@import url('https://fonts.googleapis.com/css?family=Open+Sans:300i,400,400i,600,600i,700,700i,800,800i|Quicksand:300,400,500,700');

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block
}
/*Edit By; Rushabh Date:09/10/2018 border: none !important;background-color: #3c3c3c !important;color: #fff !important;font-size: 11px !important;*/
.ui-widget.ui-widget-content {
     box-shadow: none !important;
     border: 1px solid #c5c5c5; 
     background-color: #f5f5f5 !important; 
     color:rgba(16, 25, 93, 1) !important; 
     font-size: 15px !important; 
     font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol" !important;
}
body {
    line-height: 1.2
}

blockquote, q {
    quotes: none
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
}
.display-none{
    display : none !important;
}
.disabled-result {
    display: none !important;
}

#basic_info_btn {
    margin-top: 30px;
}

/*Country Flags*/
.iti-mobile .intl-tel-input.iti-container {
    top: 30px;
    bottom: 30px;
    left: 30px;
    right: 30px;
    position: fixed;
}

.iti-mobile .intl-tel-input .country-list {
    max-height: 100%;
    width: 100%;
}

.iti-mobile .intl-tel-input .country-list .country {
    padding: 10px 10px;
    line-height: 1.5em;
}

.intl-tel-input.separate-dial-code .selected-dial-code {
    display: table-cell;
    vertical-align: middle;
    padding-left: 28px;
    font-size: 14px;
}

/*Home page comparision table css*/
.background {
  padding: 0 25px 25px;
  position: relative;
  width: 100%;
}

.background::after {
  content: "";
  background: #60a9ff;
  background: -moz-linear-gradient(top, #60a9ff 0%, #4394f4 100%);
  background: -webkit-linear-gradient(top, #60a9ff 0%, #4394f4 100%);
  background: linear-gradient(to bottom, #60a9ff 0%, #4394f4 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(
      startColorstr="#60a9ff",
      endColorstr="#4394f4",
      GradientType=0
    );
  height: 350px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}

@media (min-width: 900px) {
  .background {
    padding: 0 0 25px;
  }
}

.container {
  margin: 0 auto;
}

.panel {
  background-color: #fff;
  border-radius: 10px;
  padding: 15px 25px;
  position: relative;
  width: 100%;
  z-index: 10;
}

.pricing-table {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.08),
    0px 20px 31px 3px rgba(0, 0, 0, 0.09), 0px 8px 20px 7px rgba(0, 0, 0, 0.02);
  display: flex;
  flex-direction: column;
}

@media (min-width: 900px) {
  .pricing-table {
    flex-direction: row;
  }
}

.pricing-table * {
  text-align: center;
  text-transform: uppercase;
}

.pricing-plan {
  border-bottom: 1px solid #e1f1ff;
  padding: 25px;
}

.pricing-plan:last-child {
  border-bottom: none;
}

@media (min-width: 900px) {
  .pricing-plan {
    border-bottom: none;
    border-right: 1px solid #e1f1ff;
    flex-basis: 100%;
  }

  .pricing-plan:last-child {
    border-right: none;
  }
}

.pricing-img {
  margin-bottom: 25px;
  max-width: 100%;
}

.pricing-header {
  color: #888;
  font-weight: 600;
  letter-spacing: 1px;
}

.pricing-features {
  color: #016ff9;
  font-weight: 600;
  letter-spacing: 1px;
  margin: 50px 0 25px;
}

.pricing-features-item {
  border-top: 1px solid #e1f1ff;
  font-size: 12px;
  line-height: 1.5;
  padding: 15px 0;
}

.pricing-features-item:last-child {
  border-bottom: 1px solid #e1f1ff;
}

.pricing-price {
  color: #016ff9;
  display: block;
  font-size: 32px;
  font-weight: 700;
}

.pricing-button {
  border: 1px solid #9dd1ff;
  border-radius: 10px;
  color: #348efe;
  display: inline-block;
  margin: 25px 0;
  padding: 15px 35px;
  text-decoration: none;
  transition: all 150ms ease-in-out;
}

.pricing-button:hover,
.pricing-button:focus {
  background-color: #e1f1ff;
}

.pricing-button.is-featured {
  background-color: #48aaff;
  color: #fff;
}

.pricing-button.is-featured:hover,
.pricing-button.is-featured:active {
  background-color: #269aff;
}
h2.pricing-header{
    font-size: 100% !important;
}
/*comparision table css end*/

.pf-field .intl-tel-input input[type=tel] {
    float: left;
    width: 100%;
    border: 2px solid #e8ecec;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    padding: 12px 45px 12px 80px;
    background: #ffffff;
    font-family: Open Sans;
    font-size: 13px;
    color: #101010;
    line-height: 24px;
}

.iti-flag {
    width: 20px;
}

.iti-flag.be {
    width: 18px;
}

.iti-flag.ch {
    width: 15px;
}

.iti-flag.mc {
    width: 19px;
}

.iti-flag.ne {
    width: 18px;
}

.iti-flag.np {
    width: 13px;
}

.iti-flag.va {
    width: 15px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .iti-flag {
        background-size: 5630px 15px;
    }
}

.iti-flag.ac {
    height: 10px;
    background-position: 0px 0px;
}

.iti-flag.ad {
    height: 14px;
    background-position: -22px 0px;
}

.iti-flag.ae {
    height: 10px;
    background-position: -44px 0px;
}

.iti-flag.af {
    height: 14px;
    background-position: -66px 0px;
}

.iti-flag.ag {
    height: 14px;
    background-position: -88px 0px;
}

.iti-flag.ai {
    height: 10px;
    background-position: -110px 0px;
}

.iti-flag.al {
    height: 15px;
    background-position: -132px 0px;
}

.iti-flag.am {
    height: 10px;
    background-position: -154px 0px;
}

.iti-flag.ao {
    height: 14px;
    background-position: -176px 0px;
}

.iti-flag.aq {
    height: 14px;
    background-position: -198px 0px;
}

.iti-flag.ar {
    height: 13px;
    background-position: -220px 0px;
}

.iti-flag.as {
    height: 10px;
    background-position: -242px 0px;
}

.iti-flag.at {
    height: 14px;
    background-position: -264px 0px;
}

.iti-flag.au {
    height: 10px;
    background-position: -286px 0px;
}

.iti-flag.aw {
    height: 14px;
    background-position: -308px 0px;
}

.iti-flag.ax {
    height: 13px;
    background-position: -330px 0px;
}

.iti-flag.az {
    height: 10px;
    background-position: -352px 0px;
}

.iti-flag.ba {
    height: 10px;
    background-position: -374px 0px;
}

.iti-flag.bb {
    height: 14px;
    background-position: -396px 0px;
}

.iti-flag.bd {
    height: 12px;
    background-position: -418px 0px;
}

.iti-flag.be {
    height: 15px;
    background-position: -440px 0px;
}

.iti-flag.bf {
    height: 14px;
    background-position: -460px 0px;
}

.iti-flag.bg {
    height: 12px;
    background-position: -482px 0px;
}

.iti-flag.bh {
    height: 12px;
    background-position: -504px 0px;
}

.iti-flag.bi {
    height: 12px;
    background-position: -526px 0px;
}

.iti-flag.bj {
    height: 14px;
    background-position: -548px 0px;
}

.iti-flag.bl {
    height: 14px;
    background-position: -570px 0px;
}

.iti-flag.bm {
    height: 10px;
    background-position: -592px 0px;
}

.iti-flag.bn {
    height: 10px;
    background-position: -614px 0px;
}

.iti-flag.bo {
    height: 14px;
    background-position: -636px 0px;
}

.iti-flag.bq {
    height: 14px;
    background-position: -658px 0px;
}

.iti-flag.br {
    height: 14px;
    background-position: -680px 0px;
}

.iti-flag.bs {
    height: 10px;
    background-position: -702px 0px;
}

.iti-flag.bt {
    height: 14px;
    background-position: -724px 0px;
}

.iti-flag.bv {
    height: 15px;
    background-position: -746px 0px;
}

.iti-flag.bw {
    height: 14px;
    background-position: -768px 0px;
}

.iti-flag.by {
    height: 10px;
    background-position: -790px 0px;
}

.iti-flag.bz {
    height: 14px;
    background-position: -812px 0px;
}

.iti-flag.ca {
    height: 10px;
    background-position: -834px 0px;
}

.iti-flag.cc {
    height: 10px;
    background-position: -856px 0px;
}

.iti-flag.cd {
    height: 15px;
    background-position: -878px 0px;
}

.iti-flag.cf {
    height: 14px;
    background-position: -900px 0px;
}

.iti-flag.cg {
    height: 14px;
    background-position: -922px 0px;
}

.iti-flag.ch {
    height: 15px;
    background-position: -944px 0px;
}

.iti-flag.ci {
    height: 14px;
    background-position: -961px 0px;
}

.iti-flag.ck {
    height: 10px;
    background-position: -983px 0px;
}

.iti-flag.cl {
    height: 14px;
    background-position: -1005px 0px;
}

.iti-flag.cm {
    height: 14px;
    background-position: -1027px 0px;
}

.iti-flag.cn {
    height: 14px;
    background-position: -1049px 0px;
}

.iti-flag.co {
    height: 14px;
    background-position: -1071px 0px;
}

.iti-flag.cp {
    height: 14px;
    background-position: -1093px 0px;
}

.iti-flag.cr {
    height: 12px;
    background-position: -1115px 0px;
}

.iti-flag.cu {
    height: 10px;
    background-position: -1137px 0px;
}

.iti-flag.cv {
    height: 12px;
    background-position: -1159px 0px;
}

.iti-flag.cw {
    height: 14px;
    background-position: -1181px 0px;
}

.iti-flag.cx {
    height: 10px;
    background-position: -1203px 0px;
}

.iti-flag.cy {
    height: 13px;
    background-position: -1225px 0px;
}

.iti-flag.cz {
    height: 14px;
    background-position: -1247px 0px;
}

.iti-flag.de {
    height: 12px;
    background-position: -1269px 0px;
}

.iti-flag.dg {
    height: 10px;
    background-position: -1291px 0px;
}

.iti-flag.dj {
    height: 14px;
    background-position: -1313px 0px;
}

.iti-flag.dk {
    height: 15px;
    background-position: -1335px 0px;
}

.iti-flag.dm {
    height: 10px;
    background-position: -1357px 0px;
}

.iti-flag.do {
    height: 13px;
    background-position: -1379px 0px;
}

.iti-flag.dz {
    height: 14px;
    background-position: -1401px 0px;
}

.iti-flag.ea {
    height: 14px;
    background-position: -1423px 0px;
}

.iti-flag.ec {
    height: 14px;
    background-position: -1445px 0px;
}

.iti-flag.ee {
    height: 13px;
    background-position: -1467px 0px;
}

.iti-flag.eg {
    height: 14px;
    background-position: -1489px 0px;
}

.iti-flag.eh {
    height: 10px;
    background-position: -1511px 0px;
}

.iti-flag.er {
    height: 10px;
    background-position: -1533px 0px;
}

.iti-flag.es {
    height: 14px;
    background-position: -1555px 0px;
}

.iti-flag.et {
    height: 10px;
    background-position: -1577px 0px;
}

.iti-flag.eu {
    height: 14px;
    background-position: -1599px 0px;
}

.iti-flag.fi {
    height: 12px;
    background-position: -1621px 0px;
}

.iti-flag.fj {
    height: 10px;
    background-position: -1643px 0px;
}

.iti-flag.fk {
    height: 10px;
    background-position: -1665px 0px;
}

.iti-flag.fm {
    height: 11px;
    background-position: -1687px 0px;
}

.iti-flag.fo {
    height: 15px;
    background-position: -1709px 0px;
}

.iti-flag.fr {
    height: 14px;
    background-position: -1731px 0px;
}

.iti-flag.ga {
    height: 15px;
    background-position: -1753px 0px;
}

.iti-flag.gb {
    height: 10px;
    background-position: -1775px 0px;
}

.iti-flag.gd {
    height: 12px;
    background-position: -1797px 0px;
}

.iti-flag.ge {
    height: 14px;
    background-position: -1819px 0px;
}

.iti-flag.gf {
    height: 14px;
    background-position: -1841px 0px;
}

.iti-flag.gg {
    height: 14px;
    background-position: -1863px 0px;
}

.iti-flag.gh {
    height: 14px;
    background-position: -1885px 0px;
}

.iti-flag.gi {
    height: 10px;
    background-position: -1907px 0px;
}

.iti-flag.gl {
    height: 14px;
    background-position: -1929px 0px;
}

.iti-flag.gm {
    height: 14px;
    background-position: -1951px 0px;
}

.iti-flag.gn {
    height: 14px;
    background-position: -1973px 0px;
}

.iti-flag.gp {
    height: 14px;
    background-position: -1995px 0px;
}

.iti-flag.gq {
    height: 14px;
    background-position: -2017px 0px;
}

.iti-flag.gr {
    height: 14px;
    background-position: -2039px 0px;
}

.iti-flag.gs {
    height: 10px;
    background-position: -2061px 0px;
}

.iti-flag.gt {
    height: 13px;
    background-position: -2083px 0px;
}

.iti-flag.gu {
    height: 11px;
    background-position: -2105px 0px;
}

.iti-flag.gw {
    height: 10px;
    background-position: -2127px 0px;
}

.iti-flag.gy {
    height: 12px;
    background-position: -2149px 0px;
}

.iti-flag.hk {
    height: 14px;
    background-position: -2171px 0px;
}

.iti-flag.hm {
    height: 10px;
    background-position: -2193px 0px;
}

.iti-flag.hn {
    height: 10px;
    background-position: -2215px 0px;
}

.iti-flag.hr {
    height: 10px;
    background-position: -2237px 0px;
}

.iti-flag.ht {
    height: 12px;
    background-position: -2259px 0px;
}

.iti-flag.hu {
    height: 10px;
    background-position: -2281px 0px;
}

.iti-flag.ic {
    height: 14px;
    background-position: -2303px 0px;
}

.iti-flag.id {
    height: 14px;
    background-position: -2325px 0px;
}

.iti-flag.ie {
    height: 10px;
    background-position: -2347px 0px;
}

.iti-flag.il {
    height: 15px;
    background-position: -2369px 0px;
}

.iti-flag.im {
    height: 10px;
    background-position: -2391px 0px;
}

.iti-flag.in {
    height: 14px;
    background-position: -2413px 0px;
}

.iti-flag.io {
    height: 10px;
    background-position: -2435px 0px;
}

.iti-flag.iq {
    height: 14px;
    background-position: -2457px 0px;
}

.iti-flag.ir {
    height: 12px;
    background-position: -2479px 0px;
}

.iti-flag.is {
    height: 15px;
    background-position: -2501px 0px;
}

.iti-flag.it {
    height: 14px;
    background-position: -2523px 0px;
}

.iti-flag.je {
    height: 12px;
    background-position: -2545px 0px;
}

.iti-flag.jm {
    height: 10px;
    background-position: -2567px 0px;
}

.iti-flag.jo {
    height: 10px;
    background-position: -2589px 0px;
}

.iti-flag.jp {
    height: 14px;
    background-position: -2611px 0px;
}

.iti-flag.ke {
    height: 14px;
    background-position: -2633px 0px;
}

.iti-flag.kg {
    height: 12px;
    background-position: -2655px 0px;
}

.iti-flag.kh {
    height: 13px;
    background-position: -2677px 0px;
}

.iti-flag.ki {
    height: 10px;
    background-position: -2699px 0px;
}

.iti-flag.km {
    height: 12px;
    background-position: -2721px 0px;
}

.iti-flag.kn {
    height: 14px;
    background-position: -2743px 0px;
}

.iti-flag.kp {
    height: 10px;
    background-position: -2765px 0px;
}

.iti-flag.kr {
    height: 14px;
    background-position: -2787px 0px;
}

.iti-flag.kw {
    height: 10px;
    background-position: -2809px 0px;
}

.iti-flag.ky {
    height: 10px;
    background-position: -2831px 0px;
}

.iti-flag.kz {
    height: 10px;
    background-position: -2853px 0px;
}

.iti-flag.la {
    height: 14px;
    background-position: -2875px 0px;
}

.iti-flag.lb {
    height: 14px;
    background-position: -2897px 0px;
}

.iti-flag.lc {
    height: 10px;
    background-position: -2919px 0px;
}

.iti-flag.li {
    height: 12px;
    background-position: -2941px 0px;
}

.iti-flag.lk {
    height: 10px;
    background-position: -2963px 0px;
}

.iti-flag.lr {
    height: 11px;
    background-position: -2985px 0px;
}

.iti-flag.ls {
    height: 14px;
    background-position: -3007px 0px;
}

.iti-flag.lt {
    height: 12px;
    background-position: -3029px 0px;
}

.iti-flag.lu {
    height: 12px;
    background-position: -3051px 0px;
}

.iti-flag.lv {
    height: 10px;
    background-position: -3073px 0px;
}

.iti-flag.ly {
    height: 10px;
    background-position: -3095px 0px;
}

.iti-flag.ma {
    height: 14px;
    background-position: -3117px 0px;
}

.iti-flag.mc {
    height: 15px;
    background-position: -3139px 0px;
}

.iti-flag.md {
    height: 10px;
    background-position: -3160px 0px;
}

.iti-flag.me {
    height: 10px;
    background-position: -3182px 0px;
}

.iti-flag.mf {
    height: 14px;
    background-position: -3204px 0px;
}

.iti-flag.mg {
    height: 14px;
    background-position: -3226px 0px;
}

.iti-flag.mh {
    height: 11px;
    background-position: -3248px 0px;
}

.iti-flag.mk {
    height: 10px;
    background-position: -3270px 0px;
}

.iti-flag.ml {
    height: 14px;
    background-position: -3292px 0px;
}

.iti-flag.mm {
    height: 14px;
    background-position: -3314px 0px;
}

.iti-flag.mn {
    height: 10px;
    background-position: -3336px 0px;
}

.iti-flag.mo {
    height: 14px;
    background-position: -3358px 0px;
}

.iti-flag.mp {
    height: 10px;
    background-position: -3380px 0px;
}

.iti-flag.mq {
    height: 14px;
    background-position: -3402px 0px;
}

.iti-flag.mr {
    height: 14px;
    background-position: -3424px 0px;
}

.iti-flag.ms {
    height: 10px;
    background-position: -3446px 0px;
}

.iti-flag.mt {
    height: 14px;
    background-position: -3468px 0px;
}

.iti-flag.mu {
    height: 14px;
    background-position: -3490px 0px;
}

.iti-flag.mv {
    height: 14px;
    background-position: -3512px 0px;
}

.iti-flag.mw {
    height: 14px;
    background-position: -3534px 0px;
}

.iti-flag.mx {
    height: 12px;
    background-position: -3556px 0px;
}

.iti-flag.my {
    height: 10px;
    background-position: -3578px 0px;
}

.iti-flag.mz {
    height: 14px;
    background-position: -3600px 0px;
}

.iti-flag.na {
    height: 14px;
    background-position: -3622px 0px;
}

.iti-flag.nc {
    height: 10px;
    background-position: -3644px 0px;
}

.iti-flag.ne {
    height: 15px;
    background-position: -3666px 0px;
}

.iti-flag.nf {
    height: 10px;
    background-position: -3686px 0px;
}

.iti-flag.ng {
    height: 10px;
    background-position: -3708px 0px;
}

.iti-flag.ni {
    height: 12px;
    background-position: -3730px 0px;
}

.iti-flag.nl {
    height: 14px;
    background-position: -3752px 0px;
}

.iti-flag.no {
    height: 15px;
    background-position: -3774px 0px;
}

.iti-flag.np {
    height: 15px;
    background-position: -3796px 0px;
}

.iti-flag.nr {
    height: 10px;
    background-position: -3811px 0px;
}

.iti-flag.nu {
    height: 10px;
    background-position: -3833px 0px;
}

.iti-flag.nz {
    height: 10px;
    background-position: -3855px 0px;
}

.iti-flag.om {
    height: 10px;
    background-position: -3877px 0px;
}

.iti-flag.pa {
    height: 14px;
    background-position: -3899px 0px;
}

.iti-flag.pe {
    height: 14px;
    background-position: -3921px 0px;
}

.iti-flag.pf {
    height: 14px;
    background-position: -3943px 0px;
}

.iti-flag.pg {
    height: 15px;
    background-position: -3965px 0px;
}

.iti-flag.ph {
    height: 10px;
    background-position: -3987px 0px;
}

.iti-flag.pk {
    height: 14px;
    background-position: -4009px 0px;
}

.iti-flag.pl {
    height: 13px;
    background-position: -4031px 0px;
}

.iti-flag.pm {
    height: 14px;
    background-position: -4053px 0px;
}

.iti-flag.pn {
    height: 10px;
    background-position: -4075px 0px;
}

.iti-flag.pr {
    height: 14px;
    background-position: -4097px 0px;
}

.iti-flag.ps {
    height: 10px;
    background-position: -4119px 0px;
}

.iti-flag.pt {
    height: 14px;
    background-position: -4141px 0px;
}

.iti-flag.pw {
    height: 13px;
    background-position: -4163px 0px;
}

.iti-flag.py {
    height: 11px;
    background-position: -4185px 0px;
}

.iti-flag.qa {
    height: 8px;
    background-position: -4207px 0px;
}

.iti-flag.re {
    height: 14px;
    background-position: -4229px 0px;
}

.iti-flag.ro {
    height: 14px;
    background-position: -4251px 0px;
}

.iti-flag.rs {
    height: 14px;
    background-position: -4273px 0px;
}

.iti-flag.ru {
    height: 14px;
    background-position: -4295px 0px;
}

.iti-flag.rw {
    height: 14px;
    background-position: -4317px 0px;
}

.iti-flag.sa {
    height: 14px;
    background-position: -4339px 0px;
}

.iti-flag.sb {
    height: 10px;
    background-position: -4361px 0px;
}

.iti-flag.sc {
    height: 10px;
    background-position: -4383px 0px;
}

.iti-flag.sd {
    height: 10px;
    background-position: -4405px 0px;
}

.iti-flag.se {
    height: 13px;
    background-position: -4427px 0px;
}

.iti-flag.sg {
    height: 14px;
    background-position: -4449px 0px;
}

.iti-flag.sh {
    height: 10px;
    background-position: -4471px 0px;
}

.iti-flag.si {
    height: 10px;
    background-position: -4493px 0px;
}

.iti-flag.sj {
    height: 15px;
    background-position: -4515px 0px;
}

.iti-flag.sk {
    height: 14px;
    background-position: -4537px 0px;
}

.iti-flag.sl {
    height: 14px;
    background-position: -4559px 0px;
}

.iti-flag.sm {
    height: 15px;
    background-position: -4581px 0px;
}

.iti-flag.sn {
    height: 14px;
    background-position: -4603px 0px;
}

.iti-flag.so {
    height: 14px;
    background-position: -4625px 0px;
}

.iti-flag.sr {
    height: 14px;
    background-position: -4647px 0px;
}

.iti-flag.ss {
    height: 10px;
    background-position: -4669px 0px;
}

.iti-flag.st {
    height: 10px;
    background-position: -4691px 0px;
}

.iti-flag.sv {
    height: 12px;
    background-position: -4713px 0px;
}

.iti-flag.sx {
    height: 14px;
    background-position: -4735px 0px;
}

.iti-flag.sy {
    height: 14px;
    background-position: -4757px 0px;
}

.iti-flag.sz {
    height: 14px;
    background-position: -4779px 0px;
}

.iti-flag.ta {
    height: 10px;
    background-position: -4801px 0px;
}

.iti-flag.tc {
    height: 10px;
    background-position: -4823px 0px;
}

.iti-flag.td {
    height: 14px;
    background-position: -4845px 0px;
}

.iti-flag.tf {
    height: 14px;
    background-position: -4867px 0px;
}

.iti-flag.tg {
    height: 13px;
    background-position: -4889px 0px;
}

.iti-flag.th {
    height: 14px;
    background-position: -4911px 0px;
}

.iti-flag.tj {
    height: 10px;
    background-position: -4933px 0px;
}

.iti-flag.tk {
    height: 10px;
    background-position: -4955px 0px;
}

.iti-flag.tl {
    height: 10px;
    background-position: -4977px 0px;
}

.iti-flag.tm {
    height: 14px;
    background-position: -4999px 0px;
}

.iti-flag.tn {
    height: 14px;
    background-position: -5021px 0px;
}

.iti-flag.to {
    height: 10px;
    background-position: -5043px 0px;
}

.iti-flag.tr {
    height: 14px;
    background-position: -5065px 0px;
}

.iti-flag.tt {
    height: 12px;
    background-position: -5087px 0px;
}

.iti-flag.tv {
    height: 10px;
    background-position: -5109px 0px;
}

.iti-flag.tw {
    height: 14px;
    background-position: -5131px 0px;
}

.iti-flag.tz {
    height: 14px;
    background-position: -5153px 0px;
}

.iti-flag.ua {
    height: 14px;
    background-position: -5175px 0px;
}

.iti-flag.ug {
    height: 14px;
    background-position: -5197px 0px;
}

.iti-flag.um {
    height: 11px;
    background-position: -5219px 0px;
}

.iti-flag.us {
    height: 11px;
    background-position: -5241px 0px;
}

.iti-flag.uy {
    height: 14px;
    background-position: -5263px 0px;
}

.iti-flag.uz {
    height: 10px;
    background-position: -5285px 0px;
}

.iti-flag.va {
    height: 15px;
    background-position: -5307px 0px;
}

.iti-flag.vc {
    height: 14px;
    background-position: -5324px 0px;
}

.iti-flag.ve {
    height: 14px;
    background-position: -5346px 0px;
}

.iti-flag.vg {
    height: 10px;
    background-position: -5368px 0px;
}

.iti-flag.vi {
    height: 14px;
    background-position: -5390px 0px;
}

.iti-flag.vn {
    height: 14px;
    background-position: -5412px 0px;
}

.iti-flag.vu {
    height: 12px;
    background-position: -5434px 0px;
}

.iti-flag.wf {
    height: 14px;
    background-position: -5456px 0px;
}

.iti-flag.ws {
    height: 10px;
    background-position: -5478px 0px;
}

.iti-flag.xk {
    height: 15px;
    background-position: -5500px 0px;
}

.iti-flag.ye {
    height: 14px;
    background-position: -5522px 0px;
}

.iti-flag.yt {
    height: 14px;
    background-position: -5544px 0px;
}

.iti-flag.za {
    height: 14px;
    background-position: -5566px 0px;
}

.iti-flag.zm {
    height: 14px;
    background-position: -5588px 0px;
}

.iti-flag.zw {
    height: 10px;
    background-position: -5610px 0px;
}

.iti-flag {
    background-image: url("/assets/imagesnew/flags.png");
    background-repeat: no-repeat;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .iti-flag {
        background-image: url("/assets/imagesnew//flags@2x.png");
    }
}

.iti-flag.np {
    background-color: transparent;
}

.hide {
    display: none;
}

/*Country Flags End Here*/
.table > caption + thead > tr:first-child > td, .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > td, .table > thead:first-child > tr:first-child > th {
    border-top: 0;
    font-size: 15px;
    font-weight: bold;
    color: #000;
    padding-bottom: 14px;
}

.table-responsive .table thead {
    border-bottom: 1px solid #e8ecec;
}

.table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 1px solid #ddd;
}

div#candidate_about_details label:before {
    border: none;
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    padding: 8px;
    text-align: left;
    font-size: 13px;
    line-height: 1.42857143;
    vertical-align: middle;
    border-top: 1px solid #ddd;
    padding: 17px 10px;
}

html {
    overflow-x: hidden
}

body {
    color: #555555;
    letter-spacing: 0;
    font-family: 'Open Sans', sans-serif;;
    overflow-x: hidden;
    position: relative;

}

section.width-method-section {
    padding-left: 23px;
}


/*edited by:ru date:16/03/2019*/
.p-category > a span.total-amount {
    float: left;
    width: 100%;
    font-family: Open Sans;
    font-size: 28px;
    color: #405a67;
    margin-top: 18px;
    font-weight: 600;
}
/*end*/
.debit-amount {
    color: #ec2121;
}

.divider {
    display: block;
    margin: 10px;
    padding: 13px;
}

.alert {
    position: unset;
    margin-top: 20px;
    padding: 11px 13px 11px 12px;
    margin-bottom: 0px;
    font-size: 13px;
    width: 100%;
    display: inline-block;
}

.alert-dismissible .close {
    position: unset !important;
    padding: 0px 0px 0px 15px !important;
    margin-top: -5px;
}

span.no-data-found-on-page {
    padding: 46px;
    font-size: 17px;
    font-weight: 600;
}

#edit-cat-form .col-lg-12 button {
    border: 2px solid #929292;
    color: #333;
    webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

#edit-cat-form .col-lg-12 button:hover {
    background-color: #929292;
    color: #fff;
}

#edit-cat-form .col-lg-12 {
    padding-bottom: 29px;
}

.deactivate-account {
    background: #ffffff;
    border: 2px solid #929292;
    color: #202020;
    font-family: Open Sans;
    font-size: 15px;
    padding: 11px 40px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    margin-top: 30px;
}
/*Change BY TC_RU on 19-03-2019 */ 
.deactivate-account:hover {
    border: 2px solid #f00;
    background: #f00;
    color: #fff;
}
/*end*/
.job-listing.wtabs .job-title-sec > span p {
    font-size: 12px;
    line-height: 1.7;

}

.credit-amount {
    color: #18e002;
}

button, a, input[type="submit"], input[type="button"] {
    cursor: pointer;
}

w {
    outline: none !important
}

h1, h2, h3, h4, h5, h6 {
    margin-bottom: 20px;
    font-family: 'Quicksand', serif;
}

h1 {
    font-size: 36px
}

h2 {
    font-size: 32px
}

h3 {
    font-size: 28px
}

h4 {
    font-size: 24px
}

h5 {
    font-size: 20px
}

h6 {
    font-size: 16px
}

p {
    color: #000;
    font-size: 16px;
    margin-bottom: 30px;
    line-height: 29px;
}

a, a:hover, a:focus {
    color: inherit;
}

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

input:hover, input:focus {
    outline: none
}

html.no-scoll {
    overflow: hidden;
}

header {
    z-index: 3;
    position: relative;
}

#uploadphoto {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

/* Theme Layout */
.theme-layout {
    float: left;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.theme-layout.boxed {
    background: none repeat scroll 0 0 #FFFFFF;
    float: none;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    z-index: 1;
    width: 1300px;

    -webkit-box-shadow: 0 0 6px #747474;
    -moz-box-shadow: 0 0 6px #747474;
    -ms-box-shadow: 0 0 6px #747474;
    -o-box-shadow: 0 0 6px #747474;
    box-shadow: 0 0 6px #747474;
}

.block {
    float: left;
    padding: 30px 0;
    position: relative;
    width: 100%;
    /*z-index: 1; --edited at 26-09-18*/
    z-index: unset;
}

.candidate-formated-text .candidate-details-all {
    word-break: break-all;
}

.candidate-details-all h2, .candidate-details-all h1, .candidate-details-all h3,
.candidate-details-all h4, .candidate-details-all h5, .candidate-details-all h6 {
    margin-bottom: 2px !important;
}

.candidate-formated-text p em, .candidate-formated-text ul li em {
    word-break: break-all;
    font-style: italic;
}

.candidate-formated-text ul {
    word-break: break-all;
    list-style-type: disc;
    margin-bottom: 9px;
    padding-left: 3%;
}

.candidate-formated-text ul li {
    margin-bottom: 3px;
    font-size: 14px;
    line-height: 1.8;
}

.candidate-details-all ol li {
    line-height: 1.8;
    margin-bottom: 0px;
}

.candidate-details-all p {
    word-break: break-all;
    margin-bottom: 6px;
    font-size: 14px;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
}

.candidate-details-all ol {
    font-size: 14px;
    padding-left: 4%;
}

section {
    float: left;
    position: relative;
    width: 100%;
}

.double-gap-top {
    padding-top: 120px;
}

.double-gap-bottom {
    padding-bottom: 120px;
}

.less-top {
    padding-top: 30px;
}

.less-bottom {
    padding-bottom: 30px;
}

.row.no-gape {
    margin: 0;
}

.row.no-gape > div {
    padding: 0;
}

.container.fluid {
    max-width: 100%;
    width: 100%;
}

.block .container {
    padding: 0
}

.container {
    padding: 0
}

.block.remove-top {
    padding-top: 0
}

.block.no-padding {
    padding-top: 0;
    padding-bottom: 0;
}

.block.dark {
    background: #111111
}

.gray {
    background: #f4f5fa
}

.block.remove-bottom {
    padding-bottom: 0
}

.parallax, .fixed-bg {
    background-size: cover !important;
    height: 100%;
    width: 100%;
    margin: 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}

.layer.color::before {
    opacity: 0.8;
}

.fixed-bg {
    background-attachment: fixed !important;
    background-size: cover !important;
}
/*Change BY TC_RU on 19-03-2019 */ 
a.send-proposal-btn:hover {
    padding: 8px 15px;
    border-radius: 8px;
    text-align: center;
    background: #2375bb;
    color: #ffffff;
    border: 2px solid #2375bb;
}
/*end*/
a.send-proposal-btn {
    padding: 8px 15px;
    border-radius: 8px;
    text-align: center;
    background: #ffffff;
    border: 2px solid #929292;
    font-size: 14px;
    margin-top: 12px;
    float: right;
}

.remove-pad-left {
    padding-left: 0px;
}

.theme-layout.boxed-padding {
    padding-left: 292px;
}

.parallax.no-parallax {
    background-attachment: scroll !important;
    background-position: inherit !important;
}

.layer.color.red::before {
    background: #24324a;
}

.layer:before {
    content: "";
    height: 100%;
    opacity: 0.95;
    z-index: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}

.additional-info .add_info {
    font-size: 16px;
    color: #202020;
    margin-bottom: 15px;
    margin-top: 10px;
    font-weight: 600;
}

.additional-info .add-info-bg.post-descript.bg-white.no-border {
    margin-bottom: 3px;
    font-size: 14px;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
}

.additional-info small.empty-div {
    font-size: 11px;
    font-weight: 600;
}

.whitish:before {
    background-color: #ffffff;
    opacity: 0.90;
}

.blackish:before {
    background-color: #000000;
    opacity: 0.7;
}

ul {
    list-style: outside none none;
    margin: 0 0 30px;
    padding: 0;
}

ul li {
    color: #1e1e1e;
    margin-bottom: 15px;
    position: relative;
}

iframe {
    width: 100%;
    border: 0;
}

i {
    font-style: italic
}

{ /*! float:left; *//*! height:auto */
}
:-webkit-input-placeholder {
    opacity: 1
}

:-moz-placeholder {
    opacity: 1
}

:-ms-input-placeholder {
    opacity: 1
}

input[type="text"],
input[type="password"],
input[type="email"], textarea {
    background: #e4e4e4 none repeat scroll 0 0;
    border: medium none;
    float: left;
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 6px;/*MB:20px Edited By:rushabh date:06/10/2018*/
    padding: 19px 28px;
    width: 100%;
}

textarea {
    max-width: 100%;
    min-height: 200px;
    padding: 19px 28px;
}

strong {
    font-weight: 800
}

button {
    background: #ffffff;
    font-family: Open Sans;
    font-size: 15px;
    padding: 11px 40px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    margin-top: 10px;
    border: 2px solid #000;
    color: #000;
}

/* Icons */
/* Arrows */
.slick-dotted .slick-dots {
    float: left;
    margin: 20px 0 0;
    text-align: center;
    width: 100%;
}

.slick-dots li {
    width: 14px;
    height: 14px;
    background: none;
    border: 2px solid #ffffff;

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

    margin: 0 7px;
    margin-top: 0px;
    margin-top: 20px;
    float: none;
    display: inline-block;
}

.slick-dots li button {
    width: 6px;
    height: 6px;
    background: #ffffff;

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

    margin-top: 2px;
    margin-right: 2px;
    opacity: 0;
    padding: 0;
    color: transparent;
}

.slick-dots li.slick-active button {
    opacity: 1;
    background: #ffffff;
}

.slick-prev, .slick-next {
    background: none;
    border: none;
    color: transparent;
    cursor: pointer;
    display: block;
    font-size: 0;
    height: 40px;
    line-height: 0;
    margin-top: 0;
    outline: medium none;
    padding: 0;
    position: absolute;
    top: 44%;
    width: 100px;
    margin: 0 40px;
    z-index: 11;
    text-align: center;
}

.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {
    opacity: 1;
}

.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
    opacity: .25;
}

.slick-prev::before, .slick-next::before {
    color: #ffffff;
    font-family: "lineawesome";
    font-size: 30px;
    left: 0;
    line-height: 1;
    opacity: 0.75;
    position: absolute;
    top: 9px;
    width: 100%;
}

.slick-prev {
    left: -25px;
}

[dir='rtl'] .slick-prev {
    right: -25px;
    left: auto;
}

.slick-prev::before {
    content: "\f120";
}

[dir='rtl'] .slick-prev:before {
    content: '\f120’';
}

.slick-next {
    right: -25px;
}

[dir='rtl'] .slick-next {
    right: auto;
    left: -25px;
}

.slick-next:before {
    content: '\f121';
}

[dir='rtl'] .slick-next:before {
    content: '\f121';
}

.slick-slider {
    position: relative;
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}

.slick-track:before, .slick-track:after {
    display: table;
    content: '';
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

.slideHome {
    height: 700px !important;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

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

/* Page Loading */
.page-loading {
    background-color: #ffffff;
    content: "";
    height: 100%;
    left: 0;
    position: fixed;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 2147483647;
}

.page-loading > img {
    left: 50%;
    position: absolute;
    top: 50%;

    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.page-loading > span {
    color: #b3b3b3;
    cursor: pointer;
    display: inline-block;
    font-size: 17px;
    letter-spacing: 0;
    margin-top: 30px;
    text-decoration: underline;
}

/* Basic styles */
input[type="checkbox"],
input[type="radio"] {
    position: absolute;
    opacity: 0;
    z-index: -1;
    margin: 0;
}

label {
    position: relative;
    display: inline-block;
    padding: 0 0 0 2em;
    height: 1.5em;
    line-height: 1.5;
    cursor: pointer;
}

label::before,
label::after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 20px !important;
    height: 20px !important;
}

label::before {
    content: " ";
    border: 2px solid #e6e7ef;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

}

/* Checkbox */
input[type="checkbox"] + label::after {
    content: "\2714";
    color: #2c3e50;
    line-height: 1.5;
    text-align: center;
}

/* Radio */
input[type="radio"] + label::before {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

}

input[type=radio] + label::after {
    content: " ";
    top: 7px;
    left: 7px;
    width: 6px !important;
    height: 6px !important;
    background: #fff;
    border: 3px solid #929292;

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

}

/* :checked */
input[type="checkbox"]:checked + label::before,
input[type="radio"]:checked + label::before {
    background: #ffffff;
    border-color: #e6e7ef;
}

input[type="checkbox"] + label::after,
input[type=radio] + label::after {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}

input[type="checkbox"]:checked + label::after,
input[type=radio]:checked + label::after {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    font-size: 13px;
}

/* Transition */
label::before,
label::after {
    -webkit-transition: .25s all ease;
    -moz-transition: .25s all ease;
    -ms-transition: .25s all ease;
    -o-transition: .25s all ease;
    transition: .25s all ease;
}

/* Main Slider Sec */
.main-slider-sec {
    float: left;
    width: 100%;
    position: relative;
    z-index: 0;
    margin: 0;
    height: 350px;
}

.main-slider-sec img {
    float: left;
    width: 100%;
    opacity: 0.8;
}

.main-slider-sec::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    z-index: 1;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0267ad', endColorstr='#10195d', GradientType=1);
    opacity: 0.8;
}

.main-slider-sec li {
    margin: 0;
}

.main-slider-sec::after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background-image: url('../images/lines.png');
    z-index: 3;
    opacity: 0.1;
}

/* Header */
.stick-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 12;
    background: linear-gradient(45deg, rgba(139, 145, 221, 1) 0%, rgba(16, 25, 93, 1) 71%, rgba(16, 25, 93, 1) 100%);
    background: #fff;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0267ad', endColorstr='#10195d', GradientType=1);
}

.menu-sec {
    float: left;
    width: 100%;
    margin: 0;
    margin-top: 9px;
    margin-bottom: 0px;

}

.logo {
    float: left;
    margin: 3px 0;
    position: relative;
}

.logo a {
    float: left;
}

.btn-extars {
    float: right;
}

.post-job-btn {
    float: left;
    font-family: Open Sans;
    font-size: 14px;
    color: #ffffff;
    padding: 13px 17px;

    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    -ms-border-radius: 23px;
    -o-border-radius: 23px;
    border-radius: 23px;

    letter-spacing: 0.3px;
}

.post-job-btn i {
    float: left;
    margin-right: 6px;
    font-size: 15px;
}
a.get-help-taskenator {
    float: left;
}
.account-btns {
    float: left;/*right*/
    margin: 0;
    margin-left: 10px;
    margin-left: 20px;
    padding: 8px 0;
}

.account-btns > li {
    float: left;
    margin: 0;
    margin-left: 0px;
    margin-left: 20px;
}

.account-btns > li a {
    font-family: Open Sans;
    font-size: 14px;
    /*color: #fff !important;*/
    color: #000000 !important;
    float: left;
    line-height: 22px;
    padding: 5px 5px;
}

.account-btns > li a i {
    font-size: 18px;
    float: left;
    line-height: 25px;
    margin-right: 6px;
}

.account-btns > li:first-child {
    margin: 0;
}

.menu-sec nav {
    float: right;
    margin-right: 15px;
}

.menu-sec nav > ul {
    float: left;
    margin: 0;
}

.menu-sec nav > ul > li {
    float: left;
    position: relative;
    margin: 0;
}

.menu-sec nav > ul > li > a {
    float: left;
    font-family: Open Sans;
    font-size: 15px;
    /*color: #fff;*/
    color: #000000;
    position: relative;
    padding: 14px;
}

.menu-sec nav > ul > li.menu-item-has-children > a::before {
    position: absolute;
    right: 0px;
    width: 10px;
    height: 10px;
    content: "\f110";
    font-family: lineawesome;
    font-size: 9px;
    top: 50%;
    margin-top: -4px;
}

.menu-sec nav > ul > li > ul {
    opacity: 0;
    visibility: hidden;
    margin: 0;
    position: absolute;
    top: 100%;
    width: 240px;
    padding-top: 0;

    -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);

    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;

}

.menu-sec nav > ul > li:hover > ul {
    opacity: 1;
    visibility: visible;
}

.menu-sec nav > ul > li > ul li {
    float: left;
    width: 100%;
    background: #ffffff;
    margin: 0;
    position: relative;
}

.menu-sec nav > ul > li > ul li a {
    float: left;
    width: 100%;
    font-family: Open Sans;
    font-size: 13px;
    color: #202020;
    padding: 9px 25px;
}

.menu-sec nav > ul > li > ul li:first-child > a {
    margin-top: 14px;
}

.menu-sec nav > ul > li > ul li:last-child > a {
    margin-bottom: 14px;
}

.menu-sec nav > ul > li > ul li:first-child {

    -webkit-border-radius: 6px 6px 0px 0px;
    -moz-border-radius: 6px 6px 0px 0px;
    -ms-border-radius: 6px 6px 0px 0px;
    -o-border-radius: 6px 6px 0px 0px;
    border-radius: 6px 6px 0px 0px;

}

.menu-sec nav > ul > li > ul li:last-child {

    -webkit-border-radius: 0px 0px 6px 6px;
    -moz-border-radius: 0px 0px 6px 6px;
    -ms-border-radius: 0px 0px 6px 6px;
    -o-border-radius: 0px 0px 6px 6px;
    border-radius: 0px 0px 6px 6px;

}

.menu-sec nav > ul > li > ul::before {
    position: absolute;
    left: 40px;
    top: -4px;
    width: 20px;
    height: 20px;
    background: #ffffff;
    content: "";
    background: #ffffff;

    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

}

.menu-sec nav > ul > li > ul li:hover > a {
    padding-left: 35px;
}

/* Account Popup Area */
.account-popup-area {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(20, 31, 114, 0.6);
    opacity: 1;
    z-index: 99;
    overflow-Y: scroll;
    display: none;
}

.account-popup {
    position: relative;
    float: left;
    width: 460px;
    background: #ffffff;
    z-index: 1;

    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;

    left: 50%;
    margin-left: -230px;
    margin-top: 140px;
    margin-bottom: 60px;
    text-align: center;
    padding: 40px 60px;
}

.account-popup > h3 {
    float: left;
    display: contents;
    width: 100%;
    font-family: Quicksand;
    color: #222222;
    font-weight: bold;
    margin: 0;
    margin-bottom: 0px;
    margin-bottom: 12px;
    line-height: 10px;
}

.account-popup > span {
    float: left;
    width: 100%;
    font-size: 14px;
    font-family: Open Sans;
    font-size: 14px;
    color: #888888;
    margin-top: 20px;
}

.select-user {
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 10px;
    display: none !important;
}

.select-user > span {
    float: none;
    display: inline-block;
    font-family: Open Sans;
    font-size: 14px;
    color: #929292;
    border: 2px solid;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;

    padding: 9px 29px;
    margin: 0 5px;
    margin-top: 0px;
    margin-top: 5px;
    cursor: pointer;
}

.account-popup > form {
    float: left;
    width: 100%;
    margin-top: 30px;
}

.account-popup > form .cfield {
    float: left;
    width: 100%;
    position: relative;
    margin-bottom: 19px;
    border: 2px solid #e8ecec;

    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;

}

.account-popup > form .cfield input {
    float: left;
    width: 100%;
    background: no-repeat;
    margin: 0;
    font-family: Open Sans;
    font-size: 13px;
    color: #474747;
    padding: 16px 45px 16px 15px;
}

.account-popup > form .cfield i {
    position: absolute;
    right: 0;
    top: 15px;
    right: 20px;
    font-size: 19px;
}

.remember-label {
    float: left;
    margin: 0;
    font-family: Open Sans;
    font-size: 14px;
    color: #202020;
}

.account-popup > form > a {
    float: right;
    font-family: Open Sans;
    font-size: 14px;
    text-decoration: underline;
    line-height: 30px;
}

.account-popup > form button {
    float: left;
    width: 100%;
    height: 60px;
    font-size: 17px;
    font-weight: bold;
    letter-spacing: 0.3px;
    margin-top: 20px;

    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;

}

.extra-login {
    float: left;
    width: 100%;
    margin-top: 30px;
    text-align: center;
    position: relative;
}

.extra-login::before {
    position: absolute;
    left: 0;
    top: 10px;
    width: 100%;
    height: 1px;
    background: #d8dcdc;
    content: "";
}

.extra-login > span {
    width: auto;
    float: none;
    display: inline-block;
    background: #ffffff;
    padding: 1px 20px;
    z-index: 1;
    position: relative;
    font-family: Open Sans;
    font-size: 14px;
    color: #afafaf;
    text-transform: capitalize;
}

.login-social {
    float: left;
    width: 100%;
    margin-top: 15px;
}

.login-social a {
    float: none;
    display: inline-block;
    width: 50px;
    height: 40px;
    border: 2px solid;

    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;

    line-height: 36px;
    font-size: 21px;
    margin: 0 5px;
    margin-top: 0px;
    margin-top: 6px;
}

.login-social a.fb-login {
    color: #3b5998;
    border-color: #3b5998;
}

.login-social a.tw-login {
    color: #c71111;
    border-color: #c71111;
}

.login-social a {
    font-size: 16px;
}

.account-popup .close-popup {
    position: absolute;
    top: -20px;
    width: 50px;
    height: 50px;
    float: none;
    margin: 0;
    right: -20px;
    text-align: center;
    line-height: 50px;
    color: #ffffff;
    font-size: 20px;

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

    cursor: pointer;
}

.no-scroll {
    overflow: hidden;
}

.dropdown-field {
    float: left;
    width: 100%;
    margin-bottom: 19px;
}

.job-search-sec {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 1000px;
    content: "";

    -webkit-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    -o-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);

    margin-top: 0px;
}

.main-featured-sec {
    float: left;
    width: 100%;
    z-index: 1;
}

.job-search {
    float: left;
    width: 100%;
    padding: 0;
}

.job-search > h3 {
    float: left;
    width: 100%;
    font-family: Quicksand;
    font-size: 39px;
    font-weight: normal;
    color: #ffffff;
    letter-spacing: 0px;
    text-align: center;
    line-height: 39px;
    margin-bottom: 13px;
}

.job-search > span {
    float: left;
    width: 100%;
    font-family: Open Sans;
    font-size: 16px;
    font-weight: 400;
    color: #d5d8f3;
    text-align: center;
    margin-top: 10px;
}

.job-search form {
    float: left;
    width: 100%;
    margin-top: 40px;
}

.job-field {
    float: left;
    width: 100%;
    position: relative;

}

.job-field input {
    float: left;
    width: 100%;
    background: no-repeat;
    border: none;
    font-size: 13px;
    color: #888888;
    margin: 0;
    padding: 0 70px 0 30px;
    height: 60px;
    line-height: 60px;

    background-color: #FFF;

    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
}

.job-field input::-webkit-input-placeholder { /* Chrome */
    color: #888888;
    font-size: 13px
}

.job-field input:-ms-input-placeholder { /* IE 10+ */
    color: #888888;
    font-size: 13px
}

.job-field input::-moz-placeholder { /* Firefox 19+ */
    color: #888888;
    font-size: 13px
}

.job-field input:-moz-placeholder { /* Firefox 4 - 18 */
    color: #888888;
    font-size: 13px
}

.job-field i {
    position: absolute;
    right: 30px;
    top: 17px;
    font-size: 27px;
}

.job-search form button {
    float: left;
    width: 100%;
    font-size: 30px;
    padding: 0;
    height: 60px;
    margin-top: 0px;
}

.job-search form .row {
    margin: 0 -12px;
}

.job-search form .row > div {
    padding: 0 12px;
}

.job-field .chosen-container-single .chosen-single div::before {
    display: none;
}

.search-job2 .job-field .chosen-container-single .chosen-single div::before {
    display: block;
    color: #333333;
    font-size: 10px;
}

.job-field .chosen-container .chosen-drop {
    background: #ffffff;

    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;

    margin-top: 0px;
    border: none;

    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;

}

.job-field .chosen-container-single .chosen-single {
    border: none;
    padding: 18px 30px;
}

.dropdown-field .chosen-container.chosen-container-single.chosen-container-single-nosearch.chosen-with-drop.chosen-container-active .chosen-single {
    border: 2px solid #e8ecec;

    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;

}

.dropdown-field .chosen-container .chosen-drop {
    border: none;

    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;

    background: #fbfbfb;
    margin-top: 10px;

    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;

}

.or-browser {
    float: left;
    width: 100%;
    margin-top: 20px;
}

.or-browser > span {
    float: left;
    font-family: Open Sans;
    font-size: 13px;
    color: #ffffff;
    line-height: 33px;
}

.or-browser > a {
    float: left;
    font-family: Open Sans;
    font-size: 13px;
    color: #ffffff;
    margin-left: 15px;
    margin-right: 15px;
    border: 1px solid #FFF;
    height: 33px;
    line-height: 33px;
    width: 90px;
    text-align: center;

    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;

}

.scroll-to {
    float: left;
    text-align: center;
    width: 130px;
    height: 130px;
    border: 2px solid #ffffff;
    margin-top: -65px;
    z-index: 22;
    position: relative;

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

    left: 50%;
    margin-left: -65px;
}

.scroll-to a {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 60px;
    height: 60px;
    margin-left: -30px;
    margin-top: -30px;
    background: #ffffff;

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

    -webkit-box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);

    line-height: 60px;
    font-size: 30px;
}

/* Heading */
.heading {
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 14px;
}

.heading > h2 {
    float: left;
    width: 100%;
    margin: 0;
    font-family: Quicksand;
    font-weight: bold;
    font-size: 30px;
    color: #202020;
    line-height: 23px;
}

.heading span {
    float: left;
    width: 100%;
    font-family: Open Sans;
    font-size: 16px;
    color: #888888;
    margin-top: 8px;
    line-height: 29px;
}

.cat-sec {
    float: left;
    width: 100%;
}

.p-category {
    float: left;
    width: 100%;
    z-index: 1;
    position: relative;
}

.p-category > a {
    float: left;
    width: 100%;
    text-align: center;
    padding-bottom: 30px;
    border-bottom: 1px solid #e8ecec;
    border-right: 1px solid #e8ecec;
}

.simple-radio p {
    float: left;
    width: 100%;
    margin: 0;
    font-family: Open Sans;
    font-size: 13px;
    margin-bottom: 6px;
}

/*edited by:ru date:16/03/2019*/
.p-category > a i:hover{
    color: #2375bbad;
}
.p-category > a i {
    float: left;
    width: 100%;
    color: #2375bb;
    font-size: 60px;
    margin-top: 30px;
}
/*end*/
.p-category > a span {
    float: left;
    width: 100%;
    font-family: Open Sans;
    font-size: 13px;
    color: #202020;
    margin-top: 18px;
}

.p-category > a p {
    float: left;
    width: 100%;
    font-size: 14px;
    margin: 0;
    margin-top: 0px;
    margin-top: 3px;
}

.cat-sec .row > div:last-child a {
    border-right-color: #ffffff;
}

.cat-sec:last-child a {
    border-bottom-color: #ffffff;
}

.p-category:hover a {
    border-color: #ffffff;
}

.p-category:hover {
    background: #ffffff;

    -webkit-box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1);

    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;

    width: 100%;
    height: 100%;
    z-index: 10;

}

.browse-all-cat {
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 23px;
}

.browse-all-cat a {
    float: none;
    display: inline-block;
    border: 2px solid;

    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;

    padding: 13px 30px;
    font-family: Open Sans;
    font-size: 15px;
}

/* Simple text Block */
.simple-text-block {
    float: left;
    width: 100%;
    text-align: center;
}

.simple-text-block > h3 {
    float: left;
    width: 100%;
    font-family: Quicksand;
    font-size: 40px;
    color: #ffffff;
    font-weight: bold;
    margin: 0;
    margin-bottom: 20px;
}

.simple-text-block span {
    float: left;
    width: 100%;
    font-family: Quicksand;
    font-size: 18px;
    color: #ffffff;
}

.simple-text-block a {
    float: none;
    display: inline-block;
    border: 2px solid;

    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;

    padding: 13px 30px;
    font-family: Open Sans;
    font-size: 15px;
    margin-top: 40px;
    color: #ffffff;
}

/* Job Listing */
.job-listings-sec {
    float: left;
    width: 100%;
}

.job-listing {
    float: left;
    width: 100%;
    display: table;
    border-bottom: 1px solid #e8ecec;
    padding: 20px 0;
    background: #ffffff;
    border-left: 2px solid #ffffff;
    padding-right: 30px;
}

/*.job-title-sec {
    display: table-cell;
    vertical-align: middle;
    width: 60%;
}*/
.job-title-sec {
    vertical-align: middle;
}

.c-logo {
    float: left;
}

.c-logo img {
    float: none;
    display: inline-block;
    max-width: 100%;
}

.post-pro-tt {
    left: 26.5%;
    top: -4px;
    max-width: 44%;
    z-index: 999;
}

.verification-tooltip {
    position: absolute;
    left: 259px;
    opacity: 0;
    visibility: hidden;
    background: #0f36a5;
    color: #ffffff;
    width: max-content;
    font-size: 12px;
    padding: 6px 11px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    margin-left: -40px;
    margin-bottom: 9px;
}

.verification-tooltip:before {
    position: absolute;
    left: 1%;
    bottom: 12px;
    width: 10px;
    height: 10px;
    content: "";
    background: #0f36a5;
    margin-left: -5px;
    margin-bottom: -4px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
}

.pp-title-new {
    font-size: 16px !important;
    font-weight: 600 !important;
}

.post-job-subtitle {
    float: left;
    width: 100%;
    margin-top: 3px;
    font-family: Open Sans;
    font-size: 13px;
    color: #828080;
    margin-bottom: 13px;
    line-height: 1.6;
}

.verified-status span:hover {
    cursor: pointer;
}

.verified-status i.la.la-question-circle {
    color: #ff6a13;
    font-size: 15px;
}

.verified-status span:hover .verification-tooltip {
    opacity: 1;
    visibility: visible;
}

/*edited by:ru date:16/03/2019*/
.job-title-sec h3 {
    display: table;
    font-size: 16px;
    font-family: Open Sans;
    color: #405a67;
    margin: 0;
    margin-bottom: 7px;
    margin-top: 3px;
    font-weight: 600;
}
/*end*/
.job-title-sec span {
    float: left;
    font-family: Open Sans;
    font-size: 9px;
    margin-top: 1px;
}

.job-lctn {
    display: table-cell;
    vertical-align: middle;
    font-family: open Sans;
    font-size: 15px;
    color: #888888;
    line-height: 23px;
    width: 25%;
}

.job-lctn i {
    font-size: 24px;
    float: left;
    margin-right: 7px;
}

.fav-job {
    display: table-cell;
    vertical-align: middle;
    font-size: 25px;
    color: #888888;
    line-height: 10px;
    text-align: center;
    cursor: pointer;
}

.col-lg-12, .col-lg-1, .col-lg-3,.col-lg-5,.col-lg-7,.col-lg-9, .col-lg-11, .col-lg-2, .col-lg-4, .col-lg-6, .col-lg-8, .col-lg-10 {
    float: left !important;
}

.job-is {
    display: table-cell;
    vertical-align: middle;
    font-family: Open Sans;
    font-size: 14px;
    border: 1px solid;
    float: left;
    padding: 6px 9px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    width: max-content;
    font-weight: 600;
    margin: 9px 0;
    text-align: center;
}

.job-is-technology.ft, .job-list-modern .job-is-technology.ft {
    color: #8e8e8e;
    border-color: #8e8e8e;
    margin-top: 7px;
}

.job-listings-sec .job-listing.wtabs .col-lg-8 {
    padding-top: 12px;
}

.job-is-technology {
    display: table-cell;
    vertical-align: middle;
    font-family: Open Sans;
    font-size: 12px;
    border: 1px solid;
    float: left;
    padding: 7px 14px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    width: max-content;
    margin: 15px 2px;
    text-align: center;
}

.reviews-sec-bidder {
    background-color: #ff6a13;
    min-width: 2em;
    padding: 6px;
    font-size: 12px;
    color: #fff;
    float: left;
    margin-right: 14px;
    text-align: center;
}

/*edited by:ru date:16/03/2019*/
.reviews-sec-customer {
    background-color: #2375bb;
    min-width: 2em;
    padding: 6px;
    font-size: 12px;
    color: #fff;
    float: left;
    margin-right: 14px;
    text-align: center;
}
/*end*/

/*edited by:ru date:16/03/2019*/
/*Custom Design*/
.bidder-title-sec h3 {
    display: table;
    font-size: 16px;
    font-family: Open Sans;
    color: #405a67;
    font-weight: 600;
    margin: 0;
    margin-bottom: 0px;
    margin-bottom: 7px;
    margin-top: 3px;
}
/*end*/
.ft.fill {
    background: #0267ad;
}

.fill.pt {
    background: #7dc246;
}

.fill.fl {
    background: #929292;
}

.fill.tp {
    background: #26ae61;
}

.job-is.ft,
.job-list-modern .job-is.ft {
    color: #777777;
    border-color: #777777;
}

.job-listing-header {
    background-color: #777;
    color: #fff;
    padding: 11px 0px 11px 0;
}

.job-is.pt,
.job-list-modern .job-is.pt {
    color: #7dc246;
    border-color: #7dc246;
}

.job-is.fl,
.job-list-modern .job-is.fl {
    color: #929292;
    border-color: #929292;
}

.job-is.tp,
.job-list-modern .job-is.tp {
    color: #26ae61;
    border-color: #26ae61;
}

.job-listing:hover {
    border-left-color: #2375bb;
    -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);

    z-index: 1;
    position: relative;
}

.job-listing:last-child {
    border-bottom: 1px solid #ebefef;
}

.heading.light h2 {
    color: #ffffff;
}

.heading.light span {
    color: #ffffff;
}

.layer.color.light::before {
    background: #0267ad;
    opacity: 0.9;
}

.reviews {
    float: left;
    width: 100%;
    background: #ffffff;

    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;

    padding: 30px 30px;
    position: relative;
    margin-top: 47px;
}

.reviews img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

    width: 100px;
    height: 100px;
    margin-top: -75px;
}

.reviews h3 {
    float: left;
    width: 100%;
    font-family: Open Sans;
    font-size: 18px;
    color: #202020;
    margin: 0;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-top: 40px;
    margin-bottom: 20px;
}

.reviews h3 span {
    font-family: Open Sans;
    font-size: 14px;
    color: #888888;
    margin-left: 10px;
}
.invite-tasker-spacing{
    padding: .6em;
}
.reviews p {
    float: left;
    width: 100%;
    margin: 0;
    margin-bottom: 0px;
    font-family: Open Sans;
    font-size: 14px;
    color: #888888;
    letter-spacing: 0px;
    line-height: 24px;
    margin-bottom: 15px;
}
#bid_pop_form, #edit_bid_form{
    padding: 2em;
}
.bid-info-section-main-page{
    display: inline-block;
}
#bid-section-taskenator{
    border: 2px solid #0267ad;
    margin-top: 2em;
    border-radius: 10px;
    padding-left: 0;
    padding-right: 0;
    display: grid;
}
.bid-task-title{
    background-color: #0267ad;
    padding: 1.1em;
}
.bid-task-title strong h1{
    color: #fff;
    margin-bottom: 0;
}
.font-size-18{
    font-size: 18px;
}
.task-notes-description{
    line-height: 1.5;
    font-weight: 600;
}
.border-bottom-dotted-1{
    border-bottom: 1px dotted #929292;
    padding-bottom: .8em;
}
.border-bottom-dotted-2{
    border-bottom: 2px dotted #929292;
    padding-bottom: .8em;
}

.bg-color-light-blue{
    background-color: #31a5de21;
}
.text-uppercase{
    text-transform: uppercase !important;
}
.reviews::before {
    position: absolute;
    right: 40px;
    top: 20px;
    content: '“';
    font-family: Quicksand;
    font-size: 100px;
    font-weight: bolder;

    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);

    line-height: 30px;
    color: #0267ad;
}

.reviews-sec {
    float: left;
    width: 100%;
}

.comp-sec {
    float: left;
    width: 100%;
}

.company-img {
    float: left;
    width: 20%;
    text-align: center;
}

.company-img a {
    float: left;
    width: 100%;
}

.company-img a img {
    float: none;
    display: inline-block;
    max-width: 100%;
}

/* Blog Sec */
.blog-sec {
    float: left;
    width: 100%;
    margin-top: -30px;
}

.my-blog {
    float: left;
    width: 100%;
    background: #ffffff;
    margin-top: 30px;

    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;

    overflow: hidden;
}

.col-lg-12.project_id {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
}

.blog-thumb {
    float: left;
    width: 100%;
    position: relative;
}

.portfolio-image-tasker {
    max-height: 200px;
    overflow: hidden;
    height: 180px;
    cursor: pointer;
    transition: .5s ease;
    backface-visibility: hidden;
}

.portfolio-details h3 {
    margin-top: 13px;
    margin-bottom: 5px;
}

.portfolio-details {
    text-align: center;
    padding: 12px;
}

.product-pop-description, .product-pop-url, .product-pop-skills {
    padding-bottom: 6px;
    padding-top: 19px;
    font-size: 16px;
    word-wrap: break-word;
}

.product-pop-description-details, .product-pop-url-details {
    font-size: 13px;
    word-wrap: break-word;
}

.product-pop-skills-details .job-is-technology.ft {
    color: #0056b3;
    border-color: #0056b3;
    padding: 2px 11px;
}
/*Skill(s) Used Section Edit By:Rushabh Date;05/11/2018*/
.job-is-technology.ft.port-skills-tag {
   /* width: 100%;*/
    word-break: break-all;
}

.portfolio-details .project-name-details {
    font-weight: 600;
    color: #fe6700;
    text-transform: capitalize;
    font-size: 14px;
    word-wrap: break-word;
}

.blog-thumb > a {
    float: left;
    width: 100%;
}

.blog-thumb > a img {
    float: left;
    width: 100%;
}

.blog-metas {
    position: absolute;
    left: 0;
    bottom: 0;
    background: #ffffff;
    width: 76%;
    left: 12%;

    -webkit-border-radius: 6px 6px 0px 0px;
    -moz-border-radius: 6px 6px 0px 0px;
    -ms-border-radius: 6px 6px 0px 0px;
    -o-border-radius: 6px 6px 0px 0px;
    border-radius: 6px 6px 0px 0px;

    text-align: center;
    padding: 12px 0;
    padding-bottom: 12px;
    padding-bottom: 0;
    z-index: auto;
    margin-bottom: -1px;
}

.blog-metas a {
    float: none;
    display: inline-block;
    font-family: Open Sans;
    font-size: 13px;
    padding: 0 10px;
    position: relative;
}

.blog-metas a::before {
    position: absolute;
    right: -3px;
    top: 0px;
    width: 1px;
    height: 90%;
    content: "";
}

.blog-metas a:last-child::before {
    display: none;
}

.blog-details {
    float: left;
    width: 100%;
    text-align: center;
    padding: 0 10px;
    border: 1px solid #e8ecec;

    -webkit-border-radius: 0px 0px 6px 6px;
    -moz-border-radius: 0px 0px 6px 6px;
    -ms-border-radius: 0px 0px 6px 6px;
    -o-border-radius: 0px 0px 6px 6px;
    border-radius: 0px 0px 6px 6px;

}

.blog-details h3 {
    float: left;
    width: 100%;
    font-family: Open Sans;
    font-size: 16px;
    color: #232323;
    margin: 0;
    margin-top: 13px;
    margin-bottom: 5px;
}

.blog-details p {
    float: left;
    width: 100%;
    font-family: Open Sans;
    font-size: 14px;
    color: #888888;
    line-height: 24px;
    margin-bottom: 20px;
}

.blog-details > a {
    float: left;
    width: 100%;
    text-align: center;
    border-top: 1px solid #e8ecec;
    font-family: Open Sans;
    font-size: 13px;
    padding: 17px 0;
}

.my-blog:hover {

    -webkit-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);
}

.my-blog:hover .blog-details {
    border-color: #ffffff;
}

.manage-cat-main {
    padding-bottom: 30px;
}

.category-main {
    font-size: 14px;
    font-weight: 600;
    padding-bottom: 18px;
    display: block;
    border-bottom: 1px solid #e6e7ef;
    padding-top: 18px;
}

.cat-subcat-label {
    font-size: 13px;
    padding: 15px 0px 0px 28px;
    text-transform: capitalize;
}

.cat-subcat-label:before {
    border: 2px solid #e6e7ef;
    top: 15px;
}

.cat-subcat-label:after {
    top: 16px;
}

.sub-cat-list {
    padding-top: 0px;
}

.simple-text {
    float: left;
    width: 100%;
    text-align: center;
    padding: 40px 0;
    background: #0267ad;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

.simple-text:hover {
    background: #929292;
}

.simple-text h3 {
    float: left;
    width: 100%;
    font-family: Quicksand;
    font-weight: bold;
    color: #ffffff;
}

.simple-text span {
    float: left;
    width: 100%;
    font-size: 16px;
    color: #ffffff;
    margin: 0;
}

footer {
    float: left;
    width: 100%;
    background: #24324a;
}

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

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

.about_widget .logo {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

.about_widget > span {
    width: 100%;
    float: left;
    font-family: Open Sans;
    font-size: 13px;
    color: #8a99b3;
    /*line-height: 30px;*/
}

.social {
    float: left;
    width: 100%;
    margin-top: 20px;
}

.social a {
    float: left;
    margin-right: 14px;
    font-size: 20px;
    color: #8a99b3;
}

.social i {
    font-size: 16px;
}

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

.link_widgets a {
    float: left;
    width: 100%;
    position: relative;
    font-family: Open Sans;
    font-size: 13px;
    color: #e8e8e8;
    margin-bottom: 12px;
    padding-left: 24px;
}

.link_widgets a::before {
    position: absolute;
    left: 0;
    top: 8px;
    width: 15px;
    height: 1px;
    content: "";
    background: transparent;
}

.link_widgets a:hover {
    color: #b7b7b7 !important;
    /*padding-left: 36px !important;*/
}

.link_widgets a:hover::before {
    background: transparent;
    width: 27px;
}

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

.link_widgets1 a {
    float: left;
    width: 100%;
    position: relative;
    font-family: Open Sans;
    font-size: 13px;
    color: #8a99b3;
    margin-bottom: 12px;
    padding-left: 24px;

    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;

}

.link_widgets1 a::before {
    position: absolute;
    left: 0;
    top: 8px;
    width: 15px;
    height: 1px;
    content: "";
    background: #8a99b3;

    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;

}

.link_widgets1 a:hover {
    color: #7dc246 !important;
    padding-left: 36px !important;
}

.link_widgets1 a:hover::before {
    background: #7dc246;
    width: 27px;
}

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

.link_widgets2 a {
    float: left;
    width: 100%;
    position: relative;
    font-family: Open Sans;
    font-size: 13px;
    color: #8a99b3;
    margin-bottom: 12px;
    padding-left: 24px;

    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;

}

.link_widgets2 a::before {
    position: absolute;
    left: 0;
    top: 8px;
    width: 15px;
    height: 1px;
    content: "";
    background: #8a99b3;

    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;

}
.login-signup-main-area{
    background-color: #f9f9f9;
}
.link_widgets2 a:hover {
    color: #fff !important;
    padding-left: 36px !important;
}

.link_widgets2 a:hover::before {
    background: #ffffff;
    width: 27px;
}

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

.link_widgets3 a {
    float: left;
    width: 100%;
    position: relative;
    font-family: Open Sans;
    font-size: 13px;
    color: #8a99b3;
    margin-bottom: 12px;
    padding-left: 0px;

    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;

}

.link_widgets3 a i {
    margin-right: 7px;

}

.link_widgets3 a:hover {
    color: #fff !important;
    padding-left: 7px !important;
}

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

.download_widget a {
    float: left;
    width: 100%;
    margin-bottom: 24px;
}

.link_widgets a:last-child {
    margin-bottom: 0;
}

.bottom-line {
    float: left;
    width: 100%;
    text-align: center;
    background: #1d293e;
    padding: 24px 0;
}

.bottom-line span {
    font-family: Open Sans;
    font-size: 13px;
    color: #6a7d9b;
    line-height: 24px;
}

/* Header Style 2 */
header.style2 {
    padding: 0 50px;
}

header.style2 .post-job-btn {
    background: none;
    border: 2px solid #ffffff;
}

header.style2 nav {
    margin-right: 120px;
}

.main-slider-sec.style2::before {
    background: #16192c;
}

.search-job2 {
    float: left;
    width: 100%;
    background: rgba(255, 255, 255, 0.3);

    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    -ms-border-radius: 60px;
    -o-border-radius: 60px;
    border-radius: 60px;

    margin-top: 50px;
    padding: 9px;
}

.search-job2 form {
    margin: 0;
    background: #ffffff;

    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;

}

.search-job2 form .row > div:first-child .job-field input {
    -webkit-border-radius: 40px 0px 0px 40px;
    -moz-border-radius: 40px 0px 0px 40px;
    -ms-border-radius: 40px 0px 0px 40px;
    -o-border-radius: 40px 0px 0px 40px;
    border-radius: 40px 0px 0px 40px;

}

.search-job2 form .row > div:last-child button {

    -webkit-border-radius: 0px 40px 40px 0px;
    -moz-border-radius: 0px 40px 40px 0px;
    -ms-border-radius: 0px 40px 40px 0px;
    -o-border-radius: 0px 40px 40px 0px;
    border-radius: 0px 40px 40px 0px;

}

.search-job2 form button {
    font-size: 16px;
    font-weight: bold;
    background: #d42525;
    padding: 20px 0px;
    width: 100%;
    font-family: Open Sans;
}

.search-job2 .job-field::before {
    position: absolute;
    right: 0;
    top: 17px;
    width: 1px;
    height: 30px;
    background: #e8ecec;
    content: "";
    z-index: 1;
}

.search-job2 form .row {
    margin: 0;
}

.search-job2 form .row > div {
    padding: 0;
}

.job-search-sec .job-search.style2 > span {
    opacity: 1;
}

.quick-select-sec {
    float: left;
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: -130px;
}

.quick-select {
    float: left;
    width: 100%;
    text-align: center;
}

.quick-select a {
    float: left;
    width: 100%;
}

.quick-select i {
    float: none;
    display: inline-block;
    width: 87px;
    height: 87px;
    text-align: center;
    color: #ffffff;
    line-height: 87px;

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

    font-size: 36px;
}

.quick-select span {
    float: left;
    width: 100%;
    color: #ffffff;
    font-size: 16px;
    margin-top: 24px;
}

.quick-select p {
    float: left;
    width: 100%;
    color: #ffffff;
    font-size: 13px;
    margin: 0;
    margin-top: 1px;
}

.quick-select:hover i {
    background: #d42525;
}

/* Job Grid Sec */
.job-grid-sec {
    float: left;
    width: 100%;
    margin-top: -30px;
}

.job-grid {
    float: left;
    width: 100%;
    background: #ffffff;

    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;

    -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.06);
    -moz-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.06);
    -ms-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.06);
    -o-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.06);
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.06);

    padding: 0px 20px;
    margin-top: 30px;
}

.job-grid .job-title-sec {
    float: left;
    width: 100%;
    text-align: center;
    position: relative;
    padding-bottom: 20px;
    border-bottom: 1px solid #e8ecec;
}

.job-grid .job-title-sec .c-logo {
    float: left;
    width: 100%;
    margin-top: 50px;
    margin-bottom: 30px;
}

.job-grid .job-title-sec h3 {
    float: left;
    width: 100%;
    margin: 0;
    margin-bottom: 0px;
    text-align: left;
    padding-left: 0px;
    margin-bottom: 6px;
}

.job-grid .job-title-sec span {
    margin-left: 0px;
}

.job-grid .fav-job {
    position: absolute;
    right: 0px;
    top: 20px;
    font-size: 21px;
    color: #A3A3A3;
}

.job-grid .job-lctn {
    float: left;
    width: auto;
    font-size: 13px;
    margin: 18px 0;
}

.job-grid > a {
    float: right;
    font-family: Open Sans;
    font-size: 13px;
    color: #929292;
    border: 1px solid #929292;

    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;

    padding: 6px 14px;
    letter-spacing: 0px;
    margin: 16px 0;
    display: inline-block;
}

.browse-all-cat .style2 {
    background: #ffffff;
    border: navajowhite;

    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;

    padding: 15px 44px;

    -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.06);
    -moz-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.06);
    -ms-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.06);
    -o-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.06);
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.06);

    font-size: 15px;
    color: #111111;
}

/* How to Sec */
.how-to-sec {
    float: left;
    width: 100%;
    margin-top: 0px;
    display: table;
}

.how-icon {
    float: none;
    display: inline-block;
    width: 100px;
    height: 100px;
    border: 2px dashed;

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

    line-height: 94px;
    font-size: 53px;
    text-align: center;
    color: #929292;
    border-color: #929292;
}

.how-to h3 {
    float: left;
    width: 100%;
    font-family: Open Sans;
    font-size: 22px;
    color: #121212;
    margin: 0;
    margin-top: 30px;
}

.how-to p {
    float: left;
    width: 100%;
    margin: 0;
    font-family: Open Sans;
    font-size: 14px;
    color: #888888;
    line-height: 24px;
    margin-top: 14px;
}

.how-to {
    float: left;
    width: 33.334%;
    text-align: center;
    position: relative;
}

/*.how-to::before {
    position: absolute;
    left: 50%;
    top: 60px;
    width: 270px;
    height: 36px;
    background-image: url('../images/line1.png');
    content: "";
    z-index: 1;
    margin-left: 61px;
}*/

/*.how-to:nth-child(n+2)::before {
    background-image: url('../images/line2.png');
    top: 13px;
}*/

.how-to:last-child::before {
    display: none;
}
.box {
    display: block;
    width: 100%;
    margin: 0 auto;
    padding: 50px 20px;
    text-align: center;
    overflow: hidden;
}

.box-item {
    display: block;
    position: relative;
    width: calc(100% / 3 - 7px);
    height: 302px;
    margin-right: 10px;
    padding: 28px 10px;
    background-color: #f9fafc;
    border-radius: 4px;
}
.box-item:before {
    content: "";
    position: absolute;
    top: 36%;
    right: -9px;
    height: 0;
    width: 0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 10px solid #f9fafc;
    border-radius: 4px;
}
.box-item:after {
    content: "";
    position: absolute;
    left: 0px;
    height: 0;
    width: 0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 10px solid #fff;
    top: 36%;
}
.box-item:first-child:after {
    display: none;
}
.box-item:last-child {
    margin-right: 0;
}
.box-item:last-child:before {
    display: none;
}
/* Top Company Sec */
.top-company-sec {
    float: left;
    width: 100%;
    margin-top: -30px;
}

.top-compnay {
    float: left;
    width: 100%;
    background: #ffffff;

    -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.06);
    -moz-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.06);
    -ms-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.06);
    -o-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.06);
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.06);

    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;

    margin-top: 30px;
    text-align: center;
    padding: 20px 20px;
    margin-bottom: 6px;
    margin-bottom: 30px;
}

.top-compnay img {
    float: none;
    display: inline-block;
    max-width: 100%;
}

.top-compnay h3 {
    float: left;
    width: 100%;
    font-family: Open Sans;
    font-size: 16px;
    color: #111111;
    margin-top: 10px;
    margin-bottom: 5px;
}

.top-compnay span {
    float: left;
    width: 100%;
    font-family: Open Sans;
    font-size: 13px;
    color: #929292;
}

.top-compnay > a {
    float: none;
    font-family: Open Sans;
    font-size: 13px;
    color: #929292;
    border: 1px solid #929292;

    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;

    padding: 6px 14px;
    letter-spacing: 0px;
    margin: 16px 0;
    display: inline-block;
    margin-top: 25px;
    margin-bottom: 5px;
}

.top-company-sec button.slick-arrow {
    z-index: 12;
    border: 2px dashed #c8cccc;
    width: 55px;
    height: 55px;

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

    margin-top: -21px;
}

.top-company-sec button.slick-prev.slick-arrow {
    left: -110px;
}

.top-company-sec button.slick-next.slick-arrow {
    right: -110px;
}

.top-company-sec button.slick-arrow::before {
    color: #bec2c2;
    line-height: 35px;
}

/* Stats Sec */
.stats-sec {
    float: left;
    width: 100%;
    text-align: center;
    margin-top: -30px;
}

.stats {
    float: left;
    width: 100%;
    margin-top: 0px;
}

.stats span {
    float: left;
    width: 100%;
    font-family: Quicksand;
    font-size: 30px;
    font-weight: bold;
    color: #ffffff;
    letter-spacing: 0px;
    line-height: 50px;
}

.stats h5 {
    float: left;
    width: 100%;
    margin: 0;
    margin-top: 0px;
    font-family: Quicksand;
    font-size: 18px;
    color: #ffffff;
    margin-top: 10px;
}

/* Reviews Style2 */
.reviews.style2 {
    text-align: center;
    padding: 0 240px;
    margin: 0;
    background: none;
}

.reviews.style2 img {
    float: none;
    display: inline-block;
    margin: 0;
    padding: 5px;
    width: 106px;
    height: 106px;
    border: 2px dashed #d42525;
}

.reviews.style2 h3 {
    float: left;
    width: 100%;
    font-size: 18px;
    margin-top: 20px;
}

.reviews.style2 h3 span {
    float: left;
    width: 100%;
    margin: 0;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-top: 7px;
    margin-bottom: 10px;
}

.reviews.style2::before {
    font-size: 213px;
    color: #f4f5fa;
    top: auto;
    bottom: 110px;
}

.reviews.style2::after {
    font-size: 213px;
    color: #f4f5fa;
    top: 30px;
    content: '“';
    bottom: 110px;
    font-family: Quicksand;
    font-weight: bold;
    left: 0;
    right: auto;
    position: absolute;
}

.reviews-sec#reviews .slick-dots li {
    border-color: #b7bac6;
}

.reviews-sec#reviews .slick-dots li button {
    background: #b7bac6;
}

.blog-date {
    position: absolute;
    left: 15px;
    background: #ffffff;
    top: 15px;

    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;

    width: 82px;
    height: 74px;
    text-align: center;
}

.blog-date a {
    float: left;
    width: 100%;
    font-family: Open Sans;
    font-size: 18px;
    color: #202020;
    font-weight: bold;
    padding: 16px 0;
}

.blog-date a i {
    float: left;
    width: 100%;
    font-size: 13px;
    font-style: normal;
    font-weight: normal;
    margin-top: 1px;
}

/* Plans Sec */
.plans-sec {
    float: left;
    width: 100%;
    margin-top: -30px;
}

.pricetable {
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 30px;
    background: #f4f5fa;

    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;

    padding: 10px;
}

.pricetable-head {
    float: left;
    width: 100%;
    background: #ffffff;

    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;

    -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.06);
    -moz-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.06);
    -ms-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.06);
    -o-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.06);
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.06);

    padding: 35px 0;
}

.pricetable-head h3 {
    float: left;
    width: 100%;
    font-family: Open Sans;
    font-size: 20px;
    color: #202020;
    margin: 0;
}

.pricetable-head h2 {
    float: left;
    width: 100%;
    font-family: Quicksand;
    font-size: 60px;
    font-weight: bold;
    margin: 0;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-top: 17px;
    line-height: 50px;
    margin-bottom: 13px;
}

.pricetable-head h2 i {
    font-style: normal;
    font-size: 18px;
    line-height: 0px;
    position: relative;
    bottom: 3px;
}

.pricetable-head span {
    float: left;
    width: 100%;
    font-family: Quicksand;
    font-size: 16px;
    color: #888888;
    margin-top: 2px;
}

.pricetable ul {
    float: left;
    width: 100%;
    margin: 0;
    margin-top: 30px;
}

.pricetable ul li {
    float: left;
    width: 100%;
    font-family: Open Sans;
    font-size: 14px;
    color: #888888;
    line-height: 40px;
}

.pricetable > a {
    float: none;
    display: inline-block;
    font-family: Open Sans;
    font-size: 16px;
    color: #ffffff;
    padding: 15px 55px;

    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;

    margin-bottom: 40px;
    margin-top: 20px;

    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

.pricetable.active > a {
    background: #ffffff;
}

.pricetable.active ul li {
    color: #ffffff;
}

.pricetable > a:hover {
    background: #5dc26a;
    color: #FFF;
}

/* Subscription Sec */
.subscription-sec {
    float: left;
    width: 100%;
}

.subscription-sec h3 {
    float: left;
    width: 100%;
    font-family: Quicksand;
    font-weight: bold;
    font-size: 30px;
    color: #202020;
    letter-spacing: 0px;
    margin-bottom: 13px;
}

.subscription-sec span {
    float: left;
    width: 100%;
    font-family: Open Sans;
    font-size: 14px;
    color: #888888;
    margin: 0;
}

.subscription-sec form {
    float: left;
    width: 100%;
    background: #ffffff;

    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;

    overflow: hidden;
    position: relative;

    -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.06);
    -moz-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.06);
    -ms-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.06);
    -o-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.06);
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.06);

}

.subscription-sec form input {
    float: left;
    width: 100%;
    background: no-repeat;
    margin: 0;
    font-size: 14px;
    font-family: Open Sans;
    padding: 0px 50px;
    height: 50px;
}

.subscription-sec form button {
    position: absolute;
    right: 0;
    top: 0;
    height: 50px;

    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
    border-radius: 40px;

    width: 50px;
    height: 50px;
    padding: 0;
    font-size: 24px;
    background: #d42525;
}

.social-links {
    float: left;
    width: 100%;
    text-align: center;
}

.social-links a {
    float: none;
    display: inline-block;
    margin: 0 25px;
    line-height: 40px;
}

.social-links a i {
    float: left;
    width: 40px;
    height: 40px;

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

    line-height: 40px;
    font-size: 19px;
    color: #ffffff;
    margin-right: 13px;
}

.social-links a.fb-color i {
    background: #313b87;
}

.social-links a.tw-color i {
    background: #98a3f5;
}

.social-links a.in-color i {
    background: #700ec4;
}

.social-links a.pt-color i {
    background: #ee3c3c;
}

.social-links a.dr-color i {
    background: #bd2a8e;
}

.social-links a.gl-color i {
    background: #d42525;
}

.mega-widget {
    float: left;
    width: 100%;
    text-align: center;
}

.mega-widget .logo {
    float: none;
    display: inline-block;
    margin: 0;
    margin-bottom: 0px;
    margin-bottom: 20px;
}

.links {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

.links a {
    display: inline-block;
    font-family: Open Sans;
    font-size: 13px;
    color: #888888;
    margin: 6px 17px;
}

.mega-widget span {
    float: left;
    width: 100%;
    font-family: Open Sans;
    font-size: 13px;
    color: #888888;
    margin-top: 15px;
}

.bottom-line.style2 span {
    color: #ffffff;
}

header.style3 nav > ul > li > a {
    color: #333333;
}

/* Find Canditate Sec */
.find-cand-sec {
    float: left;
    width: 100%;
    position: relative;
    padding-top: 300px;
    padding-bottom: 190px;
}

.mockup-top {
    position: absolute;
    right: -9%;
    top: 0;
}

.mockup-top img {
    position: relative;
}

header.style3 .menu-sec nav {
    margin-right: 60px;
}

.find-cand {
    float: left;
    width: 100%;
}

.find-cand h3 {
    float: left;
    width: 100%;
    font-family: Quicksand;
    font-size: 50px;
    font-weight: bold;
    color: #7dc246;
    letter-spacing: -1px;
}

.find-cand > span {
    float: left;
    width: 100%;
    font-size: 16px;
    color: #222222;
    margin: 0;
    margin-top: -10px;
    margin-left: 4px;
}

.find-cand form {
    float: left;
    width: 100%;
    background: #ffffff;
    padding: 6px;

    -webkit-box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);

    margin-top: 40px;
    margin-left: 4px;

    -webkit-border-radius: 70px;
    -moz-border-radius: 70px;
    -ms-border-radius: 70px;
    -o-border-radius: 70px;
    border-radius: 70px;

    position: relative;
}
.how-works-main-div{
    text-align:center;
    font-family: Quicksand;
    font-size: 30px;
    color: #202020;
    font-weight: bold;
    padding-bottom: 6%;
}
.find-cand form .job-field {
    float: left;
    width: 50%;

    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;

}

.find-cand form .job-field input {
    padding: 16px 40px !important;
    height: auto !important;
    line-height: normal !important;

    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
    border-radius: 40px;

}

.find-cand .job-field .chosen-container-single .chosen-single {
    padding: 12px 0;

    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;

}

.find-cand .job-field::before {
    position: absolute;
    right: 20px;
    top: 12px;
    width: 1px;
    height: 30px;
    background: #e8ecec;
    content: "";
    z-index: 1;
}

.find-cand .job-field:last-child:before {
    display: none;
}

.find-cand form > button {
    position: absolute;
    right: 7px;
    top: 6px;
    z-index: 1;

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

    padding: 0;
    width: 50px;
    height: 50px;
    font-size: 23px;
    background-color: #7dc246;
}

.mockup-bottom {
    position: absolute;
    left: 0;
    bottom: -3px;
    left: 50%;
    margin-left: -220px;
}

.scroll-to.style2 {
    border: none;
}

.rounded {
    -webkit-border-radius: 30px !important;
    -moz-border-radius: 30px !important;
    -ms-border-radius: 30px !important;
    -o-border-radius: 30px !important;
    border-radius: 100% !important;

}

.layer.color.green::before {
    background: #7dc246;
    opacity: 0.9;
}

.job-listing.rounded {
    -webkit-border-radius: 0 0 !important;
    -moz-border-radius: 0 0 !important;
    -ms-border-radius: 0 0 !important;
    -o-border-radius: 0 0 !important;
    border-radius: 0 0 !important;

    background: no-repeat;
    border-left: none;
}

.job-listing.rounded:hover {
    background: #ffffff;

    -webkit-border-radius: 60px !important;
    -moz-border-radius: 60px !important;
    -ms-border-radius: 60px !important;
    -o-border-radius: 60px !important;
    border-radius: 60px !important;

    margin-top: -1px;
}

.how-to-sec.style2 .how-to::before {
    background-image: url('../images/line3.png');
}

.how-to-sec.style2 .how-to:nth-child(n+2)::before {
    background-image: url(../images/line4.png);
}

.how-to-sec.style2 .how-icon {
    background: #7dc246;
    border: none;
    color: #ffffff;
}

.top-compnay.style2 > a {
    color: #647585;
    border-color: #647585;
}

.top-compnay.style2 > a:hover {
    color: #FFF;
    background-color: #647585;
    border-color: #647585;
}

.top-compnay:hover {

    -webkit-box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);

}

/* Download Sec */
.download-sec {
    float: left;
    width: 100%;
    display: table;
}

.download-text {
    display: table-cell;
    vertical-align: middle;
    width: 60%;
}

.download-text h3 {
    float: left;
    width: 100%;
    color: #ffffff;
    font-family: Quicksand;
    font-size: 40px;
    font-weight: bold;
    margin: 0;
}

.download-text > p {
    float: left;
    width: 100%;
    color: #ffffff;
    margin: 0;
    margin-top: 14px;
    padding-right: 50px;
}

.download-text ul {
    float: left;
    width: 100%;
    margin: 0;
    margin-top: 0px;
    margin-top: 10px;
}

.download-text ul li {
    float: left;
    margin: 0;
    margin-top: 0px;
    margin-top: 25px;
}

.download-text ul li a {
    float: left;
    border: 1px solid #ffffff;
    width: 230px;
    height: 65px;

    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
    border-radius: 40px;

    margin-right: 30px;
    padding-left: 82px;
    color: #ffffff;
    position: relative;
}

.download-text ul li a i {
    position: absolute;
    left: 20px;
    top: 7px;
    font-size: 45px;
}

.download-text ul li a span {
    float: left;
    width: 100%;
    font-size: 14px;
}

.download-text ul li a p {
    float: left;
    width: 100%;
    margin: 0;
    color: #ffffff;
    font-size: 13px;
    line-height: 20px;
}

.download-text ul li a {
    float: left;
    border: 1px solid #ffffff;
    width: 235px;
    height: 65px;

    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
    border-radius: 40px;

    margin-right: 25px;
    padding-left: 80px;
    color: #ffffff;
    position: relative;
    padding-top: 12px;
}

.download-img {
    display: table-cell;
    width: 40%;
    vertical-align: middle;
}

.download-img img {
    max-width: 100%;
    float: right;
    margin-top: 30px;
}

/* Team Sec */
.team-sec {
    float: left;
    width: 100%;
    margin-top: -30px;
}

.team {
    float: left;
    width: 100%;
    margin-top: 90px;
    text-align: center;
    margin-bottom: 27px;
}

.team-img {
    float: left;
    width: 100%;
}

.team-img img {
    max-width: 100%;

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

    border: 7px solid #ffffff;
    float: none;
    display: inline-block;
}

.team-detail {
    float: left;
    width: 100%;
    padding-top: 14px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 30px;
}

.team-detail > a {
    float: left;
    width: 100%;
    font-size: 13px;
    color: #647585;
    margin-top: 20px;
    opacity: 0;
}

.team-detail h3 {
    float: left;
    width: 100%;
    margin: 0;
    font-family: Open Sans;
    font-size: 16px;
    color: #202020;
}

.team-detail > span {
    float: left;
    width: 100%;
    font-family: Open Sans;
    font-size: 14px;
    color: #888888;
    margin-top: 11px;
}

.team-detail > p {
    float: left;
    width: 100%;
    margin: 0;
    margin-top: 0px;
    font-size: 14px;
    color: #888888;
    line-height: 23px;
    margin-top: 20px;
    opacity: 0;
}

.team > .team-img {
    margin-top: -60px;
}

.team:hover {
    background: #ffffff;

    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;

    -webkit-box-shadow: 0px 7px 20px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 7px 20px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0px 7px 20px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0px 7px 20px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 7px 20px rgba(0, 0, 0, 0.1);

}

.team:hover p {
    opacity: 1;
}

.team:hover a {
    opacity: 1;
}

.team-sec .slick-dots li {
    border-color: #647585;
}

.team-sec .slick-dots li.slick-active button {
    background: #647585;
}

.pricetable.style2 .pricetable-head h2 {
    color: #7dc246;
}

.pricetable.style2 .pricetable-head h2 i {
    color: #A3A3A3;
}

.pricetable.style2 > a {
    background: #647585;
    color: #ffffff;
}

.pricetable.style2 > a:hover {
    background: #7dc246;
    color: #ffffff;
}

.pricetable.active.style2 {
    background: #647585;
}

.pricetable.active.style2 > a {
    background: #7dc246;
    color: #FFF;
}

.pricetable.style2.active .pricetable-head h2 {
    color: #647585;
}

.ft {
    background: none;
    border-top: 1px solid #eaeeee;
    margin-top: 60px;
}

.ft .footer-title {
    color: #333333;
}

.ft .link_widgets a:hover {
    color: #7dc246;
}

.ft .bottom-line {
    background: #ffffff;
    padding-top: 0;
}

.ft .bottom-line .container {
    border-top: 1px solid #e8ecec;
    padding-top: 24px;
}

header.style4 {
    float: left;
    width: 100%;
    background: #ffffff;
}

.topbar {
    float: left;
    width: 100%;
    background: #222b38;
    padding: 2px 0;
}

.h-social {
    float: left;
    margin: 0;
}

.h-social > li {
    margin: 0;
    float: left;
}

.h-social li a {
    color: #7a8493;
    padding: 0 4px;
    font-size: 18px;
}

.h-social li a i {
    font-size: 14px;
}

.h-contact {
    float: right;
}

.h-contact span {
    float: left;
    font-size: 12px;
    color: #ffffff;
    margin-left: 30px;
    line-height: 21px;
}

.h-contact span i {
    float: left;
    font-size: 19px;
    margin-right: 10px;
}

header.style4 .menu-sec nav > ul > li > a {
    color: #222222;
    padding-top: 17px;
    padding-bottom: 42px;
}

header.style4 .menu-sec {
    margin-top: 20px;
}

header.style4 .logo {
    margin: 14px 0;
}

header.style4 .account-btns > li a {
    color: #222b38;
    border: 1px solid #222b38;
    padding: 8px 20px;
    margin: 0;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

}

header.style4 .signin-popup a:hover {
    background: #222b38 !important;
    border-color: #222b38 !important;
    color: #ffffff !important;
}

header.style4 .account-btns > li.signup-popup a {
    color: #1e83f0;
    border-color: #1e83f0;
}

header.style4 .menu-sec nav > ul > li.menu-item-has-children > a::before {
    top: 26px;
}

.main-slider-sec.style3::before {
    display: none;
}

.main-slider-sec.style3::after {
    display: none;
}

.main-slider-sec.style3 {
    background: #000;
}

.main-slider-sec.style3 img {
    opacity: 0.5;
}

.job-search-sec .job-search > h3 {
    font-weight: normal;
    line-height: 1.2;
    color: #202020;
}

.search-job2.style2 {
    background: #ffffff;
    padding: 0;

    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;

    margin-top: 200px;
}

.search-job2.style2 form {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;

}

.search-job2.style2 form .job-field {
    -webkit-border-radius: 6px !important;
    -moz-border-radius: 6px !important;
    -ms-border-radius: 6px !important;
    -o-border-radius: 6px !important;
    border-radius: 6px !important;

}

.search-job2.style2 form .job-field label::before {
    display: none;
}

.search-job2.style2 form .job-field label {
    font-family: Open Sans;
    font-size: 14px;
    color: #202020;
    margin: 0;
    margin-top: 0px;
    line-height: 20px;
    margin-top: 30px;
}

.search-job2.style2 form .job-field input {
    padding-top: 0;
    padding-bottom: 0;
    height: auto;
    line-height: normal;
}

.search-job2.style2 .job-field .chosen-container-single .chosen-single {
    padding-top: 0;
    padding-bottom: 25px;
}

.search-job2.style2 form .job-field::before {
    height: 65px;
}

.job-field.with-icon {
    padding-left: 30px;
}

.job-field.with-icon i {
    right: auto;
    left: 15px;
    top: 35px;
    font-size: 33px;
}

.search-job2.style2 form div button {
    -webkit-border-radius: 6px !important;
    -moz-border-radius: 6px !important;
    -ms-border-radius: 6px !important;
    -o-border-radius: 6px !important;
    border-radius: 6px !important;

    background: #1e83f0;
    font-family: Open Sans;
    padding: 16px 10px;
    margin: 21px 0;
}

.search-job2.style2 form div button i {
    font-size: 24px;
    margin-right: 4px;
    position: relative;
    bottom: -4px;
}

.search-job2.style2 .job-field .chosen-container-single .chosen-single div::before {
    top: 12px;
}

.search-job2.style2 {
    padding: 0 17px;
    padding-left: 17px;
    padding-left: 0;
}

.job-search-sec.style3 {
    -webkit-transform: translateX(-50%) translateY(0%);
    -moz-transform: translateX(-50%) translateY(0%);
    -ms-transform: translateX(-50%) translateY(0%);
    -o-transform: translateX(-50%) translateY(0%);
    transform: translateX(-50%) translateY(0%);

    width: 1000px;
    left: 50%;
    top: auto;
    bottom: -42px;
}

.job-search-sec.style3 .style2 {
    margin-bottom: 0px;
}
.job-amout-estimate{
    margin-top: 0px !important;
    font-size: 11px;
}
.bid-count-text {
    font-weight: 600;
}
.job-is.ft {
    margin-top: 12px;
}

.block.overlape {
    z-index: 2;
}

.cat-sec.style2 {
    margin-top: -30px;
}

.p-category.style2 {
    background: #ffffff;
    border: none;

    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;

    margin-top: 30px;
}

.p-category.style2 > a {
    border: none;
}

.p-category.style2 > a i {
    color: #647585;
}

.p-category.style2 > a p {
    color: #b1b1b1;
}

.p-category.style2 {
    height: auto;
    width: 100%;
    margin-left: 0px;
}

/* Tabs sec */
.tab-sec {
    float: left;
    width: 100%;
    text-align: center;
}

.nav.nav-tabs {
    float: none;
    width: auto;
    text-align: center;
    margin: 0;
    display: inline-block;
    border: 1px solid #e7e7e7;

    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;

    padding: 0 4px;
}

.nav.nav-tabs > li {
    float: none;
    display: inline-block;
    margin: 0;
}

.nav.nav-tabs > li a {
    float: left;
    font-family: Quicksand;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0px;
    padding: 15px 30px;

    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;

    margin-top: 4px;
}

.nav.nav-tabs > li a.current {
    color: #ffffff;
    background-color: #1e83f0;
}
.sub-cat-list .category-section-box{
    text-align: left;
}
.nav.nav-tabs > li.cat-list-navs a{
   font-size: 13px; 
   padding: 10px 10px;
}
.job-listing.wtabs {
    border-left: 1px solid #ebefef;
    margin-top: 0px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 0px;
    display: inherit;
    text-align: left;
    position: relative;
    border-right: 1px solid #ebefef;
}
.job-listing.wtabs:first-child {
    border-top: 1px solid #ebefef;
}
small .fa.fa-star, small .fa.fa-star-o, .fa.fa-star-o, .fa.fa-star {
    font-size: 15px;
    padding: 5px 2px 0px 2px;
}

.job-listing.wtabs .job-title-sec > span {
    color: #696969;
    display: table;
    float: none;
    line-height: 1.6;
    font-size: 12px;
    text-transform: capitalize;/*Edited by rushabh date;06/10/2018 */
}

.job-listing.wtabs .job-lctn {
    display: inline;
    padding-top: 20px;
    width: 100%;
    font-size: 14px;
}

.job-listing.wtabs .job-lctn i {
    float: none;
    font-size: 16px;
}

.table-responsive {
    min-height: .01%;
    padding-left: 17px;
    overflow-y: hidden;
    overflow-x: scroll; /*overflow-x: inherit; Edited By Rushabh Date:08/10/2018*/
}

.job-style-bx {
    float: left;
    width: 30%;
    position: absolute;
    right: 0px;
    bottom: 0;
    padding: 15px;
}

.job-style-bx .fav-job {
    font-size: 20px;
    float: right;
    margin-top: 5px;
    margin-right: 10px;
}

.job-style-bx .job-is {
    margin: 0;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;

    color: #ffffff;
}

.tab-sec .tab-content {
    display: none;
}

.tab-sec .tab-content.current {
    display: block;
}

.tab-sec .browse-all-cat .style2 {
    border: 1px solid #ebefef;

    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;

    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;

}

.how-to-sec.style2.no-lines .how-to::before {
    display: none;
}

.how-to-sec.style2.no-lines .how-icon {
    border: 1px solid #e8ecec;
    background: none;
    color: #707070;
}

.link_widgets.nolines a::before {
    display: none;
}

.link_widgets.nolines a {
    padding: 0;
    color: #7a8493;
}

footer.style2 span {
    color: #7a8493;
}

.link_widgets.nolines a i {
    font-size: 19px;
    float: left;
    margin-right: 10px;
    width: 21px;
    text-align: left;
}

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

.subscribe_widget > p {
    width: 100%;
    float: left;
    font-family: Open Sans;
    font-size: 13px;
    color: #7a8493;
    line-height: 20px;
}

.subscribe_widget form {
    float: left;
    width: 100%;
    position: relative;
}

.subscribe_widget form input {
    border: 1px solid #7a8493;

    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;

    background: none;
    margin: 0;
    font-family: Open Sans;
    font-size: 13px;
    color: #dae4f3;
    padding: 15px 30px;
}

.subscribe_widget form button {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;

    -webkit-border-radius: 0 6px 6px 0px;
    -moz-border-radius: 0 6px 6px 0px;
    -ms-border-radius: 0 6px 6px 0px;
    -o-border-radius: 0 6px 6px 0px;
    border-radius: 0 6px 6px 0px;

    width: 50px;
    background: #1e83f0;
    padding: 0;
    font-size: 25px;
}

footer.style2 {
    background: #222b38;
}

.bottom-line.style3 {
    background: #12171e;
}

.bottom-line.style3 span {
    float: left;
    line-height: 33px;
}

.back-top {
    float: right;
    font-family: Open Sans;
    font-size: 13px;
    color: #7a8493;
    line-height: 33px;

    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;

}

.back-top i {
    float: right;
    width: 33px;
    height: 33px;
    background: #333e4e;

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

    margin-left: 13px;
    line-height: 33px;
    font-size: 19px;
}

.back-top:hover {
    color: #FFF;
}

/* Header5 */
header.style5 {
    background: #26ae61;
    float: left;
    width: 100%;
    position: relative;
    padding: 20px 60px;
}

header.style5 .account-btns {
    padding: 10px 0;
}

header.style5 .menu-sec {
    margin-top: 0px;
}

header.style5 .post-job-btn {
    background: none;
    border: 2px solid #ffffff;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

}

header.style5 nav {
    float: left;
    margin-right: 0;
}

header.style5 .logo {
    position: absolute;
    left: 50%;
    top: 50%;

    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);

}

/* Location */
.form-location-sec {
    float: left;
    width: 100%;
    text-align: center;
    margin: 70px 0;
}

.form-location-sec h3 {
    float: left;
    width: 100%;
    color: #ffffff;
    font-size: 60px;
    margin: 0;
    margin-top: -15px;
}

.form-location-sec h3 strong {
    float: left;
    width: 100%;
}

.form-location-sec form {
    float: none;
    width: auto;
    text-align: center;
    display: inline-block;
    margin-top: 40px;
    position: relative;
}

.form-location-sec form .field-lct {
    float: left;
    width: auto;
    margin-right: 2px;
    position: relative;
}

.form-location-sec form .field-lct input {
    float: left;
    width: 364px;
    height: 60px;
    background: #ffffff;
    margin: 0;
    font-size: 13px;
    color: #000000;
}

.form-location-sec form .field-lct.sl input {
    width: 240px;
}

.form-location-sec form .field-lct i {
    position: absolute;
    right: 11px;
    top: 15px;
    font-size: 23px;
    color: #737373;
}

.form-location-sec form button {
    display: inline;
    width: 70px;
    height: 60px;
    background: #26ae61;

    -webkit-border-radius: 0 0;
    -moz-border-radius: 0 0;
    -ms-border-radius: 0 0;
    -o-border-radius: 0 0;
    border-radius: 0 0;

    font-size: 26px;
    padding: 0;
    margin-left: 1px;
}

.form-location-sec form a {
    display: block;
    text-align: right;
    font-size: 14px;
    color: #B3B3B3;
    position: relative;
    top: 10px;
    font-size: 13px;
    font-family: Open Sans;
}

.form-location-sec form a {
    text-align: right;
    font-size: 14px;
    color: #B3B3B3;
    position: relative;
    font-size: 13px;
    font-family: Open Sans;
    height: 20px;
    position: absolute;
    width: auto;
    right: 0;
    top: 100%;
    margin-top: 14px;
}

.p-category.style2.gray {
    background: #f4f5fa;
}

.p-category.style2.gray i {
    color: #26ae61;
}

.heading.left {
    text-align: left;
}

.job-listings-sec.style2 .job-listing {
    background: #f4f5fa;
    border: none;
    padding-top: 24px;
    padding-bottom: 24px;
    padding-right: 30px;
}

.job-listings-sec.style2 .job-listing .job-title-sec span {
    color: #26ae61;
}

.job-listings-sec.style2 .job-listing .job-lctn {
    font-size: 14px;
    color: #888888 !important;;
    line-height: 20px;
    margin-left: 14px;
}

.job-listings-sec.style2 .job-title-sec {
    width: 70%;
}

.job-listings-sec.style2 .fav-job {
    font-size: 18px;
    float: right;
    margin: 17px 0;
}

.job-listings-sec.style2 .job-is {
    border: none;
}

.job-listings-sec.style2 .aply-btn {
    float: right;
    font-size: 12px;
    background: #26ae61;
    border: 1px solid #26ae61;
    color: #ffffff;
    padding: 7px 15px;
    padding-top: 8px;

    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;

    line-height: 10px;
    padding-top: 7px;
    margin: 10px 0;
}

.job-listings-sec.style2 .job-listing:hover {
    background: #ffffff;

    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;

}

.job-grid.style2 {
    background: #f4f5fa;

    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;

    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;

}

.job-grid.style2 .job-title-sec {
    padding: 0;
    border: none;
}

.job-grid.style2 .job-title-sec .c-logo {
    margin: 0;
    padding: 0 20px;
}

.job-grid.style2 .job-lctn {
    margin: 0;
    margin-top: 0px;
    margin-top: 2px;
}

.job-grid.style2 > p {
    float: left;
    width: 100%;
    margin: 0;
    margin-top: 0px;
    font-size: 13px;
    line-height: 18px;
    color: #888888;
    letter-spacing: 0px;
    margin-top: 9px;
}

.grid-info-box {
    float: left;
    width: 100%;
}

.grid-info-box {
    float: left;
    width: 100%;
    padding-top: 11px;
    padding-bottom: 17px;
}

.grid-info-box .job-is {
    float: left;
    padding: 0;
    border: none;
    width: auto;
}

.grid-info-box a {
    float: right;
    font-size: 12px;
    background: #26ae61;
    border: 1px solid #26ae61;
    color: #ffffff;
    padding: 8px 15px;

    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;

    line-height: 14px;
    margin: 10px 0;
    margin: 6px 0;
    margin-left: 13px;
}

.grid-info-box .fav-job {
    position: static;
    float: left;
    font-size: 19px;
    margin: 8px 0;
    margin-left: 13px;
}

.layer.color.green2::before {
    background-color: #26ae61;
}

/* Who am */
.who-am {
    float: left;
    width: 100%;
    margin: 110px 0;
    padding-left: 30px;
    padding-right: 100px;
}

.who-am h3 {
    float: left;
    width: 100%;
    color: #ffffff;
    font-family: Quicksand;
    font-size: 40px;
    margin: 0;
}

.who-am p {
    float: left;
    width: 100%;
    font-family: Open Sans;
    font-size: 16px;
    line-height: 26px;
    color: #ffffff;
    margin-top: 11px;
}

.who-am a {
    float: left;
    border: 2px solid #ffffff;
    font-family: Quicksand;
    font-size: 16px;
    color: #ffffff;
    padding: 13px 50px;
}

.who-am.flip {
    padding-right: 30px;
    padding-left: 100px;
    text-align: right;
}

.who-am.flip a {
    float: right;
}

.how-to-sec.style2.lines {
    background-image: none;
    height: 1px;
    content: "";
    background-color: #e8ecec;
    top: 53px;
    bottom: auto;
}

.how-to-sec.style2.lines .how-icon {
    background: #f4f5fa;
    color: #26ae61;
}

.how-to-sec.style2.lines .how-to:first-child .how-icon {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;

    background: #f4f5fa;

}

.stats-sec.style2 .stats span {
    color: #26ae61;
}

.stats-sec.style2 .stats h5 {
    color: #333333;
}

/* Toggle Widget */
#toggle-widget {
    float: left;
    width: 100%;
}

#toggle-widget h2 {
    float: left;
    width: 100%;
    font-size: 16px;
    color: #222222;
    background: #f4f5fa;
    padding: 21px 40px;
    font-family: Open Sans;
    cursor: pointer;
    margin-bottom: 1px;
    position: relative;
}

#toggle-widget .content {
    float: left;
    width: 100%;
    padding: 0 40px;
}

#toggle-widget .content p {
    float: left;
    width: 100%;
    color: #888888;
    font-size: 14px;
    line-height: 24px;
    margin: 0;
    padding: 25px 0;
}

#toggle-widget h2::before {
    position: absolute;
    font-family: lineawesome;
    content: "\f121";
    font-size: 20px;
    color: #929292;
    top: 50%;
    right: 20px;
    margin-top: -12px;
}

#toggle-widget h2.active::before {

    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);

}

.col-lg-4 .reviews.style2 {
    padding: 0;
}

.col-lg-5 .reviews.style2 {
    padding: 0;
}

.col-lg-6 .reviews.style2 {
    padding: 0;
}

.col-lg-4 .reviews.style2::before,
.col-lg-5 .reviews.style2::before,
.col-lg-6 .reviews.style2::before {
    font-size: 100px;
    top: 120px;
    height: auto;
    bottom: auto;
}

.col-lg-4 .reviews.style2::after,
.col-lg-5 .reviews.style2::after,
.col-lg-6 .reviews.style2::after {
    display: none;
}

.detailbar {
    float: left;
    width: 100%;
    padding-right: 150px;
    margin: 60px 0;
}

.detailbar h3 {
    float: left;
    width: 100%;
    float: left;
    color: #ffffff;
    font-family: Quicksand;
    font-size: 30px;
    font-weight: bold;
}

.detailbar p {
    float: left;
    width: 100%;
    color: #ffffff;
    margin: 0;
}

.detalbr-mkp {
    float: right;
    margin-top: -86px;
}

footer.style3 {
    background: #202020;
}

footer.style3 .bottom-line {
    background: #101010;
}

footer.style3 .bottom-line .back-top i {
    background: none;
    color: #26ae61;
}

footer.style3 .bottom-line span {
    color: #929393;
}

footer.style3 span, footer.style3 a {
    color: #929393;
}

.job-search > h4 {
    float: left;
    width: 100%;
    margin: 0;
    color: #ffffff;
    text-align: center;
    font-weight: bold;
    font-size: 30px;
}

.inner-header::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    z-index: -1;

    background: rgb(139, 145, 221);
    background: -moz-linear-gradient(45deg, rgba(139, 145, 221, 1) 0%, rgba(16, 25, 93, 1) 71%, rgba(16, 25, 93, 1) 100%);
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(139, 145, 221, 1)), color-stop(71%, rgba(16, 25, 93, 1)), color-stop(100%, rgba(16, 25, 93, 1)));
    background: -webkit-linear-gradient(45deg, rgba(139, 145, 221, 1) 0%, rgba(16, 25, 93, 1) 71%, rgba(16, 25, 93, 1) 100%);
    background: -o-linear-gradient(45deg, rgba(139, 145, 221, 1) 0%, rgba(16, 25, 93, 1) 71%, rgba(16, 25, 93, 1) 100%);
    background: -ms-linear-gradient(45deg, rgba(139, 145, 221, 1) 0%, rgba(16, 25, 93, 1) 71%, rgba(16, 25, 93, 1) 100%);
    background: #405a67;/*edited by:ru date:16/03/2019*//*linear-gradient(45deg, rgba(139, 145, 221, 1) 0%, rgba(16, 25, 93, 1) 71%, rgba(16, 25, 93, 1) 100%);*/
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0267ad', endColorstr='#10195d', GradientType=1);
    opacity: 0.8;
}

/*.inner-header::after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background-image: url('../images/lines.png');
    z-index: 0;
    opacity: 0.14;
}*/

.inner-header {
    float: left;
    width: 100%;
    position: relative;
    padding-top: 15px;
    padding-bottom: 0px;
    z-index: 0;
}

.inner-header.wform .job-search-sec {
    position: relative;
    float: left;
    z-index: 4;
    top: 0;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);

}

section.overlape {
    z-index: 2;
}

.emlthis {
    float: left;
    border: 2px solid #d8dcdc;

    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    border-radius: 6px;

    padding: 12px 30px;
    font-size: 13px;
    color: #888888;
    margin-bottom: 30px;

    line-height: 18px;
}

.emlthis i {
    float: left;
    font-size: 19px;
    margin-right: 11px;
    position: relative;
    top: -1px;
    color: #B3B3B3;
}

.filterbar {
    float: left;
    width: 100%;
    margin-bottom: 30px;
}

.filterbar > h5 {
    float: left;
    font-family: Quicksand;
    font-size: 20px;
    color: #222222;
    font-weight: bold;
    line-height: 33px;
    margin: 0;
}

.sortby-sec {
    float: right;
}

.sortby-sec > span {
    float: left;
    font-size: 13px;
    line-height: 33px;
    color: #888888;
    margin-right: 10px;
}

.sortby-sec .chosen-container > a {
    border: none;
    background: #f4f5fa;
    font-size: 13px;
    width: auto;
    padding: 7px 20px;
}

.sortby-sec .chosen-container {
    border: none;
    float: left;
    width: auto !important;
    clear: none;
    margin-left: 10px;
}

.sortby-sec .chosen-container > a div::before {
    font-size: 11px;
    color: #737373;
}

.sortby-sec .chosen-container.chosen-container-single.chosen-container-single-nosearch.chosen-with-drop.chosen-container-active a {
    background: #dfdfdf;
    color: #222222;
}

.job-grid.border {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;

    border: 2px solid #e8ecec;
}

.job-grid:hover {
    -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);

    border-color: #ffffff;
}

/* pagination */
.pagination {

    float: left;
    margin: 60px 0 0;
    padding: 0;
    text-align: center;
    width: 100%;
}

.pagination ul {
    display: inline-block;
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

.pagination li {
    float: left;
    font-family: Montserrat;
    font-size: 12px;
    margin: 0 10px 0 0;
}

.pagination li:last-child {
    margin: 0;
}

.pagination li.active a, .pagination li a:active {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}

.pagination li.active a, .pagination li a:hover {
    color: #ffffff;
    background-color: #2375bb;
    border-color: #2375bb;
}

.pagination li .delimeter {
    display: block;
    padding-top: 6px;
}

.pagination a,
.pagination span {
    background: #ffffff none repeat scroll 0 0;

    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;

    float: left;
    font-family: Open Sans;
    padding: 3px 13px;
    text-decoration: none;
    border: 3px solid #edeff7;
    padding: 9px 15px;
    font-size: 14px;
    color: #000000;

    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;

    height: 41px;
}

.pagination li.prev a, .pagination li.next a {
    padding: 9px 25px;
}

.pagination a i {
    font-size: 15px;
    color: #929292;
}

.inner-header > h3 {
    float: left;
    width: 100%;
    position: relative;
    z-index: 1;
    color: #ffffff;
    font-weight: bold;
    font-size: 30px;
    text-align: center;
    margin: 0;
    margin-bottom: 34px;
}

.upload-image-sec {
    padding-bottom: 20px;
}

.row-section-margin-top {
    padding-top: 20px;
}

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

.field_w_search {
    float: left;
    width: 100%;
    position: relative;
    border: 2px solid #e8ecec;

    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;

    margin-bottom: 20px;
}

.field_w_search input {
    float: left;
    width: 100%;
    background: none;
    padding: 15px 25px;
    font-size: 13px;
    margin: 0;
}

.field_w_search i {
    position: absolute;
    right: 15px;
    top: 12px;
    color: #929292;
    font-size: 24px;
}

.border-right {
    padding-right: 40px;
    padding-top: 40px;
    padding-bottom: 40px;
}

.search_widget_job .field_w_search:last-child {
    margin: 0;
}

aside .widget {
    margin-top: 25px;
}

aside .widget:first-child {
    margin: 0;
}

.sb-title {
    float: left;
    width: 100%;
    font-family: Open Sans;
    font-size: 16px;
    color: #111111;
    margin: 0;
    position: relative;
    padding-right: 30px;
    margin-bottom: 0;
    cursor: pointer;
}

.sb-title::before {
    position: absolute;
    right: 0;
    top: 11px;
    width: 20px;
    height: 1px;
    background: #222222;
    content: "";
}

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

.posted_widget label {
    float: left;
    width: 100%;
    font-size: 13px;
    color: #888888;
    margin-bottom: 16px;
    padding-left: 30px;
}

.nm {
    margin: 0 !important;
}

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

.type_widget p {
    float: left;
    width: 100%;
    margin: 0;
    font-size: 13px;
    color: #888888;
    margin-bottom: 4px;
}

.type_widget p label {
    padding-left: 31px;
}

.flchek label::before {
    border-color: #929292 !important;
}

.ftchek label::before {
    border-color: #0267ad !important;
}

.ischek label::before {
    border-color: #f831e3 !important;
}

.ptchek label::before {
    border-color: #7dc246 !important;
}

.tpchek label::before {
    border-color: #26ae61 !important;
}

.vtchek label::before {
    border-color: #18f0f8 !important;
}

.sb-title::after {
    position: absolute;
    right: 8px;
    top: 4px;
    width: 1px;
    height: 0px;
    background: #222222;
    content: "";
}

.sb-title.open.active::before {
    width: 17px;
}

.sb-title::after {
    height: 0px;
}

.sb-title.open.active::after {
    height: 15px;
}

.sb-title.open.active {
    margin-bottom: 0;
}

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

.simple-checkbox p {
    float: left;
    width: 100%;
    margin: 0;
    margin-bottom: 0px;
    font-family: Open Sans;
    font-size: 13px;
    margin-bottom: 4px;
}

.simple-checkbox p label {
    padding-left: 31px;
}

.simple-checkbox p input[type="checkbox"]:checked + label::before, .simple-checkbox p input[type="radio"]:checked + label::before {
    background: #2c7dfa;
    border-color: #2c7dfa;
}

.simple-checkbox p input[type="checkbox"] + label::after {
    color: #ffffff;
}

.simple-checkbox {
    float: left;
    width: 100% !important;
}

.sb-title.closed::after {
    height: 15px;
}

.sb-title.closed::before {
    width: 17px;
}

aside .widget > div {
    margin-top: 15px;
}

.subscribe_widget > h3 {
    float: left;
    width: 100%;
    font-family: Open Sans;
    font-size: 16px;
    color: #111111;
    margin: 0;
    margin-bottom: 0px;
    position: relative;
    padding-right: 30px;
    margin-bottom: 15px;
    cursor: pointer;
}

aside .subscribe_widget form input {
    border: 2px solid #e8ecec;
    color: #333333;
}

aside .subscribe_widget form button {
    background: #929292;
}

.tags-bar {
    float: left;
    width: 100%;
    margin-top: 40px;
    border: 2px solid #e8ecec;

    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;

    padding: 10px;
    position: relative;
}

.modrn-joblist {
    float: left;
    width: 100%;
    padding-left: 30px;
    border-bottom: 1px solid #edeff7;
}

.tags-bar > span {
    float: left;
    background: #f4f5fa;

    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;

    font-family: Open Sans;
    font-size: 13px;
    padding: 7px 17px;
    margin-right: 15px;
    position: relative;
}

.tags-bar > span i {
    position: absolute;
    right: -6px;
    top: -5px;
    width: 16px;
    height: 16px;
    font-style: normal;
    background: #929292;

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

    color: #ffffff;
    text-align: center;
    line-height: 13px;
    font-size: 10px;
    font-family: Open Sans;
    cursor: pointer;
}

.action-tags {
    float: right;
}

.action-tags a {
    float: left;
    font-size: 13px;
    color: #0267ad;
    padding: 7px 6px;
    line-height: 17px;
}

.action-tags a i {
    float: left;
    font-size: 18px;
    margin-right: 4px;
}

.modrn-joblist .filterbar {
    margin-top: 30px;
}

.filterbar .emlthis {
    margin: 0;
    padding: 10px 30px;
}

.modrn-joblist .filterbar h5 {
    float: left;
    width: 100%;
    margin: 0;
    margin-top: 0px;
    margin-top: 25px;
}

.job-style-bx > i {
    position: absolute;
    right: 16px;
    bottom: 0;
    font-style: normal;
    font-size: 13px;
    color: #888888;
}

.job-list-modern .job-listing.wtabs {
    margin: 0;
    -webkit-border-radius: 0 0;
    -moz-border-radius: 0 0;
    -ms-border-radius: 0 0;
    -o-border-radius: 0 0;
    border-radius: 0 0;
    border-right-color: #ffffff;
    border-top-color: #edeff7;
    border-bottom-color: #edeff7;
    border-left: 1px solid #edeff7;
    margin-top: 0px;
    padding: 30px 0px;
    border-right: 1px solid #edeff7;
}

.job-list-modern .pagination {
    padding-bottom: 32px;
}

.job-list-modern .job-listing.wtabs .job-style-bx {
    padding-bottom: 31px;
    bottom: 50%;

    -webkit-transform: translateY(50%);
    -moz-transform: translateY(50%);
    -ms-transform: translateY(50%);
    -o-transform: translateY(50%);
    transform: translateY(50%);

}

.ss-wrapper {
    overflow: hidden;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
    float: left;
}

.ss-content {
    height: 100%;
    width: calc(100% + 18px);
    padding: 0 0 0 0;
    position: relative;
    overflow: auto;
    box-sizing: border-box;
}

.ss-content.rtl {
    width: calc(100% + 18px);
    right: auto;
}

.ss-scroll {
    position: relative;
    background: rgba(0, 0, 0, 0.1);
    width: 5px;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    top: 0;
    z-index: 2;
    cursor: pointer;

    -webkit-transition: opacity 0.25s linear;
    -moz-transition: opacity 0.25s linear;
    -ms-transition: opacity 0.25s linear;
    -o-transition: opacity 0.25s linear;
    transition: opacity 0.25s linear;

}

.ss-hidden {
    display: none;
}

.ss-container:hover .ss-scroll,
.ss-container:active .ss-scroll {
    opacity: 1;
}

.ss-grabbed {
    -o-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

.simple-checkbox.scrollbar {
    height: 232px;
}

.viewmore {
    float: left;
    width: 100%;
    text-align: center;
}

.viewmore span {
    float: none;
    display: inline-block;
    padding: 9px 13px;
    font-size: 13px;
    font-family: Open Sans;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    cursor: pointer;
}

.viewmore span i {
    width: 7px;
    height: 7px;
    float: left;
    background: #e8ecec;

    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;

    margin: 5px 2px;
}

.alert.alert-success.alert-dismissable {
    display: inline-block;
    float: left;
    margin-left: 30px;
}

.alert.alert-danger.alert-dismissable {
    display: inline-block;
    float: left;
}

.alert.alert-warning.alert-dismissable {
    display: inline-block;
    float: left;
    margin-left: 30px;
}

/*edited by:ru date:16/03/2019*/
.viewmore span ul.pagination li.active span {
    color: #ffffff;
    background-color: #2375bb;
    border-color: #2375bb;
}
/*end*/
.viewmore span i:last-child {
    margin-right: 10px;
}

.job-search .tags-bar {
    padding: 0 120px;
    border: none;
}

.job-search .tags-bar > span {
    border: 2px solid #ffffff;
    background: none;
    color: #ffffff;

    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;

}

.job-search .tags-bar > span > i {
    color: #929292;
    background: #ffffff;
}

.job-search .tags-bar .action-tags a {
    color: #ffffff;
}

.widget.border {
    border: 2px solid #e6e7ef;
    padding: 18px 20px;

    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;

}

aside .widget.border {
    margin-top: 10px;
}

.banner_widget {
    float: left;
    width: 100%;
    margin-top: 10px;
}

.banner_widget a {
    float: left;
    width: 100%;
}

.banner_widget a img {
    float: left;
    width: 100%;
}

aside .widget.border:first-child {
    margin-top: 30px;
}

.job-listings-sec.no-border .job-listing {
    border: 2px solid #ffffff;
}

.job-statistic {
    float: left;
    width: 100%;
    text-align: center;
    position: relative;
    margin-top: 20px;
    margin-bottom: 50px;
    z-index: 1;
}

.job-statistic span {
    float: none;
    display: inline-block;
    font-size: 12px;
    border: 1px solid #ffffff;
    color: #ffffff;
    padding: 7px 20px;

    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;

}

.job-statistic p {
    float: none;
    display: inline-block;
    color: #ffffff;
    font-size: 14px;
    margin: 0 20px;
}

.job-statistic p i {
    font-size: 23px;
    float: left;
    line-height: 29px;
    margin-right: 9px;
}

/* Job Single Sec */
.job-single-sec {
    float: left;
    width: 100%;
}

.job-single-head {
    float: left;
    width: 100%;
    padding-bottom: 30px;
    border-bottom: 1px solid #e8ecec;
    display: table;
}

.job-thumb {
    display: table-cell;
    vertical-align: top;
    width: 107px;
}

.job-thumb img {
    float: left;
    width: 100%;
    border: 2px solid #e8ecec;

    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;

}

.job-head-info {
    display: table-cell;
    vertical-align: middle;
    padding-left: 25px;
}

.job-head-info h4 {
    float: left;
    width: 100%;
    font-family: Open Sans;
    font-size: 16px;
    color: #202020;
    margin: 0;
    margin-bottom: 0px;
    margin-bottom: 10px;
}

.job-head-info span {
    float: left;
    width: 100%;
    font-size: 14px;
    color: #888888;
    line-height: 10px;
}

.job-head-info p {
    float: left;
    margin: 0;
    margin-top: 0px;
    margin-right: 0px;
    font-size: 14px;
    margin-right: 40px;
    color: #888;
    margin-top: 11px;
}

.job-head-info p i {
    float: left;
    font-size: 21px;
    line-height: 27px;
    margin-right: 9px;
}

.job-details {
    float: left;
    width: 100%;
    padding-top: 20px;
}

.job-details h3 {
    float: left;
    width: 100%;
    font-family: Open Sans;
    font-size: 16px;
    color: #202020;
    margin-bottom: 15px;
    margin-top: 10px;
}

.job-details p,
.job-details li {
    float: left;
    width: 100%;
    font-size: 14px;
    color: #888888;
    line-height: 24px;
    margin: 0;
    margin-bottom: 19px;
}

.job-details > ul {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

.job-details > ul li {
    float: left;
    width: 100%;
    margin: 0;
    margin-bottom: 0px;
    position: relative;
    padding-left: 23px;
    line-height: 21px;
    margin-bottom: 10px;
    font-size: 14px;
    color: #888888;
}

/*.job-details > ul li::before {
    position: absolute;
    left: 0;
    top: 13px;
    width: 10px;
    height: 1px;
    background: #888888;
    content: "";
}*/

.share-bar {
    float: left;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
    border-top: 1px solid #e8ecec;
    border-bottom: 1px solid #e8ecec;
}

.share-bar span {
    float: left;
    font-size: 16px;
    color: #202020;
    line-height: 40px;
    margin-right: 14px;
}

.share-bar a {
    float: none;
    display: inline-block;
    width: 47px;
    height: 35px;
    border: 2px solid;
    border-top-color: currentcolor;
    border-right-color: currentcolor;
    border-bottom-color: currentcolor;
    border-left-color: currentcolor;

    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;

    line-height: 30px;
    font-size: 18px;
    margin: 0 5px;
    margin-top: 0px;
    text-align: center;
    margin-top: 0px;
    margin-top: 6px;
}

.share-bar a.share-fb {
    color: #3b5998;
    border-color: #3b5998;
}

.share-bar a.share-twitter {
    color: #1da1f2;
    border-color: #1da1f2;
}

.share-bar a.share-google {
    color: #c71111;
    border-color: #bb3030;
}

.share-bar a.share-fb:hover {
    background: #3b5998;
    border-color: #3b5998;
    color: #ffffff;
}

.share-bar a.share-twitter:hover {
    background: #1da1f2;
    border-color: #1da1f2;
    color: #ffffff;
}

.share-bar a.share-google:hover {
    background: #bb3030;
    border-color: #bb3030;
    color: #ffffff;
}

.recent-jobs {
    float: left;
    width: 100%;
    padding-top: 20px;
}

.recent-jobs > h3 {
    float: left;
    width: 100%;
    font-family: Open Sans;
    font-size: 16px;
    color: #202020;
}

.apply-thisjob {
    float: left;
    width: 100%;
    border: 2px solid #0267ad;
    text-align: center;
    color: #0267ad;

    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;

    padding: 20px 20px;
    font-size: 15px;
    font-family: Open Sans;
    font-weight: bold;
}

.apply-thisjob i {
    font-size: 28px;
    margin-right: 8px;
    line-height: 11px;
    position: relative;
    top: 5px;
}

.apply-alternative {
    float: left;
    width: 100%;
    padding-top: 30px;
}

.apply-alternative a {
    float: left;
    border: 2px solid #e8ecec;
    font-size: 14px;
    color: #888888;
    padding: 0 20px;

    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;

    height: 50px;
    line-height: 50px;

}

.apply-alternative a i {
    font-size: 20px;
    float: left;
    margin-right: 6px;
    margin-top: 12px;
}

.apply-alternative span {
    float: right;
    border: 2px solid #e8ecec;
    font-size: 14px;
    color: #888888;
    padding: 0 30px;
    height: 50px;
    line-height: 50px;

    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;

    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;

}

.apply-alternative span:hover {
    background: #929292;
    border-color: #929292;
    color: #ffffff;
}

.apply-alternative span i {
    font-size: 20px;
    float: left;
    margin-right: 6px;
    margin-top: 14px;
}

/* Job Overview */
.job-overview {
    float: left;
    width: 100%;
    margin-top: 30px;
}

.job-overview > h3 {
    float: left;
    width: 100%;
    font-family: Open Sans;
    font-size: 16px;
}

.job-overview ul {
    float: left;
    width: 100%;
    border: 2px solid #e8ecec;

    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;

    margin: 0;
    padding-left: 15px !important;
}

.job-overview ul > li {
    float: left;
    width: 100%;
    margin: 0;
    position: relative;
    padding-left: 67px;
    margin: 15px 0;
}
/*Job-overview Languages Modified By: Rushabh Date:06/10/2018*/ 
.job-overview .lang-list > .lang-specify{
    padding-left: 0px;
}

.job-overview ul > li i {
    position: absolute;
    left: 23px;
    top: 5px;
    font-size: 30px;
    color: #0267ad;
}

.job-overview ul > li h3 {
    float: left;
    width: 100%;
    font-size: 14px;
    font-family: Open Sans;
    margin: 0;
}

.job-overview ul > li span {
    float: left;
    width: 100%;
    font-size: 14px;
    color: #888888;
    margin-top: 7px;
}

.job-location {
    float: left;
    width: 100%;
    margin-top: 30px;
}

.job-location > h3 {
    float: left;
    width: 100%;
    font-family: Open Sans;
    font-size: 16px;
    color: #202020;
}

.job-lctn-map {
    float: left;
    width: 100%;
}

.job-lctn-map iframe {
    float: left;
    width: 100%;
    border: none;

    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;

    height: 270px;
}

.extra-job-info {
    float: left;
    width: calc(100% - 30px);
    margin-top: 30px;
}

.extra-job-info > span {
    float: left;
    width: 100%;
    border: 2px solid #e8ecec;

    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;

    padding: 17px 20px;
    margin-bottom: 20px;
    font-family: Open Sans;
    font-size: 14px;
    color: #888888;
}

.extra-job-info > span i {
    float: left;
    font-size: 30px;
    color: #0267ad;
    width: 30px;
    margin-right: 12px;
}

.extra-job-info > span strong {
    font-family: Open Sans;
    font-size: 14px;
    font-weight: normal;
    color: #202020;
    line-height: 28px;
    display: inline-block;
    margin-right: 7px;
}

.job-single-head2 {
    float: left;
    width: 100%;
    padding-bottom: 50px;
    border-bottom: 1px solid #e8ecec;
}

.job-title2 {
    float: left;
    width: 100%;
}

.job-title2 > h3 {
    float: left;
    font-size: 20px;
    font-weight: bold;
    margin: 0;
    margin-right: 0px;
    margin-right: 20px;
}

.job-title2 span.job-is {
    float: left;
    margin: 0;
}

.job-title2 > i {
    float: left;
    font-size: 26px;
    color: #B8B8B8;
    margin: 1px 0;
    margin-left: 18px;
}

.tags-jobs {
    float: left;
    width: 100%;
    margin: 0;
    margin-top: 0px;
    margin-top: 20px;
}

.tags-jobs > li {
    float: left;
    margin: 0;
    margin-right: 0px;
    font-family: Open Sans;
    font-size: 14px;
    color: #888888;
    margin-right: 30px;
}

.tags-jobs > li i {
    float: left;
    font-size: 23px;
    float: left;
    line-height: 15px;
    margin-right: 8px;
    color: #0267ad;
}

.tags-jobs > li span {
    color: #0267ad;
}

.job-single-head2 > span {
    float: left;
    width: 100%;
    font-size: 14px;
    color: #888888;
    margin-top: 20px;
}

.job-single-head2 > span strong {
    font-weight: normal;
    color: #202020;
}

.job-wide-devider .job-overview {
    margin: 0;
}

.job-single-sec .job-overview ul {
    padding: 0;

    margin-bottom: 20px;
}

.job-single-sec .job-overview ul li {
    float: left;
    width: 33.334%;
    padding-left: 50px;
}

.job-single-sec .job-overview ul li i {
    left: 0;
}

.job-single-head.style2 {
    float: left;
    width: 100%;
    display: inherit;
    text-align: center;
    border: none;
}

.job-single-head.style2 .job-thumb {
    float: left;
    width: 100%;
    text-align: center;
}

.job-single-head.style2 .job-thumb img {
    float: none;
    display: inline-block;
    width: auto;
    border: none;

    -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

}

.job-single-head.style2 .job-head-info {
    float: left;
    width: 100%;
    display: inherit;
    padding: 0;
    margin-top: 30px;
    margin-bottom: 40px;
}

.job-single-head.style2 .job-head-info p {
    float: left;
    width: 100%;
    text-align: center;
    margin: 0;
    margin-top: 0px;
    margin-top: 5px;
}

.job-single-head.style2 .job-head-info p i {
    float: none;
    color: #0267ad;
}

.job-single-head.style2 .job-head-info > span {
    margin-top: 5px;
    margin-bottom: 20px;
}

.job-single-head.style2 > a {
    float: none;
    display: inline-block;
}

.apply-job-btn {
    background: #929292;
    font-family: Open Sans;
    font-size: 15px;
    font-weight: bold;
    color: #ffffff;
    padding: 20px 0;

    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
    border-radius: 40px;

    width: 250px;
    height: 60px;
}

.apply-job-btn i {
    margin-right: 10px;
    float: none;
    font-size: 23px;
    line-height: 9px;
    position: relative;
    top: 4px;
}

.apply-job-linkedin {
    float: none;
    display: inline-block;
    background: #ffffff;
    padding: 21px 0;

    -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);

    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
    border-radius: 40px;

    font-family: Open Sans;
    font-size: 14px;
    color: #929292;
    width: 250px;
    height: 60px;
    margin-top: 35px;
}

.apply-job-linkedin i {
    float: none;
    font-size: 25px;
    margin-right: 10px;
    line-height: 8px;
    position: relative;
    top: 4px;
}

.viewall-jobs {
    background: #0267ad;
    width: 250px;
    height: 60px;
    line-height: 60px;
    color: #ffffff;
    font-family: Open Sans;
    font-size: 14px;

    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
    border-radius: 40px;

    margin-top: 35px;
}

.job-single-head3 {
    float: left;
    width: 100%;
    display: table;
    padding-bottom: 30px;
    border: none;
}

.job-single-head3 .job-thumb {
    width: 125px;
}

.job-single-info3 {
    vertical-align: top;
    font-size: 17px;
    padding-left: 4%;
    padding-top: 3%;
}

.job-single-info3 > h3 {
    float: left;
    width: 100%;
    font-size: 20px;
    color: #202020;
    font-weight: bold;
    margin-bottom: 4px;
}

.job-single-info3 > .useraddress > span {
    float: left;
    font-size: 14px;
    color: #888888;
    margin: 10px 0;
}

.userskills, .useraddress {
    padding-left: 0px;
}

.customer-star-rating {
    padding-left: 19px;
    color: #555555;
}

/*edited by:ru date:16/03/2019*/
.reviews-sec-candidate-profile {
    background-color: #2375bb;
    padding: 5px;
    font-size: 14px;
    color: #fff;
    float: left;
    margin-right: 14px;
}
/*end*/
.candidate-rate-review i.la {
    font-size: 18px;
    padding-top: 3px;
    float: left;

}

.candidate-rate-review .freelancer-profile-page {
    text-align: left;
    padding-left: 0px;
    font-weight: 600;
}

.vala4-profile-success {
    color: #5dc26a;
    font-weight: 600;
}

.vala4-profile-nosuccess {
    color: #555;
}

.verifaction {
    padding-top: 8px;
}

.verifaction i.la {
    font-size: 28px;
    padding: 3px 9px 0px 4px;
}

.verifaction-freelancer-bid i.la {
    font-size: 21px;
    padding: 3px 9px 0px 4px;
}

.job-single-info3 > span i {
    float: left;
    font-size: 23px;
    float: left;
    line-height: 15px;
    margin-right: 8px;
    color: #0267ad;
}
/*Change BY TC_RU on 19-03-2019 */ 
.job-single-info3 .job-is {
    margin: 0;
    margin-left: 7px;
    font-size: 14px;
    margin-bottom: 10px;
}
/*end*/
.job-single-info3 .tags-jobs {
    margin-top: 16px;
}

.job-thumb > span {
    float: left;
    width: 100%;
    font-size: 14px;
    color: #929292;
    text-align: center;
    margin-top: 23px;
}

.job-single-sec.style3 .share-bar {
    border: none;
    padding: 0;
}

.job-single-sec .extra-job-info {
    border: 2px solid #e8ecec;
    padding: 20px 30px;

    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;

    width: 100% !important;

}

.job-single-sec .extra-job-info > span {
    float: left;
    width: 33.334%;
    padding: 0;
    border: none;
    margin: 0;
}

.job-head-wide {
    float: left;
    width: 100%;
    border-bottom: 1px solid #e8ecec;
}

.job-head-wide .apply-thisjob {
    background: #0267ad;
    border: 2px solid #0267ad;

    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;

    color: #ffffff;
}

.job-head-wide .apply-alternative a, .job-head-wide .apply-alternative span {

    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;

}

.job-wide-devider {
    float: left;
    width: 100%;
}

.job-wide-devider .job-overview {
    margin-top: 30px;
}

.job-wide-devider .job-overview ul {
    padding: 20px 0;

}

.job-wide-devider .job-overview > ul > li {
    float: left;
    width: 100%;
    padding-left: 67px;
}

.job-wide-devider .job-overview > ul > li i {
    left: 23px;
}

/* Quick Form JOb */
.quick-form-job {
    float: left;
    width: 100%;
    margin-top: 10px;
}

.quick-form-job > h3 {
    float: left;
    width: 100%;
    font-size: 16px;
    color: #202020;
    font-family: Open Sans;
}

.quick-form-job form {
    float: left;
    width: 100%;
    border: 2px solid #e8ecec;

    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;

    padding: 30px;
}

.quick-form-job form input {
    float: left;
    width: 100%;
    background: none;
    border: 2px solid #e8ecec;

    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;

    font-size: 13px;
    color: #888888;
    padding: 15px 25px;
}

.quick-form-job form input, .quick-form-job form textarea {
    float: left;
    width: 100%;
    background: none;
    border: 2px solid #e8ecec;

    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;

    font-size: 13px;
    color: #888888;
    padding: 15px 25px;
    font-family: Open Sans;
    margin-bottom: 15px;
}

.quick-form-job form button {
    float: left;
    width: 100%;

    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;

    background: #424f95;
    font-size: 18px;
    font-family: Open Sans;
    padding: 16px 10px;
    margin-bottom: 15px;
    border: 2px solid #424f95;
}

.quick-form-job form > span {
    float: left;
    width: 100%;
    font-family: Open Sans;
    font-size: 14px;
    color: #888888;
    text-align: center;
}

.quick-form-job form > span a {
    color: #202020;
}

/* Employe Lists */
.emply-list-sec {
    float: left;
    width: 100%;
}

.emply-list {
    float: left;
    width: 100%;
    border-bottom: 1px solid #e8ecec;
    display: table;
    padding-left: 35px;
    padding-top: 35px;
    padding-bottom: 35px;
    padding-right: 30px;
}

.emply-list-thumb {
    display: table-cell;
    vertical-align: top;
    width: 80px;
}

.emply-list-thumb > a {
    float: left;
    width: 100%;
}

.emply-list-thumb > a img {
    float: left;
    width: 100%;

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

}

.emply-list-info {
    display: table-cell;
    vertical-align: top;
    padding-left: 17px;
    position: relative;
}

.emply-pstn {
    position: absolute;
    right: 0;
    top: 0;
    color: #0267ad;
    font-size: 13px;
}

.emply-list-info > h3 {
    float: left;
    width: 100%;
    font-size: 16px;
    font-family: Open Sans;
    color: #202020;
    margin-bottom: 7px;
}

.emply-list-info > span {
    float: left;
    width: 100%;
    font-size: 14px;
    color: #929292;
}

.emply-list-info > h6 {
    float: left;
    width: 100%;
    margin: 0;
    margin-top: 0px;
    font-size: 13px;
    font-family: Open Sans;
    margin-top: 13px;
}

.emply-list-info > p {
    float: left;
    width: 100%;
    font-family: Open Sans;
    font-size: 14px;
    color: #888888;
    line-height: 24px;
    margin: 0;
    margin-top: 0px;
    margin-top: 12px;
}

.emply-list-info > h6 i {
    float: left;
    font-size: 20px;
    line-height: 16px;
    margin-right: 4px;
    color: #999999;
}

.emply-list-sec .pagination {
    margin-bottom: 60px;
}

.emply-list:hover {
    -webkit-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1);

    border-color: #ffffff;
}

.margin_widget .widget, .margin_widget .widget.border {
    margin-bottom: 30px !important;
    margin-top: 0;
}

.filterbar > p {
    float: left;
    margin: 0;
    font-family: Open Sans;
    font-size: 13px;
    color: #888888;
    line-height: 36px;
}

.alpha-pag {
    float: left;
    width: 100%;
    background: #f4f5fa;

    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;

    padding: 16px 20px;
    margin-bottom: 30px;
}

.alpha-pag a.active, .alpha-pag a:hover {
    background: #0267ad;
    color: #ffffff;
}

.alpha-pag a {
    float: left;
    font-size: 13px;
    color: #888888;
    padding: 6px 11px;

    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;

    letter-spacing: 0px;
}

.emply-list-sec.style2 .emply-list {
    border: 2px solid #ffffff;

    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;

}

.emply-list-sec.style2 .emply-list:hover {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;

    border-color: #e6e7ef;
}

.emply-list-sec.style2 .emply-list-thumb > a img {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;

    border: 2px solid #e8ecec;
}

.is_clickable {
    cursor: hand;
    cursor: pointer;
}

.nstSlider {
    cursor: pointer;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    position: relative;
    width: 100%;
    height: 10px;
    background: #f4f5fa;
    margin-top: 10px;
}

.nstSlider .leftGrip.gripHighlighted {
    background: #113344;
}

.nstSlider .rightGrip.gripHighlighted {
    background: #113344;
}

.nstSlider .rightGrip,
.nstSlider .leftGrip {
    position: absolute;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    width: 18px;
    height: 18px;
    background: #ffffff;
    border: 2px solid #929292;
    top: -5px;
}

.nstSlider .bar {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    position: absolute;
    background: #929292;
    height: 8px;
    top: 0px;
}

.nstSlider .highlightPanel {
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    position: absolute;
    background: #e87722;
    height: 20px;
    top: 0;
}

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

.range_slider .leftLabel, .range_slider .rightLabel {
    font-family: Open Sans;
    font-size: 13px;
    color: #888888;
    margin-top: 9px;
}

.range_slider .leftLabel {
    float: left;
}

.range_slider .rightLabel {
    float: right;
}

.emply-list.box {
    border: 2px solid #e6e7ef;

    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;

    float: left;
    width: 100%;
    display: inline-block;
    text-align: center;
    margin-bottom: 30px;
    position: relative;
}

.emply-list.box .emply-list-thumb {
    float: left;
    width: 100%;
}

.emply-list.box .emply-list-thumb a {
    float: none;
    width: auto;
    display: inline-block;
}

.emply-list.box .emply-list-thumb a img {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;

    border: 2px solid #e8ecec;
}

.emply-list.box .emply-list-info {
    float: left;
    width: 100%;
    padding: 0;
    padding-top: 0px;
    padding-top: 12px;
    position: static;
}

.emply-list.box .emply-pstn {
    position: absolute;
    right: 15px;
    top: 14px;
}

.emply-list-info > h6 i {
    float: none;
    line-height: 13px;
    position: relative;
    top: 2px;
    margin-right: 3px;
}

.emply-list.box:hover {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;

    border-color: #0267ad;
}

.alpha-pag.full a {
    font-size: 13px;
    padding: 10px 15px;
    font-weight: bold;
}

.emply-text-sec {
    float: left;
    width: 100%;
}

.emply-text {
    float: left;
    width: 100%;
    border: 2px solid #e6e8ef;

    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;

    padding: 20px;
    margin-bottom: 30px;
}

.emply-text > h3 {
    float: left;
    width: 100%;
    margin: 0;
    margin-bottom: 0px;
    margin-bottom: 16px;
}

.emply-text > h3 span {
    float: left;
    width: 50px;
    height: 50px;
    background: #929292;

    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;

    text-align: center;
    color: #ffffff;
    line-height: 50px;
    font-weight: bold;
    font-size: 15px;
}

.emply-text > ul {
    float: left;
    width: 100%;
    margin: 0;
}

.emply-text > ul > li {
    float: left;
    width: 100%;
}

.emply-text > ul > li {
    float: left;
    width: 100%;
    margin: 5px 0;
    padding-left: 34px;
    position: relative;
    font-family: Open Sans;
    font-size: 14px;
}

.emply-text > ul > li::before {
    position: absolute;
    left: 0;
    top: 8px;
    width: 15px;
    height: 1px;
    background: #888888;
    content: "";
}

.emply-btns {
    float: left;
    width: 100%;
}

.emply-btns > a {
    float: left;
    width: 100%;
    background: #929292;
    font-family: Open Sans;
    font-size: 13px;
    color: #ffffff;
    text-align: center;

    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;

    border: 2px solid #929292;
    padding: 11px 0;
    margin-top: 10px;
}

.emply-btns > a.followus {
    background-color: #ffffff;
    border-color: #0267ad;
    color: #0267ad;
}

.job-head-wide .share-bar a {
    margin: 0 3px;
    float: none;
    display: inline-block;
}

.job-head-wide .share-bar a i {
    font-size: 16px;
}

.job-single-head3.emplye .job-thumb {
    width: 180px;
}

.job-single-head3.emplye .job-single-info3 {
    vertical-align: middle;
}

.job-listing.wtabs.noimg {
    padding-left: 30px;
    padding-right: 30px;
}

.job-overview.divide ul {
    margin: 0;
    border: none;
    border-bottom-width: medium;
    border-bottom-style: none;
    border-bottom-color: currentcolor;
    padding: 0;
    border-bottom: 1px solid #e8ecec;
}

.job-overview.divide ul > li {
    float: left;
    width: 33.334%;
}

.job-overview.divide ul > li span {
    margin-top: 5px;
}

.job-overview.divide {
    margin: 0;
}

.job-single-head.style2 .share-bar {
    padding: 0;
    border: none;
    margin-top: -20px;
}

.job-single-head.style2 .share-bar > a {
    width: 45px;
    height: 45px;

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

    line-height: 41px;
    margin: 0 7px;
}

.job-single-head.style2 .share-bar > a i {
    font-size: 18px;
}

.job-single-head.style2 .emply-btns {
    padding: 0 60px;
    padding-top: 14px;
}

.job-single-head.style2 .emply-btns a {
    padding: 16px 20px;
    font-size: 15px;

    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;

    margin-bottom: 10px;
}

/* Tree Widget */
.widget .tree_widget-sec {
    margin: 0;
}

.tree_widget-sec > ul {
    float: left;
    width: 100%;
    margin: 0;
}

.tree_widget-sec > ul > li {
    float: left;
    width: 100%;
    margin: 0;
}

.tree_widget-sec > ul > li > a {
    float: left;
    width: 100%;
    font-family: Open Sans;
    font-size: 14px;
    color: #000000;
    line-height: 41px;
}

.tree_widget-sec > ul > li > a i {
    float: left;
    font-size: 28px;
    line-height: 41px;
    color: #000000;
    margin-right: 5px;
    width: 35px;
}

.tree_widget-sec > ul > li > ul {
    float: left;
    width: 100%;
    margin: 0;
}

.tree_widget-sec > ul > li > ul {
    float: left;
    width: 100%;
    margin: 0;
    padding-left: 34px;
    margin: 17px 0;
    display: none;
}

.tree_widget-sec > ul > li > ul > li {
    float: left;
    width: 100%;
    position: relative;
    margin: 0;
    padding-left: 20px;
    border-left: 1px solid #e8ecec;
}

.tree_widget-sec > ul > li > ul > li a {
    float: left;
    width: 100%;
    font-family: Open Sans;
    font-size: 13px;
    color: #000;
    padding: 3px 0;
}

.tree_widget-sec > ul > li > ul > li::before {
    position: absolute;
    left: 0;
    top: 50%;
    width: 10px;
    height: 1px;
    content: "";
    background: #e8ecec;
}

.tree_widget-sec > ul > li > ul > li:first-child::before {
    top: 0;
}

.tree_widget-sec > ul > li > ul > li:last-child::before {
    bottom: 0;
    top: auto;
}

.tree_widget-sec > ul > li > ul > li:first-child > a {
    padding-top: 0;
    line-height: 2px;
    margin-bottom: 7px;
}

.tree_widget-sec > ul > li > ul > li:last-child > a {
    padding-bottom: 0;
    line-height: 2px;
    margin-top: 7px;
}

.tree_widget-sec > ul > li.inner-child.active > a {
    color: #0267ad;
}

.tree_widget-sec > ul > li.inner-child.active > a i {
    color: #0267ad;
}

.padding-left {
    float: left;
    width: 100%;

}

.profile-title {
    float: left;
    width: 100%;
}

.profile-title > h3 {
    float: left;
    width: 100%;
    margin-top: 40px;
    border-bottom: 1px solid #edeff7;
    font-size: 20px;
    color: #202020;
    font-weight: bold;
    margin: 0;
    margin-top: 0px;
    padding-bottom: 20px;
    padding-left: 30px;
    margin-top: 40px;
}

.upload-img-bar {
    float: left;
    width: 100%;
    display: table;
    margin-top: 40px;
    padding-left: 30px;
}

.upload-img-bar > span {
    display: table-cell;
    vertical-align: top;
    border: 2px solid #e8ecec;

    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;

    position: relative;
    width: 160px;
}

.upload-img-bar > span img {
    float: left;
    width: 100%;
}

.upload-img-bar > span i {
    position: absolute;
    right: -8px;
    top: -8px;
    width: 23px;
    height: 23px;
    background: #929292;
    color: #ffffff;
    font-style: normal;
    text-align: center;

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

    font-size: 14px;
    line-height: 21px;
    cursor: pointer;
}

.upload-info {
    display: table-cell;
    vertical-align: bottom;
    padding-left: 30px;
}

/*edited by:ru date:16/03/2019*/
.upload-info > label.uploadlabel {
    float: left;
    font-family: Open Sans;
    font-size: 15px;
    color: #202020;
    border: 2px solid #929292;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    padding: 10px 40px;
    position: relative;
    height: auto;
    line-height: unset;
}
/*end*/
.upload-info > label.uploadlabel::before {
    border: none !important;
}


/*edited by:ru date:16/03/2019*/
.upload-info > label.uploadlabel:hover {
    background: #0267ad;
    color: #ffffff;
    border: 2px solid #0267ad;
}
/*end*/
.upload-info > span {
    float: left;
    width: 100%;
    font-family: Open Sans;
    font-size: 14px;
    color: #888888;
    margin-top: 20px;
}

.profile-form-edit {
    float: left;
    width: 100%;
}

.profile-form-edit > form {
    float: left;
    width: 100%;
    padding-left: 30px;
}

.pf-title {
    float: left;
    width: 100%;
    margin-top: 3px;
    font-family: Open Sans;
    font-size: 14px;
    color: #202020;
    margin-bottom: 9px;
    margin-top: 13px;
}

.payment-method-button, .payment-deposit-button {
    background: #ffffff;
    border: 2px solid #000;
    color: #000;
    font-family: Open Sans;
    font-size: 15px;
    padding: 11px 40px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    margin-top: 30px;
}

.payment-gateway-reansaction-fee {
    color: #f85858;
    font-size: 12px;
}

.payment-method-button:hover, .payment-deposit-button:hover {
    background: #2375bb;
    color: #fff;
    border: 2px solid #2375bb;
}

.pf-field {
    float: left;
    width: 100%;
    position: relative;
}

.pf-field > input, .pf-field > textarea {
    float: left;
    width: 100%;
    border: 2px solid #e8ecec;

    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    box-shadow: none !important;
    background-color: transparent !important;
    border-color: #e8ecec !important;
    padding: 12px 45px 12px 15px;
    background: #ffffff;
    font-family: Open Sans;
    font-size: 13px;
    color: #101010;
    line-height: 24px;
}

/*edited by:ru date:16/03/2019*/
.btn-taskenator-org{
    background-color: #2375bb !important;
    border-color: #2375bb !important;
}
/*end*/

.counter {
    text-align: center;
    padding-top: 4%;
}
.counter strong {
    display: block;
    font-weight: 900;
    font-size: 3.6923076923em;
    line-height: 1;
    margin-bottom: 4.8px;
    margin-bottom: 0.3rem;
}
.counter label {
    display: block;
    font-size: 1em;
    line-height: 2;
    letter-spacing: 0.5px;
    padding: 0;
}
.close{
    line-height: 0;
}
.counter label:before {
    border:none !important;
}
.pf-field > textarea {
    color: #888888;
    padding: 30px 30px;
}

.profile-form-edit > form button {
    float: right;
    background: #ffffff;
    border: 2px solid #929292;
    color: #202020;
    font-family: Open Sans;
    font-size: 15px;
    padding: 11px 40px;

    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;

    margin-top: 10px;
}

.social-edit {
    float: left;
    width: 100%;
}

.social-edit > form button {
    float: right;
    background: #ffffff;
    border: 2px solid #929292;
    color: #202020;
    font-family: Open Sans;
    font-size: 15px;
    padding: 11px 40px;
    transition: all 0.4s ease 0s;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    margin-top: 10px;
}
/*Change BY TC_RU on 20-03-2019 */ 
.social-edit > form button:hover {
    background-color: #2375bb;
    color: #fff;
    border: 2px solid #2375bb;
}
/*end*/
.social-edit > h3 {
    float: left;
    width: 100%;
    margin-top: 40px;
    border-bottom: 1px solid #edeff7;
    font-size: 20px;
    color: #202020;
    font-weight: bold;
    margin: 0;
    margin-top: 0px;
    margin-top: 0px;
    padding-bottom: 20px;
    padding-left: 30px;
    margin-top: 40px;
}

.social-edit > form {
    float: left;
    width: 100%;
    padding-left: 30px;
}

.pf-field > i {
    position: absolute;
    right: 20px;
    top: 0;
    font-size: 20px;
    color: #0267ad;
    line-height: 48px;
}

.contact-edit > h3 {
    float: left;
    width: 100%;
    margin-top: 40px;
    border-bottom: 1px solid #edeff7;
    font-size: 20px;
    color: #202020;
    font-weight: bold;
    margin: 0;
    margin-top: 0px;
    margin-top: 0px;
    margin-top: 0px;
    padding-bottom: 20px;
    padding-left: 30px;
    margin-top: 40px;
}

.contact-edit {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

.education-exp-edit {
    float: left;
    width: 100%;
    margin-bottom: 20px;
    border-top: 1px solid #edeff7;
}

.education-exp-edit .edu-exp-cls {
    float: left;
    width: 100%;
    padding-left: 30px;
}
/*Change BY TC_RU on 19-03-2019 */
.education-exp-edit-button:hover{
    background: #2375bb;
    border: 2px solid #2375bb;
    color: #fff;
}
button.no-deactive-account:hover {
    background: #dc3545 !important;
    border: 2px solid #dc3545 !important;
}
/*end*/
.education-exp-edit-button {
    background: #ffffff;
    border: 2px solid #929292;
    color: #202020;
    font-family: Open Sans;
    font-size: 15px;
    padding: 11px 40px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    margin-top: 30px;
}

.close-btn-right {
    font-size: 20px !important;
    font-weight: 600 !important;
    float: right !important;
    color: red;
}

.contact-edit > form {
    float: left;
    width: 100%;
    padding-left: 30px;
}

.contact-edit .srch-lctn {
    float: left;
    font-family: Open Sans;
    font-size: 15px;
    color: #0267ad;
    border: 2px solid #0267ad;

    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;

    padding: 11px 26px;
    margin-top: 30px;
}

.pf-map {
    float: left;
    width: 100%;
}

.pf-map iframe {
    float: left;
    width: 100%;
    height: 300px;
    border: 2px solid #e8ecec;

    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;

}

.contact-edit > form button {
    float: right;
    background: #ffffff;
    border: 2px solid #929292;
    color: #202020;
    font-family: Open Sans;
    font-size: 15px;
    padding: 11px 40px;

    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;

    margin-top: 10px;
}

.manage-jobs-sec > h3 {
    float: left;
    width: 100%;
    margin-top: 40px;
    border-bottom: 1px solid #edeff7;
    font-size: 20px;
    color: #202020;
    font-weight: bold;
    margin: 0;
    margin-top: 0px;
    margin-top: 0px;
    padding-bottom: 20px;
    padding-left: 30px;
    margin-top: 40px;
}

.manage-jobs-sec {
    float: left;
    width: 100%;
}

.manage-jobs-sec .extra-job-info {
    border: 2px solid #e8ecec;
    padding: 20px 30px;
    margin-left: 30px;

    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;

}

.manage-jobs-sec .extra-job-info > span {
    float: left;
    width: 32.334%;
    padding: 0;
    border: none;
    margin: 0;
}

.manage-jobs-sec > table {
    float: left;
    width: calc(100% - 30px);
    margin-top: 50px;
    margin-bottom: 60px;
    margin-left: 30px
}

.manage-jobs-sec > table thead tr td {
    font-size: 15px;
    font-weight: bold;
    color: #929292;
    padding-bottom: 14px;
}

.manage-jobs-sec > table thead {
    border-bottom: 1px solid #e8ecec;
}

.table-list-title > h3 {
    font-family: Open Sans;
    font-size: 14px;
    color: #202020;
    margin: 0;
    display: table;
}

.table-list-title > span {
    font-size: 13px;
    color: #888888;
    float: left;
    margin-top: 0px;
    line-height: 10px;
    margin-top: 8px;
    display: table;
}

.table-list-title > span i {
    float: left;
    font-size: 15px;
    color: #999999;
    margin-right: 5px;
    line-height: 11px;
}

.applied-field {
    float: left;
    font-size: 13px;
    color: #888888;
}

.manage-jobs-sec > table tbody td > span {
    float: left;
    display: table;
    font-size: 13px;
    color: #888888;
}

.manage-jobs-sec > table tbody td {
    vertical-align: middle;
    padding: 20px 0;
    border-bottom: 1px solid #e8ecec;
}

.status {
    color: #7dc246 !important;
}

.status.active {
    color: #0267ad !important;
}

.action_job {
    margin: 0;
    text-align: center;
}

.action_job > li {
    float: left;
    margin: 0;
    position: relative;
}

.action_job > li > a {
    float: left;
    font-size: 16px;
    color: #9c9c9c;
    padding: 0 6px;
}

.action_job > li span {
    position: absolute;
    left: 50%;
    bottom: 100%;
    opacity: 0;
    visibility: hidden;
    background: #0f36a5;
    color: #ffffff;
    width: 80px;
    font-size: 12px;
    padding: 5px 0;

    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;

    margin-left: -40px;
    margin-bottom: 9px;
}

.action_job > li:hover span {
    opacity: 1;
    visibility: visible;
}

.action_job > li span::before {
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 10px;
    height: 10px;
    content: "";
    background: #0f36a5;
    margin-left: -5px;
    margin-bottom: -4px;

    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);

    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;

}

/* Profiles Dropdown */
.btns-profiles-sec {
    float: right;
    position: relative;
}

.btns-profiles-sec > span {
    float: right;
    color: #ffffff;
    font-family: Open Sans;
    font-size: 14px;
    line-height: 50px;
    cursor: pointer;
}

.btns-profiles-sec > span {
    float: right;
    color: #ffffff;
    font-family: Open Sans;
    font-size: 14px;
    line-height: 50px;
}

.btns-profiles-sec > span > img {
    float: left;

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

    margin-right: 13px;
}

.btns-profiles-sec > span > i {
    float: right;
    line-height: 50px;
    font-size: 10px;
    margin-left: 13PX;
}

.btns-profiles-sec > ul {
    position: absolute;
    right: 0;
    top: 100%;
    margin: 0;
    margin-top: 0px;
    background: #ffffff;

    -webkit-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1);

    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;

    margin-top: 30px;
    width: 240px;
    padding: 20px 3px;
    display: none;
}

.btns-profiles-sec > ul > li {
    float: left;
    width: 100%;
    margin: 4px 0;
}

.btns-profiles-sec > ul > li > a {
    float: left;
    width: 100%;
    font-family: Open Sans;
    font-size: 13px;
    color: #202020;
    line-height: 30px;
    padding-left: 24px;

    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;

}

.btns-profiles-sec > ul > li > a:hover {
    padding-left: 30px;
}

.btns-profiles-sec > ul > li > a i {
    float: left;
    font-size: 22px;
    color: #0267ad;
    margin-right: 3px;
    width: 30px;
    line-height: 30px;
}

.btns-profiles-sec > ul::before {
    position: absolute;
    right: 40px;
    top: -6px;
    width: 14px;
    height: 14px;
    background: #ffffff;
    content: "";

    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);

    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;

}

.emply-resume-thumb {
    display: table-cell;
    vertical-align: top;
    width: 100px;
}

.emply-resume-thumb img {
    float: left;
    width: 100%;

    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;

}

.emply-resume-info {
    display: table-cell;
    vertical-align: middle;
    padding-left: 30px;
}

.emply-resume-sec > h3 {
    float: left;
    width: 100%;
    margin-top: 40px;
    border-bottom: 1px solid #edeff7;
    font-size: 20px;
    color: #202020;
    font-weight: bold;
    margin: 0;
    margin-top: 0px;
    margin-top: 0px;
    margin-top: 0px;
    padding-bottom: 20px;
    padding-left: 30px;
    margin-top: 40px;
}

.emply-resume-sec {
    float: left;
    width: 100%;
}

.emply-resume-list {
    float: left;
    width: 100%;
    display: table;
    padding: 30px 0;
    border-bottom: 1px solid #edeff7;
    position: relative;
    padding-left: 30px;
}

.emply-resume-info > h3 {
    float: left;
    width: 100%;
    font-family: Open Sans;
    font-size: 16px;
    color: #202020;
    margin: 0;
}

.emply-resume-info > span {
    float: left;
    width: 100%;
    font-size: 14px;
    color: #202020;
    margin-top: 7px;
}

.emply-resume-info > span i {
    font-style: normal;
    color: #0267ad;
}

.emply-resume-info > P {
    float: left;
    width: 100%;
    margin: 0;
    margin-top: 0px;
    margin-top: 0px;
    font-size: 13px;
    font-family: Open Sans;
    margin-top: 0;
    line-height: 28px;
}

.emply-resume-info > P i {
    float: none;
    line-height: 13px;
    position: relative;
    top: 2px;
    margin-right: 3px;
    font-size: 17px;
    color: #999999;
}

.action-center {
    position: relative;
    float: left;
}
.action-center > span:hover {
    border: 2px solid #0267ad;
    color: #fff;
    background: #0267ad;
}
/*edited by:ru date:16/03/2019*/

.action-center > span {
    float: left;
    font-family: Open Sans;
    font-size: 14px;
    color: #405a67;
    border: 2px solid #929292;
    width: 150px;
    height: 40px;
    padding-left: 30px;
    text-align: left;
    line-height: 35px;
    padding-right: 20px;

    -webkit-border-radius: 21px;
    -moz-border-radius: 21px;
    -ms-border-radius: 21px;
    -o-border-radius: 21px;
    border-radius: 21px;

    cursor: pointer;
}
/*end*/
.action-center > ul {
    position: absolute;
    left: 0;
    top: 100%;
    margin-top: 20px;
    background: #ffffff;

    -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);

    width: 150px;

    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;

    padding: 15px 0;
    display: none;
}

.action-center > ul::before {
    position: absolute;
    right: 40px;
    top: -6px;
    width: 14px;
    height: 14px;
    background: #ffffff;
    content: "";

    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);

    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;

}

.action-center > span i {
    font-size: 10px;
    margin-left: 3px;
    float: right;
    line-height: 36px;
}

.action-center > ul > li {
    float: left;
    width: 100%;
    margin: 0;
}

.action-center > ul > li a {
    float: left;
    font-family: Open Sans;
    font-size: 13px;
    color: #888888;
    padding: 5px 20px;
}
.action-center > ul > li a:hover{
    color: #333;
}

.action-resume {
    display: table-cell;
    vertical-align: middle;
}

.del-resume {
    display: table-cell;
    vertical-align: middle;
}

.del-resume > a {
    float: left;
    font-size: 18px;
    color: #999999;
    margin-left: 30px;
}

.coverletter-popup {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    background: rgba(20, 31, 114, 0.6);
    display: none;
    overflow-Y: scroll;
}

.cover-letter {
    position: absolute;
    left: 0;
    top: 110px;
    background: #ffffff;
    width: 600px;

    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;

    left: 50%;
    margin-left: -300px;
    padding: 30px 30px;
}

.cover-letter > i.close-letter {
    position: absolute;
    right: -20px;
    top: -20px;
    width: 50px;
    height: 50px;
    background: #929292;
    text-align: center;
    color: #ffffff;
    line-height: 50px;
    font-size: 27px;

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

    cursor: pointer;
}

.cover-letter > h3 {
    float: left;
    width: 100%;
    text-align: center;
    color: #202020;
    font-size: 22px;
    font-weight: bold;
    margin: 0;
}

.cover-letter p {
    float: left;
    width: 100%;
    font-size: 14px;
    color: #888888;
    line-height: 24px;
    margin: 0;
    margin-top: 0px;
    margin-top: 17px;
}

.contactus-popup, .request-widt-popup, .request-deposit-popup, .add-education-popup, .add-experience-popup {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    background: rgba(20, 31, 114, 0.6);
    display: none;
    overflow-y: scroll;
}

.add-expedu-section {
    left: 27% !important;
    top: 5% !important;
    width: 80% !important;
}

.contact-popup {
    position: absolute;
    left: 50%;
    top: 8%;
    background: #ffffff;
    width: 460px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    margin-left: -230px;
    padding: 30px;
}

.contactus-popup .contact-popup #invite_form {
    overflow: auto;
    height: max-content;
}

.contactus-popup .contact-popup #invite_form p #invite_btn {
    border-radius: 5px;
    padding: 1em 8em;
    font-size: 16px;
    font-weight: 600;
    width: 100%;
}
.contactus-popup .contact-popup #invite_form p #invite_btn:hover{
    background: #2375bb;
    border: 2px solid #2375bb;
    color: #fff;
}
.contact-popup > h3 {
    float: left;
    width: 100%;
    font-size: 22px;
    color: #5dc26a;
    text-align: center;
    font-weight: bold;
    margin-bottom: 30px;
}

.contact-popup p {
    font-size: 13px;
    line-height: 1.6;
}

.contact-popup form {
    float: left;
    width: 100%;
}

.contact-popup form > .popup-field {
    float: left;
    width: 100%;
    position: relative;
    border: 2px solid #e8ecec;
    margin-bottom: 15px;
    border-radius: 8px;
}

.contact-popup form > .popup-field > input {
    width: 100%;
    float: left;
    /*background: no-repeat;*/
    padding: 16px 15px;
    font-family: Open Sans;
    font-size: 13px;
    margin: 0;

}

.contact-popup form > .popup-field i {
    position: absolute;
    right: 19px;
    top: 0;
    font-size: 23px;
    color: #929292;
    line-height: 50px;
}

.contact-popup form > .popup-field textarea {
    background: none;
    font-family: Open Sans;
    font-size: 13px;
    min-height: 135px;
}

.contact-popup form > button {
    float: left;
    width: 100%;
    font-size: 18px;
    height: 60px;
}

.emply-resume-list.active {
    z-index: 2;
}

.emply-resume-list:last-child {
    margin-bottom: 60px;
    border-bottom-color: #ffffff;
}

.close-contact, .close-request-widt-popup, .close-request-deposit-popup, .close-add-education-popup, .close-add-experience-popup {
    position: absolute;
    right: -20px;
    top: -20px;
    width: 50px;
    height: 50px;
    background: #929292;
    text-align: center;
    color: #ffffff;
    line-height: 50px;
    font-size: 27px;

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

    cursor: pointer;
}

.pkges-table thead {
    background: #0f36a5;
}

.pkges-table thead tr td {
    padding: 19px 24px !important;
    padding-right: 24px;
    color: #ffffff !important;
    font-family: Open Sans;
    font-size: 15px;
    font-weight: normal !important;
    padding-right: 14px !important;
}

.pkges-table tbody tr td {
    border: 1px solid #edeff7;
    padding: 26px 23px;
}

.steps-sec {
    float: left;
    width: 100%;
    padding: 0 90px;
    text-align: center;
}

.step {
    display: inline-block;
    width: 33.334%;
    float: left;
    position: relative;
    margin-top: 50px;
    margin-bottom: 50px;
}

.step i {
    float: none;
    display: inline-block;
    width: 70px;
    height: 70px;
    border: 2px solid #e8ecec;

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

    text-align: center;
    line-height: 66px;
    font-size: 32px;
    color: #888888;
}

.step span {
    float: left;
    width: 100%;
    font-size: 14px;
    color: #888888;
    margin-top: 9px;
}

.step::before {
    position: absolute;
    left: 100%;
    top: 45px;
    width: 100%;
    height: 2px;
    background: #e8ecec;
    content: "";
    margin-left: -50%;
}

.step > p {
    position: relative;
    z-index: 1;
    background: #ffffff;
    float: none;
    display: inline-block;
    border: 8px solid #ffffff;

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

    margin: 0;
}

.step:last-child:before {
    display: none;
}

.step.active i {
    background: #0267ad;
    border-color: #0267ad;
    color: #ffffff;
}

.step.active span {
    color: #0267ad;
}

.tags-bar.rt {
    margin: 0;
    padding: 8px;
}

table.alrt-table tbody .action_job {
    float: right;
}

table.alrt-table tbody td > span {
    float: right;
    display: inline-block;
    width: auto;
    margin-right: 20px;
    line-height: 21px;
}

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

.change-password {
    float: left;
    width: 100%;
}

.change-password form {
    float: left;
    width: 100%;
    padding-left: 30px;
}

.change-password form button {
    float: right;
    background: #ffffff;
    border: 2px solid #929292;
    color: #202020;
    font-family: Open Sans;
    font-size: 15px;
    padding: 11px 40px;

    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;

    margin-top: 30px;
}

.big-icon {
    font-size: 290px;
    color: #EFEFEF;
    text-align: center;
    width: 100%;
    float: left;
    line-height: 413px;
    margin-bottom: 80px;
}

.shortlists {
    display: table-cell;
    vertical-align: middle;
}

.shortlists > a {
    float: left;
    font-family: Open Sans;
    font-size: 14px;
    color: #0267ad;
    border: 2px solid #0267ad;
    width: 150px;
    height: 40px;
    padding-left: 30px;
    text-align: left;
    line-height: 35px;
    padding-right: 20px;

    -webkit-border-radius: 21px;
    -moz-border-radius: 21px;
    -ms-border-radius: 21px;
    -o-border-radius: 21px;
    border-radius: 21px;

    cursor: pointer;
    margin-right: 40px;
}

.shortlists > a i {
    float: right;
    line-height: 33px;
    font-size: 13px;
}

header.gradient {
    background: rgb(139, 145, 221);
    background: -moz-linear-gradient(45deg, rgba(139, 145, 221, 1) 0%, rgba(16, 25, 93, 1) 71%, rgba(16, 25, 93, 1) 100%);
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(139, 145, 221, 1)), color-stop(71%, rgba(16, 25, 93, 1)), color-stop(100%, rgba(16, 25, 93, 1)));
    background: -webkit-linear-gradient(45deg, rgba(139, 145, 221, 1) 0%, rgba(16, 25, 93, 1) 71%, rgba(16, 25, 93, 1) 100%);
    background: -o-linear-gradient(45deg, rgba(139, 145, 221, 1) 0%, rgba(16, 25, 93, 1) 71%, rgba(16, 25, 93, 1) 100%);
    background: -ms-linear-gradient(45deg, rgba(139, 145, 221, 1) 0%, rgba(16, 25, 93, 1) 71%, rgba(16, 25, 93, 1) 100%);
    background: linear-gradient(45deg, rgba(139, 145, 221, 1) 0%, rgba(16, 25, 93, 1) 71%, rgba(16, 25, 93, 1) 100%);
    background: #ffffff;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0267ad', endColorstr='#10195d', GradientType=1);
    position: relative;
    z-index: 99;
    float: left;
    width: 100%;
}

header.auth-gradient {
    position: relative;
    z-index: 99;
    float: left;
    width: 100%;
}

#step1_form1 .chosen-container-active .chosen-drop {
    position: unset !important;
}

#map_div {
    height: 450px;
    width: 100%;
}

/* Custom Tooltip */
.custom-tooltip > div:nth-child(4) {
    border: medium none !important;

    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -ms-box-shadow: none !important;
    -o-box-shadow: none !important;
    box-shadow: none !important;

    position: relative;
}

.custom-tooltip > div:nth-child(4) > div > div > div {
    border: medium none !important;

    -webkit-border-radius: 6px !important;
    -moz-border-radius: 6px !important;
    -ms-border-radius: 6px !important;
    -o-border-radius: 6px !important;
    border-radius: 6px !important;

}

.custom-tooltip > div:nth-child(4) > div > div > div:nth-child(2) {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    border: medium none !important;

    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -ms-box-shadow: none !important;
    -o-box-shadow: none !important;
    box-shadow: none !important;

    -webkit-border-radius: 6px !important;
    -moz-border-radius: 6px !important;
    -ms-border-radius: 6px !important;
    -o-border-radius: 6px !important;
    border-radius: 6px !important;

}

.custom-tooltip > div:nth-child(4) > div > div > div:nth-child(3) > div {
    display: none;
}

.infowindow .popular-listing {
    opacity: 1;
}

.infowindow .popular-listing::before {
    height: 100%;
    opacity: 1;
}

.infowindow .popular-listing .listing-features {
    opacity: 1;
}

.infowindow .popular-listing .pl-title-sec {
    opacity: 1;
}

.infowindow {
    color: transparent;
}

.infowindow > span {
    bottom: -4px;
    float: left;
    position: relative;
}

.gm-style .gm-style-iw {
    width: 256px !important;
}

.infowindow .popular-listing {
    margin-bottom: -12px;
    margin-right: 0;
    opacity: 1;
}

.custom-tooltip > div:nth-child(4) > div > div:last-child img {
    display: none;
}

.custom-tooltip > div:nth-child(4) > div > div:last-child {
    color: #333333;
    content: "x";
    font-size: 20px !important;
    height: 20px !important;
    position: absolute;
    top: 13px;
    width: 20px !important;
}

.custom-tooltip > div:nth-child(4) > div > div:last-child::before {
    background: #333333 none repeat scroll 0 0;

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

    color: #ffffff;
    content: "x";
    font-family: Nunito;
    font-size: 16px;
    font-weight: bold;
    height: 100%;
    left: 0;
    line-height: 16px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
}

.custom-tooltip > div:nth-child(4) > div {
    overflow: hidden;
    position: relative;
    width: 297px !important;
}

.custom-tooltip {
    margin-left: 8px;
    margin-top: 55px;
}

.infowindow .map-can {
    float: left;
    width: 100%;
    display: table;
    margin-top: 20px;
    margin-bottom: 10px;
    padding: 0 28px;
}

.map-candimg {
    display: table-cell;
    vertical-align: middle;
    width: 60px;
}

.map-candimg img {
    float: left;
    width: 100%;

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

    height: 60px;
    width: 60px;
}

.infowindow .emply-resume-info > span {
    margin: 0;
    font-size: 13px;
}

.infowindow .emply-resume-info > P {
    line-height: 20px;
}

.map-can h3 {
    font-size: 15px;
    margin-bottom: 1px;
}

.emply-resume-list.round .emply-resume-thumb img {

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

}

.emply-resume-list.round .emply-resume-thumb {
    width: 90px;
}

.emply-resume-sec .pagination {
    margin-bottom: 60px;
}

.emply-resume-list.square {
    border: 2px solid #ffffff;
    padding: 30px 30px;

    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;

}

.emply-resume-list.square:hover {
    border-color: #e8ecec;
}

.emply-resume-list.square .shortlists > a {
    margin: 0;
}

.inner-header .container {
    position: relative;
    z-index: 1;
}

.skills-btn {
    float: left;
    width: 100%;
    margin-bottom: 15px;
}

.skills-btn a {
    float: left;
    font-family: Open Sans;
    font-size: 13px;
    color: #ffffff;
    border: 2px solid #ffffff;
    -webkit-border-radius: 21px;
    -moz-border-radius: 21px;
    -ms-border-radius: 21px;
    -o-border-radius: 21px;
    border-radius: 21px;
    padding: 6px 20px;
    margin-right: 12px;
    margin-top: 8px;
}

.action-inner {
    float: right;
    text-align: right;
    width: 100%;
}

.action-inner a {
    float: right;
    font-family: Open Sans;
    font-size: 14px;
    color: #ffffff;
    margin-left: 30px;
}

.action-inner a i {
    float: left;
    font-size: 25px;
    line-height: 17px;
    margin-right: 10px;
}

/* Canditate Single User */
.cand-single-user {
    float: left;
    width: 100%;
    display: table;
}

.cand-single-user > div {
    display: table-cell;
    width: 34%;
    float: none;
}


.cand-single-user .share-bar.circle {
    vertical-align: middle;
    border: none;
    padding: 0;
}

.cand-single-user .share-bar.circle a {

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

    width: 45px;
    height: 45px;
    line-height: 41px;
}

.can-detail-s {
    vertical-align: top;
    text-align: center;
}

.cst {
    float: none;
    display: inline-block;
    /*margin-top: -67px;*/
    margin-top: 0px;
    border: 2px solid #ffffff;

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

    width: 175px;
    height: 175px;
    padding: 17px;
}

.cst img {
    float: left;
    width: 100%;

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

}

.can-detail-s > h3 {
    float: left;
    width: 100%;
    font-family: Quicksand;
    font-size: 22px;
    color: #202020;
    font-weight: bold;
    margin: 0;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
}

.can-detail-s span {
    float: left;
    width: 100%;
    font-family: Open Sans;
    font-size: 14px;
    color: #202020;
    margin-top: 14px;
}

/*edited by:ru date:16/03/2019*/
.can-detail-s span i {
    font-style: normal;
    color: #405a67;
}
/*end*/
.can-detail-s > p {
    float: left;
    width: 100%;
    margin: 0;
    margin-top: 0px;
    font-size: 13px;
    color: #888888;
    line-height: 13px;
    margin-top: 10px;
}

.can-detail-s > p i {
    margin-right: 5px;
}

.candidate-rate-review {
    vertical-align: middle;
    text-align: right;
    padding: 0% 6% 0px 8%;
}

.skills-btn-candidate {
    float: left;
    width: 100%;
    margin-bottom: 15px;
}

.skills-btn-candidate a {
    float: left;
    font-family: Open Sans;
    font-size: 13px;
    color: #000;
    border: 1px solid #000;
    -webkit-border-radius: 21px;
    -moz-border-radius: 21px;
    -ms-border-radius: 21px;
    -o-border-radius: 21px;
    border-radius: 21px;
    padding: 6px 20px;
    margin-right: 12px;
    margin-top: 13px;
}

.freelancer-reviews-completion.verified-status {
    font-size: 14px;
    font-weight: 600;
}

.freelancer-reviews-completion.verified-status span .vala4-profile-success i.la,
.freelancer-reviews-completion.verified-status span .vala4-profile-nosuccess i.la {
    font-size: 23px;
    font-weight: 500;
    float: right;
    padding-top: 0px;
    padding-left: 11px;
}

.download-cv a {
    float: right;
    background: #ffffff;
    border: 2px solid #0267ad;
    color: #0267ad;
    font-family: Open Sans;
    font-size: 14px;
    padding: 14px 30px;

    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;

    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;

}

.download-cv a:hover {
    background-color: #0267ad;
    color: #FFF;
}

.download-cv a i {
    margin-left: 5px;
}

.cand-extralink {
    float: left;
    width: 100%;
    text-align: center;
    border: 1px solid #ccc;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 0px;
    margin-top: 40px;
}

.cand-extralink > li {
    float: none;
    display: inline-block;
    margin: 0 10px;
}

.cand-extralink > li a {
    float: left;
    font-family: Open Sans;
    font-size: 15px;
    color: #888888;
    padding: 20px 10px;
    position: relative;
    border-bottom: 2px solid #e8ecec;
    margin-bottom: -5px;
}

.cand-extralink > li:hover a {
    color: #0267ad;
    border-color: #0267ad;
}

.cand-details-sec {
    float: left;
    width: 100%;
}

.cand-details {
    float: left;
    width: 100%;
}

.cand-details h2 {
    float: left;
    width: 100%;
    font-family: Quicksand;
    font-size: 20px;
    font-weight: bold;
    color: #202020;
    margin: 0;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-top: 10px;
    margin-bottom: 20px;
}

.cand-details > p {
    float: left;
    width: 100%;
    font-size: 14px;
    color: #888888;
    line-height: 24px;
    margin: 0;
    margin-bottom: 0px;
    margin-bottom: 20px;
}

.edu-history-sec {
    float: left;
    width: 100%;
    padding-left: 30px;
}

.certificate-down, .certificate-edit {
    font-size: 14px;
}

.certificate-history-sec {
    float: left;
    width: 100%;
    padding-left: 30px;
}

.edu-history {
    float: left;
    width: 100%;
    display: table;
    margin-bottom: 20px;
    position: relative;
}

.edu-history > i {
    display: table-cell;
    vertical-align: top;
    width: 61px;
    font-size: 50px;
    color: #929292;
    line-height: 60px;
}

.edu-hisinfo {
    display: inline-block;
    vertical-align: top;
    min-width: 42em;
    max-width: 42em;
}

.edu-hisinfo > h3 {
    float: left;
    width: 100%;
    font-family: Open Sans;
    font-size: 16px;
    color: #0267ad;
    margin: 0;
    margin-top: 0px;
    margin-top: 10px;
}

.edu-hisinfo > i {
    float: left;
    width: 100%;
    font-style: normal;
    font-size: 14px;
    color: #888888;
    margin-top: 7px;
}

.edu-hisinfo > span {
    float: left;
    width: 100%;
    font-family: Open Sans;
    font-size: 16px;
    color: #202020;
    margin-top: 8px;
}

.edu-hisinfo > span i {
    font-size: 14px;
    color: #888888;
    font-style: normal;
    margin-left: 12px;
}

.edu-hisinfo > p {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
}

.edu-hisinfo > p {
    float: left;
    width: 100%;
    margin: 0;
    font-size: 14px;
    color: #888888;
    font-style: normal;
    line-height: 24px;
    margin-top: 10px;
}

.edu-history.style2 {
    margin: 0;
    padding-bottom: 20px;
    position: relative;
    padding-left: 40px;
    margin-bottom: 24px;
    padding-bottom: 0;
}

.edu-history.style2 > i {
    position: absolute;
    left: 0;
    top: 0;
    width: 16px;
    height: 16px;
    border: 2px solid #0267ad;
    content: "";

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

}

.edu-history.style2 .edu-hisinfo > h3 {
    margin: 0;
}

.edu-history.style2::before {
    position: absolute;
    left: 7px;
    top: 20px;
    width: 2px;
    height: 100%;
    content: "";
    background: #e8ecec;
}

.edu-history.style2:last-child::before {
    display: none;
}

.edu-history.style2 .edu-hisinfo > h3 span {
    color: #202020;
    margin-left: 10px;
}

.mini-portfolio {
    float: left;
    width: 100%;
    padding-left: 30px;
}

.mportolio {

    width: 100%;
    position: relative;
    z-index: 0;
    max-height: 200px;
    overflow: hidden;
    height: 180px;
    cursor: pointer;
    transition: .5s ease;
    backface-visibility: hidden;
}

.mp-row {
    margin: 0 -15px;
}

.mp-col {
    float: left;
    width: 25%;
    padding: 0 15px;
}

.mportolio img {
    float: left;
    width: 100%;
    min-height: 200px;
}

.mportolio > a {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    text-align: center;

    background: rgb(139, 145, 221);
    background: -moz-linear-gradient(45deg, rgba(139, 145, 221, 1) 0%, rgba(16, 25, 93, 1) 71%, rgba(16, 25, 93, 1) 100%);
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(139, 145, 221, 1)), color-stop(71%, rgba(16, 25, 93, 1)), color-stop(100%, rgba(16, 25, 93, 1)));
    background: -webkit-linear-gradient(45deg, rgba(139, 145, 221, 1) 0%, rgba(16, 25, 93, 1) 71%, rgba(16, 25, 93, 1) 100%);
    background: -o-linear-gradient(45deg, rgba(139, 145, 221, 1) 0%, rgba(16, 25, 93, 1) 71%, rgba(16, 25, 93, 1) 100%);
    background: -ms-linear-gradient(45deg, rgba(139, 145, 221, 1) 0%, rgba(16, 25, 93, 1) 71%, rgba(16, 25, 93, 1) 100%);
    background: linear-gradient(45deg, rgba(139, 145, 221, 1) 0%, rgba(16, 25, 93, 1) 71%, rgba(16, 25, 93, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0267ad', endColorstr='#10195d', GradientType=1);
    opacity: 0;
}

.mportolio:hover > a {
    opacity: 0.9;
}

.mportolio > a i {
    position: absolute;
    width: 100%;
    text-align: center;
    left: 0;
    top: 50%;
    color: #ffffff;
    font-size: 30px;
    line-height: 10px;
    margin-top: -5px;
}

.progress-sec {
    float: left;
    width: 100%;
}

.progress-sec {
    float: left;
    width: 100%;
    margin-bottom: 31px;
    padding-left: 30px;
}

.progress-sec > span {
    float: left;
    width: 100%;
    font-family: Open Sans;
    font-size: 16px;
    color: #202020;
    margin-bottom: 9px;
}

.progressbar {
    float: left;
    width: 100%;
    position: relative;
    height: 6px;
    background: #e8ecec;

    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;

}

.progress {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background: #f64a84;

    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;

}

.progress span {
    position: absolute;
    right: -14px;
    top: -23px;
    font-size: 14px;
    color: #202020;
}

.progress-sec:last-child {
    margin: 0;
}
.hire-tasker-info-note {
    padding-left: 30px;
}
.companyies-fol-sec {
    float: left;
    width: 100%;
}

.cmp-follow {
    float: left;
    width: 100%;
}

.cmp-follow-customer-reviews {
    float: left;
    width: 100%;
}

.cmp-follow a {
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 20px;
}

.cmp-follow-customer-reviews a {
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 0px;
    font-weight: 600;
}

.cmp-follow a img {
    float: none;
    display: inline-block;

    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;

    border: 2px solid #e8ecec;
    margin-bottom: 10px;
}

.cmp-follow-customer-reviews a img {
    float: none;
    display: inline-block;

    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;

    border: 2px solid #e8ecec;
    margin-bottom: 10px;
}

.cmp-follow a span {
    width: 100%;
    float: left;
}

.customer-review4f {
    padding-left: 0px;
    padding-bottom: 10px;
    word-break: break-all;
}

.cmp-follow-customer-reviews span {
    float: left;
    font-size: 14px;
}

.cand-details-sec .job-overview {
    margin-top: 10px;
    margin-bottom: 20px;
}

.cand-details-sec .quick-form-job form {
    border-width: 2px;
}

.text-socail {
    float: left;
    width: 100%;
}

.text-socail > a {
    float: left;
    color: #ffffff;
    font-size: 18px;
    margin-right: 17px;
    margin-top: 13px;
}

.action-inner .download-cv {
    float: right;
}

.action-inner .download-cv a {
    background: none;
    color: #ffffff;
    border-color: #ffffff;

    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
    border-radius: 40px;

}

.action-inner.style2 > a {
    margin-top: 17px;
}

.skills-badge {
    float: left;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 40px;
}

.skills-badge span {
    float: none;
    display: inline-block;
    width: auto;
    margin: 0;
    background: #edeff7;
    color: #888888;
    font-family: Open Sans;
    font-size: 13px;
    margin: 0 6px;
    margin-top: 0px;
    padding: 6px 20px;

    -webkit-border-radius: 21px;
    -moz-border-radius: 21px;
    -ms-border-radius: 21px;
    -o-border-radius: 21px;
    border-radius: 21px;

    margin-top: 14px;

    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

.skills-badge span:hover {

    background: #e1e4ec;

}

.job-overview.style2 {
    margin: 0;
    border-top: 1px solid #e8ecec;
    border-bottom: 1px solid #e8ecec;
    padding: 20px 0;
    margin-bottom: 20px;
}

.job-overview.style2 ul {
    padding: 0;
    border: none;
    margin: 0;
}

.job-overview.style2 ul > li {
    float: left;
    width: 33.334%;
}

.progress-sec.style2 {
    display: table;
    padding-right: 240px;
}

.progress-sec.style2 > span {
    float: none;
    display: table-cell;
    vertical-align: middle;
    width: 170px;
    line-height: 10px;
}

.progress-sec.style2 .progressbar {
    background: none;
    height: auto;
    margin-top: 3px;
}

.progress-sec.style2 .progressbar > i {
    float: left;
    width: 19px;
    height: 19px;
    background: #ffffff;

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

    border: 2px solid #e6e8ef;
    margin-right: 12px;
}

.progress-sec.style2 .progressbar .progress {
    background: none;
}

.progress-sec.style2 .progressbar .progress > i {
    float: left;
    width: 19px;
    height: 19px;
    background: #e9477c;

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

    margin-right: 12px;
}

.progress-sec.style2 > p {
    float: none;
    display: table-cell;
    text-align: left;
    font-size: 14px;
    color: #202020;
    line-height: 0px;
    position: relative;
    top: -3px;
}

.job-overview.style3 {
    margin: 0;
    padding: 0 20px;
}

.job-overview.style3 ul {
    margin: 0;
    border: none;
    border-top: 1px solid #e8ecec;

    -webkit-border-radius: 0 0;
    -moz-border-radius: 0 0;
    -ms-border-radius: 0 0;
    -o-border-radius: 0 0;
    border-radius: 0 0;

    margin-bottom: 20px;
}

.job-overview.style3 ul li {
    float: left;
    width: 100%;
    line-height: 42px;
    margin: 0;
    padding-left: 42px;
}

.job-overview.style3 ul li h3 {
    float: left;
    width: 100%;
    font-size: 15px;
    color: #888888;
}

.job-overview.style3 ul li i {
    font-size: 23px;
    line-height: 37px;
    left: 0;
}

.job-overview > a {
    float: left;
    width: 100%;
    height: 50px;
    font-size: 14px;
    background: #929292;
    text-align: center;
    line-height: 50px;
    color: #ffffff;

    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;

    margin-bottom: 20px;
}

.job-overview > a.contct-user {
    background: #0267ad;
}

.skill-perc {
    float: left;
    width: 100%;
}

.skill-perc > h3 {
    float: left;
    width: 100%;
    font-family: Quicksand;
    font-size: 20px;
    color: #202020;
    font-weight: bold;
    margin: 0;
}

.skill-perc > p {
    float: left;
    width: 100%;
    font-size: 14px;
    color: #888888;
    line-height: 24px;
    margin-top: 10px;
    letter-spacing: 0px;
}

.skills-bar {
    float: left;

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

    background: #ffffff;
    padding: 16px;

    -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);

    position: relative;
}

.skills-bar > span {
    position: absolute;
    right: 28px;
    top: 53px;
    font-size: 17px;
    font-family: Quicksand;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: -1px;
}

.manage-jobs-sec .cat-sec {
    margin-top: 40px;
}

.manage-jobs-sec .cat-sec:last-child {
    margin: 0;
}

.my-profiles-sec {
    float: right;
}

.my-profiles-sec > span {
    float: left;
    font-size: 14px;
    /*color: #ffffff;*/
    color: #000000;
    font-family: Open Sans;
    line-height: 50px;
    cursor: pointer;
}

.my-profiles-sec > span > img {
    float: left;

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

    border: 2px solid #ffffff;
    margin-right: 18px;
}

.my-profiles-sec > span > i {
    float: right;
    line-height: 50px;
    font-size: 20px;
    margin-left: 12px;
}

.profile-sidebar {
    position: fixed;
    right: -316px;
    top: 0;
    z-index: 22;
    background: #ffffff;
    width: 316px !important;

    -webkit-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1);

    overflow-y: scroll;
    height: 100%;
    opacity: 0;
    visibility: hidden;
}

.profile-sidebar .close-profile {
    position: absolute;
    left: 30px;
    top: 30px;
    width: 32px;
    height: 32px;
    background: #929292;

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

    text-align: center;
    line-height: 32px;
    color: #ffffff;
    cursor: pointer;
}

.profile-sidebar .can-detail-s {
    margin: 0;
    float: left;
    width: 100%;
    padding: 0 20px;
}

.profile-sidebar .can-detail-s .cst {
    margin: 0;
    margin-top: 0px;
    margin-top: 20px;
}

.profile-sidebar .can-detail-s .cst img {
    width: 114px;
    height: 114px;
    border: 2px solid #ffffff;

    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);

}

.profile-sidebar .tree_widget-sec {
    padding: 0 40px;
    margin-top: 30px;
    float: left;
    width: 100%;
    margin-bottom: 40px;
}

.profile-sidebar .tree_widget-sec > ul {
    border-top: 1px solid #e8ecec;
    padding-top: 22px;
}

.profile-sidebar.active {
    right: -16px;
    opacity: 1;
    z-index: 999;
    visibility: visible;
}

.wishlist-dropsec {
    float: right;
    margin-right: 16px;
    position: relative;
    margin-left: 10px;
}

.wishlist-dropsec > span {
    float: left;
    width: 46px;
    height: 46px;
    text-align: center;
    line-height: 37px;
    color: #ffffff;
    position: relative;
    cursor: pointer;
    margin-top: 9px;
}

.wishlist-dropsec > span > i {
    font-size: 26px;
    color: #000;
}

div#msg-count-label > strong  {
    background: #ff6a13;
    color: #fff;
}
span#noti_lnk > strong  {
    background: #ff6a13;
    color: #fff;
}

.wishlist-dropsec > span strong {
    position: absolute;
    right: -1px;
    top: -5px;
    font-size: 10px;
    font-weight: normal;
    background: #E91E63;
    height: 16px;
    line-height: 14px;
    width: 16px;

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

}

.message-dropdown {
    position: absolute;
    right: 19px;
    width: 360px;
    background: #ffffff;

    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;

    top: 37%;
    margin-top: 30px;

    -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);

    padding: 20px 15px;
    display: none;
}

.notification-dropdown {
    position: absolute;
    right: -27px;
    width: 360px;
    background: #ffffff;

    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;

    top: 37%;
    margin-top: 30px;

    -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);

    padding: 20px 15px;
    display: none;
}

.message-dropdown > ul {
    height: 243px;
    float: left;
    width: 100%;
    margin: 0;
}

.notification-dropdown > ul {
    height: 243px;
    float: left;
    width: 100%;
    margin: 0;
}

.message-dropdown > ul li {
    margin: 0;
    border-bottom: 1px solid #929292;
    display: inline-block;
    padding-bottom: 13px;
}

.notification-dropdown > ul li {
    margin: 0;
    border-bottom: 1px solid #929292;
    display: inline-block;
    padding-bottom: 13px;
}

.message-dropdown > ul li .job-listing {
    padding-right: 0;
    border: none;
    padding-bottom: 0;

    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;

}

.notification-dropdown > ul li .job-listing {
    padding-right: 0;
    border: none;
    padding-bottom: 0;

    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;

}

.message-dropdown > ul li .job-listing h3 {
    font-size: 13px;
}

.notification-dropdown > ul li .job-listing h3 {
    font-size: 13px;
}

.message-dropdown .c-logo {
    text-align: center;
    background-color: #0267ad;
    color: #fff;
    font-size: 21px;
    padding: 10px;
    border-radius: 49%;
    margin-right: 15px;
    line-height: 1px;
}

.notification-dropdown .c-logo {
    text-align: center;
    background-color: #0267ad;
    color: #fff;
    font-size: 21px;
    padding: 10px;
    border-radius: 49%;
    margin-right: 15px;
    line-height: 1px;
}

.message-dropdown::before {
    position: absolute;
    right: 43px;
    top: -6px;
    width: 15px;
    height: 15px;
    content: "";
    z-index: 1;
    background: #ffffff;

    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);

    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;

}

.notification-dropdown::before {
    position: absolute;
    right: 43px;
    top: -6px;
    width: 15px;
    height: 15px;
    content: "";
    z-index: 1;
    background: #ffffff;

    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);

    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;

}

a.contact-candidate {
    border: 2px solid #929292;
    background: transparent;
    color: #929292;
    float: right;
    font-size: 15px;
    padding: 6px 21px;
    border-radius: 8px;
}
/*Change BY TC_RU on 19-03-2019 */ 
a.contact-candidate:hover {
    background-color: #2375bb;
    color: #fff;
    border-radius: 8px;
    text-align: center;
    border: 2px solid #2375bb;
}
/*end*/
button#send_msg {
    border: 2px solid #929292;
    background: transparent;
    color: #929292;
}

.view-resumesec {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 12;
    background: rgba(20, 21, 114, 0.6);
    display: none;
    overflow-y: scroll;
}

.view-resumes {
    width: 700px;
    background: #ffffff;

    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;

    position: absolute;
    left: 50%;
    margin-left: -350px;
    margin-top: 90px;
    padding: 0 20px;
    padding-bottom: 30px;
}

.view-resumes > .close-resume-popup {
    position: absolute;
    right: -20px;
    top: -20px;
    width: 50px;
    height: 50px;
    background: #929292;
    text-align: center;
    line-height: 50px;
    color: #ffffff;
    font-size: 22px;

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

    cursor: pointer;
}

.view-resumes > h3 {
    float: left;
    width: 100%;
    font-size: 22px;
    font-weight: bold;
    color: #202020;
    text-align: center;
    margin: 0;
    margin-top: 40px;
    margin-bottom: 20px;
}

.job-listing.wtabs .date-resume {
    float: right;
    font-size: 13px;
    color: #888888;
    margin-top: 30px;
}

.view-resumes .job-listing.wtabs {
    border: none;

    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;

    margin: 0;
    padding-top: 15px;
    padding-bottom: 15px;
}

.follow-companiesec {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 12;
    background: rgba(20, 21, 114, 0.6);
    display: none;
}

.follow-companies {
    width: 700px;
    background: #ffffff;

    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;

    position: absolute;
    left: 50%;
    margin-left: -350px;
    margin-top: 90px;
    padding: 0 20px;
    padding-bottom: 30px;
    padding-right: 30px;
}

.follow-companies > .close-follow-company {
    position: absolute;
    right: -20px;
    top: -20px;
    width: 50px;
    height: 50px;
    background: #929292;
    text-align: center;
    line-height: 50px;
    color: #ffffff;
    font-size: 22px;

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

    cursor: pointer;
}

.follow-companies > h3 {
    float: left;
    width: 100%;
    font-size: 22px;
    font-weight: bold;
    color: #202020;
    text-align: center;
    margin: 0;
    margin-top: 40px;
    margin-bottom: 20px;
}

.follow-companies > ul {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
}

.follow-companies > ul li {
    margin: 0;
}

.follow-companies > ul li .job-listing.wtabs {
    margin: 0;
    border: none;

    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;

    padding: 0;
    margin: 16px 0;
    padding-right: 30px;
}

.follow-companies > ul li .job-listing.wtabs .go-unfollow {
    float: right;
    background: #ffffff;
    font-family: Open Sans;
    font-size: 14px;
    color: #0267ad;
    border: 2px solid #0267ad;

    -webkit-border-radius: 21px;
    -moz-border-radius: 21px;
    -ms-border-radius: 21px;
    -o-border-radius: 21px;
    border-radius: 21px;

    padding: 9px 36px;
    margin-top: 10px;
}

.follow-companies > ul li .job-listing.wtabs .job-lctn {
    padding-top: 0px;
}

.follow-companies #scrollbar {
    height: 333px;
}

.upload-img-bar > span.round {

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

}

.upload-img-bar > span.round img {
    float: left;
    width: 100%;

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

}

.upload-img-bar > span.round i {
    right: 10px;
    top: 10px;
}

.pf-field.no-margin .tags-bar {
    margin: 0;
    padding: 8px;
}

.border-title {
    float: left;
    width: 100%;
    border-bottom: 1px solid #edeff7;
    padding-bottom: 20px;
    position: relative;
    margin-top: 40px;
    margin-bottom: 20px;
}

.border-title > h3 {
    float: left;
    font-family: Quicksand;
    font-size: 20px;
    font-weight: bold;
    color: #202020;
    margin: 0;
    padding-left: 30px;
}

.border-title > a {
    float: right;
    line-height: 27px;
    font-family: Open Sans;
    font-size: 13px;
    color: #929292;
}

.border-title > a i {
    float: left;
    width: 27px;
    height: 27px;
    background: #929292;

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

    color: #ffffff;
    text-align: center;
    line-height: 27px;
    font-size: 14px;
    margin-right: 8px;
}

.editdel {
    position: absolute;
    right: 0;
    top: 10px;
}

.editdel a {
    float: left;
    font-size: 22px;
    color: #0267ad;
    margin-left: 8px;
}

.edu-history.style2 .editdel {
    top: 0;
}

.mini-portfolio .editdel {
    position: static;
    float: left;
    width: 100%;
    text-align: center;
    margin-top: -16px;
}

.mini-portfolio .editdel a {
    float: none;
    display: inline-block;
}

.progress-sec.with-edit .editdel {
    top: 14px;
}

.border-title > a.cancel i {
    background: #0267ad;
}

.border-title > a.cancel {
    color: #0267ad;
}

.resumeadd-form {
    float: left;
    width: 100%;
    padding-left: 30px;
}

.resumeadd-form button {
    float: right;
    border: 2px solid #929292;
    color: #ffffff;
    font-family: Open Sans;
    font-size: 15px;
    padding: 12px 41px;

    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;

    margin-top: 10px;
    background: #f43574;
}

.resumeadd-form .remember-label {
    float: right;
    margin-top: 70px;
}

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

.custom-file-upload {
}

.custom-file-upload {
    position: absolute;
    left: 0;
    top: 0;
    cursor: pointer;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    line-height: 40px;
    text-align: center;
}

.custom-file-upload i {
    color: #0267ad;
    font-size: 32px;
    float: left;
    width: 100%;
    margin-top: 42px;
}

.upload-portfolio {
    float: left;
    width: 100%;
    display: table;
}

.uploadbox {
    display: table-cell;
    vertical-align: middle;
    border: 2px dashed #e6e8ef;
    width: 200px;
    height: 150px;
    float: left;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;

    position: relative;
}

.custom-file-upload::before {
    display: none;
}

.custom-file-upload span {
    float: left;
    width: 100%;
    font-family: Open Sans;
    font-size: 13px;
    color: #0267ad;
    line-height: 25px;
}

.uploadfield {
    float: left;
    width: 400px;
    margin-left: 30px;
}

.uploadbutton {
    float: left;
    margin-left: 30px;
    margin-top: 50px;
}

.job-list-del {
    float: right;
}

.job-list-del a {
    float: left;
    line-height: 70px;
    font-size: 20px;
    color: #B9B9B9;
}

.manage-jobs-sec .job-listing.wtabs {
    margin: 0;
    border: none;

    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;

    padding-top: 25px;
    padding-bottom: 25px;
}

.manage-jobs-sec .job-listing.wtabs:hover {
    background: #f8f9fc;
}

.table-list-title > i {
    font-family: Open Sans;
    font-size: 14px;
    color: #0267ad;
    font-style: normal;
    margin-bottom: 1px;
    float: left;
}

.coverletter-sec {
    float: left;
    width: 100%;
}

.coverletter-sec > form {
    float: left;
    width: 100%;
    padding-left: 30px
}

.coverletter-sec > form button {
    float: right;
    background: #ffffff;
    border: 2px solid #929292;
    color: #202020;
    font-family: Open Sans;
    font-size: 15px;
    padding: 11px 40px;

    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;

    margin-top: 10px;
}

.bloglist-sec {
    float: left;
    width: 100%;
    margin-top: -40px;
}

.blogpost {
    float: left;
    width: 100%;
    margin-top: 40px;
}

.blog-posthumb {
    float: left;
    width: 100%;
}

.blog-posthumb > a {
    float: left;
    width: 100%;
    overflow: hidden;
    border-radius: 6px;
}

.blog-posthumb > a img {
    float: left;
    width: 100%;

    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;

    -webkit-transform: scale(1.1) translate(-20px);
    -moz-transform: scale(1.1) translate(-20px);
    -ms-transform: scale(1.1) translate(-20px);
    -o-transform: scale(1.1) translate(-20px);
    transform: scale(1.1) translate(-20px);
}

.blog-posthumb > a:hover img {
    -webkit-transform: translate(0px) scale(1.1);
    -moz-transform: translate(0px) scale(1.1);
    -ms-transform: translate(0px) scale(1.1);
    -o-transform: translate(0px) scale(1.1);
    transform: translate(0px) scale(1.1);

    opacity: 0.9;
}

.blog-postdetail {
    float: left;
    width: 100%;
    margin-top: 26px;
}

.post-metas {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
}

.post-metas > li {
    float: left;
    margin: 0;
    margin-right: 0px;
    margin-right: 30px;
}

.modrn-joblist.np {
    padding: 0;
}

.post-metas > li a {
    float: left;
    font-family: Open Sans;
    font-size: 13px;
    color: #a7a7a7;
}

.post-metas > li a i {
    float: left;
    line-height: 17px;
    font-size: 20px;
    margin-right: 5px;
}

.post-metas > li a.metascomment {
    color: #0267ad;
}

.post-metas > li a.metascomment i {
    color: #a7a7a7;
}

.blog-postdetail > h3 {
    float: left;
    width: 100%;
    margin: 0;
    font-family: Open Sans;
    font-size: 20px;
    color: #202020;
    margin: 0;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-top: 14px;
    margin-bottom: 10px;
}

.blog-postdetail > p {
    float: left;
    width: 100%;
    font-size: 14px;
    color: #888888;
    line-height: 24px;
    margin: 0;
    margin-top: 4px;
}

.bbutton {
    float: left;
    font-family: Open Sans;
    font-size: 15px;
    color: #929292;
    border: 2px solid #929292;

    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;

    padding: 12px 30px;
    margin-top: 24px;
}

.no-margin {
    margin: 0 !important;
}

.widget > h3 {
    float: left;
    width: 100%;
    margin: 0;
    font-family: Open Sans;
    font-size: 16px;
    color: #202020;
}

.sidebar-links {
    float: left;
    width: 100%;
}

.sidebar-links a {
    float: left;
    width: 100%;
    position: relative;
    font-size: 13px;
    color: #888888;
    margin: 9px 0;
}

.sidebar-links a i {
    float: left;
    font-size: 9px;
    line-height: 18px;
    width: 18px;
}

.mini-blog {
    float: left;
    width: 100%;
    display: table;
    margin: 10px 0;
    margin-bottom: 18px;
}

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

.mini-blog > span {
    display: table-cell;
    vertical-align: top;
    width: 74px;
}

.mini-blog > span a {
    float: left;
    width: 100%;
}

.mini-blog > span a img {
    float: left;
    width: 100%;

    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;

}

.mb-info {
    display: table-cell;
    vertical-align: top;
    padding-left: 15px;
}

.mb-info > h3 {
    float: left;
    width: 100%;
    font-family: Open sans;
    font-size: 13px;
    color: #202020;
    line-height: 20px;
    margin: 0;
}

.mb-info > span {
    float: left;
    width: 100%;
    font-size: 13px;
    color: #888888;
    margin-top: 5px;
}

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

.tags_widget > a {
    float: left;
    font-family: Open sans;
    font-size: 13px;
    color: #888888;
    border: 1px solid #e8ecec;

    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;

    padding: 6px 14px;
    margin-right: 11px;
    margin-bottom: 11px;
}

.blogpost.style2 {
    display: table;
    padding-bottom: 30px;
    border-bottom: 1px solid #e8ecec;
}

.blogpost.style2 .blog-posthumb {
    width: 322px;
    display: table-cell;
    float: none;
    vertical-align: top;
}

.blogpost.style2 .blog-postdetail {
    float: none;
    display: table-cell;
    width: auto;
    vertical-align: middle;
    padding-left: 40px;
}

.blogpost.style2 .blog-postdetail .bbutton {
    border: none;
    padding: 0;
    margin-top: 20px;
}

.blogpost.style2 .blog-postdetail .bbutton i {
    font-size: 17px;
    display: inline-block;
    position: relative;
    top: 2px;
    margin-left: 4px;
}

footer .footer-title {
    float: left;
    width: 100%;
    color: #ffffff;
    font-family: Open Sans;
    font-size: 16px;
    color: #ffffff;
    margin: 0;
    margin-bottom: 0px;
    margin-bottom: 30px;
}

.blog-single {
    float: left;
    width: 100%;
}

.bs-thumb {
    float: left;
    width: 100%;
    margin-bottom: 40px;
}

.bs-thumb > img {
    float: left;
    width: 100%;

    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;

}

.post-metas > li a img {
    float: left;

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

    margin-right: 15px;
    margin-top: -13px;
}

.blog-single > h2 {
    float: left;
    width: 100%;
    /*font-family: Open Sans;*/
    font-size: 20px;
    margin: 20px 0;
    color: #202020;
}
/*Change BY TC_RU on 19-03-2019 */ 
.blog-single > p {
    float: left;
    width: 100%;
    font-size: medium;
    color: #000;
    line-height: 24px;
    margin-bottom: 20px;
}
/*end*/
.blog-single > h3 {
    float: left;
    width: 100%;
    font-family: Open Sans;
    font-size: 16px;
    color: #202020;
}

blockquote {
    float: left;
    width: 100%;
    background: #f5f7fa;
    padding: 25px 40px;
    margin-bottom: 23px;
}

blockquote > p {
    float: left;
    width: 100%;
    margin: 0;
    font-family: Open Sans;
    font-size: 14px;
    font-style: italic;
    color: #888888;
    line-height: 16px;
}

blockquote > p i {
    font-size: 60px;
    line-height: 48px;
    display: inherit;
    width: 30px;
    float: left;
    margin-right: 10px;
}

blockquote > p span i {
    float: none;
    line-height: 0px;
    position: relative;
    top: 30px;
    margin-left: 13px;
}

blockquote > strong {
    float: left;
    font-weight: normal;
    font-size: 14px;
    font-style: italic;
    color: #202020;
    margin: 0;
    margin-top: 0px;
    margin-top: 18px;
}

.tags-share {
    float: left;
    width: 100%;
    border-top: 1px solid #e8ecec;
    border-bottom: 1px solid #e8ecec;
    padding: 20px 0;
}

.tags-share .tags_widget {
    float: left;
    width: 50%;
    margin-top: 6px;
}

.tags-share .tags_widget span {
    float: left;
    font-size: 16px;
    color: #202020;
    margin-right: 20px;
    line-height: 28px;
}

.tags-share .share-bar {
    padding: 0;
    border: none;
    float: right;
    width: 50%;
}

.tags-share .share-bar a {
    float: right;
    width: 40px;
    height: 40px;

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

    line-height: 36px;
    margin: 0;
    margin-left: 0px;
    margin-left: 20px;
}

.tags-share .share-bar span {
    float: right;
    margin: 0;
}

.tags-share .tags_widget a {
    margin-bottom: 0;
}

.post-navigation {
    float: left;
    width: 100%;
    border-bottom: 1px solid #e8ecec;
    padding-bottom: 30px;
    padding-top: 30px;
}

.post-hist {
    float: left;
    width: 50%;
}

.post-hist a {
    float: left;
    display: table;
    width: 100%;
}

.post-hist a > i {
    display: table-cell;
    vertical-align: top;
    width: 53px;
    height: 53px;
    border: 2px solid #e8ecec;

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

    text-align: center;
    line-height: 49px;
    font-size: 20px;
    color: #202020;
}

.post-hist a .post-histext {
    display: table-cell;
    vertical-align: middle;
    padding-left: 20px;
    font-family: Open Sans;
    font-size: 16px;
    color: #202020;
}

.post-hist a .post-histext i {
    float: left;
    width: 100%;
    font-style: normal;
    font-size: 13px;
    color: #888888;
    margin-top: 4px;
}

.post-hist.next a {
    text-align: right;
}

.post-hist.next a .post-histext {
    padding-left: 0;
    padding-right: 20px;
}

.comment-sec {
    width: 100%;
    float: left;
    margin-top: 30px;
}

.comment-sec > h3 {
    float: left;
    width: 100%;
    font-size: 20px;
    font-family: Open Sans;
    color: #202020;
}

.comment-sec > ul {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
}

.comment-sec > ul > li {
    float: left;
    width: 100%;
    margin: 0;
}

.comment {
    float: left;
    width: 100%;
    padding: 30px 0;
    display: table;
}

.comment-avatar {
    display: table-cell;
    vertical-align: top;
    width: 80px;
}

.comment-avatar img {
    float: left;
    width: 100%;

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

}

.comment-detail {
    display: table-cell;
    vertical-align: top;
    position: relative;
    padding-left: 30px;
}

.comment-detail > h3 {
    float: left;
    width: 50%;
    font-family: Open Sans;
    font-size: 16px;
    color: #202020;
    margin: 0;
}

.comment-detail > p {
    float: left;
    width: 100%;
    margin: 0;
    font-size: 14px;
    line-height: 24px;
    color: #888888;
    margin-top: 11px;
}

.date-comment {
    float: right;
    width: 50%;
    text-align: right;
}

.date-comment a {
    float: right;
    font-size: 13px;
    color: #0267ad;
}

.date-comment a i {
    font-size: 18px;
    line-height: 18px;
    display: inline-block;
    position: relative;
    top: 3px;
    margin-right: 7px;
}

.comment-detail > a {
    float: left;
    font-size: 14px;
    color: #929292;
    margin-top: 13px;
}

.comment-detail > a i {
    float: left;
    font-size: 20px;
    line-height: 16px;
    margin-right: 6px;
}

.comment-sec > ul > li .comment-child {
    padding-left: 80px;
    float: left;
    width: 100%;
    border-top: 1px solid #e8ecec;
    border-bottom: 1px solid #e8ecec;
}

.comment-sec > ul > li:last-child .comment {
    border: none;
}

.commentform-sec {
    float: left;
    width: 100%;
    margin-top: 30px;
}

.commentform-sec > h3 {
    float: left;
    width: 100%;
    font-size: 20px;
    font-family: Open Sans;
    color: #202020;
}

.commentform-sec > form {
    float: left;
    width: 100%;
    padding-right: 260px;
}

.commentform-sec .pf-title {
    margin-top: 0;
}

.commentform-sec > form button {
    float: left;
    font-size: 15px;
    background: #929292;
    color: #ffffff;
    padding: 15px 28px;

    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;

    margin-top: 10px;
}

.commentform-sec form textarea {
    min-height: 150px;
}

.photo-widget {
    float: left;
    width: 100%;
}

.photo-widget .row {
    margin: 0 -2px;
}

.photo-widget .row > div {
    padding: 0 2px;
}

.photo-widget a {
    float: left;
    width: 100%;
    margin-bottom: 4px;
}

.photo-widget a img {
    float: left;
    width: 100%;

    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;

}

header.white > .menu-sec {
    margin-bottom: 0;
}

header.white .menu-sec nav > ul > li > a {
    color: #202020;
}

header.white .account-btns > li a {
    color: #202020;
}

header.white .menu-sec nav > ul > li {
    padding-bottom: 27px;
}

header.white .menu-sec nav > ul > li > ul {
    margin-top: 3px;
}

.inner-title2 {
    float: none;
    width: 50%;
    padding: 24px 0px;
    display: table-cell;
    vertical-align: middle;
}

.inner-title2 > h3 {
    float: left;
    width: 100%;
    font-family: Quicksand;
    font-size: 30px;
    color: #202020;
    font-weight: bold;
    margin: 0;

}

.inner-title2 > span {
    float: left;
    width: 100%;
    font-size: 13px;
    color: #888888;
    margin-top: 7px;

}

.breadcrumbs {
    float: right;
    margin: 0;
}

.breadcrumbs > li {
    position: relative;
    padding-left: 30px;
    margin: 0;
    float: left;
}

.breadcrumbs > li a {
    float: left;
    width: 100%;
    font-size: 13px;
    color: #808080;
}

.breadcrumbs > li::before {
    position: absolute;
    left: 9px;
    top: 8px;
    width: 11px;
    height: 1px;
    background: #888888;
    content: "";
}

.breadcrumbs > li:first-child::before {
    display: none;
}

.inner2 {
    float: left;
    width: 100%;
    display: table;
}

.page-breacrumbs {
    display: table-cell;
    vertical-align: middle;
}

header.white {
    float: left;
    width: 100%;
    position: relative;

    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
    -ms-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
    -o-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);

}

.about-us {
    float: left;
    width: 100%;
}

.about-us h3 {
    float: left;
    width: 100%;
    font-family: Open Sans;
    font-size: 20px;
    color: #202020;
}

.about-us p {
    float: left;
    width: 100%;
    font-family: Open Sans;
    font-size: 14px;
    color: #888888;
    line-height: 24px;
}

.about-us img {
    float: left;
    width: 100%;
    margin-bottom: 40px;
}

.about-us .tags-share {
    float: left;
    width: auto;
    border: none;
    padding: 0;
}

.about-us .tags-share .share-bar {
    float: left;
    width: auto;
}

.our-services {
    float: left;
    width: 100%;
    margin-bottom: -60px;
}

.service {
    float: left;
    width: 100%;
    display: table;
    margin-bottom: 60px;
}

.service > i {
    vertical-align: top;
    width: 80px;
    border: 2px solid #e8ecec;

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

    float: left;
    height: 80px;
    text-align: center;
    line-height: 76px;
    font-size: 40px;
    color: #888888;
    margin-right: 25px;
}

.service-info {
    display: table-cell;
    vertical-align: top;
}

.service-info > h3 {
    float: left;
    width: 100%;
    font-size: 16px;
    font-family: Open Sans;
    margin: 0;
}

.service-info > p {
    float: left;
    width: 100%;
    font-size: 14px;
    line-height: 24px;
    color: #888888;
    margin: 0;
    margin-top: 11px;
}

.our-services h2 {
    float: left;
    width: 100%;
    font-family: Open Sans;
    font-size: 20px;
    color: #202020;
    margin-bottom: 40px;
}

.contact-form > h3 {
    float: left;
    width: 100%;
    font-size: 20px;
    color: #202020;
    font-family: Open Sans;
}

.contact-form > form {
    float: left;
    width: 100%;
    padding-right: 100px;
}

.contact-form > form .pf-title {
    margin-top: 0;
}

.contact-form > form textarea {
    min-height: 155px;
}

.contact-form > form button {
    float: left;
    margin-top: 5px;
    font-family: open sans;
    font-size: 15px;
    color: #ffffff;
    background: #929292;
    padding: 15px 58px;
    border: 2px solid #929292;

    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;

}

.contact-textinfo {
    float: left;
    width: 100%;
    padding-right: 100px;
}

.contact-textinfo > h3 {
    float: left;
    width: 100%;
    font-size: 20px;
    color: #202020;
    font-family: Open Sans;
}

.contact-textinfo > ul {
    float: left;
    width: 100%;
    margin: 0;
}

.contact-textinfo > ul > li {
    float: left;
    width: 100%;
    margin: 0;
    margin-top: 0px;
    margin-bottom: 0px;
    display: table;
    margin-bottom: 15px;
    margin-top: 15px;
}

.contact-textinfo > ul > li > i {
    display: table-cell;
    vertical-align: top;
    font-size: 50px;
    color: #647585;
    width: 70px;
}

.contact-textinfo > ul > li > span {
    display: table-cell;
    vertical-align: middle;
    font-family: Open Sans;
    font-size: 14px;
    color: #888888;
    line-height: 24px;
}

.contact-textinfo > a {
    float: left;
    margin-top: 5px;
    font-family: open sans;
    font-size: 15px;
    color: #0f36a5;
    padding: 15px 40px;

    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;

    margin-right: 20px;
    border: 2px solid #0f36a5;
}

.contact-textinfo > a.fill {
    background: #0f36a5;
    color: #ffffff;
}

.contact-map {
    float: left;
    width: 100%;
}

.contact-map #map_div {
    height: 350px;

    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;

}

.contact-textinfo.style2 {
    float: left;
    width: 100%;
    background: #edeff7;
    padding: 50px 40px;

    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;

}

.account-popup-area.static {
    position: static;
    float: left;
    width: 100%;
    display: block !important;;
    overflow: auto;
    background: no-repeat;
    z-index: 1;
}

.account-popup-area.static .account-popup {
    margin-top: 2%;
    width: 40%;
    padding: 4%;
    box-shadow: 0 0 8px rgba(0,0,0,.4);
}
.account-popup-area.static .account-popup.category-page{
    width: 60%;
    left: 40%;
}

.account-popup-area.static .account-popup {
    margin-top: 2%;
    width: 40%;
    padding: 4%;
    box-shadow: 0 0 8px rgba(0,0,0,.4);
}

.account-popup-area.static .account-popup > span {
    line-height: 24px;
    margin: 0;
    padding-top: 20px;
}

.account-popup-area.static .account-popup > h3 {
    line-height: 30px;
}

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

.faq-box {
    float: left;
    width: 100%;
    margin-bottom: 33px;
}

.faq-box > h2 {
    float: left;
    width: 100%;
    position: relative;
    cursor: pointer;
    font-family: Open Sans;
    font-size: 16px;
    background-color: #0063ab;
    color: #fff;
    padding: 10px 0px 10px 13px;
    border-radius: 11px 0px 11px;
}

.faq-box > h2 > i {
    float: right;
    margin-right: 13px;
}

.faq-box > h2 > i::after {
    position: absolute;
    right: 20px;
    top: 12px;
    width: 2px;
    height: 13px;
    content: "";
    background: #ffffff;
    opacity: 0;
}

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

.contentbox > p {
    float: left;
    width: 100%;
    font-size: 14px;
    line-height: 24px;
    color: #888888;
    margin: 0;
}

.faq-box > h2.active i::after {
    opacity: 1;
}

.terms-conditions {
    float: left;
    width: 100%;
}
.terms-conditions p.MsoNormal{
    margin-bottom: 10px;
}
terms {
    float: left;
    width: 100%;
    margin-bottom: 30px;
}

.terms:last-child {
    margin: 0;
}

.terms > h2 {
    float: left;
    width: 100%;
    font-family: Open Sans;
    font-size: 20px;
    color: #202020;
    margin-bottom: 15px;
}

.terms > p {
    float: left;
    width: 100%;
    font-family: Open Sans;
    font-size: 14px;
    color: #000000;
    line-height: 24px;
    margin: 0;
}

.terms {
    float: left;
    width: 100%;
    margin-bottom: 30px;
}

.faq-box:last-child {
    margin: 0;
}

.how-works {
    float: left;
    width: 100%;
    position: relative;
    margin-bottom: 100px;
}

.how-workimg {
    float: left;
    width: 55%;
    position: relative;
    display: table;
    z-index: 0;
}

.how-workimg > img {
    float: left;
    width: 100%;

    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;

}

.how-workimg:before {
    background: rgb(251, 35, 106);
    background: -moz-linear-gradient(45deg, rgba(126, 133, 208, 0.03) 0%, rgba(39, 48, 119, 0.24) 44%, rgba(20, 31, 114, 1) 100%);
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(251, 35, 106, 1)), color-stop(44%, rgba(251, 35, 106, 1)), color-stop(100%, rgba(20, 31, 114, 1)));
    background: -webkit-linear-gradient(45deg, rgba(126, 133, 208, 0.03) 0%, rgba(39, 48, 119, 0.24) 44%, rgba(20, 31, 114, 1) 100%);
    background: -o-linear-gradient(45deg, rgba(126, 133, 208, 0.03) 0%, rgba(39, 48, 119, 0.24) 44%, rgba(20, 31, 114, 1) 100%);
    background: -ms-linear-gradient(45deg, rgba(126, 133, 208, 0.03) 0%, rgba(39, 48, 119, 0.24) 44%, rgba(20, 31, 114, 1) 100%);
    background: linear-gradient(45deg, rgba(126, 133, 208, 0.03) 0%, rgba(39, 48, 119, 0.24) 44%, rgba(20, 31, 114, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#929292', endColorstr='#141f72', GradientType=1);
    content: "";

    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;

    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;

    opacity: 0.8;
}

.how-work-detail {
    position: absolute;
    right: 0;
    top: 0;
    width: 52%;
    height: 100%;
    padding: 30px 0;
}

.how-work-box {
    background: #ffffff;
    vertical-align: middle;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;

    position: relative;

    -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
    padding: 5% 15%;
    float: left;
}

.how-work-box > span {
    width: 66px;
    height: 66px;
    background: #f56600;
    position: absolute;
    left: 0;
    top: 50%;

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

    text-align: center;
    color: #ffffff;
    line-height: 66px;
    font-weight: bold;
    font-size: 25px;
    margin-top: -33px;
    margin-left: -33px;
}

.how-work-box > i {
    position: absolute;
    right: 20px;
    top: 20px;
    font-size: 120px;
    color: #edeff7;
}

.how-work-box > h3 {
    float: left;
    width: 100%;
    font-size: 22px;
    color: #202020;
    font-family: Open Sans;
}

.how-work-box > p {
    float: left;
    width: 100%;
    font-family: Open Sans;
    font-size: 14px;
    color: #888888;
    line-height: 30px;
    margin: 0;
}

.how-works.flip .how-workimg {
    float: right;
}

.how-works.flip .how-work-detail {
    right: auto;
    left: 0;
    text-align: right;
}

.how-works.flip .how-work-box > span {
    left: auto;
    right: 0;
    margin-left: 0;
    margin-right: -33px;
}

.how-works.flip .how-work-box > i {
    right: auto;
    left: 20px;
}

.how-works:last-child {
    margin: 0;
}

.error-sec {
    position: absolute;
    left: 50%;
    top: 50%;

    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);

    text-align: center;
}

.error-sec > img {
    float: none;
    display: inline-block;
}

.error-sec > span {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 24px;
    color: #d5d8f3;
    margin-top: 40px;
}

.error-sec > p {
    float: left;
    width: 100%;
    font-size: 14px;
    color: #ffffff;
    line-height: 24px;
    margin-top: 20px;
}

.error-sec form {
    float: left;
    width: 100%;
    padding: 0;
}

.error-sec form > input {
    float: none;
    width: 510px;
    height: 60px;
    background: #ffffff;

    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;

    font-size: 13px;
    display: inline-block;
    margin: 0;
}

.error-sec form button {
    float: none;
    display: inline-block;
    width: 70px;
    height: 60px;
    text-align: center;
    padding: 0;
    font-size: 32px;
    background: #0267ad;

    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;

    margin-left: 15px;
    position: relative;
    top: 7px;
}

.error-sec h6 a {
    float: none;
    display: inline-block;
    font-family: Open Sans;
    font-size: 14px;
    background: #0f36a5;
    color: #ffffff;
    padding: 12px 40px;

    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;

    margin-top: 30px;
}

.error-sec > h6 {
    float: left;
    width: 100%;
    margin: 0;
}

.stick-top .style3 .post-job-btn:hover {
    background: transparent;
    border: 2px solid #929292;
    color: #929292;
}
.btn-extars .post-job-btn {
    border: 2px solid #2375bb;
    color: #ffffff;
    background: #2375bb;
}
.btn-extars .post-job-btn:hover {
    /*background: transparent;
    border: 2px solid #929292;
    color: #fff;*/
    background: #2e97f1;
    border: 2px solid #2e97f1;
    color: #ffffff;
}

.account-popup > form button:hover {
    background: #2375bb;
    color: #fff;
    border: #2375bb;
}

.mandatory-fields {
    color: #ff6700;
}

span.error {
    border: none !important;
    color: #ff6700;
    font-size: 11px;
    position: absolute;
    top: -30px;
    right: 0;
}
/*.error {
    border: 2px solid #ff6700 !important;
}*/

input.error, select.error {
    border: 2px solid #ff6700;
}

.login-social a.tw-login:hover {
    background: #c71111;
    border-color: #c71111;
    color: #ffffff;
}

.login-social a.fb-login:hover {
    background: #3b5998;
    border-color: #3b5998;
    color: #ffffff;
}

.job-search form button:hover {
    background: #929292;
}

.or-browser > a:hover {
    background: #ffffff;
    color: #333333;
}

.scroll-to:hover {
    border-color: #929292;
}

.scroll-to:hover a {
    background: #929292;
    color: #ffffff;
}

.browse-all-cat a:hover {
    background: #929292;
    color: #ffffff;
}

.simple-text-block a:hover {
    border-color: #FFF;
    background: #FFF;
    color: #929292;
}

.fav-job.active {
    color: red;
}

.social a:hover {
    color: #fff;
}

header.style2 .post-job-btn:hover {
    background: #929292;
    border-color: #929292;
    color: #ffffff;
}

header.style2 .account-btns {
    padding: 10px 0;
}

.job-grid > a:hover {
    background: #929292;
    color: #ffffff;
    border-color: #929292;
}

.top-compnay > a:hover {
    background: #929292;
    color: #ffffff;
    border-color: #929292;
}

.subscription-sec form button:hover {
    background: #333333;
}

.social-links:hover a {
    opacity: 0.1;
}

.social-links:hover a:hover {
    opacity: 1;
}

.links a:hover {
    color: #333333;
}

header.style3 .post-job-btn:hover {

    -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);

}

.find-cand form > button:hover {
    background: #929292;
}

.download-text ul li a:hover {
    background: #7dc246;
    border-color: #7dc246;
}

.team-detail > a:hover {
    color: #000000;
}

footer.ft .social a:hover {
    color: #333333;
}

header.style4 .account-btns > li a:hover {
    background: #1e83f0;
    border-color: #1e83f0;
    color: #ffffff;
}

.job-search form button:hover {
    background: #929292;
    color: #fff;
}

.p-category.style2:hover > a i {
    color: #929292;
}

.subscribe_widget form button:hover {
    background: #929292;
}

header.style5 .post-job-btn:hover {
    background: #ffffff;
    color: #333333;
}

.form-location-sec form button:hover {
    background: #929292;
}

.p-category.style2.gray:hover {
    background: #ffffff;
    box-shadow: none;

    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;

    height: auto;
    width: auto;
    margin-left: 0px;

}

.job-listings-sec.style2 .aply-btn:hover {
    background: transparent;
    border: 1px solid #26ae61;
    color: #26ae61;
}

.job-grid.style2:hover {
    background: #ffffff;
    box-shadow: none;
}

.grid-info-box a:hover {
    background: transparent;
    border: 1px solid #26ae61;
    color: #26ae61;
}

.who-am a:hover {
    background: #ffffff;
    color: #333333;
}

.emlthis.active {
    background: #929292;
    border-color: #929292;
    color: #ffffff;
}

.emlthis.active i {
    color: #ffffff;
}

.job-head-wide .apply-thisjob:hover {
    background: transparent;
    border-color: #0267ad;
    color: #0267ad;
}

.apply-thisjob:hover {
    background: #9fa4e1;
    border-color: #9fa4e1;
    color: #FFF;
}

.apply-alternative a:hover {
    background: #929292;
    border-color: #929292;
    color: #ffffff;
}

.share-bar a:hover {
    background: #929292;
    border-color: #929292;
    color: #ffffff;
}

.quick-form-job form button:hover {
    background: transparent;
    border: 2px solid #424f95;
    color: #424f95;
}

.emply-text > ul > li:hover::before {
    background: #929292;
    width: 20px;
}

.emply-text > ul > li:hover a {
    color: #929292;
}

.job-single-head.style2 > a:hover {

    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;

    color: #ffffff;
}

.job-single-head.style2 > .apply-job-linkedin:hover {
    color: #929292;
}

.job-overview ul > li:hover i {
    color: #929292;
}

.emply-btns > a:hover {
    background: #0267ad;
    border-color: #0267ad;
    color: #FFF;
}

.freelancer-reviews {
    font-size: 14px;
    margin-top: 20px;
}

.freelancer-reviews-completion {
    font-size: 14px;
    margin-top: 10px;
}

.emply-btns > a.seemap:hover {
    background: transparent;
    border-color: #929292;
    color: #929292;
}

.upload-info > a:hover {
    background: #0267ad;
    color: #ffffff;
}

.pf-field .chosen-container.chosen-container-single.chosen-container-single-nosearch.chosen-with-drop.chosen-container-active a {
    border: 2px solid #e8ecec;
}

.pf-field .chosen-container-single .chosen-drop {
    margin-top: 5px;
    border: 1px solid #e8ecec;
    font-weight: normal;
}
/*Change BY TC_RU on 19-03-2019 */ 
.profile-form-edit > form button:hover,
.contact-edit > form button:hover {
    background: #2375bb;
    color: #ffffff;
    border: 2px solid #2375bb;
}
/*end*/
.contact-edit .srch-lctn:hover {
    background: #0267ad;
    color: #ffffff;
    border-color: #0267ad;
}

.pf-map #map_div {
    height: 300px;

    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;

}

.table-list-title h3 a:hover {
    color: #929292;
}

.tree_widget-sec > ul > li > ul > li a:hover {
    color: #202020;
}
/*Change BY TC_RU on 19-03-2019 */ 
.contact-popup form > button:hover {
    background: #2375bb;
    color: #fff;
    border: 2px solid #2375bb;
}
/*end*/
.change-password form button:hover {
    background-color: #2375bb;
    color: #fff;
    border: 2px solid #2375bb;
}

.shortlists > a:hover {
    background: #0267ad;
    color: #ffffff;
}

.action-inner .download-cv a:hover {
    background: #929292;
    border-color: #929292;
}

.follow-companies > ul li .job-listing.wtabs .go-unfollow:hover {
    background: #929292;
    border-color: #929292;
    color: #fff;
}

.border-title > a:hover {
    color: #555555;
}

.border-title > a:hover i {
    background: #555555;
}

.resumeadd-form button:hover {
    background: #555555;
    border-color: #555555;
}

.coverletter-sec > form button:hover {
    background: #929292;
    color: #ffffff;
}

.bbutton:hover {
    background: #929292;
    color: #ffffff;
}

.blogpost.style2 .blog-postdetail .bbutton:hover {
    background: none;
    color: #333333;
}

.tags_widget > a:hover {
    background: #fafafa;
}

.sidebar-links a:hover {
    color: #929292;
}

.mb-info > h3:hover {
    color: #929292;
}

.blog-postdetail > h3:hover {
    color: #929292;
}

.post-hist a:hover > i {
    background: #fafafa;
}

.commentform-sec > form button:hover {
    background: #555555;
}

.service:hover i {
    background: #929292;
    border-color: #929292;
    color: #ffffff;
}

.contact-form > form button:hover {
    background: transparent;
    border: 2px solid #929292;
    color: #929292;
}

.contact-textinfo > a.fill:hover, .contact-textinfo > a:hover {
    background: #929292;
    border-color: #929292;
    color: #ffffff;
}

.error-sec form button:hover {
    background: #929292;
}

.error-sec h6 a:hover {
    background: #929292;
}

.menu-sec nav > ul > li ul li.menu-item-has-children > ul {
    position: absolute;
    left: 100%;
    width: 250px;
    padding-left: 11px;
    opacity: 0;
    visibility: hidden;

}

.menu-sec nav > ul > li ul li.menu-item-has-children > ul::before {
    position: absolute;
    left: 7px;
    top: 13px;
    width: 13px;
    height: 13px;
    background: #fafafa;
    content: "";

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);

}

.menu-sec nav > ul > li ul li.menu-item-has-children:hover > ul {
    opacity: 1;
    visibility: visible;
}

.bottom-line .scrollup {
    position: absolute;
    right: 70px;
    bottom: 44px;
    width: 50px;
    height: 50px;
    border: 2px solid #8a99b3;

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;

    line-height: 46px;
    color: #8a99b3;
    font-size: 23px;
}

.bottom-line .scrollup:hover {
    border: 2px solid #FFF;
    color: #FFF;
}

footer.ft .scrollup:hover {
    border-color: #647585;
    color: #647585;
}

.bottom-line.style2 .scrollup {
    border: none;
    bottom: 8px;
}

footer.ft .scrollup {
    border-color: #7dc246;
    color: #7dc246;
    bottom: 190px;
    z-index: 6;
}

.forsticky {
    position: absolute;
    left: 0;
    top: 0;
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
}

.forsticky.sticky .menu-sec nav > ul > li > a {
    color: #232323;
    line-height: 10px;
}

.forsticky.sticky .account-btns > li a {
    color: #222222;
}

.forsticky.sticky .menu-sec {
    margin-top: 23px;
    margin-bottom: 17px;
}

.forsticky.sticky .post-job-btn:hover {
    background: #929292;
    color: #FFF;
}

.forsticky.sticky {
    position: fixed;
    left: 0;
    top: 0;
    background: #ffffff;
    -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
}

.showsticky {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
}

.forsticky.sticky .logo a img.showsticky {
    display: block;
}

.forsticky.sticky .logo a img.hidesticky {
    opacity: 0;
}

*:focus {
    outline: 0 !important;
}

.top-company-sec button.slick-arrow:hover {
    background: #929292;
    border: 2px solid #929292;
}

.top-company-sec button.slick-arrow:hover:before {
    color: #ffffff;
}

.iconmove {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.iconmove img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}

.p-category.green > a i {
    color: #647585;
}

.p-category.green:hover a i {
    color: #7dc246;
}

.browse-all-cat.green a {
    border-color: #7dc246;
}

.browse-all-cat.green a:hover {
    background: #7dc246;
}

.job-field.with-icon.nolbel input {
    margin: 41px 0;
}

.browse-all-cat .style2.noradius {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;

}

.alpha-pag.full #filter {
    margin: 0;
    float: left;
    width: 100%;
}

.alpha-pag.full #filter li {
    float: left;
    margin: 0;
}

.alpha-pag.full a.selected {
    background: #0267ad;
    color: #ffffff;
}

.alpha-pag.full #filter li:first-child a {
    font-size: 13px;
    color: #888888;
    padding: 10px 20px;
    margin-right: 30px;
    font-weight: normal;
}

.alpha-pag.full #filter li:first-child a.selected {
    color: #ffffff;
}

.alpha-pag.full #filter li:first-child a:hover {
    color: #fff;
}

.tags {
    float: left;
    width: 100%;
    border: 2px solid #e8ecec;

    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;

    padding: 8px;
}

.tags > .addedTag {
    float: left;
    background: #f4f5fa;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    font-family: Open Sans;
    font-size: 13px;
    padding: 7px 17px;
    margin-right: 10px;
    position: relative;
}

.tags > .addedTag > span {
    position: absolute;
    right: -6px;
    top: -5px;
    width: 16px;
    height: 16px;
    font-style: normal;
    background: #929292;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    color: #ffffff;
    text-align: center;
    line-height: 13px;
    font-size: 10px;
    font-family: Open Sans;
    cursor: pointer;
}

.tagAdd.taglist input {
    float: left;
    width: auto;
    background: #ffffff;
    border-left: 1px solid #e8ecec;
    margin-left: 10px;
    padding: 0;
    height: 19px;
    margin: 5px 0;
    margin-left: 15px;
    padding-left: 15px;
}

.tags li {
    margin: 0;
}

.emply-resume-list:hover {
    border-color: #ffffff;

    -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);

    margin-top: 0px;
    position: relative;
    z-index: 12;
}

.edu-history-sec .action_job {
    position: absolute;
    right: 0;
    top: 0;
    left: auto;
}

.edu-history-sec .action_job li a {
    font-size: 19px;
    color: #0267ad;
}

.mp-col .action_job {
    float: left;
    width: 100%;
    text-align: center;
    margin-top: -10px;
}

.mp-col .action_job li {
    float: none;
    display: inline-block;
}

.mp-col .action_job li a {
    font-size: 19px;
    color: #0267ad;
}

.progress-sec.with-edit .action_job {
    position: absolute;
    right: 0;
    top: 17px;
}

.progress-sec.with-edit .action_job li a {
    font-size: 19px;
    color: #0267ad;
}

.menu-sec nav > ul > li ul li.menu-item-has-children > ul > li {
    background: #fafafa;
}

.cand-extralink.stick {
    position: fixed;
    left: 0;
    top: 0;
    margin: 0;
    background: #ffffff;
    z-index: 9;
}

.cand-extralink > li.active a {
    border-color: #0267ad;
}

.responsive-header {
    float: left;
    width: 100%;
    position: relative;
    background: #0b1b46;
    padding: 0 25px;
    z-index: 99;
    display: none;
}

.responsive-header.three {
    background: #FFF !important;
}

.responsive-header.four {
    background: #FFF !important;
}

.responsive-header.five {
    background: #26ae61 !important;
}

.responsive-header.five .res-openmenu {
    background: transparent !important;
}

.responsive-header.three .res-openmenu {
    color: #7dc246;
}

.responsive-header.three .res-closemenu {
    color: #7dc246;
}

.responsive-header.four .res-openmenu {
    color: #7dc246;
}

.responsive-header.four .res-closemenu {
    color: #7dc246;
}

.responsive-menubar {
    float: left;
    width: 100%;
    padding: 30px 0;
}

.res-logo {
    float: left;
}

.menu-resaction {
    float: right;
    position: relative;
}

.responsivemenu {
    float: left;
    width: 100%;
    margin-top: 40px;
    margin-bottom: 50px;
}
/*Change BY TC_RU on 19-03-2019 */
.res-openmenu {
    float: left;
    color: #000;
    font-size: 15px;
    font-family: Open Sans;
    padding: 12px 27px;

    -webkit-border-radius: 26px;
    -moz-border-radius: 26px;
    -ms-border-radius: 26px;
    -o-border-radius: 26px;
    border-radius: 26px;

    cursor: pointer;
}
/*end*/
.res-openmenu img {
    float: left;
    margin-right: 11px;
}

.res-closemenu {
    position: absolute;
    right: 0;
    top: 0;
    color: #fff;
    font-size: 15px;
    font-family: Open Sans;
    padding: 13px 27px;

    -webkit-border-radius: 26px;
    -moz-border-radius: 26px;
    -ms-border-radius: 26px;
    -o-border-radius: 26px;
    border-radius: 26px;

    cursor: pointer;
    opacity: 0;
    visibility: hidden;
}

.responsive-opensec {
    width: 100%;
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    background: #0b1b46;
    padding: 0 30px;
    overflow-y: scroll;
    height: max-content; /*height: 620px; Edit By: Rushabh date:08/10/2018*/
}

.responsive-opensec .btn-extars {
    float: left;
    width: 100%;
    border-top: 1px solid #38425f;
    border-bottom: 1px solid #38425f;
    padding: 20px 0;
}

.res-search {
    float: left;
    width: 100%;
    margin-top: 40px;
    background: #040e2b;
    position: relative;

    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;

}

.res-search input {
    float: left;
    width: 100%;
    margin: 0;
    background: none;
    font-size: 13px;
    color: #9299af;
    padding: 18px 30px;
    padding-right: 30px;
    padding-right: 80px;
}

.res-search button {
    position: absolute;
    right: 0;
    background: none;
    padding: 0;
    color: #62697f;
    font-size: 25px;
    padding: 11px 20px;
}

.responsivemenu > ul {
    float: left;
    width: 100%;
    margin: 0;
}

.responsivemenu > ul > li {
    float: left;
    width: 100%;
    margin: 15px 0;
    position: relative;
}

.responsivemenu > ul > li > a {
    float: left;
    width: 100%;
    font-family: Open Sans;
    font-size: 15px;
    color: #96a0bd;
    padding-right: 30px;
    position: relative;
}

.responsivemenu > ul > li.menu-item-has-children > a::before {
    position: absolute;
    right: 0;
    top: 13px;
    width: 15px;/*Width:20px edited by Rushabh date:06/10/2018*/ 
    height: 1px;
    background: #ffffff;
    content: "";
}

.responsivemenu > ul > li.menu-item-has-children > a::after {
    position: absolute;
    right: 7px;  /*Right:10px Top:4px height:20px edited by Rushabh date:06/10/2018*/ 
    top: 6px;
    width: 1px;
    height: 15px;
    content: "";
    background: #ffffff;
}

.responsivemenu > ul > li ul {
    float: left;
    width: 100%;
    padding: 0;
    padding-left: 0px;
    margin: 20px 0;
    padding-left: 30px;
    display: none;
}

.responsivemenu > ul > li ul > li {
    float: left;
    width: 100%;
    margin: 0;
}

.responsivemenu > ul > li ul > li a {
    float: left;
    width: 100%;
    color: #ffffff;
    font-size: 13px;
    padding: 8px 0;
}

.responsivemenu > ul > li.menu-item-has-children.active {
    margin-bottom: 0;
}

.responsivemenu > ul > li.menu-item-has-children.active > ul {
    margin-bottom: 0;
}

.responsivemenu > ul > li.menu-item-has-children.active a::after {
    height: 0px;
}

.responsivemenu > ul > li.menu-item-has-children.active > a {
    color: #ffffff;
}

.responsivemenu > ul > li ul > li a:hover {
    color: #929292;
    padding-left: 15px;
}

.res-openmenu.active {
    opacity: 0;
    visibility: hidden;

    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);

}

.responsive-header.active .res-closemenu {
    opacity: 1;
    visibility: visible;
}

.res-closemenu img {
    float: left;
    margin-right: 12px;
}

.blogpost.style2 .blog-posthumb > a img {

    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;

}

.res-logo > a {
    float: left;
}

/*edited by:ru date:16/03/2019*/
/* Cross Browser Compatibility */
/*header,*/
/*.res-openmenu,*/
/*.res-closemenu,*/
/*.responsivemenu > ul > li.menu-item-has-children > a,*/
/*.responsivemenu > ul > li ul > li a,*/
/*.menu-sec nav > ul > li,*/
/*.menu-sec nav > ul > li *,*/
/*.chosen-container,*/
/*.responsivemenu > ul > li.menu-item-has-children > a::before,*/
/*.responsivemenu > ul > li.menu-item-has-children > a::after,*/
/*.contact-textinfo > a.fill,*/
/*.contact-textinfo > a,*/
/*.chosen-container *,*/
/*.emply-resume-list,*/
/*.p-category,*/
/*.p-category *,*/
/*.job-listing,*/
/*.job-listing *,*/
/*.my-blog,*/
/*.my-blog *,*/
/*.link_widgets,*/
/*.link_widgets *,*/
/*.link_widgets a:before,*/
/*.quick-select,*/
/*.quick-select *,*/
/*.top-compnay,*/
/*.top-compnay *,*/
/*.team,*/
/*.team *,*/
/*.sb-title::after,*/
/*.sb-title::before,*/
/*.sb-title,*/
/*.emply-list,*/
/*.emply-list *,*/
/*.mportolio a,*/
/*.profile-sidebar,*/
/*.post-job-btn,*/
/*.account-popup > form button,*/
/*.login-social a,*/
/*.job-search form button,*/
/*.or-browser > a,*/
/*.scroll-to,*/
/*.scroll-to *,*/
/*.browse-all-cat a,*/
/*.simple-text-block a,*/
/*.social *,*/
/*.job-grid,*/
/*.job-grid *,*/
/*.top-compnay *,*/
/*.subscription-sec form button,*/
/*.social-links,*/
/*.social-links *,*/
/*.links a,*/
/*.find-cand form > button,*/
/*.download-text ul *,*/
/*.team-detail *,*/
/*header.style4 .account-btns > li a,*/
/*.tab-sec,*/
/*.tab-sec *,*/
/*.subscribe_widget form button,*/
/*.who-am,*/
/*.who-am *,*/
/*#toggle-widget h2::before,*/
/*.emlthis,*/
/*.emlthis *,*/
/*.pagination,*/
/*.pagination *,*/
/*.apply-thisjob,*/
/*.apply-alternative a,*/
/*.share-bar *,*/
/*.quick-form-job form button,*/
/*.alpha-pag *,*/
/*.emply-text > ul > li *,*/
/*.emply-text > ul > li:before,*/
/*.job-single-head.style2 > a,*/
/*.job-overview ul > li *,*/
/*.emply-btns > a,*/
/*.upload-info > a,*/
/*.profile-form-edit > form button,*/
/*.contact-edit .srch-lctn,*/
/*.contact-edit > form button,*/
/*.action_job *,*/
/*.table-list-title *,*/
/*.tree_widget-sec > ul > li > ul *,*/
/*.contact-popup form > button,*/
/*.change-password form button,*/
/*.shortlists > a,*/
/*.action-inner .download-cv a,*/
/*.follow-companies > ul li .job-listing.wtabs .go-unfollow,*/
/*.border-title > a,*/
/*.border-title > a *,*/
/*.resumeadd-form button,*/
/*.coverletter-sec > form button,*/
/*.blogpost,*/
/*.blogpost *,*/
/*.tags_widget > a,*/
/*.sidebar-links a,*/
/*.sidebar-links a i,*/
/*.mb-info > h3,*/
/*.post-hist *,*/
/*.commentform-sec > form button,*/
/*.service *,*/
/*.contact-form > form button,*/
/*.error-sec form button,*/
/*.error-sec h6 a,*/
/*.menu-sec,*/
/*.top-company-sec button.slick-arrow,*/
/*.top-company-sec button.slick-arrow:before,*/
/*.how-to-sec,*/
/*.how-to-sec *,*/
/*.responsivemenu li,*/
/*.responsivemenu {*/
/*    -webkit-transition: all 0.4s ease 0s;*/
/*    -moz-transition: all 0.4s ease 0s;*/
/*    -ms-transition: all 0.4s ease 0s;*/
/*    -o-transition: all 0.4s ease 0s;*/
/*    transition: all 0.4s ease 0s;*/
/*}*/
/*end*/
.add-expedu-section {
    left: 27% !important;
    top: 5% !important;
    width: 80% !important;
}

.close-contact, .close-request-widt-popup, .close-request-deposit-popup, .close-add-education-popup, .close-add-experience-popup, .close-bid-on-project-popup,
.close-add-portfolio-popup {
    position: absolute;
    right: -20px;
    top: -20px;
    width: 50px;
    height: 50px;
    background: #929292;
    text-align: center;
    color: #ffffff;
    line-height: 50px;
    font-size: 27px;

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

    cursor: pointer;
}

.add-portfolio-section {
    left: 27% !important;
    top: 5% !important;
    width: 80% !important;
}

.contactus-popup, .request-widt-popup, .request-deposit-popup, .add-education-popup, .add-experience-popup, .bid-on-project-popup,
.add-portfolio-popup {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    background: rgba(20, 31, 114, 0.6);
    display: none;
    overflow-y: scroll;
}

#masonry {
    padding-bottom: 40px;
}

#masonry .my-blog {
    margin-top: 47px;
}

.portfolio-details p {
    font-size: 12px;
}

.blog-details .skill-used {
    font-size: 13px;
    font-weight: 600;
}

.action-portfolio {
    padding-bottom: 20px;
}

.updatedelete .la.la-pencil {
    padding-right: 7px;
    border-right: 1px solid #ccc;
}

.updatedelete .la.la-remove {
    padding-left: 4px;
}
/*Change BY TC_RU on 19-03-2019 */ 
.close-bid-popup {
    border: 2px solid #929292;
}
.close-bid-popup:hover {
    border: 2px solid #f00;
    background: #f00;
    color: #fff;
}
.save-bid-popup{
    border: 2px solid #929292 !important;
}
.save-bid-popup:hover {
    border: 2px solid #2375bb!important;
    background: #2375bb;
    color: #fff;
}
/*end*/
#bid_pop_btn {
    border: 2px solid #929292;
    color: #202020;
    transition: all 0.4s ease 0s;
}
/*Change BY TC_RU on 19-03-2019 */ 
#bid_pop_btn:hover {
    background: #2375bb;
    color: #ffffff;
    border: 2px solid #2375bb;
}
/*end*/
.c-logo img.rounded {
    width: 101px;
    height: 101px;
}

.candidate-home-name h3 {
    color: #ffffff;
    font-weight: bold;
    font-size: 24px;
}

.col-lg-6.switch-home {
    padding-top: 11px;
}

.can-home-profilepic img {
    float: left;
    width: 100%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    height: 126px;
}

.can-details-home {
    padding: 17px 0px 0px 5px;
    display: block;
}

.can-details-home > h3 {
    width: 100%;
    font-family: Open Sans;
    font-size: 18px;
    color: #202020;
    font-weight: bold;
    margin: 0;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
}

.can-details-home span {
    float: left;
    width: 100%;
    font-family: Open Sans;
    font-size: 14px;
    color: #202020;
    margin-top: 14px;
}

.can-details-home > p {
    width: 100%;
    margin: 0;
    font-size: 13px;
    color: #888888;
    line-height: 13px;
    margin-top: 10px;
}

.box-shadow {
    border: 1px solid #d0d0d0;
    display: flow-root;
    box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, .05);
}

.progress-sec:last-child {
    margin: 0;
}

.card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: .25rem;
}

.progress-sec > span {
    font-size: 13px;
}

.progress {
    background: #f56600;
    height: 10px;
}

.progressbar {
    height: 10px;
}

.card-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 10px;
}

.candidate-home.py-5.bg-light {
    padding-bottom: 50px;
}

.widget-header {
    background-color: #f4f4f4;
    padding: 13px 14px 0px 14px;
    font-weight: 500;
}

.widget-header h4 {
    font-size: 16px;
}

.widget-header h4 small {
    font-size: 12px;
    color: #f56600;
}

.progress-sec.with-edit small {
    padding-top: 18px;
    font-size: 14px;
}

.notification-msg {
    border-bottom: 1px solid #dcdcdc;
    padding: 4px 0px 3px 4px;
}

.message-noti {
    padding: 4px 0px 3px 4px;
}

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

.padding-bottom-10 {
    padding: 7px 0px 10px 14px;
}

.inv-head-title {
    font-size: 14px;
    line-height: 1.4;
}

.padding-10 {
    padding-top: 9px;
}

/* View Project 12-06-2018 */
.post-project-cat {
    padding-left: 0px;
}

.post-project-cat span {
    float: left;
    font-size: 12px;
    color: #888888;
    margin: 10px 0;
}

.single-project {
    padding-left: 0px;
}

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

.task-status span {
    width: 100% !important;
}

span.task-status-clr-open {
    color: #01b530;
    font-weight: 600;
}

span.task-status-clr-close {
    color: #ec0000;
    font-weight: 600;
}

span.task-status-clr-awarded {
    color: #003e9a;
    font-weight: 600;
}

a.view-project-btn {
    padding: 8px 15px;
    border-radius: 8px;
    text-align: center;
    background: #ffffff;
    border: 2px solid #929292;
    font-size: 14px;
    margin-top: 20px;
    float: left;
    margin-right: 16px;
    transition: all 0.5s ease 0s;
}

.view-project-btn i {
    font-size: 17px;
    margin-right: 6px;
    line-height: 11px;
    position: relative;
    top: 1px;
    transition: unset;
}
a.view-project-btn.close-bid:hover {
    padding: 8px 15px;
    border-radius: 8px;
    text-align: center;
    background-color: #f00;
    color: #fff;
    border: 2px solid #f00;
}
a.view-project-btn:hover {
   padding: 8px 15px;
    border-radius: 8px;
    text-align: center;
    background-color: #2375bb;
    color: #fff;
    border: 2px solid #2375bb;
}

.task-skills {
    padding-left: 0px;
    border-top: 1px solid #e8ecec;
    border-bottom: 1px solid #e8ecec;
    width: 100%;
    float: left;
    padding-top: 19px;
    padding-bottom: 19px;
}

.view-detail-tasker.col-lg-12.job-listing.wtabs {
    padding: 8px 0px !important;
}

.view-detail-tasker .customer-review4f {
    font-size: 12px !important;
}

.view-detail-tasker .view-pro-bid-amount {
    font-size: 26px;
    font-weight: 600;
    text-align: center;
}

.border-right-1p {
    border-right: 1px solid #ccc;
}

.fix-width-150px {
    width: 150px !important;
}

.total-bid-view-project-p1 {
    width: 13% !important;
}

.total-bid-view-project-p2 {
    color: #0267ad;
    font-size: 15px;
    font-weight: 600;
}

button.close.custom-close-btn {
    background-color: #929292;
    position: absolute;
    top: -20px;
    width: 50px;
    height: 50px;
    float: none;
    margin: 0;
    right: -20px;
    text-align: center;
    line-height: 50px;
    color: #ffffff;
    font-size: 20px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    padding: 0;
    opacity: 1;
}

.modal-title {
    font-weight: bold;
}

.pad-top-10 {
    padding-top: 25px;
}

.button-on-view-project {
    text-align: center;
}

.image-uploaded-sec {
    border: 2px dashed #e6e8ef;
    padding: 10px 5px 4px 4px;
}

.action-view-btn-grp {
    padding-top: 10px;
    padding-bottom: 10px;
}

.project-additional-attach {
    display: none;
}

/* Ends here */

/*active bids css 19-jun-2018*/
.my-sent-proposal-list {
    padding-left: 0px;
    padding-top: 19px;
}

.bid-summery-label {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
}

.switch-home {
    padding-top: 7px;
}

.my-prefered-dashboard label {
    font-family: Open Sans;
    font-size: 13px;
    color: #ffffff;
    margin-top: -9px;
}

.progress-sec:last-child {
    margin: 0;
}

.card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: .25rem;
}

.progress-sec > span {
    font-size: 13px;
}

.progress {
    background: #f56600;
    height: 10px;
}

.progressbar {
    height: 10px;
}

.card-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 10px;
}

.candidate-home.py-5.bg-light {
    padding-bottom: 50px;
}

.widget-header {
    background-color: #f4f4f4;
    padding: 13px 14px 0px 14px;
    font-weight: 500;
}

.widget-header h4 {
    font-size: 16px;
}

.widget-header h4 small {
    font-size: 12px;
    color: #f56600;
}

.progress-sec.with-edit small {
    padding-top: 18px;
    font-size: 14px;
}

.notification-msg {
    border-bottom: 1px solid #dcdcdc;
    padding: 4px 0px 3px 4px;
}

.message-noti {
    padding: 4px 0px 3px 4px;
}

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

.padding-bottom-10 {
    padding: 7px 0px 10px 14px;
}

.inv-head-title {
    font-size: 14px;
    line-height: 1.4;
}

.padding-10 {
    padding-top: 9px;
}

/*customer home end*/

/* Customer Home / Dashboard Notification message 21-06-2018 */
.message-notification a {
    padding-bottom: 10px;
}

.message-notification a i {
    font-size: 30px;
    margin-top: 5px;
}

.message-notification a span {
    font-size: 21px;
    margin-top: 3px;
}

.progress-sec:last-child {
    margin: 0;
}

.card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: .25rem;
}

.progress-sec > span {
    font-size: 13px;
}

.progress {
    background: #f56600;
    height: 10px;
}

.progressbar {
    height: 10px;
}

.card-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 10px;
}

.candidate-home.py-5.bg-light {
    padding-bottom: 50px;
}

.widget-header {
    background-color: #f4f4f4;
    padding: 13px 14px 0px 14px;
    font-weight: 500;
}

.widget-header h4 {
    font-size: 16px;
}

.widget-header h4 small {
    font-size: 12px;
    color: #f56600;
}

.progress-sec.with-edit small {
    padding-top: 18px;
    font-size: 14px;
}

.notification-msg {
    border-bottom: 1px solid #dcdcdc;
    padding: 4px 0px 3px 4px;
}

.message-noti {
    padding: 4px 0px 3px 4px;
}

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

.padding-bottom-10 {
    padding: 7px 0px 10px 14px;
}

.inv-head-title {
    font-size: 14px;
    line-height: 1.4;
}

.padding-10 {
    padding-top: 9px;
}

.card-ul-list {
    font-size: 13px;
    letter-spacing: 1px;
}

ul.card-ul-list li {
    border-bottom: 1px solid #a7a4a4;
    padding: 10px 5px 10px 0px;
    margin-bottom: 0;
}

ul.card-ul-list li i {
    font-size: 18px;
    color: #a7a4a4;
}

.title-role {
    border-bottom: 1px solid #f56600;
    width: 100%;
    padding-bottom: 5px;
    color: #f56600 !important;;
    margin-bottom: 15px !important;
}

.bid-summery {
    padding-top: 12px;
    font-size: 15px !important;
    font-weight: 600;
}

span.task-status-clr-open-can {
    color: #01b530 !important;
    font-weight: 600;
    float: left !important;
    padding-top: 13px;
    font-size: 16px !important;
    padding-left: 8px;
}

span.task-status-clr-awarded-can {
    color: #003e9a !important;
    font-weight: 600;
    float: left !important;
    padding-top: 13px;
    font-size: 16px !important;
    padding-left: 8px;
}

.title-terms {
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 1.2px;
}

.sub-title-bold-span span {
    font-weight: 700;
}

.sub-title-bold-bigfont .pf-title span {
    font-weight: 600;
}

.sub-title-bold-bigfont .pf-title {
    font-size: 14px;
}

.terms-and-conditions-change a {
    color: #f56600;
    border-bottom: 1px solid;
    padding-bottom: 1px;
    font-size: 14px;
}

.terms-and-conditions-status {
    text-align: center;
    padding: 9px 0 0 0;
}

.term-n-condition-subject {
    height: 253px;
    overflow-y: scroll;
    border: 2px solid #e8ecec;
    padding: 13px;
    border-radius: 8px;
    background-color: #e8ecec;
}

.hidesection {
    display: none;
}

.progress-sec:last-child {
    margin: 0;
}

.card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: .25rem;
}

.progress-sec > span {
    font-size: 13px;
}

.progress {
    background: #f56600;
    height: 10px;
}

.progressbar {
    height: 10px;
}

.card-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 10px;
}

.candidate-home.py-5.bg-light {
    padding-bottom: 50px;
}

.widget-header {
    background-color: #f4f4f4;
    padding: 13px 14px 0px 14px;
    font-weight: 500;
}

.widget-header h4 {
    font-size: 16px;
}

.widget-header h4 small {
    font-size: 12px;
    color: #f56600;
}

.progress-sec.with-edit small {
    padding-top: 18px;
    font-size: 14px;
}

.notification-msg {
    border-bottom: 1px solid #dcdcdc;
    padding: 4px 0px 3px 4px;
}

.message-noti {
    padding: 4px 0px 3px 4px;
}

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

.padding-bottom-10 {
    padding: 7px 0px 10px 14px;
}

.inv-head-title {
    font-size: 14px;
    line-height: 1.4;
}

.padding-10 {
    padding-top: 9px;
}

.card-ul-list {
    font-size: 13px;
    letter-spacing: 1px;
}

ul.card-ul-list li {
    border-bottom: 1px solid #a7a4a4;
    padding: 10px 5px 10px 0px;
    margin-bottom: 0;
}

ul.card-ul-list li i {
    font-size: 18px;
    color: #a7a4a4;
}

.allowed-file-type {
    font-size: 12px;
    line-height: 3;
    text-transform: uppercase;
}

.allowed-file-type small span {
    color: #f56600;
    font-weight: 600;
}

.uploaded-file-icons span {
    display: block;
    font-size: 14px;
    line-height: 1.4;
    padding-top: 7px;
}

.float-left {
    float: left;
}

.attach-section-list {
    padding-top: 10px;
    padding-bottom: 12px;
    margin-bottom: 20px;
    border-bottom: 2px solid #ccc;
}

/*edited by:ru date:19/03/2019*/
a#post_att_lnk:hover {
    background: #2375bb;
    color: #ffffff;
    border: 2px solid #2375bb;
}
/*end*/
.can-home-profilepic {
    float: left;
    display: inline-block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    width: 160px;
    padding: 5px 17px 7px 17px;
}

.home-section1 {
    margin-top: 3%;
}

.progress-sec:last-child {
    margin: 0;
}

.card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: .25rem;
}

.progress-sec > span {
    font-size: 13px;
}

.progress {
    background: #f56600;
    height: 10px;
}

.progressbar {
    height: 10px;
}

.card-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 10px;
}

.candidate-home.py-5.bg-light {
    padding-bottom: 50px;
}

.widget-header {
    background-color: #f4f4f4;
    padding: 13px 14px 0px 14px;
    font-weight: 500;
}

.widget-header h4 {
    font-size: 16px;
}

.widget-header h4 small {
    font-size: 12px;
    color: #f56600;
}

.progress-sec.with-edit small {
    padding-top: 18px;
    font-size: 14px;
}

.notification-msg {
    border-bottom: 1px solid #dcdcdc;
    padding: 4px 0px 3px 4px;
}

.message-noti {
    padding: 4px 0px 3px 4px;
}

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

.padding-bottom-10 {
    padding: 7px 0px 10px 14px;
}

.inv-head-title {
    font-size: 14px;
    line-height: 1.4;
}

.padding-10 {
    padding-top: 9px;
}

.card-ul-list {
    font-size: 13px;
    letter-spacing: 1px;
}

ul.card-ul-list li {
    border-bottom: 1px solid #a7a4a4;
    padding: 10px 5px 10px 0px;
    margin-bottom: 0;
}

ul.card-ul-list li i {
    font-size: 18px;
    color: #a7a4a4;
}

.c-logo img.rounded {
    width: 101px;
    height: 101px;
}

i.add-to-favourite {
    color: #f56600;
    font-size: 16px;
    font-weight: 600;
}

.padding-top20 {
    padding-top: 20px;
}

.feedback-user-title {
    font-size: 18px !important;
    border-bottom: 1px solid #ccc;
    padding-bottom: 3px;
}

.feedback-user-title i {
    font-weight: 600;
}

.button-gen {
    background: #ffffff;
    border: 2px solid #929292;
    color: #202020;
    font-family: Open Sans;
    font-size: 15px;
    padding: 11px 40px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    margin-top: 30px;
}

.req-feedback-section {
    display: flex;
}

/*Rating Css*/
.rating {
    border: none;
    float: left;
}

.rating > input {
    display: none;
}

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

.rating input[type=radio] + label::after {
    border: none !important;
}

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

.rating > label.full {
    color: #ddd;
    float: right;
    cursor: context-menu;
    line-height: unset;
    margin-top: -6px;
    padding-left: 39px;

}

.rating > label.half {
    color: #ddd;
    float: right;
    padding: 0;
    margin: 0;
    cursor: context-menu;
    line-height: unset;
    margin-top: -6px;
}

/***** CSS Magic to Highlight Stars on Hover *****/

.rating > input:checked ~ label, /* show gold star when clicked */
.rating:not(:checked) > label:hover, /* hover current star */
.rating:not(:checked) > label:hover ~ label {
    color: #FFD700;
}

/* hover previous stars in list */

.rating > input:checked + label:hover, /* hover current star when changing rating */
.rating > input:checked ~ label:hover,
.rating > label:hover ~ input:checked ~ label, /* lighten current selection */
.rating > input:checked ~ label:hover ~ label {
    color: #FFED85;
}

fieldset.rating label::before {
    border: none !important;
}

.progress-sec.with-edit {
    padding-right: 0px;
    position: relative;
    padding-bottom: 15px;
}

.progress-sec:last-child {
    margin: 0;
}

.card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: .25rem;
}

.progress-sec > span {
    font-size: 13px;
}

.progress {
    background: #f56600;
    height: 10px;
}

.progressbar {
    height: 10px;
}

.card-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 10px;
}

.candidate-home.py-5.bg-light {
    padding-bottom: 50px;
}

.widget-header {
    background-color: #f4f4f4;
    padding: 13px 14px 0px 14px;
    font-weight: 500;
}

.widget-header h4 {
    font-size: 16px;
}

.widget-header h4 small {
    font-size: 12px;
    color: #f56600;
}

.progress-sec.with-edit small {
    padding-top: 18px;
    font-size: 14px;
}

.notification-msg {
    border-bottom: 1px solid #dcdcdc;
    padding: 4px 0px 3px 4px;
}

.message-noti {
    padding: 4px 0px 3px 4px;
}

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

.padding-bottom-10 {
    padding: 7px 0px 10px 14px;
}

.inv-head-title {
    font-size: 14px;
    line-height: 1.4;
}

.padding-10 {
    padding-top: 9px;
}

.card-ul-list {
    font-size: 13px;
    letter-spacing: 1px;
}

ul.card-ul-list li {
    border-bottom: 1px solid #a7a4a4;
    padding: 10px 5px 10px 0px;
    margin-bottom: 0;
}

ul.card-ul-list li i {
    font-size: 18px;
    color: #a7a4a4;
}

span.task-status-clr-close-can {
    color: #ec0000 !important;
    font-weight: 600;
    float: left !important;
    padding-top: 13px;
    font-size: 16px !important;
    padding-left: 8px;
}

.notificationpanel {
    float: left;
    min-width: 100%;
    max-width: 340px;
    height: 100%;
    background: #fff;
    color: #f5f5f5;
    overflow: hidden;
    position: relative;
}

@media screen and (max-width: 735px) {
    .notificationpanel {
        width: 100%;/*width: 58px;min-width: 58px; Edit By rushabh Date:08/10/2018*/
    }
}

.notification-list-sec {
    border-bottom: 1px solid #ccc;
}

.notificationpanel #profile {
    width: 80%;
    margin: 25px auto;
}

@media screen and (max-width: 735px) {
    .notificationpanel #profile {
        width: 100%;
        margin: 0 auto;
        padding: 5px 0 0 0;
        background: #32465a;
    }
}

.notificationpanel #profile.expanded .wrap {
    height: 210px;
    line-height: initial;
}

.notificationpanel #profile.expanded .wrap p {
    margin-top: 20px;
}

.notificationpanel #profile.expanded .wrap i.expand-button {
    -moz-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}

.notificationpanel #profile .wrap {
    height: 60px;
    line-height: 60px;
    overflow: hidden;
    -moz-transition: 0.3s height ease;
    -o-transition: 0.3s height ease;
    -webkit-transition: 0.3s height ease;
    transition: 0.3s height ease;
}

@media screen and (max-width: 735px) {
    .notificationpanel #profile .wrap {
        height: 55px;
    }
}

.notificationpanel #profile .wrap img {
    width: 50px;
    border-radius: 50%;
    padding: 3px;
    border: 2px solid #e74c3c;
    height: auto;
    float: left;
    cursor: pointer;
    -moz-transition: 0.3s border ease;
    -o-transition: 0.3s border ease;
    -webkit-transition: 0.3s border ease;
    transition: 0.3s border ease;
}

@media screen and (max-width: 735px) {
    .notificationpanel #profile .wrap img {
        width: 40px;
        margin-left: 4px;
    }
}

.notificationpanel #profile .wrap img.online {
    border: 2px solid #2ecc71;
}

.notificationpanel #profile .wrap img.away {
    border: 2px solid #f1c40f;
}

.notificationpanel #profile .wrap img.busy {
    border: 2px solid #e74c3c;
}

.notificationpanel #profile .wrap img.offline {
    border: 2px solid #95a5a6;
}

.notificationpanel #profile .wrap p {
    float: left;
    margin-left: 15px;
}

@media screen and (max-width: 735px) {
    .notificationpanel #profile .wrap p {
        display: none;
    }
}

.notificationpanel #profile .wrap i.expand-button {
    float: right;
    margin-top: 23px;
    font-size: 0.8em;
    cursor: pointer;
    color: #435f7a;
}

@media screen and (max-width: 735px) {
    .notificationpanel #profile .wrap i.expand-button {
        display: none;
    }
}

.notificationpanel #profile .wrap #status-options {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    width: 150px;
    margin: 70px 0 0 0;
    border-radius: 6px;
    z-index: 99;
    line-height: initial;
    background: #435f7a;
    -moz-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
}

@media screen and (max-width: 735px) {
    .notificationpanel #profile .wrap #status-options {
        width: 58px;
        margin-top: 57px;
    }
}

.notificationpanel #profile .wrap #status-options.active {
    opacity: 1;
    visibility: visible;
    margin: 75px 0 0 0;
}

@media screen and (max-width: 735px) {
    .notificationpanel #profile .wrap #status-options.active {
        margin-top: 62px;
    }
}

.notificationpanel #profile .wrap #status-options:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 8px solid #435f7a;
    margin: -8px 0 0 24px;
}

@media screen and (max-width: 735px) {
    .notificationpanel #profile .wrap #status-options:before {
        margin-left: 23px;
    }
}

.notificationpanel #profile .wrap #status-options ul {
    overflow: hidden;
    border-radius: 6px;
}

.notificationpanel #profile .wrap #status-options ul li {
    padding: 15px 0 30px 18px;
    display: block;
    cursor: pointer;
}

@media screen and (max-width: 735px) {
    .notificationpanel #profile .wrap #status-options ul li {
        padding: 15px 0 35px 22px;
    }
}

.notificationpanel #profile .wrap #status-options ul li:hover {
    background: #496886;
}

.notificationpanel #profile .wrap #status-options ul li span.status-circle {
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin: 5px 0 0 0;
}

@media screen and (max-width: 735px) {
    .notificationpanel #profile .wrap #status-options ul li span.status-circle {
        width: 14px;
        height: 14px;
    }
}

.notificationpanel #profile .wrap #status-options ul li span.status-circle:before {
    content: '';
    position: absolute;
    width: 14px;
    height: 14px;
    margin: -3px 0 0 -3px;
    background: transparent;
    border-radius: 50%;
    z-index: 0;
}

@media screen and (max-width: 735px) {
    .notificationpanel #profile .wrap #status-options ul li span.status-circle:before {
        height: 18px;
        width: 18px;
    }
}

.notificationpanel #profile .wrap #status-options ul li p {
    padding-left: 12px;
}

@media screen and (max-width: 735px) {
    .notificationpanel #profile .wrap #status-options ul li p {
        display: none;
    }
}

.notificationpanel #profile .wrap #status-options ul li#status-online span.status-circle {
    background: #2ecc71;
}

.notificationpanel #profile .wrap #status-options ul li#status-online.active span.status-circle:before {
    border: 1px solid #2ecc71;
}

.notificationpanel #profile .wrap #status-options ul li#status-away span.status-circle {
    background: #f1c40f;
}

.notificationpanel #profile .wrap #status-options ul li#status-away.active span.status-circle:before {
    border: 1px solid #f1c40f;
}

.notificationpanel #profile .wrap #status-options ul li#status-busy span.status-circle {
    background: #e74c3c;
}

.notificationpanel #profile .wrap #status-options ul li#status-busy.active span.status-circle:before {
    border: 1px solid #e74c3c;
}

.notificationpanel #profile .wrap #status-options ul li#status-offline span.status-circle {
    background: #95a5a6;
}

.notificationpanel #profile .wrap #status-options ul li#status-offline.active span.status-circle:before {
    border: 1px solid #95a5a6;
}

.notificationpanel #profile .wrap #expanded {
    padding: 100px 0 0 0;
    display: block;
    line-height: initial !important;
}

.notificationpanel #profile .wrap #expanded label {
    float: left;
    clear: both;
    margin: 0 8px 5px 0;
    padding: 5px 0;
}

.notificationpanel #profile .wrap #expanded input {
    border: none;
    margin-bottom: 6px;
    background: #32465a;
    border-radius: 3px;
    color: #f5f5f5;
    padding: 7px;
    width: calc(100% - 43px);
}

.notificationpanel #profile .wrap #expanded input:focus {
    outline: none;
    background: #435f7a;
}

.notificationpanel .contacts-panel ul li.contact .wrap .meta span.message-date-span {
    float: right;
    background: none;
    width: 24%;
    top: 0;
    margin: 3px 0 0 83%;
    font-size: 11px;
    height: unset;
    right: 0;
}

.notificationpanel .contacts-panel ul li.contact .wrap .meta p.task-name-span {
    background: none;
    top: 0;
    font-size: 11px;
    margin: 0px;
    line-height: normal;
    left: 0;
}

.notificationpanel .contacts-panel {
    height: 600px;
    overflow-x: hidden;
}

@media screen and (max-width: 735px) {
    .notificationpanel .contacts-panel {
        height: calc(100% - 149px);
        overflow-y: scroll;
        overflow-x: hidden;
    }

    .notificationpanel .contacts-panel::-webkit-scrollbar {
        display: none;
    }
}

.notificationpanel .contacts-panel::-webkit-scrollbar {
    width: 7px;
}

.notificationpanel .contacts-panel::-webkit-scrollbar-track {
    background: #f1f1f1;
}
/*Change BY TC_RU on 22-03-2019 */ 
.notificationpanel .contacts-panel::-webkit-scrollbar-thumb {
    background: #2375bb;
}
/*end*/
.notificationpanel .contacts-panel::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.notificationpanel .contacts-panel.expanded {
    height: calc(100% - 334px);
}

.notificationpanel .contacts-panel ul li.contact {
    position: relative;
    padding: 10px 0 15px 0;
    font-size: 0.9em;
    cursor: pointer;
    margin-bottom: 3px;
}

@media screen and (max-width: 735px) {
    .notificationpanel .contacts-panel ul li.contact {
        padding: 6px 0 46px 8px;
    }
}

.notificationpanel .contacts-panel ul li.contact:hover {
    background: #f5f5f5;
}

.notificationpanel .contacts-panel ul li.contact.active {
    background: #f5f5f5;
    border-right: 5px solid #435f7a;
}

.notificationpanel .contacts-panel ul li.contact.active span.contact-status {
    border: 2px solid #32465a !important;
}

.notificationpanel .contacts-panel ul li.contact .wrap {
    width: 95%;
    margin: 0 auto;
    position: relative;
}

@media screen and (max-width: 735px) {
    .notificationpanel .contacts-panel ul li.contact .wrap {
        width: 100%;
    }
}

.notificationpanel .contacts-panel ul li.contact .wrap span {
    position: absolute;
    left: 0;
    margin: -2px 0 0 -2px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #95a5a6;
}

.notificationpanel .contacts-panel ul li.contact .wrap span.online {
    background: #2ecc71;
}

.notificationpanel .contacts-panel ul li.contact .wrap span.away {
    background: #f1c40f;
}

.notificationpanel .contacts-panel ul li.contact .wrap span.busy {
    background: #e74c3c;
}

.notificationpanel .contacts-panel ul li.contact .wrap img {
    width: 50px;
    border-radius: 50%;
    float: left;
    margin-right: 10px;
}

.notificationpanel .contacts-panel ul li.contact .wrap i {
    width: 50px;
    height: 49px;
    border-radius: 50%;
    float: left;
    padding: 1%;
    margin-right: 10px;
    font-size: 33px;
    background-color: #e6eaea;
}

@media screen and (max-width: 735px) {
    .notificationpanel .contacts-panel ul li.contact .wrap img {
        margin-right: 0px;
    }
}

.notificationpanel .contacts-panel ul li.contact .wrap .meta {
    padding: 5px 0 0 0;
}

@media screen and (max-width: 735px) {
    .notificationpanel .contacts-panel ul li.contact .wrap .meta {
        /*display: none; Edit By:Rushabh Date:08/10/2018*/
    }
}

.notificationpanel .contacts-panel ul li.contact .wrap .meta .name {
    font-weight: 600;
    margin: 0;
    line-height: unset;
    font-size: 14px;
}

.notificationpanel .contacts-panel ul li.contact .wrap .meta .preview {
    margin: 5px 0 0 49px;
    padding: 0 0 1px;
    font-weight: 400;
    line-height: unset;
    white-space: initial;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    -moz-transition: 1s all ease;
    -o-transition: 1s all ease;
    -webkit-transition: 1s all ease;
    transition: 1s all ease;
}

.notificationpanel .contacts-panel ul li.contact .wrap .meta .preview span {
    position: initial;
    border-radius: initial;
    background: none;
    border: none;
    padding: 0 2px 0 0;
    margin: 0 0 0 1px;
    opacity: 1;
    color: #f56600;
}

.progress-sec:last-child {
    margin: 0;
}
/*.card.mb-4.box-shadow {
    overflow-x: scroll;
    overflow-y: hidden;
}*/
.card.mb-4.box-shadow.Task-Milestones {
    overflow-x: scroll;
    overflow-y: hidden;
}
.card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: .25rem;
}

.progress-sec > span {
    font-size: 13px;
}

/*edited by:ru date:16/03/2019*/
.progress {
    background: #2375bb;
    height: 10px;
}
/*end*/
.progressbar {
    height: 10px;
}

.card-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 10px;
}

.candidate-home.py-5.bg-light {
    padding-bottom: 50px;
}

.widget-header {
    background-color: #f4f4f4;
    padding: 13px 14px 0px 14px;
    font-weight: 500;
}

.widget-header h4 {
    font-size: 16px;
}
/*edited by:ru date:16/03/2019*/
.widget-header h4 small {
    font-size: 11px;
    color: #405a67;
}
/*end*/
.progress-sec.with-edit small {
    padding-top: 18px;
    font-size: 14px;
}

.notification-msg {
    border-bottom: 1px solid #dcdcdc;
    padding: 4px 0px 3px 4px;
}

.message-noti {
    padding: 4px 0px 3px 4px;
}

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

.padding-bottom-10 {
    padding: 7px 0px 10px 14px;
}

.inv-head-title {
    font-size: 14px;
    line-height: 1.4;
}

.padding-10 {
    padding-top: 9px;
}

.card-ul-list {
    font-size: 13px;
    letter-spacing: 1px;
}

ul.card-ul-list li {
    border-bottom: 1px solid #a7a4a4;
    padding: 10px 5px 10px 0px;
    margin-bottom: 0;
}

ul.card-ul-list li i {
    font-size: 18px;
    color: #a7a4a4;
}

.title-full-width p {
    font-size: 12px;
    margin-bottom: 0px;
    line-height: 1.5;
}

.sidepanel {
    float: left;
    min-width: 100%;
    max-width: 340px;
    height: 100%;
    background: #fff;
    color: #f5f5f5;
    overflow: hidden;
    position: relative;
}

@media screen and (max-width: 735px) {
    .sidepanel {
        width: 58px;
        min-width: 58px;
    }
}

.sidepanel #profile {
    width: 80%;
    margin: 25px auto;
}

@media screen and (max-width: 735px) {
    .sidepanel #profile {
        width: 100%;
        margin: 0 auto;
        padding: 5px 0 0 0;
        background: #32465a;
    }
}

.sidepanel .sidepanel-drower-label {
    border-bottom: 1px solid #ccc;
}

.sidepanel .sidepanel-drower-label p {
    margin-bottom: 0px;
    font-weight: 600;
    text-align: center;
}

.sidepanel #profile.expanded .wrap {
    height: 210px;
    line-height: initial;
}

.sidepanel #profile.expanded .wrap p {
    margin-top: 20px;
}

.sidepanel #profile.expanded .wrap i.expand-button {
    -moz-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}

.sidepanel #profile .wrap {
    height: 60px;
    line-height: 60px;
    overflow: hidden;
    -moz-transition: 0.3s height ease;
    -o-transition: 0.3s height ease;
    -webkit-transition: 0.3s height ease;
    transition: 0.3s height ease;
}

@media screen and (max-width: 735px) {
    .sidepanel #profile .wrap {
        height: 55px;
    }
}

.sidepanel #profile .wrap img {
    width: 50px;
    border-radius: 50%;
    padding: 3px;
    border: 2px solid #e74c3c;
    height: auto;
    float: left;
    cursor: pointer;
    -moz-transition: 0.3s border ease;
    -o-transition: 0.3s border ease;
    -webkit-transition: 0.3s border ease;
    transition: 0.3s border ease;
}

@media screen and (max-width: 735px) {
    .sidepanel #profile .wrap img {
        width: 40px;
        margin-left: 4px;
    }
}

.sidepanel #profile .wrap #status-options.active {
    opacity: 1;
    visibility: visible;
    margin: 75px 0 0 0;
}

@media screen and (max-width: 735px) {
    .sidepanel #profile .wrap #status-options.active {
        margin-top: 62px;
    }
}

.sidepanel #profile .wrap #status-options:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 8px solid #435f7a;
    margin: -8px 0 0 24px;
}

@media screen and (max-width: 735px) {
    .sidepanel #profile .wrap #status-options:before {
        margin-left: 23px;
    }
}

.sidepanel #profile .wrap #status-options ul {
    overflow: hidden;
    border-radius: 6px;
}

.sidepanel #profile .wrap #status-options ul li {
    padding: 15px 0 30px 18px;
    display: block;
    cursor: pointer;
}

@media screen and (max-width: 735px) {
    .sidepanel #profile .wrap #status-options ul li {
        padding: 15px 0 35px 22px;
    }
}

.sidepanel #profile .wrap #status-options ul li:hover {
    background: #496886;
}

.sidepanel #profile .wrap #status-options ul li span.status-circle {
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin: 5px 0 0 0;
}

@media screen and (max-width: 735px) {
    .sidepanel #profile .wrap #status-options ul li span.status-circle {
        width: 14px;
        height: 14px;
    }
}

.sidepanel #profile .wrap #status-options ul li span.status-circle:before {
    content: '';
    position: absolute;
    width: 14px;
    height: 14px;
    margin: -3px 0 0 -3px;
    background: transparent;
    border-radius: 50%;
    z-index: 0;
}

@media screen and (max-width: 735px) {
    .sidepanel #profile .wrap #status-options ul li span.status-circle:before {
        height: 18px;
        width: 18px;
    }
}

.sidepanel #profile .wrap #status-options ul li p {
    padding-left: 12px;
}

@media screen and (max-width: 735px) {
    .sidepanel #profile .wrap #status-options ul li p {
        display: none;
    }
}

.sidepanel #profile .wrap #status-options ul li#status-online span.status-circle {
    background: #2ecc71;
}

.sidepanel #profile .wrap #status-options ul li#status-online.active span.status-circle:before {
    border: 1px solid #2ecc71;
}

.sidepanel #profile .wrap #status-options ul li#status-away span.status-circle {
    background: #f1c40f;
}

.sidepanel #profile .wrap #status-options ul li#status-away.active span.status-circle:before {
    border: 1px solid #f1c40f;
}

.sidepanel #profile .wrap #status-options ul li#status-busy span.status-circle {
    background: #e74c3c;
}

.sidepanel #profile .wrap #status-options ul li#status-busy.active span.status-circle:before {
    border: 1px solid #e74c3c;
}

.sidepanel #profile .wrap #status-options ul li#status-offline span.status-circle {
    background: #95a5a6;
}

.sidepanel #profile .wrap #status-options ul li#status-offline.active span.status-circle:before {
    border: 1px solid #95a5a6;
}

.sidepanel #profile .wrap #expanded {
    padding: 100px 0 0 0;
    display: block;
    line-height: initial !important;
}

.sidepanel #profile .wrap #expanded label {
    float: left;
    clear: both;
    margin: 0 8px 5px 0;
    padding: 5px 0;
}

.sidepanel #profile .wrap #expanded input {
    border: none;
    margin-bottom: 6px;
    background: #32465a;
    border-radius: 3px;
    color: #f5f5f5;
    padding: 7px;
    width: calc(100% - 43px);
}

.sidepanel #profile .wrap #expanded input:focus {
    outline: none;
    background: #435f7a;
}

.sidepanel #search {
    border-top: 1px solid #32465a;
    border-bottom: 1px solid #32465a;
    font-weight: 300;
}

@media screen and (max-width: 735px) {
    .sidepanel #search {
        display: none;
    }
}

.sidepanel #search label {
    position: absolute;
    margin: 10px 0 0 20px;
}

.sidepanel #search input {
    font-family: "proxima-nova", "Source Sans Pro", sans-serif;
    padding: 10px 0 10px 46px;
    width: calc(100% - 25px);
    border: none;
    background: #32465a;
    color: #f5f5f5;
}

.sidepanel #search input:focus {
    outline: none;
    background: #435f7a;
}

.sidepanel #search input::-webkit-input-placeholder {
    color: #f5f5f5;
}

.sidepanel .contacts-panel ul li.contact .wrap .meta span.message-date-span {
    float: right;
    background: none;
    width: 24%;
    top: 0;
    margin: 3px 0 0 83%;
    font-size: 11px;
    height: unset;
    right: 0;
}

.sidepanel #search input::-moz-placeholder {
    color: #f5f5f5;
}

.sidepanel #search input:-ms-input-placeholder {
    color: #f5f5f5;
}

.sidepanel #search input:-moz-placeholder {
    color: #f5f5f5;
}

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

    .sidepanel .contacts-panel::-webkit-scrollbar {
        display: none;
    }
}

.sidepanel .contacts-panel::-webkit-scrollbar {
    width: 7px;
}

.sidepanel .contacts-panel::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.sidepanel .contacts-panel::-webkit-scrollbar-thumb {
    background: #f56600;
}

.sidepanel .contacts-panel::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.sidepanel .contacts-panel.expanded {
    height: calc(100% - 334px);
}

.sidepanel .contacts-panel ul li.contact:hover {
    background: #f5f5f5;
}

.sidepanel .contacts-panel ul li.contact.active {
    background: #f5f5f5;
    border-right: 5px solid #435f7a;
}

.sidepanel .contacts-panel ul li.contact.active span.contact-status {
    border: 2px solid #32465a !important;
}

.sidepanel .contacts-panel ul li.contact .wrap {
    width: 95%;
    margin: 0 auto;
    position: relative;
}

@media screen and (max-width: 735px) {
    .sidepanel .contacts-panel ul li.contact .wrap {
        width: 100%;
    }
}

.sidepanel .contacts-panel ul li.contact .wrap span {
    position: absolute;
    left: 0;
    margin: -2px 0 0 -2px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #95a5a6;
}

.sidepanel .contacts-panel ul li.contact .wrap span.online {
    background: #2ecc71;
}

.sidepanel .contacts-panel ul li.contact .wrap span.away {
    background: #f1c40f;
}

.sidepanel .contacts-panel ul li.contact .wrap span.busy {
    background: #e74c3c;
}

.sidepanel .contacts-panel ul li.contact .wrap img {
    width: 40px;
    border-radius: 50%;
    float: left;
    margin-right: 10px;
}

@media screen and (max-width: 735px) {
    .sidepanel .contacts-panel ul li.contact .wrap img {
        margin-right: 0px;
    }
}


@media screen and (max-width: 735px) {
    .sidepanel .contacts-panel ul li.contact .wrap .meta {
        display: none;
    }
}

.sidepanel .contacts-panel ul li.contact .wrap .meta .name {
    font-weight: 600;
    margin: 0;
    line-height: unset;
    font-size: 14px;
}

.sidepanel .contacts-panel ul li.contact .wrap .meta .preview span {
    position: initial;
    border-radius: initial;
    background: none;
    border: none;
    padding: 0 2px 0 0;
    margin: 0 0 0 1px;
    opacity: 1;
    color: #f56600;
}

.sidepanel .bottom-bar {
    position: absolute;
    width: 100%;
    bottom: 0;
}

.sidepanel .bottom-bar button {
    float: none;
    border: none;
    width: 96%;
    border-radius: 0px;
    padding: 10px 0;
    background: #32465a;
    color: #f5f5f5;
    cursor: pointer;
    font-size: 13px;
}

@media screen and (max-width: 735px) {
    .sidepanel .bottom-bar button {
        float: none;
        width: 100%;
        padding: 15px 0;
    }
}

.sidepanel .bottom-bar button:focus {
    outline: none;
}

@media screen and (max-width: 735px) {
    .sidepanel .bottom-bar button:nth-child(1) {
        border-right: none;
        border-bottom: 1px solid #2c3e50;
    }
}

.sidepanel .bottom-bar button:hover {
    background: #435f7a;
}

.sidepanel .bottom-bar button i {
    margin-right: 3px;
    font-size: 1em;
}

@media screen and (max-width: 735px) {
    .sidepanel .bottom-bar button i {
        font-size: 1.3em;
    }
}

@media screen and (max-width: 735px) {
    .sidepanel .bottom-bar button span {
        display: none;
    }
}

/*Top message Drop Down End here*/

#frame {
    width: 95%;
    min-width: 360px;
    max-width: 1000px;
    height: 92vh;
    min-height: 300px;
    max-height: 720px;
    background: #E6EAEA;
}

@media screen and (max-width: 360px) {
    #frame {
        width: 100%;
        height: 100vh;
    }
}

#frame .content {
    float: right;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}

@media screen and (max-width: 735px) {
    #frame .content {
        width: calc(100% - 58px);
        min-width: 300px !important;
    }
}

@media screen and (min-width: 900px) {
    #frame .content {
        width: 100%;
    }
}

#frame .content .contact-profile {
    width: 100%;
    height: 60px;
    line-height: 60px;
    background: #f4f4f4;
}

#frame .content .contact-profile img {
    width: 49px;
    border-radius: 50%;
    float: left;
    margin: 6px 12px 0 9px;
    padding: 1px 1px 1px 1px;
}

#frame .content .contact-profile p {
    float: left;
    margin: 0;
    line-height: unset;
}

#frame .content .contact-profile .social-media {
    float: right;
}

#frame .content .contact-profile .social-media i {
    margin-left: 14px;
    cursor: pointer;
}

#frame .content .contact-profile .social-media i:nth-last-child(1) {
    margin-right: 20px;
}

#frame .content .contact-profile .social-media i:hover {
    color: #435f7a;
}

#frame .content .messages {
    height: auto;
    min-height: calc(100% - 93px);
    max-height: calc(100% - 93px);
    overflow-y: scroll;
    overflow-x: hidden;
}

@media screen and (max-width: 735px) {
    #frame .content .messages {
        max-height: calc(100% - 105px);
    }
}

#frame .content .messages::-webkit-scrollbar {
    width: 8px;
    background: transparent;
}

#frame .content .messages::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.3);
}

#frame .content .messages ul li {
    display: inline-block;
    clear: both;
    float: left;
    margin: 15px 15px 5px 15px;
    width: calc(100% - 25px);
    font-size: 0.9em;
}

#frame .content .messages ul li:nth-last-child(1) {
    margin-bottom: 20px;
}

#frame .content .messages ul li.sent img {
    margin: 6px 8px 0 0;
}

#frame .content .messages ul li.sent p {
    background: #252d72;
    color: #f5f5f5;
}

#frame .content .messages ul li.replies img {
    float: right;
    margin: 6px 0 0 8px;
}

#frame .content .messages ul li.replies p {
    background: #f5f5f5;
    float: right;
}

#frame .content .messages ul li img {
    width: 22px;
    border-radius: 50%;
    float: left;
}

#frame .content .messages ul li p {
    display: inline-block;
    padding: 10px 15px;
    border-radius: 20px;
    max-width: 205px;
    line-height: 130%;
    margin: 0;
}

@media screen and (min-width: 735px) {
    #frame .content .messages ul li p {
        max-width: 94%;
    }
}

#frame .content .message-input {
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 99;
}

#frame .content .message-input .wrap {
    position: relative;
}

#frame .content .message-input .wrap input {
    font-family: "proxima-nova", "Source Sans Pro", sans-serif;
    float: left;
    border: none;
    width: calc(100% - 64px);
    padding: 11px 32px 11px 8px;
    font-size: 0.8em;
    color: #32465a;
    margin: 12px 0px 5px 5px;
    background: #fff;
    border-radius: 6px;
}

@media screen and (max-width: 735px) {
    #frame .content .message-input .wrap input {
        padding: 15px 32px 16px 8px;
    }
}

#frame .content .message-input .wrap input:focus {
    outline: none;
}

#frame .content .message-input .wrap .attachment {
    position: absolute;
    right: 60px;
    z-index: 4;
    margin-top: 10px;
    font-size: 1.1em;
    color: #435f7a;
    opacity: .5;
    cursor: pointer;
}

@media screen and (max-width: 735px) {
    #frame .content .message-input .wrap .attachment {
        margin-top: 17px;
        right: 65px;
    }
}

#frame .content .message-input .wrap .attachment:hover {
    opacity: 1;
}

#frame .content .message-input .wrap button {
    float: right;
    border: none;
    width: 50px;
    padding: 12px 0;
    cursor: pointer;
    background: #32465a;
    color: #f5f5f5;
    border-radius: 0px;
}

@media screen and (max-width: 735px) {
    #frame .content .message-input .wrap button {
        padding: 16px 0;
    }
}

#frame .content .message-input .wrap button:hover {
    background: #435f7a;
}

#frame .content .message-input .wrap button:focus {
    outline: none;
}

#frame .content .contact-profile #profile-img.online {
    border: 2px solid #2ecc71;
}

#frame .content .contact-profile #profile-img.away {
    border: 2px solid #f1c40f;
}

#frame .content .contact-profile #profile-img.busy {
    border: 2px solid #e74c3c;
}

#frame .content .contact-profile #profile-img.offline {
    border: 2px solid #95a5a6;
}

/*Status css*/
#frame .content .contact-profile #status-options {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    width: 150px;
    margin: 70px 0 0 0;
    border-radius: 6px;
    z-index: 99;
    line-height: initial;
    background: #435f7a;
    -moz-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
}

@media screen and (max-width: 735px) {
    #frame .content .contact-profile #status-options {
        width: 58px;
        margin-top: 57px;
    }
}

#frame .content .contact-profile #status-options.active {
    opacity: 1;
    visibility: visible;
    margin: 65px 0 0 0;
}

@media screen and (max-width: 735px) {
    #frame .content .contact-profile #status-options.active {
        margin-top: 62px;
    }
}

#frame .content .contact-profile #status-options:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 8px solid #435f7a;
    margin: -8px 0 0 24px;
}

@media screen and (max-width: 735px) {
    #frame .content .contact-profile #status-options:before {
        margin-left: 23px;
    }
}

.job-single-info3 h3, .job-details p, .inner-header h3, .job-title-sec h3, .job-title-sec span {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
}

.home-heading-line1 {
    font-size: 38px;
    display: block;
    padding-bottom: 14px;
    color: #202020;
}

.home-heading-line2 {
    font-size: 31px;
    display: block;
    color: #202020;
}

.home-cat-list-show {
    max-width: 12.5%;
}

.sidepanel #profile .wrap img.online {
    border: 2px solid #2ecc71;
    height: 50px;
    width: 50px;
}

.sidepanel #profile .wrap img.away {
    border: 2px solid #f1c40f;
    height: 50px;
    width: 50px;
}

.sidepanel #profile .wrap img.busy {
    border: 2px solid #e74c3c;
    height: 50px;
    width: 50px;
}

.sidepanel #profile .wrap img.offline {
    border: 2px solid #95a5a6;
    height: 50px;
    width: 50px;
}

.sidepanel #profile .wrap #status-options {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    width: 150px;
    margin: 70px 0 0 0;
    border-radius: 6px;
    z-index: 99;
    line-height: initial;
    background: #435f7a;
    -moz-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
}

@media screen and (max-width: 735px) {
    .sidepanel #profile .wrap #status-options {
        width: 58px;
        margin-top: 57px;
    }
}

.sidepanel #profile .wrap #status-options.active {
    opacity: 1;
    visibility: visible;
    margin: 75px 0 0 0;
}

@media screen and (max-width: 735px) {
    .sidepanel #profile .wrap #status-options.active {
        margin-top: 62px;
    }
}

.sidepanel #profile .wrap #status-options:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 8px solid #435f7a;
    margin: -8px 0 0 24px;
}

@media screen and (max-width: 735px) {
    .sidepanel #profile .wrap #status-options:before {
        margin-left: 23px;
    }
}

.sidepanel #profile .wrap #status-options ul {
    overflow: hidden;
    border-radius: 6px;
}

.sidepanel #profile .wrap #status-options ul li {
    padding: 15px 0 30px 18px;
    display: block;
    cursor: pointer;
}

@media screen and (max-width: 735px) {
    .sidepanel #profile .wrap #status-options ul li {
        padding: 15px 0 35px 22px;
    }
}

.sidepanel #profile .wrap #status-options ul li:hover {
    background: #496886;
}

.sidepanel #profile .wrap #status-options ul li span.status-circle {
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin: 5px 0 0 0;
}

@media screen and (max-width: 735px) {
    .sidepanel #profile .wrap #status-options ul li span.status-circle {
        width: 14px;
        height: 14px;
    }
}

.sidepanel #profile .wrap #status-options ul li span.status-circle:before {
    content: '';
    position: absolute;
    width: 14px;
    height: 14px;
    margin: -3px 0 0 -3px;
    background: transparent;
    border-radius: 50%;
    z-index: 0;
}

@media screen and (max-width: 735px) {
    .sidepanel #profile .wrap #status-options ul li span.status-circle:before {
        height: 18px;
        width: 18px;
    }
}

.sidepanel #profile .wrap #status-options ul li p {
    padding-left: 12px;
}

@media screen and (max-width: 735px) {
    .sidepanel #profile .wrap #status-options ul li p {
        display: none;
    }
}

.sidepanel #profile .wrap #status-options ul li#status-online span.status-circle {
    background: #2ecc71;
}

.sidepanel #profile .wrap #status-options ul li#status-online.active span.status-circle:before {
    border: 1px solid #2ecc71;
}

.sidepanel #profile .wrap #status-options ul li#status-away span.status-circle {
    background: #f1c40f;
}

.sidepanel #profile .wrap #status-options ul li#status-away.active span.status-circle:before {
    border: 1px solid #f1c40f;
}

.sidepanel #profile .wrap #status-options ul li#status-busy span.status-circle {
    background: #e74c3c;
}

.sidepanel #profile .wrap #status-options ul li#status-busy.active span.status-circle:before {
    border: 1px solid #e74c3c;
}

.sidepanel #profile .wrap #status-options ul li#status-offline span.status-circle {
    background: #95a5a6;
}

.sidepanel #profile .wrap #status-options ul li#status-offline.active span.status-circle:before {
    border: 1px solid #95a5a6;
}

.sidepanel #profile .wrap #expanded {
    padding: 100px 0 0 0;
    display: block;
    line-height: initial !important;
}

.sidepanel #profile .wrap #expanded label {
    float: left;
    clear: both;
    margin: 0 8px 5px 0;
    padding: 5px 0;
}

.sidepanel #profile .wrap #expanded input {
    border: none;
    margin-bottom: 6px;
    background: #32465a;
    border-radius: 3px;
    color: #f5f5f5;
    padding: 7px;
    width: calc(100% - 43px);
}

.sidepanel #profile .wrap #expanded input:focus {
    outline: none;
    background: #435f7a;
}

.sidepanel #search {
    border-top: 1px solid #32465a;
    border-bottom: 1px solid #32465a;
    font-weight: 300;
}

@media screen and (max-width: 735px) {
    .sidepanel #search {
        display: none;
    }
}

.sidepanel #search label {
    position: absolute;
    margin: 10px 0 0 20px;
}

.sidepanel #search input {
    font-family: "proxima-nova", "Source Sans Pro", sans-serif;
    padding: 10px 0 10px 46px;
    width: calc(100% - 25px);
    border: none;
    background: #32465a;
    color: #f5f5f5;
}

.sidepanel #search input:focus {
    outline: none;
    background: #435f7a;
}

.sidepanel #search input::-webkit-input-placeholder {
    color: #f5f5f5;
}

.sidepanel .contacts-panel ul li.contact .wrap .meta span.message-date-span {
    float: right;
    background: none;
    width: 24%;
    top: 0;
    margin: 3px 0 0 83%;
    font-size: 11px;
    height: unset;
    right: 0;
}


.sidepanel #search input::-moz-placeholder {
    color: #f5f5f5;
}

.sidepanel #search input:-ms-input-placeholder {
    color: #f5f5f5;
}

.sidepanel #search input:-moz-placeholder {
    color: #f5f5f5;
}

.sidepanel .contacts-panel {
    height: 400px;
    overflow-y: scroll;
    overflow-x: hidden;
}

@media screen and (max-width: 735px) {
    .sidepanel .contacts-panel {
        height: calc(100% - 149px);
        overflow-y: scroll;
        overflow-x: hidden;
    }

    .sidepanel .contacts-panel::-webkit-scrollbar {
        display: none;
    }
}

.sidepanel .contacts-panel::-webkit-scrollbar {
    width: 7px;
}

.sidepanel .contacts-panel::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.sidepanel .contacts-panel::-webkit-scrollbar-thumb {
    background: #f56600;
}

.sidepanel .contacts-panel::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.sidepanel .contacts-panel.expanded {
    height: calc(100% - 334px);
}

.sidepanel .contacts-panel ul li.contact:hover {
    background: #f5f5f5;
}

.sidepanel .contacts-panel ul li.contact.active {
    background: #f5f5f5;
    border-right: 5px solid #435f7a;
}

.sidepanel .contacts-panel ul li.contact.active span.contact-status {
    border: 2px solid #32465a !important;
}

.sidepanel .contacts-panel ul li.contact .wrap span {
    position: absolute;
    left: 0;
    margin: -2px 0 0 -2px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #95a5a6;
}

.sidepanel .contacts-panel ul li.contact .wrap span.online {
    background: #2ecc71;
}

.sidepanel .contacts-panel ul li.contact .wrap span.away {
    background: #f1c40f;
}

.sidepanel .contacts-panel ul li.contact .wrap span.busy {
    background: #e74c3c;
}

.sidepanel .contacts-panel ul li.contact .wrap img {
    width: 40px;
    border-radius: 50%;
    float: left;
    margin-right: 10px;
}

@media screen and (max-width: 735px) {
    .sidepanel .contacts-panel ul li.contact .wrap img {
        margin-right: 0px;
    }
}

@media screen and (max-width: 735px) {
    .sidepanel .contacts-panel ul li.contact .wrap .meta {
        display: none;
    }
}

.sidepanel .contacts-panel ul li.contact .wrap .meta .name {
    font-weight: 600;
    margin: 0;
    line-height: unset;
    font-size: 14px;
}


.sidepanel .contacts-panel ul li.contact .wrap .meta .preview span {
    position: initial;
    border-radius: initial;
    background: none;
    border: none;
    padding: 0 2px 0 0;
    margin: 0 0 0 1px;
    opacity: 1;
    color: #f56600;
}

.sidepanel .bottom-bar {
    position: absolute;
    width: 100%;
    bottom: 0;
}

.sidepanel .bottom-bar button {
    float: none;
    border: none;
    width: 96%;
    border-radius: 0px;
    padding: 10px 0;
    background: #32465a;
    color: #f5f5f5;
    cursor: pointer;
    font-size: 13px;
}

@media screen and (max-width: 735px) {
    .sidepanel .bottom-bar button {
        float: none;
        width: 100%;
        padding: 15px 0;
    }
}

.sidepanel .bottom-bar button:focus {
    outline: none;
}

@media screen and (max-width: 735px) {
    .sidepanel .bottom-bar button:nth-child(1) {
        border-right: none;
        border-bottom: 1px solid #2c3e50;
    }
}

.sidepanel .bottom-bar button:hover {
    background: #435f7a;
}

.sidepanel .bottom-bar button i {
    margin-right: 3px;
    font-size: 1em;
}

@media screen and (max-width: 735px) {
    .sidepanel .bottom-bar button i {
        font-size: 1.3em;
    }
}

@media screen and (max-width: 735px) {
    .sidepanel .bottom-bar button span {
        display: none;
    }
}

/*Top message Drop Down End here*/

#frame {
    width: 95%;
    min-width: 360px;
    max-width: 1000px;
    height: 92vh;
    min-height: 300px;
    max-height: 720px;
    background: #E6EAEA;
}

@media screen and (max-width: 360px) {
    #frame {
        width: 100%;
        height: 100vh;
    }
}

#frame .content {
    float: right;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}

@media screen and (max-width: 735px) {
    #frame .content {
        width: calc(100% - 58px);
        min-width: 300px !important;
    }
}

@media screen and (min-width: 900px) {
    #frame .content {
        width: 100%;
    }
}

#frame .content .contact-profile {
    width: 100%;
    height: 60px;
    line-height: 60px;
    background: #f4f4f4;
}

#frame .content .contact-profile img {
    width: 49px;
    border-radius: 50%;
    float: left;
    margin: 6px 12px 0 9px;
    padding: 1px 1px 1px 1px;
}

#frame .content .contact-profile p {
    float: left;
    margin: 0;
    line-height: unset;
}

#frame .content .contact-profile .social-media {
    float: right;
}

#frame .content .contact-profile .social-media i {
    margin-left: 14px;
    cursor: pointer;
}

#frame .content .contact-profile .social-media i:nth-last-child(1) {
    margin-right: 20px;
}

#frame .content .contact-profile .social-media i:hover {
    color: #435f7a;
}

#frame .content .messages {
    height: auto;
    min-height: calc(100% - 93px);
    max-height: calc(100% - 93px);
    overflow-y: scroll;
    overflow-x: hidden;
}

@media screen and (max-width: 735px) {
    #frame .content .messages {
        max-height: calc(100% - 105px);
    }
}

#frame .content .messages::-webkit-scrollbar {
    width: 8px;
    background: transparent;
}

#frame .content .messages::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.3);
}

#frame .content .messages ul li {
    display: inline-block;
    clear: both;
    float: left;
    margin: 15px 15px 5px 15px;
    width: calc(100% - 25px);
    font-size: 0.9em;
}

#frame .content .messages ul li:nth-last-child(1) {
    margin-bottom: 20px;
}

#frame .content .messages ul li.sent img {
    margin: 6px 8px 0 0;
}

#frame .content .messages ul li.sent p {
    background: #252d72;
    color: #f5f5f5;
}

#frame .content .messages ul li.replies img {
    float: right;
    margin: 6px 0 0 8px;
}

#frame .content .messages ul li.replies p {
    background: #f5f5f5;
    float: right;
}

#frame .content .messages ul li img {
    width: 22px;
    border-radius: 50%;
    float: left;
}

#frame .content .messages ul li p {
    display: inline-block;
    padding: 10px 15px;
    border-radius: 20px;
    max-width: 205px;
    line-height: 130%;
    margin: 0;
}

@media screen and (min-width: 735px) {
    #frame .content .messages ul li p {
        max-width: 94%;
    }
}

#frame .content .message-input {
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 99;
}

#frame .content .message-input .wrap {
    position: relative;
}

#frame .content .message-input .wrap input {
    font-family: "proxima-nova", "Source Sans Pro", sans-serif;
    float: left;
    border: none;
    width: calc(100% - 64px);
    padding: 11px 32px 11px 8px;
    font-size: 0.8em;
    color: #32465a;
    margin: 12px 0px 5px 5px;
    background: #fff;
    border-radius: 6px;
}

@media screen and (max-width: 735px) {
    #frame .content .message-input .wrap input {
        padding: 15px 32px 16px 8px;
    }
}

#frame .content .message-input .wrap input:focus {
    outline: none;
}

#frame .content .message-input .wrap .attachment {
    position: absolute;
    right: 60px;
    z-index: 4;
    margin-top: 10px;
    font-size: 1.1em;
    color: #435f7a;
    opacity: .5;
    cursor: pointer;
}

@media screen and (max-width: 735px) {
    #frame .content .message-input .wrap .attachment {
        margin-top: 17px;
        right: 65px;
    }
}

#frame .content .message-input .wrap .attachment:hover {
    opacity: 1;
}

#frame .content .message-input .wrap button {
    float: right;
    border: none;
    width: 50px;
    padding: 12px 0;
    cursor: pointer;
    background: #32465a;
    color: #f5f5f5;
    border-radius: 0px;
}

@media screen and (max-width: 735px) {
    #frame .content .message-input .wrap button {
        padding: 16px 0;
    }
}

#frame .content .message-input .wrap button:hover {
    background: #435f7a;
}

#frame .content .message-input .wrap button:focus {
    outline: none;
}

#frame .content .contact-profile #profile-img.online {
    border: 2px solid #2ecc71;
}

#frame .content .contact-profile #profile-img.away {
    border: 2px solid #f1c40f;
}

#frame .content .contact-profile #profile-img.busy {
    border: 2px solid #e74c3c;
}

#frame .content .contact-profile #profile-img.offline {
    border: 2px solid #95a5a6;
}

/*Status css*/
#frame .content .contact-profile #status-options {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    width: 150px;
    margin: 70px 0 0 0;
    border-radius: 6px;
    z-index: 99;
    line-height: initial;
    background: #435f7a;
    -moz-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
}

@media screen and (max-width: 735px) {
    #frame .content .contact-profile #status-options {
        width: 58px;
        margin-top: 57px;
    }
}

/* Chat image Css 17-07-18 */
#frame .content .messages ul li.sent img {
    margin: 6px 8px 0 0;
    width: 28px;
    height: 30px;
}

#frame .content .messages ul li.replies img {
    float: right;
    margin: 6px 0 0 8px;
    width: 28px;
    height: 30px;
}

.sidepanel #profile .wrap p {
    float: left;
    margin-left: 15px;
    margin-bottom: 0px;
    line-height: unset;
}

@media screen and (max-width: 735px) {
    .sidepanel #profile .wrap p {
        display: none;
    }
}

.sidepanel #profile .wrap i.expand-button {
    float: right;
    margin-top: 23px;
    font-size: 0.8em;
    cursor: pointer;
    color: #435f7a;
}

@media screen and (max-width: 735px) {
    .sidepanel #profile .wrap i.expand-button {
        display: none;
    }
}

.sidepanel #profile .wrap #status-options:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 8px solid #435f7a;
    margin: -8px 0 0 24px;
}

@media screen and (max-width: 735px) {
    .sidepanel #profile .wrap #status-options:before {
        margin-left: 23px;
    }
}

.sidepanel #profile .wrap #status-options ul {
    overflow: hidden;
    border-radius: 6px;
    margin: 0;
}

.sidepanel #profile .wrap #status-options ul li {
    padding: 14px 0 0px 16px;
    display: block;
    cursor: pointer;
    margin-bottom: 0px;
}

@media screen and (max-width: 735px) {
    .sidepanel #profile .wrap #status-options ul li {
        padding: 15px 0 35px 22px;
    }
}

.sidepanel #profile .wrap #status-options ul li:hover {
    background: #496886;
}

.sidepanel #profile .wrap #status-options ul li span.status-circle {
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin: 0;
}

@media screen and (max-width: 735px) {
    .sidepanel #profile .wrap #status-options ul li span.status-circle {
        width: 14px;
        height: 14px;
    }
}

.sidepanel #profile .wrap #status-options ul li span.status-circle:before {
    content: '';
    position: absolute;
    width: 14px;
    height: 14px;
    margin: -2px 0 0 -2px;
    background: transparent;
    border-radius: 50%;
    z-index: 0;
}

@media screen and (max-width: 735px) {
    .sidepanel #profile .wrap #status-options ul li span.status-circle:before {
        height: 18px;
        width: 18px;
    }
}

.sidepanel #profile .wrap #status-options ul li p {
    padding-left: 7px;
    color: #fff;
    float: unset;
    margin-bottom: 0px;
    padding-bottom: 12px;
    margin-top: -8px;
}

@media screen and (max-width: 735px) {
    .sidepanel #profile .wrap #status-options ul li p {
        display: none;
    }
}

.sidepanel #profile .wrap #status-options ul li#status-online span.status-circle {
    background: #2ecc71;
}

.sidepanel #profile .wrap #status-options ul li#status-online.active span.status-circle:before {
    border: 1px solid #2ecc71;
}

.sidepanel #profile .wrap #status-options ul li#status-away span.status-circle {
    background: #f1c40f;
}

.sidepanel #profile .wrap #status-options ul li#status-away.active span.status-circle:before {
    border: 1px solid #f1c40f;
}

.sidepanel #profile .wrap #status-options ul li#status-busy span.status-circle {
    background: #e74c3c;
}

.sidepanel #profile .wrap #status-options ul li#status-busy.active span.status-circle:before {
    border: 1px solid #e74c3c;
}

.sidepanel #profile .wrap #status-options ul li#status-offline span.status-circle {
    background: #95a5a6;
}

.sidepanel #profile .wrap #status-options ul li#status-offline.active span.status-circle:before {
    border: 1px solid #95a5a6;
}

.sidepanel #profile .wrap #expanded {
    padding: 100px 0 0 0;
    display: block;
    line-height: initial !important;
}

.sidepanel #profile .wrap #expanded label {
    float: left;
    clear: both;
    margin: 0 8px 5px 0;
    padding: 5px 0;
}

.sidepanel #profile .wrap #expanded input {
    border: none;
    margin-bottom: 6px;
    background: #32465a;
    border-radius: 3px;
    color: #f5f5f5;
    padding: 7px;
    width: calc(100% - 43px);
}

.sidepanel #profile .wrap #expanded input:focus {
    outline: none;
    background: #435f7a;
}

.sidepanel #search {
    border-top: 1px solid #32465a;
    border-bottom: 1px solid #32465a;
    font-weight: 300;
}

@media screen and (max-width: 735px) {
    .sidepanel #search {
        display: none;
    }
}

.sidepanel #search label {
    position: absolute;
    margin: 10px 0 0 20px;
}

.sidepanel #search input {
    font-family: "proxima-nova", "Source Sans Pro", sans-serif;
    padding: 10px 0 10px 46px;
    width: calc(100% - 25px);
    border: none;
    background: #32465a;
    color: #f5f5f5;
}

.sidepanel #search input:focus {
    outline: none;
    background: #435f7a;
}

.sidepanel #search input::-webkit-input-placeholder {
    color: #f5f5f5;
}

.sidepanel .contacts-panel ul li.contact .wrap .meta span.message-date-span {
    float: right;
    background: none;
    width: 24%;
    top: 0;
    margin: 3px 0 0 83%;
    font-size: 11px;
    height: unset;
    right: 0;
}

.sidepanel .contacts-panel ul li.contact .wrap .meta p.task-name-span {
    background: none;
    top: 0;
    font-size: 11px;
    margin: 0px;
    line-height: normal;
    left: 0;
}

.sidepanel #search input::-moz-placeholder {
    color: #f5f5f5;
}

.sidepanel #search input:-ms-input-placeholder {
    color: #f5f5f5;
}

.sidepanel #search input:-moz-placeholder {
    color: #f5f5f5;
}

@media screen and (max-width: 735px) {
    .sidepanel .contacts-panel::-webkit-scrollbar {
        display: none;
    }
}

.sidepanel .contacts-panel::-webkit-scrollbar {
    width: 7px;
}

.sidepanel .contacts-panel::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.sidepanel .contacts-panel::-webkit-scrollbar-thumb {
    background: #a1a3a3;
}

.sidepanel .contacts-panel::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.sidepanel .contacts-panel.expanded {
    height: calc(100% - 334px);
}

.sidepanel .contacts-panel ul li.contact {
    position: relative;
    padding: 10px 5px 15px 0;
    font-size: 0.9em;
    cursor: pointer;
    margin-bottom: 0px;
    border-bottom: 1px solid #d6d6d6;
}

@media screen and (max-width: 735px) {
    .sidepanel .contacts-panel ul li.contact {
        padding: 6px 0 46px 8px;
    }
}

.sidepanel .contacts-panel ul li.contact:hover {
    background: #f5f5f5;
}

.sidepanel .contacts-panel ul li.contact.active {
    background: #f5f5f5;
    border-right: 5px solid #435f7a;
}

.sidepanel .contacts-panel ul li.contact .wrap span {
    position: absolute;
    left: 0;
    margin: -2px 0 0 -2px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #95a5a6;
}

.sidepanel .contacts-panel ul li.contact .wrap span.online {
    background: #2ecc71;
}

.sidepanel .contacts-panel ul li.contact .wrap span.away {
    background: #f1c40f;
}

.sidepanel .contacts-panel ul li.contact .wrap span.busy {
    background: #e74c3c;
}

.sidepanel .contacts-panel ul li.contact .wrap img {
    width: 40px;
    border-radius: 50%;
    float: left;
    margin-right: 10px;
}

.sidepanel .contacts-panel ul li.contact .wrap i {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    float: left;
    padding: 2%;
    margin-right: 10px;
    font-size: 26px;
    background-color: #e6eaea;
}

@media screen and (max-width: 735px) {
    .sidepanel .contacts-panel ul li.contact .wrap img {
        margin-right: 0px;
    }
}

.sidepanel .contacts-panel ul li.contact .wrap .meta {
    padding: 5px 0 0 0;
}

@media screen and (max-width: 735px) {
    .sidepanel .contacts-panel ul li.contact .wrap .meta {
        display: none;
    }
}

.sidepanel .contacts-panel ul li.contact .wrap .meta .name {
    font-weight: 600;
    margin: 0;
    line-height: unset;
    font-size: 14px;
}

.sidepanel .contacts-panel ul li.contact .wrap .meta .preview {
    margin: 5px 0 0 49px;
    padding: 0 0 1px;
    font-weight: 400;
    line-height: unset;
    white-space: initial;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    -moz-transition: 1s all ease;
    -o-transition: 1s all ease;
    -webkit-transition: 1s all ease;
    transition: 1s all ease;
}

.sidepanel .contacts-panel ul li.contact .wrap .meta .preview span {
    position: initial;
    border-radius: initial;
    background: none;
    border: none;
    padding: 0 2px 0 0;
    margin: 0 0 0 1px;
    opacity: 1;
    color: #f56600;
}

.sidepanel .bottom-bar {
    position: absolute;
    width: 100%;
    bottom: 0;
}

.sidepanel .bottom-bar button {
    float: none;
    border: none;
    width: 96%;
    border-radius: 0px;
    padding: 10px 0;
    background: #32465a;
    color: #f5f5f5;
    cursor: pointer;
    font-size: 13px;
}

@media screen and (max-width: 735px) {
    .sidepanel .bottom-bar button {
        float: none;
        width: 100%;
        padding: 15px 0;
    }
}

.sidepanel .bottom-bar button:focus {
    outline: none;
}

@media screen and (max-width: 735px) {
    .sidepanel .bottom-bar button:nth-child(1) {
        border-right: none;
        border-bottom: 1px solid #2c3e50;
    }
}

.sidepanel .bottom-bar button:hover {
    background: #435f7a;
}

.sidepanel .bottom-bar button i {
    margin-right: 3px;
    font-size: 1em;
}

@media screen and (max-width: 735px) {
    .sidepanel .bottom-bar button i {
        font-size: 1.3em;
    }
}

@media screen and (max-width: 735px) {
    .sidepanel .bottom-bar button span {
        display: none;
    }
}

/*Top message Drop Down End here*/

#frame {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    height: 92vh;
    min-height: 300px;
    max-height: 720px;
    background: #E6EAEA;
}

@media screen and (max-width: 360px) {
    #frame {
        width: 100%;
        height: 100vh;
    }
}

#frame .content {
    float: right;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}

@media screen and (max-width: 735px) {
    #frame .content {
        width: calc(100% - 58px);
        min-width: 300px !important;
    }
}

@media screen and (min-width: 900px) {
    #frame .content {
        width: 100%;
        border-right: 1px solid #d6d6d6;
        border-bottom: 1px solid #d6d6d6;
        border-top: 1px solid #d6d6d6;
    }
}

#frame .content .contact-profile {
    width: 100%;
    height: 60px;
    line-height: 60px;
    background: #f4f4f4;
}

.same-height-panel {
    height: 81.3vh !important;
}

#frame .content .contact-profile img {
    width: 49px;
    border-radius: 50%;
    float: left;
    margin: 6px 12px 0 9px;
    padding: 1px 1px 1px 1px;
}

#frame .content .contact-profile p {
    float: left;
    margin: 0;
    line-height: unset;
}

#frame .content .contact-profile .social-media {
    float: right;
}

#frame .content .contact-profile .social-media i {
    margin-left: 14px;
    cursor: pointer;
}

#frame .content .contact-profile .social-media i:nth-last-child(1) {
    margin-right: 20px;
    font-size: 24px;
}

#frame .content .contact-profile .social-media i:hover {
    color: #435f7a;
}

#frame .content .messages {
    height: auto;
    min-height: calc(100% - 93px);
    max-height: calc(100% - 93px);
    overflow-y: scroll;
    overflow-x: hidden;
}

@media screen and (max-width: 735px) {
    #frame .content .messages {
        max-height: calc(100% - 105px);
    }
}

#frame .content .messages::-webkit-scrollbar {
    width: 8px;
    background: transparent;
}

#frame .content .messages::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.3);
}

#frame .content .messages ul li {
    display: inline-block;
    clear: both;
    float: left;
    margin: 15px 15px 5px 15px;
    width: calc(100% - 25px);
    font-size: 0.9em;
    overflow-wrap: break-word;
    word-wrap: break-word;
}

#frame .content .messages ul li:nth-last-child(1) {
    margin-bottom: 20px;
}

#frame .content .messages ul li.sent img {
    margin: 6px 8px 0 0;
}

#frame .content .messages ul li.sent p {
    background: #252d72;
    color: #f5f5f5;
}

#frame .content .messages ul li.replies img {
    float: right;
    margin: 6px 0 0 8px;
}

#frame .content .messages ul li.replies p {
    background: #f5f5f5;
    float: right;
}

#frame .content .messages ul li img {
    width: 22px;
    border-radius: 50%;
    float: left;
}

#frame .content .messages ul li p {
    display: inline-block;
    padding: 10px 15px;
    border-radius: 20px;
    max-width: 205px;
    line-height: 130%;
    margin: 0;
}

@media screen and (min-width: 735px) {
    #frame .content .messages ul li p {
        max-width: 94%;
    }
}

#frame .content .message-input {
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 99;
}

#frame .content .message-input .wrap {
    position: relative;
}

#frame .content .message-input .wrap input {
    font-family: "proxima-nova", "Source Sans Pro", sans-serif;
    float: left;
    border: none;
    width: calc(100% - 64px);
    padding: 11px 32px 11px 8px;
    font-size: 0.8em;
    color: #32465a;
    margin: 12px 0px 5px 5px;
    background: #fff;
    border-radius: 6px;
}

@media screen and (max-width: 735px) {
    #frame .content .message-input .wrap input {
        padding: 15px 32px 16px 8px;
    }
}

#frame .content .message-input .wrap input:focus {
    outline: none;
}

#frame .content .message-input .wrap .attachment {
    position: absolute;
    right: 60px;
    z-index: 4;
    margin-top: 10px;
    font-size: 1.1em;
    color: #435f7a;
    opacity: .5;
    cursor: pointer;
}

@media screen and (max-width: 735px) {
    #frame .content .message-input .wrap .attachment {
        margin-top: 17px;
        right: 65px;
    }
}

#frame .content .message-input .wrap .attachment:hover {
    opacity: 1;
}

#frame .content .message-input .wrap button {
    float: right;
    border: none;
    width: 50px;
    padding: 12px 0;
    cursor: pointer;
    background: #32465a;
    color: #f5f5f5;
    border-radius: 0px;
}

@media screen and (max-width: 735px) {
    #frame .content .message-input .wrap button {
        padding: 16px 0;
    }
}

#frame .content .message-input .wrap button:hover {
    background: #2375bb;
}

#frame .content .message-input .wrap button:focus {
    outline: none;
}

#frame .content .contact-profile #profile-img.online, #frame .content .contact-profile #profile-img-secondchat.online {
    border: 2px solid #2ecc71;
    width: 50px;
    height: 50px;
}

#frame .content .contact-profile #profile-img.away, #frame .content .contact-profile #profile-img-secondchat.away {
    border: 2px solid #f1c40f;
    width: 50px;
    height: 50px;
}

#frame .content .contact-profile #profile-img.busy, #frame .content .contact-profile #profile-img-secondchat.busy {
    border: 2px solid #e74c3c;
    width: 50px;
    height: 50px;
}

#frame .content .contact-profile #profile-img.offline, #frame .content .contact-profile #profile-img-secondchat.offline {
    border: 2px solid #95a5a6;
    width: 50px;
    height: 50px;
}

/*Status css*/
#frame .content .contact-profile #status-options {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    width: 150px;
    margin: 70px 0 0 0;
    border-radius: 6px;
    z-index: 99;
    line-height: initial;
    background: #435f7a;
    -moz-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
}

@media screen and (max-width: 735px) {
    #frame .content .contact-profile #status-options {
        width: 58px;
        margin-top: 57px;
    }
}

#frame .content .contact-profile #status-options ul {
    overflow: hidden;
    border-radius: 6px;
    margin: 0;
}

#frame .content .contact-profile #status-options ul li {
    padding: 15px 0 30px 18px;
    display: block;
    cursor: pointer;
    margin-bottom: 0px;
}

@media screen and (max-width: 735px) {
    #frame .content .contact-profile #status-options ul li {
        padding: 15px 0 35px 22px;
    }
}

#frame .content .contact-profile #status-options ul li:hover {
    background: #496886;
}

#frame .content .contact-profile #status-options ul li span.status-circle {
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin: 5px 0 0 0;
}

@media screen and (max-width: 735px) {
    #frame .content .contact-profile #status-options ul li span.status-circle {
        width: 14px;
        height: 14px;
    }
}

#frame .content .contact-profile #status-options ul li span.status-circle:before {
    content: '';
    position: absolute;
    width: 16px;
    height: 16px;
    margin: -3px 0 0 -3px;
    background: transparent;
    border-radius: 50%;
    z-index: 0;
}

@media screen and (max-width: 735px) {
    #frame .content .contact-profile #status-options ul li span.status-circle:before {
        height: 18px;
        width: 18px;
    }
}

#frame .content .contact-profile #status-options ul li p {
    padding-left: 18px;
    color: #fff;
}

@media screen and (max-width: 735px) {
    #frame .content .contact-profile #status-options ul li p {
        display: none;
    }
}

#frame .content .contact-profile #status-options ul li#status-online span.status-circle {
    background: #2ecc71;
}

#frame .content .contact-profile #status-options ul li#status-online.active span.status-circle:before {
    border: 1px solid #2ecc71;
}

#frame .content .contact-profile #status-options ul li#status-away span.status-circle {
    background: #f1c40f;
}

#frame .content .contact-profile #status-options ul li#status-away.active span.status-circle:before {
    border: 1px solid #f1c40f;
}

#frame .content .contact-profile #status-options ul li#status-busy span.status-circle {
    background: #e74c3c;
}

#frame .content .contact-profile #status-options ul li#status-busy.active span.status-circle:before {
    border: 1px solid #e74c3c;
}

#frame .content .contact-profile #status-options ul li#status-offline span.status-circle {
    background: #95a5a6;
}

#frame .content .contact-profile #status-options ul li#status-offline.active span.status-circle:before {
    border: 1px solid #95a5a6;
}

.sidepanel-bg {
    border: 1px solid #d6d6d6;
    margin-top: 13px;
}

.padleft0 {
    padding-left: 0px !important;
}

.padright0 {
    padding-right: 0px !important;
}

/* Chat icon of user 23-07-2018 */
.sidepanel .contacts-panel ul li.contact .wrap img {
    width: 40px;
    border-radius: 50%;
    float: left;
    margin-right: 10px;
    width: 40px;
    height: 40px;
}

/* 14-aug-2018 User wallet CSS */

.pc-tab nav ul li label i.fa {
    font-size: 16px;
}

.pc-tab nav ul li label::before {
    border: none;
}

.pc-tab > input,
.pc-tab section > div {
    display: none;
}

#tab1:checked ~ section .tab1,
#tab2:checked ~ section .tab2,
#tab3:checked ~ section .tab3,
#tab4:checked ~ section .tab4,
#tab5:checked ~ section .tab5,
#tab6:checked ~ section .tab6,
#tab7:checked ~ section .tab7,
#tab8:checked ~ section .tab8,
#tab9:checked ~ section .tab9,
#tab10:checked ~ section .tab10 {
    display: block;
}

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

.pc-tab ul li label {
    float: left;
    padding: 11px 17px 29px 18px;
    border: 1px solid #ccc;
    border-bottom: 0;
    background: #0267ad;
    color: #fff;
    font-size: 12px;
}

.pc-tab ul li label:hover {
    background: #004371;
}

.pc-tab ul li label:active {
    background: #ffffff;
}

.pc-tab ul li:not(:last-child) label {
    border-right-width: 0;
}

.pc-tab section div {
    background: #fff;
}

.pc-tab section .all-usd-balance {
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    display: inline-block;
    padding: 18px 5px;
}
/*color edited by:ru date:16/03/2019 */
#tab1:checked ~ nav .tab1 label,
#tab2:checked ~ nav .tab2 label,
#tab3:checked ~ nav .tab3 label,
#tab4:checked ~ nav .tab4 label,
#tab5:checked ~ nav .tab5 label,
#tab6:checked ~ nav .tab6 label,
#tab7:checked ~ nav .tab7 label,
#tab8:checked ~ nav .tab8 label,
#tab9:checked ~ nav .tab9 label,
#tab10:checked ~ nav .tab10 label {
    background: white;
    color: #405a67;
    position: relative;
}
/*end*/
#tab1:checked ~ nav .tab1 label:after,
#tab2:checked ~ nav .tab2 label:after,
#tab3:checked ~ nav .tab3 label:after,
#tab4:checked ~ nav .tab4 label:after,
#tab5:checked ~ nav .tab5 label:after,
#tab6:checked ~ nav .tab6 label:after,
#tab7:checked ~ nav .tab7 label:after,
#tab8:checked ~ nav .tab8 label:after,
#tab9:checked ~ nav .tab9 label:after,
#tab10:checked ~ nav .tab10 label:after {
    content: '';
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    left: 0;
    bottom: -1px;
}

/* Phone number country code CSS 29-08-2018 */

#mceu_5 label::before {
    border: none !important;
}

/* 15-09-2018 support link at header  */
.btn-extars .get-help-taskenator i{
    /*color: #fff;*/
    color: #000000;
    padding-top: 8px;
    padding-left: 7px;
}

.code-of-ethics{
    list-style-position: outside;
    list-style-type: disc;
    text-transform: capitalize;
    display:inline-block;
}
.terms .code-of-ethics{
    list-style-position: outside;
    list-style-type: disc;
    text-transform: capitalize;
    display: inline-block;
    margin-top: 15px;
    margin-left: 40px;
    margin-bottom: 0px;
}

.all-usd-balance div .p-category a {
    border: none;
}
span.no-data-found-on-page {
    padding: 13px;
    font-size: 17px;
    font-weight: 600;
    padding-left: 45px;
}


span.upload-image-warn {
    font-size: 10px;
    color: red;
}

.taskenator-color{
    color: #f56600 !important;
}
.cursor-auto {
    cursor: auto !important;
}
/*For T&C Page Date:02/10/2018*/


.terms-conditions
.terms
.bullets{
    margin-left: 36px;
    margin-bottom: 2.5px;
    margin-top: 2.5px;
}
.terms-conditions
.terms
.letter{
    margin-left: 36px;
    margin-bottom: 2.5px;
    margin-top: 2.5px;
}
/*lang heading 05/10/2018*/
.job-overview > .lang-head{
    font-weight: bold;
    font-family:Quicksand;
    font-size:20px;
    color: #202020;
}
.lang-list{
    border: none;
}
.job-overview  > .lang-list {
    float: left;
    font-family: Open Sans;
    font-size: 13px;
    color: #929292;
    border: 1px solid #929292;
    -webkit-border-radius: 21px;
    -moz-border-radius: 21px;
    -ms-border-radius: 21px;
    -o-border-radius: 21px;
    border-radius: 21px;
    padding: 6px 20px;
    margin-right: 12px;
    margin-top: 13px;
    width: auto;
}
/*Future Project Date:04/10/2018*/
#post-project-form
.container
.col-lg-6.verified-status
.pp-title-new.pf-title
.pf-field
.chosen-container
.chosen-single{
    font-weight: normal;
    margin-top:10px;
}
#post-project-form
.container
.col-lg-6.verified-status
.pp-title-new.pf-title
.pf-field{
    margin-top: 10px;
}
#post-project-form
.container
.col-lg-12.verified-status
.pp-title-new.pf-title
.post-job-subtitle{
    font-weight: 100;
        white-space: initial;
}
/*Send Feedback Popup Date:04/10/2018*/

.modal.fade.show
.modal-dialog.modal-lg.modal-dialog-centered
.modal-content
.modal-body
.col-lg-12.feedback-section
.col-lg-4{
    padding-left: 2px;
}
/*Find-Task Page Css Edited By;Rushabh date:6/10/2018*/
.job-title-sec h3 > a{
    text-transform: capitalize;
}
/*Edit Profile Edited By;Rushabh Date:08/10/2018  */
.pf-field > select {
    display: none;
}
/*Project detail Edited By;Rushabh Date:08/10/2018  */
.job-details.dis > ul {
   list-style-type: disc;
   margin-left: 20px;
}
.job-details.dis > ul li {
   padding-left: 0px;
}
.pf-field > .select-block{
    display:block !important;
    font-size: 13px;
}
.mangopay-logo{
    width: 23%;
    float: right;
}
/*Mangopay T&C Edit By:Rushabh Date:15/10/2018*/
.terms-conditions > .terms-note{
    border: 1px solid;
    background-color: #daeef3;
    padding-left: 10px;
}
/*Footer links Edit By;Rushabh Date:16/10/2018*/
.about_widget span > a {
    float: left;
    width: 100%;
    position: relative;
    font-family: Open Sans;
    font-size: 13px;
    color: #e8e8e8;
    margin-bottom: 12px;
    padding-left: 24px;
}
.about_widget span > a:hover{
    color: #b7b7b7 !important;
}
.chosen-container-multi .chosen-results{
    font-weight: normal;
}

.home-tips-img{
    height:360px !important;
    width:360px  !important;
}

.tips-thumbnail-img{
      height:74px !important;
      width:65px  !important;
}
/*Portfolio Edit BY:rushabh Date:27/10/2018*/
#view-portfolio-details-label{
    word-break: break-all !important;
}
/*Project detail page Edit By Rushabh Date:01/11/2018*/
.dis > ul {
    word-break: break-all;
}
/*My-Portfio page Edit By Rushabh Date:02/11/2018 */
.skills-desc {
    word-break: break-all;
}
.portfolio-desc {
    word-break: break-all;
}
/*
 .modal-lg {
    max-width: 65% !important;
}
*/

/*How it works*/
.section-padding {
    padding: 40px 0;
}
.img-width-100{
    width: 100% !important;
}
.display-b{
    display:block;
}
.line-h15{
    line-height:1.5;
}
.align-items-left{
    text-align:left;
}
.align-items-right{
    text-align:right;
}
.fourServices {
    background: #ededed;
}
.text-xs-center {
    text-align: center!important;
}

.divider {
    display: inline-block;
}
.hr-line {
    height: 3px;
    width: 50px;
    background: #212121;
    margin: auto;
}
@media screen and (min-width: 768px){
    .fourBlock {
        padding: 20px;
    }
}
.fourBlock {
    padding: 20px 15px;
    background: #fff;
    margin-bottom: 20px;
    border-radius: 10px;
    box-shadow: 0 10px 20px rgba(0,0,0,.35);
    min-height: 91%;
    max-height: 91%;
}
.blue-color {
    color: #174a7f;
}
.fourBlock img {
    margin-bottom: 20px;
}
img {
    vertical-align: middle;
}
.fourBlock h4 {
    font-size: 18px;
    color: #212121;
    text-transform: uppercase;
    margin-bottom: 0;
}
.bold {
    font-weight: 700;
}
.fourBlock p {
    color: #2a2a2a;
    font-size: 14px;
    font-weight: 400;
}

.catService {
			width: 101%;
			height: 246px;
			position: relative;
			z-index: 1;
			display: block;
			text-decoration: none;
			margin-bottom: 30px;
			text-align: center;
			overflow: hidden;
			box-shadow: 0 10px 30px rgba(0,0,0,.65);
			background: #555ca4;
			background: -moz-linear-gradient(top,#22bbe7 0%,#1ce7b3 100%);
			background: -webkit-linear-gradient(top,#22bbe7 0%,#1ce7b3 100%);
			background: linear-gradient(to bottom,#22bbe7 0%,#1ce7b3 100%)
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5bc4f1',endColorstr='#2593c2',GradientType=0 );
			transition: all 3s;
		}
		.catService-hover-section {
			padding-left: 40px;
			padding-right: 40px;
			opacity: 0;
			top: -100%;
		}
		.cat-service-disp, .catService-hover-section {
			display: table;
			text-align: center;
			width: 100%;
			height: 100%;
			overflow: hidden;
			transition: all 1s;
			position: relative;
		}
		.cat-service-disp {
			top: -100%;
		}
		.cat-service-box-col, .cat-service-box-col-hvr {
			display: table-cell;
			vertical-align: middle;
		}
		.catService .cat-service-icon i {
			color: #fff;
			font-size: 60px;
		}
		.catService .category-service-name h4 {
			color: #fff;
			font-size: 18px;
			margin-top: 20px;
			font-weight: 600;
		}
		.catService .cat-service-img-main {
			position: absolute;
			top: 0;
			bottom: 0;
			left: 0;
			right: 0;
			margin: auto;
			vertical-align: middle;
			opacity: .2;
			z-index: -1;
			transform: scale(1);
			transition: all 3s;
		}
		.catService:hover .catService-hover-section {
			top: 0%;
			opacity: 1;
		}
		.catService:hover {
			background: #242424;
			background: -moz-linear-gradient(top,#242424 0%,#00000 100%);
			background: -webkit-linear-gradient(top,#242424 0%,#00000 100%);
			background: linear-gradient(to bottom,#242424 0%,#00000 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#242424',endColorstr='#000000',GradientType=0 );
		}
		.catService:hover, .catService:focus {
			text-decoration: none;
		}
		ul.list-icon-check{
			text-align: left;
		}
		ul.list-icon-check li p{
			color: #fff;
		}
		.block-support {
			background-image: radial-gradient(circle at 35% 30%, #23B3F1 10%, #1AFF97 100%);
		}
		.headline--light, .headline--semibold, .headline--imagebox {
			font-size: 2.475rem;
			display: block;
			width: 100%;
		}
		.how-works-text h4 {
           text-align: left;
           font-size: 18px;
           font-weight: 400;
        }
        .how-works-text h4 i.la {
            color: #29b1b0;
            font-weight: 800;
        }
        .how-works-text.tasker-panel h4 i.la{
            color: #322379;
            font-weight: 800;
        }
		.headline--semibold {
			font-weight: 600;
		}
		.block.invert-text {
			color: #fff;
		}
		.padlr4{
		    padding-right: 4em;
            padding-left: 4em;
		}
		.col-sm-push-6{
			left: 50%;
		}
		.col-sm-pull-6{
			right: 50%;
		}


/* added on 22-11-2018 */
.payment-logo
{
    height: 20px !important;
}

/*added on 11-1-2018 by aasif */
 
.bootstrap-tagsinput .tag{
    margin-right: 2px !important;
    color: white  !important;
    background: #5bc0de  !important;
    padding-left: 1%  !important;
    padding-right: 1%  !important;
    border-radius: 5px  !important;
    line-height: 1.7 !important;
    word-break: break-all !important;
}

.bootstrap-tagsinput{
    width:100% !important;
    padding: 14px 6px !important;
    box-shadow: none !important;
    border: 2px solid #e8ecec !important;
    border-radius: 8px !important;
}
/*Change BY TC_RU on 22-03-2019 */
.safe-buddy:hover {
  background-color: #2375bb;
    color: #fff;
    border-radius: 8px;
    text-align: center;
    border: 2px solid #2375bb;
    
}
.safe-buddy{
    padding: 0.8rem !important;
    border: 2px solid #929292;
    background: #fff;
    color: #000;
    border-radius: 8px;
}
.ref-btn:hover{
    background-color: #2375bb;
    color: #fff;
    border-radius: 8px;
    text-align: center;
    border: 2px solid #2375bb;
}
.ref-btn
{
    margin-top: 3.8rem !important;
    padding: 0.8rem !important;
    border: 2px solid #929292;
    background: #fff;
    color: #000;
    border-radius: 8px;
}
/*end*/
.bootstrap-tagsinput input{
    width:100% !important;
}

.sharere-no-border
{
    border-top: none !important;
    border-bottom:none !important;
}

.float-none
{
    float: none !important;
}

/* Milestone css  19-01-2019 */
.milestone-action-btn
{
    margin-right: -22px !important;
    cursor: pointer !important;
    color: #d01313 !important;
}


/* 23-03-2019 Added by aasif */
 .category-title{
	        font-family: cursive;
            font-size: 2.5em;
	    }
	    .category-desc{
	        color: #737373 !important;
	        padding: 0 1em;
	    }
	    .media {
            display: inline-flex;
            align-items: flex-start;
            box-shadow: 0 5px 20px 0 rgba(0,0,0,.2), 0 13px 24px -11px rgba(239, 239, 239, 0.6);
            padding: 2em;
        }
        .float-left {
            float: left!important;
        }
        .media>.float-left {
            padding: 3px 10px;
        }
        .media>i.float-left{
            font-size: 1.8em;
            color: #2375bb;
        }
        .media .media-body {
            padding-right: 10px;
        }
        .media-body {
            flex: 1;
        }
        .media .media-heading{
            color: #3c4858;
            text-decoration: none;
            font-weight: 700;
            margin-bottom: 10px;
        }
        .media p {
            color: #4c4c4c;
            font-size: 1rem;
            line-height: 1.6em;
        }
        .category-bottom-section-purple{
            background: linear-gradient(60deg,#ab47bc,#7b1fa2);
            padding: 1em 10em;
            box-shadow: 0 5px 20px 0 rgba(0,0,0,.2), 0 13px 24px -11px rgba(156,39,176,.6);
        }
        .category-bottom-section-purple .bottom-section-cat h2{
            text-align: center;
            color: #fff;
            font-weight: 700;
            font-size: 1.9em;
            text-transform: uppercase;
        }
        .category-bottom-section-purple .bottom-section-cat p{
            color: #fff;
            font-size: 1em;
            line-height: 2.5em;
        }
        .category-page-first-section p{
            font-size: 1em;
            font-weight: 600;
        }
        .mtop-twoem{
            margin-top: 2em;
        }
        
     
        /* Added by aasif on 10-04-2019 */
        input[type=number]::-webkit-inner-spin-button, 
        input[type=number]::-webkit-outer-spin-button { 
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            margin: 0; 
        }
        
        /*Added by Aasif-17-04-2019*/
         .section-scrolabble{
            height:350px;
           overflow-y: scroll;
         }
        /*Added by Aasif-19-04-2019*/ 
         .taskenator-new-color{
              color:#2375bb!important;;
          }
          .mce-tinymce label::before{
              content:none !important;
          }
          
          .c-logo-dashboard img.rounded {
            width: 50px;
            height: 50px;
        }
        
        .desktop-notification-section p{
    margin-bottom: 0 !important;
    width: 83% !important;
    float: left !important;
    line-height: 16px !important;
    font-size: 14px !important;
}
.do-now-show-again{
    float: right;
    margin-right: 1em;
    font-weight: 600;
    color: #e03600;
}

.m-b-20
 {
     margin-bottom:20px !important;
 }

/* cancel bid */
 .cancel-my-bid
         {
         background:#dc3545 !important;
         color:white !important;
         border-color:#dc3545 !important;  
         }
         .cancel-my-bid:hover
         {
         background:white !important;
         color:#dc3545 !important;
         }    
        


/* Dispute Link Header */
.menu-item-support-links{
    float: left;
    width: 100%;
    font-family: Open Sans;
    font-size: 13px;
    color: #202020;
    padding: 9px 25px;
}


/*For message textbox*/
#frame .content .message-input .wrap textarea {
        font-family: "proxima-nova", "Source Sans Pro", sans-serif;
        float: left;
        border: none;
        width: calc(100% - 14px);
        padding: 11px 32px 11px 8px;
        font-size: 0.8em;
        color: #32465a;
        margin: 12px 0px 5px 5px;
        background: #fff;
        border-radius: 6px;
        min-height: 100px;
    }
    #frame .content .messages {
        height: auto;
        min-height: calc(80% - 70px);
        max-height: calc(80% - 70px);
        overflow-y: scroll;
        overflow-x: hidden;
    }
    #frame .content .message-input .wrap button {
        float: right;
        border: none;
        width: 69px;
        padding: 0;
        cursor: pointer;
        background: transparent;
        color: #000;
        margin-top: -2em;
    }
    #frame .content .message-input .wrap button i.fa.fa-paper-plane{
        font-size:20px;
    }
    #frame .content .message-input .wrap button:hover {
        color: #2375bb;
        background: transparent;
    }
    .type_msg{
		background-color: rgba(0,0,0,0.3) !important;
		border:0 !important;
		color:white !important;
		height: 60px !important;
		overflow-y: auto;
	}
		.type_msg:focus{
	     box-shadow:none !important;
       outline:0px !important;
	}
	textarea {
      resize: none;
    }
    
    #frame .content .messages ul li.replies span {
        float: right;
        position: absolute;
        right: 1px;
        font-size: 9px;
        top: -15px;
        margin-top: 1.2;
    }
    
    #frame .content .messages ul li.sent span {
        float: right;
        position: absolute;
        left: 1px;
        font-size: 9px;
        top: -15px;
        margin-top: 1.2;
    }