#slider-carousel h4,
.header_profile_img p,
.icon_top,
.owl_bg_image a label,
.select_div select,
.view_count,
.view_count span {
    text-overflow: ellipsis
}

#slider-carousel h4,
.header_profile_img p,
.icon_top,
.owl_bg_image a label,
.select_div select,
.view_count span {
    white-space: nowrap
}


.btn-danger,
.btn-danger img,
.btn-default,
.jconfirm .jconfirm-cell {
    vertical-align: middle
}

.owl-controls,
[class^=hvr-] {
    -webkit-tap-highlight-color: transparent
}

.extra-wrap,
.jconfirm,
.select_div select,
.view_count,
.view_count span {
    overflow: hidden
}

.header a: hover .google-plus,
.social-icons .fa,
a:hover {
    text-decoration: none
}

@font-face {
    font-family: webfontbold;
    src: url(nevis-webfont.woff2) format('woff2'), url(nevis-webfont.woff) format('woff');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: armataregular;
    src: url(armata-regular-webfont.woff2) format('woff2'), url(armata-regular-webfont.woff) format('woff');
    font-weight: 400;
    font-style: normal
}

.bx_attr {
    display: none!important
}

a {
    text-decoration: none!important;
    outline: 0!important
}

.sys_main_content {
    font-family: Hind, sans-serif!important;
    min-height: 300px;
	margin-top: 60px !important;
}
.not_logged .sys_main_content{
    margin-top: 0 !important;
}

.already_member h4,
.first_meet h1 {
    font-family: webfontbold;
    margin: 0;
    color: #fff
}

ul {
    padding-left: 0
}

.full_div {
    width: 100%;
    padding: 40px 0 20px
}

.not_logged .full_div {
    padding: 15px 0
}

.first_meet h1 {
    font-size: 37.2px
}

.logo {
    padding: 0!important;
    text-align: left
}

.first_meet {
    padding: 0
}

.already_member h4 {
    font-size: 16px;
    text-align: right;
    padding-top: 8px
}

.login_div input {
    margin: 0;
    color: #fff;
    padding: 8px 0 10px 11px;
    background-color: transparent;
    border: 0 solid #fff;
    border-radius: 6px;
    text-align: left;
    width: 120px!important;
    font-family: Arvo, serif;
    font-size: 19px;
    font-weight: 400;
    outline: 0
}

.not_logged div.sys-service-menu div.sys-sm-profile {
    padding-top: 0
}

.login_div,
.member_div {
    padding: 0
}

.login_div1 {
    padding: 20px 0;
    text-align: center
}

.already_member {
    width: 155px;
    padding: 0;
    margin-right: 13px;
    margin-left: 27px;
    float: right
}

.dating_content h1,
.dating_content p {
    margin: 0;
    font-family: webfontbold;
    color: #fff
}

.login_div {
    padding: 0;
    width: 150px;
    float: right
}

.dating_content h1 {
    font-size: 55px;
    font-weight: 400;
    line-height: 66px
}

.dating_content p {
    font-size: 20px;
    padding-top: 8px;
    line-height: 30px
}

.content_div {
    background-image: url(../images/layer1.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: 115vh !important;
    background-attachment: fixed;
    background-position: top left !important;
}

img.mainLogo {
    width: 125px !important;
    height: 40px;	
	  top: 20px;
	  left: 20px;
    float: left;
    position: fixed;
}

div.signup_div {
    background-color: rgba(0, 0, 0, .6);
    padding: 12px 19px;
    border-radius: 4px;
    width: 100%!important
}

.fb_icon img {
    height: 30px;
    margin-top: 5px
}

div.facebook_login {
    background-color: #30477b;
    padding: 12px 10px;
    border-radius: 0
}

div.fb_icon p {
    font-family: webfontbold;
    font-size: 19px;
    color: #fff;
    text-align: left;
    padding-left: 8px;
    margin: 0;
    font-weight: 100!important
}

div.fb_icon {
    text-align: left;
    padding-right: 0;
    padding-left: 0
}

.select_div.select_div1:last-child {
    padding: 0!important
}

.signup {
    padding-left: 170px!important;
    padding-right: 0!important;
    padding-top: 50px!important
}

#tabs-join .signup {
    padding-top: 8px!important
}

.dating_content {
    padding: 135px 27px 0 0!important
}

.or_content {
    text-align: center;
    padding-top: 9px;
    padding-bottom: 10px
}

#tabs-join .or_content p {
    color: #000
}

#tabs-join .or_content p::after,
#tabs-join .or_content p::before {
    background: #000
}

.or_content p {
    color: #fff;
    font-size: 18.71px;
    font-family: webfontbold;
    font-weight: 400;
    margin-bottom: 0
}

.or_content p::after,
.or_content p::before {
    background: #fff;
    content: "";
    display: inline-block;
    height: 2px;
    margin: 0 10px;
    position: relative;
    top: 6px;
    transform: translateY(-1rem);
    width: 60px
}

/* .email_div input {
    color: #fff!important;
    font-size: 17px!important;
    font-family: sans-serif;
    box-shadow: none!important;
    height: 54px!important;
    width: 100%;
    background-color: rgba(0, 0, 0, .5)!important;
    border: 1px solid #17181d!important;
    padding: 6px;
    font-weight: 400
}*/

.profile .container h1,
.profile .container h4,
.select_div select {
    font-family: webfontbold
}

#tabs-join .email_div input,
#tabs-login input {
    border-bottom: 2px solid #c2c2c2!important
}

.email_div {
    padding: 10px 0 0!important
}

.signup_button {
    padding: 0!important
}

.select_div {
    padding-left: 0!important;
    padding-right: 7px!important
}

.select_div1 {
    padding-left: 7px;
    padding-right: 0
}

.select_div.select_gender {
    padding-left: 0!important;
    padding-right: 0!important
}

.select_div select {
    height: 54px;
    border-radius: 4px;
    font-size: 17px
}

.select_div select option {
    background-color: rgba(0, 0, 0, .5);
    opacity: 1;
    color: #fff
}

#join_form .select_div select option {
    background-color: rgba(255, 255, 255, .5);
    color: #000
}

.profile .container h4 {
    font-size: 16px;
    margin: 0;
    color: #363636
}

.profile .container h1 {
    font-size: 37.77px;
    margin: 0;
    color: #ff2d2d
}

.profile {
    text-align: center;
    padding-bottom: 85px;
    padding-top: 63px
}

.profile_carousel .owl-stage-outer {
    position: relative
}

.profile_carousel .owl-next img,
.profile_carousel .owl-prev img {
    width: 20px;
    height: 20px
}

.profile_carousel .owl-next,
.profile_carousel .owl-prev {
    position: absolute;
    top: 75px;
    height: 25px;
    width: 25px;
    background-position: center;
    color: transparent!important;
    background-repeat: no-repeat
}

.profile_carousel .left_icon,
.profile_carousel .right_icon {
    font-size: 23px
}

.profile_carousel .owl-prev {
    left: -51px;
    text-align: center;
    background-image: url(../images/left_arrow.png)
}

.profile_carousel .owl-next {
    right: -55px;
    background-image: url(../images/right_arrow.png)
}

.profile_carousel .owl-carousel .owl-item img {
    display: block;
    width: 100%;
    height: 155px
}

::-webkit-input-placeholder {
    color: #fff!important
}

:-ms-input-placeholder {
    color: #fff!important
}

::-moz-placeholder {
    color: #fff!important;
    opacity: 1!important
}

:-moz-placeholder {
    color: #fff!important;
    opacity: 1!important
}

/*
.select_div select {
    width: 100%;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    -o-appearance: none;
    padding: 0 5px;
    border: 0;
    color: #fff!important;
    background: url(../images/down_arrow4.png) 94% center no-repeat rgba(0, 0, 0, .5);
    overflow: hidden
}
*/

#tabs-join .select_div select {
    padding-right: 30px!important
}

.select_div select::-ms-expand {
    display: none
}

#owl-demo .owl-controls.clickable {
    display: none!important
}

.header_div .container {
    margin: 0 auto;
    padding: 0;
}

.header_div .row {
    max-width: 100%
}

.signup_button input {
    width: 100%;
    height: 50px;
    border-radius: 0;
    font-size: 21px;
    background-color: #ff2d2d;
    border: 1px solid #ff2d2d;
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    background-image: url(../images/animation_image.png);
    -webkit-animation: knightrider 6s linear infinite;
    -moz-animation: knightrider 6s linear infinite;
    animation: knightrider 6s linear infinite;
    background-repeat: no-repeat;
    background-position: -1500% -30px;
    position: relative;
    display: block;
    padding: 7px
}

.fb_icon.continue_fb {
    width: 310px;
    float: left;
    text-align: center
}

.signup_button {
    margin-bottom: 25px;
    margin-top: 30px
}

.content_div .container {
	/*
    min-width: 1210px;
    width: 1120px;
    padding: 0;
	*/
	
	  height: 100vh !important;
	  padding: 0px;
}

.profile_carousel .container {
    width: 1150px;
    max-width: 1150px
}

.profile_carousel .row {
    width: 1150px;
    max-width: 100%
}

.extra-wrap.slog_txt p {
    font-size: 70px;
    line-height: 66px;
    font-weight: 300
}

.block_2 .slog_txt strong {
    color: #E67034;
    font-weight: 300!important;
    width: 100%;
    float: left
}

.block_2 .slog_txt {
    font: 300 70px/72px, sans-serif;
    color: #31353d;
    text-transform: uppercase;
    text-align: right
}

.find_love .row {
    margin: 0 auto;
    max-width: 80%;
    width: 100%
}

.sys_agb .sys_main_page_width,
.sys_faq .sys_main_page_width,
.sys_help .sys_main_page_width,
.sys_impressum .sys_main_page_width,
div.film_roll_child img {
    max-width: 100%!important
}

.block_2 .block_txt p:first-child {
    font: 400 15px/25px 'Open Sans', sans-serif;
    color: #31353d;
    text-transform: uppercase;
    margin-bottom: 4px
}

.block_2 .block_txt p:first-child+p {
    font: 400 20px/25px 'Open Sans', sans-serif;
    color: #FF974D;
    text-transform: uppercase;
    padding-right: 80px;
    margin-bottom: 9px
}

.text1 {
    font-size: 14px;
    line-height: 24px;
    color: #bab9b9
}

.find_love {
    padding-top: 50px
}

.content_box.block_2 {
    width: 1200px;
    margin: 0 auto
}

.couples_div {
    background-image: url(../images/layer2.png);
    background-size: cover;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    padding-top: 96px
}

.couples_div h1 span {
    color: #ff2d2d
}

.couples_div h1 {
    font-size: 50px;
    font-family: webfontbold;
    padding: 0 300px;
    margin: 0;
    line-height: 58px
}

.phone_img_div {
    text-align: center;
    padding-top: 63px;
    position: relative
}

#tabs-join .signup {
    padding-left: 0!important
}

#tabs-join div.signup_div {
    padding: 17px 4px 0;
    background-color: transparent
}

#tabs-join div.fb_icon {
    text-align: center;
    padding-right: 0;
    padding-left: 0
}

.join_form .signup,
.sys_signup .join_form .signup {
    padding-right: 0!important;
    padding-top: 8px!important
}

#tabs-join div.fb_icon p {
    font-size: 23px;
    font-weight: 600!important
}

#tabs-join .select_div select {
    font-size: 18px
}

.join_form .signup {
    padding-left: 55px!important
}

.sys_signup .join_form .signup {
    padding-left: 0!important;	
}

#join_form div.facebook_login {
    padding: 12px 10px;
    border-radius: 0;
    background-color: #2F467A
}

.view_count {
    position: absolute;
    bottom: 15px;
    right: -6px;
    height: 20px;
    width: 50px;
    background-color: rgba(0, 0, 0, .5);
    font-size: 11px;
    padding-top: 2px;
    color: #fff;
    z-index: 1
}

.view_count span {
    width: 20px;
    float: left
}

.fb_icon.fb_icon1 i {
    background-color: transparent;
    font-size: 30px
}

.view_count i {
    margin-right: 7px;
    color: #fff;
    float: left
}

#tabs-join {
    width: 100%!important;
    float: left!important;
    padding-bottom: 20px!important;
    padding-top: 16px!important
}

#tabs-join .email_div input {
    font-size: 16px!important;
    color: #000!important
}

#tabs-join .email_div,
#tabs-join .signup_button {
    padding: 0
}

#tabs-join .signup_button input {
    height: 45px;
    font-size: 20px
}

#tabs-join .select_div select {
    height: 40px;
    color: #000!important;
    background: url(../images/down_arrow5.png) 95% center no-repeat rgba(255, 255, 255, 1)!important
}

#tabs-join .or_content p {
    margin-bottom: .25rem
}

#tabs-login .sys-flj-content.sys-form-login {
    background-color: transparent;
    padding: 7px 17px 17px;
    margin-top: 8px;
    border-radius: 4px;
    margin-bottom: 8px
}

.email_div input::placeholder {
    color: #fff!important
}

#tabs-join .email_div input::placeholder {
    color: #000!important
}

#tabs-login .sys-auth.bx-def-margin-sec-top.clearfix a {
    background-color: #30477B!important;
    border-radius: 0;
    text-transform: none!important;
    font-size: 23px!important;
    height: 57px;
    padding-top: 3px;
    padding-left: 25px
}

#login_box_form .input_wrapper_submit .form_input_submit {
    height: 45px;
    font-size: 20px;
    background-color: #ff2d2d!important;
    border-radius: 0;
    border: none!important;
    color: #fff!important;
    background-image: url(../images/animation_image.png)!important;
    -webkit-animation: knightrider 6s linear infinite;
    -moz-animation: knightrider 6s linear infinite;
    animation: knightrider 6s linear infinite;
    background-repeat: no-repeat!important;
    background-position: -1500% -30px;
    position: relative;
    z-index: 1;
    display: block
}

#login_box_form input[type=password],
#login_box_form input[type=text] {
    border: 0!important;
    border-bottom: 3px solid #000!important;
    color: #000!important;
    background-color: transparent;
    height: 34px
}

#login_box_form .bx-form-caption.bx-def-font-inputs-captions,
#login_box_form .input_wrapper_custom a {
    color: #000
}

/* #join_form .email_div input {
//    padding-left: 10px!important;
//    height: 40px!important;
//    background-color: transparent!important;
//    border: 0!important;
//    border-bottom: 2px solid #000!important;
//    outline: 0!important
}


#join_form .email_div input{
padding-left: 10px!important;
border: solid 1px #d5d5d5 !important;
background-color: rgba(0,0,0,.05) !important;
} */



#join_form .email_div input {
padding-left: 10px !important;
}

.signup_page_form .email_div .select_div1 select, .signup_page_form .email_div input, .signup_page_form .email_div select {
height: 40px !important;
font-family: Hind, sans-serif !important;
font-size: 14px !important;
padding: 0 1% !important;
width: 98% !important;
border-radius: 4px;
margin-bottom: 0 !important;
color: #666 !important;
}


.email_div input {
font-size: 17px !important;
font-family: sans-serif;
box-shadow: none !important;
height: 54px !important;
width: 100%;
padding: 6px;
font-weight: 400;
}




#login_box_form .bx-form-caption.bx-def-font-inputs-captions {
    margin-bottom: 0
}

#tabs-join .fb_icon img {
    height: 24px;
    margin-top: 7px
}

#tabs-login .bx-btn .sys-icon {
    font-size: 30px;
    margin-right: 33px
}

#tabs-login .bx-def-hr {
    border: none!important;
    margin: 0!important
}

#login_box_form .bx-form-element.bx-form-element-text.bx-def-margin-top.clearfix {
    margin-top: 35px
}

.sys_footer .moduletable.newsletter .acymailing_module_form .acymailing_introtext {
    text-transform: none;
    font-size: 16px!important;
    font-weight: 400!important;
    margin-left: 0;
    left: -12px;
    color: #b1b1b1;
    margin-top: 0;
    word-spacing: 1.5px;
    letter-spacing: 1px;
    line-height: 25px;
    font-family: 'open sans'!important
}

.sys_footer #footer {
    background: 0 0!important
}

.sys_footer .moduletable.newsletter {
    padding-left: 14px;
    padding-top: 0
}

.sys_footer .moduletable.newsletter .acymailing_module_form .acymailing_form {
    float: left!important;
    margin: 0!important
}

.jconfirm-closeIcon,
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons,
.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons {
    float: right
}

.sys_footer .moduletable.newsletter .acymailing_module_form .acymailing_introtext::before {
    font: 18px/20px FontAwesome;
    left: -32px
}

.moduletable.newsletter .acymailing_module_form .acymailing_form .acysubbuttons {
    left: -31px
}

.last_background .col-xs-12.col-md-12 {
    padding: 0
}

.footer_last_cont.wow.fadeInRight {
    padding-left: 16px;
    font-family: Hind, sans-serif!important
}

.film_roll_child {
    margin-top: 0
}

.film_roll_next,
.film_roll_prev {
    padding-bottom: 107px!important;
    padding-top: 108px!important;
    top: 20.4%!important
}

.profilepage_container .sys_sub_menu.sys_sm_fixed {
    display: none!important
}

.film_roll_child.active {
    position: relative;
    z-index: 9;
    width: 222px!important;
    top: 0;
    border: 2px solid #ff2d2d;
    border-radius: 2px;
    height: 330px!important
}

.film_roll_wrapper img {
    width: 100%!important;
    height: 255px!important
}

.film_roll_wrapper .active img {
    width: 100%!important;
    height: 100%!important;
    object-fit: cover
}

.film_roll_child:hover .banner_addfriend1 {
    display: block
}

.banner_addfriend1 i {
    color: #f35e1b!important;
    font-size: 75px;
    position: absolute;
    top: 0;
    left: 0!important;
    padding-top: 41%;
    background-color: rgba(0, 0, 0, .7);
    width: 100%;
    padding-bottom: 90px;
    margin: 0
}

.film_roll_child.active i {
    margin-left: -31px!important;
    width: 130.1%!important;
    height: 120%;
    padding-top: 57.5%!important;
    max-height: 100%!important;
    top: 0!important
}

#search_firstmeet .icheckbox_minimal-orange {
    background-color: transparent!important
}

#search_firstmeet input[type=checkbox]+label {
    background: url(../images/search_check.png) no-repeat rgba(0, 0, 0, 0);
    height: 35px;
    width: 35px;
    position: absolute;
    display: inline-block;
    padding: 0
}

#search_firstmeet input[type=checkbox]:checked+label {
    background: url(../images/search_check_click.png) no-repeat rgba(0, 0, 0, 0);
    display: inline-block;
    height: 35px;
    padding: 0;
    position: absolute;
    width: 35px
}

.jconfirm,
.jconfirm .jconfirm-bg {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

#search_firstmeet input[type=checkbox] {
    display: none
}

.online_tick {
    margin-left: 30px
}

.online_details {
    padding-left: 90px
}

.search_form .empty_message {
    padding: 268px 20px
}

.jconfirm .jconfirm-scrollpane {
    -webkit-perspective: 500px;
    perspective: 500px;
    -webkit-perspective-origin: center;
    perspective-origin: center;
    display: table;
    width: 100%;
    height: 100%
}

.jconfirm {
    -webkit-perspective: 400px;
    perspective: 400px;
    z-index: 99999999;
    font-family: inherit
}

#spynotfiy h1,
.icon_top {
    font-family: 'open sans'
}

.jconfirm.jconfirm-light .jconfirm-bg,
.jconfirm.jconfirm-white .jconfirm-bg {
    background-color: #444;
    opacity: .2
}

.jconfirm .jconfirm-bg {
    -webkit-transition: opacity .4s;
    transition: opacity .4s;
    transition-duration: .4s;
    transition-timing-function: ease
}

.jconfirm .jconfirm-row {
    display: table-row;
    width: 100%
}

.jconfirm .jconfirm-cell {
    display: table-cell
}

.jconfirm .jconfirm-box-container.jconfirm-no-transition {
    -webkit-transition: none!important;
    transition: none!important
}

.jconfirm .jconfirm-box-container {
    -webkit-transition: -webkit-transform;
    transition: -webkit-transform;
    transition: transform;
    transition: transform, -webkit-transform
}

.jconfirm.jconfirm-light .jconfirm-box,
.jconfirm.jconfirm-white .jconfirm-box {
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
    box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
    border-radius: 5px
}

.jconfirm .jconfirm-box.jconfirm-type-orange {
    -webkit-animation-name: none;
    animation-name: none
}

.jconfirm .jconfirm-box.jconfirm-type-animated {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.jconfirm .jconfirm-box {
    opacity: 1;
    -webkit-transition-property: all;
    transition-property: all;
    background: #fff;
    border-radius: 4px;
    position: relative;
    outline: 0;
    padding: 15px 15px 0;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto
}

.jconfirm .jconfirm-box div.jconfirm-content-pane {
    margin-bottom: 15px;
    height: auto;
    -webkit-transition: height .4s ease-in;
    transition: height .4s ease-in;
    transition-duration: .4s;
    transition-timing-function: ease-in;
    display: inline-block;
    width: 100%;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto
}

.jconfirm .jconfirm-box .jconfirm-buttons {
    padding-bottom: 11px
}

.icon-settings {
    top: -8px;
    position: relative;
}


.jconfirm .jconfirm-box div.jconfirm-closeIcon {
    height: 20px;
    width: 20px;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    opacity: .6;
    text-align: center;
    font-size: 27px!important;
    line-height: 14px!important;
    display: none;
    z-index: 1
}

.jconfirm .jconfirm-box div.jconfirm-title-c {
    display: block;
    font-size: 22px;
    line-height: 20px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
    padding-bottom: 15px
}

.sys_sub_menu.sys_sm_fixed,
.sys_sub_menu.sys_sm_relative,
.sys_sub_menu_holder.sys_smh_visible {
    display: none!important
}

.jconfirm-title-c .jconfirm-icon-c,
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
    margin-right: 8px;
    margin-left: 0
}

.homepage_container.landingpage_container .full_div {
    background-color: #ddd!important
}

#spynotfiy .thumb_wrapper {
    width: 50px;
    float: left;
    min-height: 50px
}

#spynotfiy .event_info {
    text-align: left
}

#spynotfiy::before {
    border-color: rgba(194, 225, 245, 0);
    margin-left: 208px;
    position: absolute;
    top: -8px;
    height: 15px;
    width: 15px;
    border-radius: 6px 0 0;
    background: #FFF;
    left: 88px;
    content: " ";
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

/*
abgeschaltet 16.01.2020
*/

.full_div .trauma .menu-icons ul li.icon_2 {
    position: relative;
  /*  visibility: hidden !important; */
}

#spynotfiy {
    background: #FFF;
    position: absolute;
    width: 380px;
    border: 0 solid #ff2d2d!important;
    z-index: 100;
    top: 57px;
    border-radius: 20px;
    right: -62px;
    padding-bottom: 20px
}

#spynotfiy .spy_events_wrapper.bx-def-margin-sec-top.spy_events_wrapper_menu_member:hover,
.sys-sm-item-submenu .popup_form_wrapper.trans_box .sys-service-menu-profile:hover,
.sys-sm-item-submenu .popup_form_wrapper.trans_box div.sys-sm-link:hover {
    background-color: #F4F4F4
}

#spynotfiy h1 {
    margin: 14px 0;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    color: #4a4a4a
}

div.sys_main_menu {
    z-index: auto;
    top: 0
}

#spynotfiy .event_info div,
#spynotfiy .event_info div a {
    color: #4A4A4A!important
}

#spynotfiy .event_info:hover div,
#spynotfiy .event_info:hover div a {
    color: #ff2d2d!important
}

#spynotfiy .spy_events_wrapper.bx-def-margin-sec-top.spy_events_wrapper_menu_member {
    padding: 8px 25px 6px;
    margin-top: 0;
    width: 100%;
    float: left
}

#spynotfiy .viewall {
    padding-right: 25px;
    padding-bottom: 20px;
    float: right;
    padding-top: 10px
}

#spynotfiy .spy_events_wrapper.bx-def-margin-sec-top.spy_events_wrapper_menu_member:nth-child(1) {
    padding-top: 15px
}

#spynotfiy .notifyitem {
    height: 225px;
    overflow-x: hidden;
    overflow-y: auto
}

.sys-sm-item-submenu .popup_form_wrapper.trans_box {
    border: 2px solid #DD8A24;
    border-radius: 4px
}

.sys-sm-item-submenu .popup_form_wrapper.trans_box::after {
    border-color: rgba(136, 183, 213, 0)!important;
    border-bottom-color: #FFF!important;
    border-width: 23px!important;
    margin-left: 45px!important
}

.sys-sm-item-submenu .popup_form_wrapper.trans_box::before {
    border-color: rgba(194, 225, 245, 0)!important;
    border-bottom-color: #DD8A24!important;
    border-width: 27px!important;
    margin-left: 41px!important
}

.index_online_block .popup_form_wrapper.trans_box:after,
.index_online_block .popup_form_wrapper.trans_box:before,
.sys-sm-item-submenu .popup_form_wrapper.trans_box:after,
.sys-sm-item-submenu .popup_form_wrapper.trans_box:before {
    bottom: 100%;
    left: 47%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    margin-bottom: -2px
}

.index_online_block .popup_form_wrapper.trans_box {
    border: 2px solid #ff2d2d;
    border-radius: 4px
}

.index_online_block .popup_form_wrapper.trans_box::after {
    border-color: rgba(136, 183, 213, 0)!important;
    border-bottom-color: #FFF!important;
    border-width: 23px!important;
    margin-left: 25px!important
}

.index_online_block .popup_form_wrapper.trans_box::before {
    border-color: rgba(194, 225, 245, 0)!important;
    border-bottom-color: #ff2d2d!important;
    border-width: 27px!important;
    margin-left: 21px!important
}

.dbTopMenu .dbTopMenuPopup {
    top: 57px!important
}

div.sys-sm-item-submenu {
    top: 87px!important
}

#croppicModal .cropControls.cropControlsCrop {
    padding-top: 10px
}

.sys-sm-item-submenu .popup_form_wrapper.trans_box .sys-sm-item-submenu-cnt.clearfix {
    padding: 0
}

.sys-sm-item-submenu .popup_form_wrapper.trans_box .sys-service-menu {
    width: 100%
}

.sys-sm-item-submenu .popup_form_wrapper.trans_box .sys-service-menu-profile {
    padding-left: 23px;
    padding-top: 18px
}

.sys-sm-item-submenu .popup_form_wrapper.trans_box div.sys-sm-link {
    padding-left: 23px
}

.dbTopMenuPopup .dbTopMenuPopupCnt div:hover,
.member_div #sys-service-menu-1508151736 .sys-service-menu-profile:hover,
.member_div #sys-service-menu-1508151736 .sys-sm-link:hover {
    background-color: #f4f4f4
}

.dbTopMenuPopup .dbTopMenuPopupCnt {
    padding: 0!important
}

.dbTopMenuPopup .dbTopMenuPopupCnt div {
    padding: 10px 20px
}

.dbTopMenuPopup .dbTopMenuPopupCnt .bx-def-margin-sec-top-auto {
    margin-top: 0;
    padding-top: 10px
}

.member_div.wow.fadeInRight {
    visibility: visible!important;
    animation-name: fadeInRight!important;
    opacity: 1!important;
    height: 40px;
    top: -1px;
    padding-top: 0
}

.not_logged .member_div.wow.fadeInRight {
    padding-top: 12px
}

.sys_logo_wrapper_cnt.logo.wow.fadeInLeft {
    visibility: visible!important;
    animation-name: fadeInLeft!important;
    opacity: 1!important;
    margin-bottom: 0
}

/*.header_div .sys_logo_wrapper_cnt img {*/
    /*width: 140px!important*/
/*}*/

/*.not_logged .header_div .sys_logo_wrapper_cnt img {*/
    /*width: 180px!important*/
/*}*/

#spynotfiy #nomore {
    text-align: center;
    padding-top: 5px
}

.search_form .active_user-container.grid.effect-7 {
    max-width: 100%
}

.header_div .member_div .sys-service-menu-wrp {
    position: relative
}

.header_div .member_div #sys-service-menu-1508151736::before {
    border-color: rgba(194, 225, 245, 0)!important;
    border-bottom-color: #f52500!important;
    border-width: 24px;
    margin-left: 76px
}

.header_div .member_div #sys-service-menu-1508151736::after {
    border-color: rgba(136, 183, 213, 0)!important;
    border-bottom-color: #FFF!important;
    border-width: 20px;
    margin-left: 80px
}

.member_div #sys-service-menu-1508151736::after,
.member_div #sys-service-menu-1508151736::before {
    bottom: 100%;
    left: 33%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.header_div .member_div #sys-service-menu-1508151736 .container.bx-def-border.bx-def-round-corners {
    width: 100%!important;
    min-width: 100%;
	  left: 0px;
}

.member_div #sys-service-menu-1508151736 {
    position: absolute;
    top: 15px;
    width: 220px;
    right: -30px;
    border: 2px solid #f52500!important;
    border-radius: 4px;
    z-index: 999;
    left: auto
}

.sys-service-menu .sys-smp-thumbnail .thumbnail_image_file.bx-def-thumbnail.bx-def-shadow.bx-img-retina {
    height: 30px;
    margin-left: 20px;
    margin-right: 17px
}

.member_div #sys-service-menu-1508151736 .sys-service-menu .sys-sm-link .coin_img1 {
    display: block
}

.member_div #sys-service-menu-1508151736 .sys-service-menu .sys-sm-link .coin_img2,
.member_div #sys-service-menu-1508151736 .sys-service-menu .sys-sm-link:hover .coin_img1 {
    display: none
}

.member_div #sys-service-menu-1508151736 .sys-service-menu .sys-sm-link:hover .coin_img2 {
    display: block
}

.member_div #sys-service-menu-1508151736 .popup_form_wrapper .container {
    border-color: rgba(225, 30, 30, 0)
}

.member_div #sys-service-menu-1508151736 .thumbnail_block.thumbnail_block_icon {
    width: 44px;
    margin-top: 5px;
    margin-bottom: 0
}

.member_div #sys-service-menu-1508151736 .profile_block {
    padding-bottom: 4px;
    float: left!important;
    text-align: left;
    width: 50%;
    padding-top: 10px
}

.member_div #sys-service-menu-1508151736 .sys-service-menu {
    float: left!important;
    text-align: left;
    width: 100%
}

.member_div #sys-service-menu-1508151736 .sys-service-menu-profile {
    padding-top: 15px;
    width: 100%;
    float: left;
    padding-left: 23px;
    padding-bottom: 4px
}

.member_div #sys-service-menu-1508151736 .sys-service-menu .sys-sm-link {
    padding-bottom: 1px;
    color: #4A4A4A!important;
    width: 100%;
    float: left;
    font-size: 14px;
    padding-top: 1px
}

.profile_block>a {
    color: #4A4A4A!important;
    font-size: 16px
}

.member_div #sys-service-menu-1508151736 .sys-service-menu .sys-sm-link:hover,
.profile_block>a:hover {
    color: #f52500!important
}

.container.bx-def-border.bx-def-round-corners {
    padding-top: 0;
    padding-bottom: 0
}

.member_div #sys-service-menu-1508151736 div.sys-sm-item-submenu-cnt {
    padding-left: 0;
    padding-right: 0;
    margin: -1px
}

.member_div #sys-service-menu-1508151736 .sys-service-menu .sys-sm-link i {
    width: 44px;
    font-size: 27px;
    float: left;
    padding-left: 23px;
    margin-right: 23px
}

.member_div #sys-service-menu-1508151736 .sys-service-menu .sys-sm-link span {
    padding-top: 4px;
    float: left
}

#cropContainerModal1 .cropControls.cropControlsCrop {
    width: 255px!important
}

.pedit_page .jconfirm-icon-c i {
    font-size: 55px;
    text-align: center
}

.pedit_page .jconfirm .jconfirm-box div.jconfirm-content-pane,
.pedit_page .jconfirm .jconfirm-box div.jconfirm-title-c {
    text-align: center
}

.pedit_page .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons {
    float: right;
    width: 100%;
    text-align: center
}

#spynotfiy .empty_message {
    font-size: 15px;
    margin: 0;
    text-align: center;
    padding-bottom: 0
}

#spynotfiy .bx-def-bc-padding {
    padding: 15px 20px 0
}

#spynotfiy .empty_message i {
    line-height: 69px;
    font-size: 40px
}

#spynotfiy .content.containerback {
    min-height: 160px!important
}

#spynotfiy .empty_message label {
    margin: 0;
    height: 80px;
    line-height: 80px;
    width: 80px
}

#spynotfiy .empty_message h3 {
    font-size: 25px
}

.not_logged .sys_root div.full_div {
    height: auto!important;
    background: rgba(0, 0, 0, 1)!important;
}

.not_logged div.full_div {
    background: #000!important;
    height: auto
}

.sys_logo_wrapper_cnt.logo.col-md-6.col-sm-6.col-xs-6.wow.fadeInLeft {
    visibility: visible!important;
    margin-bottom: 0
}

.member_div.col-md-6.col-sm-6.col-xs-6.wow.fadeInRight {
    visibility: visible!important
}

.not_logged .sys_main_content.sys_main_page_width {
    padding-top: 100px
}

.homepage_container.not_logged .sys_main_content.sys_main_page_width {
    padding-top: 0
}

.homepage_container.not_logged .header_div.header_block {
    background-color: transparent
}

.not_logged .disignBoxFirst {
    background: 0 0
}

.sys_signup .signup_page_form .email_div {
    margin-bottom: 10px;
    height: 70px
}

.active_user-container .active_image a {
    width: 100%;
    float: left;
    position: absolute
}

.active_online_user:hover .active_image::before {
    left: 0
}

.find_love2 img {
    width: 100%
}

.subMenuCnt.bx-def-padding-leftright.clearfix {
    display: none
}

.sys_profile_activate div.full_div {
    background-color: #D98B30!important;
    height: 100px!important
}

.sys_profile_activate .sys_main_content.sys_main_page_width {
    padding-top: 100px
}

.sys_profile_activate .profile_activate_block .dbTitle {
    text-align: center;
    font-size: 25px;
    text-transform: capitalize;
    padding-top: 25px;
    font-weight: 600
}

.sys_profile_activate .prof_act_message_info.bx-def-margin-sec-bottom {
    width: 244px;
    margin: 0 auto;
    font-size: 13px;
    text-align: center
}

.sys_profile_activate .prof_act_continue a {
    color: #fff;
    background-color: #D98B30;
    padding: 7px 29px;
    display: inline-block
}

.sys_profile_activate .prof_act_continue {
    width: 100%;
    text-align: center;
    display: inline-block;
    padding: 15px 0
}

.sys_profile_activate .prof_act_continue a:hover {
    color: #fff
}

.sys_profile_activate .profile_activate_image {
    text-align: center;
    width: 100%
}

.profile_activate_block {
    width: 600px;
    margin: 20px auto 0;
    background-color: #fff
}

.profile_activate_image img {
    width: 100%
}

.sys_profile_activate .prof_act_box.bx-def-bc-padding.bx-def-font-large {
    padding-top: 5px
}

.banner_div {
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    background-position: center center;
    /* height: 100vh */
    height: 0vh
}

.not_logged .forgot-pwd-loovify {
    padding: 40px;
    background-color: #fff;
    margin: 60px 40px 80px
}

.image_container a img {
    height: 28px;
    margin-top: 15px;
    margin-right: 10px;
}

.image_container_centered_text a a:visited {
    color: #fff;
    margin-top: -2px;
}

.full_div .trauma.menu-list ul li a {
    padding: 7px 13px 3px;
    display: inline-block;
    transition: none;
    font-size: 28px;
    text-transform: uppercase;
    color: #fff
}

.icon-speech-bubble::before {
  /* in icomoon.svg  
    https://icomoon.io/app/#/select
    content: "\e901"; */  
    font-family: sys-user!important;
    content: "\f003";
    color: #d34539;
    font-size: 27px;
    font-weight: 700 
  
  /*    
  background-image: url('/templates/tmpl_firstmeet/images/letter.png');
    background-size: 10px 20px;
    display: inline-block;
    width: 10px; 
    height: 20px;
    content:"";
    font-size: 27px;
    font-weight: 700
  */
}

.icon-settings::before {
    content: "\e905";
    color: #d34539;
    font-size: 27px
}

.icon-notification::before {
    content: "\e904";
    color: #d34539;
    font-size: 27px
}


 /* old */
.icon_top {
  position: absolute;
  top: -19px;
  width: 25px;
  height: 25px;
  background: #d34539;
  border-radius: 20%;
  color: #fff;
  text-align: center;
  font-size: 12px;
  line-height: 25px;
  /* Blink animation hier abgeschaltet
   transform: translate(-50%,-50%);
  */
}

.icon_top,.icon_top_blink{
	position: absolute;
	top: -20px;
	width: 25px;
	height: 25px;
	background: #d34539;
	border-radius: 20%;
	color: #fff;
	text-align: center;
	font-size: 12px;
	line-height: 25px;
  content: "";
  display: block;	 
  border: 1px solid #d34539;
  right: -2px;
  left: 23px;		  
  bottom: -2px;      
}

.icon_top_blink{
  /* Blink animation angeschaltet */
   animation: blink_animate 3s linear infinite;  
}


.onlinepage.displayed
{	
	border-radius: 45%;
	background-color: #ebe0f038;		
}

.icon_5 { 
  position: absolute;
  top: 1px;
  left: -8px;  
}


.icon_7 { 
  position: absolute;
  top: -19px;  
}

.icon_8 { 
  position: absolute;
  top: -12px;  
}

/* Blink animation Klein wird nicht verwendet */
@keyframes blink_animate_klein 
{
	0% {transform:scale(1);}
	10% {transform:scale(1.39);}
	20% {transform:scale(1);}
	30% {transform:scale(1.39);}
	40% {transform:scale(1);}
	100% {transform:scale(1);}
}


@keyframes blink_animate 
{
	0% {transform:scale(1);}
	10% {transform:scale(1.60);}
	20% {transform:scale(1);}
	30% {transform:scale(1.60);}
	40% {transform:scale(1);}
	100% {transform:scale(1);}
}


.image_container a .image_container_centered_text {
  transform: translate(-50%,-50%);
  font-family: 'open sans';
  position: absolute;
  background: #d34539;
  border-radius: 20%;
  color: #fff;
  text-align: center;
  animation: pulse 3s ease infinite !important;
  transform-origin: 50% 50% !important;
  cursor: pointer !important;
  top: 15px;
  width: 25px;
  height: 25px;
  font-size: 12px;
  line-height: 25px;
  margin-left: 25px;
}

.image_container a{position:relative;}
.image_container a .image_container_centered_text{
  content: "";
  display: block;
  position: absolute;
  border: 1px solid #d34539;
  right: -2px;
  left: -2px;
  top: -13px;
  bottom: -2px;
  border-radius: 20%;
  background: #d34539;
  /* Blink animation abgeschaltet
  animation: animate 3s linear infinite !important;
  */
}


.response_message_img {
	height:90px;
	width:90px;
	top: -5px;
	position: relative;
	border-radius: 50%;
	animation: bounceIn 4s; 
	opacity: 1;
}


.social-icons .fa-facebook {
    background: #3b558b;
    color: #fff
}

.social-icons .fa-twitter {
    background: #00aced;
    color: #fff
}

.social-icons .fa-google-plus {
    background: #b63a2b;
    color: #fff;
    text-transform: lowercase
}

.social-icons .fa {
    padding: 8px 3px;
    font-size: 17px;
    width: 35px;
    text-align: center;
    border-radius: 50%;
    height: 35px
}

[class*=" icon-"],
[class^=icon-] {
    font-family: icomoon!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    display: block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.menu-icons {
    width: 100%;
    float: right
}

.social-icons {
    float: right;
    display: inline-block;
    width: 160px
}

.header_details {
    padding-top: 22px;
    padding-bottom: 22px;
    background: rgba(0, 0, 0, .5);
    display: inline-block;
    width: 100%
}

.full_div .trauma .menu-icons ul li {
    margin-right: 20px;
    margin-bottom: 0;
	  height: 30px;
}

.full_div .trauma.menu-list ul li.active a,
.full_div .trauma.menu-list ul li:hover a {
    background: 0 0;
    color: #ff2d2d
}

.full_div .trauma.menu-list ul li {
    background: 0 0;
    border-right: 4px solid #ff2d2d;
    margin-right: 0
}

.header,
.header-form {
    background-size: cover;
    background-repeat: no-repeat
}

.full_div .trauma.menu-list ul li:last-child {
    border-right: 0 solid #ff2d2d
}

.full_div .trauma.menu-list ul.topnav {
    text-align: center
}

#slider-carousel .hoverfx .figure {
    position: relative;
    z-index: 2;
    display: inline-block;
    padding: 2px 8px;
    max-width: 60%;
    border: 3px solid #ff2d2d;
    background-color: #ff2d2d;
    color: #ecf0f1;
    vertical-align: middle;
    text-transform: uppercase;
    font-size: 18px;
    opacity: 0;
    border-radius: 100px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition-property: all .3s ease
}

#slider-carousel h4,
.footer-top h5,
.footer-top h6 a {
    text-transform: capitalize
}

@font-face {
    font-family: HelveticaNeueLTStd-Lt;
    src: url(../fonts/HelveticaNeueLTStd-Lt/HelveticaNeueLTStd-Lt.eot?#iefix) format('embedded-opentype'), url(../fonts/HelveticaNeueLTStd-Lt/HelveticaNeueLTStd-Lt.woff) format('woff'), url(../fonts/HelveticaNeueLTStd-Lt/HelveticaNeueLTStd-Lt.ttf) format('truetype'), url(../fonts/HelveticaNeueLTStd-Lt/HHelveticaNeueLTStd-Lt.svg#HelveticaNeueLTStd-Lt) format('svg');
    font-weight: 400;
    font-style: normal
}

.container-fluid {
    width: 100%;
    padding: 0;
    margin: 0;	  
    bottom: 0;
    position: relative;
	  /*
	  height: 57vh;
	  */
}

.header {
    background-image: url(../images/banner.png);
    height: 875px
}

.header-cont {
    width: 1140px;
    margin: 0 auto;
    padding: 0
}

.header img {
    padding-top: 50px
}

.header ul {
    text-align: right;
    padding-top: 60px
}

.header ul li {
    display: inline;
    list-style-type: none
}

#base,
.fb span,
.members ul li,
.nopadding,
.social-circle,
.social-circle a {
    display: inline-block
}

.header ul li a {
    font-family: Arvo, serif;
    font-weight: 400;
    font-size: 22px;
    color: #fff;
    padding-left: 5px;
    line-height: 20px
}

.header ul .first-child {
    border-right: 2px solid #fff;
    padding-right: 10px
}

.header i {
    font-size: 18px
}

.header a.icoFacebook {
    background-color: #3B5998
}

.header a.icoTwitter {
    background-color: #3cf
}

.header a.icoGoogle {
    background-color: #BD3518
}

.header a.icoFacebook:hover {
    background-color: #3B5998
}

.header a.icoTwitter:hover {
    background-color: #3cf
}

.header a.icoGoogle:hover {
    background-color: #BD3518
}

.header a.icoFacebook:hover i,
.header a.icoRss:hover i,
.header a.icoTwitter:hover i {
    color: #fff
}

.socialHoverClass,
a.socialIcon:hover {
    color: #44BCDD
}

.nopadding {
    padding: 0;
    float: none
}

.social-circle {
    float: right;
    margin-top: 62px;
    text-align: right;
    width: 12%
}

.social-circle::before {
    content: '';
    margin-top: 20px
}

.social-circle a {
    margin: 0 auto;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    width: 33px;
    height: 33px;
    font-size: 15px
}

.social-circle i {
    margin: 0;
    line-height: 33px;
    text-align: center;
    color: #fff;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -o-transition: all .8s;
    -ms-transition: all .8s;
    transition: all .8s
}

.btn-facebook,
.fb {
    text-align: left
}

.header-form1 {
    width: 1250px
}

.header-form {
    clear: both;
    background-image: url(../images/background.png);
    height: 670px;
    margin-top: 215px;
    padding-left: 50px
}

.header-form h3 {
    color: #fff;
    font-weight: 700;
    font-family: Montserrat, sans-serif;
    font-size: 33px;
    padding-left: 50px;
    padding-top: 90px
}

.header-form p {
    color: #fff;
    font-size: 18px;
    font-family: Arvo, serif;
    line-height: 20px;
    padding-left: 50px
}

.header-form form {
    padding-top: 5px
}

.header-form form .form-group .form-control {
    background-color: transparent;
    width: 80%;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    margin-left: 53px;
    box-shadow: none;
    padding-left: 0;
    padding-top: 0
}

.header-form form .form-control {
    margin-top: 25px
}

.btn-default,
.btn-facebook {
    margin-top: 38px;
    display: inline-block
}

.header-form form .btn-default {
    margin-left: 50px
}

.header-form input {
    background-color: transparent;
    border: none;
    border-bottom: 2px solid #fff;
    border-radius: 0
}

.header-form input::-webkit-input-placeholder {
    color: #fbf6f6!important;
    font-size: 24px;
    font-family: Arvo, serif;
    font-weight: 400;
    padding-bottom: 5px;
    letter-spacing: 2px
}

.header-form input:-moz-placeholder {
    color: #fbf6f6!important;
    font-size: 24px;
    font-family: Arvo, serif;
    padding-bottom: 5px;
    font-weight: 400;
    letter-spacing: 2px
}

.header-form input::-moz-placeholder {
    color: #fbf6f6!important;
    font-size: 24px;
    font-family: Arvo, serif;
    padding-bottom: 5px;
    font-weight: 400;
    letter-spacing: 2px
}

.header-form input:-ms-input-placeholder {
    color: #fbf6f6!important;
    font-size: 24px;
    font-family: Arvo, serif;
    padding-bottom: 5px;
    font-weight: 400;
    letter-spacing: 2px
}

.btn-default,
.btn-default:hover {
    background-color: #ff0010;
    color: #fff
}

.btn-default {
    border: 1px solid #fff;
    border-radius: 8px;
    font-family: Montserrat;
    font-size: 20px;
    padding: 10px 7px;
    width: 27%
}

.btn-facebook,
.date p {
    font-family: Arvo, serif
}

.btn-default:hover {
    border: 1px solid #fff
}

.fb span {
    margin-left: 17px;
    padding-top: 8px
}

.btn-facebook i {
    background-color: #244da4;
    border-right: 1px solid #222f6a;
    float: left;
    padding: 7px 11px 6px 13px;
    font-size: 30px
}

.btn-facebook,
.btn-facebook.active,
.btn-facebook.disabled,
.btn-facebook:active,
.btn-facebook:focus,
.btn-facebook:hover,
.btn-facebook[disabled] {
    color: #fff;
    background-color: #4c6db6
}

.btn-facebook {
    margin-left: 10px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
    font-weight: 400;
    border: 1px solid #222f6a;
    padding: 0;
    font-size: 17px;
    width: 40%
}

.date h2,
.members h2,
.sweet h2 {
    font-weight: 700
}

.foot-icon,
.splash-menu,
.splash-menu li a {
    text-align: right
}

.btn-facebook.active,
.btn-facebook:active {
    background-color: #4c6db6\9
}

.header_profile_div {
    background: #fff;
    margin-top: 0;
    z-index: 1;
    width: 100%;
    left: 0
}

.not_logged .select_div.select_gender select {
    background: url(../images/down_arrow4.png) 95.7% center no-repeat rgba(0, 0, 0, .5)!important
}

.btn-primary,
.btn-primary:hover {
    background-color: #743349;
    color: #fff
}

.date {
    background-image: url(../images/banner2.png);
    background-size: cover;
    background-repeat: no-repeat;
    margin-top: 112px;
    padding-bottom: 30px
}

.date h2 {
    font-size: 38px;
    font-family: Montserrat, sans-serif;
    color: #000;
    padding-top: 12px
}

.date h2 span {
    color: #ed2437
}

.date p {
    color: #828282;
    font-size: 19px;
    line-height: 23px;
    padding-top: 35px
}

.btn-danger,
.btn-primary {
    font-family: Arvo, serif;
    padding: 11px;
    font-size: 19px;
    margin-top: 35px;
    font-weight: 700
}

.date p span {
    color: #000
}

.btn-primary {
    border: 1px solid #743349;
    border-radius: 3px;
    width: 17%
}

.btn-primary:hover {
    border: 1px solid #743349
}

.btn-danger,
.btn-danger:hover {
    background-color: #ff0461;
    color: #fff
}

.btn-danger {
    border: 1px solid #ff0461;
    border-radius: 3px;
    width: 21%
}

.btn-danger:hover {
    border: 1px solid #ff0461
}

.date-row h2,
.date-row h6 {
    color: #8d8d8d;
    font-family: Arvo, serif
}

.btn-danger span {
    float: left;
    padding-left: 15px
}

.btn-danger img {
    float: left;
    margin-left: 3px
}

.date-row {
    width: 80%;
    margin: 60px auto 0
}

.image-card img {
    -webkit-transition: .4s ease;
    transition: .4s ease
}

.date-img:hover .image-card img {
    -webkit-transform: scale(1.08);
    transform: scale(1.08)
}

.image-card1 img {
    -webkit-transition: .4s ease;
    transition: .4s ease
}

.date-img1:hover .image-card1 img {
    -webkit-transform: scale(1.08);
    transform: scale(1.08)
}

.image-card2 img {
    -webkit-transition: .4s ease;
    transition: .4s ease
}

.date-img2:hover .image-card2 img {
    -webkit-transform: scale(1.08);
    transform: scale(1.08)
}

.image-card3 img {
    -webkit-transition: .4s ease;
    transition: .4s ease
}

.date-img3:hover .image-card3 img {
    -webkit-transform: scale(1.08);
    transform: scale(1.08)
}

.date-row h2 {
    font-size: 40px;
    margin-bottom: 0;
    margin-top: 0
}

.date-row h6 {
    font-size: 20px;
    margin: 0
}

.sweet {
    padding-top: 85px
}

.sweet h2 {
    font-size: 38px;
    font-family: Montserrat, sans-serif;
    color: #000
}

.sweet .thumb1 p,
.sweet p {
    font-family: Arvo, serif
}

.sweet h2 span {
    color: #ed2437
}

.sweet p {
    padding-top: 2px;
    font-size: 25px;
    color: #797777;
    line-height: 30px;
    padding-bottom: 80px
}

.sweet .thumb1 {
    background-color: #131b28;
    padding: 0;
    border: none;
    border-radius: 0
}

.sweet .thumb1 img {
    width: 100%
}

.sweet .thumb1 p {
    color: #fff;
    font-size: 15px;
    line-height: 25px;
    margin-top: 0;
    padding-left: 35px;
    padding-bottom: 10px
}

#t2 p {
    padding-bottom: 13px
}

#base {
    background: #131b28;
    margin-top: 0;
    position: relative;
    width: 290px
}

.members,
.splash-form {
    background-size: cover
}

#base:before,
.sweet a:hover #base:hover::before {
    border-left: 350px solid transparent;
    border-right: 0 solid transparent;
    left: 0;
    position: absolute;
    top: -35px;
    width: 0;
    content: "";
    height: 0
}

#base:before {
    border-bottom: 35px solid #131b28
}

.sweet a:hover .thumb1 img {
    opacity: .6;
    background-color: #000
}

.sweet a:hover #base:hover {
    background-color: #f1203b
}

.sweet a:hover #base:hover::before {
    border-bottom: 35px solid #f1203b
}

.members {
    margin-top: 0;
    padding-bottom: 25px
}

.members h2 {
    font-size: 38px;
    font-family: Montserrat, sans-serif;
    color: #000;
    margin-top: 0
}

.members h4,
.members p,
.members ul li a {
    font-family: Arvo, serif
}

.members h2 span {
    color: #ed2437
}

.members ul {
    width: 30%;
    margin: 20px auto 15px
}

.members ul li {
    list-style-type: none;
    padding: 15px
}

.members ul li a {
    position: relative;
    font-size: 18px;
    color: #373737
}

.members ul li a:hover {
    border-bottom: 5px solid #5c303f
}

#menu a:hover:after {
    content: "";
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 12px solid #5c303f;
    position: absolute;
    bottom: -12px;
    left: 50%;
    margin-left: -12px
}

.img-hover1 img {
    -webkit-transition: .4s ease;
    transition: .4s ease;
    max-width: 80%
}

.mem-img1:hover .img-hover1 img {
    -webkit-transform: scale(1.08);
    transform: scale(1.08)
}

.img-hover2 img {
    -webkit-transition: .4s ease;
    transition: .4s ease;
    max-width: 81%
}

.mem-img2:hover .img-hover2 img {
    -webkit-transform: scale(1.08);
    transform: scale(1.08)
}

.img-hover3 img {
    -webkit-transition: .4s ease;
    transition: .4s ease;
    max-width: 76%
}

.mem-img3:hover .img-hover3 img {
    -webkit-transform: scale(1.08);
    transform: scale(1.08)
}

.img-hover4 img {
    -webkit-transition: .4s ease;
    transition: .4s ease;
    max-width: 77%
}

.mem-img4:hover .img-hover4 img {
    -webkit-transform: scale(1.08);
    transform: scale(1.08)
}

.img-hover5 img {
    -webkit-transition: .4s ease;
    transition: .4s ease;
    max-width: 84%
}

.mem-img5:hover .img-hover5 img {
    -webkit-transform: scale(1.08);
    transform: scale(1.08)
}

.img-hover6 img {
    -webkit-transition: .4s ease;
    transition: .4s ease;
    max-width: 80%
}

.mem-img6:hover .img-hover6 img {
    -webkit-transform: scale(1.08);
    transform: scale(1.08)
}

.members h4 {
    font-size: 20px;
    color: #484848;
    padding-top: 15px;
    margin-bottom: 0
}

.members p {
    padding-top: 0;
    color: #fff;
    font-size: 12px
}

.gender_icon .sys-icon.gender {
    position: absolute;
    right: 10px;
    bottom: 8px
}

.memories {
    padding-top: 60px
}

.memories h2 {
    font-size: 38px;
    font-family: Montserrat, sans-serif;
    color: #ed2437
}

.memories hr {
    border: 2px solid #f15e69;
    width: 23%;
    margin-left: 7px;
    margin-top: 0
}

.memories p {
    font-size: 19px;
    font-family: Arvo, serif;
    color: #52555a;
    font-weight: 400;
    line-height: 23px;
    padding-top: 33px
}

.memories img {
    margin-top: 40px;
    padding-left: 7px
}

#footer-copy,
.footer-cont .no_padding,
.footer-top h6 {
    padding-left: 0
}

.footer-top {
    background-color: #181818;
    margin-top: 0;
    padding-bottom: 2px;
    border-bottom: 1px solid #464646;
    padding-top: 10px
}

.footer-cont {
    width: 1180px;
    margin: 0 auto
}

.footer-top h5 {
    font-family: armataregular;
    color: #ff2d2d;
    font-size: 16px;
    margin-top: 43px
}

#reduce_div h4,
.footer-top p {
    font-size: 14px;
    font-family: armataregular
}

#reduce_div a:hover {
    color: #FF2D2D
}

.footer-top p {
    color: #898989;
    line-height: 25px;
    word-spacing: 1.5px
}

.footer_center_div {
    width: 180px;
    margin-left: 0
}

#reduce_div h4 {
    font-weight: 700;
    color: #b1b1b1
}

.disignBoxFirst .boxFirstHeader .dbTitle {
    display: none
}

.footer-top button {
    background-color: grey;
    border: 1px solid grey;
    color: #fff;
    font-size: 16px;
    font-family: Arvo, serif;
    padding-top: 4px;
    padding-bottom: 5px;
    border-radius: 3px;
    width: 42%;
    margin-top: 10px
}

.footer,
.sign-in,
.splash-header {
    background-color: #000
}

#reduce_div .no_padding a,
.footer-top h6 a {
    font-family: armataregular, sans-serif
}

.footer-top h6 {
    margin-top: 0
}

.footer-top h6 a {
    color: #b1b1b1!important;
    font-size: 14px;
    font-weight: 600;
    line-height: 25px
}

#reduce_div .no_padding a {
    color: #fff!important
}

#reduce_div .no_padding li {
    list-style: none
}

.footer-top hr {
    margin-top: 16px;
    margin-bottom: 16px;
    border: none;
    border-top: 1px solid #2d2d2d
}

.footer {
    height: 95px
}

.footer .container {
    padding: 0
}

.footer h2 {
    font-size: 33px;
    font-family: Montserrat, sans-serif;
    color: #fff
}

.footer p,
.splash-menu li a {
    font-family: Arvo, serif
}

.footer h2 span {
    color: #ff011a
}

.footer p {
    color: #585858;
    font-size: 18px;
    margin: 0;
    padding-top: 0
}

.footer img {
    margin-top: 0
}

.foot-icon i {
    color: #898989;
    margin-left: 20px;
    font-size: 17px;
    margin-top: 7px
}

.foot-hr {
    width: 100%;
    height: 20px;
    border-bottom: 5px solid #080808;
    margin-top: 40px;
    position: absolute
}

.container.footer_responsive {
    padding-top: 36px;
    padding-bottom: 26px
}

.splash-header {
    padding-bottom: 10px
}

.splash-header-cont,
.splash-img {
    padding: 0
}

.splash-header img {
    padding-top: 60px
}

.splash-menu {
    padding: 60px 0 0
}

.splash-menu ul li {
    text-align: right;
    list-style-type: none;
    margin-bottom: 35px;
    font-size: 20px;
    display: inline-block;
    padding-left: 25px
}

.splash-menu li a {
    color: #fff;
    font-size: 26px;
    margin: 0
}

.check-circle,
.sign-in {
    color: #ff2d2d;
    padding: 2px
}

.splash-form-cont h3,
.splash-form-cont h6 {
    font-family: Helvetica
}

.check-circle {
    border-radius: 100px;
    font-size: 5px
}

.sign-in {
    border-radius: 50px
}

.splash-menu i {
    font-size: 19px;
    margin-right: 10px;
    vertical-align: top;
    margin-top: 7px
}

.splash-form {
    background-image: url(../images/splash-cont.png);
    background-repeat: no-repeat;
    height: 760px
}

.splash-form .container {
    padding: 0
}

.splash-form-cont {
    float: right;
    margin-top: 140px;
    background-color: rgba(0, 0, 0, .6);
    height: 485px;
    width: 435px
}

.splash-form-cont h3 {
    color: #fff;
    font-size: 26px;
    padding-top: 10px;
    margin-bottom: 0
}

.fb_icon i {
    background-color: #30477b;
    border-radius: 5px;
    font-size: 23px;
    margin-left: 10px;
    color: #fff;
    padding: 5px 15px 0;
    margin-top: 3px
}

.splash-form-cont h6 {
    color: #9f9f9f;
    font-size: 15px;
    margin-top: 7px
}

.splash-form-cont h6::after,
.splash-form-cont h6::before {
    content: "";
    width: 11%;
    height: 2px;
    margin: 2px 10px;
    display: inline-block
}

.splash-form-cont h6::before {
    background: -webkit-linear-gradient(to left, #8a8989, #242222);
    background: -o-linear-gradient(to left, #8a8989, #242222);
    background: -moz-linear-gradient(to left, #8a8989, #242222);
    background: -ms-linear-gradient(to right, #8a8989, #242222);
    background: linear-gradient(to left, #8a8989, #242222);
    background-color: #8a8989
}

.splash-form-cont h6::after {
    background: -webkit-linear-gradient(to right, #8a8989, #242222);
    background: -o-linear-gradient(to right, #8a8989, #242222);
    background: -moz-linear-gradient(to right, #8a8989, #242222);
    background: -ms-linear-gradient(to right, #8a8989, #242222);
    background: linear-gradient(to right, #8a8989, #242222);
    background-color: #8a8989
}

.splash-form-cont form {
    padding-top: 20px
}

.splash-form-cont .fc {
    background-color: #17181d;
    border: 1px solid #17181d;
    border-radius: 0;
    height: 60px;
    color: #fff;
    box-shadow: none
}

.splash-form-cont .fc:hover {
    box-shadow: none
}

.splash-form-cont .form-group {
    margin-bottom: 10px
}

.splash-form-cont input::-webkit-input-placeholder {
    color: #fff;
    font-size: 18px;
    font-weight: 400
}

.signup_div input:-moz-placeholder {
    color: #fff;
    font-size: 18px;
    font-weight: 400
}

.signup_div input::-moz-placeholder {
    color: #fff;
    font-size: 18px;
    font-weight: 400
}

.signup_div input:-ms-input-placeholder {
    color: #fff;
    font-size: 18px;
    font-weight: 400
}

.signup_div .btn-success {
    background-color: #ff2d2d;
    border: 1px solid #ff2d2d;
    border-radius: 0;
    width: 100%;
    height: 50px;
    font-size: 21px;
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 25px;
    margin-top: 17px
}

.signup_div .btn-success:hover {
    background-color: #ff2d2d;
    border: 1px solid #ff2d2d
}

.signup_div p {
    display: inline-block;
    font-size: 17px
}

.signup_div .or_content p {
    display: block;
    font-size: 18.71px
}

.signup_div p a {
    color: #989698!important
}

.signup_div #create {
    color: #ff5858!important
}

.signup_div span {
    padding-left: 15px
}

.carosuel-back {
    background-color: #000;
    height: 215px
}

.carosuel-back .container {
    padding: 0
}


#slider-carousel .owl-item {
    width: 190px;
    height: 200px;
    text-align: center
}

#slider-carousel-12 .owl-item,
.members .home_members_online .owl-item {
    text-align: center
}

#owl-demo .item {
    margin: 3px
}

#owl-demo .item img {
    display: block;
    padding-right: 0;
    padding-top: 28px;
    object-fit: cover
}

#owl-demo.spalsh_profile_carousel .item img {
    padding: 0;
    width: 100%!important;
    border-radius: 50%;
    border: 2px solid #ddd
}

#owl-demo.spalsh_profile_carousel {
    padding: 27px 0
}

.container-fluid.carosuel-back {
    height: auto
}

.join_success_container.text-center {
    margin-bottom: 100px;
    background: #fff;
    margin-top: 80px;
    padding-top: 20px;
    padding-bottom: 20px
}

.sys_signup div.fb_icon p {
    font-family: helvetica;
    font-size: 19px;
    color: #fff;
    text-align: left;
    padding-left: 13px;
    margin: 0;
    font-weight: 500!important
}

.sys_signup .facebook_login_sign div.fb_icon p {
    text-align: left;
    font-weight: 100!important;
    padding-left: 0;
    font-family: webfontbold
}

.sys_join .join_success_container>p {
    font-size: 16px;
    margin: 20px 0
}

.page_block_container div.disignBoxFirst {
    background: 0 0
}

.splash-welcome h1 {
    width: 51%;
    font-size: 58px;
    font-family: Arvo, serif;
    color: #3f3f3f;
    padding-top: 74px;
    padding-bottom: 12px;
    border-bottom: 4px solid #ddd;
    margin: 0 auto
}

.splash-welcome p {
    font-size: 27px;
    font-weight: 400;
    color: #727272;
    padding-top: 35px;
    line-height: 37px;
    width: 98%;
    border-bottom: 0 solid #ddd;
    padding-bottom: 44px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif
}

.splash-welcome .info {
    background-color: #1a98fc!important;
    border: 0 solid #5b92ba!important;
    color: #fff!important;
    font-size: 28px;
    width: 31%;
    padding: 12px;
    margin-top: 30px;
    outline: 0!important;
    font-family: Arvo, serif;
    line-height: 47px
}

.content_back1 a,
.content_back1 a i {
    font-size: 32px;
    font-weight: 600
}

.iphone_image_block {
    position: relative;
    width: 380px;
    margin: 0 auto;
    padding-bottom: 96px
}

.gif_image,
.iphone_image {
    width: 100%
}

.gif_image {
    position: absolute;
    top: 44px;
    text-align: center
}

.content_back1 a {
    font-family: Hind, sans-serif
}

.splash-video h1,
.splash-welcome .login {
    font-family: Arvo, serif
}

.content_back1 a:last-child {
    position: relative;
    padding-left: 110px!important
}

.content_back1 a:last-child i {
    border: 0 solid #fff;
    width: 60px;
    height: 60px;
    position: absolute;
    left: 30px;
    line-height: 60px;
    background: #30477b!important;
    border-radius: 50%;
    color: #fff
}

.iphone_gifimage {
    width: 75%;
    margin: 0 auto
}

.splash-welcome .info i,
.splash-welcome .login i {
    margin-right: 3px;
    font-size: 27px;
    vertical-align: top;
    margin-top: 10px
}

.splash-welcome .login {
    background-color: #aab2bd!important;
    border: 0 solid #a4aab4!important;
    color: #fff!important;
    font-size: 28px;
    width: 21%;
    padding: 12px;
    margin-top: 30px;
    outline: 0!important;
    line-height: 47px
}

.splash-video {
    background-image: url(../images/video-banner.png);
    background-size: cover;
    background-repeat: no-repeat;
    margin-top: 90px;
    height: 390px
}

.splash-video h1 {
    color: #ff2d2d;
    font-size: 48px;
    padding-top: 20px
}

.splash-profile h3,
.splash-video p {
    font-family: 'Open Sans', sans-serif
}

.splash-video h1 span {
    color: #fff
}

.splash-video p {
    color: #e3e3e3;
    font-size: 19px;
    width: 56%;
    margin: 0 auto
}

.splash-video img {
    padding-top: 30px;
    display: none
}

.video_content {
    position: absolute;
    top: 10px;
    text-align: center;
    width: 100%;
    float: left
}

.splash-profile {
    margin-top: 100px
}

.splash-profile h3 {
    font-size: 22px;
    font-weight: 700;
    color: #000
}

.splash-profile p {
    font-family: Helvetica;
    font-size: 14px;
    line-height: 24px;
    padding-top: 13px;
    font-weight: 400
}

.splash-profile hr {
    width: 30%;
    height: 3px;
    background: red;
    background: -webkit-linear-gradient(to right, #ff4c1a, #fcb300);
    background: -o-linear-gradient(to right, #ff4c1a, #fcb300);
    background: -moz-linear-gradient(to right, #ff4c1a, #fcb300);
    background: linear-gradient(to right, #ff4c1a, #fcb300)
}

.splash-banner {
    background-image: url(../images/splash-banner-cont.png);
    background-size: cover;
    background-repeat: no-repeat;
    margin-top: 86px
}

.splash-banner h2 {
    color: #fff;
    font-size: 44px;
    padding-top: 112px;
    line-height: 65px;
    padding-left: 40px;
    font-family: 'Open Sans', sans-serif
}

.splash-banner h2 span {
    color: #ff3e02;
    font-weight: 700
}

.splash-banner .btn-warning {
    background-color: transparent!important;
    border: 2px solid #fff!important;
    border-radius: 30px;
    color: #fff!important;
    margin-right: 15px;
    width: 36%;
    font-size: 15px;
    margin-top: 40px;
    margin-left: 43px;
    font-family: sans-serif;
    padding: 12px 20px
}

#warning-btn {
    margin-left: 0
}

.splash-banner .btn-warning span i {
    color: #fff;
    font-size: 17px;
    padding-right: 9px
}

.splash-banner-1 {
    padding-top: 40px
}

.carousel.slide .carousel-control {
    background-image: none;
    position: absolute;
    top: 43%;
    bottom: 0;
    left: auto;
    width: 40%
}

.carousel.slide .carousel-inner {
    position: relative;
    z-index: 1
}

.item img {
    display: block;
    margin: 0 auto
}

.carousel.slide .carousel-control.left {
    left: -42px;
    background-image: none;
    opacity: 1
}

.carousel.slide .carousel-control.right {
    right: -48px;
    background-image: none;
    opacity: 1
}

.splash-banner-cont {
    width: 62%!important;
    margin-left: 50px!important
}

.splash-story {
    margin-top: 73px
}

.splash-story h2 {
    color: #242424;
    font-family: Arvo, serif;
    font-size: 48px
}

.splash-recent .thumbnail h4,
.splash-recent h5,
.splash-recent h6,
.splash-recent p,
.splash-story p {
    font-family: 'Open Sans', sans-serif
}

.splash-story p {
    width: 80%;
    font-size: 19px;
    line-height: 26px;
    padding-top: 17px
}

.container-fluid.splash-recent {
    padding-left: 90px;
    padding-right: 90px;
    padding-top: 55px
}

.splash-recent .thumbnail {
    padding: 0;
    border-radius: 0;
    height: 500px;
    border: none;
    border-bottom: 1px solid #c7cbce
}

.recent-space {
    padding-top: 9px
}

.splash-recent .thumbnail h4 {
    float: left;
    color: #f62b0d;
    width: 22%;
    font-weight: 700;
    text-align: center;
    margin-top: 32px;
    border: none;
    border-right: 2px solid red;
    font-size: 18px;
    padding-top: 0
}

.splash-recent h5 {
    float: left;
    width: 75%;
    padding-top: 38px;
    text-align: center;
    font-weight: 700;
    font-size: 15px;
    padding-left: 3px
}

.splash-recent h6 {
    float: left;
    width: 100%;
    font-size: 15px
}

.splash-recent h6 span i {
    padding-left: 10px;
    color: #f62b0d;
    padding-right: 8px;
    font-size: 15px
}

.splash-recent p {
    float: left;
    padding-left: 10px;
    padding-top: 5px;
    font-size: 14px;
    line-height: 23px;
    color: #31313a;
    padding-bottom: 13px
}

.splash-recent h3 {
    float: right;
    color: #f62b0d;
    font-size: 15px;
    text-align: right;
    font-weight: 700;
    margin: 0;
    display: none
}

.splash-contact {
    background-color: #272727;
    margin-top: 50px;
    height: 515px
}

.register_div input,
.splash-contact h2 {
    margin: 0;
    font-family: Arvo, serif
}

.splash-contact h2 {
    color: #f52500;
    font-size: 50px;
    padding-top: 75px
}

.splash-contact p {
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    line-height: 30px;
    color: #e0e0e0;
    width: 95%;
    padding-top: 25px
}

.splash-contact-icon {
    margin-top: 65px
}

.splash-contact span i {
    font-size: 35px;
    color: #f52500
}

#cont-p,
#cont-p1 {
    font-size: 23px;
    color: #fff
}

#cont-p1 {
    padding-top: 30px
}

#cont-p {
    line-height: 33px;
    padding-top: 17px
}

.splash-contact-border {
    border: none;
    border-right: 4px solid #363636;
    height: 90px;
    padding-top: 10px
}

.splash-contact-noborder {
    padding-top: 10px
}

.splash-footer {
    background-color: #000;
    height: 220px
}

.splash-footer img {
    padding-top: 100px;
    max-width: 200px !important;
    margin-left: 42px
}

.splash-footer p {
    color: #fff;
    padding-top: 0;
    text-align: left;
    font-size: 16px;
    font-weight: 400;
    font-family: Hind, sans-serif
}

#footer-copy1 {
    padding: 0
}

.footer_logo {
    text-align: center
}

.splash-footer .splash-foot-icon {
    text-align: left;
    padding-right: 70px;
    padding-top: 66px
}

.container-fluid.splash-footer {
    padding: 0
}

.splash-foot-icon i {
    color: #868686;
    margin-left: 20px;
    font-size: 18px;
    margin-top: 53px
}

.register_div {
    width: 320px;
    float: right
}

.register_div i {
    color: #fff;
    border: 2px solid #30477b;
    width: 28px;
    height: 28px;
    text-align: center;
    line-height: 22px;
    font-size: 14px;
    background-color: #30477b
}

.register_div input {
    color: #fff;
    padding: 8px 0 10px 15px;
    background-color: transparent;
    border: 0 solid #fff;
    border-radius: 6px;
    text-align: left;
    width: 270px!important;
    font-size: 19px;
    outline: 0;
    font-weight: 400
}

#slider-carousel .item,
.owl-carousel .owl-dots {
    position: relative;
    text-align: center
}

.login_div i {
    font-size: 25px;
    color: #ff2d2d;
    vertical-align: middle
}

.content_div {
    height: 890px!important
}

.container-fluid.splash-video {
    padding: 0;
    position: relative
}

.splash-video iframe {
    width: 100%;
    height: 390px
}

@font-face {
    font-family: MyriadPro-Regular;
    src: url(../fonts/MyriadPro-Regular/MyriadPro-Regular.eot?#iefix) format('embedded-opentype'), url(../fonts/MyriadPro-Regular/MyriadPro-Regular.woff) format('woff'), url(../fonts/MyriadPro-Regular/MyriadPro-Regular.ttf) format('truetype'), url(../fonts/MyriadPro-Regular/MyriadPro-Regular.svg#MyriadPro-Regular) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Comfortaa;
    src: url(../fonts/Comfortaa/Comfortaa.eot?#iefix) format('embedded-opentype'), url(../fonts/Comfortaa/Comfortaa.woff) format('woff'), url(../fonts/Comfortaa/Comfortaa.ttf) format('truetype'), url(../fonts/Comfortaa/Comfortaa.svg#Comfortaa) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Changa-Regular;
    src: url(../fonts/Changa-Regular/Changa-Regular.eot?#iefix) format('embedded-opentype'), url(../fonts/Changa-Regular/Changa-Regular.woff) format('woff'), url(../fonts/Changa-Regular/Changa-Regular.ttf) format('truetype'), url(../fonts/Changa-Regular/Changa-Regular.svg#Changa-Regular) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: icomoon;
    src: url(../fonts/icomoon.eot?p7uvq0);
    src: url(../fonts/icomoon.eot?p7uvq0#iefix) format('embedded-opentype'), url(../fonts/icomoon.ttf?p7uvq0) format('truetype'), url(../fonts/icomoon.woff?p7uvq0) format('woff'), url(../fonts/icomoon.svg?p7uvq0#icomoon) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
  font-family: 'sys-user';
  src: url('../fonts/fontawesome-webfont.eot?v=4.5.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.5.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.5.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.5.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.5.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}


.owl-carousel .owl-wrapper:after {
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    content: ".";
    line-height: 0
}

.owl-carousel {
    position: relative;
    display: none;
    width: 100%;
    -ms-touch-action: pan-y
}

.owl-carousel .owl-wrapper {
    position: relative;
    display: none;
    -webkit-transform: translate3d(0, 0, 0)
}

#slider-carousel .owl-dots:before {
    content: "";
    float: none;
    width: 235px;
    height: 12px;
    background: url(../images/hr-img.png) no-repeat;
    top: 0;
    right: 0;
    display: block;
    margin: 26px auto 0
}

.owl-carousel .owl-wrapper-outer {
    position: relative;
    overflow: hidden;
    width: 100%
}

.owl-carousel .owl-wrapper-outer.autoHeight {
    -webkit-transition: height .5s ease-in-out;
    -moz-transition: height .5s ease-in-out;
    -ms-transition: height .5s ease-in-out;
    -o-transition: height .5s ease-in-out;
    transition: height .5s ease-in-out
}

.owl-carousel .owl-item {
    float: left
}

.owl-controls .owl-buttons div,
.owl-controls .owl-page {
    cursor: pointer
}

.owl-controls {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.grabbing {
    cursor: url(../images/grabbing.png) 8 8, move
}

.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden
}

.owl-theme .owl-controls.clickable .owl-buttons div:hover {
    text-decoration: none;
    opacity: 1
}

.owl-carousel .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    margin-top: 10px
}

.owl-carousel .owl-dots .owl-dot span {
    color: #FFF;
    font-size: 12px;
    filter: Alpha(Opacity=50);
    zoom: 1;
    display: block;
    margin: 5px;
    width: 12px;
    height: 12px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #383838;
    opacity: 1;
    padding: 0
}

.owl-carousel .owl-dots .owl-dot.active span {
    opacity: 1;
    background: #ff2d2d
}

.owl-theme .owl-controls .owl-page span.owl-numbers {
    padding: 2px 10px;
    width: auto;
    height: auto;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    color: #FFF;
    font-size: 12px
}

.owl-item.loading {
    min-height: 150px;
    background: url(../images/AjaxLoader.gif) center center no-repeat
}

.container.search {
    margin-top: 293px;
    padding-top: 38px;
    padding-bottom: 28px
}

.search_bg_img .btn-select ul li {
    margin-bottom: 0
}

.carousel_block {
    padding: 0 10px
}

input.region_input {
    width: 100%;
    height: 49px;
    border: none;
    padding: 0 10px;
    color: #a40000;
    font-size: 20px;
    font-family: changaregular
}

.sys_page_index input.region_input {
    height: 40px
}

.carousel-container {
    width: 100%
}

#slider-carousel .item {
    margin: 0;
    background: #ddd;
    color: #333;
    padding-bottom: 0;
    width: 170px;
    left: 0;
    display: inline-block;
    vertical-align: top
}

#slider-carousel .item:hover {
    background-color: rgba(255, 255, 255, .84)
}

.item img {
    width: 100%
}

#slider-carousel h4 {
    color: #474452;
    font-size: 13px;
    text-align: left;
    font-family: Comfortaa-Regular;
    top: 170px;
    position: absolute;
    background: #ddd;
    width: 100%;
    margin: 0;
    padding: 7px 60px 7px 10px;
    overflow: hidden;
    left: 0
}

#slider-carousel .hoverfx {
    position: relative;
    display: block;
    overflow: hidden;
    text-align: center
}

#slider-carousel img {
    position: absolute;
    left: 0;
    top: 0;
    height: 170px;
    width: 100%;
    object-fit: cover
}

#slider-carousel .overlay {
    position: absolute;
    top: 0;
    z-index: 3;
    padding: 70px 0 97px;
    background-color: rgba(255, 255, 255, .84);
    opacity: 0;
    cursor: pointer;
    width: 100%
}

#slider-carousel .figure,
.overlay i {
    background-color: #ff2d2d;
    display: inline-block
}

.overlay i {
    font-size: 16px;
    border: 3px solid #ff2d2d;
    width: 35px;
    line-height: 30px;
    border-radius: 50%;
    color: #fff
}

#slider-carousel .figure {
    position: relative;
    z-index: 4;
    padding: 2px 8px;
    max-width: 60%;
    border: 3px solid #ff2d2d;
    color: #ecf0f1;
    vertical-align: middle;
    text-transform: uppercase;
    font-size: 18px;
    opacity: 0;
    border-radius: 100px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition-property: all .3s ease;
    top: 68px
}

.search-cont1 ul {
    max-height: 80px;
    overflow-y: auto
}

#slider-carousel .figure i {
    color: #fff
}

#slider-carousel .hoverfx .figure:hover {
    background: #ff2d2d;
    color: #fff
}

#slider-carousel .hoverfx .overlay {
    position: absolute;
    top: 0;
    z-index: 1;
    padding: 60% 40% 60% 60%;
    background-color: rgba(255, 255, 255, .8);
    opacity: 0
}

#slider-carousel .item:hover .figure,
#slider-carousel .item:hover .overlay {
    opacity: 1
}

.owl-theme .owl-controls .owl-page {
    display: inline-block
}

.owl-theme .owl-controls .owl-page span {
    background: #383838;
    opacity: 1;
    border-radius: 20px;
    display: block;
    height: 12px;
    margin: 5px;
    width: 12px
}

#slider-carousel .carousel-cont {
    position: absolute;
    display: inline-block;
    background-color: #ff2d2d;
    border-radius: 100px;
    color: #fff;
    right: 0;
    z-index: 2;
    width: 65px;
    height: 65px;
    top: 132px;
    padding: 0 15px
}

#slider-carousel .carousel-cont h4 {
    display: block;
    color: #fff;
    font-family: Comfortaa-Regular;
    font-size: 14px;
    text-align: center;
    top: 5px;
    background: 0 0;
    padding: 0;
    width: auto;
    float: left;
    position: relative
}

.search h2,
.search p {
    color: #fff;
    font-family: Arvo, serif
}

#slider-carousel .carousel-cont h4 span {
    display: block;
    font-size: 20px;
    text-align: center
}

.search {
    background-image: url(../images/banner1.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 0;
    margin-top: 55px;
    margin-bottom: 30px
}

.search h2 {
    font-size: 55px;
    padding-top: 20px
}

.search-cont {
    margin-left: 15px
}

.search p {
    font-size: 16px;
    width: 92%;
    line-height: 25px
}

.accept_frnd,
.reject_frnd,
.search-cont1 label {
    font-family: calibri
}

.search-cont1 {
    float: right;
    text-align: right;
    padding: 0;
    margin-right: 0;
    width: 65%!important
}

.search-cont1 #search-left {
    width: 54%!important
}

.search-cont1 #search-right {
    width: 46%!important
}

#search-left {
    padding-right: 0
}

.nopadding {
    width: 50%
}

.search-cont1 label {
    display: inline-block;
    margin-bottom: 22px;
    vertical-align: top;
    color: #b91717;
    padding-top: 5px;
    padding-left: 15px;
    padding-right: 13px;
    font-weight: 400;
    font-size: 20px
}

.search-cont1 button:hover {
    background-color: transparent;
    color: #fff;
    border: 2px solid #fff
}

.search .btn-select {
    position: relative;
    padding: 0;
    width: 180px;
    border-radius: 0;
    float: right;
    margin-top: 0;
    margin-bottom: 10px
}

.span_tag {
    top: -12px;
    padding: 6px 0!important;
    background-color: transparent!important;
    border: 0!important;
    height: 25px
}

.span_tag.active,
.span_tag:hover {
    background-color: transparent!important;
    color: #fff!important
}

.span_tag span {
    font-size: 12px
}

.accept_frnd,
.reject_frnd {
    color: #fff!important;
    border: 1px solid #7c7674;
    padding: 3px 10px;
    width: 100%;
    border-radius: 7px;
    margin-bottom: 5px;
    float: left;
    font-size: 16px;
    background-color: rgba(0, 0, 0, .3)
}

.container.header_profile_container {
    margin-top: 25px
}

.search-cont1 button {
    background-color: transparent;
    border: 2px solid #fff;
    width: 69%!important;
    color: #fff;
    font-family: Arvo, serif;
    font-size: 28px;
    padding: 0 0 20px;
    height: 45px;
    margin-right: 18px;
    margin-top: 32px;
    border-radius: 0
}

.search .btn-select .btn-select-value {
    padding: 3px 10px;
    display: block;
    position: absolute;
    left: 0;
    right: 34px;
    text-align: left;
    text-overflow: ellipsis;
    overflow: hidden;
    border: 1px solid #fff
}

.carosuel-back .owl-item img {
    width: 162px!important
}

.splash-contact a {
    color: #f52500!important
}

.container-fluid.splash-video.video .video_content {
    display: none
}

.search .btn-select .btn-select-arrow {
    float: right;
    line-height: 22px;
    padding: 7px 8px;
    top: 0;
    border: 1px solid #fff;
    background-color: #c50000;
    color: #fff
}

.search .btn-select .btn-select-arrow i {
    font-size: 19px;
    vertical-align: top;
    margin-top: 1px;
    font-weight: 700
}

.search .btn-select ul {
    display: none;
    background-color: #fff;
    color: #000;
    clear: both;
    list-style: none;
    padding: 0;
    margin: 0;
    border-top: none!important;
    position: absolute;
    left: -1px;
    right: -1px;
    top: 38px;
    z-index: 999
}

.search .btn-select ul li {
    padding: 3px 6px;
    text-align: left;
    background-color: #d2d0d0;
    margin-bottom: 0
}

.search .btn-select ul li:hover {
    background-color: #f4f4f4
}

.search .btn-select ul li.selected {
    color: #fff
}

.btn-select.btn-danger.active,
.btn-select.btn-danger:active,
.search .btn-select.btn-danger:hover {
    border-color: #d43f3a
}

.search .btn-select.btn-danger ul li.selected {
    background-color: #d43f3a;
    color: #fff
}

.search .btn-select.btn-danger ul {
    border: 1px solid #d43f3a
}

.search .btn-select.btn-danger .btn-select-value {
    background-color: #fff;
    border: 1px solid #fff;
    color: #a40000;
    font-family: Changa-Regular;
    font-size: 21px
}

.btn-select.btn-danger.active,
.search .btn-select.btn-danger:hover {
    background-color: #c9302c
}

.frndreq_loader img {
    width: 37px!important;
    height: 37px!important;
    position: relative!important;
    display: inline-block!important
}

.index_online_block .disignBoxFirst .boxFirstHeader .dbTitle.glow_effect_div,
.index_online_empty_block .disignBoxFirst .boxFirstHeader .dbTitle.glow_effect_div {
    color: #fff!important;
    font-size: 22px;
    text-transform: uppercase;
    font-family: Monoton;
    font-weight: 600!important;
    padding: 15px;
    margin-bottom: 15px;
    background-color: #56CD63!important;
    display: inline-block
}

.carousel-cont-1 span,
.carousel-cont-2 span {
    padding-right: 10px;
    font-family: MyriadPro-Regular
}

.members h1 {
    margin: 20px 20px 0
}

#slider-carousel-12,
.members .home_members_online {
    margin-top: 66px;
    text-align: center
}

#slider-carousel-12 .carousel-cont-1,
.members .home_members_online .carousel-cont-1 {
    position: absolute;
    display: inline-block;
    bottom: 15px;
    background-color: #00080;
    color: #fff;
    right: 12px;
    padding-top: 2px;
    border-radius: 100px;
    padding-bottom: 3px
}

#slider-carousel-12 .carousel-cont-1 i,
.members .home_members_online .carousel-cont-1 i {
    font-size: 20px
}

.fa-camera {
    padding-left: 10px
}

.carousel-cont-1 span {
    padding-left: 10px;
    font-size: 21px
}

#slider-carousel-12 .carousel-cont-2,
.members .home_members_online .carousel-cont-2 {
    position: absolute;
    display: inline-block;
    bottom: 15px;
    background-color: #00080;
    color: #fff;
    left: 12px;
    padding-top: 2px;
    border-radius: 100px;
    padding-bottom: 3px
}

#slider-carousel-12 .carousel-cont-2 i,
.members .home_members_online .carousel-cont-2 i {
    font-size: 20px
}

.fa-comments {
    padding-left: 7px
}

.carousel-cont-2 span {
    padding-left: 13px;
    font-size: 21px
}

#slider-carousel-2 button,
.friends h1 {
    font-family: Arvo, serif
}

#slider-carousel-12 .owl-dots,
.members .home_members_online .owl-dots {
    margin-top: 70px
}

#slider-carousel-12 .item,
.members .home_members_online .item {
    padding: 0;
    max-width: 240px;
    margin: 0;
    display: inline-block;
    text-align: left;
    position: relative
}

#slider-carousel-12 .carousel-online,
.members .home_members_online .carousel-online {
    position: absolute;
    display: inline-block;
    color: #3cb878;
    top: 7px;
    left: 12px;
    padding-top: 0;
    border-radius: 100px;
    padding-bottom: 0
}

.friends-content {
    background-color: #d7d7d7;
    margin-top: 60px
}

.friends h1 {
    font-size: 40px;
    color: #000;
    padding-top: 2px
}

#slider-carousel-2 .owl-item img {
    display: block;
    width: 100%;
    margin: 0;
    border-radius: 50%;
    max-width: 180px
}

.friends h1 span {
    color: #da272d
}

.friends img {
    margin-top: 15px
}

#slider-carousel-2 {
    margin-top: 30px;
    padding-bottom: 17px
}

#slider-carousel-2 .owl-wrapper {
    text-align: center;
    font-size: 0
}

#slider-carousel-2 .owl-item {
    display: inline-block;
    margin: 0;
    width: 253px;
    height: 250px;
    float: none;
    text-align: center
}

#slider-carousel-2 .figure {
    position: absolute;
    top: 18px;
    background: rgba(0, 0, 0, .6);
    left: 18px;
    padding: 40px 32px;
    border-radius: 50%;
    display: none
}

#slider-carousel-2 .item:hover .figure {
    display: block
}

.friends_slider {
    padding: 0 62px;
    overflow: hidden
}

#slider-carousel-2 .item {
    display: inline-block;
    border-radius: 100px;
    z-index: 1;
    left: 0;
    max-width: 180px;
    position: relative;
    text-align: center
}

#slider-carousel-2 .hoverfx {
    position: relative;
    display: inline-block;
    text-align: center
}

#slider-carousel-12 .item img,
.members .home_members_online .item img {
    height: 230px;
    border: 1px solid #000;
    margin: 0
}

#slider-carousel-2 .figure i {
    color: #fff
}

.figure .fa-info {
    font-style: normal;
    padding: 4px;
    font-size: 18px
}

#slider-carousel-2 .hoverfx .overlay {
    position: absolute;
    top: 9px;
    z-index: 1;
    padding: 44% 44% 44% 75px;
    background-color: rgba(0, 0, 0, .5);
    opacity: 0;
    border-radius: 100px;
    left: 0;
    margin-left: 12px
}

#slider-carousel-2 .item:hover .figure,
#slider-carousel-2 .item:hover .overlay {
    opacity: 1
}

#slider-carousel-2 .hoverfx .figure {
    position: relative;
    z-index: 2;
    display: inline-block;
    padding: 2px 9px;
    max-width: 60%;
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
    opacity: 0;
    border-radius: 100px;
    vertical-align: top;
    top: 45px;
    left: -3px
}

#slider-carousel-2 button {
    color: #fff;
    background-color: transparent;
    border: 1px solid #7e7471;
    border-radius: 10px;
    margin-top: 10px;
    font-size: 16px;
    padding: 2px 17px 2px 18px;
    opacity: 1
}

#button-confirm {
    margin-top: 6px
}

#slider-carousel-2 .owl-controls .owl-buttons div {
    text-align: left;
    background-color: transparent;
    opacity: 1
}

#slider-carousel-2 .owl-controls .owl-buttons .owl-prev {
    position: absolute;
    bottom: 150px;
    left: -65px;
    color: #000
}

#slider-carousel-2 .owl-controls .owl-buttons .owl-next {
    position: absolute;
    bottom: 150px;
    right: -65px;
    color: #000
}

.jconfirm-buttons .btn-default {
    width: 41%
}

.jconfirm-buttons {
    margin: 0 auto!important;
    float: none!important;
    width: 232px
}

.cont-carousel-2 {
    width: 78%
}

#slider-carousel-2 .hoverfx .figure:hover {
    background: 0 0;
    color: #fff
}

#slider-carousel-2 .item h3 {
    font-family: Comfortaa-Regular;
    font-size: 18px;
    color: #0b0d11;
    text-transform: capitalize
}

#spynotfiy .trauma {
    background: 0 0
}

#spynotfiy .message {
    width: 300px;
    padding-bottom: 0;
    padding-top: 0;
    margin: 0 auto
}

.message {
    padding-left: 50px;
    padding-right: 50px
}

.trauma .message {
    padding-left: 0;
    padding-right: 0
}

.message.unread_msg_block h1 {
    font-size: 30.2px;
    color: #fff;
    text-transform: uppercase;
    margin-top: 0;
    display: inline-block;
    text-align: left;
    width: 100%;
    position: relative;
    padding: 10px 30px;
    background-color: #ff2d2d;
    box-shadow: 0 0 4px 4px #ffc5c5;
    font-family: Arvo, serif;
    margin-bottom: 0
}

.thumbnail .caption h5,
.thumbnail .caption h6 {
    font-family: Comfortaa-Regular
}

.container.message.unread_msg_block {
    padding: 0 0 25px!important;
    margin-top: 70px;
    border: 2px solid #cacaca;
    border-radius: 2px
}

.unread_msg_count {
    font-size: 26.02px;
    height: 52px;
    text-align: center;
    width: 72px;
    line-height: 52px;
    margin-left: 20px;
    color: #fff;
    display: inline-block;
    border: 2px solid #fff
}

.unread_msg_content {
    display: inline-block;
    margin-left: 41px;
    width: 893px;
    text-align: left
}

.container.message,
.fb_img_div1,
.message-no,
.see_all,
.splash_signup_div {
    text-align: center
}

.message img {
    margin-top: 15px
}

.space {
    padding-top: 15px
}

.left-padding {
    padding-left: 0!important;
    padding-right: 18px!important;
    float: none!important;
    display: inline-block
}

.unread_images {
    float: left;
    max-height: 160px;
    max-width: 157px
}

.unread_images img {
    width: 100%
}

.left-padding .thumbnail {
    padding: 0!important;
    border: none!important;
    border-radius: 0!important;
    position: relative;
    width: 100%;
    display: block;
    float: left;
    margin: 30px 0
}

.left-padding:last-child {
    border-bottom: 0!important
}

.thumbnail .caption {
    padding: 1px
}

.thumbnail .caption h6 {
    color: #b1b1b1;
    font-size: 16px
}

.thumbnail .caption h5 {
    color: #4a4a4a;
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 11px
}

.unread_msg_details {
    padding: 0 33px
}

.left-padding .thumbnail img {
    margin-top: 0
}

.message-no {
    position: absolute;
    display: inline-block;
    left: 0;
    width: 100%;
    bottom: 45px;
    padding: 0
}

.message-no h3 {
    margin: 0;
    font-size: 28px;
    display: inline-block;
    font-family: Arvo, serif;
    width: 47px;
    height: 47px;
    line-height: 47px;
    border-radius: 50%;
    background-color: #a40000;
    color: #fff
}

.see_all_btn,
.thumbnail h4 {
    font-family: Comfortaa-Regular
}

.thumbnail h4 {
    padding-top: 0;
    margin-top: 0;
    color: #ff2d2d!important;
    font-size: 20px;
    margin-bottom: 12px;
    text-transform: capitalize
}

.thumbnail img {
    width: 100%
}

.carousel-online i {
    display: none
}

.sys-icon.circle {
    margin: 10px 70px
}

i.sys-online-offline,
i.sys-online-offline-changer {
    font-size: 9px!important
}

.container.message {
    margin-bottom: 60px;
    font-size: 0
}

.container.message .left-padding {
    padding-right: 0!important;
    border-bottom: 2px dashed #dadada;
    padding-bottom: 0
}

@font-face {
    font-family: Calibri;
    src: url(../fonts/Calibri.eot) format('embedded-opentype'), url(../fonts/Calibri.ttf) format('truetype'), url(../fonts/Calibri.svg#Calibri) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Comfortaa-Regular;
    src: url(../fonts/Comfortaa-Regular.eot) format('embedded-opentype'), url(../fonts/Comfortaa-Regular.ttf) format('truetype'), url(../fonts/Comfortaa-Regular.svg#Comfortaa-Regular) format('svg');
    font-weight: 400;
    font-style: normal
}

.header_div.header_block {
    padding-top: 17px;
    padding-bottom: 17px;
    background-color: rgba(127, 127, 127, .5);
    width: 100%;
    z-index: 999
}

.not_logged .header_div {
    padding-top: 0;
    padding-bottom: 00px;
    background-color: rgba(0, 0, 0, 0)
}

.full_div {
    padding-top: 0
}

.see_all_btn {
    background: #ff2d2d;
    color: #fff!important;
    font-size: 26px;
    line-height: 64px;
    width: 440px;
    display: block;
    margin: 0 auto;
    cursor: pointer
}

.see_all {
    padding-top: 35px
}

.not_logged .ui-state-default,
.not_logged .ui-widget-header .ui-state-default,
.ui-widget-content .ui-state-default {
    background-color: #fff!important
}

.not_logged .ui-state-active,
.not_logged .ui-widget-content .ui-state-active,
.not_logged .ui-widget-header .ui-state-active {
    background-color: #ff2d2d!important
}

.ui-state-default a {
    color: #ff2d2d!important
}

.ui-state-default.ui-corner-top.ui-tabs-active.ui-state-active a {
    color: #fff!important
}

#spynotfiy .notification_unread_msg .event_info div,
#spynotfiy .notification_unread_msg .event_info div a {
    color: #4A4A4A!important
}

.underline_text {
    text-decoration: underline
}

.signup_page_form .email_div label .red_color_font {
    color: #ff2d2d
}

#join_form_pop .email_div input::-webkit-input-placeholder {
    color: #fff!important
}

#join_form_pop .email_div input:-ms-input-placeholder {
    color: #fff!important
}

#join_form_pop .email_div input::-moz-placeholder {
    color: #fff!important;
    opacity: 1!important
}

#join_form_pop .email_div input:-moz-placeholder {
    color: #fff!important;
    opacity: 1!important
}

#join_form .email_div input::-webkit-input-placeholder {
    color: #000!important
}

#join_form .email_div input:-ms-input-placeholder {
    color: #000!important
}

#join_form .email_div input::-moz-placeholder {
    color: #000!important;
    opacity: 1!important
}

#join_form .email_div input:-moz-placeholder {
    color: #000!important;
    opacity: 1!important
}

#join_form .signup_div .signup-form_padding .email_div input::placeholder {
    color: #666!important;
    font-size: 14px
}

#join_form .signup_div .signup-form_padding .email_div input#city::placeholder {
    color: transparent!important
}

.account_active_msg .empty_message p {
    margin-top: 25px
}

.account_active_msg .empty_message {
    margin: 30px 0
}

#tabs-join .select_div select {
    padding: 0
}

#tabs-join .email_div input {
    padding-left: 3px!important
}

#edit_form_table input.form_input_number::-webkit-inner-spin-button,
#edit_form_table input.form_input_number::-webkit-outer-spin-button {
    -webkit-appearance: none;
    appearance: none;
    margin: 0
}

#edit_form_table input.form_input_number[type=number],
#edit_form_table input.form_input_number[type=number]:focus,
#edit_form_table input.form_input_number[type=number]:hover {
    -moz-appearance: textfield
}

.header_profile_img {
    float: right;
    margin-right: -30px;
    transition: all .5s ease-out 0s
}

.header_profile_img p {
    float: right;
    color: #fff;
    font-size: 16px;
    padding-top: 20px;
    padding-left: 10px;
    max-width: 360px;
    overflow: hidden;
    text-transform: capitalize;
    font-family: 'open sans';
    font-weight: 600
}

.header_profile_img a {
    float: left;
    display: block
}

.header_profile_img img {
    width: 60px;
    height: 60px;
    cursor: pointer;
    border-radius: 50%;
    transition: all .5s ease-out 0s
}

div.full_div {
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    background-position: center center
}

#demo {
    padding-left: 0;
    padding-right: 0;
    margin-top: -15px;
    z-index: 10;
    position: relative;
    background-color: #fff;
    width: 94%;
    left: 3%;
    right: 3%;
    border: 2px solid silver
}

.header_slider_div {
    padding: 20px 85px
}

.header_slider_div .owl-prev {
    background-image: url(../images/slider_left_arrow1.png);
    left: 35px;
    right: auto
}

.header_slider_div .owl-next {
    background-image: url(../images/slider_right_arrow.png);
    left: auto;
    right: 25px
}

.header_slider_div .owl-next,
.header_slider_div .owl-prev {
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    top: 48%;
    margin: -20px 0 0;
    padding: 0;
    font-size: 20px;
    color: transparent!important;
    opacity: 1;
    border-radius: 0;
    border: 0;
    z-index: 99;
    font-family: 'open sans';
    font-weight: 400;
    text-align: center;
    width: 40px
}

.header_slider_div .hvr-shutter-in-vertical::before,
.online {
    border-radius: 50%
}

.header_slider_div .owl-prev:hover {
    background-image: url(../images/slider_left_arrow.png)
}

.header_slider_div .owl-next:hover {
    background-image: url(../images/slider_right_arrow1.png)
}

.banner_addfriend1 {
    display: none;
    margin-left: 0!important;
    width: 100%!important;
    padding-top: 17.5%!important;
    max-height: 100%!important;
    top: 0!important;
    position: absolute;
    border-radius: 50%;
    overflow: hidden
}

.banner_addfriend1 h1,
.banner_addfriend1 h2,
.banner_addfriend1 h3 {
    margin: 0;
    font-family: 'open sans';
    color: #fff;
    font-weight: 400
}

.banner_addfriend1 h1 {
    font-size: 16px;
    line-height: 28px
}

.banner_addfriend1 h2,
.banner_addfriend1 h3 {
    font-size: 12px
}

.banner_addfriend1 hr {
    margin: 12px 0 16px;
    border-top: 1px solid #ff2d2d
}

.hvr-pulse {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent
}

[class^=hvr-] {
    margin: .4em;
    padding: 1em;
    cursor: pointer;
    background: #e1e1e1;
    text-decoration: none;
    color: #666;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.hvr-pulse:active,
.hvr-pulse:focus,
.hvr-pulse:hover {
    -webkit-animation-name: hvr-pulse;
    animation-name: hvr-pulse;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.container.members {
    padding-left: 0;
    padding-right: 0;
    width: 100%
}

.index_online_block .disignBoxFirst,
.index_online_empty_block .disignBoxFirst 
{
    border: 2px solid #cdcdcd!important;
    margin-top: 3px!important
}

.active_user-container .active_online_user,
.active_user-container .active_online_user .active_image img {
    width: 100%;
}

.index_online_block .disignBoxFirst .boxFirstHeader .dbTitle,
.index_online_empty_block .disignBoxFirst .boxFirstHeader .dbTitle {
    display: block
}

.signup_page_form.signup>h1 {
    font-size: 20px;
    color: #fff;
    font-family: 'open sans';
    font-weight: 600;
    width: 100%;
    float: left
}

.signup_page_form.signup>h1 span {
    background-color: #ff2d2d;
    padding: 10px 15px 15px;
    font-size: 20px;
    color: #fff;
    float: left
}

.signup_page_form h2 {
    font-size: 25px;
    margin: 10px 0;
    color: rgba(0, 0, 0, .9);
    float: left;
    width: 100%;
    padding-left: 0!important
}

.signup_list_types li {
    list-style: none;
    font-size: 16px
}

#join_form .facebook_login .fb_icon h2 {
    font-size: 11px;
    padding-left: 2px;
    font-weight: 100!important;
    margin: 0;
    color: #fff;
    font-family: webfontbold
}

.splash_signup_div {
    width: 365px;
    margin: 0 auto
}

.fb_img_div1 {
    float: left;
    width: 50px
}

.fb_desc_div {
    width: 80%;
    float: left;
    text-align: left
}

.bx-def-z-index-modal {
    z-index: 100000!important
}

.not_logged .container.splash-welcome {
    text-align: center
}

.fb_icon.continue_fb h2 {
    font-family: webfontbold;
    font-size: 15px;
    color: #fff;
    padding-left: 8px;
    margin: 0;
    font-weight: 100!important
}
.active_online_user .thumb_username p.postal_code_blk {
min-height: 15px;
}




@-webkit-keyframes knightrider {
    0% {
        background-position: -1500% -30px
    }
    100%,
    60% {
        background-position: 300% -30px
    }
}

@-moz-keyframes knightrider {
    0% {
        background-position: -1500% -30px
    }
    100%,
    60% {
        background-position: 300% -30px
    }
}

@keyframes knightrider {
    0% {
        background-position: -1500% -30px
    }
    100%,
    60% {
        background-position: 300% -30px
    }
}

.imageRotateHorizontal {
    -moz-animation: spinHorizontal 8s infinite linear;
    -o-animation: spinHorizontal 8s infinite linear;
    -webkit-animation: spinHorizontal 8s infinite linear;
    animation: spinHorizontal 8s infinite linear
}

@-moz-keyframes spinHorizontal {
    0% {
        -moz-transform: rotateY(0)
    }
    100% {
        -moz-transform: rotateY(360deg)
    }
}

@keyframes spinHorizontal {
    0% {
        transform: rotateY(0)
    }
    100% {
        transform: rotateY(360deg)
    }
}

@-ms-keyframes spinHorizontal {
    0% {
        -ms-transform: rotateY(0)
    }
    100% {
        -ms-transform: rotateY(360deg)
    }
}

@-o-keyframes spinHorizontal {
    0% {
        -o-transform: rotateY(0)
    }
    100% {
        -o-transform: rotateY(360deg)
    }
}

@-webkit-keyframes spinHorizontal {
    0% {
        -webkit-transform: rotateY(0)
    }
    100% {
        -webkit-transform: rotateY(360deg)
    }
}

.glow_effect_div {
    -webkit-animation: glowing 1.5s infinite;
    -moz-animation: glowing 1.5s infinite;
    -o-animation: glowing 1.5s infinite;
    animation: glowing 1.5s infinite
}

@-webkit-keyframes glowing {
    0%,
    100% {
        background-color: #B20000;
        -webkit-box-shadow: 0 0 3px #B20000
    }
    50% {
        background-color: red;
        -webkit-box-shadow: 0 0 20px red
    }
}

@-moz-keyframes glowing {
    0%,
    100% {
        background-color: #B20000;
        -moz-box-shadow: 0 0 3px #B20000
    }
    50% {
        background-color: red;
        -moz-box-shadow: 0 0 20px red
    }
}

@-o-keyframes glowing {
    0%,
    100% {
        background-color: #B20000;
        box-shadow: 0 0 3px #B20000
    }
    50% {
        background-color: red;
        box-shadow: 0 0 20px red
    }
}

@keyframes glowing {
    0%,
    100% {
        background-color: #B20000;
        box-shadow: 0 0 3px #B20000
    }
    50% {
        background-color: red;
        box-shadow: 0 0 20px red
    }
}

.index_online_block .disignBoxFirst .boxFirstHeader .dbTitle.glow_effect_div,
.index_online_empty_block .disignBoxFirst .boxFirstHeader .dbTitle.glow_effect_div {
    -webkit-animation: greeneff 1.5s infinite;
    -moz-animation: greeneff 1.5s infinite;
    -o-animation: greeneff 1.5s infinite;
    animation: greeneff 1.5s infinite
}

.index_online_block .disignBoxFirst .boxFirstHeader .dbTitle.glow_effect_div:hover,
.index_online_empty_block .disignBoxFirst .boxFirstHeader .dbTitle.glow_effect_div:hover {
    -webkit-animation: none;
    -moz-animation: none;
    animation: none
}

@-webkit-keyframes greeneff {
    0%,
    100% {
        background-color: #56CD63;
        -webkit-box-shadow: 0 0 5px #56CD63
    }
    50% {
        background-color: #56CD63;
        -webkit-box-shadow: 0 0 25px #2b6a32
    }
}

@-moz-keyframes greeneff {
    0%,
    100% {
        background-color: #56CD63;
        -moz-box-shadow: 0 0 5px #56CD63
    }
    50% {
        background-color: #56CD63;
        -moz-box-shadow: 0 0 25px #2b6a32
    }
}

@-o-keyframes greeneff {
    0%,
    100% {
        background-color: #56CD63;
        box-shadow: 0 0 5px #56CD63
    }
    50% {
        background-color: #56CD63;
        box-shadow: 0 0 25px #2b6a32
    }
}

@keyframes greeneff {
    0%,
    100% {
        background-color: #56CD63;
        box-shadow: 0 0 5px #56CD63
    }
    50% {
        background-color: #56CD63;
        box-shadow: 0 0 25px #2b6a32
    }
}


@keyframes match_rotate1 {
  50% {
       transform: rotate(-45deg)
     }
	66% {
       transform: rotate(0deg)
      } 
	83% {
       transform: rotate(45deg)
      }
  100% {
      transform: rotate(0deg)
      }
}

.homepage_container.not_logged .sys_root div.full_div {
    background-color: rgba(0, 0, 0, .5)!important;
    height: 80px !important;
    border-bottom: 3px solid #dc195f;
    z-index: 3;
    position:fixed;
}


/*from index.style*/

.loging_wrap{
    width: 350px;
    float: right;    
    border-radius: 10px;
    background-color: #fff;
    padding: 45px;
}

.head_text{
    width:100%;
    float:left;
    color:#383a2f;
    font-size:30px;
    margin:0px 0px 10px 0px;
    text-align:center;
    font-family: 'Open Sans', sans-serif;
    font-weight:600;}

.head_text_mid{
    width:100%;
    float:left;
    color:#666666;
    text-align:center;
    font-weight:400;
    font-family: 'Open Sans', sans-serif;
    font-size:15px;
    letter-spacing:.5px;
    margin-bottom:17px;}

.head_text_mid2{
    width:100%;
    float:left;
    color:#999999;
    text-align:center;
    font-weight:400;
    font-family: 'Open Sans', sans-serif;
    font-size:14px;
    margin-bottom:17px;}

.head_text_mid3{
    width:100%;
/*    float:left; */
    color:#dc195f;
    text-align:center;
    font-style: italic;
    font-weight:400;
    font-family: 'Open Sans', sans-serif;
    font-size:26px;
    margin-bottom:1px;
}


.face_wrap{
    width:100%;
    float:left;
    background-color:#3c5a9a;
    padding:10px 0px;
    font-weight:400;
    border-radius:5px;
    letter-spacing:.5px;
    font-family: 'Open Sans', sans-serif;
    font-size:16px;
    margin-bottom:10px;
    text-align:center;
    color:#fff !important;}

.face_wrap:hover{
    background-color:#2b4783;
    color:#fff;
    text-decoration:none;}

.ord_wrap{
    width:100%;
    float:left;
    text-align:center;}

.ord_wrap span{
    background-color:#fff;
    padding:0px 10px;}

.ord_wrap hr{
    margin-top:-10px;}

.pic_wrap{
    cursor: pointer;	
    width:100%;
    float:left;
    background-color:#f31262;
    padding:10px 0px;
    font-weight:400;
    border-radius:5px;
    letter-spacing:.5px;
    font-family: 'Open Sans', sans-serif;
    font-size:16px;
    margin-top:10px;
    text-align:center;
    color:#fff !important;}

.pic_wrap:hover{
    background-color:#cf074e;
    color:#fff;
    text-decoration:none;}


/*custom css*/

.head_warp input{
    color: #fff;
    background-color: #dc195f;
    padding: 2px 18px;
    border-radius: 85px;
    float: right;
    margin-top: 5px;
    letter-spacing: .5px;
    font-family: "Times New Roman", Times, serif;
    font-size: 16px;
    font-weight: 700;
    width: 130px;
    border: none;
  	left: 35vw !important;
    position: fixed;
}

.head_warp input:hover{
    background-color:#cf074e;
    color:#fff;
    text-decoration:none;
}

.header_block .container{
    display: flex;
    justify-content: space-between;
}
.User_Menu ul{display: flex;}
.User_Menu li {
    list-style: none;
    border-right: 4px solid #ff2d2d;
}
.User_Menu li:last-child{
    border-right:0px solid;
}
.User_Menu a {
    color:#fff !important;
    padding: 7px 13px 3px;
    display: inline-block;
    transition: none;
    font-size: 23px;
    text-transform: uppercase;
}
.User_Menu li:hover a,
.User_Menu li.active a{
    color: #ff2d2d !important;
}


.online,
.user_online_div {
    background-color: #3cb878
}



body {
    padding: 0!important
}

.menu-icons .coin_img {
    width: 27px;
    height: 27px
}

#myrequest .message {
    padding-left: 0;
    padding-right: 0
}

.pac-container:after {
    background-image: none!important;
    height: 0
}

.carousel_block .owl-next,
.carousel_block .owl-prev {
    top: 75px;
    height: 25px;
    width: 25px;
    background-position: center;
    position: absolute;
    background-repeat: no-repeat;
    color: transparent!important
}

.carousel_block .owl-prev {
    left: -51px;
    text-align: center;
    background-image: url(../images/carousel_left_arrow.png)
}

.carousel_block .owl-next {
    right: -55px;
    background-image: url(../images/carousel_right_arrow.png)
}

.online {
    width: 10px;
    height: 10px;
    position: absolute;
    left: 5px;
    top: 5px
}

.container.friends {
    padding-top: 200px
}

.container-fluid.carosuel-back {
    padding-left: 120px;
    padding-right: 120px
}

#owl-demo.spalsh_profile_carousel .owl-prev {
    left: -78px;
    right: auto;
    background-image: url(../images/slider_left_arrow1.png)
}

#owl-demo.spalsh_profile_carousel .owl-next {
    left: auto;
    right: -78px;
    background-image: url(../images/slider_right_arrow.png)
}

#owl-demo.spalsh_profile_carousel .owl-next,
#owl-demo.spalsh_profile_carousel .owl-prev {
    position: absolute;
    top: 48%;
    margin: -20px 0 0;
    padding: 0;
    font-size: 20px;
    opacity: 1;
    border-radius: 0;
    border: 0;
    z-index: 99;
    font-family: 'open sans';
    font-weight: 400;
    text-align: center;
    width: 40px;
    background-repeat: no-repeat;
    background-position: center center;
    color: transparent!important
}

#owl-demo.spalsh_profile_carousel .owl-prev:hover {
    background-image: url(../images/slider_left_arrow.png)
}

#owl-demo.spalsh_profile_carousel .owl-next:hover {
    background-image: url(../images/slider_right_arrow1.png)
}

.header_profile_container .carousel_block {
    padding: 0 5px
}

.container-fluid.profile_slider {
    position: relative;
    padding: 0!important
}

.glow_effect_div {
    margin-bottom: 18px;
    color: #fff;
    font-family: Monoton
}

.glow_effect_div:hover {
    color: #fff!important;
    -webkit-animation: none;
    -moz-animation: none;
    animation: none
}


.center_child_style {
	 display: flex;
   justify-content: center;	
}


div.full_div {
    height: auto
}

.user_online_div {
    width: 10px;
    height: 10px;
    position: absolute;
    top: 5px;
    left: 5px;
    border-radius: 50%;
    z-index: 1
}

.fb_icon {
    width: 50px;
    float: left
}

.carousel_block .swiper-pagination-bullet-active {
    background: #ff2d2d
}

.carousel_block .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    opacity: 1
}

.carousel_block .underline_image {
    width: 235px;
    height: 12px;
    background: url(../images/hr-img.png) no-repeat;
    float: none;
    margin: 33px auto 0
}

.carousel_block .swiper-pagination-bullets {
    bottom: 0;
    left: 0;
    width: 100%
}

.carousel_block #slider-carousel {
    padding-bottom: 40px;
    padding-left: 0;
    padding-right: 0
}

.carousel_block .swiper-button-next,
.carousel_block .swiper-button-prev {
    width: 25px;
    height: 25px;
    background-size: cover
}

.carousel_block .swiper-button-prev {
    background-image: url(../images/carousel_left_arrow.png);
    left: 9%
}

.carousel_block .swiper-button-next {
    background-image: url(../images/carousel_right_arrow.png);
    right: 9%
}

#spynotfiy .spy_events_wrapper.bx-def-margin-sec-top.spy_events_wrapper_menu_member.notification_unread_msg {
    background-color: #FFDFDF;
    border-color: #ffd5d5;
    border-bottom: 2px solid #ffd5d5
}

.sys_logo_wrapper_cnt.logo {
    display: table
}

.sys_logo_wrapper_cnt.logo a {
    display: table-cell;
    vertical-align: middle
}

#spynotfiy .null {
    min-height: 60px;
    max-height: 190px;
    display: block;
    float: left;
    overflow: auto;
    width: 100%
}

.not_logged .content_div {
    height: auto!important;
    background-position: center bottom;
	  height: 100vh !important;
}

.splash-foot-icon li a {
    color: #fff!important;
    font-size: 16px;
    font-family: Hind, sans-serif;
    line-height: 14.3px
}

.sys_agb .block_header,
.sys_faq .block_header,
.sys_help .block_header,
.sys_impressum .block_header {
    font-size: 20px;
    color: #fff;
    background-color: #ff2d2d;
    padding: 6px 15px;
    font-family: 'open sans';
    font-weight: 600
}

.sys_agb .disignBoxFirst.bx-def-margin-top.bx-def-border,
.sys_faq .disignBoxFirst.bx-def-margin-top.bx-def-border,
.sys_help .disignBoxFirst.bx-def-margin-top.bx-def-border,
.sys_impressum .disignBoxFirst.bx-def-margin-top.bx-def-border {
    background-color: #fff;
    box-shadow: 0 7px 19px rgba(0, 0, 0, .14);
    -webkit-box-shadow: -2px 1px 33px rgba(0, 0, 0, .14);
    -moz-box-box-shadow: 0 7px 19px rgba(0, 0, 0, .14);
    margin: 20px auto;
    width: 1170px;
    border-radius: 0
}

.sys_agb .popup_form_wrapper.trans_box .disignBoxFirst.bx-def-margin-top.bx-def-border,
.sys_faq .popup_form_wrapper.trans_box .disignBoxFirst.bx-def-margin-top.bx-def-border,
.sys_help .popup_form_wrapper.trans_box .disignBoxFirst.bx-def-margin-top.bx-def-border,
.sys_impressum .popup_form_wrapper.trans_box .disignBoxFirst.bx-def-margin-top.bx-def-border {
    width: 100%;
    box-shadow: none;
    margin: 0
}

.sys_agb .sys_mc_wrapper.bx-def-margin-sec-leftright,
.sys_faq .sys_mc_wrapper.bx-def-margin-sec-leftright,
.sys_impressum .sys_mc_wrapper.bx-def-margin-sec-leftright {
    margin: 0
}

.sys_agb .boxContent .info-page h2,
.sys_faq .boxContent .info-page h2,
.sys_help .boxContent .info-page h2,
.sys_impressum .boxContent .info-page h2 {
    color: #000;
    font-size: 18px;
    font-weight: 700;
    font-family: 'open sans';
    padding-left: 15px;
    padding-right: 15px;
    margin: 20px 0
}

.sys_agb .boxContent .info-page p,
.sys_faq .boxContent .info-page p,
.sys_help .boxContent .info-page p,
.sys_impressum .boxContent .info-page p {
    font-size: 18px;
    font-weight: 400;
    font-family: 'open sans';
    padding-left: 15px;
    padding-right: 15px;
    color: #777;
    line-height: 32px
}

.sys_page.sys_page_pedit.clearfix {
    background-color: #fff;
    box-shadow: 0 7px 19px rgba(0, 0, 0, .14);
    -webkit-box-shadow: -2px 1px 33px rgba(0, 0, 0, .14);
    -moz-box-box-shadow: 0 7px 19px rgba(0, 0, 0, .14);
    margin: 20px 0
}

.sys_impressum .boxContent .info-page p b {
    color: #000
}

.sys_agb .boxContent .info-page p.description_blue_clr,
.sys_faq .boxContent .info-page p.description_blue_clr,
.sys_impressum .boxContent .info-page p.description_blue_clr {
    color: #1155D0;
    font-weight: 600;
    line-height: 21px
}

.boxContent .info-page h3 {
    font-size: 18px;
    font-weight: 400;
    font-family: 'open sans';
    padding-left: 15px;
    padding-right: 15px;
    color: #777;
    line-height: 24px;
    margin: 4px 0
}

.boxContent .info-page .info_address_block {
    margin: 30px 0
}

.sys_impressum .boxContent .info-page h3 .red_clr {
    color: #ff2d2d
}

.boxContent .info-page h3 a {
    padding-left: 5px;
    color: #1155D0!important;
    text-decoration: underline!important
}

.sys_forgot .sys_mc.clearfix .disignBoxFirst.bx-def-margin-top.bx-def-border {
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 20px 10px 30px;
    background-color: #fff;
    box-shadow: 0 7px 19px rgba(0, 0, 0, .14);
    -webkit-box-shadow: -2px 1px 33px rgba(0, 0, 0, .14);
    -moz-box-box-shadow: 0 7px 19px rgba(0, 0, 0, .14)
}

.sys_forgot .bx-def-font-large {
    font-size: 18px;
    line-height: 29px;
    margin-bottom: 20px
}

.header_div.header_block {
    position: fixed
}


.owl_bg_image a,
.profile_carousel,
.profile_carousel .item {
    text-align: center
}

.owl_bg_image,
.owl_bg_image a label,
.owl_bg_image a span,
.profile_carousel .row,
.signup_div .subtext,
div.profile_carousel_div {
    display: inline-block
}

.homepage_container div.sys_root_bg {
    background: #fff
}

div.sys_root_bg {
    background: #fff!important
}

div.sys_main_logo {
    background: 0 0;
    z-index: auto
}

.homepage_container .disignBoxFirst {
    border: none;
    margin: 0;
    padding: 0;
    background: 0 0
}

div.sys-service-menu .sys-smi-join div.sys-sm-profile span.sys-smp-title {
    width: auto;
    margin: 0
}

div.sys-service-menu div.sys-sm-item.sys-smi-join {
    border-radius: 0;
    height: auto;
    line-height: normal;
    border: none
}

.owl_bg_image,
.owl_bg_image a {
    border-radius: 50%;
    transition: all 0s ease 0s
}

.popup_form_wrapper .container {
    width: auto;
    padding: 0
}

div.full_div {
    padding-left: 0;
    padding-right: 0
}

.email_div input,
.select_div select,
table {
    margin-bottom: 0!important
}

div.profile_carousel_div {
    float: none;
    width: 100%
}

.homepage_container .sys_main_content.sys_main_page_width {
    max-width: 100%
}

.owl_bg_image {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 152px;
    width: 152px;
    filter: grayscale(1)
}

.find_love {
    font-family: 'Open Sans'
}

.owl_bg_image a {
    background: rgba(224, 72, 34, .7);
    color: #fff;
    float: left;
    height: 120px;
    padding: 42px 0;
    margin: 15px;
    opacity: 0;
    width: 120px
}

.owl_bg_image:hover a {
    opacity: 1;
    transition: all .7s ease 0s
}

.owl_bg_image a label {
    width: 98%;
    overflow: hidden;
    color: #fff;
    font-size: 15px;
    vertical-align: bottom;
    font-weight: 400;
    margin-bottom: 0;
    line-height: 25px;
    text-transform: capitalize
}

.owl_bg_image a span {
    border: 1px solid #fff;
    border-radius: 10px;
    color: #fff;
    font-size: 12px;
    line-height: 16px;
    padding: 0 10px;
    text-decoration: none;
    text-transform: lowercase;
    vertical-align: top
}

.owl_bg_image:hover {
    filter: grayscale(0);
    transition: all .7s ease 0s
}

.profile_carousel .thumbnail_block,
.profile_carousel .thumbnail_image,
.profile_carousel div.thumbnail_image p.thumbnail_image_letter,
.profile_carousel div.thumbnail_image p.thumbnail_image_letter2 {
    border-radius: 50%;
    display: inline-block;
    font-size: 100px;
    height: 155px;
    line-height: 155px;
    width: 155px
}

.homepage_container div.page_block_container {
    float: left;
    width: 100%
}

.profile_carousel .thumbnail_block,
.thumbnail_block+.owl_bg_image {
    position: absolute;
    left: 50%
}

.profile_carousel .thumbnail_image,
.thumbnail_block+.owl_bg_image a {
    position: relative;
    left: -50%
}

.thumbnail_block+.owl_bg_image {
    z-index: 99
}

.signup_page_form .signup_div {
    background: 0 0;
    padding: 15px 0
}

.signup_div .subtext {
    font-size: 15px;
    margin-bottom: 0;
    padding: 15px
}

.signup_div .subtext font {
    color: #666
}

.signup_page_form .or_content {
    padding: 0
}

.signup_page_form .or_content p::after,
.signup_page_form .or_content p::before {
    background: #ccc;
    width: 42%
}

.signup_page_form .or_content p {
    color: #999
}

/* .signup_page_form .email_div .select_div1 select,
.signup_page_form .email_div input,
.signup_page_form .email_div select {
    background-color: #f9f9f9!important;
    height: 40px!important;
    border: 1px solid #ddd!important;
    font-family: Hind, sans-serif!important;
    font-size: 14px!important;
    padding: 0 1%!important;
    width: 98%!important;
    border-radius: 4px;
    margin-bottom: 0!important;
    color: #666!important
}*/

.signup_page_form .email_div .select_div1 select,
.signup_page_form .email_div select {
    width: 98%!important;
    padding: 0 5px!important;
    background-position: 98% center!important;
    overflow: hidden;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    -o-appearance: none;
    background-repeat: no-repeat;
    background-size: 18px auto;
    background-image: url(../images/down_arrow1.png)
}

.signup_page_form .email_div .select_div select::-ms-expand {
    display: none
}

.signup_page_form .email_div select::-ms-expand {
    display: none
}

.signup_page_form .email_div .select_div,
.signup_page_form .email_div .select_div1 {
    padding: 0!important
}

.signup_page_form .select_div select option {
    opacity: 1
}

.signup_page_form .email_div label {
    margin: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #666;
    font-size: 15px
}

.signup_page_form .email_div {
    margin-bottom: 10px
}

.signup_page_form .email_div_date select {
    width: 32.3%!important;
    background-position: 94% center;
    border-color: rgba(0,0,0,.1);
    background-color: rgba(0,0,0,.05);
}

.signup_page_form .signup_button>input {
    background: #f52500;
    color: #fff
}

.icheckbox_minimal-orange.hover {
    border: none!important
}

div.icheckbox_minimal-orange {
    background-color: #f9f9f9
}

.signup_page_form .signup_button {
    margin-bottom: 20px
}

.facebook_login_sign div.fb_icon {
    text-align: left;
    padding: 0
}

.facebook_login_sign div.fb_icon p,
.jconfirm-buttons,
.jconfirm-content,
.jconfirm-title,
.jconfirm-title-c {
    text-align: center
}

.facebook_login_sign .fb_icon>img {
    float: left;
    padding-left: 10px
}

div.signup-form_padding {
    float: none;
    margin: 0 auto;
    padding: 0
}

.signup_page_form .email_div a {
    color: #f52500!important
}

.jconfirm .jconfirm-box.jconfirm-type-orange {
    border-top: 7px solid #f52500!important
}

.jconfirm-type-orange .btn {
    background: #ff2d2d!important;
    color: #fff!important;
    margin-top: 4px
}

input:focus,
select:focus {
    outline-color: #ff2d2d
}

.homepage_container .email_div input,
.homepage_container .email_div select {
    outline: 0!important
}

div.sys_footer {
    padding-top: 0;
    margin-top: 0
}

.homepage_container div.sys_footer {
    margin-top: 0
}

body .disignBoxFirst {
    box-shadow: 0 0 10px #ccc;
    border-color: transparent
}

.jconfirm .jconfirm-box.jconfirm-type-orange .jconfirm-title-c .jconfirm-icon-c {
    color: #f52500!important;
    width: 80px;
    text-align: center;
    border: 2px solid #f52500;
    margin: 0 auto;
    float: none!important;
    border-radius: 50%;
    height: 80px;
    display: inline-block
}

.jconfirm-icon-c i {
    font-size: 45px;
    line-height: 67px
}

.jconfirm-title {
    width: 100%;
    margin-top: 10px;
    float: left
}

.empty_message,
.join_success_container {
    padding-bottom: 20px
}

.empty_message i,
.join_success_container i {
    color: #f52500;
    font-size: 45px;
    line-height: 96px
}

.empty_message label,
.join_success_container>label {
    border: 3px solid #f52500;
    border-radius: 50%;
    display: inline-block;
    height: 100px;
    line-height: 100px;
    margin: 30px 0 0;
    vertical-align: middle;
    width: 100px
}

.content_signup_splash,
.jconfirm .jconfirm-box.jconfirm-type-orange .jconfirm-title-c .jconfirm-icon-c:empty {
    display: none
}

.empty_message h3,
.join_success_container h3 {
    font-size: 35px
}

.empty_message>p,
.join_success_container>p {
    font-size: 16px
}

.empty_message i {
    font-size: 58px
}

.social-icons a:hover {
    color: #fff!important
}

.desc_profile a,
div#float_info {
    color: #f52500!important
}

#slider-carousel-2 .owl-stage {
    margin: 0 auto
}

.friends_slider .owl-next,
.friends_slider .owl-prev {
    position: absolute;
    top: 90px;
    left: -42px;
    z-index: 999
}

.friends_slider .owl-next {
    right: -42px;
    left: auto
}

.login_div i.sign-in {
    background: 0 0
}

.container-fluid.carosuel-back {
    background: transparent;
    /*border-bottom: 2px solid #818181*/
	  top: 25vh;
}

#owl-demo.spalsh_profile_carousel .item {
    position: relative
}

#owl-demo.spalsh_profile_carousel .view_count {
    right: 32%;
    cursor: pointer;
    padding-top: 3px
}



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



@media(max-width:767px) {
    .menu-icons {
      padding-top: 5px;    
    }
    .menu-icons .coin_img {
      width: 27px;
      height: 27px;
    }
    .menu-icons .icon-speech-bubble {
      width: 27px;
      height: 27px;
    }
    .menu-icons .icon-notification {
      width: 27px;
      height: 27px;
    }
    #sys-service-menu-div-1508151736.icon_1 {
      width: 27px;
      height: 27px;
    }
    .navicon.fa.fa-bars {
      width: 27px;
      height: 27px;
    }
    .header_profile_img img {
    width: 50px !important;
    height: 50px !important;
    margin-top: -10px;
    }
   
    .container.search {
        height: auto;
        margin-top: 20px;
        padding: 15px 0
    }
    .members h1,
    .search h2 {
        padding-top: 0
    }
    .header_profile_div {
        position: static;
        margin: 0;
        width: 100%
    }
    .search-cont {
        width: 100%;
        margin-left: 0
    }
    .search-cont1 {
        width: 100%;
        float: none
    }
    .members h1 {
        font-size: 30px
    }
    #slider-carousel-12,
    #slider-carousel-12 .owl-pagination,
    .friends-content,
    .members .home_members_online,
    .members .home_members_online .owl-pagination {
        margin-top: 30px
    }
    .nopadding {
        width: 80%;
        display: block;
        margin: 0 auto
    }
    #search-left {
        padding-right: 15px
    }
    .search-cont1 button {
        display: block;
        margin: 0 auto;
        width: 50%
    }
    #search-right {
        padding-bottom: 20px
    }
    .left-padding {
        padding: 0 10px!important
    }
    .unread_images {
        float: none;
        max-height: 160px;
        max-width: 157px;
        margin: 0 auto
    }
    #msg-3 {
        clear: left
    }
    .cont-carousel-2 {
        padding-left: 10px;
        padding-right: 10px
    }
    #slider-carousel-2 .owl-controls .owl-buttons .owl-prev {
        left: -55px
    }
    #slider-carousel-2 .owl-controls .owl-buttons .owl-next {
        right: -52px
    }
    .container.friends {
        padding-top: 0
    }
    .container.message.unread_msg_block {
        margin-top: 25px
    }
    .see_all_btn {
        font-size: 18px;
        line-height: 41px;
        width: 175px
    }
    .see_all {
        padding-top: 25px
    }
    #spynotfiy .message {
        width: 250px
    }
    #spynotfiy .bx-def-bc-padding {
        padding: 0
    }
    #owl-demo .item {
        max-width: 240px;
        position: relative;
        margin: 0 auto
    }
    .carosuel-back {
        height: auto
    }
    .splash-foot-icon i {
        margin: 0 12px
    }
    .splash-footer div.splash-foot-icon {
        text-align: left;
        margin: 0 0 15px
    }
    #cont-p,
    #cont-p1 {
        padding-top: 5px
    }
    div.splash-contact-icon {
        margin-top: 10px
    }
    div.splash-contact {
        height: auto
    }
    .splash-contact-border {
        border-bottom: 4px solid #363636;
        border-right: none;
        height: auto
    }
    div.splash-contact h2 {
        padding-top: 0
    }
    .splash-contact {
        padding: 40px 0
    }
    .splash-recent .thumbnail {
        height: auto;
        margin-bottom: 25px;
        display: inline-block;
        width: 100%
    }
    div.splash-banner-1 {
        margin: 0 auto;
        float: none;
        width: 270px
    }
    .col-md-8.col-sm-8.col-xs-12.splash-banner-cont {
        width: 100%!important;
        margin-left: 0!important;
        padding: 10px 0 30px
    }
    #myCarousel .carousel-control img {
        width: 100%
    }
    div.splash-banner h2 {
        font-size: 35px;
        padding: 0;
        line-height: 45px
    }
    .splash-banner a.btn-warning {
        width: auto;
        float: left;
        margin: 0 5px;
        padding: 10px;
        font-size: 14px
    }
    div.splash-video h1 {
        font-size: 38px
    }
    div.splash-welcome h1 {
        width: 100%;
        font-size: 25px;
        padding-top: 10px
    }
    .content_back1 a:last-child {
        padding-left: 90px!important
    }
    div.splash-welcome p {
        padding: 20px 0;
        font-size: 18px;
        line-height: 28px
    }
    .splash-welcome .info,
    .splash-welcome .login {
        font-size: 22px;
        width: auto;
        padding: 5px 15px
    }
    .container-fluid.splash-footer {
        height: auto;
        text-align: left
    }
    .unread_msg_count,
    div.container.footer_responsive,
    div.foot-icon,
    div.left-padding {
        text-align: center
    }
    #footer-copy1 p,
    div.splash-footer .splash-foot-icon {
        padding: 0
    }
    div.splash-footer div img {
        max-width: 130px;
        margin: 0;
        padding: 20px 0 5px
    }
    .sys_root div.sys_main_content {
        margin-bottom: 0!important
    }
    .container-fluid.splash-banner,
    div.container-fluid.splash-recent {
        padding: 0
    }
    div.splash-video p {
        width: 90%
    }
    .container-fluid.splash-banner,
    .container.splash-story,
    div.container-fluid.splash-recent,
    div.splash-profile,
    div.splash-video {
        margin-top: 50px
    }
    div.splash-story h2 {
        margin-top: 0;
        font-size: 40px
    }
    div.splash-story p {
        width: 95%
    }
    .not_logged .sys_logo_wrapper_cnt.logo.wow.fadeInLeft {
        width: 120px!important
    }
    .not_logged i.sign-in {
        padding-right: 5px;
        background: 0 0;
        font-size: 22px!important;
        display: none
    }
    .not_logged div.login_div input {
        padding: 4px 5px;
        border: 2px solid #ff2d2d;
        border-radius: 20px;
        font-size: 14px;
        background: rgba(0, 0, 0, .5)
    }
    .not_logged .sys-sm-profile div.login_div,
    .not_logged div.login_div input {
        width: auto!important
    }
    .not_logged div.register_div {
        width: auto;
        padding-right: 5px
    }
    .not_logged div.register_div input {
        font-size: 14px;
        width: auto!important;
        padding: 5px 0 6px 4px
    }
    .not_logged div.member_div.wow.fadeInRight {
        width: auto!important;
        float: right;
        padding: 5px 0 0;
        height: auto;
        margin: 0
    }
    .not_logged .member_div div.sys-service-menu-wrp {
        margin-right: 0
    }
    .not_logged div.sys_main_logo {
        min-height: 0
    }
    .not_logged .header_div {
        padding: 15px 10px 10px
    }
    #owl-demo .owl-stage-outer {
        padding-left: 0
    }
    div.full_div {
        background-position: center!important
    }
    div.member_div.wow.fadeInRight {
        top: 12px!important
    }
    .icon_top {
    top: -19px;
    font-size: 11px;
    line-height: 23px;
    width: 23px;
    height: 23px;
    }
    .image_container {
      padding-left: 200px !important;
    }
   
    div.search-cont1 {
        padding: 0 15px!important
    }
    .foot-icon i {
        margin: 0
    }
    .foot-icon a {
        padding: 0 15px
    }
    div#foot-icon {
        padding: 12px 0 0
    }
    div.social-icons {
        width: auto
    }
    div.header_div .sys_logo_wrapper_cnt img {
       /* width: 70px!important; */
        padding: 0
    }
    .full_div .trauma .menu-icons ul li {
        margin-right: 10px!important
    }
   
    .menu-button .touch-button .navicon {
    font-size: 30px !important;
    top: -4px !important;
    }
	
    div.full_div .trauma .menu-icons ul li {
        margin-right: 25px
    }
    div.trauma div.menu-icons ul {
        margin-right: 20px!important;
        top: 4px
    }
  
    .full_div .sys_main_menu {
        z-index: -1
    }
    .member_div #sys-service-menu-1508151736 {
        top: 25px;
        right: -35px
    }
    .left-padding .thumbnail {
        max-width: 100%;
        display: inline-block
    }
    .members .home_members_online .item img {
        height: 170px
    }
    .not_logged div.header_div .sys_logo_wrapper_cnt img {
        padding: 0
    }
    .not_logged div.member_div.wow.fadeInRight {
        top: 10px!important
    }
    .unread_msg_content {
        width: 100%;
        text-align: center;
        margin-left: 0
    }
    .message.unread_msg_block h1 {
        font-size: 18.2px
    }
    .unread_msg_count {
        font-size: 20.02px;
        height: 65px;
        width: 65px;
        line-height: 60px
    }
    .members .home_members_online .item,
    div#slider-carousel-12 .item {
        max-width: 100%;
        width: 55%
    }
    .social-icons .fa {
        font-size: 14px;
        width: 29px;
        height: 29px
    }
    .footer_center_div {
        margin-left: 0
    }
    .header_div.header_block,
    .not_logged .header_div.header_block {
        padding-top: 10px;
        padding-bottom: 10px
    }
    .footer_logo {
        text-align: left;
        padding: 0!important
    }
    .not_logged.bx-popup-lock {
        height: auto!important
    }
    .member_div.wow.fadeInRight {
        padding-top: 0
    }
    #slider-carousel .carousel-cont {
        padding-left: 13px;
        padding-right: 13px
    }
    .not_logged .message {
        padding-left: 0;
        padding-right: 0
    }
    .featured_blocks.bx-def-bc-padding {
        padding: 20px 0
    }
    .index_online_block .disignBoxFirst .boxFirstHeader .dbTitle.glow_effect_div,
    .index_online_empty_block .disignBoxFirst .boxFirstHeader .dbTitle.glow_effect_div {
        font-size: 16px;    
    }
    .banner_addfriend1 {
        padding-top: 26.5%!important
    }
    .not_logged .header_div.header_block {
        position: fixed!important;
    }
    .sys-form-login-join a {
        padding: 3px 1px!important;
        font-size: 12px
    }
    .header_div.header_block{
    padding-top: 5px;
    padding-bottom: 5px;
}
	
}



@media(max-width:480px) 
{
  img.mainLogo {

	
    /*
      MainLogo Sollte eigentlich auch bei kleinen Displays wenn nicht angemeldet sichtbar sein  
      
		
    visibility: hidden !important; 
		
		 */ 
		
 }
	
.head_text { 
  font-size: 20px; 
}
	
	
	.active_online_user
	{
    width: 145% !important;
		left: -7vh;
	}

	
	
  .header_profile_img img {
    margin-left: -10px;
  }
    #slider-carousel .owl-pagination,
    #slider-carousel-12 .owl-pagination,
    .members .home_members_online .owl-pagination {
        visibility: hidden;
        display: none
    }
    .sys_logo_wrapper_cnt.logo.wow.fadeInLeft,
    .unread_msg_count,
    div.menu-icons,
    div.splash-banner {
        text-align: center
    }
    #slider-carousel .owl-controls::before,
    #slider-carousel .owl-theme .owl-controls,
    #slider-carousel-12 .owl-theme .owl-controls,
    .members .home_members_online .owl-theme .owl-controls {
        visibility: hidden
    }
    #slider-carousel .hoverfx .overlay {
        padding: 64% 37% 64% 64%
    }
    #slider-carousel .carousel-cont h4 {
        font-size: 11px;
        display: inline-block;
        position: static;
        padding: 12px 0
    }
    #slider-carousel .carousel-cont h4 span {
        font-size: 13px
    }
    .search {
        height: auto;
        margin-top: 20px;
        padding-bottom: 20px
    }
    .search h2 {
        padding-top: 0;
        font-size: 32px
    }
    .search-cont {
        margin-left: 0;
        padding: 0
    }
    #search-right,
    .iphone_image_block {
        padding-bottom: 20px
    }
    .search-cont1 {
        float: none
    }
    .nopadding {
        width: 95%;
        display: block;
        margin: 0 auto
    }
    #search-left {
        padding-right: 15px
    }
    .iphone_image_block {
        width: 250px
    }
    .search-cont1 button {
        display: block;
        margin: 0 auto;
        width: 55%
    }
    .members h1 {
        font-size: 25px;
        margin-top: 0;
        padding-top: 20px
    }
    .iphone_gifimage {
        width: 66%
    }
    #slider-carousel-12,
    .members .home_members_online {
        margin-top: 20px
    }
    .friends h1 {
        font-size: 32px;
        margin-top: 0;
        padding-top: 30px
    }
    #slider-carousel-12 .owl-pagination,
    .friends-content,
    .members .home_members_online .owl-pagination {
        margin-top: 30px
    }
    .message h1,
    .space {
        padding-top: 20px
    }
    #slider-carousel-12 .carousel-cont-2,
    .members .home_members_online .carousel-cont-2 {
        left: 5px
    }
    #slider-carousel-12 .carousel-cont-1,
    .members .home_members_online .carousel-cont-1 {
        right: 5px
    }
    .message h1 {
        font-size: 25px;
        margin-top: 0
    }
    .left-padding {
        padding-left: 10px;
        width: 100%
    }
    .cont-carousel-2 {
        padding-left: 10px;
        padding-right: 10px
    }
    #slider-carousel-2 .owl-controls .owl-buttons .owl-prev {
        left: -56px
    }
    #slider-carousel-2 .owl-controls .owl-buttons .owl-next {
        right: -54px
    }
    .message-no h3 {
        font-size: 20px
    }
    .message.unread_msg_block h1 {
        font-size: 12px;
        width: 100%;
        padding: 5px 3px
    }
    .container.message.unread_msg_block {
        padding: 15px 5px!important
    }
    .unread_msg_count {
        font-size: 13px;
        height: 25px;
        width: 25px;
        line-height: 25px;
        margin-left: 5px
    }
    .unread_msg_div {
        padding: 0 3px!important
    }
    .facebook_login.facebook_login_sign {
        padding: 8px 0!important
    }
    .sys_signup .facebook_login_sign div.fb_icon p {
        font-size: 17px
    }
    .sys_signup .signup_page_form .email_div {
        height: auto
    }
    #slider-carousel .carousel-cont {
        text-align: center;
        padding-left: 16px;
        padding-right: 10px
    }
    .not_logged div.member_div.wow.fadeInRight {
        top: 4px!important;
			  left: -70px;
    }
    div.splash-contact h2 {
        font-size: 34px
    }
    div.splash-contact p {
        font-size: 15px;
        line-height: 25px;
        width: 100%
    }
    #cont-p,
    #cont-p1 {
        font-size: 17px;
        line-height: normal
    }
    div.splash-footer p {
        font-size: 16px
    }
    .splash-recent p {
        padding: 0
    }
    .splash-recent h5 {
        padding-top: 10px
    }
    .splash-recent .thumbnail h4 {
        margin-top: 10px
    }
    .splash-banner a.btn-warning {
        margin: 5px 0;
        display: inline-block;
        float: none
    }
    div.splash-recent h6 {
        font-size: 14px
    }
    div.splash-story h2 {
        font-size: 30px!important
    }
    div.container.splash-story p {
        font-size: 15px;
        line-height: 23px;
        padding-top: 0
    }
    div.splash-banner h2 {
        font-size: 25px!important;
        padding: 0!important;
        line-height: 35px!important
    }
    div.splash-video h1 {
        font-size: 31px;
        padding: 0
    }
    div.splash-video p {
        font-size: 17px
    }
    div.splash-welcome .info,
    div.splash-welcome .login {
        font-size: 19px;
        width: 200px;
        padding: 1px 15px;
        margin: 5px 0
    }
    body.not_logged .header_div {
        padding: 10px 5px
    }
    div.left-padding {
        width: 100%!important
    }
    div.social-icons,
    div.trauma div.menu-icons ul {
        vertical-align: top
    }
    div.social-icons {
        padding-right: 15px
    }
    div.header_div {
        padding: 5px 0
    }
    div.trauma .member_div div.menu-icons ul {
        margin-right: 0!important
    }
    div.member_div #sys-service-menu-1508151736 {
        top: 25px;
        right: -49px
    }
    div#spynotfiy {
        max-width: 280px;
        margin: 0;
        min-width: 280px;
        right: -60px
    }
    .sys_root div.full_div {
        background-position: center center!important
    }
    div.owl-carousel .owl-dots .owl-dot span {
        margin: 5px 2px;
        width: 10px;
        height: 10px
    }
    .carousel_block,
    .container.header_profile_container {
        padding: 0
    }
    .container.members {
        padding-left: 7px;
        padding-right: 7px
    }
    div.friends_slider {
        padding: 0
    }
    .friends_slider div.owl-prev {
        left: 0
    }
    .friends_slider div.owl-next {
        right: 0
    }
    .not_logged div.register_div input {
        font-size: 13px;
        padding: 5px 0 6px 2px
    }
    .not_logged div.register_div {
        padding-right: 2px;
        font-size: 13px
    }
    .not_logged div.login_div input {
        padding: 4px 3px
    }
	
	.icon_5 {  
		left: -1px;  
	}
	
	.head_warp input{ 
  	left: 60vw !important;  
  }
	
	
 .join_success_container h3 {
    font-size: 25px
 }
	
	
.response_message_img {
	  height:70px;
	  width:70px;
	  top: -5px;	
   }		
	
}




@media(max-width:1400px) {
    .extra-wrap.slog_txt p {
        font-size: 53px;
        line-height: 60px
    }
    .block_2 .block_txt p:first-child+p {
    }
    .content_box.block_2 {
        width: 1100px;
        margin: 0 auto
    }
    #spynotfiy {
        right: -30px
    }
    #spynotfiy::after {
        bottom: 100%;
        left: auto;
        right: 23px
    }
    #spynotfiy::before {
        bottom: 100%;
        left: auto;
        right: 38px
    }
    .carousel_block .owl-prev {
        left: -32px
    }
    .carousel_block .owl-next {
        right: -32px
    }
    div.facebook_login {
        padding: 7px 10px
    }
    .email_div input,
    .select_div select {
        margin-bottom: 7px!important;
        height: 45px;
    }
    .email_div input {
        height: 46px!important
    }
    .select_div select {
        font-size: 16px
    }
    #tabs-join .signup {
        padding-top: 0!important
    }
    .active_user-container .active_online_user,
    .active_user-container .active_online_user .active_image img {
        max-height: 193px!important;
        min-height: 193px!important
    }
}

@media(min-width:1201px) {
    .full_div .sys_main_menu {
        top: auto;
        padding-top: 0;
        bottom: 0;
        position: absolute;
        width: 100%
    }
}

@media(max-width:1400px) {
    .carousel_block .swiper-button-prev {
        left: 35px
    }
    .carousel_block .swiper-button-next {
        right: 35px
    }
    .index_online_block .disignBoxFirst,
    .index_online_empty_block .disignBoxFirst {
        width: 1170px;
        margin: 3x auto 0!important
    }
}

@media(max-width:1300px) {
    .container.header_profile_container {
        width: 1100px!important
    }
}

@media(max-width:1200px) {

    .content_div .container, 
    .header_div .container {
        min-width: 100%;
        width: 100%;
        position: relative;
    }
		 	
    .profile_carousel .container {
        width: 100%;
        max-width: 100%
    }
    .fb_icon p {
        font-size: 23px
    }
    div.fb_icon {
        text-align: center;
        padding-right: 0;
        padding-left: 0
    }
    div.fb_icon p {
        font-size: 24px;
        padding-top: 0!important
    }
    .extra-wrap.slog_txt p {
        font-size: 47px;
        line-height: 62px
    }
    .block_2 .block_txt p:first-child+p {
        font-size: 17px;
        line-height: 18px;
        margin-bottom: 4px
    }
    .content_box.block_2 {
        width: 900px;
        margin: 0 auto
    }
    .text1 {
        line-height: 18px
    }
    .couples_div h1 {
        padding: 0 200px
    }
    .profile_carousel .owl-prev {
        left: -40px
    }
    .profile_carousel .owl-next {
        right: -40px
    }
    .trauma .content .search form.form-inline label {
        font-size: 15px!important;
        padding-top: 5px
    }
    .trauma .content .search form select.sel_gen {
        margin-right: 20px!important
    }
    .trauma .content .search form.form-inline input[name=age_from] {
        margin-left: 20px!important
    }
    #search_firstmeet .online_only {
        margin-left: 20px!important;
        margin-right: 15px!important
    }
    .online_details {
        padding-left: 50px
    }
    .online_tick {
        margin-left: 13px
    }
    .search_form .empty_message {
        padding: 230px 20px
    }
    #demo {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        padding-top: 0
    }
    #spynotfiy {
        width: 100%;
        margin-left: 0;
        min-width: 300px
    }
    #spynotfiy .event_info {
        font-size: 13px
    }
    div.sys-sm-item-submenu {
        top: 95px!important
    }
    div.splash-footer img {
        width: 125px;
        max-width: 100px
    }
    .content_back1 a,
    .content_back1 a i {
        font-size: 21px!important
    }
    .content_back1 a:last-child i {
        width: 40px;
        height: 40px;
        line-height: 40px;
        top: 0
    }
    .container.header_profile_container {
        width: 920px!important
    }
    .index_online_block .disignBoxFirst,
    .index_online_empty_block .disignBoxFirst,
    .sys_agb .disignBoxFirst.bx-def-margin-top.bx-def-border,
    .sys_faq .disignBoxFirst.bx-def-margin-top.bx-def-border,
    .sys_help .disignBoxFirst.bx-def-margin-top.bx-def-border,
    .sys_impressum .disignBoxFirst.bx-def-margin-top.bx-def-border {
        width: 100%
    }
    .carousel_block .swiper-button-prev {
        left: 15px
    }
    .carousel_block .swiper-button-next {
        right: 15px
    }
  
    .header_div.header_block {
      /*
        padding-left: 0px;
      */
        padding-right: 10px
    }
    .header_profile_img p {
        max-width: 260px
    }
}

@media(max-width:991px) {
    .image_container a .image_container_centered_text {
      margin-left: 75px;
    }
    .image_container a img {
      margin-left: 50px;
    }




     /* Menu Buttons ---------------------------------- */

    .menu-icons .coin_img {
      margin-left: 80px;
    }

    #user_coin_head.icon_top {
        margin-left: 75px;
        top: -19px;
    }


    .icon-speech-bubble {
        margin-left: 10px;
    }


    .icon_top.hide-click{
        margin-left: 10px;
        top: -19px;
    }

  
    .header_profile_img {

     margin-top: 45px;
     margin-left: -10px;
    }
    
    



    /* Menu Buttons Ende ---------------------------------- */
    
    
    
    .banner_div
    .sys_main_menu.header_div
    .sys_main_menu.header_div{overflow: visible !important}
    {
        margin-right: 20px;
    }
    
    .header_div.header_block {
        padding-bottom: 15px;
    }
    .sys_root > .full_div{max-height: 510px !important;height: 10px !important;}
    #myTopnav,
    div.sys_main_menu {
        z-index: 99999
    }
  
    .User_Menu{
        display: none;
    }
    #myTopnav {
        top: 60px;
        right:0;
    }
    .select_div,
    .select_div1 {
        padding-left: 0!important;
        padding-right: 0!important
    }
    div.fb_icon p {
        font-size: 14px;
        padding-top: 2px!important
    }
    .fb_icon.continue_fb h2 {
        font-size: 11px
    }
    .fb_icon.continue_fb {
        width: 250px
    }
    .email_div input {
        font-size: 18px!important
    }
    .signup_div {
        padding: 15px
    }
    div.fb_icon {
        padding-left: 8px
    }
    .signup_button input {
        height: 30px;
        font-size: 15px;
        line-height: 30px;
        padding: 0
    }
    .signup_div p,
    .text1 {
        font-size: 13px
    }
    div.facebook_login {
        padding: 3px 10px
    }
    .email_div {
        padding-top: 0
    }
    .or_content p {
        margin-bottom: 0
    }
    .block_2 .block_txt p:first-child+p {
        font-size: 14px;
        margin-bottom: 0
    }
    .content_box.block_2 {
        width: 700px;
        margin: 0 auto
    }
    .text1 {
        line-height: 19px;
        color: #bab9b9
    }
    .block_2 .block_txt p:first-child {
        margin-bottom: 0
    }
    .couples_div h1 {
        padding: 0;
        text-align: center
    }
    .profile_carousel div.owl-prev {
        left: -30px
    }
    .profile_carousel div.owl-next {
        right: -30px
    }
    #tabs-join div.fb_icon p {
        padding-top: 0!important
    }
    #search_firstmeet .online_only {
        margin-left: 180px!important;
        margin-right: 15px!important
    }
    .trauma div.content .search form.form-inline label {
        margin-bottom: 40px!important
    }
    .trauma .moduletable.newsletter .acymailing_module_form .acymailing_introtext {
        font-size: 12px!important;
        line-height: 19px!important
    }
    .search_form .empty_message {
        padding: 0
    }
    #demo {
        padding-top: 0
    }
    .event_info {
        width: 80%;
        float: left
    }
    #spynotfiy .notifyitem {
        height: 220px
    }
    div.sys-sm-item-submenu {
        top: 83px!important
    }
    #myTopnav {
        background-color: rgba(0, 0, 0, 1);
        position: fixed;
        top: 75px
    }
    #myTopnav li{
        padding: 5px;
    }
    #myTopnav li a{
        font-size: 20px !important;
    }
    .signup {
        padding-left: 5px!important
    }
    .online_tick {
        margin-left: 225px
    }
    #search_firstmeet input[type=checkbox]+label {
        display: block
    }
    .online_details {
        padding-left: 285px
    }
    .trauma .content .search form.form-inline label[for=gender] {
        margin-left: 80px
    }
    div.trauma .content .search .search_block {
        margin-top: 60px
    }
    .header_profile_div {
        margin-top: 0
    }
    .content_back1 a,
    .content_back1 a i,
    .follow {
        font-size: 17px!important
    }
    .trauma.menu-list {
        background: 0 0
    }
    .or_content {
        padding-top: 4px;
        padding-bottom: 4px
    }
    .dating_content {
        padding: 35px 27px 0 0!important
    }
    .sys_root div.full_div {
        height: 100vh
    }
    .full_div .sys_main_menu {
        width: 30px;
        float: right;
        right: 0
    }
    .register_div {
        width: 280px
    }
    div.header_details {
        padding-top: 0;
        padding-bottom: 0;
        background: 0 0
    }
    .full_div .sys_main_menu {
        background: 0 0!important;
        top: 26px;
        position: fixed
    }
    div.trauma {
        background: rgba(0, 0, 0, .5)
    }
    div.menu-button,
    div.menu-button .touch-button .navicon {
        color: #D34539
    }
    div.full_div .trauma.menu-list ul li {
        border: none
    }
    .full_div .sys_main_menu div.sys_mm_cnt {
        overflow: visible!important
    }
    .full_div .trauma.menu-list ul li.active a,
    .full_div .trauma.menu-list ul li:hover a {
        background: 0 0!important;
        color: #ff2d2d!important;
        width: 100%
    }
    .full_div .trauma.menu-list ul li a {
        padding: 2px 10px;
        font-size: 14px;
        text-transform: capitalize
    }
    div.search-cont1,
    div.search-cont1 #search-left,
    div.search-cont1 #search-right {
        width: 100%!important;
        padding: 0;
        float: left;
        text-align: left
    }
    div.search .btn-select,
    div.search-cont1 #search-left label,
    div.search-cont1 #search-right label {
        float: left;
        margin-bottom: 5px;
        width: 100%
    }
    div.search-cont1 #search-left label,
    div.search-cont1 #search-right label {
        padding-left: 0;
        width: 100%
    }
    div.search-cont1 #search-left a,
    div.search-cont1 #search-right a {
        width: 100%
    }
    div.search-cont1 button {
        margin-right: 0;
        width: 100%!important
    }
    div.container.search {
        padding-top: 0
    }
    div.footer {
        height: auto
    }
    div.container.footer_responsive {
        padding: 15px 0
    }
    #foot-logo {
        text-align: center
    }
    div.container.footer_responsive>div {
        padding: 0 15px!important
    }
    .header_div {
        padding: 5px 10px;
        width: 100%;
        z-index: 9
    }
    .full_div {
        height: 300px
    }
    .sys_page_index div.search-cont1 button {
        margin-top: 10px;
        display: inline-block
    }
    .bx-popup-lock {
        overflow-y: auto
    }
    .banner_div {
      background-position: center center;
			display: none;
    }
    #myTopnav.flexnav li:hover,
    .unread_msg_details .trauma {
        background: 0 0
    }
    div.full_div {
        height: auto
    }
    .container.header_profile_container {
        width: 700px!important
    }
    .carousel_block .swiper-button-next {
        right: 10px
    }
    .carousel_block .swiper-button-prev {
        left: 10px
    }
    #myTopnav.flexnav .list .top_link {
        color: #fff
    }
    #myTopnav.flexnav li .top_link {
        text-transform: uppercase
    }
    #myTopnav.flexnav .active .top_link,
    #myTopnav.flexnav .list .top_link:hover {
        color: #ff2d2d;
        transition: none
    }
    .member_div.wow.fadeInRight {
        visibility: visible!important;
        animation-name: none!important;
        opacity: 1!important
    }
}

@media(max-width:768px) {
    .header_profile_img img {
      margin-top: -10px !important;
      margin-left: 20px;
    }



  /* Menu Buttons ---------------------------------- */

    .menu-icons .coin_img {
      margin-left: 80px;
    }

    #user_coin_head.icon_top {
        margin-left: 10px;
        top: -19px;
    }


    .icon-speech-bubble {
        margin-left: 10px;
    }


    .icon_top.hide-click{
        margin-left: 10px;
        top: -19px;
    }

    .header_profile_img {
     margin-top: 8px;
     margin-left: 0px;
    }




    /* Menu Buttons Ende ---------------------------------- */

    .already_member h4,
    .couples_div,
    .extra-wrap.slog_txt p,
    .find_love2,
    .find_love2.col-md-3.col-sm-3.col-xs-12,
    .login_div,
    .logo {
        text-align: center
    }
    .content_div {
        padding-top: 100px!important;
        padding-bottom: 25px
    }
    .sys_logo_wrapper_cnt.logo {
        width: 28%;
        height: 50px;
        padding: 0
    }
    div.member_div {
        width: 64%;
        padding: 0
    }
    .sys_logo_wrapper_cnt.logo img {
        max-width: 100%!important
    }
    .login_div input,
    div.login_div {
        width: 65px!important
    }
    .login_div input {
        padding: 5px 0 6px;
        font-size: 14px
    }
    .already_member h4 {
        font-size: 14px
    }
    .dating_content {
        padding: 15px 0 0!important
    }
    .signup {
        padding: 20px 0 0!important
    }
    .signup_div {
        padding: 15px
    }
    .email_div,
    .login_div,
    .signup_button {
        padding: 0
    }
    .select_div select {
        font-size: 15px
    }
    .select_div,
    .select_div1 {
        padding-left: 0;
        padding-right: 0
    }
    .email_div input {
        font-size: 15px!important
    }
    .signup_button input {
        font-size: 15px;
        height: 35px
    }
    .already_member {
        width: auto;
        float: none;
        margin: 0;
        display: inline-block
    }
    .already_member h4 {
        padding-top: 9px
    }
    .facebook_login {
        background-color: #30477b;
        padding: 8px!important
    }
    .or_content p {
        font-weight: 400;
        margin-bottom: 0
    }
    .fb_icon img {
        height: 23px
    }
    .fb_icon p {
        font-size: 15px;
        padding-left: 0;
        padding-top: 3px
    }
    .dating_content h1 {
        font-size: 34px;
        line-height: 43px
    }
    .dating_content p {
        font-size: 16px;
        line-height: 22px
    }
    .full_div {
        padding: 10px 0 0
    }
    div.fb_icon p {
        font-size: 16px;
        padding-top: 0!important
    }
    .content_div {
        padding: 0 0 25px
    }
    div.signup_div {
        padding: 15px
    }
    .extra-wrap.slog_txt p {
        font-size: 27px;
        line-height: 33px;
        width: 100%
    }
    .block_2 .slog_txt strong {
        width: 100%;
        float: left;
        text-align: center
    }
    .find_love {
        padding: 50px 0 0
    }
    .content_box.block_2 {
        width: 100%;
        margin: 0 auto
    }
    .couples_div h1 {
        font-size: 25px;
        font-family: webfontbold;
        padding: 0;
        margin: 0;
        line-height: 29px
    }
    .profile.col-md-12.col-sm-12.col-xs-12 {
        padding: 20px 0 30px
    }
    .profile .container h1 {
        font-size: 25px
    }
    #tabs-join div.fb_icon p,
    .profile .container h4 {
        font-size: 15px
    }
    .profile_carousel_div {
        padding: 0
    }
    .couples_div {
        padding: 30px 0 0
    }
    .select_div select {
        background-color: rgba(194, 191, 189, .6);
        height: 35px
    }
    .member_div div.sys-service-menu-wrp {
        position: initial;
        text-align: right;
        height: auto
    }
    .member_div .sys-service-menu {
        float: none;
        display: inline-block;
        line-height: normal;
        padding: 12px 0
    }
    .sys-service-menu-wrp span.sys-smp-title {
        display: inline-block!important
    }
    #tabs-join div.signup_div {
        padding: 12px
    }
    #tabs-join div.fb_icon {
        padding-left: 0
    }
    #tabs-login .sys-auth.bx-def-margin-sec-top.clearfix a {
        font-size: 13px!important
    }
    #login_div .sys-auth .bx-btn .sys-icon {
        margin-right: 10px;
        font-size: 22px
    }
    .footer_last_cont.wow.fadeInRight {
        padding-left: 9px
    }
    .trauma .content .search form.form-inline label[for=gender] {
        margin-left: 5px
    }
    .trauma div.content .search form.form-inline label {
        margin-bottom: 5px!important
    }
    .search form select {
        margin-bottom: 15px
    }
    #search_firstmeet .online_only {
        margin-left: 10px!important
    }
    .online_tick {
        margin-left: 13px;
        display: block!important
    }
    #spynotfiy::before {
        right: 52px;
        left: auto
    }
    #spynotfiy {
        top: 50px;
        margin: 0;
        right: -47px
    }
    .event_info {
        width: 82%;
        font-size: 12px
    }
    #spynotfiy .thumb_wrapper {
        width: 18%;
        float: left
    }
    #spynotfiy .spy_events_wrapper.bx-def-margin-sec-top.spy_events_wrapper_menu_member {
        padding: 8px 8px 6px
    }
    #spynotfiy .viewall {
        padding-right: 3px;
        font-size: 13px
    }
    #loadMore {
        padding-left: 3px!important;
        font-size: 13px
    }
    #spynotfiy .notifyitem {
        height: 205px
    }
    #spynotfiy .event_info {
        font-size: 12px
    }
    .header_div {
        padding: 5px 10px
    }
    .notifyitem div.trauma .content .message {
        padding-bottom: 0;
        padding-top: 0
    }
    .online_details {
        display: block!important;
        padding-left: 56px
    }
    div.index_mail_block {
        padding-top: 0
    }
    .find_love2 img {
        width: auto
    }
    .moduletable.newsletter .acymailing_module_form .acymailing_form .acysubbuttons {
        left: 0
    }
    .trauma .moduletable.newsletter .acymailing_module_form .acymailing_introtext {
        font-size: 14px!important;
        line-height: 24px!important
    }
    footer .about p {
        padding-right: 40px
    }
    .profile_activate_block {
        width: 400px
    }
    .menu-icons .coin_img {
        width: 22px;
        height: 22px
    }
    .online {
        top: 25px
    }
	
    .container-fluid.carosuel-back {
        padding-left: 50px;
        padding-right: 50px;		
				position: relative;	
    }
	
	
    #owl-demo.spalsh_profile_carousel .owl-prev {
        left: -45px
    }
    #owl-demo.spalsh_profile_carousel .owl-next {
        right: -45px
    }
    .full_div .sys_main_menu {
        top: 26px
    }
    .container.header_profile_container {
        width: 80%!important
    }
    .not_logged.sys_signup .sys_main_content.sys_main_page_width {
        padding-top: 90px
    }
    .not_logged .content_div {
        background-position: 26% center
    }
    .flexnav li {
        padding: 1px 10px!important
    }
    .sys_agb .block_header,
    .sys_faq .block_header,
    .sys_help .block_header,
    .sys_impressum .block_header {
        font-size: 12px;
        padding: 6px 10px
    }
    .sys_agb .boxContent h2,
    .sys_faq .boxContent h2,
    .sys_help .boxContent h2,
    .sys_impressum .boxContent h2 {
        font-size: 15px;
        padding-left: 10px;
        padding-right: 10px;
        margin: 10px 0
    }
    .sys_agb .boxContent p,
    .sys_faq .boxContent p.sys_help .boxContent p,
    .sys_impressum .boxContent p {
        font-size: 14px;
        line-height: 24px;
        padding-left: 10px;
        padding-right: 10px
    }
    .sys_agb .boxContent .info-page h2,
    .sys_faq .boxContent .info-page h2,
    .sys_help .boxContent .info-page h2,
    .sys_impressum .boxContent .info-page h2 {
        font-size: 15px;
        padding-left: 10px;
        padding-right: 10px;
        margin: 10px 0
    }
    .sys_agb .boxContent .info-page p,
    .sys_faq .boxContent .info-page p,
    .sys_help .boxContent .info-page p,
    .sys_impressum .boxContent .info-page p {
        font-size: 14px;
        line-height: 24px;
        padding-left: 10px;
        padding-right: 10px
    }
    .follow {
        font-size: 14px!important
    }
    .not_logged .sys_main_content.sys_main_page_width {
        padding-top: 70px!important
    }
    .homepage_container.not_logged .sys_main_content.sys_main_page_width {
        padding-top: 0!important
    }
    .sys_agb .disignBoxFirst.bx-def-margin-top.bx-def-border,
    .sys_faq .disignBoxFirst.bx-def-margin-top.bx-def-border,
    .sys_help .disignBoxFirst.bx-def-margin-top.bx-def-border,
    .sys_impressum .disignBoxFirst.bx-def-margin-top.bx-def-border {
        width: 100%
    }
    .prof_act_box .message,
    .prof_act_box .message .featured_blocks.bx-def-bc-padding {
        padding-left: 0;
        padding-right: 0
    }
    .header_profile_img img {
        width: 30px;
        height: 30px
    }
    .menu-icons, .menu-icons ul {
        display: flex !important;
    }
    .User_Menu{
        display: none;
    }
    #myTopnav {
        top: 60px;
        right:0;
    }
    .header_profile_img {
        margin-right: 5px
    }
    .header_details  .menu-button .touch-button {
    top: 1px !important;
}
}

@media(max-width:640px) {
    .online_details,
    .online_tick {
        display: inline-block!important
    }
    .online_tick {
        margin-left: 13px
    }
}

@media(max-width:600px) {
    .image_container {
      padding-left: 60px !important;
    }

    #slider-carousel-12 .item img,
    .members .home_members_online .item img {
        max-width: 100%
    }
    .members .home_members_online .item,
    div#slider-carousel-12 .item {
        max-width: 100%;
        width: 55%
    }
  
    .member_div .menu-icons {
      max-width: 100%;
    }
}


@media(max-width:480px) {
  .icon_3.msg_bundle {
    margin-left: 10px;
  }
  
    /* Menu Buttons ---------------------------------- */
  
    .menu-icons .coin_img {
      margin-left: 80px;
    }
  
  /*
    #user_coin_head.icon_top {
        margin-left: 75px;
        top: -19px;
    }
  */
    

    .icon-speech-bubble {
        margin-left: 10px;
    }
    
    
    .icon_top.hide-click{
        margin-left: 10px;
        top: -19px;
    }
       

    .header_profile_img {
     margin-left: -20px;
    }
    
  
    
    
    /* Menu Buttons Ende ---------------------------------- */
    

    .icon_top {
      top: -19;
    }
    .image_container {
      padding-left: 0px !important;
    }
   .member_div .menu-icons {
      max-width: 100%;
    }
    .fb_icon,
    div.fb_icon,
    div.fb_icon p {
        padding-left: 0
    }
    .online_details,
    .online_tick {
        margin-top: 10px
    }
    .fb_icon {
        padding-right: 0
    }
    div.fb_icon p {
        font-size: 16px;
        padding-top: 3px!important
    }
    .moduletable.newsletter .acymailing_module_form .acymailing_introtext {
        text-align: left!important
    }
    .sys_footer .moduletable.newsletter .acymailing_module_form .acymailing_introtext::before {
        left: -42px;
        display: none
    }
  
    .full_div .trauma .menu-icons ul li {
        margin-right: 11px!important
    }
  
    div.trauma div.menu-icons ul {
        right: 190px
    }  
    .sys_logo_wrapper_cnt.logo {
        width: auto !important
    }
    div.member_div {
        width: 68%!important
    }
    div.full_div {
        padding: 0
    }
    div.content_div {
        padding-top: 125px!important
    }
    .member_div div.sys-service-menu-wrp {
        text-align: center
    }
    .member_div .sys-service-menu,
    .signup_page_form .email_div {
        padding: 0
    }
    .signup_page_form .email_div>.col-xs-12 {
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 5px
    }
    .signup_page_form div.or_content p::after,
    .signup_page_form div.or_content p::before {
        width: 35%
    }
    .online_tick {
        margin-left: 0;
        display: block!important
    }
    #demo {
        padding-top: 0
    }
    .event_info {
        width: 86%
    }
    #spynotfiy .thumb_wrapper {
        width: 14%;
        float: left
    }
    #spynotfiy .notifyitem {
        height: 165px
    }
    div.sys-sm-item-submenu {
        top: 149px!important
    }
    footer .about p {
        padding-right: 0
    }
    footer .about h4 {
        margin-top: 42px!important
    }
    .trauma .moduletable.newsletter .acymailing_module_form .acymailing_introtext {
        letter-spacing: 0!important
    }
    .profile_activate_block {
        width: 290px
    }
    .carousel_block .owl-prev {
        left: 20px
    }
    .carousel_block .owl-next {
        right: 20px
    }
    .full_div .sys_main_menu {
        top: 60px
    }
    .content.containerback .message {
        width: 200px;
        padding: 0!important
    }
    .container.header_profile_container {
        width: 70%!important
    }
    .carousel_block .swiper-button-next {
        right: 7px
    }
    .carousel_block .swiper-button-prev {
        left: 7px
    }
    #spynotfiy::before {
        right: 66px
    }
    .full_div div.sys_main_menu {
        top: 25px;
        right: 0
    }
    .sys_forgot.not_logged .form_input_submit.bx-btn {
        font-size: 14px;
        padding: 0 10px
    }
    .header_profile_img {
        width: 40px;
        margin-right: 10px
    }
    .header_slider_div .owl-next,
    .header_slider_div .owl-prev {
        top: 50%
    }
    .not_logged .sys_main_content.sys_main_page_width {
        padding-top: 90px!important
    }
    .sys-sm-profile .bx-def-margin-sec-left {
        margin-left: 0;
        margin-right: 0
    }
	
	  .header_div .container {
     left: 110px;
    }
}




@media(max-width:430px) {
  .header_profile_img img {
    margin-left: 3px !important;
  }
  
  .member_div .menu-icons {
      max-width: 100%;
  }
  
  .menu-icons {
     margin-right: 10px!important;
  }
  
  .header_profile_img {
        left: 11%
    }
	
	.header_div .container {
    left: 110px;
   }
	
	.full_div .trauma .menu-icons ul li {
        margin-right: 11px!important
   }
   	 	
}

@media(max-width:420px) {
	
	.full_div .trauma .menu-icons ul li {
        margin-right: 10px!important
   }
	
}


@media(max-width:400px) {
	
.member_div .menu-icons {
  left: 185px;
}
	
	.full_div .trauma .menu-icons ul li {
        margin-right: 9px!important
   }
	
}


@media(max-width:380px) {

.not_logged div.member_div.wow.fadeInRight {      
			  left: 20px;
    }
	
	.full_div .trauma .menu-icons ul li {
        margin-right: 6px!important
   }
}



@media(min-width:375px) and (max-width:400px) {
  .member_div .menu-icons {
    margin-right: 42px !important;
  }
  

   /* Menu Buttons ---------------------------------- */

    .menu-icons .coin_img {
      margin-left: 110px;
    }

    #user_coin_head.icon_top {
        margin-left: 105px;
        top: -19px;
    }


    .icon-speech-bubble {
        margin-left: 1px;
    }


    .icon_top.hide-click{
        margin-left: -2px;
        top: -19px;
    }


    .header_profile_img {
     margin-left: -40px;
    }
    
    
   
  
		    
    /* Menu Buttons Ende ---------------------------------- */
          
}




@media(max-width:370px) {
	
  .active_online_user
	{
    width: 138% !important;
	}

	
  .header_profile_img img {
    max-width: 30px !important;
    max-height: 30px !important;
    margin-left: -15px;
    margin-bottom: -10px;
  }
	
	 .member_div .menu-icons {   
    left: 180px;   
   }
	
	  
   /* Menu Buttons ---------------------------------- */

    .menu-icons .coin_img {
      margin-left: 100px;
    }
  
    .menu-icons {
     margin-right: 5px!important;
    }

    #user_coin_head.icon_top {
        margin-left: 95px;
        top: -19px;
    }


    .icon-speech-bubble {
        margin-left: 5px;
    }


    .icon_top.hide-click{
        margin-left: 1px;
        top: -19px;
    }


    .header_profile_img {
     margin-left: -40px;
    }
  
	
	  .full_div .trauma .menu-icons ul li {
        margin-right: 4px!important
    }
    

    /* Menu Buttons Ende ---------------------------------- */
  
  
  
  .image_container {
    margin-left:-170px!important;
    margin-right: -22px;
  }
  .member_div .menu_icons {
    margin-right: 5px !important;
    padding-left: 30px !important;
  }
    .header_profile_img img {
      max-width: 30px !important;
      max-height: 30px !important;
    }
    .image_container {
      max-width: 20px;
      max-height: 20px;
      padding-left: 10px;
    }
	
   
  
   .member_div .menu-icons {
      max-width: 100%;
    }
  
    #search_firstmeet .online_only {
        margin-top: 10px
    }
    #spynotfiy .notifyitem {
        height: 210px
    }
    .header_profile_img {
        left: 7%
    }
	
	 .header_div .container {
     left: 5px;
    }
}


  .image_container {
    max-width: 30px;
    max-height: 30px;
    margin-left: -150px!important;
  }
  
    .header_profile_img img {
      max-width: 30px !important;
      max-height: 30px !important;
      margin-left: 10px;
      margin-bottom: -10px;
    }
    }
    .image_container {
      max-width: 30px;
      max-height: 30px;
      margin-left: -90px;
    }

    .member_div .menu-icons {
      max-width: 100%;
    }

    .menu-icons {
     margin-right: 15px!important;
    }

    .menu-button .touch-button .navicon {
      margin-top:10px;
    }
    .sys_footer .moduletable.newsletter {
        padding-left: 0;
        padding-top: 0
    }
    .online_label {
        margin-top: 10px!important
    }
    .event_info {
        width: 80%;
        font-size: 11px
    }
    #spynotfiy .thumb_wrapper {
        width: 20%;
        float: left
    }
    #spynotfiy .notifyitem {
        height: 200px
    }
    .film_roll_next,
    .film_roll_prev {
        width: 24px!important
    }
    .trauma .moduletable.newsletter {
        padding-left: 0!important
    }
    div.member_div #sys-service-menu-1508151736 {
        right: -25px!important;
        top: 25px
    }
    div.header_div .member_div #sys-service-menu-1508151736::after {
        margin-left: 103px
    }
    div.header_div .member_div #sys-service-menu-1508151736::before {
        margin-left: 99px
    }
    .header_profile_img {
        left: 2%
    }
}


@media(max-width:340px) {

.active_online_user
	{
    width: 121% !important;
		left: -5vh;
	}
	
	.full_div .trauma .menu-icons ul li {
        margin-right: 2px!important
   }
	
}


@media(max-width:330px) {
	
	.full_div .trauma .menu-icons ul li {
        margin-right: 0px!important
   }
	
}


@media(max-width:1400px) {
    #tabs-join .email_div input,
    #tabs-join .select_div select {
        margin-bottom: 6px!important
    }
    #join_form .email_div input {
        height: 35px!important
    }
    .dating_content h1 {
        font-size: 43px
    }
}

@media(max-width:1200px) {
 
    .image_container {
      padding-left: 60px;
    }
	
    .header_profile_img p {
      color: #fff;
      font-size: 16px;
      text-transform: capitalize;
      font-family: 'open sans';
      font-weight: 600;
      position: absolute;
      right: -60px;
    }
    .member_div .menu-icons{
      max-width: 100%;
			left: 60px;
      position: fixed;
    }
  
   .menu-icons {
     margin-right: -20px!important;
    }
  
    .dating_content h1 {
        font-size: 36px
    }
    .dating_content p {
        font-size: 15px
    }
}

@media(max-width:992px) {
    .email_div input,
    .select_div select {
        height: 30px
    }
    .email_div input {
        height: 30px!important
    }
    .dating_content h1 {
        font-size: 27px;
        line-height: 35px
    }
    .dating_content p {
        font-size: 14px;
        line-height: 22px
    }
    .header_profile_img {
        margin-right: 20px
    }
    .header_profile_img p {
        font-size: 14px;
        max-width: 155px
    }
    .content_back1 a {
        color: #fff!important;
        padding-left: 20px!important;
        margin-bottom: 20px
    }
    .content_back1 a:last-child {
        padding-left: 90px!important
    }
  
   .menu-icons {
     margin-right: 10px!important;
  }	
	
	.member_div .menu-icons {   
    left: 0px;   
   }
	
}

@media(max-width:830px) {

 .member_div .menu-icons {
    left: 10px;
   } 
}


@media(max-width:767px) {
    .sys_root > .full_div{max-height: 510px !important;height: 10px !important;}
    .email_div input,
    .select_div select {
        margin-bottom: 16px!important
    }
    .fb_icon i {
        padding: 0
    }
    .fb_icon.fb_icon1 i {
        font-size: 26px
    }
    div.fb_icon p {
        padding-left: 0
    }
    #tabs-join div.fb_icon p {
        font-size: 13px;
        padding-top: 5px!important
    }
    #tabs-login .sys-auth.bx-def-margin-sec-top.clearfix a {
        padding-left: 0;
        padding-right: 0
    }
    #tabs-login .sys-flj-content.sys-form-login {
        padding: 0 17px 17px;
        margin-top: 0
    }
    .full_div .sys_main_menu {
        z-index: 99999
    }
    .not_logged div.sys-service-menu div.sys-sm-profile {
        padding-top: 0
    }
    .header_profile_img p {
        display: none
    }
    .signup_page_form.signup>h1 span {
        font-size: 15px
    }
    .signup_page_form h2 {
        font-size: 14px
    }
    .signup_list_types li {
        font-size: 13px
    }
    .signup_list_types {
        padding-left: 10px
    }
    .header_profile_img {
        margin-right: 20px;
        margin-top: 0;
    }
    div.full_div .trauma .menu-icons ul li{
        margin-top: 0;
			  height: 50px;
    }
    .content_back1 a {
        padding-left: 25px;
        display: inline-block;
        margin-bottom: 20px
    }
    .not_logged .header_div{
        background-color: transparent !important;
    }
		
}





@media(max-width:767px) {
    .loging_wrap{  
        width: 50% !important;
    }
	.sys_mc .sys_page_index .page_column .page_block_container:first-child{
		height:auto !important;
	}
    .logedin_one .container{
        flex-direction: column;
    }
    .User_Menu ul{
        justify-content: center;
    }
    .User_Menu li {
        border-right: 2px solid #ff2d2d;
    }
    .User_Menu a{
        padding: 7px 7px 3px;
        font-size: 19px;
    }
  
  .menu-icons {
     margin-right: 20px!important;
  }
	
 .member_div .menu-icons {
    left: 200px;
  }
}




@media(max-width:480px) {
    .signup_div .subtext {
        padding: 10px
    }
    .signup_page_form .email_div .select_div1 select,
    .signup_page_form .email_div select {
        padding: 0 1px!important
    }
    .signup_page_form .email_div .select_div1 select,
    .signup_page_form .email_div input,
    .signup_page_form .email_div select {
        font-size: 12px!important
    }

    .User_Menu a{
        padding: 7px 4px 3px;
        font-size: 13px;
    }
	
    .sys_logo_wrapper_cnt.logo{
        width:auto;
        display: flex;
        align-items: center;
        justify-content: center;
    }
  
  
  .menu-icons {
     margin-right: 5px!important;
  }
	
	.loging_wrap{		
		padding: 5px;		
    position: relative;
	}
	
	#owl-demo.spalsh_profile_carousel {
    padding: 1px 0;
  }
	
	#owl-demo.spalsh_profile_carousel .item img {
		width: 40% !important;
	}
	
.member_div .menu-icons {
  left: 200px;
}
  
}






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

@media(min-width:768px) {
    .image_container {
      margin-left: 180px;
    }
    body {
        width: 100%;
        height: 100%;
        overflow-x: hidden
    }
    body.scrrolled {
        overflow-x: auto;
        height: auto
    }
}

@media(min-width:992px) and (max-width:1199px) {
    .header_profile_img img {
      width: 50px;
      height: 50px;
      cursor: pointer;
      border-radius: 50%;
      transition: all .5s ease-out 0s;
      position: absolute;
      top: 0px;
      right: 30px;
    }
	
    .full_div .trauma .menu-icons ul li:last-child {
      padding-left: 10px;
      margin-left: 30px;
    }
    .image_container {
      margin-left: 0px;
    }
    .menu-icons {
      margin-right: 10px !important;
    }
    .User_Menu a {
      font-size: 20px !important;
      padding: 12px 13px 3px !important;
    }
    .search-cont1 div#search-left,
    .search-cont1 div#search-right {
        padding: 0!important;
        width: 50%!important
    }
    .search-cont1 {
        padding: 0!important
    }
    div.search-cont1 button {
        margin-right: 0;
        width: 80%!important
    }
    .left-padding {
        width: 20%
    }
    .message-no {
        padding: 0;
        text-align: center
    }
    .message-no h3 {
        font-size: 18px
    }
    #slider-carousel .hoverfx .overlay {
        padding: 63% 37% 63% 63%
    }
    div.signup {
        padding-left: 55px!important
    }
    div.splash-footer img {
        margin-left: 20px
    }
    div.splash-welcome h1 {
        width: 65%
    }
    .splash-footer .splash-foot-icon {
        padding-right: 20px
    }
    .col-md-8.col-sm-8.col-xs-12.splash-banner-cont {
        width: 66.66666667%!important;
        margin-left: 0!important
    }
    #myCarousel .carousel-control img {
        width: 100%
    }
    div.splash-banner h2 {
        font-size: 35px;
        padding-top: 76px;
        line-height: 45px
    }
    .splash-banner a.btn-warning {
        width: auto
    }
    .trauma.menu-list ul.topnav {
        display: block!important
    }
    div.full_div .trauma.menu-list ul li a {
        font-size: 18px;
        padding: 0 13px
    }
    div.full_div .trauma.menu-list ul li {
        border-right-width: 2px
    }
    .unread_msg_content {
        width: 78%;
        float: left
    }
    .header_profile_div {
        margin-top: 34px
    }
    .container.message.unread_msg_block {
        margin-top: 30px
    }
}

@media(min-width:768px) and (max-width:992px) {
    .cont-carousel-2,
    .message {
        padding-left: 10px;
        padding-right: 10px
    }
    .carosuel-back,
    .container-fluid.splash-footer,
    .search,
    .splash-recent .thumbnail,
    div.splash-contact {
        height: auto
    }
    .search {
        padding-bottom: 30px
    }
    .left-padding {
        width: 20%;
        padding-left: 10px
    }
    .message-no h3 {
        font-size: 17px
    }
    .search h2 {
        padding-top: 0
    }
    #slider-carousel-2 .item {
        width: 185px
    }
    #footer-copy1 p,
    div.splash-footer .splash-foot-icon {
        padding: 0
    }
    div.splash-footer div img {
        max-width: 130px;
        margin: 0
    }
    .splash-foot-icon i {
        margin: 0 5px
    }
    .splash-footer div.splash-foot-icon {
        margin: 0 0 15px;
        padding-top: 65px
    }
    #cont-p,
    #cont-p1 {
        padding-top: 5px
    }
    div.splash-contact-icon {
        margin-top: 10px
    }
    .splash-contact-border {
        border-bottom: 4px solid #363636;
        border-right: none;
        height: auto
    }
    div.splash-contact h2 {
        padding-top: 0
    }
    .splash-contact {
        padding: 40px 0
    }
    div.splash-banner-1 {
        margin: 0 auto;
        float: none;
        width: 270px
    }
    .col-md-8.col-sm-8.col-xs-12.splash-banner-cont {
        width: 100%!important;
        margin-left: 0!important;
        padding: 10px 0 30px
    }
    #myCarousel .carousel-control img {
        width: 100%
    }
    div.splash-banner h2 {
        font-size: 35px;
        padding-top: 10px;
        line-height: 45px
    }
    .splash-banner a.btn-warning {
        width: auto;
        margin-top: 10px
    }
    div.splash-video h1 {
        font-size: 38px
    }
    div.splash-welcome h1 {
        width: 70%;
        font-size: 45px
    }
    div.splash-welcome p {
        padding: 20px 0;
        font-size: 18px;
        line-height: 28px
    }
    .splash-welcome .info,
    .splash-welcome .login {
        font-size: 22px;
        width: auto;
        padding: 5px 15px
    }
    .owl-carousel .owl-item img {
        width: auto!important;
        padding: 0!important
    }
    #owl-demo .item {
        max-width: 240px;
        position: relative;
        margin: 0 auto
    }
    div.left-padding {
        padding-left: 1.5%!important;
        padding-right: 1.5%!important
    }
    .header_div div.header_details {
        padding-top: 0;
        top: 0;
        background: 0 0;
        position: relative
    }
    div.full_div {
        height: 50px
    }
    .members .home_members_online .item {
        max-width: 180px
    }
    .members .home_members_online .item img {
        height: 180px
    }
    #slider-carousel-12 .item {
        max-width: 240px
    }
    #slider-carousel-12 .item img {
        height: 230px
    }
    .unread_msg_content {
        width: 68%;
        float: left
    }
    .header_div.header_block {
        padding-top: 10px;
        padding-bottom: 25px;
    }
    div.sys_main_logo {
        min-height: 100px!important
    }
    .not_logged div.sys-service-menu div.sys-sm-profile {
        padding-top: 0
    }
    .not_logged .member_div.wow.fadeInRight {
        padding-top: 20px
    }
    .container-fluid.splash-footer {
        padding-bottom: 60px
    }
}





@media(min-width:992px) 
{
   .full_div .trauma .menu-icons ul li:last-child 
	  {       
	      margin-left: 0px; 		
			  margin-right: 14px !important;
    }
	
    .full_div .sys_main_menu {
        top: auto;
        padding-top: 0;
        bottom: 0;
        position: absolute;
        width: 100%;
    }
    .not_logged .sys_root div.full_div {
        /*background: rgba(0, 0, 0, 1)!important;*/
        position: fixed;
        z-index: 9999
    }
}

@media(min-width:1400px) {
    .not_logged .container {
        width: 100%;
        max-width: 100%;
        padding-left: 50px!important;
        padding-right: 50px!important
    }
    #join_form_pop div.signup_div {
        width: 455px!important;
        float: right!important
    }
    .container.header_profile_container {
        width: 100%
    }
    .container.message.unread_msg_block,
    .sys_footer .container {
        width: 100%!important
    }
    .header_profile_div {
        padding-left: 135px!important;
        padding-right: 135px!important
    }
    .carousel_block .swiper-button-prev {
        left: 70px
    }
    .carousel_block .swiper-button-next {
        right: 70px
    }
    .conatainer-fluid.footer-top,
    .container-fluid.footer,
    .unread_msg_div {
        padding-left: 125px!important;
        padding-right: 125px!important
    }
    .splash-welcome p {
        width: 1110px;
        margin: 0 auto
    }
    .footer_logo {
        text-align: left
    }
    .splash-footer img {
        margin-left: 15px
    }
    #footer-copy1 {
        width: 260px!important
    }
    .splash-footer .splash-foot-icon {
        width: 56%!important
    }
    .popup_form_wrapper.trans_box .container {
        padding: 0!important
    }
    .carosuel-back #owl-demo.spalsh_profile_carousel .owl-prev {
        left: -47px
    }
    .carosuel-back #owl-demo.spalsh_profile_carousel .owl-next {
        right: -47px
    }
    .signup {
        padding-top: 150px!important
    }
    .index_online_block,
    .index_online_empty_block {
        padding-left: 120px!important;
        padding-right: 120px!important
    }
    .index_online_block .container,
    .index_online_empty_block .container {
        width: 100%
    }
}

@media(min-width:1640px) {
    .not_logged .header_div .container {
        min-width: 1500px
    }
	
		
    #join_form_pop div.signup_div {
        width: 550px!important;
        float: right!important
    }
}

@media(min-width:1800px) {
    .not_logged .header_div .container {
        min-width: 1650px
    }
    .splash-recent .thumbnail {
        height: 560px
    }

    .splash-footer .splash-foot-icon {
        width: 65%!important
    }
    .index_online_block .active_user-container .active_user {
        width: 20%!important
    }
    padding-right: 0
    .active_user-container .active_online_user,
    .active_user-container .active_online_user .active_image img {
        max-height: 293px!important;
        min-height: 293px!important
    }
	
	.full_div .trauma .menu-icons ul li:last-child 
	  {       
	      margin-left: 0px; 		
			  margin-right: 20px !important;
    }
}



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



@media (min-width:340px) {
  
    .not_logged .header_div .container .logo {     
       left: 50px;
    }
}


@media (min-width:540px) {
    .not_logged .header_div .container {
        position: relative !important;
    }
    .not_logged .header_div .container .logo {     
			 position: absolute;
       left: 100px;
    }
    .not_logged .header_div .container .logo a{
        position: absolute !important;
        left: 10% !important;
        top: 10px !important;
    }
    .not_logged .header_div .container .trauma .member_div{
        position: unset !important;
    }
    .not_logged .header_div .container .trauma input{
        position: absolute !important;
        right: 10% !important;       
    }
	
	  .sys_logo_wrapper_cnt.logo {
			  left: -130px;
    }
	
	.swipe_img
	 {
     display: none;
   }
}




@media (min-width:768px) {
    .image_container {
      max-width: 30px;
      max-height: 30px;
      margin-left: -90px;
      margin-right: -90px;
    }
  
    .header_profile_img img {
      min-width: 60px;
      min-height: 60px;
      cursor: pointer;
      border-radius: 50%;
      transition: all .5s ease-out 0s;
      margin-top: -60px;
      margin-right: 40px;
  }
    .member_div .menu-icon {
      margin-right: 80px !important;
    }
    .not_logged .sys_root div.full_div {
        background: rgba(0, 0, 0, .5)!important;
        position: fixed;
        z-index: 9999
    }
    .sys_logo_wrapper_cnt.logo {
			  left: -140px;
    }
    .not_logged .sys_logo_wrapper_cnt.logo {
        height: 70px
    }
    .member_div {
        width: auto!important
    }
    .email_div input,
    .select_div select {
        margin-bottom: 6px!important
    }
    .email_div {
        padding-top: 0!important
    }
    .signup_button {
        margin-bottom: 10px;
        margin-top: 0
    }
    .not_logged .content_div {
        padding-top: 70px;
        top: 0
    }
}


@media(min-width:992px) {
    .full_div .trauma .menu-icons ul li:last-child {
      margin-right: -20px;
    }
    .header_profile_img img {
      margin-top:1px;
      margin-right:0px;
    }
    .member_div .menu-icon {
      margin-left: 200px;
    }
    .User_Menu {  
      padding-top: 5px;
			left: -140px;
      position: inherit;
    }
    .not_logged .content_div {
        top: 0
    }
    .signup {
        padding-top: 100px!important
    }
    .dating_content {
        padding: 100px 27px 0 0!important
    }
}


@media(min-width:1000px) {
	
.sys_logo_wrapper_cnt.logo {
        width: auto !important;
        height: 55px;
			  left: -260px;
    }	
		
	.User_Menu {
		padding-top: 5px;
		left: -220px;
		position: inherit;
	}
	
}

@media (min-width:1200px) {
    div.find_love3 {
        padding-right: 0
    }
    .not_logged div.member_div.wow.fadeInRight {
        height: auto;
        top: 0
    }
	
	 .sys_logo_wrapper_cnt.logo {
			  left: 0px;
    }

    .image_container {
      padding-left: 40px;
    }
    .header_profile_img p {
      color: #fff;
      font-size: 16px;
      text-transform: capitalize;
      font-family: 'open sans';
      font-weight: 600;
      position: absolute;
      right: -60px;
    }
    
    .header_profile_img img {
      margin-right: -5px;
    }
    
    .member_div .menu-icons{
      max-width: 100%;
    }
   
  
    .dating_content {
        padding: 100px 27px 0 0!important
    }
}


@media (min-width:1240px) {
    .header_div .container {
        min-width: 1220px
    }
    .container {
        padding-left: 0!important;
        padding-right: 0!important
    }
}

@media(min-width:1400px) {
    .image_container {
      padding-left: 40px;
    }
    .header_profile_img p {
      color: #fff;
      font-size: 16px;
      text-transform: capitalize;
      font-family: 'open sans';
      font-weight: 600;
      position: absolute;
      right: -60px;
  }
    .header_profile_img img {
      margin-right: -260px;
    }
    .member_div .menu-icons{
      max-width: 100%;
    }
    .full_div .trauma .menu-icons ul li:last-child {
      left: 90px !important;
    }
    .signup {
        padding-top: 150px!important
    }
    #tabs-join .email_div input,
    #tabs-join .select_div select {
        margin-bottom: 10px!important
    }
    .dating_content {
        padding: 235px 27px 0 0!important
    }
}



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



@media(max-height:1600px) {
	
	.container-fluid.carosuel-back {
    top: 50vh;
  }
		
}	

@media(max-height:1100px) {
	
	.container-fluid.carosuel-back {
    top: 40vh;
  }	
}	




@media(max-height:900px) {
	
	.container-fluid.carosuel-back {
    top: 29vh;
  }
	
}	

@media(max-height:780px) {
	
	.container-fluid.carosuel-back {
    top: 15vh;
  }
	
}		
	
@media(max-height:740px) {
	
	.container-fluid.carosuel-back {
    top: 30vh;
  }	

}

@media(max-height:660px) {
	
	.container-fluid.carosuel-back {
    top: 25vh;
  }	

}
			
@media(max-height:520px) {
	
	.container-fluid.carosuel-back {
    top: 0px;
  }	
	
			
}