/** Shopify CDN: Minification failed

Line 102:3 Comments in CSS use "/* ... */" instead of "//"
Line 303:15 Unexpected "{"
Line 323:3 Comments in CSS use "/* ... */" instead of "//"
Line 517:3 Comments in CSS use "/* ... */" instead of "//"

**/
/* FORMS LOGIN */
.container--form {
   width: 100%;
   max-width: 1000px;
   margin: 70px auto;
   padding: 0 20px;
   margin-top:100px;
}
.container--form > .header--forms > .wrapper--title {
   display: flex;
   justify-content: center;
   margin-bottom: 50px;
}
.container--form > .header--forms > .wrapper--title > h2 {
   text-align: center;
   position: relative;
   display: inline-block;
   font-size: 40px;
   text-transform: uppercase;
   font-weight: 500;
   margin-top: 0;
}
.container--form > .header--forms > .wrapper--title > h2:after {
   content: "";
   background: #000;
   width: 65px;
   height: 3px;
   display: none;
   margin-top: 10px;
   position: absolute;
}
.container--form > .header--forms > span {
   display: block;
   opacity: 0.6;
   font-size: 12px;
}
.wrapper-form.customer {
   width: 100%;
   max-width: 750px;
   margin: auto;
}
.container--form > .wrapper-form > form > div.module {
}
.container--form > .wrapper-form > span {
   display: block;
   text-align: center;
   margin-top: 40px;
   font-size: 11px;
   padding: 0 20px;
}
.container--form > .wrapper-form > form > div.module > h3 {
   border-bottom: 1px solid var(--color-input-border);
   padding-bottom: 5px;
   margin-bottom: 20px;
   font-size: 16px;
   display: flex;
   justify-content: space-between;
   font-weight: 500;
   font-family: var(--font-paragraph--family);
}
.container--form > .wrapper-form > form > div.module > h3 > .container-fields {
   font-weight: 100;
   font-size: 10px;
   display: inline-block;
   margin-left: 20px;
   opacity: 0.8;
   display: flex;
   align-items: center;
}
.container--form
   > .wrapper-form
   > form
   > div.module
   > h3
   > .container-fields
   > .field-checkbox {
   display: flex;
   align-items: center;
}
.container--form
   > .wrapper-form
   > form
   > div.module
   > h3
   > .container-fields
   > .field-checkbox
   > input {
   margin: 0;
   margin-right: 5px;
   font-family: inherit;
   width: 20px;
   height: 20px;
   margin-right: 10px;
   //border: 3px solid var(--color-input-border);
   appearance: none;
   border-radius: 3px;
}
.container--form
   > .wrapper-form
   > form
   > div.module
   > h3
   > .container-fields
   > .field-checkbox
   > input:checked {
   background: var(--color-input-border);
}
.container--form
   > .wrapper-form
   > form
   > div.module
   > h3
   > .container-fields
   > .field-checkbox
   > label {
   font-size: 12px;
   color: #000;
   font-weight: 500;
}
.container--form > .wrapper-form > form > div.module > .container-fields,
.container--form
   > .wrapper-form
   > form
   > div.module
   > .container-fields
   .field
   .container-fields {
   display: flex;
   justify-content: flex-start;
   align-items: stretch;
   margin-bottom: 20px;
   gap: 20px;
}
.container--form
   > .wrapper-form
   > form
   > div.module
   > .container-fields
   > .field,
.container--form
   > .wrapper-form
   > form
   > div.module
   > .container-fields
   > .field
   .container-fields
   > .field {
   flex: 1 1 0;
   min-width: 0;
   display: flex;
   flex-direction: column;
}
.container--form
   > .wrapper-form
   > form
   > div.module
   > .container-fields.column-3
   > .field,
.container--form
   > .wrapper-form
   > form
   > div.module
   > .container-fields.column-3
   > .field
   .container-fields
   > .field {
   flex: 1 1 0;
   min-width: 0;
   display: flex;
   flex-direction: column;
}
.container--form
   > .wrapper-form
   > form
   > div.module
   > .container-fields
   > .field:last-of-type
   .container-fields.container-state
   > .field:first-of-type {
   flex-basis: 70%;
}
.container--form
   > .wrapper-form
   > form
   > div.module
   > .container-fields
   > .field:last-of-type
   .container-fields.container-state
   > .field:last-of-type {
   flex-basis: 28%;
}
.container--form
   > .wrapper-form
   > form
   > div.module
   > .container-fields
   > .field
   label,
.container--form
   > .wrapper-form
   > form
   > div.module
   > .container-fields
   > .field
   .container-fields
   > .field
   > label {
   position: initial;
   margin-bottom: 3px;
   font-size: 12px;
   color: #000;
   font-weight: 500;
   letter-spacing:0;
}
.container--form
   > .wrapper-form
   > form
   > div.module
   > .container-fields
   > .field:before,
.container--form
   > .wrapper-form
   > form
   > div.module
   > .container-fields
   > .field:after,
.container--form
   > .wrapper-form
   > form
   > div.module
   > .container-fields
   > .field
   .container-fields
   > .field:before,
.container--form
   > .wrapper-form
   > form
   > div.module
   > .container-fields
   > .field
   .container-fields
   > .field:after {
   display: none;
}
.container--form
   > .wrapper-form
   > form
   > div.module
   > .container-fields
   > .field
   > input,
.container--form
   > .wrapper-form
   > form
   > div.module
   > .container-fields
   > .field
   > select,
.container--form
   > .wrapper-form
   > form
   > div.module
   > .container-fields
   > .field
   .container-fields
   > .field
   > input,
.container--form
   > .wrapper-form
   > form
   > div.module
   > .container-fields
   > .field
   .container-fields
   > .field
   > select {
   border: 0;
   font-family: inherit;
   box-shadow: 0 0 0 1px var(--color-input-border);
   border-radius: 10px;
   padding: 17px 15px;
   height: auto;
   width: 100%;
   box-sizing: border-box;
   font-size: 14px;
   font-weight: 500;
   flex-shrink: 0;
}
.container--form
   > .wrapper-form
   > form
   > div.module
   > .container-fields
   > .field
   > textarea, {
   width: 100%;
   box-sizing: border-box;
   font-family: inherit;
   font-size: 14px;
   font-weight: 500;
   box-shadow: 0 0 0 1px var(--color-input-border);
   border: 0;
   border-radius: 10px;
   padding: 15px;
}

.container--form
   > .wrapper-form
   > form
   > div.module
   > .container-fields
   > .field
   > textarea:focus-visible {
   outline: 0;
   //box-shadow: none;
}
.container--form
   > .wrapper-form
   > form
   > div.module
   > .container-fields
   > .field:before,
.container--form
   > .wrapper-form
   > form
   > div.module
   > .container-fields
   > .field:after {
   border-radius: 0 !important;
   box-shadow: 0 0 0 1px #c1c1c1;
}
.container--form
   > .wrapper-form
   > form
   > div.module
   > .container-fields
   > .field
   input[type="file"] {
   font-size: 13px;
   color: gray;
   padding-top: 15px;
}
.container--form
   > .wrapper-form
   > form
   > div.module
   > .container-fields
   > .field.full {
   flex-basis: 100%;
}
.container--form
   > .wrapper-form
   > form
   > div.module
   > .container-fields
   > .field.field-select:before,
.container--form
   > .wrapper-form
   > form
   > div.module
   > .container-fields
   > .field.field-select:after {
   border-radius: 0;
}

.container--form
   > .wrapper-form
   > form
   > div.module
   > .container-fields
   > .field.field-select
   > select {
   color: gray;
   font-size: 14px;
   appearance: auto;
   border-radius: 10px;
   font-weight: 500;
}
.container--form
   > .wrapper-form
   > form
   > div.module
   > .container-fields
   > .field.field-select
   > textarea {
   width: 100%;
   box-sizing: border-box;
   padding: 15px;
   font-family: inherit;
   font-size: 14px;
   font-weight: 500;
   border-radius: 10px;
}
.container--form
   > .wrapper-form
   > form
   > div.module
   > .container-fields
   > .field-checkbox
   > label {
   color: rgba(var(--color-foreground), 0.75);
   color: #000;
   font-size: 14px;
   font-weight: 500;
}
.container--form
   > .wrapper-form
   > form
   > div.module
   > .container-fields
   > .field-checkbox {
   display: flex;
   align-items: center;
}
.container--form
   > .wrapper-form
   > form
   > div.module
   > .container-fields
   > .field-checkbox
   > input {
   width: 25px;
   height: 25px;
   margin-right: 10px;
   border: 3px solid var(--color-input-border);
   appearance: none;
   border-radius: 3px;
}
.container--form
   > .wrapper-form
   > form
   > div.module
   > .container-fields
   > .field-checkbox
   > input:checked {
   background: #d9d9d9;
}
.container--form
   > .wrapper-form
   > form
   > div.module
   > .container-fields
   > .field-checkbox
   > label
   > a {
   color: inherit;
   font-size: inherit;
}

@media screen and (max-width: 767px) {
   .container-fields.mobile-layout,
   .container-fields.column-3 {
      flex-wrap: wrap;
   }
   .container--form
      > .wrapper-form
      > form
      > div.module
      > .container-fields.column-3
      > .field {
      flex-basis: 100%;
   }
   .container--form
      > .wrapper-form
      > form
      > div.module
      > .container-fields
      > .field.full-mobile {
      flex-basis: 100%;
   }
   .container--form
      > .wrapper-form
      > form
      > div.module
      > .container-fields
      > .field.columns-2-mobile {
      flex-basis: 100%;
   }
   .container--form
      > .wrapper-form
      > form
      > div.module
      > .container-fields
      > .field.columns-2-mobile.mt-15 {
      margin-top: 15px;
   }
   .container--form
      > .wrapper-form
      > form
      > div.module
      > .container-fields
      > .field.columns-2-mobile
      > .container-fields {
      margin-top: 15px;
      margin-bottom: 0;
   }
}

.container--form
   > .wrapper-form
   > form
   > div.module.module--1
   .mobile-layout:last-of-type,
.container--form
   > .wrapper-form
   > form
   > div.module.module--2
   .container-fields:nth-of-type(2) {
   //padding-bottom: 50px;
}

.container--form > .wrapper-form > form > div.module.active {
   display: initial;
}
.container--form > .wrapper-form > form > .wrapper-msg {
   display: flex;
   justify-content: center;
   margin-bottom: 0;
   margin-top: 20px;
}
.container--form > .wrapper-form > form > .wrapper-msg > span {
   display: block;
   font-size: 13px;
}
.container--form > .wrapper-form > form > .wrapper-btns {
   display: flex;
   justify-content: center;
   margin-top: 40px;
}
.container--form > .wrapper-form > form > .wrapper-btns > button,
.container--form > .wrapper-form > form > .wrapper-btns > a {
   position: relative;
   width: 100%;
   max-width: 250px;
   background: #000;
   color: #fff;
   padding: 0 30px;
   border-radius: 20px;
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 16px;
   margin: 0;
   margin: 0 0;
   height: 55px;
   border-radius: 12px;
}
@media screen and (max-width: 749px) {
   .container--form > .wrapper-form > form > .wrapper-btns > button,
   .container--form > .wrapper-form > form > .wrapper-btns > a {
      padding: 0 20px;
      margin: 0 5px;
   }
}
.container--form > .wrapper-form > form > .wrapper-btns > button > span,
.container--form > .wrapper-form > form > .wrapper-btns > a > span {
   display: flex;
   align-items: center;
   animation-duration: 0.25s;
   animation-timing-function: ease-in-out;
   position: absolute;
   pointer-events: none;
}
.container--form > .wrapper-form > form > .wrapper-btns > button:hover > span,
.container--form > .wrapper-form > form > .wrapper-btns > a:hover > span {
   animation-name: scroll-in-big;
}
.container--form > .wrapper-form > form > .wrapper-btns > button:before,
.container--form > .wrapper-form > form > .wrapper-btns > button:after,
.container--form > .wrapper-form > form > .wrapper-btns > a:before,
.container--form > .wrapper-form > form > .wrapper-btns > a:after {
   display: none;
}
.container--form > .wrapper-form > form > .wrapper-btns > button:last-of-type {
   margin-right: 0;
}
.container--form > .wrapper-form > form > .wrapper-btns > button.hide {
   display: none;
}
.container--form > .wrapper-form > form > .wrapper-btns > a {
   min-width: calc(12rem + var(--buttons-border-width) * 2);
   min-height: calc(4.5rem + var(--buttons-border-width) * 2);
   margin-left: 0;
}

#terms-wholesale {
   position: fixed;
   display: none;
   align-items: center;
   justify-content: center;
   top: 0;
   width: 100%;
   height: 100%;
   left: 0;
   right: 0;
   z-index: 9;
}
#terms-wholesale > .overlay {
   position: absolute;
   width: 100%;
   height: 100%;
   z-index: 1;
   background: rgba(0, 0, 0, 0.6784313725);
   cursor: pointer;
   display: flex;
   pointer-events: auto;
}
#terms-wholesale > div.container-text {
   width: 100%;
   max-width: 800px;
   min-height: 400px;
   height: 90vh;
   z-index: 2;
   padding: 30px;
   background: #fff;
   overflow: auto;
}
#terms-wholesale > div.container-text > .customer-wholesale > h3 {
   font-size: 15px;
}
#terms-wholesale > div.container-text > .customer-wholesale > p {
   opacity: 0.8;
   font-size: 14px;
}
#terms-wholesale > div.container-text > .customer-wholesale > p > a {
   color: inherit;
}
#terms-wholesale > div.container-text > .customer-wholesale > a {
   color: inherit;
}

#terms-wholesale.open {
   display: flex;
}

#request-send {
   position: fixed;
   display: none;
   align-items: center;
   justify-content: center;
   top: 0;
   width: 100%;
   height: 100%;
   left: 0;
   right: 0;
   z-index: 9;
}
@media screen and (max-width: 749px) {
   #request-send {
      padding: 0 20px;
   }
}
#request-send > .overlay {
   position: absolute;
   width: 100%;
   height: 100%;
   z-index: 1;
   background: rgba(0, 0, 0, 0.6784313725);
   cursor: pointer;
   display: flex;
}
#request-send > div.container-text {
   width: 100%;
   max-width: 800px;
   min-height: 400px;
   height: auto;
   z-index: 2;
   padding: 30px;
   background: #fff;
   overflow: auto;
}
#request-send > div.container-text > p {
   opacity: 0.8;
   font-size: 14px;
   text-align: center;
}
#request-send > div.container-text > button {
   position: relative;
   width: auto;
   max-width: 100%;
   background: #000;
   color: #fff;
   padding: 0 30px;
   border-radius: 20px;
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 12px;
   margin: 0;
   margin: 0 15px;
   text-transform: uppercase;
   height: 55px;
   border-radius: 30px;
   min-width: 100px;
   margin: auto;
   margin-top: 30px;
   cursor: pointer;
}
@media screen and (max-width: 749px) {
   #request-send > div.container-text > button {
      padding: 0 20px;
      margin: 0 auto;
      margin-top: 30px;
   }
}
#request-send > div.container-text > button > span {
   display: flex;
   align-items: center;
   animation-duration: 0.25s;
   animation-timing-function: ease-in-out;
   position: absolute;
   pointer-events: none;
}
#request-send > div.container-text > button:hover > span {
   animation-name: scroll-in-big;
}
#request-send > div.container-text > button:before,
#request-send > div.container-text > button:after {
   display: none;
}

#request-send.open {
   display: flex;
}

#terms-popup {
   text-decoration: underline;
}

/* Phone group with country code (lada) selector */
.phone-group {
   display: flex;
   gap: 6px;
}
.phone-group .phone-lada {
   flex: 0 0 auto;
   width: 105px;
   border: 0;
   font-family: inherit;
   box-shadow: 0 0 0 1px var(--color-input-border);
   
   border-radius: 10px;
   padding: 17px 10px;
   height: auto;
   box-sizing: border-box;
   font-size: 13px;
   font-weight: 500;
   appearance: auto;
   cursor: pointer;
}
.phone-group input {
   flex: 1;
   min-width: 0;
   border: 0;
   font-family: inherit;
   box-shadow: 0 0 0 1px var(--color-input-border)!important;
   border-radius: 10px;
   padding: 17px 15px;
   height: auto;
   box-sizing: border-box;
   font-size: 14px;
   font-weight: 500;
}
.wholesale-form-section {
  background: var(--color-background);
  color: var(--color-foreground);
  padding:100px 0!important;
}

wholesale-form-section

.wholesale-form-section .header--forms,
.wholesale-form-section .wrapper-btns .next-form,
.wholesale-form-section #request-send .container-text button {
  
}

.wholesale-form-section .wrapper-btns .next-form:hover,
.wholesale-form-section #request-send .container-text button:hover {
  background: var(--color-primary-button-hover-background);
  color: var(--color-primary-button-hover-text);
}

.wholesale-form-section input,
.wholesale-form-section select,
.wholesale-form-section textarea {
  background: var(--color-input-background);
  color: var(--color-input-text);
  box-shadow: 0 0 0 1px var(--color-input-border);
}

.wholesale-form-section label,
.wholesale-form-section h2,
.wholesale-form-section h3,
.wholesale-form-section span,
.wholesale-form-section p,
.wholesale-form-section a {
  color: inherit;
}

.wholesale-form-section .module,
.wholesale-form-section #terms-wholesale .container-text,
.wholesale-form-section #request-send .container-text {
  background: var(--color-background);
  color: var(--color-foreground);
}