:root {
  --color-informatica: #2a569f;
  --color-infraestrutura: rgb(0, 128, 0);
  --color-seguranca: rgb(255, 128, 0);
  --color-default: rgb(141, 56, 234);
  --font-face: 'Poppins', sans-serif;
  --border-input-fine-select: 0.5px solid #2d2d2e;
}

*, :after, :before {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  outline: none;
  font-weight: 400
}
body {
  font-family: var(--font-face);
}

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%
}

.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
  }

ol, ul {
  list-style: 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
  }

address {
  font-style: normal
}

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
}

strong {
  font-weight: 700
}

em {
  font-style: italic
}

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

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

html{
overflow-x: hidden !important;
  width: 100vw;
  max-width: 100%;
}

.ie legend {
  margin: 0 -7px
}

body {
  font-family: Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: none;
  line-height: 1;
  transition-duration: .15s;
  width: 100vw;
}

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
}

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

.relative {
  position: relative
}

@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;
}


body {
  width: 100%;
  overflow-x: hidden;
  font-family: var(--font-face);
  animation: a 1s;
  -webkit-animation: a 1s;
  padding-top: 82px
}

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

body.remove-scroll {
  overflow-y: hidden
}

@keyframes a {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

a, a:hover, button, button:hover {
  cursor: pointer;
  transition: .15s
}

.grid {
  width: 1440px;
  max-width: 100%;
  display: block;
  margin: 0 auto;
  padding: 0 5.2vw;
  font-size: 0
}

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

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

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

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

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

.main {
  width: 100%;
  overflow: hidden
}

.desktop-version {
  display: block
}

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

.tablet-version {
  display: none !important
}

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

.mobile-version {
  display: none !important
}

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

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

@media (max-width:991px) {
  .tablet-version.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
}

.field.error input {
  box-shadow: 0 0 0 1px #f33
}

.field.error span {
  color: #f33
}

.brand a {
  height: 100%
}

  .brand a, .brand a img {
    display: block
  }

    .brand a img {
      height: auto;
      min-height: 50px;
      transition: all 0.8s;
      margin-top: 0px;
      transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28);
    }

a span, a svg, button span, button svg {
  pointer-events: none
}


a .icon, a .text, button .icon, button .text {
  display: inline-block;
  vertical-align: middle;
  transition: all .35s ease-in-out;
}

a .text, button .text {
  margin-right: 2px
}

a.inverted .text, button.inverted .text {
  margin-right: 0;
  margin-left: 2px
}

.breadcrumbs{display:none;}
@media (max-width:800px) {
  .breadcrumbs {
    display: block;
  }
}
.breadcrumbs ol li {
  display: inline-block;
  vertical-align: middle
}

  .breadcrumbs ol li:last-child:after {
    display: none
  }

  .breadcrumbs ol li:after {
    content: ">";
    margin-right: 12px
  }

  .breadcrumbs ol li:after, .breadcrumbs ol li a, .breadcrumbs ol li strong {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    color: var(--color-informatica)
  }

  .breadcrumbs ol li a, .breadcrumbs ol li strong {
    font-family: var(--font-face);
    line-height: 21px;
    padding: 12px 12px 12px 0
  }

    .breadcrumbs ol li a:hover {
      color: #3a76d9
    }

.floated-whatsapp {
  position: fixed;
  bottom: 20px;
  left: 20px;
  z-index: 5;
}

@media (max-width:991px) {
  .floated-whatsapp {
    display: none
  }
}

.floated-whatsapp a {
  width: 56px;
  height: 100%;
  display: flex;
  padding: 16px;
  background-color: #49c956;
  border-radius: 30px;
  transition: width .5s;
}

.floated-whatsapp:hover a {
  width: 216px;
  transition: width 1s;
}

.floated-whatsapp .icon, .floated-whatsapp .text {
  display: inline-block;
  vertical-align: middle;
  pointer-events: none;
  font-family: rubikbold,Helvetica,Arial,sans-serif;
  font-size: 14px;
  color: #fff;
}

.floated-whatsapp .text {
  display: inline-block;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  align-self: center;
  transition: width .5s;
}

.floated-whatsapp:not(:hover) .text {
}

.floated-whatsapp:hover .text {
}

.floated-whatsapp:hover {
}

  .floated-whatsapp:hover .icon {
    margin-right: 8px
  }

.filter-pagination {
  width: 100%;
  text-align: center;
  margin: 60px 0
}

@media (max-width:767px) {
  .filter-pagination {
    margin: 30px 0
  }
}

.filter-pagination ul li {
  width: 24px;
  height: 24px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px;
  font-family: var(--font-face);
  font-size: 16px;
  line-height: 24px
}

  .filter-pagination ul li.current-page, .filter-pagination ul li:hover a {
    color: var(--color-informatica)
  }

    .filter-pagination ul li:hover a svg path stroke {
      color: #2a426a
    }

  .filter-pagination ul li a {
    width: 24px;
    height: 24px;
    display: block;
    color: #606062
  }

    .filter-pagination ul li a svg {
      pointer-events: none
    }

  .filter-pagination ul li.next-page a, .filter-pagination ul li.previous-page a, .filter-pagination ul li.first-page a, .filter-pagination ul li.last-page a {
    color: var(--color-informatica);
    font-size: 24px;
  }

    .filter-pagination ul li.next-page a:hover, .filter-pagination ul li.previous-page a:hover, .filter-pagination ul li.first-page a:hover, .filter-pagination ul li.last-page a:hover {
      color: var(--color-informatica);
    }

.slick-slider {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
  z-index: 1
}

.slick-list, .slick-slider {
  position: relative;
  display: block
}

.slick-list {
  overflow: hidden;
  margin: 0;
  padding: 0
}

  .slick-list:focus {
    outline: none
  }

  .slick-list.dragging {
    cursor: pointer;
    cursor: hand
  }

.slick-slider .slick-list, .slick-slider .slick-track {
  transform: translateZ(0)
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block
}

  .slick-track:after, .slick-track:before {
    content: "";
    display: table
  }

  .slick-track:after {
    clear: both
  }

.slick-loading .slick-track {
  visibility: hidden
}

.slick-slide {
  float: left;
  height: 100%;
  display: none
}

[dir=rtl] .slick-slide {
  float: right
}

.slick-slide img {
  display: block
}

.slick-slide.slick-loading img {
  display: none
}

.slick-slide.dragging img {
  pointer-events: none
}

.slick-initialized .slick-slide {
  display: block
}

.slick-loading .slick-slide {
  visibility: hidden
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent
}

.slick-dots {
  width: 100%;
  position: absolute;
  bottom: 60px;
  text-align: center;
  z-index: 4;
  display: inline-block
}


@media(max-width: 494px) {
  .slick-dots {
    display: none !important;
  }
}

  .slick-dots li {
    height: 10px;
    width: 10px;
    border-radius: 10px;
    display: inline-block;
    background-color: hsla(0,0%,100%,.5);
    cursor: pointer;
    margin: 0 2px
  }

    .slick-dots li.slick-active {
      background-color: #fff
    }

    .slick-dots li button {
      font-size: 0;
      line-height: 0;
      display: block;
      width: 20px;
      height: 20px;
      padding: 5px;
      cursor: pointer;
      color: transparent;
      border: 0;
      outline: none;
      background: transparent;
      border-radius: 12px;
    }

.header {
  width: 100%;
  background-color: var(--color-informatica);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 11;
  padding: 16px;
  box-shadow: #264b88 1px 1px 1px 1px;
}


@media (max-width:768px) {
  .header fixed {
    width: 100%;
  }

  .header {
    width: 100%;
    position: fixed;
  }
}
@media (min-width: 1000px) and (max-width: 1200px) {
  .header {
    padding: 20px;
  }
}
  @media (min-width: 961px) and (max-width: 1000px) {
    .header {
      padding: 16px;
    }
  }

  .header .header-content {
    width: 52%;
    display: inline-block;
    vertical-align: middle
  }

  @media (max-width:1600px) {
    .header .header-content {
      width: 49%
    }
  }

  @media (max-width:991px) {
    .header .header-content {
      width: 100%
    }
  }

  .header .header-content.content-right {
    width: 48%;
    text-align: right
  }

  @media (max-width:1600px) {
    .header .header-content.content-right {
      width: 51%
    }
  }

  @media (max-width:991px) {
    .header .header-content.content-right {
      width: 100%;
      height: 60px;
      display: flex;
      position: fixed;
      bottom: 0;
      left: 0;
      background-color: #fff;
      box-shadow: 0 0 15px 0 rgba(0,0,0,.05);
      text-align: center;
      justify-content: center;
      z-index: 3
    }
  }

  .header .header-content > div {
    display: inline-block;
    vertical-align: middle
  }

  @media (max-width:961px) {
    .header .brand {
      padding: 12px 0
    }
  }

  @media (max-width:991px) {
    .header .brand a img {
      height: 48px
    }
  }

  .header .header-account, .header .header-cart, .header .header-institutional, .header .header-search, .header .header-telephone, .header .header-whatsapp {
    margin: 0 20px
  }

  @media (max-width:1200px) {
    .header .header-account, .header .header-cart, .header .header-institutional, .header .header-search, .header .header-telephone, .header .header-whatsapp {
      margin: 0 8px
    }
  }

  @media (max-width:991px) {
    .header .header-account, .header .header-cart, .header .header-institutional, .header .header-search, .header .header-telephone, .header .header-whatsapp {
      margin: 0 2.5px
    }
  }

   .header .header-cart a, .header .header-institutional a, .header .header-search a, .header .header-telephone a, .header .header-whatsapp a {
    width: 100%;
    height: 100%;
    display: block
  }

  .header .header-account .text, .header .header-account a, .header .header-cart .text, .header .header-cart a, .header .header-institutional .text, .header .header-institutional a, .header .header-search .text, .header .header-search a, .header .header-telephone .text, .header .header-telephone a, .header .header-whatsapp .text, .header .header-whatsapp a {
    font-family:var(--font-face);
    font-size: 16px;
    color: #fff
  }

  @media (max-width:1200px) {
    .header .header-account .text, .header .header-account a, .header .header-cart .text, .header .header-cart a, .header .header-institutional .text, .header .header-institutional a, .header .header-search .text, .header .header-search a, .header .header-telephone .text, .header .header-telephone a, .header .header-whatsapp .text, .header .header-whatsapp a {
      font-size: 14px
    }
  }

@media (max-width:991px) {
    .header .header-account .text, .header .header-cart .text, .header .header-institutional .text, .header .header-search .text, .header .header-telephone .text, .header .header-whatsapp .text {
      display: none;
    }
  }

  @media (max-width:991px) {
    .header .header-account a, .header .header-account button, .header .header-cart a, .header .header-cart button, .header .header-institutional a, .header .header-institutional button, .header .header-search a, .header .header-search button, .header .header-telephone a, .header .header-telephone button, .header .header-whatsapp a, .header .header-whatsapp button {
      width: 60px;
      height: 60px;
      position: relative
    }
  }

  @media (max-width:991px) {
    .header .header-account a img, .header .header-account a svg, .header .header-account button img, .header .header-account button svg, .header .header-cart a img, .header .header-cart a svg, .header .header-cart button img, .header .header-cart button svg, .header .header-institutional a img, .header .header-institutional a svg, .header .header-institutional button img, .header .header-institutional button svg, .header .header-search a img, .header .header-search a svg, .header .header-search button img, .header .header-search button svg, .header .header-telephone a img, .header .header-telephone a svg, .header .header-telephone button img, .header .header-telephone button svg, .header .header-whatsapp a img, .header .header-whatsapp a svg, .header .header-whatsapp button img, .header .header-whatsapp button svg {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%,-50%);
      -webkit-transform: translate(-50%,-50%)
    }
  }

  @media (max-width:991px) {
    .header .header-account a img path, .header .header-account a svg path, .header .header-account button img path, .header .header-cart a img path, .header .header-cart button img path, .header .header-cart button svg path, .header .header-institutional a img path, .header .header-institutional a svg path, .header .header-institutional button img path, .header .header-institutional button svg path, .header .header-search a img path, .header .header-search a svg path, .header .header-search button img path, .header .header-telephone a img path, .header .header-telephone a svg path, .header .header-telephone button img path, .header .header-telephone button svg path, .header .header-whatsapp a img path, .header .header-whatsapp a svg path, .header .header-whatsapp button img path, .header .header-whatsapp button svg path {
      font-size: 24px;
      stroke: #3a76d9;
    }
    .header .header-search button svg path, .header .header-account button svg path {
      stroke: #fff;
    }
  }

  .header .header-account button, .header .header-search button, .header .header-telephone button {
    border: none
  }

  @media (max-width:991px) {
    .header .header-search {
      order: 2
    }
  }

  .header .header-search .text {
    margin-left: 8px
  }

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

  .header .header-institutional .text {
    margin-left: 4px
  }

  .header .header-cart {
    position: relative;
    padding-right: 22px
  }

  @media (max-width:991px) {
    .header .header-cart {
      width: 72px;
      height: 72px;
      line-height: 87px;
      border: 1px solid #ededed;
      border-radius: 50%;
      background-color: #fff;
      margin: -14px 36px;
      order: 3
    }
      .header .header-cart svg path {
        stroke: #3a76d9;
        font-size: 24px;
      }

    }

  @media (max-width:400px) {
    .header .header-cart {
      margin: -14px 8px
    }
  }

  .header .header-cart a {
    width: 100%;
    height: 100%;
    display: block
  }

  @media (max-width:991px) {
    .header .header-cart a svg {
      transform: translate(0);
      -webkit-transform: translate(0);
      position: static;
      stroke: #3a76d9
    }
  }

  /*.header .header-cart .text {
  width: 24px;
  height: 24px;
  line-height: 24px;
  display: block;
  text-align: center;
  background-color: #fff;
  border-radius: 50%;
  font-family:var(--font-face);
  font-size: 14px;
  color: #2a426a;
  position: absolute;
  top: 0;
  right: 0
}*/

  .header .header-cart .text {
    width: 19px;
    height: 19px;
    line-height: 19px;
    display: block;
    text-align: center;
    background-color: #fff;
    border-radius: 50%;
    font-family:var(--font-face);
    font-size: 12px;
    color: #2a426a;
    position: absolute;
    top: 11px;
    right: 0px;
    pointer-events:all;
  }

  @media (max-width:991px) {
    .header .header-cart .text {
      top: 22px;
      right: -13px;
      background-color: #3a76d9;
      color: #fff
    }
  }

  @media (max-width:991px) {
    .header .header-account {
      order: 1
    }
  }

  .header .header-account .icon {
    width: 16px
  }

  @media (max-width:991px) {
    .header .header-account .icon {
      width: 24px
    }
  }

  @media (max-width:991px) {
    .header .header-account .icon:not(.tablet-version) {
      display: none
    }
  }

  @media (max-width:991px) {
    .header .header-telephone {
      order: 4
    }
  }

.header .header-telephone svg.icon path, .header .header-whatsapp a svg path {
  stroke: #fff;
}


@media (max-width:991px) {
  .header .header-whatsapp {
      order: 5
    }
  }

  .header.fixed {
    position: fixed;
    /*border-bottom: 1px solid #c8c8c8*/
  }

  @media (min-width:992px) {
    .header.fixed .header-content .brand {
      width: 40px;
      height: 40px;
      background: no-repeat 50%/auto 100%;
      background-position: 0 0;
    }

      .header.fixed .header-content .brand img {
      }

    .header.fixed .header-content .main-navigation > ul > li > button {
    }

    .header.fixed .header-content .header-account .account-box, .header.fixed .header-content .header-search .search-box, .header.fixed .header-content .header-telephone .contact-box, .header.fixed .header-content .main-navigation > ul > li .subnav {
     /* top: 73px*/
    }


  }

  .main-navigation {
    display: inline-block;
    vertical-align: middle;
    margin-right: -2%;
    margin-top: 12px;
  }

  @media (max-width:991px) {
    .main-navigation {
      width: 285px;
      max-width: 100%;
      position: absolute;
      top: 0;
      right: -285px;
      z-index: 999;
      overflow: inherit;
      transition: right .15s ease-in;
      pointer-events: none;
      margin-top: 0px !important;
      margin-right: 0%;
    }

      .main-navigation:after {
        content: ""
      }

      .main-navigation.active {
        height: 100vh;
        background-color: #fff;
        padding-top: 72px;
        opacity: 1;
        pointer-events: all;
        right: 0;
        overflow-y:auto;
      }

        .main-navigation.active .menu {
          height: 100%;
          padding-left: 2%;
          padding-right: 2%;
        }
        .main-navigation.active:before {
          content: "Menu";
          display: block;
          position: absolute;
          top: 26px;
          left: 12px;
          font-family: var(--font-face);
          font-size: 20px;
          color: var(--color-informatica)
        }

        .main-navigation.active > ul {
          opacity: 1;
          pointer-events: all
        }

        .main-navigation.active .open-main-navigation {
          display: none;
          right: 0 !important
        }

        .main-navigation.active .close-main-navigation {
          display: block
        }

    .header-content.content-left.active {
      opacity: 1;
      width: 100%;
      max-width: 100%;
      margin-top: 0px !important;
      margin-right: 0%;
      max-height: 100%;
    }
  }


  @media (max-width:991px) {
    .main-navigation > ul {
      opacity: 0;
      pointer-events: none;
      border-top: 1px solid #ededed
    }
  }

.main-navigation > ul > li {
  display: inline-block;
  vertical-align: middle;
  margin: 0px
}
  .main-navigation > ul > li:nth-child(4) {
    display: none;
  }

.main-navigation .menu .category-list, .main-navigation .menu .sub-category-list, .child-category.mobile, .icon-category-mobile {
  display: none;
}


  @media (max-width:991px) {
    .main-navigation > ul > li {
      padding: 0 15px 0 10px;
      padding: 0px 10px;
      width: 100%;
    }
      .main-navigation > ul > li:nth-child(4) {
        display: inline-block;
      }
    .child-category.mobile, .icon-category-mobile {
      display: block;
    }

    .child-category.desktop {
      display: none !important;
    }
  }

  @media (min-width:992px) {
    .main-navigation > ul > li:hover .subnav {
      opacity: 1;
      pointer-events: all
    }
  }

  @media (max-width:991px) {
    

      .main-navigation > ul > li.active > button .button-text {
        color: #fff
      }
    .main-navigation > ul > li > button div {
        display:flex;
    }

    .main-navigation > ul > li.active > button .icon path {
      stroke: #fff !important
    }

      .main-navigation > ul > li.active > button .icon:not(.tablet-version) {
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg)
      }
      .main-navigation > ul > li{
           transition:0.5s all ease-in;
      }
      .main-navigation > ul > li.active .subnav {
        opacity: 1;
        pointer-events: all;
        display: block;
        overflow: auto;
        transition:0.5s all ease-in;
        height: auto;
        border-radius: 0 0 8px 8px;
      }

    .main-navigation .sub-category-list {
      height: 95%;
      opacity: 1;
      width: 285px;
      max-width: 100%;
      transition: right .15s ease-in;
      background: white;
    }

    .main-navigation .button-text{max-width:190px; color:white; margin-left:10px}
    .main-navigation > ul  .father-category {
      border-radius: 8px;
      margin-top: 15px;
      color: white;
    }
      .main-navigation > ul .father-category button{
          display:flex;
          border-radius:8px
      }
      .main-navigation > ul .father-category:nth-child(1) button, .main-navigation > ul > li:nth-child(1).active {
        background: var(--color-informatica);
      }
      .main-navigation > ul .father-category:nth-child(2) button, .main-navigation > ul > li:nth-child(2).active {
        background-color: var(--color-infraestrutura);
      }
      .main-navigation > ul .father-category:nth-child(3) button, .main-navigation > ul > li:nth-child(3).active {
        background-color: var(--color-seguranca);
      }
      .main-navigation > ul .father-category:nth-child(4) button, .main-navigation > ul > li:nth-child(4).active {
        background-color: var(--color-default);
      }

  }

.main-navigation > ul > li > button {
  font-family: 'Poppins';
  font-size: 16px;
  color: #fff;
  cursor: pointer;
  border: none;
  padding: 0;
  margin-right: 5px
}

  @media (max-width:1200px) {
    .main-navigation > ul > li > button {
      font-size: 14px
    }
  }

.main-navigation > ul > li > button .icon {
  width: 16px;
  margin-right: 5px;
}

  @media (max-width:991px) {
    .main-navigation > ul > li > button {
      width: 100%;
      font-size: 16px;
      color: #858585;
      padding: 14px 12px 10px;
      text-align: left;
      position: relative
    }
    .main-navigation > ul > li > button .icon {
      width: 20px;
      display: inline-block !important;
      vertical-align: middle;
      margin-right: 8px
    }

      .main-navigation > ul > li > button .icon path {
        stroke: var(--color-informatica)
      }

      .main-navigation > ul > li > button .icon:not(.tablet-version) {
        position: absolute;
        top: 13px;
        right: 0
      }

        .main-navigation > ul > li > button .icon:not(.tablet-version) path {
          stroke: white;
        }
  }

.main-navigation .subnav {
  width: 100%;
  position: absolute;
  top: 75px;
  left: 0;
  background-color: #fff;
  padding: 25px 0;

    opacity: 0;
    transition: opacity .15s ease-in;
    z-index: 9999;
    display: none;
  }

    .main-navigation .subnav .active {
      opacity: 99
    }


  @media (max-width:961px) {
    .main-navigation .subnav {
      position: static;
      display: none;
      padding: 0;
      transition: padding .15s ease-in
    }
  }

  @media (max-width:961px) {
    .main-navigation .subnav .grid {
      padding: 0
    }
  }

.main-navigation .subnav .subnav-title {
  display: block;
  font-family: var(--font-face);
  font-size: 24px;
  color: #2d2d2e;
  margin-bottom: 26px
}

  @media (max-width:991px) {
    .main-navigation .subnav .subnav-title {
      display: none
    }
  }

  .main-navigation .subnav .categories-list {
    width: 51.289%;
    display: inline-block;
    vertical-align: middle
  }

  @media (max-width:991px) {
    .main-navigation .subnav .categories-list {
      width: 100%
    }
  }

  .main-navigation .subnav .categories-list ul {
    column-gap: 90px;
    -moz-column-gap: 90px;
    -webkit-column-gap: 90px;
    column-count: 3;
    -webkit-column-count: 3;
    -moz-column-count: 3
  }

  @media (max-width:1600px) {
    .main-navigation .subnav .categories-list ul {
      column-gap: 60px;
      -moz-column-gap: 60px;
      -webkit-column-gap: 60px
    }
  }

  @media (max-width:991px) {
    .main-navigation .subnav .categories-list ul {
      column-gap: 0;
      -moz-column-gap: 0;
      -webkit-column-gap: 0;
      column-count: 1;
      -webkit-column-count: 1;
      -moz-column-count: 1
    }
  }
@media (max-width:765px) {
  .main-banner .categories-list {
    display: none;
  }
}


.main-navigation .subnav .categories-list li a, .main-navigation .subnav .categories-list li label {
  width: 100%;
  height: 100%;
  display: block;
  font-family: var(--font-face);
  font-size: 16px;
  line-height: 24px;
  color: var(--color-informatica);
  padding: 4px 0;
  white-space: normal;
  overflow: hidden;
  display: flex;
  align-items: center;
}

  @media (max-width:1200px) {
    .main-navigation .subnav .categories-list li a {
      font-size: 14px
    }
  }

  @media (max-width:991px) {
    .main-navigation .subnav .categories-list li a, .main-navigation .subnav .categories-list li label {
      padding: 12px 12px 10px;
      border-collapse: collapse;
      font-size: 16px;
      color: #000
    }
  }

  .main-navigation .subnav .categories-list li a:hover {
    color: #2a426a
  }

  .main-navigation .subnav .subnav-banners {
    width: 48.711%;
    display: inline-block;
    vertical-align: middle
  }

  @media (max-width:991px) {
    .main-navigation .subnav .subnav-banners {
      display: none
    }
  }

  .main-navigation .subnav .subnav-banners .subnav-banner {
    margin: 14px 0
  }

    .main-navigation .subnav .subnav-banners .subnav-banner a {
      width: 100%;
      height: 100%;
      display: block
    }

    .main-navigation .subnav .subnav-banners .subnav-banner img {
      width: 100%;
      height: auto;
      display: block;
      border-radius: 8px
    }


    .main-navigation .open-main-navigation .text {
      color: #fff
    }

  @media (max-width:991px) {
    .main-navigation .open-main-navigation {
      pointer-events: all;
      display: block !important
    }
  }

  .main-navigation .close-main-navigation, .main-navigation .open-main-navigation {
    width: auto;
    font-family:var(--font-face);
    font-size: 16px;
    color: #000;
    cursor: pointer;
    border: none;
    padding: 14px 12px 10px;
    text-align: left;
    position: absolute;
    top: 9px;
    right: 0;
    display: none
  }

    .main-navigation .close-main-navigation svg, .main-navigation .open-main-navigation svg {
      width: 24px;
      display: inline-block;
      vertical-align: middle;
    }

    .main-navigation .close-main-navigation .text, .main-navigation .open-main-navigation .text {
      display: inline-block !important;
      vertical-align: middle
    }

  .header-search .search-box {
    background-color: #fff;
    position: absolute;
    top: 80px;
    right: 17.3vw;
    padding: 16px 0 16px 24px;
    opacity: 0;
    pointer-events: none;
    transition: opacity .15s ease-in;
    z-index: 3;
    border-radius: 8px;
  }

  @media (max-width:1600px) {
    .header-search .search-box {
      right: 34px
    }
  }

  @media (max-width:991px) {
    .header-search .search-box {
      width: 100%;
      position: fixed;
      top: -82px;
      right: 0;
      padding-top: 67px;
      padding-right: 16px;
      transition: top .15s ease-in
    }
  }

  .header-search .search-box.active {
    opacity: 1;
    pointer-events: all;
    filter: drop-shadow(5px 5px 8px #626262);
  }

  @media (max-width:991px) {
    .header-search .search-box.active {
      top: 0
    }
  }

  .header-search .search-box form {
    display: inline-block;
    vertical-align: middle
  }

  @media (max-width:991px) {
    .header-search .search-box form {
      width: 100%
    }
  }

  .header-search .search-box form label {
    width: 517px;
    display: inline-block;
    vertical-align: middle
  }

  @media (max-width:991px) {
    .header-search .search-box form label {
      width: calc(100% - 48px)
    }
  }

.header-search .search-box form input {
  width: 100%;
  height: 56px;
  line-height: 56px;
  background-color: #fff;
  border: 1px solid #c8c8c8;
  border-right: none;
  border-radius: 8px 0 0 8px;
  padding: 0 20px;
  font-family: var(--font-face);
  font-size: 16px;
  color: #2d2d2e
}

  @media (max-width:991px) {
    .header-search .search-box form input {
      height: 48px;
      line-height: 48px
    }
  }

  .header-search .search-box form input ::-webkit-input-placeholder {
    color: #2d2d2e;
    opacity: 1
  }

  .header-search .search-box form input ::-moz-placeholder {
    color: #2d2d2e;
    opacity: 1
  }

  .header-search .search-box form input :-ms-input-placeholder {
    color: #2d2d2e;
    opacity: 1
  }

  .header-search .search-box form input :-moz-placeholder {
    color: #2d2d2e;
    opacity: 1
  }

  .header-search .search-box form button {
    width: 56px;
    height: 56px;
    background-color: #3a76d9;
    border: 1px solid #3a76d9;
    text-align: center;
    border: none;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    border-radius: 0 8px 8px 0
  }

  @media (max-width:991px) {
    .header-search .search-box form button {
      width: 48px;
      height: 48px
    }
  }

  .header-search .search-box form button:hover {
    background-color: var(--color-informatica);
    border-color: var(--color-informatica)
  }

  .header-search .search-box form button svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%)
  }

  @media (max-width:991px) {
    .header-search .search-box form button svg path {
      stroke: #fff !important
    }
  }

  .header-search .search-box > button {
    width: 56px;
    height: 56px;
    display: inline-block;
    vertical-align: middle;
    border: none
  }

  @media (max-width:991px) {
    .header-search .search-box > button {
      width: auto;
      position: absolute;
      top: 0;
      right: 16px
    }

      .header-search .search-box > button svg {
        position: static;
        transform: translate(0);
        -webkit-transform: translate(0);
        display: inline-block;
        vertical-align: middle
      }

      .header-search .search-box > button span.text {
        font-family: var(--font-face);
        font-size: 14px;
        color: #000;
        display: inline-block !important;
        vertical-align: middle;
        margin-left: 4px
      }
  }

  .header-account .account-box {
    position: absolute;
    top: 100%;
    right: 17.3vw;
    background-color: #fff;
    padding: 14px 0;
    opacity: 0;
    pointer-events: none;
    transition: opacity .15s ease-in;
    border-radius: 8px
  }

    .header-account .account-box * {
      pointer-events: none !important
    }

  @media (max-width:1600px) {
    .header-account .account-box {
      right: 34px
    }
  }

  @media (max-width:991px) {
    .header-account .account-box {
      width: 285px;
      max-width: 100%;
      height: 100vh;
      position: fixed;
      top: 0;
      left: -285px;
      right: inherit;
      z-index: 3;
      padding-top: 67px;
      transition: right .15s ease-in;
    }

      .header-account .account-box.active {
        border-radius: 0 8px 0 0;
      }
  }

  .header-account .account-box.active {
    opacity: 1;
    pointer-events: all;
    border-radius: 8px;
    display: block;
    box-shadow: rgb(0 0 0 / 5%) 2px 1px 8px 1px;
  }

    .header-account .account-box.active * {
      pointer-events: all
    }

    .header-account .account-box.active .login-content.active, .header-account .account-box.active .login-content.active * {
      pointer-events: all !important
    }

      .header-account .account-box.active .login-content.active .inputs {
        margin: 3% 0;
      }

  @media (max-width:991px) {
    .header-account .account-box.active {
      left: 0
    }
  }

  .header-account .account-box .account-links, .header-account .account-box .external-account-links {
    text-align: left
  }

    .header-account .account-box .account-links li, .header-account .account-box .external-account-links li {
      width: 100%
    }

      .header-account .account-box .account-links li a, .header-account .account-box .external-account-links li a {
        width: 100%;
        height: 100%;
        display: block;
        padding: 6px 0
      }

        .header-account .account-box .account-links li a:hover .text, .header-account .account-box .external-account-links li a:hover .text {
          color: #606062
        }

        .header-account .account-box .account-links li a:hover svg stroke, .header-account .account-box .external-account-links li a:hover svg stroke {
          color: var(--color-informatica)
        }

      .header-account .account-box .account-links li svg.icon, .header-account .account-box .external-account-links li svg.icon {
        width: 20px
      }

  @media (max-width:991px) {
    .header-account .account-box .account-links li svg.icon, .header-account .account-box .external-account-links li svg.icon {
      display: inline-block;
      position: static;
      transform: translate(0);
      -webkit-transform: translate(0)
    }
  }

  .header-account .account-box .account-links li .text, .header-account .account-box .account-links li a, .header-account .account-box .external-account-links li .text, .header-account .account-box .external-account-links li a {
    font-family: var(--font-face);
    font-size: 14px;
    color: #2d2d2e
  }

  @media (max-width:991px) {
    .header-account .account-box .account-links li .text, .header-account .account-box .account-links li a, .header-account .account-box .external-account-links li .text, .header-account .account-box .external-account-links li a {
      font-size: 14px
    }
  }

  .header-account .account-box .account-links li .text, .header-account .account-box .external-account-links li .text {
    margin-right: 0;
    margin-left: 8px
  }

  @media (max-width:991px) {
    .header-account .account-box .account-links li .text, .header-account .account-box .external-account-links li .text {
      display: inline-block
    }
  }

  .header-account .account-box .external-account-links {
    padding: 0 32px
  }

  @media (max-width:991px) {
    .header-account .account-box .external-account-links {
      margin-bottom: 14px
    }
  }

  .header-account .account-box .account-links {
    padding-top: 20px;
    border-top: 1px solid #c8c8c8
  }

    .header-account .account-box .account-links li {
      padding: 0 32px
    }

  .header-account .account-box > button {
    width: 56px;
    height: 56px;
    display: inline-block;
    vertical-align: middle;
    border: none;
    pointer-events: none
  }

  @media (max-width:991px) {
    .header-account .account-box > button {
      width: auto;
      position: absolute;
      top: 0;
      right: 16px
    }

      .header-account .account-box > button svg {
        position: static;
        transform: translate(0);
        -webkit-transform: translate(0);
        display: inline-block;
        vertical-align: middle
      }

      .header-account .account-box > button span.text {
        font-family: var(--font-face);
        font-size: 14px;
        color: #000;
        display: inline-block !important;
        vertical-align: middle;
        margin-left: 4px
      }
  }

  @media (max-width:991px) {
    .header-account .account-box .login-box .login-content button {
      width: 100%;
      height: 45px
    }
  }

  .footer {
    background-color: var(--color-informatica)
  }

    .footer .top-footer {
      text-align: right;
      padding: 30px 0;
      position: relative
    }

  @media (max-width:991px) {
    .footer .top-footer {
      padding: 20px 0;
      text-align: start;
      align-items: start;
      justify-items: flex-start;
    }
  }

  .footer .top-footer:after {
    content: "";
    width: 1000vw;
    height: 1px;
    background-color: hsla(0,0%,100%,.15);
    position: absolute;
    bottom: 0;
    left: -100%
  }

  .footer .mid-footer {
    padding: 15px 0;
    position: relative;
  }

    .footer .mid-footer:after {
      content: "";
      width: 1000vw;
      height: 1px;
      background-color: hsla(0,0%,100%,.15);
      position: absolute;
      bottom: 0;
      left: -100%
    }

    .footer .mid-footer:last-child:after {
      display: none
    }

  .footer .end-footer {
    padding: 30px 0 30px;
    text-align: right
  }

  @media (max-width:991px) {
    .footer .end-footer {
      padding: 40px 0 !important;
      text-align: left;
      align-items: center;
    }
    .footer .end-footer .opening-hours {
        flex-direction: column;
        gap: 2rem;
    }
  }

  .footer .brand {
    float: left
  }

  @media (max-width:991px) {
    .footer .brand {
      margin-bottom: 20px
    }
  }

  .footer .brand img {
    width: 120px;
    margin-top: 11px;
  }

  @media (max-width:991px) {
    .footer .brand img {
      width: 114px
    }
  }

  .footer .footer-navigation {
    display: inline-block;
    vertical-align: middle;
    margin-top: 11px
  }

  @media (max-width:991px) {
    .footer .footer-navigation {
      width: 100%;
      text-align: left
    }
  }

  .footer .footer-navigation li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 20px
  }

  @media (max-width:991px) {
    .footer .footer-navigation li {
      width: 100%;
      margin: 0
    }
  }

  .footer .footer-navigation li a {
    font-family:var(--font-face);
    font-size: 16px;
    color: #fff;
    padding: 20px 0;
    display: block
  }
.footer .footer-navigation .loja-link {
  display: none;
}
@media (max-width:991px) {
  .footer .footer-navigation li a {
      padding: 13px 0
    }
  }

  .footer .footer-navigation li a:hover {
    color: #c8c8c8
  }

  @media (max-width:991px) {
    .footer .footer-navigation .institutional-link {
      width: auto;
      position: absolute;
      right: 0
    }
  }

  .footer .footer-navigation .institutional-link a {
    width: 278px;
    border: 1px solid #fff;
    border-radius: 8px;
    text-align: center;
    padding: 18.5px
  }

@media (max-width:991px) {
  .footer .footer-navigation .institutional-link a {
    width: auto;
    padding: 18px 10px;
  }
}

.footer .footer-navigation .antigo-link a {
  border: 1px solid #fff;
  border-radius: 8px;
  text-align: center;
  height: 55px;
  padding: 10px;
  width: 200px;
  display: flex;
  background-color: #fff;
  color: var(--color-informatica);
}

  .footer .footer-navigation .antigo-link a svg {
    stroke: var(--color-informatica);
  }

  .footer .footer-navigation .antigo-link a span {
    display: inline-block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    align-self: center;
  }

    .footer .footer-navigation .antigo-link a span::first-letter {
      text-transform: uppercase;
    }

    .footer .footer-navigation .antigo-link a:hover span {
      width: 100%;
      white-space: nowrap;
      overflow: hidden;
      align-self: center;
      transition: width .5s;
      font-weight: bold;
    }


.antigo-link {
  position: relative;
}

@media (max-width:991px) {
  .footer .footer-navigation .antigo-link a {
    width: 190px;
  }

    .footer .footer-navigation .antigo-link a span {
      display: inline-block;
      padding: 8px 0px;
    }
}
.footer .company-units {
  margin: 0 -7.5px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 20px;
  padding: 20px;
  row-gap: 30px;
}
.footer .adress-content h3 {
  font-size: 24px;
  color: white;
  margin: 18px 0;
}
@media (max-width:991px) {
  .footer .company-units {
    margin: 0;
    row-gap: 15px;
    text-align: center;
    justify-items: anchor-center;
  }
  .footer .adress-content h3{
      display:none
  }
  #address-details-modal .modal-body {
    flex-wrap: wrap;
    justify-content: center;
  }

  #address-details-modal .modal-content {
    width: min-content;
    text-align: center;
    width:90%
  }
  #address-details-modal .modal-content iframe{
      max-width:80vw
  }
  .footer .company-units li {
    width: 236px;
    display: block;
    border: solid 1px white;
    padding: 8px;
    border-radius: 2px;
    margin: 0px;
  }

    .footer .company-units li:last-child {
      margin-bottom: 0
    }
  }

.footer .company-units li {
  display: inline list-item;
  vertical-align: top;
  margin: 0 7.5px;
  color: #fff;
  font-size: 14px;
  list-style: circle;
  cursor: pointer;
  transition: all 0.08s ease-in
}
.footer .company-units li:hover  {
  transform: translate(5px);
  font-weight:bold
}
  .footer .company-units li .unit-name {
    font-size: 14px;
    display: block;
    padding-top: 10%;
    font-weight: bold
  }

  .footer .company-units li .telephone, .footer .company-units li address {
    font-family:var(--font-face);
    font-size: 10px;
  }

  .footer .company-units li address {
    margin: 15px 0;
    line-height: 18px
  }

  .footer .company-units li .telephone {
    font-size: 10px;
    width: 50% !important;
    float: left;
  }

  .footer .attendance {
    float: left;
    text-align: left
  }

  @media (max-width:991px) {
    .footer .attendance {
      float: none
    }
  }

  .footer .attendance h2 {
    font-size: 16px;
    margin-bottom: 15px
  }

  .footer .attendance h2, .footer .attendance p {
    font-family:var(--font-face);
    color: #fff
  }

  .footer .attendance p {
    width: 290px;
    max-width: 100%;
    font-size: 14px;
    line-height: 21px
  }

  .footer .util-links {
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
    width: 150px;
    float: left;
    text-align: left;
  }

  @media (max-width:991px) {
    .footer .util-links {
      width: 100%;
      margin-top: 30px;
      width: 290px;
      margin-left: 20px;
    }
  }

  .footer .util-links .copyrights {
    display: inline-block;
    vertical-align: top;
    font-family:var(--font-face);
    font-size: 14px;
    color: #fff;
    margin: 0 20px
  }

  @media (max-width:991px) {
    .footer .util-links .copyrights {
      width: 100%;
      margin: 0;
      padding-bottom: 40px;
      margin-bottom: 40px;
      position: relative
    }

    @media (max-width:991px) {
      .footer .util-links .copyrights:after {
        content: "";
        width: 100%;
        height: 1px;
        background-color: hsla(0,0%,100%,.15);
        position: absolute;
        bottom: 0;
        left: 0;
      }
    }
  }

  .footer .util-links .policies, .footer .util-links .policies a {
    display: inline-block;
    vertical-align: middle
  }

    .footer .util-links .policies a {
      font-family:var(--font-face);
      font-size: 14px;
      color: #fff;
      margin: 0 20px;
      text-decoration: underline
    }

  @media (max-width:991px) {
    .footer .util-links .policies a {
      margin: 0 40px 0 0
    }
  }

  .footer .util-links .policies a:hover {
    color: #c8c8c8
  }

  .footer .complementary-footer {
    background-color: #fff;
    padding: 40px 0;
    text-align: center
  }

  @media (max-width:991px) {
    .footer .complementary-footer {
      padding-bottom: 100px
    }
  }

  .footer .complementary-footer .payment-methods h2 {
    font-family:var(--font-face);
    font-size: 20px;
    color: #606062;
    margin-bottom: 40px
  }

  @media (max-width:991px) {
    .footer .complementary-footer .payment-methods h2 {
      font-size: 16px;
      margin-bottom: 30px
    }
  }

  .footer .complementary-footer .payment-methods ul {
    margin: 0 -25px
  }

  @media (max-width:991px) {
    .footer .complementary-footer .payment-methods ul {
      margin: 0
    }
  }

  .footer .complementary-footer .payment-methods ul li {
    width: auto;
    display: inline-block;
    vertical-align: top;
    margin: 0 25px
  }

  @media (max-width:991px) {
    .footer .complementary-footer .payment-methods ul li {
      width: 100%;
      margin: 0 0 30px
    }

      .footer .complementary-footer .payment-methods ul li:last-child {
        margin-bottom: 0
      }
  }

  .footer .complementary-footer .payment-methods ul li .method-title {
    display: block;
    font-family:var(--font-face);
    font-size: 12px;
    line-height: 18px;
    color: #2d2d2e;
    margin-bottom: 12px
  }

  .footer .complementary-footer .payment-methods ul li img {
    display: inline-block;
    margin: 0 2.5px
  }

  .footer .complementary-footer .disclaimer {
    width: 100%;
    display: block;
    margin: 40px 0;
    font-family:var(--font-face);
    font-size: 12px;
    line-height: 18px;
    color: #2d2d2e
  }

  .footer .complementary-footer .developer {
    text-align: center
  }

    .footer .complementary-footer .developer a {
      display: inline-block
    }

  .social-network {
    background-color: #f3f3f3
  }

    .social-network .grid {
      width: 100%;
      text-align: center
    }

    .social-network ul {
      margin: 0 -25px;
      padding: 0px
    }

  @media (max-width:1600px) {
    .social-network ul {
      margin: 0 -18px
    }
  }

  @media (max-width:1200px) {
    .social-network ul {
      text-align: center
    }
  }

  @media (max-width:991px) {
    .social-network ul {
      padding: 40px 0
    }
  }

  @media (max-width:767px) {
    .social-network ul {
      text-align: left;
      margin: 0;
      padding: 23px 0 30px
    }
  }

  .social-network ul li {
    width: auto;
    display: inline-block;
    vertical-align: top;
    margin: 0 25px
  }

  @media (max-width:1600px) {
    .social-network ul li {
      margin: 0 18px
    }
  }

  @media (max-width:767px) {
    .social-network ul li {
      width: 100%;
      margin: 0;
      position: relative;
      padding-left: 42px
    }
  }

  .social-network ul li a {
    width: 100%;
    height: 100%;
    display: block;
    padding: 20px 0
  }

  @media (max-width:767px) {
    .social-network ul li .icon {
      width: 32px;
      height: auto;
      position: absolute;
      top: 10px;
      left: 0
    }
  }

  @media (max-width:767px) {
    .social-network ul li .icon.icon-youtube {
      width: 36px;
      top: 16px
    }
  }

  .social-network ul li .icon, .social-network ul li .text {
    display: inline-block;
    vertical-align: middle;
    pointer-events: none
  }

  .social-network ul li .text {
    font-family:var(--font-face);
    font-size: 14px;
    color: #606062;
    margin-left: 10px
  }

  .certificates {
    background-color: #fff;
    text-align: center;
    padding: 60px 0
  }

  @media (max-width:1600px) {
    .certificates {
      padding: 40px 0
    }
  }

  @media (max-width:991px) {
    .certificates {
      padding: 20px 0
    }
  }

  .certificates h2 {
    font-family:var(--font-face);
    font-size: 24px;
    color: #606062;
    margin-bottom: 10px
  }

  @media (max-width:991px) {
    .certificates h2 {
      font-size: 20px
    }
  }

  .certificates ul {
    margin: 0 -60px
  }

  @media (max-width:991px) {
    .certificates ul {
      margin: 0
    }
  }

  .certificates ul li {
    width: calc(16.6667% - 120px);
    display: inline-block;
    vertical-align: middle;
    margin: 20px 60px
  }

  @media (max-width:991px) {
    .certificates ul li {
      width: calc(33.3334% - 50px);
      margin-left: 25px;
      margin-right: 25px
    }
  }

  .certificates ul li img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: inline-block
  }

  @media (max-width:480px) {
    .certificates ul li img {
      width: 100%
    }
  }

  .tags {
    background-color: var(--color-informatica);
    text-align: center;
    padding: 60px 0
  }

  @media (max-width:991px) {
    .tags {
      padding: 40px 0
    }
  }

  .tags h2 {
    font-family:var(--font-face);
    font-size: 24px;
    color: #fff;
  }

  @media (max-width:991px) {
    .tags h2 {
      font-size: 20px
    }
  }

  .tags .slick-dots {
    width: 100%;
    position: static;
    text-align: center
  }

    .tags .slick-dots li {
      width: 10px;
      height: 10px;
      display: inline-block;
      vertical-align: middle;
      background-color: transparent;
      //border: 2px solid #ededed;
      transition: background-color .15s ease-in;
      margin: 0 6px;
    }

      .tags .slick-dots li button {
        width: 100%;
        height: 100%;
        display: block;
        padding: 0;
        border: 2px solid #ededed;
        border-radius: 10px;
      }

      .tags .slick-dots li.slick-active, .tags .slick-dots li:hover {
        background-color: #ededed
      }

  .tags .tag-list {
    margin: 0 -10px 30px
  }

  @media (max-width:767px) {
    .tags .tag-list {
      margin: 0 -6px 30px
    }
  }

  .tags .tag-list li {
    display: inline-block;
    vertical-align: middle;
    margin: 10px
  }

  @media (max-width:767px) {
    .tags .tag-list li {
      margin: 6px 8px
    }
  }

  .tags .tag-list li a {
    width: 155px;
    height: 100%;
    display: block;
    font-family:var(--font-face);
    font-size: 14px;
    color: #fff;
    padding: 8px 24px;
    border: 1px solid #fff;
    border-radius: 8px
  }

  @media (max-width:767px) {
    .tags .tag-list li a {
      padding: 10.5px 24px
    }
  }

  .tags .tag-list li a:hover {
    background-color: #fff;
    color: var(--color-informatica)
  }

  .login-box {
    width: 277px;
    max-width: 100%;
    padding: 6px 0;
    position: relative
  }

    .login-box form {
      margin-bottom: 12px
    }

      .login-box form legend {
        font-family:var(--font-face);
        font-size: 20px;
        line-height: 28px;
        color: var(--color-informatica);
        margin-bottom: 12px;
        text-align: center
      }

      .login-box form label {
        /* width: 100%;*/
        display: block;
      }

      .login-box form input {
        width: 100%;
        height: 40px;
        line-height: 40px;
        background-color: transparent;
        border: 1px solid #c8c8c8;
        border-radius: 4px;
        font-family:var(--font-face);
        font-size: 16px;
        padding: 0 20px;
        color: #2d2d2e;
      }

        .login-box form input::-webkit-input-placeholder {
          color: #2d2d2e;
          opacity: 1
        }

        .login-box form input::-moz-placeholder {
          color: #2d2d2e;
          opacity: 1
        }

        .login-box form input:-ms-input-placeholder {
          color: #2d2d2e;
          opacity: 1
        }

        .login-box form input:-moz-placeholder {
          color: #2d2d2e;
          opacity: 1
        }

      .login-box form button, .login-box .login-button {
        width: 100%;
        height: 40px;
        line-height: 40px;
        background-color: var(--color-informatica);
        border: none;
        border-radius: 4px;
        font-family:var(--font-face);
        font-size: 16px;
        color: #fff;
        text-align: center;
        margin: 0px auto 5px auto;
      }

        .login-box form button:hover, .login-box .login-button:hover {
          background-color: #2a426a
        }

    .login-box .login-actions {
      height: 40px
    }

      .login-box .login-actions a, .login-box .login-actions button {
        width: 100%;
        display: block;
        font-family:var(--font-face);
        font-size: 16px;
        line-height: 24px;
        color: var(--color-informatica);
        text-align: center;
        margin: 5px 0 0 0;
        height: 24px;
      }

        .login-box .login-actions a + a, .login-box .login-actions a + button, .login-box .login-actions button + a, .login-box .login-actions button + button {
          height: 40px;
        }

        .login-box .login-actions a:hover, .login-box .login-actions button:hover {
          text-decoration: underline
        }

    .login-box .login-content {
      width: 100%;
      position: absolute;
      top: 0;
      left: 0;
      padding: 0 20px;
      background-color: #fff;
      opacity: 0;
      pointer-events: none;
      transition: opacity .15s ease-in
    }

      .login-box .login-content.active {
        position: relative;
        opacity: 1;
        pointer-events: all
      }

  .dialog {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 6;
    background-color: rgba(0,0,0,.7);
    transition: opacity .15s ease-in;
    opacity: 0;
    display: none;
  }

    .dialog, .dialog * {
      pointer-events: none
    }

      .dialog.active {
        opacity: 1;
        display: block;
      }

        .dialog.active, .dialog.active * {
          pointer-events: all
        }

          .dialog.active.dialog-login .dialog-container .login-box .login-content.active, .dialog.active.dialog-login .dialog-container .login-box .login-content.active * {
            pointer-events: all !important
          }

      .dialog.dialog-login .dialog-container {
        width: 317px
      }

        .dialog.dialog-login .dialog-container .login-box {
          width: 100%;
          padding-top: 0
        }

          .dialog.dialog-login .dialog-container .login-box .login-content, .dialog.dialog-login .dialog-container .login-box .login-content * {
            pointer-events: none !important
          }

      .dialog .dialog-container {
        width: auto;
        max-width: calc(100% - 32px);
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        background-color: #fff;
        padding: 50px 0 20px;
        border-radius: 16px
      }

      .dialog .dialog-content .dialog-heading h2 {
        font-family:var(--font-face);
        font-size: 16px;
        line-height: 24px;
        color: #000;
        margin-bottom: 12px;
        padding: 0 20px
      }

      .dialog .js-close-dialog {
        position: absolute;
        top: 0;
        right: 0;
        padding: 20px
      }

  .view .main {
    padding-top: 20px
  }

  @media (max-width:991px) {
    .view .main {
      padding-top: 0
    }
  }

  .view .mid-banner {
    padding-bottom: 0
  }

  .view .main-filter, .view .main-subcategory {
    padding-top: 0
  }

    .view .main-filter .segment-categories, .view .main-filter .segment h1, .view .main-subcategory .segment-categories {
      margin-bottom: 20px
    }

  @media (max-width:400px) {
    .view .main-filter .segment h1 span {
      display: block;
      font-size: 16px;
      line-height: 20px;
      margin-bottom: 5px
    }
  }

  @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
  }


  .lg-icon {
    font-family: lg;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
  }

  .lg-actions .lg-next, .lg-actions .lg-prev {
    background-color: rgba(0,0,0,.45);
    border-radius: 2px;
    color: #999;
    cursor: pointer;
    display: block;
    font-size: 22px;
    margin-top: -10px;
    padding: 8px 10px 9px;
    position: absolute;
    top: 50%;
    z-index: 7
  }

    .lg-actions .lg-next.disabled, .lg-actions .lg-prev.disabled {
      pointer-events: none;
      opacity: .5
    }

    .lg-actions .lg-next:hover, .lg-actions .lg-prev:hover {
      color: #fff
    }

  .lg-actions .lg-next {
    right: 20px
  }

    .lg-actions .lg-next:before {
      content: "\e095"
    }

  .lg-actions .lg-prev {
    left: 20px
  }

    .lg-actions .lg-prev:after {
      content: "\e094"
    }

  @keyframes b {
    0% {
      left: 0
    }

    50% {
      left: -30px
    }

    to {
      left: 0
    }
  }

  @keyframes c {
    0% {
      left: 0
    }

    50% {
      left: 30px
    }

    to {
      left: 0
    }
  }

  .lg-outer.lg-right-end .lg-object {
    animation: b .3s;
    position: relative
  }

  .lg-outer.lg-left-end .lg-object {
    animation: c .3s;
    position: relative
  }

  .lg-toolbar {
    z-index: 7;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    background-color: rgba(0,0,0,.45)
  }

    .lg-toolbar .lg-icon {
      color: #999;
      cursor: pointer;
      float: right;
      font-size: 24px;
      height: 47px;
      line-height: 27px;
      padding: 10px 0;
      text-align: center;
      width: 50px;
      text-decoration: none !important;
      outline: medium none;
      transition: color .2s linear
    }

      .lg-toolbar .lg-icon:hover {
        color: #fff
      }

    .lg-toolbar .lg-close:after {
      content: "\e070"
    }

    .lg-toolbar .lg-download:after {
      content: "\e0f2"
    }

  .lg-sub-html {
    background-color: rgba(0,0,0,.45);
    bottom: 0;
    color: #eee;
    font-size: 16px;
    left: 0;
    padding: 10px 40px;
    position: fixed;
    right: 0;
    text-align: center;
    z-index: 7
  }

    .lg-sub-html h4 {
      margin: 0;
      font-size: 13px;
      font-weight: 700
    }

    .lg-sub-html p {
      font-size: 12px;
      margin: 5px 0 0
    }

  #lg-counter {
    color: #999;
    display: inline-block;
    font-size: 16px;
    padding-left: 20px;
    padding-top: 12px;
    vertical-align: middle
  }

  .lg-next, .lg-prev, .lg-toolbar {
    opacity: 1;
    transition: transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear
  }

  .lg-hide-items .lg-prev {
    opacity: 0;
    transform: translate3d(-10px,0,0)
  }

  .lg-hide-items .lg-next {
    opacity: 0;
    transform: translate3d(10px,0,0)
  }

  .lg-hide-items .lg-toolbar {
    opacity: 0;
    transform: translate3d(0,-10px,0)
  }

  body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object {
    transform: scale3d(.5,.5,.5);
    opacity: 0;
    transition: transform .25s cubic-bezier(0,0,.25,1) 0s,opacity .25s cubic-bezier(0,0,.25,1) !important;
    transform-origin: 50% 50%
  }

  body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object {
    transform: scaleX(1);
    opacity: 1
  }

  .lg-outer .lg-thumb-outer {
    background-color: #0d0a0a;
    bottom: 0;
    position: absolute;
    width: 100%;
    z-index: 7;
    max-height: 350px;
    transform: translate3d(0,100%,0);
    transition: transform .25s cubic-bezier(0,0,.25,1) 0s
  }

    .lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {
      cursor: -o-grab;
      cursor: -ms-grab;
      cursor: grab
    }

    .lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {
      cursor: move;
      cursor: -o-grabbing;
      cursor: -ms-grabbing;
      cursor: grabbing
    }

    .lg-outer .lg-thumb-outer.lg-dragging .lg-thumb {
      transition-duration: 0s !important
    }

  .lg-outer.lg-thumb-open .lg-thumb-outer {
    transform: translateZ(0)
  }

  .lg-outer .lg-thumb {
    padding: 10px 0;
    height: 100%;
    margin-bottom: -5px
  }

  .lg-outer .lg-thumb-item {
    border-radius: 5px;
    cursor: pointer;
    float: left;
    overflow: hidden;
    height: 100%;
    border: 2px solid #fff;
    border-radius: 4px;
    margin-bottom: 5px
  }

  @media (min-width:1025px) {
    .lg-outer .lg-thumb-item {
      transition: border-color .25s ease
    }
  }

  .lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {
    border-color: #a90707
  }

  .lg-outer .lg-thumb-item img {
    width: 100%;
    height: 100%
  }

  .lg-outer.lg-has-thumb .lg-item {
    padding-bottom: 120px
  }

  .lg-outer.lg-can-toggle .lg-item {
    padding-bottom: 0
  }

  .lg-outer.lg-pull-caption-up .lg-sub-html {
    transition: bottom .25s ease
  }

  .lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {
    bottom: 100px
  }

  .lg-outer .lg-toogle-thumb {
    background-color: #0d0a0a;
    border-radius: 2px 2px 0 0;
    color: #999;
    cursor: pointer;
    font-size: 24px;
    height: 39px;
    line-height: 27px;
    padding: 5px 0;
    position: absolute;
    right: 20px;
    text-align: center;
    top: -39px;
    width: 50px
  }

    .lg-outer .lg-toogle-thumb:after {
      content: "\e1ff"
    }

    .lg-outer .lg-toogle-thumb:hover {
      color: #fff
    }

  .lg-outer .lg-video-cont {
    display: inline-block;
    vertical-align: middle;
    max-width: 1140px;
    max-height: 100%;
    width: 100%;
    padding: 0 5px
  }

  .lg-outer .lg-video {
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
    position: relative
  }

    .lg-outer .lg-video .lg-object {
      display: inline-block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100% !important;
      height: 100% !important
    }

    .lg-outer .lg-video .lg-video-play {
      width: 84px;
      height: 59px;
      position: absolute;
      left: 50%;
      top: 50%;
      margin-left: -42px;
      margin-top: -30px;
      z-index: 7;
      cursor: pointer
    }

  .lg-outer .lg-has-vimeo .lg-video-play {
    background: url(../img/vimeo-play.png) no-repeat scroll 0 0 transparent
  }

  .lg-outer .lg-has-vimeo:hover .lg-video-play {
    background: url(../img/vimeo-play.png) no-repeat scroll 0 -58px transparent
  }

  .lg-outer .lg-has-html5 .lg-video-play {
    background: transparent url(../img/video-play.png) no-repeat scroll 0 0;
    height: 64px;
    margin-left: -32px;
    margin-top: -32px;
    width: 64px;
    opacity: .8
  }

  .lg-outer .lg-has-html5:hover .lg-video-play {
    opacity: 1
  }

  .lg-outer .lg-has-youtube .lg-video-play {
    background: url(../img/youtube-play.png) no-repeat scroll 0 0 transparent
  }

  .lg-outer .lg-has-youtube:hover .lg-video-play {
    background: url(../img/youtube-play.png) no-repeat scroll 0 -60px transparent
  }

  .lg-outer .lg-video-object {
    width: 100% !important;
    height: 100% !important;
    position: absolute;
    top: 0;
    left: 0
  }

  .lg-outer .lg-has-video .lg-video-object {
    visibility: hidden
  }

  .lg-outer .lg-has-video.lg-video-playing .lg-object, .lg-outer .lg-has-video.lg-video-playing .lg-video-play {
    display: none
  }

  .lg-outer .lg-has-video.lg-video-playing .lg-video-object {
    visibility: visible
  }

  .lg-progress-bar {
    background-color: #333;
    height: 5px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 7;
    opacity: 0;
    transition: opacity .08s ease 0s
  }

    .lg-progress-bar .lg-progress {
      background-color: #a90707;
      height: 5px;
      width: 0
    }

    .lg-progress-bar.lg-start .lg-progress {
      width: 100%
    }

  .lg-show-autoplay .lg-progress-bar {
    opacity: 1
  }

  .lg-autoplay-button:after {
    content: "\e01d"
  }

  .lg-show-autoplay .lg-autoplay-button:after {
    content: "\e01a"
  }

  .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image, .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
    transition-duration: 0s
  }

  .lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
    transition: left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s;
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
  }

  .lg-outer .lg-item.lg-complete.lg-zoomable .lg-image {
    transform: scaleX(1);
    transition: transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s !important;
    transform-origin: 0 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
  }

  #lg-zoom-in:after {
    content: "\e311"
  }

  #lg-actual-size {
    font-size: 20px
  }

    #lg-actual-size:after {
      content: "\e033"
    }

  #lg-zoom-out {
    opacity: .5;
    pointer-events: none
  }

    #lg-zoom-out:after {
      content: "\e312"
    }

  .lg-zoomed #lg-zoom-out {
    opacity: 1;
    pointer-events: auto
  }

  .lg-outer .lg-pager-outer {
    bottom: 60px;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    z-index: 7;
    height: 10px
  }

    .lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont {
      overflow: visible
    }

  .lg-outer .lg-pager-cont {
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    position: relative;
    vertical-align: top;
    margin: 0 5px
  }

    .lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont {
      opacity: 1;
      transform: translateZ(0)
    }

    .lg-outer .lg-pager-cont.lg-pager-active .lg-pager {
      box-shadow: inset 0 0 0 2px #fff
    }

  .lg-outer .lg-pager-thumb-cont {
    background-color: #fff;
    color: #fff;
    bottom: 100%;
    height: 83px;
    left: 0;
    margin-bottom: 20px;
    margin-left: -60px;
    opacity: 0;
    padding: 5px;
    position: absolute;
    width: 120px;
    border-radius: 3px;
    transition: opacity .15s ease 0s,transform .15s ease 0s;
    transform: translate3d(0,5px,0)
  }

    .lg-outer .lg-pager-thumb-cont img {
      width: 100%;
      height: 100%
    }

  .lg-outer .lg-pager {
    background-color: hsla(0,0%,100%,.5);
    border-radius: 50%;
    box-shadow: inset 0 0 0 8px hsla(0,0%,100%,.7);
    display: block;
    height: 12px;
    transition: box-shadow .3s ease 0s;
    width: 12px
  }

    .lg-outer .lg-pager:focus, .lg-outer .lg-pager:hover {
      box-shadow: inset 0 0 0 8px #fff
    }

  .lg-outer .lg-caret {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px dashed;
    bottom: -10px;
    display: inline-block;
    height: 0;
    left: 50%;
    margin-left: -5px;
    position: absolute;
    vertical-align: middle;
    width: 0
  }

  .lg-fullscreen:after {
    content: "\e20c"
  }

  .lg-fullscreen-on .lg-fullscreen:after {
    content: "\e20d"
  }

  .group {
    *zoom: 1
  }

    .group:after, .group:before {
      display: table;
      content: "";
      line-height: 0
    }

    .group:after {
      clear: both
    }

  .lg-outer {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 7;
    opacity: 0;
    transition: opacity .15s ease 0s
  }

    .lg-outer * {
      box-sizing: border-box
    }

    .lg-outer.lg-visible {
      opacity: 1
    }

    .lg-outer.lg-css3 .lg-item.lg-current, .lg-outer.lg-css3 .lg-item.lg-next-slide, .lg-outer.lg-css3 .lg-item.lg-prev-slide {
      transition-duration: inherit !important;
      transition-timing-function: inherit !important
    }

    .lg-outer.lg-css3.lg-dragging .lg-item.lg-current, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide {
      transition-duration: 0s !important;
      opacity: 1
    }

    .lg-outer.lg-grab img.lg-object {
      cursor: -o-grab;
      cursor: -ms-grab;
      cursor: grab
    }

    .lg-outer.lg-grabbing img.lg-object {
      cursor: move;
      cursor: -o-grabbing;
      cursor: -ms-grabbing;
      cursor: grabbing
    }

    .lg-outer .lg {
      height: 100%;
      width: 100%;
      position: relative;
      overflow: hidden;
      margin-left: auto;
      margin-right: auto;
      max-width: 100%;
      max-height: 100%
    }

    .lg-outer .lg-inner {
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0;
      white-space: nowrap
    }

    .lg-outer .lg-item {
      background: url(../img/loading.gif) no-repeat scroll 50% transparent;
      display: none !important
    }

    .lg-outer.lg-css3 .lg-current, .lg-outer.lg-css3 .lg-next-slide, .lg-outer.lg-css3 .lg-prev-slide, .lg-outer.lg-css .lg-current {
      display: inline-block !important
    }

    .lg-outer .lg-img-wrap, .lg-outer .lg-item {
      display: inline-block;
      text-align: center;
      position: absolute;
      width: 100%;
      height: 100%
    }

      .lg-outer .lg-img-wrap:before, .lg-outer .lg-item:before {
        content: "";
        display: inline-block;
        height: 50%;
        width: 1px;
        margin-right: -1px
      }

    .lg-outer .lg-img-wrap {
      position: absolute;
      padding: 0 5px;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0
    }

    .lg-outer .lg-item.lg-complete {
      background-image: none
    }

    .lg-outer .lg-item.lg-current {
      z-index: 7
    }

    .lg-outer .lg-image {
      display: inline-block;
      vertical-align: middle;
      max-width: 100%;
      max-height: 100%;
      width: auto !important;
      height: auto !important
    }

    .lg-outer.lg-show-after-load .lg-item .lg-object, .lg-outer.lg-show-after-load .lg-item .lg-video-play {
      opacity: 0;
      transition: opacity .15s ease 0s
    }

    .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object, .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play {
      opacity: 1
    }

    .lg-outer .lg-empty-html, .lg-outer.lg-hide-download #lg-download {
      display: none
    }

  .lg-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 7;
    background-color: #000;
    opacity: 0;
    transition: opacity .15s ease 0s
  }

    .lg-backdrop.in {
      opacity: 1
    }

  .lg-css3.lg-no-trans .lg-current, .lg-css3.lg-no-trans .lg-next-slide, .lg-css3.lg-no-trans .lg-prev-slide {
    transition: none 0s ease 0s !important
  }

  .lg-css3.lg-use-css3 .lg-item, .lg-css3.lg-use-left .lg-item {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
  }

  .lg-css3.lg-fade .lg-item {
    opacity: 0
  }

    .lg-css3.lg-fade .lg-item.lg-current {
      opacity: 1
    }

    .lg-css3.lg-fade .lg-item.lg-current, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-prev-slide {
      transition: opacity .1s ease 0s
    }

  .lg-css3.lg-slide.lg-use-css3 .lg-item {
    opacity: 0
  }

    .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
      transform: translate3d(-100%,0,0)
    }

    .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
      transform: translate3d(100%,0,0)
    }

    .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
      transform: translateZ(0);
      opacity: 1
    }

    .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
      transition: transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s
    }

  .lg-css3.lg-slide.lg-use-left .lg-item {
    opacity: 0;
    position: absolute;
    left: 0
  }

    .lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
      left: -100%
    }

    .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide {
      left: 100%
    }

    .lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
      left: 0;
      opacity: 1
    }

    .lg-css3.lg-slide.lg-use-left .lg-item.lg-current, .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
      transition: left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s
    }

  .main-banner {
    width: 100%;
    background-color: #000;
    padding: 100px 0;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat
  }

  @media (max-width:991px) {
    .main-banner {
      padding: 40px 0 0;
      text-align: center;
      background-size: 290% auto;
      background-position: top
    }
  }

  @media (max-width:991px) {
    .main-banner .grid {
      padding-left: 0;
      padding-right: 0
    }
  }

  .main-banner .content {
    width: 50%;
    display: inline-block;
    vertical-align: top
  }

  @media (max-width:991px) {
    .main-banner .content {
      width: 100%;
      padding-left: 16px;
      padding-right: 16px
    }
  }

  .main-banner .content-left {
    max-width: 50%;
    width: 573px
  }

  @media (max-width:991px) {
    .main-banner .content-left {
      width: 100%;
      max-width: 100%;
      padding-bottom: 80px
    }
  }

  .main-banner .content-right {
    padding-left: 145px
  }

  @media (max-width:1200px) {
    .main-banner .content-right {
      padding-left: 30px
    }
  }

  @media (max-width:991px) {
    .main-banner .content-right {
      padding-left: 16px;
      padding-top: 24px;
      padding-bottom: 24px;
      background-color: #fff
    }
  }

  .main-banner h1 {
    font-family:var(--font-face);
    font-size: 48px;
    line-height: 55px;
    color: #fff
  }

  @media (max-width:1200px) {
    .main-banner h1 {
      font-size: 38px;
      line-height: 45px
    }
  }

  @media (max-width:991px) {
    .main-banner h1 {
      font-size: 23px;
      line-height: 31px
    }
  }

  @media (max-width:405px) {
    .main-banner h1 {
      font-size: 20px
    }
  }

  .main-banner p {
    font-family:var(--font-face);
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    margin: 27px 0
  }

  @media (max-width:991px) {
    .main-banner p {
      margin: 20px 0
    }
  }

  .main-banner .search-box {
    padding: 0;
    margin-bottom: 27px
  }

    .main-banner .search-box form {
      width: 100%;
      display: inline-block;
      vertical-align: middle
    }

      .main-banner .search-box form label {
        width: 517px;
        max-width: calc(100% - 56px);
        display: inline-block;
        vertical-align: middle
      }

  @media (max-width:1200px) {
    .main-banner .search-box form label {
      width: 100%
    }
  }

  .main-banner .search-box form input {
    width: 100%;
    height: 56px;
    line-height: 56px;
    background-color: #fff;
    border: 1px solid #c8c8c8;
    border-right: none;
    border-radius: 8px 0 0 8px;
    padding: 0 20px;
    font-family:var(--font-face);
    font-size: 16px;
    color: #2d2d2e
  }

  @media (max-width:991px) {
    .main-banner .search-box form input {
      height: 48px;
      line-height: 48px
    }
  }

  .main-banner .search-box form input ::-webkit-input-placeholder {
    color: #2d2d2e;
    opacity: 1
  }

  .main-banner .search-box form input ::-moz-placeholder {
    color: #2d2d2e;
    opacity: 1
  }

  .main-banner .search-box form input :-ms-input-placeholder {
    color: #2d2d2e;
    opacity: 1
  }

  .main-banner .search-box form input :-moz-placeholder {
    color: #2d2d2e;
    opacity: 1
  }

  .main-banner .search-box form button {
    width: 56px;
    height: 56px;
    background-color: #3a76d9;
    border: 1px solid #3a76d9;
    text-align: center;
    border: none;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    border-radius: 0 8px 8px 0
  }

  @media (max-width:991px) {
    .main-banner .search-box form button {
      width: 48px;
      height: 48px
    }
  }

  .main-banner .search-box form button:hover {
    background-color: var(--color-informatica);
    border-color: var(--color-informatica)
  }

  .main-banner .search-box form button svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%)
  }

  .main-banner .search-box > button {
    width: 56px;
    height: 56px;
    display: inline-block;
    vertical-align: middle;
    border: none
  }

  .main-banner .tags {
    padding: 0;
    background-color: transparent;
    text-align: left;
    margin: -10px
  }

  @media (max-width:991px) {
    .main-banner .tags {
      margin: 0;
      text-align: center
    }
  }

  .main-banner .tags ul li {
    display: inline-block;
    vertical-align: middle;
    margin: 6px 10px
  }

  @media (max-width:767px) {
    .main-banner .tags ul li {
      margin: 6px 8px
    }
  }

  @media (max-width:405px) {
    .main-banner .tags ul li {
      margin: 5px
    }
  }

  .main-banner .tags ul li a {
    width: 100%;
    height: 100%;
    display: block;
    font-family:var(--font-face);
    font-size: 14px;
    color: #fff;
    padding: 11px 22.5px;
    border: 1px solid #fff;
    border-radius: 8px;
    text-transform: capitalize;
  }

  @media (max-width:991px) {
    .main-banner .tags ul li a {
      padding: 6.5px 14.75px
    }
  }

  .main-banner .tags ul li a:hover {
    background-color: #fff;
    color: var(--color-informatica)
  }

  .main-banner .categories-list {
    text-align: center;
    margin: 0
  }

  @media (max-width:991px) {
    .main-banner .categories-list {
      /*margin-top: -36px*/
    }
  }

  .main-banner .categories-list li {
    width: calc(50% - 32px);
    height: 149px;
    display: inline-block;
    vertical-align: middle;
    margin: 16px;
    background-color: #fff;
    border-radius: 16px;
    position: relative;
    overflow: hidden;
    transition: .15s ease-in;
    background-size: cover;
  }

    .main-banner .categories-list li:after {
      content: "";
      width: 100%;
      height: 10px;
      border-radius: 16px
    }




    .main-banner .categories-list li:first-child, .main-banner .categories-list li:first-child:after {
      background-color: var(--color-informatica)
    }

    .main-banner .categories-list li:nth-child(2), .main-banner .categories-list li:nth-child(2):after {
      background-color: #67c549
    }

    .main-banner .categories-list li:nth-child(3), .main-banner .categories-list li:nth-child(3):after {
      background-color: #e78036
    }

    .main-banner .categories-list li:nth-child(4), .main-banner .categories-list li:nth-child(4):after {
      background-color: #9747ff
    }

    .main-banner .categories-list li:hover .bloco1 {
      background-color: transparent
    }

      .main-banner .categories-list li:hover .bloco1 img {
        opacity: 0;
        transition: opacity 0s ease-in;
      }

      .main-banner .categories-list li:hover .bloco1 figcaption {
        bottom: 61px
      }

        .main-banner .categories-list li:hover .bloco1 figcaption .text {
          color: #fff
        }

        .main-banner .categories-list li:hover .bloco1 figcaption .icon path {
          stroke: #fff
        }

    .main-banner .categories-list li .bloco1 {
      height: calc(100% - 14px);
      padding: 24px 20px;
      background-color: #fff;
      border-radius: 0 0 12px 12px;
      transition: background-color .15s ease-in
    }

    .main-banner .categories-list li figure img {
      width: 64px;
      height: auto;
      display: block;
      margin: 0 auto 13px;
      position: absolute;
      top: 14px;
      left: 50%;
      transform: translate(-50%);
      -webkit-transform: translate(-50%);
      transition: opacity .5s ease-in;
    }

    .main-banner .categories-list li figure figcaption {
      width: 100%;
      position: absolute;
      bottom: 34px;
      left: 50%;
      transform: translate(-50%);
      -webkit-transform: translate(-50%);
      transition: bottom .15s ease-in
    }

      .main-banner .categories-list li figure figcaption .text {
        display: inline-block;
        vertical-align: middle;
        font-family:var(--font-face);
        font-size: 16px;
        color: var(--color-informatica);
        margin-right: 2px;
        transition: color .15s ease-in
      }

      .main-banner .categories-list li figure figcaption .icon {
        display: inline-block;
        vertical-align: middle;
        width: 16px
      }

        .main-banner .categories-list li figure figcaption .icon path {
          transition: stroke .15s ease-in
        }

    .main-banner .categories-list li figure .iconCategory {
      width: 58px;
      height: auto;
      display: block;
      margin: 0 auto 13px;
      position: absolute;
      top: 14px;
      left: 50%;
      transform: translate(-50%);
      -webkit-transform: translate(-50%);
      opacity: .5;
      transition: opacity .5s ease-in;
    }
    .main-banner .categories-list li:nth-child(4) .iconCategory {
      max-width: 100px;
    }

      .main-banner .categories-list li figure figcaption .text1 {
        display: inline-block;
        vertical-align: middle;
        font-family:var(--font-face);
        font-size: 22px;
        color: #fff;
        margin-right: 2px;
        max-width: 151px;
      }

    .main-banner .categories-list li:hover .iconCategory {
      opacity: 1
    }

    .main-banner .categories-list li:first-child figure figcaption .iconCategory {
      background: url(/images/uploaded/ico-informatica-white.svg);
    }

  .main-banner .categories-list .box:first-child, .main-banner .categories-list .box:first-child:after {
    background: url(../img/backgrounds/bkg-blue-dark.svg);
    background-color: var(--color-informatica)
  }

  .main-banner .categories-list .box:nth-child(2), .main-banner .categories-list .box:nth-child(2):after {
    background: url(../img/backgrounds/bkg-green-dark.svg);
    background-color: #67c549
  }

  .main-banner .categories-list .box:nth-child(3), .main-banner .categories-list .box:nth-child(3):after {
    background: url(../img/backgrounds/bkg-orange-dark.svg);
    background-color: #e78036
  }

  .main-banner .categories-list .box:first-child,
  .main-banner .categories-list .box:first-child:after {
    background-size: cover;
  }

  .main-banner .categories-list .box:nth-child(2),
  .main-banner .categories-list .box:nth-child(2):after {
    background-size: cover;
  }

  .main-banner .categories-list .box:nth-child(3),
  .main-banner .categories-list .box:nth-child(3):after {
    background-size: cover;
  }

  .main-banner .categories-list .box:nth-child(4),
  .main-banner .categories-list .box:nth-child(4)::after {
    background-size: cover;
  }

    .main-banner .categories-list .box:nth-child(4) .bloco2 svg {
      display: none;
    }

    @media (max-width:767px) {
      .main-banner .categories-list li figure figcaption svg {
      display: none !important;
    }

    .main-banner .categories-list li figure figcaption span {
      font-size: 16px !important;
    }
  }

  .main-banner .categories-list li a {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2
  }




  .products {
    padding: 40px 0;
    font-size: 0
  }

  @media(max-width:765px) {
    .products {
      padding: 0px
    }
  }

  .products .title-2 {
    width: 75%;
    display: inline-block;
    margin-bottom: 20px;
    padding-left: 60px;
    margin-top: 40px
  }

  @media (max-width:1200px) {
    .products .title-2 {
      padding-left: 0
    }
  }
@media(max-width:768px) {
   .products .title-2 {
     padding-top: 25px;
  }

   .home-page-product-grid {
     padding-bottom: 20px;
  }
}


  .products .title-2 .icon {
    width: 22px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 4px
  }

  @media (max-width:767px) {
    .products .title-2 .icon {
      width: 20px
    }
  }

  .products .title-2 .text {
    display: inline-block;
    vertical-align: middle;
    font-family:var(--font-face);
    font-size: 24px;
    line-height: 31px;
    color: #606062;
    margin-top: 0px
  }

  @media (max-width:767px) {
    .products .title-2 .text {
      font-size: 20px
    }
  }

  .products .see-more {
    width: 25%;
    display: inline-block;
    vertical-align: middle;
    text-align: right;
    padding-right: 60px
  }

  @media (max-width:1200px) {
    .products .see-more {
      padding-right: 0
    }
  }

  .products .see-more:hover .text {
    color: var(--color-informatica)
  }

  .products .see-more:hover .icon path {
    stroke: var(--color-informatica)
  }

  .products .see-more .text {
    display: inline-block;
    vertical-align: middle;
    font-family:var(--font-face);
    font-size: 16px;
    color: #3a76d9;
    margin-right: 4px;
    pointer-events: none;
    transition: .15s ease-in
  }

  @media (max-width:767px) {
    .products .see-more .text {
      font-size: 14px
    }
  }

  .products .see-more .icon {
    width: 16px;
    display: inline-block;
    vertical-align: middle;
    pointer-events: none;
    transition: .15s ease-in
  }

  @media (max-width:767px) {
    .products .see-more .icon {
      font-size: 14px
    }
  }

  .products .see-more .icon path {
    stroke: #3a76d9
  }

  .products .slider, .products .nop-jcarousel, .master-wrapper-content .category-banner .slider {
    position: relative
  }

    .products .slider .slides, .products .nop-jcarousel .slick-carousel, .products .slider .blog-slides {
      margin: 0 -10px;
      padding: 0 60px
    }

  @media (max-width:1200px) {
    .products .slider .slides, .products .nop-jcarousel .slick-carousel, .products .slider .blog-slides {
      padding: 0
    }
  }

  @media (max-width:767px) {
    .products .slider .slides, .products .nop-jcarousel .slick-carousel, .products .slider .blog-slides {
      margin: 0 -16px 0 0
    }
  }

  .products .slider .slides .slide, .products .nop-jcarousel .slick-carousel .item-box, .products .slider .blog-slides .slide {
    margin: 0 10px;
    border: 1px solid #ededed;
    border-radius: 8px;
    overflow: hidden;
  }

  @media (max-width:767px) {
    .products .slider .slides .slide, .products .nop-jcarousel .slick-carousel .item-box, .products .slider .blog-slides .slide {
      /*width: calc(100vw - 71px);*/
      margin: 0 12px 0 0
    }
  }

  .products .slider .slides .slick-dots, .products .nop-jcarousel .slick-carousel .slick-dots, .products .slider .blog-slides .slick-dots {
    width: 100%;
    position: static;
    text-align: center;
    margin-top: 20px
  }

  @media (max-width:767px) {
    .products .slider .slides .slick-dots, .products .nop-jcarousel .slick-carousel .slick-dots, .products .slider .blog-slides .slick-dots {
      margin-left: -16px
    }
  }

  .products .slider .slides .slick-dots li, .products .nop-jcarousel .slick-carousel .slick-dots li, .products .slider .blog-slides .slick-dots li {
    width: 10px;
    height: 10px;
    display: inline-block;
    vertical-align: middle;
    background-color: transparent;
    border: 2px solid #3a76d9;
    transition: background-color .15s ease-in;
    margin: 0 6px
  }

    .products .slider .slides .slick-dots li button, .products .nop-jcarousel .slick-carousel .slick-dots li button, .products .slider .blog-slides .slick-dots li button {
      width: 100%;
      height: 100%;
      display: block;
      padding: 0
    }

    .products .slider .slides .slick-dots li.slick-active,
    .products .slider .slides .slick-dots li:hover,
    .products .slider .blog-slides .slick-dots li.slick-active,
    .products .slider .blog-slides .slick-dots li:hover,
    .products .nop-jcarousel .slick-carousel .slick-dots li.slick-active,
    .products .nop-jcarousel .slick-carousel .slick-dots li:hover {
      background-color: #3a76d9
    }
.header .slider .slides .slick-dots {
  display: none;
}
.products .slider .slider-controls, .products .nop-jcarousel .has-navigation, .master-wrapper-content .category-banner .slider .slider-controls {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  pointer-events: none
}

  @media (max-width:1200px) {
    .products .slider .slider-controls, .products .nop-jcarousel .has-navigation, .master-wrapper-content .category-banner .slider .slider-controls {
      display: none
    }
  }

  .products .slider .slider-controls .slick-arrow, .products .nop-jcarousel .has-navigation .slick-arrow, .master-wrapper-content .category-banner .slider .slider-controls .slick-arrow, .blog-slides .slick-arrow,
  .products.spc-products .product-grid .item-grid .slick-arrow  {
        width: 30px;
    height: 65px;
    background-color: #444744;
    border-radius: 9px;
    font-size: 0;
    position: absolute;
    top: 50%;
    pointer-events: all;
    opacity: 62%;
  }

    .products .slider .slider-controls .slick-arrow svg, .products .nop-jcarousel .has-navigation .slick-arrow svg, .master-wrapper-content .category-banner .slider .slider-controls .slick-arrow svg, .blog-slides .slick-arrow svg {
      pointer-events: none
    }
    .products.spc-products .product-grid .item-grid .slick-arrow.slick-prev:before, .products.spc-products .product-grid .item-grid .slick-arrow.slick-next:before {
      font-family: 'slick';
      font-size: 21px;
      line-height: 1;
      opacity: .75;
      color: white;
    }
    .products.spc-products .product-grid .item-grid .slick-arrow.slick-prev:before {
      content: '←';
    }
    .products.spc-products .product-grid .item-grid .slick-arrow.slick-next:before {
      content: '→';
    }
    .products.spc-products .product-grid .item-grid .slick-arrow
    .products .slider .slider-controls .slick-arrow.slick-prev, .products .nop-jcarousel .has-navigation .slick-arrow.slick-prev, .master-wrapper-content .category-banner .slider .slider-controls .slick-arrow.slick-prev, .blog-slides .slick-arrow.slick-prev, .products.spc-products .product-grid .item-grid .slick-arrow.slick-prev {
      left: 8px;
      position: absolute;
      z-index: 99;
      border: none;
      font-size: 0;
      cursor: pointer;
    }

    .products .slider .slider-controls .slick-arrow.slick-next, .products .nop-jcarousel .has-navigation .slick-arrow.slick-next, .master-wrapper-content .category-banner .slider .slider-controls .slick-arrow.slick.next, .blog-slides .slick-arrow.slick-next, .products.spc-products .product-grid .item-grid .slick-arrow.slick-next {
      right: 0
    }

    .products .slider .slider-controls .slick-arrow:hover, .products .nop-jcarousel .has-navigation .slick-arrow:hover, .master-wrapper-content .category-banner .slider .slider-controls .slick-arrow:hover, .blog-slides .slick-arrow:hover {
      background-color: var(--color-informatica)
    }


  .products products-highlights js-products alig {
    margin-top: -60px
  }

  .product-item {
    padding: 5px;
    border: 0px;
    border-radius: 4px;
    box-shadow: rgb(0 0 0 / 5%) 2px 1px 8px 1px;
  }

  .products .product-item .product-data {
    position: relative;
    overflow: clip;
  }

  @media (min-width:767px) {
    .products .product-item .product-data {
      height: auto;
    }
  }

  @media (max-width:767px) {
    .products .product-item .product-data {
    }
  }

  .products .product-item .product-data a {
    width: 100%;
    height: 100%;
    display: block;
  }

  .products .product-item .product-image {
    margin-bottom: 4px
  }

  @media (max-width:767px) {
    .products .product-item .product-image {
      position: absolute;
      top: 0;
      left: 11px;
      margin-bottom: 0
    }
  }

  .products .product-item .product-image img {
    width: 160px;
    max-width: 100%;
    height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

  @media (max-width:767px) {
    .products .product-item .product-image img {
      width: 73px
    }
  }

  .products .product-item .product-info {
    padding: 0 16px
  }

@media (max-width:767px) {
    .products .product-item .product-info {
      display: flex;
      flex-direction: column;
      gap: 10px;
    }
  }

  .products .product-item .product-info .title-3 {
    font-family:var(--font-face);
    font-size: 14px;
    line-height: 21px;
    color: #606062;
    text-transform: uppercase;
    /*Limitando   duas linhas.*/
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    height: auto;
    -webkit-box-orient: vertical;
    min-height: 63px
  }
    .products .product-item .product-info .title-3 a {
      color: #606062;
      display: inline;
      text-rendering: optimizeLegibility;
    }

@media (max-width:767px) {
  .products .product-item .product-info .title-3 {
    padding: 13px 16px 0 90px;
    font-size: 12px;
    line-height: 18px;
  }
}

.products .product-item .product-info .infos-product {
  display: flex;
  justify-content: space-between;
  margin-bottom: 3%;
}

@media (max-width:700px) {
    .infos-product {
        justify-content: end;
    }
}
.products .product-item .product-info .product-brand, .products .product-item .product-info .product-code, .products .product-item .product-info .part-number {
  display: inline-block;
  vertical-align: middle;
  font-family:var(--font-face);
  color: #606062;
  font-size: 10px;
  line-height: 18px;
  margin: 5px 0px;
}

@media(max-width: 1024px) {
  .products .product-item .product-info .product-brand, .products .product-item .product-info .product-code, .products .product-item .product-info .part-number {
    display: flex;
    flex-direction: column;
  }
}

@media(max-width: 768px) {
  .products .product-item .product-info .product-brand, .products .product-item .product-info .product-code, .products .product-item .product-info .part-number {
    flex-direction: unset;
  } 
}

@media(max-width: 768px) {
  .products-container .products .product-info .infos-product {
    flex-direction: row;
    justify-content: space-evenly;
  }  
  .infos-product {
    flex-direction: column;
    gap: 0;
    margin-top: 10px
  }
}

@media(max-width: 495px) {
  .infos-product {
    flex-direction: row;
    gap: 10px;
    margin-top: 10px;
    justify-content: space-evenly !important;
  }
}

  .products .product-item .product-order table {
    width: 100%
  }

    .products .product-item .product-order table thead {
      border-radius: 6px
    }

    .products .product-item .product-order table td, .products .product-item .product-order table th {
      color: #2d2d2e;
      text-transform: uppercase;
      padding: 4px 13px;
      text-align: left
    }

  @media (max-width:1600px) {
    .products .product-item .product-order table td, .products .product-item .product-order table th {
      padding: 4px 9px
    }
  }

  @media (max-width:1200px) {
    .products .product-item .product-order table td, .products .product-item .product-order table th {
      padding: 4px 7px
    }
  }

  .products .product-item .product-order table td:first-child, .products .product-item .product-order table th:first-child {
    text-align: center
  }

  .products .product-item .product-order table thead tr th {
    font-family:var(--font-face);
    font-weight: 500;
    font-size: 10px
  }

  .products .product-item .product-order table tbody tr td {
    font-family:var(--font-face);
    font-size: 14px;
    border-top: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
    vertical-align: middle
  }

  @media (max-width:1200px) {
    .products .product-item .product-order table tbody tr td {
      font-size: 12px
    }
  }

  .products .product-item .product-order-quantity {
    width: 78px;
    border: 1px solid #ededed;
    border-radius: 8px;
    margin: 8px 0;
    font-size: 0
  }

    .products .product-item .product-order-quantity input {
      width: 30px;
      height: 20px;
      line-height: 20px;
      display: inline-block;
      vertical-align: middle;
      border: none;
      font-family:var(--font-face);
      font-size: 13px;
      text-align: center;
      color: #939395;
      background: none;
    }

    .products .product-item .product-order-quantity button {
      width: 22.5px;
      height: 32px;
      display: inline-block;
      vertical-align: middle;
      cursor: pointer;
      border: none;
      padding: 4px 2px
    }

    .products .product-item .product-order-quantity svg {
      width: 18px;
      pointer-events: none
    }

  .products .product-item .button-to-log-in {
    width: auto;
    max-width: 100%;
    background-color: #2d2d2e;
    text-align: center;
    border: none;
    border-radius: 4px;
    font-family:var(--font-face);
    font-size: 14px;
    color: #fff;
    margin: 20px;
    padding: 10px 29px
  }

  .button-confirm-payment {
    width: 200px;
    height: 46px;
    line-height: 46px;
    display: block;
    margin: 0 auto;
    background-color: #49c956;
    border-radius: 8px;
    font-family:var(--font-face);
    font-size: 700;
    font-size: 16px;
    color: #fff;
    cursor: pointer;
    text-align: center;
  }

  .products .product-item .button-to-log-in:hover {
    background-color: #000
  }

  .products .product-item .button-to-log-in .icon, .products .product-item .button-to-log-in span {
    display: inline-block;
    vertical-align: middle;
    pointer-events: none
  }

  .products-highlights {
    background-color: #2d2d2e
  }

  @media(max-width: 494px) {
    .products-highlights {
        padding-bottom: 2%;
    }
  }

    .products-highlights .title .text {
      color: #fff;
      margin-top: -60px
    }

    .products-highlights .see-more:hover .text {
      color: #ededed
    }

    .products-highlights .see-more:hover .icon path {
      stroke: #ededed
    }

    .products-highlights .see-more .text {
      color: #fff
    }

    .products-highlights .see-more .icon path {
      stroke: #fff
    }

    .products-highlights .product-item {
      background-color: #fff;
    }

    .products-highlights .slider .slides .slick-dots li, .products-highlights .nop-jcarousel .slick-carousel .slick-dots li {
      border-color: #fff
    }

      .products-highlights .slider .slides .slick-dots li.slick-active, .products-highlights .nop-jcarousel .slick-carousel .slick-dots li.slick-active {
        background-color: #fff
      }

  .blog {
    padding-top: 0
  }

    .blog .title {
      padding-left: 0
    }

    .blog .see-more {
      padding-right: 0
    }

    .blog .slider .slides, .blog .nop-jcarousel .slick-carousel {
      margin: 0 -16px;
      padding: 0
    }

  @media (max-width:1200px) {
    .blog .slider .slides, .blog .nop-jcarousel .slick-carousel {
      margin: 0 -10px
    }
  }

  @media (max-width:767px) {
    .blog .slider .slides, .blog .nop-jcarousel .slick-carousel {
      margin: 0
    }
  }

  .blog .slider .slides .slide, .blog .nop-jcarousel .slick-carousel .item-box {
    border: none;
    margin: 0 16px
  }

  @media (max-width:1200px) {
    .blog .slider .slides .slide, .blog .nop-jcarousel .slick-carousel .item-box {
      margin: 0 10px
    }
  }

  .blog .blog-item .blog-data {
    position: relative;
    max-height: 350px;
    overflow: hidden;
  }

    .blog .blog-item .blog-data .blog-image {
      margin-bottom: 8px
    }

      .blog .blog-item .blog-data .blog-image img {
        width: 100%;
        height: auto;
        display: block;
        border-radius: 8px 8px 0 0;
      }

    .blog .blog-item .blog-data .blog-info .blog-category, .blog .blog-item .blog-data .blog-info .blog-date {
      display: inline-block;
      vertical-align: middle;
      font-family: rubikregular,Helvetica,Arial,sans-serif
    }

    .blog .blog-item .blog-data .blog-info .blog-date {
      font-size: 12px;
      line-height: 18px;
      color: #606062;
      margin-right: 17px
    }

  @media (max-width:1200px) {
    .blog .blog-item .blog-data .blog-info .blog-date {
      display: block
    }
  }

  @media (max-width:767px) {
    .blog .blog-item .blog-data .blog-info .blog-date {
      display: inline-block
    }
  }

  .blog .blog-item .blog-data .blog-info .blog-category {
    font-size: 10px;
    line-height: 15px;
    color: #fff;
    text-transform: uppercase;
    padding: 2px 4px;
    border-radius: 4px;
    margin-top: 1px;
  }

  .blog .blog-item .blog-data .blog-info .title {
    font-family:var(--font-face);
    font-size: 16px;
    line-height: 22px;
    color: #606062;
    margin: 8px 0;
    max-height: 60px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }

  .blog .blog-item .blog-data .blog-info button {
    font-family:var(--font-face);
    font-size: 14px;
    line-height: 21px;
    color: #3a76d9;
    text-transform: uppercase;
    background-color: transparent;
    border: none
  }

  .blog .blog-item .blog-data a {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0
  }

  .blog .blog-item:hover .blog-info button {
    color: var(--color-informatica)
  }

  .blog .blog-item .blog-info {
    padding: 0 10px 10px 10px;
  }

  .blog .blog-item .blog-data .blog-image.no-image {
    background-image: url('/Themes/Pauta/Content/img/tmp/banner.jpg');
    background-size: cover;
  }

  .mid-banner {
    padding-top: 1%;
  }

    .mid-banner .slider .slides, .mid-banner .nop-jcarousel .slick-carousel {
      padding: 0;
      margin: 0;
      border-radius: 16px;
      overflow: hidden
    }

  @media (max-width:991px) {
    .mid-banner .slider .slides, .mid-banner .nop-jcarousel .slick-carousel {
      border-radius: 8px
    }
  }

  .mid-banner .slider .slides .slide, .mid-banner .nop-jcarousel .slick-carousel .item-box {
    border-radius: 16px;
    margin: 0
  }

  @media (max-width:991px) {
    .mid-banner .slider .slides .slide, .mid-banner .nop-jcarousel .slick-carousel .item-box {
      border-radius: 8px
    }
  }

  .mid-banner .slider .slides .slide a, .mid-banner .nop-jcarousel .slick-carousel .item-box a {
    width: 100%;
    height: 100%;
    display: block
  }

    .mid-banner .slider .slides .slide a img, .mid-banner .nop-jcarousel .slick-carousel .item-box a img {
      width: 100%;
      height: auto;
      display: block;
      max-height: 220px;
    }

  .mid-banner .slider .slides .slide img, .mid-banner .nop-jcarousel .slick-carousel .item-box img {
    width: 100%;
    height: auto;
    display: block
  }
    @media (max-width:1700px) {
      .mid-banner .slider, .mid-banner .nop-jcarousel .slick-carousel, .html-widget .external-links .slider, .html-widget .external-banners {
        width: calc(1340px - 5.2vw);
        max-width: 100%;
        display: block;
        margin: 0px auto 0;
      }

    }
@media (max-width:1699px) {
  .html-widget .external-banners {
    width: calc(1500px - 5.2vw);
  }
}
@media (max-width:1599px) {
  .html-widget .external-banners {
    width: calc(1400px - 5.2vw);
  }
}

  @media (max-width:765px) {
    .html-widget .external-banners .grid {
      padding: 20px;
    }
  }
  /* @media (max-width:767px) {
    .mid-banner .slider .slides .slide a img, .mid-banner .nop-jcarousel .slick-carousel .item-box a img {
      display: none !important
    }

    .mid-banner .slider .slides .slide img, .mid-banner .nop-jcarousel .slick-carousel .item-box img {
      display: none !important
    }
  }*/

  @media (max-width:767px) {
    /* .mid-banner .slider .slides .slide a img.mobile-version, .mid-banner .nop-jcarousel .slick-carousel .item-box a img.mobile-version {
      display: block !important
    }

    .mid-banner .slider .slides .slide img.mobile-version, .mid-banner .nop-jcarousel .slick-carousel .item-box img.mobile-version {
      display: block !important
    }*/
  }

.mid-banner .slider .slides .slick-dots, .mid-banner .nop-jcarousel .slick-carousel .slick-dots {
  position: absolute;
  bottom: -10px;
}

    .mid-banner .slider .slides .slick-dots li, .mid-banner .nop-jcarousel .slick-carousel .slick-dots li {
      border-color: #fff
    }

      .mid-banner .slider .slides .slick-dots li.slick-active, .mid-banner .nop-jcarousel .slick-carousel .slick-dots li.slick-active {
        background-color: #fff
      }

  @media (max-width:1200px) {
    .mid-banner .slider .slider-controls, .mid-banner .nop-jcarousel .has-navigation {
      display: block
    }
  }

  .mid-banner .slider .slider-controls .slick-arrow, .mid-banner .nop-jcarousel .has-navigation .slick-arrow {
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%)
  }

    .mid-banner .slider .slider-controls .slick-arrow.slick-prev, .mid-banner .nop-jcarousel .has-navigation .slick-arrow.slick-prev {
      left: 8px
    }

    .mid-banner .slider .slider-controls .slick-arrow.slick-next, .mid-banner .nop-jcarousel .has-navigation .slick-arrow.slick-next {
      right: 8px
    }

  .external-links + .external-links {
    padding-top: 0
  }

  .external-links .slider .slides, .external-links .nop-jcarousel .slick-carousel {
    padding: 0
  }

    .external-links .slider .slides .slide, .external-links .nop-jcarousel .slick-carousel .item-box {
      border-radius: 16px;
      position: relative
    }

  @media (max-width:767px) {
    .external-links .slider .slides .slide, .external-links .nop-jcarousel .slick-carousel .item-box {
      width: calc(100vw - 126px)
    }
  }

  .external-links .slider .slides .slide:hover .content, .external-links .nop-jcarousel .slick-carousel .item-box:hover .content {
    background-color: #3a76d9
  }

  .external-links .slider .slides .slide .content, .external-links .nop-jcarousel .slick-carousel .item-box .content {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding: 24px;
    background-color: rgba(58,118,217,.6);
    transition: .15s ease-in
  }

  @media (max-width:1200px) {
    .external-links .slider .slides .slide .content, .external-links .nop-jcarousel .slick-carousel .item-box .content {
      padding: 16px
    }
  }

  @media (max-width:767px) {
    .external-links .slider .slides .slide .content, .external-links .nop-jcarousel .slick-carousel .item-box .content {
      padding: 24px 16px
    }
  }

  .external-links .slider .slides .slide a, .external-links .nop-jcarousel .slick-carousel .item-box a {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1
  }

  .external-links .slider .slides .slide img, .external-links .nop-jcarousel .slick-carousel .item-box img {
    width: 100%;
    height: auto;
    display: block
  }

  .external-links .slider .slides .slide .icon, .external-links .nop-jcarousel .slick-carousel .item-box .icon {
    margin-bottom: 14px
  }

  .external-links .slider .slides .slide .text, .external-links .nop-jcarousel .slick-carousel .item-box .text {
    display: block;
    font-family:var(--font-face);
    font-size: 20px;
    color: #fff
  }

  @media (max-width:1600px) {
    .external-links .slider .slides .slide .text, .external-links .nop-jcarousel .slick-carousel .item-box .text {
      font-size: 18px
    }
  }

  @media (max-width:1200px) {
    .external-links .slider .slides .slide .text, .external-links .nop-jcarousel .slick-carousel .item-box .text {
      font-size: 16px
    }
  }

  @media (max-width:767px) {
    .external-links .slider .slides .slide .text, .external-links .nop-jcarousel .slick-carousel .item-box .text {
      position: absolute;
      bottom: 0;
      left: 0;
      padding: 24px 16px;
      font-size: 18px
    }
  }

  @media (max-width:400px) {
    .external-links .slider .slides .slide .text, .external-links .nop-jcarousel .slick-carousel .item-box .text {
      padding: 16px;
      font-size: 16px
    }
  }

  .external-links .slider .slides .slick-dots li, .external-links .nop-jcarousel .slick-carousel .slick-dots li {
    border: 2px solid #3a76d9
  }

    .external-links .slider .slides .slick-dots li.slick-active,
    .external-links .slider .slides .slick-dots li:hover,
    .external-links .nop-jcarousel .slick-carousel .slick-dots li.slick-active,
    .external-links .nop-jcarousel .slick-carousel .slick-dots li:hover {
      background-color: #3a76d9
    }

  .external-banners {
    padding-top: 0
  }

    .external-banners .container {
      width: calc(50% - 10px);
      display: inline-block;
      vertical-align: top;
      border-radius: 16px;
      overflow: hidden;
      position: relative
    }

  @media (max-width:767px) {
    .external-banners .container {
      width: 100%;
      margin: 0
    }

      .external-banners .container + .container {
        margin-top: 10px
      }
  }

  .external-banners .container .content {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-self: center;
    background-color: rgba(45,45,46,.6);
    text-align: center;
    z-index: 1
  }

  .external-banners .container a {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2
  }

  .external-banners .container img {
    width: 100%;
    height: auto;
    display: block
  }

  .external-banners .container h2 {
    width: 100%;
    font-family:var(--font-face);
    font-size: 24px;
    line-height: 31px;
    color: #fff;
    text-align: center;
    margin-bottom: 10px
  }

  @media (max-width:991px) {
    .external-banners .container h2 {
      font-size: 20px
    }
  }

  .external-banners .container button {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center
  }

    .external-banners .container button .icon, .external-banners .container button .text {
      display: inline-block;
      vertical-align: middle
    }

    .external-banners .container button .text {
      font-family:var(--font-face);
      font-size: 16px;
      line-height: 24px;
      color: #fff
    }

  @media (max-width:991px) {
    .external-banners .container button .text {
      font-size: 14px
    }
  }

  .external-banners .container button .icon {
    margin-left: 4px
  }

  @media (max-width:700px) {
    .heidhtBannersProducts {
      height: auto !important;
    }

    .external-banners .container {
      float: none !important;
    }
  }

  .heidhtBannersProducts {
    height: 262px;
  }

  .main-segments h1.title {
    width: calc(1340px - 5.2vw);
    max-width: 100%;
    display: block;
    margin: 20px auto 0;
    background-color: var(--color-default);
    font-family:var(--font-face);
    font-size: 32px;
    line-height: 41px;
    color: #fff;
    border-radius: 16px;
    text-align: center;
    padding: 12px 0
  }

  @media (max-width:767px) {
    .main-segments h1.title {
      font-size: 18px;
      margin-top: 7px
    }
  }

  .main-segments .segment-categories {
    margin-top: 40px
  }

  @media (max-width:767px) {
    .main-segments .segment-categories {
      margin-top: 20px
    }
  }

  .main-segments .segment-categories .grid {
    height: 100%
  }

  .main-segments .segment-categories .slider, .main-segments .segment-categories .nop-jcarousel {
    position: relative
  }

  @media (max-width:767px) {
    .main-segments .segment-categories .slider, .main-segments .segment-categories .nop-jcarousel {
      margin-right: -16px
    }
  }

  @media (max-width:1250px) {
    .main-segments .segment-categories .slider .slides {
      overflow-x: auto;
    }
  }

  @media (min-width:1250px) {
    .main-segments .segment-categories .slider .slides {
      justify-content: center;
    }
  }

  @media (max-width:1250px) {
    .main-segments .segment-categories .slider .slides {
      gap: 5%;
    }
  }


  .main-segments .segment-categories .slider .slides, .main-segments .segment-categories .nop-jcarousel .slick-carousel {
    margin: 0px
  }

  @media (max-width:767px) {
    .main-segments .segment-categories .slider .slides, .main-segments .segment-categories .nop-jcarousel .slick-carousel {
      margin: 0
    }
  }

  .main-segments .segment-categories .slider .slides .slide, .main-segments .segment-categories .nop-jcarousel .slick-carousel .item-box {
    width: 150px;
    margin: 0 8px;
    text-align: center;
    height: 95px;
  }

    .main-segments .segment-categories .slider .slides .slide:last-child .sub-category-hover {
      transform: translate(-60px);
    }

  @media (max-width:767px) {
    .main-segments .segment-categories .slider .slides .slide, .main-segments .segment-categories .nop-jcarousel .slick-carousel .item-box {
      width: 117px;
      margin: 0 8px 0 0
    }
  }

  .main-segments .segment-categories .slider .slides .slide.active .subcategory-image:not(.sub-category-hover .subcategory-image),
  .main-segments .segment-categories .slider .slides .slide:hover .subcategory-image:not(.sub-category-hover .subcategory-image),
  .main-segments .segment-categories .nop-jcarousel .slick-carousel .item-box.active .subcategory-image:not(.sub-category-hover .subcategory-image),
  .main-segments .segment-categories .nop-jcarousel .slick-carousel .item-box:hover .subcategory-image:not(.sub-category-hover .subcategory-image) {
    font-weight: bolder;
    /*color: #3a76d9;*/
  }

  .main-segments .segment-categories .slider .slides .slide.active a sub-sub-category, .main-segments .segment-categories .slider .slides .slide.sub-active a sub-sub-category {
    font-weight: normal !important;
  }

  .main-segments .segment-categories .slider .slides .slide.active a .subcategory-name, .main-segments .segment-categories .slider .slides .slide.sub-active a .subcategory-name {
    /*color: #3a76d9;*/
    font-weight: bolder;
  }

  .main-segments .segment-categories .slider .slides .slide:hover {
    border-radius: 8px 8px;
    /*background: #3A76D9;*/
    border-style: solid;
    border-width: 1px;
    border-color: #fff;
  }
  /*
  .main-segments .segment-categories .slider .slides .slide:hover  .subcategory-name{
 color:white;
  }*/

  .main-segments .segment-categories .slider .slides .slide.active .subcategory-image .icon, .main-segments .segment-categories .slider .slides .slide.sub-active .subcategory-image .icon, .main-segments .segment-categories .nop-jcarousel .slick-carousel .item-box.active .subcategory-image .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%)
  }

  .main-segments .segment-categories .slider .slides .slide a, .main-segments .segment-categories .nop-jcarousel .slick-carousel .item-box a {
    width: 100%;
    height: 100%;
    display: block
  }

    .main-segments .segment-categories .slider .slides .slide a .subcategory-image, .main-segments .segment-categories .nop-jcarousel .slick-carousel .item-box a .subcategory-image {
      height: 52px;
      display: block;
      border-radius: 16px;
      transition: border-color .15s ease-in;
      margin-bottom: 8px;
      position: relative
    }

  @media (max-width:767px) {
    .main-segments .segment-categories .slider .slides .slide a .subcategory-image, .main-segments .segment-categories .nop-jcarousel .slick-carousel .item-box a .subcategory-image {
      /*border-color: #c8c8c8*/
    }
  }

  .main-segments .segment-categories .slider .slides .slide a .subcategory-image img, .main-segments .segment-categories .nop-jcarousel .slick-carousel .item-box a .subcategory-image img {
    max-width: 100%;
    height: auto;
    display: inline-block
  }

  .main-segments .segment-categories .slider .slides .slide a .subcategory-name {
    display: block;
    font-family:var(--font-face);
    font-size: 14px;
    line-height: 16px;
    color: #2d2d2e;
    transition: color .15s ease-in;
    margin: 0px 5px;
  }

  .main-segments .segment-categories .slider .slides .slide .sub-category-hover a .subcategory-name {
    display: block;
    font-family:var(--font-face);
    font-size: 14px;
    line-height: 16px;
    color: #fff;
    transition: color .15s ease-in;
    text-align: initial;
  }

  .main-segments .segment-categories .nop-jcarousel .slick-carousel .item-box a .subcategory-name {
    display: block;
    font-family:var(--font-face);
    font-size: 14px;
    line-height: 16px;
    color: #2d2d2e;
    transition: color .15s ease-in
  }

  .main-segments .segment-categories .slider .slider-controls, .main-segments .segment-categories .nop-jcarousel .has-navigation {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    pointer-events: none
  }

  @media (max-width:1200px) {
    .main-segments .segment-categories .slider .slider-controls, .main-segments .segment-categories .nop-jcarousel .has-navigation {
      display: none
    }
  }

  .main-segments .segment-categories .slider .slider-controls .slick-arrow, .main-segments .segment-categories .nop-jcarousel .has-navigation .slick-arrow {
    width: 40px;
    height: 40px;
    background-color: #3a76d9;
    border-radius: 8px;
    font-size: 0;
    position: absolute;
    top: 25%;
    pointer-events: all;
    opacity: .5;
    transition: .15s ease-in
  }

    .main-segments .segment-categories .slider .slider-controls .slick-arrow svg, .main-segments .segment-categories .nop-jcarousel .has-navigation .slick-arrow svg {
      pointer-events: none
    }

    .main-segments .segment-categories .slider .slider-controls .slick-arrow.slick-prev, .main-segments .segment-categories .nop-jcarousel .has-navigation .slick-arrow.slick-prev {
      left: 0
    }

    .main-segments .segment-categories .slider .slider-controls .slick-arrow.slick-next, .main-segments .segment-categories .nop-jcarousel .has-navigation .slick-arrow.slick-next {
      right: 0
    }

    .main-segments .segment-categories .slider .slider-controls .slick-arrow:hover, .main-segments .segment-categories .nop-jcarousel .has-navigation .slick-arrow:hover {
      background-color: var(--color-informatica);
      opacity: 1
    }

  .filters .filter-configurations {
    display: flex;
    border-bottom: 1px solid #ededed;
    /*padding-bottom: 20px;*/
    /*margin-bottom: 20px;*/
    /*width: 1440px;*/
    max-width: 100%;
    margin: 0px auto 20px auto;
    padding: 0 5.2vw 20px 5.2vw;
  }

  .segment .grid,
  .filters .filter-configurations {
    width: auto !important;
  }

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

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

  @media (max-width:991px) {
    .filters .filter-configurations {
      display: block;
      position: relative
    }
    .filter-container {
        margin: 0 auto;
    }
  }

  .filters .filter-configurations .filter-search {
    display: none;
    vertical-align: middle;
    margin-right: auto;
    margin-left: auto;
    width: 20%;
  }

  @media (max-width:1200px) {
    .filters .filter-configurations .filter-search {
      margin-right: 7.5px
    }
  }

  .filters .filter-configurations .filter-search label {
    width: 80%;
    display: inline-block;
    vertical-align: middle
  }

  @media (max-width:1200px) {
    .filters .filter-configurations .filter-search label {
      width: 80%;
    }
  }

  @media (max-width:991px) {
    .filters .filter-configurations .filter-search label {
      width: 80%;
    }
  }

  @media (max-width:480px) {
    .filters .filter-configurations .filter-search label {
      max-width: 80%;
    }
  }

  .filters .filter-configurations .filter-search input {
    width: 100%;
    height: 40px;
    line-height: 40px;
    background-color: #fff;
    border: 1px solid #c8c8c8;
    border-right: none;
    border-radius: 8px 0 0 8px;
    padding: 0 20px;
    font-family:var(--font-face);
    font-size: 14px;
    color: #2d2d2e
  }

    .filters .filter-configurations .filter-search input ::-webkit-input-placeholder {
      color: #2d2d2e;
      opacity: 1
    }

    .filters .filter-configurations .filter-search input ::-moz-placeholder {
      color: #2d2d2e;
      opacity: 1
    }

    .filters .filter-configurations .filter-search input :-ms-input-placeholder {
      color: #2d2d2e;
      opacity: 1
    }

    .filters .filter-configurations .filter-search input :-moz-placeholder {
      color: #2d2d2e;
      opacity: 1
    }

  .filters .filter-configurations .filter-search button {
    width: 20%;
    height: 40px;
    background-color: #3a76d9;
    border: 1px solid #3a76d9;
    text-align: center;
    border: none;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    border-radius: 0 8px 8px 0
  }

    .filters .filter-configurations .filter-search button:hover {
      background-color: var(--color-informatica);
      border-color: var(--color-informatica)
    }

    .filters .filter-configurations .filter-search button svg {
      width: 16px;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%,-50%);
      -webkit-transform: translate(-50%,-50%)
    }

  @media (max-width:991px) {
    .filters .filter-configurations .filter-search button svg path {
      stroke: #fff !important
    }
  }

  @media (max-width:800px) {
    .filters .filter-configurations .filter-search {
      width: 60%;
    }
  }

  .filters .filter-configurations .tablet-version.button-open-filter {
    border-left: 2px solid #d0d0d0;
    padding: 10px;
    display: flex !important;
    line-height: 21px;
  }

  .filters .filter-configurations .button-open-filter {
  }

    .filters .filter-configurations .button-open-filter .icon, .filters .filter-configurations .button-open-filter .text {
      display: inline-block;
      vertical-align: middle
    }

    .filters .filter-configurations .button-open-filter .text {
      font-family:var(--font-face);
      font-size: 16px;
      line-height: 21px;
      color: #000;
      margin-right: 4px
    }

  .filters .filter-configurations .filter-parameters {
    display: flex;
  }

    /* @media (max-width:991px) {
    .filters .filter-configurations .filter-parameters {
      width: 100vw;
      height: 100vh;
      position: fixed;
      bottom: 2674px;
      left: 0;
      z-index: 6;
      background-color: rgba(0,0,0,.5);
      transition: .15s ease-in;
      opacity: 0;
      pointer-events: none
    }

      .filters .filter-configurations .filter-parameters * {
        pointer-events: none
      }

      .filters .filter-configurations .filter-parameters.active {
        opacity: 1;
        pointer-events: all
      }

        .filters .filter-configurations .filter-parameters.active * {
          pointer-events: all
        }

        .filters .filter-configurations .filter-parameters.active .filter-parameters-container {
          bottom: 300px;
        }

      .filters .filter-configurations .filter-parameters .filter-parameters-container {
        width: 100%;
        height: 50vh;
        position: absolute;
        bottom: -50vh;
        left: 0;
        background-color: #fff;
        transition: bottom .15s ease-in;
        display: block !important;
        padding: 20px
      }

      .filters .filter-configurations .filter-parameters .filter-paramenters-header {
        margin-bottom: 20px
      }

        .filters .filter-configurations .filter-parameters .filter-paramenters-header .filter-paramenters-title {
          font-family:var(--font-face);
          font-size: 16px;
          line-height: 24px;
          color: #000
        }

        .filters .filter-configurations .filter-parameters .filter-paramenters-header .filter-parameters-button {
          width: auto;
          display: block;
          position: absolute;
          top: 0;
          right: 0;
          font-size: 0;
          padding: 20px
        }

          .filters .filter-configurations .filter-parameters .filter-paramenters-header .filter-parameters-button .icon, .filters .filter-configurations .filter-parameters .filter-paramenters-header .filter-parameters-button .text {
            display: inline-block;
            vertical-align: middle
          }

          .filters .filter-configurations .filter-parameters .filter-paramenters-header .filter-parameters-button .text {
            font-family:var(--font-face);
            font-size: 16px;
            line-height: 21px;
            color: #000;
            margin-left: 8px
          }

      .filters .filter-configurations .filter-parameters .filter-content {
        display: block !important;
        height: 100%;
        overflow-y: auto;
        padding-bottom: 20px
      }

      .filters .filter-configurations .filter-parameters .filter-details {
        display: block;
        border-top: 1px solid #ededed;
      }

        .filters .filter-configurations .filter-parameters .filter-details > section {
          margin-bottom: 0
        }

        .filters .filter-configurations .filter-parameters .filter-details .filter-details-add {
          display: none
        }
  }*/
    .filters .filter-configurations .filter-parameters .filter-parameters-container .filter-content {
      margin-top: 20px;
    }

    .filters .filter-configurations .filter-parameters .filter-content, .filters .filter-configurations .filter-parameters .filter-parameters-container {
      display: flex
    }

    .filters .filter-configurations .filter-parameters .filter-exhibition, .filters .filter-configurations .filter-parameters .filter-ordenation, .product-viewmode {
      margin: 0 20px
    }

  @media (max-width:1200px) {
    .filters .filter-configurations .filter-parameters .filter-exhibition, .filters .filter-configurations .filter-parameters .filter-ordenation {
      margin: 0 7.5px
    }
  }


  .filters .filter-configurations .filter-parameters .filter-exhibition form, .filters .filter-configurations .filter-parameters .filter-ordenation form, .product-viewmode {
    position: relative
  }

    /*@media (max-width:991px) {
    .filters .filter-configurations .filter-parameters .filter-exhibition form, .filters .filter-configurations .filter-parameters .filter-ordenation form {
      width: 197px
    }
  }*/

    .filters .filter-configurations .filter-parameters .filter-exhibition form label, .filters .filter-configurations .filter-parameters .filter-ordenation form label, .product-viewmode label {
      font-family:var(--font-face);
      font-size: 14px;
      line-height: 21px;
      color: #606062;
      margin-right: 8px;
    }

  @media (max-width:991px) {
    .filters .filter-configurations .filter-parameters .filter-exhibition form label, .filters .filter-configurations .filter-parameters .filter-ordenation form label {
      display: block;
      margin-bottom: 4px;
    }
  }

  .filters .filter-configurations .filter-parameters .filter-exhibition form select, .filters .filter-configurations .filter-parameters .filter-ordenation form select {
    width: 197px;
    height: 40px;
    background-color: #fff;
    border: 1px solid #c8c8c8;
    border-radius: 8px;
    padding: 0 32px 0 12px;
    font-family:var(--font-face);
    font-size: 14px;
    color: #606062;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none
  }

  @media (max-width:1200px) {
    .filters .filter-configurations .filter-parameters .filter-exhibition form select, .filters .filter-configurations .filter-parameters .filter-ordenation form select {
      width: 160px
    }
  }

  .button-filter-mobile {
    display: none;
  }

  @media (max-width:991px) {
    .filters .filter-configurations .filter-parameters .filter-exhibition form select, .filters .filter-configurations .filter-parameters .filter-ordenation form select {
      width: 100%
    }

    .button-filter-mobile {
      display: block;
    }
  }

  .filters .filter-configurations .filter-parameters .filter-exhibition form .icon, .filters .filter-configurations .filter-parameters .filter-ordenation form .icon {
    width: 20px;
    position: absolute;
    top: 8px;
    right: 12px;
    pointer-events: none
  }

  /* @media (max-width:991px) {
    .filters .filter-configurations .filter-parameters .filter-exhibition form .icon, .filters .filter-configurations .filter-parameters .filter-ordenation form .icon {
      top: 33px
    }
  }*/

  .filters .filter-configurations .filter-results {
    align-self: center;
    margin-left: auto;
  }

  @media (min-width:1000px) {
    .filters .filter-configurations .filter-results {
      width: 20%;
    }
  }

  @media (max-width:991px) {
    .filters .filter-configurations .filter-results {
      display: flex;
      justify-content: space-between;
      border-top: 1px solid #ededed;
      margin-top: 8px;
      line-height: 21px;
    }
  }

  .filters .filter-configurations .filter-results p {
    font-family:var(--font-face);
    font-size: 16px;
    color: #606062;
    padding: 10px;
  }

  .filters .filter-container {
    /*display: flex*/
  }

    .filters .filter-container .filter-list {
      width: 1040px;
      padding-left: 20px;
      order: 2
    }

  @media (max-width:991px) {
    .filters .filter-container .filter-list {
      width: 100%;
      padding-left: 0
    }
  }

  .filters .filter-container .filter-list .product-item {
    display: flex;
    border: 1px solid #ededed;
    border-radius: 8px;
    margin-top: 12px
  }

  @media (max-width:991px) {
    .filters .filter-container .filter-list .product-item {
      display: block
    }
  }

  .filters .filter-container .filter-list .product-item:first-child {
    margin-top: 0
  }

  .filters .filter-container .filter-list .product-item .product-data {
    display: flex;
    align-items: center;
    position: relative;
    border-right: 1px solid #ededed
  }

    .filters .filter-container .filter-list .product-item .product-data a {
      width: 100%;
      height: 100%;
      display: block;
      position: absolute;
      top: 0;
      left: 0
    }

  .filters .filter-container .filter-list .product-item .product-image {
    text-align: center;
    margin-bottom: 4px
  }

  @media (max-width:767px) {
    .filters .filter-container .filter-list .product-item .product-image {
      position: absolute;
      top: 50%;
      left: 11px;
      margin-bottom: 0;
      transform: translateY(-50%);
      -webkit-transform: translateY(-50%)
    }
  }

  .filters .filter-container .filter-list .product-item .product-image img {
    width: 300px;
    max-width: 100%;
    height: auto;
    display: inline-block
  }

  @media (max-width:767px) {
    .filters .filter-container .filter-list .product-item .product-image img {
      width: 73px
    }
  }

  .filters .filter-container .filter-list .product-item .product-info {
    padding: 0 20px
  }

  @media (max-width:767px) {
    .filters .filter-container .filter-list .product-item .product-info {
      padding: 13px 16px 0 100px
    }
  }

  .filters .filter-container .filter-list .product-item .product-info .product-brand, .filters .filter-container .filter-list .product-item .product-info .product-code {
    display: inline-block;
    vertical-align: middle;
    font-family:var(--font-face);
    font-weight: 700;
    font-size: 10px;
    line-height: 15px;
    color: #606062;
    text-transform: uppercase
  }

    .filters .filter-container .filter-list .product-item .product-info .product-code:before {
      content: "";
      width: 4px;
      height: 4px;
      display: inline-block;
      vertical-align: middle;
      background-color: #2d2d2e;
      border-radius: 50%;
      margin: 0 4px
    }

  .filters .filter-container .filter-list .product-item .product-info .title-3 {
    display: block;
    font-family:var(--font-face);
    font-size: 14px;
    line-height: 21px;
    color: #606062;
    text-transform: uppercase
  }

  @media (max-width:767px) {
    .filters .filter-container .filter-list .product-item .product-info .title-3 {
      font-size: 12px;
      line-height: 18px
    }
  }

  .filters .filter-container .filter-list .product-item .product-info .part-number {
    display: block;
    font-family:var(--font-face);
    font-size: 12px;
    line-height: 18px;
    color: #606062;
    margin: 2px 0 12px
  }

  .filters .filter-container .filter-list .product-item .product-order {
    width: 60%
  }

  @media (max-width:1200px) {
    .filters .filter-container .filter-list .product-item .product-order {
      width: 100%
    }
  }

  .filters .filter-container .filter-list .product-item .product-order table {
    width: 100%
  }

    .filters .filter-container .filter-list .product-item .product-order table td, .filters .filter-container .filter-list .product-item .product-order table th {
      color: #2d2d2e;
      text-transform: uppercase;
      padding: 4px 13px;
      text-align: left
    }

  @media (max-width:1600px) {
    .filters .filter-container .filter-list .product-item .product-order table td, .filters .filter-container .filter-list .product-item .product-order table th {
      padding: 4px 9px
    }
  }

  @media (max-width:1200px) {
    .filters .filter-container .filter-list .product-item .product-order table td, .filters .filter-container .filter-list .product-item .product-order table th {
      padding: 4px 7px
    }
  }

  .filters .filter-container .filter-list .product-item .product-order table td:first-child, .filters .filter-container .filter-list .product-item .product-order table th:first-child {
    text-align: center
  }

  .filters .filter-container .filter-list .product-item .product-order table thead tr th {
    font-family:var(--font-face);
    font-weight: 500;
    font-size: 10px
  }

  .filters .filter-container .filter-list .product-item .product-order table tbody tr td {
    font-family:var(--font-face);
    font-size: 14px;
    border-top: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
    vertical-align: middle
  }

  @media (max-width:1200px) {
    .filters .filter-container .filter-list .product-item .product-order table tbody tr td {
      font-size: 12px
    }
  }

  .filters .filter-container .filter-list .product-item .product-order-quantity {
    width: 77px;
    border: 1px solid #ededed;
    border-radius: 8px;
    margin: 8px 0;
    font-size: 0
  }

    .filters .filter-container .filter-list .product-item .product-order-quantity input {
      width: 30px;
      height: 20px;
      line-height: 20px;
      display: inline-block;
      vertical-align: middle;
      border: none;
      font-family:var(--font-face);
      font-size: 13px;
      text-align: center;
      color: #939395
    }

    .filters .filter-container .filter-list .product-item .product-order-quantity button {
      width: 22.5px;
      height: 32px;
      display: inline-block;
      vertical-align: middle;
      cursor: pointer;
      border: none;
      padding: 4px 2px
    }

    .filters .filter-container .filter-list .product-item .product-order-quantity svg {
      width: 18px;
      pointer-events: none
    }

  .filters .filter-container .filter-list .product-item .button-to-log-in {
    width: auto;
    max-width: 100%;
    background-color: #2d2d2e;
    text-align: center;
    border: none;
    border-radius: 4px;
    font-family:var(--font-face);
    font-size: 14px;
    color: #fff;
    margin: 20px;
    padding: 10px 29px
  }

    .filters .filter-container .filter-list .product-item .button-to-log-in:hover {
      background-color: #000
    }

    .filters .filter-container .filter-list .product-item .button-to-log-in .icon, .filters .filter-container .filter-list .product-item .button-to-log-in span {
      display: inline-block;
      vertical-align: middle;
      pointer-events: none
    }

  .filters .filter-details {
    width: 280px;
    order: 1;
    padding: 15px 20px;
    margin: 0 auto;
    background: #f6f6f6;
    border-radius: 8px;
    box-shadow: rgb(0 0 0 / 10%) 2px 1px 8px 1px;
  }

  @media (max-width:1366px) {
    .filters .filter-details {
      width: 250px;
      order: 1;
      padding: 15px 20px;
      margin: 0 auto;
      background: #f6f6f6;
      border-radius: 8px;
      box-shadow: rgb(0 0 0 / 10%) 2px 1px 8px 1px;
    }
  }

  @media (max-width:991px) {
    .filters .filter-details {
      display: none
    }
  }

  .filters .filter-details > section {
    margin-bottom: 30px
  }

    .filters .filter-details > section h2 {
      font-family:var(--font-face);
      font-size: 16px;
      line-height: 24px;
      color: #2d2d2e;
      text-transform: uppercase
    }

    .filters .filter-details > section .filter-brand ul {
      max-height: 285px;
      overflow: auto;
    }

    .filters .filter-details > section .filter-options.filter-specs.g-filter, .filters .filter-details .filter-options.filter-brand.g-filter {
      margin: 20px 0;
    }

      .filters .filter-details > section .filter-options.filter-specs.g-filter .list-specs {
        max-height: 600px;
      }


    .filters .filter-details > section .filter-options .filter-name {
      display: block;
      font-family:var(--font-face);
      font-weight: 500;
      font-size: 16px;
      line-height: 24px;
      color: #606062;
      margin-bottom: 8px
    }

    .filters .filter-details > section .block-specs-navigation.filter-options.filter-specs {
      margin-left: 10px;
    }

    .filters .filter-details > section .filter-options .filter-option .line-group {
      display: flex;
    }

    .filters .filter-details > section .filter-options .filter-option label {
      display: block;
      cursor: pointer;
      margin-bottom: 0px
    }

    .filters .filter-details > section .filter-options .filter-option input {
      display: inline-block;
      vertical-align: middle;
      width: 16px;
      height: 16px;
      border: 2px solid #aea7a7 !important;
      border-radius: 6px !important;
      appearance: none;
      -webkit-appearance: none;
      -moz-appearance: none;
      -ms-appearance: none;
      -o-appearance: none;
      transition: background-color .15s ease-in;
      margin-bottom: 0px
    }

      .filters .filter-details > section .filter-options .filter-option input:checked {
        background-color: #606062
      }

    .filters .filter-details > section .filter-options .filter-option .filter-option-name {
      display: inline-block;
      vertical-align: middle;
      font-family:var(--font-face);
      font-size: 14px;
      line-height: 21px;
      color: #2a426a;
      padding-left: 6px;
      width: 90%;
    }
    .filters .filter-details > section .filter-options .filter-option .filter-option-name strong {
        font-weight:normal !important;
    }

  @media(max-width:765px) {
    .filters .filter-details > section .filter-options .filter-option .filter-option-name {
      width: 70%;
    }
  }

  .filters .filter-details .filter-details-add a {
    width: 100%;
    height: 100%;
    display: block
  }

  .filters .filter-details .filter-details-add img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 8px
  }

  .product-detail .product-show {
    display: flex
  }

  @media (max-width:991px) {
    .product-detail .product-show {
      display: block
    }
  }

  .product-detail .product-show .product-images {
    display: flex;
    position: relative;
    padding-left: 74px
  }

  @media (max-width:991px) {
    .product-detail .product-show .product-images {
      width: 498px;
      max-width: 100%;
      display: block;
      margin: 0 auto;
      padding-left: 0
    }
  }

  .product-detail .product-show .product-images .full {
    width: 524px;
    padding-left: 32px;
    background-color: #fff
  }

  @media (max-width:1200px) {
    .product-detail .product-show .product-images .full {
      width: 350px
    }
  }

  @media (max-width:991px) {
    .product-detail .product-show .product-images .full {
      width: 100%;
      padding-left: 0
    }
  }

  .product-detail .product-show .product-images .full img {
    width: 100%;
    height: auto;
    display: block;
    cursor: col-resize
  }

  .product-detail .product-show .product-images .full .slider, .product-detail .product-show .product-images .full .nop-jcarousel {
    position: relative
  }

    .product-detail .product-show .product-images .full .slider .slider-controls, .product-detail .product-show .product-images .full .nop-jcarousel .has-navigation {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 1;
      pointer-events: none
    }

      .product-detail .product-show .product-images .full .slider .slider-controls .slick-arrow, .product-detail .product-show .product-images .full .nop-jcarousel .has-navigation .slick-arrow {
        width: 40px;
        height: 40px;
        background-color: transparent;
        border-radius: 8px;
        font-size: 0;
        position: absolute;
        top: 50%;
        pointer-events: all;
        transition: .15s ease-in
      }

        .product-detail .product-show .product-images .full .slider .slider-controls .slick-arrow svg,
        .product-detail .product-show .product-images .full .nop-jcarousel .has-navigation .slick-arrow svg {
          pointer-events: none
        }

        .product-detail .product-show .product-images .full .slider .slider-controls .slick-arrow.slick-prev,
        .product-detail .product-show .product-images .full .nop-jcarousel .has-navigation .slick-arrow.slick-prev {
          left: 0
        }

        .product-detail .product-show .product-images .full .slider .slider-controls .slick-arrow.slick-next,
        .product-detail .product-show .product-images .full .nop-jcarousel .has-navigation .slick-arrow.slick-next {
          right: 0
        }

        .product-detail .product-show .product-images .full .slider .slider-controls .slick-arrow:hover,
        .product-detail .product-show .product-images .full .nop-jcarousel .has-navigation .slick-arrow:hover {
          background-color: transparent
        }

  .product-detail .product-show .product-images .thumbnails {
    width: 74px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%)
  }

  @media (max-width:991px) {
    .product-detail .product-show .product-images .thumbnails {
      width: 100%;
      position: static;
      transform: translate(0);
      -webkit-transform: translate(0)
    }
  }

  @media (max-width:991px) {
    .product-detail .product-show .product-images .thumbnails .slick-active {
      opacity: 1
    }

      .product-detail .product-show .product-images .thumbnails .slick-active + .slick-active {
        opacity: .5
      }
  }

  .product-detail .product-show .product-images .thumbnails img {
    width: 100%;
    height: auto;
    display: block;
    cursor: pointer
  }

  @media (max-width:991px) {
    .product-detail .product-show .product-images .thumbnails img {
      transition: opacity .15s ease-in;
      opacity: .5
    }
  }

  .product-detail .product-show .product-info {
    display: flex;
    padding: 0 0 0 32px;
    margin-top: 56px
  }

  @media (max-width:1200px) {
    .product-detail .product-show .product-info {
      margin-top: 0
    }
  }

  @media (max-width:991px) {
    .product-detail .product-show .product-info {
      display: block;
      padding: 0;
      margin-top: 30px
    }
  }

.product-detail .product-show .product-info .product-brand, .product-detail .product-show .product-info .product-code, .product-datasheet .part-number {
  display: inline-block;
  vertical-align: middle;
  font-family:var(--font-face);
  font-weight: 700;
  font-size: 14px;
  line-height: 21px;
  color: #606062;
  text-transform: uppercase
}

  .product-detail .product-show .product-info .title-1 {
    display: block;
    font-family:var(--font-face);
    font-size: 24px;
    line-height: 31px;
    color: #606062;
    text-transform: uppercase
  }

  @media (max-width:1200px) {
    .product-detail .product-show .product-info .title-1 {
      font-size: 20px;
      line-height: 30px
    }
  }

  .product-detail .product-show .product-info .product-datasheet {
    display: flex;
    justify-content: space-between
  }

  @media (max-width:991px) {
    .product-detail .product-show .product-info .product-datasheet {
      display: block
    }
  }

  .product-detail .product-show .product-info .product-datasheet .part-number, .product-detail .product-show .product-info .product-datasheet > a {
    display: flex;
    font-family:var(--font-face);
    font-size: 12px;
    line-height: 18px;
    color: #606062;
    margin: 2px 0 12px
  }

  @media (max-width:1600px) {
    .product-detail .product-show .product-info .product-datasheet .part-number, .product-detail .product-show .product-info .product-datasheet > a {
      font-size: 10px
    }
  }

  @media (max-width:991px) {
    .product-detail .product-show .product-info .product-datasheet .part-number, .product-detail .product-show .product-info .product-datasheet > a {
      display: block;
      font-size: 14px
    }
  }

  .product-detail .product-show .product-info .product-datasheet a {
    text-transform: uppercase;
    color: var(--color-informatica)
  }

    .product-detail .product-show .product-info .product-datasheet a .icon, .product-detail .product-show .product-info .product-datasheet a span {
      display: inline-block;
      vertical-align: middle
    }

    .product-detail .product-show .product-info .product-datasheet a .icon {
      width: 16px;
      margin-left: 1px;
      margin-top: -4px;
      transition: .15s ease-in
    }

    .product-detail .product-show .product-info .product-datasheet a.share-whatsapp .icon {
      margin-top: 0
    }

    .product-detail .product-show .product-info .product-datasheet a:hover {
      color: #2a426a
    }

      .product-detail .product-show .product-info .product-datasheet a:hover .icon path {
        stroke: #2a426a
      }

  .product-detail .product-show .product-order table {
    width: 100%
  }

    .product-detail .product-show .product-order table td, .product-detail .product-show .product-order table th {
      color: #2d2d2e;
      text-transform: uppercase;
      padding: 4px 13px;
      text-align: left
    }

  @media (max-width:1600px) {
    .product-detail .product-show .product-order table td, .product-detail .product-show .product-order table th {
      padding: 4px 9px
    }
  }

  @media (max-width:1200px) {
    .product-detail .product-show .product-order table td, .product-detail .product-show .product-order table th {
      padding: 4px 7px
    }
  }

  .product-detail .product-show .product-order table td:first-child, .product-detail .product-show .product-order table th:first-child {
    text-align: center
  }

  .product-detail .product-show .product-order table thead tr th {
    font-family:var(--font-face);
    font-weight: 500;
    font-size: 12px
  }

  .product-detail .product-show .product-order table tbody tr td {
    font-family:var(--font-face);
    font-size: 16px;
    border-top: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
    vertical-align: middle
  }

  @media (max-width:1200px) {
    .product-detail .product-show .product-order table tbody tr td {
      font-size: 12px
    }
  }

  .product-detail .product-show .product-order-quantity {
    width: 77px;
    border: 1px solid #ededed;
    border-radius: 8px;
    margin: 8px 0;
    font-size: 0
  }

    .product-detail .product-show .product-order-quantity input {
      width: 30px;
      height: 20px;
      line-height: 20px;
      display: inline-block;
      vertical-align: middle;
      border: none;
      font-family:var(--font-face);
      font-size: 13px;
      text-align: center;
      color: #939395
    }

    .product-detail .product-show .product-order-quantity button {
      width: 22.5px;
      height: 32px;
      display: inline-block;
      vertical-align: middle;
      cursor: pointer;
      border: none;
      padding: 4px 2px
    }

    .product-detail .product-show .product-order-quantity svg {
      width: 18px;
      pointer-events: none
    }

  .product-detail .product-show .button-to-log-in {
    width: auto;
    max-width: 100%;
    background-color: #2d2d2e;
    text-align: center;
    border: none;
    border-radius: 4px;
    font-family: var(--font-face);
    font-size: 14px;
    color: #fff;
    margin: 20px;
    padding: 10px 29px
  }

    .product-detail .product-show .button-to-log-in:hover {
      background-color: #000
    }

    .product-detail .product-show .button-to-log-in .icon, .product-detail .product-show .button-to-log-in span {
      display: inline-block;
      vertical-align: middle;
      pointer-events: none
    }

  .product-detail .product-general-information .product-general-content + .product-general-content {
    margin-top: 0
  }

  .product-detail .product-general-information .product-general-content.active + .product-general-content {
    margin-top: 40px
  }

  .product-detail .product-general-information .product-general-content.active .title-2 .icon ~ .icon {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg)
  }

  .product-detail .product-general-information .product-general-content.active .product-description .title-3 {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 5px
  }

  .product-detail .product-general-information .product-general-content.active .product-description p {
    font-size: 16px;
    line-height: 24px;
    margin-top: 25px;
    text-align: justify;
  }
.product-detail .product-general-information .product-general-content .product-description .build-block img {
  display: none;
}
.product-detail .product-general-information .product-general-content.active .build-block img {
  display: block;
  width: 100%;
  margin: 5% 0;
}
  .product-detail .product-general-information .product-general-content.active .feature-item {
    margin-top: 11px
  }

    .product-detail .product-general-information .product-general-content.active .feature-item .feature-description, .product-detail .product-general-information .product-general-content.active .feature-item .feature-title {
      font-size: 16px;
      line-height: 24px
    }

  .product-detail .product-general-information .product-general-content .title-2 {
    position: relative;
    padding-right: 30px;
    padding-bottom: 32px;
    cursor: pointer
  }

    .product-detail .product-general-information .product-general-content .title-2 .icon, .product-detail .product-general-information .product-general-content .title-2 .text {
      display: inline-block;
      vertical-align: middle;
      pointer-events: none
    }

    .product-detail .product-general-information .product-general-content .title-2 .text {
      font-family:var(--font-face);
      font-size: 24px;
      line-height: 31px;
      color: #2d2d2e;
      margin-left: 2px
    }

  @media (max-width:991px) {
    .product-detail .product-general-information .product-general-content .title-2 .text {
      font-size: 20px;
      line-height: 28px
    }
  }

  .product-detail .product-general-information .product-general-content .title-2 .icon ~ .icon {
    position: absolute;
    top: 3px;
    right: 0;
    transition: .15s ease-in
  }

  .product-detail .product-general-information .product-general-content .product-description .title-3 {
    font-family:var(--font-face);
    font-weight: 700;
    color: #606062;
    text-transform: uppercase;
    transition: margin .15s ease-in
  }

  .product-detail .product-general-information .product-general-content .product-description a, .product-detail .product-general-information .product-general-content .product-description p {
    font-family:var(--font-face);
    color: #606062;
    transition: margin .15s ease-in
  }

  .product-detail .product-general-information .product-general-content .product-description b, .product-detail .product-general-information .product-general-content .product-description strong {
    font-family:var(--font-face);
    font-weight: 700
  }

  .product-detail .product-general-information .product-general-content .product-description a {
    color: var(--color-informatica);
    margin: 0
  }

    .product-detail .product-general-information .product-general-content .product-description a:hover {
      color: #3a76d9
    }

  .product-detail .product-general-information .product-general-content .product-description i {
    font-style: italic
  }

  .product-detail .product-general-information .product-general-content .product-description br {
    display: none
  }

  .product-detail .product-general-information .product-general-content .product-description iframe, .product-detail .product-general-information .product-general-content .product-description img, .product-detail .product-general-information .product-general-content .product-description video {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
    border: none
  }

  .product-detail .product-general-information .product-general-content .product-features .features-list .feature-item {
    transition: margin .15s ease-in
  }

    .product-detail .product-general-information .product-general-content .product-features .features-list .feature-item:first-child {
      margin-top: 0
    }

    .product-detail .product-general-information .product-general-content .product-features .features-list .feature-item .feature-description {
      display: block;
      font-family:var(--font-face);
      font-weight: 700;
      color: #606062
    }

  .product-detail .product-general-information .product-general-content.active .product-features .features-list {
    width: 100%
  }

    .product-detail .product-general-information .product-general-content.active .product-features .features-list .feature-item {
      border-bottom: 1px solid #BBBFBF;
    }

      .product-detail .product-general-information .product-general-content.active .product-features .features-list .feature-item .feature-title, .product-detail .product-general-information .product-general-content.active .product-features .features-list .feature-item .feature-description {
        font-family:var(--font-face);
        font-weight: 550;
        color: #606062;
        padding: 7px 14px 6px;
        word-break: break-word;
      }

      .product-detail .product-general-information .product-general-content.active .product-features .features-list .feature-item .feature-title {
        background-color: #F0F2F2;
        width: 30%;
        white-space: normal;
        word-wrap: break-word;
        text-align: initial;
      }

      .product-detail .product-general-information .product-general-content.active .product-features .features-list .feature-item .feature-description {
        font-weight: 400
      }

  .main-register .register-progress {
    width: 500px;
    max-width: 100%;
    margin: 0 auto 30px;
    position: relative
  }

    .main-register .register-progress:before {
      content: "";
      width: 100%;
      height: 1px;
      background-color: #939395;
      position: absolute;
      top: 21px;
      left: 0
    }

    .main-register .register-progress li {
      display: inline-block;
      vertical-align: middle;
      text-align: center;
      margin: 0 76px;
      position: relative;
      z-index: 1;
      background-color: #fff
    }

      .main-register .register-progress li:first-child {
        margin-left: 0
      }

  @media (max-width:767px) {
    .main-register .register-progress li:nth-child(2) {
      position: absolute;
      top: 0;
      left: 50%;
      transform: translate(-50%);
      -webkit-transform: translate(-50%);
      margin: 0
    }
  }

  .main-register .register-progress li:last-child {
    margin-right: 0
  }

  @media (max-width:767px) {
    .main-register .register-progress li:last-child {
      position: absolute;
      top: 0;
      right: 0
    }
  }

  .main-register .register-progress li .step-icon {
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #939395;
    margin: 0 auto 2px;
    border-radius: 50%;
    padding-top: 6px
  }

    .main-register .register-progress li .step-icon .icon {
      width: 20px;
      display: inline-block
    }

  .main-register .register-progress li .step-name {
    display: block;
    font-family:var(--font-face);
    font-size: 14px;
    line-height: 21px;
    color: #939395;
    text-align: center
  }

  @media (max-width:767px) {
    .main-register .register-progress li .step-name {
      font-size: 12px;
      line-height: 18px
    }
  }

  .main-register .register-progress li.active .step-icon {
    border-color: var(--color-informatica)
  }

    .main-register .register-progress li.active .step-icon .icon path {
      stroke: var(--color-informatica)
    }

  .main-register .register-progress li.active .step-name {
    color: var(--color-informatica)
  }

  .main-register .register-progress li.completed .step-icon {
    border-color: #49c956
  }

    .main-register .register-progress li.completed .step-icon .icon path {
      stroke: #49c956
    }

  .main-register .register-progress li.completed .step-name {
    color: #49c956
  }

  .main-register .register-progress li.completed:after, .main-register .register-progress li.completed:before {
    content: "";
    width: 152px;
    height: 1px;
    background-color: #49c956;
    position: absolute;
    top: 21px;
    left: 100%
  }

  .main-register .register-progress li.completed:before {
    top: 5px;
    height: 32px;
    background-color: transparent;
    background: url(../img/elements/step-completed.svg) no-repeat 50%/32px;
    z-index: 1
  }

  @media (max-width:767px) {
    .main-register .register-progress li.completed:before {
      width: 32px;
      left: 24vw
    }
  }

  .main-register form {
    width: 500px;
    max-width: 100%;
    margin: 0 auto 40px;
    font-size: 0;
    position: relative
  }

  .main-register .step {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    pointer-events: none;
    transition: opacity .15s ease-in
  }

    .main-register .step.active {
      position: relative;
      opacity: 1;
      pointer-events: all
    }

    .main-register .step.step-3 .field .field:not(.half) {
      width: calc(30% - 10px)
    }

    .main-register .step.step-3 .field .two {
      width: calc(50% - 10px);
    }

    .main-register .step.step-3 .d-f {
      display: flex;
      justify-content: space-between;
    }

      .main-register .step.step-3 .d-f .three {
        width: calc(33% - 10px);
      }

  @media (max-width:480px) {
    .main-register .step.step-3 .field .field:not(.half) {
      width: 100%;
      margin-right: 0
    }
  }


  @media (max-width:480px) {
    .main-register .step.step-3 .field .field:not(.half) + .field:not(.half), .main-register .field .field.four, .main-register .field .field.three {
      width: 100%;
      margin-left: 0
    }
  }

  .main-register .field .field.three {
    width: calc(40% - 10px);
  }

  .main-register .field .field.four {
    width: calc(35% - 10px) !important;
  }

  .main-register .step.step-3 .field .field:not(.half) + .field:not(.half) {
    width: calc(70% - 10px);
  }

  .main-register .step.step-3 .form-actions button.button-next-step {
    background-color: #49c956
  }

    .main-register .step.step-3 .form-actions button.button-next-step:hover {
      background-color: #49c956;
      opacity: .85
    }

  .main-register h1, .main-register legend {
    font-family:var(--font-face);
    font-size: 24px;
    line-height: 31px;
    text-align: center;
    margin-bottom: 30px
  }

  @media (max-width:767px) {
    .main-register h1, .main-register legend {
      font-size: 20px;
      margin-bottom: 10px
    }
  }

  .main-register .field {
    margin-bottom: 12px
  }

    .main-register .field .field {
      width: calc(70% - 10px);
      display: inline-block;
      vertical-align: bottom;
      margin-right: 10px;
      margin-bottom: 0
    }

  @media (max-width:480px) {
    .main-register .field .field {
      width: calc(50% - 10px)
    }
  }

  .main-register .field .field + .field {
      width: calc(30% - 10px);
      margin-right: 0;
      margin-left: 10px;
  }

  @media (max-width:480px) {
    .main-register .field .field + .field {
      width: calc(50% - 10px)
    }
  }

  .main-register .field .field + .field.checkbox {
    margin-bottom: 12px
  }

    .main-register .field .field + .field.checkbox label {
      margin-bottom: 0
    }

  .main-register .field.required > label:after {
    content: "*";
    display: inline-block;
    vertical-align: top;
    font-family:var(--font-face);
    font-size: 14px;
    color: #e74949
  }

  .main-register .field.half {
    width: calc(50% - 10px) !important;
    display: inline-block;
    vertical-align: top;
    margin-right: 10px
  }

  .main-register .field .field.three {
    width: calc(40% - 10px);
  }

  .main-register .field.half + .half {
    margin-left: 10px;
    margin-right: 0
  }

  .main-register .field.checkbox input, .main-register .field.checkbox label, .main-register .field.checkbox span {
    cursor: pointer
  }

  .main-register .field.checkbox input, .main-register .field.checkbox span {
    display: inline-block;
    vertical-align: middle
  }

  .main-register .field.checkbox span {
    width: auto;
    display: inline-block;
    line-height: normal;
    font-family:var(--font-face);
    font-size: 14px;
    color: #606062;
    margin-left: 4px;
    margin-bottom: 0
  }

  .main-register .field.checkboxes {
    margin: 0 -5px 12px
  }

    .main-register .field.checkboxes > span {
      display: block;
      margin-bottom: 7px
    }

    .main-register .field.checkboxes label {
      width: auto;
      display: inline-block;
      vertical-align: middle;
      background-color: #f1f2f3;
      border-radius: 8px;
      padding: 6px 8px;
      margin: 5px
    }

    .main-register .field.checkboxes input {
      border-color: #2d2d2e
    }

      .main-register .field.checkboxes input:checked {
        background-color: #000
      }

  .main-register .field.terms {
    position: relative;
    padding-left: 30px
  }

    .main-register .field.terms input {
      position: absolute;
      top: 50%;
      left: 0;
      transform: translateY(-50%);
      -webkit-transform: translateY(-50%)
    }

    .main-register .field.terms span {
      font-size: 12px;
      line-height: 18px;
      color: #000
    }

    .main-register .field.terms a {
      color: #3a76d9
    }

      .main-register .field.terms a:hover {
        color: var(--color-informatica)
      }

  .main-register > label {
    width: auto;
    display: inline-block
  }

  .main-register label, .main-register span {
    font-family:var(--font-face);
    font-size: 14px;
    line-height: 21px;
    margin-bottom: 4px;
    color: #2d2d2e
  }

  .main-register input[type=email], .main-register input[type=password], .main-register input[type=text], .main-register input[type=url], .main-register select {
    width: 100%;
    height: 40px;
    line-height: 40px;
    background-color: #fff;
    border: 1px solid #c8c8c8;
    border-radius: 4px;
    font-family:var(--font-face);
    font-size: 14px;
    color: #606062;
    padding: 0 12px
  }

    .main-register input[type=email] ::-webkit-input-placeholder, .main-register input[type=password] ::-webkit-input-placeholder, .main-register input[type=text] ::-webkit-input-placeholder, .main-register input[type=url] ::-webkit-input-placeholder, .main-register select ::-webkit-input-placeholder {
      color: #606062;
      opacity: 1
    }

    .main-register input[type=email] ::-moz-placeholder, .main-register input[type=password] ::-moz-placeholder, .main-register input[type=text] ::-moz-placeholder, .main-register input[type=url] ::-moz-placeholder, .main-register select ::-moz-placeholder {
      color: #606062;
      opacity: 1
    }

    .main-register input[type=email] :-ms-input-placeholder, .main-register input[type=password] :-ms-input-placeholder, .main-register input[type=text] :-ms-input-placeholder, .main-register input[type=url] :-ms-input-placeholder, .main-register select :-ms-input-placeholder {
      color: #606062;
      opacity: 1
    }

    .main-register input[type=email] :-moz-placeholder, .main-register input[type=password] :-moz-placeholder, .main-register input[type=text] :-moz-placeholder, .main-register input[type=url] :-moz-placeholder, .main-register select :-moz-placeholder {
      color: #606062;
      opacity: 1
    }

  .main-register input[type=checkbox] {
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    border: 2px solid #c8c8c8;
    border-radius: 3px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    transition: background-color .15s ease-in
  }

    .main-register input[type=checkbox]:checked {
      background-color: #606062
    }

  .main-register .form-actions {
    text-align: center;
    position: relative
  }

    .main-register .form-actions button {
      display: inline-block;
      height: 40px;
      line-height: 40px;
      border: none;
      border-radius: 8px;
      font-family:var(--font-face);
      font-size: 16px
    }

      .main-register .form-actions button.button-next-step {
        width: 120px;
        background-color: var(--color-informatica);
        color: #fff
      }

        .main-register .form-actions button.button-next-step:hover {
          background-color: #2a426a
        }

      .main-register .form-actions button.button-return-step {
        background-color: transparent;
        position: absolute;
        top: 0;
        left: 0;
        color: var(--color-informatica)
      }

        .main-register .form-actions button.button-return-step:hover {
          color: #2a426a
        }

  .main-account {
    padding-top: 40px !important
  }

  @media (max-width:767px) {
    .main-account {
      padding-top: 20px !important
    }
  }

  .main-account .account-navigation ul li:first-child a {
    background-color: #3a76d9
  }

  .main-account .account-navigation ul li:first-child .icon path {
    stroke: #fff
  }

  .main-account .account-navigation ul li:first-child .text {
    color: #fff
  }

  .account-navigation {
    width: 100%;
    margin-bottom: 30px
  }

  @media (max-width:767px) {
    .account-navigation {
      overflow-y: auto;
      margin-bottom: 20px
    }
  }

  @media (max-width:767px) {
    .account-navigation ul {
      width: 485px
    }
  }

  .account-navigation li {
    display: inline-block;
    vertical-align: top;
    margin-right: 14px
  }

  @media (max-width:767px) {
    .account-navigation li {
      margin-right: 0
    }
  }

  @media (min-width:768px) {
    .account-navigation li:hover a {
      background-color: #3a76d9 !important
    }

    .account-navigation li:hover .icon path {
      stroke: #fff !important
    }

    .account-navigation li:hover .text {
      color: #fff !important
    }
  }

  .account-navigation li a {
    width: 100%;
    height: 100%;
    display: block;
    padding: 10px;
    border-radius: 8px;
    transition: .15s ease-in
  }

    .account-navigation li a * {
      transition: .15s ease-in
    }

  .account-navigation li .icon, .account-navigation li .text {
    display: inline-block;
    vertical-align: middle
  }

  @media (max-width:767px) {
    .account-navigation li .icon {
      width: 16px
    }
  }

  .account-navigation li .text {
    font-family:var(--font-face);
    font-size: 16px;
    color: #000;
    margin-left: 12px;
    margin-bottom: 0
  }

  @media (max-width:767px) {
    .account-navigation li .text {
      font-size: 14px;
      margin-left: 4px
    }
  }

  .account-container {
    display: flex;
    justify-content: space-between;
    margin: 0 -15px
  }

  @media (max-width:991px) {
    .account-container {
      display: block;
      margin: 0;
      padding-bottom: 30px
    }
  }

  .account-container .account-content {
    margin: 0 15px
  }

  @media (max-width:991px) {
    .account-container .account-content {
      margin: 0
    }
  }

  .account-container .account-content + .account-content {
    margin-top: 56px;
    display: flex;
    flex-direction: row
  }

  @media (max-width:1200px) {
    .account-container .account-content + .account-content {
      flex-direction: column
    }
  }

  @media (max-width:991px) {
    .account-container .account-content + .account-content {
      display: block;
      margin-top: 0
    }
  }

  .account-container .account-content + .account-content .account-content {
    align-self: flex-start;
    margin-top: 0 !important;
    margin-left: 0
  }

  @media (max-width:1200px) {
    .account-container .account-content + .account-content .account-content {
      margin-right: 0;
      margin-bottom: 30px
    }
  }

  .account-container .account-content + .account-content .account-content + .account-content {
    margin-left: 15px;
    margin-right: 0
  }

  @media (max-width:1200px) {
    .account-container .account-content + .account-content .account-content + .account-content {
      margin: 30px 0 0
    }
  }

  .account-container .account-content .title {
    font-family:var(--font-face);
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 30px;
    text-align: left
  }

  @media (max-width:991px) {
    .account-container .account-content .title {
      margin-bottom: 0
    }
  }

  .account-container .account-content .box {
    max-width: 100%;
    border: 1px solid #ededed;
    border-radius: 8px
  }

  .account-container .account-content .box {
    padding: 60px 20px 20px;
  }

    .account-container .account-content .box + .box {
      margin-top: 30px
    }

    .account-container .account-content .box p {
      font-family: Helvetica, Arial, sans-serif;
      font-size: 16px;
      line-height: 22px;
      text-align: center
    }

      .account-container .account-content .box p strong {
        font-family:var(--font-face);
        font-weight: 500;
        letter-spacing: .7px
      }

  .account-container .account-content .button-password, .account-container .account-content .button-form-register {
    display: flex;
    height: 44px;
    background-color: transparent;
    border: 1px solid #3a76d9;
    border-radius: 8px;
    padding: 10px
  }


  .account-container .account-content .button-form-register {
    width: 70%;
    margin: 20px auto;
  }

  .account-container .account-content .button-password {
    margin: 20px auto;
    max-width: 210px
  }

  @media (max-width:991px) {
    .account-container .account-content .button-password, .account-container .account-content .button-form-register {
      display: inline-block
    }
  }

  .account-container .account-content .button-password:hover, .account-container .account-content .button-form-register:hover {
    background-color: #3a76d9
  }

    .account-container .account-content .button-password:hover .icon path, .account-container .account-content .button-form-register:hover .icon path, .account-container .account-content .button-form-register:hover .icon line {
      stroke: #fff
    }

    .account-container .account-content .button-password:hover .text, .account-container .account-content .button-form-register:hover .text {
      color: #fff
    }

  .account-container .account-content .button-password .icon path {
    stroke: #3a76d9
  }

  .account-container .account-content .button-password .text, .account-container .account-content .button-form-register .text {
    font-family:var(--font-face);
    font-size: 16px;
    color: #3a76d9;
    margin-left: 12px;
  }


  @media (max-width:1200px) {
    .account-content form {
      width: 100%
    }
  }

  .account-content form fieldset.step {
    padding: 60px 20px 20px;
    border: 1px solid #ededed;
    border-radius: 8px;
    position: relative;
    opacity: 1;
    pointer-events: all
  }

  @media (max-width:991px) {
    .account-content form fieldset.step {
      padding: 40px 0 0;
      border: none;
      margin-top: 10px
    }
  }

  .account-content form fieldset.step * {
    pointer-events: all
  }

  .account-content form fieldset.step + fieldset {
    margin-top: 20px
  }

  @media (max-width:991px) {
    .account-content form fieldset.step + fieldset {
      margin-top: 10px
    }
  }

  .account-content form fieldset.step legend, .account-content form .step-1.box legend {
    font-family:var(--font-face);
    font-size: 16px;
    font-weight: 700;
    text-align: left;
    margin-bottom: 10px;
    position: absolute;
    top: 20px;
    left: 20px
  }

  @media (max-width:991px) {
    .account-content form fieldset.step legend {
      top: 0;
      left: 0
    }
  }

  .main-account.main-orders .account-navigation ul li:first-child a {
    background-color: transparent
  }

  .main-account.main-orders .account-navigation ul li:first-child .icon path {
    stroke: #000
  }

  .main-account.main-orders .account-navigation ul li:first-child .text {
    color: #000
  }

  .main-account.main-orders .account-navigation ul li:nth-child(2) a {
    background-color: #3a76d9
  }

  .main-account.main-orders .account-navigation ul li:nth-child(2) .icon path {
    stroke: #fff
  }

  .main-account.main-orders .account-navigation ul li:nth-child(2) .text {
    color: #fff
  }

  .main-account.main-orders .account-container .account-content {
    width: 100%;
    margin: 0
  }

  @media (max-width:991px) {
    .main-account.main-orders .account-container .account-content .title {
      margin-bottom: 20px
    }
  }

  .main-account.main-orders .orders-filter h2 {
    font-family:var(--font-face);
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 16px
  }

  .main-account.main-orders .orders-filter .orders-filter-content {
    display: flex;
    justify-content: flex-start
  }

  @media (max-width:767px) {
    .main-account.main-orders .orders-filter .orders-filter-content {
      display: block
    }
  }

  .main-account.main-orders .orders-filter form {
    width: auto;
    position: relative;
    margin: 0 48px 0 0
  }

  @media (max-width:991px) {
    .main-account.main-orders .orders-filter form {
      width: 197px
    }
  }

  @media (max-width:767px) {
    .main-account.main-orders .orders-filter form {
      width: 100%;
      margin-bottom: 20px
    }
  }

  .main-account.main-orders .orders-filter form label {
    font-family:var(--font-face);
    font-size: 14px;
    line-height: 21px;
    color: #606062;
    margin-right: 8px
  }

  @media (max-width:991px) {
    .main-account.main-orders .orders-filter form label {
      display: block;
      margin-bottom: 4px
    }
  }

  .main-account.main-orders .orders-filter form select, .main-account.main-orders .orders-filter form input {
    width: 197px;
    height: 40px;
    background-color: #fff;
    border: 1px solid #c8c8c8;
    border-radius: 8px;
    padding: 0 32px 0 12px;
    font-family:var(--font-face);
    font-size: 14px;
    color: #606062;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    cursor: pointer
  }

  .main-account.main-orders .orders-filter form input {
    padding: 0 12px 0 12px;
  }

  @media (max-width:1200px) {
    .main-account.main-orders .orders-filter form select, .main-account.main-orders .orders-filter form input {
      width: 160px
    }
  }

  @media (max-width:991px) {
    .main-account.main-orders .orders-filter form select, .main-account.main-orders .orders-filter form input {
      width: 100%
    }
  }

  .main-account.main-orders .orders-filter form .icon {
    width: 20px;
    position: absolute;
    top: 8px;
    right: 12px;
    pointer-events: none
  }

  @media (max-width:991px) {
    .main-account.main-orders .orders-filter form .icon {
      top: 33px
    }
  }

  .main-account.main-orders .orders-content {
    min-height: 230px;
    padding-bottom: 30px
  }

    .main-account.main-orders .orders-content .orders-list .orders-item {
      border: 1px solid #c8c8c8;
      border-radius: 8px;
      padding: 32px;
      margin-top: 20px
    }

  @media (max-width:991px) {
    .main-account.main-orders .orders-content .orders-list .orders-item {
      padding: 0 20px 10px
    }
  }

  @media (max-width:404px) {
    .main-account.main-orders .orders-content .orders-list .orders-item {
      padding: 0 10px 10px
    }
  }

  .main-account.main-orders .orders-content .orders-list .orders-item.active .orders-item-header > li:last-child button .icon {
    transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg)
  }



  .filters .filter-container, .products-wrapper, .category .products-container .grid {
    height: auto;
    width: 100%;
    justify-content: center;
  }
    /*List box*/
    .products-wrapper .filter-container .product-list {
      width: 90%;
      margin-left: 5%;
    }

      .products-wrapper .filter-container .product-list .cardProduct {
        width: 100%
      }

        .products-wrapper .filter-container .product-list .cardProduct .item, .products-wrapper .filter-container .product-list .cardProduct .item .product-data {
          display: flex;
          width: 100%
        }

          .products-wrapper .filter-container .product-list .cardProduct .item .product-data .product-image {
            padding: 15px
          }

          .products-wrapper .filter-container .product-list .cardProduct .item .product-data .product-info {
            width: 80%;
            display: grid;
            align-items: center;
          }

          .products-wrapper .filter-container .product-list .cardProduct .item .product-order {
            width: 30%;
            margin-right: 0px
          }

            .products-wrapper .filter-container .product-list .cardProduct .item .product-order table {
              min-width: 340px;
              background: #f9f9f9;
            }

  @media (max-width:1366px) {
    .products-wrapper .filter-container .product-list .cardProduct .item .product-data .product-info {
      width: 60%;
    }

    .products-wrapper .filter-container .product-list .cardProduct .item .product-order {
      width: 40%;
    }
  }
  /*Grid box*/
  @media(min-width:950px) {
    .containerProducts {
      display: flex;
      grid-template-columns: repeat(3, 25%);
      grid-auto-rows: auto;
      grid-column-gap: 2%;
      flex-direction: row;
      flex-wrap: wrap;
      align-content: center;
      margin-left: 5%;
    }

    .cardProduct {
      width: 30%;
      border: 0px !important;
      border-radius: 6px;
      box-shadow: rgb(0 0 0 / 20%) 2px 1px 8px 1px;
      margin: 2% 0 0 0;
      min-width: 350px
    }
  }

  @media(max-width:900px) {
    .containerProducts {
      display: flex;
      grid-template-columns: repeat(3, 25%);
      grid-auto-rows: auto;
      grid-row-gap: 2%;
      flex-direction: row;
      flex-wrap: wrap;
      align-content: center;
    }

    .cardProduct {
      width: 100%;
      border: 0px !important;
      border-radius: 6px;
      box-shadow: rgb(0 0 0 / 20%) 2px 1px 8px 1px;
      margin: 2%
    }
  }


  .main-account.main-orders .orders-content .orders-list .orders-item.active .items-content {
    display: block
  }

  .main-account.main-orders .orders-content .orders-list .orders-item .orders-item-header {
    display: flex;
    justify-content: space-between
  }

  @media (max-width:991px) {
    .main-account.main-orders .orders-content .orders-list .orders-item .orders-item-header {
      display: block
    }
  }

  @media (max-width:991px) {
    .main-account.main-orders .orders-content .orders-list .orders-item .orders-item-header > li {
      width: auto;
      display: inline-block;
      vertical-align: top;
      margin-top: 20px
    }

      .main-account.main-orders .orders-content .orders-list .orders-item .orders-item-header > li:nth-child(2), .main-account.main-orders .orders-content .orders-list .orders-item .orders-item-header > li:nth-child(5) {
        margin-left: 20px;
        margin-right: 20px
      }
  }

  @media (max-width:404px) {
    .main-account.main-orders .orders-content .orders-list .orders-item .orders-item-header > li:nth-child(2), .main-account.main-orders .orders-content .orders-list .orders-item .orders-item-header > li:nth-child(5) {
      margin-left: 15px;
      margin-right: 15px
    }
  }

  .main-account.main-orders .orders-content .orders-list .orders-item .orders-item-header > li > span {
    font-family:var(--font-face);
    display: block
  }

    .main-account.main-orders .orders-content .orders-list .orders-item .orders-item-header > li > span.item-title {
      font-size: 12px;
      line-height: 18px;
      margin-bottom: 4px
    }

  @media (max-width:404px) {
    .main-account.main-orders .orders-content .orders-list .orders-item .orders-item-header > li > span.item-title {
      font-size: 11px
    }
  }

  .main-account.main-orders .orders-content .orders-list .orders-item .orders-item-header > li > span.item-title-content {
    font-size: 16px;
    line-height: 24px
  }

  @media (max-width:404px) {
    .main-account.main-orders .orders-content .orders-list .orders-item .orders-item-header > li > span.item-title-content {
      font-size: 14px
    }
  }

  .main-account.main-orders .orders-content .orders-list .orders-item .orders-item-header > li > span.item-title-content a {
    color: #3a76d9;
    text-decoration: underline
  }

    .main-account.main-orders .orders-content .orders-list .orders-item .orders-item-header > li > span.item-title-content a:hover {
      color: var(--color-informatica)
    }

  .main-account.main-orders .orders-content .orders-list .orders-item .orders-item-header > li:last-child {
    align-self: center
  }

  @media (max-width:991px) {
    .main-account.main-orders .orders-content .orders-list .orders-item .orders-item-header > li:last-child {
      margin-top: 0
    }
  }

  .main-account.main-orders .orders-content .orders-list .orders-item .orders-item-header > li button {
    font-family:var(--font-face);
    font-size: 16px;
    padding: 10px 0
  }

    .main-account.main-orders .orders-content .orders-list .orders-item .orders-item-header > li button * {
      transition: .15s ease-in
    }

    .main-account.main-orders .orders-content .orders-list .orders-item .orders-item-header > li button:hover .text {
      color: var(--color-informatica)
    }

    .main-account.main-orders .orders-content .orders-list .orders-item .orders-item-header > li button .icon, .main-account.main-orders .orders-content .orders-list .orders-item .orders-item-header > li button .text {
      display: inline-block;
      vertical-align: middle;
      color: #3a76d9;
      margin-bottom: 0;
      pointer-events: none
    }

    .main-account.main-orders .orders-content .orders-list .orders-item .orders-item-header > li button .icon {
      margin-left: 4px;
      font-size: 20px
    }

  .main-account.main-orders .orders-content .orders-list .orders-item .items-content {
    display: none
  }

    .main-account.main-orders .orders-content .orders-list .orders-item .items-content .order-items .title-3 {
      margin-top: 30px;
      padding: 30px 0;
      border-top: 1px solid #ededed;
      border-bottom: 1px solid #ededed
    }

  @media (max-width:767px) {
    .main-account.main-orders .orders-content .orders-list .orders-item .items-content .order-items .title-3 {
      margin-top: 0;
      padding: 10px 0;
      border-top: none;
      font-size: 16px;
      line-height: 24px
    }
  }




  .main-account.main-orders .orders-content .orders-list .orders-item .items-content .order-items .products-list .product-item + .product-item {
    border-top: 1px solid #ededed;
    padding-top: 16px;
    margin-top: 16px
  }

  .main-account.main-orders .orders-content .orders-list .orders-item .items-content .order-items .products-list .product-item .products-info {
    justify-content: space-between;
    border: none;
    height: 100%;
    word-break: break-word;
  }

  @media (max-width:767px) {
    .main-account.main-orders .orders-content .orders-list .orders-item .items-content .order-items .products-list .product-item .products-info {
      flex-wrap: wrap
    }
  }

  .main-account.main-orders .orders-content .orders-list .orders-item .items-content .order-items .products-list .product-item .products-info > li .product-data .product-info .product-brand, .main-account.main-orders .orders-content .orders-list .orders-item .items-content .order-items .products-list .product-item .products-info > li .product-data .product-info .product-code {
    display: inline-block;
    vertical-align: middle;
    font-family:var(--font-face);
    font-weight: 700;
    font-size: 12px;
    line-height: 18px;
    color: #606062;
    text-transform: uppercase
  }

    .main-account.main-orders .orders-content .orders-list .orders-item .items-content .order-items .products-list .product-item .products-info > li .product-data .product-info .product-code:before {
      content: "";
      width: 4px;
      height: 4px;
      display: inline-block;
      vertical-align: middle;
      background-color: #606062;
      border-radius: 50%;
      margin: 0 4px
    }

  .main-account.main-orders .orders-content .orders-list .orders-item .items-content .order-items .products-list .product-item .products-info > li .product-data .product-info .title-4 {
    width: 335px;
    font-family:var(--font-face);
    font-size: 12px;
    line-height: 18px;
    text-transform: uppercase;
    margin-bottom: 0
  }

  @media (max-width:767px) {
    .main-account.main-orders .orders-content .orders-list .orders-item .items-content .order-items .products-list .product-item .products-info > li .product-data .product-info .title-4 {
      width: 100%;
      margin-bottom: 12px
    }
  }

  .main-account.main-orders .orders-content .orders-list .orders-item .items-content .order-items .products-list .product-item .products-info > li .item-title {
    display: block;
    font-family:var(--font-face);
    font-size: 12px;
    line-height: 18px;
    color: #939395;
    margin-bottom: 10px
  }

  .main-account.main-orders .orders-content .orders-list .orders-item .items-content .order-items .products-list .product-item .products-info > li .item-title-content {
    display: block;
    font-family:var(--font-face);
    font-size: 14px;
    line-height: 21px;
    color: #2d2d2e
  }

  .main-account.main-orders .orders-content .orders-list .orders-item .items-content .order-total-items {
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #ededed
  }

    .main-account.main-orders .orders-content .orders-list .orders-item .items-content .order-total-items .item-title, .main-account.main-orders .orders-content .orders-list .orders-item .items-content .order-total-items .item-title-content {
      font-family:var(--font-face);
      font-weight: 700;
      font-size: 16px;
      line-height: 24px;
      color: #2d2d2e
    }

    .main-account.main-orders .orders-content .orders-list .orders-item .items-content .order-total-items .item-title-content {
      color: var(--color-informatica)
    }

  .main-account.main-orders .orders-content .orders-list .orders-item .items-content .delivery .title-3 {
    margin-top: 30px;
    padding: 30px 0;
    border-top: 1px solid #ededed;
    border-bottom: 1px solid #ededed
  }

  @media (max-width:767px) {
    .main-account.main-orders .orders-content .orders-list .orders-item .items-content .delivery .title-3 {
      margin-top: 0;
      padding: 10px 0;
      border-top: none;
      font-size: 16px;
      line-height: 24px
    }
  }

  .delivery .retirada .text {
    font-size: 16px;
    line-height: 25px;
  }


  .main-account.main-orders .orders-content .orders-list .orders-item .items-content .delivery .delivery-company {
    display: flex;
    justify-content: space-between
  }

  @media (max-width:767px) {
    .main-account.main-orders .orders-content .orders-list .orders-item .items-content .delivery .delivery-company {
      flex-wrap: wrap
    }
  }

  .main-account.main-orders .orders-content .orders-list .orders-item .items-content .delivery .delivery-company + .delivery-company {
    border-top: 1px solid #ededed;
    padding-top: 16px;
    margin-top: 16px
  }

  @media (max-width:767px) {
    .main-account.main-orders .orders-content .orders-list .orders-item .items-content .delivery .delivery-company li {
      flex: 1
    }
  }

  @media (max-width:767px) {
    .main-account.main-orders .orders-content .orders-list .orders-item .items-content .delivery .delivery-company li:first-child {
      width: 100%;
      display: block;
      flex: none;
      margin-bottom: 12px
    }
  }

  .main-account.main-orders .orders-content .orders-list .orders-item .items-content .delivery .delivery-company li:first-child .item-title-content {
    text-transform: uppercase
  }

  .main-account.main-orders .orders-content .orders-list .orders-item .items-content .delivery .delivery-company li .item-title {
    display: block;
    font-family:var(--font-face);
    font-size: 12px;
    line-height: 18px;
    color: #939395;
    margin-bottom: 10px
  }

  .main-account.main-orders .orders-content .orders-list .orders-item .items-content .delivery .delivery-company li .item-title-content {
    display: block;
    font-family:var(--font-face);
    font-size: 14px;
    line-height: 21px;
    color: #2d2d2e
  }

  .main-account.main-orders .orders-content .orders-list .orders-item .items-content .payment .title-3 {
    padding: 30px 0 0
  }

  @media (max-width:767px) {
    .main-account.main-orders .orders-content .orders-list .orders-item .items-content .payment .title-3 {
      font-size: 16px;
      line-height: 24px
    }
  }

  .main-account.main-orders .orders-content .orders-list .orders-item .items-content .payment .title-4 {
    font-family:var(--font-face);
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 10px
  }

  .main-account.main-orders .orders-content .orders-list .orders-item .items-content .payment .payment-data .key {
    display: inline-block;
    background-color: var(--color-informatica);
    padding: 12px;
    font-family:var(--font-face);
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    border-radius: 4px;
    margin-bottom: 30px
  }

    .main-account.main-orders .orders-content .orders-list .orders-item .items-content .payment .payment-data .key strong {
      font-weight: 700
    }

  .main-account.main-orders .orders-content .orders-list .orders-item .items-content .payment .payment-data .bank-data li {
    font-family:var(--font-face);
    font-size: 16px;
    line-height: 24px;
    margin-top: 4px
  }

    .main-account.main-orders .orders-content .orders-list .orders-item .items-content .payment .payment-data .bank-data li:first-child {
      margin-top: 0
    }

  .main-account.main-orders .orders-content .orders-list .orders-item .items-content .payment .payment-data .payment-parcels .payment-parcel + .payment-parcel {
    border-top: 1px solid #ededed;
    padding-top: 16px;
    margin-top: 16px
  }

  .main-account.main-orders .orders-content .orders-list .orders-item .items-content .payment .payment-data .payment-parcels .payment-parcel .parcel-data {
    display: flex;
    justify-content: space-between
  }

  @media (max-width:767px) {
    .main-account.main-orders .orders-content .orders-list .orders-item .items-content .payment .payment-data .payment-parcels .payment-parcel .parcel-data {
      flex-wrap: wrap
    }
  }

  .main-account.main-orders .orders-content .orders-list .orders-item .items-content .payment .payment-data .payment-parcels .payment-parcel .parcel-data .item-title {
    display: block;
    font-family:var(--font-face);
    font-size: 12px;
    line-height: 18px;
    color: #939395;
    margin-bottom: 10px
  }

  .main-account.main-orders .orders-content .orders-list .orders-item .items-content .payment .payment-data .payment-parcels .payment-parcel .parcel-data .item-title-content {
    display: block;
    font-family:var(--font-face);
    font-size: 14px;
    line-height: 21px;
    color: #2d2d2e
  }

  .main-account.main-orders .orders-content .orders-list .orders-item .items-content .total-value-order {
    margin-top: 30px;
    padding: 30px 0;
    border-top: 1px solid #ededed
  }

    .main-account.main-orders .orders-content .orders-list .orders-item .items-content .total-value-order ul li {
      font-family:var(--font-face);
      font-size: 16px;
      line-height: 24px;
      margin-top: 4px
    }

      .main-account.main-orders .orders-content .orders-list .orders-item .items-content .total-value-order ul li:first-child {
        margin-top: 0
      }

      .main-account.main-orders .orders-content .orders-list .orders-item .items-content .total-value-order ul li strong {
        font-weight: 700
      }

  .main-account.main-orders .orders-content > p {
    font-family:var(--font-face);
    font-size: 16px;
    line-height: 24px
  }

  .main-account.main-users .account-navigation ul li:first-child a, .main-account.main-users .account-navigation ul li:nth-child(2) a {
    background-color: transparent
  }

  .main-account.main-users .account-navigation ul li:first-child .icon path, .main-account.main-users .account-navigation ul li:nth-child(2) .icon path {
    stroke: #000
  }

  .main-account.main-users .account-navigation ul li:first-child .text, .main-account.main-users .account-navigation ul li:nth-child(2) .text {
    color: #000
  }

  .main-account.main-users .account-navigation ul li:nth-child(3) a {
    background-color: #3a76d9
  }

  .main-account.main-users .account-navigation ul li:nth-child(3) .icon path {
    stroke: #fff
  }

  .main-account.main-users .account-navigation ul li:nth-child(3) .text {
    color: #fff
  }

  .main-account.main-users .account-container .account-content {
    width: 100%;
    margin: 0
  }

  @media (max-width:991px) {
    .main-account.main-users .account-container .account-content .title {
      margin-bottom: 30px
    }
  }

  .main-account.main-users .user-management {
    padding-bottom: 60px
  }

  @media (max-width:767px) {
    .main-account.main-users .user-management {
      padding-bottom: 30px
    }
  }

  .main-account.main-users .user-management .user-list {
    border: 1px solid #ededed;
    border-radius: 16px
  }

    .main-account.main-users .user-management .user-list .user-list-item {
      border-bottom: 1px solid #ededed;
      border-collapse: collapse;
      transition: .15s ease-in
    }

      .main-account.main-users .user-management .user-list .user-list-item.to-remove {
        opacity: 0
      }

      .main-account.main-users .user-management .user-list .user-list-item.active {
        background-color: #f1f2f3
      }

        .main-account.main-users .user-management .user-list .user-list-item.active .user-data .user-data-edit {
          display: block;
          border-top-color: #c8c8c8
        }

      .main-account.main-users .user-management .user-list .user-list-item .user-data .user-data-list {
        display: flex;
        justify-content: space-between;
        padding: 20px 30px 5px
      }

  @media (max-width:767px) {
    .main-account.main-users .user-management .user-list .user-list-item .user-data .user-data-list {
      flex-wrap: wrap
    }
  }

  @media (max-width:767px) {
    .main-account.main-users .user-management .user-list .user-list-item .user-data .user-data-list li {
      width: 100%;
      display: block;
      flex: none;
      margin-top: 12px
    }

      .main-account.main-users .user-management .user-list .user-list-item .user-data .user-data-list li:first-child {
        margin-top: 0
      }
  }

  .main-account.main-users .user-management .user-list .user-list-item .user-data .user-data-list li .item-title {
    display: block;
    font-family:var(--font-face);
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #2d2d2e;
    margin-bottom: 0
  }

  @media (max-width:991px) {
    .main-account.main-users .user-management .user-list .user-list-item .user-data .user-data-list li .item-title {
      font-size: 14px;
      line-height: 21px
    }
  }

  .main-account.main-users .user-management .user-list .user-list-item .user-data .user-data-list li .item-title-content {
    display: block;
    font-family:var(--font-face);
    font-size: 16px;
    line-height: 24px;
    color: #2d2d2e;
    margin-bottom: 0
  }

  @media (max-width:991px) {
    .main-account.main-users .user-management .user-list .user-list-item .user-data .user-data-list li .item-title-content {
      font-size: 12px;
      line-height: 18px
    }
  }

  .main-account.main-users .user-management .user-list .user-list-item .user-data .user-data-list li .item-title-content button {
    padding: 10px 0
  }

    .main-account.main-users .user-management .user-list .user-list-item .user-data .user-data-list li .item-title-content button + button {
      margin-left: 28px
    }

    .main-account.main-users .user-management .user-list .user-list-item .user-data .user-data-list li .item-title-content button * {
      transition: .15s ease-in
    }

    .main-account.main-users .user-management .user-list .user-list-item .user-data .user-data-list li .item-title-content button:hover .icon path {
      stroke: var(--color-informatica)
    }

    .main-account.main-users .user-management .user-list .user-list-item .user-data .user-data-list li .item-title-content button:hover .text {
      color: var(--color-informatica)
    }

    .main-account.main-users .user-management .user-list .user-list-item .user-data .user-data-list li .item-title-content button .icon {
      display: inline-block;
      vertical-align: middle
    }

    .main-account.main-users .user-management .user-list .user-list-item .user-data .user-data-list li .item-title-content button .text {
      display: inline-block;
      vertical-align: top;
      height: 24px;
      line-height: 24px;
      margin-bottom: 0
    }

  .main-account.main-users .user-management .user-list .user-list-item .user-data .user-data-edit {
    width: 100%;
    padding-top: 30px;
    border-top: 1px solid #ededed;
    transition: .15s ease-in;
    display: none
  }

    .main-account.main-users .user-management .user-list .user-list-item .user-data .user-data-edit form {
      width: 942px;
      max-width: 100%;
      padding: 0 20px
    }

  @media (max-width:767px) {
    .main-account.main-users .user-management .user-list .user-list-item .user-data .user-data-edit form .field .field {
      width: 100% !important;
      margin-right: 0
    }

      .main-account.main-users .user-management .user-list .user-list-item .user-data .user-data-edit form .field .field + .field {
        margin-left: 0;
        margin-top: 12px
      }
  }

  .main-account.main-users .user-management .user-list .user-list-item .user-data .user-data-edit form .buttons {
    text-align: right;
    margin-top: 12px
  }

    .main-account.main-users .user-management .user-list .user-list-item .user-data .user-data-edit form .buttons button {
      display: inline-block;
      vertical-align: middle;
      font-family:var(--font-face);
      font-size: 16px;
      color: #fff;
      padding: 12px 24px;
      border-radius: 8px;
      background-color: #fa9c58
    }

      .main-account.main-users .user-management .user-list .user-list-item .user-data .user-data-edit form .buttons button:hover {
        background-color: #e78036
      }

      .main-account.main-users .user-management .user-list .user-list-item .user-data .user-data-edit form .buttons button + button {
        margin-left: 20px;
        background-color: var(--color-informatica)
      }

        .main-account.main-users .user-management .user-list .user-list-item .user-data .user-data-edit form .buttons button + button:hover {
          background-color: #2a426a
        }

  .main-account.main-users .button-add-user {
    display: inline-block;
    padding: 10px;
    background-color: transparent;
    border: 1px solid #3a76d9;
    border-radius: 8px;
    position: absolute;
    top: 0;
    right: 0
  }

    .main-account.main-users .button-add-user:hover {
      background-color: #3a76d9
    }

      .main-account.main-users .button-add-user:hover .icon path {
        stroke: #fff
      }

      .main-account.main-users .button-add-user:hover .text {
        color: #fff
      }

    .main-account.main-users .button-add-user .icon, .main-account.main-users .button-add-user .text {
      display: inline-block;
      vertical-align: middle
    }

  @media (max-width:480px) {
    .main-account.main-users .button-add-user .icon {
      display: none
    }
  }

  .main-account.main-users .button-add-user .text {
    margin-left: 8px;
    font-family:var(--font-face);
    font-size: 16px;
    color: #3a76d9;
    margin-bottom: 0
  }

  @media (max-width:480px) {
    .main-account.main-users .button-add-user .text {
      font-size: 14px;
      margin-left: 0
    }
  }

  .main-account.main-users-create .account-container .account-content .user-management .user-list .user-list-item .user-data .user-data-edit {
    display: block;
    border-top: none
  }

    .main-account.main-users-create .account-container .account-content .user-management .user-list .user-list-item .user-data .user-data-edit form .buttons {
      text-align: right;
      margin-top: 12px
    }

      .main-account.main-users-create .account-container .account-content .user-management .user-list .user-list-item .user-data .user-data-edit form .buttons button:first-child {
        background-color: var(--color-informatica)
      }

        .main-account.main-users-create .account-container .account-content .user-management .user-list .user-list-item .user-data .user-data-edit form .buttons button:first-child:hover {
          background-color: #2a426a
        }

  .category .segment .title-1 a {
    color: inherit;
  }

  .header-account .account-box.active .account-links *, .header-account .account-box.active .external-account-links * {
    pointer-events: all !important;
  }

  .product-buy-guest {
    text-align: center;
    margin: auto;
  }

  .filter-container .filter-list .product-item .product-buy-guest .button-to-log-in {
    height: 100%;
    margin: 0px;
  }

  .main-policies {
    padding-top: 40px
  }

    .main-policies .grid {
      width: 1200px;
      padding: 0 36px
    }

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

  .main-policies h1 {
    font-family:var(--font-face);
    font-size: 40px;
    line-height: 48px;
    margin-bottom: 40px
  }

  @media (max-width:767px) {
    .main-policies h1 {
      font-size: 24px;
      line-height: 31px
    }
  }

  .main-policies .content {
    margin-bottom: 40px
  }

  .main-policies h2 {
    font-family:var(--font-face);
    font-size: 24px;
    line-height: 31px;
    margin-bottom: 24px;
    text-transform: uppercase
  }

  @media (max-width:767px) {
    .main-policies h2 {
      font-size: 20px;
      line-height: 28px;
      margin-bottom: 24px
    }
  }

  .main-policies a, .main-policies p {
    font-family:var(--font-face);
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 24px
  }

    .main-policies a:last-child, .main-policies p:last-child {
      margin-bottom: 0
    }

  .main-policies strong {
    font-family:var(--font-face);
    font-weight: 700
  }

  .main-policies a {
    color: var(--color-informatica);
    text-decoration: underline
  }

    .main-policies a:hover {
      color: #2a426a
    }

  .main-policies .table-container {
    width: 100%;
    overflow-x: auto;
    margin-bottom: 40px
  }

  @media (max-width:480px) {
    .main-policies .table-container {
      margin-right: -16px
    }
  }

  .main-policies .table-container table {
    width: 100%;
    border: 1px solid #ededed;
    border-collapse: collapse
  }

  @media (max-width:480px) {
    .main-policies .table-container table {
      width: 450px
    }
  }

  .main-policies .table-container table tr td, .main-policies .table-container table tr th {
    border: 1px solid #ededed;
    font-family:var(--font-face);
    font-size: 14px;
    line-height: 21px;
    padding: 10px
  }

  .main-policies .table-container table tr th {
    color: #939395;
    text-align: left
  }

  .main-policies .table-container table tr td {
    color: #2d2d2e
  }

  #ph-title {
    display: none;
  }

  .date-picker-wrapper select:nth-of-type(2n+1) {
    width: 30%;
  }

  .date-picker-wrapper select:nth-of-type(2n+2) {
    width: 40%;
  }

  .main-navigation .category-banner .slider-controls {
    display: none;
  }

  .main-navigation .category-banner {
    margin-bottom: 10px;
  }

  .no-result, .invalid-search {
    display: flex;
    border: 1px solid #ededed;
    border-radius: 8px;
    height: 100px;
  }

    .no-result .title, .invalid-search .title {
      display: block;
      font-family:var(--font-face);
      font-size: 14px;
      line-height: 21px;
      color: #606062;
      text-transform: uppercase;
      margin: auto;
    }

  .nop-jcarousel .slick-carousel, .nop-jcarousel .carousel-title {
    display: block;
  }

  @media (max-width:767px) {
    .has-navigation .slick-arrow, .slider-controls .slick-arrow {
      display: none !important;
    }

    .blog-item.slide {
      width: 328px;
    }

    .external-links .grid .slider .slides .slide {
      width: calc(100vw - 29px);
    }

    .grid .filters .filter-container .filter-list .product-item .product-data {
      width: 100%;
    }
  }

  .filter-configurations {
    padding: 0 36px;
  }

  .category .products-container .grid:not(.slider-wrapper > .grid) {
    display: flex;
  }

  .account-content form fieldset.step span.required {
    display: none;
  }

  .manufacturer-list-letters {
    font-size: 14px;
    display: inline-flex;
    margin: 15px auto 0px auto;
    text-align: center;
  }

  .manufacturer-letter, .manufacturer-highlight, .all-manufacturers {
    color: white;
    padding: 4px;
    cursor: pointer;
    user-select: none;
    border-radius: 10px;
  }

    .manufacturer-letter.active, .manufacturer-highlight.active, .all-manufacturers.active {
      font-weight: bolder;
      background: white;
      color: var(--color-informatica);
    }

  @media (max-width: 991px) {
    .manufacturer-box-letters {
      display: grid;
      grid-template-columns: repeat(14,1fr);
    }

    .manufacturer-letter, .manufacturer-highlight, .all-manufacturers {
      margin: 10px;
    }

    .manufacturer-list-letters {
      display: block;
    }

    .all-manufacturers, .manufacturer-highlight {
      font-size: 18px
    }
  }

  @media (max-width: 500px) {
    .manufacturer-box-letters {
      display: grid;
      grid-template-columns: repeat(8,1fr);
    }
  }

  .disabled {
    cursor: default;
    color: #a8a8a8;
  }

  .tags .slick-arrow.slick-prev {
    position: absolute;
    top: 25%;
    left: 0;
  }

  .tags .slick-arrow.slick-next {
    position: absolute;
    top: 25%;
    right: 0;
  }

  .contact-box {
    position: fixed;
    bottom: -2500px;
    height: 40vh;
    width: 100vw;
    background: #ffffff;
    right: 0;
    z-index: 3;
    transition: bottom .15s ease-in;
  }

    .contact-box.active {
      bottom: 0;
      border-top: solid #dbdbdb 1px;
      overflow: auto;
    }

  .header .header-telephone .contact-box span, .header .header-telephone .contact-box a {
    font-size: 14px;
    color: #606062;
    display: block;
  }

  .header .header-telephone .contact-box > button {
    width: 56px;
    height: 56px;
    display: inline-block;
    vertical-align: middle;
    border: none;
  }

  .contacts-list {
    padding: 0px 10px 20px 10px;
    height: auto;
    overflow: auto;
  }

  @media (max-width: 991px) {
    .header .header-telephone .contact-box > button {
      width: auto;
      position: absolute;
      top: 0;
      right: 16px;
    }

    .header-telephone .contact-box > button svg {
      position: static;
      transform: translate(0);
      -webkit-transform: translate(0);
      display: inline-block;
      vertical-align: middle;
    }

    .header-telephone .contact-box > button span.text {
      font-family:var(--font-face);
      font-size: 14px;
      color: #000;
      display: inline-block !important;
      vertical-align: middle;
      margin-left: 4px;
    }
  }

  .contact-box .contacts-list {
  }

    .contact-box .contacts-list .contact {
      display: inline-flex;
      padding: 10px 0px;
    }

      .contact-box .contacts-list .contact span {
        margin: 0px 10px 0px 0px;
      }

      .contact-box .contacts-list .contact a {
        width: auto;
        height: auto;
      }

      .contact-box .contacts-list .contact:nth-of-type(2n+2) {
        border-left: none;
        padding-left: 10px;
      }

  .contact-box .title {
    position: absolute;
    top: 10%;
    right: 0;
    left: 0;
    font-weight: bolder;
  }

  .login-page .login-box {
    margin: auto;
    position: absolute;
    top: 35vh;
    right: 0;
    left: 0;
    height: auto;
    border-radius: 8px;
    box-shadow: 0px 0px 5px 0px #828282;
    padding: 0px;
  }

  .login-page .login-content {
    border-radius: 8px;
    padding: 20px;
  }

  .login-content .remember-me {
    display: flex;
  }

    .login-content .remember-me input {
      width: auto;
      height: auto;
    }

    .login-content .remember-me label {
      padding: 5px;
      margin-top: 4px;
      font-size: 16px;
      text-align: left;
      margin-bottom: -2px
    }

  .login-page .login-background {
    width: 100%;
    height: 100%;
  }

  .products.external-links .container:hover .icon {
    transform: translateX(50%);
  }

  .manufacturer-letter:not(.active):not(.disabled):hover, .manufacturer-highlight:not(.active):hover, .all-manufacturers:not(.active):hover {
    font-weight: bolder;
  }

  .item-box.product-item:hover {
    border-color: #d0d0d0 !important;
  }

  .icon {
    transition: all .35s ease-in-out;
  }

  .categories-list li:hover .icon {
    transform: translateX(50%);
  }

  .external-links .slide:hover .icon {
    transform: rotate(-0.05turn);
  }

  .header-cart:hover a svg {
    transform: rotate(-0.02turn);
  }

  .header-cart a svg {
    transition: all .35s ease-in-out;
    margin-right: -10px
  }

  .listbox {
    overflow-y: auto;
  }


    .listbox ul li,
    .filter-option {
      padding: 5px 0;
      margin-right: 5px;
    }

  @media(max-width:991px) {
    .listbox ul li,
    .filter-option {
      padding: 10px 8px;
      border-bottom: 1px solid #ddd;
    }
  }

  .listbox.list-specs .filter-option:last-child {
    border-bottom: none;
  }

  .name.filter-option-name {
    font-size: 14px;
    color: #606062;
    padding: 5px 0px;
  }

    .name.filter-option-name strong {
      font-style: italic;
    }

  .filter-content.filter-option {
    font-size: 14px;
  }

  #price-range-slider {
    position: relative;
    margin: 0 4px 18px;
    width: auto;
    height: 8px;
    background: #e9e9e9;
  }

  .ui-slider-range.ui-corner-all.ui-widget-header {
    background-color: #d7d7d7;
    position: absolute;
    height: 8px;
  }

  .ui-slider-handle.ui-corner-all.ui-state-default {
    position: absolute;
    top: 50%;
    margin-left: -8px;
    width: 16px;
    height: 16px;
    transform: translateY(-50%);
    background-color: var(--color-informatica);
    border-radius: 5px;
  }

  .selected-price-range {
    text-align: center;
    color: #2a426a;
    margin-bottom: 5px;
  }

  .deskpauta {
    width: 100vh;
    height: 100vh;
    margin: 0px;
    padding: 0px;
  }

  .load-nop {
    z-index: 99999 !important;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 2;
    display: table-cell;
    vertical-align: middle;
  }

  .loader-holder {
    position: absolute;
    top: calc(50% - 41.5px);
    left: calc(50% - 25px);
  }

  .loader_pauta {
    width: 50px;
    height: 50px;
    /*position: absolute;*/
    /*top: 50%;*/
    /*left: 50%;*/
    /*margin-right: -50%;*/
    /*transform: translate(-50%, -50%);*/
    animation-name: Load;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
  }

  @keyframes Load {
    0% {
      transform: rotate(0deg);
    }

    50% {
      transform: rotate(180deg);
    }

    100% {
      transform: rotate(360deg);
    }
  }

  .loader-dots {
    /*position: absolute;*/
    /*top: 56%;*/
    /*left: 50%;*/
    display: flex;
    /*transform: translate(-50%, -50%);*/
  }

    .loader-dots .dot {
      margin: auto;
    }

      .loader-dots .dot:nth-child(1) {
        animation-name: Dot1;
        animation-duration: 1.5s;
        animation-iteration-count: infinite;
        animation-timing-function: linear;
      }

      .loader-dots .dot:nth-child(2) {
        animation-name: Dot2;
        animation-duration: 1.5s;
        animation-iteration-count: infinite;
        animation-timing-function: linear;
      }

      .loader-dots .dot:nth-child(3) {
        animation-name: Dot3;
        animation-duration: 1.5s;
        animation-iteration-count: infinite;
        animation-timing-function: linear;
      }

      .loader-dots .dot::before {
        content: "\00B7";
        color: white;
        font-size: 30px;
      }

  @keyframes Dot1 {
    0% {
      transform: translateY(0%);
    }

    25% {
      transform: translateY(-20%);
    }

    50% {
      transform: translateY(0%);
    }

    75% {
      transform: translateY(0%);
    }

    100% {
      transform: translateY(0%);
    }
  }

  @keyframes Dot2 {
    0% {
      transform: translateY(0%);
    }

    25% {
      transform: translateY(0%);
    }

    50% {
      transform: translateY(-20%);
    }

    75% {
      transform: translateY(0%);
    }

    100% {
      transform: translateY(0%);
    }
  }

  @keyframes Dot3 {
    0% {
      transform: translateY(0%);
    }

    25% {
      transform: translateY(0%);
    }

    50% {
      transform: translateY(0%);
    }

    75% {
      transform: translateY(-20%);
    }

    100% {
      transform: translateY(0%);
    }
  }

  .blog-info .blog-category:nth-of-type(n+2) {
    margin-left: 1px;
  }

  .blog-info .blog-categories {
    max-height: 40px;
    overflow: hidden;
  }

  .products-mid-banner .slider {
    width: 100%;
  }

  .products-mid-banner {
    margin-top: 10px;
  }

  .header .header-telephone .contact-box .title {
    position: unset;
  }

  .header .header-telephone .js-close-contact-box {
    border: none;
    float: right;
    position: absolute;
    right: 2%;
    top: 5%;
    display: flex;
    width: auto;
    height: auto;
    align-items: center;
  }

    .header .header-telephone .js-close-contact-box svg {
      position: unset;
      transform: none;
    }

  .header .header-telephone .contact-box-header {
    height: 20%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0px .5px .5px .5px #dbdbdb;
  }

  .contacts-list {
    -ms-overflow-style: none; /* Internet Explorer 10+ */
    scrollbar-width: none; /* Firefox */
  }

    .contacts-list::-webkit-scrollbar {
      display: none; /* Safari and Chrome */
    }

  .header .header-telephone .contact-box span {
    color: var(--color-informatica);
  }

  #subcategory-slider .slick-list {
    overflow: visible;
    overflow-x: clip !important;
  }

  #subcategory-slider .slide:hover .sub-category-hover {
    padding: 5px;
    /*   overflow-y: auto;*/
  }

  .sub-category-hover {
    -ms-overflow-style: none; /* Internet Explorer 10+ */
    scrollbar-width: none; /* Firefox */
  }

    .sub-category-hover ::-webkit-scrollbar {
      display: none; /* Safari and Chrome */
    }

  .sub-category-hover {
    display: block;
    position: absolute;
    top: 92%;
    max-width: 800px;
    max-height: 0px;
    overflow: hidden;
  }
    /*.slide .sub-category-hover.chrome-only {
  position: static;
  transform: none;
  margin: 0 !important;
  padding: 0 !important;
}

.slide .sub-category-hover.chrome-only ul li {
  margin: 2px 0;
}*/

    .sub-category-hover ul {
      max-width: inherit;
      padding: 5px;
      border-radius: /*0px 8px 8px */ 8px;
      grid-column-gap: 2%;
      line-height: 20px;
      column-count: 1;
      margin-top: 6px;
    }
  /*.sub-category-hover ul {
      max-width: inherit;
      padding: 5px;
      border-radius: 8px;
      display: grid;*/
  /* grid-template-columns: repeat(3, 50%);
      grid-template-rows: repeat(auto-fit, minmax(25px, 1fr));*/
  /*grid-column-gap: 2%;
      line-height: 20px;
      column-count: 1;
      margin-top: 6px;
      grid-auto-flow: column;
      grid-template-rows: repeat(5,25px);*/
  /*.sub-category-hover ul li {
        display: block;*/ /*inline-block*/
  /*margin: 2px;
      }*/

  .slides .slide:last-child .sub-category-hover ul,
  .slides .slide:nth-last-child(2) .sub-category-hover ul,
  .slides .slide:nth-last-child(3) .sub-category-hover ul {
    grid-template-columns: repeat(1, 100%);
    grid-template-rows: auto;
  }

  .main-segments .segment-categories .slider .slides .slide .sub-category-hover a {
    padding: 1px;
    margin-top: 5px;
    min-width: 150px;
  }



  .sub-category-hover a:hover {
    border-bottom: solid #fff 2px !important;
  }

    .sub-category-hover a:hover .subcategory-name {
      color: #fff !important;
    }


  .first-active-hover {
    transform: translate(0px);
  }

  .last-active-hover {
    transform: translate(-60px); /*-190*/
  }

  #cloudZoomImage {
    width: 100%;
  }

  .product-show .gallery .picture-wrapper {
    height: auto;
  }

  .button-text {
    text-transform: lowercase;
    display: inline-block;
    max-width: 110px;
  }

    .button-text:first-letter {
      text-transform: uppercase;
    }

  .orders-container .pager span {
    font-family:var(--font-face);
    font-size: 16px;
    line-height: 24px;
    margin: 0;
    color: var(--color-informatica);
    font-weight: bold;
  }

  .orders-container > .orders-filter {
    margin-bottom: 10px;
  }

  .orders-sub-container .orders-filter {
    display: inline-block;
  }

  .orders-container .orders-sub-container .orders-filter form {
    display: inline-block;
    margin-bottom: 10px;
  }

  .main-segments .segment-categories .slider .slides .slide .sub-category-hover a > .icon {
    display: none;
  }
  /*.main-segments .segment-categories .slider .slides .slide .sub-category-hover a.active {
    border: solid*/ /* #3a76d9 */ /*2px;
    border-radius:4px
  }*/

  .main-segments .segment-categories .slider .slides .slide .sub-category-hover a.active > span {
    color: #fff;
  }

  .main-segments .segment-categories .slider .slides .slide.sub-active > a .subcategory-image {
    /*border: 2px solid #3a76d9;*/
  }

  .main-segments .segment-categories .slider .slides .slide.sub-active > a .subcategory-name {
    /*color: #3a76d9;*/
    font-weight: bolder;
  }

  .close-filter-details {
    display: none;
  }

  @media(max-width: 961px) {
    .filters .filter-details {
      position: fixed;
      height: 100%;
      background-color: #fff;
      opacity: 1;
      pointer-events: all;
      overflow-y: auto;
      right: 0;
      top: 0;
      z-index: 12;
      border-radius: 0px;
      width: 285px;
      filter: drop-shadow(-4px 2px 100px #cdcdcd);
      border-radius: 8px 0 0 0;
      transition: right .15s ease-in;
      padding: 10px 15px;
    }

      .filters .filter-details:before {
        content: "Filtros";
        display: block;
        position: absolute;
        top: 26px;
        left: 12px;
        font-family:var(--font-face);
        font-size: 20px;
        color: var(--color-informatica);
      }

    .filter-category {
      display: none;
    }

    .filters .filter-details > section .filter-brand ul, .listbox.list-specs .group.product-spec-group {
      max-height: 315px;
      overflow: auto;
      background: #ececec;
      border-radius: 8px;
    }


    .close-filter-details {
      float: right
    }

    .close-filter-details {
      display: block;
      width: auto;
      font-family:var(--font-face);
      font-size: 16px;
      color: #000;
      cursor: pointer;
      border: none;
      padding: 14px 12px 10px;
      text-align: left;
      position: absolute;
      top: 9px;
      right: 0;
    }

    .filters .filter-details > section {
      border-top: 1px solid #ededed;
      margin-top: 20%;
    }
  }

  .list-filters {
    max-width: 280px;
  }

  @media(max-width:1366px) {
    .list-filter: max-width:240px;
  }

  .list-filters .slider-wrapper {
    width: 100%;
    height: 100%;
    max-height: 720px;
    overflow: hidden;
  }

    .list-filters .slider-wrapper .grid {
      width: 100%;
      height: 100%;
      padding: 0;
      margin: 0;
    }

      .list-filters .slider-wrapper .grid .slider {
        width: 100%;
        height: 100%;
      }

        .list-filters .slider-wrapper .grid .slider .slides {
          height: 100%;
          padding: 0;
          margin: 0;
        }

          .list-filters .slider-wrapper .grid .slider .slides .slide {
            margin: 0;
            border: 1px solid #ededed;
            border-radius: 8px;
            overflow: hidden;
          }

          .list-filters .slider-wrapper .grid .slider .slides .slick-list {
            width: 100%;
            height: 100%;
          }

            .list-filters .slider-wrapper .grid .slider .slides .slick-list .slick-track {
              height: 100%;
            }

              .list-filters .slider-wrapper .grid .slider .slides .slick-list .slick-track .slide img {
                width: 100%;
                height: 100%;
              }

  .category .title.green {
    background-color: #008000;
  }

  .category .title.orange {
    background-color: #ff8000;
  }

  .segment-categories .slick-slider .slick-list {
    transform: none;
  }

  @media (max-width: 991px) {
    .view.checkout .account-box.active {
      pointer-events: all;
    }

    .list-filters {
        margin: 0;
    }

    .products-wrapper .filter-container .product-list {
        margin: 0 auto;
    }

      .view.checkout .account-box.active * {
        pointer-events: all !important;
      }

      .view.checkout .account-box.active .js-close-account-box,
      .view.checkout .account-box.active .js-close-account-box * {
        pointer-events: none !important;
      }
  }

  .view.checkout
  .checkout-step-1
  .checkout-progress
  .checkout-progress-steps
  .checkout-progress-step:first-child
  .icon
  path {
    stroke: #49c956;
  }

  .view.checkout
  .checkout-step-1
  .checkout-progress
  .checkout-progress-steps
  .checkout-progress-step:first-child
  .text {
    color: #49c956;
  }

    .view.checkout
    .checkout-step-1
    .checkout-progress
    .checkout-progress-steps
    .checkout-progress-step:first-child
    .text:before {
      background-color: #49c956;
    }

  .view.checkout
  .checkout-step-2
  .checkout-progress
  .checkout-progress-steps
  .checkout-progress-step:first-child
  .icon
  path,
  .view.checkout
  .checkout-step-2
  .checkout-progress
  .checkout-progress-steps
  .checkout-progress-step:first-child
  .step-icon
  path,
  .view.checkout
  .checkout-step-2
  .checkout-progress
  .checkout-progress-steps
  .checkout-progress-step:nth-child(2)
  .icon
  path {
    stroke: #49c956;
  }

  .view.checkout
  .checkout-step-2
  .checkout-progress
  .checkout-progress-steps
  .checkout-progress-step:first-child
  .text,
  .view.checkout
  .checkout-step-2
  .checkout-progress
  .checkout-progress-steps
  .checkout-progress-step:nth-child(2)
  .text {
    color: #49c956;
  }

    .view.checkout
    .checkout-step-2
    .checkout-progress
    .checkout-progress-steps
    .checkout-progress-step:first-child
    .text:before,
    .view.checkout
    .checkout-step-2
    .checkout-progress
    .checkout-progress-steps
    .checkout-progress-step:nth-child(2)
    .text:before {
      background-color: #49c956;
    }

  .view.checkout
  .checkout-step-3
  .checkout-progress
  .checkout-progress-steps
  .checkout-progress-step:first-child
  .icon
  path,
  .view.checkout
  .checkout-step-3
  .checkout-progress
  .checkout-progress-steps
  .checkout-progress-step:first-child
  .step-icon
  path,
  .view.checkout
  .checkout-step-3
  .checkout-progress
  .checkout-progress-steps
  .checkout-progress-step:nth-child(2)
  .icon
  path,
  .view.checkout
  .checkout-step-3
  .checkout-progress
  .checkout-progress-steps
  .checkout-progress-step:nth-child(2)
  .step-icon
  path,
  .view.checkout
  .checkout-step-3
  .checkout-progress
  .checkout-progress-steps
  .checkout-progress-step:nth-child(3)
  .icon
  path {
    stroke: #49c956;
  }

  .view.checkout
  .checkout-step-3
  .checkout-progress
  .checkout-progress-steps
  .checkout-progress-step:first-child
  .text,
  .view.checkout
  .checkout-step-3
  .checkout-progress
  .checkout-progress-steps
  .checkout-progress-step:nth-child(2)
  .text,
  .view.checkout
  .checkout-step-3
  .checkout-progress
  .checkout-progress-steps
  .checkout-progress-step:nth-child(3)
  .text {
    color: #49c956;
  }

    .view.checkout
    .checkout-step-3
    .checkout-progress
    .checkout-progress-steps
    .checkout-progress-step:first-child
    .text:before,
    .view.checkout
    .checkout-step-3
    .checkout-progress
    .checkout-progress-steps
    .checkout-progress-step:nth-child(2)
    .text:before,
    .view.checkout
    .checkout-step-3
    .checkout-progress
    .checkout-progress-steps
    .checkout-progress-step:nth-child(3)
    .text:before {
      background-color: #49c956;
    }

  .view.checkout
  .checkout-step-4
  .checkout-progress
  .checkout-progress-steps
  .checkout-progress-step:first-child
  .icon
  path,
  .view.checkout
  .checkout-step-4
  .checkout-progress
  .checkout-progress-steps
  .checkout-progress-step:first-child
  .step-icon
  path,
  .view.checkout
  .checkout-step-4
  .checkout-progress
  .checkout-progress-steps
  .checkout-progress-step:nth-child(2)
  .icon
  path,
  .view.checkout
  .checkout-step-4
  .checkout-progress
  .checkout-progress-steps
  .checkout-progress-step:nth-child(2)
  .step-icon
  path,
  .view.checkout
  .checkout-step-4
  .checkout-progress
  .checkout-progress-steps
  .checkout-progress-step:nth-child(3)
  .icon
  path,
  .view.checkout
  .checkout-step-4
  .checkout-progress
  .checkout-progress-steps
  .checkout-progress-step:nth-child(3)
  .step-icon
  path,
  .view.checkout
  .checkout-step-4
  .checkout-progress
  .checkout-progress-steps
  .checkout-progress-step:nth-child(4)
  .icon
  path {
    stroke: #49c956;
  }

  .view.checkout
  .checkout-step-4
  .checkout-progress
  .checkout-progress-steps
  .checkout-progress-step:first-child
  .text,
  .view.checkout
  .checkout-step-4
  .checkout-progress
  .checkout-progress-steps
  .checkout-progress-step:nth-child(2)
  .text,
  .view.checkout
  .checkout-step-4
  .checkout-progress
  .checkout-progress-steps
  .checkout-progress-step:nth-child(3)
  .text,
  .view.checkout
  .checkout-step-4
  .checkout-progress
  .checkout-progress-steps
  .checkout-progress-step:nth-child(4)
  .text {
    color: #49c956;
  }

    .view.checkout
    .checkout-step-4
    .checkout-progress
    .checkout-progress-steps
    .checkout-progress-step:first-child
    .text:before,
    .view.checkout
    .checkout-step-4
    .checkout-progress
    .checkout-progress-steps
    .checkout-progress-step:nth-child(2)
    .text:before,
    .view.checkout
    .checkout-step-4
    .checkout-progress
    .checkout-progress-steps
    .checkout-progress-step:nth-child(3)
    .text:before,
    .view.checkout
    .checkout-step-4
    .checkout-progress
    .checkout-progress-steps
    .checkout-progress-step:nth-child(4)
    .text:before {
      background-color: #49c956;
    }

  .view.checkout
  .checkout-step-5
  .checkout-progress
  .checkout-progress-steps
  .checkout-progress-step:first-child
  .icon
  path,
  .view.checkout
  .checkout-step-5
  .checkout-progress
  .checkout-progress-steps
  .checkout-progress-step:first-child
  .step-icon
  path,
  .view.checkout
  .checkout-step-5
  .checkout-progress
  .checkout-progress-steps
  .checkout-progress-step:nth-child(2)
  .icon
  path,
  .view.checkout
  .checkout-step-5
  .checkout-progress
  .checkout-progress-steps
  .checkout-progress-step:nth-child(2)
  .step-icon
  path,
  .view.checkout
  .checkout-step-5
  .checkout-progress
  .checkout-progress-steps
  .checkout-progress-step:nth-child(3)
  .icon
  path,
  .view.checkout
  .checkout-step-5
  .checkout-progress
  .checkout-progress-steps
  .checkout-progress-step:nth-child(3)
  .step-icon
  path,
  .view.checkout
  .checkout-step-5
  .checkout-progress
  .checkout-progress-steps
  .checkout-progress-step:nth-child(4)
  .icon
  path,
  .view.checkout
  .checkout-step-5
  .checkout-progress
  .checkout-progress-steps
  .checkout-progress-step:nth-child(4)
  .step-icon
  path,
  .view.checkout
  .checkout-step-5
  .checkout-progress
  .checkout-progress-steps
  .checkout-progress-step:nth-child(5)
  .icon
  path {
    stroke: #49c956;
  }

  .view.checkout
  .checkout-step-5
  .checkout-progress
  .checkout-progress-steps
  .checkout-progress-step:first-child
  .text,
  .view.checkout
  .checkout-step-5
  .checkout-progress
  .checkout-progress-steps
  .checkout-progress-step:nth-child(2)
  .text,
  .view.checkout
  .checkout-step-5
  .checkout-progress
  .checkout-progress-steps
  .checkout-progress-step:nth-child(3)
  .text,
  .view.checkout
  .checkout-step-5
  .checkout-progress
  .checkout-progress-steps
  .checkout-progress-step:nth-child(4)
  .text,
  .view.checkout
  .checkout-step-5
  .checkout-progress
  .checkout-progress-steps
  .checkout-progress-step:nth-child(5)
  .text {
    color: #49c956;
  }

    .view.checkout
    .checkout-step-5
    .checkout-progress
    .checkout-progress-steps
    .checkout-progress-step:first-child
    .text:before,
    .view.checkout
    .checkout-step-5
    .checkout-progress
    .checkout-progress-steps
    .checkout-progress-step:nth-child(2)
    .text:before,
    .view.checkout
    .checkout-step-5
    .checkout-progress
    .checkout-progress-steps
    .checkout-progress-step:nth-child(3)
    .text:before,
    .view.checkout
    .checkout-step-5
    .checkout-progress
    .checkout-progress-steps
    .checkout-progress-step:nth-child(4)
    .text:before,
    .view.checkout
    .checkout-step-5
    .checkout-progress
    .checkout-progress-steps
    .checkout-progress-step:nth-child(5)
    .text:before {
      background-color: #49c956;
    }

  .header-checkout .brand a {
    padding: 16px 0;
  }

  @media (max-width: 991px) {
    .header-checkout .brand a {
      padding: 0;
    }
  }

  @media (max-width: 991px) {
    .header-checkout .header-content {
      width: 49%;
    }
  }

  @media (max-width: 991px) {
    .header-checkout .header-content.content-right {
      width: 49%;
      height: auto;
      display: inline-block;
      position: static;
      box-shadow: none;
      background-color: transparent;
      text-align: right;
    }

      .header-checkout .header-content.content-right .header-account button {
        width: 100%;
      }

        .header-checkout .header-content.content-right .header-account button .icon {
          display: none !important;
        }

        .header-checkout .header-content.content-right .header-account button .text {
          display: inline-block !important;
        }

      .header-checkout
      .header-content.content-right
      .header-account
      .account-box
      button {
        text-align: right;
      }

      .header-checkout .header-content.content-right .header-telephone,
      .header-checkout .header-content.content-right .header-whatsapp {
        display: none !important;
      }
  }

  .footer-checkout {
    background-color: transparent;
    border-top: 1px solid #c8c8c8;
  }

  @media (max-width: 1200px) {
    .footer-checkout {
      padding-bottom: 130px;
    }
  }

  .footer-checkout small {
    display: block;
    font-family: var(--font-face);
    font-size: 10px;
    line-height: 15px;
    color: #606062;
    text-align: center;
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .main-checkout {
    margin-bottom: 77px;
    min-height: 100vh;
  }

  @media (max-width: 991px) {
    .main-checkout {
      margin-top: 14px;
      margin-bottom: 40px;
    }
  }

  @media (max-width: 767px) {
    .main-checkout {
      margin-bottom: 30px;
    }
  }

  .main-checkout .checkout-progress {
    margin-bottom: 35px;
    position: relative;
  }

  @media (max-width: 1200px) {
    .main-checkout .checkout-progress * {
      pointer-events: none;
    }
    .main-checkout .checkout-progress .tablet-version {
      display: none !important;
    }
    .main-checkout .checkout-progress:after {
      content: "";
      width: 100vw;
      height: 1px;
      display: block;
      background-color: #ededed;
      margin-top: 12px;
      margin-left: -36px;
    }

    .main-checkout
    .checkout-progress.active
    .checkout-progress-percentage
    .checkout-progress-steps-name
    strong {
      opacity: 0;
    }

    .main-checkout
    .checkout-progress.active
    .checkout-progress-steps
    .checkout-progress-step {
      width: 100%;
      margin-right: 0;
      text-align: left;
      margin-bottom: 7px;
    }

      .main-checkout
      .checkout-progress.active
      .checkout-progress-steps
      .checkout-progress-step:last-child {
        margin-bottom: 0;
      }

      .main-checkout
      .checkout-progress.active
      .checkout-progress-steps
      .checkout-progress-step
      .step-content
      .text {
        font-size: 16px;
        line-height: 24px;
      }

    .main-checkout .checkout-progress.active button {
      top: 9px;
      bottom: inherit;
    }

      .main-checkout .checkout-progress.active button svg {
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
      }
  }

  @media (max-width: 767px) {
    .main-checkout .checkout-progress {
      margin-bottom: 20px;
    }
  }

  .main-checkout .checkout-progress .checkout-progress-percentage {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: 60px;
    height: 60px;
    text-align: center;
    margin-right: 92px;
  }

  @media (max-width: 1600px) {
    .main-checkout .checkout-progress .checkout-progress-percentage {
      margin-right: 18px;
    }
  }

  @media (max-width: 1200px) {
    .main-checkout .checkout-progress .checkout-progress-percentage {
      width: 100%;
      height: auto;
      display: block;
      margin-right: 0;
      margin-bottom: 10px;
      text-align: left;
    }
  }

  .main-checkout .checkout-progress .checkout-progress-percentage canvas {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }

  .main-checkout .checkout-progress .checkout-progress-percentage span {
font-family: var(--font-face);
    font-size: 16px;
    color: #606062;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    z-index: 1;
  }

  @media (max-width: 1200px) {
    .main-checkout .checkout-progress .checkout-progress-percentage span {
      font-family: var(--font-face);
      font-size: 16px;
      line-height: 24px;
      position: static;
      transform: translate(0);
      -webkit-transform: translate(0);
    }

      .main-checkout .checkout-progress .checkout-progress-percentage span strong {
        font-weight: 400;
        color: #49c956;
        transition: opacity 0.15s ease-in;
      }
  }

  .main-checkout
  .checkout-progress
  .checkout-progress-percentage
  .checkout-progress-steps-name {
    display: none;
  }

  @media (max-width: 1200px) {
    .main-checkout
    .checkout-progress
    .checkout-progress-percentage
    .checkout-progress-steps-name {
      display: block;
    }
  }

  @media (max-width: 1200px) {
    .main-checkout
    .checkout-progress
    .checkout-progress-percentage
    .percentage-number,
    .main-checkout .checkout-progress .checkout-progress-percentage canvas {
      display: none;
    }
  }

  .main-checkout .checkout-progress .checkout-progress-steps {
    display: inline-block;
    vertical-align: middle;
  }

    .main-checkout
    .checkout-progress
    .checkout-progress-steps
    .checkout-progress-step {
      display: inline-block;
      vertical-align: middle;
      text-align: center;
    }

  @media (max-width: 1200px) {
    .main-checkout
    .checkout-progress
    .checkout-progress-steps
    .checkout-progress-step {
      margin-right: 7px;
      transition: margin 0.15s ease-in;
    }
  }

  @media (max-width: 1200px) and (max-width: 1200px) {
    .main-checkout
    .checkout-progress
    .checkout-progress-steps
    .checkout-progress-step:last-child {
      margin-right: 0;
    }
  }

  .main-checkout
  .checkout-progress
  .checkout-progress-steps
  .checkout-progress-step
  .step-content {
    display: inline-block;
    vertical-align: middle;
  }

  .main-checkout
  .checkout-progress
  .checkout-progress-steps
  .checkout-progress-step
  .step-icon {
    display: inline-block;
    vertical-align: middle;
    margin: 0 40px;
  }

  @media (max-width: 1200px) {
    .main-checkout
    .checkout-progress
    .checkout-progress-steps
    .checkout-progress-step
    .step-icon {
      display: none;
    }
  }

  .main-checkout
  .checkout-progress
  .checkout-progress-steps
  .checkout-progress-step
  .icon {
    display: inline-block;
    margin-bottom: 8px;
  }

  @media (max-width: 1200px) {
    .main-checkout
    .checkout-progress
    .checkout-progress-steps
    .checkout-progress-step
    .icon {
      display: none;
    }
  }

  .main-checkout
  .checkout-progress
  .checkout-progress-steps
  .checkout-progress-step
  .icon
  path {
    stroke: #c8c8c8;
  }

  .main-checkout
  .checkout-progress
  .checkout-progress-steps
  .checkout-progress-step
  .text {
    display: block;
    font-family: var(--font-face);
    font-weight: 500;
    font-size: 13px;
    line-height: 21px;
    color: #c8c8c8;
  }

  @media (max-width: 1200px) {
    .main-checkout
    .checkout-progress
    .checkout-progress-steps
    .checkout-progress-step
    .text {
      font-size: 0;
      line-height: 0;
    }
  }

  @media (max-width: 1200px) {
    .main-checkout
    .checkout-progress
    .checkout-progress-steps
    .checkout-progress-step
    .text:before {
      content: "";
      width: 48px;
      height: 10px;
      background-color: #c8c8c8;
      border-radius: 10px;
      display: block;
      margin-bottom: 8px;
    }
  }

  @media (max-width: 410px) {
    .main-checkout
    .checkout-progress
    .checkout-progress-steps
    .checkout-progress-step
    .text:before {
      width: 40px;
    }
  }

  @media (max-width: 374px) {
    .main-checkout
    .checkout-progress
    .checkout-progress-steps
    .checkout-progress-step
    .text:before {
      width: 38px;
    }
  }

  .main-checkout .checkout-progress .button-arrow {
    display: none;
    width: 48px;
    height: 48px;
    position: absolute;
    bottom: 7px;
    right: 0;
    line-height: 56px;
  }

  @media (max-width: 1200px) {
    .main-checkout .checkout-progress .button-arrow {
      display: block;
    }
  }

  .main-checkout .checkout-progress .button-arrow svg {
    transition: 0.15s ease-in;
  }

  .main-checkout .checkout-progress .order-total-value {
    position: absolute;
    top: 2px;
    right: 0;
    display: block;
    font-family: var(--font-face);
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #606062;
  }

    .main-checkout .checkout-progress .order-total-value strong {
      font-weight: 700;
      color: #2d2d2e;
    }

  .main-checkout .title {
    font-family:var(--font-face);
    font-size: 20px;
    line-height: 15px;
    font-weight: 500;
    margin-bottom: 30px;
    text-align: left;
  }

  @media (max-width: 767px) {
    .main-checkout .title {
      font-size: 16px;
      line-height: 24px;
      margin-bottom: 15px;
    }
  }

.main-checkout .title .icon,
.main-checkout .title .text {
  display: inline-block;
  vertical-align: middle;
  font-size: 18px;
}

  .main-checkout .title .icon {
    margin-right: 8px;
  }

    .main-checkout .title .icon path {
      stroke: #fa9c58;
    }

  .main-checkout
  .checkout-container.checkout-container-without-sidebar
  .checkout-sidebar {
    display: none;
  }

  .main-checkout
  .checkout-container.checkout-container-without-sidebar
  .checkout-content {
    width: 100%;
  }

  .main-checkout .checkout-sidebar {
    width: 19.673%;
    display: inline-block;
    vertical-align: top;
    padding-right: 32px;
  }

  @media (max-width: 1200px) {
    .main-checkout .checkout-sidebar {
      width: calc(30% - 32px);
    }
  }

  @media (max-width: 991px) {
    .main-checkout .checkout-sidebar {
      width: calc(38% - 32px);
    }
  }

  @media (max-width: 767px) {
    .main-checkout .checkout-sidebar {
      width: 100%;
      margin-bottom: 10px;
      padding-right: 0;
    }
  }

  .main-checkout .checkout-content {
    width: 80.327%;
    display: inline-block;
    vertical-align: top;
  }

  @media (max-width: 1200px) {
    .main-checkout .checkout-content {
      width: calc(70% + 32px);
    }
  }

  @media (max-width: 991px) {
    .main-checkout .checkout-content {
      width: calc(62% + 32px);
    }
  }

  @media (max-width: 767px) {
    .main-checkout .checkout-content {
      width: 100%;
    }
  }

  .main-checkout .checkout-content .checkout-main-content {
    width: 74.632%;
    display: inline-block;
    vertical-align: top;
    position: relative;
  }

  @media (max-width: 1200px) {
    .main-checkout .checkout-content .checkout-main-content {
      width: 100%;
    }
  }

  .main-checkout .checkout-content .checkout-main-content.single {
    width: 100%;
  }

  .main-checkout .checkout-content .checkout-side-content {
    width: 25.368%;
    display: inline-block;
    vertical-align: top;
    padding-left: 32px;
  }

  @media (max-width: 1200px) {
    .main-checkout .checkout-content .checkout-side-content {
      width: 100%;
      padding-left: 0;
      background-color: #fff;
      position: fixed;
      bottom: 0;
      left: 0;
      z-index: 2;
      padding: 16px;
      border-top: 1px solid #c8c8c8;
    }
  }

  .main-checkout .checkout-content .checkout-side-content .order-resume {
    margin-bottom: 10px;
  }

  @media (max-width: 1200px) {
    .main-checkout .checkout-content .checkout-side-content .order-resume {
      padding: 0;
      border: none;
    }
  }

  @media (max-width: 1200px) {
    .main-checkout .checkout-content .checkout-side-content .order-resume .title {
      display: none;
    }
  }

  .main-checkout .checkout-content .checkout-side-content .order-resume .order-value {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
  }

    .main-checkout .checkout-content .checkout-side-content .order-resume .order-value span {
      display: flex;
      justify-content: space-between;
      font-family: var(--font-face);
      font-weight: 400;
      font-size: 14px;
      line-height: 21px;
      color: #606062;
      margin-bottom: 3px;
    }

    .main-checkout .checkout-content .checkout-side-content .order-resume .order-value .totalT {
      margin-top: 12px;
    }

  @media (max-width: 1200px) {
    .main-checkout .checkout-content .checkout-side-content .order-resume .order-value span.order-products-value {
      display: none;
    }
  }

  .main-checkout .checkout-content .checkout-side-content .order-resume .order-value span strong {
    font-weight: 700;
    color: #2d2d2e;
  }

  @media (max-width: 1200px) {
    .main-checkout .checkout-content .checkout-side-content .order-resume + .buttons {
    }

      .main-checkout .checkout-content .checkout-side-content .order-resume + .buttons .button {
        width: auto;
        display: flex;
        margin: 0;
        height: 40px;
        line-height: 40px;
        display: block;
        margin: 0 auto;
        border-radius: 8px;
        font-family:var(--font-face);
        font-size: 16px;
        cursor: pointer;
        text-align: center;
      }

      .main-checkout .checkout-content .checkout-side-content .order-resume + .buttons .sucess {
        margin-bottom: 5px
      }

      .main-checkout .checkout-content .checkout-side-content .order-resume + .buttons .column .button.button-return, .main-checkout .checkout-content .checkout-side-content .order-resume + .buttons .column .button.button-link {
        width: 50%
      }

      .main-checkout .checkout-content .checkout-side-content .order-resume + .buttons .column .button.button-return {
        /* background-color: #fa9c58;*/
      }

      .main-checkout .checkout-content .checkout-side-content .order-resume + .buttons .button.button-link {
        /*background-color: #264b88;*/
        margin-top: 0px;
        /* color:#fff;*/
      }
  }

  .main-checkout .checkout-content .checkout-side-content .buttons .button {
    width: 100%;
    height: 46px;
    line-height: 46px;
    display: block;
    margin: 0 auto;
    background-color: #49c956;
    border-radius: 8px;
    font-family:var(--font-face);
    font-size: 16px;
    color: #fff;
    cursor: pointer;
    text-align: center;
  }

  @media (max-width: 767px) {
    .main-checkout .checkout-content .checkout-side-content .buttons .button {
      width: 100%;
    }
  }

  .main-checkout .checkout-content .checkout-side-content .buttons .button:hover {
    opacity: 0.85;
  }

  .main-checkout .checkout-content .checkout-side-content .buttons .button.button-link {
    background-color: #fff;
    color: #264b88;
    border: solid 2px #264b88;
    margin-top: 10px
  }

  .main-checkout .checkout-content .checkout-side-content .buttons .button-link:hover {
    background-color: #264b88;
    color: #fff;
  }

  .main-checkout .checkout-content .checkout-side-content .buttons .button-return {
    background-color: transparent;
    border: 2px solid #fa9c58;
    color: #fa9c58;
    margin-top: 10px
  }

    .main-checkout .checkout-content .checkout-side-content .buttons .button-return:hover {
      background-color: #fa9c58;
      color: #fff;
    }

  .main-checkout .checkout-content .checkout-side-content .column, .checkout-side-content .buttons .column, .main-checkout .checkout-content .checkout-side-content .buttons .column {
    display: flex;
    gap: 5px;
  }

  .main-checkout .box {
    border: 1px solid #ededed;
    border-radius: 5px;
    padding: 30px;
  }

  @media (max-width: 767px) {
    .main-checkout .box {
      padding: 12px;
    }
  }

  .main-checkout .invoice-type {
    width: 100%;
    height: auto;
    display: block;
    opacity: 0;
    transition: opacity 0.15s ease-in;
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 14px;
  }

    .main-checkout .invoice-type * {
      pointer-events: none;
    }

    .main-checkout .invoice-type.active {
      opacity: 1;
      pointer-events: all;
      position: relative;
    }

      .main-checkout .invoice-type.active * {
        pointer-events: all;
      }

    .main-checkout .invoice-type .company {
      float: none !important;
    }

    .main-checkout .invoice-type + .orders-content {
      margin-top: 20px;
    }

    .main-checkout .invoice-type.self small {
      display: block;
      margin-bottom: 16px;
    }

    .main-checkout .invoice-type.self > ul li,
    .main-checkout .invoice-type.self small {
      font-family: var(--font-face);
      font-weight: 400;
      font-size: 14px;
      line-height: 21px;
      color: #2d2d2e;
    }

    .main-checkout .invoice-type.self > ul li {
      margin-bottom: 8px;
    }

  @media (max-width: 767px) {
    .main-checkout .invoice-type.self > ul li {
      font-size: 12px;
      line-height: 18px;
    }
  }

  .main-checkout .invoice-type.self > ul li:last-child {
    margin-bottom: 0;
  }


  .main-checkout .invoice-type.client div fieldset {
    display: flex;
  }

  @media (max-width: 991px) {
    .main-checkout .invoice-type.client div fieldset {
      flex-direction: column;
    }
  }

  .main-checkout .invoice-type.client div label {
    margin-right: 6px;
  }

    .main-checkout .invoice-type.client div label input {
      width: 328px;
      border: 1px solid #c8c8c8;
      border-radius: 4px;
      background-color: #fff;
      padding: 10px 20px;
      font-family: var(--font-face);
      font-weight: 400;
      font-size: 14px;
      line-height: 21px;
      color: #606062;
    }

  @media (max-width: 1200px) {
    .main-checkout .invoice-type.client div label input {
      width: 309px;
    }
  }

  @media (max-width: 991px) {
    .main-checkout .invoice-type.client div label input {
      width: 100%;
    }
  }

  .main-checkout
  .invoice-type.client
  form
  label
  input
  ::-webkit-input-placeholder {
    color: #939395;
    opacity: 1;
  }

  .main-checkout .invoice-type.client div label input ::-moz-placeholder {
    color: #939395;
    opacity: 1;
  }

  .main-checkout .invoice-type.client div label input :-ms-input-placeholder {
    color: #939395;
    opacity: 1;
  }

  .main-checkout .invoice-type.client div label input :-moz-placeholder {
    color: #939395;
    opacity: 1;
  }

  @media (max-width: 991px) {
    .main-checkout .invoice-type.client div .form-actions {
      width: 100%;
      margin: 10px 0%;
      display: flex;
      gap: 2%;
      justify-content: space-around;
    }
  }

  .main-checkout .invoice-type.client div .form-actions .button {
    background-color: #ededed;
    border-radius: 4px;
    padding: 11px 32px;
    margin: 0 6px;
    font-family: var(--font-face);
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    color: #2d2d2e;
  }

    .main-checkout .invoice-type.client div .form-actions .button:hover {
      background-color: #3a76d9;
      color: #fff;
    }

  @media (max-width: 767px) {
    .main-checkout .invoice-types {
      margin: 0 -8px;
    }
  }

  .main-checkout .invoice-types .button {
    width: 100%;
    height: 48px;
    line-height: 48px;
    display: block;
    background-color: transparent;
    border: 1px solid #ededed;
    border-radius: 8px;
    transition: 0.15s ease-in;
    font-family:var(--font-face);
    font-weight: 500;
    font-size: 13px;
    color: var(--color-informatica);
    text-transform: uppercase;
    margin-bottom: 12px;
    cursor: pointer;
    text-align: left;
    position: relative;
    padding-left: 40px;
  }

  @media (max-width: 1200px) {
    .main-checkout .invoice-types .button {
      font-size: 12px;
    }
  }

  @media (max-width: 767px) {
    .main-checkout .invoice-types .button {
      width: calc(50% - 16px);
      height: 36px;
      line-height: 36px;
      display: inline-block;
      vertical-align: middle;
      margin: 0 8px;
      font-size: 12px;
      padding-left: 30px;
    }
  }

  @media (max-width: 410px) {
    .main-checkout .invoice-types .button {
      font-size: 10px;
    }
  }

  .main-checkout .invoice-types .button .icon {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 14px;
    left: 12px;
    opacity: 1;
    transition: 0.15s ease-in;
  }

  @media (max-width: 767px) {
    .main-checkout .invoice-types .button .icon {
      width: 16px;
      height: 16px;
      top: 10px;
      left: 8px;
    }
  }

  .main-checkout .invoice-types .button .icon * {
    transition: 0.15s ease-in;
  }

  .main-checkout .invoice-types .button .icon.active {
    opacity: 0;
  }

  .main-checkout .invoice-types .button:hover {
    background-color: var(--color-informatica);
    border-color: #ededed;
    color: #fff;
  }

    .main-checkout .invoice-types .button:hover .icon path {
      stroke: #fff;
    }

  .main-checkout .invoice-types .button.active {
    background-color: var(--color-informatica);
    color: #fff;
  }

    .main-checkout .invoice-types .button.active .icon {
      opacity: 0;
    }

      .main-checkout .invoice-types .button.active .icon.active {
        opacity: 1;
      }

    .main-checkout .invoice-types .button.active:hover {
      background-color: #2a426a;
      border-color: #2a426a;
    }

  .main-checkout .invoice-types .invoice-notice {
    padding: 20px 8px;
    border: 1px solid #ededed;
    border-radius: 8px;
    text-align: center;
    opacity: 1;
    transition: 0.15s ease-in;
  }

    .main-checkout .invoice-types .invoice-notice.active {
      opacity: 1;
    }

  @media (max-width: 767px) {
    .main-checkout .invoice-types .invoice-notice {
      margin-top: 10px;
    }
  }

  .main-checkout .invoice-types .invoice-notice p {
    font-family: var(--font-face);
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    margin-top: 12px;
    letter-spacing: -0.2px;
  }

  @media (max-width: 767px) {
    .main-checkout .invoice-types .invoice-notice p {
      width: 220px;
      max-width: 100%;
      margin: 12px auto 0;
    }
  }

  .main-checkout .client-registration {
    display: none;
    margin-top: 20px;
  }

    .main-checkout .client-registration.active {
      display: block;
    }

    .main-checkout .client-registration .title {
      margin-bottom: 15px;
    }

    .main-checkout .client-registration small {
      font-family: var(--font-face);
      font-weight: 400;
      font-size: 12px;
      line-height: 21px;
      color: #e74949;
    }

    .main-checkout .client-registration .field {
      margin-bottom: 12px;
    }

      .main-checkout .client-registration .field.required > label:after {
        content: "*";
        display: inline-block;
        vertical-align: top;
        font-family: var(--font-face);
        font-size: 14px;
        color: #e74949;
      }

      .main-checkout .client-registration .field.radio label {
        display: inline-block;
        vertical-align: middle;
        padding: 11px 0;
        margin-right: 16px;
      }

      .main-checkout .client-registration .field.radio input,
      .main-checkout .client-registration .field.radio label,
      .main-checkout .client-registration .field.radio span {
        cursor: pointer;
      }

      .main-checkout .client-registration .field.radio input,
      .main-checkout .client-registration .field.radio span {
        display: inline-block;
        vertical-align: middle;
      }

      .main-checkout .client-registration .field.radio span {
        width: auto;
        display: inline-block;
        line-height: normal;
        font-family: var(--font-face);
        font-size: 14px;
        color: #606062;
        margin-left: 4px;
        margin-bottom: 0;
      }

      .main-checkout .client-registration .field.person-type-recipient {
        display: none;
      }

        .main-checkout .client-registration .field.person-type-recipient.active {
          display: block;
        }

    .main-checkout .client-registration > label {
      width: auto;
      display: inline-block;
    }

    .main-checkout .client-registration label,
    .main-checkout .client-registration span {
      font-family: var(--font-face);
      font-size: 14px;
      line-height: 21px;
      margin-bottom: 4px;
      color: #2d2d2e;
    }

    .main-checkout .client-registration input[type="email"],
    .main-checkout .client-registration input[type="password"],
    .main-checkout .client-registration input[type="text"],
    .main-checkout .client-registration input[type="url"] {
      width: 100%;
      height: 40px;
      line-height: 40px;
      background-color: #fff;
      border: 1px solid #c8c8c8;
      border-radius: 4px;
      font-family: var(--font-face);
      font-size: 14px;
      color: #606062;
      padding: 0 12px;
    }

      .main-checkout
      .client-registration
      input[type="email"]
      ::-webkit-input-placeholder,
      .main-checkout
      .client-registration
      input[type="password"]
      ::-webkit-input-placeholder,
      .main-checkout
      .client-registration
      input[type="text"]
      ::-webkit-input-placeholder,
      .main-checkout
      .client-registration
      input[type="url"]
      ::-webkit-input-placeholder,
      .main-checkout .client-registration select ::-webkit-input-placeholder {
        color: #606062;
        opacity: 1;
      }

      .main-checkout .client-registration input[type="email"] ::-moz-placeholder,
      .main-checkout .client-registration input[type="password"] ::-moz-placeholder,
      .main-checkout .client-registration input[type="text"] ::-moz-placeholder,
      .main-checkout .client-registration input[type="url"] ::-moz-placeholder,
      .main-checkout .client-registration select ::-moz-placeholder {
        color: #606062;
        opacity: 1;
      }

      .main-checkout .client-registration input[type="email"] :-ms-input-placeholder,
      .main-checkout
      .client-registration
      input[type="password"]
      :-ms-input-placeholder,
      .main-checkout .client-registration input[type="text"] :-ms-input-placeholder,
      .main-checkout .client-registration input[type="url"] :-ms-input-placeholder,
      .main-checkout .client-registration select :-ms-input-placeholder {
        color: #606062;
        opacity: 1;
      }

      .main-checkout .client-registration input[type="email"] :-moz-placeholder,
      .main-checkout .client-registration input[type="password"] :-moz-placeholder,
      .main-checkout .client-registration input[type="text"] :-moz-placeholder,
      .main-checkout .client-registration input[type="url"] :-moz-placeholder,
      .main-checkout .client-registration select :-moz-placeholder {
        color: #606062;
        opacity: 1;
      }

    .main-checkout .client-registration input[type="radio"] {
      display: inline-block;
      vertical-align: middle;
      width: 16px;
      height: 16px;
      border: 2px solid #c8c8c8;
      border-radius: 3px;
      appearance: none;
      -webkit-appearance: none;
      -moz-appearance: none;
      -ms-appearance: none;
      -o-appearance: none;
      transition: background-color 0.15s ease-in;
    }

      .main-checkout .client-registration input[type="radio"]:checked {
        background-color: #606062;
      }

    .main-checkout .client-registration .form-actions {
      text-align: right;
      position: relative;
    }

      .main-checkout .client-registration .form-actions button {
        display: inline-block;
        height: 40px;
        line-height: 40px;
        border: none;
        border-radius: 8px;
        font-family: var(--font-face);
        font-size: 16px;
      }

        .main-checkout .client-registration .form-actions button.button-next-step {
          width: 120px;
          background-color: #49c956;
          color: #fff;
        }

          .main-checkout
          .client-registration
          .form-actions
          button.button-next-step:hover {
            opacity: 0.85;
          }

        .main-checkout .client-registration .form-actions button.button-return-step {
          background-color: transparent;
          position: absolute;
          top: 0;
          left: 0;
          color: #fa9c58;
        }

          .main-checkout
          .client-registration
          .form-actions
          button.button-return-step:hover {
            color: #e78036;
          }

  .main-checkout .client-consult {
    margin-top: 13px;
  }

    .main-checkout .client-consult .client-consult-results {
      display: block;
      font-family: var(--font-face);
      font-weight: 400;
      font-size: 14px;
      line-height: 21px;
      color: #2d2d2e;
    }

      .main-checkout .client-consult .client-consult-results span {
        color: #939395;
      }

    .main-checkout .client-consult .client-consult-list {
      display: flex;
      flex-direction: column;
    }

      .main-checkout .client-consult .client-consult-list li {
        margin-top: 13px;
        padding: 16px 12px;
        border: 1px solid #c8c8c8;
        border-radius: 8px;
        cursor: pointer;
      }

        .main-checkout .client-consult .client-consult-list li:hover {
          border-color: #606062;
        }

        .main-checkout .client-consult .client-consult-list li span {
          font-family: var(--font-face);
          font-size: 12px;
          line-height: 18px;
          color: #606062;
          margin: 0 4px;
          width: 100%;
          display: inline-flex;
        }

  @media (max-width: 991px) {
    .main-checkout .client-consult .client-consult-list li span {
      display: block;
    }
  }

  .main-checkout .client-consult .client-consult-list li span:first-child {
    color: #2d2d2e;
    margin-left: 0;
  }

  .main-checkout .client-consult .client-consult-list li span:last-child {
    margin-right: 0;
  }

  .main-checkout .client-data .client-name {
    display: block;
    margin-bottom: 9px;
    font-family: var(--font-face);
    font-weight: 400;
  }

  .main-checkout .client-data .data-box {
    display: block;
    margin: 3px -16px;
  }

  @media (max-width: 767px) {
    .main-checkout .client-data .data-box {
      margin: 3px -12px 10px;
    }

      .main-checkout .client-data .data-box:last-child {
        margin-bottom: 0;
      }
  }

  .main-checkout .client-data .data-box .data {
    display: inline-block;
    vertical-align: middle;
  }

  @media (max-width: 410px) {
    .main-checkout .client-data .data-box .data {
      display: block;
    }
  }

  .main-checkout .client-data .data-box .data .data-content,
  .main-checkout .client-data .data-box .data .data-label {
    display: block;
    font-family: var(--font-face);
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #939395;
    margin: 3px 16px;
  }

  .main-checkout .client-data .data-box .data .tel {
      margin-bottom: 1rem;
  }

.main-checkout .client-data .data-box .data .change-address-message-container {
    padding-left: 1rem;
}

.main-checkout .client-data .data-box .data .change-address-message {
  color: #fb8500;
}

.checkout-content .client-data .data-box .change-address-message-container .invoice-notice {
  width: auto;
}

@media (max-width: 767px) {
  .main-checkout .client-data .data-box .data .data-content, .main-checkout .client-data .data-box .data .data-label {
        margin: 3px 12px;
    }
}

  @media (max-width: 766px) {
    .main-checkout .client-data .data-box .data .change-address-message-container {
      margin: 1rem 0 0 0;
    }
  }


  @media (max-width: 991px) {
    .main-checkout .client-data .data-box .data .data-label {
      margin-bottom: 0;
    }
  }

  .main-checkout .client-data .data-box .data .data-content {
    font-size: 16px;
    line-height: 24px;
    color: #2d2d2e;
  }

  @media (max-width: 991px) {
    .main-checkout .client-data .data-box .data .data-content {
      margin-top: 0;
    }
  }

  .main-checkout .data-actions {
    text-align: right;
    margin-top: 34px;
  }

  @media (max-width: 991px) {
    .main-checkout .data-actions {
      text-align: left;
      margin-top: 10px;
    }
  }

  .main-checkout .data-actions .button {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    background-color: #ededed;
    border: none;
    border-radius: 8px;
    font-family: var(--font-face);
    font-size: 16px;
    color: #2d2d2e;
    margin-left: 12px;
    padding: 0 32px;
  }

  @media (max-width: 991px) {
    .main-checkout .data-actions .button {
      margin-left: 0;
      margin-top: 10px;
    }

      .main-checkout .data-actions .button + .button {
        width: 100%;
        max-width: 297px;
        display: block;
      }
  }

  .main-checkout .data-actions .button:hover {
    background-color: #3a76d9;
    color: #fff;
  }

  .main-checkout .orders-content {
    min-height: 230px;
    padding-bottom: 30px;
  }

    .main-checkout .orders-content .orders-list .orders-item {
      border: 1px solid #ededed;
      border-radius: 8px;
      padding: 32px;
    }

  @media (max-width: 991px) {
    .main-checkout .orders-content .orders-list .orders-item {
      padding: 0 20px 10px;
    }
  }

  @media (max-width: 404px) {
    .main-checkout .orders-content .orders-list .orders-item {
      padding: 0 10px 10px;
    }
  }

  .main-checkout .orders-content .orders-list .orders-item + .orders-item {
    margin-top: 20px;
  }

  .main-checkout .orders-content .orders-list .orders-item .items-content .order-items + .order-items .title-3 {
    padding-top: 30px;
    border-top: 1px solid #ededed;
    margin-top: 30px;
  }

  @media (max-width: 767px) {
    .main-checkout .orders-content .orders-list .orders-item .items-content .order-items + .order-items .title-3 {
      padding-top: 10px;
      margin-top: 10px;
    }
  }

  .main-checkout .orders-content .orders-list .orders-item .items-content .order-items .title-3 {
    font-family: var(--font-face);
    font-weight: 400;
  }

  @media (max-width: 991px) {
    .main-checkout .orders-content .orders-list .orders-item .items-content .order-items .title-3 {
      padding: 30px 0;
    }
  }

  @media (max-width: 767px) {
    .main-checkout .orders-content .orders-list .orders-item .items-content .order-items .title-3 {
      padding: 10px 0;
      font-size: 16px;
      line-height: 24px;
    }
  }

  .main-checkout .orders-content .orders-list .orders-item .items-content .order-items .comission-types {
    padding-bottom: 18px;
    margin-bottom: 30px;
    border-bottom: 1px solid #ededed;
  }

    .main-checkout .orders-content .orders-list .orders-item .items-content .order-items .comission-types .title {
      font-family: var(--font-face);
      font-weight: 300;
    }


  .order-items h3 span {
    height: auto !important;
  }

  .main-checkout .orders-content .orders-list .orders-item .items-content .order-items .comission-types .button {
    width: 100%;
    line-height: 21px;
    display: block;
    transition: 0.15s ease-in;
    font-family: var(--font-face);
    font-weight: 400;
    font-size: 14px;
    color: #2d2d2e;
    margin-bottom: 12px;
    cursor: pointer;
    text-align: left;
    position: relative;
    padding-left: 26px;
  }

  @media (max-width: 767px) {
    .main-checkout
    .orders-content
    .orders-list
    .orders-item
    .items-content
    .order-items
    .comission-types
    .button {
      font-size: 12px;
      line-height: 18px;
    }
  }

  .main-checkout
  .orders-content
  .orders-list
  .orders-item
  .items-content
  .order-items
  .comission-types
  .button
  .icon {
    width: 16px;
    height: 16px;
    position: absolute;
    top: 3px;
    left: 0;
    opacity: 1;
    transition: 0.15s ease-in;
  }

  @media (max-width: 767px) {
    .main-checkout
    .orders-content
    .orders-list
    .orders-item
    .items-content
    .order-items
    .comission-types
    .button
    .icon {
      top: 50%;
      transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
    }
  }

  .main-checkout
  .orders-content
  .orders-list
  .orders-item
  .items-content
  .order-items
  .comission-types
  .button
  .icon
  * {
    transition: 0.15s ease-in;
  }

  .main-checkout
  .orders-content
  .orders-list
  .orders-item
  .items-content
  .order-items
  .comission-types
  .button.active
  .icon,
  .main-checkout
  .orders-content
  .orders-list
  .orders-item
  .items-content
  .order-items
  .comission-types
  .button
  .icon.active {
    opacity: 0;
  }

    .main-checkout
    .orders-content
    .orders-list
    .orders-item
    .items-content
    .order-items
    .comission-types
    .button.active
    .icon.active {
      opacity: 1;
    }

  .main-checkout
  .orders-content
  .orders-list
  .orders-item
  .items-content
  .order-items
  .products-list
  .product-item.to-remove {
    transition: 0.15s ease-in;
    opacity: 0;
  }

  .main-checkout
  .orders-content
  .orders-list
  .orders-item
  .items-content
  .order-items
  .products-list
  .product-item + .product-item {
    border-top: 1px solid #ededed;
    padding-top: 16px;
    margin-top: 16px;
  }

  @media (max-width: 991px) {
    .main-checkout
    .orders-content
    .orders-list
    .orders-item
    .items-content
    .order-items
    .products-list
    .product-item + .product-item {
      margin-top: 0;
    }
  }

  .main-checkout
  .orders-content
  .orders-list
  .orders-item
  .items-content
  .order-items
  .products-list
  .product-item
  .products-info {
    display: flex;
    justify-content: space-between;
  }

  @media (max-width: 991px) {
    .main-checkout
    .orders-content
    .orders-list
    .orders-item
    .items-content
    .order-items
    .products-list
    .product-item
    .products-info {
      flex-wrap: wrap;
      justify-content: start;
      gap: 0 20px;
    }
  }

  @media (max-width: 991px) {
    .main-checkout
    .orders-content
    .orders-list
    .orders-item
    .items-content
    .order-items
    .products-list
    .product-item
    .products-info > li {
      margin-bottom: 12px;
    }
  }

  @media (max-width: 991px) {
    .main-checkout
    .orders-content
    .orders-list
    .orders-item
    .items-content
    .order-items
    .products-list
    .product-item
    .products-info > li:first-child {
      width: 100%;
    }
  }

  .main-checkout
  .orders-content
  .orders-list
  .orders-item
  .items-content
  .order-items
  .products-list
  .product-item
  .products-info > li
  .product-data
  .product-info
  .product-brand,
  .main-checkout
  .orders-content
  .orders-list
  .orders-item
  .items-content
  .order-items
  .products-list
  .product-item
  .products-info > li
  .product-data
  .product-info
  .product-code {
    display: inline-block;
    vertical-align: middle;
    font-family: var(--font-face);
    font-weight: 700;
    font-size: 12px;
    line-height: 18px;
    color: #606062;
    text-transform: uppercase;
  }

    .main-checkout
    .orders-content
    .orders-list
    .orders-item
    .items-content
    .order-items
    .products-list
    .product-item
    .products-info > li
    .product-data
    .product-info
    .product-code:before {
      content: "";
      width: 4px;
      height: 4px;
      display: inline-block;
      vertical-align: middle;
      background-color: #606062;
      border-radius: 50%;
      margin: 0 4px;
    }

  .main-checkout
  .orders-content
  .orders-list
  .orders-item
  .items-content
  .order-items
  .products-list
  .product-item
  .products-info > li
  .product-data
  .product-info
  .title-4 {
    width: 335px;
    font-family: var(--font-face);
    font-size: 12px;
    line-height: 18px;
    text-transform: uppercase;
    margin-bottom: 0;
  }

  @media (max-width: 991px) {
    .main-checkout
    .orders-content
    .orders-list
    .orders-item
    .items-content
    .order-items
    .products-list
    .product-item
    .products-info > li
    .product-data
    .product-info
    .title-4 {
      width: 100%;
    }
  }

  .main-checkout
  .orders-content
  .orders-list
  .orders-item
  .items-content
  .order-items
  .products-list
  .product-item
  .products-info > li
  .item-title {
    display: block;
    font-family: var(--font-face);
    font-size: 12px;
    line-height: 18px;
    color: #939395;
    margin-bottom: 10px;
  }

  .main-checkout
  .orders-content
  .orders-list
  .orders-item
  .items-content
  .order-items
  .products-list
  .product-item
  .products-info > li
  .item-title-content {
    display: block;
    font-family: var(--font-face);
    font-size: 14px;
    line-height: 34px;
    color: #2d2d2e;
  }

    .main-checkout
    .orders-content
    .orders-list
    .orders-item
    .items-content
    .order-items
    .products-list
    .product-item
    .products-info > li
    .item-title-content
    .button {
      color: #e74949;
    }

    .main-checkout
    .orders-content
    .orders-list
    .orders-item
    .items-content
    .order-items
    .products-list
    .product-item
    .products-info > li
    .item-title-content
    .price-cf
    input {
      width: auto;
      max-width: 112px;
      height: 34px;
      line-height: 34px;
      background-color: #fff;
      border: 1px solid #c8c8c8;
      border-radius: 8px;
      padding: 0 12px;
    }

  .main-checkout
  .orders-content
  .orders-list
  .orders-item
  .items-content
  .product-order-quantity {
    width: 77px;
    border: 1px solid #c9c9c9;
    border-radius: 8px;
    font-size: 0;
    width: fit-content;
  }

    .main-checkout
    .orders-content
    .orders-list
    .orders-item
    .items-content
    .product-order-quantity
    input {
      width: 30px;
      height: 20px;
      line-height: 20px;
      display: inline-block;
      vertical-align: middle;
      border: none;
      font-family: var(--font-face);
      font-size: 13px;
      text-align: center;
      color: #939395;
      background: none;
    }

    .main-checkout
    .orders-content
    .orders-list
    .orders-item
    .items-content
    .product-order-quantity
    button {
      width: 22.5px;
      height: 32px;
      display: inline-block;
      vertical-align: middle;
      cursor: pointer;
      border: none;
      padding: 4px 2px;
    }

    .main-checkout
    .orders-content
    .orders-list
    .orders-item
    .items-content
    .product-order-quantity
    svg {
      width: 18px;
      pointer-events: none;
    }

  .main-checkout .shipping-types {
    border-bottom: 1px solid #ededed;
    display: flex;
    justify-content: space-between;
  }

  @media (max-width: 767px) {
    .main-checkout .shipping-types {
      flex-wrap: wrap;
    }
  }

  .main-checkout .shipping-types .shipping-type {
    display: flex;
  }

  @media (max-width: 767px) {
    .main-checkout .shipping-types .shipping-type {
      width: 100%;
    }
  }

  .main-checkout .shipping-types .shipping-type:first-child .button .text {
    margin-top: -15px;
  }

  @media (max-width: 767px) {
    .main-checkout .shipping-types .shipping-type:first-child .button .text {
      margin-top: 0;
    }
  }

  .main-checkout .shipping-types .shipping-type .button {
    width: 100%;
    line-height: 21px;
    display: block;
    transition: 0.15s ease-in;
    font-family: var(--font-face);
    font-weight: 400;
    font-size: 14px;
    color: #2d2d2e;
    margin-bottom: 12px;
    cursor: pointer;
    text-align: left;
    position: relative;
    padding-left: 26px;
  }

  @media (max-width: 767px) {
    .main-checkout .shipping-types .shipping-type .button {
      font-size: 12px;
      line-height: 18px;
    }
  }

  .main-checkout .shipping-types .shipping-type .button .icon {
    width: 16px;
    height: 16px;
    position: absolute;
    top: 2px;
    left: 0;
    opacity: 1;
    transition: 0.15s ease-in;
  }

    .main-checkout .shipping-types .shipping-type .button .icon * {
      transition: 0.15s ease-in;
    }

    .main-checkout .shipping-types .shipping-type .button .icon.active {
      opacity: 0;
    }

  .main-checkout .shipping-types .shipping-type .button .text small {
    width: 100%;
    display: block;
    font-size: 10px;
    line-height: 15px;
    color: #939395;
  }

  .main-checkout .shipping-types .shipping-type .button.active .icon {
    opacity: 0;
  }

    .main-checkout .shipping-types .shipping-type .button.active .icon.active {
      opacity: 1;
    }

  .main-checkout .shipping-options {
    position: relative;
  }

  .main-checkout .shipping-option {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    pointer-events: none;
    margin-top: 16px;
  }

    .main-checkout .shipping-option .transportSelected {
      line-height: 40px;
      font-size: 12px;
      border-bottom: 1px solid #c8c8c8;
      color: #606062;
      font-family:var(--font-face);
      float: inline-end;
      display: none;
      border-radius: 0px;
      padding: 0px;
      background-color: #fff;
    }

      .main-checkout .shipping-option .transportSelected h3 {
        float: left;
        margin-right: 5px;
        display: none;
      }

      .main-checkout .shipping-option .transportSelected .transportName {
        float: left;
        margin-right: 5px;
      }

      .main-checkout .shipping-option .transportSelected .transportPrice {
        margin-left: 1px;
        float: right;
      }

    .main-checkout .shipping-option * {
      pointer-events: none;
    }

    .main-checkout .shipping-option.active {
      position: relative;
      opacity: 1;
      pointer-events: all;
    }

      .main-checkout .shipping-option.active * {
        pointer-events: all;
      }

    .main-checkout .shipping-option .title {
      font-family: var(--font-face);
      font-weight: 400;
      margin: 0 0 20px;
      font-size: 16px;
      line-height: 24px;
    }

  @media (max-width: 767px) {
    .main-checkout .shipping-option .title {
      font-size: 14px;
      line-height: 21px;
    }
  }

  .main-checkout .shipping-option .box-field {
    display: flex;
    width: 100%;
    height: auto;
    margin-bottom: 20px
  }

    .main-checkout .shipping-option .box-field .field {
      width: 50%;
    }

      .main-checkout .shipping-option .box-field .field input {
        width: 90%;
      }

  .main-checkout .shipping-option .field {
    margin-bottom: 12px;
  }

  @media(max-width : 961px) {
    .main-checkout .shipping-option .box-field {
      flex-wrap: wrap;
      flex-direction: row;
    }

      .main-checkout .shipping-option .box-field .field {
        flex-basis: 100%;
        width: 100%;
      }
  }



  .main-checkout .shipping-option .field.required > label:after {
    content: "*";
    display: inline-block;
    vertical-align: top;
    font-family: var(--font-face);
    font-size: 14px;
    color: #e74949;
  }

  .main-checkout .shipping-option label {
    width: 100%;
    line-height: 21px;
    display: block;
    font-family: var(--font-face);
    font-size: 14px;
    color: #606062;
    margin: 15px 0 0 0;
  }

  .main-checkout .shipping-option input[type="email"],
  .main-checkout .shipping-option input[type="text"] {
    width: 361px;
    max-width: 100%;
    height: 40px;
    line-height: 40px;
    background-color: #fff;
    border: 1px solid #c8c8c8;
    border-radius: 4px;
    font-family: var(--font-face);
    font-size: 14px;
    color: #606062;
    padding: 0 12px;
  }

  .main-checkout .shipping-option input[type="text"] {
    width: 30%;
  }

  @media(max-width: 961px) {
    .main-checkout .shipping-option input[type="text"] {
      width: 100%;
    }
  }

  .main-checkout .shipping-option input[type="email"] ::-webkit-input-placeholder, .main-checkout .shipping-option input[type="text"] ::-webkit-input-placeholder {
    color: #606062;
    opacity: 1;
  }

  .main-checkout .shipping-option input[type="email"] ::-moz-placeholder,
  .main-checkout .shipping-option input[type="text"] ::-moz-placeholder {
    color: #606062;
    opacity: 1;
  }

  .main-checkout .shipping-option input[type="email"] :-ms-input-placeholder,
  .main-checkout .shipping-option input[type="text"] :-ms-input-placeholder {
    color: #606062;
    opacity: 1;
  }

  .main-checkout .shipping-option input[type="email"] :-moz-placeholder,
  .main-checkout .shipping-option input[type="text"] :-moz-placeholder {
    color: #606062;
    opacity: 1;
  }

  .main-checkout
  .shipping-option.shipping-withdrawal
  .attendance-schedule button {
    margin: 10px 0
  }

  .main-checkout
  .shipping-option.shipping-withdrawal
  .attendance-schedule
  .attendance-item {
    margin: 20px 0;
    font-size: 10px
  }

    .main-checkout
    .shipping-option.shipping-withdrawal
    .attendance-schedule
    .attendance-item:last-child {
      margin-bottom: 0;
    }

  .main-checkout .shipping-option.shipping-withdrawal .attendance-schedule > p {
    margin-bottom: 20px;
  }

  .main-checkout .shipping-option.shipping-withdrawal .attendance-schedule p,
  .main-checkout
  .shipping-option.shipping-withdrawal
  .attendance-schedule
  strong {
    font-family: var(--font-face);
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #606062;
  }

  .main-checkout
  .shipping-option.shipping-withdrawal
  .attendance-schedule
  strong {
    display: block;
    font-family: var(--font-face);
    font-weight: 500;
  }

  .main-checkout .shipping-filter-result {
    display: block;
    font-family: var(--font-face);
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    color: #2d2d2e;
  }

    .main-checkout .shipping-filter-result span {
      color: #939395;
    }

  .main-checkout .shipping-consult-list-header {
    display: flex;
    border-top: 1px solid #ededed;
    margin-top: 16px;
    padding-top: 16px;
  }

  @media (max-width: 767px) {
    .main-checkout .shipping-consult-list-header {
      justify-content: space-between;
    }
  }

  .main-checkout .shipping-consult-list-header span {
    width: calc(50% - 150px);
    font-family: var(--font-face);
    font-size: 12px;
    line-height: 18px;
    color: #606062;
    margin-right: 150px;
  }

  @media (max-width: 991px) {
    .main-checkout .shipping-consult-list-header span {
      width: calc(50% - 50px);
      margin-right: 50px;
    }
  }

  @media (max-width: 767px) {
    .main-checkout .shipping-consult-list-header span {
      width: auto;
      margin-right: 0;
    }
  }

  .main-checkout .shipping-companies-list {
    display: flex;
    flex-direction: column;
  }

    .main-checkout .shipping-companies-list tbody {
      max-height: 210px;
      overflow-y: scroll;
    }

  @media(max-width: 765px) {
    .main-checkout .shipping-companies-list tbody {
      max-height: 500px;
      overflow-y: scroll;
    }
  }

  .main-checkout .shipping-companies-list tbody::-webkit-scrollbar-thumb {
    border-radius: 100px;
    background: #8070d4;
    border: 6px solid rgba(0, 0, 0, 0.2);
  }

  .main-checkout .shipping-companies-list thead tr, .main-checkout .shipping-companies-list tbody tr {
    display: flex;
    border-bottom: 1px solid #c8c8c8;
    border-radius: 0px;
    position: relative;
    cursor: pointer;
    padding: 10px;
  }




    .main-checkout .shipping-companies-list thead tr:hover {
      border-color: #c8c8c8;
      background: none;
    }

  .main-checkout .shipping-companies-list tr:hover {
    border-color: #606062;
    background: #e8e7e7;
  }


  .main-checkout .shipping-companies-list tr td {
    display: inline-block;
    font-family: var(--font-face);
    font-size: 12px;
    line-height: 18px;
    color: #606062;
    margin-right: 0px;
  }

  .main-checkout .shipping-companies-list tr .selectTransport {
    width: 10%;
  }

  .main-checkout .shipping-companies-list tr .nameTransport {
    width: 60%;
  }

  .main-checkout .shipping-companies-list tr .dateTransport {
    width: 15%;
  }

  .main-checkout .shipping-companies-list tr .priceTransport {
    width: 15%;
  }
  /*.main-checkout .shipping-companies-list tr td {
        display: inline-block;
        width: 20%;
        font-family: var(--font-face);
        font-size: 12px;
        line-height: 18px;
        color: #606062;
        margin-right: 0px;
      }*/

  @media (max-width: 991px) {
    .main-checkout .shipping-companies-list tr td {
      width: calc(50% - 50px);
    }

    .main-checkout .shipping-companies-list tr .selectTransport {
      width: 10%;
    }

    .main-checkout .shipping-companies-list tr .nameTransport {
      width: 90%;
      margin-left:10%;
    }

    .main-checkout .shipping-companies-list tr .dateTransport {
      width: 40%;
      margin-left: 10%;
    }

    .main-checkout .shipping-companies-list tr .priceTransport {
      width: 40%
    }
  }

  @media (max-width: 767px) {
    .main-checkout .shipping-companies-list tr td {
      width: auto;
      margin-right: auto;
    }
  }

  .main-checkout .shipping-companies-list tr td .button {
    width: 100%;
    line-height: 21px;
    display: block;
    transition: 0.15s ease-in;
    font-family: var(--font-face);
    font-weight: 400;
    font-size: 14px;
    color: #2d2d2e;
    cursor: pointer;
    text-align: left;
    position: relative;
    padding-left: 26px;
  }

  @media (max-width: 767px) {
    .main-checkout .shipping-companies-list tr td .button {
      font-size: 12px;
      line-height: 18px;
    }
  }

  .main-checkout .shipping-companies-list tr td .button .icon {
    width: 16px;
    height: 16px;
    transform: translateY(-50%);
    position: absolute;
    top: 2px;
    left: 0;
    opacity: 1;
    transition: 0.15s ease-in;
  }

    .main-checkout .shipping-companies-list tr td .button .icon * {
      transition: 0.15s ease-in;
    }

    .main-checkout .shipping-companies-list tr td .button .icon.active {
      opacity: 0;
    }

  .main-checkout .shipping-companies-list tr td .button .text {
    width: 100%;
  }

  .main-checkout .shipping-companies-list tr td .button.active .icon {
    opacity: 0;
  }

    .main-checkout .shipping-companies-list tr td .button.active .icon.active {
      opacity: 1;
    }

  .main-checkout .filter-pagination {
    margin-bottom: 16px;
  }


  .main-checkout .payment-options .field.payment-parcel,
  .main-checkout .payment-options .payment-parcel-info {
    display: none;
  }

    .main-checkout .payment-options .field.payment-parcel.active,
    .main-checkout .payment-options .payment-parcel-info.active {
      display: block;
    }

  .main-checkout .payment-options .field {
    margin-bottom: 12px;
  }

    .main-checkout .payment-options .field.required > label:after {
      content: "*";
      display: inline-block;
      vertical-align: top;
      font-family: var(--font-face);
      font-size: 14px;
      color: #e74949;
    }

    .main-checkout .payment-options .field.half {
      width: calc(50% - 10px) !important;
      display: inline-block;
      vertical-align: top;
      margin-right: 10px;
    }

  @media (max-width: 767px) {
    .main-checkout .payment-options .field.half {
      width: 100% !important;
      margin-right: 0;
    }
  }

  .main-checkout .payment-options .field.half + .half {
    margin-left: 10px;
    margin-right: 0;
  }

  @media (max-width: 767px) {
    .main-checkout .payment-options .field.half + .half {
      margin-left: 0;
    }
  }

  .main-checkout .payment-options .field.checkbox input,
  .main-checkout .payment-options .field.checkbox label,
  .main-checkout .payment-options .field.checkbox span {
    cursor: pointer;
  }

  .main-checkout .payment-options .field.checkbox input,
  .main-checkout .payment-options .field.checkbox span {
    display: inline-block;
    vertical-align: middle;
  }

  .main-checkout .payment-options .field.checkbox span {
    width: auto;
    display: inline-block;
    line-height: normal;
    font-family: var(--font-face);
    font-weight: 500;
    font-size: 14px;
    color: #2d2d2e;
    margin-left: 4px;
    margin-bottom: 0;
  }

  .main-checkout .payment-options .field.security-code {
    position: relative;
  }

    .main-checkout .payment-options .field.security-code:after {
      content: "";
      width: 24px;
      height: 24px;
      background: url(../img/elements/credit-card.svg) no-repeat 0 0;
      position: absolute;
      bottom: 7px;
      right: 12px;
    }

  .main-checkout .payment-options .field.submit {
    vertical-align: bottom;
  }

    .main-checkout .payment-options .field.submit .button {
      background-color: #ededed;
      border-radius: 4px;
      padding: 10px 32px;
      font-family: var(--font-face);
      font-weight: 400;
      font-size: 14px;
      line-height: 21px;
      color: #2d2d2e;
    }

      .main-checkout .payment-options .field.submit .button:hover {
        background-color: #3a76d9;
        color: #fff;
      }

  .main-checkout .payment-options .field.terms p {
    font-family: var(--font-face);
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    color: #2d2d2e;
    margin-bottom: 16px;
  }

    .main-checkout .payment-options .field.terms p a {
      color: #3a76d9;
    }

      .main-checkout .payment-options .field.terms p a:hover {
        color: var(--color-informatica);
      }

  .main-checkout .payment-options .field.terms .field {
    position: relative;
    padding-left: 30px;
  }

    .main-checkout .payment-options .field.terms .field input {
      position: absolute;
      top: 50%;
      left: 0;
      transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
    }

  .main-checkout .payment-options label,
  .main-checkout .payment-options span {
    display: block;
    font-family: var(--font-face);
    font-size: 14px;
    line-height: 21px;
    margin-bottom: 4px;
    color: #2d2d2e;
  }

  .main-checkout .payment-options input[type="email"],
  .main-checkout .payment-options input[type="text"],
  .main-checkout .payment-options select {
    width: 420px;
    max-width: 100%;
    height: 40px;
    line-height: 40px;
    background-color: #fff;
    border: 1px solid #c8c8c8;
    border-radius: 4px;
    font-family: var(--font-face);
    font-size: 14px;
    color: #606062;
    padding: 0 12px;
  }

  @media (max-width: 961px) {
    .main-checkout .payment-options select {
      width: 100%;
    }
  }

  .main-checkout .payment-options input[type="email"] ::-webkit-input-placeholder,
  .main-checkout .payment-options input[type="text"] ::-webkit-input-placeholder,
  .main-checkout .payment-options select ::-webkit-input-placeholder {
    color: #606062;
    opacity: 1;
  }

  .main-checkout .payment-options input[type="email"] ::-moz-placeholder,
  .main-checkout .payment-options input[type="text"] ::-moz-placeholder,
  .main-checkout .payment-options select ::-moz-placeholder {
    color: #606062;
    opacity: 1;
  }

  .main-checkout .payment-options input[type="email"] :-ms-input-placeholder,
  .main-checkout .payment-options input[type="text"] :-ms-input-placeholder,
  .main-checkout .payment-options select :-ms-input-placeholder {
    color: #606062;
    opacity: 1;
  }

  .main-checkout .payment-options input[type="email"] :-moz-placeholder,
  .main-checkout .payment-options input[type="text"] :-moz-placeholder,
  .main-checkout .payment-options select :-moz-placeholder {
    color: #606062;
    opacity: 1;
  }

  .main-checkout .payment-options input:read-only {
    background-color: #ededed;
    cursor: pointer;
  }

  .payment-info-next-step-button, .paypal.button {
    border: none;
    background-image: none;
    background-color: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: #49c956 !important;
    line-height: 36px;
    border-radius: 8px;
    color: #fff;
    padding: 0 8px;
    font-family:var(--font-face);
    font-size: 14px;
    margin: 0 auto !important;
  }

  .paypal.button {
    background: var(--color-informatica) !important;
    margin: 20px 0px !important;
  }

  .main-checkout .payment-options input[type="checkbox"] {
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    border: 2px solid #c8c8c8;
    border-radius: 3px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    transition: background-color 0.15s ease-in;
  }

    .main-checkout .payment-options input[type="checkbox"]:checked {
      background-color: #606062;
    }

  .main-checkout .credit-card-information .credit-card-acceptance {
    display: flex;
    border-top: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
    margin: 16px 0;
    padding: 16px 0;
  }

    .main-checkout .credit-card-information .credit-card-acceptance div,
    .main-checkout .credit-card-information .credit-card-acceptance small {
      width: 50%;
      display: flex;
      align-self: center;
    }

    .main-checkout .credit-card-information .credit-card-acceptance small,
    .main-checkout .credit-card-information .credit-card-acceptance span {
      font-family: var(--font-face);
      font-weight: 400;
      font-size: 14px;
      line-height: 21px;
      color: #2d2d2e;
      align-self: end;
      margin-bottom: 0;
    }

    .main-checkout .credit-card-information .credit-card-acceptance small {
      color: #939395;
      justify-content: end;
    }

    .main-checkout .credit-card-information .credit-card-acceptance ul {
      display: flex;
      gap: 11px;
      margin-left: 12px;
    }

  .main-checkout .credit-card-information .credit-card-data {
    width: 420px;
    max-width: 100%;
  }



  .main-checkout .payment-data .payment-parcels .payment-parcel .parcel-data {
    display: flex;
    justify-content: space-between;
  }

  @media (max-width: 767px) {
    .main-checkout .payment-data .payment-parcels .payment-parcel .parcel-data {
      flex-wrap: wrap;
    }
  }

  .main-checkout
  .payment-data
  .payment-parcels
  .payment-parcel
  .parcel-data
  .item-title {
    display: block;
    font-family: var(--font-face);
    font-size: 12px;
    line-height: 18px;
    color: #939395;
    margin-bottom: 10px;
  }

  .main-checkout
  .payment-data
  .payment-parcels
  .payment-parcel
  .parcel-data
  .item-title-content {
    display: block;
    font-family: var(--font-face);
    font-size: 14px;
    line-height: 21px;
    color: #2d2d2e;
  }

  .main-checkout .total-value-order {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #ededed;
  }

    .main-checkout .total-value-order ul li {
      font-family: var(--font-face);
      font-size: 16px;
      line-height: 24px;
      margin-top: 4px;
    }

      .main-checkout .total-value-order ul li:first-child {
        margin-top: 0;
      }

      .main-checkout .total-value-order ul li strong {
        font-weight: 700;
      }

  .main-checkout .delivery .title-3 {
    margin-top: 30px;
    padding: 30px 0 0 0;
    border-top: 1px solid #ededed;
  }

  @media (max-width: 767px) {
    .main-checkout .delivery .title-3 {
      margin-top: 0;
      padding: 10px 0;
      font-size: 16px;
      line-height: 24px;
    }
  }

  .main-checkout .delivery .delivery-company {
    display: flex;
    justify-content: space-between;
  }

  @media (max-width: 767px) {
    .main-checkout .delivery .delivery-company {
      flex-wrap: wrap;
    }
  }

  .main-checkout .delivery .delivery-company + .delivery-company {
    border-top: 1px solid #ededed;
    padding-top: 16px;
    margin-top: 16px;
  }

  @media (max-width: 767px) {
    .main-checkout .delivery .delivery-company li {
      flex: 1;
    }
  }

  @media (max-width: 767px) {
    .main-checkout .delivery .delivery-company li:first-child {
      width: 100%;
      display: block;
      flex: none;
      margin-bottom: 12px;
    }
  }

  .main-checkout .delivery .delivery-company li:first-child .item-title-content {
    text-transform: uppercase;
  }

  .main-checkout .delivery .delivery-company li .item-title {
    display: block;
    font-family: var(--font-face);
    font-size: 12px;
    line-height: 18px;
    color: #939395;
    margin-bottom: 10px;
  }

  .main-checkout .delivery .delivery-company li .item-title-content {
    display: block;
    font-family: var(--font-face);
    font-size: 14px;
    line-height: 21px;
    color: #2d2d2e;
  }


  @media (max-width: 767px) {
    .main-checkout .payment {
      margin-top: 10px;
    }
  }

  .main-checkout .payment .title-3 {
    padding: 30px 0 0;
    border-top: 1px solid #ededed;
    margin-top: 30px;
  }

  @media (max-width: 767px) {
    .main-checkout .payment .title-3 {
      font-size: 16px;
      line-height: 24px;
    }
  }

  .main-checkout .payment .title-4 {
    font-family: var(--font-face);
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 10px;
  }

  .main-checkout .payment .payment-data .key {
    display: inline-block;
    background-color: var(--color-informatica);
    padding: 12px;
    font-family: var(--font-face);
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    border-radius: 4px;
    margin-bottom: 30px;
  }

    .main-checkout .payment .payment-data .key strong {
      font-weight: 700;
    }

  .main-checkout .payment .payment-data .payForm, .main-checkout .payment .payment-data .condicionPay, .payment .payment-data .PaymentMethodId, .payment .payment-data .EmailInfo, .IdentificationType, .DocumentNumber {
    font-size: 16px;
    line-height: 25px;
  }



  .main-checkout .payment .payment-data .bank-data li {
    font-family: var(--font-face);
    font-size: 16px;
    line-height: 24px;
    margin-top: 4px;
  }

    .main-checkout
    .payment
    .payment-data
    .bank-data
    li:first-child {
      margin-top: 0;
    }

  .main-checkout
  .payment
  .payment-data
  .payment-parcels
  .payment-parcel + .payment-parcel {
    border-top: 1px solid #ededed;
    padding-top: 16px;
    margin-top: 16px;
  }

  .main-checkout
  .payment
  .payment-data
  .payment-parcels
  .payment-parcel
  .parcel-data {
    display: flex;
    justify-content: space-between;
  }

  @media (max-width: 767px) {
    .main-checkout
    .payment
    .payment-data
    .payment-parcels
    .payment-parcel
    .parcel-data {
      flex-wrap: wrap;
    }
  }

  .main-checkout
  .payment
  .payment-data
  .payment-parcels
  .payment-parcel
  .parcel-data
  .item-title {
    display: block;
    font-family: var(--font-face);
    font-size: 12px;
    line-height: 18px;
    color: #939395;
    margin-bottom: 10px;
  }

  .main-checkout
  .payment
  .payment-data
  .payment-parcels
  .payment-parcel
  .parcel-data
  .item-title-content {
    display: block;
    font-family: var(--font-face);
    font-size: 14px;
    line-height: 21px;
    color: #2d2d2e;
  }

  .main-policies {
    padding-top: 40px;
  }

    .main-policies .grid {
      width: 1200px;
      padding: 0 36px;
    }

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

  .main-policies h1 {
    font-family: var(--font-face);
    font-size: 40px;
    line-height: 48px;
    margin-bottom: 40px;
  }

  @media (max-width: 767px) {
    .main-policies h1 {
      font-size: 24px;
      line-height: 31px;
    }
  }

  .main-policies .content {
    margin-bottom: 40px;
  }

  .main-policies h2 {
    font-family: var(--font-face);
    font-size: 24px;
    line-height: 31px;
    margin-bottom: 24px;
    text-transform: uppercase;
  }

  @media (max-width: 767px) {
    .main-policies h2 {
      font-size: 20px;
      line-height: 28px;
      margin-bottom: 24px;
    }
  }

  .main-policies a,
  .main-policies p {
    font-family: var(--font-face);
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 24px;
  }

    .main-policies a:last-child,
    .main-policies p:last-child {
      margin-bottom: 0;
    }

  .main-policies strong {
    font-family: var(--font-face);
    font-weight: 700;
  }

  .main-policies a {
    color: var(--color-informatica);
    text-decoration: underline;
  }

    .main-policies a:hover {
      color: #2a426a;
    }

  .main-policies .table-container {
    width: 100%;
    overflow-x: auto;
    margin-bottom: 40px;
  }

  @media (max-width: 480px) {
    .main-policies .table-container {
      margin-right: -16px;
    }
  }

  .main-policies .table-container table {
    width: 100%;
    border: 1px solid #ededed;
    border-collapse: collapse;
  }

  @media (max-width: 480px) {
    .main-policies .table-container table {
      width: 450px;
    }
  }

  .main-policies .table-container table tr td,
  .main-policies .table-container table tr th {
    border: 1px solid #ededed;
    font-family: var(--font-face);
    font-size: 14px;
    line-height: 21px;
    padding: 10px;
  }

  .main-policies .table-container table tr th {
    color: #939395;
    text-align: left;
  }

  .main-policies .table-container table tr td {
    color: #2d2d2e;
  }

  .product-brand-container .product-brand {
    margin-right: 5px;
  }

  .product-brand-container {
      display: flex;
      flex-direction: column;
  }

  /*
    with custon style plugin
*/

  .empty-stock strong {
    margin: 18px 0;
    display: block;
    text-align: center;
  }

  .empty-stock,
  .empty-stock-des {
    background-color: #eeeeee;
    color: #6c6c6c !important;
  }

  .categories-list .text::first-letter {
    text-transform: uppercase;
  }

  .categories-list .text {
    text-transform: lowercase;
  }

  .footer-navigation a {
    text-transform: lowercase;
  }

    .footer-navigation a::first-letter {
      text-transform: uppercase;
    }


  .button-text {
    text-transform: lowercase;
    display: inline-block;
    max-width: 110px;
  }

    .button-text:first-letter {
      text-transform: uppercase;
    }

  .subnav-title::first-letter {
    text-transform: uppercase;
  }

  .subnav-title {
    text-transform: lowercase;
  }

  .header .main-navigation .subnav .categories-list li {
    overflow: auto;
  }

    .header .main-navigation .subnav .categories-list li a, .header .main-navigation .subnav .categories-list li label {
      /*text-transform: lowercase;*/
      white-space: normal;
    }

      .header .main-navigation .subnav .categories-list li a::first-letter {
        /*text-transform: uppercase;*/
      }

  .filter-pagination ul li {
    width: auto;
    height: auto;
  }

    .filter-pagination ul li a {
      width: auto;
      height: auto;
      font-size: 18px !important;
    }

    .filter-pagination ul li.current-page span {
      font-size: 18px;
      color: white;
    }

  .filter-pagination ul .first-page, .filter-pagination ul .last-page {
    min-width: 35px;
    color: grey;
  }

  .current-page span::after {
    background: var(--color-informatica);
    min-width: 35px;
    content: "";
    display: block;
    height: 20px;
    border-radius: 2px;
    position: relative;
    top: -23px;
    z-index: -1;
  }



  .blog-slides .slick-arrow {
    width: 40px;
    height: 40px;
    background-color: #3a76d9;
    border-radius: 8px;
    font-size: 0;
    position: absolute;
    top: 50%;
    pointer-events: all;
  }

    .blog-slides .slick-arrow:hover {
      background-color: var(--color-informatica);
    }

    .blog-slides .slick-arrow.slick-next {
      right: 0;
    }

    .blog-slides .slick-arrow.slick-prev {
      left: 0;
    }

  .blog .blog-item .blog-data {
    max-height: 350px;
    overflow: hidden;
  }

    .blog .blog-item .blog-data .blog-image img {
      border-radius: 8px 8px 0 0;
    }

  .blog .blog-item .blog-info {
    padding: 0 10px 10px 10px;
  }

  .blog .blog-item .blog-data .blog-info .title {
    max-height: 60px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }

  .blog .blog-item .blog-data .blog-image {
    max-width: 280px;
    max-height: 200px;
  }

    .blog .blog-item .blog-data .blog-image img {
      width: 280px;
      height: 200px;
    }

  .dialog {
    display: none;
  }

    .dialog.active {
      display: block;
    }

  .homepage-before-poll, .homepage-after-products {
    margin-bottom: 30px;
    margin-top: 30px;
  }

  @media(max-width:800px) and (max-height:500px) {
    .homepage-before-poll, .homepage-after-products {
      margin-bottom: 10px;
    }
  }

  .external-links .slide:hover .icon {
    transform: rotate(-0.05turn);
  }

  .header-cart:hover a svg {
    transform: rotate(-0.02turn);
  }

  .header-cart a svg {
    transition: all .35s ease-in-out;
  }

  .header-account .account-box {
    display: none;
  }

    .header-account .account-box.active, header-search .search-box.active {
      display: block;
      filter: drop-shadow(5px 5px 8px #626262);
    }

  @media (max-width: 1600px) {
    .header-wrapper .header .header-content {
      width: 50%;
    }

      .header-wrapper .header .header-content.content-right {
        width: 50%;
        margin-top: 10px
      }
  }

  @media (max-width: 1100px) {
    .header-wrapper .header .header-content {
      width: 50%;
    }

      .header-wrapper .header .header-content.content-right {
        width: 45%;
        margin-top: 10px
      }
  }


  .header-wrapper .header {
    position: fixed
  }
  /*Responsive layout*/

  @media (max-width: 1100px) {

    .header-wrapper .header .header-content .content-right {
      font-size: 13px;
    }

    .main-navigation > ul > li > button {
      font-size: 15px;
      margin-right: 0px;
    }

      .main-navigation > ul > li > button .icon {
        margin-right: 0px
      }
  }

  body .floated-whatsapp a {
    width: 56px;
    display: flex;
    border-radius: 30px;
    transition: width .5s;
  }

  body .floated-whatsapp:hover a {
    width: 216px;
    transition: width 1s;
  }

  body .floated-whatsapp .text {
    display: inline-block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    align-self: center;
    transition: width .5s;
  }



  body .floated-whatsapp:hover .icon {
    margin-right: 8px
  }

  .dialog {
    display: none;
  }

  .header-wrapper .header .brand {
  }

  @media (max-width: 991px) {
    .main-wrapper-page .header-wrapper .header .header-content.content-right {
      width: 100%;
      height: 60px;
      display: flex;
      position: fixed;
      bottom: 0;
      left: 0;
      background-color: #3a76d9;
      box-shadow: 0 0 15px 0 rgba(0, 0, 0, .05);
      text-align: center;
      justify-content: center;
      z-index: 3;
    }
  }

  .product-general-information {
    width: 100%;
    padding: 0;
    margin-top: 50px;
  }

    .product-general-information > section {
      padding: 0 5.2vw;
      margin: auto;
    }

  @media (min-width: 991px) {
    .product-general-information > section {
      width: 1440px;
      max-width: 95%;
    }
  }

  .main-navigation .subnav {
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);
  }

  .subnav-banners .slick-dots .slick-active button {
    background: transparent;
  }

  .header {
    box-shadow: #264b88 1px 1px 1px 1px;
  }

  .contact-box .contacts-list .contact:nth-of-type(2n+1) {
    padding-right: 0px;
  }

  .contact-box .contacts-list .contact:nth-of-type(2n+2) {
    border-left: none;
    padding-left: 10px;
  }

  .contact-box .contacts-list .contact {
    margin: 0px 5px;
  }

  .main-navigation li:hover .icon:not(.tablet-version) {
    transform: rotate(180deg);
  }

  .header .header-account:hover > button > .icon:not(.tablet-version) {
    transform: rotate(180deg);
  }

  .main-segments .segment-categories .slider .slides .slide .sub-category-hover a > .icon {
    float: left;
  }

  .main-segments .segment-categories .slider .slides .slide .sub-category-hover a.active > span {
    color: #fff;
  }



  @media(max-width:765px) {
    .segment-categories #subcategory-slider {
      display: none;
    }
  }

  #subcategory-slider .slide:hover .sub-category-hover,
  .sub-category-hover:hover {
    max-height: 550px;
    padding: 5px;
    transition: all .3s ease-in;
    /*overflow-y: auto;*/
    /* max-height: calc(100vh - 250px);*/
  }

  .slide .sub-category-hover {
    transform: translate(-5px);
    z-index: 10;
  }

    .slide .sub-category-hover ul li {
      display: block;
    }

    .slide .sub-category-hover.last-active-hover {
      transform: translate(-60px);
    }


  .end-footer {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }

    .end-footer section {
      float: none;
    }

    .end-footer .copyrights {
      font-size: 12px;
      width: 100%;
      text-align: center;
      color: white;
      margin-top: 10px;
    }

    .end-footer .util-links ul li a {
      color: #fff;
      font-size: 14px;
    }

  .zipOpen {
    font-size: 14px;
    width: 50%;
    display: block;
    float: right;
    margin-top: -2%;
  }

  .telephone {
    width: 50% !important;
    float: left;
  }

  .zipOpen a svg {
    color: white;
    height: 10px;
    width: 10px;
  }


  .box-brands-button {
    display: flex;
    justify-content: center;
    margin: 20px 0px 15px 0;
    cursor: pointer;
  }

  #svg-brands {
    margin-left: 15px
  }

  .adress-button, .brands-content /*, #svg-brands, .box-brands-button */ {
    display: none;
  }


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

      .adress-button .box-adress-button, .box-brands-button {
        display: flex;
        padding: 10px 0;
      }

        .adress-button .box-adress-button h2, .box-brands-button h2 {
          margin: auto;
        }

    .footer .adress-content, .brands-content {
      display: none;
    }
  }

  .zipOpen a {
    color: #fff;
    border: 1px solid #fff;
    border-radius: 8px;
    padding: 5px;
    position: relative;
    margin: -5px 0px 15px -8px;
    fill: white;
    float: right;
  }

    .zipOpen a:hover {
      color: var(--color-informatica);
      fill: var(--color-informatica);
      background-color: #fff;
    }

      .zipOpen a:hover svg {
        fill: var(--color-informatica)
      }

  .end-footer .util-links ul li {
    margin-bottom: 5px;
    position: relative;
    display: flex;
    align-items: center;
    white-space: nowrap;
  }

    .end-footer .util-links ul li::before {
      content: ">";
      color: #fff;
      position: absolute;
      left: -10px;
      font-weight: bold;
      transition: all 0.5s;
    }

    .end-footer .util-links ul li a:hover {
      font-weight: bold;
      transform: translate(5px);
    }

  .tags-container .tags {
    padding: 15px 0;
  }

  .homepage-before-news {
    padding-top: 2%;
  }


  .footer .end-footer {
    padding: 60px 0 60px;
  }

    .footer .end-footer .copyrights {
      margin-top: 60px;
    }

  .social-network ul li:hover span {
    font-weight: bold;
  }

  .footer-wrapper .footer .top-footer {
    display: grid;
    grid-template-columns: 1fr 1fr;

  }

  .tags-container .tags .slick-dots li {
    border: none;
  }

    .tags-container .tags .slick-dots li button {
      border: 2px solid #ededed;
      border-radius: 10px;
    }

  /*  .products .product-item .product-order-quantity {
    width: fit-content;
  }*/

  .ProdutorRelacionados {
    margin-top: 30px;
  }


  .master-wrapper-content .main-checkout .invoice-types .invoice-notice {
    opacity: 1;
  }

  #bar-notification {
    display: none;
  }

  @media (max-width: 1200px) {
    .main-checkout .checkout-content .checkout-side-content {
      bottom: 5%;
    }
  }

  .header-wrapper .header {
    position: fixed;
  }



  @media (min-width: 1201px) and (max-width: 1233px) {

    .header .header-account .text,
    .header .header-account a,
    .header .header-cart .text,
    .header .header-cart a,
    .header .header-institutional .text,
    .header .header-institutional a,
    .header .header-search .text,
    .header .header-search a,
    .header .header-telephone .text,
    .header .header-telephone a,
    .header .header-whatsapp .text,
    .header .header-whatsapp a {
      font-size: 14px;
    }
  }


  .navBarLogo {
    margin-right: 30px
  }

  .inputs::placeholder {
    color: grey;
    opacity: 40%
  }
  /* style custon check-box in account-box.login */

  .toggler-wrapper {
    display: block;
    width: 45px;
    height: 25px;
    cursor: pointer;
    position: relative;
  }

    .toggler-wrapper input[type="checkbox"] {
      display: none;
    }

      .toggler-wrapper input[type="checkbox"]:checked + .toggler-slider {
        background-color: var(--color-informatica);
      }

    .toggler-wrapper .toggler-slider {
      background-color: #ccc;
      position: absolute;
      border-radius: 100px;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      -webkit-transition: all 300ms ease;
      transition: all 300ms ease;
    }

    .toggler-wrapper .toggler-knob {
      position: absolute;
      -webkit-transition: all 300ms ease;
      transition: all 300ms ease;
    }

    .toggler-wrapper.style-1 input[type="checkbox"]:checked + .toggler-slider .toggler-knob {
      left: calc(100% - 19px - 3px);
    }

    .toggler-wrapper.style-1 .toggler-knob {
      width: calc(25px - 6px);
      height: calc(25px - 6px);
      border-radius: 50%;
      left: 3px;
      top: 3px;
      background-color: #fff;
    }


  /* END  style custon color-profile check-box in account-box */
  @media (min-width: 991px) and (max-width: 1294px) {
    .main-wrapper-page .header-wrapper .header .brand {
      margin-right: 10px;
      max-width: 118px;
      height: 40px;
      background: url(../Themes/Pauta/Content/img/brands/white/pauta.svg) no-repeat 50%/auto 100%;
      background-position: 0 0;
      margin-bottom: 10px
    }

    .navBarLogo {
      margin-right: 0px;
    }
  }


  @media (min-width: 990px) and (max-width: 1012px) {
    .main-wrapper-page .header-wrapper .header .brand {
      max-width: 100px;
      height: 40px;
    }

    .brand a img {
      height: auto;
      max-width: 100px;
      min-height: 40px;
    }
  }

  @media (min-width:320px) and (max-width:480px) { /* smartphones, iPhone, portrait 480x320 phones */
    .header {
      padding: 0px;
    }
  }

  @media (min-width:481px) and (max-width:640px) { /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */
    .header {
      padding: 0px;
    }
  }

  @media (min-width:641px) and (max-width:960px) { /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */
    .header {
      padding: 0px;
    }
  }







  .MainPager .filter-pagination {
    margin-top: 10%
  }



  .main-banner .categories-list li .bloco2 {
    height: calc(100% - 14px);
    padding: 24px 20px;
    border-radius: 0 0 12px 12px;
    transition: background-color .15s ease-in;
    /*opacity: .5;
  transition: opacity .15s ease-in*/
  }



  .total-table {
    margin-top: 20px;
    text-align: end;
    font-size: 12px;
  }

    .total-table.conf {
      display: flex;
      justify-content: space-between;
    }

    .total-table strong {
      color: var(--color-informatica);
      font-size: 14px;
      padding: 0 5px;
    }

    .total-table span {
      background: var(--color-informatica);
      color: #fff;
      padding: 5px 15px;
      border-radius: 12px;
      line-height: 30px;
    }

  .box-table {
    overflow-x: auto;
    box-shadow: rgb(0 0 0 / 5%) 1px 1px 6px 5px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
  }
  /*cart table*/
  .products-list .table-wrap {
    font-size: 12px;
  }

  .products-list table, .products-list td {
    font-size: 12px;
    text-transform: capitalize;
    text-align: center;
    padding: 1%;
    vertical-align: middle;
  }

  .products-list th {
    background: var(--color-informatica);
    color: #fff;
  }

  .products-list {
    border-collapse: collapse;
    width: 100%;
    box-shadow: rgb(0 0 0 / 5%) 1px 1px 6px 5px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
  }

    .products-list th, .products-list td {
      text-align: center;
      padding: 0% 1% 0 0;
      vertical-align: middle;
    }

    .products-list thead {
      font-size: 12px;
      line-height: 35px;
    }

      .products-list thead th:first-child {
        border-top-left-radius: 8px;
      }

      .products-list thead th:last-child {
        border-top-right-radius: 8px;
      }

    .products-list tbody .product-item:last-child, .products-list tbody .product-item:last-child td:first-child, .products-list tbody .product-item:last-child td:last-child {
      border-bottom-left-radius: 8px;
      border-bottom-right-radius: 8px;
    }

    .products-list th:nth-child(1), .products-list td:nth-child(1) {
      width: 8%;
      min-width: 50px;
    }

    .products-list th:nth-child(2), .products-list td:nth-child(2) {
      text-align: left;
      min-width: 250px;
      width: 42%;
    }

    .products-list th:nth-child(3), .products-list td:nth-child(3) {
      width: 12%;
      min-width: 35px;
    }

    .products-list th:nth-child(4), .products-list td:nth-child(4), .products-list th:nth-child(5), .products-list td:nth-child(5) {
      width: 10%;
      text-align: left;
      min-width: 90px;
    }

    .products-list th:nth-child(6), .products-list td:nth-child(6) {
      width: 10%
    }

    .products-list .trash, .products-list .trash {
      width: 5% !important
    }

    .products-list .item-title-content {
      display: grid;
      margin: auto;
    }

      .products-list .item-title-content .product-order-quantity {
        margin: auto;
      }

      .products-list .item-title-content .SalePrice {
        max-width: 90px;
        border: 1px solid #b7b7b7;
      }

    .products-list .product-item {
      border-bottom: 1px solid #f1eeee;
      box-shadow: none;
      border-radius: 8px;
      height: 50px;
    }

      .products-list .product-item:last-child {
        border-bottom: 0px;
      }

    .products-list .item-title-content .st {
      font-size: 10px;
    }

    .products-list .product-item:nth-child(2n) {
      background: #f1eeee;
    }
}


@media(min-width:1400px) {
  .containerProducts {
      display: flex;
      grid-template-columns: repeat(3, 25%);
      grid-auto-rows: auto;
      grid-column-gap: 2%;
      flex-direction: row;
      flex-wrap: wrap;
      align-content: center;
      margin-left: 5%;
      height: auto;
      margin-top: auto;
    }

    .cardProduct {
      width: 30%;
      border: 0px !important;
      border-radius: 6px;
      box-shadow: rgb(0 0 0 / 20%) 2px 1px 8px 1px;
      margin: 2% 0 0 0;
      min-width: 350px;
    }
  }

  @media(max-width:1390px) {
    .containerProducts {
      display: flex;
      grid-template-columns: repeat(3, 25%);
      grid-auto-rows: auto;
      grid-row-gap: 2%;
      margin-left: 5%;
      flex-direction: row;
      flex-wrap: wrap;
      align-content: center;
      height: auto;
      margin-top: auto;
    }

    .cardProduct {
      width: 30%;
      border: 0px !important;
      border-radius: 6px;
      box-shadow: rgb(0 0 0 / 20%) 2px 1px 8px 1px;
      margin: 2% 0 0 0;
      min-width: 300px;
    }
  }

  @media(max-width:1000px) {
    .containerProducts {
      display: flex;
      grid-template-columns: repeat(3, 25%);
      grid-auto-rows: auto;
      grid-row-gap: 2%;
      flex-direction: row;
      flex-wrap: wrap;
      align-content: center;
      height: auto;
      margin-top: auto;
      margin-left: 1%;
    }

    .cardProduct {
      width: 45%;
      border: 0px !important;
      border-radius: 6px;
      box-shadow: rgb(0 0 0 / 20%) 2px 1px 8px 1px;
      margin: 2%;
      min-width: 300px;
    }
  }

@media(max-width:765px) {
 

  .cardProduct {
    width: 100%;
  }
}

  .filters .filter-container,
  .products-wrapper,
  .category .products-container .grid {
    height: auto;
    width: 100%;
  }

 

  .main-banner .categories-list .box:nth-child(4), .main-banner .categories-list .box:nth-child(4):after {
    background: url(../img/backgrounds/bkg-purple-dark.svg); /*-large*/
    background-color: #9747ff;
    background-size: cover;
  }

  @media(max-width:765px){
    .titleSubcat:nth-child(2), .titleSubcat a:after, .titleSubcat:nth-child(3) {
      display: none
    }
  }
  .titleSubcat a:after {
    content: ">";
    margin-left: 10px;
    margin-right: 10px;
  }
  /*css modal-open-request*/
  .modal-Request {
    background: #fff;
    border: solid 2px #3a76d9;
    border-radius: 8px;
    min-height: 780px !important;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
  }

  .title-modal-request {
    background: #3a76d9;
    color: white;
    padding: 15px;
  }

    .title-modal-request h3 small {
      font-size: 12px;
      color: red;
      float: right;
    }

  .form-request {
    background: #fff;
    margin: 20px 20px 0;
  }

    .form-request section {
      display: flex;
    }

      .form-request section label {
        min-width: 105px;
        width: 15%;
        text-align: end;
        margin-right: 5%;
        align-self: center;
      }

      .form-request section input {
        height: 34px;
        padding: 6px 12px;
        width: 70%;
      }

      .form-request section div {
        margin: 10px 0;
      }

  .button-form-modal {
    justify-content: end;
    margin-top: 20px;
  }


    .button-form-modal button {
      float: right;
      margin: 0 20px;
      background: #407BFF;
      padding: 5px 10px;
      border-radius: 8px;
      color: white;
      font-size: 20px;
      margin-top: 20px;
      box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    }


  .ui-dialog-titlebar-close {
    background: red;
    margin: 100px 0 5px;
    padding: 5px;
    border-radius: 4px;
  }
  /*css topic Politica de integridade*/
  .modal-complaint {
    background: #fff;
    border: solid 2px #3a76d9;
    border-radius: 8px;
    min-height: 400px !important;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  }


    .title-modal-complaint h3 small {
      font-size: 12px;
      color: red;
      float: right;
    }

  .form-complaint {
    background: #fff;
    margin: 20px 20px 0;
  }

    .form-complaint article {
      margin: 15px 0;
      display: flex;
    }

      .form-complaint article label {
        min-width: 105px;
        width: 15%;
        text-align: end;
        margin-right: 5%;
        align-self: center;
      }

      .form-complaint article input {
        height: 34px;
        padding: 6px 12px;
        width: 70%;
        border: 1px solid gray;
        border-radius: 4px;
      }


  .buttonsPdf {
    display: flex;
    flex-wrap: wrap;
  }

    .buttonsPdf a, .buttonsPdf button {
      background: #8CAA00;
      padding: 1%;
      border-radius: 8px;
      margin: 0 auto;
      font-size: 16px;
      color: white;
      text-decoration: none;
      margin-bottom: 5px;
      box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
    }

  @media (max-width:500px) {
    .modal-complaint .modal-Request {
      width: 340px !important;
    }

    .modal-Request {
      width: 340px !important;
      height: 1000px !important
    }
  }
  /*css form-fields*/


  .change-title {
    background: var(--color-informatica);
    padding: 10px;
    color: white;
    border-radius: 8px 8px 0 0;
  }

    .change-title h1 {
      font-size: 22px
    }

  .change-body {
    background: white;
    padding: 10px;
    border-radius: 0 0 8px 8px;
  }

  .form-fields .inputs {
    margin: 15px 0;
    display: flex;
  }

    .form-fields .inputs label {
      /*min-width: 105px;
      width: 15%;
      text-align: end;
      margin-right: 5%;
      align-self: center;*/

      text-align: center;
      margin-bottom: 5px;
    }

    .form-fields .inputs input {
      height: 40px;
      padding: 6px 12px;
      width: 75%;
      border: 1px gray solid;
      border-radius: 12px;
    }
    .form-fields .inputs .line-input {
      width: 100%;
      display: flex;
    }

      .change-body .buttons {
        display: flex;
      }

  .change-password-button {
    background: var(--color-informatica);
    padding: 1%;
    border-radius: 8px;
    margin: 0 auto;
    font-size: 16px;
    color: white;
    text-decoration: none;
    margin-bottom: 5px;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
  }


  .change-password-page {
    background: white;
    border-radius: 8px;
  }

    .change-password-page .page-title {
      background: var(--color-informatica);
      padding: 10px;
      border-radius: 8px 8px 0px 0px;
      color: white;
    }

    .change-password-page .page-body {
      background: white;
      padding: 10px;
    }

      .change-password-page .page-body .buttons {
        display: flex;
      }

  .backToHome {
    background: #407BFF;
    padding: 15px;
    width: max-content;
    border-radius: 8px;
    margin: 20px;
    color: white;
    font-size: 20px;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  }

    .backToHome:hover {
      box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
    }

  .product-general-information .product-general-content .btnIaUbiquiti .backToHome {
      margin-left: 0px;
  }

  #parcels {
    margin: 2% auto;
  }

.parcelTable, .table-transport {
  font-size: 12px !important;
  width: 100%;
  text-align: center;
  line-height: 25px;
  border-radius: 12px;
  border-bottom-left-radius: 8px;
  box-shadow: rgb(0 0 0 / 5%) 1px 1px 6px 5px;
  border-bottom-right-radius: 8px;
}


  .parcelTable thead, .table-transport thead {
    color: white;
    border-radius: 12px;
    font-size: 16px;
  }
    .parcelTable thead th, .table-transport thead th {
      background: var(--color-informatica);
    }

    .parcelTable thead tr, .table-transport thead tr {
      line-height: 35px
    }

    .parcelTable thead th:first-child, .table-transport thead th:first-child {
      width: 30%;
      border-top-left-radius: 8px;
      
    }
    .table-transport thead .trans {
        min-width:200px;

    }
    .table-transport thead .origin {
      min-width: 170px;
    }
    .table-transport thead .prazo {
      min-width: 50px;
    }
    .table-transport thead .frete {
      min-width: 80px;
    }

    
    .parcelTable thead th:last-child, .table-transport thead th:last-child {
      border-top-right-radius: 8px;
    }

    .parcelTable thead th, .parcelTable tbody td {
      width: 35%
    }
      .parcelTable tbody td:first-child {
        width: 35%;
      }

      .parcelTable tbody .lineParcel, .table-transport tbody tr {
        line-height: 25px;
        border-bottom: 1px solid #d7d7d7;
        color: #313030;
      }
    .parcelTable tbody .lineParcel:nth-child(2n), .table-transport tbody .line:nth-child(2n) {
      background: #f1eeee;
    }

  .parcelTable tbody tr:last-child, .table-transport tbody tr:last-child {
    border-bottom: none;
  }
  .parcelTable tbody td, .table-transport tbody td {
    text-align: center;
    padding: 1%;
    vertical-align: middle;
  }


.invoice-notice {
  display: flex;
  align-items: center;
  border: 1px solid #ff8000;
  border-radius: 6px;
  margin-bottom: 10px;
  padding: 3px;
  stroke: #ff8000;
  background-color: #ff800054;
  color: #ff8000;
  width: max-content;
}
@media(max-width: 961px) {
  .invoice-notice {
    width: fit-content;
  }
  }

.invoice-notice p {
  margin-left: 5px;
}
    .invoice-notice svg path {
      stroke: #ff8000;
    }
  .confirm-shipping-suscces {
    background: #a5ebac;
    color: #006b0b;
    padding: 10px;
    width: max-content;
    border-radius: 0px;
    font-size: 16px;
    border-left: 5px solid #006b0b;
  }
  .not-found-page {
    /*background: #82A2EA;*/
    color: black;
    height: 100vh;
    align-content: center;
    align-items: center;
    display: grid;
  }

    .not-found-page h1 {
      display: none
    }

.master-name-filter {
  font-size: 24px;
  color: #606062;
}
  .master-name-filter .cleanFilterButton {
    padding: 5px 8px;
    background: #5173E1;
    color: white;
    border-radius: 16px;
    margin-left: 80%;
  }

  @media(max-width:991px){
    .master-name-filter .cleanFilterButton {
      margin-left: 40%;
      margin-right: 50%;
      top: 2.5%;
      position: absolute;
    }
  }
  .empty-stock {
    text-transform: capitalize !important;
  }

  .specsList {
    max-height: 500px;
    overflow: auto;
  }

  #confirm-shipping-suscces {
    background: #a5ebac;
    color: #006b0b;
    padding: 10px;
    width: max-content;
    border-radius: 0px;
    font-size: 16px;
    margin-top: 20px;
    border-left: 5px solid #006b0b;
  }

  .attendance-schedule button,
  .confirm-shipping {
    background: #5dc167;
    padding: 10px;
    width: max-content;
    border-radius: 8px;
    color: white;
    font-size: 16px;
    margin-bottom: 1rem;
  }

  @media(max-width:961px){
    .attendance-schedule button,
    .attendance-schedule a,
    .confirm-shipping{
        font-size:12px
    }
  }

  .main-checkout .checkout-successfull {
    width: 100%;
    background-image: linear-gradient(90deg, #3a76d9, var(--color-informatica));
    border-radius: 16px;
    color: #fff;
    display: flex;
    justify-content: space-between;
    padding-right: 122px;
    margin-top: 18px;
    margin-bottom: 16px;
  }

    .main-checkout .checkout-successfull img {
      width: auto;
      height: 249px;
      margin-top: -30px;
    }
    @media(max-width:768px){
      .main-checkout .checkout-successfull svg {
        display:none;
      }
    }

    .main-checkout .checkout-successfull p {
      font-family: var(--font-face);
      font-weight: 400;
      font-size: 16px;
      line-height: 24px;
    }

      .main-checkout .checkout-successfull p a {
    font-family: var(--font-face);
        color: #EF9270;
      }

    .main-checkout .checkout-successfull h1 {
      font-family: var(--font-face);
      font-weight: 400;
      font-size: 32px;
      line-height: 41px;
      margin-bottom: 16px;
    }

    @media(max-width:961px){
      .main-checkout .checkout-successfull h1 {
      font-size:20px;
      line-height:20px
      }
     }

    .main-checkout .checkout-successfull section {
      width: 480px;
      padding: 24px 40px;
    }

  .payment-info-page h1 {
    font-size: 18px;
    margin: 20px 0;
  }

  #PaymentInfo p {
    font-size: 14px;
    margin-bottom: 5px;
  }

  #PaymentInfo table {
    line-height: 25px;
  }
  @media(max-width:961px){
    #PaymentInfo table  tr{
        display:flex;
    }
    #PaymentInfo table tr td{
        width:100%;
    }
  }



.danger-invalid-montant strong,
.validation-error strong {
  font-size: 14px;
  display: flex;
  border: 1px solid red;
  border-radius: 6px;
  margin-bottom: 10px;
  padding: 3px;
  stroke: red;
  background-color: #ffcbcb;
  color: red;
  padding: 10px;
  width: max-content !important;
  font-weight: normal;
}

  .danger-invalid-montant svg {
    margin-right: 5px;
  }

  .danger-invalid-montant strong svg {
    margin-bottom: -5px;
  }

  .checkout-step-4 section .checkout-side-content .buttons a {
    display: none;
  }


.output {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: -5px 8px 11px #00000087;
  display: none;
  z-index: 99999 !important;
  color: white;
  max-width: 300px;
}
.output .close {
    color: #d1d1d1;
    text-align: right;
    font-size: 20px;
    font-weight: bold;
  }

    .output .close:hover,
    .output .close:focus {
      color: #000;
      text-decoration: none;
      cursor: pointer;
    }

.output article{
  display: flex;
  justify-content: end;
}
  .output .modaBody {
    padding: 5px 10px 10px 0;
  }

  .output aside {
    padding: 15px 10px 10px;
  }
  .output .text{
      margin-left:5px
  }

  .output.error-message {
    background-color: #e84c3d;
  }
    .output.error-message aside {
      background-color: #b93f33;
    }

  .output.sucess-message {
    background-color: #13c33f;
  }
      .output.sucess-message aside {
        background-color: #25ad1b;
      }
  .output.warning-message {
    background-color: #f39c11;
  }
    .output.warning-message aside {
      background-color: #ef7905;
    }
    .output.alert-message {
    background-color: #3598db;
  }
      .output.alert-message aside {
        background-color: #166da7;
      }

.w3-light-grey, .w3-hover-light-grey:hover, .w3-light-gray, .w3-hover-light-gray:hover {
  color: #000 !important;
  background-color: #f1f1f1 !important
}
.w3-white, .w3-hover-green:hover {
  color: #fff !important;
  background-color: #606062 !important
}



.main-navigation .large-screen-menu {
  display: block;
}

.main-navigation .small-screen-menu {
  display: none;
}

@media(max-width: 991px) {
  .main-navigation .large-screen-menu {
    display: none;
  }
  /* Mostra a navegação para telas menores */
  .main-navigation .small-screen-menu {
    display: block;
  }
  .main-navigation .open-main-navigation {
    right: 300px !important;
  }
}


.back-to-categories {
  transform: rotate(91deg);
  display: none;
  width: auto;
  font-family:var(--font-face);
  font-size: 16px;
  color: #000;
  cursor: pointer;
  border: none;
  padding: 14px 12px 10px;
  text-align: left;
  position: absolute;
  top: 9px;
  right: 50px;
}

/*mobile cart*/
.mobile-cart {
  font-size: 12px;
  border-radius: 8px;
  box-shadow: none;
}
  .mobile-cart .product-mobile {
    padding: 5px;
    border-bottom: 1px solid grey;
    margin:5% 0;
  }
    .mobile-cart .product-mobile .top-line, .mobile-cart .product-mobile .below-line, .mobile-cart .product-mobile .below-line .client-price .part-price-client {
      display: flex;
    }
    .mobile-cart .product-mobile .top-line .sku {
      width: 15%;
    }
    .mobile-cart .product-mobile .top-line .name {
      width: 50%;
    }
    .mobile-cart .product-mobile .top-line .more-less {
      width: 35%;
      display:flex;
      justify-content:center
    }

    .mobile-cart .product-mobile .below-line .price-lines {
      width: 70%;
    }

      .mobile-cart .product-mobile .below-line .price-lines .unit-price, .mobile-cart .product-mobile .below-line .price-lines .st-price {
        display: flex;
        background: var(--color-informatica);
        color: #fff;
        border-radius: 10px;
        height: 20px;
        padding: 5px;
        margin: 10px;
        justify-content: space-around;
        width: 80%;
        margin-left: 19%;
      }

    .mobile-cart .product-mobile .below-line .client-price {
      background: var(--color-informatica);
      color: #fff;
      border-radius: 10px;
      height: auto;
      padding: 5px;
      margin: 10px;
      width: 80%;
      margin-left: 19%;
    }
      .mobile-cart .product-mobile .below-line .client-price input {
        margin: 5px 0;
        border-radius: 5px;
        color: #333;
        padding: .2rem;
        width: 100%;
      }

      .mobile-cart .product-mobile .below-line .client-price .part-price-client{
          display: flex
      }
      .mobile-cart .product-mobile .below-line .excluir {
        width: 30%;
      }
      .mobile-cart .product-mobile .below-line .excluir span {
        padding: 20% 10% 0% 70%;
        margin-bottom: 0;
        height: 100%;
        display: inline-flex;
      }

.badge {
  margin-top: 5px;
  background-color: rgb(58, 118, 217);
  color: white;
  padding: 4px 8px;
  text-align: center;
  border-radius: 5px;
  font-size: 12px;
  float: left;
  position: absolute;
  z-index:9;
}

.product-viewmode {
  display: flex;
  flex-direction: row;
  align-items: center;
}

@media (max-width:961px) {
  .product-viewmode {
    display: none;
  }
}
.product-viewmode div {
    display:contents
}
.product-viewmode a {
  height: 32px;
  width: 32px
}
.product-viewmode .selected, .product-viewmode .selected {
  background-color: #c6c6e8;
  border-radius: 8px;
}


.company, .client {
  width: 50%;
  line-height: initial;
}
.box-empty-cart {
    background-color: #ffffff;
    width: 100vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 80vh;
    text-align: center;
  }
.svg-empty-cart {
  width: 400px;
}
.title-empty-cart {
  font-size: 3em;
  font-weight: bolder;
}
.box-empty-cart p {
  font-size: 20px
}

@media(max-width:961px){
  .company, .client {
    width: 100%;
  }
  .title-empty-cart {
    font-size: 25px;
  }
  .svg-empty-cart{
      width:150px
  }
  .box-empty-cart p{
      font-size:12px
  }
}


.box.invoice-type.self.active .company, .box.invoice-type.self.active .client {
  width: 50%;
}

@media(max-width:961px){
  .box.invoice-type.self.active .company, .box.invoice-type.self.active .client {
    width: 1000%;
  }
}

.products-container{
    min-height: 100vh
}

.homepage-before-poll{
    display: block;
}

.homepage-after-products {
  display: none;
}


.products-container, .body-password {
  min-height: 100vh
}

.password-recovery-page, .change-password-page {
  min-height:210px;
  width: 650px;
  border-radius: 16px;
  box-shadow: rgb(0 0 0 / 15%) 2px 1px 8px 1px;
  background: white;
  margin: 10% auto;
}

.password-recovery-page {
  width: 600px;
  height: 350px;
  margin: 7% auto;
  height: 100%;
  overflow: auto;
  position: relative;
}

  .password-recovery-page .input-required, #recoveryForm .input-required ,#ChangePss .input-required{
    display: flex;
    justify-content: center;
  }

.password-recovery-page .input-required span, #recoveryForm .input-required span, #ChangePss .input-required span{
    color: red;
}

#ChangePss .form-fields .inputs {
  flex-direction: column;
}
 .input-required {
  width: 100%
}

.password-recovery-page .page-body .tooltip {
  max-width: 350px;
  text-align: center;
  margin: 0 auto;
  margin-bottom: 10px;
}

  .password-recovery-page .page-title, .change-password-page .page-title {
    color: white;
    background: #407BFF;
    padding: 15px;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
  }

  .password-recovery-page .page-body {
    padding: 20px;
    height: 100%;
    overflow: auto;
    position: relative;
  }

  .password-recovery-page .page-title {
      text-align: center;
  }

    .password-recovery-page .page-body .result, .change-password-page .result {
      background: #88a6ff;
      color: #000;
      padding: 10px;
      width: max-content;
      border-radius: 0px;
      font-size: 16px;
      border-left: 5px solid #0600b3;
      margin-top: 20px
    }
      .change-password-page .result{
          margin-left:10px;
          max-width: 620px
      }
      .password-recovery-page .page-body .result.sucess {
        background: #a5ebac;
        color: #006b0b;
        border-left: 5px solid #006b0b;
      }

      .password-recovery-page .page-body .buttons {
        display: flex;
        justify-content: center;
      }

        .password-recovery-page .page-body .buttons button, .password-recovery-page .page-body .buttons .button, .change-password-button {
          background: #407BFF;
          padding: 8px;
          width: max-content;
          border-radius: 8px;
          color: white;
          font-size: 18px;
          box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
          float: right;
        }

  .password-recovery-page .form-fields {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
  }

  .password-recovery-page .form-fields .inputs {
    flex-wrap: wrap;
    flex-direction: column;
    max-width: 400px;
    width: 62%;
  }
    .password-recovery-page .page-body .inputs .field-validation-error {
      width: 100%;
      color:red;
      text-align:center;
      margin-top: 8px;
    }

    @media(max-width:765px) {
      .password-recovery-page {
    width: 80%;
  }

    .password-recovery-page .page-body .form-fields .inputs {
      flex-direction: column;
    }
}

@media(max-width:961px) {
  .filters .filter-configurations .filter-parameters .filter-ordenation form fieldset, .filters .filter-configurations .filter-parameters .filter-exhibition form fieldset {
    display: flex;
  }
  .filters .filter-configurations .filter-parameters .filter-exhibition form label {
    padding: 10px 0;
    margin: 0 5px;
  }

  .filters .filter-configurations .filter-parameters .filter-ordenation form label {
    padding: 10px 0;
  }

}

  @media(max-width:765px) {

    .filters .filter-configurations .filter-parameters .filter-ordenation form fieldset, .filters .filter-configurations .filter-parameters .filter-exhibition form fieldset {
      display: flex;
    }

      .filters .filter-configurations .filter-parameters .filter-exhibition form fieldset select {
        width: auto;
      }

      .filters .filter-configurations .filter-parameters .filter-exhibition form fieldset select, .filters .filter-configurations .filter-parameters .filter-ordenation form select {
        height: 35px;
      }

    .filters .filter-configurations .filter-parameters .filter-exhibition form label {
      padding: 10px 0;
      margin: 0 5px;
    }

    .filters .filter-configurations .filter-parameters .filter-ordenation form label {
      padding: 10px 0;
    }

    .filters .filter-configurations .filter-parameters .filter-ordenation select {
      width: 60%;
    }

    .filters .filter-configurations .filter-parameters .filter-exhibition form .icon, .filters .filter-configurations .filter-parameters .filter-ordenation form .icon {
      top: 5px;
    }
  }

.form-content .campo-info{
    display:flex
}

.form-content .campo-info .name-info {
  min-width: 105px;
  width: 15%;
  text-align: end;
  margin-right: 5%;
  align-self: center;
  font-size: 14px;
  line-height: 21px;
}


.form-content .campo-info .info {
  font-size: 14px;
  line-height: 21px;
}


@media (max-width:991px) {
  .account-container .account-content .button-form-register .text {
    margin-left: 0px;
  }
}


.box-info-qr, .three-box {
  display: flex;
}

.box-qrcode {
  background: var(--color-informatica); /* Cor de fundo azul */
  padding: 20px;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 350px;
  margin-left: auto;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.image-qr {
  margin-bottom: 20px;
  width: 250px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 8px;
}
  .image-qr img {
    border-radius: 8px;
  }


.bottom-qr {
  display: flex;
  align-items: center;
}

.btn {
  background-color: #ffffff; /* Cor de fundo branca */
  color: #3498db; /* Cor do texto azul */
  border: none;
  padding: 10px 2px;
  border-radius: 5px;
  cursor: pointer;
  transition: background-color 0.3s, color 0.3s;
  margin-left: 10px;
}

  .btn:hover {
    background-color: #2980b9; /* Cor de fundo azul mais escura */
    color: #ffffff; /* Cor do texto branco */
  }

.copy-qr {
  background-color: #ffffff; /* Cor de fundo branca */
  color: #3498db; /* Cor do texto azul */
  border: none;
  padding: 10px;
  border-radius: 5px;
  flex-grow: 1;
  box-sizing: border-box;
}

.box-info {
  font-size: 14px;
  width: 350px;
  margin: auto 5% 10px 10px;
  display: inherit;
  text-align: justify;
  height: 80px;
  border-radius: 12px;
  padding: 10px;
}

@media(max-width: 768px){
  .box-info-qr{
      display:block;
  }
  .box-qrcode {
      width:300px;
      margin:10px auto;
  }
  .box-info {
    margin: auto;
  }
}

@media (max-width:768px) {
  .header fixed {
    width: 100%;
  }

  .header {
    width: 100%;
  }
}

.main-register .step.step-3 .complemento {
  width: calc(40% - 10px);
}


.modal {
  display: none; /* Hidden by default */
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */
  font-size:16px;
}

.modal-content {
  background-color: #fff;
  margin: 5% auto;
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
  max-width: 800px;
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.modal-header, .title-modal-complaint {
  text-align: center;
  border-bottom: 1px solid #e0e0e0;
  padding-bottom: 10px;
}

  .modal-header h3, .title-modal-complaint h3 {
    margin: 0;
    color: var(--color-informatica);
  }

  .modal-header small, .title-modal-complaint small {
    color: #555;
  }

.close_modal {
  color: #aaa;
  font-size: 28px;
  font-weight: bold;
  float: right;
  cursor: pointer;
}

  .close_modal:hover,
  .close_modal:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
  }

.modal-body {
  margin-top: 20px;
}

  .modal-body section, .form-complaint article, .form-request section {
    margin-bottom: 10px;
  }

  .modal-body label, .form-complaint label, .form-request label {
    display: block;
    margin-bottom: 5px;
    color: #333;
  }

  .modal-body input[type="text"],
  .modal-body input[type="file"],
  .modal-body textarea,
  .form-complaint input[type="text"],
  .form-complaint textarea,
  .form-request input[type="text"],
  .form-request input[type="file"],
  .form-request textarea,
  .form-complaint input[type="tel"],
  .form-request input[type="tel"]{
    width: 100%;
    padding: 10px;
    margin-top: 5px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
  }

  .modal-body input[type="file"],
  .form-complaint input[type="file"],
  .form-request input[type="file"] {
    padding: 5px;
  }

  .modal-body .required.error{
      border: solid 1px red;
  }

  .modal-body textarea,
  .form-complaint textarea,
  .form-request textarea {
    resize: none;
  }

.options-modal {
  margin-top: 20px;
}

  .options-modal h3 {
    color: var(--color-informatica);
  }

  .options-modal div {
    margin: 10px 0;
    display:flex;
  }

  .options-modal label {
    margin-left: 10px;
    color: #333;
  }

.button-form-modal {
  text-align: center;
  margin-top: 20px;
}

  .button-form-modal button {
    background-color: var(--color-informatica);
    color: white;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    margin: 0 10px;
  }

    .button-form-modal button:hover {
      background-color: #1e3f7a;
    }

.mensagem-frete-a-cobrar {
  font-size: 14px;
  color: red;
  display: none;
  margin: 10px 5px;
  text-align: justify;
}

.page-address-details.grid {
  font-size: unset;
}

.page-address-details .head{
    text-align:center;
    color: #565656;
    margin-top:5%

}
  .page-address-details .head h1 {
    color: #565656;
    font-size: 2.5rem;
  }
.page-address-details .head p{
    margin:20px 0 
}
  .page-address-details .head .box-estados {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin: 40px 0;
  }

    .page-address-details .head .box-estados .card {
      padding: 20px;
      text-align: left;
      border-radius: 8px;
      min-width: 150px;
      margin: 20px 0;
    }
 .page-address-details .head .box-estados .card h2{
     color:#3a76d9;
     border-bottom:1px grey solid;
    padding: 5px 0;
    margin: 5px 0;
 }

 .page-address-details .head .box-estados .card a{
     color:grey;
 }



.page-address-details .box-warehouses {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  gap: 16px;
}

  .page-address-details .body h1 {
    border-bottom: 1px solid #3A76D9;
    color: #3A76D9;
    margin-bottom: 10px;
  }
.page-address-details .body .box-estado {
  margin: 20px 0;
  padding: 100px 0 0 0;
}
  .page-address-details .box-warehouses .card-address {
    flex: 1 1 calc(33.333% - 16px);
    max-width: calc(33.333% - 16px);
    box-sizing: border-box;
    background: #f9f9f9;
    padding: 16px;
    border-radius: 8px;
    margin-bottom: 16px;
  }

    .page-address-details .box-warehouses .card-address h2 {
      font-size: 1.5em;
      margin-bottom: 8px;
      border: none;
      color: #555;
    }
    .page-address-details .box-warehouses .card-address p {
      font-size: 16px;
      color: #666;
      margin: 10px 0
    }
    .page-address-details .box-warehouses .card-address iframe {
      max-width: -moz-available;
    }
    .page-address-details .box-warehouses .address-text {
      margin-top: 16px;
      padding: 0 15px;
    }

    .page-address-details .box-warehouses .card-address .address-iframe {
      position: relative;
      overflow: hidden;
      width: 100%;
      max-width: 400px;
      height: 300px;
      background: #ccc;
    }
    .page-address-details .box-warehouses .card-address .address-iframe iframe {
        width: 100%;
        height: 100%;
        border: none;
    }

.page-address-details .box-warehouses .button-address {
  margin-top: 16px;
  align-content: center;
  text-align: center;
  background: #407BFF;
  padding: 15px;
  width: max-content;
  border-radius: 8px;
  margin: 20px;
  color: white;
  font-size: 20px;
  margin: 20px auto;
}

.page-address-details .box-warehouses .button-address a {
  margin: 0;
  margin: auto;
  text-decoration:none;
  color: white;
}

@media (max-width: 950px) {
  .page-address-details .box-warehouses .card-address {
    flex: 1 1 calc(50% - 16px);
    max-width: calc(50% - 16px);
  }
}

@media (max-width: 600px) {
  .page-address-details .box-warehouses .card-address {
    flex: 1 1 100%;
    max-width:100%
  }
}
.shadow {
  box-shadow: rgba(70, 70, 70, 0.2) 0px 2px 8px 0px !important;
}


.seo-description {
  font-size: 16px;
  padding: 24px 24px;
  line-height: 18px;
  text-align: center;
}
/*layout informar documento do titular do cartão paypal */

.title-info-pagament {
  margin: 100px 0 auto;
  font-size: 14px;
  text-align: center;
}

.title-info-pagament h1 {
    color: var(--color-informatica);
    margin: 0 0 10px;
}

.title-info-pagament label {
    color: #999;
}

.ownerForm-payment {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 58vh;
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
}

.owner-content-conteiner {
  background-color: #f6f6f6;
  padding: 7rem;
  border-radius: 10px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  box-shadow: 1px 4px 6px rgba(0, 0, 0, .45);
}


.owner-content-conteiner table {
    text-align: center;
    border-collapse: collapse;
    width: 100%;
    max-width: 400px;
}

.owner-content-conteiner td {
  padding-bottom: 10px;
  text-align: center;
}

.owner-content-conteiner table td label {
    color: #666;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 0;
}

.owner-content-conteiner table td input {
    width: 100%;
    max-width: 100%;
    padding: 11px;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 17px;
}

  .owner-content-conteiner .buttons input {
    width: auto;
    padding: 10px 20px !important;
    line-height: normal;
    background-color: #407BFF !important;
    color: white;
    border: none;
    border-radius: 5px;
    font-size: 20px;
    cursor: pointer;
    box-shadow: 0 2px 6px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);
    transition: background-color 0.3s, color 0.3s;
    margin: 10px 0px !important;
  }

  @media(max-width: 630px) {
    .title-info-pagament {
      margin: 50px 0 auto;
    }
    .title-info-pagament label {
        font-size: 12px;
    }
    .ownerForm-payment {
      min-height: 40vh;
      width: 80%;
    }
    .owner-content-conteiner {
        padding: 40px 10px;
        width: 100%
    }
    .owner-content-conteiner table td label {
      font-size: 14px;
      font-weight: bold;
      margin-bottom: 0;
    }
    .owner-content-conteiner .buttons input {
        margin: 5px 0px !important;
    }
  }

.focused-input {
  border: var( --border-input-fine-select) !important;
  outline: none;
}

.frase-deposito p {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.frase-deposito.invoice-notice {
    width: auto !important;
    margin-top: 20px;
    gap: 10px;
}

.frase-deposito .link-email-comprovante {
    text-decoration: underline;
}

.product-data figure {
  position: relative;
}

.badge-voltagem {
  position: absolute;
  top: 5px;
  right: 0px;
  background-color: #fff;
  color: var(--color-infraestrutura);
  border: 1px solid var(--color-infraestrutura);
  padding: 3px 7px;
  border-radius: 5px;
  font-size: 12px;
  z-index: 2;
}

.product-image {
  position: relative;
}

@media (max-width: 710px) {
  .badge-voltagem {
    position: static;
    display: block;
    margin-top: 15px;
    margin-bottom: 5px;
    text-align: center;
  }
}


.spc-products .item-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
.spc-products .product-item {
  flex: 1 1 calc(33.333% - 16px);
  max-width: calc(33.333% - 16px);
  min-width: 0;
  min-height: 471px;
  box-shadow: rgb(104 104 104 / 20%) 2px 1px 8px 1px;
}


  .spc-products .product-item.slick-box {
    max-width: none;
    margin: 10px 5px;
    background: white;
  }

.spc-products .product-item {
  background: white;
}
  @media (max-width: 1023px) {
    .spc-products{min-height:auto !important;}
    .spc-products .product-item {
      flex: 1 1 calc(50% - 16px);
      min-height: auto;
    }
    .spc-products {
      margin: 0 0 25px;
    }
  }

@media (max-width: 767px) {
  .spc-products .product-item {
    flex: 1 1 100%;
  }
}

.spc-header li {
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  color: var(--color-informatica) !important;
  border: 1px solid var(--color-informatica) !important;
}
  .spc-header li.active {
    background-color: #9fc4ffa3 !important;
  }
.spc-header .title {
  margin: 0 0 15px !important;
  border-bottom: 1px solid var(--color-informatica) !important;
}
.spc-products .spc-header {
  margin-bottom: 0px !important;
}

.products-mobile-navigation-select {
  width: 100%;
  border: solid 1px var(--color-informatica);
  padding: 9px;
  border-radius: 8px;
  color: var(--color-informatica);
}
.spc-header .title {
  margin: 0 0 10px;
  padding: 0 0 10px;
}

.spc-products.products{
    margin:10px 0;
    padding:10px 0;
}

.spc-products .spc-header {
  margin-top: 20px;
}
.spc-header li {
  padding:0 !important;
}
.spc-header li span {
  padding: 14px 24px;
  display: block;
}
.spc-products .btn-veja-mais{
    display:none;
}
/*estilização vitrine home*/
.homepage-before-poll .spc-products {
  background-color: #2d2d2e;
}
.homepage-before-poll .spc-products .spc-header .title {
    color: white;
    margin-top: 10px
  }
/*END estilização vitrine home*/

.parceiro-acesso-content {
  color: #333;
  line-height: 1.6;
  padding: 20px;
  min-height: 100vh;
  display: flex;
  justify-content: center;
}

.parceiro-acesso-fields {
  width: 35%;
}

.parceiro-acesso-search {
  width: 20%;
}

.parceiro-acesso-search-section-inputs {
  padding: 45px 20px 20px;
  border-radius: 8px;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  align-items: end;
  width: 100%;
  flex-direction: row;
  box-sizing: border-box;
}

.parceiro-acesso-search-section {
  border: 1px solid #ededed;
}

.parceiro-acesso-search-section h1{
      margin-bottom: 0px;
}

#parceiro-acesso-search-partners {
  background-color: #ededed;
  border-radius: 4px;
  padding: 8px 32px;
  margin: 0 6px;
  font-family: var(--font-face);
  font-weight: 400;
  font-size: 14px;
  line-height: 21px;
  color: #2d2d2e;
  display: flex;
}

#parceiro-acesso-search-partners:hover {
  background-color: #3a76d9;
  color: #fff;
  cursor: pointer;
  transition: .15s;
}

.parceiro-acesso-card-body {
  padding: 35px 20px 20px;
  border-radius: 8px;
  border: 1px solid #ededed;
  display: flex;
  gap: 40px;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
}

.parceiro-acesso-search-field input {
  width: 100%;
  height: 40px;
  line-height: 40px;
  border: 1px solid #c8c8c8;
  border-radius: 4px;
  font-family:var(--font-face);
  font-size: 14px;
  color: #606062;
  padding: 0 12px;
  -moz-appearance: textfield;
  -webkit-appearance: textfield;
}

.parceiro-acesso-search-field input[type=number]::-webkit-inner-spin-button,
.parceiro-acesso-search-field input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: textfield;
  margin: 0;
}

.parceiro-acesso-label {
  font-family:var(--font-face);
  font-size: 14px;
  line-height: 21px;
  margin-bottom: 4px;
  color: #2d2d2e;
}

.parceiro-acesso-table-container {
  padding: 15px 0 0 0;
  overflow-y: auto;
}

.parceiro-text-center {
  text-align: center;
}

.parceiro-acesso-table {
  display: table;
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 12px;
  overflow: hidden;
  font-size: 12px !important;
  line-height: 25px;
  width: 100%;
  box-shadow: rgb(0 0 0 / 5%) 1px 1px 6px 5px;
}

.parceiro-acesso-table tbody .lineParcel:nth-child(2n), .table-transport tbody .line:nth-child(2n) {
  background: #f1eeee;
}

.parceiro-acesso-table th {
  background: var(--color-informatica);
  color: white;
  text-align: left;
  padding: 15px;
  font-weight: 600;
  font-size: 14px;
  white-space: nowrap;
  word-wrap: break-word;
}

.parceiro-acesso-table td {
  padding: 15px;
  border-bottom: 1px solid #eaecef;
  vertical-align: top;
}

.parceiro-acesso-table tr:nth-child(even) {
  background-color: #f8f9fa;
}

.parceiro-acesso-table tr:hover {
  background-color: #f1f5fe;
}

@media (max-width:991px) {
  .parceiro-acesso-fields,
  .parceiro-acesso-search {
    width: 80%;
  }

  .parceiro-acesso-search-section-inputs {
    flex-direction: column;
    align-items: center;
  }

  #parceiro-acesso-search-partners {
    margin: 10px auto;
    display: flex;
  }

  .parceiro-acesso-table td,
  .parceiro-acesso-table th {
    white-space: normal;
    word-wrap: break-word;
    overflow: hidden;
  }  

  .parceiro-acesso-card-body {
    padding: 35px 20px 20px;
    border-radius: 8px;
    border: 1px solid #ededed;
    display: flex;
    justify-content: center;
    gap: 40px;
    flex-wrap: wrap;
    overflow-x: auto;
    width: 100%;
  }

  .parceiro-acesso-table-container {
    padding: 15px 0 0 0;
    overflow-y: auto;
    width: 50vw;

  }

  .parceiro-acesso-table {
    min-width: auto;
    white-space: nowrap;
    display: block;
    width: 100%;
    overflow:auto;
  }
}

@media (max-width: 768px) {
  .parceiro-acesso-fields,
  .parceiro-acesso-search {
    width: 60%;
  }

  .parceiro-acesso-table-container {
    padding: 15px 0 0 0;
    overflow-y: auto;
    width: 85vw;
  }
}

@media (max-width: 495px) {
  .parceiro-acesso-fields,
  .parceiro-acesso-search {
    width: 70%;
  }
}

/* modal produtos frageis */
.modal-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.6);
  z-index: 9999;
  justify-content: center;
  align-items: center;
}

.fragile-box > .modal-content {
  background: #fff;
  padding: 20px;
  max-width: 500px;
  border-radius: 12px;
  box-shadow: 0 5px 15px rgba(0,0,0,0.3);
  text-align: center;
  font-size: 16px;
  line-height: 1.5;
}

.fragile-box > .modal-content button {
  margin-top: 20px;
  padding: 10px 20px;
  background: #2A569F;
  color: #fff;
  border: none;
  border-radius: 6px;
  cursor: pointer;
}

.fragile-box > .modal-content button:hover {
  background: #1E4275;
}

.form-content .container-ie {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  gap: 20px;
}

.select-contribuinte .tipo-contribuinte {
  margin-top: 5px;
}

.select-contribuinte {
    width: calc(70% - 10px) !important;
    margin-left: 0px !important;
}

@media (max-width: 495px) {
  .container-ie {
    flex-direction: column-reverse !important;
    gap: 5px !important;
  }

  .container-ie .select-contribuinte {
    width: 100% !important;
  }
  
  .container-ie .input-ie {
    width: 100% !important;
    margin-right: 0px !important;
  }
}