/* Start:/local/components/custom/vacancy/templates/.default/style.css?15760628242388*/
.vacancy {
  position: relative; }
  .vacancy__container {
    position: relative;
    -webkit-transition: opacity .5s ease, -webkit-transform .5s ease;
    transition: opacity .5s ease, -webkit-transform .5s ease;
    -o-transition: transform .5s ease, opacity .5s ease;
    transition: transform .5s ease, opacity .5s ease;
    transition: transform .5s ease, opacity .5s ease, -webkit-transform .5s ease;
    opacity: 0;
    -webkit-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px); }
    .vacancy__container.active {
      opacity: 1;
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0); }
  .vacancy__wrapper {
    position: relative;
    width: 77.77778%; }
    @media only screen and (max-width: 1199px) {
      .vacancy__wrapper {
        width: 88.88889%; } }
    @media only screen and (max-width: 767px) {
      .vacancy__wrapper {
        width: 100%; } }
  .vacancy__image-top {
    position: relative;
    display: block;
    width: 100%;
    margin: 0 0 32px 0;
    -webkit-border-radius: 48px 0 48px 0;
    border-radius: 48px 0 48px 0;
    overflow: hidden; }
    @media only screen and (max-width: 479px) {
      .vacancy__image-top {
        -webkit-border-radius: 32px 0 32px 0;
        border-radius: 32px 0 32px 0; } }
    .vacancy__image-top img {
      width: 100%; }
    @media only screen and (max-width: 767px) {
      .vacancy__image-top {
        margin: 0 0 20px 0; } }
  .vacancy__content {
    position: relative;
    display: block; }
  .vacancy__title {
    position: relative;
    display: block;
    font: bold 16px/150% "Open Sans", sans-serif;
    margin: 0 0 20px 0; }
    @media only screen and (max-width: 991px) {
      .vacancy__title {
        font: bold 15px/150% "Open Sans", sans-serif; } }
    @media only screen and (max-width: 767px) {
      .vacancy__title {
        font: bold 14px/150% "Open Sans", sans-serif;
        margin: 0 0 12px; } }
  .vacancy__text {
    font: 400 16px/150% "Open Sans", sans-serif;
    position: relative;
    width: 100%;
    display: block; }
    @media only screen and (max-width: 991px) {
      .vacancy__text {
        font: 400 15px/150% "Open Sans", sans-serif; } }
    @media only screen and (max-width: 767px) {
      .vacancy__text {
        font: 400 14px/150% "Open Sans", sans-serif; } }

/* End */
/* /local/components/custom/vacancy/templates/.default/style.css?15760628242388 */