@font-face {
  /* vazir new version */
 font-family: "Vazir";
 src: url('/assets/fonts/vazir/webfonts/Vazirmatn[wght].woff2') format('woff2 supports variations'), url('/assets/fonts/vazir/webfonts/Vazirmatn[wght].woff2') format('woff2-variations'),url('/assets/fonts/vazir/variable/Vazirmatn[wght].ttf') format('truetype');
 font-weight: 100 900;
 font-style: normal;
 font-display: swap;
}

@font-face {
 font-family: "VazirFD";
 src: url('/assets/fonts/vazir/webfonts/Vazirmatn-FD.woff2') format('woff2 supports variations'), url('/assets/fonts/vazir/webfonts/Vazirmatn-FD.woff2') format('woff2-variations'),url('/assets/fonts/vazir/variable/Vazirmatn-FD.ttf') format('truetype');
 font-weight: 100 900;
 font-style: normal;
 font-display: swap;
}


@font-face {
 font-family: "kalamehblack";
 src: url(/assets/fonts/kalameh/KalamehWeb/eot/KalamehWeb_Black.eot);
 src: url(/assets/fonts/kalameh/KalamehWeb/eot/KalamehWeb_Black.eot) format('embedded-opentype'),url(/assets/fonts/kalameh/KalamehWeb/woff2/KalamehWeb_Black.woff2) format('woff2'),url(/assets/fonts/kalameh/KalamehWeb/woff/KalamehWeb_Black.woff) format('woff'),url(/assets/fonts/kalameh/KalamehWeb/ttf/KalamehWeb_Black.ttf) format('truetype'),url(/assets/fonts/Vazir.svg#svgFontName) format('svg');
 font-weight: 400;
 font-style: normal
}

h2.jumbotron-heading {
 font-family: 'KalamehBlack';
 font-size: 2.8em;
}

body {
 font-family: 'VazirFD',tahoma;
 font-weight: normal;
}

.avatar img {
 width: 90px;
 margin-top: -50px;
 height: 90px;
 /* cursor: pointer; */
 transition: all .4s;
 object-fit: cover;
}

.avatar img:hover {
 /* opacity: .8; */
 transition: all .4s;
}

.indigo.lighten-1 {
 background: center;
 height: 100px;
 background-color: unset !important;
 background-position: center center;
 background-size: cover !important;
 height: 100px;
 z-index:2;
 background-position: center !important;
}

span.online {
 width: 20px;
 height: 20px;
 background-color: green;
 border-radius: 50%;
}

.status,.online {
 width: 15px;
 height: 15px;
 border: 2px solid white;
 border-radius: 50%;
 position: absolute;
 margin: auto;
 z-index: 99;
 margin-top: -20px;
 top: unset;
 left: 134px;
 margin-left: 65px;
}

.status.offline.away {
 background-color: #ffb610;
}

.offline {
 background-color: #cccccc;
}

a#removeAccount {
 color: red;
 background-color: #fff7f7;
}

i.fas.fa-quote-left {
 color: #e9e9e9;
}

a.showtype {
 font-size: 11px !important;
 margin: 5px;
 margin-right: -6px;
 font-family: 'Vazir';
 font-weight: 500;
 background-color: #f0faff;
 padding: 2px;
 color: #03a9f4 !important;
 text-align: center;
 border-radius: 5px;
 /* margin-right: -10px; */
 transition: transform .25s cubic-bezier(.42,0,.61,1.86);
}

a.showtype span {
 margin: 2px
}

.odot {
 position: absolute;
 bottom: 20px;
 width: 10px;
 height: 10px;
}

.online {
 background-color: #7ded37;
}

.last-seen, .address {
 color: black;
 margin: 5px;
 font-size: 12px;
}

.buttom_icons a {
 font-size: 14px;
}

span.copyright {
 text-align: center;
 font-size: 13px;
 margin: auto;
 display: block;
 margin-top: -15px;
 margin-bottom: 10px;
 color: #545454;
}

.navbar {
 direction: ltr;
 /* float: right; */
}

.edit,.edit:hover,.edit:active {
 background-color: #42c4ff !important;
 color: white;
 font-size: 18px;
}

#msgboxText h9 {
 font-size: 14px;
 color: #4897cf;
 display: block;
 padding: 2px 5px;
}

.loader-place {
 position: fixed;
 top: 50px;
 left: 0px;
 width: 100%;
 height: 100%;
 color: #444;
 z-index: 999;
 line-height: 50px;
 font-family: VazirFD,tahoma;
 background-color: white;
 font-weight: 100;
 background-color: #fffffff2;
 padding: 20%;
 /* opacity: .7; */
}

.loader {
 border: 10px solid #f3f3f3;
 border-radius: 50%;
 -webkit-border-radius: 50%;
 -moz-border-radius: 50%;
 border-top: 10px solid #4285f4;
 width: 80px;
 height: 80px;
 -webkit-animation: spin 2s linear infinite;
 animation: spin 2s linear infinite;
 margin: auto;
 /* position: absolute; */
 /* left: 40%; */
}

.dropdown .dropdown-menu .dropdown-item:active {
 background-color: #efefef;
}

loader-place.loader {
 border: 16px solid #f3f3f3;
 border-top: 16px solid #4285f4;
 width: 160px;
 height: 160px;
}

@-webkit-keyframes spin {
 0% {
     -webkit-transform: rotate(0deg);
 }

 100% {
     -webkit-transform: rotate(360deg);
 }
}

@keyframes spin {
 0% {
     -webkit-transform: rotate(0deg);
     transform: rotate(0deg);
 }

 100% {
     -webkit-transform: rotate(360deg);
     transform: rotate(360deg);
 }
}


.spin {
 -webkit-animation: spin 2s linear infinite;
 animation: spin 2s linear infinite;
}

@keyframes dots {
 0% {

     
    font-size:30px;
     
 }

 50% {


      font-size:40px;
 }

     100% {

      font-size:30px;
 }
}

a.contacti {
 font-size: 15px;
 cursor: default !important;
 margin-bottom: -30px;
 line-height: 40px;
 padding: 5px;
 /* padding-bottom: 10px; */
 position: relative;
 top: -15px;
}

#pic_modal iframe {
 width: 100%;
 height: 500px;
 border: none;
 overflow: hidden;
}

h4.frn {
 font-size: 18px;
}

a.contacti::before {
 content: ".";
 color: #4fc3f7;
 font-size: 30px;
 line-height: 10px;
}

.stars {
 color: #d6d6d6;
}

.fa-star.active,.card .stars {
 color: #FFC107;
}

button.ubtn {
 width: 80px !important;
 white-space: pre;
 font-size: 14px;
 text-align: center;
 margin: 10px;
 /* position: unset; */
}

p {
 direction: rtl;
 text-align: right;
}

body.rtl {
 text-align: right;
 direction: rtl;
}

.modal-body input[type="text"],modal-body input[type="email"] {
 margin-left: 0px;
 direction: rtl;
 text-align: center;
 margin-right: 20px;
 padding-right: 5px;
}

.md-form label {
 font-size: 13px;
}

.custom-select {
 font-size: 13px;
}

.row.ndiv {
 margin: 6px;
}

input#age {
 /* width: 80px; */
}

.badge {
 font-weight: normal;
 margin: 3px;
 padding: 8px 5px;
}

.employer {
 background-color: #008bf9 !important;
}

select#skills-list {
 width: 100%;
 height: 120px;
 margin: 8px 0px;
}

#modalEditForm span.desc {
 font-size: 15px;
 margin: 5px;
 display: inline-block;
}

input[type="text"].rtl {
 text-align: right;
}

.md-form.rtl .prefix {
 /* margin-right:-12px; */
}

.md-form.rtl label {
 left: unset;
 right: 25px;
 pointer-events: none;
}

textarea#desc {
 padding: 15px;
 font-size: 14px;
 border: 1px solid #e6e6e6;
 margin: 5px 5px;
}

.card-body span.desc {
 padding: 5px;
 font-size: 14px;
}

a.btn-floating {
 padding: 5px;
}

span.rater {
 font-size: 10px;
 /* background-color: #e6e6e6; */
 padding: 4px 8px;
 border-radius: 10px;
 position: absolute;
 color: #949494;
 /* margin-top: -12px; */
 /* left: 70px; */
}

.card.testimonial-card {
 float: right;
 display: inline-flex;
 margin: 5px;
 width: 320px !important;
 border: 0px;
 /* height: 520px; */
 border-radius: 10px;
 min-width: 340px;
 box-shadow: none !important;
 -webkit-box-shadow: none;
}

.card.testimonial-card {}

.dropdown-menu.skills {
 column-count: 2;
 left: unset;
}

.card-up.addme {
 background-color: white !important;
 height: 130px;
}

p.addme {
 line-height: 24px;
 font-size: 15px;
 text-align: center;
}

.jobs {
 display: contents;
}

a.dropdown-item {
 direction: rtl;
 text-align: center;
}

.d_holder.date {
 margin-left: 15px;
}

form-inline.float-left {
}

.testimonial-card:first-child img.rounded-circle:hover {
 opacity: .7;
 cursor: pointer;
}

/* comments */
.card-white .card-heading {
 color: #333;
 background-color: #fff;
 border-color: #ddd;
 border: 1px solid #dddddd;
}

.card-white .card-footer {
 background-color: #fff;
 border-color: #ddd;
}

.card-white .h5 {
 font-size: 14px;
 //font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

.card-white .time {
 font-size: 12px;
 //font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

.post .post-heading {
 height: 95px;
 padding: 20px 15px;
}

.post .post-heading .avatar {
 width: 60px;
 height: 60px;
 display: block;
 margin-right: 15px;
}

.post .post-heading .meta .title {
 margin-bottom: 0;
 margin: 5px;
}

.post .post-heading .meta .title a {
 color: black;
}

.post .post-heading .meta .title a:hover {
 color: #aaaaaa;
}

.post .post-heading .meta .time {
 margin: 8px;
 color: #999;
}

.post .post-image .image {
 width: 100%;
 height: auto;
}

.post .post-description {
 padding: 15px;
 text-align: right;
 direction: rtl;
}

.post .post-description p {
 font-size: 14px;
}

.post .post-description .stats {
 margin-top: 20px;
}

.post .post-description .stats .stat-item {
 display: inline-block;
 margin-right: 15px;
}

.post .post-description .stats .stat-item .icon {
 margin-right: 8px;
}

.post .post-footer {
 border-top: 1px solid #ddd;
 padding: 15px;
}

.post .post-footer .input-group-addon a {
 color: #454545;
}

.post .post-footer .comments-list {
 padding: 0;
 margin-top: 20px;
 list-style-type: none;
}

.post .post-footer .comments-list .comment {
 display: block;
 width: 100%;
 margin: 20px 0;
}

.post .post-footer .comments-list .comment .avatar {
 width: 35px;
 height: 35px;
}

.post .post-footer .comments-list .comment .comment-heading {
 display: block;
 width: 100%;
}

.post .post-footer .comments-list .comment .comment-heading .user {
 font-size: 14px;
 font-weight: bold;
 display: inline;
 margin-top: 0;
 margin-right: 10px;
}

.post .post-footer .comments-list .comment .comment-heading .time {
 font-size: 12px;
 color: #aaa;
 margin-top: 0;
 display: inline;
}

.post .post-footer .comments-list .comment .comment-body {
 margin-left: 50px;
}

.post .post-footer .comments-list .comment > .comments-list {
 margin-left: 50px;
}

.comments .stars {
 font-size: 12px;
 margin: 5px;
}

.card.post {
 margin-top: 8px;
}

.uskills {
 height: 50px;
 overflow-x: auto;
 overflow-y: hidden;
 display: flex;
 bottom: 57px;
 flex-direction: row;
 flex-wrap: nowrap;
 justify-content: flex-start;
 align-items: center;
}

h4.card-title {
 font-size: 16px;
 margin-bottom: 5px;
}

p.desc {
 height: 50px;
 overflow-y: hidden;
 /* text-overflow: ellipsis; */
 margin-bottom: 10px !important;
 /* display: none; */
 background-color: white;
 width: auto;
 width: 95% !important;
 right: 10px;
 position: absolute;
 top: 250px;
 white-space: break-spaces;
 transition: all .5s ease;
 border-radius: 5px;
 cursor: pointer;
}

.buttom_icons {
 margin: 2px 20px;
}

.contactbtns a {
 color: #4fc3f7;
}

/* comments */
h4.panel-title {
 font-size: 1rem;
 font-weight: normal;
 background-color: #f5f5f5;
 padding: 10px 8px;
 webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
 /* box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12); */
 border-radius: 10px;
 cursor: pointer;
 transition: all .5s;
}
}

.modal .row {
 margin-left: unset;
 margin-right: unset;
}

.collapse .panel-body {
 /* padding: 5px; */
}

.panel-title a {
 color: black !important;
}

.badge-pill.pending {
 position: absolute;
 /* left: 254px; */
 right: 1px;
 top: 85px;
 font-size: 10px;
 margin-top: 8px;
}

.details {
 font-size: 10px;
 position: absolute;
 left: 1px;
 width: 54px;
 margin: 10px;
 margin-top: -5px;
}

p.item.regdate {
 margin: 2px;
}

.details.rtl {
 left: unset;
 right: 1px;
}

.iran-icon {
 /* background-image: url(/assets/img/iran.svg); */
 color: white;
 background-color: #ff3547;
}

.english-icon {
 /* background-image: url(/assets/img/english.svg); */
 color: white;
 background-color: #327fff;
}

.country {
 /* width: 15px; */
 /* height: 15px; */
 display: inline-block;
 position: relative;
 /* top: 6px; */
 right: -10px;
 padding: 3px;
 border-radius: 5px;
 font-size: 9px;
}

.details .row {
 margin-top: 4px;
}

.weloveyou p {
 font-size: 16px;
 text-align: justify;
}

.weloveyou {
 margin: 40px 0px !important;
 text-align: justify;
 direction: rtl;
}

.pagedesc {
 margin-top: 40px;
 margin-bottom: 20px;
 line-height: 40px;
 padding: 10px;
 background-color: #f9fafe;
}

p.projectp {
 text-align: center;
}

.chnagephoto {
 color: #4fc3f7;
 position: absolute;
 /* margin-left: -20px; */
 display: block;
 /* margin-top: -30px; */
 margin-right: 32px;
 cursor: pointer;
 font-size: 20px;
}

#fsection li {
 text-align: right !important;
 margin: 20px 5px;
 font-size: 16px;
 line-height: 28px;
}

.pagedesc h1 {
 font-size: 1.5rem;
 margin: 20px;
 line-height: 2.5rem;
}

span.required {
 color: red;
}

a.testspeed {
 font-size: 14px !important;
 margin: 5px;
 margin-right: -6px;
 font-family: 'Vazir';
 font-weight: 500;
 background-color: #f0faff;
 padding: 6px;
 color: #2ab6f6 !important;
 text-align: center;
 border-radius: 5px;
 /* margin-right: -10px; */
 transition: transform .25s cubic-bezier(.42,0,.61,1.86);
}

a.testspeed:hover{

 transform: scale(1.2);
}

div#more {
 text-align: center;
 /* text-align: center; */
 margin: 10px;
 border-radius: 10px;
 /* margin: 10px; */
 /* border-top-right-radius: 10px; */
 /* border-top-left-radius: 10px; */
 padding: 10px;
 cursor: pointer;
}

.country {
 font-weight: bold;
 cursor: pointer;
}

.details:not(.rtl) {
 font-family: tahoma;
}

.tick {
 width: 40px;
 height: 40px;
 background-image: url(/assets/img/tick.svg);
 background-size: contain;
 position: absolute;
 margin-right: 53px;
 margin-top: -34px;
}

.row.ubtns {
 position: absolute;
 left: 18px;
 top: 2px;
}

button.ubtn {
 padding: 10px;
}

.ubtn {
 margin: 1px 1px 0px 0px;
}

h4.panel-title:hover {
 background-color: #eaeaea;
 transition: all .5s;
}

a.name {
 /* white-space: nowrap; */
 width: 120px;
 /* overflow: hidden; */
 -o-text-overflow: ellipsis;
 /* font-weight: bold; */
 font-size: 14px;
 display: inline-block;
}

.n_holder {
 display: inline-block;
 margin-bottom: 8px;
 width: 170px;
 text-align: right;
 -o-text-overflow: ellipsis;
 text-overflow: ellipsis;
 overflow: hidden;
 white-space: nowrap;
 margin-right: unset !important;
}

.s_holder {
 display: inline-block;
 color: #FFC107;
}

.p_holder, .pb_picture {
 width: 70px;
 height: 70px;
 border-radius: 50%;
 -webkit-border-radius: 50%;
 -moz-border-radius: 50%;
 margin: auto;
 background-size: cover !important;
 float: right;
 clear: both;
 /* background-position: -30px 0px !important; */
}

.c_holder .badge {
 box-shadow: unset !important;
 padding: 3px 3px;
}

span.user_number, span.pb_user, span.opponent {
 border-radius: 100px;
 -webkit-border-radius: 100px;
 -moz-border-radius: 100px;
 padding-top: 8px;
 font-size: 1em;
 font-weight: bold;
 background: #38a7d8;
 color: #fff;
 text-align: center;
 height: 35px;
 width: 35px;
 vertical-align: top;
 -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.18);
 box-shadow: 0 3px 6px rgba(0,0,0,.18);
 margin: 39px -75px;
 cursor: pointer;
 -webkit-transition: all .15s ease-in-out;
 -o-transition: all .15s ease-in-out;
 transition: all .15s ease-in-out;
 position: absolute;
}

.user_holder {
 width: 260px;
 height: 100px;
 /* -webkit-box-shadow: 0 2px 2px rgb(0 0 0 / 10%); */
 /* box-shadow: 0 3px 2px rgb(0 0 0 / 10%); */
 border-radius: 5px;
 padding: 10px;
 display: inline-block;
 margin: 5px;
 position: relative;
 cursor: pointer;
 background-color: white;
}

h4.jumbotron-heading {
 font-size: 16px;
}

.edit_desc {
 font-size: 14px;
 text-align: center;
}

tbody {
 overflow: scroll;
 height: 100px;
 direction: rtl;
}

.n_holder .status.offline {
 position: unset;
 display: inline-block;
}

.c_holder {
 margin-bottom: 5px;
 margin-top: -10px;
 overflow: hidden;
 height: 25px;
}

.d_holder {
 font-size: 12px;
 width: 80px;
 display: inline;
 margin-right: -15px;
 color: #424242;
}

.d_holder.date {
 margin-left: 15px;
}

ul.fh5co-footer-links li {
 display: inline;
 margin: 8px;
}

ul.fh5co-footer-links {
 text-align: center;
 font-size: 14px;
 border-top: 1px solid #e4e4e4;
 padding: 15px;
}

.d_holder span {
 padding: 2px;
}

.n_holder .online {
 font-size: 10px !important;
 width: 10px;
 height: 10px;
 margin-top: -5px;
 margin-right: -10px;
}

#namesection input[type="text"] {
 margin-right: unset;
}

.gradient {
 position: absolute;
 z-index: 2;
 right: 0;
 bottom: 0;
 left: 0;
 top: 1px;
 /* height:200px; */
 /* adjust it to your needs */
 background: url(data:image/svg+xml;base64,alotofcodehere);
 background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 70%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(70%,rgba(255,255,255,1)));
 background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 70%);
 background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 70%);
 background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 70%);
 background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 70%);
}

.contactbtns .disable {
 width: 100px;
 position: absolute;
 height: 42px;
 width: 95%;
 z-index: 2;
 cursor: pointer;
 /* background-color: #eaeaea; */
}

span.selected {
 color: #2f6cd2;
 /* font-weight: bold; */
 cursor: pointer;
}

.theUser .card.testimonial-card {
 width: 99% !important;
 /* box-shadow: unset; */
}

.theUser h3 {
 font-size: 18px;
 font-weight: bold;
 margin-bottom: 15px;
 border-right: 3px solid #03A9F4;
 padding: 5px;
 /* background-color: #f4fcff; */
}

.theUser p.desc {
 font-size: 14px;
}

.pdetails {
 margin: 10px 0px;
 color: #5d5d5d;
}

#showProject .contactbtns {
 height: 34px;
}

#fsection .btn-primary:not([disabled]):not(.disabled):active, #fsection .btn-primary:not([disabled]):not(.disabled).active, #fsection .show>.btn-primary.dropdown-toggle {
 background-color: #fdb629 !important;
 /* border: 1px solid #00aaff; */
 box-shadow: unset;
 outline: 5px solid #fdcf29 !important;
 outline-offset: 0px;
 border: unset !important;
}

.modal-body .alert {
 font-size: 14px;
 letter-spacing: .2px;
 font-weight: normal !important;
}

.user_holder .pending {
 left: unset;
 margin-right: 230px !important;
 margin-top: -30px !important;
 z-index: 10;
}

.ebtns {
 position: absolute;
 /* border: 1px solid black; */
 width: 5px;
 height: 60px;
 left: 80px;
}

.ebtns li {
 text-decoration: none;
 list-style: none;
}

.ebtns .addp {
 left: -80px;
 top: 50px;
 opacity: 1;
 visibility: visible;
 background-color: white;
 box-shadow: 0px 2px 0px 0px rgb(0 0 0 / 5%);
}

.ebtns .addp::before {
 
display:none;
 
}

.ebtns .addp a {
 
color:black;
 
}



span.scoring {
 position: absolute;
 font-size: 8px;
 padding: 5px;
 background-color: #ffc11e;
 color: #8e6907;
 border-radius: 5px;
 margin-right: -50px;
 cursor: pointer;
}

.bell-icon {
 position: absolute;
 width: 50px;
 height: 50px;
 background: #f1f1f1;
 border-radius: 50%;
 display: inline-block;
 cursor: pointer;
 /* margin-right: 15px; */
 top: 10px;
 left: 10px;
}

.bell-icon svg {
 margin: auto;
 position: relative;
 right: 2%;
 top: 15%;
 /* width: 80%; */
 /* height: 80%; */
 stroke: rgb(101 101 101);
}

.bell-icon.active svg {
 margin: auto;
 position: relative;
 right: 2%;
 top: 15%;
 /* width: 80%; */
 /* height: 80%; */
 stroke: rgb(66 133 244);
}

p.sectiond {
 font-size: 14px;
 color: #4fc3f7;
 margin: 4px;
 text-align: center;
}

p.sectionT {
 font-size: 19px !important;
 margin: 5px;
 text-align: center;
 margin-bottom: 15px;
 overflow-y: hidden;
 /* max-width: 1200px; */
 overflow-x: auto;
 height: 50px;
 display: flex;
 align-items: center;
}

.bell-icon .bell-icon__group {
 transform-origin: 50% 2px;
 transform: rotate(-8deg);
 -webkit-animation-fill-mode: both;
 animation-fill-mode: both;
 -webkit-animation-iteration-count: 1;
 animation-iteration-count: 1;
 -webkit-animation-timing-function: ease-in-out;
 animation-timing-function: ease-in-out;
 animation-play-state: running;
}

.bell-icon .bell-icon__ball {
 transform-origin: 50% 2px;
 transform: translateX(-6.5%);
 -webkit-animation-fill-mode: both;
 animation-fill-mode: both;
 -webkit-animation-iteration-count: 1;
 animation-iteration-count: 1;
 -webkit-animation-timing-function: ease-in-out;
 animation-timing-function: ease-in-out;
 animation-play-state: running;
}

.bell-icon:focus, .bell-icon:hover {
 outline: none;
 box-shadow: 0 0 12px -8px rgba(0, 0, 0, 0.6);
}

.bell-icon:focus .bell-icon__group, .bell-icon:hover .bell-icon__group {
 -webkit-animation: animateGroup 2.3s;
 animation: animateGroup 2.3s;
}

.bell-icon:focus .bell-icon__ball, .bell-icon:hover .bell-icon__ball {
 -webkit-animation: animateBall 2.3s;
 animation: animateBall 2.3s;
}

.bell-icon:focus .notification-amount, .bell-icon:hover .notification-amount {
 opacity: 1;
 visibility: visible;
}

.bell-icon:focus .notification-amount::before, .bell-icon:hover .notification-amount::before {
 -webkit-animation-name: bounce;
 animation-name: bounce;
 -webkit-animation-delay: 450ms;
 animation-delay: 450ms;
}

.notification-amount {
 opacity: 0;
 visibility: hidden;
 position: absolute;
 top: 20%;
 right: 84%;
 width: 25px;
 height: 25px;
 color: white;
 border-radius: 50%;
 display: flex;
 align-items: center;
 justify-content: center;
 font-family: 'VazirFD';
 /* font-size: 14px; */
}

.notification-amount span {
 position: relative;
}

.notification-amount::before {
 content: "";
 position: absolute;
 width: 100%;
 height: 100%;
 background-color: #f72918;
 border-radius: 50%;
 z-index: 0;
 transform: scale(0);
 -webkit-animation-duration: 800ms;
 animation-duration: 800ms;
 -webkit-animation-fill-mode: both;
 animation-fill-mode: both;
}

@-webkit-keyframes animateGroup {
 0%, 100% {
     transform: rotate(-8deg);
 }

 17.542% {
     transform: rotate(0deg);
 }

 35.084% {
     transform: rotate(-20deg);
 }

 48.2405% {
     transform: rotate(20deg);
 }

 57.0115% {
     transform: rotate(-20deg);
 }

 64.9054% {
     transform: rotate(8deg);
 }

 74.5535% {
     transform: rotate(-15deg);
 }

 78.939% {
     transform: rotate(-7deg);
 }
}

@keyframes animateGroup {
 0%, 100% {
     transform: rotate(-8deg);
 }

 17.542% {
     transform: rotate(0deg);
 }

 35.084% {
     transform: rotate(-20deg);
 }

 48.2405% {
     transform: rotate(20deg);
 }

 57.0115% {
     transform: rotate(-20deg);
 }

 64.9054% {
     transform: rotate(8deg);
 }

 74.5535% {
     transform: rotate(-15deg);
 }

 78.939% {
     transform: rotate(-7deg);
 }
}

@-webkit-keyframes animateBall {
 0%, 100% {
     transform: translateX(-6.5%);
 }

 17.542% {
     transform: translateX(0%);
 }

 21.9275% {
     transform: translateX(-1%);
 }

 35.084% {
     transform: translateX(11%);
 }

 48.2405% {
     transform: translateX(-11%);
 }

 52.626% {
     transform: translateX(0%);
 }

 59.6428% {
     transform: translateX(10%);
 }

 68.4138% {
     transform: translateX(-11%);
 }

 78.939% {
     transform: translateX(11%);
 }

 85.9558% {
     transform: translateX(-11%);
 }
}

@keyframes animateBall {
 0%, 100% {
     transform: translateX(-6.5%);
 }

 17.542% {
     transform: translateX(0%);
 }

 21.9275% {
     transform: translateX(-1%);
 }

 35.084% {
     transform: translateX(11%);
 }

 48.2405% {
     transform: translateX(-11%);
 }

 52.626% {
     transform: translateX(0%);
 }

 59.6428% {
     transform: translateX(10%);
 }

 68.4138% {
     transform: translateX(-11%);
 }

 78.939% {
     transform: translateX(11%);
 }

 85.9558% {
     transform: translateX(-11%);
 }
}

@-webkit-keyframes bounce {
 0% {
     transform: scale(0);
 }

 14% {
     transform: scale(1.15);
 }

 28% {
     transform: scale(1);
 }

 42% {
     transform: scale(1.15);
 }

 70% {
     transform: scale(1);
 }

 100% {
     transform: scale(1);
 }
}

@keyframes bounce {
 0% {
     transform: scale(0);
 }

 14% {
     transform: scale(1.15);
 }

 28% {
     transform: scale(1);
 }

 42% {
     transform: scale(1.15);
 }

 70% {
     transform: scale(1);
 }

 100% {
     transform: scale(1);
 }
}

.bell-icon.active {
 border: 2px solid #4285f4;
 background-color: #ffffff;
}

.bell-icon.active::before {
 /* content:"active"; */
 position: absolute;
 /* width:100px; */
 font-size: 10px;
 top: -25px;
 background-color: #33b5e5;
 color: white;
 padding: 2px 4px;
 border-radius: 10px;
}

popup_heading_text {
 font-family: vazir !important;
 font-size: 13px !important;
 line-height: 19px !important;
}

popup_button btn {
 font-family: vazir !important;
 font-size: 13px !important;
 line-height: 19px !important;
}

span.minprice {
 font-size: 10px;
}

span.help-btn {
 color: #0078ff;
}

.tooltip-inner {
 background-color: #0078ff;
}

span.perror {
 position: absolute;
 width: 200px;
 color: red;
 font-size: 12px;
 margin-top: -20px;
 right: 10px;
}

.bs-tooltip-auto[x-placement^=top] .arrow::before, .bs-tooltip-top .arrow::before {
 border-top-color: #0078ff;
}

.eediv {
 background-color: #fbfbfb;
 color: black;
}

.contactbtns {
 margin-bottom: 4px;
 border-radius: 5px;
 height: 40px;
 width: 105%;
}

span.ee {
 font-size: 14px;
 text-align: justify;
 direction: rtl;
}

.container.projectcontainer {
 background-color: whitesmoke;
 /* padding: 20px; */
 border-radius: 10px;
}

.country.free-icon {
 font-size: 15px !important;
 font-weight: normal;
 background-image: url(tick.svg);
 width: 40px;
 height: 40px;
 background-size: contain;
 margin: auto;
 background-position-x: -5px;
}

.free span {
 background-color: rgb(239, 255, 239);
 color: rgb(58, 202, 163);
 text-align: center;
 padding: 2px;
 border-radius: 5px;
}

select {
 -moz-appearance: none;
 /* Firefox */
 -webkit-appearance: none;
 /* Safari and Chrome */
 appearance: none;
 background: unset !important;
}

input#noprice {
 margin-right: 10px;
}

.badge-primary {
 background-color: #4fc3f7 !important;
}

span.filter.badge {
 cursor: pointer;
}

button.light.shadow-none,button.blight.shadow-none {
 background-color: #ececec;
}

popup_poweredby {
 display: none !important;
}

.dropdown-toggle::after {
 display: inline-block;
 margin-left: .255em;
 vertical-align: .255em;
 content: "";
 border-top: unset;
 border-right: unset;
 border-bottom: unset;
 border-left: unset;
}

.dropdown-toggle::after {
 display: inline-block;
 margin-left: .255em;
 vertical-align: .255em;
 content: "";
 border-top: .3em solid;
 border-right: .3em solid transparent;
 border-bottom: 0;
 border-left: .3em solid transparent;
}

.beside-brand {
 position: absolute;
 margin-right: 36px;
 top: 10px;
}

p.jobsp {
 text-align: center;
}

.nav-pills .nav-link {
 cursor: pointer;
 font-size: 20px;
 padding: 0 15.5px;
 text-align: center;
 height: 60px;
 width: 60px;
 font-weight: 400;
 color: #9A9A9A;
 margin-right: 19px;
 background-color: rgba(222, 222, 222, 0.3);
 border-radius: 10px;
}

.bell_d {
 font-size: 12px;
 color: #5f5f5f;
 /* margin-top: 35px; */
 display: block;
 /* position: absolute; */
 margin-right: 10px;
}

.btn-primary, btn-primary:active,.btn-primary:focus {
 color: #fff;
 background-color: #4fc3f7 !important;
}

.theUser p.desc {
 height: auto;
 white-space: break-spaces;
 line-height: 1.8em;
 position: initial;
 overflow: auto;
 text-overflow: initial;
}

.bell_c {
 width: 230px;
 background-color: #eaeaea;
 padding: 10px;
 border-radius: 10px;
 position: relative;
}

.row.pbackground {
 background-color: #f3f3f3;
 padding: 10px;
 border-radius: 10px;
 min-height: 200px;
 max-height: 400px;
 overflow-y: auto;
 border-radius: 10px;
 overflow-x: unset;
}

.donate.footer {
 width: 180px;
 font-size: 14px;
 left: 50px;
 top: 200px;
 text-align: center;
 margin: auto;
}

button#loadmore {
 margin: auto;
 width: 40%;
 margin-bottom: 15px;
 font-size: 20px;
 font-weight: 700;
 font-family: 'Vazir';
}

#box {
 /* position: relative; */
 top: 50%;
 text-align: center;
 margin-top: -25px;
 display: block;
}

#box [class^="hex-icon"] {
 vertical-align: top;
}

[class^="hex-icon"] {
 width: 42px;
 height: 50px;
 margin: 0 10px;
 display: inline-block;
 transition: all 0.2s cubic-bezier(0.215, 0.610, 0.355, 1.000);
 -webkit-transition: all 0.2s cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

[class^="hex-icon"]:hover {
 transform: scale3d(1.2, 1.2, 1);
 -webkit-transform: scale3d(1.2, 1.2, 1);
 transition: all 0.35s cubic-bezier(0.000, 1.270, 0.460, 1.650);
 -webkit-transition: all 0.35s cubic-bezier(0.000, 1.270, 0.460, 1.650);
}

[class^="hex-icon"] svg {
 width: 100%;
 height: 100%;
 display: block;
}

.hex-icon-sun path:first-of-type {
 fill: #fff;
}

.hex-icon-sun circle {
 stroke: #757579;
 stroke-width: 2px;
 fill: none;
}

.hex-icon-sun circle:last-of-type {
 stroke-width: 2px;
 stroke-dasharray: 2,7.4;
}

.hex-icon-wave path:first-of-type {
 fill: #219cb5;
}

.hex-icon-wave circle {
 stroke: #fff;
 stroke-width: 2px;
 fill: none;
}

.hex-icon-wave mask circle {
 fill: #fff;
 stroke: none;
}

.hex-icon-wave path:last-of-type {
 fill: #fff;
}

.hex-icon-heart path:first-of-type {
 fill: #ff5454;
}

.hex-icon-heart path:last-of-type {
 fill: #fff;
 transform-origin: 21px 25px;
 -webkit-transform-origin: 21px 25px;
 /* animation: hex-icon-heart-beat 1s linear infinite; */
 /* -webkit-animation: hex-icon-heart-beat 1s linear infinite; */
}

@keyframes hex-icon-heart-beat {
 0% {
     transform: scale3d(1, 1, 1);
 }

 30% {
     transform: scale3d(0.75, 0.75, 1);
 }

 60% {
     transform: scale3d(1, 1, 1);
 }
}

@-webkit-keyframes hex-icon-heart-beat {
 0% {
     -webkit-transform: scale3d(1, 1, 1);
 }

 30% {
     -webkit-transform: scale3d(0.75, 0.75, 1);
 }

 60% {
     -webkit-transform: scale3d(1, 1, 1);
 }
}

a.donate {
 text-decoration: none;
 color: #656565 !important;
 font-size: 13px;
 margin-top: 10px !important;
 display: block;
}

.odot {
 position: absolute;
 right: 20px;
 bottom: 20px;
}

.donate.main {
 width: 180px;
 font-size: 14px;
 position: absolute;
 right: 5%;
 top: 200px;
}

.projects {
 /* max-height: 300px; */
 /* overflow-y: auto; */
 border-radius: 10px;
}

.modal-header .close {
 padding: 0px 1rem !important;
 margin: -1rem -1rem !important;
}

.switch {
 color: #2f2e2f !important
}

/* The switch - the box around the slider */
.switch {
 position: relative;
 display: inline-block;
 width: 60px;
 height: 34px;
 top: -5px;
 right: 4px;
}

/* Hide default HTML checkbox */
.switch input {
 opacity: 0;
 width: 0;
 height: 0;
}

/* The slider */
.slider {
 position: absolute;
 cursor: pointer;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 background-color: #ccc;
 -webkit-transition: .4s;
 transition: .4s;
}

.slider:before {
 position: absolute;
 content: "";
 height: 26px;
 width: 26px;
 left: 4px;
 bottom: 4px;
 background-color: white;
 -webkit-transition: .4s;
 transition: .4s;
}

input:checked + .slider {
 background-color: #4fc3f7;
}

input:focus + .slider {
}

input:checked + .slider:before {
 -webkit-transform: translateX(26px);
 -ms-transform: translateX(26px);
 transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
 border-radius: 34px;
}

.slider.round:before {
 border-radius: 50%;
}

/* less than  */
@media only screen and (max-width: 780px) {
 .card.testimonial-card {
     width: 100% !important;
 }

.row.projectsbtns{display: flex;justify-content: center;}   
 
.row.pbackground{
  justify-content: center;
}   
 
}

/* less than  */
@media only screen and (max-width: 780px) {
 .donate.main {
     display:none !important;
 }
}

@media only screen and (max-width: 500px) {
 .jobosection {
     display:none;
 }

 .user_holder {
     width: 280px;
     margin-right: 30px;
 }

 .jobologo {
     width: 80%;
 }

 button#loadmore {
 margin: auto;
 width: 100%;
 font-size:18px;
 margin-bottom: 5px;
 margin-top: 10px !important;
}
}

.webpushr-subscribed prompticon3 {
 transform: scale(.90) !important;
 opacity: .8 !important;
 box-shadow: none !important;
}

popup_heading_text {
 font-family: vazir !important;
 font-size: 13px !important;
 line-height: 19px !important;
}

.webpushr-subscribed.webpushr-notification-on btn.webpushrOnBtn {
 font-family: vazir !important;
}

#webpushrDeniedImg[src=""] {
 display: none !important;
}

popup_poweredby {
 display: none !important;
}

notification_title {
 font-family: 'Vazir' !important;
 direction: rtl !important;
 line-height: 20px !important;
 font-size: 14px !important;
}

notification_time {
 display: none !important;
}

popup_notification {
 box-shadow: unset !important;
}

popup_notification.webpushr-notification {
}

btn#webpushrUnknownBtn {
 font-family: 'Vazir' !important;
}

promptnotificationicon {
 font-family: 'VazirFD' !important;
 background: #ff4c4c !important;
 font-size: 18px !important;
 width: 30px !important;
 height: 30px !important;
 right: -15px !important;
}

notification_title {
 color: #3b3b3b !important;
 font-size: 12px !important;
}

.btn:hover {
 opacity: 0.9;
}

.btn{
 border-radius: 7px !important;
 box-shadow: unset !important;
 transition:all .3s ease;
}

.badge-primary {
 background-color: #4fc3f7 !important;
 box-shadow: unset !important;
}

.alert-danger {
 color: rgb(239, 80, 95)!important;
 background-color: rgb(255, 250, 251)!important;
 border-color: rgb(255, 250, 251)!important;
}

.alert-info {
 color: rgb(25 183 255) !important;
 background-color: rgb(239 250 255) !important;
 font-weight: normal !important;
 border-color: rgb(199 238 255) !important;
}

.contactbtns i {
 background-color: rgb(242 251 255);
 width: 37px;
 text-align: center;
 padding: 8px;
 border-radius: 50%;
}

.glass {
 /* box-shadow: rgb(255 255 255 / 35%) 0px 4px 30px; */
 /* backdrop-filter: blur(6.4px); */
 z-index: 2;
 background: rgb(255 255 255 / 87%);
 border-width: 1px;
 border-style: solid;
 border-color: rgb(255 255 255 / 75%);
 border-image: initial;
}

.glass, .background {
 height: 100px;
 position: absolute;
 width: 100%;
 border-top-left-radius: 10px;
 border-top-right-radius: 10px;
}

.regdate_holder {
 color: black;
 font-size: 10px;
 float: left;
 position: absolute;
 top: 4px;
 left: 12px;
}

.avatar.mx-auto.white {
 z-index: 2;
 background-color: unset !important;
}

.modal-dialog .modal-content {
 box-shadow: unset !important;
 border-radius: 10px;
}

a.navbar-brand {
 font-family: KalamehBlack;
 font-size: 28px;
 line-height:5px
}

.card{

 box-shadow:unset !important;
}

.card {
 box-shadow: unset !important;
 border-width: 1px;
 border-style: solid;
 border-color: rgb(225, 225, 225);
 border-image: initial;
 border: unset;
 border-radius: 20px;
}

.indigo {background-color: unset !important;}

.badge-pill {box-sizing: unset !important;}
.badge-pill.orange {background-color: #000000 !important;box-shadow: unset !important;}

li.nav-item.special,.special {
 background-color: #ffa356 !important;
 border-radius: 15px;
}

p.desc.full {
 top: 184px;
 background-color: white;
 transition: all .5s ease;
 height: 160px;
 z-index: 10;
 position: absolute;
}

.grey {
 background-color: #f9fafe !important;
}

.row.jobcontainer.grey {
 border-radius: 10px;
 padding: 10px;
}

.card:nth-child(1) .regdate_holder {

 display:none;
}

.tooltip-inner {
 max-width: 200px;
 padding: 6px 8px;
 color: #282828;
 text-align: center;
 background-color: #ffffff;
 border-radius: 4px;
 opacity:1 !importat;
}

.tooltip .tooltip-arrow {
 bottom: 0;
 left: 50%;
 margin-left: -5px;
 border-width: 5px 5px 0;
 border-top-color: #656565;
 display: none;
}

.tooltip.show {
 opacity: 1;
}

.buttom_icons span.free {
 color: #37d5a8;
 position: absolute;
 bottom: 37px;
 left: 91px;
 padding: 2px 5px;
 background-color: #f0fff1;
 border-radius: 5px;
 font-size: 11px;
}


.popout {
 animation: popout 1s ease;
 -webkit-animation: popout 1s cubic-bezier(.42,0,.61,1.86)
}

@keyframes popout {
 from {
     transform: scale(.5)
 }

 80% {
     transform: scale(1.001)
 }

 to {
     transform: scale(1)
 }
}

.details .wpm {color: #4fc3f7;background-color: #f0faff;padding: 1px 5px;border-radius: 5px;margin: 0px 2px;cursor: pointer;}


.details .acc {

color: #8bc34a;

background-color: #f2fee5;

padding: 1px 5px;

border-radius: 5px;

cursor: pointer;
}


.details .row.type {font-size: 12px;font-family: 'Vazir';}

.lang {
 font-size: 9px;
 position: absolute;
 right: -48px;
}

a.showtype.popout:hover {
 transform: scale(1.2);
}

.alert-success {
 background-color: #f7ffed; !important;
 border-color: none !important;
 color: #a5e259 !important;
}

.details .desc {
 font-family: 'Vazir';
 font-size: 9px;
 position: absolute;
 width: 100px;
 top: 50px;
 left: -6px;
}

.badge-pill {
  margin: 2px 5px !important;
  border-radius: 10px;
}

.desc span.more {
 position: absolute;
 top: 16px;
 background-color: white;
 border-radius: 10px;
 left: 11px;
 /* opacity: .9; */
 font-size: 13px;
 padding: 10px;
 color: #03a9f4;
}


.desc.full span.more{top: 102px;display: none;}

p.desc.full.scroll {
 overflow: auto;
}

.allprojects {
 position: absolute;
 margin-right: 81px;
 margin-top: -10px;
 padding: 5px;
 background-color: #ffa356;
 border-radius: 50%;
 color: white;
 width: 29px;
 height: 29px;
 text-align: center;
}

.tips .tip {
 display: none;
}

.tips .tip.active { display: block;
}

.tips {
 display: flex;
 justify-content: space-around;
 cursor: pointer;
}

.tips .tip::before {
 content: "..";
 font-size: 30px;
 color:orange;
 position:absolute;
 margin-top:-30px;
 margin-right:-30px;

}

.tips .tip::after {
 content: "..";
 font-size: 30px;
 color: #42c4ff;
 position:absolute;
 margin: 5px;
}

span.timeago {
 font-family: 'VazirFD';
 font-weight: lighter;
}

.skillsHolder {
 position: relative;
 margin-top: 74px;
}

.ebtn.red {
 color: red !important;
 background-color: #fff7f7 !important;
}

.ebtn.red:hover {
 color: red !important;
 background-color: #fff4f4 !important;
}


.ebtn.done {
 color: #4CAF50 !important;
 background-color: #fafff4 !important;
}

.ebtn.done:hover {
 color: #4CAF50 !important;
 background-color: #f3ffe5 !important;
}

#comments_modal .form-control {
 font-size: .9rem;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link{background-color: #4fc3f7 !important;box-shadow: unset !important;}

a {
 color: #5bb9e4;
}

.primary-color, ul.stepper li.active a .circle, ul.stepper li.completed a .circle {
 background-color: #42c4ff !important;
 box-shadow: none;
}

.categories .cat,.filters span {
  padding: 5px;
  background-color: #f8fdff;
  color: #03A9F4;
  margin: 5px;
  flex-direction: row;
  line-height: 50px;
  cursor: pointer;
  border-radius: 10px;
  font-size: 17px;
  font-family: 'Vazir';
  /* outline: 1px solid #d0f0ff; */
  outline-offset: 0px;
}

.navbar .container {
   direction: ltr;
}

.nav-pills .nav-item .nav-link {padding: 15px; height: 60px;width: 110px; margin-right: 19px; border-radius: 20px;}

.bg-primary {
   background-color: #42c4ff !important;
   color: white !important;
}

.dropdown-menu.skills::before {
  display: none;
}

.maincontainer {
   margin-top: 60px;
}

.maincontainer a {
   color: #2fbeff;
}

.modal-body ul li {
   margin-top: 10px;
}

button#nextbtn {
   background-color: #29B6F6;
   color: white;
}

button#nextbtn {}

button#backbtn {
   color: #29b6f6;
   background-color: unset;
   border: 2px solid #29b6f6;
}

hr {
   border-top: 3px solid rgb(249 250 254);
}

button.addProject {
   background-color: #ffa356 !important;
   box-shadow: unset;
   /* outline: 5px solid #ffb888 !important; */
   color:white;
   font-size: 1.2em;
   padding: 10px 15px;
   outline-offset:0px;
}

button.addProject:hover,button.addProject:active,button.addProject:focus {
   background-color: #fdb629 !important;
   color:white !important;
   box-shadow: unset;
   /* outline: 5px solid #fdcf29 !important; */
   font-size: 1.2em;
   padding: 10px 15px;
   outline-offset: 0px;
}

.orange{background-color: #ffa356 !important;box-shadow: unset;/* outline: 5px solid #ffb888 !important; */outline-offset: 0px;}

.orange:hover,.orange:active{background-color: #fdb629 !important;color:white !important;box-shadow: unset;/* outline: 5px solid #fdcf29 !important; */}

.badge.pending {
   background-color: #ffa356 !important;
   border: unset;
   box-shadow: unset;
   font-family: 'Vazir';
   font-weight: 900;
}

.badge.pending.problem {
   background-color: #ff7448 !important;
}

.modal-footer button {
   font-size: 16px;
}



ul.nav-pills {
   padding: 0px 10px; }

   .profilePicture {
     width: 100%;
     margin-right: 20px;
 }

.closeSettings {
   margin-right: auto;
   margin-left: 30px;
   border-radius: 10px;
   border: 2px solid #cbd2e1;
   padding: 2px 5px;
   cursor: pointer;
   color: #acb3cf;
}

.addressHolder {
   width: 99%;
   margin: auto;
   margin-top: 20px;
}

.addressHolder select {
   height: 50px;
   border: 2px solid #4fc3f7;
   border-radius: 10px;
   margin-top: 10px;
   margin-bottom: 10px;
}

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

   .showSearch,.nav-pills{

     zoom:.8
   }

  .showSearch{

     margin-top:-10px;
   }
 }

.pagedesc p {
   text-align: justify;
}

span.filterAddress {
  cursor: pointer;
}