*, :after, :before {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  outline: none;
  font-weight: 400
}

body {
  font-family: var(--font-face);
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: none;
  line-height: 1;
  transition-duration: .15s;
  width: 100vw;
  padding-top: 82px !important;
}

* html .clearfix {
  height: 1%;
  overflow: visible
}

* + html .clearfix {
  min-height: 1%
}

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
  margin: 0;
  padding: 0;
  outline: 0;
  border: 0;
  vertical-align: baseline;
  box-sizing: border-box
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, object, section {
  display: block
}

hr {
  clear: both;
  float: none;
  width: 100%
}

ol, ul {
  list-style: none
}

.ie6 body hr, .ie7 body hr {
  display: block;
  margin: -8px
}

hr.clear {
  display: block;
  clear: both;
  height: 0;
  margin: 0;
  padding: 0;
  border: 0
}

.line hr, hr.clear {
  visibility: hidden
}

a {
  cursor: pointer
}

a, img {
  border: none
}

a, a:hover, img {
  text-decoration: none
}

input[type=hidden] {
  display: none !important;
  visibility: hidden !important
}

input[type=submit] {
  cursor: pointer
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

blockquote, q {
  quotes: none
}

blockquote:after, blockquote:before, q:after, q:before {
  content: "";
  content: none
}

input, select, textarea {
  font-family: Arial,Helvetica,sans-serif;
  -webkit-appearance: none
}

select {
  -webkit-appearance: menulist
}

input[type=checkbox] {
  -webkit-appearance: checkbox
}

input[type=radio] {
  -webkit-appearance: radio
}

textarea {
  overflow: auto;
  resize: none
}

button {
  background: none repeat scroll 0 0 transparent;
  border: medium none;
  border-spacing: 0;
  list-style: none outside none;
  margin: 0;
  padding: 0;
  text-align: center;
  text-decoration: none;
  text-indent: 0
}

/* tipografia */
@font-face {
  font-family: rubikregular;
  src: url(../../fonts/rubik-regular-webfont.woff2) format("woff2"), url(../fonts/rubik-regular-webfont.woff) format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: rubikmedium;
  src: url(../../fonts/rubik-medium-webfont.woff2) format("woff2"), url(../fonts/rubik-medium-webfont.woff) format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: rubikbold;
  src: url(../../fonts/rubik-bold-webfont.woff2) format("woff2"), url(../fonts/rubik-bold-webfont.woff) format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap
}
/* Poppins Thin - 100 */
@font-face {
  font-family: 'Poppins';
  src: url('../../fonts/Poppins/poppins-latin-100-normal.woff2') format('woff2'), url('../fonts/Poppins/poppins-latin-100-normal.woff') format('woff');
  font-weight: 100;
  font-style: normal;
}

/* Poppins ExtraLight - 200 */
@font-face {
  font-family: 'Poppins';
  src: url('../../fonts/Poppins/poppins-latin-200-normal.woff2') format('woff2'), url('../fonts/Poppins/poppins-latin-200-normal.woff') format('woff');
  font-weight: 200;
  font-style: normal;
}

/* Poppins Light - 300 */
@font-face {
  font-family: 'Poppins';
  src: url('../../fonts/Poppins/poppins-latin-300-normal.woff2') format('woff2'), url('../fonts/Poppins/poppins-latin-300-normal.woff') format('woff');
  font-weight: 300;
  font-style: normal;
}

/* Poppins Regular - 400 */
@font-face {
  font-family: 'Poppins';
  src: url('../../fonts/Poppins/poppins-latin-400-normal.woff2') format('woff2'), url('../fonts/Poppins/poppins-latin-400-normal.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}

/* Poppins Medium - 500 */
@font-face {
  font-family: 'Poppins';
  src: url('../../fonts/Poppins/poppins-latin-500-normal.woff2') format('woff2'), url('../fonts/Poppins/poppins-latin-500-normal.woff') format('woff');
  font-weight: 500;
  font-style: normal;
}

/* Poppins SemiBold - 600 */
@font-face {
  font-family: 'Poppins';
  src: url('../../fonts/Poppins/poppins-latin-600-normal.woff2') format('woff2'), url('../fonts/Poppins/poppins-latin-600-normal.woff') format('woff');
  font-weight: 600;
  font-style: normal;
}

/* Poppins Bold - 700 */
@font-face {
  font-family: 'Poppins';
  src: url('../../fonts/Poppins/poppins-latin-700-normal.woff2') format('woff2'), url('../fonts/Poppins/poppins-latin-700-normal.woff') format('woff');
  font-weight: 700;
  font-style: normal;
}

/* Poppins ExtraBold - 800 */
@font-face {
  font-family: 'Poppins';
  src: url('../../fonts/Poppins/poppins-latin-800-normal.woff2') format('woff2'), url('../fonts/Poppins/poppins-latin-800-normal.woff') format('woff');
  font-weight: 800;
  font-style: normal;
}

/* Poppins Black - 900 */
@font-face {
  font-family: 'Poppins';
  src: url('../../fonts/Poppins/poppins-latin-900-normal.woff2') format('woff2'), url('../fonts/Poppins/poppins-latin-900-normal.woff') format('woff');
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: lg;
  src: url(../../fonts/lg.woff?n1z373) format("woff"),url(../fonts/lg.ttf?n1z373) format("truetype");
  font-weight: 400;
  font-style: normal
}

em {
  font-style: italic
}

strong {
  font-weight: 700
}

address {
  font-style: normal
}


/* grid */
.grid {
  width: 1440px;
  max-width: 100%;
  display: flex;
  align-items: start;
  display: block;
  margin: 0 auto;
  padding: 0 5.2vw;
  font-size: 0
}

#grid-header {
  width: 1665px;
  display: flex;
  align-items: center;
  max-width: 100%;
  margin: 0 auto;
  padding: 0 5.2vw;
  font-size: 0;
  justify-content: space-between;
}

.grid.grid-big {
  width: 1488px
}

.grid.grid-small {
  width: 1280px
}

@media (max-width:1600px) {
  .grid {
    padding: 0 36px
  }
}

@media (max-width: 1200px) {
  .grid {
    padding: 0 10px;
  }
}

@media (max-width:767px) {
  .grid {
    padding: 0 16px
  }
}

.clearfix:after {
  content: "";
  display: table;
  clear: both
}

.relative {
  position: relative
}

.desktop-version {
  display: block
}

.tablet-version {
  display: none !important
}

.mobile-version {
  display: none !important
}

@media (max-width:991px) {
  .desktop-version {
    display: none !important
  }

  .tablet-version {
    display: block !important
  }

    .tablet-version.mobile-version {
      display: block !important
    }
}

@media (max-width:480px) {
  .mobile-version {
    display: block !important
  }
}

.working button, .working input, .working select {
  opacity: .7;
  pointer-events: none
}

.field.error input, .field.error select, input.error, select.error {
  border: 1px solid #f33 !important
}

.spc-products .spc-header {
  margin-bottom: 0px !important;
}

.social-network ul li span {
  transition: 0.2s !important;
}

.social-network ul li:hover span {
  color: #2a569f;
}

.adress-button {
    display: none;
}

@media (max-width: 768px) {
  .adress-button, #svg-brands, .box-brands-button {
    display: block;
  }
}

@media (max-width: 991px) {
  body {
    padding-top: 72px !important;
  }
}