.box_provinces {
    position: absolute;
    top: 2rem;
    left: 0;
    right: 0;
    margin: auto;

}

.box_provinces .shild_prv {
    width: 26rem;
    border: 1px solid #999;
    border-radius: .2rem;
    margin: auto;
    position: relative;
    background-color: #fff;
    height: 30rem;
    overflow-y: scroll;
}

.box_close .shell {
    width: 1rem;
    height: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
}

.box_close .shell:hover {
    cursor: pointer;
    background-color: red;
    color: #fff;
}

.fa-heart {
    color: red;
}

.box_close {
    display: flex;
    justify-content: flex-end;
    padding: 0.6rem;
    width: fit-content;
}

.box_search {
    width: 92%;
    position: relative;
    margin: auto;
}

.box_search input.search_prv {
    height: 2.5rem;
    width: 100%;
    outline: none;
    font-size: 12.8pt;
    padding-right: 2.5rem;
    font-family: inherit;
    border: 1px solid #d0d1d3;
    border-radius: .4rem;
}

.box_search input.search_prv:focus {
    border-color: #0084ff;
    box-shadow: 0 0 4px #0084ff;
}

.box_search input.search_prv::placeholder {
    color: #ccc;
}

.box_search span.search_icn {
    position: absolute;
    font-size: 15pt;
    top: 28%;
    right: 0.8rem;
    color: #999;
}

.box_provinces span.title_menu {
    height: 3rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background-color: #eff0f1;
    margin-top: 0.7rem;
    padding-right: 1.4rem;
    font-size: 12.8pt;
    color: #999;
}

.box_provinces h2 {
    text-align: center !important;
    margin-bottom: 0.5rem !important;
    font-size: 18pt !important;
}

.sticky_bsprv {
    position: absolute;
    width: 95.4%;
    top: 1px;
    height: 4rem;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    background-color: #fff;
    margin: auto;
    left: 30px;
    right: 2px;;
}

.hook_bs {
    height: .5rem;
}

.shild_prv0 {
    width: 26rem;
    margin: auto;
    position: relative;
    z-index: 20;
}

.spn_clnm {
    position: absolute;
    width: 6rem;
    left: 0;
    right: 57px;
    top: 12px;
    text-align: center;
}

.provinces_cities .prvsAds {
    border-bottom: 1px solid #eff0f1;
    justify-content: space-between;
    height: 2rem;
    display: flex;
    align-items: center;
    font-weight: 900;
    cursor: pointer;
    transition: all .35s ease-in-out;
    background-color: #fff;
    align-content: center;
    padding-right: 1rem;
    padding-left: 1rem;
}

.provinces_cities .prvsAds span:nth-child(2) {
    color: #000;
}

.provinces_cities .prvsAds .namePrv {
    color: #747d8c;
    transition: all .35s ease-in-out;
}

.provinces_cities .prvsAds:nth-child(1) .namePrv {
    color: #000 !important;
}

.provinces_cities .prvsAds:nth-child(1) span:nth-child(2) {
    color: #00a8ff !important;
}

.provinces_cities .prvsAds:hover {
    background-color: #0984e3;
}

.provinces_cities .prvsAds:hover .namePrv {
    color: #000;
}


/*/3d filp button/*/
.tdfilpb {
    position: relative;
    /*display: inline-flex;*/
    width: 260px;
    height: 100%;
    margin: 0 15px;
    perspective: 4200px;
    letter-spacing: 1px;
    transform-style: preserve-3d;
    transform: translateZ(-25px);
    transition: transform .25s;
    font-family: 'Montserrat', sans-serif;
    cursor: pointer;
    justify-content: center;
    display: flex;
    align-items: center;
}

.tdfilpb .tdone,
.tdfilpb .tdtwo {
    position: absolute;
    height: 39px;
    width: 256px;
    display: flex;
    align-items: center;
    border: 1px solid #000;
    border-radius: 5px;
    font-size: 1.4rem;
    justify-content: space-evenly;
    align-content: center;
    margin: auto;
}

.tdfilpb .tdone {
    color: #fff;
    background: #000;
    transform: rotateY(0deg) translateZ(18px);
}

.tdfilpb .tdtwo {
    color: #000;
    transform: rotateX(90deg) translateZ(18px);
}

.tdfilpb:hover {
    transform: translateZ(-25px) rotateX(-90deg);
}

/*//*/

.box_cities {
    margin: 1rem auto;
}

.citiesAds {
    border-bottom: 1px solid #eff0f1;
    justify-content: space-between;
    height: 2rem;
    display: flex;
    align-items: center;
    font-weight: 900;
    cursor: pointer;
    transition: all .35s ease-in-out;
    background-color: #fff;
    align-content: center;
    padding-right: 1rem;
    padding-left: 1rem;
}

#categories_card .row01 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
}

#categories_card .row01 .card {
    height: 14rem;
    border-radius: .3rem;
    border: 1px solid transparent;
    box-shadow: 0 0 5px #999;
    /* box-shadow: 0 1px 6px 0 rgba(0,0,0,.1); */
}

#categories_card .hCard {
    display: flex;
    justify-content: space-between;
    padding: 0.4rem 0;
    border-bottom: 1px solid #eee;
    margin: 0 0.7rem;
}

#categories_card .details {
    display: flex;
    flex-direction: column;
    padding-right: 0.6rem;
}

#categories_card .bhCard {
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: space-evenly;
}

#categories_card span.disAll {
    color: #00a8ff;
    font-size: 12pt;
}

#categories_card span.name {
    font-size: 12.8pt;
    font-weight: 800;
}

#categories_card span.disAll:hover, #categories_card span.name:hover {
    color: #c77405;
    cursor: pointer;
}

#categories_card span.counter {
    font-size: 12pt;
    color: #999;
}

#categories_card a.icon span {
    font-size: 20pt;
}

#categories_card .tags .small {
    width: fit-content;
    border: 1px solid #ccc;
    border-radius: 1rem;
    font-size: 11pt;
    padding: 0.1rem 0.3rem;
    color: #999;
    margin: 0.2rem 0.2rem;
}

#categories_card .tags .small:hover {
    color: #f1c40f;
    cursor: pointer;
}

#categories_card .tags {
    width: 12rem;
    display: flex;
    flex-wrap: wrap;
    padding: 1rem 0.8rem;
}

#categories_card .vehicles .icon > span {
    color: red;
}

#categories_card .estate .icon > span {
    color: green;
}

#categories_card .employment .icon > span {
    color: #f1c40f !important;
}

#categories_card .services .icon > span {
    color: #27ae60 !important;
}

.row02 {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 10px;
    margin-top: 0.8rem;
}

.row02 .card {
    height: 6rem;
    border-radius: .3rem;
    border: 1px solid transparent;
    box-shadow: 0 0 5px #999;
    padding: 0.6rem;
    cursor: pointer;
}

.row02 .card .details {
    padding-right: 0 !important;
}

.row02 .home_appliances .icon span:nth-child(1) {
    color: #55efc4 !important;
}

.row02 .Recreation .icon span:nth-child(1) {
    color: #8e44ad !important;
}

.row02 .electronic .icon span:nth-child(1) {

    color: #2980b9 !important;
}

.row02 .industrial .icon span:nth-child(1) {
    color: #636e72 !important;
}

.row02 .mobile .icon span:nth-child(1) {
    color: #2c3e50 !important;
}

.row02 .personal_stuff .icon span:nth-child(1) {
    color: #30336b !important;
}

div#All_ads {
    margin-top: 2rem;
    /*display: grid;*/
    /*grid-template-columns: repeat(5,1fr);*/
    gap: 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.cell_Aa {
    padding: 1rem;
    /*box-shadow: 0 0 5px #999;*/
    border-radius: .3rem;
    width: 12.3rem;
}

.cell_Aa:hover {
    cursor: pointer;
}

.cell_Aa:hover .name a h2 {
    color: #fb9517 !important;
}

.cell_Aa .img > img {
    /*border-radius: .3rem;*/
    width: 13rem;
}

span.sos {
    background-color: #f00;
    color: #fff;
    padding: .2rem;
    border-radius: 1rem;
    font-size: 10pt;
    width: 2rem;
    height: 1.6rem;
    display: flex;
    font-weight: 400;
    align-items: center;
    justify-content: center;
}

li.cell_Aa {
    width: 88% !important;
    display: flex !important;
    margin: 1rem auto;
    flex-direction: column;
    align-items: center;
    box-shadow: 0 0 5px #999;
    height: 20rem;
    padding: 0;
    position: relative;
    background-color: #fff;
}

.home .cell_Aa section.bx_details {
    width: 12rem;
    direction: ltr;
}

.cell_Aa section.img {
    display: flex;
    justify-content: center;
    width: 12.2rem;
    height: 11rem;
    overflow: hidden;
    background-color: #ccc;
}

.List_advice.advertising .cell_Aa section.img {
    width: 13.2rem;
    height: 11rem;
}

.cell_Aa .img > img {
    width: 12.2rem;
    height: 11rem;
}

.List_advice.advertising .cell_Aa .img > img {
    width: 13.2rem;
    height: 11rem;
}

.home .cell_Aa section.bx_details {
    margin: 0 !important;
}

.cell_Aa section.bx_details {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.cell_Aa .bx_name {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: .2rem 1rem;
}

.more_Ads {
    margin-top: 1rem;
}

.more_Ads .tdone, .more_Ads .tdtwo {
    height: 3rem !important;
    border-radius: 2rem;
    border: 0px solid transparent;
}

.more_Ads .tdfilpb {
    height: 60px !important;
    transition: all .35s ease-in-out !important;
}

.more_Ads .tdfilpb .tdone {
    color: #fff;
    background: linear-gradient(90deg, #4b6cb7 0%, #182848 100%);
    transform: rotateY(0deg) translateZ(30px) !important;
}

.more_Ads .tdfilpb .tdtwo {
    color: #fff;
    background: linear-gradient(90deg, #1CB5E0 0%, #000851 100%);
    transform: rotateX(90deg) translateZ(27px) !important;
}

.row02 .card:hover .name {
    color: #c77405;
    cursor: pointer;
}


#Safe_shopping h2 {
    font-size: 12.5pt !important;
}


.row02 a.icon {
    display: flex;
    justify-content: center;
}

.top9rem {
    top: 9rem !important;
}

.row03 {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    border: 1px solid #ccc;
    border-radius: .4rem;
    padding: 0.6rem;
    box-shadow: 0 0 5px #ccc;
}

.row03 .card {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 3rem;
}

.row03 .card:not(:nth-child(n+6)) {
    border-bottom: 1px solid #ccc;
}

.row03 .card:not(:nth-of-type(5n)) {
    border-left: 1px solid #ccc;
}

.row03 span.name {
    font-size: 11pt !important;
}

.row03 span.counter {
    font-size: 10pt !important;
}

.pbox {
    margin-top: 1rem;
    border: 1px solid #ccc;
    padding: 1rem;
    border-radius: .4rem;
    box-shadow: 0 0 5px #ccc;
}

div#c_position {
    margin-top: .4rem;
    display: flex;
}

#c_position .tag {
    display: flex;
    align-items: center;
    border: 1px solid #ccc;
    width: fit-content;
    padding: .4rem;
    border-radius: 0.4rem;
    margin-left: 0.2rem;
}

#c_position .tag .name {
    padding-right: 0.4rem !important;
}

#c_position .tag .box_close {
    padding: 0 !important;
}

.box_close2 {
    display: flex;
    justify-content: flex-end;
    width: fit-content;
}

.box_close2 .shell:hover {
    cursor: pointer;
    background-color: red;
    color: #fff;
}

.shell {
    width: 1rem;
    height: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
}

.sorting {
    display: flex;
    width: 16rem;
    justify-content: space-around;
    align-items: center;
}

.ckAdsImg {
    display: flex;
    align-items: center;
    width: fit-content;
    justify-content: center;
    margin: 0 1.4rem;
}

div#sort_root {
    display: flex;
    justify-content: space-between;
}

#sort_root .rooting {
    display: flex;
    align-items: center;
}

#sort_root .rooting > i {
    padding: 0 0.3rem;
}

.U0Sort {
    font-family: inherit !important;
    position: absolute;
    z-index: 2;
    border: 1px solid #999;
    background-color: #fff;
    top: 36px;
    left: 0;
    right: 0;
    margin: auto;
    box-shadow: 1px 3px 5px #333;
}

.rooting span {
    margin-right: .5rem;
}

.sort_head {
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.sort_head .name {
    font-size: 11pt;
    display: flex;
    justify-content: center;
    min-width: 10rem;
}

.spform .time .sort_head .name {
    min-width: unset !important;
}

.sort_head i {
    transition: all .2s ease-in-out;
}

.U0Sort .cell_U0 {
    background-color: #fff;
    font-size: 11pt;
    padding: 0.3rem;
}

.U0Sort .cell_U0:not(:nth-child(1)) {
    border-top: 1px solid #999;
}

.U0Sort .cell_U0:hover {
    background-color: #00f;
    color: #fff;
}

.sort {
    position: relative;
    border: 1px solid #ccc;
    border-radius: 0.2rem;
    padding: 0.2rem;
    cursor: pointer;
    background-color: #fff;
}

.rotate180 {
    transform: rotate(180deg) !important;
}

.height176 {
    height: 17.6rem !important;
}

.cell_Aa2:not(:nth-child(1)) {
    border-top: 1px solid #ccc;
}

.cell_Aa2 .img > img {
    border-radius: .4rem;
}

.cell_Aa2 h2 {
    font-size: 15.5pt !important;
    font-weight: 800;
    display: block;
    text-align: right;
    color: #000;
    padding-right: 0 !important;
    margin: 0.4rem 0 1rem 0 !important;
}

.cell_Aa2 {
    display: flex;
    justify-content: space-between;
    padding: 1.2rem 0;
    cursor: pointer;
}

.cell_Aa2:hover .name {
    color: red;
}

.cell_Aa2 .img {
    position: relative;
    display: flex;
}

.cell_Aa2 .details {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-right: 2rem;
}

.cell_Aa2 section.camera {
    position: absolute;
    bottom: 0;
    background-color: rgba(0, 0, 0, .4);
    color: #fff;
    padding: .2rem;
    display: flex;
    width: 2.3rem;
    justify-content: space-around;
    align-items: center;
    border-top-left-radius: .4rem;
    border-bottom-right-radius: .4rem;
}

.cell_Aa2 section.prices {
    margin-top: 1rem !important;
}

.cell_Aa2 section.prices .digit {
    padding: 0 !important;
}

.cell_Aa2 .star_tell {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.cell_Aa2 .box_01 {
    display: flex;
}

.cell_Aa2 .box_tell {
    border: 2px solid #3498db;
    border-radius: .6rem;
    padding: .2rem;
    display: flex;
}

.cell_Aa2 span.tell {
    display: flex;
    align-items: center;
    min-width: 3.4rem;
    justify-content: space-around;
    color: #2980b9;
}

.cell_Aa2 span.tell span {
    padding: 0 0.3rem;
}

.box_star2 {
    display: flex;
    justify-content: flex-end;
}

.box_star2 span.fas.fa-star {
    text-shadow: 0 0 5px #00f;
    color: gold;
}

.All_ads2 {
    padding: 0 1rem !important;
}

.All_ads2 .tell:hover span:nth-child(1) {
    animation: alarm .4s infinite;
    transition: all .2s ease-in-out;
    color: red;
}

.All_ads2 .tell:hover span:not(:nth-child(1)) {
    color: #000;
}

@keyframes alarm {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(25deg);
    }

}

.GetHomeAds:hover {
    color: crimson;
    cursor: pointer;
}

.cell_bup {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #eee;
    padding: 0 0 0 2rem;
}


/*input.prc:hover {*/
/*border-right-color: #999;*/
/*border-bottom-color: #999;*/
/*border-top-color: #999;*/
/*}*/

input.prc.lft {
    height: 2rem;
    width: 100%;
    border-width: 0.1rem;
    border-left-color: #999;
    border-bottom-color: #999;
    border-top-color: #999;
    border-style: solid hidden solid solid;
    border-top-left-radius: 0.2rem;
    border-bottom-left-radius: 0.2rem;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    background-color: #fff;
    outline: none;
    font-size: 10.5pt;
    border-right: 0;
    padding: 0 0.6rem 0.2rem 1em;
    transition: all .25s ease-in-out;
    max-width: 10rem;
}

input.prc.lft:hover {
    box-shadow: -1px 0 5px blue;
}

input.prc.lft:focus {
    box-shadow: -1px 0 5px #999;
}

input.prc.rght {
    height: 2rem;
    width: 100%;
    border-width: 0.1rem;
    border-right-color: #999;
    border-bottom-color: #999;
    border-top-color: #999;
    border-left-color: #999;
    border-style: solid solid solid solid;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 0.2rem;
    border-bottom-right-radius: 0.2rem;
    background-color: #fff;
    outline: none;
    font-size: 10.5pt;
    /*border-left: 0;*/
    padding: 0 0.6rem 0.2rem 1em;
    transition: all .25s ease-in-out;
    max-width: 10rem;
}

input.prc.rght:hover {
    box-shadow: 1px 0 5px blue;
}

input.prc.rght:focus {
    box-shadow: 1px 0 5px #999;
}

label.lbl {
    font-size: 12.5pt;
    position: absolute;
    color: #999;
    transition: top .2s ease-in-out;
    width: 98%;
    height: 90%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9;
}

.sh01 {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50%;
    max-width: 10rem;
}

.sh01:hover {
    cursor: pointer;
    background-color: #eeee;
}

.b01 {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 20rem;
}

label.lbl.az {
    top: 2px;
}

label.lbl.ta {
    top: 2px;
}

.goTop {
    width: fit-content !important;
    height: 50% !important;
    top: -16px !important;
    background-color: #fff;
    padding: .2rem;
    color: #000 !important;
}

.blft .tdfilpb .tdone,
.blft .tdfilpb .tdtwo {
    width: fit-content !important;
    padding: 0 0.5rem !important;

}

.sh01 .box_close3 {
    position: absolute;
    left: 6px;
}

.sh01 .box_close3:hover .shell {
    background-color: #999 !important;
    color: #fff;
}

.sh01 .box_close3 .shell {
    border: .5px solid transparent;
    border-radius: 50%;
    width: 0.9rem;
    height: .9rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10.5pt !important;
}

ul.box_oL {
    margin-top: 1rem;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}

.box_oL .cell_oL {
    display: flex;
    justify-content: space-evenly;
    width: fit-content;
    align-items: center;
    padding: .5rem;
}

.box_oL span.counter {
    font-size: 10.5pt;
    color: #999;
    display: flex;
    padding-right: 0.4rem;
}

.box_oL span.name {
    font-size: 14pt;
    color: #2980b9;
    font-weight: 600;
}

.box_oL span.name:hover {
    color: #c77405;
    cursor: pointer;
}

.b_slide .btn {
    margin: auto;
    width: 6rem;
    padding: 0.3rem;
    border-radius: .4rem;
    display: flex;
    align-items: center;
    justify-content: space-around;
    color: #999;
    cursor: pointer;
}

.b_slide .btn:hover {
    color: #c77405;
}

.b_slide ul {
    margin: 0 !important;
}

.b_slide section.oL_hid {
    border-top: 1px solid #eee;
    overflow: hidden;
    transition: all .3s ease-in-out;
    height: 0;
}

.h_ftct {
    height: fit-content !important;
    /*height: 47px!important;*/
}

.box_cities .citiesAds .namecty {
    transition: all .4s ease-in-out;
}

.box_cities .citiesAds:hover {
    background-color: #0984e3;
}

.box_cities .citiesAds:hover .namecty {
    color: #000 !important;
}

.advertising .opt {
    width: 100%;
    height: 2rem;
    border: 1px solid #999;
    border-radius: 0.2rem;
    margin: .5rem auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0.7rem;
}

.advertising .opt .sort_head {
    width: 100% !important;
    justify-content: space-between !important;
}

.advertising .opt .sort_head .name {
    font-size: inherit !important;
    width: fit-content !important;
}

.optm {
    height: 2rem;
    width: 100%;
    background-color: #fff;
    outline: none;
    font-size: 10.5pt;
    border-width: 0.1rem;
    padding: 0 0.2rem;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.opt_r {
    border-right-color: #999;
    border-bottom-color: #999;
    border-top-color: #999;
    border-left-color: #999;
    border-style: solid solid solid solid;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 0.2rem;
    border-bottom-right-radius: 0.2rem;
    background-color: #fff;
    outline: none;
    font-size: 10.5pt;
    padding: 0 0.2rem;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.opt_L {
    border-left-color: #999;
    border-bottom-color: #999;
    border-top-color: #999;
    border-style: solid hidden solid solid;
    border-top-left-radius: 0.2rem;
    border-bottom-left-radius: 0.2rem;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: 0;
}

.b04 {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    column-gap: 1.7rem !important;
}

.car {
    border-bottom: 1px solid #eee;
}

.car .opt {
    width: 100%;
}

.b02 input[type=text] {
    width: 100% !important;
}

.b05 {
    display: flex;
    justify-content: center;
}

.b03 .brght {
    display: flex;
    width: fit-content;
    align-items: center;
}

.b03 .brght .opt {
    width: 16rem;
    margin: .2rem 0 .2rem 0.3rem !important;
}

#filters .tdfilpb {
    width: 120px !important;
}

#filters .U0Sort .cell_U0 {
    font-size: inherit !important;
    padding: 0 !important;
}

#filters .employment input {
    width: unset !important;
}

#filters .blft_b04 {
    height: 3rem;
    display: flex;
    justify-content: flex-end;
}

#filters .employment .emplo_js {
    display: flex;
}

#filters .v_home .capacity {
    width: 100% !important;
}

.Rent_villa .capacity, .Rent_villa .capacity input {
    width: 100% !important;
}

.Rent_villa .capacity input {
    border-top-left-radius: 0.2rem;
    border-bottom-left-radius: .2rem;
}

.box_provinces .tdfilpb {
    display: inline-flex !important;
}

.box_provinces .backx {
    height: 4rem;
}

.ad_page #sort_root {
    width: 92% !important;
    margin: 1rem auto !important;
    padding: 0.4rem !important;
}

.back_next_previ {
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.back_next_previ > div {
    padding: 0 .4rem;
}

.back_next_previ > div > * {
    padding: 0 .2rem;
    font-size: 11pt;
}

.next, .Previous {
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.root_tag {
    cursor: pointer;
}

.root_tag:hover {
    color: #de467f;
}

.next span, .Previous span {
    color: #00f;
}

.next:hover span, .Previous:hover span {
    color: #de467f;
}

.Floating_menu .b_img img {
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    border: 2px solid #999;
}

.b_img {
    width: 4rem;
    margin: 1.4rem auto 0;
    /* border-radius: 50%; */
}

.Floating_menu {
    width: 19rem;
    background-color: #fff;
}

.Floating_menu .name {
    font-size: 12.6pt;
    font-weight: 900;
}

.Floating_menu .history {
    color: #81858b;
}

.Floating_menu .b_btns .content {
    font-size: 13.3pt;
    font-weight: 900;
    box-shadow: 0 0 2px #999;
    border-radius: 0.3rem;
    margin: .8rem;
    border: 1px solid transparent;
    transition: all .4s cubic-bezier(0.22, 0.61, 0.36, 1);
    padding: 0.4rem;
    height: 3rem;
    color: #fff;
    background-image: linear-gradient(1.3deg, rgba(91, 117, 163, 1) 11.4%, rgba(68, 98, 128, 1) 77%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.la_en .Floating_menu .b_btns .content span, .la_tk .Floating_menu .b_btns .content span {
    font-family: sans-serif;
    font-size: 10pt;
    padding: 0 .2rem;
    font-weight: 600;
}

.la_tk #adSafe_shopping span.des {
    font-weight: unset;
    font-family: sans-serif;
}

.Floating_menu .b_btns .content:hover {
    box-shadow: 1px 1px 10px rgba(0, 0, 0, .5);
    cursor: pointer;
}

.Floating_menu .b_btns span.num {
    padding-right: 0.3rem;
}

.Fmflt {
    position: fixed;
    top: 132px;
}

#box_slider i {
    font-size: 2rem;
    color: rgba(0,0,0,0.5);
}

.ad_page #box_expert #next, #prov {
    position: absolute;
    top: 35%;
    cursor: pointer;
    z-index: 2;
}

.box_titre .b2 {
    width: 6rem;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}

.box_titre .b1 {
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.box_titre .b1 .sos {
    margin-right: 1rem;
}

.box_titre {
    display: flex;
    justify-content: space-between;
    position: relative;
    margin-top: 1rem;
}

span.line {
    width: 0.6rem;
    height: 1.5rem;
    border-left: 2px solid #ccc;
    margin-left: 0.6rem;
}

.titre {
    padding-right: 2rem !important;
    color: #000 !important;
}

.b2 span:nth-child(1):hover, .b2 span:nth-child(3):hover {
    color: #de467f;
    cursor: pointer;
}

.bt .circle {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bt span.name {
    font-size: 12pt;
}

.bt:hover {
    cursor: pointer;
}

.bt:hover span.name {
    color: #de467f;
}

.bt .circle span {
    font-size: 14pt;
}

.circle.copy {
    background-color: #333;

}

.bt .name.copy {
    color: #de467f;
}

.circle.telegram {
    background-color: #08c;
}

.circle.whatsapp {
    background-color: #25d366;
}

.box_f {
    width: 12rem;
    display: flex;
    justify-content: space-around;
    box-shadow: 2px 4px 7px #999;
    padding: .5rem;
    border-radius: .4rem;
    position: absolute;
    background-color: #fff;
    left: 0;
    top: 39px;
    z-index: 9;
}

.ad_page #cell_head {
    padding: 1rem !important;
}

.ad_page #cell_head hr {
    background-color: #eee !important;
}

.adtable .unit {
    color: rgba(0, 0, 0, .4);
    font-weight: 800;
}

.adtable .bt {
    display: flex;
    justify-content: space-between;
    padding: 0.5rem 2rem;
}

section.adtable {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.adtable .cL.digit {
    font-size: 12pt;
    color: #000;
}

.ad_page .b_slide section.oL_hid {
    border-top: hidden !important;
}

.Description p {
    white-space: pre-line;
    /*text-align: right;*/
}

.Description .content {
    display: flex;
    justify-content: flex-start;
    padding-top: 2rem;
    font-weight: 900;
}

.Description .content:hover {
    cursor: pointer;
}

#ID {
    display: flex;
    justify-content: space-between;
    padding: 1rem 2rem;
}

#ID .idNum span {
    font-size: 12pt;
    color: #ccc;
}

#ID .Report {
    display: flex;
    align-items: center;
    justify-content: space-around;

}

#ID .Report span:nth-child(2) {
    color: #f00;
}

#adSafe_shopping {
    padding: 0.5rem 1rem;
}

section.icon_des {
    display: flex;
    align-items: center;
}

section.icon_des .icon img {
    display: flex;
}

section.icon_des .icon {
    width: 70px;
    height: 70px;
    background-color: #eff0f1;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 70px;
    border-radius: 50%;
}

#adSafe_shopping span.des {
    text-align: right;
    padding-right: 2.2rem;
    color: #888;
    font-weight: 900;
}

span.adsh_more {
    display: flex;
    justify-content: flex-end;
    padding-left: 1rem;
    font-size: 12pt;
    font-weight: 600;
    color: darkblue;
}

.Report .name {
    font-size: 12.9pt;
    font-weight: 600;
    color: #88888888;
    margin: 0 .5rem;
}

.hred:hover {
    color: #de467f !important;
    cursor: pointer;
}


.ad_page .registration {
    cursor: pointer;
}

.title_reset {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 5rem 0 2rem;
}

.title_reset h1 {
    font-size: 21pt;
}

.reset .tdone, .reset .tdtwo {
    padding: 0 .5rem !important;
    width: 8rem !important;
}

.reset .tdfilpb {
    width: 8rem;
    height: 3rem;
}

.Free_ad_reg #box_expert {
    grid-template-columns: repeat(2, 1fr) !important;
    column-gap: 1rem;
}

.Free_ad_reg .cell_ex {
    padding: 2rem 2.6rem;
}

.Free_ad_reg .c_form {
    border: 1px solid #ccc;
    border-radius: .4rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.7rem 0.9rem;
    cursor: pointer;
    color: #888;
    position: relative;
    margin-bottom: 2rem;
}

.Free_ad_reg .c_form .ph {
    font-family: iran_sans, sans-serif;
    color: #ccc;
    font-size: 14pt;
}

.Free_ad_reg .c_formi {
    position: relative;
    margin-bottom: 2rem;
}

.Free_ad_reg .c_form:hover, .Free_ad_reg .c_formi .ins:hover {
    border: 1px solid #999;
}

.Free_ad_reg .c_formi .ins {
    width: 100%;
    height: 3rem;
    outline: none;
    border: 1px solid #ccc;
    border-radius: .4rem;
    font-size: 12pt;
    padding: 0.7rem 0.9rem;
}

.Free_ad_reg .c_formi .ins:focus {
    box-shadow: 0 0 5px #1CB5E0;
}

.Free_ad_reg .c_formi .ins::placeholder {
    font-family: iran_sans, sans-serif;
    color: #ccc;
    font-size: 14pt;
}

.Free_ad_reg .c_formi.Te textarea.ins {
    resize: none;
    overflow-y: hidden;
    height: 10rem;
}

.Free_ad_reg span.name {
    font-size: 11.9pt;
    color: #000;
    font-weight: 800;
    position: absolute;
    top: -25px;
    right: -5px;
}

span.Lamp {
    width: 0.5rem;
    height: 2.7rem;
    border-radius: 0.2rem;
    position: absolute;
    box-shadow: 0 0 5px #999;
    top: 1px;
    right: -17px;
}

.Free_ad_reg span.des {
    position: absolute;
    top: -22px;
    font-size: 11.5pt;
    left: 0;
    /*right: 0;*/
    margin: auto;
}

#person_company {
    display: flex;
    width: 10rem;
    justify-content: space-evenly;
    margin-bottom: 3rem;
}

.ad_img .c_ai {
    width: 7rem;
    height: 7rem;
    border: 1px solid #ccc;
    border-radius: .4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0.2rem;
}


.ad_img .c_ai span.fas {
    font-size: 25pt;
    color: #ccc;
}

section.ad_img {
    display: flex;
    justify-content: space-evenly;
    margin: 1rem auto;
}

section#txts span:nth-of-type(2n+1) {
    font-weight: 900;
}

.adSave {
    border: 1px solid transparent;
    box-shadow: 1px 3px 5px #999;
    padding: 0.9rem;
    border-radius: .4rem;
    color: #fff;
    background-color: #2980b9;
}

.adSave:hover {
    cursor: pointer;
    box-shadow: 0 0 0 #999;
}

.box_farL .box_reg {
    margin-top: 1rem;
}

.box_farL .goLaw {
    color: #2980b9;
}

input.inptF {
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
}

.box_farL .c_ai:hover {
    border-color: #00f !important;
}

.box_farL .c_ai:hover span {
    color: #00f !important;
}

.bxCai:hover h5 {
    color: #f00 !important;
}

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

.box_ex_R .more_Ads {
    display: flex;
    justify-content: center;
}

.box_farL {
    position: relative;
}

.b0.CV {
    display: grid;
    grid-template-columns: 79% 20%;
    margin: 8rem auto;
    justify-content: center;
    width: 90%;
    column-gap: 11px;
}

.cimg {
    width: 6.5rem;
    height: 6.5rem;
    border: 1px solid #999;
    border-radius: .4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #F1F1F1;
    overflow: hidden;
}

.cimg:hover {
    cursor: pointer;
    background-color: #fff;
    border: 1px solid #0ff
}

.bimg {
    width: 11rem;
    height: 15rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-left: 1px solid #e7e7e7;
    flex-direction: column;
    position: relative;
}

section.btnUploadImg {
    box-shadow: 1px 3px 5px #999;
    border-radius: 0.2rem;
    border: 1px solid #ccc;
    display: flex;
    align-items: center;
    margin-top: .5rem;
    padding: .2rem;
    justify-content: space-around;
    font-weight: 900;
}


section.btnUploadImg span {
    font-size: 11pt;
    padding: 0 .2rem;
}

section.btnUploadImg:hover {
    cursor: pointer;
    box-shadow: 0 0 0;

}

.bimg .inptImg {
    position: absolute;
    opacity: 0;
    top: 0;
    left: 0;
    right: 0;
    width: 0;
}

/*section.cvProfile {*/
/*width: 100%;*/
/*}*/
.result .bEdit {
    position: absolute;
    /*height: 96%;*/
    width: 100%;
    margin: auto;
    left: 0;
    right: 0;
    box-shadow: 0 3px 5px #999;
    background-color: #fff;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: .4rem;
    border-bottom-right-radius: .4rem;
    padding: 0.5rem;
    top: -100rem;
    z-index: 9;
    transition: top .4s ease-in-out;
}

.cvp_r {
    color: #00f;
    font-size: 16pt;
    font-weight: 900;
}

.ncvp_r {
    font-size: 17pt;
    font-weight: 900;
}

.CV .result .fa-edit {
    position: absolute;
    top: -12px;
    left: -26px;
    font-size: 20pt;
    color: #00f;
    opacity: 0;
    transition: all .2s ease-in-out;
}

.la_en .CV .result .fa-edit, .la_tk .CV .result .fa-edit {
    right: -26px;
    left: unset;
}

.CV .result:hover .fa-edit {
    top: 12px;
    left: 26px;
    opacity: 1;
}

.la_en .CV .result:hover .fa-edit, .la_tk .CV .result:hover .fa-edit {
    right: 26px;
    left: unset;
}

.la_en .profile .ncvp_r, .la_tk .profile .ncvp_r {
    font-size: 15pt;
    padding: 0 .4rem;
}

.CV .btns, .general_info .Work_experience .btns {
    display: flex;
    margin: 1rem .5rem;
    width: fit-content;
}
main.profile.spform .btns .btn.backLevel{
    background-color: #ed0505;
    color: #fff;
}
.CV .btns .btn, .general_info .Work_experience .btns .btn {
    width: 10rem;
    height: 2rem;
    box-shadow: 1px 3px 5px #999;
    border-radius: .4rem;
    margin: 0 .2rem;
    border: 3px solid #e7e7e7;
    display: flex;
    justify-content: center;
    align-items: center;
}

.CV .btns .btn:hover, .general_info .Work_experience .btns .btn:hover {
    box-shadow: 0 0 0 #999;
    cursor: pointer;
}

.CV .btns .btn .name, .general_info .Work_experience .btns .btn .name {
    margin-right: 0.5rem;
}

.CV .btns .btn.cvShow {
    background-color: #54a0ff;
    color: #fff;
}

.CV .btns .btn.cvShow:hover {
    background-color: #1e90ff;
}

.CV .btns .btn.cvDownload {
    background-color: #F79F1F;
    color: #fff;
}

.CV .btns .btn.cvDownload:hover {
    background-color: #FFC312;
}

.top0 {
    top: 0 !important;
}

.cvSave, .cvSave2 {
    background-color: #44bd32;
    color: #fff;
}

.cvEdit2 {
    background-color: #7eb5cc;
    color: #fff;
}

.cvEdit2:hover {
    background-color: #3293bd;
    color: #fff;
}

.cvSave:hover, .cvSave2:hover {
    background-color: #4cd137;
}

.cvCancel {
    background-color: #c23616;
    color: #fff;
}

.cvCancel:hover {
    background-color: #e84118;
}

.cvbox {
    display: flex;
}

.cvbox .result {
    padding: 1rem;
}

.CV .cvbox2 {
    display: flex;
    flex-direction: column;
    border: unset !important;
}

.cvbox .result, .cvbox2 .result {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.cvbox2 .result, .cvbox2 .result3 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    row-gap: 1.5rem;
    padding: 1rem;
}

.cvbox2 .title {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #e7e7e7;
    padding: .2rem 0.6rem;
    height: 3rem;
}

.cvbox2 .title img {
    width: 28px;
}

.cvbox2 .title h2 {
    font-size: 14pt;
    margin-right: .4rem;
}

.txtara {
    width: 600px;
    height: 150px;
    margin: 1.5rem;
    outline: none;
    padding: .5rem;
    font-size: 12pt;
    font-family: inherit;
    resize: none;
}

.CV .bottomPlus {
    height: 3rem;
    background-color: #00DBDE;
    background-image: linear-gradient(90deg, #00DBDE 0%, #FC00FF 100%);
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
}

.CV section.cell {
    width: 20%;
    background-color: #fff;
    height: 100%;
    margin: 0 .2rem;
    background: rgba(255, 255, 255, 0.2);
    box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
    box-shadow: inset 1px 0 0 rgb(255 255 255 / 40%), 1px 0 0 rgb(0 0 0 / 10%);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    display: flex;
    justify-content: center;
    align-items: center;
}

.CV .bottomPlus span.name {
    margin-right: 0.3rem;
    font-weight: 400;
}

.borderBottom {
    border-bottom: 4px solid #fff;
}

.CV .bottomPlus section.cell:hover {
    cursor: pointer;
    background: rgba(255, 165, 0, .4);
}

.CV .boxInpts {
    display: flex;
    flex-direction: column;
    padding: .4rem;
}

.CV .inpts {
    outline: none;
    height: 2rem;
    width: 17rem;
    font-family: inherit;
    padding-right: .5rem;
    font-size: 14pt;
}

.CV .inpts::placeholder {
    color: #999;
}

.CV .btop {
    display: flex;
}

.CV section.fields {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

.CV section.fields .cf {
    display: flex;
    align-items: center;
}

.CV section.fields > section {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 0.5rem;
}

.CV section.fields .cf > * {
    margin: .3rem;
}

.CV .fields .sort_head {
    width: 7rem;
}

.CV .work_experience section.fields {
    align-items: center !important;
}

.CV .fields .sort_head .name {
    width: 9rem;
}

.CV .fields .sort {
    width: 8rem;
}

.CV section.fields:last-child {
    align-items: flex-end;
    margin-bottom: .5rem;
}

.CV section.fields:last-child > div {
    display: flex;
    align-items: center;
    width: 6rem;
    justify-content: space-evenly;
}

.lblgry {
    color: #ccc !important;
}

.CV .bbtn {
    display: flex;
    flex-direction: column;
    margin: 1rem;
}

.CV .bbtn #we_txta {
    margin: 0 !important;
}

.CV .btop, .CV .bcntr, .CV .bbtn {
    margin: 1rem;
}

.CV .cell_U0, .formPlus .sort.category .cell_U0 {
    text-align: center !important;
}


.inptBOk {
    border: 3px solid green;
    border-radius: .4rem;
    background-color: green;
}

.inptBFaild {
    background-color: #ff7675;
}

.coverBox {
    width: 100%;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.15);
    height: 100%;
    opacity: 0.8;
    border-radius: 0.3rem;
}

.endyearDom {
    position: relative;
}

.CV .result2 > .bcvp_r {
    padding-right: 1rem;
}

.CV .result2 .bRadios, .CV .bOne .bRadios {
    display: flex;
    align-items: center;
    margin: 0 1rem 1rem 0;
}

.CV .result2 .bEdit .ncvp_r {
    font-weight: 100 !important;
    font-size: 14pt !important;
}

.CV .result2 .bRadios > input, .CV .bOne .bRadios > input {
    margin-left: 1rem !important;
}

.CV .result2 textarea {
    margin-top: 0.4rem !important;
}

.CV section.flds {
    margin-bottom: 0.6rem;
}

.CV .bOne section.flds > .bx0 {
    display: grid;
    grid-template-columns:repeat(2, 1fr)
}

.CV .bOne .inpts {
    width: unset !important;
}

.CV .personal_info section.flds {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.CV .about_me textarea {
    margin: .5rem;
}

.CV .Pro_skills #pro_sk {
    width: 9rem;
}

.CV .Pro_skills .boxAdd {
    width: 2.1rem;
    height: 36px;
    margin-right: 0.2rem;
    border-radius: .2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #44bd32;
    color: #fff;
}

.CV .Pro_skills .boxAdd:hover {
    cursor: pointer;
}

.CV .Pro_skills .flds {
    display: flex;
    align-items: center;
}

.CV .Pro_skills .labelCV {
    margin-bottom: .4rem;
    display: flex;
}

.CV .languages .U0Sort .cell_U0, .CV .Career_preferences .U0Sort .cell_U0 {
    padding: 0 !important;
    font-weight: 900;
    font-size: 12pt;
}

.CV .languages .sort_head, .CV .Career_preferences .sort_head {
    width: 100% !important;
}

.CV .languages .sort_head .name {
    width: 15rem !important;
    height: 2rem;
    align-items: center;
    font-size: 13.1pt !important;
}

.CV .Career_preferences .bxSort {
    display: flex;
}

.CV .Career_preferences .sort_head .name {
    width: 8rem !important;
    min-width: unset !important;
    height: 2rem;
    align-items: center;
    font-size: 13.1pt !important;
}

.CV .languages .cf {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    margin: auto;
}

.CV .languages .cf .name, .CV .Career_preferences .cf .name {
    margin: 0 .5rem;
}

.CV .Career_preferences .title img {
    padding: 0.3rem;
}

.minBox {
    width: fit-content;
    height: 2rem;
    border: 1px solid #ccc;
    border-radius: 0.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 .5rem;
    box-shadow: 0 0 5px #999;
}

.bEdit .minBox:hover {
    box-shadow: 0 0 0;
}

.minBox .name {
    font-weight: 900;
    color: #444;
}

.minBox img {
    display: block;
    width: 1.4rem;
    opacity: .7;
}

.CV .Career_preferences .result {
    display: block !important;
}

.b0001 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    row-gap: 1.5rem;
    margin-bottom: 1.5rem;
}

.b0002 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    row-gap: 1.5rem;
    margin-bottom: 1.5rem;
}

.CV .Career_preferences .b_djb h2.name {
    font-size: 16pt;
    margin-bottom: 0.9rem;
}

.CV .Career_preferences:hover {
    cursor: pointer;
}

.CV .Career_preferences .b0002 li {
    display: flex;
    align-items: center;
    transition: all .4s ease-in-out;
}

.CV .Career_preferences .bEdit li .minBox:hover {
    box-shadow: 0 0 0;
}

.CV .Career_preferences .bEdit li .name:hover {
    color: #000;
}

.CV .Career_preferences .bEdit li:hover img {
    opacity: 1;
}

.CV .Career_preferences li .name {
    margin-right: 0.4rem;
    font-weight: 400;
    font-size: 13pt;
    color: #444;
}

.CV .Career_preferences .U0Sort {
    /*height: 12rem;*/
    overflow-x: hidden;
    overflow-y: scroll;
}

.CV .Career_preferences .cf > div {
    display: flex;
    flex-direction: column;
    margin: 0 1rem 1.5rem;
}

.CV .Career_preferences .cf div > .name {
    font-weight: 900;
}

.CV .Career_preferences .cf .sort .name {
    /*color: #ccc;*/
}

.CV .Career_preferences .btop {
    flex-direction: column;
}

.CV .Career_preferences ul.ckbxs > li {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
}

.CV .Career_preferences .cf {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    width: 100%;
}

.CV .Career_preferences .price {
    display: flex;
    align-items: center;
}

.CV .Career_preferences .price .symbol {
    margin-right: .5rem;
}

.CV .tanker {
    width: 86%;
    max-width: 5rem;
    height: 6rem;
    border: 5px solid #ccc;
    border-radius: .4rem;
    display: flex;
    align-items: flex-end;
}

.CV .tanker span.water {
    width: 100%;
}


.CV .helper .fa-plus {
    font-size: 8pt;
    color: green;
}

.CV .helper .name {
    display: flex;
    margin-right: 0.3rem;
}

.CV .helper .symbol {
    font-size: 12.8pt;
}

input[type=range] {
    cursor: pointer;
}

.CV .bL .minBox {
    height: fit-content;
    padding: 0 .2rem;
}

.CV .bL .name {
    margin: 0;
}

.CV .bL .name span {
    font-size: 9pt;
}

.CV .bL .tanker {
    position: relative;
}

.CV .bL .tanker .name {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: fit-content;
    color: #000;
}

.CV .Career_preferences .minRights {
    display: flex;
    flex-direction: column;
}

.CV .Career_preferences .minRights .brange {
    display: flex;
    flex-direction: column;
}

.CV .bL .result4 .minBox {
    display: flex;
    align-items: center;
    width: 90%;
    justify-content: center;
    margin: 0 auto .5rem;
}

.CV .bL .result4 .minBox a {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: flex-start;
}

.CV .bL .result4 .name {
    display: flex;
    align-items: center;
}

.CV .bL .result4 .des {
    margin-right: 1.2rem;
    font-weight: 100;
    font-size: 11pt;
}

.CV .bL .notification {
    font-size: 11pt;
}

.CV .bL .bdy {
    padding: 0.6rem;
}

.CV .bL .uploadoldCV h4 {
    font-size: 12pt;
    font-weight: 100;
    margin-bottom: .5rem;
}

.CV .bL .uploadoldCV .btnuo {
    display: flex;
    justify-content: center;
    border: 1px dashed #e5e5e5;
    margin-bottom: .5rem;
    padding: .5rem;
}

.CV .bL .uploadoldCV .btnuo:hover {
    cursor: pointer;
    border: 1px dashed #999;
}

.CV .bL .txx {
    font-size: 11pt;
    color: #aaa;
    margin-bottom: .5rem;
}

.CV .bL .uploadoldCV .btnuo .name {
    font-size: 11.4pt;
    margin-left: 0.3rem;
}

.CV .bL section.employerSearch {
    height: 2rem;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    margin-bottom: 0.5rem;
    padding: .2rem;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.CV .bL section.employerSearch .bton {
    width: 3rem;
    height: 1.3rem;
    border: 1px solid #999;
    border-radius: .2rem;
    position: relative;
    background-color: #fff;
    transition: all .55s ease-in-out;
    cursor: pointer;
}

.CV .bL section.employerSearch .sw {
    width: 1rem;
    height: 1rem;
    border: 1px solid #999;
    border-radius: .2rem;
    position: absolute;
    top: 9%;
    right: 2px;
    background-color: #fff;
    transition: all .35s ease-in-out;
}

.sw-on {
    right: 31px !important;
}

.bton-on {
    background-color: aquamarine !important;
}

.CV .bL section.employerSearch > p {
    font-size: 11.1pt;
}

.CV .bL .link01 {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.CV .bL .link01 * {
    font-size: 10pt;
    color: blue;
}

.CV .bL .editLink {
    width: 92%;
    height: 2rem;
    margin: auto;
}

.CV .bL .editLink:hover {
    cursor: pointer;
}

.CV .bL .editLink .name {
    font-size: 12pt !important;
    color: #999 !important;
    font-weight: 100 !important;
}

a.b_app {
    width: fit-content;
    height: fit-content;
    background-color: #fff;
    border-radius: .4rem;
    box-shadow: 0 0 36px 10px #fff;
    border: 1px solid #eee;
    display: block;

}

a.b_app:hover {
    box-shadow: 0 0 0;
}

.b_app img {
    display: block;
    width: 5rem;
    height: 5rem;
}

section.bapps {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}


.header_profile nav {
    height: 2rem;
    display: flex;
    align-items: center;
    min-width: 18rem;
}

.header_profile nav > a {
    display: flex;
    justify-content: center;
    margin: 0 .5rem;
    position: relative;
    height: 2rem;
    align-items: center;
    font-size: 12pt;
}

.header_profile nav > a:after {
    content: '';
    position: absolute;
    left: 100%;
    right: 0;
    bottom: 0;
    height: 2px;
    background: #e67e22;
    transition: left .4s cubic-bezier(.86, 0, .07, 1);

}

.header_profile nav > a:hover:after {
    left: 0;
}

.profile .header_profile .bxCenter .cell {
    height: 2.1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: .4rem;
    max-width: 10rem;
    min-width: 8rem;
    border: 3px solid #e4911f;
    border-radius: 1rem;
    color: #e4911f;
    font-weight: 900;
    transition: all .2s ease-in-out;
    background-color: #fff;
}

.la_en .header_profile .bxCenter .cell, .la_tk .header_profile .bxCenter .cell {
    font-size: 11pt;
    margin-right: 6.9rem;
}

.profile .header_profile .bxCenter .cell:hover {
    background-color: #e4911f;
    color: #fff;
}

.hover {
    cursor: pointer;
}

.p_b0 {
    margin: 0 .4rem;
    position: relative;
}

.p_b0 .p_b1 > img {
    width: 2.3rem;
    padding: 0.3rem;
    transition: all .4s ease-in-out;
}

.p_b1.message_exchange > img {
    padding: .4rem;
}

.p_b0 .p_b1 {
    position: relative;
    border-radius: 50%;
    border: 2px solid #eee;
    width: fit-content;
    height: 2.5rem;
    transition: all .2s ease-in-out;
    display: flex;
}

.p_b0 .p_b1:hover {
    border: 2px solid #e67e22;
}

.p_b0 .menu_user {
    width: 2.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.profile .header_profile .digit {
    display: flex;
    border-radius: 50%;
    background-color: #e67e22;
    color: #fff;
    width: fit-content;
    height: 1rem;
    justify-content: center;
    align-items: center;
    padding: 0.2rem !important;
    font-size: 10pt;
    position: absolute;
    top: 0;
    right: -6px;

}

.header_profile .p_bm {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 1.2rem;
}

a.p_userName {
    margin: 0 .5rem;
    transition: all .15s ease-in-out;
    width: fit-content;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    font-weight: 900;
    min-width: 5rem;
}

a.p_userName:after {
    content: '';
    position: absolute;
    left: 0;
    right: 100%;
    bottom: 0;
    height: 2px;
    background: #e67e22;
    transition: all .5s cubic-bezier(.86, 0, .07, 1);
}

a.p_userName:hover:after {
    right: 0;
}

.b0_sms {
    position: relative;
}

.b0_sms section.sms > a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.4rem 0.8rem;
}

.b0_sms .b_sms {
    position: absolute;
    width: 14rem;
    top: 60px;
    z-index: 9;
    background-color: #fff;
    box-shadow: 0 0 5px #999;
    border-radius: .4rem;
    overflow: hidden;
    left: 0;
}

.b0_sms .sms:not(:last-child) {
    border-bottom: 1px solid #ccc;
}

.sms:hover .fa-bell {
    color: #e67e22;
}

.sms:hover h4 {
    color: #333;
}

.sms h4 {
    font-size: 9pt;
    width: 10.6rem;
    color: #ccc;
    font-weight: 100;
}

.all_sms {
    height: 3rem;
    background-color: #5f27cd;
    color: #fff;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.all_sms .digit {
    right: 194px !important;
    top: 17px !important;
}

.b0_sms section.sms:hover {
    border-right: 2px solid;
}

.profile section.b_m_p {
    display: flex;
    position: absolute;
    width: 10rem;
    left: 0;
    background-color: #fff;
    flex-direction: column;
    z-index: 9;
    box-shadow: 0 0 6px #999;
    border-radius: .4rem;
    top: 60px;
    overflow: hidden;
}

.la_en .profile section.b_m_p, .la_tk .profile section.b_m_p {
    right: 0;
    left: unset;
}

.profile section.b_m_p2 {
    display: flex;
    flex-direction: column;
}

.profile a.b_m_c {
    height: 2.6rem;
    display: flex;
    align-items: center;
}

.profile .b_m_p2 a.b_m_c {
    width: 12rem;
}

.b_m_c span.icn {
    color: #999;
    padding: 0 0.7rem 0 0;
}

.b_m_p2 .b_m_c span.icn {
    padding: 0;
    display: flex;
    width: 4rem;
    justify-content: center;
    align-items: center;
    transition: width .5s ease-in-out;
    font-size: 16pt;
}

.buy_upgrade span.icn, .h_p_r .pjCreate span.icn {
    padding: 0;
    display: flex;
    width: 4rem;
    justify-content: center;
    align-items: center;
    transition: width .4s ease-in-out;
    font-size: 16pt;
}

.b_m_p2 .b_m_c span.name {
    margin: 0 0 !important;
}

.b_m_p2 .b_m_c:hover {
    border-right: unset !important;
}

.b_m_c:hover {
    border-right: 2px solid;
}

.a.b_m_c.exit:hover {
    border-right: unset;
}

.b_m_p2 a.b_m_c.exit:hover span {
    color: #e67e22 !important;
}

.b_m_p2 a.b_m_c.exit:hover {
    background-color: #ccc;
}

.b_m_c:hover .icn {
    /*color: #e67e22;*/
    color: #333;
}

.b_m_c:hover .name {
    color: #e67e22;
}

.b_m_p2 .b_m_c:hover .name {
    color: #333 !important;
}

.b_m_c span.name {
    margin: 0 1rem;
    color: #222;
    font-size: 12pt;
}

.b_m_p2 .b_m_c span.name {
    color: #999 !important;
    font-weight: 900;
}

.profile a.b_m_c.exit {
    background-color: #5f27cd;
}

.profile a.b_m_c.exit span, .profile .b_m_p2 a.b_m_c.exit span {
    color: #fff !important;
}

.profile .bm_pfl {
    display: flex;
    /*padding: 7.4rem 0 0;*/
    background-color: rgba(0, 0, 0, .05);
}

.profile .h_p_r {
    position: relative;
    width: 6%;
    box-shadow: 0 0 5px;
    margin-left: .5rem;
    /*margin-top: -8rem;*/
    max-width: 4rem;
    transition: all .4s ease-in-out;
    background-color: #fff;
}

.profile .show2 {
    width: 12.1rem !important;
    max-width: 10rem !important;
}

.profile .show3 {
    width: 10rem !important;
}

.profile .show4 {
    width: 85% !important;
}

.profile .horiz {
    width: 100%;
    display: flex;
    flex-direction: column;
    max-width: 1200px;
    margin: auto;
}

.header_profile {
    display: flex;
    align-items: center;
    height: 4rem;
    justify-content: flex-start;
    box-shadow: 0 0 5px #999;
    padding: .5rem;
    border-radius: 0 0.3rem 0.3rem 0;
    max-width: 1200px;
    background-color: #fff;
    width: 93.8%;
    position: fixed;
    transition: all .35s ease-in-out;
    left: 0;
    z-index: 9;
}

.la_en .header_profile, .la_tk .header_profile {
    right: 0;
    left: unset;
    max-width: 1185px;
    border-radius: 0 0 .4rem .4rem;
}

.fh {
    top: 0;
}

.fh2 {
    top: 132px !important;
}

.profile .hpr_01 {
    width: 4rem;
    overflow: hidden;
    position: fixed;
    /* top: 7.2rem; */
    transition: width .4s ease-in-out, top .4s ease-in-out;
}

.fv {
    top: 0 !important;
}

.fv2 {
    top: 7.2rem !important;
}

.fvb {
    position: absolute !important;
    /*top: -1491px;*/
    top: unset !important;
    bottom: 0;
}

.profile .hpr_01 > .b_icn .icn {
    width: 40px;
    height: 40px;
    font-size: 18pt;
    display: flex;
    border-radius: .3rem;
    /* transition: all .4s ease-in-out; */
    box-shadow: 0 0 5px #999;
    justify-content: center;
    align-items: center;
    color: #999;
}

.profile .b_icn {
    display: flex;
    justify-content: flex-end;
    padding: 0.2rem 0.2rem;
    height: fit-content;
    position: relative;
    margin: 1rem 0.7rem;
    border-radius: 4rem;
    align-items: center;
}

.rotat180 {
    transform: rotate(180deg);
}

.rotat90 {
    transform: rotate(90deg);
}

.rotat_90 {
    transform: rotate(-90deg);
}

.wless {
    width: 3rem !important;
}

.profile .buy_upgrade a {
    background-color: #e4911f;
    display: flex;
    height: 3rem;
    color: #fff;
    width: 12rem;
    align-content: center;
}

.profile .h_p_r .pjCreate a {
    background-color: #00f;
    display: flex;
    height: 3rem;
    color: #fff;
    width: 12rem;
    align-content: center;
}

.buy_upgrade .name, .h_p_r .pjCreate .name {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11pt;
}

.time_now {
    display: flex;
    direction: ltr;
}

.pf_time .time_now span {
    font-family: nbyekan, sans-serif;
    font-size: 12pt;
}

.pf_logo_right span {
    /*font-family: nbyekan ,sans-serif;*/
    font-weight: 900;
    font-size: 10pt;
}

.pf_logo_right {
    position: absolute;
    right: -5px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 0.3rem;
    border-radius: 0.3rem;
    letter-spacing: 2px;
    width: 6rem;
    transition: all .35s ease-in-out;
    overflow: hidden;
}

.la_en .pf_logo_right, .la_tk .pf_logo_right {
    right: unset;
    left: -5px;
}

.h_dt {
    width: 0 !important;
    padding: 0 !important;
}

.pf_items {
    margin-top: 5rem;
    padding: 0.5rem;
}

.pf_banner {
    height: 6.5rem;
}

.pf_banner > img {
    display: flex;
    width: 100%;
    height: 5.35rem;
    border-radius: .3rem;
    box-shadow: 1px 3px 5px;
}

.pfItems {
    box-shadow: 0 0 5px #999;
    border-radius: .3rem;
    background-color: #fff;
    margin: .5rem 0 1.4rem;
    padding: 1rem;
}

.pf_search {
    /*width: 36%;*/
    height: 8rem;
    padding: 0.8rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.bx_pf_s {
    display: flex;
    align-items: center;
    position: relative;
}

.profile .bx_pf_s input {
    width: 100%;
    height: 3rem;
    outline: none;
    font-size: 11pt;
    font-family: 'iran_sans', 'sans-serif';
    margin: auto;
    border-radius: .3rem;
    border-color: #ccc;
    padding: 0 .4rem;
}

.profile .bx_pf_s label {
    position: absolute;
    left: 3px;
    display: flex;
    cursor: pointer;
}

.la_en .profile .bx_pf_s label, .la_tk .profile .bx_pf_s label {
    right: 3px;
    left: unset;
}

.profile .bx_pf_s label span {
    height: 2.6rem;
    width: 2.8rem;
    padding: 0 0.3rem;
    border-radius: 0.3rem;
    box-shadow: 0 0 5px #333;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16.9pt;
    color: #fff;
    background-color: #e4911f;
}

.profile .bf_bxs {
    display: flex;
    justify-content: space-between;
}

.profile .pf_banner2 {
    background-image: linear-gradient(63.1deg, rgba(5, 23, 111, 1) 16.4%, rgba(24, 95, 240, 1) 64.5%);
    box-shadow: 0 0 16px 3px gold;
}

.profile .pf_banner2 > a img {
    width: 11rem;
    margin: auto;
    display: flex;
}

.profile .pf_banner2 > a div {
    font-size: 25pt;
    font-family: 'nbyekan', 'sans-serif';
    text-align: center;
}

.profile .pf_banner2 > a div strong {
    font-size: inherit;
}

.profile .pf_banner2 > a div strong:nth-child(2n+1) {
    color: #fff;
}

.profile .pf_banner2 > a div .pro {
    color: gold;
    text-shadow: 0 0 5px #000;
    width: fit-content;
}

.profile .pf_banner2 > a div .up {
    color: #06f973;
    text-shadow: 0 0 5px #000;
}

.pf {
    height: 25rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

.pf h3 {
    font-size: 16pt;
    color: #333;
}

section.col_right {
    width: 40%;
}

section.col_center {
    width: 30%;
}

section.col_left {
    width: 25%;
}

.bxPfImg span {
    font-size: 40pt;
    color: #ccc;
}

.bf_star span.fa-star {
    color: #f0932b;
}

a.seeMore {
    color: #0984e3;
    font-weight: 900;
    display: flex;
    align-items: center;
    width: fit-content;
    justify-content: space-around;
}

a.seeMore span.fa-angle-left, a.seeMore span.fa-angle-right {
    margin: 0 0.5rem;
}

a.seeMore span {
    font-size: 15pt;
}

.la_en a.seeMore span, .la_tk a.seeMore span {
    font-size: 12pt;
}

.la_en a.seeMore .fa-angle-right, .la_tk a.seeMore .fa-angle-right {
    padding: 0 .3rem;
}

.bf_location .fa-map-marker-alt {
    color: #888;
    font-size: 11.1pt;
}

.btnPjR {
    height: 3.3rem;
    background-color: #e4911f;
}

.pf_btn {
    width: 80%;
    display: flex;
    justify-content: center;
    margin: auto;
    align-items: center;
    font-size: 14pt;
    color: #fff;
    box-shadow: 1px 3px 5px #444;
    border-radius: 0.5rem;
    margin-top: 1rem;
    font-family: vazir, sans-serif;
}

.pf_btn:hover {
    box-shadow: 0 0;
    color: #fff;
}

.pfItems h4 {
    margin: auto;
    width: fit-content;
    color: #333;
}

.pfItems h4, .pfItems strong {
    text-align: center;
}

.pf_Act_projects {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}

span.pf_alarm {
    font-family: 'nbyekan', 'sans-serif';
    color: #ccc;
    margin: .5rem auto;
    width: fit-content;
    display: flex;
}

.pf_last_projects {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}

.pf_no {
    width: 90%;
    border-radius: .2rem;
    margin: 1rem auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0.7rem;
}

.profile .offers {
    background-image: radial-gradient(circle farthest-corner at 10% 20%, rgba(37, 145, 251, 0.98) 0.1%, rgba(0, 7, 128, 1) 99.8%);
}

.profile .plan {
    background-image: linear-gradient(112.1deg, rgba(32, 38, 57, 1) 11.4%, rgba(63, 76, 119, 1) 70.2%);
    margin-top: 34px;
}

.pf_no .title {
    color: #fff;
    margin-bottom: 1rem;
    font-size: 18pt;
}

.pf_no .title2 {
    color: #fff;
    font-size: 16pt;
}

.pf_no .b_r {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.pf_no .noti {
    width: 90%;
    background-color: #fff;
    border-radius: 0.2rem;
    height: 4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 35pt;
    font-weight: 900;
    color: #0652DD;
    text-shadow: 0 2px 2px #999;
}

.profile .type_plan {
    font-size: 16pt !important;
    color: #00f !important;
}

.plan .b_r0 {
    display: flex;
}

.plan .b_r0 > img {
    width: 5rem;
    margin-top: -0.4rem;
}

.profile .Increase_offers {
    width: 90%;
    background-color: #ff4757;
    margin: 2rem auto 0.5rem;
    height: 3rem;
    border-radius: .3rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    color: #fff;
    padding: .5rem;
}

.profile .Increase_offers .fa-plus {
    width: 2.3rem;
    height: 2.3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f00;
    border-radius: .3rem;
}

.profile .Increase_offers span:nth-child(2) {
    margin: 0 .5rem;
}

.pf_form > h4, .pf_form2 > h4 {
    display: flex;
    flex-direction: column;
    height: 4rem;
    justify-content: space-between;
    width: 95%;
    margin-top: 0.4rem !important;
    color: #666;
}

span.fas.fa-check-square.not_ok {
    color: #ccc;
}

span.fas.fa-check-square.ok {
    color: #00f;
}

.pf_form_m ul {
    margin: 1rem;
}

.pf_form_m ul > li > a {
    display: flex;
    align-items: center;
}

.pf_form_m ul > li > a:hover span {
    color: #e4911f;
}

.pf_form_m ul > li > a .name {
    margin: 0 .4rem;
    font-weight: 900;
    font-size: 15pt;
    color: #330;
}

.profile .pf_form_m > ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
}

.pf_form_alarm {
    margin: auto;
    display: flex;
    justify-content: center;
    font-weight: 900;
    color: #00f;
}

.pf_form_alarm span.percent {
    margin: 0 0.4rem;
    letter-spacing: 1px;
    color: #000;
    border-bottom: 1px solid;
    border-bottom-style: dotted;
}

.pf_form_progressbar ul {
    border: 1px solid #ccc;
    width: 90%;
    margin: 1rem auto;
    height: 1.4rem;
    border-radius: .2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #eee;
}

.pf_form_progressbar ul > li {
    border: 1px solid #ccc;
    width: 9.4%;
    border-radius: .2rem;
    height: 80%;
    margin: 0 0.1rem;
    background-color: #fff;
    transition: all .4s ease-in-out;
}

.pf_form_progressbar ul > li.active {
    background-color: #00f;
}

.profile .btnForm {
    height: 3rem;
    background-image: linear-gradient(63.1deg, rgba(5, 23, 111, 1) 16.4%, rgba(24, 95, 240, 1) 64.5%);
}

.pf_m_tl {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.pf_m_tl h4 {
    margin: unset !important;
}

.pf_messages > img {
    display: flex;
    margin: 1rem auto;
}

.pf_Construction_training a.btnCt {
    height: 3.3rem;
    background-color: #e4911f;
}

.btnLearning {
    background-color: #ff4757;
    width: 100%;
    height: 5rem;
    margin: 0 auto;
    display: flex;
    text-align: center;
    font-size: 14pt;
}

.pf_Money_shogh > h4 {
    margin: 0;
    height: 4rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    font-size: 20pt;
    align-items: center;
}

.pf_Money_shogh, .pf_Money_Income {
    height: 9rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

.bx_digit {
    margin-bottom: 0.5rem;
}

.bx_digit > span {
    font-family: 'nbyekan', 'sans-serif';
    font-size: 16pt;
    color: #00f;
}

.pf_projects {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.pf_projects ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.pf_projects ul > li {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .5rem 1rem;
    border: 1px solid;
}

li.pj_t {
    font-weight: 900;
}

li.pj_done, li.pj_open {
    font-family: 'nbyekan', 'sans-serif';
}

.pf_projects .t_done {
    border-top: 2px solid;
    border-right: 2px solid;
}

.pf_projects .t_open {
    border-top: 2px solid;
    border-left: 2px solid;
}

.la_en .pf_projects .t_done, .la_tk .pf_projects .t_done {
    border-top: 2px solid;
    border-left: 2px solid;
}

.la_en .pf_projects .t_open, .la_tk .pf_projects .t_open {
    border-top: 2px solid;
    border-right: 2px solid;
}

@media (min-width: 1600px ) {
    .header_profile {
        right: 4rem !important;
        margin: auto !important;
    }
}

.pf_banner_info section.bup {
    height: 50%;
    position: relative;
    overflow: hidden;
    background: url("../img/Profile/earth_space_op.webp");
    background-repeat: no-repeat;
    background-size: cover;
}

.profile.information .pf_banner_info section.bup {
    background-size: cover;
}

.pf_banner_info section.bdwn {
    height: 50%;
    display: flex;
    flex-direction: column;
}

.header_profile .pf_logo_right {
    width: 8rem;
    height: 100%;
    position: unset !important;
}

.pf_logo_right img {
    width: 3rem;
}

section.pf_time {
    color: #ccc;
    text-shadow: 0 0 1px #999;
    display: flex;
    flex-direction: column;
    align-items: center;
    border: 1px solid #999;
    padding: 0.5rem;
    background-color: #999;
    transition: all .5s ease-in-out;
}

.pf_menu_L {
    /*margin: 0 7rem 0 0!important;*/
}

.pf_banner_info {
    padding: 0 !important;
    height: 15rem;
    overflow: hidden;
    margin: .5rem 0 0.3rem !important;
}

img.banner_info_img {
    width: 100%;
}

span.banner_edit {
    position: absolute;
    left: 4px;
    top: 4px;
}

span.banner_edit img {
    width: 1.5rem;
}

/*analogClock*/

.clock-wrapper {
    position: absolute;
    top: -68px;
    right: -60px;
    width: 250px;
    height: 250px;
    transform: scale(0.6);

}

.clock-base {
    width: 250px;
    height: 250px;
}


.clock-hour {
    position: absolute;
    z-index: 2;
    top: 80px;
    left: 128px;
    width: 4px;
    height: 65px;
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 0 2px rgba(0, 0, 0, .2);
    transform-origin: 2px 50px;
    transition: .5s;
    -webkit-animation: rotate-hour 43200s linear infinite;
    -moz-animation: rotate-hour 43200s linear infinite;
}

.admin .clock-hour {
    background-color: var(--pcolor);
    width: 5px;
}

.admin .clock-minute {
    background-color: #999;
    width: 5px;
}

.admin .clock-wrapper {
    position: absolute;
    top: -5rem;
    right: -2rem;
    width: 250px;
    height: 250px;
    transform: scale(0.5);
    border-radius: 50%;
}

.clock-minute {
    position: absolute;
    z-index: 3;
    top: 60px;
    left: 128px;
    width: 4px;
    height: 85px;
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 0 2px rgba(0, 0, 0, .2);
    transform-origin: 2px 70px;
    transition: .5s;
    -webkit-animation: rotate-minute 3600s linear infinite;
    -moz-animation: rotate-minute 3600s linear infinite;
}

.clock-second {
    position: absolute;
    z-index: 4;
    top: 20px;
    left: 129px;
    width: 2px;
    height: 130px;
    background-color: #a00;
    box-shadow: 0 0 2px rgba(0, 0, 0, .2);
    transform-origin: 1px 110px;
    transition: .5s;
    -webkit-animation: rotate-second 60s linear infinite;
    -moz-animation: rotate-second 60s linear infinite;
}

.clock-second:after {
    content: "";
    display: block;
    position: absolute;
    left: -3px;
    bottom: 15px;
    width: 8px;
    height: 8px;
    background-color: #a00;
    border: solid 2px #a00;
    border-radius: 50%;
    box-shadow: 0 0 3px rgba(0, 0, 0, .2);
}

.clock-center {
    position: absolute;
    z-index: 1;
    width: 150px;
    height: 150px;
    top: 55px;
    left: 55px;
}

.clock-center:after {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    margin: 65px;
    background-color: #ddd;
    border-radius: 50%;
}


.clock {
    background: #eee;
    width: 5rem;
    height: 5rem;
    margin: .5rem auto;
    border-radius: 50%;
    border: 3px solid rgba(0, 0, 0, 0.55);
    position: relative;
}

.clock .dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #ccc;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    position: absolute;
    z-index: 10;
    box-shadow: 0 2px 4px -1px black;
}

.clock .minute-hand {
    position: absolute;
    z-index: 6;
    width: 4px;
    height: 43px;
    background: rgba(0, 0, 0, 0.55);
    top: 0;
    left: 50%;
    margin-left: -2px;
    border-top-left-radius: 50%;
    border-top-right-radius: 50%;
    transform-origin: 50% 43px;
}

.clock .second-hand {
    position: absolute;
    z-index: 7;
    width: 2px;
    height: 37px;
    background: rgba(255, 0, 0, 0.6);
    top: 0;
    lefT: 50%;
    margin-left: -1px;
    border-top-left-radius: 50%;
    border-top-right-radius: 50%;
    transform-origin: 50% 42px;
}

.clock span {
    display: inline-block;
    position: absolute;
    color: #000;
    font-size: 10px;
    font-family: 'vazir', sans-serif;
    font-weight: 700;
    z-index: 4;
}

.clock .h12 {
    top: 8px;
    left: 50%;
    margin-left: -5px;
}

.clock .h3 {
    top: 33px;
    right: 11px;
}

.clock .h6 {
    bottom: 5px;
    left: 50%;
    margin-left: -5px;
}

.clock .h9 {
    left: 10px;
    top: 34px;
}


.clock .diallines {
    display: block;
    position: absolute;
    z-index: 2;
    width: 2px;
    height: 6px;
    background: #666;
    left: 50%;
    margin-left: -1px;
    transform-origin: 50% 42px;
}

/*analogClock*/

section.pf-time {
    position: absolute;
    top: 1.6rem;
    right: -25px;
    color: #fff;
    width: 4rem;
    transform: rotate(-90deg);
}

section.pf-time > span {
    font-size: 11pt;
}

.pf_banner_info .bImgP {
    width: 6rem;
    height: 6rem;
    box-shadow: 0 0 5px #999;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: -28px;
    background-color: #fff;
    right: 3rem;
    overflow: hidden;
    cursor: pointer;
}

.pf_banner_info .bImgP > span {
    font-size: 26pt;
    color: #ccc;
}

.pf_banner_info .pf_b00 {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 30%;
    height: 100%;
}

.pf_banner_info .pf_b00 .pf_b01 {
    position: absolute;
    right: 9.7rem;
    top: 1rem;
}

.pf_banner_info .pf_b00 .pf_b01 .p_userName {
    font-size: 15.6pt !important;
    color: #000 !important;
}

.pf_banner_info .pf_b00 .pf_b01 .pf_b02 {
    display: flex;
    align-items: center;
}

.bf_location {
    margin: 0 .6rem 0 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.bf_location .name {
    padding: 0 .2rem;
    font-weight: 900;
    color: #888;
    font-size: 12pt;
}

.pf_b11 {
    display: flex;
    width: 70%;
    height: 100%;
    justify-content: flex-end;
}

.pf_share {
    width: 3rem;
    background-color: #eee;
    color: #999;
    margin: 1rem 0 0 .4rem;
    border: 1px solid #ccc;
}

.pf_share:hover {
    background-color: #0f0;
    color: #000;
}

.pf_icnb11 {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0.7rem;
    height: 3rem;
    transition: all .35s ease-in-out;
}

.pf_goPfHome {
    width: 7rem;
    margin: 1rem .4rem 0 1rem;
    border: 1px solid #4160f5;
    color: #4160f5;
}

.la_en .pf_goPfHome, .la_tk .pf_goPfHome {
    font-size: 11pt;
}

.pf_goPfHome:hover {
    background-color: #4160f5;
    color: #fff;
}

span.pf_light_star {
    width: 0.2rem;
    height: 0.2rem;
    display: block;
    position: absolute;
    background-color: #000;
    border-radius: 50%;
    top: 2rem;
    right: 10rem;
    box-shadow: 0 0 9px 4px #000;
    animation: pf_star 63.4s infinite;
    animation-timing-function: cubic-bezier(0, 0, 1, -1.68);
    animation-duration: 63.4s
}

@keyframes pf_star {
    0% {
        box-shadow: 0 0 0 0 #fff;
        background-color: #000;
    }
    50% {
        box-shadow: 0 0 9px 4px #fff;
        background-color: #fff;
    }
    100% {
        box-shadow: 0 0 0 0 #fff;
        background-color: #000;
    }
}

.bdwn .bdwnup {
    display: flex;
    width: 100%;
    height: 100%;
}

.pf_banner_info .box_btns .box_btns li {
    width: 10rem;
    height: 3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 900;
}

.pf_banner_info .box_btns > ul {
    display: flex;
    justify-content: flex-start;
    height: 100%;
}

.pf_b22.box_btns {
    height: 60%;
}

.pf_banner_info .box_btns > ul > li {
    padding: 0 2.1rem;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.pf_banner_info .box_btns > ul > li > a {
    height: 100%;
    display: flex;
    align-items: center;
}

.pf_banner_info .box_btns > ul > li .name {
    font-weight: 900;
}

.pf_banner_info .box_btns > ul > li:hover {
    border-bottom: 2px solid #F44336;
    color: #F44336;
}

.pf_b_active {
    border-bottom: 2px solid #F44336;
    color: #F44336;
}

.b-line {
    margin: 0 0.5rem 0 .1rem;
    width: .12rem;
    background-color: #e7e7e7;
    height: 0.9rem;
}

.menuF4 {
    position: fixed;
    height: 4rem !important;
    background-color: #fff;
    top: 75px;
    width: 100%;
    box-shadow: 0 0 10px #999;
    border-top-right-radius: 0;
    border-bottom-right-radius: .4rem;
    overflow: hidden;
    z-index: 8;
}

.profile.information .col_right {
    width: 74%;
}

.profile.information .pfItems h2 {
    color: #000;
    font-size: 17pt;
    margin: .5rem;
}

.profile.information .pfItems .pf_form_m {
    display: flex;
}

.profile.information .pfItems .pf_form_m > ul {
    width: 60% !important;
}

.profile.information .pfItems .pf_form_m > img {
    width: 9rem;
}

.profile.information .pfItems .pf_form2 {
    position: relative;
}

.profile.information .icon_edit {
    width: 2.5rem;
    height: 2.5rem;
    border: 1px solid #999;
    border-radius: .4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 3rem;
    top: 3rem;
    box-shadow: 1px 3px 6px #999;
}

.profile.information .icon_edit:hover {
    box-shadow: 0 0 0 #999;
}

.pf_form2 {
    position: relative;
    min-height: 10rem;
}

.profile.information .col_right .btnLearning {
    width: 12.8rem !important;
    font-family: vazir, sans-serif;
}

.profile.information .col_right .name {
    font-weight: 900;
    margin: 0 1rem 1rem 0;
    display: block;
}

.la_en .profile.information .col_right .name, .la_tk .profile.information .col_right .name {
    margin: unset;
    padding: 0 0.5rem;
}

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

.col_right.Recom h2 {
    font-size: 21pt !important;
    color: #333 !important;
}

.col_right.Recom .pfItems .box_share img {
    width: 2.5rem;
}

.short_link.copy img {
    width: 1.6rem !important;
}

.short_link.copy {
    display: flex;
    align-items: center;
    width: fit-content;
    border: 1px solid #999;
    border-radius: .4rem;
    background-color: #ccc;
    box-shadow: 1px 3px 5px #000;
    padding: 0.7rem 0.2rem;
}

.short_link.copy span {
    font-size: 12pt;
    font-weight: 900;
    margin: 0 .4rem;
}

.box_share {
    margin: 0 0.3rem;
    display: flex;
    border: 1px solid #999;
    border-radius: .4rem;
    padding: 0 .4rem;
    box-shadow: 1px 3px 5px #000;
}

.pfItems.box_shares {
    display: flex;
    justify-content: center;
}

.box_share:hover, .short_link.copy:hover {
    box-shadow: 0 0 0 #000;
}

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

.pf_setting .titer h1 {
    font-size: 22pt;
}

.settings {
    padding: 0;
}

.settings ul li {
    display: grid;
    grid-template-columns: 25% 20% 20% 20% 20%;
    height: 4rem;
    align-items: center;
    background-color: #fff;
}

.settings ul li:not(:last-child) {
    border-bottom: 1px solid #ccc;
}

.settings ul li .pf_b_itms {
    display: flex;
    width: 100%;
    justify-content: flex-start;
}

.settings ul li .pf_b_itms .name {
    margin: 0 0.3rem;
}

.settings ul li:hover {
    background-color: #eee;
}

.settings ul li h2 {
    padding: 0 1rem;
}

.settings ul li:first-child {
    background-color: #42A5F5;
    color: #fff;
}

.pf_sms_chat {
    margin-right: 2rem !important;
}

.pf_s_m_ml {
    display: flex;
    justify-content: flex-end;
    width: 40%;
    margin-right: 1rem;
}

.payment .pagePayment h1, .charge .pagePayment h1 {
    font-family: 'nbyekan', sans-serif;
    font-size: 25pt;
    color: #000;
    text-align: center;
}

.pfItems.pagePayment {
    width: 100%;
}

section.yas_tc {
    display: flex;
    margin: 2rem;
    justify-content: space-evenly;
}

section.yas_tc .c1 {
    border: 2px solid #ccc;
    padding: 1rem 0.9rem;
    width: 50%;
}

section.yas_tc .head, section.yas_tc .list .row {
    display: flex;
    position: relative;
}

section.yas_tc .Item_purchased {
    border-radius: 0 .4rem 0 0;
}

section.yas_tc .Price {
    border-radius: 0.4rem 0 0 0;
}

section.yas_tc .c1:nth-of-type(2n+1) {
    border-left: 0;
}

section.yas_tc .list .c1 {
    border-top: 0;
}

section.yas_tc .Item_purchased, section.yas_tc .Price {
    border-bottom: 2px solid #000;
}

section.yas_tc .name {
    font-weight: 900;
    font-family: 'nbyekan', sans-serif;
    font-size: 13pt;
    margin: 0 0.2rem;
}

section.yas_tc .head .fas {
    color: #999;
}

section.yas_tc .trash {
    position: absolute;
    left: 16px;
    top: 1rem;
    color: #E91E63;
}

section.yas_tc .trash:hover {
    cursor: pointer;
    transform: scale(1.05);
}

section.yas_tc .unit {
    font-weight: 900;
    font-family: 'nbyekan', sans-serif;
    font-size: 11pt;
    color: #999;
}

section.yas_tc .c2 {
    border: 2px solid #ccc;
    padding: 1rem 0.9rem;
    display: flex;
    justify-content: center;
    border-top: 0;
    align-items: center;
}

section.yas_tc .c2 {
    font-weight: 900;
    font-family: 'nbyekan', sans-serif;
    font-size: 13pt;
}

section.yas_tc .c2 .unit {
    color: #999;
    margin: 0 0.5rem;
}

section.yas_tc .c2 .number {
    font-weight: 900;
    font-size: 17pt;
}

section.yas_tc .c2_number {
    border-radius: 0 0 .4rem .4rem;
}

section.yas_tc .yt {
    box-shadow: 0 0 5px #999;
    padding: 0.4rem;
    width: 45%;
}

section.yas_tc .discount_code span.btn {
    box-shadow: 1px 3px 5px #000;
    border-radius: .4rem;
    padding: 0.6rem;
    background-color: #ee0290;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12pt;
    font-family: 'nbyekan', sans-serif;
    width: 4rem;
}

section.yas_tc .discount_code {
    display: flex;
    justify-content: space-around;
    margin: .5rem;
}

section.yas_tc .discount_code .inpt_code {
    width: 80%;
    padding: 0 1rem;
    outline: none;
}

section.yas_tc .discount_code span.btn:hover {
    box-shadow: 0 0;
}

input::placeholder {
    font-family: 'iran_sans', sans-serif !important;
}

.profile .amount_payable .c3 {
    display: flex;
    align-items: center;
}

.c2.amount_payable {
    background-color: #333;
    color: #fff;
    display: flex;
    justify-content: space-around !important;
    border-radius: 0 0 .4rem .4rem;
}

.payment .wallet, .charge .wallet {
    margin: 1rem;
    display: flex;
    align-items: center;
}

.payment_method h2 {
    text-align: center;
    font-size: 13pt;
}

.Payment_gateway {
    border: 1px solid #999;
    border-radius: 0.3rem;
    padding: 1rem;
    display: flex;
    justify-content: space-between;
}

.Payment_gateway span, .Payment_gateway span {
    width: 47%;
    display: flex;
    box-shadow: 0 0 5px #999;
    justify-content: center;
    align-items: center;
    font-weight: 100;
    font-size: 12pt;
    padding: 0.3rem;
    border-radius: .2rem;
}

.pg_active {
    box-shadow: 0 0 !important;
    border: 3px solid #00f !important;
    color: #00f !important;
}

.payment span#btn_payment, .charge span#btn_payment, .financialEmpo span#btn_payment {
    display: flex;
    height: 4rem;
    box-shadow: 1px 3px 5px #000;
    margin: 1rem;
    border-radius: .3rem;
    background-color: #ff9e22;
    color: #fff;
    justify-content: center;
    align-items: center;
    font-family: vazir, sans-serif;
    font-size: 16pt;
    font-weight: 100;
}

.payment span#btn_payment:hover, .charge span#btn_payment:hover, .financialEmpo span#btn_payment:hover {
    cursor: pointer;
    box-shadow: 0 0;
}

.payment .head .c11, .charge .head .c11 {
    border-radius: .3rem .3rem 0 0;
    border-bottom: 2px solid #000;
    border-top: 2px solid #ccc;
    border-right: 2px solid #ccc;
    border-left: 2px solid #ccc;
    width: 100%;
    padding: 1rem 0.9rem;
    display: flex;
    justify-content: center;
}

.payment .body .c11, .charge .body .c11 {
    border-bottom: 2px solid #ccc;
    border-right: 2px solid #ccc;
    border-left: 2px solid #ccc;
    width: 100%;
    padding: 1rem 0.9rem;
    display: flex;
    flex-direction: column;
}

.payment .body .cash, .charge .body .cash {
    display: flex;
    justify-content: flex-end;
    font-family: 'nbyekan', sans-serif;
    font-size: 20pt;
    color: #000;
}

.payment .body .c11 .b1, .charge .body .c11 .b1 {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
}

.payment .yas_tc .body .b1 .unite, .charge .yas_tc .body .b1 .unite {
    margin: 0 .5rem;
}

.payment .yas_tc .yt.account_status, .charge .yas_tc .yt.account_status {
    height: fit-content;
}

.payment .yas_tc .yt.account_status .body .c11:last-child, .charge .yas_tc .yt.account_status .body .c11:last-child {
    border-radius: 0 0 .4rem .4rem;
}

.p_b0 .b_m_c {
    display: flex;
    justify-content: center;
}

.profile main.List_advice {
    margin-top: 4rem !important;
}

.profile div#box_table_top {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    /* padding: 2rem; */
    column-gap: .3rem;
    max-width: 65rem;
    margin: 3rem 1rem !important;
}

.profile .b0.CV {
    display: grid !important;
    grid-template-columns: 100% !important;
    margin: 1rem auto !important;
    justify-content: center;
    width: 97% !important;
}

.profile.information .b0.CV .name {
    font-weight: 900;
    margin: 0 0.4rem !important;
    display: flex;
    font-size: 16pt;
}

.profile.information .edit_profile .bOne .bEdit {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.profile.information .edit_profile .bOne .bEdit .flds p {
    white-space: pre-line;
    font-size: 12pt;
    color: #999;
}

.profile.information .edit_profile .bOne .result {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: flex-start;
}

.profile.information .edit_profile .bOne .fa-address-card {
    font-size: 36pt;
}

.profile.information .edit_profile .bOne .national_card .btnUploadImg {
    width: 7.9rem !important;
}

.profile.information .edit_profile .bOne .bimg .btnUploadImg > .name {
    font-size: 10pt!important;
}

.profile.information .edit_profile .bOne .b000 {
    display: flex;
}

.profile.information .result .bEdit {
    z-index: 1 !important;
}

.dr_c {
    flex-direction: column !important;
}

.profile.information .CV .about_me .result {
    grid-template-columns: 100% !important;
}

.profile.information .CV .password .flds {
    display: flex;
    flex-direction: column !important;
    align-items: center !important;
}
.profile.information .bOne span.star {
    color: #f00;
}
.profile.information .CV .cell_ex {
    background-color: #fff !important;
}

.profile .icn.fas.fa-address-book {
    font-size: 1.8rem;
}

.profile .header_profile .b0_charge a .p_b1 {
    width: 2.5rem;
    display: flex;
    justify-content: center;
    align-items: center;

}

.profile .header_profile .b0_charge a {
    display: flex;
    color: #999 !important;
}

.profile .Freelancer .cell .title h4 {
    margin: 0 0.5rem !important;
}

.profile .Freelancer .cell .title {
    position: relative;
}

.profile .Freelancer .cell .title img {
    width: 4rem !important;
}

.profile .Freelancer .b_following {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #999;
    color: #fff;
    border-radius: 1rem;
    height: 1.4rem;
    position: absolute;
    right: 0;
    width: 5rem;
    top: 3.4rem;
}

.la_en .profile .Freelancer .b_following, .la_tk .profile .Freelancer .b_following {
    width: unset;
    top: 3.2rem;
}

.profile .Freelancer .b_following:hover {
    background-color: #00f;
}

.profile .Freelancer .b_following div span.ii {
    font-size: 8pt;
}

.profile .Freelancer .b_following .name {
    font-size: 10pt;
    margin-right: 0.3rem;
}

.bk_blue {
    background-color: #00f !important;
}

.profile.financial .pfItems img {
    width: 4rem;
}

.profile.financial .col_right {
    width: 25%;
}

.profile.financial .col_left {
    width: 74%;
    min-height: 30rem;
}

.profile.financial ul.list_ff {
    display: flex;
    justify-content: space-around;
    background-color: #fff;
}

.profile.financial ul.list_ff li {
    height: 4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 900;
    width: 33.33%;
}

.profile.financial .col_left .pfItems {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-height: 13rem;
    justify-content: flex-start;
}

.profile.financial .col_left .pfItems.Canceled_transactions ul.listTrans li {
    grid-template-columns: 30% 70%;
}

.profile.financial .col_left .pfItems ul.listTrans, .profile.financial .col_left .pfItems ul.listTrans2 {
    width: 100%;
}

.profile.financial .col_left .pfItems ul.listTrans li {
    display: grid;
    border: 1px solid #ccc;
    margin: .5rem 0 0;
    width: 100%;
    justify-content: space-around;
    grid-template-columns: repeat(5, 1fr);
    justify-items: center;
    align-items: center;
}

.profile.financial .col_left .pfItems ul.listTrans2 li {
    display: grid;
    border: 1px solid #ccc;
    margin: .5rem 0 0;
    width: 100%;
    justify-content: space-around;
    grid-template-columns: repeat(4, 1fr);
    justify-items: center;
    align-items: center;
}

.profile.financial .col_left .pfItems ul.listTrans li > div, .profile.financial .col_left .pfItems ul.listTrans2 li > div {
    padding: .5rem;
    background-color: #eee;
    width: 98%;
    display: flex;
    justify-content: center;
    margin: .2rem;
    font-family: 'vazir', sans-serif;
    font-size: 11pt;
}

.profile.financial .col_left .pfItems ul.listTrans.title li > div, .profile.financial .col_left .pfItems ul.listTrans2.title li > div {
    background-color: #333;
    color: #fff;
}

.profile.financial .col_left .pfItems ul.listTrans.list, .profile.financial .col_left .pfItems ul.listTrans2.list {
    max-height: 10rem;
    overflow-y: scroll;
}

.profile.financial .col_left .pfItems h4 {
    margin: 0;
}

.profile.financial .reports .report {
    margin: 1rem 0 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 4rem;
    justify-content: space-between;
}

.reports.pfItems {
    margin: 0 !important;
}

.profile.financial .reports .report .name {
    color: #444;
    font-weight: 900;
    font-size: 13pt;
}

.profile.financial .reports .report .number {
    font-family: 'nbyekan', sans-serif;
    font-size: 19pt;
    font-weight: 900;
    color: #000;
}

.profile.financial .reports .report .unit {
    font-size: 14pt;
    font-weight: 900;
    color: #999
}

.profile.financial .reports hr {
    border: 0.5px solid #eee;
}


.Request_registration {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .4);
    z-index: 999;
    top: 0;
}

.Request_registration .b_rr {
    position: fixed;
    left: 0;
    right: 0;
    margin: auto;
    width: 25rem;
    background-color: #fff;
    z-index: 999;
    border-radius: .3rem;
    box-shadow: 0 0 5px #999;
    top: 5rem;
}

.Request_registration .closeBox {
    width: 3rem;
    height: 3rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.Request_registration.closeBox span {
    font-size: 17pt;
    color: #999;
}

.Request_registration .b_all {
    padding: 1rem;
    height: 25rem;
    overflow-y: scroll;
}

.Request_registration .b_rr h1 {
    position: absolute;
    top: 1rem;
    right: 0;
    left: 0;
    margin: auto;
    width: fit-content;
}

.Request_registration .rr_input {
    width: 100%;
    height: 2.5rem;
    font-size: 15.5pt;
    text-align: center;
}

.Request_registration label {
    font-weight: 900;
}

.Request_registration .bimg {
    width: 100% !important;
    height: 10rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: relative;
    border: 2px dashed #ccc;
    margin: 1rem 0;
}

.Request_registration .bimg h5 {
    white-space: pre-line;
}

.Request_registration .bimg .fa-address-card {
    font-size: 40pt;
}

.Request_registration .b_inpt {
    position: relative;
}

.Request_registration .unit-r {
    position: absolute;
    left: 0.6rem;
    top: 1.7rem;
    font-size: 18pt;
    font-weight: 900;
}

.b_shaba input {
    direction: ltr !important;
    padding-left: 2rem !important;
    text-align: left !important;
}

.Request_registration #btn-rr {
    width: 100%;
    display: flex;
    height: 5rem;
    background-color: #00f;
    border-radius: .3rem;
    margin: .5rem auto;
    align-items: center;
    justify-content: center;
    color: #fff;
    box-shadow: 1px 3px 5px #000;
}

.Request_registration #btn-rr:hover {
    box-shadow: 0 0;
}

.Request_registration .b_all p {
    font-weight: 900;
    text-align: center;
}

.Request_registration .law {
    border: 1px solid #00f;
    margin: 1rem auto;
    padding: 1rem;
}

.Request_registration .law a {
    display: flex;
    direction: ltr;
    color: #e4911f;
    font-weight: 900;
}

.profile.save .pfItems img {
    width: 4rem;
}

.profile.save .bf_bxs {
    display: flex;
    flex-direction: column;
}

.profile.save .bf_bxs .pfItems {
    width: 80%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 1rem auto 0;
}

.profile.save .bf_bxs .pfItems h4 {
    margin: auto;
    width: fit-content;
    color: #333;
    font-family: 'nbyekan', sans-serif;
    font-size: 16pt;
}

.profile.save a.btn-see-all-p {
    width: 61%;
    height: 4rem;
    background-color: #00f;
    color: #fff;
    border-radius: .4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 15pt;
    box-shadow: 1px 3px 5px #000;
    margin: 0.4rem auto;
}

.profile.save a.btn-see-all-p:hover {
    box-shadow: 0 0;
}

.profile.save section.pf_items {
    height: 30rem;
}

.ph_header {
    display: none;
}

.ph_bRight {
    display: none;
}

.profile.plans .bf_bxs {
    display: flex;
    flex-direction: column;
}

.profile.plans .p_row_up, .profile.plans .p_row_dwn {
    display: grid;
    grid-template-columns: 15% 85%;
}

.profile.plans .p_row_up .p_header {
    margin: 0 1rem;
}

.profile.plans .p_row_up .p_header ul {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    width: 100%;
    align-items: center;
    height: 100%;
    box-shadow: 0 0 5px #fff;
    border-radius: .4rem;
    justify-items: center;
    background-color: #fff;
}

.profile.plans .p_row_up .p_header ul li {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
    position: relative;
}

.profile.plans .p_row_up .p_header ul li:hover {
    background-color: #e4911f;
}

.profile.plans .p_row_up .p_header ul li.actH {
    background-color: #e4911f;
    color: #fff;
}

.profile.plans .p_row_up .p_header ul li:not(:last-child) {
    border-left: 1px solid #999;
}

.la_en .profile.plans .p_row_up .p_header ul li:not(:last-child), .la_tk .profile.plans .p_row_up .p_header ul li:not(:last-child) {
    border-right: 1px solid #999;
}

.pfItems.yam {
    display: flex;
    flex-direction: column;
    align-items: center;
}

/*circle descount*/
.profile.plans .p_row_up .p_header ul li .percentD0 {
    --gradient-end: 0% !important;
}

.profile.plans .p_row_up .p_header ul li .percentD44 {
    --gradient-end: 44% !important;
}

.profile.plans .p_row_up .p_header ul li .percentD58 {
    --gradient-end: 58% !important;
}

.profile.plans .p_row_up .p_header ul li .percentD72 {
    --gradient-end: 72% !important;
}

.profile.plans .p_row_up .p_header ul li .c-rng--circular {
    --track-bgc: gold;
    --track-fill: cornflowerblue;
    --gradient-start: 0deg;
    --gradient-end: 0deg;
    background-image: conic-gradient(
            var(--track-bgc) 0,
            var(--track-bgc) var(--gradient-start),
            var(--track-fill) var(--gradient-start),
            var(--track-fill) var(--gradient-end),
            var(--track-bgc) var(--gradient-end),
            var(--track-bgc)
    );
    touch-action: none;
    width: var(--circle-size);
}

.profile.plans .p_row_up .p_header ul li .c-rng--circular::after {
    background-color: var(--track-fill);
    border-radius: 50%;
    content: "";
    height: var(--thumb-size);
    position: absolute;
    left: calc(50% - (var(--thumb-size) / 2));
    width: var(--thumb-size);
}

.profile.plans .p_row_up .p_header ul li .c-rng--circular::before {
    align-items: center;
    border-radius: 50%;
    content: attr(data-value);
    display: flex;
    font-family: ui-sans-serif, ui-system, sans-serif;
    font-size: 2rem;
    height: calc(var(--circle-size) - (var(--thumb-size) * 2));
    justify-content: center;
    position: absolute;
    top: var(--thumb-size);
    width: calc(var(--circle-size) - (var(--thumb-size) * 2));
}

.profile.plans .p_row_up .p_header ul li .circle {
    width: 3.5rem;
    height: 3.5rem;
    box-shadow: 0 0 5px #999;
    border-radius: 50%;
}

.profile.plans .p_row_up .p_header ul li .d_line {
    display: flex;
    height: 1.2px;
    background-color: #333;
}

.profile.plans .p_row_up .p_header ul li span.d_line.n_2 {
    transform: rotate(293deg);
    width: 1rem;
    position: absolute;
    right: 123px;
    top: 23px;
}

.la_en .profile.plans .p_row_up .p_header ul li span.d_line.n_2, .la_tk .profile.plans .p_row_up .p_header ul li span.d_line.n_2 {
    transform: rotate(-293deg);
}

.profile.plans .p_row_up .p_header ul li span.d_line.n_1 {
    position: absolute;
    right: 111px;
    top: 15px;
    width: 1rem;
}

.la_en .profile.plans .p_row_up .p_header ul li span.d_line.n_1, .la_tk .profile.plans .p_row_up .p_header ul li span.d_line.n_1 {
    right: 135px;
}

.profile.plans .p_row_up .p_header ul li span.percent_d {
    font-size: 9pt;
    position: absolute;
    right: 59px;
    top: 6px;
    background-color: #000;
    color: #fff;
    padding: 0 0.3rem;
    box-shadow: 0 5px 5px #999;
    border-radius: .2rem;
}

.la_en .profile.plans .p_row_up .p_header ul li span.percent_d, .la_tk .profile.plans .p_row_up .p_header ul li span.percent_d {
    right: 111px;
}

/*circle descount*/


.profile.plans .p_row_up .reports.pfItems {
    padding: .2rem 0.7rem;
    height: 6rem;
    display: flex;
}

.profile.plans .p_row_up .reports.pfItems a {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-weight: 900;
}

.profile.plans .p_row_dwn .items {
    margin: 0 1rem;

}

.profile.plans .p_row_dwn .items > ul {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    width: 100%;
    align-items: center;
    height: 100%;
    border-radius: .4rem;
    justify-items: center;
}

.profile.plans .p_row_dwn .items > ul li.p_item {
    width: 95%;
    margin: 2rem auto;
    border-radius: 0 0 1rem 1rem;
    min-height: 25rem;
    box-shadow: 0 -10px 10px #fff;
    backdrop-filter: blur(10px);
    background-color: rgba(255, 255, 255, .2);
}

.profile.plans .p_row_dwn .items > ul li.p_item.Bronze {
    background-color: rgba(205, 125, 50, 0.3) !important;
}

.profile.plans .p_row_dwn .items > ul li.p_item.silver {
    background-color: rgba(211, 211, 211, 0.3) !important;
}

.profile.plans .p_row_dwn .items > ul li.p_item.Gold {
    background-color: rgba(255, 215, 0, 0.3) !important;
}

li.p_item.month {
    background-color: rgba(0, 0, 0, .2);
}

li.p_item section.pi_head {
    display: flex;
    flex-direction: column;
    align-items: center;
}

li.p_item section.pi_head .pi_b_icn {
    height: 2rem;
    margin: -1rem auto 1rem auto;
    width: 100%;
    position: relative;
}

li.p_item section.pi_head {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

li.p_item section.pi_head .pi_icn {
    width: 41.9%;
    height: 1rem;
    position: absolute;
    backdrop-filter: blur(10px);
    background-color: rgba(255, 255, 255, .2);
}

li.p_item section.pi_head .pi_icn.e1 {
    width: 41.3% !important;
}

li.p_item section.pi_head .pi_icn.icn-r {
    border-radius: 20px 20px 0 0;
    float: right;
}

li.p_item section.pi_head span.pi_icn.icn-l {
    border-radius: 20px 20px 0 0;
    left: 0;
}

.la_en li.p_item section.pi_head span.pi_icn.icn-l, .la_tk li.p_item section.pi_head span.pi_icn.icn-l {
    right: 0;
    left: unset;
}

li.p_item section.pi_head span.icn {
    font-size: 1.4rem;
    border-radius: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 0;
    left: 0;
    margin: auto;
    width: 5.5rem;
    height: 5.5rem;
    background-repeat: no-repeat;
    background-size: cover;
    top: -4px;
}

span.icn.Bronze {
    background-image: url("../img/Profile/3rd_place_medal.svg");
}

span.icn.silver {
    background-image: url("../img/Profile/2nd_place_medal.svg");
}

span.icn.Gold {
    background-image: url("../img/Profile/1st_place_medal.svg");
}

span.icn.star {
    background-image: url("../img/Profile/sports_medal.svg");
}

.profile.plans .items .p_item .ppd_b00 {
    width: 100%;
    display: flex;
    justify-content: space-around;
    flex-direction: column;
    align-items: center;
}

.profile.plans .items .p_item .ppd_b00 * {
    font-size: 21pt;
    margin: .5rem 0;
    color: #fff;
}

.la_en .profile.plans .items .p_item .ppd_b00 *, .la_tk .profile.plans .items .p_item .ppd_b00 * {
    font-size: 17pt;
}

.profile.plans .items .p_item .ppd_b00 .p_up span, .profile.plans .items .p_item .ppd_b00 .p_dw span {
    font-size: 16pt;
    font-weight: 100;
}

.profile.plans .items .p_item section.pi_main {
    background-color: #fff;
    width: 90%;
    margin: 1rem auto;
    border-radius: .5rem;
    box-shadow: inset 4px 4px 5px #999, inset -4px -4px 5px #999;
    padding: 1rem;
}

.profile.plans .items .p_item section.pi_main > ul {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    height: 100%;
}

.profile.plans .items .p_item section.pi_main li.btnBuyPlan {
    box-shadow: 0 0 5px #999;
    border-radius: 0.2rem;
    width: 100%;
    height: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12pt;
    color: #333;
    font-weight: 100;
}

.profile.plans .items .p_item section.pi_main ul li.Number {
    font-size: 16pt;
    font-family: 'nbyekan', sans-serif;
}

.profile.plans .items .p_item section.pi_main ul li {
    height: 4rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.la_en .profile h3.pi_discount, .la_tk .profile h3.pi_discount {
    font-size: 14pt !important;
    color: #000 !important;
}

.profile.plans .items .p_item section.pi_main ul li span.fa-toggle-on {
    font-size: 24pt;
    color: green;
}

.profile.plans .items .p_item section.pi_main ul li span.fa-toggle-off {
    font-size: 24pt;
    color: #ccc;
}

.profile.plans {
    background-image: url("../img/Profile/earth_space_large.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.pfItems.yam .Membership_type {
    margin: 6.3rem 0 3.7rem 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.pfItems.yam ul {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    height: 100%;
}

.pfItems.yam ul li {
    height: 4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.nowMt {
    display: flex;
    width: 5rem;
    height: 5rem;
    background-repeat: no-repeat;
}

.profile h3.pi_discount {
    position: relative;
    height: 1.4rem;
    font-size: 18pt !important;
    color: #999 !important;
}

.profile span.dis_line {
    width: 7.5rem;
    height: 0.14rem;
    display: block;
    background-color: #f00;
    position: absolute;
    top: 11px;
    transform: rotate(-9deg);
    right: -0.7rem;
}

.la_en .profile span.dis_line, .la_tk .profile span.dis_line {
    width: 7.5rem;
    height: 0.14rem;
    display: block;
    background-color: #f00;
    position: absolute;
    top: 4px;
    transform: rotate(-9deg);
    right: 0.3rem;
}

.plans .fa-check {
    color: #0dcb0d;
    font-size: 16.4pt;
}

.plans .close {
    color: #f00;
    font-size: 27.4pt;
}

.plans .Gold .Number_offers {
    font-size: 16pt !important;
    font-weight: 900 !important;
    color: #b79d11 !important;
}

.plans .Bronze .btnBuyPlan {
    background-color: #B25316;
    color: #fff !important;
    box-shadow: 1px 3px 5px #000 !important;
}

.plans .silver .btnBuyPlan {
    background-color: #9FA6AF;
    color: #fff !important;
    box-shadow: 1px 3px 5px #000 !important;
}

.plans .Gold .btnBuyPlan {
    background-color: #F2B315;
    color: #fff !important;
    box-shadow: 1px 3px 5px #000 !important;
}

.plans li.Free_membership {
    box-shadow: 0 0 5px #999;
    border-radius: 0.2rem;
    width: 100%;
    height: 2rem !important;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12pt;
    color: #333;
    font-weight: 100;
}

.plans .btnBuyPlan:hover {
    box-shadow: 0 0 !important;
    cursor: pointer;
}

.plans .starT1 {
    height: 279px !important;
}

.plans .starT2 {
    margin: 6.3rem 0 7.7rem 0 !important;
}

.about_ar.job {
    position: relative;
    grid-template-columns: repeat(2, 1fr) !important;
}

.about_ar.job .logo_rotating {
    background: unset !important;
}

.about_ar.job .about_txt {
    background-color: rgba(0, 0, 0, .2) !important;
    backdrop-filter: blur(3px);
    position: absolute;
}

.about_ar.job .about_txt p {
    color: #000 !important;
}

.about_ar.job .sp_lgo::before, .about_ar.job .sp_lgo::after {
    content: unset;
}

.about_ar.job .logo_rotating .box_img .sp_lgo {
    -webkit-animation: logo 30s linear infinite;
    -moz-animation: logo 30s linear infinite;
    -ms-animation: logo 30s linear infinite;
    -o-animation: logo 30s linear infinite;
    animation: logo 30s linear infinite;
}

.about_ar.job .logo_rotating .sp_lgo {
    display: block;
    width: 34rem;
    height: 25rem;
    background: url("../img/icon.png") no-repeat center;
    margin: auto;
    background-size: contain !important;
    opacity: 0.1 !important;
}

.about_ar.job .box_v > h1 {
    color: #000;
    font-size: 22pt;
}

.about_ar.job .box_v > video {
    width: 90%;
    margin: 1rem auto;
    height: 20rem;
}

.about_ar.job.employer .about_txt {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 1rem;
    padding: 1rem 2rem;
    align-items: center;
    text-align: justify;
}

div#news_ads .sh_news_ads {
    height: 23rem;
}

div#news_ads .sh_news_ads .slick-dots {
    top: 20.5rem;
}

div#news_ads .sh_news_ads .Sa_sh {
    float: right;
    margin: 0.6rem 0.8rem;
    width: 13.1rem !important;
    height: 18.6rem;
}

.sliderG .slick-arrow {
    display: block !important;
    top: 50% !important;
    z-index: 10;
    width: 2.8rem;
    height: 50%;
    background-color: rgba(0, 0, 255, .2);
    border-radius: .2rem;
}

.sliderG .slick-prev {
    right: 0 !important;

}

.sliderG .slick-next {
    left: 0 !important;
}

.sliderG .slick-prev:before, .sliderG .slick-next:before {
    font-size: 24px;
    opacity: .5 !important;
    color: blue !important;
}

.sliderG .slick-prev:hover:before, .sliderG .slick-next:hover:before {
    opacity: 1 !important;
}

.ads_carousel span.sos {
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.ads_carousel > h2 {
    font-size: 33pt;
    padding-right: 0.5rem;
    color: #333;
    width: fit-content;
    margin: 5rem auto 0;
}

.ads_carousel > h2:hover {
    color: #00f;
    cursor: pointer;
}

.List_advice.Favorites #List .cell_right .cell {
    border-top: 5px solid #006400;
    border-right: 2px solid #006400;
    min-height: 18.5rem;
    margin: 0.3rem;
    background: rgba(0, 0, 0, .02);
    padding: 0.6rem;
    width: 12rem;
    box-shadow: 0 0 5px #999;
    border-radius: .4rem;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: space-between;
}

.List_advice.Favorites #List .cell_right .cell .bx_avatar {
    width: 5rem;
    height: 5rem;
    overflow: hidden;
    border-radius: 50%;
    border: 2px solid #999;
    display: flex;
    margin: 0 auto;
}

.List_advice.Favorites #List .cell_right .cell .bx_btn {
    background-color: #01C3FF;
    color: #fff;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    font-weight: 500;
    box-shadow: 1px 3px 5px #555;
    border-radius: 0.3rem;
    height: 2rem;
}

.List_advice.Favorites #List .cell_right .cell .bx_btn:hover {
    box-shadow: 0 0;
}

.List_advice.Favorites #List .cell_right .cell_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.List_advice.list_day #List .cell_right .cell_list .bx_avatar img {
    width: 100%;
    height: 10rem;
}

.List_advice.list_day #List .cell_right .cell_list .bx_avatar {
    position: relative;
    height: 189px;
}

.List_advice.list_day #List .cell_right .cell_list .bx_avatar span.pCounter {
    position: absolute;
    background-color: #fff;
    border-radius: 0.3rem;
    left: 20px;
    bottom: 14px;
    padding: 0 0.3rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.List_advice.list_day #List .cell_right .cell_list .bx_avatar span.pCounter span {
    font-size: 10pt;
    font-weight: 900;
    margin: 0 0.1rem;
}

.List_advice.list_day #List, .List_advice.list_day #List .box_head {
    background-color: #eee;
}

.List_advice.list_day #List .cell_right .cell {
    width: 13rem;
    height: 18rem;
    border-right: unset !important;
    background-color: #fff;
    padding: 0;
    overflow: hidden;
    border-radius: 0.6rem;
    box-shadow: 1px 3px 5px #999;
    display: flex;
    justify-content: space-between;
}

.la_en .List_advice.list_day #List .cell_right .cell, .la_tk .List_advice.list_day #List .cell_right .cell {
    height: 18.6rem;
    border-right: unset !important;
    border-left: unset !important;
}

.List_advice.list_day #List .cell_right .cell section.bx_up {
    display: grid;
    grid-template-columns: 74% 23%;
    justify-content: space-between;
    padding-bottom: 0.3rem;
    border-bottom: 1px solid #ccc;
}

.List_advice.list_day #List .cell_right .cell .bx_part_subStar {
    display: flex;
    justify-content: flex-start;
}

.List_advice.list_day #List .cell_right .cell .bx_part_subStar .part {
    padding: 0 .5rem;
}

.bx_subStar span.digit {
    font-size: 12pt;
    font-family: 'iran_sans', sans-serif;
    padding: 0;
    color: #333;
}

.bx_subStar span.digit2 {
    font-size: 10pt;
    font-weight: 100;
    font-family: 'nbyekan', sans-serif;
    color: #999;
    letter-spacing: -1.4px;
}

.la_en .List_advice.list_day #List .cell .bx_subStar span.digit2, .la_tk .List_advice.list_day #List .cell .bx_subStar span.digit2, .la_en .List_advice.list_day #List .cell .toDiscount .number, .la_tk .List_advice.list_day #List .cell .toDiscount .number {
    font-family: sans-serif !important;
}

.bx_subStar .fa-star {
    font-size: 10pt;
    color: #ffc120;
}

.List_advice.list_day #List .cell_right .cell .box_text > h5 {
    display: flex;
    padding: 0.4rem .5rem 1.2rem;
}

.bx_subStar span.part {
    padding: 0 .5rem;
    color: #999;
    font-size: 11.5pt;
    display: flex;
    justify-content: center;
    align-items: center;
}

.bx_subStar {
    border-right: 1px solid #ccc;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 .5rem;
}

.bx_subStar .st01 {
    display: flex;
    align-items: center;
    padding: 0 .2rem;
    justify-content: center;
}

.List_advice.list_day #List .cell_right .cell .toDiscount * {
    color: #f00;
}

.List_advice.list_day #List .cell_right .cell .toDiscount .number {
    font-size: 19pt;
    font-family: 'nbyekan', sans-serif;
    letter-spacing: -3px;
    font-weight: 900;
}

.List_advice.list_day #List .cell_right .cell .bx_left .txt {
    color: #888;
    font-weight: 900;
}

.List_advice.list_day #List .cell_right .cell .bx_btn {
    background-color: #0404ffa6;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: .4rem;
    width: 50%;
    height: 2rem;
    margin: 0.4rem auto;
}

.List_advice.list_day #List .cell_right .cell .bx_btn:hover {
    background-color: #00f;
}

.List_advice.list_day .box_list {
    display: grid;
    grid-template-columns: 100% !important;
}

.List_advice.list_day .cell_list {
    display: flex;
    flex-wrap: wrap;
}

.List_advice.list_day .box_sel_ex {
    padding: 0 0 0 2.8rem;
}

.la_en .List_advice.list_day .box_sel_ex, .la_tk .List_advice.list_day .box_sel_ex {
    padding: 0 2.8rem 0 0;
}

.List_advice.list_day .selectionStar .fa-star {
    font-size: 12.9pt;
    color: #ffc120;
}

.la_en .List_advice.list_day .selectionStar .fa-star, .la_tk .List_advice.list_day .selectionStar .fa-star {
    font-size: 8.9pt;
}

.List_advice.list_day .selectionStar ul li {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.List_advice.list_day .selectionStar ul li .bx_stars {
    padding: 0 .5rem;
}

.List_advice.list_day .slide_price {
    display: flex;
    padding: 0 1.5rem;
    width: 360px;
}

.List_advice.list_day .slide_price .price {
    display: flex;
}

.List_advice.list_day .slide_price .price .digit {
    padding: 0 .5rem;
}

.List_advice.list_day .box_slide .bx_up {
    display: flex;
}

.List_advice.list_day .box_slide .bx_up .bx_left {
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.sliderG.bxs.links {
    margin: auto;
    width: 1250px;
}

.sliderG.bxs.links .loading {
    width: 7rem;
    margin: 1rem auto;
    display: flex;
}

.sliderG.links .bimg {
    padding: 1.5rem 1rem;
    position: relative;
    box-shadow: 0 0 5px #ccc;
    display: flex;
    justify-content: center;
    border-radius: .2rem;
}

.sliderG.links .more {
    display: flex;
    flex-direction: column;
    width: 198px;
    justify-content: flex-start;
    padding: 0.5rem 0;
    align-items: flex-start;
}

.sliderG.links {
    position: relative;
    min-height: 5rem;
}

.sliderG.links .single_p {
    width: 100% !important;
    display: flex !important;
    align-items: center;
    flex-direction: column;
    margin: 1rem 0;
}

.sliderG.links .single_p .star .fa-star {
    font-size: 10pt;
}

.sliderG.links .single_p .star {
    display: flex;
    margin: 1rem 0;
}

.sliderG.links .bx_subStar {
    border-right: unset !important;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: .5rem 0 !important;
}

.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
    color: unset !important;
    outline: unset !important;
    background: rgba(0, 0, 255, .4) !important;
}

.sliderG .slick-next:before {
    content: url("../img/back-white.svg") !important;

}

.sliderG .slick-prev:before {
    content: url("../img/back-white.svg") !important;
    transform: rotate(180deg) !important;
    display: block;

}

.links section.bx_details {
    width: 207px;
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.links section.bx_details .bx_name {
    display: flex;
    justify-content: center;
    width: 100%;
}

.Useful_links .bx_links {
    padding: 1rem;
    border-radius: .4rem;
    width: 90%;
    margin: 6rem auto;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.Useful_links .bx_links > .bxl {
    display: flex;
    justify-content: flex-start;
}

.Useful_links .bx_links .bx01 a:hover {
    color: #00f;
}

.Useful_links .bx_links .bx01 {
    display: flex;
    margin: 1rem;
}

.Useful_links .bx_links .bx01 .subLinks {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin: 0 1rem;
    border-right: 2px solid #999;
    padding: 0 0.6rem;
}

.Useful_links .bx_links .bx01 > a {
    width: fit-content;
    display: flex;
    height: fit-content;
}

.Useful_links .bx_links .bx01 .subLinks div.sl {
    width: 3.2rem;
}

.Useful_links .bx_links .bx01 .subLinks .sl {
    height: 1.9rem;
}

.Useful_links .bx_links .bx01 .subLinks .bxSignup {
    overflow: hidden;
    transition: all .4s ease-in-out;
}

.in5h {
    height: 5rem !important;
}

.Useful_links .bx_links .bx01 .sublinks2 {
    padding-right: 0.3rem;
    margin-top: 0.5rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    border-right: 1px solid #999;
}

.Useful_links .bx_links .bx01 .arrow {
    transition: all .4s ease-in-out;
    margin: 0 0.4rem 0 0;
}

.Useful_links .bx_links .bx01 .name {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}


.bx_search .bx_input input.search_ea {
    width: 18rem;
    height: 3rem;
    border-radius: 1.5rem;
    border: 2px solid #ccc;
    padding: 0 0.8rem;
    font-size: 12.8pt;
    font-family: 'iran_sans', sans-serif;
    font-weight: 900;
    transition: all .35s ease-in-out;
}

.bx_search .bx_input input.search_ea:hover {
    border: 2px solid #999;
}

.bx_search .bx_input input.search_ea::placeholder {
    font-size: 12pt;
}

.bx_search .bx_input {
    display: flex;
    justify-content: center;
    position: relative;
    width: fit-content;
    margin: auto;
    flex-direction: column;
}

.bx_search .bx_input span.fas.fa-search {
    font-size: 18pt;
    color: #ccc;
    position: absolute;
    left: 1rem;
    top: 0.9rem;
    transition: all .35s ease-in-out;
}

.la_en .bx_search .bx_input span.fas.fa-search, .la_tk .bx_search .bx_input span.fas.fa-search {
    right: 1rem;
    left: unset;
}

.bx_search .bx_input span.fas.fa-search:hover {
    color: #999;
}

.bx_search ul.Search_methods {
    display: flex;
    justify-content: space-between;
    width: 22rem;
    margin: 0.8rem auto;
}

.Educational_aids .bx_search ul.Search_methods li {
    box-shadow: 0 0 5px #333;
    border-radius: 1.2rem;
    padding: 0.2rem 1.2rem;
    border: 1px solid transparent;
    color: #999;
    transition: all .35s ease-in-out;
}

.Educational_aids .bx_search ul.Search_methods li:hover {
    cursor: pointer;
    box-shadow: 0 0;
    border: 1px solid #ccc;
    color: #333;
}

.act2 {
    box-shadow: 0 0 !important;
    border: 1px solid #ccc !important;
    color: #333 !important;
}

.Educational_aids #List .cell {
    box-shadow: 0 0 5px #999 !important;
    border-radius: .4rem !important;
    border-right: unset !important;
}

.Educational_aids #List .cell {
    display: grid;
    grid-template-columns: 20% 60% 20%;
}

.Educational_aids #List .cell section.bx_right {
    display: flex;
    flex-direction: column;
}

.Educational_aids #List .cell img.banner {
    width: 4.5rem;
    display: block;
    margin: auto;
    height: 4.5rem;
}

.Educational_aids #List .cell ul.bx_position {
    box-shadow: 0 0 2px #333;
    border-radius: 0.2rem;
    border: 1px solid transparent;
    margin: .5rem auto;
    width: 90%;
}

.Educational_aids #List .cell ul > li {
    text-align: center;
}

.Educational_aids #List .cell ul.bx_position li:nth-child(2) {
    border-top: 1px solid #ccc;
}

.Educational_aids #List .cell ul.bx_main.class_spec {
    display: grid;
    grid-template-columns: 50% 50%;
}

.Educational_aids #List .cell ul.bx_main.class_spec {
    display: grid;
    grid-template-columns: 50% 50%;
    align-items: center;
    justify-items: center;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
}

.Educational_aids #List .cell ul.bx_btns li {
    box-shadow: 0 0 5px #333;
    border-radius: 0.4rem;
    padding: 0 0.4rem;
    border: 1px solid transparent;
    margin: .5rem auto;
    width: 90%;

}

.Educational_aids #List .cell ul.bx_btns li:hover {
    cursor: pointer;
    border: 1px solid #999;
    box-shadow: 0 0;
}

.Educational_aids #List .cell ul.bx_btns {
    display: flex;
    flex-direction: column;
}

.Educational_aids #List .cell {
    padding: .6rem 0 !important;
}

.advertising .menu_expert {
    margin: 1rem auto;
    width: 100%;
}

.advertising .ads_carousel .bx_head {
    display: flex;
    justify-content: space-between;
    padding: 1rem 2rem;
    align-items: center;
}

.advertising .ads_carousel .bx_head a.more {
    font-size: 11pt;
    color: #00f;
}

.advertising .ads_carousel .bx_head a:hover {
    color: #00f;
    font-weight: 900;
}

.advertising .ads_carousel .bx_main .bx_r h3 {
    font-family: vazir, sans-serif;
    font-weight: 500;
    font-size: 11pt;
    position: absolute;
    bottom: 1rem;
    z-index: 2;
    color: #fff;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
}

.advertising .ads_carousel .bx_main .shell_ads {
    background-color: #eee;
    padding: 0.5rem 0 .5rem .5rem;
}

.advertising .ads_carousel .bx_main .ad {
    width: 10.6rem !important;
    background-color: #fff;
    box-shadow: 0 0 5px #999;
    height: 15.8rem;
    display: flex !important;
    flex-direction: column;
    justify-content: flex-start;
    margin: 0.2rem auto;
}

.advertising .ads_carousel .bx_main .ad:hover h4.name {
    color: #00f;
}

.advertising .ads_carousel .bx_main .ad:hover {
    box-shadow: 0 0 8px #999;
    cursor: pointer;
}

.advertising .ads_carousel .bx_main .ad section.bx_img {
    background-color: #ddd;
    height: 8rem;
    display: flex;
    justify-content: center;
}

.advertising .ads_carousel .bx_main .ad section.bx_img img {
    display: block;
    height: 8rem;
    width: 8rem;
}

.advertising .ads_carousel .bx_main .ad section.bx_d .price {
    font-family: 'vazir', sans-serif;
    font-size: 10pt;
    color: #00f;
}

.advertising .ads_carousel .bx_main .ad section.bx_d {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    direction: rtl;
}

.advertising .ads_carousel .bx_main .ad section.bx_d h4.name {
    margin: .5rem 0;
}

.advertising .ads_carousel .bx_main .ad section.bx_d .price {
    margin: .5rem 0;
}

.advertising .ads_carousel .bx_main img.loading {
    width: 5rem;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 5rem;
}

.advertising .ads_carousel .bx_main .bx_r span.bx_vector {
    background: url("../img/layered-steps.svg");
    display: block;
    width: 99%;
    height: 10rem;
    position: absolute;
    bottom: 0;
    background-repeat: no-repeat;
}

.advertising .ads_carousel {
    height: 30rem;
    margin: 3rem 0;
    direction: rtl;
}

.advertising .ads_carousel .bx_main {
    display: grid;
    grid-template-columns: 13% 87%;
}

.advertising .ads_carousel .bx_main .bx_r {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.advertising .ads_carousel .bx_main .bx_r .shell01 {
    position: relative;
    height: 100%;
    background-image: linear-gradient(173.1deg, rgba(226, 66, 249, 0.94) 10.2%, rgba(79, 147, 249, 1) 77.3%);
}

.advertising .ads_carousel .bx_main .bx_r .bx_img > img {
    width: 5rem;
    height: 5rem;
    margin: 1rem auto;
    display: block;
}

.advertising .ads_carousel .bx_head h4.title {
    font-size: 20pt;
}

.advertising .ads_carousel .bx_main .slick-prev {
    display: none !important;
}

.advertising .ads_carousel .slick-arrow {
    top: 50% !important;
    z-index: 10;
    width: 2.8rem;
    height: 35%;
    background-color: rgba(0, 0, 0, .4);
    border-radius: .2rem;
}

.advertising .ads_carousel .slick-next {
    left: 0;
}

.advertising .ads_carousel .slick-next:before {
    content: url("../img/back-white.svg") !important;
}

.advertising .ads_carousel .bx_main section.bx_l {
    position: relative;
    direction: ltr;
    height: 23rem;
}

main.List_advice {
    margin: 8rem 0 0 0;
}

.ad_page .b_ava {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.sliderG li:hover {
    cursor: pointer;
}

.sliderG li:hover .name, li.cell_Aa:hover .name {
    color: #00f;

}

.Dr_Dr > main, .ex_ex > main, .List_experts, #shield_1 main, #shild_1 main {
    margin: 6rem 0 0;
}

.Dr_Dr > main .box_visit .text {
    display: flex;
    justify-content: center;
}

.la_en .Dr_Dr > main .box_visit .text, .la_tk .Dr_Dr > main .box_visit .text {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.List_advice .about_ar .box_v {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#box_expert .box_imgslide img {
    width: 100%;
}

.heart_e.box_star2 {
    display: flex;
    justify-content: center;
}

.menu_cor_en {
    position: absolute;
    border: 1px solid #999;
    width: 14rem;
    height: 2.2rem;
    line-height: 2.2rem;
    text-align: right;
    padding: 0 .5rem;
    margin-bottom: .2rem;
    background: linear-gradient(90deg, #1CB5E0 0%, #000851 100%);
    color: #fff;
    cursor: pointer;
    left: -9.2rem;
    transition: all .35s ease-in-out;
    border-radius: .2rem;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
}

#box_sh_cor .menu_cor_en:hover {
    left: -8.5rem;
}

div#box_menu_cor_en {
    position: fixed;
    right: -5rem;
    top: 22rem;
    z-index: 99;
    transition: all .4s ease-in-out;
}

.heart_e:hover, .share_e:hover, .ques_e:hover {
    cursor: pointer;
}

.scroll_top_en {
    right: 32px;
    left: unset !important;
}

.cell_jobs span.cjspn, .cell_jobs h5.cjspn {
    width: 8rem;
    display: flex !important;
    color: #259793;
    margin-top: 0.4rem;
    justify-content: center;
    text-align: center;
}

.la_en #main-wrapper-header .box_LLs, .la_tk #main-wrapper-header .box_LLs {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-direction: row-reverse;
}

.la_en .box_translate, .la_tk .box_translate {
    margin: 0.1rem 0 0 1.9rem;
    width: 8rem;
    display: flex;
    position: relative;
    align-items: center;
    justify-content: flex-end;
}

.box_ex_R #cell_head .box_root {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    padding-right: 5px;
    padding-bottom: 8px;
    margin-bottom: 5px;
    border-bottom: 1px solid #ccc;
    font-size: 10pt;
    color: #999;
}

.box_aca .cell .detail span:nth-child(2) {
    text-align: center;
}

.ad_page #Similar_ads .sh02 {
    overflow-y: hidden;
    overflow-x: scroll;
    width: 100%;
}

.ad_page #Similar_ads .sh02 > ul {
    display: flex;
    width: 85rem;
}

.List_advice #List .cell_list .cell .title > img {
    width: 3rem !important;
}

.List_advice #List .cell_list .cell .b_following {
    box-shadow: 0 0 5px #999;
    display: flex;
    align-items: center;
    background-color: #fff;
    padding: .2rem .5rem;
    border-radius: 1rem;

}

.List_advice #List .cell_list .cell .b_following:hover {
    box-shadow: 0 0;
    background-color: #00f;
}

.List_advice #List .cell_list .cell .b_following > div {
    display: flex;
}

.List_advice #List .cell_list .cell .b_following > span.name {
    font-size: 9pt;
    margin: 0 .2rem;
    color: #00f;
    font-weight: 900;
    font-family: 'vazir', sans-serif;
}

.List_advice #List .cell_list .cell .b_following:hover > span.name {
    color: #fff;
}

.List_advice #List .cell_list .cell .b_following .ii {
    font-size: 8pt;
    color: #00f;
}

.List_advice #List .cell_list .cell .b_following:hover .ii {
    color: #fff;
}

.List_advice.advertising .bx_search .bx_input input.search_ea {
    width: 18rem;
    height: 3rem;
    border-radius: 1.5rem;
    border: 2px solid #ccc;
    padding: 0 0.8rem;
    font-size: 12.8pt;
    font-family: 'iran_sans', sans-serif;
    font-weight: 900;
    transition: all .35s ease-in-out;
    box-shadow: inset 0 0 10px #555;
}

.List_advice.advertising .bx_search {
    display: flex;
    box-shadow: 0 0 16px #999;
    border-radius: 0.5rem;
    margin: 2rem auto;
    width: 60%;
    flex-direction: column;
    padding: 2rem 0 1rem 0;
}

.List_advice.advertising .sort_head .name {
    font-size: 11pt;
    display: flex;
    min-width: 7.2rem;
    justify-content: center;
}

.List_advice.advertising .sort_head {
    display: flex;
    align-items: center;
    width: 100% !important;
    justify-content: space-around;
}

.sort .b_cells {
    display: flex;
    flex-direction: column;
    text-align: center;

    direction: ltr;
    overflow-y: scroll;
}

.admin .sort .b_cells {
    display: flex;
    flex-direction: column;
    text-align: center;
    height: unset!important;
    direction: ltr;
    overflow-y: scroll;
    max-height: 10rem;
}


.information .sort .b_cells {
    max-height: 10rem !important;
}

.List_advice.advertising .sort.prvs2 .b_cells {
    overflow-y: scroll;
}

.List_advice.advertising .bx_search ul.Search_methods {
    display: flex;
    justify-content: space-around;
    width: 100%;
    margin: 0.8rem auto;
}

.List_advice.advertising .bx_search ul.Search_methods input#mx_p {
    height: 2rem;
    width: 220px;
}

.name.selected_group {
    font-weight: 900;
}

.rot180 {
    transform: rotate(180deg);
}

.bxsh00f {
    box-shadow: 0 0 5px green;
    background-color: green;
}

.cell_Aa section.bx_details {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.cell_Aa .bx_as {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    width: 100%;
    margin: auto;
    padding: .5rem 1rem;
    justify-items: end;
    position: absolute;
    bottom: 0;
}

.cell_Aa .prices {
    display: flex;
    flex-direction: row-reverse;
    margin: auto;
    align-items: center;
}

.ad_page li.cell_Aa {
    margin: 1rem;
    direction: ltr;
}

.advertising .ads_carousel .bx_r .bx_img {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 14%;
}

.la_tk .advertising .ads_carousel .bx_head h4.title {
    font-family: sans-serif;
    font-size: 22pt;
    padding: 1rem 0;
}

.la_tk .advertising .ads_carousel .bx_head a.more {
    font-size: 11pt;
    color: #00f;
    font-family: sans-serif;
}

.la_tk #box_expert > h3 {
    font-family: sans-serif;
}

.la_tk ul.box_btns > li {
    font-family: sans-serif;
    font-size: 10pt;
}

.la_tk .List_advice.list_day #List .cell_right .cell .bx_btn {
    font-family: sans-serif;
    font-size: 10pt;
}

.la_tk #box_expert h3 {
    font-size: 11pt;
    text-align: right;
    padding: 0 .5rem;
    font-family: sans-serif;
}

.la_tk .List_advice .menu_expert > h1 {
    font-size: 1.5rem;
    font-family: sans-serif;
}

.la_tk #search .selectionStar ul li label, .la_tk .main-cat-list > li a {
    font-family: sans-serif;
    font-size: 10pt;
}

.la_tk #box_expert .box_head h3 {
    margin-right: unset !important;
}


.la_en .Educational_aids .bx_search ul.Search_methods li, .la_tk .Educational_aids .bx_search ul.Search_methods li {
    font-size: 9pt;
    font-family: sans-serif;
}

.la_en .Educational_aids #List .cell *, .la_tk .Educational_aids #List .cell * {
    font-size: 10pt;
    font-family: sans-serif;
}

.la_en .Educational_aids #List .cell ul.bx_btns, .la_tk .Educational_aids #List .cell ul.bx_btns {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.la_en .Educational_aids #List .cell ul.bx_btns li, .la_tk .Educational_aids #List .cell ul.bx_btns li {
    height: 1.6rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.la_en .Educational_aids #List .cell ul.bx_position > li, .la_tk .Educational_aids #List .cell ul.bx_position > li {
    padding: 0.3rem 0;
}

.la_en .about_ar.job.employer .about_txt p, .la_tk .about_ar.job.employer .about_txt p {
    font-family: sans-serif;
    font-size: 10pt;
}

.la_en .about_ar.job .box_v > h1, .la_tk .about_ar.job .box_v > h1 {
    font-size: 18pt;
    text-align: center;
    font-family: sans-serif;
}

.la_en .about_ar.job.employer .about_txt, .la_tk .about_ar.job.employer .about_txt {
    height: 30.4rem;
}

.profile .U0Sort > div > span {
    display: flex;
    justify-content: center;
}

.la_tk .pf_banner_info .box_btns > ul > li .name {
    font-weight: 800;
    font-family: sans-serif;
    font-size: 10pt;
}

.la_tk .profile .edit_profile .bOne .result a.cvp_r {
    font-family: sans-serif;
    font-size: 12pt;
}

.la_en .Useful_links .bx_links .bx01 .subLinks div.sl, .la_tk .Useful_links .bx_links .bx01 .subLinks div.sl {
    width: 100%;
}

.la_en .Useful_links .bx_links .bx01 .sublinks2, .la_tk .Useful_links .bx_links .bx01 .sublinks2 {
    padding: 0 0.3rem;
    border-left: 1px solid #999;
    border-right: unset;
}

.progressBar {
    width: 90%;
    height: 1rem;
    margin: 0.4rem 0;
    background-color: #fff;
    box-shadow: 0 0 5px #999;
    border-radius: .3rem;
    top: 9.2rem;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 0;
    overflow: hidden;
}

.progressBar .progress {
    background-color: green;
    width: 100%;
    display: flex;
    justify-content: center;
    color: #fff;
    font-size: 10pt;
}

.progressBar .progress.pDone {
    background-color: #00f;
}

.CV .work_experience section.fields .cf, .CV .Educational_records section.fields .cf {
    position: relative;
}

.CV .work_experience section.fields .cf .iconCelender, .CV .Educational_records section.fields .cf .iconCelender {
    top: 0.6rem;
    margin: 0;
}

.CV .delete_acount .btn.cvDelete {
    background-color: #c23616;
    color: #fff;
}

.CV .delete_acount .btn.cvCancel {
    background-color: #fff;
    color: #555;
}

.bxQuestion {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    background-color: rgba(0, 0, 0, .2);
    z-index: 9999;
}

.bxQuestion .bxPm {
    width: 30rem;
    height: 8rem;
    background-color: #fff;
    border-radius: 0.3rem;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10rem;
    box-shadow: 0 0 5px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
}

.bxQuestion .btns span {
    width: 8rem;
    display: flex;
    height: 2rem;
    box-shadow: 1px 3px 5px;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    border: 3px solid #999;
    border-radius: 0.4rem;
}

.bxQuestion .btns {
    display: flex;
    justify-content: space-evenly;
    width: 70%;
    margin: .2rem auto;
}

/*admin*/

.admin .pf_header0 {
    background-color: #fff;
    padding: .5rem 0;
    display: flex;
    height: 4rem;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    border-bottom: 1px solid #ccc;
    z-index: 20;
    box-shadow: var(--shadow);
}

.admin .pf_header {
    width: 100%;
    margin: auto;
}

.admin .pf_header section.pf_bup {
    display: grid;
    grid-template-columns: repeat(3,1fr);
}

.admin .pf_header .pf_bup .pf_br {
    display: flex;
    width: 10rem;
    justify-content: space-evenly;
    align-items: center;
}

.admin .pf_header .pf-icn-menu {
    background-image: url("../img/menu.svg");
    width: 1rem;
    height: 1rem;
    display: flex;
    background-repeat: no-repeat;
}

.admin .pf_header .pf-logo {
    background-image: url("../img/logo_blk_kar.png");
    width: 3rem;
    height: 3rem;
    display: flex;
    background-repeat: no-repeat;
    background-size: contain;
}
.admin .pf_header .pf_bl  .bxUser {
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 5rem;
    margin: 0 1rem;
}
.admin .pf_header .pf_bl {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.admin .pf_menu-r {
    z-index: 19;
    border-left: 1px solid #ccc;
    height: 100%;
    position: fixed;
    width: 10rem;
    background-color: #fff;
    box-shadow: var(--shadow);
    right: 0;
    top: 0;
    transition: all .28s ease-in-out;
}

.admin .pf_mr {
    margin-top: 5rem;
}

.admin .pf_mr .pf_mr3 {
    position: relative;
    min-height: 4rem;
}

.admin .date_effect0 {
    position: absolute;
    left: -21px;
    transform: rotate(270deg);
    top: 16px;
    font-size: 11pt;
    color: #ccc;
    z-index: 9;
}

.admin .pf_menu-r .pf_mr0 {
    /* margin-top: 5rem; */
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.admin .pf_menu-r .pf_bximg {
    width: 4rem;
    height: 4rem;
    overflow: hidden;
    border-radius: 50%;
    border: 1px solid #ccc;
}

.admin .pf_mr ul.pf_mr_list {
    display: flex;
    justify-content: flex-start;
    margin: 1rem .2rem 0 0;
    flex-direction: column;
}

.admin .pf_mr ul.pf_mr_list li {
    height: 2.4rem;
    display: flex;
    justify-content: flex-start;
}

.admin .pf_mr ul.pf_mr_list a,.admin .pf_mr ul.pf_mr_list .hasSub,.admin .pf_mr ul.pf_mr_list .hasSub2 {
    display: flex;
    align-items: center;
    color: #999;
    justify-content: flex-start;
    width: 100%;
    position: relative;
}

.admin .pf_mr ul.pf_mr_list li:hover a {
    color: var(--pcolor);
    background-color: #eee;
}

.admin .pf_main.pf_dashboard {
    width: 58rem;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    row-gap: 2.4rem;
    justify-items: center;
    grid-template-rows: repeat(2, 1fr);
}

.admin .pf_main .pfbxs {
    width: 10rem;
    min-height: 8rem;
    box-shadow: var(--shadow);
    border-radius: .3rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    background-color: var(--pcolor);
    height: 8.1rem;
}

.admin .pf_main.pf_dashboard .pfbxs .name {
    font-size: 16pt;
    font-weight: 900;
    color: #fff;
}

.admin .pf_main.pf_dashboard .b_counters {
    width: 86%;
    min-height: 5.6rem;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    border-radius: .4rem;
    background-color: #ccc;
    box-shadow: inset 3px 3px 3px #999, inset -3px -3px 3px #999;
}
.admin .pf_main.pf_dashboard .b_counters .counter .number {
    font-weight: 900;
}
.admin .pf_main.pf_dashboard .b_counters .counter {
    display: flex;
    justify-content: space-between;
    padding: 0 1.7rem;
}

body.admin.panel-theme {
    background-color: #eee !important;
}

.admin .pf_mr ul.pf_mr_list a .icn,.admin .pf_mr ul.pf_mr_list .hasSub,.admin .pf_mr ul.pf_mr_list .hasSub2 {
    font-size: 16pt;
    display: flex;
    height: 100%;
    margin: 0 0.9rem 0 0;
    align-items: center;
}

.admin .pf_mr ul.pf_mr_list a .name ,.admin .pf_mr ul.pf_mr_list .hasSub .name,.admin .pf_mr ul.pf_mr_list .hasSub2 .name {
    margin: 0 0.8rem 0 0;
    font-weight: 900;
}

.admin .bxClock {
    position: relative;
}

.admin .pf_main.pf_ue {
    position: relative;
}

.admin .pf_main {
    width: 58rem;
    margin: 5rem 11.6rem;
}

.admin .pf_ue .b000_up {
    position: relative;
    height: 4rem;
}

.admin .btn-back{
    box-shadow: var(--shadow);
    padding: .5rem;
    border-radius: 0.2rem;
    width: 4rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background-color: #fff;
}

.admin .btn-back .fas.fa-angle-left {
    margin-right: 0.2rem;
    transition: all .3s ease-in-out;
}

.admin .btn-back * {
    color: var(--pcolor);
}

.admin .btn-back:hover .fas.fa-angle-left {
    margin-right: 0.5rem;
}

.admin .pf_ue h1.page_name {
    font-family: var(--fnb);
    font-size: 24pt;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: fit-content;
}

.admin .pf_ue span.line-b-corner {
    width: 100%;
    height: 0.5rem;
    display: flex;
    position: absolute;
    top: 50px !important;
    background: rgb(17, 107, 44);
    background: radial-gradient(circle, rgba(17, 107, 44, 1) 31%, rgba(238, 238, 238, 1) 87%);
}


.admin .pf_main.pf_ue section.pf_bup {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.admin .pf_ue .pf_bdwn {
    width: 50%;
    margin: auto;
}

.admin .pf_main.pf_ue .pf_bup .pbx {
    width: 15rem;
    margin: 1rem auto;
    /* border: var(--border); */
    border-radius: .3rem;
    position: relative;
}

.admin .pf_main label.upld {
    display: flex;
    align-items: center;
    height: 7rem;
    box-shadow: 0 0 5px;
    border-radius: .3rem;
    flex-direction: column;
    background-color: #fff;
    transition: all .4s ease-in-out;
}

.admin .pf_main .b_preview {
    width: 15rem;
    height: 7rem;
    box-shadow: var(--shadow);
    position: absolute;
    background-color: #fff;
    border-radius: .3rem;
    top: 0;
    right: -16rem;
    z-index: 9;
    cursor: default;
}

.admin .pf_delete {
    position: absolute;
    right: -17.8rem;
    top: 0;
    box-shadow: var(--shadow);
    background-color: #fff;
    border-radius: .2rem;
    width: 1.5rem;
    height: 1.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid transparent;
    color: #000;
}

.admin .pf_main .manual {
    min-width: 15rem;
    position: absolute;
    top: 0;
    left: -16rem;
    z-index: 9;
    cursor: default;
}

.admin .pf_main .manual .b00.img {
    width: 100%;
    height: 90%;
    display: flex;
    margin: auto;
    flex-direction: column !important;
}

.admin .pf_main .manual strong {
    color: #999;
    font-weight: 100;
    font-size: 11pt;
    margin: 0.1rem 0.2rem;
    padding: 0.4rem;
    box-shadow: 0 0 5px #999;
    border-radius: 0.4rem;
    background-color: #fff;
}

.admin .pf_main .manual .format {
    direction: ltr;
    font-size: 11pt;
    text-align: center;
    color: var(--pcolor);
}

.admin .pf_main .manual .format ul {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
}

.admin .pf_main .manual .format ul li {
    font-size: 12pt;
    font-weight: 900;
}

.admin .pf_main .progressBar {
    width: 100%;
    height: 1rem;
    position: absolute;
    background-color: #fff;
    box-shadow: var(--shadow);
    border-radius: .3rem;
    top:7rem;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 0;
    overflow: hidden;
}

.admin .pf_main span.progress {
    display: flex;
    height: 100%;
    background-color: #00ff72;
    justify-content: center;
    align-items: center;
    font-size: 10pt;
    font-weight: 900;
    color: #00f;
    width: 0;
}

.admin section.pf_bdwn .pbx {
    color: #333;
    display: flex;
    flex-direction: column;
    position: relative;
    border: 1px solid #ccc;
    margin-top: 0.8rem;
    padding: 1rem;
    border-radius: .3rem;
    background-color: #fff;
}

.admin .pf_main label {
    font-size: 12.9pt;
    color: var(--pcolor);
}

.admin input[type=text], .admin input[type=email], .admin input[type=password], .admin .pf_main .inpt, .admin .pf_main .inptText, .admin input[type=number] {
    height: 2rem;
    border-radius: 0.2rem;
    padding: 0 0.4rem;
    font-family: 'iran_sans', sans-serif;
    font-size: 13pt;
    font-weight: 900;
    color: #333;
    box-shadow: inset 6px 6px 6px #cbced1, inset -6px -6px 6px white;
    border: 1px solid #999;
    background: #ecf0f3;
    text-align: center;
    margin: 0 auto;
    width: 100%;

}

.admin input[type=text]:focus {
    outline: none;
}

.admin .pf_textarea {
    font-family: var(--fCode);
    direction: ltr;
}

.admin .textarea01 {
    resize: none;
    width: 100%;
    height: 7rem;
    outline: none;
    border: 1px solid #ccc;
    padding: .5rem;
    border-radius: .3rem;
}

.admin .pf_main .btn-save, .pf_main .btn-edit {
    display: flex;
    width: 80%;
    height: 4rem;
    box-shadow: var(--btnshadow);
    border-radius: .3rem;
    margin: 1rem auto;
    background-color: var(--pcolor);
    color: #fff;
    justify-content: center;
    align-items: center;
    font-size: 17pt;
}

.admin .pf_main .btn-save:hover, .admin .pf_main .btns-ut:hover, .admin .pf_main .btn-edit:hover {
    cursor: pointer;
    box-shadow: 0 0;
}

.admin .pf_main.pf_ue .upld .icn1 {
    width: 4rem;
}

.admin .pf_main.pf_ue .upld .icn2 {
    width: 2rem;
}

.admin section.pf_bdwn .pbx:hover {
    border: 1px solid var(--pcolor);
}

.admin .btn-back a:hover .fas.fa-angle-left {
    margin-right: 0.5rem;
}

.admin .pf_main.pf_ue.pf_ue_article .pf_b00 .pf_bdwn .b50 {
    width: 50% !important;
    margin: 1rem auto !important;
}

.admin .pf_main .sels ul {
    display: flex;
    justify-content: center;
}

.admin .pf_main .sels ul li label {
    margin: 0 0.4rem;
}

.admin .sort_head {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-around;
}

.admin .sort_head .name {
    font-size: 18pt;
    display: flex;
    width: 100%;
    justify-content: center;
}

.admin .sort {
    position: relative;
    border: 1px solid #ccc;
    border-radius: 0.2rem;
    padding: 0.5rem;
    cursor: pointer;
}

.admin .U0Sort {
    font-family: inherit !important;
    position: absolute;
    z-index: 99;
    border: 1px solid #999;
    background-color: #fff;
    left: 0;
    right: 0;
    margin: auto;
    box-shadow: 1px 3px 5px #333;
    top: 3.1rem;
}

.admin .U0Sort .cell_U0 {
    background-color: #fff;
    font-size: 14pt;
    padding: 0.3rem;
}

.admin .U0Sort .cell_U0:hover, .mag.U0Sort .cell_U0:hover {
    background-color: var(--pcolor);
    color: #fff;
}

html.hAdmin {
    background-color: #eee;
}

.admin .pf_main th {
    border: 2px solid #333;
    padding: 0.5rem;
    vertical-align: middle;
}

.admin .pf_main table, .admin .pf_main tr, .admin .pf_main td {
    border: 1px solid #999;
    border-collapse: collapse;
}

.admin .pf_main.pf_ue td {
    padding: 0.9rem 0.3rem !important;
}

.admin .pf_main.pf_ue td.name {
    font-size: 11pt;
}

.admin table tbody tr td.date {
    font-size: 11pt;
}

.admin .pf_main td {
    border: 1px solid #999;
    border-collapse: collapse;
    text-align: center;
    position: relative;
}

.admin .pf_main tbody tr:nth-of-type(2n+2) {
    background-color: #ccc;
}

.admin .pf_main table input[type=button].edit {
    color: blue;
}

.admin .pf_main table input[type=button] {
    border: 1px solid transparent;
}

.admin .pf_main table input {
    font-family: 'iran_sans', sans-serif;
    cursor: pointer;
    font-size: 12.3pt;
    margin: .2rem;
    box-shadow: var(--shadow);
    border-radius: .2rem;
    border: 1px solid #eee;
}

.admin table tbody tr td.tdBtns {
    position: relative;
}

.admin .pf_main table input[type=button].delete {
    color: red;
}

.admin td.bximg img {
    position: absolute;
    width: 3.5rem;
    right: 0;
    top: 25%;
    left: 0;
    margin: auto;
}

.admin .services td.bximg img {
    position: unset !important;
    width: 2.5rem;
}

.admin .pf_main table input[type=button]:hover {
    box-shadow: 0 0;
    border: 1px solid #999;
}

.admin td.bximg {
    position: relative;
}

.admin .b_list {
    padding-bottom: 5rem;
}

.admin .b_list section.pf_bdwn {
    max-height: 25rem;
    overflow-y: scroll;
    width: 58rem;
    /*margin-bottom: 4rem;*/
    box-shadow: inset 0 0 5px;
}

.admin .b_list .bxShell h4 {
    padding: 1rem .5rem 0.2rem;
    font-size: 16pt;
}

.admin .pf_ue .b_list {
    width: 100% !important;
}

.admin .pf_main table {
    width: 100%;
}

.admin .b_preview img {
    width: 200px;
    margin: auto;
    display: flex;
    height: 126px;
}

.formPlus .result .bEdit {
    position: unset;

}

.formPlus .result .bx0 {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    align-items: center;
    margin: 1rem 0;
}

.formPlus .result .bx1 {
    margin: 2rem 0;
}

.formPlus .sort_head {
    width: 100%;
}

.formPlus .name.selected_group {
    background: #fff;
    color: #000;
    font-size: 14pt;
    width: fit-content;
}

.formPlus .sort.category.time {
    width: 4rem;
    background-color: #fff;
}

.formPlus .sort.category.time .b_cells {
    max-height: 5rem;
}

.formPlus .labelCV {
    font-size: 16pt;
    text-align: center;
    margin-bottom: .5rem;
}

.formPlus .bx0 .labelCV {
    height: 5rem;
    font-size: 25pt;
    color: #fff;
    width: 100%;
    border-radius: .4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: linear-gradient(288deg, rgba(0, 85, 255, 1) 1.5%, rgba(4, 56, 115, 1) 91.6%);
}

.formPlus .bx2radio .bcvp_r {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.formPlus .bx2radio .bcvp_r ul.bRadios {
    display: flex;
    width: 8rem;
    justify-content: space-around;
}

.formPlus .opc input[type=text], .formPlus .opc input[type=number] {
    width: 90% !important;
    margin: auto;
}

.formPlus .opc .box_aca .cell ,main.addEditPjs .box_aca .cell {
    width: 8rem;
}

.formPlus .box_aca ,main.addEditPjs .box_aca{
    width: unset;
    height: 12rem;
    margin: 1rem auto;
    border: unset;
    -webkit-border-radius: unset;
    -moz-border-radius: unset;
    border-radius: unset;
    display: flex;
    justify-content: center;
    box-shadow: unset;
}
main.addEditPjs .box_aca .cell{
    width: unset;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
    margin: 0.2rem;
    box-shadow: 0 0 5px;
    border-radius: .4rem;
}
.formPlus .box_aca .cell {
    width: 5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
    margin: 0.2rem;
    box-shadow: 0 0 5px;
    border-radius: .4rem;
    /*overflow: hidden;*/
}

.formPlus .opc .box_aca .cell .unit,main.addEditPjs .box_aca .cell .unit{
    color: #ccc;
}

.formPlus .bxUpVideo {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.formPlus ul.manual {
    border: 1px solid #999;
    border-radius: .4rem;
    margin: .5rem;
    padding: .5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 90%;
}

.formPlus ul.manual.responsive {
    align-items: flex-start;
}

.formPlus .G_delete {
    position: absolute;
    top: 5rem;
    right: 0.5rem;
}

.formPlus.spForm .box_aca .cell .sort_head .name {
    background-color: #fff !important;
}

main.portfolio .boxInpts input[type=text]{
    margin: auto;
}
.formPlus .spName input, .formPlus .msCode input {
    margin: auto;
}

.formPlus .sort.category.expert {
    width: 14rem;
    margin: 3rem auto;
}

.formPlus .result2 {
    width: 100%;
    padding: 1rem;
}

.notRecord {
    display: flex;
    margin: 12rem auto;
    width: 100%;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.notRecord > i {
    font-size: 86pt;
    color: #999;
}

.notRecord span.emptyTxt {
    font-family: sans-serif;
    font-size: 19pt;
    color: #999;
}

.lxdr #cell_head > h1, .lxex #cell_head > h1 {
    margin: 1rem auto 0;
    text-align: center;
}

.lxdr #cell_head > h3, .lxex #cell_head > h3 {
    color: #999;
    margin: 0 auto 1rem;
    text-align: center;
    font-size: 12pt;
}
.lxdr #box_slider #slider_img .items video,.lxex  #box_slider #slider_img .items video {
    width: 100%;
    height: 24rem;
}
.lxdr #cell_head #box_slider #slider_img .items img, .lxex #cell_head #box_slider #slider_img .items img {
    width: 100%;
    height: 24rem;
}

.lxdr #cell_head #nav .items, .lxex #cell_head #nav .items {
    width: 6rem;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 6rem;
}

.lxdr #cell_head #nav .items video, .lxex #cell_head #nav .items video {
    width: 6rem;
}

.lxdr #cell_head div#nav, .lxex #cell_head div#nav {
    background-color: #333;
    width: 100%;
    border-radius: 0 0 .4rem .4rem;
    display: flex;
    justify-content: center;
}

.lx #all_Articles .box_dwn .text {
    font-size: 14pt;
}

.profile .bxList {
    box-shadow: 0 0 5px #999;
    border-radius: .3rem;
    background-color: #fff;
    margin: .5rem 0 1.4rem;
}

.profile .bxList h2.title {
    padding: 0.4rem 1rem;
    border-bottom: 1px solid #ccc;
}

.profile .bxList ul.bxInfoAlarm {
    display: flex;
    justify-content: flex-end;
}

.profile .bxList ul.bxInfoAlarm li {
    width: 4rem;
    font-size: 10pt;
    text-align: center;
    height: 1rem;
    border-radius: 2.4rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.profile .bxList .bxhead {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 .4rem;
}

.profile .bxList ul.bxInfoAlarm li.accept {
    background-color: #0f0;
}

.profile .bxList ul.bxInfoAlarm li.pending {
    background-color: #ff0;
}

.profile .bxList ul.bxInfoAlarm li.failed {
    background-color: #f00;
    color: #fff;
}

.profile .bxList .list, .profile .bxList .list2 {
    padding: 1rem;
    background-color: #999;
    display: flex;
    flex-wrap: wrap;
    min-height: 228px;
    justify-content: center;
}

.profile .bxList .list .cell, .profile .bxList .list2 .cell {
    background-color: #fff;
    width: 8rem;
    border-radius: 0.3rem;
    margin: .5rem;
    transition: all .3s ease-in-out;
    height: 12rem;
    position: relative;
}

.profile .bxList .alarm {
    position: absolute;
    width: 1px;
    height: 2rem;
    top: 13px;
    right: -4px;
    background-color: #ff0;
    border-radius: 0 0;
    box-shadow: 1px 0 3px 4px #ff0;
}

.profile .pr .bxList .cell {
    background-color: #fff;
    width: 7rem;
    border-radius: 0.3rem;
    overflow: hidden;
    margin: .5rem;
    transition: all .3s ease-in-out;
    height: 12rem;
    display: grid;
    grid-template-rows: 60% 40%;
    position: relative;
}

.profile .pr .bxList .cell .detail {
    display: flex;
    justify-content: center;
    align-items: center;
}

.profile .bxList .list .cell:hover, .profile .bxList .list2 .cell:hover {
    box-shadow: 5px 6px 9px #000;
}

.profile .bxList .list .cell img, .profile .bxList .list2 .cell img {
    width: 100%;
    height: 100%;
}

.profile .bxList .list .cell .detail h3, .profile .bxList .list2 .cell .detail h3 {
    text-align: center;
    font-size: 11pt;
    height: 2rem;
    overflow: hidden;
}

.profile .bxList .list .cell .detail .bxOrders {
    display: flex;
    justify-content: space-between;
    padding: .5rem;
    position: absolute;
    bottom: 0;
    width: 100%;
}

.profile .bxList .list .cell .bxImg {
    width: 100%;
    height: 7rem;
    border-bottom: 1px solid #ccc;
    margin-bottom: .4rem;
    border-radius: 0.3rem 0.3rem 0 0;
    overflow: hidden;
}

.profile .bxList .list .cell .detail .bxOrders i.fas.fa-edit {
    color: #00f;
}

.profile .bxList .list .cell .detail .bxOrders i.fas.fa-edit:hover, .profile .bxList .list .cell .detail .bxOrders i.fas.fa-trash-alt:hover {
    cursor: pointer;
    transform: scale(1.1);
}

.profile .bxList .list .cell .detail .bxOrders i.fas.fa-trash-alt {
    color: #f00;
}

.profile .notRecord .emptyTxt, .profile .notRecord .fa-inbox {
    color: #333;
}

.profile .notRecord {
    margin: 0;
}

.home .cell_23 ul li .bx_name {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1rem 0;
}
main.home .cell_23 ul li .bxExps {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

main.home .cell_23 ul li .bxExps .sp {
    border: 1px solid #ccc;
    padding: 0 .2rem;
    border-radius: .2rem;
    margin: 0.1rem;
    font-size: 9pt!important;
}

.home .cell_23 ul li.bx_name h4.sp {
    font-size: 11pt;
    color: #999;
}


.home .cell_23 ul li .address {
    font-size: 8pt;
    color: #999;
}

.home .cell_23 ul li .bx_as {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    width: 100%;
    margin: auto;
    padding: 0 0.6rem;
    justify-items: end;
    position: absolute;
    bottom: 0;
    align-items: center;
}

.home .cell_23 ul li .bx_subStar {
    width: 100%;
}

.profile.portfolio .CV section.cvbox.cell_ex {
    display: flex;
    flex-direction: column;
}

.profile.portfolio .CV section.cvbox.cell_ex .bimg {
    width: 100%;
    height: 20rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-left: 1px solid #e7e7e7;
    flex-direction: column;
    position: relative;
}

.profile.portfolio .CV section.cvbox.cell_ex .bimg .cimg {
    width: 100%;
    height: 100%;
    border: 1px solid #999;
    border-radius: .4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #F1F1F1;
    overflow: hidden;
}

.profile.portfolio .CV section.cvbox.cell_ex .bimg .cimg i.far.fa-address-card {
    font-size: 8rem;
    color: #ccc;
}

.profile.portfolio .CV section.cvbox.cell_ex .bimg .cimg img {
    width: 100%;
    height: 100%;
}

.lxPf div#bximg {
    width: 100%;
    height: 20rem;
    display: flex;
    overflow: hidden;
}

.lxPf div#bximg > img, .lxpr div#bximg > img, .lxpfrlc div#bximg > img {
    width: 100%;
    height: 100%;
}

.lxPf .box_root, .lxpr .box_root, .lxpfrlc .box_root {
    display: flex;
    align-items: center;
    color: #999;
    margin: 0.6rem 0;
}

.lxPf .box_root > a, .lxpr .box_root > a, .lxpfrlc .box_root > a {
    padding: 0 0.7rem;
}

.pf_form2.pfItems.Work_experience .btns .btn .name {
    margin: unset;
}

.pf_form2.pfItems.Work_experience .btns .btn .far.fa-save {
    padding: 0 .4rem;
}

.pf_last_projects.empo img {
    width: 4rem;
    margin: .5rem 0;
}

.empoCenter {
    display: flex;
    justify-content: center !important;
}

.admin .notRecord {
    display: flex;
    margin: 4rem auto;
    width: 100%;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.r_10rem {
    right: -10rem !important;
}

.admin .b_list .bxLinks {
    display: flex;
    flex-direction: column;
}

.admin main.services section.pf_bdwn.bxPending {
    border: 4px solid #ff0;
}

.admin main.services section.pf_bdwn.bxAccept {
    border: 4px solid #0f0;
}

.admin main.services section.pf_bdwn.bxFailed {
    border: 4px solid #f00;
}

.profile.formPlus.spform .core {
    display: flex;
}

main.spform .bx0 {
    display: flex;
}

main.spform .bx0 .bxR {
    width: 13.3rem;
    display: flex;
}

main.spform .cell_ex ,main.addPr .cell_ex ,main.addPrEx .cell_ex {
    border: unset !important;
    overflow: hidden;
}

main.spform .bx0 .labelCV {
    border-radius: .4rem 0 0 0;
}

.profile .bxBtnActive {
    display: flex;
    justify-content: center;
    align-items: center;
}

main.spform .bx0 .labelCV {
    margin-bottom: 0 !important;
}

main.spform .core .b000 {
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
}

main.spform .core .b000 .bimg {
    border-left: unset;
}

main.spform .result2 {
    border-top: 1px solid #ccc;
}

.profile .bxBtnActive .sw {
    height: 2rem;
    width: 6rem;
    border-radius: 5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #e4911f;
}

.profile .bxBtnActive .sw .rule {
    height: 1.5rem;
    width: 5.4rem;
    border-radius: 5rem;
    position: relative;
    background-color: #ccc;
    overflow: hidden;
}

.profile .bxBtnActive .sw .rule .key {
    height: 1.4rem;
    width: 1.7rem;
    border-radius: 5rem;
    position: absolute;
    top: 0.7px;
    left: 0.7px;
    background-color: #999;
    cursor: pointer;
    transition: all .3s ease-in-out;
}

.keyActive {
    left: 65px !important;
}

.profile .bxBtnActive .sw .rule .key .bxTxts {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    top: -8.1px;
    height: 2rem;
    width: 5.5rem;
    right: -5px;
}

.profile .bxBtnActive .sw .rule .key .bxTxts .txt {
    position: absolute;
    width: 4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'vazir', sans-serif;
    font-size: 10pt;
    top: 0.6rem;
    font-weight: 900;
    color: #333;
}

.profile .bxBtnActive .sw .rule .key .bxTxts .txt.notAct {
    left: 4.8rem;
}

.profile .bxBtnActive .sw .rule .key .bxTxts .txt.Act {
    right: 1.5rem;
}

.bggrn, .lxActiveUser {
    background-color: #08ec08 !important;
}

.btnPublic {
    box-shadow: 0 0 6px #666;
    border-radius: .2rem;
    height: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    font-size: 12.1pt;
    transition: all .2s ease-in-out;
    border: 1px solid transparent;
    padding: 0 2rem;
    margin: .5rem 0;
    background-color: #fff;
    user-select: none;
}

.btnPublic:hover {
    cursor: pointer;
    box-shadow: 0 0;
    border: 1px solid #999;
}

.bx_btnPublic {
    display: flex;
    width: 15rem;
    justify-content: space-around;
}

main.pf_listProjects .cell_list .cell .bxOfferMy, main.pf_LisOffers .cell .bxOfferMy, main.pf_listSlide .cell .bxOfferMy, main.pf_LisEmpoOffers .cell .bxOfferMy {
    display: flex;
    justify-content: space-evenly;
    margin: auto;
}

main.pf_listProjects .cell_list .cell, main.pf_LisOffers .cell, main.pf_listSlide .cell, main.pf_experts .cell, main.pf_LisEmpoOffers .cell {
    display: grid ;
    grid-template-columns: 75% 24%;
}

main.pf_LisOffers .cell, main.pf_listSlide .cell, main.pf_LisEmpoOffers .cell {
    background-color: #fff;
    margin: .5rem;
    padding: 0.6rem;
}

main.pf_listProjects .cell_list .cell .btnPublic, main.pf_LisOffers .cell .btnPublic, main.pf_listSlide .cell .btnPublic, main.pf_employers .cell .btnPublic, main.pf_experts .cell .btnPublic, main.pf_LisEmpoOffers .cell .btnPublic {
    border-radius: 1rem;
    padding: 0;
}

main.pf_listProjects .cell_list .cell .bx_btnPublic, main.pf_LisOffers .cell .bx_btnPublic, main.pf_listSlide .cell .bx_btnPublic, main.pf_employers .cell .bx_btnPublic, main.pf_experts .cell .btnPublic, main.pf_LisEmpoOffers .cell .bx_btnPublic {
    display: flex;
    flex-direction: column;
    width: 100%;
}

main.pf_listProjects .cell_list .cell .date_location, main.pf_LisOffers .cell .date_location, main.pf_LisEmpoOffers .cell .date_location, .date_location span {
    font-size: 10pt;
    color: #999;
}

main.pf_listProjects .cell_right .box_head, main.pf_LisOffers .cell .box_head, main.pf_listSlide .cell .box_head, main.pf_LisEmpoOffers .cell .box_head {
    display: flex;
    align-items: center;
    margin: 0 1.3rem;
    justify-content: flex-start;
}

.profile.dashboard div#userInfo {
    width: 100%;
    text-align: center;
}

.profile.dashboard div#userInfo .f1 {
    display: flex;
    justify-content: space-around;
    width: 100%;
}

.profile.dashboard .pf.pfItems {
    height: 19rem !important;
}

.profile.dashboard .col_left a.name {
    font-size: 18pt;
    font-weight: 900;
}

.profile.dashboard .col_left a.name:hover {
    color: blue;
}

.admin main.pf_users a.pbx.btnAddNewUser {
    width: 10rem;
    padding: 0;
    font-family: 'vazir', sans-serif;
    font-size: 10pt;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.admin main.pf_users .b_list {
    margin-top: 1rem;
}

.admin main.pf_users .bxUpTable .pf_bdwn {
    display: flex;
    height: 2rem;
    width: 100%;
}

.admin .bxFilter {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}

.admin .bxFilter .sort_head .name {
    font-size: 11pt;
    display: flex;
    width: 100%;
    justify-content: center;
}

.admin .bxFilter .sort .b_cells {
    display: flex;
    flex-direction: column;
    text-align: center;
    height: 4rem;
    direction: ltr;
    overflow-y: scroll;
}

.admin .bxFilter .sort .U0Sort {
    font-family: inherit !important;
    position: absolute;
    z-index: 99;
    border: 1px solid #999;
    background-color: #fff;
    left: 0;
    right: 0;
    margin: auto;
    box-shadow: 1px 3px 5px #333;
    top: 2rem;
}

.admin .bxFilter .sort .U0Sort .cell_U0 {
    font-size: 12pt;
    padding: 0.3rem;
}

.admin .bxFilter .sort {
    position: relative;
    border: 1px solid #ccc;
    border-radius: 0.2rem;
    padding: 0.3rem 0.4rem;
    cursor: pointer;
    background-color: #fff;
}


.admin table thead {
    position: sticky;
    background-color: #fff;
    top: 0;
    z-index: 5;
    box-shadow: 0 0 5px #000;
    text-align: center;
}

.admin td .bxbx span.bx {
    border: 1px solid #999;
    padding: .5rem;
    margin: 0.1rem;
    border-radius: 0 0.8rem 0.9rem 0;
    background-color: #fff;
    box-shadow: 0 0 1px #000;
    font-size: 8pt;
    font-family: 'vazir', sans-serif;
}

.admin td .bxbx {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.admin main.pf_main.pf_ue.pf_users td {
    padding: 0.3rem 0.3rem !important;
}

.admin .bxRandomPassword #btnRandomPassword {
    padding: 0 .2rem;
    margin: 0 0.2rem;
    height: 2.5rem;
}

.admin .bxRandomPassword .bxbrp {
    display: flex;
}

.admin .pf_newUser .radios {
    display: flex;
    flex-direction: row !important;
    justify-content: space-evenly !important;
}
.admin .pf_newUser  .pbx.b50.radios.levels{
    display: flex;
    flex-direction: column!important;
    padding: 0 1rem 1rem;
}
.admin .pf_newUser  .pbx.b50.radios.levels > h5 {
    text-align: center;
    margin: 0.4rem 0  1.1rem;
    color: #999;
}
.admin .pf_newUser  .pbx.b50.radios.levels #bxCkbxs{
    display: grid;
    grid-template-columns: repeat(2,1fr);
}
.admin .pf_newUser  .pbx.b50.radios.levels .box_radio {
    display: flex;
    justify-content: space-between;
    padding: .5rem;
}
.admin .pf_newUser  .pbx.b50.radios.levels .box_radio:not(.dis):hover{
    background-color: #ccc;
    border-radius: .2rem;
}
.admin main.pf_editUser i.fas.fa-pencil-alt {
    position: absolute;
    left: 2.1rem;
    bottom: 1.8rem;
    color: #999;
}

.admin main.pf_editUser i.fas.fa-pencil-alt:hover {
    color: #333;
    cursor: pointer;
}


.admin main.pf_editUser textarea#address {
    resize: none;
}

.admin main.pf_editUser .boxAdd {
    width: 2rem;
    height: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background-color: var(--pcolor);
    color: #fff;
}

.admin main.pf_editUser .boxAdd:hover {
    background-color: green;
    cursor: pointer;
}

.admin main.pf_editUser section.flds {
    display: flex;
    justify-content: space-between;
}

.admin main.pf_editUser .sort_head .name {
    font-size: 12pt;
    display: flex;
    width: 100%;
    justify-content: center;
    height: 2rem;
    align-items: center;
    min-width: 9rem;
}

.admin main.pf_editUser .sort.category {
    height: 2.1rem;
    padding: 0 .5rem;
}

.admin main.pf_editUser .bxSkills {
    border: 1px solid #ccc;
    padding: .2rem;
    border-radius: .4rem;
    margin: 0.5rem auto .2rem;
    min-height: 5rem;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.admin main.pf_editUser .bxSkills li.cell {
    box-shadow: 0 0 5px #999;
    margin: .2rem;
    border-radius: 0.2rem;
    display: flex;
    align-items: center;
    height: 1.5rem;
    min-width: 6rem;
    padding: 0.5rem 1.6rem .5rem .5rem;
    overflow: hidden;
    position: relative;
}

.admin main.pf_editUser .bxSkills li.cell span.close {
    background-color: #ccc;
    width: 1.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #00f;
    cursor: pointer;
    height: 100%;
    position: absolute;
    right: 0;
}

.admin main.pf_editUser .bxSkills li.cell span.text {
    font-size: 11pt;
    font-weight: 900;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.admin .bxFilter > * {
    margin: 0 .2rem;
}

section.bxParentSlide {
    width: 92%;
    margin: 1rem auto;
}

.bxParentSlide section.bxBtnsSliding {
    display: flex;
    justify-content: flex-start;
}

.bxParentSlide section.bxBtnsSliding h3.btn {
    min-width: 10rem;
    background-color: #fff;
    height: 3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: .3rem;
    margin: 0 0.1rem;
    box-shadow: 1px 3px 5px #000;
    border: 1px solid transparent;
    color: #333;
    font-weight: 400;
    font-family: vazir, sans-serif;
    font-size: 11pt;
    padding: 0 0.9rem;
}

.bxParentSlide section.bxBtnsSliding h3.btn:hover {
    background-color: #fff;
    cursor: pointer;
    color: #999;
}

.bxParentSlide section.bxBtnsSliding h3.btn.active {
    border: 1px solid #999;
    background-color: #fff;
    cursor: pointer;
    box-shadow: 0 0;
    color: #999;
}

.bxParentSlide section.bxSlides {
    position: relative;
}

.bxParentSlide section.bxSlides .slide {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #ccc;
    width: 100%;
    height: 40rem;
    z-index: 2;
    border-radius: 0.4rem;
    overflow-y: scroll;
    box-shadow: inset 0 0 5px;
}

main.pf_listProjects .sort .b_cells {
    max-height: 10rem !important;
}

main.pf_listProjects .cell .title img, main.pf_LisOffers .cell .title img, main.pf_listSlide .cell .title img {
    width: 3rem !important;
    height: 3rem;
}

main.pf_listProjects .cell ul.parts, main.pf_LisOffers .cell ul.parts, main.pf_listSlide .cell ul.parts, main.pf_LisEmpoOffers .cell ul.parts {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

main.pf_listProjects .cell ul.parts li, main.pf_LisOffers .cell ul.parts li, main.pf_listSlide .cell ul.parts li, main.pf_LisEmpoOffers .cell ul.parts li {
    display: flex;
    align-items: center;
    min-width: 6rem;
    justify-content: space-around;
    margin: 0 .5rem;
}

main.pf_listProjects .cell .dataPrvExpertfa, main.pf_LisOffers .cell .dataPrvExpertfa, main.pf_listSlide .cell .dataPrvExpertfa, main.pf_LisEmpoOffers .cell .dataPrvExpertfa {
    display: flex;
    width: 14rem;
    justify-content: space-between;
}

main.pf_listProjects .box_ex_R .cell_right .box_head2 {
    display: flex;
    justify-content: center !important;
    padding: 1rem;
    box-shadow: 2px 5px 5px #ccc;
    border-bottom: 1px solid #ccc;
}

main.lxex .ProjectRequest {
    padding: .5rem;
}

#List > .box_head {
    padding: .5rem;
    width: 10rem;
}

.profile #List .box_head2 .sort {
    padding: 0.2rem .5rem;
    margin: 0 .5rem 0 0;
}

.profile #List #listCells {
    min-height: 25rem;
    max-height: 52rem;
    overflow-y: scroll;
    direction: ltr;
    background-color: #ccc;
    box-shadow: inset 0 0 5px;
    border-top: 1px solid #ccc;
}

.profile #List #listCells .cell {
    direction: rtl;
    background-color: #fff;
}

.profile #List div#filter {
    margin: 0;
    height: 1.6rem;
}

.profile #List .cell .social {
    display: flex;
    justify-content: space-around;
}

.profile #List .cell .social .icn i {
    font-size: 15pt;
    opacity: .6;
}

.profile #List .cell .social .btnPublic {
    border-radius: 50%;
    width: 2rem;
    height: 2rem;
}

main.pf_listProjects .box_slide ul.box_inpts li label {
    font-size: 12pt;
    color: #999;
}

main.pf_listProjects .box_slide ul.box_inpts li input {
    border: 1px solid #999;
    border-radius: .2rem;
    padding: 0 .5rem;
    font-family: vazir, sans-serif;
    color: #333;
}

main.pf_listProjects .box_slide ul.box_inpts li input:focus {
    outline: none;
}
main.addEditPjs .opc h3.labelCV {
    text-align: center;
}
main.addEditPjs .box_aca .detail{
    display: flex;
    flex-direction: column;
    height: 80%;
    justify-content: space-around;
    align-items: center;
    background-color: #eee;
    width: 100%;
    padding: .5rem;
}
main.profile.addPr .box_aca .detail, main.profile.addPrEx .box_aca .detail {
    display: flex;
    flex-direction: column;
    height: 80%;
    justify-content: space-around;
    align-items: center;
    background-color: #eee;
    width: 100%;
}

main.profile.addPr .box_aca .detail input, main.profile.addPrEx .box_aca .detail input ,main.addEditPjs .box_aca .detail input {
    color: #555;
    font-weight: 600;
    padding: .5rem;
}

#label .btnAddLabel {
    width: 2.5rem;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 .5rem;
    padding: 0;
}

#label .flds {
    display: flex;
    align-items: center;
    height: 2.5rem;
}

#label ul.bxLabels {
    height: 7rem;
    width: 100%;
    background-color: #ccc;
    border-radius: .4rem;
    margin-top: 0.5rem;
}

#label ul.bxLabels {
    display: flex;
    flex-wrap: wrap;
    padding: .5rem;
}

#label ul.bxLabels li {
    height: 2rem;
    display: flex;
    background-color: #fff;
    border-radius: .2rem;
    margin: 0 0 0 .4rem;
    min-width: 5rem;
    max-width: 8rem;
    align-items: center;
    overflow: hidden;
}

#label ul.bxLabels li .close {
    width: 1.1rem;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #999;
    color: #fff;
}

#label ul.bxLabels li .close:hover {
    cursor: pointer;
    background-color: #f00;
    color: #fff;

}

#label ul.bxLabels li .name {
    width: 86%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 10pt;
    font-family: vazir, sans-serif;
    color: #999;
    font-weight: 500;
}

#label input#labelName {
    outline: none;
}

.profile .pr .bxList .cell .tools {
    position: absolute;
    bottom: 0;
}

.profile .pr .bxList .cell .tools i:hover {
    cursor: pointer;
    color: blue;
}

.profile .cimg img {
    width: 100%;
    height: 100%;
}

.cell .bxOfferMy .parts span.unit {
    margin: 0 .2rem;
}

.profile .h_p_r .hpr_01 .b_m_p2 .fa-question-circle {
    font-size: 21pt;
}

main.pf_listProjects .cell .bxBottom, main.pf_LisOffers .cell .bxBottom, main.pf_listSlide .cell .bxBottom, main.pf_LisEmpoOffers .cell .bxBottom {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

main.pf_listProjects .cell .bxBottom ul.bxLabels, main.pf_LisOffers .cell .bxBottom ul.bxLabels, main.pf_listSlide .cell .bxBottom ul.bxLabels, main.pf_LisEmpoOffers .cell .bxBottom ul.bxLabels {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
}

main.pf_listProjects .cell .bxBottom ul.bxLabels li.lbl, main.pf_LisOffers .cell .bxBottom ul.bxLabels li.lbl, main.pf_listSlide .cell .bxBottom ul.bxLabels li.lbl, main.pf_LisEmpoOffers .cell .bxBottom ul.bxLabels li.lbl {
    border: 1px solid #ccc;
    border-radius: .2rem;
    margin: .2rem;
    display: flex;
    justify-content: center;
    color: #999;
    font-size: 10pt;
}

main.pf_listProjects #listCells i.fas.fa-inbox {
    font-size: 7rem;
    color: #ccc;
    width: 100%;
    height: 100%;
    text-align: center;
    margin: 10rem auto;
}

#search ul.box_inpts {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

main.pf_listProjects #List .cell_right {
    height: 98%;
    overflow-y: hidden;
}

main.pf_listProjects #List .cell .bxImg, main.pf_LisOffers .cell .bxImg, main.pf_listSlide .cell .bxImg, main.pf_LisEmpoOffers .cell .bxImg {
    width: 3rem;
    height: 3rem;
}

main.pf_listProjects #List .cell .bxImg img, main.pf_LisOffers .cell .bxImg img, main.pf_listSlide .cell .bxImg img, main.pf_LisEmpoOffers .cell .bxImg img {
    width: 100%;
    height: 100%;
}

main.pf_listProjects #search .box_slide {
    position: relative;
}

main.pf_listProjects #search .bx_btnPublic {
    position: absolute;
    bottom: 10px;
    width: 10rem;
}

main.pf_listProjects #List .box_head2 .bx_btnPublic {
    width: 5rem;
}

main.pf_listProjects #List .cell_list .cell .title, main.pf_LisOffers .cell .title, main.pf_listSlide .cell .title {
    display: flex;
    padding: 0 1rem;
    align-items: center;
}

.bxParentSlide .bxRL {
    display: grid;
    grid-template-columns: 75% 25%;
    column-gap: .5rem;
    margin: .5rem auto;
    height: 40rem;
}

.bxParentSlide .bxRL .bxItem1 {
    background-color: #fff;
    height: 20rem;
}

.bxOfferMy .day span.money {
    margin: 0 .5rem 0 0;
}

main.lxpjrm.lxmsg .bxBtns.created {
    width: unset !important;
    color: green;
    font-weight: 900;
}

.bxBtns .txt {
    box-shadow: 0 0 !important;
    background-color: #999;
    color: #fff;
    cursor: default;
    /* padding: 0.2rem 1rem; */
    border-radius: .2rem;
    font-size: 12.9pt;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 2rem;;
}

section.yas_tc .list .c1.priceShow {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}

section.bxPrices {
    display: flex;
    flex-direction: column;
    height: 4rem;
    justify-content: space-around;
    align-items: center;
}

section.bxPrices * {
    display: flex;
    align-items: center;
    margin: 0 0.3rem;
    justify-content: space-between;
    width: 100%;
}

.lxpfrlc .bxSelectUnit {
    display: flex;
    border: 1px solid #ccc;
    border-radius: 0.2rem;
    padding: .5rem;
    width: 10rem;
    justify-content: space-around;
    margin: .5rem;
}

.lxpfrlc .bxSelectUnit > div {
    display: flex;
    align-items: center;
}

.bxOfferMy ul.parts li {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}

main.lxmsg .unit.euroClass {
    transform: rotate(0) !important;
    right: -16px !important;
}

.financial .income.pfItems > div {
    width: 100%;
    margin-top: 1.4rem;
}

.financial ul.sum > * {
    font-family: vazir, sans-serif;
    font-size: 11pt;
    margin: 0 .2rem;
}

.financial ul.sum {
    display: flex;
}

.financial .graph {
    margin: 1rem auto 3rem auto;
}

.profile .Payment_gateway > div {
    width: 11rem;
    height: 3rem;
    font-size: 17pt;
    color: #999;
}

.profile .Payment_gateway .paypal img {
    width: 7rem;
}

.profile.financial .chart-container {
    position: relative;
    margin: auto;
    width: 100%;
    height: 30rem;
}

.profile.financial .chart-container canvas.graph {
    width: 100% !important;
}

main.pf_experts span.box_counter {
    padding: unset !important;
}

main.pf_experts .box_list .cell_right .box_head {
    display: flex;
    justify-content: center !important;
    padding: 1rem;
    box-shadow: 2px 5px 5px #ccc;
    border-bottom: 1px solid #ccc;
}

main.pf_experts .sort .b_cells {
    max-height: 10rem !important;
}

main.lxmsg .menu_expert .date_now {
    border-radius: .2rem !important;
}

main.pf_employers .cell:not(.hidden) {
    display: grid !important;
    grid-template-columns: 75% 24%;
    justify-content: space-between;
    align-items: center;
}

ul.bxExperts {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 0.1rem;
}

ul.bxExperts li.exCell {
    font-size: 8pt!important;
    color: #999;
    font-family: 'vazir', sans-serif;
    border: 1px solid #ccc;
    padding: 0.2rem;
    border-radius: .2rem;
    text-align: center;
}

.pf_experts .cell .box_foot {
    height: fit-content;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: unset !important;
}

.pf_experts #List .cell_right .cell .date_ad {
    margin-top: .5rem;
}

.pf_experts #List .cell_right .cell .bx_btnPublic {
    display: flex;
    width: 100% !important;
    justify-content: space-around;
    height: 100%;
    align-items: flex-end;
}

.profile.financialEmpo section.yas_tc {
    display: flex;
    justify-content: space-evenly;
    width: 100%;
    margin: 1.2rem auto;
}

.profile.financialEmpo .yas_tc #price {
    height: 3rem;
    border: 1px solid #ccc;
    font-family: 'vazir', sans-serif;
    text-align: center;
    font-size: 12.3pt;
    width: 100%;
}

.profile.financialEmpo .Payment_gateway {
    border: 1px solid #999;
    border-radius: 0.3rem;
    padding: 1rem;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    align-items: center;
}

.profile.financialEmpo section.yas_tc .list .c1 {
    border-top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

main.pf_LisEmpoOffers .cell .bxOfferMy.offerEx, main.pf_LisEmpoOffers .bxOfferMy.offerEmpo {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

main.pf_LisEmpoOffers .cell .bxOfferMy.offerEx .to_dy {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

main.pf_LisEmpoOffers .cell .bxOfferMy > ul li * {
    font-size: 12pt;
    color: #999;
    margin: 0 .2rem;
}

main.pf_LisEmpoOffers .cell .bxOfferMy > div {
    display: flex;
    flex-direction: column;
    align-items: center;
}

main.pf_LisEmpoOffers .bxOfferMy.offerEx {
    box-shadow: inset 0 0 5px;
    border-radius: .4rem;
    padding: 0.5rem;
    margin: 0.4rem;
    background-color: #eee;
}

#warning {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    color: red;
}
#warning p{
    text-align: justify;
}

main.compromiseRoom .pjInfo .name {
    font-family: 'vazir', sans-serif;
    font-size: 12pt;
}

main.compromiseRoom section.bxPjInfo {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

main.compromiseRoom h2#pjName {
    font-family: 'vazir', sans-serif;
    padding: 0 0.5rem 0;
}

main.compromiseRoom .bxTitlePj {
    padding: 1rem 1rem 1rem 0;
    display: flex;
    align-items: center;
}

main.compromiseRoom section.bxPjInfo {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    padding: 0.6rem 0.9rem;
}

main.compromiseRoom textarea#finalVote {
    box-shadow: inset 6px 6px 6px #cbced1, inset -6px -6px 6px white;
    border: 1px solid #999;
    border-radius: .2rem;
    background: #ecf0f3;
    height: 4.5rem;
    font-size: 11pt;
    font-family: vazir ,sans-serif;
    text-align: center;
    resize: none;
    outline: none;
    width: 20rem;
    margin: 0 .5rem;
    padding: 0.5rem;
}

main.compromiseRoom section.bxFinalVote {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.7rem;
    width: 97.8%;
    margin: 0 1.2rem 0 1.1rem !important;
}

main.compromiseRoom .bxGuarantees table {
    width: 100%;
    box-shadow: inset 0 0 5px #333;
    border-radius: .5rem;
    position: relative;
    padding: 0.5rem;
}

main.compromiseRoom .bxGuarantees table th {
    background-color: #ccc;
    padding: 0.4rem;
    border-radius: 0.3rem;
    text-align: center;
    direction: rtl;
    height: 2.5rem;
    font-size: 12pt;
}

main.compromiseRoom .bxGuarantees table .tableUnit {
    position: absolute;
    font-size: 10.6pt;
    top: 24px;
    right: 29px;
    color: #999;
    font-weight: 100;
}

main.compromiseRoom .bxGuarantees table tbody td {
    padding: 0.5rem;
    border-radius: .5rem;
    background-color: #e7e7e7;
    color: #999;
    font-weight: 900;
    text-align: center;
    direction: rtl;
}

main.compromiseRoom .bxGuarantees table tbody td.row {
    width: 1rem;
}

main.compromiseRoom .bxGuarantees table tbody td.guarantee {
    width: 7rem;
}

main.compromiseRoom .bxGuarantees {
    height: 18.7rem;
}

.cell_f2 a.footerBxPaypal img {
    width: 6rem;
    height: 2rem;
}

main.questionFromUser .box_head h3, main.questionFromUser .box_head h4 {
    font-family: 'vazir', sans-serif;
    font-size: 12pt;
}


main.msgs .btnPublic.createPj {
    width: 6rem;
    padding: 0;
    margin: 0.5rem;
    box-shadow: 0 0 0.1rem;
}

main.questionFromUser .menu_expert h1 {
    position: absolute;
    right: 0;
    left: 0;
    margin: auto;
    width: fit-content;
}

main.lxmsg.msgs .bx_comments.cell_ex {
    height: 31rem;
}

main.lxmsg.msgs .bx_comments.cell_ex section.comments {
    height: 29rem;
}

main.questionFromUser .bxChatName {
    display: flex;
}

main.lxmsg.msgs #box_allArticles {
    display: grid;
    grid-template-columns: 65% 35%;
    column-gap: unset !important;
    overflow-x: hidden;
}

main.lxmsg.msgs #box_allArticles #mailbox {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    justify-items: center;
}

main.lxmsg.msgs #box_allArticles #mailbox > div.cell_ex {
    margin: 0 !important;
    padding: 0 !important;
}

main.lxmsg.msgs #box_allArticles #mailbox > div.cell_ex > h5 {
    display: flex;
    justify-content: center;
    padding: .5rem 0;
}

main.lxmsg.msgs #mailbox ul.listUserChats > li {
    position: relative;
}

main.lxmsg.msgs #mailbox ul.listUserChats > li i.icn.fas.fa-question-circle {
    position: absolute;
    left: 4px;
    top: 4px;
    color: #ccc;
}

main.lxmsg.msgs #mailbox ul.listUserChats {
    height: 27.1rem;
    overflow-y: scroll;
    box-shadow: inset 0 0 5px;
    padding: 0 .5rem;
    border-radius: 0.2rem;
}