a[href^="/services/rek/"][class~="navigation__link"] {
background: url(/local/templates/new-store/img/m_color_rek.jpg) 0 10px no-repeat; padding-left: 15px !important;}

a[href^="/services/rabotnik/"][class~="navigation__link"] {
    background: url(/local/templates/new-store/img/m_color_rab.jpg) 0 10px no-repeat;
    padding-left: 15px !important;
}
a[href^="/services/reseching/"][class~="navigation__link"] {
    background: url(/local/templates/new-store/img/m_color_res.jpg) 0 10px no-repeat;
    padding-left: 15px !important;
}
a[href^="/services/recruting/"][class~="navigation__link"] {
    background: url(/local/templates/new-store/img/m_color_rekreut.jpg) 0 10px no-repeat;
    padding-left: 15px !important;
}


h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    margin-bottom: 0.5rem;
    font-weight: 700;
    line-height: 1.2;
}
.padding-cont {padding-left: 0px !important;}

.user-side {
  display: none !important;
}

.user-side {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    padding: .75rem 0 0;
}

.btn-primary {
	border: 1px solid #c03071;
	background-color: #c03071;
	color: #fff;
	cursor: pointer;
}

.btn-primary:hover {
  color:#c03071;
  border: 1px solid #c03071;
  background-color: #ffffff;
}

.user-auth a:hover {
  color:#c03071;
}

.navigation__descr--contacts {
    color: #222328;
    font-size: 0.795rem;
    width: auto;
}

.navigation__descr {
    line-height: 1.25 !important;
    width: 100%;
}

.map__adress {
    padding: 15px 0 10px 0;
}

.nav_hidden {display:none;}

.hidden__long__text {
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.show__filter {
    display: none;
}

@media (min-width: 1024px) {
  .user-side {
    display: block !important;
  }
    .show__filter {
        display: block;
    }
    .navbar-expand-expand .navbar-collapse {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
    }
}

.font-weight-bold {
    font-weight: 600;
}

.footer__links {
    font-size: .75rem;
    margin-bottom: .75rem;
    text-decoration: none !important;
}

.uslugi-hero {
    padding: 100px 20px 45px;
    color: #fff;
    background: #260447;
    display: flex;
    flex-direction: column;
    background-size: cover;
    background-repeat: no-repeat;
}

.uslugi-hero_souvenirs-hero {
    padding: 100px 20px 45px;
    color: #fff;
    background: #260447;
    display: flex;
    flex-direction: column;
    background-size: cover;
    background-repeat: no-repeat
}

.uslugi-hero_print {
    background-image: url(/local/templates/bp3/img/print-img_mob.jpg)
}

.uslugi-hero_souvenirs {
    background-image: url(/local/templates/bp3/img/souvenirs-img_mob.jpg)
}

.uslugi-hero_layout {
    background-image: url(/local/templates/bp3/img/layout-img_mob.jpg)
}

.uslugi-hero_automate {
    background-image: url(/local/templates/bp3/img/automate-img_mob.jpg)
}

.uslugi-hero_event {
    background-image: url(/local/templates/bp3/img/event-img_mob.jpg)
}

.uslugi-hero_flow {
    background-image: url(/local/templates/bp3/img/flow-img_mob.jpg)
}

.uslugi-hero h1 {
    font-size: 18px;
    text-transform: uppercase;
    text-align: left;
    margin: 0 0 15px
}

.uslugi-hero p {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 40px;
    max-width: 485px;
    line-height: 1.33
}

.uslugi-hero a {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    width: 165px;
    height: 40px;
    background-color: #334cd5;
    padding-top: 14px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    align-self: flex-end;
    border-radius: 20px
}

.uslugi-hero a:hover {
    background-color: #3b55e6;
    transition: 1.5s
}

.uslugi-info {
    padding: 20px 20px 25px;
    display: flex;
    flex-direction: column;
    background-coloR: #fff
}

.uslugi-info__slide-box_flow {
    align-self: flex-start;
    top: 70px;
    position: relative
}

.uslugi-info__slide-box_flow h4 {
    font-size: 48px;
    text-align: center;
    font-style: normal
}

.uslugi-info__slide-box_flow p {
    font-size: 18px;
    text-align: center
}

.uslugi-info__slide {
    margin-top: 30px;
    font-style: italic;
    font-weight: 500;
    color: #3a405b;
    font-size: 14px;
    line-height: 1.5
}

.uslugi-info__slide:last-child {
    display: none;
    margin: 0
}

.uslugi-info__slide_automate {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 230px;
    margin: 0 auto;
    text-align: center
}

.uslugi-info__slide_automate:last-child {
    display: flex;
    margin: 0 auto
}

.uslugi-info__slide_automate h4 {
    font-size: 48px;
    font-style: normal
}

.uslugi-info__slide_automate h4 span {
    font-size: 28px
}

.uslugi-info__slide_automate p {
    font-weight: 700
}

.uslugi-info__text-box {
    display: flex;
    flex-direction: column
}

.uslugi-info__text h3 {
    margin-bottom: 15px;
    color: #222328;
    font-size: 16px
}

.uslugi-info__text p {
    color: #444752;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 20px;
    line-height: 1.5
}

.uslugi-info a {
    width: 170px;
    height: 40px;
    background-color: #334cd5;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-align: center;
    padding-top: 14px;
    font-size: 12px;
    font-weight: 700;
    border-radius: 5px;
    -ms-grid-row-align: center;
    align-self: center;
    margin-top: 20px
}

.uslugi-info a:hover {
    background-color: #3b55e6;
    transition: 1.5s
}

@media screen and (min-width:830px) {
    .uslugi-hero {
        padding: 75px 70px;
        background-size: cover
    }
    .uslugi-hero_print {
        background-image: url(/local/templates/bp3/img/print-img.jpg)
    }
    .uslugi-hero_souvenirs {
        background-image: url(/local/templates/bp3/img/souvenirs-img.jpg)
    }
    .uslugi-hero_layout {
        background-image: url(/local/templates/bp3/img/layout-img.jpg)
    }
    .uslugi-hero_automate {
        background-image: url(/local/templates/bp3/img/automate-img.jpg)
    }
    .uslugi-hero_event {
        background-image: url(/local/templates/bp3/img/event-img.jpg)
    }
    .uslugi-hero_flow {
        background-image: url(/local/templates/bp3/img/flow-img.jpg)
    }
    .uslugi-hero h1 {
        font-size: 28px;
        margin-bottom: 50px
    }
    .uslugi-hero p {
        margin-bottom: 50px;
        max-width: 480px
    }
    .uslugi-hero a {
        width: 170px;
        border-radius: 7px;
        align-self: flex-start
    }
    .uslugi-info {
        padding: 45px 70px 55px
    }
    .uslugi-info__text {
        margin-bottom: 30px
    }
    .uslugi-info__text:last-child {
        margin: 0
    }
    .uslugi-info__text h3 {
        font-size: 28px;
        margin-bottom: 20px
    }
    .uslugi-info__text p {
        font-size: 16px
    }
    .uslugi-info a {
        width: 270px;
        height: 50px;
        padding-top: 17px;
        text-transform: none;
        font-size: 14px
    }
}

@media screen and (min-width:1170px) {
    .uslugi-hero {
        padding: 150px 100px 160px
    }
    .uslugi-hero h1 {
        font-size: 36px
    }
    .uslugi-info {
        padding: 45px 100px 55px;
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: wrap;
        align-items: center
    }
    .uslugi-info__text,
    .uslugi-info__text:last-child {
        margin-bottom: 50px
    }
    .uslugi-info__slide-box {
        width: 25%
    }
    .uslugi-info__slide-box_souvenirs {
        align-self: flex-start;
        top: 50px;
        position: relative;
        border: 1px solid #f1f3f7;
        border-radius: 7px;
        padding: 25px 35px
    }
    .uslugi-info__slide {
        margin-bottom: 140px
    }
    .uslugi-info__slide:last-child {
        display: block;
        margin: 0
    }
    .uslugi-info__slide_automate {
        margin-bottom: 35px
    }
    .uslugi-info__slide_automate:last-child {
        margin: 0 auto
    }
    .uslugi-info__slide h5 {
        color: #3a405b;
        font-size: 18px;
        font-weight: 900;
        margin-bottom: 20px
    }
    .uslugi-info__slide ol {
        position: relative;
        left: 20px
    }
    .uslugi-info__text-box {
        width: 65%
    }
    .uslugi-info a {
        margin: 20px auto 0
    }
}

@media screen and (min-width:1440px) {
    .uslugi-hero {
        border-radius: 7px
    }
    .uslugi-hero,
    .uslugi-info {
        width: 1440px;
        margin: 0 auto
    }
}

.recruiting-hero {
    width: 100%;
    background-image: url(/local/templates/new-store/img/rabotnik_back_mini.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
    padding: 60px 20px 35px;
    color: #fff;
    display: flex;
    flex-direction: column;
    margin-top: -40px;
}
.reserch_back {background-image: url(/local/templates/new-store/img/research_back_mini.jpg);}
.rek_back {background-image: url(/local/templates/new-store/img/rek_back_mini.jpg);}
.recruting_back {background-image: url(/local/templates/new-store/img/recruting_back_mini.jpg);}
.design_back {background-image: url(/local/templates/new-store/img/desigen_mini.jpg);}
.poligrafiya_back {background-image: url(/local/templates/new-store/img/poligraf_promo_mini.jpg);}
.suvenir_back {background-image: url(/local/templates/new-store/img/suvenirs_back_mini.jpg);}
.kandidat_back {background-image: url(/local/templates/new-store/img/kandi_back_mini.jpg);}

.recruiting-hero h1 {
    font-weight: 700;
    font-size: 28px;
    margin: 0 0 20px;
    text-align: left
}

.recruiting-hero p {
    font-size: 16px;
    max-width: 90%;
    margin-bottom: 40px;
    line-height: 1.65;
}

.recruiting-hero a {
    display: inline-block;
    background-color: #334cd5;
    text-transform: uppercase;
    text-align: center;
    font-size: 12px;
    width: 165px;
    height: 40px;
    padding-top: 14px;
    border-radius: 20px;
    coloR: #fff;
    font-weight: 700;
    letter-spacing: 1px;
    align-self: flex-end
}

.recruiting-hero a:hover {
    background-color: #3b55e6;
    transition: 1.5s
}

.recruiting-descr, .sub_title {
    width: 100%;
    padding: 20px;
    background-coloR: #fff
}

.recruiting-descr__text-box {
    width: 100%
}

.recruiting-descr__text-box h2 {
    font-size: 16px;
    color: #222328;
    margin-bottom: 15px
}

.recruiting-descr__text-box p {
    color: #444752;
    font-size: 16px;
    margin-bottom: 10px;
    line-height: 1.65
}

.recruiting-descr__text-box p:last-child {
    margin: 0
}

.recruiting-descr__case-box {
    display: none
}

.recruiting-img {
    width: 100%;
    height: 657px;
    background-image: url(/local/templates/bp3/img/recrut-img_mob.jpg);
    background-repeat: no-repeat;
    background-color: #222328;
    background-size: 320px;
    background-position: 50%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 30px 20px 25px;
    coloR: #fff
}

.recruiting-img h2 {
    font-size: 16px
}

.recruiting-img p {
    font-size: 14px;
    font-weight: 400;
    max-width: 250px;
    -ms-grid-row-align: center;
    align-self: center;
    position: relative;
    left: 20px
}

.recruiting-excellence {
    display: flex;
    flex-direction: column;
    width: 100%;
    background-color: #fff;
    padding: 25px 20px 30px
}

.recruiting-excellence h1 {
    color: #222328;
    font-size: 16px;
    margin-top: 0;
    margin-bottom: 20px
}

.recruiting-excellence__box {
    margin-bottom: 15px
}

.recruiting-excellence__box:last-child {
    margin: 0
}

.recruiting-excellence__box h5 {
    color: #17253B;
    font-size: 1.3rem;
    margin-bottom: 10px;
    border-bottom: 2px solid #ffa615;
    width: 90%;
}
}

.recruiting-excellence__box p {
    color: #444752;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.33
}

.recruiting-excellence a {
    -ms-grid-row-align: center;
    align-self: center;
    display: block;
    background-color: #334cd5;
    width: 170px;
    height: 40px;
    border-radius: 5px;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    padding-top: 14px;
    text-align: center;
    font-weight: 700
}

.recruiting-excellence a:hover {
    background-color: #3b55e6;
    transition: 1.5s
}

@media screen and (min-width:530px) and (max-width:829px) {
    .recruiting-hero {
        background-image: url(/local/templates/new-store/img/rabotnik_back.jpg);
        background-size: cover
    }
}

@media screen and (min-width:830px) {
    .recruiting-hero {
        background-image: url(/local/templates/new-store/img/rabotnik_back.jpg);
        padding: 34px 0 22px 100px;
        height: 500px;
        background-size: cover

    }
    .recruiting-hero h1 {
        font-size: 38px;
        margin-bottom: 10px
    }
    .recruiting-hero p {
        max-width: 430px;
        margin-bottom: 20px
    }
    .recruiting-hero a {
        align-self: flex-start;
        border-radius: 5px
    }
    .recruiting-descr {
        padding: 45px 70px 35px
    }
    .recruiting-descr__text-box h2 {
        font-size: 28px;
        margin-bottom: 20px
    }
    .recruiting-descr__text-box p {
        margin-bottom: 30px
    }
    .recruiting-img {
        background-image: url(/local/templates/bp3/img/recrut-img.jpg);
        background-size: contain;
        width: 100%;
        height: 477px;
        padding: 55px 70px 50px
    }
    .recruiting-img h3 {
        font-size: 28px
    }
    .recruiting-img p {
        display: none
    }
    .recruiting-excellence {
        padding: 45px 70px 55px;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between
    }
    .recruiting-excellence h1 {
        font-size: 28px;
        margin-bottom: 35px;
        width: 100%;
        text-align: left
    }
    .recruiting-excellence__box {
        width: 33%;
        margin: 0
    }
    .recruiting-excellence__box h5 {
        margin-bottom: 20px
    }
    .recruiting-excellence a {
        margin: 55px auto 0;
        width: 270px;
        height: 50px;
        text-transform: none;
        font-size: 14px;
        padding-top: 17px
    }
}

@media screen and (min-width:1170px) {
    .recruiting-hero {
        border-radius: 0;
        height: 500px;
        padding: 34px 0 22px 100px;
    }
    .recruiting-hero h1 {
        font-size: 3rem;
        margin-bottom: 15px
    }
    .recruiting-hero p {
        margin-bottom: 30px
    }
    .recruiting-hero a {
        width: 170px
    }
    .recruiting-descr {
        padding: 45px 100px 30px;
        display: flex;
        justify-content: space-between
    }
    .recruiting-descr__case-box {
        margin-top: 55px;
        border-radius: 7px;
        width: 270px;
        height: 190px;
        display: none;
        flex-direction: column;
        box-shadow: 0 20px 30px 0 rgba(28, 30, 35, .15);
        padding: 25px 20px 0;
        position: relative
    }
    .recruiting-descr__case-box h5 {
        align-self: flex-end;
        color: #b9bed1;
        font-size: 14px;
        font-weight: 400;
        margin-bottom: 30px
    }
    .recruiting-descr__case-box h4 {
        font-size: 16px;
        font-weight: 400;
        color: #3a405b;
        max-width: 70%;
        text-align: center;
        -ms-grid-row-align: center;
        align-self: center
    }
    .recruiting-descr__case-box a {
        width: 100%;
        height: 50px;
        text-align: center;
        color: #fff;
        background-color: #222328;
        align-self: flex-end;
        text-transform: uppercase;
        padding-top: 18px;
        font-weight: 500;
        letter-spacing: 1px;
        font-size: 12px;
        border-radius: 0 0 7px 7px;
        position: absolute;
        left: 0;
        bottom: 0
    }
    .recruiting-descr__case-box a:hover {
        background-color: #3a405b
    }
    .recruiting-descr__text-box {
        width: 65%
    }
    .recruiting-descr__text-box h2 {
        font-size: 32px
    }
    .recruiting-img {
        padding: 55px 100px
    }
    .recruiting-img h3 {
        font-size: 32px
    }
    .recruiting-excellence {
        padding: 55px 100px 60px
    }
    .recruiting-excellence h1 {
        font-size: 32px
    }
    .recruiting-excellence__box p {
        font-size: 16px
    }
}

@media screen and (min-width:1440px) {
    .recruiting-descr,
    .recruiting-excellence,
    .recruiting-hero,
    .recruiting-img,
    .sub_title {
        margin: 0 auto;
        width: 1440px
    }
}

.hr-title {
    width: 100%;
    background-color: #3a405b;
    background-image: url(/local/templates/bp3/img/hr-img_mob.jpg);
    background-size: 320px;
    background-position: 102% 0;
    background-repeat: no-repeat;
    padding: 95px 20px 25px
}

.hr-title__wrap h1 {
    color: #fff;
    text-align: left;
    font-size: 28px;
    font-weight: 700;
    margin: 0 0 15px;
    width: 50%
}

.hr-title__wrap h3 {
    font-size: 16px;
    color: #fff;
    width: 80%
}

.hr-title__wrap p {
    font-size: 16px;
    color: #fff;
    margin-bottom: 20px;
    margin-top: 10px;
    line-height: 1.33
}

.hr-title__wrap p:first-child {
    display: none
}

.hr-title__wrap p:last-child {
    margin-bottom: 0
}

.hr-title__wrap:first-child {
    margin-bottom: 60px
}

.hr-title__wrap:last-child {
    margin-top: 20px
}

.hr-title__wrap a {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    width: 165px;
    height: 40px;
    background-color: #334cd5;
    padding-top: 14px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    align-self: flex-end;
    border-radius: 20px;
    display: inline-block;
    margin-top: 25px
}

.hr-title__wrap a:hover {
    background-color: #3b55e6;
    transition: 1.5s
}

.hr-title__counter-box {
    color: #fff;
    margin-bottom: 10px
}

.hr-title__counter-box h2 {
    font-size: 32px;
    font-weight: 700
}

.hr-title__counter-box p {
    font-size: 16px
}

.hr-descr {
    width: 100%;
    padding: 25px 20px;
    background-color: #fff
}

.hr-descr h3 {
    color: #222328;
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 20px
}

.hr-descr__wrap ul {
    list-style-type: none;
    display: flex;
    flex-direction: column;
    color: #3a405b
}

.hr-descr__wrap ul h5 {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 10px
}

.hr-descr__wrap ul p {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.33;
    color: #444752
}

.hr-descr__wrap ul li {
    margin-bottom: 15px
}

.hr-descr__wrap ul li:last-child {
    margin: 0
}

.hr-descr__list-wrap {
    margin-bottom: 55px
}

.hr-descr__box {
    width: 100%;
    margin-bottom: 20px
}

.hr-descr__box:last-child {
    margin: 0
}

.hr-descr__box h4 {
    font-weight: 700;
    font-size: 16px;
    color: #3a405b;
    margin-bottom: 10px
}

.hr-descr__box ul {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    list-style-type: none
}

.hr-descr__box ul li {
    color: #3a405b;
    font-size: 14px;
    text-transform: uppercase;
    margin-right: 5px;
    font-weight: 600
}

.hr-descr__box ul li span {
    margin-left: 5px
}

.hr-rabotnik {
    width: 100%;
    background-color: #222328;
    padding: 30px 20px 40px;
    position: relative;
    top: 7px
}

.hr-rabotnik:after {
    display: block;
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1px;
    background-color: #35363b;
    width: 100%;
    z-index: 100
}

.hr-rabotnik__wrap {
    color: #fff;
    margin-bottom: 15px
}

.hr-rabotnik__wrap:last-child {
    display: none
}

.hr-rabotnik__wrap:nth-child(2) {
    margin: 0
}

.hr-rabotnik__wrap h1 {
    margin: 0 0 20px;
    font-weight: 600;
    text-align: left;
    font-size: 24px
}

.hr-rabotnik__wrap p {
    font-size: 16px
}

@media screen and (min-width:830px) {
    .hr-title {
        background-image: url(/local/templates/bp3/img/hr-img.jpg);
        background-size: contain;
        background-position: 86% 10%;
        padding: 95px 70px 25px
    }
    .hr-title__wrap h1 {
        font-size: 60px
    }
    .hr-title__wrap h3 {
        font-weight: 600
    }
    .hr-title__wrap:last-child {
        margin-top: 55px
    }
    .hr-title__wrap p {
        width: 75%
    }
    .hr-title__wrap p:first-child {
        display: block
    }
    .hr-title__counter-wrap {
        display: flex;
        justify-content: space-around
    }
    .hr-title__counter-box {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin: 0
    }
    .hr-descr {
        padding: 45px 70px 40px
    }
    .hr-descr__list-wrap h3 {
        font-size: 32px;
        margin-bottom: 30px
    }
    .hr-descr__box {
        display: flex;
        margin-bottom: 35px
    }
    .hr-descr__box h4 {
        width: 15%
    }
    .hr-descr__wrap h3 {
        font-size: 32px;
        margin-bottom: 35px
    }
    .hr-descr__wrap ul {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between
    }
    .hr-descr__wrap ul li {
        width: 30%;
        margin-bottom: 30px
    }
    .hr-descr__wrap ul li h5 {
        font-size: 18px;
        margin-bottom: 20px
    }
    .hr-descr__wrap ul li p {
        font-size: 14px
    }
    .hr-rabotnik {
        padding: 50px 70px 40px
    }
    .hr-rabotnik__wrap {
        display: flex;
        justify-content: space-between;
        flex: 1 1 45%
    }
    .hr-rabotnik__wrap:first-child {
        margin-bottom: 40px
    }
    .hr-rabotnik__wrap:last-child {
        display: flex;
        margin-top: 45px;
        margin-bottom: 0
    }
    .hr-rabotnik__wrap h1 {
        font-size: 32px;
        width: 75%
    }
    .hr-rabotnik__wrap p {
        font-size: 14px
    }
    .hr-rabotnik__text {
        width: 45%
    }
    .hr-rabotnik__off-wrap {
        display: flex;
        flex-direction: column;
        width: 45%
    }
    .hr-rabotnik__box {
        margin-bottom: 30px
    }
    .hr-rabotnik__box h5 {
        margin-bottom: 10px;
        font-size: 14px
    }
    .hr-rabotnik__off-box {
        width: 45%
    }
    .hr-rabotnik__off-box p {
        margin-bottom: 10px
    }
    .hr-rabotnik__off-box p:last-child {
        margin: 0
    }
    .hr-rabotnik__off-box h5 {
        margin-bottom: 10px;
        font-size: 14px
    }
}

@media screen and (min-width:1170px) {
    .hr-title {
        padding: 120px 100px 50px
    }
    .hr-title__wrap h1 {
        font-size: 72px
    }
    .hr-title__wrap h3 {
        width: 100%
    }
    .hr-title__wrap:last-child {
        margin-top: 65px
    }
    .hr-title__wrap p:first-child {
        margin-top: 0
    }
    .hr-title__counter-box h2 {
        font-size: 48px
    }
    .hr-title__counter-box p {
        font-size: 18px
    }
    .hr-descr {
        padding: 40px 100px 70px
    }
    .hr-descr__list-wrap {
        margin-bottom: 85px
    }
    .hr-descr__box h4 {
        font-size: 22px;
        margin: 0
    }
    .hr-descr__box ul li {
        font-size: 16px
    }
    .hr-descr__wrap ul li h5 {
        font-size: 24px
    }
    .hr-descr__wrap ul li p {
        font-size: 16px
    }
    .hr-rabotnik {
        padding: 50px 100px 45px
    }
    .hr-rabotnik__wrap h1 {
        font-size: 40px
    }
    .hr-rabotnik__box h5,
    .hr-rabotnik__off-box h5,
    .hr-rabotnik__wrap p {
        font-size: 16px
    }
}

@media screen and (min-width:1440px) {
    .hr-descr,
    .hr-rabotnik,
    .hr-title {
        width: 1440px;
        margin: 0 auto
    }
    .hr-rabotnik:after {
        bottom: 10px
    }
}

.company-title h1 {
    color: #222328;
    font-size: 16px;
    text-align: left;
    padding: 20px 20px 15px
}

.company-title__descr {
    background-color: #fff;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 5px 75.66px 2.34px rgba(2, 4, 19, .13)
}

.company-title__descr p {
    margin-bottom: 25px;
    color: #444752;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.33
}

.company-title__descr p:last-child {
    margin: 0
}

.company-cards {
    display: flex;
    flex-direction: column;
    padding: 35px 0 20px
}

.company-cards__box {
    padding: 7px 20px;
    background-color: #fff;
    margin-bottom: 20px;
    max-height: 100px;
    transition: max-height 1s ease, padding 1s;
    overflow: hidden;
    position: relative;
    border-radius: 5px;
    box-shadow: 0 5px 75.66px 2.34px rgba(2, 4, 19, .13)
}

.company-cards__box:last-child {
    margin: 0
}

.company-cards__box_opened {
    transition: max-height .7s ease;
    max-height: 800px;
    padding: 7px 20px 20px
}

.company-cards__box h2 {
    color: #222328;
    font-size: 48px;
    margin-bottom: 35px
}

.company-cards__box h2:after {
    display: block;
    content: "";
    border-bottom: 7px solid #222328;
    width: 55px;
    position: relative;
    top: 15px
}

.company-cards__box p {
    margin-bottom: 25px;
    color: #444752;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.33
}

.company-cards__box p:last-child {
    margin: 0
}

.company-cards__title-arrow {
    border-left: 4px solid #222328;
    border-bottom: 4px solid #222328;
    border-radius: 0 0 0 3px;
    height: 13px;
    width: 13px;
    transform: rotate(135deg);
    transition: transform .7s ease;
    -ms-grid-row-align: center;
    align-self: center;
    position: absolute;
    top: 70px;
    right: 20px
}

.company-cards__title-arrow_opened {
    transform: rotate(-45deg)
}

.company-cards__text-arrow {
    border-left: 4px solid #222328;
    border-bottom: 4px solid #222328;
    border-radius: 0 0 0 3px;
    height: 13px;
    width: 13px;
    transform: rotate(-45deg);
    transition: transform .7s ease;
    -ms-grid-row-align: center;
    align-self: center;
    position: absolute;
    bottom: 10px;
    left: 49.5%;
    display: none
}

.company-cards__text-arrow_opened {
    display: block
}

@media screen and (min-width:830px) {
    .company-title {
        background-color: #fff;
        margin: 30px 0;
        padding: 40px 70px;
        border-radius: 5px;
        box-shadow: 0 5px 75.66px 2.34px rgba(2, 4, 19, .13)
    }
    .company-title h1 {
        margin: 0 0 40px;
        padding: 0;
        font-size: 28px;
        text-transform: uppercase
    }
    .company-title__descr {
        padding: 0;
        box-shadow: none
    }
    .company-title__descr p {
        font-size: 16px
    }
    .company-cards {
        padding: 0;
        margin: 0 0 30px
    }
    .company-cards__box {
        max-height: none
    }
    .company-cards__box,
    .company-cards__box_opened {
        padding: 10px 70px 30px
    }
    .company-cards__text-arrow,
    .company-cards__title-arrow,
    .company-cards__title-arrow_opened {
        display: none
    }
}

@media screen and (min-width:1170px) {
    .company-title {
        padding: 70px 100px
    }
    .company-title h1 {
        font-size: 32px
    }
    .company-cards {
        margin: 50px 0
    }
    .company-cards__box {
        display: flex;
        justify-content: space-between;
        margin-bottom: 50px
    }
    .company-cards__box,
    .company-cards__box_opened {
        max-height: 700px;
        padding: 40px 100px
    }
    .company-cards__box:last-child {
        margin: 0
    }
    .company-cards__title {
        width: 30%
    }
    .company-cards__title span {
        display: none
    }
    .company-cards__text {
        width: 70%
    }
    .company-cards__text p {
        font-size: 16px
    }
}

@media screen and (min-width:1440px) {
    .company-title {
        margin: 30px auto;
        width: 1440px
    }
    .company-cards {
        width: 1440px;
        margin: 50px auto
    }
}

.company-history {
    width: 100%
}

.company-history h1 {
    padding: 20px 20px 0;
    margin: 0 0 20px;
    color: #222328;
    font-size: 16px;
    text-align: left
}

.company-history__wrap {
    display: flex;
    flex-direction: column-reverse;
    background-color: #fff;
    box-shadow: 0 10px 20px 0 rgba(28, 30, 35, .1)
}

.company-history__wrap p {
    padding: 0 20px 30px;
    color: #444752;
    font-size: 14px
}

.company-history__wrap img {
    -ms-grid-row-align: center;
    align-self: center;
    margin: 20px auto
}

.company-descr {
    max-height: 180px;
    transition: max-height 1s ease, padding 1s;
    overflow: hidden
}

.company-descr_opened {
    transition: max-height .7s ease;
    max-height: 1000px
}

.company-descr__card {
    background-color: #fff;
    position: relative;
    box-shadow: 0 10px 20px 0 rgba(28, 30, 35, .1)
}

.company-descr__card h1 {
    margin: 0;
    font-size: 18px;
    color: #222328;
    text-align: left;
    text-transform: uppercase;
    padding: 0 20px 30px
}

.company-descr__card h1:after {
    display: block;
    content: "";
    border-bottom: 7px solid #222328;
    width: 55px;
    position: relative;
    top: 15px
}

.company-descr__card-arrow {
    border-left: 4px solid #222328;
    border-bottom: 4px solid #222328;
    border-radius: 0 0 0 3px;
    height: 13px;
    width: 13px;
    transform: rotate(135deg);
    transition: transform .7s ease;
    -ms-grid-row-align: center;
    align-self: center;
    position: absolute;
    top: 55px;
    right: 20px
}

.company-descr__card-arrow_opened {
    transform: rotate(-45deg)
}

.company-descr__content {
    background-color: #fff;
    padding: 0 20px;
    position: relative;
    max-height: 0;
    transition: max-height .7s ease, padding .7s ease;
    overflow: hidden
}

.company-descr__content p {
    line-height: 1.33;
    color: #444752;
    font-size: 16px;
    padding-bottom: 30px
}

.company-descr__content_opened {
    max-height: 1000px;
    padding: 20px 20px 0
}

.company-descr__content-arrow {
    border-left: 3px solid #222328;
    border-bottom: 3px solid #222328;
    border-radius: 0 0 0 3px;
    height: 10px;
    width: 10px;
    transform: rotate(135deg);
    transition: transform .7s ease;
    -ms-grid-row-align: center;
    align-self: center;
    position: absolute;
    bottom: 5px;
    left: 49.5%;
    display: none
}

.company-descr__content-arrow_opened {
    display: block
}

.company-descr__case {
    padding: 25px 20px
}

.company-descr__case p {
    font-size: 16px;
    color: #3a405b;
    font-weight: 600;
    font-style: italic
}

.company-descr__case a {
    display: none
}

.company-excellence {
    background-color: #fff;
    box-shadow: 0 10px 20px 0 rgba(28, 30, 35, .1);
    padding: 20px
}

.company-excellence h1 {
    margin: 0 0 10px;
    text-align: left;
    color: #222328;
    font-size: 18px;
    text-transform: uppercase
}

.company-excellence__case {
    display: none
}

.company-excellence__text-box {
    margin-bottom: 15px
}

.company-excellence__text-box:last-child {
    margin: 0
}

.company-excellence__text-box h2 {
    color: #222328;
    font-size: 16px;
    margin-bottom: 5px
}

.company-excellence__text-box p {
    font-size: 16px;
    color: #444752
}

.company-team {
    display: none
}

.company-values {
    padding: 0 0 20px;
    margin: 0 0 20px;
    background-color: #fff
}

.company-values h1,
.company-values p {
    display: none
}

.company-values__case {
    display: flex;
    align-items: center
}

.company-values__link {
    display: inline-block;
    background-color: #334cd5;
    width: 240px;
    height: 40px;
    color: #fff;
    text-transform: uppercase;
    padding-top: 13px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    text-align: center;
    border-radius: 7px;
    margin: 0 auto;
    box-shadow: 0 10px 20px 0 rgba(28, 30, 35, .1)
}

.company-values__link:hover {
    background-color: #3b55e6;
    transition: 1.5s
}

@media screen and (min-width:830px) {
    .company-history {
        background-color: #fff;
        margin-top: 30px;
        padding: 30px 70px;
        box-shadow: 0 0 20px 0 rgba(28, 30, 35, .1);
        border-radius: 7px 7px 0 0
    }
    .company-history h1 {
        padding: 0;
        font-size: 28px;
        text-transform: uppercase;
        margin-bottom: 25px
    }
    .company-history__wrap {
        flex-direction: row;
        justify-content: space-between;
        box-shadow: none
    }
    .company-history__wrap p {
        padding: 0;
        width: 70%;
        font-size: 16px;
        font-weight: 600
    }
    .company-history__wrap img {
        -ms-grid-row-align: center;
        align-self: center;
        margin: 0
    }
    .company-descr {
        padding: 30px 70px 0;
        background-color: #fff;
        max-height: 1000px;
        transition: none;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }
    .company-descr__card {
        width: 100%;
        box-shadow: none
    }
    .company-descr__card h1 {
        padding: 0;
        text-transform: none;
        font-size: 28px;
        margin-bottom: 30px
    }
    .company-descr__card h1:after {
        display: none;
        content: none
    }
    .company-descr__card-arrow {
        display: none
    }
    .company-descr__content {
        display: block;
        padding: 0;
        width: 70%
    }
    .company-descr__content-arrow,
    .company-descr__content-arrow_opened {
        display: none
    }
    .company-descr__case {
        width: 25%;
        padding: 0;
    }
    .company-excellence {
        padding: 30px 70px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        box-shadow: none
    }
    .company-excellence h1 {
        text-transform: none;
        font-size: 28px;
        width: 100%;
        margin-bottom: 30px
    }
    .company-excellence__content {
        width: 70%
    }
    .company-excellence__text-box h2 {
        margin-bottom: 15px;
        font-size: 20px
    }
    .company-excellence__case {
        display: block;
        width: 25%;
        position: relative;
        top: 30px
    }
    .company-excellence__case-box {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-bottom: 30px
    }
    .company-excellence__case-box h3 {
        color: #3a405b;
        font-size: 36px
    }
    .company-excellence__case-box p {
        font-weight: 600;
        font-style: italic;
        color: #3a405b;
        font-size: 16px;
        text-align: center
    }
    .company-values {
        padding: 25px 70px;
        border-radius: 0 0 7px 7px;
        box-shadow: 0 17px 20px 0 rgba(28, 30, 35, .1)
    }
    .company-values p {
        display: block
    }
    .company-values h1 {
        display: block;
        margin: 0 0 30px;
        text-align: left;
        width: 100%
    }
    .company-values__content {
        display: flex;
        justify-content: space-between;
        flex-direction: column
    }
    .company-values__case {
        margin-top: 30px
    }
    .company-values__case p {
        font-size: 14px;
        color: #444752;
        font-weight: 600;
        font-style: italic;
        width: 30%;
        margin-bottom: 15px;
        display: none
    }
    .company-values__text-box p {
        font-size: 16px;
        color: #444752;
        margin-bottom: 30px
    }
    .company-values__text-box p:last-child {
        margin-bottom: 0
    }
}

@media screen and (min-width:1170px) {
    .company-history {
        padding: 70px 100px
    }
    .company-history h1 {
        font-size: 32px
    }
    .company-descr {
        padding: 65px 100px 15px
    }
    .company-descr h1 {
        font-size: 32px
    }
    .company-descr__content {
        max-height: 1000px
    }
    .company-excellence {
        padding: 50px 100px 35px
    }
    .company-excellence h1 {
        font-size: 32px
    }
    .company-excellence__text-box {
        margin-bottom: 30px
    }
    .company-excellence__text-box h2 {
        font-size: 24px
    }
    .company-excellence__case-box h3 {
        font-size: 48px
    }
    .company-excellence__case-box p {
        font-size: 18px
    }
    .company-values {
        padding: 15px 100px 60px
    }
    .company-values__content {
        flex-direction: row
    }
    .company-values__text-box {
        width: 70%
    }
    .company-values__case {
        flex-direction: column;
        margin: 0;
        width: 25%
    }
    .company-values__case p {
        display: block;
        width: 70%
    }
    .company-values__case-box {
        width: 25%
    }
}

@media screen and (min-width:1440px) {
    .company-history {
        margin: 30px auto 0;
        width: 1440px;
        box-shadow: none
    }
    .company-descr,
    .company-excellence,
    .company-values {
        width: 1440px;
        margin: 0 auto;
        box-shadow: none
    }
    .company-page-wrap {
        width: 1440px;
        margin: 0 auto;
        box-shadow: 0 10px 20px 0 rgba(28, 30, 35, .1)
    }
}

.values__title h1 {
    padding: 20px;
    font-size: 16px;
    color: #222328;
    text-align: left;
    margin: 0
}

.values__title p {
    background-color: #fff;
    padding: 20px;
    font-size: 14px;
    line-height: 1.33;
    color: #444752;
    font-weight: 600;
    box-shadow: 0 5px 75.66px 2.34px rgba(2, 4, 19, .13)
}

.values__descr {
    margin: 20px;
    font-style: italic;
    font-size: 14px;
    font-weight: 700;
    color: #444752
}

.values__box {
    padding: 20px;
    background-color: #fff;
    margin-bottom: 20px;
    box-shadow: 0 5px 75.66px 2.34px rgba(2, 4, 19, .13)
}

.values__box-title h2 {
    text-transform: uppercase;
    font-size: 18px;
    color: #222328;
    margin-bottom: 25px
}

.values__box-title h2:after {
    display: block;
    content: "";
    border-bottom: 5px solid #222328;
    width: 55px;
    position: relative;
    top: 13px
}

.values__box-text p {
    line-height: 1.33;
    font-size: 16px;
    color: #444752;
    margin-bottom: 25px
}

.values__box-text p:first-child,
.values__box-text p:last-child {
    margin: 0
}

@media screen and (min-width:830px) {
    .values__title {
        background-color: #fff;
        padding: 45px 70px;
        margin-top: 30px;
        box-shadow: 0 5px 75.66px 2.34px rgba(2, 4, 19, .13)
    }
    .values__title h1 {
        text-transform: uppercase;
        font-size: 28px;
        padding: 0;
        margin-bottom: 20px
    }
    .values__title p {
        padding: 0;
        font-size: 16px;
        box-shadow: none
    }
    .values__descr {
        padding: 25px 70px;
        text-align: center;
        font-size: 20px;
        margin: 0
    }
    .values__box {
        padding: 20px 70px;
        display: flex;
        justify-content: space-between
    }
    .values__box-title {
        width: 30%
    }
    .values__box-title h2 {
        font-size: 20px
    }
    .values__box-text {
        width: 65%
    }
}

@media screen and (min-width:1170px) {
    .values__title {
        padding: 70px 100px 80px
    }
    .values__title h1 {
        font-size: 32px;
        margin-bottom: 35px
    }
    .values__descr {
        padding: 50px 100px;
        font-size: 28px
    }
    .values__box {
        padding: 50px 100px;
        margin-bottom: 50px
    }
    .values__box-title h2 {
        font-size: 28px
    }
    .values__box-title h2:after {
        width: 100px
    }
}



#bx-panel-wrapper {
    width: 100% !important;
}

.no-elements {
    background-color: #fff;
    padding: 50px;
    text-align: center;
    font-size: 1rem;
    font-weight: bold;
    width: 100%;
}

/* Styles for bitrix:system.pagenavigation template "round" */
.bx-pagination .bx-pagination-container ul li span {
    background-color: #fff;
}

.bx-pagination .bx-pagination-container ul li.bx-active span {
    background-color: #3b55e6;
}

.bx-pagination .bx-pagination-container ul li a:hover span,
.bx-pagination .bx-pagination-container ul li.bx-pag-all a:hover span,
.bx-pagination .bx-pagination-container ul li.bx-pag-prev a:hover span,
.bx-pagination .bx-pagination-container ul li.bx-pag-next a:hover span {
    text-decoration: none;
    color: #3b55e6;
    background-color: #f0f2f7;
    border: none;
}

.bx-pagination .bx-pagination-container ul li.bx-pag-all a span,
.bx-pagination .bx-pagination-container ul li.bx-pag-prev a span,
.bx-pagination .bx-pagination-container ul li.bx-pag-next a span {
    border: none;
}

.button_15 {width: 55%;border: 2px solid #e4e7ef;margin: 0 0 0 1rem;padding: 0.6rem;}
.online-store__desc {padding: 0 2.25rem 1.5rem 1rem;}
.card-subtitle {
    font-size: 0.830rem;
    font-weight: 400;
}

.card-title {
    font-weight: 600;
}

.navigation__submenu {
    z-index: 2000;
}
.side-bar {
    font-size: 0.875rem;
    font-weight: 600;
    margin-top: 0rem;
    padding: 1rem;
    /* padding-top: 0; */
    color: #222328;
    border-radius: 0.3rem;
}
@media (min-width: 1200px) {
    .side-bar {
        font-size: 0.875rem;
        font-weight: 600;
        margin-top: -6.50rem;
        padding: 1rem;
        /* padding-top: 0;*/
        color: #222328;
        border-radius: 0.3rem;
    }
}
.list-group-item-dark {
    color: #121215;
    background-color: #f0f2f7;
}
.bp-format-list-item {
    margin-bottom: 1rem;
}
.online-store__desc_main {padding: 0rem 1rem 1rem 1rem;}

.logo {width: 138px;}

.hr-club__img {
    background-image: url(/local/templates/new-store/img/hr-club.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto !important;
}

.pers_order_desc {font-weight: 400;
    font-size: 0.800rem !important;
    line-height: 1.3 !important;}

.pers_summ_back {background-color: transparent !important;}
.pers_sidebar {margin-top: 0.5rem !important;}

.sub_title_page {
    margin-bottom: 1rem;
    font-weight: 600;
    line-height: 1.2;
    font-size: 1.15rem !important;}

.button_serv {
    border: 2px solid #ffffff;
    font-size: 1rem !important;
    padding: 7px 20px !important;
    width: 60% !important;
    height: 10% !important;
    background: none !important;
}
.button_serv_magenta {
    border: 2px solid #ffffff;
    font-size: 1rem !important;
    padding: 7px 20px !important;
    width: 60% !important;
    height: 10% !important;
    background-color: #C03071 !important;
}
.sub_title {
    text-align: center;
    font-weight: 500;
    line-height: 2.5rem;
    text-transform: uppercase;
    font-size: 1.8rem;
}
.sub_title_color_rabotnik {color: #FFA615;}
.sub_sub_color_rabotnik {background: #FFA615;}
.sub_title_color_rek {color: #FF6868;}
.sub_title_color_reserch {color: #22C16C;}
.sub_sub_color_reserch {background: #22C16C;}
.sub_title_color_recruting {color: #01ACC6;}
.sub_sub_color_recruting {background: #01ACC6;}
.sub_title_color_kandidat {color: #C03071;}

.sidebar_img {width: 85%;}

.center_serv {
    background: #ffffff;
    margin: 0 auto;
    width: auto;}

.sub_sub_title {
    text-align: center;
    width: 90%;
    color: #ffffff;
    font-weight: 400;
    font-size: 1.4rem;
    margin: 0px auto;
}



.recruiting-descr__text-box li {padding-bottom: 10px;}
.rabotnik_back_serv {background: #17253B;border-bottom: 5px solid #FFA615;}
.rabotnik_serv_white {color:#ffffff}
.rabotnik_serv_yellow {color:#FFA615}
.sub_serv_title {
    text-align: center;
    padding: 0 0 10px 0;
    font-weight: 500;
    color: #FFFFFF;
    text-transform: uppercase;
    font-size: 1.8rem;
    width: auto;
    margin: 0 auto;
}
.rabotnik_block_center {text-align: center;}
.rabotnik_serv_icons {padding: 20px 0;}
.tariff_box {
    background: #FDFDFD;
    border-top: 5px solid #FFAA0D;
    padding: 40px;
    text-align: center;
    height: auto;
    box-shadow: 0 4px 31px -4px rgb(172 178 201 / 20%);
}
.tariff_line {
    padding: 20px 0;
    border-bottom: 2px solid #cccccc;
}
.tariff_button {
    width: 85% !important;
    background-color: #FFAA0D !important;
    font-weight: 300 !important;
    font-size: 1rem !important;
    padding: 6px !important;
}
.tariff_text {
    text-align: center;
    padding-top: 20px;
}

.color_dakgray {color:#17253B}
.dis_non {display: none;}
.mid_container {margin: 0 auto;}
.rek_border_color {border-bottom: 2px solid #FF6868 !important;}
.recrutig_border_color {border-bottom: 2px solid #01ACC6 !important;}
.researching_border_color {border-bottom: 2px solid #22C16C !important;}
.kandidat_border_color {border-bottom: 2px solid #C03071 !important;}
.rek_icons {margin: 0 0 20px 0;}
.resech_white_back {background-color: #fff;margin: 0px;}
.font_sub_att {font-size: 1.2rem!important; font-weight: 400 !important;}
.bbot, .recruting_map {
    width: 90%;
    display: none;
}
.sub_text {
    text-align: center;
    padding: 0 0 1rem 0;
    margin: 0px auto;
    width: 65%;
}

.h3_sub_text {
    font-weight: 300;
    background: #ffffff;
    margin: 0px auto;
    padding: 0 0 20px 0;
    text-align: center;
    text-transform: uppercase;
    font-size: 1rem;
}

.rf_map {
    background-color: #75adbd;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
    padding: 20px 0;
}
.rf_map p {
    color: #ffffff;
    font-weight: 600;
    width: 50%;}
.title_map {
    font-size: 2rem;
    width: 70%;
    font-weight: 600;
    padding-top: 20px;
}
.map_button {
    background-color: #FF6868;
    padding: 7px 25px;
    color: #ffffff;
    font-weight: 600;
}
.webform {
    margin: 0 auto;
    padding: 40px 0 0 0;
}

.main-title {
    font-weight: 400;
    font-size: 2.5rem;
    color: #C03071;
}

.main-btn {
    background: #ffffff;
    color: #C03071;
    border: 2px solid #C03071;
}
.main-page {
    background-color: transparent !important;
    border-radius: 0;
    box-shadow: none;
    text-align: center;
}
.main-serv-pic {width: auto !important;}
.main-serv-card {
    background-color: #FF6868;
    border-radius: 0 !important;
    background-image: none !important;
}
.main-serv-card-rek {background-color: #FF6868;}
.main-serv-card-rab {background-color: #FFAA0D;}
.main-serv-card-res {background-color: #22C16C;}
.main-serv-card-rekrut {background-color: #01ACC6;}
.main-serv-title {
    color: #ffffff;
    font-size: 2rem;
    font-weight: 700;
}

.main-serv-btn {
    color: #ffffff;
    border-radius: 1px;
    border-color: #ffffff !important;
    border: 1px solid !important;
    width: 90%;
    font-size: 0.9rem;
    font-weight: 400;
}
.main-clients-title {
    font-size: 1.3rem;
    font-weight: 400;
}

.main-katalog-text {display:none;}


.carousel-control-wrap .carousel-control-prev::after, .carousel-control-wrap .owl-prev::after, .owl-nav .carousel-control-prev::after, .owl-nav .owl-prev::after {
    width: 1px;
    background-color: #ccc;
}

.owl-nav {
    border: 1px solid #cccccc;
}

.bbot-center {text-align: center;}
.partners {
    border-radius: 0.3rem;
    background-color: transparent !important;;
}

.btn-white {
    border-color: white;
    background: transparent;
    color: white;
}
.our-services .carousel-caption  {padding: 2rem 0 1rem !important;}
.slide-0 {background: transparent;background-color: indigo;}
.slide-1 {background: transparent;background-color: #fff;}
.slide-2 {background: transparent;background-color: palevioletred; color:#fff;}
.slide-3 {background: transparent;background-color: palevioletred;}

@media (min-width: 576px){
    .mid_container {
        max-width: 540px;
    }
}

@media (min-width: 768px){
    .mid_container {
        max-width: 720px;
    }
}
@media (min-width: 768px) {
    aside.side-bar {z-index: 1000;}
    .online-store__desc {padding: 0 2.25rem 1.5rem 2.25rem !important}
    .online-store__desc_main {padding: 0rem 2.25rem 1rem 2.25rem;}
    .bp-format-list-item {margin-bottom: 0rem !important;}
    .button_15 {width: 15%;border: 2px solid #e4e7ef;margin: 0 0 0 2.25rem;padding: 0.6rem;}
    .reserch_back {background-image: url(/local/templates/new-store/img/research_back.jpg);}
    .rek_back {background-image: url(/local/templates/new-store/img/rek_back.jpg);}
    .recruting_back {background-image: url(/local/templates/new-store/img/recruting_back.jpg);}
    .design_back {background-image: url(/local/templates/new-store/img/desigen.jpg);}
    .suvenir_back {background-image: url(/local/templates/new-store/img/suvenirs_back.jpg);}
    .poligrafiya_back {background-image: url(/local/templates/new-store/img/poligraf_promo.jpg);}
    .kandidat_back {background-image: url(/local/templates/new-store/img/kandi_back.jpg);}
    .bbot {
        max-width: 1013px;
        width: 100%;
        display: block;
        padding-bottom: 30px;
    }
    .slide-0 {background-image: url(/local/templates/new-store/img/slide-0.jpg);}
    .slide-1 {background-image: url(/local/templates/new-store/img/new-beta2.gif);}
    .slide-2 {background-image: url(/local/templates/new-store/img/kandidat_promo.jpg);}
    .slide-3 {background-image: url(/local/templates/new-store/img/rek_catalog_promo.jpg);}
    .hero-slider .carousel-caption {
        position: relative;
        top: 0;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        height: 100%;
        padding: 1rem;
        text-align: left;
    }
    .main-navigation__item {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: contents;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 40%;
        margin: 0;
        text-transform: initial;
        border: none !important;
        border-radius: 0;
        /* min-height: 4.25rem; */
        -webkit-box-shadow: none;
        box-shadow: none !important;
    }
    .recruting_map {
        max-width: 913px;
        width: 100%;
        display: block;
        padding-bottom: 30px;
    }
    .h3_sub_text {
        padding-bottom: 20px;
        font-size: 1.6rem;
    }

}
@media (min-width: 992px){
    .mid_container {
        max-width: 960px;
    }
}
@media (min-width: 1020px){
    .nav_hidden {display:block;}
    .nav__display {display: none;}
    .recruiting-hero {margin-top: -57px !important;}
    .sub_serv_title {width: 850px;}
    .tariff_box {width: 30%;}
    .main-katalog-text {display:initial;}
    .main-page {
        text-align: start;

    }
    @media (min-width: 1200px){
        .mid_container {
            max-width: 1140px;
        }
        .hero-slider .carousel-caption {
            padding: 8rem 6rem;
        }
        .main-navigation__item {
            width: calc(15% - 2rem);
        }
    }
    @media (min-width: 1440px){
        .mid_container {
            max-width: 1440px;}
        .rf_map {
            background-image: url(/local/templates/new-store/img/rek_map.png);
            background-color: transparent;
            width: 100%;
            height: 500px;
            background-repeat: no-repeat;
            background-position: center;
            text-align: center;
            padding: 170px;
        }
    }
    @media screen and (min-width:830px) {
        .button_serv {
            width: 40% !important;
        }
    }

    @media screen and (min-width:830px) {
        .button_serv {
            width: 40% !important;
        }
    }

    @media screen and (min-width:1440px) {
        .rabotnik_serv_left {padding: 0 0 0 150px;}
        .rabotnik_serv_right {padding: 0 150px 0 0;}
        .rabotnik_serv_center {padding: 0 55px;}
        .dis_non {display: block;}
        .values {
            margin: 0 auto;
            width: 1440px
        }
        .center_serv {
            background: #ffffff;
            margin: 0 auto;
            width: 1440px;}

        .sub_serv_title {
            text-align: center;
            padding: 0 0 40px 0;
            font-weight: 500;
            color: #FFFFFF;
            line-height: 3.6rem;
            text-transform: uppercase;
            font-size: 2.5rem;
            width: 1140px;
            margin: 0 auto;
        }
        .sub_title_page {
            margin-bottom: 4rem;}
        .recruiting-hero p {
            max-width: 37%;
        }
        .button_serv {
            width: 17% !important;
        }
        .sub_title {
            text-align: center;
            padding: 45px 0 10px 0;
            font-weight: 500;
            line-height: 3.6rem;
            text-transform: uppercase;
            font-size: 2.5rem;
        }
        .sidebar_img {width: 100%; margin: -50px 0 50px 0;}
        .sub_sub_title {
            text-align: center;
            width: 48%;
            color: #ffffff;
            font-weight: 400;
            font-size: 2rem;
            margin: 0px auto;
        }
        .rabotnik_padd {padding: 85px 100px 20px 100px;}
        .tariff_box {
            width: 24%;
        }
        .tariff_button {
            width: 85% !important;
            background-color: #FFAA0D !important;
            font-weight: 300 !important;
            font-size: 1rem !important;
            padding: 13px !important;
        }
    }

.owl-item a:hover {
color:#3b55e6;
	}