/*@import url('https://fonts.googleapis.com/css?family=Livvic:400,500,600,700&display=swap');*/
/* @import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700&display=swap');

body {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 16px;
    color: #222;
    position: relative;
    padding-bottom: 160px;
    height: 100%;
} */

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #242424;
    font-family: 'Open Sans', sans-serif;
}

a,
a:hover,
a:focus,
a:active {
    text-decoration: none;
    outline: none;
}

a {
    text-decoration: none;
}

.section-title .title {
    font-size: 32px;
    line-height: 32px;
    margin-bottom: 15px;
    color: #DA2419;
    font-weight: 700;
    text-transform: uppercase;
    position: relative;
}

.section-title {
    text-align: center;
    margin-bottom: 60px;
    position: relative;
}

section {
    padding: 0px 0;
}

.clr-red {
    color: #DA2419;
}

/* .section-title::after {
    content: "";
    position: absolute;
    bottom: -30px;
    display: inline-block;
    left: 50%;
    margin-left: -118px;
    background: url(../images/title-bg.png) no-repeat 0 0;
    width: 236px;
    height: 18px;
} */

.clr-white {
    color: #fff;
}

.clr-red {
    color: #DA2419;
}

.clr-yellow {
    color: #f5b900;
}

/* top bar start*/
.header {
    position: absolute;
    width: 100%;
    z-index: 99;
}

.topbar {
    background-color: transparent;
    padding: 15px 0;
    border: 1px solid rgba(255, 255, 255, 0.15)
}

.topbar .left-content {
    display: inline-block;
}

.topbar .right-content {
    display: inline-block;
    float: right;
}

.topbar ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.topbar ul li {
    display: inline-block;
    margin-right: 15px;
}

.topbar ul li:last-child {
    margin-right: 0;
}

.topbar ul li a {
    color: #fff;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.topbar ul li a i {
    margin-right: 3px;
    font-size: 14px;
    color: #f5b900;
}

.navbar-light .navbar-nav .active>.nav-link {
    color: #f5b900 !important;
}

.sticky {
    -webkit-animation: 600ms ease-in-out 0s normal none 1 running fadeInDown;
    animation: 600ms ease-in-out 0s normal none 1 running fadeInDown;
    left: 0;
    margin: auto;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99999;
}

/* menu bar start*/
.menubar .navbar {
    padding: 0;
    background: rgb(218, 25, 25);
}

.menubar .navbar .navbar-brand {
    padding: 0;
}

.menubar .navbar .navbar-brand img {
    width: 160px;
}

/*.menubar .navbar .navbar-nav .nav-link {color: #fff; font-size: 16px;font-weight: 700;text-transform: uppercase;letter-spacing: .3px; }*/
.menubar .navbar .navbar-nav .nav-link {
    color: #fff;
    font-size: 17px;
    font-weight: 600;
}

.menubar .navbar .navbar-nav .nav-item {
    margin-right: 15px;
}

/* main banner start*/
.main-banner .item::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .1);
}

.main-banner .owl-carousel .owl-item img {
    max-height: 100%;
    min-height: 800px;
}

.form-group {
    margin-bottom: 10px;
    position: relative;
}

.has-icon {
    position: relative;
    display: block;
}

/* register form css start*/
.has-icon .the-icon {
    font-size: 14px;
    position: absolute;
    right: 20px;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #7c7c90;
}

/* .btn-red {
    color: #fff;
    background-color: #DA2419;
    border-color: #DA2419;
    padding: 5px 18px;
    border-radius: 30px;
    font-weight: 600;
}

.btn-red:hover {
    color: #fff;
    text-decoration: none;
    background: #f5b900;
    border: 1px solid #f5b900;
} */

.icon-th {
    position: absolute;
    right: 20px;
    top: 9px;
    color: #7c7c90;
}

.form-check-inline {
    margin-right: 15px;
    padding-top: 10px;
}

.register-form {
    position: absolute;
    top: 60px;
    right: 50px;
    z-index: 99;
    padding: 20px;
    background: #F5B900;
}

.form-group .form-control {
    font-size: 13px;
    letter-spacing: .3px;
    height: 33px;
    border: none;
    background-color: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #e5e5e5;
}

.form-control:focus {
    box-shadow: none;
    border: 2px solid #DA2419 !important;
}

.form-control::placeholder {
    color: #999;
    opacity: 1;
}

.register-title {
    color: #121212;
    font-size: 22px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 20px;
    font-weight: 700;
}

.register-form .nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: #fff;
    background-color: #DA2419;
}

.register-form .nav-pills .nav-link {
    border-radius: 0;
    border: 2px solid #DA2419;
    color: #242424;
    font-size: 18px;
    letter-spacing: .3px;
}

/* search box */
.search-box {
    padding: 50px 0;
    background: #f7f7f7;
}

.search-box ul {
    margin: 0;
    margin-left: 0px;
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-left: 10px;
}

.search-box ul li:first-child {
    margin-left: 0;
}

.search-box ul li.aged {
    color: #222;
}

.search-box ul li {
    width: 20%;
    display: inline-block;
    margin: 0 20px;
}

.search-box ul li .form-group label {
    font-size: 16px;
    color: #222;
    margin-bottom: 10px;
}

.search-box ul li.aged .left {
    width: calc(50% - 20px);
    display: inline-block;
    margin-left: 0;
}

.search-box ul li.aged .right {
    width: calc(50% - 20px);
    display: inline-block;
    margin-right: 0;
}

.search-box ul li.aged label {
    display: block;
}

.search-box .btn-wrap button {
    height: 45px;
    margin-top: 34px;
}

/* step section css*/

.main-timeline {
    padding: 15px 0;
    position: relative;
}

.main-timeline:before {
    content: '';
    background: #242424;
    height: 100%;
    width: 15px;
    border-radius: 30px;
    transform: translateX(-50%);
    position: absolute;
    left: 50%;
    top: 0;
}

.main-timeline:after {
    content: '';
    display: block;
    clear: both;
}

.main-timeline .timeline {
    text-align: center;
    width: 50.1%;
    margin: 0 0 50px;
    float: left;
    position: relative;
}

.main-timeline .timeline:last-child {
    margin: 0;
}

.main-timeline .timeline-content {
    color: #555;
    display: block;
}

.main-timeline .timeline-content:hover {
    color: #555;
    text-decoration: none;
}

.main-timeline .timeline-icon {
    color: #DA2419;
    background: linear-gradient(to right, #f5b900 49%, #f5b900 50%);
    text-align: center;
    line-height: 110px;
    height: 110px;
    width: 110px;
    border-radius: 50%;
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    right: -54px;
}

.main-timeline .timeline-icon:before {
    content: '';
    background: #fff;
    height: 95%;
    width: 95%;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: -1;
    transform: translateX(-50%) translateY(-50%);
}

.main-timeline .inner-content {
    padding: 10px 80px 10px 10px;
}

.main-timeline .title {
    color: #242424;
    font-size: 22px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 0 3px;
}

.main-timeline .description {
    font-size: 16px;
    letter-spacing: .3px;
    margin: 0;
    color: #242424;
}

.main-timeline .timeline:nth-child(even) {
    float: right;
}

.main-timeline .timeline:nth-child(even) .timeline-icon {
    right: auto;
    left: -53px;
}

.main-timeline .timeline:nth-child(even) .inner-content {
    padding: 10px 10px 10px 80px;
}

.main-timeline .timeline:nth-child(4n+4) .title {
    color: #DE7D38;
}


/* success story css*/
section.success-story {
    padding: 15px 0 0;
}

section.aboutus.success-story-section {
    padding: 50px 0 100px;
}

.post-slide {
    background: #fff;
    border: 1px solid #f5b900;
}

.post-slide .post-header {
    padding: 15px 20px;
}

.post-slide .title {
    margin-bottom: 5px;
}

.post-slide .title a {
    font-size: 20px;
    color: #242424;
    font-weight: bold;
    transition: all 0.4s ease 0s;
}

.post-slide .title a:hover {
    color: #fd6058;
    text-decoration: none;
}

.post-slide .post-bar {
    margin: 15px 0 0 0;
    padding: 0;
    list-style: none;
}

.post-slide .post-bar li {
    display: inline-block;
    margin-right: 20px;
    color: #808080;
}

.post-slide .post-bar li a {
    font-size: 15px;
    color: #808080;
    text-transform: capitalize;
}

.post-slide .post-bar li a:hover {
    text-decoration: none;
    color: #fd6058;
}

.post-slide .post-bar li img {
    width: 35px;
    height: 35px;
    border-radius: 50%;
}

.post-slide .post-bar li i,
.post-slide .post-bar li img {
    margin-right: 5px;
}

.post-slide .pic {
    overflow: hidden;
    position: relative;
    height: 300px;
}

.success-story .owl-nav.disabled button {
    background-color: #da2419 !important;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin: 0 5px;
    line-height: 25px;
}

.owl-nav.disabled {
    display: block!important;
    text-align: center;
    margin: 20px 0 0 0;
}

.success-story .owl-nav.disabled button span {
    color: #fff;
    font-size: 28px;
}

.post-slide .pic:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, 0);
    transition: all 0.9s ease 0s;
}

.post-slide:hover .pic:after {
    background: rgba(255, 255, 255, 0.2);
}

.post-slide .pic img {
    width: 100%;
    height: auto;
    transform: rotate(0deg) scale(1, 1);
    transition: all 0.6s ease-in-out 0s;
}

.post-slide:hover .pic img {
    transform: rotate(10deg) scale(1.5, 1.5);
}

.post-slide .post-category {
    padding: 5px 15px;
    margin: 0;
    list-style: none;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #fd6058;
    z-index: 1;
}

.post-slide .post-category li {
    display: inline-block;
    text-transform: uppercase;
}

.post-slide .post-category li:after {
    content: " ,";
    color: #fff;
}

.post-slide .post-category li:last-child:after {
    content: "";
}

.post-slide .post-category li a {
    color: #fff;
}

.post-slide .post-category li a:hover {
    text-decoration: none;
    color: #333;
}

.post-slide .post-description {
    font-size: 16px;
    color: #808080;
    padding: 15px;
}

/* about us start*/
.aboutus .about-content {
    position: relative;
    left: -19%;
    background: #fff;
    padding: 3rem 2rem;
    border: 2px solid #f8f9fa;
    z-index: 2;
}

section.aboutus {
    padding: 15px 0 30px;
}

.aboutus .about-title h2 {
    font-weight: 600;
    font-size: 22px;
    color: #DA2419;
}

.about-content p:last-child {
    margin-bottom: 0;
}

.about-content p {
    line-height: 28px;
}
/* contact us*/
.contactus {
    background: #f5b900;
}

.contactus .contact-list {
    text-align: center;
}

.contactus .contact-icon {
    width: 60px;
    height: 60px;
    border-radius: 100%;
    background: #f5b900;
    color: #fff;
    position: relative;
    margin: 0 auto;
}

.contactus .contact-icon i {
    position: absolute;
    font-size: 22px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: #DA2419;
}

.contactus .contact-title h4 {
    font-size: 24px;
    margin-top: 15px;
}

.contactus .contact-form {
    margin-top: 40px;
}

/* footer css*/
/* .footer {
    background: #242424;
    padding: 30px 0;
    float: left;
    width: 100%;
    position: relative;
    bottom: 0;
}

.footer ul.social li {
    padding: 3px 0;
}

.footer ul.social li a i {
    margin-right: 5px;
    font-size: 25px;
    -webkit-transition: .5s all ease;
    -moz-transition: .5s all ease;
    transition: .5s all ease;
}

.footer ul.social li:hover a i {
    font-size: 30px;
    margin-top: -10px;
}

.footer ul.social li a,
.footer ul.quick-links li a {
    color: #ffffff;
}

.footer ul.social li a:hover {
    color: #eeeeee;
} */



/*login*/

/* Contact Us Page  css */

.contactbox .contact-icon i {
    font-size: 34px;
    color: #DA2419;
}

.contactbox p {
    font-size: 14px;
    margin: 10px 0 0 0;
}

.contactbox {
    margin: 30px 0;
    padding: 0 0;
}

.form-box h2 {
    font-weight: 600;
    font-size: 22px;
    color: #DA2419;
    margin: 0 0 25px 0;
}

.contactbox .contact-text {
    font-weight: 500;
}

#return-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.7);
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 9;
}

#return-to-top i {
    color: #fff;
    margin: 0;
    position: relative;
    left: 16px;
    top: 13px;
    font-size: 19px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#return-to-top:hover {
    background: rgba(0, 0, 0, 0.9);
}

#return-to-top:hover i {
    color: #fff;
    top: 5px;
}

.address-map {
    background-color: #f1f2f5;
    padding: 0;
}

.contact-form label {
    font-weight: 600;
    font-size: 13px;
}

.form-box .contact-form textarea {
    height: 140px;
}

.social_contact_box ul li a {
    background-color: #000;
    padding: 8px;
    border-radius: 50px;
    width: 38px;
    display: block;
    height: 38px;
    text-align: center;
    font-size: 14px;
    color: #fff;
}

.social_contact_box ul li.facebook-icon a {
    background-color: #3b5998;
}

.social_contact_box ul li.twitter-icon a {
    background-color: #00acee;
}

.social_contact_box ul li.instaqgram-icon a {
    background-color: #3f729b;
}

.social_contact_box ul li.googleplus-icon a {
    background-color: #CC3333;
}

.social_contact_box ul li.envelope-icon a {
    background-color: #f1d592;
}

.address_box i {
    font-size: 20px;
    margin: 0 0 10px 0;
    background-color: #fff;
    width: 50px;
    height: 50px;
    color: #da2419;
    text-align: center;
    padding: 15px 0;
    border-radius: 50%;
    border: 1px solid #da2419;
}

.address_box i.fa-phone {
    transform: rotate(90deg);
}

.address_box h4 {
    font-size: 16px;
    margin: 0 0 0 0;
    font-weight: 600;
}



/* Contact Us Page End */

/*userlogin*/

.nofifyspan {
    background-color: #F5B900;
    font-size: 10px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    display: block;
    text-align: center;
    padding: 2px 0;
    position: absolute;
    top: 0;
    right: 8px;
}



.notify_profile_box {
    padding: 0;
    margin: 0;
}

.notify_profile_box li {
    display: inline-block;
}

.notify_profile_box li a.nav-link {
    color: #fff;
    font-size: 18px;
}

.notification a {
    position: relative;
}

.spinner-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ff6347;
    z-index: 999999;
}

.spinner {
    position: absolute;
    top: 48%;
    left: 48%;
}

.sideuserimg {
    width: 70px;
    height: 70px;
    background-color: #f8f9fa;
    border-radius: 5px;
    display: block;
    margin: 0;
    border: 1px solid #dcc;
    overflow: hidden;
    position: absolute;
    left: 15px;
    top: 15px;
}

.btn.btn-uprade {
    background-color: #da2419;
    color: #fff;
    padding: 5px 20px;
    font-size: 13px;
    font-weight: 600;
    border-radius: 30px;
    float: left;
    margin: 5px 0;
    width: 100%;
}

/* Membership Page css */

.membershipcard {
    text-align: center;
    border-radius: 5px;
    padding: 0 0 15px;
    background-color: #fff;
    /*width: 250px;*/
    /*margin: 0 25px 20px 0;*/
    margin: 0 0 20px 0;
}

.membershipcard h3 {
    font-weight: 700;
    font-size: 22px;
    color: #51505d;
    margin-bottom: 0px;
}

.membershipcard .card_titlebox p {
    font-size: 13px;
    font-weight: 600;
    font-style: italic;
    color: #72727d;
}

.card_titlebox {
    margin: 0 0 40px 0;
}

.card_price p {
    color: #72727d;
    font-size: 12px;
    font-weight: 500;
    margin: 0;
}

.separator_container {
    padding: 10px 0;
}

.separator {
    width: 30px;
    height: 1px;
    background: #cdced1;
    opacity: .6;
    margin: 0 auto;
}

.cardmembershipdetails p {
    font-size: 13px;
    font-weight: 500;
    text-align: left;
    position: relative;
    padding: 0 0 0 15px;
}

.cardmembershipdetails p i {
    font-size: 9px;
    margin: 0 5px 0 0;
    color: #DA2419;
    position: absolute;
    top: 7px;
    left: 0;
}

.cardmembershipdetails {
    padding: 0;
}

.card_price p {
    color: #72727d;
    font-size: 12px;
    font-weight: 500;
    margin: 0;
}

.cardbtnbox {
    margin: 25px 0;
}

.carddeactivedetails {
    color: #cdced1;
    text-decoration: line-through;
}

.cardbtnbox button {
    width: 130px;
    margin: auto;
    background-color: #fff;
    border-radius: 25px;
    color: #95959d;
    border: 1px solid #cdced1;
    font-weight: 400;
    box-shadow: 0 5px 9px rgba(80, 80, 80, .12);
}

.hovercardbox {
    border-bottom: 5px solid transparent;
    border-radius: 5px;
}

.membership {
    /*background-color: #efefef;*/
    background-color: #F8F9FA;
    padding: 5px 0 50px;
}



.membershipcard:hover .card_titlebox h3 {
    color: #da2419;
}

.membershipcard:hover {
    cursor: pointer;
}

.membershipcard:hover .hovercardbox {
    border-color: #da2419;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
}

.hovercardbox {
    border-bottom: 5px solid transparent;
    border-radius: 5px;
    padding: 50px 25px 0;
    /* box-shadow: 0 0 13px 3px rgba(0,0,0,.26); */
}

.membershipcard:hover .cardbtnbox button {
    background-color: #da2419;
    color: #fff;
    border-color: #da2419;
    box-shadow: 0 0 15px 0 rgba(218, 36, 25, 0.4);
}

.card_price p i {
    font-size: 10px;
    padding: 0 1px 0 0;
}

.planboxcard:hover {
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
}


/* Membership Page css End */

/* About Us page css */
.aboutus.aboutus-section .about-content {
    padding: 0 15px;
    border: none;
    left: 0;
}

.about_ext ul {
    padding: 0;
}

.about_ext ul li {
    list-style: none;
    padding: 0 0 10px 0 ;
}

.about_ext {
    padding: 0;
}

.about-details-box {
    margin: 0;
    display: block;
    padding: 20px 0;
}



/*.aboutus.aboutus-section {*/
/*margin: 120px 0;*/
/*}*/
/* About Us page css End */

/* userdash */

.userprofilecard {
    box-shadow: 0 0 10px 1px rgba(71, 85, 95, .08);
    border-radius: 5px;
    overflow: hidden;
    position: relative;
    /* border-bottom: 5px solid #da2419; */
    /* border-right: 5px solid #da2419; */
    margin: 0 0 20px 0;
    background-color: #fff;
}

.userimgbox {
    position: absolute;
    width: 180px;
    overflow: hidden;
    height: 100%;
    /* padding: 10px; */
    border-radius: 5px;
    left: 0;
    top: 0;
}

.userimgbox img {
    width: 100%;
    /* height: 100%; */
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    object-fit: cover;
}

.userdetailsbox {
    padding: 10px 10px 10px 195px;
}

.namebox {
    line-height: 16px;
    margin: 0 0 5px 0;
    /* border-bottom: 1px solid #ccc; */
    padding: 0 0 5px 0;
    float: left;
    width: 100%;
}

.namebox h3 {
    font-size: 14px;
    margin: 0;
    background-color: #fff;
    color: #da2419;
    padding: 5px 10px;
    font-weight: 600;
    float: left;
    border-radius: 5px;
    border: 1px solid #da2419;
}
.namebox span {
    color: #6ccca5;
    font-weight: 600;
    font-size: 12px;
}

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

.usermaindetails ul li {
    display: inline-block;
    width: 49%;
    font-size: 12px;
    margin: 0 0 5px 0;
}

.usermaindetails ul li .hoverlabel {
    float: left;
    width: 100%;
    font-weight: 600;
    font-size: 11px;
}

.usermaindetails p {
    font-size: 12px;
    margin: 0;
}

.usermaindetails p a {
    font-size: 10px;
}

.userprofilecard .dropdown .dropdown-toggle::after {
    content: "";
    border: none;
}

.userprofilecard .dropdown button {
    box-shadow: none;
    border: none;
    background-color: transparent;
    padding: 10px;
    font-size: 12px;
    color: #242424;
}

.userprofilecard .dropdown {
    text-align: right;
    position: absolute;
    width: 100%;
}

/*.planboxcard {
        background-color: #fff;
        padding: 15px;
        border-radius: 5px;
        box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);
    }*/
.plantitlebox.text-left h4 {
    font-size: 18px;
    /* font-weight: 600; */
    margin: 0;
    font-weight: 600;
    color: #6a6a6a;
}

/*  */

.planpricebox.text-right h3 {
    font-size: 22px;
    font-weight: 600;
    margin: 0;
    color: #6a6a6a;
}
.planpricebox.text-right h3 span {
    font-size: 14px;
}

.plantabsection .nav.nav-pills {
    border-bottom: 1px solid #ccc;
}


.plantabbox ul li.nav-item {
    width: 50%;
    border-radius: 0;
    /* color: #ccc; */
}

.plantabbox ul li.nav-item a.active {
    background-color: transparent;
    color: #da2419;
    border-bottom: 3px solid #da2419;
    font-weight: 600;
}

.plantabbox ul li.nav-item a {
    border-radius: 0;
    color: #242424;
    text-align: center;
    border-bottom: 3px solid transparent;
}

.plantabbox {
    float: left;
    width: 100%;
}

.planboxcard {
    background-color: #fff;
    padding: 15px;
    border-radius: 5px;
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);
    margin: 0 0 10px 0;
    position: relative;
}

.firstprice {
    font-weight: 400;
    font-size: 20px;
    text-decoration: line-through;
}

.planpricebox.text-right h3 span {
    /* font-size: 13px; */
    margin: 0 10px 0 0;
}

.offprice {
    color: #4CAF50;
    font-size: 14px;
}

.planpricebox.text-right p {
    font-size: 13px;
    color: #b5b5b5;
    margin: 5px 0 0 0;
}

.colps-btn {
    position: absolute;
    right: 15px;
    padding: 0;
    top: 15px;
    z-index: 99;
    font-size: 10px;
}

.planpricebox.text-right {
    padding: 0 30px 0 0;
}

.btn.colps-btn:focus {
    box-shadow: none;
}

.collapstabdetails {
    border-top: 1px solid #ccc;
    padding: 10px 0 0 0;
    margin: 5px 0 0 0;
}

.collapstabdetails ul li {
    display: inline-block;
    width: 49%;
    color: #6a6a6a;
    font-size: 13px;
}

.collapstabdetails ul {
    padding: 0;
}
.collapstabdetails .cardbtnbox button {
    background-color: #1fc8db;
    color: #fff;
    border-color: #1fc8db;
    /* box-shadow: 0 0 15px 0 rgba(218, 36, 25, 0.4); */
}

.collapstabdetails .cardbtnbox a {
    background-color: #1fc8db;
    color: #fff;
    border-color: #1fc8db;
    /* box-shadow: 0 0 15px 0 rgba(218, 36, 25, 0.4); */
    border-radius: 30px;
}

.cardbtnbox a {
    width: 130px;
    margin: auto;
    background-color: #fff;
    border-radius: 25px;
    color: #95959d;
    border: 1px solid #cdced1;
    font-weight: 400;
    box-shadow: 0 5px 9px rgba(80, 80, 80, .12);
}

.collapstabdetails .cardbtnbox {
    margin: 25px 0 0;
}

.planboxcard:hover .plantitlebox.text-left h4 {
    color: #1fc8db;
}
.saveuptobox p {
    text-align: center;
    margin: 0;
    padding: 5px;
    background-color: #1fc8db;
    color: #fff;
    text-transform: capitalize;
    font-size: 16px;
    /* background: background-color: #feae96; */
    background-image: linear-gradient(141deg, #9fb8ad 0%, #1fc8db 51%, #2cb5e8 75%);
}

.garandi_card {
    margin: 67px 0 15px 0;
    box-shadow: 0 0 10px 1px rgba(71, 85, 95, .08);
    border-radius: 5px;
    background-color: #fff;
}

.garandi_card img {
    width: 100%;
}

.osr_promise {
    box-shadow: 0 0 10px 1px rgba(71, 85, 95, .08);
    background-color: #fff;
    padding: 15px;
    margin: 0 0 20px 0;
    /* font-size: 14px; */
    border-radius: 5px;
}

.osr_promise h3 {
    border-bottom: 1px solid #cdced1;
    padding: 0 0 10px 0;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
}

.osr_promise p {
    /* margin: 0 0 0 0; */
    font-size: 14px;
    margin: 0;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
    font-weight: 600;
    color: #6a6a6a;
    padding: 0 0 20px 0;
}

.plantitlebox.text-left p {
    font-size: 12px;
    font-weight: 600;
    color: #6a6a6a;
}

.osr_promise p i::after {
    content: "";
    height: 100%;
    position: absolute;
    border: 1px dashed #6a6a6a;
    left: 14px;
    top: 30px;
}

.osr_promise p:last-child {
    padding: 0;
}

.osr_promise p i {
    border: 1px solid #6a6a6a;
    padding: 8px 7px;
    border-radius: 50%;
    font-size: 12px;
    margin: 0 10px 0 0;
    width: 30px;
    height: 30px;
    text-align: center;
}

.osr_promise p:last-child i::after {
    display: none;
}

.btn-sky {
    /* color: #fff;
    background-color: #1fc8db;
    border-color: #1fc8db;
    padding: 5px 18px;
    border-radius: 30px;
    font-weight: 600; */
}

.register-section {
    padding: 0;
}

.login-form-inner label {
    font-size: 13px;
    font-weight: 600;
}

.register-section .login-form-inner {
    padding-top: 20px;
    padding-bottom: 20px;
}

.register-section .inner-title.text-center.mb-4 {
    margin-bottom: 5px !important;
}

.register_badge img {
    width: 130px;
    /* position: absolute; */
    /* top: -60px; */
    /* left: 0; */
    /* right: 0; */
    /* margin: 0 auto; */
    margin: 0 auto;
    display: block;
}

.subtitle {
    font-size: 14px;
}

/* .login-form-inner .btn {
    height: 45px;
    margin-top: 0;
    padding: 10px;
} */

.clr-yellow {
    color: #1fc8db;
    font-weight: 600;
}

.register-section .form-group .right a:hover, .login-section .form-group .right a:hover {
    color: #da2419;
}

/* .btn-sky:hover {
    box-shadow: 0 0px 7px 0 rgba(31, 200, 219,0.5);
    color: #fff;
} */

.address_box p {
    font-size: 13px;
    color: #6a6a6a;
    margin: 5px 0 0 0;
}

.address_box {
    margin: 0 0 25px 0;
}

.forgetpass-section .btn-sky {
    margin: 15px 0 0 0;
}

.back-btn {
    font-size: 24px;
    position: absolute;
    top: 10px;
    left: 20px;
    color: #242424;
}

.back-btn:hover {
    color: #1fc8db;
}

.login-section .form-control:focus,
.register-section .form-control:focus,
.forgetpass-section .form-control:focus
{
    box-shadow: none;
    border: 2px solid #1fc8db !important;
}

.forgetpass-section .btn.btn-sky.btn-block {
    margin: 15px 0 0 0;
}

.main-banner {
    height: 520px;
    overflow: hidden;
}

/* userdash End */

.search-box .form-group .form-control {
    height: 40px;
}

.search-box .btn-wrap button {
    height: 40px;
    margin-top: 34px;
}

.search-box .btn-wrap a.btn {
    height: 40px;
    margin-top: 34px;
}

.garandi_card img {
    width: 100%;
    padding: 15px;
}

/*Guesture Search*/

.guesturimg {
    height: 300px;
    background-color: #dedede;
    position: relative;
}

.guesturimg img {
    height: 100%;
}

.guesturid {
    position: absolute;
    bottom: 0;
    width: 100%;
}

.guesturimg {
    height: 300px;
    background-color: #dedede;
    position: relative;
    border: 2px solid #f8f9fa;
}

.guesturdetails {
    position: absolute;
    background-color: rgba(218, 35, 25,0.9);
    padding: 15px;
    width: 90%;
    margin: auto;
    display: block;
    left: 0;
    right: 0;
    height: 90%;
    top: 0;
    bottom: 0;
}

.usermaindetails {
    height: 160px;
    overflow: auto;
    float: left;
    width: 100%;
}


.guesturbox {
    position: relative;
}

.guesturdetails ul li {
    display: block;
    font-size: 13px;
    color: #fff;
}

.guesturdetails ul {
    padding: 0;
}

.filter_box p span {
    color: #da2419;
    padding: 3px 10px;
}

.filter_box p {
    font-size: 13px;
    font-weight: 600;
    margin: 0;
}

.filter_box {
    background-color: #fff;
    box-shadow: 0 0 10px 1px rgba(71, 85, 95, .08);
    margin: 0 0 15px 0;
    padding: 10px 15px;
    border-radius: 5px;
}

/*Guesture Search End*/

/* Pagination css */
.pagination-box ul li {
    margin: 0 5px;
}

.pagination-box .page-item .page-link {
    font-size: 13px;
    padding: 6px 10px;
    border: medium none;
    font-weight: 600;
    color: #242424;
}

.pagination-box .page-item.active .page-link {
    color: #fff;
    background-color: #da2414;
}

.pagination-box {
    margin: 30px 0 0;
}

.pagination-box .page-item.disabled .page-link {
    color: #cdced1;
}

.pagination-box .page-link:hover {
    background-color: #da2419;
    color: #fff;
}

/* Pagination css End*/


/*Dashboard Css*/

.profilebox h4 {
    font-size: 14px;
    font-weight: 600;
}

.profilebox {
    box-shadow: 0 0 10px 1px rgba(71, 85, 95, .08);
    padding: 10px 15px;
    border-radius: 5px;
}

.profilebox p {
    font-size: 13px;
}

.profilebox p a {
    color: #242424;
}

.profilebox p span {
    /* float: right; */
    /* background-color: #f8f9fa; */
    /* width: 100%; */
    /* text-align: center; */
    /* height: 20px; */
    /* padding: 0px 0; */
    /* border-radius: 50%; */
    /* font-size: 12px; */
    /* font-weight: 600; */
    float: left;
    width: 100%;
    font-size: 24px;
    color: #ccc;
}

.profilebox h4::after {
    content: "";
    width: 50px;
    height: 3px;
    background-color: #da2419;
    position: absolute;
    left: 0;
    bottom: 0;
}

.profilebox p a:hover {
    color: #da2419;
}

.profilebox p a:hover span {
    /*background-color: #da1419;*/
    color: #da1419;
}

.profilebox h4 {
    font-size: 14px;
    font-weight: 600;
    position: relative;
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
    color: #da2419;
}

.profilebox p {
    font-size: 14px;
    margin: 0;
}

.profilebox p a {
    color: #242424;
    font-weight: 600;
    float: left;
    width: 100%;
    height: 100%;
}

.profilebox {
    box-shadow: 0 0 10px 1px rgba(71, 85, 95, .08);
    padding: 5px 10px;
    border-radius: 5px;
    margin: 0 0 10px 0;
    /* height: 140px; */
    float: left;
    width: 100%;
    background-color: #fff;
}

.mymatches {
    padding: 0 0 30px 0;
}

.sideuserbox h5 {
    font-size: 16px;
    font-weight: 600;
    margin: 0;
}

.sideuserbox {
    text-align: center;
}

.sideuserbox h5 {
    font-size: 16px;
    font-weight: 600;
    margin: 0;
}

.sideuserbox p {
    font-size: 12px;
    color: #cdced1;
    font-weight: 600;
    margin: 2px 0 0px 0;
}

.profiledropdown .dropdown-menu.show {
    width: 250px;
    right: 0;
    left: inherit;
    padding: 15px;
}

.sideuserbox {
	padding: 0px 0 5px 80px;
	margin: 0 0 5px 0;
	text-align: left;
	height: 75px;
	overflow: hidden;
}

.accounttype {
    font-size: 14px;
    /* background-color: #f5b900; */
    /* color: #fff; */
    padding: 0;
    border-radius: 5px;
    font-weight: 600;
    color: #f5b900;
}

.btn.btn-upgrade {
    font-size: 12px;
    display: block;
    background-color: #da2419;
    color: #fff;
    border-radius: 30px;
    font-weight: 600;
    margin: 10px auto 0;
    padding: 5px 20px;
}

.account-box {
    float: left;
    width: 100%;
    border-bottom: 2px solid #f8f9fa;
    padding: 0 0px 5px;
}

.notification .dropdown-toggle::after {
    display: none;
}

.notification_box h6 {
    font-weight: 600;
    text-transform: capitalize;
    border-bottom: 1px solid #cdced1;
    padding: 0 15px 8px;
    margin: 0;
    background-color: #fff;
}

.notification .dropdown-menu {
    width: 350px;
    right: 0;
    left: inherit;
    padding: 10px 0 0 0;
}

.notification_card {
    float: left;
    width: 100%;
    padding: 10px 10px 15px 80px;
    position: relative;
    background-color: #fff;
    margin: 0 0 2px 0;
}

.notify_img {
    width: 60px;
    height: 60px;
    overflow: hidden;
    float: left;
    border-radius: 5px;
    position: absolute;
    left: 10px;
    top: 10px;
}

.notify_text {
    font-size: 13px;
    margin: 0;
}

.nitify_time {
    font-size: 12px;
    color: #cdced1;
    margin: 0;
}

.notify_text b {
    color: #da2419;
}

.notification_box {
    float: left;
    width: 100%;
    background-color: #f8f9fa;
}

.notify_btnbox {
    position: absolute;
    right: 15px;
    bottom: 10px;
}

.notify_btnbox button.accept_btn {
    background-color: #fff;
    border: 1px solid green;
    color: green;
}

.notify_btnbox button.accept_btn:hover {
    background-color: green;
    border: 1px solid green;
    color: #ffffff;
}

.notify_btnbox button.decline_btn {
    background-color: #fff;
    border: 1px solid red;
    color: red;
}

.notify_btnbox button.decline_btn:hover {
    background-color: red;
    border: 1px solid red;
    color: #ffffff;
}

.notify_btnbox button {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: transparent;
    border: none;
    font-size: 12px;
    border: 1px solid #ccc;
}

header .dropdown-menu a.seeallbtn {
    width: 100%;
    color: #242424;
    text-align: center;
    float: left;
    background-color: #fff;
    font-size: 13px;
}

header .dropdown-menu.show {
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
}

/*Dashboard Css End*/


.address-map iframe {
    height: 100%;
    width: 100%;
}


/* header Dropdown */

header .dropdown-menu.show a:hover {
    color: #f5b900;
    background-color: transparent;
}

header .dropdown-menu {
    border: none;
    border-bottom: 4px solid #f5b900;
    padding: 10px 0;
}

header .dropdown-menu a {
    font-weight: 600;
    padding: 5px 15px;
    font-size: 14px;
}

header .profiledropdown .dropdown-menu a {
    padding: 5px 0;
}


header .dropdown-menu a:hover .notify {

    background-color: #F5B900;

}

.notify {
    background-color: #242424;
    color: #fff;
    width: 22px;
    display: inline-block;
    text-align: center;
    height: 22px;
    border-radius: 50%;
    position: absolute;
    right: 10px;
}

.dropdown-menu.notify-dropdown.show {
    padding: 10px 25px 10px 0;
}

/* header Dropdown End*/

/* breadcrumb */
.breadcrumb li {
    font-size: 14px;
    font-weight: 600;
}

.breadcrumb li a {
    color: #6c757d;
}

.breadcrumb-item.active {
    color: #da2419;
}
/* breadcrumb end */

.space_30 {
    padding: 30px 0;
}

/* inbox css */

.btn.restore-btn {
    background-color: green;
    color: #fff;
    border-radius: 30px;
    font-size: 14px;
    padding: 5px 20px;
}

.btn.delete-btn {
    background-color: #da2419;
    color: #fff;
    border-color: #da2419;
    text-shadow: none;
    box-shadow: none;
    padding: 5px 20px;
    border-radius: 30px;
    font-size: 14px;
}

.inbox_filter ul li.nav-item {
    display: inline-block;
    margin: 0 30px 0 0;
    border-radius: 0;
}

.inbox_filter ul li.nav-item a {
    color: #cdced1;
    font-size: 15px;
    font-weight: 600;
    background-color: transparent;
    padding: 0px 0 6px 0;
    border-bottom: 3px solid transparent;
    border-radius: 0;
}

.inbox_filter ul li.nav-item a.active {
    background-color: transparent;
    color: #da2419;
    border-color: #da2419;
}

.inboxmaincard {
    box-shadow: 0 0 10px 1px rgba(71, 85, 95, .08);
    border-radius: 5px;
    float: left;
    width: 100%;
    padding: 15px;
    margin: 0 0 10px 0;
    background-color: #fff;
    /*min-height: 110px;*/
}

.inbox_card {
    position: relative;
    padding: 0 80px 0 35px;
    float: left;
    width: 100%;
}


/*.img_box {
    width: 80px;
    height: 80px;
    background-color: #ccc;
    border-radius: 5px;
    position: absolute;
    left: 35px;
    top: 0;
    overflow: hidden;
}*/

.img_box {
    width: 80px;
    height: 80px;
    background-color: #ccc;
    /* border-radius: 5px; */
    position: relative;
    left: 0;
    top: 0;
    overflow: hidden;
    border-radius: 5px;
    float: left;
}

/*.inbox_name_box {
    float: left;
    width: 100%;
}*/

.inbox_name_box {
    float: left;
    width: 85%;
    padding: 0 0 0 15px;
}

.inbox_name_box h4 {
    font-size: 18px;
    font-weight: 600;
    text-transform: capitalize;
    margin: 0 0 5px 0;
}

.inbox_name_box h4 span {
    font-size: 12px;
    font-weight: 600;
    margin: 0 0 10px 0;
    color: #da2419;
}

.time_box p {
    font-size: 13px;
    margin: 0;
    color: #cdced1;
    font-weight: 600;
}

.time_box span {
    font-size: 11px;
    margin: 0;
    color: #cdced1;
    font-weight: 600;
}

.time_box {
    position: absolute;
    right: 0;
    text-align: right;
    line-height: 17px;
    top: 0;
}

.inboxmassages {
    font-size: 14px;
    margin: 10px 0 0 0;
}

.message_btnbox .btn {
    border: 1px solid #da2419;
    font-size: 14px;
    border-radius: 30px;
    padding: 5px 15px;
    margin: 0 0 0 10px;
    color: #fff;
    background-color: #da2419;
}

.message_btnbox .btn:hover {
    background-color: #da2419;
    border: 1px solid #da2419;
    font-size: 14px;
    color: #fff;
    border-radius: 30px;
    padding: 5px 15px;
}

.message_btnbox {
    float: left;
    width: 100%;
    text-align: right;
    margin: 5px 0 0 0;
}

.message_btnbox .btn:first-child {
    margin: 0 10px 0 0;
}

.inboxsearch input {
    /* float: right;
    width: 300px; */
}

.inboxsearch {
    float: left;
    width: 100%;
}

.inbox_section {
    float: left;
    width: 100%;
}

.inboxsearch {
    float: left;
    width: 100%;
    margin: 0 0 15px;
    background-color: #fff;
    padding: 15px;
    border-radius: 5px;
    box-shadow: 0 0 10px 1px rgba(71, 85, 95, .08);
}

.inboxmainsection {
    float: left;
    width: 100%;
}

.bg-gray {
    background-color: #f1f1f2;
}

.inbox-main-section.bg-gray {
    background-color: #f7f7f7;
}

.inbox_filter {
    margin: 3px 0;
}

.replaymodal .modal-title {
    font-size: 16px;
    font-weight: 600;
}

.replaymodal label {
    float: left;
    font-size: 14px;
    font-weight: 600;
}

.replaymodal .modal-footer button.btn {
    background-color: #da2419;
    color: #fff;
    padding: 7px 30px;
    margin: 0;
    /* display: block; */
}

.searchformbox {
    float: left;
    width: 100%;
    background-color: #fff;
    padding: 15px;
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
    border-radius: 5px;
}

.searchformbox label {
    font-size: 14px;
    font-weight: 600;
    text-transform: capitalize;
}

.searchingbtn {
    margin: 0;
    text-align: right;
}

.submenudropdown ul {
    display: none;
    padding: 0 0 0 20px;
}

.submenudropdown:hover ul {
    display: block;
}

.submenudropdown ul li {
    list-style: none;
}

.submenudropdown:hover span.submenu {
    color: #F5B900;
    background-color: transparent;
    cursor: default;
}

.submenudropdown span.submenu::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0px;
    border-left: .3em solid transparent;
    float: right;
    margin-top: 10px;
}

span.dropdown-item.submenu {
    font-size: 14px;
    padding: 5px 0;
    font-weight: 600;
}

/*

    .submenu_box a {
        width: 100%;
        float: left;
        color: #242424;
        padding: 0 0 0 0;
    }

    .submenu_box {
        padding: 0 0 0 15px;
    }

    .submenu_box {
        padding: 0 0 0 15px;
        display: none;
    }

    .submenu_section a:hover + .submenu_box {
        display: block
    }*/

.search-wrapper label {
    font-weight: 600;
    width: 125px;
    margin: 0;
}

/*.directory-messages {
    position: absolute;
    top: -23px;
    right: 135px;
    height: 45px;
    width: 45px;
    text-align: center;
    line-height: 48px;
    background: #141414;
    margin-right: 0px !important;
    border-radius: 50%;
    display: inline-block;
    overflow: hidden;
    padding: 0;
    color: #e14747;
    font-size: 22px;
    transition: .3s;
    cursor: pointer;
}*/

/*.directory-messages:hover {
    background-color: #EF5B5B;
    color: #fff;
}*/

.search-text i {
    margin: 0 5px 0 0;
}

.online-status {
    font-size: 12px;
    color: green;
    position: absolute;
    right: 10px;
    top: 10px;
    font-weight: 600;
}

.offline-status {
    font-size: 12px;
    color: #e14747;
    position: absolute;
    right: 10px;
    top: 10px;
    font-weight: 600;
}

.add_phototab {
    float: left;
    width: 100%;
    background-color: #fff;
    padding: 15px;
    box-shadow: 0 0 10px 1px rgba(71, 85, 95, .08);
    border-radius: 5px;
    text-align: center;
}

.add_photo_title h4 {
    font-size: 32px;
    font-weight: 600;
    color: #da2419;
    margin: 0;
}

.add_photo_title p {
    font-size: 13px;
    /* color: #9a9a9a; */
    /*font-weight: 600;*/
}

.profileuploadbox {
    border: 1px dashed #da2419;
    padding: 20px;
    border-radius: 5px;
    background-color: rgba(218, 36, 25,0.1);
    margin: 20px auto 10px;
    width: 50%;
}

.photodiv {
    width: 180px;
    height: 180px;
    overflow: hidden;
    margin: 0 auto 15px;
}

.photodiv img {
    width: 100%;
}

.profileuploadbox p {
    margin: 0;
    font-size: 13px;
    font-weight: 600;
}

.profileuploadbox .btn.btn-red {
    margin: 15px 0 0 0;
}

.notetext {
    font-size: 14px;
    color: #9a9a9a;
}

/* Radio btn css */

.radio_box ul li {
    color: #AAAAAA;
    display: block;
    position: relative;
    float: left;
    width: 100%;
    /* height: 100px; */
    /* border-bottom: 1px solid #333; */
    text-align: center;
}

.radio_box ul li input[type=radio]{
    position: absolute;
    visibility: hidden;
}

.radio_box ul li label {
    display: block;
    position: relative;
    font-weight: 600;
    font-size: 14px;
    padding: 0;
    margin: 0;
    height: 30px;
    z-index: 9;
    cursor: pointer;
    -webkit-transition: all 0.25s linear;
    text-align: center;
}

.radio_box ul li:hover label {
    color: #da2419;
}

.radio_box ul li .check {
    display: block;
    position: absolute;
    border: 5px solid #AAAAAA;
    border-radius: 100%;
    height: 15px;
    width: 15px;
    top: 5px;
    left: 0;
    z-index: 5;
    transition: border .25s linear;
    -webkit-transition: border .25s linear;
    opacity: 0;
}

.radio_box ul li:hover .check {
    border: 5px solid #000000;
}

.radio_box ul li .check::before {
    display: block;
    position: absolute;
    content: '';
    border-radius: 100%;
    height: 9px;
    width: 9px;
    top: 2px;
    left: 2px;
    margin: auto;
    transition: background 0.25s linear;
    -webkit-transition: background 0.25s linear;
}

.radio_box input[type="radio"]:checked ~ .check {
    border: 1px solid #da2419;
}

.radio_box input[type="radio"]:checked ~ .check::before {
    background: #da2419;
}

.radio_box input[type="radio"]:checked ~ label {
    color: #da2419;
}

.radio_box ul li label::before {
    content: "\f111";
    font-family: "Font Awesome 5 Free";
    font-weight: 400;
    margin: 0 5px 0 0;
}

.radio_box input[type="radio"]:checked ~ label:before {
    content: "\f192";
    font-family: "Font Awesome 5 Free";
    font-weight: 400;
    margin: 0 5px 0 0;
}

.radio_box ul {
    margin: 0;
    float: left;
    width: 100%;
    padding: 0;
}

.btn_box {
    float: left;
    width: 100%;
    margin: 20px 0 10px 0;
}

.pass_fill.form-group input {
    width: 240px;
    margin: 5px auto 0;
}

.btn_box .btn {
    padding: 8px 40px;
}

/* Radio btn css End*/

/* uploadprofile */

.upload-photo-section.inbox_section {
    float: left;
    width: 100%;
    box-shadow: 0 0 10px 1px rgba(71, 85, 95, .08);
    /* border: 1px solid #f1f8f9; */
}

.upload-photo-section .inboxsearch {
    margin: 0;
    box-shadow: none;
    padding: 6px 0 0 0;
}

.upload-photo-section ul.nav.nav-pills {
    border-bottom: 1px solid #cdced1;
    padding: 0 15px;
}
.upload-photo-section .add_phototab {
    box-shadow: none;
}

/* upload_multi_image css */

.multiimgsection .custom-file {
    width: 420px;
}

.multiimgsection .custom-file input, .custom-file label {
    width: 300px;
    margin: 0 15px 0 0;
    text-align: left;
}

.multiimgsection .btn.btn-red {
    height: 38px;
    position: relative;
    top: -2px;
}

.more_photo_box {
    height: 200px;
    /*border: 2px dashed #cdced1;*/
}

.multiple_img_box {
    float: left;
    width: 100%;
    margin: 40px 0 0 0;
}

.more_text i {
    font-size: 25px;
    border: 3px solid #242424;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    padding: 15px;
}

.more_text p {
    font-size: 14px;
    font-weight: 600;
}

.more_text {
    padding: 15px;
}

.more_text {
    padding: 15px;
    position: absolute;
    text-align: center;
    margin: auto;
    left: 0;
    right: 0;
    bottom: 0;
    top: 50px;
}

.more_text i {
    font-size: 24px;
    border: 3px solid #242424;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    padding: 15px;
}

.more_text p {
    font-size: 16px;
    font-weight: 600;
    margin-top: 15px;
}

.partner_preference_box {
    border-left: 8px solid #e14747;
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    color: #333;
    margin: 0;
    position: relative;
    line-height: 1.4em;
    padding: 20px;
    list-style: none;
    text-align: left;
    background: #fff;
}

.partner_form label {
    font-size: 14px;
}

.partner_form .checkboxes input[type="checkbox"]:checked + label::before {
    background-color: #da2419;
    font-size: 10px;
    line-height: 12px;
}

.partner_form .checkboxes label::before {
    width: 15px;
    height: 15px;
    top: 4px;
}

.partner_form h3 {
    color: #e14747;
    font-size: 20px;
    margin: 0 0 25px 0;
    border-bottom: 1px solid #cdced1;
    padding: 0 0 10px 0;
}

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

.partner_preference_box .partner_form::after {
    content: "";
    width: 11px;
    height: 11px;
    background-color: #e14747;
    position: absolute;
    top: 5px;
    left: -30px;
    box-shadow: 0 0 0 8px #f5b900;
    border-radius: 50%;
}

.partner_preference_box .partner_form {
    position: relative;
}

.text-label {
    font-weight: 600;
}

.partner_form .nav.nav-pills li {
    width: 25%;
}

.badge_selectbox {
    width: 300px;
    margin: 50px auto 25px;
}

.badge_selectbox label {
    font-size: 14px;
    font-weight: 600;
}

/* Setting */

.setting_tab .setting-filter ul li a {
    padding: 10px 15px;
    border-radius: 0;
    font-size: 14px;
    color: #242424;
    font-weight: 600;
    border-bottom: 1px solid rgba(0,0,0,.125);
}

.setting_tab .setting-filter ul li:last-child a {
    border-bottom: medium none;
}

.setting_tab .setting-filter {
    background-color: #fff;
    padding: 0;
}

.setting-filter ul {
    border-radius: 0;
    border: 1px solid rgba(0,0,0,.125);
}

.setting_tab .setting-filter ul li {
    width: 100%;
    border-radius: 0;
}

.setting-filter .nav-link.active {
    background-color: transparent;
    color: #da2419;
}

.setting_btn {
    margin: 10px 0 0 0;
    text-align: left;
}

.setting_btn button {
    margin: 0 10px 0 0;
}

.partner_form .deletetabbox .nav.nav-pills li {
    font-size: 14px;
    font-weight: 600;
    width: 33.33%;
    text-align: center;
}

.setting-main-section .partner_form h3 {
    margin: 0 0 10px 0;
}

.deleteprofilebox {
    padding: 15px;
}

.almost_tabbox .deletetabbox .nav.nav-pills li a.nav-link.active {
    border-radius: 0;
    background-color: #da2429;
    color: #ffffff;
}

.almost_tabbox {
    border: 1px solid rgba(0,0,0,.125);
}

.deleteprofiletab {
    padding: 15px;
}

.almost_tabbox ul {
    border-bottom: 1px solid rgba(0,0,0,.125);
}

.almost_tabbox .deletetabbox .nav.nav-pills li a {
    color: #da2419;
    padding: 15px;
    border-right: 1px solid rgba(0,0,0,.125);
    border-radius: 0;
}

.almost_tabbox .deletetabbox .nav.nav-pills li:last-child a {
    border-right: medium none;
}

.setting_radio_box.radio_box ul li {
    width: auto;
    margin: 0 20px 0px 0;
}

.deleteprofilebox h5 {
    font-size: 16px;
    color: #e14747;
    border-bottom: 1px solid #cdced1;
    padding: 0 0 10px 0;
    font-weight: 600;
}

.almost_tabbox {
    border: 1px solid rgba(0,0,0,.125);
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
}

.setting_box .search-filter .accordion > .card {
    border-bottom: 1px solid rgba(0,0,0,.125);
}

.update-btnbox {
    margin: 20px 0 0;
}

.invisible_radio_box.radio_box ul li label {
    text-align: left;
}

.setting_box .search-filter button.btn.btn-link[aria-expanded="true"] {
    background-color: #da2419;
    color: #fff;
    border-color: #da2419;
}

/* Membership Details */

.membership_infocard h2 {
    color: #e14747;
    font-size: 18px;
    margin: 0 0 10px 0;
    border-bottom: 1px solid #cdced1;
    padding: 10px 15px;
}

.membership_infocard {
    background-color: #fff;
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);
    border-radius: 5px;
}

.membership_detailsbox {
    padding: 0 15px;
}

.membership_detailsbox label {
    font-size: 14px;
    font-weight: 600;
}

.membership_detailsbox p {
    font-size: 14px;
}

.paymentdetailsbox .col-md-9 {
    padding-left: 0;
}

.paymentdetailsbox .membership_infocard {
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);
    border-radius: 5px;
}

.search-btn {
    background-color: #000;
    color: #fff;
    position: absolute;
    right: 0;
    top: 0;
}

.search-btn:hover {
    color: #000;
}

.searching-box {
    position: relative;
}

.filter_btnbox {
    padding: 0 15px 15px;
    text-align: right;
}

.filter_btn {
    background-color: #da2419;
    color: #fff;
    border: none;
    padding: 5px 15px;
    border-radius: 30px;
    font-size: 14px;
}

.search-filter .accordion .card {
    border-bottom: 1px solid rgba(0,0,0,.125)!important;
}

.search-filter .card-body .form-group {
    margin-bottom: 0;
}

.checkboxes.select-check {
    position: absolute;
    left: 0;
    top: 15px;
}

.search-filter .inbox_filter .checkboxes label {
    font-size: 14px;
    font-weight: 600;
    color: #cdced1;
    margin: 0;
}

.search-filter .inbox_filter .checkboxes {
    padding: 5px 0 0;
}

.paymentdetailsbox {
    margin: 0 0 10px 0;
}

.paymentdetailsbox .col-lg-10 {
    padding-left: 0;
}

.payment_detailsbox.membership_detailsbox {
    height: 148px;
}

.notification_view_section.space_30.bg-gray {
    background-color: #f7f7f7;
    float: left;
    width: 100%;
}

.notification_list .notification_card {
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
    padding: 10px 10px 30px 80px;
    margin: 0 0 5px 0;
}

.search_by_id input {
    width: 100%;
}

.search_by_id .searching-box  input {
    float: left;
    width: 100%;
}

.search_by_id label {
    font-weight: 600;
    font-size: 14px;
}

.margin_space {
    margin-bottom: 15px;
}

.life_style_checkbox .checkboxes ul {
    padding: 0;
}

.life_style_checkbox .checkboxes ul li {
    list-style: none;
    display: inline-block;
    margin: 0 15px 5px 0;
}

.life_style_checkbox .checkboxes ul li label {
    font-size: 14px;
    margin: 0;
    padding: 0 0 0 25px;
}

.life_style_checkbox .checkboxes input[type="checkbox"]:checked + label::before {
    line-height: 12px;
    font-size: 10px;
    background-color: #da2419;
}

.life_style_checkbox .checkboxes label::before {
    width: 15px;
    height: 15px;
}

.partner_preference_box .partner_form h3 {
    border: none;
    padding: 0;
}

.partner_preference_box .partner_form {
    position: relative;
    border-bottom: 1px solid #CACACA;
    margin: 0px 0 20px;
    padding: 0 0 5px 0;
}

.bg-gray {

}

/* Payment Pay page css */


.payment_tab ul li {
    display: block;
    width: 100%;
}

.payment_tab {
    background-color: #f9f9f9;
    /* border: 1px solid #d4d4d4; */
}

.payment_tab ul.nav-pills li a.active {
    background-color: #fff;
    color: #da2419;
    border-right: medium none;
    border-left: 5px solid #da2419;
}

.payment_tab ul.nav-pills li a {
    padding: 15px 15px;
    border-bottom: 1px solid #d4d4d4;
    border-radius: 0;
}

.payment_tab ul.nav-pills li:last-child a {
    border-bottom: medium none;
}

.payment_tab ul.nav-pills li a {
    padding: 15px 15px;
    border-bottom: 1px solid #d4d4d4;
    border-radius: 0;
    font-weight: 600;
    color: #666;
    border-right: 1px solid #d4d4d4;
}

.payment_tab {
    width: 30%;
    float: left;
}


.payment_paybox {
    background-color: #f9f9f9;
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
    float: left;
    width: 100%;
}

.payment_paysaction.membership {
    padding: 30px 0 120px;
}

.payment_paycontent {
    float: left;
    width: 70%;
    padding: 0 25px;
    background-color: #fff;
}

.payment_paycontent .payment_card button img {
    width: 130px;
    margin: 0 0 0 15px;
}

.btn.pay-btn {
    background-color: #1fc8db;
    color: #fff;
    font-weight: 600;
    font-size: 18px;
    padding: 10px 20px;
    border-radius: 30px;
}

.offer_text {
    font-size: 14px;
}

.planpaydetailsbox {
    padding: 20px 0 5px;
    text-align: right;
}

.payment_card button i {
    position: relative;
    top: 0;
    font-size: 18px;
    color: #da2419;
}

.payment_card {
    border-bottom: 1px solid #e0dede;
    padding: 15px;
}

.payment_card:last-child {
    border-bottom: medium none;
}

.payment_card button {
    text-align: left;
}

.offer_text {
    font-size: 14px;
    margin: 0;
    padding: 15px 0 0 35px;
    color: #222;
}

.offer_text b {
    color: #9B9B9B;
    font-weight: 400;
}

.card-headers button:hover, .card-headers button:focus {
    text-decoration: none;
}

.card-headers button {
    padding: 0;
}

.has-icon .btn.dropdown-toggle.btn-light {
    background-color: #fff;
    font-size: 13px;
    height: 33px;
    border: 1px solid #e5e5e5;
}

.has-icon .dropdown-menu .dropdown-item {
    font-size: 13px;
    padding: .375rem .75rem;
}


/*.has-icon .btn-group button {
        height: 33px;
        border: 1px solid #e5e5e5;
        background-color: #fff;
        border-radius: 5px;
        font-size: 13px;
        letter-spacing: .3px;
        color: #495057;
        padding: .375rem .75rem;
    }

    .has-icon .dropdown-menu.inner li {
        padding: 5px 15px !important;
        color: #495057;
    }

    .has-icon .dropdown-menu.inner li:hover {
        background-color: #0078d7;
    }

    .has-icon .dropdown-menu.inner li:hover a{
        color: #ffffff;
    }

    .has-icon .dropdown-menu.inner li a {
        color: #495057;
        font-size: 13px;
    }

    .has-icon .dropdown-toggle::after {
        content: "\f107";
        font-weight: 900;
        font-family: 'Font Awesome 5 Free';
        position: absolute;
        right: 18px;
        border: none;
        color: #7c7c90;
    }*/

.planbuydetailsbox {
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
    background-color: #fff;
    float: left;
    width: 100%;
}

.planbuydetailsbox p span {
    float: right;
}

.planbuydetailsbox p {
    float: left;
    width: 100%;
    padding: 0;
    color: #666;
    font-size: 14px;
    margin: 0 0 15px 0;
}

.planbuydetailsbox h5 {
    font-size: 15px;
    padding: 15px;
    border-bottom: 1px solid #dadada;
    font-weight: 600;
    color: #242424;
    margin: 0;
}

.mainprice span.planprice {
    color: #72727D;
    font-weight: 600;
    font-size: 16px;
}

p.saveprice {
    color: #81C96C;
}

p.saveprice span {
    color: #81C96D;
    font-weight: 600;
    font-size: 16px;
}

.plantopbox {
    float: left;
    width: 100%;
    border-bottom: 1px dashed rgb(205, 206, 209);
    padding: 15px 15px 0 15px;
}

.your_pricebox {
    padding: 15px;
    float: left;
    width: 100%;
}

p.yourpricetext {
    margin: 0;
}

p.yourpricetext span {
    color: rgb(81, 80, 93);
    font-weight: 600;
    font-size: 16px;
}

.plantotalbox {
    float: left;
    width: 100%;
    padding: 15px;
    background: rgb(244, 244, 247) none repeat scroll 0% 0%;
    border-top: 1px solid rgb(223, 224, 227);
    position: relative;
}

p.total_text {
    font-size: 14px;
    color: rgb(114, 114, 125);
    margin: 0;
}

.totalpricetext {
    font-size: 24px;
    font-weight: 600;
    color: rgb(81, 80, 93);
    position: absolute;
    right: 10px;
    top: 5px;
}

.send_notinterest.inter span {
    /* background-color: #da2419; */
    color: #fff;
}

/*.modal {
    top: 100px;
}*/

.search-filter .accordion .card {
    overflow: inherit;
}

/*.card .card-body .checkboxes {
        max-height: 200px;
        overflow-X: hidden;
        overflow-y: auto;
    }*/

.card .card-body .has-icon .dropdown-menu.show {
    width: 225px !important;
    min-width: 225px !important;
    /* overflow-y: hidden !important; */
}

/* Calender */

.datepicker-days th, .datepicker-days td {
    font-size: 13px;
}

.datepicker-days .day.today {
    background: #da2419!important;
    color: #ffffff!important;
    border-color: transparent!important;
    border-radius: 5px;!important;
}

.datepicker-days .active {
    background: #fff!important;
    color: #da2419!important;
    font-weight: 600!important;
    border: 1px solid #da2419!important;
}

.datepicker-months span.month {
    font-size: 13px!important;
}

.datepicker-months span.month.active {
    background: #da2419!important;
    color: #fff!important;
}

.datepicker-years span.year {
    font-size: 13px!important;
}

.datepicker-years span.year.active {
    background: #da2419!important;
    color: #fff!important;
}

.upload-photo-section .inbox_filter ul li.nav-item {
    width: 50%;
    text-align: center;
    margin: 0;
}

.success-image img {
    width: 100%;
}

.success-story-section .about-title h2 {
    font-weight: 600;
    font-size: 22px;
    color: #DA2419;
}

header .menubar .navbar.navbar-expand-lg.navbar-light .container {
    position: relative;
}

.membership.viewmyprofile.space_30 {
    padding-bottom: 150px;
}

header .menubar .navbar-toggler {
    color: #fff;
    border-color: #fff;
    position: relative;
    right: 15px;
}

.multiimgsliderbox .carousel-indicators {
    margin: 0;
}

.multiimgsliderbox .carousel-indicators .active {
    background-color: #da2419;
}

.multiimgsliderbox .carousel-indicators li {
    height: 5px;
    cursor: pointer;
}

.search-info span {
    cursor: pointer;
}

.search-listing .profile_hover {
    color: #222222;
}

.register-modal .modal-dialog {
    max-width: 370px;
}

.register-modal .modal-body {
    padding: 0;
}

label.invalid_label {
    font-weight: 400;
    color: #ff0000;
    margin: 5px 0 0 0;
    font-size: 12px;
    line-height: 15px;
}

.mobile_numberbox button {
    margin: 10px auto 0;
    display: block;
    border: none;
    font-size: 14px;
}

.mobile_numberbox p {
    font-size: 14px;
    margin: 15px 0 0 0;
    text-align: center;
}

.mobile_numberbox p a {
    color: #1fc8db;
    font-weight: 600;
}

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

.mobile_numberbox input {
    margin: 10px 0 0 0;
}

.login-section {
    padding: 15px 0 10px;
}

.profile_photo {
    width: 120px;
    height: 120px;
    border: 1px solid #ccc;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    margin: auto;
}

.upload_photobox {
    border-right: 1px solid #d9e2e9;
    text-align: center;
}

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


.life_style_checkbox .checkboxes ul.custom-checkbox .form-check {
    padding: 0;
}

.life_style_checkbox .checkboxes ul.custom-checkbox .form-check label {
    padding: 0;
}

ul.custom-checkbox .form-check input[type="checkbox"] + .label-text::before {
    content: "\f0c8";
    font-family: 'Font Awesome 5 Free';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    width: 1em;
    display: inline-block;
    margin-right: 8px;
    font-size: 17px;
    color: #d0d0d0;
}

ul.custom-checkbox .form-check input[type="checkbox"]:checked + .label-text::before {
    content: "\f14a";
    color: #ff432d;
    animation: effect 250ms ease-in;
}

.life_style_checkbox .checkboxes ul.custom-checkbox .form-check label::before {
    display: none;
}


.upload_photobox p {
    font-size: 13px;
    color: #222222;
    margin: 10px 0 0 0;
}

.upload_btn_box button, .upload_btn_box label {
    width: 300px;
    margin: auto;
}


.gauide_box {
    width: 90px;
    height: 90px;
    border: 1px solid #ddd;
    border-radius: 5px;
    overflow: hidden;
}

.gauide_box img {
    width: 100%;
    height: 100%;
}

.image_guide_box {
    margin: 50px 0 70px 0;
    float: left;
    width: 100%;
}

.image_guide_box h5 {
    margin: 0 0 30px 0;
    font-size: 25px;
    font-weight: 600;
}

.gaide_main_box p {
    font-size: 13px;
    margin: 0 0 5px 0;
}

.image_upload_box {
    border-bottom: 1px solid #d9e2e9;
    padding: 0 0 70px 0;
}

.image_upload_box {
    border-bottom: 1px solid #d9e2e9;
    padding: 70px 0 40px 0;
}

.profile_photo .input-group {
    position: absolute;
    top: 0;
    opacity: 0;
    height: 100%;
    width: 100%;
    z-index: 999;
}

.profile_photo .input-group .custom-file {
    height: 100%;
}

.guide_box1 {
    float: left;
    width: 100%;
}

.gaide_main_box {
    margin: 0 0 30px 0;
}

.save_img {
    text-align: center;
    margin-top: 60px;
}

.save_img button {
    padding: 10px 50px;
    font-size: 18px;
}

.save_img a {
    padding: 10px 50px;
    font-size: 18px;
}

button.facebook-btn {
    background-color: #3b5998;
    border-color : #3b5998;
}

button.email-btn {
    background-color: #fff;
    color : #1fc8db;
}

.upload_btn_box p {
    text-align: center;
    margin: 15px 0;
    font-size: 13px;
    color: #cdced1;
}

.mobile_numberbox a.btn-sky {
    width: 80px;
    margin: 10px auto 0;
    display: block;
}

.gaide_main_box p i.fa-check {
    color: #4CAF50;
}

.gaide_main_box p .fa-times {
    color: #ff0000;
}

.planpricebox.text-right span.topsellerlabel {
    color: #da2419;
    font-size: 11px !important;
    border: 2px solid #d92419;
    padding: 3px 10px;
    font-weight: 700 !important;
    position: relative;
    top: 0;
    right: 20px;
    text-transform: uppercase;
    border-radius: 30px;
}

.offprice {
    color: #4CAF50;
    font-size: 14px;
    position: relative;
}

b.save_text {
    position: absolute;
    top: -12px;
    font-size: 12px;
    left: 3px;
}

.collapstabdetails ul li.plannoteshow {
    text-decoration: line-through;
    color: #CCBECC;
}


.upload_btn_box button {
    height: 40px;
}

.profile_attachbox i {
    width: 30px;
    height: 30px;
    border: 2px solid #cdced1;
    padding: 7px;
    font-size: 12px;
    border-radius: 50%;
    background-color: #fff;
    position: absolute;
    bottom: -5px;
    z-index: 9;
    color: #cdced1;
    text-align: center;
    right: 20px;
}

.profile_attachbox {
    width: 120px;
    height: 120px;
    margin: auto;
    position: relative;
}

.profile_photo .custom-file input {
    height: 100%;
    width: 100%;
    cursor: pointer;
}

.upload_pc_btn input.file {
    position: absolute;
    margin: auto;
    display: block;
    left: 0;
    right: 0;
    width: 300px;
    height: 40px;
    opacity: 0;
    cursor: pointer;
    z-index: 999;
    background-color: #fff;
}

button.email-btn:hover {
    background-color: #fff;
    color: #1fc8db;
}

.upload_pc_btn button {
    margin-bottom: 10px;
}

.dos_box p, .Donts_box p {
    font-weight: 600;
    font-size: 14px;
    color: #72727d;
}
.dos_box p i {
    color: #4caf50;
}

.Donts_box p i {
    color: #ff0000;
}

.dos_box ul li, .Donts_box ul li {
    font-size: 14px;
    color: #72727d;
    margin: 0 0 10px 0;
}

.dos_box ul, .Donts_box ul {
    padding: 0 0 0 15px;
}

.dos_box {
    margin: 0 0 50px 0;
}


.profile_fill .usermaindetails li span.hoverlabel {
    width: 160px;
    font-size: 14px;
}

.profile_fill .usermaindetails li span.hoverlabel + span {
    font-size: 14px;
}

.profile_fill .userdetailsbox {
    padding: 10px 10px 10px 195px;
    float: left;
    width: 100%;
}

.profile_fill .usermaindetails {
    height: auto;
    overflow: auto;
    float: left;
    width: 100%;
}

.profile_fill .username_box h3 {
    font-size: 16px;
    border-bottom: 1px solid #CACACA;
    padding: 0 0 10px 0;
    font-weight: 600;
}
.profile_fill .username_box h3 span {
    color: #da2419;
    font-size: 13px;
}

.profile_complate_bar label {
    font-size: 13px;
    font-weight: 600;
}

.profile_complate_bar .progress .progress-bar {
    /* height: 14px; */
    /* font-size: 10px; */
    background-color: #1fc8db;
    padding: 5px;
}

.profile_complate_bar .progress {
    height: 15px;
}

.profile_fill .userprofilecard {
    border: none;
    padding: 0;
}

section.profile_fill {
    padding-bottom: 0;
}

.profile_fill .userimgbox {
    height: 180px;
    border-radius: 5px;
}

.profile_fill .userimgbox img {
    padding: 5px;
}
.profile_fill .userprofilecard a {
    color: #222;
}

.skip_btn button {
    padding: 5px 30px;
    margin: 15px 0;
}

.mobile_numberbox i {
    font-size: 40px;
    margin: auto;
    display: block;
    text-align: center;
    color: #cdced1;
}

.login_logo img {
    width: 180px;
    margin: 10px 0 15px 0;
}

.page-top .thumb {
    margin-bottom: 30px;
    flex: 0 0 0 25%;
    max-width: 25%;
    float: left;
}

.page-top img.zoom {
    width: 100%;
    height: 200px;
    border-radius:5px;
    object-fit:cover;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
}

.page-top .btn_close {
    position: absolute;
    right: -10px;
    top: -10px;
    width: 25px;
    height: 25px;
    border: 1px solid #d9e2e9;
    border-radius: 50%;
    background-color: #fff;
    font-size: 12px;
    padding: 2px 0;
    text-align: center;
}

.page-top .multiple_img.thumb {
    position: relative;
}

.page-top .btn_close a{
    color: #222222;
}

.page-top .multiple_img {
    position: relative;
}

.thumb .multiple_img {
    border: 1px solid #d9e2e9;
    border-radius: 5px;
}

.page-top .more_text {
    padding: 60px 15px;
    position: absolute;
    text-align: center;
    margin: auto;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
}

.more_photo_box.multiple_img:hover {
    border-color: #da2419;
    background-color: #da2419;
}

.more_photo_box.multiple_img:hover a {
    color: #fff;
}

.more_photo_box.multiple_img:hover a i {
    border-color: #fff;
}

.more_photo_box.multiple_img a {
    color: #222;
}

.multiimgsection {
    margin: 25px 0 0 0;
}

.register-form .btn.btn-red:hover {
    background-color: #da2419;
    border-color: #da2419;
}

.showonfor .col-sm-3 {
    float: left;
}

.showonfor p {
    font-size: 14px;
    margin: 0;
    position: relative;
    top: -2px;
}

.showonfor {
    float: left;
    width: 100%;
}

button.custom-close {
    background-color: #da2419;
    color: #fff;
    width: 30px;
    height: 30px;
    opacity: 1;
    font-size: 20px;
    position: absolute;
    right: 5px;
    top: 5px;
    border-radius: 5px;
    z-index: 9;
}

button.custom-close:hover {
    background-color: #da2419;
    color: #fff;
}

.profile_complate_bar {
    margin: 5px 0 0 0;
}

.my-pfofile_section .search-info {
    margin: 5px 0 0 0;
}

.no-match-found {
    text-align: center;
    padding: 15px;
    margin: 0;
    font-size: 13px;
    font-weight: 600;
    background-color: #fff;
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
}

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

.setting-filter h2.title_quick {
    border: 1px solid rgba(0,0,0,.125);
    font-size: 15px;
    padding: 15px;
    margin: 0;
    border-bottom: 0;
    font-weight: 600;
}

.profile_sidebox .inbox_section .inboxsearch {
    margin: 10px 0 10px 0;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: 0;
}

.event-detail .event-detail-title {
    font-size: 15px;
    font-weight: 400;
    color: #b1b3b9;
}

.myprofile_rightbox .event-detail .event-detail-title {
    font-weight: 400;
    color: #b1b3b9;
    font-size: 14px;
}

.myprofile_rightbox .event-detail .event-detail-text {
    color: #72727d;
    float: left;
    width: 100%;
    word-break: break-word;
}

.myprofile_rightbox .search-listing {
    box-shadow: none;
    border: 1px solid rgba(0,0,0,.125);
}

.myprofile_rightbox .search-info {
    margin-top: 2px;
}

.myprofile_rightbox .timeline h1, .myprofile_rightbox .timeline h2, .myprofile_rightbox .timeline h3 {
    font-size: 17px;
    color: #e14747;
    margin-bottom: 15px;
    font-weight: 600;
}

.editbtn {
    float: right;
    color: #1fc8db;
    font-size: 14px;
    font-weight: 600;
}

.myprofile_rightbox .event-detail p {
    color: #72727d;
    font-size: 14px;
}

.profimgbox span img {
    width: 100%;
    height: 100%;
    margin: auto;
}

.profimgbox span {
    width: 170px;
    height: 170px;
    overflow: hidden;
    display: block;
    border-radius: 5px;
    margin: auto;
}

.dash_profile {
    background-color: #fff;
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);
    padding: 15px;
    position: relative;
    float: left;
    width: 100%;
    margin: 0 0 10px 0;
    border-radius: 5px;
}

.dashname p {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    float: left;
    width: 100%;
}

.dashname span {
    font-size: 12px;
    position: relative;
    color: #72727d;
    float: left;
    width: 100%;
}

.dashname {
    border-bottom: 1px solid #eeeef0;
    padding: 10px 0 10px 0;
    float: left;
    width: 100%;
    position: relative;
}

a.dashedit {
    float: right;
    font-size: 13px;
    color: #1fc8db;
    font-weight: 600;
    position: absolute;
    right: 0;
    top: 15px;
}

.dashaccount {
    float: left;
    width: 100%;
    position: relative;
    padding: 10px 0;
    border-bottom: 1px solid #eeeef0;
}

.dashaccount p {
    margin: 0;
    font-size: 14px;
    color: #72727d;
}

.dashaccount span {
    float: left;
    width: 100%;
    font-size: 11px;
    color: #222;
    font-weight: 600;
}

.dasshmobile_verfy {
    float: left;
    width: 100%;
    padding: 10px 0;
}

.dasshmobile_verfy p {
    color: #72727d;
    font-size: 12px;
    margin: 0;
}

.dasshmobile_verfy a {
    color: #1fc8db;
    font-size: 12px;
    float: left;
    width: 100%;
}

.dasshmobile_verfy i {
    position: absolute;
    right: 0;
    top: 15px;
}

.dasshmobile_verfy {
    float: left;
    width: 100%;
    padding: 10px 0;
    position: relative;
}

.dasshmobile_verfy i {
    color: #405de6;
    font-size: 20px;
}

.mymatches .search-listing:last-child {
    margin: 0;
}

.addslider_box .carousel-item img {
    width: 100%;
}

.profile_sidebox ul li a:hover {
    color: #da2419;
}

.addslider_box {
    border-radius: 5px;
    overflow: hidden;
}

.myprofile_rightbox .search-img {
    width: 100%;
    height: 200px;
    overflow: hidden;
}

.profile_sidebox .setting_tab .setting-filter ul li a {
    font-size: 14px;
}

.account-box .btn.btn-uprade:hover {
    background-color: #da2419;
    color: #fff;
}

.payment_card button i.fa-rupee-sign {
    color: #ffffff;
}

.search-listing.membership_buy::before {
    background: url("../images/premium_label.png") no-repeat left top;
    content: "";
    position: absolute;
    left: -2px;
    top: 15px;
    z-index: 9;
    width: 105px;
    height: 35px;
    /* background-color: red; */
}
.search-listing.membership_buy {
    border-color: #da2419;
    border-width: 0 3px 0 0;
}

.loader_box {
    position: absolute;
    background-color: rgba(255,255,255,0.8);
    width: 100%;
    text-align: center;
    height: 100%;
    top: 0;
    z-index: 9;
    left: 0;
}

.loader_box img {
    width: 40px;
    padding: 0;
}

.event-detail {
    position: relative;
}

.cont_viewbtn {
    font-size: 12px;
    color: #fff;
    float: right;
    margin: 0;
    background-color: #da2419;
    padding: 4px 10px;
    border-radius: 5px;
}

.cont_showbtn {
    font-size: 12px;
    color: #fff;
    float: right;
    margin: 0;
    background-color: rgb(137, 201, 101);
    padding: 4px 10px;
    border-radius: 5px;
}

.cont_showbtn:hover,
.cont_viewbtn:hover {
    color: #fff;
}

.custom_show {
	display : block;
}

.custom_hide {
	display : none;
	
}

.cont_showbtn.hide,
.cont_viewbtn.hide {
    display: "hide"
}

.userprofilecard.membership_buy::before {
    background: url("../images/premium_label2.png") no-repeat left top;
    content: "";
    position: absolute;
    right: -15px;
    top: 10px;
    z-index: 999999;
    width: 105px;
    height: 35px;
    /* background-color: red; */
}
.userprofilecard.membership_buy {
    border-color: #da2419;
    border-width: 0 3px 0 0;
    background-color: #fff;
    border-bottom: 3px solid #da2419;
}

.banner_form .btn.btn-red.final_submit {
    padding: 10px 25px;
}

.bannerform_checkbox .form-check-inline {
    margin-right: 11px;
}

.bannerform_checkbox .form-check.form-check-inline input {
    margin-right: 5px;
}

.search-box .aged .has-icon .the-icon {
    right: 10px;
}

.search-box .aged .has-icon select {
    font-size: 12px;
    padding: 0 0 0 5px;
}

.contactus .btn.btn-red:hover {
    background-color: #da2419;
}

.modal-dialog.wed-add-modal-dialogue {
    top: 70px;
}



.thanks_box span i {
font-size: 102px;
color: #28BE7A;
}

.thanks_box {
text-align: center;
}

.thanks_box h3 {
font-size: 42px;
font-weight: 900;
color: #da2419;
text-transform: uppercase;
margin: 25px 0 0 0;
}

.thanks_box {
text-align: center;
border-bottom: 2px solid #f8f9fa;
padding: 20px 0 40px 0;
}

.idsection {
text-align: center;
padding: 20px 0 10px 0;
/ color: #dadada; /
}

.idsection p {
color: #9B9B9B;
}

.idsection p b {
color: #333;
}

.gobackbtn {
float: left;
width: 100%;
margin: 20px 0 0 0;
text-align: center;
}

.img_box img {
    height: 100%;
    object-fit: cover;
}
.note_text p {
	font-size: 12px;
	color: #777;
	font-weight: 600;
	margin: 0 0 10px 0;
	color: red;
	 
}

.short_btnbox .remove_btn .reddefault {
    font-weight: 600;
    font-size: 14px;
    padding: 2px 10px;
    margin: 0 0 0 5px;
    border: 1px solid #da2419;
    color: #DA2419;
    background-color: #ffffff;
}

/*.short_btnbox {
    float: right;
    width: 100%;
    text-align: right;
    margin-right: 15px;
    position: relative;
    z-index: 9999999;
}*/

.short_btnbox .remove_btn .red-btn-active {
    background-color: #da2419;
    border: 1px solid #da2419;
    color: #ffffff;

}

.register-section .has-icon .dropdown .filter-option {
    padding: 5px 15px;
}

.premium_buy .online-status {
    color: #fff;
    background-color: #1EB025;
    padding: 2px 5px;
    border-radius: 5px;
}

.premium_buy .search-listing.membership_buy {
    background-color: #da2419;
    color: #fff;
}

.premium_buy .search-title h2 {
    color: #fff;
}

.premium_buy .search-title h2 small {
    color: #fff;
}

.premium_buy {
    background-color: #da2419!important;
    color: #fff;
}

.premium_buy .short_btnbox .remove_btn .red-btn-active {
    border: 1px solid #fff;
}

.premium_buy .short_btnbox .remove_btn .reddefault {
    color: #222;
}

.premium_buy .short_btnbox .remove_btn .red-btn-active {
    color: #fff;
}

.premium_buy2 .online-status {
    color: #fff;
    background-color: #1EB025;
    padding: 2px 5px;
    border-radius: 5px;
}

.premium_buy2 .search-listing.membership_buy {
    background-color: #1fc8db;
    color: #fff;
}

/*.premium_buy2 .search-title h2 {
    color: #fff;
}*/

.premium_buy2 .short_btnbox .remove_btn .reddefault {
    color: #222;
}

.premium_buy2 .short_btnbox .remove_btn .red-btn-active {
    color: #fff;
}

.premium_buy2 .short_btnbox .remove_btn .reddefault {
    border: 1px solid #1fc8db;
}

.premium_buy2 .short_btnbox .remove_btn .red-btn-active {
    background-color: #1fc8db;
    border: 1px solid #1fc8db;
    color: #ffffff;
}

.premium_buy2 .search-title h2 small {
    color: #222;
}

.premium_buy2 {
    background-color: #1fc8db!important;
    color: #222;
}

.premium_buy2 .short_btnbox .remove_btn.red-btn-active {
    border: 1px solid #fff;
}

.premium_buy2 .search-info {
    border-top: 1px solid #fff;
}


/*.search-listing.membership_buy {
    border-color: #da2419;
    border-width: 0 3px 0 0;
    border: medium none;
}*/

.edit_datebox .row .col-4 {
    padding: 0 3px;
    float: left;
}

.edit_datebox .row {
}

.edit_datebox .has-icon .form-control {
    padding: 0 2px;
}

.edit_datebox .has-icon .the-icon {
    right: 5px;
}

.edit_datebox .row {
    margin: 0 -18px;
}

.helptextbox a {
    font-size: 13px;
    font-weight: 600;
    text-transform: capitalize;
    color: #1fc8db;
    margin: 0 0 3px 0;
    float: right;
    width: 100%;
}

.login_headerbtn {
    display: none;
    color: #fff;
    font-size: 18px;
    border: 1px solid #fff;
    padding: 4px 15px;
    font-size: 14px;
    border-radius: 5px;
    font-weight: 600;
    position: absolute;
    top: 22px;
    right: 70px;
}

.login_headerbtn:hover {
    color: #fff;
}

.thanks_box h3 {
    font-size: 42px;
    font-weight: 600;
    color: #da2419;
    text-transform: capitalize;
    margin: 25px 0 0 0;
}

.thanks_box h3 {
    color: #da2419;
}

.oops_section {
    float: left;
    width: 100%;
    background-color: #fff;
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
    padding: 30px;
}

.oops_section .thanks_box span i {
    color: #da2419;
}

.term_section .about_ext {
    padding: 0;
    margin: 0 0 25px 0;
}

.term_section.aboutus.page-section-ptb ul {
    padding: 0;
}

.term_section.aboutus.page-section-ptb ul li {
    display: block;
    margin: 0 0 15px 0;
}

.term_section.aboutus.page-section-ptb ul li span {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 16px;
}

.term_section.aboutus.page-section-ptb {
    padding: 50px 0 10px 0;
}   

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

.term_box ul li {
    display: inline-block;
    padding: 0 15px;
    position: relative;
}

.term_box ul li a {
    color: #fff;
}

.term_box ul li a:hover {
    color: #da2419;
}

.term_box ul li::after {
    content: "|";
    color: #fff;
    float: right;
    position: absolute;
    right: -5px;
}

.term_box ul li:last-child::after {
    display: none
}



.ekko-lightbox .modal-dialog {
    width: 700px !important;
    max-width: 700px !important;
}

.ekko-lightbox .modal-dialog .modal-body {
    padding: 0;
}

.ekko-lightbox-nav-overlay a {
    width: 50px;
    height: 50px;
    background-color: #da2419;
    max-width: 50px;
    text-align: center;
    border-radius: 50%;
    color: #fff;
    font-size: 24px;
    z-index: 999;
    opacity: 1;
}

.ekko-lightbox-nav-overlay a:last-child span {
    padding: 0;
    text-align: center;
}
.ekko-lightbox-nav-overlay a span {
    padding: 0;
}

.ekko-lightbox-nav-overlay a:first-child {
    position: absolute;
    left: 0;
    bottom: 50px;
}

.ekko-lightbox-nav-overlay a:last-child {
    position: absolute;
    right: 0;
    bottom: 50px;
}

.search-content a {
    color: #242424;
}

.search-listing .search-img {
    width: 100%;
    height: 270px;
    overflow: hidden;
    background-color: #f2f2f2;
}

.short_btnbox {
    margin: 40px 0 0 0;
    border-top: 1px solid #ccc;
    padding: 15px 0 0 0;
    text-align: right;
}

.short_btnbox a span {
    font-weight: 600;
    font-size: 14px;
    padding: 2px 10px;
    margin: 0 0 0 5px;
    border: 1px solid #da2419;
    color: #DA2419;
    background-color: #ffffff;
    border-radius: 5px;
}

.remove_btn{
    font-weight: 600;
    font-size: 14px;
    padding: 2px 10px;
    margin: 0 0 0 5px;
    border: 1px solid #da2419;
    color: #DA2419;
    background-color: #ffffff;
    border-radius: 5px;

}

.search-info.short_btnbox .remove_btn {
    color: #c52128;
    font-size: 12px;
}

.custom_slider {
    height: 100%;
    position: relative;
}

.custom_slider .carousel {
    height: 100%;
    display: block;
    float: left;
    width: 100%;
}

.custom_slider .carousel .carousel-inner .carousel-item {
    height: 100%;
    position: relative;
    width: 100%;
}

.custom_slider .carousel .carousel-inner {
    height: 100%;
}

.custom_slider .carousel-indicators li {
    background-color: #da2419;
}

.img_viewmodal .carousel-item img {
    width: 100%;
    /* max-width: 100%; */
}

.img_viewmodal {
    z-index: 99999;
}

.img_viewmodal .modal-body {
    padding: 5px;
}

.img_viewmodal .modal-content {
    border-radius: 0;
}

.close.custom_close {
    font-size: 22px;
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 9;
    color: #da2419;
    opacity: 1;
}

.post-slide .post-header h6 {
    font-size: 14px;
}

.similar-profile-name a {
    color: #242424;
}

.whatsapp_contact p a {
    text-align: right;
    /* display: block; */
    font-size: 15px;
    background-color: #25D366;
    padding: 10px;
    color: #fff;
    font-weight: 600;
    display: block;
    width: 120px;
    position: absolute;
    right: 0;
    top: 100px;
}

.color-red {
    color : #DA291C;
}

.menubar .navbar .whatsapp_box a.nav-link {
    padding: 0;
}

.menubar .navbar .whatsapp_box a.nav-link i {
    margin: 0;
}
.w-100{
    width:100%;
}

.menubar .navbar .whatsapp_box a.nav-link img {
    width: 30px;
}

.modal {
    z-index: 99999;
}

header .menubar .navbar-toggler[aria-expanded="true"] i::before {
    content: "";
}

section.add_bannerslider_section {
    padding: 50px 0 0;
}

section.add_bottom_slider {
    padding: 0 0 50px;
}

section.add_bannerslider_section  img {
    width: 100%;
}

section.add_bottom_slider  img {
    width: 100%;
}

.pagination-box a.page-link {
    font-size: 14px;
    border: none;
    font-weight: 600;
    padding: 5px 10px;
    color: #333;
}
