/* Start:/local/components/sp-artgroup/wholesale_form/templates/wholesale_page_new/style.css?170357368018927*/
@font-face {
    font-family:"Code Pro Bold";
    src:url(/local/components/sp-artgroup/wholesale_form/templates/wholesale_page_new/fonts/code_pro_bold.otf);
    font-weight:400;
    font-style:normal
}
@font-face {
    font-family:"Proxima Nova";
    src:url(/local/components/sp-artgroup/wholesale_form/templates/wholesale_page_new/fonts/proximanova_regular.ttf);
    font-weight:400;
    font-style:normal
}
@font-face {
    font-family:Actay;
    src:url(/local/components/sp-artgroup/wholesale_form/templates/wholesale_page_new/fonts/Actay-Regular.otf);
    font-weight:400;
    font-style:normal
}
@font-face {
    font-family:"Actay Wide";
    src:url(/local/components/sp-artgroup/wholesale_form/templates/wholesale_page_new/fonts/ActayWide-Bold.otf);
    font-weight:700;
    font-style:normal
}
* {
    margin:0;
    padding:0;
    box-sizing:border-box
}
.wrapper {
    max-width:1140px;
    padding:0 20px;
    margin:0 auto
}
.mob-hide {
    display:flex
}
.mob-show {
    display:none
}
.hero {
    position:relative;
    padding:40px 0;
    overflow:hidden
}
.hero__ellipse {
    position:absolute;
    left:0;
    z-index:-1
}
.hero__wrapper {
    display:flex;
    justify-content:space-between;
    gap:10px
}
.hero__block-1 {
    display:flex;
    flex-direction:column;
    gap:30px;
    padding:40px 80px;
    border-radius:20px;
    background:#fffbfb;
    box-shadow:0 0 20px 2px rgba(128,128,128,.16);
    width:66%
}
.hero__block-2 {
    padding:40px;
    display:flex;
    flex-direction:column;
    gap:30px;
    width:33%;
    border-radius:20px;
    background:linear-gradient(163deg,#2dbfc8 6.56%,#2399a0 98.26%)
}
.hero__title {
    color:#4e4d4d;
    font-family:Proxima Nova;
    font-size:40px;
    font-style:normal;
    font-weight:400;
    line-height:45px
}
.hero__descr {
    color:rgba(37,37,37,.7);
    font-family:Actay;
    font-size:18px;
    font-style:normal;
    font-weight:400;
    line-height:30px
}
.hero__descr span {
    color:#00a2a9;
    font-family:Code Pro Bold;
    font-size:18px;
    font-style:normal;
    font-weight:400;
    line-height:30px;
    text-transform:uppercase
}
.hero__subtitle {
    color:#00a2a9;
    font-family:Actay Wide;
    font-size:14px;
    font-style:normal;
    font-weight:700;
    line-height:20px;
    letter-spacing:.56px;
    text-transform:uppercase
}
.hero__list {
    margin-top:10px;
    list-style-type:none
}
.hero__item {
    margin-bottom:6px;
    display:flex;
    align-items:center;
    gap:10px;
    color:#252525;
    font-family:Actay;
    font-size:16px;
    font-style:normal;
    font-weight:400;
    line-height:24px
}
.hero__item::before {
    content:"";
    min-width:4px;
    min-height:4px;
    border-radius:8000px;
    background:#00a2a9
}
.hero__numbers {
    display:flex;
    justify-content:space-between;
    padding:140px 0 70px 0
}
.hero__count {
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    width:25%;
    min-height:95px;
    border-right:1px solid rgba(116,113,113,.6)
}
.hero__count:nth-child(4) {
    border:none
}
.hero__number {
    color:#4e4d4d;
    text-align:center;
    font-family:Actay Wide;
    font-size:40px;
    font-style:normal;
    font-weight:700;
    line-height:28px
}
.hero__text {
    margin-top:10px;
    color:#4e4d4d;
    font-family:Actay;
    font-size:24px;
    font-style:normal;
    font-weight:400;
    line-height:28px;
    text-align:center
}
.form {
    display:flex;
    flex-direction:column;
    gap:25px
}
.form__title {
    color:#fff;
    text-align:center;
    font-family:Proxima Nova;
    font-size:26px;
    font-style:normal;
    font-weight:700;
    line-height:30px;
    letter-spacing:.26px
}
.form__subtitle {
    color:#fff;
    text-align:center;
    font-family:Proxima Nova;
    font-size:16.5px;
    font-style:normal;
    font-weight:700;
    line-height:24px
}
.form__input {
    font-family:Actay;
    flex:1;
    -moz-appearance:none;
    appearance:none;
    -webkit-appearance:none;
    border:none;
    outline:0;
    width:100%;
    display:flex;
    padding:12px 16px;
    align-items:center;
    gap:10px;
    align-self:stretch;
    border-radius:15px;
    border:1px solid rgba(37,37,37,.1);
    background:#fff
}
.form__input::before {
    content:"+7 ";
    color:#000
}
.form__input[type=tel] {
    -moz-appearance:none;
    appearance:none;
    -webkit-appearance:none
}
.form__input input {
    flex:1;
    -moz-appearance:none;
    appearance:none;
    -webkit-appearance:none;
    border:none;
    outline:0;
    font-size:16px;
    color:#999
}
.form__input input::-moz-placeholder {
    color:#999
}
.form__input input::placeholder {
    color:#999
}
.form__input input::-webkit-input-placeholder {
    color:#999
}
.form__btn {
    padding:12px;
    text-align:center;
    gap:10px;
    border:none;
    border-radius:15px;
    background:#ef3949;
    color:#fff;
    font-family:Actay Wide;
    font-size:16px;
    font-style:normal;
    font-weight:700;
    line-height:24px;
    cursor:pointer
}
.form__check {
    color:rgba(255,255,255,.8);
    text-align:center;
    font-family:Actay;
    font-size:11px;
    font-style:normal;
    font-weight:400;
    line-height:17px
}
.form__check span {
    font-weight:700
}
@media(max-width:992px) {
    .hero__numbers {
        padding:130px 0 10px 0
    }
    .hero__block-1 {
        padding:20px
    }
    .hero__block-2 {
        padding:20px
    }
    .form__title {
        font-size:22px
    }
}
@media(max-width:768px) {
    .hero__wrapper {
        flex-wrap:wrap
    }
    .hero__block-1 {
        width:100%
    }
    .hero__block-2 {
        width:100%
    }
}
@media(max-width:576px) {
    .hero__numbers {
        padding-top:120px
    }
    .hero__block-2 {
        gap:15px
    }
    .hero__title {
        font-size:24px;
        line-height:28px
    }
    .hero__descr {
        font-size:13px;
        line-height:30px
    }
    .hero__item {
        font-size:13px
    }
    .hero__numbers {
        flex-wrap:wrap
    }
    .hero__count {
        width:50%;
        border:1px solid rgba(116,113,113,.6)
    }
    .hero__count:nth-child(1) {
        border:none
    }
    .hero__count:nth-child(2) {
        border-right:none;
        border-top:none;
        border-bottom:none
    }
    .hero__count:nth-child(3) {
        border-left:none;
        border-bottom:none;
        border-right:none
    }
    .hero__count:nth-child(4) {
        border:1px solid rgba(116,113,113,.6);
        border-bottom:none;
        border-right:none
    }
    .hero__number {
        font-size:24px
    }
    .hero__text {
        font-size:16px
    }
    .form__title {
        font-size:16px
    }
    .form__subtitle {
        font-size:14px
    }
    .form__input {
        font-size:12px
    }
    .form__btn {
        font-size:14px
    }
}
.about {
    padding:20px 0;
    position:relative;
    overflow:hidden
}
.about__ellipse-1 {
    position:absolute;
    width:auto;
    top:0;
    left:0;
    z-index:-1
}
.about__wrapper {
    margin-top:70px;
    margin-bottom:70px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    flex-wrap:wrap;
    gap:20px
}
.about__block {
    flex:1;
    padding:0 20px;
    display:flex;
    flex-direction:column;
    gap:21px
}
.about__img-block {
    flex:1;
    width:540px;
    height:450px
}
.about__title {
    color:#252525;
    font-family:Proxima Nova;
    font-size:32px;
    font-style:normal;
    font-weight:700;
    line-height:40px
}
.about__subtitle {
    color:#252525;
    font-family:Actay;
    font-size:20px;
    font-style:normal;
    font-weight:400;
    line-height:32px
}
.about__list {
    list-style-type:none;
    display:flex;
    flex-direction:column;
    gap:5px
}
.about__item {
    position:relative;
    padding-left:10px;
    display:flex;
    align-items:center;
    max-width:440px;
    gap:8px;
    color:#252525;
    font-family:Actay;
    font-size:16px;
    font-style:normal;
    font-weight:400;
    line-height:24px
}
.about__item::before {
    position:absolute;
    top:10px;
    left:0;
    content:"";
    min-width:4px;
    min-height:4px;
    border-radius:100%;
    background:#00a2a9
}
.about__img {
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    border-radius:20px
}
.about__btn {
    display:flex;
    width:190px;
    padding:12px 24px;
    justify-content:center;
    align-items:center;
    border-radius:15px;
    background:#2cbcc4;
    gap:10px;
    color:#fff !important;
    font-family:Actay Wide;
    font-size:16px;
    font-style:normal;
    font-weight:700;
    line-height:24px;
    text-align:center;
    border:none;
    cursor:pointer
}

.about__btn:hover {
    background: #26a0a7;
}

.about .mob-show {
    display:none
}

.b24-form-state-container .b24-form-success {
    background-color: #fff !important;
    border-radius: 15px !important;
}

.b24-from-state-on .b24-form-state-container {
    background: none !important;
}
.b24-from-state-on .b24-form-content {
    display: none !important;
}

@media(max-width:768px) {
    .about__wrapper {
        flex-direction:column
    }
    .mob-hide {
        display:none
    }
    .mob-show {
        display:flex
    }
    .about__block {
        width:100%
    }
    .order-1 {
        order:1
    }
    .order-2 {
        order:2
    }
}
@media(max-width:576px) {
    .about__img-block {
        width:320px;
        height:265px
    }
    .about__title {
        color:#252525;
        font-family:Proxima Nova;
        font-size:16px;
        font-style:normal;
        font-weight:700;
        line-height:40px
    }
    .about__subtitle {
        color:#252525;
        font-family:Actay;
        font-size:14px;
        font-style:normal;
        font-weight:400;
        line-height:20.5px
    }
    .about__item {
        color:#252525;
        font-family:Actay;
        font-size:13px;
        font-style:normal;
        font-weight:400;
        line-height:24px;
        border-radius:20px
    }
    .about__item::before {
        top:8px
    }
    .about__btn {
        display:inline-flex;
        padding:12px 24px;
        justify-content:center;
        align-items:center;
        gap:10px;
        margin:0 auto
    }
    .mob-hide {
        display:none
    }
    .mob-show {
        display:flex
    }
}
.how {
    padding:relative;
    padding:40px 0;
    overflow:hidden
}
.how__ellipse-1 {
    position:absolute;
    right:0;
    z-index:-1
}
.how__offer {
    margin-top:65px;
    display:flex;
    justify-content:space-between
}
.how__item {
    padding:40px;
    display:flex;
    flex-direction:column;
    gap:45px;
    background:#fff;
    box-shadow:0 0 20px 2px rgba(0,0,0,.15);
    width:32%;
    align-items:center;
    border-radius:20px
}
.how__title {
    color:#252525;
    text-align:center;
    font-family:Proxima Nova;
    font-size:40px;
    font-style:normal;
    font-weight:700;
    line-height:48px
}
.how__subtitle {
    color:#252525;
    font-family:Actay;
    font-size:22px;
    font-style:normal;
    font-weight:400;
    line-height:28px
}
.how__subtitle span {
    color:#00a2a9;
    font-family:Actay;
    font-size:22px;
    font-style:normal;
    font-weight:400;
    line-height:28px
}
.how__descr {
    color:rgba(0,0,0,.7);
    font-size:19px;
    font-style:normal;
    font-weight:400;
    line-height:20px
}
.how__reg-block {
    width:100%;
    display:flex;
    justify-content:space-between;
    align-items:center
}
.how__reg {
    color:#00a2a9;
    font-family:Actay Wide;
    font-size:20px;
    font-style:normal;
    font-weight:700;
    line-height:28px
}
.how__numbers {
    color:#00a2a9;
    font-family:Actay;
    font-size:24px;
    font-style:normal;
    font-weight:400;
    line-height:28px
}
.how__emails {
    color:#00a2a9;
    font-family:Actay;
    font-size:21px;
    font-style:normal;
    font-weight:400;
    line-height:28px
}
.how__round {
    display:flex;
    align-items:center;
    justify-content:center;
    width:37px;
    height:37px;
    flex-shrink:0;
    stroke-width:1px;
    border:1px solid #00989e;
    border-radius:50%;
    color:#00a2a9;
    font-family:Actay;
    font-size:20px;
    font-style:normal;
    font-weight:400;
    line-height:30px
}
.how a {
    text-decoration:none
}
@media(max-width:992px) {
    .how__subtitle {
        text-align:center
    }
    .how__reg {
        font-size:16px
    }
    .how__numbers {
        font-size:18px
    }
    .how__emails {
        font-size:18px
    }
    .how__descr {
        font-size:18px
    }
}
@media(max-width:768px) {
    .how__offer {
        flex-wrap:wrap;
        gap:20px
    }
    .how__item {
        width:100%
    }
}
@media(max-width:576px) {
    .how__item {
        gap:0
    }
    .how__subtitle {
        width:100%;
        margin-top:45px;
        font-size:16px
    }
    .how__descr {
        margin-top:20px;
        font-size:14px
    }
    .how__reg {
        font-size:16px
    }
    .how__reg-block {
        margin-top:30px
    }
    .how__emails {
        margin-top:30px;
        font-size:16px
    }
    .how__numbers {
        margin-top:30px;
        font-size:16px
    }
    .tal {
        text-align:left
    }
    .mt-30 {
        margin-top:30px
    }
}
.do {
    padding:85px 0 75px 0;
    background:#2cbcc4;
    overflow:hidden
}
.do__title {
    color:#fff;
    font-family:Proxima Nova;
    font-size:40px;
    font-style:normal;
    font-weight:700;
    line-height: 50px;
}
.do__descr {
    max-width:95%;
    color:#fff;
    font-family:Actay;
    font-size:23px;
    font-style:normal;
    font-weight:400;
    line-height: 29px;
    
}
.do__offer {
    display:flex;
    justify-content:space-between;
    align-items:center
}
.do__block {
    max-width:490px;
    display:flex;
    flex-direction:column;
    grid-area:25px;
    gap:25px
}
.do__block-form {
    padding:30px 40px;
    width:380px;
    border-radius:20px;
    background:linear-gradient(163deg,#fff 6.56%,#d1d1d1 98.26%);
    gap:30px
}
.do .form__title {
    color:rgba(36,36,36,.7);
    text-align:center;
    font-family:Proxima Nova;
    font-size:26px;
    font-style:normal;
    font-weight:700;
    line-height:30px;
    letter-spacing:.26px
}
.do .form__subtitle {
    color:rgba(36,36,36,.7);
    text-align:center;
    font-family:Proxima Nova;
    font-size:16.5px;
    font-style:normal;
    font-weight:700;
    line-height:24px
}
.do .form__check {
    color:rgba(63,63,63,.8);
    text-align:center;
    font-family:Actay;
    font-size:11px;
    font-style:normal;
    font-weight:400;
    line-height:17px
}
@media(max-width:768px) {
    .do__offer {
        flex-wrap:wrap;
        gap:40px
    }
    .do__block {
        width:100%
    }
    .do__block-form {
        width:100%
    }
}
@media(max-width:576px) {
    .do__block {
        gap:10px
    }
    .do__title {
        font-size:18px
    }
    .do__descr {
        font-size:12px;
        width:60%
    }
    .do .form__title {
        font-size:16px;
        line-height:18px
    }
    .do .form__descr {
        font-size:14px;
        line-height:16px
    }
}

.wholesale__feedback_form .b24-form-control {
    font-family: Actay !important;
    flex: 1;
    appearance: none !important;
    border: none !important;
    outline: 0;
    width: 100% !important;
    display: flex;
    padding: 16px !important;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    border-radius: 15px !important;
    border: 1px solid rgba(37,37,37,.1) !important;
    background-color: #fff !important;
}

.wholesale__feedback_form .b24-form-control-select-label,
.wholesale__feedback_form .b24-form-control:focus + .b24-form-control-label,
.wholesale__feedback_form .b24-form-control-not-empty + .b24-form-control-label {
    top: -16px;
}

@media(max-width: 768px) {
    .container, .col-xs-12 {
        padding: 0;
    }
    .row {
        margin: 0;
    }
}

.bx-breadcrumb {
    display: none;
}

.container .col-sm-12 {
    padding: 0;
}

main .container {
    width: 100% !important;
}

.wholesale__feedback_form .b24-form-header-padding {
    padding: 0;
}

.wholesale__feedback_form .b24-form-wrapper {
    background: none;
}

.wholesale__feedback_form .b24-form-wrapper.b24-form-shadow {
    box-shadow: none;
}

.wholesale__feedback_form .b24-form-padding-side {
    padding: 0;
    background: none;
}

.wholesale__feedback_form .b24-form-wrapper {
    border-bottom: none !important;
}

.wholesale__feedback_form .b24-form-btn {
    padding: 12px;
    text-align: center;
    gap: 10px;
    border: none;
    border-radius: 15px;
    background: #ef3949;
    color: #fff;
    font-family: Actay Wide;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    cursor: pointer;
}

.wholesale__feedback_form .b24-form-btn:hover {
    background: #b32733;
}

.wholesale__feedback_form .b24-form-sign {
    padding-left: 0;
}

.wholesale__feedback_form .b24-form-field-agreement .b24-form-field-agreement-link,
.wholesale__feedback_form .b24-form .b24-form-sign-abuse-link {
    color: #fff;
    font-family: Actay;
    line-height: 17px;
    opacity: 1;
    border-color: #fff;
}

.do .b24-form-field-agreement .b24-form-field-agreement-link,
.do .b24-form .b24-form-sign-abuse-link {
    color: rgba(36,36,36,.7);;
    border-color: rgba(36,36,36,.7);
}

.wholesale__feedback_form .b24-form-field-agreement .b24-form-control-desc {
    opacity: 1;
}

.wholesale__feedback_form .b24-form .b24-form-sign-abuse-link {
    opacity: .7;
}

.b24-form-btn {
    background-color: #ef3949 !important;
}

.b24-form-btn.b24-form-btn-white {
    background-color: #fff !important;
}

.b24-window-close {
    background-color: #ef3949 !important;
}

.wholesale__feedback_form .b24-form .b24-form-sign-abuse-help {
    filter: brightness(0) invert(1);
}
.do .b24-form .b24-form-sign-abuse-help {
    filter: none;
}

@media (max-width: 576px) {
    .hero__numbers {
        padding-top: 80px;
        padding-bottom: 0px;
    }
    .hero {
        padding-bottom: 0px;
    }
    .about {
        padding-top: 0px;
    }
    .do {
        padding-top: 45px;
    }
    .do__descr {
        width: 100%;
    }
}
/* End */
/* /local/components/sp-artgroup/wholesale_form/templates/wholesale_page_new/style.css?170357368018927 */