/* CSS ADDED BY DESIGNER */
/* Custom Variables */
/* header & footer color*/
/* tab active color */
/* tab color */
/* sub tab color */
/* sub sub tab color */
/* text color */
/* bg color */
/* black color */
/* deep grey color */
/* light grey color */
/* primary blue btn color */
/* normal grey color */
/* ultra light grey color */
/* green color for active text */
/* deep blue color for text */
/* deep grey color */
/* deep grey color */
/* light grey color */
/* light bg grey color */
/* fb-color*/
/* linkedin-color*/
/* twitter-color*/
/* pintrest-color*/
/* google-plus-color*/
/* white color */
/* green success color */
/* yellow pending color */
/* black pending color */
/* black2 color */
/* light blue color */
/* light black color */
/* light2 blue color */
/* light1 black color */
/* light2 black color */
/* light2 black color */
/* light2 black color */
/* red black color */
/* New light green */
/*Add new Design*/
/* btn color */
/*$btn-senary:;
$btn-septenary:;
$btn-octonary:;
$btn-nonary:;*/
/* ##### Fonts #### */
/* Mixin */
/* transition */
/* transform */
/* Animation */
/* cross browser opacity */
/* box shadow */
/* New Design scss file */
/* New Design Gobal */
.newDesign {
  /* margins */
  /* paddings */
  /* colors */ }
  .newDesign h2 {
    font-size: 30px;
    font-family: "latolight"; }
  .newDesign h3 {
    font-size: 24px;
    color: #525252; }
  .newDesign h4 {
    font-size: 18px;
    color: #525252; }
  .newDesign h5 {
    font-size: 20px;
    color: #525252; }
  .newDesign h6 {
    font-size: 16px;
    font-family: "latolight"; }
  .newDesign .seo-h6 {
    font-size: 16px;
    font-family: "latoregular"; }
  .newDesign .seo-h3 {
    font-size: 24px;
    color: #525252; }
  .newDesign .seo-h2 {
    font-size: 28px;
    font-family: "latolight"; }
  .newDesign hr {
    border-bottom: 1px solid #e1e1e1;
    margin: 15px 0;
    height: 0px; }
    .newDesign hr.border-none {
      border-bottom: none; }
  .newDesign label {
    font-family: "latoregular";
    font-size: 12px; }
  .newDesign strong {
    font-family: "latobold"; }
  .newDesign a {
    text-decoration: none; }
    .newDesign a:focus {
      outline: 0 none;
      text-decoration: none; }
  .newDesign .block {
    display: block !important; }
  .newDesign .font-20 {
    font-size: 20px !important; }
  .newDesign .mg-b0 {
    margin-bottom: 0px; }
  .newDesign .mg-b5 {
    margin-bottom: 5px; }
  .newDesign .mg-b10 {
    margin-bottom: 10px; }
  .newDesign .mg-b15 {
    margin-bottom: 15px; }
  .newDesign .mg-b20 {
    margin-bottom: 20px; }
  .newDesign .mg-b30 {
    margin-bottom: 30px; }
  .newDesign .mg-b40 {
    margin-bottom: 40px; }
  .newDesign .mg-b50 {
    margin-bottom: 50px; }
  .newDesign .mg-b60 {
    margin-bottom: 60px; }
  .newDesign .mg-b70 {
    margin-bottom: 70px; }
  .newDesign .mg-t0 {
    margin-top: 0px; }
  .newDesign .mg-t5 {
    margin-top: 5px; }
  .newDesign .mg-t15 {
    margin-top: 15px; }
  .newDesign .mg-t10 {
    margin-top: 10px; }
  .newDesign .mg-t20 {
    margin-top: 20px; }
  .newDesign .mg-t25 {
    margin-top: 25px; }
  .newDesign .mg-t30 {
    margin-top: 30px; }
  .newDesign .mg-t40 {
    margin-top: 40px; }
  .newDesign .mg-t50 {
    margin-top: 50px; }
  .newDesign .mg-t60 {
    margin-top: 60px; }
  .newDesign .mg-t70 {
    margin-top: 70px; }
  .newDesign .mg-r10 {
    margin-right: 10px; }
  .newDesign .mg-r15 {
    margin-right: 15px; }
  .newDesign .mg-r20 {
    margin-right: 20px; }
  .newDesign .mg-l10 {
    margin-left: 10px; }
  .newDesign .mg-l15 {
    margin-left: 15px; }
  .newDesign .mg-l20 {
    margin-left: 20px; }
  .newDesign .pd-all {
    padding: 30px 25px; }
  .newDesign .pd-all20 {
    padding: 20px; }
  .newDesign .pd-b0 {
    padding-bottom: 0px; }
  .newDesign .pd-b10 {
    padding-bottom: 10px; }
  .newDesign .pd-b15 {
    padding-bottom: 15px; }
  .newDesign .pd-b20 {
    padding-bottom: 20px; }
  .newDesign .pd-b30 {
    padding-bottom: 30px; }
  .newDesign .pd-b40 {
    padding-bottom: 40px; }
  .newDesign .pd-b50 {
    padding-bottom: 50px; }
  .newDesign .pd-b60 {
    padding-bottom: 60px; }
  .newDesign .pd-b70 {
    padding-bottom: 70px; }
  .newDesign .pd-t8 {
    padding-top: 8px; }
  .newDesign .pd-t10 {
    padding-top: 10px; }
  .newDesign .pd-t15 {
    padding-top: 15px; }
  .newDesign .pd-t20 {
    padding-top: 20px; }
  .newDesign .pd-t30 {
    padding-top: 30px; }
  .newDesign .pd-t40 {
    padding-top: 40px; }
  .newDesign .pd-t50 {
    padding-top: 50px; }
  .newDesign .pd-t60 {
    padding-top: 60px; }
  .newDesign .pd-t70 {
    padding-top: 70px; }
  .newDesign .pd-t80 {
    padding-top: 80px; }
  .newDesign .pdlr0 {
    padding-left: 0;
    padding-right: 0; }
  .newDesign .pd-r0 {
    padding-right: 0 !important; }
  .newDesign .pd-r30 {
    padding-right: 30px; }
  .newDesign .pd-l30 {
    padding-left: 30px; }
  .newDesign .pd-l0 {
    padding-left: 0; }
  .newDesign .pd-all10 {
    padding: 10px; }
  .newDesign .pd-all20 {
    padding: 15px 20px; }
  .newDesign .pd-tb25 {
    padding-top: 25px;
    padding-bottom: 25px; }
  .newDesign .mg-tb25 {
    margin-top: 25px;
    margin-bottom: 25px; }
  .newDesign .primary-color {
    color: #017bc4 !important; }
  .newDesign .primary-light-color1 {
    color: #17a7dc !important; }
  .newDesign .primary-color7 {
    color: #ffffff !important; }
  .newDesign .black-color {
    color: #000000 !important; }
  .newDesign .tertiary-color4 {
    color: #707070 !important; }
  .newDesign .secondary-color {
    color: #525252 !important; }
  .newDesign .light-green {
    color: #2bc2a4 !important; }
  .newDesign .light-blue {
    color: #3d93cc !important; }
  .newDesign .voilet {
    color: #8c54a3 !important; }
  .newDesign .orange {
    color: #dd5749 !important; }
  .newDesign .border-btn {
    border: none;
    border-bottom: 1px dashed #17a7dc;
    padding: 0;
    display: inline-block; }
    .newDesign .border-btn:hover {
      text-decoration: none;
      border-bottom-color: transparent; }
  .newDesign .btn-primary {
    height: 44px;
    border-radius: 3px;
    -webkit-border-radius: 3px; }
    .newDesign .btn-primary.lightblue {
      background-color: #17a7dc;
      border-color: #17a7dc; }
    .newDesign .btn-primary.lightblue2 {
      background-color: #0072bc;
      border-color: #0072bc; }
  .newDesign .btn-view .btn-primary {
    height: 34px;
    border-radius: 3px;
    -webkit-border-radius: 3px; }
    .newDesign .btn-view .btn-primary.lightblue {
      background-color: #17a7dc;
      border-color: #17a7dc; }
    .newDesign .btn-view .btn-primary.lightblue2 {
      background-color: #0072bc;
      border-color: #0072bc; }
  .newDesign .btn-info {
    background-color: #cccccc;
    border-color: #cccccc; }
    .newDesign .btn-info:hover, .newDesign .btn-info:focus {
      background-color: #cccccc;
      border-color: #cccccc;
      opacity: 0.6; }
    .newDesign .btn-info.btn-clear {
      color: #cccccc;
      background-color: transparent; }
      .newDesign .btn-info.btn-clear:hover {
        background-color: #cccccc;
        color: #ffffff;
        opacity: 1; }
  .newDesign .btn-link {
    color: #017bc4; }
  .newDesign .new-content {
    background-color: #ffffff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 0 0 2px 0px #cccccc;
    padding: 25px; }
  .newDesign .right-border {
    border-right: 1px solid #e1e1e1; }
  .newDesign .btn-profile {
    padding: 0;
    height: auto;
    font-size: 12px;
    border-color: #17a7dc;
    background-color: #17a7dc; }
    .newDesign .btn-profile:hover {
      background-color: #17a7dc;
      border-color: #17a7dc; }
    .newDesign .btn-profile .icon {
      padding: 13px;
      width: 20px;
      height: 19px;
      float: left;
      border-right: 1px solid #ffffff;
      background: url("../images/profile-logo-btn.png") no-repeat center center; }
    .newDesign .btn-profile .text {
      padding: 4px 10px;
      display: inline-block; }
  .newDesign .white-bg .form-control {
    height: 48px;
    background-color: #ffffff;
    border-radius: 0;
    -webkit-border-radius: 0; }
  .newDesign .white-bg .textarea .form-control {
    height: 175px;
    resize: none; }

.form-control:focus {
  border-color: #66afe9;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
  outline: 0; }

.light-form-textbox .form-control {
  box-shadow: 0 0 0 inset;
  -webkit-box-shadow: 0 0 0 inset;
  height: 42px;
  border-color: #e1e1e1;
  background-color: #fafafd; }
  .light-form-textbox .form-control:focus {
    border-color: #66afe9;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
    outline: 0; }

.btn-bold {
  font-family: "latobold" !important; }

.robot-capcha .g-recaptcha {
  float: right; }
  .robot-capcha .g-recaptcha > div {
    width: 100% !important; }

@media only screen and (max-width: 991px) {
  .newDesign .new-content {
    padding: 15px; }

  .robot-capcha .g-recaptcha {
    float: none; } }
@media only screen and (max-width: 767px) {
  .newDesign {
    /* margins */
    /* paddings */ }
    .newDesign .right-border {
      border-right: 1px solid #e1e1e1; }
    .newDesign .mg-b20 {
      margin-bottom: 10px !important; }
    .newDesign .mg-b30 {
      margin-bottom: 15px !important; }
    .newDesign .mg-b40 {
      margin-bottom: 20px !important; }
    .newDesign .mg-b50 {
      margin-bottom: 25px !important; }
    .newDesign .mg-b60 {
      margin-bottom: 30px !important; }
    .newDesign .mg-b70 {
      margin-bottom: 35px !important; }
    .newDesign .mg-t20 {
      margin-top: 10px !important; }
    .newDesign .mg-t30 {
      margin-top: 15px !important; }
    .newDesign .mg-t40 {
      margin-top: 20px !important; }
    .newDesign .mg-t50 {
      margin-top: 25px !important; }
    .newDesign .mg-t60 {
      margin-top: 30px !important; }
    .newDesign .pd-b20 {
      padding-bottom: 10px !important; }
    .newDesign .pd-b30 {
      padding-bottom: 15px !important; }
    .newDesign .pd-b40 {
      padding-bottom: 20px !important; }
    .newDesign .pd-b50 {
      padding-bottom: 25px !important; }
    .newDesign .pd-b60 {
      padding-bottom: 30px !important; }
    .newDesign .pd-b70 {
      padding-bottom: 35px !important; }
    .newDesign .pd-b80 {
      padding-bottom: 40px !important; }
    .newDesign .pd-t20 {
      padding-top: 10px !important; }
    .newDesign .pd-t30 {
      padding-top: 15px !important; }
    .newDesign .pd-t40 {
      padding-top: 20px !important; }
    .newDesign .pd-t50 {
      padding-top: 25px !important; }
    .newDesign .pd-t60 {
      padding-top: 30px !important; }
    .newDesign .pd-t70 {
      padding-top: 35px !important; }
    .newDesign .pd-t80 {
      padding-top: 40px !important; }
    .newDesign .pd-x-t5 {
      padding-top: 5px !important; }
    .newDesign .pd-x-t10 {
      padding-top: 10px !important; }
    .newDesign .pd-x-t20 {
      padding-top: 20px !important; }
    .newDesign .pd-x-t30 {
      padding-top: 30px !important; }
    .newDesign .pd-x-t40 {
      padding-top: 40px !important; }
    .newDesign .pd-x-t50 {
      padding-top: 50px !important; }
    .newDesign .pd-x-b0 {
      padding-bottom: 0px !important; }
    .newDesign .pd-x-b15 {
      padding-bottom: 15px; }
    .newDesign .pd-x-r0 {
      padding-right: 0px; }
    .newDesign .pd-x-l15 {
      padding-left: 15px; }
    .newDesign .mg-x-b0 {
      margin-bottom: 0px; }
    .newDesign .mg-x-b5 {
      margin-bottom: 5px; }
    .newDesign .mg-x-b10 {
      margin-bottom: 10px; }
    .newDesign .mg-x-b20 {
      margin-bottom: 20px !important; }
    .newDesign .mg-x-b30 {
      margin-bottom: 30px !important; }
    .newDesign .mg-x-b40 {
      margin-bottom: 40px; }
    .newDesign .mg-x-b50 {
      margin-bottom: 50px; }
    .newDesign .mg-x-b60 {
      margin-bottom: 60px; }
    .newDesign .mg-x-b70 {
      margin-bottom: 70px; }
    .newDesign .mg-x-t0 {
      margin-bottom: 0px; }
    .newDesign .mg-x-t15 {
      margin-top: 15px; }
    .newDesign .mg-x-t10 {
      margin-top: 10px; }
    .newDesign .mg-x-t20 {
      margin-top: 20px !important; }
    .newDesign .mg-x-t30 {
      margin-top: 30px; }
    .newDesign .mg-x-t40 {
      margin-top: 40px; }
    .newDesign .mg-x-t50 {
      margin-top: 50px; }
    .newDesign .mg-x-t60 {
      margin-top: 60px; }
    .newDesign .mg-x-t70 {
      margin-top: 70px; }
    .newDesign .text-right.mob-tleft {
      text-align: left; }
    .newDesign .mob-text-center {
      text-align: center; }
    .newDesign h2 {
      font-size: 30px; }
    .newDesign h3 {
      font-size: 20px; }
    .newDesign h4 {
      font-size: 16px; }
    .newDesign h5 {
      font-size: 18px; }
    .newDesign h6 {
      font-size: 14px; } }
@media only screen and (max-width: 374px) {
  .newDesign .robot-capcha .g-recaptcha {
    width: 242px;
    float: none; }

  #rc-imageselect, .g-recaptcha {
    transform: scale(0.77);
    -webkit-transform: scale(0.77);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0; } }
/* New Header */
#headerCnter {
  padding: 0;
  position: absolute;
  width: 100%;
  z-index: 99; }
  #headerCnter.inner-header {
    background: url("../images/inner_header_bg.jpg") no-repeat top center;
    background-size: cover;
    position: inherit;
    position: relative;
    z-index: 99;
    padding: 0; }
  #headerCnter .navbar-default {
    background-color: transparent; }
    #headerCnter .navbar-default .navbar-header {
      width: 100%;
      position: relative; }
      #headerCnter .navbar-default .navbar-header .logo2 {
        width: 141px;
        margin-top: 5px; }
      #headerCnter .navbar-default .navbar-header .logo3 {
        margin-top: 15px;
        width: 161px; }
      #headerCnter .navbar-default .navbar-header .profile {
        padding-left: 7px; }
        #headerCnter .navbar-default .navbar-header .profile a.user {
          color: #fff;
          margin-left: 5px; }
          #headerCnter .navbar-default .navbar-header .profile a.user img {
            width: 40px;
            height: 40px;
            border: 1px solid #ffffff;
            margin-top: 8px; }
          #headerCnter .navbar-default .navbar-header .profile a.user span {
            font-family: "latoregular";
            color: #ffffff;
            padding-top: 19px;
            padding-right: 22px;
            position: relative; }
            #headerCnter .navbar-default .navbar-header .profile a.user span:before {
              content: '\f107';
              font-family: 'FontAwesome';
              color: #ffffff;
              position: absolute;
              top: 19px;
              right: 7px; }
        #headerCnter .navbar-default .navbar-header .profile .dropdown-menu {
          padding: 10px 0;
          min-width: 146px;
          margin-top: 11px;
          border-radius: 5px;
          -webkit-border-radius: 5px;
          background-color: #ffffff; }
          #headerCnter .navbar-default .navbar-header .profile .dropdown-menu:before {
            content: '\f0d8';
            font-size: 31px;
            font-family: 'FontAwesome';
            color: #ffffff;
            position: absolute;
            top: -27px;
            right: 7px; }
          #headerCnter .navbar-default .navbar-header .profile .dropdown-menu li a {
            padding: 6px 16px;
            color: #5e5e5e;
            font-size: 14px; }
            #headerCnter .navbar-default .navbar-header .profile .dropdown-menu li a i {
              font-size: 12px;
              padding-right: 5px; }
            #headerCnter .navbar-default .navbar-header .profile .dropdown-menu li a:hover {
              color: #ffffff;
              background-color: #17a7dc; }
      #headerCnter .navbar-default .navbar-header .navbar-nav {
        margin-top: 0; }
        #headerCnter .navbar-default .navbar-header .navbar-nav li {
          margin-left: 2px; }
          #headerCnter .navbar-default .navbar-header .navbar-nav li a {
            color: #ffffff;
            font-size: 14px;
            line-height: 30px;
            border: 1px solid transparent;
            padding-top: 35px;
            padding-bottom: 32px; }
          #headerCnter .navbar-default .navbar-header .navbar-nav li:hover a {
            border-color: #fff;
            background-color: transparent; }
          #headerCnter .navbar-default .navbar-header .navbar-nav li.active a {
            border-color: #fff;
            background-color: transparent; }
          #headerCnter .navbar-default .navbar-header .navbar-nav li.main-active a {
            text-decoration: underline;
            font-family: "latobold"; }
      #headerCnter .navbar-default .navbar-header .new-header-profile {
        padding-top: 22px;
        padding-bottom: 20px; }
      #headerCnter .navbar-default .navbar-header .newNavbarDesign li:last-child ul.new-menu {
        right: 0;
        left: auto; }
      #headerCnter .navbar-default .navbar-header .newNavbarDesign li a {
        text-align: center;
        min-width: 110px;
        border: none;
        display: inline-block;
        font-size: 14px;
        font-family: "latoregular";
        color: #ffffff; }
        #headerCnter .navbar-default .navbar-header .newNavbarDesign li a.active {
          color: #636363;
          background: #f2f2f2;
          text-decoration: underline; }
        #headerCnter .navbar-default .navbar-header .newNavbarDesign li a.active:hover {
          font-family: "latoregular";
          text-decoration: underline;
          color: #636363; }
        #headerCnter .navbar-default .navbar-header .newNavbarDesign li a:hover {
          color: #ffffff;
          text-decoration: underline;
          /*background: $secondary-color5;*/ }
        #headerCnter .navbar-default .navbar-header .newNavbarDesign li a:focus {
          color: #636363;
          text-decoration: underline;
          background: #f2f2f2; }
        #headerCnter .navbar-default .navbar-header .newNavbarDesign li a i {
          margin-left: 10px; }
        #headerCnter .navbar-default .navbar-header .newNavbarDesign li a.user {
          padding-top: 30px;
          padding-bottom: 22px; }
          #headerCnter .navbar-default .navbar-header .newNavbarDesign li a.user img {
            display: inline-block;
            height: 45px;
            width: 45px; }
      #headerCnter .navbar-default .navbar-header .newNavbarDesign li span {
        color: #666666;
        font-size: 14px;
        line-height: 14px;
        border: 1px solid transparent;
        padding-top: 5px;
        padding-bottom: 5px;
        display: inline-block; }
      #headerCnter .navbar-default .navbar-header .newNavbarDesign li ul.new-menu {
        left: 0px;
        background: #f2f2f2;
        border: none;
        padding: 10px 0 15px 0;
        box-shadow: none;
        -webkit-box-shadow: none;
        border-radius: 0;
        -webkit-border-radius: 0;
        min-width: 180px; }
        #headerCnter .navbar-default .navbar-header .newNavbarDesign li ul.new-menu li {
          padding: 5px 0; }
          #headerCnter .navbar-default .navbar-header .newNavbarDesign li ul.new-menu li a {
            padding: 0 10px;
            text-align: left;
            display: block;
            font-size: 14px;
            font-family: "latoregular";
            color: #636363;
            border-bottom: 1px solid #cccccc;
            text-decoration: none; }
      #headerCnter .navbar-default .navbar-header .new-home-link {
        float: right;
        margin-right: -15px; }
        #headerCnter .navbar-default .navbar-header .new-home-link .newNavbarDesign li a {
          min-width: auto; }

@media (max-width: 991px) {
  #headerCnter .navbar-header {
    float: none; }
  #headerCnter .navbar-left, #headerCnter .navbar-right {
    float: none !important; }
  #headerCnter .navbar-toggle {
    display: block; }
  #headerCnter .navbar-collapse {
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); }
  #headerCnter .navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px; }
  #headerCnter .navbar-collapse.collapse {
    display: none !important; }
  #headerCnter .navbar-nav {
    float: none !important;
    margin-top: 7.5px; }
  #headerCnter .navbar-nav > li {
    float: none; }
  #headerCnter .navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px; }
  #headerCnter .collapse.in {
    display: block !important; }
  #headerCnter .navbar-collapse.in {
    overflow-y: auto !important; }
  #headerCnter .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    box-shadow: none; }
  #headerCnter .navbar-nav .open .dropdown-menu > li > a, #headerCnter .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px; }
  #headerCnter .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #999; }
  #headerCnter .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
  #headerCnter .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #fff;
    background-color: transparent;
    background-image: none; }

  #headerCnter .navbar-default .navbar-header .new-header-profile {
    padding: 5px 0 5px 25px; }
    #headerCnter .navbar-default .navbar-header .new-header-profile a.user span {
      padding-top: 10px; }
      #headerCnter .navbar-default .navbar-header .new-header-profile a.user span:before {
        top: 10px; }
  #headerCnter .navbar-default .navbar-header .new-home-link.gotohome {
    margin-right: 0px; }
    #headerCnter .navbar-default .navbar-header .new-home-link.gotohome .newNavbarDesign {
      padding-bottom: 0px; }
      #headerCnter .navbar-default .navbar-header .new-home-link.gotohome .newNavbarDesign li a {
        border-bottom: none;
        padding: 17px 0px; } }
@media only screen and (max-width: 991px) {
  #headerCnter .navbar-default .navbar-header {
    width: auto; }
    #headerCnter .navbar-default .navbar-header .logo {
      margin: 5px 0;
      width: 130px; }
    #headerCnter .navbar-default .navbar-header .profile a.user img {
      margin-top: 3px; }
    #headerCnter .navbar-default .navbar-header .profile .dropdown-menu.with-btn {
      right: 54px; }
      #headerCnter .navbar-default .navbar-header .profile .dropdown-menu.with-btn.with-right {
        right: 0px; }
    #headerCnter .navbar-default .navbar-header .navbar-toggle {
      background-color: transparent;
      border-color: transparent;
      margin-right: 0; }
      #headerCnter .navbar-default .navbar-header .navbar-toggle .icon-bar {
        background-color: #ffffff;
        width: 30px;
        height: 3px; }
    #headerCnter .navbar-default .navbar-header .navbar-nav {
      margin: 0; }
      #headerCnter .navbar-default .navbar-header .navbar-nav li {
        margin-left: 0; }
        #headerCnter .navbar-default .navbar-header .navbar-nav li a {
          color: #333;
          padding: 10px 15px;
          line-height: 22px; }
        #headerCnter .navbar-default .navbar-header .navbar-nav li:hover a {
          border-color: #cccccc;
          color: #636363; }
        #headerCnter .navbar-default .navbar-header .navbar-nav li.active a {
          border-color: transparent; }
    #headerCnter .navbar-default .navbar-header .newNavbarDesign {
      background: #f2f2f2;
      padding-bottom: 20px; }
      #headerCnter .navbar-default .navbar-header .newNavbarDesign li {
        padding: 0px 15px;
        /*&:last-child {
        	a{
        		border: none;
        	}
        }*/ }
        #headerCnter .navbar-default .navbar-header .newNavbarDesign li a {
          display: block;
          font-size: 14px;
          font-family: "latoregular";
          color: #636363;
          padding: 10px 0;
          text-decoration: none;
          border-bottom: 1px solid #cccccc; }
          #headerCnter .navbar-default .navbar-header .newNavbarDesign li a:hover {
            color: #636363;
            text-decoration: underline; }
          #headerCnter .navbar-default .navbar-header .newNavbarDesign li a:focus {
            color: #636363;
            text-decoration: underline;
            background: #f2f2f2; }
          #headerCnter .navbar-default .navbar-header .newNavbarDesign li a i {
            float: right;
            margin-top: 10px; }
        #headerCnter .navbar-default .navbar-header .newNavbarDesign li ul.new-menu {
          padding: 0; }
          #headerCnter .navbar-default .navbar-header .newNavbarDesign li ul.new-menu li {
            padding: 0 0 0 10px; }
            #headerCnter .navbar-default .navbar-header .newNavbarDesign li ul.new-menu li a {
              padding: 10px 0; }
    #headerCnter .navbar-default .navbar-header .navbar-form, #headerCnter .navbar-default .navbar-header .navbar-collapse {
      position: absolute;
      top: 100%;
      margin-top: 0;
      border-color: transparent;
      width: 100%;
      background: rgba(255, 255, 255, 0.9);
      padding: 0;
      /*border: 1px solid rgba(1,123,196, 0.4);*/ } }
@media only screen and (max-width: 767px) {
  #headerCnter .navbar-default .navbar-header {
    width: 100%; }
    #headerCnter .navbar-default .navbar-header .navbar-collapse {
      position: absolute;
      top: 100%;
      left: 15px; }
    #headerCnter .navbar-default .navbar-header .profile {
      padding-top: 3px;
      padding-bottom: 10px; }
      #headerCnter .navbar-default .navbar-header .profile .dropdown-menu.with-btn {
        right: 0px; }
      #headerCnter .navbar-default .navbar-header .profile .dropdown-menu:before {
        right: 9px; }
    #headerCnter .navbar-default .navbar-header .dropdown-menu {
      margin-top: 0px !important; }
    #headerCnter .navbar-default .navbar-header .navbar-toggle {
      margin-right: -10px; }
    #headerCnter .navbar-default .navbar-header .logo {
      margin-left: 30px; } }
@media only screen and (max-width: 479px) {
  #headerCnter .navbar-default .navbar-header .profile {
    padding-bottom: 16px; }
  #headerCnter .navbar-default .navbar-header .new-home-link.gotohome {
    margin-right: 0px; }
    #headerCnter .navbar-default .navbar-header .new-home-link.gotohome .newNavbarDesign {
      padding-bottom: 6px; } }
@media only screen and (max-width: 374px) {
  #headerCnter .navbar-default .navbar-header {
    padding-left: 15px; }
    #headerCnter .navbar-default .navbar-header .logo {
      margin-left: 15px; }
    #headerCnter .navbar-default .navbar-header .new-home-link.gotohome {
      margin-right: 0px; }
      #headerCnter .navbar-default .navbar-header .new-home-link.gotohome .newNavbarDesign li {
        padding: 0 6px; } }
/* New banner */
.bannerarea {
  height: 480px;
  overflow: hidden;
  background: url("../images/banner_img1.jpg") no-repeat center top;
  background-size: cover; }
  .bannerarea.whyRegisterBanner {
    height: 456px;
    background: url(../images/banner_img2.jpg) no-repeat center top; }
    .bannerarea.whyRegisterBanner .carousel-inner .carousel-caption {
      top: 35%; }
      .bannerarea.whyRegisterBanner .carousel-inner .carousel-caption h3 {
        line-height: 35px; }
    .bannerarea.whyRegisterBanner .carousel-inner .item img {
      min-height: 456px; }
    .bannerarea.whyRegisterBanner .carousel-control {
      margin-top: 0 !important; }
  .bannerarea .carousel-inner .item .banner-image {
    width: 100%;
    height: 507px;
    background-size: cover !important; }
  .bannerarea .carousel-inner .carousel-caption {
    top: 27%;
    text-shadow: none; }
  .bannerarea .carousel-inner .control-carosal {
    position: absolute;
    top: 50%;
    width: 1170px;
    left: 50%;
    margin-left: -585px;
    margin-top: -20px;
    z-index: 99; }
    .bannerarea .carousel-inner .control-carosal .carousel-control {
      background: none;
      text-shadow: none;
      width: 20px; }
      .bannerarea .carousel-inner .control-carosal .carousel-control i {
        font-size: 45px;
        line-height: 45px;
        position: absolute;
        top: 50%;
        margin-top: -27px;
        opacity: 0.8; }
      .bannerarea .carousel-inner .control-carosal .carousel-control.left {
        left: 0; }
      .bannerarea .carousel-inner .control-carosal .carousel-control.right {
        left: auto;
        right: 20px; }

@media only screen and (max-width: 1199px) {
  .bannerarea .carousel-inner .control-carosal {
    width: 970px;
    margin-left: -485px; } }
@media only screen and (max-width: 991px) {
  .bannerarea.whyRegisterBanner .carousel-inner .carousel-caption {
    top: 126px; }
  .bannerarea .carousel-inner .control-carosal {
    width: 750px;
    margin-left: -375px; }
  .bannerarea .carousel-inner .carousel-control {
    /*display: none;*/ } }
@media only screen and (max-width: 767px) {
  .bannerarea {
    height: 300px; }
    .bannerarea.whyRegisterBanner {
      height: 300px; }
      .bannerarea.whyRegisterBanner .carousel-inner .carousel-caption h3 {
        font-size: 16px; }
      .bannerarea.whyRegisterBanner .carousel-inner .item .banner-image {
        height: 300px; }
    .bannerarea .carousel-inner .control-carosal {
      width: 100%;
      left: 0px;
      margin-left: 0px;
      margin-top: 0px; }
    .bannerarea .carousel-inner .item .banner-image {
      height: 300px; }
    .bannerarea .carousel-inner .item .carousel-caption {
      top: 67px; }
      .bannerarea .carousel-inner .item .carousel-caption h2 {
        font-size: 16px; } }
/* SearchMessage */
.searchmessagearea {
  border: 1px solid #cccccc;
  border-radius: 3px;
  -webkit-border-radius: 3px; }
  .searchmessagearea.white-all {
    border-color: #ffffff; }
    .searchmessagearea.white-all p {
      color: #ffffff; }
      .searchmessagearea.white-all p a {
        color: #ffffff; }
    .searchmessagearea.white-all .search p {
      color: #ffffff; }
      .searchmessagearea.white-all .search p i {
        color: #ffffff; }
  .searchmessagearea p {
    color: #999999;
    margin-bottom: 0; }
    .searchmessagearea p a {
      color: #999999; }
    .searchmessagearea p i {
      margin-right: 5px; }
  .searchmessagearea .search p {
    padding-left: 27px;
    color: #333333;
    position: relative; }
    .searchmessagearea .search p:before {
      font-family: 'FontAwesome';
      content: '\f002';
      font-size: 18px;
      line-height: 30px;
      color: #999999;
      position: absolute;
      left: 0;
      top: -6px; }

@media only screen and (max-width: 767px) {
  .searchmessagearea .search p {
    padding-left: 0px; }
    .searchmessagearea .search p:before {
      content: none; } }
/* Testimonial Area */
.testimonialarea {
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
  color: #ffffff; }
  .testimonialarea .item {
    min-height: 85px; }
  .testimonialarea .info {
    position: relative; }
    .testimonialarea .info .content {
      height: 140px;
      position: relative;
      padding: 0px 20px 10px 0;
      overflow: hidden;
      border-right: 1px solid #f2f2f2; }
    .testimonialarea .info:after {
      position: absolute;
      right: 0;
      top: 50%;
      height: 100%;
      content: "";
      background: url("../images/testimonial_arrow.png") no-repeat right top;
      width: 14px;
      margin-top: -38px;
      z-index: 9; }
    .testimonialarea .info p {
      line-height: 24px; }
  .testimonialarea .client {
    padding-top: 0;
    padding-left: 0; }
    .testimonialarea .client .image {
      width: 78px;
      height: 78px;
      border-radius: 50%;
      -webkit-border-radius: 50%;
      overflow: hidden;
      float: left;
      margin-right: 20px; }
    .testimonialarea .client .right {
      float: left;
      padding-top: 10px; }
      .testimonialarea .client .right h6 {
        font-family: "latoregular"; }
      .testimonialarea .client .right p {
        font-family: "latolight"; }

.pop-up {
  background-color: #f4f4f4;
  width: 30%;
  position: fixed;
  bottom: -100%;
  left: 1%;
  border-radius: 4px;
  border-left: 4px solid #17a7dc;
  -webkit-box-shadow: 3px -5px 5px -2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 3px -5px 5px -2px rgba(0, 0, 0, 0.1);
  box-shadow: 3px -5px 5px -2px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 4px;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  z-index: 999;
  display: block; }
  .pop-up .pup-top .text-01 .icon-01 {
    cursor: pointer;
    padding-right: 6px;
    color: #f00;
    font-size: 15px;
    font-weight: bold; }
  .pop-up .pop-up-cont .pop-img img {
    max-width: 100px;
    height: auto;
    padding: 10px;
    float: left; }
  .pop-up .pop-up-cont .pop-text {
    padding: 9px;
    padding-bottom: 3px;
    overflow: hidden; }
    .pop-up .pop-up-cont .pop-text p {
      color: #333;
      line-height: 16px; }
      .pop-up .pop-up-cont .pop-text p a {
        color: #1eaeed; }
        .pop-up .pop-up-cont .pop-text p a:hover {
          color: #ed193a; }
    .pop-up .pop-up-cont .pop-text span {
      font-size: 11px;
      color: #7d7d7d; }
  .pop-up.active {
    bottom: 45px; }

@media only screen and (max-width: 767px) {
  .testimonialarea .info {
    text-align: center;
    margin-bottom: 15px;
    border-bottom: 1px solid #fff; }
    .testimonialarea .info .content {
      padding: 10px 0 10px;
      border-right: none;
      height: 135px; }
    .testimonialarea .info:after {
      display: none; }
  .testimonialarea .client {
    padding-left: 0;
    background: none;
    width: auto;
    text-align: center; }
    .testimonialarea .client .image {
      float: none;
      margin: auto; }
    .testimonialarea .client .right {
      margin-top: 5px;
      float: none; }
      .testimonialarea .client .right h6 {
        margin-bottom: 5px; } }
@media (max-width: 1000px) {
  .pop-up {
    display: none; } }
/*@media (max-width: 640px)  {

     .pop-up {
		background-color: #efefef;
	    width: 98%;
	    position: fixed;
	    bottom: -100%;
	    left: 1%;
	    border-radius: 4px;
	    -webkit-border-radius:4px;
	    transition: all 0.3s;
	    -webkit-transition: all 0.3s;
	    z-index: 999;
    }
}*/
/* RecentCandidate Area */
.recentcandidatearea .profile-info {
  position: relative;
  background-color: #ffffff;
  border: 1px solid #ebebeb;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  padding: 17px 20px 15px; }
  .recentcandidatearea .profile-info .top-details {
    position: absolute;
    top: 10px;
    right: 5px; }
    .recentcandidatearea .profile-info .top-details ul {
      margin-bottom: 0; }
      .recentcandidatearea .profile-info .top-details ul li {
        position: relative; }
        .recentcandidatearea .profile-info .top-details ul li a {
          font-size: 11px;
          line-height: 20px;
          color: #585858;
          transition: all 0.4s;
          -webkit-transition: all 0.4s; }
          .recentcandidatearea .profile-info .top-details ul li a i {
            display: inline-block;
            margin-right: 3px;
            font-size: 13px; }
          .recentcandidatearea .profile-info .top-details ul li a.blue {
            color: #004a80; }
          .recentcandidatearea .profile-info .top-details ul li a:hover {
            color: #333333; }
    .recentcandidatearea .profile-info .top-details.top-details-new {
      display: none; }
    .recentcandidatearea .profile-info .top-details.top-details-old {
      display: block; }
  .recentcandidatearea .profile-info .left1 {
    width: 239px;
    float: left;
    position: relative; }
    .recentcandidatearea .profile-info .left1 .profile-detail {
      border-right: 1px solid #ebebeb;
      min-height: 105px; }
      .recentcandidatearea .profile-info .left1 .profile-detail h5 {
        font-family: "latoregular"; }
        .recentcandidatearea .profile-info .left1 .profile-detail h5 a {
          color: #525252;
          text-decoration: underline;
          vertical-align: middle; }
          .recentcandidatearea .profile-info .left1 .profile-detail h5 a:hover {
            text-decoration: none; }
      .recentcandidatearea .profile-info .left1 .profile-detail p {
        font-size: 13px;
        line-height: 24px;
        color: #7d7d7d;
        margin-bottom: 0; }
        .recentcandidatearea .profile-info .left1 .profile-detail p .icon-sp2 {
          float: left;
          margin-right: 10px;
          margin-top: 3px; }
        .recentcandidatearea .profile-info .left1 .profile-detail p span {
          font-family: "latolight"; }
  .recentcandidatearea .profile-info .right1 {
    width: 445px;
    float: left;
    overflow: hidden; }
    .recentcandidatearea .profile-info .right1 .right-col {
      width: 220px;
      float: left; }
      .recentcandidatearea .profile-info .right1 .right-col .rating-info {
        padding: 0 10px;
        overflow: hidden; }
        .recentcandidatearea .profile-info .right1 .right-col .rating-info .name {
          width: 130px;
          float: left; }
          .recentcandidatearea .profile-info .right1 .right-col .rating-info .name p {
            font-size: 13px;
            color: #7d7d7d;
            margin-bottom: 0; }
        .recentcandidatearea .profile-info .right1 .right-col .rating-info .rating-star {
          width: 70px;
          float: left; }
          .recentcandidatearea .profile-info .right1 .right-col .rating-info .rating-star ul {
            margin-left: 0;
            margin-bottom: 5px;
            float: right; }
            .recentcandidatearea .profile-info .right1 .right-col .rating-info .rating-star ul li {
              padding: 0;
              float: left;
              margin-left: 2px; }
              .recentcandidatearea .profile-info .right1 .right-col .rating-info .rating-star ul li i {
                font-size: 11px;
                color: #3498db; }
              .recentcandidatearea .profile-info .right1 .right-col .rating-info .rating-star ul li.none i {
                color: #c2c2c2; }
  .recentcandidatearea .profile-info .become-member.border-r {
    border-right: 1px solid #ebebeb; }
  .recentcandidatearea .profile-info .become-member .member {
    padding-right: 70px;
    position: relative; }
    .recentcandidatearea .profile-info .become-member .member h6 {
      font-family: "latoregular"; }
    .recentcandidatearea .profile-info .become-member .member p {
      font-size: 13px;
      line-height: 20px;
      color: #7d7d7d; }
    .recentcandidatearea .profile-info .become-member .member .arrow-next {
      position: absolute;
      top: 50%;
      right: 10px;
      margin-top: -10px;
      color: #7d7d7d; }
      .recentcandidatearea .profile-info .become-member .member .arrow-next i {
        font-size: 25px; }
      .recentcandidatearea .profile-info .become-member .member .arrow-next:hover {
        text-decoration: none;
        color: #000000; }

.messagecandidate .modal-header {
  background-color: #17a7dc;
  color: #ffffff;
  border: none; }
  .messagecandidate .modal-header .close {
    color: #ffffff;
    opacity: 1; }
.messagecandidate .modal-body.bootmessage {
  margin: 30px 0 20px; }
  .messagecandidate .modal-body.bootmessage img {
    width: 40px;
    height: 40px; }
  .messagecandidate .modal-body.bootmessage p {
    font-size: 15px;
    color: #666666;
    font-family: "latoregular";
    padding: 0 20px; }
    .messagecandidate .modal-body.bootmessage p.messagesend {
      font-size: 18px;
      color: #000000;
      font-family: "latobold"; }
      .messagecandidate .modal-body.bootmessage p.messagesend a {
        color: #17a7dc; }
    .messagecandidate .modal-body.bootmessage p a {
      color: #17a7dc; }
  .messagecandidate .modal-body.bootmessage .notifiyboost {
    margin: 50px 0 0;
    background: #fbfbfb;
    padding: 20px;
    border: 1px solid #dbdbdb; }
    .messagecandidate .modal-body.bootmessage .notifiyboost p {
      font-size: 18px;
      color: #000000;
      font-family: "latoitalic";
      padding: 0; }
      .messagecandidate .modal-body.bootmessage .notifiyboost p strong {
        font-family: "latobold_italic";
        text-transform: uppercase;
        color: #000000; }
    .messagecandidate .modal-body.bootmessage .notifiyboost .btn {
      margin: 30px auto 0;
      color: #ffffff;
      display: block;
      border-radius: 0; }
.messagecandidate .modal-body .selectdropdown .form-control {
  height: auto; }
  .messagecandidate .modal-body .selectdropdown .form-control .selectname {
    color: #999999;
    font-family: "latoregular"; }
  .messagecandidate .modal-body .selectdropdown .form-control.btn[disabled] {
    background-color: #eeeeee;
    opacity: 1; }
.messagecandidate .modal-body .switchbutton {
  display: inline-block;
  position: absolute;
  right: 8px;
  top: 6px;
  z-index: 9; }
  .messagecandidate .modal-body .switchbutton a {
    font-size: 15px;
    font-family: "latobold";
    color: #17a7dc; }
    .messagecandidate .modal-body .switchbutton a:hover {
      text-decoration: none;
      color: #337ab7; }
  .messagecandidate .modal-body .switchbutton.secondswitchbutton {
    top: 0px;
    right: 20px; }
.messagecandidate .modal-body .successfulljobbrief {
  text-align: center;
  margin: 20px 0; }
.messagecandidate .modal-body .boostrole {
  margin: 30px 0; }
  .messagecandidate .modal-body .boostrole img {
    width: 100px;
    height: 100px; }
  .messagecandidate .modal-body .boostrole p {
    font-size: 18px;
    margin: 15px 0; }
.messagecandidate .modal-body .messagesend {
  font-size: 18px;
  margin: 10px 0; }
  .messagecandidate .modal-body .messagesend strong {
    font-size: 17px !important;
    color: #000000;
    font-family: "latobold"; }
.messagecandidate .modal-body .notetext {
  font-family: "latoitalic";
  color: #17a7dc; }
  .messagecandidate .modal-body .notetext span {
    font-family: "latobold_italic"; }
.messagecandidate .modal-body h2 {
  font-family: "latobold";
  font-size: 17px;
  margin: 5px 0; }
.messagecandidate .modal-body h4 {
  font-family: "latobold";
  font-size: 15px; }
.messagecandidate .modal-body .asterisk:after {
  content: "*";
  color: red;
  font-size: 16px; }
.messagecandidate .modal-body textarea.form-control {
  height: 180px;
  border-radius: 0;
  box-shadow: none; }
  .messagecandidate .modal-body textarea.form-control:hover, .messagecandidate .modal-body textarea.form-control:active, .messagecandidate .modal-body textarea.form-control:focus {
    outline: none;
    border-color: #cccccc;
    box-shadow: none; }
  .messagecandidate .modal-body textarea.form-control.text-area53 {
    height: 53px; }
.messagecandidate .modal-body .text-area.form-control {
  height: 185px; }
.messagecandidate .modal-body .form-group {
  position: relative; }
  .messagecandidate .modal-body .form-group .form-control {
    border-radius: 0;
    box-shadow: none; }
    .messagecandidate .modal-body .form-group .form-control:focus, .messagecandidate .modal-body .form-group .form-control:hover, .messagecandidate .modal-body .form-group .form-control:active {
      outline: none;
      border-color: #cccccc;
      box-shadow: none; }
  .messagecandidate .modal-body .form-group .asterisk:after {
    content: "*";
    color: red;
    font-size: 16px; }
  .messagecandidate .modal-body .form-group .editlink {
    position: absolute;
    right: 0;
    top: 0;
    font-family: "latobold"; }
.messagecandidate .modal-body p {
  font-size: 16px; }
  .messagecandidate .modal-body p strong {
    font-size: 15px !important;
    color: #17a7dc; }
  .messagecandidate .modal-body p.messagebelow strong {
    color: #000000; }
.messagecandidate .modal-body .alert.custalertinfo {
  font-size: 14px;
  font-weight: 600;
  color: #333; }
  .messagecandidate .modal-body .alert.custalertinfo a:hover {
    color: #3366cc;
    text-decoration: underline; }
.messagecandidate .modal-body .jobbrief {
  margin: 20px 0;
  padding: 0; }
  .messagecandidate .modal-body .jobbrief li {
    display: block;
    margin-bottom: 10px; }
.messagecandidate .modal-body .existingjobbrief {
  padding: 10px 16px; }
  .messagecandidate .modal-body .existingjobbrief .form-group {
    position: relative;
    width: 100%;
    margin: 0; }
    .messagecandidate .modal-body .existingjobbrief .form-group .input-group .form-control {
      height: 36px;
      box-shadow: none;
      border-radius: 0;
      font-size: 16px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
      .messagecandidate .modal-body .existingjobbrief .form-group .input-group .form-control:focus {
        outline: none;
        border-color: #cccccc; }
      .messagecandidate .modal-body .existingjobbrief .form-group .input-group .form-control.disabledinput[disabled] {
        cursor: pointer;
        background: transparent; }
    .messagecandidate .modal-body .existingjobbrief .form-group .input-group .input-group-btn .btn {
      font-size: 24px;
      padding: 5px 11px;
      border-radius: 0; }
      .messagecandidate .modal-body .existingjobbrief .form-group .input-group .input-group-btn .btn:focus, .messagecandidate .modal-body .existingjobbrief .form-group .input-group .input-group-btn .btn:hover, .messagecandidate .modal-body .existingjobbrief .form-group .input-group .input-group-btn .btn:active {
        outline: none;
        border-color: #cccccc;
        background: transparent; }
    .messagecandidate .modal-body .existingjobbrief .form-group .input-group .input-group-btn .btn[aria-expanded="false"] .fa-angle-down {
      display: block; }
    .messagecandidate .modal-body .existingjobbrief .form-group .input-group .input-group-btn .btn[aria-expanded="false"] .fa-angle-up {
      display: none; }
    .messagecandidate .modal-body .existingjobbrief .form-group .input-group .input-group-btn .btn[aria-expanded="true"] .fa-angle-up {
      display: block; }
    .messagecandidate .modal-body .existingjobbrief .form-group .input-group .input-group-btn .btn[aria-expanded="true"] .fa-angle-down {
      display: none; }
    .messagecandidate .modal-body .existingjobbrief .form-group .selectJobBrief {
      padding: 12px;
      border: 1px solid #ccc;
      position: absolute;
      width: 100%;
      background: #fff;
      z-index: 9;
      top: 37px; }
      .messagecandidate .modal-body .existingjobbrief .form-group .selectJobBrief.CustomScrollbar {
        max-height: 274px !important; }
      .messagecandidate .modal-body .existingjobbrief .form-group .selectJobBrief li h2 {
        font-size: 15px;
        margin-bottom: 10px; }
      .messagecandidate .modal-body .existingjobbrief .form-group .selectJobBrief li ul {
        padding: 0 15px; }
        .messagecandidate .modal-body .existingjobbrief .form-group .selectJobBrief li ul li {
          border-bottom: 1px solid #ddd;
          margin: 0; }
          .messagecandidate .modal-body .existingjobbrief .form-group .selectJobBrief li ul li a {
            padding: 7px 13px 7px 6px;
            font-size: 15px;
            display: block;
            color: #333; }
          .messagecandidate .modal-body .existingjobbrief .form-group .selectJobBrief li ul li:last-child {
            border-bottom: 0; }
          .messagecandidate .modal-body .existingjobbrief .form-group .selectJobBrief li ul li:hover {
            background: #efefef; }
      .messagecandidate .modal-body .existingjobbrief .form-group .selectJobBrief .mCSB_inside > .mCSB_container {
        margin-right: 0;
        min-height: 0; }
.messagecandidate .modal-body .Createnewjobbrief {
  padding: 10px 30px; }
  .messagecandidate .modal-body .Createnewjobbrief p {
    font-size: 15px;
    font-family: "latoitalic";
    color: #17a7dc; }
  .messagecandidate .modal-body .Createnewjobbrief .form-group {
    width: 100%;
    position: relative; }
    .messagecandidate .modal-body .Createnewjobbrief .form-group label {
      font-size: 15px; }
    .messagecandidate .modal-body .Createnewjobbrief .form-group .form-control {
      border-radius: 0;
      box-shadow: none;
      font-size: 15px; }
      .messagecandidate .modal-body .Createnewjobbrief .form-group .form-control:focus, .messagecandidate .modal-body .Createnewjobbrief .form-group .form-control:hover, .messagecandidate .modal-body .Createnewjobbrief .form-group .form-control:active {
        outline: none;
        border-color: #cccccc; }
  .messagecandidate .modal-body .Createnewjobbrief .customdrop {
    padding: 0;
    z-index: 9;
    overflow: auto;
    max-height: 148px !important; }
    .messagecandidate .modal-body .Createnewjobbrief .customdrop li {
      border-bottom: 1px solid #cccccc;
      margin: 0; }
      .messagecandidate .modal-body .Createnewjobbrief .customdrop li a {
        padding: 7px 13px;
        font-size: 16px;
        display: block;
        color: #333; }
        .messagecandidate .modal-body .Createnewjobbrief .customdrop li a strong {
          font-size: 16px !important; }
        .messagecandidate .modal-body .Createnewjobbrief .customdrop li a:hover {
          background: transparent !important; }
      .messagecandidate .modal-body .Createnewjobbrief .customdrop li:last-child {
        border-bottom: 0; }
      .messagecandidate .modal-body .Createnewjobbrief .customdrop li:hover {
        background: #efefef; }
  .messagecandidate .modal-body .Createnewjobbrief .selectdropdown .dropdown-menu.CustomScrollbar {
    overflow: auto; }

.rating-text p {
  font-size: 12px;
  color: #7d7d7d;
  float: left;
  margin: 0 0 7px 11px; }

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

.Candidate-model .Candidate-model-body .alert {
  background-color: transparent; }
.Candidate-model .Candidate-model-body .candidate-name {
  color: #7d7d7d; }
.Candidate-model .Candidate-model-body .inside {
  width: 100%; }
  .Candidate-model .Candidate-model-body .inside .form-control {
    border-radius: 4px; }
.Candidate-model .Candidate-model-body .text-mark {
  font-size: 14px;
  margin-bottom: 20px;
  color: #7d7d7d; }
  .Candidate-model .Candidate-model-body .text-mark a {
    color: #1eaeed;
    font-style: italic;
    font-size: 14px; }
    .Candidate-model .Candidate-model-body .text-mark a:hover {
      color: #1eaeed;
      text-decoration: underline; }
.Candidate-model .Candidate-model-body .candidate-checkbox {
  margin-bottom: 10px;
  /*[type="checkbox"]{
      &:not(:checked),
      &:checked {
          display: none;
          position: relative;
          + label{
              position: relative;
              padding-left: 25px;
              cursor: pointer;
              font-size: 13px;
              color: #7d7d7d;
              &:before{
                  content: '';
                  position: absolute;
                  left:0; 
                  top: 0;
                  width: 16px; 
                  height: 16px;
                  border: 1px solid #7d7d7d;
                  background: #fff;
                  border-radius: 0px;
              }
              &:after{
                  content: "\f00c";
                  font-family: FontAwesome;
                  font-style: normal;
                  font-weight: normal;
                  text-decoration: inherit;
                  position: absolute;
                  top: 0px; 
                  left: 3px;
                  font-size: 12px;
                  color: #7d7d7d;
                  transition: all .2s;
              }
          }
      }
      &:not(:checked) {
          + label {
              &:after {
                  opacity: 0;
                  transform: scale(0);
              }   
          }
      }
      &:checked {
          + label {
              &:after {
                  opacity: 1;
                  transform: scale(1);
              }
          }
      }    
  }*/ }
  .Candidate-model .Candidate-model-body .candidate-checkbox p {
    color: #7d7d7d;
    font-size: 15px; }
  .Candidate-model .Candidate-model-body .candidate-checkbox .radio-button {
    position: relative;
    display: inline-block; }
    .Candidate-model .Candidate-model-body .candidate-checkbox .radio-button input[type="radio"] {
      position: absolute;
      opacity: 0;
      -moz-opacity: 0;
      -webkit-opacity: 0;
      -o-opacity: 0; }
      .Candidate-model .Candidate-model-body .candidate-checkbox .radio-button input[type="radio"] + label {
        padding: 0 0 0 25px;
        font-size: 15px;
        margin: 0 0 10px 0;
        cursor: pointer;
        color: #7d7d7d; }
        .Candidate-model .Candidate-model-body .candidate-checkbox .radio-button input[type="radio"] + label:before {
          content: "";
          display: block;
          position: absolute;
          top: 2px;
          left: 0;
          height: 18px;
          width: 18px;
          background: white;
          border: 2px solid #e5e5e5;
          border-radius: 50%; }
      .Candidate-model .Candidate-model-body .candidate-checkbox .radio-button input[type="radio"]:checked + label:before {
        background: #17a7dc; }
.Candidate-model .Candidate-model-body .candidate-message {
  margin-bottom: 0px; }
  .Candidate-model .Candidate-model-body .candidate-message label {
    font-size: 13px;
    color: #7d7d7d; }
  .Candidate-model .Candidate-model-body .candidate-message .form-control {
    border-radius: 0px;
    box-shadow: none !important;
    -webkit-box-shadow: none !important; }
    .Candidate-model .Candidate-model-body .candidate-message .form-control:focus {
      border-color: #ccc;
      box-shadow: none !important;
      -webkit-box-shadow: none !important;
      outline: 0; }
.Candidate-model .modal-footer {
  padding: 15px;
  text-align: initial; }
  .Candidate-model .modal-footer .btn-default {
    color: #fff;
    background-color: #0072bb;
    border-color: #0072bb; }
    .Candidate-model .modal-footer .btn-default:hover {
      color: #fff;
      background-color: #0072bb;
      border-color: #0072bb; }
.Candidate-model .modal-header {
  padding: 16px;
  background-color: #17a7dc;
  height: 50px; }
  .Candidate-model .modal-header .close {
    text-shadow: none;
    font-size: 24px;
    color: #fff;
    opacity: 1;
    margin-top: -2px; }
    .Candidate-model .modal-header .close:focus {
      outline: none;
      border: none; }
  .Candidate-model .modal-header .modal-title {
    color: #fff;
    font-size: 16px; }

.unique-message {
  position: relative;
  /*padding-right: 80px;	*/ }
  .unique-message p {
    margin: 5px 0px; }
  .unique-message label {
    font-size: 16px;
    display: inline-block; }
  .unique-message .btn-group {
    /*position: absolute;
    right: 0px;
    top: 0px;*/
    min-width: 90px; }
    .unique-message .btn-group.btn-group-new .btn {
      font-size: 15px;
      width: 50%; }
      .unique-message .btn-group.btn-group-new .btn.btn-primary {
        border-color: #17a7dc;
        background-color: #17a7dc; }
  .unique-message .new-custom-dropdown {
    width: 200px; }

.key-selling-point {
  position: relative;
  padding-left: 25px; }
  .key-selling-point span {
    position: absolute;
    left: 0px;
    top: 5px;
    font-size: 16px; }
  .key-selling-point.form-group {
    margin-bottom: 20px; }

@media only screen and (max-width: 1199px) {
  .recentcandidatearea h3 {
    margin-bottom: 0px; }
  .recentcandidatearea .profile-info .left1 {
    width: 279px; }
  .recentcandidatearea .profile-info .right1 {
    width: 498px; }
    .recentcandidatearea .profile-info .right1 .right-col {
      width: 247px; } }
@media only screen and (max-width: 991px) {
  .recentcandidatearea .profile-info {
    padding: 15px; }
    .recentcandidatearea .profile-info .left1 {
      width: 193px; }
      .recentcandidatearea .profile-info .left1 .profile-detail h5 {
        font-size: 17px; }
      .recentcandidatearea .profile-info .left1 .profile-detail p {
        font-size: 11px;
        line-height: 20px; }
        .recentcandidatearea .profile-info .left1 .profile-detail p .icon-sp2 {
          margin-right: 5px; }
    .recentcandidatearea .profile-info .right1 {
      width: 373px; }
      .recentcandidatearea .profile-info .right1 .right-col {
        width: 50%; }
        .recentcandidatearea .profile-info .right1 .right-col .rating-info .rating-star {
          width: 70px;
          float: right; }
        .recentcandidatearea .profile-info .right1 .right-col .rating-info .name {
          width: 96px; }
          .recentcandidatearea .profile-info .right1 .right-col .rating-info .name p {
            font-size: 11px;
            line-height: 22px; }

  .rating-text p {
    font-size: 11px;
    color: #7d7d7d;
    float: right;
    padding-left: 0px;
    margin: 5px 43px 5px 0px; } }
@media only screen and (max-width: 767px) {
  .unique-message {
    padding-right: 0px; }
    .unique-message .custom-select-dropdown {
      width: 100%;
      margin: 15px 0 5px; }

  .recentcandidatearea .profile-info {
    position: relative; }
    .recentcandidatearea .profile-info .top-details {
      width: 220px;
      right: -25px;
      overflow: visible;
      margin-bottom: 5px; }
      .recentcandidatearea .profile-info .top-details ul li a {
        font-size: 14px;
        line-height: 30px; }
        .recentcandidatearea .profile-info .top-details ul li a i {
          margin-right: 8px;
          font-size: 17px; }
    .recentcandidatearea .profile-info .left1 {
      width: 67%; }
      .recentcandidatearea .profile-info .left1 .profile-detail {
        width: auto;
        border-right: none; }
        .recentcandidatearea .profile-info .left1 .profile-detail h5 {
          font-size: 20px; }
          .recentcandidatearea .profile-info .left1 .profile-detail h5.mg-t10 {
            margin-top: 5px; }
        .recentcandidatearea .profile-info .left1 .profile-detail p {
          font-size: 13px;
          line-height: 24px; }
    .recentcandidatearea .profile-info .right1 {
      width: 100%; }
      .recentcandidatearea .profile-info .right1 .right-col {
        border-left: 1px solid #f3f3f3; }
        .recentcandidatearea .profile-info .right1 .right-col:first-child {
          border-left: none; }
        .recentcandidatearea .profile-info .right1 .right-col .rating-info .name {
          width: auto; }
          .recentcandidatearea .profile-info .right1 .right-col .rating-info .name p {
            font-size: 14px;
            line-height: 24px; }
    .recentcandidatearea .profile-info .become-member {
      text-align: center; }
      .recentcandidatearea .profile-info .become-member.border-r {
        border-right: none;
        border-bottom: 1px solid #ebebeb;
        margin-bottom: 15px; }
      .recentcandidatearea .profile-info .become-member img {
        margin: auto;
        margin-bottom: 10px; }
      .recentcandidatearea .profile-info .become-member .member {
        padding-right: 0; }
        .recentcandidatearea .profile-info .become-member .member h6 {
          font-size: 22px; }
        .recentcandidatearea .profile-info .become-member .member p {
          font-size: 18px;
          line-height: 28px; }
        .recentcandidatearea .profile-info .become-member .member .arrow-next {
          margin-top: 5px;
          position: static;
          display: inline-block; }
          .recentcandidatearea .profile-info .become-member .member .arrow-next i {
            font-size: 35px; }

  .recentcandidatearea .top-details .Candidate-model .modal-content {
    margin-top: 20px; } }
@media only screen and (max-width: 549px) {
  .recentcandidatearea .profile-info .right1 .right-col {
    width: 100%; }
    .recentcandidatearea .profile-info .right1 .right-col .rating-info {
      padding: 0; }
  .recentcandidatearea .profile-info .right1.right-width {
    margin: 0 -8px; }
    .recentcandidatearea .profile-info .right1.right-width .right-col {
      width: 50%;
      padding: 0 8px; }
  .recentcandidatearea .profile-info .top-details {
    position: static;
    width: 100%;
    overflow: hidden; }
    .recentcandidatearea .profile-info .top-details ul {
      margin-bottom: 10px; }
    .recentcandidatearea .profile-info .top-details.top-details-old {
      display: none; }
    .recentcandidatearea .profile-info .top-details.top-details-new {
      display: block; } }
@media only screen and (max-width: 767px) {
  .recentcandidatearea .profile-info .top-details .newCalenderDeign {
    left: -57px;
    right: 0;
    min-width: 240px; }

  .paddingnone {
    padding: 0; }

  .messagecandidate .modal-body .existingjobbrief {
    padding: 10px; }
  .messagecandidate .modal-body .Createnewjobbrief {
    padding: 10px; }
  .messagecandidate .modal-body.bootmessage {
    margin: 15px; }
    .messagecandidate .modal-body.bootmessage p {
      padding: 0; }
      .messagecandidate .modal-body.bootmessage p.messagesend {
        font-size: 15px; }
    .messagecandidate .modal-body.bootmessage .notifiyboost {
      margin: 0;
      padding: 10px; }
      .messagecandidate .modal-body.bootmessage .notifiyboost p {
        font-size: 14px;
        padding: 0; }
      .messagecandidate .modal-body.bootmessage .notifiyboost .btn {
        margin: 18px auto 0; }
        .messagecandidate .modal-body.bootmessage .notifiyboost .btn.btn-lg {
          font-size: 15px; }
        .messagecandidate .modal-body.bootmessage .notifiyboost .btn.long-btn50 {
          padding-left: 25px;
          padding-right: 25px; } }
@media only screen and (max-width: 550px) {
  .recentcandidatearea .profile-info .top-details ul {
    float: left !important; }
    .recentcandidatearea .profile-info .top-details ul li {
      display: block; }
  .recentcandidatearea .profile-info .top-details .newCalenderDeign {
    left: 0;
    right: 0;
    min-width: 240px; }

  .unique-message .new-custom-dropdown {
    width: 100%; } }
@media only screen and (max-width: 375px) {
  .messagecandidate .modal-body .traditionaljobdescription label {
    display: block; }
  .messagecandidate .modal-body .traditionaljobdescription a {
    display: block;
    margin-bottom: 10px; }

  .recentcandidatearea .profile-info .right1.right-width .right-col {
    width: 100%; } }
/* LatestJobArea */
.latestjobarea h6 {
  font-family: "latoregular"; }
  .latestjobarea h6 a {
    color: #525252;
    text-decoration: underline; }
    .latestjobarea h6 a:hover {
      text-decoration: none; }
.latestjobarea p {
  font-family: "latolight";
  margin: 5px 0 10px; }
.latestjobarea ul {
  padding-left: 13px;
  margin-bottom: 13px;
  text-indent: 4px; }
  .latestjobarea ul li {
    font-size: 12px;
    margin-bottom: 5px;
    color: #525252; }
.latestjobarea .text {
  box-shadow: 0 0 0 1px #e1e1e1;
  background-color: #ffffff; }
  .latestjobarea .text p {
    font-size: 13px;
    line-height: 20px; }
  .latestjobarea .text hr {
    border-bottom: none;
    margin-bottom: 10px; }
  .latestjobarea .text h6 .icon-sp2 {
    float: left;
    position: relative;
    top: -5px;
    margin-right: 3px; }
  .latestjobarea .text .seo-h4 .icon-sp2 {
    float: left;
    position: relative;
    top: -5px;
    margin-right: 3px; }
  .latestjobarea .text .btn-primary {
    font-size: 12px;
    min-width: 110px;
    line-height: 16px;
    height: 30px;
    margin: 7px 0 10px;
    display: inline-block;
    background: #1eaeed;
    border-color: #1eaeed; }
.latestjobarea .view-all-jobs2 {
  display: none; }

@media only screen and (max-width: 1199px) {
  .latestjobarea h6 {
    font-size: 19px; }
  .latestjobarea p {
    font-size: 16px; }
  .latestjobarea ul li {
    font-size: 14px;
    line-height: 25px; }
  .latestjobarea h3 {
    margin-top: 20px; }
  .latestjobarea .text h6 {
    font-size: 16px; }
  .latestjobarea .text p {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 20px; }
  .latestjobarea .text .btn-primary {
    font-size: 16px;
    width: 130px; } }
@media only screen and (max-width: 991px) {
  .latestjobarea h3 {
    font-size: 20px; }
  .latestjobarea .text h6 .icon-sp2 {
    margin-right: 0; }
  .latestjobarea .text.pd-all20 {
    padding: 15px; } }
@media only screen and (max-width: 767px) {
  .latestjobarea h3 {
    margin: 10px 0; }
  .latestjobarea .text {
    text-align: center; }
    .latestjobarea .text h6 .icon-sp2 {
      float: none;
      top: 3px; }
  .latestjobarea .view-all-jobs1 {
    display: none; }
  .latestjobarea .view-all-jobs2 {
    display: block;
    margin-top: 10px;
    margin-bottom: 20px; }
  .latestjobarea .latest-job-slider {
    padding-bottom: 55px; }
    .latestjobarea .latest-job-slider.new-candidate-view .item h6 {
      font-size: 20px;
      margin-bottom: 0px; }
    .latestjobarea .latest-job-slider.new-candidate-view .item p {
      font-size: 16px; }
    .latestjobarea .latest-job-slider .carousel {
      position: static; }
      .latestjobarea .latest-job-slider .carousel .carousel-indicators li {
        background-color: #c2c2c2;
        width: 15px;
        height: 15px;
        margin: 0 1px; }
        .latestjobarea .latest-job-slider .carousel .carousel-indicators li.active {
          background-color: #858585; }
    .latestjobarea .latest-job-slider .item h6 {
      margin-bottom: 10px;
      font-size: 24px; }
    .latestjobarea .latest-job-slider .item p {
      font-size: 20px; }
    .latestjobarea .latest-job-slider .item ul {
      list-style-type: none;
      text-indent: 0; }
      .latestjobarea .latest-job-slider .item ul li {
        font-size: 16px; } }
/* Search Activity Area */
.overflow-hidden {
  overflow: hidden; }

.SearchActivityArea {
  display: none; }
  .SearchActivityArea.newsearch-results {
    display: block; }
    .SearchActivityArea.newsearch-results .main-over-search .search-tree-new .searchtreebox .new-minheight {
      min-height: 200px; }
  .SearchActivityArea.home-search.new-jobs .main-over-search {
    left: 0; }
  .SearchActivityArea.home-search .main-over-search {
    position: absolute;
    top: 100%;
    width: 1140px;
    left: 15px;
    display: none; }
  .SearchActivityArea.home-search .search-overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.38);
    display: none;
    z-index: 9999; }
  .SearchActivityArea.home-search .content {
    border-radius: 0;
    -webkit-border-radius: 0;
    box-shadow: none; }
    .SearchActivityArea.home-search .content .col1 {
      border-top: none;
      border-bottom: 4px solid #7da7d9;
      background-color: #ffffff;
      position: static;
      /*.job-location-skill {
      	padding: 0px 15px;
      	margin: 15px -15px 0px;
      }*/ }
      .SearchActivityArea.home-search .content .col1.top-arrow.active .skill-one:before {
        left: 50%;
        margin-left: -12px; }
      .SearchActivityArea.home-search .content .col1 .skill-one {
        padding: 15px;
        margin: 0 -15px;
        background-color: #ffffff;
        position: relative; }
        .SearchActivityArea.home-search .content .col1 .skill-one h6 {
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          max-width: 149px;
          padding-right: 10px; }
      .SearchActivityArea.home-search .content .col1 .location-skill-one {
        height: 89px; }
      .SearchActivityArea.home-search .content .col1.active .skill-one {
        z-index: 99999; }
        .SearchActivityArea.home-search .content .col1.active .skill-one:before {
          width: 0;
          height: 0;
          content: '';
          position: absolute;
          bottom: -37px;
          border-left: 13px solid transparent;
          border-right: 13px solid transparent;
          border-bottom: 17px solid #ffffff;
          z-index: 9999; }
      .SearchActivityArea.home-search .content .col1.active .main-over-search {
        display: block; }
        .SearchActivityArea.home-search .content .col1.active .main-over-search .search-overlay {
          display: block; }
        .SearchActivityArea.home-search .content .col1.active .main-over-search .search-tree-new {
          z-index: 999999; }
      .SearchActivityArea.home-search .content .col1 .stepdone {
        position: absolute;
        right: 20px;
        top: 50%;
        margin-top: -13px;
        font-size: 26px;
        color: #17a7dc; }
    .SearchActivityArea.home-search .content .col2 {
      border-bottom-color: #7accc8; }
    .SearchActivityArea.home-search .content .col3 {
      border-bottom-color: #f26d7d; }
    .SearchActivityArea.home-search .content .col4 {
      border-bottom-color: #00bff3; }
    .SearchActivityArea.home-search .content p {
      font-family: "latoblack_italic"; }
      .SearchActivityArea.home-search .content p cite {
        font-family: "latoblack_italic";
        /*&.job-location-view {
        	font-size: 12px;
        	overflow: hidden;
        	white-space: nowrap;
        	text-overflow: ellipsis;
        	max-width: 100%;
        	display: inline-block;
        	vertical-align: middle;
        	padding-right: 2px; 
        }*/ }
        .SearchActivityArea.home-search .content p cite.red {
          color: #f26d7d; }
        .SearchActivityArea.home-search .content p cite.location-view {
          font-size: 12px;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
          max-width: 100%;
          display: inline-block;
          vertical-align: middle;
          padding-right: 2px; }
      .SearchActivityArea.home-search .content p span {
        font-size: 12px; }
      .SearchActivityArea.home-search .content p a {
        font-family: "latoitalic";
        color: #17a7dc; }
    .SearchActivityArea.home-search .content .show-01 {
      display: none;
      transition: all .4s;
      -webkit-transition: all .4s; }
    .SearchActivityArea.home-search .content .over-scroll-01 {
      width: 12.5%;
      transition: all .4s;
      -webkit-transition: all .4s;
      white-space: nowrap; }
    .SearchActivityArea.home-search .content .over-scroll {
      transition: all .4s;
      -webkit-transition: all .4s; }
  .SearchActivityArea.home-search .searchtreebox .layer2 {
    background-color: #ffffff;
    border: 1px solid #ececec; }
  .SearchActivityArea.home-search .searchtreebox .new-footer-info .savesearch .checkbox {
    margin: 0 0 0 5px;
    width: auto;
    height: auto;
    float: right;
    background: none; }
    .SearchActivityArea.home-search .searchtreebox .new-footer-info .savesearch .checkbox label {
      padding-left: 7px; }
    .SearchActivityArea.home-search .searchtreebox .new-footer-info .savesearch .checkbox .checkbox {
      margin: 0px 0px 0px 0;
      width: 24px;
      height: 24px;
      display: block;
      float: left;
      cursor: pointer;
      background: url("../images/new-radio.png") no-repeat; }
  .SearchActivityArea.home-search .searchtreebox .new-footer-info span.info {
    font-family: "latoitalic";
    color: #7da7d9;
    font-size: 16px;
    display: inline-block;
    margin-right: 20px; }
    .SearchActivityArea.home-search .searchtreebox .new-footer-info span.info a {
      color: #7da7d9; }
  .SearchActivityArea.home-search .searchtreebox .new-footer-info .btn-default {
    background-color: #f1f3f4;
    color: #5d5d5d;
    border-color: #ececec; }
  .SearchActivityArea.home-search .searchtreebox .new-search-filter .form-group {
    position: relative;
    padding-right: 218px; }
    .SearchActivityArea.home-search .searchtreebox .new-search-filter .form-group.filter-location .form-control {
      padding-left: 30px; }
    .SearchActivityArea.home-search .searchtreebox .new-search-filter .form-group.filter-location:before {
      content: '\f041';
      font-family: 'FontAwesome';
      font-size: 18px;
      color: #17a7dc;
      position: absolute;
      left: 13px;
      top: 13px; }
    .SearchActivityArea.home-search .searchtreebox .new-search-filter .form-group.filter-location .dropdown ul li a {
      cursor: pointer; }
  .SearchActivityArea.home-search .searchtreebox .new-search-filter .form-control {
    box-shadow: none;
    -webkit-box-shadow: none;
    border-color: #ececec;
    height: 55px;
    color: #333333;
    font-family: "latolight_italic";
    border-radius: 0;
    -webkit-border-radius: 0; }
  .SearchActivityArea.home-search .searchtreebox .new-search-filter .selected-item.selected-km.dropdown.open .btn:before {
    content: '\f0de';
    top: 11px; }
  .SearchActivityArea.home-search .searchtreebox .new-search-filter .selected-item.selected-km.dropdown .btn {
    background-color: #f1f3f4;
    font-family: "latoregular"; }
    .SearchActivityArea.home-search .searchtreebox .new-search-filter .selected-item.selected-km.dropdown .btn:before {
      content: '\f0dd';
      color: #17a7dc;
      font-size: 18px;
      top: 4px; }
  .SearchActivityArea.home-search .searchtreebox .new-search-filter .selected-item.selected-km.dropdown .dropdown-menu {
    border-width: 1px;
    padding: 0;
    max-height: 155px; }
    .SearchActivityArea.home-search .searchtreebox .new-search-filter .selected-item.selected-km.dropdown .dropdown-menu li a {
      padding: 6px 10px;
      font-family: "latoregular"; }
    .SearchActivityArea.home-search .searchtreebox .new-search-filter .selected-item.selected-km.dropdown .dropdown-menu .mCSB_inside > .mCSB_container {
      margin-right: 0; }
  .SearchActivityArea.home-search .searchtreebox .new-search-filter .selected-item.dropdown {
    width: 220px;
    position: absolute;
    right: 0;
    top: 0; }
    .SearchActivityArea.home-search .searchtreebox .new-search-filter .selected-item.dropdown.open .btn:before {
      content: '\f106'; }
    .SearchActivityArea.home-search .searchtreebox .new-search-filter .selected-item.dropdown .btn {
      width: 100%;
      border-color: #ececec;
      font-family: "latoitalic";
      text-align: left;
      line-height: 41px;
      height: 55px;
      background-color: #ffffff;
      position: relative; }
      .SearchActivityArea.home-search .searchtreebox .new-search-filter .selected-item.dropdown .btn:before {
        content: '\f107';
        font-size: 16px;
        font-family: 'FontAwesome';
        position: absolute;
        right: 15px;
        top: 6px; }
      .SearchActivityArea.home-search .searchtreebox .new-search-filter .selected-item.dropdown .btn:focus {
        outline: none; }
      .SearchActivityArea.home-search .searchtreebox .new-search-filter .selected-item.dropdown .btn span.item {
        width: 20px;
        height: 20px;
        line-height: 20px;
        border-radius: 50%;
        color: #ffffff;
        background-color: #f5989d;
        display: inline-block;
        text-align: center;
        font-size: 14px;
        font-family: "latoregular";
        margin-right: 10px; }
    .SearchActivityArea.home-search .searchtreebox .new-search-filter .selected-item.dropdown .dropdown-menu {
      border: 2px solid #cccccc;
      box-shadow: none;
      min-width: 220px;
      margin-top: 3px;
      padding: 14px 5px 14px 14px;
      max-height: 170px; }
      .SearchActivityArea.home-search .searchtreebox .new-search-filter .selected-item.dropdown .dropdown-menu .mCSB_inside > .mCSB_container {
        margin-right: 25px; }
      .SearchActivityArea.home-search .searchtreebox .new-search-filter .selected-item.dropdown .dropdown-menu li {
        border-bottom: 1px solid #cccccc; }
        .SearchActivityArea.home-search .searchtreebox .new-search-filter .selected-item.dropdown .dropdown-menu li a {
          padding: 6px 20px 6px 0;
          font-family: "latolight_italic";
          font-size: 16px;
          color: #5d5d5d;
          position: relative;
          display: block;
          cursor: default; }
          .SearchActivityArea.home-search .searchtreebox .new-search-filter .selected-item.dropdown .dropdown-menu li a i {
            margin-right: 2px; }
          .SearchActivityArea.home-search .searchtreebox .new-search-filter .selected-item.dropdown .dropdown-menu li a span.close {
            width: 15px;
            height: 15px;
            font-size: 13px;
            line-height: 10px;
            text-align: center;
            display: block;
            color: #5d5d5d;
            font-family: "latobold";
            border: 1px solid #cccccc;
            border-radius: 3px;
            -webkit-border-radius: 3px;
            position: absolute;
            top: 10px;
            right: 0;
            z-index: 9;
            opacity: 1; }
          .SearchActivityArea.home-search .searchtreebox .new-search-filter .selected-item.dropdown .dropdown-menu li a:hover {
            background-color: transparent; }
            .SearchActivityArea.home-search .searchtreebox .new-search-filter .selected-item.dropdown .dropdown-menu li a:hover span.close {
              border-color: #000000; }
  .SearchActivityArea.home-search .searchtreebox .inputwidth {
    width: 100%; }
    .SearchActivityArea.home-search .searchtreebox .inputwidth h4 {
      font-size: 20px;
      text-transform: none; }
    .SearchActivityArea.home-search .searchtreebox .inputwidth .new-minheight {
      position: relative;
      padding-bottom: 20px; }
      .SearchActivityArea.home-search .searchtreebox .inputwidth .new-minheight .overlay-link {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        margin: 0 auto;
        display: block;
        text-align: center;
        background-image: -webkit-linear-gradient(bottom, #f1f3f4, rgba(241, 243, 244, 0));
        background-image: -moz-linear-gradient(bottom, #f1f3f4, rgba(241, 243, 244, 0));
        background-image: 0-linear-gradient bottom, #f1f3f4, rgba(241, 243, 244, 0);
        background-image: -ms-linear-gradient(bottom, #f1f3f4, rgba(241, 243, 244, 0));
        padding: 11px 0;
        z-index: 2;
        color: #000; }
    .SearchActivityArea.home-search .searchtreebox .inputwidth .CustomScrollbar {
      max-height: 190px; }
    .SearchActivityArea.home-search .searchtreebox .inputwidth .activities .DivSelectyze .selectyzeValue {
      border: 1px solid #ccc; }
    .SearchActivityArea.home-search .searchtreebox .inputwidth .activities .DivSelectyze .UlSelectize {
      position: relative;
      top: 0;
      max-height: 150px;
      overflow: auto; }
      .SearchActivityArea.home-search .searchtreebox .inputwidth .activities .DivSelectyze .UlSelectize li:first-child a {
        border-top: none; }
  .SearchActivityArea.home-search .searchtreebox .gap {
    padding: 15px; }
  .SearchActivityArea.home-search .searchtreebox .calender_block {
    background-color: #fff;
    padding: 0 10px;
    position: relative;
    min-width: 240px;
    width: 100%;
    border: 1px solid #ececec;
    border-bottom: 5px solid #17a7dc; }
    .SearchActivityArea.home-search .searchtreebox .calender_block span.label {
      display: block;
      color: #ccc;
      text-align: left;
      font-size: 14px;
      line-height: 28px;
      border-bottom: 1px solid #ececec;
      border-radius: 0;
      -webkit-border-radius: 0; }
    .SearchActivityArea.home-search .searchtreebox .calender_block .btn {
      background-color: #f1f3f4;
      color: #5d5d5d;
      border-color: transparent;
      margin: 10px 0; }
      .SearchActivityArea.home-search .searchtreebox .calender_block .btn:hover {
        color: #ffffff;
        background-color: #17a7dc; }
    .SearchActivityArea.home-search .searchtreebox .calender_block .my_calender {
      padding: 0;
      box-shadow: none;
      -webkit-box-shadow: none;
      border-radius: 0;
      -webkit-border-radius: 0;
      padding-bottom: 10px;
      border-bottom: 1px solid #ececec; }
      .SearchActivityArea.home-search .searchtreebox .calender_block .my_calender:before {
        content: none; }
  .SearchActivityArea.home-search .searchtreebox .checkdiv {
    box-shadow: 0 0 0 1px #ececec;
    -webkit-box-shadow: 0 0 0 1px #ececec;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    margin-top: 2px;
    /*.dropdown-menu {
    	box-shadow: none;
    	border: 1px solid $secondary-color3;
    	border-bottom: 5px solid $primary-light-color1;					
    	right: -1px;
    	.btn {
    		background-color: #f1f3f4;
    		color: #5d5d5d;
    		border-color: transparent;
    		&:hover {
    			color: $primary-color7;
    			background-color: $primary-light-color1;
    		}
    	}
    	.my_calender {
    		&:before {
    			content: none;
    		}
    	}
    }*/ }
    .SearchActivityArea.home-search .searchtreebox .checkdiv .datepic {
      position: absolute;
      right: 0;
      top: 0;
      box-shadow: none;
      border-radius: 0; }
    .SearchActivityArea.home-search .searchtreebox .checkdiv .calender {
      margin: 0;
      line-height: 48px; }
    .SearchActivityArea.home-search .searchtreebox .checkdiv .info-details {
      position: absolute;
      display: inline-block;
      right: 11px;
      top: 14px; }
      .SearchActivityArea.home-search .searchtreebox .checkdiv .info-details i {
        font-size: 16px;
        color: #333333; }
    .SearchActivityArea.home-search .searchtreebox .checkdiv .info-text {
      position: absolute;
      width: 100%;
      top: 42px;
      left: 0;
      z-index: 99999;
      background: #000;
      padding: 10px !important;
      overflow: visible;
      display: none;
      border-radius: 4px; }
      .SearchActivityArea.home-search .searchtreebox .checkdiv .info-text .media-left {
        width: 70px !important;
        padding: 5px 0 0 0; }
        .SearchActivityArea.home-search .searchtreebox .checkdiv .info-text .media-left a {
          width: 70px !important; }
      .SearchActivityArea.home-search .searchtreebox .checkdiv .info-text .media-body .media-heading {
        font-size: 14px;
        color: #fff;
        margin: 4px 0 5px 8px; }
      .SearchActivityArea.home-search .searchtreebox .checkdiv .info-text .media-body p {
        font-size: 12px;
        color: #fff;
        padding: 0 10px !important; }
      .SearchActivityArea.home-search .searchtreebox .checkdiv .info-text .arrow-top {
        width: 0;
        height: 0;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-bottom: 8px solid black;
        position: absolute;
        right: 9px;
        z-index: 99999;
        left: auto;
        bottom: 100%; }
      .SearchActivityArea.home-search .searchtreebox .checkdiv .info-text .info-close {
        color: #fff;
        cursor: pointer;
        position: absolute;
        top: 0;
        right: 7px; }
      .SearchActivityArea.home-search .searchtreebox .checkdiv .info-text.open-details {
        display: block; }
  .SearchActivityArea.home-search .searchtreebox .experince {
    color: #7da7d9; }
    .SearchActivityArea.home-search .searchtreebox .experince a {
      color: #7da7d9;
      border-bottom: none; }
      .SearchActivityArea.home-search .searchtreebox .experince a i {
        padding-left: 3px; }
    .SearchActivityArea.home-search .searchtreebox .experince .dropdown-menu {
      border-radius: 0px;
      -webkit-border-radius: 0px;
      border: 1px solid #ececec;
      box-shadow: none;
      min-width: 90px;
      margin-top: 1px;
      left: auto;
      right: -1px; }
      .SearchActivityArea.home-search .searchtreebox .experince .dropdown-menu li {
        border-top: 1px solid #ececec; }
        .SearchActivityArea.home-search .searchtreebox .experince .dropdown-menu li:first-child {
          border-top: none; }
        .SearchActivityArea.home-search .searchtreebox .experince .dropdown-menu li a {
          color: #7d7d7d;
          text-transform: uppercase;
          font-size: 12px; }
          .SearchActivityArea.home-search .searchtreebox .experince .dropdown-menu li a:hover {
            color: #ffffff;
            background-color: #17a7dc; }
  .SearchActivityArea .search-tree-new {
    position: relative;
    z-index: 999; }
    .SearchActivityArea .search-tree-new .close {
      font-size: 35px;
      position: absolute;
      right: 20px;
      top: 17px;
      z-index: 99; }
    .SearchActivityArea .search-tree-new h2 {
      color: #17a7dc;
      margin: 0;
      padding-right: 30px; }
  .SearchActivityArea .content {
    background-color: #ffffff;
    box-shadow: 0 0 0 1px #cccccc;
    border-radius: 5px;
    -webkit-border-radius: 5px; }
    .SearchActivityArea .content h6 {
      color: #17a7dc;
      font-family: "latoregular";
      margin: 5px 0 10px;
      font-size: 16px; }
    .SearchActivityArea .content p {
      color: #7d7d7d;
      font-family: "latoregular";
      margin-bottom: 7px; }
      .SearchActivityArea .content p a {
        font-size: 10px;
        padding-left: 8px;
        color: #004783; }
        .SearchActivityArea .content p a:hover {
          text-decoration: underline; }
    .SearchActivityArea .content .col1 {
      border-top: 2px solid #f5989d;
      min-height: 90px; }
    .SearchActivityArea .content .col2 {
      border-top-color: #7accc8; }
    .SearchActivityArea .content .col3 {
      border-top-color: #f9ad81; }
    .SearchActivityArea .content .col4 {
      border-top-color: #00bff3; }
  .SearchActivityArea .display-table {
    height: 90px; }
    .SearchActivityArea .display-table.col-search {
      border-bottom: 4px solid #f9ad81;
      background-color: #fff; }
      .SearchActivityArea .display-table.col-search .btn {
        text-align: center;
        width: 100%;
        background-color: #ffffff;
        color: #17a7dc; }
        .SearchActivityArea .display-table.col-search .btn i {
          margin-right: 5px; }
    .SearchActivityArea .display-table .btn {
      font-size: 16px;
      color: #525252;
      white-space: normal;
      /*word-break: break-all;*/ }
  .SearchActivityArea.newsearch-results .navbar-collapse.in {
    overflow: visible; }
  .SearchActivityArea.newsearch-results .navbar-toggle {
    margin: 0;
    width: 100%;
    background: #17a7dc;
    color: #fff;
    float: none;
    border-radius: 0;
    -webkit-border-radius: 0; }
    .SearchActivityArea.newsearch-results .navbar-toggle i {
      font-size: 18px; }
    .SearchActivityArea.newsearch-results .navbar-toggle.collapsed {
      background: #fff;
      color: #17a7dc; }
  .SearchActivityArea.newsearch-results .content p {
    color: #7d7d7d;
    font-family: "latoregular";
    margin-bottom: 5px; }
    .SearchActivityArea.newsearch-results .content p a {
      font-size: 10px;
      padding-left: 8px;
      color: #004783; }
      .SearchActivityArea.newsearch-results .content p a:hover {
        text-decoration: underline; }
  .SearchActivityArea.newsearch-results .content .col1 {
    border-top: 2px solid #f5989d;
    border-bottom: none; }
    .SearchActivityArea.newsearch-results .content .col1 .skill-one {
      min-height: 91px; }
  .SearchActivityArea.newsearch-results .content .col2 {
    border-top-color: #7accc8;
    border-bottom: none; }
  .SearchActivityArea.newsearch-results .content .col3 {
    border-top-color: #f9ad81;
    border-bottom: none; }
  .SearchActivityArea.newsearch-results .content .col4 {
    border-top-color: #00bff3;
    border-bottom: none; }

.SearchActivityArea-01 .content {
  background-color: transparent; }
.SearchActivityArea-01 #content-btn {
  display: none; }

.Search-Activity .contrl {
  height: 93px;
  overflow: hidden; }

.Search-Activity .cnt-active {
  height: 93px;
  overflow: visible; }

.newSearchCandidate {
  margin-bottom: 30px;
  margin-top: -44px; }
  .newSearchCandidate .searchBlock {
    margin-bottom: 30px;
    width: 100%;
    position: relative; }
    .newSearchCandidate .searchBlock .input-group {
      -webkit-box-shadow: 0 2px 24px rgba(0, 0, 0, 0.2);
      -moz-box-shadow: 0 2px 24px rgba(0, 0, 0, 0.2);
      -ms-box-shadow: 0 2px 24px rgba(0, 0, 0, 0.2);
      -o-box-shadow: 0 2px 24px rgba(0, 0, 0, 0.2);
      box-shadow: 0 2px 24px rgba(0, 0, 0, 0.2);
      width: 100%; }
    .newSearchCandidate .searchBlock .form-control {
      padding: 32px;
      line-height: 22px;
      height: 100%;
      font-size: 20px;
      border: 0;
      border-radius: 0;
      color: #007abf;
      font-family: "latolight";
      margin-bottom: 0;
      display: inline-block;
      vertical-align: middle; }
      .newSearchCandidate .searchBlock .form-control .d-box {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-end; }
      .newSearchCandidate .searchBlock .form-control .dropdown {
        margin: 0 8px; }
        .newSearchCandidate .searchBlock .form-control .dropdown label {
          font-size: 12px;
          margin-bottom: 2px;
          line-height: 13px;
          display: block; }
      .newSearchCandidate .searchBlock .form-control .btn {
        color: #ffffff;
        border: 0;
        border-radius: 2px;
        font-size: 15px;
        font-family: "latolight";
        padding: 4px 9px;
        line-height: 16px; }
      .newSearchCandidate .searchBlock .form-control .btn-primary {
        background: #007abf; }
        .newSearchCandidate .searchBlock .form-control .btn-primary:hover, .newSearchCandidate .searchBlock .form-control .btn-primary:focus {
          outline: none;
          opacity: 1; }
      .newSearchCandidate .searchBlock .form-control strong {
        margin: 0 5px;
        cursor: pointer; }
        .newSearchCandidate .searchBlock .form-control strong label {
          font-size: 12px;
          margin-bottom: 2px;
          line-height: 13px;
          display: block; }
        .newSearchCandidate .searchBlock .form-control strong .text-label {
          background: #007abf;
          color: #ffffff;
          border: 0;
          border-radius: 2px;
          font-size: 15px;
          font-family: "latolight";
          padding: 4px 9px;
          line-height: 16px; }
    .newSearchCandidate .searchBlock .input-group-btn {
      background: #007abf;
      width: 20%;
      z-index: 9999; }
    .newSearchCandidate .searchBlock .btn-search {
      font-size: 20px;
      padding: 29px;
      border: 0;
      border-radius: 0;
      background: transparent;
      color: #ffffff;
      font-family: "latolight";
      border: 0;
      width: 100%; }
      .newSearchCandidate .searchBlock .btn-search i {
        margin-right: 8px; }
      .newSearchCandidate .searchBlock .btn-search:hover, .newSearchCandidate .searchBlock .btn-search:focus {
        opacity: 1;
        outline: none; }
  .newSearchCandidate .searchLinkGroup {
    margin-bottom: 20px; }
    .newSearchCandidate .searchLinkGroup .btn-link {
      color: #007abf;
      text-decoration: underline;
      font-size: 15px;
      padding: 0;
      border: 0; }
      .newSearchCandidate .searchLinkGroup .btn-link:focus, .newSearchCandidate .searchLinkGroup .btn-link:hover {
        outline: none;
        color: #007abf; }
  .newSearchCandidate .dropMenuCandidate {
    background: #ffffff; }
    .newSearchCandidate .dropMenuCandidate .dropshadow {
      background: rgba(0, 0, 0, 0.6);
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 99999; }
    .newSearchCandidate .dropMenuCandidate ul {
      margin: 0;
      padding: 0;
      position: relative; }
      .newSearchCandidate .dropMenuCandidate ul li {
        width: 33.3%;
        float: left;
        padding: 0 30px 0 15px;
        list-style: none;
        background: #ffffff;
        border-right: 1px solid #c1c1c1; }
        .newSearchCandidate .dropMenuCandidate ul li:last-child {
          border-right: 0; }
        .newSearchCandidate .dropMenuCandidate ul li.search-sm {
          background: #007abf; }
        .newSearchCandidate .dropMenuCandidate ul li.top {
          z-index: 99999; }
        .newSearchCandidate .dropMenuCandidate ul li.open > .dropdown-toggle .btn-default:focus, .newSearchCandidate .dropMenuCandidate ul li.open > .dropdown-toggle .btn-default:hover {
          background: transparent;
          color: #007abf;
          border-color: transparent; }
        .newSearchCandidate .dropMenuCandidate ul li .btn-close {
          position: absolute;
          top: 50%;
          color: red;
          background: transparent;
          border: 0;
          right: 10px;
          transform: translateY(-50%);
          padding: 0;
          font-size: 22px;
          line-height: 15px; }
          .newSearchCandidate .dropMenuCandidate ul li .btn-close:focus {
            outline: none; }
    .newSearchCandidate .dropMenuCandidate .btn {
      font-size: 17px;
      padding: 31px 0;
      border: 0;
      background: transparent;
      font-family: "latolight";
      width: 100%;
      min-width: 100%;
      text-align: left;
      position: relative;
      padding-right: 35px;
      color: #007abf;
      overflow: hidden;
      text-overflow: ellipsis; }
      .newSearchCandidate .dropMenuCandidate .btn:focus, .newSearchCandidate .dropMenuCandidate .btn:hover {
        outline: none;
        opacity: 1;
        background: transparent;
        color: #007abf;
        border-color: transparent; }
      .newSearchCandidate .dropMenuCandidate .btn .caret {
        position: absolute;
        top: 50%;
        right: 0;
        color: #a9a9a9;
        border-top: 8px dashed;
        border-right: 8px solid transparent;
        border-left: 8px solid transparent; }
      .newSearchCandidate .dropMenuCandidate .btn.btn-search {
        font-size: 17px;
        padding: 15px;
        border: 0;
        border-radius: 0;
        background: #007abf;
        color: #ffffff;
        font-family: "latolight";
        border: 0;
        width: 100%;
        text-align: center; }
        .newSearchCandidate .dropMenuCandidate .btn.btn-search i {
          font-size: 20px;
          line-height: 20px;
          margin-right: 5px; }
    .newSearchCandidate .dropMenuCandidate .form-control {
      padding: 32px 0; }
      .newSearchCandidate .dropMenuCandidate .form-control:focus {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        -ms-box-shadow: none;
        -o-box-shadow: none;
        box-shadow: none; }
    .newSearchCandidate .dropMenuCandidate .dropdown-menu {
      margin-top: 7px;
      padding: 15px 0;
      border: 0;
      width: 100%;
      min-width: 100%; }
      .newSearchCandidate .dropMenuCandidate .dropdown-menu a {
        display: block;
        font-size: 17px;
        color: #007abf;
        padding: 5px 15px;
        font-family: "latolight"; }
        .newSearchCandidate .dropMenuCandidate .dropdown-menu a:hover {
          background: #007abf;
          color: #ffffff; }
  .newSearchCandidate .searchCompanyList .profile-info .profile-col {
    width: 50%;
    float: left; }
  .newSearchCandidate .searchCompanyList .profile-info .left1 {
    padding: 0 10px;
    width: 79%; }
  .newSearchCandidate .searchCompanyList .profile-info .right1 {
    width: 100%;
    padding-top: 25px; }
    .newSearchCandidate .searchCompanyList .profile-info .right1 .right-col {
      width: 50%;
      padding: 0 10px; }
    .newSearchCandidate .searchCompanyList .profile-info .right1 .right-row {
      margin: 0 -10px; }
  .newSearchCandidate .searchCompanyList .profile-info .top-details {
    top: 15px;
    right: 17px; }
  .newSearchCandidate .searchCompanyList .profile-info .newdeisgn-profile-info .profil-pic {
    margin: 0; }
  .newSearchCandidate .SearchActivityArea {
    margin-bottom: 30px; }
    .newSearchCandidate .SearchActivityArea .container {
      padding-right: 0;
      padding-left: 0; }
    .newSearchCandidate .SearchActivityArea.home-search .search-overlay {
      pointer-events: none; }

.newDesign .newSearchCandidate {
  margin-bottom: 18px;
  margin-top: 10px; }
  .newDesign .newSearchCandidate .searchBlock {
    margin-bottom: 0; }
    .newDesign .newSearchCandidate .searchBlock .form-control {
      padding: 24px 15px;
      font-size: 18px; }
      .newDesign .newSearchCandidate .searchBlock .form-control .btn {
        height: auto;
        font-size: 14px; }
    .newDesign .newSearchCandidate .searchBlock .input-group-btn {
      width: 17%; }
  .newDesign .newSearchCandidate .dropMenuCandidate .form-control {
    padding: 32px 0; }

.advancefilter .advancefilter-inner {
  margin-top: 15px;
  max-width: 949px; }
  .advancefilter .advancefilter-inner > ul {
    display: flex;
    align-items: center;
    padding: 0;
    margin: 0; }
    .advancefilter .advancefilter-inner > ul > li {
      list-style: none;
      width: 25%; }
      .advancefilter .advancefilter-inner > ul > li .tittle {
        font-size: 14px;
        font-weight: "latobold";
        margin-right: 10px;
        margin-bottom: 0; }
      .advancefilter .advancefilter-inner > ul > li:first-child {
        width: 103px; }
.advancefilter .actionBtn {
  text-align: right; }
  .advancefilter .actionBtn .btn {
    min-width: 150px; }
.advancefilter .formList-group {
  border: 1px solid #ccc;
  margin: 0;
  background: #fff; }
  .advancefilter .formList-group label {
    color: #17a7dc;
    font-family: "latoregular";
    font-size: 13px;
    line-height: 13px;
    margin-bottom: 0; }
  .advancefilter .formList-group .btn {
    width: 100%;
    text-align: left;
    padding: 8px 20px 8px 8px;
    color: #7d7d7d;
    font-family: "latoregular";
    border: 0;
    margin: 0;
    font-size: 13px;
    background: transparent; }
    .advancefilter .formList-group .btn .caret {
      position: absolute;
      right: 5px;
      top: 50%;
      transform: translateY(-50%);
      color: #7d7d7d;
      border: 0;
      transition: all 0.4s;
      font-size: 15px;
      width: auto;
      height: auto; }
      .advancefilter .formList-group .btn .caret:before {
        content: '\f0d7';
        font-family: FontAwesome; }
    .advancefilter .formList-group .btn[aria-expanded="true"] .caret:before {
      content: '\f0d8';
      font-family: FontAwesome; }
    .advancefilter .formList-group .btn.btn-default:hover, .advancefilter .formList-group .btn.btn-default:focus {
      background: transparent;
      border: 0;
      outline: none;
      opacity: 1;
      color: #7d7d7d; }
  .advancefilter .formList-group .btn-default.active, .advancefilter .formList-group .btn-default:active, .advancefilter .formList-group .open > .dropdown-toggle.btn-default {
    background: transparent;
    border: 0;
    outline: none;
    opacity: 1; }
  .advancefilter .formList-group .dropdown-menu {
    width: 100%;
    margin-top: 4px;
    border: 0;
    padding-top: 7px;
    padding-bottom: 12px;
    overflow: hidden;
    min-width: 200px; }
    .advancefilter .formList-group .dropdown-menu ul {
      padding: 0;
      margin: 0; }
      .advancefilter .formList-group .dropdown-menu ul li {
        display: block;
        padding: 5px 0; }
        .advancefilter .formList-group .dropdown-menu ul li a {
          color: #7d7d7d;
          font-family: "latoregular";
          font-size: 14px;
          display: block;
          padding: 0 8px; }
          .advancefilter .formList-group .dropdown-menu ul li a:hover {
            background: transparent; }
        .advancefilter .formList-group .dropdown-menu ul li:last-child {
          margin-bottom: 0; }
        .advancefilter .formList-group .dropdown-menu ul li:hover {
          background: #f8f8f8; }
    .advancefilter .formList-group .dropdown-menu .searchList {
      margin-top: 5px; }
    .advancefilter .formList-group .dropdown-menu .listGroup li {
      padding: 5px; }
    .advancefilter .formList-group .dropdown-menu .mCSB_inside > .mCSB_container {
      margin-right: 5px; }
    .advancefilter .formList-group .dropdown-menu .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
      margin-right: 0; }
  .advancefilter .formList-group .search {
    padding: 0 8px; }
    .advancefilter .formList-group .search .form-control {
      box-shadow: none;
      -webkit-box-shadow: none;
      border-color: #ececec;
      height: 30px;
      color: #333333;
      font-family: "latolight_italic";
      border-radius: 0;
      -webkit-border-radius: 0;
      padding: 0 10px; }
  .advancefilter .formList-group .listGroup .check-box {
    position: relative;
    cursor: pointer; }
    .advancefilter .formList-group .listGroup .check-box input[type="checkbox"] {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      margin: auto;
      z-index: 1;
      opacity: 0;
      cursor: pointer; }
      .advancefilter .formList-group .listGroup .check-box input[type="checkbox"] + label {
        position: relative;
        padding-left: 28px;
        cursor: pointer;
        font-size: 14px;
        color: #7d7d7d;
        line-height: 18px;
        min-height: 18px; }
        .advancefilter .formList-group .listGroup .check-box input[type="checkbox"] + label:before, .advancefilter .formList-group .listGroup .check-box input[type="checkbox"] + label:after {
          content: '\f058';
          font-family: FontAwesome;
          color: #ccc;
          font-size: 18px;
          line-height: 18px;
          position: absolute;
          left: 2px;
          top: 2px; }
        .advancefilter .formList-group .listGroup .check-box input[type="checkbox"] + label:after {
          color: #75c113; }
      .advancefilter .formList-group .listGroup .check-box input[type="checkbox"]:not(:checked) + label:after {
        opacity: 0;
        transform: scale(0); }
      .advancefilter .formList-group .listGroup .check-box input[type="checkbox"]:checked + label:after {
        opacity: 1;
        transform: scale(1); }

.search-inner {
  margin-bottom: 30px; }

.search-option {
  display: flex;
  margin: 0 -10px;
  list-style: none;
  padding: 0; }
  .search-option li {
    padding: 0 10px; }
    .search-option li:first-child {
      width: 65%; }
    .search-option li:last-child {
      width: 100%; }
  .search-option button {
    background: #fff;
    border-radius: 10px;
    border: 0;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    padding: 32px 90px;
    position: relative;
    font-family: "latolight";
    font-size: 18px;
    width: 100%;
    text-align: left;
    color: #3498db;
    height: 100%;
    font-weight: 600; }
    .search-option button:focus {
      outline: none; }
    .search-option button:after {
      content: '';
      background-image: url("../images/arrow-right.png");
      width: 27px;
      height: 13px;
      position: absolute;
      top: 50%;
      margin-top: -5px;
      right: 30px; }
    .search-option button img {
      width: 37px;
      position: absolute;
      top: 50%;
      margin-top: -18px;
      left: 30px; }

.new-search-field {
  padding: 0 15px;
  position: fixed;
  z-index: 1041;
  text-align: center;
  top: 150px;
  left: 0;
  right: 0; }

.d-none {
  display: none !important; }

.new-search-field h3 {
  color: #3498db;
  font-size: 24px;
  line-height: 26px;
  letter-spacing: .5px;
  font-weight: 500;
  margin-bottom: 38px;
  text-transform: uppercase; }
.new-search-field .search-field-list {
  display: block;
  margin: 0 -15px;
  justify-content: center;
  position: relative; }
.new-search-field .search-btn:disabled {
  cursor: default;
  opacity: 0.5; }
.new-search-field .search-field-list .field-box {
  padding: 24px;
  width: 550px;
  border: none;
  background-color: #ffffff;
  border-radius: 10px;
  margin: 0 auto; }
  .new-search-field .search-field-list .field-box:first-child.open {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px; }
  .new-search-field .search-field-list .field-box label {
    font-size: 16px;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    color: #999;
    text-transform: uppercase; }
  .new-search-field .search-field-list .field-box .dropdown-menu {
    min-width: 100%;
    border: none;
    padding: 0;
    border-radius: 0;
    margin-top: -8px; }
    .new-search-field .search-field-list .field-box .dropdown-menu ul {
      margin: 0;
      max-height: 200px;
      overflow: auto;
      text-align: left;
      padding: 0; }
      .new-search-field .search-field-list .field-box .dropdown-menu ul li {
        display: block;
        border-bottom: 1px solid #ebf5ff; }
        .new-search-field .search-field-list .field-box .dropdown-menu ul li:last-child {
          border-bottom: none; }
        .new-search-field .search-field-list .field-box .dropdown-menu ul li a {
          display: block;
          padding: 12px 15px;
          color: #333;
          opacity: 0.8;
          font-family: 'Lato', sans-serif;
          font-size: 18px;
          font-weight: 400; }
          .new-search-field .search-field-list .field-box .dropdown-menu ul li a:hover {
            text-decoration: none;
            background-color: transparent; }
    .new-search-field .search-field-list .field-box .dropdown-menu .error {
      font-family: 'Lato', sans-serif;
      font-size: 16px;
      font-weight: 400;
      padding: 12px 15px;
      color: red;
      opacity: 0.7; }
  .new-search-field .search-field-list .field-box .field-text {
    width: 100%;
    height: 34px;
    background: transparent;
    border: none;
    font-family: 'Lato', sans-serif;
    font-size: 24px;
    text-align: center;
    padding: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
    .new-search-field .search-field-list .field-box .field-text::placeholder {
      color: #999999; }
    .new-search-field .search-field-list .field-box .field-text:focus {
      outline: none; }
.new-search-field .search-btn {
  padding: 20px 15px;
  background: #007abf;
  color: #fff;
  font-family: 'Lato', sans-serif;
  font-weight: 700;
  font-size: 18px;
  letter-spacing: .5px;
  text-transform: uppercase;
  border: none;
  min-width: 250px;
  border-radius: 10px;
  margin-top: 8px; }
  .new-search-field .search-btn:disabled {
    cursor: default;
    opacity: 0.5; }

.reset-button {
  width: 500px;
  margin: 0 auto;
  padding: 10px 0px;
  left: 20px;
  position: relative; }

.reset-button a {
  font-size: 16px;
  line-height: 26px;
  font-weight: 600;
  color: #ffffff; }

.reset-button a:hover {
  color: #ffffff; }

.search-backdrop {
  position: fixed;
  z-index: 1040;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: black;
  opacity: 0.9 !important; }

.close-btn {
  position: absolute;
  right: 40px;
  top: -100px;
  width: 40px;
  height: 40px; }
  .close-btn button {
    border-radius: 50%;
    border: 2px solid #ccc;
    width: 40px;
    height: 40px;
    background-color: transparent; }

.search-loader {
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%); }
  .search-loader img {
    height: 30px; }

@media only screen and (max-width: 1199px) {
  .SearchActivityArea.home-search .main-over-search {
    width: 940px; }
  .SearchActivityArea.home-search .content .col1 {
    min-height: inherit;
    height: 93px;
    /*.job-location-skill {
    	margin-top: 18px;
    	padding: 0px 15px;
    }*/ }
    .SearchActivityArea.home-search .content .col1 .location-skill-one {
      height: 84px; }
  .SearchActivityArea.home-search .display-table {
    height: 90px; }
  .SearchActivityArea.home-search .searchtreebox .checkdiv .calender_block {
    min-width: 230px;
    right: 71px; }
  .SearchActivityArea .content .col1 {
    min-height: 110px; }
  .SearchActivityArea .display-table {
    height: 110px; }
  .SearchActivityArea.newsearch-results .content p {
    font-size: 13px; }

  .newSearchCandidate .searchCompanyList .profile-info .left1 {
    width: 75%; }

  .advancefilter .advancefilter-inner {
    max-width: 783px; } }
@media only screen and (max-width: 991px) {
  .SearchActivityArea.home-search .main-over-search {
    width: 720px; }
  .SearchActivityArea.home-search .content p {
    margin-bottom: 8px;
    font-size: 12px; }
    .SearchActivityArea.home-search .content p a {
      padding-left: 4px; }
  .SearchActivityArea.home-search .content h6 {
    font-size: 14px; }
  .SearchActivityArea.home-search .content .col1 {
    height: 88px; }
    .SearchActivityArea.home-search .content .col1 .stepdone {
      font-size: 20px;
      top: 45%;
      right: 5px; }
  .SearchActivityArea.home-search .display-table {
    height: 88px; }
    .SearchActivityArea.home-search .display-table .btn {
      margin-left: 0px;
      font-size: 15px;
      height: 84px; }
  .SearchActivityArea.home-search .searchtreebox .checkdiv .calender_block {
    right: 15px; }
  .SearchActivityArea.home-search .searchtreebox .new-footer-info.tab-center .text-right {
    text-align: center; }
    .SearchActivityArea.home-search .searchtreebox .new-footer-info.tab-center .text-right span.info {
      margin: 0 0 10px;
      display: block; }
  .SearchActivityArea .display-table .btn {
    margin-left: -20px;
    font-size: 13px; }
  .SearchActivityArea.newsearch-results .content p {
    font-size: 12px; }
  .SearchActivityArea.newsearch-results .content .col1 {
    height: 95px; }
    .SearchActivityArea.newsearch-results .content .col1 .skill-one {
      padding: 11px 15px; }
  .SearchActivityArea.newsearch-results .display-table .display-table-cell a {
    height: auto; }

  .newSearchCandidate .searchBlock .form-control {
    padding: 18px 20px; }
  .newSearchCandidate .searchCompanyList .profile-info .left1 {
    width: 72%; }
  .newSearchCandidate .dropMenuCandidate .form-control {
    padding: 32px 0; }

  .new-search-field .search-field-list {
    display: flex;
    width: 100%;
    margin: auto;
    flex-wrap: wrap;
    padding: 0px 15px; }

  .reset-button {
    width: 500px;
    margin: 0 auto;
    padding: 10px 0px;
    left: 0;
    position: relative; } }
@media only screen and (max-width: 767px) {
  .SearchActivityArea .search-tree-new .close {
    top: 10px; }
  .SearchActivityArea.home-search .main-over-search {
    width: 100%;
    right: 0;
    left: 0;
    top: 92px; }
  .SearchActivityArea.home-search .content .col1 {
    position: relative;
    height: auto;
    /*.job-location-skill {
    	margin: 0px -15px;
    	padding: 15px;
    }*/ }
    .SearchActivityArea.home-search .content .col1.top-arrow.active .skill-one:before {
      left: auto;
      margin-left: 0;
      bottom: -26px; }
    .SearchActivityArea.home-search .content .col1.active {
      display: block; }
      .SearchActivityArea.home-search .content .col1.active .skill-one:before {
        bottom: -26px; }
    .SearchActivityArea.home-search .content .col1 .stepdone {
      right: 15px; }
    .SearchActivityArea.home-search .content .col1 p cite.location-view {
      font-size: 12px;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      max-width: 150px;
      display: inline-block;
      vertical-align: middle;
      padding-right: 2px; }
    .SearchActivityArea.home-search .content .col1 p span {
      font-size: 12px; }
    .SearchActivityArea.home-search .content .col1 .location-skill-one {
      padding: 15px; }
  .SearchActivityArea.home-search .searchtreebox .checkdiv .calender_block {
    min-width: 230px;
    right: 0px; }
  .SearchActivityArea.home-search .searchtreebox .new-search-filter .form-group {
    padding-right: 189px; }
  .SearchActivityArea.home-search .searchtreebox .new-search-filter .selected-item.dropdown {
    width: 190px; }
    .SearchActivityArea.home-search .searchtreebox .new-search-filter .selected-item.dropdown .dropdown-menu {
      min-width: 190px; }
  .SearchActivityArea.home-search .searchtreebox .new-footer-info form.pull-right {
    float: left !important; }
    .SearchActivityArea.home-search .searchtreebox .new-footer-info form.pull-right .checkbox {
      margin-bottom: 15px;
      float: none; }
  .SearchActivityArea.home-search .searchtreebox .new-footer-info .text-right span.info {
    margin: 0 0 10px;
    display: block; }
  .SearchActivityArea .display-table {
    height: auto; }
    .SearchActivityArea .display-table .btn {
      margin-left: 0;
      font-size: 16px; }
  .SearchActivityArea .search-tree-new h2 {
    font-size: 22px; }
  .SearchActivityArea.newsearch-results.col1-block .content .col1 {
    height: auto;
    display: block; }
  .SearchActivityArea.newsearch-results .display-table .display-table-cell a {
    background: #fff;
    display: block; }
  .SearchActivityArea.newsearch-results .content p {
    font-size: 14px; }
  .SearchActivityArea.newsearch-results .content .col1 .skill-one {
    padding: 5px 15px;
    min-height: 0; }
  .SearchActivityArea.newsearch-results .content .col1 .main-over-search {
    top: 75px; }
  .SearchActivityArea.newsearch-results .display-table {
    height: 55px; }

  .SearchActivityArea .home-search .content {
    width: auto; }

  .Search-Activity .contrl {
    height: auto;
    overflow: visible; }
  .Search-Activity .display-table {
    display: none; }

  .newSearchCandidate {
    margin-top: -35px; }
    .newSearchCandidate .searchBlock {
      display: block; }
      .newSearchCandidate .searchBlock .form-control {
        padding: 16px;
        font-size: 18px; }
        .newSearchCandidate .searchBlock .form-control strong {
          font-size: 16px;
          cursor: pointer;
          position: relative; }
          .newSearchCandidate .searchBlock .form-control strong .text-label {
            font-size: 15px;
            background: transparent;
            padding: 0;
            color: #007abf;
            font-family: "latobold"; }
        .newSearchCandidate .searchBlock .form-control .dropdown {
          margin: 0 5px; }
        .newSearchCandidate .searchBlock .form-control .btn {
          color: #007abf;
          font-size: 16px;
          font-family: "latobold";
          padding: 0;
          line-height: 18px; }
        .newSearchCandidate .searchBlock .form-control .btn-primary {
          background: transparent; }
      .newSearchCandidate .searchBlock .input-group-btn {
        width: 1%; }
      .newSearchCandidate .searchBlock .btn-search {
        padding: 15px;
        font-size: 17px;
        line-height: 17px; }
        .newSearchCandidate .searchBlock .btn-search i {
          font-size: 17px;
          line-height: 17px; }
    .newSearchCandidate .searchCompanyList .profile-info .profile-col {
      width: 100%;
      float: none; }
    .newSearchCandidate .searchCompanyList .profile-info .left1 {
      width: 100%; }
    .newSearchCandidate .searchCompanyList .profile-info .right1 {
      padding-top: 0;
      margin-top: 10px; }
    .newSearchCandidate .searchCompanyList .profile-sm-flex {
      display: flex;
      padding-right: 170px; }
    .newSearchCandidate .recentcandidatearea .profile-info .top-details {
      width: 130px; }
      .newSearchCandidate .recentcandidatearea .profile-info .top-details ul li {
        padding: 0;
        margin-bottom: 5px; }
        .newSearchCandidate .recentcandidatearea .profile-info .top-details ul li a {
          font-size: 13px;
          line-height: 13px; }
          .newSearchCandidate .recentcandidatearea .profile-info .top-details ul li a i {
            font-size: 14px;
            position: relative;
            top: 1px; }
        .newSearchCandidate .recentcandidatearea .profile-info .top-details ul li:last-child {
          margin-bottom: 0; }
    .newSearchCandidate .dropMenuCandidate {
      width: 100%; }
      .newSearchCandidate .dropMenuCandidate .dropdown-menu {
        margin-top: 1px; }
      .newSearchCandidate .dropMenuCandidate .btn {
        padding: 19px 0; }
      .newSearchCandidate .dropMenuCandidate ul li {
        width: 100%;
        border-right: 0;
        border-bottom: 1px solid #ddd; }
        .newSearchCandidate .dropMenuCandidate ul li:last-child {
          border-bottom: 0; }
        .newSearchCandidate .dropMenuCandidate ul li .btn {
          padding: 15px 0; }

  .newDesign .newSearchCandidate .searchBlock .form-control {
    padding: 15px;
    font-size: 16px; }
    .newDesign .newSearchCandidate .searchBlock .form-control strong {
      font-size: 14px; }
  .newDesign .newSearchCandidate .searchBlock .input-group-btn {
    width: 1%; }
  .newDesign .newSearchCandidate .dropMenuCandidate .form-control {
    padding: 17px 0;
    font-size: 16px; }

  .search-inner {
    padding: 0 0px 0; }

  .search-option {
    flex-wrap: wrap;
    margin: 0; }
    .search-option li {
      padding: 0; }
      .search-option li:first-child {
        width: 100%;
        margin-bottom: 15px; }
      .search-option li:last-child {
        width: 100%; }
    .search-option button {
      font-size: 15px;
      padding: 15px 60px; }
      .search-option button:after {
        right: 15px; }
      .search-option button img {
        width: 30px;
        left: 15px; }

  .new-search-field {
    padding: 0; }
    .new-search-field .search-field-list .field-box {
      padding: 15px 20px; }
      .new-search-field .search-field-list .field-box .field-text {
        width: 100%;
        height: 34px;
        background: transparent;
        border: none;
        font-family: 'Lato', sans-serif;
        font-size: 16px; }
        .new-search-field .search-field-list .field-box .field-text::placeholder {
          color: #999999;
          margin-bottom: 20px; }
      .new-search-field .search-field-list .field-box .dropdown-menu ul {
        max-height: 189px; }
        .new-search-field .search-field-list .field-box .dropdown-menu ul li a {
          font-size: 16px; }
    .new-search-field h3 {
      font-size: 20px;
      line-height: 20px; }

  .reset-button a {
    margin-right: 0;
    font-size: 14px; } }
@media only screen and (max-width: 639px) {
  .advancefilter .advancefilter-inner > ul {
    margin: 0 -3px;
    flex-wrap: wrap; }
    .advancefilter .advancefilter-inner > ul li {
      width: 33.3%;
      margin-bottom: 5px;
      padding: 0 3px; }
      .advancefilter .advancefilter-inner > ul li:first-child {
        width: 100%; } }
@media only screen and (max-width: 549px) {
  .mob-ful.col-xs-6 {
    width: 100%; }

  .newSearchCandidate .searchCompanyList .profile-sm-flex {
    padding-right: 0; }
  .newSearchCandidate .searchCompanyList .profile-info .top-details {
    overflow: visible;
    width: 100%;
    margin: 10px 0 0; }
    .newSearchCandidate .searchCompanyList .profile-info .top-details ul {
      float: none !important;
      margin-left: 0;
      margin-bottom: 0; } }
@media only screen and (max-width: 479px) {
  .SearchActivityArea.home-search .searchtreebox .new-search-filter .form-group {
    padding-right: 0px; }
  .SearchActivityArea.home-search .searchtreebox .new-search-filter .selected-item.dropdown {
    width: 100%;
    position: static; }
    .SearchActivityArea.home-search .searchtreebox .new-search-filter .selected-item.dropdown .dropdown-menu {
      min-width: 100%; }

  .advancefilter .advancefilter-inner > ul {
    margin: 0; }
    .advancefilter .advancefilter-inner > ul li {
      width: 100%;
      padding: 0; }
      .advancefilter .advancefilter-inner > ul li:first-child {
        width: 100%; } }
@media only screen and (max-width: 369px) {
  .SearchActivityArea.home-search .searchtreebox .checkdiv .calender_block {
    min-width: 220px;
    right: 40px;
    z-index: 999; } }
/* Search Result Area */
.SearchResultArea .show-result .btn-save {
  color: #636363;
  display: inline-block; }
  .SearchResultArea .show-result .btn-save i {
    color: #f26522;
    margin: 0 3px; }
  .SearchResultArea .show-result .btn-save:hover {
    text-decoration: underline; }
.SearchResultArea .show-result .DivSelectyze {
  font-size: 12px; }
  .SearchResultArea .show-result .DivSelectyze a.selectyzeValue {
    height: 39px;
    line-height: 39px; }
  .SearchResultArea .show-result .DivSelectyze .UlSelectize {
    top: 39px; }
  .SearchResultArea .show-result .DivSelectyze ul li a {
    font-size: 12px; }

.slideup, .slidedown {
  max-height: 54px;
  overflow-y: hidden;
  -webkit-transition: max-height 0.5s ease-in-out;
  -moz-transition: max-height 0.5s ease-in-out;
  -o-transition: max-height 0.5s ease-in-out;
  transition: max-height 0.5s ease-in-out; }

.slidedown {
  max-height: 220px; }

.candidateFilter {
  position: absolute;
  top: 40px;
  left: 0;
  right: 0;
  margin: auto; }
  .candidateFilter .FilterBox {
    background: #fff;
    position: relative;
    z-index: 3; }
    .candidateFilter .FilterBox .FilterInner {
      padding: 10px 10px 0;
      display: flex;
      align-items: flex-start; }
  .candidateFilter .candidateFilter-Inner {
    background: #fff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
    position: relative;
    z-index: 3; }
    .candidateFilter .candidateFilter-Inner .tabHead {
      font-size: 13px;
      color: #f26d7d;
      padding: 0 12px 10px;
      margin-bottom: 0;
      text-align: center; }
  .candidateFilter .counter {
    background: #E8F0FE;
    border-radius: 35px;
    padding: 5px;
    min-width: 60px;
    font-family: "latobold"; }
    .candidateFilter .counter span {
      color: #007abf; }
    .candidateFilter .counter .close {
      background: #007abf;
      border-radius: 50%;
      width: 20px;
      height: 20px;
      text-shadow: none;
      opacity: 1;
      color: #fff;
      cursor: pointer;
      position: relative;
      display: inline-block;
      padding: 0; }
      .candidateFilter .counter .close i {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-style: normal;
        font-size: 12px;
        cursor: pointer; }
  .candidateFilter .filterbutton {
    margin-right: 15px;
    position: relative;
    top: -4px; }
    .candidateFilter .filterbutton a {
      pointer-events: none;
      font-size: 22px;
      line-height: 20px;
      color: #777;
      display: block; }
    .candidateFilter .filterbutton .counter a {
      cursor: pointer;
      pointer-events: auto; }
  .candidateFilter .nav-tabs {
    display: flex;
    overflow-x: auto; }
    .candidateFilter .nav-tabs li {
      margin-bottom: 0; }
      .candidateFilter .nav-tabs li a {
        color: rgba(0, 0, 0, 0.54);
        font-size: 15px;
        line-height: 15px;
        padding: 0 10px 8px;
        border: 0;
        background: transparent;
        margin: 0;
        border-bottom: 2px solid transparent;
        font-family: "latoregular";
        white-space: nowrap; }
        .candidateFilter .nav-tabs li a:hover {
          background: transparent;
          color: #007abf;
          border-bottom-color: transparent; }
      .candidateFilter .nav-tabs li.active a {
        border: 0;
        border-bottom: 2px solid #007abf;
        color: #007abf; }
        .candidateFilter .nav-tabs li.active a:hover {
          border-bottom: 2px solid #007abf; }
  .candidateFilter .tabContent {
    margin-top: 10px;
    padding: 0 10px;
    max-height: 170px; }
    .candidateFilter .tabContent .mCSB_inside > .mCSB_container {
      margin-right: 7px; }
    .candidateFilter .tabContent .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
      margin-left: auto; }
    .candidateFilter .tabContent ul {
      display: flex;
      flex-wrap: wrap;
      padding: 0;
      margin: 0 -3px; }
      .candidateFilter .tabContent ul > li {
        list-style: none;
        padding: 0 3px;
        margin-bottom: 10px; }
        .candidateFilter .tabContent ul > li .checklist {
          position: relative; }
          .candidateFilter .tabContent ul > li .checklist span {
            display: inline-block;
            background-color: #FFFFFF;
            border: 1px solid #DFE1E5;
            color: #3C4043;
            font-size: 12px;
            line-height: 32px;
            padding: 0 12px;
            overflow: hidden;
            text-overflow: ellipsis;
            vertical-align: top;
            white-space: nowrap;
            border-radius: 35px; }
            .candidateFilter .tabContent ul > li .checklist span i {
              display: none;
              margin-right: 5px; }
            .candidateFilter .tabContent ul > li .checklist span:hover {
              background: #FAFAFB; }
          .candidateFilter .tabContent ul > li .checklist input[type="checkbox"] {
            width: 100%;
            margin: 0;
            position: absolute;
            left: 0;
            right: 0;
            height: 100%;
            opacity: 0;
            cursor: pointer; }
            .candidateFilter .tabContent ul > li .checklist input[type="checkbox"]:checked + span {
              color: #007abf;
              border-color: #D2E3FC;
              background: #E8F0FE; }
          .candidateFilter .tabContent ul > li .checklist.active span {
            color: #007abf;
            border-color: #D2E3FC;
            background: #E8F0FE; }
          .candidateFilter .tabContent ul > li .checklist.active:hover {
            cursor: all-scroll; }
          .candidateFilter .tabContent ul > li .checklist.checked i {
            display: inline-block; }
          .candidateFilter .tabContent ul > li .checklist.checked span {
            color: #007abf;
            border-color: #D2E3FC;
            background: #E8F0FE; }
        .candidateFilter .tabContent ul > li .distance .checklist span {
          border-radius: 0px;
          border-top: 0;
          border-left: 0;
          border-bottom: 0; }
        .candidateFilter .tabContent ul > li ol {
          display: flex;
          border: 1px solid #DFE1E5;
          padding: 0;
          margin-right: 30px; }
          .candidateFilter .tabContent ul > li ol > li {
            list-style: none;
            padding: 0; }
            .candidateFilter .tabContent ul > li ol > li .checklist input[type="checkbox"]:checked + span {
              border-color: #D2E3FC; }
            .candidateFilter .tabContent ul > li ol > li:last-child .checklist span {
              border-right: 0; }

.candidateSearch-Filter {
  padding-top: 10px; }
  .candidateSearch-Filter .profileHead-Details {
    display: flex; }
    .candidateSearch-Filter .profileHead-Details .displaytooltip {
      margin-bottom: 0;
      min-width: 115px; }
    .candidateSearch-Filter .profileHead-Details span {
      display: block;
      font-size: 13px;
      line-height: normal;
      margin-left: 5px;
      color: #7d7d7d;
      position: relative;
      top: 5px; }
  .candidateSearch-Filter .candidateList-Search .nav-tabs {
    background-color: #ffffff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 0 0 2px 0px #cccccc; }
    .candidateSearch-Filter .candidateList-Search .nav-tabs > li {
      width: 100%;
      float: none;
      border-bottom: 1px solid #ddd;
      margin-bottom: 0; }
      .candidateSearch-Filter .candidateList-Search .nav-tabs > li a {
        margin: 0;
        padding: 12px;
        position: relative;
        border: 0; }
        .candidateSearch-Filter .candidateList-Search .nav-tabs > li a.NewCandidateSearch .profil-pic {
          width: 50px;
          height: 50px;
          border-radius: 5px;
          overflow: hidden;
          float: left;
          margin: 0 10px 10px 0; }
        .candidateSearch-Filter .candidateList-Search .nav-tabs > li a.NewCandidateSearch .profile-detail {
          float: none;
          width: 100%; }
          .candidateSearch-Filter .candidateList-Search .nav-tabs > li a.NewCandidateSearch .profile-detail h5 {
            font-size: 17px; }
          .candidateSearch-Filter .candidateList-Search .nav-tabs > li a.NewCandidateSearch .profile-detail p {
            font-size: 12px;
            line-height: 15px;
            display: flex;
            align-items: center; }
            .candidateSearch-Filter .candidateList-Search .nav-tabs > li a.NewCandidateSearch .profile-detail p.skills {
              align-items: flex-start;
              margin-bottom: 0;
              margin-top: 5px; }
              .candidateSearch-Filter .candidateList-Search .nav-tabs > li a.NewCandidateSearch .profile-detail p.skills i {
                font-size: 18px;
                margin-right: 5px;
                color: #f26d7d; }
      .candidateSearch-Filter .candidateList-Search .nav-tabs > li.active a {
        background: #fbfbfb;
        cursor: pointer; }
      .candidateSearch-Filter .candidateList-Search .nav-tabs > li:hover a {
        background: #f8f8f8; }
  .candidateSearch-Filter .candidateList-Search .SearchResultArea .new-content {
    padding: 20px; }
  .candidateSearch-Filter .candidateList-Search .SearchResultArea .newdeisgn-profile-info {
    display: flex; }
    .candidateSearch-Filter .candidateList-Search .SearchResultArea .newdeisgn-profile-info .profil-pic {
      width: 17%;
      float: none; }
    .candidateSearch-Filter .candidateList-Search .SearchResultArea .newdeisgn-profile-info .profile-detail {
      width: 83%;
      float: none; }
      .candidateSearch-Filter .candidateList-Search .SearchResultArea .newdeisgn-profile-info .profile-detail .chat-info li {
        margin-right: 0;
        padding-right: 3px;
        padding-left: 3px; }
  .candidateSearch-Filter .candidate-filter {
    display: block;
    height: auto;
    position: fixed;
    top: 0;
    left: -300%;
    z-index: 999;
    background: #fff;
    width: 100%;
    transition: all 0.4s;
    max-width: 600px;
    margin: 20px auto;
    right: 0;
    bottom: 0; }
    .candidateSearch-Filter .candidate-filter.show {
      left: 0; }
    .candidateSearch-Filter .candidate-filter .filter-top {
      padding: 15px 70px;
      border-bottom: 1px solid #ddd;
      position: relative;
      background: #f8f8f8;
      position: absolute;
      top: 0;
      width: 100%;
      left: 0;
      z-index: 1; }
      .candidateSearch-Filter .candidate-filter .filter-top p {
        margin-bottom: 0;
        text-align: center;
        line-height: 18px; }
        .candidateSearch-Filter .candidate-filter .filter-top p span {
          display: block; }
      .candidateSearch-Filter .candidate-filter .filter-top .btn {
        padding: 0;
        position: absolute;
        top: 50%;
        transform: translateY(-50%); }
        .candidateSearch-Filter .candidate-filter .filter-top .btn i {
          font-size: 20px;
          line-height: 20px; }
        .candidateSearch-Filter .candidate-filter .filter-top .btn.left {
          left: 15px;
          font-size: 14px;
          display: flex;
          align-items: center; }
          .candidateSearch-Filter .candidate-filter .filter-top .btn.left i {
            margin-right: 5px; }
        .candidateSearch-Filter .candidate-filter .filter-top .btn.right {
          right: 20px; }
        .candidateSearch-Filter .candidate-filter .filter-top .btn:hover {
          text-decoration: none; }
    .candidateSearch-Filter .candidate-filter .filter-bottom {
      padding: 10px;
      border-top: 1px solid #ddd;
      background: #fff;
      position: absolute;
      bottom: 0;
      width: 100%;
      left: 0;
      z-index: 1;
      text-align: center; }
      .candidateSearch-Filter .candidate-filter .filter-bottom .btn {
        width: 249px;
        padding: 8px;
        color: #fff; }
    .candidateSearch-Filter .candidate-filter .filter-middle {
      padding: 51px 0 65px;
      height: 100%;
      overflow: hidden;
      position: relative; }
      .candidateSearch-Filter .candidate-filter .filter-middle .filter-ContentList {
        background: #fff;
        width: 100%;
        left: 0;
        position: absolute;
        top: 100%;
        transition: all .4s; }
        .candidateSearch-Filter .candidate-filter .filter-middle .filter-ContentList.show {
          top: 51px; }
        .candidateSearch-Filter .candidate-filter .filter-middle .filter-ContentList ul {
          padding: 0;
          margin: 0; }
          .candidateSearch-Filter .candidate-filter .filter-middle .filter-ContentList ul li {
            list-style: none;
            border-bottom: 1px solid #ddd; }
            .candidateSearch-Filter .candidate-filter .filter-middle .filter-ContentList ul li a {
              display: block;
              padding: 10px 70px 10px 15px;
              position: relative;
              font-size: 14px;
              color: #666; }
              .candidateSearch-Filter .candidate-filter .filter-middle .filter-ContentList ul li a span {
                font-size: 13px;
                line-height: 13px;
                position: absolute;
                right: 15px;
                top: 50%;
                transform: translateY(-50%);
                display: flex;
                align-items: center; }
                .candidateSearch-Filter .candidate-filter .filter-middle .filter-ContentList ul li a span.link {
                  color: #017bc4; }
                .candidateSearch-Filter .candidate-filter .filter-middle .filter-ContentList ul li a span i {
                  font-size: 17px;
                  margin-left: 5px; }
      .candidateSearch-Filter .candidate-filter .filter-middle .filter-content {
        background: #fff;
        overflow: hidden;
        height: 100%;
        width: 100%;
        left: 0;
        position: absolute;
        top: 100%;
        transition: all .4s; }
        .candidateSearch-Filter .candidate-filter .filter-middle .filter-content.show {
          top: 51px; }
        .candidateSearch-Filter .candidate-filter .filter-middle .filter-content .candidateFilter {
          position: static;
          background: transparent;
          display: block;
          box-shadow: none;
          -webkit-box-shadow: none;
          height: 100%;
          padding: 10px 0;
          overflow: hidden; }
          .candidateSearch-Filter .candidate-filter .filter-middle .filter-content .candidateFilter .tabHead {
            font-size: 13px;
            color: #f26d7d;
            padding: 0 10px 10px;
            margin-bottom: 0;
            text-align: center; }
          .candidateSearch-Filter .candidate-filter .filter-middle .filter-content .candidateFilter .tabContent {
            margin-top: 0;
            padding: 0 10px;
            margin-bottom: 0;
            max-width: 100%;
            max-height: 100%; }
  .candidateSearch-Filter .filter-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    z-index: 99; }
    .candidateSearch-Filter .filter-overlay.show {
      display: block; }
  .candidateSearch-Filter .btn-filter {
    padding: 0;
    margin: 15px 0; }

.candidateList-SearchFilter {
  padding-top: 170px; }

.candidateList-Nav {
  background: #fff;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  box-shadow: 0 0 2px 0px #cccccc; }
  .candidateList-Nav .mCSB_inside > .mCSB_container {
    margin-right: 0; }
  .candidateList-Nav .mCSB_scrollTools .mCSB_draggerRail {
    margin: 0; }
  .candidateList-Nav .nav-tabs {
    background-color: #ffffff;
    border-radius: 0;
    -webkit-border-radius: 0;
    box-shadow: none; }

.searchSelect {
  width: 320px; }
  .searchSelect .select2-container .select2-choice {
    border-color: #ddd;
    border-radius: 0; }
  .searchSelect .select2-container .select2-arrow {
    border-left: 1px solid #ddd; }
  .searchSelect .select2-container.select2-container-active .select2-choice {
    box-shadow: none; }

.select2-drop-active {
  border-color: #ddd;
  border-radius: 0; }

.select2-search input {
  border-color: #ddd;
  box-shadow: none;
  background: url(../images/select2.png) no-repeat 100% -22px; }

.typesofWork {
  padding-top: 10px;
  border-top: 1px solid #e1e1e1;
  margin: 10px 0; }
  .typesofWork ul {
    padding: 0;
    margin: 0 -5px; }
    .typesofWork ul li {
      padding: 0 5px;
      display: inline-block;
      margin-bottom: 10px; }
      .typesofWork ul li span {
        font-size: 13px;
        display: inline-block;
        padding: 7px 12px;
        border-radius: 25px;
        color: #007abf;
        border-color: #D2E3FC;
        background: #E8F0FE; }

.pointer-events {
  cursor: default !important; }

.back-toSearch {
  display: none; }

.new-mobileSearch .button-toolTip {
  border: none;
  outline: none;
  background-color: transparent;
  font-size: 16px;
  line-height: 15px;
  color: #017bc4;
  padding: 0px; }
  .new-mobileSearch .button-toolTip i {
    margin-right: 3px; }
  .new-mobileSearch .button-toolTip:hover {
    opacity: 1; }
  .new-mobileSearch .button-toolTip:focus {
    box-shadow: none;
    outline: none; }
  .new-mobileSearch .button-toolTip:active {
    box-shadow: none; }
.new-mobileSearch .more-filter-Modalbtn {
  position: absolute;
  right: 0;
  top: 0px;
  display: flex;
  align-items: center;
  height: 100%; }
  .new-mobileSearch .more-filter-Modalbtn span {
    color: #017bc4;
    font-size: 15px; }
.new-mobileSearch .tooltip {
  left: auto !important;
  right: 11px;
  top: -45px !important; }
  .new-mobileSearch .tooltip .tooltip-arrow {
    left: auto !important;
    right: 2px;
    border-top-color: #F8C460; }
  .new-mobileSearch .tooltip .tooltip-inner {
    background: #F8C460;
    font-family: "latoregular";
    font-size: 13px;
    -webkit-border-radius: 0;
    border-radius: 4px;
    color: #694501;
    width: 180px;
    text-align: left;
    padding: 5px 12px; }
  .new-mobileSearch .tooltip.in {
    opacity: 1; }
.new-mobileSearch .search-fileds {
  position: relative; }
  .new-mobileSearch .search-fileds .dropdown .search-textField {
    padding-left: 30px;
    height: 40px;
    color: #606060;
    border: 1px solid #CCCCCC;
    font-size: 13px; }
    .new-mobileSearch .search-fileds .dropdown .search-textField:focus {
      outline: none;
      box-shadow: none; }
  .new-mobileSearch .search-fileds .dropdown .icon-seach-field {
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    color: #707070;
    font-size: 13px; }
  .new-mobileSearch .search-fileds .dropdown-menu {
    width: 100%;
    max-height: 122px;
    padding: 0;
    overflow-y: overlay; }
    .new-mobileSearch .search-fileds .dropdown-menu ul {
      list-style: none;
      padding: 0; }
      .new-mobileSearch .search-fileds .dropdown-menu ul li a {
        display: block;
        font-size: 14px;
        color: #333;
        padding: 5px 15px; }
        .new-mobileSearch .search-fileds .dropdown-menu ul li a:hover {
          color: white;
          background-color: #007abf; }
    .new-mobileSearch .search-fileds .dropdown-menu .mCSB_container {
      margin-right: 10px; }
.new-mobileSearch .search-morefilter {
  margin: 10px 0 20px;
  position: relative; }
  .new-mobileSearch .search-morefilter .new-searchFilter {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    margin: 0 -5px;
    padding-right: 110px;
    position: relative; }
    .new-mobileSearch .search-morefilter .new-searchFilter > li {
      padding: 0 5px;
      width: 16%; }
      .new-mobileSearch .search-morefilter .new-searchFilter > li:first-child {
        width: 52%; }
      .new-mobileSearch .search-morefilter .new-searchFilter > li .dropdown .dropdown-searchButton {
        width: 100%;
        background-color: #fff;
        border-radius: 5px;
        border: 1px solid #E6E6E6;
        display: block;
        height: 40px;
        color: #2D2D2D;
        font-size: 14px;
        overflow: hidden;
        text-overflow: ellipsis;
        text-align: left; }
        .new-mobileSearch .search-morefilter .new-searchFilter > li .dropdown .dropdown-searchButton:hover {
          opacity: 1; }
        .new-mobileSearch .search-morefilter .new-searchFilter > li .dropdown .dropdown-searchButton.active {
          box-shadow: none; }
        .new-mobileSearch .search-morefilter .new-searchFilter > li .dropdown .dropdown-searchButton:focus {
          outline: none;
          box-shadow: none; }
        .new-mobileSearch .search-morefilter .new-searchFilter > li .dropdown .dropdown-searchButton .caret {
          margin-left: 0;
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          right: 6px; }
      .new-mobileSearch .search-morefilter .new-searchFilter > li .dropdown .search-dropdownFilter {
        width: 100%;
        padding: 0;
        min-width: 100%;
        max-height: 122px;
        overflow-y: overlay; }
        .new-mobileSearch .search-morefilter .new-searchFilter > li .dropdown .search-dropdownFilter .mCSB_container {
          margin-right: 10px; }
        .new-mobileSearch .search-morefilter .new-searchFilter > li .dropdown .search-dropdownFilter li a {
          display: block;
          font-size: 14px;
          color: #333;
          padding: 5px 15px;
          text-overflow: ellipsis;
          overflow: hidden;
          white-space: normal; }
          .new-mobileSearch .search-morefilter .new-searchFilter > li .dropdown .search-dropdownFilter li a:hover {
            color: white;
            background-color: #007abf; }

.dropdown-width260 {
  width: 260px !important; }

.dropdown-width290 {
  width: 290px !important; }

@media (max-width: 991px) {
  .slideup, .slidedown {
    max-height: 0;
    height: 0;
    opacity: 0;
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    transition: opacity 0.2s; }

  .slidedown {
    opacity: 1;
    height: 100%;
    max-height: 100%;
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    transition: opacity 0.2s; }

  .hidden-block {
    display: none !important; }

  .candidateList-SearchFilter {
    padding-top: 20px; }

  .candidateList-Nav {
    max-height: none !important;
    margin-bottom: 30px; }

  .candidateFilter {
    display: none;
    position: static;
    top: 0;
    padding: 0px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    transition: height 0.3s ease-in-out; }
    .candidateFilter .FilterBox {
      background: #007abf;
      position: absolute;
      top: 0;
      left: 0;
      right: 0; }
      .candidateFilter .FilterBox .FilterInner {
        padding: 8px 10px 0;
        align-items: center; }
      .candidateFilter .FilterBox .filterbutton {
        top: 0; }
        .candidateFilter .FilterBox .filterbutton a {
          color: #fff;
          pointer-events: auto;
          position: relative;
          top: -4px; }
    .candidateFilter .nav-tabs li a {
      text-transform: uppercase;
      font-size: 12px;
      line-height: 12px;
      color: rgba(255, 255, 255, 0.7);
      padding: 12px 12px 15px; }
    .candidateFilter .nav-tabs li.active a {
      color: #fff;
      border-bottom: 2px solid #fff; }
      .candidateFilter .nav-tabs li.active a:hover {
        border-bottom: 2px solid #fff; }
    .candidateFilter .tab-content {
      background: #fff;
      position: absolute;
      top: 49px;
      z-index: 2;
      left: 0;
      right: 0; }
      .candidateFilter .tab-content .tab-pane {
        height: 100%; }
    .candidateFilter .tabContent {
      padding-bottom: 10px;
      max-width: 720px;
      margin-left: auto;
      margin-right: auto; }
      .candidateFilter .tabContent ul {
        margin: 0; }
        .candidateFilter .tabContent ul > li.distance-List {
          width: 100%;
          margin-bottom: 0; }
        .candidateFilter .tabContent ul > li .distance {
          border: 0;
          padding: 0;
          margin: 0 -5px;
          flex-wrap: wrap; }
          .candidateFilter .tabContent ul > li .distance .checklist span {
            border-radius: 0px;
            border-top: 1px solid #DFE1E5;
            border-left: 1px solid #DFE1E5;
            border-bottom: 1px solid #DFE1E5; }
          .candidateFilter .tabContent ul > li .distance > li {
            padding: 0 5px;
            margin-bottom: 10px; }
            .candidateFilter .tabContent ul > li .distance > li:last-child .checklist span {
              border-right: 1px solid #DFE1E5; }
    .candidateFilter .candidateFilter-Inner {
      position: static;
      background: transparent;
      height: 100%; }
      .candidateFilter .candidateFilter-Inner .tabHead {
        padding: 10px 12px 0; }

  .candidateSearch-Filter {
    padding-top: 20px; }
    .candidateSearch-Filter .profileHead-Details {
      flex-wrap: wrap; }
      .candidateSearch-Filter .profileHead-Details .displaytooltip {
        min-width: auto; }
      .candidateSearch-Filter .profileHead-Details span {
        position: static;
        top: 0;
        margin-top: 8px;
        width: 100%;
        margin-left: 0; }
    .candidateSearch-Filter .candidateList-Search .nav-tabs {
      display: flex;
      overflow: auto; }
      .candidateSearch-Filter .candidateList-Search .nav-tabs > li {
        border-bottom: 0;
        border-right: 1px solid #ddd; }
        .candidateSearch-Filter .candidateList-Search .nav-tabs > li a {
          width: 280px;
          height: 100%; }
          .candidateSearch-Filter .candidateList-Search .nav-tabs > li a.NewCandidateSearch .profile-detail h5 {
            font-size: 15px;
            margin-bottom: 5px; }
        .candidateSearch-Filter .candidateList-Search .nav-tabs > li:last-child {
          border-right: 0; }
    .candidateSearch-Filter .candidate-filter .filter-bottom .btn {
      width: 100%; }

  /*Mobile Search tab*/
  .candidateSearch-Filter .candidateList-Search .mobile-searchTab {
    max-height: 100% !important;
    background-color: transparent;
    box-shadow: none;
    border: none;
    margin-bottom: 0px; }
    .candidateSearch-Filter .candidateList-Search .mobile-searchTab .nav-tabs {
      display: flex;
      overflow: auto;
      flex-wrap: wrap;
      background-color: transparent;
      box-shadow: none;
      border: none;
      margin: 0 -5px; }
      .candidateSearch-Filter .candidateList-Search .mobile-searchTab .nav-tabs > li {
        width: 33.33%;
        border: none;
        padding: 0 5px;
        margin-bottom: 10px; }
        .candidateSearch-Filter .candidateList-Search .mobile-searchTab .nav-tabs > li a {
          width: 100%;
          border-radius: 5px;
          background-color: #fff;
          border: 1px solid #E6E6E6; }
        .candidateSearch-Filter .candidateList-Search .mobile-searchTab .nav-tabs > li.active a {
          background-color: #fff; }

  .back-toSearch {
    margin-bottom: 20px;
    display: block; }
    .back-toSearch .button-back {
      background-color: #1891D2;
      border-radius: 5px;
      color: #fff;
      border: none;
      height: 40px; }
      .back-toSearch .button-back i {
        margin-right: 5px; }
      .back-toSearch .button-back:hover {
        background-color: #1891D2; }
      .back-toSearch .button-back:focus {
        background-color: #1891D2;
        outline: none;
        box-shadow: none; }

  .searchSelect {
    width: 100%; }

  .pagination-visible {
    display: none; }

  .new-mobileSearch .more-filter-Modalbtn .tooltip {
    display: none !important; }

  .new-mobileSearch .search-morefilter .new-searchFilter {
    padding-right: 55px; }
    .new-mobileSearch .search-morefilter .new-searchFilter > li {
      width: 33.33%; }
      .new-mobileSearch .search-morefilter .new-searchFilter > li:first-child {
        width: 100%;
        margin-bottom: 10px; }
      .new-mobileSearch .search-morefilter .new-searchFilter > li .dropdown .dropdown-searchButton {
        font-size: 12px; }
      .new-mobileSearch .search-morefilter .new-searchFilter > li .dropdown .search-dropdownFilter {
        width: 150px; }
        .new-mobileSearch .search-morefilter .new-searchFilter > li .dropdown .search-dropdownFilter li a {
          font-size: 12px;
          line-height: 15px;
          white-space: normal; }
  .new-mobileSearch .button-toolTip {
    font-size: 24px;
    line-height: 26px;
    white-space: normal; }
    .new-mobileSearch .button-toolTip i {
      margin: 0 0 23px; }
  .new-mobileSearch .more-filter-Modalbtn {
    width: 50px; }
    .new-mobileSearch .more-filter-Modalbtn span {
      display: block;
      font-size: 12px;
      line-height: 15px; }

  .dropdown-width260 {
    width: 220px !important; }

  .dropdown-width290 {
    width: 220px !important; } }
@media (max-width: 767px) {
  .candidateSearch-Filter .candidateList-Search .nav-tabs > li a {
    width: 180px;
    padding: 15px;
    height: 100%;
    overflow: hidden; }
    .candidateSearch-Filter .candidateList-Search .nav-tabs > li a.NewCandidateSearch .profil-pic {
      width: 40px;
      height: 40px;
      width: 40px;
      height: 40px;
      display: block;
      float: left;
      margin-right: 10px;
      position: static; }
    .candidateSearch-Filter .candidateList-Search .nav-tabs > li a.NewCandidateSearch .profile-detail h5 {
      margin-bottom: 8px; }
  .candidateSearch-Filter .candidate-filter {
    max-width: 100%;
    margin: 0; }

  .candidateSearch-Filter .candidateList-Search .mobile-searchTab .nav-tabs {
    margin: 0 -3px; }
    .candidateSearch-Filter .candidateList-Search .mobile-searchTab .nav-tabs > li {
      width: 50%;
      padding: 0 3px;
      margin-bottom: 6px; }

  .new-mobileSearch .search-morefilter .new-searchFilter > li .dropdown .dropdown-searchButton {
    font-size: 12px; }
  .new-mobileSearch .search-morefilter .new-searchFilter > li .dropdown .search-dropdownFilter {
    width: 150px; }
    .new-mobileSearch .search-morefilter .new-searchFilter > li .dropdown .search-dropdownFilter li a {
      font-size: 12px;
      line-height: 15px;
      white-space: normal; } }
@media (max-width: 374px) {
  .candidateSearch-Filter .candidateList-Search .mobile-searchTab .nav-tabs {
    margin: 0; }
    .candidateSearch-Filter .candidateList-Search .mobile-searchTab .nav-tabs > li {
      width: 100%;
      padding: 0; } }
/* Banner-inner Area */
.banner-innerarea {
  height: 95px;
  overflow: hidden; }
  .banner-innerarea img {
    width: 100%;
    min-height: 95px; }

/* New Candidate Search */
.newdeisgn-profile-info {
  position: relative; }
  .newdeisgn-profile-info .slider-part {
    height: 279px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    min-width: 280px;
    z-index: 111;
    background: #000000; }
    .newdeisgn-profile-info .slider-part.video-div {
      width: auto;
      height: auto; }
    .newdeisgn-profile-info .slider-part .carousel-inner .item img {
      width: 100%; }
    .newdeisgn-profile-info .slider-part .carousel-control {
      position: absolute;
      top: 50%;
      z-index: 999;
      width: 35px;
      background: none;
      text-align: center;
      font-size: 30px;
      line-height: 30px;
      margin-top: -15px;
      opacity: 1;
      height: 30px;
      margin-top: -15px; }
    .newdeisgn-profile-info .slider-part .close {
      background: rgba(0, 0, 0, 0.3);
      border-radius: 2px;
      color: #ffffff;
      opacity: 1;
      padding: 4px;
      position: absolute;
      right: 5px;
      top: 5px;
      z-index: 999;
      font-size: 18px; }
  .newdeisgn-profile-info .profil-pic {
    width: 120px;
    float: left;
    margin-right: 10px;
    position: relative;
    text-align: center; }
    .newdeisgn-profile-info .profil-pic.homepage-pic {
      width: 111px; }
    .newdeisgn-profile-info .profil-pic .caption-count {
      padding: 10px 5px;
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      text-align: center;
      background-color: rgba(0, 0, 0, 0.5); }
      .newdeisgn-profile-info .profil-pic .caption-count p {
        color: #ffffff;
        font-size: 12px;
        margin-bottom: 0; }
    .newdeisgn-profile-info .profil-pic .idpart {
      font-size: 11px; }
    .newdeisgn-profile-info .profil-pic a {
      position: relative;
      display: block; }
      .newdeisgn-profile-info .profil-pic a img {
        width: 100%;
        border-radius: 4px;
        -webkit-border-radius: 4px; }
      .newdeisgn-profile-info .profil-pic a .view {
        background: rgba(0, 0, 0, 0.6);
        bottom: 0;
        color: #ffffff;
        height: 22px;
        line-height: 23px;
        position: absolute;
        right: 0;
        text-align: center;
        width: 22px;
        border-radius: 0 0 4px 0;
        -webkit-border-radius: 0 0 4px 0; }
      .newdeisgn-profile-info .profil-pic a .play-video {
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.32);
        position: absolute;
        top: 0;
        left: 0; }
        .newdeisgn-profile-info .profil-pic a .play-video i {
          font-size: 45px;
          color: #ffffff;
          opacity: 0.76;
          position: absolute;
          width: 40px;
          left: 50%;
          top: 50%;
          margin: -20px 0 0 -20px; }

.NewCandidateSearch .blur-section {
  position: relative; }
  .NewCandidateSearch .blur-section .tool-tip {
    width: auto;
    padding: 10px 12px;
    background-color: #636363;
    color: #ffffff;
    border-radius: 3px;
    position: absolute;
    bottom: 100%;
    left: -50%;
    z-index: 99;
    display: none; }
    .NewCandidateSearch .blur-section .tool-tip h5 {
      font-size: 14px;
      color: #ffffff;
      margin: 0 0 5px; }
    .NewCandidateSearch .blur-section .tool-tip p {
      font-size: 12px;
      line-height: 14px;
      margin-bottom: 0; }
  .NewCandidateSearch .blur-section .tool-tip::before {
    content: '\f0d7';
    font-size: 24px;
    font-family: 'FontAwesome';
    color: #636363;
    position: absolute;
    left: 50%;
    bottom: -19px;
    margin-left: -8px; }
.NewCandidateSearch .blur-section:hover .tool-tip {
  display: inline-block;
  left: 25%;
  bottom: 50%;
  z-index: 999;
  -webkit-filter: blur(0px);
  -moz-filter: blur(0px);
  -o-filter: blur(0px);
  -ms-filter: blur(0px);
  filter: blur(0px); }
.NewCandidateSearch .profile-detail {
  width: 460px;
  float: left;
  position: relative; }
  .NewCandidateSearch .profile-detail .tooltip .tooltip-inner {
    background: #000;
    font-family: "latoregular";
    font-size: 12px;
    -webkit-border-radius: 4px;
    border-radius: 4px; }
  .NewCandidateSearch .profile-detail .tooltip.bottom .tooltip-arrow {
    border-bottom-color: #000; }
  .NewCandidateSearch .profile-detail h5 {
    margin-top: 0; }
    .NewCandidateSearch .profile-detail h5 a {
      color: #525252;
      text-decoration: underline;
      vertical-align: middle; }
      .NewCandidateSearch .profile-detail h5 a:hover {
        text-decoration: none; }
    .NewCandidateSearch .profile-detail h5 .label {
      margin-left: 5px;
      font-size: 11px;
      font-family: "latolight";
      display: inline-block; }
    .NewCandidateSearch .profile-detail h5 .danger1 {
      color: #f26522;
      background-color: transparent;
      border: 1px solid #f26522; }
    .NewCandidateSearch .profile-detail h5 .success1 {
      color: #5cb85c;
      background-color: transparent;
      border: 1px solid #5cb85c; }
    .NewCandidateSearch .profile-detail h5 .success-bg {
      color: #000000;
      border: 1px solid #5cb85c; }
    .NewCandidateSearch .profile-detail h5 .info-bg {
      border: 1px solid #337ab7; }
  .NewCandidateSearch .profile-detail p {
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 5px;
    color: #7d7d7d; }
    .NewCandidateSearch .profile-detail p span {
      display: inline-block; }
    .NewCandidateSearch .profile-detail p .icon-sp2 {
      float: left;
      margin-right: 8px;
      margin-top: 3px;
      display: inline-block; }
  .NewCandidateSearch .profile-detail .chat-info {
    padding-top: 10px;
    border-top: 1px solid #e1e1e1;
    margin-top: 5px;
    margin-left: 0;
    display: inline-block; }
    .NewCandidateSearch .profile-detail .chat-info li {
      margin-right: 5px;
      margin-bottom: 3px;
      position: relative; }
      .NewCandidateSearch .profile-detail .chat-info li .dropdown-menu {
        border: 1px solid #cccccc;
        margin-top: 5px; }
        .NewCandidateSearch .profile-detail .chat-info li .dropdown-menu ul li {
          margin: 0; }
          .NewCandidateSearch .profile-detail .chat-info li .dropdown-menu ul li a {
            display: block;
            font-family: "latoregular"; }
            .NewCandidateSearch .profile-detail .chat-info li .dropdown-menu ul li a:hover {
              color: #ffffff;
              background-color: #17a7dc; }
      .NewCandidateSearch .profile-detail .chat-info li a {
        font-size: 12px;
        color: #7d7d7d;
        line-height: 20px; }
        .NewCandidateSearch .profile-detail .chat-info li a i {
          width: 20px;
          height: 20px;
          font-size: 12px;
          color: #ffffff;
          background-color: #f26d7d;
          text-align: center;
          line-height: 20px;
          border-radius: 50%;
          -webkit-border-radius: 50%;
          margin-right: 5px; }
        .NewCandidateSearch .profile-detail .chat-info li a:hover i {
          transform: scale(1.2, 1.2); }
.NewCandidateSearch .logg-in a.pofile-link {
  display: block;
  padding: 5px 0;
  font-size: 11px;
  margin-top: -4px;
  color: #004a80; }
  .NewCandidateSearch .logg-in a.pofile-link:hover {
    text-decoration: underline; }
.NewCandidateSearch .logg-in p {
  font-family: "latolight";
  font-size: 13px;
  line-height: 20px;
  color: #7d7d7d; }
.NewCandidateSearch .logg-in .btn-list {
  width: 107px;
  float: right; }
  .NewCandidateSearch .logg-in .btn-list ul li {
    position: relative; }
    .NewCandidateSearch .logg-in .btn-list ul li.calen .dropdown-menu {
      padding: 5px;
      border: none;
      min-width: 235px; }
    .NewCandidateSearch .logg-in .btn-list ul li .dropdown-menu {
      padding: 0px 15px 15px;
      left: auto;
      right: 0;
      border: 1px solid #cccccc;
      background-color: #f1f3f4; }
      .NewCandidateSearch .logg-in .btn-list ul li .dropdown-menu .checkbox {
        margin-bottom: 10px; }
.NewCandidateSearch .logg-in .btn-seach-info {
  border-radius: 3px;
  overflow: hidden;
  background-color: #f1f3f4;
  display: block;
  color: #7d7d7d;
  margin-bottom: 10px; }
  .NewCandidateSearch .logg-in .btn-seach-info span {
    font-size: 12px;
    line-height: 30px;
    display: inline-block;
    float: left; }
  .NewCandidateSearch .logg-in .btn-seach-info i {
    width: 30px;
    height: 30px;
    line-height: 30px;
    color: #ffffff;
    font-size: 10px;
    background-color: #7da7d9;
    text-align: center;
    float: left;
    margin-right: 10px; }
    .NewCandidateSearch .logg-in .btn-seach-info i.notes {
      background-color: #7accc8; }
    .NewCandidateSearch .logg-in .btn-seach-info i.available {
      background-color: #f5989d; }
  .NewCandidateSearch .logg-in .btn-seach-info:hover {
    opacity: 0.7; }
.NewCandidateSearch .new-contact-info {
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #f4f7f9;
  box-shadow: none; }
  .NewCandidateSearch .new-contact-info p {
    margin-bottom: 0;
    color: #555555;
    font-family: "latolight"; }
    .NewCandidateSearch .new-contact-info p a {
      color: #555555; }
.NewCandidateSearch .new-info-details h6 {
  font-size: 14px;
  margin-top: 0; }
.NewCandidateSearch .new-info-details .seo-fnt {
  font-size: 14px;
  margin-top: 0; }
.NewCandidateSearch .new-info-details p {
  font-family: "latolight";
  line-height: 22px; }
  .NewCandidateSearch .new-info-details p a {
    color: #0072bc; }
.NewCandidateSearch .new-info-details .green {
  border-top: 2px solid #82ca9c;
  border-radius: 0 0 5px 5px; }
  .NewCandidateSearch .new-info-details .green.red {
    border-top-color: #f26d7d; }
.NewCandidateSearch .new-info-details .CustomScrollbar {
  height: 135px; }

.accrediation p {
  font-family: "latolight";
  font-size: 13px;
  line-height: 22px;
  color: #7d7d7d;
  margin-bottom: 5px; }
  .accrediation p a {
    font-family: "latoregular";
    color: #17a7dc; }
    .accrediation p a:hover {
      color: #000000; }

.new-search-skill {
  font-size: 12px;
  line-height: 26px;
  color: #7d7d7d; }
  .new-search-skill .list-group .list-group-item {
    padding-top: 0;
    padding-bottom: 0; }
    .new-search-skill .list-group .list-group-item .more-skill {
      color: #7d7d7d;
      font-size: 10px;
      display: block; }
      .new-search-skill .list-group .list-group-item .more-skill:hover {
        color: #ffffff;
        background-color: #17a7dc; }
  .new-search-skill .left-side {
    width: 140px;
    float: left; }
    .new-search-skill .left-side p {
      margin-bottom: 0; }
  .new-search-skill .rating-side {
    width: 60px;
    float: left; }
    .new-search-skill .rating-side ul {
      margin-left: 0; }
      .new-search-skill .rating-side ul li {
        padding: 0;
        float: left;
        margin-left: 2px; }
        .new-search-skill .rating-side ul li i {
          font-size: 10px;
          color: #17a7dc; }
        .new-search-skill .rating-side ul li.none i {
          color: #c2c2c2; }

.pager.jobs-page li {
  padding: 0 5px; }
  .pager.jobs-page li a {
    color: #636363;
    background: transparent;
    cursor: default; }
  .pager.jobs-page li:first-child a, .pager.jobs-page li:last-child a {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 0 0 0 1px #cccccc;
    background-color: #ffffff;
    cursor: pointer; }
    .pager.jobs-page li:first-child a:hover, .pager.jobs-page li:last-child a:hover {
      opacity: 0.7; }

.modal-body .New-Skill-modal .table-responsive {
  border: 1px solid #ddd;
  border-radius: 4px; }
  .modal-body .New-Skill-modal .table-responsive .table {
    min-width: 0px; }
    .modal-body .New-Skill-modal .table-responsive .table .table-head {
      background-color: #ddd; }
      .modal-body .New-Skill-modal .table-responsive .table .table-head .table-th {
        text-align: center; }
    .modal-body .New-Skill-modal .table-responsive .table td {
      border-top: none !important; }
      .modal-body .New-Skill-modal .table-responsive .table td .text {
        position: relative;
        padding: 6px; }
        .modal-body .New-Skill-modal .table-responsive .table td .text:hover .tool-tip {
          display: block; }
        .modal-body .New-Skill-modal .table-responsive .table td .text .tool-tip {
          width: 140px;
          padding: 10px 12px;
          background-color: #636363;
          color: #ffffff;
          border-radius: 3px;
          position: absolute;
          top: 100%;
          left: 0%;
          z-index: 99;
          display: none;
          min-height: 78px; }
          .modal-body .New-Skill-modal .table-responsive .table td .text .tool-tip:before {
            content: '\f0d7';
            font-size: 25px;
            font-family: 'FontAwesome';
            color: #636363;
            position: absolute;
            left: 20%;
            top: -20px;
            margin-left: -8px;
            -ms-transform: rotate(180deg);
            /* IE 9 */
            -webkit-transform: rotate(180deg);
            /* Chrome, Safari, Opera */
            transform: rotate(180deg); }
          .modal-body .New-Skill-modal .table-responsive .table td .text .tool-tip h5 {
            font-size: 12px;
            color: #ffffff;
            margin: 0 0 5px; }
          .modal-body .New-Skill-modal .table-responsive .table td .text .tool-tip p {
            font-size: 10px;
            line-height: 14px;
            margin-bottom: 0; }
    .modal-body .New-Skill-modal .table-responsive .table tr:last-child .text .tool-tip, .modal-body .New-Skill-modal .table-responsive .table tr:nth-last-child(2) .text .tool-tip {
      bottom: 100%;
      top: auto; }
      .modal-body .New-Skill-modal .table-responsive .table tr:last-child .text .tool-tip:before, .modal-body .New-Skill-modal .table-responsive .table tr:nth-last-child(2) .text .tool-tip:before {
        -ms-transform: rotate(-2deg);
        /* IE 9 */
        -webkit-transform: rotate(-2deg);
        /* Chrome, Safari, Opera */
        transform: rotate(-2deg);
        position: absolute;
        left: 20%;
        bottom: -21px;
        top: auto;
        margin-left: -8px; }

.Skillstable {
  height: 400px;
  border: 1px solid #ddd;
  border-radius: 4px; }
  .Skillstable .mCSB_container_wrapper {
    margin-right: 0;
    margin-bottom: 10px; }
    .Skillstable .mCSB_container_wrapper > .mCSB_container {
      padding-right: 0;
      padding-bottom: 0; }
  .Skillstable table {
    min-width: 100% !important;
    border-bottom: 0;
    margin-bottom: 0; }
    .Skillstable table thead {
      background-color: #ebebeb; }
      .Skillstable table thead th {
        font-size: 12px;
        line-height: 19px;
        color: #7d7d7d;
        font-family: "latoregular";
        border-bottom: 0; }
    .Skillstable table tbody td {
      font-size: 12px;
      line-height: 19px;
      color: #7d7d7d;
      font-family: "latoregular";
      border: 0; }
      .Skillstable table tbody td .btn {
        font-size: 12px;
        line-height: 19px;
        color: #7d7d7d;
        font-family: "latoregular";
        cursor: default;
        padding: 0; }
        .Skillstable table tbody td .btn:hover {
          opacity: 1; }
      .Skillstable table tbody td p {
        margin-bottom: 0; }
        .Skillstable table tbody td p.months {
          color: #318dfd;
          border-bottom: 1px dashed #17a7dc;
          display: inline-block; }

.skill-popover {
  width: 140px;
  padding: 10px 12px;
  background: #636363;
  color: #ffffff;
  border-radius: 3px;
  margin-left: 46px; }
  .skill-popover.bottom {
    margin-top: 4px; }
    .skill-popover.bottom .arrow {
      display: block !important;
      border-bottom-color: transparent;
      left: 14px !important;
      border: 0; }
      .skill-popover.bottom .arrow:after {
        content: none; }
      .skill-popover.bottom .arrow:before {
        content: '\f0d7';
        font-size: 24px;
        font-family: 'FontAwesome';
        color: #636363;
        position: absolute;
        left: 15px;
        bottom: -13px;
        margin-left: 0;
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        line-height: 11px; }
  .skill-popover .popover-title {
    font-size: 12px;
    color: #ffffff;
    margin: 0 0 5px;
    background: transparent;
    border: 0;
    padding: 0; }
  .skill-popover .popover-content {
    font-size: 10px;
    line-height: 14px;
    margin-bottom: 0;
    padding: 0; }

.skill-tooltip .tooltip-inner {
  text-align: left;
  padding: 10px;
  border-radius: 4px; }
  .skill-tooltip .tooltip-inner h2 {
    font-size: 12px;
    color: #ffffff;
    margin: 0 0 5px;
    background: transparent;
    border: 0;
    padding: 0; }
  .skill-tooltip .tooltip-inner span {
    font-size: 10px;
    line-height: 14px;
    margin-bottom: 0;
    padding: 0; }

@media only screen and (max-width: 1199px) {
  .newdeisgn-profile-info .profil-pic {
    width: 100px; }
    .newdeisgn-profile-info .profil-pic .caption-count p {
      font-size: 11px; }

  .NewCandidateSearch .profile-detail {
    width: 365px; }
  .NewCandidateSearch .new-contact-info p {
    font-size: 13px; }

  .new-search-skill .left-side {
    width: 125px; } }
@media only screen and (max-width: 991px) {
  .newdeisgn-profile-info .profil-pic.homepage-pic {
    width: 93px; } }
@media only screen and (max-width: 767px) {
  .newdeisgn-profile-info .slider-part {
    width: 245px;
    height: 245px;
    min-width: auto; }
    .newdeisgn-profile-info .slider-part.video-div video {
      width: 255px; }
    .newdeisgn-profile-info .slider-part .carousel-inner {
      height: 245px; }
      .newdeisgn-profile-info .slider-part .carousel-inner .item iframe {
        width: 100% !important; }
  .newdeisgn-profile-info .profil-pic {
    width: 90px; }
    .newdeisgn-profile-info .profil-pic.homepage-pic {
      width: 90px; }
      .newdeisgn-profile-info .profil-pic.homepage-pic .play-video i {
        font-size: 35px;
        width: 30px;
        margin: -15px 0 0 -15px; }
    .newdeisgn-profile-info .profil-pic .caption-count {
      display: none; }

  .NewCandidateSearch .profile-detail {
    width: 68%; }
    .NewCandidateSearch .profile-detail .chat-info.new-profile {
      width: 127%; }
    .NewCandidateSearch .profile-detail .chat-info li {
      margin: 0 0 12px; }
  .NewCandidateSearch .logg-in {
    border-top: 1px solid #cccccc;
    margin-top: 10px;
    padding-top: 10px; }
    .NewCandidateSearch .logg-in.text-right {
      text-align: left; }
    .NewCandidateSearch .logg-in .btn-list {
      float: none;
      width: 100%; }
      .NewCandidateSearch .logg-in .btn-list li {
        margin-bottom: 10px; }
        .NewCandidateSearch .logg-in .btn-list li .btn-seach-info {
          width: 100%;
          display: block;
          margin: 0px; }

  .new-search-skill .left-side {
    width: 100%;
    line-height: 20px; }
  .new-search-skill .rating-side {
    float: right; }

  .newdesign-new {
    display: flex; }
    .newdesign-new .profile-detail {
      width: 100%; } }
@media only screen and (max-width: 499px) {
  .NewCandidateSearch .profile-detail .chat-info li {
    min-width: 90px; } }
@media only screen and (max-width: 519px) {
  .NewCandidateSearch .profile-detail .chat-info.new-profile {
    width: auto; } }
@media only screen and (max-width: 374px) {
  .newdeisgn-profile-info .profil-pic {
    width: 60px; }
    .newdeisgn-profile-info .profil-pic.homepage-pic {
      width: 60px; } }
/* new-chat-slider */
.new-chat-slider .carousel {
  padding-bottom: 32px; }
  .new-chat-slider .carousel .carousel-inner .item {
    text-align: center; }
    .new-chat-slider .carousel .carousel-inner .item h5 {
      font-size: 18px;
      margin-bottom: 15px; }
    .new-chat-slider .carousel .carousel-inner .item i {
      width: 85px;
      height: 85px;
      text-align: center;
      color: #ffffff;
      font-size: 48px;
      line-height: 85px;
      border-radius: 50%;
      -webkit-border-radius: 50%;
      background-color: #f26d7d;
      margin: 10px 0; }
    .new-chat-slider .carousel .carousel-inner .item p {
      color: #7d7d7d;
      font-size: 13px;
      line-height: 20px; }
  .new-chat-slider .carousel .carousel-indicators {
    z-index: 0;
    bottom: -6px; }
    .new-chat-slider .carousel .carousel-indicators li {
      width: 10px;
      height: 10px;
      margin: 0 -1px;
      background-color: #e1e1e1; }
      .new-chat-slider .carousel .carousel-indicators li.active {
        background-color: #f26d7d; }

@media only screen and (max-width: 991px) {
  .new-chat-slider.mg-t60 {
    margin-top: 0px !important; } }
/* Register With Us */
.RegisterWithUsArea .new-content {
  border-top: 1px solid #00a6e4;
  border-radius: 3px;
  -webkit-border-radius: 3px; }
  .RegisterWithUsArea .new-content .carousel {
    padding-right: 30px;
    min-height: 80px; }
    .RegisterWithUsArea .new-content .carousel .carousel-inner .item .text {
      padding-left: 40px;
      position: relative; }
      .RegisterWithUsArea .new-content .carousel .carousel-inner .item .text h6 {
        font-family: "latoregular";
        color: #000000;
        margin-top: 0; }
      .RegisterWithUsArea .new-content .carousel .carousel-inner .item .text p {
        font-size: 13px;
        line-height: 21px;
        color: #7d7d7d; }
    .RegisterWithUsArea .new-content .carousel .carousel-inner .item i {
      font-size: 30px;
      line-height: 30px;
      color: #c1c1c1; }
    .RegisterWithUsArea .new-content .carousel .carousel-inner .item .btn-border-new {
      margin: 20px 30px 0 0;
      height: 40px;
      line-height: 28px; }
    .RegisterWithUsArea .new-content .carousel .carousel-indicators {
      left: auto;
      margin-left: 0;
      right: 0;
      width: 10px; }
      .RegisterWithUsArea .new-content .carousel .carousel-indicators li {
        background-color: #e1e1e1;
        display: block;
        width: 9px;
        height: 9px;
        margin: 1px 0; }
        .RegisterWithUsArea .new-content .carousel .carousel-indicators li.active {
          background-color: #17a7dc; }

@media only screen and (max-width: 767px) {
  .RegisterWithUsArea .new-content .carousel {
    padding: 0 0 30px; }
    .RegisterWithUsArea .new-content .carousel .carousel-inner .item .text-right {
      text-align: center; }
      .RegisterWithUsArea .new-content .carousel .carousel-inner .item .text-right .btn-border-new {
        margin: 0; }
    .RegisterWithUsArea .new-content .carousel .carousel-indicators {
      width: 100%;
      left: 50%;
      margin-left: -50%;
      text-align: center;
      bottom: 0; }
      .RegisterWithUsArea .new-content .carousel .carousel-indicators li {
        display: inline-block; } }
/* new-similar-candidate */
.new-similar-candidate .new-content {
  padding: 0; }
.new-similar-candidate .heading {
  padding: 10px 15px 0;
  border-bottom: 1px solid #ccc; }
.new-similar-candidate .info {
  padding: 10px 15px; }
  .new-similar-candidate .info .carousel .carousel-control {
    width: 26px;
    height: 26px;
    opacity: 1;
    text-shadow: none;
    background: none;
    font-size: 16px;
    line-height: 26px; }
    .new-similar-candidate .info .carousel .carousel-control.left {
      left: auto;
      right: 20px;
      top: -44px; }
    .new-similar-candidate .info .carousel .carousel-control.right {
      right: -8px;
      top: -44px; }
    .new-similar-candidate .info .carousel .carousel-control span i {
      color: #515151; }
  .new-similar-candidate .info .NewCandidateSearch .profil-pic {
    width: 84px;
    float: left;
    margin: 0 15px 10px 0; }
  .new-similar-candidate .info .NewCandidateSearch .profile-detail {
    width: 130px; }
    .new-similar-candidate .info .NewCandidateSearch .profile-detail h5 {
      font-size: 14px !important;
      margin-bottom: 5px; }
    .new-similar-candidate .info .NewCandidateSearch .profile-detail p {
      font-size: 12px;
      font-family: "latolight"; }
      .new-similar-candidate .info .NewCandidateSearch .profile-detail p span {
        font-family: "latoregular"; }
  .new-similar-candidate .info .rating ul li {
    padding-left: 5px;
    padding-right: 5px; }
  .new-similar-candidate .info .rating p {
    font-size: 13px;
    line-height: 28px;
    margin-bottom: 0; }
  .new-similar-candidate .info .rating i {
    font-size: 11px;
    line-height: 28px;
    color: #3498db;
    margin-right: 2px;
    float: right; }
  .new-similar-candidate .info .rating .btn {
    height: 27px;
    line-height: 15px; }
.new-similar-candidate .tag-job-infomation a.btn {
  padding: 0px 5px;
  margin: 2px 1px;
  font-size: 12px;
  background-color: #f0f0f0; }
.new-similar-candidate .tag-job-infomation .mCustomScrollbar {
  max-height: 180px;
  overflow: auto; }
.new-similar-candidate .tag-job-infomation ul li {
  border-left: 2px solid #cccccc;
  margin-bottom: 5px; }
  .new-similar-candidate .tag-job-infomation ul li a {
    font-size: 14px;
    line-height: 18px;
    padding: 5px 7px; }

@media only screen and (max-width: 1199px) {
  .new-similar-candidate .info .rating ul li {
    padding-left: 15px;
    padding-right: 15px; }
    .new-similar-candidate .info .rating ul li div {
      padding: 0; } }
@media only screen and (max-width: 991px) {
  .new-similar-candidate .tag-job-infomation ul li {
    width: 50%;
    float: left;
    padding: 0 5px; } }
/* candidate-work-history */
.candidate-work-history {
  position: relative; }
  .candidate-work-history h5 {
    font-size: 18px; }
    .candidate-work-history h5 img {
      position: relative;
      top: -3px; }
    .candidate-work-history h5 span {
      color: #7d7d7d; }
  .candidate-work-history p {
    color: #7d7d7d; }
    .candidate-work-history p i {
      color: #82ca9c; }
    .candidate-work-history p a {
      color: #448ccb; }
      .candidate-work-history p a:hover {
        text-decoration: underline; }
  .candidate-work-history ul {
    padding-left: 12px; }
    .candidate-work-history ul li {
      border-left: 1px solid #e1e1e1;
      padding-left: 30px;
      padding-bottom: 5px;
      position: relative; }
      .candidate-work-history ul li:before {
        width: 15px;
        height: 15px;
        border: 1px solid #cccccc;
        content: '';
        position: absolute;
        left: -8px;
        top: 0;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        box-shadow: 0 0 0 6px #ffffff;
        background-color: #ffffff; }
      .candidate-work-history ul li .top-heading p {
        line-height: 14px;
        margin-bottom: 0; }
        .candidate-work-history ul li .top-heading p i {
          margin: 0 2px;
          display: inline-block; }
      .candidate-work-history ul li .top-heading .btn {
        height: 37px;
        margin-top: -7px;
        line-height: 23px;
        border-radius: 5px;
        -webkit-border-radius: 5px; }
      .candidate-work-history ul li .top-heading .refer p {
        position: relative;
        top: 5px; }
      .candidate-work-history ul li .information {
        padding-right: 30px; }
        .candidate-work-history ul li .information p {
          font-family: "latolight"; }
      .candidate-work-history ul li .check-info p {
        font-size: 13px;
        margin-bottom: 0; }
  .candidate-work-history .medical-condition {
    padding-left: 12px; }
    .candidate-work-history .medical-condition p {
      font-size: 13px; }
      .candidate-work-history .medical-condition p span {
        font-family: "latolight";
        color: #448ccb; }
  .candidate-work-history .tool-tip {
    width: auto;
    padding: 10px 12px;
    background-color: #636363;
    color: #ffffff;
    border-radius: 3px;
    position: absolute;
    bottom: 100%;
    left: -50%;
    z-index: 99;
    display: none; }
    .candidate-work-history .tool-tip h5 {
      font-size: 14px;
      color: #ffffff;
      margin: 0 0 5px; }
    .candidate-work-history .tool-tip p {
      font-size: 12px;
      line-height: 14px;
      margin-bottom: 0;
      color: #ffffff; }
  .candidate-work-history .tool-tip::before {
    content: '\f0d7';
    font-size: 24px;
    font-family: 'FontAwesome';
    color: #636363;
    position: absolute;
    left: 50%;
    bottom: -19px;
    margin-left: -8px; }

.candidate-work-history:hover .tool-tip {
  display: inline-block;
  left: 25%;
  bottom: 50%;
  z-index: 999;
  -webkit-filter: blur(0px);
  -moz-filter: blur(0px);
  -o-filter: blur(0px);
  -ms-filter: blur(0px);
  filter: blur(0px); }

@media only screen and (max-width: 767px) {
  .candidate-work-history ul li h5 {
    line-height: 24px; }
  .candidate-work-history ul li .top-heading .refer.text-center {
    text-align: left; }
    .candidate-work-history ul li .top-heading .refer.text-center p {
      padding-top: 10px; }
  .candidate-work-history ul li .top-heading .text-right {
    text-align: left; }
    .candidate-work-history ul li .top-heading .text-right .btn {
      margin: 20px 0 10px;
      position: static; }
  .candidate-work-history ul li .check-info p {
    text-align: center; } }
/* New-Skill-Accrediation */
.New-Skill-Accrediation .CustomScrollbar {
  max-height: 400px;
  margin-bottom: 20px; }
  .New-Skill-Accrediation .CustomScrollbar.no-mg {
    margin: 0; }
.New-Skill-Accrediation .CustomScrollbar-h .mCSB_horizontal.mCSB_inside > .mCSB_container {
  margin-bottom: 12px; }
.New-Skill-Accrediation .skillshead {
  margin-bottom: 24px;
  font-size: 19px;
  padding-left: 48px;
  position: relative;
  line-height: 36px; }
  .New-Skill-Accrediation .skillshead img {
    position: absolute;
    top: 50%;
    left: 0;
    width: 34px;
    height: 34px;
    margin-top: -17px; }
.New-Skill-Accrediation .mCSB_inside > .mCSB_container {
  margin-right: 0; }
.New-Skill-Accrediation .rating-list {
  margin-bottom: 0; }
  .New-Skill-Accrediation .rating-list li {
    padding: 0;
    background-color: #ffffff;
    border-top: none;
    margin-left: 1px; }
    .New-Skill-Accrediation .rating-list li.first {
      background-color: #ebebeb; }
      .New-Skill-Accrediation .rating-list li.first h5 {
        font-size: 14px;
        margin: 7px 0; }
      .New-Skill-Accrediation .rating-list li.first .leftSide .ratingSide {
        padding-top: 5px; }
        .New-Skill-Accrediation .rating-list li.first .leftSide .ratingSide .ratingtext {
          font-size: 13px; }
          .New-Skill-Accrediation .rating-list li.first .leftSide .ratingSide .ratingtext p span.months.first-exp {
            color: #7d7d7d;
            border-bottom: none; }
      .New-Skill-Accrediation .rating-list li.first .rightSide {
        background-color: #e1e1e1; }
    .New-Skill-Accrediation .rating-list li:first-child .leftSide .ratingSide .text .tool-tip, .New-Skill-Accrediation .rating-list li:nth-child(2) .leftSide .ratingSide .text .tool-tip {
      bottom: auto;
      top: 100%; }
      .New-Skill-Accrediation .rating-list li:first-child .leftSide .ratingSide .text .tool-tip:before, .New-Skill-Accrediation .rating-list li:nth-child(2) .leftSide .ratingSide .text .tool-tip:before {
        -ms-transform: rotate(180deg);
        /* IE 9 */
        -webkit-transform: rotate(180deg);
        /* Chrome, Safari, Opera */
        transform: rotate(180deg);
        position: absolute;
        left: 20%;
        bottom: auto;
        top: -12px;
        margin-left: -8px; }
    .New-Skill-Accrediation .rating-list li .leftSide {
      width: 440px;
      float: left; }
      .New-Skill-Accrediation .rating-list li .leftSide .ratingSide {
        padding: 3px 10px 0;
        font-size: 12px;
        line-height: 19px;
        color: #7d7d7d; }
        .New-Skill-Accrediation .rating-list li .leftSide .ratingSide .text {
          width: 113px;
          float: left;
          position: relative; }
          .New-Skill-Accrediation .rating-list li .leftSide .ratingSide .text:hover .tool-tip {
            display: block; }
          .New-Skill-Accrediation .rating-list li .leftSide .ratingSide .text .tool-tip {
            width: 140px;
            padding: 10px 12px;
            background-color: #636363;
            color: #ffffff;
            border-radius: 3px;
            position: absolute;
            bottom: 100%;
            left: 0%;
            z-index: 99;
            display: none; }
            .New-Skill-Accrediation .rating-list li .leftSide .ratingSide .text .tool-tip:before {
              content: '\f0d7';
              font-size: 24px;
              font-family: 'FontAwesome';
              color: #636363;
              position: absolute;
              left: 20%;
              bottom: -12px;
              margin-left: -8px; }
            .New-Skill-Accrediation .rating-list li .leftSide .ratingSide .text .tool-tip h5 {
              font-size: 12px;
              color: #ffffff;
              margin: 0 0 5px; }
            .New-Skill-Accrediation .rating-list li .leftSide .ratingSide .text .tool-tip p {
              font-size: 10px;
              line-height: 14px;
              margin-bottom: 0; }
          .New-Skill-Accrediation .rating-list li .leftSide .ratingSide .text mark {
            background-color: #fffbc2;
            color: #7d7d7d; }
        .New-Skill-Accrediation .rating-list li .leftSide .ratingSide .label-right {
          width: 65px;
          float: left; }
          .New-Skill-Accrediation .rating-list li .leftSide .ratingSide .label-right li.none i {
            color: #b7b7b7; }
          .New-Skill-Accrediation .rating-list li .leftSide .ratingSide .label-right li i {
            color: #17a7dc; }
          .New-Skill-Accrediation .rating-list li .leftSide .ratingSide .label-right .rating-text p {
            font-size: 12px;
            color: #7d7d7d;
            float: left;
            margin: 0 0 0 -4px; }
        .New-Skill-Accrediation .rating-list li .leftSide .ratingSide .ratingtext {
          width: 242px;
          float: left; }
          .New-Skill-Accrediation .rating-list li .leftSide .ratingSide .ratingtext p {
            margin-bottom: 0;
            overflow: hidden; }
            .New-Skill-Accrediation .rating-list li .leftSide .ratingSide .ratingtext p span.months {
              color: #318dfd;
              border-bottom: 1px dashed #17a7dc;
              width: 65px;
              margin-right: 13px; }
            .New-Skill-Accrediation .rating-list li .leftSide .ratingSide .ratingtext p span {
              float: left;
              width: 163px; }
    .New-Skill-Accrediation .rating-list li .rightSide {
      width: 75px;
      float: right;
      position: relative;
      text-align: center; }
      .New-Skill-Accrediation .rating-list li .rightSide.odd-color {
        background-color: #f4f7f9; }
      .New-Skill-Accrediation .rating-list li .rightSide.even-color {
        background-color: #f0f3f5; }
      .New-Skill-Accrediation .rating-list li .rightSide .display-table {
        height: 41px; }
      .New-Skill-Accrediation .rating-list li .rightSide i {
        color: #82ca9c;
        font-size: 16px;
        /*width: 15px;
        height: 15px;
        position: absolute;
        left: 50%;
        top: 50%;
        margin: -8px 0 0 -8px;*/ }
  .New-Skill-Accrediation .rating-list.ratingList-new li:first-child .leftSide .ratingSide .text .tool-tip, .New-Skill-Accrediation .rating-list.ratingList-new li:nth-child(2) .leftSide .ratingSide .text .tool-tip {
    margin-top: 5px; }
  .New-Skill-Accrediation .rating-list.ratingList-new .col {
    float: left;
    box-sizing: border-box;
    padding: 6px 12px; }
  .New-Skill-Accrediation .rating-list.ratingList-new .col-20 {
    width: 20%; }
  .New-Skill-Accrediation .rating-list.ratingList-new .col-40 {
    width: 40%; }
  .New-Skill-Accrediation .rating-list.ratingList-new .col-60 {
    width: 60%; }
  .New-Skill-Accrediation .rating-list.ratingList-new .first {
    margin: 0; }
    .New-Skill-Accrediation .rating-list.ratingList-new .first .leftSide .ratingSide {
      padding: 0; }
  .New-Skill-Accrediation .rating-list.ratingList-new .leftSide {
    width: 100%;
    float: none;
    padding: 0; }
    .New-Skill-Accrediation .rating-list.ratingList-new .leftSide .ratingSide {
      padding: 0; }
      .New-Skill-Accrediation .rating-list.ratingList-new .leftSide .ratingSide .text {
        width: auto;
        float: none;
        display: inline-block; }
        .New-Skill-Accrediation .rating-list.ratingList-new .leftSide .ratingSide .text .tool-tip {
          margin-bottom: 5px; }
      .New-Skill-Accrediation .rating-list.ratingList-new .leftSide .ratingSide p {
        margin-bottom: 0;
        overflow: hidden; }
      .New-Skill-Accrediation .rating-list.ratingList-new .leftSide .ratingSide span.months {
        color: #318dfd;
        border-bottom: 1px dashed #17a7dc;
        display: inline-block; }
  .New-Skill-Accrediation .rating-list.ratingList-new .ratingList-view .list-group-item {
    padding-bottom: 5px;
    background: transparent;
    border: 0;
    margin: 0; }
.New-Skill-Accrediation .moreskills a {
  border-radius: 4px;
  margin: 20px 0;
  display: block; }
.New-Skill-Accrediation .skillRatingList {
  border: 1px solid #ddd;
  border-radius: 4px; }
.New-Skill-Accrediation .new-calender h6 {
  font-size: 14px;
  margin-top: 0;
  margin-bottom: 0; }
.New-Skill-Accrediation .new-calender .my_calender {
  box-shadow: none; }
  .New-Skill-Accrediation .new-calender .my_calender:before {
    content: none; }

.carousel-inner .rating .rating-text p {
  font-size: 12px;
  color: #7d7d7d;
  float: right;
  padding-left: 0px;
  margin: 0px 49px 0px 0px; }

@media only screen and (max-width: 1199px) {
  .New-Skill-Accrediation .rating-list li .leftSide {
    width: 555px; }
    .New-Skill-Accrediation .rating-list li .leftSide .ratingSide .text .tool-tip {
      left: 0%; }
    .New-Skill-Accrediation .rating-list li .leftSide .ratingSide .ratingtext {
      width: 356px; }
      .New-Skill-Accrediation .rating-list li .leftSide .ratingSide .ratingtext p span {
        width: 270px; } }
@media only screen and (max-width: 767px) {
  .New-Skill-Accrediation .rating-list li.first .leftSide {
    padding-top: 3px; }
    .New-Skill-Accrediation .rating-list li.first .leftSide .ratingSide .text {
      width: 100%;
      text-align: center; }
    .New-Skill-Accrediation .rating-list li.first .leftSide .ratingSide .ratingtext p span.months.first-exp {
      text-decoration: none; }
  .New-Skill-Accrediation .rating-list li .leftSide {
    text-align: center;
    width: 100%;
    float: none; }
    .New-Skill-Accrediation .rating-list li .leftSide .ratingSide {
      padding: 10px;
      font-size: 14px; }
      .New-Skill-Accrediation .rating-list li .leftSide .ratingSide .text {
        width: 50%;
        text-align: right; }
        .New-Skill-Accrediation .rating-list li .leftSide .ratingSide .text .tool-tip {
          left: 63%;
          text-align: left; }
      .New-Skill-Accrediation .rating-list li .leftSide .ratingSide .label-right {
        width: 50%;
        text-align: left; }
        .New-Skill-Accrediation .rating-list li .leftSide .ratingSide .label-right ul {
          margin-left: 10px; }
        .New-Skill-Accrediation .rating-list li .leftSide .ratingSide .label-right .rating-text p {
          font-size: 12px;
          color: #7d7d7d;
          float: left;
          margin: 0 0 0 9px; }
      .New-Skill-Accrediation .rating-list li .leftSide .ratingSide .ratingtext {
        width: 100%;
        float: none; }
        .New-Skill-Accrediation .rating-list li .leftSide .ratingSide .ratingtext p span {
          display: block;
          width: 100%; }
          .New-Skill-Accrediation .rating-list li .leftSide .ratingSide .ratingtext p span.months {
            margin: 0;
            width: 100%;
            border-bottom: none;
            text-decoration: underline; }
  .New-Skill-Accrediation .rating-list li .rightSide {
    width: 100%;
    float: none; }
  .New-Skill-Accrediation .rating-list.ratingList-new li.first .leftSide {
    padding: 0; }
    .New-Skill-Accrediation .rating-list.ratingList-new li.first .leftSide .ratingSide {
      padding: 0; }
  .New-Skill-Accrediation .rating-list.ratingList-new li .leftSide {
    text-align: left; }
    .New-Skill-Accrediation .rating-list.ratingList-new li .leftSide .ratingSide {
      padding: 0; }
      .New-Skill-Accrediation .rating-list.ratingList-new li .leftSide .ratingSide .text {
        width: auto;
        text-align: left; }
        .New-Skill-Accrediation .rating-list.ratingList-new li .leftSide .ratingSide .text .tool-tip {
          left: 0; } }
@media only screen and (max-width: 639px) {
  .overflow-xs {
    overflow: auto; }

  .scroll-h {
    width: 640px; } }
@media only screen and (max-width: 449px) {
  .New-Skill-Accrediation .rating-list li .leftSide .ratingSide .text .tool-tip {
    left: 0%; } }
/* newHomeSearch Area */
.newHomeSearchArea .searchbar .form-group {
  width: 80%; }
  .newHomeSearchArea .searchbar .form-group .form-control {
    height: 75px;
    font-size: 18px;
    border-radius: 5px 0px 0 5px;
    -webkit-border-radius: 5px 0px 0 5px; }
  .newHomeSearchArea .searchbar .form-group .highlight::-webkit-input-placeholder {
    color: #3498db !important; }
  .newHomeSearchArea .searchbar .form-group .highlight:-moz-placeholder {
    /* Firefox 18- */
    color: #3498db !important;
    opacity: 1; }
  .newHomeSearchArea .searchbar .form-group .highlight::-moz-placeholder {
    /* Firefox 19+ */
    color: #3498db !important;
    opacity: 1; }
  .newHomeSearchArea .searchbar .form-group .highlight::-ms-placeholder {
    color: #3498db !important; }
  .newHomeSearchArea .searchbar .form-group .highlight::placeholder {
    color: #3498db !important; }
.newHomeSearchArea .searchbar .btn {
  width: 20%;
  height: 75px;
  font-size: 24px;
  background-color: #017bc4;
  color: #fff;
  font-family: "latolight";
  border-radius: 0px 5px 5px 0px;
  -webkit-border-radius: 0px 5px 5px 0px; }
  .newHomeSearchArea .searchbar .btn i {
    margin-right: 5px; }
.newHomeSearchArea .searchbar-sm {
  margin-top: 40px; }
  .newHomeSearchArea .searchbar-sm .form-group {
    width: 85%; }
    .newHomeSearchArea .searchbar-sm .form-group .form-control {
      height: 60px;
      font-size: 16px; }
  .newHomeSearchArea .searchbar-sm .btn {
    width: 15%;
    height: 60px;
    font-size: 20px; }

.newHomeSearchArea .search-bar .form-group {
  width: 86%; }
  .newHomeSearchArea .search-bar .form-group .form-control {
    height: 57px;
    font-size: 18px;
    border-radius: 5px 0px 0 5px;
    -webkit-border-radius: 5px 0px 0 5px; }
  .newHomeSearchArea .search-bar .form-group .highlight::-webkit-input-placeholder {
    color: #3498db !important; }
  .newHomeSearchArea .search-bar .form-group .highlight:-moz-placeholder {
    /* Firefox 18- */
    color: #3498db !important;
    opacity: 1; }
  .newHomeSearchArea .search-bar .form-group .highlight::-moz-placeholder {
    /* Firefox 19+ */
    color: #3498db !important;
    opacity: 1; }
  .newHomeSearchArea .search-bar .form-group .highlight::-ms-placeholder {
    color: #3498db !important; }
  .newHomeSearchArea .search-bar .form-group .highlight::placeholder {
    color: #3498db !important; }
.newHomeSearchArea .search-bar .btn {
  width: 14%;
  height: 57px;
  font-size: 24px;
  background-color: #017bc4;
  color: #fff;
  font-family: "latolight";
  border-radius: 0px 5px 5px 0px;
  -webkit-border-radius: 0px 5px 5px 0px; }
  .newHomeSearchArea .search-bar .btn i {
    margin-right: 5px; }

@media only screen and (max-width: 991px) {
  .newHomeSearchArea .searchbar-sm .form-group {
    width: 80%; }
  .newHomeSearchArea .searchbar-sm .btn {
    width: 20%; } }
@media only screen and (max-width: 767px) {
  .text-center-xs {
    text-align: center; }

  .newHomeSearchArea .searchbar .form-group {
    width: 60%; }
    .newHomeSearchArea .searchbar .form-group .form-control {
      height: 50px; }
  .newHomeSearchArea .searchbar .btn {
    width: 40%;
    height: 50px;
    font-size: 16px; }
  .newHomeSearchArea .searchbar.searchbar-new .form-group {
    width: 80%; }
    .newHomeSearchArea .searchbar.searchbar-new .form-group .form-control {
      height: 50px; }
  .newHomeSearchArea .searchbar.searchbar-new .btn {
    width: 20%;
    height: 50px;
    font-size: 16px; }

  .newHomeSearchArea .search-bar .form-group {
    width: 80%; }
    .newHomeSearchArea .search-bar .form-group .form-control {
      height: 50px; }
  .newHomeSearchArea .search-bar .btn {
    width: 20%;
    height: 50px;
    font-size: 16px; } }
/* New Search Tree view */
.treeview.NewSearchTreeview .CustomScrollbar {
  max-height: 300px; }
.treeview.NewSearchTreeview .heading {
  color: #004783;
  background-color: #f1f3f4;
  text-transform: uppercase;
  border: none;
  line-height: 24px;
  margin-top: 0; }
.treeview.NewSearchTreeview .mCustomScrollBox {
  border: 1px solid #ececec;
  border-bottom: 5px solid #00bff3;
  padding-bottom: 30px; }
.treeview.NewSearchTreeview ul.nav-tree {
  border: none;
  background-color: #ffffff; }
  .treeview.NewSearchTreeview ul.nav-tree li span.opener {
    top: 7px;
    color: #7d7d7d; }
    .treeview.NewSearchTreeview ul.nav-tree li span.opener.opened {
      color: #82ca9c; }

@media only screen and (max-width: 767px) {
  .treeview.NewSearchTreeview {
    display: none; } }
@media only screen and (min-width: 768px) {
  .treeview.NewSearchTreeview {
    display: block; } }
/* view Register Area */
.viewRegisterArea {
  background-color: #f7f8f9; }
  .viewRegisterArea .form-control {
    height: 44px; }
  .viewRegisterArea .robot {
    margin-right: 20px; }
    .viewRegisterArea .robot input[type='checkbox'] {
      margin-right: 4px;
      position: relative;
      top: 2px; }
  .viewRegisterArea .registration {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    position: relative;
    top: -58px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.6); }
    .viewRegisterArea .registration .file-uploaded {
      position: relative;
      overflow: hidden;
      background: #ffffff;
      padding: 11px;
      border-radius: 4px;
      text-align: left;
      color: #17A7DC;
      border: 1px solid #ccc;
      text-align: center; }
      .viewRegisterArea .registration .file-uploaded input.upload {
        position: absolute;
        top: 0;
        left: 0;
        margin: 0;
        padding: 0;
        font-size: 20px;
        cursor: pointer;
        opacity: 0;
        filter: alpha(opacity=0);
        width: 100%;
        height: 100%; }
  .viewRegisterArea .signin {
    background-color: #f7f8f9;
    border: 1px solid #e1e1e1; }
    .viewRegisterArea .signin .form-control {
      border-radius: 0px;
      background-color: #fafafd; }

@media only screen and (max-width: 1199px) {
  .viewRegisterArea .signin .robot.robot2 {
    margin: 10px 0 20px;
    float: left; }
  .viewRegisterArea .signin .forget.mg-b10 {
    margin-bottom: 0; }
  .viewRegisterArea .signin .forget .btn-link {
    padding: 0; }
  .viewRegisterArea .signin .forget .text-right.mg-b20 {
    margin-bottom: 0; } }
@media only screen and (max-width: 991px) {
  .viewRegisterArea .registration .long-btn20.register-pd0 {
    padding: 0; }

  .signin .long-btn20 {
    padding: 0; } }
@media only screen and (max-width: 767px) {
  .viewRegisterArea {
    padding-top: 30px; }
    .viewRegisterArea .registration {
      top: 0; } }
/* Start Working Area */
.StartWorkingArea {
  background-color: #f7f8f9; }
  .StartWorkingArea .number .display-table {
    width: 42px;
    height: 42px;
    text-align: center;
    font-size: 18px;
    color: #ffffff;
    background-color: #2bc2a4;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    position: relative;
    overflow: hidden; }
    .StartWorkingArea .number .display-table.one:before {
      content: '';
      width: calc(100% + 95px);
      height: 138px;
      position: absolute;
      left: -126px;
      top: -4px;
      background: url("../images/work_line1.png") no-repeat left top; }
    .StartWorkingArea .number .display-table.two:before {
      content: '';
      width: calc(100% + 92px);
      height: 67px;
      position: absolute;
      left: -127px;
      top: 10px;
      background: url("../images/work_line2.png") no-repeat left top; }
    .StartWorkingArea .number .display-table.three:before {
      content: '';
      width: calc(100% + 86px);
      height: 14px;
      position: absolute;
      left: -127px;
      top: 20px;
      background: url("../images/work_line3.png") no-repeat left top; }
    .StartWorkingArea .number .display-table.four:before {
      content: '';
      width: calc(100% + 97px);
      height: 66px;
      position: absolute;
      left: -126px;
      top: -50px;
      background: url("../images/work_line4.png") no-repeat left top; }
  .StartWorkingArea .number p {
    margin-bottom: 0;
    font-family: "latolight"; }

@media only screen and (max-width: 1199px) {
  .StartWorkingArea .number .display-table.one:before {
    width: calc(100% + 67px);
    left: -100px;
    top: -46px; }
  .StartWorkingArea .number .display-table.two:before {
    width: calc(100% + 63px);
    left: -101px;
    top: -9px; }
  .StartWorkingArea .number .display-table.three:before {
    width: calc(100% + 59px);
    left: -100px;
    top: 16px; }
  .StartWorkingArea .number .display-table.four:before {
    width: calc(100% + 74px);
    left: -99px;
    top: -32px; } }
@media only screen and (max-width: 991px) {
  .StartWorkingArea.pd-t70 {
    padding-top: 20px !important; }
  .StartWorkingArea.pd-b70 {
    padding-bottom: 20px !important; }
  .StartWorkingArea .number .display-table {
    float: right; }
    .StartWorkingArea .number .display-table.one:before {
      display: none; }
    .StartWorkingArea .number .display-table.two:before {
      display: none; }
    .StartWorkingArea .number .display-table.three:before {
      display: none; }
    .StartWorkingArea .number .display-table.four:before {
      display: none; } }
@media only screen and (max-width: 767px) {
  .StartWorkingArea.pd-t70 {
    padding-top: 35px !important; }
  .StartWorkingArea.pd-b70 {
    padding-bottom: 35px !important; } }
@media only screen and (max-width: 549px) {
  .StartWorkingArea .number .display-table {
    float: none; } }
/* why Register Area */
.whyRegisterArea {
  background: url(../images/why-register_img.jpg) no-repeat top center;
  background-size: cover;
  min-height: 549px; }
  .whyRegisterArea .information {
    padding: 30px;
    margin: 24% 0;
    color: #fff;
    background-color: #7f7f7f; }
    .whyRegisterArea .information p {
      line-height: 24px;
      color: #ebebeb; }

@media only screen and (max-width: 1023px) {
  .whyRegisterArea {
    min-height: 465px; }
    .whyRegisterArea .information {
      margin-top: 19%; } }
@media only screen and (max-width: 767px) {
  .whyRegisterArea {
    min-height: auto; }
    .whyRegisterArea .information {
      margin: 40px 0; } }
/* Candiate-login */
.Candiate-loginArea .min-height {
  min-height: 275px; }
.Candiate-loginArea .login .checkbox {
  margin-top: 0; }
  .Candiate-loginArea .login .checkbox label {
    display: block;
    line-height: 21px; }
.Candiate-loginArea .login .border-right {
  border-right: 1px solid #e1e1e1; }
.Candiate-loginArea .profile ul li {
  color: #828282;
  position: relative;
  padding-left: 25px;
  margin-bottom: 10px; }
  .Candiate-loginArea .profile ul li:after {
    with: 12px;
    height: 12px;
    content: '\f05d';
    position: absolute;
    font-family: 'FontAwesome';
    left: 0;
    top: 2px;
    color: #17a7dc; }

@media only screen and (max-width: 767px) {
  .Candiate-loginArea .min-height {
    min-height: inherit; }
  .Candiate-loginArea .login .border-right {
    border-right: none;
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 20px; } }
/* Map Area */
.Maparea {
  height: 391px; }
  .Maparea img {
    min-height: 391px; }

@media only screen and (max-width: 767px) {
  .Maparea {
    height: 250px; }
    .Maparea img {
      min-height: 250px; } }
/* Reach Out Area */
.ReachOutarea h3 {
  font-family: "latobold"; }
.ReachOutarea .border-left {
  border-left: 1px solid #e1e1e1; }
.ReachOutarea .address address {
  color: #636363;
  font-family: "latolight";
  position: relative;
  line-height: 30px;
  margin-left: 24%;
  padding-top: 5px; }
  .ReachOutarea .address address:before {
    content: '\f041';
    width: 20px;
    height: 20px;
    font-family: 'FontAwesome';
    font-size: 16px;
    position: absolute;
    left: -20px;
    top: 5px; }
.ReachOutarea .address .contact {
  color: #636363;
  font-family: "latolight";
  padding-left: 40px;
  padding-top: 10px;
  padding-bottom: 40px; }
  .ReachOutarea .address .contact a {
    color: #636363; }
  .ReachOutarea .address .contact span {
    display: block;
    margin-bottom: 10px; }
  .ReachOutarea .address .contact i {
    padding-right: 5px;
    width: 30px;
    text-align: center;
    font-size: 16px; }
.ReachOutarea .soical-icon li {
  padding: 0;
  margin: 0 20px 10px; }
  .ReachOutarea .soical-icon li a {
    width: 42px;
    height: 42px;
    margin: 0;
    padding: 0;
    font-size: 50px;
    line-height: 30px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    transition: all 0.6s;
    -webkit-transition: all 0.6s; }
    .ReachOutarea .soical-icon li a:hover {
      color: #204385; }
    .ReachOutarea .soical-icon li a.twiter:hover {
      color: #2aa9e0; }
    .ReachOutarea .soical-icon li a.linked:hover {
      color: #02669a; }
    .ReachOutarea .soical-icon li a.gplus:hover {
      color: #d4492c; }
    .ReachOutarea .soical-icon li a.pinrest:hover {
      color: #cb2229; }

@media only screen and (max-width: 767px) {
  .ReachOutarea .address {
    text-align: center; }
    .ReachOutarea .address address {
      margin: 0 auto;
      width: 170px; }
    .ReachOutarea .address .contact {
      padding-left: 0; }
      .ReachOutarea .address .contact a {
        font-size: 15px; }
  .ReachOutarea .soical-icon li {
    margin: 0 5px; } }
/* Candidate-register Area */
.Candidate-registerArea h6 {
  font-family: "latoregular"; }
.Candidate-registerArea p {
  color: #707070; }
.Candidate-registerArea h4 {
  margin: 0; }
.Candidate-registerArea .register {
  background-color: #f4f7f9;
  border-radius: 5px;
  -webkit-border-radius: 5px; }
  .Candidate-registerArea .register .head {
    border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    padding: 20px; }
    .Candidate-registerArea .register .head h6 {
      color: #ffffff;
      margin: 0; }
  .Candidate-registerArea .register .main-content {
    padding: 20px 25px; }
    .Candidate-registerArea .register .main-content .form-control {
      border-radius: 4px;
      -webkit-border-radius: 4px;
      height: 42px;
      background-color: #ffffff; }
    .Candidate-registerArea .register .main-content .file-uploaded {
      position: relative;
      overflow: hidden;
      background: #ffffff;
      padding: 11px;
      border-radius: 4px;
      text-align: left;
      color: #17A7DC;
      border: 1px solid #ccc;
      text-align: center; }
      .Candidate-registerArea .register .main-content .file-uploaded span {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: block; }
      .Candidate-registerArea .register .main-content .file-uploaded input.upload {
        position: absolute;
        top: 0;
        left: 0;
        margin: 0;
        padding: 0;
        font-size: 20px;
        cursor: pointer;
        opacity: 0;
        filter: alpha(opacity=0);
        width: 100%;
        height: 100%; }
    .Candidate-registerArea .register .main-content .btn {
      height: 40px; }
.Candidate-registerArea .info p {
  font-size: 13px; }

@media only screen and (max-width: 767px) {
  .Candidate-registerArea .info img {
    margin: 0 auto 20px; }
  .Candidate-registerArea .info h4 {
    margin-top: 7px; } }
/* new Calender Deign */
.newCalenderDeign.my_calender {
  box-shadow: 0 0px 1px rgba(0, 0, 0, 0.6) !important;
  -webkit-box-shadow: 0 0px 1px rgba(0, 0, 0, 0.6) !important;
  margin-top: 6px;
  border-bottom: 5px solid #17a7dc !important;
  background-color: #ffffff !important; }
  .newCalenderDeign.my_calender:before {
    content: none; }
  .newCalenderDeign.my_calender.newCalenderDeign {
    left: 0px;
    right: 0;
    min-width: 240px; }

/* favourite-resultsArea */
.favourite-resultsArea .mCSB_inside > .mCSB_container {
  margin-right: 0; }
.favourite-resultsArea .mCSB_scrollTools .mCSB_draggerContainer {
  right: -12px; }
.favourite-resultsArea h5 {
  font-size: 14px;
  margin: 0 0 5px; }
  .favourite-resultsArea h5 small {
    font-size: #919191;
    font-weight: normal;
    padding-left: 0;
    line-height: 20px;
    display: block;
    color: #919191; }
.favourite-resultsArea .bullet-list {
  padding-left: 0; }
  .favourite-resultsArea .bullet-list li {
    color: #919191;
    font-size: 12px;
    position: relative;
    padding: 0 0 4px 80px; }
    .favourite-resultsArea .bullet-list li strong {
      width: 80px;
      color: #666;
      position: absolute;
      left: 0;
      top: 0px;
      font-weight: normal; }
    .favourite-resultsArea .bullet-list li:before {
      display: none; }
.favourite-resultsArea .shortlist1 .panel .panel-heading h4 {
  color: #31c4ce; }
.favourite-resultsArea .contacted .panel .panel-heading h4 {
  color: #649ae0; }
.favourite-resultsArea .panel .panel-heading {
  padding-left: 30px;
  padding-right: 30px;
  border: none;
  background-color: #f7f8fa; }
  .favourite-resultsArea .panel .panel-heading h4 {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 20px;
    color: #ee6a75; }
    .favourite-resultsArea .panel .panel-heading h4 i {
      font-size: 16px;
      padding-right: 8px; }
.favourite-resultsArea .panel .panel-body {
  min-height: 340px;
  overflow: hidden; }
  .favourite-resultsArea .panel .panel-body .CustomScrollbar {
    max-height: 310px; }
  .favourite-resultsArea .panel .panel-body ul {
    margin-top: -10px; }
    .favourite-resultsArea .panel .panel-body ul > li {
      padding: 9px 0;
      overflow: hidden;
      border-bottom: 1px solid #ebebeb; }
      .favourite-resultsArea .panel .panel-body ul > li .pic {
        margin-right: 20px;
        width: 52px;
        float: left; }
        .favourite-resultsArea .panel .panel-body ul > li .pic.profile {
          width: 60px;
          border-radius: 50%;
          -webkit-border-radius: 50%;
          overflow: hidden; }
      .favourite-resultsArea .panel .panel-body ul > li .content-noimage h5, .favourite-resultsArea .panel .panel-body ul > li .content-noimage li, .favourite-resultsArea .panel .panel-body ul > li .content-noimage small {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap; }
      .favourite-resultsArea .panel .panel-body ul > li .content {
        float: left;
        width: 211px; }
        .favourite-resultsArea .panel .panel-body ul > li .content h6 {
          font-family: "latoregular";
          font-size: 14px; }
        .favourite-resultsArea .panel .panel-body ul > li .content p {
          font-size: 12px;
          color: #919191; }
  .favourite-resultsArea .panel .panel-body .blank-messege {
    padding: 40px 0;
    text-align: center; }
    .favourite-resultsArea .panel .panel-body .blank-messege.user i {
      color: #31c4ce; }
    .favourite-resultsArea .panel .panel-body .blank-messege.check i {
      color: #649ae0; }
    .favourite-resultsArea .panel .panel-body .blank-messege i {
      font-size: 91px;
      color: #ee6a75; }
    .favourite-resultsArea .panel .panel-body .blank-messege h4 {
      margin-top: 30px; }
      .favourite-resultsArea .panel .panel-body .blank-messege h4 strong {
        display: block; }

@media only screen and (max-width: 1199px) {
  .favourite-resultsArea .panel .panel-heading {
    padding-left: 20px;
    padding-right: 20px; }
    .favourite-resultsArea .panel .panel-heading h4 {
      font-size: 17px; }
  .favourite-resultsArea .panel .panel-body ul li .content {
    width: 150px; } }
@media only screen and (max-width: 991px) {
  .favourite-resultsArea .panel .panel-heading {
    padding-left: 15px;
    padding-right: 15px; }
    .favourite-resultsArea .panel .panel-heading h4 {
      font-size: 15px; }
  .favourite-resultsArea .panel .panel-body ul li .pic {
    margin-right: 10px; }
  .favourite-resultsArea .panel .panel-body ul li .content {
    width: 86px; } }
@media only screen and (max-width: 767px) {
  .favourite-resultsArea .panel .panel-heading {
    padding-left: 15px;
    padding-right: 15px; }
    .favourite-resultsArea .panel .panel-heading h4 {
      font-size: 15px; }
  .favourite-resultsArea .panel .panel-body ul li .content {
    width: 67%; } }
/* loader */
.loader-div {
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  display: block;
  z-index: 9999999;
  background: rgba(0, 0, 0, 0.8) url(../images/loader.gif) center center no-repeat;
  background-size: 80px 80px; }

.loader-div-content {
  width: 100%;
  display: block;
  border-color: #e5e6e9 #dfe0e4 #d0d1d5;
  min-height: 200px;
  background: #fff; }

.loader-div-content2 {
  width: 100%;
  display: block;
  border: 1px solid;
  border-color: #e5e6e9 #dfe0e4 #d0d1d5;
  background: rgba(255, 255, 255, 0.8) url(../images/loader.gif) center center no-repeat;
  background-size: 80px 80px;
  min-height: 150px; }

.loader-div-content3 {
  width: 100%;
  display: block;
  border: 1px solid;
  border-color: #e5e6e9 #dfe0e4 #d0d1d5;
  background: rgba(255, 255, 255, 0.6) url(../images/loader.gif) center center no-repeat;
  background-size: 80px 80px;
  min-height: 150px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999; }

.loader-div-content6 {
  width: 100%;
  display: block;
  background: rgba(255, 255, 255, 0.6) url(../images/loader.gif) center center no-repeat;
  background-size: 80px 80px;
  min-height: 150px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999; }

.timeline-item {
  background: #fff;
  border-radius: 3px;
  padding: 12px;
  margin: 0;
  max-width: 472px; }

@keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0; }
  100% {
    background-position: 468px 0; } }
.animated-background {
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: placeHolderShimmer;
  animation-timing-function: linear;
  background: #f6f7f8;
  background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
  background-size: 800px 104px;
  height: 96px;
  position: relative; }

.background-masker {
  background: #fff;
  position: absolute; }

/* Every thing below this is just positioning */
.background-masker.header-top,
.background-masker.header-bottom,
.background-masker.subheader-bottom {
  top: 0;
  left: 40px;
  right: 0;
  height: 10px; }

.background-masker.header-left,
.background-masker.subheader-left,
.background-masker.header-right,
.background-masker.subheader-right {
  top: 10px;
  left: 40px;
  height: 8px;
  width: 10px; }

.background-masker.header-bottom {
  top: 18px;
  height: 6px; }

.background-masker.subheader-left,
.background-masker.subheader-right {
  top: 24px;
  height: 6px; }

.background-masker.header-right,
.background-masker.subheader-right {
  width: auto;
  left: 300px;
  right: 0; }

.background-masker.subheader-right {
  left: 230px; }

.background-masker.subheader-bottom {
  top: 30px;
  height: 10px; }

.background-masker.content-top,
.background-masker.content-second-line,
.background-masker.content-third-line,
.background-masker.content-second-end,
.background-masker.content-third-end,
.background-masker.content-first-end {
  top: 40px;
  left: 0;
  right: 0;
  height: 6px; }

.background-masker.content-top {
  height: 20px; }

.background-masker.content-first-end,
.background-masker.content-second-end,
.background-masker.content-third-end {
  width: auto;
  left: 380px;
  right: 0;
  top: 60px;
  height: 8px; }

.background-masker.content-second-line {
  top: 68px; }

.background-masker.content-second-end {
  left: 420px;
  top: 74px; }

.background-masker.content-third-line {
  top: 82px; }

.background-masker.content-third-end {
  left: 300px;
  top: 88px; }

/* loader with image and two lines */
.loader-div-content1 {
  width: 100%;
  display: block;
  border-color: #e5e6e9 #dfe0e4 #d0d1d5;
  background: #fff; }

.animated-background1 {
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: placeHolderShimmer;
  animation-timing-function: linear;
  background: #f6f7f8;
  background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
  background-size: 800px 104px;
  height: 46px;
  position: relative; }

.background-masker1 {
  background: #fff;
  position: absolute; }

/* Every thing below this is just positioning */
.background-masker1.header-top,
.background-masker1.header-bottom,
.background-masker1.subheader-bottom {
  top: 0;
  left: 40px;
  right: 0;
  height: 10px; }

.background-masker1.header-left,
.background-masker1.subheader-left,
.background-masker1.header-right,
.background-masker1.subheader-right {
  top: 10px;
  left: 40px;
  height: 8px;
  width: 10px; }

.background-masker1.header-bottom {
  top: 18px;
  height: 6px; }

.background-masker1.subheader-left,
.background-masker1.subheader-right {
  top: 24px;
  height: 6px; }

.background-masker1.header-right,
.background-masker1.subheader-right {
  width: auto;
  left: 300px;
  right: 0; }

.background-masker1.subheader-right {
  left: 230px; }

.background-masker1.subheader-bottom {
  top: 30px;
  height: 10px; }

.background-masker1.content-top {
  height: 6px;
  top: 40px;
  left: 0;
  right: 0; }

/* loader with three lines only  */
.loader-div-content4 {
  width: 100%;
  display: block;
  border-color: #e5e6e9 #dfe0e4 #d0d1d5;
  background: #fff; }

.animated-background4 {
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: placeHolderShimmer;
  animation-timing-function: linear;
  background: #f6f7f8;
  background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
  background-size: 800px 104px;
  height: 36px;
  position: relative; }

.background-masker4 {
  background: #fff;
  position: absolute; }

/* Every thing below this is just positioning */
.background-masker4.content-top,
.background-masker4.content-second-line,
.background-masker4.content-third-line,
.background-masker4.content-second-end,
.background-masker4.content-third-end,
.background-masker4.content-first-end {
  top: 0px;
  left: 0;
  right: 0;
  height: 6px; }

.background-masker4.content-top {
  height: 0px; }

.background-masker4.content-first-end,
.background-masker4.content-second-end,
.background-masker4.content-third-end {
  width: auto;
  left: 380px;
  right: 0;
  top: 14px;
  height: 8px; }

.background-masker4.content-second-line {
  top: 8px; }

.background-masker4.content-second-end {
  left: 420px;
  top: 14px; }

.background-masker4.content-third-line {
  top: 22px; }

.background-masker4.content-third-end {
  left: 300px;
  top: 28px; }

/* loader with three lines only  */
.loader-div-content5 {
  width: 100%;
  display: block;
  border-color: #e5e6e9 #dfe0e4 #d0d1d5;
  background: #fff;
  min-height: 150px; }

.animated-background4 {
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: placeHolderShimmer;
  animation-timing-function: linear;
  background: #f6f7f8;
  background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
  background-size: 800px 104px;
  height: 36px;
  position: relative; }
  .animated-background4.two-lines-loader {
    height: 23px; }

.background-masker4 {
  background: #fff;
  position: absolute; }

/* Every thing below this is just positioning */
.background-masker4.content-top,
.background-masker4.content-second-line,
.background-masker4.content-third-line,
.background-masker4.content-second-end,
.background-masker4.content-third-end,
.background-masker4.content-first-end {
  top: 0px;
  left: 0;
  right: 0;
  height: 6px; }

.background-masker4.content-top {
  height: 0px; }

.background-masker4.content-first-end,
.background-masker4.content-second-end,
.background-masker4.content-third-end {
  width: auto;
  left: 380px;
  right: 0;
  top: 14px;
  height: 8px; }

.background-masker4.content-second-line {
  top: 8px; }

.background-masker4.content-second-end {
  left: 420px;
  top: 14px; }

.background-masker4.content-third-line {
  top: 22px; }

.background-masker4.content-third-end {
  left: 300px;
  top: 28px; }

/*@import "newsearch";**/
/* Footer */
.footerarea {
  background-color: #17a7dc; }
  .footerarea h6 {
    color: #ffffff;
    font-family: "latobold"; }
  .footerarea ul li {
    margin-bottom: 10px; }
    .footerarea ul li a {
      color: #ffffff; }
      .footerarea ul li a:hover {
        color: #333333;
        text-decoration: none;
        padding-left: 10px; }

@media only screen and (max-width: 767px) {
  .footerarea h6 {
    font-size: 16px; } }
/* BrowseCandidate */
.browsercandidatearea {
  background-color: #f4f4f4; }
  .browsercandidatearea .info h4 {
    line-height: 39px;
    overflow: hidden; }
    .browsercandidatearea .info h4 .icon-sp2 {
      float: left;
      margin-right: 10px; }
  .browsercandidatearea .info ul li {
    margin-bottom: 10px; }
    .browsercandidatearea .info ul li a {
      color: #525252; }
      .browsercandidatearea .info ul li a span {
        display: inline-block;
        padding-left: 10px;
        font-size: 11px;
        color: #707070;
        font-family: "latolight"; }
      .browsercandidatearea .info ul li a:hover {
        text-decoration: underline; }
      .browsercandidatearea .info ul li a.view-all {
        text-decoration: underline;
        color: #1eaeed; }
        .browsercandidatearea .info ul li a.view-all:hover {
          text-decoration: none; }

@media only screen and (max-width: 767px) {
  .browsercandidatearea .info h4 {
    margin: 0 auto 20px;
    display: block; }
  .browsercandidatearea .info ul {
    text-align: left; }
    .browsercandidatearea .info ul li a {
      display: block; }
      .browsercandidatearea .info ul li a span {
        float: right; }
    .browsercandidatearea .info ul.list-line {
      margin: 0 -10px; }
      .browsercandidatearea .info ul.list-line li {
        float: left;
        width: 50%;
        padding-right: 10px;
        padding-left: 10px; } }
/* Copyright */
.copyrightarea {
  background-color: #22323d;
  color: #ffffff;
  font-size: 11px;
  line-height: 30px; }
  .copyrightarea p {
    line-height: 45px;
    margin-bottom: 0; }
    .copyrightarea p img {
      float: left;
      margin-right: 15px; }
  .copyrightarea ul li a {
    color: #ffffff; }
    .copyrightarea ul li a:hover {
      text-decoration: underline; }
  .copyrightarea ul.social li {
    padding-left: 3px;
    padding-right: 3px;
    font-size: 12px; }
    .copyrightarea ul.social li a {
      width: 20px;
      height: 20px;
      line-height: 20px;
      color: #525252;
      display: block;
      background-color: #ffffff;
      text-align: center;
      border-radius: 50%;
      -webkit-border-radius: 50%; }
      .copyrightarea ul.social li a i {
        font-size: 12px; }
      .copyrightarea ul.social li a:hover {
        opacity: 0.7; }
    .copyrightarea ul.social li .btn {
      width: 20px;
      height: 20px;
      line-height: 18px;
      padding: 0;
      color: #525252;
      display: block;
      background-color: #ffffff;
      text-align: center;
      border-radius: 50%;
      -webkit-border-radius: 50%; }
      .copyrightarea ul.social li .btn i {
        font-size: 12px; }
      .copyrightarea ul.social li .btn:hover {
        opacity: 0.7; }
      .copyrightarea ul.social li .btn:focus {
        outline: none; }

@media only screen and (max-width: 991px) {
  .copyrightarea {
    text-align: center;
    		/*p {			
    			line-height: 28px;
    			img {
    				width: 25px;
    				margin-right: 5px;
    			}
    		}
    
    		ul {
    			&.list-inline {
    				&.mg-t5 {
    					margin-top: 0;
    				}
    			}
    			li {
    				padding-left: 3px;
    				padding-right: 3px;
    			}
    		}*/ }
    .copyrightarea p {
      margin-bottom: 5px; }
      .copyrightarea p img {
        display: inline-block;
        margin-right: 10px;
        float: none;
        position: relative;
        top: -3px; }
    .copyrightarea ul {
      margin-left: 0;
      margin-bottom: 0; }
      .copyrightarea ul.social li:first-child {
        display: block; } }
@media only screen and (max-width: 767px) {
  .copyrightarea p {
    line-height: 28px; }
    .copyrightarea p img {
      width: 35px;
      margin-right: 5px; }
  .copyrightarea ul {
    margin-left: 0;
    margin-bottom: 0; }
    .copyrightarea ul.social li:first-child {
      display: inline-block; } }
/* NoContract */
.nocontractarea {
  height: 166px;
  width: 100%;
  background: url("../images/nocontract_bg.jpg") repeat-x top center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }
  .nocontractarea .display-table {
    height: 166px;
    color: #ffffff; }
    .nocontractarea .display-table h2 {
      font-family: "latolight";
      color: #ffffff;
      margin-top: 10px;
      letter-spacing: 0.02em; }
    .nocontractarea .display-table h6 {
      font-size: 16px;
      font-family: "latolight";
      letter-spacing: 0.02em; }
    .nocontractarea .display-table .btn-transparent {
      font-size: 14px;
      line-height: 30px;
      text-transform: uppercase;
      font-family: "latolight";
      background: rgba(0, 0, 0, 0.25);
      border-color: transparent;
      float: right; }

@media only screen and (max-width: 767px) {
  .nocontractarea {
    padding: 20px 0;
    height: auto; }
    .nocontractarea .display-table {
      height: auto;
      text-align: center; }
      .nocontractarea .display-table .btn-transparent {
        float: none;
        margin-top: 20px; } }
/* Crop Image */
.modal-error {
  z-index: 999; }

.image-editor {
  margin-top: 20px; }
  .image-editor .image-preview {
    margin: 0 auto; }
  .image-editor .input-group .form-control {
    height: 34px; }
  .image-editor .cropit-preview {
    background-color: #f8f8f8;
    background-size: cover;
    border: 5px solid #ccc;
    border-radius: 3px;
    width: 300px;
    height: 300px;
    margin: 30px auto; }
    .image-editor .cropit-preview img {
      max-width: none;
      display: inline-block; }
    .image-editor .cropit-preview .overlay {
      position: absolute;
      top: 0;
      right: 0;
      left: 0;
      bottom: 0;
      background-color: rgba(255, 255, 255, 0.7);
      z-index: 11; }
    .image-editor .cropit-preview .loading-img {
      display: inline-block;
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      margin: auto;
      width: 60px;
      height: 60px;
      z-index: 555; }
      .image-editor .cropit-preview .loading-img i {
        color: #333;
        font-size: 60px; }
  .image-editor .cropit-preview-image-container {
    cursor: move; }
  .image-editor .cropit-preview-background {
    opacity: .2;
    cursor: auto; }
  .image-editor .image-size-label {
    margin-top: 10px; }
  .image-editor .btn-control {
    margin: 0 0 24px; }
    .image-editor .btn-control .btn-icon {
      background: transparent;
      display: inline-block;
      padding: 0 6px; }
      .image-editor .btn-control .btn-icon i {
        font-size: 20px;
        color: #626567; }
        .image-editor .btn-control .btn-icon i:hover, .image-editor .btn-control .btn-icon i:active {
          color: #000; }
      .image-editor .btn-control .btn-icon:hover, .image-editor .btn-control .btn-icon:active, .image-editor .btn-control .btn-icon:focus {
        outline: none;
        box-shadow: none;
        color: #000;
        opacity: 1; }
    .image-editor .btn-control .export {
      margin-left: 12px; }

input[type=range] {
  display: inline-block;
  -webkit-appearance: none;
  width: 250px;
  background: transparent; }
  input[type=range]::-webkit-slider-runnable-track {
    height: 10px;
    cursor: pointer;
    background: #797D7F;
    border-radius: 5px; }
  input[type=range]::-webkit-slider-thumb {
    height: 30px;
    width: 30px;
    border-radius: 50%;
    background: #626567;
    cursor: pointer;
    -webkit-appearance: none;
    margin-top: -12px; }
    input[type=range]::-webkit-slider-thumb:hover {
      background: #000; }
  input[type=range]:focus {
    outline: none; }

input[type=range] {
  vertical-align: middle; }
  input[type=range]::-moz-range-track {
    height: 10px;
    cursor: pointer;
    background: #797D7F;
    border-radius: 5px; }
  input[type=range]::-moz-range-thumb {
    height: 30px;
    width: 30px;
    border-radius: 50%;
    background: #626567;
    border: none;
    -moz-appearance: none;
    cursor: pointer; }
    input[type=range]::-moz-range-thumb:hover {
      background: #000; }

input[type=range] {
  height: 30px; }
  input[type=range]::-ms-track {
    height: 10px;
    cursor: pointer;
    background: transparent;
    border-color: transparent;
    color: transparent; }
  input[type=range]::-ms-fill-lower {
    background: #626567;
    border-radius: 5px; }
  input[type=range]::-ms-fill-upper {
    background: #626567;
    border-radius: 5px; }
  input[type=range]::-ms-thumb {
    height: 30px;
    width: 30px;
    border-radius: 50%;
    background: #ccc;
    cursor: pointer;
    margin-top: 0px;
    -ms-appearance: none; }
  input[type=range]:focus::-ms-fill-lower {
    background: #626567; }
  input[type=range]:focus::-ms-fill-upper {
    background: #626567; }

.image-preview-filename {
  pointer-events: none; }

.image-preview-clear {
  display: none; }

.image-preview-input {
  position: relative;
  overflow: hidden;
  margin: 0px;
  color: #333;
  background-color: #fff;
  border-color: #ccc; }
  .image-preview-input input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0); }
  .image-preview-input .image-preview-input-title {
    margin-left: 2px; }

@media only screen and (max-width: 767px) {
  .image-editor .btn-control {
    width: 100%; }

  input[type=range] {
    display: inline-block;
    -webkit-appearance: none;
    max-width: 100%;
    background: transparent; } }
@media only screen and (max-width: 425px) {
  input[type=range] {
    display: inline-block;
    -webkit-appearance: none;
    width: 160px;
    background: transparent; } }
@media only screen and (max-width: 320px) {
  .image-editor .cropit-preview {
    width: 260px !important;
    height: 260px !important; } }
/* Buy Credit */
.boxSection {
  padding: 30px 0; }
  .boxSection.boxSection-bg {
    background: #f4f4f4; }

.input-label {
  font-size: 14px;
  font-family: "latobold"; }

.input-control {
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none; }

.text-extrabold {
  font-family: "latoblack" !important; }

.text-uppercase {
  text-transform: uppercase !important; }

.text-lineover {
  text-decoration: line-through; }

.contractarea .credits-info {
  position: relative;
  margin: 0 0 5px;
  font-size: 16px;
  font-family: "latolight"; }
  .contractarea .credits-info p {
    margin: 0;
    padding: 0 90px 0 0;
    font-family: "latolight"; }
    .contractarea .credits-info p span {
      margin-right: 5px; }
  .contractarea .credits-info span.right {
    position: absolute;
    top: 2px;
    right: 0; }

/* Priceing list */
.price {
  position: relative;
  display: inline-block;
  line-height: 30px;
  margin: 3px 0 20px; }
  .price span {
    font-size: 30px;
    letter-spacing: 2px;
    font-weight: bold;
    line-height: 30px; }
  .price sup {
    font-size: 18px; }
  .price sub {
    font-size: 16px;
    bottom: 0;
    font-weight: normal; }

.points {
  font-size: 17px;
  margin: 0 0 30px;
  /*background: rgba(255, 255, 255, 0.3);*/
  padding: 12px; }
  .points span {
    margin: 0 5px;
    font-family: "latobold";
    color: #3e3e3e; }

.creditpoints .credithead p {
  font-size: 15px;
  margin: 0 0 30px; }
  .creditpoints .credithead p.credit_secpara {
    font-family: "latobold";
    font-size: 17px;
    margin: 5px 0 15px; }
.creditpoints .credithead h2 {
  font-size: 26px;
  font-family: "latobold";
  text-transform: uppercase; }
  .creditpoints .credithead h2 span {
    font-family: "latoitalic";
    font-size: 18px; }
.creditpoints .creditlist {
  margin: 20px 0 5px; }
  .creditpoints .creditlist p {
    font-size: 15px;
    line-height: 16px;
    font-family: "latobold"; }
  .creditpoints .creditlist ul {
    margin: 15px 0;
    padding: 0;
    list-style: none;
    -ms-box-orient: horizontal;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap; }
    .creditpoints .creditlist ul li {
      width: 200px;
      background: #ffffff;
      border-radius: 3px;
      border: 1px solid #dddddd;
      padding: 10px;
      font-size: 15px;
      line-height: 16px;
      margin: 0 8px 8px 0;
      text-align: center; }
      .creditpoints .creditlist ul li .credit_point {
        margin: 0 0 15px; }
        .creditpoints .creditlist ul li .credit_point span {
          font-size: 24px;
          letter-spacing: 2px;
          font-family: "latobold";
          line-height: 24px; }
        .creditpoints .creditlist ul li .credit_point sub {
          font-size: 15px;
          bottom: 0;
          font-family: "latoregular"; }
      .creditpoints .creditlist ul li .credit_title {
        font-size: 13px;
        line-height: 14px;
        font-family: "latobold_italic";
        margin: 0; }
.creditpoints .buy-btn {
  display: block;
  padding: 8px 12px;
  min-width: 120px;
  margin: auto;
  text-transform: uppercase;
  font-family: "latobold"; }
.creditpoints .packages_bundle {
  margin: 0 0 20px;
  position: relative;
  /*h2 {
  	font-size: 17px;
  	margin: 0 0 15px;
  	font-family: $bold-font;
  }*/ }
  .creditpoints .packages_bundle .package_titlehead {
    font-size: 24px;
    text-transform: uppercase;
    margin: 0 0 10px;
    font-family: "latobold"; }
    .creditpoints .packages_bundle .package_titlehead span {
      font-family: "latoblack"; }
    .creditpoints .packages_bundle .package_titlehead.mg-0 {
      margin: 0; }
  .creditpoints .packages_bundle.packages-bg {
    padding: 20px 20px 90px;
    background: #ffffff;
    border-radius: 3px;
    border: 1px solid #dddddd; }
  .creditpoints .packages_bundle .price {
    margin: 3px 0 10px;
    display: block; }
    .creditpoints .packages_bundle .price span {
      font-size: 34px; }
    .creditpoints .packages_bundle .price sup {
      top: -11px;
      left: 0;
      font-family: "latobold"; }
    .creditpoints .packages_bundle .price sub {
      font-family: "latobold"; }
  .creditpoints .packages_bundle p {
    font-size: 15px;
    line-height: 18px; }
  .creditpoints .packages_bundle ul {
    padding: 0;
    margin: 15px 0 30px;
    list-style: none;
    min-height: 165px; }
    .creditpoints .packages_bundle ul li {
      font-size: 15px;
      line-height: 16px;
      padding: 0 0 0 24px;
      position: relative;
      margin: 0 0 20px; }
      .creditpoints .packages_bundle ul li:after {
        content: '\f058';
        font-family: FontAwesome;
        font-style: normal;
        font-size: 18px;
        color: #17a7dc;
        position: absolute;
        top: 0;
        left: 3px; }
    .creditpoints .packages_bundle ul.basicbundle {
      margin: 15px 0 67px; }
  .creditpoints .packages_bundle .package_discount {
    font-family: "latobold"; }
  .creditpoints .packages_bundle .buy-btn {
    width: 120px;
    position: absolute;
    bottom: 21px;
    left: 0;
    right: 0;
    margin: auto; }
.creditpoints .credit_pricelist .points {
  line-height: 24px;
  margin: 0 auto 15px;
  border-radius: 50%;
  width: 115px;
  height: 115px;
  padding: 35px 12px;
  font-style: italic;
  font-size: 16px;
  background: rgba(255, 255, 255, 0.8);
  -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3); }
  .creditpoints .credit_pricelist .points span {
    font-size: 24px;
    font-family: "latobold";
    margin: 0;
    display: block;
    font-style: normal; }
  .creditpoints .credit_pricelist .points.cadetblue-color {
    color: #317774; }
    .creditpoints .credit_pricelist .points.cadetblue-color span {
      color: #317774; }
  .creditpoints .credit_pricelist .points.cornflowerblue-color {
    color: #336eb5; }
    .creditpoints .credit_pricelist .points.cornflowerblue-color span {
      color: #336eb5; }
  .creditpoints .credit_pricelist .points.darkvoilet-color {
    color: #a143a5; }
    .creditpoints .credit_pricelist .points.darkvoilet-color span {
      color: #a143a5; }
.creditpoints .credit_pricelist .price {
  margin: 0;
  display: block; }
  .creditpoints .credit_pricelist .price span {
    font-weight: normal;
    margin: 0;
    font-size: 22px;
    font-family: "latobold"; }
  .creditpoints .credit_pricelist .price sup {
    top: -4px;
    font-size: 16px; }
.creditpoints .credit_pricelist .details-plan {
  text-align: left;
  color: #3e3e3e;
  padding: 20px; }
  .creditpoints .credit_pricelist .details-plan p {
    font-size: 16px;
    font-family: "latobold";
    color: #555555; }
  .creditpoints .credit_pricelist .details-plan ul {
    padding: 0;
    margin: 15px -20px 40px;
    display: block; }
    .creditpoints .credit_pricelist .details-plan ul li {
      display: block;
      padding: 12px 12px 12px 42px;
      font-size: 15px;
      position: relative; }
      .creditpoints .credit_pricelist .details-plan ul li:after {
        content: '\f058';
        font-family: FontAwesome;
        font-style: normal;
        font-size: 15px;
        position: absolute;
        top: 50%;
        left: 21px;
        margin-top: -11px; }
      .creditpoints .credit_pricelist .details-plan ul li:last-child {
        margin: 0; }
      .creditpoints .credit_pricelist .details-plan ul li:nth-child(odd) {
        background: #e8e8e8; }
.creditpoints .creditpoint_details p {
  font-size: 15px;
  margin: 0 0 12px; }
  .creditpoints .creditpoint_details p i {
    margin-right: 3px;
    padding: 2px;
    width: 22px;
    height: 22px;
    font-size: 12px;
    color: #ffffff;
    background-color: #f26d7d;
    text-align: center;
    line-height: 21px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    /*transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);*/
    /*&:hover {
    	padding: 2px 0;
    	transform: scale(1.2, 1.2);
    	-webkit-transform: scale(1.2, 1.2);
    	-moz-transform: scale(1.2, 1.2);
    	-ms-transform: scale(1.2, 1.2);
    	-o-transform: scale(1.2, 1.2);
    }*/ }

.flex-container {
  padding: 0;
  margin: 30px 0;
  list-style: none;
  -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex; }
  .flex-container.wrap {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: left; }
  .flex-container .flex-item {
    width: 32%;
    margin: 0 15px 15px 0;
    color: #ffffff;
    font-size: 14px;
    text-align: center;
    border-radius: 4px; }
    .flex-container .flex-item.basic {
      /*background: rgba(43,194,164, 0.2);*/
      -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
      -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
      -ms-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
      -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
      box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
      border: 1px solid #cccccc; }
      .flex-container .flex-item.basic .details-plan ul li:after {
        color: #5da8a4; }
      .flex-container .flex-item.basic .details-plan .btn-green {
        background: #5da8a4;
        border-color: #5da8a4;
        color: #ffffff; }
    .flex-container .flex-item.professional {
      /*background: rgba(61,147,204, 0.2);*/
      -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
      -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
      -ms-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
      -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
      box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
      border: 1px solid #cccccc; }
      .flex-container .flex-item.professional .details-plan ul li:after {
        color: #7da7d9; }
      .flex-container .flex-item.professional .details-plan .btn-blue {
        background: #7da7d9;
        border-color: #7da7d9;
        color: #ffffff; }
    .flex-container .flex-item.exclusive {
      /*background: rgba(140,84,163, 0.2);*/
      -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
      -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
      -ms-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
      -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
      box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
      border: 1px solid #cccccc; }
      .flex-container .flex-item.exclusive .details-plan ul li:after {
        color: #bd8dbf; }
      .flex-container .flex-item.exclusive .details-plan .btn-voilet {
        background: #bd8dbf;
        border-color: #bd8dbf;
        color: #ffffff; }
    .flex-container .flex-item .basic-plan {
      background: #5da8a4;
      padding: 15px;
      border-radius: 4px;
      border-bottom-right-radius: 0;
      border-bottom-left-radius: 0; }
    .flex-container .flex-item .professional-plan {
      background: #7da7d9;
      padding: 15px;
      border-radius: 4px;
      border-bottom-right-radius: 0;
      border-bottom-left-radius: 0; }
    .flex-container .flex-item .exclusive-plan {
      background: #bd8dbf;
      padding: 15px;
      border-radius: 4px;
      border-bottom-right-radius: 0;
      border-bottom-left-radius: 0; }
    .flex-container .flex-item:last-child {
      margin-right: 0 0 15px 0; }

.tableCntrl.table-mg {
  margin: 15px 0; }
.tableCntrl .table {
  margin: 0; }
  .tableCntrl .table > thead > tr > th {
    border-top: 2px solid #dddddd !important;
    font-size: 13px;
    font-family: "latobold";
    background: #f8f8f8; }
  .tableCntrl .table > tbody > tr > td {
    border-top: 0;
    border-bottom: 1px solid #dddddd; }
    .tableCntrl .table > tbody > tr > td .inputgroup .input-group-addon {
      color: #333333;
      font-size: 20px;
      border-color: #cccccc;
      background: #f8f8f8; }
    .tableCntrl .table > tbody > tr > td .inputgroup .input-control {
      height: 35px; }
  .tableCntrl .table.bordertable {
    border: 1px solid #dddddd; }
    .tableCntrl .table.bordertable > thead > tr > th {
      border-right: 1px solid #dddddd; }
    .tableCntrl .table.bordertable > tbody > tr > td {
      border-top: 0;
      border-bottom: 1px solid #dddddd;
      border-right: 1px solid #dddddd; }
  .tableCntrl .table.pricetable_list > tbody > tr > td {
    border-top: 0;
    border-bottom: 0;
    padding: 15px;
    vertical-align: middle; }
    .tableCntrl .table.pricetable_list > tbody > tr > td.pricedetails {
      background: rgba(51, 102, 204, 0.3); }
      .tableCntrl .table.pricetable_list > tbody > tr > td.pricedetails p {
        font-size: 22px;
        letter-spacing: 2px;
        font-family: "latobold";
        margin: 0; }
      .tableCntrl .table.pricetable_list > tbody > tr > td.pricedetails span {
        font-size: 16px; }
        .tableCntrl .table.pricetable_list > tbody > tr > td.pricedetails span small {
          font-size: 16px;
          margin-left: 30px; }
    .tableCntrl .table.pricetable_list > tbody > tr > td.pricelist {
      background: #3366cc;
      color: #ffffff;
      text-align: center;
      width: 150px; }
      .tableCntrl .table.pricetable_list > tbody > tr > td.pricelist span {
        font-family: "latobold";
        font-size: 30px; }
      .tableCntrl .table.pricetable_list > tbody > tr > td.pricelist sub {
        font-size: 18px;
        bottom: 0; }
  .tableCntrl .table.pricetable_list > tbody > tr:nth-child(odd) > td.pricedetails {
    background: #f8f8f8; }
  .tableCntrl .table.pricetable_list > tbody > tr:nth-child(odd) > td.pricelist {
    background: #e1e1e1;
    color: #333333; }
  .tableCntrl .table.pricetable_list > tbody > tr:first-child > td {
    padding: 8px 15px; }
    .tableCntrl .table.pricetable_list > tbody > tr:first-child > td.pricedetails p, .tableCntrl .table.pricetable_list > tbody > tr:first-child > td.pricelist p {
      font-size: 15px;
      letter-spacing: 0;
      font-family: "latobold";
      margin: 0; }

/*.input-qty {
	position: relative;
	.btn-icon {
		position: absolute;
		top: 50%;
		margin-top: -15px;
		font-size: 14px;
		background: $tertiary-color15;
    	border: 1px solid $primary-color13;
		border-radius: 50%;
		width: 30px;
		height: 30px;
		&.left {
			left: 0;
		}
		&.right {
			right: 0;
		}
		&.disabled {
			opacity: 0.5;
			pointer-events: none;
		}
	}
	.form-control {
		text-align: center;
		display: block;
		@include box-shadow(none);
		border-radius: 0;
		height: 33px; 
	}
}*/
.qnty_details {
  font-size: 18px;
  font-family: "latobold";
  display: block; }

/*.custom_popover {
	margin-left: 0;
	.arrow {
		display: block !important;
		&:after {
			content: '';
			border-bottom-color: $primary-color8 !important;
		}
	}
	.popover-content {
		padding: 0;
	}
}*/
.infopopover {
  background: #ffffff;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  text-align: left;
  position: absolute;
  top: 100%;
  right: -125px;
  margin-top: 12px;
  width: 250px;
  padding: 8px 12px;
  display: none;
  border-radius: 4px; }
  .infopopover:before {
    content: '';
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 13px solid transparent;
    border-bottom: 12px solid #ffffff;
    position: absolute;
    z-index: 2;
    top: -12px;
    left: 50%;
    margin-left: -19px; }
  .infopopover:after {
    content: '';
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 13px solid transparent;
    border-bottom: 12px solid #cccccc;
    position: absolute;
    z-index: 1;
    top: -13px;
    left: 50%;
    margin-left: -19px; }

.price_table .Total_Price {
  margin: 0 0 2px;
  font-size: 20px;
  font-family: "latobold"; }
  .price_table .Total_Price sub {
    bottom: 0; }
.price_table .sell_price {
  text-decoration: line-through;
  font-size: 17px;
  color: #c1c1c1;
  margin: 0 0 2px; }
.price_table .discount {
  color: #2bc2a4;
  font-family: "latobold";
  font-size: 14px;
  margin: 0 0 2px; }
  .price_table .discount .info {
    font-size: 16px;
    margin-left: 5px;
    color: #999999;
    cursor: pointer;
    position: relative;
    display: inline-block; }
    .price_table .discount .info:hover .infopopover {
      display: block; }

.table_ullist {
  display: block;
  margin: 0;
  padding: 0; }
  .table_ullist li {
    display: block;
    width: 100%; }
    .table_ullist li ol {
      display: table;
      width: 100%;
      padding: 0;
      margin: 0; }
      .table_ullist li ol li {
        display: table-cell;
        padding: 8px;
        background: #f9f9f9; }
        .table_ullist li ol li.width-30 {
          width: 30%; }
        .table_ullist li ol li.width-70 {
          width: 70%; }
    .table_ullist li:first-child ol li {
      background: #efefef;
      font-family: "latobold";
      font-size: 14px; }

.popover_table {
  width: 100%; }
  .popover_table tbody tr td {
    padding: 6px 0;
    color: #999999;
    font-size: 13px; }
  .popover_table tbody tr:last-child td {
    border-top: 1px dashed #c1c1c1; }

.Credit_purchase {
  text-align: center;
  margin-bottom: 30px; }
  .Credit_purchase .price-new {
    float: none;
    margin: 0 auto 20px; }
  .Credit_purchase p {
    font-size: 16px;
    margin: 0; }
    .Credit_purchase p span {
      font-family: "latobold";
      font-size: 15px;
      background: #17a7dc;
      padding: 5px;
      margin: 0 0 0 4px;
      color: #ffffff;
      border-radius: 2px; }

@media only screen and (max-width: 1400px) {
  .creditpoints .credithead h2 {
    font-size: 20px;
    line-height: 22px; }
  .creditpoints .credithead p.credit_secpara {
    font-size: 15px; }
  .creditpoints .packages_bundle .price span {
    font-size: 26px; }
  .creditpoints .packages_bundle .price sup {
    font-size: 15px;
    top: -7px; }
  .creditpoints .packages_bundle .price sub {
    font-size: 15px; }
  .creditpoints .packages_bundle ul {
    margin: 20px 0; }
    .creditpoints .packages_bundle ul li {
      margin: 0 0 15px; }
      .creditpoints .packages_bundle ul li:after {
        font-size: 16px; }

  .tableCntrl .table.pricetable_list > tbody > tr > td {
    padding: 12px; }
    .tableCntrl .table.pricetable_list > tbody > tr > td.pricedetails p {
      font-size: 18px;
      margin: 0 0 5px; }
    .tableCntrl .table.pricetable_list > tbody > tr > td.pricedetails span {
      font-size: 15px; }
      .tableCntrl .table.pricetable_list > tbody > tr > td.pricedetails span small {
        font-size: 15px;
        margin-left: 17px; }
    .tableCntrl .table.pricetable_list > tbody > tr > td.pricelist {
      width: 110px; }
      .tableCntrl .table.pricetable_list > tbody > tr > td.pricelist span {
        font-size: 22px; }
      .tableCntrl .table.pricetable_list > tbody > tr > td.pricelist sub {
        font-size: 15px; } }
@media only screen and (max-width: 1199px) {
  .flex-container .flex-item {
    width: 31%; } }
@media only screen and (max-width: 991px) {
  .contractarea {
    height: 230px; }
    .contractarea .display-table {
      height: 230px; }
    .contractarea h3 {
      margin: 15px 0 !important; }
    .contractarea .credits-info p {
      margin: 0 0 10px;
      text-align: left;
      padding: 0 100px 0 0; }

  .creditpoints .packages_bundle ul {
    min-height: 172px; }
  .creditpoints .packages_bundle .minheight-head {
    min-height: 53px; } }
@media only screen and (max-width: 767px) {
  .contractarea {
    height: auto; }
    .contractarea .display-table {
      height: auto; }
    .contractarea h3 {
      margin: 0 0 15px !important; }

  .creditpoints .credit_pricelist .points {
    font-size: 15px;
    padding: 12px 0; }
  .creditpoints .credit_pricelist .flex-container .flex-item {
    width: 30%; }

  .creditpoints .creditlist ul {
    justify-content: center; }
  .creditpoints .packages_bundle ul {
    margin: 15px 0 30px;
    min-height: auto; }
  .creditpoints .packages_bundle .minheight-head {
    min-height: auto; }
  .creditpoints .packages_bundle.packages-bg {
    padding: 20px; }
  .creditpoints .packages_bundle .buy-btn {
    display: block;
    width: 120px;
    position: static;
    margin: 30px auto 0; }

  .Credit_purchase p {
    font-size: 15px; }
    .Credit_purchase p span {
      font-size: 14px; } }
@media only screen and (max-width: 639px) {
  .creditpoints .credithead h2 {
    font-family: "latobold"; }
  .creditpoints .credit_pricelist .points {
    font-size: 18px;
    padding: 12px; }
  .creditpoints .credit_pricelist .flex-container .flex-item {
    width: 100%;
    margin: 0 0 15px; } }
@media only screen and (max-width: 479px) {
  .creditpoints .creditlist ul li {
    width: 100%;
    margin: 0 0 8px; }
  .creditpoints .packages_bundle .package_titlehead {
    font-size: 20px; }

  .tableCntrl .table.pricetable_list > tbody > tr > td {
    padding: 8px; }
    .tableCntrl .table.pricetable_list > tbody > tr > td.pricelist {
      width: 95px; } }
/* Modal */
.text-bold {
  font-family: "latobold"; }

.text-blackbold {
  font-family: "latoblack"; }

.modal-tittle {
  margin: 0 0 15px; }

.paratext {
  margin: 7px 0; }
  .paratext.text-alignright {
    text-align: right; }

.headtext {
  font-size: 16px;
  font-weight: 600; }

p {
  font-family: "latoregular"; }

.font-15 {
  font-size: 15px; }

.messege-error .error-message {
  background: #f44336;
  border-radius: 4px 4px 0 0;
  margin: -15px 0;
  display: table;
  height: 133px;
  width: 100%; }
  .messege-error .error-message .error-message-inner {
    width: 100%;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
    text-align: center; }
.messege-error .message {
  margin: 35px 0 0;
  text-align: center; }
  .messege-error .message h2 {
    margin-bottom: 20px;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 600; }
  .messege-error .message p {
    line-height: 20px;
    font-size: 16px; }

.purchagecredit .price-tittle {
  font-weight: 600;
  text-align: center; }
.purchagecredit .price-new {
  width: 115px;
  height: 115px; }
  .purchagecredit .price-new .price-new-in cite {
    font-family: "latoregular";
    font-size: 14px;
    line-height: 17px;
    font-weight: 600; }
  .purchagecredit .price-new .price-new-in .price-list {
    font-size: 26px;
    line-height: 30px; }
  .purchagecredit .price-new .price-new-in.danger {
    border-color: #f26d7d; }
    .purchagecredit .price-new .price-new-in.danger .price-list {
      color: #f26d7d; }
  .purchagecredit .price-new .price-new-in.info {
    border-color: #7da7d9; }
    .purchagecredit .price-new .price-new-in.info .price-list {
      color: #7da7d9; }
  .purchagecredit .price-new .price-new-in.warning {
    border-color: #f9ad81; }
    .purchagecredit .price-new .price-new-in.warning .price-list {
      color: #f9ad81; }
.purchagecredit .btn-price {
  text-align: center;
  margin: 10px 0; }
  .purchagecredit .btn-price .btn {
    padding: 5px 30px; }
  .purchagecredit .btn-price .btn-primary {
    background: #bd8dbf;
    border-color: #bd8dbf;
    color: #ffffff; }
  .purchagecredit .btn-price .btn-success {
    background: #5da8a4;
    border-color: #5da8a4;
    color: #ffffff; }
  .purchagecredit .btn-price .btn-danger {
    background: #f26d7d;
    border-color: #f26d7d;
    color: #ffffff; }
  .purchagecredit .btn-price .btn-info {
    background: #7da7d9;
    border-color: #7da7d9;
    color: #ffffff; }
  .purchagecredit .btn-price .btn-warning {
    background: #f9ad81;
    border-color: #f9ad81;
    color: #ffffff; }
.purchagecredit .paymentlist {
  text-align: center;
  padding: 0;
  list-style: none;
  margin: 0; }
  .purchagecredit .paymentlist li {
    display: inline-block;
    margin: 0 14px; }

/* Select 2 */
.CustomSelectbox {
  border-radius: 0;
  /*.mCSB_inside {
  	> .mCSB_container {
  	    margin-right: 10px;
  	}
  }
  .mCSB_dragger {
  	.mCSB_dragger_bar {
  	    background-color: rgba(0,0,0,0.75);
  	}
  	&.mCSB_dragger_onDrag {
  		.mCSB_dragger_bar {
  			background-color: rgba(0,0,0,0.75);
  		}
  	}
  }*/ }
  .CustomSelectbox .select2-results {
    margin: 0; }
    .CustomSelectbox .select2-results li {
      border-bottom: 1px solid #cccccc; }
      .CustomSelectbox .select2-results li.select2-highlighted {
        background: #eeeeee;
        color: #333333; }
      .CustomSelectbox .select2-results li:last-child {
        border-bottom: 0; }

.smapleimg, .btn-clssample {
  font-size: 15px;
  padding: 10px 0; }
  .smapleimg i, .btn-clssample i {
    font-size: 18px;
    vertical-align: text-top;
    margin-right: 2px; }
  .smapleimg:focus, .smapleimg:active, .smapleimg:hover, .btn-clssample:focus, .btn-clssample:active, .btn-clssample:hover {
    outline: none; }

/* downloadCV modal */
.downloadCV .modal-body label {
  font-size: 15px;
  margin: 0 0 15px; }
.downloadCV .modal-body .input-form {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
  height: 46px;
  font-size: 15px;
  color: #333333; }
.downloadCV .modal-body .btnselect label {
  margin: 0 10px 0 0; }
.downloadCV .modal-body .btnselect .btn {
  padding: 3px 7px; }

.messagesend .modal-body .headtext {
  margin: 43px 0 10px; }
.messagesend .modal-body .detailstittle {
  font-size: 15px;
  font-family: "latobold";
  border-bottom: 1px solid #cccccc;
  margin: 20px 0;
  padding: 0 0 8px; }
  .messagesend .modal-body .detailstittle p {
    margin: 0;
    display: inline-block; }
  .messagesend .modal-body .detailstittle span {
    font-family: "latobold_italic"; }
.messagesend .modal-body label {
  font-size: 15px;
  margin: 0 0 15px; }
.messagesend .modal-body .form-group {
  margin: 0 0 30px; }
.messagesend .modal-body .input-form {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
  height: 46px;
  font-size: 15px;
  color: #333333; }
.messagesend .modal-body .selectdrop .select2-container .select2-choice {
  height: 44px;
  line-height: 44px;
  border-radius: 0; }
  .messagesend .modal-body .selectdrop .select2-container .select2-choice > .select2-chosen {
    font-size: 15px; }
  .messagesend .modal-body .selectdrop .select2-container .select2-choice .select2-arrow {
    border-left: 0; }
.messagesend .modal-body .textarea {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
  font-size: 15px;
  color: #333333;
  height: 150px;
  resize: none; }
.messagesend .modal-body .messagelist {
  list-style: none;
  padding: 0;
  margin: 0; }
  .messagesend .modal-body .messagelist li {
    display: block;
    padding: 0 12px 5px 17px;
    font-size: 14px;
    line-height: 17px;
    font-family: "latobold";
    position: relative; }
    .messagesend .modal-body .messagelist li:before {
      content: '\f005';
      font-family: FontAwesome;
      position: absolute;
      top: 0;
      font-size: 11px;
      left: 0;
      color: #17a7dc; }
.messagesend .modal-body p.text-para {
  margin: 46px 0;
  font-size: 15px;
  font-weight: 600; }
.messagesend .modal-body .msgsampleimg {
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 54px;
  z-index: 9; }
  .messagesend .modal-body .msgsampleimg.close-sample {
    right: auto;
    left: 15px; }

.sendjob .headtext {
  margin: 10px 0 20px; }
.sendjob label {
  font-size: 15px;
  margin: 0 0 15px; }
.sendjob .selectdrop .select2-container .select2-choice {
  height: 44px;
  line-height: 44px;
  border-radius: 0; }
  .sendjob .selectdrop .select2-container .select2-choice > .select2-chosen {
    font-size: 15px; }
  .sendjob .selectdrop .select2-container .select2-choice .select2-arrow {
    border-left: 0; }

.purchase-top .payment-process .card-details .card-details-in .chk-radio .radio {
  background: url("../images/new-radio.png") left top no-repeat;
  background-position: 0 0; }
.purchase-top .payment-process .card-details.active .card-details-in .chk-radio .radio {
  background-position: 0 -48px; }
.purchase-top .payment-process .btn-info-pay {
  width: 100%;
  color: #ffffff;
  height: 62px;
  font-size: 18px;
  border-color: #7da7d9;
  text-transform: uppercase;
  background-color: #7da7d9;
  border-radius: 5px; }
.purchase-top .payment-process .paymentlist {
  text-align: left; }

.scrollDown {
  background: #3366cc;
  box-shadow: 0 5px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  width: 40px;
  height: 40px;
  position: fixed;
  bottom: 85px;
  right: 30px;
  padding: 10px 0;
  -moz-animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
  z-index: 2; }
  .scrollDown i {
    color: #ffffff;
    font-size: 28px;
    text-align: center;
    display: block;
    line-height: 20px; }

@keyframes bounce {
  0%,
    100%,
    20%,
    50%,
    80% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  40% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px); }
  60% {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px); } }
.chooseFile-Box .customalign {
  text-align: right; }
.chooseFile-Box .uploadpic {
  width: 100%;
  display: flex;
  align-items: center;
  position: relative;
  /*box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.5);*/
  border: 1px solid #eeeeee;
  border-radius: 3px;
  background: #fff;
  overflow: hidden;
  height: 100%; }
  .chooseFile-Box .uploadpic:hover .overlayaction {
    opacity: 1; }
  .chooseFile-Box .uploadpic img {
    width: auto;
    margin: auto;
    max-height: 150px;
    cursor: pointer; }
  .chooseFile-Box .uploadpic a.closed-btn {
    font-size: 22px;
    color: #333333;
    position: absolute;
    top: 0;
    right: 5px; }
  .chooseFile-Box .uploadpic .actions {
    height: 35px; }
    .chooseFile-Box .uploadpic .actions .middle {
      display: block;
      padding: 7px 0 6px; }
      .chooseFile-Box .uploadpic .actions .middle .btn {
        margin: 0;
        font-size: 12px; }
        .chooseFile-Box .uploadpic .actions .middle .btn:hover {
          color: #ffffff;
          background-color: #286090;
          border-color: #286090; }
        .chooseFile-Box .uploadpic .actions .middle .btn input[type="file"] {
          position: absolute;
          left: 0;
          top: 0;
          height: 100%;
          width: 100%;
          display: block;
          opacity: 0; }
      .chooseFile-Box .uploadpic .actions .middle label {
        font-size: 13px;
        padding-right: 0;
        border-radius: 2px;
        padding: 4px 8px;
        margin: 0 1px; }
  .chooseFile-Box .uploadpic .tickmark {
    background-image: url("../images/tickmark.png");
    background-size: 65% 65%;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    top: 5px;
    right: 5px;
    background-color: rgba(0, 0, 0, 0.7);
    border: 1px solid rgba(255, 255, 255, 0.7);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    width: 25px;
    height: 25px;
    padding: 6px; }
  .chooseFile-Box .uploadpic .overlayaction {
    position: absolute;
    top: 0;
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: .5s ease; }
    .chooseFile-Box .uploadpic .overlayaction .actionbutton {
      height: auto;
      display: table;
      margin: auto;
      top: 0;
      bottom: 0;
      position: absolute;
      width: 92px;
      left: 0;
      right: 0; }
      .chooseFile-Box .uploadpic .overlayaction .actionbutton .buttonlink {
        padding: 6px 5px;
        display: block;
        font-size: 13px;
        border-radius: 2px;
        text-align: center;
        margin: 6px 0;
        border: none;
        width: 90px;
        display: table-cell;
        vertical-align: middle; }
        .chooseFile-Box .uploadpic .overlayaction .actionbutton .buttonlink:focus {
          outline: none; }
      .chooseFile-Box .uploadpic .overlayaction .actionbutton .deletebutton {
        background: #c2c2c2;
        color: #fff; }
        .chooseFile-Box .uploadpic .overlayaction .actionbutton .deletebutton i {
          margin-right: 5px; }
      .chooseFile-Box .uploadpic .overlayaction .actionbutton .btn-info:hover, .chooseFile-Box .uploadpic .overlayaction .actionbutton .btn-info:focus, .chooseFile-Box .uploadpic .overlayaction .actionbutton .btn-info:active {
        background-color: #3366cc;
        border-color: #3366cc; }
.chooseFile-Box .add-more {
  display: inline-block;
  width: 150px;
  height: 150px;
  border: 1px dashed #cccccc;
  position: relative;
  margin: 0 5px 5px 0;
  border-radius: 3px; }
  .chooseFile-Box .add-more .img-browser {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 999;
    cursor: pointer;
    opacity: 0; }
  .chooseFile-Box .add-more .add-img-more {
    display: block;
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    height: 27px;
    z-index: 888; }
    .chooseFile-Box .add-more .add-img-more i {
      font-size: 30px;
      color: #cccccc; }
.chooseFile-Box .addnewbutton {
  display: inline-block;
  margin-left: 10px; }
  .chooseFile-Box .addnewbutton .middle .btn {
    padding: 6px 12px;
    position: relative; }
    .chooseFile-Box .addnewbutton .middle .btn input[type="file"] {
      position: absolute;
      left: 0;
      top: 0;
      height: 100%;
      width: 100%;
      display: block;
      opacity: 0; }
    .chooseFile-Box .addnewbutton .middle .btn.viamobile {
      background: transparent;
      color: #337ab7; }
      .chooseFile-Box .addnewbutton .middle .btn.viamobile:focus, .chooseFile-Box .addnewbutton .middle .btn.viamobile:active {
        outline: none;
        box-shadow: none; }
      .chooseFile-Box .addnewbutton .middle .btn.viamobile i {
        margin-right: 5px; }
.chooseFile-Box .uploadpicfull {
  text-align: center;
  background-color: #f5f5f5;
  width: 100%;
  height: 242px;
  border: 1px dashed #ccc;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  position: relative; }
  .chooseFile-Box .uploadpicfull.sm-height {
    height: 120px; }
  .chooseFile-Box .uploadpicfull i.fa {
    font-size: 70px;
    color: #3366cc; }
  .chooseFile-Box .uploadpicfull.uploadbackcolor {
    background-color: #dee7ea; }
  .chooseFile-Box .uploadpicfull .drop-process {
    padding: 85px; }
    .chooseFile-Box .uploadpicfull .drop-process.pd-tb0 {
      padding-bottom: 0;
      padding-top: 0; }
    .chooseFile-Box .uploadpicfull .drop-process img {
      width: 50px; }
    .chooseFile-Box .uploadpicfull .drop-process .dragdrop-text {
      font-size: 15px;
      line-height: 28px;
      color: #333;
      display: block; }
  .chooseFile-Box .uploadpicfull .success-message {
    padding: 52px; }
    .chooseFile-Box .uploadpicfull .success-message.pd-tb0 {
      padding-bottom: 0;
      padding-top: 0; }
    .chooseFile-Box .uploadpicfull .success-message img {
      width: 37px;
      margin-bottom: 10px; }
    .chooseFile-Box .uploadpicfull .success-message span.dragdrop-text {
      font-size: 15px;
      line-height: 28px;
      color: #333;
      display: block; }
  .chooseFile-Box .uploadpicfull .selectinput {
    z-index: 2; }
    .chooseFile-Box .uploadpicfull .selectinput input[type="file"] {
      position: absolute;
      width: 100%;
      height: 100%;
      display: block;
      opacity: 0; }
  .chooseFile-Box .uploadpicfull .drop-file {
    display: table-cell;
    vertical-align: middle;
    /*	label {
    		padding-right: 0;
    		margin: 0 auto;
    		display: block;
    		cursor: pointer;
    		img {
    			width: auto;
    		}
    	}*/ }
    .chooseFile-Box .uploadpicfull .drop-file img {
      margin: 0 auto;
      width: 50px; }
    .chooseFile-Box .uploadpicfull .drop-file span.dragdrop-text {
      font-size: 14px;
      line-height: 18px;
      color: #999;
      display: block;
      padding: 16px 0 0; }
      .chooseFile-Box .uploadpicfull .drop-file span.dragdrop-text input[type="file"] {
        display: none; }
      .chooseFile-Box .uploadpicfull .drop-file span.dragdrop-text a {
        display: inline-block;
        color: #3366cc;
        text-decoration: none; }
        .chooseFile-Box .uploadpicfull .drop-file span.dragdrop-text a strong {
          font-size: 15px !important; }
        .chooseFile-Box .uploadpicfull .drop-file span.dragdrop-text a label {
          font-size: 22px !important;
          padding: 0;
          margin: 0;
          cursor: pointer; }
          .chooseFile-Box .uploadpicfull .drop-file span.dragdrop-text a label:hover {
            color: #3366cc;
            text-decoration: underline; }
.chooseFile-Box .uploadprofilepic {
  width: 100%;
  height: 242px;
  display: table;
  position: relative;
  margin: 0 auto;
  background: #f5f5f5;
  border: 1px dashed #ccc;
  border-radius: 4px; }
  .chooseFile-Box .uploadprofilepic .displaytable {
    padding: 10px;
    width: 100%;
    display: table-cell;
    vertical-align: middle; }
    .chooseFile-Box .uploadprofilepic .displaytable img {
      max-height: 220px;
      width: auto; }
  .chooseFile-Box .uploadprofilepic .closed-btn {
    position: absolute;
    top: 4px;
    right: 5px;
    width: 22px;
    height: 20px;
    cursor: pointer; }
    .chooseFile-Box .uploadprofilepic .closed-btn input[type="file"] {
      /*width: 100%;
      height: 100%;
      position: absolute;
      top: 0px;
      right: 0px;
      cursor: pointer;
      opacity: 0;*/
      display: none; }
    .chooseFile-Box .uploadprofilepic .closed-btn label {
      padding: 0;
      margin: 0;
      cursor: pointer; }
      .chooseFile-Box .uploadprofilepic .closed-btn label i {
        font-size: 22px; }
.chooseFile-Box .uploadList {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 0 -5px; }
  .chooseFile-Box .uploadList li {
    width: 20%;
    padding: 0 5px;
    margin-bottom: 10px;
    list-style: none; }
    .chooseFile-Box .uploadList li span {
      font-size: 12px;
      color: #555;
      font-weight: 300;
      display: block;
      text-align: left;
      margin-top: 1px; }
  .chooseFile-Box .uploadList.mobileUpload-List li {
    width: 33%; }

@media only screen and (max-width: 767px) {
  .paratext {
    line-height: 17px; }
    .paratext.text-alignright {
      text-align: left; }

  .messagesend .modal-body .msgsampleimg {
    position: static;
    top: 0;
    right: 0;
    z-index: 9; }
  .messagesend .modal-body p.text-para {
    margin: 0;
    position: absolute;
    top: -27px; }

  .purchagecredit .paymentlist li {
    margin: 0 15px 15px; }

  .chooseFile-Box .uploadList li {
    width: 25%; } }
@media only screen and (max-width: 479px) {
  .chooseFile-Box .uploadList li {
    width: 50%; } }
@media only screen and (max-width: 359px) {
  .chooseFile-Box .uploadList li {
    width: 100%; } }

/*# sourceMappingURL=jb_master2.css.map */