﻿@media all {
  section.section {
    background: #F9F9F9 !important;
  }
  .vacancy__body {
    margin-top: 2.91667vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .vacancy__body .vacancy__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    background: #FFFFFF;
    border: 0.05208vw solid #E5E5E5;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-shadow: 0vw 0vw 0.41667vw rgba(214, 214, 214, 0.5);
            box-shadow: 0vw 0vw 0.41667vw rgba(214, 214, 214, 0.5);
    margin-right: 1.5625vw;
    width: 23.95833vw;
    cursor: pointer;
    height: -webkit-min-content;
    height: -moz-min-content;
    height: min-content;
  }
  .vacancy__body .vacancy__item:hover {
    background: #003B86;
    border: 0.05208vw solid #E5E5E5;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-shadow: 0vw 0vw 0.41667vw rgba(214, 214, 214, 0.5);
            box-shadow: 0vw 0vw 0.41667vw rgba(214, 214, 214, 0.5);
  }
  .vacancy__body .vacancy__item:hover .vacancy-item__img-cont {
    opacity: 0.3;
  }
  .vacancy__body .vacancy__item:hover .vacancy-item__btn-cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .vacancy__body .vacancy__item:hover .vacancy-item__title {
    color: #FFFFFF !important;
  }
  .vacancy__body .vacancy__item:hover .vacancy-item__text {
    color: #FFFFFF !important;
  }
  .vacancy__body .vacancy__item:hover .vacancy-item__list-item {
    color: #FFFFFF !important;
  }
  .vacancy__body .vacancy__item:hover .vacancy-item__list-item:before {
    background: #FFFFFF !important;
  }
  .vacancy__body .vacancy__item:nth-child(3n+3) {
    margin-right: 0;
  }
  .vacancy__body .vacancy__item .vacancy__item-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 1.5625vw 1.5625vw 2.60417vw 2.60417vw;
    height: -webkit-min-content;
    height: -moz-min-content;
    height: min-content;
  }
  .vacancy__body .vacancy__item .vacancy__item-wrapper .vacancy-item__title {
    color: #003B86;
    font-weight: 500;
    font-size: 1.45833vw;
    line-height: 1.66667vw;
  }
  .vacancy__body .vacancy__item .vacancy__item-wrapper .vacancy-item__text {
    font-weight: normal;
    font-size: 20px;
    line-height: 22px;
    color: #565656;
  }
  .vacancy__body .vacancy__item .vacancy__item-wrapper .vacancy-item__list {
    margin-top: 1.04167vw;
    margin-bottom: 1.04167vw;
  }
  .vacancy__body .vacancy__item .vacancy__item-wrapper .vacancy-item__list .vacancy-item__list-item {
    font-weight: normal;
    font-size: 20px;
    line-height: 22px;
    color: #565656;
    padding-left: 1.04167vw;
  }
  .vacancy__body .vacancy__item .vacancy__item-wrapper .vacancy-item__list .vacancy-item__list-item:before {
    content: '';
    position: absolute;
    width: 0.52083vw;
    height: 0.52083vw;
    border-radius: 50%;
    background: linear-gradient(228.01deg, #003C87 8.33%, #2979DE 87.72%);
    margin-left: -1.04167vw;
    margin-top: 0.78125vw;
  }
  .vacancy__body .vacancy__item .vanancy-item__bottom-cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .vacancy__body .vacancy__item .vacancy-item__img-cont {
    width: 23.95833vw;
    height: 15.36458vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .vacancy__body .vacancy__item .vacancy-item__btn-cont {
    display: none;
    position: absolute;
    width: 23.95833vw;
    height: 15.36458vw;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-item-align: end;
        align-self: flex-end;
  }
  .vacancy__body .vacancy__item .vacancy-item__btn-cont .button.vacancy-button {
    display: block;
    position: relative;
    width: 10.67708vw;
    height: 2.55208vw;
    background: #003B86;
    font-weight: 500;
    font-size: 18px;
    line-height: 19px;
    text-align: center;
    color: #FFFFFF;
    text-transform: uppercase;
    z-index: 25;
  }
}

@media (max-width: 480px) {
  .vacancy__body {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .vacancy__body .vacancy__item {
    width: 100%;
    height: auto;
    margin-top: 5.06667vw;
    margin-right: 0;
  }
  .vacancy__body .vacancy__item .vacancy__item-wrapper .vacancy-item__title {
    font-size: 5.86667vw;
    line-height: 6.66667vw;
  }
  .vacancy__body .vacancy__item .vacancy__item-wrapper .vacancy-item__text {
    font-size: 4.26667vw;
    line-height: 130%;
  }
  .vacancy__body .vacancy__item .vacancy__item-wrapper .vacancy-item__list .vacancy-item__list-item {
    font-size: 4.26667vw;
    line-height: 10.66667vw;
    padding-left: 2.66667vw;
  }
  .vacancy__body .vacancy__item .vacancy__item-wrapper .vacancy-item__list .vacancy-item__list-item:before {
    content: '';
    position: absolute;
    width: 1.06667vw;
    height: 1.06667vw;
    border-radius: 50%;
    background: linear-gradient(228.01deg, #003C87 8.33%, #2979DE 87.72%);
    margin-left: -2.66667vw;
    margin-top: 4.8vw;
  }
  .vacancy__body .vacancy__item .vanancy-item__bottom-cont .vacancy-item__img-cont {
    width: 100%;
    height: 60vw;
  }
  .vacancy__body .vacancy__item .vanancy-item__bottom-cont .vacancy-item__btn-cont {
    width: 89.33333vw;
    height: 60vw;
  }
  .vacancy__body .vacancy__item .vanancy-item__bottom-cont .vacancy-item__btn-cont .button {
    width: 68vw;
    height: 14.13333vw;
    font-size: 18px;
    line-height: 21px;
    background: #2979DE;
  }
}
