:root{
    --bgSignup:#4b4066;
    --storeColor:#0f8f46;
    --timeline:#3e2048;
    --freelancer:#c45508;
    --jobboard:#1f3060;
    --realestate:#95ba3d;
    --events:#c11f50;
    --artncraft:#99068a;
    --video:#255aa8;
    --training:#417281;
    --classified:#09a4ae;
    --business:#8c5d25;
    --news:#3e2048;
    --businessforsale:#608A36;
    --nft:#99068a;
    --pos:#FCFFDA;
    --btnDanger: #ff6666;
    --btnMisc: #9966cc;
    --btnChange: #cc9933;
    --btnSafe: #99cc99;

}
.logo{
    width: 50px;
}
.btn-red {
    border-color: var(--btnDanger);
    background-color: #fff;
    color: var(--btnDanger);
    font-size: larger;
    font-weight: bold;
    padding: 2px 16px;
    border: 3px solid;
    border-radius: 10px;
}
.btn-red:hover {
    border-color: var(--btnDanger);
    background-color: var(--btnDanger);
    color: #fff;
    font-size: larger;
    font-weight: bold;
    padding: 2px 16px;
    border: 3px solid;
    border-radius: 10px;
}
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Poppins';
}
.btn-misc {
    border-color: var(--btnMisc);
    background-color: #fff;
    color: var(--btnMisc);
    font-size: larger;
    font-weight: bold;
    padding: 2px 16px;
    border: 3px solid;
    border-radius: 10px;
}
.btn-misc:hover {
    border-color: var(--btnMisc);
    background-color: var(--btnMisc);
    color: #fff;
    font-size: larger;
    font-weight: bold;
    padding: 2px 16px;
    border: 3px solid;
    border-radius: 10px;
}
.btn-Change {
    border-color: var(--btnChange);
    background-color: #fff;
    color: var(--btnChange);
    font-size: larger;
    font-weight: bold;
    padding: 2px 16px;
    border: 3px solid;
    border-radius: 10px;
}
.btn-Change:hover {
    border-color: var(--btnChange);
    background-color: var(--btnChange);
    color: #fff;
    font-size: larger;
    font-weight: bold;
    padding: 2px 16px;
    border: 3px solid;
    border-radius: 10px;
}
.btn-Safe {
    border-color: var(--btnSafe);
    background-color: #fff;
    color: var(--btnSafe);
    font-size: larger;
    font-weight: bold;
    padding: 2px 16px;
    border: 3px solid;
    border-radius: 10px;
}
.btn-Safe:hover {
    border-color: var(--btnSafe);
    background-color: var(--btnSafe);
    color: #fff;
    font-size: larger;
    font-weight: bold;
    padding: 2px 16px;
    border: 3px solid;
    border-radius: 10px;
}
.bg-timeline{
    background-color: var(--timeline);
}


.fa.fa-trash {
    color: red !important;
}

.i.fa.fa-pencil {
    color: #31ace3 !important;
}

/* .fa.fa-pencil {
    color: #31ace3 !important;
} */

/* .fa.fa-eye {
    color: #ff8300;
} */



.bg-store{
    background-color: var(--storeColor);
}
.bg-signup{
    background-color: var(--bgSignup);
}
.bg-freelance{
    background-color: var(--freelancer);
}
.bg-realestate{
    background-color: var(--realestate);
}
.bg-events{
    background-color: var(--events);
}
.bg-artcraft{
    background-color: var(--artncraft);
}
.bg-video{
    background-color: var(--video);
}
.bg-training{
    background-color: var(--training);
}
.bg-classified{
    background-color: var(--classified);
}
.bg-business{
    background-color: var(--business);
}
.bg-news{
    background-color: var(--news);
}
.bg-businessforsale{
    background-color: var(--businessforsale);
}
.bg-nft{
    background-color: var(--nft);
}
.bg-pos{
    background-color: var(--pos);
}
.btn.sell{
    padding: 6px 25px;
    font-size: 16px;
    font-weight: 700;
}

.realDashboard .header_po li a:focus,
.realDashboard .header_po li a:hover {
    background-color: #95ba3d;
    color: #000;
}

::-webkit-input-placeholder {
    font-family: 'Poppins';
}

::-moz-placeholder {
    font-family: 'Poppins';
}

:-ms-input-placeholder {
    font-family: 'Poppins';
}

:-moz-placeholder {
    font-family: 'Poppins';
}

::-webkit-input-placeholder {
    font-family: 'Poppins';
}

:-moz-placeholder {
    font-family: 'Poppins';
}

::-moz-placeholder {
    font-family: 'Poppins';
}

:-ms-input-placeholder {
    font-family: 'Poppins';
}

#buRegForm {
    margin-top: 15px
}

.navbarbnrand img {
    height: 78px;
    width: 78px
}

.navbartog {
    background-color: #fff
}

.navbartog span.icon-bar {
    background-color: #000
}

.headerBtnSearch {
    height: 34px
}

.headers {
    background-size: cover;
    min-height: 464px;
}

.btn-green {
    background-color: #17ab56 !important
}

.btn-green:hover {
    background-color: rgba(23, 171, 86, .5);
    color: #000;
    opacity: 0.8
}

.collapse_ {
    margin-top: 25px
}

.collapse_ ul li a {
    padding: 10px 40px !important;
    color: #fff;
    font-size: 14px
}

.collapse_ ul li a:focus,
.collapse_ ul li a:hover {
    background-color: transparent;
    color: #fff
}

.topsearch {
    margin-top: 30px
}

.topsearch h2,
.topsearch h3 {
    color: #fff;
    font-family: 'Poppins';
    text-shadow: 2px 0 0 #000, -2px 0 0 #000, 0 2px 0 #000, 0 -2px 0 #000, 2px 2px #000, -2px -2px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000
}

.topsearch h2 {
    font-size: 48px
}

.topsearch h3 {
    font-size: 36px;
    margin-top: 10px
}

#searchform select {
    float: left;
    width: 25%;
    opacity: .9;
    border-radius: 7px 0 0 7px !important;
    border: 1px solid #706f6d;
    padding: 8px;
    height: 45px;
    font-size: 18px;
    font-family: 'Poppins';
}

#searchform input {
    float: left;
    width: 75%;
    height: 45px;
    padding: 8px;
    background-color: rgba(255, 255, 255, .7);
    color: #000;
    font-size: 18px;
    font-family: 'Poppins';
    border-radius: 0 7px 7px 0 !important;
    border: 1px solid #706f6d;
    padding-right: 40px
}

#searchform input::-webkit-input-placeholder {
    color: #000
}

#searchform input:-moz-placeholder {
    color: #000
}

#searchform input::-moz-placeholder {
    color: #000
}

#searchform input:-ms-input-placeholder {
    color: #000
}

#searchform input::-ms-input-placeholder {
    color: #000
}

#searchform button {
    position: absolute;
    right: 17px;
    font-size: 25px;
    top: 12px;
    background-color: transparent
}

#profileDropDown {
    margin-top: 45px;
    width: 200px
}

#profileDropDown li {
    border-bottom: 1px solid #ccc;
    width: 100%
}

#profileDropDown li a {
    padding: 5px 0;
    display: block
}

#profileDropDown li:hover {
    background-color: #edeef0
}

#profileDropDown li.active {
    background-color: #edeef0
}

#profileDropDown li.active a {
    color: #000
}

.homepage {
    padding: 0 30px 80px
}

.heading-home {
    padding: 30px
}

.heading-home h2 {
    text-transform: uppercase;
    font-weight: 700;
    font-family: 'Poppins';
    font-size: 24px;
    margin: 0
}

.col-lg-5ths,
.col-md-5ths,
.col-sm-5ths,
.col-xs-5ths {
    position: relative;
    min-height: 1px
}

.col-xs-5ths {
    width: 25%;
    float: left
}

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

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

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

.home_explore {
    width: 100%;
    height: 204px;
    border-top: 1px solid #959595;
    border-left: 1px solid #959595
}

.border_right {
    border-right: 1px solid #959595
}

.border_bottom {
    border-bottom: 1px solid #959595
}

.home_explore img {
    margin: 0 auto;
    padding-top: 30px;
    width: 73px
}

.home_explore span {
    border-bottom: 1px solid #000
}

.explore_link a h3 {
    text-transform: uppercase;
    font-size: 18px;
    font-family: 'Poppins';
    margin-bottom: 3px;
    color: #8c5d25;
}

.explore_link a {
    color: #000
}

.explore_link a:hover {
    text-decoration: none
}

.box_1:hover {
    background-color: #9ce6ff
}

.box_2:hover {
    background-color: #daff8c
}

.box_3:hover {
    background-color: #a4fbc1
}

.box_4:hover {
    background-color: #ffbb63
}

.box_5:hover {
    background-color: #a7cae3
}

.box_6:hover {
    background-color: #d2a2d2
}

.box_7:hover {
    background-color: #fbdd97
}

.box_8:hover {
    background-color: #fcd1c1
}

.box_9:hover {
    background-color: #d46e96
}

.box_10:hover {
    background-color: #f4aea2
}

.box_11:hover {
    background-color: #efc75e
}

.box_12:hover {
    background-color: #e6f77a
}

.box_13:hover {
    background-color: #a9e7fb
}

.box_14:hover {
    background-color: #fdccab
}

.box_15:hover {
    background-color: #c5e8fd
}

.no-margin {
    margin: 0;
    font-size:14px!important;
}

.no_mrgn_left {
    margin-left: 0 !important
}

.no_mrgn_right {
    margin-right: 0 !important
}

.m_btm_5 {
    margin-bottom: 5px
}

.m_btm_10 {
    margin-bottom: 10px
}

.m_btm_15 {
    margin-bottom: 15px
}

.m_btm_20 {
    margin-bottom: 20px
}

.m_btm_40 {
    margin-bottom: 40px
}

.m_top_20 {
    margin-top: 20px
}

.m_top_10 {
    margin-top: 10px !important
}

.m_top_15 {
    margin-top: 15px;
}

.m_top_100 {
    margin-top: 100px
}

.m_top_130 {
    margin-top: 130px
}

.m_top_150 {
    margin-top: 150px
}

.m_top_200 {
    margin-top: 200px
}

.m_top_80 {
    margin-top: 80px
}

.m_top_60 {
    margin-top: 60px
}

.m_top_45 {
    margin-top: 45px
}

.email_marketing {
    background-image: url(../images/bg/email_mkt.png);
    background-size: cover;
    min-height: 242px;
    padding-right: 12px
}

.sms_marketing {
    background-image: url(../images/bg/sms_mkt.png);
    background-size: cover;
    min-height: 242px;
    padding-right: 12px
}

.email_marketing h4,
.sms_marketing h4 {
    text-transform: uppercase;
    font-size: 18px;
    color: #000;
    margin-top: 20px
}

.email_marketing p,
.sms_marketing p {
    font-size: 14px;
    color: #fff;
    line-height: 18px
}

.butn-white-trans {
    background-color: transparent;
    border-radius: 5px;
    border: 1px solid #fff;
    color: #fff;
    text-transform: uppercase
}

.butn-white-trans:hover {
    text-decoration: none;
    color: #fff;
    background-color: #000;
    border: 1px solid #000
}

.sms_campaign {
    padding: 20px
}

.sms_campaign input[type=text],
.sms_campaign select,
.sms_campaign textarea {
    border-radius: 0
}

.sms_campaign label {
    color: #8e8f8f;
    font-size: 18px;
    font-family: 'Poppins';
    font-weight: 400
}

.multiselect-native-select .btn-group,
.multiselect-native-select button {
    width: 100%
}

.right_import_user {
    background-color: #f8f8fa;
    border: 1px solid #ccc;
    padding: 10px
}

.right_import_user a {
    color: #8e8f8f;
    font-size: 18px;
    font-family: 'Poppins';
    margin-top: 10px;
    display: block
}

.right_import_user a:hover {
    text-decoration: none
}

#importuser .multiselect-container,
#importusertoo .multiselect-container {
    height: 300px;
    width: 300px;
    overflow-y: scroll;
    overflow-x: hidden
}

.trndpox {
    border: 1px solid #c3c3c3;
    border-radius: 0;
    padding: 15px 15px 0;
    margin-bottom: 10px
}

.trndpox:hover {
    -webkit-box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, .175);
    -moz-box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, .175);
    box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, .175)
}

.trndpox a img {
    margin: 0 auto;
    height: 200px
}

.trndpox a:hover {
    text-decoration: none
}

.trndpox h4 {
    font-size: 16px;
    color: #000
}

.trndpox p {
    color: #c3c3c3;
    font-size: 14px
}

.pad_lft_rt_15 {
    padding-left: 15px;
    padding-right: 15px
}

.pad_left_right_5 {
    padding: 0 5px
}

.feat_box {
    padding: 10px;
    min-height: 317px;
    margin: 15px
}

.feat_box h2 {
    font-size: 16px;
    color: #000;
    text-transform: uppercase;
    font-weight: 700
}

.feat_box h2 span {
    color: #fff
}

.feat_box p {
    color: #000
}

.feat_box img {
    position: absolute;
    bottom: 0;
    margin: 0 auto;
    margin-left: 25px
}

.box_feat_1 img {
    height: 120px;
    margin-left: 53px
}

.box_feat_2 img {
    margin-left: 53px;
    height: 120px
}

.box_feat_3 img {
    margin-left: 43px;
    height: 120px
}

.box_feat_4 img {
    margin-left: 13px;
    width: 9%;
    background-size: 100%
}

.box_feat_1 {
    background-color: #a0e266
}

.box_feat_2 {
    background-color: #f15353
}

.box_feat_3 {
    background-color: #fce047
}

.box_feat_4 {
    background-color: #a4d6f9
}
.container {
    margin: 0 auto;
    max-width: 1440px !important;
}
.foot {
    background-color: #202548;
    padding: 20px
}

.foot h3 {
    color: #fff;
    text-transform: uppercase;
    font-size: 10px
}

.foot p {
    color: #fff;
    font-size: 14px;
    line-height: 23px;
    padding: 0 0 8px 0;
}

.sociallinks a i {
    border-radius: 50%;
    height: 40px;
    width: 40px;
    padding: 10px;
    color: #fff;
    margin-right: 5px;
    font-size: 30px ;
}

.sociallinks a:nth-child(1) i {
    padding-left: 13px
}

.sociallinks a:nth-child(2) i {
    padding-left: 14px
}

.sociallinks a:nth-child(3) i {
    padding-left: 13px;
    padding-top: 13px
}

.sociallinks a:nth-child(4) i {
    padding-left: 12px;
    padding-top: 11px
}

.foot h2 {
    color: #fff;
    text-transform: uppercase;
    margin: 0 0 20px 0 !important;
    font-size: 16px
}

.foot p a {
    color: #fff;
    font-size: 14px
}

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

.foot ul {
    padding-left: 15px
}

.foot ul li {
    list-style: none;
    padding-left: 0 !important;
    color: #fff;
    margin-bottom: 10px
}

.foot ul li:nth-child(1) {
    list-style-image: url(../images/icon/phone_icon.png)
}

.foot ul li:nth-child(2) {
    list-style-image: url(../images/icon/email_icon.png)
}

.foot ul li:nth-child(3) {
    list-style-image: url(../images/icon/pin_icon.png)
}

.btm_foot {
    background-color: #203248;
    padding: 10px
}

.btm_foot p {
    color: #FFF;
    margin: 0
}

.header_two {
    background-color: #3e2048;
    padding: 0 10px 5px
}

.left_head_top img {
    float: left;
    width: 50px;
    margin-right: 10px
}

.seprator {
    padding: 0 !important;
    margin-top: 5px;
    color: #a3b5c5
}

.setting_left {
    right: 0;
    left: auto !important
}

.setting_left li {
    padding: 0 !important;
    width: auto;
    display: block
}

.timelinedrop li a:hover {
    background-color: #032350 !important;
    color: #fff
}

.loc_drop {
    width: 10%;
    float: left;
    margin-top: 5px;
    border-radius: 5px 0 0 5px !important;
    padding-left: 19px;
    padding-right: 0 !important;
    background-image: url(../images/icon/loc_top.png);
    background-repeat: no-repeat;
    background-position: 3px 7px;
    font-size: 12px;
    padding-top: 8px
}
/* 
.cate_drop {
    width: 30% !important;
    float: left;
    margin-top: 5px;
    border-radius: 0 !important;
} */

.inner_top_form input[type=text] {
    width: 57%;
    float: left;
    margin-top: 5px;
    border-radius: 0;
    background-size: 25px
}

.inner_top_form button {
    margin-top: 5px;
    border-radius: 0px;
    
}

.right_head_top {
    margin-top: 20px
}

.right_head_top ul {
    float: right;
    padding-left: 0
}

.right_head_top ul li {
    list-style: none;
    float: left;
    padding-left: 5px;
    padding-right: 5px;
    min-height: 32px
}

.setting_left li:hover {
    background-color: #568E8C
}

.right_head_top ul li a,
.right_head_top ul li a focus,
.right_head_top ul li a:hover {
    background-color: transparent !important;
    display: block
}

.setting_left li a {
    line-height: 24px
}

.right_head_top ul li:nth-child(6) {
    border-right: none !important
}

.right_head_top ul li img {
    float: left;
    margin-right: 15px;
    display: inline;
    height: 32px;
    width: 32px
}

.right_head_top ul li p {
    color: #fff;
    font-family: 'Poppins';
    font-size: 12px;
    margin: 0;
    padding-top: 8px;
    float: left
}

.dropdown-toggle i,
.right_head_top a i {
    color: #fff;
    font-size: 18px;
    margin-top: 8px
}

.dropdown-toggle .caret {
    color: #fff;
    font-size: 25px
}

.dropdown-menu li {
    border-right: none !important
}

.bg_gray {
    background-color: #edeef0
}

.bg_white {
    background-color: #fff
}

.bg_gray_light {
    background-color: #f8f9fa
}

.bg_black {
    background-color: #282828
}

.bg_green_dark {
    background-color: #40551a !important
}

.bg_green_art {
    background-color: #24bd9d !important
}

.bg_green_parot {
    background-color: #7bc545 !important
}

.bg_pink_dark {
    background-color: #e0117c
}

.bg_red_dark {
    background-color: #af0808
}

.bg_color_2 {
    background-color: #1a4c55
}

.bg_color_1 {
    background-color: #0a7a73
}

.bg_brown_dark {
    background-color: #602d00
}

.bg_purple_dark {
    background-color: #4e0639 !important
}

.bg_purple {
    background-color: #b045c5 !important
}

.bg_blue_dark {
    background-color: #174084
}

.bg_login {
    background-image: url(../images/login/bg_login.jpg);
    background-repeat: no-repeat;
    background-size: cover
}

.bg_signup {
    background-image: url(../images/login/bg_signup.jpg);
    background-repeat: no-repeat;
    background-size: 100%
}

.bg_forgot {
    background-image: url(../images/login/bg_forgot.jpg);
    background-repeat: no-repeat;
    background-size: 100%
}

.bg_orange h3 {
    color: #fff !important
}

.bg_dark_green {
    background-color: #42a4bb
}

.bg_ajeb_green {
    background-color: #78d6c7
}

.bg_ajeb_green_lite {
    background-color: #a7e4ff
}

.bg_lte_blue {
    background-color: #5ccdfe
}

.bg_store_green {
    background-color: rgba(34, 177, 76, .5)
}

.bg_store_orange {
    background-color: rgba(255, 127, 39, .5)
}

.bg_store_blue {
    background-color: rgba(63, 72, 204, .5)
}

.bg_store_purple {
    background-color: rgba(163, 73, 164, .5)
}

.left_grid ul {
    padding-left: 0
}

.left_grid ul li {
    list-style: none;
    padding-left: 5px;
    margin-bottom: 0;
    padding-bottom: 2px
}

.left_grid ul li img {
    float: left;
    margin-top: 5px;
    margin-right: 10px;
    width: 25px;
    height: 25px;
}

.left_group_black ul li a {
    color: #000
}

.left_group_gray ul li a {
    color: #000
}

.active_group a {
    color: #000 !important
}

.left_grid ul li a {
    margin-top: 10px
}

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

.left_grid ul li a p {
    padding-top: 10px;
    margin-bottom: 5px
}

.landing_page,
.main_box {
    padding: 20px
}

.left_grid h2 {
    text-transform: uppercase;
    font-family: 'Poppins';
    font-size: 13px;
    margin-left: 5px;
    color: #000
}

.topstatus {
    background-color: #eaeaea;
    border: 1px solid #ccc;
    padding: 10px;
    border-bottom: none
}

.myProfileComponent img {
    width: 14px;
}

.topstatus span img {
    margin-right: 5px;
    float: left
}

.topstatus .seprate {
    padding: 0 10px 0 10px
}

.createbox label {
    font-size: 14px;
    font-weight: 400
}

.composeTxt label:hover {
    cursor: pointer
}

.separator {
    border-right: 1px solid #ccc;
    height: 60px;
    margin: 0 0 10px -30px
}

.btn-bs-file {
    position: relative
}

.btn-bs-file:hover {
    cursor: pointer
}

.btn-bs-file input[type=file] {
    position: absolute;
    top: -9999999;
    opacity: 0;
    width: 0;
    height: 0;
    outline: 0;
    cursor: inherit
}

.img_posting_absolut {
    position: absolute
}

.statusimage img {
    height: 50px;
    width: 50px;
    top: 18px;
    left: 30px
}

.statusimage textarea {
    border-radius: 0 !important;
    padding-left: 70px;
    padding-top: 18px;
    resize: none
}

.commentprofile {
    min-height: 80px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-top: none;
    border-radius: 0
}

.commentprofile h3 {
    font-family: 'Poppins';
    font-size: 14px;
    color: #7e7e7e;
    text-align: center
}

.commentprofile textarea {
    border: none !important;
    border-radius: 0 !important;
    resize: none;
    box-shadow: none
}

.commentprofile textarea:focus {
    box-shadow: none
}
.post_btn_footer {
    background-color: #f4f4f4;
    padding: 5px;
    border: 1px solid #ccc;
    border-top: 0;
    height: 50px
}

.post_btn_footer .emojii {
    background-color: transparent
}

.timeline_butn .caret {
    color: #000
}

.editPostTimeline button,
.timeline_butn .btnPosting,
.timeline_butn button {
    background-color: #032350;
    color: #fff;
    border-radius: 0
}

.dropdown-toggle:focus,
.editPostTimeline button:focus,
.editPostTimeline button:hover,
.timeline_butn .btnPosting:hover,
.timeline_butn button:hover,
.timeline_butn:focus {
    color: #fff;
    opacity: 0.8
}

.timeline_butn .dropdown-toggle {
    background-color: transparent;
    padding: 5px
}

.timeline_butn {
    position: absolute;
    bottom: 12px;
    right: 20px
}

.dropdown-menu {
    padding: 0
}

#paddingUl ul.multiselect-container {
    padding: 0 10px 10px !important
}

.dropdown-menu li label {
    background-color: #eaeaea;
    border: 1px solid #bdbdbd;
    display: block;
    margin: 0;
    padding: 8px;
    color: #7e7e7e
}

.sp-form-post {
    margin-bottom: 10px
}

#sp-form-post label span {
    color: red
}

.first_photo {
    border: 1px solid #c6c6c6;
    border-radius: 2px;
    padding: 20px;
    background-color: #fff;
    margin-top: 15px;
    margin-bottom: 5px
}

.first_photo h2 {
    color: #000;
    font-family: 'Poppins';
    font-size: 24px;
    margin: 0
}

.first_photo p {
    color: #7e7e7e;
    margin: 0;
    font-size: 14px
}

.first_photo img {
    margin: 20px auto
}

.butn_photo {
    background-color: #343b41;
    color: #fff;
    padding: 10px 40px;
    font-family: 'Poppins';
}

.butn_photo:hover {
    color: #fff
}

.cross_box {
    display: block
}

.cross_box img {
    position: absolute;
    right: 35px;
    top: 10px
}

.social_media {
    width: 300px;
    margin: 10px auto
}

.social_media a {
    display: block;
    padding: 10px 30px;
    text-align: left;
    color: #fff;
    font-family: 'Poppins';
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 15px
}

.social_media a:hover {
    text-decoration: none
}

.social_media a i {
    font-size: 22px;
    margin-right: 10px
}

.fb {
    background-color: #1b5c81;
    color: #fff;
    border-radius: 3px
}

.twt {
    background-color: #55aaf0;
    color: #fff;
    border-radius: 3px
}

.goog {
    background-color: #db5046;
    color: #fff;
    border-radius: 3px
}

.event_timeline {
    padding-top: 20px
}

.event_timeline h4 {
    font-family: 'Poppins';
    font-size: 16px;
    color: #000
}

.event_timeline .date_timeline {
    font-family: 'Poppins';
    font-size: 14px;
    color: #000
}

.event_timeline .pp_intrest {
    color: #7f7f7f;
    font-family: 'Poppins';
    font-size: 14px
}

.event_timeline .event_rating span {
    float: left;
    font-family: 'Poppins';
    font-size: 14px;
    margin-right: 10px
}

.event_timeline .event_rating span img {
    display: inline;
    margin-right: 3px;
    clear: both
}

.event_timeline a {
    border: 1px solid #5b5b5b;
    color: #5b5b5b;
    font-family: 'Poppins';
    font-size: 14px;
    background-color: #edeef0;
    position: absolute;
    right: 5px;
    top: 0
}

.half-space {
    min-height: 10px
}

.space {
    min-height: 20px
}

.space-md {
    min-height: 30px
}

.space-lg {
    min-height: 40px
}

.left_event_img {
    margin: 0;
    width: 100%
}

.seelAll {
    background-color: #eaeaea;
    display: block;
    padding: 8px;
    border: 1px solid #c6c6c6
}

.seelAll a {
    font-size: 16px;
    color: #1b5c81;
    font-family: 'Poppins';
}

.right_box_timeline a.links:focus,
.right_box_timeline a.links:hover,
.right_box_timeline h2 span a,
.seelAll a:hover {
    text-decoration: none
}

.right_box_timeline a.links:focus,
.right_box_timeline a.links:hover {
    color: #999
}

.right_box_timeline {
    background-color: #fff;
    border: 1px solid #c6c6c6;
    padding: 10px;
    margin-bottom: 0;
    margin-top: 10px
}

.right_box_timeline a.links,
.right_box_timeline h2 {
    font-family: 'Poppins';
    font-size: 16px;
    color: #000;
    margin: 0
}

.right_box_timeline h2 img {
    display: inline
}

.right_box_timeline h2 span a {
    color: #253340
}

.right_box_timeline h3,
.right_box_timeline h3 a {
    font-family: 'Poppins';
    font-size: 14px;
    margin: 0;
    color: #2784c5
}

.join_timeline_main h4 a:hover,
.right_box_timeline h3 a:hover {
    text-decoration: none;
    color: #286090 !important
}

.right_box_timeline .green_clr:hover {
    color: #66e352
}

.right_box_timeline .panel-group {
    margin: 0
}

.panel-group .panel {
    border: none;
    box-shadow: none
}

.join_timeline_main h4 {
    margin-bottom: 0;
    margin-top: 0
}

.join_timeline_main h4 a {
    color: #253340;
    font-family: 'Poppins';
    display: block;
    margin-top: 8px
}

.join_timeline_main .date {
    font-size: 10px
}

.news_feed img {
    width: 43px;
    height: 43px
}

.news_feed p {
    font-size: 14px !important
}

.even_ban img,
.right_grp img,
.store_img img {
    margin: 0 auto;
    height: 63px;
    width: 63px
}

.grp_min_height_80 {
    min-height: 83px
}

.no-padding {
    padding: 0 !important
}

.no-padding-left {
    padding-left: 0;
    padding-right: 8px
}

.no_pad_left_right {
    padding-left: 0;
    padding-right: 15px
}

.no-padding-right {
    padding-left: 10px;
    padding-right: 0
}

.p_left_5 {
    padding-left: 5px
}

.right_box_timeline h5 {
    margin: 0;
    font-family: 'Poppins';
    font-size: 12px
}

.green_clr {
    color: #2f9000;
    font-family: 'Poppins';
    font-size: 12px
}

.green_clr:hover {
    font-size: 15px;
    color: #3e2048 !important;
}

.red_clr {
    color: #f00909
}

.gray_clr {
    color: #ccc
}

.black_clr {
    color: #000 !important
}

.yellow_clr {
    color: #ffe713
}

.chat_timeline,
.join_timeline {
    float: right;
    background-color: #edeef0;
    border: 1px solid #c6c6c6;
    color: #000;
    padding: 3px 10px;
    margin-right: 10px;
    font-family: 'Poppins';
    font-size: 12px;
    border-radius: 0
}

.join_timeline {
    padding: 3px !important
}

.join_timeline_main h3 {
    margin-bottom: 15px
}

.join_timeline_main p {
    font-family: 'Poppins';
    font-size: 10px;
    color: #727272;
    margin-right: 10px
}

.icon-right {
    margin-right: 20px
}

.create_link {
    margin-left: 10px
}

.create_link a {
    color: #000;
    font-size: 14px;
    font-family: 'Poppins';
}

.login_head {
    background-color: #343b41;
    padding: 10px
}

.logo-sign {
    width: 50px
}

.btn_sign {
    color: #fff;
    margin-top: 10px;
    background-color: var(--bgSignup);
    border-radius: 30px;
    padding: 10px 50px
}

.btn_forgotPass:hover,
.btn_sign:focus,
.btn_sign:hover,
.btn_signup:focus,
.btn_signup:hover {
    color: #fff;
    opacity: .8
}

.btn_signup {
    color: #fff;
    background-color: var(--bgSignup);
    border-radius: 30px;
    padding: 10px 50px
}

.btn_forgotPass {
    color: #fff;

    border-radius: 10px;
    padding: 7px 42px;
    background-color: blueviolet;
    font-weight: bold;
}

.heading h2 {
    font-family: 'Poppins';
    font-size: 30px;
    margin-top: 0
}

.heading p {
    font-family: 'Poppins';
    font-size: 20px
}

.heading img {
    width: 200px;
    margin: 0 auto
}

.sign_widget {
    background-color: #fff;
    border-radius: 15px;
    -webkit-box-shadow: 6px 10px 26px -5px rgba(0, 0, 0, .75);
    -moz-box-shadow: 6px 10px 26px -5px rgba(0, 0, 0, .75);
    box-shadow: 6px 10px 26px -5px rgba(0, 0, 0, .75);
    position: relative;
    border: 1px solid #b6babf
}

.signup_widget {
    background-color: #fff;
    border-radius: 7px;
    -webkit-box-shadow: 6px 10px 26px -5px rgba(0, 0, 0, .75);
    -moz-box-shadow: 6px 10px 26px -5px rgba(0, 0, 0, .75);
    box-shadow: 6px 10px 26px -5px rgba(0, 0, 0, .75);
    position: relative;
    border: 1px solid #b6babf;
    margin-top: 100px
}

.forgot_widget {
    background-color: #fff;
    border-radius: 10px;
    -webkit-box-shadow: 6px 10px 26px -5px rgba(0, 0, 0, .75);
    -moz-box-shadow: 6px 10px 26px -5px rgba(0, 0, 0, .75);
    box-shadow: 6px 10px 26px -5px rgba(0, 0, 0, .75);
    position: relative;
    border: 1px solid #b6babf;
    margin-top: 200px
}

    .logo_login a {
        position: absolute;
        top: -110px;
        left: 40%
    }
/* 
  @media screen and (max-width: 480px) {

.logo_login a {
    position: absolute;
    top: -110px;
    left: 30%
}
  } */
.logo_signup a {
    position: absolute;
    top: -110px;
    left: 43%
}

.logo_forgot a {
    position: absolute;
    top: -110px;
    left: 38%
}

.pad_top_55 {
    padding-top: 55px
}

.pad_top_25 {
    padding-top: 25px
}

.loginForm {
    padding: 0 140px
}

.forgotForm {
    padding: 0 125px
}

.signupForm {
    padding: 0 80px
}

.logo_forgot h5,
.logo_login h5,
.logo_signup h5 {
    font-size: 14px;
    font-family: 'Poppins';
    color: #000;
    margin-bottom: 5px;
    margin-top: 5px
}

.logo_forgot h3,
.logo_login h3,
.logo_signup h3 {
    color: #032350;
    margin: 0;
    font-family: 'Poppins';
    font-size: 26px;
    text-transform: uppercase;
    font-weight: 700
}

.forgotForm label,
.loginForm label,
.signupForm label {
    color: #000;
    font-size: 14px;
    margin: 0
}

.forgotForm input[type=email],
.forgotForm input[type=password],
.loginForm input[type=email],
.loginForm input[type=password],
.signupForm input[type=date],
.signupForm input[type=email],
.signupForm input[type=password],
.signupForm input[type=text],
.signupForm select {
    border-radius: 3px;
    color: #000;
    box-shadow: none;
    background-color: #fafafa
}

.inner_left_login select:focus {
    box-shadow: none
}

.footer_login a,
.forgotForm .forgot_password,
.loginForm .forgot_password {
    color: #000;
    font-size: 14px;
    font-family: 'Poppins';
    display: block;
    margin-top: 10px;
    font-weight: 700
}

.footer_login a:focus,
.footer_login a:hover,
.forgotForm .forgot_password:focus,
.forgotForm .forgot_password:hover,
.loginForm .forgot_password:focus,
.loginForm .forgot_password:hover {
    text-decoration: none;
    color: #032350
}

#sign_up_widget .inner_left_login {
    min-height: 540px
}

#sign_up_widget .form-group {
    margin-bottom: 10px
}

.footer_login {
    margin: 0 auto;
    display: block;
    width: 80%;
    padding-bottom: 15px
}

.inner_left_login .error_show {
    margin-top: 10px;
    margin-bottom: 10px
}

#spUserDob {
    height: 37px
}

.signupPage {
    padding: 0 30px 80px
}

.active_group {
    background-color: #c0d0e0;
    border: 1px solid #fff
}

.group_search input[type=text] {
    border-radius: 0;
    background-color: transparent;
    padding-right: 25px;
    background-image: url(../images/icon/search_top.png);
    background-repeat: no-repeat;
    background-position: 97% 45%;
    background-size: 20px
}

.no_margin {
    margin: 0
}

.banner_btn {
    background-color: #fff;
    padding: 20px;
    border: 1px solid #ccc;
    margin-bottom: 15px
}

.group_banner .banner_img {
    width: 100%;
    height: 300px
}

.group_banner form.grpfrm {
    position: absolute;
    top: 0;
    right: 16px
}

.banner_btn h2,
.group_banner h2 {
    font-family: 'Poppins';
    font-size: 18px;
    color: #333;
    margin: 0
}

.banner_btn i.fa {
    color: #333
}

.banner_btn h2 a {
    color: #2784c5
}

.about_banner {
    background-color: #fff;
    border-radius: 0;
    border: 1px solid #ccc
}

.about_banner h2 {
    margin: 0;
    padding: 10px 20px;
    background-color: #f1f1f2;
    color: #5b5b5b;
    font-size: 16px;
    font-family: 'Poppins';
}

.grpbannerpic {
    width: 64px;
    display: block
}

.desc_desc {
    padding: 20px
}

.desc_desc p {
    color: #5b5b5b;
    font-size: 18px;
    font-family: 'Poppins';
    margin: 0
}

.openbtn {
    font-size: 20px;
    cursor: pointer;
    background-color: #111;
    color: #fff;
    padding: 10px 15px;
    border: none;
    display: none
}

.openbtn:hover {
    background-color: #444
}

.leftsidebar {
    height: 100%;
    width: 100%
}

.leftsidebar a {
    display: block;
    transition: .3s
}

.leftsidebar a:hover {
    color: #f1f1f1
}

.leftsidebar .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
    display: none
}

#main {
    transition: margin-left .5s
}

.btn-tsp {
    color: #000;
    border-radius: 3px;
    border: 1px solid #c6c6c6 !important;
    background-color: #edeef0;
    font-size: 14px;
    min-width: 130px
}

.btn-tsp:hover {
    opacity: 0.7
}

.btn_freelance_inbox,
.btn_freelance_inbox:focus,
.btn_freelance_inbox:hover {
    background-color: #ffddc6;
    color: #000
}

.btn-submit {
     color: #fff; 
    border-radius: 5px;
    background-color: #c11f50 !important;
    font-size: 14px;
    min-width: 90px
}

.btn-submit:focus,
.btn-submit:hover {
     color: #fff; 
    opacity: .8;
     background-image:-moz-linear-gradient(90deg,#02c851 0,#02c851 99%);
    background-image:-webkit-linear-gradient(90deg,#02c851 0,#02c851 99%);
    background-image:-ms-linear-gradient(90deg,#02c851 0,#02c851 99%)
}

.btn-close {
    /* background: #de1111; */
    border-radius: 0;
    background-image: -moz-linear-gradient(90deg, #286090 0, #286090 99%);
    background-image: -webkit-linear-gradient(90deg, #286090 0, #286090 99%);
    background-image: -ms-linear-gradient(90deg, #286090 0, #286090 99%);
    font-size: 14px;
    min-width: 90px;
    
}

.btn-close:focus,
.btn-close:hover {
    color: #fff; 
    opacity: .8;
    background-color: #00dbe9;
    font-size: 14px;
    min-width: 90px

}

.butn_draf {
    color: #fff;
    border-radius: 5px;
    background-color: #00dbe9;
    font-size: 14px;
    min-width: 127px
}

.butn_draf:focus,
.butn_draf:hover {
    color: #fff;
    opacity: .8;
}

.butn_cancel {
  /*  background: #df1717!important;*/
    border-radius: 0;
    font-size: 14px;
    min-width: 90px;
    background-color: #df1717;
    border-radius: 5px;
    color:white;
}

.butn_cancel:focus,
.butn_cancel:hover {
    /* color: #fff; */
    opacity: .8;
}

.btn_searchArt {
    background-color: #99068a !important
}

.uplodcam {
    margin: 15px 0
}

.btn_group_join {
    background-color: #edeef0;
    border: 1px solid #ccc;
    color: #727272;
    font-size: 14px;
    border-radius: 0
}

.banner_btn .caret,
.btn_group_join:focus,
.btn_group_join:hover {
    color: #727272
}

.banner_btn .notify {
    background-color: #edeef0;
    padding: 6px 10px;
    border: 1px solid #ccc;
    display: inline-block;
    color: #727272;
    border-radius: 0
}

.banner_btn .notify img {
    display: inline
}

.banner_btn .ellips:focus,
.banner_btn .ellips:hover,
.banner_btn .notify:focus,
.banner_btn .notify:hover,
.banner_btn h2 a:focus,
.banner_btn h2 a:hover,
.left_store ul li a:focus,
.left_store ul li a:hover {
    text-decoration: none
}

.banner_btn .ellips {
    background-color: #edeef0;
    padding: 8px 15px;
    border: 1px solid #ccc;
    display: inline;
    color: #727272
}

.btn-white {
    background-color: #fff;
    border-radius: 0;
    border: 1px solid #ccc;
    color: #000
}

.btn_freelancer {
    border-radius: 0;
    font-family: 'Poppins';
    color: #fff;
    border: 1px solid #eb6c0b;
    background-image: -moz-linear-gradient(90deg, #f60 0, #fd9321 100%);
    background-image: -webkit-linear-gradient(90deg, #f60 0, #fd9321 100%);
    background-image: -ms-linear-gradient(90deg, #f60 0, #fd9321 100%);
    background-repeat: no-repeat
}

.btn_freelancer:hover {
    color: #fff;
    opacity: .8
}

.btn_jobboard {
    background-image: -moz-linear-gradient(90deg, #31ace3 0, #4fe0ff 100%);
    background-image: -webkit-linear-gradient(90deg, #31ace3 0, #4fe0ff 100%);
    background-image: -ms-linear-gradient(90deg, #31ace3 0, #4fe0ff 100%);
    border-radius: 0;
    background-repeat: no-repeat;
    color: #000
}

.btn_follow_job {
    border-radius: 0;
    background-color: #59d931;
    color: #000
}

.btn_more {
    padding: 0 15px;
    border: 1px solid #ccc;
    background-color: #ebebeb;
    color: #000
}

.btn_more i {
    margin-top: 5px;
    color: #000
}

.btn_custom {
    color: #fff !important;
    border-radius: 0;
    padding: 0 5px
}

.btn_custom:hover {
    background-color: #333 !important
}

.btn_morePhoto {
    border-radius: 3px;
    border-color: #333;
    color: #333 !important;
    background-color: transparent
}

.btn_morePhoto:hover {
    background-color: #333 !important;
    background-image: none;
    color: #fff !important
}

.main_grop_timeline .visit_group {
    background-color: #edeef0;
    color: #000;
    border-radius: 0 !important;
    border: 1px solid #ccc;
    position: absolute;
    right: 0;
    top: 20px
}

.btn_gray_light {
    background-color: #edeef0;
    color: #333;
    margin-right: 10px;
    padding: 2px 15px;
    border-radius: 0
}

.btn_gray_light:hover {
    text-decoration: none;
    color: #000
}

.btn_gray {
    background-color: #333;
    border-radius: 0;
    color: #fff
}

.btn_blue:hover,
.btn_gray:focus,
.btn_gray:hover {
    opacity: .9;
    color: #fff
}

.btn_blue {
    background-color: #032350;
    border-radius: 0;
    color: #fff
}

.btn_transparent {
    background-color: transparent;
    color: #000
}

.butn_preview {
    background-color: #20b015 !important;
    color: #fff !important;
    border: 1px solid #20b015 !important;
    font-size: 14px;
    min-width: 130px
}

.butn_preview:hover {
    opacity: .8
}

.butn_cancel:hover,
.butn_save:hover {
    color: #fff;
    opacity: .8
}

.btn_calculator {
    border-radius: 5px;
    font-size: 22px !important;
}

.butn_save {
    color: #fff;
    border-radius: 5px;
    background-color: #427181;
    font-size: 14px;
    min-width: 130px;
}

.butn_jobboard {
    color: #fff;
    border-radius: 0;
    padding: 6px 65px;
    font-family: 'Poppins';
    font-size: 20px;
    min-width: 130px
}

.top_detail_board .butn_jobboard:hover {
    color: #000;
    border: 1px solid #000
}

.butn_jobboard:focus,
.butn_jobboard:hover {
    background-color: transparent;
    border: 1px solid #fff;
    color: #fff
}

.butn_jobboard_transparent {
    border: 1px solid #fff;
    color: #fff;
    padding: 5px 40px;
    font-family: 'Poppins';
    font-size: 18px;
    border-radius: 0
}

.butn_jobboard_transparent:hover {
    background-image: -moz-linear-gradient(90deg, #31ace3 0, #4fe0ff 100%);
    background-image: -webkit-linear-gradient(90deg, #31ace3 0, #4fe0ff 100%);
    background-image: -ms-linear-gradient(90deg, #31ace3 0, #4fe0ff 100%);
    color: #fff
}

.create_grp_top {
    padding-top: 20px
}

#trans_drop button {
    background-color: transparent;
    border: none;
    border-radius: 0;
    border-bottom: 3px solid #282828
}

#trans_drop .caret {
    color: #282828
}

#trans_drop button:focus,
#trans_drop button:hover {
    color: #282828
}

#trans_drop button span {
    color: #9a9b9c
}

.detail_group {
    padding: 20px
}

.left_create .main_grp_img,
.righ_img .main_grp_img {
    display: inline;
    width: 46px;
    height: 46px
}

.left_img_create {
    height: 80px;
    width: 50px;
    float: left;
    margin-right: 5px
}

.left_create h4 {
    display: inline;
    font-family: 'Poppins';
    color: #000;
    text-transform: uppercase;
    font-size: 18px;
    margin-bottom: 0
}

.left_create h4 a {
    color: #282828;
    font-family: 'Poppins';
    font-size: 18px
}

.left_create h4 a:hover {
    text-decoration: none
}

.left_create h5 {
    font-family: 'Poppins';
    font-size: 14px;
    color: #a8a9aa;
    margin: 4px 0
}

.left_create h6 {
    font-family: 'Poppins';
    font-size: 12px;
    margin: 0;
    color: #a8a9aa
}

.mid_creat_form {
    background-color: #fff;
    border: 1px solid #ccc;
    margin: 0 0 0 15px;
    border-radius: 0
}

.mid_creat_form h4 {
    margin: 0;
    padding: 10px;
    background-color: #f1f1f2;
    color: #000
}

.form_grp {
    padding: 20px
}

.form_grp p {
    font-family: 'Poppins';
    font-size: 14px;
    color: #000
}

.creaate_new_grp input[type=text],
.creaate_new_grp select,
.creaate_new_grp textarea {
    background-color: #f8f9fa;
    border: 1px solid #ccc;
    border-radius: 0
}

.creaate_new_grp input[type=radio] {
    margin-right: 8px
}

.inputfile {
    width: .1px;
    height: .1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1
}

.inputfile + label {
    max-width: 80%;
    font-size: 1.25rem;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    padding: .625rem 1.25rem
}

.no-js .inputfile + label {
    display: none
}

.inputfile.has-focus + label,
.inputfile:focus + label {
    outline: 1px dotted #000;
    outline: -webkit-focus-ring-color auto 5px
}

.inputfile-1 + label {
    color: #5b5b5b;
    background-color: #edeef0;
    border: 1px solid #ccc
}

.inputfile-1 + label:hover,
.inputfile-1.has-focus + label,
.inputfile-1:focus + label {
    background-color: #edeef0
}

.creaate_new_grp input[type=checkbox] {
    height: 20px;
    width: 20px
}

.creaate_new_grp button[type=submit] {
    background-color: #343b41 !important;
    color: #fff;
    border-radius: 0;
    float: right;
    margin-top: 10px;
    padding: 10px 15px
}

.right_create {
    background-color: #fff;
    padding: 10px 20px;
    border: 1px solid #ccc
}

.right_create .righ_img {
    height: 70px;
    width: 50px;
    float: left;
    margin-right: 5px
}

.right_create h3 {
    font-family: 'Poppins';
    font-size: 14px;
    color: #000;
    text-transform: uppercase;
    margin: 5px 0
}

.right_create h3 a {
    color: #000;
    padding-left: 0
}

.right_create h3 a:hover {
    text-decoration: none;
    color: #000
}

.explore_box p {
    color: #282828;
    font-family: 'Poppins';
    font-size: 10px
}

.explore_box a {
    color: #fff;
    padding: 5px;
    border-radius: 3px
}

.explore_box a:hover {
    color: #fff
}

.right_show_all a {
    color: #5d5d5d;
    font-family: 'Poppins';
    font-size: 12px
}

.right_show_all a:hover {
    text-decoration: none
}

.top_heading_group {
    padding: 8px 20px;
    background-color: #f1f1f2
}

.top_heading_group h3 a {
    color: #fff
}

.top_heading_group .breadcrumb {
    background-color: transparent;
    margin: 0
}

.top_heading_group .breadcrumb a {
    color: #999
}

.top_heading_group .breadcrumb a:hover {
    text-decoration: none
}

.top_heading_group h3 {
    margin: 8px;
    font-family: 'Poppins';
    font-size: 18px;
    color: #000
}

.tbl_store_setting thead {

    color: #fff
}

.tbl_store_setting tbody {
    background-color: #fff
}

.tbl_free_seting tbody td a img,
.tbl_store_setting tbody td a img {
    width: 15px;
    height: 15px;
    display: inline-block
}

.tbl_free_seting tbody td a i,
.tbl_store_setting tbody td a i {
    color: #000;
    font-size: 14px;
    display: inline-block
}

.table_black_head thead {
    background-color: #343b41;
    color: #fff;
    font-family: 'Poppins';
    font-size: 14px
}

.table_black_head h3,
.table_black_head h4 {
    font-size: 18px;
    font-family: 'Poppins';
    color: #000;
    margin: 0;
    font-weight: 700
}

.table_black_head h3:hover {
    cursor: pointer
}

.table_black_head p {
    color: rgba(0, 0, 0, .612);
    font-family: 'Poppins';
    font-size: 16px
}

.table_black_head thead tr th:nth-child(1) {
    width: 50%;
    text-align: left
}

.table_black_head thead tr th:nth-child(2),
.table_black_head thead tr th:nth-child(3),
.table_black_head thead tr th:nth-child(4),
.table_black_head thead tr th:nth-child(5) {
    text-align: center
}

.table_black_head tbody tr td:nth-child(1) {
    text-align: left
}

.date_time,
.table_black_head a {
    color: #1c4994;
    font-family: 'Poppins';
    font-size: 16px
}

.table_black_head a:hover {
    text-decoration: none
}

.tbl_free_seting tr td:nth-child(2) {
    text-align: left
}

.tbl_free_seting tr th:nth-child(3),
.tbl_free_seting tr th:nth-child(4) {
    text-align: center
}

.table_green_head thead {
    background-color: #4a8473;
    color: #fff;
    font-family: 'Poppins';
    font-size: 14px
}

.table_green_head thead tr th,
.table_light_green_head thead tr th {
    font-family: 'Poppins';
    font-size: 14px
}

.table_green_head thead tr th:nth-child(1) {
    text-align: left
}

.table_green_head thead tr th:nth-child(2),
.table_green_head thead tr th:nth-child(3) {
    text-align: center
}

.action_icon a {
    color: #000;
    font-size: 18px;
    margin: 5px
}

.table_light_green_head thead {
    background-color: #357b35;
    color: #fff;
    font-family: 'Poppins';
    font-size: 14px
}

.table_light_green_head tbody tr td,
.table_light_green_head thead tr th {
    text-align: center
}

.ok_stautus {
    color: #08a108
}

.pend_status {
    color: #ff0006
}

.table_light_green_head a {
    color: #000
}

.table_light_green_head a:hover {
    text-decoration: none
}

.table_light_green_head tbody tr td {
    border-top: none;
    border-right: 1px solid #ccc
}

.table_light_green_head tbody tr td:nth-child(4) {
    border-right: transparent
}

.myEnqueryTab thead tr th {
    text-align: center
}

.myEnqueryTab tbody tr td:nth-child(1),
.myEnqueryTab thead tr th:nth-child(1) {
    text-align: left
}

.myEnqueryTab a {
    color: #ffac5b
}

.myEnqueryTab a:focus,
.myEnqueryTab a:hover {
    color: #333
}

.myEnqueryTab a.btn {
    color: #fff
}

.tab_folder tbody tr td:nth-child(1) a img {
    width: 50px;
    display: inline
}

.tab_folder tbody tr td a {
    color: #000
}

.tab_folder tbody tr td a:hover,
.tbl_jobboard a:hover {
    text-decoration: none;
    color: #333
}

#shoDiv {
    display: none
}

.tbl_jobboard thead tr {
    background-color: #0c0f10;;
    border: 1px solid #ccc
}

.tbl_jobboard tbody tr td:nth-child(1) {
    text-align: left
}

.tbl_jobboard thead tr th:nth-child(1) {
    text-align: left
}

.tbl_jobboard thead tr th {
    text-align: center
}

.tbl_jobboard a {
    color: #31ace3
}

.tbl_jobboard tbody tr td:last-child a {
    color: #fff !important
}

.cment_table tbody tr td:nth-child(1) {
    width: 25%
}

.cment_table tbody tr td:nth-child(3) {
    width: 80px;
    text-align: center;
    font-size: 15px
}

.cment_table tbody tr td img {
    margin-right: 10px
}

.cment_table button {
    background: 0 0;
    border: none;
    display: inline
}

.event_box {
    padding: 10px;
    margin: 15px;
    border: 1px solid #ccc;
    border-radius: 5px
}

.event_box a:focus,
.event_box a:hover {
    text-decoration: none
}

.event_box img {
    width: 100%;
    height: 222px
}

.mid_event {
    display: block;
    width: 100%
}

.mid_event_left {
    width: 20%;
    border-right: 1px solid #333;
    float: left
}

.mid_event_right {
    width: 60%;
    margin-left: 30%;
    margin-top: 10px
}

.mid_event_left h3 .dd {
    display: block;
    text-align: center;
    color: #f00909;
    font-size: 18px;
    font-weight: 700
}

.mid_event_left h3 .mm {
    display: block;
    text-align: center;
    color: #000;
    font-size: 18px;
    font-weight: 700
}

.mid_event_left h3 .ww {
    display: block;
    text-align: center;
    color: #000;
    font-size: 18px
}

.mid_event_right h1,
.right_ev_de h3 {
    font-family: 'Poppins';
    font-size: 18px;
    color: #000;
    margin: 5px
}

.step_three_event h3 {
    font-family: 'Poppins';
    font-size: 18px;
    color: #666;
    margin: 10px 0
}

.step_three_event p {
    font-family: 'Poppins';
    font-size: 14px;
    color: #798081
}

.mid_event_right h3 {
    font-family: 'Poppins';
    font-size: 18px;
    color: #798081;
    margin: 5px
}

.mid_event_right h4 {
    font-family: 'Poppins';
    font-size: 14px;
    color: #798081;
    margin: 5px
}

.underline {
    border-color: #000
}

.underline2 {
    border-color: #ccc
}

.event_socil {
    color: #000;
    font-size: 18px;
    margin-left: 10px
}

.event_socil:hover {
    text-decoration: none;
    color: #000
}

.closed {
    position: absolute;
    top: -1px;
    right: 15px;
    cursor: pointer;
    color: #032350;
    opacity: .1
}

.imagepost:hover > .closed {
    opacity: 5
}

.sponsorpost:hover > .closed {
    opacity: 5
}

.event_form input[type=date],
.event_form input[type=number],
.event_form input[type=text],
.event_form input[type=time],
.event_form select,
.event_form textarea {
    border-radius: 0
}

.details-actions-container button {
    background-color: #333 !important;
    color: #fff;
    padding: 5px 10px;
    border-radius: 0 !important
}

.details-actions-container button:focus,
.details-actions-container button:hover {
    background-color: #fff !important;
    color: #333 !important;
    border: 1px solid #333
}

.main-details-container h3 {
    margin: 0 0 10px;
    font-size: 16px;
    font-family: 'Poppins';
}

.top_event_header {
    height: 200px;
    overflow: hidden
}

.top_event_header img {
    height: 200px;
    width: 100%
}

.right_ev_de {
    min-height: 200px
}

.right_ev_de .dd {
    text-align: left;
    color: #f00909;
    font-size: 18px;
    font-weight: 700;
    padding-left: 5px
}

.right_ev_de .mm {
    text-align: left;
    color: #798081;
    font-size: 18px;
    font-weight: 700
}

.right_ev_de label {
    position: absolute;
    bottom: 15px;
    left: 15px;
    color: #798081
}

.right_ev_de {
    color: #798081
}

.step_two_event {
    padding: 15px 0
}

.event_form hr {
    margin: 5px;
    border-color: #ccc
}

.step_three_event .date {
    display: block;
    color: #798081;
    font-size: 14px
}

.step_three_event button img {
    width: 50px
}

.step_three_event button {
    padding: 0
}

.step_three_event button:focus {
    border: none
}

.main_grop_timeline {
    padding: 30px 15px
}

.main_grop_timeline img {
    width: 95px;
    display: inline
}

.main_grop_timeline h2 {
    font-size: 24px;
    font-family: 'Poppins';
    color: #469351;
    margin: 10px 0 0
}

.main_grop_timeline h3 {
    font-size: 14px;
    font-family: 'Poppins';
    color: #7e7e7e;
    display: inline;
    margin: 0
}

.heading01 {
    width: 100%;
    height: 60px;
    background-color: #f0f1f1;
    border: 1px solid #ccc;
    border-radius: 0;
    margin-top: 15px
}

.heading01 h2 {
    margin: 13px;
    color: #000;
    font-size: 24px;
    font-family: 'Poppins';
}

.heading01 h2 span {
    color: #adaeae !important;
    font-size: 18px;
    font-family: 'Poppins';
}

.heading01 .right_img_1 {
    float: right;
    margin: 10px;
    display: block;
    position: absolute;
    right: 65px;
    top: 25px
}

.heading01 .right_img_2 {
    float: right;
    margin: 10px;
    display: block;
    position: absolute;
    right: 30px;
    top: 25px
}

.nav-tabs > li a span {
    color: #b5b5b5;
    font-size: 24px;
    font-family: 'Poppins';
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
    background-color: #e3e3e3;
    color: #000 !important;
    border: none !important;
    margin: 1px
}

.nav-tabs > li.active > a span {
    border-bottom: ridge;
    color: #000 !important;
    font-family: 'Poppins';
}

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

.main_grop_box {
    min-height: 196px;
    margin: 10px
}

.main_grop_box .group_banner {
    width: 100%;
    height: 75px;
    border: 1px solid #ccc
}

.main_grop_box .group_create {
    position: absolute;
    top: 50px;
    left: 17px;
    width: 50px;
    height: 50px
}

.main_grop_box h4 {
    color: #ccc;
    text-align: center;
    font-size: 14px;
    font-family: 'Poppins';
    margin: 10px 10px 0
}

.main_grop_box h2 {
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-family: 'Poppins';
    margin: 10px 0 10px
}

.main_grop_box h6 {
    color: #fff;
    text-align: center;
    font-size: 10px;
    font-family: 'Poppins';
    text-transform: uppercase;
    margin: 10px 0 10px
}

.cententdatadetail a:focus,
.cententdatadetail a:hover {
    text-decoration: none
}

.main_grop_box p {
    color: #ccc;
    font-size: 10px;
    padding: 10px;
    line-height: 15px;
    min-height: 80px
}

.main_grop_box span img {
    display: inline
}

.btn_gray_light img {
    margin-right: 5px
}

.footer_see_all {
    background-color: #eaeaea;
    position: absolute;
    width: 98.8%;
    height: 34px;
    left: 4px;
    border: 1px solid #ccc;
    bottom: 0;
    padding-top: 7px
}

.footer_see_all a {
    color: #1b5c81;
    font-size: 16px;
    font-family: 'Poppins';
}

.member_head h3 {
    font-size: 14px
}

.member_head select {
    width: 100px;
    float: right;
    margin-right: 5px;
    background-color: #edeef0;
    border-radius: 0
}

.member_head a {
    background-color: #edeef0;
    border-radius: 0
}

.main_pading {
    padding: 20px 5px
}

.member_box {
    background-color: #343b41;
    padding: 5px;
    border-radius: 0;
    margin-bottom: 20px;
    min-height: 102px
}

.member_box a {
    color: #fff
}

.member_box a:focus,
.member_box a:hover {
    cursor: pointer;
    color: #999;
    text-decoration: none
}

.member_head span {
    color: #949597
}

.member_head .nav-pills > li.active > a,
.member_head .nav-pills > li.active > a:focus,
.member_head .nav-pills > li.active > a:hover {
    background-color: #edeef0;
    color: #000;
    border: 1px solid #ccc;
    border-radius: 0
}

.member_head .nav-pills > li a {
    color: #000
}

.sub_mem_box a,
.trans_mem_box a {
    color: #000
}

.popover_content label,
.popover_content select {
    color: #959595 !important
}

.assistant_admin {
    color: #959595 !important;
    display: inline;
    font-size: 10px
}

.assistant_admin:hover,
.remove_assistant:hover {
    cursor: pointer
}

.trans_mem_box {
    background-color: transparent !important;
    border: 1px solid #ccc
}

.trans_mem_box h3,
.trans_mem_box h4 {
    color: #343b41 !important
}

.trans_mem_box h5,
.trans_mem_box p {
    color: #959595 !important
}

.sub_mem_box {
    background-color: #f1f1f2 !important;
    border: 1px solid #ccc
}

.sub_mem_box h3,
.sub_mem_box h4 {
    color: #343b41 !important
}

.sub_mem_box h5,
.sub_mem_box p {
    color: #959595 !important
}

.member_box h3 {
    display: inline;
    margin: 0;
    font-size: 16px;
    font-family: 'Poppins';
    color: #fff
}

.member_box h3 img {
    display: inline;
    margin-left: 5px
}

.member_box img.profilePic {
    max-height: 90px
}

.member_box h4 {
    margin: 5px 0 2px;
    color: #fff;
    font-size: 14px;
    font-family: 'Poppins';
}

.member_box h5 {
    color: #fff;
    margin: 0 0 2px;
    font-size: 12px;
    font-family: 'Poppins';
}

.member_box h5 span {
    margin-right: 20px;
    font-size: 12px;
    font-family: 'Poppins';
}

.member_box p {
    color: #fff;
    font-size: 12px;
    font-family: 'Poppins';
    margin-right: 20px;
    margin-bottom: 0
}

.popover_content a {
    color: #959595 !important;
    display: block;
    font-family: 'Poppins';
}

.popover_content a:hover {
    text-decoration: none
}

.popover_content select {
    border: none
}

.img_box {
    padding: 5px;
    margin-bottom: 10px
}

.img_box img {
    width: 100%;
    height: 200px
}

.video_box video {
    width: 100%
}

.video_box .close {
    position: absolute;
    right: -15px;
    top: -15px;
    background-color: #fff;
    border-radius: 50%;
    height: 30px;
    width: 30px;
    opacity: 1
}

.video_box a img {
    width: 100%;
    height: 200px;
    margin-bottom: 15px
}

.store_head select {
    width: 120px;
    background-color: #edeef0;
    border-radius: 0;
    display: inline;
    border: none;
    box-shadow: none
}

.store_box {
    border: 1px solid #ccc;
    border-radius: 0;
    padding: 5px
}

.store_box img {
    width: 100%;
    height: 158px
}

.store_box h3 {
    font-family: 'Poppins';
    color: #253340;
    font-size: 20px;
    margin: 5px
}

.store_box h3 a {
    font-size: 20px;
    font-family: 'Poppins';
    color: #253340;
    margin: 0
}

.store_box h4,
.store_box h5 {
    font-family: 'Poppins';
    color: #727272;
    font-size: 14px;
    margin: 0 5px
}

.store_box a {
    color: #66e352;
    font-size: 12px;
    font-family: 'Poppins';
    margin: 0 5px
}

.store_box a:hover {
    text-decoration: none
}

.store_box_footer {
    background-color: #f1f1f2;
    border: 1px solid #ccc;
    border-top: none;
    height: 40px;
    width: 100%;
    display: block
}

.store_box_footer ul {
    width: 100%;
    margin-top: 7px;
    margin-bottom: 0;
    float: left;
    height: 40px;
    padding: 0;
    text-align: center
}

.store_box_footer ul li {
    list-style: none;
    float: left;
    width: 25%
}

.store_box_footer ul li span:hover {
    cursor: pointer
}

.store_box_footer ul li a {
    color: #000
}

.store_box_footer ul li a i {
    font-size: 20px
}

.store_box_btn {
    border: 1px solid #ccc;
    border-top: none;
    border-radius: 0;
    text-align: center;
    width: 100%;
    padding: 5px;
    margin-bottom: 20px
}

.store_box_btn a {
    width: 90%;
    background-color: #176fac;
    padding: 5px 10px;
    color: #fff;
    border-radius: 0
}

.store_box_btn a:hover {
    opacity: .9;
    color: #fff
}

.post_timeline {
    background-color: #eaeaea;
    border: 1px solid #ccc;
    border-radius: 0;
    margin-top: 15px;
    padding: 15px 15px 0
}

.left_profile p:hover {
    cursor: pointer
}

.left_profile p a {
    color: #333
}

.left_profile p a:hover {
    color: #032350
}

.left_profile_timeline img {
    float: left;
    height: 50px;
    width: 50px;
    margin-right: 5px
}

.title_profile h4,
.title_profile h4 a {
    color: #000;
    font-size: 18px;
    margin-bottom: 0;
    font-family: 'Poppins';

}

.title_profile h4 a:focus,
.title_profile h4 a:hover {
    text-decoration: none;
    color: #999
}

.title_profile h5 {
    margin: 5px;
    color: #999;
    font-family: 'Poppins';
}

.right_profile_timeline button {
    background-color: transparent;
    color: #000;
    padding: 0px;
}

.right_profile_timeline button i {
    color: #000
}

.post_img h2,
.post_timeline h2 {
    font-size: 14px;
    color: #000;
    line-height: 20px
}

.post_timeline p {
    margin-bottom: 3px;
    color: #282828;
    padding-left: 5px
}

.post_footer {
    background-color: #fff;
    border-top: 1px solid #ccc;
    width: 100%;
    display: block;
    margin-top: 10px
}

.post_footer ul {
    float: left;
    padding: 0;
    width: 100%;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 0
}

.post_footer ul li {
    width: 25%;
    float: left;
    list-style: none;
    color: #000;
    font-family: 'Poppins';
}

.post_footer ul li a {
    color: #000;
    font-family: 'Poppins';
    display: flex;   /*9-2-24*/
}

.post_footer ul li a:focus,
.post_footer ul li a:hover {
    text-decoration: none;
    color: #202548;
}

.post_footer ul li span:hover {
    cursor: pointer;
    color: #202548;
}

.post_footer ul li:hover {
    color: #202548;
}

.post_footer ul li span {
    font-weight: 400
}

.post_footer ul li:nth-child(1) {
    text-align: left
}

.post_footer>ul>li:nth-child(2) {
    text-align: left !important;
    display: flex;
    flex-direction: column;
    align-items: baseline;
    width: 14% !important;
}

.post_footer ul li:nth-child(4) {
    text-align: center
}

.font_regular {
    font-family: 'Poppins';
}

.add_friend {
    border: 1px solid #ccc;
    margin-bottom: 10px
}

.member_add_top {
    background-color: #f1f1f2;
    padding: 10px
}

.member_add_top h2 {
    color: #727272;
    font-size: 16px;
    font-family: 'Poppins';
    margin: 0
}

.member_add_top h2 img {
    margin-right: 5px
}

.member_add {
    padding: 5px
}

.member_add img {
    float: left;
    width: 55px;
    height: 55px;
    margin-right: 10px;
    margin-bottom: 10px
}

.member_add h3 {
    color: #1b5c81;
    margin: 0;
    font-size: 16px;
    font-family: 'Poppins';
}

.member_add a {
    background-color: #edeef0;
    color: #5b5b5b;
    border: 1px solid #ccc;
    /*  margin-top:8px; */
    font-size: 11px;
    padding: 4px 12px;
    border-radius: 0;
    font-family: 'Poppins';
}

.who_is_online {
    padding: 5px 10px
}

.who_is_online h2 {
    font-size: 14px;
    font-family: 'Poppins';
    margin: 12px;
    color: #253340
}

.online_img {
    float: left;
    margin-right: 10px;
    height: 40px;
    width: 40px
}

.who_is_online h2 img {
    float: right
}

.see_more a:hover {
    text-decoration: none
}

.see_more a {
    color: #898989
}

.search_online input {
    width: 85%;
    float: left;
    border-radius: 0;
    box-shadow: none;
    background-color: transparent
}

.search_online i {
    font-size: 20px;
    padding-top: 8px;
    padding-left: 8px;
    color: #a1a1a1
}

.commt_box {
    background-color: #eaeaea;
    margin-top: 10px;
    border-top: 1px solid #ccc;
    padding: 5px
}

.inputgroupadon {
    border-top: 1px solid #ccc
}

.timelinecmnt {
    background-color: #eaeaea;
    padding: 0 5px 10px
}

.timelinecmnt img {
    width: 30px;
    height: 30px;
    margin-left: 12px
}

.right_coment_detail {
    padding-left: 10px
}

.right_coment_detail a {
    color: #032350
}

.right_coment_detail a:hover {
    text-decoration: none
}

.right_coment_detail p {
    padding-left: 0;
    font-weight: 400;
    margin-bottom: 15px
}

.view_more_cmnt a {
    color: #032350;
    margin-left: 12px;
    margin-top: 0;
    display: block;
    font-family: 'Poppins';
}

.view_more_cmnt a:hover {
    text-decoration: none
}

#timeline {
    font-family: 'Poppins';
}

#commentModalLabel {
    color: #032350
}

.no-radius {
    border-radius: 0
}

.commentdel {
    margin-bottom: 30px
}

.cmnt_del_fot {
    margin-top: 20px;
    padding: 15px 0 0
}

#profilepictures img {
    height: 30px !important;
    width: 30px !important;
    border-radius: 0
}

.tel_feel {
    padding-left: 48px;
    padding-top: 8px
}

.modal-title-big{
    font-family: 'Poppins';
    font-size: 20px !important;
}

.modal-title {
    font-family: 'Poppins';
    font-size: 14px !important;
}


.modal-title1 {
    font-family: 'Poppins';
    font-size: 11px !important;
}

.folder_form label {
    font-family: 'Poppins';
    font-size: 14px
}

.folder_form h4 {
    margin: 0
}

.folder_form input[type=text],
.folder_form select {
    border-radius: 0
}

.files_name p {
    margin: 0;
    padding: 10px;
    font-family: 'Poppins';
    font-size: 18px
}

.tbl_file tbody tr td {
    text-align: center
}

.tbl_file tbody tr td:nth-child(1) {
    text-align: left
}

.tbl_file a {
    color: #000
}

.tbl_file a:hover {
    text-decoration: none;
    cursor: pointer
}

.inner_load_conv {
    padding: 0 10px
}

#message_box h2 {
    background-color: #333;
    color: #fff;
    margin: 0 0 10px;
    padding: 10px 20px;
    text-align: center
}

.product_detail {
    padding: 10px
}

.product_detail .product-title {
    color: #000;
    font-size: 20px;
    font-family: 'Poppins';
    background-color: transparent;
    padding: 0
}


.rating {
    border: none;
    float: left
}

.rating > input {
    display: none
}

.rating > label:before {
    margin: 5px;
    font-size: 18px;
    font-family: 'Poppins';
    display: inline-block;
    content: "\f005"
}

.rating > .half:before {
    content: "\f089";
    position: absolute
}

.rating > label {
    color: #000;
    float: right
}

.rating:not(:checked) > label:hover,
.rating:not(:checked) > label:hover ~ label,
.rating > input:checked ~ label {
    color: gold
}

.rating > input:checked + label:hover,
.rating > input:checked ~ label:hover,
.rating > input:checked ~ label:hover ~ label,
.rating > label:hover ~ input:checked ~ label {
    color: #ffed85
}

.review_pan a {
    color: #176fac
}

.review_pan a:hover {
    text-decoration: none
}

#myCarousel img {
    width: auto;
    margin: 0 auto
}

#myCarousel .item {
    height: 276px !important;
    overflow: hidden
}

.carousel-fade .carousel-inner .item {
    -webkit-transition-property: opacity;
    transition-property: opacity
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right,
.carousel-fade .carousel-inner .item {
    opacity: 0
}

.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right,
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.carousel-fade .carousel-control {
    z-index: 2
}

.carousel-control .fa-angle-left,
.carousel-control .fa-angle-left:hover,
.carousel-control .fa-angle-right,
.carousel-control .fa-angle-right:hover {
    color: #000
}

.carousel-control {
    opacity: 1
}

.categorydrp {
    background-color: transparent;
    border: none;
    box-shadow: none;
    font-family: 'Poppins';
    font-size: 16px;
    color: #000;
    text-transform: uppercase;
    padding-left: 0
}

.categorydrp span:hover {
    cursor: pointer
}

.categorydrp .caret {
    color: #000
}

.categorydrp ul li a {
    margin: 0;
    padding: 7px
}

.categorydrp ul li a:hover {
    color: #fff !important
}

.storeDashboard .header_po {
    background-color: #465f5a;
    color: #fff
}

.storeDashboard .header_po li a {
    color: #fff
}

.storeDashboard .header_po li a:focus,
.storeDashboard .header_po li a:hover {
    background-color: transparent;
    color: #000
}

.storeDashboard .header_po li.active a,
.storeDashboard .header_po li.active button {
    color: #000
}

.storeDashboard .header_po li a.seprator {
    padding: 8px 0 !important
}

.left_store h1 {
    font-size: 24px;
    font-family: 'Poppins';
    color: #000;
    margin-bottom: 0
}

.top_sharepage {
    margin: 0;
    display: block
}

.left_store .heading04 {
    font-size: 16px;
    text-transform: uppercase;
    font-family: 'Poppins';
    margin-left: 0;
    padding-left: 0
}

.left_store .view_all_cat {
    border-bottom: 1px solid #000;
    color: #000;
    margin-top: 10px
}

.left_store h2 img {
    display: inline;
    width: 24px
}

.left_store h2 {
    font-family: 'Poppins';
    font-size: 14px;
    text-transform: uppercase;
    margin: 10px 0
}

.left_store h3 {
    margin: 5px 0;
    font-family: 'Poppins';
    font-size: 14px;
    color: #000;
    padding: 5px 10px
}

.heading09 {
    margin: 5px 0;
    font-family: 'Poppins';
    font-size: 14px;
    color: #000;
    padding: 5px 10px;
    background-color: #fff
}

.left_store a:hover {
    text-decoration: none
}

.left_store ul {
    padding-left: 0;
    margin: 0
}

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

.left_store ul li a {
    font-family: 'Poppins';
    font-size: 14px;
    color: #757677
}

.left_store ul li a i {
    color: #333;
    font-size: 11px
}

.active_store {
    background-color: #fff
}

.dotedline {
    border-top: 1px dashed #666;
    margin: 10px 0
}

.top_banner img {
    width: 100%;
    height: 250px;
}

.top_banner h2 {
    position: absolute;
    bottom: -10px;
    left: 40px;
    font-family: 'Poppins';
    font-size: 16px
}

.top_banner .upload_banner {
    position: absolute;
    height: 50px;
    width: 200px;
    top: 10px;
    right: 15px
}

.store_searchbox {
    background-color: #0d2823;
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid #add2d9
}

.store_searchbox input[type=text] {
    width: 80%;
    display: inline;
    background-color: #e3fbff;
    border-radius: 0;
    height: 35px;
    padding-right: 35px;
    background-image: url(../images/icon/search_top.png);
    background-repeat: no-repeat;
    background-position: 99% 45%;
    background-size: 25px
}

.store_search_btn {
    border-radius: 0;
    padding: 7px 50px;
    width: 19%;
    color: #fff;
    border: 1px solid #509daa;
    float: right
}

.store_search_btn:hover {
    color: #fff;
    opacity: .7
}

.breadcrumb_box {
    border: 1px solid #ccc;
    padding: 10px;
    background-color: #fafafa
}

.breadcrumb_box .breadcrumb {
    margin-bottom: 0;
    border-radius: 0;
    background-color: transparent
}

.breadcrumb_box .breadcrumb li a {
    color: #000;
    font-family: 'Poppins';
    font-size: 16px
}

.breadcrumb_box .breadcrumb li a:hover {
    text-decoration: none
}

.pro_detail_box {
    border: 1px solid #ccc;
    border-radius: 0;
    padding: 5px;
    background-color: #fff
}

.pro_detail_box h2 {
    font-family: 'Poppins';
    font-size: 26px;
    margin-top: 10px;
    margin-left: 10px
}

.hide-bullets {
    list-style: none;
    margin: 0;
    padding: 0
}

.product_slider_box {
    background-color: #f7f7f7;
    border: 1px solid #ccc;
    width: 100%;
    padding: 10px
}

.productslider img {
    width: 100%;
    height: auto;
    border: 1px solid #ccc
}

.padding_5 {
    padding: 5px
}

.thumb_box a {
    border: 1px solid #ccc;
    margin: 0;
    padding: 0;
    border-radius: 0
}

.thumb_box a:hover {
    cursor: pointer
}

.produc_quote_box {
    padding: 0;
    margin: 10px 0;
    height: 10px
}

.produc_quote_box li {
    list-style: none;
    float: left;
    margin-right: 13px
}

.produc_quote_box li a img {
    display: inline
}

.produc_quote_box li a {
    font-size: 14px;
    font-family: 'Poppins';
    color: #000
}

.produc_quote_box li a:hover {
    color: #56966f
}

.produc_quote_box li:nth-child(5) {
    margin-right: 0
}

.produc_quote_box li a:hover {
    text-decoration: none
}

.pro_add {
    padding: 0;
    margin-bottom: 30px
}

.pro_add li {
    background: url(../images/icon/store/add-icon.png) no-repeat 1px 7px transparent;
    list-style-type: none;
    margin: 0;
    padding: 0 0 1px 24px;
    vertical-align: middle;
    color: #8a8a8a;
    font-family: 'Poppins';
}

.qty_box input {
    width: 40px
}

.product_detail_right p {
    color: #8c8c8c;
    font-family: 'Poppins';
    font-size: 14px
}

.price_box {
    padding: 10px 0;
    width: 100%;
    margin-top: 23px
}

.price_box p {
    color: #8c8c8c;
    font-family: 'Poppins';
    font-size: 20px;
    margin: 0;
    margin-bottom: 10px
}

.left_old_price {
    color: #8c8c8c;
    font-family: 'Poppins';
    font-size: 14px
}

.red_box {
    color: red;
    border: 1px solid red;
    padding: 5px
}

.btn_box {
    margin-top: 10px;
    width: 100%
}

.btn_box button,
.btn_box input[type=submit] {
    width: 48%;
    margin-right: 5px
}

#addtofavourite:hover,
.remtofavorites:hover {
    cursor: pointer
}

.btn_box form {
    display: inline
}

.btn_cart {
    border-radius: 0;
    border: none;
    color: #fff;
    background-image: -moz-linear-gradient(90deg, #2f9000 1%, #58d11d 100%);
    background-image: -webkit-linear-gradient(90deg, #2f9000 1%, #58d11d 100%);
    background-image: -ms-linear-gradient(90deg, #2f9000 1%, #58d11d 100%);
    padding: 10px
}

.btn_cart:focus,
.btn_cart:hover,
.btn_cart_buy:focus,
.btn_cart_buy:hover {
    color: #fff;
    opacity: .9
}

.btn_cart_buy {
    border-radius: 0;
    border: none;
    color: #fff;
    background-image: -moz-linear-gradient(90deg, #146ba8 0, #3c97d6 100%);
    background-image: -webkit-linear-gradient(90deg, #146ba8 0, #3c97d6 100%);
    background-image: -ms-linear-gradient(90deg, #146ba8 0, #3c97d6 100%);
    padding: 10px
}

.product_desc {
    background-color: transparent !important;
    border-color: transparent !important
}

.product_desc ul li {
    width: auto !important;
    border: none;
    background-color: transparent
}

.product_desc ul li a {
    border-color: transparent !important;
    color: #9b9b9b;
    font-family: 'Poppins';
    font-size: 18px
}

.product_desc ul li a:focus,
.product_desc ul li a:hover {
    background-image: -moz-linear-gradient(90deg, #c6c6c6 0, #edeef0 100%);
    background-image: -webkit-linear-gradient(90deg, #c6c6c6 0, #edeef0 100%);
    background-image: -ms-linear-gradient(90deg, #c6c6c6 0, #edeef0 100%);
    border-radius: 0
}

.main_panel_pro {
    border-color: transparent !important;
    box-shadow: none;
    margin: 0
}

.product_desc ul li.active a {
    border-radius: 0;
    color: #212121;
    font-family: 'Poppins';
    font-size: 18px;
    background-image: -moz-linear-gradient(90deg, #c6c6c6 0, #edeef0 100%);
    background-image: -webkit-linear-gradient(90deg, #c6c6c6 0, #edeef0 100%);
    background-image: -ms-linear-gradient(90deg, #c6c6c6 0, #edeef0 100%)
}

.heading02 {
    margin-top: 50px;
    margin-bottom: 30px
}

.heading02 h1 {
    border-bottom: 1px solid #9b9b9c;
    color: #343b41;
    font-family: 'Poppins';
    font-size: 24px;
    margin: 0;
    padding-bottom: 10px
}

.heading02 span {
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    padding: 10px
}

.product_box {
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 5px;
    margin: 5px;
    min-height: 360px
}

.product_box img {
    height: 150px;
    margin: 0 auto
}

.product_box h2 a {
    font-family: 'Poppins';
    color: rgba(52, 59, 65, .651);
    font-size: 16px;
    border-bottom: 1px solid #909295;
    text-transform: uppercase
}

.product_box h2 a:focus,
.product_box h2 a:hover {
    text-decoration: none
}

.product_box p.desc {
    font-family: 'Poppins';
    font-size: 16px;
    color: #000;
    line-height: 18px
}

.product_box p.price_pro {
    color: #909295;
    font-size: 18px;
    font-family: 'Poppins';
}

.per_box {
    border: 1px solid #a2f1ff;
    padding: 5px
}

.product_box .rating_box {
    margin-top: 10px;
    margin-bottom: 5px;
    display: inline-block
}

.product_box .rating_box a {
    color: #000
}

.product_box .rating_box a:hover,
.sel_chat a:focus,
.sel_chat a:hover,
.seller_info h4 a:focus,
.seller_info h4 a:hover,
.seller_info p.pro_qty a:focus,
.seller_info p.pro_qty a:hover,
.three_box a:focus,
.three_box a:hover {
    text-decoration: none
}

.seller_info {
    background-color: #c8eff6;
    border: 1px solid #ccc;
    padding: 10px
}

.seller_info h4,
.seller_info h4 a {
    color: #000;
    font-size: 14px;
    font-family: 'Poppins';
    margin: 0
}

.seller_info h4 a small {
    background-image: -moz-linear-gradient(90deg, #00a3c0 0, #3dd9f5 100%);
    background-image: -webkit-linear-gradient(90deg, #00a3c0 0, #3dd9f5 100%);
    background-image: -ms-linear-gradient(90deg, #00a3c0 0, #3dd9f5 100%);
    border-radius: 0;
    padding: 0 5px;
    color: #fff
}

.seller_info p.pro_qty,
.seller_info p.pro_qty a {
    color: #727272;
    font-family: 'Poppins';
    font-size: 12px
}

.seller_info p.active_site {
    margin: 0;
    font-size: 14px;
    font-family: 'Poppins';
}

.seller_info p.adds {
    margin: 0;
    font-size: 16px;
    font-family: 'Poppins';
    color: #20b615;
    padding-bottom: 5px;
}

.seller_info p {
    font-size: 12px
}

.seller_info img.sellerPic {
    height: 34px;
    width: 34px
}

.sel_chat a {
    color: #20b615
}

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

.saftey_box h2 {
    color: #000;
    font-family: 'Poppins';
    font-size: 16px;
    margin: 0
}

.saftey_box ol {
    padding: 15px;
    margin: 0
}

.saftey_box ol li {
    color: #253340;
    font-size: 12px;
    font-family: 'Poppins';
}

.s_m_box {
    margin: 10px;
    padding: 5px
}

.s_m_box h2 {
    color: #000;
    font-family: 'Poppins';
    font-size: 18px;
    margin-bottom: 5px;
    text-transform: uppercase
}

.s_m_box h4 {
    color: #fff;
    font-family: 'Poppins';
    font-size: 16px;
    margin-top: 0
}

.three_box a:hover .s_m_box h4 {
    color: #fff
}

.heading03 h3 {
    color: #000;
    font-family: 'Poppins';
    font-size: 20px;
    text-transform: uppercase;
    border-bottom: 1px solid #000
}

.heading03 h3 span a {
    color: #000;
    font-size: 14px;
    font-family: 'Poppins';
    text-transform: capitalize
}

.heading05 {
    color: #242a2e;
    font-size: 22px;
    font-family: 'Poppins';
    margin: 10px 0 0;
    text-transform: uppercase
}

.heading06 {
    margin: 10px 0;
    text-transform: uppercase;
    font-family: 'Poppins';
    font-size: 26px;
    color: #31ace3
}

#slider-text {
    padding-top: 40px;
    display: block
}

#slider-text .col-md-6 {
    overflow: hidden
}

.scndSlideStr i {
    padding-top: 135px;
    margin: 0 auto
}

@media screen and (max-width:992px) {
    #slider-control img {
        padding-top: 70px;
        margin: 0 auto
    }

    .home_explore {
        border-right: 1px solid #959595;
    }

    #btnChksms {
        display: block;
        width: 100%;
    }
}

#slider-control a.left {
    position: absolute;
    left: -38px
}

#slider-control a.right {
    position: absolute;
    right: -38px
}

.slideNewContrl img {
    padding-top: 0 !important
}

.slideNewContrl a.left img {
    margin: 0 !important
}

.slideNewContrl a.right img {
    margin-right: 0 !important
}

.slideNewContrl a {
    background-image: none !important;
    width: 5% !important;
    top: 50px !important
}

.carousel-showmanymoveone .carousel-control {
    width: 4%;
    background-image: none
}

.carousel-showmanymoveone .carousel-control.left {
    margin-left: 5px
}

.carousel-showmanymoveone .carousel-control.right {
    margin-right: 5px
}

.carousel-showmanymoveone .cloneditem-1,
.carousel-showmanymoveone .cloneditem-2,
.carousel-showmanymoveone .cloneditem-3,
.carousel-showmanymoveone .cloneditem-4,
.carousel-showmanymoveone .cloneditem-5 {
    display: none
}

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

    .carousel-showmanymoveone .carousel-inner > .active.left,
    .carousel-showmanymoveone .carousel-inner > .prev {
        left: -50%
    }

    .carousel-showmanymoveone .carousel-inner > .active.right,
    .carousel-showmanymoveone .carousel-inner > .next {
        left: 50%
    }

    .carousel-showmanymoveone .carousel-inner > .active,
    .carousel-showmanymoveone .carousel-inner > .left,
    .carousel-showmanymoveone .carousel-inner > .prev.right {
        left: 0
    }

    .carousel-showmanymoveone .carousel-inner .cloneditem-1 {
        display: block
    }
}

@media all and (min-width:768px) and (transform-3d),
all and (min-width:768px) and (-webkit-transform-3d) {

    .carousel-showmanymoveone .carousel-inner > .item.active.right,
    .carousel-showmanymoveone .carousel-inner > .item.next {
        -webkit-transform: translate3d(50%, 0, 0);
        transform: translate3d(50%, 0, 0);
        left: 0
    }

    .carousel-showmanymoveone .carousel-inner > .item.active.left,
    .carousel-showmanymoveone .carousel-inner > .item.prev {
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0);
        left: 0
    }

    .carousel-showmanymoveone .carousel-inner > .item.active,
    .carousel-showmanymoveone .carousel-inner > .item.left,
    .carousel-showmanymoveone .carousel-inner > .item.prev.right {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        left: 0
    }
}

@media all and (min-width:992px) {

    .carousel-showmanymoveone .carousel-inner > .active.left,
    .carousel-showmanymoveone .carousel-inner > .prev {
        left: -16.666%
    }

    .carousel-showmanymoveone .carousel-inner > .active.right,
    .carousel-showmanymoveone .carousel-inner > .next {
        left: 16.666%
    }

    .carousel-showmanymoveone .carousel-inner > .active,
    .carousel-showmanymoveone .carousel-inner > .left,
    .carousel-showmanymoveone .carousel-inner > .prev.right {
        left: 0
    }

    .carousel-showmanymoveone .carousel-inner .cloneditem-2,
    .carousel-showmanymoveone .carousel-inner .cloneditem-3,
    .carousel-showmanymoveone .carousel-inner .cloneditem-4,
    .carousel-showmanymoveone .carousel-inner .cloneditem-5,
    .carousel-showmanymoveone .carousel-inner .cloneditem-6 {
        display: block
    }
}

@media all and (min-width:992px) and (transform-3d),
all and (min-width:992px) and (-webkit-transform-3d) {

    .carousel-showmanymoveone .carousel-inner > .item.active.right,
    .carousel-showmanymoveone .carousel-inner > .item.next {
        -webkit-transform: translate3d(16.666%, 0, 0);
        transform: translate3d(16.666%, 0, 0);
        left: 0
    }

    .carousel-showmanymoveone .carousel-inner > .item.active.left,
    .carousel-showmanymoveone .carousel-inner > .item.prev {
        -webkit-transform: translate3d(-16.666%, 0, 0);
        transform: translate3d(-16.666%, 0, 0);
        left: 0
    }

    .carousel-showmanymoveone .carousel-inner > .item.active,
    .carousel-showmanymoveone .carousel-inner > .item.left,
    .carousel-showmanymoveone .carousel-inner > .item.prev.right {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        left: 0
    }
}



.img_new_arriv {
    padding: 5px
}

.img_new_arriv a img {
    height: 170px;
    margin: 0 auto
}

.quote_box {
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 10px
}

.quote_box h2 {
    font-family: 'Poppins';
    font-size: 16px;
    margin: 5px 0 13px;
    text-transform: uppercase
}

.quote_box input[type=text],
.quote_box select {
    border-radius: 0;
    margin-bottom: 5px
}

.quote_box h4 {
    margin: 0;
    font-family: 'Poppins';
    font-size: 18px
}

.quote_box a {
    font-family: 'Poppins';
    font-size: 11px;
    color: #000
}

.quote_box a.blue {
    color: #00a3c0
}

.quote_box button {
    background-color: #00a3c0;
    border-radius: 0;
    width: 100%;
    text-transform: uppercase;
    font-family: 'Poppins';
    font-size: 18px;
    color: #fff;
    margin-top: 5px
}

.quote_box button:hover {
    opacity: .8;
    color: #fff
}

.left_store ul.left_store_bar li {
    margin-bottom: 0
}

.store_left_cat ul li img {
    float: left;
    margin-top: 0;
    margin-right: 5px
}

.left_store ul.left_store_bar li a,
.store_left_cat ul li a {
    color: #787f85;
    font-family: 'Poppins';
    font-size: 14px
}

.category_box p.red_clr {
    margin: 0;
    padding: 10px;
    font-family: 'Poppins';
    font-size: 17px
}

.subcategory_box a img {
    height: 135px
}

.subcategory_box h4 {
    color: #fff
}

.retail_level_two {
    padding: 3px 3px;
    border: 1px solid #ccc;
    margin-top: 0;
    margin-bottom: 10px;
    background-color: #fff
}

.create_add {
    background-color: #20b015 !important;
    color: #fff !important;
    border: 1px solid #20b015 !important;
    width: 130px;
    text-align: center
}

.create_add:hover,
.shop_now:hover {
    opacity: .8
}

.shop_now {
    background-color: #004b58 !important;
    color: #fff !important;
    border: 1px solid #004b58 !important
}

.prod_type {
    background-color: #fafafa;
    border: 1px solid #ccc;
    padding: 5px 20px;
    font-family: 'Poppins';
    font-size: 18px
}

.prod_type .caret {
    color: #000
}

.ws_box {
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 10px;
    margin-bottom: 10px
}

.ws_box h1 {
    font-family: 'Poppins';
    font-size: 30px;
    margin: 0
}

.ws_box h1 a {
    font-family: 'Poppins';
    font-size: 22px;
    margin: 0
}

.ws_box .mcountry a:focus,
.ws_box .mcountry a:hover,
.ws_box h1 a:hover {
    text-decoration: none
}

.btn-ws-del i {
    color: #000
}

.btn-ws-del:hover {
    cursor: pointer
}

.we_box .mcountry {
    color: #727272;
    font-size: 15px;
    font-family: 'Poppins';
}

.ws_box .mcountry a {
    color: #727272;
    font-size: 15px;
    font-family: 'Poppins';
}

.ws_box .ws_img_box_R img,
.ws_box .ws_img_box_l img {
    width: 100%;
    padding: 5px;
    height: 249px;
    border: 1px solid #ccc;
    overflow: hidden;
    object-fit: contain;
}
.ws_btm_box {
    padding: 10px;
    border-bottom: 1px solid #ccc;
    margin: 5px;
}

.ws_btm_box p.desc {
    color: #727272;
    font-size: 18px;
    font-family: 'Poppins';
    margin: 0
}

.ws_btm_box p.black_clr {
    color: #000 !important
}

.ws_btm_box p.black_clr span {
    color: #727272
}

.ws_footer {
    display: block;
    border: 1px solid #ccc;
    height: 35px;
    margin: 0 5px;
    padding: 5px;
    border-top: none
}

.ws_footer ul {
    padding: 0;
    margin: 3px
}

.ws_footer ul li {
    float: left;
    list-style: none;
    width: 25%;
    padding-left: 10px
}

.ws_footer ul li a {
    color: #000
}

.ws_footer ul li a i {
    font-size: 18px
}

.ws_footer ul li a:focus,
.ws_footer ul li a:hover {
    text-decoration: none;
    color: #56966f
}

.ws_footer ul li:nth-child(4) {
    text-align: right
}

.ws_footer ul li:nth-child(2) {
    text-align: left
}

.ws_footer ul li:nth-child(3) {
    text-align: center
}

.ws_footer ul li:nth-child(5) {
    text-align: right
}

.ws_single_img img {
    margin: 0 auto;
    margin-bottom: 20px;
    max-height: 400px
}

.ws_img_box_4 img {
    width: 100%;
    padding: 10px;
    height: 200px
}

.sharestorepos .modal-footer,
.sharestorepos .modal-header {
    background-color: #eaeaea
}

.sharestorepos .modal-header h4 {
    display: inline
}

.cost input {
    margin-bottom: 0 !important
}

.sharestorepos input[type=date],
.sharestorepos input[type=email],
.sharestorepos input[type=number],
.sharestorepos input[type=password],
.sharestorepos input[type=text],
.sharestorepos select,
.sharestorepos textarea {
    border-radius: 0;
    background-color: #f8f9fa;
    margin-bottom: 10px
}

.sharestorepos a.refresh,
.signupForm a.refresh {
    color: #2F6230;
}

.sharestorepos a.refresh:hover,
.signupForm a.refresh:hover {
    color: #000;
}

.sharestorepos .dropdown {
    margin-bottom: 10px
}

.sharestorepos .caret {
    color: #333
}

.sharestorepos .dropdown button {
    border-radius: 0;
    background-color: #f8f9fa;
    color: #333;
    width: 100%
}

.sharestorepos .dropdown ul li a:focus,
.sharestorepos .dropdown ul li a:hover {
    background-color: #00a3c0;
    color: #fff !important
}

.sharestorepos .modal-footer button {
    border-radius: 0
}

ul.ui-autocomplete {
    z-index: 1100
}

#tab3default h2 {
    font-size: 18px;
    font-family: 'Poppins';
    margin: 0
}

#tab3default textarea {
    border-radius: 0
}

.mainreview {
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
    margin-top: 10px
}

.mainreview img {
    height: 40px;
    width: 100%
}

.Review_box h3 {
    font-size: 18px;
    font-family: 'Poppins';
    margin: 5px 0 0
}

#Review_box p {
    margin: 0
}

.Review_box h2 {
    margin: 10px 0 !important;
    border-bottom: 1px solid #000
}

.art_form {
    margin: 20px 10px;
    border: 1px solid #ccc
}

.art_form h3 {
    margin: 0;
    background-color: #e6c3ec;
    color: #000;
    padding: 10px;
    font-family: 'Poppins';
    font-size: 18px;
    text-transform: uppercase
}

.art_form button.myalbum {
    border-radius: 0;
    background-color: #f8f9fa;
    text-align: left;
    width: 100%;
    color: #000;
    border: 1px solid #ccc
}

.art_form button.myalbum .caret {
    color: #000
}

.art_form button.myexhibition {
    border-radius: 0;
    background-color: #f8f9fa;
    text-align: left;
    width: 100%;
    color: #000;
    border: 1px solid #ccc
}

.art_form button.myexhibition .caret {
    color: #000
}

.add_form {
    margin: 10px;
    border: 1px solid #ccc;
}

.add_form h3 {
    margin: 0;
    background-color: #e2f6ff;
    color: #000;
    padding: 10px;
    font-family: 'Poppins';
    font-size: 18px;
    text-transform: uppercase
}

.add_form_body {
    padding: 10px 15px
}

.add_form_body h4 {
    font-size: 19px;
    font-family: 'Poppins';
    color: #656565
}

.add_form_body .radio,
.add_form_body input[type=date],
.add_form_body input[type=number],
.add_form_body input[type=text],
.add_form_body input[type=time],
.add_form_body select,
.add_form_body textarea {
    border-radius: 0;
    background-color: #f8f9fa
}

.add_form_body .col-md-5ths {
    padding-left: 15px;
    padding-right: 15px
}

.left_saa {
    min-height: 1100px;
    background-color: #e0f6ff
}

.left_artform {
    min-height: 1100px;
    background-color: #e6c3ec
}

.left_real {
    min-height: 1700px;
    background-color: #0091ca
}

.left_enter {
    min-height: 1600px;
    background-color: #f98ba4
}

#top_page_heading h3 {
    font-size: 20px;
    font-family: 'Poppins';
    margin: 9px 5px;
    text-transform: uppercase;
    color: #000
}

#top_page_heading h3 small {
    color: #000
}

#top_page_heading a {
    float: right;
    margin-right: 10px;
    margin-top: 3px
}

.top_profile_box button {
    border-radius: 0
}

.top_profile_box .caret {
    color: #000
}

.top_profile_box .butn_profile {
    background-color: #fff;
    border: 1px solid #000
}

.top_profile_box .butn_profile:focus,
.top_profile_box .butn_profile:hover {
    background-color: #00a3c0;
    color: #fff;
    border: 1px solid #00a3c0
}

#profilesdd hr {
    margin: 3px
}

.upload-drop-zone {
    height: 200px;
    border-width: 2px;
    margin-bottom: 20px
}

.upload-drop-zone {
    color: #ccc;
    border-style: dashed;
    border-color: #ccc;
    line-height: 200px;
    text-align: center
}

.upload-drop-zone.drop {
    color: #222;
    border-color: #222
}

.image-preview-input {
    position: relative;
    overflow: hidden;
    margin: 0;
    color: #333;
    background-color: #fff;
    border-color: #ccc
}

.image-preview-input input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0
}

.image-preview-input-title {
    margin-left: 2px
}

#cart span {
    font-size: 10px;
    color: #fff
}

#cart a:hover,
#cart span:hover {
    color: #fff;
    text-decoration: none
}

.main_div_form {
    width: 100%;
    height: 70px
}

.main_div_form_left {
    width: 78%;
    float: left
}

.main_div_form_right {
    width: 20%;
    float: left
}

#main_div_form_left .btn-group {
    width: 100%
}

#main_div_form_left button {
    border-radius: 0 !important;
    overflow: hidden;
    width: 100%
}

#main_div_form_left .caret {
    color: #000
}

.main_div_form_right input[type=submit] {
    border-radius: 0;
    background-color: #00a3c0;
    color: #fff
}

#main_div_form_left ul {
    height: 350px;
    overflow: scroll
}

.cartbox {
    background-color: #fff;
    border: 1px solid #ccc
}

.cart_header {
    border-bottom: 1px solid #ccc;
    padding: 10px
}

.cart_header h1 {
    margin: 0;
    display: inline;
    font-size: 30px;
    font-family: 'Poppins';
}

.cart_body {
    padding: 20px
}

.empty_cart {
    background-color: #032350;
    border-radius: 0;
    border: 1px solid #ccc;
    color: #fff
}

.empty_cart:hover {
    color: #fff;
    opacity: .8
}

#cartbody tr td:nth-child(1) a {
    font-size: 18px;
    font-family: 'Poppins';
    color: #333
}

#cartbody tr td:nth-child(5) a {
    font-family: 'Poppins';
    color: #333
}

#cartbody tr td:nth-child(2),
#cartbody tr td:nth-child(4),
#cartbody tr td:nth-child(5) {
    text-align: center
}

#cartbody a:hover,
#tab4default a:focus,
#tab4default a:hover {
    text-decoration: none
}

#checkout {
    margin-top: 15px
}

.cancelBody i {
    font-size: 80px;
    color: #d9534f
}

.cancelBody h2,
.successBody h2 {
    font-size: 30px;
    font-family: 'Poppins';
}

.cancelBody p,
.successBody p {
    font-size: 18px;
    font-family: 'Poppins';
    color: #333;
    margin-bottom: 30px
}

.successBody i {
    font-size: 80px;
    color: #17ab56
}

#tab4default a {
    color: #333;
    font-size: 18px;
    font-family: 'Poppins';
}

.btm_img_str {
    padding: 15px 5px
}

.btm_img_str img {
    width: 100%
}

.grid_view_store {
    border: 1px solid #ced8e0;
    padding: 10px;
    margin: 5px 10px
}

#noMarginGrid {
    margin: 7.5px 0;
    background-color: #fff
}

.grid_view_store img {
    width: 100%;
    border: 1px solid #ced8e0;
    max-height: 120px
}

.grid_view_store h4,
.grid_view_store h4 a {
    font-size: 20px;
    font-family: 'Poppins';
    margin: 0
}

.grid_view_store p {
    margin-bottom: 0
}

.grid_view_store a,
.grid_view_store p.subcat a {
    color: #333;
    font-size: 16px;
    font-family: 'Poppins';
}

.grid_view_store a:focus,
.grid_view_store a:hover,
.grid_view_store h4 a:hover,
.grid_view_store p.subcat a:hover {
    text-decoration: none;
    color: #2784c5
}

.grid_view_store h6 {
    font-size: 16px;
    font-family: 'Poppins';
    margin: 0 0 10px
}

.listingview {
    padding-top: 5px
}

.listingview a {
    margin-right: 10px;
    color: #333;
    font-size: 20px
}

.listingview a.active {
    color: #00a2c0
}

.left_hid_frnd {
    width: 85%;
    display: inline;
    float: left
}

.left_hid_frnd p {
    height: 22px;
    overflow: hidden;
    margin-top: 9px;
    color: #777
}

.right_hid_frnd {
    width: 10%;
    display: inline
}

.right_hid_frnd a {
    display: inline-block;
    line-height: 38px;
    color: #000;
    font-size: 14px;
    font-family: 'Poppins';
}

.right_hid_frnd a:hover {
    text-decoration: none;
    cursor: pointer
}

.showSweetAlert {
    border-radius: 0 !important
}

.left_filter {
    margin-top: 20px;
    border-top: 1px dashed #666
}

.left_filter h1 {
    font-family: 'Poppins';
    font-size: 16px;
    color: #000;
    margin: 20px 0 0
}

.left_filter a i {
    margin-left: 2px
}

.left_filter a {
    display: block;
    color: #787f85;
    font-family: 'Poppins';
    font-size: 14px
}

.left_filter .pricebox input[type=text] {
    width: 55px;
    padding: 2px;
    height: 24px;
    border-radius: 0;
    border: 1px solid #ccc
}

.left_filter .pricebox button {
    padding: 3px;
    font-size: 10px;
    color: #fff;
    background-color: #2784c5
}

.left_filter .pricebox button:hover {
    opacity: .8;
    color: #fff
}

.left_Freelance_category {
    padding: 10px
}

.left_Freelance_category ul li {
    list-style: none;
    border-bottom: 1px solid #ccc
}

.left_Freelance_category ul {
    padding-left: 0
}

.left_Freelance_category ul li a {
    color: #000;
    padding: 10px;
    display: block;
    background-color: #fff;
    font-family: 'Poppins';
    font-size: 16px
}

.left_Freelance_category ul li a.active {
    background-color: #ff6500;
    color: #fff !important
}

.heading_page h2 {
    font-size: 24px;
    font-family: 'Poppins';
    background-color: #f9d17a;
    color: #000;
    padding: 10px;
    margin: 0
}

.nopadding {
    padding: 0
}

#freelancers-page {
    padding: 0 !important
}

.freelancer_banner {
    background: url(../images/freelancer/freelancer-page.jpg) no-repeat;
    background-size: cover !important
}

.freelancer_banner .find_freelancer {
    font-family: 'Poppins';
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    margin-top: 80px;
    margin-bottom: 40px;
    font-weight: 700;
    font-size: 30px
}

.freelancer_banner .post-project {
   
    font-family: 'Poppins';
    color: #fff;
    text-transform: uppercase;
    line-height: 1.2;
    border: 0.5px solid #f38d4e;
    background-color: rgb(243 141 78);
    border-radius: 0;
    padding: 12px 65px;
    transition: .3s all ease-in-out
}

.freelancer_banner .post-project:focus,
.freelancer_banner .post-project:hover {
    background-color: transparent;
    color: #fead00
}

.freelancer_banner .looking-for-freelancer {
    font-size: 24px;
    font-family: 'Poppins';
    color: #fff;
    line-height: 1.2;
    margin-top: 40px;
    margin-bottom: 72px
}

.search-freelancer {
    background-color: #edeef0
}

.search-freelancer .searchbar {
    background-color: #fff;
    border: .5px solid #b7b7b7;
    padding: 18px 35px 0 35px
}

.search-freelancer .searchbar .form-group {
    margin-bottom: 0 !important
}

.search-freelancer .searchbar .freelance-category {
    border-radius: 0;
    border: .5px solid #959595;
    width: 17%;
    height: 39px;
    font-size: 18px;
    font-family: 'Poppins';
    color: #282828;
    text-transform: uppercase;
    line-height: 1.2;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    background: #fead00 url(../images/freelancer/downarrow.png) no-repeat center right 15px;
    display: inline-block;
    float: left
}

.search-freelancer .searchbar .freelance-category option:focus,
.search-freelancer .searchbar .freelance-category option:hover {
    background-color: #f60 !important;
    color: #fff !important
}

.search-freelancer .searchbar .searchfiled {
    border-radius: 0;
    width: 81%;
    height: 39px;
    border: .5px solid #959595;
    background-color: rgba(242, 242, 242, .702);
    display: inline-block;
    margin-top: 0;
    font-size: 15.24px;
    font-family: 'Poppins';
    color: #727272;
    line-height: 1.2;
    background: url(../images/freelancer/search.png) no-repeat center right 20px
}

@media(max-width :480px) {

    .container.foot-index .col-md-4 ,footer .foot .container  .col-md-2 {
        padding: 8px 0;
    }
    .foot h2{
        margin: 0 0 8px 0 !important;
    }
    .foot p{
        padding: 3px 0 !important;
        font-size: 13px;
    }
    footer .foot .container .col-md-2 p {
        margin: 0 !important;
       
    }
    .foot p a {
        font-size: 13px !important;
    }
    .foot p a{
        padding: 0 !important;
    }
    #search1{
        width: 61% !important;
        
    }
    .breadcrumb {
        margin-bottom: 30px;
    }
    body.home .container.foot-index .col-md-4, body.home .container.foot-index .col-md-2 {
        padding: 15px 0;
    }
}
.search-freelancer .searchbar .search-freelancer-btn {
    border: .5px solid #959595;
    color: #fff;
    background-color: #f38d4e;
    border-radius: 0;
    display: inline-block;
    width: 25%;
    height: 39px;
    margin-top: 0;
    font-size: 20px;
    line-height: 1.2;
    font-family: 'Poppins';
    float: right
}

.search-freelancer .searchbar .search-freelancer-btn:focus,
.search-freelancer .searchbar .search-freelancer-btn:hover {
    background-image: none !important;
    border: 0.5px solid #f38d4e;
    background-color: #f38d4e;
    color: #fe750b;
    transition: .3s all ease-in-out
}

.browse_all_anchor {
    font-size: 15.24px;
    font-family: 'Poppins';
    color: #ff6a03;
    line-height: 1.2;
    margin-top: 17px;
    margin-bottom: 27px
}

.browse_all_anchor:hover {
    text-decoration: underline
}

.search-freelancer .top-freelancer {
    font-size: 30px;
    font-family: 'Poppins';
    color: #343b41;
    line-height: 1.2;
    margin-top: 54px;
    margin-bottom: 40px;
    text-align: center
}

.search-freelancer .top-freelancer span {
    color: #f60
}

.search-freelancer .offer-note {
    font-size: 18px;
    font-family: 'Poppins';
    color: #05395e;
    line-height: 1.2;
    text-align: center;
    letter-spacing: 3px;
    margin-bottom: 0
}

.search-freelancer .freelancers-ids {
    margin-top: 50px;
    margin-bottom: 45px
}

.search-freelancer .freelancers-ids .owl-dots {
    display: none
}

.freelancer-content .avatar img {
    height: 110px
}

.search-freelancer .freelancers-ids .freelancer-content {
    width: 85%;
    display: block;
    margin-right: auto;
    margin-left: auto
}

.search-freelancer .freelancers-ids .freelancer-content .avatar {
    padding: 8px 9px
}

.search-freelancer .freelancers-ids .freelancer-content .freelancer-name {
    font-size: 14px;
    font-family: 'Poppins';
    line-height: 1.2;
    text-align: center;
    margin-bottom: 0
}

.search-freelancer .freelancers-ids .freelancer-content .freelancer-designation {
    color: #343b41;
    line-height: 1.2;
    text-align: center;
    font-size: 13px;
    font-family: 'Poppins';
    margin-bottom: 3px
}

.search-freelancer .freelancers-ids .freelancer-content .skill-rating {
    color: #6e7174;
    line-height: 1.2;
    text-align: center;
    font-size: 13px;
    font-family: 'Poppins';
    margin-bottom: 3px
}

.search-freelancer .freelancers-ids .freelancer-content .job-success {
    color: #6e7174;
    line-height: 1.2;
    text-align: left;
    font-size: 13px;
    font-family: 'Poppins';
    margin-bottom: 3px
}

.search-freelancer .freelancers-ids .freelancer-content .job-success span {
    color: #f60;
    float: right
}

.search-freelancer .freelancers-ids .freelancer-content .progress-wrap {
    border: 1px solid #ccc;
    margin: 5px 0 0 0;
    overflow: hidden;
    position: relative;
    border-width: .5px solid #acacac;
    height: 8px;
    border-radius: 0
}

.freelancer-content .progress-bar {
    background-color: #fead00
}

.how-itworks {
    background-color: #fff;
    padding-top: 40px;
    padding-bottom: 45px
}

.how-itworks h2 {
    font-family: 'Poppins';
    font-size: 30px;
    color: #343b41;
    text-transform: uppercase;
    line-height: 1.2;
    margin-top: 0;
    margin-bottom: 35px;
    text-align: center
}

.how-itworks .how-itworks-content {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 95%;
    border: 1px solid #b7b7b7;
    border-radius: 2px;
    background-color: #f4f4f4
}

.how-itworks .how-itworks-content img {
    margin-top: 15px;
    margin-bottom: 22px
}

.how-itworks .how-itworks-name {
    font-size: 16px;
    font-family: 'Poppins';
    color: #282828;
    background-color: rgba(254, 173, 0, .502);
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 0;
    padding: 8px 0
}

.how-itworks .how-itworks-description {
    background-color: #fff;
    margin-bottom: 0;
    font-family: 'Poppins';
    font-size: 11.5px;
    color: #343b41;
    line-height: 1.2;
    text-align: center;
    padding: 17px 16px
}

.our-clients {
    background-color: #edeef0;
    padding-top: 52px;
    padding-bottom: 33px
}

.our-clients .our-clients-heading {
    font-size: 30px;
    font-family: 'Poppins';
    color: #343b41;
    text-transform: uppercase;
    line-height: 1.2;
    text-align: center;
    margin-top: 0;
    margin-bottom: 54px
}

.our-clients #fade-quote-carousel.carousel {
    padding-bottom: 60px
}

.our-clients #fade-quote-carousel.carousel .carousel-inner .item {
    opacity: 0;
    -webkit-transition-property: opacity;
    -ms-transition-property: opacity;
    transition-property: opacity
}

.our-clients #fade-quote-carousel.carousel .carousel-inner .active {
    opacity: 1;
    -webkit-transition-property: opacity;
    -ms-transition-property: opacity;
    transition-property: opacity
}

.our-clients #fade-quote-carousel.carousel .carousel-indicators {
    bottom: 10px
}

.our-clients #fade-quote-carousel.carousel .carousel-indicators > li {
    border-radius: 50%;
    border: .5px solid #b7b7b7;
    width: 19px;
    height: 19px;
    margin: 0 !important
}

.our-clients #fade-quote-carousel blockquote {
    text-align: center;
    border: none
}

.our-clients #fade-quote-carousel .profile-circle img {
    width: 116px;
    height: 116px;
    margin: 0 auto;
    border-radius: 100px !important;
    border-radius: 50% !important;
    background-color: #fff !important
}

.our-clients .freelancerthansk {
    font-size: 18px;
    font-family: 'Poppins';
    color: #343b41;
    line-height: 1.2;
    letter-spacing: 2px;
    margin-bottom: 30px
}

.our-clients .freelancername {
    margin-bottom: 0;
    font-size: 18px;
    font-family: 'Poppins';
    color: #343b41;
    line-height: 1.2;
    letter-spacing: 2px
}

.our-clients .freelancerdesignation {
    font-size: 14px;
    font-family: 'Poppins';
    line-height: 1.2;
    letter-spacing: 2px
}

.our-clients .carousel-control-next {
    position: absolute;
    right: 0;
    top: 50px
}

.our-clients .carousel-control-prev {
    position: absolute;
    left: 0;
    top: 0
}

.browse-projects {
    background-color: #fff;
    padding-top: 49px;
    padding-bottom: 39px
}

.browse-projects.categoryengineer {
    background-color: #edeef0
}

.browse-projects .browse-projects-heading {
    font-family: 'Poppins';
    color: #343b41;
    margin-top: 0;
    margin-bottom: 45px;
    text-align: center;
    text-transform: uppercase
}

.browse-projects .browse-projects-content {
    background-color: #ffefcc;
    padding-top: 37px;
    padding-bottom: 40px;
    border: 1px solid #d3cbbb;
    min-height: 194px
}

.browse-projects-content img {
    min-height: 70px
}

.browse-projects .browse-projects-content-h4 {
    margin-top: 26px;
    margin-bottom: 0;
    color: #343b41;
    font-size: 17px;
    font-family: 'Poppins';
    text-align: center;
    text-transform: uppercase;
    transition: .3s all ease-in-out
}

.browse-projects .browse-projects-content:hover .browse-projects-content-h4 {
    color: #f60 !important
}

.browse-projects .see-all-category {
    font-family: 'Poppins';
    color: #fff;
    font-size: 24px;
    line-height: 1.2;
    border: 1px solid #fead00;
    background-color: #f60;
    border-radius: 0;
    margin-top: 27px;
    padding: 11px 166px 8px 166px
}

.category_selected_banner {
    background: url(../images/freelancer/category_selected.jpg) no-repeat;
    background-size: cover !important
}

.category_selected_banner .category_name {
    font-family: 'Poppins';
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    margin-top: 50px;
    margin-bottom: 30px;
    font-weight: 700;
    font-size: 30px
}

.category_selected_banner .category_name span {
    color: #f60
}

.category_selected_banner .choose_among {
    font-size: 24px;
    font-family: 'Poppins';
    color: #fff;
    line-height: 1.2;
    margin-bottom: 40px
}

.category_selected_banner .get-started {
    font-size: 20px;
    font-family: 'Poppins';
    color: #fff;
    line-height: 1.2;
    border-radius: 2px;
    padding: 10px 86px;
    transition: .3s all ease-in-out;
    margin-bottom: 53px;
    border: 1px solid transparent
}

.category_selected_banner .get-started:focus,
.category_selected_banner .get-started:hover {
    background-color: transparent;
    color: #fff;
    border-color: #fff
}

.category_tabs .resp-tab-content {
    border: none !important
}

.category_tabs .resp-tab-active {
    border-width: 0 0 7px 0 !important;
    border-style: solid !important
}

.category_tabs .resp-tabs-list li {
    text-align: center;
    font-size: 14px;
    color: #343b41;
    line-height: 1.2;
    font-family: 'Poppins';
    text-transform: uppercase
}

.category_tabs .resp-tabs-list li.single-word {
    margin-top: 16px
}

.category_tabs .resp-tabs-container .browse-category-engineer {
    font-family: 'Poppins';
    font-size: 24px;
    color: #343b41;
    line-height: 1.2;
    text-align: center;
    margin-bottom: 50px;
    margin-top: 40px
}

#cat_freelance {
    width: calc(100% / 4)
}

.category_tabs .resp-tabs-container .category-engineer {
    width: calc(100% / 4);
    float: left;
    margin-bottom: 40px
}

#jobseekrtab .resp-tabs-container .category-engineer {
    width: calc(100% / 4);
    float: left;
    margin-bottom: 40px
}

.category_tabs .resp-tabs-container .category-engineer .category-engineer-content {
    width: 95%;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.category_tabs .resp-tabs-container .category-engineer .category-engineer-content .engineer-avatar {
    border: 1px solid #b7b7b7;
    border-radius: 1px;
    background-color: #edeef0;
    min-height: 118px;
    margin-top: 70px
}

.category_tabs .resp-tabs-container .category-engineer .category-engineer-content .engineer-avatar img {
    border-width: 2px 3px 3px 2px;
    border-style: solid;
    margin-top: -70px;
    height: 130px;
    width: 130px;
    background-color: #fff
}

#jobseekrtab .resp-tabs-container .category-engineer .category-engineer-content .engineer-avatar img {
    border-color: #31ace3
}

.category_tabs .resp-tabs-container .category-engineer .category-engineer-content .engineer-avatar .engineer-name {
    font-size: 18px;
    font-family: 'Poppins';
    color: #343b41;
    line-height: 1.2;
    text-align: center;
    margin-bottom: 0;
    margin-top: 12px
}

.category_tabs .resp-tabs-container .category-engineer .category-engineer-content .engineer-avatar .engineer-designation {
    font-size: 14px;
    font-family: 'Poppins';
    color: #737373;
    line-height: 1.2;
    text-align: center;
    margin-bottom: 6px
}

.category_tabs .resp-tabs-container .category-engineer .category-engineer-content .engineer-details {
    border-width: 0 1px 1px 1px;
    border-color: #b7b7b7;
    border-style: solid;
    border-radius: 1px;
    background-color: #fff;
    padding: 14px 15px
}

.category_tabs .resp-tabs-container .category-engineer .category-engineer-content .engineer-details .black {
    font-size: 14px;
    font-family: 'Poppins';
    color: #282828;
    line-height: 1.2;
    text-align: left
}

.category_tabs .resp-tabs-container .category-engineer .category-engineer-content .engineer-details .red {
    font-size: 14px;
    font-family: 'Poppins';
    line-height: 1.2;
    text-align: right
}

#jobseekrtab .resp-tabs-container .category-engineer .category-engineer-content .engineer-details .red {
    color: #31ace3
}

.category_tabs .resp-tabs-container .category-engineer .category-engineer-content .engineer-details .specialities {
    margin-bottom: 10px;
    margin-top: 22px;
    padding: 0;
    height: 30px;
    overflow: hidden
}

.category_tabs .resp-tabs-container .category-engineer .category-engineer-content .engineer-details .specialities span {
    border: 1px solid #b7b7b7;
    background-color: #f6f6f6;
    font-size: 10px;
    font-family: 'Poppins';
    color: #282828;
    line-height: 1.2;
    text-align: left;
    margin-bottom: 8px;
    margin-right: 3px;
    display: inline-block;
    padding: 3px 4px
}

.category_tabs .resp-tabs-container .category-engineer .category-engineer-content .engineer-details .engineer-view-profile {
    color: #fff;
    text-align: center;
    font-family: 'Poppins';
    width: 100%;
    border-radius: 0
}

.category_tabs .resp-tabs-container .category-engineer .category-engineer-content .engineer-details .engineer-view-profile:hover {
    background-color: #000;
    color: #fff
}

.category_tabs .resp-tabs-container .category-engineer .category-engineer-content .engineer-details .jobboard-view-profile {
    color: #fff;
    text-align: center;
    font-family: 'Poppins';
    background-image: -moz-linear-gradient(90deg, #31ace3 0, #4fe0ff 100%);
    background-image: -webkit-linear-gradient(90deg, #31ace3 0, #4fe0ff 100%);
    background-image: -ms-linear-gradient(90deg, #31ace3 0, #4fe0ff 100%);
    background-repeat: no-repeat;
    width: 100%;
    border-radius: 0
}

.project_list_banner {
    background: url(../images/freelancer/project-list-banner.jpg) no-repeat;
    background-size: cover !important;
    margin-top: 25px
}

.project_list_banner .heading {
    font-family: 'Poppins';
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    margin-top: 40px;
    margin-bottom: 40px;
    font-weight: 700;
    font-size: 40px
}

.project_list_banner .search_over {
    font-size: 19px;
    font-family: 'Poppins';
    color: #fff;
    line-height: 1.2;
    margin-bottom: 16px
}

.project_list_banner a {
    margin-bottom: 40px;
    padding: 5px 20px;
    font-size: 18px
}

.projectslist .search-for-project {
    margin-top: 10px;
    border: 1px solid #b7b7b7;
    background-color: #dfdfdf;
    padding: 8px 18px
}

.projectslist .search-for-project.projectlist2 {
    margin-top: 28px
}

.projectslist .search-for-project .form-group {
    margin-bottom: 0
}

.projectslist .search-for-project input[type=text] {
    border-radius: 0;
    height: 39px;
    border: 1px solid #959595;
    background-color: #fff !important;
    display: inline-block;
    margin-top: 0;
    font-size: 15.24px;
    font-family: 'Poppins';
    color: #727272;
    line-height: 1.2;
    background: url(../images/freelancer/search.png) no-repeat center right 10px;
    width: 75%;
    margin-bottom: 0
}

.projectslist .search-for-project .search-btn {
    float: right;
    width: 24%;
    border-radius: 0;
    font-size: 20px;
    font-family: 'Poppins';
    color: #fff;
    line-height: 1.2;
    text-align: center;
    border: 1px solid #959595;
    background-image: -moz-linear-gradient(90deg, #f60 0, #fd9321 100%);
    background-image: -webkit-linear-gradient(90deg, #f60 0, #fd9321 100%);
    background-image: -ms-linear-gradient(90deg, #f60 0, #fd9321 100%)
}

.projectslist .search-for-project input[type=radio] {
    font-size: 15.24px;
    font-family: 'Poppins';
    color: #727272;
    line-height: 1.2;
    width: 12px;
    height: 12px;
    margin-right: 7px
}

.projectslist .search-for-project input[type=radio]:after {
    border: 1px solid #b7b7b7;
    border-radius: 50%;
    background-color: #ebebeb !important
}

.projectslist .menunbar {
    border: 1px solid #b7b7b7;
    background-color: #fff;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 0
}

.projectslist .menunbar .navbar {
    margin-bottom: 0
}

.projectslist .menunbar .navbar li a {
    font-size: 14px;
    font-family: 'Poppins';
    color: #fff;
    text-transform: uppercase;
    line-height: 1.2
}

.projectslist .menunbar .navbar li a.seprator {
    padding: 10px 0 !important
}

.projectslist .menunbar .navbar li a.red {
    color: #ff6a02
}

.projectslist .menunbar .navbar li a span.caret {
    color: #b2b2b2
}

.projectslist .menunbar .navbar li a:focus,
.projectslist .menunbar .navbar li a:hover {
    background-color: transparent;
    color: #ff6a02
}

.header_fre ul li a:focus,
.header_fre ul li a:hover {
    background-color: transparent;
    color: #333 !important
}

.projectslist .menunbar .navbar li a:focus span.caret,
.projectslist .menunbar .navbar li a:hover span.caret {
    color: #ff6a02
}

.projectslist .sideprofile {
    border: 1px solid #959595;
    border-radius: 3px;
    background-color: #fff;
    padding: 15px
}

.projectslist .sideprofile .freelancer-img {
    border: 1px solid #959595;
    border-radius: 50%;
    background-color: #fff;
    width: 70px;
    height: 70px
}

.padding-left-0 {
    padding-left: 0
}

.padding-right-0 {
    padding-right: 0
}

.projectslist .sideprofile .myprofile {
    font-size: 16px;
    font-family: 'Poppins';
    color: #ff7208;
    line-height: 4;
    margin-left: 10px
}

.projectslist .sideprofile .visibilty {
    padding: 25px 15px 0 15px
}

.projectslist .sideprofile .visibilty p {
    font-size: 14px;
    font-family: 'Poppins';
    color: #282828;
    line-height: 1.2;
    margin-bottom: 14px
}

.projectslist .sideprofile .visibilty p span.content {
    margin-right: 20px;
    margin-left: 10px
}

.projectslist .sideprofile .visibilty p .fa-pencil {
    color: #ff6802
}

.projectslist .sideprofile .availabilty p {
    font-size: 14px;
    font-family: 'Poppins';
    color: #282828;
    line-height: 1.2;
    margin-bottom: 14px
}

.projectslist .sideprofile .availabilty p.heading {
    margin-top: 30px
}

.projectslist .sideprofile .availabilty p span.content {
    margin-right: 2px;
    margin-left: 8px
}

.projectslist .sideprofile .availabilty p .fa-pencil {
    color: #ff6802
}

.projectslist .sideprofile .availabilty .progress {
    height: 18px !important;
    border-radius: 0
}

.projectslist .sideprofile p.profiledetails {
    font-size: 16px;
    font-family: 'Poppins';
    color: #282828;
    line-height: 1.2;
    margin-left: 10px
}

.projectslist .freelancer-post {
    border: 1px solid #b7b7b7;
    background-color: #fdfdfd;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .08);
    padding: 25px 22px;
    margin-bottom: 10px
}

.designation-haeding a,
.projectslist .freelancer-post .designation-haeding {
    font-size: 15px;
    font-family: 'Poppins';
    text-transform: uppercase;
    line-height: 1.2;
    margin-top: 0
}

#jobseaker-name a {
    color: #31ace3
}

#jobseaker-name a:focus,
#jobseaker-name a:hover {
    color: #fff
}

.designation-haeding a:focus,
.designation-haeding a:hover,
.freelancer-name a:focus,
.freelancer-name a:hover {
    color: #000;
    text-decoration: none
}

.projectslist .freelancer-post .timing-week {
    font-family: 'Poppins';
    font-size: 14px;
    color: rgba(40, 40, 40, .639);
    text-transform: uppercase;
    line-height: 1.2
}

.projectslist .freelancer-post .post-details {
    font-size: 18px;
    font-family: 'Poppins';
    color: #282828;
    text-align: justify;
    margin-top: 4px
}

.projectslist .freelancer-post .readmore {
    font-size: 18px;
    font-family: 'Poppins';
    text-align: justify;
    margin-bottom: 6px
}

.projectslist .post-icons {
    padding-left: 0
}

.projectslist .post-icons li {
    display: inline-block;
    margin-right: 10px
}

.projectslist .post-icons li:last-child {
    margin-right: 0 !important
}

.projectslist .skills-tags {
    border: .5px solid #b7b7b7;
    background-color: #ebebeb;
    font-size: 18px;
    font-family: 'Poppins';
    line-height: 1.333;
    padding: 2px 6px;
    margin-right: 3px
}

.jobboradlist .skills-tags {
    border: .5px solid #33b0e5;
    background-color: #33b0e5;
    font-size: 18px;
    font-family: 'Poppins';
    color: #fff;
    line-height: 1.333;
    padding: 2px 6px;
    margin-right: 3px;
    display: inline-block;
    margin-bottom: 4px
}

.jobboradlist .readmore {
    font-size: 18px;
    font-family: 'Poppins';
    color: #33b0e5;
    text-align: justify;
    margin-bottom: 6px
}

.projectslist .skills-tags:last-child {
    margin-right: 0 !important
}

.margin-top-13 {
    margin-top: 13px
}

.projectslist .proposals {
    font-size: 16px;
    font-family: 'Poppins';
    line-height: 1.333
}

.projectslist .noofproposal {
    font-size: 16px;
    font-family: 'Poppins';
    color: rgba(40, 40, 40, .749);
    line-height: 1.333
}

.margin-top-6 {
    margin-top: 6px;
    display: block
}

.projectslist .leftsidebar .nameheading a {
    font-size: 24px;
    font-family: 'Poppins';
    color: #f60;
    text-transform: uppercase;
    line-height: 1.2;
    margin-bottom: 12px;
    margin-top: 20px
}

.projectslist .leftsidebar .nameheading a:focus,
.projectslist .leftsidebar .nameheading a:hover {
    text-decoration: none
}

.projectslist .leftsidebar .freelancer-shortname {
    color: #253340;
    font-size: 14px;
    line-height: 1.2;
    font-family: 'Poppins';
    margin-bottom: 16px
}

.projectslist .leftsidebar .skill-category {
    font-size: 24px;
    font-family: 'Poppins';
    color: #282828;
    line-height: 1.2;
    margin-bottom: 20px;
    margin-top: 30px
}

.projectslist .leftsidebar .skill-category-list li a {
    font-size: 14px;
    font-family: 'Poppins';
    color: #a6a6a6;
    padding: 4px 4px 4px 6px;
    margin-bottom: 5px
}

.projectslist .leftsidebar .skill-category-list li a:hover {
    color: #000
}

.projectslist .leftsidebar .skill-category-list li a span.red {
    color: #eb6c0b
}

.projectslist .leftsidebar .skill-category-list li:last-child a {
    margin-bottom: 0 !important
}

.projectslist .leftsidebar .skill-category-list li a.active {
    border: 1px solid #a1a1a1;
    background-color: #fff;
    border-left: 4px solid #ff6802
}

.projectslist .leftsidebar .favorites {
    font-size: 16px;
    font-family: 'Poppins';
    margin-bottom: 20px;
    margin-top: 56px;
    text-transform: uppercase
}

.projectslist .leftsidebar .star-job {
    font-size: 14px;
    font-family: 'Poppins';
    color: #787f85;
    line-height: 2.143;
    margin-bottom: 14px
}

.projectslist .leftsidebar .save-jobs {
    font-size: 16px;
    font-family: 'Poppins';
    margin-bottom: 20px;
    margin-top: 24px;
    text-transform: uppercase
}

.projectdetails .back-to-projectlist a {
    font-family: 'Poppins';
    color: #000;
    font-size: 18px;
    margin-bottom: 30px;
    margin-top: 23px;
    display: block
}

.projectdetails .back-to-projectlist .fa-chevron-left {
    color: #fe6d0c;
    width: 25px;
    height: 25px;
    border-radius: 100%;
    padding: 2px;
    margin-right: 7px;
    float: left
}

#jobUserDetail .back-to-projectlist .fa-chevron-left {
    color: #33b0e5;
    border: 2px solid #33b0e5
}

#jobUserDetail .profile-detail .freelancer-details .country .fa-map-marker {
    color: #33b0e5
}

#jobUserDetail .profile-detail .freelancerImg {
    border: 4px solid #33b0e5
}

.projectdetails .back-to-projectlist a:hover {
    text-decoration: none
}

.projectdetails .post-job-like-this {
    font-family: 'Poppins';
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
    border: 1px solid #b7b7b7;
    border-radius: 2px;
    background-image: -moz-linear-gradient(90deg, #f60 0, #fd9321 100%);
    background-image: -webkit-linear-gradient(90deg, #f60 0, #fd9321 100%);
    background-image: -ms-linear-gradient(90deg, #f60 0, #fd9321 100%);
    width: 100%;
    padding: 15px 0;
    margin-bottom: 12px
}

.projectdetails .submit-a-proposal {
    font-family: 'Poppins';
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
    border: 1px solid #b7b7b7;
    border-radius: 2px;
    background-image: -moz-linear-gradient(90deg, #2f9000 1%, #58d11d 100%);
    background-image: -webkit-linear-gradient(90deg, #2f9000 1%, #58d11d 100%);
    background-image: -ms-linear-gradient(90deg, #2f9000 1%, #58d11d 100%);
    width: 100%;
    padding: 15px 0;
    margin-bottom: 25px
}

.projectdetails .about-client {
    border: 1px solid #959595;
    border-radius: 2px;
    background-color: #fff;
    padding: 0;
    margin-bottom: 15px
}

.projectdetails .about-client .about-client-heading {
    background-color: #242a2e;
    color: #fff;
    text-align: center;
    font-size: 20px;
    font-family: 'Poppins';
    line-height: 1.2;
    padding: 12px 0
}

.projectdetails .about-client .about-client-content {
    padding: 15px
}

.projectdetails .about-client .about-client-content img {
    float: left;
    margin-right: 15px
}

.projectdetails .about-client .about-client-content a {
    color: #ff7309;
    font-size: 16px
}

.projectdetails .about-client .about-client-content a:hover {
    color: #000
}

.projectdetails .about-client .about-client-content p {
    font-size: 16px;
    font-family: 'Poppins';
    color: #282828;
    line-height: 1.2;
    margin-bottom: 5px
}

.imgFeeBox {
    width: 100%;
    display: block;
    height: 45px
}

.projectdetails .question {
    font-family: 'Poppins';
    color: #282828;
    line-height: 1.333;
    margin-bottom: 0;
    font-size: 18px
}

.projectdetails .ans {
    font-family: 'Poppins';
    color: #7c7c7c;
    line-height: 1.333;
    margin-bottom: 33px;
    font-size: 18px
}

.projectdetails .ans.red {
    margin-bottom: 0;
    color: #ff7208
}

.projectdetails .freelancer-post-detail {
    border: 1px solid #b7b7b7;
    background-color: #fdfdfd;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .08);
    padding: 25px 22px;
    margin-bottom: 14px
}

.projectdetails .freelancer-post-detail .designation-haeding {
    font-size: 24px;
    font-family: 'Poppins';
    color: #282828;
    text-transform: uppercase;
    line-height: 1.2;
    margin-top: 0
}

.projectdetails .freelancer-post-detail .timing-week {
    font-size: 14px;
    font-family: 'Poppins';
    color: rgba(40, 40, 40, .639);
    text-transform: uppercase;
    line-height: 1.2;
    margin-bottom: 10px
}

.projectdetails .freelancer-post-detail .skills-tags {
    border: .5px solid #b7b7b7;
    border-radius: 2px;
    background-color: #ebebeb;
    font-size: 18px;
    font-family: 'Poppins';
    line-height: 1.333;
    padding: 2px 6px;
    margin-right: 5px
}

.projectdetails .freelancer-post-detail .time-level {
    font-size: 18px;
    font-family: 'Poppins';
    color: #282828;
    line-height: 1.333
}

.projectdetails .freelancer-post-detail .time-level-detail {
    font-size: 18px;
    font-family: 'Poppins';
    color: #727272;
    line-height: 1.333
}

.projectdetails .freelancer-post-detail .detail-description {
    border-width: 1px 0 1px 0;
    border-color: #b7b7b7;
    border-style: solid;
    padding-top: 32px;
    margin-top: 26px;
    margin-bottom: 25px
}

.projectdetails .freelancer-post-detail .detail-description p {
    font-size: 18px;
    font-family: 'Poppins';
    color: rgba(40, 40, 40, .639);
    line-height: 1.333;
    text-align: justify;
    margin-bottom: 24px
}

.projectdetails .freelancer-post-detail .activity-on-this-job {
    text-align: center;
    text-transform: uppercase;
    font-size: 24px;
    font-family: 'Poppins';
    border-width: 1px 1px 0 1px;
    border-color: #b7b7b7;
    border-style: solid;
    border-radius: 0;
    color: #282828;
    padding: 0 33px
}

.projectdetails .freelancer-post-detail .activities-on-job {
    font-size: 17px;
    font-family: 'Poppins';
    text-transform: uppercase;
    line-height: 1;
    text-align: center
}

.padding-5 {
    padding-left: 5px;
    padding-right: 5px
}

.projectdetails .other-open-job {
    border: 1px solid #b7b7b7;
    background-color: #fdfdfd;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .08);
    padding: 25px 22px;
    margin-bottom: 14px
}

.projectdetails .other-open-job .other-open-job-h2 {
    font-size: 24px;
    font-family: 'Poppins';
    margin-top: 0;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 50px
}

.projectdetails .other-open-job p {
    font-size: 18px;
    font-family: 'Poppins';
    color: #282828;
    line-height: 1.667
}

.projectdetails .other-open-job p span {
    color: #ff7208
}

.projectdetails .similar-job {
    border: 1px solid #b7b7b7;
    background-color: #fdfdfd;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .08);
    padding: 25px 22px;
    margin-bottom: 14px
}

.projectdetails .similar-job .similar-job-h2 {
    font-size: 24px;
    font-family: 'Poppins';
    margin-top: 0;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 33px
}

.projectdetails .similar-job p {
    font-size: 18px;
    font-family: 'Poppins';
    color: #282828;
    line-height: 1.667;
    margin-bottom: 30px
}

.projectdetails .similar-job p:last-child {
    margin-bottom: 0 !important
}

.projectdetails .similar-job span a {
    font-size: 18px;
    margin-bottom: 0;
    font-family: 'Poppins';
}

.projectdetails .similar-job span a:hover {
    text-decoration: none
}

.postJob .its-free-post-job {
    border: 1px solid #959595;
    background-color: #fff
}

#postEventBox .its-free-post-job {
    border: none
}

#postEventBox .its-free-post-job .heading,
.eventHead {
    background-color: #ff1119 !important
}

.eventthrebox p {
    background-color: #ff1119 !important
}

.eventHead h3 {
    color: #fff
}

.eventHead h3 a {
    color: #000
}

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

#postJobBoard .its-free-post-job {
    border: 1px solid #ccc
}

#postJobBoard .its-free-post-job .heading {
    background-color: #447fbb !important;
}

#postvideo .heading,
.videohead,
.vdoform .postBoxThree p {
    background-color: #1757b4 !important;
}

.videohead h3,
.trainhead h3,
.clasadhead h3 {
    color: #FFF;
}

#postTraing .heading,
.trainhead,
.trainform .postBoxThree p {
    background-color: #417181 !important;
}

#postClasfads .heading,
.clasadhead,
.clasadform .postBoxThree p {
    background-color: #07a2ae !important;
}

.postJob .its-free-post-job .heading {
    font-size: 16px;
    font-family: 'Poppins';
    color: #fff;
    line-height: 1.2;
    margin: 0;
    text-align: center;
    padding: 15px 0
}

.postJob .its-free-post-job .content {
    padding: 17px 20px 10px 20px
}

.postJob .its-free-post-job .content .fa-check {
    color: #f60;
    font-size: 18px
}

#postJobBoard .its-free-post-job .content .fa-check {
    color: #31ace3;
    font-size: 18px
}

#musicform p,
#postmusci h2,
.musichead {
    background-color: #bf0f4d !important
}

.musichead h3 {
    color: #fff
}

.postJob .its-free-post-job .content .content-p {
    font-size: 16px;
    font-family: 'Poppins';
    color: #1b1b1b;
    line-height: 1.2;
    margin-bottom: 24px
}

.postJob .its-free-post-job .content .need-help {
    font-size: 16px;
    font-family: 'Poppins';
    color: #1b1b1b
}

.postJob .its-free-post-job .content .toll-free {
    font-size: 16px;
    font-family: 'Poppins';
    color: #1b1b1b
}

.postJob .postJob-h1 {
    color: #f60;
    font-family: 'Poppins';
    text-transform: uppercase;
    font-size: 30px;
    margin-top: 50px;
    margin-bottom: 36px
}

.postJob .label-line {
    color: #343b41;
    font-family: 'Poppins';
    font-size: 18px;
    margin-bottom: 15px;
    font-weight: 500
}

.postJob .profession-filed {
    border: 1px solid #959595;
    border-radius: 0;
    font-size: 18px;
    font-family: 'Poppins';
    color: #828a91
}

.five-characters {
    font-family: 'Poppins';
    color: #f50002;
    font-size: 18px;
    margin-bottom: 48px
}

.postJob .more-details {
    border: 1px solid #959595;
    border-radius: 0;
    font-size: 18px;
    font-family: 'Poppins';
    color: #828a91;
    resize: none;
    height: 167px
}

.postJob .characters-left {
    font-size: 18px;
    font-family: 'Poppins';
    margin-left: 10px
}

.postJob .choose-file {
    padding: 0
}

.postJob .choose-file {
    font-size: 12px;
    font-family: 'Poppins';
    float: right;
    margin-right: -105px;
    margin-top: -30px
}

.postJob .choose-file > input {
    display: none
}

.postJob .choose-file img {
    cursor: pointer
}

.postJob .best-match-job {
    font-size: 18px;
    font-family: 'Poppins';
    margin-top: 80px;
    margin-bottom: 16px
}

.postJob .best-matches {
    margin-bottom: 15px;
    width: calc(100% / 5);
    float: left
}

.postJob .best-matches .best-matches-content {
    border: 1px solid #b7b7b7;
    border-radius: 2px;
    background-color: #f6f6f6;
    width: 98%;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.postJob .best-matches .best-matches-content p {
    font-size: 13px;
    font-family: 'Poppins';
    text-align: center;
    text-transform: uppercase;
    padding: 40px 15px;
    color: #343b41
}

.postJob .best-matches:hover a {
    text-decoration: none
}

.postJob .four-sections {
    padding: 0;
    margin-top: 15px
}

.postJob .four-sections .radio {
    margin: 0
}

.postJob .four-sections .label-line {
    font-size: 18px;
    font-family: 'Poppins';
    margin-bottom: 11px;
    font-weight: 500
}

.postJob .four-sections .keywords-filed {
    border: 1px solid #959595;
    border-radius: 0;
    margin-bottom: 28px;
    height: 40px
}

.postJob .four-sections .radio.form-control {
    border: 1px solid #959595;
    border-radius: 5px;
    background-color: #f8f9fa;
    color: #656565;
    height: 40px;
    padding: 9px 12px;
    margin-bottom: 28px;
    text-align: left
}

.postJob .four-sections .radio.form-control label {
    margin-right: 47px;
    margin-left: 12px
}

.postJob .four-sections .radio.form-control label.calender {
    padding-left: 0;
    margin-left: 3px
}

.postJob .four-sections .radio.form-control label.calender img {
    float: left;
    margin-right: 8px
}

.postJob .four-sections .radio.form-control label input[type=radio] {
    margin-left: -30px
}

.postJob .four-sections .post-job {
    margin-bottom: 15px;
    margin-top: 30px;
    font-size: 20px;
    color: #fff;
    line-height: 1.2;
    text-align: center;
    font-family: 'Poppins';
    border-radius: 0;
    border: 1px solid #959595;
    background-image: -moz-linear-gradient(90deg, #f60 0, #fd9321 100%);
    background-image: -webkit-linear-gradient(90deg, #f60 0, #fd9321 100%);
    background-image: -ms-linear-gradient(90deg, #f60 0, #fd9321 100%);
    padding: 6px 128px
}

.submitProposal .mainHeading {
    font-family: 'Poppins';
    font-size: 36px;
    text-transform: uppercase;
    margin-top: 28px;
    margin-bottom: 20px
}

.submitProposal .jobDetails {
    background-color: #fbfafa;
    box-shadow: 0 2px 9px 0 rgba(0, 0, 0, .33);
    padding: 25px 30px;
    margin-bottom: 19px
}

.submitProposal .jobDetails .designation-haeding {
    font-size: 24px;
    font-family: 'Poppins';
    color: #282828;
    text-transform: uppercase;
    line-height: 1.2;
    margin-top: 0
}

.submitProposal .jobDetails .timing-week {
    font-size: 14px;
    font-family: 'Poppins';
    color: rgba(40, 40, 40, .639);
    text-transform: uppercase;
    line-height: 1.2;
    margin-bottom: 10px
}

.submitProposal .jobDetails .description {
    font-size: 18px;
    font-family: 'Poppins';
    margin-top: 40px;
    margin-bottom: 40px;
    text-align: justify
}

.submitProposal .jobDetails .side-jobDetail {
    margin-top: 112px
}

.submitProposal .jobDetails .side-jobDetail .heading {
    font-size: 17.49px;
    color: #282828;
    font-family: 'Poppins';
}

.submitProposal .jobDetails .side-jobDetail .details {
    color: #727272;
    font-size: 17px;
    font-family: 'Poppins';
    margin-bottom: 28px
}

.connects {
    background-color: #fbfafa;
    box-shadow: 0 2px 9px 0 rgba(0, 0, 0, .33);
    margin-bottom: 14px;
    padding: 0
}

.connects .frist-half {
    padding: 25px 30px 0 30px
}

.connects .frist-half .mainHeading {
    font-family: 'Poppins';
    font-size: 24px;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 27px
}

.connects .frist-half .description {
    font-family: 'Poppins';
    font-size: 18px;
    margin-bottom: 0
}

.connects .divider {
    border-color: #acacac;
    margin-bottom: 0;
    margin-top: 32px
}

.connects .other-half {
    padding: 25px 30px
}

.connects .other-half .mainHeading {
    font-family: 'Poppins';
    font-size: 24px;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 27px
}

.connects .other-half .bid {
    font-size: 18px;
    font-family: 'Poppins';
    margin-bottom: 21px;
    color: #282828
}

.connects .other-half .bid2 {
    font-size: 18px;
    font-family: 'Poppins';
    margin-bottom: 12px;
    color: #282828
}

.connects .other-half .profile-rate {
    font-family: 'Poppins';
    font-size: 18px;
    color: #5b5b5b;
    line-height: 1
}

.connects .other-half hr {
    margin-top: 24px;
    margin-bottom: 18px;
    border-color: #acacac
}

.connects .other-half .per-hour {
    font-family: 'Poppins';
    font-size: 30px;
    color: #282828
}

.connects .other-half .per-hour span.red {
    color: #f60
}

.connects .other-half .per-hour input[type=text] {
    text-align: right;
    border: 1px solid #959595;
    border-radius: 2px;
    width: 214px;
    height: 50px;
    margin-left: 14px;
    margin-right: 8px
}

.connects .other-half .service-fee {
    font-family: 'Poppins';
    font-size: 24px;
    color: #282828
}

.additional-information {
    background-color: #fbfafa;
    box-shadow: 0 2px 9px 0 rgba(0, 0, 0, .33);
    margin-bottom: 29px;
    padding: 25px 30px
}

.additional-information .mainHeading {
    font-size: 24px;
    font-family: 'Poppins';
    color: #282828;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 34px
}

.additional-information .form-group {
    margin-bottom: 0
}

.additional-information .form-group .label-line {
    font-size: 18px;
    font-family: 'Poppins';
    color: #282828;
    margin-bottom: 9px
}

.additional-information .form-group .coverletter {
    border-radius: 0;
    resize: none;
    border: 1px solid #b7b7b7;
    height: 123px;
    margin-bottom: 20px
}

.margin-top-22 {
    margin-top: 22px
}

.additional-information .upload-file-detail {
    color: #666;
    font-size: 18px;
    font-family: 'Poppins';
}

.submitProposal .submit-proposal-btn {
    color: #fff;
    font-size: 18px;
    font-family: 'Poppins';
    text-align: center;
    background-image: -moz-linear-gradient(90deg, #2f9000 1%, #58d11d 100%);
    background-image: -webkit-linear-gradient(90deg, #2f9000 1%, #58d11d 100%);
    background-image: -ms-linear-gradient(90deg, #2f9000 1%, #58d11d 100%);
    border-radius: 2px;
    border: 1px solid #b7b7b7;
    text-transform: uppercase;
    margin-bottom: 30px;
    padding: 14px 72px
}

.submitProposal .cancel-proposal-btn {
    color: #282828;
    font-size: 18px;
    font-family: 'Poppins';
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 30px;
    padding: 14px 25px
}

.submitProposal .dropzone {
    min-height: auto !important;
    font-size: 18px;
    font-family: 'Poppins';
    color: #282828;
    border: 2px dashed #b7b7b7;
    background-color: #ebebeb
}

.submitProposal .dropzone .dz-message {
    margin: 1em 0
}

.pricing_banner {
    background: url(../images/freelancer/pricing-banner.jpg) no-repeat;
    background-size: cover !important
}

.pricing_banner .banner-heading {
    font-family: 'Poppins';
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    font-size: 48px;
    margin-top: 115px;
    margin-bottom: 0
}

.pricing_banner .banner-heading.second {
    margin-top: 0 !important
}

.pricing_banner .banner-heading span {
    color: #f60
}

.pricing_banner .pricing-banner-note {
    color: #fff;
    font-size: 24px;
    font-family: 'Poppins';
    margin-top: 42px
}

.pricing_banner .pricing-banner-note:last-child {
    margin-top: 0 !important;
    margin-bottom: 109px
}

.ques-about-plan {
    color: #343b41;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Poppins';
    font-size: 24px;
    margin-top: 48px;
    margin-bottom: 24px
}

.pricing-content {
    background-color: #fff
}

.contactUs {
    color: #fff;
    font-family: 'Poppins';
    text-align: center;
    text-transform: uppercase;
    font-size: 24px;
    border-radius: 2px;
    background-image: -moz-linear-gradient(90deg, #2f9000 1%, #58d11d 100%);
    background-image: -webkit-linear-gradient(90deg, #2f9000 1%, #58d11d 100%);
    background-image: -ms-linear-gradient(90deg, #2f9000 1%, #58d11d 100%);
    padding: 6px 25px;
    margin-bottom: 20px
}

.pricing1 {
    border: 1px solid #b7b7b7;
    background-color: #fff;
    margin-top: 60px;
    padding-top: 45px
}

.pricing2 {
    border: 1px solid #b7b7b7;
    background-color: #fff;
    margin-top: 28px;
    padding-top: 45px;
    border-top: 4px solid #f60;
    background-color: #fff;
    box-shadow: 0 3px 9px 0 rgba(0, 0, 0, .5)
}

.pricing3 {
    border: 1px solid #b7b7b7;
    background-color: #fff;
    margin-top: 60px;
    padding-top: 45px
}

.prici .mainHeading {
    font-size: 24px;
    margin-top: 0;
    font-family: 'Poppins';
    border-bottom: 4px solid #fead00;
    text-transform: uppercase;
    text-align: center;
    padding-bottom: 16px;
    width: 27%;
    margin: 0 auto
}

.prici .amount {
    font-size: 30px;
    font-family: 'Poppins';
    text-transform: uppercase;
    text-align: center;
    margin-top: 27px;
    margin-bottom: 35px;
    color: #f60
}

.prici .pricing2 .amount {
    margin-bottom: 8px !important
}

.prici .signup-pricing {
    color: #fead00;
    text-align: center;
    text-transform: uppercase;
    font-size: 24px;
    font-family: 'Poppins';
    border-width: 2px;
    border-color: #fead00;
    border-style: solid;
    border-radius: 2px;
    padding: 3px 50px;
    margin-bottom: 17px
}

.prici .pricing2 .signup-pricing {
    color: #fff !important;
    border-radius: 2px;
    background-image: -moz-linear-gradient(90deg, #f60 0, #fd9321 100%);
    background-image: -webkit-linear-gradient(90deg, #f60 0, #fd9321 100%);
    background-image: -ms-linear-gradient(90deg, #f60 0, #fd9321 100%)
}

.prici .divider {
    border-color: #acacac;
    margin: 0
}

.prici .numbering {
    color: #343b41;
    font-size: 18px;
    text-align: center;
    font-family: 'Poppins';
    margin-top: 27px;
    margin-bottom: 14px
}

.prici .numbering span {
    font-size: 24px;
    color: #f60;
    margin-top: 14px
}

.prici .numbering i {
    color: #f60 !important
}

.prici .second-line {
    color: #a3a3a3;
    font-size: 18px;
    text-align: center;
    font-family: 'Poppins';
    margin-bottom: 24px
}

.prici .contactus-p {
    color: #343b41;
    font-size: 18px;
    font-family: 'Poppins';
    margin-bottom: 28px;
    padding: 0 48px;
    text-align: justify
}

.margin-top-24 {
    margin-top: 24px
}

.permonth {
    text-align: center;
    font-size: 18px;
    font-family: 'Poppins';
    color: #a3a3a3;
    margin-bottom: 16px
}

#downmenu {
    border: 1px solid #959595;
    padding: 13px 4px;
    border-radius: 1px;
    background-color: #fff;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .43)
}

#downmenu li a {
    font-size: 15px;
    font-family: 'Poppins';
    color: #000
}

#downmenu li a img {
    margin-right: 10px
}

.dashboardpage .dashboard-section {
    border: 1px solid #b7b7b7;
    background-color: #fdfdfd;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .08);
    margin-bottom: 12px
}

.dashboardpage .dashboard-section .dashboardbreadcrum {
    padding: 0
}

.dashboardpage .dashboard-section .dashboardbreadcrum .breadcrumb {
    padding: 10px 15px !important;
    margin-bottom: 0 !important;
    background-color: #fdfdfd
}

.dashboardpage .dashboard-section .dashboardbreadcrum li {
    color: #282828;
    font-size: 18px;
    font-family: 'Poppins';
    text-transform: uppercase
}

.dashboardpage .dashboard-section .dashboardbreadcrum li a {
    color: #ff6b04;
    font-size: 18px;
    font-family: 'Poppins';
    text-transform: uppercase
}

.dashboardpage .dashboard-section .dashboardbreadcrum li a:hover {
    text-decoration: none
}

.dashboardbreadcrum p {
    font-size: 18px;
    font-family: 'Poppins';
    text-transform: uppercase;
    color: #333;
    margin: 10px;
    display: inline-block
}

.dashboardbreadcrum p span {
    color: #eb6c0b
}

.dashboardpage .dashboard-section .dashboardtable {
    padding: 0
}

.dashboardpage .dashboard-section .dashboardtable .table {
    margin-bottom: 0
}

.dashboardpage .dashboard-section .dashboardtable .table thead {
    border: 1px solid #b7b7b7;
    background-color: #edeef0
}

.dashboardpage .dashboard-section .dashboardtable .table thead tr th {
    font-size: 18px;
    font-family: 'Poppins';
    color: #282828;
    text-transform: uppercase;
    text-align: left;
    font-weight: 500;
    padding-left: 15px
}

.dashboardpage .dashboard-section .dashboardtable .table thead tr th.action {
    padding-left: 32px
}

.dashboardpage .dashboard-section .dashboardtable .table tbody {
    padding: 10px 15px
}

.dashboardpage .dashboard-section .dashboardtable .table tbody tr {
    border-bottom: 1px solid #b7b7b7
}

.dashboardpage .dashboard-section .dashboardtable .table tbody tr td {
    color: #282828;
    font-size: 18px;
    font-family: 'Poppins';
    padding: 21px 8px 24px 15px
}

.dashboardpage .dashboard-section .dashboardtable .table tbody tr td a.red {
    color: #ff7208;
    font-size: 18px;
    font-family: 'Poppins';
}

.dashboardtable a:focus,
.dashboardtable a:hover {
    text-decoration: none
}

.dashboardpage .dashboard-section .dashboardtable .table tbody tr td #action-select {
    border-radius: 0;
    color: #282828;
    font-size: 18px;
    font-family: 'Poppins';
    border-color: #959595;
    border-radius: 2px;
    width: 87px;
    height: 33px;
    padding: 3px 4px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    background: url(../images/freelancer/downarrow.png) no-repeat center right 10px;
    margin: 0 auto
}

.dashboardInbox .dashboard-inbox-section {
    border: 1px solid #b7b7b7;
    background-color: #fdfdfd;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .08);
    margin-bottom: 10px
}

.inbox-peoples h2 {
    margin: 0;
    color: #000;
    font-size: 16px;
    padding: 5px 5px;
    font-family: 'Poppins';
}

.dashboardInbox .dashboard-inbox-section .inbox-peoples {
    background-color: #ffddc6;
    border-right: 1px solid #b7b7b7;
    height: 600px
}

.dashboardInbox .dashboard-inbox-section .inbox-peoples .search-inbox-chat {
    background-color: #fff;
    border: 1px solid #b7b7b7;
    width: 95%;
    height: 42px;
    padding-left: 12px;
    font-size: 18px;
    font-family: 'Poppins';
    color: #131313;
    line-height: 1.2
}

.dashboardInbox .dashboard-inbox-section .inbox-peoples .inbox-category {
    margin-top: 10px;
    margin-bottom: 34px
}

.dashboardInbox .dashboard-inbox-section .inbox-peoples .inbox-category li {
    float: left
}

.dashboardInbox .dashboard-inbox-section .inbox-peoples .inbox-category li:first-child a {
    padding-left: 0 !important
}

.dashboardInbox .dashboard-inbox-section .inbox-peoples .inbox-category li.divider {
    color: #ff6a02
}

.dashboardInbox .dashboard-inbox-section .inbox-peoples .inbox-category li a {
    padding: 0 12px;
    color: #ff6a02;
    font-size: 16px;
    font-family: 'Poppins';
}

#inbox-job .newchat {
    font-family: 'Poppins';
    color: #31ace3 !important
}

.dashboardInbox .dashboard-inbox-section .newchat {
    font-family: 'Poppins';
    color: #fff !important
}

.dashboardInbox .dashboard-inbox-section .chat-user {
    font-size: 14px;
    margin-top: 0;
    margin-bottom: 2px;
    color: #000;
    font-family: 'Poppins';
}

.dashboardInbox .dashboard-inbox-section .chat-detail {
    font-family: 'Poppins';
    font-size: 12px;
    color: #333;
    margin-bottom: 0
}

.dashboardInbox .dashboard-inbox-section .chat-user:hover {
    cursor: pointer;
    color: #000
}

.chat-user-profile.active {
    background-color: #efc7ad
}

.chat-user-profile:hover {
    background-color: #efc7ad;
    cursor: pointer
}

.dashboardInbox .dashboard-inbox-section .chat-user-profile {
    padding: 10px 0
}

.chat-user-profile img {
    height: 40px;
    width: 40px;
    margin: 0 auto;
    border-radius: 50%
}

.dashboardInbox .dashboard-inbox-section .chat-box .topbar {
    background-color: #edeef0;
    padding: 10px
}

.dashboardInbox .dashboard-inbox-section .chat-box .topbar .username {
    color: #ff6a02;
    font-size: 18px;
    font-family: 'Poppins';
    margin-bottom: 0;
    text-transform: uppercase
}

.dashboardInbox .dashboard-inbox-section .chat-box {
    position: relative
}

.dashboardInbox .dashboard-inbox-section .chat-box .topbar .time {
    color: #282828;
    font-size: 18px;
    font-family: 'Poppins';
    margin-bottom: 0;
    text-transform: uppercase
}

.dashboardInbox .dashboard-inbox-section .chat-box .message-area {
    min-height: 300px
}

.dashboardInbox .dashboard-inbox-section .chat-box .enter-message {
    padding: 8px 0;
    background-color: #f3f3f5;
    border-top: 1px solid #b7b7b7
}

.dashboardInbox .dashboard-inbox-section .chat-box .enter-message .enter-message-field {
    background-color: #f3f3f5;
    border-radius: 0;
    border: none !important;
    font-size: 18px;
    font-family: 'Poppins';
    text-transform: uppercase;
    color: #282828 !important;
    box-shadow: none;
    padding-top: 14px
}

.dashboardInbox .dashboard-inbox-section .chat-box .enter-message .enter-message-field:focus {
    box-shadow: none !important
}

.transaction-history .transaction-history-section {
    margin-bottom: 18px;
    background-color: #fdfdfd;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .08)
}

.transaction-history .transaction-history-section .topbar {
    background-color: #edeef0;
    border: 1px solid #b7b7b7;
    padding: 9px 19px
}

.transaction-history .transaction-history-section .dateTime {
    border: 1px solid #b7b7b7;
    background-color: #fff;
    margin: 0;
    padding: 7px
}

.transaction-history .transaction-history-section .dateTime .calender {
    padding: 0;
    color: #282828;
    font-size: 18px;
    font-family: 'Poppins';
}

.transaction-history .transaction-history-section .topbar .allTransactions {
    color: #282828;
    font-size: 18px;
    font-family: 'Poppins';
    border: 1px solid #b7b7b7;
    border-radius: 0;
    width: 100%;
    padding: 7px 5px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    background: url(../images/freelancer/downarrow.png) no-repeat center right 10px;
    background-color: #fff
}

.transaction-history .transaction-history-section .topbar .downloadInvoices-btn {
    font-size: 16.47px;
    font-family: 'Poppins';
    color: #fff;
    border: 1px solid #a1a1a1;
    border-radius: 2px;
    background-image: -moz-linear-gradient(90deg, #2f9000 1%, #58d11d 100%);
    background-image: -webkit-linear-gradient(90deg, #2f9000 1%, #58d11d 100%);
    background-image: -ms-linear-gradient(90deg, #2f9000 1%, #58d11d 100%)
}

.transaction-history .transaction-history-section .topbar .downloadCSV-btn {
    font-size: 16.47px;
    font-family: 'Poppins';
    color: #fff;
    border: 1px solid #a1a1a1;
    border-radius: 2px;
    background-image: -moz-linear-gradient(90deg, #146ba8 0, #3c97d6 100%);
    background-image: -webkit-linear-gradient(90deg, #146ba8 0, #3c97d6 100%);
    background-image: -ms-linear-gradient(90deg, #146ba8 0, #3c97d6 100%);
    padding: 6px 20px
}

.transaction-history .transaction-history-section .transaction-historyTable {
    background-color: #fff;
    padding: 20px
}

.transaction-history .transaction-history-section .transaction-historyTable thead tr th {
    text-transform: uppercase;
    color: #282828;
    font-family: 'Poppins';
    font-size: 18px;
    font-weight: 500;
    border: 0 !important
}

.transaction-history .transaction-history-section .transaction-historyTable tbody tr td {
    border: 0 !important
}

.transaction-history .calculationArea {
    padding: 0
}

.transaction-history .calculationArea .statement-period {
    font-size: 22px;
    font-family: 'Poppins';
    color: #282828
}

.transaction-history .calculationArea .statement-period span.red {
    color: #ff6b04
}

.transaction-history .calculationArea .totals span.blackRight {
    font-size: 22px;
    font-family: 'Poppins';
    color: #282828;
    float: right;
    line-height: 1
}

.transaction-history .calculationArea .totals span.redleft {
    color: #ff6b04;
    float: left;
    font-size: 22px;
    font-family: 'Poppins';
    line-height: 1
}

.margin-bottom-14 {
    margin-bottom: 14px
}

.margin-bottom-28 {
    margin-bottom: 28px
}

.no-right-padding {
    padding-right: 0
}

.no-left-padding {
    padding-left: 0
}

.userprofile .contact-marina {
    border: 1px solid #959595;
    border-radius: 2px;
    background-color: #fff;
    padding: 0;
    margin-bottom: 12px
}

.userprofile .contact-marina .contact-marina-heading {
    background-color: #9e9fa0;
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-family: 'Poppins';
    padding: 14px 0 !important
}

.userprofile .contact-marina .contact-marina-content {
    background-color: #fff;
    padding: 18px 16px 0 16px
}

.userprofile .contact-marina .contact-marina-content .form-group {
    margin-bottom: 8px
}

.userprofile .contact-marina .contact-marina-content .inputField {
    border-radius: 0;
    background-color: #fff;
    border: 1px solid #b7b7b7;
    font-size: 16px;
    color: #1b1b1b;
    font-family: 'Poppins';
}

.userprofile .contact-marina .contact-marina-content .inputField-textarea {
    border-radius: 0;
    background-color: #fff;
    border: 1px solid #b7b7b7;
    resize: none;
    height: 111px;
    font-size: 16px;
    color: #1b1b1b;
    font-family: 'Poppins';
}

::-webkit-input-placeholder {
    color: #1b1b1b !important
}

::-moz-placeholder {
    color: #1b1b1b !important
}

:-ms-input-placeholder {
    color: #1b1b1b !important
}

:-moz-placeholder {
    color: #1b1b1b !important
}

.userprofile .contact-marina .contact-marina-content .inputSubmitField {
    font-size: 20px;
    color: #fff;
    font-family: 'Poppins';
    border-radius: 0;
    border: 1px solid #959595;
    background-image: -moz-linear-gradient(90deg, #2f9000 1%, #58d11d 100%);
    background-image: -webkit-linear-gradient(90deg, #2f9000 1%, #58d11d 100%);
    background-image: -ms-linear-gradient(90deg, #2f9000 1%, #58d11d 100%);
    padding: 20px 0;
    line-height: 0
}

.userprofile .blackBox {
    border: 1px solid #959595;
    border-radius: 2px;
    background-color: #fff;
    padding: 0;
    margin-bottom: 12px
}

.userprofile .blackBox .blackBox-heading {
    background-color: #9e9fa0;
    color: #fff;
    text-align: center;
    font-size: 20px;
    font-family: 'Poppins';
    padding: 14px 0 !important
}

.userprofile .blackBox .blackBox-content {
    padding: 17px 0 28px 0
}

.userprofile .blackBox .blackBox-content p {
    color: #282828;
    text-align: center;
    font-size: 20px;
    font-family: 'Poppins';
}

.userprofile .profileLink {
    padding: 0
}

.userprofile .profileLink p {
    font-size: 24px;
    color: #282828;
    font-family: 'Poppins';
    margin-top: 16px;
    margin-bottom: 12px
}

.userprofile .profileLinkField {
    font-size: 16px;
    padding: 12px 8px;
    color: #282828;
    font-family: 'Poppins';
    border: 1px solid #b7b7b7;
    background-color: #f6f6f6;
    line-height: 1.2;
    text-align: left;
    width: 100%
}

.userprofile .profile-detail {
    background-color: #fff;
    box-shadow: 0 2px 9px 0 rgba(0, 0, 0, .33);
    padding: 20px 40px 0 40px;
    min-height: 788px;
    margin-bottom: 20px
}

.userprofile .profile-detail .freelancerImg {
    width: 105px;
    height: 105px
}

.userprofile .profile-detail .freelancer-details .name {
    color: #343b41;
    font-size: 25px;
    font-family: 'Poppins';
    line-height: 1
}

.userprofile .profile-detail .freelancer-details .designation {
    color: #737373;
    font-size: 30px;
    font-family: 'Poppins';
}

.userprofile .profile-detail .freelancer-details .country {
    color: #343b41;
    font-size: 20px;
    font-family: 'Poppins';
    margin-top: 10px
}

.userprofile .profile-detail .freelancer-details .country .fa-map-marker {
    font-size: 22px
}

.userprofile .profile-detail .professional-skills {
    margin-top: 10px
}

.userprofile .profile-detail .professional-skills span {
    color: #282828;
    font-family: 'Poppins';
    font-size: 16px;
    border: 1px solid #b7b7b7;
    background-color: #f6f6f6;
    padding: 2px 8px;
    margin-right: 8px;
    float: left
}

.userprofile .profile-detail .overview {
    border-top: 1px solid #b7b7b7;
    margin-top: 40px;
    padding-top: 32px
}

.userprofile .profile-detail .overview .heading {
    color: #343b41;
    font-size: 30px;
    font-family: 'Poppins';
    margin-bottom: 15px
}

.userprofile .profile-detail .overview .details-description {
    color: #282828;
    font-size: 18px;
    font-family: 'Poppins';
}

.userprofile .portfolioImages {
    margin-bottom: 16px
}

.userprofile .portfolioImages .heading {
    font-size: 24px;
    font-family: 'Poppins';
    margin-bottom: 20px;
    color: #282828
}

.userprofile .portfolioImages .portfolio {
    width: calc(100% / 7);
    float: left
}

.userprofile .portfolioImages .portfolio img {
    width: 92%
}

.submit-recomnedation-btn {
    margin-bottom: 65px;
    font-size: 24px;
    font-family: 'Poppins';
    color: #fff;
    line-height: 1.2;
    padding: 12px 90px;
    border: 1px solid #fead00;
    background-image: -moz-linear-gradient(90deg, #f60 0, #fd9321 100%);
    background-image: -webkit-linear-gradient(90deg, #f60 0, #fd9321 100%);
    background-image: -ms-linear-gradient(90deg, #f60 0, #fd9321 100%)
}

.adsbuspro h1 i,
.nobusinessProfile h1 i {
    font-size: 30px;
    border: 1px solid #000;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    padding: 5px;
    color: #000
}

.adsbuspro h2,
.nobusinessProfile h2 {
    font-family: 'Poppins';
    font-size: 22px;
    color: #000
}

#jobseakrAlert h2 span {
    color: #31ace3
}

.adsbuspro h2 span {
    color: #07a2ae
}

.nobusinessProfile h2 span {
    color: #eb6c0b
}

.nobusinessProfile a {
    background-color: #eb6c0b;
    color: #fff
}

.nobusinessProfile a:hover {
    background-color: transparent;
    border-color: #eb6c0b;
    color: #eb6c0b
}

#jobseakrAlert a {
    background-color: #31ace3;
    color: #fff
}

#jobseakrAlert a:hover {
    background-color: transparent;
    border-color: #31ace3;
    color: #31ace3
}

.list-group-item.active,
.list-group-item.active:focus,
.list-group-item.active:hover {
    background-color: #edeef0;
    border-color: #edeef0;
    color: #000
}

.panel-primary > .profile_head {
    background-color: #032350;
    border-color: #032350;
    border-radius: 0
}

#profiletypes .caret {
    color: #333
}

#iddropdown li a:hover {
    background-color: #032350;
    color: #fff
}

.list-group-item:first-child,
.list-group-item:last-child {
    border-radius: 0 !important
}

#sp-list-profile img {
    display: inline
}

#sp-add-profile input[type=date],
#sp-add-profile input[type=email],
#sp-add-profile input[type=text],
#sp-add-profile select,
#sp-add-profile textarea {
    border-radius: 0;
    background-color: #edeef0
}

.sp-profile-det .panel-primary {
    border-color: #ccc !important;
    border-radius: 0
}

.selectFreelancer .caret {
    color: #000
}

.selectFreelancer:focus,
.selectFreelancer:hover {
    background-color: #f60 !important;
    color: #fff !important
}

.freelancebidform input[type=text] {
    margin-bottom: 0
}

.active_default {
    background-color: #fff
}

.dashboardtable h2 {
    margin: 0;
    font-size: 18px;
    font-family: 'Poppins';
    background-color: #242a2e;
    color: #fff;
    text-align: center;
    padding: 10px
}

.tbl_activebid thead tr th:nth-child(1),
.tbl_activebid thead tr th:nth-child(3),
.tbl_activebid thead tr th:nth-child(4),
.tbl_activebid thead tr th:nth-child(5) {
    text-align: center !important
}

.tbl_activebid tbody tr td:nth-child(2) {
    text-align: left !important
}

.tbl_activebid tbody td a.red:hover {
    color: #000
}

#inbox-job h2 {
    color: #31ace3
}

.frelance_messages {
    max-height: 500px !important
}

.frelanceChatbox {
    height: 553px
}

.conversationform textarea {
    border-radius: 0
}

#jobChatHead h2 {
    text-transform: uppercase;
    color: #fff;
    margin: 0 0 10px;
    padding: 10px 20px;
    text-align: left !important;
    font-size: 16px;
    background-image: -moz-linear-gradient(90deg, #31ace3 0, #4fe0ff 100%);
    background-image: -webkit-linear-gradient(90deg, #31ace3 0, #4fe0ff 100%);
    background-image: -ms-linear-gradient(90deg, #31ace3 0, #4fe0ff 100%)
}

.chatHeading {
    text-transform: uppercase;
    color: #fff;
    margin: 0 0 10px;
    padding: 10px 20px;
    text-align: left !important;
    font-size: 16px;
    background-image: -moz-linear-gradient(90deg, #f60 0, #fd9321 100%);
    background-image: -webkit-linear-gradient(90deg, #f60 0, #fd9321 100%);
    background-image: -ms-linear-gradient(90deg, #f60 0, #fd9321 100%)
}

.dashboardlink {
    padding-left: 0
}

.dashboardlink li {
    list-style: none;
    float: left;
    margin: 10px
}

.dashboardlink li a {
    font-family: 'Poppins';
    font-size: 16px
}

#jobboardDashHome li {
    margin: 0 10px
}

#jobboardDashHome li a:focus,
#jobboardDashHome li a:hover,
.dashboardlink li a:focus,
.dashboardlink li a:hover {
    color: #000;
    text-decoration: none
}

.left_profile .defaultPro {
    width: 100%;
    height: 213px
}

.right_profile_top img {
    width: 116px;
    height: 116px;
    margin: 0 auto 15px
}

.right_profile_top h2 {
    font-size: 22px;
    font-family: 'Poppins';
    color: #032350;
    margin: 10px 0 0
}

.right_profile_top h5 {
    font-size: 18px;
    font-family: 'Poppins';
    margin: 0
}

.left_profile h2 {
    font-size: 24px;
    font-family: 'Poppins';
    color: #032350;
    margin: 10px 0;
    border-bottom: 1px dashed #032350
}

.left_profile ul.myprofiles {
    padding: 0
}

.left_profile ul.myprofiles li {
    float: left;
    list-style: none;
    display: block;
    margin-bottom: 10px;
    width: 100%;
    padding: 5px
}

.left_profile ul.myprofiles li a img {
    height: 40px;
    width: 40px;
    float: left;
    margin-right: 5px
}

.left_profile ul.myprofiles li a {
    color: #032350;
    font-family: 'Poppins';
    font-size: 16px;
    line-height: 20px;
    display: block
}

.left_profile ul.myprofiles li a span {
    color: #999
}

.left_profile ul.myprofiles li a:focus,
.left_profile ul.myprofiles li a:hover {
    text-decoration: none
}

.left_profile ul.myprofiles li:hover {
    background-color: #fff
}

.profilebody {
    border: 1px solid #ccc;
    margin-top: 10px
}

.right_profile {
    padding-bottom: 15px
}

.right_profile h2 {
    margin: 0;
    font-size: 24px;
    font-family: 'Poppins';
    color: #032350;
    text-transform: uppercase
}

.tbl_profile tr td:nth-child(1) {
    width: 200px;
    font-weight: 700;
    color: #000;
    font-family: 'Poppins';
    font-size: 16px
}

.right_profile_top {
    padding: 15px 15px 0
}

.loader {
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #3498db;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    margin-left: 50%;
    position: absolute;
    top: 40%
}

#navtabprofile,
#tabprofile {
    background-color: #edeef0
}

#tabprofile li {
    width: 16.6% !important;
    border: none !important;
    background-color: transparent
}

#navtabprofile li {
    width: auto;
    border: none !important
}

#navtabprofile li a,
#tabprofile li a {
    color: #333;
    background-color: #edeef0;
    margin-right: 0;
    border-radius: 0
}

#navtabprofile li.active a,
#tabprofile li.active a {
    background-color: #032350;
    color: #fff !important;
    border-radius: 0 !important;
    border: 1px solid #032350 !important;
    margin: 0 !important
}

#navtabprofile > li > a {
    padding: 5px 8px
}

.profileform {
    padding: 10px 0
}

.profileform .input-group-addon,
.profileform input[type=email],
.profileform input[type=password],
.profileform input[type=text],
.profileform select,
.profileform textarea {
    border-radius: 0 !important
}

.innertextProfile img {
    margin: 20px auto
}

.header_po {
    background-color: #3e3e3e
}

.header_fre {
    background-color: #ff6b04
}

.navbar_free {
    min-height: auto;
    border: none !important;
    margin-bottom: 0
}

.timelineimg .imagepost {
    margin-top: 15px
}

.left_freelance_top .dropdown-menu {
    width: 100%
}

.left_freelance_top .dropdown button {
    background-color: #242a2e;
    border-color: #242a2e;
    width: 100%
}

.left_freelance_top img.propic {
    margin: auto
}

.left_freelance_top .dropdown-menu li a img {
    height: 25px;
    width: 25px;
    display: inline;
    float: left;
    margin-right: 5px
}

.left_freelance_top .dropdown-menu li a {
    padding: 2px;
    font-size: 12px
}

.left_freelance_top .dropdown-menu li a:hover {
    cursor: pointer
}

.jobboard {
    background-image: url(../images/jobboard/home.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 20px
}

.midjob {
    padding: 20px
}

.home_top_job {
    padding: 80px
}

.home_top_job h1 {
    color: #fff;
    text-transform: uppercase;
    font-family: 'Poppins';
    font-size: 48px
}

.home_top_job h1 span {
    font-family: 'Poppins';
    text-transform: lowercase;
    color: #31ace3
}

.home_top_job h1 img {
    display: inline
}

.job_search input[type=text],
.job_search select {
    border-radius: 0;
    background-color: transparent
}

.job_search button {
    border-radius: 0;
    border-width: .5px;
    border: none;
    color: #fff;
    padding: 6px 30px;
    background-color: #1f3060;
}

.job_search button:hover {
    opacity: .7;
    color: #fff
}

.job_search .checkbox label {
    margin-right: 15px;
    font-family: 'Poppins';
    font-size: 14px;
    color: #31ace3
}

.left_main_btm p {
    font-family: 'Poppins';
    font-size: 14px
}

.panel-heading .accordion-toggle:after {
    content: "\002d";
    float: right;
    color: grey
}

.panel-heading .accordion-toggle.collapsed:after {
    content: "\002b"
}

.panel-group .panel + .panel {
    margin-top: 0
}

.jobboardleft .panel-default > .panel-heading {
    background-color: #dcdcdc;
    border-top: 1px solid #c8c8c8;
    border-radius: 0
}

.jobboardleft .panel-body ul li {
    list-style: circle
}

.jobboardleft .panel-body ul li a {
    color: #000
}

.jobboardleft .panel-body ul li a:hover {
    text-decoration: none
}

.cmp_brdr {
    border: 1px solid #ccc
}

.right_main_top i {
    margin-top: 35px
}

.right_main_top img {
    margin-top: 18px
}

.right_main_top .row {
    border-bottom: 1px solid #ccc;
    padding: 15px
}

.right_main_top h3 {
    margin: 0;
    margin-bottom: 10px
}

.right_main_top h3 a {
    font-family: 'Poppins';
    font-size: 25px
}

.right_main_top h3 a:focus,
.right_main_top h3 a:hover {
    text-decoration: none
}

.right_main_top h3 a span {
    background-color: #37e993;
    color: #000;
    padding: 0 3px;
    font-size: 12px;
    margin-right: 3px;
    position: absolute
}

.right_main_top span {
    background-color: #f6f6f6;
    color: #000;
    padding: 2px 4px;
    font-size: 12px;
    margin-right: 3px;
    border: 1px solid #ccc;
    margin-bottom: 3px;
    display: inline-block
}

.right_main_top p.desc {
    margin-bottom: 15px
}

.right_main_top h4 {
    font-size: 18px;
    font-family: 'Poppins';
}

.job_search h1 {
    font-size: 25px;
    font-family: 'Poppins';
    text-transform: uppercase
}

.job_search h1 a {
    font-size: 18px;
    text-transform: lowercase
}

.job_search h1 a:focus,
.job_search h1 a:hover {
    color: #000
}

.trndpost img {
    width: 60px;
    height: 60px
}

.trndpost p.titlejob a {
    font-family: 'Poppins';
    font-size: 18px
}

.titlejob {
    margin-bottom: 0
}

.trndpost p.postingng,
.trndpost p.titlejob span {
    font-size: 18px;
    font-family: 'Poppins';
    color: #ccc
}

.trndpost {
    margin-bottom: 20px;
    border-bottom: 1px solid #ccc
}

.aplyjob {
    display: block
}

.blue_left {
    background-color: #31ace3;
    padding: 20px
}

.blue_left h1 {
    font-family: 'Poppins';
    font-size: 24px;
    text-transform: uppercase
}

.blue_left p {
    font-family: 'Poppins';
    font-size: 18px;
    margin-bottom: 20px;
    text-align: left
}

.blue_left a {
    font-family: 'Poppins';
    font-size: 18px;
    text-transform: uppercase;
    border: 1px solid #333;
    text-transform: uppercase;
    padding: 5px 10px;
    color: #333
}

.blue_left a:hover {
    text-decoration: none;
    background-color: #333;
    color: #fff
}

.darkblue_right {
    padding: 20px;
    background-color: #001127
}

.darkblue_right h1 {
    font-family: 'Poppins';
    font-size: 24px;
    text-transform: uppercase;
    color: #fff
}

.darkblue_right p {
    font-family: 'Poppins';
    font-size: 18px;
    margin-bottom: 20px;
    text-align: left;
    color: #fff
}

.darkblue_right a {
    font-family: 'Poppins';
    font-size: 18px;
    text-transform: uppercase;
    border: 1px solid #333;
    text-transform: uppercase;
    padding: 8px 15px;
    color: #fff;
    background-color: #37e993
}

.darkblue_right a:hover {
    text-decoration: none;
    background-color: transparent;
    border: 1px solid #37e993;
    color: #37e993
}

.jobbox {
    padding: 40px
}

.findCandidate {
    background-image: url(../images/jobboard/map.png);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 40px
}

.findCandidate h2 {
    font-family: 'Poppins';
    font-size: 30px;
    color: #fff;
    text-align: center;
    margin-top: 0
}

#jobboard {
    background-color: transparent
}

#jobboard .freelancers-ids .freelancer-content .avatar {
    border: 2.07px solid #fff
}

#jobboard .freelancers-ids {
    margin-top: 30px
}

#jobboard p.desc {
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-family: 'Poppins';
}

#jobboard .freelancers-ids .freelancer-content .freelancer-designation,
#jobboard .freelancers-ids .freelancer-content .job-success,
#jobboard .freelancers-ids .freelancer-content .skill-rating {
    color: #fff
}

.boxaccount {
    background-color: #fff;
    padding: 40px
}

.boxaccount h2 {
    font-family: 'Poppins';
    font-size: 36px;
    color: #31ace3
}

.boxaccount p {
    font-family: 'Poppins';
    font-size: 18px;
    margin-bottom: 20px
}

.boxaccount input[type=text] {
    width: 50%;
    margin: 0 auto;
    margin-bottom: 30px;
    border-radius: 0
}

.boxaccount input[type=submit] {
    border-radius: 0;
    font-family: 'Poppins';
    font-size: 25px;
    text-transform: uppercase
}

.boxaccount a {
    color: #000
}

.boxaccount a:hover {
    text-decoration: none;
    color: #31ace3
}

.left_jobboard h1 {
    font-family: 'Poppins';
    font-size: 24px;
    color: #000;
    text-transform: uppercase
}

.left_jobboard p.sitename {
    margin: 20px 0
}

.left_jobboard p.sitename a {
    color: #253340;
    font-family: 'Poppins';
    font-size: 16px
}

.left_jobboard p.sitename a:hover {
    text-decoration: none
}

.blakjobbox {
    background-color: #001127;
    padding: 30px;
    margin-top: 10px;
    color: #fff;
    margin-bottom: 15px
}

.blakjobbox img {
    width: 65px;
    height: 65px
}

.whitejobbox {
    background-color: #fff;
    margin-bottom: 15px
}

.whitejobbox p {
    border-bottom: 1px solid #ccc;
    padding: 10px;
    font-family: 'Poppins';
    font-size: 18px;
    text-transform: uppercase
}

.whitejobbox a {
    color: #333
}

.whitejobbox a:hover {
    text-decoration: none
}

.left_jobboard input {
    border-radius: 0
}

.right_jobboard {
    background-image: url(../images/jobboard/home.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 240px
}

.top_head_in {
    position: absolute;
    bottom: 0;
    background-color: rgba(255, 255, 255, .2);
    padding: 10px;
    width: 100%
}

.top_head_in .job_search input[type=text],
.top_head_in .job_search select {
    background-color: rgba(255, 255, 255, .5)
}

.top_head_in .job_search .form-group {
    margin-bottom: 0
}

.top_head_in .job_search div.checkbox {
    margin-bottom: 0
}

.jobboardbread .breadcrumb {
    background-color: #fff;
    margin-top: 15px;
    border-radius: 0
}

.jobboardbread .breadcrumb li a {
    color: #000;
    text-transform: uppercase
}

.jobboardbread .breadcrumb li a:hover {
    text-decoration: none
}

.notifyboard p {
    font-family: 'Poppins';
    font-size: 18px;
    background-color: #e9f1f3;
    padding: 5px 10px;
    border: 1px solid #ccc;
    margin-bottom: 15px
}

.whiteboardmain {
    background-color: #fff;
    padding: 15px;
    border: 1px solid #ccc
}

.whiteboardmain img {
    position: absolute;
    right: 5px;
    bottom: -10px;
    width: 300px
}

.whiteboardmain .job_search input[type=text],
.whiteboardmain .job_search select {
    background-color: #ccc
}

.myjobboaardBread {
    padding-left: 0
}

.myjobboaardBread li {
    list-style: none;
    float: left;
    padding: 10px 7px
}

.myjobboaardBread li a {
    font-family: 'Poppins';
    font-size: 14px;
    color: #000;
    text-transform: uppercase
}

.myjobboaardBread li a:focus,
.myjobboaardBread li a:hover {
    text-decoration: none
}

#rightDash,
.leftPostCmpny {
    border: 1px solid #ccc;
    background-color: #e1e1e1
}

#rightDash .boxGraph {
    border-bottom: 1px solid #ccc;
    margin-bottom: 0
}

.leftPostCmpny a {
    color: #333
}

.leftPostCmpny a h2 {
    font-size: 20px;
    font-family: 'Poppins';
}

.leftPostCmpny a:focus,
.leftPostCmpny a:hover,
.rightGraph a:focus,
.rightGraph a:hover {
    text-decoration: none;
    opacity: .6
}

.rightGraph img {
    margin-bottom: 10px
}

.rightGraph .boxGraph {
    padding: 15px 0;
    margin-bottom: 15px
}

.rightGraph .boxGraph h2 {
    font-family: 'Poppins';
    font-size: 18px;
    color: #000;
    text-transform: uppercase;
    margin: 0
}

.rightGraph .boxGraph p {
    font-family: 'Poppins';
    font-size: 14px;
    color: #000
}

.top_job_head h2 {
    font-family: 'Poppins';
    font-size: 18px;
    color: #000;
    margin: 0
}

.top_job_head .clr_red {
    color: red
}

.top_job_head h1 {
    color: #999;
    font-size: 18px;
    margin: 10px 0
}

.top_job_head ul li {
    float: left;
    list-style: none;
    padding: 5px 15px
}

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

.top_job_head ul li a {
    color: #000
}

.top_job_head ul li a:hover {
    color: #31ace3;
    text-decoration: none
}

.wizard {
    margin: 5px auto;
    background: #fff
}

.wizard .nav-tabs {
    position: relative;
    margin: 10px auto;
    margin-bottom: 0;
    border-bottom: none
}

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

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

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

.wizard .nav-tabs > li {
    width: 50%;
    border: none;
    background-color: transparent
}

.wizard .nav-tabs > li a span {
    color: #fff
}

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

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

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

.wizard h3 {
    margin-top: 0
}

.tab_blue {
    background-color: #42a4bb !important
}

.tab_green {
    background-color: #33de80 !important
}

.tab_dark_green {
    background-color: #0f4685 !important
}

.tab_orange {
    background-color: #f9a825 !important
}

/*sani*/
@media(max-width :585px) {

    /* .cate_drop {
        width: 39% !important;
        float: left;
        margin-top: 5px;
        border-radius: 0 !important;
    } */

    .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%
    }
}

.footer_job {
    background-color: #d6d6d6;
    border: 1px solid #ccc;
    padding: 10px
}

.footer_job a {
    color: #333;
    font-family: 'Poppins';
    font-size: 18px
}

.footer_job a:focus,
.footer_job a:hover,
.left_detail_job ul li a:focus,
.left_detail_job ul li a:hover,
.left_jobseakr ul li a:focus,
.left_jobseakr ul li a:hover,
.title_job a:focus,
.title_job a:hover,
.top_detail_board a:focus,
.top_detail_board a:hover {
    text-decoration: none
}

.top_detail_board a {
    color: #333;
    font-family: 'Poppins';
    font-size: 18px
}

.top_detail_board a i {
    border: 1px solid #31ace3;
    border-radius: 50%;
    padding: 2px 8px;
    color: #31ace3
}

.top_detail_board h1 {
    color: #31ace3;
    font-family: 'Poppins';
    font-size: 24px;
    margin: 0;
    font-weight: 700
}

.top_detail_board p.btmjobtitle {
    color: #333;
    font-family: 'Poppins';
    font-size: 18px;
    margin: 0
}

.top_detail_board p.lightrightjob {
    color: #999;
    font-family: 'Poppins';
    font-size: 18px;
    margin-bottom: 0
}

.left_detail_job {
    background-color: #dcdcdc;
    padding: 20px;
    border: 1px solid #ccc
}

.right_detail_job {
    background-color: #fff;
    padding: 20px;
    border: 1px solid #ccc;
    margin-bottom: 10px
}

.left_detail_job p {
    font-family: 'Poppins';
    font-size: 18px;
    margin-bottom: 10px
}

.left_detail_job h3 {
    font-size: 18px;
    font-family: 'Poppins';
    color: rgba(40, 40, 40, .7);
    text-transform: uppercase
}

.left_detail_job ul {
    padding-left: 0
}

.left_detail_job ul li {
    list-style: none;
    margin-bottom: 10px
}

.left_detail_job ul li a {
    color: #31ace3;
    text-transform: uppercase
}

.left_detail_job ul li a i {
    color: #999
}

.social_share_job a {
    border: 1px solid #000;
    color: #000;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    padding: 4px 8px
}

.left_btm_detail_job {
    padding: 20px
}

.left_btm_detail_job h2 {
    margin: 0
}

.left_btm_detail_job h2 a {
    color: #31ace3;
    font-size: 24px;
    font-family: 'Poppins';
    text-transform: uppercase
}

.follow_job {
    border-color: transparent;
    border-style: solid;
    border-radius: 0;
    background-image: -moz-linear-gradient(90deg, #37e993 0, rgba(55, 233, 147, 0) 100%);
    background-image: -webkit-linear-gradient(90deg, #37e993 0, rgba(55, 233, 147, 0) 100%);
    background-image: -ms-linear-gradient(90deg, #37e993 0, rgba(55, 233, 147, 0) 100%);
    background-repeat: no-repeat;
    color: #fff;
    width: 70%;
    text-transform: uppercase;
    font-family: 'Poppins';
    display: block;
    margin: 0 auto;
    margin-top: 30px
}

.right_detail_job h2 {
    color: #31ace3;
    font-family: 'Poppins';
    font-size: 18px;
    margin: 0
}

.right_detail_job p {
    color: #333;
    font-family: 'Poppins';
    font-size: 14px
}

.right_detail_job ul li {
    list-style: circle
}

.title_job h2 {
    color: #333;
    font-family: 'Poppins';
    font-size: 24px;
    text-align: center
}

.title_job a {
    font-family: 'Poppins';
    font-size: 18px;
    color: #31ace3
}

.title_job p {
    margin-bottom: 20px
}

.whiteboardmain .progress {
    margin: 7px !important
}

.left_jobseakr ul {
    padding-left: 50px
}

.left_jobseakr ul li {
    list-style-image: url(../images/jobboard/left-arrow.png);
    padding: 5px 0;
    width: 100%;
    text-align: left
}

.left_jobseakr ul li a {
    font-family: 'Poppins';
    font-size: 18px;
    color: #000
}

.right_jobseakr {
    padding: 10px 15px 10px 0
}

.jobseakrhead h2 a {
    color: #33b0e5;
    font-family: 'Poppins';
    font-size: 25px
}

.jobseakrhead h2 a:hover {
    text-decoration: none
}

.search_jobboard {
    margin-bottom: 20px
}

.search_jobboard h2 {
    margin: 0;
    font-family: 'Poppins';
    font-size: 24px
}

.search_jobboard form input[type=text] {
    width: 93%;
    border-radius: 0;
    display: inline;
    background-color: #b6eefc;
    border: 1px solid #ccc
}

.search_jobboard form button {
    border-radius: 0;
    background-color: #35b3e7;
    color: #fff
}

.search_jobboard form button:hover {
    opacity: .7;
    color: #fff;
    background-color: #35b3e7
}

.brdr_gray {
    border: 1px solid #ccc
}

.storesell {
    background-image: -moz-linear-gradient(90deg, #56966f 0, #56966f 100%);
    background-image: -webkit-linear-gradient(90deg, #56966f 0, #56966f 100%);
    background-image: -ms-linear-gradient(90deg, #56966f 0, #56966f 100%)
}

.storesell h3 {
    color: #fff;
    font-size: 20px
}

.storeBoxThree {
    width: 100%;
    background-color: #f3f2f6;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .75);
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .75);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .75);
    transition: .3s ease-in-out;
    text-align: center;
    border-radius: 5px
}

.storeBoxThree:hover {
    -webkit-box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, .75);
    -moz-box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, .75);
    box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, .75)
}

.storeBoxThree i {
    font-size: 50px;
    display: block;
    padding: 48px 0;
    color: #000
}

.storeBoxThree p {
    padding: 15px;
    color: #fff;
    background-color: #56966f;
    font-size: 20px;
    border-radius: 0 0 5px 5px
}

.poststore .its-free-post-job {
    border: 1px solid #ccc;
    background-color: #fff
}

.poststore .its-free-post-job .heading {
    font-size: 16px;
    font-family: 'Poppins';
    color: #fff;
    line-height: 1.2;
    margin: 0;
    text-align: center;
    padding: 15px 0;
    background-image: -moz-linear-gradient(90deg, #56966f 0, #56966f 100%);
    background-image: -webkit-linear-gradient(90deg, #56966f 0, #56966f 100%);
    background-image: -ms-linear-gradient(90deg, #56966f 0, #56966f 100%)
}

.poststore .its-free-post-job .content .fa-check {
    color: #56966f;
    font-size: 18px
}

.poststore .its-free-post-job .content {
    padding: 17px 20px 10px 20px
}

.poststore .its-free-post-job .content .content-p {
    font-size: 16px;
    font-family: 'Poppins';
    color: #1b1b1b;
    line-height: 1.2;
    margin-bottom: 24px
}

.jobHead {
    background-color: #447fbb;
}

.jobHead h3 {
    color: #fff
}

.jobHead h3 a {
    color: #000
}

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

#monthjob .btn-group,
#monthjob button {
    width: 100%
}

.right_job_detail h3 {
    margin: 0 0 10px;
    color: #333;
    font-family: 'Poppins';
}

.right_job_detail p {
    margin-bottom: 5px;
    color: #333;
    font-size: 14px;
    font-family: 'Poppins';
    border-bottom: 1px dashed #333
}

.right_job_detail a:hover {
    text-decoration: none
}

.right_job_detail a:hover p {
    color: #31ace3
}

.timelinefile h3 {
    margin: 0;
    color: #333;
    font-family: 'Poppins';
    font-size: 16px
}

.timelinefile small {
    display: block;
    color: #ccc;
    margin-bottom: 5px
}

.timelinefile a {
    color: #999;
    padding: 3px 10px;
    border: 1px solid #ccc;
    background-color: #f6f7f9
}

.timelinefile a:focus,
.timelinefile a:hover {
    text-decoration: none;
    color: #000
}

#progressBox {
    position: relative;
    display: none;
    height: 20px;
    margin-bottom: 5px
}

#status {
    position: absolute;
    display: inline-block;
    top: 10px;
    z-index: 99999;
    left: 40%
}

#progressBar {
    height: 20px;
    margin-top: 10px;
    position: absolute;
    width: 100%
}

.clasBlock {
    display: block
}

.myProfileComponent a {
    font-family: 'Poppins';
    font-size: 12px;
    color: #333
}

.myProfileComponent a:hover {
    color: #000
}

.myProfileComponent a img {
    display: inline-block
}

.myProfileComponent .seprate {
    padding: 0 5px 0 5px
}

.myProfileComponent {
    border-bottom: 1px solid #ccc
}

.myProfileComponent .dropdown {
    display: inline
}

.myProfileComponent button {
    background-color: transparent;
    border-color: transparent;
    color: #333
}

.myProfileComponent button .caret {
    color: #333
}

.myProfileComponent button:hover {
    background-color: transparent;
    color: #333;
    border-color: transparent !important
}

.open > .dropdown-toggle.topMenubtn {
    background-color: transparent;
    color: #333;
    border-color: none
}

.gallery-img {
    padding: 0 5px
}

.gallery-img .thumbnail {
    padding: 5px;
    border-radius: 0;
    border: none;
    margin-bottom: 0
}

.gallery-img .thumbnail img {
    height: 100px;
    width: 100%;
    border: 1px solid #999
}

.timeline_Photo input[type=checkbox] {
    position: absolute;
    top: 5px;
    left: 8px
}

.timeline_Photo {
    padding: 5px 15px 5px
}

.timeline_Photo video {
    border: 1px solid #ccc !important
}

.timeline_Photo .video_box {
    margin: 0
}

.timeline_Photo .timelinefile {
    margin: 10px
}

.editPostTimeline textarea {
    border-radius: 0;
    margin-bottom: 5px
}

.modelAddPhoto {
    border: 1px dashed #ccc;
    background-color: #fff;
    margin-top: 15px;
    height: 50px;
    text-align: center
}

.modelAddPhoto .createbox {
    margin-top: 4px
}

#sidebar_right {
    left: auto !important
}

.alluserserch {
    border: 1px solid #ccc;
    background-color: #edeef0;
    margin: 10px;
    min-height: 180px;
    padding: 10px
}

.alluserserch:hover {
    -webkit-box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, .175);
    -moz-box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, .175);
    box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, .175)
}

.alluserserch .allUserImgBox {
    min-height: 130px;
    max-height: 130px;
    border-bottom: 1px solid #ccc;
    overflow: hidden
}

.alluserserch a {
    display: block
}

.alluserserch a:hover {
    text-decoration: none
}

.alluserserch img {
    height: 143px;
    width: 143px
}

.alluserserch h2 {
    margin: 5px 0 0;
    color: #032350;
    font-family: 'Poppins';
    font-size: 18px;
    padding: 2px;
    line-height: 15px
}

.alluserserch h5 {
    color: #333;
    margin: 0 0 7px;
    font-size: 14px
}

.alluserserch span {
    background-color: #032350;
    color: #fff;
    padding: 3px 10px;
    display: block
}

.alluserserch h4 {
    color: #032350;
    font-family: 'Poppins';
    font-size: 12px;
    padding: 2px;
    margin: 0
}


.allUser {
    border: 1px solid #ccc;
    background-color: #edeef0;
    margin: 5px 5px;
    min-height: 180px
}
.allUser1 {
    border: 1px solid #ccc;
    background-color: #edeef0;
    margin: 5px 5px;
   
}
.allUser .allUserImgBox {
    min-height: 130px;
    max-height: 130x;
    border-bottom: 1px solid #ccc
}

.allUser a {
    display: block
}

.allUser a:hover {
    text-decoration: none
}

.allUser img {
    height: 143px;
    width: 143px
}

.allUser h2 {
    margin: 5px 0 0;
    color: #032350;
    font-family: 'Poppins';
    font-size: 12px;
    padding: 2px;
    line-height: 7px
}

.allUser h5 {
    color: #333;
    margin: 0;
    font-size: 10px
}

.allUser span {
    background-color: #032350;
    color: #fff;
    padding: 3px 10px;
    margin: 5px;
    display: block
}

.allUser h4 {
    color: #032350;
    font-family: 'Poppins';
    font-size: 12px;
    padding: 2px;
    margin: 0
}

.otherUserProfile img {
    border: 1px solid #ccc;
    height: 130px;
    width: 100%
}

.otherProfileName {
    min-height: 130px
}

.otherProfileName h3 {
    margin: 0;
    font-family: 'Poppins';
    font-size: 24px;
    color: #333
}

.otherProfileName h4 {
    color: #032350;
    font-family: 'Poppins';
    font-size: 16px
}

.otherProfileName .innerOtherProfile {
    position: absolute;
    right: -58px;
    bottom: 0
}

.innerOtherProfile a {
    color: #282828;
    font-family: 'Poppins';
    font-size: 16px;
    border: 1px solid #b7b7b7;
    background-color: #f6f6f6;
    padding: 7px 10px;
    margin-right: 3px
}

.innerOtherProfile a:focus,
.innerOtherProfile a:hover {
    text-decoration: none;
    background-color: #333;
    color: #fff;
    border: 1px solid #333
}

#notification_li {
    position: relative
}

#notificationContainer {
    background-color: #fff;
    border: 1px solid rgba(100, 100, 100, .4);
    -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
    overflow: visible;
    position: absolute;
    top: 50px;
    margin-left: -120px;
    width: 300px;
    z-index: 5;
    display: none
}

#notificationContainer a {
    color: #032350;
    font-size: 14px;
    font-weight: 700;
    display: block;
    margin-bottom: 4px
}

#notificationContainer a:focus,
#notificationContainer a:hover {
    text-decoration: none;
    color: #333
}

#notificationContainer hr {
    margin: 10px 0
}

#notificationContainer:before {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 10px;
    color: transparent;
    border: 10px solid #000;
    border-color: transparent transparent #fff;
    margin-top: -20px;
    margin-left: 118px
}

#notificationTitle {
    font-weight: 700;
    padding: 8px;
    font-size: 13px;
    background-color: #fff;
    z-index: 1000;
    width: 100%;
    border-bottom: 1px solid #ddd
}

.notificationsBody {
    padding: 10px !important
}

#notificationFooter {
    background-color: #032350;
    text-align: center;
    font-weight: 700;
    padding: 8px;
    font-size: 12px;
    color: #fff
}

#notificationFooter:hover {
    cursor: pointer
}

#notification_count {
    padding: 0px 6px 0 4px;
    background: #c00;
    color: #fff;
    font-weight: 700;
    margin-left: 5px;
    border-radius: 9px;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    position: absolute;
    margin-top: -31px;
    font-size: 11px
}

.acceptrequest {
    background-color: #032350;
    color: #fff;
    border: 1px solid #032350;
    font-family: 'Poppins';
    font-size: 14px;
    margin-right: 5px;
    border-radius: 0;
    padding: 2px 10px
}

.rejectrequest {
    background-color: #ac2925;
    color: #fffbfb;
    border: 1px solid #ac2925;
    font-family: 'Poppins';
    font-size: 14px;
    border-radius: 0;
    padding: 2px 10px
}

.rejectrequest:hover {
    background-color: #ff4641 !important;
    color: #fffbfb !important;
    border: 1px solid #dadbda !important
}

.msgNotify {
    padding: 1px 6px 0px 4px;
    background: #c00;
    color: #fff;
    font-weight: 700;
    border-radius: 9px;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    position: absolute;
    top: 13px;
    font-size: 11px;
    z-index: 9999999999
}

#popform {
    min-width: 400px !important;
    padding: 5px;
    border-radius: 0
}

#popform textarea {
    margin-bottom: 5px;
    border-radius: 0
}

.frndProfileImg img {
    width: 100%;
    height: 150px
}

#groupTitle,
#mediaTitle {
    margin-top: 10px;
    margin-bottom: 10px;
    color: #2784c5;
    font-weight: 700
}

.left_chat_box {
    background-color: #bfc6da
}

#left_list_chat a {
    background-color: transparent;
    border: none;
    color: #000
}

.chat_img {
    display: inline !important;
    margin-right: 5px;
    width: 30px;
    height: 30px !important;
    border-radius: 50%
}

#left_list_chat a.active,
#left_list_chat a:hover {
    background-color: #a0afc3
}

.overAllInbox h3 {
    margin: 0;
    background-color: #bfc6da;
    color: #000;
    padding: 8px 5px;
    font-family: 'Poppins';
    font-size: 16px
}

/* .inboxFriend {
    background-color: #d5daf1 !important;
    border-color: #d5daf1 !important
} */

.inboxFriend {
    background-color: #d5daf1 !important;
    border-color: #d5daf1 !important;
    display: inline-block;
    width: 100%;
    position: relative;
    min-height: 62px;
    height: auto;
    background-color: #fff !important;
    border-bottom: 1px solid rgba(205,211,237,0.5);
}



.friend_message {
    height: 540px
}

#friendlist a {
    color: #000;
    display: inline-block;
    margin-left: 8px;
    margin-top: 5px
}

.rightProfilepic {
    height: 30px !important;
    width: 30px;
    display: inline-block;
    float: left;
    border-radius: 50%
}

.chat_form {
    bottom: 0;
    width: 100%
}

.chat_form textarea {
    width: 93%;
    border-radius: 0;
    display: inline-block;
    resize: none
}

.chat_form button {
    height: 54px
}

.chattingsystem {
    position: relative;
    height: 71%;
}

.Othertimeline {
    border: 1px solid #ccc !important
}

.otherTimleineBody h2 {
    color: #bf0f4d;
    font-family: 'Poppins';
    text-transform: uppercase;
    font-size: 30px;
    margin: 0
}

.boxFriend {
    border: 1px solid #ccc;
    margin: 5px
}

.boxFriend img {
    display: inline;
    height: 70px;
    width: 70px;
    border-right: 1px solid #ccc
}

.boxFriend .rightbox {
    display: inline
}

.rightbox {
    padding: 20px 6px 20px 3px
}

.boxFriend .rightbox a {
    display: block;
    line-height: 4px
}

.boxFriend small {
    color: #ccc
}

#friends {
    padding-left: 5px;
    padding-right: 5px
}

.btnUnfrnd {
    background-color: #f5f7f8;
    color: #333;
    border: 1px solid #dadbda;
    font-family: 'Poppins';
    font-size: 12px;
    border-radius: 0;
    padding: 10px
}

.deletefriend {
    margin-bottom: 15px
}

.deletefriend img {
    display: inline;
    height: 40px;
    width: 40px;
    float: left;
    margin-right: 10px
}

#navtabFrnd {
    background-color: #fff
}

#navtabFrnd li {
    width: auto;
    border: none !important
}

#navtabFrnd li a {
    color: #333;
    margin-right: 0;
    border-radius: 0;
    background-color: #fff
}

#navtabFrnd li.active a {
    border-bottom: 1px solid #032350 !important;
    color: #032350 !important
}

.multiTask {
    display: inline
}

.multiTask i {
    margin: 0;
    font-size: 14px
}

.multiTask a {
    margin: 0
}

.multiTask a:hover {
    border: 1px solid #ccc
}

.multiTask a.favpro {
    background-color: #032350;
    color: #fff
}

.multiTask a.favpro:hover {
    background-color: #032350;
    color: #fff
}

.reportForm label {
    display: block
}

.reportForm label:hover {
    cursor: pointer
}

.reportForm input[type=radio] {
    margin-right: 5px
}

.conectLevl h1 {
    color: #333;
    font-family: 'Poppins';
    font-size: 16px;
    margin: 15px 0;
    border-bottom: 1px solid #ccc
}

.conectLevl a {
    display: inline-block
}

.conectLevl a img {
    margin-bottom: 10px;
    height: 32px;
    width: 32px;
    border: 1px solid #ccc
}

.deleteMember:hover,
.deletefriend a:hover {
    color: #428bca;
    text-decoration: none
}

.deletefriend a {
    color: #032350
}

.deletefriend span.totalfriend {
    display: block;
    color: #ccc
}

.findRealTimeSearch {
    background-color: #edeef0;
    padding: 5px;
    border: 1px solid #ccc
}

.findRealTimeSearch h4 {
    margin: 7px
}

.filterArea {
    background-color: #eaeaea;
    border: 1px solid #ccc;
    padding: 5px;
    margin-top: 10px;
    margin-bottom: 10px
}

.filterArea label {
    font-size: 12px
}

.filterArea select {
    height: 30px;
    padding: 5px
}

.filterArea input[type=text] {
    width: 100%;
    border-radius: 0;
    height: 30px;
    padding: 5px;
    font-size: 12px
}

.filterArea input[type=button] {
    padding: 0 7px
}

.homefilter input[type=text] {
    width: 62% !important;
    float: right;
}

.filterArea select {
    border-radius: 0;
    font-size: 12px
}

.filterArea input#select_all {
    position: relative;
    margin-right: 5px;
    top: 2px
}

.acknowled a {
    color: #000;
    font-family: 'Poppins';
}

.acknowled a:hover {
    color: #333
}

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

#update_gallery p.date {
    color: #333;
    margin: 0
}

#update_gallery a {
    padding-bottom: 0
}

#update_gallery a.name {
    background-color: #000;
    opacity: .7;
    color: #fff;
    display: block;
    margin-top: 5px
}

#update_gallery a:hover,
.groupGallery a:hover {
    text-decoration: none
}

/* .link {
    padding: 10px 15px;
    background: 0 0;
    border: #bccfd8 1px solid;
    border-left: 0;
    cursor: pointer;
    color: #607d8b
} */

.disabled {
    cursor: not-allowed;
    color: #bccfd8
}

.current {
    background: #bccfd8
}

.first {
    border-left: #bccfd8 1px solid
}

.question {
    font-weight: 700
}

.answer {
    padding-top: 10px
}

#pagination {
    margin-top: 20px;
    padding-top: 30px;
    border-top: #f0f0f0 1px solid
}

.dot {
    padding: 10px 15px;
    background: 0 0;
    border-right: #bccfd8 1px solid
}

#overlay {
    background-color: rgba(0, 0, 0, .6);
    z-index: 999;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: none
}

#overlay div {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -32px;
    margin-left: -32px
}

.page-content {
    padding: 5px;
    margin: 0 auto
}

.pagination-setting {
    padding: 10px;
    margin: 5px 0 10px;
    border: #bccfd8 1px solid;
    color: #607d8b
}

#pagination a {
    padding-bottom: 10px
}

.musicbox {
    border: 1px solid #ccc;
    margin: 5px
}

.musicbox img {
    width: 100px
}

.musicbox audio {
    width: 100%
}

.musicbox p.date {
    margin: 10px
}

.musicbox a {
    padding: 10px;
    padding-bottom: 10px !important
}

.dropdown-menu a.deleteMember {
    padding-left: 20px;
    color: #000
}

.groupGallery {
    margin: 5px;
    border: 1px solid #ccc
}

.groupGallery a.thumbnail {
    padding: 0;
    border-radius: 0;
    border: none;
    margin-bottom: 10px
}

.groupGallery a.name {
    background-color: #000;
    opacity: .7;
    color: #fff;
    display: block;
    margin-top: 5px
}

.groupGallery img {
    padding: 0;
    border: none;
    border-radius: 0;
    width: 100%;
    height: 110px
}

.rightscrooler {
    height: 250px;
    overflow: scroll
}

.art_banner {
    background: url(../images/art/art-banner.jpg) no-repeat;
    background-size: cover;
    padding: 20px;
    min-height: 440px
}

.art_banner h1 {
    font-size: 36px;
    font-family: 'Poppins';
    color: #fff;
    margin-top: 100px
}

.art_banner p {
    font-size: 24px;
    font-family: 'Poppins';
    color: #edeef0;
    line-height: 1.2
}

.art_banner a,
.innerArtSell a {
    color: #fff;
    font-size: 24px;
    font-family: 'Poppins';
    padding: 5px 15px;
    margin-top: 25px
}

.art_banner a:focus,
.art_banner a:hover,
.innerArtSell a:focus,
.innerArtSell a:hover {
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #fff
}

.art_banner form {
    margin-top: 25px
}

.art_banner input[type=text] {
    border-radius: 0;
    width: 85%;
    float: left;
    background-image: url(../images/art/icon-camera.png);
    background-repeat: no-repeat;
    background-position: 99% 50%
}

.art_banner input[type=submit] {
    border-radius: 0;
    width: 15% !important;
    float: left;
    text-transform: uppercase;
    background-color: #f60;
    color: #fff
}

.art_banner input[type=submit]:hover {
    background-color: #000
}

.art_scnd_levl {
    width: 100%;
    padding-left: 0;
    margin: 20px 0
}

.art_scnd_levl li {
    list-style: none;
    width: 19%;
    display: inline-block;
    text-align: center
}

.art_scnd_levl li:nth-child(1) {
    text-align: left
}

.art_scnd_levl li:last-child {
    text-align: right
}

.art_scnd_levl li a {
    font-size: 20px;
    font-family: 'Poppins';
    color: #011346;
    line-height: 1.2
}

.art_scnd_levl li a:focus,
.art_scnd_levl li a:hover {
    color: #286090
}

a:focus,
a:hover {
    text-decoration: none !important
}

.art_box {
    background-color: #fff
}

.art_box p {
    padding: 10px;
    margin: 0;
    font-size: 16px;
    font-family: 'Poppins';
    color: #fff;
    text-transform: uppercase
}

.art_box img {
    width: 100%;
    height: 275px;
    object-fit: cover;
}

.art_box a:hover p {
    background-color: #242a2e
}

.linebtm {
    position: absolute;
    bottom: 1px;
    border-bottom: 3px solid #d3d3d3;
    width: 100%;
    z-index: 0
}

#navtabart {
    width: 39%
}

#navtabart li {
    width: auto;
    border: none !important;
    background-color: transparent !important;
    z-index: 99
}

#navtabart li a {
    color: #333;
    margin-right: 0;
    border-radius: 0;
    background-color: transparent;
    font-family: 'Poppins';
    text-transform: uppercase
}

#navtabart li.active a {
    border-bottom: 3px solid #032350 !important;
    color: #032350 !important
}

.artBox {
    background-color: #fff;
    margin-bottom: 10px
}

.artBox .topartBox {
    padding: 10px
}

.topartBox img {
    width: 100%;
    height: 270px;
    margin-top: 5px;
    margin-bottom: 5px;
    object-fit: cover;
}

#shpBycat img {
    margin-top: 5px;
    margin-bottom: 5px;
    height: 165px;
    width: 100%
}

.topartBox a.title {
    font-size: 16px;
    font-family: 'Poppins';
    color: #282828;
    line-height: 0;
    font-weight: 700
}

.topartBox p {
    font-size: 16px;
    font-family: 'Poppins';
    color: #999;
    line-height: 14px;
    min-height: 43px
}

.topartBox hr {
    margin: 5px;
    border-color: #ccc
}

.topartBox strike {
    display: block;
    color: #999
}

.topartBox span.price {
    font-size: 16px;
    font-family: 'Poppins';
}

.topartBox span span.pricePerc {
    font-size: 12px;
    font-family: 'Poppins';
    color: #24bd9d
}

.btmartBox {
    background-color: #343435;
    padding: 5px;
    
}

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

.btmartBox ul li {
    list-style: none;
    width: 14%;
    display: inline-block;
    text-align: center
}

.btmartBox ul li a img {
    margin: 0 auto
}

.section_event_art {
    background-color: #fff;
    padding: 40px
}

.section_event_art h2 {
    font-size: 30px;
    font-family: 'Poppins';
    color: #343435;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 0 30px
}

.section_event_art h2 a {
    font-size: 14px;
    color: #333;
    text-transform: lowercase;
    margin-top: 11px
}

.artEventBox {
    margin: 10px;
    border: 1px solid #ccc
}

.artEventBox-body {
    padding: 10px
}

.artEventBox p.date {
    color: #fff;
    padding: 5px;
    margin: 0;
    text-align: center
}

.artEventBox img {
    height: 220px
}

.artEventBox a.title {
    color: #999;
    font-size: 18px;
    font-family: 'Poppins';
}

.artEventBox p.desc {
    color: #333;
    font-size: 14px;
    font-family: 'Poppins';
    line-height: 16px;
    min-height: 32px
}

#artPostHeading h2,
.artHead,
.artpostform .postBoxThree p {
    background-color: #99068a !important;
    color: #fff
}

.artHead h3 {
    color: #fff
}

.artEventBox a.btnMoreArt {
    border-radius: 0;
    background-image: -moz-linear-gradient(90deg, #ec8929 0, #ffac5b 100%);
    background-image: -webkit-linear-gradient(90deg, #ec8929 0, #ffac5b 100%);
    background-image: -ms-linear-gradient(90deg, #ec8929 0, #ffac5b 100%);
    background-repeat: no-repeat;
    width: 187px;
    color: #fff;
    margin-top: 10px
}

.artEventBox a.btn:hover {
    background-color: #fff
}

.topPohotoshome {
    padding: 30px
}

.titleTop h2 {
    font-size: 30px;
    font-family: 'Poppins';
    color: #343435;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 0
}

.topPhoto img {
    width: 100%;
    height: 270px;
    margin-bottom: 25px
}

.artExhibition {
    background-color: #fff;
    padding: 30px
}

.artExhibBox {
    margin-bottom: 20px
}

.artExhibBox a.title {
    font-size: 20px;
    font-family: 'Poppins';
    color: #282828;
    text-transform: uppercase
}

.artExhibBox a.title:hover {
    color: #286090
}

.artExhibBox p.desc {
    color: #b045c5;
    font-family: 'Poppins';
    font-size: 14px;
    margin-top: 20px;
    text-transform: uppercase
}

.artExhibBox a.btn_morePhoto {
    padding: 5px 40px;
    margin-top: 50px
}

.artExhibBox img {
    width: 100%;
    height: 200px
}

.cateHomeArt {
    padding: 20px
}

.cateHomeArt a {
    display: block;
    font-size: 18px;
    font-family: 'Poppins';
    color: #252424
}

.mainArtist {
    background-color: #fff;
    border-bottom: 3px solid #ccc;
    height: 50px
}

.mainArtist #navtabart li {
    text-align: center;
    width: 19.5%;
    margin-top: 5px
}

.topbread .breadcrumb {
    background-color: transparent
}

.topbread .breadcrumb li {
    font-size: 20px;
    font-family: 'Poppins';
    color: grey;
    font-weight: 700
}

.topbread .breadcrumb li a i {
    font-size: 28px
}

.topSearchFormArt .form-group {
    width: 88%
}

.mainArtSrch {
    border: 1px solid #9f9f9f;
    background-color: #fff
}

.mainArtSrch select {
    float: left;
    border-radius: 0;
    border: none;
    border-right: 1px solid #9f9f9f;
    background-color: #e3e3e3
}

.mainArtSrch select option {
    background-color: #fff
}

.mainArtSrch input[type=text] {
    border-radius: 0;
    border: none;
    width: 73%
}

.topSearchFormArt button {
    background-color: transparent
}

.topSearchFormArt button:hover {
    color: #286090
}

.boxArtistAll {
    margin-bottom: 10px;
    border: 1px solid #ccc;
    background-color: #fff;
    padding-bottom: 5px
}

.boxArtistAll img {
    width: 100%;
    height: 161px
}

.boxArtistAll h3 {
    margin: 0;
    background-color: #b045c5;
    padding: 8px;
    font-size: 18px;
    font-family: 'Poppins';
    color: #fff
}

.boxArtistAll h4 {
    font-size: 15px;
    font-family: 'Poppins';
    color: #333
}

.boxArtistAll span {
    font-size: 14px;
    font-family: 'Poppins';
    color: #999
}

.leftArt h3 {
    margin: 0 0 10px;
    font-size: 25px;
    font-family: 'Poppins';
    color: #282828
}

.leftArt a {
    font-size: 14px;
    font-family: 'Poppins';
    color: #000;
    line-height: 1.667;
    display: block;
    padding: 5px
}

.leftArt a.active {
    background-color: #fff;
    border: 1px solid #ccc
}

.ui-content input[type=text] {
    background-color: transparent;
    border: 0;
    color: #b045c5;
    font-weight: 700;
    margin-bottom: 10px
}

#slider-range {
    margin-bottom: 10px
}

.searchArtRight select {
    border-radius: 0;
    border: 1px solid #ccc;
    background-color: transparent;
    height: 30px;
    padding: 2px 5px;
    margin-right: 10px
}

.searchArtRight {
    margin-bottom: 10px
}

.innerArtBanner {
    background-image: url(../images/art/art-inner-banner.jpg);
    background-size: cover;
    min-height: 75px
}

.dashArtBan {
    background-image: url(../images/art/art-inner-banner.jpg);
    background-size: cover;
    padding: 50px 0
}

.dashArtBan h1 {
    font-size: 38px;
    font-family: 'Poppins';
    color: #fff;
    text-align: center;
    margin-top: 50px;
    font-weight: 700;
    text-transform: uppercase
}

.innerArtBannertwo {
    background-image: url(../images/art/call-for-artist.png);
    background-size: cover;
    min-height: 300px
}

.innerArtBanner h1 {
    font-size: 38px;
    font-family: 'Poppins';
    text-align: center;
    margin-top: 50px
}

.innerArtBannertwo .innerFormTop {
    top: 225px
}

.innerFormTop {
    background-color: rgba(0, 0, 0, .7);
    padding: 20px;
    position: absolute;
    top: 75px;
    width: 100%
}

.rightCal {
    background-color: #fff;
    padding: 20px
}

.innerArtBanner input[type=text],
.innerArtBannertwo input[type=text] {
    border-radius: 0;
    width: 85%;
    float: left;
    background-image: url(../images/art/icon-camera.png);
    background-repeat: no-repeat;
    background-position: 99% 50%
}

.innerArtBanner input[type=submit],
.innerArtBannertwo input[type=submit] {
    border-radius: 0;
    width: 15% !important;
    float: left;
    text-transform: uppercase;
    background-color: #f60;
    color: #fff
}

.innerArtBanner select,
.innerArtBannertwo select {
    border-radius: 0;
    width: 15% !important;
    float: left;
    text-transform: uppercase
}

.righEngquiryProduct {
    background-color: #fff;
    padding: 15px;
    margin-bottom: 25px
}

.orderEnqryArt .form-group {
    display: block;
    width: 100%;
    margin-bottom: 20px
}

.orderEnqryArt input[type=text],
.orderEnqryArt select,
.orderEnqryArt textarea {
    border-radius: 0
}

.righEngquiryProduct img {
    width: 100%;
    height: 278px
}

.righEngquiryProduct h3 {
    font-size: 18px;
    font-family: 'Poppins';
    color: #282828
}

.btn_art_orng {
    color: #fff;
    border-radius: 5px;
    background-image: -moz-linear-gradient(90deg, #ec8929 0, #ffac5b 100%);
    background-image: -webkit-linear-gradient(90deg, #ec8929 0, #ffac5b 100%);
    background-image: -ms-linear-gradient(90deg, #ec8929 0, #ffac5b 100%);
    background-repeat: no-repeat;
    padding: 5px 35px
}

.btn_art_orng:hover {
    color: #fff
}

.orderEnqryArt .btn-reset {
    color: #fff;
    border-radius: 0;
    background-color: #a5a5a5;
    padding: 5px 35px
}

.detialBox img.img-big {
    width: 100%;
    max-height: 470px
}

.detialBox .btmartBox li {
    width: 32%
}

.detialBox .btmartBox li a img {
    display: inline-block;
    margin-right: 5px
}

.detialBox .btmartBox li a {
    font-size: 13px;
    font-family: 'Poppins';
    color: #fff
}

.detailBoxRight h2 {
    font-size: 24px;
    font-family: 'Poppins';
    color: #252424;
    text-transform: uppercase;
    margin-top: 0
}

.detailBoxRight a.title {
    color: #ffac5b
}

.detailBoxRight a.title:focus,
.detailBoxRight a.title:hover {
    color: #000
}

.detailBoxRight p {
    font-size: 16px;
    font-family: 'Poppins';
    color: #676767
}

.detailBoxRight hr {
    margin: 5px;
    border: 3px solid #ccc
}

.detailBoxRight span.price {
    font-size: 18px;
    font-family: 'Poppins';
    color: #d3d3d3
}

.detailBoxRight strike {
    margin-right: 20px
}

.detailBoxRight span.purple {
    font-size: 26px;
    font-family: 'Poppins';
    color: #b045c5
}

.detailBoxRight span.green {
    margin-left: 10px;
    font-size: 22px;
    font-family: 'Poppins';
    color: #24bd9d
}

.reviewdetail p a {
    font-size: 14px;
    text-transform: normal
}

.detailBoxRight form input[type=text],
.detailBoxRight form select {
    border-radius: 0;
    background-color: transparent;
    border: 1px solid #ccc;
    width: 60px;
    margin-right: 30px
}

.detailBoxRight form button {
    display: inline;
    margin-top: 10px;
    padding: 5px 30px;
    font-size: 14px;
    color: #fff
}

.detailBoxRight a.btn_morePhoto {
    margin-top: 10px;
    padding: 5px 30px
}

.descbOx img {
    width: 100%;
    height: 161px
}

.descbOx img.reviewImg {
    width: 100%;
    height: 80px
}

.descbOx h2,
.descbOx h2 a {
    font-size: 22px;
    font-family: 'Poppins';
    margin: 0
}

.descbOx h3,
.descbOx h3 a {
    font-size: 20px;
    font-family: 'Poppins';
    color: #282828;
    margin: 0
}

.descbOx textarea {
    border-radius: 0
}

.descbOx p {
    font-size: 16px;
    font-family: 'Poppins';
    color: #282828;
    text-align: justify
}

.artistAcce img {
    width: 100%;
    margin-bottom: 10px;
    height: 270px
}

.artistAcce p.type {
    font-size: 16px;
    font-family: 'Poppins';
    color: #ccc
}

.artistAcce a {
    font-size: 18px;
    font-family: 'Poppins';
    color: #000
}

.artistAcce a:hover {
    color: #99068a
}

.artistAcce hr {
    margin: 0;
    border-color: #000
}

.artistAcce p.price {
    font-size: 18px;
    font-family: 'Poppins';
    color: #b045c5;
    margin-top: 5px
}

.artistAcce p.price span {
    color: #000
}

.sameCate {
    padding: 30px
}

.sameCate .heading h2 {
    font-size: 26px;
    font-family: 'Poppins';
    color: #282828;
    font-weight: 700;
    text-transform: uppercase
}

.sameCate img {
    height: 318px;
    width: 100%
}

.keywordbox a {
    border: 1px solid #ccc;
    background-color: #fff;
    display: block;
    padding: 5px 15px;
    font-size: 14px;
    font-family: 'Poppins';
    color: #000;
    margin: 0 0 10px
}

.keywordbox a:hover {
    color: #fff !important;
    background-color: #99068a
}

.gropHeight {
    min-height: 250px
}

.mainOverlay {
    position: relative;
    width: 100%
}

.mainOverlay img {
    display: block
}

.mainOverlay .overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: .5s ease;
    background-color: rgba(0, 0, 0, .7)
}

.mainOverlay:hover .overlay {
    opacity: 1
}

.mainOverlay .text {
    color: #fff;
    font-size: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center
}

.mainOverlay a.btn {
    background-color: #fff !important;
    color: #f60 !important
}

.mainOverlay a.btn:hover {
    color: #000
}

.Eventmap {
    width: 100%;
    display: block;
    height: 400px;
    position: relative
}

.Eventmap iframe {
    width: 100%;
    height: 100%
}

.Eventmap p {
    font-size: 48px;
    font-family: 'Poppins';
    position: absolute;
    bottom: 40px;
    right: 40px;
    font-weight: 700;
    text-align: right;
    line-height: .2
}

.Eventmap p span {
    font-size: 10px;
    font-family: 'Poppins';
    padding-right: 5px;
    text-transform: uppercase
}

.eventExplrthefun {
    padding: 20px;
    background-color: #fff
}

.eventExplrthefun h1 {
    font-size: 24px;
    font-family: 'Poppins';
    color: #333;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 0 10px
}

.eventExplrthefun form input[type=date],
.eventExplrthefun form input[type=submit],
.eventExplrthefun form input[type=text],
.eventExplrthefun form select {
    border-radius: 0
}

.btnEvent {
    border-style: solid;
    border-width: 1px;
    border-color: #d8d7d7;
    border-radius: 1px;
    background-color: #c11f50 !important;
    color: #000
}

.titleEvent {
    margin-bottom: 40px
}

.titleEvent h2 {
    font-size: 30px;
    font-family: 'Poppins';
    color: #282828;
    margin: 15px
}

.titleEvent p {
    font-size: 18px;
    font-family: 'Poppins';
    color: rgba(40, 40, 40, .502);
    margin: 0 15px
}

.titleEvent .price {
    font-size: 18px;
    font-family: 'Poppins';
    margin-right: 20px
}

.upEventBox {
    background-color: #fff;
    margin-bottom: 30px
}

.upEventBox .bodyEventBox {
    padding: 20px
}

.upEventBox img {
    width: 100%;
    height: 200px
}

.upEventBox .bodyEventBox a {
    display: block;
    font-size: 18px;
    font-family: 'Poppins';
    font-weight: 700;
    width: 80%;
    line-height: 16px;
    min-height: 35px
}

.bodyEventBox span.datetop {
    font-size: 16px !important;
    font-family: 'Poppins';
    line-height: 16px;
    font-weight: 700;
    margin: 0 !important
}

.upEventBox .bodyEventBox span {
    display: block;
    margin: 10px;
    font-size: 18px;
    font-family: 'Poppins';
    
    line-height: 16px
}

.upEventBox .bodyEventBox p {
    font-size: 14px;
    font-family: 'Poppins';
    color: #646464;
    line-height: 1.429;
   
}

.upEventBox .footEventBox {
    background-color: #f7f7f7;
    padding: 10px
}

.intrestEvent button {
    padding: 0 15px;
    font-size: 18px;
    font-family: 'Poppins';
    color: #000
}

.intrestEvent ul {
    margin-top: 7px
}

.intrestEvent button i {
    color: #333
}

.intrestEvent ul li a i {
    position: absolute;
    left: 3px
}

.intrestEvent ul li a {
    color: #333 !important;
    font-size: 14px !important;
    margin-left: 0
}

.upEventBox .footEventBox span {
    margin-right: 5px
}

.upEventBox .footEventBox .fa-heart {
    color: #fe2333
}

.upEventBox .footEventBox .fa-eye {
    color: #1e6eb9
}

.upEventBox .footEventBox .fa-tag {
    color: #1eb91e
}

.upEventBox .footEventBox .fa-calendar {
    color: #898989
}

.UpcomingSec {
    padding: 40px
}

.board {
    width: 100%;
    padding: 0 20px
}

.board .nav-tabs {
    position: relative;
    margin: 40px auto;
    margin-bottom: 0;
    box-sizing: border-box
}

p.narrow {
    width: 60%;
    margin: 10px auto
}

.board .nav-tabs > li.active > a,
.board .nav-tabs > li.active > a:focus,
.board .nav-tabs > li.active > a:hover {
    cursor: default;
    border: 0;
    background-color: transparent
}

.board .nav-tabs > li.active {
    color: #fff
}

.eventTab p {
    text-transform: uppercase;
    font-size: 13px;
    margin-bottom: 0
}

.board .nav-tabs > li.active .eventTab p {
    color: #fff
}

span.round-tabs {
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: inline;
    float: left;
    border-radius: 100px;
    background: #edeef0;
    z-index: 2;
    font-size: 20px !important;
    padding: 0 10px;
    margin-right: 5px
}

li.active span.round-tabs.one {
    background: #dc1423 !important;
    color: #fff !important
}

.board .nav-tabs {
    border-bottom: none
}

.board .nav-tabs > li {
    width: 14%;
    border: 1px solid #ccc !important;
    padding: 15px 10px
}

.board li:after {
    content: " ";
    position: absolute;
    left: 45%;
    opacity: 0;
    margin: 0 auto;
    bottom: 0;
    border: 5px solid transparent;
    transition: .1s ease-in-out
}

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

.board .nav-tabs > li a {
    border-radius: 100%;
    padding: 0;
    display: block
}

.board .nav-tabs > li a:hover {
    background: 0 0
}

.board .nav-tabs > li > a:hover {
    border-color: transparent
}

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

.EventTbl {
    border: 1px solid #ccc
}

.EventTbl thead {
    background-color: #000;
    font-size: 16px;
    font-family: 'Poppins';
    color: #fff
}

.EventTbl a {
    color: #fe2232
}

.EventTbl a:hover {
    color: #000
}

.EventregisterBox {
    background-image: url(../images/events/bg-reg-event.jpg);
    background-size: cover;
    padding: 40px
}

.headingreg {
    margin-bottom: 40px
}

.headingreg h2 {
    font-size: 20px;
    font-family: 'Poppins';
    color: #edeef0;
    text-transform: uppercase
}

.EventregisterBox label img {
    margin-right: 5px
}

.EventregisterBox label {
    font-size: 18.231px;
    font-family: 'Poppins';
    color: #edeef0;
    text-transform: uppercase;
    margin-bottom: 10px
}

.EventregisterBox input[type=email],
.EventregisterBox input[type=password],
.EventregisterBox input[type=text] {
    background-color: transparent;
    border: none;
    border-radius: 0;
    border-bottom: 1px solid #333;
    box-shadow: none
}

.EventregisterBox input[type=submit],
.btn_sponser {
    border-color: transparent;
    background-image: -moz-linear-gradient(90deg, #fe2333 0, #fb7680 100%);
    background-image: -webkit-linear-gradient(90deg, #fe2333 0, #fb7680 100%);
    background-image: -ms-linear-gradient(90deg, #fe2333 0, #fb7680 100%);
    background-repeat: no-repeat;
    border: none;
    font-size: 18.231px;
    font-family: 'Poppins';
    color: #fff;
    margin-top: 20px;
    text-transform: uppercase
}

.eventGallery {
    padding: 0
}

.eventGallery ul li a {
    text-transform: uppercase;
    font-size: 16px
}

.EvntImg {
    margin-bottom: 20px
}

.EvntImg img {
    height: 176px;
    width: 100%
}

.sponsor {
    background-image: url(../images/events/sponser.jpg);
    background-size: cover;
    padding: 30px
}

.sponsor img {
    margin: 0 auto;
    margin-bottom: 10px
}

.topDetailEvent {
    background-image: url(../images/events/event-6.jpg);
    background-size: cover;
    padding: 30px 30px 0
}

.innerEvent {
    padding: 50px
}

.innerEvent h3 {
    font-size: 30px;
    font-family: 'Poppins';
    color: #edeef0;
    text-transform: uppercase
}

.topDetailEvent p.titDetail {
    font-size: 34px;
    font-family: 'Poppins';
    color: #edeef0;
    text-transform: uppercase;
    font-weight: 700
}

.topDetailEvent p.location {
    font-size: 18px;
    font-family: 'Poppins';
    color: #fff
}

.transTop {
    margin-top: 20px;
    background-color: rgba(254, 35, 51, .651)
}

.detailTopcol h3 {
    font-size: 24px;
    font-family: 'Poppins';
    color: #fff
}

.detailTopcol img {
    margin: 0 auto
}

.detailTopcol p {
    font-size: 24px;
    font-family: 'Poppins';
    color: #fff
}

.transTopBtmFoot {
    height: 55px
}

.transTopBtmFoot ul,
.twolevelEvent ul {
    margin: 0;
    padding: 0
}

.transTopBtmFoot ul li {
    width: 25%;
    float: left;
    list-style: none;
    font-size: 36px;
    font-family: 'Poppins';
    color: #fff;
    text-align: center;
    margin-top: 2px
}

.twolevelEvent ul li {
    width: 20%;
    float: left;
    list-style: none;
    text-align: center;
    margin-top: 2px
}

.twolevelEvent ul li a span {
    display: block
}

.rating,
.topStr,
.twolevelEvent ul li a {
    font-size: 18px;
    font-family: 'Poppins';
    color: #000
}

.twolevelEvent ul li a img {
    margin: 0 auto;
    height: 10px
}

.detailEvent {
    padding: 10px
}

.addcustomfields .btn-group,
.addcustomfields .multiselect {
    width: 100%
}

.btn_event {
    background-color: #fe2232;
    color: #fff;
    font-family: 'Poppins';
    font-size: 14px
}

.btn_event:hover {
    color: #fe2232;
    background-color: transparent;
    border: 1px solid #fe2232
}

.event_form {
    margin: 25px
}

.event_form h3 {
    margin: 0;
    background-color: #ffb8bd;
    color: #000;
    padding: 10px;
    font-family: 'Poppins';
    font-size: 18px;
    text-transform: uppercase
}

.left_eventform {
    min-height: 1250px;
    background-color: #fe2232
}

.viewAllEvent a.btn {
    margin-top: 30px;
    padding: 10px 50px;
    font-size: 18px
}

.eventDashboard .header_po {
    background-color: #fe2232;
    color: #fff
}

.eventDashboard .header_po li a {
    color: #fff
}

.eventDashboard .header_po li a:focus,
.eventDashboard .header_po li a:hover {
    background-color: #fe2232;
    color: #000
}

.eventDashboard .header_po li.active a {
    color: #000
}

.eventDashboard .header_po li a.seprator {
    padding: 8px 0 !important
}

.realDashboard .header_po {
    background-color: #0091ca;
    color: #fff
}

.realDashboard .header_po li a {
    color: #fff
}

.realDashboard .header_po li a:focus,
.realDashboard .header_po li a:hover {
    background-color: #0091ca;
    color: #000
}

.realDashboard .header_po li.active a {
    color: #000
}

.realDashboard .header_po li a.seprator {
    padding: 8px 0 !important
}

.realTable a {
    color: #0091ca
}

.realTable a:focus,
.realTable a:hover {
    color: #000
}

.photoDashboard .header_po {
    background-color: #f09134;
    color: #fff
}

.photoDashboard .header_po li a {
    color: #fff
}

.photoDashboard .header_po li a:focus,
.photoDashboard .header_po li a:hover {
    background-color: #f09134;
    color: #000
}

.photoDashboard .header_po li.active a {
    color: #000
}

.photoDashboard .header_po li a.seprator {
    padding: 8px 0 !important
}

.sponsorInfo h3 {
    margin-bottom: 20px
}

.sponsorBox {
    display: inline-block !important
}

.sponsorBox h2 {
    font-size: 24px;
    font-family: 'Poppins';
    color: #000;
    border-bottom: 1px solid #000
}

.sponsorBox img {
    margin: 0 auto
}

.sponsorBox h3 {
    font-size: 20px;
    font-family: 'Poppins';
    color: #000;
    margin: 0;
    text-transform: uppercase
}

.sponsorBox a {
    color: #fe2333
}

.sponsorBox a:focus,
.sponsorBox a:hover {
    color: #000
}

.hrline {
    margin: 20px;
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
    background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
    background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
    background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0)
}

.featuringBox {
    padding: 5px 0;
    margin-bottom: 15px
}

.featuringBox a {
    display: block
}

.featuringBox img {
    height: 50px;
    width: 50px;
    margin: 0 auto
}

.featuringBox h4 {
    color: #000;
    font-size: 18px;
    font-family: 'Poppins';
    margin: 15px 0
}

.showName {
    height: 90px;
    background-color: #f8f9fa;
    padding: 8px 5px;
    width: 100%;
    overflow: scroll;
    overflow-x: hidden
}

.showName span {
    color: #000;
    padding: 2px 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    background-color: #fff;
    float: left;
    border: 1px solid #b7b7b7
}

#navtabSponsor ul li,
#navtabSponsor ul li a {
    background-color: transparent !important
}

.SponsrTitle h2 {
    font-size: 16px;
    background-color: #ccc;
    color: #fff;
    padding: 5px;
    font-family: 'Poppins';
}

.RealEsmap {
    width: 100%;
    display: block;
    height: 200px;
    position: relative
}

.RealEsmap iframe {
    width: 100%;
    height: 100%
}

.RealEsmap p {
    font-size: 48px;
    font-family: 'Poppins';
    position: absolute;
    bottom: 40px;
    right: 40px;
    font-weight: 700;
    text-align: right;
    line-height: .2
}

.RealEsmap p span {
    font-size: 10px;
    font-family: 'Poppins';
    padding-right: 5px;
    text-transform: uppercase
}

.realTitle h2 {
    font-size: 24px;
    font-family: 'Poppins';
    color: #333;
    font-weight: 700;
    text-transform: uppercase
}

.topLink {
    width: 100%;
    display: block
}

.topLink a {
    width: 19%;
    margin: 4px;
    display: inline-block;
    text-align: center;
    color: #fff;
    padding: 10px
}

.topLink a:focus,
.topLink a:hover {
    color: #000
}

.searchReal input[type=text] {
    border-radius: 0;
    /*margin:5px;*/
    width: 99%
}

.searchReal input[type=submit] {
    font-size: 16px;
    font-family: 'Poppins';
    text-align: center;
    border-width: .5px;
    border-color: #5d7425 !important;
    border-style: solid;
    border-radius: 0;
    background-color: #5d7425;
    color: #fff
}

.realTitle2 h3 span {
    font-size: 50px;
    font-family: 'Poppins';
}

.realTitle2 h3 {
    font-size: 40px;
    font-family: 'Poppins';
    color: #343b41
}

.realTitle2 a {
    font-size: 24px;
    font-family: 'Poppins';
    color: #64686b
}

.realBox {
    margin-bottom: 20px
}

.realBox .boxHead {
    padding: 5px 10px
}

.realBox .boxHead h2,
.realBox .boxHead p {
    color: #fff;
    font-size: 14px;
    font-family: 'Poppins';
    margin: 0
}

.realBox img.imgMain {
    width: 100%;
    height: 150px
}

.midLayer {
    position: relative
}

.midLayer ul {
    position: absolute;
    padding-left: 0;
    float: left;
    margin: 0;
    width: 100%;
    top: -32px;
    background-color: rgba(0, 0, 0, .7)
}

.midLayer ul li {
    list-style: none;
    float: left;
    width: 25%;
    padding: 5px 0;
    color: #fff
}

.midLayer ul li:nth-child(1) {
    width: 25%;
}

.midLayer ul li:nth-child(4) {
    width: 20%
}

.midLayer ul li img {
     margin-bottom:5px;
}

.boxFoot {
    padding: 10px
}

.boxFoot p.proType {
    font-size: 20px;
    font-family: 'Poppins';
    text-transform: uppercase
}

.boxRealEstate {
    font-size: 18px!important;
    font-weight: bold;
}


.boxFoot p span {
    font-size: 20px;
    font-family: 'Poppins';
    color: #000;
    text-transform: uppercase
}

.realCountdown {
    background-image: url(../images/real/bg-real-countdown.jpg);
    background-size: cover;
    padding: 40px
}

.realCountdown h3 {
    font-size: 36px;
    font-family: 'Poppins';
    color: #000;
    font-weight: 700;
    margin: 20px
}

.realCountdown p {
    margin-bottom: 20px;
    font-size: 24px;
    font-family: 'Poppins';
    color: #000
}

.realTitle3 {
    margin-bottom: 40px
}

.realTitle3 h3 {
    font-size: 38px;
    font-family: 'Poppins';
    color: #343b41
}

.lokingRealbox img {
    margin: 0 auto;
    height: 85px
}

.lokingRealbox h2 {
    font-size: 26px;
    font-family: 'Poppins';
    color: #282828;
    text-transform: uppercase
}

.lokingRealbox p {
    font-size: 18px;
    font-family: 'Poppins';
    color: #282828
}

.searchBoxReal {
    background-image: url(../images/real/searchbox.jpg);
    background-size: cover;
    padding: 100px 40px
}

.searchBoxReal h3 {
    font-size: 38px;
    font-family: 'Poppins';
    color: #000;
    margin: 0
}

.searchBoxReal form input[type=text] {
    width: 70%;
    float: left;
    background-color: #d4d6d9;
    border-radius: 0
}

.searchBoxReal form input[type=submit] {
    width: 25%;
    float: left;
    border-radius: 0;
    background-color: #95ba3d;
    background-repeat: no-repeat;
    border: 1px solid #95ba3d;
    color: #fff;
    margin-left: 20px
}

.searchBoxReal p {
    font-size: 20px;
    font-family: 'Poppins';
    color: #000;
    line-height: 1.2;
    margin: 40px
}

.realTitle4 h2 {
    font-size: 38px;
    font-family: 'Poppins';
    color: #0d0e10
}

.brownsReal {
    margin-bottom: 20px
}

.brownsReal a {
    display: inline-block;
    font-size: 14px;
    font-family: 'Poppins';
    color: #282828;
    width: 24%;
    margin-bottom: 10px
}

.brownsReal a:hover {
    color: #95ba3d
}

.brownsReal a.viewMore {
    font-size: 14px;
    font-family: 'Poppins';
    color: #95ba3d;
    border: 1px solid #95ba3d;
    min-width: 130px;
    padding: 5px;
    border-radius: 2px;
    margin-top: 40px
}

.brownsReal a.viewMore:hover {
    background-color: #95ba3d;
    color: #fff
}

.agentHome {
    background-color: #95ba3d
}

.agentHome img {
    width: 100%
}

.agentHome a:hover {
    color: #fff
}

.leftBox {
    padding: 40px
}

.leftBox h2 {
    font-size: 38px;
    font-family: 'Poppins';
    color: #fff;
    text-transform: uppercase
}

.leftBox h2 span {
    color: #000
}

.leftBox p.desc {
    font-size: 18px;
    font-family: 'Poppins';
    color: #edeef0;
    margin-bottom: 30px
}

.leftBox a {
    font-size: 30px;
    font-family: 'Poppins';
    color: #000;
    text-transform: uppercase
}

.leftBox p {
    font-size: 18px;
    font-family: 'Poppins';
    color: #edeef0
}

.orgifo a {
    font-size: 18px;
    font-family: 'Poppins';
    color: #fe2333
}

.orgifo label {
    margin-left: 15px;
    font-size: 18px;
    font-family: 'Poppins';
    display: block;
    margin-top: 10px
}

.hostedbyevent label {
    font-size: 20px;
    font-family: 'Poppins';
}

.featuringBox span.sendasms {
    font-size: 14px;
    font-family: 'Poppins';
    margin-top: 5px;
    display: block
}

.featuringBox span.sendasms:hover {
    cursor: pointer
}

.hostedbyevent a.cohost {
    font-size: 20px;
    font-family: 'Poppins';
    font-weight: 700
}

.hostedbyevent a.cohost:focus,
.hostedbyevent a.cohost:hover {
    color: #000
}

#eventDetaildrop ul li {
    width: 100%;
    text-align: left
}

.realTopBread {
    padding: 20px;
    /*background-image:url(../images/real/in-bg-real.jpg);*/
    background-color: #6a7e3b;
    background-size: cover
}

.realTopBreadtop {
    /*padding:20px;*/
    background-size: cover
}

.realTopInn {
    padding: 20px;
    background-image: url(../images/real/in-bg-real.jpg);
    background-size: cover
}

.heading07 h2 {
    font-size: 30px;
    font-family: 'Poppins';
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    padding: 30px;
    margin: 0
}

.heading07 h2 span,
.heading08 h2 span {
    color: #0090ca
}

.agentbreadCrumb ol.breadcrumb,
.realBreadcrumb ol.breadcrumb {
    background: 0 0 !important
}

.realBreadcrumb ol.breadcrumb li a {
    font-size: 20px;
    font-family: 'Poppins';
    color: #282828;
    text-transform: uppercase
}

.realBreadcrumb ol.breadcrumb li.active {
    color: #0091ca;
    font-size: 20px;
    font-family: 'Poppins';
    text-transform: uppercase
}

.agentbreadCrumb ol.breadcrumb li a,
.agentbreadCrumb ol.breadcrumb li.active {
    font-size: 16px;
    font-family: 'Poppins';
    color: #fff;
    text-transform: uppercase
}

.realAgentBox {
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 0 0 10px;
    margin-bottom: 20px
}

.realAgentBox .titlebox {
    background-color: #0091ca;
    padding: 10px
}

.realAgentBox .titlebox h2 {
    font-size: 20px;
    font-family: 'Poppins';
    color: #fff;
    text-transform: uppercase;
    margin: 0
}

.realAgentBox .titlebox p {
    font-size: 16px;
    font-family: 'Poppins';
    color: #0c0b0b;
    text-transform: uppercase;
    margin: 10px 0 0
}

.realAgentBox p.font {
    font-size: 14px;
    font-family: 'Poppins';
    color: #282828;
    margin-top: 10px;
    margin-left: 10px
}

.realAgentBox .imgAgntBox {
    height: 240px
}

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

.bck_t_result a,
.butn_find_room {
    font-size: 14px;
    font-family: 'Poppins';
    color: #0091ca;
    text-transform: uppercase;
    border: 1px solid #0091ca;
    min-width: 130px;
    padding: 6px;
    border-radius: 0
}

.bck_t_result a:hover,
.butn_find_room:focus,
.butn_find_room:hover {
    background-color: #0091ca;
    border: 1px solid #0091ca;
    color: #fff
}

.agentDetail h2 {
    margin: 0;
    font-size: 38px;
    font-family: 'Poppins';
    color: #fff;
    font-weight: 700;
    text-transform: uppercase
}

.agentDetail p.agency {
    color: #969696;
    text-transform: uppercase;
    font-size: 16px
}

.agentDetail ul {
    list-style: none;
    display: block
}

.agentDetail ul li {
    float: left;
    width: 33%;
    font-size: 16px;
    font-family: 'Poppins';
    color: #fff;
    margin-top: 10px
}

.agentDetail .detail {
    font-size: 18px;
    color: #fff;
    line-height: 1.2;
    text-align: justify;
    margin-top: 50px;
    font-family: 'Poppins';
}

.heading08 h2 {
    font-size: 24px;
    font-family: 'Poppins';
    color: #282828;
    text-transform: uppercase
}

.searchFormTopReal {
    border-width: .5px;
    border-color: #959595;
    border-style: solid;
    background-color: rgba(255, 255, 255, .588);
    padding: 10px
}

.searchFormTopReal input[type=text],
.searchFormTopReal select {
    border: 1px solid #ccc;
    background-color: rgba(255, 255, 255, .7);
    border-radius: 0
}

.butn_submit_real {
    border-width: .5px;
    border-color: #2f9000;
    border-style: solid;
    background-image: -moz-linear-gradient(90deg, #2f9000 1%, #58d11d 100%);
    background-image: -webkit-linear-gradient(90deg, #2f9000 1%, #58d11d 100%);
    background-image: -ms-linear-gradient(90deg, #2f9000 1%, #58d11d 100%);
    background-repeat: no-repeat;
    min-width: 130px;
    color: #fff
}

.butn_submit_real:hover {
    opacity: .8;
    color: #fff
}

.featBoxReal {
    background-color: #fff;
    border: 1px solid #ccc;
    margin-bottom: 20px
}

.featBoxReal h3 {
    font-size: 16px;
    font-family: 'Poppins';
    color: #282828;
    margin: 8px 0 0
}

.featBoxReal p.city {
    color: #686868
}

.featBoxReal p.price {
    font-size: 16px
}

.featBoxReal img {
    height: 100px;
    width: 100%
}

.bs-wizard {
    margin-top: 40px
}

.bs-wizard {
    border-bottom: solid 1px #e0e0e0;
    padding: 0 0 10px 0
}

.bs-wizard > .bs-wizard-step {
    padding: 0;
    position: relative
}

.bs-wizard > .bs-wizard-step .bs-wizard-stepnum {
    color: #595959;
    font-size: 16px;
    margin-bottom: 5px
}

.bs-wizard > .bs-wizard-step .bs-wizard-info {
    color: #999;
    font-size: 14px
}

.bs-wizard > .bs-wizard-step > .bs-wizard-dot {
    position: absolute;
    width: 30px;
    height: 30px;
    display: block;
    background: #b7b7b7;
    top: 45px;
    left: 50%;
    margin-top: -15px;
    margin-left: -15px;
    border-radius: 50%
}

.bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {
    content: ' ';
    width: 14px;
    height: 14px;
    background: #b7b7b7;
    border-radius: 50px;
    position: absolute;
    top: 8px;
    left: 8px
}

.bs-wizard > .bs-wizard-step > .active:after {
    content: ' ';
    width: 14px;
    height: 14px;
    background: #0091ca !important;
    border-radius: 50px;
    position: absolute;
    top: 8px;
    left: 8px
}

.bs-wizard > .bs-wizard-step > .progress {
    position: relative;
    border-radius: 0;
    height: 8px;
    box-shadow: none;
    margin: 20px 0
}

.bs-wizard > .bs-wizard-step > .progress > .progress-bar {
    width: 0;
    box-shadow: none;
    background: #b7b7b7
}

.bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {
    width: 100%
}

.bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {
    width: 50%
}

.bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {
    width: 0%
}

.bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {
    width: 100%
}

.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {
    background-color: #f5f5f5
}

.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {
    opacity: 0
}

.bs-wizard > .bs-wizard-step:first-child > .progress {
    left: 50%;
    width: 50%
}

.bs-wizard > .bs-wizard-step:last-child > .progress {
    width: 50%
}

.bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot {
    pointer-events: none
}

.boxLifestyle {
    margin-top: 40px;
    padding: 10px;
    border: 1px solid #ccc
}

.lfs_box_1 {
    background-color: #f5f5f5;
    padding: 10px
}

.lfs_box_1 ul {
    list-style: none;
    padding-left: 0
}

.lfs_box_1 ul li {
    height: 40px
}

.lfs_box_1 ul li span.count {
    background-color: #e1e1e1;
    height: 25px;
    width: 25px;
    border-radius: 50%;
    color: #000;
    display: inline-block;
    padding: 3px 5px;
    margin-right: 8px
}

.imgbox {
    border: 1px solid #ccc;
    background-color: #fff;
    width: 315px;
    margin: auto;
    padding: 30px
}

.boxLifestyle .photobox {
    padding: 40px
}

.boxLifestyle h2 {
    font-size: 24px;
    font-family: 'Poppins';
    color: #282828;
    text-transform: uppercase;
    margin: 0
}

.setupProfile .profileImg {
    width: 100%
}

.rightProfile {
    padding: 20px 0 40px
}

.rightProfile ul {
    list-style: none;
    padding-left: 0
}

.rightProfile ul li {
    float: left;
    width: 25%
}

.rightProfile ul li a {
    font-size: 18px;
    font-family: 'Poppins';
    color: #144205
}

.setupProfile h3 {
    font-size: 24px;
    font-family: 'Poppins';
    color: #282828;
    text-transform: uppercase
}

.setupProfile .realBox {
    border: 1px solid #ccc
}

.layerPrprtyTop {
    display: block;
    height: 40px;
    width: 100%;
    background-color: rgba(0, 0, 0, .8)
}

.layerPrprtyTop ul {
    list-style: none;
    padding-left: 0
}

.layerPrprtyTop ul li {
    width: 24%;
    float: left;
    text-align: center;
    padding-top: 10px;
    font-size: 18px;
    font-family: 'Poppins';
    color: #fff;
    text-transform: uppercase
}

.setupProperty {
    padding: 15px
}

.setupProperty .mainImg {
    margin-bottom: 20px
}

.setupProperty img {
    width: 100%
}

.rightProperty img.img-circle {
    height: 65px;
    width: 65px;
    margin-bottom: 25px
}

.rit_pro_detail a {
    display: block
}

.rit_pro_detail p {
    margin-bottom: 0
}

.rightProperty h2.leftH,
.rightProperty h2.leftPostHead {
    font-size: 18px;
    font-family: 'Poppins';
    margin-bottom: 20px;
    margin-top: 0
}

.rightProperty h1.leftPostTitle a {
    font-size: 25px;
    font-family: 'Poppins';
    color: #000;
    text-transform: uppercase;
    margin-bottom: 0
}

.rightProperty h1.leftPostTitle a:hover {
    color: #0091ca
}

.enqRealForm input[type=text],
.enqRealForm textarea,
.rightProperty input[type=email],
.rightProperty select {
    background-color: #edeef0
}

.rightProperty input[type=date],
.rightProperty input[type=email],
.rightProperty input[type=text],
.rightProperty select {
    margin-bottom: 5px;
    border-radius: 0
}

.rightProperty textarea {
    margin-bottom: 5px;
    border-radius: 0
}

.cntctBtn,
.rightProperty input[type=button],
.rightProperty input[type=submit] {
    border-width: .5px;
    border-color: #0091ca;
    border-style: solid;
    border-radius: 0;
    background-image: -moz-linear-gradient(90deg, #0091ca 1%, #60e2ea 100%);
    background-image: -webkit-linear-gradient(90deg, #0091ca 1%, #60e2ea 100%);
    background-image: -ms-linear-gradient(90deg, #0091ca 1%, #60e2ea 100%);
    background-repeat: no-repeat;
    color: #fff;
    text-transform: uppercase;
    width: 100%;
    font-size: 14px;
    font-family: 'Poppins';
    padding: 10px
}

.cntctBtn:focus,
.cntctBtn:hover {
    color: #fff;
    opacity: .8
}

.rightProperty .rightH {
    background-color: #0091ca;
    font-size: 14px;
    font-family: 'Poppins';
    color: #fff;
    text-transform: uppercase;
    padding: 5px;
    margin: 0 0 15px
}

.rightBoxpro {
    padding: 10px;
    background-color: #d8ffdb;
    border: 1px solid #ccc;
    min-height: 344px
}

.propertyTab ul li {
    width: calc(100% / 6);
    text-align: center;
    background-color: #f8f8f9
}

.propertyTab ul li a {
    font-size: 14px;
    font-family: 'Poppins';
    color: #0091ca;
    text-transform: uppercase
}

#proNavTab > li.active > a,
#proNavTab > li.active > a:focus,
#proNavTab > li.active > a:hover,
#proNavTab > li > a:hover {
    background-color: #fff !important
}

.propertyTab .tab-content {
    border: 1px solid #ccc;
    padding: 20px;
    min-height: 300px
}

.propertyTab .tab-content h3 {
    font-size: 20px;
    font-family: 'Poppins';
    color: #282828;
    margin: 0
}

.realForm h3 {
    margin: 0;
    background-color: #5d7425 !important;
    color: #fff;
    padding: 10px;
    font-family: 'Poppins';
    font-size: 18px;
    text-transform: uppercase
}

.realForm h3 a {
    color: #fff
}

.highlit ul {
    top: auto;
    bottom: 100%
}

.propertyImgAll li a img {
    height: 50px
}

#RealestateSlidr img {
    height: 352px !important;
    width: 100%
}

.proFeaturTag span {
    border: .5px solid #b7b7b7;
    background-color: #ebebeb;
    font-size: 18px;
    font-family: 'Poppins';
    color: #333;
    padding: 5px 6px;
    margin-right: 8px;
    margin-bottom: 8px;
    line-height: 18px;
    display: inline-block
}

.map_canvas {
    width: 100%;
    height: 200px;
    margin: 10px 20px 10px 0
}

.butn_dash_real {
    border-radius: 5px;
    background-color: #acdf31;
    border: 1px solid #70a900;
    color: #fff;
    min-width: 130px
}

.butn_dash_real:hover {
    color: #fff;
    opacity: .8
}

.showDivRoom {
    position: absolute;
    width: 400px;
    height: auto;
    background-color: #fff;
    z-index: 999;
    text-align: center;
    border-top: 4px solid #30412a;
    right: 0;
    -webkit-box-shadow: 0 0 15px 3px rgba(0, 0, 0, .75);
    -moz-box-shadow: 0 0 15px 3px rgba(0, 0, 0, .75);
    box-shadow: 0 0 15px 3px rgba(0, 0, 0, .75);
    padding: 10px;
    display: none
}

.showDivRoom h3 {
    font-size: 18px;
    font-family: 'Poppins';
    color: #282828
}

.showDivRoom .butnLeft {
    color: #fff;
    border-radius: 0;
    background-image: -moz-linear-gradient(90deg, #0091ca 1%, #60e2ea 100%);
    background-image: -webkit-linear-gradient(90deg, #0091ca 1%, #60e2ea 100%);
    background-image: -ms-linear-gradient(90deg, #0091ca 1%, #60e2ea 100%);
    background-repeat: no-repeat;
    min-width: 130px;
    padding: 5px
}

.showDivRoom .butnRight {
    color: #fff;
    border-radius: 0;
    background-image: -moz-linear-gradient(90deg, #3b3b3b 0, #939699 100%);
    background-image: -webkit-linear-gradient(90deg, #3b3b3b 0, #939699 100%);
    background-image: -ms-linear-gradient(90deg, #3b3b3b 0, #939699 100%);
    background-repeat: no-repeat;
    min-width: 130px;
    padding: 5px
}

.showDivRoom .butnLeft:hover,
.showDivRoom .butnRight:hover {
    color: #fff;
    opacity: .8
}

.showDivRoom .closeRoom:hover {
    cursor: pointer
}

.modal-footer,
.modal-header {
    padding: 10px
}

.butn_mdl_submit {
    color: #fff;
    border-radius: 0;
    background-image: -moz-linear-gradient(90deg, #00a3c0 0, #13b3e0 39%, #25c2ff 100%);
    background-image: -webkit-linear-gradient(90deg, #00a3c0 0, #13b3e0 39%, #25c2ff 100%);
    background-image: -ms-linear-gradient(90deg, #00a3c0 0, #13b3e0 39%, #25c2ff 100%);
    font-size: 14px;
    min-width: 130px
}

.eventShareDetail .datee {
    font-size: 16px;
    font-family: 'Poppins';
    color: #fe2333;
    font-weight: 700;
    text-transform: uppercase
}

.eventShareDetail {
    margin-top: 25px
}

.eventShareDetail h2 {
    margin: 0;
    font-size: 24px;
    font-family: 'Poppins';
    color: #333
}

.eventShareDetail .address {
    color: #999
}

.setupPropertysetleft {
    padding: 20px
}

.setupPropertysetleft h2 {
    font-size: 20px;
    font-family: 'Poppins';
    margin: 0 0 10px
}

.mobModel {
    padding: 50px 20px
}

.mobModel h2 {
    font-size: 20px;
    font-family: 'Poppins';
    color: #000;
    margin: 0
}

.four_d_pro {
    border: 1px solid #e2e7ed;
    text-align: center
}

.four_d_pro p {
    margin-bottom: 0;
    padding: 8px;
    border-right: 1px solid #e2e7ed
}

.four_d_pro p.last {
    border-right: none
}

.rightGrayFeature {
    border-radius: 3px;
    border: 1px solid #ccc;
    padding: 10px
}

.setupPropertysetleft h3 {
    font-size: 18px;
    font-family: 'Poppins';
}

.rightGrayFeature p {
    font-size: 16px;
    font-family: 'Poppins';
    color: #282828
}

.btmMappro p {
    font-size: 16px;
    font-family: 'Poppins';
    color: #282828
}

.RoomAgent img {
    width: 100%;
    border: 1px solid #ccc
}

.RoomAgent .detail span {
    margin-right: 15px
}

#available .ui-datepicker-inline {
    margin: 0 auto;
    width: 80%;
    border-radius: 0
}

#available .ui-datepicker-header {
    background-color: #0091ca !important;
    color: #fff;
    border-radius: 0;
    border: none
}

.roomBoxMain h4 {
    background-color: #e6e6e6;
    color: #000;
    font-size: 18px;
    font-family: 'Poppins';
    text-transform: uppercase;
    padding: 10px
}

.roomBoxMain table tbody tr td:nth-child(2) {
    text-align: right
}

.top_pro_detail h2 {
    font-size: 30px;
    font-family: 'Poppins';
    color: #000;
    margin: 0
}

.top_pro_detail p {
    margin: 0;
    font-size: 18px;
    font-family: 'Poppins';
}

.top_pro_detail span {
    color: #333;
    font-size: 20px;
    font-family: 'Poppins';
}

#entertain-page {
    background-image: url(../images/entertain/entertainment-banner.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
    padding: 50px 0;
    min-height: 430px
}

#entertain-page h2 {
    font-size: 36px;
    font-family: 'Poppins';
    color: #fff;
    font-weight: 700;
    line-height: 1.2;
    margin-top: 100px
}

#entertain-page p {
    font-size: 24px;
    font-family: 'Poppins';
    color: #fff;
    line-height: 1.2
}

#entertain-page form {
    margin-top: 40px
}

.butn_entertainment {
    border-width: .59px;
    border-color: #bf0f4d;
    border-style: solid;
    border-radius: 0;
    background-image: -moz-linear-gradient(90deg, #bf0f4d 0, #f27ba1 100%);
    background-image: -webkit-linear-gradient(90deg, #bf0f4d 0, #f27ba1 100%);
    background-image: -ms-linear-gradient(90deg, #bf0f4d 0, #f27ba1 100%);
    background-repeat: no-repeat;
    color: #fff;
    min-width: 130px
}

.butn_entertainment:focus,
.butn_entertainment:hover {
    opacity: .7;
    color: #fff
}

#entertain-page select {
    width: 110px;
    border-radius: 0
}

#entertain-page input[type=text] {
    border-radius: 0;
    width: 500px;
    margin-top: 1px;
    background-image: url(../images/entertain/lines-search.png);
    background-repeat: no-repeat;
    background-position: 99% 50%
}

audio {
    width: 100%
}

.nirvana {
    background-size: 100%;
    background-repeat: no-repeat;
    padding: 30px 0
}

.left_Nirvana {
    padding: 15px;
    min-height: 212px
}

.left_Nirvana img {
    width: 100%;
    height: 175px
}

.left_Nirvana h3 {
    margin: 0
}

.left_Nirvana h3 a {
    font-size: 18px;
    font-family: 'Poppins';
    font-weight: 700;
    margin: 0;
    color: #bf0f4d;
    text-transform: uppercase
}

.left_Nirvana h3 a:focus,
.left_Nirvana h3 a:hover {
    color: #000
}

.left_Nirvana a {
    font-size: 14px;
    font-family: 'Poppins';
    color: #333;
    margin: 5px 0;
    display: block
}

.left_Nirvana audio {
    margin-top: 20px
}

.right_Nirvana {
    padding: 10px;
    border-radius: 3px;
    height: 212px;
    overflow-x: hidden;
    overflow-y: hidden
}

.right_Nirvana h2 {
    margin: 0;
    color: #000;
    font-size: 22px;
    text-transform: uppercase;
    font-family: 'Poppins';
}

#rightHomePlaylist {
    background-color: #f2d0d1
}

#rightHomePlaylist a,
#rightHomePlaylist h2,
#rightHomePlaylist p {
    color: #000
}

#rightHomePlaylist a i {
    float: right;
    color: #bf0f4d;
    display: inline-block
}

.right_Nirvana table tr td a:focus,
.right_Nirvana table tr td a:hover {
    color: #000
}

.right_Nirvana table tr td {
    font-size: 16px;
    font-family: 'Poppins';
    color: #e7e7e7;
    border-top: none !important
}

.right_Nirvana table tr td i {
    color: #333
}

.right_Nirvana table tr td i.active {
    color: #ffc000
}

.right_Nirvana a,
.right_Nirvana a:hover {
    color: #1757b4
}

.btnPrice {
    background-color: #913444;
    padding: 2px 30px
}

.btnPrice:hover {
    color: #fff
}

.latestAlbum h2 {
    margin: 0;
    font-size: 36px;
    font-family: 'Poppins';
    color: #3d0043;
    font-weight: 700;
    text-transform: uppercase
}

.latestAlbum a.viewAll {
    font-size: 18px;
    font-family: 'Poppins';
    color: #282828
}

.latestAlbum a.viewAll:hover {
    color: #bf0f4d
}

.latestAlbum a img {
    width: 100%
}

.headingEnt h2 {
    font-size: 36px;
    font-family: 'Poppins';
    font-weight: 700;
    text-transform: uppercase
}

.musicVideoBox {
    margin-bottom: 15px;
    min-height: 300px
}

.musicVideoBox a img {
    margin-bottom: 10px;
    width: 100%;
    height: 170px
}

.RecentInnerBox img {
    height: 155px
}

.musicVideoBox img.blank {
    border: 1px solid #333
}

.musicVideoBox a h2 {
    font-size: 14px;
    font-family: 'Poppins';
    text-transform: uppercase;
    line-height: 1.25;
    margin: 0
}

.musicVideoBox a p {
    font-size: 14px;
    font-family: 'Poppins';
    color: #343435
}

.thisWeakArtist img {
    width: 100%
}

.thisWeakArtist h2,
.thisWeakTracks h2,
.thisWeakVideo h2 {
    font-size: 36px;
    font-family: 'Poppins';
    color: #000;
    font-weight: 700;
    text-transform: uppercase
}

.thisWeakArtist h3 {
    font-size: 20px;
    font-family: 'Poppins';
    color: #bf0f4d;
    text-transform: uppercase;
    margin: 0
}

.thisWeakArtist h4 {
    font-size: 18px;
    font-family: 'Poppins';
    color: #000;
    margin: 0
}

.thisWeakArtist span,
.thisWeakTracks p {
    color: #bf0f4d;
    font-weight: 700
}

.thisWeakTracks h3 {
    font-size: 70px;
    font-family: 'Poppins';
    color: #bf0f4d;
    margin: 0
}

.thisWeakTracks a {
    font-size: 18px;
    font-family: 'Poppins';
    color: #000
}

.thisWeakTracks span,
.thisWeakVideo span {
    color: #f88ba4
}

.thisWeakVideo a img {
    width: 100%;
    height: 150px
}

.thisWeakVideo h3 {
    font-size: 18px;
    font-family: 'Poppins';
    color: #000;
    margin: 5px 0
}

.entVideoBox {
    margin-bottom: 20px
}

.entVideoBox img {
    width: 100%
}

.entVideoBox h3 {
    font-size: 24px;
    font-family: 'Poppins';
    color: #fff;
    margin: 0;
    background-color: #bf0f4d;
    padding: 3px
}

.boxLeftRecent,
.boxRightRecent {
    border-top: 3px solid #000;
    padding: 20px
}

.boxLeftRecent h2.titleh {
    font-size: 16px;
    font-family: 'Poppins';
    text-transform: uppercase;
    margin: 5px 0
}

.boxLeftRecent h3,
.boxLeftRecent h3 a {
    font-size: 16px;
    font-family: 'Poppins';
    color: #000;
    margin: 0
}

.boxLeftRecent p {
    font-size: 16px;
    font-family: 'Poppins';
    color: #6e6e6e
}

.boxRightRecent img {
    width: 100%
}

.boxRightRecent h3 {
    font-size: 16px;
    font-family: 'Poppins';
    text-transform: uppercase;
    margin: 5px 0
}

.boxRightRecent h4,
.boxRightRecent h4 a {
    font-size: 16px;
    font-family: 'Poppins';
    color: #ccc;
    margin: 0
}

.boxRightRecent span {
    font-size: 16px;
    font-family: 'Poppins';
    color: #6e6e6e
}

.btmVideoBox img {
    height: 200px;
    width: 100%
}

.btmVideoBox .blckPati {
    position: absolute;
    bottom: 0;
    background-color: rgba(0, 0, 0, .8);
    width: 100%;
    padding: 10px 5px
}

.blckPati a {
    font-size: 16px;
    font-family: 'Poppins';
    color: #fff
}

.blckPati span {
    text-align: right;
    float: right;
    color: #fff
}

.blckPati span i {
    color: #6bbf43
}

.head_left_enter {
    background-color: #949494;
    padding: 15px
}

.left_Entertain h2 {
    font-size: 24px;
    font-family: 'Poppins';
    color: #edeef0;
    text-transform: uppercase;
    margin: 0
}

.left_Entertain h2 img {
    margin-right: 30px
}

.left_Entertain {
    background-color: #e4e4e4
}

.body_left_enter {
    padding: 10px
}

.body_left_enter h3 {
    font-size: 22px;
    font-family: 'Poppins';
    color: #333;
    text-transform: uppercase;
    text-align: center;
    margin: 0 0 20px
}

.body_left_enter ul li.active {
    background-color: #417281;
    padding-left: 3px
}

.body_left_enter ul li.active a {
    color: #fff !important
}

.body_left_enter ul li label a {
    font-weight: 400;
    font-size: 14px;
    font-family: 'Poppins';
    color: #333
}

.body_left_enter ul li label a:hover {
    cursor: pointer
}

.body_left_enter ul li {
    list-style: none;
    margin-bottom: 10px
}

.left_Entertain hr {
    width: 70%
}

.vdoBar {
    border-top-color: #1758b4 !important
}

.head_right_enter .fulmainarttab {
    padding-top: 13px;
    background-color: #e4e4e4
}

#navtabentr {
    width: 100%;
    margin: 0 auto
}

#navtabentr li {
    width: auto;
    border: none !important;
    background-color: transparent !important;
    z-index: 99
}

#navtabentr li a {
    color: #333;
    margin-right: 0;
    border-radius: 0;
    background-color: transparent;
    font-family: 'Poppins';
    text-transform: uppercase
}

.top_Heading_page {
    margin-bottom: 30px
}

.top_Heading_page h2 {
    margin: 0;
    font-size: 18px;
    font-family: 'Poppins';
    color: #a70a45;
    text-transform: uppercase
}

.top_Heading_page a {
    background-color: #bf0f4d;
    font-size: 18px;
    font-family: 'Poppins';
    color: #fff;
    text-transform: uppercase;
    padding: 5px 10px;
    text-align: right;
    border-radius: 15px
}

.top_Heading_page a:hover {
    background-color: #000;
    color: #fff
}

.upBoxRelEntr {
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 15px
}

.upBoxRelEntr img {
    width: 100%;
    margin-bottom: 10px
}

.upBoxRelEntr h3 {
    font-size: 18px;
    font-family: 'Poppins';
    color: #343435;
    text-transform: uppercase;
    margin: 0
}

.upBoxRelEntr p {
    font-size: 14px;
    font-family: 'Poppins';
    color: #343435
}

.loadbox {
    background-color: rgba(0, 0, 0, .8);
    z-index: 9;
    width: 100%;
    height: 100%;
    position: fixed;
    bottom: 0;
    display: none
}

.timelineload {
    background-color: rgba(0, 0, 0, .8);
    z-index: 9999;
    width: 100%;
    height: 200px;
    position: absolute;
    top: 0px;
    left: 0;
    right: 0;
    display: none;
}

.timelineload .loader {
    z-index: 999;
    top: 20% !important;
    margin-left: 40% !important;
}

.posteditloader {
    background-color: rgba(0, 0, 0, .8);
    z-index: 9999;
    width: 100%;
    height: 130px;
    min-height: 130px;
    position: absolute;
    top: 0px;
    left: 0;
    right: 0;
    display: none;
}

.posteditloader .loader {
    top: 2% !important;
    margin-left: 40% !important;
    min-height: 120px;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes spin {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

.enterMainOverlay {
    position: relative;
    width: 100%
}

.enterMainOverlay img {
    display: block
}

.enterMainOverlay .overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: .5s ease;
    background-color: rgba(191, 15, 77, .6)
}

.enterMainOverlay:hover .overlay {
    opacity: 1
}

.enterMainOverlay .overlay img.center-block {
    margin-top: 40%
}

.boxNewRelEntr {
    margin-bottom: 20px
}

.allArtist_Enter {
    margin-bottom: 20px
}

.allArtist_Enter img {
    height: 165px;
    width: 100%;
    border: 1px solid #ccc
}

.allArtist_Enter h3 {
    color: #000;
    font-size: 16px;
    font-family: 'Poppins';
    left: 30px
}

.flagListing a {
    margin: 20px;
    display: block
}

.add_form_body .realFrmType {
    padding: 5px 35px;
    background-color: #f8f9fa;
    border: 1px solid #ccc;
    width: 90px;
    margin-bottom: 10px
}

.topArtistBanner {
    background-image: url(../images/entertain/bg-1.jpg);
    padding: 10px;
    background-size: cover
}

#topArtistVdo {
    background-image: url(../images/videos/bg-1.jpg)
}

.leftADetail img {
    width: 140px;
    height: 140px;
    float: left;
    margin-right: 10px
}

.leftADetail a.followArtist {
    position: absolute;
    left: 35px;
    bottom: 5px;
    padding: 0 10px;
    border-radius: 3px;
    background-image: -moz-linear-gradient(90deg, #bf0f4d 0, #f27ba1 100%);
    background-image: -webkit-linear-gradient(90deg, #bf0f4d 0, #f27ba1 100%);
    background-image: -ms-linear-gradient(90deg, #bf0f4d 0, #f27ba1 100%);
    font-size: 18px;
    font-family: 'Poppins';
    color: #fff;
    text-transform: uppercase
}

.leftADetail a.followArtist:hover {
    opacity: .8
}

.leftADetail a.TitleArtist,
.leftADetail h3.TitleArtist {
    font-size: 25px;
    font-family: 'Poppins';
    color: #fff;
    text-transform: uppercase;
    margin-top: 0
}

.leftADetail h4,
.leftADetail h4 a {
    margin: 0;
    color: #fff;
    font-family: 'Poppins';
    font-size: 20px
}

.leftADetail span.TotalSong {
    font-size: 18px;
    font-family: 'Poppins';
    color: #fff;
    text-transform: uppercase
}

.rightADetail h3 {
    text-align: right;
    font-size: 18px;
    font-family: 'Poppins';
    color: #fff;
    text-transform: uppercase;
    margin: 60px 10px 10px
}

.rightADetail ul {
    float: right
}

.topArtistBanner {
    margin-bottom: 25px
}

.rightADetail ul li {
    list-style: none;
    float: left;
    margin-right: 10px
}

.ArtistSong {
    padding: 15px
}

.heavnName {
    margin-bottom: 20px
}

.heavnName h3 {
    font-size: 13px;
    font-family: 'Poppins';
    color: #000;
    font-weight: 700;
    margin: 0
}

.heavnName h3 a {
    margin-top: 3px;
    display: inline-block;
    color: #bf0f4d;
    text-transform: uppercase;
    font-family: 'Poppins';
}

.heavnName img {
    float: left;
    margin-right: 5px
}

.artistPinkAdd ul {
    padding-left: 0
}

.artistPinkAdd ul li {
    float: left;
    list-style: none;
    width: 19.5%;
    text-align: center
}

.leftADetail p {
    color: #fff;
    text-align: justify
}

.allMusic {
    padding: 100px 0;
    background-image: url(../images/entertain/bg-2.jpg);
    background-size: cover
}

#allVdo {
    background-image: url(../images/videos/bg-2.jpg)
}

.heading10 h2 {
    font-size: 36px;
    font-family: 'Poppins';
    color: #fff;
    font-weight: 700
}

.heading10 ul {
    padding-left: 0;
    margin: 0 auto;
    width: 60%
}

.heading10 ul li {
    list-style: none;
    float: left;
    height: 20px;
    width: 20px;
    background-color: #fe92b5;
    color: #000;
    margin-right: 5px;
    text-align: center
}

.heading10 ul li a {
    color: #000
}

.allMusixBox {
    margin-bottom: 30px
}

.margin_left_right_10 {
    margin-right: 10px;
    margin-left: 10px
}

.allMusixBox a {
    color: #ccc
}

.allMusixBox .bigImg {
    width: 100%;
    height: 165px;
    border: 1px solid #ccc
}

.allMusixBox .titleBox {
    margin: 5px 0 5px;
    font-size: 16px;
    font-family: 'Poppins';
    text-transform: uppercase
}

.allMusixBox .titleBox:hover {
    color: #000
}

.HeadingPlay {
    background-image: url(../images/entertain/bg-3.png);
    background-size: cover;
    padding: 3px 10px;
    width: 100%;
    margin-bottom: 15px
}

.HeadingPlay h2 {
    font-size: 30px;
    font-family: 'Poppins';
    color: #fff;
    text-transform: uppercase
}

.videoDetailTop {
    background-image: url(../images/entertain/bg-4.jpg);
    background-size: cover;
    padding: 100px
}

.videoDetailTop a {
    font-size: 19.247px;
    font-family: 'Poppins';
    color: #fefffe;
    line-height: 1.559
}

.videoSec video {
    margin: 0 auto
}

.videoSec h3 {
    font-size: 18px;
    font-family: 'Poppins';
    color: #240127
}

.videoSec p {
    font-size: 16px;
    font-family: 'Poppins';
    color: #240127
}

.topMusciBread li a,
.topMusciBread li i {
    font-size: 14px
}

.homestr i.active {
    color: #feca02
}

#musicKeyword a {
    color: #fff !important
}

.musicDashboard .header_po {
    background-color: #bf0f4d;
    color: #fff
}

.musicDashboard .header_po li a {
    color: #fff
}

.musicDashboard .header_po li a:focus,
.musicDashboard .header_po li a:hover {
    background-color: #bf0f4d;
    color: #000
}

.musicDashboard .header_po li.active a {
    color: #000
}

.musicDashboard .header_po li a.seprator {
    padding: 8px 0 !important
}

.dashMusic tr td a {
    color: #bf0f4d;
    font-family: 'Poppins';
    font-size: 16px
}

.dashMusic tr td a.btn {
    color: #fff
}

.ArtistSong .thumbnail img {
    width: 100%;
    height: 41px
}

.head {
    font-size: 25px;
    font-weight: 200
}

.blue-btn,
.blue-btn:active,
.blue-btn:focus,
.blue-btn:hover {
    border-width: .59px;
    border-color: #bf0f4d;
    border-style: solid;
    border-radius: 0;
    background-image: -moz-linear-gradient(90deg, #bf0f4d 0, #f27ba1 100%);
    background-image: -webkit-linear-gradient(90deg, #bf0f4d 0, #f27ba1 100%);
    background-image: -ms-linear-gradient(90deg, #bf0f4d 0, #f27ba1 100%);
    background-repeat: no-repeat;
    color: #fff;
    outline: 0 !important
}

.fileUpload {
    position: relative;
    overflow: hidden;
    height: 35px;
    margin-top: 10px
}

.fileUpload input.uploadlogo,
.fileUpload input.uploadlogovideo {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    width: 100%;
    height: 42px
}

input.uploadlogo::-webkit-file-upload-button,
input.uploadlogovideo::-webkit-file-upload-button {
    cursor: pointer !important;
    height: 42px;
    width: 100%
}

.music_box {
    background-color: #fff;
    margin: 10px
}

.music_box p {
    padding: 10px;
    margin: 0;
    font-size: 15px;
    font-family: 'Poppins';
    color: #fff;
    text-transform: uppercase
}

.music_box img {
    width: 100%;
    height: 200px
}

.music_box a:hover p {
    background-color: #242a2e
}

.bg_margnda_mus {
    background-color: #84252a !important
}

.bg_parot_mus {
    background-color: #285e89
}

.bg_red_mus {
    background-color: #c6202e
}

.bg_purple_mus_dark {
    background-color: #851063
}

.bg_purple_new {
    background-color: #417281
}

.bg_brown_new {
    background-color: #ae734c
}

.bg_dark_red_serv {
    background-color: #bc0000
}

.bg_pink_serv {
    background-color: #82257f
}

.bg_yelow_serv {
    background-color: #634e10
}

.bg_blue_serv {
    background-color: #121f57
}

.bg_sparow_new {
    background-color: #6678a4
}

.midLyricbox {
    height: 460px;
    overflow: scroll;
    overflow-x: hidden;
    padding: 0 10px
}

#video-page {
    background-image: url(../images/videos/video-banner.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
    padding: 50px 0;
    min-height: 430px
}

#video-page h2 {
    font-size: 36px;
    font-family: 'Poppins';
    color: #fff;
    font-weight: 700;
    line-height: 1.2;
    margin-top: 100px
}

#video-page p {
    font-size: 24px;
    font-family: 'Poppins';
    color: #fff;
    line-height: 1.2
}

#video-page form {
    margin-top: 40px
}

.butn_video {
    border-width: .59px;
    border-color: #1758b4;
    border-style: solid;
    border-radius: 0;
    background-image: -moz-linear-gradient(90deg, #1758b4 0, #001c44 100%);
    background-image: -webkit-linear-gradient(90deg, #1758b4 0, #001c44 100%);
    background-image: -ms-linear-gradient(90deg, #1758b4 0, #001c44 100%);
    background-repeat: no-repeat;
    color: #fff;
    min-width: 130px
}

.butn_video:focus,
.butn_video:hover {
    opacity: .7;
    color: #fff !important
}

#video-page input[type=text] {
    border-radius: 0;
    width: 500px;
    margin-top: 1px;
    background-image: url(../images/entertain/lines-search.png);
    background-repeat: no-repeat;
    background-position: 99% 50%
}

.blue-btn-video,
.blue-btn-video:active,
.blue-btn-video:focus,
.blue-btn-video:hover {
    border-width: .59px;
    border-color: #1758b4;
    border-style: solid;
    border-radius: 0;
    background-image: -moz-linear-gradient(90deg, #1758b4 0, #001c44 100%);
    background-image: -webkit-linear-gradient(90deg, #1758b4 0, #001c44 100%);
    background-image: -ms-linear-gradient(90deg, #1758b4 0, #001c44 100%);
    background-repeat: no-repeat;
    color: #fff;
    outline: 0 !important;
    border: 1px solid #1758b4
}

.video_form h3 {
    margin: 0;
    background-color: #6193dc;
    color: #fff;
    padding: 10px;
    font-family: 'Poppins';
    font-size: 18px;
    text-transform: uppercase
}

.video_form {
    padding: 20px
}

.video_form input[type=date],
.video_form input[type=number],
.video_form input[type=text],
.video_form input[type=time],
.video_form select,
.video_form textarea {
    border-radius: 0
}

.video_form hr {
    margin: 5px;
    border-color: #ccc
}

.video_form {
    margin: 20px 10px;
    border: 1px solid #ccc
}

.left_video {
    min-height: 1700px;
    background-color: #6193dc
}

.left_train {
    min-height: 2000px;
    background-color: #427181
}

.video_form a {
    color: #000
}

#outline____Frame,
#spPostingNotes___Frame {
    height: 300px !important
}

#v_right_nirvana {
    background-color: #b6c5da
}

.btnVdoPrice {
    background-color: #001c44;
    padding: 2px 30px
}

.btnVdoPrice:hover {
    color: #fff
}

.headingVdo h2 {
    font-size: 36px;
    font-family: 'Poppins';
    color: #001c44;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 40px
}

#videoBox a h2 {
    display: inline-block
}

#videoKeyword a {
    background-color: #001c44 !important;
    color: #fff !important
}

#videoKeyword a:hover {
    opacity: .8
}

#navtabVdo {
    width: 100%;
    margin: 0 auto
}

#navtabVdo li {
    width: auto;
    border: none !important;
    background-color: transparent !important;
    z-index: 99;
    font-weight: 700;
    font-family: 'Poppins';
}

#navtabVdo li a {
    color: #333;
    margin-right: 0;
    border-radius: 0;
    background-color: transparent;
    font-family: 'Poppins';
    text-transform: uppercase
}

.topVdoBread li a,
.topVdoBread li i {
    font-size: 16px
}

.leftADetail a.followVide {
    position: absolute;
    left: 35px;
    bottom: 5px;
    padding: 0 10px;
    border-radius: 3px;
    background-color: #1758b4;
    font-size: 18px;
    font-family: 'Poppins';
    color: #fff;
    text-transform: uppercase
}

.leftADetail a.followVide:hover {
    opacity: .9
}

.btn_unflw {
    background-color: #1758b4;
    color: #fff
}

.leftADetail a.UnfollowVide {
    position: absolute;
    left: 28px;
    bottom: 5px;
    padding: 3px 15px;
    border-radius: 3px;
    background-color: #1758b4;
    font-size: 14px;
    font-family: 'Poppins';
    color: #fff;
    text-transform: uppercase
}

.btn_unflw:hover,
.leftADetail a.UnfollowVide:hover {
    opacity: .9
}

.artstUnsub h3 {
    margin: 0;
    font-size: 20px;
    font-family: 'Poppins';
}

.artstUnsub p {
    color: #000
}

#body_left_vdo ul li label a:hover {
    cursor: pointer
}

#alphaVdo ul li:hover {
    background-color: #000
}

#alphaVdo ul li a {
    color: #fff
}

.FollowerBox img {
    width: 100%;
    height: 150px
}

.FollowerBox {
    border: 1px solid #ccc
}

.FollowerBox .footArtist {
    background-color: #1758b4;
    color: #fff
}

.footArtist a {
    color: #fff
}

.footArtist a:hover {
    color: #000
}

.tabVdo ul.nav {
    background-color: #ccc;
    border-bottom: 1px solid #ccc
}

.tabVdo .nav-pills > li.active > a,
.tabVdo .nav-pills > li.active > a:focus,
.tabVdo .nav-pills > li.active > a:hover,
.tabVdo .nav-pills > li > a {
    border-radius: 0
}

.tabVdo .nav > li > a:hover {
    background-color: #337ab7 !important;
    color: #fff
}

#audiotabTwo,
#vdotabOne {
    padding: 20px 0
}

.playListBox {
    padding: 15px
}

.playListBox a {
    background-color: #1758b4;
    color: #fff;
    padding: 3px 8px;
    display: block;
    margin-bottom: 15px
}

.playListBox a:hover {
    color: #1758b4;
    border: 1px solid #1758b4;
    background-color: #fff
}

.rightVdoLink h2 {
    font-size: 24px;
    color: #1758b4;
    margin: 0 0 20px
}

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

.rightVdoLink p a {
    color: #1758b4
}

.inner_Search_vdo input[type=text] {
    width: 80%
}

.inner_Search_vdo input[type=submit] {
    width: 19%
}

.train_banner {
    background: url(../images/freelancer/freelancer-page.jpg) no-repeat;
    background-size: cover !important
}

.train_banner .find_freelancer {
    font-family: 'Poppins';
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    margin-top: 80px;
    margin-bottom: 50px;
    font-weight: 700;
    font-size: 48px
}

.train_banner .post-project {
    font-size: 24px;
    font-family: 'Poppins';
    color: #fff;
    text-transform: uppercase;
    line-height: 1.2;
    border: .5px solid #417281;
    background-color: rgba(65, 114, 129, .749);
    border-radius: 0;
    padding: 18px 85px;
    transition: .3s all ease-in-out;
    margin-bottom: 80px
}

.train_banner .post-project:focus,
.train_banner .post-project:hover {
    background-color: transparent;
    color: #417281
}

.train_banner .looking-for-freelancer {
    font-size: 24px;
    font-family: 'Poppins';
    color: #fff;
    line-height: 1.2;
    margin-top: 18px;
    margin-bottom: 72px
}

.butn_train {
    border: .5px solid #417281;
    color: #fff;
    background-color: #417281;
    border-radius: 0;
    display: inline-block;
    width: 19%;
    height: 39px;
    margin-top: 0;
    font-size: 20px;
    line-height: 1.2;
    font-family: 'Poppins';
    float: right
}

.butn_train:focus,
.butn_train:hover {
    background-color: #fff;
    color: #417281;
    transition: .3s all ease-in-out
}

.train_dash_link {
    padding-left: 0
}

.train_dash_link li {
    list-style: none;
    float: left;
    margin: 10px
}

.train_dash_link li a {
    font-family: 'Poppins';
    font-size: 16px
}

.train_dash_link li a:focus,
.train_dash_link li a:hover {
    color: #000;
    text-decoration: none
}

.offer_note_course {
    font-size: 18px;
    font-family: 'Poppins';
    color: #333;
    line-height: 1.2;
    letter-spacing: 3px;
    margin-bottom: 0
}

.train_home_last_box img {
    width: 100%
}

#train_quote_box button {
    background-color: #417281
}

#train_quote_box {
    padding: 34px 10px
}

#how-it-vido {
    font-size: 16px;
    font-family: 'Poppins';
    color: #fff;
    background-color: rgba(65, 114, 129, .502);
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 0;
    padding: 8px 0
}

.course_Box {
    background-color: #fff;
    border: 1px solid #ccc;
    margin-bottom: 25px;
    margin-right: 15px;
    margin-left: 15px
}

.course_Box img {
    width: 100%;
    height: 185px!important;
}

.course_Box a.title {
    display: inline-block;
    font-size: 20px;
    font-family: 'Poppins';
    position: absolute;
    margin-top: -5px;
}

.course_Box a.name {
    display: block;
    font-size: 16px;
    font-family: 'Poppins';
    color: #bebebe
}

.innerBoxvdo {
    padding: 10px
}

.innerBoxvdo p {
    font-family: 'Poppins';
    font-size: 16px;
    display: inline-block;
    float: right;
    margin-top: 5px
}

.butn_rfq {
    color: #fff;
    padding: 0 10px;
    margin-top: 5px
}

.butn_train_cart {
    background-color: #417281;
    color: #fff;
    padding: 0 10px;
    margin-top: 5px
}

.butn_rfq:focus,
.butn_rfq:hover,
.butn_train_cart:focus,
.butn_train_cart:hover {
    color: #417281;
    border: 1px solid #417281;
    background-color: transparent
}

.train_form h3 {
    margin: 0;
    background-color: #417281;
    color: #fff;
    padding: 10px;
    font-family: 'Poppins';
    font-size: 18px;
    text-transform: uppercase
}

.train_form {
    padding: 20px
}

.train_form input[type=date],
.train_form input[type=number],
.train_form input[type=text],
.train_form input[type=time],
.train_form select,
.train_form textarea {
    border-radius: 0
}

.train_form hr {
    margin: 5px;
    border-color: #ccc
}

.train_form {
    margin: 20px 10px;
    border: 1px solid #ccc
}

.train_form a {
    color: #000
}

.top_detail_train {
    background-color: #29303b;
    padding: 40px 0
}

.top_detail_train h2 {
    color: #fff;
    margin: 0
}

.top_detail_train p {
    color: #fff
}

.right_head_box {
    background-color: #fff;
    padding: 20px;
    min-height: 300px;
    position: absolute;
    width: 100%
}

.right_head_box p {
    color: #000;
    margin-bottom: 0
}

.right_head_box p.price {
    font-size: 30px;
    font-family: 'Poppins';
}

.right_head_box p.dis {
    font-size: 22px;
    font-family: 'Poppins';
}

.butn_cart_detail {
    background-color: #417281;
    color: #fff;
    display: block;
    font-size: 16px;
    font-family: 'Poppins';
    margin-bottom: 20px
}

.butn_cart_detail:focus,
.butn_cart_detail:hover {
    background-color: transparent;
    border-color: #417281;
    color: #417281
}

.right_head_box a#addtofavourite img,
.right_head_box a#remtofavoritesevent img {
    float: left;
    margin-right: 5px;
    margin-top: 2px
}

.dashImgbox {
    width: 50px;
    height: 50px;
    display: inline-block;
    margin-right: 10px;
    overflow: hidden;
    float: left
}

#service-page h2 {
    font-size: 36px;
    font-family: 'Poppins';
    color: #fff;
    font-weight: 700;
    line-height: 1.2;
    margin-top: 100px
}

.mainServiceSearch {
    margin: 0 auto
}

#ser_ser_tab > li.active > a,
#ser_ser_tab > li.active > a:focus,
#ser_ser_tab > li.active > a:hover {
    color: #fff;
    border-radius: 0
}

#ser_ser_tab > li > a {
    background-color: #fff;
    color: #000;
    border-radius: 0
}

.in_ser_serch {
    padding: 15px
}

.in_ser_serch input[type=text] {
    margin-top: 20px;
    border-radius: 4px !important;
    display: inline-block;
    float: left
}

.in_ser_serch button[type=submit] {
    padding: 7px 43px;
    margin-top: 17px;
    background-color: #333;
    color: #fff;
    border: 1px solid #333
}

.butn_service {
    font-size: 20px;
    font-family: 'Poppins';
    color: #fff;
    text-transform: uppercase;
    line-height: 1.2;
    border: .5px solid #09a4ae;
    background-color: #09a4ae;
    border-radius: 0;
    padding: 16px 85px;
    transition: .3s all ease-in-out;
    margin-bottom: 80px
}

.butn_service:focus,
.butn_service:hover {
    background-color: transparent;
    color: #09a4ae
}

.box_service {
    border-right: 1px solid #333
}

.box_service a {
    display: block;
    font-family: 'Poppins';
    color: #000;
    font-size: 18px;
}

.service-sec {
    padding: 30px 0
}

.service-sec2 {
    padding: 0px;
}

.service-sec h3 {
    margin: 0;
    color: #000;
    padding: 10px
}

.servicBox {
    padding: 15px
}

.no-border-right {
    border-right: none !important
}

.ser_box_1 {
    background-color: #fff;
    padding: 10px;
    margin-bottom: 25px;
    min-height: 315px
}

.ser_box_1 img {
    width: 100%;
    height: 150px;
    margin-bottom: 10px
}

.ser_box_1 a.title {
    font-family: 'Poppins';
    font-size: 24px
}

.map_serv_detail .views,
.ser_box_1 .views {
    color: #979797;
    display: block
}

.map_serv_detail .expiry,
.ser_box_1 .expiry {
    color: #979797;
    display: block
}

.ser_box_1 a.btn {
    font-size: 20px;
    font-family: 'Poppins';
    color: #fff;
    border-radius: 0;
    display: block;
    margin-top: 15px
}

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

.left_service {
    min-height: 1050px;
    background-color: #09a4ae
}

.serv_form h3 {
    margin: 0;
    background-color: #09a4ae;
    color: #fff;
    padding: 10px;
    font-family: 'Poppins';
    font-size: 18px;
    text-transform: uppercase
}

.serv_form {
    padding: 20px
}

.serv_form input[type=date],
.serv_form input[type=number],
.serv_form input[type=text],
.serv_form input[type=time],
.serv_form select,
.serv_form textarea {
    border-radius: 0
}

.serv_form hr {
    margin: 5px;
    border-color: #ccc
}

.serv_form {
    margin: 20px 10px;
    border: 1px solid #ccc
}

.serv_form a {
    color: #000
}

.map_serv_detail #map {
    width: 100%;
    height: 300px
}

.map_serv_detail h3 {
    margin: 0 0 15px
}

.map_serv_detail img {
    margin: 0 auto;
    width: 100px;
    height: 85px
}

.map_serv_detail a.title {
    color: #000;
    font-size: 16px
}

.map_serv_detail a.btn,
.map_serv_detail input[type=submit] {
    font-size: 18px;
    font-family: 'Poppins';
    color: #fff;
    border: .5px solid #09a4ae;
    background-color: #09a4ae;
    border-radius: 0;
    padding: 6px;
    transition: .3s all ease-in-out;
    width: 100%
}

.map_serv_detail a.:focus,
.map_serv_detail a.btn:hover {
    background-color: transparent;
    color: #09a4ae
}

.map_serv_detail p.city {
    margin-bottom: 0
}

.dashServ img {
    width: 50px;
    float: left;
    margin-right: 10px
}

.dashServ a {
    color: #000;
    font-family: 'Poppins';
    font-size: 16px
}

#navtabser {
    width: 100%;
    margin: 0 auto
}

#navtabser li {
    width: auto;
    border: none !important;
    background-color: transparent !important;
    z-index: 99
}

#navtabser li a {
    color: #333;
    margin-right: 0;
    border-radius: 0;
    background-color: transparent;
    font-family: 'Poppins';
    text-transform: uppercase
}

.topServBread li a,
.topServBread li i {
    font-size: 14px
}

.body_left_ser {
    padding: 10px
}

.body_left_ser h3 {
    font-size: 22px;
    font-family: 'Poppins';
    color: #333;
    text-transform: uppercase;
    text-align: center;
    margin: 0 0 20px
}

.body_left_ser ul li.active {
    background-color: #09a4ae;
    padding-left: 3px
}

.body_left_ser ul li.active a {
    color: #fff !important
}

.body_left_ser ul li label a {
    font-weight: 400;
    font-size: 14px;
    font-family: 'Poppins';
    color: #333
}

.body_left_ser ul li label a:hover {
    cursor: pointer
}

.body_left_ser ul li {
    list-style: none;
    margin-bottom: 10px
}

.body_left_ser hr {
    width: 70%
}

.serviceDashboard .header_po {
    background-color: #09a4ae;
    color: #fff
}

.serviceDashboard .header_po li a {
    color: #fff
}

.serviceDashboard .header_po li a:focus,
.serviceDashboard .header_po li a:hover {
    background-color: #09a4ae;
    color: #000
}

.serviceDashboard .header_po li.active a {
    color: #000
}

.serviceDashboard .header_po li a.seprator {
    padding: 8px 0 !important
}

.reviewdetail #addtofavouriteevent,
.reviewdetail #remtofavoritesevent,
.reviewdetail .shareimgicon {
    color: #000;
    font-family: 'Poppins';
    font-size: 16px;
    margin-right: 15px
}

.leftServ h3 {
    margin: 0 0 5px;
    font-size: 25px
}

.leftServ h3 small {
    font-size: 13px
}

.rightBusinePro p {
    margin-bottom: 0
}

.rightBusinePro a {
    color: #000
}

.butn_search_vdo {
    border-width: .59px;
    border-color: #09a4ae;
    border-style: solid;
    border-radius: 0;
    background-color: #09a4ae;
    color: #fff;
    min-width: 130px
}

.butn_search_vdo:focus,
.butn_search_vdo:hover {
    opacity: .7;
    color: #fff !important
}

.sndmsgservFrm textarea::-webkit-input-placeholder {
    color: #979797 !important
}

.sndmsgservFrm textarea:-moz-placeholder {
    color: #979797 !important
}

.sndmsgservFrm textarea::-moz-placeholder {
    color: #979797 !important
}

.sndmsgservFrm textarea:-ms-input-placeholder {
    color: #979797 !important
}

.mainBusinessSearch {
    width: 70%;
    margin: 0 auto
}

#bus_ser_tab > li.active > a,
#bus_ser_tab > li.active > a:focus,
#bus_ser_tab > li.active > a:hover {
    background-color: #e39b0f;
    color: #fff;
    border-radius: 0
}

#bus_ser_tab > li > a {
    background-color: #fff;
    color: #000;
    border-radius: 0
}

.in_ser_serch {
    padding: 15px
}

.in_ser_serch input[type=text] {
    border-radius: 0;
    display: inline-block;
    float: left
}

.in_ser_serch button[type=submit] {
    background-color: #333;
    color: #fff;
    border: 1px solid #333
}

.butn_service {
    font-size: 20px;
    font-family: 'Poppins';
    color: #fff;
    text-transform: uppercase;
    line-height: 1.2;
    border: .5px solid #09a4ae;
    background-color: #09a4ae;
    border-radius: 0;
    padding: 16px 85px;
    transition: .3s all ease-in-out;
    margin-bottom: 80px
}

.butn_service:focus,
.butn_service:hover {
    background-color: transparent;
    color: #09a4ae
}

.btn_bus_dircty {
    background: #ffe0a1;
    margin-top: 15px;
    color: #fff
}

.btn_bus_dircty:hover {
    opacity: .8;
    color: #fff
}

.butn_bus_serch {
    background: #ffe0a1;
    margin-bottom: 35px;
    color: #fff;
    font-size: 18px
}

.butn_bus_serch:hover {
    opacity: .8;
    color: #fff
}

.dirctrylist a.title {
    color: #000;
    border-bottom: 1px solid #000;
    display: block;
    margin-bottom: 15px;
    font-family: 'Poppins';
    font-size: 20px
}

.dirctrylist span.addres {
    color: #333;
    margin-bottom: 10px;
    display: block
}

.dirctrylist p.detail {
    text-align: justify
}

.mapbox {
    height: 170px
}

.btn_Fav_res,
.detail_btn {
    display: inline
}

.btn_Fav_res i {
    font-size: 20px;
    margin-right: 10px
}

.btn_Fav_res i.red {
    color: #ed1c24
}

.btn_Fav_res i.green {
    color: #22b14c
}

.detail_btn a {
    float: right;
    color: #000;
    border: 1px solid #000;
    margin-left: 10px;
    margin-bottom: 10px
}

.detail_btn a:hover {
    background-color: #000;
    color: #fff
}

.dirctrylist img {
    width: 100%;
    height: 170px
}

.busDetTop a {
    color: #000;
    font-size: 16px
}

.busDetTop a:hover {
    color: #000
}

#topdircty {
    background-image: url(../images/directory/bg-1.png)
}

.addInfoPro {
    padding: 15px 5px;
    margin-bottom: 15px
}

.addInfoPro h3 {
    font-size: 16px;
    border-bottom: 1px solid #000;
    margin: 0 0 20px
}

.addInfoPro input[type=text],
.addInfoPro select {
    background-color: #fff !important
}

#navtabDircty,
#tabdircty {
    background-color: #edeef0
}

#tabdircty li {
    width: 20% !important;
    border: none !important;
    background-color: transparent
}

#navtabDircty li {
    width: auto;
    border: none !important
}

#navtabDircty li a,
#tabdircty li a {
    color: #333;
    background-color: #edeef0;
    margin-right: 0;
    border-radius: 0
}

#navtabDircty li.active a,
#tabdircty li.active a {
    background-color: #e39b0f;
    color: #fff !important;
    border-radius: 0 !important;
    border: 1px solid #e39b0f !important;
    margin: 0 !important
}

#navtabDircty > li > a {
    padding: 5px 8px
}

.tabDirc a.title {
    color: #000;
    font-family: 'Poppins';
    font-size: 18px;
    border-bottom: 1px solid #000
}

.serviceDashboard .header_bus {
    background-color: #e39b0f;
    color: #fff
}

.serviceDashboard .header_bus li a {
    color: #fff;
    font-weight: 700;
    font-family: 'Poppins';
}

.serviceDashboard .header_bus li a:focus,
.serviceDashboard .header_bus li a:hover {
    background-color: #e39b0f;
    color: #000
}

.serviceDashboard .header_bus li.active a {
    color: #000
}

.serviceDashboard .header_bus li a.seprator {
    padding: 8px 0 !important
}

.inner_Search_bus input[type=text] {
    width: 64%;
    border-radius: 0
}

.inner_Search_bus input[type=submit],
.inner_Search_bus select {
    width: 19%;
    border-radius: 0
}

.heading11 {
    background-color: #e4e4e4;
    color: #000;
    margin: 15px 0;
    padding: 10px;
    font-size: 14px
}

.heading12 {
    font-size: 20px;
    font-weight: 700;
    color: #000;
    font-family: 'Poppins';
}

.dePro {
    padding: 10px;
    text-align: right
}

.btn_st_dash,
.btn_st_post {
    min-width: 130px
}

.btn_st_dash {
    color: #fff;
    border: 1px solid #710c04;
    background-color: #710c04
}

.btn_st_dash:focus,
.btn_st_dash:hover {
    background-color: #bc5449;
    color: #fff
}

.btn_st_post {
    color: #fff;
    border: 1px solid #0c3c38;
    background-color: #0c3c38
}

.btn_st_post:focus,
.btn_st_post:hover {
    color: #fff;
    background-color: #009688;
    border: 1px solid #0c3c38
}

.dash_bg_white {
    background-color: #fff;
    padding: 10px
}

.righ_chart_box {
    padding: 15px
}

.dash_bg_white table tbody tr td:nth-child(1) {
    text-align: center
}

.dash_bg_white table thead tr th:nth-child(3) {
    text-align: center
}

.dash_bg_white table tbody tr td:nth-child(3) {
    text-align: center
}

.top_whole_right_btm {
    background-color: #f1f1f2;
    padding: 10px;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc
}

.top_whole_right_btm h3 {
    margin: 0;
    color: #000;
    font-family: 'Poppins';
    font-size: 16px
}

.bg_whole_right_btm {
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 15px
}

.bg_whole_right_btm img {
    width: 100%;
}

.bg_whole_right_btm a {
    color: #000;
    font-family: 'Poppins';
    font-size: 16px
}

.bg_whole_right_btm .row {
    margin-bottom: 15px
}

.bg_clr_wholesale {
    height: 30px;
    width: 30px;
    border: 1px solid #ccc;
    display: inline-block;
    position: absolute
}

.titlePage {
    padding-top: 50px
}

.membrPage {
    padding-top: 50px;
    padding-bottom: 80px
}

.serviceBox a.btn {
    color: #fff;
    background-color: #032350;
    border: 1px solid #032350;
    margin-top: 20px;
    min-width: 130px
}

.serviceBox a.btn:hover {
    border: 1px solid #032350;
    color: #032350;
    background-color: transparent
}
.purchase-word {
    font-size: 14px;
    background: #032350 !important;
    color: #fff;
    width: 50%;
    position: absolute;
    left: 25%;
    top: -3%;
    text-align: center;
    padding: 5px;
    border-radius: 50px;
    z-index: 1;
}


.serviceBox {
    padding: 35px 20px 25px;
    border: 1px solid #ccc;
    text-align: center;
    position: relative;
    transition: all .3s ease 0s;
    background-color: #fff;
    margin-bottom: 15px
}

.serviceBox:hover {
    border-color: #032350
}

.serviceBox:before {
    content: "";
    border-top: 20px solid #ccc;
    border-left: 20px solid transparent;
    border-bottom: 20px solid transparent;
    position: absolute;
    top: 7px;
    right: 7px;
    transition: all .3s ease 0s
}

.serviceBox:hover:before {
    border-top-color: #032350
}

.serviceBox .service-icon {
    display: inline-block;
    width: 80px;
    height: 80px;
    line-height: 80px;
    font-size: 30px;
    color: #032350;
    margin-bottom: 35px;
    z-index: 1;
    position: relative;
    transition: all .3s ease 0s
}

.serviceBox:hover .service-icon {
    color: #fff
}

.serviceBox .service-icon:before {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 3px;
    border: 1px solid #ccc;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    transform: rotate(45deg);
    transition: all .3s ease 0s
}

.serviceBox:hover .service-icon:before {
    border-color: #032350;
    background: #032350
}

.serviceBox .title {
    font-size: 20px;
    font-weight: 700;
    color: #032350;
    text-transform: capitalize;
    margin: 0 0 15px 0
}

.serviceBox .description {
    font-size: 15px;
    color: #999;
    line-height: 27px;
    margin: 0
}

@media only screen and (max-width:990px) {
    .serviceBox {
        margin-bottom: 30px
    }
}

.bg_white_border {
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 15px;
    margin-top: 15px
}

.quoteDetail h2 {
    font-size: 26px;
    font-family: 'Poppins';
    margin: 0
}

.thumbnail {
    padding: 0
}

.thumbnail img {
    width: 100%
}

.panel {
    position: relative
}

.panel > .panalheading3:after,
.panel > .panalheading3:before {
    position: absolute;
    top: 11px;
    left: -16px;
    right: 100%;
    width: 0;
    height: 0;
    display: block;
    content: " ";
    border-color: transparent;
    border-style: solid solid outset;
    pointer-events: none
}

.panel > .panalheading3:after {
    border-width: 7px;
    border-right-color: #f7f7f7;
    margin-top: 1px;
    margin-left: 2px
}

.panel > .panalheading3:before {
    border-right-color: #ddd;
    border-width: 8px
}

.panel > .panalheading2:after,
.panel > .panalheading2:before {
    position: absolute;
    top: 11px;
    left: 100%;
    right: -16px;
    width: 0;
    height: 0;
    display: block;
    content: " ";
    border-color: transparent;
    border-style: solid solid outset;
    pointer-events: none
}

.panel > .panalheading2:after {
    border-width: 7px;
    border-left-color: #f7f7f7;
    margin-top: 1px;
    margin-left: 0
}

.panel > .panalheading2:before {
    border-left-color: #ddd;
    border-width: 8px
}

.rfqCmtFrm input[type=text],
.rfqCmtFrm textarea {
    border-radius: 0;
    background-color: #fff;
    margin-bottom: 15px
}

.widget-area input[type=number] {
    border-radius: 0;
    margin-bottom: 15px
}

.widget-area {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    float: left;
    margin-top: 30px;
    padding: 25px 30px;
    position: relative;
    width: 100%
}

.status-upload {
    background: none repeat scroll 0 0 #f5f5f5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    float: left;
    width: 100%
}

.status-upload {
    float: left;
    width: 100%
}

.status-upload textarea {
    background: none repeat scroll 0 0 #fff;
    border: medium none;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    -ms-border-radius: 4px 4px 0 0;
    -o-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    color: #777;
    float: left;
    font-family: 'Poppins';
    font-size: 14px;
    height: 142px;
    letter-spacing: .3px;
    padding: 20px;
    width: 100%;
    resize: vertical;
    outline: 0;
    border: 1px solid #f2f2f2;
    margin-bottom: 10px
}

.status-upload button {
    margin: 0 10px 10px;
    float: right
}

.status-upload ul {
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 0 0 0 15px;
    width: auto
}

.status-upload ul > li {
    float: left
}

.status-upload ul > li > a {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    color: #777;
    float: left;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    margin: 10px 0 10px 10px;
    text-align: center;
    -webkit-transition: all .4s ease 0s;
    -moz-transition: all .4s ease 0s;
    -ms-transition: all .4s ease 0s;
    -o-transition: all .4s ease 0s;
    transition: all .4s ease 0s;
    width: 30px;
    cursor: pointer
}

.status-upload ul > li > a:hover {
    background: none repeat scroll 0 0 #606060;
    color: #fff
}

.status-upload form button {
    border: medium none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 0;
    color: #fff;
    float: right;
    font-family: 'Poppins';
    font-size: 14px;
    letter-spacing: .3px;
    margin-right: 9px;
    margin-top: 9px;
    margin-bottom: 9px;
    padding: 6px 15px
}

.dropdown > a > span.green:before {
    border-left-color: #2dcb73
}

.status-upload form button > i {
    margin-right: 7px
}

#storeMenuQuote ul li a {
    color: #000;
    padding: 10px
}

.rfq_form input[type=number],
.rfq_form input[type=text],
.rfq_form select,
.rfq_form textarea {
    border-radius: 0;
    background-color: #f8f9fa
}

.rfq_form .btn-group,
.rfq_form button {
    width: 100%
}

.rfqpage h2 {
    margin: 0;
    font-family: 'Poppins';
    font-size: 24px
}

.searchRfqfrom input[type=text],
.searchRfqfrom select {
    border-radius: 0;
    background-color: #f8f9fa;
    width:50%
}

.searchRfqfrom input[type=submit] {
    width: 100%
}

.right_cal h3 {
    font-size: 40px;
    color: #000
}

.right_cal p {
    color: #c1c2c3
}

.perC_pad {
    padding-right: 20px
}

#calPer {
    position: absolute;
    right: 20px;
    top: 28px
}

.romCalPrice {
    font-size: 32px;
    margin: 25px 0;
    text-align: center;
    display: block
}

.daterangepicker td.available {
    background-color: #d8ffdb;
    border-radius: 0 !important
}

.innerSearchMusic input[type=text] {
    width: 80%;
    border-radius: 0
}

.dashMusic h3 {
    color: #000;
    font-family: 'Poppins';
    font-size: 18px;
    margin-bottom: 5px;
    text-transform: uppercase
}

.closeList {
    text-align: right;
    padding-top: 5px;
    padding-right: 5px;
    color: #000
}

.closeList:hover {
    cursor: pointer
}

.dashTab tr td:nth-child(2) {
    text-align: center
}

.dashTab tr td a {
    color: #bf0f4d
}

.PaymentBox {
    min-height: 200px;
    border: 1px solid #ccc
}

.PaymentBox h3 {
    margin: 0;
    font-family: 'Poppins';
    font-size: 18px;
    padding: 5px
}

.rightFavSec {
    padding: 15px;
    height: 690px;
    overflow: scroll
}

.rightFavSec h4 {
    font-size: 18px;
    color: #000
}

.rightFavSec img {
    width: 99px;
    height: 99px
}

.rightFavSec p {
    color: #ccc
}

.rightFavSec .row {
    margin-bottom: 15px
}

.groupBanner {
    position: absolute;
    margin: 0 auto;
    top: 50%;
    text-align: center;
    width: 100%
}

.groupBanner h2 {
    display: inline-block;
    background: rgba(0, 0, 0, .7);
    color: #fff;
    padding: 10px 20px;
    text-transform: uppercase
}

.groupBanner h2 span {
    font-size: 12px;
    text-transform: lowercase
}

.storenavigation {
    background-image: url(../images/bg/bg-1.png);
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    width: 100%
}

#storenavbar_ {
    margin: 0;
    padding: 0;
    float: left
}

#storenavbar_ ul li a {
    font-size: 14px;
    padding: 14px 11px;
    color: #fff
}

#storenavbar_ ul li a:focus,
/*#storenavbar_ ul li a:hover {
    background-color: #56966f;
    color: #fff
}
*/
#storenavbar_ ul li:nth-child(11) a {
    padding: 14px 17px
}

.btmLinks {
    background-image: url(../images/bg/bg-1.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 10px
}

.btmLinks ul {
    padding-left: 0;
    display: inline-block;
    margin-bottom: 0;
    padding-top: 5px
}

.btmLinks ul li {
    float: left;
    list-style: none;
    border-right: 1px solid #fff;
    padding: 0 10px
}

.btmLinks ul li:last-child {
    border-right: none
}

.btmLinks ul li a {
    color: #fff;
    font-size: 13px
}

.btmLinks ul li a:hover {
    color: #fff;
    border-bottom: 1px solid #fff
}

.catSearch {
    padding: 10px
}

.catSearch ul {
    padding-left: 0;
    padding-top: 5px;
    display: inline-block;
    margin: 0
}

.catSearch ul li {
    float: left;
    list-style: none;
    padding: 0 10px;
    border-right: 1px solid #000
}

.catSearch ul li a {
    color: #000
}

.cattophead {
    background-color: #c9f5dd;
    padding: 5px 15px
}

.cattophead h3 {
    margin: 0;
    font-family: 'Poppins';
    text-transform: uppercase
}

.catboxright {
    border-right: 1px solid #000
}

.catboxright a {
    display: block;
    font-size: 14px;
    color: #000;
    margin-bottom: 5px
}

.maincatstr {
    padding: 15px
}

.lastnobrdr {
    border-right: none
}

.notificatontop p {
    padding: 10px;
    color: #000;
    background-color: #f2e1a4
}

.notificatontop p a {
    color: #032350;
    border-bottom: 1px solid #032350
}

.notificatontop p a:hover {
    color: #000
}

.contentpage {
    padding-top: 50px;
    padding-bottom: 50px
}

.contentpage h2 {
    font-size: 30px;
    font-family: 'Poppins';
    margin-bottom: 25px;
}

.contentpage h3 {
    font-size: 24px;
    font-family: 'Poppins';
}

.contentpage h4,
.contentpage h4 span {
    font-size: 20px !important;
    font-family: 'Poppins';
}

.contentpage p,
.contentpage p span,
.contentpage ul li,
.contentpage ul li span {
    font-size: 14px !important;
    font-family: 'Poppins';
    text-align: justify;
}

.stickyNotest,
.stickyNotest li {
    list-style: none
}

.stickyNotest {
    overflow: hidden;
    padding: 3em
}

.stickyNotest li a {
    text-decoration: none;
    color: #000;
    background: #ffc;
    display: block;
    height: auto;
    width: 100%;
    padding: 1em;
    -moz-box-shadow: 5px 5px 7px rgba(33, 33, 33, 1);
    -webkit-box-shadow: 5px 5px 7px rgba(33, 33, 33, .7);
    box-shadow: 5px 5px 7px rgba(33, 33, 33, .7);
    -moz-transition: -moz-transform .15s linear;
    -o-transition: -o-transform .15s linear;
    -webkit-transition: -webkit-transform .15s linear
}

.stickyNotest li {
    margin: 1em;
    margin-bottom: 2em;
    float: left;
    width: 22%
}

.stickyNotest li h2 {
    font-size: 140%;
    font-weight: 700;
    padding-bottom: 10px
}

.stickyNotest li p {
    font-size: 14px
}

.stickyNotest li a {
    -webkit-transform: rotate(-6deg);
    -o-transform: rotate(-6deg);
    -moz-transform: rotate(-6deg)
}

.stickyNotest li:nth-child(even) a {
    -o-transform: rotate(4deg);
    -webkit-transform: rotate(4deg);
    -moz-transform: rotate(4deg);
    position: relative;
    top: 5px;
    background: #cfc
}

.stickyNotest li:nth-child(3n) a {
    -o-transform: rotate(-3deg);
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    position: relative;
    top: -5px;
    background: #ccf
}

.stickyNotest li:nth-child(5n) a {
    -o-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    -moz-transform: rotate(5deg);
    position: relative;
    top: -10px
}

.stickyNotest li a:focus,
.stickyNotest li a:hover {
    box-shadow: 10px 10px 7px rgba(0, 0, 0, .7);
    -moz-box-shadow: 10px 10px 7px rgba(0, 0, 0, .7);
    -webkit-box-shadow: 10px 10px 7px rgba(0, 0, 0, .7);
    -webkit-transform: scale(1.25);
    -moz-transform: scale(1.25);
    -o-transform: scale(1.25);
    position: relative;
    z-index: 5
}

.qtyavb {
    border: none
}

.postBoxThree {
    width: 100%;
    background-color: #f3f2f6;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .75);
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .75);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .75);
    transition: .3s ease-in-out;
    text-align: center;
    border-radius: 5px
}

.postBoxThree:hover {
    -webkit-box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, .75);
    -moz-box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, .75);
    box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, .75)
}

.postBoxThree i {
    font-size: 50px;
    display: block;
    padding: 48px 0;
    color: #000
}

.postBoxThree p {
    padding: 15px;
    color: #fff;
    background-color: #31abe3;
    font-size: 20px;
    border-radius: 0 0 5px 5px
}

.btnFlag {
    width: 100%;
    margin-bottom: 15px
}

.btnFlag_Frelance {
    color: #ff6500
}

.btnFlag_Frelance:focus,
.btnFlag_Frelance:hover {
    color: #000
}

.label_error {
    color: red !important
}

.sellTypeLbl {
    background-color: #f8f9fa;
    padding: 6px;
    border: 1px solid #ccc;
    float: left
}

.freInvoice span.top {
    display: block;
    width: 100%;
    background-color: #ff6500;
    min-height: 20px
}

.topLeft {
    padding: 15px
}

.topLeft p {
    margin-bottom: 0
}

.tableInvoice tbody tr td:last-child,
.tableInvoice thead tr th:last-child {
    text-align: right
}

.tableInvoice tbody tr td:nth-child(2),
.tableInvoice thead tr th:nth-child(2) {
    text-align: center
}

.tableInvoice tbody tr td:nth-child(3),
.tableInvoice thead tr th:nth-child(3) {
    text-align: center
}

.shipform label span {
    color: red
}

.shipform input[type=text],
.shipform select {
    border-radius: 0;
    background-color: #edeef0
}

.thank_sign_up {
    padding: 0 50px 50px
}

.thank_sign_up h1 {
    color: green;
    font-size: 28px;
    font-family: 'Poppins';
}

.thank_sign_up h3 {
    color: #5f5454
}

.thank_sign_up p {
    color: #ada4a4;
    font-size: 24px
}

.friend_message .messages {
    height: auto;
    max-height: 540px;
    overflow-y: scroll;
    overflow-x: hidden
}

.messages ul {
    padding-left: 0
}

@media screen and (max-width:735px) {
    .friend_message .messages {
        max-height: calc(100% - 105px)
    }
}

.friend_message .messages::-webkit-scrollbar {
    width: 8px;
    background: 0 0
}

.friend_message .messages::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .3)
}

.friend_message .messages ul li {
    display: inline-block;
    clear: both;
    float: left;
    margin: 0px 15px 0px 15px;
    width: calc(100% - 25px);
    font-size: .9em
}

.friend_message .messages ul li:nth-last-child(1) {
    margin-bottom: 20px
}

.friend_message .messages ul li.sent img {
    margin: 6px 8px 0 0
}

.friend_message .messages ul li.sent p {
    background: #f5f5f5
}

.frelance_messages ul li.sent p {
    background-color: #ffddc6 !important;
    color: #000
}

.friend_message .messages ul li.replies img {
    float: right;
    margin: 6px 0 0 8px
}

.friend_message .messages ul li.replies p {
    background: #f5f5f5;
    float: right
}

.friend_message .messages ul li img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    float: left
}

.friend_message .messages ul li p {
    display: inline-block;
    padding: 10px 15px;
    border-radius: 7px;
    max-width: 205px;
    line-height: 130%
}

@media screen and (min-width:735px) {
    .friend_message .messages ul li p {
        max-width: 75%
    }
}

.sp-like:hover,
.spunlike:hover {
    cursor: pointer
}

.chatboxmessagefrom img {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    display: inline-block;
    margin: 0 5px 0 0
}

#msgboxto .chatboxmessagecontent {
    margin-right: 18px
}

.sp-favorites:hover {
    cursor: pointer
}

.all_inbox {
    margin-bottom: 0
}

.all_inbox a {
    color: #000
}

.all_inbox a i {
    padding-top: 5px;
    font-size: 16px
}

.all_inbox a:focus,
.all_inbox a:hover {
    color: #333
}

.all_inbox tbody tr td:nth-child(1) {
    width: 20px;
    text-align: center
}

.all_inbox tbody tr td:nth-child(2) {
    width: 200px
}

.all_inbox tbody tr td:nth-child(4) {
    width: 100px;
    text-align: right;
    padding-top: 14px
}

.show_loader {
    background: url(../images/loader/loading-1.gif) no-repeat center center;
    position: absolute;
    top: 0;
    left: 0;
    height: 150px;
    width: 100%;
    z-index: 9999999;
    display: none;
}

.videoshow img {
    width: 100%
}

.titlebox {
    background: #eaeaea;
    padding: 15px 10px;
    border: 1px solid #ccc;
    margin-bottom: 15px
}

.titlebox a {
    color: #000;
    text-decoration: none;
    font-size: 14px
}

.titlebox a:hover {
    text-decoration: none
}

#loading_indicator {
    position: absolute;
    display: none
}
form#comntform {  /*send post 9-2-24*/
    position: relative;
}
form#comntform button#timeline_1 {  /*send post 9-2-24*/
    position: absolute;
    right: 6px;
    top: 25px;
}
.emoji-wysiwyg-editor {
    padding-left: 57px !important;
    padding-top: 17px !important;
}
form#sp-form-post .row .textarea-time-line {
    padding: 0 15px !important;
}
span.fa_icn_cnt {
    color: white !important;
}
.social .post_timeline .row .col-md-12 .post_footer>ul {
    display: flex !important;
    justify-content: center;
    align-items: center;
}
.post_timeline .post_footer #Menu li div a { 
    font-size: 19px !important;
    margin-top: -5px;
    padding: 0px !important;
    position: absolute;
    left: 6px;
    bottom: -14px;
}
#Menu li ul {
    padding-top: 27px !important;
    cursor: pointer !IMPORTANT;
}

li.reactionbtn.thrd {
    margin-left: 2px !IMPORTANT;
}

.post_footer ul li:nth-child(4) {
    width: 15%;
    margin-right: 7px !important;
}
.post_footer ul li.like_btn {
    width: 8% !important;
}
.post_footer ul li.like_btn:hover .nav ul li>ul{
    display: flex !important;
}
.post_footer ul li.like_btn li {
    position: relative;
    top: 0px !important;
    left: 11px !important;
}



/*14-2-24*/
.nav ul { 
    display: inline-block;
    vertical-align: top;
    font-size: 23px;
}
.nav ul li a {
    padding: 0 !important;
    font-size: 20px !important;
    
}
nav.nav ul li ul li { 
    font-size: 25px;
    margin-right: 6px;
}
.nav ul li>ul {
    display: none !important;
    position: absolute !important;
    width: 150px !important;
    top: -32px !important;
    left: -14px !important;
    z-index: 5;
    text-align: left;
}
.post_footer ul li:nth-child(4) {
    width: 15%;
    margin-right: 7px !important;
}
.post_footer ul li.like_btn {
    width: 8% !important;
}
.post_footer ul li.like_btn:hover .nav ul li>ul{
    display: flex !important;
}
.post_footer ul li.like_btn li {
    position: relative;
    top: 0px !important;
    left: 11px !important;
}



/*14-2-24*/
.nav ul { 
    display: inline-block;
    vertical-align: top;
    font-size: 23px;
}
.nav ul li a {
    padding: 0 !important;
    font-size: 20px !important;
    
}
nav.nav ul li ul li { 
    font-size: 25px;
    margin-right: 6px;
}
.nav ul li>ul {
    display: none !important;
    position: absolute !important;
    width: 150px !important;
    top: -32px !important;
    left: -14px !important;
    z-index: 5;
    text-align: left;
}
.post_footer ul li:nth-child(4) {
    width: 15%;
    margin-right: 7px !important;
}
.post_footer ul li.like_btn {
    width: 8% !important;
}
.post_footer ul li.like_btn:hover .nav ul li>ul{
    display: flex !important;
}
.post_footer ul li.like_btn li {
    position: relative;
    top: 0px !important;
    left: 11px !important;
}



#Menu li ul li {
    font-size: 20px !IMPORTANT;
}


.social .post_timeline .row .col-md-12 .post_footer>ul li a#rcount {  
    margin: 0 !important;
    position: absolute;
    left: -7px;
}
.social .post_timeline .row .col-md-12 .post_footer>ul li a#rcount span {
    margin: 0px !important;
}
.post_footer ul li {
    width: 20%;
    align-items: center;
    display: flex;
    justify-content: center;
    position: relative;
}
.post_footer ul li a span.font_regular {
    position: absolute;
    right: 18px;
    top: 0;
}
.post_footer ul li span.show-modal {
    position: absolute;
    right: 35px;
    top: 0;
}
.post_footer>ul>li:nth-child(4) {
    width: 15% !important;
    margin-right: 20px;
    position: relative;
    left: -18px;
}
@media(max-width:1200px) {
   .comment_align a.float-right {
        float: right !IMPORTANT;
    }
    
    nav.nav ul li ul li {
        font-size: 16px  !IMPORTANT;
        margin-right: 4px  !IMPORTANT;
    }
    .comment_align span.morecomment {
        width: 100% !IMPORTANT;
        text-align: right !IMPORTANT;
    }
    .comment_align .tltcmt {
        margin-right: 0 !IMPORTANT;
    }
    .post_footer ul li {
        display: block;
        /* align-items: center !important; */
    }
    li.reactionbtn.thrd {
        margin-left: 0px !IMPORTANT;
    }
    li.reactionbtn.forth {
        margin-left: 0px !IMPORTANT;
    }
    /* .social .post_timeline .row .col-md-12 .post_footer>ul li a#rcount {
        position: unset !IMPORTANT;
        left: -22px;
    } */
    /* .post_footer ul li span#spFavouritePost { timeline post 9-2-24 = 15-2-24
        margin-right: 5px !important;
    } */
    /* .post_footer ul li a i.fa.fa-comment {   timeline post 9-2-24 = 15-2-24
        margin-right: 7px !important;
    } */
    .post_footer ul li.like_btn li {   /*14-2-24*/
        position: relative;
        top: 0px !important;
        left: -4px !important;
    }
    /* .post_footer ul li a#rcount span {   comment icon  15-2-24
        position: relative;
        left: 0px;
        bottom: 2px;
    } */
    /* .post_footer ul li a span.font_regular {    comment icon 14-2-24 = 15-2-24
        position: absolute;
        right: 11px;
        bottom: 1px;
    } */
    .post_footer ul li:nth-child(4) {
        position: relative;
        left: 0;
    }
    /* .post_footer ul li span.show-modal { 14-2-24 = 15-2-24
        position: absolute;
        left: 46px;
        bottom: 2px;
    } */

    a.float-right {
        float: none !important;
    }
    /* .post_footer ul li a span.sp-share {  comment share icon 9-2-24 = 15-2-24
        position: absolute;
        right: 19px;
        top: -9px;
    } */
    .title_profile h4, .title_profile h4 a {
        margin: 0 !important;
    }
    .input-group .input-group-addon.commentprofile.inputgroupadon.border_none {
        padding: 0 !important;
    }
    .col-md-12.social {
        padding-left: 0;
    }
    .post_timeline .post_footer #Menu li div a {
        font-size: 19px !important;
        margin-top: -5px;
        padding: 0px !important;
        position: absolute;
        left: 8px !important;
        top: -9px !important;
    }
    .social .post_timeline .row .col-md-12 .post_footer>ul {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    form#comntform { /*timeline 9-2-24 send post 9-2-24*/
        position: relative;
    }
    form#comntform button#timeline_1 {  /*timeline 9-2-24 send post 9-2-24*/
        position: absolute;
        bottom: 2px;
        right: -4px;
    }

    .post_timeline.post_timeline_all_post .row .col-md-4 { /*timeline 9-2-24 send post 9-2-24*/
        position: relative;
    }
    .col-md-4 .dropdown.pull-right.right_profile_timeline {  /*timeline 9-2-24 send post 9-2-24*/
        position: absolute;
        right: 17px;
        top: -47px;
    }
    img.mob_img_icn{
        display: block;
    }
    img.web_img_icn {
        display: none;
    }
    span.fa_icn_cnt {
        display: none!important;
    }
    label.btn-bs-file.custom-file-upload.db_btn.db_orangebtn.zoom {
        background-color: transparent !important;
    }
    #Menu li ul {
        position: relative !important;
        
    }
    #Menu li ul li {
        font-size: 20px !IMPORTANT;
        position: relative;
        left: 5px;
        top: -4px;
    }
    i.fa-regular.fa-image , i.fa-solid.fa-video, i.fa-regular.fa-folder-open{
        color: #3e2048;
        font-size: 23px;
    }
   
    label.btn-bs-file.custom-file-upload.db_btn.db_orangebtn.zoom { 
        position: relative;
        left: 60px;
        bottom: -2px;
    }
    .textarea-time-line .statusimage .emoji-picker-icon {
        cursor: pointer;
        position: absolute;
        left: 28px;
        bottom: 8px;
    }
   .post_footer_timeline label.btn-bs-file {
        width: 40px;
    }

    .right_box_timeline.right_sidebar  .col-md-6.no-padding-left {
        padding: 0px 20px;
    }

    .right_box_timeline.right_sidebar  .col-md-2.no-padding-left {
        padding: 0px 20px;
    }

    div#carousel-example-generic .m_top_20 {
        margin-bottom: 10px;
        margin-top: 10px;
    }

    .right_box_timeline.right_sidebar .col-md-6.no-padding-left {
        padding: 10px 20px 5px;

    }
    .left_profile_timeline img.img-circle {
        width: 40px !IMPORTANT;
        height: 40px !IMPORTANT;
    }

}

@media (min-width:768px) and (max-width:1199px) {
    .category_tabs .resp-tabs-container .category-engineer {
        width: calc(100% / 4)
    }

    .postJob .choose-file {
        margin-right: 0;
        margin-top: 27px
    }

    .postJob .best-matches {
        width: calc(100% / 4)
    }

    .postJob .best-matches .best-matches-content {
        min-height: 120px
    }
    
}

@media (min-width:241px) and (max-width:767px) {
    .headers {
        padding-bottom: 25px
    }

    .bg_login {
        /*  background-image:none;
        background-color:#2ccbe0 */
    }
    /* .col-md-12.no-padding {
        margin-top: 30px !important;
    } */
    .bg_signup {
        background-image: none;
        background-color: #6f7cb2
    }

    .bg_forgot {
        background-image: none;
        background-color: #b9a28a
    }

    .sign_widget {
        margin-top: 80px
    }

    .signupPage {
        padding: 0 15px 30px
    }

    .signupForm {
        padding: 0 25px
    }

    .logo_forgot a,
    .logo_login a,
    .logo_signup a {
        left: 30%
    }

    .signup_widget {
        margin-top: 70px
    }

    .forgot_widget {
        margin-top: 70px
    }

    .forgotForm {
        padding: 0 15px
    }

    .loginForm {
        padding: 0 30px
    }

    .category_tabs .resp-tabs-container .category-engineer {
        width: 100% !important;
        float: left
    }

    .postJob .bestmatchjobs {
        padding: 0 15px
    }

    .postJob .best-matches {
        width: 100%
    }

    .postJob .choose-file {
        margin-right: 0;
        margin-top: 27px
    }

    .alluserserch {
        margin: 25px 10px
    }

    .alluserserch .allUserImgBox {
        max-height: 230px
    }

    .alluserserch img {
        width: 100%;
        height: 230px
    }

    .left_head_top img {
        margin-right: 10px
    }

    .innertextProfile {
        padding-top: 15px
    }

    .sp-profile-det {
        padding: 5px 0
    }

    .addcustomsell,
    .profilecentr {
        float: left !important
    }

    #btnmobSet {
        margin-top: 15px
    }

    #btnmobSet .btn {
        width: 100px;
        min-width: 100px;
        float: left;
        margin-right: 5px
    }

    .postingPage {
        padding: 10px 0
    }

    .storeBoxThree {
        margin-bottom: 25px
    }

    .landing_page,
    .main_box {
        padding: 20px 0
    }

    .store_searchbox input[type=text] {
        width: 70%
    }


    .store_search_btn {
        float: none;
        padding: 7px 15px;
        width: 27%
    }

    #storenavbar_ {
        width: 100%
    }

    #storenavbar_ ul {
        padding-left: 15px
    }

    #storenavbar_ ul li a:focus,
    #storenavbar_ ul li a:hover {
        background-color: #56966f;
        color: #fff
    }

    .col-xs-5ths {
        width: 100%
    }
    

.featured_box h4 {
    margin: 0 !important;
    padding: 10px;
    text-align: center
}

.featured_box h4 a {
    color: #fff;
    font-size: 16px;
    font-family: 'Poppins';
}

.featured_box h4 a:focus,
.featured_box h4 a:hover {
    text-decoration: none
}

.featured_box h5 {
    font-size: 14px;
    font-family: 'Poppins';
    color: #000;
    margin: 0;
    margin-top: 10px
}

.featured_box h6 {
    font-size: 15px;
    font-family: 'Poppins';
    margin: 0
}
    .featured_box img,
    .img_new_arriv a img {
        /*        min-height: 250px;*/
        object-fit: cover;
    }

    #slider-control a.left {
        left: 0
    }

    #slider-control a.right {
        right: 0
    }

    .slideNewContrl a.left,
    .slideNewContrl a.right {
        top: 40% !important
    }

    .right_link a.btn {
        margin-bottom: 15px
    }

    .breadcrumb_box,
    .right_link {
        text-align: center
    }

    .breadcrumb {
        margin-bottom: 15px
    }

    .product_detail_right {
        padding-top: 15px
    }

    .product_desc ul li a,
    .product_desc ul li.active a {
        font-size: 14px
    }

    .product_box {
        margin: 20px 5px
    }

    .wrapper-sticky {
        left: 7px !important
    }

    .landing_page .wrapper-sticky {
        left: 0 !important;
    }

    div#sidebar {
        position: relative !important;
        inset: inherit !important;
    }

    #sidebar_right {
        z-index: -999
    }

    .grid_view_store img {
        max-height: 220px;
        margin-bottom: 15px
    }

    .openbtn {
        display: block
    }

    .leftsidebar {
        height: 100%;
        width: 0;
        position: fixed;
        z-index: 1;
        top: 0;
        left: 0;
        background-color: #262626;
        overflow-x: hidden;
        transition: .5s;
        padding-top: 60px
    }

    .leftsidebar .closebtn {
        position: absolute;
        top: 0;
        right: 25px;
        font-size: 36px;
        margin-left: 50px;
        display: block;
        color: #fff
    }

    #main {
        margin-bottom: 15px
    }

    .navbartog {
        top: 30px;
    }

    .owl-buttons {
        display: none !important;
    }

    #searchform button {

        top: 0;

    }
}


@media only screen and (min-device-width:320px) and (max-device-width:480px) {

    .post_footer ul li a span.font_regular {
        position: absolute !important;
        top: 0px !important;
        left: -10px !important;
    
    }
    .post_footer ul li span.show-modal{
        position: absolute;
        right: 7px !important;
        top: 0;
    }
    .post_footer ul li a {
        display: unset !important;
    }
    .post_footer ul li:nth-child(4) {
        position: relative !important;
        left: 0 !important;
        margin: 0 !important;
        width: 17% !important;
    }
    .social .post_timeline .row .col-md-12 .post_footer>ul li a#rcount span {
        margin: 0 0 0 1px !important;
    }
    .nav ul li>ul {
        position: absolute !important;
        top: -33px !important;
        left: 9px !important;
    }
    .topsearch h2 {
        font-size: 30px
    }
    .nav ul li a {
        font-size: 18px !important;
        
    }
    .topsearch h3 {
        font-size: 20px
    }

    #searchform button {
        right: 5px;
        top: -3px
    }
    .social .post_timeline .row .col-md-12 .post_footer>ul li a#rcount {
        margin: 0 !important;
        position: absolute !important;
        left: -7px !important;
    }
    .post_footer>ul>li:nth-child(2) {
        width: 8% !important;
    }
    .home_explore {
        border: 1px solid #959595;
        margin-bottom: 10px
    }

    .email_marketing {
        background-image: none;
        background-color: #55a747;
        padding: 20px;
        margin-bottom: 10px;
        min-height: auto
    }

    .sms_marketing {
        background-image: none;
        background-color: #08f;
        padding: 20px;
        min-height: auto
    }

    .email_marketing h4,
    .sms_marketing h4 {
        margin-top: 0
    }

    .homepage {
        padding: 15px
    }

    .box_feat_1 img {
        width: 140px;
        margin-left: 25px
    }

    .box_feat_2 img,
    .box_feat_3 img {
        margin-left: 3%;
        height: 100px
    }
}
@media only screen and (max-width:320px) {
    .post_footer ul li a span.font_regular, .post_footer ul li span.show-modal {
        position: absolute !important;
        right: 11px !important;
    }
    .post_footer ul li:nth-child(4) {
        position: relative !important;
        left: 0 !important;
    }
}
.captchatext {
    background-color: #d6d4d4;
    border: 1px solid #CCC;
    height: 34px;
    text-align: center;
    width: 85px;
    display: inline-block;
    border-left: none;
    padding: 5px;
    font-size: 16px;
}

.red {
    color: #F00;
}

.modTitle {
    margin-bottom: 15px;
}

.modTitle h2 {
    font-size: 18px;
    text-transform: uppercase;
    font-family: 'Poppins';
    color: #333;
}

.modTitle h2 span {
    color: #7b7979;
}

.comDelright button {
    display: inline-block;
}

.comDelright button.deletecmt {
    background-color: #F00;
    color: #FFF;
    padding: 2px 6px;
    margin-right: 5px;
    font-size: 12px;
    border-radius: 0px;
}

.comDelright button.editcomment {
    background-color: #202548;
    color: #FFF;
    padding: 2px 6px;
    border-radius: 0px;
    font-size: 12px;
}

.comDelright button.deletecmt:hover,
.comDelright button.editcomment:hover {
    opacity: 0.8;
}

.commentdetail {
    background-color: #f8f9fa;
    color: #000;
    padding: 5px 10px;
    margin: 10px;
    border-radius: 5px;
}

.sa-button-container button.confirm,
.sa-button-container button.cancel {
    margin-top: 0px !important;
    border-radius: 0px !important;
    color: #FFF;
}

.sa-button-container button.confirm {
    background-color: #032350 !important;
}

.showerrorcoment {
    color: #F00;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    background-color: #568E8C !important;
    color: #FFF;
}

/*dashboard*/
.dashmenuside li a img {
    width: 20px;
    display: inline-block;
}

/*end*/
.active_profile {
    border: 1px dotted #202548;
    border-radius: 11px;
    color: white;
    background-color: #edeef0;
}

.text1 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    /* number of lines to show */
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.btmartBox {
    background-color: #99068a !important;
    padding: 5px;
}

.topartBox img {
    width: 100%;
    height: 200px !important;
    margin-top: 5px;
    margin-bottom: 5px;
}

.art_banner a,
.innerArtSell a {
    color: #fff;
    font-size: 15px;
    line-height: 41px;
    font-family: 'Poppins';
    padding: 10px 15px;
    margin-top: 25px;
}

.topartBox {
    height: 375px;       
}

input[type="search"] {
    border-color: gray;
}

tfoot tr {
    display: none;
}

div#carousel-bounding-box {
    height: 357px;
}

.col-md-2.imagepost {
    margin: 10px 2px;
}

#dvPreview .closed,
.imagepost .closed {
    position: absolute;
    top: -18px;
    right: -7px;
    cursor: pointer;
    padding: 2px 4px;
    border-radius: 50%;
    opacity: 0;
}

#dvPreview .imagepost:hover > .closed,
.seatingImage.imagepost:hover > .closed {
    color: #fff;
    background: #000;
    opacity: 1;
}

#dvPreview .postingimg,
.seatingImage .postingimg {
    border: 2px solid #717171;
    border-radius: 5px;
}

input[type=radio] {
    vertical-align: text-bottom;
}

.seatingImage {
    padding: 0;
}

.category-section {
    margin-top: 15px;
}

.searchNameField {
    margin-bottom: 10px;
}

.members-heading {
    margin: 20px 0px;
}



/****** 20.07.202*******/
body {
    overflow-x: hidden;
}

.top_banner img {
    object-fit: cover;
}

@media(max-width: 991px) {
    .right_head_top ul {
        float: none;
    }

    .right_head_top > ul {
        display: flex;
        align-items: start;
    }

    #price_form select {
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        float: none !important;
    }

    .breadcrumb_box .col-md-4 {
        padding-left: 0;
        padding-right: 0;
    }

    .profileLink p #profileLinkField {
        width: 100%;
    }

    .card {
        margin-left: 0 !important;
        margin-bottom: 30px;
    }

    .card .panel {
        margin-top: 0;
    }

    .dashboard-section h3 {
        font-size: 20px !important;
    }

    .dashboard-section h3 a {
        font-size: 16px !important;
    }

    .topServBread form label {
        display: block;
        text-align: left;
        margin: 10px 0;
    }

    .directory-wrap > .directory-row {
        display: flex;
        flex-direction: column-reverse;
    }

    .dirctrylist img {
        width: auto;
    }

    .createAlbumButton {
        margin-top: 0px !important;
        margin-bottom: 10px !important;
    }

    #searchtx.searchkeywordbox {
        margin-left: 0px !important;
    }

    footer .foot .container {
        width: 100%;
    }

    div#sidebar,
    #sidebar.col-md-2.no-padding {
        position: relative !important;
        inset: 0 !important;
    }
}

@media(max-width: 767px) {
    #sidebar_right {
        position: relative !important;
        inset: inherit !important;
        z-index: 1;
    }

    .even_ban img,
    .right_grp img,
    .store_img img {
        width: 100%;
        height: auto;
    }

    .landing_page .wrapper-sticky {
        height: auto !important;
    }

    .gropHeight {
        min-height: auto;
    }

    form#sp-form-post .row {
        margin: 0 !important;
    }
    form#sp-form-post .row .col-md-12 {
        padding: 0 !important;
    }
    .landing_page .container.pubpost .post_btn_footer.post_footer_timeline .db_btn.btnPosting.db_btn.db_primarybtn.zoom {
        margin: 8px 0 10px !important;
        padding: 7px 15px !important;
        position: absolute;
        right: 35px;
        bottom: -3px;
    }

    .landing_page .container.pubpost .post_btn_footer.post_footer_timeline .db_btn {   /*post 29-2-24*/
        padding: 0px 0px !important;
        margin-right: 0px !important;
    }

    .col-md-12.no-padding .commt_box { /*post 29-2-24*/
        margin: 0 0 15px 0;
    }
    div#sidebar_right .row .col-md-12 {  /*post 29-2-24*/
        padding-left: 0;
        width: 100% !important;
    }
    .landing_page .container.pubpost .post_btn_footer.post_footer_timeline label.tel_feel {
        display: none;
    }
    .col-md-12 .input-group input#timeline {
        height: 33px !important;
    }
    .landing_page .container.pubpost .post_btn_footer.post_footer_timeline {
        /* height: auto; */
        display: flex;
        flex-wrap: wrap;
        justify-content: start;
        align-items: center;
    }

    .src-wrap {
        padding: 10px 0 0 0 !important;
    }

    .breadcrumb_box a.btn.store_search_btn.db_btn.db_orangebtn.sell {
        width: 100% !important;
    }

    .main_box .breadcrumb_box {
        padding: 5px 15px !important;
    }

    .breadcrumb_box .db_btn {
        margin: 10px 0 !important;
    }

    .cate_drop {
        width: 100% !important;
    }

    .right_head_top > ul {
        justify-content: space-evenly;
    }

    .inner_top_form input[type=text] {
        width: 100% !important;
        padding-right: 45px;
    }

    .inner_top_form #indent.headerBtnSearch {
        position: absolute;
        bottom: 0px;
        right: 15px;
    }

    .header_store.header_front .inner_top_form #indent.headerBtnSearch {
        bottom: 0;
    }

  
    .left_head_top a img {
        max-width: 200px;
        width: 50px;
        text-align: center;
        display: block;
        margin: 10px auto 0px;
        float: none;
    }

    .right_head_top ul li i {
        font-size: 15px;
        margin-top: 0;
    }

    .main_box .col-md-12 .storenavigation {
        height: auto !important;
        margin-bottom: 11px;
        background-color: #fff !important;
    }

    .storenavigation .navbar {
        padding-left: 0;
    }

    .storenavigation .navbar .navbartog {
        top: 0;
    }

    #storenavbar_ ul li {
        margin-left: 0 !important;
    }

    .main_box .btnd_store {
        margin: 10px 0;
        width: 100% !important
    }

    .featured_box {
        height: auto !important;
    }

    .foot {
        padding: 20px 0 !important;
    }

    .main_box .breadcrumb_box .right_link form input {
        width: 100% !important;
    }

    .contentpage {
        padding-bottom: 20px;
    }

    .cd-faq__categories {
        width: 100% !important;
    }

    .board .nav-tabs > li {
        width: 50%;
    }

    .board .nav-tabs > li .round-tabs {
        display: block;
        margin: 0 auto;
        text-align: center;
        float: none;
    }

    .board .nav-tabs > li .eventTab {
        text-align: center;
        margin-top: 8px;
    }

    .col-xs-5ths {
        width: 100% !important;
    }

    .UpcomingSec {
        padding: 40px 0;
    }

    .featured_box .footEventBox p {
        font-size: 13px;
    }

    .heading03 h3 {
        font-size: 14px;
        padding-bottom: 10px;
    }

    .container.foot-index {
        width: 100% !important;
    }

    .foot {
        padding: 20px 5px !important;
    }

    .topPohotoshome {
        padding: 0;
    }

    .titleTop h2 {
        font-size: 25px;
        line-height: 1.3;
    }

    .m_btm_40 .row .col-md-3 {
        float: left;
        width: 100%;
    }

    .art_banner input[type=text],
    .art_banner input[type=submit],
    .art_banner input[type=text],
    .innerArtBanner input[type=text],
    .innerArtBannertwo input[type=text] {
        width: 100% !important;
    }

    .art_banner input[type=submit],
    .innerArtBanner input[type=submit],
    .innerArtBannertwo input[type=submit] {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .innerArtBanner input[type=submit],
    .innerArtBannertwo input[type=submit] {
        width: 100% !important;
    }

    .art_banner h1 {
        margin-top: 20px;
    }

    .col-md-1,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-10,
    .col-md-11,
    .col-md-12 {
        float: left;
        width: 100%;
    }

    .leftArt.pro_detail_box {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .btn_searchArt {
        margin-left: 0;
    }

    .topbread.text-right {
        text-align: left !important;
        margin: 10px 0;
    }

    .breadcrumb {
        padding: 8px 0;
    }

    .topbread .breadcrumb li {
        font-size: 14px;
    }

    .topbread .breadcrumb li a i {
        font-size: 20px;
    }

    .breadcrumb > li + li:before {
        padding: 0 2px;
    }

    .about h2 {
        font-size: 23px;
        margin: 20px 0 0px;
    }

    .similar-products {
        display: block !important;
    }

    .similar-products .card {
        width: 100% !important;
    }

    #service-page h2 {
        font-size: 30px;
        margin-top: 20px;
        margin-left: 0 !important;
    }

    .mainServiceSearch #home .in_ser_serch {
        padding: 15px 0;
    }

    .in_ser_serch input[type=text] {
        margin-top: 0;
    }

    .in_ser_serch button[type=submit] {
        margin-top: 0;
        display: block;
        width: 100%;
    }

    .in_ser_serch .col-md-1 {
        margin-left: 0 !important;
    }

    .in_ser_serch .form-group {
        margin-bottom: 5px;
    }

    #service-page {
        min-height: auto !important;
    }

    .service-location {
        /*        padding: 0 15px;*/
        margin-right: 0;
    }

    .service-location div {
        float: none !important;
    }

    .myvideos button {
        width: 100%;
        display: block;
        margin-bottom: 10px;
    }

    #sidebar {
        min-width: 100% !important;
        min-height: 100%;
        margin-left: 0 !important;
    }

    .wrapper {
        display: block;
    }

    #content {
        display: none;
    }

    #example_wrapper {
        overflow-x: auto;
    }

    .eventExplrthefun {
        margin-top: 20px !important;
    }

    .topBoxEvent {
        text-align: right !important;
        margin-bottom: 20px;
    }

    .topBoxEvent a {
        display: block;
        width: 100%;
        margin-bottom: 5px;
    }

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

    .service-location {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-right: 0 !important;
        flex-direction: row-reverse;
    }

    .directory-wrap .inner_Search_bus input[type=text],
    .directory-wrap .inner_Search_bus input[type=submit] {
        width: 100%;
    }

    .directory-wrap .inner_Search_bus input[type=text] {
        margin-bottom: 10px;
    }

    .detail_btn {
        display: block;
    }

    .detail_btn a {
        float: none;
    }

    .detail_btn a:first-child {
        margin-left: 0;
    }

    .body_left_ser ul {
        padding-left: 10px;
    }

    button.zoom1 {
        width: 100% !important;
        margin-bottom: 5px;
    }

    .subscription-form > .subscription-form-btn {
        margin-left: 0px;
    }

    section.fullwidth {
        padding: 40px 0 !important;
    }

    .col-md-3 {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .subscription-form {
        display: block !important;
    }

    .utf-desc-headline-item h3 {
        font-size: 18px !important;
    }

    #tabprofile li {
        width: 100% !important;
    }

    .otherProfileName {
        padding: 10px 15px;
    }

    .otherProfileName .innerOtherProfile {
        position: relative;
        right: 0;
    }

    .otherProfileName .innerOtherProfile .db_btn {
        display: block !important;
        width: 100% !important;
        margin: 5px 0 !important;
    }

    blockquote {
        width: auto !important;
    }

    .profileLink p input {
        padding: 5px 5px;
        text-overflow: ellipsis;
    }

    .header_store .inner_top_form #indent.headerBtnSearch {
        bottom: 20px !important;
    }

    .store_searchbox {
        height: auto;
    }

    .user-dashboard .no-padding {
        padding: 15px 15px !important;
    }

    .user-dashboard .no_pad_right {
        padding-right: 15px !important;
    }

    .user-dashboard .no_pad_left {
        padding-left: 15px !important;
    }

    .midjob #job_search .zoom1 {
        float: none !important;
    }

    .midjob #btnJobSearch {
        margin-bottom: 10px;
    }

    .nojobfound {
        min-height: auto !important;
    }

    .leftArt.pro_detail_box .dropdown .dropdown-toggle {
        margin-left: 0 !important;
    }

    .location-search button {
        margin-top: 0 !important;
        margin-left: 0 !important;
        float: right;
        position: relative;
        bottom: 49px;
    }

    .app {
        margin-left: 0;
        height: auto;
        width: 100%;
    }

    .setupProperty.about_postbanner #myCarousel .item {
        height: auto !important;
    }

    .layerPrprtyTop {
        height: auto !important;
        margin-top: 0 !important;
        margin-bottom: 10px;
    }

    .layerPrprtyTop ul li {
        width: 100%;
        float: none;
    }

    #pagination-container {
        margin-left: 0 !important;
    }

    #sidebar .search_v {
        width: 88% !important;
    }

    .a-spacing-mini {
        padding-left: 0 !important;
    }

    .btn-tsp {
        width: 100%;
        max-width: auto;
    }

    #searchform button.searchbtnmob {
        right: 12px;
        top: 13px;
    }

    .left_artform,
    .left_real{
        min-height: auto;
    }

    .art_form h3 a,
    .realForm h3 a{
        float: none !important;
    }

    #spPostSavedraftPhoto,
    #spPostSubmitPhoto,
    .butn_cancel {
        display: block;
        width: 100%;
        margin-bottom: 5px;
    }


    .bannerheading h1 {
        font-size: 35px !important;
    }

    .realTopBread-inner-right {
        float: none !important;
    }

    .realTopBread-inner-right a {
        display: block;
        width: 100%;
        margin-bottom: 10px;
    }
    .butn_draf,
    .butn_save,
    .butn_dash_real,
    .butn_find_room1{
        width: 100%;
        margin-bottom: 5px;
    }
    form.searchReal{
    display: block !important;
}
}

@media(min-width: 768px) and (max-width: 991px) {
    .main_box .breadcrumb_box .right_link form input {
        width: 79% !important;
    }

    .col-xs-5ths {
        width: 25%;
    }

    .right_head_top ul li {
        padding: 0 10px !important;
    }

    .right_head_top > ul {
        justify-content: center;
    }

    #storenavbar_ ul li a {
        font-size: 14px !important;
        padding: 6px 5px !important;
    }

    .board .nav-tabs > li {
        width: 20%;
    }

    .featured_box .footEventBox p {
        font-size: 14px;
    }

    /*    .m_btm_40 .row .col-md-3,*/
    .topPohotoshome .row .col-md-3 {
        float: left;
        width: 50%;
    }


}


@media(min-width: 991px) and (max-width: 1024px) {
    .inner_top_form input[type=text] {
        width: 46% !important;
    }
}

[slider] > div > [thumb] {
    box-shadow: none !important;
}

div#notification_section .panel button.btn.btn-primary {
    box-shadow: none !important;
}

@media(min-width: 992px) and (max-width: 1024px) {
    .main_box .breadcrumb_box .right_link form input {
        width: 75% !important;
    }

    .right_head_top a i {
        font-size: 15px;
    }

    #storenavbar_ ul li a {
        font-size: 16px !important;
        padding: 6px 14px !important;
    }
}

@media(min-width: 768px) and (max-width: 1024px) {
    .board .nav-tabs > li .round-tabs {
        display: block;
        margin: 0 auto;
        text-align: center;
        float: none;
    }

    .board .nav-tabs > li .eventTab {
        text-align: center;
        margin-top: 8px;
    }
}

.topPohotoshome .topartBox .badge,
.badge {
    padding: 7px 12px;
    border-radius: 0px;
    display: inline-block;
}

.marketing .feat_box {
    padding: 25px 25px !important;
}


.featurette-divider {
    margin: 2rem 0;
}

.featurette .icons img {
    max-height: 70px;
}

.featurette .icons h6 {
    font-size: 15px;
    margin-top: 10px;
}

.navright {
    text-align: center;
}

.art_banner input[type=text],
.innerArtBanner input[type=text],
.innerArtBannertwo input[type=text] {
    background-position: 98% 50%;
    background-size: 20px;
}

.card img {
    object-fit: cover;
}

/*
.myvideos {
    display: flex;
    align-items: center;
}
*/

.myvideos input {
    margin-top: 0;
    margin: 0 10px;
}

.myvideos input:first-child {
    margin-left: 0;
}

[slider] > div > [thumb],
[slider] > div > [range] {
    background: #035049 !important;
}

div#notification_section .panel button.btn.btn-primary {
    background: #e43603 !important;
}

.Eventmap img {
    object-fit: cover;
}

.btn_box {
    display: flex;
    align-items: center;
    /*
    justify-content: space-between;
    flex-direction: row-reverse;
*/
}

.btn_box > .btn_box {
    width: auto;
}

.btn_box > .btn_box span {
    display: inline-block;
    margin-right: 10px;
}

#example1_wrapper.dataTables_wrapper .dataTable tbody tr td:last-child {
    text-align: left;
}

#example1_wrapper.dataTables_wrapper .dataTable tbody tr td:last-child a i {
    font-size: 13px;
    line-height: 20px;
    color: #fff;
}

.dirctrylist img {
    object-fit: cover;
}

.cardimg img {
    object-fit: cover;
}

img.form-control {
    object-fit: cover;
}

.subscription-form {
    display: flex;
    justify-content: space-between;
}

.subscription-form > .subscription-form-btn {
    margin-left: 20px;
}

#profilepicture {
    object-fit: cover;
}

.EvntImg img {
    object-fit: cover;
}

.realBox img.imgMain {
    object-fit: cover;
}
.realTopBread-inner-right {
    float: right;
}
form.searchReal{
    display: flex;
    align-items: center;
}
.pr-0{
    padding-right: 0;
}
.searchReal input[type=text]{
    width: 100% !important;
}

/*************** Design.css ******************************/

.post_footer1 {
    background-color: #dee1e8;
    
}
#bgcl{
      background-color: #eaeaea;
      color: black;
}
.text_upar{
    text-transform:uppercase; 

}
.text_size {
    font-size:25px;
}
.text_size1 {
    font-size:15px;
} 
.text_size26 {
    font-size: 26px;
}
.top_margin{
    margin-top: 10px!important;
}
#bg_cl{
    background-color: #eaeaeb; 
    border: 2px solid #d5d8ea;
    border-radius: 25px;
}
#icon1{
    margin-left: 0px;
    margin-top: 16px; 
    font-size:26px
}
#cmtleft{
    margin-top: 10px;
    background-color: #ffffff;
    border-radius: 15px;
}
.member_head .nav-pills>li.active>a, .member_head .nav-pills>li.active>a:focus, .member_head .nav-pills>li.active>a:hover {
    background-color: #912a86;
    color: #fff;
    border: 1px solid #ccc;
    height: 52px;
    border-radius: 11px;
}
.circular--square {
  border-radius: 50%;
 
}
.btn56 {
  border: none;
  outline: none;
  padding: 7px 16px;
  background-color: #202548;
  cursor: pointer;
  font-size: 18px;
  color: white;
/*  text-align: center;
    margin-top: 8px;*/
}

/* Style the active class, and buttons on mouse-over */

 .hv2:hover {
 
  -moz-box-shadow: 0 0 10px #eeeeee;
      -webkit-box-shadow: 0 0 10px #eeeeee;
      box-shadow: 0 0 10px #eeeeee;
} 
/* .hv2:hover{
  background-color:l
  color: #eee;

} */
#ip2 {
    /* margin-top: -6px; */
    padding-left: 15px;
    margin-left: 5px;
    /* background-color: #f2f3f5; */
    border-radius: 10px;
    /* box-sizing: border-box; */
    /* color: #4c6a98; */
    /* display: inline-block; */
    line-height: 36px;
    /* margin: 1px; */
    max-width: 100%;
    /* word-wrap: break-word; */
    /* position: relative; */
    /* white-space: normal; */
    /* text-align: left; */
}
#ip3{
      border-radius: 15px;
     background-color: white;
     padding: 5px;
     margin-left: 20px;
     margin-right: 20px;
}
#ip5 {
  font-size:15px;
  color: #202548;
}

#ip4{
    border-radius: 13px;
    width: 110%;
    padding: 8px;
}


#ip7{border-top-left-radius: 10px;
  border-top-right-radius:10px;
}
#ip8{
  border-bottom-left-radius:10px;
  border-bottom-right-radius: 10px;
}
.active1{
    
    border: 1px solid #ccc;
    height: 52px;
    border-radius: 11px;


    
    color: white;
    /* width: auto; */
    background-color: #202548;
    /* height: 76%; */
    font-size: 30px;
    text-align: center;

}

#size1{
   font-size: 22px;
}


.clb{
  border-radius: 12px;
}

#right{
    float: right;
}


.link1{
   width: 19px;
    /* padding: 15px 30px; */
    margin: 0px;
    display: inline-block;
    color: #000;
    background: #f2f3f5;
    text-decoration: none;
    height: 18px;
}

.link1:hover{
    text-decoration: none;
    color: #000;
}



/* 
.dropbtn {
  background-color: #3498DB;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
  cursor: pointer;
}

.dropbtn:hover, .dropbtn:focus {
  background-color: #2980B9;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  overflow: auto;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown a:hover {background-color: #ddd;} */

.show {display: block;}

#comment1{
  
    /* background-color: #edeef0; */
    /* border-radius: 20px; */
    text-align: left;
    background-color: #f2f3f5;
    border-radius: 18px;
    box-sizing: border-box;
    color: #1c1e21;
    display: inline-block;
    line-height: 16px;
    margin-left:  15px;
    max-width: 100%;
/*    word-wrap: break-word;
*/    position: relative;
    white-space: normal;
/*    word-break: break-word;
*/    padding: 0 0 0 2px;

}
#ip10 {
  /**/
  /* argin-bottom: 3px; */
    color: #171616;
    padding-left: 5px;
    border-radius: 15px;
    background-color: #f2f3f5;
    /* border-color: #c52020; */
    margin: 3px 0px 0px 50px;
    width: auto;
/*    height: 38px;
*/    /**/
  }
#ip11{padding: 3px 3px;
    border: 1px solid #ccc;
    margin-top: 0;
    margin-bottom: 10px;
    background-color: #fff;
    border-radius: 23px;
  }
  .ip_b{padding: 3px 3px;
    border: 1px solid #ccc;
    margin-top: 0;
    margin-bottom: 10px;
    background-color: #fff;
    border-radius: 23px;
  }
  .butn_rfq1 {
    background-color: #035049!important;
    border-radius: 22px;
}


.btnd{
  width: 130px;
  background-color: #032350;
    color: #fff;
    border-radius: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
    height: 40px;
}
.btn:hover, .btn:focus, .btn.focus {
    /*color: #fff;*/
    text-decoration: none;
}
.btn_group_join:hover{
   color: rgb(241, 92, 128)!important;
    text-decoration: none;
} 
.twolevelEvent ul li a:hover{
  color: rgb(241, 92, 128)!important;
    text-decoration: none;
} 
.iconhover{
  color: #333!important;
    text-decoration: none;
}
.btnd_store {
    width: 120px;
    background-color: #035049;
    color: #fff;
    border-radius: 20px!important;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
    height: 40px;
}
.db_primarybtn_store{
      background-color: #035049;

} 

#search_store1{
  background-color: #fbfbfb;
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid #032350;
    border-radius: 64px;
}
#border_rad{
  border-radius: 30px;
}
.btn_st_post1 {
    color: #fff;
    border: 1px solid #0c3c38;
    background-color: #0c3c38;
}
.btn_st_post1:focus, .btn_st_post1:hover {
    color: #fff;
    background-color: #06544d;
    border: 1px solid #0c3c38;
    border-radius: 25px;
}

/* #storenavbar_ ul li a:hover {
    background-color: #035049;
    color: #fff!important;
    border-radius: 12px!important;
        padding: 13px 5px 9px 7px;

}*/


#storenavbar_ ul li a{
 font-size: 17px;
    padding: 14px 11px;
    color: #0B241E;
    font-weight: bold;
} 

.storenavigation {
    background-color: #fff!important;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    width: 100%;
    height: 68px!important;
 border-radius: 12px;
    background-image:none!important;
}

.store_active {
    background-color: #0f8f46 !important;       
    color: #fff!important;
    border-radius: 5px!important;
    padding: 13px 5px 9px 7px;
}


.dropdown31 {
  position: relative;
  display: inline-block;
}

.dropdown-content31 {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  padding: 12px 16px;
  z-index: 1;
}

.dropdown31:hover .dropdown-content31 {
  display: block;
}

.hv31:hover {
    background-color: #032350;
    color: #ffff;
    border-radius: 25px!important;

}
.featured_box {
    margin: 5px;
    border: 1px solid #ccc;
    border-radius: 19px!important;
    height: 300px !important;
    padding: 25px 5px;
    background-color: #fff;
 
}
.img_fe_box {
    padding: 0px;
    border: 1px solid #ccc;
    width: 100%;
    height: 185px!important;
    border-radius: 5px!important;
    object-fit: cover;
    overflow: hidden;

}
#top_page_heading h3 {
    font-size: 20px;
    font-family: 'Poppins';
    margin: 9px 5px;
    text-transform: uppercase;
    color: #000;
    /* padding: 0px 0px 0px 5px; */
    margin-left: 15px!important;
}
.db_btn31 {
    display: inline-block!important;
    padding: 7px 20px!important;
    border: none!important;
    border-radius: 18px!important;
    color: #fff!important;
    text-transform: capitalize!important;
    font-size: 14px!important;
    /* margin-right: 10px!important; */
    margin: -13px 0px 0px 0px !important;
}
.right_sidebar1 {
   
    margin: 0 10px 0px 0px !important;
}


#bgcl{
  background-color: white;
}


.bord{
  border-radius: 19px;
  background-color: #e6eeff;
  }
   .wleft{
    background-color: white;
    border-radius: 18px;
    padding: 2px 0 0px 0px;
    padding-left: 10px;
}
.btn_st_post_s {
    /*color: #fff;
    border: 1px solid #0c3c38;
    background-color: #0c3c38;*/
    border-radius: 18px !important;
}
.btn_st_dash_s {
    /*color: #fff;
    border: 1px solid #710c04;
    background-color: #710c04;*/
    border-radius: 18px!important;
}
.wstore_p{
  background-color: #edeef0;
    border-radius: 10px;
}
.wstore_P_m{
      margin: -52px 0px 0px 0px!important;

}
.btn1{
/*    color: #e41111!important;
*/   
text-align: center;
}

.dropdown-menu > li > button:hover, .dropdown-menu > li > button:focus {
    background-color: #568E8C!important;
    color: #FFF;
}
.dropdown-menu > li > button {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    width: 100%;
}
.cpading{
    padding: 5px 13px 0 0;

}

.b_t_r{
    border-top-left-radius: 11px;
    border-top-right-radius: 11px;
}
.b_b_r{
    border-bottom-left-radius: 11px;
    border-bottom-right-radius: 11px;
}
.left_store_menu1 {
    background-color: #035049;
    color: white!important;
}
.fontwhite{
  color: #fff;

}

.freelancerprofile{
  border-radius: 25px!important;
}
.contactfreelancer{
  border-top-left-radius: 15px!important;
   border-top-right-radius: 15px!important;
    border-bottom-left-radius: 15px!important;
    border-bottom-right-radius: 15px!important;
  
}
.contactheading{
   border-top-left-radius: 15px!important;
   border-top-right-radius: 15px!important;
}
.contactcontent{
   border-bottom-left-radius: 15px!important;
    border-bottom-right-radius: 15px!important;
}
.sendbtn{
      border-radius: 30px!important;
      background-image: -webkit-linear-gradient(90deg,#f60 0,#fd9321 100%)!important;
}
.profileLinkField{
  border-radius: 15px;
}

.freelancerImg{
  border-radius: 15px;
}
.projectsidebar {
    background-color: #fff;
    padding-left: 15px;
   
    padding-bottom: 15px;
    border-radius: 15px;
    margin-top: 24px;
}

.postproject{
  border-radius: 20px!important;
}

.projectbanner{
border-radius: 15px!important;
}
.projecttoggle{
  border-radius: 12px!important;
}
.projectmenu{
  border-radius: 12px!important;
}

.projectsearch{
  border-radius: 12px!important;

}
.projectmodal{
    border-radius: 12px!important;

}
.left_freelance_top{
   background-color: #fff;
    padding-left: 15px;
   
    padding-bottom: 15px;
    border-radius: 15px;
    margin-top: 24px;
    padding-right: 15px!important;
    }
   .viewprofile{
    border-radius:25px!important;
   }

.about_postbanner{
  border-radius: 25px!important;
}   
.postbannerheading{
  border-top-left-radius: 25px;
    border-top-right-radius: 25px;
}
   
 .freelancername{
  text-transform: capitalize!important;
  border-radius: 35px!important;
 } 

 .freelancer_capitalize{
  text-transform: capitalize!important;
  }
  .freelancer_uppercase{
    text-transform: uppercase!important;
  }

 .submitbtn{
/* border-radius: 10px!important; */
/*background-color: #20b015!important;*/
background-color: #843802!important;
background-image: -webkit-linear-gradient(90deg,#843802 0,#843802 39%,#843802 100%)!important;
 }
 .draftbtn{
/* border-radius: 10px!important; */
background-color: #be7e3e!important;

background-image: -webkit-linear-gradient(90deg,#be7e3e 0,#be7e3e 39%,#be7e3e 100%)!important;


 }
 .cancelbtn{
border-radius: 25px!important;
background-color: #FFC469!important;
background-image: -webkit-linear-gradient(90deg,#FFC469 0,#FFC469 39%,#FFC469 100%)!important;


 }

.postparagraph{
   border-bottom-left-radius: 25px!important;
   border-bottom-right-radius: 25px!important;
 }
 .projetproperty_btn{
  border-radius: 30px!important;
 }

 .searchborder{
  border-radius: 30px!important;
 }
.searchbutton {
    border-radius: 30px!important;
 }
.searchbutton:hover {
    color: #fff!important;
    opacity: .8!important;

  }
  .sendbtn:hover {
    color: #fff;
    opacity: .8;
  }

.proposal_dialogbox{
border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}
.proposalheader_topborder{
  background-color: #fff!important;
border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.proposalheader_bottomborder{
border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background-color: #fff!important;
}

 .projetbidclose_btn{
  background-image: -webkit-linear-gradient(90deg,#f60 0,#fd9321 100%)!important;
  border-radius: 30px!important;
} 
.projetplacebid_btn{
border-radius: 30px!important;
}
.freelancer_dashboard{
    border-radius: 15px;
}
.green_aqua_radius{
    border-radius: 15px!important;
}
.green_aquaboxbuttom{
    border-bottom-left-radius: 15px!important;
    border-bottom-right-radius: 15px!important;
}
/*.left_freelance_menu_freelancer{
  background-color: #ff6500!important;
    color: #FFF!important;
}*/
.Back_to_freelancer{
  list-style-type: none!important;
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 15px;
    color: black!important;
}

.freelancerprofile_name{
  font-size: 18px!important;
    font-weight: bold!important;
    color: #f38d4d!important;
}
.freelancer_profile{
 
    font-weight: bold!important;
    color: black!important;
    font-size: 13px!important;
    padding-left: 15px!important;
}

.barchart_border{
  border: 5px solid #f38d4d!important;
}
.inboxmargintop{
  margin-top: 15px!important;
}
.payment_margin{
  margin-top: 15px!important;
}
.milestone_modal{
  border-radius: 15px!important;
}
.realeseclose_btn{
border-radius: 30px!important;
background-image: -webkit-linear-gradient(90deg,#f60 0,#fd9321 100%);
color: #fff!important;
border: none;
min-width: 100px;
}
.realesesave_btn{
  border-radius: 30px!important;
  color: #fff!important;
    background-color: #449d44!important;
    border: none!important;
    margin-right: 15px;
    min-width: 100px;
    
}
/*.groupactive{
background-color: #C4F455!important;
}*/
.deatilproduct{
  padding-left: 146px!important;
    padding-top: 10px!important;
}
.previewdeatilproduct{
 padding-left: 350px!important;
    padding-top: 12px!important;
}

.publicbtn{
  border-top-left-radius: 25px!important;
    border-bottom-left-radius: 25px!important;
    min-width: 105px!important;
}
.publicbtn_drpdown{
  border-top-right-radius: 25px!important;
  border-bottom-right-radius: 25px!important;
  min-width: 40px!important;
}
.publicselect{
  border-top-left-radius: 15px!important;
    border-bottom-left-radius: 15px!important;
    border-top-right-radius: 15px!important;
    border-bottom-right-radius: 15px!important;
}
.skillfont{
      font-size: 16px!important;

}
.back:hover {
    background-color: #ededed!important;
}
.skillborder{
  border-radius: 7px!important;
}
.sidedropdown{
  background-color: #3e3e3e!important;
}
.currentprofile{
   color: #114B5F!important;
    float: right!important;
    padding-top: 13px!important;
    /* padding-right: 8px; */
    font-size: 15px!important;
    font-weight: bolder!important;
}

.selectprofile{
 
  background-image: -webkit-linear-gradient(90deg, #C76114 0, #C76114 100%)!important;
  background-color:  #C76114!important;
  border-color: #C76114!important;
} 

.selecthover:hover {
  background-image: -webkit-linear-gradient(90deg, #C76114 0, #C76114 100%)!important;
  background-color: #C76114!important;
    color: #fff!important;
}


.selectFreelancer:focus, .selectFreelancer:hover {
    background-color: #C76114!important;
    color: #fff!important;
}


 .treeview.active {
    background-color: #0B241E!important;
  color: white!important;
}

.modalwidth{
  width: 560px!important;
    box-sizing: border-box!important;
}

.myfeed-label {
    color: #f38d4d!important;
    /*font-weight: bold!important;
    padding-top: 10px!important;*/
}

/* The container */
.checkboxtab {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 17px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

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

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
}

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

/* When the checkbox is checked, add a blue background */
.checkboxtab input:checked ~ .checkmark {
  background-color: #f38d4d!important;
}

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

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

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

.btn-modalsubmit{
  border-style: none!important;
    border-radius: 30px!important;
    background-color: #ff9900!important;
    margin-right: 210px!important;
    min-width: 115px!important;
    font-size: large!important;
}

  /*.bottom-left {
  position: absolute!important;
  bottom: 8px!important;
  left: 16px!important;
}
*/

.Add_adderess{
 /* background: linear-gradient(to bottom,#f5d78e,#eeb933); background: #f0c14b!important;
    border-color: #a88734 #9c7e31 #846a29!important;
    color: #111!important;*/

    background: #032350!important;
    border-color: #032350#032350#032350!important;
    color: #fff!important;
    border-radius: 20px;
    float: right!important;
}

.add_shippinglabel{
  color: #032350!important;
}




div.a-column.address-column:not(.a-span-last) {
    margin-right: 13px;
    width: auto;
}

.a-ws div.a-column, div.a-column {
    margin-right: 2%;
    float: left;
    min-height: 1px;
    overflow: visible;
}
.a-row .a-span4, .a-ws .a-row .a-ws-span4 {
    width: 31.948%;
    display:  flex;
}
.address-column {
    position: relative;
}
.a-spacing-top-mini {
    margin-top: 6px!important;
}
.a-spacing-none, .a-ws .a-ws-spacing-none {
    margin-bottom: 0!important;
}

.a-box.first-desktop-address-tile {
    border-style: dashed;
    height: 266px;
    width: 320px;
    border-width: 2px;
    box-sizing: border-box;
    border-color: #C7C7C7;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}

.a-box {
    display: block;
    border-radius: 4px;
    border: 1px #ddd solid;
    background-color: #fff;
}

.a-box .a-box-inner {
    border-radius: 4px;
    position: relative;
    padding: 14px 18px;
}
.a-padding-extra-large {
    padding: 20px 26px!important;
}

.address-plus-icon {
    background: url(../../assets/images/blank-img/plus.png) left center no-repeat;
    width: 50px;
    height: 50px;
}


.a-inline-block, .aok-inline-block {
    display: inline-block;
}
.a-section {
    margin-bottom: 22px;
    padding-top: 10px;
}
.a-spacing-none, .a-ws .a-ws-spacing-none {
    margin-bottom: 0!important;
}

.a-color-tertiary {
    color: #767676!important;
}








.a-ws .a-ws-span12, div.a-column.a-span-last {
    margin-right: 0;
    float: left;
}

.a-ws div.a-column, div.a-column {
    margin-right: 1.6%;
    float: left;
    min-height: 1px;
    overflow: visible;
}

.a-column.a-span-last {
   margin-right: 0;
    float: left;
}
.a-row .a-span4, .a-ws .a-row .a-ws-span4 {
    width: 31.948%;
}
.address-column {
    position: relative;
}
.a-spacing-top-mini {
    margin-top: 6px!important;
}
.a-spacing-none, .a-ws .a-ws-spacing-none {
    margin-bottom: 0!important;
}


.normal-desktop-address-tile {
    height: 266px;
    width: 320px;
    border-width: 1px;
    box-sizing: border-box;
    border-color: #C7C7C7;
    box-shadow: 0 2px 1px 0 rgba(0,0,0,.16);
    border-style: solid;
}

.a-spacing-none, .a-ws .a-ws-spacing-none {
    margin-bottom: 0!important;
}
.a-box {
    display: block;
    border-radius: 4px;
    border: 1px #ddd solid;
    background-color: #fff;
}

.a-box .a-box-inner {
    border-radius: 4px;
    position: relative;
    padding: 14px 18px;
}
.a-padding-none {
    padding: 0!important;
}

.edit-address-desktop-link {
    position: absolute;
    bottom: 20px;
    left: 22px;
}
.a-row {
    width: 100%;
}
          
  .default-section {
    height: 40px;
    border-bottom: 1px solid #C7C7C7;
    padding-left: 20px;
    padding-top: 11px;
}
.a-section {
    margin-bottom: 22px;
}
.a-spacing-none, .a-ws .a-ws-spacing-none {
    margin-bottom: 0!important;
}
.findeventbtn{
  border-radius: 5px!important;
  color: #fff;
  background-color: #c11f50 !important;
}
.findeventbtn:hover {
    color: #fff!important;
    opacity: .8!important;
}
.submitevent{
  border-radius: 5 px!important;
  background-color: #ff0080 !important;

}
.submitevent:hover {
    color: #fff!important;
    opacity: .8!important;
}
.eventdashboard{
  border-radius: 5px!important;
}
.upcomingbox{
  border-top-left-radius: 26px!important;
    border-top-right-radius: 26px!important;
    border-bottom-left-radius: 26px!important;
    border-bottom-right-radius: 26px!important;
}
.upcomingimg{
border-top-left-radius: 26px!important;
    border-top-right-radius: 26px!important;
}
.footupcoming{
  border-bottom-left-radius: 26px!important;
    border-bottom-right-radius: 26px!important;
}
.viewallbtn{
      font-weight: bold!important;
 border-color: rgb(241, 92, 128)!important;

  border-radius: 5px!important;
  color: #fff!important;
}
.viewallbtn:hover {
    color: #fff!important;
    opacity: .8!important;
}
.explorecontainer{
border-radius: 25px!important;
}
.schedulecontainer{
border-radius: 25px!important;
}
.registerbtn{
 background-image: -webkit-linear-gradient(90deg,#111 0,#111 100%)!important;
    border-radius: 20px!important;
    min-width: 150px!important;

}
.eventdashboard{
  background-color: #810127 !important;
  color: #fff;
}
.eventdashboard:hover{
   color: #fff!important;
    opacity: .8!important;
}

.homeeventbtn{
  background-image: -webkit-linear-gradient(90deg,#202548 0,#202548 100%)!important;
    border-color: #202548!important;
    border-radius: 25px!important;
    min-width: 125px!important;
}
.homeeventbtn:hover{
   color: #fff!important;
    opacity: .8!important;
}
.left_event_top{
  /*background-color: #fff!important;*/
    padding-left: 15px!important;
    padding-bottom: 15px!important;
    border-radius: 15px!important;
    margin-top: 24px!important;
    padding-right: 15px!important;
}
.subeventmenu{
  background-color:  rgb(241, 92, 128)!important;

}

.subeventgroupmenu{
    background-color: #4F95FF!important;
}
/*.eventmenu.active {
   background-color: #fff!important;
    color: black!important;
}*/
.eventview.activepage{
  background-color: grey!important;
     color: black!important;
}
.eventviewdashboard.activepage{
  background-color: black!important;
   /* color: white!important;*/
}

.left_sideevent_menu ul li a:hover {
    background-color: #D3D3D3!important;
    color: #111!important;
}
.whiteevent{
  background-color: #fff!important;
   border-radius: 25px!important;
}
.homecancelbtn{
  border-radius: 30px!important;
}
.sponsorbtn{
  border-radius: 30px!important;
}
.previewbtn{
 border-radius: 30px!important;
}
.savesubmitbtn{
 border-radius: 30px!important;
}
.savedraftbtn{
 border-radius: 30px!important;
}
.cancelpostbtn{
   border-radius: 30px!important;
}

.categorypostbtn{
  border-radius: 25px!important;
}


.eventcapitalize{
/*  text-transform: capitalize!important;*/
  text-transform: capitalize!important;
}
/*.eventimg{
  width: 85%!important;
    height: 221px!important;
    padding-right: 10px;
    padding-left: 45px!important;
    padding-top: 20px!important;
}*/
.eventiconbtn{
  border-radius: 15px!important;
}
.eventpostimg{
  border-radius: 25px!important;
}
.reviewEvent{
  margin-left: 32px;
    margin-right: 32px;
  margin-bottom :15px!important;
}

.reviewbutton{
  float: right!important;
  padding-right: 60px!important;
    padding-bottom: 15px!important;
}
.butn_Review{
  color: #fff!important;
   opacity: .8!important;
   background-image: -webkit-linear-gradient(90deg,#4bf32d  0,#4bf32d  100%);
   font-size: 14px!important;
    min-width: 130px!important;
    
}
.butn_storeReview{
  color: #fff!important;
 background-color: #1c6121;
  
   font-size: 14px!important;
    min-width: 130px!important;
    
}

.rating:not(:checked)>label:hover, 
.rating:not(:checked)>label:hover~label,

.rating .checkrating>input:checked~label {
    color: gold!important;
}

.checkrating>input[type="radio"]:checked + label {
    color: gold!important;
}

.checkrating:checked + label{
   color: gold!important;
}

.rating>label {
    color: #000;
    float: right;
}


/*body {
  background-color: #ecf0f1 Marksimon;
}*/

/*.rating>input:checked~label {
    color: gold!important;
}*/


.quatepara{
  font-weight: bold;
    text-align: center;
    text-decoration: underline;
    font-size: 20px;
   /* font-family: 'Poppins';
   font-family: 'Poppins';
    padding-bottom: 15px;
}
.profile-des{
  font-family: 'Poppins';
}





blockquote {
  font-size: 15px;
    line-height: 110%;
    position: relative;
    font-family: 'Poppins';
    width: 412px;
    margin: 10% auto;
    margin-bottom: 60px;
    border-left: none!important;
    text-align: justify;
}
  
 blockquote::before {
    content: '\201C';
    position: absolute;
    top: 10;
    left: 0;
    font-family: 'Poppins';
    font-size: 82px;
    font-style: normal;
  }
 blockquote::after {
    content: '\201D';
    position: absolute;
    bottom: -50px;
    right: 0;
    font-family: 'Poppins';
    font-size: 82px;
    font-style: normal;
  }

.showeventrating{
  margin-left: 45px;
    margin-right: 45px;
    margin-bottom: 20px;
}

.pdftablehead{
  font-weight: bold;
    font-size: 16px;
}
.sphomepage{
  margin-top: 10px;
    margin-bottom: 45px;
}
.sphomepage-content{
  width: 100%;
    display: block;
    margin-right: auto;
    margin-left: auto;
}

.homeavatar{
  border: 2.07px solid #f38d4d!important;
  border-radius: 5px;

  /* max-width: 250px;
  padding: 1rem;
  position: relative;
  background: linear-gradient(to right, #FF4747, #E86F8F, #C362ED, #79BFF2, #83F7AB, #F27013, #CCCF10 );
  padding: 5px;*/
}
.homeupper{
  text-transform: uppercase;
  padding-top: 10px;
    padding-bottom: 10px;
    color: black;
}
.termcondtion{
  margin-left: 30px;
    margin-right: 30px;
}


.bghomebox{
  background: #fff;
}
.eventheadcolor{
  background-color: rgb(241, 92, 128)!important;
}
.eventcolor p{
  background-color: rgb(241, 92, 128)!important;
}

#postEventBox .its-free-post-job .eventcolor {
    background-color: rgb(241, 92, 128)!important;
}

.eventTable thead {
   
    background-color: rgb(241, 92, 128)!important;
    color: #FFF!important;
}

.box.box-danger {
    border-top-color: rgb(241, 92, 128)!important;
}

.box.groupbox-danger {
    border-top-color: #4F95FF!important;
}
.groupeventTable thead {
    background-color: #4F95FF!important;
    color: #FFF!important;
}

.groupeventTable a {
    color: #4F95FF!important;
}
.eventTable a {
    color: rgb(241, 92, 128)!important;
}

.EventTbl a {
    color: rgb(241, 92, 128)!important;
}

li.active span.round-tabs.one {
    background: rgb(241, 92, 128)!important;
    color: #fff!important;
}
.board li.active:after {
    content: " ";
    position: absolute;
    left: 45%;
    opacity: 1;
    margin: 0 auto;
    bottom: 0;
    border: 10px solid transparent;
    border-bottom-color: rgb(241, 92, 128)!important;
}

.btn_event {
    background-color: rgb(241, 92, 128)!important;
    color: #fff;
    font-family: 'Poppins';
    font-size: 14px;
}

.transTop {
    margin-top: 20px;
    background-color: rgba(241,92,128,.651)!important;
}
.withdrawevnetEvent{
  margin-top: 10px;
  margin-right: 50px;
  margin-left: 50px;
  margin-bottom: 10px;
}

.backterms {
    font-weight: bold;
    background-color: #202548;
    color: #fff;
    min-width: 123px;
    float: right;
}

.store_detailcenter_1{
  background-color: #fff;
    padding: 15px;
    margin-bottom: 25px;
    min-height: 460px;
    padding-left: 40px;
    padding-right: 40px;
}
.store_name1{
  margin-bottom: 20px;
    min-height: 40px;
    padding-left: 40px;
    padding-right: 40px;
}


/*Coupon css*/

#coupon-page{
  background-image: url(../images/coupon/coupon.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
    padding: 50px 0;
    min-height: 430px;
}

#coupon-page p {
    font-size: 24px;
    font-family: 'Poppins';
    color: #fff;
    line-height: 1.2;
}

#coupon-page h2{
    font-size: 36px;
    font-family: 'Poppins';
    color: #fff;
    font-weight: 700;
    line-height: 1.2;
    margin-top: 100px;
}

#coupon-page input[type=text] {
    border-radius: 0;
    width: 500px;
    margin-top: 1px;
    background-image: url(../images/entertain/lines-search.png);
    background-repeat: no-repeat;
    background-position: 99% 50%;
}

#coupon-page select {
    width: 150px;
    border-radius: 0;
}

.butn_coupon {
    border-width: .59px;
    border-color: #912A86;
    border-style: solid;
    border-radius: 0;
    background-image: -moz-linear-gradient(90deg,#912A86 0,#f27ba1 100%);
    background-image: -webkit-linear-gradient(90deg, #912A86 0,#f27ba1 100%);
    background-image: -ms-linear-gradient(90deg, #912A86 0,#f27ba1 100%);
    background-repeat: no-repeat;
    color: #fff;
    min-width: 160px;
}
#coupon-page form {
    margin-top: 40px;
}
.left_coupon_menu{
  background-color: #912A86;
}
.sidebar-coupon-menu, .main-sidebar .user-panel, .sidebar--coupon-menu>li.header {
    white-space: nowrap;
    overflow: hidden;
}
.sidebar-coupon-menu {
    list-style: none;
    margin: 0;
    padding: 0;
}
.sidebar-coupon-menu>li {
    position: relative;
    margin: 0;
    padding: 0;
}
.left_coupon_menu ul li a {
    color: #FFF;
    border-bottom: 1px solid #FFF;
}
.sidebar-coupon-menu li>a {
    position: relative;
}
.sidebar-coupon-menu:hover {
    overflow: visible;
}

.sidebar-coupon-menu >li>a {
    padding: 12px 5px 12px 15px;
    display: block;
}
.left_coupon_menu ul li.activepage {
    background-color: #F02B6D;
    color: #FFF;
}

.left_coupon_menu ul li a:hover {
    background-color: #BF37B1;
    color: #FFF;
}
.couponwhite{
  color: #FFF;
}


#myCarousel .item {
    height: 450px!important;
    overflow: hidden;
}

#myCarousestore .item {
    height: auto!important;
    overflow: hidden;
    padding-bottom: 10px;
}
.dot {
  height: 50px;
  width: 50px;
  background-color: #912A86;
  border-radius: 50%;
  display: inline-block;
}
.doticon{
  font-size: 28px;
   
    color: #fff;
}

.circletext p{
padding-top: 15px;
}
.couponcricle{
  padding-left: 65px;
}
/*
.couponoffer{
  background-size: 100%;
    background-repeat: no-repeat;
    padding: 30px 0;
}
*/
.left_couponoffer{
    padding: 15px;
    min-height: 180px;
}
.bg_white {
    background-color: #fff;
}
.left_couponoffer img {
    width: 100%;
    height: 135px;
}
.left_couponoffer h3 {
    margin: 0;
}

.left_couponoffer h3 a {
    font-size: 18px;
    font-family: 'Poppins';
    font-weight: 700;
    margin: 0;
    color: #912A86;
    text-transform: uppercase;
}

.left_couponoffer p{
    font-size: 14px;
    font-family: 'Poppins';
    font-weight: 600;
    margin: 0;
    color: #333;
    padding-top: 25px;
}
.coupon_box_1 {
    background-color: #fff;
    padding: 10px;
    margin-bottom: 25px;
    min-height: 380px;
}

.coupon_box_1 img {
    width: 100%;
    height: 150px;
    margin-bottom: 10px;
}
.coupon_box_1 a.title .western{
    color: #912A86;
}
.coupon_box_1 a.title .western{
    font-family: 'Poppins';
    font-size: 18px;
}
.coupon_box_1 .views {
    color: #979797;
    display: block;
    float: left;
}

.coupon_box_1 .expiry {
    color: #979797;
    display: block;
    float: right;
}

.coupon_box_1 p{
    font-size: 14px;
    font-family: 'Poppins';
    font-weight: 600;
    margin: 0;
    color: #333;
    padding-top: 30px;
}
.Latestdeals{
  padding-top: 20px;
   /* padding-bottom: 20px;*/
    text-align: center;
        padding-left: 175px;
}

.coupon_box_1 a.title h4{
    font-family: 'Poppins';
    font-size: 24px;
    float: right;
    color: #912A86;
}

.Latestdealsbtn{
padding-top: 40px;
    padding-bottom: 20px;
    float: right;
}
.viewsall{
      font-weight: bold;
    background-color: #912A86;
    color: #fff;
    min-width: 123px;
}

.coupon_codebox{
  background-color: #fff;
    padding: 10px;
    margin-bottom: 25px;
    min-height: 380px;
}

.coupon_codebox img {
    width: 100%;
    height: 150px;
    margin-bottom: 10px;
}

.coupon_codebox a.codetitle .Verfiedcode{
    font-family: 'Poppins';
    font-size: 15px;
    text-align: center;

}

.coupon_codebox .OFF {
    color:  #32B818;
    display: block;
    text-align: center;
     font-size: 24px;
}

.coupon_codebox h4{
    font-family: 'Poppins';
    font-size: 20px;
  
    color: #333;
    text-align: center;
}

.coupon_codebox a.btn:hover {
    color: #fff;
    background-color: #BF37B1;
}
.coupon_codebox a.getcoupon {
    border: 1px solid #32B818;
    background-color: #912A86;
}
.coupon_codebox a.getcoupon {
    font-size: 20px;
    font-family: 'Poppins';
    color: #fff;
    border-radius: 0;
    display: block;
    margin-top: 15px;
    text-align: center;
}

.coupon_Popularstore{
  background-color: #fff;
    padding: 10px;
    margin-bottom: 25px;
    min-height: 110px;
}

.coupon_Popularcategory{
   background-color: #fff;
    padding: 10px;
    margin-bottom: 25px;
    min-height: 300px;
}
.coupon_Popularcategory span{
font-family: 'Poppins';
    font-size: 16px;
    color: black;
  
}
.rightclick{ 
 color: #32B818;
    font-size: 17px;   
}
.leftmenu_icon{
  padding-right: 6px;
    font-size: 18px;
    color: #32B818;
}

.left_couponimg {
    min-height: 1120px;
    background-color: #F2B3FF;
}

.add_couponform {
 margin: 18px;
    border: 2px solid #ccc;
}

.add_couponform h3 {
    margin: 0;
    background-color: #F2B3FF;
    color: #000;
    padding: 10px;
    font-family: 'Poppins';
    font-size: 18px;
    text-transform: uppercase;
}
.add_couponform_body {
   padding: 15px 35px;
    
    background-color: #fff;
    min-height: 790px;
}

.coupon_btn {
    display: inline-block!important;
    padding: 7px 20px!important;
    border: none!important;
    border-radius: 18px!important;
    color: #fff!important;
    text-transform: capitalize!important;
    font-size: 14px!important;
    margin-right: 10px!important;
}
.coupon_cancel {
    background: #BD0000!important;
    
}
.coupon_draft {
    background: #32B818!important;
    
}
.coupon_submit {
    background: #912A86!important;
    
}

.add_couponform_body input[type=text], .add_couponform_body select, .add_couponform_body textarea {
    border-radius: 0;
    background-color: #f8f9fa;
  }

  .top-lefticon{
    position: absolute;
    top: 20px;
    left: 40px;
  }

  .top-righticon{
    position: absolute;   
      
    top: -275px;
    right: -155px;
  }
  .topimgdot{
    height: 60px;
    width: 60px;
    background-color: pink;
    border-radius: 50%;
    display: inline-block;

  }
  .doticontopimg{
    font-size: 22px;
    padding-left: -12px;
    margin-left: 4px;
    margin-top: 12px;
    color: #fff;
  }

  .coupon_detailright_1 {
    background-color: #fff;
    padding: 10px;
    margin-bottom: 25px;
    min-height: 350px;
}
.coupon_detailleft_1{
  background-color: #fff;
    padding: 25px;
    margin-bottom: 25px;
    min-height: 350px;
}
.coupon_littledetailleft_1{
  background-color: #eee;
    padding: 12px;
    margin-bottom: 15px;
    min-height: 155px;
}

.coupon_detailcenter_1{
  background-color: #fff;
    padding: 20px;
    margin-bottom: 25px;
    min-height: 410px;
    padding-left: 60px;
    padding-right: 60px;
}
.coupon_detailcenter_1 h2{
  padding-bottom: 15px;
    text-decoration: underline;
}
.coupon_reviewbtn{
 display: inline-block!important;
    padding: 9px 50px!important;
    border: none!important;
   
    color: #fff!important;
    text-transform: capitalize!important;
    font-size: 15px!important;
    margin-right: 10px!important;
    font-weight: bold;
}
.coupon_reviewsubmit{
    background: #178010!important;
}
.couponnavbar {
    background-color: #178010;
    border-color: #178010;
    border-radius: 0px;
}
.couponnavbar ul{
  padding-left: 100px;
}
.couponnavbar ul li{
  padding-left: 30px;
}
.couponnavbar .navbar-nav > li > a {
    
  color: #fff!important;
}

/*.couponnavbar.navbar-nav > .active > a{
  color: #fff!important;
    background-color: #912A86!important;
  }
 */
.couponsearch{
  float: right!important;
}

.couponnavbar .navbar-nav > .active > a, .couponnavbar .navbar-nav > .active > a:hover, .couponnavbar .navbar-nav > .active > a:focus {
    color: #fff;
    background-color: #178010!important;
}
.detailright{
 padding-top: 15px;
    padding-bottom: 10px;
}
.coupon_buynowbtn {
    display: inline-block!important;
    padding: 9px 50px!important;
    border: none!important;
    color: #fff!important;
    text-transform: capitalize!important;
    font-size: 15px!important;
    margin-left: 80px;
    font-weight: bold;
  }
  .buynowbtn{
    background: #178010!important;
}



#custom-search-input{
  padding: 0px;
    border: solid 2px #E4E4E4;
    border-radius: 10px;
    background-color: #fff;
}

#custom-search-input input{
    border: 0;
    box-shadow: none;
}

#custom-search-input button{
    margin: 2px 0 0 0;
    background: none;
    box-shadow: none;
    border: 0;
    color: #666666;
    padding: 0 8px 0 10px;
    border-left: solid 1px #ccc;
}

#custom-search-input button:hover{
    border: 0;
    box-shadow: none;
    border-left: solid 1px #ccc;
}

#custom-search-input .glyphicon-search{
    font-size: 17px;
}

.searchorder_butn {
    color: #fff!important;
    background-color: #56966f;
    font-size: 14px!important;
   
  }
/********************************************************************/
/*** PANEL SUCCESS ***/
.with-nav-tabs.panel-success .nav-tabs > li > a,
.with-nav-tabs.panel-success .nav-tabs > li > a:hover,
.with-nav-tabs.panel-success .nav-tabs > li > a:focus {
  color: #3c763d;
}
.with-nav-tabs.panel-success .nav-tabs > .open > a,
.with-nav-tabs.panel-success .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-success .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-success .nav-tabs > li > a:hover,
.with-nav-tabs.panel-success .nav-tabs > li > a:focus {
  color: #3c763d;
  background-color: #d6e9c6;
  border-color: transparent;
}
.with-nav-tabs.panel-success .nav-tabs > li.active > a,
.with-nav-tabs.panel-success .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-success .nav-tabs > li.active > a:focus {
  color: #3c763d;
  background-color: #fff;
  border-color: #d6e9c6;
  border-bottom-color: transparent;
}
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #dff0d8;
    border-color: #d6e9c6;
}
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #3c763d;   
}
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #d6e9c6;
}
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #3c763d;
}
/********************************************************************/



/********************************************************************/
/*** PANEL INFO ***/
.with-nav-tabs.panel-info .nav-tabs > li > a,
.with-nav-tabs.panel-info .nav-tabs > li > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li > a:focus {
  color: #31708f;
}
.with-nav-tabs.panel-info .nav-tabs > .open > a,
.with-nav-tabs.panel-info .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-info .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-info .nav-tabs > li > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li > a:focus {
  color: #31708f;
  background-color: #bce8f1;
  border-color: transparent;
}
.with-nav-tabs.panel-info .nav-tabs > li.active > a,
.with-nav-tabs.panel-info .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li.active > a:focus {
  color: #31708f;
  background-color: #fff;
  border-color: #bce8f1;
  border-bottom-color: transparent;
}
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #d9edf7;
    border-color: #bce8f1;
}
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #31708f;   
}
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #bce8f1;
}
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #31708f;
}


.btnbuyagain{
  color: #fff!important;
    background-color: #31708f;
    font-size: 15px!important;
    
}
.btntrackorder{
  color: #fff!important;
    background-color: #A2DE54;
    font-size: 16px!important;
    min-width: 200px!important;
   
}
.btnwithorder{
  color: #fff!important;
    background-color: #CCA5C6;
    font-size: 16px!important;
    min-width: 200px!important;
    margin-top: 15px;
}
.btnreturnitem{
  color: #fff!important;
    background-color: #58C479;
    font-size: 16px!important;
    min-width: 200px!important;
    margin-top: 15px;
}
.btnrsellfeed{
   color: #fff!important;
    background-color: #7CB8E0;
    font-size: 16px!important;
    min-width: 200px!important;
    margin-top: 15px;
}
.store_return_1{
  padding: 10px;
    /* margin-bottom: 25px; */
    min-height: 450px;
    padding-left: 40px;
    padding-right: 40px;
}
.btntcountine{
   color: #fff!important;
    background-color: #31708f;
    font-size: 16px!important;
    min-width: 200px!important;
    margin-top: 15px;
}

.buyer a:hover {
    color: #007000;
    font-weight: bold;
  }
 .sellbuyhead{
    background-color: #94DE76;
    color: #fff;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
  }
.headclosebtn{
    background-color: green;
    color: #fff;
    border-radius: 25px;
    min-width: 90px;
    font-size: 15px;
    border: none;

  }
/********************************************************************/
.btnpublic_rfq{
 
    background-color: #1c6121;
    color: #fff;
    border-radius: 20px!important;
   /* padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;*/
 
}


  /********************************************************************/
/*** PANEL DANGER ***/
.with-nav-tabs.panel-danger .nav-tabs > li > a,
.with-nav-tabs.panel-danger .nav-tabs > li > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > li > a:focus {
  color: #fff;
}
.with-nav-tabs.panel-danger .nav-tabs > .open > a,
.with-nav-tabs.panel-danger .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-danger .nav-tabs > li > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > li > a:focus {
  color: #fff;
  background-color: #A9ED7B;
  border-color: transparent;
}
.with-nav-tabs.panel-danger .nav-tabs > li.active > a,
.with-nav-tabs.panel-danger .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > li.active > a:focus {
  color: #fff;
  background-color: #fff;
  border-color: #A9ED7B;
  border-bottom-color: transparent;
}
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #A9ED7B; /* bg color */
    border-color: #A9ED7B; /* border color */
}
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #fff; /* normal text color */  
}
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #A9ED7B; /* hover bg color */
}
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    color: #fff; /* active text color */
    background-color: #A9ED7B; /* active bg color */
}

.panel-danger > .panel-heading {
    color: #fff;
    background-color: #428028;
    border-color: #428028;
}
/*****************************************/
.store_dangerboxr_1 {
    background-color: #fff;
    padding: 15px;
    margin-bottom: 25px;
    min-height: 460px;
    }


.allQuotetab{background-color: #E8E8E8;
    /* min-height: 26px; */
    margin-bottom: 7px;
    padding-top: 6px;
    padding-bottom: 1px;
  }
  .left_store h1 {
    font-family: 'Poppins';
    font-size: 16px;
    color: #000;
    margin: 20px 0 0;
}

.left_filter1 h1 a{
  
  font-family: 'Poppins';
    font-size: 18px;
    color: #787f85;
    margin: 20px 0 0;
}

.dashbids a {
    display: block;
    color: #787f85;
    font-family: 'Poppins';
    font-size: 15px;
}

/*.left_store_menu ul li.activepage{
  background-color: #249E3D;
  border: 3px solid #76FA11;
  color: #FFF;
}*/
/*.dashbids li{

 list-style: none!important;
}*/

.left_filter1 h1 a.sellerboard{

  color: #0B241E!important;
}

.left_filter1 h1 a.buyerboard{

  color: #0B241E!important;
}


li{
   list-style: none!important;
}
.dashbids li.activepage a{

  color: #000!important;
 
}

.condition li.activepage a{

  color: #000!important;
  font-weight: bold!important;
 
}

.left_filter1 a:hover, .dashbids a :hover {
    color: #1c6121;
}

.left_store a:hover {
    text-decoration: none;
}
.topstatus1 {
    background-color: #eaeaea;
    border: 1px solid #ccc;
    /* padding: 10px; */
    border-bottom: none;
    padding-top: 1px!important;
   padding-left: 15px;
    padding-bottom: 20px;
}

.ws_footer ul li {
    float: left;
    list-style: none;
    width: 20%;
    padding-left: 10px;
}
.text_size26 a{
   color: #0B241E!important;
}

/*
nav > .nav.nav-tabs{

  border: none;
    color:#fff;
    background:#272e38;
    border-radius:0;

}
nav > div a.nav-item.nav-link,
nav > div a.nav-item.nav-link.active
{
  border: none;
    padding: 18px 25px;
    color:#fff;
    background:#272e38;
    border-radius:0;
}

nav > div a.nav-item.nav-link.active:after
 {
  content: "";
  position: relative;
  bottom: -60px;
  left: -10%;
  border: 15px solid transparent;
  border-top-color: #e74c3c ;
}
.tab-content{
  background: #fdfdfd;
    line-height: 25px;
    border: 1px solid #ddd;
    border-top:5px solid #e74c3c;
    border-bottom:5px solid #e74c3c;
    padding:30px 25px;
}

nav > div a.nav-item.nav-link:hover,
nav > div a.nav-item.nav-link:focus
{
  border: none;
    background: #e74c3c;
    color:#fff;
    border-radius:0;
    transition:background 0.20s linear;
}*/

/********************************************************************/
/*** PANEL WARNING ***/
.with-nav-tabs.panel-warning .nav-tabs > li > a,
.with-nav-tabs.panel-warning .nav-tabs > li > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > li > a:focus {
  color: #002869;
}
.with-nav-tabs.panel-warning .nav-tabs > .open > a,
.with-nav-tabs.panel-warning .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-warning .nav-tabs > li > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > li > a:focus {
  color: #002869;
  background-color: #BACCE8;
  border-color: transparent;
}
.with-nav-tabs.panel-warning .nav-tabs > li.active > a,
.with-nav-tabs.panel-warning .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > li.active > a:focus {
  color: #002869;
  background-color: #fff;
  border-color: #BACCE8;
  border-bottom-color: transparent;
}
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #BACCE8;
    border-color: #BACCE8;
    }
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #002869; 
}
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #CCE0FF;
}
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #CCE0FF;
}
/********************************************************************/


.faqHeader {
        font-size: 27px;
        margin: 20px;
          color: #337ab7;
          text-align: center;
    }
    .faqpara{
      text-align: center;
    margin-top: -18px;
    margin-bottom: 30px;
    }

    .panel-heading [data-toggle="collapse"]:after {
        font-family: 'Poppins';
        content: "\f054"; /* "play" icon */
        float: right;
        color: #337ab7;
        font-size: 18px;
        line-height: 22px;
        /* rotate "play" icon from > (right arrow) to down arrow */
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }

    .panel-heading [data-toggle="collapse"].collapsed:after {
        /* rotate "play" icon from > (right arrow) to ^ (up arrow) */
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
        color: #337ab7;
         font-size: 27px;
    }

/************************** Style.css ***********************/

.foo {
    display: block;
    position: relative;
    width: 86px;
   /*  margin: auto; */
    cursor: pointer;
    border: 0;
    height: 39px;
    border-radius: 5px;
    outline: 0;
    margin-left: 47px;
}

.foodoc {
    display: block;
    position: relative;
    width: 121px;
   /*  margin: auto; */
    cursor: pointer;
    border: 0;
    height: 39px;
    border-radius: 5px;
    outline: 0;
    margin-left: 47px;
}
/* .foo:hover:after {
    background: #5978f8;
} */

/* Image button */
.foo:after {
    transition: 200ms all ease;
    border-bottom: 3px solid rgba(0,0,0,.2);
    background: #032350;
    text-shadow: 0 2px 0 rgba(0,0,0,.2);
    color: #fff;
    font-size: 15px;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    content: 'Post Image';
    line-height: 41px;
    border-radius: 5px;
}

/* Video Upload button */

.foov:after {
    transition: 200ms all ease;
    border-bottom: 3px solid rgba(0,0,0,.2);
    background: #032350;
    text-shadow: 0 2px 0 rgba(0,0,0,.2);
    color: #fff;
    font-size: 15px;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    content: 'Post Video';
    line-height: 41px;
    border-radius: 5px;
}

/* Document Upload button */

.foodoc:after {
    transition: 200ms all ease;
    border-bottom: 3px solid rgba(0,0,0,.2);
    background: #032350;
    text-shadow: 0 2px 0 rgba(0,0,0,.2);
    color: #fff;
    font-size: 15px;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    content: 'Post Document';
    line-height: 41px;
    border-radius: 5px;
}

.timeline-topstatus{
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    background-color: #ffffff!important;
    border: 1px solid #fff!important;
}


/* Drop Down box */

.dropbtn {
  
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
  cursor: pointer;
}

.dropdowngroup {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  overflow: auto;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  margin-left: 103%;
    top: 42px;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdowngroup a:hover {background-color: #ddd;}

.show {display: block;}


/* input[type="file"] {
    display: none;
} */
.custom-file-upload {
    border: 1px solid #ccc;
    display: inline-block;
    padding: 6px 12px;
    cursor: pointer;
}

.db_bluebtn {
    background: #cba5ff !important;
    border: 1px solid transparent!important;
    
}

.db_lightbluebtn {
    background: #a96cfd !important;
    border: 1px solid transparent!important;
}

.db_orangebtn {
    background: #7649b3 !important;
    border: 1px solid transparent!important;
}

.db_primarybtn {
    background: #3e2048!important;
    border: 1px solid transparent!important;
}
.db_btn {
    display: inline-block!important;
    padding: 7px 25px!important;
    border: none!important;
    border-radius: 5px!important;
    color: #fff!important;
    text-transform: capitalize!important;
    font-size: 14px!important;

}

.db_primarybtn:hover {
    /* border-color: #ffffff!important;
    color: #fff!important; */
    opacity: 0.8;
}

.timeline_butn .btnPosting, .timeline_butn button {
    background-color: #032350;
    color: #fff;
    border-radius: 5px!important;
}

#grptimelinefrmtxt{
      background-color: #edeef0!important;
    padding-left: 48px!important;
    padding-right: 20px!important;
    width: 95%!important;
    margin-left: 17px!important;
    border-radius: 13px!important;
    padding-top: 28px;
}

.statusimage img {
    height: 34px;
    width: 38px;
    top: 18px;
    left: 38px!important;
}

.post_footer_timeline {
    background-color: #ffffff;
    padding: 5px;
    border: 0px solid #ccc;
    border-top: 0;
    height: 50px;
    /* border-radius: 18px!important; */
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
    margin-top: 0px;
}

.commentprofile {
    min-height: 100px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-top: none;
    border-radius: 0;
    border-left: none;
    border-right: none;
}

.left_sidebar{
  background-color: #fff;
  padding-left: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  border-radius: 15px;
  margin-top: 10px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.left_sidebar_profile{
  background-color: #fff;
  padding-left: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  border-radius: 15px;
  margin-top: 10px;
  padding-right: 15px;
}
.post_timeline_all_post {
    background-color: #ffffff!important;
     border-radius: 15px;
   
}

.timeline_comm_box{
   background-color: #ffffff!important;
       border-bottom-left-radius: 15px!important;
    border-bottom-right-radius: 15px!important;
    border: 0px!important;
}

.timelin_comm_text{
  background-color: #edeef0!important;
}

.right_sidebar{
   border-radius: 15px;
   background-color: #fff;
   border: 0px!important;
   box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
}

.sa-button-container button.confirm, .sa-button-container button.cancel {
    margin-top: 0px!important;
    border-radius: 22px!important;
    color: #FFF;
}


.sweet-alert {

   border-radius: 10px!important;
}

/* background of Loader */
.loader_back{

    position: fixed!important;
    top: 0!important;
    left: 0!important;
    z-index: 1040!important;
    width: 114vw!important;
    height: 100vh!important;
    background-color: #000!important;
    opacity: .8!important;
}
  

.timelineload .loader.timeline_loader{
  top: 40%!important;
}
.header_store {
    background-color: var(--storeColor);
    padding: 0px 10px;
}

.view_right_btn{
  background-color: #3e2048!important;
  color: #fff!important;
  border-radius: 5px!important;
  padding: 7px 12px 7px 12px!important;

}

.view_right_joinbtn{
 background-color: #3e2048!important;   
  color: #fff!important;
  border-radius: 5px!important;
  padding: 7px 5px 7px 5px!important;
  /* padding: 3px 10px!important; */ 
}

.right_sidebar_group {
    border-radius: 15px;
    background-color: #fff;
    padding-left: 27px;
    padding-top: 22px;
}

.float-right{
      float: right;
}


.left_sidebar_group {
    border-radius: 15px;
    background-color: #fff;
    padding-left: 27px;
    padding-top: 22px;
}

.mr-10{
  margin-right: 10px!important;
}
.bg-white{
  background-color: #fff!important;
}
.mr-30{
  margin-top: 33px;
}

.active_drp{
    background-color: #568E8C!important;
    color: #fff!important;
}

.font_white{
    color: #fff;
}

.left_create h4 .active_drp a {
    color: #FFF!important;
    text-transform: none;
   
}

.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
    outline: 0px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.mid_creat_form h4 {
    border-radius: 15px!important;

  }

  .bradius-15{
    border-radius: 15px!important;
  }
  
  .bradius-10{
    border-radius: 10px!important;
  }

   /* .bradius-20{
    border-radius: 20px!important;
  } */


.right_sidebar_group_timeline {
    border-radius: 15px;
    background-color: #fff;
    padding-left: 4px;
    padding-top: 22px;
    padding-bottom: 10px;
}


.add_member_btn{
  background-color: #032350!important;
    color: #fff!important;
    border-radius: 20px!important;
    padding-top: 10px!important;
    padding-bottom: 10px!important;
    padding-left: 10px!important;
    padding-right: 10px!important;
}

.dropdown-menu{
    border-radius: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.anchor_default{
color: #0000EE!important; 
}

.pb_10{
  padding-bottom: 10px!important;
}

.pt_10{
  padding-top: 10px!important;
}


.my_profile_timeline{
  background-color: #edeef0!important;
    border-radius: 15px!important;
    padding-left: 12px!important;
    padding-top: 10px!important;
    padding-bottom: 10px!important;
    padding-right: 12px!important;
}
.border_none{
  border-bottom: none!important;
}

.comment_align{
  padding-left: 16px!important;
  /*padding-bottom: 10px!important; */
  width: 100%;
}

.mr_left_m15{
margin-left: -14px!important;
}

/* .modal-backdrop
{
    opacity:0.5 !important;
}

.modal-backdrop.in {
        opacity: 0.02!important;
} */

.mr_right_7{
  margin-right: 7px!important;
}

/* .modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000;
} */

.fa-heart:before {
    content: "\f004";
    color: #ff0052!important;
}

.fa-thumbs-up:before {
    content: "\f164";
    color: #27aeee!important;
}

.search_filtertimeline{
    background-color: #fff!important;
    border-radius: 20px!important;
}

.searchkeywordbox{
   border-radius: 20px!important;
   padding-left: 15px!important;
   padding-bottom: 8px!important;
}
   
.mt-40{
  margin-top: 40px!important;
}

.br_radius_bottom{
    border-bottom-left-radius: 15px!important;
    border-bottom-right-radius: 15px!important;
}


.br_radius_top{
    border-top-left-radius: 15px!important;
    border-top-right-radius: 15px!important;
}

/* .modal-open {
    overflow: inherit!important;
} */

.slidframe_freelancer{
      background-color: #fff!important;
    padding-top: 12px!important;
    padding-bottom: 12px!important;
    border-radius: 15px!important;
}

.pb-34{
  padding-bottom: 34px!important;
}
.br-15-overflow{
  border-radius: 15px!important;
  overflow: hidden!important;
}

.fav_del_btn{
  background-color: #032350!important;
    border-radius: 20px!important;
    padding-bottom: 3px!important;
    padding-top: 3px!important;
    padding-left: 10px!important;
    padding-right: 10px!important;
}


.fav_active{
  font-weight: 600!important;
    color: #202548!important;

}

.nav-tabs>li.fav_active.active>a, .nav-tabs>li.fav_active.active>a:focus, .nav-tabs>li.fav_active.active>a:hover {
   background-color: #202548!important;
   /* color: #fff!important; */
    border: none!important;
    margin: 1px;
}
/* .nav-tabs>li.fav_active.active>a{
background-color: #202548!important;
   color: #fff!important;
} */
.fav_seprate{
 
    padding: 0 2px 0 1px!important;

}

.btn_add_to_cart{

  /*  background: #032350!important; */
  
   /* background: #1c6121!important; */
   border-radius: 20px!important;
}

.btn_buy_now{
   /* background: #7d1e0f!important; */
    background: #1c6121!important;
   border-radius: 20px!important;
}


/* hide arrow of input type number */
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none!important;
  margin: 0!important;
}

/* Firefox */
input[type=number] {
  -moz-appearance:textfield!important;
}
/*
.store_active{
  background-color: #56966f;
    color: #fff;
    border-radius: 25px!important;
    padding: 13px 5px 9px 7px;
}*/

/*#storenavbar_ ul li a:focus {
    background-color: #56966f;
    color: #fff;
    border-radius: 30px!important;
    outline: none!important;
    
}*/

.btnpublishpre{
   color:#fff!important;
   background-color:#1c6121!important;
   padding-left: 30px!important;
   padding-right: 30px!important;
   /* font-size: 16px!important; */
}

.left_group_gray{
  background-color: #fff;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 10px;
    border-radius: 15px;
    margin-top: 10px;
}

.left_grid ul li {
    list-style: none;
    padding-left: 5px;
    margin-bottom: 0;
    padding-bottom: 5px;
    font-size: 14px;
}
/*.groupactive{
background-color: #C4F455!important;
}
*/
/* #storenavbar_ ul li a:focus, #storenavbar_ ul li a:hover {
    background-color: #56966f;
    color: #fff;
    border-radius: 30px!important;
    outline: none;
    
} */

/* sell  button blink css */
   /*    .sell {
      background-color: #1c87c9;
      -webkit-border-radius: 60px;
      border-radius: 60px;
      border: none;
      color: #eeeeee;
      cursor: pointer;
      display: inline-block;
      font-family: 'Poppins';
      font-size: 20px;
      padding: 10px 10px;
      text-align: center;
      text-decoration: none;
      }
      @keyframes glowing {
      0% { background-color: #2ba805; box-shadow: 0 0 5px #2ba805; }
      50% { background-color: #49e819; box-shadow: 0 0 20px #49e819; }
      100% { background-color: #2ba805; box-shadow: 0 0 5px #2ba805; }
      }
      .sell {
      animation: glowing 1300ms infinite;
      } */

/* 
.dropdown-menu::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent #555 transparent transparent;
} */

/* .dropdown-menu:after {
  position: absolute;
  top: -3px;
  left: 10px;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  border-left: 6px solid transparent;
  content: '';
}   */  
/* .header_front{
background-color: #032350!important;

} */

@media screen and (max-width: 767px){
  .landing_page .container.pubpost .col-md-7{
        padding: 0 0 !important;
    }
    .statusimage img{
        left: 30px!important;
    }
    #grptimelinefrmtxt{
        padding-top: 26px;
        margin: 0 auto !important;
        padding-left: 48px!important;
    }
}
/**************************Chat.css******************************/


/******* Chat ********/

.contacts li > .info-combo > h3.name{
    font-size:12px;    
}


.contacts li > .info-combo > h5 {
    width: 180px;
    font-size: 12px;
    height: 28px;
    font-weight: 500;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
}

.contacts li > .info-combo > h3 {
    width: 167px;
    height: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.info-combo > h3 {
    margin: 3px 0;
}

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

.info-combo > h5 {
    margin: 2px 0 6px 0;
}
/* Messages */
.messages-panel img.img-circle {
    border: 1px solid rgba(0,0,0,0.1);
}
.panel-body{
    /* height: 100%; */
}
.medium-image {
    width: 45px;
    height: 45px;
    margin-right: 5px;
}

.img-circle {
    border-radius: 50%;
}
.messages-panel {
    width: 100%;
    height: 100%;
    /*min-height: 460px;*/
    background-color: #fbfcff;
    display: inline-block;
    border-top-left-radius: 5px;
    margin-bottom: 0;
}

.messages-panel img.img-circle {
    border: 1px solid rgba(0,0,0,0.1);
}

.messages-panel .tab-content {
    border: none;
    background-color: transparent;
}

.contacts-list {
    background-color: #fff;
    border-right: 1px solid #cfdbe2;
    width: 305px;
    height: 100%;
    border-top-left-radius: 5px;
    float: left;
}

.contacts-list .inbox-categories {
    width: 100%;
    padding: 0;
    margin-left: 0;
}

.contacts-list .inbox-categories > div {
    float: left;
    width: 50%;
    padding: 15px 5px;
    font-size: 14px;
    text-align: center;
    border-right: 1px solid rgba(0,0,0,0.1);
    background-color: rgba(255,255,255,0.75);
    cursor: pointer;
    font-weight: 700;
}

.contacts-list .inbox-categories > div:nth-child(1) {
    color: #2da9e9;
    border-right-color: rgba(45,129,233,0.06);
    border-bottom: 4px solid #2da9e9;
    border-top-left-radius: 5px;
}

.contacts-list .inbox-categories > div:nth-child(1).active {
    color: #fff;
    background-color: #2da9e9;
    border-bottom: 4px solid rgba(0,0,0,0.15);
}

.contacts-list .inbox-categories > div:nth-child(2) {
    color: #0ec8a2;
    border-right-color: rgba(14,200,162,0.06);
    border-bottom: 4px solid #00a180;
    background-color: #0ec8a2;
    color: #fff;
}

.contacts-list .inbox-categories > div:nth-child(2).active {
    color: #fff;
    background-color: #0ec8a2;
    border-bottom: 4px solid rgba(0,0,0,0.15);
}

.contacts-list .inbox-categories > div:nth-child(3) {
    color: #ff9e2a;
    border-right-color: rgba(255,152,14,0.06);
    border-bottom: 4px solid #ff9e2a;
}

.contacts-list .inbox-categories > div:nth-child(3).active {
    color: #fff;
    background-color: #ff9e2a;
    border-bottom: 4px solid rgba(0,0,0,0.15);
}

.contacts-list .inbox-categories > div:nth-child(4) {
    color: #314557;
    border-bottom: 4px solid #314557;
    border-right-color: transparent;
}

.contacts-list .inbox-categories > div:nth-child(4).active {
    color: #fff;
    background-color: #314557;
    border-bottom: 4px solid rgba(0,0,0,0.35);
}

.contacts-list .panel-search > input {
    margin-left: 5px;
    background-color: rgba(0,0,0,0);
}

.contacts-outter-wrapper {
    position: relative;
    width: 305px;
    /*min-height: 405px;*/
    overflow: hidden;
}

.contacts-outter-wrapper:after, .contacts-outter-wrapper:nth-child(1):after {
    content: "";
    position: absolute;
    width: 100%;
    height: 5px;
    bottom: 0;
    background-color: #2da9e9;
    border-bottom-left-radius: 4px;
}

.contacts-outter-wrapper:nth-child(2):after {
    background-color: #0ec8a2;
}

.contacts-outter-wrapper:nth-child(3):after {
    background-color: #ff9e2a;
}

.contacts-outter-wrapper:nth-child(4):after {
    background-color: #314557;
}

.contacts-outter {
    position: relative;
    
    width: 325px;
    overflow-y: scroll;
    
}

@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) {
    @media {
        .contacts-outter{
            padding-left: 0;
        }
    }
}

.contacts {
    margin-top: 0px;
    position: absolute;
    z-index: 1;
}

.contacts li {
    width: 100%;
    display: inline-flex;
    border-top: 1px solid transparent;
    border-bottom: 1px solid rgba(205,211,237,0.2);
    border-left: 4px solid rgba(255,255,255,0);
    padding: 8px 12px;
    position: relative;
    background-color: rgba(255,255,255,0);
}

.contacts li:first-child {
    border-top: 1px solid rgba(205,211,237,0.2);
}

.contacts li:first-child.active {
    border-top: 1px solid rgba(205,211,237,0.75);
}

.contacts li:hover {
    background-color: rgba(255,255,255,0.25);
}

.contacts li.active, .contacts.info li.active {
    border-left: 4px solid #2da9e9;
    border-top-color: rgba(205,211,237,0.75);
    border-bottom-color: rgba(205,211,237,0.75);
    background-color: #fbfcff;
}

.contacts.success li.active {
    border-left: 4px solid #0ec8a2;
}

.contacts.warning li.active {
    border-left: 4px solid #ff9e2a;
}

.contacts.danger li.active {
    border-left: 4px solid #f95858;
}

.contacts.dark li.active {
    border-left: 4px solid #314557;
}

.contacts li > .info-combo {
    width: 172px;
    cursor: pointer;
}

.contacts li > .info-combo > h3 {
    width: 167px;
    height: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.contacts li .contacts-add {
    width: 50px;
    float: right;
    z-index: 23299;
}

.contacts li .message-time {
    text-align: right;
    display: block;
    margin-left: -15px;
    width: 70px;
    height: 25px;
    line-height: 28px;
    font-size: 14px;
    font-weight: 600;
    padding-right: 5px;
}

.contacts li .contacts-add .fa-trash-o {
    position: absolute;
    font-size: 14px;
    right: 12px;
    bottom: 15px;
    color: #a6a6a6;
    cursor: pointer;
}

.contacts li .contacts-add .fa-paperclip {
    position: absolute;
    font-size: 14px;
    right: 34px;
    bottom: 15px;
    color: #a6a6a6;
    cursor: pointer;
}

.contacts li .contacts-add .fa-trash-o:hover {
    color: #f95858;
}

.contacts li .contacts-add .fa-paperclip:hover {
    color: #ff9e2a;
}

.contacts li > .info-combo > h5 {
    width: 180px;
    font-size: 12px;
    height: 28px;
    font-weight: 500;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
}

.contacts li .message-count {
    position: absolute;
    top: 8px;
    left: 5px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    background-color: #000;
    border-radius: 50%;
    color: #fff;
    font-weight: 600;
    font-size: 10px;
}
.contacts li .online {
    position: absolute;
    top: 10px;
    left: 50px;
    width: 12px;
    height: 12px;
    line-height: 12px;
    text-align: center;
    background-color: #00c034;
    border-radius: 50%;
    color: #fff;
    font-weight: 600;
    font-size: 10px;
    border: 1px solid;
}
.contacts li .offline {
    position: absolute;
    top: 10px;
    left: 50px;
    width: 12px;
    height: 12px;
    line-height: 12px;
    text-align: center;
    background-color: #f44336;
    border-radius: 50%;
    color: #fff;
    font-weight: 600;
    font-size: 10px;
    border: 1px solid;
}

.message-body {
    background-color: #fbfcff;
    width: calc(100% - 305px);
    float: right;
}

.message-body .message-top {
    display: inline-block;
    width: 100%;
    position: relative;
    min-height: 53px;
    height: auto;
    background-color: #fff;
    border-bottom: 1px solid rgba(205,211,237,0.5);
}

.message-body .message-top .new-message-wrapper {
    width: 100%;
}

.message-body .message-top .new-message-wrapper > .form-group {
    width: 100%;
    padding: 10px 10px 0 10px;
    height: 50px;
}

.message-body .message-top .new-message-wrapper .form-group .form-control {
    width: calc(100% - 50px);
    float: left;
}

.message-body .message-top .new-message-wrapper .form-group a {
    width: 40px;
    padding: 6px 6px 6px 6px;
    text-align: center;
    display: block;
    float: right;
    margin: 0;
}

.message-body .message-top > .btn {
    height: 53px;
    line-height: 53px;
    padding: 0 20px;
    float: right;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    margin: 0;
    font-size: 15px;
    opacity: 0.9;
}

.message-body .message-top > .btn:hover,
.message-body .message-top > .btn:focus,
.message-body .message-top > .btn.active {
    opacity: 1;
}

.message-body .message-top > .btn > i {
    margin-right: 5px;
    font-size: 18px;
}
.name_title{
    padding: 15px;
    float: left;
    font-size: 20px;
}
.name_report{
    position: absolute;
    right: 15px;
    top: 10px;
}
.new-message-wrapper {
    position: absolute;
    max-height: 400px;
    top: 53px;
    background-color: #fff;
    z-index: 105;
    padding: 20px 15px 30px 15px;
    border-bottom: 1px solid #cfdbe2;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    box-shadow: 0 7px 10px rgba(0,0,0,0.25);
    transition: 0.5s;
    display: none;
}

.new-message-wrapper.closed {
    opacity: 0;
    max-height: 0;
}

.chat-footer.new-message-textarea {
    display: block;
    position: relative;
    padding: 0 10px;
}

.chat-footer.new-message-textarea .send-message-button {
    right: 35px;
}

.chat-footer.new-message-textarea .upload-file {
    right: 85px;
}

.chat-footer.new-message-textarea .send-message-text {
    padding-right: 100px;
    height: 90px;
}

.message-chat {
    width: 100%;
    overflow: hidden;

}

.chat-body {
    width: calc(100% + 17px);
    min-height: 290px;
    height: calc(100vh - 190px);
    background-color: #fbfcff;
    margin-bottom: 30px;
    padding: 30px 5px 5px 5px;
    overflow-y: scroll;
}

.message {
    position: relative;
    width: 100%;
}

.message br {
    clear: both;
}

.message .message-body {
    position: relative;
    width: auto;
    max-width: calc(100% - 150px);
    float: left;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #dbe3e8;
    margin: 0 5px 20px 15px;
    color: #788288;
}

.message:after {
    content: "";
    position: absolute;
    top: 11px;
    left: 63px;
    float: left;
    z-index: 100;
    border-top: 10px solid transparent;
    border-left: none;
    border-bottom: 10px solid transparent;
    border-right: 13px solid #fff;
}

.message:before {
    content: "";
    position: absolute;
    top: 10px;
    left: 62px;
    float: left;
    z-index: 99;
    border-top: 11px solid transparent;
    border-left: none;
    border-bottom: 11px solid transparent;
    border-right: 13px solid #dbe3e8;
}

.message .medium-image {
    float: left;
    margin-left: 10px;
}

.message .message-info {
    width: 100%;
    height: 22px;
}

.message .message-info > h5 > i {
    font-size: 11px;
    font-weight: 700;
    margin: 0 2px 0 0;
    color: #a2b8c5;
}

.message .message-info > h5 {
    color: #a2b8c5;
    margin: 8px 0 0 0;
    font-size: 12px;
    float: right;
    padding-right: 10px;
}

.message .message-info > h4 {
    font-size: 14px;
    font-weight: 600;
    margin: 7px 13px 0 10px;
    color: #65addd;
    float: left;
}

.message hr {
    margin: 4px 2%;
    width: 96%;
    opacity: 0.75;
}

.message .message-text {
    text-align: left;
    padding: 3px 13px 10px 13px;
    font-size: 14px;
}

.message.my-message .message-body {
    float: right;
    margin: 0 15px 20px 5px;
}
/* 
.message.my-message:after {
    content: "";
    position: absolute;
    top: 11px;
 
    right: 63px;
    float: left;
    z-index: 100;
    border-top: 10px solid transparent;
    border-left: 13px solid #fff;
    border-bottom: 10px solid transparent;
    border-right: none;
} */

.message.my-message:before {
    content: "";
    position: absolute;
    top: 10px;
    left: auto;
    right: 62px;
    float: left;
    z-index: 99;
    border-top: 11px solid transparent;
    border-left: 13px solid #dbe3e8;
    border-bottom: 11px solid transparent;
    border-right: none;
}

.message.my-message .medium-image {
    float: right;
    margin-left: 5px;
    margin-right: 10px;
}

.message.my-message .message-info > h5 {
    float: left;
    padding-left: 10px;
    padding-right: 0;
}

.message.my-message .message-info > h4 {
    float: right;
}

.message.info .message-body {
    background-color: #2da9e9;
    border: 1px solid #2da9e9;
    color: #fff;
}

.message.info:after, .message.info:before {
    border-right: 13px solid #2da9e9;
}

.message.success .message-body {
    background-color: #0ec8a2;
    border: 1px solid #0ec8a2;
    color: #fff;
}

.message.success:after, .message.success:before {
    border-right: 13px solid #0ec8a2;
}

.message.warning .message-body {
    background-color: #ff9e2a;
    border: 1px solid #ff9e2a;
    color: #fff;
}

.message.warning:after, .message.warning:before {
    border-right: 13px solid #ff9e2a;
}

.message.danger .message-body {
    background-color: #f95858;
    border: 1px solid #f95858;
    color: #fff;
}

.message.danger:after, .message.danger:before {
    border-right: 13px solid #f95858;
}

.message.dark .message-body {
    background-color: #314557;
    border: 1px solid #314557;
    color: #fff;
}

.message.dark:after, .message.dark:before {
    border-right: 13px solid #314557;
}

.message.info .message-info > h4, .message.success .message-info > h4,
.message.warning .message-info > h4, .message.danger .message-info > h4,
.message.dark .message-info > h4 {
    color: #fff;
}

.message.info .message-info > h5, .message.info .message-info > h5 > i,
.message.success .message-info > h5, .message.success .message-info > h5 > i,
.message.warning .message-info > h5, .message.warning .message-info > h5 > i,
.message.danger .message-info > h5, .message.danger .message-info > h5 > i,
.message.dark .message-info > h5, .message.dark .message-info > h5 > i {
    color: #fff;
    opacity: 0.9;
}

.chat-footer {
    position: relative;
    width: 100%;
    padding: 0 10px;
}

.chat-footer .send-message-text {
    position: relative;
    display: block;
    width: 100%;
    min-height: 55px;
    max-height: 75px;
    background-color: #e6e6e6;
    border-radius: 5px;
    padding: 5px 10px 5px 10px;
    font-size: 13px;
    resize: vertical;
    outline: none;
    border: 1px solid #e0e6eb;
}

.chat-footer .send-message-button {
    display: block;
    position: absolute;
    width: 35px;
    height: 35px;
    right: 35px;
    top: 0;
    bottom: 0;
    margin: auto;
    border: 1px solid rgba(0,0,0,0.05);
    outline: none;
    font-weight: 600;
    border-radius: 50%;
    padding: 0;
}

.chat-footer .send-message-button > i {
    font-size: 16px;
    margin: 0 0 0 -2px;
}

.chat-footer label.upload-file input[type="file"] {
    position: fixed;
    top: -1000px;
}

.chat-footer .upload-file {
    display: block;
    position: absolute;
    right: 90px;
    height: 30px;
    font-size: 20px;
    top: 0;
    bottom: 0;
    margin: auto;
    opacity: 0.25;
}

.chat-footer .upload-file:hover {
    opacity: 1;
}
.footer_item {
    width: 40px;    
    padding: 10px 15px;
    margin: 5px 0;
    background-color: #e6e6e6;
    display: inline-block;
    border-radius: 5px;
}

/**** Model User List ****/

.main-box.no-header {
    padding-top: 20px;
}
.main-box {
    background: #FFFFFF;
    -webkit-box-shadow: 1px 1px 2px 0 #CCCCCC;
    -moz-box-shadow: 1px 1px 2px 0 #CCCCCC;
    -o-box-shadow: 1px 1px 2px 0 #CCCCCC;
    -ms-box-shadow: 1px 1px 2px 0 #CCCCCC;
    box-shadow: 1px 1px 2px 0 #CCCCCC;
    margin-bottom: 16px;
    -webikt-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.table a.table-link.danger {
    color: #e74c3c;
}
.label {
    border-radius: 3px;
    font-size: 0.875em;
    font-weight: 600;
}
.user-list tbody td .user-subhead {
    font-size: 0.875em;
    font-style: italic;
}
.user-list tbody td .user-link {
    display: block;
    font-size: 1.25em;
    padding-top: 3px;
    margin-left: 60px;
}
a {
    color: #3498db;
    outline: none!important;
}
.user-list tbody td>img {
    position: relative;
    max-width: 50px;
    float: left;
    margin-right: 15px;
}

.table thead tr th {
    text-transform: uppercase;
    font-size: 0.875em;
}
.table thead tr th {
    border-bottom: 2px solid #e7ebee;
}
.table tbody tr td:first-child {
    font-size: 1.125em;
    font-weight: 300;
}
.table tbody tr td {
    font-size: 1.125em;
    border-top: 1px solid #e7ebee;
    padding: 12px 8px;
}
a:hover{
text-decoration:none;
}


/* Media Query */
@media screen and (max-width: 767px) {
    .messages-panel {
        min-width: 0;
        display: inline-block;
    }

    .contacts-list, .contacts-list .inbox-categories > div:nth-child(4) {
        border-top-right-radius: 5px;
        border-right: none;
    }

    .contacts-list, .contacts-outter-wrapper, .contacts-outter, .contacts {
        width: 100%;
        padding-left: 0;    
        
    }

    .contacts-list .inbox-categories > div {
        width: 25%;
    }

    .message-body {
        width: 100%;
        margin: 20px 0;
        border: 1px solid #dce2e9;
        background-color: #fff;
    }

    .message .message-body {
        max-width: calc(100% - 85px);
    }

    .message-body .chat-body {
        background-color: #fff;
        width: 100%;
    }

    .chat-footer {
        margin-bottom: 20px;
        padding: 0 20px;
    }

    .chat-footer .send-message-button {
        right: 40px;
    }

    .chat-footer .upload-file {
        right: 90px;
    }

    .message-body .message-top > .btn {
        border-radius: 0;
        width: 100%;
    }

    .contacts-add {
        display: none;
    }
}

/* Profile page */

.profile-main {
    background-color: #fff;
    border: 1px solid #dce2e9;
    border-radius: 3px;
    position: relative;
    margin-bottom: 20px;
}

.profile-main .profile-background {
    background-image: url('../images/samples/forest.png');
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    width: 100%;
    height: 260px;
}

.profile-main .profile-info {
    width: calc(100% - 380px);
    max-width: 1100px;
    margin: 0 auto;
    background-color: #fff;
    height: 70px;
    border-radius: 0 0 3px 3px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.profile-main .profile-info > div {
    margin: 0 10px;
}

.profile-main .profile-info > div:last-child {
    padding-right: 25px;
}

.profile-main .profile-info > div h4 {
    font-size: 16px;
    margin-bottom: 0;
}

.profile-main .profile-info > div h5 {
    margin-top: 5px;
    font-weight: 500;
}

.profile-main .profile-button {
    padding: 8px 0;
    position: absolute;
    right: 25px;
    bottom: 16px;
    width: 150px;
}

.profile-main .profile-picture {
    width: 150px;
    height: 150px;
    border: 4px solid #fff;
    position: absolute;
    left: 25px;
    bottom: 14px;
}

@media screen and (max-width: 767px) {
    .profile-main .profile-info .profile-status,
    .profile-main .profile-info .profile-posts,
    .profile-main .profile-info .profile-date {
        display: none;
    }
}

.contacts li > .info-combo {
    display:inline-block;
}
/******************* home_1.css ***************/
/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body {
  color: #5a5a5a;
}


/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  margin-bottom: 3rem;
  margin-top: 3rem;
}
/* Since positioning the image, we need to help out the caption */
/*.carousel-caption {
  bottom: 3rem;
  z-index: 10;
}*/

/* Declare heights because of positioning of img element */
/*.carousel-item {
  height: 32rem;
}*/
/*.carousel-item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 32rem;
}*/


/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 1.5rem;
  text-align: center;
}
.marketing h2 {
  font-weight: 400;
}
/* rtl:begin:ignore */
.marketing .col-lg-4 p {
  margin-right: .75rem;
  margin-left: .75rem;
}
/* rtl:end:ignore */


/* Featurettes
------------------------- */

.featurette-divider {
  margin: 5rem 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  /* rtl:remove */
  letter-spacing: -.05rem;
}
.dropdown-toggle::after {
    display: block;
    position: absolute;
    top: 50%;
    right: -10px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: white;
}

/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 40em) {
  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
}

@media (min-width: 62em) {
  .featurette-heading {
    margin-top: 7rem;
  }
}
.blur.blur-rounded {
    border-radius: 40px;
}
.blur {
    box-shadow: inset 0 0 2px #fefefed1;
    -webkit-backdrop-filter: saturate(200%) blur(30px);
    backdrop-filter: saturate(200%) blur(30px);
    background-color: hsla(0,0%,100%,.8)!important;
}

/****************************** Table.css*******************/


.tbl_account thead{
  background-color: #EDEEF0;
}
.tbl_account thead tr th:first-child{
  width: 60px;
}
.tbl_account thead tr th:last-child{
  width: 100px;
}
.tbl_account thead tr th{
  text-align: center;
}
.tbl_account thead tr th:nth-child(2), .tbl_account tbody tr td:nth-child(2){
  text-align: left;
}

.pac-container:after{
    content:none !important;
}