/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}


/*Date picker container*/ bs-datepicker-container {
    z-index: 15000;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

/*.picker__holder,
.picker__frame,
.picker--opened .picker__holder {
    transition: none !important;
}*/

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after,
    q:before, q:after {
        content: '';
        content: none;
    }

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/**** END RESET ****/

html, body {
    font-size: 16px;
    /* font-family: 'Myriad Pro'; */
    font-family: Arial, sans-serif;
    /* font-family: "Trebuchet MS", sans-serif; */
    /* font-family: Verdana, sans-serif; */
    height: 100%;
    /* width: 100%;*/
    /* overflow-x: hidden; */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #000;
    background: #fff;
    line-height: 1.334;
}
.index .page {overflow-x: hidden;}
.group:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: "";
    clear: both;
    height: 0;
}

h1, h2, h3, h4, h5, h6 {
    line-height: 1.2em;
}

p + p {
    margin-top: 19px;
}

strong {
    font-weight: bold;
}

em {
    font-style: italic;
}

a {
    color: #e47e04;
    text-decoration: none;
}

    a:hover,
    a:active {
        text-decoration: underline;
    }


.page {
    /* min-width: 1285px; */
}

.testimonials .page,
.dating-advice .page,
.dating-services .page,
.services .page,
.member-protection .page,
.online-safety .page,
.travel-safety .page,
.terms-of-use .page,
.legal-notices .page,
.privacy-policy .page,
.press .page,
.contact .page {/*overflow-x: hidden; */}

input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

input:disabled {
    color: rgb(85, 85, 85) !important;
}

hr {
    display: block;
    border: 0 none;
    background: transparent;
    height: 0;
    border-top: 1px solid #e7e7e8;
    margin: 0 auto;
}

.br-mobile {
    display: none;
}


body .btn {
    font-size: 1.04rem;
    padding: 0.72em 1.38em;
    display: inline-block;
    background: #767068;
    -webkit-box-shadow: inset 0px -40px 37px -23px rgba(82, 79, 75, 1);
    -moz-box-shadow: inset 0px -40px 37px -23px rgba(82, 79, 75, 1);
    box-shadow: inset 0px -40px 37px -23px rgba(82, 79, 75, 1);
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: none;
    letter-spacing: 0.03em;
    cursor: pointer;
    border: 0 none;
    outline: none;
}



    body .btn:hover,
    body .btn:active {
        /*color: #f19222;*/
        /*color: #bbb1b4;*/
        background: #5a544c;
        -webkit-box-shadow: inset 0px -40px 37px -23px rgba(64, 61, 58, 1);
        -moz-box-shadow: inset 0px -40px 37px -23px rgba(64, 61, 58, 1);
        box-shadow: inset 0px -40px 37px -23px rgba(64, 61, 58, 1);
    }


body .btn-big {
    font-size: 1.39rem;
    padding: 1rem;
    background: #46a729;
    -webkit-box-shadow: inset 0px -40px 37px -23px rgba(54, 130, 32, 1);
    -moz-box-shadow: inset 0px -40px 37px -23px rgba(54, 130, 32, 1);
    box-shadow: inset 0px -40px 37px -23px rgba(54, 130, 32, 1);
    /*margin: 1.13em 0 0;*/
    border-radius: 0.31em;
    width: 100%;
}

body .btn-small {
    font-size: 1rem;
    text-transform: none;
}

body .btn-big:hover,
body .btn-big:active {
    /*color: #fff;*/
    background: #f29321;
    -webkit-box-shadow: inset 0px -40px 37px -23px rgba(220, 134, 30, 1);
    -moz-box-shadow: inset 0px -40px 37px -23px rgba(220, 134, 30, 1);
    box-shadow: inset 0px -40px 37px -23px rgba(220, 134, 30, 1);
}

body .btn-green {
    background: #46a729 !important;
}

    body .btn-green:hover,
    body .btn-green:active {
        background: #f29321 !important;
    }


body .btn-dark {
    background: #4e4a46;
}

    body .btn-dark:hover,
    body .btn-dark:active {
        background: #413d3a;
    }

body .btn-flat {
    box-shadow: none !important;
}

body .btn-rounded {
    border-radius: 5px;
}
/* @media screen and (-webkit-min-device-pixel-ratio:0) {
    select:focus,
    textarea:focus,
    input:focus {
      font-size: 16px !important;
    }
} */
select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}
option:not(:checked) {
    color: black; /* prevent <option>s from becoming transparent as well */
}

.icon {
    display: inline-block;
    position: relative;
    width: 37px;
    height: 37px;
    overflow: hidden;
    text-indent: -9999px;
}

    .icon:after {
        content: '';
        display: block;
        background: transparent url(../images/sprite.v3.png) no-repeat 0 0;
        position: absolute;
        top: 0;
        left: 0;
        width: 37px;
        height: 37px;
    }

.icon-size-large {
    width: 200px;
    height: 145px;
}

.icon-woman-checkmark:after {
    background-position: 0 0;
    width: 163px;
    height: 110px;
    left: 18px;
    top: 15px;
}

.icon-technologies:after {
    background-position: 0 -123px;
    width: 165px;
    height: 87px;
    left: 17px;
    top: 34px;
}

.icon-globe:after {
    background-position: -191px -5px;
    width: 104px;
    height: 100px;
    left: 48px;
    top: 22px;
}

.icon-blogger:after {
    background-position: 0 -242px;
}

.icon-facebook:after {
    background-position: -46px -242px;
}

.icon-twitter:after {
    background-position: -96px -242px;
}

.icon-google-plus:after {
    background-position: -144px -242px;
}





.topbar {
    height: 101px;
    border-bottom: 1px solid #7f7a77;
    /* background: #e9e8e7; */
    background: #E4ECF2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    /*
    position: relative;
    z-index: 5;
    */
}

    .topbar.topbar-white-bg {
        background: #fff;
    }

    .topbar.topbar-whiteish-bg {
        /* background: #f8fafb; */
        background: #fff;
    }

    .index .topbar {
        border-bottom: none;
    }

.topbar-in {
    /*
    position: relative;
    z-index: 3;
    */
    width: 90%;
    max-width: 1285px;
    margin: 0 auto;
    line-height: 2.25rem;
}

.index .topbar-in {
    position: relative;
    z-index: 3;
}

.top-logo {
    float: left;
}

    .top-logo img {
        vertical-align: middle;
    }

.top-join {
    float: right;
    font-weight: bold;
    font-size: 15px;
    color: #635f5a;
    text-transform: uppercase;
    letter-spacing: 0.015em;
}

    .top-join .btn {
        padding-top: 0;
        padding-bottom: 0;
        margin-left: 1.37em;
    }

.images-bar {
    overflow: hidden;
    background: #f5f8fa;
}

    .images-bar ul {
        position: relative;
        float: left;
        left: 50%;
        white-space: nowrap;
    }

    .images-bar li {
        line-height: 0;
        display: inline-block;
        position: relative;
        right: 50%;
    }



.top-main-join {
    /* background: #e9e8e7; */
    background: #e5e5e5;
    position: relative;
}
/* 
    .top-main-join:before {
        content: '';
        position: absolute;
        top: -102px;
        right: 50%;
        right: calc(50% + 840px);
        left: 0;
        height: 884px;
        background: url(../images/landingpage/top_image_bg_repeat.jpg) repeat-x left top;
        z-index: 0;
    }

    .top-main-join:after {
        content: '';
        position: absolute;
        top: -102px;
        right: 0;
        left: 50%;
        left: calc(50% + 840px);
        height: 884px;
        background: url(../images/landingpage/top_image_bg_repeat_right.jpg) repeat-x left top;
        z-index: 0;
    } */

.top-main-join-in {
    height: 782px;
}

    /* .top-main-join-in:before {
        content: '';
        position: absolute;
        right: 0;
        left: 0;
        margin: 0 auto;
        display: block;
        background: url(../images/landingpage/top_image_bg.jpg) no-repeat center top;
        height: 782px;
        z-index: 1;
    } */
    .top-main-join-in {
        background: url(../images/landingpage/top_image_bg.jpg) no-repeat center top;
        background-size: cover;
    }
    .top-main-join-tagline {
        display: none;
    }

.top-main-join-bg {
    line-height: 0;
}

    .top-main-join-bg img {
        float: right;
    }

.top-main-join-tagline {
    position: absolute;
    bottom: 140px;
    right: 50%;
    /*margin-right: -523px;*/
    margin-right: -607px;
    font-size: 27px;
    color: #c2beba;
    line-height: 1.26;
    font-weight: 600;
    text-align: right;
    z-index: 2;
}

    .top-main-join-tagline strong {
        color: #fff;
        font-weight: bold;
        font-size: 48px;
    }

    .top-main-join-tagline p + p {
        margin-top: 10px;
    }

.join-box {
    padding: 17px 45px;
    background: #fff;
    font-size: 13px;
    text-align: center;
    /* font-family: Verdana, sans-serif; */
    /*color: #625d57;*/
    color:95928e;
}

.top-main-join-box {
    position: absolute;
    left: 50%;
    top: 76px;
    width: 306px;
    margin-left: -642px;
    z-index: 3;
}

.slicknav_menu
{
    display:none;
}

.join-box h3 {
    font-size: 38px;
    color: #625d57;
    font-weight: bold;
    text-transform: uppercase;
    padding-bottom: 10px;
    border-bottom: 1px solid #f29321;
    margin-bottom: 16px;
    /*font-family: 'Myriad Pro';*/
    font: bold 48px Arial Narrow;
}

    .join-box h3 strong {
        color: #f29321;
    }

.join-box h3 {
    display: none;
}
.right-module .join-box h3 {
    display: block;
}
.right-module .join-box .img.title {
    display: none;
}
.join-box .img.title {
    height: 32px;
    width: 100%;
    padding-top: 15px;
    padding-bottom: 20px;
    border-bottom: 1px solid #f29321;
    margin-bottom: 15px;

    background: url(../images/landingpage/join-txt.png) center no-repeat;
}

@media (-webkit-min-device-pixel-ratio: 1.4), (min-device-pixel-ratio: 1.4), (min-resolution: 72dpi) {
    .join-box .img.title {
        background-image: url(../images/landingpage/join-txt_2.0x.png);
        background-size: 306px 32px;
    }
}


input[type="text"],
input[type="password"],
input[type="email"],
select {
    width: 100%;
    padding: 15px 25px;
    background: #f1f0ee;
    border: 0 none;
    border-radius: 3px;
    outline: none;
    font-family: Verdana, sans-serif;
    line-height: 1.5;
    font-size: 15px;
    box-sizing: border-box;
}

::-webkit-input-placeholder {
    color: #95928e;
}

@-moz-document url-prefix() {
    select {
        padding-left: 21px;
    }
    .right-module select {
        padding-left: 12px !important;
    }
}
.top-main-join-box input,
.top-main-join-box select,
.right-module select {
    margin:0;
}

select {
    padding-right: 0;
    color: #95928e;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
}

    select::-ms-expand {
        display: none;
    }

    select[name="month"] {
        padding-left: 16px;
    }

    select[name="year"] {
        padding-left: 21px;
    }

    select option {
        color: #000;
    }

.select-wrap {
    position: relative;
}

    .select-wrap:after {
        position: absolute;
        top: 23px;
        right: 10px;
        content: '';
        display: block;
        /*background-color: #fff;*/
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 7px 5px 0;
        border-color: rgba(0, 0, 0, 1) transparent transparent;
    }

.join-box input + input,
.date-select-box {
    margin-top: 12px;
}

.date-select-box {
    display: flex;
}

    .date-select-box .select-wrap {
        flex: 1;
    }

        .date-select-box .select-wrap + .select-wrap {
            margin-left: 9px;
        }

.agreement-box {
    margin: 0 0 15px;
    position: relative;
}

input[type="checkbox"] {
    display: none;
}

label {
    cursor: pointer;
}

input[type="checkbox"] + label {
    display: inline-block;
    position: relative;
    background: transparent url(/images/sprite.v3.png) no-repeat -42.5px -290px;
    width: 23px;
    height: 24px;
    border: 0 none;
}



input[type="checkbox"]:checked + label {
    background-position: -6px -291px;
}

.agreement-box input[type="checkbox"] + label {
    display: inline-block;
    position: absolute;
    background: transparent url(/images/sprite.v3.png) no-repeat -234px -291px;
    width: 23px;
    height: 24px;
    border: 0 none;

}

.agreement-box input[type="checkbox"]:checked + label {
    background-position: -209px -291px;
}

.right-module .agreement-box input[type="checkbox"] + label {
    background-position: -240px -291px;
}
.right-module .agreement-box input[type="checkbox"]:checked + label {
    background-position: -215px -291px;
}



.agreement-box .checkbox-label {
    position: absolute;
    left: 0;
    top: 5px;
}

.agreement-box a {
    text-decoration: underline;
    color: inherit;
}

.join-box button {
    margin-bottom: 14px;
}



.gender-selection-box {
    text-align: left;
    padding: 1px 0;
    margin: 12px 0;
    padding: 13px 0;
    font-size: 12px;
    border: 1px solid #f29221;
    border-left: 0 none;
    border-right: 0 none;
    color: #6f6963;
}

.gender-select-self {
    display: inline-block;
}

.gender-select-other {
    float: right;
    display: inline-block;
    margin-right: 15px;
}

.gender-select {
    display: inline-block;
    margin-left: 6px;
}

    .gender-select + .gender-select {
        margin-left: 9px;
    }

.gender-select-input {
    display: none;
}

    .gender-select-input + label {
        display: inline-block;
        background: transparent url(../images/sprite.v3.png) no-repeat -2px -326px;
        /*width: 25px;
	height: 25px;*/
        width: 31px;
        height: 30px;
        border: 0 none;
        vertical-align: middle;
        filter: brightness(10%);
    }


    .gender-select-input.gender-select-input-male + label {
        background-position: -2px -326px;
    }

        .gender-select-input.gender-select-input-male:checked + label,
        .gender-select-input.gender-select-input-male + label:hover,
        .gender-select-input.gender-select-input-male + label:active {
            background-position: -38px -326px;
            filter: brightness(1);
        }

    .gender-select-input.gender-select-input-female + label {
        background-position: -75px -326px;
    }

        .gender-select-input.gender-select-input-female:checked + label,
        .gender-select-input.gender-select-input-female + label:hover,
        .gender-select-input.gender-select-input-female + label:active {
            background-position: -111px -326px;
            filter: brightness(1);
        }






.top-intro-content {
    background: #f5f8fa;
    text-align: center;
    font-family: Verdana, sans-serif;
    font-size: 19px;
    line-height: 1.56;
    color: #595959;
    padding: 73px 0 85px;
}


.index .top-intro-content {
    height: 0px;
    padding: 0px;
}

.top-intro-content h1 {
    font-weight: bold;
    font-size: 40px;
    color: #595959;
    text-transform: uppercase;
    letter-spacing: 0.005em;
}


@media screen and (max-width: 1410px) {
    .top-main-join-tagline {
        right: 0;
        margin-right: 10%;
    }
}
@media screen and (max-width: 1600px) {
    .top-main-join-in {
        background-position: 75% top;
        background-repeat: no-repeat;
    }
    .top-main-join-tagline {
        right: 0;
        margin-right: 12%;
    }
}
@media screeen and (max-width: 1560px) {
    .top-main-join-tagline {
        margin-left: 10%;
        font-size: 25px;
    }
    .top-main-join-tagline strong {
        font-size: 48px;
    }
}
@media screen and (max-width: 1285px) {
    .topbar-in {
        max-width: auto;
    }
}
@media screen and (max-width: 1240px) {
    /* .top-main-join-tagline {
        right: 0;
        margin-right: 100px;
    } */
}


.legal-notices .top-intro-content h1 {
    margin-bottom: 0;
}


.main-content-outer-wrap {
    background: #f5f8fa;
    padding-bottom: 95px;
}

.main-content-outer {
    width: 90%;
    max-width: 1284px;
    margin: 0 auto;
    /* display: flex; */
    /* justify-content: space-between; */
    display: grid;
    grid-template-columns: 23% 50% 23%;
    grid-column-gap: 2%;
    column-gap: 2%;
}

.services .main-content-outer,
.dating-advice .main-content-outer {
    grid-template-columns: 75% 23%;
}

.genericerrorpage .main-content-outer,
.notfoundpage .main-content-outer {
    display: block;
}

.main-content-wrap {
    /*float: left;*/
    /*width: 100%;*/
}

.main-content-has-right .main-content-wrap {
    /*width: 72.82%;*/
    /* flex: 0 0 72.82%; */
    /* max-width: 72.82%; */
    /* grid-column-start: 1;
    grid-column-end: span 2; */
}

.main-content-has-right.main-content-has-left .main-content-wrap {
    /*width: 46.03%;*/
    /* flex: 0 0 50%; */
    /* max-width: 50%; */
    /*margin-left: 4.05%;*/
}

.main-content-left {
    /*float: left;*/
    /*width: 22.74%;*/
    /* flex: 0 0 22.74%; */
    /* max-width: 22.74%; */
}

.main-content-right {
    /*float: right;*/
    /*width: 22.9%;*/
    /* flex: 0 0 22.9%; */
    /* max-width: 22.9%; */
}

.main-content-right-in {
    position: -webkit-sticky;
    position: sticky;
    top: 55px;
}




.legal-notice-text {
    color: #818283;
    font-size: 18px;
    line-height: 1.55;
    /*font-family: 'Myriad Pro';*/ /*Verdana, sans-serif*/
    text-align: justify;
    padding: 32px 34px;
    background-color: white;
    min-height: 757px;
}

.legal-notice-text h2 {
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    color: #756f67;
    padding: 26px 0;
}

.legal-notice-text h2:first-of-type {
    padding-top: 0;
}

.legal-notice-text ul {
    list-style: initial; 
    padding-left: 20px;
}
.legal-notice-text ul li {
    padding-top: 15px;
}

.legal-notice-text .green-btn {
    padding: 10px 95px;
    margin: 50px 0 0 0;
    /*font-family: 'Myriad Pro';*/
}

.service-module {
    display: flex;
    width: 100%;
    flex-direction: row;
    background: #e8ecee;
    text-decoration: none;
    cursor: default;
}

.service-module:hover {
    text-decoration: none;
}

.service-module-meta {
    /*width: 293px;*/
    flex: 0 0 293px;
}

.service-module-header {
    background: #4f4f4f;
    padding: 10px 23px;
    color: #e3e3e3;
    font-size: 13px;
    font-size: 12.5px;
    font-family: Verdana, sans-serif;
}

    .service-module-header h3 {
        color: #afaca8;
        font-weight: bold;
        font-size: 19px;
        margin-bottom: 2px;
        /*font-family: 'Myriad Pro';*/
    }

    .service-module-header p {
        margin: 0;
    }

.service-module-img {
    line-height: 0;
    margin-top: 10px;
}

    .service-module-img img {
        height: auto;
        width: 100%;
    }

.service-module-content {
    padding: 35px 50px;
    color: #717272;
    font-size: 16px;
    font-size: 15.63px;
    font-family: Verdana, sans-serif;
    line-height: 1.55;
    text-align: justify;
}

.service-module + .service-module {
    margin-top: 20px;
}



.vert-menu-box {
    padding: 32px 34px 57px;
    background: #eceef0;
    line-height: 1.3;
}

    .vert-menu-box h3 {
        text-transform: uppercase;
        font-size: 18px;
        color: #635f5a;
        font-weight: bold;
        letter-spacing: 0.03em;
        padding-bottom: 30px;
        border-bottom: 1px solid #a7a6a5;
        margin-bottom: 29px;
        line-height: 1.2;
    }

    .vert-menu-box li + li {
        margin-top: 13px;
    }

    .vert-menu-box a {
        color: #635f5a;
        font-size: 13px;
        font-family: Verdana, sans-serif;
        letter-spacing: 0.02em;
        text-decoration: none;
        text-transform: uppercase;
    }

        .vert-menu-box a:hover,
        .vert-menu-box a:active {
            color: #4dac31;
        }

    .vert-menu-box li.menu-active a {
        font-weight: bold;
        color: #4dac31;
    }



/* .right-module {
    padding: 16px;
    border: 1px solid #bec0c2;
} */

    .right-module + .right-module {
        margin-top: 19px;
    }

    .right-module.right-module-img {
        line-height: 0;
    }

        .right-module.right-module-img img {
            height: auto;
            width: 100%;
        }

    .right-module .join-box {
        font-size: 9px;
        padding: 16px 18px;
    }

        .right-module .join-box h3 {
            font-size: 29px;
            /* font-size: 33.5px; */
            font-family: Arial;
        }

    .right-module input[type="text"],
    .right-module input[type="password"],
    .right-module input[type="email"],
    .right-module select {
        font-size: 11px;
        /*font-size: 11.2px;*/
        padding: 10px 10px;
    }

        .right-module select[name="month"] {
            padding-left: 10px;
        }

    .right-module .select-wrap:after {
        top: 16px;
        border-width: 5px 4px 0;
        right: 7px;
    }

    .right-module .join-box .btn-big {
        font-size: 15px;
    }


    .right-module .join-box .gender-selection-box {
        font-size: 10px;
    }

    .right-module .join-box .gender-select-input + label {
        background-position: -142px -289px;
        width: 25px;
        height: 25px;
    }

    .right-module .join-box .gender-select-input.gender-select-input-male + label {
        background-position: -142px -289px;
    }

        .right-module .join-box .gender-select-input.gender-select-input-male:checked + label,
        .right-module .join-box .gender-select-input.gender-select-input-male + label:hover,
        .right-module .join-box .gender-select-input.gender-select-input-male + label:active {
            background-position: -174px -289px;
        }

    .right-module .join-box .gender-select-input.gender-select-input-female + label {
        background-position: -81px -289px;
    }

        .right-module .join-box .gender-select-input.gender-select-input-female:checked + label,
        .right-module .join-box .gender-select-input.gender-select-input-female + label:hover,
        .right-module .join-box .gender-select-input.gender-select-input-female + label:active {
            background-position: -111px -289px;
        }

    .right-module .join-box .gender-select {
        margin-left: 0;
    }

        .right-module .join-box .gender-select + .gender-select {
            margin-left: 4px;
        }

    .right-module .join-box .gender-select-other {
        margin-right: 0;
    }

    .right-module .join-box .agreement-box .checkbox-label {
        top: 1px;
    }


/*.right-module .join-box .gender-select-self,
.right-module .join-box .gender-select-other {
	display: block;
	float: none;
}

.right-module .join-box .gender-select-other {
	margin-top: 10px;
}*/



.key-points {
    padding: 145px 0 154px;
}

    .key-points ul {
        display: flex;
        width: 75%;
        max-width: 1150px;
        margin: 0 auto;
        text-align: center;
        font-size: 17px;
        color: #625d57;
    }

    .key-points li {
        flex: 1;
    }

        .key-points li + li {
            margin-left: 60px;
        }

    .key-points img {
        margin-bottom: 32px;
    }

    .key-points p {
        font-size: 20px;
        text-transform: capitalize;
    }

    @media screen and (max-width: 1510px) {
        .key-points p {
            font-size: 17px;
        }
    }

    @media screen and (max-width: 1300px) {
        .key-points p {
            font-size: 15px;
        }
    }

.content-module {
    position: relative;
    overflow: hidden;
}

.content-module-image-wrap {
    position: absolute;
    width: 50%;
    top: 0;
    right: 50%;
    bottom: 0;
    left: 0;
    text-align: right;
    line-height: 0;
}

    .content-module-image-wrap img {
        position: absolute;
        width: auto;
        height: auto;
        top: 0;
        bottom: 0;
        /*min-width: 100%;*/
        min-height: 100%;
        display: block;
        margin: auto;
        right: 0;
    }

.content-module-content-wrap {
    width: 50%;
    float: right;
    background: #eeeded;
    font-size: 19px;
    color: #625d57;
}

.content-module-content-in {
    float: left;
    width: 75%;
    max-width: 545px;
    padding: 68px 0 75px 70px;
    text-align: justify;
}
.content-module-content-in .mobile,
.content-module-content-in .mobile-big,
.our-aspiration-wrap .mobile,
.our-aspiration-wrap .mobile-big {
    display: none;
}

.content-module-content-wrap h3 {
    font-size: 24px;
    color: #625d57;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 30px;
    line-height: 2.2em;
}
.content-module-content-wrap p {
    font-size: 1.35rem;
}
.content-module-content-wrap p+p {
    margin-top: 30px;
}

.content-module-content-wrap .btn {
    margin-top: 38px;
    padding-left: 68px;
    padding-right: 68px;
}

.content-module {display: none;}
.grid {
    display: grid;
    grid-template-columns: 50% 50%;
    grid-template-rows: 372px 372px 744px;
}
.grid h3 {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
    padding-bottom: 25px;
}
.grid p {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 18px;
}

.grid .couple {
    background: #fff url(../images/landingpage/about/couple.jpg) right no-repeat;
    grid-column: 1;
    grid-row: 1 / 3;
    padding-top: 112px;
    padding-right: 55px;
}

.grid .plane {
    background: #2c190e url(../images/landingpage/about/plane.jpg) left no-repeat;
    grid-column: 2;
    grid-row: 1;
    padding-top: 55px;
    padding-left: 55px;
    color: #fff;
}

.grid .senior {
    background: #e0dfdf url(../images/landingpage/about/senior.jpg) left no-repeat;
    grid-column: 2;
    grid-row: 2;
    padding-top: 55px;
    padding-left: 55px;
    color: #54504e;
}

.grid .devices {
    background:#544f4b url(../images/landingpage/about/devices.png) calc(50% + 350px) bottom no-repeat;
    grid-column: 1 / 3;
    grid-row: 3;
    padding-top: 120px;
    color: #fff;
}
.grid .devices * {
    margin-left: calc(50vw - 600px);
}
.grid .devices h3 {
    font-size: 48px;
    padding-bottom: 5px;
}
.grid .devices p {
    font-size: 23px;
    padding: 25px 0;
    max-width: 500px;
}
.grid .devices p+p {
    padding-top: 10px;
}
.grid .devices img {
    margin-top:15px;
    width: 185px;
}
.grid .devices .motto {
    font-size: 25px;
    text-transform: uppercase;
    font-weight: bold;
    padding-top: 45px;
}

@media (-webkit-min-device-pixel-ratio: 1.4), (min-device-pixel-ratio: 1.4), (min-resolution: 72dpi) {
    .grid .couple {
        background-image: url(../images/landingpage/about/couple_2.0x.jpg);
        background-size: 800px 744px;
    }
    .grid .plane {
        background-image: url(../images/landingpage/about/plane_2.0x.jpg);
        background-size: 800px 372px;
    }
    .grid .senior {
        background-image: url(../images/landingpage/about/senior_2.0x.jpg);
        background-size: 800px 372px;
    }
    .grid .devices {
        background-image: url(../images/landingpage/about/devices_2.0x.png);
        background-size: 680px 686px;
    }
}

@media screen and (max-width: 1330px) {
    .grid .devices * {
        margin-left: 100px;
    }
}

.connecting {
    height: 675px;
    background: url(../images/landingpage/connect.jpg) calc(50% + 200px) center no-repeat;
    position: relative;
}

.connecting .overflow {
    overflow: hidden;
}

.connecting .inner {
    color: #544f4b;
    width: 1240px;
    text-align: right;
    margin: 0 auto;
}
.connecting h3 {
    font-size: 48px;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    padding-bottom: 25px;
    padding-top: 90px;
}
.connecting p {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 23px;
    /* margin-top: 45px; */
}
.connecting .btn {
    margin-top: 265px;
    padding-left: 62px;
    padding-right: 62px;
    margin-right: 180px;
}

@media (-webkit-min-device-pixel-ratio: 1.4), (min-device-pixel-ratio: 1.4), (min-resolution: 72dpi) {
    .connecting {
        background-image: url(../images/landingpage/connect_2.0x.jpg);
        background-size: 1783px 579px;
    }
}

.slider-area {
    display: none;
}

.slider-area {
    width: 1200px;
    margin: 0 auto;
    padding: 120px 0 130px;
    text-align: center;
    overflow: hidden;
}

    .slider-area h2 {
        font-size: 47px;
        font-weight: bold;
        text-transform: uppercase;
        color: #766f68;
        margin-bottom: 60px;
        letter-spacing: 0.03em;
    }


.slider-module-wrap {
    width: 931px;
    margin: 0 auto;
    padding: 14px 0;
    line-height: 0;
    border: 1px solid #635f5a;
    border-left: 0 none;
    border-right: 0 none;
    /*position: relative;
	left: -8px;*/
}

.slider-module {
    margin-right: -10px;
}

    .slider-module .slick-arrow {
        position: absolute;
        display: block;
        background: transparent url(../images/sprite.v3.png) no-repeat -196px -120px;
        width: 47px;
        height: 47px;
        border: 0 none;
        outline: none;
        cursor: pointer;
        overflow: hidden;
        text-indent: -9999px;
        top: 50%;
        /* margin-top: -23px; */
    }

        .slider-module .slick-arrow.slick-prev {
            background-position: -196px -120px;
            /* right: 100%; */
            /* margin-right: 75px; */
            margin-left: -75px;
        }

            .slider-module .slick-arrow.slick-prev:hover,
            .slider-module .slick-arrow.slick-prev:active {
                background-position: -196px -174px;
            }

        .slider-module .slick-arrow.slick-next {
            background-position: -254px -120px;
            /* left: 100%; */
            /* margin-left: 65px; */
            margin-right: -65px;
        }

            .slider-module .slick-arrow.slick-next:hover,
            .slider-module .slick-arrow.slick-next:active {
                background-position: -254px -174px;
            }

.slider-slide + .slider-slide {
    margin-left: 15px;
}

.slider-slide a {
    outline: none;
}

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

.slick-slide {
    height: auto;
}


.slider-footer-text {
    font-size: 14px;
    color: #6c6863;
    text-transform: uppercase;
    margin-top: 60px;
    letter-spacing: 0.06em;
    font-family: Verdana, sans-serif;
}


.hanging-woman-wrap {
    background: url(../images/landingpage/secure_dating_smile_repeat.jpg) repeat-x center top;
    height: 665px;
    position: relative;
    overflow: hidden;
}

    .hanging-woman-wrap:after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 50%;
        right: 0;
        height: 100%;
        background: url(../images/landingpage/secure_dating_smile_repeat_right.jpg) repeat-x center top;
        z-index: 1;
    }

    .hanging-woman-wrap:before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -800px;
        height: 100%;
        width: 1600px;
        background: url(../images/landingpage/secure_dating_smile.jpg) no-repeat center top;
        z-index: 2;
    }

.hanging-woman-text {
    overflow: hidden;
    text-indent: -9999px;
}


.our-aspiration-wrap {
    /* background: #dbe0e6 url(../images/landingpage/aspiration_bg.jpg) no-repeat center top; */
    background: #fff;
    text-align: center;
    padding: 0px 0 62px;
}

    .our-aspiration-wrap h2 {
        font-size: 41px;
        font-weight: bold;
        text-transform: uppercase;
        color: #766f68;
        margin-bottom: 25px;
        /* letter-spacing: 0.005em; */
    }

.aspiration-intro {
    color: #797672;
    font-size: 22px;
    text-transform: uppercase;
    /* font-family: Verdana, sans-serif; */
    line-height: 1.52;
    display: none;
}

.our-aspiration-wrap ul {
    margin: 10px auto 0;
    width: 90%;
    max-width: 1284px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.our-aspiration-wrap li {
    /*flex: 1;*/
    width: 294px;
    width: 22.897%;
    margin-top: 32px;
    display: flex;

}

    .our-aspiration-wrap li a {
        /* display: block; */
        text-decoration: none;
        display: flex;
        flex-direction: column;
    }

    .our-aspiration-wrap li img {
        height: auto;
        width: 100%;

        -webkit-transition: all 0.7s ease;
        transition: all 0.7s ease;
    }

    .our-aspiration-wrap li img:hover {
        filter: contrast(120%);
        -webkit-filter: contrast(120%);
    }

.aspiration-image-wrap {
    line-height: 0;
}

.aspiration-text-box {
    margin-top: 10px;
    padding: 8px 23px 13px;
    background: #4f4f4f;
    color: #e3e3e3;
    font-size: 13px;
    font-family: Verdana, sans-serif;
    text-align: left;
    flex: 1;
    text-transform: capitalize;
}

.our-aspiration-wrap a:hover .aspiration-text-box,
.our-aspiration-wrap a:active .aspiration-text-box {
    background: #3f3f3f;
}

.aspiration-text-box h4 {
    /*font-family: 'Myriad Pro';*/
    font-size: 17px;
    color: #afaca8;
    font-weight: bold;
    margin-bottom: 4px;
}

@media screen and (max-width: 1270px) {
    .aspiration-text-box h4 {
        font-size: 15px;
    }
}

.aspiration-outro {
    margin-top: 59px;
    /* font-family: Verdana, sans-serif; */
    font-size: 18px;
    color: #5a5855;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}



.why-we-are-different-wrap {
    position: relative;
    text-align: center;
    background: #6b6660;
    -webkit-box-shadow: inset 0px 45px 45px -45px rgb(0, 0, 0);
    -webkit-box-shadow: inset 0px 45px 45px -45px rgba(0, 0, 0, 0.8);
    -moz-box-shadow: inset 0px 45px 45px -45px rgb(0, 0, 0);
    -moz-box-shadow: inset 0px 45px 45px -45px rgba(0, 0, 0, 0.8);
    box-shadow: inset 0px 45px 45px -45px rgb(0, 0, 0);
    box-shadow: inset 0px 45px 45px -45px rgba(0, 0, 0, 0.8);
    padding: 88px 0 93px;
    color: #fff;
    font-size: 17px;
    font-family: Verdana;
}

    /*.why-we-are-different-wrap:before {
	content: '';
	position: absolute;
	display: block;
	left: 0;
	right: 0;
	top: 0;
	height: 161px;
	z-index: 0;
}*/


    .why-we-are-different-wrap h2 {
        font-size: 44px;
        font-weight: bold;
        text-transform: uppercase;
        color: #fff;
        margin-bottom: 38px;
        letter-spacing: 0.02em;
        /*font-family: 'Myriad Pro';*/
    }

    .why-we-are-different-wrap hr {
        width: 250px;
    }


    .why-we-are-different-wrap ul {
        display: flex;
        justify-content: space-between;
        width: 90%;
        max-width: 1230px;
        margin: 0 auto;
    }

    .why-we-are-different-wrap li {
        width: 350px;
    }

        .why-we-are-different-wrap li h4 {
            font-size: 19px;
            color: #fff;
            font-weight: bold;
            margin-bottom: 18px;
        }

        .why-we-are-different-wrap li p {
            line-height: 1.75;
        }

    .why-we-are-different-wrap .btn {
        margin-top: 56px;
        padding-left: 72px;
        padding-right: 72px;
    }



.upper-footer-wrap {
    background: #ebebeb;
    padding: 65px 0 1px;
}

.upper-footer-in {
    margin: 0 auto;
    width: 90%;
    max-width: 1284px;
    border-top: 1px solid #797b7c;
    padding-top: 35px;
}

.upper-footer-blocks {
    display: flex;
    justify-content: space-between;
}

.upper-footer-block {
    width: 219px;
}

.upper-footer-block-information {
    padding-bottom: 50px;
}

.upper-footer-block h3 {
    font-size: 18px;
    color: #7c7d7d;
    font-weight: bold;
    text-transform: uppercase;
    padding-bottom: 20px;
    border-bottom: 1px solid #797b7c;
    margin-bottom: 18px;
    letter-spacing: 0.04em;
}

.upper-footer-block img {
    height: auto;
    max-width: 100%;
}

.upper-footer-block.we-accept img {
    padding-top: 7px;
}

.upper-footer-block .image {
    max-width: 100%;
    height: 245px;;
}

.upper-footer-block.certified .image {
    background: url(../images/certified.png) 0 top no-repeat;
}
.upper-footer-block.we-accept .image {
    background: url(../images/we_accept.png) 0 top no-repeat;
}

@media (-webkit-min-device-pixel-ratio: 1.4), (min-device-pixel-ratio: 1.4), (min-resolution: 72dpi) {
    .upper-footer-block.certified .image {
        background-image: url(../images/certified_2.0x.png);
        background-size: 195px 243px;
    }
    .upper-footer-block.we-accept .image {
        background-image: url(../images/we_accept_2.0x.png);
        background-size: 195px 185px;
    }
}

.upper-footer-menu {
    padding-top: 4px;
}

    .upper-footer-menu li {
        display: block;
    }

        .upper-footer-menu li + li {
            margin-top: 7px;
        }

    .upper-footer-menu a {
        text-transform: uppercase;
        color: #3c3c3c;
        text-decoration: none;
        font-size: 14px;
        font-family: Verdana, sans-serif;
        letter-spacing: 0.02em;
    }

        .upper-footer-menu a:hover,
        .upper-footer-menu a:active {
            color: #000;
        }



.follow-us-wrap {
    margin-bottom: 50px;
    margin-top: -30px;
}

    .follow-us-wrap h4 {
        font-size: 15px;
        color: #3c3c3c;
        font-weight: bold;
        margin-bottom: 10px;
        letter-spacing: 0.02em;
    }

    .follow-us-wrap ul {
        position: relative;
        right: 4px;
    }

    .follow-us-wrap li {
        display: inline-block;
    }

        .follow-us-wrap li + li {
            margin-left: 13px;
        }


.language-bar {
    padding: 21px 0;
    line-height: 0;
    background: #5d5f60;
    text-align: center;
}

    .language-bar li {
        display: inline-block;
        width: 100%;
        height: 19px;
        /* background-image: url(../images/landingpage/flags/flags.png); */
        background-repeat: no-repeat;
        background-position: center;
    }

        .language-bar li + li {
            margin-left: 12px;
        }


        @media (-webkit-min-device-pixel-ratio: 1.4), (min-device-pixel-ratio: 1.4), (min-resolution: 72dpi) {
            .language-bar li {
                /* background-image: url(../images/landingpage/flags/flags_2.0x.png); */
                background-size: 725px 19px;
            }
        }

.copyright-wrap {
    padding: 23px 0 23px;
    background: #3a3a3a;
    text-align: center;
    font-size: 13px;
    color: #989999;
    font-family: Verdana, sans-serif;
    letter-spacing: 0.02em;
    line-height: 1.67;
}



@media (max-width: 1440px) {
    .top-main-join-box {
        left: 5%;
        margin-left: 0;
    }

    /* .top-main-join-tagline {
        right: 7.43%;
        margin-right: 0;
    } */

    .right-module .join-box h3 {
        font-size: 27px;
    }

    .right-module .join-box .gender-selection-box {
        font-size: 9px;
    }

    .slider-module .slick-arrow.slick-prev {
        margin-right: 55px;
    }

    .slider-module .slick-arrow.slick-next {
        margin-left: 45px;
    }

    .upper-footer-block {
        width: 200px;
    }
}

@media (max-width: 1380px) {
    .right-module .join-box h3 {
        font-size: 26px;
    }

    .right-module .join-box .btn-big {
        font-size: 14px;
    }

    /* .right-module .join-box .gender-selection-box {
        font-size: 8px;
    } */

    .slider-module .slick-arrow.slick-prev {
        margin-right: 45px;
    }

    .slider-module .slick-arrow.slick-next {
        margin-left: 35px;
    }
}

@media (max-width: 1315px) {
    .right-module .join-box h3 {
        font-size: 20px;
    }

    /* .right-module .join-box .gender-selection-box {
        font-size: 7px;
    } */

    .main-content-outer {
        width: 95%;
        grid-column-gap: 1.5%;
        column-gap: 1.5%;
    }

    .page {
        /* min-width: 1200px; */
    }
}

@media (max-width: 1150px) {
    .right-module .join-box .gender-selection-box {
        font-size: 7px;
    }
}

@media (-webkit-min-device-pixel-ratio: 1.4), (min-device-pixel-ratio: 1.4), (min-resolution: 72dpi) {
    .icon:after,
    input[type="checkbox"] + label,
    .agreement-box input[type="checkbox"] + label,
    .slider-module .slick-arrow,
    .gender-select-input + label {
        background-image: url(../images/sprite.v3.2.0x.png);
        background-size: 301px 356px;
    }

    /* .top-main-join:before {
        background-image: url(../images/landingpage/top_image_bg_repeat_2.0x.jpg);
        background-size: 5px 884px;
    }

    .top-main-join:after {
        background-image: url(../images/landingpage/top_image_bg_repeat_right_2.0x.jpg);
        background-size: 5px 884px;
    } */

    .top-main-join-in {
        background-image: url(../images/landingpage/top_image_bg_2.0x.jpg);
        /* background-size: 1683px 884px; */
        background-size: cover;
    }

    .hanging-woman-wrap {
        background-image: url(../images/landingpage/secure_dating_smile_repeat_2.0x.jpg);
        background-size: 25px 665px;
    }

        .hanging-woman-wrap:after {
            background-image: url(../images/landingpage/secure_dating_smile_repeat_right_2.0x.jpg);
            background-size: 10px 665px;
        }

        .hanging-woman-wrap:before {
            background-image: url(../images/landingpage/secure_dating_smile_2.0x.jpg);
            background-size: 1600px 665px;
        }

    /* .our-aspiration-wrap {
        background-image: url(../images/landingpage/aspiration_bg_2.0x.jpg);
        background-size: 1600px 219px;
    } */
}


.topbar .right-block {
    float: right;
}

.default .topbar {
    background-color: #fff;
}

.top-user-menu {
    display: inline-block;
}

    .top-user-menu a {
        /*font-family: 'Myriad Pro';*/
        font-size: 15px;
        display: inline-block;
        text-transform: uppercase;
        font-weight: bold;
        text-decoration: none;
        letter-spacing: 0.015em;
        cursor: pointer;
        border: 0 none;
        outline: none;
        float: right;
    }

        .top-user-menu a.item {
            color: #767068;
            padding-left: 1em;
            padding-right: 3.1em;
        }

            .top-user-menu a.item:hover {
                color: #5a544c;
            }

    .top-user-menu .btn {
        padding-top: 0px;
        padding-bottom: 0px;
        margin-left: 1.3em;
    }

.preview-images-bar {
    height: 172px;
    background-color: #fff;
    overflow: hidden;
    padding: 12px 10px 12px 10px;
    overflow: hidden;
}

    .preview-images-bar > .container {
        width: 3000px;
        margin-left: -50px;
        /* width: 2905px;
        left: 50%;
        margin-left: -1450px;
        position: relative; */
    }

    .preview-images-bar a {
        padding-right: 12px;
        padding-bottom: 40px;
        display: inline-block;
    }

    .preview-images-bar img {
        width: 110px;
        height: 170px;
        opacity: 0;
    }

.info-block {
    height: 52px;
    background-color: #635f5a;
    color: #000;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    font-size: 15px;
    /* font-weight: bold; */

    -webkit-animation: color-change 2s infinite;
    -moz-animation: color-change 2s infinite;
    -o-animation: color-change 2s infinite;
    -ms-animation: color-change 2s infinite;
    animation: color-change 2s infinite;
}

.info-block .mobile {
    display: none;
}

.info-block .dt {
    margin-right: 10px;
}

@-webkit-keyframes color-change {
    0% { color: #625E58; }
    50% { color: rgb(0,0,0); }
    100% { color: #625E58; }
}
@-moz-keyframes color-change {
    0% { color: #625E58; }
    50% { color: rgb(0,0,0); }
    100% { color: #625E58; }
}
@-ms-keyframes color-change {
    0% { color: #625E58; }
    50% { color: rgb(0,0,0); }
    100% { color: #625E58; }
}
@-o-keyframes color-change {
    0% { color: #625E58; }
    50% { color: rgb(0,0,0); }
    100% { color: #625E58; }
}
@keyframes color-change {
    0% { color: #625E58; }
    50% { color: rgb(0,0,0); }
    100% { color: #625E58; }
}

.info-block a {
    color: #625E58;
    display: inline-block;
    text-decoration: none;
    border-bottom: dashed 1px #625E58;
}

        .info-block a:hover {
            border-bottom: solid 1px #625E58;
        }

    .info-block .message-popup-wrapper .message {
        text-transform:none;
    }

.info-block .message-popup-wrapper a {
    color: #625E58;
    display: inline-block;
    text-decoration: none;
    border-bottom: dashed 0px #625E58;
}

    .info-block .message-popup-wrapper a:hover {
        border-bottom: solid 0px #fff;
    }

/* 
.hanging-woman-white {
    background: url(/images/memberpage/smile_left.jpg) repeat-x center bottom;
    height: 755px;
    position: relative;
    overflow: hidden;
}

    .hanging-woman-white:after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 50%;
        right: 0;
        height: 100%;
        background: url(/images/memberpage/smile_right.jpg) repeat-x center bottom;
        z-index: 1;
    }

    .hanging-woman-white:before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -440px;
        height: 100%;
        width: 920px;
        background: url(/images/memberpage/smile_mid.jpg) no-repeat center bottom;
        z-index: 2;
    } */

.hanging-woman-white {
    background: #fff url(/images/memberpage/girl.jpg) no-repeat center bottom;
    height: 250px;

}

.hanging-woman-white2 {
    background: #fff url(/images/memberpage/girl.jpg) no-repeat center bottom;
    height: 250px;
}

    .hanging-woman-white:after {
        content: '';
        display: block;
        position: absolute;
        top: 599px;
        height: 61px;
        width: 100%;
        /* min-width: 1000px; */
        background: url(/images/memberpage/bottom.png) no-repeat center;
        z-index: 1;
    }
.hanging-woman-white2:after {
    content: '';
    display: block;
    position: absolute;
    top: 249px;
    height: 61px;
    width: 100%;
    /* min-width: 1000px; */
    background: url(/images/memberpage/bottom.png) no-repeat center;
    z-index: 1;
}


@media (-webkit-min-device-pixel-ratio: 1.4), (min-device-pixel-ratio: 1.4), (min-resolution: 72dpi) {
    .hanging-woman-white {
        /* background: url(/images/memberpage/smile_left_2.0x.jpg) repeat-x center bottom;
        background-size: 15px 779px; */
        background-image: url(/images/memberpage/girl_2.0x.jpg);
        background-size: 621px 250px;
    }
    .hanging-woman-white2 {
        /* background: url(/images/memberpage/smile_left_2.0x.jpg) repeat-x center bottom;
        background-size: 15px 779px; */
        background-image: url(/images/memberpage/girl_2.0x.jpg);
        background-size: 621px 250px;
    }


        .hanging-woman-white:after {
            /* background: url(/images/memberpage/smile_right_2.0x.jpg) repeat-x center bottom;
            background-size: 14px 779px; */
            background-image: url(/images/memberpage/bottom_2.0x.png);
            background-size: 621px 61px;
        }
        .hanging-woman-white2:after {
            /* background: url(/images/memberpage/smile_right_2.0x.jpg) repeat-x center bottom;
            background-size: 14px 779px; */
            background-image: url(/images/memberpage/bottom_2.0x.png);
            background-size: 621px 61px;
        }


        /* .hanging-woman-white:before {
            background: url(/images/memberpage/smile_mid_2.0x.jpg) no-repeat center bottom;
            background-size: 921px 779px;
        } */
}

.default .member-page .main-content-outer {
    /*width: 1285px;*/
    grid-template-columns: 250px auto 615px auto 250px;
    /* max-width: 100%;
    width: 100%; */
}

.member-page .main-content-outer {
    grid-template-columns: 250px auto 660px auto 250px;
}

.member-page .our-aspiration-wrap {
    background: unset;
}

    .member-page .our-aspiration-wrap h2 {
        font-size: 52px;
        margin-bottom: 0;
    }

.member-page .content-area-wrapper {
    background-color: #eef0f4;
    /* height: 1285px;
    min-height: 1280px;
    position: relative; */
    height: auto !important;
    padding-bottom: 50px;
    margin-bottom: 40px;
}

/* TODO: remove upper-footer-wrap from Site.Master */
.member-page .upper-footer-wrap {
    display: none;
}

/* .member-page .main-content-has-right.main-content-has-left .main-content-wrap {
    flex: 0 0 660px;
    max-width: 660px;
}

.member-page .main-content-left {
    flex: 0 0 250px;
    max-width: 250px;
}

.member-page .main-content-right {
    flex: 0 0 250px;
    max-width: 250px;
} */

.member-page .content-area {
    /* position: absolute;
    top: 300px;
    width: 100%;
    height: 900px; */
    padding-top: 50px;
    z-index: 2;
}

.member-page .title-message {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 35px;
}

    .member-page .title-message h1 {
        font-size: 40px;
        font-weight: bold;
        text-transform: uppercase;
        color: #756f67;
        font-family: Verdana, sans-serif;
        overflow:hidden;
    }

.member-page .vert-menu-box {
    background-color: #dde0e3;
    margin-bottom: 20px;
    padding: 28px 28px 58px;
    white-space: nowrap;
}

    .member-page .vert-menu-box h3 {
        font-size: 16px;
    }

    .member-page .vert-menu-box a {
        font-size: 11.54px;
    }

.girls-list-box {
    position: relative;
    background-color: #fff;
    margin-bottom: 21px;
    padding: 28px 28px 45px;
    line-height: 1.3;
}

    .girls-list-box.expanded {
        height: 472px;
        -webkit-transition: height 0.3s; /* For Safari 3.1 to 6.0 */
        transition: height 0.3s;
    }

    .girls-list-box.collapsed {
        height: 285px;
        -webkit-transition: height 0.3s; /* For Safari 3.1 to 6.0 */
        transition: height 0.3s;
    }

    .girls-list-box h3 {
        font-size: 16px;
        text-transform: uppercase;
        color: #635f5a;
        font-weight: bold;
        letter-spacing: 0.03em;
        padding-bottom: 30px;
        border-bottom: 1px solid #a7a6a5;
        margin-bottom: 29px;
        line-height: 1.2;
    }

    .girls-list-box a {
        color: #635f5a;
        font-size: 13px;
        letter-spacing: 0.02em;
        text-decoration: none;
        text-transform: uppercase;
    }

    .girls-list-box li + li {
        margin-top: 12px;
    }

    .girls-list-box.expanded > .collapse-expand-bar {
        display: block;
        position: absolute;
        left: 0px;
        right: 0px;
        height: 18px;
        bottom: 10px;
        background-image: url(/images/memberpage/arrow_up.png);
        background-position: center center;
        background-repeat: no-repeat;
        cursor: pointer;
    }

        .girls-list-box.expanded > .collapse-expand-bar:hover {
            background-image: url(/images/memberpage/arrow_up_hover.png);
        }

    .girls-list-box.collapsed > .collapse-expand-bar {
        display: block;
        position: absolute;
        left: 0px;
        right: 0px;
        height: 18px;
        bottom: 10px;
        background-image: url(/images/memberpage/arrow_up.png);
        background-position: center center;
        background-repeat: no-repeat;
        cursor: pointer;
        transform: scaleY(-1);
    }

        .girls-list-box.collapsed > .collapse-expand-bar:hover {
            background-image: url(/images/memberpage/arrow_up_hover.png);
        }

@media (-webkit-min-device-pixel-ratio: 1.4), (min-device-pixel-ratio: 1.4), (min-resolution: 72dpi) {
    .girls-list-box.expanded > .collapse-expand-bar {
        background-image: url(/images/memberpage/arrow_up_2.0x.png);
        background-size: 13px 8px;
    }

        .girls-list-box.expanded > .collapse-expand-bar:hover {
            background-image: url(/images/memberpage/arrow_up_hover_2.0x.png);
            background-size: 13px 8px;
        }

    .girls-list-box.collapsed > .collapse-expand-bar {
        background-image: url(/images/memberpage/arrow_up_2.0x.png);
        background-size: 13px 8px;
    }

        .girls-list-box.collapsed > .collapse-expand-bar:hover {
            background-image: url(/images/memberpage/arrow_up_hover_2.0x.png);
            background-size: 13px 8px;
        }
}

.girls-list-box-content {
    overflow: hidden;
    outline: none;
    position: absolute;
    top: 100px;
    bottom: 35px;
    right: 15px;
    left: 25px;
    overflow-y: auto;
}

    .girls-list-box-content li {
        display: block;
    }

        .girls-list-box-content li a {
            text-transform: unset;
            letter-spacing: 0;
            color: #000;
        }

.girls-list-box-name {
    display: block;
    position: absolute;
    left: 10px;
    top: 0px;
    font-weight: bold;
}

    .girls-list-box-name:hover {
        color: #54ab35;
    }

.girls-list-box-info {
    display: block;
    position: absolute;
    width: 100px;
    font-size: 11.5px;
    color: #000;
    left: 10px;
    top: 22px;
}

.girls-list-box-info-block {
    display: inline-block;
    position: relative;
    height: 40px;
}

.girls-list-box-empty {
    cursor: default;
    font-size: 16px;
}

.girls-list-box-empty .empty-favorites {
    text-align: center;
    margin-right: 10px;
}

.girls-list-box-empty .empty-favorites b {
    font-size: 19px;
    font-weight: bold;
    display: inline-block;
    padding-bottom: 4px;
}

.round-photo {
    display: inline-block;
    position: relative;
}

.round-photo-wrapper {
    width: 40px;
    height: 40px;
    display: inline-block;
    border-radius: 50%;
    overflow: hidden;
}

.round-photo-canvas {
    width: 40px;
    height: 40px;
    display: block;
}

.round-photo-status-back {
    position: absolute;
    width: 14px;
    height: 14px;
    border-radius: 5px;
    border-color: #fff;
    background-color: #fff;
    left: 29px;
    top: 29px;
}

.round-photo-status-active {
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    border-width: 0px;
    background-color: #54ab35;
    left: 31px;
    top: 31px;
}

.round-photo-status-inactive {
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    border-width: 0px;
    background-color: #c9c9c9;
    left: 31px;
    top: 31px;
}

.online-members-contact-btn {
    position: absolute;
    padding: 6px 10px;
    background-color: #54ab35;
    color: #fff;
    border-radius: 4px;
    left: 98px;
    top: 3px;
    font-size: 12px;
}

    .online-members-contact-btn:hover {
        background-color: #43932c;
    }

.sendflowersimage {
    position: relative;
}
.sendflowersbutton {
    position: absolute;
    top: 205px;
    left: 50px;
    padding: 12px 8px 8px 8px;
    width: 130px;
    height: 5px;
    background-color: #54ab35;
    color: #fff;
    border-radius: 4px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
}

    .sendflowersbutton:hover {
        background-color: #43932c;
    }


.favorites-delete-btn {
    position: absolute;
    padding: 6px 10px;
    background: #767068;
    color: #fff;
    border-radius: 4px;
    left: 98px;
    top: 3px;
    font-size: 12px;
}

.favorites-delete-btn:hover{
    background: #5a544c;
}


.default .main-content-has-right.main-content-has-left .main-content-wrap {
    flex: 0 0 615px;
    max-width: 615px;
}

.member-info-bar {
    font-size: 19px;
    font-weight: bold;
    color: #635958;
    position: relative;
    height: 64px;
    background-color: #fff;
    margin-bottom: 15px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

    .member-info-bar a {
        color: unset;
        text-decoration: unset;
        display: block;
        position: relative;
        width: 100%;
        height: 100%;
    }

        .member-info-bar a:hover {
            color: #54ab35;
        }

    .member-info-bar .icon-letter, .icon-support, .icon-my-orders, .icon-site-credits, .icon-chat-credits {
        height: 64px;
        width: 110px;
        background-color: #635f5a;
        background-position: center center;
        background-repeat: no-repeat;
    }

    .member-info-bar .icon-letter {
        background-image: url(/images/memberpage/icon_letter.png);
    }

    .member-info-bar .icon-support {
        background-image: url(/images/memberpage/icon_support.png);
    }

    .member-info-bar .icon-my-orders {
        background-image: url(/images/memberpage/icon_my_orders.png);
    }

    .member-info-bar .icon-site-credits {
        background-image: url(/images/memberpage/icon_credits.png);
    }

    .member-info-bar .icon-chat-credits {
        background-image: url(/images/memberpage/icon_chat_credits.png);
    }

    .member-info-bar .title {
        position: absolute;
        left: 176px;
        top: 20px;
    }

    .member-info-bar .value {
        position: absolute;
        right: 80px;
        top: 20px;
    }

.start_package_banner,
.buy_credits_banner {
    position: relative;
    margin-top: 32px;
    width: 615px;
    height: 410px;
    background-image: url(/images/memberpage/start_package_banner.jpg?val=29usd);
    background-size: contain;
    background-repeat: no-repeat;
}

.start_package_banner .mobile,
.mobile.start_package_banner_top,
.buy_credits_banner .mobile,
.mobile.buy_credits_top {
    display: none;
}

.buy_credits_banner {
    background-image: url(/images/memberpage/buy_credits_banner.jpg?v=new);
}

.big-green-button {
    color: #fff;
    font-size: 17px;
    font-weight: bold;
    border-radius: 5px;
    position: absolute;
    display: block;
    left: 50%;
    margin-left: -140px;
    padding: 10px 58px 10px 58px;
    background-color: #54ab35;
    bottom: 75px;
    background-image: linear-gradient(to bottom, #54ab35, #489430);
    cursor: pointer;
    outline: none;
    border: none;
}

    .big-green-button:hover {
        background-image: linear-gradient(to bottom, #449b25, #388420);
    }

.buy_credits_banner .big-green-button {
    padding: 10px 50px 10px 50px;
    bottom: 73px;
}

@media (-webkit-min-device-pixel-ratio: 1.4), (min-device-pixel-ratio: 1.4), (min-resolution: 72dpi) {
    .member-info-bar .icon-letter {
        background-image: url(/images/memberpage/icon_letter_2.0x.png);
        background-size: 40px 30px;
    }

    .member-info-bar .icon-support {
        background-image: url(/images/memberpage/icon_support_2.0x.png);
        background-size: 32px 39px;
    }

    .member-info-bar .icon-my-orders {
        background-image: url(/images/memberpage/icon_my_orders_2.0x.png);
        background-size: 35px 29px;
    }

    .member-info-bar .icon-site-credits {
        background-image: url(/images/memberpage/icon_credits_2.0x.png);
        background-size: 41px 42px;
    }

    .member-info-bar .icon-chat-credits {
        background-image: url(/images/memberpage/icon_chat_credits_2.0x.png);
        background-size: 39px 39px;
    }

    .start_package_banner {
        background-image: url(/images/memberpage/start_package_banner_2.0x.jpg?val=29usd);
    }

    .buy_credits_banner {
        background-image: url(/images/memberpage/buy_credits_banner_2.0x.jpg?v=new);
    }
}

.top-user-menu .dropdown {
    display: inline-block;
    position: relative;
    float: right;
    z-index: 2;
}

.top-user-menu .dropdown-content {
    position: absolute;
    top: 36px;
    background-color: #625e59;
    display: none;
}

.top-user-menu .dropdown.open .dropdown-content {
    display: block;
    width: 100%;
}

.top-user-menu .close-bar {
    height: 30px;
    border-top: 2px solid #4f4d49;
    background-image: url(/images/memberpage/arrow_up_gray.png);
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
}

    .top-user-menu .close-bar:hover {
        background-color: #4f4d49;
        background-image: url(/images/memberpage/arrow_up_white.png);
    }

@media (-webkit-min-device-pixel-ratio: 1.4), (min-device-pixel-ratio: 1.4), (min-resolution: 72dpi) {
    .top-user-menu .close-bar {
        background-image: url(/images/memberpage/arrow_up_gray_2.0x.png);
        background-size: 14px 8px;
    }

        .top-user-menu .close-bar:hover {
            background-image: url(/images/memberpage/arrow_up_white_2.0x.png);
            background-size: 14px 8px;
        }
}

.top-user-menu .dropdown-item {
    background-color: #625e59;
    display: block;
    float: none;
    padding-left: 1em;
    padding-right: 2em;
    color: #c9c8c6;
    font-size: 14px;
    white-space: nowrap;
}

.top-user-menu .dropdown.open .item {
    background-color: #625e59;
}

.top-user-menu .dropdown.open .item {
    color: #fff;
    background-color: #625e59;
}

.top-user-menu .dropdown-item:hover {
    color: #ffffff;
    background-color: #4f4d49;
}

.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.search-results-inner {
    background-color: #fff;
    min-height: 804px;
    padding: 15px 0px 15px 15px;
}

.default .upper-footer-wrap {
    display: none;
}

.search-results .upper-footer-wrap {
    display: none;
}

.r_show {
    display: none;
}

.r_hide {
    display: block;
}

@media (-webkit-min-device-pixel-ratio: 1.4), (min-device-pixel-ratio: 1.4), (min-resolution: 72dpi) {
    .r_show {
        display: block;
    }

    .r_hide {
        display: none;
    }
}

.searchres_item_root {
    display: inline-block;
    width: 125px;
    height: 292px;
    padding: 14px 18px 0px 13px;
    vertical-align: top;
}

    .searchres_item_root img {
        width: 100%;
    }

.horizontal-line {
    height: 1px;
    background-color: #a7a6a5;
    margin-bottom: 15px;
    margin-left: 13px;
    margin-right: 29px;
}

.searchres_item .image-container {
    width: 125px;
    height: 187px;
    background-color: #635f5a;
}

    .searchres_item .image-container img {
        opacity: 0;
    }

.searchres_info {
    font-size: 13px;
    padding-top: 10px;
}

    .searchres_info div {
        margin-top: 3px;
    }

        .searchres_info div:first-of-type {
            margin-top: 4px;
        }

    .searchres_info .smalltext {
    }

    .searchres_info .smallgraytext {
        color: #838282;
    }

        .searchres_info .smallgraytext.name {
            font-weight: bold;
        }

    .searchres_info .smallgraytext {
    }

/*
.search-results .main-content-has-right.main-content-has-left .main-content-wrap {
    flex: 0 0 660px;
    max-width: 660px;
}
*/

.search-results .content-area-wrapper {
    height: 1512px;
}

.pager-wrapper {
    font-size: 12px;
    font-weight: normal;
    text-align: right;
    padding-right: 28px;
    margin-top: 25px;
    margin-bottom: 15px;
    cursor: default;
}

.pager-page {
    background-color: #e8eced;
    color: #302933;
    display: inline-block;
    width: 28px;
    height: 28px;
    border-radius: 3px;
    margin-left: 4px;
    margin-right: 1px;
    text-align: center;
    line-height: 28px;
}

.pager-selected {
    background-color: #817e7a;
    color: #fff;
    display: inline-block;
    width: 28px;
    height: 28px;
    border-radius: 3px;
    margin-left: 4px;
    margin-right: 1px;
    text-align: center;
    line-height: 28px;
}

.pager-prev-next:first-of-type {
    color: #5d5a58;
    margin-right: 12px;
}

.pager-prev-next:last-of-type {
    color: #5d5a58;
    margin-left: 18px;
}


a.pager-page:hover, a.pager-prev-next:hover {
    color: #54ab35;
    text-decoration: none;
}

.copyright-text a {
    color: unset;
}

    .copyright-text a:hover {
        color: #fff;
        text-decoration: none;
    }

.search-options {
    position: relative;
    font-size: 12px;
    background-color: #fff;
    color: #635f5a;
    min-height: 781px;
    padding: 20px 0px 20px 35px;
}

    .search-options select {
        color: #635f5a;
        font-size: 12px;
        background-image: url(/images/memberpage/triangle_down.png);
        background-repeat: no-repeat;
        background-position: 140px center;
        background-size: 9px 5px;
        margin: 0 40px 0 30px;
    }

@media (-webkit-min-device-pixel-ratio: 1.4), (min-device-pixel-ratio: 1.4), (min-resolution: 72dpi) {
    .search-options select {
        background-image: url(/images/memberpage/triangle_down_2.0x.png);
    }
}

.search-row {
    line-height: 38px;
    white-space: nowrap;
}

.search-category {
    font-weight: bold;
    color: #756f67;
}
.search-category:first-of-type {
    line-height: 38px;
}

.search-category:not(:first-of-type) {
    border-top: solid 1px #a7a6a5;
    line-height: 38px;
    padding-top: 14px;
    margin-top: 20px;
    margin-right: 35px;
}

.search-label {
    width: 72px;
    display: inline-block;
}

    .search-label:nth-of-type(2) {
        width: 70px;
        display: inline-block;
        padding-left: 20px;
    }

.search-control {
    width: 160px;
    padding: 5px 25px 5px 15px;
    background-color: #edebea;
}

.id-text-box-control {
    width: 160px !important;
    padding: 5px 15px !important;
    font-size: 12px !important;
    border: solid 1px #a7a6a5 !important;
    border-radius: 0px !important;
    background-color: #fff !important;
    margin-left: 30px;
}

.search-row > span.visible,
.search-row > span.error {
    display: inline-block;
    color: #ff0000;
    margin-left: 10px;
}

.search-row > span.hidden {
    display: none;
}

.search-options .big-green-button {
    margin-left: -118px;
    bottom: 30px;
    border: none;
    padding: 10px 87px;
    font-size: 18px;
    /*font-family: 'Myriad Pro';*/
}

/*contact.aspx & press.aspx */

.contact_table .contact-row {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.contact_table span {
    /* display: inline-block; */
    width: 25%;

    font-size: 12px;
    text-transform: uppercase;
}
.contact_table .error { display: none !important; }
.contact_table .error[style*=inline] + input,
.contact_table .error[style*=inline] + select,
.contact_table .error[style*=inline] + textarea {
    border: 1px solid #ff0000 !important;
}
.contact_table .contact-row > input,
.contact_table .contact-row > select {
    /* display: inline-block; */
    width: 75%;

    /*font-family: 'Myriad Pro';*/
    font-size: 12px;
    color: #635f5a;
    background: #fff;
    border: solid 1px #a7a6a5;
    border-radius: 3px;
    padding: 3px 10px 2px 15px;
    line-height: 22px;
}
.contact_table input.phone_number1 {
    width: 25%;
    margin-right: 1% !important;
}
.contact_table input.phone_number2 {
    width: 49%;
}
.contact_table .comment {
    margin-top: 50px;
}
.contact_table .comment span {
    display: inline-block;
    width: 100%;
}
.contact_table .comment textarea {
    width: 100%;
}
.contact_table .captcha {
    margin-top: 50px;
}
.contact_table .footer-buttons {
    margin: 50px auto 20px;
}
.contact_table .green-btn {
    margin: auto;
}


.contact_table .contact-row.radio {
    margin-top: 30px;
}

.press_mediaCategory {
    padding: 0px !important;
    margin: 10px 0px !important;
    border-radius: 0px !important;
    background-color: transparent !important;
    font-family: Verdana, sans-serif;
    line-height: 1.5;
    font-size: 13px;
    display: flex;
    justify-content: space-between;
}
.press_mediaCategory span {
    width: 100%;
}
.press_mediaCategory input {
    margin-right: 10px;
}

.press_mediaCategory label:not(:last-child) {
    margin-right: 25px;
}

.std.contact_msg {
    resize: vertical;
}
.std {
    padding: 5px 10px !important;
    margin: 5px 0px !important;
    border: solid 1px #a7a6a5 !important;
    background-color: transparent !important;
    /*font-family: 'Myriad Pro' !important;*/
    line-height: 1.5;
    font-size: 12px !important;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #818283;
}

/* .contact .validation,
.press .validation {
    display:none;
} */
.contact ul li,
.press ul li {
    padding-top:0;
    font-size: 12px;
}

/* .contact_table {
    border-spacing: 0;
    border-collapse: collapse;
    width: 100%;
    color: #635f5a;
    font-size: 12px;
}

.contact_table tr:not(:first-child) td:first-child {
    min-width: 151px;
    text-transform: uppercase;
}

.std {
    padding: 5px 10px !important;
    margin: 5px 0px !important;
    border: solid 1px #a7a6a5 !important;
    background-color: transparent !important;
    font-family: "Myriad Pro" !important;
    line-height: 1.5;
    font-size: 12px !important;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #a7a6a5;
}

.text_30 {
    width: 30% !important;
}

.text_70_2 {
    width: 69.3% !important;
}

.std.contact_msg {
    resize: vertical;
}

.press_room {
    text-align: justify;
}

 */

.user-profile {
    position: relative;
    background-color: #fff;
    min-height: 785px;
    font-size: 15px;
    /*font-family: 'Myriad Pro';*/
    font-weight: bold;
    color: #635f5a;
    padding: 16px 30px 20px 30px;
    cursor: default;
}

    .user-profile table {
        color: #635f5a;
    }

    .user-profile .header {
        height: 34px;
        border-bottom: solid 1px #a7a6a5;
    }

    .user-profile .verified {
        position: absolute;
        color: #7f7974;
        cursor: default;
        top: 15px;
        right: 32px;
        font-weight: normal;
        background-image: url(/images/memberpage/verified.png);
        background-size: 20px 20px;
        background-position: center left;
        background-repeat: no-repeat;
        padding-left: 28px;
    }

    .user-profile .non-verified {
        position: absolute;
        color: #7f7974;
        cursor: default;
        top: 15px;
        right: 32px;
        font-weight: normal;
        background-image: url(/images/memberpage/non-verified.png);
        background-size: 20px 20px;
        background-position: center left;
        background-repeat: no-repeat;
        padding-left: 28px;
    }

        .user-profile .verified a, .user-profile .non-verified a {
            color: #7f7974;
            border-bottom: solid 1px #7f7974;
            text-decoration: none;
            cursor: pointer;
        }

@media (-webkit-min-device-pixel-ratio: 1.4), (min-device-pixel-ratio: 1.4), (min-resolution: 72dpi) {
    .user-profile .verified {
        background-image: url(/images/memberpage/verified_2.0x.png);
        background-size: 20px 20px;
    }

    .user-profile .non-verified {
        background-image: url(/images/memberpage/non-verified_2.0x.png);
        background-size: 20px 20px;
    }
}

.user-profile .tabs-buttons {
    height: 73px;
    border-bottom: solid 1px #a7a6a5;
    white-space: nowrap;
    line-height: 71px;
    cursor: default;
}

.user-profile .tabs-container {
    /* width: 600px; */
    height: 531px;
    width: 100%;
    overflow: hidden;
}

.user-profile hr {
    border-top: solid 1px #a7a6a5;
}

.tab {
    display: none;
}

    .tab.active {
        display: block;
    }

    .tab.profile-pictures, .tab.private-pictures, .tab.profile-videos, .tab.information {
    }

.user-profile .unlock-pictures {
    display: none;
    float: right;
}

.user-profile .main-photos {
    /* white-space: nowrap; */
    display: flex;
    justify-content: space-between;
    margin: 18px 0;
}

.user-profile .girl-image-link {
    /* display: inline-block; */
    /* vertical-align: top; */
    /* margin: 18px 9px 23px 0px; */
    
    max-width: 140px;
    width: 23%;
    background-color: transparent;
    /* height: 210px; */
    /* height: 1px; */
    /* padding-top: 150%; */
}

.user-profile .main-photo {
    /* width: 140px;
    height: 210px; */
    border-width: 0px;
    color: #605c59;
    max-width: 140px;
    width: 100%;
    height: auto;
}

.lady-profile .main-photos span {
    max-width: 140px;
    width: 24%;
    height: 210px;
    /* margin: 18px 0; */
    /* margin-bottom: 20px; */
}

/* .lady-profile .main-photos .mobile_hide {
    display: inline-block;
    width: 100%;
} */

.lady-profile .user-profile .girl-image-link {
    display: block;
    width: 100%;
}

.lady-profile .tab.private-pictures .main-photos div {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.lady-profile .tab.private-pictures .main-photo {
    width: 100% !important;
    height: auto !important;
}

.lady-profile .user-profile .tab.private-pictures .girl-image-link {
    height: auto;
    width: 24%;
}

.tabs-buttons a {
    background-color: #e9e8e7;
    padding: 7px 15px 10px 15px;
    border-radius: 5px;
    margin-right: 17px;
    color: #534f50;
}

    .tabs-buttons a:hover, a.active {
        background-color: #534f50;
        color: #fff;
        text-decoration: none;
    }

.user-profile .user-info {
    font-size: 14px;
    background-color: #edebea;
    color: #838282;
    height: 160px;
    justify-content: normal;
    padding: 26px 20px 10px 25px;
    white-space: nowrap;
    display: flex;
    justify-content: space-between;
}

    .user-profile .user-info .column {
        /* width: 202px; */
        width: 33%;
        text-align: left;
        display: inline-block;
        vertical-align: top;
        overflow: hidden;
    }

        .user-profile .user-info .column div {
            line-height: 23px;
        }

        .user-profile .user-info .column b {
            color: #534f50;
        }

        .user-profile .user-info .column:nth-of-type(1) {
            width: 35%;
        }

        .user-profile .user-info .column:nth-of-type(2) {
            width: 35%;
        }

        .user-profile .user-info .column:nth-of-type(3) {
            width: 27%;
        }

.user-profile p.description {
    font-size: 18px;
    font-weight: normal;
    padding: 16px 0px 0px 0px;
    color: #88817b;
    text-align: justify;
}

.user-profile .check-block {
    font-size: 12px;
    font-weight: normal;
}

    .user-profile .check-block .title {
        vertical-align: top;
        line-height: 25px;
        padding-left: 12px;
    }

        .user-profile .check-block .title.updated {
            color: #6AA84F;
        }

    .user-profile .check-block ul {
        padding: 10px 10px 25px 15px;
        list-style-type: disc;
        font-size: 14px;
    }

    .user-profile .check-block .checkbox {
        display: inline-block;
        width: 16px;
        height: 16px;
        border: solid 1px #7f7974;
        border-radius: 2px;
    }

        .user-profile .check-block .checkbox.checked > span {
            background-color: #7f7974;
        }

.lady-profile .user-profile .tabs-container {
    height: 533px;
}

.lady-profile .user-profile .tab.information {
    height: 509px;
}

.lady-profile .green.unlock-pictures {
    margin-top: -34px;
}

.lady-profile .highslide-loading {
    width: 40px;
    height: 40px;
    background-image: url(/images/memberpage/color-bars.gif);
    background-repeat: no-repeat;
    background-size: 40px 40px;
}
@media (-webkit-min-device-pixel-ratio: 1.4), (min-device-pixel-ratio: 1.4), (min-resolution: 72dpi) {
    .lady-profile .highslide-loading {
        background-image: url(/images/memberpage/color-bars_2.0x.gif);
        background-size: 40px 40px;
    }
}

.lady-profile .header .girlname-label {
    padding-right: 10px;
}

.credits-info-bar {
    font-size: 14px;
    font-weight: normal;
}

    .credits-info-bar b {
        font-weight: bold;
    }

.footer-buttons {
    margin-top: 20px;
    position: relative;
    font-weight: normal;
    white-space: nowrap;
}

    .footer-buttons a, .footer-buttons input {
        color: #fff;
        font-size: 11px;
        border-radius: 4px;
        display: inline-block;
        padding: 5px 11px 6px 11px;
        cursor: pointer;
        background-color: #7e7979;
        margin-right: 11px;
        border: none;
    }

        .footer-buttons a:hover, .footer-buttons input:hover {
            background-color: #5f5b5b;
            text-decoration: none;
        }

        .footer-buttons input.green {
            margin-top: 0px;
        }

    .footer-buttons.center {
        text-align: center;
    }

        .footer-buttons.center .update {
            margin-top: 20px;
        }

    .footer-buttons a.online-now {
        padding: 5px 13px 6px 13px;
        -webkit-animation-name: flashing-green; /* Safari 4.0 - 8.0 */
        -webkit-animation-duration: 1s; /* Safari 4.0 - 8.0 */
        animation-name: flashing-green;
        animation-duration: 1s;   
        animation-iteration-count: infinite;     
    }
    .footer-buttons a.offline {
        padding: 5px 24px 6px 23px;
    }

    .footer-buttons a.online-now:hover {
        animation-name: none;
        background-color: #449b25;
    }

@-webkit-keyframes flashing-green {
    0% {
        background-color: #54ab35;
    }
    50% {
        background-color: #449b25;
    }
    100% {
        background-color: #54ab35;
    }
}

@keyframes flashing-green {
    0% {
        background-color: #54ab35;
    }
    50% {
        background-color: #449b25;
    }
    100% {
        background-color: #54ab35;
    }
}

.top-buttons {
    border-bottom: solid 1px #a7a6a5;
    height: 53px;
    margin-bottom: 20px;
}

    .top-buttons a, .top-buttons input {
        font-weight: bold;
        padding: 8px 20px 8px 20px;
        margin-right: 0px;
    }

.footer-buttons a.green, .footer-buttons input.green {
    background-color: #54ab35;
    background-image: linear-gradient(to bottom, #54ab35, #489430);
}

    .footer-buttons a.green:hover, .footer-buttons input.green:hover {
        background-image: linear-gradient(to bottom, #449b25, #388420);
        text-decoration: none;
    }

.user-profile-banner {
    margin-top: 20px;
    width: 100%;
    height: auto;
}

.tab.private-pictures .unlock-message {
    background-color: #edebea;
    color: #635f5a;
    font-size: 14px;
    font-weight: normal;
    padding: 20px;
}

.no-free-letter a {
    padding: 5px 14px 6px 14px;
    margin-right: 11px;
}

    .no-free-letter a.green {
        background-color: #7e7979;
        background-image: none;
        padding: 5px 13px 6px 13px;
        margin-right: 11px;
    }

        .no-free-letter a.green:hover {
            background-color: #5f5b5b;
            background-image: none;
            margin-right: 11px;
        }

.tab.profile-videos {
    padding-top: 18px;
}

.profile-videos .video-block {
    margin-bottom: 18px;
    height: 102px;
    background-color: #edeff3;
    position: relative;
    overflow: hidden;
}

    .profile-videos .video-block .video-title {
        font-size: 16px;
        font-weight: normal;
        display: inline-block;
        position: absolute;
        left: 186px;
        top: 38px;
        color: #635f5a;
    }

    .profile-videos .video-block .preview {
        display: inline-block;
        width: 162px;
        height: 102px;
        background-color: #535051;
        overflow: hidden;
    }

        .profile-videos .video-block .preview img {
            margin-left: 15px;
            margin-top: 15px;
            width: 132px;
            height: 74px;
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center;
        }

    .profile-videos .video-block .preview-wrapper.no-video {
        width: 162px;
        height: 102px;
        margin: 0px;
        background-image: url(/images/memberpage/no-video.png);
        background-size: 157px 102px;
    }

@media (-webkit-min-device-pixel-ratio: 1.4), (min-device-pixel-ratio: 1.4), (min-resolution: 72dpi) {
    .profile-videos .video-block .preview-wrapper.no-video {
        background-image: url(/images/memberpage/no-video_2.0x.png);
        background-size: 157px 102px;
    }
}

.profile-videos .video-block input {
    position: absolute;
    border-radius: 5px;
    right: 20px;
    top: 30px;
    color: #fff;
    background-color: #625e59;
    font-weight: bold;
    font-size: 13px;
    width: 140px;
    height: 34px;
    text-align: center;
    border-width: 0px;
    cursor: pointer;
}

    .profile-videos .video-block input:hover {
        background-color: #4f4d49;
    }

    .profile-videos .video-block input.green {
        background-color: #54ab35;
        background-image: linear-gradient(to bottom, #54ab35, #489430);
    }

        .profile-videos .video-block input.green:hover {
            background-image: linear-gradient(to bottom, #449b25, #388420);
            text-decoration: none;
        }

.profile-videos .video-block span.no-video-button {
    position: absolute;
    border-radius: 5px;
    right: 20px;
    top: 30px;
    color: #7d7573;
    background-color: #fff;
    font-weight: bold;
    padding: 9px 19px 8px 17px;
    font-size: 13px;
    width: 104px;
    text-align: center;
}

.tab.profile-videos .unlock-message {
    background-color: #edebea;
    color: #635f5a;
    font-size: 14px;
    font-weight: normal;
    padding: 20px 20px 20px 35px;
}

.tab.information {
    height: 540px;
    position: relative;
}

    .tab.information .content-wrapper {
        position: absolute;
        background-color: #edebea;
        width: 100%;
        top: 18px;
        bottom: 0px;
    }

        .tab.information .content-wrapper .scroll-container {
            position: absolute;
            top: 30px;
            bottom: 30px;
            left: 40px;
            right: 10px;
            padding-right: 30px;
            overflow-y: auto;
        }

            .tab.information .content-wrapper .scroll-container .scroll-content {
                width: 100%;
                font-weight: normal;
                overflow-wrap: break-word;
            }

                .tab.information .content-wrapper .scroll-container .scroll-content b {
                    font-weight: bold;
                }

                .tab.information .content-wrapper .scroll-container .scroll-content p {
                    padding-top: 6px;
                    padding-bottom: 40px;
                }

.video-player-layer {
    opacity: 0.75;
    background-color: #000;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 100;
    left: 0px;
    top: 0px;
}

.video-player {
    display: none;
    position: absolute;
    z-index: 101;
}

.myprofile .user-profile {
    min-height: auto;
    position: relative;
}

.myprofile input {
    outline: none;
}

    .myprofile .user-profile .tabs-container {
        height: 600px;
    }

.myprofile .footer-buttons {
    margin-top: 5px;
}

    .myprofile .footer-buttons .top-buttons {
        height: 18px;
        margin-bottom: 18px;
    }

    .myprofile .footer-buttons input {
        margin-top: 0px !important;
    }

/* Upload Photo btn */    
.myprofile .user-profile input.green {
    margin-top: 52px;
}

.myprofile .user-profile .color-spinner {
    vertical-align: middle;
    margin-left: 10px;
}

/* Update Profile btn */
.myprofile .user-profile input.green-btn {
    margin: 20px 0 !important;
    padding: 10px 44px;
}


.myprofile .suggestion-text {
    font-size: 18px;
    color: #88817b;
    font-weight: normal;
    padding-top: 28px;
    padding-bottom: 33px;
    margin-right: 10px;
    text-align: justify;
}

    .myprofile .suggestion-text.small {
        padding-top: 0px;
        padding-bottom: 0px;
    }

.myprofile .old_upload_button {
    display: none;
}

.myprofile .profile-rules {
    list-style: disc;
    margin: 25px 10px 30px 15px;
    font-weight: normal;
    font-size: 12px;
}


.myprofile .main-photos .photo-block {
    display: inline-block;
    position: relative;
    vertical-align: top;
    margin-top: 10px;
    max-width: 140px;
    width: 24%;
}



    .myprofile .main-photos .photo-block .no-image-back,
    .myprofile .main-photos .no-image-back {
        background-image: url(/images/memberpage/no-photo.png);
        width: 100%;
        height: 1px;
        padding-top: 150%;
        background-position: center;
    }

    .myprofile .edit-photos .main-photos .photo-block .no-image-back {
        position: absolute;
        /* top: 18px; */
        top: 0;
    }

    @media (-webkit-min-device-pixel-ratio: 1.4), (min-device-pixel-ratio: 1.4), (min-resolution: 72dpi) {
        .myprofile .main-photos .photo-block .no-image-back,
        .myprofile .main-photos .no-image-back{
            background-image: url(/images/memberpage/no-photo_2.0x.jpg);
            /* background-size: 140px 210px; */
            background-size: cover;
        }
    }

    .myprofile .main-photos .photo-block img {
        position: absolute;
        /* top: 18px; */
        top: 0;
    }

.myprofile .edit-photos .girl-image-link {
    width: 100%;
    height: 1px;
    padding-top: 150%;
    background-image: url(/images/memberpage/no-photo.png);
}

.myprofile .main-photos .delete-button {
    color: #fff;
    background-color: #8d8783;
    display: block;
    width: 100%;
    border-width: 0px;
    margin-top: 9px;
    padding-top: 9px;
    padding-bottom: 9px;
    font-weight: bold;
    cursor: pointer;
}


.user-profile input.green {
    border-radius: 5px;
    color: #fff;
    background-color: #625e59;
    font-weight: bold;
    /*font-family: 'Myriad Pro';*/
    font-size: 13px;
    width: 140px;
    height: 34px;
    text-align: center;
    border-width: 0px;
    cursor: pointer;
    background-color: #54ab35;
    background-image: linear-gradient(to bottom, #54ab35, #489430);
}

    .user-profile input.green:hover {
        background-image: linear-gradient(to bottom, #449b25, #388420);
        text-decoration: none;
    }

.myprofile .upload-photo-container {
    height: 84px;
}

.myprofile .upload-photo.disabled, .myprofile .upload-photo.disabled:hover {
    color: #909090;
    background-color: #625e59;
    background-image: linear-gradient(to bottom, #625e59, #625e59);
    text-decoration: none;
    cursor: default;
}

.myprofile .deleteDisabled {
    color: #909090;
    background-color: #625e59;
    cursor: default;
}

.myprofile .photo-block .color-bars {
    margin-left: 50px;
    margin-top: 0px;
    height: 31px;
}

.myprofile .photo-upload-rules {
    font-weight: normal;
    list-style: disc;
    font-size: 14px;
    margin-top: 27px;
    margin-left: 16px;
}

.profile-content {
    margin-top: 30px;
    font-size: 12px;
}

.myprofile .title-message h1 {
    font-size: 40px;
    font-weight: bold;
    text-transform: uppercase;
    color: #756f67;
    border-style: none;
    padding: 0px;
    font-family: Verdana, sans-serif;
}

.myprofile h1 {
    display: block;
    padding-top: 26px;
    padding-bottom: 26px;
    border-top: solid 1px #a7a6a5;
    font-size: 16px;
    margin-right: 10px;
}

    .myprofile h1.no-padding {
        padding-bottom: 0px !important;
    }

.myprofile .profile-content h2 {
    display: block;
    padding-top: 26px;
    font-size: 15px;
    font-weight: normal;
    margin-bottom: 10px;
}

.myprofile textarea {
    display: block;
    /* width: 600px; */
    width: 100%;
    /*font-family: 'Myriad Pro';*/
    font-size: 14px;
    color: #7d7573;
    padding: 10px;
    resize: none;
    outline: none !important;
    border: solid 1px #a7a6a5;
}

.myprofile .tab.information {
    height: 596px;
}

.profile-content .profile-row {
    line-height: 41px;
}

    .profile-content .profile-row span {
        width: 145px;
        display: inline-block;
        font-weight: normal;
    }

    .profile-content .profile-row > input, .profile-content .profile-row > select {
        display: inline-block;
        width: 446px;
        /*font-family: 'Myriad Pro';*/
        font-size: 12px;
        color: #635f5a;
        background: #fff;
        border: solid 1px #a7a6a5;
        border-radius: 3px;
        padding: 3px 10px 2px 15px;
        line-height: 22px;
    }

    .profile-content .profile-row > select {
        background-image: url(/images/memberpage/triangle_down.png);
        background-repeat: no-repeat;
        background-position: 418px center;
        background-size: 9px 5px;
    }

    .profile-content .profile-row span.age-from {
        width: 70px;
        margin-right: 20px;
    }

    .profile-content .profile-row span.age-to {
        width: 50px;
        margin-left: 58px;
        margin-right: 20px;
    }

    .profile-content .profile-row select.age-from,
    .profile-content .profile-row select.age-to {
        width: 50px;
        background-position-x: 100px;
    }

    .profile-content .profile-row span.phone-plus {
        text-align: center;
        width: 14px;
    }

    .profile-content .profile-row input.phone-country-code {
        width: 95px;
    }

    .profile-content .profile-row input.phone-number {
        width: 338px;
        margin-left: 10px;
    }

.myprofile select::-ms-expand {
    display: none;
}

.myprofile > table {
    display: block;
}

select.picker__select--month, select.picker__select--year {
    height: auto !important;
    font-size: 13px !important;
}

.picker__box {
    font-size: 15px !important;
}

.profile-content .profile-row .child-gender {
    margin-left: 148px;
    width: 126px;
    background-position: 107px center !important;
}

.profile-content .profile-row .child-year {
    width: 126px;
    margin-left: 11px;
    background-position: 107px center !important;
}

.myprofile .validation-error-text {
    padding-left: 10px;
}

/* POPUP */

.message-popup-wrapper {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    z-index: 10000;
    display: none;
}

    .message-popup-wrapper .message {
        width: 690px;
        padding-left: 15px;
        padding-right: 15px;
        text-align: center;
        font-size: 18px;
        font-weight: bold;
        height: 260px;
        display: table-cell;
        vertical-align: middle;
        color: #534f50;
        /*font-family: 'Myriad Pro';*/
    }

.modal-background {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    background-color: #000;
    opacity: 0.7;
    z-index: 10001;
}

.message-popup {
    position: absolute;
    display: block;
    width: 690px;
    height: 340px;
    background-color: #fff;
    border-radius: 3px;
    z-index: 10002;
    text-align: center;
}

    .message-popup a {
        text-decoration: none;
        color: #534f50;
        border-bottom: dashed 1px #534f50;
    }

        .message-popup a:hover {
            color: #000;
            border-bottom: solid 1px #000;
        }

        .message-popup a.button {
            background-color: #625e59;
            color: #c9c8c6;
            padding: 10px 25px 10px 25px !important;
            border-radius: 5px;
            /*font-family: 'Myriad Pro';*/
            font-size: 15px !important;
            text-transform: uppercase;
            font-weight: bold;
            text-decoration: none;
            letter-spacing: 0.015em;
            line-height: 20px !important;
            cursor: pointer;
            border: 0 none;
            outline: none;
            display: inline-block;
        }

            .message-popup a.button:hover {
                color: #fff;
                background-color: #4f4d49;
            }
/* End of POPUP */

/* SETTINGS */
.settings .member-page .content-area-wrapper {
    /* min-height: 1670px; */
}

    .settings .member-page .content-area-wrapper.short {
        /* min-height: 1630px; */
    }

.settings .member-page .footer-buttons.center input {
    margin: 20px 0;
    padding: 10px 36px;
}

.settings select.invalid-required, .settings input.invalid-required {
    border: solid 1px #ff0000;
}

.settings .user-profile {
    margin-top: 0px;
}

.settings h2 {
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    color: #756f67;
    padding-bottom: 30px;
}
.settings a.change-password-link {
    color: #635f5a;
    display: inline-block;
    text-decoration: none;
    font-weight: normal;
    font-size: 14px;
    border-bottom: dashed 1px #635f5a;
    margin: 0px 0px 30px 0px;
}

.settings a.change-password-link:hover {
    border-bottom: solid 1px #635f5a;
}

.message-popup.change-password table {
    width: 100% !important;
}

.message-popup.change-password {
    font-size: 11px;
    color: #534f50;
    height: 245px;
    padding-left: 60px;
    padding-top: 40px;
}

.message-popup.change-password .row {
    line-height: 41px;
    text-align: left;
}

.message-popup.change-password .row span {
    display: inline-block;
    font-weight: normal;
    width: 170px;
    text-transform: uppercase;
}

.message-popup.change-password .row input {
    display: inline-block;
    display: inline-block;
    width: 446px;
    /*font-family: 'Myriad Pro';*/
    font-size: 12px;
    color: #807b75;
    background: #fff;
    border: solid 1px #a7a6a5;
    border-radius: 3px;
    padding: 3px 10px 2px 15px;
    line-height: 22px;
}

.message-popup.change-password .buttons {
    padding-top: 40px;
    text-align: center;
}

.message-popup.change-password .buttons .green-btn {
    color: #fff;
}

.message-popup.change-password .row input.invalid-required {
    border: solid 1px #ff0000 !important;
}

.message-popup.change-password .row.change-password-current {}

.message-popup.change-password .row.change-password-new {}

.message-popup.change-password .row.change-password-confirm {}

/* CREDITS HISTORY */
.creditshistory .user-profile {
    min-height: 785px;
}

.creditshistory .credits-info-block {
    margin: 18px 0px 18px 0px;
    padding: 18px 0px 18px 0px;
    border-top: solid 1px #a7a6a5;
    border-bottom: solid 1px #a7a6a5;
    font-weight: normal;
}

    .creditshistory .credits-info-block b {
        font-weight: bold;
    }

.creditshistory .no-account-activity {
    font-weight: normal;
}

.creditshistory .credits-info-block span {
    display: block;
    margin-bottom: 18px;
    font-size: 14px;
}

.creditshistory .dates-range-block {
    border: solid 1px #a7a6a5;
    padding: 15px 15px 18px 18px;
    margin-bottom: 30px;
    font-size: 14px;
    font-weight: normal;
}

    .creditshistory .dates-range-block input {
        font-size: 14px;
        padding: 14px 25px;

        width: 145px;
        height: 27px;
        margin-left: 18px;
        margin-right: 18px;
        background-color: #fff;
        border: solid 1px #a7a6a5;
        color: #a7a6a5;
    }

        .creditshistory .dates-range-block input.green {
            float: right;
            width: 70px;
            margin: 2px 0px 0px 0px;
            height: 29px;
            border: none;
        }

    .creditshistory .dates-range-block .green {
        padding: 6px;
        border-radius: 4px;
        color: #fff;
        font-size: 12px;
        font-weight: normal;
    }

.creditshistory .pager-wrapper {
    padding-right: 0px;
}

table.credits-history th:nth-of-type(1) {
    width: 90px;
}

table.credits-history th:nth-of-type(2) {
    width: 70px;
}

table.credits-history th:nth-of-type(4) {
    width: 70px;
}

.gridview {
    border-collapse: collapse;
    border-color: #000000;
    border-style: solid;
    border-width: 1px;
    font-size: 14px;
    font-weight: normal;
    width: 100%;
}

    .gridview td, th {
        border-color: #cccccc;
        border-style: solid;
        border-width: 1px 1px 1px 1px;
        padding: 5px;
    }

    .gridview tr:nth-child(even) {
        background: #f5f5f5;
    }

        .gridview .header {
            /*background-color: #dddddd;*/
            background-color: #79716C;
            color: white;
            font-weight: bold;
        }

        .gridview .data-row {
        }

        .gridview .data-row-alt {
            background-color: #f5f5f5;
        }

.creditshistory .footer, .myorders .footer {
    margin-top: 30px;
    /* border-top: solid 1px #a7a6a5; */
}

/* FAQ */
.faq .user-profile {
    font-weight: normal;
}

.faq .member-page .content-area-wrapper {
    /*min-height: 1861px;*/
}

.faq h1 {
    font-weight: bold;
    font-size: 16px;
    text-transform: uppercase;
}

.faq hr {
    border-top: solid 1px #a7a6a5;
    padding-bottom: 40px;
}

.faq .faq-block {
    position: relative;
    margin: 25px 0px 0px 0px;
    padding: 25px 0px 0px 0px;
    border-top: solid 1px #a7a6a5;
}

    .faq .faq-block:last-of-type {
        margin: 25px 0px 25px 0px;
        padding: 25px 0px 25px 0px;
    }

    .faq .faq-block span {
        color: #635f5a !important;
    }

    .faq .faq-block.collapsed {
    }

    .faq .faq-block .text1 {
        display: block;
        overflow: hidden;
        margin-top: 18px;
        font-size: 12px;
        width: 500px;
    }

    .faq .faq-block .text2 {
        display: block;
        overflow: hidden;
        margin-top: 18px;
    }

    .faq .faq-block p + p {
        margin-top: 5px;
    }

    .faq .faq-block.collapsed .text1 {
        height: auto;
    }

    .faq .faq-block.expanded .text1 {
        height: 0px;
    }

    .faq .faq-block.collapsed .text2 {
        height: 0px;
        margin-top: 0px;
    }

    .faq .faq-block.expanded .text2 {
        padding-bottom: 60px;
        text-align: justify;
    }

    .faq .faq-block a {
        color: #fff;
        font-size: 12px;
        border-radius: 4px;
        display: inline-block;
        position: absolute;
        padding: 5px 12px 6px 12px;
        cursor: pointer;
        border: none;
        background-color: #54ab35;
        background-image: linear-gradient(to bottom, #54ab35, #489430);
        right: 0px;
        bottom: 0px;
    }

        .faq .faq-block a:hover {
            background-image: linear-gradient(to bottom, #449b25, #388420);
            text-decoration: none;
        }

    .faq .faq-block.expanded a {
    }

        .faq .faq-block.expanded a:hover {
            background-color: #4f4d49;
        }

    .faq .faq-block.collapsed a.show-more {
        opacity: 1;
        z-index: 100;
    }

    .faq .faq-block.expanded a.show-more {
        opacity: 0;
        z-index: 1;
    }

    .faq .faq-block.collapsed a.show-less {
        opacity: 0;
        z-index: 1;
        background-color: #625e59;
        background-image: none;
    }

    .faq .faq-block.expanded a.show-less:hover {
        background-color: #4f4d49;
        background-image: none;
    }

    .faq .faq-block.expanded a.show-less {
        opacity: 1;
        z-index: 100;
        background-color: #625e59;
        background-image: none;
        padding: 5px 16px 6px 16px;
    }

        .faq .faq-block.expanded a.show-less:hover {
            background-color: #4f4d49;
            background-image: none;
        }

.start-package-purchase-container {
    display: block;
    position: absolute;
    width: 800px;
    /* height: 722px; */
    height: 700px;
    background-color: #fcf9f9;
    z-index: 10002;
    left: 50%;
    top: 50%;
    margin-left: -423px;
    margin-top: -384px;
    padding: 23px;
    cursor: default;
}

.edit-photo-container {
    display: block;
    position: absolute;
    width: 800px;
    /* height: 722px; */
    height: 600px;
    background-color: #fcf9f9;
    z-index: 10002;
    left: 50%;
    top: 60%;
    margin-left: -423px;
    margin-top: -384px;
    padding: 23px;
    cursor: default;
}


    .start-package-purchase-container .closeicon {
        position: absolute;
        right: -15px;
        top: -15px;
        width: 30px;
        height: 30px;
        background-image: url(/images/memberpage/close_2.png);
        background-repeat: no-repeat;
        cursor: pointer;
    }
.credits-discount-container .credits-closeicon {
    position: absolute;
    right: -15px;
    top: -15px;
    width: 30px;
    height: 30px;
    background-image: url(/images/memberpage/close_2.png);
    background-repeat: no-repeat;
    cursor: pointer;
}

    .book-consult-container .book-closeicon {
        position: absolute;
        right: -15px;
        top: -15px;
        width: 30px;
        height: 30px;
        background-image: url(/images/memberpage/close_2.png);
        background-repeat: no-repeat;
        cursor: pointer;
    }
.activate-profile-container .activate-closeicon {
    position: absolute;
    right: -15px;
    top: -15px;
    width: 30px;
    height: 30px;
    background-image: url(/images/memberpage/close_2.png);
    background-repeat: no-repeat;
    cursor: pointer;
}


    .start-package-purchase-container .top-block {
        width: 800px;
        height: 325px;
        background-image: url(/images/memberpage/start_package_purchase_top.jpg?val=29usd);
        background-size: 800px 337px;
        background-repeat: no-repeat;
    }
    .start-package-purchase-container.buy-credits .top-block {
        height: 337px;
    }

@media (-webkit-min-device-pixel-ratio: 1.4), (min-device-pixel-ratio: 1.4), (min-resolution: 72dpi) {
    .start-package-purchase-container .top-block {
        background-image: url(/images/memberpage/start_package_purchase_top_2.0x.jpg?val=29usd);
        background-size: 800px 337px;
    }
    .start-package-purchase-container .closeicon {
        background-image: url(/images/memberpage/close_2_2.0x.png);
        background-size: 30px 30px;
    }
    .credits-discount-container .credits-closeicon {
        background-image: url(/images/memberpage/close_2_2.0x.png);
        background-size: 30px 30px;
    }

    .book-consult-container .book-closeicon {
        background-image: url(/images/memberpage/close_2_2.0x.png);
        background-size: 30px 30px;
    }
    .activate-profile-container .activate-closeicon {
        background-image: url(/images/memberpage/close_2_2.0x.png);
        background-size: 30px 30px;
    }


}

.start-package-purchase-container .payment-block {
    width: 303px;
    height: 285px;
    margin-left: 250px;
    color: #706866;
}

    .start-package-purchase-container .payment-block h3 {
        padding-top: 23px;
        text-align: center;
        width: 100%;
        font-size: 18px;
        font-weight: bold;
        /*font-family: 'Myriad Pro';*/
        color: #706866;
        letter-spacing: 0.2;
        margin-bottom: 0;
    }

    .start-package-purchase-container .payment-block .card-info input {
        display: inline-block;
        /* font-family: "Lucida Console", Monaco, monospace; */
        font-size: 14px;
        /*font-size: 18px;*/
        /*font-size: 15px;*/
        color: #615755;
        background: #f7f5f4;
        border: solid 1px #a7a6a5;
        border-radius: 3px;
        /* padding: 1px 10px 2px 12px;
        line-height: 28px; */
        padding: 6px 10px 7px 12px;
        outline: none;
    }

        .start-package-purchase-container .payment-block .card-info input.card-number {
            margin-top: 8px;
            background-image: url(/images/memberpage/visa_mastercard_logo.png);
            background-size: 63px 19px;
            background-position: 232px center;
            background-repeat: no-repeat;
        }

@media (-webkit-min-device-pixel-ratio: 1.4), (min-device-pixel-ratio: 1.4), (min-resolution: 72dpi) {
    .start-package-purchase-container .payment-block .card-info input.card-number {
        background-image: url(/images/memberpage/visa_mastercard_logo_2.0x.png);
        background-size: 63px 19px;
    }
}


.start-package-purchase-container .payment-block .card-info input.card-month,
.start-package-purchase-container .payment-block .card-info input.card-year {
    width: 77px;
    margin-right: 8px;
    margin-top: 7px;
    margin-bottom: 7px;
}

.start-package-purchase-container .payment-block .card-info input.card-year {
    width: 79px;
    margin-right: 9px;
}

.start-package-purchase-container .payment-block .card-info input.card-number {
    margin-top: 8px;
}

.start-package-purchase-container .payment-block .card-info input.card-cvv {
    width: 120px;
    background-image: url(/images/memberpage/card-ccv.png);
    background-size: 31px 20px;
    background-position: 81px 4.5px;
    background-repeat: no-repeat;
}

.start-package-purchase-container .payment-block .card-info input.checkbox {
    display: none;
}

.start-package-purchase-container .payment-block .card-info label.agreement {
    font-size: 12px;
    display: inline-block;
    text-transform: none;
    font-weight: normal;
}

.start-package-purchase-container .payment-block .card-info label.agreement a {
    color: rgb(112, 104, 102);
    text-decoration: underline;
}

.start-package-purchase-container .payment-block .agreement-wrap {
    margin: 12px 0;
    text-align: center;
}
.start-package-purchase-container .payment-block .agreement-wrap .agreement-checkbox {
    /* top: 16px; */
    left: -10px;
    position: relative;
}

@media (-webkit-min-device-pixel-ratio: 1.4), (min-device-pixel-ratio: 1.4), (min-resolution: 72dpi) {
    .start-package-purchase-container .payment-block .card-info input.card-cvv {
        background-image: url(/images/memberpage/card-ccv_2.0x.png);
        background-size: 31px 20px;
    }
}

.start-package-purchase-container .payment-block .card-info input.invalid-required {
    border: solid 1px #ff0000 !important;
}
.textbox-book-consult .invalid-required {
    border: solid 1px #ff0000 !important;
}
.book-consult-container .invalid-required {
    border: solid 1px #ff0000 !important;
}


.start-package-purchase-container .payment-block .big-green-button {
    position: relative;
    bottom: 0px;
    left: 0px;
    margin-left: 0px;
    width: 100%;
    margin-top: 7px;
    height: 42px;
    padding: 0px;
    outline: none;
    border: none;
}

.start-package-purchase-container .payment-block .paypal-button {
    display: inline-block;
    background-image: url(/images/memberpage/PayPal_logo.png);
    background-size: 73px 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
    border: solid 1px #a7a6a5;
    border-radius: 3px;
    width: 100%;
    height: 42px;
    cursor: pointer;
}


@media (-webkit-min-device-pixel-ratio: 1.4), (min-device-pixel-ratio: 1.4), (min-resolution: 72dpi) {
    .start-package-purchase-container .payment-block .paypal-button {
        background-image: url(/images/memberpage/PayPal_logo_2.0x.png);
        background-size: 73px 20px;
    }
}

.start-package-purchase-container .payment-block .paypal-button:hover {
    border: solid 2px #209ad2;
}

.start-package-purchase-container .payment-block .alternative-method {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 10px;
    line-height: 31px;
}

.start-package-purchase-container .bottom-text {
    text-transform: uppercase;
    font-size: 8px;
    text-align: center;
    margin-top: 12px;
    color: #7d7573;
    margin-bottom: 16px;
    font-weight: normal;
}

.start-package-purchase-container .bottom-text a {
    text-decoration: underline;
    color: #7d7573;
}

    .start-package-purchase-container .bottom-text b {
        font-size: 18px;
        font-weight: bold;
        line-height: 8px;
        vertical-align: bottom;
        padding-right: 10px;
        letter-spacing: -0.1;
    }

.start-package-purchase-container .support-block {
    /* height: 34px;
    background-color: #f1eeee; */
    font-size: 9px;
    text-transform: uppercase;
    text-align: center;
    /* line-height: 34px; */
    /* margin-top: 12px; */
}
/* .start-package-purchase-container.buy-credits .support-block {
    height: 34px;
    background-color: #f1eeee;
} */

    .start-package-purchase-container .support-block a {
        color: unset;
        text-decoration: underline;
    }

.start-package-purchase-container.buy-credits .top-block {
    /* background-image: url(/images/memberpage/credits_purchase_top.jpg);
    background-repeat: no-repeat;
    background-size: 800px 337px; */
    background-image: none;
    background-color: #f1eeee;
}
.start-package-purchase-container .top-block .response {
    /* background-image: url(/images/memberpage/credits_purchase_top.jpg);
    background-repeat: no-repeat;
    background-size: 800px 337px; */
    background-image: none;
    background-color: #f1eeee;
}


.start-package-purchase-container .emp-logo {
    background-image: url(/images/memberpage/eMPPay.png);
    background-size: 150px 24px;
    background-position: center;
    background-repeat: no-repeat;
    height: 24px;
}

@media (-webkit-min-device-pixel-ratio: 1.4), (min-device-pixel-ratio: 1.4), (min-resolution: 72dpi) {
    .start-package-purchase-container.buy-credits .top-block {
        /* background-image: url(/images/memberpage/credits_purchase_top_2.0x.jpg);
        background-size: 800px 337px; */
    }
    .start-package-purchase-container .emp-logo {
        background-image: url(/images/memberpage/eMPPay_2.0x.png);
        background-size: 150px 24px;
        background-position: center;
        background-repeat: no-repeat;
    }
}

.start-package-purchase-container.buy-credits .top-block h1 {
    font-size: 32px;
    text-align: center;
    font-weight: bold;
    padding-top: 15px;
}

.start-package-purchase-container.buy-credits .top-block h2 {
    font-size: 12px;
    text-align: center;
    padding-top: 7px;
    letter-spacing: 0.58px;
    padding-bottom: 0;
    text-transform: none;
}

.start-package-purchase-container.buy-credits .top-block .credits-buttons-container {
    padding-left: 128px;
    padding-top: 25px;
}

.start-package-purchase-container.buy-credits .top-block .credits-button {
    position: relative;
    display: inline-block;
    width: 161px;
    height: 58px;
    background-color: #fff;
    border-radius: 4px;
    margin-right: 28px;
    margin-bottom: 12px;
}


    .start-package-purchase-container.buy-credits .top-block .credits-button.dt:hover,
    .start-package-purchase-container.buy-credits .top-block .credits-button.active {
        background-color: #635b58;
        text-decoration: none;
    }

    .start-package-purchase-container.buy-credits .top-block .credits-button span.amount {
        display: block;
        text-align: center;
        color: #009733;
        padding-top: 12px;
        font-size: 17px;
        font-weight: bold;
        line-height: 16px;
        padding-right: 10px;
    }

    .start-package-purchase-container.buy-credits .top-block .credits-button.dt:hover span.amount,
    .start-package-purchase-container.buy-credits .top-block .credits-button.active span.amount {
        color: #fff;
        text-decoration: none;
    }

    .start-package-purchase-container.buy-credits .top-block .credits-button span.price {
        display: block;
        text-align: center;
        color: #000000;
        padding-top: 2px;
        font-size: 16px;
        padding-right: 10px;
    }

    .start-package-purchase-container.buy-credits .top-block .credits-button.dt:hover span.price,
    .start-package-purchase-container.buy-credits .top-block .credits-button.active span.price {
        color: #dcd8d6;
        text-decoration: none;
    }

    .start-package-purchase-container.buy-credits .top-block .credits-button .discount-splash {
        position: absolute;
        right: -22px;
        top: -6px;
        width: 44px;
        height: 44px;
        background-image: url(/images/memberpage/discount_splash_white.png);
        background-size: 44px 44px;
        background-repeat: no-repeat;
    }

@media (-webkit-min-device-pixel-ratio: 1.4), (min-device-pixel-ratio: 1.4), (min-resolution: 72dpi) {
    .start-package-purchase-container.buy-credits .top-block .credits-button .discount-splash {
        background-image: url(/images/memberpage/discount_splash_white.png);
        background-size: 44px 44px;
    }
}

.start-package-purchase-container.buy-credits .top-block .credits-button .discount-splash span {
    color: #786e6d;
    font-weight: bold;
    font-size: 13px;
    display: inline-block;
    position: relative;
    margin-left: 5px;
    margin-top: 10px;
    text-align: center;
    line-height: 13px;
}

.start-package-purchase-container.buy-credits .top-block .credits-button.dt:hover .discount-splash,
.start-package-purchase-container.buy-credits .top-block .credits-button.active .discount-splash {
    background-image: url(/images/memberpage/discount_splash_green.png);
}

@media (-webkit-min-device-pixel-ratio: 1.4), (min-device-pixel-ratio: 1.4), (min-resolution: 72dpi) {
    .start-package-purchase-container.buy-credits .top-block .credits-button.dt:hover .discount-splash,
    .start-package-purchase-container.buy-credits .top-block .credits-button.active .discount-splash {
        background-image: url(/images/memberpage/discount_splash_green_2.0x.png);
    }
}

.start-package-purchase-container.buy-credits .top-block .credits-button.dt:hover .discount-splash span,
.start-package-purchase-container.buy-credits .top-block .credits-button.active .discount-splash span {
    color: #fff;
}

.start-package-purchase-container.buy-credits .top-block .coupon-container {
    text-align: center;
    font-size: 10px;
    margin-top: 25px;
    padding-bottom: 6px;
}

    .start-package-purchase-container.buy-credits .top-block .coupon-container.have-a-coupon {
        margin-top: 8px;
        padding-bottom: 0px;
    }

    .start-package-purchase-container.buy-credits .top-block .coupon-container .coupon-question {
    }

        .start-package-purchase-container.buy-credits .top-block .coupon-container .coupon-question a {
            color: #000;
            cursor: pointer;
            text-decoration: underline;
        }

    .start-package-purchase-container.buy-credits .top-block .coupon-container.have-a-coupon .coupon-question {
        display: none;
    }

    .start-package-purchase-container.buy-credits .top-block .coupon-container .coupon-code {
        display: none;
        height: 26px;
        overflow: visible;
    }

        .start-package-purchase-container.buy-credits .top-block .coupon-container .coupon-code .code {
            background-color: #fff;
            font-size: 11px;
            width: 178px;
            padding: 5px 5px 5px 13px;
            margin-right: 20px;
            letter-spacing: -0.1px;
            border: solid 1px transparent;
        }

            .start-package-purchase-container.buy-credits .top-block .coupon-container .coupon-code .code.invalid {
                border: solid 1px #ff0000;
            }

        .start-package-purchase-container.buy-credits .top-block .coupon-container .coupon-code .apply {
            font-size: 11px;
            background-color: #8a807f;
            width: 104px;
            padding: 7px 5px 7px 3px;
            color: #fff;
            border: none;
            letter-spacing: -0.8px;
            border-radius: 3px;
            cursor: pointer;
            outline: none;
            border: none;
        }

            .start-package-purchase-container.buy-credits .top-block .coupon-container .coupon-code .apply:hover {
                background-color: #685c5a;
            }

    .start-package-purchase-container.buy-credits .top-block .coupon-container.have-a-coupon .coupon-code {
        display: block;
    }

.start-package-purchase-container.buy-credits .top-block .order-totals {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    letter-spacing: -0.1px;
    margin-top: 10px;
    text-transform: uppercase;
}

.start-package-purchase-container.buy-credits .top-block .credits-info {
    font-size: 11px;
    text-align: center;
    margin-top: 9px;
    font-weight: bold;
    color: #009733;
}

.start-package-purchase-container.buy-credits .bottom-text {
    margin-top: 10px;
    margin-bottom: 10px;
}



.message-popup.change-email {
    font-size: 14px;
    color: #534f50;
    height: 245px;
    padding-left: 60px;
    padding-top: 40px;
}

.message-popup.change-email .row {
    line-height: 41px;
    text-align: left;
}

.message-popup.change-email .row span {
    display: inline-block;
    width: 176px;
}

.message-popup.change-email .row input {
    display: inline-block;
    display: inline-block;
    width: 446px;
    /*font-family: 'Myriad Pro';*/
    font-size: 11px;
    color: #807b75;
    background: #fff;
    border: solid 1px #a7a6a5;
    border-radius: 3px;
    padding: 3px 10px 2px 15px;
    line-height: 22px;
}
.message-popup.change-email .row input:read-only {
    color: #a7a6a5;
}

.message-popup.change-email .buttons {
    padding-top: 40px;
}

.message-popup.change-email .buttons .green-btn {
    color: #fff;
}

.message-popup.change-email .row input.invalid-required {
    border: solid 1px #ff0000 !important;
}


@media screen and (max-height: 910px) {
    .start-package-purchase-container {
        padding: 10px;
        margin-top: -350px;
        height: 670px;
    }
    .start-package-purchase-container.buy-credits .bottom-text {
        font-size: 8px;
        margin-top: 14px;
        margin-bottom: 14px;
    }
    .start-package-purchase-container.buy-credits {
        margin-top: -342px;
    }

    .start-package-purchase-container .closeicon {
        top: 15px;
        right: 15px;
    }
        .credits-discount-container .credits-closeicon {
            top: 15px;
            right: 15px;
        }

        .book-consult-container .book-closeicon {
            top: 0;
            right: 0;
        }
    .activate-profile-container .activate-closeicon {
        top: 0;
        right: 0;
    }



    .start-package-purchase-container.buy-credits .top-block {
        height: auto;
    }

    .start-package-purchase-container .top-block {
        height: 320px;
    }

    .start-package-purchase-container.buy-credits .top-block h1 {
        font-size: 25px;
        padding-top: 10px;
    }

    .start-package-purchase-container.buy-credits .top-block .order-totals {
        font-size: 20px;
    }

    .start-package-purchase-container.buy-credits .top-block .credits-buttons-container {
        padding-top: 15px;
    }

    .start-package-purchase-container.buy-credits .top-block .coupon-container {
        margin-top: 0;
    }

    .start-package-purchase-container.buy-credits .top-block .coupon-container.have-a-coupon {
        margin-top: 0;
    }

    .start-package-purchase-container.buy-credits .top-block .credits-info {
        padding-bottom: 10px;
    }

    .start-package-purchase-container .payment-block h3 {
        padding-top: 10px;
    }

    .start-package-purchase-container .payment-block {
        height: auto;
    }

    .start-package-purchase-container:not(.buy-credits) .bottom-text {
        margin-top: 0;
        margin-bottom: 10px;
    }
    .start-package-purchase-container:not(.buy-credits) .support-block {
        margin-top: 5px;
    }
}


/* SUPPORT */

.support .member-page .content-area-wrapper {

}

.support .user-profile {
}

.support .user-profile p.description {
    border-bottom: solid 1px #a9a2a1;
    padding-bottom: 34px;
    margin-bottom: 33px;
    padding-top: 16px;
    padding-left: 3px;
    letter-spacing: 0.3;
}

.support .user-profile p.description a {
    color: #88817b;
    text-decoration: none;
    border-bottom: dashed 1px #88817b;
}

.support .user-profile p.description a:hover {
    border-bottom: solid 1px #88817b;
}

.support h1 {
    font-size: 16px;
    font-weight: bold;
    color: #756f67;
}

.support .support-messages tbody tr:hover {
    color: #54ab35;
}

.support .support-messages td {
    cursor: pointer;
}

.support .support-messages th:nth-of-type(1) {
    width: 90px;
}

.support .support-messages th:nth-of-type(2) {
    width: 70px;
}

.support .support-messages th:nth-of-type(3) {
    width: 240px;
}

.support .support-messages th:nth-of-type(4) {
    width: 70px;
}

.support .no-account-activity {
    font-weight: normal;
}

.support .credits-info-block span {
    display: block;
    margin-bottom: 18px;
}

.support .search-block {
    min-height: 164px;
}

.support .new-ticket-block {
    margin-top: 50px;
    padding-top: 29px;
    border-top: solid 1px #a9a2a1;
}

.support .search-criteria {
    border: solid 1px #a9a2a1;
    padding: 15px 15px 15px 18px;
    margin-bottom: 27px;
    margin-top: 6px;
    font-size: 10px;
    font-weight: normal;
    display: flex;
    /* flex-wrap: wrap; */
    justify-content: space-between;
    align-items: center;
}

.support .search-criteria input {
    font-size: 13px;
}

.support .search-criteria input.green {
    /* display: inline-block;
    position: absolute;
    right: 45px; */
    width: 70px;
    margin: 2px 0px 0px 5px;
    height: 29px;
    border: none;
}

.support .search-criteria input.reference-id {
    border-radius: 0px;
}

.support .search-criteria .green {
    padding: 6px;
    border-radius: 4px;
    color: #fff;
    font-size: 12px;
    font-weight: normal;
    outline: none;
}

.support .search-criteria input {
    width: 66px;
    height: 27px;
    margin-left: 8px;
    margin-right: 10px;
    padding: 5px;
    background-color: #fff;
    border: solid 1px #a7a6a5;
    color: #7f7974;
}

.support select {
    display: inline-block;
    width: 100px;
    font-size: 12px;
    color: #7f7974;
    background: #fff;
    border: solid 1px #a7a6a5;
    border-radius: 3px;
    padding: 3px 10px 2px 10px;
    line-height: 22px;

    background-image: url(/images/memberpage/triangle_down.png);
    background-repeat: no-repeat;
    background-position: 95px center;
    background-size: 9px 5px;

    margin-bottom: 0;
}

.support .search-criteria select.subject {
    /* margin-left: 8px;
    margin-right: 10px; */
    width: 150px;
    background-position: 129px center;

}

.support .search-criteria select.status {
    /* margin-left: 10px;
    width: 75px; */
}

.support .search-criteria select.status {
    background-position: 56px center;

}

.support .search-criteria input.reference-id,
.support .search-criteria select.subject,
.support .search-criteria select.status {
    margin-left: 3px;
    margin-right: 5px;
}

.support .new-ticket-block {
    font-size: 14px;
    font-weight: normal;    
}

.support .new-ticket-block .subject-row {
    margin-top: 25px;
}

.support .new-ticket-block .subject-row span {
    display: inline-block;
    width: 150px;
    font-size: 12px;
}

.support .new-ticket-block .subject-row select {
    display: inline-block;
    width: 444px;
    background-position: 416px center;
    color: #7f7974;
}

.support .new-ticket-block .inquiry-container {
    margin-top: 28px;
}

.support .new-ticket-block .inquiry-container span {
    display: block;
    font-size: 12px;
}

.support .new-ticket-block .inquiry-container textarea {
    /*font-family: 'Myriad Pro';*/
    margin-top: 13px;
    width: 100%;
    min-height: 153px;
    resize: vertical;
    outline: none;
    color: #7f7974;
}

.support .new-ticket-block .inquiry-container textarea.invalid-required {
    border: solid 1px #ff0000;
}

.support .pager-wrapper {
    padding-right: 0px;
}

.support .new-ticket-block .footer {
    /* border-top: solid 1px #a7a6a5; */
    margin-top: 37px;
    padding-top: 20px;
}

.support .new-ticket-block .footer input {
    position: relative;
    /* display: inline-block; */
    display: block;
    margin: 23px auto 10px;
    bottom: unset;
    left: unset;
    margin-bottom: 30px;
}

/* MY ORDERS */

.myorders .member-page .content-area-wrapper {

}

.myorders .user-profile {
    min-height: 785px;
}

.myorders .user-profile p.description {
    border-bottom: solid 1px #a9a2a1;
    padding-bottom: 34px;
    margin-bottom: 33px;
    padding-top: 16px;
    padding-left: 3px;
    letter-spacing: 0.3;
}

.myorders .user-profile p.description a {
    color: #88817b;
    text-decoration: none;
    border-bottom: dashed 1px #88817b;
}

.myorders .user-profile p.description a:hover {
    border-bottom: solid 1px #88817b;
}

.myorders h1 {
    font-size: 16px;
    font-weight: bold;
}

.myorders .support-messages tbody tr:hover {
    color: #54ab35;
}

.myorders .support-messages td {
    cursor: pointer;
}

.myorders .support-messages th:nth-of-type(1) {
    width: 90px;
}

.myorders .support-messages th:nth-of-type(2) {
    width: 70px;
}

.myorders .support-messages th:nth-of-type(3) {
    width: 240px;
}

.myorders .support-messages th:nth-of-type(4) {
    width: 70px;
}

.myorders .no-account-activity {
    font-weight: normal;
}

.myorders .search-block {
    min-height: 164px;
}

.myorders .new-ticket-block {
    margin-top: 50px;
    padding-top: 29px;
    border-top: solid 1px #a9a2a1;
}

.myorders .search-criteria {
    border: solid 1px #a9a2a1;
    padding: 15px 15px 15px 18px;
    margin-bottom: 27px;
    margin-top: 6px;
    font-size: 10px;
    font-weight: normal;
}

.myorders .search-criteria input {
    font-size: 13px;
}

.myorders .search-criteria input.green {
    display: inline-block;
    position: absolute;
    right: 45px;
    width: 70px;
    margin: 2px 0px 0px 0px;
    height: 29px;
    border: none;
}

.myorders .search-criteria input.reference-id {
    border-radius: 0px;
}

.myorders .search-criteria .green {
    padding: 6px;
    border-radius: 4px;
    color: #fff;
    font-size: 12px;
    font-weight: normal;
}

.myorders .search-criteria input {
    width: 66px;
    height: 27px;
    margin-left: 8px;
    margin-right: 10px;
    padding: 5px;
    background-color: #fff;
    border: solid 1px #a7a6a5;
    color: #7f7974;
}

.myorders select {
    display: inline-block;
    width: 100px;
    font-size: 12px;
    color: #7f7974;
    background: #fff;
    border: solid 1px #a7a6a5;
    border-radius: 3px;
    padding: 3px 10px 2px 10px;
    line-height: 22px;

    background-image: url(/images/memberpage/triangle_down.png);
    background-repeat: no-repeat;
    background-position: 95px center;
    background-size: 9px 5px;

    margin-bottom: 0px;
}

.myorders .search-criteria select.subject {
    /* margin-left: 8px;
    margin-right: 10px; */
    width: 150px;
    background-position: 129px center;

}

.myorders .search-criteria select.status {
    /* margin-left: 10px; */
    width: 75px;
}

.myorders .search-criteria select.status {
    background-position: 56px center;

}

.myorders .search-criteria input.reference-id,
.myorders .search-criteria select.subject,
.myorders .search-criteria select.status {
    margin-left: 3px;
    margin-right: 5px;
}

.myorders .pager-wrapper {
    padding-right: 0px;
}

/* SUPPORTCONVERSATION */

.supportconversation .user-profile {
    min-height: 785px;
}
.supportconversation .user-profile .header .status {
    float: right;
    font-weight: normal;

}

.supportconversation .new-message-block {
    border-bottom: solid 1px #a7a6a5;
}

.supportconversation .new-message-block span {
    display: block;
    padding-top: 35px;
    padding-bottom: 22px;
    color: #756f67;
}

.supportconversation .new-message-block textarea {
    width: 100%;
    min-height: 152px;
    resize: vertical;
    border: solid 1px #a7a6a5;
    outline: none;
    /*font-family: 'Myriad Pro';*/
    color: #7d7573;

}

.supportconversation textarea.invalid-required {
    border: solid 1px #ff0000 !important;
}

.supportconversation .new-message-block input.big-green-button {
    display: inline-block;
    position: relative;
    bottom: unset;
    margin-top: 40px;
    margin-left: -111px;
    margin-bottom: 40px;
}

.supportconversation .conversation-block {
    margin-top: 35px;
}

.supportconversation .conversation-block > span {
    display: inline-block;
    padding-bottom: 22px;
    color: #756f67;
}

.supportconversation .conversation-block .message-block {
    margin-bottom: 40px;
    background-color: #eef0f4;
    font-size: 16px;
    padding: 20px;
}

.supportconversation .conversation-block .message-block .message-body {
    padding-top: 20px;
    font-weight: normal;
    overflow-wrap: break-word;
}

    .supportconversation .conversation-block .message-block .message-body h3, .supportconversation .conversation-block .message-block .message-body h4 {
        font-weight: bold;
    }

    .supportconversation .conversation-block .message-block .message-body p {
        margin: 15px 0;
    }


.supportconversation .conversation-block .message-block.sender-type-male {
    background-color: #edebea;
}

.supportconversation .conversation-block .message-block .date {
    float: right;
}

.supportconversation .conversation-block .message-block .time {
    float: right;
    padding-left: 35px;
}

/* ERROR */

.error-content {
    background-color: #ffffff;
    min-height: 100px;
    width: 90%;
    margin: 0 auto;
    text-align: center;
    padding: 30px;
    font-size: 25px;
}

/* INBOX */
.mailbox.content {
    position: relative;
    background-color: transparent;
    min-height: 735px;
    font-size: 16px;
    /*font-family: 'Myriad Pro';*/
    font-weight: bold;
    color: #635f5a;
    cursor: default;
}

.mailbox .message-block {
    height: 186px;
    color: #928d87;
    background-color: #fff;
    margin-bottom: 15px;
    position: relative;
    overflow: hidden;
    transition: height 0.5s;
    -webkit-transition: height 0.5s;
}

.mailbox .message-block .header {
    font-size: 13px;
    letter-spacing: 0.3;
    height: 46px;
    background-color: #edebea;
    padding: 0px 0px 0px 0px;
}

.mailbox .message-block.sent .header {
    background-color: #dde0e3;
}

.mailbox .message-block .header span {
    vertical-align: top;
}

.mailbox .message-block .header a,
.mailbox .message-block .header input {
    display: inline-block;
    vertical-align: top;
    margin: 10px 0px 10px 18px;
    width: 29px;
    height: 32px;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    outline: none;
    border: none;
    background-color: transparent;
}

.mailbox .message-block .header a.chat-video {
    background-position: -80px -5px;
    width: 29px;
    height: 32px;
    margin-left: 18px;
}
.mailbox .message-block .header a.chat-invite {
    background-position: -5px -5px;
    width: 29px;
    height: 32px;
    margin-left: 18px;
}
.mailbox .message-block .header a.chat-online {
    background-position: -40px -5px;
    width: 29px;
    height: 32px;
    margin-left: 18px;
}
.mailbox .message-block .header a.gifts {
    background-position: -4px -40px;
    width: 29px;
    height: 32px;
    margin-left: 11px;
}

.mailbox .message-block .header a.phone {
    background-position: -40px -40px;
    width: 29px;
    height: 32px;
    margin-left: 9px;
}
.mailbox .message-block .header a.meetdate {
    background-position: -120px -40px;
    width: 29px;
    height: 32px;
    margin-left: 8px;
}
.mailbox .message-block .header input.smiley_green {
    background-position: -160px -40px;
    width: 29px;
    height: 32px;
    margin-right: 14px;
    margin-left: 6px;
}
    .mailbox .message-block .header input.smiley {
        background-position: -80px -80px;
        width: 29px;
        height: 32px;
        margin-right: 14px;
        margin-left: 6px;
    }
.mailbox .message-block .header input.delete {
    background-position: -40px -80px;
    width: 29px;
    height: 32px;
    margin-right: 10px;
    margin-left: 13px;
}
.mailbox .message-block .header input.restore {
    background-position: -5px -80px;
    width: 29px;
    height: 32px;
    margin-right: 10px;
    margin-left: 17px;
}

.mailbox .message-block .header a,
.mailbox .message-block .header input {
    opacity: 0.6;
    background-image: url(/images/memberpage/mailbox-icons.png);
    background-size: 170px 110px;
}

.mailbox .message-block .header a:hover,
.mailbox .message-block .header input:hover {
    opacity: 1;
}

.mailbox .message-block.no-girl .header a,
.mailbox .message-block.no-girl .header input,
.mailbox .message-block.no-girl .header a:hover,
.mailbox .message-block.no-girl .header input:hover {
    opacity: 0.4;
    cursor: default;
}


.mailbox .message-block .status {
    display: inline-block;
    width: 69px;
    padding-left: 31px;
    line-height: 46px;
}

.mailbox .message-block.new .status {
    color: #4dac31;
}

.mailbox .message-block .status.long {
    width: 325px;
}

.mailbox .message-block .separator {
    display: inline-block;
    width: 1px;
    height: 24px;
    background-color: #b2aea9;
    margin: 11px 0px 8px 0px;
}

.mailbox .message-block .date-time {
    display: inline-block;
    width: 231px;
    padding-left: 18px;
    line-height: 46px;
}

.mailbox .message-block .message-content {
    margin: 15px 31px 15px 31px;
}

.mailbox .message-block .message-content .girl-info {
    vertical-align: top;
    line-height: 16px;
    display: inline-block;
    font-size: 11px;
    font-weight: normal;
    letter-spacing: 0.4px;
    margin-left: 18px;
    margin-top: -2px;
    min-width: 85px;
}

.mailbox .message-block .message-content .girl-info b {
    font-weight: bold;
}

.mailbox .message-block .message-content .check-id-label {
    font-weight: normal;
    font-size: 12px;
}

.mailbox .message-block .photo {
    display: inline-block;
    width: 73px;
    background-color: #666666;
    background-size: 67px auto;
}

.mailbox .message-block .photo img {
    width: 73px;
    height: 110px;
}

.mailbox .message-block .message-spoiler-container {
    display: inline-block;
    width: 180px;
    height: 36px;
    line-height: 18px;
    overflow: hidden;
    font-size: 13px;
    margin: 30px 0px 0px 50px;
    vertical-align: top;
}

.mailbox .message-block.new .message-spoiler-container {
    font-weight: bold;
}

.mailbox .message-block.opened .message-spoiler-container {
    font-weight: normal;
}

.mailbox .message-block .message-spoiler {
    display: inline-block;
    font-weight: bold;
    width: 180px;
    opacity: 1;
    transition: opacity 0.1s;
}

.mailbox .message-block .open-message {
    width: 142px;
    height: 33px;
    padding: 0px;
    text-align: center;
    line-height: 33px;
    font-size: 13px;
    position: absolute;
    left: 486px;
    top: 93px;
    bottom: unset;
    margin: 0px;
    text-decoration: none;
}

.mailbox .message-block .reply-message {
    width: 142px;
    height: 33px;
    padding: 0px;
    text-align: center;
    line-height: 33px;
    font-size: 13px;
    position: absolute;
    left: 486px;
    top: 93px;
    bottom: unset;
    margin: 0px;
    text-decoration: none;
}


.mailbox .message-block .open-message-comment {
    font-size: 9px;
    font-weight: normal;
    position: absolute;
    left: 494px;
    top: 132px;
    letter-spacing: 0.6px;
    color: #635f5a;
}

.mailbox .message-block.expanded {
}

.mailbox .message-block.expanded .message-spoiler {
    opacity: 0;
}

.mailbox .message-block.new .collapse-expand-bar {
    display: none;
}

.mailbox .message-block .collapse-expand-bar {
    position: absolute;
    width: 100%;
    height: 18px;
    bottom: 10px;
    background-image: url(/images/memberpage/arrow_up.png);
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    transform: scaleY(-1);
}

.mailbox .message-block.expanded .collapse-expand-bar {
    transform: scaleY(1);
}

.mailbox .message-block .collapse-expand-bar:hover {
    background-image: url(/images/memberpage/arrow_up_hover.png);
}

@media (-webkit-min-device-pixel-ratio: 1.4), (min-device-pixel-ratio: 1.4), (min-resolution: 72dpi) {
    .mailbox .message-block .collapse-expand-bar {
        background-image: url(/images/memberpage/arrow_up_2.0x.png);
        background-size: 13px 8px;
    }

    .mailbox .message-block .collapse-expand-bar:hover {
        background-image: url(/images/memberpage/arrow_up_hover_2.0x.png);
        background-size: 13px 8px;
    }

    .mailbox .message-block .header a.chat-invite,
    .mailbox .message-block .header a.chat-video,
    .mailbox .message-block .header a.chat-online,
    .mailbox .message-block .header a.gifts,
    .mailbox .message-block .header a.phone,
    .mailbox .message-block .header a.meetdate,
    .mailbox .message-block .header input.smiley,
    .mailbox .message-block .header input.smiley_green,
    .mailbox .message-block .header input.delete,
    .mailbox .message-block .header input.restore {
        background-image: url(/images/memberpage/mailbox-icons_2.0x.png);
        background-size: 223px 110px;
    }
}

.mailbox .message-block .message-content-expanded {
    margin: 15px 31px 15px 31px;
    font-size: 16px;
    font-weight: normal;
    padding-bottom: 55px;
    opacity: 0;
    transition: opacity 0.4s;
}

.mailbox .message-block.expanded .message-content-expanded {
    opacity: 1;
}

.mailbox .message-block .message-content-expanded .subject {
    font-weight: bold;
}

.mailbox .message-block .message-content-expanded .text {
    margin-top: 10px;    
}

.mailbox .message-block .message-content-expanded span.note {
    padding-top: 12px;
    font-style: italic;
    display: inline-block;
    font-size: 12px;
}

.mailbox .message-block .message-content-expanded span br {
    content: "";
    display: block;
    height: 20px;
}

.mailbox .footer {
    height: 60px;
    background-color: #ffffff;
    padding-top: 26px;
}

.mailbox .footer .pager-wrapper {
    margin-top: 0px;
}

.mailbox .message-block.compose {
    height: 821px;
}

.mailbox .message-block.compose .message-subject {
    font-size: 12px;
    font-weight: normal;
    padding-top: 9px;
    line-height: 41px;
}

.mailbox .message-block.compose .message-subject span {
    display: inline-block;
    width: 149px;
    font-size: 12px;
}

.mailbox .message-block.compose .message-subject input {
    display: inline-block;
    /*font-family: 'Myriad Pro';*/
    font-size: 14px;
    width: 445px;
    color: #a7a6a5;
    background: #fff;
    border: solid 1px #a7a6a5;
    border-radius: 3px;
    padding: 3px 10px 2px 10px;
    line-height: 22px;
}

.mailbox .message-block.compose .message-text {
    padding-top: 9px;
}

.mailbox .message-block.compose .message-text span {
    display: block;
    font-size: 12px;
    font-weight: normal;
    line-height: 41px;
}

.mailbox .message-block.compose .message-text textarea {
    display: block;
    width: 100%;
    height: 270px !important;
    /*font-family: 'Myriad Pro';*/
    font-size: 14px;
    color: #a7a6a5;
    background: #fff;
    border: solid 1px #a7a6a5;
    border-radius: 3px;
    padding: 10px 10px 10px 10px;
    outline: none;
    resize: none;
}

.mailbox .message-block.compose .message-chars-left {
    display: inline-block;
    font-size: 12px;
    font-weight: normal;
    padding-top: 19px;
}

.mailbox .message-block.compose ul {
    font-size: 12px;
    font-weight: normal;
    padding-top: 36px;
    padding-left: 16px;
}

.mailbox .message-block.compose ul li {
    list-style: disc;
    margin-left: -2px;
}

.mailbox .message-block.compose .footer {
    padding-top: 40px;
}

.mailbox .message-block.compose .footer .big-green-button {
    width: 142px;
    height: 33px;
    padding: 0px;
    text-align: center;
    line-height: 33px;
    font-size: 13px;
    position: absolute;
    bottom: unset;
    margin: 0px;
    text-decoration: none;
    right: 32px;
    left: unset;
    top: 725px;
}

.mailbox .message-block.compose .footer span {
    font-size: 10px;
    font-weight: normal;
    position: absolute;
    left: 495px;
    top: 765px;
    letter-spacing: 0.6px;
    color: #635f5a;
}

.mailbox .message-block.compose .footer .send-letter-span {
    /* left: 491px; */
    left: unset;
    right: 32px;
}

.mailbox .message-block.compose input.invalid-required,
.mailbox .message-block.compose textarea.invalid-required {
    border: solid 1px #ff0000!important;
}

/* JOIN WIZARD CONTROL */

.join-wizard-wrapper {
    
}

.join-wizard {
    /*font-family: 'Myriad Pro';*/
}

.join-wizard .message-popup {
    left: 50%;
    top: 50%;
    margin-left: -423px;
    margin-top: -300px;
    width: 846px;
    height: 600px;
    background-image: url(/images/memberpage/join_wizard_back1.jpg);
    background-repeat: no-repeat;
}

.join-wizard .message-popup .title {
    font-size: 41px;
    font-weight: bold;
    margin-top: 48px;
    display: block;
}

.join-wizard .message-popup .content-slider-wrapper {
    width: 800px;
    height: 320px;
    margin-left: 23px;
    overflow: hidden;
}

.join-wizard .message-popup .content-slider {
    white-space: nowrap;
    position: relative;
    margin-left: 0px;
}

.join-wizard .message-popup .content-slider .slide {
    display: inline-block;
    position: relative;
    width: 800px;
    height: 320px;
    vertical-align: top;
}

.join-wizard .message-popup .content-slider .slide .row {
    font-size: 28px;
    line-height: 66px;
    height: 70px;
    float: left;
}

.join-wizard .message-popup .content-slider .slide .row span {
    display: inline-block;
    width: 196px;
    text-align: right;
    font-weight: bold;
    color: #7d7573;
    letter-spacing: -0.1px;
    padding-right: 16px;
}

.join-wizard .message-popup .content-slider .slide .row select,
.join-wizard .message-popup .content-slider .slide .row input {
    display: inline-block;
    font-size: 23px;
    color: #95928e;
    border: solid 1px #c9c7c4;
    background-color: #fcfcfc;
    width: 532px;
    padding-top: 9px;
    padding-bottom: 12px;
    padding-left: 10px;
}

.join-wizard .message-popup .content-slider .slide.two-rows {
    padding-top: 90px;
}

.join-wizard .message-popup .content-slider .slide.four-rows {
    padding-top: 20px;
}

.join-wizard .message-popup .footer {
    position: relative;
    height: 155px;
}

.join-wizard .message-popup .footer .big-green-button {
    font-size: 23px;
    margin-left: -182px;
    padding: 15px 121px 15px 121px;
    top: 12px;
    bottom: unset;
    letter-spacing: 0.7px;
}

.join-wizard .message-popup .footer .previous-button,
.join-wizard .message-popup .footer .skip-button {
    font-size: 16px;
    font-weight: bold;
    color: #b1acab;
    left: 83px;
    top: 108px;
    position: absolute;
    text-decoration: none;
    border: none;
}

.join-wizard .message-popup .footer .skip-button {
    left: unset;
    right: 83px;
}

.join-wizard .message-popup .footer .previous-button:hover,
.join-wizard .message-popup .footer .skip-button:hover {
    color: #6AA84F;
}

.join-wizard .message-popup .footer .progress-indicator {
    position: absolute;
    bottom: 32px;
    width: 100%;
    height: 20px;
    cursor: default;
}

.join-wizard .message-popup .footer .progress-indicator li {
    display: inline-block;
    width: 10px;
    height: 10px;
    border: solid 2px #c7c4c2;
    border-radius: 10px;
}

.join-wizard .message-popup .footer .progress-indicator li.active {
    background-color: #c7c4c2;
}

.join-wizard .message-popup .footer .progress-indicator li + li {
    padding: 0px;
    margin: 0px;
    margin-left: 1px;
}

.address-editor {
    display: inline-block;
}

.address-hits-list {
    position: absolute;
    background-color: white;
    z-index: 10;
    margin-top: 2px;
}

.address-hit {
    padding: 10px 10px 10px 45px;
    cursor: pointer;
    text-align: left;
    background-image: url(/images/memberpage/location-pin.png);
    background-repeat: no-repeat;
    background-size: 16px 25px;
    background-position: 12px 11px;
}

.address-hit + .address-hit {
    border-top: solid 1px #e0e0e0;
}

.address-hit:hover {
    background-color: #c7c4c2;
}

.address-hit b {
    font-size: 18px;
    margin-right: 10px;
}

.color-spinner {
    display: inline-block;
    background-image: linear-gradient(
        /*left top,*/
        red, yellow, lime, aqua, blue, magenta
    );
    background: -webkit-linear-gradient(
        red, yellow, lime, aqua, blue, magenta
    );    
    width: 150px;
    height: 150px;
    border-radius: 50%;
    padding: 2px;

    animation: color-spinner-spin 2s infinite linear;
}

.color-spinner .inner-circle {
    display: inline-block;
    background: white;
    border-radius: 50%;
    width: 100%;
    height: 100%;
}

.color-spinner.small {
    width: 20px;
    height: 20px;
}

@keyframes color-spinner-spin {
    100% {
        transform: rotate(360deg);
    }
}

.color-bars {
    display: inline-block;
    width: 40px;
    height: 40px;
    background-image: url(/images/memberpage/color-bars.gif);
    background-repeat: no-repeat;
    background-size: 40px 40px;
    vertical-align: middle;
    margin-left: 10px;
    margin-top: -2px;
}

@media (-webkit-min-device-pixel-ratio: 1.4), (min-device-pixel-ratio: 1.4), (min-resolution: 72dpi) {
    .color-bars {
        background-image: url(/images/memberpage/color-bars_2.0x.gif);
        background-size: 40px 40px;
    }
}
.welcome {
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    /*font-family: 'Myriad Pro';*/
}

.welcome .big-green-button {
    margin-left: -132px;
}

.fade-layer {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    z-index: 100;
    opacity: 1;
}

.fade-layer .color-spinner {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -75px 0px 0px -75px;
}

.welcome .slide {
    width: 100%;
    height: 100%;
    min-width: 900px;
    background-position: center;
    background-size:cover;
}

.welcome .slide .centered {
    text-align: center;
    padding-top: 10vh;
}

.slide .bold-title {
    display: inline-block;
    /* font-family: "DIN Condensed Bold";
    font-size: 80px; */
    font-family: 'Oswald', sans-serif;
    font-size: 75px;
    line-height: 150px;
    color: #615c56;
    text-align: center;
    border-bottom: solid 2px #f29322;
    text-transform: uppercase;
}

.slide .continue-button {
    width: 264px;
}

.slide .bold-text {
    font-weight: bold;
    font-size: 25px;
    padding-top: 70px;
}

/* welcome -> intro */

/* .welcome .slide {
    min-height: 860px;
} */
.welcome .slide.intro {
    width: 100%;
    height: 100%;
    background-image: url(/images/memberpage/welcome_background_intro.jpg);
}

.welcome .slide.intro .bold-text {
    font-size: 30px;
    display: table;
    margin: 70px auto 0;
    padding: 25px;
    background-color: rgba(255, 255, 255, 0.5);
}

.slide.intro .big-green-button {
    bottom: unset;
    margin-top: 200px;
    width: 264px;
}

/* welcome -> hometown */

.welcome .slide.hometown {
    background-image: url(/images/memberpage/welcome_background_hometown.jpg);
}

.slide.hometown .big-green-button {
    bottom: unset;
    margin-top: 100px;
    width: 264px;
}

.welcome .slide.hometown .bold-title {
    width: 580px;
}

.welcome .slide.hometown .address-editor {
    margin-top: 60px;
}

.welcome .slide.hometown .address-editor input {
    background-color: #ffffff;
    width: 555px;
    border: solid 1px #888888;
}

.welcome .slide.hometown .address-editor input.invalid-required {
    border: solid 1px #ff0000 !important;
}

/* welcome -> general info */

.welcome .slide.general-info {
    background-image: url(/images/memberpage/welcome_background_general-info.jpg);
}

.slide.general-info .bold-title {
    width: 600px;
}

.slide.general-info .radio-button-list {
    padding-top: 80px;
}

/* welcome -> children */
.slide.general-info .children .radio-button-circles {
    padding-top: 80px;
}

/* welcome -> occupation */
.slide.general-info .occupation input {
    margin-top: 80px;
    background-color: #ffffff;
    width: 420px;
    cursor: text;
}

/* welcome -> education */
.slide.general-info .education .radio-button-list li:nth-child(2):after { content:"\a"; white-space:pre; }
.slide.general-info .education .radio-button-list li:nth-child(3) {
    margin-left: unset;
}

/* welcome -> religion */
.slide.general-info .religion .radio-button-list, 
.slide.general-info .education .radio-button-list {
    padding-top: 40px;
}

.slide.general-info .religion .radio-button-list li, 
.slide.general-info .education .radio-button-list li {
    line-height: 50px;
}

.slide.general-info .religion .radio-button-list li + li {
    margin-left: 80px;
}

.slide.general-info .religion .radio-button-list li:nth-child(4):after { content:"\a"; white-space:pre; }
.slide.general-info .religion .radio-button-list li:nth-child(5) {
    margin-left: unset;
}

/* welcome -> height */
.slide.general-info .height select {
    margin-top: 40px;
    width: 420px;
    background-color: #ffffff;
    background-image: url(/images/memberpage/triangle_down.png);
    background-repeat: no-repeat;
    background-position: 390px center; /* 155px */
    background-size: 9px 5px;
}

/* welcome -> weight */
.slide.general-info .weight select {
    margin-top: 40px;
    width: 420px;
    background-color: #ffffff;
    background-image: url(/images/memberpage/triangle_down.png);
    background-repeat: no-repeat;
    background-position: 390px center; /* 155px */
    background-size: 9px 5px;
}

/* welcome -> eye color */

.slide.general-info .eye-color .radio-button-list {
    padding-top: 40px;
}

.slide.general-info .eye-color .radio-button-list li {
    line-height: 50px;
}

.slide.general-info .eye-color .radio-button-list li + li {
    margin-left: 80px;
}

.slide.general-info .eye-color .radio-button-list li:nth-child(3):after { content:"\a"; white-space:pre; }
.slide.general-info .eye-color .radio-button-list li:nth-child(4) {
    margin-left: unset;
}

/* welcome -> hair color */

.slide.general-info .hair-color .radio-button-list {
    padding-top: 40px;
}

.slide.general-info .hair-color .radio-button-list li {
    line-height: 50px;
}

.slide.general-info .hair-color .radio-button-list li + li {
    margin-left: 80px;
}

.slide.general-info .hair-color .radio-button-list li:nth-child(4):after { content:"\a"; white-space:pre; }
.slide.general-info .hair-color .radio-button-list li:nth-child(5) {
    margin-left: unset;
}

/* welcome -> texts */

.welcome .slide.texts {
    width: 100%;
    height: 100%;
    background-image: url(/images/memberpage/welcome_background_texts.jpg);
}

.welcome .slide.texts .bold-title {
    width: 560px;
}

.welcome-icon-text1 { background-image: url(/images/memberpage/welcome_icon_text1.png); }
.welcome-icon-text2 { background-image: url(/images/memberpage/welcome_icon_text2.png); }
.welcome-icon-text3 { background-image: url(/images/memberpage/welcome_icon_text3.png); }

.welcome .slide.texts .big-green-button {
    top: 670px;
}

.welcome .slide.texts .profile-text-editor {
    width: 560px;
    height: 160px;
    margin-top: 46px;
    background-color: #ffffff;
    resize: none;
    outline: none;
    border: none;
    font-size: 16px;
    /*font-family: 'Myriad Pro';*/
    padding: 10px;
    color: #7d7573;
}

/* welcome -> prefered age */

.welcome .slide.prefered-age {
    width: 100%;
    height: 100%;
    background-image: url(/images/memberpage/welcome_background_preferred_age.jpg);
}

.welcome .slide.prefered-age br.mobile {
    display: none;
}

.welcome .slide.prefered-age .bold-title {
    width: 540px;
}

.welcome .slide.prefered-age .big-green-button {
    top: 580px;
    bottom: unset;
    width: 264px;
}
.welcome .slide.prefered-age .controls-line {
    margin: 50px auto 0;
    display: flex;
    justify-content: space-between;
    width: 450px;
}

.welcome .slide.prefered-age .controls-line span {
    font-weight: bold;
    color: #988e85;
}

.welcome .slide.prefered-age .controls-line .age-from {
    
}

.welcome .slide.prefered-age .controls-line span.age-to {
    /* margin-left: 60px; */
}

.welcome .slide.prefered-age .controls-line select {
    width: 100px;
    background-color: #ffffff;
    margin-left: 15px;
}

.welcome .slide.prefered-age select {
    background-image: url(/images/memberpage/triangle_down.png);
    background-repeat: no-repeat;
    background-position: 418px center;
    background-size: 9px 5px;
}

.welcome .slide.prefered-age span.age-from {
    width: 60px;
    /* margin-right: 20px; */
}

.welcome .slide.prefered-age span.age-to {
    width: 60px;
    /* margin-left: 58px;
    margin-right: 20px; */
}

.welcome .slide.prefered-age select.age-from,
.welcome .slide.prefered-age select.age-to {
    width: 120px;
    background-position-x: 90px;
}

/* welcome -> add photos */

.welcome .slide.add-pictures {
    width: 100%;
    height: 100%;
    background-image: url(/images/memberpage/welcome_background_pictures.jpg);
}

.welcome .slide.add-pictures .bold-title {
    width: 600px;
}

.welcome .slide.add-pictures .content {
    width: 600px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}

.welcome .slide.add-pictures .main-photos {
    white-space: nowrap;
    margin-top: 50px;
}

.welcome .slide.add-pictures .main-photos .delete-button {
    color: #fff;
    background-color: #8d8783;
    display: block;
    width: 100%;
    border-width: 0px;
    margin-top: 9px;
    padding-top: 9px;
    padding-bottom: 9px;
    font-weight: bold;
    cursor: pointer;
    outline: none;
}

.welcome .slide.add-pictures .main-photos .girl-image-link {
    display: inline-block;
    vertical-align: top;
    margin: 18px 0px 23px 0px;
    width: 140px;
    height: 210px;
    background-color: #605c59;
}

.welcome .slide.add-pictures .main-photos .photo-block {
    display: inline-block;
    position: relative;
    vertical-align: top;
}

.welcome .slide.add-pictures .main-photos .photo-block + .photo-block {
    margin-left: 10px;
}

.welcome .slide.add-pictures .main-photos .girl-image-link .no-image-back {
    background-image: url(/images/memberpage/no-photo.png);
    background-size: 140px 210px;
    width: 140px;
    height: 210px;
}

@media (-webkit-min-device-pixel-ratio: 1.4), (min-device-pixel-ratio: 1.4), (min-resolution: 72dpi) {
    .welcome .slide.add-pictures .main-photos .girl-image-link .no-image-back {
        background-image: url(/images/memberpage/no-photo_2.0x.jpg);
        background-size: 140px 210px;
    }
}

.welcome .slide.add-pictures .main-photos .photo-block img {
    position: absolute;
    top: 18px;
    left: 0px;
    width: 140px;
}

.welcome .slide.add-pictures .upload-photo-container {
    height: 84px;
}

.welcome .slide.add-pictures .upload-photo-container .color-spinner.small {
    margin-left: 10px;
    vertical-align: middle;
}

.welcome .slide.add-pictures input.upload-photo {
    border-radius: 5px;
    color: #fff;
    background-color: #625e59;
    font-weight: bold;
    /*font-family: 'Myriad Pro';*/
    font-size: 13px;
    width: 140px;
    height: 34px;
    text-align: center;
    border-width: 0px;
    cursor: pointer;
    background-color: #54ab35;
    background-image: linear-gradient(to bottom, #54ab35, #489430);
    outline: none;
    margin-top: 52px;
}

.welcome .slide.add-pictures input.upload-photo:hover {
    background-image: linear-gradient(to bottom, #449b25, #388420);
    text-decoration: none;
}

.welcome .slide.add-pictures input.upload-photo.disabled {
    color: #909090;
    background-color: #625e59;
    background-image: linear-gradient(to bottom, #625e59, #625e59);
    cursor: default;
}

.welcome .old_upload_button {
    display: none;
}

.welcome .slide.add-pictures .photo-upload-rules {
    font-weight: normal;
    list-style: disc;
    font-size: 18px;
    margin-top: 35px;
    margin-left: 19px;
}

/* welcome -> membership */

.welcome .slide.membership {
    width: 100%;
    height: 100%;
    background-image: url(/images/memberpage/welcome_background_membership.jpg);
}

.welcome .slide.membership .close-button {
    position: absolute;
    top: 30px;
    right: 30px;
    width: 64px;
    height: 64px;
    background: none;
    border: none;
    background-image: url(/images/memberpage/membership-offer-close-button.png);
    background-size: 64px 64px;
    background-repeat: no-repeat;
    outline: none;
    cursor: pointer;
    opacity: 0.7;
}

.welcome .slide.membership .close-button:hover {
    opacity: 0.9;
}

.welcome .slide.membership .membership-offer {
    position: absolute;
    width: 900px;
    height: 616px;
    background-repeat: no-repeat;
    background-image: url(/images/memberpage/membership_offer.png);
    background-size: 900px 616px;
    /*right: 45%;*/
    left: 5%;
    top: 50%;
    margin-top: -300px;
}

.welcome .congrats {
    padding-top: 130px;
    padding-left: 18%;
    max-width: 600px;
}

.welcome .congrats .big-green-button {
    position: relative;
    left: unset;
    bottom: unset;
    margin-left: 0;
    /* width: 80px; */
    margin-top: 120px;
    width: 100px;
    padding: 20px 60px;
    font-size: 21px;
}
.welcome .congrats .big-green-button:hover {
    text-decoration: none;
}

.welcome .slide.membership .membership-offer .get-package-button {
    margin-left: unset;
    left: 258px;
    bottom: 140px;
    font-size: 22px;
    padding: 18px 135px 18px 135px
}

.welcome .slide.membership .membership-offer .get-it-later {
    font-size: 18px;
    font-weight: bold;
    color: #9b8876;
    text-decoration: none;
    position: absolute;
    bottom: -65px;
    left: 50%;
    margin-left: -60px;
}

.welcome .slide.membership .membership-offer .get-it-later:hover {
    color: #7b6866;
}

.welcome .slide.membership .membership-offer .text-mob {
    display: none;
}
.welcome .slide.membership .membership-offer .offer-mob {
    display: none;
}



/****** SLIDES GALLERY ******/
.slides-gallery {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    cursor: default;
    min-width: 1100px;
    min-height: 860px;
}

.slides-gallery .faded-sides {
    width: 100%;
    height: 100%;
    -webkit-mask-image: -webkit-gradient(linear, left top, right top, 
                                 color-stop(0.00,  rgba(0,0,0,0)),
                                 color-stop(0.15,  rgba(0,0,0,1)),
                                 color-stop(0.85,  rgba(0,0,0,1)),
                                 color-stop(1.00,  rgba(0,0,0,0)));
    mask-image: -webkit-gradient(linear, left top, right top, 
                                 color-stop(0.00,  rgba(0,0,0,0)),
                                 color-stop(0.15,  rgba(0,0,0,1)),
                                 color-stop(0.85,  rgba(0,0,0,1)),
                                 color-stop(1.00,  rgba(0,0,0,0)));
}

.slides-gallery .controls {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
}

.welcome .footer {
    position: absolute;
    width: 100%;
    height: 180px;
    bottom: 0px;
    text-align: center;
}

.welcome .footer .dont-want-to-answer {
    font-size: 18px;
    font-weight: bold;
    color: #9b8876;
    text-decoration: none;
}

.welcome .footer .dont-want-to-answer:hover {
    color: #7b6866;
}

.welcome .footer .progress {
    display: inline-block;
    text-align: center;
}

.slides-gallery .progress-wrapper {
    display: block;
    margin-top: 60px;
}

.slides-gallery .footer .progress li {
    display: inline-block;
    width: 15px;
    height: 15px;
    background-color: #ffffff;
    border-radius: 20px;
    opacity: 0.7;
}

.slides-gallery .footer .progress li span {
    width: 0px;
    height: 0px;
}

.slides-gallery .footer .progress li + li {
    margin-left: 40px;
}

.welcome-icon-status { background-image: url(/images/memberpage/welcome_icon_status.png); }
.welcome-icon-children { background-image: url(/images/memberpage/welcome_icon_children.png); }
.welcome-icon-occupation { background-image: url(/images/memberpage/welcome_icon_occupation.png); }
.welcome-icon-education { background-image: url(/images/memberpage/welcome_icon_education.png); }
.welcome-icon-english { background-image: url(/images/memberpage/welcome_icon_english.png); }
.welcome-icon-religion { background-image: url(/images/memberpage/welcome_icon_religion.png); }
.welcome-icon-smoking { background-image: url(/images/memberpage/welcome_icon_smoking.png); }
.welcome-icon-drinking { background-image: url(/images/memberpage/welcome_icon_drinking.png); }
.welcome-icon-weight { background-image: url(/images/memberpage/welcome_icon_weight.png); }
.welcome-icon-height { background-image: url(/images/memberpage/welcome_icon_height.png); }
.welcome-icon-eye-color { background-image: url(/images/memberpage/welcome_icon_eye_color.png); }
.welcome-icon-hair-color { background-image: url(/images/memberpage/welcome_icon_hair_color.png); }

.slides-gallery .current-sub-slide-icon {
    position: absolute;
    width: 40px;
    height: 40px;
    background-size: 40px 40px;
    background-repeat: no-repeat;
    margin-left: -10px;
    margin-top: -10px;
    transition: background-image 0.25s;
}

.slides-gallery .progress-line {
    display: block;
    position: absolute;
    width: 15px;
    height: 15px;
    background-color: #ffffff;
    border-radius: 20px;
    opacity: 0.7;
    transition: width 0.25s;
}

.slides-gallery .sub-slides-wrapper-container {
    position: absolute;
    left: 50%;
    top: 0px;
}

.slides-gallery .sub-slides-wrapper {
    position: relative;
}


.slides-gallery .sub-slide {
    position: absolute;
    width: 1200px;
    height: 700px;
    margin-left: -600px;
}

.slides-gallery .sub-slide.hidden {
    display: none;
}

.slides-gallery .sub-slide.current {
}

.slides-gallery .sub-slide .big-green-button {
    top: 600px;
    bottom: unset;
    width: 264px;
}

.slides-gallery .sub-slide .radio-button-list {
    cursor: default;
}

.slides-gallery .sub-slide .radio-button-list li {
    display: inline;
    /*font-size: 19px;*/
    font-size: 22px;
    font-weight: bold;
    color: #808080;
}

.slides-gallery .sub-slide .radio-button-list li + li {
    margin-left: 100px;
}

.slides-gallery .sub-slide .radio-button-list li:hover {
    cursor: pointer;
    color: #f29322;
    text-decoration: underline;
}

.slides-gallery .sub-slide .radio-button-list li.active {
    color: #f29322;
    text-decoration: underline;
}

.slides-gallery .sub-slide .radio-button-circles {    
}

.slides-gallery .sub-slide .radio-button-circles li {
    display: inline-block;
    font-size: 19px;
    font-weight: bold;
    color: #808080;
}

.slides-gallery .sub-slide .radio-button-circles i {
    display: inline-block;
    vertical-align: middle;
    background-color: #ffffff;
    width: 13px;
    height: 13px;
    border-radius: 20px;
    border: solid 8px #ffffff;
    margin-left: 10px;
    margin-right: 20px;
    cursor: pointer;
}

.slides-gallery .sub-slide .radio-button-circles li[data-value="True"] i {
    margin-right: 0;
}

.slides-gallery .sub-slide .radio-button-circles li.active i,
.slides-gallery .sub-slide .radio-button-circles i:hover {
    background-color: #f29322;
}


.welcome .previous-slide,
.welcome .next-slide {
    vertical-align: middle;
    text-decoration: none;
    color: #7b7873;
    position: absolute;
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.welcome .previous-slide i,
.welcome .next-slide i {
    /* font-size: 29px; */
    /* line-height: 0.8; */
    /*margin-top: 3px;*/

    display: inline-block;
    vertical-align: top;
    font-weight: lighter;
    cursor: pointer;

    width: 47px;
    height: 48px;
    background-image: url(../images/sprite.v3.png);
}

@media (-webkit-min-device-pixel-ratio: 1.4), (min-device-pixel-ratio: 1.4), (min-resolution: 72dpi) {
    .welcome .previous-slide i,
    .welcome .next-slide i {
        background-image: url(../images/sprite.v3.2.0x.png);
        background-size: 301px 356px;
    }
}

.welcome .previous-slide i {
    background-position: -196px -120px;
}
.welcome .next-slide i {
    background-position: -254px -120px;
}

.welcome .previous-slide i:hover {
    background-position: -196px -174px;
}
.welcome .next-slide i:hover {
    background-position: -254px -174px;
}



.welcome .previous-slide span,
.welcome .next-slide span {
    /*margin-top: 13px;*/
    display: inline-block;
    font-weight: bold;
    cursor: pointer;

    line-height: 48px;
    padding: 0 10px;
}

.welcome .previous-slide {
    left: 35px;
    top: 50%;
    margin-top: -24px;
}

.welcome .next-slide {
    right: 35px;
    top: 50%;
    margin-top: -24px;
}

.welcome .previous-slide span:hover,
.welcome .next-slide span:hover {
    color: #5c6770;
}

@media screen and (max-height: 900px) {
    .welcome .slide.texts .big-green-button {
        top: 615px;
    }
}

@media screen and (max-height: 800px) {
    .welcome .slide.add-pictures .big-green-button {
        bottom: 4vh;
    }
}

@media screen and (max-height: 800px) {
    /* .welcome .slide {
        min-height: 800px;
    } */

    .slide .bold-title {
        /* line-height: 100px; */
        line-height: 11vh;
    }

    .slide .bold-title {
        font-size: 10vh;
    }

    .slide .bold-text {
        padding-top: 7vh;
    }

    .welcome .slide .centered {
        padding-top: 3em;
    }
    .slide.intro .big-green-button {
        margin-top: 80px;
    }

    .slide.texts .big-green-button {
        /* top: 500px!important; */
        top: 75vh!important;
    }

    .slide.prefered-age .big-green-button {
        /* top: 440px!important; */
        top: 75vh !important;
    }

    .slides-gallery {
        min-height: unset;
    }
    .slides-gallery .sub-slide .big-green-button {
        /* top: 460px; */
        top: 75vh;
    }

    .slides-gallery .progress-wrapper {
        /* margin-top: 40px; */
        margin-top: 2vh;
    }

    .welcome .footer {
        bottom: 0px;
        /* height: 130px; */
        height: 13vh;;
    }

    .welcome .prefered-age .footer {
        bottom: 0px;
    }

    .welcome .slide.add-pictures {
        min-height: 650px;
    }

    .welcome .slide.add-pictures .main-photos {
        margin-top: 20px;
    }

    .welcome .slide.add-pictures .upload-photo-container {
        height: 60px;
    }

    .welcome .slide.add-pictures input.upload-photo {
        margin-top: 40px;
    }

    .welcome .slide.add-pictures .photo-upload-rules {
        font-size: 14px;
    }

    .welcome .slide.add-pictures .big-green-button {
        /* bottom: 45px; */
        bottom: unset;
        margin-top: 30px;
        margin-bottom: 30px;
        position: relative;
    }

    .welcome .slide.add-pictures .main-photos .delete-button {
        max-width: 100%;
    }

    .welcome .slide.membership .membership-offer {
        width: 800px;
        height: 515px;
        background-size: 800px 515px;
        right: 40%;
        top: 50%;
        margin-top: -265px;
    }

    .welcome .slide.membership .membership-offer .get-package-button {
        bottom: 112px;
        left: 230px;
    }


}

@media screen and (max-height:560px) {
    .welcome .slide.membership {
        min-height: 610px;
    }
    .welcome .slide.membership .membership-offer {
        top: 0;
        margin-top: 30px;
    }
}

@media screen and (max-height: 500px) 
/* and (min-width: 759px)  */
{
    .slides-gallery .progress-wrapper,
    .slides-gallery .progress-line,
    .slides-gallery .current-sub-slide-icon {display:none;}
    .welcome .footer {height: 9vh;}
    .welcome .slide.texts .profile-text-editor {height: 20vh;}
}


/*popup style*/
/* OLD popup style */
.spiffy {
    display: block;
}

    .spiffy * {
        display: block;
        height: 1px;
        overflow: hidden;
        font-size: .01em;
        background: #ffffff;
    }

.spiffy1 {
    margin-left: 3px;
    margin-right: 3px;
    padding-left: 1px;
    padding-right: 1px;
    border-left: 1px solid #8a8a8a;
    border-right: 1px solid #8a8a8a;
    background: #cccccc;
}

.spiffy2 {
    margin-left: 1px;
    margin-right: 1px;
    padding-right: 1px;
    padding-left: 1px;
    border-left: 1px solid #474747;
    border-right: 1px solid #474747;
    background: #d8d8d8;
}

.spiffy3 {
    margin-left: 1px;
    margin-right: 1px;
    border-left: 1px solid #d8d8d8;
    border-right: 1px solid #d8d8d8;
}

.spiffy4 {
    border-left: 1px solid #8a8a8a;
    border-right: 1px solid #8a8a8a;
}

.spiffy5 {
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
}

.spiffyfg {
    background: #ffffff;
    color: Black;
}

.italicbold {
    font-style: italic;
    font-weight: bold;
}
/*end of old popup style */


.creditsLeftPanel {
    margin-bottom: 20px;
}

/* big green button / Submit / Confirm */
.green-btn {
    border-radius: 5px;
    color: #fff !important;
    font-weight: bold !important;
    font-size: 18px !important;
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    line-height: 24px;
    border-width: 0px;
    cursor: pointer;
    display: inline-block;
    background-color: #54ab35;
    background-image: linear-gradient(to bottom, #54ab35, #489430);
}

    .green-btn:hover {
        background-image: linear-gradient(to bottom, #449b25, #388420);
        text-decoration: none;
    }

/* Buy Credits small btn */
.small-btn {
    font-size: 13px !important;
    padding: 10px 34px !important;
    text-transform: none !important;
}

/* Make Request button */
.phoneservice .green-btn, .phoneservice3 .green-btn,
.meetanddate .green-btn, .meetanddate2 .green-btn,
.apartments .green-btn, .apartments2 .green-btn {
    padding: 10px 55px;
}

/* Confirm Order button */
.giftdelivery .green-btn, .giftdelivery2 .green-btn,
.airporttransfer .green-btn, .airporttransfer2 .green-btn {
    padding: 10px 50px;
}

/* SERVICES */
/*.apartments, .apartments2 .content-area-wrapper {
    height: 2195px;
}

.airporttransfer, .airporttransfer2 .content-area-wrapper {
    height: 3155px;
}

.chatroom, .chatroom2 .content-area-wrapper {
    height: 1610px;
}*/

.chatroom .green-btn, .chatroom2 .green-btn {
    padding: 10px 20px;
}

/*.giftdelivery, .giftdelivery2 .content-area-wrapper {
    height: 5400px;
}

.meetanddate, .meetanddate2 .content-area-wrapper {
    height: 2250px;
}

.phoneservice, .phoneservice3 .content-area-wrapper {
    height: 2000px;
}*/


.airporttransfer2 .progress {
    float: right;
    margin-top: -23px;
}

.airporttransfer .progress {
    float: right;
    margin-top: -23px;
}

.services-content {
    color: #524F50;
    font-size: 14px;
    padding: 32px 30px;
    background-color: white;
}

    .services-content p {
        text-align: justify;
    }

    .services-content > p:first-child {
        color: #88817b;
        font-size: 18px;
        /*font-size: 15.63px;*/
    }

    .services-content hr {
        margin: 30px 0px;
        border-top: solid 1px #a7a6a5;
    }

    .services-content h2 {
        padding-bottom: 30px;
        font-size: 16px;
        font-weight: bold;
        text-transform: uppercase;
        color: #756f67;
    }

    .services-content h3 {
        font-size: 16px;
        font-weight: bold;
        color: #7d7573;
        margin-bottom: 10px;
    }

    .services-content .termsandhow {
        float: right;
        margin-top: 39px;
    }

    .services-content .creditsleft {
        float: left;
        text-transform: none !important;
    }

    .services-content .confirm {
        text-align: center;
        margin-top: 40px;
        margin-bottom: 8px;
    }

    .services-content .price {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .services-content .total {
        padding-bottom: 40px;
    }

    .services-content label {
        text-transform: uppercase;
        white-space: nowrap;
    }

    .gift_order_item .price {
        padding-top: 0;
        padding-bottom: 0;
    }

/* Bullet text */
.service_tooltip {
    margin-top: 15px;
    color: #88817b;
}

.service_p {
    padding-top: 30px;
}

/* SERVICE FORM */
.service-row {
    line-height: 41px;
    color: #635f5a;
}

.services-content .firstRow {
    margin-top: 20px !important;
}

.service-label {
    text-transform: uppercase;
    font-size: 12px;
    color: #635f5a;
    width: 151px;
    display: inline-block;
}

    .service-label.long {
        width: 100%;
        padding-top: 15px;
    }

.service-row > input {
    width: 445px;
    display: inline-block;
    font-size: 12px;
    color: #807b75;
    border: solid 1px #a7a6a5;
    border-radius: 3px;
    padding: 3px 10px 2px 15px;
    line-height: 22px;
    position: relative;
    background: #fff;
    /*font-family: 'Myriad Pro';*/
}

.service-row > input, .service-row > select, .service-row > div > select {
    display: inline-block;
    color: #807b75;
    width: 445px;
    font-size: 12px;
    line-height: 22px;
    background: #fff;
    border: solid 1px #a7a6a5;
    border-radius: 3px;
    padding: 3px 10px 2px 15px;
    /*font-family: 'Myriad Pro';*/
}

.service-row > select, .service-row > div > select,
.legal-notice-text select.std.text_95 {
    background-image: url(/images/memberpage/triangle_down.png);
    background-repeat: no-repeat;
    background-position: 418px center;
    background-size: 9px 5px;
}

.legal-notice-text select.std.text_95 {
    background-position: 95% center;
}

.service-row > div {
    display: inline-block;
}

.giftdelivery .services-content select {
    background-image: url(/images/memberpage/triangle_down.png);
    background-repeat: no-repeat;
    background-position: 155px center; /* 155px */
    background-size: 9px 5px;
    font-size: 12px;
    line-height: 10px;
    background-color: #edebea;
}

.giftdelivery .highslide img {
    border: none !important;
}

.services-content textarea {
    resize: vertical;
    border: solid 1px #a7a6a5;
}

.services-content select.invalid-required, .services-content input.invalid-required, .services-content textarea.invalid-required {
    border: solid 1px #ff0000 !important;
}

.service-row .phone_number1 {
    width: 92px;
    margin-right:9px;
}

.service-row .phone_number2 {
    width: 340px;
}

.green-label {
    color: #46a729;
}

/* .airporttransfer .services-content table.order .dt {display: none;} */
.airporttransfer .services-content table.order .mobile {display: none;}

/* CHECK MEMBER'S ID */
.check-id-textbox {
    padding: 5px 10px !important;
    margin: 10px 0px !important;
    border: solid 1px #a7a6a5 !important;
    /*border-radius: 0px !important;*/
    background-color: transparent !important;
    line-height: 1.5;
    font-size: 12px !important;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #a7a6a5;
}

.check-id-textbox {
    width: 170px !important;
}

.check-id-button {
    float: right;
    font-size: 14px;
    margin: 9px 0px;
    padding: 5px 60px;
    line-height: 1.5em;
    display: inline-block;
    background: #edebea;
    -webkit-box-shadow: inset 0px -40px 37px -23px rgba(82, 79, 75, 1);
    -moz-box-shadow: inset 0px -40px 37px -23px rgba(82, 79, 75, 1);
    box-shadow: inset 0px -40px 37px -23px rgba(82, 79, 75, 1);
    color: #676461;
    text-decoration: none;
    letter-spacing: 0.03em;
    cursor: pointer;
    border: 0 none;
    outline: none;
}

    .check-id-button:active,
    .check-id-button:hover {
        background: #E0DEDC;
    }

.check-id-label {
    text-transform: uppercase;
    font-size: 12px;
    display: inline-block;
    width: 151px;
}

.services-content .invalid[style*=inline] ~ input:not([type="submit"]),
.services-content .invalid[style*=inline] ~ select,
.services-content .invalid[style*=inline] ~ textarea {
    border: 1px solid #ff0000 !important;
}

/* GIFT DELIVERY */
.giftItem > div > div:first-child {
    margin-bottom: 10px;
}

.gift_order_item {
    width: 100%;
    float: left;
}

    .gift_order_item > div:first-child {
        float: left;
    }

    .gift_order_item > div {
        float: left;
    }

        .gift_order_item > div:last-child {
            float: right;
            text-align: left;
            width: 100px;
        }

.gift_total_label {
    color: #7D7573;
    font-weight: bold;
    text-align: right !important;
    padding: 0px !important;
    margin: 0px !important;
    /* font-family: 'Myriad Pro' !important; */
    border: none !important;
    background-color: transparent !important;
}

    .gift_total_label.invalid-required {
        color: red !important;
    }
     
/* SERVICE CHECKBOX */
.services-checkbox > * {
    margin-top: 10px !important;
    font-size: 12px;
    padding-left: 14px;
    padding-top: 4px;
}

.gift-checkbox > * {
    margin-top: 10px !important;
    font-size: 12px;
    padding-left: 14px;
    padding-top: 4px;
    text-transform: none !important;
}

.btn-small-text {
    font-size: 12px !important;
}

/* Check ID img */
.cidctrlimg {
    width: 110px;
    height: 170px;
    display: block;
    padding: 10px 0;
}

.cidctrl_info {
    vertical-align: bottom;
    /*padding-left: 5px;*/
    font-size: 13px;
}

    .cidctrl_info > *:first-child {
        font-weight: bold;
    }

/* SERVICE PRICE TABLE */
.chatroom .rTable, .chatroom2 .rTable {
    text-align: center;
}

.rTable {
    font-weight: bold;
    /*font-size: 12px;*/
}

    .rTable img {
        width: 16px;
        height: 16px;
    }

    .rTable .tc_right, .tc_bottom_right {
        text-align: center;
    }

.rTableCell {
    padding: 7px 40px;
}

.rTableHead {
    padding: 7px 40px;
}

.rTable {
    display: table;
    width: 100%;
}

.rTableRow {
    display: table-row;
}

.rTableCell, .rTableHead {
    display: table-cell;
    padding: 7px 10px;
    border: 1px solid #D1CBC8;
    border-width: 1px 0px 0px 1px;
}

.rTableHeading {
    display: table-header-group;
    background-color: #79716C;
    color: white;
    font-weight: bold;
}

.rTableFoot {
    display: table-footer-group;
    font-weight: bold;
    background-color: #ddd;
}

.rTableBody {
    display: table-row-group;
}

.tc_right {
    border-width: 1px 1px 0px 1px;
}

.tc_bottom {
    border-width: 1px 0px 1px 1px;
}

.tc_bottom_right {
    border-width: 1px;
}

.rTable-wrapper .mobile {
    display: none;
}

.address-err-hidden{
    display:none;
}


/* PAYMENT Confirmation / Declined / Pending) */

.confirmation .btn,
.pending .btn,
.declined .btn {
    margin-top: 30px;
}

.confirmation h1,
.pending h1,
.declined h1 {
    line-height: 5em;
    text-transform: uppercase;
    font-size: 1.5rem;
    font-weight: bold;
}

.confirmation h1 {
    color: green;
}
.pending h1 {
    color: rgb(255, 199, 5);
}

.declined h1 {
    color: red;
}

/* Tablets */

@media screen and (max-width: 1200px) {
    .page {
        /* min-width: 1050px; */
    }
    input {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }
    .top-main-join-tagline {
        font-size: 25px;
    }
    .top-main-join-tagline strong {
        font-size: 42px;
    }
    .slider-module .slick-arrow.slick-prev {
        margin-left: -30px;
    }
    .slider-module .slick-arrow.slick-next {
        margin-right: -20px;
    }
    .slider-area {
        width: 1100px;
    }
    .key-points p {
        font-size: 13px;
    }
    .aspiration-text-box h4 {
        font-size: 13px;
    }
    .aspiration-text-box {
        font-size: 10px;
    }
    .why-we-are-different-wrap li h4 {
        font-size: 16px;
    }
    .why-we-are-different-wrap li p {
        font-size: 14px;
    }
    .upper-footer-block img {
        max-width: 85%;
    }
}

@media screen and (max-width: 1050px) {

    .page {
        /* min-width: 1000px; */
    }
    .top-main-join-in {
        background-position: 55% top;
        background-repeat: no-repeat;
    }
    .top-main-join-tagline {
        right: 0;
        margin-right: 2%;
        /* font-size: 25px;
    }
    .top-main-join-tagline strong {
        font-size: 42px; */
    }
    .slider-area {
        width: 1000px;
    }
    .slider-module-wrap button {
        /* display: none !important; */
    }
    .slider-module .slick-arrow.slick-prev {
        margin-left: -2px;
        z-index: 1;
    }
    .slider-module .slick-arrow.slick-next {
        margin-right: 9px;
    }
    .key-points ul {
        width:90%;
    }
    .key-points li + li {
        margin-left: 25px;
    }
    .key-points p br {
        display: none;
    }
    .content-module-image-wrap {
        width: 57%;
    }
    .content-module-content-wrap {
        width: 43%;
    }
    .content-module-content-in {
        padding: 40px 0 40px 35px;
        width: 85%;
    }
    .content-module-content-wrap h3 {
        font-size: 20px;
    }
    .content-module-content-wrap p {
        font-size: 1.25rem;
    }
    .content-module-content-wrap p+p {
        margin-top: 0;
    }
    .our-aspiration-wrap li {
        width: 24%;
    }
    .service-module {
        flex-direction: column;
    }
    .service-module-meta {
        flex: 0 0 270px;
    }
    .service-module-img img {
        width: 270px !important;
        height: auto !important;
        margin-left: 30px;
    }
    .service-module-content {
        padding: 25px 30px;
    }
    .main-content-right {
        /* flex: 0 0 24.5%;
        max-width: 24.5%; */
    }
    .right-module input[type="text"], .right-module input[type="password"], .right-module input[type="email"], .right-module select {
        padding: 10px 10px;
    }
    .main-content-right .gender-select-self {
        display: block;
        margin-left: 29px;
        margin-bottom: 10px;
    }
    .main-content-right .gender-select-other {
        float: none;
        display: block;
        margin-left: 12px;
    }
    .main-content-right .agreement-box {
        margin: 0 3px 15px;
    }
    .grid {
        grid-template-columns: 40% 70%;
    }
    .grid .couple {
        background-position: 65%;
    }
    .grid .senior {
        background-position: 35%;
    }
    .why-we-are-different-wrap li {
        width: 30%;
    }
    .why-we-are-different-wrap p br {
        display: none;
    }
    .upper-footer-in {
        padding-top: 0;
    }
    .upper-footer-blocks {
        flex-wrap: wrap;
        justify-content: left;
    }
    .upper-footer-block {
        margin-top: 35px;
        margin-right: 3%;
        flex-basis: 30%;
    }
    .follow-us-wrap {
        margin-top: 35px;
    }
    .services .main-content-outer, 
    .dating-advice .main-content-outer {
        grid-template-columns: 70% 30%;
    }
    .main-content-outer.main-content-has-right.main-content-has-left {
        grid-template-columns: 70% 30%;
        grid-auto-rows: minmax(250px, min-content) auto;
        grid-template-areas:    "main rtop"
                                "main rbot";
    }
    .main-content-outer.main-content-has-right.main-content-has-left .main-content-left {
        grid-area: rtop;
        margin-bottom: 40px;
    }
    .main-content-outer.main-content-has-right.main-content-has-left .main-content-right {
        grid-area: rbot;
    }
    .main-content-outer.main-content-has-right.main-content-has-left .main-content-wrap {
        grid-area: main;
    }
    .main-content-outer.main-content-has-right.main-content-has-left .right-module-img {
        display: none;
    }
}

.because_i_love_you_r {
    display: none;
}

/* INDEX mobile */
@media screen and (max-width: 768px) {
    html, body {
        width: 100%;
        margin: 0;
        padding: 0;
        /* overflow-x: hidden; */
        -webkit-overflow-scrolling: touch;
        -webkit-text-size-adjust: 100%;


    }
    .page, .page > * {
        max-width: 100%;
        min-width: 100%;
        width: 100%;
    }
    .br-mobile {display: block;}
    .message-popup {
        width: 90%;
    }

    /* sign-in popup fix
    .topbar {
        border-bottom: none;
        overflow-x: hidden;
        height: auto;
        padding: 25px 0 17px;
    }*/
    .topbar {
        height: auto;
        padding: 25px 0 22px;
    }
    .topbar-in {
        /* display: flex;
        flex-direction: column; */
        max-width: none;
        width: 100%;
        /* line-height: 2rem; */
    }
    .topbar-in .top-logo {
        /* order: 2;
        align-self: center; */
        margin-left: 20px;
        max-width: 60%;
    }
    .top-logo img {
        width: 100% !important;
        height: auto;
    }
    .topbar-in .right-block {
        /* order: 1; */
        margin-right: 20px;
        max-width: 200px;
        max-width: 25%;;
    }
    .signin-text {display: none;}
    body .btn {
        font-size: 0.75rem;
        /*font-family: 'Myriad Pro';*/
        padding-top: 0;
        padding-bottom: 0;
        margin: 0;
        /* border-radius: 0; */
        line-height: 2rem;
    }
    body .btn-flat {
        font-size: 1.2rem;
        line-height: 3rem;
    }
    .top-join .top-bar-signin-button {
        font-size: 0.75em;
        margin-left: 0;
    }
    .popup.login.form.top {
        max-width: 80vw !important;
    }
    input {
        /* max-width: 90%; do not uncomment as this influences all input fields*/
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }
    .join-box.top-main-join-box input {max-width: 90%;}
    input[type="text"], input[type="password"], input[type="email"], select {
        padding: 12px 12px !important;
        font-size: 16px !important;
    }
    .join-box.top-main-join-box .email_input {
        margin-left: 3px;
    }
    .agreement-box input[type="checkbox"] + label {
        width: 25px;
        height: 25px;
        border-radius: 50%;
        display: block;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        overflow: hidden;
        border: 1px solid #46a729;
        cursor: pointer;
        background: transparent;
        transition: 0.5s, ease, all;
        -moz-transition: 0.5s, ease, all;
        -webkit-transition: 0.5s, ease, all;
    }
    .agreement-box input[type="checkbox"]:hover + label {
        border: 1px solid #46a729;
        box-shadow: inset 0 0 0 3px #fff;
        background: #a1d491;
    }
    .agreement-box input[type="checkbox"]:checked + label {
        border: 1px solid #46a729;
        box-shadow: inset 0 0 0 3px #fff;
        background: #46a729;
    }
    .agreement-box {
        margin: 30px auto;
        padding-left: 30px;
        max-width: 75%;
    }
    .landing .login-form .extra-nav .form-fields {
        width: auto;
    }
    .landing .login-form .forgot-password .forgot-password-container .inner {
        padding: 5px 0 20px;
    }
    .top-main-join {
        /* background-image: url(../html/images/pages/page10/mobile10.jpg);
        background-position: center;
        background-size: cover; 
        background-repeat: no-repeat;*/
        height: auto;
    }
    .top-main-join:before {
        content:none;
    }
    .top-main-join:after {
        content:none;
    }
    .top-main-join-in:before {
        content:none;
    }
    
    .top-main-join-in {
        height: auto;
        padding-bottom: 5px;
        background-image: none;
    }
    .top-main-join-tagline {
        display: block;
        background-image: url(../images/landingpage/top_image_bg_mobile.jpg);
        background-position-x: 70%;
        background-size: cover;
        background-repeat: no-repeat;
        height: 300px;
        position: relative;
        margin: 0 auto;
        right: 0;
        bottom: 0;
    }
    .top-main-join-tagline p+p {display: none;}
    .top-main-join-tagline p {
        background-color: rgba(250, 250, 250, 0.4);
        padding: 10px;
        font-size: 24px;
        color: #363330;
        font-weight: bold;
        /* font-family: "DIN Condensed Bold", sans-serif; */
        font-family: "Trebuchet MS", Helvetica, sans-serif;
        text-transform: uppercase;
        text-align: center;
        line-height: 1em;

        position: absolute;
        bottom: 20px;
        left: 0; 
        right: 0; 
        margin-left: auto; 
        margin-right: auto; 
    }
    .top-main-join-box {
        left: 0;
        top: 0;
        margin: 10px auto;
        position: relative;
        z-index: 2;
        width: 90%;
    }
    .join-box {
        background: rgba(255, 255, 255, 0.7);
        filter: alpha(opacity=60); /* For IE8 and earlier */
        padding: 15px 5px;
    }
    .join-box h3 {
        font-family: "Trebuchet MS", Helvetica, sans-serif;
        font-size: 2.75em;
        display: block;
    }
    .join-box .img.title {
        display: none;
    }
    .date-select-box {
        max-width: 90%;
        margin: auto;
        padding-top: 12px;
    }
    .date-select-box .select-wrap + .select-wrap {
        margin-left: 5px;
    }
    .gender-selection-box {
        max-width: 90%;
        margin: 12px auto;
    }
    .gender-select-other {
        margin-right: 0;
    }
    .gender-select {
        margin-left: 0;
    }
    /* .gender-select-input + label {
        background-color: white;
        border-radius: 50%;
        filter: brightness(1);
    } */

    body .page .top-main-join .btn-big {
		font-size: 2.1rem;
		padding: 0.5rem 0;
		display: block;
		width: 90%;
		background: #46a729;
		-webkit-box-shadow: inset 0px -40px 37px -23px rgba(54, 130, 32 ,1);
		-moz-box-shadow: inset 0px -40px 37px -23px rgba(54, 130, 32 ,1);
		box-shadow: inset 0px -40px 37px -23px rgba(54, 130, 32 ,1);
		margin: 1.56rem auto 2rem;
		border-radius: 0.31em;
		text-align: center;
	}



    .key-points {
        padding: 50px 0 100px;
    }
    .key-points ul {
        max-width: 90%;
        width: 90%;
        display: block;
        flex: none;
    }
    .key-points li {
        /* padding-bottom: 40px; */
    }
    .key-points li+li {
        margin-left: 0;

    }
    .key-points img {
        margin: 30px auto;
    }
    .key-points ul.slick-dots {
        width: 100%;
        max-width: 100%;
        margin: auto;
    }


    .content-module {
        /* display: none; */
    }
    .content-module-image-wrap {
        width: 100%;
        position: relative;
        right: 0;
    }
    .content-module-image-wrap img {
        width: 100%;
        height: auto;
        position: relative;
    }
    .content-module-content-wrap {
        width: 100%;
        float: none;
    }
    .content-module-content-in {
        float: none;
        width: 85%;
        max-width: 85%;
        padding: 0;
        padding-top: 25px;
        margin: 0 auto;
    }
    .content-module-content-wrap h3 {
        /* text-align: center; */
        display: none;
    }
    .content-module-content-in .mobile-big,
    .our-aspiration-wrap .mobile-big {
        display: block;
        font-weight: bold;
        text-transform: uppercase;
        font-size: 2.5rem;
        text-align: center;
        color: #625d57;
    }
    .content-module-content-in .mobile,
    .our-aspiration-wrap .mobile {
        display: block;
        font-weight: bold;
        text-transform: uppercase;
        font-size: 1.5rem;
        text-align: center;
        margin-bottom: 25px;
        color: #625d57;
    }
    .content-module-content-wrap p {
        font-size: 1.25rem;
    }
    .content-module-content-wrap p+p {
        text-align: center;
    }
    .content-module-content-wrap .btn {
        margin: 40px auto 50px;
    }

    .grid {
        display: flex;
        flex-direction: column;
        text-align: center;
    }
        .grid h3 {
            font-size: 30px;
        }
        .grid p br {
            display: none;
        }
        .grid .couple {
            background-size: cover;
            height: 200px;
            background-position-y: 20%;
            order: 2;
        }
        .grid .plane {
            padding: 50px 35px;
            background-size: cover;
            order: 1;
        }
        .grid .senior {
            padding: 50px 35px;
            background-image: none;
            order: 3;
        }
        .grid .devices {
            background-image: none;
            padding: 50px 35px;
            order: 4;
        }
        .grid .devices * {
            margin-left: 0;
        }
        .grid .devices h3 {
            font-size: 20px;
        }
        .grid .devices p {
            font-size: 18px;
        }
        .grid .devices img {
            /* width: 60%; */
        }
        .grid .devices h3,
        .connecting h3 {
            font-size: 30px;
        }

    .connecting .inner {
        width: calc(100% - 70px);
        text-align: center;
        padding: 50px 35px 0px;
    }
    .connecting {
        background-position: left 65%;
        background-size: 1000px 325px;
        height: auto;
    }
    .connecting h3 {
        /* font-size: 20px; */
        padding-top: 0;
    }
    .connecting p {
        font-size: 18px;
    }
    .connecting .btn {
        margin: 350px auto 50px;
    }

    .slider-area {
        display: none;
    }

    .hanging-woman-wrap {
        /* display: none; */
        height: 245px;
    }
    .hanging-woman-wrap:before {
        width: 100%;
        height: 245px;
        margin-left: 0;
        left: 0;
        background-size: cover;
        background-position-y: bottom;
    }
    @media (-webkit-min-device-pixel-ratio: 1.4), (min-device-pixel-ratio: 1.4), (min-resolution: 72dpi) {
        .hanging-woman-wrap:before {
            background-image: url(../images/landingpage/secure_dating_smile.jpg);
        }
    }

    .our-aspiration-wrap {
        padding-bottom: 40px;
    }
    
    .our-aspiration-wrap h2 {
        font-size: 1.5rem;
        display: none;
    }
    .our-aspiration-wrap .aspiration-outro,
    .our-aspiration-wrap .aspiration-intro {
        width: 90%;
        margin: auto;
        font-size: 1rem;
        display: block;
    }
    .our-aspiration-wrap .aspiration-outro {
        margin-top: 25px;
        display: none;
    }
    .our-aspiration-wrap .aspiration-intro br {
        display: none;
    }

    .our-aspiration-wrap li {
        width: 250px;
        margin: 15px auto;
    }
    /* .why-we-are-different-wrap {display:none;} */
    .why-we-are-different-wrap ul {
        flex-direction: column;
    }
    .why-we-are-different-wrap li {
        width: 90%;
        margin: auto;
    }
    .why-we-are-different-wrap li+li {
        margin-top: 40px;
    }
    .why-we-are-different-wrap li p br {
        display: none;
    }

    /* END INDEX MOBILE */

    /* FOOTER MOBILE */

    .upper-footer-blocks {flex-direction: column; }
    .upper-footer-blocks .certified, .upper-footer-blocks .we-accept {display: none;}
    
    .upper-footer-block h3 {display:none;}
    
    .upper-footer-block-information, .upper-footer-block.regulations, .safety {
        display: block;
        width: auto;
        margin:20px auto;
        text-align: center;
        flex-basis: auto;
    }

    .upper-footer-block-information {padding-bottom: 0;}
    /* .upper-footer-menu li:nth-child(4){
        display: none;
    } */
    .upper-footer-menu a {
        font-size: 1rem;
    }
    .upper-footer-wrap .follow-us-wrap {text-align: center;}
    .follow-us-wrap {margin-top: 15px;}
    .follow-us-wrap li + li {margin-left: 30px;}
    .language-bar {display: none;}
    .copyright-wrap {
        /* display: none; */
        font-size: 0.75rem;
    }
    /* END FOOTER MOBILE */


    /* REGULATIONS MOBILE */

    .terms-of-use .images-bar,
    .privacy-policy .images-bar,
    .legal-notices .images-bar,
    .terms-of-use .main-content-left,
    .privacy-policy .main-content-left,
    .legal-notices .main-content-left,
    .terms-of-use .main-content-right,
    .privacy-policy .main-content-right,
    .legal-notices .main-content-right
    {display: none;}

    .top-intro-content {padding: 30px 0;}
    .top-intro-content h1 {
        max-width: 90%;
        margin: auto;
        font-size: 8vw;
    }
    .main-content-outer {
        width: 90%;
        margin: auto;
        display: block;
    }
    .main-content-has-right.main-content-has-left .main-content-wrap {
        flex: none;
        max-width: 100%;
        margin: 0 auto;
    }

    .legal-notice-text {padding: 25px 20px;}

    /* END REGULATIONS MOBILE */


    /* SERVICES MOBILE */

    .services .images-bar,
    .services .main-content-right
    {display: none;}

    .service-module {flex-direction: column;}
    .services .main-content-has-right .main-content-wrap {max-width: 100%;}
    .service-module-content {padding: 35px 25px;}
    .service-module-meta {flex: none;}
    .service-module-img img {
        /* width: 100% !important; */
        height: auto !important;
        margin-left: 23px;
    }


    /* END SERVICES MOBILE */

    /* TESTIMONIALS MOBILE */

    .testimonials .images-bar,
    .testimonials .main-content-right,
    .testimonials .vert-menu-box
    {display: none;}

    .service-module {flex-direction: column;}
    .testimonials .main-content-has-right .main-content-wrap {max-width: 100%;}

    /* END TESTIMONIALS MOBILE */

    /* DATING-ADVICE MOBILE */

    .dating-advice .images-bar,
    .dating-advice .main-content-right
    {display: none;}

    .dating-advice .main-content-has-right .main-content-wrap {max-width: 100%;}

    /* END DATING-ADVICE MOBILE */

    /* SAFETY PAGES MOBILE */

    .member-protection .images-bar,
    .online-safety .images-bar,
    .travel-safety .images-bar,
    .member-protection .main-content-right,
    .online-safety .main-content-right,
    .travel-safety .main-content-right,
    .member-protection .vert-menu-box,
    .online-safety .vert-menu-box,
    .travel-safety .vert-menu-box {display:none;}


    /* END SAFETY MOBILE */

    /* PRESS & CONTACT MOBILE */

    .press .images-bar,
    .contact .images-bar,
    .press .main-content-right,
    .contact .main-content-right,
    .press .vert-menu-box,
    .contact .vert-menu-box {display:none;}

    .contact_table .contact-row {
        flex-wrap: wrap;
    }
    .contact_table span:not(.press_mediaCategory) {
        flex: 0 1 100%;
    }
    .contact_table .contact-row > input:not(.phone_number), 
    .contact_table .contact-row > select {
        /* display: block; */
        width: 100%;
        max-width: 100%;
    }

    .contact_table input.phone_number1 {
        width: 39%;
        margin-right: 1% !important;
    }
    .contact_table input.phone_number2 {
        width: 60%;
    }
    .std {
        font-size: 16px !important;
        padding: 12px 15px !important;
    }


    /* .press_mediaCategory {flex-direction: column;} */




    /* END PRESS & CONTACT */


    .dating-advice .pager-wrapper {font-size: 16px; margin-top: 40px;}
    .dating-advice .pager-selected, .dating-advice .pager-page {margin-left: 10px;}

    /* Font Reset */
    .key-points p {
        font-size: 17px;
    }
    .aspiration-text-box h4 {
        font-size: 16px;
    }
    .aspiration-text-box {
        font-size: 16px;
    }
    .aspiration-text-box p {
        font-size: 12px;
    }
    .why-we-are-different-wrap li h4 {
        font-size: 19px;
    }
    .why-we-are-different-wrap li p {
        font-size: 16px;
    }


    /* WELCOME MOBILE */
    .welcome .slide {min-width: 100%;}
    .welcome .slide .centered {
        width: 90%;
        margin: 0 auto;
        padding-top: 1em;
    }
    .slide .bold-title {font-size: 40px; line-height: 65px;}
    .slide .bold-text {margin-top: 20px; padding: 0; font-size: 20px;}
    .welcome .slide.intro .bold-text {font-size: 20px; background-color: rgba(250,250,250, 0.65); margin-top: 20px;}
    .slide.intro .big-green-button, .slide.hometown .big-green-button {top: 75vh; margin-top: 0;}
    .welcome .slide.hometown .address-editor {width: 100%;}
    .welcome .slide.hometown .address-editor input {width: 90%;}

    .welcome .slide.hometown .bold-title,
    .slide.general-info .bold-title,
    .welcome .slide.texts .bold-title,
    .welcome .slide.prefered-age .bold-title,
    .welcome .slide.add-pictures .bold-title,
    .welcome .slide.add-pictures .content {width:100%;}

    .welcome .previous-slide span, .welcome .next-slide span {display:none;}
    /* .welcome .previous-slide i, .welcome .next-slide i {
        font-weight: bold;
        line-height: 1;
        padding-left: 10px;
        padding-top: 7px;
        top: 90%;
    } */
    .welcome .previous-slide, .welcome .next-slide {
        /* width: 40px;
        height: 40px;
        border-radius: 50%;
        background: rgba(255, 255, 255, 0.5);
        bottom: 0; */
        top: 87%;
        margin-top: 0;
        /* margin-bottom: 33px; */
    }
    .welcome .previous-slide {left:5px;}
    .welcome .next-slide {right: 5px;}
    .welcome .next-slide i {padding-left: 0;}
    .welcome .footer {height: 45px; display: none;}
    .welcome .footer .dont-want-to-answer {display: none; font-size: 16px;}
    .slides-gallery {min-width: 100%;}
    .slides-gallery .sub-slides-wrapper-container {width:100%; left: 0;}
    .slides-gallery .sub-slide {width: 100%; height: 100%; margin-left: auto; margin: 0 auto;}
    .slides-gallery .sub-slide .big-green-button, .welcome .slide.prefered-age .big-green-button,.welcome .slide.add-pictures .big-green-button, 
    .slide.intro .big-green-button, .slide.hometown .big-green-button , .slide.membership .big-green-button 
    /* {margin-top: calc(100vh - 130px) !important; top: 0 !important; width: 60%; margin-left: -30%; padding: 10px;} */
        {position: fixed; top: 87% !important; left: 50%; bottom: unset; width: 56%; margin-left: -28%; padding: 12px; margin-top: 0; margin-bottom: 0;}
        
        /* @media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) { 
            .selector:not(*:root), 
            .slides-gallery .sub-slide .big-green-button, .welcome .slide.prefered-age .big-green-button,
            .welcome .slide.add-pictures .big-green-button,.slide.intro .big-green-button, .slide.hometown .big-green-button 
                {top: 79vh !important;}
        }

        @-moz-document url-prefix() {
            .slides-gallery .sub-slide .big-green-button, .welcome .slide.prefered-age .big-green-button,
            .welcome .slide.add-pictures .big-green-button,.slide.intro .big-green-button, .slide.hometown .big-green-button 
                {top: 87vh !important;}
        } */
    
        .welcome .sub-slide .content > div > ul {
        /* background: rgba(250,250,250,0.5);  */
        padding-bottom: 15px;}
    .welcome .slide.general-info {background-position: 90%;}
    /* .slide.general-info .radio-button-list {padding-top: 50px; font-size: 20px; } */
    .slides-gallery .sub-slide .radio-button-list li {
        display: block;
        flex: 1 0 90%;
        /* background: #f0f0f0; */
        background: rgba(255,255,255,0.75);
        border-radius: 5px;
        margin-left: 2% !important;
        margin-right: 2%;
        margin-top: 12px;
        line-height: 40px !important;
    }
    .slides-gallery .sub-slide .radio-button-list li + li {margin-left: 5%;}
    .slides-gallery .sub-slide .radio-button-list li.active, .slides-gallery .sub-slide .radio-button-list li:hover {text-decoration: none;}
    .slides-gallery .progress-wrapper, .slides-gallery .progress-line, .slides-gallery .current-sub-slide-icon {display: none;}
    .slides-gallery .sub-slide .radio-button-circles i {width: 20px; height: 20px; border-radius: 25px;}
    .slide.general-info .radio-button-list {padding-top: 15px; display: flex; flex-wrap: wrap; width: 75%; margin: auto;}
    .slide.general-info .occupation input {margin-top: 35px; width: 90%;}
    .slide.general-info .religion .radio-button-list, .slide.general-info .education .radio-button-list {padding-top: 10px;}
    .slide.general-info .religion .radio-button-list li, .slide.general-info .education .radio-button-list li {line-height: 40px;}
    .slide.general-info .religion .radio-button-list, .slide.general-info .eye-color .radio-button-list, .slide.general-info .hair-color .radio-button-list {width: 100%;}
    .slide.general-info .religion .radio-button-list li, .slide.general-info .eye-color .radio-button-list li, .slide.general-info .hair-color .radio-button-list li {flex: 1 0 40%;}
    .slide.general-info .religion .radio-button-list li:last-child, .slide.general-info .eye-color .radio-button-list li:last-child, .slide.general-info .hair-color .radio-button-list li:last-child {max-width: 46%;}
    .slide.general-info .hair-color .radio-button-list {padding-top: 10px;}
    .slide.general-info .religion .radio-button-list li + li,
    .slide.general-info .eye-color .radio-button-list li + li,
    .slide.general-info .hair-color .radio-button-list li + li {margin-left: 0;}
    .slide.general-info .height select, .slide.general-info .weight select {width: 90%; background-position: 95% center;}

    /* Profile Text */
    .welcome .slide.texts .profile-text-editor {width: 90%; margin-top: 10px; height: 140px;}
    .slide .profile-text .bold-text {height: 90px;}
    /* .slide.texts .big-green-button {top: 0;} */

    /* Preferred Age */
/*     
    .welcome .slide.prefered-age br.mobile {display: block;}
    .welcome .slide.prefered-age .controls-line {text-align: end; padding-right: 35px;}
    .welcome .slide.prefered-age span.age-from, .welcome .slide.prefered-age span.age-to {width: 60px; margin-right: 5px;}
    .welcome .slide.prefered-age span.age-to {display: inline-block; margin-left: 0;}
    .welcome .slide.prefered-age .controls-line span.age-to {margin-left: 0;}
    .welcome .slide.prefered-age select.age-to {display: inline-block; margin-left: 36px; margin-right: 3px;}
*/
    .welcome .slide.prefered-age {background-position: 95% top; background-size: auto 160%; }
    .welcome .slide.prefered-age .controls-line {flex-direction: column; width: 90%; margin-top: 20px;}
    .welcome .slide.prefered-age .age-wrap {display: flex; justify-content: space-between; margin: 15px auto; width: 80%;}
    .welcome .slide.prefered-age span, .welcome .slide.prefered-age select {margin: 0 !important;}
    .welcome .slide.prefered-age .controls-line span {white-space: nowrap; width: auto !important; line-height: 40px;}

    /* Photos */
    .welcome .slide.add-pictures {min-height: unset;}
    .welcome .slide.add-pictures .content {width: 100%; text-align: center;}
    .welcome .slide.add-pictures .main-photos,
    .welcome .slide.add-pictures .upload-photo-container {text-align: center; margin-top: 0;}
    .welcome .slide.add-pictures .main-photos .photo-block + .photo-block,
    .welcome .slide.add-pictures .photo-upload-rules {display: none;}
    .welcome .slide.add-pictures input.upload-photo {margin-top: 3px;}
    .welcome .slide.add-pictures input.upload-photo.disabled {margin-top: 0; margin-left: -47px;}
    .welcome .slide.add-pictures .main-photos .delete-button {padding-top: 12px; padding-bottom: 12px; margin-top: 24px;}
    .welcome .slide.add-pictures .message-popup img {height: auto; width: 90%;}
    /* .welcome .slide.add-pictures .big-green-button {padding: 10px;  margin-left: auto; margin-right: auto; margin-top: unset; left: unset; width: 60%;} */
    .color-bars {margin-left: -90px; margin-top: 0;}

    /* Membership */
    .welcome .slide .congrats {
        width: 90%;
        margin: 0 auto;
        padding-top: 1em;
        padding-left: unset;
        max-width: 90%;
        text-align: center;
    }
    .welcome .slide.membership {
        /* min-height: 1000px; */
        background-image: url(/images/memberpage/welcome_background_hometown.jpg);
        background-position: right top;
    }
    .welcome .slide.membership .bold-text {
        background-color: rgba(255, 255, 255, 0.5);
        padding: 15px;
        font-size: 17px;
    }
    .welcome .slide.membership .membership-offer .text-mob {
        display: block;
        text-transform: uppercase;
        /*font-family: 'Myriad Pro';*/
        width: 245px;
        margin: 30px auto;
        font-size: 12px;
    }
    .welcome .slide.membership .membership-offer {
        background-image: none;
        /* width: 310px;
        height: 619px;
        background-size: 310px 619px; */
        position: relative;
        width: 100%;
        height: 100%;
        left: unset;
        right: unset;
        top: unset;
        margin-top: 0;
    }

    .welcome .slide.membership .membership-offer .get-package-button {
        position: relative;
        left: unset;
        bottom: unset;
        width: 264px;
        padding: 18px;
        margin: 10px auto;
    }
    .welcome .slide.membership .membership-offer .offer-mob {
        display: block;
        background-image: url(/images/memberpage/package-mobile.png);
        width: 310px;
        height: 619px;
        background-size: 310px 619px;
        margin: 0 auto;
    }

    .welcome .slide.membership .membership-offer .get-it-later {
        position: relative;
        bottom: unset;
        left: unset;
        margin: 10px auto;
        display: block;
        text-align: center;
        color: #7b6866;
    }

    .welcome .slide.membership .close-button {display: none;}

    /* END WELCOME MOBILE */


}

@media screen and (max-width: 380px) {
    #ReCaptchContainer {
        transform: scale(0.8);
        -webkit-transform: scale(0.8);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
    }
}

@media screen and (max-width: 450px) {
    .hanging-woman-wrap, .hanging-woman-wrap:before {
        height: 180px;
    }
}

@media screen and (max-height: 460px) {
    .welcome .slide .centered {
        padding-top: 0;
    }
}
@media screen and (max-height: 350px) {
    @media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) { 
        .selector:not(*:root),
        .profile-text-editor:focus {
            z-index: 300;
            position: absolute;
            left: 5%;
            height: 63vh !important;
            top: 0;
        }
    }

    @-moz-document url-prefix() {
        .profile-text-editor:focus {
            z-index: 300;
            position: absolute;
            left: 5%;
            height: 63vh !important;
            top: 0;
        }
    }
}

.payment_iframe {
    width: 100%;
    height: 350px; /*overflow:hidden;*/
}

.iframe_container {
    position: relative;
}

.iframe_overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: white;
    z-index: 10;
}

    .iframe_overlay > span {
        display: block;
        margin: 150px auto;
    }


.lady-unavailable {
    width: 100%;
    margin-top:355px;
    text-align:center;
}
.remove-favorite-input {
   white-space:normal;width: 110px;
}
.agreement-invalid 
{
    border: 1px solid #ff0000;
    margin-left: 1px;
    margin-top: 2px;
    width: 19px;
    height: 19px;
    background-color: #fcf9f9;
}

.buy-credits-notification {
    text-align: center;
    min-height: 668px;
}
.buy-credits-notification .top-block {
    width: 800px;
    height: 325px;
    background-image: url(/images/memberpage/credits_purchase_top.jpg);
    background-size: 800px 337px;
    background-repeat: no-repeat;
    /* margin-bottom: 50px; */
}
@media (-webkit-min-device-pixel-ratio: 1.4), (min-device-pixel-ratio: 1.4), (min-resolution: 72dpi) {
    .buy-credits-notification .top-block {
        background-image: url(/images/memberpage/credits_purchase_top_2.0x.jpg);
        background-size: 800px 337px;
    }
}

.start-package-purchase-container .buy-credits-notification .top-block h1 {
    text-transform: uppercase;
    font-size: 90px;
    font-weight: bold;
    padding-top: 45px;
    line-height: 1.2em;
    padding-bottom: 30px;
}

.buy-credits-notification .top-block.success h1 {
    color: #43932c;
}
.buy-credits-notification .top-block.declined h1 {
    color: rgb(216, 0, 0);
}
.buy-credits-notification .top-block.error h1 {
    color: rgb(223, 152, 50);
}

.buy-credits-notification h2 {
    font-weight: bold;
    padding: 20px;
}

.start-package-purchase-container .buy-credits-notification .top-block p {
    color: #7d7573;
    font-size: 24px;
    padding-top: 30px;
    text-align: center;
}

.start-package-purchase-container .buy-credits-notification .top-block hr {
    width: 150px;
    border-top: #7d7573 solid 1px;
    margin: 0 auto;
}

.buy-credits-notification .bottom-block {
    padding-top: 80px;
}

.buy-credits-notification .bottom-block p {
    text-align: center;
}

@media screen and (max-height: 910px) {
    .buy-credits-notification {
        min-height: auto;
    }
    .start-package-purchase-container .buy-credits-notification .top-block {
        height: 304px;
    }
    .start-package-purchase-container.buy-credits .buy-credits-notification .top-block {
        height: 304px;
    }
    .start-package-purchase-container .buy-credits-notification .bottom-block {
        padding-top: 61px;
    }
    .start-package-purchase-container.buy-credits .buy-credits-notification .bottom-block {
        padding-top: 65px;
    }
}
.start-package-purchase-container .buy-credits-notification .bottom-text {
    margin-bottom: 23px;
    margin-top: 0;
    text-align: center;
}
/* .buy-credits-notification > div {
    width: 400px;
    margin: 200px auto;
    text-align: center;
} */
.buy-credits-notification > div > a {
    margin: 90px 30px 18px;
}
.buy-credits-notification.declined > div > a {
    margin: 70px 30px 18px;
}
.buy-credits-notification.declined .bottom-block {
    padding-top: 65px;
}


.buycredits-ok-btn {
    width: 150px;
    display:inline-block;
    text-transform: uppercase;
    text-decoration: none !important;
    padding: 10px 25px 10px 25px;
    background-image: linear-gradient(to bottom, #54ab35, #489430);
    color: #fff;
    font-weight: bold;
    border-radius: 4px;
    font-size: 15px;
    cursor: pointer;
    letter-spacing: 0.015em;
    line-height: 20px;
}

.buycredits-ok-btn:hover {
    background-image: linear-gradient(to bottom, #43932c, #489430);
}

.buycredits-cancel-btn {
    width: 150px;
    display: inline-block;
    text-transform: uppercase;
    text-decoration: none !important;
    padding: 10px 25px 10px 25px;
    background: #625e59;
    color: #fff;
    font-weight: bold;
    border-radius: 4px;
    font-size: 15px;
    cursor: pointer;
    letter-spacing: 0.015em;
    line-height: 20px;
}

.buycredits-cancel-btn:hover {
    background: #4f4d49;
}

.payment-progress-sp, .payment-progress 
/* .color-spinner  */
{
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -75px 0px 0px -75px;
    display:none;
}

.color-spinner .inner-circle {
    background: #fcf9f9;
}

.cookies-notification {
    position: fixed;
    bottom: 15px;
    right: 15px;
    margin: 0px;
    padding: 20px;
    width: 220px;
    height: 100px;
    z-index: 10000;
    background: #212121;
    opacity: 0.9;
    border-radius: 10px;

    color: white;
    font-size:14px;
}

.cookies-notification > a
{
    color:white;
}

.cookies-ok-thanks{
    padding:15px;
    padding-right:0px;
    display:block;
    float:right;
    color:green !important;
    text-decoration:none !important;
}

.grecaptcha-badge {
    display: none !important;
}

.desktop_hide {
    display:none;
}

.mobile-menu-placeholder {
    display: none;
}

.tablet-menu-placeholder {
    display: none;    
}


/* Members -Tablet */
@media screen and (max-width: 1050px) {
    /* .default  */
    .default .member-page .main-content-outer,
    .member-page .main-content-outer {
        max-width: 96%;
        width: 96%;
        grid-column-gap: 1%;
        column-gap: 1%;
        grid-auto-rows: unset;
    }
    .member-page .main-content-outer.main-content-has-right.main-content-has-left {
        grid-auto-rows: unset;
        grid-template-columns: auto 250px;
    }
    .member-page .main-content-left {
        display: none;
    }
    .member-page .main-content-outer.main-content-has-right.main-content-has-left .main-content-right {
        grid-area: rtop;
    }
    .member-page .title-message {
        margin-top: 0;
        margin-bottom: 15px;
        padding-top: 20px;
        padding-bottom: 20px;
        background-color: white;
    }

    .giftdelivery .gifts {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 30px;
    }
    .giftdelivery .gifts > div {
        margin-left: auto;
        margin-right: auto;
    }
}

@media screen and (max-width: 950px) {
    .top-user-menu .btn {
        margin-left: 0;
    }
    .top-user-menu a.item {
        padding-right: 1em;
    }
    .top-user-menu .dropdown .item {
        padding-right: 4em;
    }
    .member-page .our-aspiration-wrap h2 {
        font-size: 40px;
    }
    .member-page .aspiration-outro {
        font-size: 16px;
    }

    .search-options {
        padding: 20px 0px 20px 20px;
    }
    .search-row {
        display: flex;
        justify-content: space-around;
    }
    .search-label {
        width: auto;
        display: inline-block;
        flex: 0 0 18%;
    }
    .search-options select {
        margin: 5px 20px 5px 0;
        flex: 0 0 26%;
        background-position: 92% center;
    }
    .search-control {
        width: 26%;
    }
    .id-text-box-control {
        margin-left: 0;
        margin-right: 20px;
        width: 26% !important;
    }

    .search-results .horizontal-line {
        display: none;
    }
    .search-results-inner > div > div {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-evenly;
    }

    .lady-profile .user-profile .tabs-buttons {
        font-size: 13px;
    }
    .lady-profile .footer-buttons a, 
    .lady-profile .footer-buttons input {
        margin-right: 3px;
    }
    .no-free-letter a.green:hover {
        margin-right: 0;
    }
    .user-profile .tabs-buttons .video-and-info a:last-child {
        margin-right: 0;
    }

    .check-id-button {
        width: 170px;
        padding: 5px 55px;
    }

    .talk-to-lady-specify {
        display: flex;
        flex-direction: column;
    }

    .service-label {
        display: block;
    }

    .mailbox .message-block .header {
        font-size: 12px;
    }
    .mailbox .message-block .status {
        padding-left: 20px;
    }
    .mailbox .message-block .date-time {
        width: 145px;
        overflow: hidden;
        white-space: nowrap;
    }
    .mailbox .message-block .message-content {
        margin: 15px 20px;
        /* display: flex;
        justify-content: space-between; */
    }
    .mailbox .message-block .message-content .girl-info {
        /* margin-left: 0; */
    }
    .mailbox .message-block .message-spoiler-container {
        width: 140px;
        height: auto;
        margin: 0 10px;
    }
    .mailbox .message-block .message-spoiler {
        width: 140px;
    }
    .mailbox .message-block .open-message-comment {
        left: unset;
        right: 20px;
        top: 105px;
    }
    .mailbox .message-block .open-message,
    .mailbox .message-block .reply-message {
        position: relative;
        top: unset;
        left: unset;
        right: unset;
    }

    .correspondence .mailbox .message-block.new.compose .message-content {
        display: block;
    }
    .correspondence .mailbox .message-block .status.long {
        width: 165px;
    }
    .correspondence .mailbox .message-block.compose ul {
        font-size: 11px;
    }
    .correspondence .mailbox .message-block.sent .message-content {
        justify-content: flex-start;
    }
    .correspondence .mailbox .message-block.sent .message-content .girl-info {
        /* margin-left: 18px; */
    }
    /* .correspondence  */
    .message-block:not(.compose) .message-content {
        display: grid;
        grid-template-columns: 74px 110px auto 142px;
    }
    .header-buttons {
        position: absolute;
        right: 5px;
    }
    .support .search-criteria {
        flex-wrap: wrap;
    }

}

@media screen and (max-width: 900px) {
    .default .member-page .main-content-outer,
    .member-page .main-content-outer {
        max-width: 98%;
        width: 98%;
    }
    .myorders .search-criteria,
    .support .search-criteria {
        padding: 15px 15px 30px;
        display: block;
    }
    .myorders .search-criteria input.reference-id,
    .myorders .search-criteria select.subject,
    .myorders .search-criteria select.status,
    .support .search-criteria input.reference-id,
    .support .search-criteria select.subject,
    .support .search-criteria select.status {
        width: 100%;
        background-position: 95% center;
        margin-left: 0;
        margin-right: 0;
        line-height: 22px;
    }
    .myorders .search-criteria input.reference-id,
    .support .search-criteria input.reference-id {
        border-radius: 3px;
        /* height: 48px; */
    }
    .myorders .search-criteria input.green,
    .support .search-criteria input.green {
        display: block;
        position: relative;
        right: unset;
        margin: 30px 0 0;
    }
    .faq .faq-block:last-of-type {
        padding: 25px 0px 25px 0px;
    }

    .profile-content .profile-row > input, .profile-content .profile-row > select {
        width: 100%;
        background-position: 95% center;
    }

    .user-profile p.description {
        padding-top: 0;
    }
    .profile-content .profile-row span{
        display: block;
        line-height: 1em;
        margin-top: 20px;
        margin-bottom: 5px;
    }
    .profile-content .profile-row input.phone-country-code {
        width: 39%;
        margin-right: 1%;
    }
    .profile-content .profile-row input.phone-number {
        width: 58%;
        margin-left: 0;
    }
    .creditshistory .dates-range-block input {
        padding: 14px 14px;
        width: 120px;
        margin-left: 2px;
    }
    .user-profile .user-info {
        font-size: 12px;
    }

    .lady-profile .user-profile .tabs-buttons a {
        margin-right: 7px;
    }
    .lady-profile .footer-buttons a, 
    .lady-profile .footer-buttons input {
        font-size: 10px;
        margin-right: 0;
    }
}

@media screen and (max-width: 915px) {

    .start_package_banner, 
    .buy_credits_banner {
        width: 100%;
    }
    .start_package_banner,
    .member-page .buy_credits_banner {
        width: calc(100% - 20px);
        /* background-image: url(/images/memberpage/package-mobile-bg.jpg);
        background-size: cover; */
        background-image: none;
        background-color: #f1eeee;
        padding-top: 0;
        /* padding-bottom: 30px; */
        border: 10px solid #ffffff;
        /* background-origin: padding-box; */
        height: 390px;
    }

        .start_package_banner .mobile,
        .buy_credits_banner .mobile {
            display: block;
        }
        .start_package_banner .start_package_banner_top,
        .buy_credits_banner .buy_credits_banner_top {
            padding-top:30px;
        }
        .mobile.start_package_banner_top,
        .mobile.buy_credits_banner_top {
            display: block;
            /* background-color: rgb(232, 232, 232); */
            background-color: #f1eeee;
            display: flex;
            flex-direction: row-reverse;
        }
        .mobile.start_package_banner_top {
            justify-content: space-around;
        }
    .start_package_banner_top img,
    .buy_credits_banner_top img {
        display: block;
        width: 160px;
        height: 160px;
        margin: 0 0 0 20px;
        flex-shrink: 0;
    }
        .start_package_banner_top img {
            width: 130px;
            height: 130px;
        }

    .start_package_banner .text .heading,
    .start_package_banner_top.mobile .heading,
    .buy_credits_banner .text .heading,
    .buy_credits_banner_top.mobile .heading {
        text-align: left;
        font-weight: bold;
        font-size: 30px;
        line-height: 3em;
        border-bottom: 1px solid black;
        margin-bottom: 20px;
        color: #000;
    }
        .start_package_banner .text .heading,
        .start_package_banner_top.mobile .heading {
            font-size: 30px;
            line-height: 2em;
        }

    .buy_credits_banner .text p {
        line-height: 23px;
        font-weight: bold;
        color: #756f67;
        text-align: left;
        font-size: 23px;
        padding-left: 20px;
    }

    .start_package_banner .text ul,
    .start_package_banner_top.mobile ul {
        list-style-type: disc;
        list-style-position: outside;
        padding-left: 20px;
        /* line-height: 23px; */
        line-height: 20px;
        /* font-weight: bold; */
        color: #756f67;
        text-align: left;
        font-size: 14px;
    }

    .start_package_banner .text ul li,
    .start_package_banner_top.mobile ul li {
        margin: 2px 0;
    }

        .start_package_banner .text ul li span,
        .start_package_banner_top.mobile ul li span {
            font-weight: normal;
        }

        .start_package_banner br.tablet {
            display: none;
        }

    .member-page .start_package_banner .big-green-button,
    .member-page .buy_credits_banner .big-green-button {
        position: relative !important;
        bottom: unset;
        left: unset;
        margin: 30px auto 0;
    }
        .member-page .start_package_banner .big-green-button {
            margin: 20px auto 0;
        }

    .start_package_banner_bottom,
    .buy_credits_banner_bottom {
        text-transform: uppercase;
        text-align: center;
        font-size: 7px;
    }
        .start_package_banner_bottom br.mobile,
        .start_package_banner_bottom span.tablet, 
        .buy_credits_banner_bottom br.mobile {
            display: none;
        }

    /* .start_package_banner_top,
    .start_package_banner_bottom, */
    .buy_credits_banner_top,
    .buy_credits_banner_bottom {
        padding: 25px;
    }
        .start_package_banner_top {
            padding: 20px;
        }
        .start_package_banner_bottom {
            padding: 20px 15px;
        }
    
    .start_package_banner .hl, 
    .buy_credits_banner .hl {
        margin: 0 25px;
        border-bottom: 1px solid black;
    }



    .start-package-purchase-container .top-block {
        display: none;
    }

    .start-package-purchase-container.buy-credits .top-block {
        display: block;
        background-size: cover;
    }

}

@media screen and (max-width: 850px) {
    .top-user-menu a {
        font-size: 13px;
    }
    .lady-profile .user-profile .tabs-buttons a {
        /* font-size: 12px; */
        margin-right: 1px;
    }
    /* .lady-profile .footer-buttons a, 
    .lady-profile .footer-buttons input {
        font-size: 9px;
    } */
    .lady-profile .remove-favorite-input {
        width: 90px;
    }
    .lady-profile .user-profile {
        padding: 16px 15px 20px;
    }
    .mailbox .message-block .date-time {
        width: 90px;
    }
}

@media screen and (max-width: 770px) {
    .start_package_banner,
    .member-page .buy_credits_banner {
        height: auto;
    }
}

@media screen and (max-width: 1050px) {

    .top-logo-r {
        padding: 0px;
        background-color: #fff;
    }

    .topbar_after_login {
        display: none;
    }


    .slicknav_menu {
        display: block;
        min-height: 60px;
        z-index: 10000;
        position:fixed;
        width:100%;
    }

    .slicknav_nav a {
        border-bottom: solid white 3px;
    }

    .menuItem_level2 .menuItem_r {
        padding-left: 70px;
        border-bottom: solid white 1px;
    }

    .slicknav_nav ul {
        margin: 0px !important;
    }

    .menu_r_li_last.menuItem_level2 .menuItem_r {
        border-bottom: solid white 3px;
    }
    .tablet-menu-placeholder {
        display: block;
        height: 67px;
    }

        .slicknav_menu .slicknav_icon-bar {
            background-color: #6D6E71 !important;
            height: 3px !important;
            
            -webkit-box-shadow: none !important;
            -moz-box-shadow: none !important;
            box-shadow: none !important;
        }

    .hanging-woman-white:after {
        top: 564px;
    }
    .hanging-woman-white2:after {
        top: 249px;
    }

}

@media screen and (max-width: 900px) {
    .info-block .mobile {
        display: block;
    }
}

 @media screen and (max-width: 768px) {

        .desktop_hide {
            display: block;
        }

        /* SITE MEMBER MASTER & DEFAULT */
        .slicknav_menu {
            display: block;
        }

    .mobile-menu-placeholder {
        display: block;
        height: 67px;
    }

        .slicknav_menu .slicknav_icon-bar {
            background-color: #6D6E71 !important;
            height: 3px !important;
            /* -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.25) !important;
        -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.25) !important;
        box-shadow: 0 2px 0 rgba(0, 0, 0, 0.25) !important; */
            -webkit-box-shadow: none !important;
            -moz-box-shadow: none !important;
            box-shadow: none !important;
        }


        .member-page .main-content-left, .main-content-right, .preview-images-bar, .preview-images-bar > .container, .top-user-menu {
            display: none;
        }

        /*.default  */
        .preview-images-bar {
            display: block;
            height: 145px;
        }
            /* .default .preview-images-bar {
        display: revert;
        overflow-x: scroll;
        border-top: 1px solid #7f7a77;
        width: 90%;
        margin: 0 auto;
    } */
            /* .default  */
            .preview-images-bar > .container {
                width: auto;
                margin-left: 0;
            }
            /* .default  */
            .preview-images-bar a {
                width: 90px;
                padding-right: 5px;
                padding-left: 5px;
            }
            /* .default  */
            .preview-images-bar img {
                width: 90px;
                height: 139px;
            }
        /* .default  */
        .hanging-woman-white {
            display: none;
        }
    .hanging-woman-white2 {
        display: none;
    }

        .mobile_hide {
            display: none;
        }

        .default .mobile_hide {
            display: block;
        }

        .hanging-woman-white:before, .hanging-woman-white:after {
            content: none;
        }
    .hanging-woman-white2:before, .hanging-woman-white2:after {
        content: none;
    }


        .hanging-woman-white {
            /* background: url(/images/memberpage/smile_mid.jpg) no-repeat 44% top; */
            height: 135px;
            background-size: 314px 126px;
        }
    .hanging-woman-white2 {
        /* background: url(/images/memberpage/smile_mid.jpg) no-repeat 44% top; */
        height: 135px;
        background-size: 314px 126px;
    }


        @media (-webkit-min-device-pixel-ratio: 1.4), (min-device-pixel-ratio: 1.4), (min-resolution: 72dpi) {
            .hanging-woman-white {
                /* background: url(/images/memberpage/smile_mid.jpg) no-repeat 44% top; */
                background-size: 314px 126px;
            }
            .hanging-woman-white2 {
                /* background: url(/images/memberpage/smile_mid.jpg) no-repeat 44% top; */
                background-size: 314px 126px;
            }

        }

        .member-page .content-area {
            top: unset;
            height: auto;
            position: relative;
            padding-top: 35px;
        }

        .member-page .content-area-wrapper {
            height: auto;
            min-height: auto;
            padding-bottom: 50px;
        }

        .member-page .buy_credits_banner, .start_package_banner {
            /* width: 100%;
        height: 1px;
        padding-top: 67%;
        overflow: hidden;
        position: relative;
        background-size: contain; */
        }

            .member-page .buy_credits_banner .big-green-button {
                padding: 5px 30px 5px 30px;
                position: relative;
                /* bottom: 28vh; */
                left: unset;
                /* margin: 0 auto; */
                z-index: 10;
            }

        .member-page .start_package_banner .big-green-button {
            padding: 5px 50px 5px 50px;
            /* position: absolute !important; */
            /* bottom: 20%; */
            /* margin-left: -110px; */
        }

        .start-package-purchase-container.buy-credits .top-block .credits-button .discount-splash span {
            font-size: 12px;
            margin-left: 0;
        }

        .member-page .our-aspiration-wrap {
            margin-bottom: 40px;
        }

        .member-page .member-info-bar {
            font-size: 15px;
        }

            .member-page .member-info-bar .title {
                position: absolute;
                left: 80px;
                top: 15px;
            }

            .member-page .member-info-bar .value {
                position: absolute;
                right: 15px;
                top: 15px;
            }


        .topbar_after_login {
            display: none;
        }

        .top-logo-r {
            padding: 0px;
            background-color: #fff;
        }

            .top-logo-r img {
                width: 75%;
                max-width: 257px;
                height: auto;
            }

        .top0 {
            position: fixed !important;
            height: 200%;
            overflow: hidden !important;
            width: 100%;
            background: #3A3A3C;
            display: none;
        }

        #menu_r_root {
            height: auto;
            overflow: hidden !important;
        }

        /* .menuItem_level2 {
        margin-left: 60px !important;
    } */

        .slicknav_nav a {
            border-bottom: solid white 3px;
        }

        .menuItem_level2 .menuItem_r {
            padding-left: 70px;
            border-bottom: solid white 1px;
        }

        .menu_r_li_last.menuItem_level2 .menuItem_r {
            border-bottom: solid white 3px;
        }

        .slicknav_nav a:hover {
            color: white !important;
        }

        .slicknav_nav ul {
            margin: 0 !important;
        }


        .because_i_love_you_r {
            margin: 30px auto 0;
            display: block;
            width: calc(100% - 20px);
            overflow: hidden;
            position: relative;
            background-color: white;
            padding: 10px;
            /* padding-top: 100%; */
        }

/*            .because_i_love_you_r div {
                background: url(/images/memberpage/bily.jpg) center no-repeat;
                height: 240px;
            }*/

            .because_i_love_you_r img {
                width: 100%;
                height: auto;
                /* position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            top: 0; */
            }

        @media (-webkit-min-device-pixel-ratio: 1.4), (min-device-pixel-ratio: 1.4), (min-resolution: 72dpi) {
/*            .because_i_love_you_r div {
                background-image: url(/images/memberpage/bily_2.0x.jpg);
                background-size: cover;
            }*/
        }

        .member-page .title-message h1 {
            font-size: 30px;
        }

        .info-block {
            padding: 10px;
            height: auto;
            min-height: 80px;
        }

            .info-block .mobile {
                display: block;
            }

            /* .info-block .dt {
                display: none;
            } */

        .message-popup-wrapper {
            height: unset;
            left: 0px;
            top: 0px;
            bottom: 0;
            overflow-y: scroll;
        }

        .start-package-purchase-container {
            display: block;
            position: absolute;
            /* height: 722px; */
            height: 700px;
            background-color: #fcf9f9;
            z-index: 10002;
            top: 50%;
            margin-top: -384px;
            padding: 23px;
            cursor: default;
        }


            .start-package-purchase-container .top-block {
                width: 100%;
                height: 325px;
                background-image: url(/images/memberpage/start_package_purchase_top.jpg);
                /*background-size: 800px 337px;*/
                background-repeat: no-repeat;
            }

            .start-package-purchase-container.buy-credits .top-block {
                height: auto;
                background-size: cover;
                padding-top: 10px;
            }

            .start-package-purchase-container .payment-block .card-info label.agreement {
                text-transform: none;
            }

            .start-package-purchase-container.buy-credits .top-block h1,
            .start-package-purchase-container .top-block h1 {
                padding-top: 25px;
            }

            .start-package-purchase-container.buy-credits .top-block .order-totals {
                font-size: 18px;
            }

        .member-page .title-message {
            margin-top: 0;
        }

        .member-info-bar {
            height: 50px;
        }

            .member-info-bar .icon-letter, .icon-support, .icon-my-orders, .icon-site-credits, .icon-chat-credits {
                height: 50px;
                width: 70px;
            }

        .start-package-purchase-container {
            height: 750px;
        }
    .edit-photo-container {
        height: 750px;
    }


            .start-package-purchase-container.buy-credits {
                height: 780px;
            }


            .start-package-purchase-container .bottom-text {
                margin-top: 60px;
                margin-bottom: 10px;
            }

        .buy-credits-panel-sp,
        .buy-credits-panel {
            background-color: white;
        }

        .start-package-purchase-container .emp-logo {
            height: 60px;
        }

        .default .main-content-has-right.main-content-has-left .main-content-wrap {
            max-width: 100%;
        }

        .start-package-purchase-container,
        .start-package-purchase-container.buy-credits {
            width: 100%;
            left: unset;
            padding: 0;
            margin-left: unset;
            margin-top: unset;
            top: 0px;
        }

            .start-package-purchase-container .payment-block {
                margin: 15px auto;
                height: auto;
            }

            .start-package-purchase-container .bottom-text {
                padding: 0 25px;
            }

            .start-package-purchase-container .top-block {
                width: 100%;
                height: 42%;
                background-size: contain;
            }

    .book-consult-panel-sp,
    .book-consult-panel {
        background-color: white;
    }


    .start-package-purchase-container .emp-logo {
        height: 60px;
    }

            .start-package-purchase-container.buy-credits .top-block .coupon-container {
                margin: 15px auto !important;
                height: 70px;
            }

                .start-package-purchase-container.buy-credits .top-block .coupon-container .coupon-code {
                    height: auto;
                }

                .start-package-purchase-container.buy-credits .top-block .coupon-container .coupon-code > div {
                    display: flex;
                    justify-content: center;
                }

                .start-package-purchase-container.buy-credits .top-block .coupon-container .coupon-question {
                    line-height: 54px;
                }

            .start-package-purchase-container.buy-credits .top-block .credits-buttons-container {
                padding-left: 25px;
            }

            .start-package-purchase-container.buy-credits .order-totals .break {
                display: block;
            }

        .credits-buttons-container div {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
        }

        .start-package-purchase-container.buy-credits .top-block .credits-button:hover,
        .start-package-purchase-container.buy-credits .top-block .credits-button:hover span.amount,
        .start-package-purchase-container.buy-credits .top-block .credits-button:hover span.price {
            text-decoration: none;
        }

        .message-popup img {
            height: auto;
            width: 90%;
            max-width: 315px;
        }

        /* MY PROFILE */
        .myprofile .formview {
            width: 100%;
        }

        .myprofile .tabs-buttons {
            width: 100%;
            display: none;
        }

        .myprofile .profile-pictures {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: center;
            align-items: center;
        }

        .myprofile .edit-photos {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: center;
            align-items: center;
        }

        .myprofile .main-photos {
            width: 150px;
            visibility: hidden;
            margin: 15px 0 30px;
        }

        .myprofile .main-photo {
            margin-left: 5px;
            margin-right: 5px;
        }

        .myprofile .no-image-back {
            margin-left: 5px;
        }

        .myprofile .girl-image-link {
            background: none;
            background-image: none;
            max-width: unset;
            margin-bottom: 15px;
        }

        .myprofile .slick-dots {
            bottom: -15px;
        }

        .myprofile .edit-photos .main-photos .photo-block {
            max-width: unset;
        }

        .myprofile .main-photos .photo-block .no-image-back,
        .myprofile .main-photos .no-image-back {
            width: 140px;
            background-size: 140px 210px;
            background-repeat: no-repeat;
            background-position: top;
        }

        .myprofile .user-info {
            width: 100%;
        }

        .user-profile {
            padding: 0px;
            margin: 0px;
        }

            .user-profile .header {
                font-weight: bold;
                font-size: 15pt;
                border-bottom: 0px;
                padding: 30px 30px 0px 30px;
            }

            .user-profile .verified a, .user-profile .non-verified a, .user-profile .verified, .user-profile .non-verified {
                display: none;
            }

        .myprofile .user-profile .tabs-container {
            height: auto;
            width: 100%;
        }


        .myprofile .footer-buttons {
            width: 100%;
        }

        .myprofile .user-info {
            font-size: 14px;
            background-color: #edebea;
            color: #838282;
            height: auto;
            justify-content: normal;
            padding: 30px 30px 0px 30px;
            white-space: normal;
            margin-bottom: 30px;
            flex-direction: column;
        }

            .myprofile .user-info .column {
                width: 100%;
                text-align: left;
                display: inline-block;
                vertical-align: top;
                overflow: hidden;
                float: none;
                padding: 0px 0px 30px 0px;
            }

                .myprofile .user-info .column div {
                    line-height: 23px;
                }

                .myprofile .user-info .column:nth-of-type(1) {
                    width: 100%
                }

                .myprofile .user-info .column:nth-of-type(2) {
                    width: 100%
                }

                .myprofile .user-info .column:nth-of-type(3) {
                    width: 100%
                }

                .myprofile .user-info .column b {
                    float: right;
                }

        .tab.information {
            height: auto;
            display: block;
        }

        .myprofile .tab.information {
            height: auto;
        }

        .tab.information .content-wrapper {
            position: initial;
            background-color: #edebea;
            width: 100%;
            top: 0px;
            bottom: 0px;
        }

            .tab.information .content-wrapper .scroll-container {
                position: initial;
                top: 0px;
                bottom: 0px;
                left: 0px;
                right: 0px;
                padding-right: 0px;
                overflow-y: auto;
            }

                .tab.information .content-wrapper .scroll-container .scroll-content {
                    width: 100%;
                    font-weight: normal;
                    overflow-wrap: break-word;
                    padding-top: 30px;
                }

                    .tab.information .content-wrapper .scroll-container .scroll-content b {
                        display: block;
                        padding: 0px 30px 0px 30px;
                    }

                    .tab.information .content-wrapper .scroll-container .scroll-content p {
                        padding: 6px 30px 20px 30px;
                        text-align: justify;
                    }

        .myprofile .main-content-outer {
            width: 100%;
        }

        .myprofile .top-buttons {
            display: none;
        }

        .myprofile .footer-buttons {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: center;
            align-items: center;
            padding: 30px 0px;
        }

            .myprofile .footer-buttons .green {
                width: 250px;
                height: 34px;
            }

        .myprofile .our-aspiration-wrap {
            display: none;
        }

        .myprofile .user-profile input.green {
            margin-top: 0px;
        }

        .myprofile .edit-photos .girl-image-link {
            /* height: 240px;
        padding-top: 30px; */
            height: 30px;
            padding-top: 210px;
            padding-bottom: 25px;
            background-image: none;
        }

        .myprofile .edit-photos .button-wrapper {
            margin-left: 5px;
            width: 140px;
            /* position: absolute; */
            /* bottom: 0; */
        }

        .myprofile .upload-photo-container {
            height: auto;
            margin: 20px 0;
            width: 140px;
        }

        .myprofile .suggestion-text {
            padding: 0px 30px;
        }

        .myprofile .no-padding {
            border-top: 0px;
            padding: 30px 30px;
        }

        .slick-slide:focus {
            outline: none;
        }

        .myprofile .photo-upload-rules {
            padding: 0px 30px;
        }

        .myprofile .profile-content {
            padding: 0px 30px;
            border: none;
        }

            .myprofile .profile-content .suggestion-text {
                padding: 0px;
            }

        .myprofile .profile-row > span {
            display: block;
        }

        .myprofile .profile-row > select {
            width: 100%;
            background-position-x: 98%;
        }

        .myprofile .profile-row > input {
            width: 100%;
        }

        .myprofile textarea {
            width: 100%;
        }

        .myprofile .member-page .main-content-has-right.main-content-has-left .main-content-wrap {
            flex: 0 0 660px;
            max-width: initial;
        }

        .myprofile .profile-row-children {
        }

        .profile-content .profile-row .child-year {
            margin: 20px 20px 0px 0px
        }

        .profile-content .profile-row .child-gender {
            margin: 20px 20px 0px 0px
        }

        .profile-content .profile-row span.age-to {
            margin-left: 0px;
        }

        .profile-content .profile-row select.age-from, .profile-content .profile-row select.age-to {
            width: 100%;
            background-position-x: 98%;
        }

        .r_hide {
            display: none !important;
        }

        .myprofile .girl-image-link .color-bars {
            margin-left: 0;
            margin-top: 0;
        }

        .myprofile textarea {
            font-size: 16px
        }


        /* SERVICES */

        .services-content {
            padding: 25px 20px;
        }

            .services-content .check-id-textbox {
                width: 100% !important;
            }

            .services-content .check-id-button {
                display: block;
                float: none;
                margin-left: auto;
                margin-right: auto;
                font-size: 1rem;
                line-height: 2rem;
                font-weight: bold;
            }

        .services-content input.buy-credits {
            height: 34px;
        }

        .service-row {
            line-height: normal;
        }

            .service-row .service-label {
                margin-top: 20px;
                margin-bottom: 3px;
                width: 100%;
            }

            .service-row input, .service-row select {
                max-width: 100%;
            }

            .service-row .phone_number1 {
                max-width: 39%;
                margin-right: 1%;
            }

            .service-row .phone_number2 {
                max-width: 60%;
            }

        .phoneservice .green-btn,
        .phoneservice3 .green-btn,
        .meetanddate .green-btn,
        .meetanddate2 .green-btn,
        .apartments .green-btn,
        .apartments2 .green-btn,
        .giftdelivery .green-btn,
        .giftdelivery2 .green-btn,
        .airporttransfer .green-btn,
        .airporttransfer2 .green-btn {
            padding: 10px 40px;
        }

        .service-row > select, .service-row > div > select {
            background-position: 95% center;
        }

        .service-row > div {
            display: block;
        }

        .giftdelivery .services-content select {
            line-height: 12px;
        }

        .giftdelivery .gifts {
            display: flex;
            flex-wrap: wrap;
            margin-bottom: 30px;
        }

            .giftdelivery .gifts > div {
                margin-left: auto;
                margin-right: auto;
            }

        .giftdelivery .gift_order_item {
            margin-top: 12px !important;
        }


            .giftdelivery .gift_order_item .label {
                max-width: 110px;
                max-width: calc(100% - 125px);
                max-height: 20px;
                overflow: hidden;
                white-space: nowrap;
            }

        .giftdelivery .order-total {
            display: flex;
            height: 25px;
        }

            .giftdelivery .order-total > div {
                float: none !important;
            }

        .giftdelivery .gift_total {
            width: 100%;
        }

        .giftdelivery .order-total input {
            padding: 0 !important;
            font-family: Arial;
            line-height: 1em;
        }

        textarea, .services-content textarea {
            font-size: 16px;
        }


        .chatroom .green-btn {
            padding: 10px 13px;
            font-size: 16px !important;
        }

        .chatroom .rTable-wrapper {
            position: relative;
            overflow: hidden;
        }

        .chatroom .rTable {
            overflow: scroll;
            overflow-y: hidden;
            display: block;
        }

        .chatroom .rTableCell, .rTableHead {
            white-space: nowrap;
        }

        .chatroom .rTable .tc_left {
            visibility: hidden;
        }

        .rTable-wrapper .mobile {
            position: absolute;
            left: 0;
            top: 0;
            width: 143px;
            background: #fff;
            display: block;
            overflow: hidden;
            overflow-x: scroll;
            border-right: 1px solid #D1CBC8;
        }

        .rTable-wrapper .arrow {
            background: transparent;
            background-image: url(../images/memberpage/arrow_right.png);
            /* background-size: 198px 233px; */
            background-repeat: no-repeat;
            background-position: 0 0;
            width: 70px;
            height: 38px;
            border: none;
            opacity: 0.8;
            display: block;
            position: absolute;
            top: 45%;
            left: 80%;
            /* animation: arrowBounce 10s linear infinite; */
            animation-name: arrowBounce;
            animation-duration: 10s;
            animation-delay: 4s;
            animation-iteration-count: infinite;
        }

        @keyframes arrowBounce {
            0% {
                opacity: 0.8;
                transform: translateX(0);
            }

            5% {
                transform: translateX(5px);
            }

            10% {
                transform: translateX(-5px);
            }

            15% {
                transform: translateX(5px);
            }

            20% {
                transform: translateX(-5px);
            }

            25% {
                transform: translateX(5px);
            }

            30% {
                transform: translateX(-5px);
                opacity: 0.8;
            }

            35% {
                opacity: 0;
            }

            100% {
                opacity: 0;
            }
        }

        /* SEARCH */

        .search-options {
            padding: 25px 20px;
        }

        .search-category {
            width: 100%;
        }

        .search-row {
            width: 100%;
            display: block;
        }

            .search-row > * {
                display: block;
            }

        .search-label,
        .search-label:nth-of-type(2) {
            width: 100%;
            padding-left: 0;
            line-height: 1em;
            margin-top: 20px;
            margin-bottom: 5px;
        }

        .search-options select {
            width: 100%;
            margin-left: 0;
            background-position: 95% center;
        }

        .search-options .id-text-box-control {
            width: 100% !important;
            margin-left: 0;
        }

        .search-options .big-green-button {
            position: relative;
            bottom: unset;
            margin: 25px auto;
            left: unset;
        }

        /* MY SETTINGS */

        .settings .user-profile {
            /* width: 90%; */
            padding: 25px 20px;
        }

        /* 
    .profile-content .profile-row > input, .profile-content .profile-row > select {
        width: 100%;
        background-position: 95% center;
    }

    .user-profile p.description {
        padding-top: 0;
    }
    .profile-content .profile-row span{
        display: block;
        line-height: 1em;
        margin-top: 20px;
        margin-bottom: 5px;
    }
    .profile-content .profile-row input.phone-country-code {
        width: 39%;
        margin-right: 1%;
    }
    .profile-content .profile-row input.phone-number {
        width: 58%;
        margin-left: 0;
    } */

        .message-popup.change-password {
            height: auto;
            padding-left: 0px;
            padding-top: 20px;
            width: 100%;
            padding-bottom: 40px
        }

            .message-popup.change-password .row {
                margin: auto 20px;
            }

                .message-popup.change-password .row span {
                    display: block;
                    width: auto;
                    line-height: 1em;
                    padding-top: 20px;
                    padding-bottom: 5px
                }

                .message-popup.change-password .row input {
                    width: 100%;
                }

            .message-popup.change-password .buttons span {
                width: 2% !important;
            }

        .message-popup a.button {
            padding: 10px 15px 10px 15px !important;
        }


        /* FAQ */
        .faq .user-profile {
            padding: 25px 20px;
        }

        .faq .faq-block .text1 {
            width: auto;
        }

        .faq .faq-block.expanded .text2 {
            padding-bottom: 0;
        }

        .faq .faq-block.collapsed .text1 {
            margin-bottom: 20px;
        }

        /* MY ORDERS */ /* SUPPORT */

        .myorders .user-profile,
        .support .user-profile {
            padding: 25px 20px;
            min-height: auto;
        }

        .search-criteria span {
            display: block;
            width: 100%;
            margin: 15px 0 3px;
        }
        /* .myorders .search-criteria,
    .support .search-criteria {
        padding: 15px 15px 30px;
        display: block;
    }
    .myorders .search-criteria input,
    .myorders .search-criteria select.subject,
    .myorders .search-criteria select.status,
    .support .search-criteria input,
    .support .search-criteria select.subject,
    .support .search-criteria select.status {
        width: 100%;
        background-position: 95% center;
        margin-left: 0;
        margin-right: 0;
        line-height: 22px;
    }
    .myorders .search-criteria input.reference-id,
    .support .search-criteria input.reference-id {
        border-radius: 3px;
        height: 48px;
    }
    .myorders .search-criteria input.green,
    .support .search-criteria input.green {
        display: block;
        position: relative;
        right: unset;
        margin: 30px 0 0;
    } */
        .myorders .search-criteria input.reference-id,
        .support .search-criteria input.reference-id {
            height: 48px;
        }

        .gridview .header {
            font-size: 12px;
        }

        .myorders .support-messages th:nth-of-type(5),
        .myorders .support-messages td:nth-of-type(5) {
            display: none;
        }

        .support .support-messages th:nth-of-type(5),
        .support .support-messages td:nth-of-type(5) {
            display: none;
        }

        .gridview td, th {
            padding: 12px 5px;
        }

        .supportconversation .user-profile {
            min-height: auto;
            padding-bottom: 25px;
        }

            .supportconversation .user-profile .header .status {
                display: block;
                font-weight: bold;
                float: none;
                margin-top: 10px;
            }

            .supportconversation .user-profile .header {
                height: auto;
                padding: 20px;
            }

        .supportconversation .conversation-block > span {
            display: block;
            padding-left: 20px;
        }

        .supportconversation .new-message-block {
            width: 90%;
            margin: auto;
        }

        .support .new-ticket-block .subject-row select {
            width: 100%;
            background-position: 95% center;
        }

        .support .new-ticket-block .footer {
            margin-top: 0;
        }

        /* CREDITS HISTORY */

        .creditshistory .user-profile {
            min-height: auto;
            padding: 25px 20px;
        }

        .creditshistory .dates-range-block span {
            display: block;
            width: 100%;
            margin: 12px 0 0;
        }

        .creditshistory .dates-range-block input {
            margin-left: 0;
            width: 100%;
        }

            .creditshistory .dates-range-block input.green {
                display: block;
                position: relative;
                right: unset;
                margin: 30px 0 0;
                float: none;
            }

        table.credits-history th:nth-of-type(4) {
            width: 35px;
        }

        /*INBOX*/
        .inbox .main-content-outer {
            width: 100%;
        }
        /* 
    .inbox .mailbox .message-block .open-message {
        display: inline-block;
        left: 120px;
        top: 145px;
        height:25px;
        line-height:25px;
    } 
*/

        .inbox .mailbox .message-block {
            height: 250px;
        }

            .inbox .mailbox .message-block .message-spoiler-container {
                display: none;
            }

        .inbox .header .header-buttons {
            position: absolute;
            top: 190px;
            left: 5px;
        }

        .inbox .mailbox .message-block .date-time {
            width: auto;
        }

        .inbox .header span:nth-child(4) {
            display: none;
        }

        .inbox .open-message-comment {
            display: none;
        }

        /*OUTBOX*/
        .outbox .main-content-outer {
            width: 100%;
        }
        /* 
    .outbox .mailbox .message-block .open-message {
        display: inline-block;
        
        left: unset;
        top: unset;
        height: 25px;
        line-height: 25px;
    }
 */
        .outbox .mailbox .message-block {
            height: 250px;
        }

            .outbox .mailbox .message-block .message-spoiler-container {
                display: none;
            }

        .outbox .header .header-buttons {
            position: absolute;
            top: 190px;
            left: 5px;
        }

        .outbox .mailbox .message-block .date-time {
            width: auto;
        }

        .outbox .header span:nth-child(4) {
            display: none;
        }

        .outbox .open-message-comment {
            display: none;
        }

        /*DELETED*/
        .deleted .main-content-outer {
            width: 100%;
        }
        /* 
    .deleted .mailbox .message-block .open-message {
        display: inline-block;
        left: 120px;
        top: 145px;
        height: 25px;
        line-height: 25px;
    }
 */
        .deleted .mailbox .message-block {
            height: 250px;
        }

            .deleted .mailbox .message-block .message-spoiler-container {
                display: none;
            }

        .deleted .header .header-buttons {
            position: absolute;
            top: 190px;
            left: 5px;
        }

        .deleted .mailbox .message-block .date-time {
            width: auto;
        }

        .deleted .header span:nth-child(4) {
            display: none;
        }

        .deleted .open-message-comment {
            display: none;
        }

        /*CORRESPONDENCE*/

        .correspondence .member-page .title-message h1 {
            font-size: 28px;
        }

        .mailbox .message-block .message-content {
            margin: 15px 20px 15px 20px;
            grid-template-columns: 74px auto 142px;
        }

        .correspondence .mailbox .message-block .status.long {
            display: none;
        }

        .correspondence .mailbox .message-block .separator {
            display: none;
        }

        .correspondence .mailbox .message-block .header-buttons .separator {
            display: inline-block;
        }

        .correspondence .check-id-textbox {
            width: 100% !important;
        }

        .correspondence .check-id-button {
            display: block;
            float: none;
            margin-left: auto;
            margin-right: auto;
            font-size: 1rem;
            line-height: 2rem;
            font-weight: bold;
        }

        .correspondence .mailbox .message-block.compose .message-subject input {
            width: 100%
        }

        .correspondence .mailbox .message-block.compose .footer .big-green-button {
            position: initial !important;
        }

        .correspondence .send-letter-span {
            display: none;
        }

        .correspondence .mailbox .message-block.compose {
            height: auto;
        }

        .correspondence .main-content-outer {
            width: 100%;
        }
        /* 
    .correspondence .mailbox .message-block .open-message {
        display: inline-block;
        left: 120px;
        top: 145px;
        height: 25px;
        line-height: 25px;
    } 
*/

        .correspondence .mailbox .message-block {
            height: 275px;
        }

            .correspondence .mailbox .message-block .message-spoiler-container {
                display: none;
            }



        /* .correspondence  */
        .header .header-buttons {
            position: absolute;
            top: 190px;
            left: 5px;
            border-radius: 5px;
            background-color: rgb(243, 243, 243);
            height: 45px;
        }

        .correspondence .mailbox .message-block .date-time {
            width: auto;
        }

        .correspondence .header span:nth-child(4) {
            display: none;
        }
        /* 
    .correspondence .open-message-comment {
        display: none;
    } 
*/

        .correspondence .message-content-expanded {
            padding-top: 70px;
        }

        .mailbox .message-block.compose .message-text textarea {
            font-size: 16px;
        }

        /*LADY PROFILE*/
        .lady-profile .formview {
            width: 100%;
        }

        .lady-profile .user-profile {
            margin: 0 auto;
            width: 90%;
        }

        .lady-profile .header .girlname-label {
            display: none;
        }

        .lady-profile .user-profile .header {
            text-align: center;
        }

        .lady-profile .tabs-buttons {
            width: 95%;
            display: flex;
            justify-content: space-between;
            height: 35px;
            padding: 20px 0 25px;
            border-bottom: none;
            max-width: 370px;
            margin: 0 auto;
            /*display: none;*/
            /* margin-left:30px; */
        }

            .lady-profile .tabs-buttons a {
                height: 30px;
                padding: 0px 10px;
                line-height: 2em;
                margin-right: 0;
                font-size: 14px;
            }

            .lady-profile .tabs-buttons .video-and-info {
                display: none;
            }

        .lady-profile .profile-pictures .main-photos {
            display: none;
        }

        .lady-profile .profile-pictures.active .main-photos {
            display: block;
        }

        .lady-profile .private-pictures.active .main-photos {
            display: block;
        }

        .lady-profile .profile-pictures {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: center;
            align-items: center;
        }

        .lady-profile .private-pictures {
            display: none;
        }

        .lady-profile .profile-pictures .private-pictures {
            display: none;
        }

        .lady-profile div.user-profile > div.tabs-container > div.tab.profile-pictures > div.tab.private-pictures.active {
            display: flex !important;
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: center;
            align-items: center;
        }

        .lady-profile .edit-photos {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: center;
            align-items: center;
        }

        /*
    .lady-profile .main-photos {
        width: 390px;
        visibility: hidden;
    }

    .lady-profile .main-photo {
        margin-left: 5px;
        margin-right: 5px;
        cursor: default !important;
        width: 380px;
        height: 570px;
    }

    .lady-profile .no-image-back {
        margin-left: 5px;
        width: 380px;
        height: 570px;
    }

    .lady-profile .girl-image-link {
        background: none;
        width: 380px;
        height: 570px;
    }*/

        .lady-profile .main-photos {
            max-width: 390px;
            width: 100%;
            visibility: hidden;
        }

        .lady-profile .private-pictures {
            width: 100%;
        }


        .lady-profile .main-photo {
            cursor: default !important;
            width: 95%;
            max-width: 95%;
            height: auto;
            margin: 0 auto;
        }

        .lady-profile .main-photos span {
            max-width: unset;
            width: unset;
            height: unset;
            margin-bottom: 20px;
        }

        .lady-profile .no-image-back {
            margin-left: 5px;
            width: 380px;
            height: 570px;
        }

        .lady-profile .girl-image-link {
            background: none;
            width: 100%;
            height: auto;
        }

            .lady-profile .girl-image-link.cover {
                margin: 18px 0px 23px 0px;
            }

        .lady-profile .user-profile .tab.private-pictures .girl-image-link {
            width: 100%;
        }

        .lady-profile .slick-dots {
            bottom: -15px;
        }

        .lady-profile .user-info {
            width: 100%;
        }

        .lady-profile .user-profile .tabs-container {
            height: auto;
            width: 100%;
        }

        .lady-profile .footer-buttons {
            width: 100%;
        }

        .lady-profile .user-info {
            font-size: 14px;
            background-color: #edebea;
            color: #838282;
            height: auto;
            justify-content: normal;
            padding: 30px 30px 0px 30px;
            white-space: normal;
            margin-bottom: 30px;
            flex-direction: column;
        }

            .lady-profile .user-info .column {
                width: 100%;
                text-align: left;
                display: inline-block;
                vertical-align: top;
                overflow: hidden;
                float: none;
                padding: 0px 0px 30px 0px;
            }

                .lady-profile .user-info .column div {
                    line-height: 23px;
                }

                .lady-profile .user-info .column:nth-of-type(1) {
                    width: 100%
                }

                .lady-profile .user-info .column:nth-of-type(2) {
                    width: 100%
                }

                .lady-profile .user-info .column:nth-of-type(3) {
                    width: 100%
                }

                .lady-profile .user-info .column b {
                    float: right;
                }

        .lady-profile .tab.information {
            height: auto;
        }

        .lady-profile .main-content-outer {
            width: 100%;
        }

        .lady-profile .top-buttons {
            display: none;
        }

        .lady-profile .footer-buttons {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: center;
            align-items: center;
            padding: 30px 0px;
        }

            .lady-profile .footer-buttons .green {
                width: 250px;
                height: 34px;
                text-transform: uppercase;
            }

        .lady-profile .our-aspiration-wrap {
            display: none;
        }

        .lady-profile .footer-buttons .green {
            text-align: center;
            font-size: 16px;
        }

        .lady-profile .footer-buttons > * {
            display: none;
        }

        .lady-profile .footer-buttons .top-buttons {
            display: block;
            border-bottom: 0px;
        }

        .lady-profile .footer-buttons .unlock-pictures {
            display: none;
        }

        .lady-profile .user-profile .tab.information {
            height: auto;
        }

        .lady-profile .credits-info-bar {
            padding: 30px 30px 0px 30px;
        }

        .lady-profile .mobile-buttons {
            display: block;
            float: none;
            width: 100%;
            text-align: center;
            height: 55px;
            padding-top: 15px;
        }

            .lady-profile .mobile-buttons > div {
                height: 30px;
                display: flex;
                justify-content: space-around;
                max-width: 380px;
                margin: 0 auto;
            }

            .lady-profile .mobile-buttons a, .lady-profile .mobile-buttons input {
                background-image: url(/images/memberpage/mailbox-icons.png);
                background-position: -120px -5px;
                width: 28px;
                height: 24px;
                /* display:inline-block; */
                opacity: 0.9;
                border: none;
            }

        @media (-webkit-min-device-pixel-ratio: 1.4), (min-device-pixel-ratio: 1.4), (min-resolution: 72dpi) {
            .lady-profile .mobile-buttons a, .lady-profile .mobile-buttons input {
                background-image: url(/images/memberpage/mailbox-icons_2.0x.png);
                background-size: 223px 110px;
            }
        }

        .lady-profile .mobile-buttons a:hover, .lady-profile .mobile-buttons input:hover {
            opacity: 1;
        }

        .lady-profile .link-free-intro {
            background-position: -155px -5px !important;
        }

        .lady-profile .no-free-letter .link-free-intro {
            background-position: -115px -5px !important;
        }

        .lady-profile .offline {
            background-position: -5px -5px !important;
        }

        .lady-profile .online-now {
            background-position: -40px -5px !important;
        }

        .lady-profile .chat-video {
            background-position: -80px -5px !important;
        }

        .lady-profile .link-gift {
            background-position: 0px -40px !important;
        }

        .lady-profile .link-phone {
            background-position: -38px -40px !important;
        }

        .lady-profile .link-meet-and-date {
            background-position: -115px -40px !important;
        }

        .lady-profile .link-add-fav {
            background-position: -75px -80px !important;
        }

        .lady-profile .link-remove-fav {
            background-position: -155px -40px !important;
        }

        .no-free-letter a {
            padding: 0px;
            margin-right: 0px;
        }

        .lady-profile .unlock-button {
            position: absolute;
            width: 200px !important;
            top: 395px
        }

        .mailbox .message-block {
            margin-bottom: 35px;
        }
    }

    @media screen and (max-width: 734px) {





        /* SEARCH RESULTS */

        .search-results-inner {
            padding: 5px 15px 25px;
            min-height: auto;
        }

            .search-results-inner .horizontal-line {
                display: none;
            }

        .searchres_item_root {
            padding: 0 0 15px;
        }

        .search-results-inner > div > div {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-around;
            margin: 25px auto;
        }

        .member-page .pager-wrapper {
            display: flex;
            font-size: 16px;
            padding: 0;
            text-align: center;
            max-width: 400px;
            justify-items: flex-end;
        }

            .member-page .pager-wrapper > * {
                margin: 0;
            }

        .member-page .pager-prev-next {
            background-image: url(../images/sprite.v3.png);
            background-size: 198px 233px;
            width: 32px;
            height: 31px;
            text-indent: 200%;
            overflow: hidden;
            white-space: nowrap;
        }

        .member-page a.pager-prev-next:first-of-type {
            margin-right: 0;
            background-position: -327px 119px;
        }

        .member-page a.pager-prev-next:last-of-type {
            margin-left: 0;
            background-position: -365px 119px;
        }

        .member-page .pager-prev-next:first-of-type {
            margin-right: 0;
        }

        .member-page .pager-prev-next:last-of-type {
            margin-left: 0;
        }

        .myorders .pager-wrapper,
        .support .pager-wrapper,
        .creditshistory .pager-wrapper,
        .inbox .pager-wrapper,
        .outbox .pager-wrapper,
        .deleted .pager-wrapper,
        .correspondence .pager-wrapper {
            justify-content: space-around;
            margin-left: auto;
            margin-right: auto;
        }
    }

    @media screen and (max-width: 712px) {
        .message-popup.change-email {
            font-size: 14px;
            color: #534f50;
            padding-left: 0px;
            padding-right: 0px;
            padding-top: 20px;
            width: 100%;
            height: auto;
            padding-bottom: 40px
        }

            .message-popup.change-email .row {
                margin: auto 20px;
            }


                .message-popup.change-email .row input {
                    width: 100%;
                }

                .message-popup.change-email .row span {
                    font-size: 12px;
                    line-height: 1em;
                    padding-top: 20px;
                    padding-bottom: 5px;
                }

            .message-popup.change-email .buttons span {
                width: 2% !important;
            }
    }

    @media screen and (max-width: 450px) {
        .start_package_banner,
        .member-page .buy_credits_banner {
            height: auto;
            background-size: auto 100%;
            width: calc(100% - 20px);
            padding-top: 0;
            padding-bottom: 30px;
        }

            .member-page .start_package_banner .big-green-button,
            .member-page .buy_credits_banner .big-green-button {
                bottom: unset;
                left: unset;
                margin: 30px auto;
            }

            .start_package_banner .text .heading,
            .start_package_banner_top.mobile .heading,
            .buy_credits_banner .text .heading,
            .buy_credits_banner_top.mobile .heading {
                text-align: center;
            }

        .buy_credits_banner .text p {
            text-align: center;
            font-size: 20px;
            padding-left: 0;
        }

        .mobile.start_package_banner_top,
        .mobile.buy_credits_banner_top {
            flex-direction: column;
        }

        .start_package_banner_top img,
        .buy_credits_banner_top img {
            display: block;
            width: 160px;
            height: 160px;
            margin: 0 auto 20px;
        }

        .start_package_banner_bottom br.mobile,
        .buy_credits_banner_bottom br.mobile {
            display: block;
        }

        .start_package_banner br.tablet {
            display: block;
        }

        .start_package_banner_bottom span.tablet {
            display: inline;
        }

        .start_package_banner_bottom,
        .buy_credits_banner_bottom {
            font-size: 12px;
        }

        .our-aspiration-wrap li {
            width: 100%;
            max-width: 294px;
        }

        .myorders .support-messages th:nth-of-type(1),
        .myorders .support-messages td:nth-of-type(1) {
            display: none;
        }

        .support .support-messages th:nth-of-type(1),
        .support .support-messages td:nth-of-type(1) {
            display: none;
        }

        .mailbox .message-block .message-content .girl-info {
            margin-left: 18px;
        }

        .outbox .mailbox .message-block .open-message {
            /* left: 120px;
        top: 145px; */
            /* left: 95px;
        top: -30px; */
        }

        .service-module-img img {
            width: 100% !important;
            margin-left: 0;
        }

        .testimonials .legal-notice-text p span {
            text-align: left;
        }
    }

    @media screen and (max-width: 370px) {
        .airporttransfer .services-content table.order .dt {
            display: none;
        }

        .airporttransfer .services-content table.order .mobile {
            display: block;
        }

        .correspondence .open-message-comment {
            display: none;
        }

        .message-block:not(.compose) .message-content {
            grid-template-columns: 74px auto;
            grid-template-rows: auto 25px;
        }

        .mailbox .message-block .photo {
            grid-row: span 2;
        }

        .mailbox .message-block .open-message,
        .mailbox .message-block .reply-message {
            grid-column: 2;
            grid-row: 2;
            margin-left: 18px;
            line-height: 25px;
            height: 25px;
        }
    }


    #particles-js canvas {
        display: block;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        -webkit-transition: opacity .8s ease, -webkit-transform 1.4s ease;
        transition: opacity .8s ease, transform 1.4s ease
    }

    #particles-js {
        width: 100%;
        height: 300px;
        position: absolute;
        left: 35%;
        margin-top: 200px;
    }

    @media screen and (max-width: 768px) {
        #particles-js {
            margin-top: 65%;
        }
    }


    .payment-block .payment-row .err-tip {
        visibility: hidden;
        font-size: 11px;
        background-color: #fcf9f9;
        width: auto;
        display: inline-block;
        padding: 0px 5px;
        border-radius: 2px;
        color: red;
        line-height: 12px;
        vertical-align: top;
    }

    .payment-block .payment-row {
        position: relative;
        margin-top: 10px;
        height: 35px;
    }

        .payment-block .payment-row .err-wrap {
            position: absolute;
            top: -7px;
            left: 7px;
        }

    .start-package-purchase-container .payment-block .card-info input.card-month,
    .start-package-purchase-container .payment-block .card-info input.card-year,
    .start-package-purchase-container .payment-block .card-info input.card-number,
    .start-package-purchase-container .payment-block .card-info input.card-cvv,
    .start-package-purchase-container .payment-block .card-info input.card-name {
        margin-top: 0;
        margin-bottom: 0;
    }

    .err-tip.err-cc-expyear,
    .err-tip.err-cc-expyear-sp {
        margin-left: 23px;
    }

    .err-tip.err-cc-cvv,
    .err-tip.err-cc-cvv-sp {
        margin-left: 39px;
    }


    @media screen and (max-width: 768px) {
        .payment-block .payment-row {
            height: auto;
        }
    }
#ImageEditClick {
    display: flex;
    border-radius: 50%;
    position: absolute;
    left: calc(50% - 40px);
    z-index: 3;
    width: 80px;
    height: 80px;
    background-color: rgba(195, 194, 192, 0.65);
    align-items: center;
    justify-content: center;
    top: calc(50% - 40px);
}

@media screen and (max-width: 768px) {
    #ImageEditClick {
        display: flex;
        border-radius: 50%;
        position: absolute;
        left: calc(50% - 40px);
        z-index: 3;
        width: 80px;
        height: 80px;
        background-color: rgba(195, 194, 192, 0.65);
        align-items: center;
        justify-content: center;
        top: calc(50% - 63px) !important;
    }
}