@charset "UTF-8";
@font-face {
  font-family: 'SF Pro Display Bold';
  src: url("../fonts/SF-Pro-Display-Bold.eot");
  src: url("../fonts/SF-Pro-Display-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/SF-Pro-Display-Bold.woff2") format("woff2"), url("../fonts/SF-Pro-Display-Bold.woff") format("woff"), url("../fonts/SF-Pro-Display-Bold.ttf") format("truetype"), url("../fonts/SF-Pro-Display-Bold.svg#SFProDisplayBold") format("svg"); }
@font-face {
  font-family: 'SF Pro Display';
  src: url("../fonts/SF-Pro-Display-Regular.eot");
  src: url("../fonts/SF-Pro-Display-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/SF-Pro-Display-Regular.woff2") format("woff2"), url("../fonts/SF-Pro-Display-Regular.woff") format("woff"), url("../fonts/SF-Pro-Display-Regular.ttf") format("truetype"), url("../fonts/SF-Pro-Display-Regular.svg#SFProDisplay") format("svg"); }
body {
  font-family: "SF Pro Display", Arial, sans-serif;
  color: #151515; }

a {
  color: #172DCB; }

@media (min-width: 1400px) {
  .container {
    max-width: 1498px; } }
#mainmenu {
  z-index: 100;
  color: #fff;
  top: 0;
  font-size: 1.375rem; }
  #mainmenu #logo_svg {
    max-width: 315px; }
  #mainmenu.innerpage {
    background-color: #172DCB; }

#main-header {
  background-image: url(../img/headbg.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  color: #fff;
  font-size: 1.375rem; }
  #main-header form {
    width: 100%; }
  #main-header .submitmobile {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="19px" height="19px"><path fill-rule="evenodd"  fill="rgb(255, 255, 255)" d="M17.828,16.231 C18.279,16.681 18.291,17.401 17.855,17.838 C17.419,18.275 16.701,18.264 16.251,17.813 L12.836,14.395 C12.804,14.363 12.791,14.322 12.764,14.288 C11.428,15.300 9.768,15.908 7.962,15.908 C3.564,15.908 -0.001,12.346 -0.001,7.953 C-0.001,3.560 3.564,-0.002 7.962,-0.002 C12.361,-0.002 15.926,3.560 15.926,7.953 C15.926,9.754 15.320,11.409 14.310,12.742 C14.343,12.769 14.383,12.781 14.414,12.812 L17.828,16.231 ZM7.945,2.262 C4.808,2.262 2.265,4.803 2.265,7.936 C2.265,11.069 4.808,13.608 7.945,13.608 C11.082,13.608 13.624,11.069 13.624,7.936 C13.624,4.803 11.082,2.262 7.945,2.262 Z"/></svg>');
    background-repeat: no-repeat;
    background-position: center; }
  #main-header .header-title {
    font-size: 4.5rem;
    font-family: "SF Pro Display Bold", Arial, sans-serif; }
  #main-header .header-count-number {
    font-size: 4.375rem;
    font-family: "SF Pro Display Bold", Arial, sans-serif; }
  #main-header .searchbox {
    color: #000;
    border-radius: 3px; }
  #main-header .searchprof {
    background-color: #f1f1f1;
    border: 1px solid #d6d6d6;
    border-radius: 5px;
    font-size: fs20; }

.select-container::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  pointer-events: none;
  width: 15px;
  height: 22px;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="15px" height="22px"><image  x="0px" y="0px" width="15px" height="22px"  xlink:href="data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAWAgMAAABiYS6KAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAADFBMVEURHyn///8RHyn///8mntlEAAAAAnRSTlMAAHaTzTgAAAABYktHRAH/Ai3eAAAAB3RJTUUH6QIbFDcN9d60MQAAAD9JREFUCNd1jbENACAMwyJGTuEe+g+nMCJfSRRmOniIEldq8vVljG1wpAaOYGnAFjisqvlHKilnFkFUTxq9H11C7x0zr/VI3gAAAABJRU5ErkJggg==" /></svg>');
  background-repeat: no-repeat;
  background-position: center; }

.header-select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: #fff;
  border: 0px solid #ccc;
  border-radius: 4px;
  padding: 8px 32px 8px 12px !important;
  font-size: 16px;
  width: 200px;
  cursor: pointer;
  font-size: 1.25rem;
  font-family: "SF Pro Display Bold", Arial, sans-serif; }

.select-container {
  position: relative;
  display: inline-block; }

.header-select:hover {
  border-color: #999; }

.header-select:focus {
  outline: none;
  border-color: #007bff;
  box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25); }

.btn-black {
  background-color: #000;
  color: #fff;
  border: 0;
  font-size: 1.25rem;
  font-family: "SF Pro Display Bold", Arial, sans-serif;
  border-radius: 5px;
  transition: all 0.4s;
  text-decoration: none; }
  .btn-black:hover {
    background-color: #172DCB;
    -webkit-box-shadow: 0px 0px 13px 0px rgba(23, 45, 203, 0.4);
    -moz-box-shadow: 0px 0px 13px 0px rgba(23, 45, 203, 0.4);
    box-shadow: 0px 0px 13px 0px rgba(23, 45, 203, 0.4);
    color: #fff; }

.btn-black-whitehover {
  background-color: #000;
  color: #fff;
  border: 0;
  font-size: 1.25rem;
  font-family: "SF Pro Display Bold", Arial, sans-serif;
  border-radius: 5px;
  transition: all 0.4s;
  text-decoration: none; }
  .btn-black-whitehover:hover {
    background-color: #fff;
    color: #172DCB !important; }
  .btn-black-whitehover.arrow-button svg {
    width: 17px;
    height: 17px;
    margin-left: 15px;
    fill: #fff;
    /* Default arrow color */
    transition: fill 0.3s ease; }
  .btn-black-whitehover.arrow-button:hover svg {
    fill: #172DCB; }

.btn-white-blackhover {
  background-color: #fff;
  color: #000;
  border: 0;
  font-size: 1.25rem;
  font-family: "SF Pro Display Bold", Arial, sans-serif;
  border-radius: 5px;
  transition: all 0.4s;
  text-decoration: none; }
  .btn-white-blackhover:hover {
    background-color: #000;
    color: #fff !important; }
  .btn-white-blackhover.arrow-button svg {
    width: 17px;
    height: 17px;
    margin-left: 15px;
    fill: #000;
    /* Default arrow color */
    transition: fill 0.3s ease; }
  .btn-white-blackhover.arrow-button:hover svg {
    fill: #fff; }

.btn-help {
  display: inline-flex;
  align-items: center;
  padding: 15px 40px 15px 70px;
  font-size: 1.125rem;
  color: #fff;
  background-color: #2e47f6;
  border: none;
  border-radius: 30px;
  cursor: pointer;
  position: relative;
  transition: background-color 0.3s ease;
  text-decoration: none; }
  .btn-help::before {
    content: '';
    position: absolute;
    left: 20px;
    /* Position the SVG on the left */
    top: 50%;
    transform: translateY(-50%);
    width: 28px;
    /* SVG size */
    height: 28px;
    background-image: url('data:image/svg+xml;utf8,<svg  xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="27px" height="28px"><path fill-rule="evenodd"  fill="rgb(255, 255, 255)" d="M13.383,27.867 C6.188,27.867 0.355,21.791 0.355,14.296 C0.355,6.802 6.188,0.726 13.383,0.726 C20.579,0.726 26.411,6.802 26.411,14.296 C26.411,21.791 20.579,27.867 13.383,27.867 ZM13.383,3.590 C7.707,3.590 3.104,8.384 3.104,14.296 C3.104,20.211 7.707,25.004 13.383,25.004 C19.061,25.004 23.663,20.211 23.663,14.296 C23.663,8.384 19.061,3.590 13.383,3.590 ZM17.457,13.395 C17.123,13.728 16.524,14.288 15.659,15.075 C15.420,15.298 15.229,15.493 15.085,15.661 C14.941,15.829 14.833,15.983 14.763,16.123 C14.693,16.262 14.638,16.402 14.600,16.541 C14.561,16.681 14.503,16.927 14.426,17.277 C14.292,18.022 13.874,18.394 13.172,18.394 C12.806,18.394 12.499,18.272 12.249,18.028 C11.1000,17.786 11.875,17.424 11.875,16.944 C11.875,16.343 11.966,15.822 12.149,15.382 C12.332,14.941 12.574,14.555 12.876,14.222 C13.179,13.889 13.586,13.494 14.099,13.035 C14.549,12.634 14.874,12.332 15.074,12.128 C15.275,11.924 15.443,11.696 15.580,11.446 C15.717,11.195 15.786,10.923 15.786,10.630 C15.786,10.057 15.577,9.573 15.158,9.180 C14.740,8.786 14.201,8.589 13.541,8.589 C12.767,8.589 12.198,8.788 11.833,9.185 C11.467,9.583 11.158,10.168 10.905,10.941 C10.666,11.750 10.213,12.155 9.545,12.155 C9.152,12.155 8.820,12.013 8.549,11.730 C8.279,11.448 8.143,11.142 8.143,10.812 C8.143,10.132 8.357,9.443 8.786,8.745 C9.215,8.047 9.840,7.469 10.663,7.010 C11.485,6.553 12.444,6.324 13.541,6.324 C14.559,6.324 15.459,6.515 16.239,6.898 C17.019,7.281 17.622,7.802 18.047,8.460 C18.472,9.119 18.685,9.835 18.685,10.608 C18.685,11.217 18.563,11.750 18.321,12.209 C18.079,12.666 17.790,13.062 17.457,13.395 ZM13.287,19.371 C13.730,19.371 14.103,19.525 14.405,19.833 C14.707,20.140 14.858,20.520 14.858,20.971 C14.858,21.473 14.700,21.866 14.384,22.152 C14.068,22.439 13.702,22.582 13.287,22.582 C12.859,22.582 12.485,22.441 12.165,22.158 C11.845,21.875 11.685,21.479 11.685,20.971 C11.685,20.520 11.840,20.140 12.149,19.833 C12.458,19.525 12.838,19.371 13.287,19.371 Z"/></svg>');
    background-repeat: no-repeat;
    background-position: center;
    transition: background-image 0.3s ease; }
  .btn-help.min {
    padding: 0;
    width: 50px;
    height: 50px;
    background: none; }
  .btn-help:hover {
    background-color: #000;
    color: #fff; }
  .btn-help.min:before {
    left: 50%;
    margin-left: -14px; }

.btn-login {
  display: inline-flex;
  align-items: center;
  padding: 15px 40px 15px 70px;
  font-size: 1.125rem;
  color: #fff;
  background-color: none;
  border: none;
  border-radius: 30px;
  cursor: pointer;
  position: relative;
  transition: background-color 0.3s ease;
  text-decoration: none; }
  .btn-login::before {
    content: '';
    position: absolute;
    left: 20px;
    /* Position the SVG on the left */
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    /* SVG size */
    height: 25px;
    background-image: url('data:image/svg+xml;utf8,<svg  xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="30px" height="25px"><path fill-rule="evenodd"  fill="rgb(255, 255, 255)" d="M27.674,22.715 C26.637,23.759 25.389,24.282 23.929,24.282 L18.040,24.282 C17.880,24.282 17.743,24.223 17.626,24.105 C17.509,23.988 17.452,23.850 17.452,23.688 C17.452,23.640 17.445,23.516 17.433,23.318 C17.421,23.120 17.418,22.956 17.424,22.826 C17.430,22.697 17.448,22.552 17.479,22.392 C17.509,22.230 17.571,22.110 17.663,22.030 C17.754,21.951 17.880,21.910 18.040,21.910 L23.929,21.910 C24.739,21.910 25.431,21.619 26.008,21.038 C26.585,20.458 26.873,19.760 26.873,18.944 L26.873,5.894 C26.873,5.080 26.585,4.381 26.008,3.800 C25.431,3.219 24.739,2.929 23.929,2.929 L18.629,2.929 L18.427,2.929 L18.187,2.929 C18.187,2.929 18.116,2.922 17.975,2.911 C17.834,2.896 17.763,2.880 17.763,2.855 C17.763,2.829 17.714,2.797 17.616,2.753 C17.518,2.709 17.475,2.653 17.487,2.586 C17.500,2.518 17.487,2.435 17.451,2.336 C17.451,2.286 17.444,2.162 17.433,1.965 C17.420,1.768 17.417,1.604 17.423,1.474 C17.429,1.343 17.447,1.199 17.478,1.039 C17.509,0.877 17.570,0.757 17.662,0.676 C17.754,0.596 17.880,0.556 18.039,0.556 L23.928,0.556 C25.388,0.556 26.637,1.079 27.673,2.122 C28.710,3.167 29.228,4.424 29.229,5.894 L29.229,18.944 C29.229,20.414 28.710,21.671 27.674,22.715 ZM22.751,12.419 C22.751,12.740 22.634,13.017 22.401,13.254 L12.390,23.337 C12.157,23.571 11.880,23.688 11.562,23.688 C11.242,23.688 10.967,23.571 10.733,23.337 C10.500,23.102 10.384,22.824 10.384,22.502 L10.384,17.164 L2.139,17.164 C1.820,17.164 1.544,17.047 1.311,16.812 C1.077,16.578 0.961,16.298 0.961,15.978 L0.961,8.860 C0.961,8.539 1.077,8.261 1.311,8.026 C1.544,7.791 1.820,7.674 2.139,7.674 L10.384,7.674 L10.384,2.335 C10.384,2.013 10.500,1.735 10.733,1.502 C10.966,1.266 11.242,1.149 11.562,1.149 C11.881,1.149 12.157,1.266 12.390,1.502 L22.401,11.585 C22.634,11.820 22.751,12.097 22.751,12.419 Z"/></svg>');
    background-repeat: no-repeat;
    background-position: center;
    transition: background-image 0.3s ease; }
  .btn-login:hover {
    background-color: #000;
    color: #fff; }
  .btn-login.min {
    padding: 0;
    width: 50px;
    height: 50px; }
  .btn-login.min:before {
    left: 50%;
    margin-left: -14px; }

.clr {
  clear: both !important; }

.navbar-nav {
  /*
  max-height: 50px; 
  */
}
  .navbar-nav li {
    padding: 0 30px; }
  .navbar-nav a {
    color: #fff; }
  .navbar-nav a:hover {
    color: #ccc; }

.btn-gray {
  background-color: #e4e4e4;
  color: #000;
  border: 0;
  font-size: 1.25rem;
  font-family: "SF Pro Display Bold", Arial, sans-serif;
  border-radius: 5px;
  transition: all 0.4s !important;
  text-decoration: none; }
  .btn-gray:hover {
    background-color: #172DCB;
    color: #fff !important;
    -webkit-box-shadow: 0px 0px 13px 0px rgba(23, 45, 203, 0.4);
    -moz-box-shadow: 0px 0px 13px 0px rgba(23, 45, 203, 0.4);
    box-shadow: 0px 0px 13px 0px rgba(23, 45, 203, 0.4); }

.btn-gray-2 {
  background-color: #e4e4e4;
  color: #000;
  border: 0;
  font-size: 1.25rem;
  font-family: "SF Pro Display Bold", Arial, sans-serif;
  border-radius: 5px;
  transition: all 0.4s !important;
  text-decoration: none; }
  .btn-gray-2:hover {
    background-color: #172DCB;
    color: #fff !important;
    -webkit-box-shadow: 0px 0px 13px 0px rgba(23, 45, 203, 0.4);
    -moz-box-shadow: 0px 0px 13px 0px rgba(23, 45, 203, 0.4);
    box-shadow: 0px 0px 13px 0px rgba(23, 45, 203, 0.4); }

.btn-blue {
  background-color: #172DCB;
  color: #fff;
  border: 0;
  font-size: 1.25rem;
  font-family: "SF Pro Display Bold", Arial, sans-serif;
  border-radius: 5px;
  transition: all 0.4s !important;
  text-decoration: none; }
  .btn-blue.arrow-button svg {
    width: 17px;
    height: 17px;
    margin-left: 15px;
    fill: #fff;
    /* Default arrow color */
    transition: fill 0.3s ease; }
  .btn-blue:hover {
    background-color: #000;
    color: #fff !important;
    -webkit-box-shadow: 0px 0px 13px 0px rgba(23, 45, 203, 0.4);
    -moz-box-shadow: 0px 0px 13px 0px rgba(23, 45, 203, 0.4);
    box-shadow: 0px 0px 13px 0px rgba(23, 45, 203, 0.4); }

.w-10 {
  width: 10%; }

.w-20 {
  width: 20%; }

.w-30 {
  width: 30%; }

.w-40 {
  width: 40%; }

.w-50 {
  width: 50%; }

.w-60 {
  width: 60%; }

.w-70 {
  width: 70%; }

.w-80 {
  width: 80%; }

.w-90 {
  width: 90%; }

.roundline {
  border-radius: 0 0 0 30px;
  border-bottom: 2px dashed #172DCB;
  border-left: 2px dashed #172DCB;
  height: 55px; }

.portfolioContainer .filter-vacancy-card:hover .btn-gray,
.rightcol .gallery_product .card:hover .btn-gray {
  background-color: #172DCB;
  color: #fff !important;
  -webkit-box-shadow: 0px 0px 13px 0px rgba(23, 45, 203, 0.4);
  -moz-box-shadow: 0px 0px 13px 0px rgba(23, 45, 203, 0.4);
  box-shadow: 0px 0px 13px 0px rgba(23, 45, 203, 0.4); }

.portfolioContainer a, .rightcol .gallery_product a {
  color: #151515; }

.filter-vacancy-card, .rightcol .gallery_product {
  padding: 10px; }
  .filter-vacancy-card a, .rightcol .gallery_product a {
    text-decoration: none; }
  .filter-vacancy-card .card, .rightcol .gallery_product .card {
    padding: 38px;
    border: 0px solid #000;
    border-radius: 20px;
    min-height: 320px;
    height: 100%;
    -webkit-box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.5s; }
    .filter-vacancy-card .card .firm-logo, .rightcol .gallery_product .card .firm-logo {
      text-align: center;
      filter: grayscale(100%);
      transition: all 0.5s ease;
      opacity: 0.22; }
    .filter-vacancy-card .card:hover, .rightcol .gallery_product .card:hover {
      -webkit-box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.3);
      -moz-box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.3);
      box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.3); }
    .filter-vacancy-card .card:hover .firm-logo, .rightcol .gallery_product .card:hover .firm-logo {
      filter: grayscale(0%);
      opacity: 1; }
  .filter-vacancy-card .vacancy-title, .rightcol .gallery_product .vacancy-title {
    font-size: 1.5rem;
    font-family: "SF Pro Display Bold", Arial, sans-serif;
    margin-bottom: 20px;
    line-height: 120%; }
  .filter-vacancy-card .vacancy-info, .rightcol .gallery_product .vacancy-info {
    font-size: 1.125rem; }
  .filter-vacancy-card .firm-title, .rightcol .gallery_product .firm-title {
    font-size: 1.125rem;
    font-family: "SF Pro Display Bold", Arial, sans-serif;
    line-height: 120%; }
  .filter-vacancy-card .firm-address, .rightcol .gallery_product .firm-address {
    font-size: 1.125rem; }
  .filter-vacancy-card .vacancy-date, .rightcol .gallery_product .vacancy-date {
    font-size: 1rem;
    color: #c2c2c2; }

.rightcol .gallery_product {
  padding: 10px 0; }

.slick-slide img {
  margin: auto; }

.container-filter.pt5px {
  padding-top: 5px; }
.container-filter li {
  display: inline-flex;
  padding: 10px 50px; }
  .container-filter li a {
    text-decoration: none;
    font-size: 1.25rem;
    color: #2c2b2b;
    cursor: pointer;
    padding: 20px 0;
    font-family: "SF Pro Display Bold", Arial, sans-serif;
    transition: color 0.5s;
    box-sizing: border-box; }
    .container-filter li a:hover {
      color: #172DCB; }
    .container-filter li a.categories.active {
      border-bottom: 3px solid #172DCB;
      color: #172DCB; }

.filterblock {
  padding-left: 30px;
  padding-right: 30px;
  background: #fff;
  margin-top: -60px;
  border-radius: 5px; }

.section-gray {
  background-color: #f9f9f9; }

.carousel .next {
  width: 15px;
  margin-right: -30px;
  right: 0;
  top: 50%;
  margin-top: -15px;
  position: absolute;
  cursor: pointer; }
.carousel .prev {
  width: 15px;
  margin-left: -37px;
  top: 50%;
  margin-top: -15px;
  position: absolute;
  cursor: pointer; }

.company-carousel {
  font-size: 1.125rem; }
  .company-carousel a {
    text-decoration: none;
    color: #151515;
    margin-top: 20px;
    margin-bottom: 20px;
    transition: all 0.4s; }
    .company-carousel a .company {
      background-color: #fff;
      border-radius: 10px;
      padding: 25px;
      display: flex;
      flex-direction: column;
      width: 100%;
      transition: all 0.4s; }
    .company-carousel a .company-title {
      font-family: "SF Pro Display Bold", Arial, sans-serif; }
    .company-carousel a .company-logo {
      text-align: center;
      margin-bottom: 15px; }
      .company-carousel a .company-logo img {
        width: auto;
        max-width: 100%;
        margin: auto; }
    .company-carousel a:hover .company {
      -webkit-box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.3);
      -moz-box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.3);
      box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.3); }

.slick-slide {
  height: inherit !important;
  display: flex !important; }

.slick-track {
  display: flex !important; }

.pr {
  position: relative; }

.section-title {
  font-family: "SF Pro Display Bold", Arial, sans-serif;
  font-size: 3rem; }

.rightcol .section-title {
  font-family: "SF Pro Display Bold", Arial, sans-serif;
  font-size: 1.875rem; }

.hot-vacancies a, .blog-carousel a, .hot-vacancies-column a {
  color: #151515;
  text-decoration: none; }
.hot-vacancies .vacancy, .blog-carousel .vacancy, .hot-vacancies-column .vacancy {
  width: 100%;
  -webkit-box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.1);
  margin-top: 20px;
  margin-bottom: 20px;
  border-radius: 15px;
  flex-direction: column;
  transition: all 0.4s; }
  .hot-vacancies .vacancy img, .blog-carousel .vacancy img, .hot-vacancies-column .vacancy img {
    width: 100%;
    max-width: 100%;
    margin: auto;
    border-radius: 15px 15px 0 0; }
  .hot-vacancies .vacancy:hover, .blog-carousel .vacancy:hover, .hot-vacancies-column .vacancy:hover {
    -webkit-box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.3); }
.hot-vacancies .vacancy-info-block, .blog-carousel .vacancy-info-block, .hot-vacancies-column .vacancy-info-block {
  padding: 25px;
  padding-top: 0; }
.hot-vacancies .vacancy-title, .blog-carousel .vacancy-title, .hot-vacancies-column .vacancy-title {
  font-size: 1.5rem;
  font-family: "SF Pro Display Bold", Arial, sans-serif;
  line-height: 120%;
  padding: 25px; }
.hot-vacancies .vacancy-info, .blog-carousel .vacancy-info, .hot-vacancies-column .vacancy-info {
  font-size: 1.25rem;
  margin-bottom: 15px; }
.hot-vacancies .cost, .blog-carousel .cost, .hot-vacancies-column .cost {
  font-family: "SF Pro Display Bold", Arial, sans-serif; }
.hot-vacancies .vacancy-city, .blog-carousel .vacancy-city, .hot-vacancies-column .vacancy-city {
  color: #8f8f8f;
  font-size: 1.125rem;
  padding-bottom: 10px; }
.hot-vacancies .vacancy-details, .blog-carousel .vacancy-details, .hot-vacancies-column .vacancy-details {
  color: #8f8f8f;
  font-size: 1.125rem;
  border-top: 1px solid #efefef;
  padding-top: 10px; }

.rightcol .hot-vacancies-column .slick-slide {
  display: block !important; }

.slick-arrow.slick-disabled {
  opacity: 0.3;
  cursor: auto; }

.section-blue {
  background-color: #172DCB;
  padding-top: 100px;
  padding-bottom: 80px; }
  .section-blue a {
    text-decoration: none;
    color: #151515; }
  .section-blue .row > div {
    margin-bottom: 20px; }
  .section-blue .spec-card {
    border-radius: 5px;
    display: flex;
    padding: 30px;
    font-size: 1.125rem;
    min-height: 175px;
    height: 100%;
    flex-direction: column;
    margin: 10px; }
    .section-blue .spec-card strong {
      font-family: "SF Pro Display Bold", Arial, sans-serif;
      font-weight: 400; }
    .section-blue .spec-card .spec-title {
      font-size: 1.5rem;
      font-family: "SF Pro Display Bold", Arial, sans-serif;
      line-height: 120%; }
    .section-blue .spec-card .spec-quantity {
      border-top: 1px solid #efefef;
      margin-top: auto;
      padding-top: 8px; }
    .section-blue .spec-card .spec-zp {
      margin: 5px 0 30px 0; }
  .section-blue .slick-slide > div:nth-child(odd) .chessbg:nth-child(odd) .spec-card {
    background-color: #ffffff; }
    .section-blue .slick-slide > div:nth-child(odd) .chessbg:nth-child(odd) .spec-card .spec-quantity {
      border-top: 1px solid #efefef; }
  .section-blue .slick-slide > div:nth-child(even) .chessbg:nth-child(even) .spec-card {
    background-color: #ffffff; }
    .section-blue .slick-slide > div:nth-child(even) .chessbg:nth-child(even) .spec-card .spec-quantity {
      border-top: 1px solid #efefef; }
  .section-blue .slick-slide > div:nth-child(even) .chessbg:nth-child(odd) .spec-card {
    background-color: #000;
    color: #fff; }
    .section-blue .slick-slide > div:nth-child(even) .chessbg:nth-child(odd) .spec-card .spec-quantity {
      border-top: 1px solid #4e4e4e; }
  .section-blue .slick-slide > div:nth-child(odd) .chessbg:nth-child(even) .spec-card {
    background-color: #000;
    color: #fff; }
    .section-blue .slick-slide > div:nth-child(odd) .chessbg:nth-child(even) .spec-card .spec-quantity {
      border-top: 1px solid #4e4e4e; }

.vac-btn {
  background-color: #fff;
  display: block;
  text-align: center;
  color: #151515;
  font-size: 1.25rem;
  font-family: "SF Pro Display Bold", Arial, sans-serif;
  text-decoration: none;
  padding: 25px 0;
  border-radius: 5px;
  transition: all 0.4s; }
  .vac-btn:hover {
    background-color: #172DCB;
    color: #fff;
    -webkit-box-shadow: 0px 0px 13px 0px rgba(23, 45, 203, 0.4);
    -moz-box-shadow: 0px 0px 13px 0px rgba(23, 45, 203, 0.4);
    box-shadow: 0px 0px 13px 0px rgba(23, 45, 203, 0.4); }

.vac-area-btn {
  border: 0;
  display: flex;
  width: 100%;
  font-size: 1.5rem;
  text-decoration: none;
  padding: 25px 35px;
  border-radius: 10px;
  margin-bottom: 20px;
  color: #151515;
  line-height: 120%;
  -webkit-box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.1);
  transition: all 0.4s; }
  .vac-area-btn .area-quantity {
    margin-left: auto;
    font-family: "SF Pro Display Bold", Arial, sans-serif; }
  .vac-area-btn:hover {
    background-color: #172DCB;
    color: #fff;
    -webkit-box-shadow: 0px 0px 13px 0px rgba(23, 45, 203, 0.4);
    -moz-box-shadow: 0px 0px 13px 0px rgba(23, 45, 203, 0.4);
    box-shadow: 0px 0px 13px 0px rgba(23, 45, 203, 0.4); }

.btn-gray-rounded {
  background-color: #f6f6f6;
  display: block;
  display: inline-block;
  color: #858585;
  border: 0;
  font-size: 1.25rem;
  border-radius: 70px;
  transition: all 0.4s !important;
  text-decoration: none;
  padding: 25px 70px; }
  .btn-gray-rounded:hover {
    background-color: #172DCB;
    color: #fff !important;
    -webkit-box-shadow: 0px 0px 13px 0px rgba(23, 45, 203, 0.4);
    -moz-box-shadow: 0px 0px 13px 0px rgba(23, 45, 203, 0.4);
    box-shadow: 0px 0px 13px 0px rgba(23, 45, 203, 0.4); }

.btn-white-rounded {
  background-color: #fff;
  display: block;
  display: inline-block;
  color: #858585;
  border: 0;
  font-size: 1.25rem;
  border-radius: 70px;
  transition: all 0.4s !important;
  text-decoration: none;
  padding: 25px 70px; }
  .btn-white-rounded:hover {
    background-color: #172DCB;
    color: #fff !important;
    -webkit-box-shadow: 0px 0px 13px 0px rgba(23, 45, 203, 0.4);
    -moz-box-shadow: 0px 0px 13px 0px rgba(23, 45, 203, 0.4);
    box-shadow: 0px 0px 13px 0px rgba(23, 45, 203, 0.4); }

#blog {
  background-color: #f1f1f1; }
  #blog .vacancy {
    background-color: #fff;
    box-shadow: none; }
    #blog .vacancy .vacancy-info {
      color: #878787;
      line-height: 120%;
      font-size: 1.125rem; }

footer {
  background-color: #111111;
  color: #fff; }
  footer ul.footer-menu {
    list-style-type: none;
    padding: 0;
    font-size: 1.125rem; }
    footer ul.footer-menu li {
      margin-bottom: 20px; }
    footer ul.footer-menu a {
      color: #949494;
      text-decoration: none;
      transition: all 0.4s; }
    footer ul.footer-menu .footer-menu-title {
      text-transform: uppercase;
      color: #fff;
      font-family: "SF Pro Display Bold", Arial, sans-serif; }
      footer ul.footer-menu .footer-menu-title a {
        color: #fff; }
    footer ul.footer-menu a:hover {
      color: #fff; }
  footer .footer-logo {
    max-width: 315px;
    width: 100%; }
  footer .footer-text {
    color: #fff;
    font-size: 1.125rem; }
  footer .phone-text {
    color: #fff;
    font-size: 1.375rem;
    font-family: "SF Pro Display Bold", Arial, sans-serif; }
    footer .phone-text a {
      color: #fff;
      text-decoration: none; }
  footer .email-text {
    color: #fff;
    font-size: 1.375rem;
    font-family: "SF Pro Display", Arial, sans-serif; }
    footer .email-text a {
      color: #fff;
      text-decoration: none; }
  footer .email svg, footer .phone svg {
    margin-right: 20px;
    width: 30px; }
  footer .btn-help {
    box-sizing: border-box; }
    footer .btn-help:hover {
      -webkit-box-shadow: inset 0px 0px 0px 2px #fff;
      -moz-box-shadow: inset 0px 0px 0px 2px #fff;
      box-shadow: inset 0px 0px 0px 2px #fff; }
  footer .icon {
    color: #fff;
    font-size: 30px;
    margin-right: 30px;
    text-decoration: none; }
    footer .icon svg {
      fill: #959595;
      transition: all 0.4s; }
    footer .icon:hover svg {
      fill: #fff; }
  footer .copytight-text {
    margin-top: 10px;
    font-size: 1.125rem; }
  footer .copyright {
    border-top: 1px solid #313131; }

.ml-auto {
  margin-left: auto; }

.mr-auto {
  right: auto; }

.btn-mob-menu {
  right: 10px; }

.navbar-toggler {
  padding: 0; }

.navbar-dark .navbar-toggler {
  color: white;
  border-color: white; }

.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }

.slick-dots {
  margin-left: -20px; }

.slick-dots li {
  width: 30px; }

.slick-dots li button {
  background-color: #c4c4c4;
  width: 30px;
  height: 6px;
  border-radius: 4px;
  padding: 0;
  opacity: 0.5; }

.slick-dots li.slick-active button {
  background-color: #172DCB;
  width: 30px;
  opacity: 1; }

.section-blue .slick-dots li.slick-active button {
  background-color: #fff;
  width: 30px; }

.slick-dots li button::before {
  content: ''; }

.section-blue .slick-slide {
  display: block !important; }

ul.breadcrumb {
  list-style: none; }
  ul.breadcrumb li {
    display: inline;
    font-size: 1.125rem;
    color: #172DCB; }
    ul.breadcrumb li a {
      color: #898989;
      text-decoration: none;
      transition: all 0.4s; }
      ul.breadcrumb li a:hover {
        color: #172DCB;
        text-decoration: underline; }
  ul.breadcrumb li + li:before {
    padding: 8px;
    color: #898989;
    content: "/\00a0"; }

.labels-line {
  margin-top: 40px;
  border-bottom: 1px solid #dddddd;
  padding-bottom: 30px; }
  .labels-line .vacancy-label {
    margin-right: 20px;
    font-size: 1.125rem;
    padding: 12px 30px;
    border: 1px solid #eaeaea;
    border-radius: 5px;
    align-content: center;
    white-space: nowrap;
    color: #151515;
    transition: all 0.4s; }
    .labels-line .vacancy-label:hover {
      background-color: #172DCB;
      border: 1px solid #172DCB;
      color: #fff;
      fill: #fff;
      -webkit-box-shadow: 0px 0px 13px 0px rgba(23, 45, 203, 0.4);
      -moz-box-shadow: 0px 0px 13px 0px rgba(23, 45, 203, 0.4);
      box-shadow: 0px 0px 13px 0px rgba(23, 45, 203, 0.4); }
  .labels-line .vacancy-label-btn {
    transition: all 0.4s;
    padding: 12px 0px;
    width: 53px;
    text-align: center;
    fill: #dedede;
    margin-right: 0; }
    .labels-line .vacancy-label-btn:hover {
      background-color: #172DCB;
      border: 1px solid #172DCB;
      fill: #fff;
      -webkit-box-shadow: 0px 0px 13px 0px rgba(23, 45, 203, 0.4);
      -moz-box-shadow: 0px 0px 13px 0px rgba(23, 45, 203, 0.4);
      box-shadow: 0px 0px 13px 0px rgba(23, 45, 203, 0.4); }

.text-red {
  color: #d61900 !important; }

.mleft20 {
  margin-left: 20px; }

.terms {
  font-size: 1.5rem; }
  .terms .term-line {
    margin-bottom: 10px; }
  .terms .zp {
    font-family: "SF Pro Display Bold", Arial, sans-serif;
    min-width: 150px; }
  .terms strong {
    font-weight: 400;
    font-family: "SF Pro Display Bold", Arial, sans-serif; }
  .terms .smena span {
    padding-left: 40px;
    /*
    border-left: 2px solid #d1d1d1; 
    */
  }
  .terms .time, .terms .timetable {
    font-family: "SF Pro Display Bold", Arial, sans-serif;
    padding-left: 50px;
    background-position: 0 center;
    background-repeat: no-repeat;
    background-size: contain; }
  .terms .time {
    background-image: url('data:image/svg+xml,<svg  xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="30px" height="31px"><path fill-rule="evenodd"  fill="rgb(65, 65, 65)" d="M15.025,30.602 C6.862,30.602 0.243,23.972 0.243,15.793 C0.243,7.614 6.862,0.983 15.025,0.983 C23.190,0.983 29.809,7.614 29.809,15.793 C29.809,23.972 23.190,30.602 15.025,30.602 ZM15.025,4.826 C8.979,4.826 4.076,9.734 4.076,15.793 C4.076,21.851 8.979,26.763 15.025,26.763 C21.073,26.763 25.976,21.851 25.976,15.793 C25.976,9.734 21.073,4.826 15.025,4.826 ZM22.770,17.014 L14.406,17.014 C14.064,16.987 13.793,16.707 13.773,16.361 C13.773,16.356 13.773,16.350 13.773,16.344 L13.773,16.290 L13.773,9.910 L13.773,9.827 C13.796,9.154 14.343,8.617 15.022,8.617 C15.711,8.617 16.270,9.177 16.270,9.868 L16.270,10.571 L16.270,13.815 L16.270,13.821 C16.270,13.833 16.267,13.845 16.267,13.857 C16.267,13.869 16.270,13.881 16.270,13.889 L16.270,13.898 C16.288,14.238 16.553,14.503 16.886,14.536 L22.720,14.542 C23.368,14.587 23.880,15.126 23.880,15.787 C23.880,16.427 23.395,16.945 22.770,17.014 Z"/></svg>'); }
  .terms .timetable {
    background-image: url('data:image/svg+xml,<svg  xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="32px" height="31px"><path fill-rule="evenodd"  fill="rgb(65, 65, 65)" d="M29.002,30.301 L2.892,30.301 C1.730,30.301 0.788,29.359 0.788,28.198 L0.788,4.933 C0.788,3.772 1.730,2.831 2.892,2.831 L4.368,2.831 C4.885,2.831 5.304,3.250 5.304,3.766 L5.304,5.963 C5.304,7.586 6.621,8.901 8.246,8.901 C9.867,8.901 11.183,7.586 11.183,5.963 L11.183,3.766 C11.183,3.250 11.603,2.831 12.120,2.831 L19.912,2.831 C20.428,2.831 20.848,3.250 20.848,3.766 L20.848,5.963 C20.848,7.586 22.164,8.901 23.789,8.901 C25.410,8.901 26.729,7.586 26.729,5.963 L26.729,3.766 C26.729,3.250 27.146,2.831 27.663,2.831 L29.002,2.831 C30.164,2.831 31.106,3.772 31.106,4.933 L31.106,28.198 C31.106,29.359 30.164,30.301 29.002,30.301 ZM28.303,11.243 C28.303,11.223 28.303,11.203 28.300,11.183 C28.271,10.695 27.863,10.311 27.366,10.311 L4.528,10.311 C4.028,10.311 3.620,10.701 3.595,11.197 C3.595,11.211 3.595,11.228 3.595,11.243 C3.595,11.260 3.595,11.274 3.595,11.291 L3.595,26.515 C3.595,26.532 3.595,26.547 3.595,26.564 C3.595,26.581 3.595,26.595 3.595,26.612 C3.620,27.089 4.003,27.474 4.480,27.497 C4.497,27.500 4.514,27.500 4.528,27.500 C4.545,27.500 4.560,27.500 4.577,27.497 L27.321,27.497 C27.335,27.500 27.352,27.500 27.366,27.500 C27.383,27.500 27.397,27.500 27.415,27.497 C27.889,27.474 28.271,27.097 28.300,26.624 C28.303,26.604 28.303,26.583 28.303,26.564 C28.303,26.544 28.303,26.524 28.300,26.504 L28.300,11.303 C28.303,11.283 28.303,11.266 28.303,11.243 ZM25.005,23.657 L23.152,23.657 C22.464,23.657 21.901,23.098 21.901,22.408 L21.901,20.556 C21.901,19.866 22.464,19.307 23.152,19.307 L25.005,19.307 C25.696,19.307 26.256,19.866 26.256,20.556 L26.256,22.408 C26.256,23.098 25.696,23.657 25.005,23.657 ZM25.005,18.226 L23.152,18.226 C22.464,18.226 21.901,17.664 21.901,16.976 L21.901,15.125 C21.901,14.435 22.464,13.876 23.152,13.876 L25.005,13.876 C25.696,13.876 26.256,14.435 26.256,15.125 L26.256,16.976 C26.256,17.664 25.696,18.226 25.005,18.226 ZM19.569,23.657 L17.716,23.657 C17.025,23.657 16.465,23.098 16.465,22.408 L16.465,20.556 C16.465,19.866 17.025,19.307 17.716,19.307 L19.569,19.307 C20.260,19.307 20.819,19.866 20.819,20.556 L20.819,22.408 C20.819,23.098 20.260,23.657 19.569,23.657 ZM19.569,18.226 L17.716,18.226 C17.025,18.226 16.465,17.664 16.465,16.976 L16.465,15.125 C16.465,14.435 17.025,13.876 17.716,13.876 L19.569,13.876 C20.260,13.876 20.819,14.435 20.819,15.125 L20.819,16.976 C20.819,17.664 20.260,18.226 19.569,18.226 ZM14.130,23.657 L12.280,23.657 C11.589,23.657 11.026,23.098 11.026,22.408 L11.026,20.556 C11.026,19.866 11.589,19.307 12.280,19.307 L14.130,19.307 C14.821,19.307 15.380,19.866 15.380,20.556 L15.380,22.408 C15.380,23.098 14.821,23.657 14.130,23.657 ZM14.130,18.226 L12.280,18.226 C11.589,18.226 11.026,17.664 11.026,16.976 L11.026,15.125 C11.026,14.435 11.589,13.876 12.280,13.876 L14.130,13.876 C14.821,13.876 15.380,14.435 15.380,15.125 L15.380,16.976 C15.380,17.664 14.821,18.226 14.130,18.226 ZM8.694,23.657 L6.841,23.657 C6.150,23.657 5.590,23.098 5.590,22.408 L5.590,20.556 C5.590,19.866 6.150,19.307 6.841,19.307 L8.694,19.307 C9.385,19.307 9.944,19.866 9.944,20.556 L9.944,22.408 C9.944,23.098 9.385,23.657 8.694,23.657 ZM23.774,7.580 C22.952,7.580 22.273,6.967 22.170,6.171 L22.170,5.755 L22.170,4.653 L22.170,3.509 L22.170,3.442 L22.170,2.831 L22.170,2.129 L22.181,2.129 C22.181,1.236 22.906,0.512 23.800,0.512 C24.622,0.512 25.302,1.125 25.405,1.921 L25.405,2.340 L25.405,2.831 L25.405,3.442 L25.405,3.509 L25.405,4.653 L25.405,5.963 L25.393,5.963 C25.393,6.856 24.671,7.580 23.774,7.580 ZM8.246,7.580 C7.423,7.580 6.741,6.967 6.641,6.171 L6.641,5.755 L6.641,4.653 L6.641,3.501 L6.641,3.442 L6.641,2.831 L6.641,2.129 L6.652,2.129 C6.652,1.236 7.375,0.512 8.271,0.512 C9.093,0.512 9.773,1.125 9.876,1.921 L9.876,2.340 L9.876,2.831 L9.876,3.442 L9.876,3.521 L9.876,4.653 L9.876,5.963 L9.864,5.963 C9.864,6.856 9.139,7.580 8.246,7.580 Z"/></svg>'); }

strong {
  font-weight: 400;
  font-family: "SF Pro Display Bold", Arial, sans-serif; }

.flex-table-tr {
  display: flex; }
  .flex-table-tr:nth-child(odd) {
    background-color: #f8f8f8; }
  .flex-table-tr .flex-table-td:first-child {
    min-width: 390px; }
  .flex-table-tr .flex-table-td {
    padding: 10px 30px; }

.vacancy-details {
  font-size: 1.375rem; }

.section-heading-underline {
  font-size: 1.875rem;
  font-weight: 400;
  font-family: "SF Pro Display Bold", Arial, sans-serif;
  padding-bottom: 30px;
  border-bottom: 1px solid #d9d9d9;
  margin-bottom: 40px;
  margin-top: 60px; }

ul.dashed {
  list-style-type: none; }

ul.dashed > li {
  text-indent: -5px; }

ul.dashed > li:before {
  content: "- ";
  text-indent: -5px; }

.underline {
  border-bottom: 1px solid #d9d9d9; }

.company-map-block {
  flex-direction: column; }

.company-info-block .company-logo {
  margin-right: 20px; }
  .company-info-block .company-logo img {
    max-width: 130px;
    border-radius: 5px;
    border: 1px solid #e2e2e2; 
    max-height: 100px;
  }
.company-info-block .company-info {
  line-height: 120%;
  color: #898989;
  font-size: 1.25rem; }
  .company-info-block .company-info a.company-title {
    font-size: 1.5rem;
    font-family: "SF Pro Display Bold", Arial, sans-serif;
    margin-bottom: 15px;
    display: block;
    text-decoration: none;
    color: #151515;
    transition: all 0.4s; }
    .company-info-block .company-info a.company-title:hover {
      color: #172DCB; }

.company-map-block {
  line-height: 120%;
  color: #898989;
  font-size: 1.25rem; }
  .company-map-block .company-map {
    width: 100%; }
    .company-map-block .company-map img, .company-map-block .company-map iframe {
      width: 100%; }

.modal {
  font-size: 1rem;
  color: #656565;
  line-height: 120%; }
  .modal .vacancy-title {
    font-size: 1.5rem;
    font-family: "SF Pro Display Bold", Arial, sans-serif;
    color: #111111; }
  .modal input {
    display: block;
    width: 100%;
    margin-bottom: 15px;
    background-color: #f1f1f1;
    border: 1px solid #d6d6d6;
    border-radius: 5px;
    padding: 10px; }
  .modal .modal-body {
    padding: 30px;
    padding-top: 0; }
  .modal .btn-close {
    position: absolute;
    right: 30px; }
  .modal .modal-title {
    display: block;
    margin: auto;
    font-size: 1.125rem;
    font-family: "SF Pro Display Bold", Arial, sans-serif;
    color: #172DCB; }
  .modal .modal-header {
    border: 0;
    min-height: 60px; }

.modal .agreement {
  font-size: 15px;
  line-height: 120%; }
.modal .nav-item {
  margin: 5px 0; }
  .modal .nav-item button {
    border: 1px solid #d6d6d6;
    color: #172DCB; }
.modal .nav-pills .nav-link.active, .modal .nav-pills .show > .nav-link {
  background-color: #172DCB; }

.vacansies-search .inputGroup {
  background-color: #fff;
  display: block;
  margin: 10px 0;
  position: relative;
  border: 1px solid #eaeaea;
  border-radius: 5px; }
  .vacansies-search .inputGroup label {
    padding: 12px 20px;
    width: 100%;
    display: block;
    text-align: left;
    color: #3C454C;
    cursor: pointer;
    position: relative;
    z-index: 2;
    transition: color 200ms ease-in;
    overflow: hidden;
    border-radius: 5px; }
    .vacansies-search .inputGroup label:before {
      width: 10px;
      height: 10px;
      border-radius: 50%;
      content: '';
      background-color: #172DCB;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%) scale3d(1, 1, 1);
      transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
      opacity: 0;
      z-index: -1; }
    .vacansies-search .inputGroup label:after {
      width: 20px;
      height: 20px;
      content: '';
      background-image: url('data:image/svg+xml,<svg  xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="21px" height="15px"><path fill-rule="evenodd"  fill="rgb(226, 226, 226)" d="M20.089,2.644 L8.790,13.786 C8.756,13.830 8.739,13.882 8.698,13.923 C8.447,14.171 8.116,14.287 7.787,14.281 C7.458,14.287 7.127,14.171 6.876,13.923 C6.835,13.882 6.818,13.830 6.784,13.786 L0.555,7.651 C0.065,7.167 0.065,6.382 0.555,5.898 C1.046,5.413 1.841,5.413 2.331,5.898 L7.786,11.271 L18.313,0.890 C18.804,0.406 19.599,0.406 20.089,0.890 C20.580,1.375 20.580,2.160 20.089,2.644 Z"/></svg>');
      background-repeat: no-repeat;
      background-position: 2px 3px;
      z-index: 2;
      position: absolute;
      right: 15px;
      top: 50%;
      transform: translateY(-50%);
      cursor: pointer;
      transition: all 300ms ease-in;
      border-radius: 5px; }
  .vacansies-search .inputGroup input:checked ~ label {
    color: #fff; }
    .vacansies-search .inputGroup input:checked ~ label:before {
      transform: translate(-50%, -50%) scale3d(56, 56, 1);
      opacity: 1; }
    .vacansies-search .inputGroup input:checked ~ label:after {
      background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16px" height="16px"><path fill-rule="evenodd"  fill="rgb(226, 226, 226)" d="M9.418,8.386 L15.408,14.387 C15.775,14.755 15.775,15.352 15.408,15.720 C15.040,16.089 14.444,16.089 14.076,15.720 L8.087,9.719 L2.097,15.720 C1.730,16.089 1.134,16.089 0.766,15.720 C0.399,15.352 0.399,14.755 0.766,14.387 L6.756,8.386 L0.766,2.384 C0.399,2.016 0.399,1.419 0.766,1.051 C1.134,0.682 1.730,0.682 2.097,1.051 L8.087,7.052 L14.076,1.051 C14.444,0.682 15.040,0.682 15.408,1.051 C15.775,1.419 15.775,2.016 15.408,2.384 L9.418,8.386 Z"/></svg>');
      background-repeat: no-repeat; }
  .vacansies-search .inputGroup input {
    width: 32px;
    height: 32px;
    order: 1;
    z-index: 2;
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    visibility: hidden; }
.vacansies-search .nav-tabs {
  border: 0; }
  .vacansies-search .nav-tabs .nav-item {
    font-size: 1.25rem;
    font-family: "SF Pro Display Bold", Arial, sans-serif;
    padding: 0 50px; }
    .vacansies-search .nav-tabs .nav-item:first-child {
      padding-left: 0; }
    .vacansies-search .nav-tabs .nav-item button {
      color: #111111;
      padding: 0;
      padding-bottom: 15px; }
  .vacansies-search .nav-tabs .nav-link {
    border: 0;
    box-sizing: border-box; }
  .vacansies-search .nav-tabs .nav-link:focus, .vacansies-search .nav-tabs .nav-link:hover, .vacansies-search .nav-tabs .nav-link.active {
    border: 0;
    border-bottom: 3px solid #172DCB;
    box-sizing: border-box; }
  .vacansies-search .nav-tabs .nav-link.active {
    color: #0d1fa1; }
.vacansies-search a[aria-expanded="true"] {
  display: none !important; }

.shad {
  -webkit-box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.1); }

.filter-reset {
  color: #aaaaaa;
  font-size: 1.125rem;
  padding-left: 35px;
  text-decoration: none;
  transition: all 0.4s; }
  .filter-reset svg {
    fill: #d4d4d4;
    transition: all 0.4s;
    margin-right: 13px;
    margin-top: -3px; }
  .filter-reset:hover {
    color: #172DCB; }
    .filter-reset:hover svg {
      fill: #172DCB; }

.sidebar-filter, .modal {
  font-size: 1.25rem;
  color: #111111; }
  .sidebar-filter a[aria-expanded="true"], .modal a[aria-expanded="true"] {
    display: none !important; }
  .sidebar-filter .sidebar-expand, .modal .sidebar-expand {
    margin-left: 40px; }
  .sidebar-filter .filter-reset, .modal .filter-reset {
    padding-left: 0; }
  .sidebar-filter .filter-title, .modal .filter-title {
    font-size: 1.5rem; }
  .sidebar-filter .filter-heading, .modal .filter-heading {
    font-family: "SF Pro Display Bold", Arial, sans-serif;
    margin-top: 30px;
    margin-bottom: 20px; }
  .sidebar-filter input[type="checkbox"], .modal input[type="checkbox"] {
    display: none;
    visibility: hidden; }
  .sidebar-filter label, .modal label {
    display: inline-block; }
  .sidebar-filter .cbx, .modal .cbx {
    position: relative;
    top: 1px;
    width: 25px;
    height: 25px;
    border: 1px solid #e7e7e7;
    border-radius: 3px;
    vertical-align: middle;
    transition: background 0.1s ease;
    cursor: pointer;
    background-color: #fafafa; }
  .sidebar-filter .cbx:after, .modal .cbx:after {
    content: '';
    position: absolute;
    top: 3px;
    left: 9px;
    width: 6px;
    height: 14px;
    opacity: 0;
    transform: rotate(45deg) scale(0);
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transition: all 0.3s ease;
    transition-delay: 0.15s; }
  .sidebar-filter .lbl, .modal .lbl {
    margin-left: 10px;
    vertical-align: middle;
    cursor: pointer; }
  .sidebar-filter input[type="checkbox"]:checked ~ .cbx, .modal input[type="checkbox"]:checked ~ .cbx {
    border-color: transparent;
    background: #172DCB;
    animation: jelly-42 0.6s ease; }
  .sidebar-filter input[type="checkbox"]:checked ~ .cbx:after, .modal input[type="checkbox"]:checked ~ .cbx:after {
    opacity: 1;
    transform: rotate(45deg) scale(1); }
  .sidebar-filter .cntr, .modal .cntr {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    text-align: center; }
@-moz-keyframes jelly-42 {
  from {
    transform: scale(1, 1); }
  30% {
    transform: scale(1.25, 0.75); }
  40% {
    transform: scale(0.75, 1.25); }
  50% {
    transform: scale(1.15, 0.85); }
  65% {
    transform: scale(0.95, 1.05); }
  75% {
    transform: scale(1.05, 0.95); }
  to {
    transform: scale(1, 1); } }
@-webkit-keyframes jelly-42 {
  from {
    transform: scale(1, 1); }
  30% {
    transform: scale(1.25, 0.75); }
  40% {
    transform: scale(0.75, 1.25); }
  50% {
    transform: scale(1.15, 0.85); }
  65% {
    transform: scale(0.95, 1.05); }
  75% {
    transform: scale(1.05, 0.95); }
  to {
    transform: scale(1, 1); } }
@-o-keyframes jelly-42 {
  from {
    transform: scale(1, 1); }
  30% {
    transform: scale(1.25, 0.75); }
  40% {
    transform: scale(0.75, 1.25); }
  50% {
    transform: scale(1.15, 0.85); }
  65% {
    transform: scale(0.95, 1.05); }
  75% {
    transform: scale(1.05, 0.95); }
  to {
    transform: scale(1, 1); } }
@keyframes jelly-42 {
  from {
    transform: scale(1, 1); }
  30% {
    transform: scale(1.25, 0.75); }
  40% {
    transform: scale(0.75, 1.25); }
  50% {
    transform: scale(1.15, 0.85); }
  65% {
    transform: scale(0.95, 1.05); }
  75% {
    transform: scale(1.05, 0.95); }
  to {
    transform: scale(1, 1); } }
  .sidebar-filter div.input, .modal div.input {
    margin-bottom: 8px; }
  .sidebar-filter hr, .modal hr {
    background-color: #d4d4d4; }
  .sidebar-filter .filter-zp input, .modal .filter-zp input {
    width: 120px;
    margin-right: 15px;
    border: 1px solid #d0d0d0;
    border-radius: 5px;
    padding: 8px 15px;
    font-size: 1.125rem; }
  .sidebar-filter .filter-zp input::-webkit-outer-spin-button,
  .sidebar-filter .filter-zp input::-webkit-inner-spin-button, .modal .filter-zp input::-webkit-outer-spin-button,
  .modal .filter-zp input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0;
    /* <-- Apparently some margin are still there even though it's hidden */ }
  .sidebar-filter .filter-zp input[type=number], .modal .filter-zp input[type=number] {
    -moz-appearance: textfield;
    /* Firefox */ }

.topsearch input[type=text] {
  background-color: #f1f1f1;
  border: 1px solid #d6d6d6;
  border-radius: 5px;
  font-size: 1.25rem; }

.vacancies-results .card-head {
  font-size: 1.125rem;
  align-items: start; }
.vacancies-results ul.breadcrumb {
  margin-bottom: 0; }
  .vacancies-results ul.breadcrumb li {
    font-size: 1rem !important; }
.vacancies-results .labels-line {
  margin-top: 0;
  padding: 0;
  border: 0; }
  .vacancies-results .labels-line .vacancy-label {
    padding: 12px 20px;
    margin: 0;
    margin-left: 10px; }
  .vacancies-results .labels-line .vacancy-label-btn {
    padding: 12px 10px; }
.vacancies-results .vacancy-text {
  font-size: 1.25rem; }
.vacancies-results .vacancy-title {
  font-size: 1.875rem; }
.vacancies-results .vacancy-info {
  font-size: 1.5rem; }
.vacancies-results .firm-title {
  margin-bottom: 10px; }
.vacancies-results .vacanvy-img {
  width: 100%;
  display: block; }

.search-quantity {
  font-size: 1.5rem; }

.bluebg {
  background-color: #172DCB; }

.logoblock {
  padding: 30px;
  font-family: "SF Pro Display Bold", Arial, sans-serif;
  font-size: 2.5rem;
  color: #fff;
  line-height: 120%;
  text-transform: uppercase; }
  .logoblock svg {
    max-width: 100%;
    display: block; }

.col-xs-5-cols,
.col-sm-5-cols,
.col-md-5-cols,
.col-lg-5-cols {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px; }

.col-xs-5-cols {
  width: 20%;
  float: left; }

@media (min-width: 768px) {
  .col-sm-5-cols {
    width: 20%;
    float: left; } }
@media (min-width: 992px) {
  .col-md-5-cols {
    width: 20%;
    float: left; } }
@media (min-width: 1200px) {
  .col-lg-5-cols {
    width: 20%;
    float: left; } }
.pagination {
  display: inline-block; }
  .pagination a, .pagination span {
    color: black;
    min-width: 60px;
    min-height: 60px;
    line-height: 44px;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
    text-align: center;
    font-size: 1.5rem;
    font-family: "SF Pro Display Bold", Arial, sans-serif; }
  .pagination a.active {
    background-color: #172DCB;
    color: white;
    border-radius: 50%; }
  .pagination a:hover:not(.active) {
    background-color: #ddd;
    border-radius: 50%; }
  .pagination .disabled {
    opacity: 0.5; }

.topsearch .submitmobile {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="19px" height="19px"><path fill-rule="evenodd" fill="rgb(255, 255, 255)" d="M17.828,16.231 C18.279,16.681 18.291,17.401 17.855,17.838 C17.419,18.275 16.701,18.264 16.251,17.813 L12.836,14.395 C12.804,14.363 12.791,14.322 12.764,14.288 C11.428,15.300 9.768,15.908 7.962,15.908 C3.564,15.908 -0.001,12.346 -0.001,7.953 C-0.001,3.560 3.564,-0.002 7.962,-0.002 C12.361,-0.002 15.926,3.560 15.926,7.953 C15.926,9.754 15.320,11.409 14.310,12.742 C14.343,12.769 14.383,12.781 14.414,12.812 L17.828,16.231 ZM7.945,2.262 C4.808,2.262 2.265,4.803 2.265,7.936 C2.265,11.069 4.808,13.608 7.945,13.608 C11.082,13.608 13.624,11.069 13.624,7.936 C13.624,4.803 11.082,2.262 7.945,2.262 Z"/></svg>');
  background-repeat: no-repeat;
  background-position: center; }

/* Стили для контейнера с горизонтальной прокруткой */
.scrollable-column {
  overflow-x: auto;
  /* Включаем горизонтальную прокрутку */
  overflow-y: hidden;
  white-space: nowrap;
  /* Запрещаем перенос строк */ }

/* Стили для элементов внутри колонки */
.scrollable-column .item {
  display: inline-block;
  /* Элементы в строку */
  min-width: 100px;
  /* Ширина элемента */ }

/* Стили для полосы прокрутки */
.scrollable-column::-webkit-scrollbar {
  height: 8px;
  /* Высота полосы прокрутки */ }

.scrollable-column::-webkit-scrollbar-thumb {
  background-color: #888;
  /* Цвет ползунка */
  border-radius: 4px;
  /* Скругление углов */ }

.scrollable-column::-webkit-scrollbar-track {
  background-color: #f1f1f1;
  /* Цвет трека */ }

.scrollable-column #reset-top-filter {
  position: absolute;
  right: 0;
  top: 0; }

ul.scrollable-column {
  min-width: 1100px; }

.sidebar {
  font-size: 1.25rem; }
  .sidebar .mobile-sidebar-menu a {
    color: #111111;
    text-decoration: none;
    transition: all 0.4s;
    font-family: "SF Pro Display Bold", Arial, sans-serif; }
    .sidebar .mobile-sidebar-menu a.active {
      color: #172DCB;
      font-family: "SF Pro Display Bold", Arial, sans-serif; }
    .sidebar .mobile-sidebar-menu a:hover {
      color: #172DCB; }
  .sidebar .sidebar-menu {
    padding-left: 0;
    list-style-type: none; }
    .sidebar .sidebar-menu a {
      color: #111111;
      text-decoration: none;
      transition: all 0.4s; }
      .sidebar .sidebar-menu a.active {
        color: #172DCB;
        font-family: "SF Pro Display Bold", Arial, sans-serif; }
      .sidebar .sidebar-menu a:hover {
        color: #172DCB; }
    .sidebar .sidebar-menu li {
      margin: 25px 0; }

.quantity-badge {
  min-width: 30px;
  border-radius: 7px;
  color: #fff;
  display: inline-block;
  text-align: center;
  padding: 1px 3px;
  font-size: 1.125rem;
  font-family: "SF Pro Display Bold", Arial, sans-serif;
  margin-left: 10px; }
  .quantity-badge.red {
    background-color: #ff4444; }
  .quantity-badge.blue {
    background-color: #172DCB; }
  .quantity-badge.gray {
    background-color: #ececec;
    color: #9d9d9d; }

.maincontent {
  font-size: 1.25rem; }
  .maincontent .filter-select {
    color: #111111;
    text-decoration: none;
    transition: all 0.4s; }
    .maincontent .filter-select:hover {
      color: #172DCB; }
  .maincontent .clean-btn {
    text-decoration: none;
    color: #111111;
    transition: all 0.4s;
    font-size: 1.25rem; }
    .maincontent .clean-btn:hover {
      color: #172DCB; }
  .maincontent .vacancy-card {
    -webkit-box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.1);
    font-size: 1.125rem;
    margin-bottom: 30px;
    position: relative; }
    .maincontent .vacancy-card .status-moderation {
      color: #172DCB;
      padding-left: 30px;
      background-image: url('data:image/svg+xml,<svg  xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="17px" height="29px"><path fill-rule="evenodd"  fill="rgb(23, 45, 203)" d="M16.070,4.600 C16.070,3.643 15.602,2.793 14.884,2.273 C14.768,2.197 14.647,2.121 14.517,2.046 C14.515,2.043 14.511,2.043 14.507,2.041 C14.342,1.946 14.165,1.853 13.977,1.761 C12.552,1.065 10.515,0.503 8.255,0.503 C5.995,0.503 3.959,1.065 2.533,1.761 C2.301,1.873 2.086,1.989 1.889,2.107 C1.871,2.119 1.850,2.131 1.831,2.144 C1.003,2.647 0.450,3.557 0.450,4.600 L0.440,4.600 C0.440,5.098 0.440,5.857 0.440,7.019 C0.440,10.063 5.051,12.581 5.051,14.736 C5.051,16.894 0.440,19.409 0.440,22.456 C0.440,23.610 0.440,24.370 0.440,24.868 C0.440,25.403 0.585,25.903 0.840,26.333 C1.069,26.718 1.386,27.045 1.762,27.287 C1.801,27.314 1.843,27.338 1.883,27.360 C3.300,28.210 5.625,28.969 8.255,28.969 C10.924,28.969 13.278,28.186 14.688,27.324 C14.709,27.312 14.728,27.299 14.748,27.287 C15.124,27.043 15.441,26.718 15.669,26.330 C15.924,25.903 16.070,25.403 16.070,24.868 C16.070,24.367 16.070,23.608 16.070,22.456 C16.070,19.409 11.459,16.894 11.459,14.736 C11.459,12.581 16.070,10.063 16.070,7.019 C16.070,5.857 16.070,5.098 16.070,4.600 ZM5.778,9.783 C5.829,9.783 5.880,9.793 5.926,9.809 C5.943,9.814 5.960,9.822 5.976,9.831 C5.980,9.831 5.982,9.834 5.985,9.834 C6.706,10.144 7.420,10.315 8.255,10.315 C9.090,10.315 9.804,10.144 10.525,9.834 C10.528,9.834 10.530,9.831 10.534,9.831 C10.550,9.822 10.567,9.814 10.584,9.809 C10.630,9.793 10.680,9.783 10.732,9.783 C10.974,9.783 11.169,9.978 11.169,10.219 C11.169,10.337 11.122,10.442 11.048,10.520 C11.036,10.532 11.022,10.544 11.010,10.557 C11.009,10.557 11.008,10.559 11.008,10.559 C10.251,11.269 9.710,12.006 9.244,12.798 C8.739,13.657 8.655,15.298 9.251,17.165 C9.656,18.437 9.118,19.058 8.255,19.058 C7.392,19.058 6.862,18.437 7.259,17.165 C7.843,15.293 7.771,13.657 7.266,12.798 C6.800,12.006 6.259,11.269 5.502,10.559 C5.502,10.559 5.501,10.557 5.500,10.557 C5.486,10.544 5.473,10.532 5.462,10.520 C5.388,10.442 5.341,10.337 5.341,10.219 C5.341,9.978 5.536,9.783 5.778,9.783 ZM11.613,22.478 C12.117,22.875 12.620,23.298 13.109,23.738 C13.111,23.738 13.112,23.740 13.114,23.740 C13.135,23.759 13.156,23.776 13.176,23.796 C13.177,23.798 13.178,23.801 13.181,23.801 C13.339,23.959 13.441,24.177 13.453,24.416 C13.455,24.431 13.455,24.448 13.455,24.462 C13.455,24.480 13.455,24.497 13.453,24.511 C13.436,24.845 13.244,25.134 12.967,25.285 C12.954,25.292 12.939,25.300 12.925,25.307 C12.376,25.586 11.589,25.893 10.613,26.103 C9.918,26.250 9.126,26.350 8.255,26.350 C7.385,26.350 6.593,26.250 5.897,26.103 C4.944,25.898 4.171,25.600 3.624,25.327 C3.610,25.319 3.596,25.314 3.583,25.307 C3.565,25.297 3.545,25.287 3.527,25.278 C3.262,25.126 3.080,24.850 3.057,24.531 C3.055,24.509 3.054,24.487 3.054,24.462 C3.054,24.441 3.055,24.419 3.057,24.396 C3.073,24.172 3.167,23.969 3.314,23.816 C3.346,23.781 3.382,23.750 3.420,23.720 C3.903,23.288 4.399,22.870 4.895,22.478 C5.736,21.811 6.573,21.213 7.345,20.737 C7.608,20.571 7.921,20.476 8.255,20.476 C8.589,20.476 8.902,20.571 9.165,20.737 L9.165,20.737 C9.936,21.213 10.774,21.811 11.613,22.478 Z"/></svg>');
      background-position: center left;
      background-repeat: no-repeat;
      font-size: 1rem;
      height: 29px;
      line-height: 29px; }
    .maincontent .vacancy-card .my-vacancy-title {
      font-size: 1.5rem;
      font-family: "SF Pro Display Bold", Arial, sans-serif;
      line-height: 120%; }
    .maincontent .vacancy-card .my-vacancy-zp {
      font-size: 1.25rem; }
    .maincontent .vacancy-card .gray {
      color: #959595; }
    .maincontent .vacancy-card .my-vacancy-1 {
      min-width: 140px;
      margin-right: 10px; }
    .maincontent .vacancy-card .feature {
      margin-bottom: 12px;
      position: relative;
      padding-right: 45px; }
      .maincontent .vacancy-card .feature.yes:after {
        content: '';
        position: absolute;
        background-image: url('data:image/svg+xml,<svg  xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="21px" height="21px"><path fill-rule="evenodd"  fill="rgb(9, 189, 0)" d="M10.630,20.261 C5.267,20.261 0.918,15.911 0.918,10.544 C0.918,5.178 5.267,0.827 10.630,0.827 C15.995,0.827 20.343,5.178 20.343,10.544 C20.343,15.911 15.995,20.261 10.630,20.261 ZM10.630,2.877 C6.399,2.877 2.967,6.310 2.967,10.544 C2.967,14.779 6.399,18.212 10.630,18.212 C14.863,18.212 18.294,14.779 18.294,10.544 C18.294,6.310 14.863,2.877 10.630,2.877 ZM14.951,9.131 L12.955,11.124 C12.944,11.136 12.932,11.147 12.921,11.157 L12.726,11.350 C12.721,11.355 12.717,11.360 12.712,11.365 C12.707,11.370 12.702,11.376 12.697,11.381 L10.958,13.119 C10.953,13.124 10.949,13.130 10.943,13.135 L10.287,13.791 C10.278,13.800 10.269,13.809 10.259,13.818 C10.111,13.944 9.921,14.013 9.726,14.013 C9.523,14.013 9.327,13.939 9.176,13.803 C9.167,13.797 9.157,13.787 9.147,13.777 L9.131,13.760 L6.846,11.474 C6.437,11.037 6.448,10.363 6.871,9.940 C7.080,9.732 7.356,9.616 7.650,9.616 C7.945,9.616 8.222,9.732 8.430,9.940 L9.735,11.245 L13.381,7.596 C13.389,7.589 13.396,7.581 13.404,7.574 C13.604,7.399 13.861,7.303 14.128,7.303 C14.422,7.303 14.698,7.418 14.906,7.626 C15.304,8.023 15.338,8.654 14.987,9.092 C14.976,9.105 14.964,9.119 14.951,9.131 Z"/></svg>');
        display: block;
        right: 20px;
        width: 21px;
        height: 21px;
        top: 5px; }
      .maincontent .vacancy-card .feature.no:after {
        content: '';
        position: absolute;
        background-image: url('data:image/svg+xml,<svg  xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="21px" height="21px"><path fill-rule="evenodd"  fill="rgb(219, 219, 219)" d="M10.685,20.375 C5.320,20.375 0.972,16.025 0.972,10.658 C0.972,5.292 5.320,0.941 10.685,0.941 C16.049,0.941 20.397,5.292 20.397,10.658 C20.397,16.025 16.049,20.375 10.685,20.375 ZM10.685,2.991 C6.452,2.991 3.021,6.425 3.021,10.658 C3.021,14.894 6.452,18.326 10.685,18.326 C14.917,18.326 18.348,14.894 18.348,10.658 C18.348,6.425 14.917,2.991 10.685,2.991 ZM13.961,8.644 L13.868,8.738 L12.028,10.574 C12.023,10.582 12.017,10.588 12.011,10.595 C11.977,10.629 11.973,10.683 12.001,10.721 C12.004,10.725 12.007,10.729 12.011,10.732 C12.014,10.735 12.018,10.737 12.021,10.740 C12.027,10.744 12.033,10.750 12.038,10.755 L13.914,12.635 C14.261,12.984 14.260,13.548 13.914,13.894 C13.747,14.062 13.524,14.154 13.287,14.154 L13.286,14.154 C13.075,14.154 12.871,14.079 12.711,13.942 C12.708,13.940 12.705,13.937 12.702,13.934 L10.761,11.993 C10.758,11.990 10.755,11.987 10.753,11.985 C10.718,11.950 10.657,11.947 10.621,11.980 C10.619,11.981 10.618,11.981 10.618,11.981 C10.615,11.985 10.614,11.985 10.611,11.988 L8.709,13.889 C8.538,14.058 8.316,14.151 8.079,14.151 C7.842,14.151 7.619,14.058 7.451,13.890 C7.125,13.565 7.104,13.036 7.402,12.686 C7.405,12.682 7.408,12.679 7.411,12.676 L7.495,12.593 L9.349,10.736 C9.352,10.734 9.354,10.732 9.356,10.730 L9.365,10.721 C9.396,10.685 9.395,10.631 9.363,10.595 C9.363,10.594 9.358,10.589 9.358,10.589 C9.357,10.588 9.353,10.584 9.352,10.584 C9.351,10.582 9.349,10.580 9.348,10.579 L7.423,8.654 C7.420,8.651 7.418,8.649 7.415,8.646 C7.106,8.293 7.123,7.757 7.456,7.425 C7.624,7.255 7.849,7.162 8.088,7.162 C8.298,7.162 8.501,7.237 8.661,7.372 C8.665,7.375 8.668,7.378 8.672,7.380 L10.608,9.321 C10.610,9.323 10.611,9.325 10.612,9.326 C10.614,9.327 10.617,9.331 10.618,9.332 C10.618,9.332 10.624,9.338 10.625,9.339 C10.652,9.362 10.713,9.367 10.749,9.336 L10.753,9.332 C10.755,9.330 10.757,9.328 10.759,9.326 C10.760,9.324 10.762,9.323 10.763,9.321 L12.688,7.395 C12.691,7.392 12.693,7.390 12.696,7.388 C12.858,7.245 13.068,7.166 13.285,7.166 C13.523,7.166 13.748,7.259 13.917,7.428 C14.241,7.753 14.265,8.282 13.970,8.634 C13.967,8.638 13.964,8.641 13.961,8.644 Z"/></svg>');
        display: block;
        right: 20px;
        width: 21px;
        height: 21px;
        top: 5px; }
    .maincontent .vacancy-card .feature-2 {
      margin-bottom: 12px; }
    .maincontent .vacancy-card .menu {
      position: relative;
      margin-top: auto; }
      .maincontent .vacancy-card .menu .menu-dots {
        cursor: pointer; }
      .maincontent .vacancy-card .menu .menu-wrapper {
        margin-top: -73px;
        margin-left: -20px; }
      .maincontent .vacancy-card .menu .wrap2 {
        z-index: 91;
        position: relative; }
      .maincontent .vacancy-card .menu .context-menu-vacancy {
        position: absolute;
        padding: 30px;
        z-index: 90; }
        .maincontent .vacancy-card .menu .context-menu-vacancy.show {
          z-index: 91; }
        .maincontent .vacancy-card .menu .context-menu-vacancy .menu-items {
          display: none; }
        .maincontent .vacancy-card .menu .context-menu-vacancy .item {
          text-decoration: none;
          color: #111111;
          cursor: pointer;
          transition: all 0.4s;
          margin-bottom: 10px; }
          .maincontent .vacancy-card .menu .context-menu-vacancy .item:hover {
            color: #172DCB; }
  .maincontent .region-filter .input {
    margin: 12px 0; }
    .maincontent .region-filter .input.region {
      font-family: "SF Pro Display Bold", Arial, sans-serif; }
    .maincontent .region-filter .input.region-child {
      margin-left: 30px; }
  .maincontent .region-filter input[type="checkbox"] {
    display: none;
    visibility: hidden; }
  .maincontent .region-filter label {
    display: inline-block; }
  .maincontent .region-filter .cbx {
    position: relative;
    top: 1px;
    width: 20px;
    height: 20px;
    border: 1px solid #e7e7e7;
    border-radius: 3px;
    vertical-align: middle;
    transition: background 0.1s ease;
    cursor: pointer;
    background-color: #fafafa;
    margin-left: auto; }
  .maincontent .region-filter .cbx:after {
    content: '';
    position: absolute;
    top: 3px;
    left: 6px;
    width: 6px;
    height: 10px;
    opacity: 0;
    transform: rotate(45deg) scale(0);
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transition: all 0.3s ease;
    transition-delay: 0.15s; }
  .maincontent .region-filter .lbl {
    margin-right: 10px;
    vertical-align: middle;
    cursor: pointer; }
  .maincontent .region-filter input[type="checkbox"]:checked ~ .cbx {
    border-color: transparent;
    background: #172DCB;
    animation: jelly-42 0.6s ease; }
  .maincontent .region-filter input[type="checkbox"]:checked ~ .cbx:after {
    opacity: 1;
    transform: rotate(45deg) scale(1); }
  .maincontent .region-filter .cntr {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    text-align: center; }
@-moz-keyframes jelly-42 {
  from {
    transform: scale(1, 1); }
  30% {
    transform: scale(1.25, 0.75); }
  40% {
    transform: scale(0.75, 1.25); }
  50% {
    transform: scale(1.15, 0.85); }
  65% {
    transform: scale(0.95, 1.05); }
  75% {
    transform: scale(1.05, 0.95); }
  to {
    transform: scale(1, 1); } }
@-webkit-keyframes jelly-42 {
  from {
    transform: scale(1, 1); }
  30% {
    transform: scale(1.25, 0.75); }
  40% {
    transform: scale(0.75, 1.25); }
  50% {
    transform: scale(1.15, 0.85); }
  65% {
    transform: scale(0.95, 1.05); }
  75% {
    transform: scale(1.05, 0.95); }
  to {
    transform: scale(1, 1); } }
@-o-keyframes jelly-42 {
  from {
    transform: scale(1, 1); }
  30% {
    transform: scale(1.25, 0.75); }
  40% {
    transform: scale(0.75, 1.25); }
  50% {
    transform: scale(1.15, 0.85); }
  65% {
    transform: scale(0.95, 1.05); }
  75% {
    transform: scale(1.05, 0.95); }
  to {
    transform: scale(1, 1); } }
@keyframes jelly-42 {
  from {
    transform: scale(1, 1); }
  30% {
    transform: scale(1.25, 0.75); }
  40% {
    transform: scale(0.75, 1.25); }
  50% {
    transform: scale(1.15, 0.85); }
  65% {
    transform: scale(0.95, 1.05); }
  75% {
    transform: scale(1.05, 0.95); }
  to {
    transform: scale(1, 1); } }
  .maincontent .region-filter .filter-context-menu {
    display: none;
    position: absolute;
    background-color: #fff;
    padding: 40px;
    padding-right: 70px;
    -webkit-box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.1);
    font-size: 1.125rem;
    border-radius: 10px;
    z-index: 92; 
    overflow-y: auto;    
    
}
    .maincontent .region-filter .filter-context-menu.show {
      display: block; 
    }
  .maincontent .region-filter .close {
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer;
    background-image: url('data:image/svg+xml,<svg  xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="17px" height="17px"><path fill-rule="evenodd"  fill="rgb(222, 222, 222)" d="M9.889,8.983 L16.195,15.302 C16.582,15.689 16.582,16.318 16.195,16.706 C15.808,17.094 15.180,17.094 14.793,16.706 L8.488,10.388 L2.182,16.706 C1.795,17.094 1.167,17.094 0.780,16.706 C0.393,16.318 0.393,15.689 0.780,15.302 L7.086,8.983 L0.780,2.665 C0.393,2.278 0.393,1.649 0.780,1.261 C1.167,0.873 1.795,0.873 2.182,1.261 L8.488,7.579 L14.793,1.261 C15.180,0.873 15.808,0.873 16.195,1.261 C16.582,1.649 16.582,2.278 16.195,2.665 L9.889,8.983 Z"/></svg>');
    width: 17px;
    height: 17px; }
  .maincontent .region-filter input[type="text"] {
    background-color: #fafafa;
    border: 1px solid #d0d0d0;
    color: #bdbdbd;
    border-radius: 5px;
    font-size: 1.25rem;
    max-width: 100%; }
  .maincontent .menu-mobile {
    position: absolute;
    padding: 30px;
    z-index: 91; }
    .maincontent .menu-mobile .menu-items {
      display: none; }
    .maincontent .menu-mobile .item {
      text-decoration: none;
      color: #111111;
      cursor: pointer;
      transition: all 0.4s;
      margin-bottom: 10px; }
      .maincontent .menu-mobile .item:hover {
        color: #172DCB; }

.show-mobile .menu-mobile {
  -webkit-box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.1);
  background-color: #fff;
  display: flex;
  position: absolute;
  bottom: 0;
  right: 50px; }
  .show-mobile .menu-mobile .menu-items {
    display: flex; }

.heading .page-title {
  font-size: 1.875rem;
  font-family: "SF Pro Display Bold", Arial, sans-serif; }
.heading .vac-menu-item {
  font-size: 1.25rem;
  margin: 0 25px;
  margin-top: 6px; }
  .heading .vac-menu-item a {
    color: #111111;
    transition: all 0.4s;
    text-decoration: none; }
    .heading .vac-menu-item a:hover {
      color: #172DCB; }

nav #account-menu {
  width: 100%; }
nav .account {
  color: #fff;
  text-decoration: none;
  font-size: 1.25rem;
  padding: 20px;
  padding-top: 0;
  z-index: 90; }
  nav .account .btn-gray {
    font-size: 1.25rem;
    font-family: "SF Pro Display", Arial, sans-serif; }
  nav .account hr {
    background-color: #cecece; }
  nav .account a {
    color: #fff;
    text-decoration: none; }
  nav .account .account-icon {
    fill: #fff; }
    nav .account .account-icon svg {
      vertical-align: middle; }
nav .account-menu {
  display: none; }
nav .menu-icon {
  fill: #cecece;
  width: 33px;
  text-align: center;
  transition: all 0.4s; }
nav .account-active .account {
  background-color: #fff;
  color: #111111;
  font-size: 1.25rem;
  -webkit-box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  padding-top: 20px;
  margin-top: -20px; 
}
  nav .account-active .account a {
    color: #111111; }
  nav .account-active .account .account-menu {
    display: flex; 
  }
    nav .account-active .account .account-menu a {
      color: #111111;
      transition: all 0.4s; 
    }
      nav .account-active .account .account-menu a:hover {
        color: #172DCB; }
        nav .account-active .account .account-menu a:hover .menu-icon {
          fill: #172DCB; }
nav .account-active .account-icon {
  fill: #172DCB; }
nav .menu-item {
  margin: 10px 0; }
nav .account-menu-wrapper {
  padding-top: 15px; }
nav .notify {
  position: relative; }
nav .notify:after {
  width: 10px;
  height: 10px;
  background-color: #ff4444;
  border-radius: 5px;
  content: '';
  display: block;
  position: absolute;
  right: 15px;
  top: 0; }

nav .account-menu-mobile {
  background-color: #fff;
  display: block;
  position: absolute;
  padding: 20px;
  width: 250px;
  right: 0;
  top: 50px;
  -webkit-box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  display: none; }
  nav .account-menu-mobile.show {
    display: block; }
  nav .account-menu-mobile a {
    color: #111111; }
  nav .account-menu-mobile a {
    color: #111111;
    text-decoration: none;
    transition: all 0.4s; }
    nav .account-menu-mobile a:hover {
      color: #172DCB; }
      nav .account-menu-mobile a:hover .menu-icon {
        fill: #172DCB; }
nav .account-mobile {
  fill: #fff;
  padding: 7px 15px; }

.balance hr {
  background-color: #c8c8c8; }

.maincontent {
  line-height: 120%; }
  .maincontent .page-title {
    font-family: "SF Pro Display Bold", Arial, sans-serif;
    font-size: 1.875rem; }
  .maincontent .hint {
    color: #8a8a8a;
    font-size: 1rem;
    line-height: 120%; }
  .maincontent .row-data {
    width: 100%;
    color: #888888;
    font-size: 1.125rem; }
  .maincontent .row-heading {
    font-family: "SF Pro Display Bold", Arial, sans-serif; }
  .maincontent .form-row, .maincontent form.custom {
    width: 100%;
    margin-bottom: 18px;
    display: flex;
    align-items: center; }
    .maincontent .form-row .row-label, .maincontent form.custom .row-label {
      min-width: 220px;
      max-width: 270px;
      padding-right: 15px; }
      .maincontent .form-row .row-label.min, .maincontent form.custom .row-label.min {
        max-width: 200px; }
    .maincontent .form-row .add-logo, .maincontent form.custom .add-logo {
      position: absolute;
      color: #8a8a8a;
      font-size: 1rem;
      text-align: center;
      line-height: 120%;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 100%;
      height: 100%;
      cursor: pointer;
      padding-top: 40%; }
    .maincontent .form-row select, .maincontent form.custom select {
      background-color: #fafafa;
      border: 1px solid #d0d0d0;
      padding: 14px 15px;
      border-radius: 5px;
      font-size: 1.125rem;
      color: #888888; }
      .maincontent .form-row select.wide, .maincontent form.custom select.wide {
        width: 100%;
        max-width: 450px; }
    .maincontent .form-row .img-wrapper img, .maincontent form.custom .img-wrapper img {
      border-radius: 5px;
      background-color: #fafafa;
      border: 1px solid #d0d0d0;
      border-radius: 5px; }
    .maincontent .form-row textarea, .maincontent form.custom textarea {
      background-color: #fafafa;
      border: 1px solid #d0d0d0;
      padding: 14px 15px;
      border-radius: 5px;
      font-size: 1.125rem;
      color: #888888;
      width: 100%;
      height: 400px; }
      .maincontent .form-row textarea.min, .maincontent form.custom textarea.min {
        height: 75px; }
    .maincontent .form-row input[type=number], .maincontent form.custom input[type=number] {
      width: 150px;
      border: 1px solid #d0d0d0;
      border-radius: 5px;
      padding: 13px 15px;
      font-size: 1.125rem;
      background-color: #fafafa; }
    .maincontent .form-row input, .maincontent form.custom input {
      border: 1px solid #d0d0d0;
      border-radius: 5px;
      padding: 13px 15px;
      font-size: 1.125rem;
      background-color: #fafafa;
      color: #888888; }
    .maincontent .form-row input[type="text"], .maincontent form.custom input[type="text"] {
      width: 100%; }
    .maincontent .form-row input[type="tel"], .maincontent form.custom input[type="tel"] {
      width: 100%; }
    .maincontent .form-row input[type=number]::-webkit-outer-spin-button,
    .maincontent .form-row input[type=number]::-webkit-inner-spin-button, .maincontent form.custom input[type=number]::-webkit-outer-spin-button,
    .maincontent form.custom input[type=number]::-webkit-inner-spin-button {
      /* display: none; <- Crashes Chrome on hover */
      -webkit-appearance: none;
      margin: 0;
      /* <-- Apparently some margin are still there even though it's hidden */ }
    .maincontent .form-row input[type=number], .maincontent form.custom input[type=number] {
      -moz-appearance: textfield;
      /* Firefox */ }
    .maincontent .form-row input[type="checkbox"], .maincontent form.custom input[type="checkbox"] {
      display: none;
      visibility: hidden; }
    .maincontent .form-row label, .maincontent form.custom label {
      display: inline-block; }
    .maincontent .form-row .cbx, .maincontent form.custom .cbx {
      position: relative;
      top: 1px;
      width: 25px;
      height: 25px;
      border: 1px solid #e7e7e7;
      border-radius: 3px;
      vertical-align: middle;
      transition: background 0.1s ease;
      cursor: pointer;
      background-color: #fafafa;
      min-width: 25px; }
    .maincontent .form-row .cbx:after, .maincontent form.custom .cbx:after {
      content: '';
      position: absolute;
      top: 3px;
      left: 9px;
      width: 6px;
      height: 14px;
      opacity: 0;
      transform: rotate(45deg) scale(0);
      border-right: 2px solid #fff;
      border-bottom: 2px solid #fff;
      transition: all 0.3s ease;
      transition-delay: 0.15s; }
    .maincontent .form-row .lbl, .maincontent form.custom .lbl {
      margin-left: 10px;
      vertical-align: middle;
      cursor: pointer;
      white-space: nowrap;
      font-size: 1.125rem; }
    .maincontent .form-row input[type="checkbox"]:checked ~ .cbx, .maincontent form.custom input[type="checkbox"]:checked ~ .cbx {
      border-color: transparent;
      background: #172DCB;
      animation: jelly-42 0.6s ease; }
    .maincontent .form-row input[type="checkbox"]:checked ~ .cbx:after, .maincontent form.custom input[type="checkbox"]:checked ~ .cbx:after {
      opacity: 1;
      transform: rotate(45deg) scale(1); }
    .maincontent .form-row .cntr, .maincontent form.custom .cntr {
      position: absolute;
      top: 50%;
      left: 0;
      width: 100%;
      text-align: center; }
@-moz-keyframes jelly-42 {
  from {
    transform: scale(1, 1); }
  30% {
    transform: scale(1.25, 0.75); }
  40% {
    transform: scale(0.75, 1.25); }
  50% {
    transform: scale(1.15, 0.85); }
  65% {
    transform: scale(0.95, 1.05); }
  75% {
    transform: scale(1.05, 0.95); }
  to {
    transform: scale(1, 1); } }
@-webkit-keyframes jelly-42 {
  from {
    transform: scale(1, 1); }
  30% {
    transform: scale(1.25, 0.75); }
  40% {
    transform: scale(0.75, 1.25); }
  50% {
    transform: scale(1.15, 0.85); }
  65% {
    transform: scale(0.95, 1.05); }
  75% {
    transform: scale(1.05, 0.95); }
  to {
    transform: scale(1, 1); } }
@-o-keyframes jelly-42 {
  from {
    transform: scale(1, 1); }
  30% {
    transform: scale(1.25, 0.75); }
  40% {
    transform: scale(0.75, 1.25); }
  50% {
    transform: scale(1.15, 0.85); }
  65% {
    transform: scale(0.95, 1.05); }
  75% {
    transform: scale(1.05, 0.95); }
  to {
    transform: scale(1, 1); } }
@keyframes jelly-42 {
  from {
    transform: scale(1, 1); }
  30% {
    transform: scale(1.25, 0.75); }
  40% {
    transform: scale(0.75, 1.25); }
  50% {
    transform: scale(1.15, 0.85); }
  65% {
    transform: scale(0.95, 1.05); }
  75% {
    transform: scale(1.05, 0.95); }
  to {
    transform: scale(1, 1); } }
    .maincontent .form-row .input, .maincontent form.custom .input {
      margin-right: 20px;
      display: inline-block; }
      .maincontent .form-row .input > div, .maincontent form.custom .input > div {
        margin-bottom: 7px;
        margin-top: 7px; }
    .maincontent .form-row .inputGroup, .maincontent form.custom .inputGroup {
      background-color: #fff;
      display: inline-block;
      margin: 10px 0;
      position: relative;
      border: 1px solid #eaeaea;
      border-radius: 5px;
      margin-right: 10px;
      font-size: 1.125rem; }
      .maincontent .form-row .inputGroup label, .maincontent form.custom .inputGroup label {
        padding: 12px 20px;
        width: 100%;
        display: block;
        text-align: left;
        color: #3C454C;
        cursor: pointer;
        position: relative;
        z-index: 2;
        transition: color 200ms ease-in;
        overflow: hidden;
        border-radius: 5px; }
        .maincontent .form-row .inputGroup label:before, .maincontent form.custom .inputGroup label:before {
          width: 10px;
          height: 10px;
          border-radius: 50%;
          content: '';
          background-color: #172DCB;
          position: absolute;
          left: 50%;
          top: 50%;
          transform: translate(-50%, -50%) scale3d(1, 1, 1);
          transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
          opacity: 0;
          z-index: -1; }
      .maincontent .form-row .inputGroup input:checked ~ label, .maincontent form.custom .inputGroup input:checked ~ label {
        color: #fff; }
        .maincontent .form-row .inputGroup input:checked ~ label:before, .maincontent form.custom .inputGroup input:checked ~ label:before {
          transform: translate(-50%, -50%) scale3d(56, 56, 1);
          opacity: 1; }
      .maincontent .form-row .inputGroup input, .maincontent form.custom .inputGroup input {
        width: 32px;
        height: 32px;
        order: 1;
        z-index: 2;
        position: absolute;
        right: 30px;
        top: 50%;
        transform: translateY(-50%);
        cursor: pointer;
        visibility: hidden; }

    .maincontent .form-row .checkbox-toggle-wrapper .tgl, .maincontent form.custom .checkbox-toggle-wrapper .tgl {
      display: none; }
    .maincontent .form-row .checkbox-toggle-wrapper .tgl,
    .maincontent .form-row .checkbox-toggle-wrapper .tgl:after,
    .maincontent .form-row .checkbox-toggle-wrapper .tgl:before,
    .maincontent .form-row .checkbox-toggle-wrapper .tgl *,
    .maincontent .form-row .checkbox-toggle-wrapper .tgl *:after,
    .maincontent .form-row .checkbox-toggle-wrapper .tgl *:before,
    .maincontent .form-row .checkbox-toggle-wrapper .tgl + .tgl-btn, .maincontent form.custom .checkbox-toggle-wrapper .tgl,
    .maincontent form.custom .checkbox-toggle-wrapper .tgl:after,
    .maincontent form.custom .checkbox-toggle-wrapper .tgl:before,
    .maincontent form.custom .checkbox-toggle-wrapper .tgl *,
    .maincontent form.custom .checkbox-toggle-wrapper .tgl *:after,
    .maincontent form.custom .checkbox-toggle-wrapper .tgl *:before,
    .maincontent form.custom .checkbox-toggle-wrapper .tgl + .tgl-btn {
      box-sizing: border-box; }
    .maincontent .form-row .checkbox-toggle-wrapper .tgl::-moz-selection,
    .maincontent .form-row .checkbox-toggle-wrapper .tgl:after::-moz-selection,
    .maincontent .form-row .checkbox-toggle-wrapper .tgl:before::-moz-selection,
    .maincontent .form-row .checkbox-toggle-wrapper .tgl *::-moz-selection,
    .maincontent .form-row .checkbox-toggle-wrapper .tgl *:after::-moz-selection,
    .maincontent .form-row .checkbox-toggle-wrapper .tgl *:before::-moz-selection,
    .maincontent .form-row .checkbox-toggle-wrapper .tgl + .tgl-btn::-moz-selection,
    .maincontent .form-row .checkbox-toggle-wrapper .tgl::selection,
    .maincontent .form-row .checkbox-toggle-wrapper .tgl:after::selection,
    .maincontent .form-row .checkbox-toggle-wrapper .tgl:before::selection,
    .maincontent .form-row .checkbox-toggle-wrapper .tgl *::selection,
    .maincontent .form-row .checkbox-toggle-wrapper .tgl *:after::selection,
    .maincontent .form-row .checkbox-toggle-wrapper .tgl *:before::selection,
    .maincontent .form-row .checkbox-toggle-wrapper .tgl + .tgl-btn::selection, .maincontent form.custom .checkbox-toggle-wrapper .tgl::-moz-selection,
    .maincontent form.custom .checkbox-toggle-wrapper .tgl:after::-moz-selection,
    .maincontent form.custom .checkbox-toggle-wrapper .tgl:before::-moz-selection,
    .maincontent form.custom .checkbox-toggle-wrapper .tgl *::-moz-selection,
    .maincontent form.custom .checkbox-toggle-wrapper .tgl *:after::-moz-selection,
    .maincontent form.custom .checkbox-toggle-wrapper .tgl *:before::-moz-selection,
    .maincontent form.custom .checkbox-toggle-wrapper .tgl + .tgl-btn::-moz-selection,
    .maincontent form.custom .checkbox-toggle-wrapper .tgl::selection,
    .maincontent form.custom .checkbox-toggle-wrapper .tgl:after::selection,
    .maincontent form.custom .checkbox-toggle-wrapper .tgl:before::selection,
    .maincontent form.custom .checkbox-toggle-wrapper .tgl *::selection,
    .maincontent form.custom .checkbox-toggle-wrapper .tgl *:after::selection,
    .maincontent form.custom .checkbox-toggle-wrapper .tgl *:before::selection,
    .maincontent form.custom .checkbox-toggle-wrapper .tgl + .tgl-btn::selection {
      background: none; }
    .maincontent .form-row .checkbox-toggle-wrapper .tgl + .tgl-btn, .maincontent form.custom .checkbox-toggle-wrapper .tgl + .tgl-btn {
      outline: 0;
      display: block;
      width: 60px;
      height: 30px;
      position: relative;
      cursor: pointer;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none; }
    .maincontent .form-row .checkbox-toggle-wrapper .tgl + .tgl-btn:after,
    .maincontent .form-row .checkbox-toggle-wrapper .tgl + .tgl-btn:before, .maincontent form.custom .checkbox-toggle-wrapper .tgl + .tgl-btn:after,
    .maincontent form.custom .checkbox-toggle-wrapper .tgl + .tgl-btn:before {
      position: relative;
      display: block;
      content: "";
      width: 50%;
      height: 100%; }
    .maincontent .form-row .checkbox-toggle-wrapper .tgl + .tgl-btn:after, .maincontent form.custom .checkbox-toggle-wrapper .tgl + .tgl-btn:after {
      left: 0; }
    .maincontent .form-row .checkbox-toggle-wrapper .tgl + .tgl-btn:before, .maincontent form.custom .checkbox-toggle-wrapper .tgl + .tgl-btn:before {
      display: none; }
    .maincontent .form-row .checkbox-toggle-wrapper .tgl:checked + .tgl-btn:after, .maincontent form.custom .checkbox-toggle-wrapper .tgl:checked + .tgl-btn:after {
      left: 50%; }
    .maincontent .form-row .checkbox-toggle-wrapper .tgl-light + .tgl-btn, .maincontent form.custom .checkbox-toggle-wrapper .tgl-light + .tgl-btn {
      background: #eaeaea;
      border-radius: 2em;
      padding: 2px;
      transition: all 0.4s ease; }
    .maincontent .form-row .checkbox-toggle-wrapper .tgl-light + .tgl-btn:after, .maincontent form.custom .checkbox-toggle-wrapper .tgl-light + .tgl-btn:after {
      border-radius: 50%;
      background: #fff;
      transition: all 0.2s ease; }
    .maincontent .form-row .checkbox-toggle-wrapper .tgl-light:checked + .tgl-btn, .maincontent form.custom .checkbox-toggle-wrapper .tgl-light:checked + .tgl-btn {
      background: #172DCB; }
    .maincontent .form-row input#video, .maincontent form.custom input#video {
      width: 100%;
      max-width: 750px; }
  .maincontent .submit-block .btn {
    width: 100%; }
  .maincontent .create-vacancy hr {
    background-color: #d4d4d4; }

.plus-btn {
  width: 50px;
  height: 50px;
  background-color: #172DCB;
  border-radius: 5px;
  margin-left: 15px;
  background-image: url('data:image/svg+xml,<svg  xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="22px" height="21px"><path fill-rule="evenodd"  fill="rgb(226, 226, 226)" d="M20.507,11.343 L12.028,11.335 L12.036,19.813 C12.037,20.334 11.616,20.755 11.095,20.755 C10.575,20.754 10.153,20.332 10.152,19.812 L10.144,11.333 L1.665,11.325 C1.145,11.324 0.722,10.902 0.722,10.381 C0.722,9.861 1.143,9.440 1.663,9.440 L10.142,9.449 L10.134,0.970 C10.133,0.450 10.555,0.028 11.075,0.029 C11.595,0.029 12.018,0.452 12.018,0.972 L12.026,9.450 L20.505,9.459 C21.025,9.459 21.448,9.881 21.448,10.402 C21.449,10.922 21.027,11.343 20.507,11.343 Z"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
  transition: all 0.4s; }
  .plus-btn:hover {
    background-color: #000; }

.cross-btn {
  width: 50px;
  height: 50px;
  background-color: #f6f6f6;
  border-radius: 5px;
  margin-left: 15px;
  background-image: url('data:image/svg+xml,<svg  xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16px" height="16px"><path fill-rule="evenodd"  fill="rgb(191, 191, 191)" d="M15.419,2.397 L9.418,8.386 L15.419,14.376 C15.787,14.743 15.787,15.339 15.419,15.707 C15.050,16.075 14.453,16.075 14.085,15.707 L8.084,9.717 L2.082,15.707 C1.715,16.075 1.117,16.075 0.749,15.707 C0.381,15.339 0.381,14.743 0.749,14.376 L6.750,8.386 L0.749,2.397 C0.381,2.029 0.381,1.433 0.749,1.065 C1.117,0.698 1.715,0.698 2.082,1.065 L8.084,7.055 L14.085,1.065 C14.453,0.698 15.050,0.698 15.419,1.065 C15.787,1.433 15.787,2.029 15.419,2.397 Z"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
  transition: all 0.4s; }
  .cross-btn:hover {
    background-color: #000; }

.required {
  color: #ff4444; }

.text-light-red {
  color: #ff4444 !important; }

.text-black {
  color: #111111 !important; }

label.upload {
  background-color: #e4e4e4;
  color: #000;
  border: 0;
  font-size: 1.25rem;
  font-family: "SF Pro Display Bold", Arial, sans-serif;
  border-radius: 5px;
  transition: all 0.4s !important;
  text-decoration: none;
  padding: 15px 40px;
  cursor: pointer;
  display: block;
  text-align: center;
  width: 100%;
  max-width: 230px; }
  label.upload:hover {
    background-color: #172DCB;
    color: #fff !important;
    -webkit-box-shadow: 0px 0px 13px 0px rgba(23, 45, 203, 0.4);
    -moz-box-shadow: 0px 0px 13px 0px rgba(23, 45, 203, 0.4);
    box-shadow: 0px 0px 13px 0px rgba(23, 45, 203, 0.4); }

.checkbox-toggle-description {
  margin-left: 85px;
  display: block; }

.blue-header {
  background-color: #172DCB;
  color: #fff;
  font-size: 1.5rem; }
  .blue-header h1 {
    font-size: 3.75rem;
    font-family: "SF Pro Display Bold", Arial, sans-serif; }
  .blue-header .circle {
    width: 75px;
    height: 75px;
    min-width: 75px;
    min-height: 75px;
    border-radius: 50%;
    background-color: #2e47f6;
    margin-right: 30px; }
    .blue-header .circle svg {
      margin: 0 auto; }
  .blue-header .land-features {
    margin-bottom: 30px;
    text-align: left; }

.bg-black {
  background-color: #000;
  color: #fff; }

.bg-blue {
  background-color: #172DCB;
  color: #fff; }

.colorbox-wrap > div:nth-child(even) .colorbox {
  background-color: #000; }

.colorbox-wrap > div:nth-child(odd) .colorbox {
  background-color: #172DCB; }

.colorbox {
  color: #fff;
  position: relative;
  height: 120px;
  width: 100%;
  border-radius: 10px; }
  .colorbox.box-next {
    background-image: url('data:image/svg+xml,<svg  xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="13px" height="23px"><path fill-rule="evenodd"  fill="rgb(255, 255, 255)" d="M12.484,12.766 C12.439,12.812 12.379,12.830 12.329,12.868 L2.458,22.591 C1.905,23.136 1.008,23.136 0.454,22.591 C-0.099,22.048 -0.099,21.166 0.454,20.621 L9.454,11.755 L0.454,2.890 C-0.099,2.346 -0.099,1.463 0.454,0.919 C1.008,0.375 1.905,0.375 2.458,0.919 L12.328,10.642 C12.378,10.680 12.438,10.699 12.484,10.744 C12.768,11.023 12.901,11.390 12.894,11.755 C12.901,12.121 12.768,12.488 12.484,12.766 Z"/></svg>');
    background-repeat: no-repeat;
    background-position: right 20px bottom 20px; }
  .colorbox.box-last {
    background-image: url("../img/tick.png");
    background-repeat: no-repeat;
    background-position: right 20px bottom 20px; }
  .colorbox span {
    font-size: 115px;
    font-family: "SF Pro Display Bold", Arial, sans-serif;
    display: block;
    line-height: 100%;
    position: absolute;
    bottom: -18px;
    left: 15px; }

.colorbox-wrap .heading {
  font-family: "SF Pro Display Bold", Arial, sans-serif;
  font-size: 1.5rem; }
.colorbox-wrap .colorbox .heading {
  font-size: 1.25rem; }
.colorbox-wrap p {
  font-size: 1.25rem; }

.rp-logo img {
  max-width: 100%;
  display: block; }

.questions {
  font-size: 1.5rem; }
  .questions .email, .questions .phone, .questions .telegram {
    font-size: 2.25rem; }
    .questions .email svg, .questions .phone svg, .questions .telegram svg {
      margin-right: 20px;
      width: 44px; }
    .questions .email a, .questions .phone a, .questions .telegram a {
      color: #111111;
      text-decoration: none !important;
      transition: all 0.4s; }
      .questions .email a:hover, .questions .phone a:hover, .questions .telegram a:hover {
        color: #172DCB; }

.rp-form input {
  border: 1px solid #d0d0d0;
  border-radius: 5px;
  padding: 13px 15px;
  font-size: 1.125rem;
  background-color: #fafafa;
  color: #888888; }
.rp-form textarea {
  background-color: #fafafa;
  border: 1px solid #d0d0d0;
  padding: 14px 15px;
  border-radius: 5px;
  font-size: 1.125rem;
  color: #888888;
  width: 100%;
  height: 140px; }

.gray-header .header-subtitle {
  font-family: "SF Pro Display Bold", Arial, sans-serif;
  font-size: 2.25rem; }
.gray-header .header-title {
  font-family: "SF Pro Display Bold", Arial, sans-serif;
  font-size: 3.75rem; }
.gray-header p {
  font-size: 1.875rem; }

.bluebox {
  background-color: #172DCB;
  padding: 45px; }
  .bluebox .video, .bluebox img {
    object-fit: contain; }

.video-section .phone {
  right: 0px;
  top: 80px;
  animation: MoveUpDown 3s linear infinite; }

@keyframes MoveUpDown {
  0%, 100% {
    top: 80px; }
  50% {
    top: 90px; } }
.gray-wrapper {
  background-color: #F1F1F1;
  margin-left: 45px;
  max-width: 390px;
  width: 50%; }

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

hr.custom {
  background-color: #ededed;
  opacity: 1; }

.shortinput {
  width: 100%;
  max-width: 450px; }

.response .date {
  color: #b0b0b0;
  font-size: 1.125rem; }
.response .my-vacancy-title {
  font-size: 1.375rem !important; }
.response .delete-btn {
  position: absolute;
  right: 20px;
  bottom: 22px; }
.response .address {
  color: #999999; }

.maincontent .vacancy-card.response .menu .menu-wrapper {
  margin-top: -80px;
  margin-left: -20px; }

.filter-wrapper a {
  color: #111111;
  text-decoration: none; }

.scrollable-content {
  height: calc(100vh - 300px);
  overflow-y: auto;
  padding-right: 10px; }

/* Стилизация полосы прокрутки */
.scrollable-content::-webkit-scrollbar {
  width: 8px; }

.scrollable-content::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 4px; }

.scrollable-content::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 4px; }

.scrollable-content::-webkit-scrollbar-thumb:hover {
  background: #555; }

.shad {
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1); }

.message-block {
  height: 100%;
  min-height: 330px;
  border-radius: 5px; }
  .message-block .btn-gray-2 {
    font-size: 1.125rem; }
  .message-block .message-header {
    background-color: #f3f3f3;
    font-size: 1.125rem;
    padding-top: 40px;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 10px; }
    .message-block .message-header .name {
      font-family: "SF Pro Display Bold", Arial, sans-serif;
      font-size: 1.25rem; }
  .message-block .message-content {
    height: 100%;
    padding: 15px 30px; }
  .message-block .message-footer .message-info {
    padding: 15px 30px;
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    color: #969696;
    font-size: 1.125rem; }
  .message-block .message-footer .date, .message-block .message-footer .time {
    font-size: 1rem; }
  .message-block .message-footer .status {
    padding-left: 45px; }
    .message-block .message-footer .status.read {
      background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="29px" height="26px"><path fill-rule="evenodd"  fill="rgb(212, 212, 212)" d="M28.441,9.492 L28.441,9.490 L16.024,1.072 C15.717,0.863 15.322,0.739 14.892,0.739 C14.464,0.739 14.069,0.863 13.761,1.072 C13.761,1.072 1.659,9.253 1.462,9.403 C1.459,9.403 1.459,9.403 1.459,9.403 C1.073,9.728 0.828,10.217 0.828,10.762 L0.828,11.279 L0.828,21.693 L0.828,24.067 C0.828,25.050 1.625,25.847 2.607,25.847 L27.178,25.847 C28.161,25.847 28.958,25.050 28.958,24.067 L28.958,21.693 L28.958,11.279 L28.958,10.872 L28.958,10.628 C28.928,10.185 28.737,9.787 28.441,9.492 ZM26.956,10.900 C26.942,10.983 26.893,11.060 26.823,11.119 C26.820,11.121 26.816,11.124 26.812,11.126 C26.801,11.135 26.790,11.143 26.776,11.151 L16.178,18.539 C16.093,18.612 15.999,18.677 15.898,18.734 C15.612,18.895 15.265,18.988 14.892,18.988 C14.515,18.988 14.165,18.893 13.878,18.729 C13.783,18.675 13.695,18.613 13.614,18.545 L2.991,11.138 C2.903,11.078 2.841,10.992 2.826,10.894 C2.822,10.877 2.821,10.860 2.821,10.842 C2.821,10.722 2.887,10.614 2.991,10.545 L14.380,2.754 C14.383,2.753 14.385,2.750 14.388,2.749 C14.524,2.657 14.698,2.603 14.887,2.603 C15.073,2.603 15.243,2.656 15.379,2.743 C15.388,2.749 15.398,2.757 15.408,2.764 C15.411,2.765 15.416,2.769 15.420,2.771 L26.786,10.546 C26.790,10.547 26.792,10.549 26.794,10.552 C26.896,10.622 26.961,10.728 26.961,10.845 C26.961,10.863 26.960,10.882 26.956,10.900 Z"/></svg>');
      background-repeat: no-repeat;
      background-position: left center; }
  .message-block .message-footer .message-actions {
    padding: 0 30px; }

.message-list-block {
  height: 100%;
  min-height: 330px; }
  .message-list-block .message-list-content {
    height: 100%; }
    .message-list-block .message-list-content .message-content {
      height: 100%;
      padding: 15px 30px; }
    .message-list-block .message-list-content .message-footer .message-info {
      padding: 15px 30px;
      border-top: 1px solid #ebebeb;
      border-bottom: 1px solid #ebebeb;
      color: #969696;
      font-size: 1.125rem; }
    .message-list-block .message-list-content .message-footer .date, .message-list-block .message-list-content .message-footer .time {
      font-size: 1rem; }
    .message-list-block .message-list-content .message-footer .status {
      padding-left: 45px; }
      .message-list-block .message-list-content .message-footer .status.read {
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="29px" height="26px"><path fill-rule="evenodd"  fill="rgb(212, 212, 212)" d="M28.441,9.492 L28.441,9.490 L16.024,1.072 C15.717,0.863 15.322,0.739 14.892,0.739 C14.464,0.739 14.069,0.863 13.761,1.072 C13.761,1.072 1.659,9.253 1.462,9.403 C1.459,9.403 1.459,9.403 1.459,9.403 C1.073,9.728 0.828,10.217 0.828,10.762 L0.828,11.279 L0.828,21.693 L0.828,24.067 C0.828,25.050 1.625,25.847 2.607,25.847 L27.178,25.847 C28.161,25.847 28.958,25.050 28.958,24.067 L28.958,21.693 L28.958,11.279 L28.958,10.872 L28.958,10.628 C28.928,10.185 28.737,9.787 28.441,9.492 ZM26.956,10.900 C26.942,10.983 26.893,11.060 26.823,11.119 C26.820,11.121 26.816,11.124 26.812,11.126 C26.801,11.135 26.790,11.143 26.776,11.151 L16.178,18.539 C16.093,18.612 15.999,18.677 15.898,18.734 C15.612,18.895 15.265,18.988 14.892,18.988 C14.515,18.988 14.165,18.893 13.878,18.729 C13.783,18.675 13.695,18.613 13.614,18.545 L2.991,11.138 C2.903,11.078 2.841,10.992 2.826,10.894 C2.822,10.877 2.821,10.860 2.821,10.842 C2.821,10.722 2.887,10.614 2.991,10.545 L14.380,2.754 C14.383,2.753 14.385,2.750 14.388,2.749 C14.524,2.657 14.698,2.603 14.887,2.603 C15.073,2.603 15.243,2.656 15.379,2.743 C15.388,2.749 15.398,2.757 15.408,2.764 C15.411,2.765 15.416,2.769 15.420,2.771 L26.786,10.546 C26.790,10.547 26.792,10.549 26.794,10.552 C26.896,10.622 26.961,10.728 26.961,10.845 C26.961,10.863 26.960,10.882 26.956,10.900 Z"/></svg>');
        background-repeat: no-repeat;
        background-position: left center; }
    .message-list-block .message-list-content .message-footer .message-actions {
      padding: 0 30px; }
    .message-list-block .message-list-content .message-item {
      -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
      -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
      box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
      margin-top: 15px;
      margin-bottom: 10px;
      background-color: #fff;
      border-radius: 5px;
      background-repeat: repeat-y;
      background-position: left;
      cursor: pointer;
      padding: 20px 0;
      padding-left: 5px; }
      .message-list-block .message-list-content .message-item .btn-gray-2 {
        font-size: 1.125rem; }
      .message-list-block .message-list-content .message-item .fullmessage {
        display: none;
        border-top: 1px solid #ebebeb; }
      .message-list-block .message-list-content .message-item.active {
        background-image: url(../img/bluestrip.gif); }
      .message-list-block .message-list-content .message-item .name {
        font-family: "SF Pro Display Bold", Arial, sans-serif;
        font-size: 1.25rem; }
      .message-list-block .message-list-content .message-item .vacancy {
        font-family: "SF Pro Display Bold", Arial, sans-serif;
        font-size: 1.125rem; }
      .message-list-block .message-list-content .message-item .email {
        font-size: 1.125rem; }
      .message-list-block .message-list-content .message-item .date-top {
        font-size: 0.875rem;
        font-family: "SF Pro Display Bold", Arial, sans-serif;
        margin-right: 30px; }
      .message-list-block .message-list-content .message-item .icon {
        width: 29px;
        height: 26px;
        margin-left: 30px;
        margin-right: 30px; }
        .message-list-block .message-list-content .message-item .icon.read {
          background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="29px" height="26px"><path fill-rule="evenodd"  fill="rgb(212, 212, 212)" d="M28.441,9.492 L28.441,9.490 L16.024,1.072 C15.717,0.863 15.322,0.739 14.892,0.739 C14.464,0.739 14.069,0.863 13.761,1.072 C13.761,1.072 1.659,9.253 1.462,9.403 C1.459,9.403 1.459,9.403 1.459,9.403 C1.073,9.728 0.828,10.217 0.828,10.762 L0.828,11.279 L0.828,21.693 L0.828,24.067 C0.828,25.050 1.625,25.847 2.607,25.847 L27.178,25.847 C28.161,25.847 28.958,25.050 28.958,24.067 L28.958,21.693 L28.958,11.279 L28.958,10.872 L28.958,10.628 C28.928,10.185 28.737,9.787 28.441,9.492 ZM26.956,10.900 C26.942,10.983 26.893,11.060 26.823,11.119 C26.820,11.121 26.816,11.124 26.812,11.126 C26.801,11.135 26.790,11.143 26.776,11.151 L16.178,18.539 C16.093,18.612 15.999,18.677 15.898,18.734 C15.612,18.895 15.265,18.988 14.892,18.988 C14.515,18.988 14.165,18.893 13.878,18.729 C13.783,18.675 13.695,18.613 13.614,18.545 L2.991,11.138 C2.903,11.078 2.841,10.992 2.826,10.894 C2.822,10.877 2.821,10.860 2.821,10.842 C2.821,10.722 2.887,10.614 2.991,10.545 L14.380,2.754 C14.383,2.753 14.385,2.750 14.388,2.749 C14.524,2.657 14.698,2.603 14.887,2.603 C15.073,2.603 15.243,2.656 15.379,2.743 C15.388,2.749 15.398,2.757 15.408,2.764 C15.411,2.765 15.416,2.769 15.420,2.771 L26.786,10.546 C26.790,10.547 26.792,10.549 26.794,10.552 C26.896,10.622 26.961,10.728 26.961,10.845 C26.961,10.863 26.960,10.882 26.956,10.900 Z"/></svg>');
          background-repeat: no-repeat;
          background-position: left center; }
        .message-list-block .message-list-content .message-item .icon.unread {
          background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="29px" height="19px"><path fill-rule="evenodd"  fill="rgb(17, 17, 17)" d="M26.774,18.803 L2.204,18.803 C1.220,18.803 0.424,18.005 0.424,17.022 L0.424,4.234 C0.424,3.798 0.777,3.443 1.214,3.443 C1.366,3.443 1.509,3.485 1.628,3.560 C1.628,3.560 13.379,12.786 13.475,12.853 C13.761,13.053 14.113,13.170 14.489,13.170 C14.861,13.170 15.207,13.056 15.495,12.859 C15.595,12.790 27.349,3.561 27.349,3.561 C27.468,3.485 27.611,3.443 27.763,3.443 C28.200,3.443 28.553,3.798 28.553,4.234 L28.553,17.022 C28.553,18.005 27.757,18.803 26.774,18.803 ZM26.689,1.1000 L15.331,10.695 C15.098,10.866 14.810,10.968 14.499,10.968 C14.190,10.968 13.904,10.868 13.672,10.700 L2.169,1.890 C2.021,1.746 1.930,1.546 1.930,1.323 C1.930,0.887 2.284,0.531 2.721,0.531 L26.278,0.531 C26.715,0.531 27.070,0.887 27.070,1.323 C27.070,1.524 26.995,1.708 26.871,1.846 L26.689,1.1000 Z"/></svg>');
          background-repeat: no-repeat;
          background-position: left center; }

.filter-sorting select {
  position: absolute;
  right: 0; }

.filter-arrows {
  padding-right: 30px; }
  .filter-arrows:after {
    width: 23px;
    height: 18px;
    display: block;
    content: '';
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -9px; }
  .filter-arrows.arrow-down:after {
    background-image: url(../img/down.png); }
  .filter-arrows.arrow-up:after {
    background-image: url(../img/up.png); }

.header-menu {
  list-style-type: none;
  padding: 0; }
  .header-menu li {
    margin-right: 30px; }
  .header-menu a {
    color: #111111;
    text-decoration: none;
    transition: all 0.4s; }
    .header-menu a.active {
      color: #172DCB;
      font-family: "SF Pro Display Bold", Arial, sans-serif; }
    .header-menu a:hover {
      color: #172DCB; }

.card-sum {
  border: 1px solid #eaeaea;
  border-radius: 5px;
  text-align: center;
  font-size: 1.125rem;
  padding: 12px 5px;
  cursor: pointer;
  transition: all 0.4s;
  white-space: nowrap; }
  .card-sum:hover {
    color: #fff;
    background-color: #172DCB; }

.text-blue {
  color: #172DCB; }

.operations-table .table-head {
  background-color: #f8f8f8;
  border-radius: 5px;
  font-family: "SF Pro Display Bold", Arial, sans-serif; }
.operations-table .date {
  padding: 20px 30px;
  width: 200px;
  min-width: 200px; }
.operations-table .operations {
  padding: 20px 30px; }
.operations-table .transactions {
  padding: 20px 30px;
  width: 200px;
  min-width: 200px; }
.operations-table .talbe-row {
  border-bottom: 1px solid #e7e7e7;
  font-size: 1.125rem; }

.text-gray {
  color: #9d9d9d; }

.date-input {
  width: 220px;
  border: 1px solid #d0d0d0;
  border-radius: 5px;
  padding: 13px 15px;
  font-size: 1.125rem;
  background-color: #fafafa;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="27px" height="27px"><path fill-rule="evenodd"  fill="rgb(193, 193, 193)" d="M25.023,26.298 L2.594,26.298 C1.596,26.298 0.787,25.489 0.787,24.492 L0.787,4.507 C0.787,3.510 1.596,2.702 2.594,2.702 L3.862,2.702 C4.306,2.702 4.667,3.062 4.667,3.505 L4.667,5.392 C4.667,6.786 5.797,7.916 7.193,7.916 C8.586,7.916 9.717,6.786 9.717,5.392 L9.717,3.505 C9.717,3.062 10.077,2.702 10.521,2.702 L17.214,2.702 C17.658,2.702 18.018,3.062 18.018,3.505 L18.018,5.392 C18.018,6.786 19.149,7.916 20.545,7.916 C21.938,7.916 23.071,6.786 23.071,5.392 L23.071,3.505 C23.071,3.062 23.429,2.702 23.873,2.702 L25.023,2.702 C26.021,2.702 26.830,3.510 26.830,4.507 L26.830,24.492 C26.830,25.489 26.021,26.298 25.023,26.298 ZM24.422,9.928 C24.422,9.910 24.422,9.893 24.419,9.876 C24.395,9.457 24.044,9.127 23.617,9.127 L4.000,9.127 C3.571,9.127 3.220,9.462 3.198,9.888 C3.198,9.900 3.198,9.915 3.198,9.928 C3.198,9.942 3.198,9.954 3.198,9.969 L3.198,23.046 C3.198,23.061 3.198,23.074 3.198,23.088 C3.198,23.103 3.198,23.115 3.198,23.130 C3.220,23.539 3.549,23.870 3.958,23.889 C3.973,23.892 3.988,23.892 4.000,23.892 C4.015,23.892 4.027,23.892 4.041,23.889 L23.578,23.889 C23.591,23.892 23.605,23.892 23.617,23.892 C23.632,23.892 23.644,23.892 23.659,23.889 C24.067,23.870 24.395,23.546 24.419,23.139 C24.422,23.122 24.422,23.105 24.422,23.088 C24.422,23.071 24.422,23.054 24.419,23.036 L24.419,9.979 C24.422,9.962 24.422,9.947 24.422,9.928 ZM21.589,20.591 L19.997,20.591 C19.406,20.591 18.923,20.110 18.923,19.518 L18.923,17.928 C18.923,17.335 19.406,16.854 19.997,16.854 L21.589,16.854 C22.183,16.854 22.663,17.335 22.663,17.928 L22.663,19.518 C22.663,20.110 22.183,20.591 21.589,20.591 ZM21.589,15.926 L19.997,15.926 C19.406,15.926 18.923,15.443 18.923,14.853 L18.923,13.262 C18.923,12.669 19.406,12.189 19.997,12.189 L21.589,12.189 C22.183,12.189 22.663,12.669 22.663,13.262 L22.663,14.853 C22.663,15.443 22.183,15.926 21.589,15.926 ZM16.920,20.591 L15.328,20.591 C14.734,20.591 14.254,20.110 14.254,19.518 L14.254,17.928 C14.254,17.335 14.734,16.854 15.328,16.854 L16.920,16.854 C17.513,16.854 17.994,17.335 17.994,17.928 L17.994,19.518 C17.994,20.110 17.513,20.591 16.920,20.591 ZM16.920,15.926 L15.328,15.926 C14.734,15.926 14.254,15.443 14.254,14.853 L14.254,13.262 C14.254,12.669 14.734,12.189 15.328,12.189 L16.920,12.189 C17.513,12.189 17.994,12.669 17.994,13.262 L17.994,14.853 C17.994,15.443 17.513,15.926 16.920,15.926 ZM12.248,20.591 L10.658,20.591 C10.065,20.591 9.582,20.110 9.582,19.518 L9.582,17.928 C9.582,17.335 10.065,16.854 10.658,16.854 L12.248,16.854 C12.841,16.854 13.322,17.335 13.322,17.928 L13.322,19.518 C13.322,20.110 12.841,20.591 12.248,20.591 ZM12.248,15.926 L10.658,15.926 C10.065,15.926 9.582,15.443 9.582,14.853 L9.582,13.262 C9.582,12.669 10.065,12.189 10.658,12.189 L12.248,12.189 C12.841,12.189 13.322,12.669 13.322,13.262 L13.322,14.853 C13.322,15.443 12.841,15.926 12.248,15.926 ZM7.578,20.591 L5.986,20.591 C5.393,20.591 4.912,20.110 4.912,19.518 L4.912,17.928 C4.912,17.335 5.393,16.854 5.986,16.854 L7.578,16.854 C8.172,16.854 8.652,17.335 8.652,17.928 L8.652,19.518 C8.652,20.110 8.172,20.591 7.578,20.591 ZM20.532,6.781 C19.826,6.781 19.242,6.255 19.154,5.571 L19.154,5.213 L19.154,4.267 L19.154,3.285 L19.154,3.226 L19.154,2.702 L19.154,2.099 L19.164,2.099 C19.164,1.332 19.787,0.710 20.554,0.710 C21.261,0.710 21.844,1.236 21.933,1.920 L21.933,2.280 L21.933,2.702 L21.933,3.226 L21.933,3.285 L21.933,4.267 L21.933,5.392 L21.923,5.392 C21.923,6.159 21.302,6.781 20.532,6.781 ZM7.193,6.781 C6.487,6.781 5.900,6.255 5.815,5.571 L5.815,5.213 L5.815,4.267 L5.815,3.277 L5.815,3.226 L5.815,2.702 L5.815,2.099 L5.824,2.099 C5.824,1.332 6.445,0.710 7.215,0.710 C7.921,0.710 8.505,1.236 8.593,1.920 L8.593,2.280 L8.593,2.702 L8.593,3.226 L8.593,3.294 L8.593,4.267 L8.593,5.392 L8.584,5.392 C8.584,6.159 7.960,6.781 7.193,6.781 Z"/></svg>');
  background-repeat: no-repeat;
  background-position: center right 20px;
  text-align: left; }

@media all and (max-width: 1800px) {
  .account-name {
    display: none !important; 
  }

  #account-menu {
    width: 90px !important; }

  .account-menu {
    font-size: 1rem; }
    .account-menu .btn-gray {
      font-size: 1rem !important; } }
@media all and (min-width: 1800px) {
  .show-mobile .menu-mobile {
    display: none !important; }

  .context-menu-vacancy.show {
    -webkit-box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    display: flex;
    z-index: 91; }
    .context-menu-vacancy.show .menu-items {
      display: flex !important; } }
@media all and (max-width: 1600px) {
  .next, .prev {
    display: none !important; } }
@media all and (max-width: 1399px) {
  .video-section .phone {
    max-width: 300px;
    right: 50%;
    margin-right: -150px;
    top: 50%;
    margin-top: -80px; }
    .video-section .phone img {
      max-width: 100%; }

  .blue-header {
    font-size: 1.125rem; }
    .blue-header h1 {
      font-size: 2.25rem; }

  .gray-header .header-title {
    font-size: 2.25rem; }

  .gray-header .header-subtitle {
    font-size: 1.5rem; }

  .blue-header .circle {
    transform: scale(0.8); }

  .blue-header .land-features {
    margin-bottom: 0; }

  .btn-login {
    padding: 15px 40px 15px 30px; }

  .vacansies-search .nav-tabs .nav-item {
    padding: 0 25px; }

  ul.scrollable-column {
    min-width: 900px; }

  .vacansies-search .inputGroup {
    margin: 5px 0; }
    .vacansies-search .inputGroup label {
      padding: 7px 10px; }

  .search-shad.shad {
    box-shadow: none !important; }

  nav .account-menu-wrapper {
    padding-top: 0px; }

  .notify:after {
    right: 0 !important; }

  .heading .vac-menu-item {
    margin-left: 0; }

  
    .sidebar-menu li {
      margin: 15px 0 !important; }

  .sidebar-menu.show {
    max-height: 100%; }

  nav .account {
    top: 20px !important;
    margin: 0 !important; }

  nav .btn-login:before {
    top: 28px; }

  .navbar-icon {
    padding: 0 !important;
    padding-right: 5px !important; } }
@media all and (min-width: 1550px) {
  .container-big {
    max-width: 1533px; }

  .filterblock {
    max-width: 1563px; } }
@media all and (max-width: 1199px) {
  .colorbox.box-next {
    background-image: none; }
  .colorbox.box-last {
    background-image: none; }

  footer .email {
    margin-bottom: 30px; }

  .flex-table-tr .flex-table-td:first-child {
    min-width: 220px; }

  .sidebar-filter {
    font-size: 1rem; }

  .sidebar-filter div.input {
    margin-bottom: 5px; }

  .sidebar-filter {
    -webkit-box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.1);
    margin-bottom: 20px; }
    .sidebar-filter .filter-title {
      cursor: pointer;
      font-family: "SF Pro Display", Arial, sans-serif;
      font-size: 1.25rem; }

  .search-quantity {
    font-size: 1.25rem; }

  .collapse-mobile {
    display: none; }
    .collapse-mobile.show {
      display: block; }

  nav .btn-login:before {
    top: 25px; } }
@media all and (max-width: 1000px) {
  .navbar-nav li {
    padding: 5px; }

  .container-filter li {
    padding: 0px 10px; }

  .colorbox-wrap p {
    font-size: 1.125rem;
    color: #666666;
    line-height: 130%;
    padding-left: 30px; } }
@media all and (max-width: 991px) {
  .message-list-block .message-list-content .message-item .head {
    padding-bottom: 10px; }

  .message-item.active .fullmessage {
    display: block !important; }

  .response .delete-btn {
    bottom: 46px; }

  .maincontent .vacancy-card.response .menu {
    height: 100%; }
    .maincontent .vacancy-card.response .menu .menu-wrapper {
      margin-top: 0;
      top: 45px;
      position: absolute; } }
@media all and (max-width: 767px) {
  .operations-table .date {
    padding: 8px 0px;
    width: 100px;
    min-width: 100px; }
  .operations-table .date-head {
    padding: 20px 30px; }
  .operations-table .operations {
    padding: 8px 0px; }
  .operations-table .transactions {
    padding: 8px 0px;
    width: 80px;
    text-align: right;
    min-width: 80px; }
  .operations-table .talbe-row {
    border-bottom: 1px solid #e7e7e7;
    font-size: 1rem;
    line-height: 130%; }

  .header-menu {
    font-size: 1.125rem; }

  .message-list-block .message-list-content {
    font-size: 1.125rem; }
    .message-list-block .message-list-content .message-item .name {
      font-size: 1rem;
      line-height: 120%; }
    .message-list-block .message-list-content .message-item .vacancy {
      font-size: 1rem;
      line-height: 120%; }
    .message-list-block .message-list-content .message-item .email {
      font-size: 1rem; }
    .message-list-block .message-list-content .message-item .date-top {
      font-size: 12px; }
    .message-list-block .message-list-content .message-item .date {
      font-size: 14px; }
    .message-list-block .message-list-content .message-item .time {
      font-size: 14px; }
    .message-list-block .message-list-content .message-item .icon {
      margin-left: 15px;
      margin-right: 10px;
      width: 20px;
      height: 25px;
      background-size: contain; }
    .message-list-block .message-list-content .message-item .message-content {
      padding: 10px 15px; }

  .response .delete-btn {
    bottom: 20px;
    right: -20px; }

  .response .date {
    font-size: 14px; }

  .response .my-vacancy-title {
    font-size: 1.25rem !important; }

  .questions .email, .questions .phone, .questions .telegram {
    font-size: 1.5rem; }

  .questions .phone-icon, .questions .email-icon, .questions .telegram-icon {
    transform: scale(0.7); }
  .questions p {
    font-size: 1.125rem;
    color: #666666;
    line-height: 130%; }
  .questions .btn {
    width: 100%; }

  .bluebox {
    background-color: #172DCB;
    padding: 10px; }

  .gray-header p {
    font-size: 1.25rem; }

  .maincontent .form-row select.wide {
    max-width: none; }

  .maincontent .form-row .lbl {
    white-space: normal; }

  .maincontent .form-row input[type="number"] {
    width: 120px;
    padding: 13px 10px; }

  .flex-table-tr .flex-table-td:first-child {
    min-width: 170px; }

  .flex-table-tr .flex-table-td {
    padding: 5px 10px; }

  .vacancy-details {
    font-size: 18px; }

  .company-info-block .company-info a.company-title {
    font-size: 20px; }

  .company-info-block .company-info,
  .company-map-block {
    font-size: 1rem; }

  .company-info-block {
    margin-bottom: 20px; }

  .section-heading-underline {
    font-size: 22px; }

  .flex-table {
    font-size: 1rem; }

  main {
    margin-top: 90px; }

  .breadcrumbs {
    padding-top: 40px; }

  ul.breadcrumb li {
    font-size: 1rem; }

  .labels-line .vacancy-label {
    font-size: 13px;
    line-height: 110%;
    text-align: center;
    margin-right: 5px;
    padding: 5px 10px;
    border: 1px solid #eaeaea;
    border-radius: 5px;
    align-items: center; }

  .terms {
    font-size: 18px; }
    .terms .zp {
      min-width: 100px;
      align-items: center; }
    .terms .smena span {
      padding-left: 20px; }

  .mleft20 {
    margin-left: 5px; }

  .terms .time,
  .terms .timetable {
    padding-left: 35px; }

  #mainmenu #logo_svg {
    max-width: 205px; }

  #navbarmain {
    background-color: #172DCB;
    margin-top: 10px; }

  #main-header .header-title {
    font-size: 2.5rem; }
  #main-header .header-count-number {
    font-size: 3.125rem; }

  .section-title {
    font-size: 1.875rem;
    text-align: center; }

  .gx-4 {
    flex-direction: column; }
    .gx-4 > div {
      margin-bottom: 10px; }

  .footer-menu-title {
    margin-top: 15px; }

  #mainmenu {
    position: fixed !important;
    background-color: #172DCB; }
    #mainmenu .nav-link {
      text-align: center; }
    #mainmenu .navbar-brand {
      margin-left: 10px; }
    #mainmenu #logo_svg {
      margin-top: -5px; }
    #mainmenu .btn-mob-menu {
      top: 3px;
      position: absolute;
      padding-right: 80px; }
    #mainmenu .logged .btn-mob-menu {
      padding-right: 80px; }

  .btn-gray {
    font-size: 0.9rem; }

  .vacancy-card .btn-gray, .vacancy-card .btn-black {
    font-size: 0.9rem; }

  .btn-white-rounded, .btn-gray-rounded {
    padding: 15px 30px;
    font-size: 1rem; }

  .vac-btn {
    padding: 15px 0; }

  .section-blue .spec-card {
    padding: 20px; }

  .hot-vacancies .vacancy-title, .hot-vacancies-column .vacancy-title, .blog-carousel .vacancy-title,
  .hot-vacancies .vacancy-info-block, .hot-vacancies-column .vacancy-info-block, .blog-carousel .vacancy-info-block,
  .company-carousel a .company {
    padding: 15px; }

  .hot-vacancies .vacancy-info-block, .blog-carousel .vacancy-info-block {
    padding-top: 0; }

  #main-header .btn-white-blackhover {
    display: block !important;
    width: 300px !important;
    margin: auto; }
  #main-header .btn-black-whitehover {
    display: block !important;
    width: 300px !important;
    margin: auto; }

  .filterblock {
    padding-left: 20px;
    padding-right: 20px; 
  }

  .hot-vacancies-column .vacancy-title {
    font-size: 1.2rem; }

  .hot-vacancies-column .vacancy-title {
    font-size: 1.2rem; }

  .hot-vacancies .vacancy-info, .hot-vacancies-column .vacancy-info, .blog-carousel .vacancy-info,
  .vac-btn {
    font-size: 1rem; }

  .footer ul.footer-menu li {
    margin-bottom: 10px; }

  .vacancies-results .vacancy-text {
    line-height: 120%;
    font-size: 1.125rem; }
  .vacancies-results .vacancy-title {
    font-size: 1.25rem !important; }
  .vacancies-results .vacancy-info {
    font-size: 1.125rem; }
  .vacancies-results .firm-title, .vacancies-results .firm-address {
    font-size: 0.875rem !important;
    margin-bottom: 5px; }
  .vacancies-results .vacancy-btn a {
    font-size: 1rem; }

  .logoblock {
    font-size: 2rem; }

  .vacancy-card {
    font-size: 1rem; }
    .vacancy-card .my-vacancy-title {
      font-size: 1.25rem; }
    .vacancy-card .my-vacancy-zp {
      font-size: 1.125rem; }

  .maincontent .vacancy-card .menu .context-menu-vacancy {
    padding: 15px;
    bottom: 0; }

  .maincontent .heading {
    flex-direction: column; }

  .vac-menu-item {
    min-width: 180px;
    margin-right: 0 !important; }
    .vac-menu-item a {
      display: flex; }
    .vac-menu-item .quantity-badge {
      margin-left: auto; }

  .region-filter {
    font-size: 1.125rem;
    line-height: 120%; }

  .maincontent .form-row .row-label {
    min-width: 100%;
    max-width: 100%; }

  .checkbox-toggle-description {
    margin-left: 0px; } }

@media all and (max-width: 650px) {
  .filter-context-menu {
    padding: 30px !important;
    right: 0;
    max-width: 100vw; }

  .maincontent .region-filter .close {
    right: 10px;
    top: 10px; } }
@media all and (max-width: 600px) {
  .filter-vacancy-card .card {
    padding: 20px; }

  .btn-gray {
    padding: 0.5rem !important; }

  .vacancy-card .btn-gray, .vacancy-card .btn-black {
    padding: 0.7rem !important; }

  .filter-vacancy-card .vacancy-title {
    font-size: 1.1rem; }

  .filter-vacancy-card .firm-title,
  .filter-vacancy-card .firm-address,
  .hot-vacancies .vacancy-city, .blog-carousel .vacancy-city,
  .hot-vacancies .vacancy-details,
  .hot-vacancies-column .vacancy-city, .blog-carousel .vacancy-city,
  .hot-vacancies-column .vacancy-details,
  .section-blue .spec-card,
  .vac-area-btn {
    font-size: 1rem; }

  .filter-vacancy-card .vacancy-date {
    font-size: 0.8rem; } }
@media all and (max-width: 575px) {
  .vacancy-card .feature.yes:after, .vacancy-card .feature.no:after {
    right: 0 !important; }

  .btn-logout {
    display: none !important; }

  .card-sum {
    margin-bottom: 10px; } }
@media all and (min-width: 500px) {
  /* the slides */
  .slick-slide {
    margin: 0 15px; }

  /* the parent */
  .slick-list {
    margin: 0 -15px; } }
@media all and (max-width: 450px) {
  .terms {
    flex-direction: column; }
    .terms > div {
      width: 100% !important; } }
@media all and (max-width: 400px) {
  #mainmenu #logo_svg {
    max-width: 150px; } }

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


@media (max-width: 780px) {
  .pagination a, .pagination span {
    min-width: 45px;
    min-height: 45px;
    line-height: 28px;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
    text-align: center;
    font-size: 1rem;    
  }
}