@charset "UTF-8";
/*--------------------Product Item--------------------*/
/*--------------------Functions - Iván Luna [Re]--------------------*/
/*!
----------------------------------------------------------------------------------------------------
* Important! - To edit this CSS, you must use the SCSS source file.

* Resilient 3.4.0
* ivan@vicom.mx | ivanluna.re@outlook.com
----------------------------------------------------------------------------------------------------
*/
/*--------------------Mixins - Iván Luna [Re]--------------------*/
/* ----------Width for container .re-central---------- */
/* ----------Horizontal padding respect .re-central---------- */
/* ----------Aligment respect .re-central---------- */
/* ----------Flexbox---------- */
/* ----------Absolute Position [Center]---------- */
/* ----------Paddings---------- */
/* ----------Borders---------- */
/* ----------Margins---------- */
/* ----------Grid Helpers---------- */
/* ----------Helpers---------- */
/* ----------Media Queries---------- */
/* ----------Debug---------- */
/*--------------------Mixins - IvánLuna[Re]--------------------*/
/*--------------------Typographies--------------------*/
@font-face {
  font-family: 'HelveticaNeueLTW05';
  src: url("https://vicom.mx/demos/germantec/arquivos/font_HelveticaNeueLTW05-35Thin.eot");
  /* IE9 Compat Modes */
  src: url("https://vicom.mx/demos/germantec/arquivos/font_HelveticaNeueLTW05-35Thin.eot#iefix") format("embedded-opentype"), url("https://vicom.mx/demos/germantec/arquivos/font_HelveticaNeueLTW05-35Thin.woff2") format("woff2"), url("https://vicom.mx/demos/germantec/arquivos/font_HelveticaNeueLTW05-35Thin.woff") format("woff"), url("https://vicom.mx/demos/germantec/arquivos/font_HelveticaNeueLTW05-35Thin.ttf") format("truetype"), url("https://vicom.mx/demos/germantec/arquivos/font_HelveticaNeueLTW05-35Thin.svg#font_HelveticaNeueLTW05-35Thin") format("svg");
  /* Legacy iOS */
  font-weight: 100;
  font-style: normal; }

@font-face {
  font-family: 'HelveticaNeueLTW05';
  src: url("https://vicom.mx/demos/germantec/arquivos/font_HelveticaNeueLTW05-45Light.eot");
  /* IE9 Compat Modes */
  src: url("https://vicom.mx/demos/germantec/arquivos/font_HelveticaNeueLTW05-45Light.eot#iefix") format("embedded-opentype"), url("https://vicom.mx/demos/germantec/arquivos/font_HelveticaNeueLTW05-45Light.woff2") format("woff2"), url("https://vicom.mx/demos/germantec/arquivos/font_HelveticaNeueLTW05-45Light.woff") format("woff"), url("https://vicom.mx/demos/germantec/arquivos/font_HelveticaNeueLTW05-45Light.ttf") format("truetype"), url("https://vicom.mx/demos/germantec/arquivos/font_HelveticaNeueLTW05-45Light.svg#font_HelveticaNeueLTW05-45Light") format("svg");
  /* Legacy iOS */
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: 'HelveticaNeueLTW05';
  src: url("https://vicom.mx/demos/germantec/arquivos/font_HelveticaNeueLTW05-55Roman.eot");
  /* IE9 Compat Modes */
  src: url("https://vicom.mx/demos/germantec/arquivos/font_HelveticaNeueLTW05-55Roman.eot#iefix") format("embedded-opentype"), url("https://vicom.mx/demos/germantec/arquivos/font_HelveticaNeueLTW05-55Roman.woff2") format("woff2"), url("https://vicom.mx/demos/germantec/arquivos/font_HelveticaNeueLTW05-55Roman.woff") format("woff"), url("https://vicom.mx/demos/germantec/arquivos/font_HelveticaNeueLTW05-55Roman.ttf") format("truetype"), url("https://vicom.mx/demos/germantec/arquivos/font_HelveticaNeueLTW05-55Roman.svg#font_HelveticaNeueLTW05-55Roman") format("svg");
  /* Legacy iOS */
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: 'HelveticaNeueLTW05';
  src: url("https://vicom.mx/demos/germantec/arquivos/font_HelveticaNeueLTW05-75Bold.eot");
  /* IE9 Compat Modes */
  src: url("https://vicom.mx/demos/germantec/arquivos/font_HelveticaNeueLTW05-75Bold.eot#iefix") format("embedded-opentype"), url("https://vicom.mx/demos/germantec/arquivos/font_HelveticaNeueLTW05-75Bold.woff2") format("woff2"), url("https://vicom.mx/demos/germantec/arquivos/font_HelveticaNeueLTW05-75Bold.woff") format("woff"), url("https://vicom.mx/demos/germantec/arquivos/font_HelveticaNeueLTW05-75Bold.ttf") format("truetype"), url("https://vicom.mx/demos/germantec/arquivos/font_HelveticaNeueLTW05-75Bold.svg#font_HelveticaNeueLTW05-75Bold") format("svg");
  /* Legacy iOS */
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: 'Raleway';
  src: url("https://vicom.mx/demos/germantec/arquivos/font_Raleway-Bold.eot");
  /* IE9 Compat Modes */
  src: url("https://vicom.mx/demos/germantec/arquivos/font_Raleway-Bold.eot#iefix") format("embedded-opentype"), url("https://vicom.mx/demos/germantec/arquivos/font_Raleway-Bold.woff2") format("woff2"), url("https://vicom.mx/demos/germantec/arquivos/font_Raleway-Bold.woff") format("woff"), url("https://vicom.mx/demos/germantec/arquivos/font_Raleway-Bold.ttf") format("truetype"), url("https://vicom.mx/demos/germantec/arquivos/font_Raleway-Bold.svg#font_Raleway-Bold") format("svg");
  /* Legacy iOS */
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: 'Raleway';
  src: url("https://vicom.mx/demos/germantec/arquivos/font_Raleway-Black.eot");
  /* IE9 Compat Modes */
  src: url("https://vicom.mx/demos/germantec/arquivos/font_Raleway-Black.eot#iefix") format("embedded-opentype"), url("https://vicom.mx/demos/germantec/arquivos/font_Raleway-Black.woff2") format("woff2"), url("https://vicom.mx/demos/germantec/arquivos/font_Raleway-Black.woff") format("woff"), url("https://vicom.mx/demos/germantec/arquivos/font_Raleway-Black.ttf") format("truetype"), url("https://vicom.mx/demos/germantec/arquivos/font_Raleway-Black.svg#font_Raleway-Black") format("svg");
  /* Legacy iOS */
  font-weight: 900;
  font-style: normal; }

/*--------------------[Re]set │ Iván Luna [Re]--------------------*/
*,
*:after,
*:before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  outline: 0;
  font-family: inherit;
  font-weight: inherit;
  font-style: inherit;
  color: inherit; }

*::-moz-selection {
  background: #80B74A;
  color: #ffffff; }

*::selection {
  background: #80B74A;
  color: #ffffff; }

/* Firefox */
*::-moz-selection {
  background: #80B74A;
  color: #ffffff; }

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

ul, ol {
  list-style: none;
  margin-bottom: 0; }

li {
  list-style: none; }

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

/*--------------------General Base--------------------*/
html {
  font-size: 15px;
  overflow-x: hidden; }
  @media screen and (min-width: 360px) {
    html {
      font-size: 16px; } }
  @media screen and (min-width: 768px) {
    html {
      font-size: 16px; } }
  @media screen and (min-width: 1024px) {
    html {
      font-size: 16px; } }
  @media screen and (min-width: 1280px) {
    html {
      font-size: 16px; } }
  @media screen and (min-width: 1440px) {
    html {
      font-size: 16px; } }
  @media screen and (min-width: 1920px) {
    html {
      font-size: 16px; } }

body {
  width: 100%;
  min-height: 100vh;
  font-family: "HelveticaNeueLTW05", sans-serif;
  font-size: 12pt;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.3;
  color: #666666;
  background-color: white;
  -webkit-transition: padding-top 0.2s;
  -o-transition: padding-top 0.2s;
  transition: padding-top 0.2s; }

h1, h2, h3, h4, h5, h6 {
  font-family: "Raleway", normal;
  font-weight: 700;
  color: inherit;
  position: relative;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  line-height: 1.1; }
  h1 > small, h2 > small, h3 > small, h4 > small, h5 > small, h6 > small {
    display: block;
    color: inherit; }
  h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong {
    font-weight: 800;
    color: inherit; }

h1 {
  font-size: 25.2pt;
  font-size: 2.1rem; }
  @media screen and (min-width: 1024px) {
    h1 {
      font-size: 30pt;
      font-size: 2.5rem; } }

h2 {
  font-size: 22.8pt;
  font-size: 1.9rem; }
  @media screen and (min-width: 1024px) {
    h2 {
      font-size: 27.6pt;
      font-size: 2.3rem; } }

h3 {
  font-size: 20.4pt;
  font-size: 1.7rem; }
  @media screen and (min-width: 1024px) {
    h3 {
      font-size: 24pt;
      font-size: 2rem; } }

h4 {
  font-size: 18pt;
  font-size: 1.5rem; }
  @media screen and (min-width: 1024px) {
    h4 {
      font-size: 24pt;
      font-size: 2rem; } }

h5 {
  font-size: 15.6pt;
  font-size: 1.3rem; }
  @media screen and (min-width: 1024px) {
    h5 {
      font-size: 18pt;
      font-size: 1.5rem; } }

h6 {
  font-size: 13.2pt;
  font-size: 1.1rem; }
  @media screen and (min-width: 1024px) {
    h6 {
      font-size: 15.6pt;
      font-size: 1.3rem; } }

p {
  margin-bottom: 1em; }
  p:only-child, p:only-of-type, p:last-child {
    margin-bottom: 0; }

a {
  text-decoration: none;
  -webkit-transition: color .2s ease, background .2s ease;
  -o-transition: color .2s ease, background .2s ease;
  transition: color .2s ease, background .2s ease; }
  a:hover, a:focus {
    outline: none;
    color: inherit;
    text-decoration: underline; }

b,
strong,
mark {
  font-weight: 700;
  color: inherit;
  background: none; }

i,
em {
  font-weight: 400;
  font-style: normal; }

em {
  color: inherit; }

blockquote {
  margin: 0.75em 2em;
  font-size: 14.4pt;
  font-size: 1.2rem; }

img {
  width: 100%;
  display: block; }

button {
  font-size: inherit;
  background-color: transparent;
  cursor: pointer; }

/*--------------------General [Re]sponsive | Iván Luna [Re]--------------------*/
.site-header,
.site-nav,
.page-main--home-page,
.page-main--internal-page,
.site-footer,
.re-central,
.re-middle,
.re-cien {
  width: 100%;
  min-width: 240px; }

.re-central,
.re-middle,
.re-cien {
  padding-left: 15px;
  padding-right: 15px;
  margin-left: auto;
  margin-right: auto; }

.re-central, .re-central--small, .board--small, .re-central--medium, .board--medium, .re-central--big, .board--big {
  margin-left: auto;
  margin-right: auto; }

.re-central, .re-central--small, .re-central--medium, .re-central--big {
  width: 100%;
  padding-left: 15px;
  padding-right: 15px; }
  @media screen and (min-width: 0) and (max-width: 359px) {
    .re-central, .re-central--small, .re-central--medium, .re-central--big {
      width: 100%; } }
  @media screen and (min-width: 360px) and (max-width: 479px) {
    .re-central, .re-central--small, .re-central--medium, .re-central--big {
      width: 100%; } }
  @media screen and (min-width: 480px) and (max-width: 767px) {
    .re-central, .re-central--small, .re-central--medium, .re-central--big {
      width: 98%; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .re-central, .re-central--small, .re-central--medium, .re-central--big {
      width: 94%; } }
  @media screen and (min-width: 1024px) and (max-width: 1279px) {
    .re-central, .re-central--small, .re-central--medium, .re-central--big {
      width: 972.8px; } }
  @media screen and (min-width: 1280px) and (max-width: 1439px) {
    .re-central, .re-central--small, .re-central--medium, .re-central--big {
      width: 1248px; } }
  @media screen and (min-width: 1440px) and (max-width: 1919px) {
    .re-central, .re-central--small, .re-central--medium, .re-central--big {
      width: 1224px; } }
  @media screen and (min-width: 1920px) {
    .re-central, .re-central--small, .re-central--medium, .re-central--big {
      width: 1440px; } }

.re-central--small, .board--small, .re-central--medium, .board--medium, .re-central--big, .board--big {
  width: auto; }

.re-central--small, .board--small {
  max-width: 1065px; }

.re-central--medium, .board--medium {
  max-width: 1400px; }
  @media screen and (min-width: 1920px) {
    .re-central--medium, .board--medium {
      max-width: 1440px; } }

.re-central--big, .board--big {
  max-width: 1680px; }

.re-middle {
  width: 88%; }

/*--------------------General Layout - Brand--------------------*/
h1.brand-wrapper {
  position: static;
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 0; }

.site-brand {
  position: absolute;
  bottom: 0.6em;
  left: 20%;
  z-index: 505;
  background-color: transparent;
  -webkit-transform: translateX(-15%);
  -ms-transform: translateX(-15%);
  transform: translateX(-15%);
  -webkit-transition: bottom 0.2s;
  -o-transition: bottom 0.2s;
  transition: bottom 0.2s; }
  @media screen and (min-width: 1024px) {
    .site-brand {
      left: 50%;
      -webkit-transform: translateX(15px);
      -ms-transform: translateX(15px);
      transform: translateX(15px); } }
  @media screen and (min-width: 1024px) and (max-width: 1279px) {
    .site-brand {
      margin-left: -486.4px; } }
  @media screen and (min-width: 1280px) and (max-width: 1439px) {
    .site-brand {
      margin-left: -624px; } }
  @media screen and (min-width: 1440px) and (max-width: 1919px) {
    .site-brand {
      margin-left: -612px; } }
  @media screen and (min-width: 1920px) {
    .site-brand {
      margin-left: -720px; } }
  @media screen and (min-width: 768px) {
    .site-brand {
      left: 14%;
      bottom: 0.5em;
      z-index: 595; } }
  @media screen and (min-width: 1024px) {
    .site-brand {
      bottom: 1.1em;
      left: 50%; } }
  @media screen and (min-width: 1280px) {
    .site-brand {
      bottom: 0.8em; } }
  .site-brand__svg {
    width: 9.85156em;
    height: 1.86877em;
    display: block;
    opacity: 1; }
    @media screen and (min-width: 1024px) {
      .site-brand__svg {
        width: 13.40625em;
        height: 2.54306em; } }
    @media screen and (min-width: 1280px) {
      .site-brand__svg {
        width: 17.46875em;
        height: 3.31369em; } }

/*--------------------General Layout - Cintillo--------------------*/
.Cintillo-wrapper {
  width: 100%;
  /* Common Breakpoint [bs] */
  height: 2.5em;
  display: none;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  font-size: 12pt;
  font-size: 1rem;
  z-index: 600;
  background: white url(https://vicom.mx/demos/germantec/arquivos/images_pattern-gingham.jpg) center top;
  -webkit-transition: top 0.2s;
  -o-transition: top 0.2s;
  transition: top 0.2s; }
  @media screen and (min-width: 768px) {
    .Cintillo-wrapper {
      /* Common Breakpoint [md] */
      height: 2.5em; } }
  @media screen and (min-width: 1024px) {
    .Cintillo-wrapper {
      /* Common Breakpoint [lg] */
      height: 2.5em; } }

body.has-cintillo .Cintillo-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.Cintillo-wrapper.is-sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0; }

.Cintillo {
  max-width: 90%;
  padding-left: 1em;
  padding-right: 1em;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 8.4pt;
  font-size: 0.7rem;
  text-align: center;
  color: #2B9FD7;
  background-color: white; }
  @media screen and (min-width: 480px) {
    .Cintillo {
      font-size: 9.6pt;
      font-size: 0.8rem; } }
  @media screen and (min-width: 768px) {
    .Cintillo {
      font-size: 10.8pt;
      font-size: 0.9rem; } }
  @media screen and (min-width: 1024px) {
    .Cintillo {
      font-size: 12pt;
      font-size: 1rem; } }

.Cintillo-title {
  font-weight: 600; }
  .Cintillo-titleKind {
    font-size: 1.2em;
    font-weight: 700;
    text-transform: uppercase; }
  .Cintillo-titleCode {
    margin-left: 0.75em;
    margin-right: 0.5em; }
  .Cintillo-titleDetails {
    font-size: 0.6em;
    text-transform: uppercase;
    text-decoration: underline; }
    @media screen and (max-width: 479px) {
      .Cintillo-titleDetails {
        float: right;
        font-size: 0.7em; } }
  .Cintillo-title small {
    font-size: 0.9em; }

.Cintillo-trigger__hide {
  display: none;
  position: absolute;
  top: 50%;
  right: 15px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }
  .Cintillo-trigger__hide .svg-icon {
    width: 1em;
    height: 1em;
    display: block;
    color: white; }

/*--------------------General Layout - Header--------------------*/
.site-header {
  /* Common Breakpoint [bs] */
  height: 3.125em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  position: relative;
  z-index: 500;
  background-color: white; }
  @media screen and (min-width: 768px) {
    .site-header {
      /* Common Breakpoint [md] */
      height: 2.8125em; } }
  @media screen and (min-width: 1024px) {
    .site-header {
      /* Common Breakpoint [lg] */
      height: 6.8125em; } }
  @media screen and (min-width: 1024px) {
    .site-header {
      z-index: 500;
      position: fixed;
      top: 0;
      left: 0;
      -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.085);
      box-shadow: 0 0 4px rgba(0, 0, 0, 0.085); } }
  body.menu-shown .site-header {
    z-index: 650; }

.top-bar {
  width: 100%;
  display: none;
  position: relative;
  z-index: 580;
  font-size: 12pt;
  font-size: 1rem;
  color: #333333;
  background-color: #2B9FD7;
  /* Common Breakpoint [bs] */
  line-height: 0em; }
  @media screen and (min-width: 768px) {
    .top-bar {
      /* Common Breakpoint [md] */
      line-height: 0em; } }
  @media screen and (min-width: 1024px) {
    .top-bar {
      /* Common Breakpoint [lg] */
      line-height: 2.1875em; } }
  @media screen and (min-width: 1024px) {
    .top-bar {
      display: block; } }

.top-bar__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 0.8em; }

[class*="top-bar__list"] {
  position: relative;
  margin-right: 2em; }
  @media screen and (min-width: 1024px) {
    [class*="top-bar__list"] {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; } }
  [class*="top-bar__list"]:last-child {
    margin-right: 0; }

.top-bar__list--left, .top-bar__list--right {
  display: none; }
  @media screen and (min-width: 768px) {
    .top-bar__list--left, .top-bar__list--right {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; } }

.top-bar__list--right .svg-icon {
  margin-right: 5px; }

.top-bar__item {
  font-weight: 700;
  color: white;
  padding-right: 1rem; }
  .top-bar__item:last-child {
    padding-right: 0; }
  .top-bar__item svg {
    width: 1.2em;
    height: 1.2em;
    margin-right: 0.75em;
    color: white; }

.top-bar__flags {
  position: relative; }
  .top-bar__flags--list {
    position: absolute;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-items: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    opacity: 0;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transition: .25s ease;
    -o-transition: .25s ease;
    transition: .25s ease;
    background-color: #f2f2f2; }
    .top-bar__flags--list li {
      color: #2B9FD7;
      padding-bottom: 5px; }

.top-bar li:hover .top-bar__flags--list {
  display: block;
  opacity: 1;
  -webkit-transform: scaleY(1);
  -ms-transform: scaleY(1);
  transform: scaleY(1); }

.top-bar__separator {
  position: relative; }
  @media screen and (min-width: 1024px) {
    .top-bar__separator {
      margin: 0 15px; } }
  .top-bar__separator:before {
    content: '';
    width: 1px;
    height: 20px;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: inherit;
    background-color: currentColor; }

.top-bar a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: none;
  color: inherit; }

[class*="middle-bar--"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 1.0625em;
  z-index: 530;
  font-size: 9pt;
  font-size: 0.75rem;
  -webkit-transition: bottom 0.2s;
  -o-transition: bottom 0.2s;
  transition: bottom 0.2s; }
  @media screen and (min-width: 1024px) {
    [class*="middle-bar--"] {
      top: 3.875em;
      font-size: 12pt;
      font-size: 1rem; } }

.middle-bar--left {
  -webkit-transform: translateX(50px);
  -ms-transform: translateX(50px);
  transform: translateX(50px); }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .middle-bar--left {
      left: 3%; } }
  @media screen and (min-width: 480px) and (max-width: 767px) {
    .middle-bar--left {
      left: 1%; } }
  @media screen and (min-width: 360px) and (max-width: 479px) {
    .middle-bar--left {
      left: 0%; } }
  @media screen and (max-width: 359px) {
    .middle-bar--left {
      left: 0%; } }
  @media screen and (min-width: 1024px) and (max-width: 1279px) {
    .middle-bar--left {
      margin-right: -486.4px; } }
  @media screen and (min-width: 1280px) and (max-width: 1439px) {
    .middle-bar--left {
      margin-right: -624px; } }
  @media screen and (min-width: 1440px) and (max-width: 1919px) {
    .middle-bar--left {
      margin-right: -612px; } }
  @media screen and (min-width: 1920px) {
    .middle-bar--left {
      margin-right: -720px; } }
  @media screen and (min-width: 1024px) {
    .middle-bar--left {
      right: 50%;
      -webkit-transform: translateX(-90px);
      -ms-transform: translateX(-90px);
      transform: translateX(-90px); } }
  @media screen and (min-width: 1280px) {
    .middle-bar--left {
      -webkit-transform: translateX(-110px);
      -ms-transform: translateX(-110px);
      transform: translateX(-110px); } }

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .middle-bar--right {
    right: calc((100% - 94%) / 2 + 15px); } }

@media screen and (min-width: 480px) and (max-width: 767px) {
  .middle-bar--right {
    right: calc((100% - 98%) / 2 + 15px); } }

@media screen and (min-width: 360px) and (max-width: 479px) {
  .middle-bar--right {
    right: calc((100% - 100%) / 2 + 15px); } }

@media screen and (max-width: 359px) {
  .middle-bar--right {
    right: calc((100% - 100%) / 2 + 15px); } }

@media screen and (min-width: 1024px) {
  .middle-bar--right {
    right: 50%;
    -webkit-transform: translateX(-15px);
    -ms-transform: translateX(-15px);
    transform: translateX(-15px); } }

@media screen and (min-width: 1024px) and (max-width: 1279px) {
  .middle-bar--right {
    margin-right: -486.4px; } }

@media screen and (min-width: 1280px) and (max-width: 1439px) {
  .middle-bar--right {
    margin-right: -624px; } }

@media screen and (min-width: 1440px) and (max-width: 1919px) {
  .middle-bar--right {
    margin-right: -612px; } }

@media screen and (min-width: 1920px) {
  .middle-bar--right {
    margin-right: -720px; } }

.middle-bar__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  @media screen and (min-width: 1024px) {
    .middle-bar__list {
      margin-right: 0; } }

.middle-bar__item {
  font-size: 0.9em;
  margin-right: 0.5em; }
  @media screen and (min-width: 1280px) {
    .middle-bar__item {
      margin-right: 1em; } }
  .middle-bar__item:last-child {
    margin-right: 0; }

.middle-bar__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: inherit; }

.middle-bar a:hover {
  text-decoration: underline; }

#total-cart-items {
  display: none;
  position: absolute;
  right: -10px;
  top: -10px;
  width: 16px;
  height: 16px;
  border: 1px solid #2B9FD7;
  border-radius: 50%;
  background: white;
  text-align: center;
  line-height: 15px; }

.nav-ecommerce__item {
  position: relative;
  font-size: 1em; }
  .nav-ecommerce__item--minicart.is-empty .svg-icon {
    display: block; }

.nav-ecommerce__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end; }
  .nav-ecommerce__link:hover, .nav-ecommerce__link:focus {
    text-decoration: none;
    color: inherit; }

.nav-ecommerce__icon {
  width: 1.5em;
  height: 1.5em;
  display: block;
  color: #2B9FD7; }
  .searcher__form__close .nav-ecommerce__icon {
    width: 1em;
    height: 1em; }

.nav-ecommerce__label {
  margin-left: 0.5em;
  display: none;
  font-size: 0.813em;
  line-height: 1; }
  .nav-ecommerce__label--counter {
    color: #2B9FD7; }

/*______Germantec Logo Animation__________*/
.animate__logo {
  stroke-dasharray: 500;
  stroke-dashoffset: 500;
  -webkit-animation: dash1 2s ease-in infinite alternate;
  animation: dash1 2s ease-in infinite alternate; }

@-webkit-keyframes dash1 {
  from {
    stroke-dashoffset: 500; }
  to {
    stroke-dashoffset: 0; } }

@keyframes dash1 {
  from {
    stroke-dashoffset: 500; }
  to {
    stroke-dashoffset: 0; } }

/*nav-items*/
.fltr-ovr-gray {
  -webkit-filter: grayscale(1);
  filter: grayscale(1); }
  .fltr-ovr-gray:hover {
    -webkit-filter: saturate(1);
    filter: saturate(1); }

@media screen and (max-width: 768px) {
  .nav-item--level-2 a:first-child {
    display: none; } }

/*--------------------Nav [Trigger]--------------------*/
.nav-trigger {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  background-color: transparent;
  cursor: pointer; }
  .nav-trigger--site-nav {
    height: 3.125em;
    top: 0;
    font-size: 1rem;
    -webkit-transform: translate(15px, 0);
    -ms-transform: translate(15px, 0);
    transform: translate(15px, 0); }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .nav-trigger--site-nav {
        left: 3%; } }
    @media screen and (min-width: 480px) and (max-width: 767px) {
      .nav-trigger--site-nav {
        left: 1%; } }
    @media screen and (min-width: 360px) and (max-width: 479px) {
      .nav-trigger--site-nav {
        left: 0%; } }
    @media screen and (max-width: 359px) {
      .nav-trigger--site-nav {
        left: 0%; } }
    @media screen and (min-width: 1024px) {
      .nav-trigger--site-nav {
        left: 50%;
        -webkit-transform: translateX(15px);
        -ms-transform: translateX(15px);
        transform: translateX(15px); } }
    @media screen and (min-width: 1024px) and (max-width: 1279px) {
      .nav-trigger--site-nav {
        margin-left: -486.4px; } }
    @media screen and (min-width: 1280px) and (max-width: 1439px) {
      .nav-trigger--site-nav {
        margin-left: -624px; } }
    @media screen and (min-width: 1440px) and (max-width: 1919px) {
      .nav-trigger--site-nav {
        margin-left: -612px; } }
    @media screen and (min-width: 1920px) {
      .nav-trigger--site-nav {
        margin-left: -720px; } }
    @media screen and (min-width: 768px) {
      .nav-trigger--site-nav {
        height: 2.8125em; } }
    @media screen and (min-width: 1024px) {
      .nav-trigger--site-nav {
        display: none;
        height: 4.625em; } }
  .nav-trigger--close {
    position: absolute;
    top: 1em;
    right: -10%;
    z-index: 2000;
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%); }
    .nav-trigger--close .svg-icon {
      color: white !important; }

.nav-trigger__icon {
  width: 28px;
  height: 28px;
  display: block;
  position: relative;
  overflow: hidden;
  -webkit-transform: scale(0.75, 0.75);
  -ms-transform: scale(0.75, 0.75);
  transform: scale(0.75, 0.75); }

.nav-trigger__hamburguer {
  width: 100%;
  height: 3px;
  position: absolute;
  top: 50%;
  left: 0;
  border-radius: 3px;
  margin-top: -2px;
  background: #2B9FD7; }
  .nav-trigger.is-active .nav-trigger__hamburguer {
    background-color: transparent; }

.nav-trigger__hamburguer, .nav-trigger__hamburguer:before, .nav-trigger__hamburguer:after {
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s; }

.nav-trigger__hamburguer:before, .nav-trigger__hamburguer:after {
  content: '';
  width: 100%;
  height: 3px;
  display: block;
  position: absolute;
  left: 0;
  border-radius: 3px;
  background: #2B9FD7; }

.nav-trigger__hamburguer:before {
  bottom: 8px; }

.nav-trigger__hamburguer:after {
  top: 8px; }

/*--------------------Nav [General Layout]--------------------*/
.site-nav {
  position: absolute;
  left: 0; }
  .site-nav .svg-icon__wrapper {
    width: 1em;
    height: 1em;
    position: absolute;
    top: 50%;
    right: 20px;
    z-index: 5;
    font-size: 1.2em;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: translateY(-50%) rotate(0deg);
    -ms-transform: translateY(-50%) rotate(0deg);
    transform: translateY(-50%) rotate(0deg);
    -webkit-transition: -webkit-transform 0.2s;
    transition: -webkit-transform 0.2s;
    -o-transition: transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s; }
    @media screen and (min-width: 1024px) {
      .site-nav .svg-icon__wrapper {
        display: none; } }
  .site-nav .svg-icon {
    width: 0.8em;
    height: 0.8em;
    stroke-width: 3;
    color: #666666; }
    .site-nav .svg-icon:before {
      display: block;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      padding: inherit; }
  .site-nav li > a {
    font-weight: 700;
    font-family: "Raleway", normal;
    text-decoration: none; }
  .site-nav li.nav-item--level-1 > a {
    text-transform: uppercase; }

/*--------------------Mobile - Iván Luna [Re]--------------------*/
@media screen and (max-width: 1023px) {
  .site-nav {
    width: 80%;
    height: 100%;
    min-height: 0;
    position: fixed;
    top: 0;
    left: -100%;
    z-index: 1010;
    background-color: transparent;
    -webkit-transition: left 0.2s;
    -o-transition: left 0.2s;
    transition: left 0.2s; }
    .site-nav.is-active {
      left: 0; }
    .site-nav img {
      display: none; }
  /*-----General settings-----*/
  ul.re-ul-principal {
    width: 100%;
    padding-top: 70px;
    position: absolute;
    overflow-y: auto;
    background-color: white; }
    ul.re-ul-principal li > a {
      display: block;
      position: relative; }
      ul.re-ul-principal li > a, ul.re-ul-principal li > a:hover, ul.re-ul-principal li > a:focus {
        padding-top: 1em;
        padding-bottom: 1em;
        margin-left: auto;
        margin-right: auto;
        font-weight: 700;
        color: black; } }
      @media screen and (max-width: 1023px) and (min-width: 768px) and (max-width: 1023px) {
        ul.re-ul-principal li > a, ul.re-ul-principal li > a:hover, ul.re-ul-principal li > a:focus {
          width: 94%; } }
      @media screen and (max-width: 1023px) and (min-width: 480px) and (max-width: 767px) {
        ul.re-ul-principal li > a, ul.re-ul-principal li > a:hover, ul.re-ul-principal li > a:focus {
          width: 98%; } }
      @media screen and (max-width: 1023px) and (min-width: 360px) and (max-width: 479px) {
        ul.re-ul-principal li > a, ul.re-ul-principal li > a:hover, ul.re-ul-principal li > a:focus {
          width: 100%; } }
      @media screen and (max-width: 1023px) and (max-width: 359px) {
        ul.re-ul-principal li > a, ul.re-ul-principal li > a:hover, ul.re-ul-principal li > a:focus {
          width: 100%; } }

@media screen and (max-width: 1023px) {
  .nav-item--level-1 {
    position: relative;
    background-color: white; }
    .nav-item--level-1 > a {
      padding-left: 15px;
      padding-right: 15px;
      font-size: 1em;
      font-weight: 700;
      text-transform: uppercase;
      color: black; }
  .nav-list--level-2 {
    padding: 0;
    background-color: #f7f7f7; }
  .nav-list--level-2-brand, .nav-list--level-2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .nav-list--level-2 .nav-item--level-2 a:before {
    content: " ▪. "; } }

@media screen and (max-width: 1023px) and (min-width: 1024px) {
  .nav-item--level-2 {
    width: 15%; } }

@media screen and (max-width: 1023px) {
  .nav-item--level-2__link {
    display: none; }
  .nav-item--level-2 > a {
    padding-left: 20px;
    padding-right: 15px;
    font-size: 0.75em;
    font-weight: 700;
    text-transform: uppercase;
    color: #0179A0; }
  .nav-item--level-3 > a {
    padding-left: 30px;
    padding-right: 30px;
    font-size: 0.75em; }
  .nav-item--level-2-brand {
    width: calc(25% - 40px);
    margin-left: 20px;
    margin-right: 20px;
    padding-bottom: 30px;
    min-width: 140px; }
    .nav-item--level-2-brand .svg-karcher,
    .nav-item--level-2-brand .svg-nutribullet,
    .nav-item--level-2-brand .svg-irobot,
    .nav-item--level-2-brand .svg-filmop,
    .nav-item--level-2-brand .svg-trapp,
    .nav-item--level-2-brand .svg-campbell {
      fill: black;
      color: black; }
    .nav-item--level-2-brand .svg-karcher:hover .svg-karcher__line, .nav-item--level-2-brand .svg-karcher:focus .svg-karcher__line, .nav-item--level-2-brand .svg-karcher:active .svg-karcher__line {
      fill: #FFED00; }
    .nav-item--level-2-brand .svg-nutribullet:hover, .nav-item--level-2-brand .svg-nutribullet:focus, .nav-item--level-2-brand .svg-nutribullet:active {
      fill: #A19F9F; }
    .nav-item--level-2-brand .svg-irobot:hover, .nav-item--level-2-brand .svg-irobot:focus, .nav-item--level-2-brand .svg-irobot:active {
      fill: #64A830; }
    .nav-item--level-2-brand .svg-trapp__shadow {
      fill: #494948; }
    .nav-item--level-2-brand .svg-trapp:hover .svg-trapp__shadow, .nav-item--level-2-brand .svg-trapp:focus .svg-trapp__shadow, .nav-item--level-2-brand .svg-trapp:active .svg-trapp__shadow {
      fill: #2F2F2E; }
    .nav-item--level-2-brand .svg-trapp:hover .svg-trapp__front, .nav-item--level-2-brand .svg-trapp:focus .svg-trapp__front, .nav-item--level-2-brand .svg-trapp:active .svg-trapp__front {
      fill: #33964D; }
    .nav-item--level-2-brand .svg-filmop:hover .svg-karcher__icon, .nav-item--level-2-brand .svg-filmop:focus .svg-karcher__icon, .nav-item--level-2-brand .svg-filmop:active .svg-karcher__icon {
      fill: #E1251B; }
    .nav-item--level-2-brand .svg-filmop:hover .svg-karcher__text, .nav-item--level-2-brand .svg-filmop:focus .svg-karcher__text, .nav-item--level-2-brand .svg-filmop:active .svg-karcher__text {
      fill: #064F9A; }
    .nav-item--level-2-brand .svg-campbell:hover .svg-karcher__icon, .nav-item--level-2-brand .svg-campbell:focus .svg-karcher__icon, .nav-item--level-2-brand .svg-campbell:active .svg-karcher__icon {
      fill: #E1251B; }
    .nav-item--level-2-brand .svg-campbell:hover .svg-karcher__text, .nav-item--level-2-brand .svg-campbell:focus .svg-karcher__text, .nav-item--level-2-brand .svg-campbell:active .svg-karcher__text {
      fill: #0a2240; }
  /*-----To collapse-----*/
  .nav-accordion__content {
    display: none; } }

/*--------------------Menú Dropdown - Iván Luna [Re]--------------------*/
@media screen and (min-width: 1024px) {
  .site-nav {
    width: 100%;
    height: 4.625em;
    bottom: 0;
    border-top: 1px solid #dfdfdf;
    z-index: 520;
    margin-left: auto;
    margin-right: auto; }
  .re-nav-color {
    width: 100%;
    position: relative;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto; } }
  @media screen and (min-width: 1024px) and (min-width: 0) and (max-width: 359px) {
    .re-nav-color {
      width: 100%; } }
  @media screen and (min-width: 1024px) and (min-width: 360px) and (max-width: 479px) {
    .re-nav-color {
      width: 100%; } }
  @media screen and (min-width: 1024px) and (min-width: 480px) and (max-width: 767px) {
    .re-nav-color {
      width: 98%; } }
  @media screen and (min-width: 1024px) and (min-width: 768px) and (max-width: 1023px) {
    .re-nav-color {
      width: 94%; } }
  @media screen and (min-width: 1024px) and (min-width: 1024px) and (max-width: 1279px) {
    .re-nav-color {
      width: 972.8px; } }
  @media screen and (min-width: 1024px) and (min-width: 1280px) and (max-width: 1439px) {
    .re-nav-color {
      width: 1248px; } }
  @media screen and (min-width: 1024px) and (min-width: 1440px) and (max-width: 1919px) {
    .re-nav-color {
      width: 1224px; } }
  @media screen and (min-width: 1024px) and (min-width: 1920px) {
    .re-nav-color {
      width: 1440px; } }

@media screen and (min-width: 1024px) {
  /*-----General settings-----*/
  ul.re-ul-principal {
    height: auto !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-right: 115px;
    position: static;
    font-size: 12pt;
    font-size: 1rem;
    font-weight: 400; } }
  @media screen and (min-width: 1024px) and (min-width: 1280px) {
    ul.re-ul-principal {
      margin-right: 140px; } }

@media screen and (min-width: 1024px) {
    ul.re-ul-principal > li > ul {
      text-align: initial;
      opacity: 0;
      -webkit-box-shadow: 0 7px 10px rgba(0, 0, 0, 0.075);
      box-shadow: 0 7px 10px rgba(0, 0, 0, 0.075);
      -webkit-transform: scaleY(0);
      -ms-transform: scaleY(0);
      transform: scaleY(0);
      -webkit-transform-origin: 0 0 0;
      -ms-transform-origin: 0 0 0;
      transform-origin: 0 0 0;
      -webkit-transition: -webkit-transform 0.25s ease;
      transition: -webkit-transform 0.25s ease;
      -o-transition: transform 0.25s ease;
      transition: transform 0.25s ease;
      transition: transform 0.25s ease, -webkit-transform 0.25s ease; }
    ul.re-ul-principal > li:hover > ul {
      opacity: 1;
      -webkit-transform: scaleY(1);
      -ms-transform: scaleY(1);
      transform: scaleY(1); }
    ul.re-ul-principal ul a {
      display: block; }
  /*-----Item Menú - Megamenu-----*/
  .nav-item--level-1 {
    height: 74px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 0.5em;
    padding-right: 0.5em; } }
  @media screen and (min-width: 1024px) and (min-width: 1440px) {
    .nav-item--level-1 {
      padding-left: 1em;
      padding-right: 1em; } }

@media screen and (min-width: 1024px) {
    .nav-item--level-1 > a {
      height: 74px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      position: relative;
      font-size: 0.75em;
      text-transform: capitalize;
      text-decoration: none;
      letter-spacing: 0.2px;
      color: black;
      -webkit-transition: border-color 0.5s;
      -o-transition: border-color 0.5s;
      transition: border-color 0.5s; }
      .nav-item--level-1 > a:after {
        content: '';
        opacity: 0;
        position: absolute;
        left: 0;
        bottom: 1px;
        width: 100%;
        height: 2px;
        background-color: currentColor;
        -webkit-transition: all ease .5s;
        -o-transition: all ease .5s;
        transition: all ease .5s; }
      .nav-item--level-1 > a .svg-icon-chevron-down {
        width: 0.8em;
        height: 0.8em;
        stroke-width: 3;
        margin-left: 5px; }
    .nav-item--level-1:hover > a:after {
      opacity: 1; }
  .nav-list--level-2,
  .nav-list--level-2-brand {
    background: #f1f1f1 !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    max-height: 90%;
    overflow-y: auto;
    position: fixed;
    top: 109px;
    left: 0;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 60px;
    padding-right: 60px;
    background-color: white; } }
  @media screen and (min-width: 1024px) and (min-width: 1280px) {
    .nav-list--level-2,
    .nav-list--level-2-brand {
      padding-left: 120px;
      padding-right: 120px; } }

@media screen and (min-width: 1024px) {
    .nav-list--level-2:not(.nav-services) .nav-item--level-2 > a,
    .nav-list--level-2-brand:not(.nav-services) .nav-item--level-2 > a {
      margin-top: 0px;
      text-align: center;
      background-color: rgba(255, 255, 255, 0.85); }
  .nav-list--level-2-brand, .nav-list--level-2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .nav-item--level-2 {
    margin-bottom: 1em;
    border: 3px solid white; }
    .nav-item--level-2:hover {
      border: 3px solid #2B9FD7; }
  .nav-item--level-2,
  .nav-item--level-2-brand {
    -webkit-transition: all ease .25s;
    -o-transition: all ease .25s;
    transition: all ease .25s; }
    .nav-item--level-2:hover,
    .nav-item--level-2-brand:hover {
      cursor: pointer; }
    .nav-item--level-2__link,
    .nav-item--level-2-brand__link {
      display: block;
      margin-top: 0.5em;
      padding-top: 0.5em;
      color: #acacac;
      text-decoration: underline; }
      .nav-item--level-2__link:active, .nav-item--level-2__link:hover,
      .nav-item--level-2-brand__link:active,
      .nav-item--level-2-brand__link:hover {
        color: #2B9FD7; }
    .nav-item--level-2.has-children.is-hover > a::after,
    .nav-item--level-2-brand.has-children.is-hover > a::after {
      border-color: #2B9FD7; }
    .nav-item--level-2.is-hover,
    .nav-item--level-2-brand.is-hover {
      padding-bottom: 200px; }
    .nav-item--level-2 > a,
    .nav-item--level-2-brand > a {
      padding-top: 0.4em;
      padding-bottom: 0.4em;
      padding-right: 0.5em;
      display: block;
      position: relative;
      font-family: "Raleway", normal;
      font-size: 9pt;
      font-size: 0.75rem;
      color: #333333; } }
    @media screen and (min-width: 1024px) and (min-width: 1440px) {
      .nav-item--level-2 > a,
      .nav-item--level-2-brand > a {
        padding-top: 0.5em;
        padding-bottom: 0.5em; } }

@media screen and (min-width: 1024px) {
  .nav-item--level-2 {
    width: 23%;
    margin-left: 0.5em;
    margin-right: 0.5em; } }
  @media screen and (min-width: 1024px) and (min-width: 1280px) {
    .nav-item--level-2 {
      width: 18%; } }

@media screen and (min-width: 1024px) {
  .nav-item--level-2-brand {
    width: 33%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: 1em;
    margin-right: 1em; } }
  @media screen and (min-width: 1024px) and (min-width: 1024px) {
    .nav-item--level-2-brand {
      width: 13%; } }

@media screen and (min-width: 1024px) {
    .nav-item--level-2-brand svg {
      width: 70%;
      height: auto;
      -webkit-transition: fill 0.2s;
      -o-transition: fill 0.2s;
      transition: fill 0.2s; }
    .nav-item--level-2-brand .svg-karcher,
    .nav-item--level-2-brand .svg-nutribullet,
    .nav-item--level-2-brand .svg-irobot,
    .nav-item--level-2-brand .svg-filmop,
    .nav-item--level-2-brand .svg-trapp,
    .nav-item--level-2-brand .svg-campbell {
      fill: black;
      color: black; }
    .nav-item--level-2-brand .svg-karcher:hover .svg-karcher__line, .nav-item--level-2-brand .svg-karcher:focus .svg-karcher__line, .nav-item--level-2-brand .svg-karcher:active .svg-karcher__line {
      fill: #FFED00; }
    .nav-item--level-2-brand .svg-nutribullet:hover, .nav-item--level-2-brand .svg-nutribullet:focus, .nav-item--level-2-brand .svg-nutribullet:active {
      fill: #A19F9F; }
    .nav-item--level-2-brand .svg-irobot:hover, .nav-item--level-2-brand .svg-irobot:focus, .nav-item--level-2-brand .svg-irobot:active {
      fill: #64A830; }
    .nav-item--level-2-brand .svg-trapp__shadow {
      fill: #494948; }
    .nav-item--level-2-brand .svg-trapp:hover .svg-trapp__shadow, .nav-item--level-2-brand .svg-trapp:focus .svg-trapp__shadow, .nav-item--level-2-brand .svg-trapp:active .svg-trapp__shadow {
      fill: #2F2F2E; }
    .nav-item--level-2-brand .svg-trapp:hover .svg-trapp__front, .nav-item--level-2-brand .svg-trapp:focus .svg-trapp__front, .nav-item--level-2-brand .svg-trapp:active .svg-trapp__front {
      fill: #33964D; }
    .nav-item--level-2-brand .svg-filmop:hover .svg-karcher__icon, .nav-item--level-2-brand .svg-filmop:focus .svg-karcher__icon, .nav-item--level-2-brand .svg-filmop:active .svg-karcher__icon {
      fill: #E1251B; }
    .nav-item--level-2-brand .svg-filmop:hover .svg-karcher__text, .nav-item--level-2-brand .svg-filmop:focus .svg-karcher__text, .nav-item--level-2-brand .svg-filmop:active .svg-karcher__text {
      fill: #064F9A; }
    .nav-item--level-2-brand .svg-campbell:hover .svg-karcher__icon, .nav-item--level-2-brand .svg-campbell:focus .svg-karcher__icon, .nav-item--level-2-brand .svg-campbell:active .svg-karcher__icon {
      fill: #E1251B; }
    .nav-item--level-2-brand .svg-campbell:hover .svg-karcher__text, .nav-item--level-2-brand .svg-campbell:focus .svg-karcher__text, .nav-item--level-2-brand .svg-campbell:active .svg-karcher__text {
      fill: #0a2240; }
  .nav-list--level-3 {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 0 0 0;
    -ms-transform-origin: 0 0 0;
    transform-origin: 0 0 0;
    position: absolute;
    left: 0;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    z-index: -1;
    overflow-y: auto;
    padding-left: 120px;
    padding-right: 120px;
    opacity: 0;
    -webkit-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s;
    pointer-events: none;
    background-color: #f2f2f2; }
    .is-hover .nav-list--level-3 {
      -webkit-transform: scaleY(1);
      -ms-transform: scaleY(1);
      transform: scaleY(1);
      z-index: 1;
      opacity: 1;
      pointer-events: auto; }
  .nav-item--level-3 {
    width: 50%;
    padding: 20px;
    text-align: center;
    text-decoration: underline; }
    .nav-item--level-3 img {
      width: auto;
      height: 100px;
      margin: 0 auto 0.75em; }
  /*-----Hide on desktop-----*/
  li.dl-back {
    display: none; }
  .nav-services {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: auto; }
    .nav-services .nav-item--level-2 {
      width: 50%;
      max-width: 31.25em;
      position: relative;
      -webkit-transition: 0.25s ease;
      -o-transition: 0.25s ease;
      transition: 0.25s ease; }
      .nav-services .nav-item--level-2:first-child {
        background-color: #2B9FD7; }
        .nav-services .nav-item--level-2:first-child:hover {
          background-color: #2590c4; }
      .nav-services .nav-item--level-2:last-child {
        background-color: #80B74A; }
        .nav-services .nav-item--level-2:last-child:hover {
          background-color: #73a642; }
    .nav-services__summary {
      width: 100%;
      position: absolute;
      bottom: 4em;
      padding-left: 3em;
      padding-right: 3em;
      color: #f2f2f2; }
      .nav-services__summary .tag-title--level-2 {
        color: #f2f2f2; }
        .nav-services__summary .tag-title--level-2:after {
          background-color: currentColor; }
    .nav-services__picture {
      width: 100%; }
    .nav-services > li a {
      padding: 0; }
      .nav-services > li a:before {
        content: '';
        width: 0;
        height: 0;
        left: 0;
        -webkit-transition: width 0.5s;
        -o-transition: width 0.5s;
        transition: width 0.5s; } }

/*--------------------General Layout - Main--------------------*/
main {
  margin-bottom: auto;
  overflow: hidden;
  position: relative;
  top: 0;
  left: 0;
  z-index: auto;
  background-color: white; }
  @media screen and (min-width: 1024px) {
    body.departamento main,
    body.categoria main,
    body.brand main,
    body.resultado-busca main {
      z-index: auto; } }
  main > .re-central:after,
  main > .re-cien > .re-central:after {
    content: '';
    display: block;
    clear: both; }

.general-sidebar {
  position: relative;
  z-index: 200; }

footer {
  background-color: #F6F6F6; }

/* Social networks */
.btn-whatsapp {
  display: block;
  width: 50px;
  height: 50px;
  color: #fff;
  position: fixed;
  right: 20px;
  bottom: 20px;
  border-radius: 50%;
  line-height: 80px;
  text-align: center;
  z-index: 648; }
  @media screen and (max-width: 768px) {
    .btn-whatsapp {
      width: 52px;
      height: 52px;
      right: 14px;
      bottom: 60px; } }
  @media screen and (max-width: 1024px) and (min-width: 769px) {
    .btn-whatsapp {
      bottom: 95px; } }
  .btn-whatsapp img:hover {
    -webkit-filter: grayscale(30%);
    filter: hue-rotate(50deg); }

.btn-taller,
.btn-alquiler {
  width: 230px;
  min-height: 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  left: -100px;
  z-index: 999;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  background-color: #80B74A;
  -webkit-transition: .25s ease-out;
  -o-transition: .25s ease-out;
  transition: .25s ease-out; }
  .btn-taller:hover,
  .btn-alquiler:hover {
    background-color: #0179A0; }
  .btn-taller a,
  .btn-alquiler a {
    color: #fff;
    text-transform: uppercase;
    letter-spacing: .025em;
    font-size: 0.8em;
    font-weight: 700;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 5px 10px;
    text-decoration: none; }
  .btn-taller svg,
  .btn-alquiler svg {
    width: 1.2em;
    height: 1.2em;
    margin-right: 0.75em;
    color: white; }

.btn-taller {
  top: 300px; }

.btn-alquiler {
  top: 500px; }

.head-footer {
  background-color: #0179A0;
  text-align: center;
  padding-left: 20%;
  padding-right: 20%;
  padding-top: 3%;
  padding-bottom: 3%;
  border: 1px solid #2B9FD7;
  border-left: none;
  border-right: none; }
  .head-footer h3 {
    color: #f2f2f2;
    text-transform: uppercase;
    font-size: 2.5em;
    font-weight: 800;
    letter-spacing: .025em; }

.footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: left;
  -ms-flex-pack: left;
  justify-content: left;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  color: #333333;
  padding: 2rem 1rem; }
  @media screen and (min-width: 1024px) {
    .footer {
      padding: 4rem 1rem;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; } }
  @media screen and (min-width: 1440px) {
    .footer {
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; } }
  .footer__newsletter {
    padding: 0px 100px;
    padding-bottom: 0;
    border-top: 1px solid #d9d9d9;
    background-color: white;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
    @media screen and (max-width: 1023px) {
      .footer__newsletter {
        padding: 0; } }
    .footer__newsletter h6 {
      color: #0179a0 !important; }
    .footer__newsletter ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
      .footer__newsletter ul li:nth-child(1),
      .footer__newsletter ul li:nth-child(6) {
        width: 100%; }
      .footer__newsletter ul li:nth-child(2),
      .footer__newsletter ul li:nth-child(3),
      .footer__newsletter ul li:nth-child(4),
      .footer__newsletter ul li:nth-child(5) {
        border: 1px solid #2B9FD7;
        background-color: #f2f2f2;
        padding: 0.5rem;
        margin: 10px;
        width: 35%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        border-radius: 5rem 5rem 5rem 5rem; }
        @media screen and (max-width: 1023px) {
          .footer__newsletter ul li:nth-child(2),
          .footer__newsletter ul li:nth-child(3),
          .footer__newsletter ul li:nth-child(4),
          .footer__newsletter ul li:nth-child(5) {
            width: 100%; } }
    .footer__newsletter li {
      padding-bottom: 10px; }
    .footer__newsletter--input {
      width: auto;
      text-align: center;
      font-size: 1.3rem !important;
      padding: 20px 0;
      background: transparent !important;
      border: none !important;
      border-radius: 0 !important; }
      @media screen and (min-width: 1024px) {
        .footer__newsletter--input {
          min-width: 600px; } }
    .footer__newsletter--btn {
      display: block !important;
      width: auto;
      margin: 15px auto; }
    .footer__newsletter .btn-new {
      color: #2B9FD7; }
      .footer__newsletter .btn-new:hover {
        background-color: #2B9FD7;
        border-color: white;
        color: white !important; }
  .footer__block {
    width: 100%;
    display: inline-block;
    margin-left: 40px; }
    @media screen and (min-width: 1024px) {
      .footer__block {
        width: 45%; }
        .footer__block:nth-child(1), .footer__block:nth-child(3) {
          margin-left: 0px; } }
    @media screen and (min-width: 1440px) {
      .footer__block {
        width: 17%; }
        .footer__block:nth-child(3) {
          margin-left: 40px; } }
    .footer__block ul li {
      margin-top: 8px; }
    .footer__block ul a {
      text-decoration: none;
      -webkit-transition: .25s ease-in;
      -o-transition: .25s ease-in;
      transition: .25s ease-in; }
      .footer__block ul a:hover {
        color: #2B9FD7; }
    .footer__block__title {
      color: #2B9FD7;
      text-transform: uppercase;
      font-size: 1.25em;
      border-bottom: 1px solid #2B9FD7; }
    .footer__block--direction strong {
      display: block;
      padding-bottom: 10px; }
    .footer__block--payments {
      /* Payment Icons */
      margin-bottom: 1em; }
      .footer__block--payments .payment {
        display: inline-block;
        width: 32px;
        height: 32px;
        margin-right: 1em; }
        .footer__block--payments .payment.visa {
          background: transparent url("https://vicom.mx/demos/germantec/arquivos/ico-checkout-visa.png");
          background-size: cover; }
        .footer__block--payments .payment.mastercard {
          background: transparent url("https://vicom.mx/demos/germantec/arquivos/ico-checkout-mastercard.png");
          background-size: cover; }
        .footer__block--payments .payment.amex {
          background: transparent url("https://vicom.mx/demos/germantec/arquivos/ico-checkout-amex.png");
          background-size: cover; }
    .footer__block--social li {
      display: inline-block; }
    .footer__block--social svg {
      width: 1em;
      height: 1em;
      margin-right: 0.75em; }

.post-footer {
  padding: 1rem 0rem;
  background-color: white; }
  @media screen and (max-width: 414px) {
    .post-footer .legal-info {
      font-size: calc(100% - 10%); } }
  .post-footer .developed-by {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .post-footer .developed-by a {
      margin: 0rem 0rem 0rem 1rem; }
      .post-footer .developed-by a img {
        max-width: 60px; }
    @media screen and (max-width: 414px) {
      .post-footer .developed-by {
        width: 100% !important;
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important; }
        .post-footer .developed-by a {
          margin: 1rem 1rem; } }
  .post-footer .flex-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .post-footer .flow-r-w {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap; }
  .post-footer .flow-c-w {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap; }
  .post-footer .align-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .post-footer .space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  .post-footer .space-evenly {
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly; }
  .post-footer .self-center {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center; }
  .post-footer .w-30 {
    width: 30%; }
  .post-footer .w-15 {
    width: 13%; }

.sub-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  width: 100%;
  background-color: #ffffff;
  padding-left: 310px;
  padding-right: 320px;
  padding-top: 20px;
  padding-bottom: 20px; }
  @media screen and (max-width: 1024px) {
    .sub-footer {
      padding-left: 0px;
      padding-right: 0px; } }
  .sub-footer__marks {
    /* width: 100%;
        img {
            width: 850px;
        }
        .desktop {
            display: block;
        }
        .mobile {
            display: none;
        } */ }
    @media screen and (max-width: 390px) {
      .sub-footer__marks p {
        font-size: 0.85rem; } }
  .sub-footer__credits {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 10%; }
    @media screen and (max-width: 768px) {
      .sub-footer__credits {
        width: 20%; } }
    @media screen and (max-width: 414px) {
      .sub-footer__credits {
        width: 30%; } }

@media only screen and (max-width: 768px) {
  .head-footer h3 {
    font-size: 1.4em; }
  .footer {
    display: block;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #F6F6F6;
    color: #333333; }
    .footer__block {
      display: block;
      margin-left: 2px;
      padding: 10px; }
      .footer__block:first-child {
        margin-left: 0px; }
      .footer__block__title {
        color: #2B9FD7;
        text-transform: uppercase;
        font-size: 1em;
        border-bottom: 1px solid #2B9FD7; }
      .footer__block__input {
        padding-left: 0px !important;
        padding-right: 0px !important;
        background: transparent !important;
        border: none !important;
        border-bottom: 1px solid #2B9FD7 !important; }
      .footer__block__btn {
        display: block !important;
        width: 100% !important;
        margin-top: 10px !important;
        border-width: 1px !important;
        font-size: 2rem; }
      .footer__block hr {
        border: 1px solid #80B74A;
        margin-top: 0;
        margin-bottom: 5px; }
      .footer__block .payments-img {
        width: 100%;
        max-width: 310px; }
      .footer__block .social-img {
        width: 120px; }
  /* .sub-footer {
        display: block;
        background-color: #ffffff;
        img {
            width: 100%;
        }
        &__marks {
            width: 100%;
            display: inline;
            .desktop {
                display: none;
            }
            .mobile {
                display: block;
            }
            img {
                display: block;
                width: 100%;
            }
        }
        &__credits {
            width: 100%;
            display: block;
            a {
                display: inline;
            }
            img {
                width: 67px;
            }
        }
    } */ }

ar {
  margin-left: 1rem; }

.no-padding {
  padding-top: 0; }

.monster-slick {
  width: 100%;
  position: relative; }
  .monster-slick .overlay-content {
    width: 100%;
    position: absolute;
    color: white;
    top: 50%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center; }
    .monster-slick .overlay-content .uppercase {
      text-transform: uppercase; }
    @media screen and (min-width: 769px) {
      .monster-slick .overlay-content.bottom {
        top: 75%; }
      .monster-slick .overlay-content.top {
        top: 25%; }
      .monster-slick .overlay-content.left {
        left: 5%;
        text-align: left; }
      .monster-slick .overlay-content.right {
        right: 5%;
        text-align: right; }
      .monster-slick .overlay-content.white {
        color: white; }
      .monster-slick .overlay-content.dark {
        color: #333333; } }
    @media screen and (max-width: 768px) {
      .monster-slick .overlay-content h2 {
        font-size: 5vw; }
      .monster-slick .overlay-content.mbottom {
        top: 75%; }
      .monster-slick .overlay-content.mtop {
        top: 25%; }
      .monster-slick .overlay-content.mleft {
        left: 5%;
        text-align: left; }
      .monster-slick .overlay-content.mright {
        right: 8%;
        text-align: right; }
      .monster-slick .overlay-content.mwhite {
        color: white; }
      .monster-slick .overlay-content.mdark {
        color: #333333; } }

/*--------------------Button Wrapper--------------------*/
.button-wrapper {
  display: block;
  margin-top: 15px; }

/*--------------------General Settings to Buttons--------------------*/
.button-lineal,
.button-flat {
  font-family: "Raleway", normal;
  font-size: 1rem;
  font-weight: 300;
  font-size: 12pt;
  font-size: 1rem;
  cursor: pointer; }
  .button-lineal:hover, .button-lineal:focus,
  .button-flat:hover,
  .button-flat:focus {
    text-decoration: none; }
  .button-lineal.short,
  .button-flat.short {
    padding-left: 1em;
    padding-right: 1em; }
  .button-lineal.large,
  .button-flat.large {
    padding-left: 2em;
    padding-right: 2em; }
  .button-lineal.small,
  .button-flat.small {
    font-size: 0.8rem; }
  .button-lineal.big,
  .button-flat.big {
    font-size: 1.5rem; }
  .button-lineal > i,
  .button-flat > i {
    margin-right: 0.5em; }

/*--------------------Button Lineal--------------------*/
.button-lineal {
  width: auto;
  min-width: 125px;
  padding: 0.75em 1em;
  border-width: 2px;
  border-radius: 10px;
  display: inline-block;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: .025em;
  border-style: solid;
  text-align: center;
  text-transform: uppercase;
  background-color: transparent;
  -webkit-transition: border-color 0.2s, color 0.2s, -webkit-box-shadow 0.2s;
  transition: border-color 0.2s, color 0.2s, -webkit-box-shadow 0.2s;
  -o-transition: border-color 0.2s, color 0.2s, box-shadow 0.2s;
  transition: border-color 0.2s, color 0.2s, box-shadow 0.2s;
  transition: border-color 0.2s, color 0.2s, box-shadow 0.2s, -webkit-box-shadow 0.2s; }
  .button-lineal:hover {
    text-decoration: none; }
  .button-lineal.primary {
    border-color: #2B9FD7;
    color: #2B9FD7; }
  .button-lineal.primary:hover {
    color: white;
    background-color: #2B9FD7; }
  .button-lineal.secondary {
    border-color: #80B74A;
    color: #80B74A; }
  .button-lineal.secondary:hover {
    color: white;
    background-color: #80B74A; }
  .button-lineal.tertiary {
    border-color: #0179A0;
    color: #0179A0; }
  .button-lineal.tertiary:hover {
    color: white;
    background-color: #0179A0; }
  .button-lineal.accent {
    border-color: #f5323e;
    color: #f5323e; }
  .button-lineal.accent:hover {
    color: white;
    background-color: #f5323e; }
  .button-lineal.dark {
    border-color: #2c3137;
    color: #2c3137; }
  .button-lineal.dark:hover {
    color: white;
    background-color: #2c3137; }
  .button-lineal.white {
    border-color: white;
    color: white; }
  .button-lineal.white:hover {
    color: black;
    background-color: white; }
  .button-lineal.black {
    border-color: black;
    color: black; }
  .button-lineal.black:hover {
    color: white;
    background-color: black; }

/*--------------------Button Flat--------------------*/
.button-flat {
  width: auto;
  padding: 0.75em 1.4375em 0.75em;
  border-radius: 10px;
  display: inline-block;
  font-size: 0.75rem;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  text-align: center;
  background-color: transparent;
  -webkit-transition: color 0.2s, background-color 0.2s !important;
  -o-transition: color 0.2s, background-color 0.2s !important;
  transition: color 0.2s, background-color 0.2s !important; }
  .button-flat:hover {
    text-decoration: none; }
  .button-flat.primary {
    color: white;
    background-color: #2B9FD7; }
  .button-flat.primary:hover {
    background-color: #2180ae; }
  .button-flat.secondary {
    color: white;
    background-color: #80B74A; }
  .button-flat.secondary:hover {
    background-color: #67933b; }
  .button-flat.tertiary {
    color: white;
    background-color: #0179A0; }
  .button-flat.tertiary:hover {
    background-color: #01536d; }
  .button-flat.accent {
    color: white;
    background-color: #f5323e; }
  .button-flat.accent:hover {
    background-color: #e90b19; }
  .button-flat.dark {
    color: white;
    background-color: #2c3137; }
  .button-flat.dark:hover {
    background-color: #15181b; }
  .button-flat.white {
    color: black;
    background-color: white; }
  .button-flat.white:hover {
    background-color: #e6e6e6; }
  .button-flat.black {
    color: white;
    background-color: black; }
  .button-flat.black:hover {
    background-color: black; }
  .button-flat.dark {
    background: #333333;
    border: 1px solid #333333;
    color: white; }
    .button-flat.dark:hover, .button-flat.dark:focus {
      border: 1px solid #f2f2f2;
      background: #f2f2f2;
      color: #333333; }
    .button-flat.dark:active {
      background: white; }

.btn-new {
  font-family: "Raleway", normal;
  font-size: 1rem;
  text-align: center !important;
  border-radius: 10px;
  font-weight: 300;
  text-decoration: none !important;
  font-size: 12pt;
  font-size: 1rem;
  cursor: pointer;
  width: auto;
  min-width: 125px;
  padding: 0.75em 1em;
  border-width: 2px;
  border-radius: 10px;
  display: inline-block;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: .025em;
  border-style: solid;
  text-align: center;
  text-transform: uppercase;
  background-color: transparent;
  -webkit-transition: border-color 0.2s, color 0.2s, -webkit-box-shadow 0.2s;
  transition: border-color 0.2s, color 0.2s, -webkit-box-shadow 0.2s;
  -o-transition: border-color 0.2s, color 0.2s, box-shadow 0.2s;
  transition: border-color 0.2s, color 0.2s, box-shadow 0.2s;
  transition: border-color 0.2s, color 0.2s, box-shadow 0.2s, -webkit-box-shadow 0.2s; }
  .btn-new:hover {
    text-decoration: none; }
  .btn-new.primary {
    border-color: #2B9FD7;
    color: #2B9FD7; }
  .btn-new.primary:hover {
    color: white;
    background-color: #2B9FD7; }
  .btn-new.secondary {
    border-color: #80B74A;
    color: #80B74A; }
  .btn-new.secondary:hover {
    color: white;
    background-color: #80B74A; }
  .btn-new.tertiary {
    border-color: #0179A0;
    color: #0179A0; }
  .btn-new.tertiary:hover {
    color: white;
    background-color: #0179A0; }
  .btn-new.accent {
    border-color: #f5323e;
    color: #f5323e; }
  .btn-new.accent:hover {
    color: white;
    background-color: #f5323e; }
  .btn-new.dark {
    border-color: #2c3137;
    color: #2c3137; }
  .btn-new.dark:hover {
    color: white;
    background-color: #2c3137; }
  .btn-new.white {
    border-color: white;
    color: white; }
  .btn-new.white:hover {
    color: black;
    background-color: white; }
  .btn-new.black {
    border-color: black;
    color: black; }
  .btn-new.black:hover {
    color: white;
    background-color: black; }
  .btn-new:hover {
    background-color: white;
    border-color: white;
    color: black !important; }
  .btn-new span {
    letter-spacing: 1.6 !important; }

/*---------------------Sprite Icons Additional--------------------------------*/
.icons-additional {
  display: inline-block;
  vertical-align: middle;
  background-image: url(https://vicom.mx/demos/germantec/arquivos/images_icons_icons-additional.png);
  background-position: center top;
  background-size: 1000px auto;
  background-repeat: no-repeat; }
  .icons-additional[class^="icon-"]:hover, .icons-additional[class*=" icon-"]:hover {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1); }
  .icon-playstore {
    width: 40px;
    height: 40px;
    background-position: -100px -314px; }
  .icon-appstore {
    width: 32px;
    height: 40px;
    background-position: -100px -354px; }
  .icon-amex, .icon-visa, .icon-mastercard, .icon-paypal, .icon-mercadopago, .icon-banamex, .icon-bancomer, .icon-santander, .icon-scotiabank, .icon-oxxo, .icon-seveneleven, .icon-ssl, .icon-socioamipci, .icon-amvo, .icon-firewall, .icon-pagoseguro, .icon-norton, .icon-amipci, .icon-estafeta, .icon-dhl, .icon-fedex {
    background-size: 600px auto; }
    @media screen and (min-width: 768px) {
      .icon-amex, .icon-visa, .icon-mastercard, .icon-paypal, .icon-mercadopago, .icon-banamex, .icon-bancomer, .icon-santander, .icon-scotiabank, .icon-oxxo, .icon-seveneleven, .icon-ssl, .icon-socioamipci, .icon-amvo, .icon-firewall, .icon-pagoseguro, .icon-norton, .icon-amipci, .icon-estafeta, .icon-dhl, .icon-fedex {
        background-size: 700px auto; } }
    @media screen and (min-width: 1024px) {
      .icon-amex, .icon-visa, .icon-mastercard, .icon-paypal, .icon-mercadopago, .icon-banamex, .icon-bancomer, .icon-santander, .icon-scotiabank, .icon-oxxo, .icon-seveneleven, .icon-ssl, .icon-socioamipci, .icon-amvo, .icon-firewall, .icon-pagoseguro, .icon-norton, .icon-amipci, .icon-estafeta, .icon-dhl, .icon-fedex {
        background-size: 700px auto; } }
    @media screen and (min-width: 1440px) {
      .icon-amex, .icon-visa, .icon-mastercard, .icon-paypal, .icon-mercadopago, .icon-banamex, .icon-bancomer, .icon-santander, .icon-scotiabank, .icon-oxxo, .icon-seveneleven, .icon-ssl, .icon-socioamipci, .icon-amvo, .icon-firewall, .icon-pagoseguro, .icon-norton, .icon-amipci, .icon-estafeta, .icon-dhl, .icon-fedex {
        background-size: 800px auto; } }
  .icon-amex {
    width: 18px;
    height: 18px;
    background-position: -60px 0px; }
    @media screen and (min-width: 768px) {
      .icon-amex {
        width: 21px;
        height: 21px;
        background-position: -70px 0px; } }
    @media screen and (min-width: 1024px) {
      .icon-amex {
        width: 21px;
        height: 21px;
        background-position: -70px 0px; } }
    @media screen and (min-width: 1440px) {
      .icon-amex {
        width: 24px;
        height: 24px;
        background-position: -80px 0px; } }
  .icon-visa {
    width: 37.2px;
    height: 12px;
    background-position: -60px -21px; }
    @media screen and (min-width: 768px) {
      .icon-visa {
        width: 43.4px;
        height: 14px;
        background-position: -70px -24.5px; } }
    @media screen and (min-width: 1024px) {
      .icon-visa {
        width: 43.4px;
        height: 14px;
        background-position: -70px -24.5px; } }
    @media screen and (min-width: 1440px) {
      .icon-visa {
        width: 49.6px;
        height: 16px;
        background-position: -80px -28px; } }
  .icon-mastercard {
    width: 23.4px;
    height: 18px;
    background-position: -60px -36px; }
    @media screen and (min-width: 768px) {
      .icon-mastercard {
        width: 27.3px;
        height: 21px;
        background-position: -70px -42px; } }
    @media screen and (min-width: 1024px) {
      .icon-mastercard {
        width: 27.3px;
        height: 21px;
        background-position: -70px -42px; } }
    @media screen and (min-width: 1440px) {
      .icon-mastercard {
        width: 31.2px;
        height: 24px;
        background-position: -80px -48px; } }
  .icon-paypal {
    width: 53.4px;
    height: 13.8px;
    background-position: -60px -57px; }
    @media screen and (min-width: 768px) {
      .icon-paypal {
        width: 62.3px;
        height: 16.1px;
        background-position: -70px -66.5px; } }
    @media screen and (min-width: 1024px) {
      .icon-paypal {
        width: 62.3px;
        height: 16.1px;
        background-position: -70px -66.5px; } }
    @media screen and (min-width: 1440px) {
      .icon-paypal {
        width: 71.2px;
        height: 18.4px;
        background-position: -80px -76px; } }
  .icon-mercadopago {
    width: 60px;
    height: 15.6px;
    background-position: -60px -75px; }
    @media screen and (min-width: 768px) {
      .icon-mercadopago {
        width: 70px;
        height: 18.2px;
        background-position: -70px -87.5px; } }
    @media screen and (min-width: 1024px) {
      .icon-mercadopago {
        width: 70px;
        height: 18.2px;
        background-position: -70px -87.5px; } }
    @media screen and (min-width: 1440px) {
      .icon-mercadopago {
        width: 80px;
        height: 20.8px;
        background-position: -80px -100px; } }
  .icon-banamex {
    width: 57.6px;
    height: 12.6px;
    background-position: -60px -93px; }
    @media screen and (min-width: 768px) {
      .icon-banamex {
        width: 67.2px;
        height: 14.7px;
        background-position: -70px -108.5px; } }
    @media screen and (min-width: 1024px) {
      .icon-banamex {
        width: 67.2px;
        height: 14.7px;
        background-position: -70px -108.5px; } }
    @media screen and (min-width: 1440px) {
      .icon-banamex {
        width: 76.8px;
        height: 16.8px;
        background-position: -80px -124px; } }
  .icon-bancomer {
    width: 60px;
    height: 16.8px;
    background-position: -60px -108px; }
    @media screen and (min-width: 768px) {
      .icon-bancomer {
        width: 70px;
        height: 19.6px;
        background-position: -70px -126px; } }
    @media screen and (min-width: 1024px) {
      .icon-bancomer {
        width: 70px;
        height: 19.6px;
        background-position: -70px -126px; } }
    @media screen and (min-width: 1440px) {
      .icon-bancomer {
        width: 80px;
        height: 22.4px;
        background-position: -80px -144px; } }
  .icon-santander {
    width: 55.8px;
    height: 10.2px;
    background-position: -60px -129px; }
    @media screen and (min-width: 768px) {
      .icon-santander {
        width: 65.1px;
        height: 11.9px;
        background-position: -70px -150.5px; } }
    @media screen and (min-width: 1024px) {
      .icon-santander {
        width: 65.1px;
        height: 11.9px;
        background-position: -70px -150.5px; } }
    @media screen and (min-width: 1440px) {
      .icon-santander {
        width: 74.4px;
        height: 13.6px;
        background-position: -80px -172px; } }
  .icon-scotiabank {
    width: 60px;
    height: 10.8px;
    background-position: -60px -144px; }
    @media screen and (min-width: 768px) {
      .icon-scotiabank {
        width: 70px;
        height: 12.6px;
        background-position: -70px -168px; } }
    @media screen and (min-width: 1024px) {
      .icon-scotiabank {
        width: 70px;
        height: 12.6px;
        background-position: -70px -168px; } }
    @media screen and (min-width: 1440px) {
      .icon-scotiabank {
        width: 80px;
        height: 14.4px;
        background-position: -80px -192px; } }
  .icon-oxxo {
    width: 30px;
    height: 15px;
    background-position: -60px -159px; }
    @media screen and (min-width: 768px) {
      .icon-oxxo {
        width: 35px;
        height: 17.5px;
        background-position: -70px -185.5px; } }
    @media screen and (min-width: 1024px) {
      .icon-oxxo {
        width: 35px;
        height: 17.5px;
        background-position: -70px -185.5px; } }
    @media screen and (min-width: 1440px) {
      .icon-oxxo {
        width: 40px;
        height: 20px;
        background-position: -80px -212px; } }
  .icon-seveneleven {
    width: 17.4px;
    height: 18px;
    background-position: -60px -177px; }
    @media screen and (min-width: 768px) {
      .icon-seveneleven {
        width: 20.3px;
        height: 21px;
        background-position: -70px -206.5px; } }
    @media screen and (min-width: 1024px) {
      .icon-seveneleven {
        width: 20.3px;
        height: 21px;
        background-position: -70px -206.5px; } }
    @media screen and (min-width: 1440px) {
      .icon-seveneleven {
        width: 23.2px;
        height: 24px;
        background-position: -80px -236px; } }
  .icon-ssl {
    width: 20.4px;
    height: 20.4px;
    background-position: -120px -132px; }
    @media screen and (min-width: 768px) {
      .icon-ssl {
        width: 23.8px;
        height: 23.8px;
        background-position: -140px -154px; } }
    @media screen and (min-width: 1024px) {
      .icon-ssl {
        width: 23.8px;
        height: 23.8px;
        background-position: -140px -154px; } }
    @media screen and (min-width: 1440px) {
      .icon-ssl {
        width: 27.2px;
        height: 27.2px;
        background-position: -160px -176px; } }
  .icon-socioamipci {
    width: 39.6px;
    height: 20.4px;
    background-position: -180px -72px; }
    @media screen and (min-width: 768px) {
      .icon-socioamipci {
        width: 46.2px;
        height: 23.8px;
        background-position: -210px -84px; } }
    @media screen and (min-width: 1024px) {
      .icon-socioamipci {
        width: 46.2px;
        height: 23.8px;
        background-position: -210px -84px; } }
    @media screen and (min-width: 1440px) {
      .icon-socioamipci {
        width: 52.8px;
        height: 27.2px;
        background-position: -240px -96px; } }
  .icon-amvo {
    width: 39.6px;
    height: 12px;
    background-position: -180px -96px; }
    @media screen and (min-width: 768px) {
      .icon-amvo {
        width: 46.2px;
        height: 14px;
        background-position: -210px -112px; } }
    @media screen and (min-width: 1024px) {
      .icon-amvo {
        width: 46.2px;
        height: 14px;
        background-position: -210px -112px; } }
    @media screen and (min-width: 1440px) {
      .icon-amvo {
        width: 52.8px;
        height: 16px;
        background-position: -240px -128px; } }
  .icon-firewall {
    width: 39.6px;
    height: 15px;
    background-position: -120px -114px; }
    @media screen and (min-width: 768px) {
      .icon-firewall {
        width: 46.2px;
        height: 17.5px;
        background-position: -140px -133px; } }
    @media screen and (min-width: 1024px) {
      .icon-firewall {
        width: 46.2px;
        height: 17.5px;
        background-position: -140px -133px; } }
    @media screen and (min-width: 1440px) {
      .icon-firewall {
        width: 52.8px;
        height: 20px;
        background-position: -160px -152px; } }
  .icon-pagoseguro {
    width: 31.2px;
    height: 24px;
    background-position: -60px -104.4; }
    @media screen and (min-width: 768px) {
      .icon-pagoseguro {
        width: 36.4px;
        height: 28px;
        background-position: -70px -121.8; } }
    @media screen and (min-width: 1024px) {
      .icon-pagoseguro {
        width: 36.4px;
        height: 28px;
        background-position: -70px -121.8; } }
    @media screen and (min-width: 1440px) {
      .icon-pagoseguro {
        width: 41.6px;
        height: 32px;
        background-position: -80px -139.2; } }
  .icon-norton {
    width: 45.6px;
    height: 24px;
    background-position: -60px -128.4; }
    @media screen and (min-width: 768px) {
      .icon-norton {
        width: 53.2px;
        height: 28px;
        background-position: -70px -149.8; } }
    @media screen and (min-width: 1024px) {
      .icon-norton {
        width: 53.2px;
        height: 28px;
        background-position: -70px -149.8; } }
    @media screen and (min-width: 1440px) {
      .icon-norton {
        width: 60.8px;
        height: 32px;
        background-position: -80px -171.2; } }
  .icon-amipci {
    width: 36px;
    height: 22.8px;
    background-position: -60px -152.4; }
    @media screen and (min-width: 768px) {
      .icon-amipci {
        width: 42px;
        height: 26.6px;
        background-position: -70px -177.8; } }
    @media screen and (min-width: 1024px) {
      .icon-amipci {
        width: 42px;
        height: 26.6px;
        background-position: -70px -177.8; } }
    @media screen and (min-width: 1440px) {
      .icon-amipci {
        width: 48px;
        height: 30.4px;
        background-position: -80px -203.2; } }
  .icon-estafeta {
    width: 60px;
    height: 9px;
    background-position: -300px 0px; }
    @media screen and (min-width: 768px) {
      .icon-estafeta {
        width: 70px;
        height: 10.5px;
        background-position: -350px 0px; } }
    @media screen and (min-width: 1024px) {
      .icon-estafeta {
        width: 70px;
        height: 10.5px;
        background-position: -350px 0px; } }
    @media screen and (min-width: 1440px) {
      .icon-estafeta {
        width: 80px;
        height: 12px;
        background-position: -400px 0px; } }
  .icon-dhl {
    width: 43.2px;
    height: 6.6px;
    background-position: -300px -12px; }
    @media screen and (min-width: 768px) {
      .icon-dhl {
        width: 50.4px;
        height: 7.7px;
        background-position: -350px -14px; } }
    @media screen and (min-width: 1024px) {
      .icon-dhl {
        width: 50.4px;
        height: 7.7px;
        background-position: -350px -14px; } }
    @media screen and (min-width: 1440px) {
      .icon-dhl {
        width: 57.6px;
        height: 8.8px;
        background-position: -400px -16px; } }
  .icon-fedex {
    width: 34.8px;
    height: 9.6px;
    background-position: -300px -22.2px; }
    @media screen and (min-width: 768px) {
      .icon-fedex {
        width: 40.6px;
        height: 11.2px;
        background-position: -350px -25.9px; } }
    @media screen and (min-width: 1024px) {
      .icon-fedex {
        width: 40.6px;
        height: 11.2px;
        background-position: -350px -25.9px; } }
    @media screen and (min-width: 1440px) {
      .icon-fedex {
        width: 46.4px;
        height: 12.8px;
        background-position: -400px -29.6px; } }

/*--------------------Forms--------------------*/
form {
  position: relative;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  color: #666666; }

fieldset {
  margin-bottom: 1.5em; }

legend {
  width: auto;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 15.6pt;
  font-size: 1.3rem;
  font-weight: 600;
  color: inherit;
  text-transform: uppercase; }

.control-wrapper {
  width: 100%;
  position: relative;
  clear: both;
  margin-bottom: 5px; }
  .control-wrapper--send {
    overflow: hidden;
    clear: both;
    margin-bottom: 0; }
  .control-wrapper--captcha {
    background: none; }
    .control-wrapper--captcha > input[type="text"] {
      width: 50%;
      float: right;
      clear: none;
      border: 1px solid #2B9FD7;
      margin-top: 20px; }
    .control-wrapper--captcha > img {
      width: 45%;
      display: block;
      float: left; }
    .control-wrapper--captcha > a {
      position: absolute;
      top: 0;
      right: 65%;
      cursor: pointer; }
  @media screen and (min-width: 360px) {
    .control-wrapper.float-left, .control-wrapper.float-right {
      width: 48%;
      clear: none; } }

label {
  border: none;
  font-weight: 400;
  color: #4d4d4d;
  line-height: 25px; }
  label span {
    height: 25px;
    margin-left: 2px;
    font-family: "HelveticaNeueLTW05", sans-serif;
    font-weight: 300;
    color: #2B9FD7; }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="search"],
input[type="url"],
input[type="password"],
input[type="file"],
input[type="number"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="time"],
input[type="week"],
input[type="month"],
input[type="color"],
select,
textarea {
  width: 100%;
  height: 30px;
  display: block;
  clear: both;
  padding-left: 1em;
  padding-right: 1em;
  border-width: 1px;
  border-style: solid;
  border-radius: 20px;
  border-color: #f2f2f2;
  font-size: 12pt;
  font-size: 1rem;
  font-weight: 300;
  color: inherit;
  background-color: rgba(255, 255, 255, 0.8);
  -webkit-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease; }
  input[type="text"]::-moz-placeholder,
  input[type="email"]::-moz-placeholder,
  input[type="tel"]::-moz-placeholder,
  input[type="search"]::-moz-placeholder,
  input[type="url"]::-moz-placeholder,
  input[type="password"]::-moz-placeholder,
  input[type="file"]::-moz-placeholder,
  input[type="number"]::-moz-placeholder,
  input[type="date"]::-moz-placeholder,
  input[type="datetime"]::-moz-placeholder,
  input[type="datetime-local"]::-moz-placeholder,
  input[type="time"]::-moz-placeholder,
  input[type="week"]::-moz-placeholder,
  input[type="month"]::-moz-placeholder,
  input[type="color"]::-moz-placeholder,
  select::-moz-placeholder,
  textarea::-moz-placeholder {
    color: #999999; }
  input[type="text"]:-moz-placeholder,
  input[type="email"]:-moz-placeholder,
  input[type="tel"]:-moz-placeholder,
  input[type="search"]:-moz-placeholder,
  input[type="url"]:-moz-placeholder,
  input[type="password"]:-moz-placeholder,
  input[type="file"]:-moz-placeholder,
  input[type="number"]:-moz-placeholder,
  input[type="date"]:-moz-placeholder,
  input[type="datetime"]:-moz-placeholder,
  input[type="datetime-local"]:-moz-placeholder,
  input[type="time"]:-moz-placeholder,
  input[type="week"]:-moz-placeholder,
  input[type="month"]:-moz-placeholder,
  input[type="color"]:-moz-placeholder,
  select:-moz-placeholder,
  textarea:-moz-placeholder {
    color: #999999; }
  input[type="text"]:-ms-input-placeholder,
  input[type="email"]:-ms-input-placeholder,
  input[type="tel"]:-ms-input-placeholder,
  input[type="search"]:-ms-input-placeholder,
  input[type="url"]:-ms-input-placeholder,
  input[type="password"]:-ms-input-placeholder,
  input[type="file"]:-ms-input-placeholder,
  input[type="number"]:-ms-input-placeholder,
  input[type="date"]:-ms-input-placeholder,
  input[type="datetime"]:-ms-input-placeholder,
  input[type="datetime-local"]:-ms-input-placeholder,
  input[type="time"]:-ms-input-placeholder,
  input[type="week"]:-ms-input-placeholder,
  input[type="month"]:-ms-input-placeholder,
  input[type="color"]:-ms-input-placeholder,
  select:-ms-input-placeholder,
  textarea:-ms-input-placeholder {
    color: #999999; }
  input[type="text"]::-webkit-input-placeholder,
  input[type="email"]::-webkit-input-placeholder,
  input[type="tel"]::-webkit-input-placeholder,
  input[type="search"]::-webkit-input-placeholder,
  input[type="url"]::-webkit-input-placeholder,
  input[type="password"]::-webkit-input-placeholder,
  input[type="file"]::-webkit-input-placeholder,
  input[type="number"]::-webkit-input-placeholder,
  input[type="date"]::-webkit-input-placeholder,
  input[type="datetime"]::-webkit-input-placeholder,
  input[type="datetime-local"]::-webkit-input-placeholder,
  input[type="time"]::-webkit-input-placeholder,
  input[type="week"]::-webkit-input-placeholder,
  input[type="month"]::-webkit-input-placeholder,
  input[type="color"]::-webkit-input-placeholder,
  select::-webkit-input-placeholder,
  textarea::-webkit-input-placeholder {
    color: #999999; }
  input[type="text"].touched:invalid,
  input[type="email"].touched:invalid,
  input[type="tel"].touched:invalid,
  input[type="search"].touched:invalid,
  input[type="url"].touched:invalid,
  input[type="password"].touched:invalid,
  input[type="file"].touched:invalid,
  input[type="number"].touched:invalid,
  input[type="date"].touched:invalid,
  input[type="datetime"].touched:invalid,
  input[type="datetime-local"].touched:invalid,
  input[type="time"].touched:invalid,
  input[type="week"].touched:invalid,
  input[type="month"].touched:invalid,
  input[type="color"].touched:invalid,
  select.touched:invalid,
  textarea.touched:invalid {
    border: 1px dashed #cc0000;
    -webkit-box-shadow: none;
    box-shadow: none; }

input[type="file"] {
  height: 32px; }

input[type="checkbox"],
input[type="radio"] {
  margin: 5px 5px 0 0; }

textarea {
  height: 80px; }

.alert {
  overflow: hidden;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 12pt;
  font-size: 1rem;
  color: #4d4d4d;
  text-align: center;
  border-width: 1px;
  border-style: solid; }
  .alert.info {
    color: #666666;
    border-color: #666666;
    background-color: #f2f2f2; }
  .alert.success {
    color: #008000;
    border-color: #008000;
    background-color: #9aff9a; }
  .alert.error, .alert.danger {
    color: #cc0000;
    border-color: #cc0000;
    background-color: #ff9999; }
  .alert span {
    font-weight: 500; }

.error {
  display: block;
  color: #cc0000; }

label.error {
  font-size: 8.4pt;
  font-size: 0.7rem;
  font-weight: 400;
  color: #cc0000; }

input.error,
textarea.error {
  border-color: #ff4d4d !important; }

.contact-form .control-wrapper {
  margin-bottom: 15px; }

/*--------------------Tables--------------------*/
table {
  width: 100%;
  max-width: 100%;
  table-layout: auto;
  border-collapse: collapse;
  border-spacing: 0;
  background-color: white; }
  table caption {
    padding-top: 5px;
    padding-bottom: 5px;
    font-family: "Raleway", normal;
    font-size: 1.4em;
    color: #2c3137;
    text-align: left; }
  table > thead > tr > th,
  table > thead > tr > td,
  table > tbody > tr > th,
  table > tbody > tr > td,
  table > tfoot > tr > th,
  table > tfoot > tr > td {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px; }
  table > thead > tr > th {
    vertical-align: bottom; }
  table > tbody + tbody {
    border-top: 2px solid #d9d9d9; }
  table .table {
    background-color: red; }

.table-condensed > thead > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > th,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > th,
.table-condensed > tfoot > tr > td {
  padding: 7.5px; }

.table-bordered {
  border: 1px solid #d9d9d9; }
  .table-bordered > thead > tr > th,
  .table-bordered > thead > tr > td,
  .table-bordered > tbody > tr > th,
  .table-bordered > tbody > tr > td,
  .table-bordered > tfoot > tr > th,
  .table-bordered > tfoot > tr > td {
    border: 1px solid #d9d9d9; }
  .table-bordered > thead > tr > th,
  .table-bordered > thead > tr > td {
    border-bottom-width: 2px; }

.table-striped > tbody > tr:nth-of-type(even) {
  background-color: #fafafa; }

.table-hover > tbody > tr:hover {
  background-color: #e5e5e5; }

table col[class*="col-"] {
  position: static;
  float: none;
  display: table-column; }

table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  float: none;
  display: table-cell; }

.table-responsive {
  min-height: 0.01%;
  overflow-x: auto; }
  @media screen and (max-width: 1023px) {
    .table-responsive {
      width: 100%;
      overflow-y: hidden;
      -ms-overflow-style: -ms-autohiding-scrollbar; }
      .table-responsive > table {
        margin-bottom: 0; }
        .table-responsive > table > thead > tr > th,
        .table-responsive > table > thead > tr > td,
        .table-responsive > table > tbody > tr > th,
        .table-responsive > table > tbody > tr > td,
        .table-responsive > table > tfoot > tr > th,
        .table-responsive > table > tfoot > tr > td {
          white-space: nowrap; }
      .table-responsive > .table-bordered {
        border: 0; }
        .table-responsive > .table-bordered > thead > tr > th:first-child,
        .table-responsive > .table-bordered > thead > tr > td:first-child,
        .table-responsive > .table-bordered > tbody > tr > th:first-child,
        .table-responsive > .table-bordered > tbody > tr > td:first-child,
        .table-responsive > .table-bordered > tfoot > tr > th:first-child,
        .table-responsive > .table-bordered > tfoot > tr > td:first-child {
          border-left: 0; }
        .table-responsive > .table-bordered > thead > tr > th:last-child,
        .table-responsive > .table-bordered > thead > tr > td:last-child,
        .table-responsive > .table-bordered > tbody > tr > th:last-child,
        .table-responsive > .table-bordered > tbody > tr > td:last-child,
        .table-responsive > .table-bordered > tfoot > tr > th:last-child,
        .table-responsive > .table-bordered > tfoot > tr > td:last-child {
          border-right: 0; }
        .table-responsive > .table-bordered > tbody > tr:last-child > th,
        .table-responsive > .table-bordered > tbody > tr:last-child > td,
        .table-responsive > .table-bordered > tfoot > tr:last-child > th,
        .table-responsive > .table-bordered > tfoot > tr:last-child > td {
          border-bottom: 0; } }

@media screen and (max-width: 767px) {
  .table-with-header,
  .table-without-header {
    display: block; }
    .table-with-header tr,
    .table-without-header tr {
      display: block;
      padding-top: 10px;
      padding-bottom: 10px;
      border-bottom: 1px solid #f2f2f2; }
      .table-with-header tr th,
      .table-with-header tr td,
      .table-without-header tr th,
      .table-without-header tr td {
        display: block;
        line-height: 1;
        border: none; } }

.table-with-header em {
  display: none; }

@media screen and (max-width: 767px) {
  .table-with-header thead,
  .table-with-header tbody,
  .table-with-header tfoot {
    display: block; }
  .table-with-header thead:after {
    content: '';
    display: table;
    clear: both; }
  .table-with-header thead tr th {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 5px;
    padding-bottom: 5px; }
  .table-with-header tbody tr td {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-weight: 700;
    color: gray;
    text-align: left !important; }
    .table-with-header tbody tr td:first-child {
      font-size: 1.75em;
      color: #2c3137;
      margin-top: 10px;
      margin-bottom: 10px; }
      .table-with-header tbody tr td:first-child em {
        display: none; }
    .table-with-header tbody tr td em {
      display: inline-block;
      margin-bottom: 5px;
      margin-right: 1em;
      font-weight: 700;
      color: #4d4d4d; } }

@media screen and (max-width: 479px) {
  .table-without-header tr td:first-child {
    font-size: 12pt;
    font-size: 1rem; } }

/*--------------------Modals - Setting Bootstrap Component--------------------*/
body.modal-open {
  overflow: hidden !important;
  padding-right: 0 !important; }
  body.modal-open .modal {
    padding-right: 0 !important; }

.modal-backdrop.in {
  opacity: 0.75; }

.modal-dialog {
  position: absolute;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px; }
  .modal.fade .modal-dialog {
    top: 100%;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0); }
  .modal.in .modal-dialog {
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }

.modal-content {
  border: none;
  border-radius: 0; }
  .modal-content .close {
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 400;
    border-radius: 50%;
    margin-top: 0;
    font-size: 2.5em;
    font-weight: 100;
    line-height: 20px;
    color: #acacac;
    font-family: "HelveticaNeueLTW05", sans-serif;
    text-shadow: none;
    opacity: 1; }

.modal-header,
.modal-body,
.modal-footer {
  padding-left: 15px;
  padding-right: 15px; }

.modal-header {
  position: relative;
  padding-top: 15px;
  padding-bottom: 15px;
  border: none;
  background-color: white; }
  .modal-header .modal-title {
    padding-top: 0px;
    padding-bottom: 0px;
    font-family: "HelveticaNeueLTW05", sans-serif;
    font-weight: 300;
    font-size: 12pt;
    font-size: 1rem;
    letter-spacing: 0.1em;
    color: #f2f2f2; }

.modal-body {
  overflow: hidden;
  font-size: 10.8pt;
  font-size: 0.9rem; }

.modal-footer {
  border-top: 1px solid #f2f2f2; }

/*--------------------Bread Crumbs--------------------*/
.bread-crumbs {
  margin-bottom: 0.5em;
  margin-right: auto;
  overflow: hidden;
  font-family: "Raleway", normal;
  font-size: 8.4pt;
  font-size: 0.7rem;
  font-weight: 700;
  text-transform: capitalize;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  @media screen and (min-width: 1024px) {
    .bread-crumbs {
      margin-bottom: 2em; } }
  .bread-crumbs ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .bread-crumbs li {
    position: relative;
    margin-right: 30px;
    letter-spacing: 0.05em;
    line-height: 30px;
    color: #666666; }
    .bread-crumbs li:first-child {
      color: #2B9FD7; }
      .bread-crumbs li:first-child a {
        font-size: 0;
        line-height: 0; }
        .bread-crumbs li:first-child a:before {
          content: 'Home';
          display: block;
          font-size: 8.4pt;
          font-size: 0.7rem;
          line-height: 30px; }
    .bread-crumbs li:last-child, .bread-crumbs li.last {
      margin-right: 0;
      color: #666666; }
      .bread-crumbs li:last-child:after, .bread-crumbs li.last:after {
        display: none; }
      body.resultado-busca .bread-crumbs li:last-child strong a:first-child, body.resultado-busca .bread-crumbs li.last strong a:first-child {
        font-size: 0;
        line-height: 0; }
        body.resultado-busca .bread-crumbs li:last-child strong a:first-child:before, body.resultado-busca .bread-crumbs li.last strong a:first-child:before {
          content: attr(title);
          font-size: 8.4pt;
          font-size: 0.7rem;
          line-height: 30px; }
      body.resultado-busca .bread-crumbs li:last-child strong a.busca-texto-livre-elimina, body.resultado-busca .bread-crumbs li.last strong a.busca-texto-livre-elimina {
        display: none; }
    .bread-crumbs li:after {
      content: '>';
      display: block;
      position: absolute;
      top: 0;
      right: -15px;
      color: #2B9FD7;
      -webkit-transform: translate(50%, -2%);
      -ms-transform: translate(50%, -2%);
      transform: translate(50%, -2%); }
  .bread-crumbs a,
  .bread-crumbs strong {
    display: block;
    position: relative;
    font-weight: inherit; }
  .bread-crumbs a {
    color: inherit; }

/*--------------------Monster Video--------------------*/
.monster-video {
  display: none;
  position: relative;
  overflow: hidden;
  background-color: white; }
  @media screen and (orientation: landscape) {
    html.browser--desktop .monster-video {
      display: block !important; } }

/*--------------------Monster Banner--------------------*/
.monster-banner-portrait, .monster-banner-landscape {
  position: relative;
  overflow: hidden; }
  .monster-banner-portrait img, .monster-banner-landscape img {
    width: 100%;
    display: block; }
  .monster-banner-portrait .button-lineal, .monster-banner-landscape .button-lineal {
    position: absolute;
    z-index: 10;
    font-size: 18pt;
    font-size: 1.5rem; }

@media screen and (orientation: landscape) {
  .monster-banner-portrait {
    display: none !important; } }

.monster-banner-portrait .button-lineal {
  left: 30%;
  bottom: 15%; }

@media screen and (orientation: portrait) {
  .monster-banner-landscape {
    display: none !important; } }

.monster-banner-landscape .button-lineal {
  top: 50%;
  left: 30%;
  margin-top: 50px; }

/*--------------------Slider Main--------------------*/
.main-slider-fullscreen {
  position: relative;
  z-index: 1;
  /*.container-slider-mobile-portrait,
	.container-slider-mobile-landscape{
		transition: height 0.1s ease-out;
		@media screen and (min-width: $screen-bs-min){
			min-height: 260px;
		}
		@media screen and (min-width: $screen-xs-min){
			min-height: 640px;
		}
		@media screen and (min-width: $screen-md-min){
			min-height: 950px;
		}
		@media screen and (min-width: $screen-lg-min){
			min-height: 690px;
		}
		@media screen and (min-width: $screen-xl-min){
			min-height: 650px;
		}
		@media screen and (min-width: $screen-xxl-min){
			min-height: 830px;
		}
		@media screen and (min-width: $screen-hd-min){
			min-height: 900px;
		}
	}*/ }
  .main-slider-fullscreen .container-slider-landscape,
  .main-slider-fullscreen .container-slider-mobile-portrait,
  .main-slider-fullscreen .container-slider-mobile-landscape {
    display: none !important;
    position: relative; }
  @media screen and (orientation: portrait) {
    .main-slider-fullscreen .container-slider-mobile-portrait {
      display: block !important; } }
  @media screen and (orientation: landscape) {
    .main-slider-fullscreen .container-slider-landscape,
    .main-slider-fullscreen .container-slider-mobile-landscape {
      display: block !important; } }
  html.browser--desktop .main-slider-fullscreen .container-slider-landscape.only-mobile, html.browser--desktop
  .main-slider-fullscreen .container-slider-mobile-landscape.only-mobile {
    display: none !important; }
  .main-slider-fullscreen .slider-landscape,
  .main-slider-fullscreen .slider-mobile-portrait,
  .main-slider-fullscreen .slider-mobile-landscape {
    width: 100%;
    display: none;
    position: relative; }
  .main-slider-fullscreen li.video-slider .slotholder {
    display: none !important; }
    @media screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.5), screen and (max-width: 1024px) and (-moz-min-device-pixel-ratio: 1.5), screen and (max-width: 1024px) and (-ms-min-device-pixel-ratio: 1.5), screen and (max-width: 1024px) and (-o-min-device-pixel-ratio: 1.5), screen and (max-width: 1024px) and (min-device-pixel-ratio: 1.5) {
      .main-slider-fullscreen li.video-slider .slotholder {
        display: block !important; } }
  @media screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.5), screen and (max-width: 1024px) and (-moz-min-device-pixel-ratio: 1.5), screen and (max-width: 1024px) and (-ms-min-device-pixel-ratio: 1.5), screen and (max-width: 1024px) and (-o-min-device-pixel-ratio: 1.5), screen and (max-width: 1024px) and (min-device-pixel-ratio: 1.5) {
    .main-slider-fullscreen li.video-slider .fullscreenvideo {
      display: none !important; } }

.main-slider--control-banner {
  opacity: 0;
  -webkit-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s; }
  .main-slider--control-banner.slick-initialized {
    opacity: 1; }
  .main-slider--control-banner img {
    height: auto; }

#slidermain .slick-slide,
#slidermain .slick-track {
  width: 100% !important; }

#boutiques .slick-prev {
  left: -13px; }

#boutiques .slick-next {
  right: -1px; }
  @media screen and (min-width: 768px) {
    #boutiques .slick-next {
      right: 0; } }
  @media screen and (min-width: 1440px) {
    #boutiques .slick-next {
      right: 0px; } }

#boutiques .slick-arrow {
  -webkit-transform: translateY(-65%);
  -ms-transform: translateY(-65%);
  transform: translateY(-65%); }

#slidermain .slick-prev {
  left: 3px; }
  @media screen and (min-width: 768px) {
    #slidermain .slick-prev {
      left: 26px; } }
  @media screen and (min-width: 1024px) {
    #slidermain .slick-prev {
      left: 10px; } }

#slidermain .slick-next {
  right: 15px; }
  @media screen and (min-width: 768px) {
    #slidermain .slick-next {
      right: 40px; } }
  @media screen and (min-width: 1024px) {
    #slidermain .slick-next {
      right: 21px; } }

.monster-banner .slick-dots button {
  display: list-item !important;
  border-radius: 56% !important; }

.monster-banner .slick-dots li {
  margin-right: 15px !important; }

.monster-banner .slick-dots {
  margin-top: -35px !important;
  position: absolute !important;
  padding-top: 0px !important;
  left: 50% !important;
  -webkit-transform: translatex(-50%);
  -ms-transform: translatex(-50%);
  transform: translatex(-50%); }

/*--------------------General Searcher--------------------*/
.searcher__wrapper .nav-ecommerce__icon.svg-icon {
  display: block;
  color: #2B9FD7;
  border-radius: 50%; }

.searcher__wrapper {
  display: none; }
  @media screen and (max-width: 1023px) {
    .searcher__wrapper {
      width: 70%;
      padding-top: 15px;
      padding-bottom: 15px;
      padding-left: 15px;
      padding-right: 15px;
      position: fixed;
      top: 5px;
      left: 60%;
      z-index: 1020;
      overflow: hidden;
      background-color: white;
      -webkit-transition: left 0.2s;
      -o-transition: left 0.2s;
      transition: left 0.2s; }
      .site-nav .searcher__wrapper {
        width: 100%;
        display: block !important;
        position: absolute;
        top: 0 !important;
        left: 0; } }
  @media screen and (min-width: 1024px) {
    .searcher__wrapper {
      width: 25em;
      height: 4.625em;
      position: absolute;
      left: 50%;
      -webkit-transform: translateX(-40%);
      -ms-transform: translateX(-40%);
      transform: translateX(-40%);
      top: 35px;
      z-index: 590;
      background-color: white; } }
  @media screen and (min-width: 1440px) {
    .searcher__wrapper {
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%); } }

.searcher__form {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  color: #2B9FD7; }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .searcher__form {
      width: 94%; } }
  @media screen and (min-width: 480px) and (max-width: 767px) {
    .searcher__form {
      width: 98%; } }
  @media screen and (min-width: 360px) and (max-width: 479px) {
    .searcher__form {
      width: 100%; } }
  @media screen and (max-width: 359px) {
    .searcher__form {
      width: 100%; } }
  .searcher__form .control-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0; }
    .searcher__form .control-wrapper:after {
      border: 1px solid #2c3137; }
  .searcher__form input[type="text"] {
    padding-left: 0px;
    height: 2.1875em;
    border: none;
    border-radius: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #acacac;
    background-color: white;
    font-size: 1em; }
    .searcher__form input[type="text"]::-moz-placeholder {
      color: #333333; }
    .searcher__form input[type="text"]:-moz-placeholder {
      color: #333333; }
    .searcher__form input[type="text"]:-ms-input-placeholder {
      color: #333333; }
    .searcher__form input[type="text"]::-webkit-input-placeholder {
      color: #333333; }
    @media screen and (max-width: 1023px) {
      .searcher__form input[type="text"] {
        padding-left: 0;
        border-bottom: 1px solid #666666; } }
    @media screen and (min-width: 768px) {
      .searcher__form input[type="text"] {
        height: 2.1875em; } }
    @media screen and (min-width: 1024px) {
      .searcher__form input[type="text"] {
        height: 4.625em;
        padding-left: 0em;
        padding-right: 0em; } }
    @media screen and (min-width: 1024px) {
      .searcher__wrapper.is-shown .searcher__form input[type="text"] {
        padding-left: 2.5em; } }
  .searcher__form button {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
    .searcher__wrapper.is-shown .searcher__form button {
      opacity: 1;
      visibility: visible; }
    .searcher__form button .nav-ecommerce__icon {
      width: 1em;
      height: 1em;
      margin-right: 0;
      font-size: 1.35em;
      color: #2B9FD7; }
  .searcher__form__submit {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s; }
    @media screen and (min-width: 1024px) {
      .searcher__form__submit {
        left: 0; } }
  .searcher__form__close {
    display: none;
    position: absolute; }
    @media screen and (max-width: 1023px) {
      .searcher__form__close {
        display: none !important; } }
    @media screen and (min-width: 1024px) and (max-width: 1279px) {
      .searcher__form__close {
        margin-right: -486.4px; } }
    @media screen and (min-width: 1280px) and (max-width: 1439px) {
      .searcher__form__close {
        margin-right: -624px; } }
    @media screen and (min-width: 1440px) and (max-width: 1919px) {
      .searcher__form__close {
        margin-right: -612px; } }
    @media screen and (min-width: 1920px) {
      .searcher__form__close {
        margin-right: -720px; } }
    @media screen and (min-width: 1024px) {
      .searcher__form__close {
        top: calc(17.5px + 50%);
        right: 50%;
        -webkit-transform: translate(-15px, -50%);
        -ms-transform: translate(-15px, -50%);
        transform: translate(-15px, -50%); } }

.searcher__trigger {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  stroke-width: 2;
  margin-right: 0;
  font-size: 1em;
  cursor: pointer;
  -webkit-transition: top 0.2s;
  -o-transition: top 0.2s;
  transition: top 0.2s; }
  @media screen and (max-width: 1023px) {
    .searcher__trigger {
      display: none; } }
  @media screen and (max-width: 1023px) {
    .searcher__trigger__wrapper {
      display: none; } }

ul.ui-autocomplete {
  display: none;
  width: 80%;
  overflow-y: auto;
  position: fixed !important;
  z-index: 1000;
  padding: 1em 1em;
  background: white;
  -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.025);
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.025);
  -webkit-transition: top 0.2s;
  -o-transition: top 0.2s;
  transition: top 0.2s; }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    ul.ui-autocomplete {
      left: 3% !important; } }
  @media screen and (min-width: 480px) and (max-width: 767px) {
    ul.ui-autocomplete {
      left: 1% !important; } }
  @media screen and (min-width: 360px) and (max-width: 479px) {
    ul.ui-autocomplete {
      left: 0% !important; } }
  @media screen and (max-width: 359px) {
    ul.ui-autocomplete {
      left: 0% !important; } }
  @media screen and (min-width: 1024px) {
    ul.ui-autocomplete {
      width: 400px !important; } }
  body.page-scroll-on ul.ui-autocomplete {
    /* Common Breakpoint [bs] */
    top: 6.5625em !important; }
    @media screen and (min-width: 768px) {
      body.page-scroll-on ul.ui-autocomplete {
        /* Common Breakpoint [md] */
        top: 6.25em !important; } }
    @media screen and (min-width: 1024px) {
      body.page-scroll-on ul.ui-autocomplete {
        /* Common Breakpoint [lg] */
        top: 6.8125em !important; } }
  body.has-cintillo.page-scroll-on ul.ui-autocomplete {
    /* Common Breakpoint [bs] */
    top: 6.5625em !important; }
    @media screen and (min-width: 768px) {
      body.has-cintillo.page-scroll-on ul.ui-autocomplete {
        /* Common Breakpoint [md] */
        top: 6.25em !important; } }
    @media screen and (min-width: 1024px) {
      body.has-cintillo.page-scroll-on ul.ui-autocomplete {
        /* Common Breakpoint [lg] */
        top: 6.8125em !important; } }
  ul.ui-autocomplete li.ui-menu-item:last-child a {
    border: 0; }
  ul.ui-autocomplete li.ui-menu-item:hover {
    background-color: #f2f2f2; }
  ul.ui-autocomplete li.ui-menu-item a {
    display: block;
    position: relative;
    padding-top: 1em;
    padding-bottom: 1em;
    padding-left: 45px;
    padding-right: 10px;
    border-bottom: 2px solid #ccc;
    font-family: "Raleway", normal;
    font-weight: 300;
    text-transform: capitalize;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    opacity: 1;
    cursor: pointer;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s; }
    ul.ui-autocomplete li.ui-menu-item a:hover, ul.ui-autocomplete li.ui-menu-item a:focus {
      text-decoration: none;
      color: #2B9FD7;
      opacity: 0.8; }
    ul.ui-autocomplete li.ui-menu-item a img {
      width: 35px !important;
      height: auto !important;
      position: absolute;
      top: 4px;
      left: 5px;
      vertical-align: middle;
      margin-right: 0.5em; }

.AccountMenu {
  width: 100%;
  padding: 15px;
  background-color: white; }
  @media screen and (max-width: 1023px) {
    .AccountMenu {
      height: 100%;
      position: fixed;
      top: 0;
      right: -100%;
      z-index: 2000;
      -webkit-transition: right 0.2s;
      -o-transition: right 0.2s;
      transition: right 0.2s; }
      body.has-cintillo .AccountMenu {
        top: 2.85714em; } }
  @media screen and (min-width: 1024px) {
    .AccountMenu {
      right: 50%;
      -webkit-transform: translateX(-15px);
      -ms-transform: translateX(-15px);
      transform: translateX(-15px); } }
  @media screen and (min-width: 1024px) and (max-width: 1279px) {
    .AccountMenu {
      margin-right: -486.4px; } }
  @media screen and (min-width: 1280px) and (max-width: 1439px) {
    .AccountMenu {
      margin-right: -624px; } }
  @media screen and (min-width: 1440px) and (max-width: 1919px) {
    .AccountMenu {
      margin-right: -612px; } }
  @media screen and (min-width: 1920px) {
    .AccountMenu {
      margin-right: -720px; } }
  @media screen and (min-width: 1024px) {
    .AccountMenu {
      width: 375px;
      border: 1px solid #e7e7e7;
      display: none;
      position: absolute;
      top: 100%;
      -webkit-transition: all 0.2s;
      -o-transition: all 0.2s;
      transition: all 0.2s; }
      .AccountMenu:after {
        content: '';
        top: -30px;
        left: 0;
        right: 0;
        height: 30px;
        display: block;
        position: absolute;
        z-index: 2000; } }
  @media screen and (max-width: 1023px) {
    .AccountMenu.is-active {
      right: 0; } }
  @media screen and (min-width: 1024px) {
    .AccountMenu.is-active {
      z-index: 2000;
      display: block; } }

.AccountMenu-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.AccountMenu-options {
  font-family: "Raleway", normal;
  line-height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }
  @media screen and (max-width: 1023px) {
    .AccountMenu-options {
      font-size: 12.912pt;
      font-size: 1.076rem; } }
  .AccountMenu-options .button-lineal {
    line-height: 1; }

.AccountMenu-option {
  margin-bottom: 0.5em; }
  .AccountMenu-option:first-child {
    margin-top: 10px; }
  .AccountMenu-option--access {
    margin-top: 1em;
    margin-bottom: 0.5em; }
    .AccountMenu-option--access .button-lineal {
      width: 100%; }
      .AccountMenu-option--access .button-lineal#accountMenuAccess {
        margin-bottom: 10px; }
  .is-not-logged .AccountMenu-option {
    display: none;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2; }
  .AccountMenu-option a {
    display: block;
    font-weight: 300; }

.AccountMenu .tag-title--level-2 {
  color: #2B9FD7;
  margin-bottom: 0;
  padding-top: 0;
  font-size: 1em; }

.AccountMenu-trigger--close {
  margin-left: auto; }
  @media screen and (min-width: 1024px) {
    .AccountMenu-trigger--close {
      display: none; } }

.AccountMenu .svg-icon {
  width: 1em;
  height: 1em;
  display: block; }

/*--------------------Product Item--------------------*/
.product-item {
  position: relative;
  padding: 10px 0px 36px 0px;
  border: 4px solid whitesmoke; }
  .product-item .showMoreBtn {
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 0; }
  .product-item a.show-hover {
    visibility: hidden !important; }
  .product-item:hover {
    cursor: pointer;
    -webkit-box-shadow: 0 0 0 3px #2B9FD7 inset, 0 0 15px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 0 3px #2B9FD7 inset, 0 0 15px rgba(0, 0, 0, 0.1);
    -webkit-transition: .25s ease-out;
    -o-transition: .25s ease-out;
    transition: .25s ease-out; }
    .product-item:hover a.show-hover {
      visibility: visible !important; }
    .product-item:hover .product-item__name:after {
      width: 60px; }
  .product-item__wrapper {
    position: relative;
    padding: 0px;
    z-index: 1; }
    .product-item__wrapper.is-show-colors {
      z-index: 10; }
    .product-list.grid-view .product-item__wrapper {
      float: left;
      /* padding-left: $gutter-bs;
            padding-right: $gutter-bs; */
      margin-bottom: 5px; }
      @media screen and (min-width: 1280px) {
        .product-list.grid-view .product-item__wrapper {
          /* padding-left: $gutter-xl;
                padding-right: $gutter-xl; */
          margin-bottom: 15px; } }
    .product-list.grid-large .product-item__wrapper {
      width: 100%;
      font-size: 10.8pt;
      font-size: 0.9rem; }
      @media screen and (min-width: 360px) {
        .product-list.grid-large .product-item__wrapper {
          width: 50%; } }
      @media screen and (min-width: 768px) {
        .product-list.grid-large .product-item__wrapper {
          font-size: 11.4pt;
          font-size: 0.95rem; } }
    .product-list.grid-small .product-item__wrapper {
      width: 100%;
      font-size: 10.8pt;
      font-size: 0.9rem; }
      @media screen and (min-width: 360px) {
        .product-list.grid-small .product-item__wrapper {
          width: 50%; } }
      @media screen and (min-width: 1024px) {
        .product-list.grid-small .product-item__wrapper {
          width: 33.33%; } }
    .product-list.list-view .product-item__wrapper {
      width: 100%;
      height: auto !important;
      padding-left: 15px;
      padding-right: 15px; }
      .product-list.list-view .product-item__wrapper:after {
        content: '';
        display: table;
        clear: both; }
    .product-list.slider-view .product-item__wrapper {
      width: 100%;
      margin-bottom: 0; }
  .product-item {
    position: relative;
    background-color: white; }
    .product-list.list-view .product-item {
      padding-top: 15px;
      padding-bottom: 30px;
      border-bottom: 1px solid #d9d9d9;
      overflow: hidden;
      text-align: left; }
      @media screen and (min-width: 768px) {
        .product-list.list-view .product-item {
          padding-top: 10px;
          padding-bottom: 10px; } }
  .product-item__figure {
    width: 100%;
    position: relative;
    padding: 5px; }
    .product-list.grid-view .product-item__figure {
      margin-bottom: 0.5em; }
    @media screen and (min-width: 768px) {
      .product-list.list-view .product-item__figure {
        width: 70%; } }
    .product-item--square .product-item__figure {
      margin-bottom: 0; }
  .product-item__main-image {
    height: auto;
    display: block;
    position: relative;
    overflow: hidden;
    background-color: white;
    border-bottom: 1px solid #d9d9d9; }
    .product-list.grid-view .product-item__main-image {
      margin-bottom: 0; }
    .product-list.list-view .product-item__main-image {
      width: 40%;
      height: auto !important;
      float: left; }
    .product-item__main-image.loaded img {
      opacity: 1;
      visibility: visible; }
    .product-item__main-image img,
    .product-item__main-image img.img-centrada {
      width: 100%;
      height: auto;
      display: block;
      margin: 0 auto;
      opacity: 0;
      -webkit-transition: opacity 0.2s;
      -o-transition: opacity 0.2s;
      transition: opacity 0.2s; }
      @media screen and (min-width: 480px) {
        .product-list.list-view .product-item__main-image img, .product-list.list-view
        .product-item__main-image img.img-centrada {
          top: 0 !important; } }
  .product-item__secondary-image {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 5px;
    background-color: rgba(43, 159, 215, 0);
    opacity: 0;
    -webkit-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    transition: opacity 0.2s; }
    .product-item:hover .product-item__secondary-image {
      opacity: 1; }
    .product-list.list-view .product-item__secondary-image {
      opacity: 0; }
  .product-list.list-view .product-item-summary {
    font-size: 0.8em; }
    @media screen and (min-width: 480px) {
      .product-list.list-view .product-item-summary {
        display: block; } }
  .product-item__form {
    display: none; }
  .product-item__caption {
    padding: 10px 5px 10px 5px; }
    .product-list.grid-view .product-item__caption {
      margin: 0.50em 0.70em 0.50em 0.70em; }
    .product-list.list-view .product-item__caption {
      width: 60%;
      float: left;
      padding-left: 15px;
      padding-right: 0px;
      text-align: left; }
      @media screen and (min-width: 768px) {
        .product-list.list-view .product-item__caption {
          padding-left: 15px;
          padding-right: 30px; } }
  .product-item__name {
    padding-bottom: 10px;
    margin-bottom: 10px;
    font-family: "Raleway", normal;
    font-size: 1.5em;
    font-weight: 700;
    line-height: 1.4;
    text-align: left;
    text-transform: capitalize; }
    .product-item__name:after {
      content: '';
      width: 30px;
      height: 2px;
      position: absolute;
      bottom: 0;
      left: 0;
      background-color: #80B74A;
      -webkit-transition: all ease .5s;
      -o-transition: all ease .5s;
      transition: all ease .5s; }
    .product-list.grid-view .product-item__name {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column; }
    .product-list.list-view .product-item__name {
      font-weight: 700; }
    .product-item__name-new {
      display: none;
      color: #1f74bf; }
      .product-item .flag.new ~ .product-item__caption .product-item__name-new {
        display: inline-block; }
    .product-item__name a {
      color: #0179A0;
      -webkit-transition: opacity 0.2s;
      -o-transition: opacity 0.2s;
      transition: opacity 0.2s; }
      .product-item__name a:hover {
        text-decoration: none;
        opacity: 0.7; }
  .product-item__sku {
    font-size: 0.75em;
    color: #80B74A; }
    .product-list.list-view .product-item__sku {
      display: block;
      padding-top: 0.5em;
      padding-bottom: 0.5em; }
      @media screen and (min-width: 768px) {
        .product-list.list-view .product-item__sku {
          border-bottom: 1px solid #2B9FD7;
          margin-bottom: 1em; } }
  .product-list.grid-view .product-item__stock {
    display: none; }
  .product-list.list-view .product-item__stock {
    display: block;
    color: #2B9FD7; }
    @media screen and (min-width: 768px) {
      .product-list.list-view .product-item__stock {
        margin-bottom: 1.5em; } }
  .product-item__label {
    font-family: "HelveticaNeueLTW05", sans-serif;
    font-size: 1.2em;
    font-weight: 700; }
  .product-item__cta {
    z-index: 10;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
  .product-item__skus {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-left: 0px;
    padding-right: 0px;
    opacity: 0;
    -webkit-transition: opacity 0.2s 0.5s;
    -o-transition: opacity 0.2s 0.5s;
    transition: opacity 0.2s 0.5s; }
    @media screen and (min-width: 768px) {
      .product-item__skus {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; } }
    .product-item__skus.checked {
      opacity: 1; }
    .product-list.grid-large .product-item__skus {
      font-size: 0.7em; }
    .product-list.slider-view .product-item__skus,
    .product-list.grid-small .product-item__skus {
      font-size: 0.725em; }
  .product-item__size {
    width: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    margin-top: 0.75em; }
    @media screen and (min-width: 768px) {
      .product-item__size {
        margin-top: 0; } }
    @media screen and (max-width: 767px) {
      .is-show-colors .product-item__size {
        display: none; } }
    .product-item__size:hover .size-wrapper, .product-item__size.active .size-wrapper {
      height: auto;
      padding-top: 7px;
      padding-bottom: 32px; }
    .product-item__size select {
      border-radius: 0;
      -webkit-appearance: none;
      -webkit-border-radius: 0px;
      text-align: center;
      padding-left: calc(50% - 24px); }
  .product-item .size {
    display: none;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0.25em;
    padding-right: 0.25em;
    margin-left: auto;
    margin-right: auto;
    font-family: "Raleway", normal;
    font-size: 1.15em;
    text-transform: uppercase;
    color: #2B9FD7;
    -webkit-appearance: none;
    -moz-appearance: none; }
    .product-item .size::-ms-expand {
      display: none; }
    .product-item .size:focus {
      background-image: url(https://vicom.mx/demos/germantec/arquivos/images_icons_up.png); }
    .product-item .size.active {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
  .product-item .sku-pi {
    width: 2.5em;
    height: 2.5em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid currentColor;
    border-radius: 50%;
    margin: auto 2% 5px;
    color: #2B9FD7;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    cursor: pointer; }
    .product-item .sku-pi:hover, .product-item .sku-pi.active, .product-item .sku-pi.is-selected {
      color: white;
      background: #2B9FD7; }
    .product-item .sku-pi.disabled {
      border: none;
      color: white;
      background-color: #e7e7e7;
      pointer-events: none; }
  .product-item__colors-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 0em;
    margin-bottom: 1em; }
  .product-item__colors {
    min-width: auto;
    height: 1.5em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    z-index: 100;
    overflow: hidden;
    background-color: white; }
  .is-show-colors .product-item__colors {
    position: relative;
    height: auto;
    padding-top: 0.6em;
    padding-bottom: 0.6em;
    overflow: visible;
    -webkit-transform: translateY(-0.6em);
    -ms-transform: translateY(-0.6em);
    transform: translateY(-0.6em); }
    @media screen and (min-width: 768px) {
      .is-show-colors .product-item__colors {
        -webkit-transform: translateY(calc(50% - 1.6em));
        -ms-transform: translateY(calc(50% - 1.6em));
        transform: translateY(calc(50% - 1.6em)); } }
  .product-item__color {
    width: 1.5em;
    height: 1.5em;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0.6em;
    margin-right: 0.3em;
    text-indent: -9999999px;
    background-image: url(https://vicom.mx/demos/germantec/arquivos/Color-Sin-Color.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    cursor: pointer;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s; }
    .product-item__color:hover {
      border-color: transparent; }
    .product-item__color.active {
      border-color: transparent; }
    .product-item__color-more {
      -ms-flex-negative: 0;
      flex-shrink: 0;
      -ms-flex-preferred-size: 5.25em;
      flex-basis: 5.25em;
      display: none;
      position: relative;
      z-index: 150;
      border-radius: 50%;
      margin-left: 0.6em;
      font-size: 0.82em;
      color: #666666;
      cursor: pointer; }
      .more .product-item__color-more {
        display: block; }
      .is-show-colors .product-item__color-more {
        background-image: url(https://vicom.mx/demos/germantec/arquivos/images_icons_collapse.png); }
  .product-item__action {
    bottom: 3px;
    left: 0;
    position: absolute;
    padding: 0 3px;
    display: none;
    width: 100%; }
    .product-item__action:hover {
      display: block; }
    .product-list.grid-view .product-item__action {
      margin-left: 0px;
      margin-right: 0px;
      text-align: center; }
    @media screen and (min-width: 768px) {
      .product-list.grid-large .product-item__action {
        width: 96%; } }
    .product-list.list-view .product-item__action {
      padding-top: 15px;
      clear: both;
      text-align: center; }
      @media screen and (max-width: 767px) {
        .product-list.list-view .product-item__action {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: justify;
          -ms-flex-pack: justify;
          justify-content: space-between; } }
      @media screen and (min-width: 480px) {
        .product-list.list-view .product-item__action {
          width: 30%;
          float: right;
          clear: none;
          text-align: left; } }
    .product-item__action > .js-buy-plp,
    .product-item__action > .js-buy-pdp {
      width: 100%;
      padding-left: 0.25em;
      padding-right: 0.25em;
      font-size: 0.8em;
      line-height: 1;
      border-radius: inherit;
      text-transform: uppercase; }
      .product-list.grid-view .product-item__action > .js-buy-plp:last-child, .product-list.grid-view
      .product-item__action > .js-buy-pdp:last-child {
        margin-bottom: 0; }
      .product-list.list-view .product-item__action > .js-buy-plp, .product-list.list-view
      .product-item__action > .js-buy-pdp {
        display: inline-block; }
        @media screen and (min-width: 768px) {
          .product-list.list-view .product-item__action > .js-buy-plp, .product-list.list-view
          .product-item__action > .js-buy-pdp {
            width: auto !important; } }
    .product-item__action .js-buy-pdp {
      padding-top: 1em;
      padding-bottom: 1em;
      padding-left: 1em;
      padding-right: 1em;
      margin-top: 1em;
      border-top: 1px solid #acacac;
      display: none;
      color: #80B74A; }
    .product-item__action svg {
      width: 1em;
      height: 1em;
      vertical-align: middle;
      -webkit-transform: translateY(-3px);
      -ms-transform: translateY(-3px);
      transform: translateY(-3px); }
  .product-item__action--trigger {
    width: 2em;
    height: 2em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 50%;
    border-radius: 50%;
    margin-top: 100%;
    background-color: #80B74A;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
    .product-item__action--trigger svg {
      width: 1.1em;
      height: 1.1em;
      color: white; }
  .product-item__summary {
    line-height: 1.5;
    margin-bottom: 5% !important;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical; }
  .product-item__price {
    text-align: left;
    margin: 0 15px 10px 15px !important; }
    .product-list.grid-view .product-item__price {
      padding-left: 0px;
      padding-right: 0px;
      margin-bottom: 0.5em; }
      @media screen and (min-width: 1920px) {
        .product-list.grid-view .product-item__price {
          min-height: 0; } }
    .product-list.list-view .product-item__price {
      width: 60%;
      float: right;
      padding-left: 15px;
      padding-right: 0px;
      border-top: none;
      margin-top: 15px;
      margin-bottom: 0px; }
      @media screen and (min-width: 768px) {
        .product-list.list-view .product-item__price {
          width: 30%;
          padding-left: 0px;
          padding-right: 15px;
          margin-top: 0px;
          margin-bottom: 15px; } }
    .product-item__price .price-old,
    .product-item__price .price-new {
      font-weight: 400; }
    .product-item__price .price-old {
      position: relative;
      font-size: 1.2em;
      color: #666666; }
      .product-item__price .price-old:after {
        content: '';
        width: 100%;
        height: 1px;
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        padding: inherit;
        background-color: currentColor; }
    .product-item__price .price-new {
      font-family: "Raleway", normal;
      font-size: 1.2em;
      color: #666666; }
      .product-item__price .price-new.price-promo {
        margin-left: 0.25em;
        color: #cc0000; }
    .product-item__price .out-stock {
      font-size: 1.2em;
      font-weight: 700;
      color: #2B9FD7; }
    .product-item__price .button-lineal {
      width: 100%;
      border-radius: 0; }
  .product-item__tax-message {
    position: absolute;
    left: 15px;
    bottom: 40px;
    font-size: .9rem;
    line-height: 1.5; }
    .product-item__tax-message .tooltip {
      position: absolute;
      left: 0;
      bottom: 105%;
      background: white;
      -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);
      box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);
      width: 165px;
      padding: 5px;
      font-size: .75rem;
      opacity: 0;
      visibility: hidden;
      -webkit-transition: all .3s;
      -o-transition: all .3s;
      transition: all .3s; }
    .product-item__tax-message:hover .tooltip {
      opacity: 1;
      visibility: visible; }
  .product-item__box {
    margin-bottom: 5px; }
  .product-item__cta {
    display: block; }
  .product-item__quick-view {
    width: 100%;
    display: none;
    position: absolute;
    z-index: 50;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.9);
    opacity: 0;
    -webkit-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    transition: opacity 0.2s; }
    .product-item:hover .product-item__quick-view {
      opacity: 1; }
    .product-list.grid-view .product-item__quick-view {
      top: 70%;
      left: 0; }
    .product-item__quick-view__trigger {
      padding-top: 1em;
      padding-bottom: 1em;
      font-family: "Raleway", normal;
      font-weight: 700;
      text-transform: uppercase;
      color: #80B74A;
      width: 100%; }
    .product-item__quick-view .svg-icon {
      width: 1.25em;
      height: 1.25em;
      display: none;
      border-radius: 50%;
      font-size: 1.25em;
      color: #80B74A;
      cursor: pointer; }
      .product-item__quick-view .svg-icon:before {
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        padding: inherit;
        font-size: 1.2em; }
  .product-item__wishlist {
    display: none;
    position: absolute;
    z-index: 50;
    opacity: 0; }
    .product-item:hover .product-item__wishlist {
      opacity: 1; }
    .product-list.grid-view .product-item__wishlist {
      top: 15px;
      right: 15px;
      -webkit-transform: translate(0, 0.5em);
      -ms-transform: translate(0, 0.5em);
      transform: translate(0, 0.5em); }
    body.wishlist .product-item__wishlist {
      display: none; }
    .product-item__wishlist__trigger {
      display: block; }
      .product-item__wishlist__trigger.active svg {
        color: #cc0000; }
    .product-item__wishlist .svg-icon-wishlist {
      display: block;
      width: 1em;
      height: 1em;
      font-size: 1.25em;
      cursor: pointer;
      stroke-width: 2;
      color: #acacac; }
  .product-item__flags {
    position: absolute;
    height: 1.5em; }
    @media screen and (min-width: 768px) {
      .product-list.grid-large .product-item__flags {
        height: 0; } }
    @media screen and (min-width: 1024px) {
      .product-list.slider-view .product-item__flags,
      .product-list.grid-small .product-item__flags {
        height: 0; } }
  .flag {
    display: none;
    left: 2%;
    position: absolute;
    margin-bottom: 0;
    font-size: 1em;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 1; }
    .flag:nth-child(1) {
      top: 10px; }
    .flag:nth-child(2) {
      top: 35px; }
    .flag:nth-child(3) {
      top: 60px; }
    .flag:nth-child(4) {
      top: 85px; }
  .flag[class*="nuevo"],
  .flag[class*="new"] {
    display: inline-block;
    font-size: 10.8pt;
    font-size: 0.9rem;
    font-family: "Raleway", normal;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 1;
    padding: .35em .5em 0;
    color: #80B74A;
    border: 1px solid #80B74A; }
  .flag[class*="20"] {
    display: none;
    text-transform: uppercase;
    line-height: 0;
    font-size: 0;
    color: #0179A0;
    border: 1px solid #0179A0; }
    .flag[class*="20"]:after {
      content: '-20%';
      font-family: "Raleway", normal;
      font-weight: 700;
      display: inline-block;
      padding: .25em .5em .1em;
      font-size: 10.8pt;
      font-size: 0.9rem;
      line-height: 1; }

[class*="products-slider__wrapper"] {
  margin-top: 1em;
  opacity: 1;
  -webkit-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s; }
  [class*="products-slider__wrapper"].has-tabs .prateleira.vitrine > h2 {
    display: block; }
  [class*="products-slider__wrapper"].has-tabs .slider-view {
    width: 100%;
    position: absolute;
    top: 0;
    opacity: 0;
    z-index: -30;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: opacity 0.2s, -webkit-transform 0.2s ease-in;
    transition: opacity 0.2s, -webkit-transform 0.2s ease-in;
    -o-transition: opacity 0.2s, transform 0.2s ease-in;
    transition: opacity 0.2s, transform 0.2s ease-in;
    transition: opacity 0.2s, transform 0.2s ease-in, -webkit-transform 0.2s ease-in; }
    [class*="products-slider__wrapper"].has-tabs .slider-view.is-active {
      height: auto;
      position: relative;
      opacity: 1;
      z-index: 1;
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0); }
  [class*="products-slider__wrapper"] .prateleira.vitrine > h2 {
    color: black;
    padding-bottom: 35px;
    text-transform: capitalize; }

@media screen and (min-width: 768px) {
  .products-slider__wrapper--home {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; } }

.products-slider__wrapper--home .products-slider__title {
  display: none;
  -ms-flex-preferred-size: 30%;
  flex-basis: 30%; }
  @media screen and (min-width: 768px) {
    .products-slider__wrapper--home .products-slider__title {
      display: block; } }

@media screen and (min-width: 768px) {
  .products-slider__wrapper--home .tag-other-products {
    text-align: left; } }

.products-slider__wrapper--home .products-slider__container {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  margin-left: auto; }

@media screen and (min-width: 768px) {
  .products-slider__wrapper--home .prateleira.vitrine > h2 {
    display: block; } }

.products-slider__wrapper--home .product-item__name {
  text-align: center; }
  .products-slider__wrapper--home .product-item__name:after {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%); }

.products-slider__wrapper--home .product-item__summary {
  text-align: center; }

.products-slider__wrapper--home .product-item__wrapper {
  width: 33%; }

.products-slider__nav {
  margin-bottom: 2em;
  font-size: 12pt;
  font-size: 1rem;
  text-align: center; }
  .products-slider__nav-item {
    display: inline-block;
    padding-top: 0.75em;
    padding-bottom: 0.5em;
    padding-left: 1em;
    padding-right: 1em;
    font-family: "Raleway", normal;
    font-size: 1.2em;
    font-weight: 700;
    text-transform: uppercase;
    color: #2B9FD7;
    cursor: pointer; }
    @media screen and (min-width: 768px) {
      .products-slider__nav-item {
        padding-left: 2.5em;
        padding-right: 2.5em; } }
    .products-slider__nav-item.is-active {
      color: white;
      background-color: #2B9FD7; }

.products-slider__container {
  position: relative;
  overflow: hidden; }
  .products-slider__container .title {
    text-align: center;
    font-size: 2rem;
    font-weight: 600;
    color: #2baae2;
    text-transform: uppercase;
    margin-top: 40px; }

/*--------------------Banner Board--------------------*/
.one-board {
  position: relative;
  padding: 0;
  margin-bottom: 50px; }
  @media screen and (min-width: 768px) {
    .one-board {
      margin-top: 0; } }
  .one-board__summary {
    bottom: 2em;
    left: 2em;
    color: black; }
    @media screen and (min-width: 1024px) {
      .one-board__summary {
        color: white;
        position: absolute; } }

.quinary-board {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .quinary-board__links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    @media screen and (min-width: 768px) {
      .quinary-board__links {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start; } }
  .quinary-board .button-lineal {
    font-size: 9.6pt;
    font-size: 0.8rem;
    margin-top: 15px;
    margin-left: 3px;
    margin-right: 3px; }
    @media screen and (min-width: 768px) {
      .quinary-board .button-lineal {
        font-size: 10.8pt;
        font-size: 0.9rem;
        margin-left: 0px;
        margin-right: 10px; } }

.twin-board {
  padding: 0 0 50px 0;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  @media screen and (max-width: 1023px) {
    .twin-board {
      padding: 0 0 0 0; } }
  .twin-board__item {
    width: 100%;
    position: relative;
    overflow: hidden; }
    @media screen and (min-width: 1024px) {
      .twin-board__item {
        width: 50%; } }
    .twin-board__item:nth-child(odd) {
      background-color: #0090d6; }
    .twin-board__item:nth-child(even) {
      background-color: #6e6e6e; }
  .twin-board__wrapper-left, .twin-board__wrapper-right {
    position: absolute;
    bottom: 0;
    -webkit-transform: translate(0, 50%);
    -ms-transform: translate(0, 50%);
    transform: translate(0, 50%);
    height: 100%;
    width: 100%;
    padding: 1rem; }
    @media screen and (min-width: 1024px) {
      .twin-board__wrapper-left, .twin-board__wrapper-right {
        top: 50%;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%); } }
  .twin-board__summary-left, .twin-board__summary-right {
    height: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 25px 14px;
    color: white;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end; }
    @media screen and (min-width: 1024px) {
      .twin-board__summary-left, .twin-board__summary-right {
        padding: 14px; } }
    .twin-board__summary-left .tag-title--level-2, .twin-board__summary-right .tag-title--level-2 {
      text-align: center; }
      .twin-board__summary-left .tag-title--level-2 .tag-title--level-3, .twin-board__summary-left .tag-title--level-2 [class*="products-slider__wrapper"] .prateleira.vitrine > h2, [class*="products-slider__wrapper"] .twin-board__summary-left .tag-title--level-2 .prateleira.vitrine > h2, .twin-board__summary-right .tag-title--level-2 .tag-title--level-3, .twin-board__summary-right .tag-title--level-2 [class*="products-slider__wrapper"] .prateleira.vitrine > h2, [class*="products-slider__wrapper"] .twin-board__summary-right .tag-title--level-2 .prateleira.vitrine > h2 {
        padding-bottom: 15px !important; }
    .twin-board__summary-left .button-lineal, .twin-board__summary-right .button-lineal {
      border-radius: 10px !important; }
      .twin-board__summary-left .button-lineal:hover, .twin-board__summary-right .button-lineal:hover {
        background-color: white;
        border-color: white;
        color: black !important; }
      .twin-board__summary-left .button-lineal span, .twin-board__summary-right .button-lineal span {
        letter-spacing: 1.6; }
    @media screen and (min-width: 1024px) {
      .twin-board__summary-left, .twin-board__summary-right {
        height: 100%; } }
  .twin-board__wrapper-right {
    right: 0; }
    @media screen and (min-width: 1024px) {
      .twin-board__wrapper-right {
        right: 1em; } }
  .twin-board__wrapper-left {
    left: 0; }
    @media screen and (min-width: 1024px) {
      .twin-board__wrapper-left {
        right: 1em; } }
  .twin-board .arrow-left,
  .twin-board .arrow-right {
    border-top: 100px solid transparent;
    border-bottom: 100px solid transparent;
    color: #2B9FD7;
    position: absolute;
    bottom: 0;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0); }
    @media screen and (min-width: 768px) {
      .twin-board .arrow-left,
      .twin-board .arrow-right {
        border-top: 227px solid transparent;
        border-bottom: 245px solid transparent; } }
    @media screen and (min-width: 1024px) {
      .twin-board .arrow-left,
      .twin-board .arrow-right {
        border-top: 375px solid transparent;
        border-bottom: 375px solid transparent;
        top: 50%;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%); } }
  @media screen and (min-width: 768px) {
    .twin-board .arrow-left {
      border-left: 50px solid;
      left: 14.4em;
      border-left: 100px solid; } }
  @media screen and (min-width: 1024px) {
    .twin-board .arrow-left {
      left: 10em; } }
  @media screen and (min-width: 1440px) {
    .twin-board .arrow-left {
      left: 11em; } }
  @media screen and (min-width: 1920px) {
    .twin-board .arrow-left {
      left: 14em; } }
  .twin-board .arrow-right {
    right: 0; }
    @media screen and (min-width: 768px) {
      .twin-board .arrow-right {
        border-right: 50px solid;
        right: 14.4em;
        border-right: 100px solid; } }
    @media screen and (min-width: 1024px) {
      .twin-board .arrow-right {
        right: 11em; } }
    @media screen and (min-width: 1280px) {
      .twin-board .arrow-right {
        right: 13em; } }
    @media screen and (min-width: 1440px) {
      .twin-board .arrow-right {
        right: 12em; } }
    @media screen and (min-width: 1920px) {
      .twin-board .arrow-right {
        right: 15em; } }
  .twin-board .slick-dots {
    margin: 15px auto; }
  .twin-board__summary, .twin-board__picture {
    padding: 0 10px; }
  .twin-board__summary {
    width: 100%; }
    @media screen and (max-width: 767px) {
      .twin-board__summary {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2; } }
    @media screen and (min-width: 768px) {
      .twin-board__summary {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        width: 50%;
        margin-bottom: 0; } }
    @media screen and (min-width: 768px) {
      .twin-board--inverted .twin-board__summary {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2; } }
    .twin-board__summary--paragraph {
      width: 350px;
      height: 350px;
      border-radius: 40% 40% 0 40%;
      background-color: rgba(242, 242, 242, 0.8);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
  @media screen and (min-width: 768px) {
    .twin-board__picture {
      width: 50%; } }
  .twin-board .tag-title--level-3, .twin-board [class*="products-slider__wrapper"] .prateleira.vitrine > h2, [class*="products-slider__wrapper"] .twin-board .prateleira.vitrine > h2 {
    padding-bottom: 15px;
    font-size: 1.5em;
    text-transform: uppercase; }
  .twin-board .tag-title, .twin-board .tag-title--level-1 {
    font-size: 4.5em; }
    @media screen and (min-width: 1440px) {
      .twin-board .tag-title, .twin-board .tag-title--level-1 {
        font-size: 5.5em; } }

.triplets-board {
  color: black;
  margin-bottom: 50px; }
  @media screen and (max-width: 768px) {
    .triplets-board {
      margin-bottom: 0; } }
  @media screen and (min-width: 1024px) {
    .triplets-board .slick-track {
      width: 100% !important; } }
  @media screen and (min-width: 1024px) {
    .triplets-board {
      color: white; } }
  .triplets-board__item {
    position: relative;
    padding: 0; }
    .triplets-board__item:nth-child(1), .triplets-board__item:nth-child(2), .triplets-board__item:nth-child(3) {
      display: block;
      margin: 0; }
    @media screen and (min-width: 1024px) {
      .triplets-board__item:nth-child(1), .triplets-board__item:nth-child(2), .triplets-board__item:nth-child(3) {
        width: 100% !important; }
      .triplets-board__item:nth-child(1) {
        padding-right: 10px; }
      .triplets-board__item:nth-child(2) {
        padding: 0 5px; }
      .triplets-board__item:nth-child(3) {
        padding-left: 10px; } }
  .triplets-board .tag-copy {
    text-align: left;
    padding-bottom: 15px; }
  .triplets-board__summary {
    padding: 5px 5px 0; }
    @media screen and (min-width: 1024px) {
      .triplets-board__summary {
        padding: 30px 5px;
        bottom: 0em;
        left: 2em;
        position: absolute; } }
  .triplets-board #sliderRecomendados .slick-dots {
    margin-top: 0; }

.quinary-board__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 50%;
  min-height: 200px;
  -webkit-transition: .25s ease-in;
  -o-transition: .25s ease-in;
  transition: .25s ease-in; }
  .quinary-board__item:hover {
    background-color: #80B74A;
    opacity: 0.8;
    text-decoration: none; }
  .quinary-board__item:nth-child(5) {
    width: 100%; }
  @media screen and (min-width: 1024px) {
    .quinary-board__item {
      border-right: 2px solid #0181aa;
      width: 20%; }
      .quinary-board__item:nth-child(5) {
        width: 20%;
        border-right: none; } }

.quinary-board .svg-icon {
  width: 2em;
  height: 2em;
  margin-bottom: 20px;
  color: #f2f2f2; }

.quinary-board__summary {
  font-size: 1.1em;
  font-weight: 700;
  text-transform: uppercase;
  color: #f2f2f2; }

.offert-board {
  padding: 0px 0 30px 0; }
  @media screen and (min-width: 768px) {
    .offert-board {
      padding: 80px 0 30px 0; } }
  @media screen and (min-width: 1024px) {
    .offert-board {
      padding: 80px 0 30px 0; } }
  @media screen and (min-width: 1280px) {
    .offert-board {
      padding: 80px 0 40px 0; } }
  @media screen and (min-width: 1440px) {
    .offert-board {
      padding: 80px 0; } }
  .offert-board .twin-board {
    position: relative;
    min-height: 300px; }
    @media screen and (min-width: 1024px) {
      .offert-board .twin-board {
        min-height: 400px; } }
    @media screen and (min-width: 1280px) {
      .offert-board .twin-board {
        min-height: 500px; } }
    @media screen and (min-width: 1920px) {
      .offert-board .twin-board {
        min-height: 700px; } }
  .offert-board .twin-board__picture {
    position: absolute;
    right: 0;
    top: 13.5em; }
    @media screen and (min-width: 768px) {
      .offert-board .twin-board__picture {
        top: 6.5em; } }
    @media screen and (min-width: 1024px) {
      .offert-board .twin-board__picture {
        right: 7em;
        top: 6em;
        width: 50%; } }
    @media screen and (min-width: 1280px) {
      .offert-board .twin-board__picture {
        top: 3em;
        right: 10em;
        width: 45%; } }
    @media screen and (min-width: 1440px) {
      .offert-board .twin-board__picture {
        right: 13em;
        width: 40%; } }
    @media screen and (min-width: 1920px) {
      .offert-board .twin-board__picture {
        top: 5em; } }
  .offert-board .twin-board__back-picture {
    width: 600px;
    height: 600px;
    background-image: url("https://vicom.mx/demos/germantec/arquivos/images-offert_robot.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    right: 18%;
    top: 11.5em;
    -webkit-animation-name: animate;
    /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 4s;
    /* Safari 4.0 - 8.0 */
    animation-name: animate;
    animation-duration: 4s;
    /* Safari 4.0 - 8.0 */
    /* Standard syntax */ }

@-webkit-keyframes animate {
  0% {
    left: 18%;
    top: 11.5em;
    width: 800px;
    height: 800px; }
  100% {
    left: 70%;
    top: 90%; } }

@keyframes animate {
  0% {
    left: 18%;
    top: 11.5em;
    width: 800px;
    height: 800px; }
  100% {
    left: 70%;
    top: 90%; } }

.services {
  padding: 100px 0; }
  .services__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 100px;
    padding-bottom: 100px;
    color: #f2f2f2; }
    .services__item:first-child {
      background-color: #80B74A; }
    .services__item:last-child {
      background-color: #0179A0; }
    .services__item .svg-icon {
      width: 3em;
      height: 3em;
      margin-bottom: 10px;
      color: #f2f2f2; }
    .services__item:hover {
      color: #80B74A;
      background-color: #f2f2f2;
      text-decoration: none; }
      .services__item:hover .svg-icon {
        color: #80B74A; }

.trend {
  padding-top: 50px;
  background-color: #f2f2f2; }
  .trend__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0 50px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .trend__summary {
    text-align: center; }
    .trend__summary .tag-copy {
      text-align: center;
      padding-bottom: 15px; }
  .trend .tag-title--level-2:after {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%); }
  @media screen and (min-width: 768px) {
    .trend {
      background-color: transparent; }
      .trend__summary {
        text-align: left; }
        .trend__summary .tag-copy {
          text-align: left; }
      .trend .tag-title--level-2:after {
        left: 0;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0); } }

#slidermain .twin-board {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  #slidermain .twin-board__item {
    width: 100%; }
    @media screen and (min-width: 768px) {
      #slidermain .twin-board__item {
        width: 50%; } }

/*--------------------Social Pictures--------------------*/
.lifestyle__wrapper {
  padding-top: 0px;
  padding-bottom: 30px; }

.lifestyle__title {
  font-weight: 700;
  text-align: center;
  color: #2B9FD7; }

.lifestyle__item {
  padding-left: 15px;
  padding-right: 15px; }

/*--------------------Slick Slider--------------------*/
.slick-slider {
  position: relative; }

.slick-vertical .slick-list {
  overflow: hidden; }

.slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .vertical .product-detail__thumbnails .slick-track {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: auto;
    margin-right: auto; }
  .product-list .slick-track {
    padding-bottom: 15px; }

.slick-slide {
  float: right;
  cursor: pointer; }
  .vertical .product-detail__thumbnails-wrapper .slick-slide.slick-current {
    position: relative;
    z-index: 50000; }

.slick-arrow {
  width: 30px;
  height: 30px;
  position: absolute;
  z-index: 1;
  font-size: 0;
  color: #f2f2f2;
  background-color: initial;
  background-repeat: no-repeat;
  opacity: 1;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  cursor: pointer; }
  .slick-slider:not(.slick-vertical) .slick-arrow {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
  .slick-vertical .slick-arrow {
    left: 50%; }
  .vertical .product-detail__thumbnails-wrapper .slick-arrow {
    width: 15px;
    height: 15px;
    display: none; }
    @media screen and (min-width: 480px) {
      .vertical .product-detail__thumbnails-wrapper .slick-arrow {
        display: block; } }
  .slick-slider:not(.slick-vertical) .slick-arrow.slick-prev {
    left: 15px; }
  .slick-vertical .slick-arrow.slick-prev {
    top: 0;
    -webkit-transform: translate(-50%, -100%);
    -ms-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%); }
  .slick-slider:not(.slick-vertical) .slick-arrow.slick-next {
    right: 15px; }
  .slick-vertical .slick-arrow.slick-next {
    bottom: 0;
    -webkit-transform: translate(-50%, 100%);
    -ms-transform: translate(-50%, 100%);
    transform: translate(-50%, 100%); }
  .slick-arrow:hover {
    opacity: 1; }
  .slick-arrow:before {
    position: absolute;
    font-family: "germantec";
    font-size: 36pt;
    font-size: 3rem; }
    .slick-slider:not(.slick-vertical) .slick-arrow:before {
      font-size: 36pt;
      font-size: 3rem; }
    .slick-vertical .slick-arrow:before {
      font-size: 24pt;
      font-size: 2rem; }
    .vertical .product-detail__thumbnails-wrapper .slick-arrow:before {
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
  .slick-slider:not(.slick-vertical) .slick-arrow.slick-prev:before {
    left: 35%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
  .slick-slider:not(.slick-vertical) .slick-arrow.slick-next:before {
    right: 35%;
    -webkit-transform: translate(50%, -50%);
    -ms-transform: translate(50%, -50%);
    transform: translate(50%, -50%); }
  .slick-arrow svg {
    width: 40px;
    height: 40px; }
  .slick-arrow .svg-icon-arrow-right,
  .slick-arrow .svg-icon-arrow-left {
    color: white; }
  .slick-arrow .svg-icon-arrow-right-2,
  .slick-arrow .svg-icon-arrow-left-2 {
    color: black; }

.slick-dots {
  margin-top: 1em;
  text-align: center;
  margin-bottom: 1em; }
  .slick-dots li {
    display: inline-block;
    margin-right: 15px; }
    .slick-dots li:last-child {
      margin-right: 0; }
    .slick-dots li.slick-active button {
      background-color: #2B9FD7; }
  .slick-dots button {
    width: 5px;
    height: 5px;
    display: block;
    border-radius: 50%;
    font-size: 0;
    background-color: #e7e7e7;
    cursor: pointer; }
  #home-novedades .slick-dots,
  #home-promociones .slick-dots {
    width: 100%;
    margin-top: 0;
    position: relative;
    bottom: -1rem; }
    #home-novedades .slick-dots button,
    #home-promociones .slick-dots button {
      width: 10px;
      height: 10px; }

/*--------------------Miscellaneous--------------------*/
[class*="grid-board__list"]:not(.slick-initialized) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

[class*="grid-board__list"].slick-dotted {
  padding-bottom: 2em; }

.grid-board__list:not(.slick-initialized) {
  margin-top: 2em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -5px;
  margin-right: -5px; }
  @media screen and (min-width: 360px) {
    .grid-board__list:not(.slick-initialized) {
      margin-left: -5px;
      margin-right: -5px; } }
  @media screen and (min-width: 1024px) {
    .grid-board__list:not(.slick-initialized) {
      margin-left: -5px;
      margin-right: -5px; } }
  .grid-board__item {
    width: 100%;
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 10px; }
    @media screen and (min-width: 360px) {
      .grid-board__item {
        width: 50%;
        padding-left: 5px;
        padding-right: 5px;
        margin-bottom: 10px; } }
    @media screen and (min-width: 1024px) {
      .grid-board__item {
        width: 33.33333%;
        padding-left: 5px;
        padding-right: 5px;
        margin-bottom: 10px; } }

.grid-board__list--categories {
  margin-top: 2.5em;
  margin-bottom: 2em; }

.grid-board__item {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1; }
  @media screen and (min-width: 1024px) {
    .grid-board__list--categories .grid-board__item {
      width: 16%; } }

.grid-board__summary--over, .grid-board__summary--over-center {
  width: 100%;
  position: absolute;
  z-index: 1;
  text-align: center; }

.grid-board__summary--over {
  bottom: 2em; }

.grid-board__summary--over-center {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }

.grid-board__summary--outside {
  text-align: center; }

.grid-board__summary .button-flat {
  font-size: 0.8em; }

.grid-board__title {
  font-family: "HelveticaNeueLTW05", sans-serif;
  font-size: 1.75em;
  font-weight: 700;
  text-transform: uppercase; }
  .grid-board__title small {
    display: block;
    margin-top: 1em;
    text-transform: none; }

[class*="grid-board__figure"] {
  display: block;
  position: relative;
  overflow: hidden; }
  [class*="grid-board__figure"] img {
    -webkit-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out; }
    .grid-board__item:hover [class*="grid-board__figure"] img {
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1); }

.grid-board__item:hover .grid-board__figure--to-gray img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%); }

.grid-board__lookbook-hotspots {
  position: relative;
  background-color: #fff; }

.fit-guide__modal-dialog {
  width: 75%;
  max-height: 80vh;
  overflow-y: auto; }
  @media screen and (min-width: 768px) {
    .fit-guide__modal-dialog {
      width: 500px; } }
  @media screen and (min-width: 1280px) {
    .fit-guide__modal-dialog {
      width: 525px;
      max-height: 90vh; } }

.fit-guide__poster-wrapper {
  text-align: center; }

.fit-guide__poster {
  width: auto;
  max-width: 100%;
  max-height: 70vh;
  display: inline-block; }

.fit-guide__link--modal {
  font-size: 0.8em;
  font-weight: 500;
  color: black; }
  .fit-guide__link--modal, .fit-guide__link--modal:hover, .fit-guide__link--modal:focus {
    text-decoration: underline;
    color: #2B9FD7; }

.boutiques {
  position: relative;
  z-index: 5;
  padding-top: 5%;
  padding-bottom: 5%;
  margin-top: 5%;
  margin-bottom: 15%; }

.slick-slider {
  position: relative; }
  .slick-slider .slick-arrow svg {
    width: 40px;
    height: 40px; }

.slick-slider__brand {
  -webkit-transition: .35s ease;
  -o-transition: .35s ease;
  transition: .35s ease; }
  .slick-slider__brand:hover {
    -webkit-filter: grayscale(40%);
    filter: grayscale(40%); }
  .slick-slider__brand img {
    width: 80%;
    margin: 0 auto; }
    @media screen and (min-width: 768px) {
      .slick-slider__brand img {
        width: 100%;
        margin: none; } }

.marcas__item {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  position: relative;
  overflow: hidden; }

.regular {
  width: 100%;
  margin: 20px auto; }
  @media screen and (min-width: 1024px) {
    .regular {
      padding: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; } }

.slick-list {
  position: relative;
  width: 100%;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0; }
  @media screen and (min-width: 1024px) {
    .slick-list {
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; } }

@media screen and (min-width: 1024px) {
  .slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; } }

.regular .slick-dots {
  bottom: -13px; }

#ajaxBusy {
  display: none !important;
  width: 50px;
  height: 50px;
  position: fixed;
  top: 0;
  left: 50%;
  z-index: 1000;
  border-radius: 50%;
  margin-left: -25px;
  font-size: 0;
  text-indent: -1000px;
  background: white url(https://vicom.mx/demos/germantec/arquivos/loading.gif?v=1) center center no-repeat;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }

#returnToTop {
  display: none !important; }

.buscavazia__wrapper {
  padding-top: 4em;
  padding-bottom: 3em;
  font-size: 36pt;
  font-size: 3rem;
  text-align: center;
  color: #2B9FD7; }

/*--------------------MiniCart--------------------*/
.minicart {
  height: 100%; }

.minicart__wrapper {
  width: 80%;
  height: 100%;
  position: fixed;
  top: 0;
  right: -100%;
  z-index: 2000;
  background: white;
  -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
  visibility: hidden;
  opacity: 1;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s; }
  @media screen and (min-width: 768px) {
    .minicart__wrapper {
      width: 375px; } }
  .minicart__wrapper.is-active {
    right: 0;
    opacity: 1;
    visibility: visible; }

.minicart__header {
  position: relative;
  padding-top: 1em;
  padding-bottom: 1em;
  padding-left: 15px;
  padding-right: 15px;
  background-color: #f2f2f2;
  font-family: "Raleway", normal;
  font-size: 14.4pt;
  font-size: 1.2rem;
  font-weight: 400; }
  .minicart__header span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #2B9FD7; }
    .minicart__header span .svg-icon {
      -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
      order: 2;
      width: 0.95em;
      height: 0.95em;
      margin-left: 1em; }
  .minicart__header .close-minicart {
    position: absolute;
    top: 50%;
    right: 15px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
    .minicart__header .close-minicart svg {
      width: 0.75em;
      height: 0.75em; }

.minicart__products {
  min-height: 150px;
  max-height: 100%;
  display: block;
  overflow-y: auto; }
  .minicart__products::-webkit-scrollbar {
    width: 8px;
    background-color: transparent; }
  .minicart__products::-webkit-scrollbar-track {
    border-radius: 5px;
    background-color: #f2f2f2; }
  .minicart__products::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: #8c8c8c; }
  @media screen and (min-width: 768px) {
    .minicart__products {
      max-height: none;
      height: calc(100% - 210px); } }

.minicart__footer {
  width: 100%;
  padding: 1em 10px 0;
  position: absolute;
  bottom: 0;
  left: 0;
  border-top: 1px solid #e7e7e7;
  text-align: right;
  background-color: #f2f2f2; }

.minicart__subtotals, .minicart__discount, .minicart__shipping, .minicart__taxes, .minicart__total {
  padding: 1% 10%; }

.minicart__value {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.minicart .button-wrapper {
  padding: 5%;
  border-top: 1px solid #e7e7e7;
  margin-top: 1em;
  text-align: center; }
  .minicart .button-wrapper [class*="button-"] {
    width: 100%; }

.minicart svg,
.minicart .svg-icon {
  width: 1.5em;
  height: 1.5em; }

.item-added {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  padding: 0.75em 1em;
  font-size: 1rem;
  font-weight: 300;
  overflow: hidden;
  border-bottom: 1px solid #f2f2f2; }
  .item-added:nth-child(even) {
    background-color: #f2f2f2; }
  .item-added__img {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: 100px;
    flex-basis: 100px;
    margin-right: 1em; }
    .item-added__img img {
      width: 100%;
      display: block; }
  .item-added__summary {
    padding-right: 2em;
    font-size: 0.8em; }
  .item-added__name {
    font-size: 1.3em;
    line-height: 1.2;
    color: #2B9FD7; }
  .item-added__refid {
    width: 100%;
    display: none; }
  .item-added__price, .item-added__price--selling {
    width: 100%; }
  .item-added.has-benefit .item-added__price {
    color: #e7e7e7;
    text-decoration: line-through; }
  .item-added__price--selling {
    display: none; }
    .item-added.has-benefit .item-added__price--selling {
      display: block; }
  .item-added__del {
    position: absolute;
    top: 1em;
    right: 2em;
    -webkit-transition: right 0.2s;
    -o-transition: right 0.2s;
    transition: right 0.2s; }
    .item-added:hover .item-added__del {
      right: 2em; }
    .item-added__del .remove {
      color: #666666;
      display: block;
      width: 10px;
      height: 10px;
      line-height: 10px;
      text-align: center;
      cursor: pointer;
      -webkit-transition: all .3s;
      -o-transition: all .3s;
      transition: all .3s; }
      .item-added__del .remove svg {
        width: .5em;
        height: .5em; }

/*--------------------Debug--------------------*/
body.is-overflow {
  height: 100%;
  position: absolute;
  overflow: hidden; }

/*--------------------Boxes--------------------*/
.box-reset {
  padding-left: 0 !important;
  padding-right: 0 !important; }
  .box-reset .row {
    margin-left: 0;
    margin-right: 0; }
    .box-reset .row > * {
      padding-left: 0;
      padding-right: 0; }

.box-table {
  display: table; }
  .box-table > div {
    display: table-cell;
    float: none;
    vertical-align: middle; }

.child-inline > * {
  display: inline-block;
  vertical-align: middle; }

/*--------------------Hide Elements--------------------*/
.hide {
  display: none; }

.hidden {
  display: none;
  visibility: hidden; }

@media screen and (min-width: 0) and (max-width: 359px) {
  .hidden-bs {
    display: none !important; } }

@media screen and (min-width: 0) {
  .hidden-bs-up {
    display: none !important; } }

@media screen and (max-width: 359px) {
  .hidden-bs-down {
    display: none !important; } }

@media screen and (min-width: 360px) and (max-width: 479px) {
  .hidden-xs {
    display: none !important; } }

@media screen and (min-width: 360px) {
  .hidden-xs-up {
    display: none !important; } }

@media screen and (max-width: 479px) {
  .hidden-xs-down {
    display: none !important; } }

@media screen and (min-width: 480px) and (max-width: 767px) {
  .hidden-sm {
    display: none !important; } }

@media screen and (min-width: 480px) {
  .hidden-sm-up {
    display: none !important; } }

@media screen and (max-width: 767px) {
  .hidden-sm-down {
    display: none !important; } }

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .hidden-md {
    display: none !important; } }

@media screen and (min-width: 768px) {
  .hidden-md-up {
    display: none !important; } }

@media screen and (max-width: 1023px) {
  .hidden-md-down {
    display: none !important; } }

@media screen and (min-width: 1024px) and (max-width: 1279px) {
  .hidden-lg {
    display: none !important; } }

@media screen and (min-width: 1024px) {
  .hidden-lg-up {
    display: none !important; } }

@media screen and (max-width: 1279px) {
  .hidden-lg-down {
    display: none !important; } }

@media screen and (min-width: 1280px) and (max-width: 1439px) {
  .hidden-xl {
    display: none !important; } }

@media screen and (min-width: 1280px) {
  .hidden-xl-up {
    display: none !important; } }

@media screen and (max-width: 1439px) {
  .hidden-xl-down {
    display: none !important; } }

@media screen and (min-width: 1440px) and (max-width: 1919px) {
  .hidden-xxl {
    display: none !important; } }

@media screen and (min-width: 1440px) {
  .hidden-xxl-up {
    display: none !important; } }

@media screen and (max-width: 1919px) {
  .hidden-xxl-down {
    display: none !important; } }

@media screen and (min-width: 1920px) and (max-width: 10000px) {
  .hidden-hd {
    display: none !important; } }

@media screen and (min-width: 1920px) {
  .hidden-hd-up {
    display: none !important; } }

@media screen and (max-width: 10000px) {
  .hidden-hd-down {
    display: none !important; } }

/*--------------------Padding & Margin Classes--------------------*/
/*--------------------Center--------------------*/
.absolute-center {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  padding: inherit; }

.vertical-center {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }

.horizontal-center {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%); }

.horizontal-center-auto {
  margin-left: auto;
  margin-right: auto; }

/*--------------------Generic Classes--------------------*/
*.float-left {
  float: left; }

*.float-right {
  float: right; }

*.clear-both {
  clear: both; }

*.clearfix {
  content: '';
  display: block;
  clear: both; }

*.num-font {
  font-family: "HelveticaNeueLTW05", sans-serif;
  font-weight: 300;
  white-space: nowrap; }

*.llamar {
  cursor: default; }
  *.llamar:hover {
    text-decoration: none;
    color: none; }

.content-stand {
  padding-top: 10px;
  padding-bottom: 10px;
  border: 1px dotted #d9d9d9;
  margin-bottom: 10px; }

span.mensaje {
  font-size: 18pt;
  font-size: 1.5rem;
  color: #4d4d4d; }

/*--------------------Typography--------------------*/
.font-title {
  font-family: "Raleway", normal; }

.font-body {
  font-family: "HelveticaNeueLTW05", sans-serif; }

.font-number {
  font-family: "HelveticaNeueLTW05", sans-serif; }

.font-2 {
  font-size: 2pt;
  font-size: 0.16667rem; }

.font-4 {
  font-size: 4pt;
  font-size: 0.33333rem; }

.font-6 {
  font-size: 6pt;
  font-size: 0.5rem; }

.font-8 {
  font-size: 8pt;
  font-size: 0.66667rem; }

.font-10 {
  font-size: 10pt;
  font-size: 0.83333rem; }

.font-12 {
  font-size: 12pt;
  font-size: 1rem; }

.font-14 {
  font-size: 14pt;
  font-size: 1.16667rem; }

.font-16 {
  font-size: 16pt;
  font-size: 1.33333rem; }

.font-18 {
  font-size: 18pt;
  font-size: 1.5rem; }

.font-20 {
  font-size: 20pt;
  font-size: 1.66667rem; }

.font-22 {
  font-size: 22pt;
  font-size: 1.83333rem; }

.font-24 {
  font-size: 24pt;
  font-size: 2rem; }

.font-26 {
  font-size: 26pt;
  font-size: 2.16667rem; }

.font-28 {
  font-size: 28pt;
  font-size: 2.33333rem; }

.font-30 {
  font-size: 30pt;
  font-size: 2.5rem; }

.font-32 {
  font-size: 32pt;
  font-size: 2.66667rem; }

.font-34 {
  font-size: 34pt;
  font-size: 2.83333rem; }

.font-36 {
  font-size: 36pt;
  font-size: 3rem; }

.font-38 {
  font-size: 38pt;
  font-size: 3.16667rem; }

.font-40 {
  font-size: 40pt;
  font-size: 3.33333rem; }

.font-42 {
  font-size: 42pt;
  font-size: 3.5rem; }

.font-44 {
  font-size: 44pt;
  font-size: 3.66667rem; }

.font-46 {
  font-size: 46pt;
  font-size: 3.83333rem; }

.font-48 {
  font-size: 48pt;
  font-size: 4rem; }

.font-50 {
  font-size: 50pt;
  font-size: 4.16667rem; }

.font-52 {
  font-size: 52pt;
  font-size: 4.33333rem; }

.font-54 {
  font-size: 54pt;
  font-size: 4.5rem; }

.font-56 {
  font-size: 56pt;
  font-size: 4.66667rem; }

.font-58 {
  font-size: 58pt;
  font-size: 4.83333rem; }

.font-60 {
  font-size: 60pt;
  font-size: 5rem; }

.font-62 {
  font-size: 62pt;
  font-size: 5.16667rem; }

.font-64 {
  font-size: 64pt;
  font-size: 5.33333rem; }

.font-66 {
  font-size: 66pt;
  font-size: 5.5rem; }

.font-68 {
  font-size: 68pt;
  font-size: 5.66667rem; }

.font-70 {
  font-size: 70pt;
  font-size: 5.83333rem; }

.font-72 {
  font-size: 72pt;
  font-size: 6rem; }

.font-74 {
  font-size: 74pt;
  font-size: 6.16667rem; }

.font-76 {
  font-size: 76pt;
  font-size: 6.33333rem; }

.font-78 {
  font-size: 78pt;
  font-size: 6.5rem; }

.font-80 {
  font-size: 80pt;
  font-size: 6.66667rem; }

.font-82 {
  font-size: 82pt;
  font-size: 6.83333rem; }

.font-84 {
  font-size: 84pt;
  font-size: 7rem; }

.font-86 {
  font-size: 86pt;
  font-size: 7.16667rem; }

.font-88 {
  font-size: 88pt;
  font-size: 7.33333rem; }

.font-90 {
  font-size: 90pt;
  font-size: 7.5rem; }

.font-92 {
  font-size: 92pt;
  font-size: 7.66667rem; }

.font-94 {
  font-size: 94pt;
  font-size: 7.83333rem; }

.font-96 {
  font-size: 96pt;
  font-size: 8rem; }

.font-98 {
  font-size: 98pt;
  font-size: 8.16667rem; }

.font-100 {
  font-size: 100pt;
  font-size: 8.33333rem; }

.font-thin {
  font-weight: 100; }

.font-x-light {
  font-weight: 200; }

.font-light {
  font-weight: 300; }

.font-regular {
  font-weight: 400; }

.font-medium {
  font-weight: 500; }

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

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

.font-x-bold {
  font-weight: 800; }

.font-black {
  font-weight: 900; }

.font-primary {
  color: #2B9FD7 !important; }

.font-secondary {
  color: #80B74A !important; }

.font-tertiary {
  color: #0179A0 !important; }

.font-accent {
  color: #f5323e !important; }

.font-dark {
  color: #2c3137 !important; }

.font-white {
  color: white !important; }

.font-black {
  color: black !important; }

.font-lowercase {
  text-transform: lowercase; }

.font-uppercase {
  text-transform: uppercase; }

.font-capitalize {
  text-transform: capitalize; }

.text-left {
  text-align: left; }

.text-right {
  text-align: right; }

.text-center {
  text-align: center; }

.text-justify {
  text-align: justify; }

.text-nowrap {
  white-space: nowrap; }

/*--------------------Unordered Lists--------------------*/
ul.unordered-list {
  padding-left: 1.5em;
  list-style-type: disc; }

/*--------------------Ordered Lists--------------------*/
ol.ordered-list {
  padding-left: 30px;
  list-style-type: decimal-leading-zero; }

/*--------------------Images--------------------*/
.img-center {
  max-width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto; }

.img-cien,
.img-100 {
  width: 100%;
  display: block; }

/*--------------------Backgrounds--------------------*/
.bg-primary {
  background-color: #2B9FD7; }

.bg-primary-opacity-10 {
  background-color: rgba(43, 159, 215, 0.1); }

.bg-primary-opacity-20 {
  background-color: rgba(43, 159, 215, 0.2); }

.bg-primary-opacity-30 {
  background-color: rgba(43, 159, 215, 0.3); }

.bg-primary-opacity-40 {
  background-color: rgba(43, 159, 215, 0.4); }

.bg-primary-opacity-50 {
  background-color: rgba(43, 159, 215, 0.5); }

.bg-primary-opacity-60 {
  background-color: rgba(43, 159, 215, 0.6); }

.bg-primary-opacity-70 {
  background-color: rgba(43, 159, 215, 0.7); }

.bg-primary-opacity-80 {
  background-color: rgba(43, 159, 215, 0.8); }

.bg-primary-opacity-90 {
  background-color: rgba(43, 159, 215, 0.9); }

.bg-primary-opacity-100 {
  background-color: #2b9fd7; }

.bg-secondary {
  background-color: #80B74A; }

.bg-secondary-opacity-10 {
  background-color: rgba(128, 183, 74, 0.1); }

.bg-secondary-opacity-20 {
  background-color: rgba(128, 183, 74, 0.2); }

.bg-secondary-opacity-30 {
  background-color: rgba(128, 183, 74, 0.3); }

.bg-secondary-opacity-40 {
  background-color: rgba(128, 183, 74, 0.4); }

.bg-secondary-opacity-50 {
  background-color: rgba(128, 183, 74, 0.5); }

.bg-secondary-opacity-60 {
  background-color: rgba(128, 183, 74, 0.6); }

.bg-secondary-opacity-70 {
  background-color: rgba(128, 183, 74, 0.7); }

.bg-secondary-opacity-80 {
  background-color: rgba(128, 183, 74, 0.8); }

.bg-secondary-opacity-90 {
  background-color: rgba(128, 183, 74, 0.9); }

.bg-secondary-opacity-100 {
  background-color: #80b74a; }

.bg-tertiary {
  background-color: #0179A0; }

.bg-tertiary-opacity-10 {
  background-color: rgba(1, 121, 160, 0.1); }

.bg-tertiary-opacity-20 {
  background-color: rgba(1, 121, 160, 0.2); }

.bg-tertiary-opacity-30 {
  background-color: rgba(1, 121, 160, 0.3); }

.bg-tertiary-opacity-40 {
  background-color: rgba(1, 121, 160, 0.4); }

.bg-tertiary-opacity-50 {
  background-color: rgba(1, 121, 160, 0.5); }

.bg-tertiary-opacity-60 {
  background-color: rgba(1, 121, 160, 0.6); }

.bg-tertiary-opacity-70 {
  background-color: rgba(1, 121, 160, 0.7); }

.bg-tertiary-opacity-80 {
  background-color: rgba(1, 121, 160, 0.8); }

.bg-tertiary-opacity-90 {
  background-color: rgba(1, 121, 160, 0.9); }

.bg-tertiary-opacity-100 {
  background-color: #0179a0; }

.bg-accent {
  background-color: #f5323e; }

.bg-accent-opacity-10 {
  background-color: rgba(245, 50, 62, 0.1); }

.bg-accent-opacity-20 {
  background-color: rgba(245, 50, 62, 0.2); }

.bg-accent-opacity-30 {
  background-color: rgba(245, 50, 62, 0.3); }

.bg-accent-opacity-40 {
  background-color: rgba(245, 50, 62, 0.4); }

.bg-accent-opacity-50 {
  background-color: rgba(245, 50, 62, 0.5); }

.bg-accent-opacity-60 {
  background-color: rgba(245, 50, 62, 0.6); }

.bg-accent-opacity-70 {
  background-color: rgba(245, 50, 62, 0.7); }

.bg-accent-opacity-80 {
  background-color: rgba(245, 50, 62, 0.8); }

.bg-accent-opacity-90 {
  background-color: rgba(245, 50, 62, 0.9); }

.bg-accent-opacity-100 {
  background-color: #f5323e; }

.bg-dark {
  background-color: #2c3137; }

.bg-dark-opacity-10 {
  background-color: rgba(44, 49, 55, 0.1); }

.bg-dark-opacity-20 {
  background-color: rgba(44, 49, 55, 0.2); }

.bg-dark-opacity-30 {
  background-color: rgba(44, 49, 55, 0.3); }

.bg-dark-opacity-40 {
  background-color: rgba(44, 49, 55, 0.4); }

.bg-dark-opacity-50 {
  background-color: rgba(44, 49, 55, 0.5); }

.bg-dark-opacity-60 {
  background-color: rgba(44, 49, 55, 0.6); }

.bg-dark-opacity-70 {
  background-color: rgba(44, 49, 55, 0.7); }

.bg-dark-opacity-80 {
  background-color: rgba(44, 49, 55, 0.8); }

.bg-dark-opacity-90 {
  background-color: rgba(44, 49, 55, 0.9); }

.bg-dark-opacity-100 {
  background-color: #2c3137; }

.bg-white {
  background-color: white; }

.bg-white-opacity-10 {
  background-color: rgba(255, 255, 255, 0.1); }

.bg-white-opacity-20 {
  background-color: rgba(255, 255, 255, 0.2); }

.bg-white-opacity-30 {
  background-color: rgba(255, 255, 255, 0.3); }

.bg-white-opacity-40 {
  background-color: rgba(255, 255, 255, 0.4); }

.bg-white-opacity-50 {
  background-color: rgba(255, 255, 255, 0.5); }

.bg-white-opacity-60 {
  background-color: rgba(255, 255, 255, 0.6); }

.bg-white-opacity-70 {
  background-color: rgba(255, 255, 255, 0.7); }

.bg-white-opacity-80 {
  background-color: rgba(255, 255, 255, 0.8); }

.bg-white-opacity-90 {
  background-color: rgba(255, 255, 255, 0.9); }

.bg-white-opacity-100 {
  background-color: white; }

.bg-black {
  background-color: black; }

.bg-black-opacity-10 {
  background-color: rgba(0, 0, 0, 0.1); }

.bg-black-opacity-20 {
  background-color: rgba(0, 0, 0, 0.2); }

.bg-black-opacity-30 {
  background-color: rgba(0, 0, 0, 0.3); }

.bg-black-opacity-40 {
  background-color: rgba(0, 0, 0, 0.4); }

.bg-black-opacity-50 {
  background-color: rgba(0, 0, 0, 0.5); }

.bg-black-opacity-60 {
  background-color: rgba(0, 0, 0, 0.6); }

.bg-black-opacity-70 {
  background-color: rgba(0, 0, 0, 0.7); }

.bg-black-opacity-80 {
  background-color: rgba(0, 0, 0, 0.8); }

.bg-black-opacity-90 {
  background-color: rgba(0, 0, 0, 0.9); }

.bg-black-opacity-100 {
  background-color: black; }

/*--------------------General accordion--------------------*/
.accordion__trigger {
  cursor: pointer; }

.accordion__content {
  display: none; }

/*--------------------Overlays--------------------*/
.overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.8);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; }
  .overlay--searcher {
    z-index: 10; }
  @media screen and (min-width: 1024px) {
    .overlay--filters {
      display: none; } }
  .overlay--atc {
    visibility: visible;
    opacity: 1; }
  .overlay.is-active {
    visibility: visible;
    opacity: 1; }

/*--------------------Close Modal--------------------*/
.close-modal {
  display: block;
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 10;
  font-size: 1em;
  text-transform: uppercase;
  opacity: 0.8;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  cursor: pointer; }
  .close-modal:hover {
    opacity: 1; }
  .close-modal--sign-up {
    display: block;
    font-size: 36pt;
    font-size: 3rem;
    font-weight: 300;
    line-height: 0.5;
    color: #2B9FD7;
    background-color: transparent; }

/*--------------------Loading--------------------*/
.loading__image-wrapper {
  display: none;
  margin-top: 50px; }

.bg-parallax {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat; }

/*--------------------Site Header - Internal page--------------------*/
/*--------------------Page Main to Home page, Internal page--------------------*/
.page-main--home-page,
.page-main--internal-page,
.page-main--product-list {
  -webkit-transition: padding-top 0.2s;
  -o-transition: padding-top 0.2s;
  transition: padding-top 0.2s; }

/*--------------------Header to Internal page, Product list, Product detail--------------------*/
.page-header--internal {
  padding-top: 15px;
  padding-bottom: 15px; }

.page-header--product-list {
  padding-top: 0px;
  padding-bottom: 0px; }
  @media screen and (min-width: 1024px) {
    .page-header--product-list {
      padding-top: 0px;
      padding-bottom: 0px; } }

.page-header--product-detail {
  padding-top: 0px;
  padding-bottom: 0px; }
  @media screen and (min-width: 1024px) {
    .page-header--product-detail {
      padding-top: 0px;
      padding-bottom: 0px; } }

/*--------------------Tag Titles--------------------*/
.tag-title--level-1,
.tag-title--level-2,
.tag-title--level-3,
[class*="products-slider__wrapper"] .prateleira.vitrine > h2 {
  font-family: "Raleway", normal; }

.tag-title,
.tag-title--level-1 {
  padding-top: 12px;
  padding-bottom: 0;
  display: block;
  font-size: 21pt;
  font-size: 1.75rem;
  font-weight: 800;
  text-align: left;
  text-transform: uppercase;
  line-height: 1; }
  @media screen and (min-width: 768px) {
    .tag-title,
    .tag-title--level-1 {
      font-size: 33pt;
      font-size: 2.75rem; } }
  @media screen and (min-width: 1440px) {
    .tag-title,
    .tag-title--level-1 {
      font-size: 42pt;
      font-size: 3.5rem; } }

.tag-title--level-1 span {
  font-size: 0.5em; }

.tag-subtitle,
.tag-title--level-2,
.tag-title--level-3,
[class*="products-slider__wrapper"] .prateleira.vitrine > h2 {
  position: relative;
  display: block;
  line-height: 1;
  padding: 10px 0;
  margin: 0; }

.tag-title--level-2,
.tag-title--level-3,
[class*="products-slider__wrapper"] .prateleira.vitrine > h2 {
  font-family: "Raleway", normal; }

.tag-title--level-2 {
  text-transform: uppercase;
  font-weight: 800;
  font-size: 24pt;
  font-size: 2rem; }
  @media screen and (min-width: 1024px) {
    .tag-title--level-2 {
      font-size: 30pt;
      font-size: 2.5rem; } }

.tag-subtitle {
  font-family: "HelveticaNeueLTW05", sans-serif;
  font-weight: 400;
  font-size: 1.4em;
  padding-bottom: 15px; }


.tag-title--level-3,
[class*="products-slider__wrapper"] .prateleira.vitrine > h2 {
  padding-bottom: 10px;
  font-weight: 700;
  font-size: 15pt;
  font-size: 1.25rem; }

.tag-legend {
  display: block;
  font-family: "Raleway", normal;
  font-weight: 700;
  font-size: 18pt;
  font-size: 1.5rem;
  line-height: 1.3; }
  @media screen and (min-width: 768px) {
    .tag-legend {
      font-size: 26.4pt;
      font-size: 2.2rem; } }

.tag-copy {
  display: block;
  font-family: 700;
  font-size: 9.6pt;
  font-size: 0.8rem;
  font-weight: 400; }
  @media screen and (min-width: 768px) {
    .tag-copy {
      font-size: 12pt;
      font-size: 1rem; } }

.tag-other-products {
  font-size: 18pt;
  font-size: 1.5rem;
  font-weight: 300;
  text-align: center;
  text-transform: capitalize;
  color: #333333; }
  @media screen and (min-width: 1024px) {
    .tag-other-products {
      font-size: 1.5rem; } }
  .tag-other-products small {
    display: block;
    margin-top: 1em;
    font-family: "HelveticaNeueLTW05", sans-serif;
    font-weight: 700; }

/*
     FILE ARCHIVED ON 11:40:31 Aug 10, 2022 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 10:32:19 Jul 05, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.49
  exclusion.robots: 0.046
  exclusion.robots.policy: 0.036
  esindex: 0.007
  cdx.remote: 12.208
  LoadShardBlock: 156.782 (3)
  PetaboxLoader3.datanode: 60.444 (4)
  PetaboxLoader3.resolve: 96.088 (2)
  load_resource: 80.274
*/