@charset "utf-8";
/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Open+Sans);

body {
margin: 0;
padding: 0;
font: normal 12px/16px 'Open Sans',serif;
background: #000;
}



@font-face {
    font-family: Helvetica;
    src: url(../fonts/Helvetica.ttf);
}

.recover_passs .form-group .input-group .form-control {
position: inherit;
}

.clearboth {
clear: both;
}

header .logo {
padding-top: 5px;
}

.logo_socail {
padding-top: 31px;
margin-left: -20px;
}

.logo_socail ul {
margin: 0;
padding: 0;
}

.logo_socail ul li {
list-style-type: none;
display: inline-block;
margin-left: 2px;
}
.GeneralInforty label {
    font-size: 15px;
}
.alert-massage {
    font-size: 13px;
    margin-top:10px;
    display:block;
}

.logo_socail ul li:first-child {
    list-style-type: none;
    display: inline-block;
    text-decoration: none;
    font: bold 19px/20px "Lucida Calligraphy";
    color: white;
    margin-right: 12px;
    margin-top: 2px;
}

.logo_socail ul li a {
width:28px;
height:28px;
display:block;
border-radius:50%;
font-size:18px;
text-align:center;
}
.logo_socail ul li a i {
line-height:28px;
}
.logo_socail ul li a.facebook {
background-color:#36609f;
color:#fff;
}
.logo_socail ul li a.twitter {
background-color:#2aa9e0;
color:#fff;
}

.logo_socail ul li a.instagram {
background: linear-gradient(-130deg, #7e3ab1, #e80c28, #f4cb01) !important;
color:#fff;
}

.logo_socail ul li a.instagram:hover {
color: #7e3ab1  !important;
background:#fff !important;
}

.logo_socail ul li a.gplus {
background-color:#e33c22;
color:#fff;
}
.logo_socail ul li a.facebook:hover {
background-color:#fff;
color:#36609f;
}
.logo_socail ul li a.twitter:hover {
background-color:#fff;
color:#2aa9e0;
}
.logo_socail ul li a.gplus:hover {
background-color:#fff;
color:#e33c22;
}

.mem-text{
    width: 80%;
    text-align: center;
    margin: 45px auto 0;
    font-size: 14px;
    line-height: 22px;
    color: #fff;
}
.tooltip_one {
    
    /* border-bottom: 1px dotted black; */
    top: 5px;
    right: 25px;
}

    .tooltip_one .tooltiptext {
        visibility: hidden;
        background:#555;
        border:2px solid #333;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 15px;
        position: absolute;
        z-index: 1;
        bottom: 80%;
        left: 0;
        margin-left:0;
        opacity: 0;
        transition: opacity 0.3s;
        font-size: 15px;
    }

        .tooltip_one .tooltiptext::after {
            content: "";
            position: absolute;
            top: 0%;
            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;
    }

    .tooltip_one div {
        
    }
    .tooltip_two {
    
    /* border-bottom: 1px dotted black; */
    top: 5px;
    right: 25px;
}

    .tooltip_two .tooltiptext {
        visibility: hidden;
        background:#555;
        border:2px solid #333;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 15px;
        position: absolute;
        z-index: 1;
        bottom:25%;
       left: 50%;
       margin-left: 0;
       opacity: 0;
       transition: opacity 0.3s;
       font-size: 15px;
       width: 500px;
       z-index: 3000;
    }

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

    .tooltip_two:hover .tooltiptext {
        visibility: visible;
        opacity: 1;
    }

    .tooltip_two div {
        
    }





.logo_login ul {
display: flex;
}

.logo_login ul li {
display: inline-block;
padding: 0px 2px 0 0;
width: 100%;
}

.logo_login ul li a {
}

.logo_login p {
color: rgb(255, 0, 0);
}

.logo_login2 {
margin: 9px -2px;
}

.logo_login2 li {
color: #FF0000;
font-size: 14px;
}

.logo_login2 li a {
color: #FF0000;
font-size: 15px;
text-decoration: underline;
margin-left: 14px;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #ffffff;
font: 10px Arial;
line-height: 1;
}

::-moz-input-placeholder { /* Firefox 19+ */
color: #ffffff;
line-height: 1;
font: 8px Arial;
}

:-ms-input-placeholder { /* IE 10+ */
color: #ffffff;
font: 10px Arial;
line-height: 1;
}

:-moz-input-placeholder { /* Firefox 18- */
color: #ffffff;
font: 8px Arial;
line-height: 1;
}


@media screen and (max-width:320px) {
.logo_login2 li a {
font-size: 12px !important;
}

.first_tab .date h4 {
font-size: 20px !important;
}

.second_tab .date h4 {
font-size: 18px !important;
}
}

@media (min-width:321px) and (max-width:480px) {
.second_tab .date h4 {
font-size: 18px !important;
}

.first_tab .date h4 {
font-size: 17px !important;
}
}
/*header*/
@media screen and (max-width: 992px) {
.usr_pass_login .usr_pass {
width: 100%;
}
}

@media screen and (max-width:767px) {
.logo_login ul {
display: inline-block;
}

.logo_login ul li {
padding-top: 10px;
}

.usr_pass_login {
margin-top: 10px !important;
margin-left: -3px;
}

.usr_pass_login .login_button4 {
margin: auto;
}
}


/*footer*/


footer {
background: rgb(1,0,0);
background: -moz-linear-gradient(top, rgba(1,0,0,1) 0%, rgba(50,1,1,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(1,0,0,1)), color-stop(100%,rgba(50,1,1,1)));
/* background: -webkit-linear-gradient(top, rgba(1,0,0,1) 0%,rgba(50,1,1,1) 100%); */
background: -o-linear-gradient(top, rgba(1,0,0,1) 0%,rgba(50,1,1,1) 100%);
background: -ms-linear-gradient(top, rgba(1,0,0,1) 0%,rgba(50,1,1,1) 100%);
/* background: linear-gradient(to bottom, rgba(1,0,0,1) 0%,rgba(50,1,1,1) 100%); */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#010000', endColorstr='#320101',GradientType=0 );
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
margin: 0 auto;
}

.footer_main {
text-align: center;
padding-top: 35px;
padding-left:35px;
}

.footer_main ul {
    padding: 0;
    margin: 0;
}

.footer_main ul li {
    display: inline;
    border-right:1px solid #fff;
    padding:0 15px;
}

.footer_main li:last-child {
    border-right: none;
}

.footer_main ul li a:hover {
    text-decoration: none;
    color: #999;
}

.footer_main a {
    text-decoration: none;
    color: white;
    font-family: "Open Sans";
    font-size: 15px;
    letter-spacing: 0.9px;
    text-transform: uppercase;
}

/*end*/
section {
margin-top: 30px;
}
section h1 {
z-index: 1000;
/*font-family: 'Bernard MT';*/
font-size: 24px;
font-weight: bold;
color: #ffffff;
}
section h2 {
z-index: 1000;
/*font-family: 'Bernard MT';*/
font-size: 24px;
font-weight: bold;
float: right;
color: #ffffff;
padding-top: 18px;
}
.fl-right{
float: right;
}
.pad-top-18{
padding-top: 18px;
}
.payment .customer_care h1::after {
            right: 5px;
            border-bottom: 99px solid red;
            border-right: 83px solid transparent;
            border-top: 0 solid transparent;
        }

        .customer_care2 h1 {
            margin: 0;
        }

        .customer_care2 h3 {
            padding-top: 10px;
            margin: 0;
        }

        #tab-2 .well .form-group .bankbtn_new {
            height: auto;
            margin-top: 30px;
            padding: 7px 20px;
            width: auto;
        }

        #tab-3 .well .form-group .bankbtn_new {
            height: auto;
            margin-top: 30px;
            padding: 7px 20px;
            width: auto;
        }

        .gave-mestar .payment222 .add_more h1::after {
            top: 44.9%;
        }

        .gave-mestar .uploadphoto_popupcontent {
            background: #000000 none repeat scroll 0 0;
            border: 2px solid red;
            box-shadow: 0 2px 5px #000;
            color: red;
            font-family: Arial;
            font-size: 15px;
            height: auto;
            margin: 100px auto;
            padding: 10px;
            position: relative;
            width: 700px;
            z-index: 103;
        }

        .uploadphoto_popupcontent .black_secpay {
            background-color: Black;
            border: 1px solid #7e7d7d;
            color: White;
            font-family: Arial;
            font-size: 18px;
            height: auto;
            line-height: 28px;
            margin: 0;
            padding: 5px 0;
            text-align: center;
            text-transform: uppercase;
            width: auto;
        }

        .pooff_popup {
            margin: 10px 0 0 33px;
        }

            .pooff_popup p {
                color: White;
                float: left;
                font-family: verdana;
                font-size: 15px;
                line-height: 22px;
                margin-top: 30px;
                text-align: center;
            }

        .payment .gave_mestarrr h2 {
            margin: 0;
        }
        .paymentoffilinestartqwe {
            margin-right: -119px; 
        }


/*tabs*/
.tabs {
padding: 0;
margin: 0;
}

.tab_widget_contener {
margin: 15px auto;
}

.page_wrape {
text-align: center;
}

ul {
margin: 0px;
}

.choco_right{
    float:right !important;
}

.tab_item {
display: inline-block;
border-radius: 10px 10px 0px 0px;
font-size: 16px;
color: #fff;
font-family: Verdana;
padding: 20px 0;
text-align: center;
width: 24.5%;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff3019+0,cf0404+100;Red+3D */
/*background-image: url(phonafriendimage/home/temp1.png);*/
background:  #a10707; 

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e0000', endColorstr='#a10707',GradientType=0 ); /* IE6-9 */
}

.tab_item a{
    display:block;
    color:#fff;
}

.tab_item a:hover, .tab_item a:focus{
    text-decoration:none;
    box-shadow: none;
}


.tab_item i{
    margin-right:5px;
    font-size:22px;
}

.tabs .active {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff3019+0,cf0404+100;Red+3D */
background: #a10707; /* Old browsers */
background: -moz-linear-gradient(top, #e41a1a 0%, #a10707 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #e41a1a 0%,#a10707 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #e41a1a 0%,#a10707 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e41a1a', endColorstr='#a10707',GradientType=0 ); /* IE6-9 */
}



.tab_item .active {
border: 1px solid #903;
}

.tab_content:first-child {
background-color: #8d0202;
padding-top: 30px;
padding-left: 70px;
padding-right: 70px;
padding-bottom: 60px;
}

.tab_content .second_tabbb {
background-color: #8d0202;
padding-top: 30px;
padding-left: 70px;
padding-right: 70px;
padding-bottom: 60px;
}

.home-content {
padding-top: 50px;
}

.home-content_1 {
padding-top: 10px;
}

.tab_content:nth-child(n+2) {
display: none;
}

.tab_content p {
color: #ffffff;
}

.tab_content {
}

.first_tab {
margin: 22px 10px;
}

.first_tab .date {
margin-left: -60px;
}

.first_tab .date h3 {
font-family: Arial;
font-size: 24px;
font-weight: bold;
color: white;
width: 95%;
margin-bottom: 0;
padding: 10px 0 10px 10px;
background: -moz-linear-gradient(left, #350101 0%, #8d0202 100%);
background: -webkit-linear-gradient(left, #350101 0%,#8d0202 100%);
background: linear-gradient(to right, #350101 0%,#8d0202 100%);
}
.first_tab .date h4 {
font-family: Arial;
font-size: 24px;
font-weight: bold;
color: white;
width: 95%;
margin-bottom: 0;
padding: 10px 0 10px 10px;
background: -moz-linear-gradient(left, #350101 0%, #8d0202 100%);
background: -webkit-linear-gradient(left, #350101 0%,#8d0202 100%);
background: linear-gradient(to right, #350101 0%,#8d0202 100%);
}

.first_tab .date p {
font-family: Arial;
font-size: 15px;
color: black;
color: white;
line-height: 24px;
text-align: justify;
}

/*second*/

.second_tab {
margin: 22px 10px;
padding: 0 15px 0 0;
}

.second_tab .date {
margin-left: 0px;
}

.second_tab .date h4 {
font-family: Arial;
font-size: 24px;
color: white;
padding: 10px 10px 10px 5px;
margin-top: 0;
width: 95%;
background: #8d0202;
background: -moz-linear-gradient(left, #8d0202 0%, #350101 100%);
background: -webkit-linear-gradient(left, #8d0202 0%,#350101 100%);
background: linear-gradient(to right, #8d0202 0%,#350101 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8d0202', endColorstr='#350101',GradientType=1 );
float: right;
text-align: right;
}

.second_tab .date p {
font-family: Arial;
font-size: 15px;
color: black;
color: white;
line-height: 24px;
text-align: right;
float: right;
}

.second_tab .new_tab img {
float: right;
}


.main_sub {
border: 2px solid #ffffff;
margin-left: 0px;
}

.main_sub2 {
border: 2px solid #ffffff;
margin: -15px -15px 12px 15px;
}

.first_tab .main_name {
/*margin-top: 50px;*/
}

.first_tab .main_name p {
font-family: Arial;
font-size: 18px;
line-height: 27px;
color: White;
}

.first_tab .main_name2 {
float: right;
margin-right: 20px;
}

.second_tabbb .first_tab .date {
margin-left: 0;
}

.second_tabbb .first_tab .date p {
font-family: Arial;
font-size: 15.4px;
line-height: 20px;
color: White;
width: 98%;
}

.arrow {
background: url(../phonafriendimage/home/tmpf00446.png)left center no-repeat;
width: 12px;
height: 10px;
margin-top: 13px;
}

.second_tabbb .first_tab .date ul li {
display: list-item;
margin: 0 0 5px 25px;
list-style-image: url(../phonafriendimage/home/tmpf00446.png);
}

.second_tabbb .first_tab .date ul li a span {
font-family: Arial;
font-size: 17px;
font-weight: bold;
color: White;
padding-top: 12px;
text-decoration: underline;
}

.second_tabbb .first_tab .date ul li a {
font-family: Arial;
font-size: 15px;
line-height: 23px;
color: White;
text-decoration: none;
font-weight: 400;
text-align: justify;
}

.bottom {
    background: url(../phonafriendimage/home/dating-register-banner.png)no-repeat 0 0;
    width: 1024px;
    height: 121px;
}

/*480*/
@media screen and (max-width: 480px) {
.footer_main ul li {
padding: 0 1px;
}

.logo_socail {
padding-top: 0;
margin: 0;
text-align: center;
}

.usr_pass {
width: 100% !important;
}

.usr_pass_login {
margin-top: 10px;
}

.tab_content img {
margin: auto;
}

.tab_content {
padding-left: 30px !important;
}

.first_tab .date {
margin-left: 0px !important;
padding-right: 15px;
}

.second_tab .date {
margin-left: 0px !important;
padding-right: 15px;
}

.second_tab .new_tab img {
float: none !important;
}

.second_tab .date p {
text-align: justify !important;
}

.first_tab .main_name2 {
float: right;
margin-right: 0px;
}
}


/*800*/
@media screen and (max-width: 800px) {
.footer_main ul li {
padding: 0 1px;
}

.tab_item {
width: 50% !important;
float: left;
}

section {
margin-top: 15px;
}

section h2 {
padding-bottom: 15px;
padding-top: 0;
font-size: 22px;
text-align: center;
float: inherit;
}

header .logo img {
margin: auto;
}

.logo_login2 {
text-align: center;
}

.logo_socail {
padding-top: 0;
margin: 0;
text-align: center;
}

.usr_pass {
width: 100px;
}

.usr_pass_login {
margin-top: 10px;
text-align: center;
}

.tab_content img {
margin: auto;
}

.tab_content {
padding-left: 30px !important;
}

.first_tab .date {
margin-left: 0px !important;
padding-right: 15px;
}

.second_tab .date {
margin-left: 0px !important;
padding-right: 15px;
}

.first_tab .new_tab img {
float: none !important;
padding: 0 13px 0 0;
}

.second_tab .new_tab img {
float: none !important;
}

.second_tab .date p {
text-align: justify !important;
}

.first_tab .main_name2 {
float: right;
margin-right: 0px;
}
}

.our_banner {
padding-left: 0;
margin-left: -5px;
text-align: center;
}

.our_banner img {
margin: auto;
}

@media screen and (max-width:990px) {
.our_banner {
display: none;
}
}

@media screen and (max-width:1200px) {
.our_banner {
margin-left: -12px;
}
}

/*========================ServicesInfoLogin=============================*/
/*
Code snippet by maridlcrmn for Bootsnipp.com
Follow me on Twitter @maridlcrmn
*/

.navbar-brand {
position: relative;
z-index:;
}

.navbar-nav.navbar-right .btn {
position: relative;
z-index: 2;
padding: 4px 20px;
margin: 10px auto;
transition: transform 0.3s;
}

.navbar .navbar-collapse {
position: relative;
overflow: hidden !important;
}

.navbar .nav-collapse {
position: absolute;
z-index: 1;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: 0;
padding-right: 120px;
padding-left: 80px;
width: 100%;
}

.navbar.navbar-default .nav-collapse {
background-color: #f8f8f8;
}

.navbar.navbar-inverse .nav-collapse {
background-color: #222;
}

.navbar .nav-collapse .navbar-form {
border-width: 0;
box-shadow: none;
}

.nav-collapse > li {
float: right;
}

.btn.btn-circle {
border-radius: 50px;
}

.btn.btn-outline {
background-color: transparent;
}

.navbar-nav.navbar-right .btn:not(.collapsed) {
background-color: rgb(111, 84, 153);
border-color: rgb(111, 84, 153);
color: rgb(255, 255, 255);
}

.navbar.navbar-default .nav-collapse,
.navbar.navbar-inverse .nav-collapse {
height: auto !important;
transition: transform 0.3s;
transform: translate(0px,-50px);
}

.navbar.navbar-default .nav-collapse.in,
.navbar.navbar-inverse .nav-collapse.in {
transform: translate(0px,0px);
}


@media screen and (max-width: 767px) {
.navbar .navbar-collapse .navbar-right > li:last-child {
padding-left: 15px;
padding-right: 15px;
}

.navbar .nav-collapse {
margin: 7.5px auto;
padding: 0;
}

.navbar .nav-collapse .navbar-form {
margin: 0;
}

.nav-collapse > li {
float: none;
}

.navbar.navbar-default .nav-collapse,
.navbar.navbar-inverse .nav-collapse {
transform: translate(-100%,0px);
}

.navbar.navbar-default .nav-collapse.in,
.navbar.navbar-inverse .nav-collapse.in {
transform: translate(0px,0px);
}

.navbar.navbar-default .nav-collapse.slide-down,
.navbar.navbar-inverse .nav-collapse.slide-down {
transform: translate(0px,-100%);
}

.navbar.navbar-default .nav-collapse.in.slide-down,
.navbar.navbar-inverse .nav-collapse.in.slide-down {
transform: translate(0px,0px);
}

header .navbar .navbar-collapse {
border: none;
background: #000;
background: #232323;
background: -moz-linear-gradient(top, #232323 1%, #232323 42%, #232323 98%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#232323), color-stop(42%,#232323), color-stop(98%,#232323));
/* background: -webkit-linear-gradient(top, #232323 1%,#232323 42%,#232323 98%); */
background: -o-linear-gradient(top, #232323 1%,#232323 42%,#232323 98%);
background: -ms-linear-gradient(top, #232323 1%,#232323 42%,#232323 98%);
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
z-index: 99999;
}

header .navbar-default {
height: auto !important;
}

header .navbar-default h2 {
float: left;
width: auto !important;
}
}

@media screen and (max-width: 1024px) {
header .navbar-default .navbar-nav > li > a {
padding: 11px 11px !important;
}

header .navbar-default ul {
margin: 0;
padding: 0;
margin-top: 0px;
z-index: 999999;
}

header .navbar-default h2 {
font-size: 22px;
color: #ffffff;
width: 94%;
text-align: right;
margin-top: 0px;
}
}

@media screen and (max-width: 767px) {
header .navbar-default h2 {
font-size: 22px;
color: #ffffff;
width: 94%;
margin-top: 0px !important;
}

header .navbar-header .navbar-toggle {
margin-top: -10px;
}
}

@media screen and (max-width: 400px) {
header .navbar-default h2 {
font-size: 15px !important;
text-align: left !important;
}
}

header .navbar-default {
margin-top: 14px;
margin-left: auto;
border: none;
margin-right: auto;
background: #000;
background: #4d4d4d;
background: -moz-linear-gradient(top, #4d4d4d 1%, #232323 42%, #232323 98%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#4d4d4d), color-stop(42%,#232323), color-stop(98%,#232323));
/* background: -webkit-linear-gradient(top, #4d4d4d 1%,#232323 42%,#232323 98%); */
background: -o-linear-gradient(top, #4d4d4d 1%,#232323 42%,#232323 98%);
background: -ms-linear-gradient(top, #4d4d4d 1%,#232323 42%,#232323 98%);
/* background: linear-gradient(to bottom, #4d4d4d 1%,#232323 42%,#232323 98%); */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d4d4d', endColorstr='#232323',GradientType=0 );
height: 100px;
border-top-right-radius: 20px;
border-top-left-radius: 20px;
margin-bottom: 5px;
}

header .navbar-default ul {
margin: 0;
padding: 0;
margin-top: 12px;
z-index: 999999;
}

header .navbar-default-intsrch ul{
margin-top: 0;
}

header .navbar-default h2 {
font-size: 20px;
color: #ffffff;
width: 94%;
text-align: right;
margin-top: 20px;
}

header .navbar-default .navbar-nav > li > a {
display: block;
padding: 11px 20px;
margin: 4px 2px 0;
border-radius: 2px 2px 0 0;
text-decoration: none;
font-size: 15px;
color: #878787;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75);
font-weight: 400;
opacity: .9;
text-align: center;
}

header .navbar-default .navbar-nav > li > a:hover,
header .navbar-default .navbar-nav > li > a:focus {
background: red;
display: block;
color: #fff;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.55);
opacity: 1;
}

header .navbar-default .navbar-nav > li > a:hover::after {
border-bottom: 7px solid #000;
border-left: 6px solid transparent;
border-right: 7px solid transparent;
content: "";
left: 50%;
margin-top: -7px;
position: absolute;
top: 100%;
}

header .navbar-brand {
height: auto;
}
/*====================TMPFSessionLogin=======================*/
.main_container_final {
margin: 0 auto;
}

.sessionlogin {
}

.sessionlogin .logo {
margin-top: 10px;
margin-bottom: 5px;
}

.sessionlogin .login {
height: 49px;
background-color: Black;
}

.sessionlogin .strong {
color: white;
font-size: 23px;
margin-left: 65px;
margin-top: 14px;
position: absolute;
z-index: 1000;
}

.sessionlogin .upper_panel1 {
width: 100%;
height: 41px;
background: #a7a7a7;
background: -moz-linear-gradient(top, #a7a7a7 1%, #525252 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#a7a7a7), color-stop(100%,#525252));
background: -webkit-linear-gradient(top, #a7a7a7 1%,#525252 100%);
background: -o-linear-gradient(top, #a7a7a7 1%,#525252 100%);
background: -ms-linear-gradient(top, #a7a7a7 1%,#525252 100%);
background: linear-gradient(to bottom, #a7a7a7 1%,#525252 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7a7a7', endColorstr='#525252',GradientType=0 );
margin: 5px 10px 5px 8px;
-moz-transform: skewX(-20deg);
-webkit-transform: skewX(-20deg);
-o-transform: skewX(-20deg);
-ms-transform: skewX(-20deg);
transform: skewX(-20deg);
position: relative;
}

.sessionlogin .password {
background: rgb(254,147,146);
background: -moz-linear-gradient(top, rgba(254,147,146,1) 0%, rgba(253,6,4,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,147,146,1)), color-stop(100%,rgba(253,6,4,1)));
background: -webkit-linear-gradient(top, rgba(254,147,146,1) 0%,rgba(253,6,4,1) 100%);
background: -o-linear-gradient(top, rgba(254,147,146,1) 0%,rgba(253,6,4,1) 100%);
background: -ms-linear-gradient(top, rgba(254,147,146,1) 0%,rgba(253,6,4,1) 100%);
background: linear-gradient(to bottom, rgba(254,147,146,1) 0%,rgba(253,6,4,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe9392', endColorstr='#fd0604',GradientType=0 );
-moz-transform: skewX(-5deg);
-webkit-transform: skewX(-5deg);
-o-transform: skewX(-5deg);
-ms-transform: skewX(-5deg);
transform: skewX(-5deg);
height: 50px;
margin-left: 18px;
margin-top: -5px;
position: absolute;
transform: skewX(-5deg);
width: 140px;
}

@media (max-width:340px) {
.new_add img {
width: 100%;
}
}

@media (max-width:767px) {
.sessionlogin .upper_panel1 {
}

section .body_container .form-horizontal p {
text-align: center;
float: inherit !important;
}

section .body_container .new_add img:first-child {
margin-bottom: 0px !important;
}
}

@media (min-width:768px) {
.main_container_final {
width: 686px;
}
}

@media (min-width:992px) {
.main_container_final {
}
}

@media (min-width:1200px) {
.main_container_final {
width: 686px;
}
}

section .body_container {
margin: 0 0 40px 0;
padding: 20px;
background: rgb(69,69,69);
background: -moz-linear-gradient(top, rgba(69,69,69,1) 1%, rgba(0,0,0,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(69,69,69,1)), color-stop(100%,rgba(0,0,0,1)));
background: -webkit-linear-gradient(top, rgba(69,69,69,1) 1%,rgba(0,0,0,1) 100%);
background: -o-linear-gradient(top, rgba(69,69,69,1) 1%,rgba(0,0,0,1) 100%);
background: -ms-linear-gradient(top, rgba(69,69,69,1) 1%,rgba(0,0,0,1) 100%);
background: linear-gradient(to bottom, rgba(69,69,69,1) 1%,rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#454545', endColorstr='#000000',GradientType=0 );
}

.main_container_final section {
margin: 0;
}

section .body_container .form-horizontal p {
float: right;
color: White;
font-size: 12px;
font-weight: bold;
padding-top: 35px;
}

section .body_container .form-horizontal .form-group-sm .control-label {
color: white;
font-family: Arial;
font-size: 15px;
font-weight: 400;
line-height: 2;
}

section .body_container .form-horizontal .form-group-sm .form-control {
border-radius: 0;
}

section .body_container .form-horizontal .form-group {
margin-bottom: 0;
}

section .body_container .form-horizontal .forget {
text-align: center;
margin-top: 10px;
}

section .body_container .form-horizontal .forget ul li {
display: inherit;
padding: 5px 0;
}

section .body_container .form-horizontal .forget a {
color: Red;
font-size: 15px;
font-family: Arial Narrow;
}

section .body_container .form-horizontal .forget .login_button {
background: #ff0000;
border: medium none;
border-radius: 6px;
color: #fff;
font: bold 16px/26px Arial,Helvetica,sans-serif;
height: 28px;
margin: 0;
outline: medium none;
text-align: center;
width: 72px !important;
cursor: pointer;
}

section .body_container .form-horizontal .forget .login_button:hover {
color: #ffffff;
text-decoration: none;
background-color: #b20000;
}

section .body_container h4 {
color: white;
font-size: 20px;
line-height: 27px;
font-weight: bold;
}
section .body_container h1 {
    color: white;
    font-size: 20px;
    line-height: 27px;
    font-weight: bold;
    margin:10px 0;
}
section .body_container p {
    color: white;
    font-size: 15px;
    line-height: 24px;
}

section .body_container .new_add img:first-child {
margin-bottom: -60px;
}
/*======================TMPFRecoverPswd===========================*/
.recoverpswd .logo {
margin-top: 10px;
}

.recoverpswd .login {
background-color: Black;
}

.recoverpswd .strong {
z-index: 1000;
margin-left: 50px;
margin-top: 13px;
position: absolute;
color: white;
font-size: 18px;
}

.recoverpswd .upper_panel1 {
width: 100%;
height: 49px;
margin-top: 2px;
background: #a7a7a7;
background: -moz-linear-gradient(top, #a7a7a7 1%, #525252 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#a7a7a7), color-stop(100%,#525252));
background: -webkit-linear-gradient(top, #a7a7a7 1%,#525252 100%);
background: -o-linear-gradient(top, #a7a7a7 1%,#525252 100%);
background: -ms-linear-gradient(top, #a7a7a7 1%,#525252 100%);
background: linear-gradient(to bottom, #a7a7a7 1%,#525252 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7a7a7', endColorstr='#525252',GradientType=0 );
margin: 5px 0 5px 8px;
-moz-transform: skewX(-20deg);
-webkit-transform: skewX(-20deg);
-o-transform: skewX(-20deg);
-ms-transform: skewX(-20deg);
transform: skewX(-20deg);
position: relative;
}

.recoverpswd .password {
height: 57px;
width: 242px;
background: rgb(254,147,146);
background: -moz-linear-gradient(top, rgba(254,147,146,1) 0%, rgba(253,6,4,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,147,146,1)), color-stop(100%,rgba(253,6,4,1)));
background: -webkit-linear-gradient(top, rgba(254,147,146,1) 0%,rgba(253,6,4,1) 100%);
background: -o-linear-gradient(top, rgba(254,147,146,1) 0%,rgba(253,6,4,1) 100%);
background: -ms-linear-gradient(top, rgba(254,147,146,1) 0%,rgba(253,6,4,1) 100%);
background: linear-gradient(to bottom, rgba(254,147,146,1) 0%,rgba(253,6,4,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe9392', endColorstr='#fd0604',GradientType=0 );
-moz-transform: skewX(-5deg);
-webkit-transform: skewX(-5deg);
-o-transform: skewX(-5deg);
-ms-transform: skewX(-5deg);
transform: skewX(-5deg);
margin-left: 30px;
margin-top: -4px;
padding: 4px 0;
position: absolute;
}

@media (max-width:340px) {
.recover_passs {
width: 88% !important;
margin: auto;
}

.recoverpswd .password {
margin-left: 15px;
}

.recoverpswd .upper_panel1 {
}

.recover_para p {
font-size: 17px !important;
}
}

@media (max-width:767px) {
section .body_container .form-horizontal p {
text-align: center;
float: inherit !important;
}

.recover_passs {
width: 90%;
margin: auto;
}

section .body_container .new_add img:first-child {
margin-bottom: 0px !important;
}
}

@media (min-width:768px) {
.main_container_final {
width: 686px;
}
}

@media (min-width:992px) {
.main_container_final {
}
}

@media (min-width:1200px) {
.main_container_final {
width: 686px;
}
}

section .body_container {
margin: 0 0 20px 0;
padding: 20px;
background: rgb(69,69,69);
background: -moz-linear-gradient(top, rgba(69,69,69,1) 1%, rgba(0,0,0,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(69,69,69,1)), color-stop(100%,rgba(0,0,0,1)));
background: -webkit-linear-gradient(top, rgba(69,69,69,1) 1%,rgba(0,0,0,1) 100%);
background: -o-linear-gradient(top, rgba(69,69,69,1) 1%,rgba(0,0,0,1) 100%);
background: -ms-linear-gradient(top, rgba(69,69,69,1) 1%,rgba(0,0,0,1) 100%);
background: linear-gradient(to bottom, rgba(69,69,69,1) 1%,rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#454545', endColorstr='#000000',GradientType=0 );
}

.main_container_final section {
margin: 0;
}

section .body_container .recover_para2 .form-horizontal p {
float: inherit;
color: White;
text-align: center;
font-size: 20px;
font-weight: bold;
padding-top: 15px;
padding-bottom: 15px;
}

section .body_container .recover_para2 .form-horizontal .form-group-sm .control-label {
color: white;
font-family: Arial;
font-size: 14px;
font-weight: 400;
}

section .body_container .recover_para2 .form-horizontal .form-group-sm .form-control {
height: 20px;
}

section .body_container .form-horizontal .form-group-sm .form-control {
border-radius: 0;
}

section .body_container .form-horizontal .form-group {
margin-bottom: 0;
}

section .body_container .form-horizontal .forget {
text-align: center;
margin-top: 10px;
}

section .body_container .form-horizontal .forget ul li {
display: inherit;
padding: 5px 0;
}

section .body_container .form-horizontal .forget a {
color: Red;
font-size: 15px;
font-family: Arial Narrow;
}

section .body_container .recover_para2 .form-horizontal .forget .login_button {
background: rgb(255,61,61);
background: -moz-linear-gradient(top, rgba(255,61,61,1) 0%, rgba(239,0,0,1) 99%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,61,61,1)), color-stop(99%,rgba(239,0,0,1)));
background: -webkit-linear-gradient(top, rgba(255,61,61,1) 0%,rgba(239,0,0,1) 99%);
background: -o-linear-gradient(top, rgba(255,61,61,1) 0%,rgba(239,0,0,1) 99%);
background: -ms-linear-gradient(top, rgba(255,61,61,1) 0%,rgba(239,0,0,1) 99%);
background: linear-gradient(to bottom, rgba(255,61,61,1) 0%,rgba(239,0,0,1) 99%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3d3d', endColorstr='#ef0000',GradientType=0 );
height: 37px;
width: 202px !important;
color: #fff;
font: 18px/20px Arial, Helvetica, sans-serif;
text-align: center;
margin: 0;
border: none;
outline: none;
cursor: pointer;
border-radius: 8px;
}

section .body_container .recover_para2 .form-horizontal .forget .login_button:hover {
background: #ffa1a1;
background: -moz-linear-gradient(top, #ffa1a1 1%, #a20404 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffa1a1), color-stop(100%,#a20404));
background: -webkit-linear-gradient(top, #ffa1a1 1%,#a20404 100%);
background: -o-linear-gradient(top, #ffa1a1 1%,#a20404 100%);
background: -ms-linear-gradient(top, #ffa1a1 1%,#a20404 100%);
background: linear-gradient(to bottom, #ffa1a1 1%,#a20404 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa1a1', endColorstr='#a20404',GradientType=0 );
}

section .body_container h5 {
color: white;
font-size: 18px;
line-height: 27px;
font-weight: 400;
font-family: Arial;
text-align: center;
}

section .body_container .new_add img:first-child {
margin-bottom: -60px;
}

.recover_para {
text-align: center;
padding-top: 30px;
padding-bottom: 45px;
}

.recover_para p {
font-size: 18px;
font-family: Arial;
color: white;
line-height: 1.5;
}

.recover_para p span {
color: Red;
font-size: 19px;
font-weight: bold;
}
/*============================TMPFAddMeHere===========================*/
.add_me {
margin-left: 0;
}

.add_me h2 {
background: -webkit-linear-gradient(top, #fd5454, #ee0604 75%);
background: -moz-linear-gradient(top, #fd5454, #ee0604 75%);
background: -o-linear-gradient(top, #fd5454, #ee0604 75%);
background: -webkit-gradient(top, #fd5454, #ee0604 75%);
background: -ms-linear-gradient(top, #fd5454, #ee0604 75%);
border-top-left-radius: 20px;
border-top-right-radius: 20px;
height: 52px;
width: 100%;
color: #fff;
padding: 0;
font: bold 23px/40px "Lucida Calligraphy";
text-align: center;
}

.add_memore {
background-color: #191919;
height: 650px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
}

.add_memore input {
position: relative;
top: 40px;
left: 10px;
}

.add_memore select {
height: 24px;
width: 200px;
float: left;
}

.add_memore .three p {
font-family: magra;
font-size: 16px;
color: White;
padding-top: 5px;
}

.add_memore .three p span {
color: red;
}

.triangle {
width: 0;
height: 0;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 12px solid red;
position: relative;
transform: rotate(90deg);
/* position: absolute; */
}

.add_memore .one {
background: url(../images/tmpf00280.png) no-repeat;
width: 100%;
height: 95px;
margin: 15px 0;
background-size: contain;
}

.add_memore .two {
background: url(../images/tmpf00281.png) no-repeat;
width: 100%;
height: 95px;
margin: 15px 0;
background-size: contain;
}

.amountbox {
background-color: White;
border: 1px solid white;
border-radius: 8px;
height: 31px;
margin-top: -23px;
width: 60px;
float: right;
}

.add_memore .purchase {
margin: 30px 20px 0 0;
text-align: center;
}

.add_memore .purchase a {
background: #650101;
background: -moz-linear-gradient(top, #650101 0%, #fb0000 46%, #fb0000 51%, #650101 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#650101), color-stop(46%,#fb0000), color-stop(51%,#fb0000), color-stop(100%,#650101));
background: -webkit-linear-gradient(top, #650101 0%,#fb0000 46%,#fb0000 51%,#650101 100%);
background: -o-linear-gradient(top, #650101 0%,#fb0000 46%,#fb0000 51%,#650101 100%);
background: -ms-linear-gradient(top, #650101 0%,#fb0000 46%,#fb0000 51%,#650101 100%);
background: linear-gradient(to bottom, #650101 0%,#fb0000 46%,#fb0000 51%,#650101 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#650101', endColorstr='#650101',GradientType=0 );
border-radius: 20px;
color: white;
font-size: 27px;
font-weight: bold;
padding: 10px 30px;
border-width: 2px;
border-style: outset;
border-color: buttonface;
}

.add_memore .purchase a:hover {
text-decoration: none;
}

.add_moremages {
display: flex;
}

.add_moremages img:first-child {
border: 2px solid red;
float: left;
width: 136px;
height: 149px;
}

.add_memore h6 {
color: White;
font-family: Arial;
font-size: 15px;
font-weight: 400;
margin-top: 27px;
line-height: 22px;
}

.testiHeadertext {
width: 213px;
height: 43px;
border-top-left-radius: 20px;
background-color: #ff0002;
position: absolute;
font: bold 23px/40px "Lucida Calligraphy";
}

.testiHeader {
width: 243px;
height: 43px;
border-top-left-radius: 20px;
background-color: #ff0002;
position: relative;
margin-left: 24px;
-webkit-transform: skew( 47deg);
-moz-transform: skew(47deg);
-o-transform: skew(47deg);
}

.testiHeadertext h3 {
position: absolute;
z-index: 100;
color: white;
font-size: 22px;
margin-left: 50px;
font-weight: bold;
margin-top: 6px;
font: Lucida Calligraphy;
}

.add_morebody {
border-top-right-radius: 20px;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
background-color: #c8c8c8;
overflow: auto;
-moz-box-shadow: inset 0 0 10px #000000;
-webkit-box-shadow: inset 0 0 10px #000000;
box-shadow: inset 0 0 10px #000000;
padding: 15px 10px 10px 10px;
}

.add_morebody p {
font-family: Verdana;
font-size: 14px;
color: #000000;
text-align: left;
margin: 10px 0 0 0;
}

.add_morebody span {
font-family: Arial;
font-size: 16px;
color: Red;
float: right;
border-bottom: 1px solid #000;
}

.add_morebody img {
width: 100%;
}

@media (max-width:321px) {
.add_me h2 {
font-size: 13px !important;
margin: 0 -15px;
}

.add_moremages img:first-child {
width: 43%;
height: 70%;
}

.add_memore .purchase a {
font-size: 20px !important;
}

.testiHeadertext h3 {
margin-top: 10px;
}

.testiHeader {
width: 200px;
}

.testiHeadertext {
width: 150px;
}
}

@media (min-width:568px) and (max-width:700px) {

.add_memore2 {
width: 57%;
margin: auto;
}
}

@media (min-width:701px) and (max-width:768px) {

.add_memore2 {
width: 51%;
margin: auto;
}
}

@media (min-width:769px) and (max-width:991px) {

.add_memore2 {
width: 60%;
margin: auto;
}
}

@media (max-width:1024px) {
.add_memore select {
width: 100%;
}

.add_memore .three p {
padding-top: 15px;
margin: 0;
}
}

@media (max-width:768px) {
.add_memore {
height: auto;
overflow: auto;
}

.add_memore .two {
height: 92px;
}

.add_memore select {
width: 100%;
}

.add_memore .one {
height: 92px;
}

.amountbox {
margin-top: -27px;
}

.add_memore .three p {
padding-top: 15px;
margin: 0;
}

.add_memore {
border-top-left-radius: 0px;
border-top-right-radius: 0px;
margin: 0;
}

.add_me {
margin: 0;
}

.add_me h2 {
font-size: 16px;
margin: 0;
}

.add_moremages img {
width: 50% !important;
}
}

/*=====================================TMPFAddImages=============================*/
.add_newmages {
padding: 0 15px;
}

.add_newmages ul {
text-align: center;
}

.add_newmages ul li {
padding: 0 15px;
line-height: 16;
}

.add_newmages ul li a img {
height: 180px;
width: 200px;
border: 1px solid red;
}
/*===popup css start====*/


.box {
margin: 0 auto;
border-radius: 20px/50px;
text-align: center;
}

.button {
background-color: #f61b1b;
padding: 5px 10px;
color: #fff;
font: 18px/27px Lato;
text-align: center;
border: none;
outline: none;
cursor: pointer;
border-radius: 5px;
}

.button:hover {
color: #ffffff;
text-decoration: none;
background-color: #b20000;
}

.button:focus {
color: #ffffff;
text-decoration: none;
background-color: #b20000;
}

.overlay {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.7);
transition: opacity 500ms;
visibility: hidden;
opacity: 0;
}

.overlay:target {
visibility: visible;
opacity: 1;
}

.popup {
width: 650px;
height: 343px;
margin: 100px auto;
background: #000000;
color: red;
font-family: Arial;
font-size: 15px;
position: relative;
z-index: 103;
padding: 10px;
margin-top: 220px;
box-shadow: 0 2px 5px #000;
border: 2px solid red;
text-align: center;
}

.popup h2 {
margin-top: 0;
color: #333;
font-family: Tahoma, Arial, sans-serif;
}

.popup .close {
position: absolute;
top: -10px;
width: 27px;
height: 27px;
right: -10px;
transition: all 200ms;
font-size: 17px;
font-weight: bold;
text-decoration: none;
z-index: 9999999;
color: #fff;
padding: 0;
background: #000;
opacity: 1;
background: url(../phonafriendimage/home/tmpf00247.png) no-repeat;
}

.popup .close:hover {
color: #fff;
}

.popup .content {
max-height: 30%;
overflow: auto;
}

@media screen and (max-width: 567px) {
.box {
margin: 10px 0;
}

.popup {
width: 70%;
margin: 20px auto;
z-index: 9999999999999;
height: inherit;
}

.please_keep {
width: 100%;
margin: auto;
}

.add_newmages ul li a img {
margin: 15px 0;
}

.add_newmages ul li {
padding: 0;
}

.popup .upload_image {
margin: 24px 0px !important;
}
}

@media (min-width:568px) and (max-width:767px) {

.box {
margin: 10px 0;
}

.popup {
width: 90%;
margin: 10px auto;
z-index: 9999999999999;
height: inherit;
}

.please_keep {
width: 95% !important;
margin: auto;
}

.add_newmages ul li a img {
margin: 15px 0;
}

.add_newmages ul li {
padding: 0;
}

.popup .upload_image {
margin: 10px 0px !important;
}

.popup p {
margin-top: 8px !important;
}
}

@media (min-width:768px) and (max-width:800px) {

.add_popup {
width: 70%;
}

.box {
margin: 10px 0;
}
}

@media (min-width:801px) and (max-width:1200px) {

.add_popup {
width: 90% !important;
}
}

/*===popup css end====*/
.add_popup {
margin: 15px auto;
width: 90%;
}

.add_popup .style-1 {
}

.style-1 input[type="text"] {
padding: 4px 10px;
border: solid 1px #dcdcdc;
transition: box-shadow 0.3s, border 0.3s;
font-size: 17px;
color: #ffffff;
width: 100%;
}

.style-1 input[type="text"]:focus,
.style-1 input[type="text"].focus {
border: solid 1px #707070;
box-shadow: 0 0 5px 1px #969696;
}

.add_popup input {
top: 0px;
width: 100%;
background-color: #494949;
}

.popup h2 {
font-family: Verdana;
font-size: 28px;
margin: 0;
text-align: center;
color: red;
float: inherit;
}

.popup p {
font-style: italic;
color: White;
margin-top: 25px;
font-family: Arial;
font-size: 15px;
text-align: center;
}

.popup .upload_image {
color: White;
margin: 23px 0 23px 63px;
}

.popup .upload_image input {
background: inherit;
width: inherit;
display: inline;
}

.popup .button {
font: 15px/25px "Century Gothic";
}

.please_keep {
width: 75%;
margin: auto;
}

.please_keep p {
font-size: 18px;
color: White;
margin-bottom: 9px;
font-style: inherit;
text-align: left;
}

.please_keep ul {
list-style: none;
}

.please_keep ul li {
display: inherit;
text-align: left;
padding: 0;
color: red;
}


.please_keep ul li:before {
content: "\00BB \0020";
color: #fff;
}
.payment .customer_care h1 {
margin: 0;
        }
/*================================TMPFAlbumList=====================================*/
.album {
}

.album h3 {
background: -webkit-linear-gradient(top, #fd5454, #ee0604 75%);
background: -moz-linear-gradient(top, #fd5454, #ee0604 75%);
background: -o-linear-gradient(top, #fd5454, #ee0604 75%);
background: -webkit-gradient(top, #fd5454, #ee0604 75%);
background: -ms-linear-gradient(top, #fd5454, #ee0604 75%);
border-top-left-radius: 20px;
border-top-right-radius: 20px;
height: 42px;
color: #fff;
font: bold 23px/42px "Lucida Calligraphy";
text-align: center;
}

.album_tabs {
padding: 15px 10px;
background-color: #191919;
}

.album_tabs h1 {
color: White;
font-family: Verdana;
font-size: 19px;
padding: 0;
margin: 0;
float: left;
}

.album_tabs h2 {
float: inherit;
text-align: right;
padding: 0;
margin: 0;
}

h2 a {
background: #fd5454;
background: -moz-linear-gradient(top, #fd5454 9%, #ee0604 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(9%,#fd5454), color-stop(100%,#ee0604));
background: -webkit-linear-gradient(top, #fd5454 9%,#ee0604 100%);
background: -o-linear-gradient(top, #fd5454 9%,#ee0604 100%);
background: -ms-linear-gradient(top, #fd5454 9%,#ee0604 100%);
background: linear-gradient(to bottom, #fd5454 9%,#ee0604 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd5454', endColorstr='#ee0604',GradientType=0 );
color: #fff;
margin: 0;
border: none;
outline: none;
cursor: pointer;
border-radius: 8px;
font-size: 16px;
font-weight: bold;
padding: 6px 12px;
font-family: Verdana;
}

h2 a:hover {
text-decoration: none;
color: #FFFFFF;
background: #d10204;
}

h2 a:focus {
text-decoration: none;
color: #FFFFFF;
background: #d10204;
}

.album_tabs .tab_item {
width: 18%;
padding: 10px 0;
font-size: 16px;
color: #ffffff;
font-family: Verdana;
}

.album_tabs .tab_content {
margin: 6px 0 0 0px;
background: -webkit-linear-gradient(0deg, black,#292929);
background: -o-linear-gradient(0deg, black,#292929);
background: -moz-linear-gradient(0deg, black,#292929);
background: linear-gradient(0deg, black,#292929);
overflow: hidden;
padding: 13px 0;
}

.album_tabs .tab_content p {
font-family: Arial;
font-size: 13px;
font-weight: bold;
color: #FFFFFF;
margin: 0;
padding: 5px 0;
}

@media screen and (max-width: 320px) {
.album_tabs h1 {
font-size: 18px;
line-height: 2;
}

.album_tabs h2 a {
font-size: 13px;
}
}

@media screen and (max-width: 800px) {
.album_tabs h2 {
margin-bottom: 15px;
padding-top: 5px;
}

.album_tabs .tab_contents .thumbnail img {
width: 100% !important;
}
}

@media (min-width:480px) and (max-width:800px) {
.album_tabs .wow {
margin: auto;
}
}

/*===========================================TMPFProfilePicsAdd===========================*/

.profilepicsadd .thumbnail img {
height: 190px;
width: 215px;
}

.profilepicsadd .thumbnail {
border: 4px solid red;
padding: 0;
background-color: initial;
margin: 15px 0;
}

.profilepicsadd .thumbnail:hover {
border: 4px solid #ffffff;
}

.disapproved {
position: absolute;
margin: -90px 0 0 25px;
}

.disapproved img {
}

.profilepicsadd h1 {
font-family: Verdana;
font-size: 19px;
color: #868585;
}

.profilepicsadd h1 span {
color: #868585;
font-size: 12px;
font-weight: bold;
font-family: Arial;
}

.profilepicsadd .box {
text-align: right;
}

.profilepicsadd h2 {
float: left;
text-align: inherit;
}

.profilepicsadd h2 .button {
padding: 7px 40px;
font: 15px/25px "Century Gothic";
border-radius: 8px;
}

.profilepicsadd h3 {
line-height: 31px;
}

.profilepicsadd h3 .button {
background: rgb(75,72,72);
background: -moz-linear-gradient(top, rgba(75,72,72,1) 0%, rgba(0,0,0,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(75,72,72,1)), color-stop(100%,rgba(0,0,0,1)));
background: -webkit-linear-gradient(top, rgba(75,72,72,1) 0%,rgba(0,0,0,1) 100%);
background: -o-linear-gradient(top, rgba(75,72,72,1) 0%,rgba(0,0,0,1) 100%);
background: -ms-linear-gradient(top, rgba(75,72,72,1) 0%,rgba(0,0,0,1) 100%);
background: linear-gradient(to bottom, rgba(75,72,72,1) 0%,rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4b4848', endColorstr='#000000',GradientType=0 );
padding: 7px 30px;
line-height: 2;
font: 18px/30px Lato;
}

.profilepicsadd h3 .button:hover {
background: rgb(155,155,155);
background: -moz-linear-gradient(top, rgba(155,155,155,1) 0%, rgba(2,2,2,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(155,155,155,1)), color-stop(100%,rgba(2,2,2,1)));
background: -webkit-linear-gradient(top, rgba(155,155,155,1) 0%,rgba(2,2,2,1) 100%);
background: -o-linear-gradient(top, rgba(155,155,155,1) 0%,rgba(2,2,2,1) 100%);
background: -ms-linear-gradient(top, rgba(155,155,155,1) 0%,rgba(2,2,2,1) 100%);
background: linear-gradient(to bottom, rgba(155,155,155,1) 0%,rgba(2,2,2,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9b9b9b', endColorstr='#020202',GradientType=0 );
}

@media (min-width:421px) and (max-width:800px) {
.profile_picnew {
width: 75% !important;
margin: auto;
}
}

@media (min-width:801px) and (max-width:991px) {
.profile_picnew {
width: 50% !important;
margin: auto;
}

.profilepicsadd .thumbnail img {
width: 100% !important;
}
}

@media screen and (max-width: 800px) {

.profilepicsadd .thumbnail img {
width: 100% !important;
}
}

@media screen and (max-width: 320px) {

.profilepicsadd h2 .button {
padding: 7px 25px;
}
}

@media (min-width:991px) and (max-width:1100px) {
.profilepicsadd h2 .button {
padding: 7px 35px;
}
}

}

@media (min-width:421px) and (max-width:800px) {
.photolist_row {
width: 75% !important;
margin: auto;
}
}

@media (min-width:801px) and (max-width:991px) {
.photolist_row {
width: 50% !important;
margin: auto;
}
}
/*=================================================TMPFBankTransfer========================================*/
.bank {
background-color: #2e2e2e;
margin: 0;
padding: 10px 0;
}

.bank h1 {
color: white;
font-size: 27px;
font-weight: bold;
margin: 15px 0;
}

.bank h1 span {
border: 2px solid Red;
padding: 4px 12px;
background-color: red;
border-radius: 100%;
text-align: center;
}

.bank p {
color: white;
font-family: Arial;
font-size: 20px;
line-height: 1.4;
margin: 20px 0 15px 0;
}

.bank h5 {
font-size: 20px;
color: white;
font-family: Arial;
text-align: center;
}

.bank p a {
color: white;
border-bottom: 2px solid #fff;
padding: 0px 0px;
margin: 0 5px;
}

.bank p a:hover {
text-decoration: none;
}

.bank ul {
margin: 35px 0;
}

.bank ul li {
}

.bank ul li a {
color: #FFFFFF;
font: bold 15px Arial, Helvetica, sans-serif;
background: -webkit-linear-gradient(top, #fd5454, #ee0604 75%);
background: -moz-linear-gradient(top, #fd5454, #ee0604 75%);
background: -o-linear-gradient(top, #fd5454, #ee0604 75%);
background: -webkit-gradient(top, #fd5454, #ee0604 75%);
background: -ms-linear-gradient(top, #fd5454, #ee0604 75%);
border-radius: 30px;
padding: 10px 26px;
text-align: center;
}

.bank ul li .bankbtn {
color: #FFFFFF;
font: bold 15px Arial, Helvetica, sans-serif;
background: -webkit-linear-gradient(top, #fd5454, #ee0604 75%);
background: -moz-linear-gradient(top, #fd5454, #ee0604 75%);
background: -o-linear-gradient(top, #fd5454, #ee0604 75%);
background: -webkit-gradient(top, #fd5454, #ee0604 75%);
background: -ms-linear-gradient(top, #fd5454, #ee0604 75%);
border-radius: 30px;
padding: 10px 26px;
text-align: center;
border: none;
}

ul li .bankbtn {
color: #FFFFFF;
font: bold 15px Arial, Helvetica, sans-serif;
background: -webkit-linear-gradient(top, #fd5454, #ee0604 75%);
background: -moz-linear-gradient(top, #fd5454, #ee0604 75%);
background: -o-linear-gradient(top, #fd5454, #ee0604 75%);
background: -webkit-gradient(top, #fd5454, #ee0604 75%);
background: -ms-linear-gradient(top, #fd5454, #ee0604 75%);
border-radius: 30px;
padding: 10px 26px;
text-align: center;
border: none;
}

.bankbtn_new {
color: #FFFFFF;
font: bold 15px Arial, Helvetica, sans-serif;
background: -webkit-linear-gradient(top, #fd5454, #ee0604 75%);
background: -moz-linear-gradient(top, #fd5454, #ee0604 75%);
background: -o-linear-gradient(top, #fd5454, #ee0604 75%);
background: -webkit-gradient(top, #fd5454, #ee0604 75%);
background: -ms-linear-gradient(top, #fd5454, #ee0604 75%);
border-radius: 30px;
padding: 10px 26px;
text-align: center;
border: none;
}

.bank ul li a:hover {
color: #FFFFFF;
text-decoration: none;
}

.bank ul li a:focus {
color: #FFFFFF;
text-decoration: none;
}

.bank ul li a .fa {
color: #FFFFFF;
padding: 0px 0px 0 10px;
font-size: 18px;
}

.bankdetails {
}

.bankdetails h3 {
background: -webkit-linear-gradient(top, #fd5454, #ee0604 75%);
background: -moz-linear-gradient(top, #fd5454, #ee0604 75%);
background: -o-linear-gradient(top, #fd5454, #ee0604 75%);
background: -webkit-gradient(top, #fd5454, #ee0604 75%);
background: -ms-linear-gradient(top, #fd5454, #ee0604 75%);
height: 42px;
border-radius: 8px;
color: #fff;
font: bold 24px/42px Arial, Helvetica, sans-serif;
margin: 0 0 5px 0;
text-align: center;
}

.bankdetails_new {
border-style: solid;
border-width: 1px;
color: White;
font-size: 12px;
background-color: Black;
margin-left: 3px;
}

.bankdetails_new h4 {
font-size: 20px;
font-weight: bold;
margin-top: 0px;
border-bottom: 2px solid #FFFFFF;
padding: 2px 0;
text-align: center;
margin-bottom: 15px;
}

.bankdetails_new p {
font-size: 12px;
margin: 4px 0px;
padding: 0 10px;
}

.bankdetails_new p span {
float: right;
}

.bankdetails .box {
margin-top: 25px;
}

.bankdetails .box .button {
background: -webkit-linear-gradient(top, #fd5454, #ee0604 75%);
background: -moz-linear-gradient(top, #fd5454, #ee0604 75%);
background: -o-linear-gradient(top, #fd5454, #ee0604 75%);
background: -webkit-gradient(top, #fd5454, #ee0604 75%);
background: -ms-linear-gradient(top, #fd5454, #ee0604 75%);
border-radius: 30px;
color: #fff;
font: bold 15px Arial, Helvetica, sans-serif;
text-align: center;
border: none;
padding: 10px 30px;
}

.bank2 h6 {
color: White;
font-weight: bold;
font-size: 24px;
font-family: Arial;
}

.bank2 h6 span {
border: 2px solid Red;
padding: 4px 10px;
background-color: red;
border-radius: 100%;
text-align: center;
font-size: 15px;
margin: 0 10px 0 0;
float: left;
}

.bankdetails .popup {
width: 280px;
height: 160px;
margin: 100px auto;
background: #000000;
color: white;
position: relative;
z-index: 103;
margin-top: 125px;
box-shadow: 0 2px 5px #000;
border: 2px solid red;
}

.bankdetails .popup .content {
overflow: inherit;
font-size: 16px;
}

.bankdetails .popup .content h6 {
color: white;
font-size: 18px;
}

.bankdetails .popup .content .button {
font-weight: bold;
padding: 7px 10px;
}

@media screen and (max-width:339px) {
.bankdetails_new p span {
float: inherit;
}
}

@media screen and (max-width:600px) {
.bank ul li {
display: inherit;
text-align: center;
/*padding: 15px 0;*/
}
.locate .bank ul li {
display: inline-block;
margin: 10px 5px;
color: White;
font-size: 18px;

}

.bank2 h6 span {
margin-bottom: 40px;
}
}

@media screen and (max-width: 768px) {
.bank {
background-color: #2e2e2e;
margin: 0;
padding: 10px 20px;
}
}
/*=====================================================TMPFBlockProfile===============================*/
.block_profile {
background-color: #191919;
margin: 0;
}

.block_profile h1 {
font-family: Arial;
font-size: 22px;
color: White;
text-align: center;
padding-top: 10px;
line-height: 1.5;
}

.block_profile ul {
width: 30%;
margin: auto;
text-align: left;
}

.block_profile ul li {
display: inherit;
font-family: Arial;
font-size: 16px;
}

.block_profile ul li input {
margin: 20px 20px 0 0;
}

.block_profile .button {
background: rgb(255,61,61);
background: -moz-linear-gradient(top, rgba(255,61,61,1) 0%, rgba(239,0,0,1) 99%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,61,61,1)), color-stop(99%,rgba(239,0,0,1)));
background: -webkit-linear-gradient(top, rgba(255,61,61,1) 0%,rgba(239,0,0,1) 99%);
background: -o-linear-gradient(top, rgba(255,61,61,1) 0%,rgba(239,0,0,1) 99%);
background: -ms-linear-gradient(top, rgba(255,61,61,1) 0%,rgba(239,0,0,1) 99%);
background: linear-gradient(to bottom, rgba(255,61,61,1) 0%,rgba(239,0,0,1) 99%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3d3d', endColorstr='#ef0000',GradientType=0 );
border-radius: 5px;
color: #fff;
font: bold 18px/27px "Century Gothic";
text-align: center;
border: none;
outline: none;
text-shadow: 1px 1px 2px #000;
display: inline-flex;
margin: 20px 0;
}

.block_profile .button:hover {
background: #ffa1a1;
background: -moz-linear-gradient(top, #ffa1a1 1%, #a20404 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffa1a1), color-stop(100%,#a20404));
background: -webkit-linear-gradient(top, #ffa1a1 1%,#a20404 100%);
background: -o-linear-gradient(top, #ffa1a1 1%,#a20404 100%);
background: -ms-linear-gradient(top, #ffa1a1 1%,#a20404 100%);
background: linear-gradient(to bottom, #ffa1a1 1%,#a20404 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa1a1', endColorstr='#a20404',GradientType=0 );
}

@media screen and (max-width:480px) {
.block_profile ul {
width: 75%;
}
}

@media screen and (max-width:768px) {
.block_profile {
background-color: #191919;
margin: 0 -15px 0 -15px;
text-align: center;
}
.payment .customer_care h1::after {
                display: none;
            }
             .paymentoffilinestartqwe {
            margin-right: -220px; 
        }

            .gave-mestar .payment222 .add_more h1::after {
                display: block;
                top: 47%;
            }

            .gave-mestar .uploadphoto_popupcontent {
                width: 300px;
                margin-top: 165px;
            }

            .pooff_popup p {
                font-size: 14px;
                float: none;
                margin: 0;
            }

            .uploadphoto_popupcontent .black_secpay {
                font-size: 14px;
            }
}

@media (min-width:481px) and (max-width:1100px) {
.block_profile ul {
width: 40%;
}
}
/*=====================================================TMPFBlockUnBlock===============================*/
.block_profile p {
    width: 60%;
    margin: auto;
    color: #FFFFFF;
    font-family: Arial;
    font-size: 16px;
    display: flex;
}

.block_profile p span {
width: 30%;
margin: 15px 0;
text-align: left;
font-size: 16px;
font-family: Arial;
}

.block_profile p a {
}

.block_profile p a.button {
padding: 0px 10px;
margin: 11px 0;
font-weight: 200;
width: 180px;
font-size: 16px;
font-family: Arial;
}

@media (min-width:500px) and (max-width:768px) {

.block_profile p {
width: 75%;
margin: auto;
}

.bankdetails .popup {
margin-top: 75px;
}
}

@media (min-width:421px) and (max-width:500px) {

.block_profile p {
width: 95%;
margin: auto;
}
}

@media screen and (max-width:420px) {
.block_profile p span {
float: inherit;
}

.blockkkk h1 {
margin-bottom: 30px;
padding-top: 10px;
line-height: 1.5;
}
}

/*=====================================================TMPFCallLog===============================*/
.call_log {
position:relative;
}
.recharge-code{
position:absolute;
left:15px;
width: 50%;
bottom: 20px;
}

.call_log h1 {
margin: 20px 0 0 0;
font: italic 30px/35px Georgia;
color: #FF0000;
text-shadow: #888 2px 1px 2px;
}

.call_log ul {
float: left;
}

.call_log ul li {
padding: 0 20px 0 0;
font: bold 18px/32px Arial, Helvetica, sans-serif;
color: #3a3939;
line-height: 2.12;
display: block;
}

.call_log ul li img {
float: inherit;
}

.call_log img {
float: right;
}

.call_log p {
font-size: 17px;
font-weight: bold;
color: #333;
padding: 15px 0 0 0;
}

.call_log p:last-child {
font-size: 20px;
}
.mst_log33{
float:left;
display:block;
margin:10px 0 0 0;
font-size:16px;
width:100%;
}

.call_log .mst_log {
    width: 225px;
    margin: 10px 0 0 0px;
    background: #FFFFFF;
    border: 1px solid #898989;
    border-radius: 8px 0 0 8px;
    height: 38px;
    box-shadow: inset 2px 2px 2px #c3c3c3;
    padding: 0 5px 0 15px;
    color: #949494;
    font: 18px/38px "Times New Roman", Times, serif;
    font-style: italic;
    outline: none;
    float: left;
}

.call_log .button {
margin: 10px 25px 0 0;
background: #009640; /* Old browsers */
background: -moz-linear-gradient(top, #009640 0%, #00cd51 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #009640 0%,#00cd51 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #009640 0%,#00cd51 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009640', endColorstr='#00cd51',GradientType=0 ); /* IE6-9 */
padding: 2px 10px;
height: 38px;
font: bold 18px/28px Arial, Helvetica, sans-serif;
border-radius:0  8px 8px 0;
}

.call_log2 {
width: 100%;
background-color: #212020;
padding: 10px 30px;
}

.call_log2 h1 {
color: #fff;
font: 21px/40px Arial;
background: -webkit-linear-gradient(top, #fd5454, #ee0604 75%);
background: -moz-linear-gradient(top, #fd5454, #ee0604 75%);
background: -o-linear-gradient(top, #fd5454, #ee0604 75%);
background: -webkit-gradient(top, #fd5454, #ee0604 75%);
background: -ms-linear-gradient(top, #fd5454, #ee0604 75%);
border-top-left-radius: 10px;
border-top-right-radius: 10px;
width: 250px;
text-align: center;
float: left;
}

.call_log2 h3 {
text-align: right;
font-weight: bold;
color: red;
font-size: 20px;
line-height: 2;
float:right;
}

.call_log2 h3 span {
color: #FFFFFF;
}

@media screen and (max-width:1200px) {
.call_log p {
width: 100%;
}
}

@media screen and (max-width:768px) {
.recharge-code {
width: 100%;
left:8px;

}
.call_log p {
width: 100%;
}
.call_log .mst_log {
width:auto;
margin: 0;
    }
.call_log .button {
margin: 0;
padding: 3px 10px;
}
.call_log p {
font-size: 14px;
font-weight: bold;
color: #333;
padding: 3px 0 0 0;

}

}

@media (min-width:500px) and (max-width:768px) {
}
/*===========table responsive start==============*/
@media only screen and (max-width:400px) {
.call_log input {
width: inherit;
}
.call_log .button:after {
margin-bottom: 15px;
}

.call_log2 {
padding: 10px 10px;
text-align: center;
}

.call_log2 h1 {
margin: auto;
float: inherit;
}

.call_log2 h3 {
text-align: center;
font-size: 15px;
float:none;
}

#no-more-tables td:before {
font-size: 12px;
}

#no-more-tables td {
text-align: right !important;
}
.recharge-code {
width: 100%;
left:8px;
bottom:-11px;
}
}

@media only screen and (max-width: 800px) {
/* Force table to not be like tables anymore */
#no-more-tables table,
#no-more-tables thead,
#no-more-tables tbody,
#no-more-tables th,
#no-more-tables td,
#no-more-tables tr {
display: block;
}

/* Hide table headers (but not display: none;, for accessibility) */
#no-more-tables thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}

#no-more-tables tr {
border: 1px solid #000000;
}

#no-more-tables td {
/* Behave like a "row" */
border: none;
border-bottom: 1px solid #000000;
position: relative;
padding-left: 50%;
white-space: normal;
text-align: left;
}

#no-more-tables td:before {
/* Now like a table header */
position: absolute;
/* Top/left values mimic padding */
top: 6px;
left: 6px;
width: 45%;
padding-right: 10px;
white-space: nowrap;
text-align: left;
font-weight: bold;
}

/*
Label the data
*/
#no-more-tables td:before {
content: attr(data-title);
}
}

.call_log2 .table-striped > tbody > tr:nth-of-type(odd) {
background: #333333;
}

.call_log2 table .cf {
color: #FFFFFF;
background: -webkit-linear-gradient(top, #737373, #2c2c2c 75%);
background: -moz-linear-gradient(top, #737373, #2c2c2c 75%);
background: -o-linear-gradient(top, #737373, #2c2c2c 75%);
background: -webkit-gradient(top, #737373, #2c2c2c 75%);
background: -ms-linear-gradient(top, #737373, #2c2c2c 75%);
border-color: Black;
font-family: "Arial", Helvetica, sans-serif;
font-size: 17px;
}

.call_log2 table thead > tr > th {
padding: 10px 0;
text-align: center;
}

.call_log2 table tbody {
color: #FFFFFF;
background: #333333;
text-align: center;
font-size: 14px;
}

.call_log2 table tbody tr td {
padding: 9px 0;
}

.call_log2 .table-bordered > tbody > tr > td, .call_log2 .table-bordered > tbody > tr > th, .call_log2 .table-bordered > tfoot > tr > td, .call_log2 .table-bordered > tfoot > tr > th, .call_log2 .table-bordered > thead > tr > td, .call_log2 .table-bordered > thead > tr > th {
border-color: #000000;
}

.calllog_tab {
border: 2px solid #e80a09;
overflow: auto;

}

.calllog_tab .table-bordered {
border: 1px solid #000000;
}
/*===========table responsive end==============*/
.changeemail p {
padding: 0 !important;
font-size: large !important;
font-weight: normal !important;
text-align: left !important;
}

section .body_container .changeemail .form-horizontal .form-group {
margin: 20px 0;
}

section .body_container .changeemail .form-horizontal .form-group-sm .control-label {
padding: 0;
font-size: large;
text-align: left;
}

.changeemail2 h2 a {
font: 19px/27px "Century Gothic";
}

.changeemail2 h2 {
float: inherit;
}

.changeemail2 ul li {
display: inline-block;
padding: 0 5px;
}

.changeemail2 h2 a {
font: 19px/27px "Century Gothic";
}
 .photo_slider {
width: 90px;
margin-top: -6px;
}

/*=====================================================TMPFChitchatView===============================*/
.chit_chat {
margin-top: 20px;
}

.chit_chat h1 {
font: bold 16px/32px "Lucida Calligraphy";
color: white;
}

.chit_chat p {
font-size: 13px;
font-weight: normal;
color: white;
line-height: 18px;
}

.chit_chat .general {
float: left;
}

.chit_chat .general p span {
color: red;
}

.chit_chat .call_now {
}

.chit_chat .call_now img {
}

.chit_chat .star_btn {
border-bottom: 40px solid transparent;
border-left: 50px solid yellow;
height: 0;
margin-top: -3px;
position: absolute;
}

.chit_chat .ratting {
position: relative;
margin-top: 22px;
z-index: -9;
}

.chit_chat .give_star {
width: 144px;
height: 44px;
background: #fc4949;
background: -moz-linear-gradient(top, #fc4949 18%, #ff0103 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(18%,#fc4949), color-stop(100%,#ff0103));
background: -webkit-linear-gradient(top, #fc4949 18%,#ff0103 100%);
background: -o-linear-gradient(top, #fc4949 18%,#ff0103 100%);
background: -ms-linear-gradient(top, #fc4949 18%,#ff0103 100%);
background: linear-gradient(to bottom, #fc4949 18%,#ff0103 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc4949', endColorstr='#ff0103',GradientType=0 );
border-radius: 5px;
border: medium none;
font-size: 18px;
font-weight: bold;
color: white;
font-size: 15px;
padding-left: 20px;
}

.chit_chat .mystars {
display: inline-flex;
margin: 0px 0 15px 0;
width: 181px;
}

.chit_chat .mystars h4 {
font-size: 16px;
color: white;
margin: 0;
}

.chit_chat .mystars ul {
}

.chit_chat .mystars ul li {
}

.chit_chat .mystars ul li img {
}

.chit_chat .call_now .box .button {
background: inherit;
padding: 0;
}

.chit_chat .call_now .box {
text-align: left;
}

.chit_chat .call_now .popup h2 {
font-family: Verdana;
font-size: 25px;
color: red;
font-weight: normal;
}

.chit_chat .call_now .popup .content {
font-family: Arial;
font-size: 18px;
color: white;
margin: 20px 0 30px 0;
overflow: inherit;
}

.chit_chat .call_now .popup {
width: 37%;
height: 29%;
}

.chit_chat .call_now .popup .button {
font: 18px/25px "Century Gothic";
padding: 8px 15px;
}

@media screen and (max-width: 567px) {
.chit_chat .call_now .popup {
width: 70%;
margin: 20px auto;
z-index: 9999999999999;
height: inherit;
}

.chit_chat .call_now .popup .button {
display: block;
margin: 10px 0;
}
}

@media (max-width: 767px) and (min-width: 568px) {
.chit_chat .call_now .popup {
width: 90%;
margin: 10px auto;
z-index: 9999999999999;
height: inherit;
padding-bottom: 25px;
}
}

@media (max-width: 1023px) and (min-width: 768px) {
.chit_chat .call_now .popup {
width: 90%;
z-index: 9999999999999;
height: inherit;
padding-bottom: 25px;
}
}


/*=====================================================TMPFContactUs===============================*/
.contactus_main .contact_us {
margin: 0;
}

.contactus_main .contact_us2 {
background: #660000;
background: -moz-linear-gradient(top, #660000 1%, #d20002 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#660000), color-stop(100%,#d20002));
background: -webkit-linear-gradient(top, #660000 1%,#d20002 100%);
background: -o-linear-gradient(top, #660000 1%,#d20002 100%);
background: -ms-linear-gradient(top, #660000 1%,#d20002 100%);
background: linear-gradient(to bottom, #660000 1%,#d20002 100%);
padding: 1px;
}

.contactus_main .contact_main2 {
background-color: black;
margin: 0 30px 40px 30px;
}
/*form*/
#success_message {
display: none;
}

.contactus_main .contact_main2 .well {
background-color: black;
border: none;
color: #ffffff;
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
}

.contactus_main .contact_main2 .well .form-group label {
font-weight: normal;
margin-bottom: 0;
width: 100%;
text-align: left;
}

.contactus_main .contact_main2 .well .input-group-addon {
color: red;
}

.contactus_main .contact_main2 .well .btn-warning {
background-color: #f61b1b;
border-color: #f61b1b;
}

.contactus_main .contact_main2 .well .btn-warning:hover {
background-color: #b20000;
border-color: #b20000;
}


.banner_contcat22 {
background: #780000;
margin: 0 15px;
text-align: center;
padding: 2px 0;
height: 158px;
}




.contact_friend {
/* background-color: #780000;
height: 615px;*/
}

@media screen and (max-width: 768px) {
.contactus_main .contact_us {
margin: 0 3px;
}
}

/*=====================================================TMPFDistributoronline===============================*/
.contactus_main .distributoronline .contact_main2 .well {
background-color: #191919;
border: 2px solid #fff;
padding: 50px 100px;
}

.contactus_main .distributoronline .contact_main2 legend {
border: none;
font-family: Arial;
font-size: 24px;
color: White;
text-align: center;
line-height: 1;
margin-bottom: 10px;
}

.contactus_main .distributoronline .contact_main2 {
margin: 0;
}

.distributoronline h1 {
background: rgb(254,62,62);
background: -moz-linear-gradient(top, rgba(254,62,62,1) 12%, rgba(255,0,2,1) 63%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(12%,rgba(254,62,62,1)), color-stop(63%,rgba(255,0,2,1)));
background: -webkit-linear-gradient(top, rgba(254,62,62,1) 12%,rgba(255,0,2,1) 63%);
background: -o-linear-gradient(top, rgba(254,62,62,1) 12%,rgba(255,0,2,1) 63%);
background: linear-gradient(to bottom, rgba(254,62,62,1) 12%,rgba(255,0,2,1) 63%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe3e3e', endColorstr='#ff0002',GradientType=0 );
height: 44px;
color: #fff;
font: bold 23px/40px "Lucida Calligraphy";
text-align: center;
margin-top: 0;
border-radius: 10px 10px 0 0;
}

/*=====================================================TMPFEditProfile===============================*/

.gender {
color: black;
}


.edit_pro {
}

.editprofile_main {
margin-top: 10px;
}

.edit_pro h1 {
height: 42px;
background: -webkit-linear-gradient(top, #fe3939, #ef0101 75%);
background: -moz-linear-gradient(top, #fe3939, #ef0101 75%);
background: -o-linear-gradient(top, #fe3939, #ef0101 75%);
background: -webkit-gradient(top, #fe3939, #ef0101 75%);
background: -ms-linear-gradient(top, #fe3939, #ef0101 75%);
border-top-left-radius: 20px;
border-top-right-radius: 20px;
color: #fff;
font: bold 23px/42px "Lucida Calligraphy";
text-align: center;
}
/*tabs start*/
.editprofile_main .accordion {
height: 42px;
background: -webkit-linear-gradient(top, #fe3939, #ef0101 75%);
background: -moz-linear-gradient(top, #fe3939, #ef0101 75%);
background: -o-linear-gradient(top, #fe3939, #ef0101 75%);
background: -webkit-gradient(top, #fe3939, #ef0101 75%);
background: -ms-linear-gradient(top, #fe3939, #ef0101 75%);
color: #ffffff;
cursor: pointer;
width: 100%;
border: none;
text-align: left;
outline: none;
transition: 0.4s;
font-size: 22px;
font-family: Verdana;
font-weight: normal;
}

.editprofile_main .accordion .fa {
margin: 0 15px 0 -15px;
font-size: 25px;
}

.editprofile_main .accordion strong {
}

.editprofile_main .accordion span {
font-size: 12px;
float: right;
padding-top: 5px;
line-height: 15px;
}

.editprofile_main .accordion.active, .editprofile_main .accordion:hover {
background-color: #ddd;
}

.editprofile_main .accordion:after {
content: '\02795';
font-size: 0px;
color: #ffffff;
float: right;
margin-left: 5px;
background: url(../phonafriendimage/home/tmpf00139.png) no-repeat;
width: 20px;
height: 20px;
margin-top: 2px;
}

.editprofile_main .accordion.active:after {
content: "\2796";
background: url(../phonafriendimage/home/tmpf00138.png) no-repeat;
width: 20px;
height: 20px;
margin-top: 2px;
}

.editprofile_main .panel {
padding: 0 18px;
background-color: #232323;
color: #FFFFFF;
max-height: 0;
overflow: hidden;
transition: 0.6s ease-in-out;
opacity: 0;
font-size: 24px;
margin-bottom: 5px;
}
.form-horizontal .form-group-sm .control-label {
    text-align: left;
}

.editprofile_main .panel.show {
opacity: 1;
max-height: 650px;
}

.editprofile_main .panel .content_new {
padding: 20px 0;
}

.editprofile_main .panel .content_new p {
padding: 0 0 15px 0;
line-height: 1;
}

.editprofile_main .panel .content_new p span {
font-size: 15.5px;
display: inline-flex;
line-height: 25px;
}

.editprofile_main .panel .content_new p span input[type=file] {
    width: 220px;
}

.editprofile_main .panel .content_new img {
border-color: Red;
border-width: 1px;
border-style: Solid;
height: 155px;
width: 123px;
margin: auto;
}

.editprofile_main .panel .content_new table {

margin: auto;
text-align: left;
}

.editprofile_main .panel .content_new table textarea {
width: 100%;
}

.editprofile_main .panel .content_new table tbody tr td {
font-size: 16px;
padding-bottom: 5px;
font-family: Arial;
line-height: 2;
}

.editprofile_main .panel .content_new .button {
padding: 5px 30px;
margin: 0 auto;
display: block;
    }

.editprofile_main .panel .content_new h1 {
font-size: 26px;
font-family: Arial;
}

.editprofile_main .panel .content_new p strong {
color: Aqua;
font-size: 23px;
font-weight: normal;
}

@media screen and (max-width: 358px) {
.editprofile_main .accordion:after {
margin-top: -23px;
}
}

@media screen and (max-width: 420px) {
.editprofile_main .accordion:after {
}

.editprofile_main .accordion.active:after {
margin-top: -23px;
}

.editprofile_main .accordion .fa {
margin: 0 10px 0 -15px;
font-size: 23px;
}

.editprofile_main .accordion {
font-size: 13px;
}

.editprofile_main .panel .content_new p span {
display: block;
}

.editprofile_main .panel .content_new table {
width: 100% !important;
}
}
/*tabs end*/
/*tooltip start*/
.editprofile_main .tooltip {
position: relative;
display: inline-block;
opacity: 1;
}

.editprofile_main .tooltip .fa {
font-size: 23px;
padding-left: 15px;
}

.editprofile_main .tooltip .tooltiptext {
visibility: hidden;
width: 120px;
background-color: #c9c9c9;
/*background-color: red;*/
color: #000000;
text-align: center;
border-radius: 6px;
padding: 5px 0;
position: absolute;
z-index: 1;
bottom: 125%;
font-size: 15px;
margin-left: -60px;
opacity: 0;
transition: opacity 1s;
}

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

.editprofile_main .tooltip:hover .tooltiptext {
visibility: visible;
opacity: 1;
}
/*tooltip end*/

/*=====================================================TMPFEmailVerification===============================*/
.email_new {
}

.email_new h1 {
color: Red;
font-size: small;
line-height: 6.7;
text-align: center;
}

.email_new h1 span {
color: #FFFFFF;
font-size: small;
font-weight: bold;
padding: 0 10px;
}

.email_new2 .password {
height: 45px;
width: 359px;
background: red;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe9392', endColorstr='#fd0604',GradientType=0 );
-moz-transform: skewX(-5deg);
-webkit-transform: skewX(-5deg);
-o-transform: skewX(-5deg);
-ms-transform: skewX(-5deg);
transform: skewX(-5deg);
margin-left: 30px;
margin-top: -4px;
padding: 4px 0;
position: absolute;
}

.email_new2 .upper_panel1 {
width: 100%;
height: 38px;
margin-top: 2px;
background: #a7a7a7;
background: -moz-linear-gradient(top, #a7a7a7 1%, #525252 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#a7a7a7), color-stop(100%,#525252));
background: -webkit-linear-gradient(top, #a7a7a7 1%,#525252 100%);
background: -o-linear-gradient(top, #a7a7a7 1%,#525252 100%);
background: -ms-linear-gradient(top, #a7a7a7 1%,#525252 100%);
background: linear-gradient(to bottom, #a7a7a7 1%,#525252 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7a7a7', endColorstr='#525252',GradientType=0 );
margin: 5px 0 5px 8px;
-moz-transform: skewX(-20deg);
-webkit-transform: skewX(-20deg);
-o-transform: skewX(-20deg);
-ms-transform: skewX(-20deg);
transform: skewX(-20deg);
position: relative;
}

.email_new2 .strong {
z-index: 1000;
margin-left: 50px;
margin-top: 9px;
position: absolute;
color: white;
font-size: 18px;
}

.emailverification {
text-align: center;
line-height: 2;
padding: 25px 0;
}

.emailverification h1 {
color: white;
font-family: Arial;
font-size: 20px;
text-align: center;
margin-bottom: 20px;
}

.emailverification a {
color: #d7d7d7;
font-family: Arial;
font-size: 18px;
text-decoration: none;
}

.emailverification a span {
color: #ffffff;
font: bold 15px/27px "Century Gothic";
}

.emailverification a:hover {
color: #d7d7d7;
font-family: Arial;
font-size: 18px;
text-decoration: none;
}

.emailverification a:focus {
color: #d7d7d7;
font-family: Arial;
font-size: 18px;
text-decoration: none;
}

.emailverification p {
color: #d7d7d7;
font-family: Arial;
font-size: 17px;
text-align: left;
line-height: 1.5;
}

.emailverification p span {
color: #fe0000;
font-family: Arial;
font-size: 16px;
font-style: italic;
}

.emailverification_new {
margin: 0;
}

@media screen and (max-width: 358px) {
.email_new2 .password {
width: 80%;
}

.email_new2 .strong {
margin-top: 0px;
}
}

@media screen and (max-width:567px) {
.email_new2 .upper_panel1 {
width: 94% !important;
}

.email_new2 .password {
width: 80%;
}

.email_new2 .strong {
font-size: 15px;
margin-top: 0px;
width: 60%;
}
}

@media screen and (max-width:1024px) {
.email_new2 .upper_panel1 {
width: 97%;
}
}

/*=====================================================TMPFGaveMeStars===============================*/

.stars_bottom {
font-family: Verdana;
font-size: 18px;
color: White;
float: right;
}

.add_more {
}

.add_more h1 {
background: linear-gradient(to bottom, rgba(255, 61, 61, 1) 1%, rgba(254, 15, 17, 1) 99%) repeat scroll 0 0 rgba(0, 0, 0, 0);
border: medium none;
color: white;
font-family: verdana;
font-size: 16px;
font-weight: bold;
text-align: center;
padding: 9px 0;
}

.add_more h1::after {
border-left: 20px solid transparent;
border-top: 18px solid red;
border-right: 20px solid transparent;
content: "";
left: 42%;
position: absolute;
top: 5%;
}

.add_more2 {
display: inline-block;
margin: 15px 0 5px 0;
width: 100%;
}

.add_more2 h1 {
background: red;
border: medium none;
color: white;
font-family: verdana;
font-size: 16px;
text-align: center;
padding: 9px 0px;
}

.add_more2 h1::before {
border-left: 20px solid transparent;
border-bottom: 18px solid red;
border-right: 20px solid transparent;
content: "";
left: 42%;
position: absolute;
top: 59%;
}

.view_star {
}

.view_star h3 {
background: #fd494a;
background: -moz-linear-gradient(top, #fd494a 0%, #ff0103 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fd494a), color-stop(100%,#ff0103));
background: -webkit-linear-gradient(top, #fd494a 0%,#ff0103 100%);
background: -o-linear-gradient(top, #fd494a 0%,#ff0103 100%);
background: -ms-linear-gradient(top, #fd494a 0%,#ff0103 100%);
background: linear-gradient(to bottom, #fd494a 0%,#ff0103 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd494a', endColorstr='#ff0103',GradientType=0 );
border-top-right-radius: 10px;
border-top-left-radius: 10px;
border-radius: 6px 6px 0 0;
color: #ffffff;
font: bold 18px/28px Arial,Helvetica,sans-serif;
padding: 3px 10px;
text-align: center;
}

.view_star table tr td {
color: White;
font-family: Arial;
font-size: 16px;
font-weight: normal;
background-color: #333333;
padding: 15px 5px;
border-bottom: 2px solid #000000;
}

.gave_mestarrr .table-bordered {
border: none;
}

.gave_mestarrr {
margin: 0;
}

.gave_mestarrr .bankbtn_new {
background: #fd494a;
background: -moz-linear-gradient(top, #fd494a 0%, #ff0103 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fd494a), color-stop(100%,#ff0103));
background: -webkit-linear-gradient(top, #fd494a 0%,#ff0103 100%);
background: -o-linear-gradient(top, #fd494a 0%,#ff0103 100%);
background: -ms-linear-gradient(top, #fd494a 0%,#ff0103 100%);
background: linear-gradient(to bottom, #fd494a 0%,#ff0103 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd494a', endColorstr='#ff0103',GradientType=0 );
height: 21px;
width: 78px;
border-radius: 6px;
color: #fff;
font: 12px/20px Arial, Helvetica, sans-serif;
text-align: center;
margin: 0;
border: none;
outline: none;
cursor: pointer;
padding: 0;
}

.gave_mestarrr .bankbtn_new:hover {
background: #d10204;
}

.gave_mestarrr h2 {
background: #fd494a;
background: -moz-linear-gradient(top, #fd494a 0%, #ff0103 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fd494a), color-stop(100%,#ff0103));
background: -webkit-linear-gradient(top, #fd494a 0%,#ff0103 100%);
background: -o-linear-gradient(top, #fd494a 0%,#ff0103 100%);
background: -ms-linear-gradient(top, #fd494a 0%,#ff0103 100%);
background: linear-gradient(to bottom, #fd494a 0%,#ff0103 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd494a', endColorstr='#ff0103',GradientType=0 );
padding: 0;
text-align: center;
color: #fff;
font: 24px/50px "Lucida Calligraphy";
border-top-right-radius: 20px;
border-top-left-radius: 20px;
float: none;
}

.gave_mestarrr table .cf {
color: #FFFFFF;
background: -webkit-linear-gradient(top, #737373, #2c2c2c 75%);
background: -moz-linear-gradient(top, #737373, #2c2c2c 75%);
background: -o-linear-gradient(top, #737373, #2c2c2c 75%);
background: -webkit-gradient(top, #737373, #2c2c2c 75%);
background: -ms-linear-gradient(top, #737373, #2c2c2c 75%);
border-color: Black;
font-family: "Arial", Helvetica, sans-serif;
border-bottom: 2px solid #212020;
border-right: 2px solid #212020;
padding: 0;
font-size: 16px;
}

.gave_mestarrr .table-bordered > tbody > tr > td {
font: normal 12px/16px "Arial", Helvetica, sans-serif;
background-color: #333333;
color: #FFFFFF;
}

.gave_mestarrr .table-bordered > tbody > tr > td .img-responsive {
width: 36px;
height: 36px;
border: 1px solid #c50000;
}

.gave_mestarrr .table-bordered > tbody > tr > td a {
font: normal 12px/16px "Arial", Helvetica, sans-serif;
color: #FFFFFF;
}

.gave_mestarrr .table-bordered > tbody > tr > td, .gave_mestarrr .table-bordered > tbody > tr > th, .gave_mestarrr .table-bordered > tfoot > tr > td, .gave_mestarrr .table-bordered > tfoot > tr > th, .gave_mestarrr .table-bordered > thead > tr > td, .gave_mestarrr .table-bordered > thead > tr > th {
border-color: #000000;
text-align: center;
font-weight: normal;
}

.gave-mestar .photo_slider {
margin-top: 0;
}

@media only screen and (max-width:320px) {
.gave_mestarrr h2 {
font-size: 19px;
}
}

@media only screen and (max-width: 400px) {
.gave_mestarrr #no-more-tables td {
text-align: left !important;
}
}

@media screen and (max-width:1000px) {
.gave-mestar .photo_slider {
float: none;
margin: auto;
}
}

@media (min-width:900px) and (max-width:1200px) {

.gave_mestarrr .table-bordered > tbody > tr > td, .gave_mestarrr .table-bordered > tbody > tr > th, .gave_mestarrr .table-bordered > tfoot > tr > td, .gave_mestarrr .table-bordered > tfoot > tr > th, .gave_mestarrr .table-bordered > thead > tr > td, .gave_mestarrr .table-bordered > thead > tr > th {
padding: 5px 0;
}
}


/*=====================================================TMPFInterestBasedSearch===============================*/
.interestbased {
margin: 15px 0;
}

.main_interest {
}

.main_interest h1 {
font: 24px "Lucida Calligraphy";
color: #ff090b;
}

.main_interest p {
color: white;
font-size: 14px;
line-height: 26px;
}

.main_interest ul {
}

.main_interest ul li {
display: list-item;
margin: 0 0 5px 25px;
list-style-image: url(../phonafriendimage/home/arroww.png);
color: white;
font-size: 14px;
}

.based_search .distributoronline h1 {
font-family: Lucida Calligraphy;
font-weight: normal;
font-size: 30px;
text-align: center;
color: white;
padding: 10px 0;
height: auto;
}

.contactus_main .based_search .distributoronline .contact_main2 .well {
background: inherit;
padding: 0 25px 20px 25px;
}

.contactus_main .based_search .distributoronline .contact_main2 .well .inputGroupContainer input[type=radio] {
margin: 0 10px 0 0;
}

.contactus_main .based_search .distributoronline .contact_main2 .well .inputGroupContainer span {
font-size: 16px;
}

.contactus_main .based_search .distributoronline .contact_main2 {
border: 3px solid red;
}

.contactus_main .based_search .contact_main2 .well .form-group label {
text-align: left;
color: Red;
font-size: 18px;
font-weight: bold;
padding: 0;
}

.contactus_main .based_search .distributoronline .contact_main2 .well .form-group {
border-bottom: 2px dotted white;
padding: 15px 0;
margin: 0;
}

.contactus_main .based_search .distributoronline .contact_main2 .well .form-group .input-group {
width: 75%;
}

.contactus_main .based_search .distributoronline .contact_main2 .well .maaa {
border: none;
padding: 15px 0;
margin: 0;
}

.contactus_main .based_search .distributoronline .contact_main2 .well .age_a .form-control {
height: 25px;
padding: 0;
margin: 0;
width: 65%;
float: none;
}

.contactus_main .based_search .distributoronline .contact_main2 .well .age_a .age_ab .form-control {
height: 25px;
padding: 0;
margin: 0;
width: 65%;
float: none;
}

.contactus_main .based_search .distributoronline .contact_main2 .well .inputGroupContainer {
padding: 0;
}

.contactus_main .based_search .distributoronline .contact_main2 .well .block_profile {
background: inherit;
}

.contactus_main .based_search .distributoronline .contact_main2 .well .block_profile ul {
width: 85%;
}

.contactus_main .based_search .distributoronline .contact_main2 .well .block_profile ul li input {
margin: 0px 10px 0 0px;
}

.contactus_main .based_search .distributoronline .contact_main2 .well .block_profile ul li {
padding: 0px 0px 10px 0px;
}

.contactus_main .based_search .distributoronline .contact_main2 .well .submit_btn .button {
background: rgb(255,61,61);
background: -moz-linear-gradient(top, rgba(255,61,61,1) 0%, rgba(239,0,0,1) 99%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,61,61,1)), color-stop(99%,rgba(239,0,0,1)));
background: -webkit-linear-gradient(top, rgba(255,61,61,1) 0%,rgba(239,0,0,1) 99%);
background: -o-linear-gradient(top, rgba(255,61,61,1) 0%,rgba(239,0,0,1) 99%);
background: -ms-linear-gradient(top, rgba(255,61,61,1) 0%,rgba(239,0,0,1) 99%);
background: linear-gradient(to bottom, rgba(255,61,61,1) 0%,rgba(239,0,0,1) 99%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3d3d', endColorstr='#ef0000',GradientType=0 );
color: #fff;
font: 36px "Century Gothic";
text-align: center;
border: none;
outline: none;
cursor: pointer;
border-radius: 6px;
padding: 5px 50px;
}

.contactus_main .based_search .distributoronline .contact_main2 .well .submit_btn .button:hover {
background: rgb(240,2,2);
background: -moz-linear-gradient(top, rgba(240,2,2,1) 1%, rgba(255,61,61,1) 99%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(240,2,2,1)), color-stop(99%,rgba(255,61,61,1)));
background: -webkit-linear-gradient(top, rgba(240,2,2,1) 1%,rgba(255,61,61,1) 99%);
background: -o-linear-gradient(top, rgba(240,2,2,1) 1%,rgba(255,61,61,1) 99%);
background: -ms-linear-gradient(top, rgba(240,2,2,1) 1%,rgba(255,61,61,1) 99%);
background: linear-gradient(to bottom, rgba(240,2,2,1) 1%,rgba(255,61,61,1) 99%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f00202', endColorstr='#ff3d3d',GradientType=0 );
}

.contactus_main .based_search .distributoronline .contact_main2 .well .submit_btn {
margin: 25px 0;
}

@media screen and (max-width:480px) {
.r_button li {
display: block;
padding: 5px 0;
}

.based_search .distributoronline h1 {
font-size: 16px;
}

.contactus_main .based_search .distributoronline .contact_main2 .well .submit_btn {
padding: 0;
}

.contactus_main .based_search .distributoronline .contact_main2 .well .submit_btn .button {
padding: 5px 30px;
font-size: 25px;
}

.main_interest h1 {
font-size: 20px;
}

.awz {
text-align: center;
}
}

@media screen and (max-width:1000px) {

.contactus_main .based_search .distributoronline .contact_main2 .well .age_a .form-control {
width: 100%;
margin: 5px 0;
}

.contactus_main .based_search .distributoronline .contact_main2 .well .age_a .age_ab .form-control {
width: 100%;
margin: 5px 0;
}

.awz {
text-align: center;
}
}

@media screen and (min-width:1200px) {
.qwe {
padding: 0;
}
}

/*=====================================================TMPFInterestSrchNoData===============================*/
.no_data {
border: 2px solid #FFFFFF;
}

.no_data .no_data2 {
width: 60%;
margin: 0 auto;
padding: 20px 0;
}

.no_data .no_data2 h1 {
color: #cf1a1f;
font-size: 50px;
font-family: 'Open Sans';
font-weight: bold;
}

.no_data .no_data2 p {
line-height: 30px;
margin-top: 20px;
font-size: 23px;
color: white;
margin-bottom: 30px;
}

.no_data .no_data2 .button {
color: #fff;
font: 36px "Century Gothic";
text-align: center;
border: none;
outline: none;
cursor: pointer;
border-radius: 6px;
margin: 20px 0px;
padding-bottom: 6px;
}

@media screen and (max-width:500px) {
.no_data .no_data2 .button {
font-size: 20px;
}
}

/*=====================================================TMPFLocateRetailer===============================*/
.locate {
background: #191919;
margin: auto;
}

.locate .well {
background: inherit;
color: #ffffff;
font-size: 15px;
border: none;
margin-bottom: 0;
padding-bottom: 0;
}

.locate legend {
display: block;
width: 100%;
padding: 0;
margin-bottom: 20px;
font-size: 21px;
line-height: 1;
color: #ffffff;
border: 0;
border: none;
text-align: center;
}

.locate .bank {
background: inherit;
margin: 0;
text-align: center;
}

.locate .bank ul {
margin: 0;
}

.locate .bank ul li {
display:inline-block;
margin: 20px 5px;
color: White;
font-size: 18px;
}

.locate .bank ul li a {
    padding: 10px 26px;
}

.locate h1 {
color: White;
font-size: 23px;
text-align: center;
padding-bottom: 15px;
}

.locate img {
margin: 15px auto;
}

@media screen and (max-width:330px) {
.locate .bank ul li a {
padding: 10px 14px;
}
}
/*=====================================================TMPFLogin===============================*/
.login_mm p {
}

.login_mm p span {
font-size: 20px;
padding-right: 10px;
}

.login_mm {
}

section .body_container .form-horizontal .login_mm p {
padding-top: 10px;
}

.login_mm .button {
background: #ff0000;
padding: 10px 10px;
border: none;
outline: none;
cursor: pointer;
border-radius: 15px;
color: #fff;
font: bold 25px/60px Arial,Helvetica,sans-serif;
}

@media screen and (max-width:330px) {
.login_mm .button {
font-size: 20px;
}
}

/*=====================================================TMPFLogout===============================*/
.logo_out {
}

.logo_out .btn_back {
padding-left: 0;
}

.logo_out .bankbtn_new {
background: #fe3a3a;
background: -moz-linear-gradient(top, #fe3a3a 0%, #ef0101 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fe3a3a), color-stop(100%,#ef0101));
background: -webkit-linear-gradient(top, #fe3a3a 0%,#ef0101 100%);
background: -o-linear-gradient(top, #fe3a3a 0%,#ef0101 100%);
background: -ms-linear-gradient(top, #fe3a3a 0%,#ef0101 100%);
background: linear-gradient(to bottom, #fe3a3a 0%,#ef0101 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe3a3a', endColorstr='#ef0101',GradientType=0 );
height: 93px;
width: 100%;
padding: 18px 0px;
border-radius: 10px;
border: medium none;
color: white;
display: block;
font-size: 19px;
font-weight: bold;
cursor: pointer;
}

.log_out2 {
}

.log_out2 p {
font-family: Open Sans;
font-size: 25pt;
color: White;
line-height: 1;
margin-bottom: 30px;
}

.log_out2 p a {
font-family: Open Sans;
font-size: 25pt;
color: White;
text-decoration: underline;
}

.log_out2 h1 {
color: White;
font-size: 45px;
font-family: Trebuchet MS;
line-height: 3;
text-align: center;
}

.log_out2 .fa {
font-size: 60px;
padding-right: 10px;
}

.log_out2 img {
margin: auto;
}

.log_out2 .mannn img {
float: left;
padding-right: 10px;
}

@media screen and (max-width:1000px) {
.logo_out .bankbtn_new {
height: 20%;
margin-top: 10px;
}

.logo_out .btn_back {
padding-left: 15px;
}

.log_out2 .mannn img {
float: none;
padding-right: 10px;
}

.log_out2 h1 {
font-size: 35px;
}
}

@media (min-width:1001px) and (max-width:1200px) {
.log_out2 h1 {
font-size: 35px;
}
}
/*=====================================================TMPFMessageInbox===============================*/
.message {
padding-right: 0;
}

.message .fa-envelope, .message .glyphicon {
margin: 0 10px 0 0;
font-size: 20px;
}

.message h1 {
background: #fc4545;
background: -moz-linear-gradient(top, #fc4545 0%, #ff0002 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fc4545), color-stop(100%,#ff0002));
background: -webkit-linear-gradient(top, #fc4545 0%,#ff0002 100%);
background: -o-linear-gradient(top, #fc4545 0%,#ff0002 100%);
background: -ms-linear-gradient(top, #fc4545 0%,#ff0002 100%);
background: linear-gradient(to bottom, #fc4545 0%,#ff0002 100%);
font-size: 17px;
font-family: "Lucida Calligraphy";
font-weight: bold;
color: #FFFFFF;
border-top-right-radius: 20px;
text-align: center;
padding: 16px 0 17px 0;
}

.message ul {
}

.message ul li {
display: block;
background: -webkit-linear-gradient(top, #737373, #2c2c2c 75%);
background: -moz-linear-gradient(top, #737373, #2c2c2c 75%);
background: -o-linear-gradient(top, #737373, #2c2c2c 75%);
background: -webkit-gradient(top, #737373, #2c2c2c 75%);
background: -ms-linear-gradient(top, #737373, #2c2c2c 75%);
padding: 15px 0;
text-align: center;
}

.message ul li a {
color: #FFFFFF;
font-size: 17px;
padding: 15px 0;
}

.message img {
margin: auto;
}

.message ul li a:hover {
text-decoration: none;
}

.message ul li a:focus {
text-decoration: none;
}

.message_box {
height: 52px;
background: #fc4545;
background: -moz-linear-gradient(top, #fc4545 0%, #ff0002 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fc4545), color-stop(100%,#ff0002));
background: -webkit-linear-gradient(top, #fc4545 0%,#ff0002 100%);
background: -o-linear-gradient(top, #fc4545 0%,#ff0002 100%);
background: -ms-linear-gradient(top, #fc4545 0%,#ff0002 100%);
background: linear-gradient(to bottom, #fc4545 0%,#ff0002 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc4545', endColorstr='#ff0002',GradientType=0 );
border-top-right-radius: 20px;
border-top-left-radius: 20px;
}

.message_box h1 {
display: inline;
margin-left: 20px;
margin-top: 16px;
font-weight: bold;
color: white;
font-size: 18px;
float: left;
}

.message_box ul {
float: right;
margin-top: 15px;
margin-bottom: 10px;
}

.message_box ul li {
background: #5d5d5d;
background: -moz-linear-gradient(top, #5d5d5d 0%, #3a3a3a 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5d5d5d), color-stop(100%,#3a3a3a));
background: -webkit-linear-gradient(top, #5d5d5d 0%,#3a3a3a 100%);
background: -o-linear-gradient(top, #5d5d5d 0%,#3a3a3a 100%);
background: -ms-linear-gradient(top, #5d5d5d 0%,#3a3a3a 100%);
background: linear-gradient(to bottom, #5d5d5d 0%,#3a3a3a 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5d5d5d', endColorstr='#3a3a3a',GradientType=0 );
border-top-left-radius: 10px;
border-top-right-radius: 10px;
margin: 0 5px 0 -3px;
font-size: 14px;
font-weight: bold;
padding: 15px;
}

.message_box input[type=checkbox] {
margin: 2px 10px 0 0;
position: relative;
top: 2px;
}

.message_box .glyphicon {
padding: 0 10px;
position: relative;
top: 8px;
}

.message_boxxx .cf {
color: #FFFFFF;
background: -webkit-linear-gradient(top, #737373, #2c2c2c 75%);
background: -moz-linear-gradient(top, #737373, #2c2c2c 75%);
background: -o-linear-gradient(top, #737373, #2c2c2c 75%);
background: -webkit-gradient(top, #737373, #2c2c2c 75%);
background: -ms-linear-gradient(top, #737373, #2c2c2c 75%);
border-color: Black;
font-family: "Arial", Helvetica, sans-serif;
border-bottom: 2px solid #212020;
border-right: 2px solid #212020;
padding: 0;
font-size: 16px;
}

.message_boxxx .table-bordered > thead > tr > th {
text-align: center;
font-size: 18px;
font-weight: normal;
padding: 15px 0;
}

.message_boxxx .table-bordered tbody {
background: #333333;
text-align: center;
font-size: 12px;
}

.message_boxxx .table-bordered tbody tr td a {
color: #FFFFFF;
text-align: center;
text-decoration: underline;
font-weight: bold;
}

.message_boxxx .table-striped > tbody > tr:nth-of-type(odd) {
background: #333333;
}

.message_boxxx .table-bordered tbody .unread {
text-align: left;
display: flex;
}

.message_boxxx .table-bordered tbody .unread img {
margin: 0 10px;
width: 18px;
height: 19px;
}

.message_boxxx .table-bordered tbody .unread img:last-child {
border-color: Red;
border-width: 1px;
border-style: solid;
height: 30px;
width: 26px;
margin: 0 40px;
}

.message_boxxx .table-bordered > tbody > tr > td, .message_boxxx .table-bordered > tbody > tr > th, .message_boxxx .table-bordered > tfoot > tr > td, .message_boxxx .table-bordered > tfoot > tr > th, .message_boxxx .table-bordered > thead > tr > td, .message_boxxx .table-bordered > thead > tr > th {
border: 1px solid #212020;
}

@media screen and (max-width:440px) {
.message_box ul li {
margin: 0;
font-size: 11px;
padding: 11px;
}

.message_box input[type=checkbox] {
margin: 2px 2px 0 0;
}

.message_box .glyphicon {
padding: 3px 10px;
}

.message_box {
height: 78px !important;
}
}

@media screen and (max-width:339px) {
.message_box ul li {
font-size: 11px;
margin: 15px 3px 0;
padding: 10px 2px;
}

.message_box ul {
float: none;
text-align: center;
margin: 0;
}

.message_box h1 {
float: none;
display: block;
padding-top: 15px;
text-align: center;
}
}

@media screen and (max-width:400px) {
.message_boxxx #no-more-tables td {
text-align: left !important;
}

.message_boxxx .table-bordered tbody .unread img:last-child {
margin: 0;
}

.message_boxxx .unread input[type=checkbox] {
display: block;
float: left;
margin-top: 9px;
}
}

@media screen and (max-width:660px) {
.message_box {
height: 85px;
}

.message_boxxx .message_outbox tbody .unread img {
margin: 0 10px 0 10px !important;
}
}

@media (min-width:340px) and (max-width:660px) {
.message_box h1 {
float: none;
}

.message_box ul {
float: none;
}

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

@media screen and (max-width:1000px) {
.message {
padding-right: 15px;
}

.message_boxxx .unread input[type=checkbox] {
display: block;
float: left;
margin-top: 5px;
}
}

/*=====================================================TMPFMessageOutbox===============================*/

.message_outbox {
}

.message_boxxx .message_outbox tbody .unread img {
border-color: Red;
border-width: 1px;
border-style: solid;
height: 30px;
width: 26px;
margin: 0 10px 0 40px;
}

.message_boxxx .message_outbox tbody .unread span {
line-height: 2;
}


/*=====================================================TMPFMultiplePhoto===============================*/
.multi_box {
width: 218px;
height: 184px;
background-color: #a09f9f;
border: 1px solid red;
text-align: center;
margin: auto;
padding-top: 35px;
float: left;
position: relative;
overflow:hidden;
}

.multi_box img {
}

.multi_box p {
font-family: Arial;
font-size: 18px;
color: #444;
}
/*=====================================================TMPFMyDateInfo===============================*/
.my_data .bankbtn_new {
background: rgb(82,0,0);
background: -moz-linear-gradient(top, rgba(82,0,0,1) 1%, rgba(251,0,0,1) 49%, rgba(82,0,0,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(82,0,0,1)), color-stop(49%,rgba(251,0,0,1)), color-stop(100%,rgba(82,0,0,1)));
background: -webkit-linear-gradient(top, rgba(82,0,0,1) 1%,rgba(251,0,0,1) 49%,rgba(82,0,0,1) 100%);
background: -o-linear-gradient(top, rgba(82,0,0,1) 1%,rgba(251,0,0,1) 49%,rgba(82,0,0,1) 100%);
background: -ms-linear-gradient(top, rgba(82,0,0,1) 1%,rgba(251,0,0,1) 49%,rgba(82,0,0,1) 100%);
background: linear-gradient(to bottom, rgba(82,0,0,1) 1%,rgba(251,0,0,1) 49%,rgba(82,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#520000', endColorstr='#520000',GradientType=0 );
border-radius: 20px;
width: 188px;
height: 42px;
font-size: 18px;
color: white;
font-weight: bold;
cursor: pointer;
border-width: 2px;
border-style: outset;
border-color: buttonface;
border-image: initial;
margin: 6px 0;
}

.my_data .contact_us2 {
padding: 0;
}

.my_data .contact_main2 {
background-color: black;
margin: 0 60px 0 60px;
}

.my_data .contact_main2 .well {
margin-bottom: -35px;
padding: 19px 10px 19px 10px;
}

.my_data .contact_main2 .well .form-group label {
color: White;
font-family: Tahoma;
padding-bottom: 10px;
}

.my_data .my_data22 p {
color: White;
font-family: Tahoma;
}

.my_data .my_data22 h1 {
color: White;
font-family: Tahoma;
}

.my_data .my_data22 p a {
text-decoration: underline;
color: #2aa9e0;
}

.my_box1 {
padding: 0 5px 0 10px;
}

.my_box1 img {
height: 82px;
width: 100%;
margin: auto;
}

.my_box2 {
padding: 0 5px 0 5px;
}

.my_box2 img {
height: 82px;
width: 100%;
margin: auto;
}

.my_box3 {
padding: 0 10px 0 5px;
}

.my_box3 img {
height: 82px;
width: 100%;
margin: auto;
}

.new_mydata .aws {
padding: 1px;
text-align: center;
width: 100%;
margin: auto;
}

.new_mydata .aws table {
margin: auto;
}

.new_mydata .aws table tr td {
width: 30%;
padding: 0 5px;
}

.new_mydata .aws td {
width: 30%;
padding: 0 5px;
}

.new_mydata .aws .inf_namee {
background: #000000;
color: #ffffff;
padding: 3px 0;
word-break: break-all;
width: 100%;
height: 55px;
}

.new_mydata .imf_contentt {
}

.new_mydata .aws p {
text-align: center;
margin: 0;
padding: 2px 0;
color: #FFFFFF;
font-family: Arial;
font-size: 10px;
line-height: 1;
}

.contact_friend .new_mydata {
margin: 0;
}

.my_data h1 {
font: bold 21px/20px "Lucida Calligraphy";
color: white;
margin-bottom: 10px;
text-align: center;
}

.contact_friend .new_mydata {
}

@media (max-width:330px) {
.new_mydata .aws {
width: auto;
}
}

@media (max-width:1000px) {
.my_data .contact_us img {
width: 100%;
}

.my_data .contact_main2 .well .form-group label {
padding-top: 10px;
margin-bottom: 15px;
}
}

@media (max-width:400px) {
.my_data .contact_main2 {
background-color: black;
margin: 0 30px 0 30px;
}
}

@media (min-width:990px) and (max-width:1205px) {
.new_mydata .aws {
width: auto;
}
}


/*=====================================================TMPFPaymentDetails===============================*/
.payment .gave_mestarrr {
background: #191919;
border-top-right-radius: 20px;
border-top-left-radius: 20px;
}

.payment .form-group .control-label {
font-family: Arial;
font-size: 18px;
color: White;
font-weight: normal;
}

.payment .form-group {
margin: 15px 0;
}

.payment .form-group .input-group {
width: 100%;
}

.payment .gave_mestarrr h2 {
font: bold 26px/42px "Lucida Calligraphy";
}

.main_headdd {
background: url(../phonafriendimage/registration/tmpf00311.png) no-repeat;
background-size: 100% 100%;
}

.tab-navigation {
margin-bottom: 40px;
}

.tab-content {
width: auto;
height: auto;
color: white;
font-size: 30px;
text-align: center;
line-height: 26px;
overflow: hidden;
}
.call-tab{
color: #fff;
font: 18px/40px Arial;
background: -webkit-linear-gradient(top, #fd5454, #ee0604 75%);
background: -moz-linear-gradient(top, #fd5454, #ee0604 75%);
background: -o-linear-gradient(top, #fd5454, #ee0604 75%);
background: -webkit-gradient(top, #fd5454, #ee0604 75%);
border-top-left-radius: 10px;
border-top-right-radius: 10px;
text-align: center;
margin-right: 3px;

}

.call-tabs>li>a:hover {
	color: #fff;
	cursor: pointer;
	background: -webkit-linear-gradient(top, #fd5454, #ee0604 75%);
    background: -moz-linear-gradient(top, #fd5454, #ee0604 75%);
    background: -o-linear-gradient(top, #fd5454, #ee0604 75%);
    background: -webkit-gradient(top, #fd5454, #ee0604 75%);
	border: 1px solid #ee0604;
    border-top-left-radius: 10px;
   border-top-right-radius: 10px;
   cursor:default;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    color: #fff;
    cursor: pointer;
    background: -webkit-linear-gradient(top, #fd5454, #ee0604 75%);
    background: -moz-linear-gradient(top, #fd5454, #ee0604 75%);
    background: -o-linear-gradient(top, #fd5454, #ee0604 75%);
    background: -webkit-gradient(top, #fd5454, #ee0604 75%);
    border: 1px solid #ee0604;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    cursor: default;
}
.acc-amt {
    position: absolute;
    bottom: 10px;
    left: 15px;
}
.acc-amt h3 {
    text-align: left;
    font-weight: bold;
    color: red;
    font-size: 20px;
    line-height: 2;
    float: right;
}
/*.tooltip_one {
    display: none;
}*/
.acc-amt h3 span {
    color: #333;
}
.request_area {
    font-weight: bold;
    color: #01973c;
    font-size: 20px;
}
.call-tab a {
    color: #fff;
    cursor: pointer;
}

.log-details {
    background: -webkit-linear-gradient(top, #f5aeae, #e23534 75%);
    background: -moz-linear-gradient(top, #f5aeae, #e23534 75%);
    background: -o-linear-gradient(top, #f5aeae, #e23534 75%);
    background: linear-gradient(top, #f5aeae, #e23534 75%);
}

/*.call-tabs > li.active > a{
color: #fff;
background: -webkit-linear-gradient(top, #cf030e, #9c030b 75%);
background: -moz-linear-gradient(top, #cf030e, #9c030b 75%);
background: -o-linear-gradient(top, #cf030e, #9c030b 75%);
background: -webkit-gradient(top, #cf030e, #9c030b 75%);
border-top-left-radius: 10px;
border-top-right-radius: 10px;
text-align: center;
border:none;
}*/
.aspNetDisabled {
    border: none;
    padding: 0 20px;
    border-radius: 4px;
    color: #000;
    cursor: no-drop !important;
}

.redeem-btn {
    background-color: #f61b1b;
    font-family: roboto;
    color: #fff;
    font: 18px/27px roboto;
    text-align: center;
    border: none;
    outline: none;
    cursor: pointer;
    border-radius: 5px;
    padding: 5px 20px;
    border-radius: 50px;
}
    .redeem-btn:hover{
        color:#fff;
    }

    .call-tabs {
        border-bottom: none;
    }
.call-tabs > li{
margin-bottom: -2px;
}
#tab-1 {
}


.payment .customer_care {
background: red;
padding: 10px 0 5px 0;
width: 81%;
}

.payment .customer_care h1 {
color: White;
font-family: Arial;
font-size: 26px;
line-height: 1.6;
}

.payment .customer_care h1 em {
font-family: Lucida Calligraphy;
}

.payment .customer_care h1::after {
border-bottom: 98px solid red;
border-top: 0px solid transparent;
border-right: 77px solid transparent;
content: "";
right: 0;
margin-top: 0;
position: absolute;
top: 0;
}

#tab-1 p {
font-size: 16px;
line-height: 2;
font-family: Arial;
text-align: left;
margin-bottom: 10px;
}

.customer_care2 {
background-color: #555;
box-shadow: 10px 10px 2px -5px #3a3a3a inset;
text-align: left;
padding: 21px 17px;
}

.customer_care2 h1 {
color: White;
font-family: Lucida Calligraphy;
font-size: 15px;
line-height: 22px;
}

.customer_care2 h3 {
color: #ff6364;
font-family: Arial;
font-size: 24px;
}

.customer_care2 h3 em {
color: White;
font-family: Lucida Calligraphy;
font-size: 20px;
}

#tab-2 .well {
background: inherit;
border: none;
margin: 0;
}

#tab-2 .form-group .control-label {
text-align: left;
color: White;
font-family: Arial;
font-size: 15px;
}

#tab-2 .form-group .control-label a {
color: red;
text-decoration: underline;
}

#tab-2 .form-group .bankbtn_new {
background: rgb(255,61,61);
background: -moz-linear-gradient(top, rgba(255,61,61,1) 1%, rgba(254,15,17,1) 99%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(255,61,61,1)), color-stop(99%,rgba(254,15,17,1)));
background: -webkit-linear-gradient(top, rgba(255,61,61,1) 1%,rgba(254,15,17,1) 99%);
background: -o-linear-gradient(top, rgba(255,61,61,1) 1%,rgba(254,15,17,1) 99%);
background: -ms-linear-gradient(top, rgba(255,61,61,1) 1%,rgba(254,15,17,1) 99%);
background: linear-gradient(to bottom, rgba(255,61,61,1) 1%,rgba(254,15,17,1) 99%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3d3d', endColorstr='#fe0f11',GradientType=0 );
border-radius: 6px;
color: #fff;
font: 16px/20px Arial, Helvetica, sans-serif;
text-align: center;
margin: 0;
border: none;
outline: none;
cursor: pointer;
border-radius: 10px;
}

#tab-2 .main_headdd h1 {
color: White;
font-size: 19px;
font-family: Lucida Calligraphy;
line-height: 2;
padding: 0 0 10px 0;
}

/*tab-3*/
#tab-3 .well {
background: inherit;
border: none;
margin: 0;
}

#tab-3 .form-group .control-label {
text-align: left;
color: White;
font-family: Arial;
font-size: 15px;
}

#tab-3 .form-group .control-label a {
color: red;
text-decoration: underline;
}

#tab-3 .form-group .bankbtn_new {
background: rgb(255,61,61);
background: -moz-linear-gradient(top, rgba(255,61,61,1) 1%, rgba(254,15,17,1) 99%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(255,61,61,1)), color-stop(99%,rgba(254,15,17,1)));
background: -webkit-linear-gradient(top, rgba(255,61,61,1) 1%,rgba(254,15,17,1) 99%);
background: -o-linear-gradient(top, rgba(255,61,61,1) 1%,rgba(254,15,17,1) 99%);
background: -ms-linear-gradient(top, rgba(255,61,61,1) 1%,rgba(254,15,17,1) 99%);
background: linear-gradient(to bottom, rgba(255,61,61,1) 1%,rgba(254,15,17,1) 99%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3d3d', endColorstr='#fe0f11',GradientType=0 );
border-radius: 6px;
color: #fff;
font: 16px/20px Arial, Helvetica, sans-serif;
text-align: center;
margin: 0;
border: none;
outline: none;
cursor: pointer;
border-radius: 10px;
}

#tab-3 .main_headdd h1 {
color: White;
font-size: 19px;
font-family: Lucida Calligraphy;
line-height: 2;
padding: 0 0 10px 0;
font-weight: bold;
}



.payment222 .add_more h1::after {
top: 48%;
display: none;
}


@media (min-width:1000px) {
#tab-2 .form-group .bankbtn_new {
margin-top: 30px;
}

#tab-3 .form-group .bankbtn_new {
margin-top: 30px;
}

.payment222 .add_more h1::after {
display: block;
}
}

@media (min-width:1000px) and (max-width:1200px) {
.payment .customer_care h1::after {
right: -4px;
}
}

@media (min-width:768px) and (max-width:999px) {
.payment .customer_care h1::after {
right: -2px;
}
}

@media (max-width:330px) {

.payment .customer_care h1::after {
border-bottom: 70px solid red;
border-top: 0px solid transparent;
border-right: 60px solid transparent;
content: "";
right: -4px;
margin-top: 0;
position: absolute;
top: 0;
}

.payment .customer_care h1 {
font-size: 17px;
}

#tab-2 .form-group .brk {
word-break: break-all;
}

#tab-3 .form-group .brk {
word-break: break-all;
}
}

@media (min-width:331px) and (max-width:350px) {
.payment .customer_care h1::after {
border-bottom: 70px solid red;
border-top: 0px solid transparent;
border-right: 60px solid transparent;
content: "";
right: 1px;
margin-top: 0;
position: absolute;
top: 0;
}

.payment .customer_care h1 {
font-size: 17px;
}

#tab-2 .form-group .brk {
word-break: break-all;
}

#tab-3 .form-group .brk {
word-break: break-all;
}
}

@media (min-width:351px) and (max-width:422px) {
.payment .customer_care h1::after {
border-bottom: 70px solid red;
border-top: 0px solid transparent;
border-right: 60px solid transparent;
content: "";
right: 1px;
margin-top: 0;
position: absolute;
top: 0;
}

.payment .customer_care h1 {
font-size: 17px;
}

.payment .customer_care {
width: 84%;
}

#tab-2 .form-group .brk {
word-break: break-all;
}

#tab-3 .form-group .brk {
word-break: break-all;
}
}


/*=====================================================TMPFPurchaseOffline===============================*/

.purchase_new {
background-color: #191919;
padding: 20px 30px;
margin-top: -5px;
}

.purchase_off {
    background: url(../phonafriendimage/registration/dating-registration-girl-member.jpg) no-repeat;
    background-size: cover;
    overflow: hidden;
    background-position: center right;
    background-size: 75% 90%;
}

.purchase_new .payoff {
background: red;
color: white;
font-family: Open Sans;
font-size: 17px;
font-weight: bold;
padding: 25px 15px;
text-align: left;
}

.purchase_new .last_payoff {
background: inherit;
}

.purchase_new .payoff1 {
background-color: #ff308b;
font-family: Open Sans;
font-size: 35px;
color: white;
font-weight:500;
}

.purchase_new .payoff2 {
background-color: #84007b;
font-family: Open Sans;
font-size: 35px;
color: white;
font-weight:500;
}

.purchase_new .payoff3 {
background-color: #ec0009;
font-family: Open Sans;
font-size: 35px;
color: white;
font-weight:500;
}

.purchase_new .payoff4 {
background-color: #517d00;
font-family: Open Sans;
font-size: 35px;
color: white;
font-weight:500;
}

.purchase_new table {
text-align: center;
}

.purchase_new table thead tr th span {
background: red;
color: #FFFFFF;
font-family: Open Sans;
font-size: 24px;
font-weight: bold;
padding: 10px;
border-radius:5px;
box-shadow:0 0 5px #666;
}

.purchase_new table thead tr th {
padding: 30px 7px;
text-align: center;
border: none;
background: #FFFFFF;
font-weight:500;
}

.purchase_new .table-bordered > tbody > tr > td {
border-color: #000000;
}

.purchase_new .table-bordered > tbody {
border-top: 2px solid #000000;
font-family: Open Sans;
font-size: 20px;
color: black;
text-align: center;
font-weight: 500;
}

.purchase_new .table-bordered {
border: none;
}

.purchase_new .table-striped > tbody > tr:nth-of-type(odd) {
background: inherit;
}

.purchase_new .last_payoff {
border-color: inherit;
border: none;
color: #FFFFFF;
}

.purchase_new .last_payoff .last_payoff0 {
border-color: inherit;
border: none;
background-color: #191919;
}

.purchase_new .last_payoff .last_payoff1 {
border-color: inherit;
border: none;
background-color: #191919;
}

.purchase_new .last_payoff .last_payoff2 {
border-color: inherit;
border: none;
background-color: #191919;
}

.purchase_new .last_payoff .last_payoff3 {
border-color: inherit;
border: none;
background-color: #191919;
}

.purchase_new .last_payoff .last_payoff4 {
border-color: inherit;
border: none;
background-color: #191919;
}

.purchase_new .last_payoff .bankbtn_new:hover {
background: #f45a5a;
background: -moz-linear-gradient(top, #f45a5a 0%, #4f0101 92%);
background: -webkit-linear-gradient(top, #f45a5a 0%,#4f0101 92%);
background: linear-gradient(to bottom, #f45a5a 0%,#4f0101 92%);
}

@media screen and (max-width:800px) {
.purchase_new .payoff {
padding: 5px;
}

.purchase_new .payoff1 {
background: inherit;
font-size: 20px;
color: #000000;
}

.purchase_new .payoff2 {
background: inherit;
font-size: 20px;
color: #000000;
}

.purchase_new .payoff3 {
background: inherit;
font-size: 20px;
color: #000000;
}

.purchase_new .payoff4 {
background: inherit;
font-size: 20px;
color: #000000;
}

.purchase_new .last_payoff .last_payoff0 {
display: none !important;
color: #FFFFFF;
}

.purchase_new .table-bordered > tbody {
border-top: 2px solid #000000;
font-family: "Times New Roman", Times, serif;
font-size: 18px;
color: black;
text-align: center;
font-weight: 400;
}
}

@media screen and (max-width:992px) {
.purchase_new table thead tr th span {
font-size: 13px;
}
}

@media screen and (max-width:670px) {
.purchase_new .payoff {
font-size: 15px;
}

.bankbtn_new {
padding: 10px 15px;
}

.purchase_off {
background-position: inherit;
background-size: cover;
}
}

@media screen and (max-width:330px) {
.bankbtn_new {
padding: 10px 10px;
}
}


/*=====================================================TMPFPaymentOff===============================*/
.paymnt_off {
background: #FFFFFF;
text-align: center;
}

.paymnt_off h1 {
background-color: #ff0000;
font-size: 30px;
padding: 20px 0 22px 0;
text-align: center;
color: #FFFFFF;
font-family: "Times New Roman", Times, serif;
font-weight: bold;
margin-bottom: 10px;
}

.paymnt_off h1 span {
font-size: 20px;
}

.paymnt_off h6 {
font-family: Verdana;
color: red;
font-size: 21px;
font-weight: bold;
padding: 20px 0 35px 0;
}

.paypal {
width: 190px;
height: 215px;
background-color: #232323;
text-align: center;
line-height: 4;
padding-top: 30px;
margin: 5px auto;
}

.paypal img {
margin: auto;
}

.paypal p {
font-size: 20px;
color: white;
text-align: center;
font-family: "Times New Roman", Times, serif;
}

.paypal .bankbtn_new {
background: #ff0000;
border-radius: 4px;
border-style: none;
color: white;
font-size: 24px;
font-weight: normal;
padding: 5px 30px;
}

.paypal .bankbtn_new:hover {
background: #f45a5a;
background: -moz-linear-gradient(top, #f45a5a 0%, #4f0101 92%);
background: -webkit-linear-gradient(top, #f45a5a 0%,#4f0101 92%);
background: linear-gradient(to bottom, #f45a5a 0%,#4f0101 92%);
}

.paymnt_off .paypal a:hover {
text-decoration: none;
}

.paymnt_off .popup .content {
overflow: inherit;
}

.paymnt_off .popup .content h6 {
padding: 0;
font-family: Verdana;
font-size: 30px;
font-weight: normal;
}

.paymnt_off .popup .button {
font-size: 20px;
font-weight: bold;
line-height: 2;
padding: 6px 20px;
}

@media screen and (min-width:1000px) {
.paymnt_off .popup {
width: 30%;
height: 30%;
}
}

/*=====================================================TMPFPurchasePaypalOffline===============================*/
.paypal_off {
width: 230px;
height: 220px;
background-color: #0d7aea;
border: 1px solid white;
border-radius: 5px;
margin: auto;
color: White;
margin-bottom: 15px;
}

.paypal_off .asssw {
margin-top: -25px;
padding: 0 15px;
}

.paypal_off .asssw h1 {
font-size: 24px;
color: #FFFFFF;
font-weight: bold;
border-bottom: 2px solid #FFFFFF;
padding-bottom: 5px;
}

.paypal_off .asssw ul {
}

.paypal_off .asssw ul li {
display: list-item;
margin-left: 15px;
margin-right: -15px;
font-size: 16px;
font-weight: bold;
list-style-position: inside;
line-height: 18px;
}

.paypal_off .asssw ul li:before {
    content: "";
    border-color: transparent white;
    border-style: solid;
    border-width: 0.45em 0 0.45em 0.75em;
    display: block;
    height: 0;
    width: 0;
    left: -1em;
    top: 0.9em;
    position: relative;
}

.ppl_off {
background: #191919;
}

.paypal_off2 {
}

.paypal_off2 h1 {
font-size: 24px;
font-weight: bold;
color: #FFFFFF;
padding-bottom: 10px;
}

.paypal_off2 p {
font-size: 18px;
font-weight: bold;
color: #FFFFFF;
padding: 20px 0;
line-height: 1.5;
}



/*=====================================================TMPFSettings===============================*/

.sttt .resp-vtabs .resp-tabs-list li {
background: url(../phonafriendimage/home/tmpf00347.png);
margin-right: 10px;
font-size: 17px;
font-weight: normal;
}

.sttt .resp-vtabs li.resp-tab-active {
background: url(../phonafriendimage/home/tmpf00337.png);
margin-right: 10px;
}

.sttt .resp-tabs-list h1 {
background: -webkit-linear-gradient(top, #fd5454, #ee0604 75%);
background: -moz-linear-gradient(top, #fd5454, #ee0604 75%);
background: -o-linear-gradient(top, #fd5454, #ee0604 75%);
background: -webkit-gradient(top, #fd5454, #ee0604 75%);
background: -ms-linear-gradient(top, #fd5454, #ee0604 75%);
border-top-right-radius: 20px;
text-align: center;
color: #fff;
font: 24px/50px "Lucida Calligraphy";
margin-right: 10px;
}

.sttt .set_set {
padding: 0;
}

.sttt .resp-vtabs .resp-tabs-container {
background: #212020;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
border: none;
}

.sttt .set_set h3 {
font-family: Lucida Calligraphy;
font-size: 21px;
color: White;
padding: 14px 0 14px 0;
text-align: center;
background: -webkit-linear-gradient(top, #fd5454, #ee0604 75%);
background: -moz-linear-gradient(top, #fd5454, #ee0604 75%);
background: -o-linear-gradient(top, #fd5454, #ee0604 75%);
background: -webkit-gradient(top, #fd5454, #ee0604 75%);
background: -ms-linear-gradient(top, #fd5454, #ee0604 75%);
border-top-left-radius: 20px;
border-top-right-radius: 20px;
}

.sttt .set_set .well {
background: inherit;
border: none;
font-family: Arial;
font-size: 16px;
color: White;
}

.sttt .set_set .well .bankbtn_new {
border-style: none;
border-color: inherit;
border-width: medium;
background: -webkit-linear-gradient(top, #fd5454, #ee0604 75%);
background: -moz-linear-gradient(top, #fd5454, #ee0604 75%);
background: -o-linear-gradient(top, #fd5454, #ee0604 75%);
background: -webkit-gradient(top, #fd5454, #ee0604 75%);
background: -ms-linear-gradient(top, #fd5454, #ee0604 75%);
border-radius: 5px;
color: #fff;
font-size: 19px;
line-height: 1;
margin-right: 10px;
padding: 6px 20px;
font-weight: normal;
}

.sttt .set_set .well .bankbtn_new:hover {
background: -webkit-linear-gradient(top, #ff1a1a, #740201 75%);
background: -moz-linear-gradient(top, #ff1a1a, #740201 75%);
background: -o-linear-gradient(top, #ff1a1a, #740201 75%);
background: -webkit-gradient(top, #ff1a1a, #740201 75%);
background: -ms-linear-gradient(top, #ff1a1a, #740201 75%);
border-radius: 5px;
}

.sttt .set_set .form-horizontal .control-label {
text-align: left;
}

.sttt .set_set .set_set2 {
background: -webkit-linear-gradient(top, #fd5454, #ee0604 75%);
background: -moz-linear-gradient(top, #fd5454, #ee0604 75%);
background: -o-linear-gradient(top, #fd5454, #ee0604 75%);
background: -webkit-gradient(top, #fd5454, #ee0604 75%);
background: -ms-linear-gradient(top, #fd5454, #ee0604 75%);
border-top-left-radius: 20px;
border-top-right-radius: 20px;
}

.sttt .set_set .set_set2 .input-group {
margin: 8px auto;
width: 95%;
}

.sttt .set_set .set_set2 .btn-primary {
background-color: #ee0604;
border-color: #ee0604;
}

.sttt .set_set .viewandedit {
width: 264px;
height: 113px;
background-color: #616161;
border: 1px solid #ff0000;
margin: 0 0 15px 37px;
}

.sttt .set_set .viewandedit p {
font-family: Arial;
font-size: 16px;
color: #FFFFFF;
margin-bottom: 5px;
}

.sttt .set_set .viewandedit img {
float: left;
margin-right: 15px;
}

.sttt .set_set .viewandedit .bankbtn_new {
border-style: none;
border-color: inherit;
border-width: medium;
background: -webkit-linear-gradient(top, #fd5454, #ee0604 75%);
background: -moz-linear-gradient(top, #fd5454, #ee0604 75%);
background: -o-linear-gradient(top, #fd5454, #ee0604 75%);
background: -webkit-gradient(top, #fd5454, #ee0604 75%);
background: -ms-linear-gradient(top, #fd5454, #ee0604 75%);
border-radius: 5px;
color: #fff;
font-size: 19px;
line-height: 1;
margin-right: 10px;
padding: 6px 20px;
font-weight: normal;
}

.sttt .set_set .viewandedit .bankbtn_new:hover {
background: -webkit-linear-gradient(top, #ff1a1a, #740201 75%);
background: -moz-linear-gradient(top, #ff1a1a, #740201 75%);
background: -o-linear-gradient(top, #ff1a1a, #740201 75%);
background: -webkit-gradient(top, #ff1a1a, #740201 75%);
background: -ms-linear-gradient(top, #ff1a1a, #740201 75%);
border-radius: 5px;
}

.sttt .fourth_tabd .viewandedit {
width: 100%;
height: 113px;
background-color: #616161;
border: 1px solid #ff0000;
margin: 0 auto;
}

.sttt .fourth_tabd .viewandedit .bankbtn_new {
margin: 0;
padding: 6px 15px;
}

.sttt .fourth_tabd .viewandedit p {
margin-top: 15px;
}

.namanm {
margin-bottom: 15px;
}

@media screen and (max-width:767px) {
.bott_banners {
display: none;
}

.sttt .set_set .form-horizontal .control-label {
text-align: center;
}

.sttt .set_set .viewandedit {
margin: auto;
}
}


/*=====================================================TMPFViewProfile===============================*/
.view_vi {
width: 230px;
height: 188px;
border: 2px solid red;
margin: auto;
}

.view_name img {
padding: 6px;
background: #ffffff;
}

.view_name {
background: #fe5858;
background: -moz-linear-gradient(top, #fe5858 0%, #f90709 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fe5858), color-stop(100%,#f90709));
background: -webkit-linear-gradient(top, #fe5858 0%,#f90709 100%);
background: -o-linear-gradient(top, #fe5858 0%,#f90709 100%);
background: -ms-linear-gradient(top, #fe5858 0%,#f90709 100%);
background: linear-gradient(to bottom, #fe5858 0%,#f90709 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe5858', endColorstr='#f90709',GradientType=0 );
border-radius: 10px;
color: #ffffff;
font-size: 25px;
font-weight: bold;
height: 50px;
margin: 10px auto;
padding: 15px 0;
text-align: center;
width: 220px;
}

.view_mood {
background: #fe5858;
background: -moz-linear-gradient(top, #fe5858 0%, #f90709 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fe5858), color-stop(100%,#f90709));
background: -webkit-linear-gradient(top, #fe5858 0%,#f90709 100%);
background: -o-linear-gradient(top, #fe5858 0%,#f90709 100%);
background: -ms-linear-gradient(top, #fe5858 0%,#f90709 100%);
background: linear-gradient(to bottom, #fe5858 0%,#f90709 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe5858', endColorstr='#f90709',GradientType=0 );
border-top-right-radius: 20px;
color: #fff;
font: bold 24px/39px "Lucida Calligraphy";
text-align: center;
margin-top: 7px;
}

.view_mood2 {
background-color: #2c2c2c;
height: 88px;
overflow: hidden;
color: White;
padding-top: 10px;
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
display: block;
padding-left: 5px;
}

.view_mood222 {
margin: auto;
}

.view_mood222 hr {
margin: 0;
}

.view_mood222 img {
margin: auto;
}

.view_fav {
background: url(/../phonafriendimage/home/tmpf00081.png) no-repeat 0 0;
*/ background: #fe5858;
background: -moz-linear-gradient(top, #fe5858 0%, #f90709 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fe5858), color-stop(100%,#f90709));
background: -webkit-linear-gradient(top, #fe5858 0%,#f90709 100%);
background: -o-linear-gradient(top, #fe5858 0%,#f90709 100%);
background: -ms-linear-gradient(top, #fe5858 0%,#f90709 100%);
background: linear-gradient(to bottom, #fe5858 0%,#f90709 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe5858', endColorstr='#f90709',GradientType=0 );
border-top-right-radius: 20px;
height: 39px;
color: #fff;
font: bold 24px/39px "Lucida Calligraphy";
text-align: center;
margin-top: 7px;
}

.view_fav2 {
height: 150px;
background-color: #2c2c2c;
text-align: center;
padding: 10px 0;
}

.view_fav2 .bankbtn_new {
border: medium none;
color: #fff;
cursor: pointer;
font: 18px/27px Lato;
height: 29px;
outline: medium none;
text-align: center;
width: 101px;
padding: 0;
border-radius: 10px;
background: #fe5858;
background: -moz-linear-gradient(top, #fe5858 0%, #f90709 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fe5858), color-stop(100%,#f90709));
background: -webkit-linear-gradient(top, #fe5858 0%,#f90709 100%);
background: -o-linear-gradient(top, #fe5858 0%,#f90709 100%);
background: -ms-linear-gradient(top, #fe5858 0%,#f90709 100%);
background: linear-gradient(to bottom, #fe5858 0%,#f90709 100%);
}

.view_fav2 .bankbtn_new:hover {
background: #b20000;
background: -moz-linear-gradient(top, #b20000 0%, #fd5151 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b20000), color-stop(100%,#fd5151));
background: -webkit-linear-gradient(top, #b20000 0%,#fd5151 100%);
background: -o-linear-gradient(top, #b20000 0%,#fd5151 100%);
background: -ms-linear-gradient(top, #b20000 0%,#fd5151 100%);
background: linear-gradient(to bottom, #b20000 0%,#fd5151 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b20000', endColorstr='#fd5151',GradientType=0 );
}

.newview_pro {
background-color: #232323;
padding: 10px;
}

.newview_pro .view_abt {
height: 103px;
background-color: #3c3b3b;
box-shadow: 8px 8px 2px -5px #101010 inset;
padding: 10px 18px;
color: White;
}

.newview_pro .view_abt p {
font-size: 18px;
font-family: Arial;
font-weight: bold;
color: White;
padding-bottom: 10px;
}

.newview_pro .our_banner {
padding: 0;
margin: 10px 0;
}

.newview_pro .view_gen {
height: 54px;
background: #fe5858;
background: -moz-linear-gradient(top, #fe5858 0%, #f90709 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fe5858), color-stop(100%,#f90709));
background: -webkit-linear-gradient(top, #fe5858 0%,#f90709 100%);
background: -o-linear-gradient(top, #fe5858 0%,#f90709 100%);
background: -ms-linear-gradient(top, #fe5858 0%,#f90709 100%);
background: linear-gradient(to bottom, #fe5858 0%,#f90709 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe5858', endColorstr='#f90709',GradientType=0 );
border-radius: 0 30px 0 0;
color: #fff;
font: 24px/54px Arial, Helvetica, sans-serif;
text-align: center;
}

.newview_pro .view_gen22 {
background-color: black;
border: 2px solid red;
}

.newview_pro .view_gen22 .well {
background: none;
border: none;
color: #FFFFFF;
font-size: 16px;
font-weight: normal;
text-align: left;
height: 290px;
padding: 20px 5px;
}

.newview_pro .view_gen22 .form-horizontal .control-label {
text-align: left;
font-weight: normal;
line-height: 1.25;
padding-right: 0;
}

.newview_pro .view_gen22 .form-horizontal .form-group {
margin: 0;
}

.newview_pro .tab_content {
height: 309px;
padding: 0;
color: #ffffff;
background: #000000;
width: 96%;
}

.newview_pro .tab_content .well {
padding: 15px 10px;
}

.newview_pro .tab_item {
display: inline-block;
border-radius: 10px 10px 0px 0px;
cursor: pointer;
font-size: 14px;
color: #fff;
font-family: arial;
color: #fff;
font-family: Verdana;
padding: 20px 0;
text-align: center;
width: 31%;
background: #6f6e6e;
background: -moz-linear-gradient(top, #b0b0b0 0%, #6f6e6e 100%);
background: -webkit-linear-gradient(top, #b0b0b0 0%,#6f6e6e 100%);
background: linear-gradient(to bottom, #b0b0b0 0%,#6f6e6e 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b0b0b0', endColorstr='#6f6e6e',GradientType=0 );
}

.newview_pro .active {
background: #ff1b1c;
background: -moz-linear-gradient(top, #fe5f5e 0%, #ff1b1c 100%);
background: -webkit-linear-gradient(top, #fe5f5e 0%,#ff1b1c 100%);
background: linear-gradient(to bottom, #fe5f5e 0%,#ff1b1c 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe5f5e', endColorstr='#ff1b1c',GradientType=0 );
}

@media screen and (max-width: 800px) {
.newview_pro .tab_item {
width: 32.5% !important;
float: none;
}

.newview_pro .tab_content {
padding-left: 0 !important;
}
}

@media screen and (max-width:400px) {
.newview_pro .tab_item {
font-size: 11px;
}
}

/* Tiny Carousel */
#slider_horizontal {
}

#slider_horizontal3 .viewport {
width: 924px;
height: 125px;
overflow: hidden;
position: relative;
padding: 68px 96px 68px 0px;
background-color: Black;
top: 0px;
left: 0px;
}

#slider_horizontal3 .buttons2 {
background: url('/../phonafriendimage/home/tmpf00274.png') no-repeat;
display: block;
margin: -153px 0 0 -33px;
background-position: left top;
text-indent: -999em;
float: left;
width: 32px;
height: 36px;
overflow: hidden;
position: relative;
outline: none;
}


#slider_horizontal3 .buttons1 {
background: url('/../phonafriendimage/home/tmpf00274.png') no-repeat;
display: block;
margin: -88px 0 0 -20px;
background-position: left top;
text-indent: -999em;
float: left;
width: 32px;
height: 36px;
overflow: hidden;
position: relative;
outline: none;
}


#slider_horizontal3 .next {
background-position: right top;
float: right;
left: 0;
margin-right: -36px;
margin-top: -153px;
top: 0;
}


#slider_horizontal3 .last {
background-position: right top;
margin: -87px 0 0 512px;
top: 0px;
left: 0px;
}



#slider_horizontal3 .disable {
opacity: 0.3;
cursor: context-menu;
}

#slider_horizontal3 .overview {
list-style: none;
position: absolute;
padding: 0;
margin: 0;
width: 509px;
left: 0;
top: 0;
margin: 10px 0 0 3px;
}

#slider_horizontal3 .overview li {
float: left;
width: 123px;
height: 123px;
display: inline;
margin-right: 3px;
padding: 1px;
}


#slider_horizontal3 .viewport2 {
width: 975px;
height: 125px;
overflow: hidden;
position: relative;
background-color: Black;
padding: 80px 0;
margin-left: 20px;
}

.slider_main {
margin: 20px 0px;
}

/******************************index starts********************************/
.p_content {
width: 100%;
text-align: center;
font-size: 23px;
padding: 0px 0 0;
border: 2px solid red;
background: #fff none repeat scroll 0 0;
box-shadow: 4px 4px 30px #130507;
left: 50%;
opacity: 0.9;
position: fixed;
top: 50%;
transition: top 800ms ease 0s;
transform:translate(-50%,-50%);
width: 460px;
z-index: 101;
}

.flutcallimage1 {
display: inline-block;
margin: 12px 0 0 -15px;
}

.flutcallimage1 em {
font-size: 16px;
font-weight: normal;
font-family: 'Open Sans Condensed';
color: white;
}

.flutcallimage1 strong {
font-size: 32px;
font-weight: bold;
font-family: 'Open Sans Condensed';
color: white;
margin-left: -14px;
margin-top: 12px;
display: inline-block;
}

.pushmenu-push {
display: none;
}

.sideview {
margin-right: 4px;
font-size: 20px;
margin-right: 0px;
font-family: "Times New Roman", Times, serif;
}

.username{
Width:61%;
Height:30px;
Font-Size:16px;
margin-top:10px;
}

.passview {
margin-right: 4px;
font-size: 20px;
margin-right: 0px;
font-family: "Times New Roman", Times, serif;
}

.password{
Font-Size:16px;
Width:61%;
Height:30px;
margin-top:10px;
} 

.loginbutton {
background-color: #ff0505;
border: 3px solid white;
width: 60%;
color: white;
font-size: 20px;
font-weight: bold;
/* margin-right: 15px; */
padding: 15px;
margin: 15px 0;
cursor: pointer;
}

.btn2:hover {
background: #ff0404;
background: -moz-linear-gradient(top, #ff0404 0%, #72340b 73%);
background: -webkit-linear-gradient(top, #ff0404 0%, #72340b 73%);
background: linear-gradient(to bottom, #ff0404 0%, #72340b 73%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0404', endColorstr='#72340b', GradientType=0);
border: 3px solid white;
border-radius: 20px;
color: white;
font-size: 22px;
margin-right: 15px;
padding: 15px 76px;
font-weight: bold;
color: yellow;
text-decoration: none;
}

.btn2 {
background-color: #ff0505;
border: 3px solid white;
border-radius: 20px;
color: white;
font-size: 22px;
margin-right: 15px;
padding: 15px 76px;
font-weight: bold;
cursor: pointer;
font-family: Calibri;
}

.menucontent {
position: fixed;
top: 110px;
margin-left: -5px;
z-index: 100;
}

.menucontent ul {
padding: 0px;
margin: 0px;
}

.menucontent ul li {
display: block;
margin: 5px;
background: #ff0505;
width: 100%;
text-align: right;
padding: 10px;
-webkit-border-radius: 0 30px 30px 0;
-moz-border-radius: 0 30px 30px 0;
border-radius: 0 30px 30px 0;
-webkit-transition: all 1s;
-moz-transition: all 1s;
-ms-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;
-webkit-transition: all 0.5s linear;
-webkit-transition: width 1s; /* For Safari 3.1 to 6.0 */
transition: width 1s;
}

.menucontent ul li a {
text-decoration: none;
color: #FFFFFF;
font-family: Baskerville Old Face;
font-size: 16px;
}

.menucontent ul li:hover {
color: #000000;
-webkit-transform: translate(0px, 0);
-moz-transform: translate(110px, 0);
-ms-transform: translate(0px, 0);
-o-transform: translate(0px, 0);
transform: translate(0px, 0);
background: rgba(0, 0, 0, 0.4);
padding-left: 10%;
margin-left: 0px;
padding-left: 30px;
width: 150%;
}

.menucontent ul li:hover i {
color: #222;
/*background: rgba(0, 0, 0, 0.36);*/
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
-webkit-transition: all 1s;
-moz-transition: all 1s;
-ms-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;
}

.menucontent ul li i {
margin-left: 10px;
color: #000;
background: #fff;
padding: 10px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
width: 40px;
height: 40px;
font-size: 20px;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
text-align: center;
}


.logo_index {
margin-bottom: 20px;
padding-top: 25px;
text-align: center;
margin-left: -35px;
margin-left: -12px;
}

.callcontent {
text-align: center;
}


.topbanner {
background: url(/../tmpfimages/indexpageimages/top_banner.jpg) no-repeat center center;
height: 602px;
width: 100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
min-height: 100%;
}


.main_top {
color: white;
font-size: 34px;
margin: 0 auto;
text-align: center;
}
.main_top h1 {
font-family: Calibri; 
}


.main_top h1 {
margin-top: 32px;
}

.datingbutton {
text-align: center;
margin-top: 23px;
margin-bottom: 15px;
}

.datingbutton a {
text-decoration: none;
font-family: Calibri;
font-size: 20px;
}

.phonebg {
background-size: cover;
background: url(/../tmpfimages/indexpageimages/back_white.jpg) no-repeat center center fixed;
padding-bottom: 20px;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

.bannercontent{
text-align:center;
margin-bottom:20px;
}

.rty{
margin-top:6px;
}

.uvi {
margin-top: 0px;
}
.paddingphome {
padding-top: 0px;
padding-bottom: 10px;
border-top: 2px solid #000000;
border-bottom: 2px solid #000000;
}

.fridship h3 {
color: #ff0505;
font-size: 20px;
font-family: Calibri;
font-weight: 700;
margin-top: 10px;
}

.fridship p {
font-family: Calibri;
font-size: 15px;
color: black;
font-weight: bold;
}

.fridship {
margin-left: 10px;
}

.know_link{
color: #ff0505;
font-weight: 900;
font-size: 16px;
margin-right: 60px;
text-decoration: none;
}

.flt2 {
color: #ff0505;
font-weight: 900;
font-size: 14px;
}

.flt2:hover {
color: #ff0505;
font-weight: 900;
font-size: 14px;
text-decoration: none;
}

.lastbtn {
text-align: center;
}

.bannershow {
text-align: center;
}

.bannershow h2 {
color: #ff0505;
font-family: Calibri;
font-size: 30px;
text-align: center;
margin-bottom: 35px;
font-weight: 700;
}

.bannershow a {
margin-top: 50px;
}

.btn3 {
background-color: #ff0505;
border: 3px solid white;
color: white;
font-size: 20px;
/*margin-right: 15px;*/
padding: 10px 66px;
font-weight: bold;
font-family: Calibri;
text-decoration: none;
border-radius: 30px;
}

.btn3:hover {
text-decoration: none;
background: #ff0404;
background: -moz-linear-gradient(top, #ff0404 0%, #72340b 73%);
background: -webkit-linear-gradient(top, #ff0404 0%, #72340b 73%);
background: linear-gradient(to bottom, #ff0404 0%, #72340b 73%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0404', endColorstr='#72340b', GradientType=0);
border: 3px solid white;
font-family: Calibri;
color: white;
font-size: 20px;
font-weight: bold;
color: yellow;
}

.footerone {
padding: 16px 0px 20px 0px;
text-align: center;
background-color: #000000;
height: auto;
width: 100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
margin-top: 30px;
}

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

.footer li {
display: inline;
border-right:1px solid #fff;
padding:0 15px;
}
.footer li:last-child {
border-right:none;
}

.footer a {
text-decoration: none;
color: white;
font-family: "Open Sans";
font-size: 15px;
letter-spacing: 0.9px;
text-transform:uppercase;
}

.footer a:hover {
text-decoration: none;
color: #999;
}

.flutcallimage {
float: left;
margin: 4px 0 0 6px;
}

.makeyour {
font-family: Verdana;
font-size: 22px;
font-weight: 700;
}

.flutcallimage img {
margin-top: 0px;
}

.dating {
font-family: Verdana;
font-size: 42px;
font-weight: 700;
}

.datingcontent {
font-family: Calibri;
font-size: 14px;
visibility: visible;
animation-duration: 2s;
animation-name: shake;
}

.change {
color: #3B5998 !important;
}
.change:hover {
color: #fff !important;
background-color: #3B5998 !important;
}

.change2 {
color: #1dcaff !important;
}
.change2:hover {
color: #fff !important;
background-color: #1dcaff !important;
}

.change3 {
color: #7e3ab1 !important;
}
.change3:hover {
color: #fff !important;
background: linear-gradient(-130deg, #7e3ab1, #e80c28, #f4cb01) !important;
}

.forgot {
font-size: 14px;
color: black;
margin-left: 145px;
text-decoration: underline;
}

.papapbanner {
float: right;
}

.toppop {
left: 360px;
/* position: absolute; */
top: 0;
}

.popup {
position: fixed;
z-index: 2;
top: 60px;
left: 50%;
width: 460px;
background: #fff;
-moz-box-shadow: 4px 4px 30px #130507;
-webkit-box-shadow: 4px 4px 30px #130507;
box-shadow: 4px 4px 30px #130507;
-moz-transition: top 800ms;
-o-transition: top 800ms;
-webkit-transition: top 800ms;
transition: top 800ms;
z-index: 101;
opacity: 0.9;
}

.p_close {
float: right;
width: 27px;
height: 27px;
margin: -8px -9px 0 205px;
background: url(/../phonafriendimage/home/tmpf00247.png);
position: absolute;
right: 0;
margin-left: 205px;
}
/******************************index ends********************************/

/******************************index responsive starts********************************/
@media screen and (max-width:1024px) {
    .flutcallimage{
    float:none;
}
}


@media screen and (max-width:767px) {

.p_content {
background: #fff none repeat scroll 0 0;
border: 2px solid red;
box-shadow: 4px 4px 30px #130507;
font-size: 23px;
height: 411px;
left: 50%;
opacity: 0.9;
padding: 0;
position: fixed;
text-align: center;
top: 50%;
transition: top 800ms ease 0s;
transform:translate(-50%,-50%);
width: 310px;
z-index: 101;
}

.pushmenu-push {
display: none;
}

.callcontent {
text-align: right;
}

.main_top {
text-align: center;
}

.datingcontent {
font-size: 12px;
}

}


@media screen and (max-width:320px){
.pushmenu-push-toright {
left: 193px;
}

.pushmenu {
text-align: center;
width: 187px;
height: 100%;
top: 0;
z-index: 1000;
position: fixed;
}

.uvi {
margin-top: 0px;
}

.makeyour {
font-family: Verdana;
font-size: 16px;
}

.datingcontent {
font-size: 16px;
margin-left: 1px;
}

}

@media screen and (max-width: 640px) {

/*************************************TMPFGeneralInfo responsive starts****************************/
.strong1 {
font-size: 14px;
margin-left: 50px !important;
}

.upper_panel20 {
width: 91% !important;
margin: auto !important;
}

.password20 {
height: 41px;
width: 125px !important;
margin-left: 10px !important;
}

.strong2 {
font-size: 14px;
margin-left: 165px !important;
}

.strong4 {
margin-left: 160px !important;
}

.strong3 {
margin-left: 36px !important;
}

.contactus_main .contact_main2 .well .form-group label {
margin-bottom: 15px;
}

.arrow {
border-bottom: 10px solid transparent;
border-left: 9px solid white;
border-top: 10px solid transparent;
height: 0;
width: 0;
position: absolute;
margin-right: 80px;
right: 0;
margin-top: -24px;
}

/*************************************TMPFGeneralInfo responsive ends****************************/

/*************************************index responsive starts****************************/
.pushmenu-push {
display: block;
}

.pushmenu {
text-align: center;
height: 100%;
top: 0;
z-index: 1000;
position: fixed;
}

.pushmenu h3 {
color: #f1f1f1;
font-size: 1.3em;
font-weight: 400;
padding: 15px 25px;
margin: 0;
background: #333;
height: 16px;
}

.pushmenu-left {
left: -300px;
}

.pushmenu-left.pushmenu-open {
left: 0;
}

.pushmenu-push {
overflow-x: hidden;
position: relative;
left: 0;
}

.pushmenu-push-toright {
left: 280px;
}

.pushmenu, .pushmenu-push {
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
transition: all 0.5s ease;
}

.buttonset {
background: #ff0505;
padding: 6px 14px 8px;
position: fixed;
z-index: 1000;
top: -15px;
left:0;
}

.responcemenucontent {
position: relative;
z-index: 100;
top:60px;
}

.responcemenucontent ul {
margin: 0px;
padding: 0px;
}

.responcemenucontent ul li {
display: block;
text-align: right;
padding: 8px;
-webkit-transition: all 1s;
-moz-transition: all 1s;
-ms-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;
margin: 0px 0px 5px 0px;
background: #ff0505;
border-radius: 0 30px 30px 0;
}

.responcemenucontent ul li a {
text-decoration: none;
color: #FFFFFF;
letter-spacing: 1px;
}

.responcemenucontent ul li i {
margin-left: 10px;
color: #000;
background: #fff;
padding: 5px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
width: 30px;
height: 30px;
font-size: 20px;
background: #ffffff;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
text-align: center;
}
.btn2 {
background-color: #ff0505 !important;
border: 3px solid white !important;
border-radius: 0px;
color: white !important;
font-size: 15px;
margin-right: 15px !important;
padding: 8px 0px !important;
font-weight: bold;
cursor: pointer;
width: 100px;
}


.btn2:hover {
background: #ff0404;
background: -moz-linear-gradient(top, #ff0404 0%, #72340b 73%);
background: -webkit-linear-gradient(top, #ff0404 0%, #72340b 73%);
background: linear-gradient(to bottom, #ff0404 0%, #72340b 73%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0404', endColorstr='#72340b', GradientType=0);
border: 3px solid white;
border-radius: 0px;
color: white;
font-size: 15px;
margin-right: 15px;
padding: 8px 0px !important;
width: 100px;
font-weight: bold;
color: yellow;
text-decoration: none;
}

#nav_list {
background: url(/../tmpfimages/indexpageimages/icon_nav.png) no-repeat left top;
cursor: pointer;
height: 28px;
width: 33px;
text-indent: -99999em;
}

.menucontent {
display: none;
}

.logo_index {
padding-top: 0;
text-align: right;
margin-bottom:5px;
}

.logo_index img {
width:200px;
margin-top:5px;
}


.callcontent {
text-align: center;
}

.topbanner {
height: 602px;
width: 100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
min-height: 100%;
background: url(/../tmpfimages/indexpageimages/top_banner.jpg) no-repeat -656px 0px;
}

.bannercontent img{
    width:100%;
    height:auto;
}

.makeyour {
font-family: Verdana;
font-size: 18px;
}

.datingcontent {
font-size: 18px;
line-height: 18px;
} 

.dating{
font-size:28px;
}

.forgot {
margin-left: 0;
}

.popup {
top: 18px;
width: 75%;
}

.p_close {
margin-left: 140px !important;
}

.flutcallimage img{
width:50px;
height:50px;
}

.main_top h2{
margin-top:10px;
}

.datingbutton{
margin-top:10px;
}

}

/******************************index responsive ends********************************/
.inputGroupContainer textarea.form-control::placeholder {
    font-size: 15px !important;
}

/*Soubhik new section Start from here*/

.sr_area{padding: 40px 0;}
#ContentPlaceHolder1_divSearchResult table{width:100%;}
#ContentPlaceHolder1_divSearchResult table tr td{width:50%;}
.sr_left{padding: 0 20px;}
.sr_advance{background: #df314d;border: 1px solid #acacac;}
.sr_advance h2{background: #98061d;color: #fff;font-size: 20px;font-weight: bold;text-align: center;text-transform: uppercase;padding: 14px 10px;width: calc(100% + 40px);position: relative;left: 50%;transform: translateX(-50%);top: -1px;}
.sr_advance h2:before{content: ""; position: absolute; left: 0; bottom: -19px; width: 0px;height: 0px;border-left: 19px solid transparent;border-right: 0 solid transparent;border-top: 19px solid #5b000e;}
.sr_advance h2:after{content: ""; position: absolute; right: 0; bottom: -19px; width: 0px;height: 0px;border-left: 0 solid transparent;border-right: 19px solid transparent;border-top: 19px solid #5b000e;}
.sr_advance_box{padding: 30px 25px 40px;}
.sr_advance_flex{display: flex;}
.sr_advance_age label{margin: auto 20px auto 0; color: #fff; font-size: 14px; font-weight: 500;}
.sr_advance_age select{margin: auto 0 auto auto;background: #232323;color: #fff;border: none;font-size: 14px;}
.sr_advance_gender{margin-top: 20px;}
.sr_advance_gender label{margin: auto 20px auto 0; color: #fff; font-size: 14px; font-weight: 500;}
.sr_advance_state select{margin-top: 20px;background: #232323;color: #fff;border: none;font-size: 14px;}
.sr_btn{width: 135px; height: 40px; background: linear-gradient(to top, #000000, #565656); border-radius: 5px; border: none; color: #fff; font-size: 16px; display: block; margin: 20px auto 0;}

.sr_activation_area{background: #232323; border:1px solid #acacac; padding: 15px 20px 25px; margin-top: 35px;}
.sr_activation_area h3{color: #fff; margin: 0 0 15px; font-size: 16px; font-weight: 500; text-align: center;}
.sr_activation_area form input{background: #4f4f4f; color: #fff;text-align: center; border: none; border-radius: 5px; height: 40px;}
.sr_activation_area form input::placeholder{color: #a9a9a9;}
.sr_activation_area form input:focus{border: 1px solid #df314d; box-shadow: none;}
.activation_btn{border: none; border-radius: 5px; height: 40px; width: 100%;margin-top: 20px; background: linear-gradient(to top, #84061a, #df314d); color: #fff; font-size: 16px;}

.sr_balance_area p{color: #fff; font-size: 18px; text-align: center;margin: 35px 0 0;}
.sr_balance_area span{display: block; text-align: center; font-size: 22px; font-weight: bold; color: #fff;margin-top: 15px;}
.buy_btn{display: inline-block;outline: none;font-size: 18px;border-radius: 5px;text-transform: uppercase;padding: 0 1em;box-shadow: 0 3px 6px rgb(0 0 0 / 16%), 0 3px 6px rgb(110 80 20 / 40%), inset 0 -2px 5px 1px rgb(139 66 8), inset 0 -1px 1px 3px rgb(250 227 133);background-image: linear-gradient(160deg, #a54e07, #b47e11, #fef1a2, #bc881b, #a54e07);border: 1px solid #a55d07;color: rgb(120,50,5) !important;text-shadow: 0 2px 2px rgb(250 227 133);transition: all .2s ease-in-out;background-size: 100% 100%;background-position: center;line-height: 45px;margin: 20px 0 0;text-align: center;position: relative;left: 50%;transform: translateX(-50%);text-decoration: none !important;font-weight: bold;}

.sr_pro_box{border-radius: 20px; border: 1px solid #acacac; height: 360px;overflow: hidden;position: relative;margin-bottom: 30px;}
.sr_pro_box:after{content: "";background: linear-gradient(to top, rgba(0,0,0,0.9) 20%, rgba(0,0,0,0.0) 100%);position: absolute;left: 0;bottom: 0;width: 100%;height: 230px;}
.sr_pro_img{width: 100%;}
.sr_profile_info{position: absolute; left: 0; bottom: 0;z-index: 1;width: 100%;}
.sr_pro_border{border-bottom: 1px solid #acacac;display: flex;}
.sr_pro_name{padding-left: 10px;width: 100%;margin: auto 0 0;}
.sr_pro_name h3{font-size: 12px; font-weight: bold; text-transform: uppercase; margin: 0 0 10px; color: #fff;}
.sr_interest{padding-bottom: 8px;}
.sr_interest span{color: #fff; background: #df314d; border-radius: 100px;border:1px solid #acacac; text-align: center; display: inline-block; font-size: 12px; padding: 1px 12px; margin: 2px 0;}
.sr_call_img{display: flex; width: 100%;}
.sr_call_img img{margin: 0 0 0 auto;}
.sr_d_flex{display: flex;}
.sr_online{width: 12px; height: 12px; background: #14d000;border-radius: 100%;position: absolute; right: 15px; top: 15px;}

.star_area{padding: 15px 5px;}
.star_area h4{font-size: 12px; font-weight: bold; color: #fff;text-align: center; text-transform: uppercase; margin: 0 0 5px;}
.sr_profile_icon_area{display: flex;justify-content: center;}
.sr_profile_icon_box{width: 40px; height: 40px;border: 2px solid #df314d; border-radius: 100%;position: relative;margin: 0 10px;position: relative;display: inline-block;}
.profileCenter{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
/*.sr_profile_icon_box img{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}*/
.sr_profile_icon_box span {visibility: hidden;background-color: #df314d;color: #fff;text-align: center;border-radius: 3px;padding: 5px 10px;position: absolute;z-index: 1;left: 50%;opacity: 0;transition: opacity 0.3s;top: -25px;transform: translateX(-50%);display: block;white-space: nowrap;}
.sr_profile_icon_box span::after {content: "";position: absolute;top: 100%;left: 50%;margin-left: -5px;border-width: 5px;border-style: solid;border-color: #df314d transparent transparent transparent;}
.sr_profile_icon_box:hover span {visibility: visible;opacity: 1;}

#ContentPlaceHolder1_reqMsg hr{margin:36px 0 0;}
.sres_back .pagina_but{border: none; border-radius: 5px; height: 40px; width:80%;margin-top:0; background: linear-gradient(to top, #84061a, #df314d); color: #fff; font-size: 16px;}

@media (min-width:768px) and (max-width:1024px) {
    .sr_area{padding: 10px 0;}
    .sr_left{margin-bottom: 15px;}
    .sr_advance_age label{width: 50px;}
    .sr_advance_flex{margin-bottom: 10px;}
    .sr_advance_box{padding: 10px 10px 15px;}
    .sr_advance_flex input{top: 1px;position: relative;}
    .sr_advance_gender label{margin: auto 5px auto 0;}
    .sr_advance_gender, .sr_advance_state select{margin-top: 5px;}
    .sr_btn{margin: 5px auto 0;}
}

@media (max-width:767px){
    .sr_area{padding: 10px 0;}
    .sr_left{margin-bottom: 15px;}
    .sr_advance_age label{width: 50px;}
    .sr_advance_flex{margin-bottom: 10px;}
    .sr_advance_box{padding: 10px 10px 15px;}
    .sr_advance_flex input{top: 1px;position: relative;}
    .sr_advance_gender label{margin: auto 5px auto 0;}
    .sr_advance_gender, .sr_advance_state select{margin-top: 5px;}
    .sr_btn{margin: 5px auto 0;}

    .sr_activation_area{margin-top: 15px;}
    .sr_balance_area p{margin: 15px 0 0;font-size: 14px;}
    .sr_balance_area span{font-size: 18px;margin-top: 5px;}
}