@charset "utf-8";
/* ----------------------------------
	1. Reset default browser styles
	2. Basic classes and elements 
	3. Color Scheme
	4. Typography
	5. Header
	6. Sliders
	7. Tabs
	8. Carousels
	9. Twitter Feed
	10. Lists and navigations
	11. Buttons
	12. Tables
	13. Icons
	14. Main content elements
	15. Forms
	16. Footer
	17. Animations
	18. Responsive changes
	19. Retina ready
-------------------------------------
1. Reset default browser styles

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

@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800,900);
@import url(https://fonts.googleapis.com/css?family=Montserrat:300,400,600,700,800,900);

* {
    margin: 0;
    padding: 0;
    border: none;
}

article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video, main {
    display: block
}

mark, rp, rt, ruby, summary, time {
    display: inline
}

a, abbr, acronym, address, applet, article, aside, audio, b, blockquote, big, body, center, canvas, caption, cite, code, command, datalist, dd, del, details, dfn, dl, div, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, keygen, label, legend, li, meter, nav, object, ol, output, p, pre, progress, q, s, samp, section, small, span, source, strike, strong, sub, sup, table, tbody, tfoot, thead, th, tr, tdvideo, tt, u, ul, var {
    background: transparent;
    border: 0 none;
    font-weight: inherit;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: top;
}

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

b, strong {
    font-weight: bold !important;
}

ul, ol {
    list-style: none;
}

q {
    quotes: none;
}

p {
    margin-top: 0;
    margin-bottom: 1rem;
}

table, table td {
    padding: 0;
    border: none;
    border-collapse: collapse;
}

img {
    vertical-align: top;
    max-width: 100%;
}

embed {
    vertical-align: top;
}

input, button {
    /*	-webkit-appearance:none;*/
    outline: none;
}

    button::-moz-focus-inner {
        border: 0;
    }

html, body {
    height: auto !important;
    overflow-x: hidden;
}

li.dropdown:hover > .dropdown-menu {
    display: block;
}

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

	2. Basic classes and elements 

------------------------------------- */
body {
    font: 500 14px/21px "Open Sans",Arial,sans-serif !important;
    color: #58595b;
    letter-spacing: 0.1px;
}

.req_btn{
    background-color:darkgray;
}

.clear {
    clear: both;
    overflow: hidden;
}
/*Margin*/
.pad-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}



.m_left_0 {
    margin-left: 0 !important;
}

.m_right_0 {
    margin-right: 0 !important;
}

.m_left_5 {
    margin-left: 5px;
}

.m_left_10 {
    margin-left: 10px;
}

.m_left_15 {
    margin-left: 15px;
}

.m_left_20 {
    margin-left: 20px;
}

.m_left_40 {
    margin-left: 40px;
}

.m_right_5 {
    margin-right: 5px;
}

.m_right_6 {
    margin-right: 6px;
}

.m_right_8 {
    margin-right: 8px;
}

.m_right_10 {
    margin-right: 10px;
}

.m_right_15 {
    margin-right: 15px;
}

.m_right_20 {
    margin-right: 20px;
}

.m_right_25 {
    margin-right: 25px;
}

.m_right_29 {
    margin-right: 29px;
}

.m_right_30 {
    margin-right: 30px;
}

.m_right_35 {
    margin-right: 35px;
}

.p_bottom_0 {
    padding-bottom: 0 !important;
}

.m_bottom_0 {
    margin-bottom: 0 !important;
}

.m_bottom_3 {
    margin-bottom: 3px;
}

.m_bottom_5 {
    margin-bottom: 5px;
}

.m_bottom_10 {
    margin-bottom: 10px;
}

.m_bottom_12 {
    margin-bottom: 12px;
}

.m_bottom_15 {
    margin-bottom: 15px;
}

.m_bottom_20 {
    margin-bottom: 20px;
}

.m_bottom_25 {
    margin-bottom: 25px;
}

.m_bottom_30 {
    margin-bottom: 30px;
}

.m_bottom_35 {
    margin-bottom: 35px;
}

.m_bottom_40 {
    margin-bottom: 40px;
}

.m_bottom_45 {
    margin-bottom: 45px;
}

.m_bottom_50 {
    margin-bottom: 50px;
}

.m_bottom_60 {
    margin-bottom: 60px;
}

.m_bottom_65 {
    margin-bottom: 65px;
}

.m_bottom_100 {
    margin-bottom: 100px;
}

.m_top_0 {
    margin-top: 0px !important;
}

.m_top_5 {
    margin-top: 5px;
}

.m_top_10 {
    margin-top: 10px;
}

.m_top_20 {
    margin-top: 20px;
}

.m_top_30 {
    margin-top: 30px;
}

.m_top_40 {
    margin-top: 40px;
}

.m_top_50 {
    margin-top: 50px;
}

.m_top_100 {
    margin-top: 100px;
}

.p_top_15 {
    padding-top: 15px;
}

.theme-color {
    color: #e55c61;
}

.fl_right {
    float: right;
}

.fl_left {
    float: left;
}

.head-area {
    width: 100%;
    background: url('../../images/banner_bg.jpg') repeat-x 50% 0;
    padding: 10px 0;
    position: absolute;
    z-index: 2;
    top: 0;
    background-size: cover;
}

.logo {
}

.header-btn {
    box-shadow: 2px 2px 3px #444;
    width: 135px;
    display: inline-block;
    border-radius: 6px;
    padding: 10px 12px;
    color: #fff !important;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 20px;
    margin-left: 20px;
    height: 40px;
    text-align: center;
    float: right;
}

.header-btn-area {
    margin-top: 15px;
}

.header-btn:hover {
    color: #fff;
    text-decoration: none;
    box-shadow: 0px 4px 5px #444;
}

.header-btn:active {
    color: #fff;
    text-decoration: none;
    box-shadow: 0px 0px 0px #444;
}

.header-btn:focus {
    color: #fff;
    text-decoration: none;
}


.login-btn {
    background-color: #282c59;
}

.reg-btn {
    background-color: #e52020;
}

.login-btn:hover {
    background-color: #363b72;
}

.reg-btn:hover {
    background-color: #f94f4f;
}

.reg-btn:focus {
    background-color: #f94f4f;
    transition: ease-in-out 0.3s;
}

.header-btn span.sprite {
    width: 32px;
    background: url('../../images/diver.png') no-repeat 100% 0;
    margin-right: 8px;
    padding-right: 4px;
}

    .header-btn span.sprite i {
        line-height: 20px;
        font-size: 20px;
    }

.banner-img {
    margin-top: -41px;
    position: absolute;
    right: 0;
    z-index: -1;
}

.form-area {
    background-color: #fff;
    padding: 10px 15px 25px;
    border-radius: 15px;
    margin-top: 30px;
    margin-bottom: 74px;
}

    .form-area h2 {
        font-family: Montserrat;
        color: #000;
        font-size: 32px;
        line-height: 43px;
        text-align: center;
        text-transform: uppercase;
        font-weight: 300;
        border-bottom: 1px solid #fb8585;
        padding-bottom: 10px;
        margin: 0;
    }

        .form-area h2 span {
            font-weight: 700;
        }

.form-underline {
    background: #fb8585;
    height: 8px;
    width: 145px;
    margin-top: -5px;
}

.form-area label {
    color:#000 !important;
    font-weight: 700;
    /*font-size:16px;*/
    margin-bottom: 6px;
}

.form-area span {
    /*margin:0 7px;
line-height:45px;
color:#000;*/
    font-weight: 700;
}

.form-area input, .form-area select {
    color: #000;
    /*height:37px;*/
    border-radius: 5px;
    font-size: 16px;
    position: relative;
}

.form-area-height {
    height: 55px;
}

.full-sel {
    width: 100%;
}

.dob-sel {
    display: inline-block !important;
    width: 44% !important;
}

.field_height label {
    display: block;
}

.dbt select {
    /*width: 32%;*/
    margin-right: 3px;
    display: inline-block;
}

    .dbt select:last-child {
        float: right;
    }

.form-control {
    padding: 5px;
    height: 37px;
    font-size: 14px;
}

.right-50 {
    right: 50px;
}

.index_form_span {
    margin: -5px 5px;
    display: inline-block;
}

.has-feedback .form-control {
    padding: 5px 20px 5px 10px !important;
}

.has-feedback label ~ .form-control-feedback, .form-control-feedback {
    right: 34px !important;
    top: 37px;
    position: absolute;
}

.field_height {
    height: 65px;
}

.year_icon {
    display: inline;
}

.help-block {
    margin: 0 !important;
}

.reg_field .help-block {
    width: 100%;
    margin: 0 !important;
}

.reg_select2 .help-block {
    display: none;
}

.dob_msg small.help-block {
    display: inline-block;
}

.search-button {
    width: 220px;
    height: 46px;
    background-color: #282c59;
    color: #fff;
    border-radius: 4px;
    box-shadow: 0 4px 6px #444;
    text-transform: uppercase;
    border: #1d2046 1px solid;
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-top: 15px;
    font-size: 16px;
    /*padding:10px 0;*/
    position: relative;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    text-decoration: none;
    overflow: hidden;
    cursor: pointer;
    line-height: 46px;
}

.md-button:not([disabled]) {
    background-color: #282c59;
    color: #fff;
    border-radius: 4px;
    box-shadow: 0 4px 6px #444;
    text-transform: uppercase;
    border: #1d2046 1px solid;
    margin-left: auto;
    margin-right: auto;
}

    .md-button:not([disabled]):hover {
        background-color: #4751c4;
        box-shadow: 0 5px 7px #666;
    }

    .md-button:not([disabled]):focus {
        background-color: #4751c4;
        box-shadow: 0 5px 7px #666;
    }

    .md-button:not([disabled]):active {
        box-shadow: 0 0 4px #444;
        background-color: #4751c4;
    }

.search-button:after {
    content: '' !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    width: 5px !important;
    height: 5px !important;
    background: rgba(255, 255, 255, .5) !important;
    opacity: 0 !important;
    border-radius: 100% !important;
    transform: scale(1, 1) translate(-50%) !important;
    transform-origin: 50% 50% !important;
}

@keyframes ripple {
    0% {
        transform: scale(0, 0) !important;
        opacity: 1 !important;
    }

    20% {
        transform: scale(25, 25) !important;
        opacity: 1 !important;
    }

    100% {
        opacity: 0 !important;
        transform: scale(40, 40) !important;
    }
}

md-input-container {
    margin: 12px 0 !important;
}

.search-button:focus:not(:active)::after {
    animation: ripple 1s ease-out !important;
}

button[disabled], html input[disabled] {
    cursor: pointer !important;
}

.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label {
    color: red;
}

.has-error .form-control-feedback {
    color: red;
}

.has-success .form-control-feedback {
    color: #35c138;
    border-color: #35c138;
    position: absolute;
    top: 12px;
}

.has-success .form-control:focus {
    border-color: #35c138;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
}

.has-error .form-control {
    border-color: #9d0300;
    -webkit-box-shadow: inset 0 1px 1px rgba(255, 0, 0, .075), 0 0 6px #ff7373;
    box-shadow: inset 0 1px 1px rgba(255, 0, 0, .075), 0 0 6px #ff7373;
}

    .has-error .form-control:focus {
        border-color: #9d0300;
        -webkit-box-shadow: inset 0 1px 1px rgba(255, 115, 115, .075), 0 0 6px #ff7373;
        box-shadow: inset 0 1px 1px rgba(255, 115, 115, .075), 0 0 6px #ff7373;
    }

.angucomplete-holder i {
    margin-right: -17px;
    position: absolute;
    top: 12px;
}

.search-button i {
    line-height: 46px;
    margin: 0 10px;
}

.search-button:hover, .search-button:focus {
    color: #fff;
}

.form-group2 {
    margin-bottom: 8px !important;
}

.modal_close {
    background-color: #e55c61 !important;
    border-radius: 50px;
    padding: 3px 7px !important;
    color: #fff;
    opacity: 1;
    margin-right: -12px;
    margin-top: -15px;
}

.modal-open .modal {
    overflow-x: unset !important;
    overflow-y: unset !important;
}

/*.modal{
	position:absolute !important;
}*/

.modal-open {
    padding-right: 0 !important;
}


/********************** main-sec starts*************************/
.main-sec {
    background: #e55c61;
    background-attachment: fixed;
    z-index: 1;
    position: relative;
    margin-top: 690px;
}

.base-bg {
    background: url('../../images/last_bg1.png') no-repeat 50% 0;
    position: relative;
    z-index: -51;
}

#bg1, #bg2, #bg3 {
    z-index: -50;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('../../images/bg2.png') repeat 0 0;
}

#bg2 {
    z-index: -49;
    background-image: url('../../images/bg3.png');
}

#bg3 {
    z-index: -48;
    background-image: url('../../images/bg4.png');
}

#intro {
    width: 100%;
    left: 50%;
    top: 1em;
    margin-left: -40%;
    padding: 2em;
    background: #fff;
    text-align: center;
    border-radius: 1em;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.feature-sec {
    padding: 70px 0;
}

    .feature-sec h2 {
        font-family: Montserrat;
        font-weight: 900;
        color: #fff;
    }

.elementor-widget-container {
    margin: 10px 12px 22px 0px;
    background-image: url(../../images/hearts.png);
    background-position: 30px center;
    background-repeat: no-repeat;
}

.elementor-divider {
    padding-top: 9px;
    padding-bottom: 9px;
}

.elementor-divider-separator {
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #fff;
    width: 80%;
}


.feature-box {
    width: 100%;
    margin-bottom: 25px;
}

.feature-box-left {
    float: left;
    width: 77px;
    height: 77px;
    margin-right: 12px;
}

.feature-box-right {
    width: calc(100% - 89px);
    display: inline-block;
}

    .feature-box-right h3 {
        font-family: Montserrat;
        font-weight: 600;
        color: #fddc00;
    }

    .feature-box-right p {
        color: #fff;
        font-size: 16px;
    }

.push-left-30 {
    padding-left: 50px;
}

.push-top-230 {
    padding-top: 230px;
}

.about-sec {
    background-color: #e55c61;
    color: #fff;
    padding: 15px;
    width: 90%;
}

    .about-sec p {
        font-size: 16px;
        line-height: 24px;
    }

.read-more {
    position: absolute;
    background-color: #fddc00;
    width: 186px;
    height: 42px;
    line-height: 42px;
    color: #b4035e;
    text-decoration: none;
    text-align: center;
    font-size: 24px;
    font-weight: 600;
    font-family: Montserrat;
    margin-top: 20px;
    border: 2px solid #fddc00;
}

    .read-more:hover {
        border: 2px solid #fff;
        background-color: transparent;
        color: #fddc00;
        text-decoration: none;
    }

    .read-more:active {
        border: 2px solid #fff;
        background-color: transparent;
        color: #fddc00;
        text-decoration: none;
    }

    .read-more:focus {
        border: 2px solid #fddc00;
        background-color: #fddc00;
        color: #b4035e;
        text-decoration: none;
    }

.love-symbl {
    background-image: url('../../images/love.png');
    background-repeat: no-repeat;
    background-position: 80% top;
    height: 208px;
    margin-top: 30px;
}
/********************** main-sec ends*************************/

/**************************** footer starts******************************************/
.upper-footer {
    background-color: #0f1d42;
    padding-bottom: 25px;
    padding-top: 25px;
    position: relative;
    bottom: 0;
    z-index: 3;
    left: 0;
    float: left;
    width: 100%;
}

.foot-links {
    list-style: none;
    text-align: center;
}

    .foot-links li {
        display: inline-block;
        line-height: 20px;
        border-left: 1px solid #fff;
    }

        .foot-links li:first-child {
            border-left: none;
        }

        .foot-links li a {
            color: #fff;
            padding: 0 16px;
            font-size: 16px;
        }

.lower-footer {
    background-color: #010d1b;
    padding-bottom: 15px;
    padding-top: 15px;
    position: relative;
    z-index: 3;
    float: left;
    width: 100%;
}

    .lower-footer p {
        color: #fff;
    }

        .lower-footer p span {
            color: #fb8b8f;
        }

.socal-links {
    text-align: center;
}

    .socal-links a {
        margin-left: 5px;
        width: 30px;
        height: 30px;
        color: #010d1b;
        font-size: 21px;
        background: #cacaca;
        display: inline-block;
        border-radius: 50%;
    }

        .socal-links a i {
            line-height: 30px;
        }

/********************** footer ends*************************/

/********************** about starts*************************/
.about_header {
    width: 100%;
    background-color: #fff;
    padding: 15px 0;
    position: absolute;
    z-index: 2;
    top: 0;
}

.about_us_sec {
    background: #eeeeee;
    background-attachment: fixed;
    z-index: 1;
    padding-top: 50px;
    padding-bottom: 50px;
    position: relative;
}

.breadcrumb_sec {
    padding: 10px 0 0;
    position: relative;
    margin-top: 100px;
    z-index: 2;
}

    .breadcrumb_sec .navbar {
        margin-bottom: 0;
    }

    .breadcrumb_sec .navbar-inverse {
        background-color: #e55c61;
        border: none;
        border-radius: 0;
        text-transform: capitalize;
    }

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
    color: #fff;
    background-color: #d04c51;
}

.navbar-light .navbar-nav .nav-link {
    color: #fff !important;
}

    .navbar-light .navbar-nav .nav-link,
    .navbar-light .navbar-nav .active > .nav-link,
    .navbar-light .navbar-nav .nav-link.disabled {
        color: #fff;
    }

.breadcrumb_sec .navbar-inverse ul li a {
    color: #fff;
    font-weight: 600;
}

.breadcrumb_sec .navbar-inverse div.submenu a {
    color: #333;
    font-weight: 500;
    font-size: 14px;
}

    .breadcrumb_sec .navbar-inverse div.submenu a:hover {
        background-color: #d04c51;
        font-weight: 500;
        color: #fff;
    }

.breadcrumb_link li {
    display: inline-block;
    color: #ffffff !important;
    padding: 0 10px;
    margin-right: 5px;
    font-weight: 600;
    font-size: 14px;
}

.breadcrumb_link {
    color: #fff !important;
    background-color: transparent !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
}

    .breadcrumb_link li i {
        line-height: 25px;
    }


    .breadcrumb_link li a {
        color: #e8e8e8;
        text-decoration: none;
    }

.about_text_area {
    background: rgba(255,255,255,0.8);
    border-top: 5px solid #fca6ad;
    padding: 40px;
    box-shadow: 0 0 5px rgba(0,0,0,0.3);
}

    .about_text_area h1 {
        background: url('../../images/line.png') no-repeat 0 100%;
        color: #333;
        font-family: Montserrat;
        font-size: 24px;
        font-weight: 900;
        padding-bottom: 25px;
    }

    .about_text_area p {
        font-size: 16px;
        color: #444444;
        line-height: 32px;
        margin-top: 15px;
        text-align: justify;
    }

    .about_text_area img, .about_text_area h3 {
        margin-left: auto;
        margin-right: auto;
        display: block;
        color: #e55c61;
        padding: 5px 0;
        font-size: 22px;
        font-weight: 600;
        text-align: center;
    }


/********************** about ends*************************/

/********************** contact starts*************************/

.contact_area {
    background: rgba(255,255,255,0.8);
    border-top: 5px solid #fca6ad;
    padding: 19px;
    box-shadow: 0 0 5px rgba(0,0,0,0.3);
    margin-bottom: 50px;
}

    .contact_area h1 {
        background: url(../images/line.png) no-repeat 0 100%;
        color: #333;
        font-family: Montserrat;
        font-size: 24px;
        font-weight: 900;
        padding-bottom: 25px;
    }

    .contact_area p {
        font-size: 14px;
        color: #444444;
        line-height: 32px;
        margin-top: 15px;
        text-align: justify;
    }

    .contact_area .control-label {
        text-align: left;
    }

    .contact_area form {
        margin-top: 25px;
    }

        .contact_area form textarea {
            height: 220px;
        }

        .contact_area form span {
            color: #e73f45;
            font-weight: 600;
        }

.control-label span {
    font-weight: bold !important;
    color: #e73f45;
    font-size: 15px;
}

.dd .ddTitle .ddTitleText span {
    color: #222;
}

.text-danger {
    font-size: 13px;
}

.form_btn {
    width: 170px;
    height: 50px;
    background: #e55d61;
    color: #fff;
    border: 1px solid #e55d61;
    box-shadow: 0 3px 4px #444;
    border-radius: 7px;
    font-size: 20px;
    margin-top: 10px;
}

    .form_btn:hover {
        background: #f17a7d;
    }

    .form_btn:active {
        background: #f17a7d;
        color: #fff;
        border: 1px solid #e55d61;
        box-shadow: 0 1px 2px #444;
    }

.location_area {
    background: rgba(255,255,255,0.8);
    border-top: 50px solid #e55c61;
    padding: 20px;
    box-shadow: 0 0 5px rgba(0,0,0,0.3);
    margin-bottom: 50px;
}

    .location_area h3 {
        color: #fff;
        font-family: Montserrat;
        font-size: 24px;
        font-weight: 700;
        position: absolute;
        top: 10px;
    }

    .location_area h2 {
        color: #6f6c6c;
        font-size: 20px;
        font-weight: bold;
        font-family: Montserrat;
        border-left: 5px solid #e55c61;
        padding-left: 5px;
    }

    .location_area p {
        padding: 10px;
        line-height: 28px;
        font-size: 16px;
    }

    .location_area hr {
        background: #d4d3d3;
        height: 1px;
        margin-top: 8px;
    }

.form-horizontal label {
    font-weight: 700;
    text-align: left;
}
/********************** contact ends*************************/

/********************** success story starts*************************/

.story_area {
    background: rgba(255,255,255,0.8);
    border-top: 5px solid #fca6ad;
    padding: 40px;
    box-shadow: 0 0 5px rgba(0,0,0,0.3);
    margin-bottom: 50px;
}

    .story_area h1 {
        background: url('../../images/line.png') no-repeat 0 100%;
        color: #333;
        font-family: Montserrat;
        font-size: 24px;
        font-weight: 900;
        padding-bottom: 25px;
    }

    .story_area p {
        font-size: 14px;
        color: #444444;
        line-height: 32px;
        margin-top: 15px;
        text-align: justify;
    }

    .story_area .pagination {
        margin: 20px -5px 0 0;
    }

        /*.story_area .pagination li a{
	margin-right: 10px;
}*/
        .story_area .pagination li a.active {
            color: #fff;
            background-color: #e55c61;
            border-color: #e55c61;
        }

        .story_area .pagination li a:focus {
            color: #fff;
            background-color: #e55c61;
            border-color: #e55c61;
        }

.success_holder {
    width: 233px;
    height: 270px;
    position: relative;
    margin: 0 auto;
    border: 15px solid transparent;
    border-image: url('../../images/border.png') 27 round;
    -webkit-border-image: url('../../images/border.png') 27 round; /* Safari 3.1-5 */
    -o-border-image: url('../../images/border.png') 27 round; /* Opera 11-12.1 */
    padding: 5px;
    overflow: hidden;
}

.story_area h4 {
    color: #eb494f;
    font-family: Montserrat;
    font-size: 20px;
    font-weight: 600;
    margin-top: 10px;
}


/********************** success story starts*************************/

/********************** faq starts ************************/
.faq_search_area input {
    width: 30%;
    height: 36px;
    border-radius: 3px;
    background-color: #fff;
    border: 1px solid #e55c61;
    padding: 5px 10px;
}

.faq_search_area i {
    color: #e55c61;
    font-size: 22px;
    margin-left: -30px;
    margin-top: 6px;
}

.faq_text_area {
    background: rgba(255,255,255,0.8);
    border-top: 5px solid #fca6ad;
    padding: 20px 40px;
    box-shadow: 0 0 5px rgba(0,0,0,0.3);
    margin-bottom: 20px;
}

    .faq_text_area h1 {
        background: url(../images/line.png) no-repeat 0 100%;
        color: #333;
        font-family: Montserrat;
        font-size: 24px;
        font-weight: 900;
        padding-bottom: 25px;
    }

.faq_text_place {
    background: #fff;
    padding: 20px 40px;
    box-shadow: 0 0 5px rgba(0,0,0,0.3);
    margin-bottom: 20px;
}

.panel {
    background: rgba(255,255,255,0.8);
    margin-bottom: 0;
    border-radius: 4px;
    border: 1px solid #ddd;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    margin-bottom: 10px;
}

.panel-group .panel {
    padding: 20px;
    /*margin-bottom: 20px;*/
}

.panel-title {
    color: #e55c61;
    font-family: montserrat;
    font-size: 21px;
    font-weight: 600;
    text-align: left;
    width: 100%;
}

    .panel-title:hover {
        color: #e55c61;
        text-decoration: none;
    }

    .panel-title:focus {
        color: #e55c61;
        text-decoration: none;
    }

    .panel-title:active {
        color: #e55c61;
        text-decoration: none;
    }

.card-header i {
    float: right;
}

.panel-default > .panel-heading {
    background-color: transparent;
}

    .panel-default > .panel-heading a {
        text-decoration: none;
    }

/********************** faq ends ************************/

/********************** terms of use starts ************************/
.terms_area {
    background: rgba(255,255,255,0.8);
    border-top: 5px solid #fca6ad;
    padding: 40px;
    box-shadow: 0 0 5px rgba(0,0,0,0.3);
}

    .terms_area h1 {
        background: url(../images/line.png) no-repeat 0 100%;
        color: #333;
        font-family: Montserrat;
        font-size: 24px;
        font-weight: 900;
        padding-bottom: 25px;
    }

    .terms_area h4 {
        color: #eb494f;
        font-family: Montserrat;
        font-size: 20px;
        font-weight: 600;
        padding-top: 35px;
    }

    .terms_area h2 {
        color: #666;
        font-family: Montserrat;
        font-size: 20px;
        font-weight: 600;
        padding-top: 20px;
    }

    .terms_area span {
        color: #eb494f;
    }

    .terms_area p {
        font-size: 16px;
        color: #444444;
        line-height: 32px;
        margin-top: 15px;
        text-align: justify;
    }
/********************** terms of use ends ************************/


/********************** sefty tips starts ************************/
.sefty_area {
    background: rgba(255,255,255,0.8);
    border-top: 5px solid #fca6ad;
    padding: 40px;
    box-shadow: 0 0 5px rgba(0,0,0,0.3);
}

    .sefty_area h1 {
        background: url(../images/line.png) no-repeat 0 100%;
        color: #333;
        font-family: Montserrat;
        font-size: 24px;
        font-weight: 900;
        padding-bottom: 25px;
    }

    .sefty_area h2 {
        background: url(../images/do_img.png) no-repeat 0 0;
        color: #444444;
        font-family: Montserrat;
        font-size: 20px;
        font-weight: 700;
        padding-left: 40px;
        margin: 15px 0 -15px 0;
    }

    .sefty_area h3 {
        background: url(../images/don%27t_img.png) no-repeat 0 0;
        color: #444444;
        font-family: Montserrat;
        font-size: 20px;
        font-weight: 700;
        padding-left: 40px;
        margin: 15px 0 -15px 0;
    }

    .sefty_area h4 {
        color: #eb494f;
        font-family: Montserrat;
        font-size: 20px;
        font-weight: 600;
        padding-top: 35px;
    }

    .sefty_area p {
        font-size: 16px;
        color: #444444;
        line-height: 32px;
        margin-top: 15px;
        text-align: justify;
    }
/**********************sefty tips ends ************************/

/********************** privecy starts ************************/
.privacy-policy h2 {
    color: #eb494f;
    font-family: Montserrat;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 15px;
}

/********************** privecy end ************************/

/********************** profile details starts ************************/

.form-box {
    padding-top: 40px;
}

.f1 {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

    .f1 h3 {
        margin-top: 0;
        margin-bottom: 5px;
        text-transform: uppercase;
    }

.f1-steps {
    overflow: hidden;
    position: relative;
    margin-top: 20px;
}

.f1-progress {
    position: absolute;
    top: 40px;
    left: 0;
    width: 100%;
    height: 1px;
    background: #e55c61;
}

.f1-progress-line {
    position: absolute;
    top: -2px;
    left: 0;
    height: 6px;
    background: #e55c61;
}

.f1-step {
    position: relative;
    float: left;
    width: 33%;
    padding: 0 25px;
    height: 50px;
    text-align: center;
}

    /*.f1-step-icon {
	display: inline-block; width: 40px; height: 40px; margin-top: 4px; background: #0277ae;
	font-size: 16px; color: #fff; line-height: 40px;
	-moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;
}*/
    .f1-step.activated .f1-step-icon {
        background: #fff;
        border: 1px solid #f35b3f;
        color: #f35b3f;
        line-height: 38px;
    }

    .f1-step.active .f1-step-icon {
        width: 48px;
        height: 48px;
        margin-top: 0;
        background: #f35b3f;
        font-size: 22px;
        line-height: 48px;
    }

    .f1-step p {
        color: #0277ae;
    }

    .f1-step.activated p {
        color: #f35b3f;
    }

    .f1-step.active p {
        color: #313131;
        font-weight: bold;
    }

.f1 fieldset {
    display: none;
    text-align: left;
    margin-top: 20px;
}

.f1 .input-error {
    border-color: #f35b3f;
}

.f1-step p {
    font-size: 17px;
    color: #676767;
}


.f1 fieldset h1 {
    font-size: 18px;
    font-weight: 600;
    color: #181818;
    padding-bottom: 20px;
}

.f1 fieldset label {
    font-size: 15px;
    font-weight: normal;
    color: #383737;
    padding-top: 10px;
}

.f1 fieldset span {
    color: #e55c61;
    font-weight: bold;
}

.frm fieldset h1 {
    font-size: 18px;
    font-weight: 600;
    color: #181818;
    padding-bottom: 20px;
}

.frm fieldset label {
    font-size: 15px;
    font-weight: normal;
    color: #383737;
    padding-top: 10px;
}

.frm fieldset span {
    color: #e55c61;
    font-weight: bold;
}

.dob_select select {
    width: 31.3%;
    display: inline-block;
    margin-right: 5px;
}

.radio_btn {
    display: inline-block;
    position: relative;
    padding: 0 15px 0 25px !important;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .radio_btn input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 18px;
    width: 18px;
    border: 1px solid #333;
    border-radius: 50%;
    background-color: #fff;
}

/* On mouse-over, add a grey background color */
.radio_btn:hover input ~ .checkmark {
    background-color: #fff;
}

/* When the radio button is checked, add a blue background */
.radio_btn input:checked ~ .checkmark {
    background-color: #fff;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.radio_btn input:checked ~ .checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.radio_btn .checkmark:after {
    top: 4px;
    left: 4px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #f91700;
}

.radio_cmplx {
    width: auto;
    color:#fff;
}

.radio_gana {
    width: 120px;
}

.pro_btn {
    width: 100%;
    height: 46px;
    font-size: 16px;
    color: #fff;
    border: 1px solid #e2141b;
    border-radius: 5px;
    background: #f52027;
    box-shadow: 0 4px 6px #444;
    transition: ease-in-out 0.3s;
}

    .pro_btn:hover, .pro_btn:focus, .edu_btn2:hover, .edu_btn2:focus {
        background: #f7444a;
    }

.edu_btn:hover, .edu_btn:focus {
    background: #2ed52d;
}

.edu_btn {
    width: 49%;
    height: 46px;
    font-size: 16px;
    color: #fff;
    border: 1px solid #37bb36;
    border-radius: 5px;
    background-color: #4ac649;
    box-shadow: 0 4px 6px #444;
    transition: ease-in-out 0.3s;
}

.edu_btn2 {
    width: 49%;
    height: 46px;
    font-size: 16px;
    color: #fff;
    border: 1px solid #e2141b;
    border-radius: 5px;
    background: #f52027;
    box-shadow: 0 4px 6px #444;
    transition: ease-in-out 0.3s;
}

.annual_box {
    width: 50%;
    float: left;
}

.annual_select {
    width: 98%;
    display: inline-block;
}

.annual_select2 {
    width: 100%;
    display: inline-block;
}

.parents_select {
    width: 54.9%;
    display: inline-block;
}

.exp_select {
    width: 100%;
    display: inline-block;
}

.exp_select2 {
    width: 98%;
    display: inline-block;
}

.container_form {
    width: 100%;
}

.details_area {
    background: #fff;
    padding: 20px;
    /*margin-bottom:50px;*/
}

.details_top {
    background: #fff;
    margin-bottom: 20px;
    border-left: 5px solid #e55c61;
    padding: 20px;
    text-align: center;
}

    .details_top p {
        font-size: 18px;
        color: #333333;
    }

    .details_top span {
        font-size: 20px;
        color: #333333;
        font-weight: bold;
    }

.whyreg_area {
    background: #fff;
    padding: 50px 30px;
    margin-bottom: 50px;
    min-height: 980px;
}

    .whyreg_area h2 {
        color: #161616;
        font-size: 18px;
        font-weight: bold;
        border-bottom: 1px solid #161616;
        text-transform: uppercase;
        padding-bottom: 20px;
    }

.whyreg_icon {
    background: url(../images/whyreg1.png) no-repeat center;
    width: 100%;
    margin-bottom: 20px;
}

    .whyreg_icon:hover {
        background: url(../images/whyreg1_hover.png) no-repeat center;
        width: 100%;
    }

    .whyreg_icon h3 {
        font-size: 14px;
        color: #585858;
        padding-top: 115px;
        width: 65%;
        font-weight: bold;
        margin-left: auto;
        margin-right: auto;
        margin-top: -20px;
    }

.whyreg_icon2 {
    background: url(../images/whyreg2.png) no-repeat center;
    width: 100%;
}

    .whyreg_icon2:hover {
        background: url(../images/whyreg2_hover.png) no-repeat center;
        width: 100%;
    }

.whyreg_icon3 {
    background: url(../images/whyreg3.png) no-repeat center;
    width: 100%;
}

    .whyreg_icon3:hover {
        background: url(../images/whyreg3_hover.png) no-repeat center;
        width: 100%;
    }

.whyreg_icon4 {
    background: url(../images/whyreg4.png) no-repeat center;
    width: 100%;
}

    .whyreg_icon4:hover {
        background: url(../images/whyreg4_hover.png) no-repeat center;
        width: 100%;
    }

.pro_progress {
    width: 250px;
    display: inline-flex !important;
    margin-left: 20px;
}

    .pro_progress .progress-bar {
        background: linear-gradient(#63b144, #006a38);
        background: -moz-linear-gradient(#63b144, #006a38);
        background: -webkit-linear-gradient(#63b144, #006a38);
        background: -o-linear-gradient(#63b144, #006a38);
        /*width:30%;*/
    }

.profile_field {
    height: 52px;
}

.profile_field2 {
    height: 90px;
}

    .profile_field i, .profile_field2 i {
        top: 0 !important;
        right: 18px !important;
    }

.form-control select {
    text-transform: capitalize;
}

.visible-element {
    display: block !important;
}

.invisible-element {
    display: none !important;
}

.non_span {
    font-size: 15px;
    font-weight: normal !important;
    color: #383737 !important;
}

/********************** profile details end ************************/


/********************** log in starts ************************/

.login_back_area {
    background-color: #fff;
    padding: 50px 10px;
    margin-bottom: 50px;
}

.col-fifth-grid {
    width: 20%;
    float: left;
    padding: 0 15px;
    position: relative;
    min-height: 1px;
}

.pad-lfrs-4 {
    padding-left: 4px !important;
    padding-right: 4px !important;
}

.row-left-4 {
    margin-left: -4px !important;
    margin-right: -4px !important;
}

.image_holder {
    width: 218px;
    height: 190px;
    overflow: hidden;
}

.information_holder {
    padding: 10px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
}

    .information_holder span {
        color: #df2d34;
        font-size: 16px;
        font-weight: bold;
    }

    .information_holder input {
        color: #eb4046;
        font-size: 16px;
        font-weight: normal;
        padding: 5px 10px;
        border: 2px solid #eb4046;
        background-color: transparent;
        margin-top: 10px;
        transition: ease-in-out 0.3s;
    }

        .information_holder input:hover {
            color: #fff;
            border: 2px solid #eb4046;
            background-color: #eb4046;
        }

.modal_wrapper {
    background: rgba(0,0,0,0.5);
    width: 100%;
    height: 100%; /* Didn't do 100% because of height of rendering area */
    position: absolute;
    left: 0;
    top: 0;
    z-index: 666;
    font-family: "Helvetica";
    display: none;
}

.login_modal {
    width: 500px;
    height: auto;
    position: absolute;
    z-index: 667;
    background: white;
    left: 50%;
    top: 5%;
    box-shadow: 2px 2px 8px rgba(0,0,0,0.7);
    transform: translateX(-50%);
    border-top: 5px solid #e55c61;
}

    /*.modal-body {
   overflow-y:auto;
   height: 250px;
   border-bottom: 1px solid #ccc;
   position:relative;
}*/
    /*.modal-body p {
   padding: 10px; 
}
*/
    .login_modal h1 {
        display: none;
    }

.login_modal_button a {
    text-decoration: none;
    background: #424242;
    padding: 5px 10px;
    color: white;
    border-radius: 5px;
}

    .login_modal_button a:hover {
        background: #aaa;
    }

.login_modal_button {
    position: relative;
    top: 20px;
    left: 400px;
}

p.poop {
    margin: 100px auto 0 auto;
    font-size: 40px;
    font-family: "Arial";
    width: 300px;
    text-align: center;
    background: #3299bb;
    padding: 10px 0;
    border-radius: 5px;
    border: 8px solid #31aaff;
    cursor: pointer;
}



.login_form {
    background: rgba(255,255,255,.9);
    padding: 35px;
    max-width: 600px;
    margin: 0 auto;
    box-shadow: 0 4px 10px 4px rgba(0,0,0,0.3);
}

.tab-group {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .tab-group:after {
        content: "";
        display: table;
        clear: both;
    }

    .tab-group li a {
        display: block;
        text-decoration: none;
        padding: 15px;
        background: #dddddd;
        color: #000;
        font-size: 20px;
        float: left;
        font-family: Montserrat;
        font-weight: 600;
        width: 50%;
        text-align: center;
        cursor: pointer;
        transition: .5s ease;
    }

        .tab-group li a:hover {
            background: #c93f44;
            color: #fff;
        }

        .tab-group li a:focus {
            background: #e55c61;
            color: #fff;
        }

    .tab-group li.active a {
        background: #e55c61;
        color: #ffffff;
    }


.tab-content > div:last-child {
    display: none;
}

.tab-content h2 {
    color: #323232;
    font-size: 26px;
    font-weight: 600;
    font-family: Montserrat;
    margin: 20px 0;
    background: url(../images/line.png) no-repeat 0 100%;
    padding-bottom: 25px;
}

.tab-content span {
    margin-bottom: 20px;
}

.tab-content label {
    position: absolute;
    transform: translateY(10px);
    left: 13px;
    transition: all 0.25s ease;
    -webkit-backface-visibility: hidden;
    pointer-events: none;
    font-size: 18px;
}

    .tab-content label.active {
        transform: translateY(50px);
        left: 2px;
        font-size: 14px;
        top: -10px;
    }

.tab-content input, textarea {
    display: block;
    transition: border-color .25s ease, box-shadow .25s ease;
    height: 40px;
}

.field-wrap {
    position: relative;
    margin: 20px 0 30px 0;
}

.top-row :after {
    content: "";
    display: table;
    clear: both;
}

    .top-row :after > div {
        float: left;
        width: 48%;
        margin-right: 4%;
    }

.login_form_btn {
    border: 0;
    outline: none;
    border-radius: 0;
    padding: 15px 0;
    font-size: 2rem;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: .1em;
    background: #e55c61;
    color: white;
    transition: all.5s ease;
    -webkit-appearance: none;
}

.button-block {
    display: block;
    width: 100%;
}

.forgot {
    margin-top: -20px;
    text-align: right;
}

.log_form_btn {
    width: 170px;
    border-radius: 6px;
    padding: 15px 15px;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    background-color: #0188e1;
    height: 50px;
    font-size: 22px;
    text-align: center;
    border: none;
    border-bottom: 5px solid #086BAD;
    transition: ease-in-out 0.3s;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.reg_form_btn {
    width: 190px;
    border-radius: 6px;
    padding: 15px 15px;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    background-color: #e32202;
    height: 50px;
    font-size: 22px;
    text-align: center;
    border: none;
    border-bottom: 5px solid #b91c02;
    transition: ease-in-out 0.3s;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.log_form_btn span.sprite {
    width: 32px;
    background: url('../../images/diver.png') no-repeat 100% 0;
    margin-right: 8px;
    padding-right: 4px;
}

.reg_form_btn span.sprite {
    width: 32px;
    background: url('../../images/diver.png') no-repeat 100% 0;
    margin-right: 8px;
    padding-right: 4px;
}

.log_form_btn:hover {
    text-decoration: none;
    color: #ddd;
}

.reg_form_btn:hover {
    text-decoration: none;
    color: #ddd;
}


/********************** log in end ************************/

/********************** registration for men starts ************************/
.reg_back {
    background: #e7e6e6;
    padding: 50px 0;
    position: relative;
}

.reg_bag_top {
    background: url(../images/reg_top.png) no-repeat 50% 50%;
    height: 120px;
}

.reg_bg_men {
    background: url(../images/reg_bg_img.png) no-repeat 50% 50%;
    height: 1260px;
}

.reg_bg_women {
    background: url(../images/reg_bg_women.png) no-repeat 50% 50%;
    height: 1260px;
}

.reg_overlay {
    background: rgba(0,0,0,0.5);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.reg_form_sec {
    margin-top: 40px;
    box-shadow: 0 0 30px rgba(0,0,0,0.7);
}

.reg_top {
    background: #e55d61;
}

.reg_form_area {
    background: #fff;
    padding: 15px;
}

.reg_top h1 {
    padding: 15px;
    font-size: 24px;
    color: #fff;
}

.reg_form_area h2 {
    background: url(../images/line.png) no-repeat 0 100%;
    color: #323232;
    width: 100%;
    font-size: 24px;
    padding-bottom: 20px;
    font-family: Montserrat;
}

.reg_form_area p {
    font-size: 14px;
    color: #272727;
    margin: 10px 0;
}

.reg_form_area label {
    color: #000;
    font-size: 16px;
    margin-top: 8px;
    font-weight: bold;
    display: block;
}

.form-inline .form-group {
    align-items: baseline;
}

.reg_input {
    width: 100% !important;
    height: 40px;
}

.reg_input_password {
    width: 100% !important;
    height: 40px;
    border-radius: 4px;
    float: left;
    position: relative;
}

.reg_input_button {
    font-size: 18px;
    position: absolute;
    right: 3px;
    top: 10px;
    background-color: transparent;
    outline: none;
    z-index: 1;
    cursor: pointer;
}

.reg_select {
    width: 32%;
    margin-right: 2px;
    float: left;
    position: relative;
}

.reg-dob-select {
    height: 40px;
    width: 100% !important;
}

.reg_select2 {
    width: 35% !important;
    height: 40px;
    margin-right: 5px;
    float: left;
}

.reg_input2 {
    width: 63% !important;
    height: 40px;
}

    .reg_input2 input {
        width: 100% !important;
        height: 40px !important;
    }

    .reg_input2 i {
        /*right:-5px !important;*/
    }

.reg-btn {
    background-color: #e52020;
    border: 1px solid #e52020;
    box-shadow: 2px 2px 3px #444;
    width: 135px;
    display: inline-block;
    border-radius: 6px;
    padding: 10px 12px;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 20px;
    margin-left: 20px;
    height: 40px;
    transition: ease-in-out 0.3s;
}

#ChngMobSec, #OtpVerSec {
    position: relative;
}

.otp-alter {
    position: absolute;
    left: 0;
    top: 50px;
}

.reg-btn i {
    margin: 2px;
}

.header-btn .sprite {
    width: 32px;
    background: url('../../images/diver.png') no-repeat 100% 0;
    margin-right: 8px;
    padding-right: 4px;
}

.header-btn span.sprite i {
    line-height: 7px;
    font-size: 20px;
    margin-top: 5px;
}

.search_valid {
    float: right;
    margin-top: -42px;
    margin-right: -12px;
}

.search_valid2 {
    float: none;
    margin-top: 0;
    margin-right: -12px;
    position: absolute;
}

.form-area spam {
    margin: 0 7px 0 9px;
}

.reg_field {
    width: 100%;
    height: 60px;
    position: relative
}

.user_field_height {
    height: 40px;
}

.reg_field .form-control-feedback {
    top: 9px !important;
}

.valid_right i {
    right: 25px !important;
}


/********************** registration for men ends ************************/




/********************** my member starts ************************/
.navbar-light .navbar-nav li.active {
    border-bottom: #fddc00 3px solid;
}

.navbar-light .navbar-nav li {
    padding: 0 10px;
}

.log_bar {
    font-size: 20px !important;
    cursor: pointer;
    border-radius: 5px;
    color: #e55c61;
    margin-top: -5px;
}

.log_ul {
    background: #a93a3e;
}

    .log_ul li {
        border-bottom: 1px solid #fff;
    }

        .log_ul li:last-child {
            border-bottom: none;
        }

        .log_ul li a {
            color: #fff;
        }

.mem_name {
    font-weight: bold !important;
    color: #e55c61;
}

.inner_header {
    width: 100%;
    background-color: #fff;
    padding: 15px 0;
    top: 0;
}

.inner_m_none {
    margin: 0 !important;
}

.id_name {
    color: #000;
    font-size: 16px;
    float: left;
    padding-right: 10px;
    margin-top: 15px;
}

.id_img {
    width: 50px;
    height: 50px;
    border-radius: 50px;
    overflow: hidden;
    display: inline-block;
}

.member_sec {
    padding: 50px 0;
    background: #eeeeee;
}

.member_back {
    background: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
    position: relative;
}

.pro_img_area {
    height: 230px;
    overflow: hidden;
    position:relative;
}

.pro_up_area {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index:2;
}
.pro_up_area input{
    width:100%;
}

#upload_link {
    width: 35px;
    height: 35px;
    border: 1px solid #999;
    border-radius: 100%;
    display: block;
    background: #eeeeee;
    text-align: center;
    margin: 5px 0 0 5px;
}
.pro_up_area i {
    font-size: 18px;
    color: #e55c61;
    line-height:35px;
}

#hom_pro_img_uploadhome {
    display: none;
}

#uploadhome {
    display: none;
}



.pro_img_area img {
    width: 100%;
    object-fit: cover;
    height: 100%;
}

.pro_id_area {
    padding: 15px;
    text-align: center;
}

.member-name {
    font-size: 20px;
    color: #e55c61;
    font-weight: 700;
    margin-bottom: 5px;
}


.pro_id_area p {
    font-size: 14px;
    color: #000;
}

.pro_id_area span {
    font-weight: bold;
}



.fill_color {
    color: #ffc000 !important;
}

.tips_area {
    padding: 15px;
    text-align: center;
    margin: 20px 0;
}

    .tips_area i {
        font-size: 20px;
        padding: 0 2px;
        color: #8a8a8a;
    }

    .tips_area p {
        margin-bottom: 10px;
    }

    .tips_area .progress {
        width: 70%;
        display: inline-block;
        border: 1px solid #c5c5c5;
        background: #fff;
        box-shadow: inset 2px 2px 3px rgba(0,0,0,0.5);
        border-radius: 7px;
    }

        .tips_area .progress .progress-bar {
            background: linear-gradient(#2a531d -20%, #53aa39 30%, #378720);
            border-radius: 7px;
        }

    .tips_area button {
        width: 50px;
        height: 20px;
        background: #e55c61;
        border-radius: 5px;
        border: none;
        float: right;
        color: #fff;
        font-size: 12px;
        font-weight: 600;
        line-height: 15px;
        border-bottom: 3px solid #be3036;
    }

    .tips_area p {
        color: #000;
        font-size: 16px;
        margin-bottom: 10px;
        font-weight: 600;
    }

.personal_area {
    padding: 5px 7px 15px;
}

    .personal_area div:last-child {
        border-bottom: none;
    }

.personal_sec {
    padding: 11px 0;
    border-bottom: 1px solid #aaaaaa;
}

    .personal_sec span {
        display: inline-block;
        margin-left: 5px;
        color: #000;
        font-size: 14px;
    }

.search_area {
    padding: 20px 12px;
}

.personal_area
.search_area h1 {
    color: #1c1c1c;
    font-weight: 900;
    font-size: 18px;
    border-bottom: 1px solid #e55c61;
    padding-bottom: 10px;
}

.search_area div.form-inline {
    margin-top: 20px;
}

.search_area label, .search_area span {
    color: #1c1c1c;
    font-size: 14px;
    margin: 5px 8px;
    display: inline-block;
}

.search_area .form-group {
    margin-bottom: 15px;
}

.search_area_button {
    background: #0295f5;
    color: #fff;
    border: none;
    border-radius: 5px;
    padding: 10px 20px;
    font-size: 18px;
    font-weight: 600;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.5);
    margin-left: 100px;
}

.advance-btn {
    text-align: right;
    color: #e55c61;
    font-weight: 800;
    float: right;
    font-size: 16px;
    margin: 10px 10px 0 0;
}

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

.form_width {
    width: 100%;
}

.mem-form-group2 {
    margin-bottom: 15px;
    float: left;
}

.mem_age_select {
    width: 125px !important;
    display: inline-block;
}

.mem_to_select {
    width: 150px !important;
    display: inline-block;
}

.mem_rel_select {
    width: 125px !important;
    display: inline-block;
}

.mem_mt_select {
    width: 338px !important;
    display: inline-block;
}

.mem_cast_select {
    width: 149px !important;
    display: inline-block;
}

.advance-btn {
    text-align: right;
    color: #e55c61;
    font-weight: 800;
    float: right;
    font-size: 16px;
    margin: 10px 10px 0 0;
}

.form_cell {
    float: left;
    width: 100%;
    margin-bottom: 15px;
    display: flex;
}

    .form_cell label {
        width: 105px;
    }

    .form_cell select {
        width: 100% !important;
        font-size: 14px;
    }

.add_area {
    margin: 20px 0;
    height: 60px;
    overflow: hidden;
}

    .add_area img {
        width: 100%;
    }

.activity_area {
    padding: 15px;
    height: 308px;
}

    .activity_area h2 {
        color: #1c1c1c;
        font-weight: 900;
        font-size: 18px;
        border-bottom: 1px solid #e55c61;
        padding-bottom: 10px;
    }

.activity_holder {
    padding: 15px;
    border-bottom: 1px solid #aaaaaa;
    position: relative;
}

.act_img_area {
    width: 45px;
    height: 45px;
    overflow: hidden;
    border: 1px solid #e55c61;
    border-radius: 50px;
    float: left;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left:0;
}

.act_text_area {
    padding: 0 0 0 38px;
    color: #1c1c1c;
    font-size: 12px;
    position: relative;
}

.act_img_area img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.viewprofile {
    display: inline;
    float: right;
}

.act_text_area a.delete {
    color: #1c1c1c;
    font-size: 14px;
    position: absolute;
    right: 0;
    top: 0;
    font-weight: bold;
    text-decoration: none;
}

    .act_text_area a.delete:hover {
        color: #e55c61;
    }

.act_text_area a.view-but {
    background: #e55c61;
    color: #fff;
    border-radius: 50px;
    border: none;
    font-size: 12px;
    padding: 3px 7px;
    position: absolute;
    right: -20px;
}

    .act_text_area a.view-but:hover {
        background: #ac0a10;
        color: #fff;
        text-decoration: none;
    }

.color_gray {
    background: #dddddd !important;
    color: #000 !important;
}


.act_more {
    color: #e55c61;
    font-size: 14px;
    text-decoration: none;
    display: block;
    font-weight: bold;
}

.add_area2 {
    margin-bottom: 20px;
    overflow: hidden;
    padding: 15px;
    text-align: center;
    height: 180px;
    background: url(../images/add_area.jpg) no-repeat 0 0;
    background-size: cover;
}

    .add_area2 img {
        width: 100%;
    }


.carousel-inner h2 {
    font-size: 14px;
    text-align: center;
    font-weight: bold;
    color: #fcd538;
}
.help_sec {
    background-color: #ffc000;
    font-size: 18px;
    color: #000;
    line-height: 36px;
    text-align: center;
    font-weight: 600;
}

    .help_sec:after {
        background: url(../images/lower-arrow.png) no-repeat 0 0;
        content: "";
        position: absolute;
        width: 36px;
        height: 14px;
        top: 35px;
        left: 30px;
    }

.add_area2 h6 {
    color: #fdd639;
    font-weight: 600;
}

.search_area h1 {
    color: #1c1c1c;
    font-weight: 900;
    font-size: 20px;
    border-bottom: 1px solid #e55c61;
    padding-bottom: 10px;
}

.success-box i {
    font-size: 30px;
    color: #5bb440;
}

.success-box p {
    font-size: 14px;
    padding-left: 15px;
}

.recommended_area {
    padding: 15px;
    height: 545px;
}

    .recommended_area h2 {
        color: #1c1c1c;
        font-weight: 900;
        font-size: 18px;
        border-bottom: 1px solid #e55c61;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }

    .recommended_area a.viewmore {
        display: block;
        text-align: right;
        margin-top: 20px;
    }

.rec_img_holder {
    width: 122px;
    height: 122px;
    overflow: hidden;
    background: #efefef;
    float: left;
    margin-right: 10px;
    position: relative;
}


    .rec_img_holder img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.show-int-area {
    width: 25px;
    height: 21px;
    background: rgba(255,255,255,0.6);
    position: absolute;
    right: 0;
    bottom: 0;
    text-align: center;
}

    .show-int-area i {
        line-height: 21px;
        font-size: 16px;
        color: #e34449;
        cursor: pointer;
    }

.rec_text_area {
    background: #efefef;
    padding: 10px;
}

    .rec_text_area p {
        color: #272727;
        font-size: 14px;
        margin-bottom: 3px;
    }

    .rec_text_area span {
        color: #e44b51;
    }

    .rec_text_area button {
        background: #e55c61;
        color: #fff;
        border-radius: 50px;
        border: none;
        margin-top: 10px;
        font-size: 12px;
        padding: 0 10px;
    }

.recommend_box {
    margin-top: 15px;
}

    .recommend_box:last-child {
        margin-bottom: 0;
    }

.the-container .the-content {
    height: 510px;
}

.custom-scrollbar {
    position: relative;
}

    .custom-scrollbar .custom-scrollbar-handle {
        display: none;
        width: 5px;
        height: 40px;
        background-color: #e55c61;
        display: block;
        top: 0;
        right: 0;
        position: absolute;
        border-radius: 5px;
    }

    .custom-scrollbar .custom-scrollbar-container {
        overflow-x: hidden;
    }

        .custom-scrollbar .custom-scrollbar-container .custom-scrollbar-scrolling-content {
            overflow-y: scroll;
            width: calc(100% + 20px);
        }


.personal_sec a {
    text-decoration: none;
}

    .personal_sec a:hover {
        text-decoration: none;
        color: #e55c61;
    }

    .personal_sec a span:hover {
        text-decoration: none;
        color: #b73035;
    }

.improve-star {
    background-color: #e55c61;
    width: 110px;
    display: block;
    margin: 10px auto 0;
    color: #fff;
    border: 1px solid #d84b50;
    box-shadow: 0 2px 3px #666;
    border-radius: 6px;
    padding: 2px;
    font-size: 13px;
}

    .improve-star:hover, .improve-star:focus, .improve-star:active {
        text-decoration: none;
        color: #fff;
    }

    .improve-star:hover {
        background-color: #db555a;
        box-shadow: 0 4px 5px #666;
    }

.upload-hide p {
    display: none;
}

.wid-40 {
    width: 40%;
}

.wid-48 {
    width: 48% !important;
    margin-right: 5px;
    margin-bottom: 5px;
}


/********************** my member ends ************************/


/********************** upload photo start  ************************/
.disable-photo {
    display: none;
}

.enable-photo {
    display: block;
}

.upload-image {
    padding-top: 30px;
    padding-bottom: 30px;
}

    .upload-image h3 {
        font-size: 22px;
        color: #333;
    }

    .upload-image label {
        margin-right: 10px;
    }

    .upload-image select {
        border: #bcbcbc 1px solid;
        line-height: 30px;
        height: 30px;
        padding: 0 25px 0 5px;
    }

.underline {
    border-bottom: 1px solid #333;
    margin: 15px 0;
}

.upload-image h4 {
    font-size: 22px;
    color: #4e4e4e;
}

.upload-image p {
    font-size: 14px;
    color: #4e4e4e;
    margin: 15px 0;
}

.upload_area_box {
    padding: 0 7px;
}

.upload_area {
    width: 100%;
    height: 220px;
    border: 1px solid #c9c8c8;
    margin: 10px 0;
    overflow: hidden;
    position: relative;
}

    .upload_area span {
        position: relative;
        margin-top: 20px;
    }

.icon-col {
    color: #67a0c5;
}

.upload_area img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    left: 0;
    position: absolute;
    z-index: 2;
}

.id_upload_area {
    width: 100%;
    height: 240px;
    border: 1px solid #c9c8c8;
    margin: 10px 0;
    overflow: hidden;
    position: relative;
}

    .id_upload_area span {
        position: relative;
        cursor: pointer;
    }

    .id_upload_area img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        left: 0;
        position: absolute;
        /*z-index: 2;*/
    }

.success-col {
    color: #63b144;
}

.danger-col {
    color: #e55c61;
}

.round-border {
    height: 80px;
    width: 80px;
    display: inline-block;
    border: 4px solid #63b144;
    border-radius: 50%;
}

    .round-border i {
        line-height: 67px;
    }

.photo-upload-modal {
    margin: 25% auto !important;
}

.photo-modal-content {
    box-shadow: 3px 3px 5px #333;
}

.modal-dialog-modal-header {
    background-color: #e55c61;
    color: #fff;
}

.fam_photo_back {
    width: 95%;
    height: 445px;
    background: #e7e7e7;
    -ms-transform: rotate(-8deg);
    -webkit-transform: rotate(-8deg);
    transform: rotate(-5deg);
    position: relative;
    margin-top: 25px;
    right: -20px;
}

.fam_photo_front {
    width: 90%;
    height: 445px;
    background: #fff;
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    position: absolute;
    border: 1px solid #c9c8c8;
    z-index: 3;
    right: 5px;
    margin-top: 25px;
    padding: 60px;
}

.fam_photo_holder {
    width: 100%;
    height: 203px;
    overflow: hidden;
    position: relative;
    background-color: #d9d9d9;
}

    .fam_photo_holder .img-thumbnail {
        position: absolute;
        top: 0;
    }

.btn-file > input, .photo_input {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    font-size: 23px;
    cursor: pointer;
    filter: alpha(opacity=0);
    opacity: 0;
    direction: ltr;
}

.btn-file {
    position: relative;
    overflow: hidden;
    vertical-align: middle;
    text-align: center;
    width: 100%;
}

    .btn-file:hover {
        color: #fff;
    }


.fileinput {
    display: block;
    margin: 9px auto;
}

.text-size-16 {
    font-size: 16px;
}

.text-size-18 {
    font-size: 18px;
}

.text-size-20 {
    font-size: 20px;
}

.image-upload {
    margin: 0;
    text-align: center;
}

.id-image-upload {
    margin: 50px 0;
    text-align: center;
}

.image-upload > input {
    display: none;
}

.image-upload img {
    cursor: pointer;
}

.image-upload2 {
    width: 100%;
    height: 100%;
    text-align: center;
}

    .image-upload2 img {
        width: 100%;
        height: 100%;
        cursor: pointer;
        object-fit: cover;
    }

.image-upload i {
    cursor: pointer;
    text-transform: uppercase;
    display: block;
    font-style: normal;
    font-size: 20px;
    color: #666;
    margin-top: 10px;
}

    .image-upload i:hover {
        color: #000;
    }

.id-image-upload i {
    cursor: pointer;
    text-transform: uppercase;
    display: block;
    font-style: normal;
    font-size: 20px;
    color: #666;
}

    .id-image-upload i:hover {
        color: #000;
    }

.note-box {
    background: url('../Images/note_corner.png') no-repeat 0 0;
    padding: 30px 15px;
    margin-top: 10px;
}

    .note-box:after {
        background: url(../Images/note_corner.png) no-repeat 100% 100%;
        content: " ";
        transform: rotate(180deg);
        width: 500px;
        height: 100px;
        position: absolute;
        margin-left: 40%;
    }

.note p {
    margin: 5px 0;
}

    .note p span {
        color: #e55c61;
    }
.theme-bg {
background-color: #e55c61;
}


/********************** upload photo end ************************/



/**************************** forget password**********************/
.forget-headline {
    font-size: 24px;
    font-weight: 600;
    margin-top: 15px;
    margin-bottom: 15px;
    color: #000;
}

.forget-txt {
    font-size: 16px;
    margin-top: 15px;
    margin-bottom: 15px;
    color: #222;
}

.forgot-txtbox {
    line-height: 50px;
    height: 50px;
}

.forgot-button-sprite {
    width: 32px;
    background: url('../../images/diver.png') no-repeat 100% 50%;
    margin-right: 8px;
    padding-right: 4px;
    position: absolute;
    z-index: 1;
    color: #fff;
    padding: 8px;
    font-size: 15px;
    margin-left: 10px;
}

    .forgot-button-sprite i {
        line-height: 25px;
    }

.forgot-button {
    position: relative;
    background-color: #0189e0;
    border: none;
    font-size: 15px;
    color: #FFFFFF;
    padding: 0 0 0 20px;
    width: 140px;
    text-align: center;
    -webkit-transition-duration: 0.4s; /*Safari*/
    transition-duration: 0.4s;
    text-decoration: none;
    overflow: hidden;
    cursor: pointer;
    margin-left: auto;
    margin-right: auto;
    text-transform: uppercase;
    height: 40px;
    font-family: sans-serif !important;
    box-shadow: 0 2px 4px #222;
    border-radius: 4px;
    display: block;
}

    .forgot-button:hover {
        color: #ffffff !important;
        background: #249deb;
        box-shadow: 4px 8px 12px #222;
    }

    .forgot-button:focus {
        color: #ffffff !important;
        background: #249deb;
        box-shadow: 0 2px 4px #222;
    }




.email_height {
    height: 100px;
}

    .email_height i {
        top: 43px !important;
    }



.forget_height {
    min-height: 400px;
}
/*.panel-login {
	border-color: #ccc;
	-webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2);
    margin-bottom:50px;
}*/
.panel-login > .panel-heading {
    color: #00415d;
    /*background-color: #fff;
	border-color: #fff;*/
    text-align: center;
}

    .panel-login > .panel-heading a {
        text-decoration: none;
        color: #666;
        font-weight: bold;
        font-size: 15px;
        -webkit-transition: all 0.1s linear;
        -moz-transition: all 0.1s linear;
        transition: all 0.1s linear;
    }

        .panel-login > .panel-heading a.active {
            color: #e55c61;
            font-size: 18px;
        }

    .panel-login > .panel-heading hr {
        margin-top: 10px;
        margin-bottom: 0px;
        clear: both;
        border: 0;
        height: 1px;
        background-image: -webkit-linear-gradient(left,rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.15),rgba(0, 0, 0, 0));
        background-image: -moz-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.15),rgba(0,0,0,0));
        background-image: -o-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.15),rgba(0,0,0,0));
    }

.panel-login input[type="text"], .panel-login input[type="email"], .panel-login input[type="password"] {
    height: 45px;
    border: 1px solid #ddd;
    font-size: 16px;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    transition: all 0.1s linear;
}

.panel-login input:hover,
.panel-login input:focus {
    outline: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-color: #ccc;
}

.btn-login {
    background-color: #59B2E0;
    outline: none;
    color: #fff;
    font-size: 14px;
    height: auto;
    font-weight: normal;
    padding: 14px 0;
    text-transform: uppercase;
    border-color: #59B2E6;
}

    .btn-login:hover,
    .btn-login:focus {
        color: #fff;
        background-color: #53A3CD;
        border-color: #53A3CD;
    }

.forgot-password {
    text-decoration: underline;
    color: #888;
}

    .forgot-password:hover,
    .forgot-password:focus {
        text-decoration: underline;
        color: #666;
    }

.btn-register {
    background-color: #1CB94E;
    outline: none;
    color: #fff;
    font-size: 14px;
    height: auto;
    font-weight: normal;
    padding: 14px 0;
    text-transform: uppercase;
    border-color: #1CB94A;
}

    .btn-register:hover,
    .btn-register:focus {
        color: #fff;
        background-color: #1CA347;
        border-color: #1CA347;
    }


/**************************** forget password**********************/


/********************** search result starts ************************/

.search_top_area {
    background: #fff;
    padding: 20px;
    margin-bottom: 30px;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
}

    .search_top_area p {
        color: #4d4d4d;
        font-size: 24px;
        display: inline-block;
    }

    .search_top_area span {
        color: #f2333a;
    }

    .search_top_area a {
        padding: 10px;
        color: #fff;
        background: #ef7479;
        border-radius: 3px;
        float: right;
        margin-top: -10px;
        text-decoration: none;
    }

        .search_top_area a:hover {
            padding: 10px;
            color: #fff;
            background: #dc5459;
            text-decoration: none;
            box-shadow: 0 3px 4px #666;
        }

        .search_top_area a:active {
            background: #ef7479;
            text-decoration: none;
            box-shadow: 0 0px 0px #666;
        }

.search_left_panel {
    background: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
}

.age_box {
    background: url(../images/arrow_down.png) no-repeat 95% 50% #f2f2f2;
    padding: 20px 15px;
    width: 100%;
    text-align: left;
    border: none;
    color: #1e1e1e;
    font-size: 15px;
    text-transform: uppercase;
    border-bottom: 1px solid #e0dcdc;
}

.collapse_text div {
    padding: 10px 5px;
    border-bottom: 1px solid #e0dcdc;
}

.age_selector {
    width: 86px;
    height: 33px;
    border: 1px solid #d8d8d8;
}

.age_span {
    color: #474747;
    font-size: 15px;
    margin: 5px 5px;
    display: inline-block;
}

.rel_label {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 15px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #474747;
    line-height: 25px;
}

    /* Hide the browser's default checkbox */
    .rel_label input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

/* Create a custom checkbox */
.rel_checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #fff;
    border: 1px solid #cecece;
}

/* On mouse-over, add a grey background color */
.rel_label:hover input ~ .rel_checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.rel_label input:checked ~ .rel_checkmark {
    background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.rel_checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.rel_label input:checked ~ .rel_checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.rel_label .rel_checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.listdata-resluts {
    background-color: #fff;
    display: block;
    color: #777;
    transition: all 0.3s;
    margin-bottom: 30px;
}

.img_list {
    overflow: hidden;
    min-height: 243px;
    position: relative;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
}

.img-box {
    width: 243px;
    height: 243px;
    overflow: hidden;
    position: relative;
}

.pos-abs {
    position: absolute;
    background: url(../images/photo.png)no-repeat 0 0;
    width: 24px;
    height: 22px;
    z-index: 4;
    right: 52px;
    top: 35px;
}

.pos-cell {
    width: 25px;
    height: 25px;
    background-color: #f57479;
    color: #fff;
    border-radius: 50%;
    margin-top: -15px;
    margin-left: 10px;
    line-height: 25px;
    text-align: center;
    cursor: pointer;
}

.Profile_list-name {
    width: 85%;
    display: inline-block;
}

    .Profile_list-name h3 {
        color: #272727;
        font-size: 20px;
        margin-bottom: 10px;
        margin-top: 10px;
    }

        .Profile_list-name h3 span {
            color: #f1393f;
            font-size: 23px;
            margin-right: 10px;
        }

.add_info {
    font-size: 14px;
    line-height: 22px;
    text-align: left;
    padding-left: 0;
    display: inline-block;
    width: 50%;
    min-height: 66px;
    padding-top: 3px;
    color: #272727;
    float: left;
    margin-bottom: 15px;
}

    .add_info li {
        width: 100%;
        font-weight: normal;
        padding: 0px;
        margin: 0px;
        list-style: none;
        line-height: 21px;
        font-size: 14px;
        margin-bottom: 5px;
        font-weight: bold;
    }

        .add_info li span {
            font-weight: normal;
        }

.like-list {
    width: 100%;
    display: block;
    margin-top: 15px;
}

    .like-list li {
        width: 35px;
        display: inline-block;
        height: 35px;
        color: #fff;
        font-size: 20px;
        text-align: center;
    }

        .like-list li a {
            width: 35px;
            display: inline-block;
            height: 35px;
            background-color: #4e4e4e;
            color: #fff;
            font-size: 20px;
            text-align: center;
        }

            .like-list li a:hover {
                background-color: #f57479;
            }

        .like-list li i {
            line-height: 35px;
        }
.modal_a button {width: 30px;height: 30px;border-radius: 100%;background: #000;position: absolute;opacity: 1;top: -15px;right: -15px;color: #fff;outline: none;}
.modal_a .modal-body{font-size: 20px;color: #000;font-weight: bold;padding: 45px 15px;text-align: center;}
.trust-meter i {
    font-size: 22px;
    margin-right: 2px;
}

.message-send {
    background-color: #ef3037;
    border: #c91d23 1px solid;
    border-radius: 4px;
    box-shadow: 0 3px 4px #999;
    color: #fff;
    width: 114px;
    line-height: 46px;
    font-size: 18px;
}

    .message-send:hover {
        background-color: #d51f26;
        border: #c91d23 1px solid;
        box-shadow: 0 5px 6px #777;
        color: #fff;
    }

    .message-send:active {
        background-color: #ef3037;
        border: #c91d23 1px solid;
        box-shadow: 0 3px 4px #999;
        color: #fff;
    }



.premium-box {
    background: url( ../images/premium.png) no-repeat 0 0;
    position: absolute;
    left: -16px;
    top: 10px;
    z-index: 30;
    width: 94px;
    height: 35px;
}

.premium-member {
    position: relative;
}

.priority-box {
    background: url( ../images/priority.png) no-repeat 0 0;
    position: absolute;
    left: -16px;
    top: 10px;
    z-index: 30;
    width: 94px;
    height: 35px;
}

.priority-member {
    position: relative;
}

.status-area {
    width: 15%;
    position: absolute;
    display: inline-block;
}

.status {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    margin-bottom: 10px;
    margin-top: 10px;
}

.online {
    background: #27c101;
}

.away {
    background: #f4a701;
}

.status-text {
    margin-bottom: 10px;
    margin-top: 10px;
    margin-left: 5px;
    color: #111;
    display: inline-block;
    line-height: 16px;
}


/**************************** search result ends **********************/
/**************************** new user starts **********************/

.user_back {
    background: url(../images/new_user_bg.jpg) repeat-x 50% 50%;
    height: 1100px;
    padding: 50px 0;
}

.top_border {
    background: #f97883;
    height: 5px;
}

.user_back h4 {
    font-size: 20px;
    color: #fff;
    text-align: center;
    line-height: 30px;
}

.user_form h2 {
    font-size: 24px;
    color: #222222;
    margin-top: 15px;
}

.user_form label {
    font-size: 16px;
    color: #272727;
    font-weight: bold;
}

.user_select {
    width: 100% !important;
    height: 40px;
    margin-right: 0px;
    float: left;
}

.user_span {
    margin: 8px 8px;
    display: inline-block;
}

.user_btn {
    box-shadow: 2px 2px 3px #444;
    width: 200px;
    display: inline-block;
    border-radius: 6px;
    padding: 10px 12px;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 20px;
    margin-left: 20px;
    height: 40px;
    font-size: 18px;
}

    .user_btn span.sprite {
        width: 32px;
        background: url('../../images/diver.png') no-repeat 100% 0;
        margin-right: 8px;
        padding-right: 4px;
    }

.reginfo {
    color: red;
}

/**************************** new user ends **********************/
/**************************** login start **********************/
.login-sec {
    background-color: #e4e3e3;
    padding: 50px 0;
}

.login-txt {
    color: #000;
    font: 20px/32px "Open sans";
    text-align: center;
}

    .login-txt span {
        color: #ef434a;
    }

.login-form {
    width: 100%;
    margin: 20px 0;
}

.login-left {
    background: url(../images/login_pic.jpg) no-repeat 0 0;
    float: left;
    width: 50%;
    display: block;
}

    .login-left p {
        text-align: center;
        color: #fff;
        font-size: 22px;
        text-transform: capitalize;
        padding: 380px 70px 30px;
        line-height: 30px;
        margin: 0 !important;
        font-family: open sans;
    }

        .login-left p span {
            font-size: 33px;
            text-transform: uppercase;
            font-weight: 900;
        }

.login-right {
    background: #fff;
    width: 50%;
    border-top: 5px solid #fca6ad;
    padding: 30px;
    display: inline-block;
    height: 500px;
}

.login-headline {
    font-family: Montserrat;
    font-size: 24px;
    color: #000;
    background: url(../images/line.png) no-repeat 0 100%;
    padding-bottom: 30px;
}

.login-form p {
    font-size: 13px;
    margin: 20px 0;
}

.login-butt {
    background: #ee4949;
    width: 171px;
    border: #ee4949 1px solid;
    font-size: 20px;
    padding: 5px;
    margin: 10px auto;
    display: block;
    height: 40px;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 20px;
    color: #fff;
    border-radius: 6px;
    box-shadow: 2px 2px 3px #444;
    transition: ease-in-out 0.3s;
}

    .login-butt:hover {
        background: #ff7e7e;
        color: #fff;
        text-decoration: none;
    }

    .login-butt:active {
        background: #ff7e7e;
        color: #fff;
        text-decoration: none;
    }

    .login-butt:focus {
        color: #fff;
        text-decoration: none;
        background: #ff7e7e;
    }

.login-form a {
    width: 100%;
    display: block;
    color: #525151;
}

    .login-form a:hover {
        color: #353535;
    }

.regsiter-area {
    padding: 22px 28px;
    background-color: #c5c4c4;
    margin-left: -30px;
    margin-bottom: -30px;
    margin-right: -30px;
    margin-top: 10px;
}

    .regsiter-area p {
        color: #111;
        margin: 0 0 10px;
    }

.user_btn {
    box-shadow: 2px 2px 3px #444;
    width: 200px;
    display: inline-block;
    border-radius: 6px;
    padding: 10px 12px;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 20px;
    margin-left: 20px;
    height: 40px;
    font-size: 18px;
}

    .user_btn span.sprite {
        width: 32px;
        background: url('../../images/diver.png') no-repeat 100% 0;
        margin-right: 8px;
        padding-right: 4px;
    }

.regsiter-but {
    background-color: #0189e0;
    width: 250px !important;
    margin-left: auto;
    margin-right: auto;
    color: #fff !important;
    text-decoration: none;
    text-align: center;
    transition: ease-in-out 0.3s;
}

    .regsiter-but:hover {
        background-color: #22a9ff;
        color: #fff !important;
        text-decoration: none;
    }

    .regsiter-but:active {
        background-color: #22a9ff;
        color: #fff !important;
        text-decoration: none;
    }

    .regsiter-but:focus {
        background-color: #22a9ff;
        color: #fff !important;
        text-decoration: none;
    }

/**************************** login ends **********************/
.half-form {
    width: 40%;
    display: inline-block;
}

    .half-form i {
        top: 0 !important;
    }


/**************************** member plan starts **********************/

.mem_queen_area {
    background: #cd3061;
    padding: 20px;
    height: 190px;
}

    .mem_queen_area h1 {
        color: #fff;
        font-size: 30px;
        font-weight: 600;
    }

    .mem_queen_area p {
        font-size: 16px;
        color: #fff;
        margin: 20px 0;
    }

.mem_back {
    margin-top: -70px;
}

.plan_back {
    background: #fff;
    box-shadow: 2px 6px 13px rgba(0,0,0,0.5);
    padding: 20px;
    margin-bottom: 20px;
}

.plans_area {
    height: 117px;
    background: #f1f1f1;
    border: 1px solid #bebdbd;
    margin-bottom: 20px;
    position: relative;
}

    .plans_area .active .plan_arrow_sec {
        position: absolute;
        right: -25px;
        top: 40px;
        width: 78px;
        height: 42px;
        z-index: 3;
        display: initial;
    }

    .plans_area .plan_arrow_sec {
        display: none;
    }

    .plans_area .last_area .buy_btn {
        display: none;
    }

    .plans_area .active .last_area .buy_btn {
        display: initial;
        width: 120px;
        height: 37px;
        color: #fff;
        text-transform: uppercase;
        font-size: 16px;
        border-radius: 50px;
        border: none;
        box-shadow: 0 4px 5px #999;
        border-width: 1px;
        border-style: solid;
        /*transform: translateX(-50%);*/
    }

    .plans_area .active .middle_area h2 {
        color: #e61959;
    }

.blue_area .active .last_area .buy_btn {
    background: #03a5dd;
    border-color: #03a2d9;
}

.blue_area .active .valid_area {
    background: linear-gradient(141deg, #2cb5e8 0, #0fb8ad 75%);
    background: -webkit-linear-gradient(141deg, #2cb5e8 0, #0fb8ad 75%);
    transition: ease-in-out 0.3s;
}

.blue_area .active .arrow-right {
    border-left: 10px solid #00b1ec;
}

.violet_area .active .last_area .buy_btn {
    background: #a759eb;
    border-color: #a759eb;
}

.violet_area .active .valid_area {
    background: linear-gradient(121deg, #a759eb 0%, #e48cbe 95%);
    background: -webkit-linear-gradient(121deg, #a759eb 0%, #e48cbe 95%);
    transition: ease-in-out 0.3s;
}

.violet_area .active .arrow-right {
    border-left: 10px solid #b463e2;
}

.green_area .active .last_area .buy_btn {
    background: #48af1f;
    border-color: #42a51b;
}

.green_area .active .valid_area {
    background: linear-gradient(121deg, #48af1f 0%, #80ed54 95%);
    background: -webkit-linear-gradient(121deg, #48af1f 0%, #80ed54 95%);
    transition: ease-in-out 0.3s;
}

.green_area .active .arrow-right {
    border-left: 10px solid #54bc2a;
}

.orange_area .active .last_area .buy_btn {
    background: #f57a1c;
    border-color: #f78d19;
}

.orange_area .active .valid_area {
    background: linear-gradient(121deg, #f57a1c 0%, #febf10 95%);
    background: -webkit-linear-gradient(141deg, #f57a1c 0%, #febf10 95%);
    transition: ease-in-out 0.3s;
}

.orange_area .active .arrow-right {
    border-left: 10px solid #f57a1c;
}

.plans_area input {
    position: absolute;
    z-index: 1;
    top: 50%;
    transform: translateY(-50%);
    margin: 0 5px !important;
}

.plans_area label {
    width: 100%;
}

.valid_area {
    background: #c4c3c3;
    width: 33.3%;
    height: 115px;
    float: left;
    text-align: center;
    padding: 15px;
    position: relative;
    cursor: pointer;
}

    .valid_area p {
        font-family: Open Sans;
        font-size: 18px;
        font-weight: 600;
        color: #fff;
        text-shadow: 2px 3px 3px rgba(0,0,0,0.5);
    }

    .valid_area h2 {
        color: #fff;
        font-size: 36px;
        font-family: Open Sans;
        font-weight: bold;
        text-shadow: 2px 3px 3px rgba(0,0,0,0.5);
        margin-top: 0;
    }

.arrow-right {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #c4c3c3;
    position: absolute;
    right: -10px;
    top: 50%;
    transform: translateY(-50%);
}

.middle_area {
    background: #e3e3e3;
    width: 33.3%;
    height: 115px;
    float: left;
    text-align: center;
    padding: 30px 15px;
}

    .middle_area h2 {
        color: #2d2d2d;
        font-weight: 900;
        font-size: 24px;
        margin: 7px 0 0;
    }

.mem_line_box {
    padding: 5px 0;
    position: relative;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

.mem_line {
    border-bottom: 1px solid #fff;
}

.mem_circle {
    background-color: #2d2d2d;
    border-radius: 5px;
    width: 10px;
    height: 10px;
    position: absolute;
    right: 0;
    top: 1px;
}

.middle_area {
    color: #2d2d2d;
    font-size: 16px;
}

.pa-btn {
    background-color: #848383;
    color: #fff;
    border-radius: 10px;
    box-shadow: 0 2px 3px #999;
    float: left;
    width: 36px;
    height: 36px;
    font-size: 20px;
    text-align: center;
    padding: 6px 9px;
    margin-top: 10px;
    cursor: not-allowed;
    -webkit-transition: -webkit-transform .8s ease-in-out;
    transition: transform .8s ease-in-out;
}

    .pa-btn:hover {
        color: #fff;
    }

    .pa-btn:focus {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }

    .pa-btn:active {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }

.plans_area .active .pa-btn {
    background-color: #029789;
    cursor: pointer;
    color: #fff;
}


.last_area {
    background: #f1f1f1;
    width: 33.3%;
    height: 115px;
    float: left;
    text-align: center;
    padding: 10px;
}

    .last_area p {
        font-size: 36px;
        color: #000;
        font-weight: 900;
        margin: 10px 0 0 0;
    }

    .last_area i {
        margin-top: -4px;
    }

.mem-wid10 {
    border: 1px solid #c4c3c3;
    padding: 10px;
    height: 530px;
}

.plan-headline {
    font-size: 20px;
    color: #3a3a3a;
    border-bottom: 1px solid #e55c61;
    padding-bottom: 10px;
    font-weight: 700;
    padding-left: 10px
}

.monthly-plan {
}

    .monthly-plan li {
        border-bottom: 1px solid #aeaeae;
        padding: 10px 0;
        font-size: 16px;
        color: #3a3a3a;
        line-height: 29px;
    }

        .monthly-plan li span {
            text-align: right;
            float: right;
        }

.paid_mem_area {
    background: #fff;
    margin-bottom: 50px;
}

    .paid_mem_area h3 {
        color: #000;
        font-size: 16px;
        text-align: center;
        padding: 20px 70px;
    }

.paid_sprit {
    background: url(../images/paid_sprite.png) 0 100% no-repeat;
    height: 17px;
    width: 15px;
    margin-top: -17px;
}

.paid_top {
    background: #e55c61;
    height: 80px;
    margin: -17px 15px 0;
    box-shadow: 0px 3px 5px rgba(0,0,0,0.3);
}

    .paid_top h2 {
        font-size: 30px;
        color: #fff;
        font-weight: 600;
        text-align: center;
        padding: 25px 0;
    }

.paid_sprit2 {
    background: url(../images/paid_sprite.png) 100% 100% no-repeat;
    height: 17px;
    width: 15px;
    margin-top: -17px;
    float: right;
}

.paid_box_area {
    margin: 15px 15px 0;
}

.paid_box {
    background: #f1f1f1;
    padding: 60px 35px;
    border-radius: 10px;
    box-shadow: 0 0 5px rgba(0,0,0,0.4);
    text-align: center;
    color: #000;
    font-size: 15px;
    height: 260px;
}

.paid_icon_area {
    width: 90px;
    height: 70px;
    margin: 0 auto 20px;
}

.paid_icon1 {
    background: url(../images/paid_box_sprite.png) 10px 0 no-repeat;
    height: 100%;
}

.paid_icon2 {
    background: url(../images/paid_box_sprite.png) 30% 0 no-repeat;
    height: 100%;
}

.paid_icon3 {
    background: url(../images/paid_box_sprite.png) 66% 0 no-repeat;
    height: 100%;
}

.paid_icon4 {
    background: url(../images/paid_box_sprite.png) 103% 0 no-repeat;
    height: 100%;
}

.paid_box_area .paid_box:hover {
    background: #e55c61;
    color: #eee;
    transition: ease-in-out 0.3s;
}

    .paid_box_area .paid_box:hover .paid_icon1 {
        background: url(../images/paid_box_sprite.png) 10px 100% no-repeat;
        height: 100%;
        transition: ease-in-out 0.3s;
    }

    .paid_box_area .paid_box:hover .paid_icon2 {
        background: url(../images/paid_box_sprite.png) 30% 100% no-repeat;
        height: 100%;
        transition: ease-in-out 0.3s;
    }

    .paid_box_area .paid_box:hover .paid_icon3 {
        background: url(../images/paid_box_sprite.png) 66% 100% no-repeat;
        height: 100%;
        transition: ease-in-out 0.3s;
    }

    .paid_box_area .paid_box:hover .paid_icon4 {
        background: url(../images/paid_box_sprite.png) 103% 100% no-repeat;
        height: 100%;
        transition: ease-in-out 0.3s;
    }

.last_area .plan_btn {
    width: 100px;
    height: 35px;
    font-size: 14px;
    position: relative;
    margin-top: 32px !important;
}

.btn_act_plc {
    position: relative !important;
    margin-top: 25px !important;
}



/**************************** member plan ends **********************/




/********************** mobile varification starts ************************/

.mbl_var_area {
    padding: 50px 0;
    background: #fff;
}

.devider {
    width: 500px;
    height: 1px;
    background-color: #e55c61;
    margin: 0 auto;
}

.mbl_var_area h1 {
    background: #fff;
    padding: 10px;
    width: 340px;
    color: #3c3c3c;
    font-size: 27px;
    text-transform: uppercase;
    margin: -30px auto 0;
    text-align: center;
    font-weight: 600;
}

.mbl_var_area p {
    color: #555555;
    font-size: 16px;
    line-height: 28px;
    text-align: center;
    margin-top: 20px;
}

.mbl_otpbox {
    width: 360px;
    height: 50px;
    border: 1px solid #b8b8b8;
    padding-left: 15px;
    font-size: 16px;
    float: left;
}

.mobile-verify-area span {
    text-align: center;
}

.color_red {
    color: red !important;
}

.mob-status {
    text-align: left !important;
}

.color_red span {
    float: none !important;
}

.mbl_textbox {
    width: 280px;
    height: 50px;
    border: 1px solid #b8b8b8;
    padding-left: 15px;
    font-size: 16px;
    float: left;
}

.mbl_btn {
    background-color: #5bb440;
    color: #fff;
    border: none;
    border-bottom: 5px solid #368a1c;
    margin-left: 5px;
    font-size: 18px;
    padding: 9px 20px 12px;
    text-transform: uppercase;
    height: 50px;
}

    .mbl_btn:hover {
        background-color: #4fa833;
        color: #fff;
        border: none;
        border-bottom: 5px solid #297811;
    }

    .mbl_btn:active {
        background-color: #5bb440;
        color: #fff;
        border: none;
        border-bottom: 5px solid #368a1c;
    }

.mbl_textbox::placeholder { /* Most modern browsers support this now. */
    color: #7b7b7b;
    font-size: 16px;
    font-style: italic;
}

.mbl_textbox:focus {
    box-shadow: 0 0 5px rgba(229, 92, 97, 1);
    transition: all 0.30s ease-in-out;
}

.cont_btn {
    color: #fff;
    font-size: 26px;
    font-weight: 600;
    background-color: #fb5d62;
    padding: 10px 20px;
    border-radius: 60px;
    margin: 30px 0 0;
    display: inline;
    text-align: center;
    width: 200px;
    transition: ease-in-out 0.3s;
    border: 2px solid #fb5d62;
}

    .cont_btn:hover {
        color: #fb5d62;
        border: 2px solid #fb5d62;
        background-color: transparent;
        text-decoration: none;
        box-shadow: 0 5px 9px #666;
    }

.skip-btn {
    background-color: #5bb440 !important;
    color: #fff !important;
    margin: -10px 0 0 20px;
}

    .skip-btn:hover {
        background-color: #368a1c !important;
        color: #fff;
        box-shadow: 0 8px 12px #666;
    }

.highlight-txt {
    color: #e55c61 !important;
    font-style: italic;
}


.note-text {
    font-weight: bold;
    font-size: 14px;
    color: #999;
}

    .note-text span {
        color: #e55c61;
    }
/*.log_input_area div.has-feedback {
height:50px;
}*/
.log_input_area small.help-block {
    height: 10px;
}

.mobile-verify-area {
    background: rgba(255,255,255,1);
    border-top: 5px solid #fca6ad;
    padding: 35px;
    box-shadow: 0 0 5px rgba(0,0,0,0.3);
    margin-bottom: 50px;
}

    .mobile-verify-area h3 {
        font-size: 24px;
        font-weight: 600;
        color: #212529;
    }

.alert-warning2 {
    padding: 10px;
    display: block;
    margin: 0 auto;
    width: 30%;
    background-color: #dedede;
    border-color: #adacab;
    color: #000;
    font-weight: 700;
}
/********************** mobile varification end ************************/
/***************************** new Css**************************/
.scroll-bar {
    height: 300px;
    overflow-y: scroll;
}

    .scroll-bar::-webkit-scrollbar {
        width: 10px;
    }

    .scroll-bar::-webkit-scrollbar-track {
        background: #fdd4d6;
    }

    .scroll-bar::-webkit-scrollbar-thumb {
        background: #e55c61;
        border-radius: 30px;
    }

        .scroll-bar::-webkit-scrollbar-thumb:hover {
            background: #da4247;
        }
/***************************** new Css**************************/

/***************************** edit member profile starts **************************/
.edit_pro_pad {
    padding: 50px 0;
    background: #e7e6e6;
}

.edit_photo_area {
    width: 210px;
    height: 220px;
    overflow: hidden;
    margin: 0 auto;
    border: 10px solid #fff;
    border-radius: 10px;
}

    .edit_photo_area img {
        width: 100%;
    }

.edit_photobtn {
    width: 135px;
    height: 35px;
    background: linear-gradient(#cc454a, #e45b60);
    border: none;
    border-radius: 5px;
    color: #fff;
    display: block;
    margin: 10px auto 0;
    font-size: 18px;
    font-weight: 600;
}

    .edit_photobtn:hover {
        background: linear-gradient(#e45b60, #cc454a);
    }

.personal_area_sec {
    background: url(../images/arrow_down.png) no-repeat 92% 50% #d2d1d1;
    padding: 15px 25px;
    width: 100%;
    text-align: left;
    border: none;
    color: #333333;
    font-weight: bold;
    font-size: 18px;
    margin-top: 20px;
}

.personal_box {
    background: #fff;
    padding: 0 25px;
}

    .personal_box p {
        color: #232323;
        font-size: 16px;
        border-bottom: 1px solid #232323;
        padding: 10px 0;
    }

        .personal_box p:last-child {
            border-bottom: none;
            padding-bottom: 30px;
        }

        .personal_box p span {
            font-weight: 600;
            color: #0580cf;
        }

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

.pro_small_area {
    background: #fff;
    border-left: 10px solid #e45b62;
    padding: 15px 20px 20px;
    margin-bottom: 30px;
}

    .pro_small_area h1 {
        color: #333;
        font-size: 24px;
        font-weight: 600;
        display: inline-block;
    }

.view_btn {
    width: 155px;
    background: linear-gradient(#cc454a, #e45b60);
    border: none;
    border-radius: 5px;
    color: #fff;
    font-size: 16px;
    text-align: center;
    float: right;
    padding: 5px 0;
}

    .view_btn:hover {
        color: #fff;
        background: linear-gradient(#e45b60, #cc454a);
        text-decoration: none;
    }

.panel-body {
    padding: 0;
}

.pro_infoarea {
    background: #fff;
    padding: 15px 30px;
}

    .pro_infoarea h2 {
        color: #232323;
        font-weight: 600;
        font-size: 20px;
        font-family: Open Sans;
        font-style: italic;
        margin: 0;
        border-bottom: 1px solid #fb8585;
        background: none;
        padding-bottom: 10px;
    }

.pro_tabarea label {
    position: inherit;
    transform: translateY(10px);
    left: 0;
    color: #333;
    transition: all 0.25s ease;
    -webkit-backface-visibility: hidden;
    pointer-events: none;
    font-size: 14px;
    font-weight: bold;
    pointer-events: auto;
}

.pro_dob select {
    width: 32%;
    margin-right: 5px;
    display: inline-block;
}

    .pro_dob select:last-child {
        float: right;
        margin-right: 0;
    }

.list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: #f88b8f;
    border-color: #f88b8f;
}

.file-upload {
    background-color: #ffffff;
    width: 600px;
    margin: 0 auto;
    padding: 20px;
}

.file-upload-btn {
    width: 100%;
    margin: 0;
    color: #fff;
    background: #fb8585;
    border: none;
    padding: 10px;
    border-radius: 4px;
    border-bottom: 4px solid #cd464b;
    transition: all .2s ease;
    outline: none;
    text-transform: uppercase;
    font-weight: 700;
}

    .file-upload-btn:hover {
        background: #cd4535;
        color: #ffffff;
        transition: all .2s ease;
        cursor: pointer;
    }

    .file-upload-btn:active {
        border: 0;
        transition: all .2s ease;
    }

.file-upload-content {
    display: none;
    text-align: center;
}

.file-upload-input {
    position: absolute;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    outline: none;
    opacity: 0;
    cursor: pointer;
}

.image-upload-wrap {
    margin-top: 20px;
    border: 4px dashed #ffdbdb;
    position: relative;
}

    .image-dropping, .image-upload-wrap:hover {
        background-color: #ffdbdb;
        border: 4px dashed #ffffff;
    }

.image-title-wrap {
    padding: 0 15px 15px 15px;
    color: #222;
}

.drag-text {
    text-align: center;
}

    .drag-text h3 {
        font-weight: 100;
        text-transform: uppercase;
        color: #cd4535;
        padding: 60px 0;
    }

.file-upload-image {
    max-height: 200px;
    max-width: 200px;
    margin: auto;
    padding: 20px;
}

.remove-image {
    width: 200px;
    margin: 0;
    color: #fff;
    background: #cd4535;
    border: none;
    padding: 10px;
    border-radius: 4px;
    border-bottom: 4px solid #b02818;
    transition: all .2s ease;
    outline: none;
    text-transform: uppercase;
    font-weight: 700;
}

    .remove-image:hover {
        background: #c13b2a;
        color: #ffffff;
        transition: all .2s ease;
        cursor: pointer;
    }

    .remove-image:active {
        border: 0;
        transition: all .2s ease;
    }

.m_top_5 {
    margin-top: 5px;
}

.glry_ed {
    position: relative;
}

.tool_icon {
    position: absolute;
    bottom: 0;
    /* right: 20px; */
    display: none;
    transition: ease-in-out 0.3s;
    color: #fff !important;
    text-align: center;
    left: 0;
    margin-bottom: 20px;
}

.btn-toolbar.tool_icon a {
    font-size: 20px;
    color: #fff;
}

.overlay_gallery {
    transition: ease-in-out 0.3s;
    position: relative;
}

    .overlay_gallery:hover .tool_icon {
        display: block;
        left: 15px;
        transition: ease-in-out 0.3s;
    }

.chkbox_sz {
    width: 16px;
    margin-right: 5px;
}

.icon_sz {
    font-size: 20px !important;
}

.tooltip-one {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}

    .tooltip-one .tooltiptext {
        visibility: hidden;
        width: 120px;
        background-color: #555;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 0;
        position: absolute;
        z-index: 1;
        bottom: 125%;
        left: 50%;
        margin-left: -60px;
        opacity: 0;
        transition: opacity 0.3s;
    }

        .tooltip-one .tooltiptext::after {
            content: "";
            position: absolute;
            top: 100%;
            left: 50%;
            margin-left: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: #555 transparent transparent transparent;
        }

    .tooltip-one:hover .tooltiptext {
        visibility: visible;
        opacity: 1;
    }



/***************************** edit member profile ends**************************/

/************** Star rating start******************/
.startrating_sec {
    padding: 15px 0;
    background: #eeeeee;
}

.startrating_area {
    height: 130px;
    background: #cd3061;
    padding: 20px;
}

    .startrating_area h1 {
        color: #fff;
        font-size: 30px;
        font-weight: 600;
    }

    .startrating_area p {
        font-size: 16px;
        color: #fff;
        margin: 5px 0;
    }

.rating_back {
    margin-top: -40px;
}

.star-rating-table {
}

.star_area h1 {
    text-align: center;
    font-weight: bold;
    font-size: 26px;
    color: #333;
    padding: 10px 0 15px 0;
    width: 60%;
    margin: 0 auto;
    border-bottom: 1px solid #e55c61;
}

    .star_area h1 span i {
        margin: 0 3px;
    }

.star_area span {
    display: block;
    text-align: center;
    font-weight: bold;
    font-size: 26px;
    padding: 25px 0 0 0;
}

    .star_area span i {
        top: 50%;
        transform: translateY(-50%);
    }

.highlight_area {
    font-size: 36px !important;
}

.gray_color {
    color: #8a8a8a;
}

.star-rating-table th {
    background-color: #e55c61;
    color: #fff;
    text-align: center;
    font-size: 26px;
    border-bottom: none !important;
}

.star-rating-table tr:nth-child(even) {
    background: #eee;
}

.star-rating-table tr:nth-child(odd) {
    background: #fff;
}

.star-rating-table td {
    text-align: center;
    font-size: 16px;
    color: #000;
    font-weight: 600;
    padding: 15px 8px !important;
}

    .star-rating-table td i {
        font-size: 25px;
        text-align: center;
    }

.approve-color {
    color: #49ca55;
}

.rating-btn {
    background-color: #0cba1c;
    border: #01960f 1px solid;
    box-shadow: 0 2px 3px #999;
    color: #fff;
    text-align: center;
    padding: 5px 20px;
    border-radius: 30px;
    font-size: 16px;
}

    .rating-btn:hover {
        background-color: #0cba1c;
        box-shadow: 0 2px 3px #999;
        color: #fff;
        text-decoration: none;
    }

/*************** Star rating end******************/
/**************************** members profile starts **********************/
.member_header {
    width: 100%;
    background-color: #fff;
    padding: 15px 0;
    position: absolute;
    top: 0;
}

.mem_pro_area {
    padding: 50px 0;
    background: #eeeeee;
}

.back_white {
    background: #fff;
}

.no-pad {
    padding: 0;
}

.pro_img_sec {
    height: 371px;
    overflow: hidden;
}

    .pro_img_sec img {
        width: 100%;
    }

.pro_name_sec {
    padding: 20px 0 0;
}

    .pro_name_sec h3 {
        color: #333;
        font-size: 20px;
        font-weight: 600;
    }

    .pro_name_sec p {
        margin-top: 10px;
        color: #333;
        font-size: 14px;
        font-weight: 600;
    }

.pro_name_span {
    color: #e55c61;
}

.pro_name_sec ul {
    margin-top: 15px;
}

    .pro_name_sec ul li:first-child {
        background: url(../images/mem_sprite_icon.png) no-repeat 0 0;
    }

    .pro_name_sec ul li:nth-child(2) {
        background: url(../images/mem_sprite_icon.png) no-repeat 0 16%;
    }

    .pro_name_sec ul li:nth-child(3) {
        background: url(../images/mem_sprite_icon.png) no-repeat 0 32%;
    }

    .pro_name_sec ul li:nth-child(4) {
        background: url(../images/mem_sprite_icon.png) no-repeat 0 48%;
    }

    .pro_name_sec ul li:nth-child(5) {
        background: url(../images/mem_sprite_icon.png) no-repeat 0 64%;
    }

    .pro_name_sec ul li:nth-child(6) {
        background: url(../images/mem_sprite_icon.png) no-repeat 0 79%;
    }

    .pro_name_sec ul li:last-child {
        background: url(../images/mem_sprite_icon.png) no-repeat 0 95%;
        margin-bottom: 0;
    }

    .pro_name_sec ul li {
        padding-left: 30px;
        color: #333;
        font-size: 14px;
        margin-bottom: 8px;
    }

.pro_name_span1 {
    width: 45% !important;
    font-weight: 600;
}

.pro_name_sec ul li span {
    width: 55%;
    display: inline-block;
}

.pro_name_sec select {
    width: 100% !important;
    padding: 0 5px;
}

.edit-control {
    height: 33px;
    margin-bottom: 5px;
    width: 100% !important;
    padding: 0 5px;
}

    .edit-control:disabled, .edit-control[readonly] {
        background-color: transparent;
        opacity: 1;
        border: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }

.text-control:disabled, .text-control[readonly] {
    background-color: transparent;
    opacity: 1;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.cont_lvl {
    display: inline-block !important;
    padding-left: 25px;
    text-align: left;
    height: 25px;
}

.cont_lvl1 {
    display: inline-block !important;
    padding-left: 25px;
    text-align: left;
}

.edit-buttn {
    position: absolute;
    top: 10px;
    right: 0;
}

.edit-buttn2 {
    position: absolute;
    top: -40px;
    right: 0;
}

.edit-area {
    position: relative;
    margin-top: 20px;
}

.pro_name_sec label.first-child {
    background: url(../images/mem_sprite_icon.png) no-repeat 0 0;
}

.pro_name_sec label.second-child {
    background: url(../images/mem_sprite_icon.png) no-repeat 0 13%;
}

.pro_name_sec label.third-child {
    background: url(../images/mem_sprite_icon.png) no-repeat 0 27%;
}

.pro_name_sec label.fourth-child {
    background: url(../images/mem_sprite_icon.png) no-repeat 0 41%;
}

.pro_name_sec label.fifth-child {
    background: url(../images/mem_sprite_icon.png) no-repeat 0 57%;
}

.pro_name_sec label.sixth-child {
    background: url(../images/mem_sprite_icon.png) no-repeat 0 70%;
}
.pro_name_sec label.seventh-child {
    background: url(../images/mem_sprite_icon.png) no-repeat 0 83%;
}

.pro_name_sec label.last-child {
    background: url(../images/mem_sprite_icon.png) no-repeat 0 99%;
    margin-bottom: 0;
}

.pro_name_sec ul li:first-child {
    background: url(../images/mem_sprite_icon.png) no-repeat 0 0;
    margin-bottom: 0;
}

.pro_name_sec ul li:nth-child(2) {
    background: url(../images/mem_sprite_icon.png) no-repeat 0 16%;
}

.edit-btn {
    color: darkcyan;
    font-size: 14px;
    background-color: transparent;
    display: inline-flex;
    margin: 10px 0;
}

.save-btn {
    color: #fff;
    background-color: #f3767b;
    border: 1px solid #eb5d63;
    box-shadow: 0 3px 5px #333;
    padding-left: 40px;
    padding-right: 40px;
}

    .save-btn:hover {
        color: #fff;
        background-color: #e55c61;
        border: 1px solid #eb5d63;
    }

.reset-btn {
    color: #222;
    font-size: 14px;
    background-color: #e3e2e2;
    margin-right: 5px;
    box-shadow: 0 3px 5px #333;
    padding-left: 40px;
    padding-right: 40px;
    border-color: #d0d0d0;
}

.cancel-btn {
    background-color: #e1555a !important;
    width: 30px;
    height: 30px;
    box-shadow: 2px 3px 3px #999;
    color: #fff;
    font-size: 1.5rem;
    font-weight: 700;
    border-radius: 50%;
}

    .edit-btn i, .save-btn i, .cancel-btn i {
        line-height: 1.5;
    }

.edit-radio {
    justify-content: flex-start !important;
    font-weight: 500 !important;
    padding-left: 40px !important;
    margin-bottom: 5px !important;
}

.checkmark-edit {
    left: 15px;
}

.pro_name_span {
    color: #e55c61;
}

.mem_border {
    border-right: 1px solid #dad9d9;
    padding-left: 20px;
}
.rate_border a {
display:inline-block;
height:34px;
}
.rate_border i {
    font-size: 24px;
    margin: 20px 4px 0px;
    position: relative;
    /*top: 50%;*/
    transform: translateY(-50%);
}

.interest_area {
    background: #dad9d9;
    width: 100%;
    height: 100px;
    padding: 15px;
    margin-top: -8px;
}

    .interest_area p {
        color: #3d3d3d;
        font-size: 16px;
        font-weight: bold;
        margin: 0;
    }

    .interest_area button {
        width: 134px;
        height: 38px;
        border: none;
        border-radius: 5px;
        color: #fff;
        font-weight: bold;
        margin-top: 10px;
        font-size: 16px;
        margin-left: 3px;
        margin-right: 3px;
        box-shadow: 0 2px 3px #999;
    }

.col_blue {
    background-color: #018fe1;
}

.col_red {
    background-color: #ee4736;
}

.extra_btn_area {
    padding: 10px;
    border-bottom: 1px solid #dad9d9;
}

    .extra_btn_area button {
        color: #fff;
        font-size: 16px;
        line-height: 40px;
        border-radius: 5px;
        box-shadow: 0 2px 3px #999;
    }

        .extra_btn_area button:hover {
            color: #fff;
            box-shadow: 0 4px 6px #666;
        }

        .extra_btn_area button:focus {
            color: #fff;
            box-shadow: 0 1px 2px #999;
        }

.mem_btn1 {
    width: 130px;
    height: 40px;
    margin-left: 3px;
    margin-right: 3px;
}

    .mem_btn1 i, .mem_btn2 i {
        /*margin-top:0;*/
    }

.mem_btn2 {
    width: 230px;
    height: 40px;
    margin-top: 10px;
}


.block_btn {
    background: none;
    border: 1px solid #ccc;
    line-height: 38px;
    font-size: 14px;
    border-radius: 5px;
    margin: 7px 0;
}

    .block_btn:hover {
        background: #eee;
        border: 1px solid #ccc;
        box-shadow: 0 3px 4px #666;
    }

    .block_btn:focus {
        background: none;
        box-shadow: 0 1px 2px #999;
    }

    .block_btn i {
        font-size: 18px;
        color: #e55c61;
    }

.mem_personal {
 margin-top: 30px;
}

    .mem_personal h2, .mem_info h2 {
        font-family: Open Sans;
        color: #2c2c2c;
        font-size: 18px;
        line-height: 25px;
        border-bottom: 1px solid #fb8585;
        padding-bottom: 10px;
        margin: 0;
        font-weight: bold;
    }

    .mem_personal p {
        margin-top: 10px;
        color: #2c2c2c;
        border-bottom: 1px solid #dad9d9;
        padding-bottom: 10px;
    }

.info_area {
    /*margin-top:30px;*/
    position: relative;
}

    .info_area h3 {
        font-size: 16px;
        font-weight: 600;
        font-style: italic;
        color: #e55c61;
        display: inline-block;
        margin: 10px 8px;
    }

    .info_area ul {
        border-bottom: 1px solid #dad9d9;
        padding-bottom: 15px;
        margin-bottom: 15px;
    }

        .info_area ul li {
            padding-left: 50px;
            color: #333;
            font-size: 14px;
            margin-bottom: 8px;
        }

.info_area_span1 {
    width: 55% !important;
    font-weight: 600;
    color: #000 !important;
}

.info_area ul li span {
    width: 45%;
    color: #666666;
    display: inline-block;
}

.mem_info {
    padding: 30px 15px;
    margin-top: 30px;
    float: left;
    width: 100%;
}

.mem_photo_area {
    width: 94px;
    height: 94px;
    overflow: hidden;
    border-radius: 5px;
    border: 3px solid #fff;
    display: inline-block;
    margin-bottom: 4px;
    position: relative;
    margin: 20px 3px 0 3px;
    box-shadow: 0px 0px 3px rgb(215, 59, 65);
}

    .mem_photo_area span {
        color: #eee;
        font-size: 18px;
        left: 0;
        overflow-wrap: break-word;
        position: absolute;
        text-align: center;
        top: 0;
        vertical-align: middle;
        display: block;
        background: rgba(0,0,0,0.7);
        height: 100%;
        width: 100%;
    }

        .mem_photo_area span strong {
            top: 50%;
            transform: translate(-50%, -50%);
            position: absolute;
            left: 50%;
            font-size: 24px;
        }

.call-now {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236;
}

.lightbox-skin {
    padding: 3px !important;
}

.lightbox-title {
    display: none !important;
}

.mem_info video {
    width: 80%;
    display: block;
    margin: 0 auto;
    margin-top: 20px;
}

.mem_info p {
    font-size: 14px;
    color: #2c2c2c;
    text-align: center;
    font-weight: bold;
}

    .mem_info p span {
        color: #d64045;
    }

.pref_area {
    margin-top: 20px;
    padding: 0 20px;
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
}

.pref_box {
    width: 84px;
    height: 84px;
    overflow: hidden;
    border-radius: 50px;
    background: #000;
    position: absolute;
    z-index: 1;
}

    .pref_box img {
        width: 100%;
    }

.dotted-spaced {
    border-top: 2px dotted #333333;
    height: 20px;
    position: relative;
    width: 80%;
    top: 50%;
    left: 50%;
    margin-top: 50px;
    transform: translate(-50%,-50%);
}

.box_left {
    left: 0;
}

.box_right {
    right: 0;
}

.heart_back {
    background: #fff;
    width: 50px;
    height: 50px;
    margin: -50px auto 0;
    display: block;
    position: relative;
    z-index: 1;
    text-align: center
}

    .heart_back i {
        color: #e55d62;
        font-size: 42px;
    }

.pref_area button {
    background: linear-gradient(#38dc01, #08be07);
    width: 116px;
    height: 40px;
    color: #fff;
    font-size: 16px;
    line-height: 14px;
    border: none;
    margin-top: 30px;
}

    .pref_area button i {
        margin-right: 5px;
    }

.pro_box {
    margin-top: 30px;
    float: left;
    width: 100%;
}

.profile_area {
    width: 130px;
    height: 130px;
    overflow: hidden;
    float: left;
}

    .profile_area img {
        width: 100%;
    }

.pro_info {
    float: left;
    padding: 0 15px;
}

    .pro_info h3 {
        color: #333;
        font-size: 16px;
        font-weight: bold;
        font-style: italic;
        margin-bottom: 15px;
    }

    .pro_info span {
        display: block;
        color: #333;
        font-weight: 600;
    }

    .pro_info a {
        height: 30px;
        background: #e55d62;
        color: #fff;
        padding: 5px 10px;
        display: block;
        margin-top: 5px;
        text-decoration: none;
    }

.mem_view {
    color: #1390af;
    font-weight: 600;
    float: right;
    margin-top: 34px;
    font-size: 16px;
}

    .mem_view:hover {
        text-decoration: none;
    }

.info_area p {
    border: none;
}

.span_width1 {
    width: 30%;
    display: inline-block;
}

.span_width2 {
    width: 70%;
    display: inline-block;
    font-weight: 600;
}

.float_none {
    float: none;
}

.vjs-big-play-button {
    width: 50px !important;
    height: 50px !important;
    border-radius: 50% !important;
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
}

.vjs-default-skin .vjs-big-play-button {
    font-size: 2em !important;
}

/**************************** members profile ends **********************/
/**************************** blog page starts **********************/

.blog_area {
    background: rgba(255,255,255,0.8);
    border-top: 5px solid #fca6ad;
    padding: 40px 15px;
    box-shadow: 0 0 5px rgba(0,0,0,0.3);
}

.blog_holder h1, .blog_holder h2 {
    color: #cf2d33;
    font-size: 28px;
    font-family: Montserrat;
    margin-bottom: 30px;
    font-weight: 600;
}

.blog_para {
    color: #515151;
    font-size: 16px;
    text-align: justify;
    line-height: 25px;
    margin-bottom: 20px;
}

.border_right {
    border-right: 1px solid #b0b0b0;
}

.border_left {
    border-left: 1px solid #b0b0b0;
}

.post_info p {
    color: #5d5d5d;
}

.post_info i {
    line-height: 22px;
    margin-left: 20px;
}

.post_info a.read-details {
    width: 70px;
    height: 30px;
    border-radius: 50px;
    background: #0295f5;
    margin-top: 20px;
    display: block;
    color: #fff;
    font-size: 38px;
    text-align: center;
}

.post_info a i {
    margin: 0;
    line-height: 27px;
}

.blog_holder {
    padding: 30px 0;
    border-bottom: 1px solid #b0b0b0;
}

    .blog_holder:first-child {
        padding-top: 0;
    }

    .blog_holder:last-child {
        border-bottom: none;
    }

    .blog_holder img {
        width: 100%;
        margin-bottom: 20px;
    }

.blog_right {
    margin-bottom: 20px;
}

    .blog_right h2 {
        background: url(../images/line.png) no-repeat 0 100%;
        color: #363636;
        font-size: 20px;
        font-weight: bold;
        padding-bottom: 25px;
    }

    .blog_right input {
        width: 100%;
        height: 45px;
        border: 1px solid #dddddd;
        margin-top: 20px;
        padding: 0 15px;
    }

    .blog_right form {
        position: relative;
    }

    .blog_right button {
        background: #0cba1b;
        border: none;
        height: 45px;
        width: 90px;
        font-weight: 700;
        font-size: 16px;
        color: #fff;
        right: 0;
        bottom: 0;
        position: absolute;
    }

    .blog_right ul {
        margin-top: 10px;
    }

        .blog_right ul li {
            padding: 10px 0;
            display: block;
            border-bottom: 1px solid #d0d0d0;
        }

            .blog_right ul li:last-child {
                border-bottom: none;
            }

            .blog_right ul li a {
                color: #363636;
                font-size: 16px;
                font-style: italic;
                text-decoration: none;
            }

                .blog_right ul li a:hover {
                    color: #e55c61;
                    transition: ease-in-out 0.3s;
                }

.blogface_sec {
    height: auto;
    margin-top: 20px;
}

.blogface_height {
    height: 370px;
    overflow-y: scroll;
    overflow-x: hidden;
    border-bottom: 1px solid #ccc;
}

.blogface_sec:hover {
    background: #f5f4f4;
    transition: ease-in-out 0.3s;
}

.blogface_sec h4 {
    color: #363636;
    font-size: 16px;
    font-weight: bold;
}

.blogface_sec img {
    width: 100%;
}

.blogface_sec p {
    color: #515151;
    font-size: 16px;
    line-height: 25px;
    margin-top: 10px;
}

.blogface_hr {
    margin: 0;
}

.pad_15 {
    padding: 15px;
}
/*debarghya*/


.like-button {
    background: none;
    border: none;
}

.share-links {
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 0;
    line-height: 0;
}

    .share-links li {
        display: inline-block;
        margin: 0 4px 8px 4px;
        overflow: hidden;
    }

        .share-links li a {
            display: block;
            color: #fff;
            font-size: 14px;
            line-height: 26px;
            padding: 5px 50px;
            font-family: montserrat;
            text-transform: uppercase;
            font-weight: 600;
            text-decoration: none;
        }

            .share-links li a:hover {
                text-decoration: none;
            }

        .share-links li .facebook {
            background: #3b5998;
        }

        .share-links li .twitter {
            background: #1da1f2;
        }

        .share-links li .facebook:hover {
            background: #13316f;
        }

        .share-links li .twitter:hover {
            background: #0a97ca;
        }

.leave-a-massage {
    text-align: center;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    line-height: 37px;
    color: #e55c61;
    font-size: 18px;
    margin: 20px auto;
    width: 50%;
    font-weight: 600;
}

.postbox {
    position: relative;
    margin-left: 60px;
}

.avatar {
    position: absolute;
    left: 0;
    transition: left .2s linear;
    float: left;
}

    .avatar .user {
        position: relative;
        z-index: 100;
        background: #dbdfe4;
        padding: 0;
    }

    .avatar .user, .avatar img {
        display: block;
        border-radius: 6px;
    }

    .avatar img {
        width: 58px;
        height: 58px;
    }

.textarea-wrapper {
    background: #eeeeee;
    border: 2px solid #ccc;
    position: relative;
    border-radius: 4px;
    margin: 0 132px;
}

.bolg-textarea {
    color: #2a2e2e;
    cursor: text;
    resize: none;
    border: 0;
    display: block;
    padding: 6px 10px 8px;
    margin: 0;
    width: 100%;
    min-height: 94px;
    height: auto;
    line-height: 1.4;
    font-size: 14px;
    font-family: "Helvetica Neue",arial,sans-serif;
    transition: all .15s ease-in-out;
    background: #eeeeee;
}

.blog-submit {
    background: #e55c61;
    border: 1px solid #e2555a;
    border-radius: 4px;
    color: #fff;
    font-weight: 600;
    margin: 20px 132px 0 auto;
    display: block;
}

.comments-area {
    margin: 20px 0 0 60px;
    position: relative;
}

    .comments-area .user-avatar {
        width: 50px;
        height: 50px;
        overflow: hidden;
        border-radius: 50%;
        float: left;
    }

.user-avatar img {
    width: 100%;
}

.user-avater-name {
    font: 600 18px/34px "open sans";
    color: #333333;
    margin-left: 70px;
}

.user-avater-date {
    font: 14px/18px "open sans";
    color: #333333;
    margin-left: 70px;
}

.comments-area p {
    font: 14px/22px "open sans";
    color: #333333;
}

.reply {
    color: #e55c61;
    cursor: pointer;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
}

    .reply:hover {
        color: #df555a;
        text-decoration: none;
    }

.reply-wrapper {
    background: #eeeeee;
    border: 2px solid #ccc;
    position: relative;
    border-radius: 4px;
    margin: 10px 0;
}

.blog_form_button {
    background: #e55c61 !important;
    border-radius: 50px;
    width: 150px;
    height: 40px;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    border: none !important;
}

.img_area {
    width: 170px;
    height: 170px;
    overflow: hidden;
    background: #f4f2f2;
    border-radius: 5px;
    border: 1px solid #dbdbdb;
    margin-bottom: 25px;
}
/*debarghya*/
/***************** new******************/
.tabs-left, .tabs-right {
    border-bottom: none;
    /* padding-top: 2px;*/
}

.half_box {
    width: 48%;
    float: left;
}

.tabs-left {
    border-right: 1px solid #ddd;
    background-color: #fff;
}

.tabs-right {
    border-left: 1px solid #ddd;
}

    .tabs-left > li, .tabs-right > li {
        float: none;
        /*margin-bottom: 2px;*/
    }

.tabs-left > li {
    margin-right: -1px;
    width: 100%;
}

    .tabs-left > li.tabhead {
        background-color: #d2d1d1;
        padding: 10px 15px;
        border: none;
        font-weight: 700;
        color: #333333;
        font-size: 17px;
    }

.tabs-right > li {
    margin-left: -1px;
}

.tabs-left > li.active > a,
.tabs-left > li.active > a:hover,
.tabs-left > li.active > a:focus {
    border-bottom-color: #ddd;
    border-right-color: transparent;
}

.tabs-right > li.active > a,
.tabs-right > li.active > a:hover,
.tabs-right > li.active > a:focus {
    border-bottom: 1px solid #ddd;
    border-left-color: transparent;
}

.tabs-left > li > a {
    border-radius: 4px 0 0 4px;
    margin-right: 0;
    display: block;
    color: #666;
}

.tabs-right > li > a {
    border-radius: 0 4px 4px 0;
    margin-right: 0;
}

.vertical-text {
    margin-top: 50px;
    border: none;
    position: relative;
}

    .vertical-text > li {
        height: 20px;
        width: 120px;
        margin-bottom: 100px;
    }

        .vertical-text > li > a {
            border-bottom: 1px solid #ddd;
            border-right-color: transparent;
            text-align: center;
            border-radius: 4px 4px 0px 0px;
        }

        .vertical-text > li.active > a,
        .vertical-text > li.active > a:hover,
        .vertical-text > li.active > a:focus {
            border-bottom-color: transparent;
            border-right-color: #ddd;
            border-left-color: #ddd;
        }

    .vertical-text.tabs-left {
        left: -50px;
    }

    .vertical-text.tabs-right {
        right: -50px;
    }

        .vertical-text.tabs-right > li {
            -webkit-transform: rotate(90deg);
            -moz-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            -o-transform: rotate(90deg);
            transform: rotate(90deg);
        }

    .vertical-text.tabs-left > li {
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }

.settings-bg {
    padding: 50px 0;
    background-color: #e7e6e6;
}

.settings-bar {
    background-color: #fff;
    padding: 15px;
    border-bottom: #999 2px solid;
    margin-bottom: 30px;
    position: relative;
}

    .settings-bar h3 {
        width: 80%;
    }

.view-profile {
    background: #df575c;
    background: linear-gradient(#cc454a, #e45b60);
    border: 1px solid #ce464b;
    color: #fff;
    border-radius: 4px;
    position: absolute;
    padding: 5px 15px;
    right: 15px;
    top: 12px;
}

.pro_tabarea {
    background: #fff;
    padding: 20px;
}

    .pro_tabarea h4 {
        color: #222;
        font-style: italic;
        font-size: 18px;
        padding-bottom: 10px;
        border-bottom: 1px solid #222;
        font-weight: 600;
        margin-bottom: 20px;
    }

.form-group {
    margin-bottom: 15px;
}

.form-group-height {
    height: 80px;
}

.pro_tabarea label {
    position: relative;
    transform: translateY(10px);
    left: 0;
    color: #333;
    transition: all 0.25s ease;
    -webkit-backface-visibility: hidden;
    pointer-events: none;
    font-size: 14px;
    font-weight: bold;
    pointer-events: auto;
    margin-bottom: 20px;
}

.edit_btn {
    width: 135px;
    height: 35px;
    background: linear-gradient(#cc454a, #e45b60);
    border: none;
    border-radius: 5px;
    color: #fff;
    display: inline-block !important;
    font-size: 18px;
    font-weight: 600;
}

.cancel_btn {
    width: 135px;
    height: 35px;
    background: linear-gradient(#ddd, #aaa);
    border: none;
    border-radius: 5px;
    color: #333;
    display: inline-block !important;
    font-size: 18px;
    font-weight: 600;
    border: 1px solid #ddd;
}

.edit_photobtn:hover {
    background: linear-gradient(#e45b60, #cc454a);
}

.cancel_btn:hover {
    background: linear-gradient(#aaa, #ddd);
}

.hide-profile-area {
    background-color: #feeff0;
    border: 1px solid #d9d9d9;
    border-right: none;
    border-left: none;
    padding: 15px 20px;
    margin-left: -20px;
    margin-right: -20px;
    margin-bottom: 20px;
}

.delete-options {
    width: auto;
    display: block;
    margin-bottom: 20px;
}

.fontlig {
    width: 50%;
    margin-bottom: 20px;
}

.color5 {
    color: #d9475c;
}

.cursp {
    cursor: pointer;
}

.r_but input[type="radio"]:checked + label.btn_n {
    background: #cf007f;
    color: #fff;
}

.r_but input.radio:checked ~ label {
    /* color: #fff!important;*/
}

.r_but input.radio:empty ~ label {
    -moz-user-select: none !important;
    cursor: pointer !important;
    line-height: 2.9em !important;
    margin-top: 10px !important;
    position: relative !important;
    font-size: 14px;
    font-weight: 500;
}

.r_but label {
    display: inline;
    text-align: center;
    width: 110px;
    border: 1px solid #fff;
    color: #333;
    border: 1px solid #ddd;
    background: #fff;
    display: inline-block;
}

.r_but input.radio:empty {
    margin-left: -999px !important;
    display: none;
    margin-left: 0 !important;
    position: absolute;
    z-index: -6;
}

.the-container .the-content {
    height: 410px;
}

.mycustomscroll {
    /* percentage width without the fix*/
    width: 100%;
    height: 350px;
    overflow: auto;
    /* IE overflow fix, position must be relative or absolute*/
    position: relative;
    background-color: #fff;
    margin: 0.3em 0;
    padding-right: 15px;
}

#mycustomscroll2 {
    /*percantage width: make it 100% to match container*/
    width: 100%;
    height: 250px;
    overflow: auto;
    /* IE overflow fix, position must be relative or absolute*/
    position: relative;
    background-color: #D5EADE;
    margin: 0.3em auto 0.3em -20px;
    /* negative left margin to compensate for the padding,
not related to fleXcroll, and may not be needed elsewhere */
    padding: 20px;
}

.scrollgeneric {
    line-height: 1px;
    font-size: 1px;
    position: absolute;
    top: 0;
    left: 0;
}

.vscrollerbase {
    width: 10px;
    background-color: #bbb;
    border-radius: 10px;
}

.vscrollerbar {
    width: 10px;
    background-color: #e55c61;
    border-radius: 10px;
}

.hscrollerbase {
    height: 10px;
    background-color: #bbb;
}

.hscrollerbar {
    height: 10px;
    background-color: #e55c61;
}

.scrollerjogbox {
    width: 10px;
    height: 10px;
    top: auto;
    left: auto;
    bottom: 0px;
    right: 0px;
    background-color: gray;
}



/**************************** blog page ends **********************/


/**************************** Latest Activities Start ********************/
.viewprofile {
    display: block;
    margin-left: auto;
}

.activity_area_full {
    height: auto;
    padding: 20px;
}

.act_text_area p {
    margin-bottom: 5px;
}

.activity_area_full h2 {
    font-family: Open Sans;
    color: #2c2c2c;
    font-size: 18px;
    line-height: 25px;
    border-bottom: 1px solid #fb8585;
    padding-bottom: 10px;
    margin: 0;
    font-weight: bold;
}

.activites-timing {
    text-align: right;
    margin-top: 10px;
    position: absolute;
    right: 0;
    display: inline-block;
    font-size: 12px;
}

.day-separetor {
    height: auto;
}

.day-selector {
    background: #ffd6d8;
    line-height: 33px;
    color: #222;
    font-size: 18px;
    font-weight: 600;
    /*margin: 15px 0;*/
    padding: 0 15px;
}

.new-matches-area {
    padding: 22px;
}

    .new-matches-area h2 {
        color: #1c1c1c;
        font-weight: 900;
        font-size: 20px;
        border-bottom: 1px solid #e55c61;
        padding-bottom: 10px;
    }



/**************************** Latest Activities End ********************/



/***************crop image***************/
label.cabinet {
    display: block;
    cursor: pointer;
}

    label.cabinet input.file {
        position: relative;
        height: 100%;
        width: auto;
        opacity: 0;
        -moz-opacity: 0;
        filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
        margin-top: -30px;
    }

#upload-demo {
    width: 100%;
    height: 250px;
    padding-bottom: 25px;
}

figure img {
    width: 100%;
}

figure figcaption {
    position: absolute;
    bottom: 0;
    color: #fff;
    width: 100%;
    padding-left: 9px;
    padding-bottom: 5px;
    text-shadow: 0 0 10px #000;
}



/***************crop image***************/
/*******18-07-2019*********/

.nounderline, .violet {
    color: #7c4dff !important;
}

.btn-dark {
    background-color: #7c4dff !important;
    border-color: #7c4dff !important;
}

    .btn-dark .file-upload {
        width: 100%;
        padding: 10px 0px;
        position: absolute;
        left: 0;
        opacity: 0;
        cursor: pointer;
        border-radius: 0 !important;
    }

.profile-img img {
    width: 100%;
    margin: 0 0 10px;
    /*height: 200px;
    border-radius: 50%;*/
}

.profile-img {
    border: 1px solid #dee2e6;
    position: relative;
}

.modal-btn {
    width: 50% !important;
    background: #fd6969;
    margin: 0 auto;
}

.croppie-container {
    height: 90% !important;
}

.btn.btn-dark {
    width: 100%;
    position: relative;
    background: #fd6969 !important;
    border: none !important;
    padding: 10px 0;
}

    .btn.btn-dark span i {
        position: relative;
        top: 3px;
    }

/*******18-07-2019*********/
ul.emoji-list * {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

ul.emoji-list li {
    font-size: 36px;
    float: left;
    display: inline-block;
    padding: 2px;
    margin: 4px;
}

img.emoji {
    cursor: pointer;
    height: 1em;
    width: 1em;
    margin: 0 .05em 0 .1em;
    vertical-align: -0.1em;
}
/***************** auto***********************/
.autocomplete-suggestions {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #999;
    background: #FFF;
    cursor: default;
    overflow: auto;
    -webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);
    -moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);
    box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);
}

.autocomplete-suggestion {
    padding: 2px 5px;
    white-space: nowrap;
    overflow: hidden;
}

.autocomplete-no-suggestion {
    padding: 2px 5px;
}

.autocomplete-selected {
    background: #F0F0F0;
}

.autocomplete-suggestions strong {
    font-weight: bold;
    color: #000;
}

.autocomplete-group {
    padding: 2px 5px;
    font-weight: bold;
    font-size: 16px;
    color: #000;
    display: block;
    border-bottom: 1px solid #000;
}
/* Center the loader */
.content_div {
    height: 100%;
    width: 100%;
    text-align: center;
    /*position: relative;*/
    overflow-y: hidden;
}


#overlayer {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 4;
    background: #fff;
}

.loader {
    display: inline-block;
    width: 30px;
    height: 30px;
    position: absolute;
    z-index: 6;
    border: 4px solid #e55c61;
    top: 50%;
    animation: loader 2s infinite ease;
}

.loader-inner {
    vertical-align: top;
    display: inline-block;
    width: 100%;
    background-color: #e55c61;
    animation: loader-inner 2s infinite ease-in;
}

@keyframes loader {
    0% {
        transform: rotate(0deg);
    }

    25% {
        transform: rotate(180deg);
    }

    50% {
        transform: rotate(180deg);
    }

    75% {
        transform: rotate(360deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes loader-inner {
    0% {
        height: 0%;
    }

    25% {
        height: 0%;
    }

    50% {
        height: 100%;
    }

    75% {
        height: 100%;
    }

    100% {
        height: 0%;
    }
}

.sli-box-item {
    display: block;
    visibility: hidden;
}

.help_sec {
    background-color: #ffc000;
    font-size: 18px;
    color: #000;
    line-height: 36px;
    text-align: center;
    font-weight: 600;
}

    .help_sec:after {
        background: url(../images/lower-arrow.png) no-repeat 0 0;
        content: "";
        position: absolute;
        width: 36px;
        height: 14px;
        top: 35px;
        left: 30px;
    }

.add_area2 h6 {
    color: #fdd639;
    font-weight: 600;
}

.chat-list {
}

    .chat-list li {
        margin: 10px 0;
    }

        .chat-list li div.chat_img {
            height: 44px;
            width: 44px;
            margin-right: 12px;
            position: relative;
            display: inline-block;
            border-radius: 50%;
            overflow: hidden;
            cursor: pointer;
        }

        .chat-list li div.chat_name {
            width: 70%;
            margin-right: 12px;
            position: relative;
            display: inline-block;
            cursor: pointer;
            font-size: 17px;
            font-weight: 700;
            line-height: 44px;
            color: #111;
        }

        .chat-list li div.status {
            width: 10px;
            height: 10px;
            border-radius: 50%;
            text-align: right;
            display: inline-block;
        }

        .chat-list li div.online {
            background-color: #31a24c;
        }

.rec_name {
    font-size: 17px !important;
}

.panel.panel-chat {
    position: fixed;
    bottom: 0;
    right: 0;
    max-width: 350px;
    box-shadow: none;
    -webkit-box-shadow: none;
    border-radius: 12px 12px 0 0 !important;
    z-index: 4;
    background-color: #fff;
    margin-bottom: 0;
}

    .panel.panel-chat * {
        /* background: none;*/
        border: none;
    }

    .panel.panel-chat .panel-heading {
        background: #e55c61;
        border: 1px solid #c54f53;
        color: #FFF;
        border-radius: 12px 12px 0 0 !important;
    }

        .panel.panel-chat .panel-heading a:nth-of-type(1) {
            text-decoration: none;
            width: 256px;
            color: #FFF;
            font-weight: bold;
            float: left;
        }

        .panel.panel-chat .panel-heading a:nth-of-type(2) {
            text-decoration: none;
            max-width: 11px;
            width: 11px;
            color: #FFF;
            float: right;
        }

    .panel.panel-chat .panel-body {
        display: block;
        padding: 0;
        margin: 0;
        max-height: 250px;
        height: 250px;
        border-left: 1px solid #b2b2b2;
        border-right: 1px solid #b2b2b2;
        /*background: #EDEFF4;*/
        overflow: auto;
    }

        .panel.panel-chat .panel-body::-webkit-scrollbar {
            display: none;
        }

        .panel.panel-chat .panel-body .messageMe {
            border-bottom: 1px dotted #b2b2b2;
        }

            .panel.panel-chat .panel-body .messageMe img {
                float: left;
                max-width: 50px;
                max-height: 50px;
            }

            .panel.panel-chat .panel-body .messageMe span {
                display: block;
                float: left;
                padding: 5px;
                background: #FFF;
                min-height: 50px;
                max-width: 280px;
                height: 50px;
                width: 280px;
                word-break: break-all;
            }

        .panel.panel-chat .panel-body .messageHer {
            border-bottom: 1px dotted #b2b2b2;
        }

            .panel.panel-chat .panel-body .messageHer img {
                float: right;
                max-width: 50px;
                max-height: 50px;
            }

            .panel.panel-chat .panel-body .messageHer span {
                display: block;
                float: right;
                padding: 5px;
                background: #FFF;
                min-height: 50px;
                max-width: 280px;
                height: 50px;
                width: 280px;
                word-break: break-all;
            }

    .panel.panel-chat .panel-footer {
        padding: 0;
        margin: 0;
        border: 1px solid #b2b2b2;
        max-height: 75px;
        height: 75px;
    }

        .panel.panel-chat .panel-footer textarea {
            margin-bottom: -5px;
            resize: none;
            width: 100%;
            height: 100%;
        }

.no-pad {
    padding-left: 0;
    padding-right: 0;
}

.chat-history {
    overflow-y: auto;
}

.massage-box {
    padding: 15px 0 15px 15px;
}

.inbox_people {
    background: #f8f8f8 none repeat scroll 0 0;
    float: left;
    overflow: hidden;
    width: 40%;
    border-right: 1px solid #c4c4c4;
}

.inbox_msg {
    border: 1px solid #c4c4c4;
    clear: both;
    overflow: hidden;
}

.top_spac {
    margin: 20px 0 0;
}

.top_spac {
    margin: 20px 0 0;
}


.recent_heading {
    float: left;
    width: 40%;
}

.srch_bar {
    display: inline-block;
    text-align: right;
    width: 60%;
    padding:
}

.headind_srch {
    padding: 10px 29px 10px 20px;
    overflow: hidden;
    border-bottom: 1px solid #c4c4c4;
}

.recent_heading h4 {
    color: #05728f;
    font-size: 21px;
    margin: auto;
}

.srch_bar input {
    border: 1px solid #cdcdcd;
    border-width: 0 0 1px 0;
    width: 80%;
    padding: 2px 0 4px 6px;
    background: none;
}

.srch_bar .input-group-addon button {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    padding: 0;
    color: #707070;
    font-size: 18px;
}

.srch_bar .input-group-addon {
    margin: 0 0 0 -27px;
}

.chat_ib h5 {
    font-size: 15px;
    color: #464646;
    margin: 0 0 8px 0;
}

    .chat_ib h5 span {
        font-size: 13px;
        float: right;
    }

.chat_ib p {
    font-size: 14px;
    color: #989898;
    margin: auto
}

.chat_img {
    float: left;
    width: 11%;
}

.chat_ib {
    float: left;
    padding: 0 0 0 15px;
    width: 88%;
}

.chat_people {
    overflow: hidden;
    clear: both;
}

.chat_list {
    border-bottom: 1px solid #c4c4c4;
    margin: 0;
    padding: 18px 16px 10px;
}

.inbox_chat {
    height: 550px;
    overflow-y: scroll;
}

.active_chat {
    background: #ebebeb;
}

.incoming_msg_img {
    display: inline-block;
    width: 10%;
}

.received_msg {
    display: inline-block;
    padding: 0 0 0 10px;
    vertical-align: top;
    width: 88%;
}

.received_withd_msg p {
    background: #ebebeb none repeat scroll 0 0;
    border-radius: 3px;
    color: #646464;
    font-size: 14px;
    margin: 0;
    padding: 5px 10px 5px 12px;
    width: 100%;
    border-radius: 10px !important;
}

.time_date {
    color: #747474;
    display: block;
    font-size: 12px;
    margin: 8px 0 0;
}

.received_withd_msg {
    width: 57%;
}

.mesgs {
    float: left;
    width: 60%;
}

.sent_msg p {
    background: #05728f none repeat scroll 0 0;
    border-radius: 3px;
    font-size: 14px;
    margin: 0;
    color: #fff;
    padding: 5px 10px 5px 12px;
    width: 100%;
    border-radius: 10px !important;
}

.outgoing_msg {
    overflow: hidden;
    margin: 26px 0 26px;
}

.sent_msg {
    float: right;
    width: 46%;
}

.input_msg_write input {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    color: #4c4c4c;
    font-size: 15px;
    min-height: 48px;
    width: 100%;
}

.type_msg {
    border-top: 1px solid #c4c4c4;
    position: relative;
}

.msg_send_btn {
    background: #05728f none repeat scroll 0 0;
    border: medium none;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    font-size: 17px;
    height: 33px;
    position: absolute;
    right: 0;
    top: 11px;
    width: 33px;
}

.messaging {
    padding: 0 0 50px 0;
}

.msg_history {
    height: 516px;
    overflow-y: auto;
    padding: 30px 15px 0 25px;
}

.massage-user {
    border-bottom: 1px solid #c4c4c4;
    width: 100%;
    padding: 10px 15px 10px 25px;
}

.user {
    display: inline-block;
    width: 10%;
}

.user-name {
    display: inline-block;
}

.chat_user_image {
    display: inline-block;
    width: 15%;
    float: left;
    margin-right: 10px;
    position: relative;
}

.chat-stat {
    display: block;
}

.stat-qwe {
    width: 10px;
    height: 10px;
    border-radius: 50% !important;
    margin-top: -5px;
    position: absolute;
    bottom: 0;
    margin-left: -10px;
    border: 2px solid #fff !important;
}

.online-stat {
    background-color: #31a24c;
}

.away-stat {
    background-color: #efc809;
}

.offline-stat {
    background-color: #ccc;
}

.pos-rel {
    position: relative;
}

.stat-qwe2 {
    width: 15px;
    height: 15px;
}

.pos-rel i.emoji-picker-icon {
    right: 39px;
    top: 18px;
}

.emoji-menu {
    top: -230px;
}

.panel.panel-chat .panel-heading a.dropdown-item {
    color: #111;
    font-weight: normal;
}

.input_msg_write i {
    right: 37px;
    top: 10px;
}
/************* All coslaple********/
.panel-default > .panel-heading {
    color: #333;
    background-color: #fff;
    border-color: #e4e5e7;
    padding: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .panel-default > .panel-heading a {
        display: block;
        padding: 10px 15px;
    }

        .panel-default > .panel-heading a:after {
            content: "";
            position: relative;
            top: 1px;
            display: inline-block;
            font-family: 'Glyphicons Halflings';
            font-style: normal;
            font-weight: 400;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            float: right;
            transition: transform .25s linear;
            -webkit-transition: -webkit-transform .25s linear;
        }

        .panel-default > .panel-heading a[aria-expanded="true"] {
            background-color: #ffd6d8;
        }

            .panel-default > .panel-heading a[aria-expanded="true"]:after {
                content: "\2212";
                -webkit-transform: rotate(180deg);
                transform: rotate(180deg);
            }

        .panel-default > .panel-heading a[aria-expanded="false"]:after {
            content: "\002b";
            -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
        }

.accordion-option {
    width: 100%;
    float: left;
    clear: both;
    margin: 15px 0;
}

    .accordion-option .title {
        font-size: 20px;
        font-weight: bold;
        float: left;
        padding: 0;
        margin: 0;
    }

    .accordion-option .toggle-accordion {
        float: right;
        font-size: 16px;
        color: #6a6c6f;
    }

        .accordion-option .toggle-accordion:before {
            content: "Expand All";
        }

        .accordion-option .toggle-accordion.active:before {
            content: "Collapse All";
        }

.scroll-sub-btn {
    background-color: #2fce51;
    border: 1px solid #078d23;
    border-radius: 4px;
    color: #fff;
    box-shadow: 0 3px 4px #666;
    width: 90px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    height: 30px;
    margin-top: 10px;
}
/*******************************Inbox*******************************/
.mail-box {
    border-collapse: collapse;
    border-spacing: 0;
    display: table;
    table-layout: fixed;
    width: 100%;
}

    .mail-box aside {
        display: table-cell;
        float: none;
        height: 100%;
        padding: 0;
        vertical-align: top;
    }

    .mail-box .sm-side {
        background: none repeat scroll 0 0 #e5e8ef;
        border-radius: 4px 0 0 4px;
        width: 25%;
    }

    .mail-box .lg-side {
        background: none repeat scroll 0 0 #fff;
        border-radius: 0 4px 4px 0;
        width: 75%;
    }

    .mail-box .sm-side .user-head {
        background: none repeat scroll 0 0 #b52652;
        border-radius: 4px 0 0;
        color: #fff;
        min-height: 80px;
        padding: 10px;
    }

.user-head .inbox-avatar {
    float: left;
    width: 65px;
}

    .user-head .inbox-avatar img {
        border-radius: 4px;
    }

.user-head .user-name {
    display: inline-block;
    margin: 0 0 0 10px;
}

    .user-head .user-name h5 {
        font-size: 14px;
        font-weight: 300;
        margin-bottom: 0;
        margin-top: 15px;
    }

        .user-head .user-name h5 a {
            color: #fff;
        }

    .user-head .user-name span a {
        color: #87e2e7;
        font-size: 12px;
    }

a.mail-dropdown {
    background: none repeat scroll 0 0 #f789ab;
    border-radius: 2px;
    color: #b52652;
    font-size: 10px;
    margin-top: 20px;
    padding: 3px 5px;
}

.inbox-body {
    padding: 20px;
}

.btn-compose {
    background: none repeat scroll 0 0 #ff6c60;
    color: #fff;
    padding: 12px 0;
    text-align: center;
    width: 100%;
}

    .btn-compose:hover {
        background: none repeat scroll 0 0 #f5675c;
        color: #fff;
    }

ul.inbox-nav {
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 100%;
}

.inbox-divider {
    border-bottom: 1px solid #d5d8df;
}

ul.inbox-nav li {
    display: inline-block;
    line-height: 45px;
    width: 100%;
}

    ul.inbox-nav li a {
        color: #6a6a6a;
        display: inline-block;
        line-height: 45px;
        padding: 0 20px;
        width: 100%;
    }

        ul.inbox-nav li a:hover, ul.inbox-nav li.active a, ul.inbox-nav li a:focus {
            background: none repeat scroll 0 0 #d5d7de;
            color: #6a6a6a;
        }

        ul.inbox-nav li a i {
            color: #6a6a6a;
            font-size: 16px;
            padding-right: 10px;
            line-height: 45px;
        }

        ul.inbox-nav li a span.label {
            margin-top: 13px;
        }

ul.labels-info li h4 {
    color: #5c5c5e;
    font-size: 13px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 5px;
    text-transform: uppercase;
}

ul.labels-info li {
    margin: 0;
}

    ul.labels-info li a {
        border-radius: 0;
        color: #6a6a6a;
    }

        ul.labels-info li a:hover, ul.labels-info li a:focus {
            background: none repeat scroll 0 0 #d5d7de;
            color: #6a6a6a;
        }

        ul.labels-info li a i {
            padding-right: 10px;
        }

.nav.nav-pills.nav-stacked.labels-info p {
    color: #9d9f9e;
    font-size: 11px;
    margin-bottom: 0;
    padding: 0 22px;
}

.inbox-head {
    background: none repeat scroll 0 0 #e43f72;
    border-radius: 0 4px 0 0;
    color: #fff;
    min-height: 80px;
    padding: 20px;
}

    .inbox-head h3 {
        display: inline-block;
        font-weight: 300;
        margin: 0;
        padding-top: 6px;
    }

.inbox-body .sr-input {
    border: medium none;
    border-radius: 4px 0 0 4px;
    box-shadow: none;
    color: #8a8a8a;
    float: left;
    height: 40px;
    padding: 0 10px;
    border: 1px solid #e7e7e7;
}

.form-div {
    display: inline-block;
}

.inbox-body .sr-btn {
    background: none repeat scroll 0 0 #821033;
    border: medium none;
    border-radius: 0 4px 4px 0;
    color: #fff;
    height: 40px;
    padding: 0 20px;
}

.list-group-item > .badge {
    float: right;
}

.badge {
    font-size: 12px;
    font-weight: bold;
    color: black;
}

.list-group-item span {
    color: #333;
}

    .list-group-item span.fa-star {
        color: #facb51;
    }

a.list-group-item:hover {
    text-decoration: none;
    border: 1px solid #999;
    box-shadow: inset 0px -4px 5px #bbb;
}

.table-inbox {
    border: 1px solid #d3d3d3;
    margin-bottom: 0;
}

    .table-inbox tr td {
        padding: 12px !important;
    }

        .table-inbox tr td:hover {
            cursor: pointer;
        }

        .table-inbox tr td .fa-star.inbox-started, .table-inbox tr td .fa-star:hover {
            color: #f78a09;
        }

        .table-inbox tr td .fa-star {
            color: #d5d5d5;
        }

    .table-inbox tr.unread td {
        background: none repeat scroll 0 0 #f7f7f7;
        font-weight: 600;
    }

ul.inbox-pagination {
    float: right;
}

    ul.inbox-pagination li {
        float: left;
    }

.mail-option {
    display: inline-block;
    margin-bottom: 10px;
    width: 100%;
}

    .mail-option .chk-all, .mail-option .btn-group {
        margin-right: 5px;
    }

        .mail-option .chk-all, .mail-option .btn-group a.btn {
            background: none repeat scroll 0 0 #fcfcfc;
            border: 1px solid #e7e7e7;
            border-radius: 3px !important;
            color: #afafaf;
            display: inline-block;
            padding: 5px 10px;
        }

.mail_head h3 {
    font-size: 24px;
}




.inbox-pagination a.np-btn {
    background: none repeat scroll 0 0 #fcfcfc;
    border: 1px solid #e7e7e7;
    border-radius: 3px !important;
    color: #afafaf;
    display: inline-block;
    padding: 5px 15px;
}

.mail-option .chk-all input[type="checkbox"] {
    margin-top: 0;
}

.mail-option .btn-group a.all {
    border: medium none;
    padding: 0;
}

.inbox-pagination a.np-btn {
    margin-left: 5px;
}

.inbox-pagination li span {
    display: inline-block;
    margin-right: 5px;
    margin-top: 7px;
}

.fileinput-button {
    background: none repeat scroll 0 0 #eeeeee;
    border: 1px solid #e6e6e6;
}

.inbox-body .modal .modal-body input, .inbox-body .modal .modal-body textarea {
    border: 1px solid #e6e6e6;
    box-shadow: none;
}

.btn-send, .btn-send:hover {
    background: none repeat scroll 0 0 #00a8b3;
    color: #fff;
}

    .btn-send:hover {
        background: none repeat scroll 0 0 #009da7;
    }

.modal-header h4.modal-title {
    font-family: "Open Sans",sans-serif;
    font-weight: 300;
}

.modal-body label {
    font-family: "Open Sans",sans-serif;
    font-weight: 400;
}

.heading-inbox h4 {
    border-bottom: 1px solid #ddd;
    color: #444;
    font-size: 18px;
    margin-top: 20px;
    padding-bottom: 10px;
}

.sender-info {
    margin-bottom: 20px;
}

    .sender-info img {
        height: 30px;
        width: 30px;
    }

.sender-dropdown {
    background: none repeat scroll 0 0 #eaeaea;
    color: #777;
    font-size: 10px;
    padding: 0 3px;
}

.view-mail a {
    color: #ff6c60;
}

.attachment-mail {
    margin-top: 30px;
}

    .attachment-mail ul {
        display: inline-block;
        margin-bottom: 30px;
        width: 100%;
    }

        .attachment-mail ul li {
            float: left;
            margin-bottom: 10px;
            margin-right: 10px;
            width: 150px;
        }

            .attachment-mail ul li img {
                width: 100%;
            }

            .attachment-mail ul li span {
                float: right;
            }

    .attachment-mail .file-name {
        float: left;
    }

    .attachment-mail .links {
        display: inline-block;
        width: 100%;
    }

.fileinput-button {
    float: left;
    margin-right: 4px;
    overflow: hidden;
    position: relative;
}

    .fileinput-button input {
        cursor: pointer;
        direction: ltr;
        font-size: 23px;
        margin: 0;
        opacity: 0;
        position: absolute;
        right: 0;
        top: 0;
        transform: translate(-300px, 0px) scale(4);
    }

.fileupload-buttonbar .btn, .fileupload-buttonbar .toggle {
    margin-bottom: 5px;
}

.files .progress {
    width: 200px;
}

.fileupload-processing .fileupload-loading {
    display: block;
}

* html .fileinput-button {
    line-height: 24px;
    margin: 1px -3px 0 0;
}

* + html .fileinput-button {
    margin: 1px 0 0;
    padding: 2px 15px;
}

.label-danger {
    background-color: #d9534f;
}

.label-success {
    background-color: #5cb85c;
}

.label-info {
    background-color: #5bc0de;
}

.label-box {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}

.email_back ul {
    border-bottom: 1px solid #666;
}

    .email_back ul li {
        display: inline-block;
    }

        .email_back ul li i {
            color: #666;
            font-size: 21px;
            margin: 10px 14px;
        }

ul.inbox-nav li a span.label-box {
    margin-top: 13px;
}

.tab-pane .list-group-item:first-child {
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
}

.tab-pane .list-group-item:last-child {
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

.tab-pane .list-group .checkbox {
    display: inline-block;
    margin: 0px;
}

.tab-pane .list-group input[type="checkbox"] {
    margin-top: 2px;
}

.tab-pane .list-group .glyphicon {
    margin-right: 5px;
}

    .tab-pane .list-group .glyphicon:hover {
        color: #FFBC00;
    }

a.list-group-item.read {
    color: #222;
    background-color: #F3F3F3;
}

hr {
    margin-top: 5px;
    margin-bottom: 10px;
}

.nav-pills > li > a {
    padding: 5px 10px;
}

.ad {
    padding: 5px;
    background: #F5F5F5;
    color: #222;
    font-size: 80%;
    border: 1px solid #E5E5E5;
}

    .ad a.title {
        color: #15C;
        text-decoration: none;
        font-weight: bold;
        font-size: 110%;
    }

    .ad a.url {
        color: #093;
        text-decoration: none;
    }

.inbox-menu {
    padding: 10px;
}

    .inbox-menu li a {
        color: #222;
        font-size: 15px;
    }

.compose {
    background-color: #e55d61;
    color: #fff;
}

.mail_body {
    border: 1px solid #999;
    box-shadow: inset 0px 0px 10px #999;
    padding: 10px;
}

/***************indox css end***************/
/***************Gallray css***************/
.left-sidebar {
    background-color: #fff;
    padding: 10px;
    margin-bottom: 10px;
}

    .left-sidebar li {
        display: block;
        padding: 10px;
        margin: 0;
        cursor: pointer;
        border-bottom: 1px solid #c1c1c1;
        font-size: 14px;
        margin: 5px 0;
    }

        .left-sidebar li a {
            color: #1c1c1c;
            font-weight: bold;
        }

            .left-sidebar li a i {
                color: #e55c61;
                font-size: 20px;
                margin-right: 5px;
            }

        .left-sidebar li:hover {
            color: #fff;
            background-color: #e55c61;
            position: relative;
            border-radius: 30px;
        }

        .left-sidebar li.selected {
            color: #fff;
            background-color: #e55c61;
            position: relative;
            border-radius: 30px;
        }

            .left-sidebar li.selected a {
                color: #fff;
                text-decoration: none;
            }

        .left-sidebar li:hover a {
            color: #fff;
            text-decoration: none;
        }

        .left-sidebar li:hover i {
            color: #fff;
        }

        .left-sidebar li.selected i {
            color: #fff;
        }

.left-panel {
    background-color: #fff;
    padding: 10px;
    min-height: 530px;
}

.left-wel_text {
    font-family: "Open Sans";
    color: #232323;
    border-bottom: 1px solid #cacaca;
    line-height: 26px;
    font-weight: 600;
    text-align: center;
    padding-bottom: 10px;
}

.plan-area {
    margin: 10px 0;
    border-top: 1px solid #cacaca;
    padding: 10px;
}

.no-margin {
    margin: 0;
}

.buy-a-plan {
    width: 90%;
    height: 50px;
    line-height: 50px;
    background-color: #e55c61;
    display: block;
    border-radius: 30px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    margin: 0 auto;
}

.profile-note {
    font-style: italic;
}

.image-upload span {
    font-size: 60px;
    cursor: pointer;
    color: #67a0c5;
}

.image-upload-label {
    background: rgba(0,0,0,0.5);
    position: absolute;
    line-height: 30px;
    color: #fff;
    z-index: 2;
    top: 0;
    opacity: 0;
    right: 0;
}

    .image-upload-label:hover {
        opacity: 1;
    }

.image-upload:hover img {
    opacity: 0.5;
}

.image-upload:hover button.delete {
    display: block;
}

.image-upload button.delete {
    position: relative;
    display: none;
}

.text-white {
    color: #fff;
}

.upload_area a {
    position: absolute;
    display: none;
    width: 100%;
    height: 100%;
    z-index: 1;
}
/*********************************** connection request*************************************/
.connection-headline {
    color: #1c1c1c;
    font-weight: 700;
    font-size: 25px;
    padding-bottom: 10px;
    font-family: Montserrat;
}

.connection select {
    border: #bcbcbc 1px solid;
    line-height: 30px;
    height: 30px;
    padding: 0 25px 0 5px;
    width: 100%;
}

.bor-bot {
    border-bottom: 1px solid #e55c61;
}

.connection-box {
    background-color: #fff;
    border-bottom: 2px solid #e55c61;
    box-shadow: 0 0 8px #999;
    position: relative;
}

.conn-member-img-holder {
    height: 264px;
    overflow: hidden;
    position: relative;
}

    .conn-member-img-holder img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.premium-box-bottom {
    background: url(../images/premium.png) no-repeat 0 0;
    position: absolute;
    left: 0;
    bottom: 55%;
    z-index: 30;
    width: 94px;
    height: 35px;
}

.conn-content {
    padding: 15px;
    border-bottom: 1px solid #bebebe;
}

.conn-member {
    color: #f1393f;
    font-size: 1.25rem;
}

.member-location {
    font-size: 13px;
    color: #272727;
    min-height: 40px;
}

    .member-location i {
        color: #e55c61;
        margin-left: 5px;
        font-size: 22px;
    }

.member-descrp {
    font-size: 13px;
    color: #272727;
}

.button-section {
    padding: 15px;
}

.accpt-ign-but {
    width: 48%;
    height: 40px;
    background-color: #42af20;
    border-radius: 50px;
    border: 1px solid #37951a;
    box-shadow: 0 4px 8px #555;
    text-align: center;
    line-height: 40px;
    font-size: 14px;
    color: #fff;
    display: inline-block;
    outline: none;
}

.ign-but {
    background-color: #e55c61;
    border: 1px solid #ce494e;
}

.mem_view_profile {
    background-image: linear-gradient(#fdfdfd, #e3e3e3);
    height: 40px;
    width: 100%;
    box-shadow: 0 4px 8px #555;
    text-align: center;
    line-height: 40px;
    font-size: 14px;
    display: inline-block;
    outline: none;
    color: #e55c61;
    border-radius: 50px;
}

    .mem_view_profile:hover {
        text-decoration: none;
        color: #c2383d;
        box-shadow: 0 8px 10px #999;
    }

    .mem_view_profile i {
        font-size: 20px;
        line-height: 40px;
        margin-right: 5px;
    }

.con-app {
    background-image: linear-gradient(#fdfdfd, #e3e3e3);
    height: 40px;
    width: 48%;
    box-shadow: 0 4px 8px #555;
    text-align: center;
    line-height: 40px;
    font-size: 14px;
    display: inline-block;
    outline: none;
    color: #7d7d7d;
    border-radius: 50px;
    cursor: not-allowed !important;
}

.con-app-view {
    width: 48%;
    height: 40px;
    background-color: #e55c61;
    border-radius: 50px;
    border: 1px solid #ce494e;
    box-shadow: 0 4px 8px #555;
    text-align: center;
    line-height: 40px;
    font-size: 14px;
    color: #fff;
    display: inline-block;
    outline: none;
}

    .con-app-view:hover {
        text-decoration: none;
        color: #fff;
        box-shadow: 0 8px 10px #999;
        background-color: #d9494e;
    }

.conn-list-img-holder {
    height: 80px;
    width: 80px;
    overflow: hidden;
    position: relative;
    border: 3px solid #fff;
    box-shadow: 2px 3px 3px #444;
}

    .conn-list-img-holder img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.con-pad {
    padding: 25px 15px 15px;
}

.premium-box-top {
    background: url(../images/premium.png) no-repeat 0 0;
    position: absolute;
    left: -1px;
    top: 3px;
    z-index: 30;
    width: 94px;
    height: 35px;
}
/********************** notifications***********************/
#notification_li {
    position: relative
}

#notificationContainer {
    background-color: #fff;
    border: 1px solid rgba(100, 100, 100, .4);
    -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
    overflow: visible;
    position: absolute;
    top: 30px;
    margin-left: -405px;
    width: 500px;
    z-index: -1;
    display: none;
}

    #notificationContainer:before {
        content: '';
        display: block;
        position: absolute;
        width: 0;
        height: 0;
        color: transparent;
        border: 10px solid black;
        border-color: transparent transparent white;
        margin-top: -20px;
        margin-left: 188px;
    }

#notificationTitle {
    z-index: 1000;
    font-weight: bold;
    padding: 8px;
    font-size: 13px;
    background-color: #ffffff;
    width: 384px;
    border-bottom: 1px solid #dddddd;
}

#notificationsBody {
    padding: 15px;
    min-height: 300px;
}

.notification-sec {
    border-bottom: 1px solid #d4d4d4;
    display: flex;
    padding-bottom: 10px;
    padding-top: 10px;
}

.notimember {
    width: 60px;
    height: 60px;
    overflow: hidden;
    margin-right: 10px;
}

.notification-item {
    width: calc(100% - 70px);
}

    .notification-item p {
        color: #555;
        font-size: 15px;
        margin-bottom: 5px;
    }

        .notification-item p span {
            color: #f1393f;
            font-weight: 800;
        }

.notification-time {
    color: #555;
    font-size: 15px;
}

#notificationFooter {
    background-color: #e9eaed;
    text-align: center;
    font-weight: bold;
    padding: 8px;
    font-size: 12px;
    border-top: 1px solid #dddddd;
}

#notification_count {
    background: #cc0000;
    color: #ffffff;
    font-weight: bold;
    margin-left: 11px;
    border-radius: 50%;
    position: absolute;
    margin-top: 5px;
    font-size: 12px;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
}

.toast {
    position: fixed;
    top:30%;
    z-index:9;
}
.toast-right {
    right: 18%;
}
.tooltip_one {
   top: 9px;
    right: 15px;
}
    .tooltip_one .tooltiptext {
        visibility: hidden;
        width: 230px;
        background-color: #6d5212;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 1px;
        position: absolute;
        z-index: 1;
        bottom: -50px;
        left: 50%;
        transform: translateX(-50%);
        opacity: 0;
        transition: opacity 0.3s;
        font-size: 13px;
    }
    .tooltip_one .tooltiptext::after {
        content: "";
        position: absolute;
        top: -17%;
        left: 50%;
        transform:translateX(-50%);
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 10px 10px 10px;
        border-color: transparent transparent #6d5212 transparent;
    }
.tooltip_one:hover .tooltiptext {
        visibility: visible;
        opacity: 1;
    }
.tooltip_one p {
        font-size: 14px;
        font-weight: bold;
        background: #9d7518;
        border-radius: 50%;
        height: 20px;
        width: 20px;
        color: #fff;
        padding: 0px 7px;
    }
/**************************** who seen my profile********************/
.profile-pic {
    width: 159px;
    height: 159px;
    overflow: hidden;
    position: relative;
}

.Profile-name h3 {
    color: #272727;
    font-size: 20px;
    margin-bottom: 10px;
}

    .Profile-name h3 span {
        color: #f1393f;
    }

.profile-info {
    text-align: left;
    width: 100%;
    color: #272727;
}

    .profile-info li {
        font-weight: normal;
        padding: 0px 5px 0 0;
        margin-bottom: 5px;
        list-style: none;
        line-height: 18px;
        font-size: 14px;
        display: inline-block;
    }

.profile-details {
}

    .profile-details h1 {
        font-family: montserrat;
        font-size: 24px;
        color: #333;
        border-bottom: 1px solid #fb8585;
        padding-bottom: 10px;
        margin: 0;
        font-weight: bold;
        line-height: 30px;
    }

.profile-underline {
    border-bottom: 1px solid #a7a7a7;
    padding-bottom: 15px;
    margin-top: 15px;
}

.message-send i {
    font-size: 24px;
    line-height: 46px;
    margin-right: 5px;
}

.example .btn-toggle {
    top: 50%;
    transform: translateY(-50%);
}

.btn-toggle {
    margin: 0 4rem;
    padding: 0;
    position: relative;
    border: none;
    height: 1.5rem;
    width: 3rem;
    border-radius: 1.5rem;
    color: #6b7381;
    background: #bdc1c8;
}

    .btn-toggle:focus,
    .btn-toggle.focus,
    .btn-toggle:focus.active,
    .btn-toggle.focus.active {
        outline: none;
    }

    .btn-toggle:before,
    .btn-toggle:after {
        line-height: 1.5rem;
        width: 4rem;
        text-align: center;
        font-weight: 600;
        font-size: 0.75rem;
        text-transform: uppercase;
        letter-spacing: 2px;
        position: absolute;
        bottom: 0;
        transition: opacity 0.25s;
    }

    .btn-toggle:before {
        content: 'Off';
        left: -4rem;
    }

    .btn-toggle:after {
        content: 'On';
        right: -4rem;
        opacity: 0.5;
    }

    .btn-toggle > .handle {
        position: absolute;
        top: 0.1875rem;
        left: 0.1875rem;
        width: 1.125rem;
        height: 1.125rem;
        border-radius: 1.125rem;
        background: #fff;
        transition: left 0.25s;
    }

    .btn-toggle.active {
        transition: background-color 0.25s;
        background-color: #29b5a8;
    }

        .btn-toggle.active > .handle {
            left: 1.6875rem;
            transition: left 0.25s;
        }

        .btn-toggle.active:before {
            opacity: 0.5;
        }

        .btn-toggle.active:after {
            opacity: 1;
        }

    .btn-toggle.btn-sm:before,
    .btn-toggle.btn-sm:after {
        line-height: -0.5rem;
        color: #fff;
        letter-spacing: 0.75px;
        left: 0.4125rem;
        width: 2.325rem;
    }

    .btn-toggle.btn-sm:before {
        text-align: right;
    }

    .btn-toggle.btn-sm:after {
        text-align: left;
        opacity: 0;
    }

    .btn-toggle.btn-sm.active:before {
        opacity: 0;
    }

    .btn-toggle.btn-sm.active:after {
        opacity: 1;
    }

    .btn-toggle.btn-lg.btn-sm:before,
    .btn-toggle.btn-lg.btn-sm:after {
        line-height: 0.5rem;
        color: #fff;
        letter-spacing: 0.75px;
        left: 0.6875rem;
        width: 3.875rem;
    }

    .btn-toggle.btn-lg.btn-sm:before {
        text-align: right;
    }

    .btn-toggle.btn-lg.btn-sm:after {
        text-align: left;
        opacity: 0;
    }

    .btn-toggle.btn-lg.btn-sm.active:before {
        opacity: 0;
    }

    .btn-toggle.btn-lg.btn-sm.active:after {
        opacity: 1;
    }

    .btn-toggle.btn-lg.btn-xs:before,
    .btn-toggle.btn-lg.btn-xs:after {
        display: none;
    }

    .btn-toggle.btn-sm {
        margin: 0 0.5rem;
        padding: 0;
        position: relative;
        border: none;
        height: 2rem;
        width: 7rem;
        border-radius: 1.5rem;
    }

        .btn-toggle.btn-sm:focus,
        .btn-toggle.btn-sm.focus,
        .btn-toggle.btn-sm:focus.active,
        .btn-toggle.btn-sm.focus.active {
            outline: none;
        }

        .btn-toggle.btn-sm:before,
        .btn-toggle.btn-sm:after {
            line-height: 2.1rem;
            width: 0.5rem;
            text-align: center;
            font-weight: 600;
            font-size: 13px;
            text-transform: capitalize;
            letter-spacing: 2px;
            position: absolute;
            bottom: 0;
            transition: opacity 0.25s;
        }

        .btn-toggle.btn-sm:before {
            content: 'Block';
            left: 4rem !important;
        }

        .btn-toggle.btn-sm:after {
            content: 'Unblock';
            right: -0.5rem;
            opacity: 0.5;
        }

        .btn-toggle.btn-sm > .handle {
            position: absolute;
            top: 0.1875rem;
            left: 0.1875rem;
            width: 1.5rem;
            height: 1.5rem;
            border-radius: 50%;
            background: #fff;
            transition: left 0.25s;
        }

        .btn-toggle.btn-sm.active {
            transition: background-color 0.25s;
        }

            .btn-toggle.btn-sm.active > .handle {
                left: 5rem;
                transition: left 0.25s;
            }

            .btn-toggle.btn-sm.active:before {
                opacity: 0.5;
            }

            .btn-toggle.btn-sm.active:after {
                opacity: 1;
            }

        .btn-toggle.btn-sm.btn-sm:before,
        .btn-toggle.btn-sm.btn-sm:after {
            line-height: -0.5rem;
            color: #fff;
            letter-spacing: 0.75px;
            left: 1rem;
            width: 2.325rem;
        }

        .btn-toggle.btn-sm.btn-sm:before {
            text-align: right;
        }

        .btn-toggle.btn-sm.btn-sm:after {
            text-align: left;
            opacity: 0;
        }

        .btn-toggle.btn-sm.btn-sm.active:before {
            opacity: 0;
        }

        .btn-toggle.btn-sm.btn-sm.active:after {
            opacity: 1;
        }
/**************************** who seen my profile********************/
/**************************** Interest received ********************/
.interest-reciver-member {
    width: 92px;
    height: 92px;
    overflow: hidden;
    border-radius: 50%;
}

.col-modified-sm-1 {
    width: 12%;
}

.col-modified-sm-11 {
    width: 88%;
}

.interest-reciver-info {
    text-align: left;
    width: 100%;
    color: #272727;
}

    .interest-reciver-info li {
        font-weight: normal;
        padding: 0px 5px;
        margin-bottom: 5px;
        list-style: none;
        line-height: 13px;
        font-size: 13px;
        display: inline-block;
        border-right: 1px solid #ababab;
    }

.call-icon {
    float: left;
    margin: 5px;
    width: 30px;
    height: 30px;
}

.fone-icon {
    float: left;
    margin: 5px 15px;
    width: 50px;
    height: 50px;
    background-color: #19b326;
    border-radius: 50%;
    color: #fff;
    font-size: 30px;
    text-align: center;
}

    .fone-icon i {
        line-height: 52px;
    }

.scrollable .content-wrapper::-webkit-scrollbar {
    display: none;
}
.act_text_area button {
    background: #e55c61;
    color: #fff;
    border-radius: 50px;
    border: none;
    font-size: 12px;
    margin-top: 5px;
    padding: 0 5px;
}
.tooltip {
    white-space: pre-wrap;
}
.carousel-control-next, .carousel-control-prev {
    top: 80px;
}

.carousel-control-prev {
    left: -25px;
}

.carousel-control-next {
    right: -25px;
}


/**************************** media quaries starts******************************************/
@media screen and (min-width: 1440px) {
    .head-area {
        background-size: cover;
    }
}

@media(min-width: 1200px) {
}

@media(max-width: 1200px) {
}

@media(min-width: 981px) and ( max-width: 1024px) {
    .banner-img img {
        width: 100%;
        margin-top: 59px;
    }

    .whyreg_icon {
        width: 24%;
        display: inline-block;
    }

    .regsiter-area {
        margin-top: 17px;
    }

    .whyreg_icon:hover {
        width: 24%;
    }

    .whyreg_area {
    }

    .whyreg_icon h3 {
        width: 100%;
    }

    .col-fifth-grid {
        width: 25%;
    }

    .image_holder {
        width: 100%;
        height: 250px;
    }

    .image_holder {
        width: 100%;
    }

    .add_area {
        height: auto;
    }

    .personal_area {
        padding: 10px 10px;
    }

    .add_area2_res {
        width: 100%;
    }

    .recommend_box {
        width: 49%;
        display: inline-block;
        margin-right: 6px;
    }

    .user_span {
        margin: 8px 11px;
        display: inline-block;
    }

    .mem_age_select, .mem_to_select, .mem_rel_select, .mem_cast_select {
        width: 35% !important;
    }

    .mem_mt_select {
        width: 80% !important;
    }

    .pro_info {
        float: none;
        padding: 0 0 0 15px;
        display: table;
    }
}


@media(min-width: 768px) and ( max-width: 980px) {
    .banner-img img {
        width: 100%;
        margin-top: 214px;
    }

    .form-area span {
        margin: 0 2px;
    }

    .location_area p {
        padding: 8px 0;
    }

    .location_area {
        border-top: 75px solid #e55c61;
        padding: 20px 15px;
    }

    .whyreg_icon {
        width: 24%;
        display: inline-block;
    }

        .whyreg_icon:hover {
            width: 24%;
        }

    .whyreg_area {
        /*min-height:auto;*/
    }

    .whyreg_icon h3 {
        width: 100%;
    }

    .col-fifth-grid {
        width: 33.3%;
    }

    .image_holder {
        width: 100%;
        height: 250px;
    }

    .pro_img_area, .pro_id_area {
        width: 40%;
        float: left;
    }

    .tips_area {
        width: 40%;
        display: inline-block;
        padding: 13px;
    }

    .personal_area {
        text-align: center;
        margin: 30px 0;
    }

    .search_area {
        text-align: center;
    }

    .add_area2 {
        margin-top: 30px;
        height: 200px;
    }

    .recommend_box {
        width: 49%;
        display: inline-block;
        margin-right: 4px;
    }

    .activity_holder {
        width: 49%;
        display: inline-block;
    }

    .act_text_area a {
        right: 12px;
    }

    .reg_field {
        height: auto;
    }

    .reg_last_name {
        margin-top: 15px;
    }

    .pro_box {
        width: 50%;
    }

    .half-form {
        width: 47%;
        display: inline-block;
    }

    .paid_box {
        margin-bottom: 20px;
    }

    .mem_age_select, .mem_to_select, .mem_rel_select, .mem_cast_select {
        width: 37% !important;
    }

    .mem_mt_select {
        width: 83% !important;
    }

    .pro_img_area {
        height: 196px;
    }

    .login-right {
        width: 100%;
    }

    .form-area h2 {
        font-size: 23px;
    }

    .half-form {
        width: 42%;
    }

    .pull-right {
        width: 55%;
    }

    .dbt select {
        width: 100%;
    }

    .form-area input, .form-area select {
        font-size: 14px;
    }

    .middle_area {
        padding: 30px 10px;
    }

    .conn-list-img-holder {
        height: auto;
        width: 100%;
    }
}

@media(max-width: 767px) {
    .foot-links li {
        display: inline-block;
        line-height: 20px;
        border-left: 1px solid #fff;
        margin-bottom: 15px;
    }

        .foot-links li:first-child {
            border-left: none;
        }

        .foot-links li a {
            color: #fff;
            padding: 0 5px;
            font-size: 14px;
        }

    .head-area {
        width: 100%;
        background: url(../images/banner_bg2.jpg) repeat-x 50% 0;
        padding: 24px 0 0;
    }

    .mobile-text-center {
        text-align: center;
    }

    .banner-img {
        margin-top: 0;
        position: relative;
        right: 0;
        width: 85%;
        margin-left: auto;
        margin-right: auto;
    }

    .form-area {
        margin-bottom: 15px;
        padding: 20px 20px 25px;
    }

        .form-area h2 {
            font-size: 22px;
        }

    .main-sec {
        margin-top: 1018px;
    }

    .base-bg {
        background: none;
        position: relative;
        z-index: -51;
    }

    #bg1, #bg2, #bg3 {
        z-index: -50;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: none;
    }

    #bg2 {
        z-index: -49;
        background-image: none;
    }

    #bg3 {
        z-index: -48;
        background-image: none;
    }

    .dbt select {
        width: 100%;
        margin-bottom: 13px;
    }

    .push-left-30 {
        padding-left: 15px;
    }

    .push-top-230 {
        padding-top: 0;
    }

    .about-sec {
        background-color: transparent;
        padding: 25px 0;
        width: 100%;
    }

    .fl_right {
        float: none;
    }

    .form-area input, .form-area select {
        font-size: 14px;
    }

    .header-btn {
        width: 125px;
        padding: 6px 5px;
        float: none;
        margin-left: 8px;
    }

    .p_top_15 {
        padding-top: 0;
    }

    .breadcrumb_sec ul {
        margin: 7.5px 0;
    }

    .breadcrumb_link li {
        position: relative;
        display: inline-block;
    }

    .navbar-inverse .navbar-collapse {
        border-color: #ca242a;
    }

    .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
        background-color: #ca242a;
    }

    .navbar-inverse .navbar-toggle {
        border-color: #ca242a;
    }

    .about_text_area {
        padding: 40px 15px;
    }

    .contact_area {
        padding: 40px 15px;
    }

    .location_area {
        padding: 20px 15px;
    }

    .panel-title {
        font-size: 15px;
    }

    .terms_area {
        padding: 40px 15px;
    }

    .details_top p {
        line-height: 25px;
    }

    .details_area {
        padding: 15px;
    }

    .f1-step {
        float: none;
        height: 35px;
        width: 100%;
        padding: 0;
        text-align: left;
    }

    .f1-progress {
        display: none;
    }

    .dob_select select {
        width: 100%;
        margin-bottom: 5px;
    }

    /*.whyreg_area{
	min-height:auto;
}*/

    .mbl_var_area h1 {
        width: 100%;
    }

    .mbl_textbox {
        width: 100%;
    }

    .mbl_btn {
        margin-top: 20px;
    }

    .col-fifth-grid {
        width: 100%;
    }

    .image_holder {
        width: 100%;
        height: 250px;
    }

        .image_holder img {
            width: 100%;
        }

    .login_modal {
        width: 90%;
        top: 1%;
    }

    .half-form {
        width: 30%;
    }

    .login_form {
        padding: 15px;
    }

    .tab-group li a {
        font-size: 18px;
        padding: 8px;
    }

    .tab-content h2 {
        font-size: 18px;
    }

    .reg_form_sec {
        margin-top: 60px;
    }

    .reg_form_area {
        padding: 15px;
    }

    .reg_select {
        /*width: 32.5% !important;*/
        float: left;
    }

    .reg_select2 {
        width: 28% !important;
        float: left;
    }

    .reg_input2 {
        width: 70% !important;
        display: inline-block;
    }

    .search_area {
        margin-top: 30px;
        text-align: center;
    }

    .add_area {
        height: auto;
    }

    .add_area2 {
        height: auto;
        margin-top: 30px;
    }

    .rec_img_holder {
        width: 100px;
        height: 70px;
    }

    .search_area {
        text-align: left;
    }

    .res_m_top {
        margin-top: 15px;
    }

    .dob-sel {
        width: 41%;
    }

    .form_cell label {
        width: 100%;
        font-weight: 700;
    }

    .form_cell span {
        font-weight: 700;
    }

    .mem_age_select {
        width: 45% !important;
    }

    .form_cell {
        float: none;
        display: block;
    }

    .mem_to_select {
        width: 43% !important;
    }

    .span_width {
        width: 100%;
    }

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

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

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

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

    .year_icon .form-control-feedback {
        left: 64%;
    }

    .reg_field {
        height: auto;
    }

    .reg_last_name {
        margin-top: 15px;
    }

    .user_span {
        margin: 8px 7px;
    }

    .login-right {
        width: 100%;
        padding: 15px;
        display: inline-block;
    }

    .regsiter-area {
        margin-left: -15px;
        margin-bottom: -30px;
        margin-right: -15px;
    }

    .regsiter-but {
        width: 100% !important;
    }

    .login-txt {
        font: 15px/23px "Open sans";
    }

    .reg_form_area .reg-btn {
        margin-top: 10px;
    }

    .valid_area {
        width: 50%;
        padding: 10px;
        position: relative;
    }

    .vertical_center {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
    }

    .valid_area h2 {
        font-size: 22px;
    }

    .last_area {
        width: 50%;
        position: relative;
    }

        .last_area p {
            font-size: 25px;
            /*margin: 0 0 10px 0;*/
        }

    .plans_area .active .last_area button {
        width: 100px;
        height: 35px;
        font-size: 14px;
    }

    .monthly-plan li {
        font-size: 13px;
    }

    .plan-headline {
        font-size: 16px;
    }

    .panel-group .panel {
        padding: 10px;
    }

    .plan_back {
        padding: 0;
    }

    .mem_back {
        margin: -40px 0;
    }

    .paid_top h2 {
        font-size: 24px;
        padding: 10px 0;
        line-height: 30px;
    }

    .paid_mem_area h3 {
        padding: 20px 15px;
        line-height: 25px;
        text-align: justify;
    }

    .paid_box {
        margin-bottom: 20px;
    }

    .logo_index {
        text-align: center;
    }

    .header-btn-area {
        margin-top: 5px;
    }

        .header-btn-area div {
            text-align: center;
        }

    .breadcrumb_sec {
        margin-top: 150px;
    }

    .img-box {
        width: 100%;
        height: 100%;
        overflow: hidden;
        position: relative;
    }

    .Profile_list-name {
        padding-left: 15px;
        padding-right: 15px;
        text-align: center;
    }

        .Profile_list-name h3 {
            font-size: 15px;
        }

            .Profile_list-name h3 span {
                font-size: 18px;
            }

    .mobile-result {
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 20px;
    }

    .message-send {
        margin-left: auto;
        margin-right: auto;
        display: block;
    }

    .search_top_area p {
        width: 80%;
        font-size: 16px;
    }

    .search_top_area a {
        margin-top: -40px;
    }

    .like-list-center {
        text-align: center;
    }

    .like-list {
        margin-top: 0;
    }

    .rating_back {
        margin-top: -20px;
    }

    .star-rating-table-xs td:first-child {
        background-color: #e55c61;
        color: #fff;
        font-size: 15px;
    }

    .star-rating-table-xs td {
        color: #000;
        font-weight: 600;
        padding: 15px 8px !important;
    }

        .star-rating-table-xs td i {
            font-size: 20px;
        }

    .interest_area button {
        width: 45%;
    }

    .extra_btn_area button {
        width: 100%;
        margin-top: 4px;
    }

    .dropdown-menu {
        left: -4px;
    }

    .pro_img_area {
        height: 300px;
        overflow: hidden;
    }

    .mobile-visible {
        display: inline-block !important;
    }

    .search_area button {
        margin-left: auto;
        margin-right: auto;
    }

    .advance-btn {
        float: none;
        text-align: center;
        display: block;
    }

    .activity_area {
        height: auto;
    }

    .act_more a {
        margin: 20px auto 0;
    }

    .trust-meter {
        margin: 10px 0;
    }

    .Profile_list-name {
        width: 75%;
    }

    .status-area {
        width: 25%;
    }

    .mem_btn1 {
        margin-left: 0;
        margin-right: 0;
    }

    .mem_btn2 {
        width: 100%;
    }

    .pro_info {
        padding: 0 0 0 15px;
        display: table;
        float: none;
    }

    .pro_progress {
        width: 100%;
        margin-left: 0;
    }

    .f1-steps {
        background-color: #ddd;
        padding: 10px;
    }

    .f1-step.active p {
        border-bottom: 3px solid #e55c61;
    }

    .pro_btn, .edu_btn, .edu_btn2 {
        font-size: 17px;
    }

    .mbl_otpbox {
        width: 100%;
    }

    .last_area i {
        margin-top: 0;
    }

    .faq_search_area input {
        width: 60%;
    }

    .card-header {
        position: relative;
    }

        .card-header i {
            position: absolute;
            right: 15px;
            top: 40%;
            cursor: pointer;
        }

    .panel-title span {
        float: left;
    }

    .act_text_area span {
        width: 68%;
        display: inline-block;
    }

    .plans_area input {
        top: unset;
        transform: translateY(-50%);
    }

    .middle_area {
        width: 100%;
        float: none;
    }

    .accordion .active .pa-btn {
        background-color: #029789;
        cursor: pointer;
        color: #fff;
    }

    .accordion .active .middle_area h2 {
        color: #e61959;
    }

        .accordion .active .middle_area h2 i {
            line-height: 32px;
        }

    .skip-btn {
        margin: 10px 0 0 20px;
    }

    .half_box {
        width: 47%;
    }

    .cont_lvl {
        padding-left: 25px;
        text-align: left;
        margin-bottom: 5px;
    }

    .cont_lvl1 {
        padding-left: 15px;
        text-align: left;
        margin-bottom: 5px;
    }

    .conn-list-img-holder {
        height: auto;
        width: 100%;
    }
.profile-pic {
margin:0 auto;
    }
    .edit-btn {
     float:right;   
    }
    }



@media(max-width: 480px) {
    .video-js {
        height: 200px !important;
    }
}

@media(max-width: 360px) {
    .right-50 {
        right: 36px;
    }

    .search_top_area a {
        margin-top: -40px;
    }

    .mobile-visible {
        margin-right: 35px;
    }
}

@media(max-width: 320px) {
    .form-area h2 {
        font-size: 20px;
    }

    .user_span {
        margin: 8px 5px;
    }

    .foot-links li a {
        font-size: 12px;
    }

    .banner-img {
        margin-top: 0;
        position: relative;
        right: 0;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    .search_top_area {
        padding: 10px;
    }

    .skip-btn {
        margin: 30px 0 0 20px;
    }
}

@media(min-width: 481px) and ( max-width: 640px) {
    .pro_img_area {
        height: 500px;
    }

    .banner-img {
        margin-top: 0;
        position: relative;
        right: 0;
        width: 46%;
        margin-left: auto;
        margin-right: auto;
    }
}


/**************************** media quaries ends******************************************/