@charset "UTF-8";
/*!

	----------------------------------------------------------------------------------------------------
	•• Don't unminify this file ••
	----------------------------------------------------------------------------------------------------

*/
/*--------------------Typographies--------------------*/
@import url("https://fonts.googleapis.com/css?family=Raleway:100,200,300,400,500,600,700,800,900");
@font-face {
  font-family: "Antenna";
  src: url("../fonts/Antenna-ExtraLight.eot"); /* IE9 Compat Modes */
  src: url("../fonts/Antenna-ExtraLight.eot?#iefix") format("embedded-opentype"), url("../fonts/Antenna-ExtraLight.otf") format("opentype"), url("../fonts/Antenna-ExtraLight.woff2") format("woff2"), url("../fonts/Antenna-ExtraLight.woff") format("woff"), url("../fonts/Antenna-ExtraLight.ttf") format("truetype"), url("../fonts/Antenna-ExtraLight.svg#Antenna-ExtraLight") format("svg"); /* Legacy iOS */
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "Antenna";
  src: url("../fonts/Antenna-Light.eot"); /* IE9 Compat Modes */
  src: url("../fonts/Antenna-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Antenna-Light.otf") format("opentype"), url("../fonts/Antenna-Light.woff2") format("woff2"), url("../fonts/Antenna-Light.woff") format("woff"), url("../fonts/Antenna-Light.ttf") format("truetype"), url("../fonts/Antenna-Light.svg#Antenna-Light") format("svg"); /* Legacy iOS */
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Antenna";
  src: url("../fonts/Antenna-Regular.eot"); /* IE9 Compat Modes */
  src: url("../fonts/Antenna-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Antenna-Regular.otf") format("opentype"), url("../fonts/Antenna-Regular.woff2") format("woff2"), url("../fonts/Antenna-Regular.woff") format("woff"), url("../fonts/Antenna-Regular.ttf") format("truetype"), url("../fonts/Antenna-Regular.svg#Antenna-Regular") format("svg"); /* Legacy iOS */
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Antenna";
  src: url("../fonts/Antenna-Medium.eot"); /* IE9 Compat Modes */
  src: url("../fonts/Antenna-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Antenna-Medium.otf") format("opentype"), url("../fonts/Antenna-Medium.woff2") format("woff2"), url("../fonts/Antenna-Medium.woff") format("woff"), url("../fonts/Antenna-Medium.ttf") format("truetype"), url("../fonts/Antenna-Medium.svg#Antenna-Medium") format("svg"); /* Legacy iOS */
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Antenna";
  src: url("../fonts/Antenna-Bold.eot"); /* IE9 Compat Modes */
  src: url("../fonts/Antenna-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Antenna-Bold.otf") format("opentype"), url("../fonts/Antenna-Bold.woff2") format("woff2"), url("../fonts/Antenna-Bold.woff") format("woff"), url("../fonts/Antenna-Bold.ttf") format("truetype"), url("../fonts/Antenna-Bold.svg#Antenna-Bold") format("svg"); /* Legacy iOS */
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Antenna";
  src: url("../fonts/Antenna-Black.eot"); /* IE9 Compat Modes */
  src: url("../fonts/Antenna-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/Antenna-Black.otf") format("opentype"), url("../fonts/Antenna-Black.woff2") format("woff2"), url("../fonts/Antenna-Black.woff") format("woff"), url("../fonts/Antenna-Black.ttf") format("truetype"), url("../fonts/Antenna-Black.svg#Antenna-Black") format("svg"); /* Legacy iOS */
  font-weight: 900;
  font-style: normal;
}
/*--------------------Mixins - Iván Luna [Re]--------------------*/
/*--------------------Mixins - IvánLuna[Re]--------------------*/
/*--------------------Backgrounds Gradients--------------------*/
/*--------------------Border Gradients--------------------*/
/*--------------------[Re]seteo │ Iván Luna [Re]--------------------*/
*,
*:after,
*:before {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  outline: 0;
  marker-offset: 0;
  font-family: inherit;
  font-weight: inherit;
  font-style: inherit;
  color: inherit;
}

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

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

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

/*--------------------Generales--------------------*/
html {
  font-size: 90%;
}
@media screen and (min-width: 480px) {
  html {
    font-size: 100%;
  }
}

body {
  font-family: "Consolas", monospace;
  font-size: 12pt;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #535256;
  background-color: white;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Consolas", monospace;
  font-weight: 400;
  position: relative;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  line-height: 1.1;
  text-transform: uppercase;
}
h1 > small, h2 > small, h3 > small, h4 > small, h5 > small, h6 > small {
  display: block;
  line-height: 1.3;
  color: inherit;
}
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong {
  font-weight: 700;
  color: inherit;
}
h1 span.icons-services, h2 span.icons-services, h3 span.icons-services, h4 span.icons-services, h5 span.icons-services, h6 span.icons-services {
  display: inline-block !important;
  vertical-align: middle;
  margin-right: 0.25em !important;
}

h1 {
  font-size: 30pt;
  font-size: 2.5rem;
}
@media screen and (min-width: 1440px) {
  h1 {
    font-size: 36pt;
    font-size: 3rem;
  }
}

h2 {
  font-size: 26.4pt;
  font-size: 2.2rem;
}
@media screen and (min-width: 1440px) {
  h2 {
    font-size: 32.4pt;
    font-size: 2.7rem;
  }
}

h3 {
  font-size: 22.8pt;
  font-size: 1.9rem;
}
@media screen and (min-width: 1440px) {
  h3 {
    font-size: 28.8pt;
    font-size: 2.4rem;
  }
}

h4 {
  font-size: 13.2pt;
  font-size: 1.1rem;
}
@media screen and (min-width: 1440px) {
  h4 {
    font-size: 19.2pt;
    font-size: 1.6rem;
  }
}

h5 {
  font-size: 16.8pt;
  font-size: 1.4rem;
}
@media screen and (min-width: 1440px) {
  h5 {
    font-size: 22.8pt;
    font-size: 1.9rem;
  }
}

h6 {
  font-size: 13.2pt;
  font-size: 1.1rem;
}
@media only screen and (min-width: 768px) {
  h6 {
    font-size: 12pt;
    font-size: 1rem;
  }
}

p {
  margin-bottom: 0.5em;
}
p:only-child, p:last-child {
  margin-bottom: 0;
}

a {
  text-decoration: none;
  transition: color 0.2s ease, background 0.2s ease;
}
a:hover, a:focus {
  outline: none;
  color: rgb(101.4634146341, 145.8536585366, 49.1463414634);
  text-decoration: underline;
}

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

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

em {
  color: #01ac55;
}

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

img {
  display: inline-block;
  max-width: 100%;
}

form button {
  background-color: transparent;
  cursor: pointer;
}

/*--------------------General [Re]sponsive | Iván Luna [Re]--------------------*/
header,
nav,
main,
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 {
  width: 100%;
}
@media screen and (min-width: 240px) {
  .re-central {
    width: 240px;
  }
}
@media screen and (min-width: 360px) {
  .re-central {
    width: 333px;
  }
}
@media screen and (min-width: 480px) {
  .re-central {
    width: 420px;
  }
}
@media screen and (min-width: 768px) {
  .re-central {
    width: 672px;
  }
}
@media screen and (min-width: 1024px) {
  .re-central {
    width: 896px;
  }
}
@media screen and (min-width: 1280px) {
  .re-central {
    width: 1024px;
  }
}
@media screen and (min-width: 1440px) {
  .re-central {
    width: 1152px;
  }
}
@media screen and (min-width: 1920px) {
  .re-central {
    width: 1440px;
  }
}

.re-middle {
  width: 88%;
}

/*--------------------Generales de la Marca--------------------*/
a.brand {
  width: 40px;
  height: 40px;
  position: fixed;
  top: 17px;
  left: 0;
  z-index: 15;
  margin-left: 15px;
  background-color: transparent;
  background-image: url("../images/layout/vicom-marca.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  transition: all 0s;
}
a.brand.brand-web-ecommerce {
  background-image: url("../images/layout/vicom-web-ecommerce.png");
}
a.brand.brand-marketing-social {
  background-image: url("../images/layout/vicom-marketing-social.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-ms-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  a.brand {
    background-image: url(../images/layout/vicom-marca@2x.png);
    background-size: 230px auto;
  }
  a.brand.brand-web-ecommerce {
    background-image: url("../images/layout/vicom-web-ecommerce@2x.png");
  }
  a.brand.brand-marketing-social {
    background-image: url("../images/layout/vicom-marketing-social@2x.png");
  }
}
@media only screen and (min-width: 360px) {
  a.brand {
    left: 3%;
  }
}
@media only screen and (min-width: 480px) {
  a.brand {
    left: 4%;
  }
}
@media only screen and (min-width: 768px) {
  a.brand {
    left: 5%;
  }
}
@media only screen and (min-width: 1024px) {
  a.brand {
    left: 6%;
  }
}
@media only screen and (min-width: 1280px) {
  a.brand {
    left: 10%;
  }
}
@media only screen and (min-width: 240px) {
  a.brand {
    width: 170px;
  }
}
@media only screen and (min-width: 480px) {
  a.brand {
    width: 210px;
    height: 50px;
    background-position: 0 -40px;
  }
}
@media only screen and (min-width: 1280px) {
  a.brand {
    width: 230px;
    height: 55px;
    top: 15px;
    background-position: 0 -90px;
  }
}
.body--home-page a.brand {
  background-image: url("../images/layout/vicom-marca_white.png");
}
.body--home-page.page-on-scroll a.brand {
  background-image: url("../images/layout/vicom-marca.png");
}

/*--------------------Generales del Template Header--------------------*/
.layout-header {
  position: fixed !important;
  height: 70px;
  overflow: hidden;
  position: relative;
  top: 0;
  left: 0;
  z-index: 7;
  background-color: white;
  transition: background-color 0.2s;
}
@media screen and (min-width: 480px) {
  .layout-header {
    height: 80px;
  }
}
@media screen and (min-width: 1280px) {
  .layout-header {
    height: 85px;
  }
}
.body--home-page .layout-header {
  background-color: transparent;
}
.page-on-scroll .layout-header {
  background-color: white;
}

.top-bar {
  font-size: 9.6pt;
  font-size: 0.8rem;
  font-family: "Consolas", monospace;
  font-weight: 400;
  line-height: 3;
  text-transform: uppercase;
}
@media screen and (max-width: 1023px) {
  .top-bar {
    display: none;
  }
}
.top-bar ul li {
  display: inline-block;
  margin-left: 15px;
}
.top-bar .locale-switcher a {
  text-decoration: none;
}
.top-bar .locale-switcher .is-active {
  text-decoration: underline;
  cursor: default;
}

/*--------------------Generales del Template Nav--------------------*/
.site-nav {
  position: fixed;
  left: 0;
  font-family: "Consolas", monospace;
  z-index: 10;
}

/*--------------------Mobile - Iván Luna [Re]--------------------*/
@media only screen and (max-width: 1023px) {
  .site-nav {
    min-height: 35px;
    top: 25px;
    background-color: transparent;
  }
}
@media only screen and (max-width: 1023px) and (max-width: 479px) {
  .site-nav {
    top: 20px;
  }
}
@media only screen and (max-width: 1023px) {
  ul.re-ul-principal,
  ul.dl-submenu {
    background-color: white;
    box-shadow: inset 0 2px 2px rgba(44, 49, 55, 0.1);
  }
  ul.re-ul-principal li a,
  ul.dl-submenu li a {
    color: #2c3137;
  }
  .nav-item--level-2--poster {
    display: none !important;
  }
  .nav-item--locale-mobile {
    text-align: center;
    padding: 15px 20px;
    border-top: 1px solid rgba(44, 49, 55, 0.1);
    margin-top: 10px;
  }
  .nav-item--locale-mobile a {
    color: #01ac55;
    text-decoration: none;
  }
  .nav-item--locale-mobile a:hover {
    text-decoration: underline;
  }
  .nav-item--locale-mobile .locale-current {
    color: #01ac55;
    font-weight: 700;
    text-decoration: underline;
  }
  .nav-item--locale-mobile .locale-separator {
    margin: 0 8px;
    color: #2c3137;
  }
}
/*--------------------Menú Dropdown - Iván Luna [Re]--------------------*/
@media screen and (min-width: 1024px) {
  .site-nav {
    min-height: 50px;
    top: 30px;
  }
  /*-----General settings-----*/
  /*-----Item Menu - Megamenu-----*/
}
@media screen and (min-width: 1024px) and (min-width: 1280px) {
  .site-nav {
    top: 35px;
  }
}
@media screen and (min-width: 1024px) {
  .site-nav .re-nav-color {
    position: static;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 1024px) and (min-width: 1024px) {
  .site-nav .re-nav-color {
    width: 896px;
  }
}
@media screen and (min-width: 1024px) and (min-width: 1280px) {
  .site-nav .re-nav-color {
    width: 1024px;
  }
}
@media screen and (min-width: 1024px) and (min-width: 1440px) {
  .site-nav .re-nav-color {
    width: 1152px;
  }
}
@media screen and (min-width: 1024px) and (min-width: 1920px) {
  .site-nav .re-nav-color {
    width: 1440px;
  }
}
@media screen and (min-width: 1024px) {
  .dl-submenu.dl-animate-in-1,
  .dl-submenu.dl-animate-in-2,
  .dl-submenu.dl-animate-in-3,
  .dl-submenu.dl-animate-in-4,
  .dl-submenu.dl-animate-in-5,
  .dl-trigger {
    display: none !important;
    position: absolute;
  }
  ul.re-ul-principal {
    font-weight: 400;
    text-align: right;
  }
  ul.re-ul-principal > li > ul {
    opacity: 0;
    transform: scaleY(0) translateX(-50%);
    transform-origin: 0 0 0;
    transition: all 0.2s ease;
  }
  ul.re-ul-principal > li:hover > ul {
    opacity: 1;
    transform: scaleY(1) translateX(-50%);
  }
  ul.re-ul-principal > li {
    display: inline-block;
    margin-left: 1.5em;
    font-size: 10.8pt;
    font-size: 0.9rem;
  }
  ul.re-ul-principal > li:hover > a {
    color: #01ac55;
  }
  ul.re-ul-principal > li > a {
    display: block;
    position: relative;
    min-height: 50px;
    line-height: 50px;
    text-transform: uppercase;
  }
  ul.re-ul-principal > li > a[href="#"]:before {
    position: absolute;
    left: 50%;
    bottom: 2px;
    font-family: "Glyphicons Halflings";
    font-size: 8.4pt;
    font-size: 0.7rem;
    line-height: 1;
    content: "\e259";
    margin-left: -5px;
  }
  ul.re-ul-principal ul a {
    display: block;
  }
  ul.re-ul-principal ul a:hover {
    color: #01ac55;
  }
  .nav-item,
  .nav-item--level-1 {
    position: relative;
  }
  .body--home-page .nav-item > a,
  .body--home-page .nav-item--level-1 > a {
    color: white;
  }
  .page-on-scroll .nav-item > a,
  .page-on-scroll .nav-item--level-1 > a {
    color: #2c3137;
  }
  .nav-item:hover > a:before,
  .nav-item--level-1:hover > a:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    border-bottom: 5px solid #2c3137;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
  }
  .nav-list--level-2 {
    width: 600px;
    min-height: 185px;
    position: absolute;
    top: 100%;
    left: 50%;
    padding-top: 40px;
    padding-bottom: 120px;
    font-size: 21pt;
    font-size: 1.75rem;
    text-align: left;
    background-color: rgba(0, 0, 0, 0.8);
    border-radius: 0 0 0 2px;
  }
  .nav-list--level-2:after {
    content: "";
    width: 100%;
    height: 0;
    bottom: -50px;
    position: absolute;
    left: 0;
    border-left: 600px solid transparent;
    border-right: 0px solid transparent;
    border-radius: 0 0 5px 0;
    border-top: 50px solid rgba(0, 0, 0, 0.8);
  }
  .nav-item--level-2 {
    width: 55%;
    position: relative;
    font-weight: 400;
    line-height: 1;
    z-index: 2;
  }
  .nav-item--level-2:nth-child(2), .nav-item--level-2:nth-child(3) {
    font-weight: 500;
  }
  .nav-item--level-2--poster {
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    text-align: left;
    overflow: hidden;
  }
  .nav-item--level-2--poster img {
    max-width: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
  .nav-item--level-2:hover > a {
    text-decoration: none;
    color: #01ac55;
  }
  .nav-item--level-2 a {
    padding-left: 10%;
    padding-right: 10%;
    padding-top: 10px;
    padding-bottom: 10px;
    color: white;
  }
  .nav-item--level-2 a:before {
    content: "";
    width: 3%;
    height: 2px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 4%;
    background-color: white;
  }
  li.dl-back,
  li.desktop-hide {
    display: none !important;
  }
}
.LocaleSwitcher {
  padding: 0.5em 6.5%;
  gap: 1em;
}
.LocaleSwitcher-Option {
  padding: 0 !important;
}
.LocaleSwitcher-Option:after {
  content: "";
  display: none !important;
}
.LocaleSwitcher-Option.is-active {
  text-decoration: underline;
}

/*--------------------Generales del Template Main--------------------*/
main {
  min-height: 250px;
  overflow: hidden;
  position: relative;
  top: 0;
  left: 0;
  z-index: 1;
  padding-top: 70px;
  background-color: white;
}
@media screen and (min-width: 480px) {
  main {
    padding-top: 80px;
  }
}
@media screen and (min-width: 1280px) {
  main {
    padding-top: 85px;
  }
}
main > .re-central:after,
main > .re-cien > .re-central:after {
  content: "";
  display: block;
  clear: both;
}

/*--------------------Generales del Template Footer--------------------*/
footer {
  min-height: 100px;
  overflow: hidden;
  position: relative;
  top: 0;
  left: 0;
  z-index: 5;
}
footer address.location-office {
  font-family: "Consolas", monospace;
}
footer address.location-office em {
  display: block;
  font-size: 18pt;
  font-size: 1.5rem;
  font-family: "Consolas", monospace;
}
footer .top-footer {
  position: relative;
  font-size: 9.6pt;
  font-size: 0.8rem;
  background: rgb(243.1, 243.1, 243.1);
  font-family: "Consolas", monospace;
}
footer .top-footer .re-central {
  padding-top: 40px;
  padding-bottom: 40px;
}
@media screen and (max-width: 479px) {
  footer .top-footer .re-central .row .col-xs-6 {
    margin-bottom: 20px;
  }
}
footer .top-footer h6 {
  text-transform: uppercase;
}
footer .top-footer ul li a {
  display: inline-block;
  padding-top: 2px;
  padding-bottom: 2px;
}
footer .top-footer .social-icons {
  margin-bottom: 20px;
  font-size: 18pt;
  font-size: 1.5rem;
}
footer .top-footer .social-icons a {
  padding-left: 5px;
  padding-right: 5px;
  color: #01ac55;
}
footer .post-footer {
  padding-top: 30px;
  padding-bottom: 20px;
  font-size: 10.2pt;
  font-size: 0.85rem;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  footer .post-footer {
    text-align: center;
  }
}
footer .post-footer .legal {
  color: white;
}
footer .post-footer .legal a,
footer .post-footer .legal strong {
  color: inherit;
}
footer .post-footer .developed-by {
  display: block;
  margin-top: 10px;
  font-weight: 500;
  color: white;
}
@media screen and (min-width: 768px) {
  footer .post-footer .developed-by {
    text-align: right;
  }
}
footer .post-footer .developed-by img {
  vertical-align: middle;
}

/*--------------------Links--------------------*/
a.link {
  font-size: 12pt;
  font-size: 1rem;
  font-weight: 500;
  color: #1b96e4;
}
a.link:hover {
  text-decoration: underline;
}
a.link.primario {
  color: #01ac55;
}
a.link.secundario {
  color: #80b83e;
}
a.link.blanco {
  color: white;
}
a.link.negro {
  color: black;
}
a.link.gris {
  color: #eeeeee;
}
a.link.gris-c1 {
  color: rgb(243.1, 243.1, 243.1);
}
a.link.gris-o1 {
  color: rgb(220.15, 220.15, 220.15);
}
a.link.gris-o2 {
  color: rgb(164.05, 164.05, 164.05);
}
a.link.dark {
  color: #2c3137;
}
a.link > i {
  margin-right: 5px;
}

/*--------------------Contenedor de botones--------------------*/
.boton-contenedor {
  display: block;
  margin-top: 20px;
}
.boton-contenedor > * {
  margin-right: 10px;
}
.boton-contenedor > *:only-child {
  margin-right: 0;
}

/*--------------------Iconos dentro de botones--------------------*/
.boton-lineal:hover,
.boton-flat:hover,
.boton-push:hover,
.boton-vicom:hover {
  text-decoration: none;
}
.boton-lineal > i,
.boton-flat > i,
.boton-push > i,
.boton-vicom > i {
  margin-right: 0.5em;
}

/*--------------------Botón Lineal--------------------*/
.boton-lineal {
  width: auto;
  display: inline-block;
  padding: 0.25em 1.25em;
  border-width: 1px;
  border-style: solid;
  border-radius: 2px;
  margin: 0 auto;
  margin-top: 10px;
  font-size: 12pt;
  font-size: 1rem;
  text-align: center;
  background-color: transparent;
  cursor: pointer;
}
.boton-lineal.primario {
  border-color: #01ac55;
  color: #01ac55;
  box-shadow: inset 0 0 0 #01ac55, inset 0 0 0 #01ac55;
  transition: color 0.3s, box-shadow 0.3s;
}
.boton-lineal.primario:hover {
  color: white;
  box-shadow: inset 300px 0 0 #01ac55, inset -300px 0 0 #01ac55;
}
.boton-lineal.secundario {
  border-color: #80b83e;
  color: #80b83e;
  box-shadow: inset 0 0 0 #80b83e, inset 0 0 0 #80b83e;
  transition: color 0.3s, box-shadow 0.3s;
}
.boton-lineal.secundario:hover {
  color: white;
  box-shadow: inset 300px 0 0 #80b83e, inset -300px 0 0 #80b83e;
}
.boton-lineal.blanco {
  border-color: white;
  color: white;
  box-shadow: inset 0 0 0 white, inset 0 0 0 white;
  transition: color 0.3s, box-shadow 0.3s;
}
.boton-lineal.blanco:hover {
  color: black;
  box-shadow: inset 300px 0 0 white, inset -300px 0 0 white;
}
.boton-lineal.negro {
  border-color: black;
  color: black;
  box-shadow: inset 0 0 0 black, inset 0 0 0 black;
  transition: color 0.3s, box-shadow 0.3s;
}
.boton-lineal.negro:hover {
  color: white;
  box-shadow: inset 300px 0 0 black, inset -300px 0 0 black;
}
.boton-lineal.gris {
  border-color: #eeeeee;
  color: #eeeeee;
  box-shadow: inset 0 0 0 #eeeeee, inset 0 0 0 #eeeeee;
  transition: color 0.3s, box-shadow 0.3s;
}
.boton-lineal.gris:hover {
  color: white;
  box-shadow: inset 300px 0 0 #eeeeee, inset -300px 0 0 #eeeeee;
}
.boton-lineal.gris-c1 {
  border-color: rgb(243.1, 243.1, 243.1);
  color: rgb(243.1, 243.1, 243.1);
  box-shadow: inset 0 0 0 rgb(243.1, 243.1, 243.1), inset 0 0 0 rgb(243.1, 243.1, 243.1);
  transition: color 0.3s, box-shadow 0.3s;
}
.boton-lineal.gris-c1:hover {
  color: white;
  box-shadow: inset 300px 0 0 rgb(243.1, 243.1, 243.1), inset -300px 0 0 rgb(243.1, 243.1, 243.1);
}
.boton-lineal.gris-o1 {
  border-color: rgb(220.15, 220.15, 220.15);
  color: rgb(220.15, 220.15, 220.15);
  box-shadow: inset 0 0 0 rgb(220.15, 220.15, 220.15), inset 0 0 0 rgb(220.15, 220.15, 220.15);
  transition: color 0.3s, box-shadow 0.3s;
}
.boton-lineal.gris-o1:hover {
  color: white;
  box-shadow: inset 300px 0 0 rgb(220.15, 220.15, 220.15), inset -300px 0 0 rgb(220.15, 220.15, 220.15);
}
.boton-lineal.gris-o2 {
  border-color: rgb(164.05, 164.05, 164.05);
  color: rgb(164.05, 164.05, 164.05);
  box-shadow: inset 0 0 0 rgb(164.05, 164.05, 164.05), inset 0 0 0 rgb(164.05, 164.05, 164.05);
  transition: color 0.3s, box-shadow 0.3s;
}
.boton-lineal.gris-o2:hover {
  color: white;
  box-shadow: inset 300px 0 0 rgb(164.05, 164.05, 164.05), inset -300px 0 0 rgb(164.05, 164.05, 164.05);
}
.boton-lineal.dark {
  border-color: #2c3137;
  color: #2c3137;
  box-shadow: inset 0 0 0 #2c3137, inset 0 0 0 #2c3137;
  transition: color 0.3s, box-shadow 0.3s;
}
.boton-lineal.dark:hover {
  color: #01ac55;
  box-shadow: inset 300px 0 0 #2c3137, inset -300px 0 0 #2c3137;
}

/*--------------------Botón VICOM--------------------*/
.boton-vicom {
  width: auto;
  display: inline-block;
  padding: 0.25em 0;
  margin-top: 10px;
  font-size: 12pt;
  font-size: 1rem;
  font-weight: 600;
  text-transform: uppercase;
  text-align: center;
  background-color: transparent;
  cursor: pointer;
}
.boton-vicom:before, .boton-vicom:after {
  content: "";
  width: 15px;
  height: 15px;
  display: inline-block;
  vertical-align: middle;
  background: transparent url(../images/icons/icons-buttons.png) center top no-repeat;
}
.boton-vicom:before {
  margin-right: 0.5em;
}
.boton-vicom:after {
  margin-left: 0.5em;
  transform: rotate(180deg);
}
.boton-vicom.primario {
  color: #01ac55;
  transition: color 0.3s;
}
.boton-vicom.primario:hover {
  color: #01ac55;
  text-decoration: underline;
}
.boton-vicom.secundario {
  color: #80b83e;
  transition: color 0.3s;
}
.boton-vicom.secundario:hover {
  color: #80b83e;
  text-decoration: underline;
}
.boton-vicom.blanco {
  color: white;
  transition: color 0.3s;
}
.boton-vicom.blanco:hover {
  color: white;
  text-decoration: underline;
}
.boton-vicom.negro {
  color: black;
  transition: color 0.3s;
}
.boton-vicom.negro:hover {
  color: black;
  text-decoration: underline;
}
.boton-vicom.gris {
  color: #eeeeee;
  transition: color 0.3s;
}
.boton-vicom.gris:hover {
  color: #eeeeee;
  text-decoration: underline;
}
.boton-vicom.gris-c1 {
  color: rgb(243.1, 243.1, 243.1);
  transition: color 0.3s;
}
.boton-vicom.gris-c1:hover {
  color: rgb(243.1, 243.1, 243.1);
  text-decoration: underline;
}
.boton-vicom.gris-o1 {
  color: rgb(220.15, 220.15, 220.15);
  transition: color 0.3s;
}
.boton-vicom.gris-o1:hover {
  color: rgb(220.15, 220.15, 220.15);
  text-decoration: underline;
}
.boton-vicom.gris-o2 {
  color: rgb(164.05, 164.05, 164.05);
  transition: color 0.3s;
}
.boton-vicom.gris-o2:hover {
  color: rgb(164.05, 164.05, 164.05);
  text-decoration: underline;
}
.boton-vicom.dark {
  color: #2c3137;
  transition: color 0.3s;
}
.boton-vicom.dark:hover {
  color: #2c3137;
  text-decoration: underline;
}
.boton-vicom.blanco:before, .boton-vicom.blanco:after {
  background-position: center bottom;
}

/*---------------------Sprite Icons Generales--------------------------------*/
.icons-generales {
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 5px;
  margin-right: 5px;
  background-image: url(../images/icons/icons-generales.png);
  background-position: center top;
  background-repeat: no-repeat;
}
.icons-generales.icon-home {
  background-position: 0 0px;
}
.icons-generales.icon-arrow-down {
  background-position: 0 -20px;
}

/*---------------------Sprite Icons Services--------------------------------*/
.icons-services {
  width: 60px;
  height: 60px;
  display: block;
  margin: 0 auto;
  background-image: url(../images/icons/icons-services.png);
  background-repeat: no-repeat;
}
.icons-services.icon-web {
  background-position: 0 0px;
}
.icons-services.icon-ecommerce {
  background-position: 0 -60px;
}
.icons-services.icon-marketing {
  background-position: 0 -120px;
}
.icons-services.icon-social {
  background-position: 0 -180px;
}
.icons-services.icon-vtex {
  background-position: 0 -240px;
}
.icons-services.icon-shopify {
  background-position: 0 -300px;
}
.icons-services.icon-mercado {
  background-position: 0 -360px;
}
@media screen and (min-width: 1024px) {
  .services-accordion__item.inactive .icons-services {
    width: 40px;
    height: 40px;
    background-size: 80px auto;
  }
  .services-accordion__item.inactive .icons-services.icon-web {
    background-position: 0 0px;
  }
  .services-accordion__item.inactive .icons-services.icon-ecommerce {
    background-position: 0 -40px;
  }
  .services-accordion__item.inactive .icons-services.icon-marketing {
    background-position: 0 -80px;
  }
  .services-accordion__item.inactive .icons-services.icon-social {
    background-position: 0 -120px;
  }
  .services-accordion__item.inactive .icons-services.icon-vtex {
    background-position: 0 -160px;
  }
  .services-accordion__item.inactive .icons-services.icon-shopify {
    background-position: 0 -200px;
  }
  .services-accordion__item.inactive .icons-services.icon-mercado {
    background-position: 0 -240px;
  }
}

.icons-services.primario {
  width: 40px;
  height: 40px;
  display: block;
  margin: 0 auto;
  background-image: url(../images/icons/icons-services.png);
  background-repeat: no-repeat;
  background-size: 80px auto;
}
.icons-services.primario.icon-web {
  background-position: -40px 0px;
}
.icons-services.primario.icon-ecommerce {
  background-position: -40px -40px;
}
.icons-services.primario.icon-marketing {
  background-position: -40px -80px;
}
.icons-services.primario.icon-social {
  background-position: -40px -120px;
}
.icons-services.primario.icon-vtex {
  background-position: -40px -160px;
}
.icons-services.primario.icon-shopify {
  background-position: -40px -200px;
}
.icons-services.primario.icon-mercado {
  background-position: -40px -240px;
}
nav .icons-services.primario {
  width: 60px;
  height: 60px;
  background-size: 120px auto;
}
nav .icons-services.primario.icon-web {
  background-position: -60px 0px;
}
nav .icons-services.primario.icon-ecommerce {
  background-position: -60px -60px;
}
nav .icons-services.primario.icon-marketing {
  background-position: -60px -120px;
}
nav .icons-services.primario.icon-social {
  background-position: -60px -180px;
}
nav .icons-services.primario.icon-vtex {
  background-position: -60px -240px;
}
nav .icons-services.primario.icon-shopify {
  background-position: -60px -300px;
}
nav .icons-services.primario.icon-mercado {
  background-position: -60px -360px;
}

/*---------------------Sprite Icons - Client Brands--------------------------------*/
.icons-clients {
  display: inline-block;
  vertical-align: middle;
  background-image: url(../images/brands/brands_clients.png);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 164 auto;
}
.icon-tourister, .icon-totto, .icon-talavera-de-la-reyna, .icon-sony, .icon-soler-y-palau, .icon-oggi, .icon-office-max, .icon-mpower, .icon-mobica, .icon-mil-luces, .icon-mc-carthys, .icon-mattel, .icon-mas-refacciones, .icon-masesa, .icon-maskota, .icon-maraga, .icon-mamitas, .icon-mabe, .icon-lomas, .icon-la-concordia, .icon-kommerling, .icon-keeway, .icon-jumbo, .icon-julio, .icon-jose-bayro, .icon-italian-coffee, .icon-hdn, .icon-ford-rivera, .icon-farmatodo, .icon-estrella-roja, .icon-ergomobel, .icon-enunclick, .icon-mural-de-los-poblanos, .icon-elektra, .icon-ebus, .icon-distroller, .icon-diario-de-mexico, .icon-cya, .icon-curves, .icon-humboldt, .icon-cipsa, .icon-cafiver, .icon-cafe-los-portales, .icon-beloe, .icon-andrea, .icon-anahuac, .icon-aldo-conti {
  background-size: 57.4px auto;
}
@media screen and (min-width: 768px) {
  .icon-tourister, .icon-totto, .icon-talavera-de-la-reyna, .icon-sony, .icon-soler-y-palau, .icon-oggi, .icon-office-max, .icon-mpower, .icon-mobica, .icon-mil-luces, .icon-mc-carthys, .icon-mattel, .icon-mas-refacciones, .icon-masesa, .icon-maskota, .icon-maraga, .icon-mamitas, .icon-mabe, .icon-lomas, .icon-la-concordia, .icon-kommerling, .icon-keeway, .icon-jumbo, .icon-julio, .icon-jose-bayro, .icon-italian-coffee, .icon-hdn, .icon-ford-rivera, .icon-farmatodo, .icon-estrella-roja, .icon-ergomobel, .icon-enunclick, .icon-mural-de-los-poblanos, .icon-elektra, .icon-ebus, .icon-distroller, .icon-diario-de-mexico, .icon-cya, .icon-curves, .icon-humboldt, .icon-cipsa, .icon-cafiver, .icon-cafe-los-portales, .icon-beloe, .icon-andrea, .icon-anahuac, .icon-aldo-conti {
    background-size: 62.32px auto;
  }
}
@media screen and (min-width: 1024px) {
  .icon-tourister, .icon-totto, .icon-talavera-de-la-reyna, .icon-sony, .icon-soler-y-palau, .icon-oggi, .icon-office-max, .icon-mpower, .icon-mobica, .icon-mil-luces, .icon-mc-carthys, .icon-mattel, .icon-mas-refacciones, .icon-masesa, .icon-maskota, .icon-maraga, .icon-mamitas, .icon-mabe, .icon-lomas, .icon-la-concordia, .icon-kommerling, .icon-keeway, .icon-jumbo, .icon-julio, .icon-jose-bayro, .icon-italian-coffee, .icon-hdn, .icon-ford-rivera, .icon-farmatodo, .icon-estrella-roja, .icon-ergomobel, .icon-enunclick, .icon-mural-de-los-poblanos, .icon-elektra, .icon-ebus, .icon-distroller, .icon-diario-de-mexico, .icon-cya, .icon-curves, .icon-humboldt, .icon-cipsa, .icon-cafiver, .icon-cafe-los-portales, .icon-beloe, .icon-andrea, .icon-anahuac, .icon-aldo-conti {
    background-size: 78.72px auto;
  }
}
@media screen and (min-width: 1280px) {
  .icon-tourister, .icon-totto, .icon-talavera-de-la-reyna, .icon-sony, .icon-soler-y-palau, .icon-oggi, .icon-office-max, .icon-mpower, .icon-mobica, .icon-mil-luces, .icon-mc-carthys, .icon-mattel, .icon-mas-refacciones, .icon-masesa, .icon-maskota, .icon-maraga, .icon-mamitas, .icon-mabe, .icon-lomas, .icon-la-concordia, .icon-kommerling, .icon-keeway, .icon-jumbo, .icon-julio, .icon-jose-bayro, .icon-italian-coffee, .icon-hdn, .icon-ford-rivera, .icon-farmatodo, .icon-estrella-roja, .icon-ergomobel, .icon-enunclick, .icon-mural-de-los-poblanos, .icon-elektra, .icon-ebus, .icon-distroller, .icon-diario-de-mexico, .icon-cya, .icon-curves, .icon-humboldt, .icon-cipsa, .icon-cafiver, .icon-cafe-los-portales, .icon-beloe, .icon-andrea, .icon-anahuac, .icon-aldo-conti {
    background-size: 85.28px auto;
  }
}
@media screen and (min-width: 1440px) {
  .icon-tourister, .icon-totto, .icon-talavera-de-la-reyna, .icon-sony, .icon-soler-y-palau, .icon-oggi, .icon-office-max, .icon-mpower, .icon-mobica, .icon-mil-luces, .icon-mc-carthys, .icon-mattel, .icon-mas-refacciones, .icon-masesa, .icon-maskota, .icon-maraga, .icon-mamitas, .icon-mabe, .icon-lomas, .icon-la-concordia, .icon-kommerling, .icon-keeway, .icon-jumbo, .icon-julio, .icon-jose-bayro, .icon-italian-coffee, .icon-hdn, .icon-ford-rivera, .icon-farmatodo, .icon-estrella-roja, .icon-ergomobel, .icon-enunclick, .icon-mural-de-los-poblanos, .icon-elektra, .icon-ebus, .icon-distroller, .icon-diario-de-mexico, .icon-cya, .icon-curves, .icon-humboldt, .icon-cipsa, .icon-cafiver, .icon-cafe-los-portales, .icon-beloe, .icon-andrea, .icon-anahuac, .icon-aldo-conti {
    background-size: 104.96px auto;
  }
}
@media screen and (min-width: 1920px) {
  .icon-tourister, .icon-totto, .icon-talavera-de-la-reyna, .icon-sony, .icon-soler-y-palau, .icon-oggi, .icon-office-max, .icon-mpower, .icon-mobica, .icon-mil-luces, .icon-mc-carthys, .icon-mattel, .icon-mas-refacciones, .icon-masesa, .icon-maskota, .icon-maraga, .icon-mamitas, .icon-mabe, .icon-lomas, .icon-la-concordia, .icon-kommerling, .icon-keeway, .icon-jumbo, .icon-julio, .icon-jose-bayro, .icon-italian-coffee, .icon-hdn, .icon-ford-rivera, .icon-farmatodo, .icon-estrella-roja, .icon-ergomobel, .icon-enunclick, .icon-mural-de-los-poblanos, .icon-elektra, .icon-ebus, .icon-distroller, .icon-diario-de-mexico, .icon-cya, .icon-curves, .icon-humboldt, .icon-cipsa, .icon-cafiver, .icon-cafe-los-portales, .icon-beloe, .icon-andrea, .icon-anahuac, .icon-aldo-conti {
    background-size: 131.2px auto;
  }
}

.icon-aldo-conti {
  width: 57.4px;
  height: 56.7px;
  background-position: 0px 0px;
}
@media screen and (min-width: 768px) {
  .icon-aldo-conti {
    width: 62.32px;
    height: 61.56px;
    background-position: 0px 0px;
  }
}
@media screen and (min-width: 1024px) {
  .icon-aldo-conti {
    width: 78.72px;
    height: 77.76px;
    background-position: 0px 0px;
  }
}
@media screen and (min-width: 1280px) {
  .icon-aldo-conti {
    width: 85.28px;
    height: 84.24px;
    background-position: 0px 0px;
  }
}
@media screen and (min-width: 1440px) {
  .icon-aldo-conti {
    width: 104.96px;
    height: 103.68px;
    background-position: 0px 0px;
  }
}
@media screen and (min-width: 1920px) {
  .icon-aldo-conti {
    width: 131.2px;
    height: 129.6px;
    background-position: 0px 0px;
  }
}

.icon-anahuac {
  width: 57.4px;
  height: 56.7px;
  background-position: 0px -56.7px;
}
@media screen and (min-width: 768px) {
  .icon-anahuac {
    width: 62.32px;
    height: 61.56px;
    background-position: 0px -61.56px;
  }
}
@media screen and (min-width: 1024px) {
  .icon-anahuac {
    width: 78.72px;
    height: 77.76px;
    background-position: 0px -77.76px;
  }
}
@media screen and (min-width: 1280px) {
  .icon-anahuac {
    width: 85.28px;
    height: 84.24px;
    background-position: 0px -84.24px;
  }
}
@media screen and (min-width: 1440px) {
  .icon-anahuac {
    width: 104.96px;
    height: 103.68px;
    background-position: 0px -103.68px;
  }
}
@media screen and (min-width: 1920px) {
  .icon-anahuac {
    width: 131.2px;
    height: 129.6px;
    background-position: 0px -129.6px;
  }
}

.icon-andrea {
  width: 57.4px;
  height: 56.7px;
  background-position: 0px -113.4px;
}
@media screen and (min-width: 768px) {
  .icon-andrea {
    width: 62.32px;
    height: 61.56px;
    background-position: 0px -123.12px;
  }
}
@media screen and (min-width: 1024px) {
  .icon-andrea {
    width: 78.72px;
    height: 77.76px;
    background-position: 0px -155.52px;
  }
}
@media screen and (min-width: 1280px) {
  .icon-andrea {
    width: 85.28px;
    height: 84.24px;
    background-position: 0px -168.48px;
  }
}
@media screen and (min-width: 1440px) {
  .icon-andrea {
    width: 104.96px;
    height: 103.68px;
    background-position: 0px -207.36px;
  }
}
@media screen and (min-width: 1920px) {
  .icon-andrea {
    width: 131.2px;
    height: 129.6px;
    background-position: 0px -259.2px;
  }
}

.icon-beloe {
  width: 57.4px;
  height: 56.7px;
  background-position: 0px -170.1px;
}
@media screen and (min-width: 768px) {
  .icon-beloe {
    width: 62.32px;
    height: 61.56px;
    background-position: 0px -184.68px;
  }
}
@media screen and (min-width: 1024px) {
  .icon-beloe {
    width: 78.72px;
    height: 77.76px;
    background-position: 0px -233.28px;
  }
}
@media screen and (min-width: 1280px) {
  .icon-beloe {
    width: 85.28px;
    height: 84.24px;
    background-position: 0px -252.72px;
  }
}
@media screen and (min-width: 1440px) {
  .icon-beloe {
    width: 104.96px;
    height: 103.68px;
    background-position: 0px -311.04px;
  }
}
@media screen and (min-width: 1920px) {
  .icon-beloe {
    width: 131.2px;
    height: 129.6px;
    background-position: 0px -388.8px;
  }
}

.icon-cafe-los-portales {
  width: 57.4px;
  height: 56.7px;
  background-position: 0px -226.8px;
}
@media screen and (min-width: 768px) {
  .icon-cafe-los-portales {
    width: 62.32px;
    height: 61.56px;
    background-position: 0px -246.24px;
  }
}
@media screen and (min-width: 1024px) {
  .icon-cafe-los-portales {
    width: 78.72px;
    height: 77.76px;
    background-position: 0px -311.04px;
  }
}
@media screen and (min-width: 1280px) {
  .icon-cafe-los-portales {
    width: 85.28px;
    height: 84.24px;
    background-position: 0px -336.96px;
  }
}
@media screen and (min-width: 1440px) {
  .icon-cafe-los-portales {
    width: 104.96px;
    height: 103.68px;
    background-position: 0px -414.72px;
  }
}
@media screen and (min-width: 1920px) {
  .icon-cafe-los-portales {
    width: 131.2px;
    height: 129.6px;
    background-position: 0px -518.4px;
  }
}

.icon-cafiver {
  width: 57.4px;
  height: 56.7px;
  background-position: 0px -283.5px;
}
@media screen and (min-width: 768px) {
  .icon-cafiver {
    width: 62.32px;
    height: 61.56px;
    background-position: 0px -307.8px;
  }
}
@media screen and (min-width: 1024px) {
  .icon-cafiver {
    width: 78.72px;
    height: 77.76px;
    background-position: 0px -388.8px;
  }
}
@media screen and (min-width: 1280px) {
  .icon-cafiver {
    width: 85.28px;
    height: 84.24px;
    background-position: 0px -421.2px;
  }
}
@media screen and (min-width: 1440px) {
  .icon-cafiver {
    width: 104.96px;
    height: 103.68px;
    background-position: 0px -518.4px;
  }
}
@media screen and (min-width: 1920px) {
  .icon-cafiver {
    width: 131.2px;
    height: 129.6px;
    background-position: 0px -648px;
  }
}

.icon-cipsa {
  width: 57.4px;
  height: 56.7px;
  background-position: 0px -340.2px;
}
@media screen and (min-width: 768px) {
  .icon-cipsa {
    width: 62.32px;
    height: 61.56px;
    background-position: 0px -369.36px;
  }
}
@media screen and (min-width: 1024px) {
  .icon-cipsa {
    width: 78.72px;
    height: 77.76px;
    background-position: 0px -466.56px;
  }
}
@media screen and (min-width: 1280px) {
  .icon-cipsa {
    width: 85.28px;
    height: 84.24px;
    background-position: 0px -505.44px;
  }
}
@media screen and (min-width: 1440px) {
  .icon-cipsa {
    width: 104.96px;
    height: 103.68px;
    background-position: 0px -622.08px;
  }
}
@media screen and (min-width: 1920px) {
  .icon-cipsa {
    width: 131.2px;
    height: 129.6px;
    background-position: 0px -777.6px;
  }
}

.icon-humboldt {
  width: 57.4px;
  height: 56.7px;
  background-position: 0px -396.9px;
}
@media screen and (min-width: 768px) {
  .icon-humboldt {
    width: 62.32px;
    height: 61.56px;
    background-position: 0px -430.92px;
  }
}
@media screen and (min-width: 1024px) {
  .icon-humboldt {
    width: 78.72px;
    height: 77.76px;
    background-position: 0px -544.32px;
  }
}
@media screen and (min-width: 1280px) {
  .icon-humboldt {
    width: 85.28px;
    height: 84.24px;
    background-position: 0px -589.68px;
  }
}
@media screen and (min-width: 1440px) {
  .icon-humboldt {
    width: 104.96px;
    height: 103.68px;
    background-position: 0px -725.76px;
  }
}
@media screen and (min-width: 1920px) {
  .icon-humboldt {
    width: 131.2px;
    height: 129.6px;
    background-position: 0px -907.2px;
  }
}

.icon-curves {
  width: 57.4px;
  height: 56.7px;
  background-position: 0px -453.6px;
}
@media screen and (min-width: 768px) {
  .icon-curves {
    width: 62.32px;
    height: 61.56px;
    background-position: 0px -492.48px;
  }
}
@media screen and (min-width: 1024px) {
  .icon-curves {
    width: 78.72px;
    height: 77.76px;
    background-position: 0px -622.08px;
  }
}
@media screen and (min-width: 1280px) {
  .icon-curves {
    width: 85.28px;
    height: 84.24px;
    background-position: 0px -673.92px;
  }
}
@media screen and (min-width: 1440px) {
  .icon-curves {
    width: 104.96px;
    height: 103.68px;
    background-position: 0px -829.44px;
  }
}
@media screen and (min-width: 1920px) {
  .icon-curves {
    width: 131.2px;
    height: 129.6px;
    background-position: 0px -1036.8px;
  }
}

.icon-cya {
  width: 57.4px;
  height: 56.7px;
  background-position: 0px -510.3px;
}
@media screen and (min-width: 768px) {
  .icon-cya {
    width: 62.32px;
    height: 61.56px;
    background-position: 0px -554.04px;
  }
}
@media screen and (min-width: 1024px) {
  .icon-cya {
    width: 78.72px;
    height: 77.76px;
    background-position: 0px -699.84px;
  }
}
@media screen and (min-width: 1280px) {
  .icon-cya {
    width: 85.28px;
    height: 84.24px;
    background-position: 0px -758.16px;
  }
}
@media screen and (min-width: 1440px) {
  .icon-cya {
    width: 104.96px;
    height: 103.68px;
    background-position: 0px -933.12px;
  }
}
@media screen and (min-width: 1920px) {
  .icon-cya {
    width: 131.2px;
    height: 129.6px;
    background-position: 0px -1166.4px;
  }
}

.icon-diario-de-mexico {
  width: 57.4px;
  height: 56.7px;
  background-position: 0px -567px;
}
@media screen and (min-width: 768px) {
  .icon-diario-de-mexico {
    width: 62.32px;
    height: 61.56px;
    background-position: 0px -615.6px;
  }
}
@media screen and (min-width: 1024px) {
  .icon-diario-de-mexico {
    width: 78.72px;
    height: 77.76px;
    background-position: 0px -777.6px;
  }
}
@media screen and (min-width: 1280px) {
  .icon-diario-de-mexico {
    width: 85.28px;
    height: 84.24px;
    background-position: 0px -842.4px;
  }
}
@media screen and (min-width: 1440px) {
  .icon-diario-de-mexico {
    width: 104.96px;
    height: 103.68px;
    background-position: 0px -1036.8px;
  }
}
@media screen and (min-width: 1920px) {
  .icon-diario-de-mexico {
    width: 131.2px;
    height: 129.6px;
    background-position: 0px -1296px;
  }
}

.icon-distroller {
  width: 57.4px;
  height: 56.7px;
  background-position: 0px -623.7px;
}
@media screen and (min-width: 768px) {
  .icon-distroller {
    width: 62.32px;
    height: 61.56px;
    background-position: 0px -677.16px;
  }
}
@media screen and (min-width: 1024px) {
  .icon-distroller {
    width: 78.72px;
    height: 77.76px;
    background-position: 0px -855.36px;
  }
}
@media screen and (min-width: 1280px) {
  .icon-distroller {
    width: 85.28px;
    height: 84.24px;
    background-position: 0px -926.64px;
  }
}
@media screen and (min-width: 1440px) {
  .icon-distroller {
    width: 104.96px;
    height: 103.68px;
    background-position: 0px -1140.48px;
  }
}
@media screen and (min-width: 1920px) {
  .icon-distroller {
    width: 131.2px;
    height: 129.6px;
    background-position: 0px -1425.6px;
  }
}

.icon-ebus {
  width: 57.4px;
  height: 56.7px;
  background-position: 0px -680.4px;
}
@media screen and (min-width: 768px) {
  .icon-ebus {
    width: 62.32px;
    height: 61.56px;
    background-position: 0px -738.72px;
  }
}
@media screen and (min-width: 1024px) {
  .icon-ebus {
    width: 78.72px;
    height: 77.76px;
    background-position: 0px -933.12px;
  }
}
@media screen and (min-width: 1280px) {
  .icon-ebus {
    width: 85.28px;
    height: 84.24px;
    background-position: 0px -1010.88px;
  }
}
@media screen and (min-width: 1440px) {
  .icon-ebus {
    width: 104.96px;
    height: 103.68px;
    background-position: 0px -1244.16px;
  }
}
@media screen and (min-width: 1920px) {
  .icon-ebus {
    width: 131.2px;
    height: 129.6px;
    background-position: 0px -1555.2px;
  }
}

.icon-elektra {
  width: 57.4px;
  height: 56.7px;
  background-position: 0px -737.1px;
}
@media screen and (min-width: 768px) {
  .icon-elektra {
    width: 62.32px;
    height: 61.56px;
    background-position: 0px -800.28px;
  }
}
@media screen and (min-width: 1024px) {
  .icon-elektra {
    width: 78.72px;
    height: 77.76px;
    background-position: 0px -1010.88px;
  }
}
@media screen and (min-width: 1280px) {
  .icon-elektra {
    width: 85.28px;
    height: 84.24px;
    background-position: 0px -1095.12px;
  }
}
@media screen and (min-width: 1440px) {
  .icon-elektra {
    width: 104.96px;
    height: 103.68px;
    background-position: 0px -1347.84px;
  }
}
@media screen and (min-width: 1920px) {
  .icon-elektra {
    width: 131.2px;
    height: 129.6px;
    background-position: 0px -1684.8px;
  }
}

.icon-mural-de-los-poblanos {
  width: 57.4px;
  height: 56.7px;
  background-position: 0px -793.8px;
}
@media screen and (min-width: 768px) {
  .icon-mural-de-los-poblanos {
    width: 62.32px;
    height: 61.56px;
    background-position: 0px -861.84px;
  }
}
@media screen and (min-width: 1024px) {
  .icon-mural-de-los-poblanos {
    width: 78.72px;
    height: 77.76px;
    background-position: 0px -1088.64px;
  }
}
@media screen and (min-width: 1280px) {
  .icon-mural-de-los-poblanos {
    width: 85.28px;
    height: 84.24px;
    background-position: 0px -1179.36px;
  }
}
@media screen and (min-width: 1440px) {
  .icon-mural-de-los-poblanos {
    width: 104.96px;
    height: 103.68px;
    background-position: 0px -1451.52px;
  }
}
@media screen and (min-width: 1920px) {
  .icon-mural-de-los-poblanos {
    width: 131.2px;
    height: 129.6px;
    background-position: 0px -1814.4px;
  }
}

.icon-enunclick {
  width: 57.4px;
  height: 56.7px;
  background-position: 0px -850.5px;
}
@media screen and (min-width: 768px) {
  .icon-enunclick {
    width: 62.32px;
    height: 61.56px;
    background-position: 0px -923.4px;
  }
}
@media screen and (min-width: 1024px) {
  .icon-enunclick {
    width: 78.72px;
    height: 77.76px;
    background-position: 0px -1166.4px;
  }
}
@media screen and (min-width: 1280px) {
  .icon-enunclick {
    width: 85.28px;
    height: 84.24px;
    background-position: 0px -1263.6px;
  }
}
@media screen and (min-width: 1440px) {
  .icon-enunclick {
    width: 104.96px;
    height: 103.68px;
    background-position: 0px -1555.2px;
  }
}
@media screen and (min-width: 1920px) {
  .icon-enunclick {
    width: 131.2px;
    height: 129.6px;
    background-position: 0px -1944px;
  }
}

.icon-ergomobel {
  width: 57.4px;
  height: 56.7px;
  background-position: 0px -907.2px;
}
@media screen and (min-width: 768px) {
  .icon-ergomobel {
    width: 62.32px;
    height: 61.56px;
    background-position: 0px -984.96px;
  }
}
@media screen and (min-width: 1024px) {
  .icon-ergomobel {
    width: 78.72px;
    height: 77.76px;
    background-position: 0px -1244.16px;
  }
}
@media screen and (min-width: 1280px) {
  .icon-ergomobel {
    width: 85.28px;
    height: 84.24px;
    background-position: 0px -1347.84px;
  }
}
@media screen and (min-width: 1440px) {
  .icon-ergomobel {
    width: 104.96px;
    height: 103.68px;
    background-position: 0px -1658.88px;
  }
}
@media screen and (min-width: 1920px) {
  .icon-ergomobel {
    width: 131.2px;
    height: 129.6px;
    background-position: 0px -2073.6px;
  }
}

.icon-estrella-roja {
  width: 57.4px;
  height: 56.7px;
  background-position: 0px -963.9px;
}
@media screen and (min-width: 768px) {
  .icon-estrella-roja {
    width: 62.32px;
    height: 61.56px;
    background-position: 0px -1046.52px;
  }
}
@media screen and (min-width: 1024px) {
  .icon-estrella-roja {
    width: 78.72px;
    height: 77.76px;
    background-position: 0px -1321.92px;
  }
}
@media screen and (min-width: 1280px) {
  .icon-estrella-roja {
    width: 85.28px;
    height: 84.24px;
    background-position: 0px -1432.08px;
  }
}
@media screen and (min-width: 1440px) {
  .icon-estrella-roja {
    width: 104.96px;
    height: 103.68px;
    background-position: 0px -1762.56px;
  }
}
@media screen and (min-width: 1920px) {
  .icon-estrella-roja {
    width: 131.2px;
    height: 129.6px;
    background-position: 0px -2203.2px;
  }
}

.icon-farmatodo {
  width: 57.4px;
  height: 56.7px;
  background-position: 0px -1020.6px;
}
@media screen and (min-width: 768px) {
  .icon-farmatodo {
    width: 62.32px;
    height: 61.56px;
    background-position: 0px -1108.08px;
  }
}
@media screen and (min-width: 1024px) {
  .icon-farmatodo {
    width: 78.72px;
    height: 77.76px;
    background-position: 0px -1399.68px;
  }
}
@media screen and (min-width: 1280px) {
  .icon-farmatodo {
    width: 85.28px;
    height: 84.24px;
    background-position: 0px -1516.32px;
  }
}
@media screen and (min-width: 1440px) {
  .icon-farmatodo {
    width: 104.96px;
    height: 103.68px;
    background-position: 0px -1866.24px;
  }
}
@media screen and (min-width: 1920px) {
  .icon-farmatodo {
    width: 131.2px;
    height: 129.6px;
    background-position: 0px -2332.8px;
  }
}

.icon-ford-rivera {
  width: 57.4px;
  height: 56.7px;
  background-position: 0px -1077.3px;
}
@media screen and (min-width: 768px) {
  .icon-ford-rivera {
    width: 62.32px;
    height: 61.56px;
    background-position: 0px -1169.64px;
  }
}
@media screen and (min-width: 1024px) {
  .icon-ford-rivera {
    width: 78.72px;
    height: 77.76px;
    background-position: 0px -1477.44px;
  }
}
@media screen and (min-width: 1280px) {
  .icon-ford-rivera {
    width: 85.28px;
    height: 84.24px;
    background-position: 0px -1600.56px;
  }
}
@media screen and (min-width: 1440px) {
  .icon-ford-rivera {
    width: 104.96px;
    height: 103.68px;
    background-position: 0px -1969.92px;
  }
}
@media screen and (min-width: 1920px) {
  .icon-ford-rivera {
    width: 131.2px;
    height: 129.6px;
    background-position: 0px -2462.4px;
  }
}

.icon-hdn {
  width: 57.4px;
  height: 56.7px;
  background-position: 0px -1134px;
}
@media screen and (min-width: 768px) {
  .icon-hdn {
    width: 62.32px;
    height: 61.56px;
    background-position: 0px -1231.2px;
  }
}
@media screen and (min-width: 1024px) {
  .icon-hdn {
    width: 78.72px;
    height: 77.76px;
    background-position: 0px -1555.2px;
  }
}
@media screen and (min-width: 1280px) {
  .icon-hdn {
    width: 85.28px;
    height: 84.24px;
    background-position: 0px -1684.8px;
  }
}
@media screen and (min-width: 1440px) {
  .icon-hdn {
    width: 104.96px;
    height: 103.68px;
    background-position: 0px -2073.6px;
  }
}
@media screen and (min-width: 1920px) {
  .icon-hdn {
    width: 131.2px;
    height: 129.6px;
    background-position: 0px -2592px;
  }
}

.icon-italian-coffee {
  width: 57.4px;
  height: 56.7px;
  background-position: 0px -1190.7px;
}
@media screen and (min-width: 768px) {
  .icon-italian-coffee {
    width: 62.32px;
    height: 61.56px;
    background-position: 0px -1292.76px;
  }
}
@media screen and (min-width: 1024px) {
  .icon-italian-coffee {
    width: 78.72px;
    height: 77.76px;
    background-position: 0px -1632.96px;
  }
}
@media screen and (min-width: 1280px) {
  .icon-italian-coffee {
    width: 85.28px;
    height: 84.24px;
    background-position: 0px -1769.04px;
  }
}
@media screen and (min-width: 1440px) {
  .icon-italian-coffee {
    width: 104.96px;
    height: 103.68px;
    background-position: 0px -2177.28px;
  }
}
@media screen and (min-width: 1920px) {
  .icon-italian-coffee {
    width: 131.2px;
    height: 129.6px;
    background-position: 0px -2721.6px;
  }
}

.icon-jose-bayro {
  width: 57.4px;
  height: 56.7px;
  background-position: 0px -1247.4px;
}
@media screen and (min-width: 768px) {
  .icon-jose-bayro {
    width: 62.32px;
    height: 61.56px;
    background-position: 0px -1354.32px;
  }
}
@media screen and (min-width: 1024px) {
  .icon-jose-bayro {
    width: 78.72px;
    height: 77.76px;
    background-position: 0px -1710.72px;
  }
}
@media screen and (min-width: 1280px) {
  .icon-jose-bayro {
    width: 85.28px;
    height: 84.24px;
    background-position: 0px -1853.28px;
  }
}
@media screen and (min-width: 1440px) {
  .icon-jose-bayro {
    width: 104.96px;
    height: 103.68px;
    background-position: 0px -2280.96px;
  }
}
@media screen and (min-width: 1920px) {
  .icon-jose-bayro {
    width: 131.2px;
    height: 129.6px;
    background-position: 0px -2851.2px;
  }
}

.icon-julio {
  width: 57.4px;
  height: 56.7px;
  background-position: 0px -1304.1px;
}
@media screen and (min-width: 768px) {
  .icon-julio {
    width: 62.32px;
    height: 61.56px;
    background-position: 0px -1415.88px;
  }
}
@media screen and (min-width: 1024px) {
  .icon-julio {
    width: 78.72px;
    height: 77.76px;
    background-position: 0px -1788.48px;
  }
}
@media screen and (min-width: 1280px) {
  .icon-julio {
    width: 85.28px;
    height: 84.24px;
    background-position: 0px -1937.52px;
  }
}
@media screen and (min-width: 1440px) {
  .icon-julio {
    width: 104.96px;
    height: 103.68px;
    background-position: 0px -2384.64px;
  }
}
@media screen and (min-width: 1920px) {
  .icon-julio {
    width: 131.2px;
    height: 129.6px;
    background-position: 0px -2980.8px;
  }
}

.icon-jumbo {
  width: 57.4px;
  height: 56.7px;
  background-position: 0px -1360.8px;
}
@media screen and (min-width: 768px) {
  .icon-jumbo {
    width: 62.32px;
    height: 61.56px;
    background-position: 0px -1477.44px;
  }
}
@media screen and (min-width: 1024px) {
  .icon-jumbo {
    width: 78.72px;
    height: 77.76px;
    background-position: 0px -1866.24px;
  }
}
@media screen and (min-width: 1280px) {
  .icon-jumbo {
    width: 85.28px;
    height: 84.24px;
    background-position: 0px -2021.76px;
  }
}
@media screen and (min-width: 1440px) {
  .icon-jumbo {
    width: 104.96px;
    height: 103.68px;
    background-position: 0px -2488.32px;
  }
}
@media screen and (min-width: 1920px) {
  .icon-jumbo {
    width: 131.2px;
    height: 129.6px;
    background-position: 0px -3110.4px;
  }
}

.icon-keeway {
  width: 57.4px;
  height: 56.7px;
  background-position: 0px -1417.5px;
}
@media screen and (min-width: 768px) {
  .icon-keeway {
    width: 62.32px;
    height: 61.56px;
    background-position: 0px -1539px;
  }
}
@media screen and (min-width: 1024px) {
  .icon-keeway {
    width: 78.72px;
    height: 77.76px;
    background-position: 0px -1944px;
  }
}
@media screen and (min-width: 1280px) {
  .icon-keeway {
    width: 85.28px;
    height: 84.24px;
    background-position: 0px -2106px;
  }
}
@media screen and (min-width: 1440px) {
  .icon-keeway {
    width: 104.96px;
    height: 103.68px;
    background-position: 0px -2592px;
  }
}
@media screen and (min-width: 1920px) {
  .icon-keeway {
    width: 131.2px;
    height: 129.6px;
    background-position: 0px -3240px;
  }
}

.icon-kommerling {
  width: 57.4px;
  height: 56.7px;
  background-position: 0px -1474.2px;
}
@media screen and (min-width: 768px) {
  .icon-kommerling {
    width: 62.32px;
    height: 61.56px;
    background-position: 0px -1600.56px;
  }
}
@media screen and (min-width: 1024px) {
  .icon-kommerling {
    width: 78.72px;
    height: 77.76px;
    background-position: 0px -2021.76px;
  }
}
@media screen and (min-width: 1280px) {
  .icon-kommerling {
    width: 85.28px;
    height: 84.24px;
    background-position: 0px -2190.24px;
  }
}
@media screen and (min-width: 1440px) {
  .icon-kommerling {
    width: 104.96px;
    height: 103.68px;
    background-position: 0px -2695.68px;
  }
}
@media screen and (min-width: 1920px) {
  .icon-kommerling {
    width: 131.2px;
    height: 129.6px;
    background-position: 0px -3369.6px;
  }
}

.icon-la-concordia {
  width: 57.4px;
  height: 56.7px;
  background-position: 0px -1530.9px;
}
@media screen and (min-width: 768px) {
  .icon-la-concordia {
    width: 62.32px;
    height: 61.56px;
    background-position: 0px -1662.12px;
  }
}
@media screen and (min-width: 1024px) {
  .icon-la-concordia {
    width: 78.72px;
    height: 77.76px;
    background-position: 0px -2099.52px;
  }
}
@media screen and (min-width: 1280px) {
  .icon-la-concordia {
    width: 85.28px;
    height: 84.24px;
    background-position: 0px -2274.48px;
  }
}
@media screen and (min-width: 1440px) {
  .icon-la-concordia {
    width: 104.96px;
    height: 103.68px;
    background-position: 0px -2799.36px;
  }
}
@media screen and (min-width: 1920px) {
  .icon-la-concordia {
    width: 131.2px;
    height: 129.6px;
    background-position: 0px -3499.2px;
  }
}

.icon-lomas {
  width: 57.4px;
  height: 56.7px;
  background-position: 0px -1587.6px;
}
@media screen and (min-width: 768px) {
  .icon-lomas {
    width: 62.32px;
    height: 61.56px;
    background-position: 0px -1723.68px;
  }
}
@media screen and (min-width: 1024px) {
  .icon-lomas {
    width: 78.72px;
    height: 77.76px;
    background-position: 0px -2177.28px;
  }
}
@media screen and (min-width: 1280px) {
  .icon-lomas {
    width: 85.28px;
    height: 84.24px;
    background-position: 0px -2358.72px;
  }
}
@media screen and (min-width: 1440px) {
  .icon-lomas {
    width: 104.96px;
    height: 103.68px;
    background-position: 0px -2903.04px;
  }
}
@media screen and (min-width: 1920px) {
  .icon-lomas {
    width: 131.2px;
    height: 129.6px;
    background-position: 0px -3628.8px;
  }
}

.icon-mabe {
  width: 57.4px;
  height: 56.7px;
  background-position: 0px -1644.3px;
}
@media screen and (min-width: 768px) {
  .icon-mabe {
    width: 62.32px;
    height: 61.56px;
    background-position: 0px -1785.24px;
  }
}
@media screen and (min-width: 1024px) {
  .icon-mabe {
    width: 78.72px;
    height: 77.76px;
    background-position: 0px -2255.04px;
  }
}
@media screen and (min-width: 1280px) {
  .icon-mabe {
    width: 85.28px;
    height: 84.24px;
    background-position: 0px -2442.96px;
  }
}
@media screen and (min-width: 1440px) {
  .icon-mabe {
    width: 104.96px;
    height: 103.68px;
    background-position: 0px -3006.72px;
  }
}
@media screen and (min-width: 1920px) {
  .icon-mabe {
    width: 131.2px;
    height: 129.6px;
    background-position: 0px -3758.4px;
  }
}

.icon-mamitas {
  width: 57.4px;
  height: 56.7px;
  background-position: 0px -1701px;
}
@media screen and (min-width: 768px) {
  .icon-mamitas {
    width: 62.32px;
    height: 61.56px;
    background-position: 0px -1846.8px;
  }
}
@media screen and (min-width: 1024px) {
  .icon-mamitas {
    width: 78.72px;
    height: 77.76px;
    background-position: 0px -2332.8px;
  }
}
@media screen and (min-width: 1280px) {
  .icon-mamitas {
    width: 85.28px;
    height: 84.24px;
    background-position: 0px -2527.2px;
  }
}
@media screen and (min-width: 1440px) {
  .icon-mamitas {
    width: 104.96px;
    height: 103.68px;
    background-position: 0px -3110.4px;
  }
}
@media screen and (min-width: 1920px) {
  .icon-mamitas {
    width: 131.2px;
    height: 129.6px;
    background-position: 0px -3888px;
  }
}

.icon-maraga {
  width: 57.4px;
  height: 56.7px;
  background-position: 0px -1757.7px;
}
@media screen and (min-width: 768px) {
  .icon-maraga {
    width: 62.32px;
    height: 61.56px;
    background-position: 0px -1908.36px;
  }
}
@media screen and (min-width: 1024px) {
  .icon-maraga {
    width: 78.72px;
    height: 77.76px;
    background-position: 0px -2410.56px;
  }
}
@media screen and (min-width: 1280px) {
  .icon-maraga {
    width: 85.28px;
    height: 84.24px;
    background-position: 0px -2611.44px;
  }
}
@media screen and (min-width: 1440px) {
  .icon-maraga {
    width: 104.96px;
    height: 103.68px;
    background-position: 0px -3214.08px;
  }
}
@media screen and (min-width: 1920px) {
  .icon-maraga {
    width: 131.2px;
    height: 129.6px;
    background-position: 0px -4017.6px;
  }
}

.icon-maskota {
  width: 57.4px;
  height: 56.7px;
  background-position: 0px -1814.4px;
}
@media screen and (min-width: 768px) {
  .icon-maskota {
    width: 62.32px;
    height: 61.56px;
    background-position: 0px -1969.92px;
  }
}
@media screen and (min-width: 1024px) {
  .icon-maskota {
    width: 78.72px;
    height: 77.76px;
    background-position: 0px -2488.32px;
  }
}
@media screen and (min-width: 1280px) {
  .icon-maskota {
    width: 85.28px;
    height: 84.24px;
    background-position: 0px -2695.68px;
  }
}
@media screen and (min-width: 1440px) {
  .icon-maskota {
    width: 104.96px;
    height: 103.68px;
    background-position: 0px -3317.76px;
  }
}
@media screen and (min-width: 1920px) {
  .icon-maskota {
    width: 131.2px;
    height: 129.6px;
    background-position: 0px -4147.2px;
  }
}

.icon-masesa {
  width: 57.4px;
  height: 56.7px;
  background-position: 0px -1871.1px;
}
@media screen and (min-width: 768px) {
  .icon-masesa {
    width: 62.32px;
    height: 61.56px;
    background-position: 0px -2031.48px;
  }
}
@media screen and (min-width: 1024px) {
  .icon-masesa {
    width: 78.72px;
    height: 77.76px;
    background-position: 0px -2566.08px;
  }
}
@media screen and (min-width: 1280px) {
  .icon-masesa {
    width: 85.28px;
    height: 84.24px;
    background-position: 0px -2779.92px;
  }
}
@media screen and (min-width: 1440px) {
  .icon-masesa {
    width: 104.96px;
    height: 103.68px;
    background-position: 0px -3421.44px;
  }
}
@media screen and (min-width: 1920px) {
  .icon-masesa {
    width: 131.2px;
    height: 129.6px;
    background-position: 0px -4276.8px;
  }
}

.icon-mas-refacciones {
  width: 57.4px;
  height: 56.7px;
  background-position: 0px -1927.8px;
}
@media screen and (min-width: 768px) {
  .icon-mas-refacciones {
    width: 62.32px;
    height: 61.56px;
    background-position: 0px -2093.04px;
  }
}
@media screen and (min-width: 1024px) {
  .icon-mas-refacciones {
    width: 78.72px;
    height: 77.76px;
    background-position: 0px -2643.84px;
  }
}
@media screen and (min-width: 1280px) {
  .icon-mas-refacciones {
    width: 85.28px;
    height: 84.24px;
    background-position: 0px -2864.16px;
  }
}
@media screen and (min-width: 1440px) {
  .icon-mas-refacciones {
    width: 104.96px;
    height: 103.68px;
    background-position: 0px -3525.12px;
  }
}
@media screen and (min-width: 1920px) {
  .icon-mas-refacciones {
    width: 131.2px;
    height: 129.6px;
    background-position: 0px -4406.4px;
  }
}

.icon-mattel {
  width: 57.4px;
  height: 56.7px;
  background-position: 0px -1984.5px;
}
@media screen and (min-width: 768px) {
  .icon-mattel {
    width: 62.32px;
    height: 61.56px;
    background-position: 0px -2154.6px;
  }
}
@media screen and (min-width: 1024px) {
  .icon-mattel {
    width: 78.72px;
    height: 77.76px;
    background-position: 0px -2721.6px;
  }
}
@media screen and (min-width: 1280px) {
  .icon-mattel {
    width: 85.28px;
    height: 84.24px;
    background-position: 0px -2948.4px;
  }
}
@media screen and (min-width: 1440px) {
  .icon-mattel {
    width: 104.96px;
    height: 103.68px;
    background-position: 0px -3628.8px;
  }
}
@media screen and (min-width: 1920px) {
  .icon-mattel {
    width: 131.2px;
    height: 129.6px;
    background-position: 0px -4536px;
  }
}

.icon-mc-carthys {
  width: 57.4px;
  height: 56.7px;
  background-position: 0px -2041.2px;
}
@media screen and (min-width: 768px) {
  .icon-mc-carthys {
    width: 62.32px;
    height: 61.56px;
    background-position: 0px -2216.16px;
  }
}
@media screen and (min-width: 1024px) {
  .icon-mc-carthys {
    width: 78.72px;
    height: 77.76px;
    background-position: 0px -2799.36px;
  }
}
@media screen and (min-width: 1280px) {
  .icon-mc-carthys {
    width: 85.28px;
    height: 84.24px;
    background-position: 0px -3032.64px;
  }
}
@media screen and (min-width: 1440px) {
  .icon-mc-carthys {
    width: 104.96px;
    height: 103.68px;
    background-position: 0px -3732.48px;
  }
}
@media screen and (min-width: 1920px) {
  .icon-mc-carthys {
    width: 131.2px;
    height: 129.6px;
    background-position: 0px -4665.6px;
  }
}

.icon-mil-luces {
  width: 57.4px;
  height: 56.7px;
  background-position: 0px -2097.9px;
}
@media screen and (min-width: 768px) {
  .icon-mil-luces {
    width: 62.32px;
    height: 61.56px;
    background-position: 0px -2277.72px;
  }
}
@media screen and (min-width: 1024px) {
  .icon-mil-luces {
    width: 78.72px;
    height: 77.76px;
    background-position: 0px -2877.12px;
  }
}
@media screen and (min-width: 1280px) {
  .icon-mil-luces {
    width: 85.28px;
    height: 84.24px;
    background-position: 0px -3116.88px;
  }
}
@media screen and (min-width: 1440px) {
  .icon-mil-luces {
    width: 104.96px;
    height: 103.68px;
    background-position: 0px -3836.16px;
  }
}
@media screen and (min-width: 1920px) {
  .icon-mil-luces {
    width: 131.2px;
    height: 129.6px;
    background-position: 0px -4795.2px;
  }
}

.icon-mobica {
  width: 57.4px;
  height: 56.7px;
  background-position: 0px -2154.6px;
}
@media screen and (min-width: 768px) {
  .icon-mobica {
    width: 62.32px;
    height: 61.56px;
    background-position: 0px -2339.28px;
  }
}
@media screen and (min-width: 1024px) {
  .icon-mobica {
    width: 78.72px;
    height: 77.76px;
    background-position: 0px -2954.88px;
  }
}
@media screen and (min-width: 1280px) {
  .icon-mobica {
    width: 85.28px;
    height: 84.24px;
    background-position: 0px -3201.12px;
  }
}
@media screen and (min-width: 1440px) {
  .icon-mobica {
    width: 104.96px;
    height: 103.68px;
    background-position: 0px -3939.84px;
  }
}
@media screen and (min-width: 1920px) {
  .icon-mobica {
    width: 131.2px;
    height: 129.6px;
    background-position: 0px -4924.8px;
  }
}

.icon-mpower {
  width: 57.4px;
  height: 56.7px;
  background-position: 0px -2211.3px;
}
@media screen and (min-width: 768px) {
  .icon-mpower {
    width: 62.32px;
    height: 61.56px;
    background-position: 0px -2400.84px;
  }
}
@media screen and (min-width: 1024px) {
  .icon-mpower {
    width: 78.72px;
    height: 77.76px;
    background-position: 0px -3032.64px;
  }
}
@media screen and (min-width: 1280px) {
  .icon-mpower {
    width: 85.28px;
    height: 84.24px;
    background-position: 0px -3285.36px;
  }
}
@media screen and (min-width: 1440px) {
  .icon-mpower {
    width: 104.96px;
    height: 103.68px;
    background-position: 0px -4043.52px;
  }
}
@media screen and (min-width: 1920px) {
  .icon-mpower {
    width: 131.2px;
    height: 129.6px;
    background-position: 0px -5054.4px;
  }
}

.icon-office-max {
  width: 57.4px;
  height: 56.7px;
  background-position: 0px -2268px;
}
@media screen and (min-width: 768px) {
  .icon-office-max {
    width: 62.32px;
    height: 61.56px;
    background-position: 0px -2462.4px;
  }
}
@media screen and (min-width: 1024px) {
  .icon-office-max {
    width: 78.72px;
    height: 77.76px;
    background-position: 0px -3110.4px;
  }
}
@media screen and (min-width: 1280px) {
  .icon-office-max {
    width: 85.28px;
    height: 84.24px;
    background-position: 0px -3369.6px;
  }
}
@media screen and (min-width: 1440px) {
  .icon-office-max {
    width: 104.96px;
    height: 103.68px;
    background-position: 0px -4147.2px;
  }
}
@media screen and (min-width: 1920px) {
  .icon-office-max {
    width: 131.2px;
    height: 129.6px;
    background-position: 0px -5184px;
  }
}

.icon-oggi {
  width: 57.4px;
  height: 56.7px;
  background-position: 0px -2324.7px;
}
@media screen and (min-width: 768px) {
  .icon-oggi {
    width: 62.32px;
    height: 61.56px;
    background-position: 0px -2523.96px;
  }
}
@media screen and (min-width: 1024px) {
  .icon-oggi {
    width: 78.72px;
    height: 77.76px;
    background-position: 0px -3188.16px;
  }
}
@media screen and (min-width: 1280px) {
  .icon-oggi {
    width: 85.28px;
    height: 84.24px;
    background-position: 0px -3453.84px;
  }
}
@media screen and (min-width: 1440px) {
  .icon-oggi {
    width: 104.96px;
    height: 103.68px;
    background-position: 0px -4250.88px;
  }
}
@media screen and (min-width: 1920px) {
  .icon-oggi {
    width: 131.2px;
    height: 129.6px;
    background-position: 0px -5313.6px;
  }
}

.icon-soler-y-palau {
  width: 57.4px;
  height: 56.7px;
  background-position: 0px -2381.4px;
}
@media screen and (min-width: 768px) {
  .icon-soler-y-palau {
    width: 62.32px;
    height: 61.56px;
    background-position: 0px -2585.52px;
  }
}
@media screen and (min-width: 1024px) {
  .icon-soler-y-palau {
    width: 78.72px;
    height: 77.76px;
    background-position: 0px -3265.92px;
  }
}
@media screen and (min-width: 1280px) {
  .icon-soler-y-palau {
    width: 85.28px;
    height: 84.24px;
    background-position: 0px -3538.08px;
  }
}
@media screen and (min-width: 1440px) {
  .icon-soler-y-palau {
    width: 104.96px;
    height: 103.68px;
    background-position: 0px -4354.56px;
  }
}
@media screen and (min-width: 1920px) {
  .icon-soler-y-palau {
    width: 131.2px;
    height: 129.6px;
    background-position: 0px -5443.2px;
  }
}

.icon-sony {
  width: 57.4px;
  height: 56.7px;
  background-position: 0px -2438.1px;
}
@media screen and (min-width: 768px) {
  .icon-sony {
    width: 62.32px;
    height: 61.56px;
    background-position: 0px -2647.08px;
  }
}
@media screen and (min-width: 1024px) {
  .icon-sony {
    width: 78.72px;
    height: 77.76px;
    background-position: 0px -3343.68px;
  }
}
@media screen and (min-width: 1280px) {
  .icon-sony {
    width: 85.28px;
    height: 84.24px;
    background-position: 0px -3622.32px;
  }
}
@media screen and (min-width: 1440px) {
  .icon-sony {
    width: 104.96px;
    height: 103.68px;
    background-position: 0px -4458.24px;
  }
}
@media screen and (min-width: 1920px) {
  .icon-sony {
    width: 131.2px;
    height: 129.6px;
    background-position: 0px -5572.8px;
  }
}

.icon-talavera-de-la-reyna {
  width: 57.4px;
  height: 56.7px;
  background-position: 0px -2494.8px;
}
@media screen and (min-width: 768px) {
  .icon-talavera-de-la-reyna {
    width: 62.32px;
    height: 61.56px;
    background-position: 0px -2708.64px;
  }
}
@media screen and (min-width: 1024px) {
  .icon-talavera-de-la-reyna {
    width: 78.72px;
    height: 77.76px;
    background-position: 0px -3421.44px;
  }
}
@media screen and (min-width: 1280px) {
  .icon-talavera-de-la-reyna {
    width: 85.28px;
    height: 84.24px;
    background-position: 0px -3706.56px;
  }
}
@media screen and (min-width: 1440px) {
  .icon-talavera-de-la-reyna {
    width: 104.96px;
    height: 103.68px;
    background-position: 0px -4561.92px;
  }
}
@media screen and (min-width: 1920px) {
  .icon-talavera-de-la-reyna {
    width: 131.2px;
    height: 129.6px;
    background-position: 0px -5702.4px;
  }
}

.icon-totto {
  width: 57.4px;
  height: 56.7px;
  background-position: 0px -2551.5px;
}
@media screen and (min-width: 768px) {
  .icon-totto {
    width: 62.32px;
    height: 61.56px;
    background-position: 0px -2770.2px;
  }
}
@media screen and (min-width: 1024px) {
  .icon-totto {
    width: 78.72px;
    height: 77.76px;
    background-position: 0px -3499.2px;
  }
}
@media screen and (min-width: 1280px) {
  .icon-totto {
    width: 85.28px;
    height: 84.24px;
    background-position: 0px -3790.8px;
  }
}
@media screen and (min-width: 1440px) {
  .icon-totto {
    width: 104.96px;
    height: 103.68px;
    background-position: 0px -4665.6px;
  }
}
@media screen and (min-width: 1920px) {
  .icon-totto {
    width: 131.2px;
    height: 129.6px;
    background-position: 0px -5832px;
  }
}

.icon-tourister {
  width: 57.4px;
  height: 56.7px;
  background-position: 0px -2608.2px;
}
@media screen and (min-width: 768px) {
  .icon-tourister {
    width: 62.32px;
    height: 61.56px;
    background-position: 0px -2831.76px;
  }
}
@media screen and (min-width: 1024px) {
  .icon-tourister {
    width: 78.72px;
    height: 77.76px;
    background-position: 0px -3576.96px;
  }
}
@media screen and (min-width: 1280px) {
  .icon-tourister {
    width: 85.28px;
    height: 84.24px;
    background-position: 0px -3875.04px;
  }
}
@media screen and (min-width: 1440px) {
  .icon-tourister {
    width: 104.96px;
    height: 103.68px;
    background-position: 0px -4769.28px;
  }
}
@media screen and (min-width: 1920px) {
  .icon-tourister {
    width: 131.2px;
    height: 129.6px;
    background-position: 0px -5961.6px;
  }
}

/*--------------------Video - [Re]sponsive--------------------*/
.video-mask-standar, .video-mask-hd, .video-mask-viewport {
  width: 100%;
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  transform: translateY(-50%);
  padding: inherit;
  overflow: hidden;
}
.video-mask-standar, .video-mask-hd {
  height: 0;
}
.video-mask-standar {
  padding-bottom: 75%;
}
.video-mask-hd {
  padding-bottom: 56.25%;
}
.video-mask-viewport {
  height: 100%;
}

.video-link {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 50;
}

.video-responsive-hd, .video-responsive-standar {
  width: 100%;
  height: 0;
  position: relative;
}
.video-responsive-hd iframe, .video-responsive-standar iframe,
.video-responsive-hd embed,
.video-responsive-standar embed,
.video-responsive-hd object,
.video-responsive-standar object,
.video-responsive-hd video,
.video-responsive-standar video {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.video-responsive-standar {
  padding-bottom: 75%;
}
.video-responsive-hd {
  padding-bottom: 56.25%;
}
.video-mask-viewport .video-responsive-hd {
  width: 200%;
  top: 50%;
  left: 50%;
  padding-bottom: 112.5%;
  transform: translate(-50%, -50%);
}
@media screen and (min-width: 1280px) {
  .video-mask-viewport .video-responsive-hd {
    width: 125%;
    padding-bottom: 70.3125%;
  }
}

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

.monster-accordion__wrapper {
  height: 100vh;
  position: relative;
  background-color: #2c3137;
  background-image: url(../images-slider/slider-video_portrait.jpg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.monster-accordion {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  padding-left: 15px;
  padding-right: 15px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 140px;
  bottom: 90px;
}
@media screen and (min-width: 240px) {
  .monster-accordion {
    width: 240px;
  }
}
@media screen and (min-width: 360px) {
  .monster-accordion {
    width: 333px;
  }
}
@media screen and (min-width: 480px) {
  .monster-accordion {
    width: 420px;
  }
}
@media screen and (min-width: 768px) {
  .monster-accordion {
    width: 672px;
  }
}
@media screen and (min-width: 1024px) {
  .monster-accordion {
    width: 896px;
  }
}
@media screen and (min-width: 1280px) {
  .monster-accordion {
    width: 1024px;
  }
}
@media screen and (min-width: 1440px) {
  .monster-accordion {
    width: 1152px;
  }
}
@media screen and (min-width: 1920px) {
  .monster-accordion {
    width: 1440px;
  }
}
@media screen and (min-width: 768px) {
  .monster-accordion {
    flex-direction: row;
    align-items: center;
    top: 0;
    bottom: 0;
  }
}
.monster-accordion__video-wrapper {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.monster-accordion__item {
  font-size: 9.6pt;
  font-size: 0.8rem;
  color: white;
}
@media screen and (min-width: 768px) {
  .monster-accordion__item {
    width: 30%;
  }
}
@media screen and (min-width: 1280px) {
  .monster-accordion__item {
    font-size: 12pt;
    font-size: 1rem;
  }
}
.monster-accordion__trigger {
  position: relative;
  padding-left: 50px;
  cursor: pointer;
}
.monster-accordion__trigger:after {
  display: none;
}
.accordion-item--active .monster-accordion__trigger:after {
  display: block;
  bottom: -1em;
}
.monster-accordion__trigger .icons-services {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}
.monster-accordion__we {
  text-transform: uppercase;
}
.monster-accordion__we span {
  font-weight: 700;
}
.monster-accordion__service {
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 1.5em;
  font-weight: 700;
}
.accordion-item--active .monster-accordion__service {
  background: -webkit-gradient(linear, left top, right bottom, from(#33afab), to(#80b83e));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.monster-accordion__content {
  max-height: 0;
  overflow: hidden;
  margin-top: 2em;
  font-size: 1em;
  transition: max-height 0.3s ease;
}
.accordion-item--active .monster-accordion__content {
  max-height: 12em;
}
.monster-accordion__content .boton-vicom {
  font-size: 1em;
}
.monster-accordion__slogan {
  font-family: "Consolas", monospace;
  font-weight: 500;
  text-transform: uppercase;
}

/*--------------------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;
}
.main-slider-fullscreen .container-slider-portrait,
.main-slider-fullscreen .container-slider-landscape {
  display: none !important;
  position: relative;
  transition: height 0.1s ease-out;
}
@media screen and (min-width: 240px) {
  .main-slider-fullscreen .container-slider-portrait,
  .main-slider-fullscreen .container-slider-landscape {
    height: 260px;
  }
}
@media screen and (min-width: 360px) {
  .main-slider-fullscreen .container-slider-portrait,
  .main-slider-fullscreen .container-slider-landscape {
    height: 640px;
  }
}
@media screen and (min-width: 768px) {
  .main-slider-fullscreen .container-slider-portrait,
  .main-slider-fullscreen .container-slider-landscape {
    height: 950px;
  }
}
@media screen and (min-width: 1024px) {
  .main-slider-fullscreen .container-slider-portrait,
  .main-slider-fullscreen .container-slider-landscape {
    height: 690px;
  }
}
@media screen and (min-width: 1280px) {
  .main-slider-fullscreen .container-slider-portrait,
  .main-slider-fullscreen .container-slider-landscape {
    height: 650px;
  }
}
@media screen and (min-width: 1440px) {
  .main-slider-fullscreen .container-slider-portrait,
  .main-slider-fullscreen .container-slider-landscape {
    height: 830px;
  }
}
@media screen and (min-width: 1920px) {
  .main-slider-fullscreen .container-slider-portrait,
  .main-slider-fullscreen .container-slider-landscape {
    height: 900px;
  }
}
@media screen and (orientation: portrait) {
  .main-slider-fullscreen .container-slider-portrait {
    display: block !important;
  }
}
@media screen and (orientation: landscape) {
  .main-slider-fullscreen .container-slider-landscape {
    display: block !important;
  }
}
.main-slider-fullscreen .slider-portrait,
.main-slider-fullscreen .slider-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;
  }
}

.map-iframe {
  position: relative;
  filter: grayscale(100%);
}
.map-iframe .iframe-mask {
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  background-blend-mode: color-dodge;
}
.map-iframe div.gm-style > div:first-child {
  pointer-events: none !important;
}
.map-iframe iframe {
  width: 100%;
  display: block;
  margin-bottom: 50px;
  pointer-events: none;
}

body.modal-open {
  padding-right: 0 !important;
  overflow: auto;
}
body.modal-open .modal {
  z-index: 1000000;
  overflow-y: auto;
  padding-right: 0 !important;
}

.modal-header {
  position: relative;
  padding: 20px 20px 15px 20px;
  border-bottom: 1px solid #eeeeee;
}
.modal-header .modal-title {
  font-weight: 500;
  font-size: 18px;
  color: #535256;
}
.modal-header > .close {
  margin-top: -4px;
}

.modal-body {
  padding: 20px;
}

.modal-footer {
  padding: 20px;
  border-top: 1px solid #eeeeee;
}

.close {
  position: absolute;
  top: 20px;
  right: 20px;
}

/*---------------------Go to top--------------------------------*/
.go-to-top {
  display: inline-block;
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 1000;
  cursor: pointer;
}
.go-to-top > i {
  font-size: 38px;
  font-weight: 300;
  color: #01ac55;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.go-to-top:hover {
  opacity: 0.9;
  filter: alpha(opacity=90);
}

/*--------------------Re-Novar--------------------*/
.no-boxsizing .re-novar,
.no-csstransitions .re-novar {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999999999;
  font-size: 15.6pt;
  font-size: 1.3rem;
  text-align: center;
  color: #535256;
  background: rgb(243.1, 243.1, 243.1);
}
.no-boxsizing .re-novar div,
.no-csstransitions .re-novar div {
  padding: 20% 10% 0 10%;
}
.no-boxsizing .re-novar strong,
.no-csstransitions .re-novar strong {
  font-size: 20.4pt;
  font-size: 1.7rem;
  color: rgb(45.2053571429, 44.6607142857, 46.8392857143);
}
.no-boxsizing .re-novar a,
.no-csstransitions .re-novar a {
  color: #1b96e4;
}

/*--------------------Formularios--------------------*/
.form-container {
  padding-top: 30px;
}
.form-container h1 {
  padding-bottom: 20px;
  position: relative;
}
.form-container h1:after {
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-image: linear-gradient(to right, #33afab, #80b83e);
}
@media only screen and (min-width: 1440px) {
  .form-container {
    padding: 0 5%;
  }
}
@media only screen and (min-width: 1440px) {
  .form-container form {
    padding: 0 5%;
  }
}

form {
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  color: #535256;
}
form fieldset {
  padding: 1% 4% 2% 4%;
  border: 1px dotted rgb(164.05, 164.05, 164.05);
  border-radius: 10px;
}
form fieldset + fieldset {
  margin-top: 20px;
}
form legend {
  width: auto;
  margin-bottom: 20px;
  text-align: center;
  color: #535256;
}
form > div {
  width: 100%;
  overflow: hidden;
  position: relative;
  border-radius: 2px;
  padding: 1px;
  margin-bottom: 10px;
  background-image: linear-gradient(to right, #33afab, #80b83e);
}
@media only screen and (min-width: 360px) {
  form > div.float-left, form > div.float-right {
    width: 48%;
  }
}
form > div.alerta {
  overflow: hidden;
  margin-bottom: 10px;
  font-size: 12pt;
  font-size: 1rem;
  color: rgb(45.2053571429, 44.6607142857, 46.8392857143);
  text-align: center;
}
form > div.alerta span {
  color: rgb(45.2053571429, 44.6607142857, 46.8392857143);
  font-weight: 500;
}
form > div.alerta.error {
  color: #dd1c47;
}
form > div.container-searcher {
  position: relative;
  margin-top: 10px;
  margin-bottom: 10px;
}
form > div.container-searcher button {
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
}
form > div.send {
  overflow: hidden;
  clear: both;
  border: none;
  background: none;
  margin-bottom: 0;
  margin-top: 10px;
  text-align: right;
}
form > div.options-checkbox {
  background: none;
}
form > div.options-checkbox em {
  display: block;
  margin-bottom: 1em;
}
form > div.options-checkbox span.checkbox-item {
  display: block;
  margin-bottom: 5px;
}
@media screen and (min-width: 480px) {
  form > div.options-checkbox span.checkbox-item {
    width: 50%;
    float: left;
  }
}
form > div.options-checkbox span.checkbox-item input {
  vertical-align: top;
}
form > div.options-checkbox span.checkbox-item label {
  position: relative;
  display: inline-block;
  height: 40px;
  padding-left: 50px;
}
form > div.options-checkbox span.checkbox-item label span.icons-services {
  position: absolute;
  top: 0;
  left: 0;
}
form > div.options-checkbox span.checkbox-item label span.checkbox-item-name {
  display: inline-block;
  margin-top: 5px;
  color: #535256;
}
form label {
  border: none;
  font-weight: 500;
  color: rgb(45.2053571429, 44.6607142857, 46.8392857143);
  line-height: 25px;
}
form label span {
  height: 25px;
  margin-left: 2px;
  font-family: "Consolas", monospace;
  font-weight: 300;
  color: #01ac55;
}
form input[type=text],
form input[type=email],
form input[type=tel],
form input[type=search],
form input[type=url],
form input[type=password],
form input[type=file],
form input[type=number],
form input[type=date],
form input[type=datetime],
form input[type=datetime-local],
form input[type=time],
form input[type=week],
form input[type=month],
form input[type=color],
form select,
form textarea {
  width: 100%;
  height: 30px;
  display: block;
  clear: both;
  padding: 2px 5px 2px 5px;
  font-size: 10.8pt;
  font-size: 0.9rem;
  font-weight: 400;
  color: #535256;
  background: white;
  transition: all 0.5s ease;
}
form input[type=text]:focus,
form input[type=email]:focus,
form input[type=tel]:focus,
form input[type=search]:focus,
form input[type=url]:focus,
form input[type=password]:focus,
form input[type=file]:focus,
form input[type=number]:focus,
form input[type=date]:focus,
form input[type=datetime]:focus,
form input[type=datetime-local]:focus,
form input[type=time]:focus,
form input[type=week]:focus,
form input[type=month]:focus,
form input[type=color]:focus,
form select:focus,
form textarea:focus {
  border-left: 1px solid #01ac55;
}
form input[type=text]:invalid,
form input[type=email]:invalid,
form input[type=tel]:invalid,
form input[type=search]:invalid,
form input[type=url]:invalid,
form input[type=password]:invalid,
form input[type=file]:invalid,
form input[type=number]:invalid,
form input[type=date]:invalid,
form input[type=datetime]:invalid,
form input[type=datetime-local]:invalid,
form input[type=time]:invalid,
form input[type=week]:invalid,
form input[type=month]:invalid,
form input[type=color]:invalid,
form select:invalid,
form textarea:invalid {
  outline: 1px solid transparent;
  box-shadow: none;
}
form input[type=file] {
  height: 32px;
}
form input[type=checkbox],
form input[type=radio] {
  margin: 5px 5px 0 0;
}
form textarea {
  height: 80px;
}

.captcha {
  background: none;
  /* @media screen and (min-width: $screen-sm-min){
  	width: 50%;
  } */
}
.captcha > img {
  width: 45%;
  display: block;
  float: left;
}
.captcha > a {
  position: absolute;
  top: 0;
  right: 65%;
  cursor: pointer;
}
.captcha > input[type=text] {
  width: 50%;
  float: right;
  clear: none;
  border: 1px solid #01ac55;
  margin-top: 20px;
}

.main-services-two {
  position: relative;
}
.main-services-two .service-item {
  position: relative;
  overflow: hidden;
  background-color: white;
}
.main-services-two .service-item:first-child {
  position: relative;
}
.main-services-two .service-item:first-child:after {
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-image: linear-gradient(to left, #33afab, #80b83e);
}
.main-services-two .service-item.web-ecommerce {
  text-align: left;
}
@media screen and (min-width: 768px) {
  .main-services-two .service-item.web-ecommerce {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 1440px) {
  .main-services-two .service-item.web-ecommerce .service-summary em {
    padding-right: 6em;
  }
}
.main-services-two .service-item.marketing-social {
  text-align: right;
}
@media screen and (min-width: 1440px) {
  .main-services-two .service-item.marketing-social .service-summary em {
    padding-left: 6em;
  }
}
@media screen and (max-width: 767px) {
  .main-services-two .service-summary {
    min-height: 0 !important;
    padding-top: 50px;
    padding-bottom: 0px;
  }
}
@media screen and (min-width: 768px) {
  .main-services-two .service-summary > div {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
}
.main-services-two .service-summary .tag-title {
  display: block;
  text-transform: uppercase;
  line-height: 1.2;
  color: #535256;
}
.main-services-two .service-summary h3 {
  padding-bottom: 30px;
  margin-bottom: 30px;
  font-weight: 300;
  text-transform: uppercase;
  color: #01ac55;
  position: relative;
}
.main-services-two .service-summary h3:after {
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-image: linear-gradient(to right, #33afab, #80b83e);
}
@media screen and (max-width: 767px) {
  .main-services-two .service-graphic {
    min-height: auto !important;
  }
}
@media screen and (min-width: 768px) {
  .main-services-two .service-graphic img {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    transform: translateY(-50%);
    padding: inherit;
  }
}
@media screen and (max-width: 1023px) {
  .main-services-two .content-counter-1 {
    display: none;
  }
}
.main-services-two .content-counter-1 .counter {
  width: 90px;
  height: 90px;
  display: inline-block;
  padding: 32px 0;
  border-radius: 90px;
  border: 1px solid transparent;
  border-color: #80b83e;
  font-family: "Consolas", monospace;
  font-size: 13.2pt;
  font-size: 1.1rem;
  font-weight: 500;
  text-align: center;
  color: rgb(45.2053571429, 44.6607142857, 46.8392857143);
  background-color: #fff;
}
.main-services-two .content-counter-1 .counter-title {
  display: block;
  margin-top: 15px;
  margin-bottom: 15px;
  font-size: 9.6pt;
  font-size: 0.8rem;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 1.4;
  color: #535256;
}

/*--------------------Services accordion--------------------*/
.services-accordion__container {
  position: relative;
  overflow: hidden;
  background-image: linear-gradient(to right, #33afab, #58b282, #71b563, #80b83e);
}

.services-accordion__item {
  width: 100%;
  height: 400px;
  position: relative;
  overflow: hidden;
  float: left;
  color: white;
  background-position: center left;
  background-size: cover;
  background-repeat: no-repeat;
  transition: width 0.5s ease-in-out;
}
@media screen and (min-width: 1024px) {
  .services-accordion__item {
    width: 25%;
    height: 560px;
  }
}
.services-accordion--3__container .services-accordion__item {
  color: #58b282;
}
@media screen and (min-width: 1024px) {
  .services-accordion--3__container .services-accordion__item {
    width: 20%;
  }
}
.services-accordion__item.service-web {
  background-image: url(../images/inicio-anchor-web.jpg);
}
.services-accordion__item.service-ecommerce {
  background-image: url(../images/inicio-anchor-ecommerce2.jpg);
}
.services-accordion__item.service-marketing {
  background-image: url(../images/inicio-anchor-marketing.jpg);
}
.services-accordion__item.service-social {
  background-image: url(../images/inicio-anchor-social.jpg);
}
.services-accordion__item.service-vtex {
  background-image: url(../images/inicio-anchor-vtex.jpg);
}
@media screen and (min-width: 1024px) {
  .services-accordion__item.service-vtex {
    width: 60%;
  }
}
.services-accordion__item.service-shopify {
  background-image: url(../images/inicio-anchor-shopify.jpg);
}
.services-accordion__item.service-mercado {
  background-image: url(../images/inicio-anchor-mercado.jpg);
}
.services-accordion__item.active {
  width: 85%;
}
@media screen and (max-width: 1023px) {
  .services-accordion__item.active {
    width: 100%;
  }
}
@media screen and (min-width: 1024px) {
  .services-accordion__item.inactive {
    width: 5%;
  }
}
.services-accordion--3__container .services-accordion__item.inactive {
  color: #58b282;
}
@media screen and (min-width: 1024px) {
  .services-accordion--3__container .services-accordion__item.inactive {
    width: 7.5%;
  }
}

.services-accordion__summary,
.services-accordion__detail {
  padding-left: 30px;
  padding-right: 30px;
}

.services-accordion__summary {
  width: 100%;
  overflow: hidden;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  z-index: 10;
  text-align: center;
  transition: all 0.5s;
}
.services-accordion__summary h4,
.services-accordion__summary .tag-we,
.services-accordion__summary p,
.services-accordion__summary a {
  opacity: 1;
  transition: opacity 0.25s ease 0.25s !important;
}
.services-accordion__summary .tag-we {
  display: inline-block;
  margin-bottom: 0.5em;
  font-size: 16.8pt;
  font-size: 1.4rem;
  text-transform: capitalize;
  color: white;
}
@media screen and (min-width: 768px) {
  .services-accordion__item.active .services-accordion__summary {
    width: 25%;
  }
}
@media screen and (min-width: 768px) {
  .services-accordion__item.active .services-accordion__summary a {
    display: none;
  }
}
@media screen and (min-width: 1024px) {
  .services-accordion__item.inactive .services-accordion__summary {
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media screen and (min-width: 1024px) {
  .services-accordion__item.inactive .services-accordion__summary h4,
  .services-accordion__item.inactive .services-accordion__summary .tag-we,
  .services-accordion__item.inactive .services-accordion__summary p,
  .services-accordion__item.inactive .services-accordion__summary a {
    position: absolute;
    opacity: 0 !important;
  }
}

.services-accordion__detail {
  width: 0;
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 30%;
  z-index: 5;
  padding-top: 30px;
  padding-bottom: 30px;
  margin: 0 auto;
  overflow: hidden;
  color: white;
  background-color: rgba(255, 255, 255, 0);
  transition: width 0.25s ease 0.25s, opacity 0.125s ease;
}
.services-accordion--3__container .services-accordion__detail {
  color: #2c3137;
}
.services-accordion__detail h4 {
  margin-bottom: 10px;
  font-size: 16.8pt;
  font-size: 1.4rem;
  font-weight: 400;
  text-transform: uppercase;
}
@media screen and (min-width: 1280px) {
  .services-accordion__detail h4 {
    font-size: 24pt;
    font-size: 2rem;
  }
}
.services-accordion__detail h4 strong {
  color: #fc5167;
}
.services-accordion__detail p {
  font-weight: 700;
  font-size: 1.3em;
  color: #535256;
}
.services-accordion__detail li {
  color: #71b563;
  list-style: circle;
}
.services-accordion__detail .module-brand {
  position: relative;
  text-align: center;
}
.services-accordion__detail .module-brand div {
  width: 15%;
  float: left;
  margin: 2%;
  padding-left: 5px;
}
.services-accordion__detail .module-brand div a {
  display: inline-block;
}
.services-accordion__item.active .services-accordion__detail {
  transition: width 0.25s, opacity 0.25s ease 0.5s;
}
@media screen and (min-width: 768px) {
  .services-accordion__item.active .services-accordion__detail {
    width: 65%;
    display: block;
    position: relative;
    left: 10%;
    opacity: 1;
  }
}
@media screen and (min-width: 1024px) {
  .services-accordion__item.active .services-accordion__detail {
    position: absolute;
    left: 30%;
  }
}

.service-banner-main {
  padding-top: 200px;
  background-repeat: no-repeat;
  background-size: 100% auto;
}
@media screen and (min-width: 768px) {
  .service-banner-main {
    padding-top: 20px;
    padding-bottom: 20px;
    background-position: center;
  }
}
@media screen and (min-width: 1024px) {
  .service-banner-main {
    padding-top: 70px;
    padding-bottom: 70px;
  }
}
@media screen and (min-width: 1280px) {
  .service-banner-main {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
@media screen and (min-width: 1440px) {
  .service-banner-main {
    padding-top: 250px;
    padding-bottom: 250px;
  }
}
.service-banner-main > img {
  position: absolute;
  top: 0;
}
.service-banner-main h1 {
  text-transform: uppercase;
}
.service-banner-main .service-copy {
  font-size: 20.4pt;
  font-size: 1.7rem;
  line-height: 1.2;
  color: #01ac55;
}

.service-description {
  padding-top: 100px;
  padding-bottom: 100px;
  padding-left: 10%;
  padding-right: 10%;
  background-image: linear-gradient(to left, #33afab, #58b282, #71b563, #80b83e);
}
@media screen and (min-width: 768px) {
  .service-description {
    padding-top: 130px;
    padding-bottom: 130px;
    padding-left: 30%;
    padding-right: 30%;
  }
}
@media screen and (min-width: 1280px) {
  .service-description {
    padding-top: 250px;
    padding-bottom: 250px;
    padding-left: 20%;
    padding-right: 20%;
  }
}
.service-description .tag-title {
  line-height: 1.3;
}

.service-two-columns .links-trigger {
  display: none;
}
.service-two-columns h2 {
  font-size: 24pt;
  font-size: 2rem;
}
.service-two-columns > .row {
  width: 100%;
  top: 0;
}
@media screen and (max-width: 767px) {
  .service-two-columns .service-copy {
    width: 100%;
    min-height: 0 !important;
    padding-top: 25px;
    padding-bottom: 0px;
  }
}
@media screen and (min-width: 768px) {
  .service-two-columns .service-copy section {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    transform: translateY(-50%);
    padding: inherit;
  }
}
@media screen and (max-width: 767px) {
  .service-two-columns .service-animation {
    width: 100%;
    min-height: 0 !important;
  }
}
@media screen and (min-width: 768px) {
  .service-two-columns .service-animation img {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    transform: translateY(-50%);
    padding: inherit;
  }
}

.service-subservice-01 {
  position: relative;
}
.service-subservice-01 .pull-right {
  padding-top: 35px;
  padding-bottom: 0px;
}
@media screen and (max-width: 767px) {
  .service-subservice-01 .pull-right {
    min-height: 0 !important;
  }
}
@media screen and (min-width: 768px) {
  .service-subservice-01 .pull-right {
    padding-top: 70px;
    padding-bottom: 70px;
  }
}
@media screen and (min-width: 1440px) {
  .service-subservice-01 .pull-right {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
@media screen and (max-width: 767px) {
  .service-subservice-01 .pull-left {
    min-height: 0 !important;
  }
}
.service-subservice-01 .pull-left img {
  width: 80%;
  display: block;
  margin: 0 auto;
}
@media screen and (min-width: 480px) {
  .service-subservice-01 .pull-left img {
    width: 60%;
  }
}
@media screen and (min-width: 768px) {
  .service-subservice-01 .pull-left img {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    transform: translateY(-50%);
    padding: inherit;
  }
}
@media screen and (min-width: 1280px) {
  .service-subservice-01 .pull-left img {
    width: 80%;
  }
}
@media screen and (min-width: 1440px) {
  .service-subservice-01 .pull-left img {
    width: 65%;
  }
}

.service-subservice-02 {
  padding-top: 60px;
  padding-bottom: 60px;
}

.service-subservice-03 {
  padding-top: 40px;
  padding-bottom: 60px;
  margin-bottom: 40px;
  color: white;
  background-color: rgb(55.3333333333, 61.6212121212, 69.1666666667);
}
.service-subservice-03 h3 {
  padding-top: 20px;
  padding-bottom: 20px;
  position: relative;
  font-weight: 700;
}
.service-subservice-03 h3:after {
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-image: linear-gradient(to right, #33afab, #80b83e);
}
@media screen and (min-width: 768px) {
  .service-subservice-03 p.text-center {
    padding-left: 10%;
    padding-right: 10%;
  }
}
@media screen and (min-width: 1440px) {
  .service-subservice-03 p.text-center {
    padding-left: 20%;
    padding-right: 20%;
  }
}
.service-subservice-03 .service-diagram {
  width: 100%;
  position: relative;
  overflow: hidden;
}
@media screen and (min-width: 480px) {
  .service-subservice-03 .service-diagram {
    margin-top: 40px;
  }
}
.service-subservice-03 .service-diagram > .box {
  text-align: center;
}
@media screen and (min-width: 360px) {
  .service-subservice-03 .service-diagram > .box {
    width: 48%;
    position: relative;
    top: auto;
    left: auto;
    margin: auto;
    text-align: center;
  }
  .service-subservice-03 .service-diagram > .box.app-left {
    float: left;
  }
  .service-subservice-03 .service-diagram > .box.app-right {
    float: right;
  }
}
@media screen and (min-width: 1024px) {
  .service-subservice-03 .service-diagram > .box {
    width: 250px;
    position: absolute;
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .service-subservice-03 .service-diagram > .box.point-1 {
    top: 100px;
    right: 50%;
    margin-right: 230px;
    text-align: right;
  }
  .service-subservice-03 .service-diagram > .box.point-2 {
    top: 100px;
    left: 50%;
    margin-left: 230px;
    text-align: left;
  }
  .service-subservice-03 .service-diagram > .box.point-3 {
    top: 230px;
    right: 50%;
    margin-right: 230px;
    text-align: right;
  }
  .service-subservice-03 .service-diagram > .box.point-4 {
    top: 230px;
    left: 50%;
    margin-left: 230px;
    text-align: left;
  }
  .service-subservice-03 .service-diagram > .box.point-1-m {
    top: 100px;
    right: 50%;
    margin-right: 230px;
    text-align: right;
  }
  .service-subservice-03 .service-diagram > .box.point-2-m {
    top: 100px;
    left: 50%;
    margin-left: 230px;
    text-align: left;
  }
  .service-subservice-03 .service-diagram > .box.point-3-m {
    top: 165px;
    right: 50%;
    margin-right: 230px;
    text-align: right;
  }
  .service-subservice-03 .service-diagram > .box.point-4-m {
    top: 165px;
    left: 50%;
    margin-left: 230px;
    text-align: left;
  }
  .service-subservice-03 .service-diagram > .box.point-5-m {
    top: 230px;
    right: 50%;
    margin-right: 230px;
    text-align: right;
  }
  .service-subservice-03 .service-diagram > .box.point-6-m {
    top: 230px;
    left: 50%;
    margin-left: 230px;
    text-align: left;
  }
}
.service-subservice-03 .service-diagram h4 {
  font-weight: 700;
  letter-spacing: 1px;
}
.service-subservice-03 .subservice-definition {
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  text-align: center;
}
@media screen and (min-width: 360px) {
  .service-subservice-03 .subservice-definition {
    width: 310px;
    padding-top: 150px;
    padding-bottom: 150px;
    padding-left: 50px;
    padding-right: 50px;
    background: transparent url(../images/service-circle.png) center center/contain no-repeat;
  }
}
@media screen and (min-width: 480px) {
  .service-subservice-03 .subservice-definition {
    width: 400px;
  }
}

.services-section {
  position: relative;
}
.services-section:after {
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-image: linear-gradient(to right, #33afab, #80b83e);
}
@media screen and (max-width: 1023px) {
  .services-section .row > div {
    min-height: 0 !important;
  }
}
@media screen and (max-width: 1023px) {
  .services-section .row .vertical-center {
    text-align: left;
    position: relative !important;
    transform: translateY(0);
  }
  .services-section .row .vertical-center span {
    margin-left: 0;
  }
  .services-section .row .vertical-center h2 {
    text-align: left;
  }
}

.service-section-col {
  border-left: 1px solid rgb(220.15, 220.15, 220.15);
  overflow: hidden;
}
@media screen and (max-width: 1023px) {
  .service-section-col {
    padding-top: 20px;
    padding-bottom: 20px;
    position: relative;
  }
  .service-section-col:before {
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    top: 0;
    left: 0;
    background-image: linear-gradient(to right, #33afab, #80b83e);
  }
}
.service-section-col:hover .service-hover {
  left: 0;
}
.service-section-col h2 {
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .service-section-col .service-item {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    transform: translateY(-50%);
    padding: inherit;
  }
}
.service-section-col .service-hover {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  background-color: #01ac55;
  background-image: linear-gradient(to -45deg, #33afab, #58b282, #71b563, #80b83e);
  left: -100%;
  transition: left 0.2s ease;
}
.service-section-col ul {
  width: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  list-style-type: circle;
  color: white;
}
.service-section-col ul a:hover {
  color: inherit;
}
.service-section-col ul hr.rule-blanco {
  margin-top: 15px;
  margin-bottom: 15px;
}
@media screen and (max-width: 1023px) {
  .service-section-col ul hr.rule-blanco {
    display: none;
  }
}
.service-section-col ul hr ~ li {
  font-size: 9.6pt;
  font-size: 0.8rem;
  font-weight: 300;
}
@media screen and (max-width: 1023px) {
  .service-section-col ul hr ~ li {
    display: none;
  }
}

.vtex-ecommerce-home {
  padding-top: 70px;
  padding-bottom: 70px;
}
.vtex-ecommerce-home:first-child {
  position: relative;
}
.vtex-ecommerce-home:first-child:before {
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  top: 0;
  left: 0;
  background-image: linear-gradient(to left, #33afab, #80b83e);
}
.vtex-ecommerce-home .item-vtex-text {
  border-bottom: 1px solid #f71963;
  border-top: 1px solid #f71963;
}
@media screen and (min-width: 768px) {
  .vtex-ecommerce-home .item-vtex-text {
    border: none;
  }
}
.vtex-ecommerce-home .item-vtex-text .tag-title {
  padding-top: 25px;
  display: block;
  text-transform: uppercase;
  line-height: 1.2;
  color: #535256;
}
@media screen and (min-width: 768px) {
  .vtex-ecommerce-home .item-vtex-text .tag-title {
    padding-top: none;
  }
}
.vtex-ecommerce-home .item-vtex-text .tag-title strong {
  color: #01ac55;
}
.vtex-ecommerce-home .item-vtex-text span {
  color: #01ac55;
  font-family: "Consolas", monospace;
  font-size: 0.9em;
  font-weight: 700;
  padding-top: 15px;
  display: block;
}
@media screen and (min-width: 1280px) {
  .vtex-ecommerce-home .item-vtex-text span {
    font-size: 1em;
    padding-top: 25px;
  }
}
.vtex-ecommerce-home .item-vtex-text ul {
  color: #2c3137;
  font-family: "Consolas", monospace;
  font-weight: 300;
  padding-top: 3px;
}
@media screen and (min-width: 1024px) {
  .vtex-ecommerce-home .item-vtex-text ul {
    padding-top: 10px;
  }
}
@media screen and (min-width: 1280px) {
  .vtex-ecommerce-home .item-vtex-text ul {
    padding-top: 20px;
  }
}
.vtex-ecommerce-home .item-vtex-text li {
  padding-bottom: 5px;
  font-size: 0.7em;
}
@media screen and (min-width: 1024px) {
  .vtex-ecommerce-home .item-vtex-text li {
    font-size: 0.8em;
    padding-bottom: 10px;
  }
}
@media screen and (min-width: 1280px) {
  .vtex-ecommerce-home .item-vtex-text li {
    font-size: 1em;
    padding-bottom: 10px;
  }
}
.vtex-ecommerce-home .item-vtex-img {
  padding: 20px;
  text-align: center;
}
.vtex-ecommerce-home .item-vtex-img .img-one {
  display: block;
  margin: 0 auto;
  text-align: center;
  padding-bottom: 25px;
}
.vtex-ecommerce-home .item-vtex-img .img-one img {
  display: block;
  width: 70%;
}

.list-vtex {
  text-align: center;
}
.list-vtex div {
  width: 30%;
  display: inline-block;
  padding: 10px;
}
@media screen and (min-width: 1024px) {
  .list-vtex div {
    width: 30%;
  }
}
@media screen and (min-width: 1440px) {
  .list-vtex div {
    padding: 20px;
  }
}
@media screen and (min-width: 1920px) {
  .list-vtex div {
    padding: 30px;
  }
}
.list-vtex div img {
  display: inline-block;
}

.vtex-internal {
  padding: 50px 30px;
}
@media screen and (min-width: 768px) {
  .vtex-internal {
    padding: 50px 100px;
  }
}
.vtex-internal .item-vtex-text {
  border-bottom: 1px solid #f71963;
  border-top: 1px solid #f71963;
}
@media screen and (min-width: 768px) {
  .vtex-internal .item-vtex-text {
    border: none;
  }
}
.vtex-internal .item-vtex-text .publishers-slider-wrapper {
  padding: 0;
}
@media screen and (min-width: 1024px) {
  .vtex-internal .item-vtex-text .publishers-slider-wrapper {
    padding: 30px 50px 0 0;
  }
}
.vtex-internal .item-vtex-text .tag-title {
  padding: 25px 0 0 0;
  display: block;
  text-transform: uppercase;
  line-height: 1.2;
  color: #535256;
}
@media screen and (min-width: 1280px) {
  .vtex-internal .item-vtex-text .tag-title {
    padding: 50px 0;
  }
}
@media screen and (min-width: 768px) {
  .vtex-internal .item-vtex-text .tag-title {
    padding-top: none;
  }
}
.vtex-internal .item-vtex-text .tag-title strong {
  color: #01ac55;
}
.vtex-internal .item-vtex-text span {
  color: #01ac55;
  font-family: "Consolas", monospace;
  font-size: 0.9em;
  font-weight: 700;
  padding-top: 15px;
  display: block;
}
@media screen and (min-width: 1280px) {
  .vtex-internal .item-vtex-text span {
    font-size: 1em;
    padding-top: 25px;
  }
}
.vtex-internal .item-vtex-text ul {
  color: #2c3137;
  font-family: "Consolas", monospace;
  font-weight: 300;
  padding-top: 3px;
}
@media screen and (min-width: 1024px) {
  .vtex-internal .item-vtex-text ul {
    padding-top: 10px;
  }
}
@media screen and (min-width: 1280px) {
  .vtex-internal .item-vtex-text ul {
    padding-top: 20px;
  }
}
.vtex-internal .item-vtex-text li {
  padding-bottom: 5px;
  font-size: 0.7em;
}
@media screen and (min-width: 1024px) {
  .vtex-internal .item-vtex-text li {
    font-size: 0.8em;
    padding-bottom: 10px;
  }
}
@media screen and (min-width: 1280px) {
  .vtex-internal .item-vtex-text li {
    font-size: 1em;
    padding-bottom: 10px;
  }
}
.vtex-internal .item-vtex-img {
  padding: 20px;
  text-align: left;
}
.vtex-internal .item-vtex-img .img-one {
  display: block;
  margin: 0 auto;
  text-align: left;
  padding-bottom: 25px;
  border-bottom: 1px solid #58b282;
}
.vtex-internal .item-vtex-img .list-vtex div {
  width: 30%;
  display: inline-block;
  padding: 10px;
}
@media screen and (min-width: 1024px) {
  .vtex-internal .item-vtex-img .list-vtex div {
    width: 30%;
  }
}
@media screen and (min-width: 1440px) {
  .vtex-internal .item-vtex-img .list-vtex div {
    padding: 20px;
  }
}
@media screen and (min-width: 1920px) {
  .vtex-internal .item-vtex-img .list-vtex div {
    padding: 30px;
  }
}
.vtex-internal .item-vtex-img .list-vtex div img {
  display: inline-block;
}

/*--------------------Vtex Home--------------------*/
.vtex__wrapper {
  padding-top: 6em;
  padding-bottom: 6em;
  color: white;
  background-color: transparent;
  background-image: url("../images/back-vtex-home.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media screen and (min-width: 768px) {
  .vtex__wrapper {
    font-size: 12pt;
    font-size: 1rem;
  }
}
@media screen and (min-width: 1024px) {
  .vtex__content {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
.vtex__title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 1.4em;
  text-transform: uppercase;
}
@media screen and (min-width: 1024px) {
  .vtex__title {
    font-size: 1.75em;
  }
}
.vtex__title img {
  height: 2.5em;
  display: inline-block;
  vertical-align: middle;
}
.vtex__about-us {
  margin-bottom: 3em;
}
@media screen and (min-width: 1024px) {
  .vtex__about-us {
    width: 40%;
  }
}
.vtex__integration {
  padding-top: 1.5em;
  border-top: 1px solid white;
  margin-top: 1.5em;
}
.vtex__integration-brands img {
  width: 100%;
  display: block;
  margin-top: 1.5em;
}
@media screen and (min-width: 1024px) {
  .vtex__awards {
    width: 50%;
  }
}
.vtex__awards-text {
  display: flex;
  align-items: center;
  padding-bottom: 1em;
  border-bottom: 1px solid white;
  margin-bottom: 4em;
  font-family: "Consolas", monospace;
  font-size: 1em;
  text-transform: uppercase;
}
@media screen and (min-width: 1024px) {
  .vtex__awards-text {
    font-size: 1.15em;
  }
}
.vtex__awards-image {
  height: 4.5em;
  margin-right: 1em;
}
.vtex__awards small {
  font-size: 0.5em;
}
.vtex__awards-type {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.vtex__awards-type img {
  width: auto;
  height: 3em;
  display: block;
  margin-bottom: 1.5em;
}

/*--------------------Project List--------------------*/
.project-list__title-wrapper {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  font-size: 7.2pt;
  font-size: 0.6rem;
  text-transform: uppercase;
  text-align: left !important;
}
@media screen and (min-width: 768px) {
  .project-list__title-wrapper {
    padding-left: 30px;
    padding-right: 30px;
    font-size: 9.6pt;
    font-size: 0.8rem;
  }
}
@media screen and (min-width: 1280px) {
  .project-list__title-wrapper {
    padding-left: 45px;
    padding-right: 45px;
    font-size: 12pt;
    font-size: 1rem;
  }
}
.project-list__title {
  width: 100%;
  margin-top: 0px;
  margin-bottom: 10px;
  font-size: 2.5em;
  color: #58b282;
}

.project-item {
  width: 100%;
  padding-top: 15px;
  padding-bottom: 15px;
  overflow: hidden;
  text-align: center;
}
.project-item:before {
  content: "";
  float: left;
  padding-bottom: 100%;
}
.project-item > img {
  background-color: rgb(242.25, 242.25, 242.25);
  background: radial-gradient(ellipse at center, white, rgb(242.25, 242.25, 242.25));
  background: transparent url(../images/loader.gif) center no-repeat;
}

.project-hover {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  border: 15px solid white;
  overflow: hidden;
  opacity: 0;
  transition: right 0.5s, opacity 0.5s;
}
.project-item:hover .project-hover {
  right: 0;
  opacity: 1;
}
.project-hover .project-overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  background-color: rgba(44, 49, 55, 0.5);
  background: linear-gradient(135deg, rgba(44, 49, 55, 0.8), rgba(100.6666666667, 112.1060606061, 125.8333333333, 0.8));
}
.project-hover .project-name {
  width: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
  font-size: 18pt;
  font-size: 1.5rem;
  line-height: 1.1;
  text-transform: uppercase;
  text-align: center;
  color: white;
}
@media screen and (min-width: 1024px) {
  .project-hover .project-name {
    font-size: 24pt;
    font-size: 2rem;
  }
}
.project-hover .project-name em {
  color: inherit;
}
@media screen and (max-width: 767px) {
  .project-hover .project-name em {
    display: none;
  }
}
@media screen and (min-width: 360px) {
  .project-hover .project-name span.boton-contenedor {
    margin-top: 0;
  }
}
.project-hover .project-image-hover {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  padding: 10px;
  transition: left 0.5s;
}

@media screen and (max-width: 1023px) {
  .project-filters-wrapper {
    width: 100%;
    min-height: 0 !important;
  }
}

.project-filters {
  text-align: center;
}
@media screen and (max-width: 1023px) {
  .project-filters {
    padding-top: 20px;
    padding-bottom: 20px;
    color: white;
    background-image: linear-gradient(to bottom, #33afab, #80b83e);
  }
}
@media screen and (min-width: 1024px) {
  .project-filters {
    width: 100%;
    text-align: left !important;
  }
}
@media screen and (max-width: 1023px) {
  .project-filters:before {
    display: none;
  }
}

.project-filters-title {
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
}
@media screen and (max-width: 1023px) {
  .project-filters-title {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media screen and (min-width: 1024px) {
  .project-filters-title {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    transform: translateY(-50%);
    padding: inherit;
    padding-left: 15px;
    padding-right: 15px;
  }
}
.project-filters-title h4 {
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 24pt;
  font-size: 2rem;
  font-weight: 700;
  text-transform: uppercase;
}
@media screen and (min-width: 768px) {
  .project-filters-title h4 {
    font-size: 18pt;
    font-size: 1.5rem;
    padding: 10px;
  }
}
@media screen and (min-width: 1024px) {
  .project-filters-title h4 {
    font-size: 20.4pt;
    font-size: 1.7rem;
    padding: 20px;
  }
}
@media screen and (min-width: 1280px) {
  .project-filters-title h4 {
    font-size: 24pt;
    font-size: 2rem;
    padding: 30px;
  }
}
@media screen and (min-width: 1440px) {
  .project-filters-title h4 {
    font-size: 28.8pt;
    font-size: 2.4rem;
    padding: 30px;
  }
}
@media screen and (min-width: 1920px) {
  .project-filters-title h4 {
    font-size: 36pt;
    font-size: 3rem;
    padding: 40px;
  }
}
.project-filters-title ul {
  font-size: 13.2pt;
  font-size: 1.1rem;
  text-transform: uppercase;
}
.project-filters-title ul li {
  margin-bottom: 10px;
}

.project-all {
  text-align: center;
  font-family: "Consolas", monospace;
  text-transform: uppercase;
}
@media screen and (min-width: 480px) {
  .project-all {
    font-size: 21.6pt;
    font-size: 1.8rem;
  }
}
@media screen and (min-width: 768px) {
  .project-all {
    padding-left: 50px;
    padding-right: 50px;
    font-size: 27.6pt;
    font-size: 2.3rem;
  }
}
@media screen and (min-width: 1024px) {
  .project-all {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 20.4pt;
    font-size: 1.7rem;
  }
}
@media screen and (min-width: 1280px) {
  .project-all {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 24pt;
    font-size: 2rem;
  }
}
@media screen and (min-width: 1440px) {
  .project-all {
    padding-left: 30px;
    padding-right: 30px;
    font-size: 24pt;
    font-size: 2rem;
  }
}
@media screen and (min-width: 1920px) {
  .project-all {
    padding-left: 50px;
    padding-right: 50px;
    font-size: 27.6pt;
    font-size: 2.3rem;
  }
}
.project-all a {
  display: block;
  color: #01ac55;
  transition: 1s;
}
.project-all a:hover {
  color: #80b83e;
  text-decoration: none;
}

.project-list__buttons {
  padding: 0 30px;
  color: #01ac55;
}

.project-detail .project-detail-title {
  padding-top: 20px;
  padding-bottom: 20px;
  color: white;
}
@media screen and (min-width: 1024px) {
  .project-detail .project-detail-title {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
.project-detail .project-detail-title h1 {
  padding-top: 10px;
  margin-top: 10px;
  margin-bottom: 30px;
  border-top: 1px solid white;
  font-weight: 600;
}
.project-detail .project-detail-title h1 span {
  position: relative;
  padding-right: 0.5em;
  margin-right: 0.25em;
}
.project-detail .project-detail-title h1 span:after {
  content: "";
  width: 2px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  background-color: white;
}
.project-detail .project-detail-title h1 a:hover {
  color: inherit;
}
.project-detail .project-detail-title h1 > small {
  display: inline-block;
  margin-top: 0.5em;
  font-size: 14.4pt;
  font-size: 1.2rem;
  line-height: 1.3;
  text-transform: none;
}
.project-detail .project-detail-title h2 {
  font-size: 14.4pt;
  font-size: 1.2rem;
  text-transform: none;
}
.project-detail .project-detail-picture-screens {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .project-detail .project-detail-picture-screens {
    margin-top: 35px;
    margin-bottom: 35px;
  }
}
@media screen and (min-width: 1440px) {
  .project-detail .project-detail-picture-screens {
    margin-top: 100px;
    margin-bottom: 150px;
  }
}
.project-detail .project-detail-picture-screens img.project-detail-picture {
  max-width: 60%;
  margin-bottom: 50px;
}
@media screen and (min-width: 768px) {
  .project-detail .project-detail-picture-screens img.project-detail-picture {
    width: 40%;
    display: block;
    margin-left: 5%;
  }
}
@media screen and (min-width: 1024px) {
  .project-detail .project-detail-picture-screens img.project-detail-picture {
    width: 35%;
    margin-left: 10%;
  }
}
@media screen and (min-width: 1440px) {
  .project-detail .project-detail-picture-screens img.project-detail-picture {
    width: 30%;
    margin-left: 15%;
  }
}
@media screen and (min-width: 768px) {
  .project-detail .project-detail-picture-screens img.project-detail-screens {
    width: 70%;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
  }
}
@media screen and (min-width: 1024px) {
  .project-detail .project-detail-picture-screens img.project-detail-screens {
    width: 60%;
  }
}
@media screen and (min-width: 1440px) {
  .project-detail .project-detail-picture-screens img.project-detail-screens {
    margin-right: 10%;
  }
}
.project-detail .detail-ipad {
  position: relative;
  z-index: 1;
}
.project-detail .detail-ipad-image {
  position: relative;
  padding-top: 75px;
  padding-bottom: 75px;
}
@media screen and (min-width: 480px) {
  .project-detail .detail-ipad-image {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
@media screen and (min-width: 768px) {
  .project-detail .detail-ipad-image {
    padding-top: 150px;
    padding-bottom: 150px;
  }
}
@media screen and (min-width: 1024px) {
  .project-detail .detail-ipad-image {
    padding-top: 220px;
    padding-bottom: 220px;
  }
}
@media screen and (min-width: 1440px) {
  .project-detail .detail-ipad-image {
    padding-top: 250px;
    padding-bottom: 250px;
  }
}
.project-detail .detail-ipad-image img {
  display: block;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
}
.project-detail .flags {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.project-detail .flags figcaption {
  display: none;
  font-size: 14.4pt;
  font-size: 1.2rem;
  text-transform: none;
}

.about-we {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  transform: translateY(-50%);
  padding: inherit;
  font-family: "Consolas", monospace;
  font-size: 18pt;
  font-size: 1.5rem;
  font-weight: 200;
  text-transform: uppercase;
  color: white;
}
@media screen and (min-width: 768px) {
  .about-we {
    font-size: 24pt;
    font-size: 2rem;
  }
}

.about-banner-main {
  background-repeat: no-repeat;
  background-size: cover;
}
@media screen and (min-width: 768px) {
  .about-banner-main {
    background-position: center;
  }
}
.about-banner-main .about-us {
  height: 100%;
  padding-top: 50px;
  padding-bottom: 50px;
  padding-left: 60px;
  padding-right: 60px;
}
@media screen and (min-width: 768px) {
  .about-banner-main .about-us {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media screen and (min-width: 1024px) {
  .about-banner-main .about-us {
    padding-top: 150px;
    padding-bottom: 150px;
    padding-left: 100px;
    padding-right: 100px;
  }
}
@media screen and (min-width: 1440px) {
  .about-banner-main .about-us {
    padding-top: 200px;
    padding-bottom: 200px;
  }
}
.about-banner-main h1 {
  text-transform: uppercase;
  color: white;
}
.about-banner-main .service-copy {
  font-size: 15.6pt;
  font-size: 1.3rem;
  line-height: 1.2;
  color: white;
}

@media screen and (max-width: 767px) {
  .about-summary {
    min-height: 0 !important;
  }
}
@media screen and (min-width: 768px) {
  .about-summary section {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    transform: translateY(-50%);
    padding: inherit;
    padding-left: 50px;
    padding-right: 50px;
  }
}

.about-team {
  margin-top: 20px;
}
.about-team > div {
  padding-top: 15px;
  padding-bottom: 15px;
}
.about-team .team-picture {
  display: block;
}
.about-team .team-item-hover {
  position: absolute;
  top: 15px;
  bottom: 15px;
  left: 15px;
  right: 15px;
  margin: -5px;
  opacity: 0;
  transition: opacity 0.2s;
}
.about-team .team-item:hover .team-item-hover {
  opacity: 1;
}
.about-team .team-item-overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-image: linear-gradient(to 45deg, #33afab, #80b83e);
  opacity: 0.75;
}
.about-team .team-item-description {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  transform: translateY(-50%);
  padding: inherit;
  color: white;
}
.about-team .team-item-name {
  font-family: "Consolas", monospace;
  font-size: 14.4pt;
  font-size: 1.2rem;
  text-transform: uppercase;
}
.about-team div[data-modal-team] {
  cursor: pointer;
}

.about-team-modal .modal-dialog {
  height: 90%;
}
@media screen and (min-width: 1024px) {
  .about-team-modal .modal-dialog {
    width: 70%;
  }
}
.about-team-modal .modal-content {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  transform: translateY(-50%);
  padding: inherit;
  border-radius: 0;
  border: 0;
  background-color: transparent;
  box-shadow: none;
}
.about-team-modal .modal-content .modal-body {
  position: relative;
  padding: 0 10%;
}
.about-team-modal .modal-content .modal-body:after {
  content: "";
  display: table;
  clear: both;
}
@media screen and (min-width: 1024px) {
  .about-team-modal .modal-content .modal-body {
    padding: 0;
  }
}
.about-team-modal .modal-content .modal-body .about-team-person-video {
  background-image: linear-gradient(to right, #33afab, #58b282, #71b563, #80b83e);
}
@media screen and (min-width: 1024px) {
  .about-team-modal .modal-content .modal-body .about-team-person-video {
    width: 65%;
    float: left;
  }
}
.about-team-modal .modal-content .modal-body .about-team-person-info {
  padding: 1em 1em;
  background: #01ac55 url(../images/about-back.jpg) center center/cover no-repeat;
}
@media screen and (min-width: 1024px) {
  .about-team-modal .modal-content .modal-body .about-team-person-info {
    position: relative;
    width: 35%;
    float: right;
    padding-bottom: 4em;
  }
}
.about-team-modal .modal-content .modal-body .about-team-person-info .person-name {
  padding-bottom: 10px;
  border-bottom: 4px solid #01ac55;
  font-size: 18pt;
  font-size: 1.5rem;
  text-transform: none;
  color: white;
}
.about-team-modal .modal-content .modal-body .about-team-person-info .person-title {
  color: white;
}
.about-team-modal .modal-content .modal-body .about-team-person-info .close {
  top: -30px;
  right: 10%;
  font-weight: 400;
  color: white;
  opacity: 1;
}
@media screen and (min-width: 1024px) {
  .about-team-modal .modal-content .modal-body .about-team-person-info .close {
    top: 15px;
  }
}

.about-house figure {
  display: block;
  padding-top: 15px;
  padding-bottom: 15px;
}

/*--------------------Experts--------------------*/
.experts__title {
  padding-top: 1em;
  padding-bottom: 1em;
  font-size: 1.5em;
  font-weight: 300;
  text-transform: none;
  text-align: center;
  color: #535256;
}
@media screen and (min-width: 768px) {
  .experts__title {
    padding-left: 15%;
    padding-right: 15%;
    font-size: 2.5em;
  }
}
.experts__icons {
  width: 40px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1em;
}
@media screen and (min-width: 768px) {
  .experts__icons {
    width: 50px;
  }
}
.experts__tabs-wrapper {
  overflow: hidden;
  padding-top: 15px;
  padding-bottom: 15px;
  background-color: transparent;
  background-image: url(../images/copy-vtex_back.jpg);
  background-position: center center;
  background-size: cover;
  background-attachment: fixed;
}
.experts__tabs {
  display: none;
  text-align: center;
  text-transform: uppercase;
}
@media screen and (min-width: 1024px) {
  .experts__tabs {
    display: block;
  }
}
.experts__tabs .resp-tab-item {
  width: 12em;
  height: 8em;
  display: inline-block;
  vertical-align: top;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  padding-right: 10px;
  margin-right: 0;
  font-size: 13.2pt;
  font-size: 1.1rem;
  font-weight: 700;
  color: #58b282;
  cursor: pointer;
}
.experts__tabs .resp-tab-item.resp-tab-active {
  position: relative;
  border-bottom: none;
}
.experts__tabs .resp-tab-item.resp-tab-active:after {
  content: "";
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-bottom: 15px solid black;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -16px;
}
.experts__tabs .resp-tab-item [class*=icons-] {
  margin-bottom: 1em;
}
.experts__container-wrapper {
  background: black url(../images/back-expertos-home.jpg) center/cover no-repeat;
}
.experts__container {
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 30px;
  padding-bottom: 30px;
  margin-left: auto;
  margin-right: auto;
  color: white;
  background-color: transparent;
}
@media screen and (min-width: 240px) {
  .experts__container {
    width: 240px;
  }
}
@media screen and (min-width: 360px) {
  .experts__container {
    width: 333px;
  }
}
@media screen and (min-width: 480px) {
  .experts__container {
    width: 420px;
  }
}
@media screen and (min-width: 768px) {
  .experts__container {
    width: 672px;
  }
}
@media screen and (min-width: 1024px) {
  .experts__container {
    width: 896px;
  }
}
@media screen and (min-width: 1280px) {
  .experts__container {
    width: 1024px;
  }
}
@media screen and (min-width: 1440px) {
  .experts__container {
    width: 1152px;
  }
}
@media screen and (min-width: 1920px) {
  .experts__container {
    width: 1440px;
  }
}
@media screen and (min-width: 1024px) {
  .experts__container {
    padding-top: 0px;
    padding-bottom: 0px;
  }
}
.experts__container.resp-tabs-container {
  clear: left;
}
.experts__container .resp-accordion {
  padding-top: 1.5em;
  padding-bottom: 1.5em;
  padding-left: 55px;
  padding-right: 30px;
  border-bottom: 1px solid #01ac55;
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 12pt;
  font-size: 1rem;
  font-weight: 700;
  color: #01ac55;
  cursor: pointer;
}
.experts__container .resp-accordion:first-child {
  border-top: none;
}
@media screen and (min-width: 1024px) {
  .experts__container .resp-accordion {
    display: none;
  }
}
.experts__container .resp-accordion.resp-tab-active {
  margin-bottom: 0px !important;
}
.experts__container .resp-accordion.resp-tab-active .resp-arrow {
  transform: rotate(180deg);
}
.experts__container .resp-accordion .resp-arrow {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 6px solid #01ac55;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 1em;
  transform-origin: center center;
  transition: transform 0.2s;
}
.experts__container .resp-accordion [class*=icons-],
.experts__container .resp-accordion .experts__icons {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}
.experts__content-item {
  padding-top: 0px;
  padding-bottom: 0px;
  border-top: none;
}
.experts__content-item.resp-tab-content {
  display: none;
}
.experts__content-item.resp-tab-content:after {
  content: "";
  display: table;
  clear: both;
}
.experts__content-item.resp-tab-content-active {
  display: block;
}
.experts__content-summary {
  padding-top: 15px;
  padding-bottom: 15px;
  position: relative;
}
@media screen and (min-width: 768px) {
  .experts__content-summary {
    height: 300px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 90px;
    padding-bottom: 90px;
  }
}
@media screen and (min-width: 1024px) {
  .experts__content-summary {
    height: 350px;
  }
}
@media screen and (min-width: 1280px) {
  .experts__content-summary {
    height: 425px;
  }
}
.experts__content-summary:before {
  width: 2px;
  height: 60%;
  position: absolute;
  top: 20%;
  left: 60%;
  background-color: #01ac55;
}
@media screen and (min-width: 1024px) {
  .experts__content-summary:before {
    content: "";
  }
}
.experts__content-description {
  margin-bottom: 1em;
}
@media screen and (min-width: 768px) {
  .experts__content-description {
    width: 40%;
    order: 2;
    margin-bottom: 0;
  }
}
@media screen and (min-width: 1024px) {
  .experts__content-description {
    width: 35%;
  }
}
.experts__content-platforms {
  display: flex;
  justify-content: space-around;
  align-content: center;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
  .experts__content-platforms {
    width: 50%;
    justify-content: space-between;
  }
}
.experts__content-brand {
  width: 35%;
  cursor: pointer;
}
.experts__content-brand--center {
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) {
  .experts__content-brand {
    width: 26%;
  }
  .experts__content-platforms--web .experts__content-brand {
    width: 24%;
  }
}
.experts__content-brand-name {
  font-size: 0.9em;
  font-weight: 700;
  color: white;
}
@media screen and (min-width: 1024px) {
  .experts__content-brand-name {
    font-size: 1em;
    color: #01ac55;
  }
}

/*--------------------Clients--------------------*/
.clients__wrapper {
  padding-top: 60px;
  padding-bottom: 60px;
  border-bottom: 1px solid #eeeeee;
}
@media screen and (min-width: 1024px) {
  .clients__wrapper {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}
.clients__title-wrapper {
  font-size: 9.6pt;
  font-size: 0.8rem;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .clients__title-wrapper {
    font-size: 12pt;
    font-size: 1rem;
  }
}
.clients__title-wrapper .tag-we {
  font-size: 2em;
  margin-top: 0px;
  margin-bottom: 0px;
}
.clients__list__container {
  padding-top: 30px;
  padding-bottom: 30px;
}
.clients__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) {
  .clients__list {
    width: 70%;
  }
}
.clients__list--2 {
  max-height: 0px;
  overflow: hidden;
  transition: max-height 0.2s;
}
.clients__list--2.is-visible {
  display: flex;
  max-height: 1000px;
}
.clients__item {
  width: 22.5%;
}
@media screen and (min-width: 768px) {
  .clients__item {
    width: 14.5%;
  }
}
.clients__item .icons-clients {
  margin: auto;
}
.clients__item img {
  width: 100%;
  display: block;
}
.clients__more {
  font-size: 9.6pt;
  font-size: 0.8rem;
  font-weight: 700;
  text-transform: uppercase;
  color: #01ac55;
  cursor: pointer;
}
.clients__more-wrapper {
  text-align: center;
}

/*--------------------Landing Pages--------------------*/
.landing-title {
  padding-top: 25px;
  padding-bottom: 25px;
  text-align: center;
  color: white;
  background-color: #01ac55;
}

.landing-intro {
  padding-top: 50px;
  padding-bottom: 50px;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
.landing-intro .tag-subtitle {
  padding-top: 20px;
  padding-bottom: 20px;
  margin-bottom: 30px;
  text-transform: none;
  position: relative;
  position: relative;
}
.landing-intro .tag-subtitle mark {
  font-weight: 500;
}
.landing-intro .tag-subtitle:before {
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  top: 0;
  left: 0;
  background-image: linear-gradient(to left, #33afab, #80b83e);
}
.landing-intro .tag-subtitle:after {
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-image: linear-gradient(to right, #33afab, #80b83e);
}
.landing-intro .landing-summary {
  font-weight: 500;
}

.landing-description {
  padding-top: 50px;
  padding-bottom: 50px;
}
.landing-description em {
  display: block;
  margin-bottom: 20px;
  line-height: 1.2;
}

/*--------------------Miscellaneous--------------------*/
.cotizar-proyecto {
  font-size: 1.2rem;
}

.cotizar-form {
  padding-top: 22px;
  border-top: #eee solid 1px;
}

.lista-logos li {
  display: inline-block;
  list-style: none;
  float: left;
  width: 13.4%;
  text-align: center;
}

.lista-logos li img {
  width: 90%;
}

.c-vtex {
  color: #f71963;
}

@media screen and (max-width: 1024px) {
  .service-banner-main {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
.border-top-vtex {
  position: relative;
  padding: 10px;
}
.border-top-vtex:after {
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-image: linear-gradient(to left, #33afab, #80b83e);
}

.module-vtex-copy {
  padding: 30px 50px;
}
@media screen and (min-width: 768px) {
  .module-vtex-copy {
    padding: 100px 150px;
  }
}
@media screen and (min-width: 1024px) {
  .module-vtex-copy {
    padding: 100px 250px;
  }
}
.module-vtex-copy .copy-vtex {
  font-size: 2em;
  color: #535256;
  letter-spacing: 2px;
}
.module-vtex-copy .copy-vtex h2 {
  font-weight: 300;
}
.module-vtex-copy .copy-vtex strong {
  font-weight: 700;
  color: #01ac55;
}
.module-vtex-copy h3 {
  font-size: 1.2em;
  color: #80b83e;
  font-weight: 700;
}

.module-vtex-results {
  padding: 30px 50px;
}
@media screen and (min-width: 768px) {
  .module-vtex-results {
    padding: 80px 10px;
  }
}
@media screen and (min-width: 1024px) {
  .module-vtex-results {
    padding: 70px 10px;
  }
}
@media screen and (min-width: 1280px) {
  .module-vtex-results {
    padding: 70px 10px;
  }
}
@media screen and (min-width: 1440px) {
  .module-vtex-results {
    padding: 70px 190px;
  }
}
.module-vtex-results .copy-vtex {
  font-size: 2em;
  color: #535256;
  letter-spacing: 2px;
}
.module-vtex-results .copy-vtex i {
  color: #01ac55;
}
.module-vtex-results .copy-vtex h2 {
  font-weight: 300;
}
.module-vtex-results .copy-vtex strong {
  font-weight: 700;
  color: #01ac55;
}
.module-vtex-results p {
  font-size: 1.1em;
  padding-top: 15px 50px;
  font-weight: 400;
  color: #2c3137;
}
.module-vtex-results .results-items {
  text-align: center;
  padding: 20px;
}
.module-vtex-results .results-items ul {
  width: 100%;
}
.module-vtex-results .results-items li {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  padding: 10px;
}
@media screen and (min-width: 768px) {
  .module-vtex-results .results-items li {
    width: 20%;
  }
}
@media screen and (min-width: 1024px) {
  .module-vtex-results .results-items li {
    width: 25%;
  }
}
@media screen and (min-width: 1440px) {
  .module-vtex-results .results-items li {
    width: 29%;
  }
}
.module-vtex-results .results-items h3 {
  font-size: 1em;
  font-weight: 700;
  padding-top: 15px;
}
@media screen and (min-width: 1280px) {
  .module-vtex-results .results-items h3 {
    font-size: 1.3em;
  }
}

.padding-left30 {
  padding-left: 50px;
}

.module-vtex-info {
  background-color: #181818;
  padding: 0 30px;
}
@media screen and (min-width: 768px) {
  .module-vtex-info {
    padding: 0 50px;
  }
}
@media screen and (min-width: 1024px) {
  .module-vtex-info {
    padding: 0 100px;
  }
}
.module-vtex-info .tag-title {
  color: #f71963;
}
.module-vtex-info .tag-title strong {
  color: #01ac55;
}
.module-vtex-info .tag-title span {
  color: rgb(243.1, 243.1, 243.1);
}
.module-vtex-info p {
  color: rgb(243.1, 243.1, 243.1);
  font-weight: 300;
}
.module-vtex-info ul {
  padding: 25px 0 25px 30px;
}
.module-vtex-info li {
  color: #f71963;
  padding-bottom: 5px;
  list-style: disc;
}

.vtex-storie__description {
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .vtex-storie__description {
    text-align: left;
  }
}
.vtex-storie__brand {
  width: 60%;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 1024px) {
  .vtex-storie__brand {
    margin-left: 0;
  }
}
.vtex-storie__brand img {
  width: 100%;
  display: block;
}
.vtex-storie__countries {
  width: 80%;
  display: inline-block;
}
.vtex-storie__summary {
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 0.9em;
  font-weight: 600;
  font-style: italic;
  line-height: 1.4;
  text-transform: none;
  color: #2c3137;
}
@media screen and (min-width: 1024px) {
  .vtex-storie__summary {
    padding-left: 0px;
    padding-right: 40px;
    font-size: 1.1em;
  }
}
@media screen and (min-width: 1280px) {
  .vtex-storie__summary {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
@media screen and (min-width: 1440px) {
  .vtex-storie__summary {
    font-size: 1.3em;
  }
}

.title-vtex-01 {
  font-size: 2em;
  color: #535256;
  letter-spacing: 2px;
}
.title-vtex-01 i {
  color: #01ac55;
}
.title-vtex-01 h2 {
  font-weight: 300;
}
.title-vtex-01 strong {
  font-weight: 700;
}

.omnipresent--contact {
  width: 90px;
  position: fixed;
  right: 5px;
  bottom: 75px;
  z-index: 100;
  transition: width 0.2s;
}
@media screen and (min-width: 768px) {
  .omnipresent--contact {
    width: 110px;
  }
}
.omnipresent--contact a,
.omnipresent--contact img {
  display: block;
}
.page-on-scroll .omnipresent--contact {
  width: 70px;
}
@media screen and (min-width: 768px) {
  .page-on-scroll .omnipresent--contact {
    width: 90px;
  }
}

.vtex__certified img {
  display: block;
  height: 35px;
  margin-bottom: 15px;
  margin-right: 1em;
}
@media screen and (min-width: 768px) {
  .vtex__certified img {
    display: inline-block;
    margin-bottom: 0;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1439px) {
  .vtex__certified img {
    height: 30px;
  }
}
.vtex__certified img:last-child {
  margin-right: 0;
}

/*--------------------Handbook List--------------------*/
.handbook-list h6 {
  font-size: 13.2pt;
  font-size: 1.1rem;
  text-transform: none;
  color: #01ac55;
  vertical-align: middle;
}
.handbook-list h6 img {
  width: 30px;
  display: inline-block;
  vertical-align: middle;
}
.handbook-list ul {
  margin-left: 15px;
  margin-bottom: 15px;
  font-weight: 600;
}
.handbook-list ul ol li {
  font-weight: 400;
}

/*--------------------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--------------------*/
@media screen and (min-width: 240px) and (max-width: 359px) {
  .hidden-bs {
    display: none !important;
  }
}
@media screen and (min-width: 240px) {
  .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--------------------*/
.padding-5 {
  padding: 5px;
}

.padding-10 {
  padding: 10px;
}

.padding-15 {
  padding: 15px;
}

.padding-20 {
  padding: 20px;
}

.padding-25 {
  padding: 25px;
}

.padding-30 {
  padding: 30px;
}

.padding-35 {
  padding: 35px;
}

.padding-40 {
  padding: 40px;
}

.padding-45 {
  padding: 45px;
}

.padding-50 {
  padding: 50px;
}

.padding-55 {
  padding: 55px;
}

.padding-60 {
  padding: 60px;
}

.padding-65 {
  padding: 65px;
}

.padding-70 {
  padding: 70px;
}

.padding-75 {
  padding: 75px;
}

.padding-80 {
  padding: 80px;
}

.padding-85 {
  padding: 85px;
}

.padding-90 {
  padding: 90px;
}

.padding-95 {
  padding: 95px;
}

.padding-100 {
  padding: 100px;
}

.padding-105 {
  padding: 105px;
}

.padding-110 {
  padding: 110px;
}

.padding-115 {
  padding: 115px;
}

.padding-120 {
  padding: 120px;
}

.padding-125 {
  padding: 125px;
}

.padding-130 {
  padding: 130px;
}

.padding-135 {
  padding: 135px;
}

.padding-140 {
  padding: 140px;
}

.padding-145 {
  padding: 145px;
}

.padding-150 {
  padding: 150px;
}

.padding-155 {
  padding: 155px;
}

.padding-160 {
  padding: 160px;
}

.padding-165 {
  padding: 165px;
}

.padding-170 {
  padding: 170px;
}

.padding-175 {
  padding: 175px;
}

.padding-180 {
  padding: 180px;
}

.padding-185 {
  padding: 185px;
}

.padding-190 {
  padding: 190px;
}

.padding-195 {
  padding: 195px;
}

.padding-200 {
  padding: 200px;
}

.padding-t-5 {
  padding-top: 5px;
}

.padding-t-10 {
  padding-top: 10px;
}

.padding-t-15 {
  padding-top: 15px;
}

.padding-t-20 {
  padding-top: 20px;
}

.padding-t-25 {
  padding-top: 25px;
}

.padding-t-30 {
  padding-top: 30px;
}

.padding-t-35 {
  padding-top: 35px;
}

.padding-t-40 {
  padding-top: 40px;
}

.padding-t-45 {
  padding-top: 45px;
}

.padding-t-50 {
  padding-top: 50px;
}

.padding-t-55 {
  padding-top: 55px;
}

.padding-t-60 {
  padding-top: 60px;
}

.padding-t-65 {
  padding-top: 65px;
}

.padding-t-70 {
  padding-top: 70px;
}

.padding-t-75 {
  padding-top: 75px;
}

.padding-t-80 {
  padding-top: 80px;
}

.padding-t-85 {
  padding-top: 85px;
}

.padding-t-90 {
  padding-top: 90px;
}

.padding-t-95 {
  padding-top: 95px;
}

.padding-t-100 {
  padding-top: 100px;
}

.padding-t-105 {
  padding-top: 105px;
}

.padding-t-110 {
  padding-top: 110px;
}

.padding-t-115 {
  padding-top: 115px;
}

.padding-t-120 {
  padding-top: 120px;
}

.padding-t-125 {
  padding-top: 125px;
}

.padding-t-130 {
  padding-top: 130px;
}

.padding-t-135 {
  padding-top: 135px;
}

.padding-t-140 {
  padding-top: 140px;
}

.padding-t-145 {
  padding-top: 145px;
}

.padding-t-150 {
  padding-top: 150px;
}

.padding-t-155 {
  padding-top: 155px;
}

.padding-t-160 {
  padding-top: 160px;
}

.padding-t-165 {
  padding-top: 165px;
}

.padding-t-170 {
  padding-top: 170px;
}

.padding-t-175 {
  padding-top: 175px;
}

.padding-t-180 {
  padding-top: 180px;
}

.padding-t-185 {
  padding-top: 185px;
}

.padding-t-190 {
  padding-top: 190px;
}

.padding-t-195 {
  padding-top: 195px;
}

.padding-t-200 {
  padding-top: 200px;
}

.padding-b-5 {
  padding-bottom: 5px;
}

.padding-b-10 {
  padding-bottom: 10px;
}

.padding-b-15 {
  padding-bottom: 15px;
}

.padding-b-20 {
  padding-bottom: 20px;
}

.padding-b-25 {
  padding-bottom: 25px;
}

.padding-b-30 {
  padding-bottom: 30px;
}

.padding-b-35 {
  padding-bottom: 35px;
}

.padding-b-40 {
  padding-bottom: 40px;
}

.padding-b-45 {
  padding-bottom: 45px;
}

.padding-b-50 {
  padding-bottom: 50px;
}

.padding-b-55 {
  padding-bottom: 55px;
}

.padding-b-60 {
  padding-bottom: 60px;
}

.padding-b-65 {
  padding-bottom: 65px;
}

.padding-b-70 {
  padding-bottom: 70px;
}

.padding-b-75 {
  padding-bottom: 75px;
}

.padding-b-80 {
  padding-bottom: 80px;
}

.padding-b-85 {
  padding-bottom: 85px;
}

.padding-b-90 {
  padding-bottom: 90px;
}

.padding-b-95 {
  padding-bottom: 95px;
}

.padding-b-100 {
  padding-bottom: 100px;
}

.padding-b-105 {
  padding-bottom: 105px;
}

.padding-b-110 {
  padding-bottom: 110px;
}

.padding-b-115 {
  padding-bottom: 115px;
}

.padding-b-120 {
  padding-bottom: 120px;
}

.padding-b-125 {
  padding-bottom: 125px;
}

.padding-b-130 {
  padding-bottom: 130px;
}

.padding-b-135 {
  padding-bottom: 135px;
}

.padding-b-140 {
  padding-bottom: 140px;
}

.padding-b-145 {
  padding-bottom: 145px;
}

.padding-b-150 {
  padding-bottom: 150px;
}

.padding-b-155 {
  padding-bottom: 155px;
}

.padding-b-160 {
  padding-bottom: 160px;
}

.padding-b-165 {
  padding-bottom: 165px;
}

.padding-b-170 {
  padding-bottom: 170px;
}

.padding-b-175 {
  padding-bottom: 175px;
}

.padding-b-180 {
  padding-bottom: 180px;
}

.padding-b-185 {
  padding-bottom: 185px;
}

.padding-b-190 {
  padding-bottom: 190px;
}

.padding-b-195 {
  padding-bottom: 195px;
}

.padding-b-200 {
  padding-bottom: 200px;
}

.padding-l-5 {
  padding-left: 5px;
}

.padding-l-10 {
  padding-left: 10px;
}

.padding-l-15 {
  padding-left: 15px;
}

.padding-l-20 {
  padding-left: 20px;
}

.padding-l-25 {
  padding-left: 25px;
}

.padding-l-30 {
  padding-left: 30px;
}

.padding-l-35 {
  padding-left: 35px;
}

.padding-l-40 {
  padding-left: 40px;
}

.padding-l-45 {
  padding-left: 45px;
}

.padding-l-50 {
  padding-left: 50px;
}

.padding-l-55 {
  padding-left: 55px;
}

.padding-l-60 {
  padding-left: 60px;
}

.padding-l-65 {
  padding-left: 65px;
}

.padding-l-70 {
  padding-left: 70px;
}

.padding-l-75 {
  padding-left: 75px;
}

.padding-l-80 {
  padding-left: 80px;
}

.padding-l-85 {
  padding-left: 85px;
}

.padding-l-90 {
  padding-left: 90px;
}

.padding-l-95 {
  padding-left: 95px;
}

.padding-l-100 {
  padding-left: 100px;
}

.padding-l-105 {
  padding-left: 105px;
}

.padding-l-110 {
  padding-left: 110px;
}

.padding-l-115 {
  padding-left: 115px;
}

.padding-l-120 {
  padding-left: 120px;
}

.padding-l-125 {
  padding-left: 125px;
}

.padding-l-130 {
  padding-left: 130px;
}

.padding-l-135 {
  padding-left: 135px;
}

.padding-l-140 {
  padding-left: 140px;
}

.padding-l-145 {
  padding-left: 145px;
}

.padding-l-150 {
  padding-left: 150px;
}

.padding-l-155 {
  padding-left: 155px;
}

.padding-l-160 {
  padding-left: 160px;
}

.padding-l-165 {
  padding-left: 165px;
}

.padding-l-170 {
  padding-left: 170px;
}

.padding-l-175 {
  padding-left: 175px;
}

.padding-l-180 {
  padding-left: 180px;
}

.padding-l-185 {
  padding-left: 185px;
}

.padding-l-190 {
  padding-left: 190px;
}

.padding-l-195 {
  padding-left: 195px;
}

.padding-l-200 {
  padding-left: 200px;
}

.padding-r-5 {
  padding-right: 5px;
}

.padding-r-10 {
  padding-right: 10px;
}

.padding-r-15 {
  padding-right: 15px;
}

.padding-r-20 {
  padding-right: 20px;
}

.padding-r-25 {
  padding-right: 25px;
}

.padding-r-30 {
  padding-right: 30px;
}

.padding-r-35 {
  padding-right: 35px;
}

.padding-r-40 {
  padding-right: 40px;
}

.padding-r-45 {
  padding-right: 45px;
}

.padding-r-50 {
  padding-right: 50px;
}

.padding-r-55 {
  padding-right: 55px;
}

.padding-r-60 {
  padding-right: 60px;
}

.padding-r-65 {
  padding-right: 65px;
}

.padding-r-70 {
  padding-right: 70px;
}

.padding-r-75 {
  padding-right: 75px;
}

.padding-r-80 {
  padding-right: 80px;
}

.padding-r-85 {
  padding-right: 85px;
}

.padding-r-90 {
  padding-right: 90px;
}

.padding-r-95 {
  padding-right: 95px;
}

.padding-r-100 {
  padding-right: 100px;
}

.padding-r-105 {
  padding-right: 105px;
}

.padding-r-110 {
  padding-right: 110px;
}

.padding-r-115 {
  padding-right: 115px;
}

.padding-r-120 {
  padding-right: 120px;
}

.padding-r-125 {
  padding-right: 125px;
}

.padding-r-130 {
  padding-right: 130px;
}

.padding-r-135 {
  padding-right: 135px;
}

.padding-r-140 {
  padding-right: 140px;
}

.padding-r-145 {
  padding-right: 145px;
}

.padding-r-150 {
  padding-right: 150px;
}

.padding-r-155 {
  padding-right: 155px;
}

.padding-r-160 {
  padding-right: 160px;
}

.padding-r-165 {
  padding-right: 165px;
}

.padding-r-170 {
  padding-right: 170px;
}

.padding-r-175 {
  padding-right: 175px;
}

.padding-r-180 {
  padding-right: 180px;
}

.padding-r-185 {
  padding-right: 185px;
}

.padding-r-190 {
  padding-right: 190px;
}

.padding-r-195 {
  padding-right: 195px;
}

.padding-r-200 {
  padding-right: 200px;
}

.margin-5 {
  margin: 5px;
}

.margin-10 {
  margin: 10px;
}

.margin-15 {
  margin: 15px;
}

.margin-20 {
  margin: 20px;
}

.margin-25 {
  margin: 25px;
}

.margin-30 {
  margin: 30px;
}

.margin-35 {
  margin: 35px;
}

.margin-40 {
  margin: 40px;
}

.margin-45 {
  margin: 45px;
}

.margin-50 {
  margin: 50px;
}

.margin-55 {
  margin: 55px;
}

.margin-60 {
  margin: 60px;
}

.margin-65 {
  margin: 65px;
}

.margin-70 {
  margin: 70px;
}

.margin-75 {
  margin: 75px;
}

.margin-80 {
  margin: 80px;
}

.margin-85 {
  margin: 85px;
}

.margin-90 {
  margin: 90px;
}

.margin-95 {
  margin: 95px;
}

.margin-100 {
  margin: 100px;
}

.margin-105 {
  margin: 105px;
}

.margin-110 {
  margin: 110px;
}

.margin-115 {
  margin: 115px;
}

.margin-120 {
  margin: 120px;
}

.margin-125 {
  margin: 125px;
}

.margin-130 {
  margin: 130px;
}

.margin-135 {
  margin: 135px;
}

.margin-140 {
  margin: 140px;
}

.margin-145 {
  margin: 145px;
}

.margin-150 {
  margin: 150px;
}

.margin-155 {
  margin: 155px;
}

.margin-160 {
  margin: 160px;
}

.margin-165 {
  margin: 165px;
}

.margin-170 {
  margin: 170px;
}

.margin-175 {
  margin: 175px;
}

.margin-180 {
  margin: 180px;
}

.margin-185 {
  margin: 185px;
}

.margin-190 {
  margin: 190px;
}

.margin-195 {
  margin: 195px;
}

.margin-200 {
  margin: 200px;
}

.margin-t-5 {
  margin-top: 5px;
}

.margin-t-10 {
  margin-top: 10px;
}

.margin-t-15 {
  margin-top: 15px;
}

.margin-t-20 {
  margin-top: 20px;
}

.margin-t-25 {
  margin-top: 25px;
}

.margin-t-30 {
  margin-top: 30px;
}

.margin-t-35 {
  margin-top: 35px;
}

.margin-t-40 {
  margin-top: 40px;
}

.margin-t-45 {
  margin-top: 45px;
}

.margin-t-50 {
  margin-top: 50px;
}

.margin-t-55 {
  margin-top: 55px;
}

.margin-t-60 {
  margin-top: 60px;
}

.margin-t-65 {
  margin-top: 65px;
}

.margin-t-70 {
  margin-top: 70px;
}

.margin-t-75 {
  margin-top: 75px;
}

.margin-t-80 {
  margin-top: 80px;
}

.margin-t-85 {
  margin-top: 85px;
}

.margin-t-90 {
  margin-top: 90px;
}

.margin-t-95 {
  margin-top: 95px;
}

.margin-t-100 {
  margin-top: 100px;
}

.margin-t-105 {
  margin-top: 105px;
}

.margin-t-110 {
  margin-top: 110px;
}

.margin-t-115 {
  margin-top: 115px;
}

.margin-t-120 {
  margin-top: 120px;
}

.margin-t-125 {
  margin-top: 125px;
}

.margin-t-130 {
  margin-top: 130px;
}

.margin-t-135 {
  margin-top: 135px;
}

.margin-t-140 {
  margin-top: 140px;
}

.margin-t-145 {
  margin-top: 145px;
}

.margin-t-150 {
  margin-top: 150px;
}

.margin-t-155 {
  margin-top: 155px;
}

.margin-t-160 {
  margin-top: 160px;
}

.margin-t-165 {
  margin-top: 165px;
}

.margin-t-170 {
  margin-top: 170px;
}

.margin-t-175 {
  margin-top: 175px;
}

.margin-t-180 {
  margin-top: 180px;
}

.margin-t-185 {
  margin-top: 185px;
}

.margin-t-190 {
  margin-top: 190px;
}

.margin-t-195 {
  margin-top: 195px;
}

.margin-t-200 {
  margin-top: 200px;
}

.margin-b-5 {
  margin-bottom: 5px;
}

.margin-b-10 {
  margin-bottom: 10px;
}

.margin-b-15 {
  margin-bottom: 15px;
}

.margin-b-20 {
  margin-bottom: 20px;
}

.margin-b-25 {
  margin-bottom: 25px;
}

.margin-b-30 {
  margin-bottom: 30px;
}

.margin-b-35 {
  margin-bottom: 35px;
}

.margin-b-40 {
  margin-bottom: 40px;
}

.margin-b-45 {
  margin-bottom: 45px;
}

.margin-b-50 {
  margin-bottom: 50px;
}

.margin-b-55 {
  margin-bottom: 55px;
}

.margin-b-60 {
  margin-bottom: 60px;
}

.margin-b-65 {
  margin-bottom: 65px;
}

.margin-b-70 {
  margin-bottom: 70px;
}

.margin-b-75 {
  margin-bottom: 75px;
}

.margin-b-80 {
  margin-bottom: 80px;
}

.margin-b-85 {
  margin-bottom: 85px;
}

.margin-b-90 {
  margin-bottom: 90px;
}

.margin-b-95 {
  margin-bottom: 95px;
}

.margin-b-100 {
  margin-bottom: 100px;
}

.margin-b-105 {
  margin-bottom: 105px;
}

.margin-b-110 {
  margin-bottom: 110px;
}

.margin-b-115 {
  margin-bottom: 115px;
}

.margin-b-120 {
  margin-bottom: 120px;
}

.margin-b-125 {
  margin-bottom: 125px;
}

.margin-b-130 {
  margin-bottom: 130px;
}

.margin-b-135 {
  margin-bottom: 135px;
}

.margin-b-140 {
  margin-bottom: 140px;
}

.margin-b-145 {
  margin-bottom: 145px;
}

.margin-b-150 {
  margin-bottom: 150px;
}

.margin-b-155 {
  margin-bottom: 155px;
}

.margin-b-160 {
  margin-bottom: 160px;
}

.margin-b-165 {
  margin-bottom: 165px;
}

.margin-b-170 {
  margin-bottom: 170px;
}

.margin-b-175 {
  margin-bottom: 175px;
}

.margin-b-180 {
  margin-bottom: 180px;
}

.margin-b-185 {
  margin-bottom: 185px;
}

.margin-b-190 {
  margin-bottom: 190px;
}

.margin-b-195 {
  margin-bottom: 195px;
}

.margin-b-200 {
  margin-bottom: 200px;
}

.margin-l-5 {
  margin-left: 5px;
}

.margin-l-10 {
  margin-left: 10px;
}

.margin-l-15 {
  margin-left: 15px;
}

.margin-l-20 {
  margin-left: 20px;
}

.margin-l-25 {
  margin-left: 25px;
}

.margin-l-30 {
  margin-left: 30px;
}

.margin-l-35 {
  margin-left: 35px;
}

.margin-l-40 {
  margin-left: 40px;
}

.margin-l-45 {
  margin-left: 45px;
}

.margin-l-50 {
  margin-left: 50px;
}

.margin-l-55 {
  margin-left: 55px;
}

.margin-l-60 {
  margin-left: 60px;
}

.margin-l-65 {
  margin-left: 65px;
}

.margin-l-70 {
  margin-left: 70px;
}

.margin-l-75 {
  margin-left: 75px;
}

.margin-l-80 {
  margin-left: 80px;
}

.margin-l-85 {
  margin-left: 85px;
}

.margin-l-90 {
  margin-left: 90px;
}

.margin-l-95 {
  margin-left: 95px;
}

.margin-l-100 {
  margin-left: 100px;
}

.margin-l-105 {
  margin-left: 105px;
}

.margin-l-110 {
  margin-left: 110px;
}

.margin-l-115 {
  margin-left: 115px;
}

.margin-l-120 {
  margin-left: 120px;
}

.margin-l-125 {
  margin-left: 125px;
}

.margin-l-130 {
  margin-left: 130px;
}

.margin-l-135 {
  margin-left: 135px;
}

.margin-l-140 {
  margin-left: 140px;
}

.margin-l-145 {
  margin-left: 145px;
}

.margin-l-150 {
  margin-left: 150px;
}

.margin-l-155 {
  margin-left: 155px;
}

.margin-l-160 {
  margin-left: 160px;
}

.margin-l-165 {
  margin-left: 165px;
}

.margin-l-170 {
  margin-left: 170px;
}

.margin-l-175 {
  margin-left: 175px;
}

.margin-l-180 {
  margin-left: 180px;
}

.margin-l-185 {
  margin-left: 185px;
}

.margin-l-190 {
  margin-left: 190px;
}

.margin-l-195 {
  margin-left: 195px;
}

.margin-l-200 {
  margin-left: 200px;
}

.margin-r-5 {
  margin-right: 5px;
}

.margin-r-10 {
  margin-right: 10px;
}

.margin-r-15 {
  margin-right: 15px;
}

.margin-r-20 {
  margin-right: 20px;
}

.margin-r-25 {
  margin-right: 25px;
}

.margin-r-30 {
  margin-right: 30px;
}

.margin-r-35 {
  margin-right: 35px;
}

.margin-r-40 {
  margin-right: 40px;
}

.margin-r-45 {
  margin-right: 45px;
}

.margin-r-50 {
  margin-right: 50px;
}

.margin-r-55 {
  margin-right: 55px;
}

.margin-r-60 {
  margin-right: 60px;
}

.margin-r-65 {
  margin-right: 65px;
}

.margin-r-70 {
  margin-right: 70px;
}

.margin-r-75 {
  margin-right: 75px;
}

.margin-r-80 {
  margin-right: 80px;
}

.margin-r-85 {
  margin-right: 85px;
}

.margin-r-90 {
  margin-right: 90px;
}

.margin-r-95 {
  margin-right: 95px;
}

.margin-r-100 {
  margin-right: 100px;
}

.margin-r-105 {
  margin-right: 105px;
}

.margin-r-110 {
  margin-right: 110px;
}

.margin-r-115 {
  margin-right: 115px;
}

.margin-r-120 {
  margin-right: 120px;
}

.margin-r-125 {
  margin-right: 125px;
}

.margin-r-130 {
  margin-right: 130px;
}

.margin-r-135 {
  margin-right: 135px;
}

.margin-r-140 {
  margin-right: 140px;
}

.margin-r-145 {
  margin-right: 145px;
}

.margin-r-150 {
  margin-right: 150px;
}

.margin-r-155 {
  margin-right: 155px;
}

.margin-r-160 {
  margin-right: 160px;
}

.margin-r-165 {
  margin-right: 165px;
}

.margin-r-170 {
  margin-right: 170px;
}

.margin-r-175 {
  margin-right: 175px;
}

.margin-r-180 {
  margin-right: 180px;
}

.margin-r-185 {
  margin-right: 185px;
}

.margin-r-190 {
  margin-right: 190px;
}

.margin-r-195 {
  margin-right: 195px;
}

.margin-r-200 {
  margin-right: 200px;
}

.padding-v-5 {
  padding-top: 5px;
  padding-bottom: 5px;
}

.padding-v-10 {
  padding-top: 10px;
  padding-bottom: 10px;
}

.padding-v-15 {
  padding-top: 15px;
  padding-bottom: 15px;
}

.padding-v-20 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.padding-v-25 {
  padding-top: 25px;
  padding-bottom: 25px;
}

.padding-v-30 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.padding-v-35 {
  padding-top: 35px;
  padding-bottom: 35px;
}

.padding-v-40 {
  padding-top: 40px;
  padding-bottom: 40px;
}

.padding-v-45 {
  padding-top: 45px;
  padding-bottom: 45px;
}

.padding-v-50 {
  padding-top: 50px;
  padding-bottom: 50px;
}

.padding-v-55 {
  padding-top: 55px;
  padding-bottom: 55px;
}

.padding-v-60 {
  padding-top: 60px;
  padding-bottom: 60px;
}

.padding-v-65 {
  padding-top: 65px;
  padding-bottom: 65px;
}

.padding-v-70 {
  padding-top: 70px;
  padding-bottom: 70px;
}

.padding-v-75 {
  padding-top: 75px;
  padding-bottom: 75px;
}

.padding-v-80 {
  padding-top: 80px;
  padding-bottom: 80px;
}

.padding-v-85 {
  padding-top: 85px;
  padding-bottom: 85px;
}

.padding-v-90 {
  padding-top: 90px;
  padding-bottom: 90px;
}

.padding-v-95 {
  padding-top: 95px;
  padding-bottom: 95px;
}

.padding-v-100 {
  padding-top: 100px;
  padding-bottom: 100px;
}

.padding-v-105 {
  padding-top: 105px;
  padding-bottom: 105px;
}

.padding-v-110 {
  padding-top: 110px;
  padding-bottom: 110px;
}

.padding-v-115 {
  padding-top: 115px;
  padding-bottom: 115px;
}

.padding-v-120 {
  padding-top: 120px;
  padding-bottom: 120px;
}

.padding-v-125 {
  padding-top: 125px;
  padding-bottom: 125px;
}

.padding-v-130 {
  padding-top: 130px;
  padding-bottom: 130px;
}

.padding-v-135 {
  padding-top: 135px;
  padding-bottom: 135px;
}

.padding-v-140 {
  padding-top: 140px;
  padding-bottom: 140px;
}

.padding-v-145 {
  padding-top: 145px;
  padding-bottom: 145px;
}

.padding-v-150 {
  padding-top: 150px;
  padding-bottom: 150px;
}

.padding-v-155 {
  padding-top: 155px;
  padding-bottom: 155px;
}

.padding-v-160 {
  padding-top: 160px;
  padding-bottom: 160px;
}

.padding-v-165 {
  padding-top: 165px;
  padding-bottom: 165px;
}

.padding-v-170 {
  padding-top: 170px;
  padding-bottom: 170px;
}

.padding-v-175 {
  padding-top: 175px;
  padding-bottom: 175px;
}

.padding-v-180 {
  padding-top: 180px;
  padding-bottom: 180px;
}

.padding-v-185 {
  padding-top: 185px;
  padding-bottom: 185px;
}

.padding-v-190 {
  padding-top: 190px;
  padding-bottom: 190px;
}

.padding-v-195 {
  padding-top: 195px;
  padding-bottom: 195px;
}

.padding-v-200 {
  padding-top: 200px;
  padding-bottom: 200px;
}

.padding-h-5 {
  padding-left: 5px;
  padding-right: 5px;
}

.padding-h-10 {
  padding-left: 10px;
  padding-right: 10px;
}

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

.padding-h-20 {
  padding-left: 20px;
  padding-right: 20px;
}

.padding-h-25 {
  padding-left: 25px;
  padding-right: 25px;
}

.padding-h-30 {
  padding-left: 30px;
  padding-right: 30px;
}

.padding-h-35 {
  padding-left: 35px;
  padding-right: 35px;
}

.padding-h-40 {
  padding-left: 40px;
  padding-right: 40px;
}

.padding-h-45 {
  padding-left: 45px;
  padding-right: 45px;
}

.padding-h-50 {
  padding-left: 50px;
  padding-right: 50px;
}

.padding-h-55 {
  padding-left: 55px;
  padding-right: 55px;
}

.padding-h-60 {
  padding-left: 60px;
  padding-right: 60px;
}

.padding-h-65 {
  padding-left: 65px;
  padding-right: 65px;
}

.padding-h-70 {
  padding-left: 70px;
  padding-right: 70px;
}

.padding-h-75 {
  padding-left: 75px;
  padding-right: 75px;
}

.padding-h-80 {
  padding-left: 80px;
  padding-right: 80px;
}

.padding-h-85 {
  padding-left: 85px;
  padding-right: 85px;
}

.padding-h-90 {
  padding-left: 90px;
  padding-right: 90px;
}

.padding-h-95 {
  padding-left: 95px;
  padding-right: 95px;
}

.padding-h-100 {
  padding-left: 100px;
  padding-right: 100px;
}

.padding-h-105 {
  padding-left: 105px;
  padding-right: 105px;
}

.padding-h-110 {
  padding-left: 110px;
  padding-right: 110px;
}

.padding-h-115 {
  padding-left: 115px;
  padding-right: 115px;
}

.padding-h-120 {
  padding-left: 120px;
  padding-right: 120px;
}

.padding-h-125 {
  padding-left: 125px;
  padding-right: 125px;
}

.padding-h-130 {
  padding-left: 130px;
  padding-right: 130px;
}

.padding-h-135 {
  padding-left: 135px;
  padding-right: 135px;
}

.padding-h-140 {
  padding-left: 140px;
  padding-right: 140px;
}

.padding-h-145 {
  padding-left: 145px;
  padding-right: 145px;
}

.padding-h-150 {
  padding-left: 150px;
  padding-right: 150px;
}

.padding-h-155 {
  padding-left: 155px;
  padding-right: 155px;
}

.padding-h-160 {
  padding-left: 160px;
  padding-right: 160px;
}

.padding-h-165 {
  padding-left: 165px;
  padding-right: 165px;
}

.padding-h-170 {
  padding-left: 170px;
  padding-right: 170px;
}

.padding-h-175 {
  padding-left: 175px;
  padding-right: 175px;
}

.padding-h-180 {
  padding-left: 180px;
  padding-right: 180px;
}

.padding-h-185 {
  padding-left: 185px;
  padding-right: 185px;
}

.padding-h-190 {
  padding-left: 190px;
  padding-right: 190px;
}

.padding-h-195 {
  padding-left: 195px;
  padding-right: 195px;
}

.padding-h-200 {
  padding-left: 200px;
  padding-right: 200px;
}

.margin-v-5 {
  margin-top: 5px;
  margin-bottom: 5px;
}

.margin-v-10 {
  margin-top: 10px;
  margin-bottom: 10px;
}

.margin-v-15 {
  margin-top: 15px;
  margin-bottom: 15px;
}

.margin-v-20 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.margin-v-25 {
  margin-top: 25px;
  margin-bottom: 25px;
}

.margin-v-30 {
  margin-top: 30px;
  margin-bottom: 30px;
}

.margin-v-35 {
  margin-top: 35px;
  margin-bottom: 35px;
}

.margin-v-40 {
  margin-top: 40px;
  margin-bottom: 40px;
}

.margin-v-45 {
  margin-top: 45px;
  margin-bottom: 45px;
}

.margin-v-50 {
  margin-top: 50px;
  margin-bottom: 50px;
}

.margin-v-55 {
  margin-top: 55px;
  margin-bottom: 55px;
}

.margin-v-60 {
  margin-top: 60px;
  margin-bottom: 60px;
}

.margin-v-65 {
  margin-top: 65px;
  margin-bottom: 65px;
}

.margin-v-70 {
  margin-top: 70px;
  margin-bottom: 70px;
}

.margin-v-75 {
  margin-top: 75px;
  margin-bottom: 75px;
}

.margin-v-80 {
  margin-top: 80px;
  margin-bottom: 80px;
}

.margin-v-85 {
  margin-top: 85px;
  margin-bottom: 85px;
}

.margin-v-90 {
  margin-top: 90px;
  margin-bottom: 90px;
}

.margin-v-95 {
  margin-top: 95px;
  margin-bottom: 95px;
}

.margin-v-100 {
  margin-top: 100px;
  margin-bottom: 100px;
}

.margin-v-105 {
  margin-top: 105px;
  margin-bottom: 105px;
}

.margin-v-110 {
  margin-top: 110px;
  margin-bottom: 110px;
}

.margin-v-115 {
  margin-top: 115px;
  margin-bottom: 115px;
}

.margin-v-120 {
  margin-top: 120px;
  margin-bottom: 120px;
}

.margin-v-125 {
  margin-top: 125px;
  margin-bottom: 125px;
}

.margin-v-130 {
  margin-top: 130px;
  margin-bottom: 130px;
}

.margin-v-135 {
  margin-top: 135px;
  margin-bottom: 135px;
}

.margin-v-140 {
  margin-top: 140px;
  margin-bottom: 140px;
}

.margin-v-145 {
  margin-top: 145px;
  margin-bottom: 145px;
}

.margin-v-150 {
  margin-top: 150px;
  margin-bottom: 150px;
}

.margin-v-155 {
  margin-top: 155px;
  margin-bottom: 155px;
}

.margin-v-160 {
  margin-top: 160px;
  margin-bottom: 160px;
}

.margin-v-165 {
  margin-top: 165px;
  margin-bottom: 165px;
}

.margin-v-170 {
  margin-top: 170px;
  margin-bottom: 170px;
}

.margin-v-175 {
  margin-top: 175px;
  margin-bottom: 175px;
}

.margin-v-180 {
  margin-top: 180px;
  margin-bottom: 180px;
}

.margin-v-185 {
  margin-top: 185px;
  margin-bottom: 185px;
}

.margin-v-190 {
  margin-top: 190px;
  margin-bottom: 190px;
}

.margin-v-195 {
  margin-top: 195px;
  margin-bottom: 195px;
}

.margin-v-200 {
  margin-top: 200px;
  margin-bottom: 200px;
}

.margin-h-5 {
  margin-left: 5px;
  margin-right: 5px;
}

.margin-h-10 {
  margin-left: 10px;
  margin-right: 10px;
}

.margin-h-15 {
  margin-left: 15px;
  margin-right: 15px;
}

.margin-h-20 {
  margin-left: 20px;
  margin-right: 20px;
}

.margin-h-25 {
  margin-left: 25px;
  margin-right: 25px;
}

.margin-h-30 {
  margin-left: 30px;
  margin-right: 30px;
}

.margin-h-35 {
  margin-left: 35px;
  margin-right: 35px;
}

.margin-h-40 {
  margin-left: 40px;
  margin-right: 40px;
}

.margin-h-45 {
  margin-left: 45px;
  margin-right: 45px;
}

.margin-h-50 {
  margin-left: 50px;
  margin-right: 50px;
}

.margin-h-55 {
  margin-left: 55px;
  margin-right: 55px;
}

.margin-h-60 {
  margin-left: 60px;
  margin-right: 60px;
}

.margin-h-65 {
  margin-left: 65px;
  margin-right: 65px;
}

.margin-h-70 {
  margin-left: 70px;
  margin-right: 70px;
}

.margin-h-75 {
  margin-left: 75px;
  margin-right: 75px;
}

.margin-h-80 {
  margin-left: 80px;
  margin-right: 80px;
}

.margin-h-85 {
  margin-left: 85px;
  margin-right: 85px;
}

.margin-h-90 {
  margin-left: 90px;
  margin-right: 90px;
}

.margin-h-95 {
  margin-left: 95px;
  margin-right: 95px;
}

.margin-h-100 {
  margin-left: 100px;
  margin-right: 100px;
}

.margin-h-105 {
  margin-left: 105px;
  margin-right: 105px;
}

.margin-h-110 {
  margin-left: 110px;
  margin-right: 110px;
}

.margin-h-115 {
  margin-left: 115px;
  margin-right: 115px;
}

.margin-h-120 {
  margin-left: 120px;
  margin-right: 120px;
}

.margin-h-125 {
  margin-left: 125px;
  margin-right: 125px;
}

.margin-h-130 {
  margin-left: 130px;
  margin-right: 130px;
}

.margin-h-135 {
  margin-left: 135px;
  margin-right: 135px;
}

.margin-h-140 {
  margin-left: 140px;
  margin-right: 140px;
}

.margin-h-145 {
  margin-left: 145px;
  margin-right: 145px;
}

.margin-h-150 {
  margin-left: 150px;
  margin-right: 150px;
}

.margin-h-155 {
  margin-left: 155px;
  margin-right: 155px;
}

.margin-h-160 {
  margin-left: 160px;
  margin-right: 160px;
}

.margin-h-165 {
  margin-left: 165px;
  margin-right: 165px;
}

.margin-h-170 {
  margin-left: 170px;
  margin-right: 170px;
}

.margin-h-175 {
  margin-left: 175px;
  margin-right: 175px;
}

.margin-h-180 {
  margin-left: 180px;
  margin-right: 180px;
}

.margin-h-185 {
  margin-left: 185px;
  margin-right: 185px;
}

.margin-h-190 {
  margin-left: 190px;
  margin-right: 190px;
}

.margin-h-195 {
  margin-left: 195px;
  margin-right: 195px;
}

.margin-h-200 {
  margin-left: 200px;
  margin-right: 200px;
}

/*--------------------Borders--------------------*/
.border-primario {
  border: 1px solid #01ac55;
}

.border-top-primario {
  border-top: 1px solid #01ac55;
}

.border-bottom-primario {
  border-bottom: 1px solid #01ac55;
}

.border-left-primario {
  border-left: 1px solid #01ac55;
}

.border-right-primario {
  border-right: 1px solid #01ac55;
}

.border-secundario {
  border: 1px solid #80b83e;
}

.border-top-secundario {
  border-top: 1px solid #80b83e;
}

.border-bottom-secundario {
  border-bottom: 1px solid #80b83e;
}

.border-left-secundario {
  border-left: 1px solid #80b83e;
}

.border-right-secundario {
  border-right: 1px solid #80b83e;
}

.border-blanco {
  border: 1px solid white;
}

.border-top-blanco {
  border-top: 1px solid white;
}

.border-bottom-blanco {
  border-bottom: 1px solid white;
}

.border-left-blanco {
  border-left: 1px solid white;
}

.border-right-blanco {
  border-right: 1px solid white;
}

.border-negro {
  border: 1px solid black;
}

.border-top-negro {
  border-top: 1px solid black;
}

.border-bottom-negro {
  border-bottom: 1px solid black;
}

.border-left-negro {
  border-left: 1px solid black;
}

.border-right-negro {
  border-right: 1px solid black;
}

.border-gris {
  border: 1px solid #eeeeee;
}

.border-top-gris {
  border-top: 1px solid #eeeeee;
}

.border-bottom-gris {
  border-bottom: 1px solid #eeeeee;
}

.border-left-gris {
  border-left: 1px solid #eeeeee;
}

.border-right-gris {
  border-right: 1px solid #eeeeee;
}

.border-gris-c1 {
  border: 1px solid rgb(243.1, 243.1, 243.1);
}

.border-top-gris-c1 {
  border-top: 1px solid rgb(243.1, 243.1, 243.1);
}

.border-bottom-gris-c1 {
  border-bottom: 1px solid rgb(243.1, 243.1, 243.1);
}

.border-left-gris-c1 {
  border-left: 1px solid rgb(243.1, 243.1, 243.1);
}

.border-right-gris-c1 {
  border-right: 1px solid rgb(243.1, 243.1, 243.1);
}

.border-gris-o1 {
  border: 1px solid rgb(220.15, 220.15, 220.15);
}

.border-top-gris-o1 {
  border-top: 1px solid rgb(220.15, 220.15, 220.15);
}

.border-bottom-gris-o1 {
  border-bottom: 1px solid rgb(220.15, 220.15, 220.15);
}

.border-left-gris-o1 {
  border-left: 1px solid rgb(220.15, 220.15, 220.15);
}

.border-right-gris-o1 {
  border-right: 1px solid rgb(220.15, 220.15, 220.15);
}

.border-gris-o2 {
  border: 1px solid rgb(164.05, 164.05, 164.05);
}

.border-top-gris-o2 {
  border-top: 1px solid rgb(164.05, 164.05, 164.05);
}

.border-bottom-gris-o2 {
  border-bottom: 1px solid rgb(164.05, 164.05, 164.05);
}

.border-left-gris-o2 {
  border-left: 1px solid rgb(164.05, 164.05, 164.05);
}

.border-right-gris-o2 {
  border-right: 1px solid rgb(164.05, 164.05, 164.05);
}

.border-dark {
  border: 1px solid #2c3137;
}

.border-top-dark {
  border-top: 1px solid #2c3137;
}

.border-bottom-dark {
  border-bottom: 1px solid #2c3137;
}

.border-left-dark {
  border-left: 1px solid #2c3137;
}

.border-right-dark {
  border-right: 1px solid #2c3137;
}

/*--------------------Centrar--------------------*/
.absolute-center {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  transform: translateY(-50%);
  padding: inherit;
}

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

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

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

/*--------------------Genéricas--------------------*/
*.float-left {
  float: left;
}

*.float-right {
  float: right;
}

*.clear-both {
  clear: both;
}

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

*.num-font {
  font-family: "Consolas", monospace;
  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 rgb(220.15, 220.15, 220.15);
  margin-bottom: 10px;
}

span.mensaje {
  font-size: 18pt;
  font-size: 1.5rem;
  color: rgb(45.2053571429, 44.6607142857, 46.8392857143);
}

/*--------------------Tipografía--------------------*/
.font-title {
  font-family: "Consolas", monospace;
}

.font-body {
  font-family: "Consolas", monospace;
}

.font-number {
  font-family: "Consolas", monospace;
}

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

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

.font-15 {
  font-size: 15pt;
  font-size: 1.25rem;
}

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

.font-25 {
  font-size: 25pt;
  font-size: 2.0833333333rem;
}

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

.font-35 {
  font-size: 35pt;
  font-size: 2.9166666667rem;
}

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

.font-45 {
  font-size: 45pt;
  font-size: 3.75rem;
}

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

.font-55 {
  font-size: 55pt;
  font-size: 4.5833333333rem;
}

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

.font-65 {
  font-size: 65pt;
  font-size: 5.4166666667rem;
}

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

.font-75 {
  font-size: 75pt;
  font-size: 6.25rem;
}

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

.font-85 {
  font-size: 85pt;
  font-size: 7.0833333333rem;
}

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

.font-95 {
  font-size: 95pt;
  font-size: 7.9166666667rem;
}

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

.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-primario {
  color: #01ac55 !important;
}

.font-secundario {
  color: #80b83e !important;
}

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

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

.font-gris {
  color: #eeeeee !important;
}

.font-gris-c1 {
  color: rgb(243.1, 243.1, 243.1) !important;
}

.font-gris-o1 {
  color: rgb(220.15, 220.15, 220.15) !important;
}

.font-gris-o2 {
  color: rgb(164.05, 164.05, 164.05) !important;
}

.font-dark {
  color: #2c3137 !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;
}

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

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

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

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

/*--------------------Rules--------------------*/
.rule-primario {
  height: 1px;
  background-color: #01ac55;
}

.rule-secundario {
  height: 1px;
  background-color: #80b83e;
}

.rule-blanco {
  height: 1px;
  background-color: white;
}

.rule-negro {
  height: 1px;
  background-color: black;
}

.rule-gris {
  height: 1px;
  background-color: #eeeeee;
}

.rule-gris-c1 {
  height: 1px;
  background-color: rgb(243.1, 243.1, 243.1);
}

.rule-gris-o1 {
  height: 1px;
  background-color: rgb(220.15, 220.15, 220.15);
}

.rule-gris-o2 {
  height: 1px;
  background-color: rgb(164.05, 164.05, 164.05);
}

.rule-dark {
  height: 1px;
  background-color: #2c3137;
}

.rule {
  height: 1px;
  background-color: rgb(220.15, 220.15, 220.15);
}

/*--------------------Backgrounds--------------------*/
.bg-primario {
  background-color: #01ac55;
}

.bg-primario-opacity-10 {
  background-color: rgba(1, 172, 85, 0.1);
}

.bg-primario-opacity-20 {
  background-color: rgba(1, 172, 85, 0.2);
}

.bg-primario-opacity-30 {
  background-color: rgba(1, 172, 85, 0.3);
}

.bg-primario-opacity-40 {
  background-color: rgba(1, 172, 85, 0.4);
}

.bg-primario-opacity-50 {
  background-color: rgba(1, 172, 85, 0.5);
}

.bg-primario-opacity-60 {
  background-color: rgba(1, 172, 85, 0.6);
}

.bg-primario-opacity-70 {
  background-color: rgba(1, 172, 85, 0.7);
}

.bg-primario-opacity-80 {
  background-color: rgba(1, 172, 85, 0.8);
}

.bg-primario-opacity-90 {
  background-color: rgba(1, 172, 85, 0.9);
}

.bg-primario-opacity-100 {
  background-color: #01ac55;
}

.bg-secundario {
  background-color: #80b83e;
}

.bg-secundario-opacity-10 {
  background-color: rgba(128, 184, 62, 0.1);
}

.bg-secundario-opacity-20 {
  background-color: rgba(128, 184, 62, 0.2);
}

.bg-secundario-opacity-30 {
  background-color: rgba(128, 184, 62, 0.3);
}

.bg-secundario-opacity-40 {
  background-color: rgba(128, 184, 62, 0.4);
}

.bg-secundario-opacity-50 {
  background-color: rgba(128, 184, 62, 0.5);
}

.bg-secundario-opacity-60 {
  background-color: rgba(128, 184, 62, 0.6);
}

.bg-secundario-opacity-70 {
  background-color: rgba(128, 184, 62, 0.7);
}

.bg-secundario-opacity-80 {
  background-color: rgba(128, 184, 62, 0.8);
}

.bg-secundario-opacity-90 {
  background-color: rgba(128, 184, 62, 0.9);
}

.bg-secundario-opacity-100 {
  background-color: #80b83e;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.bg-gris {
  background-color: #eeeeee;
}

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

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

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

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

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

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

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

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

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

.bg-gris-opacity-100 {
  background-color: #eeeeee;
}

.bg-gris-c1 {
  background-color: rgb(243.1, 243.1, 243.1);
}

.bg-gris-c1-opacity-10 {
  background-color: rgba(243.1, 243.1, 243.1, 0.1);
}

.bg-gris-c1-opacity-20 {
  background-color: rgba(243.1, 243.1, 243.1, 0.2);
}

.bg-gris-c1-opacity-30 {
  background-color: rgba(243.1, 243.1, 243.1, 0.3);
}

.bg-gris-c1-opacity-40 {
  background-color: rgba(243.1, 243.1, 243.1, 0.4);
}

.bg-gris-c1-opacity-50 {
  background-color: rgba(243.1, 243.1, 243.1, 0.5);
}

.bg-gris-c1-opacity-60 {
  background-color: rgba(243.1, 243.1, 243.1, 0.6);
}

.bg-gris-c1-opacity-70 {
  background-color: rgba(243.1, 243.1, 243.1, 0.7);
}

.bg-gris-c1-opacity-80 {
  background-color: rgba(243.1, 243.1, 243.1, 0.8);
}

.bg-gris-c1-opacity-90 {
  background-color: rgba(243.1, 243.1, 243.1, 0.9);
}

.bg-gris-c1-opacity-100 {
  background-color: rgb(243.1, 243.1, 243.1);
}

.bg-gris-o1 {
  background-color: rgb(220.15, 220.15, 220.15);
}

.bg-gris-o1-opacity-10 {
  background-color: rgba(220.15, 220.15, 220.15, 0.1);
}

.bg-gris-o1-opacity-20 {
  background-color: rgba(220.15, 220.15, 220.15, 0.2);
}

.bg-gris-o1-opacity-30 {
  background-color: rgba(220.15, 220.15, 220.15, 0.3);
}

.bg-gris-o1-opacity-40 {
  background-color: rgba(220.15, 220.15, 220.15, 0.4);
}

.bg-gris-o1-opacity-50 {
  background-color: rgba(220.15, 220.15, 220.15, 0.5);
}

.bg-gris-o1-opacity-60 {
  background-color: rgba(220.15, 220.15, 220.15, 0.6);
}

.bg-gris-o1-opacity-70 {
  background-color: rgba(220.15, 220.15, 220.15, 0.7);
}

.bg-gris-o1-opacity-80 {
  background-color: rgba(220.15, 220.15, 220.15, 0.8);
}

.bg-gris-o1-opacity-90 {
  background-color: rgba(220.15, 220.15, 220.15, 0.9);
}

.bg-gris-o1-opacity-100 {
  background-color: rgb(220.15, 220.15, 220.15);
}

.bg-gris-o2 {
  background-color: rgb(164.05, 164.05, 164.05);
}

.bg-gris-o2-opacity-10 {
  background-color: rgba(164.05, 164.05, 164.05, 0.1);
}

.bg-gris-o2-opacity-20 {
  background-color: rgba(164.05, 164.05, 164.05, 0.2);
}

.bg-gris-o2-opacity-30 {
  background-color: rgba(164.05, 164.05, 164.05, 0.3);
}

.bg-gris-o2-opacity-40 {
  background-color: rgba(164.05, 164.05, 164.05, 0.4);
}

.bg-gris-o2-opacity-50 {
  background-color: rgba(164.05, 164.05, 164.05, 0.5);
}

.bg-gris-o2-opacity-60 {
  background-color: rgba(164.05, 164.05, 164.05, 0.6);
}

.bg-gris-o2-opacity-70 {
  background-color: rgba(164.05, 164.05, 164.05, 0.7);
}

.bg-gris-o2-opacity-80 {
  background-color: rgba(164.05, 164.05, 164.05, 0.8);
}

.bg-gris-o2-opacity-90 {
  background-color: rgba(164.05, 164.05, 164.05, 0.9);
}

.bg-gris-o2-opacity-100 {
  background-color: rgb(164.05, 164.05, 164.05);
}

.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-contain-center {
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}

.bg-contain-top-center {
  background-position: top center;
  background-size: contain;
  background-repeat: no-repeat;
}

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

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

.bg-parallax {
  min-height: 100%;
  background-color: transparent;
  background-position: center center;
  background-size: cover;
  background-attachment: fixed;
}

/*--------------------Site Header - Internal page--------------------*/
/*--------------------Page Main to Home page, Internal page--------------------*/
.page-main--home-page {
  padding-top: 0px;
}
@media screen and (min-width: 768px) {
  .page-main--home-page {
    padding-top: 0px;
  }
}
@media screen and (min-width: 1024px) {
  .page-main--home-page {
    padding-top: 0px;
  }
}

.page-main--internal-page {
  padding-top: 70px;
}
@media screen and (min-width: 768px) {
  .page-main--internal-page {
    padding-top: 80px;
  }
}
@media screen and (min-width: 1024px) {
  .page-main--internal-page {
    padding-top: 85px;
  }
}

/*--------------------Genéricas--------------------*/
.tag-title,
.tag-subtitle,
.tag-we {
  font-family: "Consolas", monospace;
  font-weight: 200;
}
.tag-title strong,
.tag-subtitle strong,
.tag-we strong {
  font-weight: 700;
}

.tag-title {
  display: block;
  font-size: 26.4pt;
  font-size: 2.2rem;
  line-height: 1.2;
  text-transform: uppercase;
}
@media screen and (min-width: 768px) {
  .tag-title {
    font-size: 30pt;
    font-size: 2.5rem;
  }
}
@media screen and (min-width: 1440px) {
  .tag-title {
    font-size: 36pt;
    font-size: 3rem;
  }
}

.tag-subtitle {
  display: block;
  font-size: 18pt;
  font-size: 1.5rem;
  line-height: 1.2;
  text-transform: uppercase;
}
@media screen and (min-width: 1440px) {
  .tag-subtitle {
    font-size: 24pt;
    font-size: 2rem;
  }
}

.tag-legend {
  display: block;
  font-size: 14.4pt;
  font-size: 1.2rem;
  line-height: 1.3;
}
@media screen and (min-width: 1440px) {
  .tag-legend {
    font-size: 18pt;
    font-size: 1.5rem;
  }
}

.tag-we strong {
  text-transform: uppercase;
}

/*--------------------Font Gradient--------------------*/
.font-gradient {
  color: #01ac55;
  background: -webkit-gradient(linear, left top, right bottom, from(#33afab), to(#80b83e));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/*--------------------Borders--------------------*/
.border-gradient-v {
  position: relative;
}
.border-gradient-v:before, .border-gradient-v:after {
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  background-image: linear-gradient(to right, #33afab, #80b83e);
}
.border-gradient-v:before {
  top: 0;
}
.border-gradient-v:after {
  bottom: 0;
}

.border-gradient-top {
  position: relative;
}
.border-gradient-top:before {
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  top: 0;
  left: 0;
  background-image: linear-gradient(to right, #33afab, #80b83e);
}

.border-gradient-top-left {
  position: relative;
}
.border-gradient-top-left:before {
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  top: 0;
  left: 0;
  background-image: linear-gradient(to left, #33afab, #80b83e);
}

.border-gradient-bottom {
  position: relative;
}
.border-gradient-bottom:after {
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-image: linear-gradient(to right, #33afab, #80b83e);
}

.border-gradient-bottom-left {
  position: relative;
}
.border-gradient-bottom-left:after {
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-image: linear-gradient(to left, #33afab, #80b83e);
}

.border-gradient-left {
  position: relative;
}
.border-gradient-left:before {
  content: "";
  width: 1px;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  background-image: linear-gradient(to right, #33afab, #80b83e);
}

.border-gradient-right {
  position: relative;
}
.border-gradient-right:after {
  content: "";
  width: 1px;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  background-image: linear-gradient(to right, #33afab, #80b83e);
}

/*--------------------Background Gradient--------------------*/
.bg-gradient {
  background-image: linear-gradient(to right, #33afab, #58b282, #71b563, #80b83e);
}

.bg-gradient-project:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
  background-image: linear-gradient(to right, #33afab, #58b282, #71b563, #80b83e);
}

/*--------------------Rules - Dividers--------------------*/
hr.divider {
  height: 100px;
  position: relative;
}
hr.divider:before {
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-image: linear-gradient(to right, #33afab, #58b282, #71b563, #80b83e);
}
hr.divider:after {
  content: "";
  width: 100px;
  height: 100px;
  position: absolute;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  transform: translateY(-50%);
  padding: inherit;
  background: white url(../images/layout/vicom-simbolo.png) center/50px no-repeat;
  background-color: white;
}/*# sourceMappingURL=styles.css.map */