@import url('https://fonts.googleapis.com/css?family=Muli:300,400,400i,600,700');
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900&display=swap');
@import url('/Assets/css/font-awesome.min.css'); /*@import url('https://use.fontawesome.com/releases/v5.0.8/css/all.css');*/
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700&display=swap');
body {
    font-size: 13px;
    font-family: 'Montserrat', sans-serif;
    color: #555;
    background: #f4f2f2;
    line-height: 16px;
    padding-top: 53px;
    padding-right: 80px;
}
 .card-timeline-header .round-img{
    width: 50px;
    height: 50px;
    border-radius: 100%;
    object-fit: contain;
}
.people-know {
border:none!important;}
.people-know .owl-carousel .owl-item img{height:140px!important;object-fit:cover;
}
.people-know .owl-carousel .owl-item h4 a{
color: #333;
    position: relative;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;

}
.main-post-text {
margin-top:10px;}
.radio {
    margin: 16px 0;
    display: block;
    cursor: pointer;
}

    .radio input {
        display: none;
    }

        .radio input + span {
            line-height: 22px;
            height: 22px;
            padding-left: 22px;
            display: block;
            position: relative;
            font-weight: 700;
        }

            .radio input + span:not(:empty) {
                padding-left: 30px;
            }

            .radio input + span:before, .radio input + span:after {
                content: '';
                width: 22px;
                height: 22px;
                display: block;
                border-radius: 50%;
                left: 0;
                top: 0;
                position: absolute;
            }

            .radio input + span:before {
                background: #D1D7E3;
                transition: background 0.2s ease, -webkit-transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 2);
                transition: background 0.2s ease, transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 2);
                transition: background 0.2s ease, transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 2), -webkit-transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 2);
            }

            .radio input + span:after {
                background: #fff;
                -webkit-transform: scale(0.78);
                transform: scale(0.78);
                transition: -webkit-transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.4);
                transition: transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.4);
                transition: transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.4), -webkit-transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.4);
            }

        .radio input:checked + span:before {
            -webkit-transform: scale(1.04);
            transform: scale(1.04);
            background: #ff5e3a;
        }

        .radio input:checked + span:after {
            -webkit-transform: scale(0.4);
            transform: scale(0.4);
            transition: -webkit-transform .3s ease;
            transition: transform .3s ease;
            transition: transform .3s ease, -webkit-transform .3s ease;
        }

    .radio:hover input + span:before {
        -webkit-transform: scale(0.92);
        transform: scale(0.92);
    }

    .radio:hover input + span:after {
        -webkit-transform: scale(0.74);
        transform: scale(0.74);
    }

    .radio:hover input:checked + span:after {
        -webkit-transform: scale(0.4);
        transform: scale(0.4);
    }

.reply-box-comment {
    border-top: dashed 0px #ccc;
    padding: 5px 0px;
    margin-top: 15px;
    position: relative;
    padding-left: 40px;
}

    .reply-box-comment .comment-pic-new {
        width: 20px !important;
        float: left;
        margin-right: 10px;
        left: 0px !important;
        top: 10px !important;
    }

        .reply-box-comment .comment-pic-new img {
            top: 0px !important;
            width: 20px !important;
        }

.pending-message-badge {
    width: 25px;
    height: 25px;
    text-align: center; /* position: absolute; */
    right: 8px;
    margin-top: -36px;
    background: #4CAF50;
    line-height: 25px;
    color: #fff;
    border-radius: 100%;
    font-size: 11px;
    position: relative;
    float: right;
    display: block;
}

.cardpadding {
    padding: 35px !important;
    margin-top: 30px;
}

#tbloffline .row div {
    margin-bottom: 10px;
}

.headingmain {
    border-bottom: solid 1px #ccc;
    padding-bottom: 20px;
    margin-bottom: 20px;
    font-weight: 700;
    font-size: 20px;
}

.kyc-icon {
    width: 70px;
    height: 70px;
    border-radius: 100%;
    background: #fff;
    margin: auto;
}

.dropdown-post {
    min-width: 320px;
    max-height: 320px;
    overflow-y: scroll;
    overflow-x: hidden;
    border: none;
    padding: 20px;
    box-shadow: 0px 0px 60px rgba(0,0,0,.2);
    margin-left: 0px !important;
}

.kyc-icon img {
    display: table;
    margin: auto;
    position: relative;
    top: 17px;
}

.btnpost {
    background: #fff;
    background: #fff;
    color: #333;
    text-shadow: none;
    border: none;
    padding: 15px;
}

#tabs-wrapper {
    display: table;
}

    #tabs-wrapper .nav-tabs {
        border: none;
    }

        #tabs-wrapper .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
            background: none;
            color: #000;
        }

        #tabs-wrapper .nav-tabs > li:nth-child(1) a .kyc-icon {
            border: solid 3px #479de6;
        }

        #tabs-wrapper .nav-tabs > li:nth-child(2) a .kyc-icon {
            border: solid 3px #d73484;
        }

        #tabs-wrapper .nav-tabs > li:nth-child(3) a .kyc-icon {
            border: solid 3px #2d942b;
        }

        #tabs-wrapper .nav-tabs > li:nth-child(4) a .kyc-icon {
            border: solid 3px #666;
        }

        #tabs-wrapper .nav-tabs > li:nth-child(5) a .kyc-icon {
            border: solid 3px #d39618;
        }

        #tabs-wrapper .nav-tabs > li > a {
            border: none;
            color: #999;
            text-transform: capitalize;
        }

            #tabs-wrapper .nav-tabs > li > a strong {
                display: block;
                text-align: center;
                font-weight: 700;
                margin-top: 10px;
            }

.tabs-form {
    padding: 10px;
    border: solid 1px #eee;
}

.list-kyc {
    list-style: none;
    margin: 0px;
    padding: 0px;
    background: url(/Assets/images/line2.png) 7px top repeat-y;
    margin-bottom: 30px;
}

    .list-kyc li {
        background: url(/Assets/images/dot2.png) top left no-repeat;
        padding-left: 30px;
        color: #444;
        margin-bottom: 10px;
    }

.kyc-list2 {
    list-style: none;
    margin: 0px;
    padding: 0px;
    background: url(/Assets/images/line2.png) 12px top repeat-y;
    margin-bottom: 30px;
    padding-top: 15px;
}

    .kyc-list2 li {
        background: url(/Assets/images/kycbig.png) top left no-repeat;
        padding-left: 40px;
        color: #444;
        margin-bottom: 10px;
        font-size: 16px;
        min-height: 40px;
    }

.next-btn {
    display: table;
    padding: 12px 20px;
    background: #65ae64;
    color: #fff;
    font-size: 18px;
}

    .next-btn:hover {
        background: #333;
        color: #fff;
    }

#kyc-top {
    border-bottom: dashed 2px #ccc;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.wizard {
    margin: 20px auto;
}

    .wizard .nav-tabs {
        position: relative;
        margin: 40px auto;
        margin-bottom: 0;
        border-bottom-color: #e0e0e0;
    }

    .wizard > div.wizard-inner {
        position: relative;
    }

.connecting-line {
    height: 2px;
    background: #e0e0e0;
    position: absolute;
    width: 80%;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 50%;
    z-index: 1;
}

.wizard .nav-tabs > li.active > a, .wizard .nav-tabs > li.active > a:hover, .wizard .nav-tabs > li.active > a:focus {
    color: #555555;
    cursor: default;
    border: 0;
    border-bottom-color: transparent;
}

span.round-tab {
    width: 70px;
    height: 70px;
    line-height: 70px;
    display: inline-block;
    border-radius: 100px;
    background: #fff;
    border: 2px solid #e0e0e0;
    z-index: 2;
    position: absolute;
    left: 0;
    text-align: center;
    font-size: 25px;
}

    span.round-tab i {
        color: #555555;
    }

.wizard li.active span.round-tab {
    background: #fff;
    border: 2px solid #5bc0de;
}

    .wizard li.active span.round-tab i {
        color: #5bc0de;
    }

span.round-tab:hover {
    color: #333;
    border: 2px solid #333;
}

.wizard .nav-tabs > li {
    width: 25%;
}

.wizard li:after {
    content: " ";
    position: absolute;
    left: 46%;
    opacity: 0;
    margin: 0 auto;
    bottom: 0px;
    border: 5px solid transparent;
    border-bottom-color: #5bc0de;
    transition: 0.1s ease-in-out;
}

.wizard li.active:after {
    content: " ";
    position: absolute;
    left: 46%;
    opacity: 1;
    margin: 0 auto;
    bottom: 0px;
    border: 10px solid transparent;
    border-bottom-color: #5bc0de;
}

.wizard .nav-tabs > li a {
    width: 70px;
    height: 70px;
    margin: 20px auto;
    border-radius: 100%;
    padding: 0;
}

    .wizard .nav-tabs > li a:hover {
        background: transparent;
    }

.wizard .tab-pane {
    position: relative;
    padding-top: 50px;
}

.wizard h3 {
    margin-top: 0;
}

@media( max-width : 585px ) {
    .wizard {
        width: 90%;
        height: auto !important;
    }

    span.round-tab {
        font-size: 16px;
        width: 50px;
        height: 50px;
        line-height: 50px;
    }

    .wizard .nav-tabs > li a {
        width: 50px;
        height: 50px;
        line-height: 50px;
    }

    .wizard li.active:after {
        content: " ";
        position: absolute;
        left: 35%;
    }
}

#emailModal .modal-content {
    background: #62ae6d;
    padding: 30px;
    text-align: center;
}

#emailModal h3 {
    font-weight: 700;
    font-size: 22px;
    color: #fff;
}

    #emailModal h3 span {
        display: block;
        font-weight: 300;
        font-size: 16px;
        margin-top: 20px;
    }

#emailModal a {
    display: table;
    padding: 10px 30px;
    background: #fed245;
    color: #000;
    font-weight: 700;
    margin: auto;
    border-radius: 30px;
    margin-top: 30px;
}

#succesModal .modal-content {
    background: #62ae6d;
    padding: 30px;
    text-align: center;
}

#succesModal h3 {
    font-weight: 700;
    font-size: 22px;
    color: #fff;
}

#popupcontent {
    color: #fff;
    margin-top: 40px;
}

    #popupcontent img {
        margin-bottom: 10px;
    }

#succesModal h3 span {
    display: block;
    font-weight: 300;
    font-size: 16px;
    margin-top: 20px;
}

#succesModal a {
    display: table;
    padding: 10px 30px;
    background: #fed245;
    color: #000;
    font-weight: 700;
    margin: auto;
    border-radius: 30px;
    margin-top: 30px;
}

.coupon-box {
    box-shadow: 0px 0px 40px rgba(0,0,0,.1);
    padding: 20px;
    margin: 20px auto;
}

    .coupon-box h4 {
        font-weight: 600;
    }

    .coupon-box p {
        color: #999;
    }

    .coupon-box h3 {
        text-align: center;
        font-weight: 800;
        color: #2ea551;
        border: solid 1px #2ea551;
        display: table;
        margin: auto;
        padding: 20px;
        border-radius: 5px;
        position: relative;
        top: 10px;
    }

    .coupon-box .coupon-code {
        border: dashed 1px #ccc;
        display: table;
        font-weight: 700;
        padding: 10px;
        margin-top: 14px;
    }

    .coupon-box h3 span {
        display: block;
        font-weight: 400;
        color: #2ea551;
    }

#about-banner {
    background: url(/Assets/images/about-bg.jpg);
    padding: 50px 0px;
    margin-bottom: 50px;
}

.about-banner-content {
    display: table;
    margin: auto;
    min-width: 500px;
}

    .about-banner-content .about-pic, .about-banner-content .about-data {
        display: inline-block;
    }

    .about-banner-content .about-pic {
        width: 150px;
        padding: 5px;
        background: #fff;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        overflow: hidden;
    }

    .about-banner-content .about-data h3 {
        color: #fff;
        font-size: 30px;
    }

        .about-banner-content .about-data h3 span {
            display: block;
            font-weight: 300;
            font-size: 13px;
            margin-top: 5px;
        }

    .about-banner-content .about-pic img {
        width: 100%;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
    }

.closesuggest {
    float: right !important;
    margin-top: 5px; /* font-size: 12px; */
    width: 32px; /* margin-right: -20px; */
    right: -8px;
    margin-top: -5px;
}

#chaticon {
    position: fixed;
    z-index: 9999;
    right: 20px;
    bottom: 20px;
}

    #chaticon img {
        width: 40px;
    }

.btn-suggest {
    background: #eee;
    font-size: 11px;
    color: #333;
}

.addblock {
    border: solid 3px #000;
    padding: 25px;
    margin: 30px auto;
}

    .addblock img {
        display: table;
        margin: auto;
    }

    .addblock h3 {
        font-size: 16px;
        text-align: center;
    }

        .addblock h3 strong {
            text-transform: uppercase;
            font-weight: 800;
            font-size: 35px;
        }

        .addblock h3 span {
            display: block;
            font-size: 13px;
            font-weight: 400;
        }

.btn-suggest i {
    font-size: 10px;
    margin-right: 3px;
}

#dv_pop_img > div img {
    max-width: 100%;
    display: table;
    margin: 0 auto;
}

.multiple-img {
    max-height: 200px;
    min-height: 200px;
    overflow: hidden;
    margin-bottom: 8px;
}

.level1 {
    display: table;
    height: 100%;
    width: 100%;
}

.level2 {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
}

#myCarousel {
    height: 100%;
    max-height: 100%;
    display: table;
    width: 100%;
    background: #000;
}

.carousel-inner {position: relative; width: 100%; overflow: hidden; display: table; height: 600px;}
.carousel-inner .item {text-align: center; width: 100%; height: 100%; vertical-align: middle;}


.popupimagecontainer .carousel-inner{height: 100%; background-color:#333;}
.popupimagecontainer .carousel-item{position:relative; height: 100%; width:100%;}
.popupimagecontainer .carousel-item img{max-height: 100%;  
max-width: 100%; 
position: absolute;  
top: 0;  
bottom: 0;  
left: 0;  
right: 0;  
margin: auto;}

.carousel-control-prev,
.carousel-control-next{color:#fff; width:60px; height:60px; border-radius:100px; background-color:#ff5e3a; margin:auto 30px;}




.modal {
    z-index: 9999999999;
}

#notifModal .modal-dialog {
    width: 100% !important;
    height: 100% !important;
    position: fixed !important;
    top: 0px !important;
    margin: 0px !important;
}

@media (min-width: 992px) {
    #notifModal .modal-lg {
        max-width: 100%;
    }
}

.popclose {
    position: absolute;
    right: 0px; /* margin-left: -103px; */
    margin-right: 16px;
    z-index: 9999;
}

#notifModal .modal-body {
    width: 100%;
    height: 100%;
}

.modal-dialog {
    transition: all .3s linear;
}

.modal-content {
    transition: all .3s linear;
    height: 100%;
    border: solid 20px rgba(0,0,0,.2);
}

.modal-body {
    transition: all .3s linear;
}

.carousel-control.right {
    background-image: none !important;
}

.creding {
    display: table;
    padding: 7px 15px;
    background: #fff;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    border: solid 1px #00a8b3;
    color: #00a8b3;
    margin-top: 20px;
}

.feedblock {
    padding: 20px;
}

    .feedblock img {
        max-width: 100%;
    }

    .feedblock h3 {
        margin: 0px 0px 10px 0px;
        padding: 0px;
    }

    .feedblock small {
        display: block;
        margin-bottom: 20px;
    }

    .feedblock p {
        color: #888;
    }

.carousel-control.left {
    background-image: none !important;
}

.carousel-control.right:hover {
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,.0001) 0, rgba(0,0,0,.5) 100%) !important;
    background-image: -o-linear-gradient(left, rgba(0,0,0,.0001) 0, rgba(0,0,0,.5) 100%) !important;
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,.0001)), to(rgba(0,0,0,.5))) !important;
    background-image: linear-gradient(to right, rgba(0,0,0,.0001) 0, rgba(0,0,0,.5) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1) !important;
    background-repeat: repeat-x !important;
}

.carousel-control.left:hover {
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,.5) 0, rgba(0,0,0,.0001) 100%) !important;
    background-image: -o-linear-gradient(left, rgba(0,0,0,.5) 0, rgba(0,0,0,.0001) 100%) !important;
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,.5)), to(rgba(0,0,0,.0001))) !important;
    background-image: linear-gradient(to right, rgba(0,0,0,.5) 0, rgba(0,0,0,.0001) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1) !important;
    background-repeat: repeat-x !important;
}

.carousel-control {
    color: #666 !important;
    margin-bottom: auto !important;
}

.adpost:before {
    content: "";
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgdmlld0JveD0iMCAwIDQ1OSA0NTkiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ1OSA0NTk7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48Zz48Zz4KCTxnIGlkPSJib29rbWFyayI+CgkJPHBhdGggZD0iTTM1NywwSDEwMkM3My45NSwwLDUxLDIyLjk1LDUxLDUxdjQwOGwxNzguNS03Ni41TDQwOCw0NTlWNTFDNDA4LDIyLjk1LDM4NS4wNSwwLDM1NywweiIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9ImFjdGl2ZS1wYXRoIiBzdHlsZT0iZmlsbDojRkY1RTNBIiBkYXRhLW9sZF9jb2xvcj0iI2ZmNWUzYSI+PC9wYXRoPgoJPC9nPgo8L2c+PC9nPiA8L3N2Zz4=) top center no-repeat;
    width: 32px;
    height: 32px;
    position: absolute;
    right: 20px;
}

.adpost {
    border: solid 5px #00a8b3;
}

.boostpopup .earning-box h3 {
    margin-bottom: 10px;
}

.boostpopup .earning-box {
    min-height: initial;
}

.boostpopup .table {
    margin-bottom: 0px;
}

.boost-plan-box {
    background: #eee;
    padding: 0px;
}

    .boost-plan-box label {
        margin-bottom: 0px;
    }

    .boost-plan-box h4 {
        margin: 0px;
        background: #333;
        color: #fff;
        padding: 5px;
        font-size: 18px;
    }

.boostpopup .modal-title a {
    float: right;
    color: #000;
    position: relative;
    top: 0px;
}

.boost-plan-box ul {
    margin: 0px 10px;
    padding: 20px 20px 10px 20px;
    list-style-image: url(/Assets/images/tick.png);
}

.boost-plan-box .btn-success {
    background: #1c8d33;
}

.boost-plan-box ul li {
    font-size: 12px;
    margin-bottom: 5px;
}

.boostpopup .modal-title {
    background: #FFC107;
    color: #4f3e0c;
    font-size: 20px;
    font-weight: 800;
    text-align: center;
    margin-bottom: 10px;
}

h5 {
    font-size: 14px;
    background: #fff;
    padding: 5px 10px;
}

.notif-count {
    width: 25px;
    height: 25px;
    background: #ff5e3a;
    color: #fff;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    text-align: center;
    display: block;
    line-height: 24px;
    font-size: 10px;
    font-weight: bold;
    border: solid 2px #fff;
    position: absolute;
    margin-top: -25px;
    margin-left: -10px;
}

.notification-bar {
    position: absolute;
    width: 350px;
    padding: 0px;
    background: #fff;
    box-shadow: 0px 0px 30px rgba(0,0,0,.3);
    padding-right: 0px;
    border-radius: 3px;
    overflow: hidden;
    padding: 10px;
    margin-top: 10px;
    margin-left: -160px;
    display: none;
    max-height: 400px;
    overflow-y: scroll;
    z-index: 999;
}

    .notification-bar .container-fluid {
        padding: 0px !important;
    }

.tt-menu {
    position: absolute;
    background: #fff;
    min-width: 294px;
    margin: 5px 0px;
    border-radius: 5px;
    box-shadow: 0px 0px 50px rgba(0,0,0,.2);
    max-height: 450px;
    overflow-y: scroll;
    margin-left: -17px;
    z-index: 1;
}

    .tt-menu::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.0);
        background-color: #F5F5F5;
    }

    .tt-menu::-webkit-scrollbar {
        width: 5px;
        background-color: #F5F5F5;
    }

    .tt-menu::-webkit-scrollbar-thumb {
        background-color: #999999;
        border: 0px solid #555555;
    }

    .tt-menu ul {
        margin: 0px;
        padding: 0px;
    }

    .tt-menu a {
        display: block;
        padding: 8px 15px;
        border-bottom: solid 1px #f1ecec;
        color: #666;
    }

        .tt-menu a:hover {
            background: #eee;
        }

.notification-bar ul {margin: 0px; padding: 0px; list-style: none;}
.notification-bar ul li {float: none;}
.notification-bar ul li:hover {background: #eee;}
.notification-bar ul li img {width: 180%; top: 4px; border-radius: 100%;}
.notification-bar ul li {display: block; width: auto; height: auto; line-height: normal; padding: 10px 20px; border-bottom: solid 1px #eee; border-radius: 0px; margin: 0px; text-decoration: none;}
.notification-bar ul li p {font-size: 12px; color: #888; line-height: 18px;}
.notification-bar .notif-text {padding-left: 10px; padding-right: 0px; position: relative;}
.notification-bar p {margin: 0px; padding: 0px;}
.notification-bar small {font-weight: bold; color: #666; display: block; margin-top: 3px;}
.notification-bar .col-xs-2, #notification-bar .col-xs-10 {padding: 0px;}

.radio {
    padding-left: 10px;
    border-bottom: solid 1px #eee;
    padding-bottom: 5px;
}

#popovercontent {
    position: absolute;
    min-width: 250px;
    background: #4CAF50;
    color: #fff;
    padding: 10px;
    border: solid 5px #fff;
    box-shadow: 0px 0px 30px rgba(0,0,0,.2);
    margin-left: -250px;
    margin-top: 50px;
    transition: all .3s linear;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
}

#pop_overcontent {
    position: absolute;
    min-width: 200px;
    font-size: 13px;
    background: #fff;
    color: #333;
    padding: 7px;
    border: solid 1px #ccc; /* box-shadow: 0px 0px 30px rgba(0,0,0,.2);*/
    margin-left: 0px;
    margin-top: 5px;
    transition: all .3s linear;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    z-index: 999999999999;
}

header {
    background-color: #fff; /*background-image: -webkit-linear-gradient(88deg, #fe4f30 0%, #de2477 74%);background-image: -moz-linear-gradient(88deg, #fe4f30 0%, #de2477 74%);background-image: -o-linear-gradient(88deg, #fe4f30 0%, #de2477 74%);background-image: linear-gradient(88deg, #fe4f30 0%, #de2477 74%);*/
    padding: 10px 0px;
    position: fixed;
    width: 100%;
    top: 0px;
    left: 0px;
    z-index: 9999;
    /*box-shadow: 0px 0px 10px rgba(0,0,0,.1);*/

}

.container-fluid {
    padding-left: 50px;
    padding-right: 50px;
    max-width: 1583px;
}

    .container-fluid > .row .col-lg-1, .container-fluid > .row .col-lg-10, .container-fluid > .row .col-lg-11, .container-fluid > .row .col-lg-12, .container-fluid > .row .col-lg-2, .container-fluid > .row .col-lg-3, .container-fluid > .row .col-lg-4, .col-lg-5, .container-fluid > .row.col-lg-6, .container-fluid > .row .col-lg-7, .container-fluid > .row .col-lg-8, .container-fluid > .row .col-lg-9, .container-fluid > .row .col-md-1, .container-fluid > .row .col-md-10, .container-fluid > .row .col-md-11, .container-fluid > .row .col-md-12, .container-fluid > .row .col-md-2, .container-fluid > .row .col-md-3, .container-fluid > .row .col-md-4, .container-fluid > .row .col-md-5, .container-fluid > .row .col-md-6, .container-fluid > .row .col-md-7, .container-fluid > .row .col-md-8, .container-fluid > .row .col-md-9, .container-fluid > .row .col-sm-1, .container-fluid > .row .col-sm-10, .container-fluid > .row .col-sm-11, .container-fluid > .row .col-sm-12, .container-fluid > .row .col-sm-2, .container-fluid > .row .col-sm-3, .container-fluid > .row .col-sm-4, .container-fluid > .row .col-sm-5, .container-fluid > .row .col-sm-6, .container-fluid > .row .col-sm-7, .container-fluid > .row .col-sm-8, .container-fluid > .row .col-sm-9, .container-fluid > .row .col-xs-1, .container-fluid > .row .col-xs-10, .container-fluid > .row .container-fluid > .row .col-xs-11, .container-fluid > .row .col-xs-12, .container-fluid > .row .col-xs-2.container-fluid > .row, .col-xs-3, .container-fluid > .row .col-xs-4, .container-fluid > .row .col-xs-5, .container-fluid > .row .col-xs-6, .container-fluid > .row .col-xs-7, .container-fluid > .row .col-xs-8, .container-fluid > .row .col-xs-9 {
        padding-right: 9px;
        padding-left: 9px;
    }

.card {
    background: #fdfdfd none repeat scroll 0 0;
    border: 1px solid #ede9e9;
    border-radius: 3px;
    margin-bottom: 20px;
    padding: 20px;
    transition:all .3s linear;
}
    .card:hover {background:#fff5f2;transform:scale(1.01);z-index:99999
    }
.iconbox {
    padding-right: 5px;
}

.card .card-heading {
    padding: 8px 10px;
    background: #145b8c;
    color: #fff;
}

    .card .card-heading a {
        color: #fff;
    }

.card .card-item {
    padding: 12px 10px;
    border-bottom: solid 1px #e6e6e6;
}

.card-small-heading {
    font-weight: 600;
    display: block;
}

.card .card-item i {
    color: #888;
}

.main-navigation {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.open > .dropdown-menu {
    margin-left: -30px;
}

.main-navigation > li {
    float: left;
}

    .main-navigation > li a {
        display: block;
        width: 33px;
        height: 33px;
        background: #fff;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        border-radius: 100%;
        margin-left: 10px;
    }

.dropdown-menu a {
    display: block !important;
    width: auto !important;
    height: auto !important;
    border-radius: 0px !important;
}

.main-navigation > li a img {
    display: table;
    margin: auto auto auto auto;
    position: relative;
    top: 8px;
    opacity: .7;
    width: 20px;
}

    .main-navigation > li a img:hover {
        opacity: 1;
    }

header #logo {
    position: relative;
    top: 3px;
}

#profile-picture {
    padding: 5px;
}

    #profile-picture .profile-pic-footer {
        margin-top: 0px;
        padding: 10px;
        padding-bottom: 0px;
    }

        #profile-picture .profile-pic-footer em {
            display: block;
            font-size: 18px;
            color: #999;
            font-style: normal;
            margin-top: 10px;
            font-weight: 300;
        }

        #profile-picture .profile-pic-footer label {
            font-size: 10px;
            color: #fff;
            font-weight: 300;
            padding: 1px 8px;
            -webkit-border-radius: 8px;
            -moz-border-radius: 8px;
            border-radius: 8px;
            text-transform: uppercase;
        }

            #profile-picture .profile-pic-footer label.green {
                background: #3cae3e;
            }

            #profile-picture .profile-pic-footer label.blue {
                background: blue;
            }

            #profile-picture .profile-pic-footer label.yellow {
                background: yellow;
                color: black;
            }

            #profile-picture .profile-pic-footer label.global {
                background: #e54b4b;
                color: white;
            }

            #profile-picture .profile-pic-footer label.gold {
                background: goldenrod;
                color: white;
            }

.online-friend-box img {
    float: left;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    padding: 0px 10px;
    top: -5px;
    position: relative;
}

.green-light {
    width: 12px;
    height: 12px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    background: #3cae3e;
    display: inline-block;
    float: left;
    position: relative;
    left: 53px;
    top: 42px;
    border: solid 2px #fff;
    z-index: 99;
}
  #notification-F-bar {margin-left: -180px!important;
    }
.online-friend-box label {
    position: relative;
    font-weight: 600;
    position: relative;
    display: block;
}

.online-friend-box .btn {
    padding: 2px 7px;
    display: table;
    box-shadow: none;
}

.seeall {
    font-size: 11px;
    padding-right: 5px;
}

#offer-sidebar i {
    position: relative;
    left: 10px;
}

.add-post {
    margin-bottom: 15px;
}

.add-post-heading {
    padding: 15px;
    font-size: 18px;
    box-shadow: 0px 0px 20px rgba(0,0,0,.2);
}

    .add-post-heading i {
        color: #70364e;
        font-weight: 800;
    }

.post-main-textarea textarea {
    width: 100%;
    padding: 20px 30px;
    outline: none;
    border: none;
    margin-top: 10px;
    min-height: 120px;
    font-size: 18px;
    color: #666;
    font-weight: 300;
    line-height: 22px;
    background: url(/Assets/images/typing.png) right bottom no-repeat;
}

.main-post-footer {
    padding: 18px 0px 0px 20px;
    border-top: solid 1px #e6e2e2;
    ;
}

    .main-post-footer .btn {
        color: #666;
    }

    .main-post-footer .active {
        position: relative;
        top: -3px;
        background: #fff;
        color: #ff5e3a;
        border: solid 1px #ff5e3a;
        font-weight: 600;
    }

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

.timeline-post .timeline-post-header {
    padding: 10px;
    color: #777;
}

    .timeline-post .timeline-post-header img {
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        border-radius: 100%;
        margin-right: 20px;
        float: left;
    }

    .timeline-post .timeline-post-header small {
        display: block;
        margin-top: 3px;
    }

    .timeline-post .timeline-post-header strong {
        color: #e83260;
        font-size: 14px;
        display: inline-block;
        padding-right: 10px;
        padding-top: 12px;
    }

.timeline-post .timeline-post-data {
    padding: 20px 20px;
    word-wrap: break-word;
}

    .timeline-post .timeline-post-data p {
        color: #777;
    }

    .timeline-post .timeline-post-data label {
        font-weight: 600;
        color: #fe4f30;
        cursor: pointer;
    }

    .timeline-post .timeline-post-data img {
        padding: 10px 0px 0px 0px;
    }

.timeline-post .timeline-activity-links {
    padding: 0px 30px 10px 30px;
}

    .timeline-post .timeline-activity-links a {
        color: #777;
    }

        .timeline-post .timeline-activity-links a i {
            margin-right: 4px;
            font-size: 18px;
            position: relative;
            top: 4px;
        }

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

.timeline-post .timeline-post-comment-section {
    padding: 10px 25px;
    border-top: solid 1px #e8e8e8;
}

    .timeline-post .timeline-post-comment-section input[type="text"] {
        outline: none;
        border: solid 0px #ded9d9;
        background: #eee;
    }

    .timeline-post .timeline-post-comment-section img {
        height: 42px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 100%;
    }

#cover-picture {
    width: 100%;
    background: #ccc;
    max-height: 100%;
    height: 100%;
    position: absolute;
    border-top: solid 0px #fff;
}

.margin-top {
    margin-top: 30px;
}

.margin-top-max {
    margin-top: 30%;
    position: relative;
}

#cover-picture #cover-picture-shadow {
    width: 100%;
    position: absolute;
    max-width: 100%;
    max-height: 100%;
    height: 100%;
    background-color: #4158D0;
    background-image: -webkit-linear-gradient(43deg, #4158D0 0%, #C850C0 46%, #FFCC70 100%);
    background-image: -moz-linear-gradient(43deg, #4158D0 0%, #C850C0 46%, #FFCC70 100%);
    background-image: -o-linear-gradient(43deg, #4158D0 0%, #C850C0 46%, #FFCC70 100%);
    background-image: linear-gradient(43deg, #4158D0 0%, #C850C0 46%, #FFCC70 100%);
    opacity: .5;
}

#cover-picture #cover-picture-content {
    position: absolute;
    z-index: 99;
    width: 100%;
}

#cover-picture .cover-pic-dp {
    width: 180px;
    height: 180px;
    display: table;
    margin: auto;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    overflow: hidden;
    border: solid 10px #fff;
    margin-top: 30px;
}

#cover-picture .cover-name {
    text-align: center;
    color: #fff;
    font-size: 30px;
    margin: 20px 0px;
    font-weight: 300;
}

#cover-picture .cover-edit {
    text-align: center;
}

    #cover-picture .cover-edit a {
        display: inline-block;
        background: rgba(255,255,255,.8);
        color: #666;
        padding: 6px 20px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
    }

        #cover-picture .cover-edit a i {
            margin-right: 10px;
        }

#profile-left {
}

.userid {
    font-size: 16px;
    text-align: center;
}

.panel-default .panel-heading {
    background: #fff;
}

    .panel-default .panel-heading h4 {
        font-size: 13px;
    }

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

    .panel-default .panel-body {
        padding: 0px;
        color: #666;
    }

        .panel-default .panel-body a {
            color: #ea335e;
            font-size: 12px;
        }

        .panel-default .panel-body span {
            color: #666;
            margin: 0px 10px;
        }

h2.main {
    background: #fff;
    padding: 10px;
    font-size: 22px;
    border: dashed 0px #ccc;
    border-left: solid 5px #ea335e;
}

.list {
    margin: 0px;
    padding: 10px 20px;
}

footer {
    background: #fff;
    padding: 30px;
    text-transform: uppercase;
    font-size: 12px;
    color: #777;
    margin-top: 80px;
}

input[type="file"] {
    display: block;
}

.imageThumb {
    width: 100px;
    height: 100px;
    object-fit: cover;
    margin-right: 5px;
    margin-bottom: 10px;
}

.post-menu {
    min-width: 50px !important;
    margin-left: -82px;
}

.pip {
    display: inline-block;
    margin: 10px 10px 0 0;
}

.pips {
    display: inline-block;
    margin: 10px 10px 0 0;
}

.user-comment {
    padding: 10px;
    border-top: solid 1px #eee;
}

    .user-comment strong {
        display: inline-block;
        margin-right: 5px;
        color: #e83260;
        font-size: 14px;
    }

.remove {
    display: block;
    background: #444;
    border: 1px solid black;
    color: white;
    text-align: center;
    cursor: pointer;
    display: none;
}

    .remove:hover {
        background: white;
        color: black;
    }

.error {
    padding: 5px 10px;
    background: #dd5044;
    color: #fff;
}

.success {
    padding: 5px 10px;
    background: #419b3c;
    color: #fff;
}

#plan {
    padding: 20px;
}

    #plan h2 {
        margin: 0px;
        padding: 0px;
        font-weight: 900;
        font-size: 18px;
        text-align: center;
        line-height: 25px;
    }

.membership-pricing-table {
    width: 100%;
}

    .membership-pricing-table table .icon-no, .membership-pricing-table table .icon-yes {
        font-size: 22px;
    }

    .membership-pricing-table table .icon-no {
        color: #a93717;
    }

    .membership-pricing-table table .icon-yes {
        color: #209e61;
    }

    .membership-pricing-table table .plan-header {
        text-align: center;
        font-size: 35px;
        border: 1px solid #e2e2e2;
        padding: 25px 0;
    }

    .membership-pricing-table table .plan-header-free {
        background-color: #eee;
        color: #555;
    }

    .membership-pricing-table table .plan-header-blue {
        color: #fff;
        background-color: #e54b4b;
        border-color: #3989c6;
    }

    .membership-pricing-table table .plan-header-gold {
        color: #fff;
        background-color: goldenrod;
        border-color: #3989c6;
    }

    .membership-pricing-table table .plan-header-standard {
        color: #fff;
        background-color: #ff9317;
        border-color: #e37900;
    }

    .membership-pricing-table table td {
        text-align: center;
        width: 15%;
        padding: 7px 10px;
        background-color: #fafafa;
        font-size: 14px;
        -webkit-box-shadow: 0 1px 0 #fff inset;
        box-shadow: 0 1px 0 #fff inset;
    }

    .membership-pricing-table table, .membership-pricing-table table td {
        border: 1px solid #ebebeb;
    }

        .membership-pricing-table table tr td:first-child {
            background-color: transparent;
            text-align: right;
            width: 24%;
        }

        .membership-pricing-table table tr td:nth-child(5) {
            background-color: #FFF;
        }

        .membership-pricing-table table tr:first-child td, .membership-pricing-table table tr:nth-child(2) td {
            -webkit-box-shadow: none;
            box-shadow: none;
        }

        .membership-pricing-table table tr:first-child th:first-child {
            border-top-color: transparent;
            border-left-color: transparent;
            border-right-color: #e2e2e2;
        }

        .membership-pricing-table table tr:first-child th .pricing-plan-name {
            font-size: 22px;
        }

        .membership-pricing-table table tr:first-child th .pricing-plan-price {
            line-height: 35px;
        }

            .membership-pricing-table table tr:first-child th .pricing-plan-price > sup {
                font-size: 45%;
            }

            .membership-pricing-table table tr:first-child th .pricing-plan-price > span {
                font-size: 59%;
                display: block;
            }

        .membership-pricing-table table tr:first-child th .pricing-plan-period {
            margin-top: -7px;
            font-size: 25%;
        }

        .membership-pricing-table table .header-plan-inner {
            position: relative;
        }

        .membership-pricing-table table .recommended-plan-ribbon {
            box-sizing: content-box;
            background-color: #dc3b5d;
            color: #FFF;
            position: absolute;
            padding: 3px 6px;
            font-size: 11px !important;
            font-weight: 500;
            left: -6px;
            top: -22px;
            z-index: 99;
            width: 100%;
            -webkit-box-shadow: 0 -1px #c2284c inset;
            box-shadow: 0 -1px #c2284c inset;
            text-shadow: 0 -1px #c2284c;
        }

            .membership-pricing-table table .recommended-plan-ribbon:before {
                border: solid;
                border-color: #c2284c transparent;
                border-width: 6px 0 0 6px;
                bottom: -5px;
                content: "";
                left: 0;
                position: absolute;
                z-index: 90;
            }

            .membership-pricing-table table .recommended-plan-ribbon:after {
                border: solid;
                border-color: #c2284c transparent;
                border-width: 6px 6px 0 0;
                bottom: -5px;
                content: "";
                right: 0;
                position: absolute;
                z-index: 90;
            }

        .membership-pricing-table table .plan-head {
            box-sizing: content-box;
            background-color: #ff9c00;
            border: 1px solid #cf7300;
            position: absolute;
            top: -33px;
            left: -1px;
            height: 30px;
            width: 100%;
            border-bottom: none;
        }

        .membership-pricing-table table tbody tr td:nth-child(2n+1) {
            background: #eee;
            padding: 12px;
        }

        .membership-pricing-table table tbody tr:nth-child(2n) td:nth-child(2n+1) {
            background: #e6e6e6 !important;
        }

#plan-top {
    background: url(../images/bannerbg.jpg) top center;
    padding: 30px 0px 150px 0px;
}

    #plan-top h2 {
        color: #fff;
        font-size: 24px;
        line-height: 30px;
    }

.grow {
    padding: 50px 0px;
}

    .grow h3 {
        margin-top: 80px;
        font-weight: 900;
        color: #eb4a1f;
    }

    .grow p {
        font-size: 16px;
        line-height: 22px;
    }

#loyalty h2 {
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 30px;
    margin-top: 20px;
}

#loyalty .l-block {
    min-height: 300px;
    background: #eee;
}

#loyalty h3 {
    padding: 20px;
    font-weight: 900;
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
    text-align: center;
    line-height: 22px;
    height: 84px;
}

#loyalty .l-block ul {
    margin: 0px;
    padding: 0px 20px;
    list-style: none;
    color: #fff;
}

    #loyalty .l-block ul li {
        margin-bottom: 10px;
        border-bottom: solid 1px rgba(255,255,255,.2);
        padding-bottom: 10px;
    }

#allocaiotn {
    background: #eee;
    padding: 50px;
}

    #allocaiotn h2 {
        font-weight: 700;
    }

        #allocaiotn h2 span {
            display: block;
            font-weight: 900;
            font-size: 30px;
            color: #4158D0;
            margin-bottom: 50px;
        }

.a-block {
    background: #fff;
    min-height: 170px;
    padding: 30px;
    font-size: 15px;
    line-height: normal;
    color: #666;
}

#order {
    padding: 50px 0px;
}

    #order h2 {
        font-weight: 700;
        text-align: center;
    }

        #order h2 span {
            display: block;
            font-weight: 900;
            font-size: 25px;
        }

    #order h1 {
        text-align: center;
        margin: 50px 0px;
        font-size: 40px;
    }

.order-form {
    max-width: 400px;
    margin: auto;
    background: #eee;
    padding: 50px;
    background: #4161d6;
}

#order h4 {
    text-align: center;
    margin: 30px 0px;
    font-size: 20px;
}

.order-block {
    padding: 20px;
    min-height: 180px;
    color: #fff;
}

    .order-block strong {
        display: block;
        text-align: center;
        font-size: 25px;
    }

    .order-block p {
        text-align: center;
        margin-top: 30px;
    }

    .order-block input[type="radio"] {
        display: table;
        margin: auto;
        zoom: 2;
        margin-bottom: 10px;
    }

#order-menu {
    display: table;
    margin: auto;
    margin-top: 30px;
}

    #order-menu a {
        display: inline-block;
        background: #f23f4a;
        color: #fff;
        font-size: 16px;
        padding: 10px 20px;
        margin: 0px 10px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }

.wrapmenu ul {
    display: none;
}

.cover-pic-dp img {
    width: 160px;
    height: 160px;
}
/*.tab-content{position: absolute;width: 100%!important;left: 100%;}*/

@media screen and (max-width:992px) {
    .friendchatbox .friendchatbox-header {
        background: #e6aa50 !important;
        color: #fff;
    }

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

    #personal-info {
        display: none;
    }

    #f-club {
        display: none;
    }

    .hidden-in-mobile {
        display: none !important;
    }

    .btn {
        padding: 4px 8px;
        font-size: 12px;
    }

    #cover-picture {
        max-height: 50%;
        height: 50%;
        background-size: cover !important;
        background-position: center center;
    }

    .margin-top-max {
        margin-top: 100%;
    }

    #cover-picture .cover-name {
        font-size: 15px;
        margin: 10px 0px;
    }

    #cover-picture .cover-edit a {
        margin-top: 5px;
    }

    #cover-picture #cover-picture-content {
        margin-top: -15px;
    }

    .timeline-activity-links {
        font-size: 0px;
    }

        .timeline-activity-links i {
            font-size: 13px;
        }

        .timeline-activity-links span {
            font-size: 13px;
        }

    .tab-content {
        position: relative;
        width: 100% !important;
        left: 0;
    }

    .nav-tabs > li {
        float: none;
        border-bottom: #ccc 1px solid;
    }
}

.adaptive-menu ul:first-of-type li a {
    font-size: 13px;
    display: block;
    padding: 8px 25px;
    transition: background-color .3s ease-out;
    color: #666;
    border: 0;
    border-bottom: solid 1px #e3e3e3;
}

.timeline-post-data img { /*max-width: 560px;*/
    max-width: 100%;
}

.earning-box {
    padding: 20px;
    background: #ccc;
    min-height: 150px;
    color: #fff;
}

    .earning-box h3 {
        font-size: 18px;
        text-align: center;
        margin: 0px;
        padding: 0px;
        margin-bottom: 20px;
    }

.walletbal {
    display: table;
    margin: auto;
    font-size: 20px;
    line-height: normal;
    text-align: center;
}

    .walletbal strong {
        font-size: 50px;
        display: block;
    }

.Wallet-box {
    border-radius: 50%;
    width: 110px;
    height: 110px;
    text-align: center;
    border: #9b9b9b 6px solid;
    padding-top: 30px;
    background: #fff;
}

    .Wallet-box strong {
        font-size: 14px;
        color: #333;
    }

    .Wallet-box span {
        display: block;
        line-height: 20px;
    }

#dashboardtop { /*display: table;*/
    margin: auto auto 10px auto;
}

.col-xs-15, .col-sm-15, .col-md-15, .col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-15 {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-15 {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}

.network-block {
    padding: 3px;
    border: solid 1px #eee;
    margin-bottom: 20px;
}

    .network-block img {
        width: 100%;
    }

    .network-block strong {
        font-weight: 400;
        display: block;
        padding: 5px 0px;
        text-align: center;
    }

#friednds-list-profile {
    background: #fff;
    padding: 20px;
}

.mprofile {
    background: rgb(6, 108, 178);
    color: #fff;
    margin-top: -26px;
    z-index: 9999;
    position: relative;
    padding: 5px 20px;
    display: table;
    border-top-right-radius: 10px;
}

.friend-block {
    position: relative;
}

    .friend-block img {
        display: table;
        margin: auto;
        width: 100px;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        border-radius: 100%;
    }

    .friend-block h3 {
        font-size: 16px;
        font-weight: 600;
        margin: 0px;
        padding: 0px;
    }

.friend-block-m:before {
    content: "MONETIZE";
    position: absolute;
    z-index: 999; /* height: 100%; */ /* width: 20px; */
    background: #066cb2;
    top: 100%; /* left: 0px; */
    right: 0px;
    margin-top: -25px;
    color: #fff;
    padding: 5px 10px;
    border-top-left-radius: 10px;
}

.friend-block .badge {
    display: table;
    padding: 3px 10px;
    color: #fff;
    font-size: 12px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    margin: 8px 0px;
}

.friend-block .green {
    background: #2ea52d;
}

.friend-block .Green {
    background: #2ea52d;
}

.friend-block .Yellow {
    background: #ffc000;
}

.friend-block .badge strong {
    float: left;
}

.friend-block .Blue {
    background: #0071c1;
}

.friend-block .Global {
    background: #e54b4b;
}

.friend-block .btn {
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    border: solid 1px #333;
    display: table;
    padding: 3px 10px;
    color: #333;
    margin-top: 10px;
}

.friend-block {
    margin-bottom: 20px;
    padding: 10px;
    box-shadow: 0px 0px 1px rgba(0,0,0,.5);
}

#friednds-list-profile .row .col-md-6 {
}

#photo-gallery {
    padding: 20px;
}

    #photo-gallery img {
        width: 100%;
        height: 182px;
        padding: 5px;
        box-shadow: 0px 0px 20px rgba(0,0,0,.2);
    }

.table-reward {
    width: 500px;
    margin: 20px auto;
    border: solid 5px #ccc;
    padding: 10px;
}

@media screen and (max-width:768px) {
    #top-search {
        position: absolute;
        background: #0f828a;
        padding: 5px;
        width: 100%;
        left: 0px;
        margin-top: 12px;
    }

    body {
        padding-top: 100px;
    }

    .timeline-post-data img {
        max-width: 100%;
    }

    .table-reward {
        width: 100%;
    }

    .scrollbar {
        margin-left: 20px !important;
    }

    .notif-modal-content {
        padding: 20px 10px 20px 0px !important;
        margin-left: 15px;
    }

    #cropimagepopup {
        left: 0 !important;
        right: 0 !important;
        width: 80%;
        margin: auto !important;
        margin-top: -150px !important;
    }

    .jcrop-holder img, img.jcrop-preview { /*  width: 250px !important;//height: 320px !important;*/
        margin: auto;
    }

    .jcrop-holder { /*  width: 250px !important;height: 320px !important;*/
    }

    .jcrop-tracker { /*   width: 250px !important;height: 250px !important;*/
    }
}

#axisrules {
    position: relative;
    background: #ae285d;
    color: #fff;
    padding: 30px;
}

    #axisrules:after {
        right: 50%;
        top: 100%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(174, 40, 93, 0);
        border-right-color: #ae285d;
        border-width: 25px;
        margin-top: 0px;
        transform: rotate(-90deg);
    }

.axistable {
    background: #fefcfc;
    padding: 50px;
    border: solid 0px #ae285d;
    border-radius: 5px;
    position: relative;
    top: 65px;
    left: 77px;
}

.loyalty-box {
    background: #fff;
}

    .loyalty-box .l-header {
        padding: 10px;
        color: #fff;
        background: #333;
        font-weight: bold;
        padding-left: 40px;
        border-radius: 30px;
        font-size: 12px;
    }

        .loyalty-box .l-header i {
            margin-right: 10px;
        }

    .loyalty-box .l-body {
        color: #666;
        max-height: 160px;
        overflow-y: scroll;
        min-height: 160px;
        font-size: 12px;
        text-align: left;
    }

        .loyalty-box .l-body::-webkit-scrollbar-track {
            -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.0);
            background-color: #F5F5F5;
        }

        .loyalty-box .l-body strong {
            color: #e62f65;
        }

    .loyalty-box i {
        width: 40px;
        height: 40px;
        position: absolute;
        background: #4caf50;
        border-radius: 100%;
        text-align: center;
        line-height: 40px;
        margin-top: -12px;
        margin-left: -60px;
    }

    .loyalty-box .l-body::-webkit-scrollbar {
        width: 3px;
        background-color: #F5F5F5;
    }

    .loyalty-box .l-body::-webkit-scrollbar-thumb {
        background-color: #ccc;
        border: 2px solid #ccc;
    }

#fbsharebox {
    width: 100%;
    min-height: 300px;
    background: #2450d5 url(../images/share.jpg) no-repeat bottom;
    padding: 30px;
    color: #fff;
}

    #fbsharebox a {
        color: #fff;
    }

    #fbsharebox .share {
        display: table;
        margin: 30px 0px;
        background: #fff;
        padding: 10px 20px;
        color: #333;
        font-size: 16px;
    }

        #fbsharebox .share i {
            margin-right: 10px;
        }

.loyalty-box-new {
    width: 100%;
    height: 160px;
    background: #0071c1;
    overflow: hidden;
    transition: all .3s linear;
    margin: 10px 0px;
    text-align: center;
    color: #fff;
    font-size: 14px;
}

    .loyalty-box-new .loyalty-box-overlay {
        width: 100%;
        max-width: 100%;
        height: 100%;
        max-height: 100%;
        background: #ccc;
        margin-top: 160px;
        transition: all .3s linear;
        position: relative;
        z-index: 999;
    }

    .loyalty-box-new:hover .loyalty-box-overlay {
        margin-top: -116px;
        transition: all .3s linear;
    }

#loyalty-boxes .col-md-4:nth-child(2n) .loyalty-box-new {
    background: #15537f;
}

.loyalty-box-new i {
    text-align: center;
    display: table;
    margin: auto;
    color: #fff;
    font-size: 50px;
    margin-bottom: 20px;
    margin-top: 30px;
}

.box {
    height: 50px;
    width: 50px;
    float: left;
    margin: 20px;
    border: 1px solid green;
    cursor: pointer;
}

img {
    cursor: pointer;
}

.pop2 {
    display: none;
}
/*  popup box  */

#popupBox {
    background: #fff;
    display: none;
    border: 3px solid #ccc;
}

.custom-file-input input[type='file'] {
    outline: none;
    color: transparent;
}

    .custom-file-input input[type='file']::-webkit-file-upload-button {
        visibility: hidden;
    }

    .custom-file-input input[type='file']::before {
        content: 'Select Profile Picture';
        color: #fff;
        ;
        display: inline-block;
        background-color: #fe4f30;
        background-image: -webkit-linear-gradient(88deg, #fe4f30 0%, #de2477 74%);
        background-image: -moz-linear-gradient(88deg, #fe4f30 0%, #de2477 74%);
        background-image: -o-linear-gradient(88deg, #fe4f30 0%, #de2477 74%);
        background-image: linear-gradient(88deg, #fe4f30 0%, #de2477 74%);
        border: 0px solid #999;
        border-radius: 3px;
        padding: 10px 25px;
        outline: none;
        white-space: nowrap;
        -webkit-user-select: none;
        cursor: pointer;
        font-weight: 700;
        font-size: 10pt;
        display: table;
        margin: auto;
        margin-top: 30px;
    }

    .custom-file-input input[type='file']:hover::before {
        border-color: black;
    }

    .custom-file-input input[type='file']:active {
        outline: 0;
    }

.custom-file-input:active input[type='file']::before {
    background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
}

#popupBox2, #popupBox3 {
    background: #fff;
    display: none;
}

    #popupBox2 td, #popupBox3 td {
        background: #fff;
        padding: 0;
    }

    #popupBox2 .popupContent {
    }

.contentBox {
    overflow-y: scroll;
    height: 270px;
}

.popupContent {
    background: #fff;
}

    .popupContent .popClose {
        float: right;
        display: block;
        height: 16px;
        width: 16px;
        background: url(img/closeBut.jpg) no-repeat;
        text-indent: -9000px;
    }

.popupClose {
    display: block;
    position: absolute;
    top: 5px;
    right: 5px;
    height: 16px;
    width: 16px;
    text-indent: -9000px;
    background: url(img/closeBut.jpg) no-repeat;
}

.galleryTitle {
    font-size: 1.3em;
    text-align: center;
}

.popupContent .pop2 {
    font-size: 1.2em;
    text-align: center;
    padding: 30px;
}

.popupContent .galleryTitle {
    position: relative;
}

.galleryControls {
    overflow: hidden;
    line-height: 40px;
}

    .galleryControls a {
        font-size: 1.2em;
        font-weight: bold;
        text-decoration: none;
        color: #333;
        text-transform: uppercase;
    }

    .galleryControls .prev {
        float: left;
        margin-left: 20px;
    }

    .galleryControls .next {
        float: right;
        margin-right: 20px;
    }

    .galleryControls p {
        text-align: center;
    }

.imageDesc {
    min-height: 50px;
    line-height: 15px;
    text-align: left;
}

    .imageDesc p {
        padding: 5px 10px;
        color: #fff;
        font-size: 12px;
    }

.popupBtns {
    padding: 20px;
}

    .popupBtns input {
        margin-right: 20px;
        font-size: 14px;
    }

#fixedGallery .popupContent {
    background: #f3f3f3;
}

#fixedGallery .popupTL {
    background: url(img/popupTL.png) no-repeat;
    _background: none;
}

#fixedGallery .popupTR {
    background: url(img/popupTR.png) no-repeat;
    _background: none;
}

#fixedGallery .popupBL {
    background: url(img/popupBL.png) no-repeat;
    _background: none;
}

#fixedGallery .popupBR {
    background: url(img/popupBR.png) no-repeat;
    _background: none;
}

#fixedGallery .popupTM {
    background: url(img/popupGT.png) repeat-x;
    _background: none;
}

#fixedGallery .popupBM {
    background: url(img/popupGB.png) repeat-x;
    _background: none;
}

#fixedGallery .popupML {
    background: url(img/popupGL.png) repeat-y;
    _background: none;
}

#fixedGallery .popupMR {
    background: url(img/popupGR.png) repeat-y;
    _background: none;
}

#fixedGallery .popupTL div {
    _background: url(img/popupTL.png) no-repeat;
    width: 100%;
    height: 100%;
}

#fixedGallery .popupTR div {
    _background: url(img/popupTR.png) no-repeat;
    width: 100%;
    height: 100%;
}

#fixedGallery .popupBL div {
    _background: url(img/popupBL.png) no-repeat;
    width: 100%;
    height: 100%;
}

#fixedGallery .popupBR div {
    _background: url(img/popupBR.png) no-repeat;
    width: 100%;
    height: 100%;
}

#fixedGallery .popupTM div {
    _background: url(img/popupGT.png) repeat-x;
    width: 100%;
    height: 100%;
}

#fixedGallery .popupBM div {
    _background: url(img/popupGB.png) repeat-x;
    width: 100%;
    height: 100%;
}

#fixedGallery .popupML div {
    _background: url(img/popupGL.png) repeat-y;
    width: 100%;
    height: 100%;
}

#fixedGallery .popupMR div {
    _background: url(img/popupGR.png) repeat-y;
    width: 100%;
    height: 100%;
}

.timer {
    background: rgba(0,0,0,.7);
    padding: 10px 0px;
    position: relative;
    top: 10px;
}

@media screen and (max-width:768px) {
    .axistable {
        position: static;
    }
}

.notif-modal-header img {
    width: 40px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}

.notif-modal-header small {
    display: block;
}

.notif-modal-header a.name {
    font-weight: bold;
}

.notif-modal-like-share {
    padding: 5px 0px;
    border-top: solid 1px #e9e9e9;
    border-bottom: solid 1px #e9e9e9;
    margin: 10px 0px;
}

    .notif-modal-like-share a {
        color: #666;
        font-size: 12px;
        display: inline-block;
        margin-right: 10px;
        font-weight: bold;
    }

        .notif-modal-like-share a i {
            margin-right: 5px;
        }

.notif-modal-likes a {
    font-size: 12px;
}

    .notif-modal-likes a i {
        margin-right: 10px;
    }

.notif-modal-comments {
    border-top: solid 1px #e9e9e9;
    margin-top: 10px;
    padding-top: 10px;
}

    .notif-modal-comments .u-img {
        width: 30px;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        border-radius: 100%;
    }

    .notif-modal-comments .u-comment {
        font-size: 11px;
    }

.notif-modal-comment-box {
    padding: 10px 0px;
}

.notif-modal-comment-textbox img {
    width: 30px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}

.notif-modal-comment-textbox input[type="text"] {
    width: 95%;
    padding: 7px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    outline: none;
    border: solid 1px #ccc;
}

#notifModal {
    margin-top: -30px;
}

    #notifModal .modal-body {
        padding: 0px;
        overflow: hidden;
    }

.notif-modal-content {
    padding: 20px 0px;
    padding-right: 35px;
}

#imaginary_container {
    background: #fff;
    padding: 0px 16px;
    box-shadow: 0px 0px 20px rgba(0,0,0,.1);
}

    #imaginary_container .form-control {
        border: none;
        box-shadow: none !important;
        background: none;
    }

    #imaginary_container button {
        background: none;
        border: none;
        position: relative;
        top: 5px;
        right: -18px;
    }

.stylish-input-group .input-group-addon {
    background: white !important;
}

.stylish-input-group .form-control {
    border-right: 0;
    box-shadow: 0 0 0;
    border-color: #ccc;
}

.stylish-input-group button {
    border: 0;
    background: transparent;
}

#top-search .input-group-addon button {
}

.popbody {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
}

    .popbody .popcont {
        font-size: 18px;
        color: #fff;
        font-weight: bold;
        width: 200px;
        height: 50px;
        margin: auto;
        vertical-align: middle;
        margin-top: 30%;
        background-color: #000;
        line-height: 50px;
        border-radius: 20px;
    }

.box > .icon {
    text-align: center;
    position: relative;
}

    .box > .icon > .image {
        position: relative;
        z-index: 2;
        margin: auto;
        width: 88px;
        height: 88px;
        border: 8px solid white;
        line-height: 88px;
        border-radius: 50%;
        background: #0071c1;
        vertical-align: middle;
    }

    .box > .icon:hover > .image {
        background: #333;
    }

    .box > .icon > .image > i {
        font-size: 36px !important;
        color: #fff !important;
    }

    .box > .icon:hover > .image > i {
        color: white !important;
    }

    .box > .icon > .info {
        margin-top: -24px;
        background: #fff;
        border: 1px solid #e0e0e0;
        padding: 15px 0 10px 0;
    }

    .box > .icon:hover > .info {
        background: #fff;
        border-color: #e0e0e0;
        color: #333;
    }

    .box > .icon > .info > h3.title {
        font-family: "Roboto", sans-serif !important;
        font-size: 16px;
        color: #222;
        font-weight: 500;
    }

    .box > .icon > .info > p {
        font-family: "Roboto", sans-serif !important;
        font-size: 13px;
        color: #666;
        line-height: 1.5em;
        margin: 20px;
    }

    .box > .icon:hover > .info > h3.title, .box > .icon:hover > .info > p, .box > .icon:hover > .info > .more > a {
        color: #222;
    }

.btn-boost {
    padding: 3px 10px;
    background: #337ab7;
    border: none;
    margin-top: 10px;
}

.box > .icon > .info > .more a {
    font-family: "Roboto", sans-serif !important;
    font-size: 12px;
    color: #222;
    line-height: 12px;
    text-transform: uppercase;
    text-decoration: none;
}

.box > .icon:hover > .info > .more > a {
    color: #fff;
    padding: 6px 8px;
    background-color: #0071c1;
}

.box .space {
    height: 30px;
}

#myModal_lieksName .modal-body {
    max-height: 400px;
    overflow-y: scroll;
}

.scrollbar {
    float: left;
    max-height: 200px;
    width: 100%;
    overflow-y: scroll;
    overflow-x: hidden !important;
    overflow: auto;
    margin-bottom: 25px;
}

.force-overflow {
}

*::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #eee;
    border-radius: 10px;
}

*::-webkit-scrollbar {
    width: 4px;
    height:4px;
    background-color: #fe4f30;
}

*::-webkit-scrollbar-thumb {
    background-color: #fe4f30;
    border-radius: 10px;
    background-image: -webkit-linear-gradient(90deg, rgba(0, 0, 0, .2) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .2) 50%, rgba(0, 0, 0, .2) 75%, transparent 75%, transparent);
}

.btn-accept {
    background: #6fab51;
    border: none;
    border-radius: 50px;
    font-size: 12px;
    margin: 0px 5px;
}

.btn-reject {
    background: #5f575b;
    border: none;
    border-radius: 50px;
    font-size: 12px;
}

@media screen and (max-width:768px) {
    #t2 {
        display: none;
    }

    #t3 {
        display: none;
    }

    #fu-my-simple-upload {
        position: fixed;
        bottom: 0px;
        width: 100%;
        left: 0px;
        height: 66px;
    }

    .custom-file-input input[type='file']::before {
        content: 'Select Profile Picture';
        color: #fff;
        display: inline-block;
        background-color: #fe4f30;
        background-image: -webkit-linear-gradient(88deg, #fe4f30 0%, #de2477 74%);
        background-image: -moz-linear-gradient(88deg, #fe4f30 0%, #de2477 74%);
        background-image: -o-linear-gradient(88deg, #fe4f30 0%, #de2477 74%);
        background-image: linear-gradient(88deg, #fe4f30 0%, #de2477 74%);
        border: 0px solid #999;
        padding: 10px 25px;
        outline: none;
        white-space: nowrap;
        -webkit-user-select: none;
        cursor: pointer;
        font-weight: 700;
        font-size: 10pt;
        display: table;
        margin: auto;
        margin-top: 30px;
        width: 100%;
    }

    #btn-my-submit {
        bottom: 0px;
        width: 100%;
        left: 0px; /* height: 66px; */
        position: fixed;
        font-size: 14px;
        padding: 10px;
    }

    #img_prev {
        width: 100%;
    }
}

#flp_ID {
    border: 1px solid red;
    display: table;
    margin: 20px auto;
}

.about-profile-blocks {
}

.about-profile-block {
    margin-bottom: 50px;
    background: #fff;
    padding: 20px;
    box-shadow: 0px 0px 20px rgba(0,0,0,.1);
}

    .about-profile-block .about-profile-header h2 {
        margin: 0px;
        padding: 0px;
        margin-bottom: 20px;
        font-size: 20px;
        border: solid 0px #ccc;
        padding: 11px; /* background: #eee; */
        padding-left: 75px;
        border: solid 1px #ccc;
        font-weight: bold;
    }

        .about-profile-block .about-profile-header h2 img {
            width: 20px;
        }

        .about-profile-block .about-profile-header h2 a {
            float: right;
            background: #fff;
            height: 37px;
            position: absolute;
            right: 0px;
            margin-right: 25px;
            margin-top: -8px;
            padding: 0px 10px;
            color: #695858;
            text-align: center;
            line-height: 38px;
            border-radius: 5px;
        }

            .about-profile-block .about-profile-header h2 a:hover {
                background: #eee;
            }

            .about-profile-block .about-profile-header h2 a img {
                position: relative;
                top: -3px;
                width: 10px;
            }

.about-profile-header h2 span {
    display: block;
    position: absolute;
    width: 50px;
    height: 50px;
    background: #737171;
    line-height: 50px;
    text-align: center;
    left: 27px;
    margin-top: -14px;
    border-radius: 100%;
}

.about-timeline .about-timeline-block {
    border-left: solid 1px #c8d3d3;
    padding-left: 30px;
    padding: 20px 30px;
    color: #888;
    margin-bottom: 5px;
}

.about-profile-block .P_delete {
    visibility: hidden;
}

.about-timeline-block:hover .P_delete {
    visibility: visible;
}

.language-list li .P_delete {
    visibility: hidden;
}

.language-list li:hover .P_delete {
    visibility: visible;
}

.about-timeline .about-timeline-block:before {
    content: "";
    width: 15px;
    height: 15px;
    background: #00a8b3;
    position: absolute;
    left: -10px;
    margin-left: 23px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: solid 3px #f6f6f6;
    margin-top: 6px;
}

.about-timeline .about-timeline-block h2 {
    font-size: 20px;
    margin: 0px;
    padding: 0px;
    color: #333;
}

.about-timeline .about-timeline-block h3 {
    margin: 0px;
    padding: 5px 0px;
    font-weight: 400;
    font-size: 18px;
}

.about-timeline .about-timeline-block h4 {
    color: #666;
}

.about-timeline .about-timeline-block h6 {
    color: #138a92;
    font-size: 18px;
}

.language-list li {
    width: 48%; /*float: left;*/
    font-size: 16px;
    list-style-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTguMS4xLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDIyIDIyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyMiAyMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSIxNnB4IiBoZWlnaHQ9IjE2cHgiPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik0xMSwwQzQuOTI2LDAsMCw0LjkyNiwwLDExczQuOTI2LDExLDExLDExczExLTQuOTI2LDExLTExUzE3LjA3NCwwLDExLDB6IiBmaWxsPSIjZmQ0ZTMxIi8+Cgk8L2c+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==);
    text-transform: uppercase;
    color: #000;
    margin: 20px 0px;
}

.fixed-size #online_friends {
    height: 270px;
    overflow-y: scroll;
    overflow-x: hidden;
}

#about-left {
    padding-right: 30px;
}

    #about-left ul {
        margin: 0px;
        padding: 0px;
        list-style: none;
    }

        #about-left ul li {
            margin-bottom: 3px;
        }

            #about-left ul li a {
                display: block;
                background: #fff;
                color: #333;
                padding: 15px;
                font-size: 14px;
                font-weight: 700;
            }

            #about-left ul li.active a {
                background: #5d6061;
                color: #fff;
            }

            #about-left ul li.active:after {
                content: "";
                width: 26px;
                height: 30px;
                background: url(/Assets/images/arrow2.png);
                float: right;
                margin-top: -38px;
                margin-right: -9px;
            }

#ad-left {
    background: #fff;
    padding: 20px;
    box-shadow: 0px 0px 30px rgba(0,0,0,.02);
}

    #ad-left h3 {
        margin: 0px;
        padding: 0px;
        font-size: 17px;
        font-weight: 400;
        background: #fff;
        padding: 0px;
        border: dashed 0px #ccc;
        margin-bottom: 20px;
        text-transform: uppercase;
    }

        #ad-left h3 span {
            color: #999;
            font-size: 13px;
            margin-left: 5px;
            position: relative;
            top: -2px;
        }

#select-network label {
    text-align: center;
    line-height: 16px;
    font-size: 14px;
    padding: 10px;
}

    #select-network label img {
        width: 50px;
        display: table;
        margin: auto;
        margin-bottom: 20px;
    }

#select-network strong {
}

.slidecontainer {
    width: 100%;
}

.slider {
    -webkit-appearance: none;
    width: 100%;
    height: 5px;
    border-radius: 5px;
    background: #d3d3d3;
    outline: none;
    opacity: 0.7;
    -webkit-transition: .2s;
    transition: opacity .2s;
}

    .slider:hover {
        opacity: 1;
    }

    .slider::-webkit-slider-thumb {
        -webkit-appearance: none;
        appearance: none;
        width: 25px;
        height: 25px;
        border: 0;
        background: #de2477;
        cursor: pointer;
        border-radius: 100%;
    }

    .slider::-moz-range-thumb {
        width: 25px;
        height: 25px;
        border: 0;
        background: #000;
        cursor: pointer;
        border-radius: 100%;
    }

.a-size {
    color: #999;
    font-size: 20px;
    margin-top: 40px;
    font-weight: 300;
    margin-bottom: 30px;
    display: block;
}

    .a-size span {
        font-weight: 700;
        color: #333;
    }

.budget-box span {
    font-weight: 300;
    font-size: 24px;
}

.budget-box img {
    margin-right: 0px;
    position: relative;
    top: 18px;
    left: 20px;
}

.budget-box h5 {
    padding: 0px;
    color: #2a312a;
    font-weight: 600;
    text-transform: uppercase;
}

.budget-box {
    background: #fff;
    padding: 20px;
    border: dashed 1px #ccc;
    margin-bottom: 20px;
}

    .budget-box h4 {
        text-align: center;
        font-weight: 700;
        margin-bottom: 30px;
    }

.bost-btn {
    background: none;
    border: none;
}

#ad-preview .ad-content h5 {
    margin: 0px;
    padding: 0px;
    font-weight: 600;
    margin-bottom: 10px;
}

#ad-preview .ad-content {
    background: #fff;
    padding: 20px;
}

    #ad-preview .ad-content p {
        font-size: 13px;
        color: #777;
    }

#ad-preview .cta {
    border: solid 1px #ccc;
    color: #333;
    display: table;
    padding: 7px 20px;
    border-radius: 3px;
}

#ad-preview {
    box-shadow: 0px 0px 50px rgba(0,0,0,.1);
}

#edit-ad {
    padding: 0px;
    background: #fff;
}

#impressions {
    padding: 10px;
    background: #eee;
    color: #333;
    margin: 20px auto;
}

#select-billing strong {
    display: block;
    line-height: 16px;
    text-align: left;
    font-weight: 600;
    margin-top: 7px;
}

#select-billing label {
    text-indent: initial;
    padding-left: 40px;
    padding: 15px 15px 15px 40px;
}

    #select-billing label:before {
        top: 46px;
    }

#select-network label:before {
    top: 39px;
}

.hidden {
    display: none;
}

#ad-left h3 strong {
    display: block;
    text-transform: capitalize;
    font-size: 13px;
    font-weight: 300;
    margin-top: 6px;
    color: #999;
}

.banner-text {
    position: absolute;
    padding-left: 40%;
    color: #fff;
    padding-top: 30px;
}

    .banner-text h2 {
        font-size: 25px;
    }

    .banner-text strong {
        font-size: 40px;
        display: block;
    }

    .banner-text p {
        font-size: 20px;
        line-height: 22px;
    }

#lockmodel h4 {
    font-size: 16px;
    margin-bottom: 10px;
    border-bottom: dashed 1px #ccc;
    padding-bottom: 10px;
}

#lockmodel ol {
    margin: 0px;
    padding: 0px 20px;
}

    #lockmodel ol li {
        margin-bottom: 10px;
    }

.mylistgroup li {
    padding: 15px;
    padding-right: 30px;
    background: url(/Assets/images/next2.png) right center no-repeat;
}

    .mylistgroup li strong {
        font-weight: 400;
    }

.list-group-item strong {
    font-weight: 400;
}

.custom-dropdown {
}

    .custom-dropdown .dropdown-menu {
        z-index: 99999999;
        margin-left: -130px;
    }

.myslides .banner-text {
    position: absolute;
    left: 0%;
    padding-left: 50px;
    top: 100px;
}

.myslides .banner-text {
    font-size: 20px;
    text-transform: uppercase;
}

    .myslides .banner-text strong {
        text-transform: uppercase;
        font-size: 30px;
        display: block;
        margin-bottom: 20px;
    }

    .myslides .banner-text hr {
        width: 100px;
        height: 5px;
        border: none;
        background: #fff;
        margin: 20px 0px;
    }

.myslides {
    margin-bottom: 40px !important;
    margin-top: 40px !important;
}

.tabs2 {
    border: none;
}

    .tabs2 > li.active > a, .tabs2 > li.active > a:focus, .nav-tabs > li.active > a:hover {
        background-color: #286f73;
        color: #FFF;
        border-radius: 30px;
    }

    .tabs2 > li > a {
        border-radius: 30px;
        background: #fff;
        color: #333;
    }

.smallfont li {
    font-size: 13px;
}

#mobilelogo {
    display: none;
}

@media screen and (max-width:768px) {
    .tabs2 li {
        float: left;
        font-size: 12px;
        padding: 5px;
        width: 50%;
        border: none;
    }

    .myslides .banner-text {
        left: 0px;
        top: 0px;
        padding-top: 20px;
    }

        .myslides .banner-text strong {
            font-size: 18px;
        }

    #logo {
        display: none;
    }

    #mobilelogo {
        display: block;
    }

        #mobilelogo img {
            width: 33px;
            height: 33px;
        }

    .mn_global {
        display: none !important;
    }
}

.ekko-lightbox-item * {
    transition: all .3s linear;
}

.ekko-lightbox {
    transition: all .3s linear;
}

.multi-comment {
    padding: 10px 20px 5px 70px;
    border-bottom: dashed 0px #ccc;
    position: relative;
}

    .multi-comment .comment-pic-new, .multi-comment .comment-text-new {
        display: inline-block;
    }

    .multi-comment .comment-pic-new {
        width: 40px;
        margin-right: 10px;
        position: absolute;
        float: left;
        left: 10px;
        top: 22px;
    }

        .multi-comment .comment-pic-new img {
            width: 100%;
            position: relative;
            top: -10px;
        }

    .multi-comment .comment-text-new {
        font-size: 12px;
        color: #888;
        width: 100%;
        padding: 10px;
        border: solid 1px #dedede;
        position: relative;
    }

        .multi-comment .comment-text-new:after, .multi-comment .comment-text-new:before {
            right: 100%;
            top: 50%;
            border: solid transparent;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
        }

        .multi-comment .comment-text-new:after {
            border-color: rgba(255, 255, 255, 0);
            border-right-color: #ffffff;
            border-width: 10px;
            margin-top: -10px;
        }

        .multi-comment .comment-text-new:before {
            border-color: rgba(222, 222, 222, 0);
            border-right-color: #dedede;
            border-width: 11px;
            margin-top: -11px;
        }

        .multi-comment .comment-text-new strong {
            display: block;
            position: relative;
            font-size: 12px;
            margin-bottom: 1px;
            color: #666;
        }

#m-section1 {
    background: #4a92ff;
}

.s-data {
    padding: 90px 0px;
    color: #fff;
}

    .s-data p {
        font-size: 15px;
        font-weight: 300;
    }

    .s-data h2 {
        margin-bottom: 30px;
    }

#m-section2 {
    background: #fff;
}

    #m-section2 .s-data {
        color: #333;
    }

#m-section3 {
    background: #5b47b5;
}

.s-data .list-kyc {
    color: #fff;
}

    .s-data .list-kyc li {
        color: #fff !important;
    }

.s-data h4 {
    margin: 20px 0px;
}

.m-section {
    padding: 20px 0px;
}

#m-section4 .list-kyc li {
    color: #333 !important;
}

#m-section4 h2 {
    color: #333;
}

#monetization-blocks {
}

.m-block {
    text-align: center;
    color: #fff;
    padding: 50px 0px;
}

.g1 {
    background: #ad5389; /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #3c1053, #ad5389); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #3c1053, #ad5389); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.g2 {
    background: #ff9966; /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #ff5e62, #ff9966); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #ff5e62, #ff9966); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.g3 {
    background: #00c6ff; /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #0072ff, #00c6ff); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #0072ff, #00c6ff); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.g4 {
    background: #348F50; /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #56B4D3, #348F50); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #56B4D3, #348F50); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.m-content {
    line-height: normal;
}

    .m-content h3 {
        font-size: 40px;
        margin-bottom: 20px;
    }

        .m-content h3 span {
            display: block;
            font-weight: 300;
            font-size: 25px;
        }

    .m-content p {
        font-size: 18px;
        font-weight: 300;
    }

    .m-content hr {
        width: 100px;
        height: 3px;
        background: #fff;
        margin-bottom: 20px;
    }

    .m-content a.mbtn {
        display: table;
        margin: auto;
        background: #fff;
        color: #333;
        padding: 10px 30px;
        border-radius: 3px;
        margin-top: 30px;
        background: #066cb2;
        color: #fff;
        margin-bottom: 10px;
    }

.details-block {
    padding: 10px;
    border: solid 1px #ccc;
    padding: 20px;
    margin: 20px auto;
}

    .details-block h4 {
        font-size: 20px;
        text-transform: uppercase;
        font-weight: 700;
        margin-bottom: 30px;
        border-bottom: dashed 1px #ccc;
        padding-bottom: 10px;
    }

#pimg {
    display: table;
    margin: auto;
}

    #pimg .inline-block {
        float: left; /* border: solid 1px #ccc; */
        padding: 30px;
        min-height: 323px;
        margin-top: 18px;
        background: #FFC107 url(/Assets/images/frame.png) top center no-repeat;
        margin-left: 15px;
    }

    #pimg img {
        width: 160px;
        height: 160px;
        border-radius: 100%;
        border: solid 5px #fff;
        box-shadow: 0px 0px 30px rgba(0,0,0,.2);
        margin: 0px auto 10px auto;
        display: table;
    }

    #pimg .inline-block h4 {
        color: #fff;
        font-size: 14px;
        text-align: center;
        margin-bottom: 24px;
        font-weight: 700;
    }

.button-file-upload {
    display: block;
    overflow: hidden;
}

    .button-file-upload::after {
        clear: both;
        content: "";
        display: table;
    }

    .button-file-upload input[type="file"] {
        left: -1000px;
        position: fixed;
    }

    .button-file-upload .fake-upload-button {
        float: none;
        margin-right: 12px;
        background-color: #066cb2;
        border-radius: 3px;
        color: #fff;
        cursor: pointer;
        display: inline-block;
        font-size: 12px;
        line-height: 3;
        overflow: hidden;
        padding: 0 30px;
        position: relative;
        text-align: center;
        vertical-align: middle;
        display: table;
        margin: auto;
    }

    .button-file-upload .button-file-upload-text {
        color: #333;
        float: none;
        font-size: 12px;
        line-height: 3;
        display: block;
        font-weight: 400;
    }

.latest-updates {
    background: #fff;
}

    .latest-updates h3 {
        font-size: 13px;
        margin: 0px;
        padding: 0px;
        background: #FF9800;
        color: #fff;
        padding: 10px;
        text-align: center;
    }

.details-block .form-group {
    padding: 10px;
}

@media screen and (max-width:768px) {
    .mobiletable {
        width: 100% !important;
    }
}

#sendloyalt_wallet {
    color: #212529;
}

    #sendloyalt_wallet h1 {
        font-size: 18px;
        display: table;
        margin: auto;
        padding-bottom: 10px;
        margin-bottom: 20px;
        border-bottom: solid 1px #999;
    }

    #sendloyalt_wallet input[type="text"] {
        font-weight: 300;
        font-size: 20px;
        width: 200px;
        padding: 20px;
        display: table;
        margin: auto;
        border: none;
        border-bottom: solid 1px #222;
        outline: none;
        text-align: center;
    }

    #sendloyalt_wallet input[type="submit"] {
        display: table;
        margin: auto;
        text-transform: uppercase;
        letter-spacing: 3px;
        font-weight: 700;
    }

.d-inline-block {
    display: inline-block !important;
}

.add-money-balance {
    display: table;
    margin: auto;
    font-size: 30px;
    font-weight: 300;
    color: #666;
    line-height: 25px;
}

    .add-money-balance img {
        margin-right: 30px;
        position: relative;
        top: -10px;
    }

    .add-money-balance small {
        display: block;
        font-size: 14px;
        font-weight: 700;
    }

.loyalty-box-new {
    position: relative;
}

.top-right {
    position: absolute;
    top: 5px;
    right: 0px;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 700;
}

    .top-right a {
        color: #fff;
        background: #19537b;
        padding: 5px 20px;
        border-bottom-left-radius: 10px;
    }
/*NEW CSS*/

.postuserimg {
    border-radius: 100%;
}

.usernameheader a {
    font-size: 18px;
    text-decoration: none;
    color: #333;
    margin-right: 10px;
    margin-bottom: 4px;
    display: inline-block;
}

a {
    color: #ff5e3a;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}

.tooltip {
    z-index: 9999;
}

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    background-color: #ff5e3a;
    border-radius: .25rem;
}

.tooltip.bs-tooltip-auto[x-placement^=top] .arrow::before, .tooltip.bs-tooltip-top .arrow::before {
    margin-left: -3px;
    content: "";
    border-width: 5px 5px 0;
    border-top-color: #ff5e3a;
}

.tooltip.bs-tooltip-auto[x-placement^=right] .arrow::before, .tooltip.bs-tooltip-right .arrow::before {
    margin-top: -3px;
    content: "";
    border-width: 5px 5px 5px 0;
    border-right-color: #ff5e3a;
}

.tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .tooltip.bs-tooltip-bottom .arrow::before {
    margin-left: -3px;
    content: "";
    border-width: 0 5px 5px;
    border-bottom-color: #ff5e3a;
}

.tooltip.bs-tooltip-auto[x-placement^=left] .arrow::before, .tooltip.bs-tooltip-left .arrow::before {
    right: 0;
    margin-top: -3px;
    content: "";
    border-width: 5px 0 5px 5px;
    border-left-color: #ff5e3a;
}

#logo img {
    width: 135px;
    position: relative;
    top: -4px;
}
.leftsidemenu.scroll-to-fixed-fixed {
display:none;}
.leftsidemenu {
    /*background: #ff5e3a url(/Assets/images/leftbg.png);*/
}

    .leftsidemenu .card-heading-new {
        color: #fff;
        font-size: 15px;
        font-weight: 800;
        margin-bottom: 30px;
    }

        .leftsidemenu .card-heading-new:after {
            content: "";
            width: 70px;
            height: 2px;
            background: #fff;
            position: absolute;
            left: 0px;
            margin-left: 22px;
            margin-top: 30px;
        }

.naves {
    margin: 0px;
    padding: 0px;
    list-style: none;
}
    .naves li {background: #fff5f2;
    border-radius: 100px;
    padding: 0px 10px;margin-bottom:3px;
    }
    .naves li a {
      color:#333;
        display: block;
        padding: 12px 0px;
        font-size: 15px;
        font-weight: 600;
        border-bottom: solid 1px rgba(255,255,255,.4);
    }
        .naves li a i {background:#ff5e3a!important;color:#fff!important;
        }
        .naves li a:hover i{background:#fff!important;  color: #333!important;
        }
        .naves li a i {
             margin-right: 15px;
    width: 30px;
    height: 30px;
    background: #fff1ed;
    border-radius: 100%;
    
    text-align: center;
    line-height: 30px;
    border: solid 0px #e0b7ae;
        }

.card-heading-new {
    color: #333;
    font-size: 18px;
    font-weight: 800;
    margin-bottom: 40px;
}

    .card-heading-new:after {
        content: "";
        width: 70px;
        height: 2px;
        background: #ff5e3a;
        display: block;
        margin: 10px 0 0 0px;
    }

.recent-activity {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

    .recent-activity li {
        border-left: solid 2px #ff5e3a;
        padding-left: 10px;
        margin-bottom: 15px;
    }

.timeline-post {
    padding: 10px !important;
}

.your-page > figure {
    display: inline-block;
    margin-bottom: 0;
    max-width: 55px;
    vertical-align: middle;
    width: 55px;
}

.your-page img {
      width: 60px;
    height: 60px;
    border-radius: 100%;object-fit:cover
}
.your-page .error {
padding:0px;background:none}
.page-meta {
    display: inline-block;
    padding-left: 10px;
    vertical-align: middle;
    width: 69.8%;
}

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

.page-meta > a {
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
    width: auto;
}

.page-meta > span {
    display: inline-block;
    font-size: 13px;
    width: 100%;
}

.nav.nav-tabs.likes-btn {
    border-bottom: medium none;
    display: inline-block;
    width: 100%;
}

    .nav.nav-tabs.likes-btn > li {
        float: left;
        margin-bottom: 10px;
        text-align: center;
        width: 50%;
    }

        .nav.nav-tabs.likes-btn > li a {
            background: #eeeeee none repeat scroll 0 0;
            font-size: 11px;
            font-weight: 500;
            letter-spacing: 0.5px;
            padding: 5px 0;
            text-transform: uppercase;
            width: 100%;
            display: block;
            text-decoration: none;
        }

            .nav.nav-tabs.likes-btn > li a.active {
                color: #fff;
                background: #ff5e3a;
            }

.page-likes .tab-content .tab-pane > span {
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    text-align: center;
    float: left;
    width: 100%;
}

    .page-likes .tab-content .tab-pane > span i {
        color: green;
        font-size: 15px;
        margin-right: 6px;
    }

.users-thumb-list {
    float: left;
    text-align: center;
    width: 100%;
    margin-top: 20px;
}

    .users-thumb-list > a {
        display: inline-block;
        margin-left: -17px;
    }

        .users-thumb-list > a:first-child {
            margin-left: 0;
        }

        .users-thumb-list > a img {
            border: 2px solid #fff;
            border-radius: 50%;
        }

.page-likes .tab-content .tab-pane > a {
    color: #7c807c;
    float: left;
    font-size: 13px;
    text-align: center;
    text-transform: capitalize;
    width: 100%;
}

    .page-likes .tab-content .tab-pane > a:hover {
        text-decoration: underline;
    }

.nav.nav-tabs {
    border: medium none;
}

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

    .frnds .nav-tabs .nav-item {
        margin-right: 50px;
    }

        .frnds .nav-tabs .nav-item:last-child {
            margin-right: 0;
        }

        .frnds .nav-tabs .nav-item a.active {
            border-bottom: 1px solid;
        }

        .frnds .nav-tabs .nav-item a {
            font-weight: bold;
        }

        .frnds .nav-tabs .nav-item > span {
            border: 1px solid #ccc;
            border-radius: 30%;
            display: inline-block;
            font-size: 14px;
            line-height: initial;
            margin-left: 5px;
            text-align: center;
            width: 25px;
            color: #8d8d8d;
        }

a.add-butn.more-action {
    background: lightslategray none repeat scroll 0 0;
    right: 74px;
}

#frends a.add-butn.more-action {
    right: 89px;
}

.nav-tabs--vertical {
    border-bottom: none;
    border-right: 1px solid #ddd;
    display: flex;
    flex-flow: column nowrap;
}

.nav-tabs--left .nav-item + .nav-item {
    text-transform: capitalize;
}

.nav-tabs--left .nav-link {
    transition: border-color .125s ease-in;
    white-space: nowrap;
    font-size: 14px;
}

    .nav-tabs--left .nav-link:hover {
        border-color: transparent;
    }

    .nav-tabs--left .nav-link.active {
        color: #fff;
        border-radius: 0;
        border: none;
    }

        .nav-tabs--left .nav-link.active:hover {
            color: #fff;
            border-color: #dee2e6 #fff #dee2e6 #dee2e6;
        }

.mt-2, .my-2 {
    margin-top: 0;
    border: 1px solid #efefef;
}

.d-flex .tab-content {
    background: #f7f7f7 none repeat scroll 0 0;
    display: inline-block;
    width: 100%;
}

.basics, .education {
    padding-left: 30px;
    padding-top: 20px;
}

.education {
    list-style: none;
}

    .basics > li, .education > li {
        color: #999;
        font-size: 14px;
        margin-bottom: 20px;
        text-transform: capitalize;
    }

        .basics > li i, .education > li i {
            margin-right: 30px;
        }

.location-map #map-canvas {
    height: 290px;
}

#work > div {
    color: #909090;
    font-size: 14px;
    margin-bottom: 0;
}

    #work > div a {
        margin-bottom: 5px;
    }

.personal > p {
    color: #7c7c7c;
    font-size: 14px;
}

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

#work > p a {
    display: inline-block;
    text-decoration: underline;
}

#work > p img {
    margin-right: 10px;
}

#work {
    padding: 20px;
}

.f-title {
    font-size: 17.5px;
    font-weight: 600;
    text-transform: capitalize;
    color: #000;
    margin-bottom: 20px;
    padding-bottom: 20px;
    position: relative;
    display: inline-block;
}

    .f-title::before {
        bottom: 8px;
        content: "";
        height: 2px;
        left: 0;
        position: absolute;
        width: 100%;
    }

    .f-title.ext-margin {
        margin-bottom: 20px;
        margin-top: 40px;
    }

    .f-title i {
        font-size: 14px;
        margin-right: 5px;
    }

.groups > span i {
    margin-right: 5px;
}

.groups > span {
    font-size: 20px;
    font-weight: 400;
}

.page-meta > span i {
    margin-right: 5px;
        font-size: 18px;
}
a:hover {
text-decoration:none!important}
.page-meta a {
color:#666;display:block;margin-bottom:10px;}
.page-meta > span em {
    border: 1px solid #cecece;
    display: inline-block;
    line-height: 8px;
    margin-left: 3px;
    padding: 3px;
    border-radius: 100%;
    width: 20px;
    height: 20px;
    display: inline-block;
    line-height: 13px;
    text-align: center;
    background: #ff5e3a;
    border: none;
    color: #fff;
    float:right;
    font-style: normal;
}

.page-likes {
    float: left;
    margin: 20px 0;
    width: 100%;
}

.friendslist {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

    .friendslist img {
        width: 100%;
        border-radius: 100%;
    }

    .friendslist a {
        font-size: 16px;
        color: #333;
        position: relative;
        margin-top: 5px;
    }

    .friendslist li {
        margin-bottom: 20px;
    }

.header-extra-nav {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

    .header-extra-nav li {
        float: left;
    }

        .header-extra-nav li a {
            display: block;
            height: 40px;
            color: #333;
            padding: 0px 20px;
            line-height: 40px;
            font-weight: 700;
            text-decoration: none;
        }

            .header-extra-nav li a i {
                font-size: 11px;
                margin-left: 10px;
            }

    .header-extra-nav ul {
        position: absolute;
        list-style: none;
        margin: 0px;
        padding: 0px;
        background: #fff;
        min-width: 180px;
        box-shadow: 0px 40px 40px rgba(0,0,0,.1);
        opacity: 0;
        visibility: hidden;
        transition: all .3s linear;
    }

    .header-extra-nav li:hover ul {
        visibility: visible;
        opacity: 1;
    }

    .header-extra-nav ul li {
        float: none;
    }

        .header-extra-nav ul li a {
            height: auto;
            line-height: normal;
            padding: 10px 20px;
            font-weight: 400;
            border-bottom: solid 1px #eee;
            text-transform: capitalize;
        }

            .header-extra-nav ul li a:hover {
                background: #eee;
            }

#searchtoggle {
    position: absolute;
    margin-top: 15px;
    margin-left: -100px;
}

.card-timeline {
    padding: 0px !important;
}

    .card-timeline .card-timeline-header,
    .card-timeline .card-timeline-footer {
        padding: 15px;
    }

.round-img {
    border-radius: 100%;
}

.timeline-post-details h5 {
    font-size: 18px;
    font-weight: 600;
    color: #333;
    margin: 0px;
    padding: 0px;
    margin-top: 0px;
    background: none;
}

    .timeline-post-details h5 small {
        font-size: 13px;
        color: #555;
    }

    .timeline-post-details h5 a {
        text-decoration: none;
        display: inline-block;
        margin-right: 5px;
        color:#555
    }

.timeline-post-details P {
    margin-top: 5px;
    font-size: 11px;
}

.post-footer-links a {
    font-size: 15px;
    color: #555;
    text-decoration: none;
}

.comments-wrapper {
    padding: 20px 0px;
}

.main-comment {
    margin-bottom: 10px;
}

.comment-text {
    position: relative;
    background: #eeeeee;
    padding: 15px;
}

    .comment-text:after {
        right: 100%;
        top: 45%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(238, 238, 238, 0);
        border-right-color: #eeeeee;
        border-width: 12px;
        margin-top: -12px;
    }

.sub-comment {
    padding-left: 50px;
}

.card-bottom-comment {
    padding: 10px 10px 0px 20px;
    background: #fff;
    box-shadow: 0px 0px 30px rgba(0,0,0,.1);
}

    .card-bottom-comment .form-control {
        border: none;
        box-shadow: none !important;
        padding: 14px;
    }

.emoji-picker-icon {
    margin-top: 11px !important;
    color:#969798!important;
}

.sharepost-container {
      margin-left: 30px;
    margin-right: 30px;
    background: #fff0ec;
    border-radius: 54px;position: relative;
}
    .sharepost-container .card-timeline-header {
    padding:15px;}

.sharepost-container:after {
	bottom: 100%;
	left: 15%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 240, 236, 0);
	border-bottom-color: #fff0ec;
	border-width: 15px;
	margin-left: -15px;
}
.sponsor-post {
    background-image: url(/Assets/images/sponsored-img.png);
    background-position: top right;
    background-repeat: no-repeat;
}

.createpostlink {
    margin-bottom: 30px;
    display: block;
    padding: 20px;
    color: #666;
    font-size: 18px;
    border: dashed 3px #eaeaea;
    background: rgba(255,255,255,1);
    font-weight: 700;
    text-decoration: none !important;
}

    .createpostlink:hover {
        color: #000;
    }

    .createpostlink i {
        width: 30px;
        height: 30px;
        background: #fd5d3a;
        border-radius: 100%;
        color: #fff;
        line-height: 30px;
        text-align: center;
        font-size: 12px;
        margin-right: 13px;
    }

.modal-content {
    border: none;
    box-shadow: 0px 0px 60px rgba(0,0,0,.1);
}

.files input {
    outline: 2px dashed #cccccc;
    outline-offset: -10px;
    -webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
    transition: outline-offset .15s ease-in-out, background-color .15s linear;
    padding: 120px 0px 85px 35%;
    text-align: center !important;
    margin: 0;
    width: 100% !important;
}

    .files input:focus {
        outline: 2px dashed #92b0b3;
        outline-offset: -10px;
        -webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
        transition: outline-offset .15s ease-in-out, background-color .15s linear;
        border: 1px solid #92b0b3;
    }

.files {
    position: relative;
}

    .files:after {
        pointer-events: none;
        position: absolute;
        top: 60px;
        left: 0;
        width: 50px;
        right: 0;
        height: 56px;
        content: "";
        background-image: url(https://image.flaticon.com/icons/png/128/109/109612.png);
        display: block;
        margin: 0 auto;
        background-size: 100%;
        background-repeat: no-repeat;
    }

.color input {
    background-color: #f1f1f1;
}

.files:before {
    position: absolute;
    bottom: 10px;
    left: 0;
    pointer-events: none;
    width: 100%;
    right: 0;
    height: 57px;
    content: " or drag it here. ";
    display: block;
    margin: 0 auto;
    color: #2ea591;
    font-weight: 600;
    text-transform: capitalize;
    text-align: center;
}

.createpostnav .nav-item {
    width: 50%;
}

.createpostnav .nav-link {
    background: #fff;
    font-weight: 600;
    border: solid 0px #ff5e3a;
    border-radius: 5px;
    text-align: center;
    font-weight: 700;
    margin: 10px auto;
}

.createpostnav .active {
    border: solid 0px #ccc !important;
    background: #eee !important;
}

#create-a-new-post-popup textarea {
    border: none;
    background: #eee;
    height: 100px;
    font-size: 18px;
    padding: 10px;
}

#create-a-new-post-popup .modal-title {
    font-weight: 700;
}

#profile-cover-picture figure {
    max-height: 500px;
    width: 100%;
    /*overflow: hidden;*/
    height: 400px;
    position: relative;
}
#profile-cover-picture figure:after {width:100%;height:100%;position:absolute;top:0px;left:0px;content:"";z-index:1;background: rgb(0,0,0);
background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(255,130,80,0) 34%);opacity:.7
}
.username {
    font-size: 25px;
    font-weight: 700;
        position: relative;
    top:30px;
}

    .username span {
        position:absolute;
        display: block;
        font-size: 12px;
        font-weight: 400;
        color: #999;
        margin-top: 4px;
    }

.profile-picture-wrapper {
    width: 220px;
    height: 220px;
    overflow: hidden;
    border: solid 10px #fff;
    margin-top: -106px;
    border-radius: 100%;
        position: relative;
    z-index: 999;transition:all .3s linear;
}

    .profile-picture-wrapper .profile-picture img {
        width:220px;height:220px;object-fit:cover
    }

.user-profile-menu {
    background: #ffffff;
    color: #333;
    margin-top: -16px;
    padding: 13px;
    height: 50px;
}

    .user-profile-menu ul {
        margin: 0px;
        padding: 0px;
        list-style: none;
        margin-top: -30px;
            position: relative;
    top: 22px;
    }

        .user-profile-menu ul li {
            float: left;
            margin-right: 30px;
        }

            .user-profile-menu ul li a {
                text-transform: capitalize;
                font-weight: 700;
                font-size: 16px;
                padding: 10px 0px;
                color: #555;
                text-decoration: none !important;
                border-right: solid 0px #ccc;
            }
                .user-profile-menu ul li a i {
                margin-right:10px;}

            .user-profile-menu ul li:after {
                content: "";
                width: 0%;
                height: 2px;
                background: #ff5e3a; /* position: absolute; */
                float: left;
                margin-top: 7px;
                transition: all .3s linear;
            }

            .user-profile-menu ul li:hover:after {
                width: 100%;
            }

.btn-outline-danger {
    border: solid #ea4b0c 1px;
    color: #ea4b0c;
}

    .btn-outline-danger:hover {
        background: #ea4b0c;
        color: #fff;
    }

.cover-btns {
    position: absolute;
    bottom: 20px;
    width: 100%;
    padding-left: 260px;
    z-index:2;color:#fff;
}

    .cover-btns a {
        display: inline-block;
        padding: 10px 20px;
        color: #fff;
        border: solid 1px #fff;
        border-radius: 3px;
        text-decoration: none;
            font-size: 12px;
    }

        .cover-btns a.changecover {
            background: rgba(255, 94, 58,.8);
            border: none;
            font-weight: 700;
        }

        .cover-btns a.followers {
            border: none;
            background: none;
            background: rgba(0,0,0,.5);
        }

        .cover-btns a.addfriend {
            background: #222;
            border: none;
        }

.margintopbig {
    margin-top: 90px;
}

.friends-block {
    margin-bottom: 20px;
    border: solid 1px #eee;
    padding: 10px 20px;
}

    .friends-block .round-img {
        width: 100px !important;
        height: 100px !important;
        object-fit: cover;
    }

    .friends-block h5 {
        position: relative;
        top: 12px;
    }
     .friends-block h5 strong,.friends-block h5 span{
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    }

    .friends-block a {
        text-decoration: none;
        color: #333;
    }

    .friends-block h5 span {
        display: block;
        font-size: 11px;
        color: #999;
        margin-top: 3px;
    }

.btn-un {
    border: solid 1px #ff5e3a;
    color: #ff5e3a !important;
    padding: 2px 20px;
    font-weight: 700;
    font-size: 12px;
    position: relative;
    top: 20px;
}

.btn-add {
    border: solid 1px #ff5e3a;
    color: #fff !important;
    padding: 2px 20px;
    font-weight: 700;
    font-size: 12px;
    position: relative;
    top: 20px;
    background: #ff5e3a;
}

.btn-un:hover {
    background: #ff5e3a;
    color: #fff !important;
}

.friends-nav {
    margin-bottom: 30px !important;
}

    .friends-nav li a {
        border: none !important;
        font-weight: 700 !important;
    }

        .friends-nav li a.active:after {
            content: "";
            float: left;
            width: 100%;
            height: 2px;
            background: #ff5e3a;
            margin-top: 10px;
        }

        .friends-nav li a span {
            border: solid 1px #ff5e3a;
            font-size: 11px;
            padding: 3px 5px;
            border-radius: 5px;
            margin-left: 10px;
        }

.imagepopupmodal .modal-dialog {
    max-width: 80%;
    height: 80%;
    margin-top: 5%;
    border-radius: 10px;
    overflow: hidden;
}

.imagepopupmodal .modal-body {
    padding: 0px;
}

    .imagepopupmodal .modal-body > .row {
        width: 100%;
        height: 100%;
    }

.popupimagecontainer {
    position: relative;
}

    .popupimagecontainer img {
        max-width: 100%;
        margin: auto;
        max-height: 100%;
    }

.popupimagecontainertable {
    display: table;
    width: 100%;
    height: 100%;
    text-align: center;
    background: #333;
}

.popupimagecontainertablecell {
    display: table-cell;
    vertical-align: middle;
    align-content: center;
}

.imagepopupmodalcontent {
    background: #f7f7f7;
    padding: 00px !important;
}

    .imagepopupmodalcontent h5 {
        background: none;
        position: relative;
        top: 10px;
    }

        .imagepopupmodalcontent h5 span {
            display: block;
            font-size: 11px;
            margin-top: 3px;
        }

.imagepopupmodalcontent-header {
    padding: 20px;
    background: #ff7144;
    color: #fff;
    position: absolute;
    width: 100%;
}

    .imagepopupmodalcontent-header a {
        color: #fff !important;
    }

.imagepopupmodalcontent-content {
    padding: 20px;
    display: block;
    position: relative;
    height: 400px;
    overflow-y: scroll;
    max-height: 100%;
    position: absolute;
    width: 100%;
    top: 100px;
    height: 100%;
    padding-bottom: 230px;
}

    .imagepopupmodalcontent-content .card-bottom-comment {
        padding: 0px;
        background: none;
        box-shadow: none;
    }

        .imagepopupmodalcontent-content .card-bottom-comment .form-control {
            position: relative;
            top: -16px;
        }

.friends-grid .friends-block {
    width: 30%;
    float: left;
    margin-right: 3.3%;
}

    .friends-grid .friends-block .col-sm-7, .friends-grid .friends-block .col-sm-5 {
        width: 100%;
        display: block;
        flex: none;
        max-width: 100%;
        text-align: center;
    }

    .friends-grid .friends-block .d-inline-block {
        display: block !important;
    }

    .friends-grid .friends-block .mr-3 {
        margin-right: 0px !important;
    }

    .friends-grid .friends-block img {
        width: 100px;
        position: relative;
        z-index: 99;
        margin-top: 33px;
        border: solid 10px #fff;
    }

    .friends-grid .friends-block .float-right {
        float: none !important;
        display: table;
        margin: 10px auto;
    }

    .friends-grid .friends-block .btn-un, .friends-grid .friends-block .btn-add {
        top: 0px;
        padding: 2px 10px;
    }

.gallerypic {
    margin-bottom: 20px;
    border-radius: 5px;
    overflow: hidden;
    transition: all .3s ease-in-out;
    height: 200px;
    position: relative;
}
    .gallerypic video::after {
    content:"";}
    .gallerypic video {    width: 100%;
    height: 200px;
    background: #222;
    }
    .gallerypic img {
        position: absolute;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .gallerypic:hover {
        transform: scale(1.2);
        position: relative;
        z-index: 999;
        box-shadow: 0px 0px 100px rgba(255,255,255,0);
        border: solid 0px #fff;
    }

.coverpicgrid {
    height: 90px;
    background: #000;
    position: absolute;
    top: -6px;
    z-index: 1;
    width: 100%;
    left: 0px;
    overflow: hidden;
    display: none;
}

    .coverpicgrid img {
        position: absolute !important;
        width: 100% !important;
        top: 0px !important;
        left: 0px !important;
        min-height: 90px !important;
        top: 0px !important;
        margin-top: 0px !important;
        border: 0 !important;
    }

.friends-grid .coverpicgrid {
    display: block;
}

.mainheading {
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 50px;
}

    .mainheading:after {
        content: "";
        width: 60px;
        height: 3px;
        background: #ec5736;
        position: absolute;
        left: 20px;
        top: 50px;
    }

.createpage .card {
    border: none;
    box-shadow: none;
    padding: 50px;
    text-align: center;
    box-shadow: 0px 20px 100px rgba(0,0,0,.1);
    border-radius: 0px;
}

.createpage img {
    display: table;
    margin: auto;
}

.popuppageleft {
    background-color: #FAD961;
    background-image: linear-gradient(196deg, #FAD961 0%, #F76B1C 54%);
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

    .popuppageleft img {
        position: absolute;
        top: 38%;
        border: solid 3px #000;
        border-radius: 100%;
        right: -38%;
    }

.btn-ad {
    background: #fff;
    color: #333;
    font-size: 12px;
    font-weight: 700;
}

.ad-content-new {
    background: #f76645 !important;
    color: #fff;
}

.bg-orange-light {
    background-color: #efa898 !important;
    position: relative;
}

    .bg-orange-light span.full {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 50%;
        margin-top: -10px;
        left: 0px;
        font-size: 30px;
        cursor: pointer;
        color: #9c6b60;
    }

.comment-image-icon {
    position: absolute;
    bottom: -38px;
    right: 40px;
    color: #7c7c7c;
}

.menuuser img {
    width: 32px !important;
    border-radius: 100%;
    position: relative !important;
    top: 2px !important;
}

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

.comment-like-reply a {
    font-weight: 700;
    font-size: 12px;
    margin-right: 10px;
    margin-top: 4px;
    display: inline-block;
    color: #666;
    text-decoration: none;
}

.userdropdown {
    padding: 0px;
    border: 0;
    box-shadow: 0px 40px 40px rgba(0,0,0,.1);
    margin-top: 16px;
    border-top: solid 1px #eee;
}

    .userdropdown .dropdown-item {
        padding: 12px;
        margin: 0px;
        font-size: 14px;border-bottom:solid 1px #eee;
    }
        .userdropdown .dropdown-item i {
        margin-right:15px;}
.setting-row input {
    display: none;
}

    .setting-row input + label {
        background-color: #e20d0d;
        background-image: none;
        cursor: pointer;
        display: inline-block;
        font-family: inherit;
        font-size: 1em;
        height: 20px;
        line-height: 1;
        padding: 0.16667rem;
        position: relative;
        text-align: center;
        transition: all 0.1s ease-in-out 0s;
        width: 52px;
    }

        .setting-row input + label::before {
            color: #b7b7b7;
            content: attr(data-off-label);
            display: block;
            font-family: inherit;
            font-size: 0.7rem;
            font-weight: 500;
            line-height: 13px;
            margin: 0.21667rem;
            min-width: 20px;
            overflow: hidden;
            position: absolute;
            right: 0.21667rem;
            text-align: center;
            text-transform: uppercase;
            top: 0;
            transition: all 0.1s ease-in-out 0s;
        }

        /*.setting-row input + label::after {
            background-color: #f7f7f7;
            border-radius: 0px;
            box-shadow: none;
            content: "";
            height: 14px;
            left: 0.267rem;
            top: 3px;
            position: absolute;
            transition: all 0.1s ease-in-out 0s;
            width: 14px;
        }*/
    /*input[switch]:checked + label {background-color: #33b7a0;}*/

    .setting-row input:checked + label::before {
        color: #fff;
        content: attr(data-on-label);
        left: 0.21667rem;
        right: auto;
    }

    .setting-row input:checked + label::after {
        background-color: #f7f7f7;
        box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, 0.3);
        left: 2.16667rem;
    }
    /*input[switch="bool"] + label {background-color: #ed6b75;}*/

    .setting-row input + label::before {
        color: #fff;
    }

    #nprogress .bar, .timeline-info > ul li a::before, .add-btn > a, .activitiez > li::before, form button, .colla-apps > li a:hover, a.underline:before, .setting-row input:checked + label, .user-avatar:hover .edit-phto, .error-meta > a, .color-bg, .add-butn, .nav.nav-tabs.likes-btn > li a.active, a.dislike-btn, .drop > a:hover, .btn-view.btn-load-more:hover, .accordion .card h5 button[aria-expanded="true"], .chat-head, .f-page > figure em, .inbox-panel-head > ul > li > a, .nav-tabs--left .nav-link.active, .nav-tabs--left .nav-link.active:hover, footer .widget-title h4::before, #topcontrol, .sidebar .widget-title::before, .f-title::before, .g-post-classic > figure > i::after, .purify > a, .help-list > a:hover, .open-position::before, .info > a, .category-box:hover, .category-box.selected, a.main-btn, .section-heading::before, .getquot-baner, .more-branches > h4::before, .is-helpful > a, .cart-optionz > li > a:hover, .paginationz > li a:hover, .paginationz > li a.active, .shopping-cart, a.btn2:hover, .form-submit > input[type="submit"], button.submit-checkout, .delete-cart:hover, .proceed .button, .amount-area .update-cart, a.addnewforum, .apply-bttons > a {
        background: #ff5e3a;
    }

.onoff-options > form {
    float: left;
    margin-top: 20px;
    width: 100%;
}

.onoff-options .setting-row > p {
    color: #6b6b6b;
    float: left;
    font-size: 13px;
    margin-bottom: 5px;
    text-align: left;
}

.onoff-options .setting-row > span {
    font-size: 14px;
    width: 100%;
    font-weight: bold;
    color: #3c3c3c;
}

.onoff-options .setting-row > label {
    float: right;
    margin-right: 0;
}

.setting-row span {
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 6px;
    display: block;
}

#friends-right-new {
    background: #fff;
    background: #fff;
   /* box-shadow: 0px 0px 30px rgba(0,0,0,.1);*/
    padding: 10px;
    position: fixed;
    right: 0px;
    top: 0px;
    height: 100%;
    width: 80px;
    padding-top: 80px;
    overflow-y: scroll;
}

    #friends-right-new .friendchatbox-friend-content {
        display: none;
    }

    #friends-right-new .friendchatbox-friend {
        display: table;
        margin: auto;
        margin-bottom: 10px;
    }

    #friends-right-new .chat-idicator {
        position: absolute; /* top: 32px; */
        margin-top: -10px;
        margin-left: 28px;
    }

    #friends-right-new .friendchatbox-friend:hover {
        margin-left: 8px;
    }

.chatlebel {
}

#dv_suggested {
    margin: 0px;
    padding: 0px;
    height: 381px;
    overflow: hidden;
}

#dv_pagesuggested {
    margin: 0px;
    padding: 0px;
    height: 381px;
    overflow: hidden;
}


.multiimage {
    width: 100%;
    height: 125px;
    overflow: hidden;
}

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

.multiimagebig {
    width: 100%;
    height: 200px;
    overflow: hidden;
}

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

.no-records {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB2aWV3Qm94PSIwIDAgMzY4IDM2OCIgd2lkdGg9IjUxMiIgY2xhc3M9IiI+PGc+PHBhdGggZD0ibTMxMiAxMTJoLTI1NmMtNC40MTQwNjIgMC04IDMuNTc0MjE5LTggOHMzLjU4NTkzOCA4IDggOGgyNTZjNC40MjU3ODEgMCA4LTMuNTc0MjE5IDgtOHMtMy41NzQyMTktOC04LTh6bTAgMCIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9ImFjdGl2ZS1wYXRoIiBzdHlsZT0iZmlsbDojRDdEN0Q3IiBkYXRhLW9sZF9jb2xvcj0iI0Q4RDhEOCI+PC9wYXRoPjxwYXRoIGQ9Im0yOTYgMTYwaC0yMjRjLTQuNDE0MDYyIDAtOCAzLjU3NDIxOS04IDhzMy41ODU5MzggOCA4IDhoMjI0YzQuNDI1NzgxIDAgOC0zLjU3NDIxOSA4LThzLTMuNTc0MjE5LTgtOC04em0wIDAiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSJhY3RpdmUtcGF0aCIgc3R5bGU9ImZpbGw6I0Q3RDdENyIgZGF0YS1vbGRfY29sb3I9IiNEOEQ4RDgiPjwvcGF0aD48cGF0aCBkPSJtMjgwIDIwOGgtMTkyYy00LjQxNDA2MiAwLTggMy41NzQyMTktOCA4czMuNTg1OTM4IDggOCA4aDE5MmM0LjQyNTc4MSAwIDgtMy41NzQyMTkgOC04cy0zLjU3NDIxOS04LTgtOHptMCAwIiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iYWN0aXZlLXBhdGgiIHN0eWxlPSJmaWxsOiNEN0Q3RDciIGRhdGEtb2xkX2NvbG9yPSIjRDhEOEQ4Ij48L3BhdGg+PHBhdGggZD0ibTI2NCAyNTZoLTE2MGMtNC40MTQwNjIgMC04IDMuNTc0MjE5LTggOHMzLjU4NTkzOCA4IDggOGgxNjBjNC40MjU3ODEgMCA4LTMuNTc0MjE5IDgtOHMtMy41NzQyMTktOC04LTh6bTAgMCIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9ImFjdGl2ZS1wYXRoIiBzdHlsZT0iZmlsbDojRDdEN0Q3IiBkYXRhLW9sZF9jb2xvcj0iI0Q4RDhEOCI+PC9wYXRoPjxwYXRoIGQ9Im0yNDggMzA0aC0xMjhjLTQuNDE0MDYyIDAtOCAzLjU3NDIxOS04IDhzMy41ODU5MzggOCA4IDhoMTI4YzQuNDI1NzgxIDAgOC0zLjU3NDIxOSA4LThzLTMuNTc0MjE5LTgtOC04em0wIDAiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSJhY3RpdmUtcGF0aCIgc3R5bGU9ImZpbGw6I0Q3RDdENyIgZGF0YS1vbGRfY29sb3I9IiNEOEQ4RDgiPjwvcGF0aD48cGF0aCBkPSJtMzQ0IDBoLTMyMGMtMTMuMjMwNDY5IDAtMjQgMTAuNzY5NTMxLTI0IDIzLjk5MjE4OHYzMzYuMDA3ODEyYzAgNC40MjU3ODEgMy41ODU5MzggOCA4IDhoMzUyYzQuNDI1NzgxIDAgOC0zLjU3NDIxOSA4LTh2LTMzNmMwLTEzLjIzMDQ2OS0xMC43Njk1MzEtMjQtMjQtMjR6bTggMjR2NDBoLTI3MnYtNDhoMjY0YzQuNDE0MDYyIDAgOCAzLjU4NTkzOCA4IDh6bS0zMjgtOGg0MHY0OGgtNDh2LTQwLjAwNzgxMmMwLTQuNDA2MjUgMy41OTM3NS03Ljk5MjE4OCA4LTcuOTkyMTg4em0tOCAzMzZ2LTI3MmgzMzZ2Mjcyem0wIDAiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSJhY3RpdmUtcGF0aCIgc3R5bGU9ImZpbGw6I0Q3RDdENyIgZGF0YS1vbGRfY29sb3I9IiNEOEQ4RDgiPjwvcGF0aD48L2c+IDwvc3ZnPg==) top center no-repeat;
    padding-top: 100px;
    background-size: 80px;
    text-align: center;
    font-size: 30px;
    font-weight: 300;
    color: #ccc;
}

.embed-media {
    position: relative;
    display: inline-block;
}

    .embed-media a {
        position: absolute;
        right: 4px;
        top: 0px;
        font-size: 17px;
        margin-top: -2px;
        margin-left: -10px;
        z-index: 99;
    }

.cimg {
    width: 100%;
    height: 300px;
    object-fit: cover;
}

.slick-arrow {
    background: #222 !important;
    font-size: 18px !important;
    position: absolute !important;
    width: 30px !important;
    height: 30px !important;
    color: #fff !important;
}

    .slick-arrow:before {
        display: none;
    }

slick-next {
    right: 0px;
}

.vert-tabs a {
    display: block;
    color: #333;
    font-weight: 600;
    font-size: 15px;
    padding:12px 10px;
}

    .vert-tabs a span {
        margin-right: 5px;
    }

    .vert-tabs a:hover {
        text-decoration: none;
    }

    .vert-tabs a:before {
        background: #ff5e3a;
    }

.privacy-block {
    margin-bottom: 40px;
}

    .privacy-block h3 {
        margin-bottom: 20px;
        color: #222;
    }

    .privacy-block h4 small {
        display: block;
        font-size: 14px;
        margin-top: 10px;
    }

    .privacy-block h4 {
        font-size: 18px;
        font-weight: 700;
        border-bottom: dashed 0px #ccc;
        padding-bottom: 20px;
    }

.custom-control-label {
    margin-top: 5px;
    font-weight: 600;
}

.overlay_card {
    position: relative;
}

    .overlay_card .over_layer {
        position: absolute;
        background-color: #fffc;
        top: 0px;
        bottom: 0px;
        left: 0px;
        right: 0px;
        padding: 50% 20px 0px 20px;
        z-index: 1;
    }

.createpage .card {
    border-radius: 5px;
    padding: 20px 10px;
    border: 2px solid #e3e3e3;
    background-color: #f9f9f9;
    min-height: 265px;
    box-shadow: none;
}

    .createpage .card:hover {
        border: 2px solid #ccc;
        box-shadow: 0 0 30px #0002;
        background-color: #fff;
    }

    .createpage .card h4 {
        font-size: 16px;
    }

.createpage_bottom {
    position: relative;
    margin-top: 60px;
}

    .createpage_bottom img {
        position: absolute;
        top: 0px;
        left: 0px;
        right: 0px;
        margin: 0 auto 60px auto;
    }

@keyframes left {
    0% {
        left: -50%;
    }

    100% {
        left: 0px;
    }
}

@keyframes right {
    0% {
        right: -100%;
    }

    100% {
        right: -45%;
    }
}

.left_animation {
    animation-name: left;
    animation-duration: 1s;
}

.right_animation {
    animation-name: right;
    animation-duration: 1s;
}

.create_page_top {
    background-color: #fff;
    box-shadow: 0 3px 3px #0001;
    position: fixed;
    width: 100%;
    top: 60px;
    z-index: 0;
    padding: 10px 0;
    border-top: 2px solid #eee;
}

.white_box {
    padding: 20px;
    background-color: #fff;
    border: 1px solid #ccc;
    margin-bottom: 15px;
}

    .white_box h2 {
        font-size: 25px;
        font-weight: 300;
    }

    .white_box h3 {
        font-size: 16px;
        color: #ff5e3a;
        font-weight: 700;
    }

    .white_box h5 {
        padding: 0px;
    }

.btn-file {
    position: relative;
    overflow: hidden;
}

    .btn-file input[type=file] {
        position: absolute;
        top: 0;
        right: 0;
        min-width: 100%;
        min-height: 100%;
        font-size: 100px;
        text-align: right;
        filter: alpha(opacity=0);
        opacity: 0;
        outline: none;
        background: white;
        cursor: inherit;
        display: block;
    }

#img-upload {
    width: 45px;
    height: 45px;
    margin-right: 10px;
}



link_url {
    display: none;
}

.timeline-post-pre {
    position: relative;
}

    .timeline-post-pre .imgsection {
        border: 1px solid #eee;
        border-bottom: 0px;
        overflow: hidden;
        height: 300px;
    }

        .timeline-post-pre .imgsection img {
            width: 100%;
            height: 300px;
            object-fit: cover;
        }

    .timeline-post-pre .textmatter {
        padding: 15px;
        background-color: #f8f9fa;
        border: 1px solid #eee;
    }

        .timeline-post-pre .textmatter h6 {
            margin: 0px;
        }

    .timeline-post-pre .height-auto {
        height: inherit !important;
    }

    .timeline-post-pre .carousel-control {
        width: inherit;
        top: 0px;
        left: 0px;
    }

    .timeline-post-pre .carousel-control-prev,
    .timeline-post-pre .carousel-control-next {
        background: #0003;
        border: 1px solid #fff;
        width: 25px;
        height: 25px;
        text-align: center;
        line-height: 25px;
        font-size: 12px;
        color: #fff !important;
    }

    .timeline-post-pre .carousel-control-next {
        left: 25px;
    }


    .timeline-post-pre .close {
        position: absolute;
        top: 0px;
        right: 0px;
        width: 30px;
        text-align: center;
        height: 30px;
        line-height: 30px;
        background-color: #fff;
        z-index: 10;
        opacity: .5;
    }

        .timeline-post-pre .close:hover {
            opacity: .8;
        }

.loadingbar {
    text-align: center;
    min-height: 50px;
    padding: 50px 0px;
    background-color: #e6e6e6;
    color: #000;
    font-weight: 600;
    text-shadow: 1px 1px 1px #fff;
}

.stats-collapse .stats-content {
    display: none;
}

.hidestats {
    display: none;
}

.openstats .hidestats {
    display: inline;
}

.openstats .view-stats {
    display: none;
}

.stats-collapse > a {
    display: block;
    padding: 12px 12px 6px 12px;
    color: #666;
}
.colorpalletsame {min-height: 250px;
    text-align: center;
    padding: 64px!important;
    font-size: 24px; 
    color: #fff;
    font-weight: 700;    line-height: 30px;
}
    .stats-collapse > a span {
        float: right;
        font-weight: 700;
    }

.stats-content {
    display: block;
    padding: 20px;
    background: #eee;
}

    .stats-content label {
        font-weight: 700;
        font-size: 14px;
    }

        .stats-content label span {
            display: block;
            font-size: 12px;
            font-weight: 300;
            margin-top: 1px;
        }

    .stats-content h4 {
        font-size: 14px;
        margin-bottom: 20px;
        color: #999;
    }

        .stats-content h4 strong {
            display: block;
            font-size: 32px;
        }
/*!
 * jQuery Accordion 0.0.1
 * (c) 2014 Victor Fernandez <victor@vctrfrnndz.com>
 * MIT Licensed.
 */

/* Requirements */

[data-accordion] [data-content] {
    overflow: hidden;
    max-height: 0;
}

/* Basic Theme */

[data-accordion] {
    line-height: 1;
}

[data-control],
[data-content] > * {
    border-bottom: 1px solid #888;
    padding: 10px;
}

[data-content] [data-accordion] {
    border: 0;
    padding: 0;
}

[data-accordion] [data-control] {
    position: relative;
    padding-right: 40px;
}

[data-accordion] > [data-control]:after {
    content: "";
    position: absolute;
    right: 10px;
    top: 12px;
    font-size: 25px;
    font-weight: 200;
    color: #444;
    height: 15px;
    width: 24px;
    background: url('../images/down.png') center center no-repeat;
    background-size: 50%;
}

[data-accordion].open > [data-control]:after {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

[data-control] {
    color: #fff;
    font-weight: 700;
    font-size: 15px;
    border: solid 1px rgba(255,255,255,.4);
    margin-bottom: 10px;
    background: rgba(255,255,255,.1);
}

    [data-control] i {
        margin-right: 20px;
    }

[data-content] div {
    color: #fff;
    font-weight: 400;
    font-size: 15px;
    border: none;
    border-bottom: dashed 1px rgba(255,255,255,.7);
}

    [data-content] div a {
        color: #fff;
        text-decoration: none !important;
    }

.ad-slider .ad-block {
    padding: 5px;
    background: #fff;
}

    .ad-slider .ad-block img {
        width: 100%;
        height: 200px;
        object-fit: cover;
    }

    .ad-slider .ad-block h4 {
        font-size: 14px;
        text-align: center;
        margin-top: 10px;
        color: #333;
        line-height: normal;
    }

    .ad-slider .ad-block a {
        text-decoration: none;
    }

.pagelinknotif {
    display: inline !important;
    padding: 0px !important;
    text-transform: capitalize !important;
}

#notif-link img {
    border-radius: 100%;
}

#notif-link li {
    padding: 10px 0px !important;
    border-bottom: solid 1px #eee;
}

.friendssuggestion .friendssuggestionimg {
    width: 45px;
    height: 45px;
    border-radius: 100%;
}

.friendssuggestion label {
    font-weight: 700;
    display: block;
    color: #111;
}

.friendssuggestion small {
    color: #666;
    font-weight: 600;
}

.friendssuggestion button, .friendssuggestion .btn-cus {
    background: #ff5e3a;
    color: #fff;
    border: none;
    font-size: 20px;
    padding: 6px;
    border-radius: 3px;
    cursor: pointer;
}

.friendssuggestion .btn-cus {
    font-size: initial;
}

.friendssuggestionblock {
    border-bottom: solid 1px #eee;
    padding: 10px 0px;
    margin-bottom: 10px;
}

.btnnobg {
    background: none !important;
    color: #333 !important;
}

.bg-orange-dark {
    background: #ff5e3a;
    color: #fff;
}

    .bg-orange-dark .btn {
        background: #333;
        color: #fff;
        font-size: 11px;
        padding: 7px 20px;
        margin-top: 10px;
    }

.favpageslist .favpage img {
    border-radius: 100%;
}

.favpageslist .favpage {
    width: 36px;
    height: 36px;
    float: left;
    margin: 4px;
}

.newpageblock {
    width: 30%;
    float: left;
    margin-right: 3.3%;
}

.newpageblock {
    border: solid 1px #eee;
    margin-bottom: 20px;
}

    .newpageblock img {
        width: 100%;
        height: 240px;
        object-fit: cover;
    }

    .newpageblock h5 {
        padding: 15px;
        color: #333;
    }

        .newpageblock h5 span {
            display: block;
            font-size: 11px;
            color: #999;
        }

    .newpageblock select {
        position: absolute;
        right: 10px;
        margin-top: 10px;
        border: none;
    }

    .newpageblock label {
        transition: all .2s linear;
        position: absolute;
        background: #ff5e3a;
        color: #fff;
        padding: 4px 10px;
        font-weight: 700;
        right: -100px;
        bottom: 0px;
    }

    .newpageblock:hover label {
        right: 00px;
    }

#search {
    text-align: right;
}

    #search .search {
        padding: 5px 0;
        width: 230px;
        height: 30px;
        position: relative;
        left: 10px;
        line-height: 22px;
        display: inline-block;
    }

        #search .search input {
            position: absolute;
            width: 0px;
            float: Left;
            margin-left: 210px;
            -webkit-transition: all 0.7s ease-in-out;
            -moz-transition: all 0.7s ease-in-out;
            -o-transition: all 0.7s ease-in-out;
            transition: all 0.7s ease-in-out;
            height: 30px;
            line-height: 18px;
            padding: 0 2px 0 2px;
            border-radius: 1px;
            outline: none;
        }

    #search .btn-primary {
        background: rgba(255, 94, 58,1.0);
        border-color: rgba(255, 94, 58,.8);
    }

        #search .btn-primary:hover {
            background: rgb(255, 104, 68);
        }

    #search .search:hover input, .search input:focus {
        width: 200px;
        margin-left: 0px;
    }

    #search .btn {
        height: 30px;
        position: absolute;
        right: 0;
        top: 5px;
        border-radius: 1px;
    }
/*------------- #FRIENDS-HARMONIC --------------*/
.friends-harmonic {
    margin-bottom: 0;
    overflow: hidden;
}

    .friends-harmonic a {
        width: 28px;
        height: 28px;
        border-radius: 100%;
        overflow: hidden;
        border: 2px solid #fff;
        display: block;
        margin-left: -12px;
    }

    .friends-harmonic li {
        float: left;
    }

        .friends-harmonic li:first-child a {
            margin-left: 0;
        }

    .friends-harmonic .with-text {
        margin-top: 5px;
        margin-left: 15px;
    }

    .friends-harmonic .all-users {
        line-height: 26px;
        opacity: .8;
    }

        .friends-harmonic .all-users:hover {
            color: #fff;
        }

.friends-harmonic-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .friends-harmonic-wrap + .comments-shared {
        margin-top: 15px;
    }

.group-block {
    background: #fff;
    padding: 30px;
    border-radius: 3px;
    min-height: 353px;margin-bottom:20px;
}

    .group-block > img {
        width: 120px;
        height: 120px;
        object-fit: cover;
        border-radius: 100%;
        margin: auto;
        display: table;
        margin-bottom: 30px;
    }

    .group-block ul {
        list-style: none;
        margin: 0px;
        padding: 0px;
    }

    .group-block strong {
        display: block;
        text-align: center;
        font-size: 16px;
    }

    .group-block small {
        display: block;
        text-align: center;
        color: #666;
        margin-top: 3px;
    }

    .group-block .friends-harmonic {
        margin: 20px auto;
        display: table;
    }

    .group-block .btns {
        margin: auto;
        display: table;
    }

        .group-block .btns a {
            display: inline-block;
            padding: 10px;
            font-size: 20px;
            color: #fff;
            background: #222;
            background: #222;
            border-radius: 100%;
            margin: 0px 5px;
        }

            .group-block .btns a:nth-child(1) {
                background: #0e73c8;
            }

            .group-block .btns a:nth-child(2) {
                background: #9a9fbf;
            }

.addgroup {
    text-align: center;
    background: none;
    border: dashed 2px #ccc;
}

    .addgroup i {
        font-size: 100px;
        text-align: center;
        color: #dad7d7;
        margin-top: 61px;
    }

.main-header {
    padding: 70px 0 70px 0;
    margin: 0 auto 30px;
    position: relative;
    background-position: 50% 50%;
    color: #fff;
    text-align: center;
}

    .main-header.main-header-fullwidth {
        width: 100%;
        max-width: 100%;
    }

    .main-header.main-landing {
        width: 100%;
        max-width: 100%;
    }

        .main-header.main-landing .logo {
            text-align: center;
            display: block;
            background-color: transparent;
            margin-bottom: 60px;
        }

            .main-header.main-landing .logo img {
                display: block;
                margin: 0 auto 10px;
            }

        .main-header.main-landing h1 {
            font-size: 36px;
            font-weight: 300;
            margin-bottom: 40px;
        }

        .main-header.main-landing p {
            margin-bottom: 60px;
        }

.bg-group {background-image: url("/Assets/images/bg-group.png");}
.bg-group-default{background-image: url("/images/bg-group.png");}

.content-bg-wrap {
    background-position: 0 0;
    background-repeat: repeat;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    text-align: center;
    box-sizing: border-box;
    -webkit-animation: slide 50s linear infinite;
    animation: slide 50s linear infinite;
    will-change: background-position;
    background-size: auto;
}

    .content-bg-wrap:before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        opacity: 1;
        z-index: auto;
    }

    .content-bg-wrap.bg-landing:before {
        background-color: rgba(255, 94, 58, 0.95);
    }

@keyframes sidedownscroll {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: -2000px 2000px;
    }
}

.content-bg-wrap.without-animation {
    -webkit-animation: none;
    animation: none;
}

@-webkit-keyframes slide {
    from {
        background-position: 0 0;
    }

    to {
        background-position: -4000px 0;
    }
}

.tag-label {
    display: inline-block;
    border-radius: 3px;
    padding: 4px;
    color: #fff;
    font-size: 8px;
    text-transform: uppercase;
    font-weight: 800;
    margin-left: 12px;
    top: -3px;
    position: relative;
}

.img-bottom {
    position: relative;
    display: block;
    margin: 20px auto 0;
    margin-bottom: -70px;
}

.search-list a {
    display: block !important;
    width: 100% !important;
    border-radius: 0px !important;
    border: none !important;
    line-height: normal !important;
    margin: 00px 0px !important;
    font-weight: bold;
    height: auto !important;
    border-bottom: solid 1px #e6e6e6 !important;
    text-decoration: none;
    cursor: pointer;
}

    .search-list a img {
        width: 40px !important;
        height: 40px !important;
        border-radius: 100% !important;
        position: relative !important;
        top: 0px !important;
    }

.search-list {
    padding-top: 10px;
}

    .search-list a span {
        display: block;
        font-size: 11px;
        font-weight: 400;
    }

.loading-text {
    padding: 15px;
    display: block;
}

    .loading-text img {
        display: table !important;
        margin: auto !important;
        width: 60px !important;
    }

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

.custom .dropdown-menu {
    box-shadow: 0 0 10px #0003;
    top: 10px !important;
    z-index: 2;
    margin: 0px;
    font-size: 12px;
}

    .custom .dropdown-menu a {
        font-size: 12px;
    }

        .custom .dropdown-menu a:hover {
            background-color: #ff5e3a;color:#fff;
        }

    .custom .dropdown-menu:after {
        content: "";
        position: absolute;
        width: 10px;
        background-color: #fff;
        height: 10px;
        border: 0px solid #ccc;
        transform: rotate(45deg);
        top: -5px;
        left: 10px;
        z-index: 0;
    }

.groupshareModal .modal-content {
    border-radius: 0px;
}

.groupshareModal .modal-header {
    padding: 10px 20px !important;
}

    .groupshareModal .modal-header .modal-title {
        font-size: 16px;
        font-weight: 900;
    }

.groupshareModal .modal-share-row {
    border-bottom: 1px solid #ccc;
    display: table;
    line-height: 26px;
}

    .groupshareModal .modal-share-row .name,
    .groupshareModal .modal-share-row .search {
        display: table-cell;
        font-size: 12px;
        color: #000;
        padding: 5px 10px;
        vertical-align: top;
    }

    .groupshareModal .modal-share-row .name {
        font-weight: 900;
        padding-left: 20px;
        width: 125px;
    }

        .groupshareModal .modal-share-row .name .dp {
            width: 26px;
            height: 26px;
            display: block;
            float: left;
            border-radius: 20px;
            overflow: hidden;
            margin-right: 3px;
        }

            .groupshareModal .modal-share-row .name .dp img {
                width: 100%;
            }

    .groupshareModal .modal-share-row .search {
        border-left: 1px solid #e9ecef;
    }

        .groupshareModal .modal-share-row .search .ssbox {
            display: flex;
        }

        .groupshareModal .modal-share-row .search .input_search {
            line-height: 20px;
            flex: 1;
            border: 0px;
            outline: none;
        }

            .groupshareModal .modal-share-row .search .input_search:focus {
                outline: none;
            }

        .groupshareModal .modal-share-row .search .ssbox i.fas {
            font-size: 22px;
            color: #e4e4e4;
        }

.groupshareModal .form-control {
    border: 0px;
}

.groupshareModal .share_message {
    border: 1px solid #e3e3e3;
    display: table;
}

    .groupshareModal .share_message .img,
    .groupshareModal .share_message .mes_con {
        display: table-cell;
        vertical-align: top;
    }

    .groupshareModal .share_message .img {
        width: 20%;
    }

        .groupshareModal .share_message .img img {
            width: 100px;
        }

    .groupshareModal .share_message .mes_con {
        padding: 10px 15px;
        font-size: 12px;
        position: relative;
    }

        .groupshareModal .share_message .mes_con .default_text {
            position: absolute;
            bottom: 0px;
            left: 0px;
            color: #999;
            padding: 5px 15px;
        }

.groupshareModal .search_row {
    border-top: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
    background-color: #ececec;
    padding: 8px;
}

.send-profile {
    padding: 10px;
}

    .send-profile .title {
        font-size: 12px;
        color: #999;
        margin-bottom: 10px;
        display: block;
    }

    .send-profile .oneline-profile {
        display: table;
        width: 100%;
        margin-bottom: 10px;
    }

        .send-profile .oneline-profile .profile,
        .send-profile .oneline-profile .content {
            display: table-cell;
            vertical-align: middle;
        }

            .send-profile .oneline-profile .profile .pic {
                height: 36px;
                width: 36px;
                text-align: center;
                overflow: hidden;
                margin-right: 7px;
                float: left;
                border-radius: 100px;
            }

            .send-profile .oneline-profile .profile img {
                width: 100%;
            }

            .send-profile .oneline-profile .profile .name {
                color: #000;
                font-size: 12px;
                font-weight: 600;
                line-height: 1.4;
                float: left;
                margin-top: 5px;
            }

                .send-profile .oneline-profile .profile .name small {
                    display: block;
                }

        .send-profile .oneline-profile .content {
            text-align: right;
        }

.checkbox {
    float: right;
}

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

        .checkbox input[type="checkbox"] + label {
            display: block;
            position: relative;
            padding-left: 25px;
            margin-bottom: 20px;
            font: 13px/20px 'Open Sans', Arial, sans-serif;
            color: #545454;
            cursor: pointer;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
        }

            .checkbox input[type="checkbox"] + label:last-child {
                margin-bottom: 0;
            }

            .checkbox input[type="checkbox"] + label:before {
                content: '';
                display: block;
                width: 15px;
                height: 15px;
                border: 1px solid #545454;
                position: absolute;
                left: 0;
                top: 3px;
                opacity: .6;
                -webkit-transition: all .12s, border-color .08s;
                transition: all .12s, border-color .08s;
            }

input[type="checkbox"]:checked + label:before {
    width: 10px;
    top: -5px;
    left: 5px;
    border-radius: 0;
    opacity: 1;
    border-top-color: transparent;
    border-left-color: transparent;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.amsify-suggestags-input-area .amsify-select-tag {
    padding: 2px 7px;
    margin: 0px 4px 1px 0px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    display: inline-block;
}

    .amsify-suggestags-input-area .amsify-select-tag.col-bg {
        background: #d8d8d8;
        color: black;
    }

.invite-list {
    display: table;
    margin: 40px auto;
    list-style: none;
}

    .invite-list li {
        background: #fff;
        padding: 15px 20px;
        font-size: 16px;
        margin-bottom: 4px;
        color: #222;
        font-weight: 600;
        text-align: left;
        border-left: solid 3px #000;
        box-shadow: 0px 0px 40px rgba(0,0,0,.05);
    }

.whyhead a {
    display: block;
    font-size: 15px;
    font-weight: 700;
    color: #333;
}

.invite-block {
    background: #fff;
    padding: 20px;
    text-align: center;
    min-height: 290px;
    margin-bottom: 30px;
}

    .invite-block h3 {
        font-weight: 700;
    }

    .invite-block p {
        min-height: 100px;
    }

    .invite-block h3 a {
        display: block;
        font-size: 13px;
    }

    .invite-block .btn {
        background: #ff5e3a;
        color: #fff;
        padding: 10px 30px;
        font-weight: 600;
    }

.inviteorange {
    background: #ff5e3a;
    color: #fff;
}

    .inviteorange .btn {
        background: #fff !important;
        color: #333 !important;
    }

.iblock {
    text-align: center;
    font-size: 20px;
    line-height: 25px;
    border: solid 0px #ff5e3a;
    padding: 20px;
    background: #fff url(/Assets/images/invite-left.png) top left no-repeat;
    border-right-color: #ff9667;
    margin: 40px 0px;
    background-size: 40px;
}

    .iblock img {
        margin-bottom: 30px;
    }

    .iblock p {
        font-weight: 700;
    }

.overflow-auto {
    overflow: auto !important;
}

.new_update {
    display: block;
    margin: 10px auto;
    text-align: center;
    position: fixed;
    top: 60px;
    left: 0px;
    right: 0px;
    z-index: 999;
}

    .new_update .alert {
        border-radius: 30px;
        background-color: #ff5e3a;
        color: #fff;
        display: inline-block;
        cursor: pointer;
    }

.card_reset {
    padding: 0px;
}

    .card_reset .card-header {
        padding: 20px;
    }

    .card_reset .card-heading-new {
        margin: 0px;
    }

    .card_reset .list-group-item {
        padding: 0px;
    }

.col-center {
    margin: 0 auto;
    float: none;
    display: block;
}

.education-profile, .work-profile, .relationships, .interests {
    padding: 10px 20px;
    border: 1px solid #eee;
    background-color: #fff;
    position: relative;
    line-height: 1.4;
    margin-bottom: 20px;
}

    .education-profile .title, .work-profile .title, .relationships .title, .interests .title {
        font-size: 18px;
        font-weight: 600;
        color: #000;
        border-bottom: 1px solid #eee;
        margin-bottom: 5px;
        padding-bottom: 5px;
    }

    .education-profile .study-type, .work-profile .description {
        font-size: 15px;
        color: #999;
    }

    .education-profile .qualification, .work-profile .industry, .interests .hobby {
        font-size: 17px;
    }

    .education-profile .address, .work-profile .address {
        margin-bottom: 10px;
        color: #888;
    }

    .education-profile .P_delete,
    .work-profile .P_delete,
    .relationships .P_delete,
    .interests .P_delete {
        position: absolute;
        top: 0px;
        right: 0px;
        width: 30px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        background-color: #0002;
        color: #fff;
    }

        .education-profile .P_delete:hover,
        .work-profile .P_delete:hover,
        .relationships .P_delete:hover,
        .interests .P_delete:hover {
            color: #fff;
            background-color: #f00;
        }

    .education-profile .date, .work-profile .date {
        color: #000;
        font-weight: 600;
        margin-bottom: 10px;
    }

    .work-profile .date {
        margin: 0px;
    }

    .education-profile .summary, .work-profile .summary {
        color: #999;
    }

/*.hashtag{border:1px solid #ccc; background-color:#fff; margin-bottom:20px; display:table; width:100%;}
.hashtag .tag,.hashtag .links{display:table-cell; vertical-align:middle;}
.hashtag .tag{background-color:#ff5e3a; color:#fff; padding:15px; width:80px; text-align:center; display:none}
.hashtag .links{overflow-x:scroll; max-width:500px;}
.hashtag .links a{padding:15px; background-color:#ff5e3a; color:#fff; font-weight:600; white-space:nowrap; display:table-cell;}
.hashtag .links a:nth-child(even){background-color:#b5533d;}
.hashtag .links::-webkit-scrollbar { width:5px; height:5px}
.hashtag .links::-webkit-scrollbar-track { background: #f1f1f1; }
.hashtag .links::-webkit-scrollbar-thumb { background: #888; }
.hashtag .links::-webkit-scrollbar-thumb:hover { background: #555; }*/

.hashtag .links a {
  
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    color: #000;
    line-height: 22px;
    padding: 5px 15px;
    border-radius: 50px;
    background-color: #fff;
    margin-bottom: 10px;
    margin-right: 10px;
    transition: all .3s linear;
    border: 1px solid #ccc;
}

.hashtag .links i {
    height: 22px;
    width: 22px;
    text-align: center;
    line-height: 22px;
    border-radius: 100px;
    background-color: #fff;
}

.hashtag .links a:hover {
    transition: all .3s linear;
    background-color: #ff5e3a;
    border: 0px solid #ff5e3a;
    text-decoration: none;
    color: #fff;
}

    .hashtag .links a:hover i {
        color: #ff5e3a;
    }

.hashtag .links a.last {
    margin-right: 0px;
}

.moretag .modal-header {
    background-color: #ff5e3a;
    border-radius: 0px;
    color: #fff;
}

.moretag .modal-content {
    border-radius: 0px;
}

.moretag .modal-title {
    font-size: 18px;
}

.popup_list {
    height: 300px;
    overflow-y: scroll;
    border: 1px solid #e0e0e0;
    box-shadow: 0 0 20px #0006;
    position: absolute;
    top: 90px;
    left: 0px;
    right: 0px;
    background-color: #fff;
    z-index: 999;
}

    .popup_list ul, .popup_list li {
        padding: 0px;
        margin: 0px;
        list-style: none;
    }

        .popup_list li:nth-child(odd) {
            background-color: #e0e0e0;
        }

        .popup_list li a {
            padding: 15px 30px;
            display: block;
            font-size: 15px;
            font-weight: 500;
            color: #000;
        }


@media(max-width:768px) {
    .vert-tabs.scroll-to-fixed-fixed {
        position: static !important;
    }

        .vert-tabs.scroll-to-fixed-fixed + div {
            display: none !important;
        }
}


.heart {
    cursor: pointer;
    height: 70px;
    width: 70px;
    background-image: url(../../Assets/images/web_heart_animation.png);
    background-position: left;
    background-repeat: no-repeat;
    background-size: 2900%;
    position: absolute;
    margin-top: -19px;
    margin-left: -5px;
}

    .heart + span {
        position: absolute;
        right: 10px;
        top: 4px;
        color: #92a3af;
        font-weight: 700;
    }
        .heart span {
        position: absolute;
        right:10px;
        top:10px;
        color: #92a3af;
        font-weight: 700;
    }

    .heart:hover {
        background-position: right;
    }

.is_animating {
    animation: heart-burst .8s steps(28) 1;
}

@keyframes heart-burst {
    from {
        background-position: left;
    }

    to {
        background-position: right;
    }
}

.footer-activity-icons {
    display: block;
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    font-size: 18px;
    border-radius: 100%;
    transition: all .1s linear;
    color: #6d7173;
}

    .footer-activity-icons:hover {
        background: rgba(254,94,58,.2);
        color: #fe5e3a;
        transform: scale(1.2);
    }

    .footer-activity-icons span {
        font-size: 13px;
        position: absolute;
        font-weight: 700;
        margin-left: 5px;
        margin-top: -5px;
    }

    .footer-activity-icons:hover span {
        display: none;
    }

.new-comment-avatar img {
    width: 50px;
    height: 50px;
    border-radius: 100%;
}

.new-comment strong {
    font-size: 16px;
    color: #111;
}

.new-comment small {
    font-size: 13px;
    margin-left: 10px;
}

.new-comment-text {
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    margin-top:18px;
}
    .new-comment-text img {    max-width: 200px;
    display: block;
    border-radius: 5px;
    }
.new-comment-wrapper {
    border-top: solid 1px #e8e7e7;
    transition: all .3s linear;
}
.new-comment-wrapper .timeline-post-details h5{font-size:13px;
}
@media(max-width:768px) {
    .new-comment .heart {margin-left: -25px;}
}
.new-comment-wrapper:hover {
    background: #fff;
}

.new-comment-textarea {
    min-height: 120px;
    border: solid 1px #ff5e3a;
    padding: 30px;
    border-radius: 20px;
    width: 100%;
}

.closecomment-btn {
    font-size: 18px;
}

#new-comment-modal .modal-header {
    padding: 20px !important;
}

#new-comment-modal .modal-body {max-height: 75vh;min-height: 75vh;
    overflow-y: scroll;
}
.replybtn {
    background: #f9d9d1;
    padding: 7px 20px;
    color: #631c0c;
    font-size: 16px;
    font-weight: 700;
    border-radius: 40px;
    text-decoration: none;
}

.friend-carousel label {
    color: #666;
}

    .friend-carousel label strong {
        display: block;
        font-size: 16px;
        margin-bottom: 10px;
    }

.round-btn {
    display: inline-block;
    padding: 10px;
    /* background: #222; */
    width: 40px;
    height: 40px;
    border-radius: 100%;
    background: #ff5e3a;
    text-align: center;
    line-height: 0px;
    color: #fff;
    font-size: 24px;
}

    .round-btn i {
        position: relative;
        top: -2px;
        left: -1px;
        color: #fff;
    }

.slick-dots {
    margin-top: 60px !important;
}

    .slick-dots li.slick-active button:before {
        opacity: .75 !important;
        color: #ff5e3a !important;
    }

    .slick-dots li button:before {
        font-size: 50px !important;
    }

.activeheart {
    background-position: right;
}

.emoji-wysiwyg-editor {
    min-height: 100px !important;
    border: solid 1px #ff5e3a !important;
    border-radius: 20px !important;
}


@import url(//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css);

fieldset, label {
    margin: 0;
    padding: 0;
}

body {
    margin: 20px;
}

h1 {
    font-size: 1.5em;
    margin: 10px;
}

/****** Style Star Rating Widget *****/

.rating {
    border: none;
    float: left;
}

    .rating > input {
        display: none;
    }

    .rating > label:before {
        margin: 5px;
        font-size: 1.25em;
        font-family: FontAwesome;
        display: inline-block;
        content: "\f005";
    }

    .rating > .half:before {
        content: "\f089";
        position: absolute;
    }

    .rating > label {
        color: #ddd;
        float: right;
    }

    /***** CSS Magic to Highlight Stars on Hover *****/

    .rating > input:checked ~ label, /* show gold star when clicked */
    .rating:not(:checked) > label:hover, /* hover current star */
    .rating:not(:checked) > label:hover ~ label {
        color: #ff5e3a;
    }
        /* hover previous stars in list */

        .rating > input:checked + label:hover, /* hover current star when changing rating */
        .rating > input:checked ~ label:hover,
        .rating > label:hover ~ input:checked ~ label, /* lighten current selection */
        .rating > input:checked ~ label:hover ~ label {
            color: #ff5e3a;
        }

.rating {
    width: 100%;
    position: relative;
    display: table;
    /* background: #fff; */
    /* box-shadow: 0px 0px 10px rgba(0,0,0,.1); */
    border-radius: 0px;
    padding-right: 3px;
    display: block;
    border-top: solid 1px #eee;
    margin-top: 11px;
}

.ratinghover:hover .rating {
    display: block;
}

.ratinghover span {
    right: 25px;
}

.post-screen {
    width: 450px;
    background: #fff;
    margin: 40px auto;
}

.screen-dp {
    width: 60px;
    height: 60px;
    object-fit: cover;
    border-radius: 100%;
}

.postedby {
    position: relative;
    top: 10px;
}

.postedimg {
    position: relative;
    top: 12px;
}

.rating > label {
    color: #aab8c2;
    float: right;
    width: 19%;
    /* text-align: center; */
    padding-left: 0px;
    padding-top: 20px;
    position: relative;
    left: -14px;
}

    .rating > label:before {
        margin: 5px;
        font-size: 21px;
        font-family: FontAwesome;
        display: inline-block;
        content: "\f005";
    }

    .rating > label:after {
        content: attr(title);
        position: absolute;
        font-size: 14px;
        color: #5c6b75;
        margin-top: 5px;
    }

.hiderating {
    opacity: 0;
    display: none;
    transition: all .3s linear;
}

.btn-orange {
    background: #ff5e3a;
    color: #fff;
}

.post-more-options button {
    opacity: .4;
    background: #fff;
    border: none;
    outline: none;
}

.post-more-options .dropdown-toggle::after {
    display: none;
}

.post-more-options {
    position: absolute;
    right: 20px;
    z-index: 9999;
}

    .post-more-options .dropdown-menu {
        padding: 0px;
        border: solid 1px #eee;
    }

    .post-more-options .dropdown-item {
        padding: 10px 20px;
        font-size: 13px;
        border-bottom: solid 1px #eee;
        color: #666;
    }

        .post-more-options .dropdown-item.active, .dropdown-item:active {
            background-color: #f3f3f3;
            color: #666;
        }

.post-new-footer {
    min-height: 30px;
}
.showpopupimg {
display:block;}
.hidepopupimg {
display:none;}
#gnext{    position: fixed  ;
    z-index: 999;
    left: 62.5%;
    top: 50%;
    margin-top: -20px;
    margin-right: 10px;}
#gprev{    position: fixed;
    z-index: 999;
    left: 0px;
    top: 50%;
    margin-top: -20px;
    margin-left: 10px;}

.not-icon .dropdown-toggle:after{display:none;}
.cover-btns .dropdown a{color:#333;}






.nlist ul{
    border:5px solid #fff;
position:relative;
  list-style: none;
  margin: 0;
  padding: 0;
	overflow: auto;
}

.nlist ul li{
  color: #555;
  display: block;
  position: relative;
  float: left;
  width: 100%;
  height: auto; padding:0px;
}

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

.nlist ul li label{
  display: block;
  position: relative;
  font-weight: 300;
  font-size: 16px;
  padding: 5px 25px 5px 55px;
  margin: 10px auto;
  z-index: 9;
  cursor: pointer;
  -webkit-transition: all 0.25s linear;
}

.nlist ul li:hover label{
	color: #000;
}

.nlist ul li .check{
  display: block;
  position: absolute;
  border: 5px solid #666;
  border-radius: 50%;
  height: 25px;
  width: 25px;
  top: 32%;
  left: 15px;
	z-index: 5;
	transition: border .25s linear;
	-webkit-transition: border .25s linear;
}

.nlist ul li:hover .check {
  border: 3px solid #000;
}

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

.nlist input[type=radio]:checked ~ .check {
  border: 3px solid #000;
}

.nlist input[type=radio]:checked ~ .check::before{
  background: #000;
}

.nlist input[type=radio]:checked ~ label{
  color: #000;
}
.videogallery::after {content:"";position:absolute;width:100%;height:100%;background:#ff0000;left:0px;top:0px;opacity:0;
}
.active-icon {
        color: #fe5e3a;
}

.ratingprofile{    position: absolute;
    left: 0px;
    background: #fff;
    box-shadow: 0px 0px 40px rgba(0,0,0,.1);
    height: 69px;
    z-index: 9999;
    border-radius: 4px;}
.hello {
    background: #fff;
    padding: 40px;line-height:22px;margin-bottom:40px;}
    .hello p {
    padding-top:80px;}
    .hello ul li {font-size:16px;color:#666
    }

.createpostnew label {    font-weight: 300;
    font-size: 20px;
    position: relative;
    top: 16px;
    color: #999;
}
.createpostnews label {    font-weight: 300;
    font-size: 20px;
    position: relative;
    top: 16px;
    color: #999;
}
.new-post-wrapper {
    position: absolute;
    width: 100%;
    top: -115px;
   
    z-index: 999999999;
    box-shadow: 0px 0px 40px rgba(0,0,0,.1);

}
.hidenewpost {    display:none!important;
}
    .new-post-wrapper:before {content:"";width:100%;height:100%;position:fixed;background:rgba(0,0,0,.4);top:0px;left:0px;z-index:-1}
    .new-post-wrapper h3 {background:#eee;font-size:13px;font-weight:600;padding:15px;margin:0px;}
    .new-post-wrapper .new-post-wrapper-body {background:#fff;display:none
    }
    .new-post-wrapper .form-control {
    border:none;box-shadow:none;min-height:150px;font-size:25px;padding:20px;border-radius:0px;}
.new-post-wrapper-footer {
background:#fff;padding: 0px 20px 20px 20px;}

.addbackgroundpost {background-image: linear-gradient( 89.2deg,  rgba(254,158,1,1) 8.4%, rgba(218,23,205,1) 39%, rgba(146,1,254,1) 68.1%, rgba(215,91,250,1) 91.7% );    width: 25px;
    height: 25px;
    display: inline-block;
    border-radius: 100%;
    position: relative;
    top: 8px;
}
#multicolorpost {
background:#fff;}

.multicolorpost-pallets a{
width:25px;height:25px;border-radius:100%;margin-right:10px;    display:inline-block;background-color:#eee}

.colorpallet_original.colorpallettextarea {color:#333!important;
}
.colorpallet_original {background-color:#fff;background-image:none;color:#333!important;}
.colorpallet1 {background-image: linear-gradient( 118.2deg,  rgba(243,156,18,1) 20.7%, rgba(255,0,97,1) 96.9% );
}
.colorpallet2 {background-image: linear-gradient( 89.8deg,  rgba(195,67,129,1) 11%, rgba(90,43,186,1) 83.4% );
}
.colorpallet3{
background-image: radial-gradient( circle 652px at 0.8% 45.2%,  rgba(4,103,246,1) 0%, rgba(8,0,163,1) 100.3% );}
.colorpallet4{
background-image: url(/Assets/images/birthday-pallet.jpg);background-position:center center;background-repeat:no-repeat;}

.colorpallettextarea {
text-align:center;font-size:22px;color:#fff!important;    min-height: 250px!important;transition:all .3s linear;}

.colorpallet_original.colorpallettextarea::-webkit-input-placeholder { /* Edge */
  color: #333!important;
}

.colorpallet_original.colorpallettextarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #333!important;
}

.colorpallet_original.colorpallettextarea::placeholder {
  color: #333!important;
}


.colorpallettextarea::-webkit-input-placeholder { /* Edge */
  color: #fff;
}

.colorpallettextarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #fff;
}

.colorpallettextarea::placeholder {
  color: #fff;
}
.closenewpost i{    font-size: 21px;
    color: #333;
    padding: 12px;
}

.postlink {
display:none;}
.postlink a {    font-size: 24px;
    color: #666;
    line-height: 33px;
    text-align: center;
}
.profile-dropdown {   margin-left: -90px;
}
.profile-dropdown a{    color: #333;
    text-align: left!important;
    margin: 0px!important;
    padding: 5px 10px!important;
    font-size: 12px!important;
    font-weight: 700; 
}

.post-embed {    padding: 10px;
}

.cover-btns a i{    display: block;
    text-align: center;
    font-size: 15px;
    margin-bottom: 10px;}
.closeshortcuts {
display:none;}

/* RESPONSIVE CSS */

@media screen and (max-width:920px)
{
    #userlist a {
    display:block!important;}
    .notif-count {    margin-left: 0px;
    }
    fieldset, label {
    margin-bottom:10px;}
    .collapseleft {    padding: 0px!important;
    font-size: 26px!important;
    color: #2d2c2c!important;
    }
    #privecyleftmenu {
    display:none;}
  
    .vert-tabs {    z-index: 1000;
    background: #fff;
    margin-bottom: 24px;
    }
    .btn-add {
    top:0px;margin-bottom:10px;}
    .img-bottom  {
    width:100%;}
    .hello img{width:250px;display:table;margin:auto;
    }
    .nav-tabs .nav-link {    padding: 0px 5px;    font-size: 11px;
    }
    .friends-nav li a span {    border: solid 1px #ff5e3a;
    font-size: 10px;
    padding: 3px 5px;
    border-radius: 5px;
    margin-left: 3px;
    }
    .closeshortcuts {
    display:block;float:right;margin-right:30px;}
    .shortcutsoff {display:none!important;
    }
    .leftsidemenu {display:block;    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 99999999999;
    top: 0px;
    overflow-y: scroll;background:#fff;
    }
        .leftsidemenu ul li{
        width:30%;margin:1%;float:left;text-align:center;background:#fff!important;padding:0px!important;}
            .leftsidemenu ul li a {
            display:block;color:#333!important;border: solid 1px #eee;background:none!important;font-size:12px!important;height:100px!important;}
            .leftsidemenu ul li i {
            display:block;text-align:match-parent;width:auto;color:#333!important;margin:0px;    font-size: 28px;background:none!important;
    color: #666;    margin-bottom: 10px;}
        .leftsidemenu .card-heading-new {
        text-align:center;color:#333}
    .new-comment-text {    font-size: 12px;
    line-height: 20px;
    font-weight: 600;
    margin-top: 5px;
    color: #999;
    line-height: 16px;
    }
    .userdropdown {
    margin-left:-50px;}
    .friends-grid .friends-block {
    width:100%;}
    .card-timeline .card-timeline-header, .card-timeline .card-timeline-footer {
    padding:5px;}
    .user-profile-menu ul li a {    text-transform: capitalize;
    font-weight: 700;
    font-size: 16px;
    padding: 10px 0px;
    color: #555;
    text-decoration: none !important;
    border-right: solid 0px #ccc;
    text-align: center;
    display: block;
    font-size: 10px;
    width: 70px;
    height: 70px;
    display: table;
    margin: auto;
    border-radius: 100%;
    border: solid 0px #ccc;
    padding-top: 13px;background:#fff;    margin-bottom: 5px;
    }
    .user-profile-menu ul {    margin: 0px 20px;
    }
     .user-profile-menu ul li a  i{    display: block;
    font-size: 21px;
    text-align: center;
    margin-bottom: 5px;margin-right:0px;}
    .user-profile-menu ul li {    float: left;
    margin-right: 0px;
    width: 25%;
    }
    .cover-btns {    position: absolute;
    top: 0px;
    width: 100%;
     padding-left: 0px; 
    text-align: center;
    }
        .cover-btns a {    border-radius: 100%;
    width: 60px;
    height: 60px;    text-align: center;
    font-size: 10px;
    padding: 13px 0px 0px 0px;
        }
    .margintopbig {    margin-top: 0px;
    }
            .cover-btns a i {    margin-bottom: 3px;
            }
    .user-profile-menu ul {
    margin:0px;}
    .user-profile-menu {
    background:none;height:auto;margin:0px;}
    #profile-cover-picture figure {
        max-height: 200px;    margin-top: 60px;}
    .profile-picture-wrapper .profile-picture img {
    width:150px;height:150px;object-fit:cover;}
    .profile-picture-wrapper {
    width:150px;height:150px;display:table;margin:auto;    border: solid 2px #fff;    margin-top: -80px;}
    .new-post-wrapper {position: fixed;    height: 100%;top:0px;
    }
    .username {
    text-align:center;    font-size: 18px;margin-bottom: 20px;    display: block;
    position: absolute;
    width: 95%;
    background: rgba(0,0,0,.7);
    top: 0px;
    padding: 12px;
    text-transform: capitalize;}
    .main-navigation > li a {
    width:100%;}
    .postlink {display:block
    }
    .logoutlink,.searchlink a,#friends-right-new,.profilelink {
    display:none!important;}
    header .container-fluid {
    padding:0px;}
    #searchtoggle {display:block!important;margin:0px;
    }
    #imaginary_container {background: #ff5e3a;
    }
    #top-search {position: fixed;
    background: #ff5e3a;
    padding: 0px;
    width: 100%;
    left: 0px;
    /* margin-top: 12px; */
    top: 0px;
    z-index: 9999;margin-top:0px;
    }
        #top-search i {
        color:#fff;}
        #top-search a {
        outline:none;box-shadow:0px;}
        #imaginary_container .form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #fff;
  opacity: 1; /* Firefox */
}

#imaginary_container .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #fff;
}

#imaginary_container .form-control::-ms-input-placeholder { /* Microsoft Edge */
  color: #fff;
}
 .main-navigation {
    margin-top:32px;}
    .main-navigation > li {    width: 16%;
    }
    body{padding-top:87px;margin:0px;padding-right:0px;overflow-x:hidden;}
    .hashtag {
    display:none;}

    .timelinecontainer {
    padding-left:0px;padding-right:0px;width:100%;overflow:hidden;z-index:2;}
    #profilepagebody .timelinecontainer {
    overflow:initial!important;}
    #add-post .col-2 {padding-left:5px;padding-right:5px;    }
    #add-post .col-10 {padding-left:5px;padding-right:5px;    }
    .post-main-textarea textarea {border: solid 1px #d4d4d4;
    background: none;
    border-radius: 60px;
    margin-top: 0px;
    min-height: 60px!important;
    height:60px!important;
    padding: 17px;    font-size: 14px;

    }
    .timeline-post-details {    margin-top: 13px;
    }
    .main-post-footer {
    border:none;}
        .main-post-footer .btn {
            border: solid 1px #ff5e3a;
    background: #ff5e3a;
    color: #fff;
    border-radius: 100%;
    width: 35px;
    height: 35px;
        }
            .main-post-footer .btn i {    font-size: 15px;
    position: relative;
    top: 5px;
            }
        .main-post-footer input[type="submit"] {    width: 50px;
    border-radius: 5px;
    background: #fff;
    color: #ff5e3a;
    font-weight: 700;
    text-transform: uppercase;
    position: relative;
    top: 0px;
    margin-left: 12px;
        }
    .cover-btns a.followers {    background: none;
    }
    .timeline-post-details h5 {
    font-size:14px;}
    .timeline-post-details P {
    margin-bottom:0px;}
    .card-timeline-header {
    padding-bottom:0px!important;}
    .timeline-post-details h5 small {
    font-size:10px;}
    .card-timeline-header .round-img {
    position:relative;top:5px;}
    .sharepost-container {    margin-top: 20px;
    }
    #notification-F-bar{margin-left:0px!important;}
        .sharepost-container .timeline-post-details {
        margin-top:0px;}
    .post-more-options button {    opacity: 1;
    background: #fff;
    border: none;
    outline: none;
    position: relative;
    top: 5px;
    right: -15px;
    z-index: 1;
    }
    .sharepost-container .card-timeline-header .round-img {width:40px;top:-2px!important;
    }
    .card {
    margin-bottom:5px;}
        .post-more-options button img {
        width:10px;}
    header {z-index: 999999999;
    }
    .card-timeline-body {
    margin-top:10px;}
    .notification-bar {  
    position: fixed;
    width: 100%;
    left: 0px;
    top: 0px;
    margin: 0px;
    z-index: 999999;
    height: 100%;    max-height: 100%;padding-top:40px;
    }
 
        .notification-bar:before {
           content: "NOTIFICATIONS";
    width: 100%;
    text-align: center;
    display: block;
    padding: 10px;
    font-weight: 700;
    border-bottom: solid 1px #eee;
    position: fixed;
    background: #f3f3f3;
    z-index: 9999;
    top: 0px;
    left: 0px;
    color: #403b3b;}
            .notification-bar:after {
                content:"";
                width:15px;height:15px;position:fixed;right:20px;top:10px;z-index:999999;background:url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDQ3Ljk3MSA0Ny45NzEiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ3Ljk3MSA0Ny45NzE7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiPgo8Zz4KCTxwYXRoIGQ9Ik0yOC4yMjgsMjMuOTg2TDQ3LjA5Miw1LjEyMmMxLjE3Mi0xLjE3MSwxLjE3Mi0zLjA3MSwwLTQuMjQyYy0xLjE3Mi0xLjE3Mi0zLjA3LTEuMTcyLTQuMjQyLDBMMjMuOTg2LDE5Ljc0NEw1LjEyMSwwLjg4ICAgYy0xLjE3Mi0xLjE3Mi0zLjA3LTEuMTcyLTQuMjQyLDBjLTEuMTcyLDEuMTcxLTEuMTcyLDMuMDcxLDAsNC4yNDJsMTguODY1LDE4Ljg2NEwwLjg3OSw0Mi44NWMtMS4xNzIsMS4xNzEtMS4xNzIsMy4wNzEsMCw0LjI0MiAgIEMxLjQ2NSw0Ny42NzcsMi4yMzMsNDcuOTcsMyw0Ny45N3MxLjUzNS0wLjI5MywyLjEyMS0wLjg3OWwxOC44NjUtMTguODY0TDQyLjg1LDQ3LjA5MWMwLjU4NiwwLjU4NiwxLjM1NCwwLjg3OSwyLjEyMSwwLjg3OSAgIHMxLjUzNS0wLjI5MywyLjEyMS0wLjg3OWMxLjE3Mi0xLjE3MSwxLjE3Mi0zLjA3MSwwLTQuMjQyTDI4LjIyOCwyMy45ODZ6IiBmaWxsPSIjMDAwMDAwIi8+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==) center center no-repeat;background-size:12px;
            }
    .activity-cols .col{width:25%;flex:none;display:block;padding-top:5px;    border-right: solid 1px #e0e0e0;
    }
        .activity-cols .col:nth-child(5), .activity-cols .col:nth-child(6), .activity-cols .col:nth-child(7), .activity-cols .col:nth-child(8) {
         border-top: solid 1px #e0e0e0;   }
    .activity-cols .heart {    margin-left: 0px;
    }
    .activity-cols .heart + span {right:15px;
        }
    .post-more-options .dropdown-menu {left:-120px;}
    .post-new-footer {    padding-top: 0px!important;
    padding-bottom: 0px!important;
    }
    .footer-activity-icons {
    width:100%;}
        .footer-activity-icons:hover {
        background:none;}
}
.zoompicture {
display:none;position: fixed;
    width: 100%;
    height: 100%;
    z-index: 999999;
    top: 0px;
    left: 0px;
    background: rgba(255,255,255,.8);}
.mainzoompicture {display:table-cell;text-align:center;vertical-align:middle;}
.zoompicture img{transition:all .3s ease-in-out;}
    .zoompicture img.active {
    width:auto;height:auto;transition:all .3s ease-in-out;  }
.btn-orange:hover {
color:#fff;}
#addmoneymodal h1 {
    font-size: 18px;
    display: table;
    margin: auto;
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: solid 1px #999;
}

#addmoneymodal input[type="text"] {
    font-weight: 300;
    font-size: 20px;
    width: 200px;
    padding: 20px;
    display: table;
    margin: auto;
    border: none;
    border-bottom: solid 1px #222;
    outline: none;
    text-align: center;
}

#addmoneymodal input[type="submit"] {
    display: table;
    margin: auto;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-weight: 700;
}


#addSmoneymodal h1 {
    font-size: 18px;
    display: table;
    margin: auto;
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: solid 1px #999;
}

#addSmoneymodal input[type="text"] {
    font-weight: 300;
    font-size: 20px;
    width: 200px;
    padding: 20px;
    display: table;
    margin: auto;
    border: none;
    border-bottom: solid 1px #222;
    outline: none;
    text-align: center;
}

#addSmoneymodal input[type="submit"] {
    display: table;
    margin: auto;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-weight: 700;
}

#notification_F_list:before{content:"Friend Requests";font-size: 12px;text-transform:uppercase;font-weight: bold;letter-spacing: 1px; border-bottom:1px solid #e6e6e6; display:block; padding-bottom:10px; margin-bottom:10px;    padding-top: 10px;
    text-align: center;}
#notification_F_list label{font-size: 11px; font-weight: bold; color: #777; padding: 5px; background-color: #eee; display: block;}

/*#dv_otp{position:absolute; top:0px; bottom:0px; left:0px; right:0px; background-color:#fffc; padding-top:15%;}*/

#notification_list li {cursor:pointer;
}
.friend-carousel p {    max-height: 50px;
    overflow-y: scroll;
}

#pointModal .modal-dialog {
    min-height: calc(100vh - 60px);
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#pointModal h1{color:#ff5e3a; font-size:36px;}
#pointModal p{font-size: 16px; line-height: 1.8;}

:root {
    --roboto:'Roboto', sans-serif;
}

.main-header-content h2{font-weight: 300; font-size: 2.5rem; line-height: 1.3; margin-bottom: 20px;}
.main-header-content p{font-size: .875rem; line-height: 1.5;}

.body-bg1{background-color:#edf2f6;}
body.reset{margin:0px;}
.container-fluid.reset{padding-left:15px; padding-right:15px;}

.analytics_box{font-family:var(--roboto);}
.analytics_box span{font-size:12px; font-weight: 400; line-height: 1.5; color: #888da8;}
.analytics_box h3{font-size: 24px; color: #515365; font-weight:400;}
.analytics_box h3 small {font-size: 11px; font-weight: 900; display: inline-block; vertical-align: middle; margin-left: 10px;}

.positive {color: #08ddc1;}
.negative {color: #ff5e3a;}

@media(max-width: 768px) {
  #pointModal .modal-dialog {min-height: calc(100vh - 20px);}
  #pointModal h1{color:#ff5e3a; font-size:26px;}
}
@media screen and (min-wdith:1400px)
{
    .username {
    font-size:18px!important;}
}
.video-junction-content-1 {
color:#333}
    .video-junction-content-1 p {
    line-height:normal;}
.video-junction-content-1 h1{font-size: 50px;
    color: #333;
    font-weight: 700;margin:0px;
}
    .video-junction-content-1 h1 span {display: block;
    font-size: 30px;
    font-weight: 300;
    }
.video-junction-content-2 {
background:#fff;margin:40px auto;box-shadow:0px 0px 40px rgba(0,0,0,.05);font-size:16px;line-height:normal;border-radius:10px;}
    .video-junction-content-2 h3 {    font-weight: 700;
    font-size: 32px;
    margin-bottom: 24px;
    color: #222;
    margin-top: 0px;
    padding-top: 0px;
    }
.create-video{
background-image: linear-gradient(147deg, #FFE53B 0%, #FF2525 74%);
    padding: 20px 40px;
    color: #fff;
    font-size: 25px;
    font-weight: 900;
    border-radius: 6px;display:table;margin:auto;margin-top:-60px;position:relative;z-index:999;transition:all .3s ease-in-out;}
    .create-video:hover {color:#fff;text-decoration:none;transform:scale(1.2)
    }



.search_box {
  position: absolute;
  top:15px;
  right:0%;
  -webkit-transform: translateX(0%) translateY(-50%);
          transform: translateX(0%) translateY(-50%);
}

.search_box * {
  outline: none;
  box-sizing: border-box;
}
.search__wrapper {
  position: relative;
}
.search__field {
  width:36px;
  height: 36px;
  color: transparent;
  font-family: Lato, sans-serif;
  font-size:16px;
  padding: 0.35em 50px 0.35em 0;
  border: 1px solid transparent;
  border-radius: 0;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.search__field:focus {
  border-bottom-color: #ccc;
  width: 300px;
  color: #2b2b2b;
  cursor: default;
}
.search__field:focus ~ .search__icon {
  background-color: transparent;
  cursor: pointer;
  pointer-events: auto;
}
.search__icon {
  position: absolute;
  top: 0;
  right: 0;
  background-color: #e9f1f4;
  width:36px;
  height:36px;
  font-size: 1.35em;
  text-align: center;
  border-color: transparent;
  border-radius: 50%;
  pointer-events: none;
  display: inline-block;
  transition: background-color 0.2s ease-in-out;
}
.search__field::-webkit-input-placeholder {
  position: relative;
  top: 0;
  left: 0;
  transition-property: top, color;
  transition-duration: .1s;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
  perspective: 1000;
}
.search__field:-moz-placeholder {
  position: relative;
  top: 0;
  left: 0;
  transition-property: top, color;
  transition-duration: .1s;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
  perspective: 1000;
}
.search__field::-moz-placeholder {
  position: relative;
  top: 0;
  left: 0;
  transition-property: top, color;
  transition-duration: .1s;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
  perspective: 1000;
}
.search__field:-ms-input-placeholder {
  position: relative;
  top: 0;
  left: 0;
  transition-property: top, color;
  transition-duration: .1s;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
  perspective: 1000;
}
.search__field::-webkit-input-placeholder[style*=hidden] {
  color: #83b0c1;
  font-size: .65em;
  font-weight: normal;
  top: -20px;
  opacity: 1;
  visibility: visible !important;
}
.search__field:-moz-placeholder[style*=hidden] {
  color: #83b0c1;
  font-size: .65em;
  font-weight: normal;
  top: -20px;
  opacity: 1;
  visibility: visible !important;
}
.search__field::-moz-placeholder[style*=hidden] {
  color: #83b0c1;
  font-size: .65em;
  font-weight: normal;
  top: -20px;
  opacity: 1;
  visibility: visible !important;
}
/*.search__field:-ms-input-placeholder[style*=hidden] {
  color: #83b0c1;
  font-size: .65em;
  font-weight: normal;
  top: -20px;
  opacity: 1;
  visibility: visible !important;
}*/
.policy-block {
line-height:normal;}
.policy-block h2{
    font-size: 20px;
    color: #222;
    font-weight: 900;}
.blockcard {background: rgb(255,212,178);
background: linear-gradient(117deg, rgba(255,212,178,1) 0%, rgba(255,245,237,1) 100%);margin-top:90px;text-align:justify;min-height:436px;
}
    .blockcard .popnum {
    width:60px;height:60px;display:table;margin:auto;text-align:center;line-height:60px;font-size:30px;background: rgb(214,107,23);
background: linear-gradient(117deg, rgba(214,107,23,1) 0%, rgba(250,140,54,1) 100%);color:#fff;font-weight:900;border-radius:100%;margin-top:-50px;margin-bottom:30px;}
    .blockcard h2 {
    text-align:center;font-size:22px;font-weight:900;margin-bottom:30px;}
.innerbanner2{
    background: #ffe8e2;
    padding: 30px;
    text-align: center;
    font-size: 22px;
    color: #863b27;}
.select-video {    background: #fff;
    padding: 18px;
    border-radius: 5px;
    font-size: 16px;
    text-align: left;
}
.add-video-content label{font-size:16px;font-weight:700;margin:7px 0px;
}
.add-video-content {background: #fff;
    padding: 30px;
    box-shadow: 0px 0px 50px rgba(0,0,0,.1);
    border-radius: 6px;
    margin-top: -94px;
}
.video-preview {    border-radius: 5px;
    overflow: hidden;
    border: solid 1px #efcdc4;
}
.video-heading{    font-size: 22px;
    padding: 14px;
    background: #fff;
    /* background: #efbdb0; */
    color: #542113;}
.previewtag {position: absolute;
    left: 43px;
}



.switch {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 23px;
  float:right;
}

/* Hide default HTML checkbox */
.switch input {display:none;}

/* The slider */
.slider2 {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider2:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
      border-radius: 100%;
}

input.default:checked + .slider2 {
  background-color: #ff5e3a;
}
input.primary:checked + .slider2 {
  background-color: #2196F3;
}
input.success:checked + .slider2 {
  background-color: #8bc34a;
}
input.info:checked + .slider2 {
  background-color: #3de0f5;
}
input.warning:checked + .slider2 {
  background-color: #FFC107;
}
input.danger:checked + .slider2 {
  background-color: #f44336;
}

input:focus + .slider2 {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider2:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider2.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}
.orangeicon {background: #ff5e3a;
    border-radius: 100%;
    color: #fff;
    padding: 2px;
}
.channel-block {
background:#fff;padding:2px;box-shadow:0px 0px 40px rgba(0,0,0,.1);border-radius:5px;overflow:hidden;margin-bottom:20px;}
    .channel-block img {
    height:135px;width:100%;object-fit:cover;}
    .channel-block .channel-data {padding:10px;color:#333;text-align:center;
    }
    .channel-block h6 {
    color:#000;font-weight:700}
.video-wrapper {
}
    .video-wrapper .video-data {
    margin-top:10px;}   
 .video-wrapper .video-data h4{color:#222;font-size:16px;font-weight:700;line-height:16px;
    }
        .video-wrapper .video-data p {
        margin:0px;margin-bottom:7px;}
        .video-wrapper .video-data small {display:inline-block;margin-right:10px;
        }
        .video-wrapper {
    border: solid 0px #ccc;
    padding: 8px;
    box-shadow: 0px 0px 40px rgba(0,0,0,.1);margin-bottom:20px;
}
            .video-wrapper img {width:100%;height:180px;object-fit:cover
            }

.video-bottom {
margin-top:15px;}
.video-bottom h5{font-size:20px;color:#333;margin:0px;padding:0px;
}
    .video-bottom small {
    font-size:16px;margin-top:8px;display:block;}
.btn-like {
background: #ff5e3a;
    color: #fff;
    display: block;
    float: left;
    width: 50px;
    height: 50px;
    font-size: 20px;
    text-align: center;
    line-height: 50px;
    border-radius: 100%;
    color: #ff5e3a;
    background: #fff;
    border: solid 1px #ff5e3a;
    margin-right: 10px;}
.playlist h4{font-size:16px;color:#333
}
.playlist small, .playlist span {
display:block;}
.thumbvideo {
margin-bottom:30px;  border-bottom: solid 0px #eee;
    background: #fff;
    padding: 10px;
    box-shadow: 0px 0px 40px rgba(0,0,0,.05);}
.main-video {
padding-bottom:0px;margin-bottom:0px;}
.channelthumb {
width:70px;height:70px;border-radius:100%;object-fit:cover}
.videodesc {
margin:20px 0px;line-height:normal;text-align:justify}
.smsday i{font-size:30px;position:relative;top:-5px;
}
.smsday strong {
display:block;font-size:20px;margin-top:5px;}
#diwaliwrapper{width:100%;height:100%;top:0px;left:0px;background:rgba(255,255,255,.9);position:fixed;z-index:999999999999999}
#dhanterash{width:100%;height:100%;top:0px;left:0px;background:rgba(255,255,255,.9);position:fixed;z-index:999999999999999}
.diya1 {
position:absolute;left:40px;top:0px;height:400px;}
.diya2 {
position:absolute;left:220px;top:0px;height:400px;margin-top:-100px;}
.diya3 {
position:absolute;right:40px;top:0px;height:400px;}
.diya4 {
position:absolute;right:220px;top:0px;height:400px;margin-top:-100px;}
.maindiwali {
position:absolute;left:50%;top:50%;margin-top:-270px;margin-left:-246px;}
.tableaccordion .card-header button{color:#333;font-weight:700;    display: block; width: 100%; text-align: left;
}

.invite-saction-1 {height:5vh;width:100%;margin-bottom:1vh}
.invite-saction-2 {height:70vh;width:100%;margin-bottom:1vh;background:#fff;padding:20px;overflow-y:scroll;}
.invite-saction-3 {height:10vh;width:100%;margin-bottom:1vh;background:#fff;box-shadow:0px 0px 40px rgba(0,0,0,.1)}
.table-wrapper {height:63vh;overflow-y:scroll;overflow-x:hidden;padding-left:10px;
}
.invitetabs .nav-link.active {    background: #ff5e3a;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    border-radius: 50px;
    border: none;
}
.invitetabs .nav-link {    background: #fff;
    color: #333;
    font-size: 16px;
    font-weight: 700;
    border-radius: 50px;
    border: none;margin-right:10px;
}
.page-item.active .page-link {    background-color: #ff5e3a;
    border-color: #ff5e3a;
}
.page-link {color:#ff5e3a;
}



   .stepwizard-step p {
            margin-top: 10px;
        }

        .stepwizard-row {
            display: table-row;
        }

        .stepwizard {
            display: table;
            width: 100%;
            position: relative;
        }

        .stepwizard-step button[disabled] {
            opacity: 1 !important;
            filter: alpha(opacity=100) !important;
        }

        .stepwizard-row:before {
            top: 14px;
            bottom: 0;
            position: absolute;
            content: " ";
            width: 100%;
            height: 1px;
            background-color: #ccc;
            z-order: 0;
        }

        .stepwizard-step {
            display: table-cell;
            text-align: center;
            position: relative;
        }

        .btn-circle {
            width: 30px;
            height: 30px;
            text-align: center;
            padding: 6px 0;
            font-size: 12px;
            line-height: 1.428571429;
            border-radius: 15px;
        }
.vert-tabs a i {    margin-right: 5px;width:20px;
}
.profilebadge {    position: absolute;
    width: 100%;
    margin-top: 15px;
    bottom: 00px;
    text-align: center;
    width: 100%;z-index:99999;transition:all .3s linear;opacity:0;height:50px;background:rgba(0,0,0,.4);opacity:0;padding-top:10px;
}
    .profilebadge div {float: none;
    background: none;
    color: #fff;
    padding: 3px 5px;
    border-radius: 3px;
    margin-right: 2px;
    font-size: 16px;display:inline
    }
    #pagetimeline  .profilebadge{    margin-top: 25px;}
      #grouptimeline  .profilebadge{    margin-top: 25px;}

@media screen and (max-width:920px)
{
    .profilebadge { 
    }
}

ul.timeline {
    list-style-type: none;
    position: relative;
    margin-left:0px;padding-left:0px;
}
ul.timeline:before {
    content: ' ';
    background: #d4d9df;
    display: inline-block;
    position: absolute;
    left: 0px;
    width: 2px;
    height: 100%;
    z-index: 400;
}
ul.timeline > li {
    margin: 20px 0;
    padding-left: 20px;
}
ul.timeline > li:before {
    content: ' ';
    background: white;
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    border: 3px solid #22c0e8;
    left: -10px;
    width: 20px;
    height: 20px;

    z-index: 400;
}
.eventbg {background:url(/Assets/images/bg-event-day.jpg);color:#fff;text-align:center;padding:50px;}
    .eventbg strong {display:block;font-weight:700;font-size:60px;
    }
        .eventbg small {display:block;font-weight:700;font-size:30px;margin-top:30px;
    }

.leftsidemenu[class~=scroll-to-fixed-fixed] {max-height:87vh;overflow-y:scroll;
}
#right-main-sidebar[class~=scroll-to-fixed-fixed] {max-height:87vh;overflow-y:scroll;
}


.notif-page-list {margin:0px;padding:0px;list-style:none;
}
    .notif-page-list img {
    width:60px;height:60px;object-fit:cover;border-radius:100%;}
    .notif-page-list p {
    color:#333;margin:0px;padding:0px;}
        .notif-page-list small {
        color:#999;display:block;margin-top:3px;}
    .notif-page-list li {
    display:block;padding:10px 0px;border-bottom:solid 1px #eee;transition:all .3s linear;}
        .notif-page-list li:hover {
        background:#fff;}
.notif-drop {
font-size:16px;color:#999!important;position:relative;top:12px;}
.notif-drop:after {display:none;
}
    .notif-drop + .dropdown-menu a {
    font-size:12px!important;}
.no-hover{background:#fff!important
}
    .no-hover:hover {background:#fff!important
    }
.notif-page-list li:hover {    background: #fff5f2;
}
.notif-header,.notif-footer  {font-size:16px;font-weight:700;color:#333;background:#fff5f2;padding:15px;}
    .notif-header a{
   width:auto!important;height:auto!important;color:#888;font-weight:400!important;font-size:12px!important;float:right;background:none!important}
.notif-footer a{text-align:center!important;display:block!important;color:#666!important;font-size:14px!important; width:auto!important;height:auto!important;background:none!important
}
@media screen and (max-width:920px)
{
    .cover-menu-wrapper {background: #ff5e3a;
    }

    .covermenu {margin-top:-60px;
    }

    .invitecontacttabs1 {width:100%;overflow-x:scroll;
    }
   .invitecontacttabs1::-webkit-scrollbar {
    width: 0px;
    height:0px;
    background-color: #fe4f30;
}
    .invitecontacttabs2 {width:700px;
    }
    .invitetabs .nav-link {
    padding:15px 15px;border-radius:0px;margin:0px;border:solid 1px #ccc;}
    .invite-saction-1, .invite-saction-2, .invite-saction-3 {
    height:auto;}
    .invitetabs .nav-link.active {border-radius:0px;
    }
    .table-wrapper {height:auto;padding:0px;overflow:hidden;
    }
    .dataTables_paginate{    display: table!important;
    margin:20px  auto!important;
    }
    .kyc-list2 li {font-size:13px;
    }
    .smsday strong {font-size:14px;
    }
}
#new-comment-modal .new-comment strong{font-weight:500;color:#444;
}
#new-comment-modal .new-comment-avatar{position:relative;top:-5px;}
#new-comment-modal .new-comment small {    font-weight: 300;
    color: #999;
}
#new-comment-modal .new-comment-text {    margin-top: 10px;font-weight:400;color:#666
}
.comment-popup-like-comment a {
color:#666;transition:all .3s linear;    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
    .comment-popup-like-comment a:hover {color:#ff5e3a;
    }
.comment-reply-text-box {    border: solid 1px #ccc;
    border-radius: 50px;
    overflow: hidden;    background: #fff;margin:10px 0px;
}
    .comment-reply-text-box textarea {
    box-sizing: border-box;
    resize: none;
    height: 38px;
    border: none;
    padding: 5px 20px;
    font-size: 13px;
    padding-top: 10px;    box-shadow: none!important;
    }

.sendreply {width: 40px;
    height: 40px;
    border: solid 0px #333;
    border-radius: 100%;
    float: right;
    background: #fff0ec;
    color: #5f4d49;
    cursor: pointer;
}
.comment-replies-wrapper {    margin: 20px 0px;
}
    .comment-replies-wrapper .comment-replies-block {    background: #fff3f1;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 5px;
    }
        .comment-replies-wrapper .comment-replies-block img {    width: 35px;
    height: 35px;
    border-radius: 100%;
    object-fit: cover;
        }
    .comment-replies-wrapper .comment-replies-text {    font-size: 12px;
    color: #666
    }
.new-comment {
width:100%;}
.new-comment-reply-wrapper{    border: solid 1px #e8e8e8;
    border-radius: 5px;}
    .new-comment-reply-wrapper .new-comment-textarea {border:none!important;height:60px;box-shadow:none;outline: none;
    }
    .new-comment-reply-wrapper .emoji-wysiwyg-editor {       min-height: 40px !important;
    padding-top: 18px;
    }
    .new-comment-reply-wrapper .new-comment-avatar img{    width: 35px;
    height: 35px;
    border-radius: 100%;
    object-fit: cover;
    position: relative;
    left: 8px;
    top: 12px;}
new-comment-reply-wrapper .emoji-picker-container {
margin-bottom:0px;}
.comment-reply-bottom {height:50px;
}
.new-comment-reply-wrapper .emoji-picker-icon {    bottom: -55px;
}
.new-comment-reply-wrapper .comment-image-icon {    position: absolute;
    bottom: -58px;
    right: 40px;
    color: #b6b6b7;
}
.comment-reply-bottom .replybtn {    background: #f9d9d1;
    padding: 5px 20px;
    color: #631c0c;
    font-size: 16px;
    font-weight: 700;
    border-radius: 40px;
    text-decoration: none;
    position: absolute;
    right: 80px;
    /* top: 10px; */
    margin-top: 14px;
    background: #fff;
    border: solid 1px #b3b2b2;
    font-size: 13px;
    color: #666;
    font-weight: 500;
}
#new-comment-modal .close{    width: 35px;
    height: 35px;
    background: #000;
    background: #ffe9dc;
    border-radius: 100%;
    border: solid 0px #d0cfcf;
    margin: 7px;
    position: fixed;
    z-index: 9999;
    right: 0px;
    opacity: 1;
}
.new-comment-reply-wrapper .new-comment-textarea {
max-height:58px!important;overflow-y:scroll;font-size:15px;}
#new-comment-modal{    overflow-y: hidden!important;
}
	#new-comment-modal .modal-content {
	border-radius:0px;}
.emoji-picker-icon.parent-has-scroll {    right: 18px!important;
}
@media screen and (max-width:920px)
{
    .profilebadge div {    max-width: 90px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    }
    #new-comment-modal .post-new-footer{margin-top:10px;
    }
    #new-comment-modal .modal-dialog {
    margin:0px!important;}
    #new-comment-modal .modal-body {    max-height: 80vh;min-height:80vh;
    }
    #new-comment-modal .modal-footer {height: 20vh;
    }
    .mobile-profile-menu-wrapper {    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
    }
    .mobile-profile-menu {
    width:550px;}
    .mobile-profile-menu {
    }
    .user-profile-menu ul li {
    width:auto!important;margin-right:5px;margin-bottom:15px;}
        .user-profile-menu ul li a {
        border-radius:5px;}
         .mobile-profile-menu-wrapper::-webkit-scrollbar{height:1px;}

}

.commentliked{color:#ff5e3a!important;}

.profile-picture-wrapper:after{}

    .profile-picture-wrapper:hover:after {
    opacity:.5;}
    .profile-picture-wrapper:hover .profilebadge {opacity:1;
    }
.change-profile-picture-link {position: absolute;
    width: 100%;
    height: 50px;
    background:rgba(0,0,0,.4);
    padding-top: 18px;
    text-align: center;
    color: #fff;opacity:0;transition:all .3s linear;
}
    .change-profile-picture-link a {
    color:#fff;}
.profile-picture-wrapper:hover .change-profile-picture-link {
opacity:1;}
.replyusername strong, .replyusername small {
font-size:12px;}
.deletecomment {font-size:13px;color:#333;margin-left:5px;display:inline-block}
.bg-orange-progressbar {    background: #f9b0a0;
}
.activebody {display:block!important;
}
.poll-body{background:#fff;display:none;padding:20px;}
    .poll-body textarea {
    min-height:50px!important;    border: solid 1px #e8e8e8!important;
    margin: 10px 0px;}
.custom-radio .custom-control-input:checked ~ .custom-control-label::before {    background-color: #F44336!important;
}
.poll-option .form-control{min-height:inherit!important;padding:10px;background:#eee;font-size:16px!important;}
.poll-timing select{font-size:16px!important;font-weight:700;color:#333!important;min-height:initial!important;height:auto!important;border:solid 1px #ccc!important;padding:10px!important
}
.poll-timing option {color:#333!important
}
.removepoll {
    background: #fbeae9;
    color: #333;
    font-weight: 700;
    margin-top: 19px;}
    .removepoll:hover {
    background:#fe4f30;color:#fff;}
.pollicon {    color: #ffc8bc;
    font-size: 50px;
    margin-left: 10px;
    
    position: relative;
}
.cardquiz:before {
    content: "Quiz";
    display: table;
    margin: auto;
    
    font-size: 16px;
    color: #fff;
    font-weight: 700;
    padding: 7px 30px;
    position: relative;
    top: -9px;background:#ff5e3a url(/Assets/images/graph.png) 15px center no-repeat;padding-left:40px;    border-radius: 40px;}
.cardquiz .main-post-text p {    font-size: 18px;
    line-height: normal;
}

.cardpoll:before {
    content: "Poll";
    display: table;
    margin: auto;
    
    font-size: 16px;
    color: #fff;
    font-weight: 700;
    padding: 7px 30px;
    position: relative;
    top: -9px;background:#ff5e3a url(/Assets/images/graph.png) 15px center no-repeat;padding-left:40px;    border-radius: 40px;}
.cardpoll .main-post-text p {    font-size: 18px;
    line-height: normal;
}

.poll-options {padding:0px 20px;
}
    .poll-options a {display:block;padding:15px;font-size:16px;font-weight:700;color:#ff5e3a;border:solid 2px #ff5e3a;border-radius:50px;margin-bottom:10px;text-align:center;transition:all .3s ease-in-out;
    }
        .poll-options a:hover {background:#ff5e3a;color:#fff;transform:scale(1.05)
        }
.daysleft {
text-align:center;padding:10px;font-size:18px;font-weight:300;color:#666}

.poll-result {    padding: 0px 20px;
}
.poll-result .progress {    padding:0px;
    height: auto;
    font-size: 16px;    border-radius: 50px;margin-bottom:10px;
}
.poll-result .progress-bar {
text-align:left;   font-weight:700;  height: 33px;}
    .poll-result .progress-bar span {    position: absolute;
   text-indent: 15px;
    top: 8px;color:#333
    }
.btn-orange-outline {    background: #fff;
    border: solid 2px #ff5e3a;
    color: #ff5e3a;
    font-weight: 700;    margin-top: -103px;
}
.poll-result label{text-align: center;
    font-size: 18px;
    font-weight: 700;
    display: block;
    line-height: 34px;}
.bg-orange {background:#ff5e3a;
}
@media screen and (max-width:920px)
{
    .btn-orange-outline {
    margin-top:10px;}
    .pollicon {  color: #ffc8bc;
    font-size: 20px;
    margin-left: 0px;
    position: relative;
    top: 21px;
}
}

.suggested-friend-block-new {margin:20px auto;background:url(/Assets/images/floor-tile.jpg);padding:10px;position:relative;}
.suggested-friend-block-new .button-bar-buttons{position:absolute; bottom:10px; left:0px; right:0px; z-index:2; margin:0 auto; text-align:center;}
.suggested-friend-block-new .button-bar-buttons .btn{border-left:1px solid #fff3; border-right:2px solid #0003; font-size:12px;}
.suggested-friend-block-new .button-bar-buttons .btn:first-child{border-left:0px;}
.suggested-friend-block-new .button-bar-buttons .btn:last-child{border-right:0px;}
    .suggested-friend-block-new:before {
   content: "Seed Profile";
    position: absolute;
    display: table;
    padding: 7px 20px;
    background: #ff5e3a;
    color: #fff;
    left: 0px;
    /* position: relative; */
    z-index: 999;
    left: 0px;
    top: 24px;}
.suggested-friend-block-new-cover {min-height:300px;width:100%;background:#ccc;position:relative;}
    .suggested-friend-block-new-cover img {width:140px!important;height:140px!important;border-radius:100%;top:50%;left:50%;margin-left:-70px;margin-top:-70px;position:absolute;border:solid 5px #fff;box-shadow:0px 0px 40px rgba(0,0,0,.1)}
.suggested-friend-block-new-content {    padding: 20px;
    text-align: center;
}
    .suggested-friend-block-new-content h3 {
    font-weight:700}
@media screen and (max-width:920px)
{
    .suggested-friend-block-new {margin:0px;
    }
}

.block-ellipsis {
  display: block;
  display: -webkit-box;
  max-width: 100%; 
  height:29px;
  margin: 0 auto;
  font-size: 14px;
  line-height: 1;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.push-notification{position:fixed; bottom:20px; left:20px; right:20px; z-index:9999; width:100%;}
.push-notification .box-div{display:flex; width:320px; height:100px; background-color:#fff; border:1px solid #ccc; box-shadow:0 0 30px #0003; overflow:hidden;  }
.push-notification .box-div .img{width:100px; min-width:100px; height:100px; overflow:hidden;}
.push-notification .box-div .img img{width:100px; object-fit: cover;}
.push-notification .box-div .matter{padding:10px; font-size:13px; position:relative;}
.push-notification .box-div .codebtn{padding:10px;}
.push-notification .box-div .codebtn .collapse{ position:absolute; bottom:0px; padding:20px; text-align:center; background-color:#fff;}

/*----------------------------------------------------------------------------*/
#msform fieldset {position: relative; text-align:right;}
#msform fieldset:not(:first-of-type) {display: none}
#msform fieldset .form-card {background: white; border:1px solid #eee; position: relative; padding:20px; margin-bottom:20px; text-align:left;}
#msform .btn-orange-outline{position:static; margin:0px;}

#progressbar {margin:0 0 30px; overflow: hidden; color: lightgrey; padding:0px; text-align:center;}
#progressbar .active {color: #000000}
#progressbar li {list-style-type: none; font-size: 12px;}

.fs-title{border-bottom:1px solid #ccc; padding-bottom:10px; margin-bottom:20px;}
/*#progressbar #Set-Target:before {font-family: FontAwesome;content: "\f023"}
#progressbar #personal:before {font-family: FontAwesome;content: "\f007"}
#progressbar #payment:before {font-family: FontAwesome;content: "\f09d"}
#progressbar #confirm:before {font-family: FontAwesome;content: "\f00c"}*/

#progressbar li{counter-increment: my-awesome-counter;}
#progressbar li:before{content: counter(my-awesome-counter) "";}
#progressbar li:before {width: 50px;height: 50px;line-height: 45px;display: block;font-size: 18px;color: #ffffff;background: lightgray;border-radius: 50%;margin: 0 auto 10px auto;padding: 2px; position:relative; z-index:2;}
#progressbar li:after {content: ''; width: 100%;height: 2px;background: lightgray; position: absolute;left: 0;top: 25px;z-index:1}
#progressbar li.active:before,
#progressbar li.active:after {background:#ff5e3a;}

#msform .btn-orange-outline:focus-within,
#msform .btn-orange-outline.active{background-color:#ff5e3a; color:#fff;}

#msform .nav-tabs .nav-link{border-width:2px; border-color:#ff5e3a; border-bottom:0px; margin:0 10px; font-size:16px; padding:10px 30px;}

.namedata{font-size:16px; font-weight:500;line-height:1; max-height:200px; overflow-y:scroll;}
.namedata .form-check{padding:0px; border-top:1px solid #ccc; border-bottom:1px solid #f9f9f9; padding:10px 10px 10px 35px;}
.namedata .form-check:first-child{border-top:0px;}
.namedata .form-check:last-child{border-bottom:0px;}
.namedata .form-check-label {position: relative; display:block; cursor:pointer; padding-left:10px;}
.namedata .form-check-label small{display:block; line-height:1;}
/* Hide the browser's default checkbox */
.namedata .form-check-label input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
/* Create a custom checkbox */
.namedata .checkmark {position: absolute;top:0px; left: -25px; height: 25px; line-height:25px; width: 25px; text-align:center; background-color: #eee;}
/* On mouse-over, add a grey background color */
.namedata .form-check-label:hover input ~ .checkmark {background-color: #ccc;}
/* When the checkbox is checked, add a blue background */
.namedata .form-check-label input:checked ~ .checkmark {background-color: #ff5e3a;}
/* Create the checkmark/indicator (hidden when not checked) */
.namedata .checkmark:after {content: ""; display: none;}
/* Show the checkmark when checked */
.namedata .form-check-label input:checked ~ .checkmark:after {display: block;}
/* Style the checkmark/indicator */
.namedata .form-check-label .checkmark:after {content:"\f00c"; font-family: 'FontAwesome'; color:#fff; font-size:18px;}

.follow_win_scratchcard .card{padding:23px; border-color:#ccc; border-radius:0px;}
.follow_win_scratchcard .card:hover{transform:none;}

.addcitylist ul,.addcitylist li{margin:0px; padding:0px; list-style:none;}
.addcitylist li{border-bottom:1px solid #e3e3e3; padding:10px; position:relative;}
.addcitylist li .close{position:absolute; padding:11px; right:0px; top:0px; color:#0006; font-size:15px;}
.addcitylist li .close:hover{color:#000;}
.addcitylist .position-absolute{left:0px;width:100%;background-color:#fff;max-height:300px;overflow-y:scroll;z-index: 1; padding:10px; box-shadow:0 0 30px #0003;}
.addcitylist .position-absolute li{background-color:#fff;}

.nun{position:static; width:inherit !important;}
.nun, .nun li{padding:0px; margin:0px; list-style:none;}

.fullpage-loader{position:absolute; top:0px; bottom:0px; left:0px; right:0px; background:#fffc url(../../images/Reload.gif) center no-repeat; z-index:99999;}


@media(max-width:768px){
    #msform fieldset .form-card{padding:0px; border:0px;}
    #msform h5{margin-top:30px;}
    .fs-title .float-right{float:none !important; padding:15px 0px; display:block;}
}
 .mobiledropdown a {
        font-size:13px!important;padding:10px 10px!important;border-bottom:solid 1px rgba(0,0,0,.2)}
    .mobiledropdown a:hover {
    background:#ff5e3a!important;color:#fff!important;}
.mobiledropdown {
padding:0px!important;}
@media screen and (max-width:920px)
{
    .mobiledropdown {    position: fixed!important;
    transform: translate3d(0px, -17px, 0px);
    will-change: transform;
    z-index: 99999999;
    left: 50%!important;
    top: 50%!important;
    margin-left: -80px !important;
    margin-top: -220px !important;
    }
       
        
}
.campaign-header{text-align: center;
    margin-bottom: 27px;}
.campaign-name{text-align: center;}
    .campaign-name .form-control {    max-width: 500px;
    margin: auto;
    border: none;
    border-bottom: solid 1px #333;
    border-radius: 0px;
    box-shadow: none;text-align:center
    }
.radiobuttonbox {
display:table;margin:auto;border:solid 1px #eee;padding:20px;box-shadow:0px 0px 40px rgba(0,0,0,.1)}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
background:url(/Assets/images/tick3.png)!important;border-radius:4px!important;}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
display:none!important}
.totalbudget {
text-align:center;font-size:30px;}
.totalbudget small{font-weight:300;font-size:16px;display:block;margin-bottom:10px;}

.boxheading {
padding:5px 5px;}
.openmobilecontacts,.closemobilecontacts {display:none;
}
@media screen and (max-width:920px)
{
   
    .followandwin:after, .followandwin:before {
    display:none;}
    .followandwin {
    margin:0px;}
    #dvcontact {position:fixed;z-index:999999999999999;background:#fff;width:100vw;height:100vh;top:0px;left:0px; padding:10px;opacity:0;visibility:hidden;}
     .openmobilecontactspopup {
    display:block!important; }
        #dvcontact .border {
        padding:10px;border:none!important;}
        #dvcontact h5 {
        margin-top:0px;}
    .namedata {height: 75vh!important;
    max-height: 65vh!important;
    }
        .namedata .form-check {    font-size: 14px;
        }
        .namedata .form-check-label small {
        margin-top:5px;display:block;}
   .closemobilecontacts {
    position:fixed;bottom:0px;width:100%;padding:15px;background:#333;color:#fff;font-size:16px;font-weight:700;left:0px;text-align:center;display:block;}
    .openmobilecontacts {
        display: table;
    padding: 15px 20px;
    background: #ff5e3a;
    /* width: 100%; */
    text-align: center;
    margin: auto;
    border-radius: 5px;
    color: #fff;margin-bottom:20px;font-weight:700;font-size:16px;}
        .openmobilecontacts i {
        margin-right:10px;}
}

#login-wrapper {max-width:400px;margin:auto;padding:20px;background:#fff url(/Assets/images/loginbg.png) top center no-repeat;border-radius:10px;box-shadow:0px 0px 40px rgba(0,0,0,.2);padding-top:100px;position:relative;z-index:99;position:relative;}
    #login-wrapper:after {
    position:absolute;width:269px;height:100%;content:"";top:0px;right:-200px;background:url(/images/loginbgnew.png) center bottom no-repeat;}
.login-logo {width:180px;margin:auto;display:table;}
#login-wrapper h1 {text-align:center;font-weight:300;line-height:28px;margin:20px auto}
#login-wrapper h1 strong{font-weight:700;}
.login-input-box{border:solid 1px #333;border-radius:50px;overflow:hidden;margin-bottom:20px;}
    .login-input-box input {border:none;padding:10px;outline:none;box-shadow:none!important;}
    .login-input-box img {margin:10px;position:relative;left:5px;    }
.loginbtn {background-image: linear-gradient( 88.7deg,  rgba(205,33,42,1) 10.6%, rgba(236,95,5,1) 90% );width:100%;padding:15px;color:#fff;border-radius:50px;font-size:20px;text-transform:uppercase;border:none;box-shadow:0px;outline:none;
}
.login-text h1{margin:0px;font-size:30px;margin-top:40px;
}
    .login-text h1:after {
    content:"";width:100px;height:3px;background:#333;float:left;margin:20px 0px;margin-bottom:50px;}
    .login-text h1 span {
    display:block;}
    .login-text h1 strong {
    color:#ff5e3a}
.login-text p {
font-size:22px;line-height:normal;color:#666;margin-top:20px;font-weight:300}
.loginlist {margin:0px;padding:0px;list-style:none;
}
    .loginlist img, .loginlist h2 {
    display:inline-block}
    .loginlist li{clear:both;display:block;margin-bottom:20px;}
    .loginlist .loginicon {
    border:solid 1px #333;border-radius:100%;padding:15px;width:45px;height:45px;float:left;background:#fff;}
    .loginlist img {
    width:25px;position:relative;left:-7px;top:-7px;}
    .loginlist h2 {
    font-size:20px;padding-top:12px;margin-left:20px;}
#loginpage {
background: rgb(255,255,255);
background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(204,204,204,1) 97%);}
@media screen and (max-width:920px)
{
    #login-wrapper:after {display:none;}
    #login-wrapper {
    width:100%;height:100vh;margin-top:0px;border-radius:0px;overflow-y: scroll;}
    #loginpage {
    padding-top:0px;}
    .logincontainer {
    padding-left:0px;padding-right:0px;}
}
.checkboxborder {padding: 10px 20px;
    border: solid 0px #333;
    border-radius: 45px;
    background: #fff2ef;margin:0px 10px;
}
#forgotpasswordmodal p {
line-height:25px;margin-bottom:20px;}
.forgotpasswordtext {
display:table;margin:auto;padding:10px;box-shadow:0px 0px 40px rgba(0,0,0,.1);border-radius:40px;margin:20px auto;}
    .forgotpasswordtext input {border:none;box-shadow:none;
    }