

/* Start:/bitrix/templates/biletik_aero_yellow/css/vacancy.css?158039987219579*/
#vacancy {
    /*max-width: 1366px;*/
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    min-height: 2400px;
    background:url(/bitrix/templates/biletik_aero_yellow/css/../img/maskA.png),
    url(/bitrix/templates/biletik_aero_yellow/css/../img/voln.png),
    url(/bitrix/templates/biletik_aero_yellow/css/../img/bg_bottom.jpg),
    url(/bitrix/templates/biletik_aero_yellow/css/../img/vc_top.jpg);
    background-repeat: no-repeat;
    background-size: 100% 770px, 100% 400px, contain, contain;
    background-position: 0 685px, 0 bottom,0 1315px, 0 0;
    /*background-position: center;*/
}
.vacancy__top {
    padding-top: 48px;
    /*min-height: 1025px;*/
    /*background: url(/bitrix/templates/biletik_aero_yellow/css/../img/vc_top.jpg);*/
    background-position: center;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
}
.vacancy__bottom {
    margin-top: 143px;
    margin-bottom: 20px;
    /*min-height: 953px;*/
    /*background: url(/bitrix/templates/biletik_aero_yellow/css/../img/bg_bottom.jpg);*/
    background-position: center;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    justify-content: space-between;
}

.vacancy__in {
    margin-top: 40px;
    margin-bottom: 30px;
    padding: 50px;
    width: 100%;
    border-radius: 40px;
    background: #fff;
    box-shadow: 26.473px 33.884px 49px 0px rgba(102, 51, 0, 0.26);
}

.vacancy__in span {
    font-size: 22px;
}

.vacancy__bottom-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-left: 20px;
}

.vacancy__body {
    display: flex;
    justify-content: space-between;
}
.mask__a {
    position: absolute;
    top: 648px;
    min-height: 824px;
    /*background: url(/bitrix/templates/biletik_aero_yellow/css/../img/maskA.png);*/
    background-position: center;
    width: 100%;
    z-index: 2;
    background-size: cover;
    background-repeat: no-repeat;
}
.abs__map {
    min-height: 558px;
    position: absolute;
    width: 100%;
    background-image: url(/bitrix/templates/biletik_aero_yellow/css/../img/mp_cent.png);
    max-width: 948px;
    background-size: cover;
    right: 0;
    top: 862px;
    z-index: 5;
}
.voln {
    min-height: 474px;
    /*background-image: url(/bitrix/templates/biletik_aero_yellow/css/../img/voln.png);*/
    background-size: cover;
    position: absolute;
    bottom: 0;
    width: 100%;
}
.bFoot {
    min-height: 323px;
    position: relative;
}
.vacancy__title {
    vertical-align: middle;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 30px;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 10px;
    margin-top: 180px;
    text-align: center;
    width: 100%;
}
.vacancy__title h1 {
    margin: 0;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 600;
    line-height: 54px;
}
#vacancy .vacancy__title svg {
    width: 230px;
    height: 54px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 30px;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 10px;
}
#vacancy svg text {
    text-anchor: middle;
}
#vacancy svg #overlay {
    fill: white;
}
#vacancy svg #text {
    margin: 0;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 600;
    line-height: 54px;
    font-size: 32px;
}

#vacancy svg #r {
    fill: #f0b702;
    mask: url('/bitrix/templates/biletik_aero_yellow/css/#mask');
}
.vacancy__tittle_b {
    margin-top: 15px;
}
.vacancy__tittle_b h1 {
    margin: 0;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 600;
    font-size: 72px;
    color: #fff;
    text-align: center;
    line-height: 1.2;
}

.vacancy__body-item.z-top {
    position: relative;
    z-index: 6;
}

.vacancy__desc {
    padding: 50px;
    max-width: 800px;
    margin: 20px auto;
    border-radius: 40px;
    background: #fff;
    box-shadow: 26.473px 33.884px 49px 0px rgba(102, 51, 0, 0.26);
}

.vacancy__desc p {
    margin: 10px 0;
}

.windowAbs p {
    margin: 10px 0;
}

.vacancy__desc span {
    font-size: 22px;
}
.abs__payment {
    width: 548px;
    height: 435px;
    background: url(/bitrix/templates/biletik_aero_yellow/css/../img/abs_payment.png);
    /*position: absolute;*/
    top: -45px;
    left: 0;
    padding-top: 120px;
    padding-left: 180px;
    z-index: 3;
}
.middle__abs {
    position: relative;
}
.abs__payment {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin-left: -130px;
}
.p_big {
    font-size: 36px;
    font-weight: 900;
    color: #f0b600;
    margin-bottom: 1px;
}
.p_big2 {
    font-size: 32px;
    font-weight: 700;
    color: #f0b600;
    margin-top: 25px;
    margin-bottom: 0;
}
.p_big2 span {
    font-size: 18px;
}
.b_black2 {
    font-size: 18px;
}
.p_big span {
    font-size: 22px;
}
.v_black {
    font-size: 26px;
    padding-top: 40px;
}

.abs_t  {
    margin-top: 165px;
    margin-bottom: 60px;
    /*position: absolute;*/
    /*right: 128px;*/
    /*bottom: -270px;*/
    /*z-index: 6;*/
}
/*.abs_o {*/
    /*z-index: 4;*/
    /*position: absolute;*/
    /*bottom: -750px;*/
    /*left: 127px;*/
/*}*/
/*.abs_g {*/
    /*position: absolute;*/
    /*right: 127px;*/
    /*top: 173px;*/
    /*z-index: 40;*/
/*}*/
.windowAbs {
    align-self: flex-start;
    padding: 50px;
    max-width: 526px;
    width: 100%;
    border-radius: 40px;
    background: #fff;
    box-shadow: 26.473px 33.884px 49px 0px rgba(102, 51, 0, 0.26);
}
.windowAbs ul {
    list-style-type: none;
    margin-top: 15px;
    margin-bottom: 0;
}
.windowAbs ul li {
    line-height: 1.9;
    position: relative;
}
.windowAbs ul li:before {
    content: '';
    width: 22px;
    height: 2px;
    background: #f0b600;
    display: block;
    position: absolute;
    left: -38px;
    top: 14px;
}

.windowAbs > span {
    font-size: 22px;
}
.m_bottom {
    width: 432px;
    height: 220px;
    background-image: url(/bitrix/templates/biletik_aero_yellow/css/../img/map_b.png);
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
}
.vac__callback:before {
    content: '';
    background: url(/bitrix/templates/biletik_aero_yellow/css/../img/sends.png);
    position: absolute;
    left: 50px;
    top: 56px;
    width: 103px;
    height: 61px;
}
.vac__callback__wrap {
    /*position: absolute;*/
    /*right: 129px;*/
    /*top: -189px;*/
}
.vac__callback__wrap > p {
    color: #fff;
    font-size: 12px;
    text-align: center;
    margin-top: 15px;
    text-transform: uppercase;
}
.vac__callback {
    padding: 42px 59px 42px 192px;
    border-radius: 40px;
    background: #f0b600;
    position: relative;
}
.vac__callback a {
    display: block;
    font-size: 31px;
    font-weight: 600;
    color: #fff;
    text-decoration: none;
}
#vacancy .vac__callback a:hover {
    color: #fff;
    text-decoration: none;
}
.windowAbs.abs_u {
    box-shadow: 26.473px 33.884px 49px 0px rgba(0, 0, 0, 0.26);
}
.abs_u {
    /*position: absolute;*/
    /*top: -190px;*/
    /*left: 128px;*/
    /*z-index: 2;*/
    /*padding-bottom: 78px ;*/
}
.v_vk  svg {
    width: 26px;
    height: 22px;
    fill: #fff;
}
.soc__block a {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #5e5e5e;
    border-radius: 50%;
    transition: .5s all ease;
}

.soc__block {
    /*position: absolute;*/
    /*right: 255px;*/
    /*top: 58px;*/
    text-align: center;
    width: 290px;
    margin-top: 20px;
    /*width: 100%;*/
}
.soc__block-links {
    display: flex;
    justify-content: space-between;
}
.soc__block > span {
    font-size: 22px;
    color: #fff;
}
.soc__block > div {
    display: flex;
    justify-content: space-between;
    margin-top: 22px;
}

.v_twitter svg, .v_telegramm svg, .v_skype svg, .v_ok svg, .v_facebook svg {
    width: 26px;
    height: 18px;
    fill: #fff;
}
.soc__block a:hover {
    background: #f0b600;
    border-color: #f0b600;
}
.soc__block a:hover svg {
    fill: #424242;
}
.mask__a > div {
    display: none;
}
.voln__mob {
    display: none;
}

.m_bottom.mob {
    display: none;
}

.vacancy__bottom-item-links {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 20px;
    margin-bottom: 10px;
}

.vacancy__bottom-item-links a {
    margin-left: 15px;
    color: #fff;
    font-size: 12px;
    line-height: 20px;
    text-transform: uppercase;
    text-decoration: none;
}
#vacancy .vacancy__bottom-item-links a:focus {
    color: #f0b600;
}

.vacancy__wrap .media-block {
    margin-top: 20px;
    text-align: center;
    width: 100%;
}

.vacancy__wrap .media-block span {
    font-size: 22px;
    color: #fff;
}

.vacancy__wrap .media-list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 20px;
}

.vacancy__wrap .media-list a {
    text-decoration: none;
    width: 30%;
    height: 40px;
    padding: 5px;
    background-color: rgba(255, 255, 255, 0.8);
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 5px;
}

.vacancy__wrap .media-list a img {
    width: auto;
    max-height: 100%;
    max-width: 100%;
}


@media (max-width: 1540px) {
    #vacancy {
        background:url(/bitrix/templates/biletik_aero_yellow/css/../img/maskA.png),
        url(/bitrix/templates/biletik_aero_yellow/css/../img/voln.png),
        url(/bitrix/templates/biletik_aero_yellow/css/../img/bg_bottom.jpg),
        url(/bitrix/templates/biletik_aero_yellow/css/../img/vc_top.jpg);
        background-repeat: no-repeat;
        background-size: 100% 770px, 100% 400px, 1920px, contain;
        background-position: 0 685px, 0 bottom,0 1315px, 0 0;
    }
}
@media (max-width: 1350px) {
    .abs__payment {
        z-index: 6;
    }
    .mask__a > div {
        display: block;
    }
    .windowAbs {
        padding: 30px;
        max-width: 450px;
    }
    .abs_o, .abs_u {
        left: 5%;
    }
    .vac__callback__wrap, .abs_g, .abs_t {
        right: 5%;
    }
    .abs__map {
        right: -115px;
        background-size: 90%;
        background-repeat: no-repeat;
        background-position: right;
    }
    .soc__block {
        right: 12%;
    }
    .vac__callback span {
        font-size: 24px;
    }
    .vac__callback:before {
        width: 62px;
        height: 37px;
        background-size: contain;
    }
    .vac__callback {
        padding: 42px 59px 42px 181px;
    }
}
@media (max-width: 1199px) {
    .abs__map {
        right: 0;
        background-size: 75%;
        background-repeat: no-repeat;
        background-position: right;
    }
    #vacancy {
        background: url(/bitrix/templates/biletik_aero_yellow/css/../img/maskA.png),
        url(/bitrix/templates/biletik_aero_yellow/css/../img/voln.png),
        url(/bitrix/templates/biletik_aero_yellow/css/../img/bg_bottom.jpg),
        url(/bitrix/templates/biletik_aero_yellow/css/../img/vc_top.jpg);
        background-repeat: no-repeat;
        background-size: 100% 770px, 100% 400px, 1375px, 1175px;
        background-position: 0 685px, 0 bottom,0 1615px, center 0;
    }
    .vac__callback a {
        font-size: 22px;
    }
}
@media (max-width: 1024px) {
    .windowAbs {
        max-width: none;
    }
    #vacancy {
        background: url(/bitrix/templates/biletik_aero_yellow/css/../img/maskA.png),url(/bitrix/templates/biletik_aero_yellow/css/../img/maskA.png), url(/bitrix/templates/biletik_aero_yellow/css/../img/voln.png), url(/bitrix/templates/biletik_aero_yellow/css/../img/bg_bottom.jpg), url(/bitrix/templates/biletik_aero_yellow/css/../img/vc_top.jpg),#f0b600;
        background-repeat: no-repeat;
        background-size: 100% 770px,100% 770px, 100% 400px, 1175px, 1175px, 100% 100%;
        background-position: 0 685px,0 1445px, 0 bottom,0 2090px, center 0, center;
    }
    .vacancy__body {
        flex-direction: column;
    }
    .bFoot {
        min-height: 623px;
        background: #424242;
    }

    .voln__mob {
        background-image: url(/bitrix/templates/biletik_aero_yellow/css/../img/voln__mob.png);
        display: block;
        position: absolute;
        width: 100%;
        height: 146px;
        top: -146px;
    }
    .vac__callback {
        padding: 25px 20px 25px 140px;
    }
    .vac__callback__wrap {
        width: 100%;
        margin: 0 auto;
        margin-top: 40px;
    }
    .vac__callback:before{
        top: 40px;
    }
    .soc__block {
        left: 0;
        right: 0;
        margin: 0 auto;
        top: 325px;
    }
    .vacancy__title {
        margin-top: 107px;
    }
    .vacancy__tittle_b h1 {
        font-size: 52px;
    }
    .windowAbs ul {
        margin-top: 25px;
    }
    .abs__payment {
        top: 5px;
        width: 365px;
        height: 265px;
        background-size: cover;
        background: url(/bitrix/templates/biletik_aero_yellow/css/../img/price__small.png);
        text-align: center;
        padding-top: 70px;
        padding-left: 0px;
        box-shadow: 26.473px 33.884px 49px 0px rgba(102, 51, 0, 0.26);
        border-top-right-radius: 47%;
        border-bottom-right-radius: 10%;
        border-bottom-left-radius: 28%;
        margin-left: -33.5px;
    }
    .p_big {
        font-size: 32px;
    }
    .v_black {
        font-size: 20px;
    }
    .p_big2 {
        font-size: 26px;
    }
    .b_black2 {
        font-size: 16px;
    }
    .abs_g, .abs_o, .abs_t {
        left: 0;
        right: 0;
        margin: 0 auto;
    }
    .abs_o {
        margin-top: 40px;
    }
    .abs_t {
        margin-top: 30px;
    }
    .abs_g {
        margin-top: 30px;
    }
    .abs__map {
        z-index: 2;
    }
    .mask__a {
        min-height: 1225px;
        background: #f0b600;
    }
    .vacancy__bottom {
        flex-direction: column;
        position: relative;
        z-index: 3;
    }
    .vacancy__bottom-item {
        margin-left: 0;
    }
    .mask_mA {
        background-image: url(/bitrix/templates/biletik_aero_yellow/css/../img/mob_a.png);
        width: 100%;
        height: 209px;
        top: -200px;
        position: absolute;
    }

    .mask__a {
        top: 748px;

    }

    .mask_mB {
        background-image: url("/bitrix/templates/biletik_aero_yellow/css/../img/mob_b.png");
        width: 100%;
        height: 174px;
        bottom: -174px;
        position: absolute;
    }
    .abs_u {
        left: 0;
        right: 0;
        margin: 0 auto;
        top: -600px;
    }
    .abs__map {
        width: 197px;
        height: 290px;
        background-image: url(/bitrix/templates/biletik_aero_yellow/css/../img/mob__map2.png);
        right: 0;
        top: 770px;
        min-height: 347px;
    }
}
@media (max-width: 768px) {
    #vacancy {
        background: url(/bitrix/templates/biletik_aero_yellow/css/../img/maskA.png),url(/bitrix/templates/biletik_aero_yellow/css/../img/maskA.png), url(/bitrix/templates/biletik_aero_yellow/css/../img/voln.png), url(/bitrix/templates/biletik_aero_yellow/css/../img/bg_bottom.jpg), url(/bitrix/templates/biletik_aero_yellow/css/../img/vc_top.jpg),#f0b600;
        background-repeat: no-repeat;
        background-size: 100% 770px,100% 770px, 100% 400px, 1375px, 1175px, 100% 100%;
        background-position: 0 685px,0 1345px, 0 bottom,0 2250px, center 0, center;
    }
    .vacancy__desc p,
    .vacancy__in p {
        font-size: 14px;
    }
    .vacancy__desc {
        z-index: 5;
        position: relative;
        margin: 20px;
    }
    .windowAbs p {
        font-size: 14px;
    }
    .windowAbs ul li {
        font-size: 14px;
    }
    .mask__a {
        /*min-height: 900px;*/
        background-size: cover;
        margin-bottom: 174px;
        margin-top: 209px;
        top: 430px;
        background: #f0b600;
    }
    .vacancy__bottom {
        /*margin-top: 1300px;*/
    }
    .mask_mA {
        background-image: url(/bitrix/templates/biletik_aero_yellow/css/../img/mob_a.png);
        width: 100%;
        height: 209px;
        top: -208px;
        position: absolute;
    }
    .mask_mB {
        background-image: url("/bitrix/templates/biletik_aero_yellow/css/../img/mob_b.png");
        width: 100%;
        height: 174px;
        bottom: -174px;
        position: absolute;
    }
    .vacancy__top {
        min-height: 580px;
    }
    .abs_o {
        bottom: -855px;
    }
    .abs_t {
        bottom: -1740px;
    }
    .abs_g {
        top: -400px;
        bottom: auto;
    }
    .abs_u {
        top: -200px;
        margin: 0 auto;
        left: 0;
        right: 0;
    }
    .m_bottom {
        width: 345px;
        height: 382px;
        bottom: 359px;
        background-image: url(/bitrix/templates/biletik_aero_yellow/css/../img/mob__map.png);
        background-size: cover;
    }
    .bFoot {
        min-height: 670px;
        background: #424242;
    }
    .voln {
   display: none;
    }
    .voln__mob {
        background-image: url(/bitrix/templates/biletik_aero_yellow/css/../img/voln__mob.png);
        display: block;
        position: absolute;
        width: 100%;
        height: 146px;
        top: -146px;
    }
    .soc__block {
        bottom: 140px;
        top: auto;
        left: 0;
        right: 0;
        margin: 0 auto;
    }
    .abs__map {
        width: 197px;
        height: 290px;
        background-image: url(/bitrix/templates/biletik_aero_yellow/css/../img/mob__map2.png);
        right: 0;
        top: 770px;
        min-height: 347px;
    }

    .m_bottom.desk {
        display: none;
    }
    .m_bottom.mob {
        display: block;
        bottom: 0;
        left: -15px;
    }
    .vacancy__bottom-item {
        position: relative;
        z-index: 3;
    }
}
@media (max-width: 560px) {
    .vacancy__desc {
        padding: 30px;
    }

    .vacancy__top {
        min-height: 635px;
    }
    .windowAbs > span {
        padding-left: 40px;
        line-height: 26px;
        display: inline-block;
    }

    .windowAbs p {
        padding-left: 40px;
    }
    .vacancy__title {
        margin-top: 120px;
    }
    .vacancy__tittle_b h1 {
        font-size: 32px;
    }
    #vacancy .vacancy__title svg {
        width: 178px;
        height: 44px;
    }
    #vacancy svg #text {
        font-size: 24px;
    }

    .abs_o {
        bottom: -900px;
    }
}
@media (max-width: 452px){
    #vacancy {
        background: url(/bitrix/templates/biletik_aero_yellow/css/../img/maskA.png),url(/bitrix/templates/biletik_aero_yellow/css/../img/maskA.png), url(/bitrix/templates/biletik_aero_yellow/css/../img/voln.png), url(/bitrix/templates/biletik_aero_yellow/css/../img/bg_bottom.jpg), url(/bitrix/templates/biletik_aero_yellow/css/../img/vc_top.jpg),#f0b600;
        background-repeat: no-repeat;
        background-size: 100% 400px,100% 400px, 100% 400px, 1375px, 1175px, 100% 100%;
        background-position: 0 685px,0 2285px, 0 bottom,0 2600px, center 0, center;
        min-height: 3600px;
    }
    .vacancy__wrap {
        display: flex;
        flex-direction: column;
        min-height: 3600px;
    }
    .vacancy__tittle_b h1 {
        font-size: 28px;
    }
    .vacancy__title {
        margin-top: 105px;
    }
    .abs__payment {
        top: -15px;
        box-shadow: none;
        width: 350px;
    }
    .mask_mA {
        top: -126px;
    }
    .abs_o {
        top: 945px;
        max-width: 340px;
        height: 100%;
        min-height: 708px;
    }
    .abs__map {
        top: 580px;
    }
    .mask__a {
        margin-top: 110px;
        max-height: 1485px;
        height: 100%;
    }
    .mask_mB {
        bottom: -174px;
    }
    .abs_t {
        bottom: -1520px;
        max-width: 340px;
    }
    .abs_t li {
        margin-bottom: 10px;
    }
    .abs_g, .abs_o, .abs_t {
        padding: 20px;
    }
    .vacancy__in span {
        line-height: 26px;
        display: inline-block;
    }
    .vacancy__in p {
        padding: 10px 0;
    }
    .windowAbs ul li {
        font-size: 14px;
        font-weight: 500;
    }
    .abs_g {
        top: 395px;
        max-width: 340px;
    }
    .bFoot {
        min-height: 700px;
    }
    .abs_u {
        max-width: 340px;
        top: -74px;
    }
    .vac__callback {
        padding: 25px 20px 25px 140px;
        max-width: 340px;
        margin: 0 auto;
    }
    .vac__callback a {
        font-size: 16px;
    }

    .vac__callback__wrap {
        bottom: 190px;
        top: auto;
    }
    .vac__callback:before {
        left: 40px;
        top: 50%;
        transform: translateY(-50%);
    }
    .soc__block {
        bottom: 75px;
    }
    .vacancy__bottom {
        margin-top: auto;
    }
    .voln__mob {
        top: 121px;
    }
    .m_bottom {
        width: 250px;
        height: 320px;
        bottom: 187px;
        background-image: url(/bitrix/templates/biletik_aero_yellow/css/../img/mob__map.png);
        background-repeat: no-repeat;
        background-size: contain;
    }
    .windowAbs.abs_u {
        padding-bottom: 60px;
    }

    .m_bottom.mob {
        bottom: 90px;
    }
}

@media (max-width: 350px) {
    #vacancy {
        background: url(/bitrix/templates/biletik_aero_yellow/css/../img/maskA.png), url(/bitrix/templates/biletik_aero_yellow/css/../img/maskA.png), url(/bitrix/templates/biletik_aero_yellow/css/../img/voln.png), url(/bitrix/templates/biletik_aero_yellow/css/../img/bg_bottom.jpg), url(/bitrix/templates/biletik_aero_yellow/css/../img/vc_top.jpg), #f0b600;
        background-repeat: no-repeat;
        background-size: 100% 400px, 100% 400px, 100% 400px, 1375px, 1175px, 100% 100%;
        background-position: 0 685px, 0 2285px, 0 bottom, 0 2900px, center 0, center;
        min-height: 3600px;
    }
}
/* End */
/* /bitrix/templates/biletik_aero_yellow/css/vacancy.css?158039987219579 */
