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

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

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

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

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

@font-face {
  font-family: 'HaasGrotDisp-55Roman';
  src: url("../fonts/HaasGrotDisp-55Roman.eot?#iefix") format("embedded-opentype"), url("../fonts/HaasGrotDisp-55Roman.otf") format("opentype"), url("../fonts/HaasGrotDisp-55Roman.woff") format("woff"), url("../fonts/HaasGrotDisp-55Roman.ttf") format("truetype"), url("../fonts/HaasGrotDisp-55Roman.svg#HaasGrotDisp-55Roman") format("svg");
  font-weight: normal;
  font-style: normal;
  text-rendering: optimizeLegibility;
}

@font-face {
  font-family: 'HaasGrotDisp-65Medium';
  src: url("../fonts/HaasGrotDisp-65Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/HaasGrotDisp-65Medium.otf") format("opentype"), url("../fonts/HaasGrotDisp-65Medium.woff") format("woff"), url("../fonts/HaasGrotDisp-65Medium.ttf") format("truetype"), url("../fonts/HaasGrotDisp-65Medium.svg#HaasGrotDisp-65Medium") format("svg");
  font-weight: normal;
  font-style: normal;
  text-rendering: optimizeLegibility;
}

@font-face {
  font-family: 'UnitedSansRegStencil';
  src: url("../fonts/UnitedSansReg-Stencil.eot?#iefix") format("embedded-opentype"), url("../fonts/UnitedSansReg-Stencil.otf") format("opentype"), url("../fonts/UnitedSansReg-Stencil.woff") format("woff"), url("../fonts/UnitedSansReg-Stencil.ttf") format("truetype"), url("../fonts/UnitedSansReg-Stencil.svg#UnitedSansReg-Stencil") format("svg");
  font-weight: normal;
  font-style: normal;
  text-rendering: optimizeLegibility;
}

@font-face {
  font-family: 'HaasGrotDisp-45Light';
  src: url("../fonts/HaasGrotDisp-45Light.eot?#iefix") format("embedded-opentype"), url("../fonts/HaasGrotDisp-45Light.otf") format("opentype"), url("../fonts/HaasGrotDisp-45Light.woff") format("woff"), url("../fonts/HaasGrotDisp-45Light.ttf") format("truetype"), url("../fonts/HaasGrotDisp-45Light.svg#HaasGrotDisp-45Light") format("svg");
  font-weight: normal;
  font-style: normal;
  text-rendering: optimizeLegibility;
}

@font-face {
  font-family: 'Blender';
  src: url("../fonts/Blender-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Blender-Bold.woff") format("woff"), url("../fonts/Blender-Bold.ttf") format("truetype"), url("../fonts/Blender-Bold.svg#Blender-Bold") format("svg");
  font-weight: normal;
  font-style: normal;
  text-rendering: optimizeLegibility;
}

@font-face {
  font-family: 'PFBeauSansPro-Regular';
  src: url("../fonts/PFBeauSansPro-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/PFBeauSansPro-Regular.otf") format("opentype"), url("../fonts/PFBeauSansPro-Regular.woff") format("woff"), url("../fonts/PFBeauSansPro-Regular.ttf") format("truetype"), url("../fonts/PFBeauSansPro-Regular.svg#PFBeauSansPro-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
  text-rendering: optimizeLegibility;
}

@font-face {
  font-family: 'PFBeauSansPro-Bold';
  src: url("../fonts/PFBeauSansPro-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/PFBeauSansPro-Bold.otf") format("opentype"), url("../fonts/PFBeauSansPro-Bold.woff") format("woff"), url("../fonts/PFBeauSansPro-Bold.ttf") format("truetype"), url("../fonts/PFBeauSansPro-Bold.svg#PFBeauSansPro-Bold") format("svg");
  font-weight: normal;
  font-style: normal;
  text-rendering: optimizeLegibility;
}

@font-face {
  font-family: 'PFBeauSansPro-Light';
  src: url("../fonts/PFBeauSansPro-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/PFBeauSansPro-Light.otf") format("opentype"), url("../fonts/PFBeauSansPro-Light.woff") format("woff"), url("../fonts/PFBeauSansPro-Light.ttf") format("truetype"), url("../fonts/PFBeauSansPro-Light.svg#PFBeauSansPro-Light") format("svg");
  font-weight: normal;
  font-style: normal;
  text-rendering: optimizeLegibility;
}

@font-face {
  font-family: 'MAESTRO';
  src: url("../fonts/MAESTRO.eot?#iefix") format("embedded-opentype"), url("../fonts/MAESTRO.otf") format("opentype"), url("../fonts/MAESTRO.woff") format("woff"), url("../fonts/MAESTRO.ttf") format("truetype"), url("../fonts/MAESTRO.svg#MAESTRO") format("svg");
  font-weight: normal;
  font-style: normal;
  text-rendering: optimizeLegibility;
}

@font-face {
  font-family: 'UnitedSansReg-Black';
  src: url("../fonts/UnitedSansReg-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/UnitedSansReg-Black.otf") format("opentype"), url("../fonts/UnitedSansReg-Black.woff") format("woff"), url("../fonts/UnitedSansReg-Black.ttf") format("truetype"), url("../fonts/UnitedSansReg-Black.svg#MAESTRO") format("svg");
  font-weight: normal;
  font-style: normal;
  text-rendering: optimizeLegibility;
}
html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
*, *::after, *::before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
}
.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
  touch-action: manipulation;
  -moz-backface-visibility: hidden;
  /* fix firefox animation glitch */
}
.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}
.owl-carousel .owl-item img {
  display: block;
  width: 100%;
}
.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
  display: none;
}
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot {
  background: none;
  color: inherit;
  border: none;
  padding: 0 !important;
  font: inherit;
}
.owl-carousel.owl-loaded {
  display: block;
}
.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}
.owl-carousel.owl-hidden {
  opacity: 0;
}
.owl-carousel.owl-refresh .owl-item {
  visibility: hidden;
}
.owl-carousel.owl-drag .owl-item {
  -ms-touch-action: pan-y;
      touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel.owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}
.owl-carousel.owl-rtl {
  direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
  float: right;
}
/* No Js */
.no-js .owl-carousel {
  display: block;
}
/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  -webkit-animation-duration: 1000ms;
          animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
  z-index: 0;
}

.owl-carousel .owl-animated-out {
  z-index: 1;
}

.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
          animation-name: fadeOut;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  -webkit-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item {
  /**
			This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
			calculation of the height of the owl-item that breaks page layouts
		 */
}

.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  -webkit-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}

.owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
  max-height: 0;
}

.owl-carousel .owl-item img.owl-lazy {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transition: -webkit-transform 100ms ease;
  transition: -webkit-transform 100ms ease;
  transition: transform 100ms ease;
  transition: transform 100ms ease, -webkit-transform 100ms ease;
}

.owl-carousel .owl-video-play-icon:hover {
  -webkit-transform: scale(1.3, 1.3);
      -ms-transform: scale(1.3, 1.3);
          transform: scale(1.3, 1.3);
}

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none;
}

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%;
}

/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
  padding: 0 0;
  display: inline-block;
  cursor: pointer;
  -webkit-transition-property: opacity, -webkit-filter;
  transition-property: opacity, -webkit-filter;
  transition-property: opacity, filter;
  transition-property: opacity, filter, -webkit-filter;
  -webkit-transition-duration: 0.15s;
          transition-duration: 0.15s;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
}

.hamburger:hover {
  opacity: 0.7;
}

.hamburger-box {
  width: 40px;
  height: 24px;
  display: inline-block;
  position: relative;
}

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px;
}

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
  width: 40px;
  height: 4px;
  background-color: #000;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  position: absolute;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 0.15s;
          transition-duration: 0.15s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
}

.hamburger-inner::before, .hamburger-inner::after {
  content: "";
  display: block;
}

.hamburger-inner::before {
  top: -10px;
}

.hamburger-inner::after {
  bottom: -10px;
}

/*
   * 3DX
   */
.hamburger--3dx .hamburger-box {
  -webkit-perspective: 80px;
          perspective: 80px;
}

.hamburger--3dx .hamburger-inner {
  -webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dx .hamburger-inner::before, .hamburger--3dx .hamburger-inner::after {
  -webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dx.is-active .hamburger-inner {
  background-color: transparent;
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}

.hamburger--3dx.is-active .hamburger-inner::before {
  -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
          transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dx.is-active .hamburger-inner::after {
  -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
          transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
   * 3DX Reverse
   */
.hamburger--3dx-r .hamburger-box {
  -webkit-perspective: 80px;
          perspective: 80px;
}

.hamburger--3dx-r .hamburger-inner {
  -webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dx-r .hamburger-inner::before, .hamburger--3dx-r .hamburger-inner::after {
  -webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dx-r.is-active .hamburger-inner {
  background-color: transparent;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
}

.hamburger--3dx-r.is-active .hamburger-inner::before {
  -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
          transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dx-r.is-active .hamburger-inner::after {
  -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
          transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
   * 3DY
   */
.hamburger--3dy .hamburger-box {
  -webkit-perspective: 80px;
          perspective: 80px;
}

.hamburger--3dy .hamburger-inner {
  -webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dy .hamburger-inner::before, .hamburger--3dy .hamburger-inner::after {
  -webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dy.is-active .hamburger-inner {
  background-color: transparent;
  -webkit-transform: rotateX(-180deg);
          transform: rotateX(-180deg);
}

.hamburger--3dy.is-active .hamburger-inner::before {
  -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
          transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dy.is-active .hamburger-inner::after {
  -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
          transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
   * 3DY Reverse
   */
.hamburger--3dy-r .hamburger-box {
  -webkit-perspective: 80px;
          perspective: 80px;
}

.hamburger--3dy-r .hamburger-inner {
  -webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dy-r .hamburger-inner::before, .hamburger--3dy-r .hamburger-inner::after {
  -webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dy-r.is-active .hamburger-inner {
  background-color: transparent;
  -webkit-transform: rotateX(180deg);
          transform: rotateX(180deg);
}

.hamburger--3dy-r.is-active .hamburger-inner::before {
  -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
          transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dy-r.is-active .hamburger-inner::after {
  -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
          transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
   * Arrow
   */
.hamburger--arrow.is-active .hamburger-inner::before {
  -webkit-transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1);
          transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}

.hamburger--arrow.is-active .hamburger-inner::after {
  -webkit-transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1);
          transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1);
}

/*
   * Arrow Right
   */
.hamburger--arrow-r.is-active .hamburger-inner::before {
  -webkit-transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1);
          transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1);
}

.hamburger--arrow-r.is-active .hamburger-inner::after {
  -webkit-transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1);
          transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}

/*
   * Arrow Alt
   */
.hamburger--arrowalt .hamburger-inner::before {
  -webkit-transition: top 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: top 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hamburger--arrowalt .hamburger-inner::after {
  -webkit-transition: bottom 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: bottom 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hamburger--arrowalt.is-active .hamburger-inner::before {
  top: 0;
  -webkit-transform: translate3d(-8px, -10px, 0) rotate(-45deg) scale(0.7, 1);
          transform: translate3d(-8px, -10px, 0) rotate(-45deg) scale(0.7, 1);
  -webkit-transition: top 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: top 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

.hamburger--arrowalt.is-active .hamburger-inner::after {
  bottom: 0;
  -webkit-transform: translate3d(-8px, 10px, 0) rotate(45deg) scale(0.7, 1);
          transform: translate3d(-8px, 10px, 0) rotate(45deg) scale(0.7, 1);
  -webkit-transition: bottom 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: bottom 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

/*
   * Arrow Alt Right
   */
.hamburger--arrowalt-r .hamburger-inner::before {
  -webkit-transition: top 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: top 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hamburger--arrowalt-r .hamburger-inner::after {
  -webkit-transition: bottom 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: bottom 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hamburger--arrowalt-r.is-active .hamburger-inner::before {
  top: 0;
  -webkit-transform: translate3d(8px, -10px, 0) rotate(45deg) scale(0.7, 1);
          transform: translate3d(8px, -10px, 0) rotate(45deg) scale(0.7, 1);
  -webkit-transition: top 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: top 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

.hamburger--arrowalt-r.is-active .hamburger-inner::after {
  bottom: 0;
  -webkit-transform: translate3d(8px, 10px, 0) rotate(-45deg) scale(0.7, 1);
          transform: translate3d(8px, 10px, 0) rotate(-45deg) scale(0.7, 1);
  -webkit-transition: bottom 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: bottom 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

/*
   * Boring
   */
.hamburger--boring .hamburger-inner, .hamburger--boring .hamburger-inner::before, .hamburger--boring .hamburger-inner::after {
  -webkit-transition-property: none;
  transition-property: none;
}

.hamburger--boring.is-active .hamburger-inner {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.hamburger--boring.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
}

.hamburger--boring.is-active .hamburger-inner::after {
  bottom: 0;
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

/*
   * Collapse
   */
.hamburger--collapse .hamburger-inner {
  top: auto;
  bottom: 0;
  -webkit-transition-duration: 0.13s;
          transition-duration: 0.13s;
  -webkit-transition-delay: 0.13s;
          transition-delay: 0.13s;
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
          transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse .hamburger-inner::after {
  top: -20px;
  -webkit-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}

.hamburger--collapse .hamburger-inner::before {
  -webkit-transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
          transform: translate3d(0, -10px, 0) rotate(-45deg);
  -webkit-transition-delay: 0.22s;
          transition-delay: 0.22s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--collapse.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  -webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}

.hamburger--collapse.is-active .hamburger-inner::before {
  top: 0;
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
  -webkit-transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
   * Collapse Reverse
   */
.hamburger--collapse-r .hamburger-inner {
  top: auto;
  bottom: 0;
  -webkit-transition-duration: 0.13s;
          transition-duration: 0.13s;
  -webkit-transition-delay: 0.13s;
          transition-delay: 0.13s;
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
          transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse-r .hamburger-inner::after {
  top: -20px;
  -webkit-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}

.hamburger--collapse-r .hamburger-inner::before {
  -webkit-transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse-r.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, -10px, 0) rotate(45deg);
          transform: translate3d(0, -10px, 0) rotate(45deg);
  -webkit-transition-delay: 0.22s;
          transition-delay: 0.22s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--collapse-r.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  -webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}

.hamburger--collapse-r.is-active .hamburger-inner::before {
  top: 0;
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
   * Elastic
   */
.hamburger--elastic .hamburger-inner {
  top: 2px;
  -webkit-transition-duration: 0.275s;
          transition-duration: 0.275s;
  -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
          transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.hamburger--elastic .hamburger-inner::before {
  top: 10px;
  -webkit-transition: opacity 0.125s 0.275s ease;
  transition: opacity 0.125s 0.275s ease;
}

.hamburger--elastic .hamburger-inner::after {
  top: 20px;
  -webkit-transition: -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition: -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55), -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.hamburger--elastic.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, 10px, 0) rotate(135deg);
          transform: translate3d(0, 10px, 0) rotate(135deg);
  -webkit-transition-delay: 0.075s;
          transition-delay: 0.075s;
}

.hamburger--elastic.is-active .hamburger-inner::before {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  opacity: 0;
}

.hamburger--elastic.is-active .hamburger-inner::after {
  -webkit-transform: translate3d(0, -20px, 0) rotate(-270deg);
          transform: translate3d(0, -20px, 0) rotate(-270deg);
  -webkit-transition-delay: 0.075s;
          transition-delay: 0.075s;
}

/*
   * Elastic Reverse
   */
.hamburger--elastic-r .hamburger-inner {
  top: 2px;
  -webkit-transition-duration: 0.275s;
          transition-duration: 0.275s;
  -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
          transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.hamburger--elastic-r .hamburger-inner::before {
  top: 10px;
  -webkit-transition: opacity 0.125s 0.275s ease;
  transition: opacity 0.125s 0.275s ease;
}

.hamburger--elastic-r .hamburger-inner::after {
  top: 20px;
  -webkit-transition: -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition: -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55), -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.hamburger--elastic-r.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, 10px, 0) rotate(-135deg);
          transform: translate3d(0, 10px, 0) rotate(-135deg);
  -webkit-transition-delay: 0.075s;
          transition-delay: 0.075s;
}

.hamburger--elastic-r.is-active .hamburger-inner::before {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  opacity: 0;
}

.hamburger--elastic-r.is-active .hamburger-inner::after {
  -webkit-transform: translate3d(0, -20px, 0) rotate(270deg);
          transform: translate3d(0, -20px, 0) rotate(270deg);
  -webkit-transition-delay: 0.075s;
          transition-delay: 0.075s;
}

/*
   * Emphatic
   */
.hamburger--emphatic {
  overflow: hidden;
}

.hamburger--emphatic .hamburger-inner {
  -webkit-transition: background-color 0.125s 0.175s ease-in;
  transition: background-color 0.125s 0.175s ease-in;
}

.hamburger--emphatic .hamburger-inner::before {
  left: 0;
  -webkit-transition: top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
  transition: top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in;
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
}

.hamburger--emphatic .hamburger-inner::after {
  top: 10px;
  right: 0;
  -webkit-transition: top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
  transition: top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in;
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
}

.hamburger--emphatic.is-active .hamburger-inner {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
  background-color: transparent;
}

.hamburger--emphatic.is-active .hamburger-inner::before {
  left: -80px;
  top: -80px;
  -webkit-transform: translate3d(80px, 80px, 0) rotate(45deg);
          transform: translate3d(80px, 80px, 0) rotate(45deg);
  -webkit-transition: left 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: left 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.hamburger--emphatic.is-active .hamburger-inner::after {
  right: -80px;
  top: -80px;
  -webkit-transform: translate3d(-80px, 80px, 0) rotate(-45deg);
          transform: translate3d(-80px, 80px, 0) rotate(-45deg);
  -webkit-transition: right 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: right 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}

/*
   * Emphatic Reverse
   */
.hamburger--emphatic-r {
  overflow: hidden;
}

.hamburger--emphatic-r .hamburger-inner {
  -webkit-transition: background-color 0.125s 0.175s ease-in;
  transition: background-color 0.125s 0.175s ease-in;
}

.hamburger--emphatic-r .hamburger-inner::before {
  left: 0;
  -webkit-transition: top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
  transition: top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in;
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
}

.hamburger--emphatic-r .hamburger-inner::after {
  top: 10px;
  right: 0;
  -webkit-transition: top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
  transition: top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in;
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
}

.hamburger--emphatic-r.is-active .hamburger-inner {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
  background-color: transparent;
}

.hamburger--emphatic-r.is-active .hamburger-inner::before {
  left: -80px;
  top: 80px;
  -webkit-transform: translate3d(80px, -80px, 0) rotate(-45deg);
          transform: translate3d(80px, -80px, 0) rotate(-45deg);
  -webkit-transition: left 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: left 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.hamburger--emphatic-r.is-active .hamburger-inner::after {
  right: -80px;
  top: 80px;
  -webkit-transform: translate3d(-80px, -80px, 0) rotate(45deg);
          transform: translate3d(-80px, -80px, 0) rotate(45deg);
  -webkit-transition: right 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: right 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}

/*
   * Slider
   */
.hamburger--slider .hamburger-inner {
  top: 2px;
}

.hamburger--slider .hamburger-inner::before {
  top: 10px;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-duration: 0.15s;
          transition-duration: 0.15s;
}

.hamburger--slider .hamburger-inner::after {
  top: 20px;
}

.hamburger--slider.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
          transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--slider.is-active .hamburger-inner::before {
  -webkit-transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
          transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
  opacity: 0;
}

.hamburger--slider.is-active .hamburger-inner::after {
  -webkit-transform: translate3d(0, -20px, 0) rotate(-90deg);
          transform: translate3d(0, -20px, 0) rotate(-90deg);
}

/*
   * Slider Reverse
   */
.hamburger--slider-r .hamburger-inner {
  top: 2px;
}

.hamburger--slider-r .hamburger-inner::before {
  top: 10px;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-duration: 0.15s;
          transition-duration: 0.15s;
}

.hamburger--slider-r .hamburger-inner::after {
  top: 20px;
}

.hamburger--slider-r.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, 10px, 0) rotate(-45deg);
          transform: translate3d(0, 10px, 0) rotate(-45deg);
}

.hamburger--slider-r.is-active .hamburger-inner::before {
  -webkit-transform: rotate(45deg) translate3d(5.71429px, -6px, 0);
          transform: rotate(45deg) translate3d(5.71429px, -6px, 0);
  opacity: 0;
}

.hamburger--slider-r.is-active .hamburger-inner::after {
  -webkit-transform: translate3d(0, -20px, 0) rotate(90deg);
          transform: translate3d(0, -20px, 0) rotate(90deg);
}

/*
   * Spring
   */
.hamburger--spring .hamburger-inner {
  top: 2px;
  -webkit-transition: background-color 0s 0.13s linear;
  transition: background-color 0s 0.13s linear;
}

.hamburger--spring .hamburger-inner::before {
  top: 10px;
  -webkit-transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spring .hamburger-inner::after {
  top: 20px;
  -webkit-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spring.is-active .hamburger-inner {
  -webkit-transition-delay: 0.22s;
          transition-delay: 0.22s;
  background-color: transparent;
}

.hamburger--spring.is-active .hamburger-inner::before {
  top: 0;
  -webkit-transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
          transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--spring.is-active .hamburger-inner::after {
  top: 0;
  -webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transform: translate3d(0, 10px, 0) rotate(-45deg);
          transform: translate3d(0, 10px, 0) rotate(-45deg);
}

/*
   * Spring Reverse
   */
.hamburger--spring-r .hamburger-inner {
  top: auto;
  bottom: 0;
  -webkit-transition-duration: 0.13s;
          transition-duration: 0.13s;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
          transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spring-r .hamburger-inner::after {
  top: -20px;
  -webkit-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear;
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear;
}

.hamburger--spring-r .hamburger-inner::before {
  -webkit-transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spring-r.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
          transform: translate3d(0, -10px, 0) rotate(-45deg);
  -webkit-transition-delay: 0.22s;
          transition-delay: 0.22s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--spring-r.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  -webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear;
}

.hamburger--spring-r.is-active .hamburger-inner::before {
  top: 0;
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
   * Stand
   */
.hamburger--stand .hamburger-inner {
  -webkit-transition: background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear;
  transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--stand .hamburger-inner::before {
  -webkit-transition: top 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--stand .hamburger-inner::after {
  -webkit-transition: bottom 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--stand.is-active .hamburger-inner {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
  background-color: transparent;
  -webkit-transition: background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear;
  transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--stand.is-active .hamburger-inner::before {
  top: 0;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transition: top 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--stand.is-active .hamburger-inner::after {
  bottom: 0;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transition: bottom 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
   * Stand Reverse
   */
.hamburger--stand-r .hamburger-inner {
  -webkit-transition: background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear;
  transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--stand-r .hamburger-inner::before {
  -webkit-transition: top 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--stand-r .hamburger-inner::after {
  -webkit-transition: bottom 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--stand-r.is-active .hamburger-inner {
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
  background-color: transparent;
  -webkit-transition: background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear;
  transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--stand-r.is-active .hamburger-inner::before {
  top: 0;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transition: top 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--stand-r.is-active .hamburger-inner::after {
  bottom: 0;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transition: bottom 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
   * Spin
   */
.hamburger--spin .hamburger-inner {
  -webkit-transition-duration: 0.22s;
          transition-duration: 0.22s;
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
          transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin .hamburger-inner::before {
  -webkit-transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
  transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}

.hamburger--spin .hamburger-inner::after {
  -webkit-transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin.is-active .hamburger-inner {
  -webkit-transform: rotate(225deg);
      -ms-transform: rotate(225deg);
          transform: rotate(225deg);
  -webkit-transition-delay: 0.12s;
          transition-delay: 0.12s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--spin.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  -webkit-transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
  transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}

.hamburger--spin.is-active .hamburger-inner::after {
  bottom: 0;
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
  -webkit-transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
   * Spin Reverse
   */
.hamburger--spin-r .hamburger-inner {
  -webkit-transition-duration: 0.22s;
          transition-duration: 0.22s;
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
          transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin-r .hamburger-inner::before {
  -webkit-transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
  transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}

.hamburger--spin-r .hamburger-inner::after {
  -webkit-transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin-r.is-active .hamburger-inner {
  -webkit-transform: rotate(-225deg);
      -ms-transform: rotate(-225deg);
          transform: rotate(-225deg);
  -webkit-transition-delay: 0.12s;
          transition-delay: 0.12s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--spin-r.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  -webkit-transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
  transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}

.hamburger--spin-r.is-active .hamburger-inner::after {
  bottom: 0;
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
   * Squeeze
   */
.hamburger--squeeze .hamburger-inner {
  -webkit-transition-duration: 0.075s;
          transition-duration: 0.075s;
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
          transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--squeeze .hamburger-inner::before {
  -webkit-transition: top 0.075s 0.12s ease, opacity 0.075s ease;
  transition: top 0.075s 0.12s ease, opacity 0.075s ease;
}

.hamburger--squeeze .hamburger-inner::after {
  -webkit-transition: bottom 0.075s 0.12s ease, -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.075s 0.12s ease, -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--squeeze.is-active .hamburger-inner {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transition-delay: 0.12s;
          transition-delay: 0.12s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--squeeze.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  -webkit-transition: top 0.075s ease, opacity 0.075s 0.12s ease;
  transition: top 0.075s ease, opacity 0.075s 0.12s ease;
}

.hamburger--squeeze.is-active .hamburger-inner::after {
  bottom: 0;
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
  -webkit-transition: bottom 0.075s ease, -webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.075s ease, -webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
   * Vortex
   */
.hamburger--vortex .hamburger-inner {
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
          transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.hamburger--vortex .hamburger-inner::before, .hamburger--vortex .hamburger-inner::after {
  -webkit-transition-duration: 0s;
          transition-duration: 0s;
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
}

.hamburger--vortex .hamburger-inner::before {
  -webkit-transition-property: top, opacity;
  transition-property: top, opacity;
}

.hamburger--vortex .hamburger-inner::after {
  -webkit-transition-property: bottom, -webkit-transform;
  transition-property: bottom, -webkit-transform;
  transition-property: bottom, transform;
  transition-property: bottom, transform, -webkit-transform;
}

.hamburger--vortex.is-active .hamburger-inner {
  -webkit-transform: rotate(765deg);
      -ms-transform: rotate(765deg);
          transform: rotate(765deg);
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
          transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.hamburger--vortex.is-active .hamburger-inner::before, .hamburger--vortex.is-active .hamburger-inner::after {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

.hamburger--vortex.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
}

.hamburger--vortex.is-active .hamburger-inner::after {
  bottom: 0;
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}

/*
   * Vortex Reverse
   */
.hamburger--vortex-r .hamburger-inner {
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
          transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.hamburger--vortex-r .hamburger-inner::before, .hamburger--vortex-r .hamburger-inner::after {
  -webkit-transition-duration: 0s;
          transition-duration: 0s;
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
}

.hamburger--vortex-r .hamburger-inner::before {
  -webkit-transition-property: top, opacity;
  transition-property: top, opacity;
}

.hamburger--vortex-r .hamburger-inner::after {
  -webkit-transition-property: bottom, -webkit-transform;
  transition-property: bottom, -webkit-transform;
  transition-property: bottom, transform;
  transition-property: bottom, transform, -webkit-transform;
}

.hamburger--vortex-r.is-active .hamburger-inner {
  -webkit-transform: rotate(-765deg);
      -ms-transform: rotate(-765deg);
          transform: rotate(-765deg);
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
          transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.hamburger--vortex-r.is-active .hamburger-inner::before, .hamburger--vortex-r.is-active .hamburger-inner::after {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

.hamburger--vortex-r.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
}

.hamburger--vortex-r.is-active .hamburger-inner::after {
  bottom: 0;
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

/* -----------------------------------------------

Andy.SCSS: Open-Source Collection of Useful SASS Mixins Library.

URL: http://gillesbertaux.com/andy

By: Gilles Bertaux | http://gillesbertaux.com | @gillesbertaux

The purpose of Andy is to gather useful mixins and avoid endless research or heavy framework use. Feel free to fork it on Github and add your own mixins: https://github.com/gillesbertaux/andy

Mixins available:
  - Background Gradient
  - Background Size
  - Borders
  - Border Corners
  - Box Sizing
  - Center Block
  - Centering Block: Horizontal, Vertical, Both
  - Clearfix
  - Div Outline
  - Font Face
  - Hardware Acceleration
  - Hover
  - Image Retina
  - Line-Height
  - Media Queries
  - Opacity
  - Opacity Black
  - Opacity White
  - Position
  - Radius
  - Scale
  - Shadows
  - Size
  - Text Shadow
  - TranslateX
  - TranslateY
  - Transitions

 ----------------------------------------------- */
/* BACKGROUND GRADIENTS */
/* BACKGROUND SIZE */
/* BORDER */
/* BORDER CORNERS */
/* BOX SIZING */
/* CENTER BLOCK */
/* CENTERING BLOCKS ELEMENTS, HORIZONTAL, VERTICAL, BOTH */
/* CLEARFIX */
/* DIV OUTLINE */
/* FONT FACES */
/* FONT SIZE */
/* HARDWARE ACCELERATION */
/* HOVER */
/* IMAGE RETINA */
/* LINE HEIGHT */
/* MEDIA QUERIES */
/* OPACITY */
/* BLACK / WHITE OPACITY */
/* POSITION */
/* RADIUS */
/* SCALE */
/* SHADOWS */
/* SIZE */
/* TEXT SHADOW */
/* TRANSLATE X */
/* TRANSLATE Y */
/* TRANSITION SCALEDOWN */
@keyframes scaleDown {
  0% {
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -ms-transform: scale(0.95);
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
  }
  100% {
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@-webkit-keyframes scaleDown {
  0% {
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -ms-transform: scale(0.95);
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
  }
  100% {
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

/* TRANSITION SCALE UP HOVER */
@keyframes scaleUp {
  0% {
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@-webkit-keyframes scaleUp {
  0% {
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

/* TRANSITION FADEIN */
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/* TRANSITION SLIDEINDOWN */
@-webkit-keyframes slideInDown {
  0% {
    -webkit-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    transform: translateY(-100px);
    opacity: 0;
  }
  75% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 1;
  }
}

@keyframes slideInDown {
  0% {
    -webkit-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    transform: translateY(-100px);
    opacity: 0;
  }
  75% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 1;
  }
}

/* TRANSITION SLIDEINUP */
@-webkit-keyframes slideInUp {
  0% {
    -webkit-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px);
    opacity: 0;
  }
  75% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 1;
  }
}

@keyframes slideInUp {
  0% {
    -webkit-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px);
    opacity: 0;
  }
  75% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 1;
  }
}

/* TRANSITION SLIDEINRIGHT */
@-webkit-keyframes slideInRight {
  0% {
    -webkit-transform: translateX(100px);
    -ms-transform: translateX(100px);
    transform: translateX(100px);
    opacity: 0;
  }
  75% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 1;
  }
}

@keyframes slideInRight {
  0% {
    -webkit-transform: translateX(100px);
    -ms-transform: translateX(100px);
    transform: translateX(100px);
    opacity: 0;
  }
  75% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 1;
  }
}

/* TRANSITION SLIDEINLEFT */
@-webkit-keyframes slideInLeft {
  0% {
    -webkit-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    transform: translateX(-100px);
    opacity: 0;
  }
  75% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 1;
  }
}

@keyframes slideInRight {
  0% {
    -webkit-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    transform: translateX(-100px);
    opacity: 0;
  }
  75% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 1;
  }
}

/*!
 * Hover.css (http://ianlunn.github.io/Hover/)
 * Version: 2.3.1
 * Author: Ian Lunn @IanLunn
 * Author URL: http://ianlunn.co.uk/
 * Github: https://github.com/IanLunn/Hover

 * Hover.css Copyright Ian Lunn 2017. Generated with Sass.
 */
/* 2D TRANSITIONS */
/* Grow */
/* Shrink */
/* Pulse */
@-webkit-keyframes hvr-pulse {
  25% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  75% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}

@keyframes hvr-pulse {
  25% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  75% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}

/* Pulse Grow */
@-webkit-keyframes hvr-pulse-grow {
  to {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}

@keyframes hvr-pulse-grow {
  to {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}

/* Pulse Shrink */
@-webkit-keyframes hvr-pulse-shrink {
  to {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}

@keyframes hvr-pulse-shrink {
  to {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}

/* Push */
@-webkit-keyframes hvr-push {
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes hvr-push {
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

/* Pop */
@-webkit-keyframes hvr-pop {
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}

@keyframes hvr-pop {
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}

/* Bounce In */
/* Bounce Out */
/* Rotate */
/* Grow Rotate */
/* Float */
/* Sink */
/* Bob */
@-webkit-keyframes hvr-bob {
  0% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  50% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}

@keyframes hvr-bob {
  0% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  50% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}

@-webkit-keyframes hvr-bob-float {
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}

@keyframes hvr-bob-float {
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}

/* Hang */
@-webkit-keyframes hvr-hang {
  0% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
  50% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  100% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
}

@keyframes hvr-hang {
  0% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
  50% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  100% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
}

@-webkit-keyframes hvr-hang-sink {
  100% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
}

@keyframes hvr-hang-sink {
  100% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
}

/* Skew */
/* Skew Forward */
/* Skew Backward */
/* Wobble Vertical */
@-webkit-keyframes hvr-wobble-vertical {
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }
  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes hvr-wobble-vertical {
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }
  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

/* Wobble Horizontal */
@-webkit-keyframes hvr-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }
  33.3% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
  }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes hvr-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }
  33.3% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
  }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

/* Wobble To Bottom Right */
@-webkit-keyframes hvr-wobble-to-bottom-right {
  16.65% {
    -webkit-transform: translate(8px, 8px);
    transform: translate(8px, 8px);
  }
  33.3% {
    -webkit-transform: translate(-6px, -6px);
    transform: translate(-6px, -6px);
  }
  49.95% {
    -webkit-transform: translate(4px, 4px);
    transform: translate(4px, 4px);
  }
  66.6% {
    -webkit-transform: translate(-2px, -2px);
    transform: translate(-2px, -2px);
  }
  83.25% {
    -webkit-transform: translate(1px, 1px);
    transform: translate(1px, 1px);
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

@keyframes hvr-wobble-to-bottom-right {
  16.65% {
    -webkit-transform: translate(8px, 8px);
    transform: translate(8px, 8px);
  }
  33.3% {
    -webkit-transform: translate(-6px, -6px);
    transform: translate(-6px, -6px);
  }
  49.95% {
    -webkit-transform: translate(4px, 4px);
    transform: translate(4px, 4px);
  }
  66.6% {
    -webkit-transform: translate(-2px, -2px);
    transform: translate(-2px, -2px);
  }
  83.25% {
    -webkit-transform: translate(1px, 1px);
    transform: translate(1px, 1px);
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

/* Wobble To Top Right */
@-webkit-keyframes hvr-wobble-to-top-right {
  16.65% {
    -webkit-transform: translate(8px, -8px);
    transform: translate(8px, -8px);
  }
  33.3% {
    -webkit-transform: translate(-6px, 6px);
    transform: translate(-6px, 6px);
  }
  49.95% {
    -webkit-transform: translate(4px, -4px);
    transform: translate(4px, -4px);
  }
  66.6% {
    -webkit-transform: translate(-2px, 2px);
    transform: translate(-2px, 2px);
  }
  83.25% {
    -webkit-transform: translate(1px, -1px);
    transform: translate(1px, -1px);
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

@keyframes hvr-wobble-to-top-right {
  16.65% {
    -webkit-transform: translate(8px, -8px);
    transform: translate(8px, -8px);
  }
  33.3% {
    -webkit-transform: translate(-6px, 6px);
    transform: translate(-6px, 6px);
  }
  49.95% {
    -webkit-transform: translate(4px, -4px);
    transform: translate(4px, -4px);
  }
  66.6% {
    -webkit-transform: translate(-2px, 2px);
    transform: translate(-2px, 2px);
  }
  83.25% {
    -webkit-transform: translate(1px, -1px);
    transform: translate(1px, -1px);
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

/* Wobble Top */
@-webkit-keyframes hvr-wobble-top {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }
  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }
  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }
  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }
  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }
  100% {
    -webkit-transform: skew(0);
    transform: skew(0);
  }
}

@keyframes hvr-wobble-top {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }
  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }
  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }
  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }
  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }
  100% {
    -webkit-transform: skew(0);
    transform: skew(0);
  }
}

/* Wobble Bottom */
@-webkit-keyframes hvr-wobble-bottom {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }
  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }
  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }
  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }
  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }
  100% {
    -webkit-transform: skew(0);
    transform: skew(0);
  }
}

@keyframes hvr-wobble-bottom {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }
  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }
  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }
  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }
  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }
  100% {
    -webkit-transform: skew(0);
    transform: skew(0);
  }
}

/* Wobble Skew */
@-webkit-keyframes hvr-wobble-skew {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }
  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }
  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }
  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }
  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }
  100% {
    -webkit-transform: skew(0);
    transform: skew(0);
  }
}

@keyframes hvr-wobble-skew {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }
  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }
  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }
  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }
  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }
  100% {
    -webkit-transform: skew(0);
    transform: skew(0);
  }
}

/* Buzz */
@-webkit-keyframes hvr-buzz {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}

@keyframes hvr-buzz {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}

/* Buzz Out */
@-webkit-keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}

@keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}

/* Forward */
/* Backward */
/* BACKGROUND TRANSITIONS */
/* Fade */
/* Back Pulse */
@-webkit-keyframes hvr-back-pulse {
  50% {
    background-color: rgba(32, 152, 209, 0.75);
  }
}

@keyframes hvr-back-pulse {
  50% {
    background-color: rgba(32, 152, 209, 0.75);
  }
}

/* Sweep To Right */
/* Sweep To Left */
/* Sweep To Bottom */
/* Sweep To Top */
/* Bounce To Right */
/* Bounce To Left */
/* Bounce To Bottom */
/* Bounce To Top */
/* Radial Out */
/* Radial In */
/* Rectangle In */
/* Rectangle Out */
/* Shutter In Horizontal */
/* Shutter Out Horizontal */
/* Shutter In Vertical */
/* Shutter Out Vertical */
/* BORDER TRANSITIONS */
/* Border Fade */
/* Hollow */
/* Trim */
/* Ripple Out */
@-webkit-keyframes hvr-ripple-out {
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
  }
}

@keyframes hvr-ripple-out {
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
  }
}

/* Ripple In */
@-webkit-keyframes hvr-ripple-in {
  100% {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 1;
  }
}

@keyframes hvr-ripple-in {
  100% {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 1;
  }
}

/* Outline Out */
/* Outline In */
/* Round Corners */
/* Underline From Left */
/* Underline From Center */
/* Underline From Right */
/* Overline From Left */
/* Overline From Center */
/* Overline From Right */
/* Reveal */
/* Underline Reveal */
/* Overline Reveal */
/* SHADOW/GLOW TRANSITIONS */
/* Glow */
/* Shadow */
/* Grow Shadow */
/* Box Shadow Outset */
/* Box Shadow Inset */
/* Float Shadow */
/* Shadow Radial */
/* SPEECH BUBBLES */
/* Bubble Top */
/* Bubble Right */
/* Bubble Bottom */
/* Bubble Left */
/* Bubble Float Top */
/* Bubble Float Right */
/* Bubble Float Bottom */
/* Bubble Float Left */
/* ICONS */
/* Icon Back */
/* Icon Forward */
/* Icon Down */
@-webkit-keyframes hvr-icon-down {
  0%,
  50%,
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  25%,
  75% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
}

@keyframes hvr-icon-down {
  0%,
  50%,
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  25%,
  75% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
}

/* Icon Down */
/* Icon Up */
@-webkit-keyframes hvr-icon-up {
  0%,
  50%,
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  25%,
  75% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}

@keyframes hvr-icon-up {
  0%,
  50%,
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  25%,
  75% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}

/* Icon Up */
/* Icon Spin */
/* Icon Drop */
@-webkit-keyframes hvr-icon-drop {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  51%,
  100% {
    opacity: 1;
  }
}

@keyframes hvr-icon-drop {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  51%,
  100% {
    opacity: 1;
  }
}

/* Icon Drop */
/* Icon Fade */
/* Icon Float Away */
@-webkit-keyframes hvr-icon-float-away {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-1em);
    transform: translateY(-1em);
  }
}

@keyframes hvr-icon-float-away {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-1em);
    transform: translateY(-1em);
  }
}

/* Icon Float Away */
/* Icon Sink Away */
@-webkit-keyframes hvr-icon-sink-away {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(1em);
    transform: translateY(1em);
  }
}

@keyframes hvr-icon-sink-away {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(1em);
    transform: translateY(1em);
  }
}

/* Icon Sink Away */
/* Icon Grow */
/* Icon Shrink */
/* Icon Pulse */
@-webkit-keyframes hvr-icon-pulse {
  25% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  75% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}

@keyframes hvr-icon-pulse {
  25% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  75% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}

/* Icon Pulse Grow */
@-webkit-keyframes hvr-icon-pulse-grow {
  to {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
}

@keyframes hvr-icon-pulse-grow {
  to {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
}

/* Icon Pulse Shrink */
@-webkit-keyframes hvr-icon-pulse-shrink {
  to {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}

@keyframes hvr-icon-pulse-shrink {
  to {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}

/* Icon Push */
@-webkit-keyframes hvr-icon-push {
  50% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
}

@keyframes hvr-icon-push {
  50% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
}

/* Icon Pop */
@-webkit-keyframes hvr-icon-pop {
  50% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
}

@keyframes hvr-icon-pop {
  50% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
}

/* Icon Bounce */
/* Icon Rotate */
/* Icon Grow Rotate */
/* Icon Float */
/* Icon Sink */
/* Icon Bob */
@-webkit-keyframes hvr-icon-bob {
  0% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
  50% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }
  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}

@keyframes hvr-icon-bob {
  0% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
  50% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }
  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}

@-webkit-keyframes hvr-icon-bob-float {
  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}

@keyframes hvr-icon-bob-float {
  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}

/* Icon Hang */
@-webkit-keyframes hvr-icon-hang {
  0% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
  50% {
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
  }
  100% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
}

@keyframes hvr-icon-hang {
  0% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
  50% {
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
  }
  100% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
}

@-webkit-keyframes hvr-icon-hang-sink {
  100% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
}

@keyframes hvr-icon-hang-sink {
  100% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
}

/* Icon Wobble Horizontal */
@-webkit-keyframes hvr-icon-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(6px);
    transform: translateX(6px);
  }
  33.3% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
  }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes hvr-icon-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(6px);
    transform: translateX(6px);
  }
  33.3% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
  }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

/* Icon Wobble Vertical */
@-webkit-keyframes hvr-icon-wobble-vertical {
  16.65% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
  33.3% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
  }
  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }
  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes hvr-icon-wobble-vertical {
  16.65% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
  33.3% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
  }
  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }
  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

/* Icon Buzz */
@-webkit-keyframes hvr-icon-buzz {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}

@keyframes hvr-icon-buzz {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}

/* Icon Buzz Out */
@-webkit-keyframes hvr-icon-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}

@keyframes hvr-icon-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}

/* CURLS */
/* Curl Top Left */
/* Curl Top Right */
/* Curl Bottom Right */
/* Curl Bottom Left */
@-webkit-keyframes HexaScale {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
}
@keyframes HexaScale {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
}

@-webkit-keyframes CircleScale {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1.125);
            transform: scale(1.125);
  }
  100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
}

@keyframes CircleScale {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1.125);
            transform: scale(1.125);
  }
  100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
}

/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */
/**
     * 1. Change the default font family in all browsers (opinionated).
     * 2. Prevent adjustments of font size after orientation changes in IE and iOS.
     */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/**
     * Remove the margin in all browsers (opinionated).
     */
body {
  margin: 0;
}

/* HTML5 display definitions
       ========================================================================== */
/**
     * Add the correct display in IE <10.
     * Add the correct display in Edge, IE, and Firefox for `details` or `summary`.
     * Add the correct display in IE for `main`.
     */
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
     * Add the correct display in IE <10.
     */
audio,
canvas,
progress,
video {
  display: inline-block;
}

/**
     * Add the correct display and remove excess height in iOS 4-7.
     */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
     * Add the correct vertical alignment in Chrome, Firefox, and Opera.
     */
progress {
  vertical-align: baseline;
}

/**
     * Add the correct display in IE <11, Safari <8, and Firefox <22.
     * 1. Add the correct display in IE.
     */
template,
[hidden] {
  display: none;
}

/* Links
       ========================================================================== */
/**
     * 1. Remove the gray background on active links in IE 10.
     * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
     */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */
}

/**
     * Remove the outline on focused links when they are also active or hovered
     * in all browsers (opinionated).
     */
a:active,
a:hover {
  outline-width: 0;
}

/* Text-level semantics
       ========================================================================== */
/**
     * 1. Remove the bottom border in Firefox <40.
     * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
     */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}

/**
     * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
     */
b,
strong {
  font-weight: inherit;
}

/**
     * Add the correct font weight in Chrome, Edge, and Safari.
     */
b,
strong {
  font-weight: bolder;
}

/**
     * 1. Correct the inheritance and scaling of font size in all browsers.
     * 2. Correct the odd `em` font sizing in all browsers.
     */
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/**
     * Add the correct font style in Android <4.4.
     */
dfn {
  font-style: italic;
}

/**
     * Correct the font size and margin on `h1` elements within `section` and
     * `article` contexts in Chrome, Firefox, and Safari.
     */
h1 {
  font-size: 2em;
  /* Set 1 unit of vertical rhythm on the top and bottom margins. */
  margin: 0.75em 0;
}

/**
     * Add the correct background and color in IE <10.
     */
mark {
  background-color: #ff0;
  color: #000;
}

/**
     * Add the correct font size in all browsers.
     */
small {
  font-size: 80%;
}

/**
     * Prevent `sub` and `sup` elements from affecting the line height in
     * all browsers.
     */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
       ========================================================================== */
/**
     * Remove the border on images inside links in IE <11.
     */
img {
  border-style: none;
}

/**
     * Hide the overflow in IE.
     */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
       ========================================================================== */
/**
     * Add the correct margin in IE 8.
     */
figure {
  margin: 1.5em 40px;
}

/**
     * 1. Add the correct box sizing in Firefox.
     * 2. Show the overflow in Edge and IE.
     */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
       ========================================================================== */
/**
     * Known issues:
     * - By default, Chrome on OS X and Safari on OS X allow very limited styling of
     *   select, unless a border property is set. The default font weight on
     *   optgroup elements cannot safely be changed in Chrome on OSX and Safari on
     *   OS X.
     * - It is recommended that you do not style checkbox and radio inputs as
     *   Firefox's implementation does not respect box-sizing, padding, or width.
     * - Certain font size values applied to number inputs cause the cursor style of
     *   the decrement button to change from default to text.
     * - The search input is not fully stylable by default. In Chrome and Safari on
     *   OSX/iOS you can't control font, padding, border, or background. In Chrome
     *   and Safari on Windows you can't control border properly. It will apply
     *   border-width but will only show a border color (which cannot be controlled)
     *   for the outer 1px of that border. Applying -webkit-appearance: textfield
     *   addresses these issues without removing the benefits of search inputs (e.g.
     *   showing past searches). Safari (but not Chrome) will clip the cancel button
     *   on when it has padding (and textfield appearance).
     */
/**
     * 1. Change font properties to `inherit` in all browsers (opinionated).
     * 2. Remove the margin in Firefox and Safari.
     * 3. Address `font-family` inconsistency between `textarea` and other form in IE 7
     * 4. Improve appearance and consistency with IE 6/7.
     */
button,
input,
optgroup,
select,
textarea {
  font: inherit;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
     * Show the overflow in IE.
     */
button {
  overflow: visible;
}

/**
     * Remove the inheritance of text transform in Edge, Firefox, and IE.
     * 1. Remove the inheritance of text transform in Firefox.
     */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
     * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
     *    controls in Android 4.
     * 2. Correct the inability to style clickable types in iOS and Safari.
     */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
  /**
       * Remove the inner border and padding in Firefox.
       */
  /**
       * Restore the focus styles unset by the previous rule.
       */
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
     * Show the overflow in Edge.
     */
input {
  overflow: visible;
}

/**
     * 1. Add the correct box sizing in IE <11.
     * 2. Remove the padding in IE <11.
     * 3. Remove excess padding in IE 7.
     *    Known issue: excess padding remains in IE 6.
     */
[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
     * Correct the cursor style of increment and decrement buttons in Chrome.
     */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
     * 1. Correct the odd appearance in Chrome and Safari.
     * 2. Correct the outline style in Safari.
     */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
  /**
       * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
       */
}

[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
     * Correct the text style of placeholders in Chrome, Edge, and Safari.
     */
::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}

/**
     * 1. Correct the inability to style clickable types in iOS and Safari.
     * 2. Change font properties to `inherit` in Safari.
     */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/**
     * Change the border, margin, and padding in all browsers (opinionated).
     */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
     * 1. Correct the text wrapping in Edge and IE.
     * 2. Correct the color inheritance from `fieldset` elements in IE.
     * 3. Remove the padding so developers are not caught out when they zero out
     *    `fieldset` elements in all browsers.
     * 4. Correct alignment displayed oddly in IE 6/7.
     */
legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  white-space: normal;
  /* 1 */
  color: inherit;
  /* 2 */
  padding: 0;
  /* 3 */
}

/**
     * Restore the font weight unset by a previous rule.
     */
optgroup {
  font-weight: bold;
}

/**
     * Remove the default vertical scrollbar in IE.
     */
textarea {
  overflow: auto;
}

html {
  background: #000;
}

html, body {
  height: 100%;
}

span.break {
  display: block;
}

@media screen and (min-width: 48em) {
  span.break {
    display: inline-block;
  }
}

span.break-mobile {
  display: block;
}

@media screen and (min-width: 48em) {
  span.break-mobile {
    display: inline-block;
  }
}

span.break-desktop {
  display: inline-block;
}

a {
  cursor: pointer;
  text-decoration: none;
}

h2 {
  font-family: 'UnitedSansRegStencil', sans-serif;
  text-align: center;
  font-size: 22px;
}

@media screen and (min-width: 48em) {
  h2 {
    font-size: 42px;
  }
}
.mainh1{
  display: none;
}
.ladrillos {
  height: 4000px;
  overflow: hidden;
  background-image: url("../images/ladrillos_mobile.jpg");
  background-position: top center;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  width: 100%;
}

@media screen and (min-width: 48em) {
  .ladrillos {
    background-image: url("../images/ladrillos.jpg");
    background-size: cover;
    height: 2450px;
  }
  .ladrillos.active {
    height: 2900px;
  }
}

.base {
  margin-left: auto;
  margin-right: auto;
  margin-top: 142px;
  width: 100%;
  height: 3300px;
  background-image: url("../images/base_mobile.png");
  background-repeat: no-repeat;
  background-position: top center;
}

@media screen and (min-width: 48em) {
  .base {
    margin-top: 77px;
    height: 1724px;
    width: 1178px;
    background-image: url("../images/base.png");
  }
}

.content {
  position: absolute;
  top: 3300px;
  margin-top: -3300px;
  height: 3300px;
  width: 100%;
}

@media screen and (min-width: 48em) {
  .content {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-top: -1728px;
    height: 1728px;
    width: 960px;
    top: 0;
  }
}

.content .logo {
  z-index: 2;
}

.logo {
  position: absolute;
  display: block;
  width: 145px;
  height: 39px;
  overflow: hidden;
  text-indent: 100%;
  background-image: url("../images/logo-header.png");
  background-repeat: no-repeat;
  top: 20px;
  left: 20px;
}

@media screen and (min-width: 48em) {
  .logo {
    left: 0;
  }
}

button.hamburger.burger {
  top: 25px;
  position: absolute;
  right: 30px;
  outline: none;
  width: 40px;
  height: 34px;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

@media screen and (min-width: 48em) {
  button.hamburger.burger {
    right: 10px;
  }
}

button.hamburger.burger.is-active {
  z-index: 101;
}

@media screen and (min-width: 48em) {
  button.hamburger.burger.is-active {
    right: -14%;
    top: -1%;
  }
}

button.hamburger.burger.is-active p.menu {
  opacity: 0;
  visibility: hidden;
}

button.hamburger.burger.is-active p.cerrar {
  opacity: 1;
  visibility: visible;
  color: #FFF;
}

button.hamburger.burger .hamburger-inner, button.hamburger.burger .hamburger-inner::before, button.hamburger.burger .hamburger-inner::after {
  background-color: #fff;
}

button.hamburger.burger p {
  text-align: center;
  font-family: 'Blender', sans-serif;
  font-size: 16px;
  color: white;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  position: absolute;
  bottom: -22px;
  left: 50%;
  letter-spacing: 0.15em;
  opacity: 0;
  width: 60px;
  visibility: hidden;
  position: absolute;
  left: 50%;
  -webkit-transform: perspective(1px) translate(-50%, 0);
          transform: perspective(1px) translate(-50%, 0);
}

button.hamburger.burger p.menu {
  opacity: 1;
  visibility: visible;
}

.message {
  position: absolute;
  top: 375px;
  width: 100%;
  text-align: center;
}

@media screen and (min-width: 48em) {
  .message {
    background: url(../images/video-box.png) no-repeat center center;
    top: 485px;
  }
}

.message .click-target {
  top: 69px;
  left: 108px;
  width: 104px;
  height: 54px;
  background: url(../images/btn-play.png) no-repeat center center;
}

.message .click-target.video {
  width: 132px;
  height: 84px;
  display: block;
  top: 55px;
  position: absolute;
  left: 50%;
  -webkit-transform: perspective(1px) translate(-50%, 0);
          transform: perspective(1px) translate(-50%, 0);
}

@media screen and (min-width: 48em) {
  .message .click-target.video {
    right: 220px;
    top: -20px;
    left: inherit;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }
}

.message p {
  font-family: 'UnitedSansRegStencil', sans-serif;
  font-size: 17px;
}

@media screen and (min-width: 48em) {
  .message p {
    text-align: left;
    font-size: 25px;
    top: -20px;
    position: relative;
    left: 225px;
    width: 375px;
  }
}

.message em {
  color: #7e1d13;
}

.boton-abajo {
  position: absolute;
  left: 50%;
  width: 47px;
  height: 30px;
  background-image: url("../images/boton-abajo.png");
  background-repeat: no-repeat;
  cursor: pointer;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

.boton-abajo.ir-a-construir {
  top: 505px;
}

@media screen and (min-width: 48em) {
  .boton-abajo.ir-a-construir {
    top: 635px;
  }
}

.construir-bien {
  position: absolute;
  top: 683px;
  width: 100%;
}

@media screen and (min-width: 48em) {
  .construir-bien {
    top: 738px;
  }
}

.construir-bien h2 {
  color: white;
  margin-left: auto;
  margin-right: auto;
}

.construir-bien > p {
  margin-top: 35px;
  margin-bottom: 20px;
  font-family: 'Blender', sans-serif;
  font-weight: bold;
  text-align: center;
  color: #000;
  margin-left: auto;
  margin-right: auto;
  width: 300px;
  font-size: 16px;
  line-height: 18px;
}

@media screen and (min-width: 48em) {
  .construir-bien > p {
    font-size: 25px;
    width: 550px;
  }
}

.construir-bien > p .small {
  margin-left: auto;
  margin-right: auto;
  width: 300px;
  font-size: 12px;
  line-height: 15px;
}

@media screen and (min-width: 48em) {
  .construir-bien > p .small {
    margin-top: 8px;
    font-size: 18px;
  }
}

.construir-bien > p .small a {
  color: #000;
  text-decoration: underline;
}

.construir-bien .projects {
  width: 230px;
  margin: 0 auto;
  text-align: center;
}

@media screen and (min-width: 48em) {
  .construir-bien .projects {
    width: 100%;
    margin-top: 70px;
  }
}

.construir-bien .projects a.project {
  display: inline-block;
  margin: 0 14px 42px;
  position: relative;
}

.construir-bien .projects a.project p.title {
  margin-bottom: 15px;
  height: 32px;
}

.construir-bien .projects a.project p.title span.number {
  background: #000;
  color: #FFF;
  font-family: UnitedSansRegStencil, Arial, Helvetica, sans-serif;
  font-size: 22px;
  height: 100%;
  width: 32px;
  float: left;
  line-height: 32px;
  text-align: center;
}

.construir-bien .projects a.project p.title span.title {
  color: #000;
  font-family: UnitedSansRegStencil, Arial, Helvetica, sans-serif;
  font-size: 18px;
  height: 100%;
  line-height: 18px;
  margin-left: 10px;
  float: left;
  text-align: left;
}

.construir-bien .projects a.project .project-box {
  height: 268px;
  position: relative;
}

.construir-bien .projects a.project .project-box img {
  top: 0;
  left: 0;
}

.construir-bien .projects a.project .project-box p.footer-project {
  margin-top: -7px;
  height: 46px;
  width: 100%;
  bottom: 0;
  left: 0;
  background: #F2DF34;
  display: block;
  position: relative;
}

.construir-bien .projects a.project .project-box p.footer-project span.icon {
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #000;
  width: 46px;
  height: 100%;
  float: left;
}

.construir-bien .projects a.project .project-box p.footer-project span.icon.icon-seguridad {
  background-image: url(../images/iconos/Seguridad-blanco.png);
}

.construir-bien .projects a.project .project-box p.footer-project span.icon.icon-puerta {
  background-image: url(../images/iconos/Puertas-blanco.png);
}

.construir-bien .projects a.project .project-box p.footer-project span.icon.icon-techo {
  background-image: url(../images/iconos/Techos-blanco.png);
}

.construir-bien .projects a.project .project-box p.footer-project span.icon.icon-agua {
  background-image: url(../images/iconos/Agua-blanco.png);
}

.construir-bien .projects a.project .project-box p.footer-project span.icon.icon-electricidad {
  background-image: url(../images/iconos/Electricidad-blanco.png);
}

.construir-bien .projects a.project .project-box p.footer-project span.icon.icon-material {
  background-image: url(../images/iconos/Materiales-blanco.png);
}

.construir-bien .projects a.project .project-box p.footer-project span.icon.icon-desague {
  background-image: url(../images/iconos/Desague-blanco.png);
}

.construir-bien .projects a.project .project-box p.footer-project span.infographic {
  text-align: left;
  color: #000;
  font-family: Blender, Arial, Helvetica, sans-serif;
  font-size: 20px;
  line-height: 35px;
  border: 4px solid #000;
  width: 100%;
  height: 100%;
  display: block;
  padding-left: 80px;
  position: relative;
}

.construir-bien .projects a.project .project-box p.footer-project span.infographic:after {
  content: '';
  display: block;
  background: rgba(0, 0, 0, 0.5);
  width: 1px;
  height: 22px;
  right: 16%;
  position: absolute;
  top: 50%;
  -webkit-transform: perspective(1px) translate(0, -50%);
          transform: perspective(1px) translate(0, -50%);
}

.construir-bien .projects a.project .project-box p.footer-project span.icon-eye {
  background: url(../images/iconos/icon-eye.png) no-repeat center center;
  width: 21px;
  height: 13px;
  right: 5%;
  position: absolute;
  top: 50%;
  -webkit-transform: perspective(1px) translate(0, -50%);
          transform: perspective(1px) translate(0, -50%);
}

.footer {
  background-image: url("../images/bg-footer.png");
  background-repeat: no-repeat;
  background-position: 38% 0;
  background-size: cover;
  position: relative;
  margin-left: 0;
  margin-right: 0;
  height: 80px;
  width: 100%;
}

@media screen and (min-width: 48em) {
  .footer {
    height: 110px;
    margin-left: auto;
    margin-right: auto;
    background-position: 40% 0;
    background-size: 250%;
  }
}

.footer .wrapper {
  height: 100%;
  width: 100%;
  margin: 0 auto;
  max-width: 960px;
  position: relative;
}

.footer .logo {
  top: 22px;
  height: 26px;
  width: 95px;
  background-size: contain;
}

@media screen and (min-width: 48em) {
  .footer .logo {
    top: 30px;
    width: 145px;
    height: 39px;
  }
}

.footer ul {
  top: 21px;
  position: absolute;
}

@media screen and (min-width: 48em) {
  .footer ul {
    top: 20px;
  }
}

.footer .about-us {
  display: none;
}

@media screen and (min-width: 48em) {
  .footer .about-us {
    left: 230px;
  }
}

.footer .social {
  left: 220px;
  font-size: 12px;
}

@media screen and (min-width: 48em) {
  .footer .social {
    left: 785px;
  }
}

.footer .legal {
  left: 125px;
}

@media screen and (min-width: 48em) {
  .footer .legal {
    left: 500px;
  }
}

.footer .legal a {
  font-size: 7px;
}

.footer .legal li:last-child {
  display: none;
}

.footer li {
  margin-bottom: -5px;
}

@media screen and (min-width: 48em) {
  .footer li {
    margin-bottom: 10px;
  }
}

.footer li a {
  font-family: 'PFBeauSansPro', sans-serif;
  text-align: left;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.7);
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
  -webkit-transition: border-bottom-color 0.3s ease;
  transition: border-bottom-color 0.3s ease;
}

@media screen and (min-width: 48em) {
  .footer li a {
    font-size: 16px;
  }
}

.footer li a:hover {
  color: #FFEB35;
  text-decoration: none;
  border-bottom: 1px solid #FFEB35;
}

.footer .facebook, .footer .youtube {
  border-bottom: none;
  display: block;
  padding-left: 32px;
  padding-top: 4px;
  padding-bottom: 4px;
  background-repeat: no-repeat;
}

@media screen and (min-width: 48em) {
  .footer .facebook, .footer .youtube {
    display: inline-block;
    padding-left: 35px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: none;
  }
  .footer .facebook:hover, .footer .youtube:hover {
    border-bottom: none;
  }
}

.footer .facebook {
  height: 18px;
  margin-bottom: 12px;
  background-size: contain;
  background-image: url("../images/facebook.png");
  background-position: 10px center;
}

@media screen and (min-width: 48em) {
  .footer .facebook {
    margin-bottom: 5px;
  }
}

.footer .youtube {
  background-image: url("../images/youtube.png");
  background-position: left center;
  height: 18px;
  background-size: contain;
}

.video-overlay {
  position: fixed;
  top: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.8);
  z-index: 3;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.video-overlay.active {
  opacity: 1;
  visibility: visible;
  z-index: 12;
}

.video-overlay .video-container {
  width: 90%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: perspective(1px) translate(-50%, -50%);
          transform: perspective(1px) translate(-50%, -50%);
}

@media screen and (min-width: 48em) {
  .video-overlay .video-container {
    width: 960px;
    height: 540px;
  }
}

.video-overlay iframe {
  display: block;
  width: 100%;
  margin: 0 auto;
}

@media screen and (min-width: 48em) {
  .video-overlay iframe {
    width: 960px;
    height: 540px;
  }
}

.video-overlay .cerrar-overlay {
  right: 10px;
  top: -65px;
}

@media screen and (min-width: 48em) {
  .video-overlay .cerrar-overlay {
    top: 0;
    right: -70px;
  }
}

.cerrar-overlay {
  position: absolute;
  top: 0;
  height: 30px;
  padding-top: 40px;
  width: 50px;
  font-family: 'Blender', sans-serif;
  font-size: 21px;
  text-align: center;
  color: white;
  background-image: url("../images/cerrar-overlay.png");
  background-repeat: no-repeat;
  background-position: center top;
  cursor: pointer;
}

.menu-overlay {
  position: fixed;
  top: 0;
  opacity: 0;
  visibility: hidden;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.8);
  z-index: 100;
  overflow: hidden;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.menu-overlay.expanded {
  opacity: 1;
  visibility: visible;
}

.menu-overlay.expanded .menu-container {
  left: 20%;
}

@media screen and (min-width: 48em) {
  .menu-overlay.expanded .menu-container {
    left: 50%;
  }
}

.menu-overlay.active {
  display: block;
}

.menu-container {
  position: absolute;
  left: 100%;
  height: 100%;
  width: 80%;
  background: black;
  overflow: hidden;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

@media screen and (min-width: 48em) {
  .menu-container {
    width: 50%;
  }
}

.menu-container ul {
  position: absolute;
  top: 140px;
  left: 35px;
}

@media screen and (min-width: 48em) {
  .menu-container ul {
    left: 70px;
  }
}

.menu-container ul li {
  padding-top: 15px;
  padding-bottom: 10px;
  padding-left: 15px;
  padding-right: 100%;
  margin-bottom: 15px;
  width: 100%;
  font-family: 'UnitedSansRegStencil', sans-serif;
  font-size: 13px;
  border: 5px solid white;
  color: white;
  cursor: pointer;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

@media screen and (min-width: 48em) {
  .menu-container ul li {
    font-size: 20px;
  }
}

.menu-container ul li:hover {
  color: black;
  background-color: #C21B0D;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

.menu-container ul li:hover a.manual {
  color: black;
  background-color: #C21B0D;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

.menu-container ul li a.manual {
  position: relative;
  top: 0;
  color: #FFF;
  width: 165px;
  display: inline-table;
}

.menu-container p {
  position: absolute;
  top: 570px;
  left: 70px;
  padding-bottom: 8px;
  width: 120%;
  font-family: 'PFBeauSansPro', sans-serif;
  font-size: 16px;
  color: #C21B0D;
  border-bottom: 1px solid #C21B0D;
}

.menu-container a {
  position: absolute;
  top: 610px;
  height: 36px;
  width: 37px;
  background-repeat: no-repeat;
}

.menu-container .facebook {
  background-image: url("../images/menu-facebook.jpg");
  left: 70px;
}

.menu-container .youtube {
  background-image: url("../images/menu-youtube.jpg");
  left: 125px;
}

/**
  VIDEO TIPS
*/
.video-tips {
  background: url(../images/base-2.png) no-repeat top center;
  height: 700px;
  width: 100%;
  position: relative;
  margin: 0 auto;
  text-align: center;
  display: inline-block;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

@media screen and (min-width: 48em) {
  .video-tips {
    height: 1000px;
  }
  .video-tips.active {
    height: 1540px;
  }
}

.video-tips.active .video-frame {
  height: 100%;
}

@media screen and (min-width: 48em) {
  .video-tips.active .video-frame {
    height: 540px;
  }
}

.video-tips h2.title {
  color: white;
  line-height: 70px;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0;
  display: block;
  font-size: 20px;
}

@media screen and (min-width: 48em) {
  .video-tips h2.title {
    font-size: 42px;
  }
}

.video-tips p.text {
  font-size: 30px;
  font-family: "Blender", Arial, Helvetica, sans-serif;
  width: 100%;
  max-width: 1200px;
  text-align: center;
  margin: 30px 0 0;
  padding: 0 10px;
  display: inline-block;
}

@media screen and (min-width: 48em) {
  .video-tips p.text {
    font-size: 24px;
    margin: 50px 0 45px;
    padding: 0;
  }
  .video-tips p.text span.jump {
    display: block;
  }
}

.video-tips .floating-elements {
  margin: 0 auto 20px;
  max-width: 960px;
  width: 100%;
  position: relative;
  top: 25px;
  height: 34px;
}

.video-tips .floating-elements:after {
  height: 1px;
  width: 100%;
  background: #000;
  display: block;
  content: '';
  top: 50px;
  position: absolute;
  left: 50%;
  -webkit-transform: perspective(1px) translate(-50%, 0);
          transform: perspective(1px) translate(-50%, 0);
}

.video-tips form#filter_form {
  width: 144px;
  height: 34px;
  display: block;
  margin: 0 auto 20px;
}

@media screen and (min-width: 48em) {
  .video-tips form#filter_form {
    float: right;
  }
}

.video-tips form#filter_form label {
  background: #CA1F0D;
  color: #FFF;
  font-size: 17px;
  font-family: "Blender", Arial, Helvetica, sans-serif;
  width: 144px;
  height: 34px;
  margin: 0;
  padding: 10px 16px 0;
  z-index: 10;
  position: relative;
  display: block;
  text-align: left;
  cursor: pointer;
  border: 0;
}

.video-tips form#filter_form label:after {
  content: '';
  display: block;
  background: url(../images/iconos/arrow_white_filter_top.png);
  width: 22px;
  height: 12px;
  position: absolute;
  right: 10px;
  top: 12px;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  -webkit-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
          transform: rotate(-180deg);
}

.video-tips form#filter_form label.active:after {
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
}

.video-tips form#filter_form ul.list-filter {
  padding: 0;
  margin: 0;
  background: transparent;
  color: #000;
  font-size: 17px;
  font-family: "Blender", Arial, Helvetica, sans-serif;
  list-style: none;
  height: 0;
  display: block;
  position: relative;
  z-index: 11;
  overflow: hidden;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.video-tips form#filter_form ul.list-filter.active {
  height: 204px;
}

.video-tips form#filter_form ul.list-filter li {
  background: #FFF;
  color: #000;
  height: 34px;
  display: block;
  line-height: 34px;
  cursor: pointer;
  border-bottom: 1px solid #b3b3b3;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.video-tips form#filter_form ul.list-filter li:hover {
  border-bottom-color: #000;
  background: #000;
  color: #FFF;
}

.video-tips .slide-pagination {
  display: none;
  width: 570px;
  height: 32px;
  margin: 0 auto 20px;
  float: left;
}

@media screen and (min-width: 48em) {
  .video-tips .slide-pagination {
    display: block;
  }
  .video-tips .slide-pagination .numbers {
    display: block;
    float: left;
  }
}

.video-tips .slide-pagination .arrow {
  display: none;
  width: 32px;
  height: 32px;
  background-position: center center;
  background-repeat: no-repeat;
  cursor: pointer;
  vertical-align: top;
}

.video-tips .slide-pagination .arrow.left {
  background-image: url(../images/iconos/arrow_black_video-slide_left.png);
}

.video-tips .slide-pagination .arrow.right {
  background-image: url(../images/iconos/arrow_black_video-slide_right.png);
}

.video-tips .slide-pagination .slide {
  display: inline-block;
  margin: 0 3px;
  padding: 0;
  border: 3px solid #000;
  background: #000;
  color: #fff;
  font-size: 18px;
  text-align: center;
  cursor: pointer;
  line-height: 28px;
  height: 32px;
  width: 32px;
  font-family: "Blender", Arial, Helvetica, sans-serif;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  vertical-align: top;
}

.video-tips .slide-pagination .slide.active, .video-tips .slide-pagination .slide:hover {
  background: #F2DF34;
  color: #000;
}

.video-tips .carrousel-videos {
  overflow: hidden;
  display: inline-block;
  width: 350px;
  height: 244px;
  margin: 0;
  padding: 0;
  position: relative;
}

@media screen and (min-width: 48em) {
  .video-tips .carrousel-videos {
    width: 1100px;
    margin: 0 auto;
    display: block;
  }
}

.video-tips .carrousel-videos:after {
  height: 1px;
  width: 100%;
  background: #000;
  display: block;
  content: '';
  top: 230px;
  max-width: 960px;
  position: absolute;
  left: 50%;
  -webkit-transform: perspective(1px) translate(-50%, 0);
          transform: perspective(1px) translate(-50%, 0);
}

.video-tips .carrousel-videos .arrow {
  width: 60px;
  height: 172px;
  z-index: 10;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 50%;
  -webkit-transform: perspective(1px) translate(0, -50%);
          transform: perspective(1px) translate(0, -50%);
}

@media screen and (min-width: 48em) {
  .video-tips .carrousel-videos .arrow {
    width: 105px;
    height: 162px;
  }
}

.video-tips .carrousel-videos .arrow.left {
  left: 0;
  background-image: url(../images/iconos/arrow_black_video-carrousel_left.png);
}

.video-tips .carrousel-videos .arrow.right {
  right: 0;
  background-image: url(../images/iconos/arrow_black_video-carrousel_right.png);
}

.video-tips .carrousel-videos .arrow.display {
  opacity: 1;
  visibility: visible;
}

.video-tips .carrousel-videos .video-space {
  position: absolute;
  z-index: 9;
  height: 172px;
  top: 0;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  position: absolute;
  top: 50%;
  -webkit-transform: perspective(1px) translate(0, -50%);
          transform: perspective(1px) translate(0, -50%);
}

@media screen and (min-width: 48em) {
  .video-tips .carrousel-videos .video-space {
    height: 162px;
  }
}

.video-tips .carrousel-videos .video-space .video-block {
  display: block;
  width: 220px;
  height: 172px;
  margin: 0 5px;
  border: 4px solid #000;
  position: relative;
  float: left;
  cursor: pointer;
  vertical-align: middle;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

@media screen and (min-width: 48em) {
  .video-tips .carrousel-videos .video-space .video-block {
    width: 210px;
    height: 162px;
  }
  .video-tips .carrousel-videos .video-space .video-block:hover, .video-tips .carrousel-videos .video-space .video-block.active {
    -webkit-transform: scale(1.5);
        -ms-transform: scale(1.5);
            transform: scale(1.5);
    z-index: 11;
  }
  .video-tips .carrousel-videos .video-space .video-block:hover::before, .video-tips .carrousel-videos .video-space .video-block.active::before {
    background: rgba(148, 2, 2, 0.75);
  }
}

.video-tips .carrousel-videos .video-space .video-block::before {
  background: rgba(0, 0, 0, 0.25);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: block;
  content: '';
  position: absolute;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.video-tips .carrousel-videos .video-space .video-block img {
  width: 100%;
  height: 100%;
  display: block;
}

.video-tips .carrousel-videos .video-space .video-block p {
  color: #FFF;
  font-size: 17px;
  font-family: "Blender", Arial, Helvetica, sans-serif;
  margin: 0;
  padding: 0 5px;
  width: 100%;
  text-align: center;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: perspective(1px) translate(-50%, -50%);
          transform: perspective(1px) translate(-50%, -50%);
}

.video-tips .video-frame {
  height: 0;
  margin: 0 auto;
  padding: 0;
  width: 100%;
  background: #000;
  max-width: 1160px;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
}

@media screen and (min-width: 48em) {
  .video-tips .video-frame {
    position: relative;
  }
}

.video-tips .video-frame .video-mask {
  height: 100%;
  width: 100%;
  display: block;
  margin: 0 auto;
  padding: 0;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: perspective(1px) translate(-50%, -50%);
          transform: perspective(1px) translate(-50%, -50%);
}

@media screen and (min-width: 48em) {
  .video-tips .video-frame .video-mask {
    width: 930px;
  }
}

.video-tips .video-frame .video-mask.active {
  opacity: 1;
  visibility: visible;
}

.video-tips .video-frame .video-mask .cerrar-overlay {
  right: 0px;
  top: 20px;
}

@media screen and (min-width: 48em) {
  .video-tips .video-frame .video-mask .cerrar-overlay {
    right: -12px;
    top: 60px;
  }
}

.video-tips .video-frame .video-mask .text-block {
  display: inline-block;
  width: 100%;
  padding: 0 10px;
}

@media screen and (min-width: 48em) {
  .video-tips .video-frame .video-mask .text-block {
    width: 300px;
    padding: 0;
    margin-right: 30px;
    float: left;
  }
}

.video-tips .video-frame .video-mask .text-block h3 {
  font-family: "Blender", Arial, Helvetica, sans-serif;
  font-size: 24px;
  color: #d41e0b;
  margin: 55px 0 0;
  text-align: center;
  text-transform: uppercase;
}

@media screen and (min-width: 48em) {
  .video-tips .video-frame .video-mask .text-block h3 {
    font-size: 28px;
    margin: 100px 0 0;
    text-align: left;
  }
}

.video-tips .video-frame .video-mask .text-block h3:after {
  width: 60px;
  height: 6px;
  display: block;
  content: '';
  margin: 15px auto 0;
  padding: 0;
  background: #FFF;
}

@media screen and (min-width: 48em) {
  .video-tips .video-frame .video-mask .text-block h3:after {
    margin: 30px 0 0;
  }
}

.video-tips .video-frame .video-mask .text-block p {
  font-family: "Blender", Arial, Helvetica, sans-serif;
  font-size: 18px;
  color: #fff;
  margin: 15px auto;
  text-align: left;
}

@media screen and (min-width: 48em) {
  .video-tips .video-frame .video-mask .text-block p {
    font-size: 22px;
    margin: 25px auto 30px;
  }
}

.video-tips .video-frame .video-mask .text-block a {
  font-family: "Blender", Arial, Helvetica, sans-serif;
  font-size: 21px;
  color: #fff;
  border: 1px solid #fff;
  margin: 0;
  padding: 6px 12px;
  text-decoration: none;
  text-align: left;
  float: left;
  display: none;
}

.video-tips .video-frame .video-mask iframe {
  display: inline-block;
  width: 350px;
  height: 200px;
  margin: 20px auto;
}

@media screen and (min-width: 48em) {
  .video-tips .video-frame .video-mask iframe {
    float: left;
    width: 600px;
    height: 350px;
    margin: 95px auto;
  }
}

html, body {
  height: 100%;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.content-page-build-well .sidebar-build-well .menu-topic-3d li .btn-switch, .page-home3d .controls .btn-switch {
  background: #EEE;
  -webkit-box-shadow: inset 0 0 15px 0 #000000;
          box-shadow: inset 0 0 15px 0 #000000;
  -webkit-border-radius: 15px;
          border-radius: 15px;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 16px;
  position: relative;
  width: 55px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  position: relative;
  top: 1px;
}

.content-page-build-well .sidebar-build-well .menu-topic-3d li .btn-switch:after, .page-home3d .controls .btn-switch:after {
  border: solid 1px #FFF;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../images/bg-check-false.png);
  background-color: #bebebe;
  background-size: 9px auto;
  color: #fff;
  content: "";
  display: block;
  height: 20px;
  font-size: 10px;
  margin-left: -3px;
  left: 0;
  line-height: 29px;
  position: absolute;
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
  text-align: center;
  top: -4px;
  width: 20px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.content-page-build-well .sidebar-build-well .menu-topic-3d li .active.btn-switch, .page-home3d .controls .active.btn-switch {
  background: #be1616;
}

.content-page-build-well .sidebar-build-well .menu-topic-3d li .active.btn-switch:after, .page-home3d .controls .active.btn-switch:after {
  background-image: url(../images/bg-check-true.png);
  background-color: #be1616;
  content: "";
  margin-left: -25px;
  left: 100%;
}

.content-page-build-well .sidebar-build-well .menu-topic-3d li .btn-switch input[type="checkbox"], .page-home3d .controls .btn-switch input[type="checkbox"] {
  opacity: 0;
}

#modal-video-what-is {
  position: fixed;
  background: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: 100%;
  z-index: 106;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

#modal-video-what-is.active-modal-video {
  visibility: visible;
  opacity: 1;
}

#modal-video-what-is .modal-video-footer {
  background: #fff;
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  bottom: 49px;
  height: auto;
  padding: 0px 0px 12px 0px;
}

#modal-video-what-is .modal-video-footer .modal-footer-triangle {
  position: absolute;
  top: -10px;
  width: 900px;
  height: 16px;
  left: 50%;
  margin-left: -450px;
  background: #fff;
}

#modal-video-what-is .modal-video-footer .modal-footer-triangle:before {
  content: '';
  width: 0;
  height: 0;
  position: absolute;
  left: -16px;
  border-style: solid;
  border-width: 0 0 16px 16px;
  border-color: transparent transparent #fff transparent;
}

#modal-video-what-is .modal-video-footer .modal-footer-triangle:after {
  content: '';
  width: 0;
  height: 0;
  position: absolute;
  right: -16px;
  border-style: solid;
  border-width: 16px 0 0 16px;
  border-color: transparent transparent transparent #fff;
}

#modal-video-what-is .modal-video-footer h3 {
  color: #dd0404;
  font-family: 'UnitedSansRegStencil';
  text-transform: uppercase;
  font-size: 22px;
  margin-top: 16px;
  margin-bottom: 16px;
}

#modal-video-what-is .modal-video-footer p {
  color: #333;
  text-align: center;
  font-family: 'Blender';
  font-size: 18px;
  width: 800px;
  margin-bottom: 6px;
  height: auto;
}

#modal-video-what-is .modal-video-inside {
  position: absolute;
  left: 50%;
  top: 40%;
  -webkit-transform: perspective(1px) translate(-50%, -50%);
          transform: perspective(1px) translate(-50%, -50%);
  width: 636px;
  height: 315px;
}

#modal-video-what-is .modal-video-inside .modal-video-close-what-is {
  position: absolute;
  right: -46px;
  background-image: url(../images/cerrar-overlay.png);
  background-repeat: no-repeat;
  background-position: center top;
  cursor: pointer;
  width: 34px;
  height: 30px;
}

#modal-video-what-is .modal-video-inside iframe {
  width: 636px;
  height: 315px;
}

#modal-video-what-is .footer-landing-maestro {
  background: #212121;
  height: 49px;
  position: absolute;
  z-index: 100;
  width: 100%;
  bottom: 0;
}

#modal-video-what-is .footer-landing-maestro .footer-inner-maestro {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
}

#modal-video-what-is .footer-landing-maestro .footer-inner-maestro .footer-nav-left {
  width: 310px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

#modal-video-what-is .footer-landing-maestro .footer-inner-maestro .footer-nav-left .icon--maestro-footer {
  background-image: url(../images/sprite-landing-img.png);
  background-position: -278px -1362px;
  width: 107px;
  height: 36px;
}

#modal-video-what-is .footer-landing-maestro .footer-inner-maestro .footer-nav-left .text-t {
  width: 94px;
  height: 18px;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.2px;
  text-align: right;
  color: #ffffff;
  line-height: 1.08;
}

#modal-video-what-is .footer-landing-maestro .footer-inner-maestro .footer-nav-left .icon--capeco {
  background-image: url(../images/sprite-landing-img.png);
  background-position: -294px -1322px;
  width: 89px;
  height: 32px;
}

#modal-video-what-is .footer-landing-maestro .footer-inner-maestro .footer-nav-right {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: -webkit-calc(100% - 310px);
  width: calc(100% - 310px);
}

#modal-video-what-is .footer-landing-maestro .footer-inner-maestro .footer-nav-right .icon--facebook {
  background-image: url(../images/sprite-landing-img.png);
  background-position: -1876px -1186px;
  width: 122px;
  height: 17px;
  margin-right: 25px;
}

#modal-video-what-is .footer-landing-maestro .footer-inner-maestro .footer-nav-right .icon--youtube {
  background-image: url(../images/sprite-landing-img.png);
  background-position: -2128px -1186px;
  width: 98px;
  height: 14px;
}

#overlay-message-casa3d {
  background: rgba(0, 0, 0, 0.9);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  z-index: 999;
}

#overlay-message-casa3d.active-overlay-only-mobile {
  opacity: 1;
  visibility: visible;
}

#overlay-message-casa3d.active-overlay-only-mobile .orientation-warning {
  top: 50%;
}

#overlay-message-casa3d .orientation-warning {
  max-width: 300px;
  background: #F2DF34;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  width: 300px;
  position: absolute;
  top: -1000%;
  left: 50%;
  -webkit-transform: perspective(1px) translate(-50%, -50%);
          transform: perspective(1px) translate(-50%, -50%);
}

#overlay-message-casa3d .orientation-warning h3 {
  padding: 10PX 0;
  text-align: center;
  background: #F00;
  margin: 0 auto 15px;
  color: #FFF;
  border-bottom: 1px solid #000;
  font-family: UnitedSansRegStencil, sans-serif;
  font-size: 26px;
}

#overlay-message-casa3d .orientation-warning p {
  padding: 0 15px 0 30px;
  color: #000000;
  clear: both;
  font-family: "HaasGrotDisp-45Light", Arial, Helvetica, sans-serif;
  margin: 0 auto 32px;
  font-size: 14px;
  line-height: 18px;
  width: 100%;
  float: left;
}

#overlay-orientation {
  background: rgba(0, 0, 0, 0.9);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  z-index: 999;
}

#overlay-orientation.overlay-active {
  opacity: 1;
  visibility: visible;
}

#overlay-orientation.overlay-active .orientation-warning {
  top: 50%;
}

#overlay-orientation .orientation-warning {
  max-width: 300px;
  background: #F2DF34;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  width: 300px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: perspective(1px) translate(-50%, -50%);
          transform: perspective(1px) translate(-50%, -50%);
  top: -1000%;
}

#overlay-orientation .orientation-warning h3 {
  padding: 10PX 0;
  text-align: center;
  background: #F00;
  margin: 0 auto 15px;
  color: #FFF;
  border-bottom: 1px solid #000;
  font-family: UnitedSansRegStencil, sans-serif;
  font-size: 26px;
}

#overlay-orientation .orientation-warning p {
  padding: 0 15px 0 30px;
  color: #000000;
  clear: both;
  font-family: "HaasGrotDisp-45Light", Arial, Helvetica, sans-serif;
  margin: 0 auto 32px;
  font-size: 14px;
  line-height: 18px;
  width: 100%;
  float: left;
}

#modal-video-maestro,
#modal-video-maestro-two,
#modal-video-maestro-three {
  position: absolute;
  background: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: 100%;
  z-index: 100;
  visibility: hidden;
  opacity: 0;
  overflow: hidden;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

#modal-video-maestro.active-modal-video,
#modal-video-maestro-two.active-modal-video,
#modal-video-maestro-three.active-modal-video {
  visibility: visible;
  opacity: 1;
}

#modal-video-maestro .modal-video-footer,
#modal-video-maestro-two .modal-video-footer,
#modal-video-maestro-three .modal-video-footer {
  background: #fff;
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  bottom: 49px;
  height: 136px;
}

#modal-video-maestro .modal-video-footer .modal-footer-triangle,
#modal-video-maestro-two .modal-video-footer .modal-footer-triangle,
#modal-video-maestro-three .modal-video-footer .modal-footer-triangle {
  position: absolute;
  top: -10px;
  width: 900px;
  height: 16px;
  left: 50%;
  margin-left: -450px;
  background: #fff;
}

#modal-video-maestro .modal-video-footer .modal-footer-triangle:before,
#modal-video-maestro-two .modal-video-footer .modal-footer-triangle:before,
#modal-video-maestro-three .modal-video-footer .modal-footer-triangle:before {
  content: '';
  width: 0;
  height: 0;
  position: absolute;
  left: -16px;
  border-style: solid;
  border-width: 0 0 16px 16px;
  border-color: transparent transparent #fff transparent;
}

#modal-video-maestro .modal-video-footer .modal-footer-triangle:after,
#modal-video-maestro-two .modal-video-footer .modal-footer-triangle:after,
#modal-video-maestro-three .modal-video-footer .modal-footer-triangle:after {
  content: '';
  width: 0;
  height: 0;
  position: absolute;
  right: -16px;
  border-style: solid;
  border-width: 16px 0 0 16px;
  border-color: transparent transparent transparent #fff;
}

#modal-video-maestro .modal-video-footer h3,
#modal-video-maestro-two .modal-video-footer h3,
#modal-video-maestro-three .modal-video-footer h3 {
  color: #dd0404;
  font-family: 'UnitedSansRegStencil';
  text-transform: uppercase;
  font-size: 22px;
  margin-bottom: 16px;
}

#modal-video-maestro .modal-video-footer p,
#modal-video-maestro-two .modal-video-footer p,
#modal-video-maestro-three .modal-video-footer p {
  color: #333;
  text-align: center;
  font-family: 'Blender';
  font-size: 18px;
  width: 723px;
  height: 56px;
}

#modal-video-maestro .modal-video-inside,
#modal-video-maestro-two .modal-video-inside,
#modal-video-maestro-three .modal-video-inside {
  position: absolute;
  left: 50%;
  top: 40%;
  -webkit-transform: perspective(1px) translate(-50%, -50%);
          transform: perspective(1px) translate(-50%, -50%);
  width: 636px;
  height: 315px;
}

#modal-video-maestro .modal-video-inside .modal-video-close,
#modal-video-maestro .modal-video-inside .modal-video-close-two,
#modal-video-maestro-two .modal-video-inside .modal-video-close,
#modal-video-maestro-two .modal-video-inside .modal-video-close-two,
#modal-video-maestro-three .modal-video-inside .modal-video-close,
#modal-video-maestro-three .modal-video-inside .modal-video-close-three {
  position: absolute;
  right: -46px;
  background-image: url(../images/cerrar-overlay.png);
  background-repeat: no-repeat;
  background-position: center top;
  cursor: pointer;
  width: 34px;
  height: 30px;
}

#modal-video-maestro .modal-video-inside iframe,
#modal-video-maestro-two .modal-video-inside iframe,
#modal-video-maestro-three .modal-video-inside iframe {
  width: 636px;
  height: 315px;
}

#modal-video-maestro .footer-landing-maestro,
#modal-video-maestro-two .footer-landing-maestro,
#modal-video-maestro-three .footer-landing-maestro {
  background: #212121;
  height: 49px;
  position: absolute;
  z-index: 100;
  width: 100%;
  bottom: 0;
}

#modal-video-maestro .footer-landing-maestro .footer-inner-maestro,
#modal-video-maestro-two .footer-landing-maestro .footer-inner-maestro,
#modal-video-maestro-three .footer-landing-maestro .footer-inner-maestro {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
}

#modal-video-maestro .footer-landing-maestro .footer-inner-maestro .footer-nav-left,
#modal-video-maestro-two .footer-landing-maestro .footer-inner-maestro .footer-nav-left,
#modal-video-maestro-three .footer-landing-maestro .footer-inner-maestro .footer-nav-left {
  width: 310px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

#modal-video-maestro .footer-landing-maestro .footer-inner-maestro .footer-nav-left .icon--maestro-footer,
#modal-video-maestro-two .footer-landing-maestro .footer-inner-maestro .footer-nav-left .icon--maestro-footer,
#modal-video-maestro-three .footer-landing-maestro .footer-inner-maestro .footer-nav-left .icon--maestro-footer {
  background-image: url(../images/sprite-landing-img.png);
  background-position: -278px -1362px;
  width: 107px;
  height: 36px;
}

#modal-video-maestro .footer-landing-maestro .footer-inner-maestro .footer-nav-left .text-t,
#modal-video-maestro-two .footer-landing-maestro .footer-inner-maestro .footer-nav-left .text-t,
#modal-video-maestro-three .footer-landing-maestro .footer-inner-maestro .footer-nav-left .text-t {
  width: 94px;
  height: 18px;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.2px;
  text-align: right;
  color: #ffffff;
  line-height: 1.08;
}

#modal-video-maestro .footer-landing-maestro .footer-inner-maestro .footer-nav-left .icon--capeco,
#modal-video-maestro-two .footer-landing-maestro .footer-inner-maestro .footer-nav-left .icon--capeco,
#modal-video-maestro-three .footer-landing-maestro .footer-inner-maestro .footer-nav-left .icon--capeco {
  background-image: url(../images/sprite-landing-img.png);
  background-position: -294px -1322px;
  width: 89px;
  height: 32px;
}

#modal-video-maestro .footer-landing-maestro .footer-inner-maestro .footer-nav-right,
#modal-video-maestro-two .footer-landing-maestro .footer-inner-maestro .footer-nav-right,
#modal-video-maestro-three .footer-landing-maestro .footer-inner-maestro .footer-nav-right {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: -webkit-calc(100% - 310px);
  width: calc(100% - 310px);
}

#modal-video-maestro .footer-landing-maestro .footer-inner-maestro .footer-nav-right .icon--facebook,
#modal-video-maestro-two .footer-landing-maestro .footer-inner-maestro .footer-nav-right .icon--facebook,
#modal-video-maestro-three .footer-landing-maestro .footer-inner-maestro .footer-nav-right .icon--facebook {
  background-image: url(../images/sprite-landing-img.png);
  background-position: -1876px -1186px;
  width: 122px;
  height: 17px;
  margin-right: 25px;
}

#modal-video-maestro .footer-landing-maestro .footer-inner-maestro .footer-nav-right .icon--youtube,
#modal-video-maestro-two .footer-landing-maestro .footer-inner-maestro .footer-nav-right .icon--youtube,
#modal-video-maestro-three .footer-landing-maestro .footer-inner-maestro .footer-nav-right .icon--youtube {
  background-image: url(../images/sprite-landing-img.png);
  background-position: -2128px -1186px;
  width: 98px;
  height: 14px;
}

#nav-landing-maestro {
  background-color: #cc0b0b;
  height: 55px;
  width: 100%;
  position: fixed;
  z-index: 100;
}

#nav-landing-maestro .nav-landing-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  padding: 0px 21px;
}

#nav-landing-maestro .nav-landing-inner .nav-inner-mobile {
  display: none;
}

#nav-landing-maestro .nav-landing-inner .nav-inner-left {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 278px;
}

#nav-landing-maestro .nav-landing-inner .nav-inner-left .nav-icon-maestro {
  margin: 0px;
  background: #cc0b0b;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

#nav-landing-maestro .nav-landing-inner .nav-inner-left .nav-icon-maestro .icon--maestro {
  background-image: url(../images/sprite-landing-img.png);
  background-position: -1307px -1237px;
  width: 95px;
  height: 26px;
}

#nav-landing-maestro .nav-landing-inner .nav-inner-left .nav-icon-maestro .icon--maestro-title {
  width: 157px;
  color: #fff;
  text-transform: uppercase;
  font-size: 17px;
  font-family: 'UnitedSansRegStencil';
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: 0.5px;
  margin-left: 30px;
}

#nav-landing-maestro .nav-landing-inner .nav-inner-right {
  width: 640px;
  background: #cc0b0b;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-left: 112px;
}

#nav-landing-maestro .nav-landing-inner .nav-inner-right .nav-list-menu {
  width: 100%;
  height: 100%;
}

#nav-landing-maestro .nav-landing-inner .nav-inner-right .nav-list-menu ul {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
}

#nav-landing-maestro .nav-landing-inner .nav-inner-right .nav-list-menu ul li {
  position: relative;
  cursor: pointer;
}

#nav-landing-maestro .nav-landing-inner .nav-inner-right .nav-list-menu ul li .sub--menu {
  display: none;
  background: rgba(41, 41, 42, 0.95);
  height: auto;
  left: -10px;
  list-style-type: disc;
  padding: 20px 30px 20px 20px;
  position: absolute;
  width: auto;
}

#nav-landing-maestro .nav-landing-inner .nav-inner-right .nav-list-menu ul li .sub--menu li {
  color: #fff;
  display: block;
  font-size: 11px;
  margin-bottom: 10px;
}

#nav-landing-maestro .nav-landing-inner .nav-inner-right .nav-list-menu ul li .sub--menu li:last-child {
  margin-bottom: 0;
}

#nav-landing-maestro .nav-landing-inner .nav-inner-right .nav-list-menu ul li .sub--menu li a {
  background: url(../images/bg-submenu-li.png) no-repeat 0 3px;
  color: #fff;
  display: block;
  font-family: 'Blender';
  font-size: 11px;
  height: auto;
  padding: 0 0 0 15px;
  text-transform: uppercase;
  white-space: nowrap;
}

#nav-landing-maestro .nav-landing-inner .nav-inner-right .nav-list-menu ul li .sub--menu li a:hover, #nav-landing-maestro .nav-landing-inner .nav-inner-right .nav-list-menu ul li .sub--menu li a.active {
  background: url(../images/bg-submenu-li-active.png) no-repeat 0 3px;
  color: #ffec00;
}

#nav-landing-maestro .nav-landing-inner .nav-inner-right .nav-list-menu ul li .sub--menu li:hover {
  color: #ffec00;
}

#nav-landing-maestro .nav-landing-inner .nav-inner-right .nav-list-menu ul li .sub--menu li:hover a {
  background: url(../images/bg-submenu-li-active.png) no-repeat 0 3px;
  color: #ffec00;
}

#nav-landing-maestro .nav-landing-inner .nav-inner-right .nav-list-menu ul li .icon--home-menu {
  background-image: url(../images/sprite-landing-img.png);
  background-position: -640px -1362px;
  width: 27px;
  height: 23px;
  display: block;
  margin: 0 auto;
  margin-top: 16px;
  margin-bottom: 16px;
  -webkit-filter: invert(100%);
          filter: invert(100%);
}

#nav-landing-maestro .nav-landing-inner .nav-inner-right .nav-list-menu ul li .icon--home-menu a {
  width: 100%;
  height: 100%;
}

#nav-landing-maestro .nav-landing-inner .nav-inner-right .nav-list-menu ul li.active {
  color: #fff;
}

#nav-landing-maestro .nav-landing-inner .nav-inner-right .nav-list-menu ul li.active .icon--home-menu {
  -webkit-filter: none;
          filter: none;
}

#nav-landing-maestro .nav-landing-inner .nav-inner-right .nav-list-menu ul li.active:before {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 11px 0 11px;
  border-color: #cc0c0c transparent transparent transparent;
  content: '';
  position: absolute;
  bottom: -10px;
  margin: 0 auto;
  display: block;
  left: 50%;
  margin-left: -11px;
  opacity: 1;
  z-index: 99;
}

#nav-landing-maestro .nav-landing-inner .nav-inner-right .nav-list-menu ul li.active a {
  color: #fff;
}

#nav-landing-maestro .nav-landing-inner .nav-inner-right .nav-list-menu ul li:hover a {
  color: #fff;
}

#nav-landing-maestro .nav-landing-inner .nav-inner-right .nav-list-menu ul li a {
  display: block;
  width: 100%;
  height: 55px;
  font-size: 14px;
  font-family: 'UnitedSansRegStencil';
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #000;
  padding-top: 22px;
  -webkit-transition: 500ms;
  transition: 500ms;
}

#que-es {
  background-color: white;
  font-family: 'PFBeauSansPro-Regular';
  height: auto;
  padding-top: 55px;
  position: relative;
  width: 100%;
}

#que-es .content-g {
  height: auto;
  min-height: 640px;
  padding-bottom: 30px;
}

@media screen and (max-width: 980px) {
  #que-es .content-g {
    width: 90%;
  }
}

#que-es .title-whatisit {
  background: url(../images/bg-title-whatisit.png) no-repeat bottom center;
  color: #000;
  display: block;
  font-family: 'UnitedSansRegStencil';
  font-size: 33px;
  margin-bottom: 50px;
  text-align: center;
  text-transform: uppercase;
  padding: 50px 0 25px;
}

@media screen and (max-width: 768px) {
  #que-es .title-whatisit {
    font-size: 25px;
  }
}

#que-es .title-whatisit span {
  color: #dd0404;
  display: block;
  font-size: 37px;
}

@media screen and (max-width: 768px) {
  #que-es .title-whatisit span {
    font-size: 25px;
  }
}

#que-es .subtitle-whatisit {
  color: #cc0b0b;
  font-weight: bold;
  font-size: 25px !important;
}

#que-es .block {
  display: block;
  font-size: 0;
  margin-bottom: 30px;
}

#que-es .block .block-50 {
  display: inline-block;
  vertical-align: top;
  width: 50%;
}

@media screen and (max-width: 768px) {
  #que-es .block .block-50 {
    display: block;
    width: 100%;
  }
}

#que-es .block .pr-30 {
  padding-right: 30px;
}

#que-es .block p {
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 20px;
}

#que-es .block .align-center {
  text-align: center;
}

#que-es .block .img-whatisit {
  margin-top: 50px;
  max-width: 100%;
}

#que-es .legal {
  font-size: 13px;
}

#que-es .overlay-que-es {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.66);
  top: 0;
  left: 0;
}

#que-es .que-es-video {
  position: absolute;
  left: 50%;
  top: 40%;
  -webkit-transform: perspective(1px) translate(-50%, -50%);
  transform: perspective(1px) translate(-50%, -50%);
  width: 636px;
  height: 315px;
}

#que-es .que-es-video iframe {
  width: 636px;
  height: 315px;
  position: relative;
}

#que-es .que-es-info {
  background: #fff;
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  bottom: 0px;
  height: auto;
  padding: 0px 0px 12px 0px;
}

#que-es .que-es-info .que-es-triangle {
  position: absolute;
  top: -10px;
  width: 900px;
  height: 16px;
  left: 50%;
  margin-left: -450px;
  background: #fff;
}

#que-es .que-es-info .que-es-triangle:before {
  content: '';
  width: 0;
  height: 0;
  position: absolute;
  left: -16px;
  border-style: solid;
  border-width: 0 0 16px 16px;
  border-color: transparent transparent #fff transparent;
}

#que-es .que-es-info .que-es-triangle:after {
  content: '';
  width: 0;
  height: 0;
  position: absolute;
  right: -16px;
  border-style: solid;
  border-width: 16px 0 0 16px;
  border-color: transparent transparent transparent #fff;
}

#que-es .que-es-info h3 {
  color: #dd0404;
  font-family: 'UnitedSansRegStencil';
  text-transform: uppercase;
  font-size: 22px;
  margin-top: 16px;
  margin-bottom: 16px;
}

#que-es .que-es-info p {
  color: #333;
  text-align: center;
  font-family: 'HaasGrotDisp-45Light';
  font-size: 18px;
  width: 800px;
  margin-bottom: 6px;
  height: auto;
  font-size: 15px;
}

#carousel-landing-maestro {
  width: 100%;
  /*height: -webkit-calc(100% - 57px);*/
  height: 100%;
  background: silver;
  position: relative;
}

#carousel-landing-maestro .icon--play-video,
#carousel-landing-maestro .icon--play-video-two,
#carousel-landing-maestro .icon--play-video-three {
  background-image: url(../images/sprite-landing-img.png);
  background-position: -1011px -1186px;
  width: 80px;
  height: 80px;
  cursor: pointer;
  position: absolute;
  top: 52%;
  left: 50%;
  -webkit-transform: perspective(1px) translate(-50%, -50%);
          transform: perspective(1px) translate(-50%, -50%);
  z-index: 99;
}

#carousel-landing-maestro .carousel-inside {
  height: 100%;
}

#carousel-landing-maestro .carousel-inside .owl-prev {
  position: absolute;
  top: 48%;
  left: 12%;
  background: none;
}

#carousel-landing-maestro .carousel-inside .owl-prev .icon--prev {
  background-image: url(../images/sprite-landing-img.png);
  background-position: -111px -1479px;
  width: 32px;
  height: 41px;
}

#carousel-landing-maestro .carousel-inside .owl-next {
  position: absolute;
  top: 48%;
  right: 12%;
  background: none;
}

#carousel-landing-maestro .carousel-inside .owl-next .icon--next {
  background-image: url(../images/sprite-landing-img.png);
  background-position: -149px -1479px;
  width: 32px;
  height: 41px;
}

#carousel-landing-maestro .carousel-inside .owl-carousel {
  height: 100%;
}

#carousel-landing-maestro .carousel-inside .owl-stage-outer {
  height: 100%;
}

#carousel-landing-maestro .carousel-inside .owl-dots {
  display: none;
  position: relative;
  bottom: 50px;
}

#carousel-landing-maestro .carousel-inside .owl-dots .owl-dot {
  width: 17px;
  height: 14px;
  margin: 0px 3px;
}

#carousel-landing-maestro .carousel-inside .owl-dots .owl-dot.active span {
  background-image: url(../images/sprite-landing-img.png);
  background-position: -1755px -1237px;
  width: 17px;
  height: 14px;
  background-color: transparent;
  -webkit-border-radius: 0px;
          border-radius: 0px;
}

#carousel-landing-maestro .carousel-inside .owl-dots .owl-dot span {
  width: 17px;
  height: 14px;
  background-image: url(../images/sprite-landing-img.png);
  background-position: -1778px -1237px;
  width: 17px;
  height: 14px;
  background-color: transparent;
  -webkit-border-radius: 0px;
          border-radius: 0px;
  margin: 0px;
}

#carousel-landing-maestro .carousel-inside .owl-dots .owl-dot span:hover {
  background-image: url(../images/sprite-landing-img.png);
  background-position: -1755px -1237px;
  width: 17px;
  height: 14px;
}

#carousel-landing-maestro .carousel-inside .owl-stage {
  height: 100%;
}

#carousel-landing-maestro .carousel-inside .owl-item {
  height: 100%;
}

#carousel-landing-maestro .carousel-inside .carousel-inner-image {
  width: 100%;
  height: 100%;
}

#carousel-landing-maestro .carousel-inside .carousel-inner-image.slide-0{
  background: url("../images/cover_pm.jpg") no-repeat center top;
  background-size: cover;
}

#carousel-landing-maestro .carousel-inside .carousel-inner-image.slide-1 {
  background-image: url("../images/prueba-maestra.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

#carousel-landing-maestro .carousel-inside .carousel-inner-image.slide-1 a {
  display: block;
  width: 100%;
  height: 100%;
}

#carousel-landing-maestro .carousel-inside .carousel-inner-image.slide-2 {
  background-image: url("../images/image-slide.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

#carousel-landing-maestro .carousel-inside .carousel-inner-image img {
  -webkit-transform-style: initial;
          transform-style: initial;
}

#auspiciadores-landing-maestro {
  background: #ffffff;
  height: 90px;
}

#auspiciadores-landing-maestro .footer-inner-mobile {
  display: none;
}

#auspiciadores-landing-maestro .footer-inner-maestro {
  height: 100%;
}

#auspiciadores-landing-maestro .footer-inner-maestro .content-text-footer {
  position: relative;
  top: -4px;
  z-index: 99;
}

#auspiciadores-landing-maestro .footer-inner-maestro .content-text-footer .content-footer-triangle {
  position: absolute;
  top: -10px;
  width: 100%;
  height: 14px;
  background: #fff;
}

#auspiciadores-landing-maestro .footer-inner-maestro .content-text-footer .content-footer-triangle:before {
  content: '';
  width: 0;
  height: 0;
  position: absolute;
  left: -14px;
  border-style: solid;
  border-width: 0 0 14px 14px;
  border-color: transparent transparent #fff transparent;
}

#auspiciadores-landing-maestro .footer-inner-maestro .content-text-footer .content-footer-triangle:after {
  content: '';
  width: 0;
  height: 0;
  position: absolute;
  right: -14px;
  border-style: solid;
  border-width: 14px 0 0 14px;
  border-color: transparent transparent transparent #fff;
}

#auspiciadores-landing-maestro .footer-inner-maestro .content-text-footer .text-linear {
  width: 817px;
  height: 11px;
  opacity: 0.4;
  border: solid 1px #000000;
  border-bottom: none;
  display: block;
  margin: 0 auto;
}

#auspiciadores-landing-maestro .footer-inner-maestro .content-text-footer .text-title {
  width: 176px;
  height: 11px;
  background: #fff;
  display: block;
  margin: 0 auto;
  text-align: center;
  position: relative;
  top: 6px;
  z-index: 99;
  font-family: 'Blender';
  font-size: 15px;
  color: #000;
  text-transform: uppercase;
}

#auspiciadores-landing-maestro .footer-inner-maestro ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  width: 817px;
  margin: 0 auto;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
}

#auspiciadores-landing-maestro .footer-inner-maestro ul .owl-dots {
  position: absolute;
  top: 64px;
  margin-top: 0;
  display: none;
}

#auspiciadores-landing-maestro .footer-inner-maestro ul .owl-dots .owl-dot.active span {
  background: url(../images/slide-active-mb.png);
  background-size: cover;
}

#auspiciadores-landing-maestro .footer-inner-maestro ul .owl-dots .owl-dot span {
  width: 14px;
  height: 12px;
  -webkit-border-radius: 0px;
          border-radius: 0px;
  background: url(../images/slide-not-mb.png);
  background-size: cover;
  cursor: pointer;
}

#auspiciadores-landing-maestro .footer-inner-maestro ul .owl-nav {
  display: none;
}

#auspiciadores-landing-maestro .footer-inner-maestro ul .owl-stage-outer {
  height: 100%;
  width: 100%;
  overflow: hidden;
}

#auspiciadores-landing-maestro .footer-inner-maestro ul .owl-stage-outer .owl-stage {
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

#auspiciadores-landing-maestro .footer-inner-maestro ul .owl-stage-outer .owl-stage .owl-item {
  width: 150px;
}

#auspiciadores-landing-maestro .footer-inner-maestro ul .owl-stage-outer .owl-stage .owl-item li {
  width: 100%;
}

#auspiciadores-landing-maestro .footer-inner-maestro ul .owl-stage-outer .owl-stage .owl-item li span {
  margin: 0 auto;
}

#auspiciadores-landing-maestro .footer-inner-maestro ul .owl-stage-outer .owl-stage .owl-item li .icon--capeco60 {
  background: url("../images/landing/ico/capeco60.png");
  background-repeat: no-repeat;
  width: 143px;
  height: 78px;
  display: block;
}

#auspiciadores-landing-maestro .footer-inner-maestro ul .owl-stage-outer .owl-stage .owl-item li .icon--inscapeco {
  background: url("../images/landing/ico/ins_capeco.png");
  background-repeat: no-repeat;
  width: 142px;
  height: 58px;
  display: block;
}

#auspiciadores-landing-maestro .footer-inner-maestro ul .owl-stage-outer .owl-stage .owl-item li .icon--predes {
  background: url("../images/landing/ico/predes.png");
  background-repeat: no-repeat;
  width: 143px;
  height: 38px;
  display: block;
}

#auspiciadores-landing-maestro .footer-inner-maestro ul .owl-stage-outer .owl-stage .owl-item li .icon--igp {
  background: url("../images/landing/ico/igp.png");
  background-repeat: no-repeat;
  width: 128px;
  height: 80px;
  display: block;
}

#marcas-landing-maestro {
  background: #ffffff;
  height: 90px;
}

#marcas-landing-maestro .footer-inner-mobile {
  display: none;
}

#marcas-landing-maestro .footer-inner-maestro {
  height: 100%;
}

#marcas-landing-maestro .footer-inner-maestro .content-text-footer {
  position: relative;
  top: -4px;
  z-index: 99;
}

#marcas-landing-maestro .footer-inner-maestro .content-text-footer .content-footer-triangle {
  position: absolute;
  top: -10px;
  width: 100%;
  height: 14px;
  background: #fff;
}

#marcas-landing-maestro .footer-inner-maestro .content-text-footer .content-footer-triangle:before {
  content: '';
  width: 0;
  height: 0;
  position: absolute;
  left: -14px;
  border-style: solid;
  border-width: 0 0 14px 14px;
  border-color: transparent transparent #fff transparent;
}

#marcas-landing-maestro .footer-inner-maestro .content-text-footer .content-footer-triangle:after {
  content: '';
  width: 0;
  height: 0;
  position: absolute;
  right: -14px;
  border-style: solid;
  border-width: 14px 0 0 14px;
  border-color: transparent transparent transparent #fff;
}

#marcas-landing-maestro .footer-inner-maestro .content-text-footer .text-linear {
  width: 817px;
  height: 11px;
  opacity: 0.4;
  border: solid 1px #000000;
  border-bottom: none;
  display: block;
  margin: 0 auto;
}

#marcas-landing-maestro .footer-inner-maestro .content-text-footer .text-title {
  width: 176px;
  height: 11px;
  background: #fff;
  display: block;
  margin: 0 auto;
  text-align: center;
  position: relative;
  top: 6px;
  z-index: 99;
  font-family: 'Blender';
  font-size: 15px;
  color: #000;
  text-transform: uppercase;
}

#marcas-landing-maestro .footer-inner-maestro ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  width: 817px;
  margin: 0 auto;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
}

#marcas-landing-maestro .footer-inner-maestro ul .owl-dots {
  position: absolute;
  top: 64px;
  margin-top: 0;
}

#marcas-landing-maestro .footer-inner-maestro ul .owl-dots .owl-dot.active span {
  background: url(../images/slide-active-mb.png);
  background-size: cover;
}

#marcas-landing-maestro .footer-inner-maestro ul .owl-dots .owl-dot span {
  width: 14px;
  height: 12px;
  -webkit-border-radius: 0px;
          border-radius: 0px;
  background: url(../images/slide-not-mb.png);
  background-size: cover;
  cursor: pointer;
}

#marcas-landing-maestro .footer-inner-maestro ul .owl-nav {
  display: none;
}

#marcas-landing-maestro .footer-inner-maestro ul .owl-stage-outer {
  height: 100%;
  width: 100%;
  overflow: hidden;
}

#marcas-landing-maestro .footer-inner-maestro ul .owl-stage-outer .owl-stage {
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

#marcas-landing-maestro .footer-inner-maestro ul .owl-stage-outer .owl-stage .owl-item {
  width: 150px;
}

#marcas-landing-maestro .footer-inner-maestro ul .owl-stage-outer .owl-stage .owl-item li {
  width: 100%;
}

#marcas-landing-maestro .footer-inner-maestro ul .owl-stage-outer .owl-stage .owl-item li span {
  margin: 0 auto;
}

#marcas-landing-maestro .footer-inner-maestro ul .owl-stage-outer .owl-stage .owl-item li .icon--celima {
  background: url("../images/landing/ico/celima.png");
  background-repeat: no-repeat;
  width: 110px;
  height: 45px;
  display: block;
}

#marcas-landing-maestro .footer-inner-maestro ul .owl-stage-outer .owl-stage .owl-item li .icon--matusita {
  background: url("../images/landing/ico/matusita.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 120px;
  height: 47px;
  display: block;
}

#marcas-landing-maestro .footer-inner-maestro ul .owl-stage-outer .owl-stage .owl-item li .icon--tupemesa {
  background: url("../images/landing/ico/tupemesa.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 145px;
  height: 46px;
  display: block;
}

#marcas-landing-maestro .footer-inner-maestro ul .owl-stage-outer .owl-stage .owl-item li .icon--indeco {
  background: url("../images/landing/ico/indeco.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 67px;
  height: 50px;
  display: block;
}

#marcas-landing-maestro .footer-inner-maestro ul .owl-stage-outer .owl-stage .owl-item li .icon--siderperu {
  background: url("../images/landing/ico/sideperu.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 170px;
  height: 44px;
  display: block;
}

#marcas-landing-maestro .footer-inner-maestro ul .owl-stage-outer .owl-stage .owl-item li .icon--sika {
  background: url("../images/landing/ico/sika.png");
  background-repeat: no-repeat;
  width: 43px;
  height: 42px;
  display: block;
}

#marcas-landing-maestro .footer-inner-maestro ul .owl-stage-outer .owl-stage .owl-item li .icon--piramide {
  background: url("../images/landing/ico/piramide.png") no-repeat 0 0;
  width: 144px;
  height: 31px;
  display: block;
}

#marcas-landing-maestro .footer-inner-maestro ul .owl-stage-outer .owl-stage .owl-item li .icon--dewalt {
  background: url("../images/landing/ico/dewalt-logo.jpg") no-repeat 0 0;
  background-size: cover;
  width: 108px;
  height: 35px;
  display: block;
}

#marcas-landing-maestro .footer-inner-maestro ul .owl-stage-outer .owl-stage .owl-item li .icon--corona {
  background: url("../images/landing/ico/corona.png");
  background-repeat: no-repeat;
  width: 118px;
  height: 17px;
  display: block;
}

#marcas-landing-maestro .footer-inner-maestro ul .owl-stage-outer .owl-stage .owl-item li .icon--blackdecker {
  background: url("../images/landing/ico/blackdecker.png");
  background-repeat: no-repeat;
  width: 143px;
  height: 26px;
  display: block;
}

#marcas-landing-maestro .footer-inner-maestro ul .owl-stage-outer .owl-stage .owl-item li .icon--fluidmaster {
  background: url("../images/landing/ico/fluidmaster.png");
  background-repeat: no-repeat;
  width: 156px;
  height: 95px;
  display: block;
}

#marcas-landing-maestro .footer-inner-maestro ul .owl-stage-outer .owl-stage .owl-item li .icon--bticino {
  background: url("../images/landing/ico/bticino.png");
  background-repeat: no-repeat;
  width: 108px;
  height: 24px;
  display: block;
}

#marcas-landing-maestro .footer-inner-maestro ul .owl-stage-outer .owl-stage .owl-item li .icon--vainsa {
  background: url("../images/landing/ico/vainsa.png");
  background-repeat: no-repeat;
  width: 97px;
  height: 27px;
  display: block;
}

#marcas-landing-maestro .footer-inner-maestro ul .owl-stage-outer .owl-stage .owl-item li .icon--volcan {
  background: url("../images/landing/ico/logo-volcan.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 75px;
  height: 46px;
  display: block;
}

#footer-landing-mobile {
  display: none;
}

#footer-landing-maestro {
  background: #212121;
  height: 96px;
  position: relative;
  z-index: 200;
}

#footer-landing-maestro .footer-inner-maestro {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  padding: 0px 21px;
}

#footer-landing-maestro .footer-inner-maestro .footer-nav-left {
  width: 310px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

#footer-landing-maestro .footer-inner-maestro .footer-nav-left .icon--maestro-footer {
  background-image: url(../images/sprite-landing-img.png);
  background-position: -278px -1362px;
  width: 107px;
  height: 36px;
}

#footer-landing-maestro .footer-inner-maestro .footer-nav-left .text-t {
  width: 94px;
  height: 18px;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.2px;
  text-align: right;
  color: #ffffff;
  line-height: 1.08;
}

#footer-landing-maestro .footer-inner-maestro .footer-nav-left .icon--capeco {
  background-image: url(../images/sprite-landing-img.png);
  background-position: -294px -1322px;
  width: 89px;
  height: 32px;
}

#footer-landing-maestro .footer-inner-maestro .footer-nav-right {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: -webkit-calc(100% - 310px);
  width: calc(100% - 310px);
}

#footer-landing-maestro .footer-inner-maestro .footer-nav-right .icon--facebook {
  background-image: url(../images/sprite-landing-img.png);
  background-position: -1876px -1186px;
  width: 122px;
  height: 17px;
  margin-right: 25px;
}

#footer-landing-maestro .footer-inner-maestro .footer-nav-right .icon--youtube {
  background-image: url(../images/sprite-landing-img.png);
  background-position: -2128px -1186px;
  width: 98px;
  height: 14px;
}
.footer-landing-maestro .share .txt{
  display: block;
  margin: 0 0 3px 0;
  padding: 0;
  color: #888888;
  font-family: "Helvetica";
  font-size: 12px;
}

#content-inside-page {
  width: 100%;
  margin-top: 46px;
  background: #000;
  background: -webkit-gradient(linear, left top, right top, from(#000), color-stop(50%, #000), color-stop(50%, #ffffff), to(#fff));
  background: -webkit-linear-gradient(left, #000 0%, #000 50%, #ffffff 50%, #fff 100%);
  background: linear-gradient(to right, #000 0%, #000 50%, #ffffff 50%, #fff 100%);
}

#content-inside-page .content-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
}

#content-inside-page .content-inner .content-sidebar-page {
  background: #000;
  width: 266px;
  color: #fff;
}

#content-inside-page .content-inner .content-info-page {
  width: 695px;
  background: #fff;
  padding-top: 40px;
}

.ico {
  display: block;
}

.hidden-md {
  display: none;
}

.content-g {
  display: block;
  height: 100%;
  margin: 0 auto;
  position: relative;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  width: 960px;
}

.content-page-build-well {
  background: #212121;
  background: -webkit-linear-gradient(left, #212121 0%, #212121 50%, #212121 50%, #ffffff 50%, #ffffff 100%);
  background: -webkit-gradient(linear, left top, right top, from(#212121), color-stop(50%, #212121), color-stop(50%, #212121), color-stop(50%, #ffffff), to(#ffffff));
  background: linear-gradient(to right, #212121 0%, #212121 50%, #212121 50%, #ffffff 50%, #ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#212121', endColorstr='#ffffff', GradientType=1);
  display: block;
  font-size: 0;
  height: auto;
  min-height: 100%;
  padding-top: 55px;
  position: relative;
}

.content-page-build-well .content-g {
  height: auto;
}

.content-page-build-well .overlay-images {
  background: rgba(0, 0, 0, 0.8);
  display: none;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999;
}

.content-page-build-well .overlay-images .btn-close {
  background: url(../images/cerrar-overlay.png) no-repeat center center;
  height: 35px;
  right: 15px;
  position: absolute;
  top: 15px;
  width: 35px;
}

.content-page-build-well .overlay-images .content-image {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
}

.content-page-build-well .overlay-images .content-image span {
  position: relative;
}

.content-page-build-well .overlay-images .content-image span .btn-close {
  background: url(../images/cerrar-overlay.png) no-repeat center center;
  height: 35px;
  right: 15px;
  position: absolute;
  top: 15px;
  width: 35px;
}

.content-page-build-well .overlay-images .content-image span img {
  max-width: 100%;
}

.content-page-build-well .content-lexicon {
  background-color: #dcdcdc;
  border: solid 1px #dd0404;
  -webkit-box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5);
          box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5);
  display: none;
  height: auto;
  left: 0%;
  padding: 25px;
  position: fixed;
  top: 0%;
  width: 400px;
  z-index: 9999;
}

.content-page-build-well .content-lexicon .screw-top-left {
  background: url("../images/tornillo.png");
  position: absolute;
  display: block;
  width: 8px;
  height: 7px;
  top: 12px;
  left: 10px;
}

.content-page-build-well .content-lexicon .screw-top-right {
  background: url("../images/tornillo.png");
  position: absolute;
  display: block;
  width: 8px;
  height: 7px;
  top: 12px;
  right: 10px;
}

.content-page-build-well .content-lexicon .screw-bottom-left {
  background: url("../images/tornillo.png");
  position: absolute;
  display: block;
  width: 8px;
  height: 7px;
  bottom: 12px;
  left: 10px;
}

.content-page-build-well .content-lexicon .screw-bottom-right {
  background: url("../images/tornillo.png");
  position: absolute;
  display: block;
  width: 8px;
  height: 7px;
  bottom: 12px;
  right: 10px;
}

.content-page-build-well .content-lexicon .title-lexicon {
  display: block;
  font-family: 'UnitedSansRegStencil';
  font-size: 18px;
  text-align: center;
}

.content-page-build-well .content-lexicon .descrip-lexicon {
  font-family: 'PFBeauSansPro-Regular';
  font-size: 15px;
  display: block;
  text-align: center;
  margin: 20px 0 0;
}

.content-page-build-well .text-tooltip {
  color: #0547c0;
  text-decoration: underline;
}

.content-page-build-well .sidebar-build-well {
  background-color: #212121;
  display: inline-block;
  font-size: 17px;
  height: 100%;
  height: -webkit-calc(100% - 50px);
  height: calc(100% - 50px);
  padding-bottom: 50px !important;
  position: fixed !important;
  overflow: hidden;
  vertical-align: top;
  width: 265px;
}

.content-page-build-well .sidebar-build-well .menu-topic-3d {
  display: block;
  padding: 25px 20px;
}

.content-page-build-well .sidebar-build-well .menu-topic-3d li {
  display: block;
  line-height: normal;
  padding: 6px 0;
}

.content-page-build-well .sidebar-build-well .menu-topic-3d li:first-child.option-item ul .option-item:first-child .opt-item .btn-switch.animation-active:after {
  -webkit-animation: leavestwo 1.1s ease-in-out infinite alternate;
          animation: leavestwo 1.1s ease-in-out infinite alternate;
}

.content-page-build-well .sidebar-build-well .menu-topic-3d li.title {
  color: #afafaf;
  font-family: 'UnitedSansRegStencil';
  font-size: 15px;
  text-align: left;
  padding: 13px 0;
}

.content-page-build-well .sidebar-build-well .menu-topic-3d li.title .text {
  width: 156px;
  display: inline-block;
}

.content-page-build-well .sidebar-build-well .menu-topic-3d li.title ul {
  border-top: solid 1px #333333;
  margin-top: 12px;
}

.content-page-build-well .sidebar-build-well .menu-topic-3d li li {
  border-bottom: solid 1px #333333;
}

.content-page-build-well .sidebar-build-well .menu-topic-3d li .opt-item {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%;
}

.content-page-build-well .sidebar-build-well .menu-topic-3d li .opt-item .text {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #FFF;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-family: 'Blender';
  font-size: 14px;
  margin-right: 10px;
  text-transform: uppercase;
  width: 150px;
  padding-left: 15px;
}

.content-page-build-well .sidebar-build-well .menu-topic-3d li .opt-item .btn-switch {
  top: -2px;
}

.content-page-build-well .sidebar-build-well .menu-topic-3d li .opt-item .btn-switch:after {
  top: -4px;
}

.content-page-build-well .sidebar-build-well .sidebar--title-mobile {
  display: none;
}

.content-page-build-well .sidebar-build-well .menu-topic {
  display: block;
  padding: 25px 20px;
}

.content-page-build-well .sidebar-build-well .menu-topic .btn-submenu {
  position: relative;
}

.content-page-build-well .sidebar-build-well .menu-topic > li {
  display: block;
  border-top: solid 1px #979797;
  padding: 10px 0;
}

.content-page-build-well .sidebar-build-well .menu-topic > li > a {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 16px;
  width: 100%;
}

.content-page-build-well .sidebar-build-well .menu-topic > li > a .num {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #dd0404;
  color: #FFF;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-family: 'UnitedSansRegStencil';
  height: 30px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: normal;
  vertical-align: top;
  width: 30px;
}

.content-page-build-well .sidebar-build-well .menu-topic > li > a .arrows {
  background: url(../images/arrow-down.png) no-repeat 0 0;
  color: #FFF;
  content: "";
  height: 10px;
  margin-top: -5px;
  right: 0;
  position: absolute;
  top: 50%;
  width: 14px;
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: all 0.45s 0.25s;
  transition: all 0.45s 0.25s;
}

.content-page-build-well .sidebar-build-well .menu-topic > li > a .arrows.label--rotate {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.content-page-build-well .sidebar-build-well .menu-topic > li > a .label {
  color: #FFF;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-family: 'Blender';
  padding: 0 0px 0 10px;
  text-transform: uppercase;
  position: relative;
  vertical-align: top;
  width: 162px;
}

.content-page-build-well .sidebar-build-well .menu-topic > li > a:hover .label {
  color: #ffec00;
}

.content-page-build-well .sidebar-build-well .menu-topic > li > a.active .label {
  color: #ffec00;
}

.content-page-build-well .sidebar-build-well .menu-topic > li > a.active .label :after {
  background: url(../images/arrow-up.png) no-repeat 0 0;
}

.content-page-build-well .sidebar-build-well .submenu {
  display: none;
  padding-left: 30px;
}

.content-page-build-well .sidebar-build-well .submenu.active {
  display: block;
}

.content-page-build-well .sidebar-build-well .submenu.active li a.active .letter .line-menu:before {
  background: url(../images/line-active.png) no-repeat 0 0;
  content: "";
  height: 32px;
  left: -21px;
  position: absolute;
  bottom: 0;
  width: 17px;
}

.content-page-build-well .sidebar-build-well .submenu li {
  display: block;
  margin: 10px 0 0;
  position: relative;
}

.content-page-build-well .sidebar-build-well .submenu li a {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%;
}

.content-page-build-well .sidebar-build-well .submenu li a .letter {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #FFF;
  color: #212121;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-family: 'UnitedSansRegStencil';
  font-size: 15px;
  height: 18px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: normal;
  padding-top: 2px;
  position: relative;
  vertical-align: top;
  width: auto;
  min-width: 11px;
}

.content-page-build-well .sidebar-build-well .submenu li a .letter .line-menu:before {
  background: url(../images/lines-gray.png) no-repeat 0 0;
  content: "";
  height: 32px;
  left: -21px;
  position: absolute;
  bottom: 0;
  width: 17px;
}

.content-page-build-well .sidebar-build-well .submenu li a .letter:before {
  content: "";
  left: -5px;
  position: absolute;
  top: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 5px 10px 0;
  border-color: transparent #FFF transparent transparent;
}

.content-page-build-well .sidebar-build-well .submenu li a .letter:after {
  content: "";
  right: -5px;
  position: absolute;
  top: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 0 10px 5px;
  border-color: transparent transparent transparent #FFF;
}

.content-page-build-well .sidebar-build-well .submenu li a .text {
  color: #FFF;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-family: 'Blender';
  font-size: 14px;
  line-height: normal;
  padding-left: 10px;
  text-transform: uppercase;
}

.content-page-build-well .sidebar-build-well .submenu li a:hover .text {
  color: #ffec00;
}

.content-page-build-well .sidebar-build-well .submenu li a.active .letter {
  background-color: #ffec00;
}

.content-page-build-well .sidebar-build-well .submenu li a.active .letter:before {
  border-color: transparent #ffec00 transparent transparent;
}

.content-page-build-well .sidebar-build-well .submenu li a.active .letter:after {
  border-color: transparent transparent transparent #ffec00;
}

.content-page-build-well .sidebar-build-well .submenu li a.active .text {
  color: #ffec00;
}

.content-page-build-well .content-build-well {
  background-color: #FFF;
  color: #000;
  display: inline-block;
  font-size: 16px;
  height: auto;
  left: 265px;
  min-height: 100%;
  position: relative;
  vertical-align: top;
  width: 695px;
}

.content-page-build-well .content-build-well.content-build-well-home {
  padding: 0;
  overflow: initial;
}

.content-page-build-well .content-build-well.content-build-well-home .banner-build-well {
  background: url(../images/bg-home-build-well.jpg) no-repeat center center;
  background-size: cover;
  height: 480px;
  min-width: 695px;
  width: 100%;
}

.content-page-build-well .content-build-well.content-build-well-home .text-build-well {
  height: 100%;
  padding: 35px;
  width: 100%;
}

.content-page-build-well .content-build-well.content-build-well-home .text-build-well .title-build-well {
  color: #cc0b0b;
  font-family: 'UnitedSansRegStencil';
  font-size: 35px;
  margin: 0 0 25px;
}

.content-page-build-well .content-build-well.content-build-well-home .text-build-well p {
  font-family: 'HaasGrotDisp-45Light';
  font-size: 20px;
}

.content-page-build-well .content-build-well .content-build-well-title {
  display: block;
  margin-bottom: 40px;
}

.content-page-build-well .content-build-well .content-build-well-title .content-title {
  border: solid 1px #000;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 0;
  height: 45px;
  width: 100%;
}

.content-page-build-well .content-build-well .content-build-well-title .content-title .num {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #FFF;
  border-right: solid 1px #000;
  color: #000;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-family: 'UnitedSansRegStencil';
  font-size: 23px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 5px;
  vertical-align: top;
  width: 45px;
}

.content-page-build-well .content-build-well .content-build-well-title .content-title .title {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #c2131d;
  border-right: solid 1px #000;
  color: #FFF;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-family: 'UnitedSansRegStencil';
  font-size: 23px;
  -webkit-box-pack: left;
  -webkit-justify-content: left;
      -ms-flex-pack: left;
          justify-content: left;
  padding: 5px 20px 0;
  vertical-align: top;
}

.content-page-build-well .content-build-well .content-build-well-title .content-title .download {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #FFF;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 3px;
  vertical-align: top;
  width: 100px;
}

.content-page-build-well .content-build-well .content-build-well-title .content-title .download .btn-download {
  background: url(../images/bg-ico-download.png) no-repeat center right;
  color: #000;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-family: 'Blender';
  font-size: 13px;
  padding: 8px 25px 8px 0;
}

.content-page-build-well .content-build-well .content-build-well-title .content-subtitle {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 14px 0 0 60px;
  position: relative;
  width: 100%;
}

.content-page-build-well .content-build-well .content-build-well-title .content-subtitle:before {
  background: url(../images/submenu-lines.png) no-repeat 0 0;
  content: "";
  height: 27px;
  left: 22px;
  position: absolute;
  top: 0;
  width: 33px;
}

.content-page-build-well .content-build-well .content-build-well-title .content-subtitle .letter {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #000;
  color: #FFF;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-family: 'UnitedSansRegStencil';
  font-size: 15px;
  height: 24px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: normal;
  padding: 2px 4px 0;
  position: relative;
  vertical-align: top;
  width: auto;
}

.content-page-build-well .content-build-well .content-build-well-title .content-subtitle .letter:before {
  content: "";
  left: -5px;
  position: absolute;
  top: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 12px 5px 12px 0;
  border-color: transparent #000 transparent transparent;
}

.content-page-build-well .content-build-well .content-build-well-title .content-subtitle .letter:after {
  content: "";
  right: -5px;
  position: absolute;
  top: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 12px 0 12px 5px;
  border-color: transparent transparent transparent #000;
}

.content-page-build-well .content-build-well .content-build-well-title .content-subtitle .subtitle {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-family: 'Blender';
  font-size: 16px;
  margin: 6px 0 0 10px;
  text-transform: uppercase;
  vertical-align: top;
}

.content-page-build-well .content-build-well .content-build-well-scroll {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 100%;
  padding: 25px;
}

.content-page-build-well .content-build-well .content-build-well-scroll .scrollbar-inner > .scroll-element .scroll-element_track {
  background-color: #dcdcdc;
  opacity: 1;
}

.content-page-build-well .content-build-well .content-build-well-scroll .scrollbar-inner > .scroll-element .scroll-bar {
  background-color: #dd0404;
  opacity: 1;
}

.content-page-build-well .content-build-well .content-build-well-body {
  height: auto;
}

.content-page-build-well .content-build-well .content-build-well-body .scrollbar-inner-content {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-right: 25px;
  position: relative;
}

.content-page-build-well .content-build-well .content-build-well-body p {
  font-size: 16px;
  font-family: 'PFBeauSansPro-Regular';
  margin-bottom: 20px;
  display: block;
  line-height: 20px;
}

.content-page-build-well .content-build-well .content-build-well-body img {
  max-width: 100%;
}

.content-page-build-well .content-build-well .content-build-well-body hr {
  height: 0;
  border: none;
  border-bottom: 1px dashed #333;
  margin: 20px 0;
}

.content-page-build-well .content-build-well .content-build-well-body .text-align-left {
  text-align: left;
}

.content-page-build-well .content-build-well .content-build-well-body .text-align-right {
  text-align: right;
}

.content-page-build-well .content-build-well .content-build-well-body .text-align-center {
  text-align: center;
}

.content-page-build-well .content-build-well .content-build-well-body .blocks {
  display: block;
  font-size: 0;
}

.content-page-build-well .content-build-well .content-build-well-body .blocks > div {
  display: inline-block;
  font-size: 16px;
  vertical-align: top;
}

.content-page-build-well .content-build-well .content-build-well-body .blocks .block-10per {
  width: 10%;
}

.content-page-build-well .content-build-well .content-build-well-body .blocks .block-20per {
  width: 20%;
}

.content-page-build-well .content-build-well .content-build-well-body .blocks .block-40per {
  width: 40%;
}

.content-page-build-well .content-build-well .content-build-well-body .blocks .block-50per {
  width: 50%;
}

.content-page-build-well .content-build-well .content-build-well-body .blocks .block-60per {
  width: 60%;
}

.content-page-build-well .content-build-well .content-build-well-body ul {
  list-style-image: url(../images/construye-bien-02/icon-list.png);
  padding-left: 24px;
  font-size: 16px;
  font-family: 'PFBeauSansPro-Regular';
}

.content-page-build-well .content-build-well .content-build-well-body ul li {
  margin: 18px 0px;
}

.content-page-build-well .content-build-well .content-build-well-body .number-list {
  display: block;
  margin-bottom: 10px;
}

.content-page-build-well .content-build-well .content-build-well-body .number-list .text {
  font-size: 15px;
  font-family: 'PFBeauSansPro-Regular';
  font-weight: bold;
}

.content-page-build-well .content-build-well .content-build-well-body .number-list .number {
  width: 26px;
  height: 26px;
  background: #000;
  color: #fff;
  font-size: 15px;
  font-family: 'UnitedSansRegStencil';
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  padding: 6px 0px;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  margin-right: 12px;
}

.content-page-build-well .content-build-well .content-build-well-body .centered-image {
  display: block;
  padding: 26px 0px;
  margin: 0 auto;
}

.content-page-build-well .content-build-well .content-build-well-body .content-blockquote {
  background: #eeeeee;
  padding: 12px 12px 12px 6px;
  -webkit-box-shadow: 0px 4px 0px 0px gainsboro;
          box-shadow: 0px 4px 0px 0px gainsboro;
  margin-bottom: 26px;
}

.content-page-build-well .content-build-well .content-build-well-body .content-blockquote p {
  margin: 0;
}

.content-page-build-well .content-build-well .content-build-well-body .paddingB {
  padding: 0px 0px 26px 0px;
}

.content-page-build-well .content-build-well .content-build-well-body .warning-title {
  display: inline-block;
  background: #dd0404;
  width: auto;
  height: 24px;
  color: #fff;
  text-align: center;
  padding: 5px 4px;
  font-size: 16px;
  margin-bottom: 16px;
  font-family: 'UnitedSansRegStencil';
}

.content-page-build-well .content-build-well .content-build-well-body .arrow-subtitle {
  display: block;
  margin-bottom: 15px;
  font-family: 'Blender';
}

.content-page-build-well .content-build-well .content-build-well-body .arrow-subtitle .title-list {
  background: url(../images/construye-bien-02/icon-title.png);
  display: inline-block;
  height: 25px;
  margin-right: 8px;
  vertical-align: middle;
  width: 25px;
}

.content-page-build-well .content-build-well .content-build-well-body .arrow-subtitle .text {
  font-size: 18px;
  text-transform: uppercase;
  display: inline-block;
  vertical-align: middle;
}

.content-page-build-well .content-build-well .content-build-well-body .content-image-glass {
  display: inline-block;
  position: relative;
  margin-top: 35px;
  text-align: center;
  width: 100%;
}

.content-page-build-well .content-build-well .content-build-well-body .content-image-glass--glass .text {
  text-align: center;
  display: block;
  margin: 40px 0px 10px 0px;
  font-weight: bold;
  font-size: 14px;
}

.content-page-build-well .content-build-well .content-build-well-body .content-image-glass--glass img {
  display: inline-block;
  float: right;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  cursor: pointer;
}

.content-page-build-well .content-build-well .content-build-well-body .content-image-glass--glass img.img-center {
  display: block;
  float: initial;
  margin: 0 auto;
}

.content-page-build-well .content-build-well .content-build-well-body .content-image-glass img {
  display: inline-block;
  float: right;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  cursor: pointer;
}

.content-page-build-well .content-build-well .content-build-well-body .content-image-glass img.img-center {
  display: inline-block;
  float: initial;
}

.content-page-build-well .content-build-well .content-build-well-body .content-image-glass .btn-magnifying-glass {
  background: url(../images/img-magnifying-glass.png) no-repeat 0 0;
  -webkit-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
          transform-origin: 0 0;
  -webkit-animation: leaves 1.1s ease-in-out infinite alternate;
          animation: leaves 1.1s ease-in-out infinite alternate;
  bottom: -32px;
  display: inline-block;
  height: 34px;
  right: 0;
  position: absolute;
  width: 36px;
  -webkit-box-shadow: 0 7px 12px -6px rgba(0, 0, 0, 0.3);
          box-shadow: 0 7px 12px -6px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 50%;
          border-radius: 50%;
}

.content-page-build-well .content-build-well .content-build-well-body .content-steps {
  display: block;
  margin-bottom: 15px;
}

.content-page-build-well .content-build-well .content-build-well-body .content-steps .steps {
  display: block;
  background: #000;
  width: 86px;
  height: 24px;
  color: #fff;
  text-align: center;
  padding: 5px 0px;
  font-size: 16px;
  font-family: 'UnitedSansRegStencil';
}

.content-page-build-well .content-build-well .content-build-well-body .tooltip-block {
  color: #0547c0;
  text-decoration: underline;
  font-weight: bold;
  cursor: pointer;
}

.content-page-build-well .content-build-well .content-build-well-body .tooltip-block-mobile {
  color: #0547c0;
  text-decoration: underline;
  font-weight: bold;
  cursor: pointer;
}

@-webkit-keyframes rotations {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes rotations {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@-webkit-keyframes leaves {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.18);
            transform: scale(1.18);
  }
}

@keyframes leaves {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.18);
            transform: scale(1.18);
  }
}

@-webkit-keyframes leavestwo {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    background-color: #e82424;
  }
  100% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    background-color: #8e0c0c;
  }
}

@keyframes leavestwo {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    background-color: #e82424;
  }
  100% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    background-color: #8e0c0c;
  }
}

.content-image-class--glass .text {
  text-align: center;
  display: block;
  margin: 40px 0px 10px 0px;
  font-weight: bold;
  font-size: 14px;
}

.content-image-class--glass img {
  display: inline-block;
  float: right;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  cursor: pointer;
}

.content-image-class--glass img.img-center {
  display: block;
  float: initial;
  margin: 0 auto;
}

.block-register {
  position: relative;
  width: 100%;
  height: auto;
  background-color: white;
  padding: 60px 0px;
}

@media screen and (max-width: 600px) {
  .block-register {
    padding: 80px 0px;
  }
}

.block-register .block-title {
  margin: 40px 0 20px 0;
  color: #cc0b0b;
  font-size: 28px;
  text-align: center;
}

.block-register .block-text {
  text-align: center;
  font-family: 'Blender';
  font-size: 20px;
  color: #000;
}

.block-register .block-form {
  padding: 40px 0px 0px 0px;
  display: block;
  font-size: 0;
}

.block-register .block-form .block-line {
  display: block;
  min-height: 1px;
  border-bottom: 1px solid #000;
  margin: 0 30px;
}

.block-register .block-form .block-terms {
  font-size: 16px;
}

.block-register .block-form .block-terms-text {
  font-family: 'PFBeauSansPro-Regular';
  color: #000;
  text-align: center;
  display: block;
  cursor: pointer;
  margin: 30px 0px;
  position: relative;
}

.block-register .block-form .block-terms-text b {
  color: #ff2100;
}

.block-register .block-form .block-terms-text input {
  margin-right: 20px;
}

.block-register .block-form .block-terms-text label {
  position: relative;
}

.block-register .block-form .block-terms-text label label.error {
  position: absolute;
  top: 1px;
  left: 18px;
  font-family: 'Blender';
  color: red;
}

.block-register .block-form .block-btn {
  width: 170px;
  height: 40px;
  display: block;
  margin: 0 auto;
  padding: 12px;
  font-size: 21px;
  color: white;
  text-align: center;
  font-family: 'Blender';
  text-transform: uppercase;
  background-color: #cc0b0b;
}

.block-register .block-form .block-fields {
  display: inline-block;
  width: 50%;
  font-size: 16px;
  padding: 0px 30px;
  margin-bottom: 30px;
  position: relative;
}

@media screen and (max-width: 900px) {
  .block-register .block-form .block-fields {
    width: 100%;
    display: block;
  }
}

.block-register .block-form .block-fields label.error {
  position: absolute;
  font-size: 12px;
  color: red;
  bottom: -18px;
  font-family: 'PFBeauSansPro-Regular';
}

.block-register .block-form .block-fields.end {
  width: 100%;
}

.block-register .block-form .block-fields-label {
  display: block;
  font-family: 'PFBeauSansPro-Regular';
  font-size: 16px;
  margin-bottom: 10px;
}

.block-register .block-form .block-fields .i-fields {
  display: block;
  border: 2px solid #c1c1c1;
  width: 100%;
  height: 40px;
  padding: 0px 8px;
  font-family: 'PFBeauSansPro-Regular';
  -webkit-border-radius: 0;
          border-radius: 0;
  background-color: white;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.block-register .block-form .block-fields .i-fields.s-fields {
  background-image: url(../images/arrow-select.png);
  background-repeat: no-repeat;
  background-position: 98%;
}

.block-register .block-form .block-fields .block-radios {
  display: inline-block;
  padding: 0 14px;
}

.block-register .block-form .block-fields .block-radios .radios {
  position: relative;
  cursor: pointer;
  width: 50px;
  display: block;
}

.block-register .block-form .block-fields .block-radios .radios:after {
  content: '';
  background-image: url(../images/radio-not.png);
  width: 15px;
  height: 16px;
  position: absolute;
  top: 0;
  right: 0;
}

.block-register .block-form .block-fields .block-radios .radios.active:after {
  content: '';
  background-image: url(../images/radio-yes.png);
  width: 15px;
  height: 16px;
  position: absolute;
  top: 0;
  right: 0;
}

.block-register .block-form .block-fields .block-radios .r-fields {
  background: red;
  position: absolute;
  left: -9999999px;
}

.block-house-mobile {
  width: 100%;
  height: auto;
}

.block-house-mobile--empty {
  height: 100%;
  background-color: #000;
  padding: 80px 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.block-house-mobile--empty img {
  width: 86px;
  height: 86px;
  display: block;
  margin: 0 auto;
}

.block-house-mobile--empty h1 {
  color: white;
  font-family: 'Blender';
  font-size: 30px;
  text-align: center;
}

.block-house-mobile--themes {
  padding-top: 80px;
}

@media screen and (max-width: 320px) {
  .block-house-mobile--themes {
    padding-top: 60px;
  }
}

.block-house-mobile .title {
  background-color: #e0e0e0;
  width: 100%;
  height: 60px;
  padding: 20px 30px;
  position: relative;
  text-align: left;
  font-family: 'PFBeauSansPro-Regular';
  display: block;
  font-size: 18px;
  text-transform: uppercase;
  text-decoration: none;
  color: #000;
}

.block-house-mobile .title:before {
  content: '';
  background-image: url(../images/casa-mobile/icon-arrow-right.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 30px;
  height: 16px;
  display: inline-block;
  margin-right: 10px;
  -webkit-filter: brightness();
          filter: brightness();
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.block-house-mobile-header {
  background-image: url(../images/casa-mobile/background-house-mobile-header.jpg);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: contain;
  background-color: white;
  height: 320px;
}

@media screen and (max-width: 375px) {
  .block-house-mobile-header {
    height: 310px;
  }
}

@media screen and (max-width: 360px) {
  .block-house-mobile-header {
    height: 300px;
  }
}

@media screen and (max-width: 320px) {
  .block-house-mobile-header {
    height: 250px;
  }
}

.block-house-mobile-video {
  background-color: white;
  padding: 30px;
  width: 100%;
}

.block-house-mobile-video .block-video-iframe {
  width: 100%;
  height: 320px;
}

@media screen and (max-width: 360px) {
  .block-house-mobile-video .block-video-iframe {
    height: 300px;
  }
}

.block-house-mobile-video .block-video-iframe video {
  width: 100%;
  height: 100%;
  background-color: #000;
}

.block-house-mobile-video .block-content {
  margin-top: 20px;
}

.block-house-mobile-video .block-content .text {
  font-family: 'PFBeauSansPro-Regular';
  color: #000;
  line-height: 22px;
}

.block-house-mobile-video .block-content .block-btn {
  width: 212px;
  height: 45px;
  background-color: red;
  display: block;
  margin: 30px auto;
  text-align: center;
  font-family: 'UnitedSansRegStencil', sans-serif;
  color: white;
  font-size: 20px;
  padding: 14px;
  position: relative;
}

.block-house-mobile-video .block-content .block-btn a {
  text-decoration: none;
  color: white;
  display: block;
}

.block-house-mobile-video .block-content .block-btn .btn {
  background-image: url(../images/casa-mobile/icon-point.png);
  background-size: contain;
  position: absolute;
  width: 8px;
  height: 7px;
}

.block-house-mobile-video .block-content .block-btn .btn-lt {
  left: 6px;
  top: 6px;
}

.block-house-mobile-video .block-content .block-btn .btn-lb {
  left: 6px;
  bottom: 6px;
}

.block-house-mobile-video .block-content .block-btn .btn-rt {
  right: 6px;
  top: 6px;
}

.block-house-mobile-video .block-content .block-btn .btn-rb {
  right: 6px;
  bottom: 6px;
}

.block-house-mobile-themes {
  background-color: #fff;
  width: 100%;
  height: auto;
  padding: 30px;
}

.block-house-mobile-themes .block-house {
  height: 200px;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 20px 0px;
  background-color: #000;
  position: relative;
}

.block-house-mobile-themes .block-house--house {
  background-image: url(../images/casa-mobile-fase-2/background-theme-house.jpg);
  background-position: center;
  background-size: cover;
}

.block-house-mobile-themes .block-house--first-floor {
  background-image: url(../images/casa-mobile-fase-2/background-theme-first-floor.jpg);
  background-position: center;
  background-size: cover;
}

.block-house-mobile-themes .block-house--second-floor {
  background-image: url(../images/casa-mobile-fase-2/background-theme-second-floor.jpg);
  background-position: center;
  background-size: cover;
}

.block-house-mobile-themes .block-house--three-floor {
  background-image: url(../images/casa-mobile-fase-2/background-theme-three-floor.jpg);
  background-position: center;
  background-size: cover;
}

.block-house-mobile-themes .block-house--architecture {
  background-image: url(../images/casa-mobile/background-theme-arquitectura.jpg);
  background-position: center;
  background-size: cover;
}

.block-house-mobile-themes .block-house--structure {
  background-image: url(../images/casa-mobile/background-theme-estructura.jpg);
  background-position: center;
  background-size: cover;
}

.block-house-mobile-themes .block-house--sanitary {
  background-image: url(../images/casa-mobile/background-theme-sanitario.jpg);
  background-position: center;
  background-size: cover;
}

.block-house-mobile-themes .block-house--electry {
  background-image: url(../images/casa-mobile/background-theme-electrico.jpg);
  background-position: center;
  background-size: cover;
}

.block-house-mobile-themes .block-house:after {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 20px 0 0;
  border-color: #ffffff transparent transparent transparent;
  position: absolute;
  top: 0;
  left: 0;
}

.block-house-mobile-themes .block-house:before {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 20px 20px;
  border-color: transparent transparent #ffffff transparent;
  position: absolute;
  bottom: 0;
  right: 0;
}

.block-house-mobile-themes .block-house .subtitle {
  color: white;
  position: relative;
  text-align: center;
  font-size: 28px;
}

@media screen and (max-width: 320px) {
  .block-house-mobile-themes .block-house .subtitle {
    font-size: 26px;
  }
}

.block-house-mobile-themes .block-house .icon-line {
  background-image: url(../images/casa-mobile/icon-line-white.png);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  width: 80%;
  height: 38px;
}

.block-house-mobile-themes .block-house .icon-line--small {
  top: 72px;
}

@media screen and (max-width: 375px) {
  .block-house-mobile-themes .block-house .icon-line--small {
    width: 84%;
  }
}

@media screen and (max-width: 360px) {
  .block-house-mobile-themes .block-house .icon-line--small {
    width: 88%;
  }
}

@media screen and (max-width: 320px) {
  .block-house-mobile-themes .block-house .icon-line--small {
    display: none;
  }
}

.block-house-mobile-themes .block-house .icon-line--large {
  top: 60px;
}

@media screen and (max-width: 375px) {
  .block-house-mobile-themes .block-house .icon-line--large {
    width: 88%;
  }
}

@media screen and (max-width: 360px) {
  .block-house-mobile-themes .block-house .icon-line--large {
    width: 90%;
  }
}

@media screen and (max-width: 320px) {
  .block-house-mobile-themes .block-house .icon-line--large {
    display: none;
  }
}

.block-house-mobile-themes .block-house .icons {
  width: 34px;
  height: 34px;
  margin-bottom: 8px;
  background-size: contain;
  background-repeat: no-repeat;
}

.block-house-mobile-themes .block-house .icons--number {
  font-size: 32px;
  color: white;
  text-align: center;
  font-family: 'UnitedSansRegStencil', sans-serif;
}

.block-house-mobile-themes .block-house .icons--architecture {
  background-image: url(../images/casa-mobile/icon-01-arquitectura.png);
}

.block-house-mobile-themes .block-house .icons--structure {
  background-image: url(../images/casa-mobile/icon-02-estructura.png);
}

.block-house-mobile-themes .block-house .icons--sanitary {
  background-image: url(../images/casa-mobile/icon-03-sanitarias.png);
}

.block-house-mobile-themes .block-house .icons--electry {
  background-image: url(../images/casa-mobile/icon-04-electricos.png);
}

.block-house-mobile-themes .block-house .icon-arrows {
  background-image: url(../images/casa-mobile/icon-arrow-right.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 30px;
  height: 16px;
  margin-top: 8px;
}

.block-house-mobile-menu {
  width: 100%;
  background-color: #c60202;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.block-house-mobile-menu .menu-item {
  width: 33.3%;
  padding: 14px 8px;
}

.block-house-mobile-menu .menu-item .icon {
  background-repeat: no-repeat;
  background-size: 50%;
  background-position: center;
  background-color: transparent;
  border: 2px solid #fff;
  display: block;
  width: 100%;
  height: 60px;
  margin: 0 auto 8px auto;
}

.block-house-mobile-menu .menu-item .icon.active {
  background-color: #000;
  border: 2px solid #000;
}

.block-house-mobile-menu .menu-item .icon-numbers {
  color: white;
  font-size: 30px;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: 'UnitedSansRegStencil', sans-serif;
}

.block-house-mobile-menu .menu-item .icon-arquitectura {
  background-image: url(../images/casa-mobile/icon-01-arquitectura.png);
}

.block-house-mobile-menu .menu-item .icon-estructura {
  background-image: url(../images/casa-mobile/icon-02-estructura.png);
}

.block-house-mobile-menu .menu-item .icon-sanitarios {
  background-image: url(../images/casa-mobile/icon-03-sanitarias.png);
}

.block-house-mobile-menu .menu-item .icon-electricos {
  background-image: url(../images/casa-mobile/icon-04-electricos.png);
}

.block-house-mobile-menu .menu-item h3 {
  text-align: center;
  font-family: 'PFBeauSansPro-Regular';
  text-transform: uppercase;
  font-size: 10px;
  font-weight: bold;
  color: white;
}

.block-house-mobile-page {
  background-color: white;
  width: 100%;
  min-height: 500px;
  height: auto;
  padding: 30px;
  position: relative;
}

.block-house-mobile-page .icon-page {
  display: block;
  width: 48px;
  height: 47px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin: 0 auto;
}

.block-house-mobile-page .icon-page--numbers {
  font-size: 46px;
  text-align: center;
  color: #c60202;
  font-family: 'UnitedSansRegStencil', sans-serif;
}

.block-house-mobile-page .icon-page--architecture {
  background-image: url(../images/casa-mobile/icon-arquitectura.png);
}

.block-house-mobile-page .icon-page--structure {
  background-image: url(../images/casa-mobile/icon-estructura.png);
}

.block-house-mobile-page .icon-page--sanitary {
  background-image: url(../images/casa-mobile/icon-sanitarios.png);
}

.block-house-mobile-page .icon-page--electry {
  background-image: url(../images/casa-mobile/icon-electricos.png);
}

.block-house-mobile-page .line-page {
  width: 85%;
  height: 16px;
  background: white;
  border-top: 1px solid #000;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 95px;
}

.block-house-mobile-page .line-page--large {
  top: 104px;
}

.block-house-mobile-page .page-title {
  width: 260px;
  font-size: 28px;
  color: #c60202;
  text-align: center;
  background-color: white;
  position: relative;
  z-index: 1;
  margin: 12px auto 20px auto;
}

.block-house-mobile-page .page-steps {
  width: 100%;
  height: auto;
  display: block;
  font-size: 0;
  margin-bottom: 20px;
}

.block-house-mobile-page .page-steps--fase-2 .page-steps-content {
  width: 100%;
  display: block !important;
  font-size: 16px;
  margin-top: 22px;
  position: relative;
}

.block-house-mobile-page .page-steps--fase-2 .page-steps-content video {
  width: 100%;
  height: 100%;
  background-color: #000;
}

.block-house-mobile-page .page-steps--fase-2 .page-steps-content .owl-dots {
  position: absolute;
  top: 195px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

@media screen and (max-width: 375px) {
  .block-house-mobile-page .page-steps--fase-2 .page-steps-content .owl-dots {
    top: 160px;
  }
}

@media screen and (max-width: 320px) {
  .block-house-mobile-page .page-steps--fase-2 .page-steps-content .owl-dots {
    top: 140px;
  }
}

.block-house-mobile-page .page-steps--fase-2 .page-steps-content .owl-nav .owl-prev {
  background-image: url(../images/casa-mobile/icon-arrow-carousel.png);
  background-size: contain;
  position: absolute;
  width: 22px;
  height: 53px;
  left: -10px;
  top: 70px;
  background-color: white;
  font-size: 0;
}

@media screen and (max-width: 375px) {
  .block-house-mobile-page .page-steps--fase-2 .page-steps-content .owl-nav .owl-prev {
    top: 50px;
  }
}

.block-house-mobile-page .page-steps--fase-2 .page-steps-content .owl-nav .owl-next {
  background-image: url(../images/casa-mobile/icon-arrow-carousel.png);
  background-size: contain;
  position: absolute;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
  width: 22px;
  height: 53px;
  right: -10px;
  top: 70px;
  background-color: white;
  font-size: 0;
}

@media screen and (max-width: 375px) {
  .block-house-mobile-page .page-steps--fase-2 .page-steps-content .owl-nav .owl-next {
    top: 50px;
  }
}

.block-house-mobile-page .page-steps .page-steps-number {
  width: 20%;
  display: inline-block;
  font-size: 16px;
  vertical-align: middle;
}

.block-house-mobile-page .page-steps .page-steps-number .number {
  font-family: 'UnitedSansRegStencil', sans-serif;
  border: 4px solid #000;
  text-align: center;
  height: 67px;
  width: 100%;
  display: block;
  font-size: 36px;
  padding: 14px;
  -webkit-transition: 500ms;
  transition: 500ms;
}

.block-house-mobile-page .page-steps .page-steps-number .number.active {
  background-color: #c60202;
  color: white;
}

.block-house-mobile-page .page-steps .page-steps-title {
  width: 80%;
  display: inline-block;
  font-size: 16px;
  vertical-align: middle;
  position: relative;
}

.block-house-mobile-page .page-steps .page-steps-title .titles {
  width: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 67px;
  margin-left: 10px;
  background-color: #000;
  color: white;
  font-family: 'UnitedSansRegStencil', sans-serif;
  font-size: 20px;
  text-align: left;
  padding: 0 23px;
}

@media screen and (max-width: 375px) {
  .block-house-mobile-page .page-steps .page-steps-title .titles {
    font-size: 18px;
    padding: 0 14px;
  }
}

@media screen and (max-width: 320px) {
  .block-house-mobile-page .page-steps .page-steps-title .titles {
    font-size: 15px;
  }
}

.block-house-mobile-page .page-steps .page-steps-title:after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  top: 48%;
  right: 16px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #fff transparent transparent transparent;
}

.block-house-mobile-page .page-steps .page-steps-content {
  width: 100%;
  display: none;
  font-size: 16px;
  margin-top: 22px;
  position: relative;
}

.block-house-mobile-page .page-steps .page-steps-content--open {
  display: block;
}

.block-house-mobile-page .page-steps .page-steps-content .owl-dots {
  position: absolute;
  top: 195px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

@media screen and (max-width: 375px) {
  .block-house-mobile-page .page-steps .page-steps-content .owl-dots {
    top: 160px;
  }
}

@media screen and (max-width: 320px) {
  .block-house-mobile-page .page-steps .page-steps-content .owl-dots {
    top: 140px;
  }
}

.block-house-mobile-page .page-steps .page-steps-content .owl-nav .owl-prev {
  background-image: url(../images/casa-mobile/icon-arrow-carousel.png);
  background-size: contain;
  position: absolute;
  width: 22px;
  height: 53px;
  left: -10px;
  top: 70px;
  background-color: white;
  font-size: 0;
}

@media screen and (max-width: 375px) {
  .block-house-mobile-page .page-steps .page-steps-content .owl-nav .owl-prev {
    top: 50px;
  }
}

.block-house-mobile-page .page-steps .page-steps-content .owl-nav .owl-next {
  background-image: url(../images/casa-mobile/icon-arrow-carousel.png);
  background-size: contain;
  position: absolute;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
  width: 22px;
  height: 53px;
  right: -10px;
  top: 70px;
  background-color: white;
  font-size: 0;
}

@media screen and (max-width: 375px) {
  .block-house-mobile-page .page-steps .page-steps-content .owl-nav .owl-next {
    top: 50px;
  }
}

.block-house-mobile-page .page-steps .page-steps-content #blockVideoIframe {
  width: 100%;
  height: 320px;
}

.block-house-mobile-page .page-steps .page-steps-content #blockVideoIframe video {
  width: 100%;
  height: 100%;
  background-color: #000;
}

.block-house-mobile-page .page-steps .page-steps-content .image {
  margin-bottom: 60px;
  width: 100%;
}

.block-house-mobile-page .page-steps .page-steps-content .image--without {
  margin-bottom: 20px;
}

.block-house-mobile-page .page-steps .page-steps-content .subtitle {
  font-size: 18px;
  font-family: 'PFBeauSansPro-Regular';
  text-transform: uppercase;
  font-weight: bold;
  margin: 14px 0px 6px 0px;
}

.block-house-mobile-page .page-steps .page-steps-content .txt {
  font-family: 'PFBeauSansPro-Regular';
  font-size: 16px;
  text-align: justify;
  word-spacing: -2px;
}

.block-house-mobile-page .page-steps .page-steps-content .page-carousel {
  padding: 0px 26px;
}

.block-house-mobile-page .page-steps .page-steps-content .page-carousel-item {
  position: relative;
}

.page-home3d .content-g {
  position: relative;
}

.page-home3d .content-build-well-home3d {
  overflow: initial;
}

.page-home3d .content-page-build-well {
  height: -webkit-calc(100% - 55px);
  height: calc(100% - 55px);
}

.page-home3d .content-page-build-well .sidebar-build-well {
  position: relative;
  z-index: 2;
  overflow: auto;
}

.page-home3d #render-canvas {
  width: 100%;
  height: 100%;
  -ms-touch-action: none;
      touch-action: none;
  display: block;
  left: 0;
  position: absolute;
  top: 0;
}

.page-home3d #header-page {
  width: 100%;
  height: 55px;
  background-color: #cc0b0b;
}

.page-home3d #footer-page {
  width: 100%;
  height: 55px;
  background-color: #212121;
}

.page-home3d .menu-topic-3d li.title.disabled > label.text {
  opacity: 0.2;
}

.page-home3d .menu-topic-3d li.title.disabled > label.btn-switch {
  opacity: 0.2;
}

.page-home3d .menu-topic-3d li li.disabled {
  opacity: 0.2;
}

.page-home3d .menu {
  position: absolute;
  top: 55px;
  bottom: 55px;
  width: 260px;
  left: 0;
}

.page-home3d .menu .open-menu {
  display: none;
}

.page-home3d .menu .menu-wrapper {
  background-color: #212121;
  position: absolute;
  width: 100%;
  height: 100%;
  color: #ffffff;
}

.page-home3d .menu .menu-wrapper .option {
  padding: 10px;
  text-align: center;
  cursor: pointer;
}

.page-home3d #modal-tooltip {
  position: fixed;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.7);
  visibility: hidden;
  opacity: 0;
}

.page-home3d #modal-tooltip.active {
  visibility: visible;
  opacity: 1;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  z-index: 99;
}

.page-home3d #modal-tooltip .tooltip {
  position: absolute;
  top: 140px;
  left: 5%;
  background: url("../images/tooltip.png");
  background-repeat: no-repeat;
  width: 330px;
  height: 64px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.page-home3d #modal-tooltip .tooltip .warning-tooltip {
  position: absolute;
  width: 20px;
  height: 20px;
  display: block;
  left: 20px;
  top: 12px;
  background: url("../images/warning-tooltip.png");
}

.page-home3d #modal-tooltip .tooltip p {
  font-family: 'Blender';
  padding-left: 20px;
}

.page-home3d .overlay {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.7);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.page-home3d .overlay[data-active] {
  visibility: visible;
  opacity: 1;
}

.page-home3d .overlay .window {
  position: absolute;
  top: 50%;
  left: -webkit-calc(50% + 255px);
  left: calc(50% + 255px);
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  background-color: #fff;
  padding: 30px 25px;
  width: 380px;
}

.page-home3d .overlay .window[data-active] {
  visibility: visible;
  opacity: 1;
}

.page-home3d .overlay .window .button-close {
  background-image: url(../images/home-files/images/close.svg);
  width: 25px;
  height: 25px;
  position: absolute;
  top: -30px;
  right: -30px;
  background-repeat: no-repeat;
  cursor: pointer;
}

.page-home3d .overlay .window .header {
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px dashed #212121;
}

.page-home3d .overlay .window .header .icon {
  width: 39px;
  height: 39px;
  background-color: #212121;
  display: inline-block;
  vertical-align: top;
  background-position: center center;
  background-repeat: no-repeat;
}

.page-home3d .overlay .window .header .icon.desague {
  background-image: url(../images/home-files/images/icon_0000_desague.png);
}

.page-home3d .overlay .window .header .icon.columnas {
  background-image: url(../images/home-files/images/icon_0001_Columnas.png);
}

.page-home3d .overlay .window .header .icon.agua {
  background-image: url(../images/home-files/images/icon_0002_agua.png);
}

.page-home3d .overlay .window .header .icon.techo {
  background-image: url(../images/home-files/images/icon_0003_Losa-Aligerada.png);
}

.page-home3d .overlay .window .header .icon.cimientos {
  background-image: url(../images/home-files/images/icon_0004_cimientos.png);
}

.page-home3d .overlay .window .header .icon.muros {
  background-image: url(../images/home-files/images/icon_0005_muro-albanileria.png);
}

.page-home3d .overlay .window .header .icon.contencion, .page-home3d .overlay .window .header .icon.muro {
  background-image: url(../images/home-files/images/icon_0006_Muro-contencion.png);
}

.page-home3d .overlay .window .header .icon.techos {
  background-image: url(../images/home-files/images/icon_0007_techos.png);
}

.page-home3d .overlay .window .header .icon.varillas {
  background-image: url(../images/home-files/images/icon_0008_columnas.png);
}

.page-home3d .overlay .window .header .icon.electricidad {
  background-image: url(../images/home-files/images/icon_0009_electricidad.png);
}

.page-home3d .overlay .window .header .title {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: top;
  font-family: 'UnitedSansRegStencil';
  text-transform: uppercase;
  font-size: 22px;
  color: #212121;
  width: 280px;
  margin-left: 5px;
  height: 39px;
  line-height: normal;
}

.page-home3d .overlay .window .body {
  font-family: 'Blender';
  font-size: 18px;
  color: #000000;
}

.page-home3d .overlay .window .body .button {
  background-color: #be1616;
  height: 32px;
  display: inline-block;
  text-transform: uppercase;
  text-align: center;
  line-height: 35px;
  color: #ffffff;
  margin-top: 10px;
  cursor: pointer;
  padding: 0 15px;
}

.page-home3d .overlay .window .body .button i {
  background-image: url(../images/home-files/images/arrow.png);
  background-repeat: no-repeat;
  width: 13px;
  height: 13px;
  display: inline-block;
  position: relative;
  top: 1px;
}

.page-home3d .overlay .example {
  width: 250px;
}

.page-home3d .overlay .tip {
  background-color: transparent;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.page-home3d .overlay .tip .button-close {
  top: 10px;
  right: -33px;
}

.page-home3d .overlay .welcome {
  background-image: url(../images/home-files/images/Tip-01.png);
  width: 502px;
  height: 203px;
}

.page-home3d .overlay .welcome-final {
  background-image: url(../images/home-files-fase-2/images/tip-home-final.png);
  width: 547px;
  height: 157px;
}

.page-home3d .overlay .instructions {
  background-image: url(../images/home-files/images/instructions.png);
  background-repeat: no-repeat;
  background-color: transparent;
  width: 513px;
  height: 390px;
}

.page-home3d .overlay .home {
  background-image: url(../images/home-files/images/Tip-02.png);
  width: 496px;
  height: 294px;
}

.page-home3d .overlay .tip-3 {
  background-image: url(../images/home-files/images/Tip-03.png);
  width: 548px;
  height: 151px;
}

.page-home3d .overlay .tip-4 {
  background-image: url(../images/home-files/images/Tip-04.png);
  width: 508px;
  height: 209px;
}

.page-home3d .overlay .tip-5 {
  background-image: url(../images/home-files/images/Tip-05.png);
  width: 546px;
  height: 147px;
}

.page-home3d .overlay .tip-6 {
  background-image: url(../images/home-files/images/Tip-06.png);
  background-repeat: no-repeat;
  width: 538px;
  height: 290px;
}

.page-home3d .overlay .tip-7 {
  background-image: url(../images/home-files/images/Tip-07.png);
  width: 438px;
  height: 147px;
}

.page-home3d .overlay .tip-8 {
  background-image: url(../images/home-files/images/Tip-08.png);
  width: 535px;
  height: 172px;
}

.page-home3d .overlay .tip-9 {
  background-image: url(../images/home-files/images/Tip-09.png);
  background-repeat: no-repeat;
  width: 547px;
  height: 220px;
}

.page-home3d .overlay .tip-10 {
  background-image: url(../images/home-files/images/Tip-10.png);
  width: 535px;
  height: 163px;
}

.page-home3d .overlay .tip-11 {
  background-image: url(../images/home-files/images/Tip-11.png);
  width: 547px;
  height: 183px;
}

.page-home3d .overlay .tip-13 {
  background-image: url(../images/home-files-fase-2/images/Tip-13.png);
  width: 547px;
  height: 147px;
}

.page-home3d .overlay .tip-14 {
  background-image: url(../images/home-files-fase-2/images/Tip-14.png);
  width: 535px;
  height: 148px;
}

.page-home3d .overlay .tip-15 {
  background-image: url(../images/home-files-fase-2/images/Tip-15.png);
  width: 535px;
  height: 154px;
}

.page-home3d .overlay .tip-16 {
  background-image: url(../images/home-files-fase-2/images/Tip-16.png);
  width: 535px;
  height: 148px;
}

.page-home3d .overlay .tip-17 {
  background-image: url(../images/home-files-fase-2/images/Tip-17.png);
  width: 547px;
  height: 147px;
}

.page-home3d .overlay .tip-18 {
  background-image: url(../images/home-files-fase-2/images/Tip-18.png);
  width: 547px;
  height: 147px;
}

.page-home3d .overlay .tip-19 {
  background-image: url(../images/home-files-fase-2/images/Tip-19.png);
  width: 547px;
  height: 147px;
}

.page-home3d .overlay .tip-20 {
  background-image: url(../images/home-files-fase-2/images/Tip-20.png);
  width: 535px;
  height: 148px;
}

.page-home3d .overlay .tip-21 {
  background-image: url(../images/home-files-fase-2/images/Tip-21.png);
  width: 535px;
  height: 148px;
}

.page-home3d .overlay .tip-22 {
  background-image: url(../images/home-files-fase-2/images/Tip-22.png);
  width: 535px;
  height: 154px;
}

.page-home3d .overlay .tip-23 {
  background-image: url(../images/home-files-fase-2/images/Tip-23.png);
  width: 547px;
  height: 147px;
}

.page-home3d .overlay .tip-24 {
  background-image: url(../images/home-files-fase-2/images/Tip-24.png);
  width: 547px;
  height: 147px;
}

.page-home3d .controls-bottom {
  width: 980px;
  position: absolute;
  left: 0;
  right: -271px;
  background-color: rgba(0, 0, 0, 0.5);
  bottom: 0;
  height: 55px;
  padding: 5px 20px 20px;
  text-align: center;
}

.page-home3d .controls-bottom .btn-prices {
  pointer-events: none;
  background-image: url(../images/home-files/images/btn-prices.png);
  width: 174px;
  height: 23px;
  display: inline-block;
  margin-right: 15px;
  position: relative;
  top: -7px;
}

.page-home3d .controls-bottom .btn-prices-second {
  pointer-events: none;
  background-image: url(../images/home-files/images/btn-prices-second.png);
  width: 182px;
  height: 23px;
  display: inline-block;
  margin-right: 15px;
  position: relative;
  top: -7px;
}

.page-home3d .controls-bottom .btn-download {
  background-image: url(../images/home-files/images/btn-downloading.png);
  width: 142px;
  height: 23px;
  display: inline-block;
  margin-right: 15px;
  position: relative;
  top: -7px;
}

.page-home3d .controls-bottom .help {
  background-image: url(../images/home-files/images/img-controls.png);
  background-repeat: no-repeat;
  width: 578px;
  height: 44px;
  display: inline-block;
}

.page-home3d .controls {
  position: absolute;
  top: 0;
  width: 100%;
  display: none;
}

.page-home3d .controls .option {
  display: inline-block;
  cursor: pointer;
}

.page-home3d #babylonjsLoadingDiv {
  background-image: url(../images/home-files/images/ladrillo.gif);
  background-repeat: no-repeat;
  background-position: center center;
}

.page-home3d #babylonjsLoadingDiv div {
  font-family: 'Blender' !important;
  font-size: 26px !important;
  font-weight: bold !important;
}

.page-home3d #babylonjsLoadingDiv img {
  display: none;
}

.block-projects {
  padding: 55px 0px;
  height: auto;
  background-color: #fff;
}

.block-projects--inside {
  padding: 40px 20px 0 20px;
}

.block-projects-banner--mobile {
  display: none;
}

@media screen and (max-width: 500px) {
  .block-projects-banner--mobile {
    display: block;
    height: 264px;
    background-image: url(../images/proyectos-maestro/project-header.jpg);
    background-size: cover;
    background-position: center;
    position: relative;
  }
}

.block-projects-banner--mobile .banner-tool {
  position: absolute;
  top: 50%;
  left: 30px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 300px;
  height: 154px;
  background-color: #000;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 20px;
}

.block-projects-banner--mobile .banner-tool-title {
  font-size: 26px;
  color: white;
  text-transform: lowercase;
  font-family: 'HaasGrotDisp-65Medium';
  font-weight: bold;
  text-align: left;
  text-transform: uppercase;
}

@media screen and (max-width: 320px) {
  .block-projects-banner--mobile .banner-tool {
    width: 280px;
    left: 20px;
  }
}

.block-projects-banner--mobile .banner-tool-icon {
  position: absolute;
  background-image: url(../images/videotips/icon-polygon.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: 8px;
  height: 8px;
}

.block-projects-banner--mobile .banner-tool-icon--lt {
  left: 8px;
  top: 8px;
}

.block-projects-banner--mobile .banner-tool-icon--lb {
  left: 8px;
  bottom: 8px;
}

.block-projects-banner--mobile .banner-tool-icon--rt {
  right: 8px;
  top: 8px;
}

.block-projects-banner--mobile .banner-tool-icon--rb {
  right: 8px;
  bottom: 8px;
}

.block-projects-header {
  position: relative;
  width: 100%;
  height: 261px;
  background-image: url(../images/proyectos-maestro/project-header.jpg);
  background-size: cover;
  background-position: center bottom;
  background-color: #e1e1e1;
}

@media screen and (max-width: 500px) {
  .block-projects-header {
    background-image: url(../images/proyectos-maestro/project-header@2x.jpg);
  }
}

.block-projects-header .banner-tool {
  position: absolute;
  top: 50%;
  left: 50px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 300px;
  height: 154px;
  background-color: #000;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-transform: uppercase;
  padding: 20px 30px 20px 50px;
}

.block-projects-header .banner-tool-title {
  font-size: 20px;
  color: white;
  text-transform: lowercase;
  font-family: 'HaasGrotDisp-65Medium';
  font-weight: bold;
  text-align: left;
  text-transform: uppercase;
}

.block-projects-header .banner-tool-icon {
  position: absolute;
  background-image: url(../images/videotips/icon-polygon.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: 12px;
  height: 12px;
}

.block-projects-header .banner-tool-icon--lt {
  left: 8px;
  top: 8px;
}

.block-projects-header .banner-tool-icon--lb {
  left: 8px;
  bottom: 8px;
}

.block-projects-header .banner-tool-icon--rt {
  right: 8px;
  top: 8px;
}

.block-projects-header .banner-tool-icon--rb {
  right: 8px;
  bottom: 8px;
}

@media screen and (max-width: 500px) {
  .block-projects-header {
    display: none;
  }
}

.block-projects-list {
  display: block;
  font-size: 0;
  margin-top: 47px;
}

.block-projects-list .project-list-item {
  display: inline-block;
  width: 50%;
  background-color: #fff;
  font-size: 16px;
  text-align: center;
  padding: 30px 0px;
  font-size: 0px;
  vertical-align: top;
}

.block-projects-list .project-list-item:nth-child(odd) {
  border-bottom: 1px solid #e1e1e1;
  border-right: 1px solid #e1e1e1;
}

@media screen and (max-width: 500px) {
  .block-projects-list .project-list-item:nth-child(odd) {
    border-bottom: 1px solid #e1e1e1;
    border-right: none;
  }
}

.block-projects-list .project-list-item:nth-child(even) {
  padding: 30px 0px 30px 30px;
  border-bottom: 1px solid #e1e1e1;
}

@media screen and (max-width: 500px) {
  .block-projects-list .project-list-item:nth-child(even) {
    padding: 30px 0px;
  }
}

@media screen and (max-width: 900px) {
  .block-projects-list .project-list-item {
    width: 70%;
    display: block;
    margin: 0 auto;
  }
}

@media screen and (max-width: 500px) {
  .block-projects-list .project-list-item {
    width: 100%;
  }
}

.block-projects-list .project-list-item .item-image {
  position: relative;
  display: inline-block;
  width: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 210px;
  vertical-align: middle;
}

@media screen and (max-width: 500px) {
  .block-projects-list .project-list-item .item-image {
    width: 100%;
    display: block;
  }
}

.block-projects-list .project-list-item .item-image--puestatierra {
  background-image: url(../images/proyectos-maestro/proyectos-puestatierra.png);
}

@media screen and (max-width: 500px) {
  .block-projects-list .project-list-item .item-image--puestatierra {
    background-image: url(../images/proyectos-maestro/proyectos-puestatierra@2x.png);
  }
}

.block-projects-list .project-list-item .item-image--muros {
  background-image: url(../images/proyectos-maestro/proyectos-muros.png);
}

@media screen and (max-width: 500px) {
  .block-projects-list .project-list-item .item-image--muros {
    background-image: url(../images/proyectos-maestro/proyectos-muros@2x.png);
  }
}

.block-projects-list .project-list-item .item-image--puertalevadiza {
  background-image: url(../images/proyectos-maestro/proyectos-puertalevadiza.png);
}

@media screen and (max-width: 500px) {
  .block-projects-list .project-list-item .item-image--puertalevadiza {
    background-image: url(../images/proyectos-maestro/proyectos-puertalevadiza@2x.png);
  }
}

.block-projects-list .project-list-item .item-image--banos {
  background-image: url(../images/proyectos-maestro/proyectos-banos.png);
}

@media screen and (max-width: 500px) {
  .block-projects-list .project-list-item .item-image--banos {
    background-image: url(../images/proyectos-maestro/proyectos-banos@2x.png);
  }
}

.block-projects-list .project-list-item .item-image--pisos {
  background-image: url(../images/proyectos-maestro/proyectos-pisos.png);
}

@media screen and (max-width: 500px) {
  .block-projects-list .project-list-item .item-image--pisos {
    background-image: url(../images/proyectos-maestro/proyectos-pisos@2x.png);
  }
}

.block-projects-list .project-list-item .item-image--construccion {
  background-image: url(../images/proyectos-maestro/proyectos-construccion.png);
}

@media screen and (max-width: 500px) {
  .block-projects-list .project-list-item .item-image--construccion {
    background-image: url(../images/proyectos-maestro/proyectos-construccion@2x.png);
  }
}

.block-projects-list .project-list-item .item-image--techos {
  background-image: url(../images/proyectos-maestro/proyectos-techos.png);
}

@media screen and (max-width: 500px) {
  .block-projects-list .project-list-item .item-image--techos {
    background-image: url(../images/proyectos-maestro/proyectos-techos@2x.png);
  }
}

.block-projects-list .project-list-item .item-image--seguridad {
  background-image: url(../images/proyectos-maestro/proyectos-seguridad.png);
}

@media screen and (max-width: 500px) {
  .block-projects-list .project-list-item .item-image--seguridad {
    background-image: url(../images/proyectos-maestro/proyectos-seguridad@2x.png);
  }
}

.block-projects-list .project-list-item .item-image--puertas {
  background-image: url(../images/proyectos-maestro/proyectos-puertas.png);
}

@media screen and (max-width: 500px) {
  .block-projects-list .project-list-item .item-image--puertas {
    background-image: url(../images/proyectos-maestro/proyectos-puertas@2x.png);
  }
}

.block-projects-list .project-list-item .item-image--materiales {
  background-image: url(../images/proyectos-maestro/proyectos-materiales.png);
}

@media screen and (max-width: 500px) {
  .block-projects-list .project-list-item .item-image--materiales {
    background-image: url(../images/proyectos-maestro/proyectos-materiales@2x.png);
  }
}

.block-projects-list .project-list-item .item-image--desague {
  background-image: url(../images/proyectos-maestro/proyectos-desague.png);
}

@media screen and (max-width: 500px) {
  .block-projects-list .project-list-item .item-image--desague {
    background-image: url(../images/proyectos-maestro/proyectos-desague@2x.png);
  }
}

.block-projects-list .project-list-item .item-image--agua {
  background-image: url(../images/proyectos-maestro/proyectos-agua.png);
}

@media screen and (max-width: 500px) {
  .block-projects-list .project-list-item .item-image--agua {
    background-image: url(../images/proyectos-maestro/proyectos-agua@2x.png);
  }
}

.block-projects-list .project-list-item .item-image--electricos {
  background-image: url(../images/proyectos-maestro/proyectos-electricos.png);
}

@media screen and (max-width: 500px) {
  .block-projects-list .project-list-item .item-image--electricos {
    background-image: url(../images/proyectos-maestro/proyectos-electricos@2x.png);
  }
}

.block-projects-list .project-list-item .item-image--pinturas {
  background-image: url(../images/proyectos-maestro/proyectos-pinturas.png);
}

@media screen and (max-width: 500px) {
  .block-projects-list .project-list-item .item-image--pinturas {
    background-image: url(../images/proyectos-maestro/proyectos-pinturas@2x.png);
  }
}

.block-projects-list .project-list-item .item-image:after {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 20px 0 0;
  border-color: #ffffff transparent transparent transparent;
  position: absolute;
  top: 0;
  left: 0;
}

.block-projects-list .project-list-item .item-image:before {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 20px 20px;
  border-color: transparent transparent #ffffff transparent;
  position: absolute;
  bottom: 0;
  right: 0;
}

.block-projects-list .project-list-item .item-info {
  display: inline-block;
  width: 50%;
  padding: 0 18px;
  vertical-align: middle;
}

@media screen and (max-width: 500px) {
  .block-projects-list .project-list-item .item-info {
    width: 100%;
    display: block;
    padding: 0;
    margin-top: 20px;
  }
  .block-projects-list .project-list-item .item-info br {
    display: none;
  }
}

.block-projects-list .project-list-item .item-info-title {
  font-family: 'HaasGrotDisp-65Medium';
  font-size: 16px;
  text-transform: uppercase;
  text-align: left;
  margin: 0 0px 8px 50px;
  position: relative;
}

@media screen and (max-width: 500px) {
  .block-projects-list .project-list-item .item-info-title {
    margin: 0 0px 12px 50px;
  }
}

.block-projects-list .project-list-item .item-info-title--puestatierra:before {
  content: '';
  background-image: url(../images/proyectos-maestro/icon-puestatierra.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 35px;
  height: 31px;
  position: absolute;
  left: -38px;
  top: 8px;
}

@media screen and (max-width: 500px) {
  .block-projects-list .project-list-item .item-info-title--puestatierra:before {
    top: -10px;
  }
}

.block-projects-list .project-list-item .item-info-title--puertalevadiza:before {
  content: '';
  background-image: url(../images/proyectos-maestro/icon-levadizza.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 35px;
  height: 31px;
  position: absolute;
  left: -46px;
  top: -2px;
}

@media screen and (max-width: 500px) {
  .block-projects-list .project-list-item .item-info-title--puertalevadiza:before {
    top: 0px;
  }
}

.block-projects-list .project-list-item .item-info-title--muros:before {
  content: '';
  background-image: url(../images/proyectos-maestro/icon-muro.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 35px;
  height: 31px;
  position: absolute;
  left: -46px;
  top: 6px;
}

@media screen and (max-width: 500px) {
  .block-projects-list .project-list-item .item-info-title--muros:before {
    top: 0px;
  }
}

.block-projects-list .project-list-item .item-info-title--pisos:before {
  content: '';
  background-image: url(../images/proyectos-maestro/icon-piso.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 35px;
  height: 31px;
  position: absolute;
  left: -46px;
  top: -1px;
}

@media screen and (max-width: 500px) {
  .block-projects-list .project-list-item .item-info-title--pisos:before {
    top: -10px;
  }
}

.block-projects-list .project-list-item .item-info-title--banos:before {
  content: '';
  background-image: url(../images/proyectos-maestro/icon-bano.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 35px;
  height: 31px;
  position: absolute;
  left: -46px;
  top: -1px;
}

@media screen and (max-width: 500px) {
  .block-projects-list .project-list-item .item-info-title--banos:before {
    top: -10px;
  }
}

.block-projects-list .project-list-item .item-info-title--construccion:before {
  content: '';
  background-image: url(../images/proyectos-maestro/icon-construccion.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 35px;
  height: 31px;
  position: absolute;
  left: -46px;
  top: -1px;
}

@media screen and (max-width: 500px) {
  .block-projects-list .project-list-item .item-info-title--construccion:before {
    top: -10px;
  }
}

.block-projects-list .project-list-item .item-info-title--techos:before {
  content: '';
  background-image: url(../images/proyectos-maestro/icon-techos.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 40px;
  height: 18px;
  position: absolute;
  left: -46px;
  top: 6px;
}

@media screen and (max-width: 500px) {
  .block-projects-list .project-list-item .item-info-title--techos:before {
    top: 0;
  }
}

.block-projects-list .project-list-item .item-info-title--seguridad:before {
  content: '';
  background-image: url(../images/proyectos-maestro/icon-seguridad.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 40px;
  height: 18px;
  position: absolute;
  left: -46px;
  top: 6px;
}

@media screen and (max-width: 500px) {
  .block-projects-list .project-list-item .item-info-title--seguridad:before {
    top: -2px;
  }
}

.block-projects-list .project-list-item .item-info-title--puertas:before {
  content: '';
  background-image: url(../images/proyectos-maestro/icon-puertas.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 21px;
  height: 29px;
  position: absolute;
  left: -40px;
  top: 0;
}

@media screen and (max-width: 500px) {
  .block-projects-list .project-list-item .item-info-title--puertas:before {
    top: -8px;
  }
}

.block-projects-list .project-list-item .item-info-title--materiales:before {
  content: '';
  background-image: url(../images/proyectos-maestro/icon-materiales.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 34px;
  height: 24px;
  position: absolute;
  left: -46px;
  top: 4px;
}

@media screen and (max-width: 500px) {
  .block-projects-list .project-list-item .item-info-title--materiales:before {
    top: -4px;
  }
}

.block-projects-list .project-list-item .item-info-title--desague:before {
  content: '';
  background-image: url(../images/proyectos-maestro/icon-desague.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 25px;
  height: 28px;
  position: absolute;
  left: -40px;
  top: 2px;
}

@media screen and (max-width: 500px) {
  .block-projects-list .project-list-item .item-info-title--desague:before {
    top: -8px;
  }
}

.block-projects-list .project-list-item .item-info-title--agua:before {
  content: '';
  background-image: url(../images/proyectos-maestro/icon-agua.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 34px;
  height: 24px;
  position: absolute;
  left: -46px;
  top: 4px;
}

@media screen and (max-width: 500px) {
  .block-projects-list .project-list-item .item-info-title--agua:before {
    top: -8px;
  }
}

.block-projects-list .project-list-item .item-info-title--electricos:before {
  content: '';
  background-image: url(../images/proyectos-maestro/icon-electricos.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 34px;
  height: 24px;
  position: absolute;
  left: -40px;
  top: 4px;
}

@media screen and (max-width: 500px) {
  .block-projects-list .project-list-item .item-info-title--electricos:before {
    top: -6px;
  }
}

.block-projects-list .project-list-item .item-info-title--pinturas:before {
  content: '';
  background-image: url(../images/proyectos-maestro/icon-pinturas.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 34px;
  height: 24px;
  position: absolute;
  left: -40px;
  top: 4px;
}

@media screen and (max-width: 500px) {
  .block-projects-list .project-list-item .item-info-title--pinturas:before {
    top: -4px;
  }
}

.block-projects-list .project-list-item .item-info-text {
  font-family: 'HaasGrotDisp-45Light';
  text-align: left;
  color: #808080;
  font-size: 14px;
}

.block-projects-list .project-list-item .item-info-btn {
  display: block;
  width: 120px;
  height: 24px;
  margin: 20px 0 0 0;
  background-color: #cc0b0b;
  font-size: 13px;
  color: white;
  font-family: 'HaasGrotDisp-45Light';
  text-transform: uppercase;
  font-weight: bold;
  padding: 6px;
}

body {
  overflow: auto;
}

body.not-scroll {
  overflow: hidden;
}

.block-modal {
  position: fixed;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.9);
  z-index: 9999;
  top: -100%;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all .6s ease;
  transition: all .6s ease;
}

.block-modal-loading {
  opacity: 0;
  visibility: hidden;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: rgba(255, 255, 255, 0.8);
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
  z-index: 3;
}

.block-modal-loading-img {
  position: absolute;
  top: 58%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
      -ms-transform: translateY(-50%) translateX(-50%);
          transform: translateY(-50%) translateX(-50%);
}

.block-modal-loading.loading {
  opacity: 1;
  visibility: visible;
}

.block-modal.active {
  top: 0;
  opacity: 1;
  visibility: visible;
}

.block-modal-inside {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
      -ms-transform: translateY(-50%) translateX(-50%);
          transform: translateY(-50%) translateX(-50%);
}

@media screen and (max-width: 1400px) {
  .block-modal-inside {
    top: 53%;
  }
}

@media screen and (max-width: 500px) {
  .block-modal-inside {
    top: 53%;
    width: 90%;
  }
}

@media screen and (max-width: 375px) {
  .block-modal-inside {
    top: 56%;
  }
}

.block-modal-inside .video {
  width: 100%;
  height: 467px;
}

@media screen and (max-width: 1400px) {
  .block-modal-inside .video {
    width: 100%;
    height: 330px;
  }
}

@media screen and (max-width: 500px) {
  .block-modal-inside .video {
    width: 100%;
    height: 240px;
  }
}

.block-modal-inside .icon-close {
  position: absolute;
  background-image: url(../images/videotips/icon-video-close.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 36px;
  height: 36px;
  right: -60px;
  cursor: pointer;
}

@media screen and (max-width: 500px) {
  .block-modal-inside .icon-close {
    right: 0;
    top: -46px;
  }
}

.block-modal-inside .title {
  color: #cc0c0c;
  font-family: 'UnitedSansRegStencil';
  text-align: center;
  margin: 18px 0px 8px 0px;
  font-size: 26px;
}

@media screen and (max-width: 375px) {
  .block-modal-inside .title {
    font-size: 20px;
  }
}

.block-modal-inside .text {
  text-align: center;
  color: white;
}

.block-modal-inside .btn-search {
  width: 123px;
  height: 30px;
  background-color: red;
  margin: 20px auto 0 auto;
  font-family: 'Blender';
  text-transform: uppercase;
  color: white;
  padding: 8px 8px 8px 10px;
  position: relative;
  cursor: pointer;
}

.block-modal-inside .btn-search-i {
  background-image: url(../images/videotips/icon-search.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: 21px;
  height: 14px;
  position: absolute;
  top: 6px;
  right: 8px;
}

.block-videotips {
  padding: 55px 0px;
  height: auto;
  background-color: #fff;
}

@media screen and (max-width: 500px) {
  .block-videotips {
    padding: 80px 0px 55px 0px;
  }
}

.block-videotips--inside {
  padding: 80px 20px 0 20px;
}

.block-videotips-header {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (max-width: 500px) {
  .block-videotips-header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}

.block-videotips-header .header-options {
  width: 740px;
}

.block-videotips-header .header-options-inside {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
}

@media screen and (max-width: 500px) {
  .block-videotips-header .header-options-inside {
    display: none;
    opacity: 0;
    visibility: hidden;
    width: 100%;
    -webkit-transition: all .8s ease;
    transition: all .8s ease;
  }
  .block-videotips-header .header-options-inside.active-m {
    display: block;
    opacity: 1;
    visibility: visible;
  }
}

@media screen and (max-width: 500px) {
  .block-videotips-header .header-options {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
  }
}

.block-videotips-header .header-options .options-item {
  font-family: 'UnitedSansRegStencil';
  font-size: 14px;
  height: 18px;
  cursor: pointer;
}

.block-videotips-header .header-options .options-item-main {
  display: none;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 40px;
  padding: 12px 16px;
  font-size: 18px;
  font-family: 'Blender';
  border: 2px solid silver;
  color: gray;
}

@media screen and (max-width: 500px) {
  .block-videotips-header .header-options .options-item-main {
    display: block;
    position: relative;
  }
}

.block-videotips-header .header-options .options-item-main-icon {
  position: absolute;
  width: 60px;
  height: 38px;
  top: -1px;
  right: -2px;
  background-color: #000;
  background-image: url(../images/videotips/icon-arrow-down.png);
  background-size: 50%;
  background-repeat: no-repeat;
  background-position: center;
}

@media screen and (max-width: 500px) {
  .block-videotips-header .header-options .options-item {
    padding: 0;
    margin: 0;
    width: 100%;
    height: 40px;
    padding: 12px 16px;
    font-size: 18px;
    font-family: 'Blender';
    border-top: 2px solid silver;
    border-left: 2px solid silver;
    border-right: 2px solid silver;
    color: gray;
    display: block;
  }
  .block-videotips-header .header-options .options-item:last-child {
    border: 2px solid silver;
  }
}

@media screen and (max-width: 500px) and (max-width: 500px) {
  .block-videotips-header .header-options .options-item:last-child {
    padding: 12px 16px;
    border-bottom: 2px solid silver !important;
  }
}

.block-videotips-header .header-options .options-item.active, .block-videotips-header .header-options .options-item:hover {
  padding-bottom: 2px;
  border-bottom: 2px solid #cc0b0b;
}

@media screen and (max-width: 500px) {
  .block-videotips-header .header-options .options-item.active, .block-videotips-header .header-options .options-item:hover {
    padding: 12px 16px;
    border-bottom: 0;
  }
}

.block-videotips-header .header-search {
  width: 180px;
  position: relative;
  height: 24px;
}

@media screen and (max-width: 500px) {
  .block-videotips-header .header-search {
    width: 100%;
    height: 45px;
    margin-bottom: 20px;
  }
}

.block-videotips-header .header-search .icon-search {
  background-color: #000;
  position: absolute;
  width: 30px;
  height: 27px;
  top: -6px;
  right: 0;
  z-index: 1;
  -webkit-border-radius: 0px 4px 4px 0px;
          border-radius: 0px 4px 4px 0px;
  cursor: pointer;
}

@media screen and (max-width: 500px) {
  .block-videotips-header .header-search .icon-search {
    background-color: transparent;
    -webkit-border-radius: 0;
            border-radius: 0;
    height: 45px;
    top: -6px;
    left: 10px;
    width: 40px;
  }
}

.block-videotips-header .header-search .icon-search .i-search {
  background-image: url(../images/videotips/icon-videotips.png);
  background-size: contain;
  width: 16px;
  height: 16px;
  position: absolute;
  right: 7px;
  top: 5px;
  z-index: 3;
}

@media screen and (max-width: 500px) {
  .block-videotips-header .header-search .icon-search .i-search {
    width: 24px;
    height: 24px;
    position: absolute;
    right: 8px;
    top: 9px;
  }
}

.block-videotips-header .header-search .input-search {
  position: absolute;
  right: 0;
  top: -6px;
  width: 80%;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  border: 1px solid #000;
  outline: none;
  color: gray;
  font-family: 'PFBeauSansPro-Regular';
  padding: 5px 8px 2px 8px;
  font-size: 14px;
}

@media screen and (max-width: 500px) {
  .block-videotips-header .header-search .input-search {
    position: relative;
    width: 100%;
    -webkit-border-radius: 0;
            border-radius: 0;
    background-color: #c60202;
    border-color: #c60202;
    color: white;
    height: 45px;
    padding: 5px 12px 2px 60px;
    text-transform: uppercase;
    font-size: 18px;
  }
  .block-videotips-header .header-search .input-search::-webkit-input-placeholder {
    color: white !important;
    font-weight: bold;
  }
  .block-videotips-header .header-search .input-search::-moz-placeholder {
    color: white !important;
    font-weight: bold;
  }
  .block-videotips-header .header-search .input-search:-ms-input-placeholder {
    color: white !important;
    font-weight: bold;
  }
  .block-videotips-header .header-search .input-search::placeholder {
    color: white !important;
    font-weight: bold;
  }
  .block-videotips-header .header-search .input-search:-ms-input-placeholder {
    color: white !important;
    font-weight: bold;
  }
  .block-videotips-header .header-search .input-search::-ms-input-placeholder {
    color: white !important;
    font-weight: bold;
  }
}

.block-videotips-banner {
  background-image: url("../images/videotips/asesorate-construccion-herramientas-de-construccion-en-piso-de-cemento-construye-bien-maestro.jpg");
  background-size: cover;
  background-position: center bottom;
  width: 100%;
  height: 260px;
  margin-top: 40px;
  position: relative;
}

.block-videotips-banner--seguridad {
  background-image: url(../images/videotips/videotips-header-seguridad.jpg);
}

.block-videotips-banner--obra {
  background-image: url(../images/videotips/videotips-header-obra.jpg);
}

.block-videotips-banner--electricidad {
  background-image: url(../images/videotips/videotips-header-electricidad.jpg);
}

.block-videotips-banner--gasfiteria {
  background-image: url(../images/videotips/videotips-header-gasfiteria.jpg);
}

.block-videotips-banner--herramienta {
  background-image: url("../images/asesorateconstruccion-piso-construyebien.jpg");
}

@media screen and (max-width: 500px) {
  .block-videotips-banner {
    display: none;
  }
}

.block-videotips-banner--mobile {
  display: none;
}

@media screen and (max-width: 500px) {
  .block-videotips-banner--mobile {
    display: block;
    height: 264px;
    background-image: url("../images/videotips/asesorateconstruccion-piso-construyebien.jpg");
    background-size: cover;
    background-position: center;
    position: relative;
  }
}

.block-videotips-banner--mobile .banner-tool {
  position: absolute;
  top: 50%;
  left: 30px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 300px;
  height: 154px;
  background-color: #000;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 20px;
}

.block-videotips-banner--mobile .banner-tool-title {
  font-size: 20px;
  color: white;
  text-transform: lowercase;
  font-family: 'HaasGrotDisp-65Medium';
  font-weight: bold;
  text-align: left;
}

@media screen and (max-width: 320px) {
  .block-videotips-banner--mobile .banner-tool {
    width: 280px;
    left: 20px;
  }
}

.block-videotips-banner--mobile .banner-tool-icon {
  position: absolute;
  background-image: url(../images/videotips/icon-polygon.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: 8px;
  height: 8px;
}

.block-videotips-banner--mobile .banner-tool-icon--lt {
  left: 8px;
  top: 8px;
}

.block-videotips-banner--mobile .banner-tool-icon--lb {
  left: 8px;
  bottom: 8px;
}

.block-videotips-banner--mobile .banner-tool-icon--rt {
  right: 8px;
  top: 8px;
}

.block-videotips-banner--mobile .banner-tool-icon--rb {
  right: 8px;
  bottom: 8px;
}

.block-videotips-banner .banner-tool {
  position: absolute;
  top: 50%;
  left: 50px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 300px;
  height: 154px;
  background-color: #000;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-transform: uppercase;
  padding: 20px 30px 20px 50px;
}

.block-videotips-banner .banner-tool-title {
  font-size: 20px;
  color: white;
  text-transform: lowercase;
  font-family: 'HaasGrotDisp-65Medium';
  font-weight: bold;
  text-align: left;
  text-transform: uppercase;
}

.block-videotips-banner .banner-tool-icon {
  position: absolute;
  background-image: url(../images/videotips/icon-polygon.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: 12px;
  height: 12px;
}

.block-videotips-banner .banner-tool-icon--lt {
  left: 8px;
  top: 8px;
}

.block-videotips-banner .banner-tool-icon--lb {
  left: 8px;
  bottom: 8px;
}

.block-videotips-banner .banner-tool-icon--rt {
  right: 8px;
  top: 8px;
}

.block-videotips-banner .banner-tool-icon--rb {
  right: 8px;
  bottom: 8px;
}

.block-videotips-list {
  display: block;
  font-size: 0;
  margin-top: 47px;
  position: relative;
  height: auto;
  min-height: 400px;
}
.block-videotips-list-home {
  display: block;
  font-size: 0;
  margin-top: 17px;
  position: relative;
  height: auto;
}

@media screen and (max-width: 500px) {
  .block-videotips-list {
    margin-top: 0;
  }
  .block-videotips-list-home {
    margin-top: 0;
  }
}

.block-videotips-list p {
  font-size: 20px;
  text-align: center;
  font-family: 'HaasGrotDisp-45Light';
}

.block-videotips-list .project-list-item {
  display: inline-block;
  width: 50%;
  background-color: #fff;
  font-size: 16px;
  text-align: center;
  padding: 30px 0px;
  font-size: 0px;
  vertical-align: top;
  height: 280px;
}
.block-videotips-list-home p {
  font-size: 20px;
  text-align: center;
  font-family: 'HaasGrotDisp-45Light';
}

.block-videotips-list-home .project-list-item {
  display: inline-block;
  width: 50%;
  background-color: #fff;
  font-size: 16px;
  text-align: center;
  padding: 30px 0px;
  font-size: 0px;
  vertical-align: top;
  height: 280px;
}

.block-videotips-list .project-list-item:nth-child(odd) {
  border-bottom: 1px solid #e1e1e1;
  border-right: 1px solid #e1e1e1;
}
.block-videotips-list-home .project-list-item:nth-child(odd) {
  border-bottom: 1px solid #e1e1e1;
  border-right: 1px solid #e1e1e1;
}

@media screen and (max-width: 500px) {
  .block-videotips-list .project-list-item:nth-child(odd) {
    border-bottom: 1px solid #e1e1e1;
    border-right: none;
  }
  .block-videotips-list-home .project-list-item:nth-child(odd) {
    border-bottom: 1px solid #e1e1e1;
    border-right: none;
  }
}

.block-videotips-list .project-list-item:nth-child(even) {
  padding: 30px 0px 30px 30px;
  border-bottom: 1px solid #e1e1e1;
}
.block-videotips-list-home .project-list-item:nth-child(even) {
  padding: 30px 0px 30px 30px;
  border-bottom: 1px solid #e1e1e1;
}

@media screen and (max-width: 500px) {
  .block-videotips-list .project-list-item:nth-child(even) {
    padding: 30px 0px;
  }
  .block-videotips-list-home .project-list-item:nth-child(even) {
    padding: 30px 0px;
  }
}

@media screen and (max-width: 900px) {
  .block-videotips-list .project-list-item {
    width: 70%;
    display: block;
    margin: 0 auto;
    height: auto;
  }
  .block-videotips-list-home .project-list-item {
    width: 70%;
    display: block;
    margin: 0 auto;
    height: auto;
  }
}

@media screen and (max-width: 500px) {
  .block-videotips-list .project-list-item {
    width: 100%;
    height: auto;
  }
  .block-videotips-list-home .project-list-item {
    width: 100%;
    height: auto;
  }
}

.block-videotips-list .project-list-item.pdr {
  padding: 30px 0px 30px 30px;
}
.block-videotips-list-home .project-list-item.pdr {
  padding: 30px 0px 30px 30px;
}

@media screen and (max-width: 900px) {
  .block-videotips-list .project-list-item.pdr {
    padding: 30px 0px;
  }
  .block-videotips-list-home .project-list-item.pdr {
    padding: 30px 0px;
  }
}

.block-videotips-list .project-list-item--bl {
  border-bottom: 1px solid #e1e1e1;
  border-right: 1px solid #e1e1e1;
}

.block-videotips-list-home .project-list-item--bl {
  border-bottom: 1px solid #e1e1e1;
  border-right: 1px solid #e1e1e1;
}

@media screen and (max-width: 900px) {
  .block-videotips-list .project-list-item--bl {
    border-right: none;
  }
  .block-videotips-list-home .project-list-item--bl {
    border-right: none;
  }
}

.block-videotips-list .project-list-item--br {
  border-bottom: 1px solid #e1e1e1;
}

.block-videotips-list .project-list-item .item-image {
  position: relative;
  display: inline-block;
  width: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 210px;
  vertical-align: top;
  cursor: pointer;
}

.block-videotips-list-home .project-list-item--br {
  border-bottom: 1px solid #e1e1e1;
}

.block-videotips-list-home .project-list-item .item-image {
  position: relative;
  display: inline-block;
  width: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 210px;
  vertical-align: top;
  cursor: pointer;
}
@media screen and (max-width: 500px) {
  .block-videotips-list .project-list-item .item-image {
    width: 100%;
    display: block;
  }
  .block-videotips-list-home .project-list-item .item-image {
    width: 100%;
    display: block;
  }
}

.block-videotips-list .project-list-item .item-image-video--obragruesa-01 {
  background-image: url(../images/videotips/obragruesa-01.png);
}

.block-videotips-list-home .project-list-item .item-image-video--obragruesa-01 {
  background-image: url(../images/videotips/obragruesa-01.png);
}

@media screen and (max-width: 500px) {
  .block-videotips-list .project-list-item .item-image-video--obragruesa-01 {
    background-image: url(../images/videotips/obragruesa-01@2x.png);
    background-position: center right;
  }
  .block-videotips-list-home .project-list-item .item-image-video--obragruesa-01 {
    background-image: url(../images/videotips/obragruesa-01@2x.png);
    background-position: center right;
  }
}

.block-videotips-list .project-list-item .item-image-video--obragruesa-02 {
  background-image: url(../images/videotips/obragruesa-02.png);
}

.block-videotips-list-home .project-list-item .item-image-video--obragruesa-02 {
  background-image: url(../images/videotips/obragruesa-02.png);
}

@media screen and (max-width: 500px) {
  .block-videotips-list .project-list-item .item-image-video--obragruesa-02 {
    background-image: url(../images/videotips/obragruesa-02@2x.png);
    background-position: center right;
  }
  .block-videotips-list-home .project-list-item .item-image-video--obragruesa-02 {
    background-image: url(../images/videotips/obragruesa-02@2x.png);
    background-position: center right;
  }
}

.block-videotips-list .project-list-item .item-image-video--obragruesa-03 {
  background-image: url(../images/videotips/obragruesa-03.png);
}

.block-videotips-list-home .project-list-item .item-image-video--obragruesa-03 {
  background-image: url(../images/videotips/obragruesa-03.png);
}

@media screen and (max-width: 500px) {
  .block-videotips-list .project-list-item .item-image-video--obragruesa-03 {
    background-image: url(../images/videotips/obragruesa-03@2x.png);
    background-position: center right;
  }
  .block-videotips-list-home .project-list-item .item-image-video--obragruesa-03 {
    background-image: url(../images/videotips/obragruesa-03@2x.png);
    background-position: center right;
  }
}

.block-videotips-list .project-list-item .item-image-video--obragruesa-04 {
  background-image: url(../images/videotips/obragruesa-04.png);
}
.block-videotips-list-home .project-list-item .item-image-video--obragruesa-04 {
  background-image: url(../images/videotips/obragruesa-04.png);
}

@media screen and (max-width: 500px) {
  .block-videotips-list .project-list-item .item-image-video--obragruesa-04 {
    background-image: url(../images/videotips/obragruesa-04@2x.png);
    background-position: center right;
  }
  .block-videotips-list-home .project-list-item .item-image-video--obragruesa-04 {
    background-image: url(../images/videotips/obragruesa-04@2x.png);
    background-position: center right;
  }
}

.block-videotips-list .project-list-item .item-image-video--obragruesa-05 {
  background-image: url(../images/videotips/obragruesa-05.png);
}
.block-videotips-list-home .project-list-item .item-image-video--obragruesa-05 {
  background-image: url(../images/videotips/obragruesa-05.png);
}

@media screen and (max-width: 500px) {
  .block-videotips-list .project-list-item .item-image-video--obragruesa-05 {
    background-image: url(../images/videotips/obragruesa-05@2x.png);
    background-position: center right;
  }
  .block-videotips-list-home .project-list-item .item-image-video--obragruesa-05 {
    background-image: url(../images/videotips/obragruesa-05@2x.png);
    background-position: center right;
  }
}

.block-videotips-list .project-list-item .item-image-video--obragruesa-06 {
  background-image: url(../images/videotips/obragruesa-06.png);
}

.block-videotips-list-home .project-list-item .item-image-video--obragruesa-06 {
  background-image: url(../images/videotips/obragruesa-06.png);
}

@media screen and (max-width: 500px) {
  .block-videotips-list .project-list-item .item-image-video--obragruesa-06 {
    background-image: url(../images/videotips/obragruesa-06@2x.png);
    background-position: center right;
  }
  .block-videotips-list-home .project-list-item .item-image-video--obragruesa-06 {
    background-image: url(../images/videotips/obragruesa-06@2x.png);
    background-position: center right;
  }
}

.block-videotips-list .project-list-item .item-image-video--herramienta-01 {
  background-image: url(../images/videotips/herramienta-01.png);
}
.block-videotips-list-home .project-list-item .item-image-video--herramienta-01 {
  background-image: url(../images/videotips/herramienta-01.png);
}


@media screen and (max-width: 500px) {
  .block-videotips-list .project-list-item .item-image-video--herramienta-01 {
    background-image: url(../images/videotips/herramienta-01@2x.png);
    background-position: center right;
  }
  .block-videotips-list-home .project-list-item .item-image-video--herramienta-01 {
    background-image: url(../images/videotips/herramienta-01@2x.png);
    background-position: center right;
  }
}

.block-videotips-list .project-list-item .item-image-video--herramienta-01 {
  background-image: url(../images/videotips/herramienta-01@2x.png);
  background-position: center right;
}

.block-videotips-list-home .project-list-item .item-image-video--herramienta-01 {
  background-image: url(../images/videotips/herramienta-01@2x.png);
  background-position: center right;
}

@media screen and (max-width: 500px) {
  .block-videotips-list .project-list-item .item-image-video--gasfiteria-01 {
    background-image: url(../images/videotips/gasfiteria-01@2x.png);
    background-position: center right;
  }
  .block-videotips-list-home .project-list-item .item-image-video--gasfiteria-01 {
    background-image: url(../images/videotips/gasfiteria-01@2x.png);
    background-position: center right;
  }
}

.block-videotips-list .project-list-item .item-image-video--gasfiteria-02 {
  background-image: url(../images/videotips/gasfiteria-02.png);
}
.block-videotips-list-home .project-list-item .item-image-video--gasfiteria-02 {
  background-image: url(../images/videotips/gasfiteria-02.png);
}

@media screen and (max-width: 500px) {
  .block-videotips-list .project-list-item .item-image-video--gasfiteria-02 {
    background-image: url(../images/videotips/gasfiteria-02@2x.png);
    background-position: center right;
  }
  .block-videotips-list-home .project-list-item .item-image-video--gasfiteria-02 {
    background-image: url(../images/videotips/gasfiteria-02@2x.png);
    background-position: center right;
  }
}

.block-videotips-list .project-list-item .item-image-video--gasfiteria-03 {
  background-image: url(../images/videotips/gasfiteria-03.png);
}

.block-videotips-list-home .project-list-item .item-image-video--gasfiteria-03 {
  background-image: url(../images/videotips/gasfiteria-03.png);
}

@media screen and (max-width: 500px) {
  .block-videotips-list .project-list-item .item-image-video--gasfiteria-03 {
    background-image: url(../images/videotips/gasfiteria-03@2x.png);
    background-position: center right;
  }
  .block-videotips-list-home .project-list-item .item-image-video--gasfiteria-03 {
    background-image: url(../images/videotips/gasfiteria-03@2x.png);
    background-position: center right;
  }
}

.block-videotips-list .project-list-item .item-image-video--gasfiteria-04 {
  background-image: url(../images/videotips/gasfiteria-04.png);
}
.block-videotips-list-home .project-list-item .item-image-video--gasfiteria-04 {
  background-image: url(../images/videotips/gasfiteria-04.png);
}
@media screen and (max-width: 500px) {
  .block-videotips-list .project-list-item .item-image-video--gasfiteria-04 {
    background-image: url(../images/videotips/gasfiteria-04@2x.png);
    background-position: center right;
  }
  .block-videotips-list-home .project-list-item .item-image-video--gasfiteria-04 {
    background-image: url(../images/videotips/gasfiteria-04@2x.png);
    background-position: center right;
  }
}

.block-videotips-list .project-list-item .item-image-video--gasfiteria-05 {
  background-image: url(../images/videotips/gasfiteria-05.png);
}

.block-videotips-list-home .project-list-item .item-image-video--gasfiteria-05 {
  background-image: url(../images/videotips/gasfiteria-05.png);
}

@media screen and (max-width: 500px) {
  .block-videotips-list .project-list-item .item-image-video--gasfiteria-05 {
    background-image: url(../images/videotips/gasfiteria-05@2x.png);
    background-position: center right;
  }
  .block-videotips-list-home .project-list-item .item-image-video--gasfiteria-05 {
    background-image: url(../images/videotips/gasfiteria-05@2x.png);
    background-position: center right;
  }
}

.block-videotips-list .project-list-item .item-image-video--gasfiteria-06 {
  background-image: url(../images/videotips/gasfiteria-06.png);
}

.block-videotips-list-home .project-list-item .item-image-video--gasfiteria-06 {
  background-image: url(../images/videotips/gasfiteria-06.png);
}

@media screen and (max-width: 500px) {
  .block-videotips-list .project-list-item .item-image-video--gasfiteria-06 {
    background-image: url(../images/videotips/gasfiteria-06@2x.png);
    background-position: center right;
  }
  .block-videotips-list-home .project-list-item .item-image-video--gasfiteria-06 {
    background-image: url(../images/videotips/gasfiteria-06@2x.png);
    background-position: center right;
  }
}

.block-videotips-list .project-list-item .item-image-video--seguridad-01 {
  background-image: url(../images/videotips/seguridad-01.png);
}
.block-videotips-list-home .project-list-item .item-image-video--seguridad-01 {
  background-image: url(../images/videotips/seguridad-01.png);
}

@media screen and (max-width: 500px) {
  .block-videotips-list .project-list-item .item-image-video--seguridad-01 {
    background-image: url(../images/videotips/seguridad-01@2x.png);
    background-position: center right;
  }
  .block-videotips-list-home .project-list-item .item-image-video--seguridad-01 {
    background-image: url(../images/videotips/seguridad-01@2x.png);
    background-position: center right;
  }
}

.block-videotips-list .project-list-item .item-image-video--seguridad-02 {
  background-image: url(../images/videotips/seguridad-02.png);
}
.block-videotips-list-home .project-list-item .item-image-video--seguridad-02 {
  background-image: url(../images/videotips/seguridad-02.png);
}

@media screen and (max-width: 500px) {
  .block-videotips-list .project-list-item .item-image-video--seguridad-02 {
    background-image: url(../images/videotips/seguridad-02@2x.png);
    background-position: center right;
  }
  .block-videotips-list-home .project-list-item .item-image-video--seguridad-02 {
    background-image: url(../images/videotips/seguridad-02@2x.png);
    background-position: center right;
  }
}

.block-videotips-list .project-list-item .item-image-video--electricidad-01 {
  background-image: url(../images/videotips/electricidad-01.png);
}
.block-videotips-list-home .project-list-item .item-image-video--electricidad-01 {
  background-image: url(../images/videotips/electricidad-01.png);
}

@media screen and (max-width: 500px) {
  .block-videotips-list .project-list-item .item-image-video--electricidad-01 {
    background-image: url(../images/videotips/electricidad-01@2x.png);
    background-position: center right;
  }
  .block-videotips-list-home .project-list-item .item-image-video--electricidad-01 {
    background-image: url(../images/videotips/electricidad-01@2x.png);
    background-position: center right;
  }
}

.block-videotips-list .project-list-item .item-image-video--electricidad-02 {
  background-image: url(../images/videotips/electricidad-02.png);
}
.block-videotips-list-home .project-list-item .item-image-video--electricidad-02 {
  background-image: url(../images/videotips/electricidad-02.png);
}
@media screen and (max-width: 500px) {
  .block-videotips-list .project-list-item .item-image-video--electricidad-02 {
    background-image: url(../images/videotips/electricidad-02@2x.png);
    background-position: center right;
  }
  .block-videotips-list-home .project-list-item .item-image-video--electricidad-02 {
    background-image: url(../images/videotips/electricidad-02@2x.png);
    background-position: center right;
  }
}

.block-videotips-list .project-list-item .item-image-video--electricidad-03 {
  background-image: url(../images/videotips/electricidad-03.png);
}
.block-videotips-list-home .project-list-item .item-image-video--electricidad-03 {
  background-image: url(../images/videotips/electricidad-03.png);
}

@media screen and (max-width: 500px) {
  .block-videotips-list .project-list-item .item-image-video--electricidad-03 {
    background-image: url(../images/videotips/electricidad-03@2x.png);
    background-position: center right;
  }
  .block-videotips-list-home .project-list-item .item-image-video--electricidad-03 {
    background-image: url(../images/videotips/electricidad-03@2x.png);
    background-position: center right;
  }
}

.block-videotips-list .project-list-item .item-image-video--electricidad-04 {
  background-image: url(../images/videotips/electricidad-04.png);
}
.block-videotips-list-home .project-list-item .item-image-video--electricidad-04 {
  background-image: url(../images/videotips/electricidad-04.png);
}

@media screen and (max-width: 500px) {
  .block-videotips-list .project-list-item .item-image-video--electricidad-04 {
    background-image: url(../images/videotips/electricidad-04@2x.png);
    background-position: center right;
  }
  .block-videotips-list-home .project-list-item .item-image-video--electricidad-04 {
    background-image: url(../images/videotips/electricidad-04@2x.png);
    background-position: center right;
  }
}

.block-videotips-list .project-list-item .item-image-video--electricidad-05 {
  background-image: url(../images/videotips/electricidad-05.png);
}
.block-videotips-list-home .project-list-item .item-image-video--electricidad-05 {
  background-image: url(../images/videotips/electricidad-05.png);
}

@media screen and (max-width: 500px) {
  .block-videotips-list .project-list-item .item-image-video--electricidad-05 {
    background-image: url(../images/videotips/electricidad-05@2x.png);
    background-position: center right;
  }
  .block-videotips-list-home .project-list-item .item-image-video--electricidad-05 {
    background-image: url(../images/videotips/electricidad-05@2x.png);
    background-position: center right;
  }
}

.block-videotips-list .project-list-item .item-image:hover .item-overlay {
  opacity: 1;
  visibility: visible;
  background-color: rgba(255, 0, 0, 0.5);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.block-videotips-list .project-list-item .item-image .item-overlay {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 500ms;
  transition: all 500ms;
  background-color: rgba(255, 0, 0, 0.5);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.block-videotips-list .project-list-item .item-image .item-play {
  background-image: url(../images/videotips/icon-play.png);
  background-size: 40%;
  background-repeat: no-repeat;
  background-position: 18px;
  background-color: rgba(0, 0, 0, 0.6);
  -webkit-border-radius: 8px;
          border-radius: 8px;
  width: 50px;
  height: 40px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  z-index: 1;
}

.block-videotips-list-home .project-list-item .item-image:hover .item-overlay {
  opacity: 1;
  visibility: visible;
  background-color: rgba(255, 0, 0, 0.5);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.block-videotips-list-home .project-list-item .item-image .item-overlay {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 500ms;
  transition: all 500ms;
  background-color: rgba(255, 0, 0, 0.5);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.block-videotips-list-home .project-list-item .item-image .item-play {
  background-image: url(../images/videotips/icon-play.png);
  background-size: 40%;
  background-repeat: no-repeat;
  background-position: 18px;
  background-color: rgba(0, 0, 0, 0.6);
  -webkit-border-radius: 8px;
          border-radius: 8px;
  width: 50px;
  height: 40px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  z-index: 1;
}

@media screen and (max-width: 500px) {
  .block-videotips-list .project-list-item .item-image .item-play {
    width: 84px;
    height: 62px;
    background-position: 28px;
  }
  .block-videotips-list-home .project-list-item .item-image .item-play {
    width: 84px;
    height: 62px;
    background-position: 28px;
  }
}

.block-videotips-list .project-list-item .item-image:after {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 20px 0 0;
  border-color: #ffffff transparent transparent transparent;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.block-videotips-list .project-list-item .item-image:before {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 20px 20px;
  border-color: transparent transparent #ffffff transparent;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1;
}

.block-videotips-list-home .project-list-item .item-video {
  display: inline-block;
  width: 50%;
  padding: 0 18px;
  position: relative;
  height: 230px;
}

.block-videotips-list-home .project-list-item .item-image:after {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 20px 0 0;
  border-color: #ffffff transparent transparent transparent;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.block-videotips-list-home .project-list-item .item-image:before {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 20px 20px;
  border-color: transparent transparent #ffffff transparent;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1;
}

.block-videotips-list-home .project-list-item .item-video {
  display: inline-block;
  width: 50%;
  padding: 0 18px;
  position: relative;
  height: 230px;
}

@media screen and (max-width: 500px) {
  .block-videotips-list .project-list-item .item-video {
    width: 100%;
    display: block;
    padding: 0;
    margin-top: 20px;
    height: auto;
  }
  .block-videotips-list .project-list-item .item-video br {
    display: none;
  }
  .block-videotips-list-home .project-list-item .item-video {
    width: 100%;
    display: block;
    padding: 0;
    margin-top: 20px;
    height: auto;
  }
  .block-videotips-list-home .project-list-item .item-video br {
    display: none;
  }
}

.block-videotips-list .project-list-item .item-video-title {
  font-family: 'HaasGrotDisp-65Medium';
  font-size: 16px;
  text-transform: uppercase;
  text-align: left;
  margin: 0 0px 8px 0px;
  position: relative;
}

.block-videotips-list-home .project-list-item .item-video-title {
  font-family: 'HaasGrotDisp-65Medium';
  font-size: 16px;
  text-transform: uppercase;
  text-align: left;
  margin: 0 0px 8px 0px;
  position: relative;
}

@media screen and (max-width: 500px) {
  .block-videotips-list .project-list-item .item-video-title {
    margin: 0 0px 12px 0px;
  }
  .block-videotips-list-home .project-list-item .item-video-title {
    margin: 0 0px 12px 0px;
  }
  .block-videotips-list-home .project-list-item .item-video-title--obragruesa:before {
    content: '';
    background-image: url(../images/videotips/icon-obras.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 125px;
    height: 20px;
    display: block;
    margin-bottom: 5px;
  }
  .block-videotips-list-home .project-list-item .item-video-title {
    font-family: 'HaasGrotDisp-65Medium';
    font-size: 13px;
    text-transform: uppercase;
    text-align: left;
    margin: 0 0px 8px 0px;
    position: relative;
    height: 80px;
  }
  .landing .noticias .fecha span {
      display: block;
      font-size: 13px;
      font-family: 'Helvetica';
      line-height: 21px;
      padding: 0 0 0 20px!important;
      background: url(../images/calendar-mobile.jpg) no-repeat 0 2px!important;
      margin: 5px 0 0 0!important;
  }
}

.block-videotips-list .project-list-item .item-video-title--obragruesa:before {
  content: '';
  background-image: url(../images/videotips/icon-obras.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 125px;
  height: 25px;
  display: block;
  margin-bottom: 10px;
}

.block-videotips-list .project-list-item .item-video-title--seguridad:before {
  content: '';
  background-image: url(../images/videotips/icon-seguri.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 107px;
  height: 25px;
  display: block;
  margin-bottom: 10px;
}

.block-videotips-list .project-list-item .item-video-title--electricidad:before {
  content: '';
  background-image: url(../images/videotips/icon-electricidad.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 128px;
  height: 25px;
  display: block;
  margin-bottom: 10px;
}

.block-videotips-list .project-list-item .item-video-title--gasfiteria:before {
  content: '';
  background-image: url(../images/videotips/icon-gasfiteria.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 110px;
  height: 25px;
  display: block;
  margin-bottom: 10px;
}

.block-videotips-list .project-list-item .item-video-title--herramientas:before {
  content: '';
  background-image: url(../images/videotips/icon-herramientas.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 135px;
  height: 25px;
  display: block;
  margin-bottom: 10px;
}

.block-videotips-list .project-list-item .item-video-text {
  font-family: 'HaasGrotDisp-45Light';
  text-align: left;
  color: #808080;
  font-size: 14px;
}

.block-videotips-list .project-list-item .item-video-btn, .block-videotips-list .project-list-item .item-video-btn-home {
  display: block;
  width: 120px;
  height: 24px;
  margin: 10px 0 0 0;
  background-color: #cc0b0b;
  font-size: 13px;
  color: white;
  font-family: 'HaasGrotDisp-45Light';
  text-transform: uppercase;
  font-weight: bold;
  padding: 6px;
  position: absolute;
  bottom: 36px;
}




.block-videotips-list-home .project-list-item .item-video-title--obragruesa:before {
  content: '';
  background-image: url(../images/videotips/icon-obras.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 125px;
  height: 25px;
  display: block;
  margin-bottom: 10px;
}

.block-videotips-list-home .project-list-item .item-video-title--seguridad:before {
  content: '';
  background-image: url(../images/videotips/icon-seguri.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 107px;
  height: 25px;
  display: block;
  margin-bottom: 10px;
}

.block-videotips-list-home .project-list-item .item-video-title--electricidad:before {
  content: '';
  background-image: url(../images/videotips/icon-electricidad.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 128px;
  height: 25px;
  display: block;
  margin-bottom: 10px;
}

.block-videotips-list-home .project-list-item .item-video-title--gasfiteria:before {
  content: '';
  background-image: url(../images/videotips/icon-gasfiteria.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 110px;
  height: 25px;
  display: block;
  margin-bottom: 10px;
}

.block-videotips-list-home .project-list-item .item-video-title--herramientas:before {
  content: '';
  background-image: url(../images/videotips/icon-herramientas.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 135px;
  height: 25px;
  display: block;
  margin-bottom: 10px;
}

.block-videotips-list-home .project-list-item .item-video-text {
  font-family: 'HaasGrotDisp-45Light';
  text-align: left;
  color: #808080;
  font-size: 14px;
}

.block-videotips-list-home .project-list-item .item-video-btn, .block-videotips-list-home .project-list-item .item-video-btn-home {
  display: block;
  width: 120px;
  height: 24px;
  margin: 10px 0 0 0;
  background-color: #cc0b0b;
  font-size: 13px;
  color: white;
  font-family: 'HaasGrotDisp-45Light';
  text-transform: uppercase;
  font-weight: bold;
  padding: 6px;
  position: absolute;
  bottom: 36px;
}

@media screen and (max-width: 500px) {
  .block-videotips-list .project-list-item .item-video-btn, .block-videotips-list .project-list-item .item-video-btn-home {
    width: 260px;
    height: 45px;
    margin: 15px auto 0 auto;
    font-size: 20px;
    padding: 14px;
    position: relative;
    bottom: 0;
  }
  .block-videotips-list-home .project-list-item .item-video-btn, .block-videotips-list-home .project-list-item .item-video-btn-home {
    width: 260px;
    height: 45px;
    margin: 15px auto 0 auto;
    font-size: 20px;
    padding: 14px;
    position: relative;
    bottom: 0;
  }
}

.block-videotips-list .project-list-item .item-video-share {
  background-image: url(../images/videotips/icon-share.png);
  background-size: contain;
  width: 25px;
  height: 25px;
  margin-top: 10px;
  cursor: pointer;
  position: absolute;
  bottom: 0;
}
.block-videotips-list-home .project-list-item .item-video-share {
  background-image: url(../images/videotips/icon-share.png);
  background-size: contain;
  width: 25px;
  height: 25px;
  margin-top: 10px;
  cursor: pointer;
  position: absolute;
  bottom: 0;
}

@media screen and (max-width: 500px) {
  .block-videotips-list .project-list-item .item-video-share {
    position: absolute;
    right: 0;
    top: -16px;
    width: 32px;
    height: 32px;
  }
  .block-videotips-list-home .project-list-item .item-video-share {
    position: absolute;
    right: 0;
    top: -16px;
    width: 32px;
    height: 32px;
  }
}

.casa-maestro-opciones {
  padding: 55px 0px;
  height: auto;
  background-color: #000;
}

@media screen and (max-width: 768px) {
  .casa-maestro-opciones {
    height: auto;
  }
}

.casa-maestro-opciones-content {
  padding: 180px 0px 80px 0px;
  font-size: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media screen and (max-width: 768px) {
  .casa-maestro-opciones-content {
    padding: 80px 12px 12px 12px;
  }
}

.casa-maestro-opciones-content .casa-maestro-block {
  cursor: pointer;
  position: relative;
  display: inline-block;
  width: 370px;
  font-size: 16px;
  font-family: 'Blender';
  color: #fff;
  text-align: center;
  vertical-align: middle;
  margin: 0px 20px;
}

@media screen and (max-width: 768px) {
  .casa-maestro-opciones-content .casa-maestro-block {
    width: 320px;
  }
}

@media screen and (max-width: 320px) {
  .casa-maestro-opciones-content .casa-maestro-block {
    width: 300px;
  }
}

.casa-maestro-opciones-content .casa-maestro-block .casa-maestro-block-scale {
  overflow: hidden;
}

.casa-maestro-opciones-content .casa-maestro-block .casa-maestro-block-triangle-right {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 24px 24px 0;
  border-color: transparent #000 transparent transparent;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}

.casa-maestro-opciones-content .casa-maestro-block .casa-maestro-block-triangle-left {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 24px 24px 0 0;
  border-color: #000 transparent transparent transparent;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

@media screen and (max-width: 768px) {
  .casa-maestro-opciones-content .casa-maestro-block {
    display: block;
  }
}

.casa-maestro-opciones-content .casa-maestro-block:hover .btn-casa {
  background-color: #fff;
  color: #333;
}

.casa-maestro-opciones-content .casa-maestro-block:hover .btn-casa:after {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 15px 7px 0;
  border-color: transparent #333 transparent transparent;
  margin-left: 6px;
  margin-bottom: 4px;
}

.casa-maestro-opciones-content .casa-maestro-block:hover .btn-casa:before {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 0 7px 15px;
  border-color: transparent transparent transparent #333;
  margin-right: 6px;
  margin-bottom: 4px;
}

.casa-maestro-opciones-content .casa-maestro-block:hover .img-casa {
  -webkit-transform: scale(1.3);
      -ms-transform: scale(1.3);
          transform: scale(1.3);
}

.casa-maestro-opciones-content .casa-maestro-block .img-casa {
  display: block;
  margin: 0 auto;
  width: 100%;
  -webkit-transition: all 500ms;
  transition: all 500ms;
}

.casa-maestro-opciones-content .casa-maestro-block .btn-casa {
  position: relative;
  margin: 20px auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 370px;
  height: 48px;
  padding: 12px 14px;
  background-color: #cc0c0c;
  font-family: 'UnitedSansReg-Black';
  text-transform: uppercase;
  color: #fff;
  font-size: 16px;
}

@media screen and (max-width: 768px) {
  .casa-maestro-opciones-content .casa-maestro-block .btn-casa {
    width: 320px;
  }
}

@media screen and (max-width: 320px) {
  .casa-maestro-opciones-content .casa-maestro-block .btn-casa {
    width: 300px;
  }
}

.casa-maestro-opciones-content .casa-maestro-block-large {
  display: block;
  width: 100%;
  margin-bottom: 50px;
}

@media screen and (max-width: 768px) {
  .casa-maestro-opciones-content .casa-maestro-block-large {
    width: auto;
  }
}

@media screen and (width: 768px) and (orientation: portrait) {
  body {
    overflow: hidden;
  }
  #overlay-orientation {
    opacity: 1;
    visibility: visible;
  }
  #overlay-orientation .orientation-warning {
    top: 50%;
  }
}

@media screen and (max-width: 767px) and (orientation: landscape) {
  body {
    overflow: hidden;
  }
  #overlay-orientation {
    opacity: 1;
    visibility: visible;
  }
  #overlay-orientation .orientation-warning {
    top: 50%;
  }
}

@media screen and (max-width: 1300px) {
  #modal-video-what-is .modal-video-footer p {
    font-size: 15.5px;
  }
  #modal-video-what-is .modal-video-inside {
    width: 600px;
    height: 260px;
    top: 36%;
  }
  #modal-video-what-is .modal-video-inside #video-play-what-is {
    width: 600px;
    height: 260px;
  }
  #que-es .que-es-video {
    width: 600px;
    height: 260px;
    top: 40%;
  }
  #que-es .que-es-video iframe {
    width: 600px;
    height: 260px;
  }
  #que-es .que-es-info p {
    font-size: 15.5px;
  }
}

@media screen and (max-width: 959px) {
  .content-g {
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  * {
    -webkit-tap-highlight-color: transparent;
    -moz-tap-highlight-color: transparent;
  }
  #que-es .que-es-video {
    width: 320px !important;
    height: 250px !important;
  }
  #que-es .que-es-video iframe {
    width: 320px !important;
    height: 250px !important;
  }
  #que-es .que-es-info {
    width: 100%;
    bottom: 0;
    height: auto;
    padding: 16px;
  }
  #que-es .que-es-info .que-es-triangle {
    display: none;
  }
  #que-es .que-es-info h3 {
    text-align: center;
    font-size: 16px;
  }
  #que-es .que-es-info p {
    width: auto;
    height: auto;
    font-size: 15px;
  }
  .content-page-build-well {
    height: auto;
    min-height: auto;
    padding-top: 80px;
  }
  .content-page-build-well .overlay-images .content-image img {
    max-width: 90%;
  }
  .content-page-build-well .sidebar-build-well {
    width: 100%;
    height: auto !important;
    min-height: auto !important;
    display: block;
    position: relative !important;
    padding-bottom: 0px !important;
  }
  .content-page-build-well .sidebar-build-well .sidebar--title-mobile {
    color: #fff;
    display: block;
    padding: 25px 20px;
    font-size: 27px;
    font-family: 'UnitedSansRegStencil', sans-serif;
    position: relative;
  }
  .content-page-build-well .sidebar-build-well .sidebar--title-mobile .icon--title {
    background: url("../images/landing/ico/toogle-mb.png");
    background-size: 100% auto;
    background-repeat: no-repeat;
    width: 46px;
    height: 32px;
    position: absolute;
    top: 22px;
    left: 50%;
    margin-left: -22px;
    -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-transition: all 0.35s 0.25s;
    transition: all 0.35s 0.25s;
  }
  .content-page-build-well .sidebar-build-well .sidebar--title-mobile .icon--title.icon--title-rotate {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  .content-page-build-well .sidebar-build-well .menu-topic {
    display: none;
  }
  .content-page-build-well .sidebar-build-well .menu-topic .btn-submenu .label {
    width: 100%;
  }
  .content-page-build-well .content-build-well-home .text-build-well {
    height: auto !important;
  }
  .content-page-build-well .content-build-well-home .text-build-well .title-build-well {
    font-size: 22px !important;
  }
  .content-page-build-well .content-build-well-home .banner-build-well {
    width: 100% !important;
    min-width: 100% !important;
    background-size: cover !important;
    background-position: top center !important;
    height: 300px !important;
  }
  .content-page-build-well .content-build-well {
    width: 100%;
    display: block;
    left: 0;
  }
  .content-page-build-well .content-build-well .content-build-well-title .content-title {
    height: auto;
  }
  .content-page-build-well .content-build-well .content-build-well-title .content-title .num {
    font-size: 20px;
  }
  .content-page-build-well .content-build-well .content-build-well-title .content-title .title {
    font-size: 14px;
    padding: 0 4px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .content-page-build-well .content-build-well .content-build-well-body .blocks .block-50per,
  .content-page-build-well .content-build-well .content-build-well-body .blocks .block-40per,
  .content-page-build-well .content-build-well .content-build-well-body .blocks .block-60per {
    width: 100%;
  }
  .content-page-build-well .content-build-well .content-build-well-body .arrow-subtitle .text {
    font-size: 14px;
  }
  .content-page-build-well .content-build-well .content-build-well-body .content-image-glass {
    margin-bottom: 65px;
  }
  .content-page-build-well .content-build-well .content-build-well-body .content-image-glass img {
    float: initial;
  }
  #video-share {
    position: fixed;
  }
  #video-share .video-share-inside {
    width: 90%;
    position: fixed;
    padding: 50px 21px 20px 21px;
  }
  #video-share .video-share-inside .link-share {
    width: 100%;
  }
  #video-modal-view {
    position: fixed;
  }
  #video-modal-view .video-full-modal {
    width: 90%;
    padding: 64px 40px 40px 40px;
    height: auto;
    position: fixed;
  }
  #video-modal-view .video-full-modal .video-full--data {
    width: 100%;
    display: block;
    height: auto;
    margin-bottom: 18px;
  }
  #video-modal-view .video-full-modal .video-full--data .title-video {
    width: 100%;
    font-size: 22px;
  }
  #video-modal-view .video-full-modal .video-full--data p {
    width: 100%;
  }
  #video-modal-view .video-full-modal .video-full--video {
    width: 100%;
    height: 180px;
    display: block;
  }
  #video-modal-view .video-full-modal .video-full--video iframe {
    width: 100%;
    height: 180px;
  }
  #content-videos-infographics {
    height: auto;
    padding: 0px 21px;
  }
  #content-videos-infographics .content-videos-videos {
    height: auto;
  }
  #content-videos-infographics .content-videos-videos .content-list--videos {
    height: auto;
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
    -webkit-transform: initial;
        -ms-transform: initial;
            transform: initial;
    padding: 100px 0px 40px 0px;
  }
  #content-videos-infographics .content-videos-videos .content-list--videos .content-list--menu {
    margin-bottom: 23px;
  }
  #content-videos-infographics .content-videos-videos .content-list--videos .content-list--menu .content-list--options {
    display: none;
  }
  #content-videos-infographics .content-videos-videos .content-list--videos .content-list--menu .content-list--search--mobile {
    display: block;
    width: 100%;
    background: #fff;
    margin-top: 8px;
    -webkit-border-radius: 0px;
            border-radius: 0px;
    font-family: 'Blender';
  }
  #content-videos-infographics .content-videos-videos .content-list--videos .content-list--menu .content-list--search--mobile .title {
    padding-left: 18px;
    position: relative;
    font-size: 22px;
    color: gray;
    height: 37px;
    display: block;
    padding-top: 8px;
    border-top: 1px solid gray;
    border-left: 1px solid gray;
    border-bottom: 1px solid gray;
    border-right: 0;
  }
  #content-videos-infographics .content-videos-videos .content-list--videos .content-list--menu .content-list--search--mobile .title:focus {
    outline: none;
    background-color: transparent;
  }
  #content-videos-infographics .content-videos-videos .content-list--videos .content-list--menu .content-list--search--mobile .title .icon--arrow {
    position: absolute;
    cursor: pointer;
    right: 0;
    top: 0;
    width: 40px;
    height: 36px;
    background: #000;
  }
  #content-videos-infographics .content-videos-videos .content-list--videos .content-list--menu .content-list--search--mobile .title .icon--arrow .icon {
    background: url("../images/landing/ico/arrow-mb-mb.png");
    background-position: initial;
    background-size: 100% auto;
    width: 24px;
    height: 16px;
    margin-top: 10px;
    margin-left: 8px;
    -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-transition: all 0.45s 0.25s;
    transition: all 0.45s 0.25s;
  }
  #content-videos-infographics .content-videos-videos .content-list--videos .content-list--menu .content-list--search--mobile .title .icon--arrow .icon.rotate-mb {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  #content-videos-infographics .content-videos-videos .content-list--videos .content-list--menu .content-list--search--mobile ul {
    display: none;
    padding-left: 18px;
    padding-right: 18px;
    width: 100%;
    font-size: 22px;
    padding-top: 12px;
    padding-bottom: 12px;
    color: gray;
    border-bottom: 1px solid gray;
    border-left: 1px solid gray;
    border-right: 1px solid gray;
  }
  #content-videos-infographics .content-videos-videos .content-list--videos .content-list--menu .content-list--search--mobile ul li {
    margin-bottom: 20px;
    border-bottom: 1px dotted gray;
    padding-bottom: 4px;
  }
  #content-videos-infographics .content-videos-videos .content-list--videos .content-list--menu .content-list--search--mobile ul li:hover, #content-videos-infographics .content-videos-videos .content-list--videos .content-list--menu .content-list--search--mobile ul li:focus {
    outline: none;
  }
  #content-videos-infographics .content-videos-videos .content-list--videos .content-list--menu .content-list--search--mobile ul li:last-child {
    margin-bottom: 0px;
    border-bottom: none;
    padding-bottom: 0px;
  }
  #content-videos-infographics .content-videos-videos .content-list--videos .content-list--menu .content-list--search--mobile ul li a {
    display: block;
    width: 100%;
    height: 100%;
  }
  #content-videos-infographics .content-videos-videos .content-list--videos .content-list--menu .content-list--search--mobile ul li a:hover, #content-videos-infographics .content-videos-videos .content-list--videos .content-list--menu .content-list--search--mobile ul li a:focus {
    outline: none;
  }
  #content-videos-infographics .content-videos-videos .content-list--videos .content-list--menu .content-list--search {
    padding-left: 0;
    width: 100%;
    height: 37px;
  }
  #content-videos-infographics .content-videos-videos .content-list--videos .content-list--menu .content-list--search .icon-block {
    width: 40px;
    height: 37px;
  }
  #content-videos-infographics .content-videos-videos .content-list--videos .content-list--menu .content-list--search .icon-block .icon--searching {
    background: url("../images/landing/ico/search-mb-mb.png");
    background-position: initial;
    background-size: 100% auto;
    width: 21px;
    height: 21px;
    margin-top: 8px;
  }
  #content-videos-infographics .content-videos-videos .content-list--videos .content-list--menu .content-list--search .search--video {
    width: 100%;
    padding-left: 18px;
    -webkit-border-radius: 0px;
            border-radius: 0px;
    height: 37px;
  }
  #content-videos-infographics .content-videos-videos .content-list--videos .content-list--videos-links {
    height: auto;
  }
  #content-videos-infographics .content-videos-videos .content-list--videos .content-list--videos-links .content-block {
    display: block;
    width: 100%;
    margin-bottom: 60px;
    height: 220px;
    -webkit-transition: initial;
    transition: initial;
    -webkit-transform: initial;
        -ms-transform: initial;
            transform: initial;
  }
  #content-videos-infographics .content-videos-videos .content-list--videos .content-list--videos-links .content-block:hover {
    -webkit-transition: initial;
    transition: initial;
    -webkit-transform: initial;
        -ms-transform: initial;
            transform: initial;
  }
  #content-videos-infographics .content-videos-videos .content-list--videos .content-list--videos-links .content-block:hover .content-block--overlay {
    background: rgba(0, 0, 0, 0.5);
  }
  #content-videos-infographics .content-videos-videos .content-list--videos .content-list--videos-links .content-block.active-filter {
    display: block;
    width: 100%;
  }
  #content-videos-infographics .content-videos-videos .content-list--videos .content-list--videos-links .content-block.disable-filter {
    display: none;
  }
  #content-videos-infographics .content-videos-videos .content-list--videos .content-list--videos-links .content-block .icon--share {
    top: 16px;
    right: 18px;
    background: url("../images/landing/ico/share-mb.png");
    width: 26px;
    height: 26px;
    background-size: 100% auto;
    background-position: initial;
  }
  #content-videos-infographics .content-videos-videos .content-list--videos .content-list--videos-links .content-block .content-block--overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
  }
  #content-videos-infographics .content-videos-videos .content-list--videos .content-list--videos-links .content-block .content-block--overlay .title {
    color: #000;
    bottom: -40px;
    left: 0;
    width: 100%;
    height: auto;
    min-height: 32px;
  }
  #content-videos-infographics .content-videos-videos .content-list--videos .content-list--videos-links .content-block .content-block--overlay .icon--block-video {
    cursor: pointer;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: perspective(1px) translate(-50%, -50%);
    transform: perspective(1px) translate(-50%, -50%);
    width: 94px;
    height: 73px;
    background: rgba(21, 18, 17, 0.7);
    -webkit-border-radius: 10px;
            border-radius: 10px;
  }
  #content-videos-infographics .content-videos-videos .content-list--videos .content-list--videos-links .content-block .content-block--overlay .icon--block-video .icon--play-video {
    background-image: url("../images/landing/ico/play-mb-mb.png");
    width: 37px;
    height: 43px;
    margin-left: 32px;
    margin-top: 16px;
    background-position: initial;
  }
  .visible-sm {
    display: block !important;
  }
  #content-project--footer {
    height: 130px;
  }
  #content-project--footer .content-project--footer-inside .title {
    font-size: 24px;
    margin-bottom: 12px;
  }
  #content-project--footer .content-project--footer-inside p {
    font-size: 18px;
    overflow: hidden;
    height: auto;
    text-overflow: ellipsis;
    padding: 0px 4px;
  }
  #content-project-infographics {
    background: #fff;
    height: auto;
    min-height: 718px;
    padding-bottom: 0;
    padding-top: 80px;
  }
  #content-project-infographics .content-project-inside .content-list--projects-desktop {
    display: none;
  }
  #content-project-infographics .content-project-inside .content-list--projects-mobile {
    display: block;
    padding: 66px 31px;
    height: 100%;
  }
  #content-project-infographics .content-project-inside .content-list--projects-mobile .content-list--projects {
    display: block;
    font-size: 0;
    height: 540px;
    margin: 0 auto;
    width: 340px;
  }
  #content-project-infographics .content-project-inside .content-list--projects-mobile .content-list--projects .owl-stage-outer {
    height: 100%;
    width: 100%;
    overflow: hidden;
  }
  #content-project-infographics .content-project-inside .content-list--projects-mobile .content-list--projects .owl-stage-outer .owl-stage {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  #content-project-infographics .content-project-inside .content-list--projects-mobile .content-list--projects .owl-stage-outer .owl-stage .content-list--inside .content-list--block.project {
    margin: 5px;
  }
  #content-project-infographics .content-project-inside .content-list--projects-mobile .content-list--projects .owl-prev {
    background: none;
    display: block;
    position: absolute;
    background-color: transparent;
    top: 50%;
    margin-top: -30px;
    left: -30px;
  }
  #content-project-infographics .content-project-inside .content-list--projects-mobile .content-list--projects .owl-prev .icon--prev {
    background-image: url(../images/sprite-landing-img.png);
    background-position: 0px -1479px;
    width: 28px;
    height: 61px;
  }
  #content-project-infographics .content-project-inside .content-list--projects-mobile .content-list--projects .owl-prev .icon--prev:hover, #content-project-infographics .content-project-inside .content-list--projects-mobile .content-list--projects .owl-prev .icon--prev:focus {
    background-color: transparent !important;
    outline: none;
  }
  #content-project-infographics .content-project-inside .content-list--projects-mobile .content-list--projects .owl-next {
    background-color: transparent;
    position: absolute;
    top: 50%;
    margin-top: -30px;
    right: -30px;
  }
  #content-project-infographics .content-project-inside .content-list--projects-mobile .content-list--projects .owl-next .icon--next {
    background-image: url(../images/sprite-landing-img.png);
    background-position: -34px -1479px;
    width: 28px;
    height: 61px;
  }
  #content-project-infographics .content-project-inside .content-list--projects-mobile .content-list--projects .owl-next .icon--next:hover, #content-project-infographics .content-project-inside .content-list--projects-mobile .content-list--projects .owl-next .icon--next:focus {
    background-color: transparent !important;
    outline: none;
  }
  #content-project-infographics .content-project-inside .content-list--projects-mobile .content-list--projects .owl-dots {
    background-color: transparent;
    display: block;
    height: 15px;
    margin: 0 auto;
    text-align: center;
    width: 100%;
  }
  #content-project-infographics .content-project-inside .content-list--projects-mobile .content-list--projects .owl-dots .owl-dot {
    background-image: url(../images/sprite-landing-img.png);
    background-position: -1707px -1237px;
    width: 18px;
    height: 15px;
    display: inline-block;
    margin: 0 2px;
  }
  #content-project-infographics .content-project-inside .content-list--projects-mobile .content-list--projects .owl-dots .owl-dot.active {
    background-image: url(../images/sprite-landing-img.png);
    background-position: -1731px -1237px;
    width: 18px;
    height: 15px;
  }
  #content-project-infographics .content-project-inside .content-list--projects-mobile .content-list--inside {
    height: 100%;
    width: 386px;
    display: block;
    margin: 0 auto;
    font-size: 0;
  }
  #content-project-infographics .content-project-inside .content-list--projects-mobile .content-list--inside .owl-prev {
    background: none;
    display: block;
    position: absolute;
    background-color: transparent;
    top: 50%;
    margin-top: -30px;
    left: 21px;
  }
  #content-project-infographics .content-project-inside .content-list--projects-mobile .content-list--inside .owl-prev .icon--prev {
    background-image: url(../images/sprite-landing-img.png);
    background-position: 0px -1479px;
    width: 28px;
    height: 61px;
  }
  #content-project-infographics .content-project-inside .content-list--projects-mobile .content-list--inside .owl-prev .icon--prev:hover, #content-project-infographics .content-project-inside .content-list--projects-mobile .content-list--inside .owl-prev .icon--prev:focus {
    background-color: transparent !important;
    outline: none;
  }
  #content-project-infographics .content-project-inside .content-list--projects-mobile .content-list--inside .owl-next {
    background-color: transparent;
    position: absolute;
    top: 50%;
    margin-top: -30px;
    right: 21px;
  }
  #content-project-infographics .content-project-inside .content-list--projects-mobile .content-list--inside .owl-next .icon--next {
    background-image: url(../images/sprite-landing-img.png);
    background-position: -34px -1479px;
    width: 28px;
    height: 61px;
  }
  #content-project-infographics .content-project-inside .content-list--projects-mobile .content-list--inside .owl-next .icon--next:hover, #content-project-infographics .content-project-inside .content-list--projects-mobile .content-list--inside .owl-next .icon--next:focus {
    background-color: transparent !important;
    outline: none;
  }
  #content-project-infographics .content-project-inside .content-list--projects-mobile .content-list--inside .owl-dots {
    display: block;
    width: 45px;
    height: 15px;
    margin: 0 auto;
    background-color: transparent;
  }
  #content-project-infographics .content-project-inside .content-list--projects-mobile .content-list--inside .owl-dots .owl-dot {
    background-image: url(../images/sprite-landing-img.png);
    background-position: -1707px -1237px;
    width: 18px;
    height: 15px;
    display: inline-block;
    margin: 0 2px;
  }
  #content-project-infographics .content-project-inside .content-list--projects-mobile .content-list--inside .owl-dots .owl-dot.active {
    background-image: url(../images/sprite-landing-img.png);
    background-position: -1731px -1237px;
    width: 18px;
    height: 15px;
  }
  #content-project-infographics .content-project-inside .content-list--projects-mobile .content-list--inside .owl-stage-outer {
    height: 100%;
    width: 100%;
    overflow: hidden;
  }
  #content-project-infographics .content-project-inside .content-list--projects-mobile .content-list--inside .owl-stage-outer .owl-stage {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  #content-project-infographics .content-project-inside .content-list--projects-mobile .content-list--inside .owl-stage-outer .owl-stage .content-list--block {
    position: relative;
    display: inline-block;
    height: 167px;
    width: 193px;
    font-size: 14px;
    background: #000;
    margin-bottom: 3px;
  }
  #content-project-infographics .content-project-inside .content-list--projects-mobile .content-list--inside .owl-stage-outer .owl-stage .content-list--block.project {
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 100% auto !important;
  }
  #content-project-infographics .content-project-inside .content-list--projects-mobile .content-list--inside .owl-stage-outer .owl-stage .content-list--block.project.tierra {
    background: url("../images/project-1.png");
  }
  #content-project-infographics .content-project-inside .content-list--projects-mobile .content-list--inside .owl-stage-outer .owl-stage .content-list--block.project.pisos {
    background: url("../images/project-2.png");
  }
  #content-project-infographics .content-project-inside .content-list--projects-mobile .content-list--inside .owl-stage-outer .owl-stage .content-list--block.project.pintura {
    background: url("../images/project-3.png");
  }
  #content-project-infographics .content-project-inside .content-list--projects-mobile .content-list--inside .owl-stage-outer .owl-stage .content-list--block.project.bano {
    background: url("../images/project-4.png");
  }
  #content-project-infographics .content-project-inside .content-list--projects-mobile .content-list--inside .owl-stage-outer .owl-stage .content-list--block.project.desague {
    background: url("../images/project-5.png");
  }
  #content-project-infographics .content-project-inside .content-list--projects-mobile .content-list--inside .owl-stage-outer .owl-stage .content-list--block.project.techo {
    background: url("../images/project-6.png");
  }
  #content-project-infographics .content-project-inside .content-list--projects-mobile .content-list--inside .owl-stage-outer .owl-stage .content-list--block.project.seguridad {
    background: url("../images/project-7.png");
  }
  #content-project-infographics .content-project-inside .content-list--projects-mobile .content-list--inside .owl-stage-outer .owl-stage .content-list--block.project.puertas {
    background: url("../images/project-8.png");
  }
  #content-project-infographics .content-project-inside .content-list--projects-mobile .content-list--inside .owl-stage-outer .owl-stage .content-list--block.project.materiales {
    background: url("../images/project-9.png");
  }
  #content-project-infographics .content-project-inside .content-list--projects-mobile .content-list--inside .owl-stage-outer .owl-stage .content-list--block.project.electrico {
    background: url("../images/project-10.png");
  }
  #content-project-infographics .content-project-inside .content-list--projects-mobile .content-list--inside .owl-stage-outer .owl-stage .content-list--block.project.agua {
    background: url("../images/project-11.png");
  }
  #content-project-infographics .content-project-inside .content-list--projects-mobile .content-list--inside .owl-stage-outer .owl-stage .content-list--block.project.construccion {
    background: url("../images/project-12.png");
  }
  #content-project-infographics .content-project-inside .content-list--projects-mobile .content-list--inside .owl-stage-outer .owl-stage .content-list--block .content-project--overlay {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    position: relative;
    font-size: 17px;
    border: 1px solid #fff;
  }
  #content-project-infographics .content-project-inside .content-list--projects-mobile .content-list--inside .owl-stage-outer .owl-stage .content-list--block .content-project--overlay a {
    width: 100%;
    height: 100%;
    position: relative;
    display: block;
  }
  #content-project-infographics .content-project-inside .content-list--projects-mobile .content-list--inside .owl-stage-outer .owl-stage .content-list--block .content-project--overlay a .icon-puestatierra {
    background-image: url(../images/sprite-landing-img.png);
    background-position: -212px -1479px;
    width: 18px;
    height: 30px;
    position: absolute;
    top: 48px;
    left: 50%;
    margin-left: -9px;
  }
  #content-project-infographics .content-project-inside .content-list--projects-mobile .content-list--inside .owl-stage-outer .owl-stage .content-list--block .content-project--overlay a .icon-pisos {
    background-image: url(../images/sprite-landing-img.png);
    background-position: -515px -1362px;
    width: 31px;
    height: 31px;
    position: absolute;
    top: 48px;
    left: 50%;
    margin-left: -15px;
  }
  #content-project-infographics .content-project-inside .content-list--projects-mobile .content-list--inside .owl-stage-outer .owl-stage .content-list--block .content-project--overlay a .icon-pintura {
    background-image: url(../images/sprite-landing-img.png);
    background-position: -613px -1362px;
    width: 21px;
    height: 30px;
    position: absolute;
    top: 48px;
    left: 50%;
    margin-left: -10px;
  }
  #content-project-infographics .content-project-inside .content-list--projects-mobile .content-list--inside .owl-stage-outer .owl-stage .content-list--block .content-project--overlay a .icon-bano {
    background-image: url(../images/sprite-landing-img.png);
    background-position: -584px -1362px;
    width: 23px;
    height: 30px;
    position: absolute;
    top: 48px;
    left: 50%;
    margin-left: -11px;
  }
  #content-project-infographics .content-project-inside .content-list--projects-mobile .content-list--inside .owl-stage-outer .owl-stage .content-list--block .content-project--overlay a .icon-desague {
    background-image: url(../images/sprite-landing-img.png);
    background-position: -187px -1479px;
    width: 19px;
    height: 30px;
    position: absolute;
    top: 48px;
    left: 50%;
    margin-left: -9px;
  }
  #content-project-infographics .content-project-inside .content-list--projects-mobile .content-list--inside .owl-stage-outer .owl-stage .content-list--block .content-project--overlay a .icon-techos {
    background-image: url(../images/sprite-landing-img.png);
    background-position: -1604px -1237px;
    width: 44px;
    height: 18px;
    position: absolute;
    top: 60px;
    left: 50%;
    margin-left: -22px;
  }
  #content-project-infographics .content-project-inside .content-list--projects-mobile .content-list--inside .owl-stage-outer .owl-stage .content-list--block .content-project--overlay a .icon-seguridad {
    background-image: url(../images/sprite-landing-img.png);
    background-position: -447px -1285px;
    width: 36px;
    height: 21px;
    position: absolute;
    top: 66px;
    left: 50%;
    margin-left: -18px;
  }
  #content-project-infographics .content-project-inside .content-list--projects-mobile .content-list--inside .owl-stage-outer .owl-stage .content-list--block .content-project--overlay a .icon-puertas {
    background-image: url(../images/sprite-landing-img.png);
    background-position: -292px -1423px;
    width: 21px;
    height: 29px;
    position: absolute;
    top: 60px;
    left: 50%;
    margin-left: -10px;
  }
  #content-project-infographics .content-project-inside .content-list--projects-mobile .content-list--inside .owl-stage-outer .owl-stage .content-list--block .content-project--overlay a .icon-materiales {
    background-image: url(../images/sprite-landing-img.png);
    background-position: -552px -1322px;
    width: 32px;
    height: 22px;
    position: absolute;
    top: 66px;
    left: 50%;
    margin-left: -16px;
  }
  #content-project-infographics .content-project-inside .content-list--projects-mobile .content-list--inside .owl-stage-outer .owl-stage .content-list--block .content-project--overlay a .icon-electrico {
    background-image: url(../images/sprite-landing-img.png);
    background-position: -518px -1322px;
    width: 28px;
    height: 28px;
    position: absolute;
    top: 60px;
    left: 50%;
    margin-left: -14px;
  }
  #content-project-infographics .content-project-inside .content-list--projects-mobile .content-list--inside .owl-stage-outer .owl-stage .content-list--block .content-project--overlay a .icon-agua {
    background-image: url(../images/sprite-landing-img.png);
    background-position: -441px -1322px;
    width: 36px;
    height: 30px;
    position: absolute;
    top: 60px;
    left: 50%;
    margin-left: -18px;
  }
  #content-project-infographics .content-project-inside .content-list--projects-mobile .content-list--inside .owl-stage-outer .owl-stage .content-list--block .content-project--overlay a .icon-construccion {
    background-image: url(../images/sprite-landing-img.png);
    background-position: -552px -1362px;
    width: 26px;
    height: 30px;
    position: absolute;
    top: 60px;
    left: 50%;
    margin-left: -12px;
  }
  #content-project-infographics .content-project-inside .content-list--projects-mobile .content-list--inside .owl-stage-outer .owl-stage .content-list--block .content-project--overlay a .title {
    position: absolute;
    color: #fff;
    font-family: 'UnitedSansRegStencil';
    left: 50%;
    bottom: 44px;
    width: 152px;
    margin-left: -76px;
    text-align: center;
  }
  .modal-menu-mobile {
    background: rgba(0, 0, 0, 0.8);
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 999;
    visibility: hidden;
    top: 0;
    overflow: hidden;
    opacity: 0;
    -webkit-transition: all 0.7s;
    transition: all 0.7s;
  }
  .modal-menu-mobile.active-menu--mobile {
    visibility: visible;
    opacity: 1;
  }
  .modal-menu-mobile.active-menu--mobile .menu--mobile {
    right: 0%;
  }
  .modal-menu-mobile.active-menu--mobile .menu--mobile .icon-menu-mobile--close {
    position: absolute;
    background-image: url(../images/sprite-landing-img.png);
    background-position: -247px -1423px;
    width: 39px;
    height: 39px;
    top: 30px;
    right: 32px;
  }
  .modal-menu-mobile .menu--mobile {
    background: #000000;
    width: 100%;
    height: 100%;
    position: fixed;
    overflow: hidden;
    right: -100%;
    -webkit-transition: all 0.7s;
    transition: all 0.7s;
    padding: 112px 61px 40px 34px;
  }
  .modal-menu-mobile .menu--mobile .list-menu--mobile li {
    margin-bottom: 53px;
  }
  .modal-menu-mobile .menu--mobile .list-menu--mobile li.icon--home-mobile {
    background-image: url(../images/sprite-landing-img.png);
    background-position: -391px -1362px;
    width: 42px;
    height: 36px;
  }
  .modal-menu-mobile .menu--mobile .list-menu--mobile li.icon--home-mobile a {
    display: block;
    width: 100%;
    height: 100%;
  }
  .modal-menu-mobile .menu--mobile .list-menu--mobile li a {
    font-family: 'UnitedSansRegStencil';
    color: #fff;
    font-size: 32px;
  }
  .modal-menu-mobile .menu--mobile .socialbar--mobile p {
    font-family: 'PFBeauSansPro-Regular';
    font-size: 25px;
    margin-bottom: 22px;
    color: #c60202;
  }
  .modal-menu-mobile .menu--mobile .socialbar--mobile .block--bar {
    display: block;
    font-size: 0;
  }
  .modal-menu-mobile .menu--mobile .socialbar--mobile .block--bar .icon--facebook {
    display: inline-block;
    background: #c60202;
    width: 53px;
    height: 52px;
    margin-right: 18px;
  }
  .modal-menu-mobile .menu--mobile .socialbar--mobile .block--bar .icon--facebook .icon--fb-mb {
    background-image: url(../images/sprite-landing-img.png);
    background-position: -439px -1362px;
    width: 32px;
    height: 32px;
    margin: 0 auto;
    margin-top: 8px;
  }
  .modal-menu-mobile .menu--mobile .socialbar--mobile .block--bar .icon--facebook .icon--fb-mb a {
    width: 100%;
    height: 100%;
  }
  .modal-menu-mobile .menu--mobile .socialbar--mobile .block--bar .icon--youtube {
    display: inline-block;
    background: #c60202;
    width: 53px;
    height: 52px;
  }
  .modal-menu-mobile .menu--mobile .socialbar--mobile .block--bar .icon--youtube .icon--yt-mb {
    background-image: url(../images/sprite-landing-img.png);
    background-position: -477px -1362px;
    width: 32px;
    height: 32px;
    margin: 0 auto;
    margin-top: 8px;
  }
  .modal-menu-mobile .menu--mobile .socialbar--mobile .block--bar .icon--youtube .icon--yt-mb a {
    width: 100%;
    height: 100%;
  }
  #carousel-landing-maestro {
    height: -webkit-calc(100% - 270px);
    height: calc(100% - 270px);
  }
  #carousel-landing-maestro .carousel-inside .owl-next {
    right: 24px;
  }
  #carousel-landing-maestro .carousel-inside .owl-prev {
    left: 24px;
  }
  #nav-landing-maestro {
    height: 80px;
    background: #c60202;
  }
  #nav-landing-maestro .nav-landing-inner {
    display: block;
    height: 80px;
    padding: 0 31px;
  }
  #nav-landing-maestro .nav-landing-inner .nav-inner-mobile {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    height: 80px;
    -webkit-transition: all .4s;
    transition: all .4s;
  }
  #nav-landing-maestro .nav-landing-inner .nav-inner-mobile .block--maestro {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  #nav-landing-maestro .nav-landing-inner .nav-inner-mobile .block--maestro .icon--maestro-mobile {
    background-image: url(../images/sprite-landing-img.png);
    background-position: -1097px -1237px;
    width: 101px;
    height: 27px;
    margin-right: 43px;
  }
  #nav-landing-maestro .nav-landing-inner .nav-inner-mobile .block--maestro .title--mobile {
    color: #fff;
    font-weight: 900;
    font-family: 'UnitedSansRegStencil', sans-serif;
    font-size: 22px;
    width: 129px;
    height: 39px;
  }
  #nav-landing-maestro .nav-landing-inner .nav-inner-mobile .icon--burguer-mobile {
    background-image: url(../images/sprite-landing-img.png);
    background-position: -201px -1423px;
    width: 40px;
    height: 39px;
    cursor: pointer;
  }
  #nav-landing-maestro .nav-landing-inner .nav-inner-left,
  #nav-landing-maestro .nav-landing-inner .nav-inner-right {
    display: none;
  }
  #modal-video-maestro .modal-video-inside,
  #modal-video-maestro-two .modal-video-inside {
    width: 320px !important;
    height: 250px !important;
  }
  #modal-video-maestro .modal-video-inside iframe,
  #modal-video-maestro-two .modal-video-inside iframe {
    width: 320px !important;
    height: 250px !important;
  }
  #modal-video-maestro .modal-video-inside .modal-video-close, #modal-video-maestro .modal-video-inside .modal-video-close-two, #modal-video-maestro-two .modal-video-inside .modal-video-close, #modal-video-maestro-two .modal-video-inside .modal-video-close-two {
    right: 0;
    top: -50px;
  }
  #modal-video-maestro .modal-video-inside,
  #modal-video-what-is .modal-video-inside {
    width: 320px !important;
    height: 250px !important;
  }
  #modal-video-maestro .modal-video-inside iframe,
  #modal-video-what-is .modal-video-inside iframe {
    width: 320px !important;
    height: 250px !important;
  }
  #modal-video-maestro .modal-video-inside .modal-video-close,
  #modal-video-what-is .modal-video-inside .modal-video-close {
    right: 0;
    top: -50px;
  }
  #modal-video-maestro .modal-video-inside .modal-video-close-what-is,
  #modal-video-what-is .modal-video-inside .modal-video-close-what-is {
    right: 0;
    top: -50px;
  }
  #modal-video-maestro .modal-video-footer,
  #modal-video-what-is .modal-video-footer {
    width: 100%;
    bottom: 0;
    height: auto;
    padding: 16px;
  }
  #modal-video-maestro .modal-video-footer .modal-footer-triangle,
  #modal-video-what-is .modal-video-footer .modal-footer-triangle {
    display: none;
  }
  #modal-video-maestro .modal-video-footer h3,
  #modal-video-what-is .modal-video-footer h3 {
    text-align: center;
    font-size: 16px;
  }
  #modal-video-maestro .modal-video-footer p,
  #modal-video-what-is .modal-video-footer p {
    width: auto;
    height: auto;
    font-size: 15px;
  }

  #auspiciadores-landing-maestro {
    height: 130px;
  }

  .landing .tips{
    padding: 30px 0 0 0;
  }

  #auspiciadores-landing-maestro .footer-inner-maestro {
    display: none;
  }
  #auspiciadores-landing-maestro .footer-inner-mobile {
    display: block;
    padding: 0 31px;
  }
  #auspiciadores-landing-maestro .footer-inner-mobile .content-text-footer {
    position: relative;
    top: 10px;
    z-index: 99;
  }
  #auspiciadores-landing-maestro .footer-inner-mobile .content-text-footer .content-footer-triangle {
    position: absolute;
    top: -18px;
    width: 100%;
    height: 10px;
    background: #fff;
  }
  #auspiciadores-landing-maestro .footer-inner-mobile .content-text-footer .content-footer-triangle:before {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    left: -10px;
    border-style: solid;
    border-width: 0 0 10px 10px;
    border-color: transparent transparent #fff transparent;
  }
  #auspiciadores-landing-maestro .footer-inner-mobile .content-text-footer .content-footer-triangle:after {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    right: -10px;
    border-style: solid;
    border-width: 10px 0 0 10px;
    border-color: transparent transparent transparent #fff;
  }
  #auspiciadores-landing-maestro .footer-inner-mobile .content-text-footer .text-title {
    width: 176px;
    height: 11px;
    background: #fff;
    display: block;
    margin: 0 auto;
    text-align: center;
    position: relative;
    top: 6px;
    z-index: 99;
    font-family: 'Blender';
    font-size: 15px;
    color: #000;
    text-transform: uppercase;
  }
  #auspiciadores-landing-maestro .footer-inner-mobile .content-text-footer .text-linear {
    width: 100%;
    height: 11px;
    opacity: 0.4;
    border: solid 1px #000000;
    border-bottom: none;
    display: block;
    margin: 0 auto;
  }
  #auspiciadores-landing-maestro .footer-inner-mobile .content-icons-blocks {
    display: block;
    font-size: 0;
    width: 100%;
    height: -webkit-calc(100% - 30px);
    height: calc(100% - 30px);
    padding-top: 18px;
  }
  #auspiciadores-landing-maestro .footer-inner-mobile .content-icons-blocks .owl-nav {
    display: none;
  }
  #auspiciadores-landing-maestro .footer-inner-mobile .content-icons-blocks .owl-dots {
    display: none;
  }
  #auspiciadores-landing-maestro .footer-inner-mobile .content-icons-blocks .owl-stage-outer {
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
  #auspiciadores-landing-maestro .footer-inner-mobile .content-icons-blocks .owl-stage-outer .owl-stage {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  #auspiciadores-landing-maestro .footer-inner-mobile .content-icons-blocks .owl-stage-outer .owl-stage .icons--blocks {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    height: 100%;
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around;
  }
  #auspiciadores-landing-maestro .footer-inner-mobile .content-icons-blocks .owl-stage-outer .owl-stage .icons--blocks span {
    margin: 0 auto;
    zoom: .8;
    -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: top center;
        -ms-transform-origin: top center;
            transform-origin: top center;
  }
  #auspiciadores-landing-maestro .footer-inner-mobile .content-icons-blocks .owl-stage-outer .owl-stage .icons--blocks .icon--capeco60 {
    background: url("../images/landing/ico/capeco60.png");
    background-repeat: no-repeat;
    width: 143px;
    height: 78px;
    display: block;
  }
  #auspiciadores-landing-maestro .footer-inner-mobile .content-icons-blocks .owl-stage-outer .owl-stage .icons--blocks .icon--inscapeco {
    background: url("../images/landing/ico/ins_capeco.png");
    background-repeat: no-repeat;
    width: 142px;
    height: 58px;
    display: block;
  }
  #auspiciadores-landing-maestro .footer-inner-mobile .content-icons-blocks .owl-stage-outer .owl-stage .icons--blocks .icon--predes {
    background: url("../images/landing/ico/predes.png");
    background-repeat: no-repeat;
    width: 143px;
    height: 38px;
    display: block;
  }
  #auspiciadores-landing-maestro .footer-inner-mobile .content-icons-blocks .owl-stage-outer .owl-stage .icons--blocks .icon--igp {
    background: url("../images/landing/ico/igp.png");
    background-repeat: no-repeat;
    width: 128px;
    height: 80px;
    display: block;
  }


  #marcas-landing-maestro {
    height: 270px;
  }
  #marcas-landing-maestro .footer-inner-maestro {
    display: none;
  }
  #marcas-landing-maestro .footer-inner-mobile {
    display: block;
    padding: 0 31px;
  }
  #marcas-landing-maestro .footer-inner-mobile .content-text-footer {
    position: relative;
    top: 10px;
    z-index: 99;
  }
  #marcas-landing-maestro .footer-inner-mobile .content-text-footer .content-footer-triangle {
    position: absolute;
    top: -18px;
    width: 100%;
    height: 10px;
    background: #fff;
  }
  #marcas-landing-maestro .footer-inner-mobile .content-text-footer .content-footer-triangle:before {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    left: -10px;
    border-style: solid;
    border-width: 0 0 10px 10px;
    border-color: transparent transparent #fff transparent;
  }
  #marcas-landing-maestro .footer-inner-mobile .content-text-footer .content-footer-triangle:after {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    right: -10px;
    border-style: solid;
    border-width: 10px 0 0 10px;
    border-color: transparent transparent transparent #fff;
  }
  #marcas-landing-maestro .footer-inner-mobile .content-text-footer .text-title {
    width: 176px;
    height: 11px;
    background: #fff;
    display: block;
    margin: 0 auto;
    text-align: center;
    position: relative;
    top: 6px;
    z-index: 99;
    font-family: 'Blender';
    font-size: 15px;
    color: #000;
    text-transform: uppercase;
  }
  #marcas-landing-maestro .footer-inner-mobile .content-text-footer .text-linear {
    width: 100%;
    height: 11px;
    opacity: 0.4;
    border: solid 1px #000000;
    border-bottom: none;
    display: block;
    margin: 0 auto;
  }
  #marcas-landing-maestro .footer-inner-mobile .content-icons-blocks {
    display: block;
    font-size: 0;
    width: 100%;
    height: -webkit-calc(100% - 30px);
    height: calc(100% - 30px);
    padding-top: 18px;
  }
  #marcas-landing-maestro .footer-inner-mobile .content-icons-blocks .owl-nav {
    display: none;
  }
  #marcas-landing-maestro .footer-inner-mobile .content-icons-blocks .owl-dots {
    display: none;
  }
  #marcas-landing-maestro .footer-inner-mobile .content-icons-blocks .owl-stage-outer {
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
  #marcas-landing-maestro .footer-inner-mobile .content-icons-blocks .owl-stage-outer .owl-stage {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  #marcas-landing-maestro .footer-inner-mobile .content-icons-blocks .owl-stage-outer .owl-stage .icons--blocks {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    height: 100%;
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around;
  }
  #marcas-landing-maestro .footer-inner-mobile .content-icons-blocks .owl-stage-outer .owl-stage .icons--blocks span {
    margin: 0 auto;
    zoom: .8;
    -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: top center;
        -ms-transform-origin: top center;
            transform-origin: top center;
  }
  #marcas-landing-maestro .footer-inner-mobile .content-icons-blocks .owl-stage-outer .owl-stage .icons--blocks .icon--celima {
    background: url("../images/landing/ico/celima.png");
    background-repeat: no-repeat;
    width: 110px;
    height: 45px;
    display: block;
  }
  #marcas-landing-maestro .footer-inner-mobile .content-icons-blocks .owl-stage-outer .owl-stage .icons--blocks .icon--matusita {
    background: url("../images/landing/ico/matusita.png");
    background-repeat: no-repeat;
    background-size: contain;
    width: 100px;
    height: 50px;
    display: block;
  }
  #marcas-landing-maestro .footer-inner-mobile .content-icons-blocks .owl-stage-outer .owl-stage .icons--blocks .icon--tupemesa {
    background: url("../images/landing/ico/tupemesa.png");
    background-repeat: no-repeat;
    background-size: contain;
    width: 145px;
    height: 44px;
    display: block;
  }
  #marcas-landing-maestro .footer-inner-mobile .content-icons-blocks .owl-stage-outer .owl-stage .icons--blocks .icon--indeco {
    background: url("../images/landing/ico/indeco.png");
    background-size: contain;
    background-repeat: no-repeat;
    width: 80px;
    height: 60px;
    display: block;
  }
  #marcas-landing-maestro .footer-inner-mobile .content-icons-blocks .owl-stage-outer .owl-stage .icons--blocks .icon--siderperu {
    background: url("../images/landing/ico/sideperu.png");
    background-repeat: no-repeat;
    background-size: contain;
    width: 150px;
    height: 50px;
    display: block;
  }
  #marcas-landing-maestro .footer-inner-mobile .content-icons-blocks .owl-stage-outer .owl-stage .icons--blocks .icon--sika {
    background: url("../images/landing/ico/sika.png");
    background-repeat: no-repeat;
    width: 43px;
    height: 42px;
    display: block;
  }
  #marcas-landing-maestro .footer-inner-mobile .content-icons-blocks .owl-stage-outer .owl-stage .icons--blocks .icon--piramide {
    background: url("../images/landing/ico/piramide.png");
    background-repeat: no-repeat;
    width: 144px;
    height: 31px;
    display: block;
  }
  #marcas-landing-maestro .footer-inner-mobile .content-icons-blocks .owl-stage-outer .owl-stage .icons--blocks .icon--dewalt {
    background: url("../images/landing/ico/dewalt-logo.jpg");
    background-repeat: no-repeat;
    width: 170px;
    height: 54px;
    display: block;
  }
  #marcas-landing-maestro .footer-inner-mobile .content-icons-blocks .owl-stage-outer .owl-stage .icons--blocks .icon--corona {
    background: url("../images/landing/ico/corona.png");
    background-repeat: no-repeat;
    width: 118px;
    height: 17px;
    display: block;
  }
  #marcas-landing-maestro .footer-inner-mobile .content-icons-blocks .owl-stage-outer .owl-stage .icons--blocks .icon--blackdecker {
    background: url("../images/landing/ico/blackdecker.png");
    background-repeat: no-repeat;
    width: 143px;
    height: 26px;
    display: block;
  }
  #marcas-landing-maestro .footer-inner-mobile .content-icons-blocks .owl-stage-outer .owl-stage .icons--blocks .icon--fluidmaster {
    background: url("../images/landing/ico/fluidmaster.png");
    background-repeat: no-repeat;
    width: 156px;
    height: 95px;
    display: block;
  }
  #marcas-landing-maestro .footer-inner-mobile .content-icons-blocks .owl-stage-outer .owl-stage .icons--blocks .icon--bticino {
    background: url("../images/landing/ico/bticino.png");
    background-repeat: no-repeat;
    width: 108px;
    height: 24px;
    display: block;
  }
  #marcas-landing-maestro .footer-inner-mobile .content-icons-blocks .owl-stage-outer .owl-stage .icons--blocks .icon--vainsa {
    background: url("../images/landing/ico/vainsa.png");
    background-repeat: no-repeat;
    width: 97px;
    height: 27px;
    display: block;
  }
  #marcas-landing-maestro .footer-inner-mobile .content-icons-blocks .owl-stage-outer .owl-stage .icons--blocks .icon--volcan {
    background: url("../images/landing/ico/logo-volcan.jpg");
    background-repeat: no-repeat;
    background-size: contain;
    width: 100px;
    height: 42px;
    display: block;
  }
  #footer-landing-maestro {
    display: none;
  }
  #footer-landing-mobile {
    display: block;
    height: 62px;
    background: #212121;
  }
  #footer-landing-mobile .footer-inner-mobile {
    height: 100%;
    padding: 0 31px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  #footer-landing-mobile .footer-inner-mobile .icon--maestro-footer {
    background-image: url(../images/sprite-landing-img.png);
    background-position: -278px -1362px;
    width: 107px;
    height: 36px;
  }
  #footer-landing-mobile .footer-inner-mobile .capeco--block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  #footer-landing-mobile .footer-inner-mobile .capeco--block .text-t {
    text-align: center;
    font-size: 9px;
    color: #fff;
    font-family: 'Blender';
    text-transform: uppercase;
  }
  #footer-landing-mobile .footer-inner-mobile .capeco--block .icon--capeco {
    background-image: url(../images/sprite-landing-img.png);
    background-position: -294px -1322px;
    width: 89px;
    height: 32px;
  }
  #footer-landing-mobile .footer-inner-mobile .block--socilnetwork .icon--facebook {
    background-image: url(../images/sprite-landing-img.png);
    background-position: -1876px -1186px;
    width: 122px;
    height: 17px;
    margin-bottom: 6px;
  }
  #footer-landing-mobile .footer-inner-mobile .block--socilnetwork .icon--facebook a {
    display: block;
    width: 100%;
    height: 100%;
  }
  #footer-landing-mobile .footer-inner-mobile .block--socilnetwork .icon--youtube {
    background-image: url(../images/sprite-landing-img.png);
    background-position: -2128px -1186px;
    width: 98px;
    height: 14px;
  }
  #footer-landing-mobile .footer-inner-mobile .block--socilnetwork .icon--youtube a {
    display: block;
    width: 100%;
    height: 100%;
  }
  .content-g {
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  #content-project-infographics .content-project-inside .content-list--projects .content-list--inside .content-list--block .content-project--overlay {
    background: rgba(0, 0, 0, 0.6);
    opacity: 1;
    visibility: visible;
  }
}

@media screen and (max-width: 430px) {
  #content-project-infographics {
    height: auto !important;
  }
  #content-project-infographics .content-project-inside {
    height: auto !important;
    text-align: center;
  }
  #content-project-infographics .content-project-inside .content-list--projects-mobile {
    padding: 32px 0 65px !important;
  }
  #content-project-infographics .content-project-inside .content-list--projects-mobile .content-list--projects {
    height: 470px;
    width: 85%;
  }
  #content-project-infographics .content-project-inside .content-list--projects .content-list--inside .content-list--block {
    height: 140px;
    width: 125px;
  }
  #content-project-infographics .content-project-inside .content-list--projects .content-list--inside .content-list--block .content-project--overlay .title {
    font-size: 11px;
  }
  #content-project-infographics .content-project-inside .content-list--projects-mobile .content-list--projects .owl-prev {
    left: -20px;
  }
  #content-project-infographics .content-project-inside .content-list--projects-mobile .content-list--projects .owl-next {
    right: -20px;
  }
}

@media screen and (max-width: 414px) {
  #content-project-infographics .content-project-inside .content-list--projects-mobile {
    padding: 56px 31px 66px 31px;
  }
  #content-project-infographics .content-project-inside .content-list--projects-mobile .content-list--inside {
    width: 296px;
  }
  #content-project-infographics .content-project-inside .content-list--projects-mobile .content-list--inside .owl-stage-outer .owl-stage .content-list--block {
    width: 148px;
    height: 150px;
  }
  #content-project-infographics .content-project-inside .content-list--projects-mobile .content-list--inside .owl-stage-outer .owl-stage .content-list--block .content-project--overlay a .title {
    font-size: 13px;
    bottom: 26px;
  }
  #content-project-infographics .content-project-inside .content-list--projects-mobile .content-list--inside .owl-nav .owl-next {
    top: 45%;
  }
  #content-project-infographics .content-project-inside .content-list--projects-mobile .content-list--inside .owl-nav .owl-next .icon--next:hover, #content-project-infographics .content-project-inside .content-list--projects-mobile .content-list--inside .owl-nav .owl-next .icon--next:focus {
    background-color: transparent !important;
    outline: none;
  }
  #content-project-infographics .content-project-inside .content-list--projects-mobile .content-list--inside .owl-nav .owl-prev {
    top: 45%;
  }
  #content-project-infographics .content-project-inside .content-list--projects-mobile .content-list--inside .owl-nav .owl-prev .icon--prev:hover, #content-project-infographics .content-project-inside .content-list--projects-mobile .content-list--inside .owl-nav .owl-prev .icon--prev:focus {
    background-color: transparent !important;
    outline: none;
  }
  #carousel-landing-maestro .icon--play-video {
    top: 54%;
  }
  #carousel-landing-maestro .carousel-inside .carousel-inner-image.slide-1 {
    background-size: auto 90%;
    background-position: bottom;
  }
  #nav-landing-maestro .nav-landing-inner .nav-inner-mobile .block--maestro .icon--maestro-mobile {
    margin-right: 30px;
  }
  #nav-landing-maestro .nav-landing-inner .nav-inner-mobile .block--maestro .title--mobile {
    font-size: 18px;
  }
  #nav-landing-maestro .nav-landing-inner .nav-inner-mobile .icon--burguer-mobile {
    zoom: .8;
    -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
            transform-origin: top left;
  }
  .modal-menu-mobile .menu--mobile .icon-menu-mobile--close {
    zoom: .7;
    -webkit-transform: scale(0.7);
        -ms-transform: scale(0.7);
            transform: scale(0.7);
    -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
            transform-origin: top left;
  }
  .modal-menu-mobile .menu--mobile .list-menu--mobile li {
    margin-bottom: 26px;
  }
  .modal-menu-mobile .menu--mobile .list-menu--mobile li.icon--home-mobile {
    -webkit-transform: scale(0.7);
        -ms-transform: scale(0.7);
            transform: scale(0.7);
    -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
            transform-origin: top left;
  }
  .modal-menu-mobile .menu--mobile .list-menu--mobile li a {
    font-size: 24px;
  }
  .content-g {
    width: 100%;
  }
}

@media screen and (max-width: 375px) {
  #carousel-landing-maestro .carousel-inside .carousel-inner-image.slide-2 {
    background-size: auto 90%;
    background-position: bottom;
  }
  #content-project-infographics .content-project-inside .content-list--projects-mobile {
    padding: 66px 31px 80px 31px;
  }
  #content-project-infographics .content-project-inside .content-list--projects-mobile .content-list--inside .owl-prev {
    left: 4px;
  }
  #content-project-infographics .content-project-inside .content-list--projects-mobile .content-list--inside .owl-next {
    right: 4px;
  }
  #content-project--footer .content-project--footer-inside .title {
    font-size: 18px;
    margin-bottom: 14px;
  }
  #content-project--footer .content-project--footer-inside p {
    font-size: 16px;
  }
  #footer-landing-mobile .footer-inner-mobile .icon--maestro-footer {
    zoom: .9;
    -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
            transform: scale(0.9);
    -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
            transform-origin: top left;
  }
  #footer-landing-mobile .footer-inner-mobile .capeco--block {
    zoom: .9;
    -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
            transform: scale(0.9);
    -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
            transform-origin: top left;
  }
  #footer-landing-mobile .footer-inner-mobile .block--socilnetwork {
    zoom: .9;
    -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
            transform: scale(0.9);
    -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
            transform-origin: top left;
  }
}

@media screen and (max-width: 360px) {
  #que-es .que-es-video {
    width: 320px !important;
    height: 180px !important;
    top: 36%;
  }
  #que-es .que-es-video iframe {
    width: 320px !important;
    height: 180px !important;
  }
  #que-es .que-es-info {
    width: 100%;
    bottom: 0;
    height: auto;
    padding: 16px;
  }
  #que-es .que-es-info .que-es-triangle {
    display: none;
  }
  #que-es .que-es-info h3 {
    text-align: center;
    font-size: 16px;
  }
  #que-es .que-es-info p {
    width: auto;
    height: auto;
    font-size: 15px;
  }
}

@media screen and (max-width: 320px) {
  #que-es .que-es-video {
    width: 250px !important;
    height: 130px !important;
    top: 33%;
  }
  #que-es .que-es-video iframe {
    width: 250px !important;
    height: 130px !important;
  }
  #que-es .que-es-info {
    width: 100%;
    bottom: 0;
    height: auto;
    padding: 16px;
  }
  #que-es .que-es-info .que-es-triangle {
    display: none;
  }
  #que-es .que-es-info h3 {
    text-align: center;
    font-size: 16px;
  }
  #que-es .que-es-info p {
    width: auto;
    height: auto;
    font-size: 12.5px;
  }
  .content-page-build-well {
    padding-top: 60px;
  }
  #carousel-landing-maestro {
    height: -webkit-calc(100% - 200px);
    height: calc(100% - 200px);
  }
  #marcas-landing-maestro {
    height: 200px;
  }
  #marcas-landing-maestro .footer-inner-mobile .content-icons-blocks .owl-stage-outer .owl-stage .icons--blocks span {
    zoom: .6;
    -webkit-transform: scale(0.6);
        -ms-transform: scale(0.6);
            transform: scale(0.6);
    -webkit-transform-origin: top center;
        -ms-transform-origin: top center;
            transform-origin: top center;
  }
  #content-project-infographics {
    height: 620px;
    min-height: 620px;
  }
  #content-project-infographics .content-project-inside {
    height: 100%;
  }
  #content-project-infographics .content-project-inside .content-list--projects-mobile {
    padding: 32px 18px 65px 18px;
  }
  #content-project-infographics .content-project-inside .content-list--projects-mobile .content-list--inside {
    width: 100%;
  }
  #content-project-infographics .content-project-inside .content-list--projects-mobile .content-list--inside .owl-stage-outer .owl-stage .content-list--block {
    width: 140px;
    height: 136px;
  }
  #content-project-infographics .content-project-inside .content-list--projects-mobile .content-list--inside .owl-stage-outer .owl-stage .content-list--block .content-project--overlay a .title {
    font-size: 13px;
    bottom: 14px;
    width: 120px;
    margin-left: -60px;
  }
  #content-project-infographics .content-project-inside .content-list--projects-mobile .content-list--inside .owl-nav .owl-next {
    top: 45%;
    right: 0;
  }
  #content-project-infographics .content-project-inside .content-list--projects-mobile .content-list--inside .owl-nav .owl-next .icon--next {
    zoom: .7;
    -webkit-transform: scale(0.7);
        -ms-transform: scale(0.7);
            transform: scale(0.7);
    -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
            transform-origin: top left;
  }
  #content-project-infographics .content-project-inside .content-list--projects-mobile .content-list--inside .owl-nav .owl-next .icon--next:hover, #content-project-infographics .content-project-inside .content-list--projects-mobile .content-list--inside .owl-nav .owl-next .icon--next:focus {
    background-color: transparent !important;
    outline: none;
  }
  #content-project-infographics .content-project-inside .content-list--projects-mobile .content-list--inside .owl-nav .owl-prev {
    top: 45%;
    left: 1px;
  }
  #content-project-infographics .content-project-inside .content-list--projects-mobile .content-list--inside .owl-nav .owl-prev .icon--prev {
    zoom: .7;
    -webkit-transform: scale(0.7);
        -ms-transform: scale(0.7);
            transform: scale(0.7);
    -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
            transform-origin: top left;
  }
  #content-project-infographics .content-project-inside .content-list--projects-mobile .content-list--inside .owl-nav .owl-prev .icon--prev:hover, #content-project-infographics .content-project-inside .content-list--projects-mobile .content-list--inside .owl-nav .owl-prev .icon--prev:focus {
    background-color: transparent !important;
    outline: none;
  }
  #nav-landing-maestro {
    height: 60px;
  }
  #nav-landing-maestro .nav-landing-inner {
    height: 60px;
  }
  #nav-landing-maestro .nav-landing-inner .nav-inner-mobile {
    height: 60px;
  }
  #nav-landing-maestro .nav-landing-inner .nav-inner-mobile .block--maestro .icon--maestro-mobile {
    zoom: .8;
    -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
            transform-origin: top left;
    margin-right: 12px;
  }
  #nav-landing-maestro .nav-landing-inner .nav-inner-mobile .block--maestro .title--mobile {
    font-size: 15px;
    margin-top: 10px;
  }
  #nav-landing-maestro .nav-landing-inner .nav-inner-mobile .block--maestro .icon--burguer-mobile {
    zoom: .7;
    -webkit-transform: scale(0.7);
        -ms-transform: scale(0.7);
            transform: scale(0.7);
    -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
            transform-origin: top left;
  }
  #footer-landing-mobile .footer-inner-mobile .block--socilnetwork {
    display: none;
  }
}

.infografias {
  width: 100%;
  display: block;
  position: relative;
}

.infografias header.top {
  position: fixed;
  height: 60px;
  z-index: 12;
  width: 100%;
  display: block;
}

@media screen and (min-width: 48em) {
  .infografias header.top {
    height: 42px;
  }
}

.infografias header.top .btn_regresar {
  background-image: url(../images/btn_regresar.png);
  background-position: center center;
  background-repeat: no-repeat;
  width: 101px;
  height: 15px;
  position: absolute;
  top: 15%;
  left: 2%;
  display: block;
}

@media screen and (min-width: 48em) {
  .infografias header.top .btn_regresar {
    left: 5%;
    top: 88%;
  }
}

.infografias header.top button.hamburger {
  position: absolute;
  top: 5%;
  right: 4%;
  display: block;
  outline: none;
  width: 40px;
  height: 34px;
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}

@media screen and (min-width: 48em) {
  .infografias header.top button.hamburger {
    display: none;
  }
}

.infografias header.top button.hamburger.is-active .hamburger-inner {
  background-color: #FFF;
}

.infografias header.top button.hamburger.is-active .hamburger-inner::before, .infografias header.top button.hamburger.is-active .hamburger-inner::after {
  background-color: #FFF;
}

.infografias header.top button.hamburger.is-active p.menu {
  opacity: 0;
  visibility: hidden;
}

.infografias header.top button.hamburger.is-active p.cerrar {
  opacity: 1;
  visibility: visible;
  color: #FFF;
}

.infografias header.top button.hamburger p {
  position: absolute;
  bottom: -22px;
  left: 50%;
  margin: 0;
  padding: 0;
  font-family: Blender, sans-serif;
  font-size: 16px;
  color: #000;
  width: 60px;
  text-align: center;
  letter-spacing: 0.15em;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  position: absolute;
  left: 50%;
  -webkit-transform: perspective(1px) translate(-50%, 0);
          transform: perspective(1px) translate(-50%, 0);
}

@media screen and (min-width: 87.5em) {
  .infografias header.top button.hamburger p {
    font-size: 14px;
  }
}

.infografias header.top button.hamburger p.menu {
  opacity: 1;
  visibility: visible;
}

.infografias .head-box {
  background: #CA1F0D;
  position: fixed;
  width: 100%;
  height: 60px;
  z-index: 11;
  display: block;
}

@media screen and (min-width: 48em) {
  .infografias .head-box {
    height: 76px;
  }
}

.infografias .buttons_carousel {
  display: block;
  width: 800px;
  position: relative;
  height: 1px;
  margin: 0 auto;
}

.infografias .buttons_carousel .prev {
  position: absolute;
  left: -30px;
  width: 13px;
  height: 20px;
  display: block;
  z-index: 20;
  top: 35px;
  background-image: url(../images/iconos/arrow_black_carrousel_left.png);
  background-color: transparent;
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer;
}

.infografias .buttons_carousel .next {
  position: absolute;
  right: 10px;
  width: 13px;
  height: 20px;
  display: block;
  z-index: 20;
  top: 35px;
  background-image: url(../images/iconos/arrow_black_carrousel_right.png);
  background-color: transparent;
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer;
}

.infografias ul#Menu {
  background: #000;
  margin: 0;
  padding: 60px 0 0 0;
  display: block;
  list-style: none;
  position: fixed;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  right: -100%;
  top: 0;
  z-index: 11;
  overflow: hidden;
  height: 100%;
  width: 50%;
}

.infografias ul#Menu.owl-carousel.owl-theme .owl-stage-outer {
  max-width: 740px;
  width: 740px;
  margin: 0;
  padding: 0;
}

.infografias ul#Menu.owl-carousel.owl-theme .owl-stage-outer .owl-stage .owl-item {
  width: 93px !important;
  margin: 0;
  border-right: 1px solid  #000 !important;
}

@media screen and (min-width: 48em) {
  .infografias ul#Menu {
    background: none;
    opacity: 1;
    visibility: visible;
    height: 68px;
    width: 100%;
    padding: 18px 0 0;
    right: 0;
    max-width: 780px;
    position: absolute;
    left: 50%;
    -webkit-transform: perspective(1px) translate(-50%, 0);
            transform: perspective(1px) translate(-50%, 0);
    position: fixed;
  }
}

.infografias ul#Menu.active {
  opacity: 1;
  visibility: visible;
  right: 0;
}

.infografias ul#Menu.error {
  height: 95px;
}

.infografias ul#Menu li {
  width: 150px;
  height: auto;
  display: inline-block;
  position: relative;
}

@media screen and (min-width: 48em) {
  .infografias ul#Menu li {
    height: 50px;
    width: 32px;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    float: left;
    padding: 0 30px;
    margin: 0;
    position: relative;
    display: block;
    border-right: 1px solid #000;
    cursor: pointer;
  }
  .infografias ul#Menu li.active a {
    background: #FFF;
  }
  .infografias ul#Menu li:hover a {
    background: #FFF;
    -webkit-border-radius: 10px;
            border-radius: 10px;
    width: 85px;
  }
  .infografias ul#Menu li:hover a.iconos {
    background-image: none !important;
  }
  .infografias ul#Menu li:hover a.iconos span.proyectos-nombre {
    opacity: 1;
    visibility: visible;
    width: 100%;
    height: 50px;
  }
}

.infografias ul#Menu li a {
  color: #FFF;
  font-family: Blender, sans-serif;
  line-height: 1em;
  font-size: 16px;
  padding: 9px 14px;
  display: block;
  text-decoration: none;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

@media screen and (min-width: 48em) {
  .infografias ul#Menu li a {
    height: 50px;
    width: 50px;
    -webkit-border-radius: 50%;
            border-radius: 50%;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: perspective(1px) translate(-50%, -50%);
            transform: perspective(1px) translate(-50%, -50%);
  }
  .infografias ul#Menu li a.iconos {
    background-position: center center;
    background-repeat: no-repeat;
  }
  .infografias ul#Menu li a.iconos.aditivos {
    background-image: url(../images/iconos/ico_aditivos.png);
  }
  .infografias ul#Menu li a.iconos.bano {
    background-image: url(../images/iconos/ico_bano.png);
  }
  .infografias ul#Menu li a.iconos.pisos {
    background-image: url(../images/iconos/ico_pisos.png);
  }
  .infografias ul#Menu li a.iconos.puerta_levadiza {
    background-image: url(../images/iconos/ico_puertalevadiza.png);
  }
  .infografias ul#Menu li a.iconos.puesta_tierra {
    background-image: url(../images/iconos/ico_puestatierra.png);
  }
  .infografias ul#Menu li a.iconos.reparacion_muros {
    background-image: url(../images/iconos/ico_reparacionmuros.png);
  }
  .infografias ul#Menu li a.iconos.trancas_cerraduras {
    background-image: url(../images/iconos/ico_cerraduras.png);
  }
  .infografias ul#Menu li a.iconos.techo {
    background-image: url(../images/iconos/Techos.png);
  }
  .infografias ul#Menu li a.iconos.seguridad {
    background-image: url(../images/iconos/Seguridad.png);
  }
  .infografias ul#Menu li a.iconos.puertas {
    background-image: url(../images/iconos/Puertas.png);
  }
  .infografias ul#Menu li a.iconos.materiales {
    background-image: url(../images/iconos/Materiales.png);
  }
  .infografias ul#Menu li a.iconos.desague {
    background-image: url(../images/iconos/Desague.png);
  }
  .infografias ul#Menu li a.iconos.agua {
    background-image: url(../images/iconos/Agua.png);
  }
  .infografias ul#Menu li a.iconos.electricidad {
    background-image: url(../images/iconos/Electricidad.png);
  }
  .infografias ul#Menu li a.iconos.pinturas {
    background-image: url(../images/iconos/Pinturas.png);
  }
  .infografias ul#Menu li a.iconos span.proyectos-nombre {
    color: #000;
    opacity: 0;
    visibility: hidden;
    font-family: Blender, sans-serif;
    font-size: 16px;
    text-align: center;
    height: auto;
    width: 0;
    display: block;
    padding: 12px 0;
  }
}

.infografias .interna {
  position: fixed;
  opacity: 0;
  visibility: hidden;
  top: 0;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  background: #000;
  width: 100%;
}

.infografias .interna.active {
  opacity: 1;
  visibility: visible;
  height: 34px;
  top: 58px;
}

@media screen and (min-width: 48em) {
  .infografias .interna.active {
    top: 76px;
  }
}

.infografias .interna .arrow-box .arrow {
  background-position: center center;
  background-repeat: no-repeat;
  width: 29px;
  height: 30px;
  opacity: 0;
  visibility: hidden;
  z-index: 10;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border-style: solid;
  border-color: #000;
  cursor: pointer;
  position: absolute;
  top: 50%;
  -webkit-transform: perspective(1px) translate(0, -50%);
          transform: perspective(1px) translate(0, -50%);
}

@media screen and (min-width: 48em) {
  .infografias .interna .arrow-box .arrow {
    opacity: 0;
    visibility: hidden;
  }
}

.infografias .interna .arrow-box .arrow.able {
  opacity: 1;
  visibility: visible;
}

.infografias .interna .arrow-box .arrow.left {
  background-image: url(../images/iconos/play_left.jpg);
  left: 0;
  border-left-width: 2px;
}

.infografias .interna .arrow-box .arrow.right {
  background-image: url(../images/iconos/play_right.jpg);
  right: 0;
  border-right-width: 2px;
}

.infografias .interna ul#Menu_intern {
  width: 100%;
  text-align: center;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: perspective(1px) translate(-50%, -50%);
          transform: perspective(1px) translate(-50%, -50%);
  position: relative;
}

.infografias .interna ul#Menu_intern.desktop {
  max-width: 910px;
}

.infografias .interna ul#Menu_intern.desktop li {
  display: inline-block;
  -webkit-transform: perspective(1px) translate(0, 0);
          transform: perspective(1px) translate(0, 0);
  position: inherit;
  left: 0;
  top: 0;
}

.infografias .interna ul#Menu_intern.desktop li.active {
  -webkit-transform: perspective(1px) translate(0, 0);
          transform: perspective(1px) translate(0, 0);
  position: inherit;
  left: 0;
  top: 0;
}

.infografias .interna ul#Menu_intern li {
  height: 34px;
  cursor: pointer;
  color: #FFF;
  line-height: 34px;
  font-size: 15px;
  min-width: 250px;
  padding: 0 14px;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  font-family: Blender, sans-serif;
  text-transform: uppercase;
  position: absolute;
  left: 100%;
}

.infografias .interna ul#Menu_intern li.so-low {
  font-size: 10px;
}

@media screen and (min-width: 48em) {
  .infografias .interna ul#Menu_intern li.so-low {
    font-size: 15px;
  }
}

.infografias .interna ul#Menu_intern li.active {
  position: absolute;
  left: 50%;
  -webkit-transform: perspective(1px) translate(-50%, 0);
          transform: perspective(1px) translate(-50%, 0);
  height: 44px;
  background: url(../images/iconos/tab.png) no-repeat bottom center;
  color: #F2DF34;
}

.infografias .interna ul#Menu_intern li:hover {
  color: #F2DF34;
}

.infografias #inicio {
  background-position: bottom center;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-color: #CA1F0D;
  height: 100vh;
  width: 100%;
  margin: 0;
  padding: 0;
  text-align: center;
  position: relative;
  z-index: 10;
}

.infografias #inicio.puerta_levadiza {
  background-image: url(../images/puertalevadiza/fondo_inicio.jpg);
}

.infografias #inicio.trancas_cerraduras {
  background-image: url(../images/trancas/fondo_inicio.jpg);
}

.infografias #inicio.pisos {
  background-image: url(../images/pisos/fondo_inicio.jpg);
}

.infografias #inicio.reparacion_muro {
  background-image: url(../images/reparacionmuros/fondo_inicio.jpg);
}

.infografias #inicio.puesta_tierra {
  background-image: url(../images/puestatierra/fondo_inicio.jpg);
}

.infografias #inicio.aditivos {
  background-image: url(../images/aditivos/fondo_inicio.jpg);
}

.infografias #inicio.bano {
  background-image: url(../images/bano/fondo_inicio.jpg);
}

.infografias #inicio.techo {
  background-image: url(../images/techo/fondo_inicio.jpg);
}

.infografias #inicio.seguridad {
  background-image: url(../images/seguridad/fondo_inicio.jpg);
}

.infografias #inicio.puertas {
  background-image: url(../images/puertas/fondo_inicio.jpg);
}

.infografias #inicio.puertas h3.subtitle {
  width: 360px;
}

@media screen and (min-width: 48em) {
  .infografias #inicio.puertas h3.subtitle {
    width: 685px;
  }
}

.infografias #inicio.materiales h2 {
  line-height: 34px;
}

.infografias #inicio.electricidad {
  background-image: url(../images/electricidad/fondo_inicio.jpg);
}

.infografias #inicio.electricidad h3.subtitle {
  width: 310px;
}

@media screen and (min-width: 48em) {
  .infografias #inicio.electricidad h3.subtitle {
    width: 615px;
  }
}

.infografias #inicio.electricidad h3.subtitle p {
  font-size: 14px;
}

@media screen and (min-width: 48em) {
  .infografias #inicio.electricidad h3.subtitle p {
    font-size: 30px;
  }
}

.infografias #inicio.desague {
  background-image: url(../images/desague/fondo_inicio.jpg);
}

.infografias #inicio.pinturas {
  background-image: url(../images/pinturas/fondo_inicio.jpg);
}

.infografias #inicio.pinturas h3.subtitle {
  width: 310px;
}

@media screen and (min-width: 48em) {
  .infografias #inicio.pinturas h3.subtitle {
    width: 615px;
  }
}

.infografias #inicio.pinturas h3.subtitle p {
  font-size: 14px;
}

@media screen and (min-width: 48em) {
  .infografias #inicio.pinturas h3.subtitle p {
    font-size: 30px;
  }
}

.infografias #inicio.active h1, .infografias #inicio.active h2, .infografias #inicio.active h3, .infografias #inicio.active .initial_buttons {
  top: 0;
  opacity: 1;
}

.infografias #inicio .wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: perspective(1px) translate(-50%, -50%);
          transform: perspective(1px) translate(-50%, -50%);
}

.infografias #inicio .wrapper.hyper-large {
  height: 524px;
}

@media screen and (min-width: 48em) {
  .infografias #inicio .wrapper.hyper-large {
    width: 960px;
    height: 285px;
  }
}

@media screen and (min-width: 48em) {
  .infografias #inicio .wrapper.hyper-large .initial_buttons {
    max-width: 960px;
  }
}

.infografias #inicio .wrapper.hyper-large .initial_buttons li {
  margin: 0 auto 10px;
}

@media screen and (min-width: 48em) {
  .infografias #inicio .wrapper.hyper-large .initial_buttons li {
    margin-right: 20px;
    margin-bottom: 0;
  }
  .infografias #inicio .wrapper.hyper-large .initial_buttons li:last-of-type {
    margin-right: 0;
  }
}

.infografias #inicio .wrapper.hyper-large .initial_buttons.five-points li {
  display: inline-block;
  width: 140px;
}

@media screen and (min-width: 48em) {
  .infografias #inicio .wrapper.hyper-large .initial_buttons.five-points li {
    width: 170px;
    height: 113px;
  }
}

.infografias #inicio h2 {
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}

.infografias #inicio h3 {
  -webkit-transition-delay: 0.6s;
          transition-delay: 0.6s;
}

.infografias #inicio .initial_buttons {
  -webkit-transition-delay: 0.9s;
          transition-delay: 0.9s;
}

.infografias #inicio h1, .infografias #inicio h2, .infografias #inicio h3, .infografias #inicio .initial_buttons {
  position: relative;
  top: -30px;
  opacity: 0;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
}

.infografias #inicio h1, .infografias #inicio h2 {
  padding: 0;
  color: #FFFFFF;
  font-family: Blender, Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  margin: 0 auto;
}

.infografias #inicio h1 {
  margin: 0 auto;
  font-size: 30px;
  line-height: 18px;
  position: relative;
  top: -30px;
  opacity: 0;
}

@media screen and (min-width: 48em) {
  .infografias #inicio h1 {
    margin: 0 auto 14px;
    font-size: 50px;
    line-height: 32px;
  }
}

.infografias #inicio h2 {
  font-size: 32px;
  line-height: 40px;
}

@media screen and (min-width: 48em) {
  .infografias #inicio h2 {
    font-size: 62px;
    line-height: 20px;
  }
}

.infografias #inicio h3.subtitle {
  height: 30px;
  width: 300px;
  display: block;
  margin: 15px auto 0;
  background: #F2DF34;
  position: relative;
}

@media screen and (min-width: 48em) {
  .infografias #inicio h3.subtitle {
    height: 44px;
    width: 490px;
    margin: 35px auto 0;
  }
}

.infografias #inicio h3.subtitle span.seguridad {
  height: 100%;
  float: left;
  width: 50px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../images/seguridad/ico_seguridad.png");
  background-color: #000000;
  background-size: 40%;
}

@media screen and (min-width: 48em) {
  .infografias #inicio h3.subtitle span.seguridad {
    background-size: 50%;
  }
}

.infografias #inicio h3.subtitle span.puertas {
  height: 100%;
  float: left;
  width: 50px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../images/puertas/ico_puertas.png");
  background-color: #000000;
  background-size: 40%;
}

@media screen and (min-width: 48em) {
  .infografias #inicio h3.subtitle span.puertas {
    background-size: 50%;
  }
}

.infografias #inicio h3.subtitle span.materiales {
  height: 100%;
  float: left;
  width: 50px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../images/materiales/ico_materiales.png");
  background-color: #000000;
  background-size: 40%;
}

@media screen and (min-width: 48em) {
  .infografias #inicio h3.subtitle span.materiales {
    background-size: 50%;
  }
}

.infografias #inicio h3.subtitle span.electricidad {
  height: 100%;
  float: left;
  width: 50px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../images/electricidad/ico_electricidad.png");
  background-color: #000000;
  background-size: 40%;
}

@media screen and (min-width: 48em) {
  .infografias #inicio h3.subtitle span.electricidad {
    background-size: 50%;
  }
}

.infografias #inicio h3.subtitle span.agua {
  height: 100%;
  float: left;
  width: 50px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../images/agua/ico_agua.png");
  background-color: #000000;
  background-size: 40%;
}

@media screen and (min-width: 48em) {
  .infografias #inicio h3.subtitle span.agua {
    background-size: 50%;
  }
}

.infografias #inicio h3.subtitle span.techo {
  height: 100%;
  float: left;
  width: 50px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../images/techo/ico_techo.png");
  background-color: #000000;
  background-size: 40%;
}

@media screen and (min-width: 48em) {
  .infografias #inicio h3.subtitle span.techo {
    background-size: 50%;
  }
}

.infografias #inicio h3.subtitle span.pinturas {
  height: 100%;
  float: left;
  width: 50px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../images/pinturas/ico_pinturas.png");
  background-color: #000000;
  background-size: 40%;
}

@media screen and (min-width: 48em) {
  .infografias #inicio h3.subtitle span.pinturas {
    background-size: 50%;
  }
}

.infografias #inicio h3.subtitle span.bano {
  height: 100%;
  float: left;
  width: 50px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../images/bano/ico_bano.png");
  background-color: #000000;
  background-size: 40%;
}

@media screen and (min-width: 48em) {
  .infografias #inicio h3.subtitle span.bano {
    background-size: 50%;
  }
}

.infografias #inicio h3.subtitle span.aditivos {
  height: 100%;
  float: left;
  width: 50px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../images/aditivos/ico_aditivos.png");
  background-color: #000000;
  background-size: 40%;
}

@media screen and (min-width: 48em) {
  .infografias #inicio h3.subtitle span.aditivos {
    background-size: 50%;
  }
}

.infografias #inicio h3.subtitle span.puestatierra {
  height: 100%;
  float: left;
  width: 50px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../images/puestatierra/ico_puestatierra.png");
  background-color: #000000;
  background-size: 40%;
}

@media screen and (min-width: 48em) {
  .infografias #inicio h3.subtitle span.puestatierra {
    background-size: 50%;
  }
}

.infografias #inicio h3.subtitle span.reparacionmuros {
  height: 100%;
  float: left;
  width: 50px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../images/reparacionmuros/ico_reparacionmuros.png");
  background-color: #000000;
  background-size: 40%;
}

@media screen and (min-width: 48em) {
  .infografias #inicio h3.subtitle span.reparacionmuros {
    background-size: 50%;
  }
}

.infografias #inicio h3.subtitle span.pisos {
  height: 100%;
  float: left;
  width: 50px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../images/pisos/ico_pisos.png");
  background-color: #000000;
  background-size: 40%;
}

@media screen and (min-width: 48em) {
  .infografias #inicio h3.subtitle span.pisos {
    background-size: 50%;
  }
}

.infografias #inicio h3.subtitle span.puertalevadiza {
  height: 100%;
  float: left;
  width: 50px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../images/puertalevadiza/ico_puertalevadiza.png");
  background-color: #000000;
  background-size: 40%;
}

@media screen and (min-width: 48em) {
  .infografias #inicio h3.subtitle span.puertalevadiza {
    background-size: 50%;
  }
}

.infografias #inicio h3.subtitle p {
  color: #000000;
  font-family: UnitedSansRegStencil, Arial, Helvetica, sans-serif;
  font-size: 15px;
  text-transform: uppercase;
  margin: 0;
  padding: 10px 0 0;
}

@media screen and (min-width: 48em) {
  .infografias #inicio h3.subtitle p {
    font-size: 30px;
  }
}

.infografias #inicio ul.initial_buttons {
  width: 100%;
  max-width: 320px;
  margin: 20px auto 0;
  padding: 0;
  height: 260px;
  text-align: center;
}

@media screen and (min-width: 48em) {
  .infografias #inicio ul.initial_buttons {
    margin: 50px auto 0;
    max-width: 570px;
    height: 90px;
  }
}

.infografias #inicio ul.initial_buttons li {
  background: #000;
  height: 72px;
  width: 170px;
  margin: 0 auto 20px;
  display: block;
  color: #FFF;
  font-family: Blender, sans-serif;
  position: relative;
  cursor: pointer;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

@media screen and (min-width: 48em) {
  .infografias #inicio ul.initial_buttons li {
    height: 100%;
    margin-right: 20px;
    margin-bottom: 0;
    display: inline-block;
  }
  .infografias #inicio ul.initial_buttons li:last-of-type {
    margin-right: 0;
  }
  .infografias #inicio ul.initial_buttons li:hover {
    background: #F2DF34;
    color: #000;
  }
  .infografias #inicio ul.initial_buttons li:hover .letter_icon {
    background-image: url("../images/iconos/hexagono_negro.png");
  }
  .infografias #inicio ul.initial_buttons li:hover .letter_icon span {
    color: #F2DF34;
  }
  .infografias #inicio ul.initial_buttons li:hover .letter_icon_product {
    background: url("../images/product-modal/i-producto.png") no-repeat center center;
    -webkit-filter: brightness();
            filter: brightness();
    background-size: contain;
    width: 44px;
    height: 26px;
  }
  .infografias #inicio ul.initial_buttons li:hover span.clavo:after, .infografias #inicio ul.initial_buttons li:hover span.clavo:before {
    background: #000;
  }
}

.infografias #inicio ul.initial_buttons li span.clavo:after, .infografias #inicio ul.initial_buttons li span.clavo:before {
  content: "";
  display: block;
  position: absolute;
  width: 6px;
  height: 6px;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  background: #808080;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.infografias #inicio ul.initial_buttons li span.clavo:after {
  left: 2%;
}

.infografias #inicio ul.initial_buttons li span.clavo:before {
  right: 2%;
}

.infografias #inicio ul.initial_buttons li span.clavo.top:after {
  top: 2%;
}

.infografias #inicio ul.initial_buttons li span.clavo.top:before {
  top: 2%;
}

.infografias #inicio ul.initial_buttons li span.clavo.bottom:before {
  bottom: 2%;
}

.infografias #inicio ul.initial_buttons li span.clavo.bottom:after {
  bottom: 2%;
}

.infografias #inicio ul.initial_buttons li .letter_icon {
  position: absolute;
  left: 50%;
  -webkit-transform: perspective(1px) translate(-50%, 0);
          transform: perspective(1px) translate(-50%, 0);
  top: 12%;
  position: relative;
  background: url("../images/iconos/hexagono_blanco.png") no-repeat center center;
  width: 26px;
  height: 23px;
  text-align: center;
}

@media screen and (min-width: 48em) {
  .infografias #inicio ul.initial_buttons li .letter_icon {
    top: 16%;
  }
}

.infografias #inicio ul.initial_buttons li .letter_icon span {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: perspective(1px) translate(-50%, -50%);
          transform: perspective(1px) translate(-50%, -50%);
  color: #000;
  font-size: 21px;
  line-height: 14px;
  left: 55.5%;
}

.infografias #inicio ul.initial_buttons li .letter_icon_product {
  background: url("../images/product-modal/i-producto.png") no-repeat center center;
  background-size: contain;
  width: 44px;
  height: 26px;
}

.infografias #inicio ul.initial_buttons li p {
  width: 100%;
  position: absolute;
  top: 50%;
}

.infografias #inicio ul.initial_buttons li p.minus-sized {
  font-size: 14px;
}

.infografias .fondo {
  height: 100vh;
  width: 100%;
  display: block;
  background-position: bottom center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}

@media screen and (min-width: 48em) {
  .infografias .fondo {
    height: 100vh;
  }
}

.infografias .fondo.amarillo {
  background-color: #E8E8E8;
}

.infografias .fondo.rojo {
  background-color: #CA1F0D;
}

.infografias .fondo.rojo_bg {
  background-image: url(../images/bano/rojo_bg.jpg);
}

.infografias .fondo .wrapper {
  background-image: none;
  width: 320px;
  height: 325px;
  display: block;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: perspective(1px) translate(-50%, -50%);
          transform: perspective(1px) translate(-50%, -50%);
}

@media screen and (min-width: 48em) {
  .infografias .fondo .wrapper {
    height: 520px;
    width: 960px;
    background-position: bottom center;
    background-size: contain;
    background-repeat: no-repeat;
  }
}

.infografias .fondo .wrapper .element_carrousel {
  z-index: 11;
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  width: 300px;
  height: 200px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: perspective(1px) translate(-50%, -50%);
          transform: perspective(1px) translate(-50%, -50%);
}

@media screen and (min-width: 48em) {
  .infografias .fondo .wrapper .element_carrousel {
    width: 920px;
    height: 560px;
  }
}

.infografias .fondo .wrapper .element_carrousel .bullets_box_carrousel {
  width: 132px;
  height: 12px;
  top: 20%;
  visibility: hidden;
  opacity: 0;
  position: absolute;
  left: 50%;
  -webkit-transform: perspective(1px) translate(-50%, 0);
          transform: perspective(1px) translate(-50%, 0);
}

@media screen and (min-width: 48em) {
  .infografias .fondo .wrapper .element_carrousel .bullets_box_carrousel {
    visibility: visible;
    opacity: 1;
  }
}

.infografias .fondo .wrapper .element_carrousel .bullets_box_carrousel .box {
  background: rgba(0, 0, 0, 0.5);
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  width: 12px;
  height: 12px;
  position: relative;
  float: left;
  margin: 0 48px 0 0;
  padding: 0;
  cursor: pointer;
}

.infografias .fondo .wrapper .element_carrousel .bullets_box_carrousel .box:last-of-type {
  margin-right: 0;
}

.infografias .fondo .wrapper .element_carrousel .bullets_box_carrousel .box.active, .infografias .fondo .wrapper .element_carrousel .bullets_box_carrousel .box:hover {
  background: black;
}

.infografias .fondo .wrapper .element_carrousel .arrow_carrousel {
  width: 23px;
  height: 37px;
  background-position: center center;
  background-repeat: no-repeat;
  text-indent: -99999px;
  top: 40%;
  -webkit-transform: perspective(1px) translateY(-50%);
          transform: perspective(1px) translateY(-50%);
  position: absolute;
  cursor: pointer;
}

.infografias .fondo .wrapper .element_carrousel .arrow_carrousel.arrow_left {
  left: 20px;
  background-image: url(../images/iconos/arrow_black_carrousel_left.png);
}

@media screen and (min-width: 48em) {
  .infografias .fondo .wrapper .element_carrousel .arrow_carrousel.arrow_left {
    left: 260px;
  }
}

.infografias .fondo .wrapper .element_carrousel .arrow_carrousel.arrow_right {
  right: 20px;
  background-image: url(../images/iconos/arrow_black_carrousel_right.png);
}

@media screen and (min-width: 48em) {
  .infografias .fondo .wrapper .element_carrousel .arrow_carrousel.arrow_right {
    right: 260px;
  }
}

.infografias .fondo .wrapper .element_carrousel img.element_Carrousel {
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  -webkit-transform: perspective(1px) translateY(-50%);
          transform: perspective(1px) translateY(-50%);
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  position: absolute;
  z-index: 10;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: perspective(1px) translate(-50%, -50%);
          transform: perspective(1px) translate(-50%, -50%);
  top: 40%;
}

.infografias .fondo .wrapper .element_carrousel img.element_Carrousel.active {
  visibility: visible;
  opacity: 1;
}

.infografias .fondo .wrapper .element_text_carrousel {
  bottom: 5%;
  width: 270px;
  height: 175px;
  position: absolute;
  left: 50%;
  -webkit-transform: perspective(1px) translate(-50%, 0);
          transform: perspective(1px) translate(-50%, 0);
}

.infografias .fondo .wrapper .element_text_carrousel h3.element_Title {
  background: #000;
  width: 100%;
  height: 0;
  text-align: center;
  color: #FFF;
  font-size: 24px;
  font-family: UnitedSansRegStencil, Arial, Helvetica, sans-serif;
  line-height: 40px;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  opacity: 0;
  visibility: hidden;
  padding: 0;
  margin: 0;
}

.infografias .fondo .wrapper .element_text_carrousel h3.element_Title.active {
  opacity: 1;
  visibility: visible;
  height: 40px;
  margin-bottom: 15px;
}

.infografias .fondo .wrapper .element_text_carrousel p.element_Content {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 1.2s ease-in-out;
  transition: all 1.2s ease-in-out;
  color: #FFF;
  font-family: Blender, sans-serif;
  font-size: 16px;
  text-align: justify;
}

.infografias .fondo .wrapper .element_text_carrousel p.element_Content.black {
  color: #000;
}

.infografias .fondo .wrapper .element_text_carrousel p.element_Content.active {
  opacity: 1;
  visibility: visible;
  height: 115px;
}

.infografias .fondo .wrapper .element_group {
  z-index: 11;
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: perspective(1px) translate(-50%, -50%);
          transform: perspective(1px) translate(-50%, -50%);
}

@media screen and (min-width: 48em) {
  .infografias .fondo .wrapper .element_group.derecha {
    right: 0;
    left: inherit;
    -webkit-transform: perspective(1px) translate(0, -50%);
            transform: perspective(1px) translate(0, -50%);
  }
  .infografias .fondo .wrapper .element_group.izquierda {
    left: 0;
    -webkit-transform: perspective(1px) translate(0, -50%);
            transform: perspective(1px) translate(0, -50%);
  }
}

.infografias .fondo .wrapper .element_group .element_basic {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 50%;
  -webkit-transform: perspective(1px) translate(0, -50%);
          transform: perspective(1px) translate(0, -50%);
  left: 55%;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.infografias .fondo .wrapper .element_group .element_basic.active {
  opacity: 1;
  visibility: visible;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: perspective(1px) translate(-50%, -50%);
          transform: perspective(1px) translate(-50%, -50%);
}

.infografias .fondo .wrapper .element_group .button_hexan {
  width: 39px;
  height: 36px;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  position: absolute;
  cursor: pointer;
  text-align: center;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(../images/iconos/hexagono_blanco.png);
}

.infografias .fondo .wrapper .element_group .button_hexan span {
  font-family: UnitedSansRegStencil, sans-serif;
  font-size: 22px;
  margin: 0;
  padding: 0;
  height: 18px;
  width: 13px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: perspective(1px) translate(-50%, -50%);
          transform: perspective(1px) translate(-50%, -50%);
}

.infografias .fondo .wrapper .element_group .button_hexan span.hover_text {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  color: #FFF;
  font-size: 16px;
  font-family: "Blender", sans-serif;
  position: absolute;
  width: 80px;
  text-align: left;
}

.infografias .fondo .wrapper .element_group .button_hexan span.hover_text.active, .infografias .fondo .wrapper .element_group .button_hexan span.hover_text:hover {
  opacity: 1;
  visibility: visible;
}

.infografias .fondo .wrapper .element_group .button_hexan.active, .infografias .fondo .wrapper .element_group .button_hexan:hover {
  background-image: url(../images/iconos/hexagono_amarillo.png);
}

.infografias .fondo .wrapper .element_group .button_hexan.active span.hover_text, .infografias .fondo .wrapper .element_group .button_hexan:hover span.hover_text {
  opacity: 1;
  visibility: visible;
}

.infografias .fondo .wrapper .element_group .button_hexan.active::after, .infografias .fondo .wrapper .element_group .button_hexan:hover::after {
  width: 39px;
  height: 36px;
  content: "";
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(../images/iconos/hexagono_amarillo_halo.png);
  display: block;
  -webkit-animation: HexaScale 2s infinite;
          animation: HexaScale 2s infinite;
  -webkit-transition: all ease-in-out;
  transition: all ease-in-out;
}

.infografias .fondo .wrapper .element_group .button_hexan.mobile {
  opacity: 1;
  visibility: visible;
}

@media screen and (min-width: 48em) {
  .infografias .fondo .wrapper .element_group .button_hexan.mobile {
    opacity: 0;
    visibility: hidden;
  }
}

.infografias .fondo .wrapper .element_group .button_hexan.desktop {
  opacity: 0;
  visibility: hidden;
}

@media screen and (min-width: 48em) {
  .infografias .fondo .wrapper .element_group .button_hexan.desktop {
    opacity: 1;
    visibility: visible;
  }
}

.infografias .fondo .wrapper .element_group .button_circle {
  background: #000;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  width: 28px;
  height: 28px;
  display: block;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  position: absolute;
  cursor: pointer;
  text-align: center;
}

.infografias .fondo .wrapper .element_group .button_circle:hover, .infografias .fondo .wrapper .element_group .button_circle.active {
  background: #F2DF34;
}

.infografias .fondo .wrapper .element_group .button_circle:hover.red, .infografias .fondo .wrapper .element_group .button_circle.active.red {
  background: #CA1F0D;
}

.infografias .fondo .wrapper .element_group .button_circle:hover.red span, .infografias .fondo .wrapper .element_group .button_circle.active.red span {
  background-image: url(../images/iconos/mas.png);
}

.infografias .fondo .wrapper .element_group .button_circle:hover span, .infografias .fondo .wrapper .element_group .button_circle.active span {
  background-image: url(../images/iconos/mas_hover.png);
}

.infografias .fondo .wrapper .element_group .button_circle::after {
  width: 38px;
  height: 38px;
  display: block;
  content: "";
  -webkit-animation: CircleScale 2s infinite;
          animation: CircleScale 2s infinite;
  -webkit-transition: all ease-in-out;
  transition: all ease-in-out;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  border: 1px solid #FFF;
  top: -17%;
  left: -17%;
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  position: absolute;
}

.infografias .fondo .wrapper .element_group .button_circle span {
  background-image: url(../images/iconos/mas.png);
  background-repeat: no-repeat;
  background-position: center center;
  width: 100%;
  height: 100%;
  display: block;
  text-indent: -999999px;
}

.infografias .fondo .wrapper .element_group .button_circle.mobile {
  opacity: 1;
  visibility: visible;
}

@media screen and (min-width: 48em) {
  .infografias .fondo .wrapper .element_group .button_circle.mobile {
    opacity: 0;
    visibility: hidden;
  }
}

.infografias .fondo .wrapper .element_group .button_circle.desktop {
  opacity: 0;
  visibility: hidden;
}

@media screen and (min-width: 48em) {
  .infografias .fondo .wrapper .element_group .button_circle.desktop {
    opacity: 1;
    visibility: visible;
  }
}

.infografias .fondo .wrapper .element_group .button-large {
  background: #ca200d;
  color: #FFF;
  width: 168px;
  height: 40px;
  border: 4px solid #000;
  font-size: 20px;
  line-height: 32px;
  font-family: Blender, sans-serif;
  position: absolute;
  bottom: 10px;
  right: 90px;
  text-align: center;
  letter-spacing: 1px;
  cursor: pointer;
}

.infografias .fondo .wrapper .element_group .element_Line_Start {
  position: absolute;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  opacity: 1;
  visibility: visible;
}

.infografias .fondo .wrapper .element_group .element_Line_Start.active {
  opacity: 0;
  visibility: hidden;
}

.infografias .fondo .wrapper .element_group .element_Line_Start.ever-visible {
  opacity: 1;
  visibility: visible;
}

.infografias .fondo .wrapper .element_group .element_Line {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.infografias .fondo .wrapper .element_group .element_Line.active {
  opacity: 1;
  visibility: visible;
}

.infografias .fondo .wrapper .element_objects {
  width: 100%;
  height: 100%;
  display: block;
  margin: 0;
  padding: 0;
  z-index: 10;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: perspective(1px) translate(-50%, -50%);
          transform: perspective(1px) translate(-50%, -50%);
}

.infografias .fondo .wrapper .element_objects .element_Object {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out;
}

.infografias .fondo .wrapper .element_objects .element_Object.active {
  opacity: 1;
  visibility: visible;
}

.infografias .fondo .wrapper .element_objects h2.element_Letter {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  background: #000;
  color: #FFF;
  font-size: 27px;
  font-family: UnitedSansRegStencil, sans-serif;
  margin: 0;
  padding: 10px;
}

.infografias .fondo .wrapper .element_objects h2.element_Letter.active {
  opacity: 1;
  visibility: visible;
}

.infografias .fondo .wrapper .element_objects h2.element_Tittle {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 1.2s ease-in-out;
  transition: all 1.2s ease-in-out;
  color: #FFF;
  font-family: Blender, sans-serif;
  font-size: 30px;
  line-height: 32px;
  text-transform: uppercase;
  text-align: left;
}

.infografias .fondo .wrapper .element_objects h2.element_Tittle.active {
  opacity: 1;
  visibility: visible;
}

.infografias .fondo .wrapper .element_objects h2.element_Tittle.black {
  color: #000;
}

.infografias .fondo .wrapper .element_objects h2.element_Tittle.align_right {
  text-align: right;
}

.infografias .fondo .wrapper .element_objects p.element_Content {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 1.2s ease-in-out;
  transition: all 1.2s ease-in-out;
  color: #FFF;
  font-family: Blender, sans-serif;
  font-size: 23px;
  line-height: 25px;
}

.infografias .fondo .wrapper .element_objects p.element_Content.active {
  opacity: 1;
  visibility: visible;
}

.infografias .fondo .wrapper .element_objects p.element_Content.black {
  color: #000;
}

.infografias .fondo .wrapper .element_objects p.element_Content.align_right {
  text-align: right;
}

.infografias .fondo .wrapper .element_accordeon {
  width: 270px;
  height: 270px;
  top: 68%;
  left: 50%;
  position: absolute;
  -webkit-transform: perspective(1px) translate(-50%, 0);
          transform: perspective(1px) translate(-50%, 0);
}

@media screen and (min-width: 48em) {
  .infografias .fondo .wrapper .element_accordeon {
    -webkit-transform: perspective(1px) translate(0, -50%);
            transform: perspective(1px) translate(0, -50%);
    left: 10%;
    top: 55%;
  }
}

.infografias .fondo .wrapper .element_accordeon ul {
  margin: 0;
  padding: 0;
  position: absolute;
  width: 270px;
}

.infografias .fondo .wrapper .element_accordeon ul.bullets {
  height: 31px;
  opacity: 0;
  top: 30px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.infografias .fondo .wrapper .element_accordeon ul.bullets.initialized {
  top: 0;
  opacity: 1;
}

.infografias .fondo .wrapper .element_accordeon ul.bullets li {
  background: #000;
  float: left;
  width: 35px;
  height: 31px;
  border: 3px solid #000;
  margin: 0 4px 0 0;
  font-family: Blender, sans-serif;
  font-size: 16px;
  color: #FFF;
  line-height: 26px;
  text-align: center;
  padding-left: 2px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}

.infografias .fondo .wrapper .element_accordeon ul.bullets li:last-of-type {
  margin-right: 0;
}

.infografias .fondo .wrapper .element_accordeon ul.bullets li.active, .infografias .fondo .wrapper .element_accordeon ul.bullets li:hover {
  background: #F2DF34;
  color: #000;
}

.infografias .fondo .wrapper .element_accordeon ul.accordeon_Content {
  height: 170px;
  top: 152px;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.infografias .fondo .wrapper .element_accordeon ul.accordeon_Content.initialized {
  top: 102px;
  opacity: 1;
}

.infografias .fondo .wrapper .element_accordeon ul.accordeon_Content li {
  color: #000;
  font-family: Blender, sans-serif;
  font-size: 16px;
  text-align: justify;
  height: 0;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
}

.infografias .fondo .wrapper .element_accordeon ul.accordeon_Content li.active {
  height: 210px;
  opacity: 1;
  visibility: visible;
}

.infografias .fondo .wrapper .element_accordeon h2.accordeon_title {
  width: 270px;
  height: 0;
  position: absolute;
  top: 104px;
  background: #000;
  color: #FFF;
  font-family: Blender, sans-serif;
  font-size: 19px;
  text-align: center;
  line-height: 40px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 0;
  visibility: hidden;
}

.infografias .fondo .wrapper .element_accordeon h2.accordeon_title.initialized {
  height: 40px;
}

.infografias .fondo .wrapper .element_accordeon h2.accordeon_title.initialized.active {
  top: 54px;
  opacity: 1;
  visibility: visible;
}

.infografias .fondo .wrapper .button-box {
  width: 100%;
  bottom: -108px;
  height: 21px;
  display: none;
  position: absolute;
  left: 50%;
  -webkit-transform: perspective(1px) translate(-50%, 0);
          transform: perspective(1px) translate(-50%, 0);
}

@media screen and (min-width: 48em) {
  .infografias .fondo .wrapper .button-box {
    display: block;
    bottom: -50px;
  }
}

.infografias .fondo .wrapper .button-box a {
  text-indent: -99999px;
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
}

.infografias .fondo .wrapper .button-box a.button-download {
  background-image: url(../images/btn_descargar.png);
  width: 123px;
  height: 21px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: perspective(1px) translate(-50%, -50%);
          transform: perspective(1px) translate(-50%, -50%);
}

@media screen and (min-width: 48em) {
  .infografias .fondo .wrapper .button-box a.button-download {
    top: inherit;
    bottom: 0;
    left: 0;
    -webkit-transform: perspective(1px) translate(0, 0);
            transform: perspective(1px) translate(0, 0);
  }
}

.infografias .fondo .wrapper p.disclaimer {
  font-size: 9px;
  font-family: Arial, Helvetica, sans-serif;
  color: #000;
  position: absolute;
  right: 0;
  bottom: -140px;
  width: 320px;
  height: 27px;
  text-align: justify;
}

@media screen and (min-width: 48em) {
  .infografias .fondo .wrapper p.disclaimer {
    bottom: -50px;
  }
}

@media screen and (min-width: 48em) {
  .infografias #techos_materiales .wrapper {
    top: 60%;
  }
}

.infografias #techos_materiales .wrapper .element_group {
  width: 320px;
  height: 252px;
}

@media screen and (min-width: 48em) {
  .infografias #techos_materiales .wrapper .element_group {
    width: 512px;
    height: 400px;
  }
}

.infografias #techos_materiales .wrapper .element_group .button_hexan.button_a {
  top: -34px;
  left: 25px;
}

.infografias #techos_materiales .wrapper .element_group .button_hexan.button_b {
  top: 20px;
  left: -12px;
}

@media screen and (min-width: 48em) {
  .infografias #techos_materiales .wrapper .element_group .button_hexan.button_b {
    top: 40px;
    left: 8px;
  }
}

.infografias #techos_materiales .wrapper .element_group .button_hexan.button_c {
  top: 95px;
  left: 12px;
}

@media screen and (min-width: 48em) {
  .infografias #techos_materiales .wrapper .element_group .button_hexan.button_c {
    top: 150px;
    left: 25px;
  }
}

.infografias #techos_materiales .wrapper .element_group .button_hexan.button_d {
  top: 135px;
  left: 75px;
}

@media screen and (min-width: 48em) {
  .infografias #techos_materiales .wrapper .element_group .button_hexan.button_d {
    top: 210px;
    left: 75px;
  }
}

.infografias #techos_materiales .wrapper .element_group .element_Line.element_A_Line {
  top: 14px;
  left: -200px;
}

.infografias #techos_materiales .wrapper .element_group .element_Line.element_A_Line.active {
  left: -220px;
}

.infografias #techos_materiales .wrapper .element_group .element_Line.element_B_Line {
  top: 30px;
  left: -190px;
}

.infografias #techos_materiales .wrapper .element_group .element_Line.element_B_Line.active {
  left: -210px;
}

.infografias #techos_materiales .wrapper .element_group .element_Line.element_C_Line {
  top: 120px;
  left: -200px;
}

.infografias #techos_materiales .wrapper .element_group .element_Line.element_C_Line.active {
  left: -220px;
}

.infografias #techos_materiales .wrapper .element_group .element_Line.element_D_Line {
  top: 210px;
  left: -170px;
}

.infografias #techos_materiales .wrapper .element_group .element_Line.element_D_Line.active {
  left: -190px;
}

.infografias #techos_materiales .wrapper .element_objects .element_Object {
  left: 160px;
  top: 120px;
}

.infografias #techos_materiales .wrapper .element_objects .element_Object.active {
  left: 100px;
}

.infografias #techos_materiales .wrapper .element_objects h2.element_Letter {
  top: 70px;
  left: 130px;
}

.infografias #techos_materiales .wrapper .element_objects h2.element_Letter.active {
  left: 110px;
}

.infografias #techos_materiales .wrapper .element_objects p.element_Content {
  top: 65px;
  left: 180px;
}

.infografias #techos_materiales .wrapper .element_objects p.element_Content.active {
  left: 160px;
}

.infografias #techos_techos .wrapper .element_group {
  width: 320px;
  height: 242px;
  top: 25%;
}

@media screen and (min-width: 48em) {
  .infografias #techos_techos .wrapper .element_group {
    left: inherit;
    right: 0;
    width: 429px;
    height: 323px;
    top: 50%;
  }
}

.infografias #techos_canaletas .wrapper {
  height: 344px;
}

@media screen and (min-width: 48em) {
  .infografias #techos_canaletas .wrapper {
    top: 55%;
  }
}

.infografias #techos_canaletas .wrapper .element_accordeon ul.accordeon_Content li.active {
  height: 115px;
}

.infografias #techos_canaletas .wrapper .element_group {
  width: 300px;
  height: 273px;
  top: 25%;
  -webkit-transform: perspective(1px) translate(-50%, -50%);
          transform: perspective(1px) translate(-50%, -50%);
}

@media screen and (min-width: 48em) {
  .infografias #techos_canaletas .wrapper .element_group.initialized {
    -webkit-transform: perspective(1px) translate(0, -50%);
            transform: perspective(1px) translate(0, -50%);
  }
}

@media screen and (min-width: 48em) {
  .infografias #techos_canaletas .wrapper .element_group {
    top: 50%;
    width: 436px;
    height: 396px;
    -webkit-transform: perspective(1px) translate(-50%, -50%);
            transform: perspective(1px) translate(-50%, -50%);
  }
}

.infografias #techos_canaletas .wrapper .element_group .button_hexan span.hover_text.button_a_1 {
  left: 80px;
}

.infografias #techos_canaletas .wrapper .element_group .button_hexan span.hover_text.button_a_2 {
  left: -20px;
}

.infografias #techos_canaletas .wrapper .element_group .button_hexan span.hover_text.button_a_3 {
  left: -20px;
  top: 30px;
}

.infografias #techos_canaletas .wrapper .element_group .button_hexan span.hover_text.button_a_4 {
  left: 80px;
}

.infografias #techos_canaletas .wrapper .element_group .button_hexan span.hover_text.button_a_5 {
  left: -20px;
}

.infografias #techos_canaletas .wrapper .element_group .button_hexan span.hover_text.button_b_1 {
  left: -24px;
  top: 12px;
}

.infografias #techos_canaletas .wrapper .element_group .button_hexan span.hover_text.button_c_1 {
  left: -15px;
}

.infografias #techos_canaletas .wrapper .element_group .button_hexan span.hover_text.button_d_1 {
  left: 80px;
  top: 10px;
}

.infografias #techos_canaletas .wrapper .element_group .button_hexan span.hover_text.button_e_1 {
  top: 45px;
  left: 30px;
}

.infografias #techos_canaletas .wrapper .element_group .button_hexan span.hover_text.button_f_1 {
  left: -25px;
}

.infografias #techos_canaletas .wrapper .element_group .button_hexan span.hover_text.button_f_2 {
  top: -10px;
  left: 30px;
}

.infografias #techos_canaletas .wrapper .element_group .button_hexan span.hover_text.button_g_1 {
  top: -26px;
  left: 30px;
}

.infografias #techos_canaletas .wrapper .element_group .button_hexan span.hover_text.button_h_1 {
  top: 28px;
  left: 4px;
}

.infografias #techos_canaletas .wrapper .element_group .button_hexan span.hover_text.button_i_1 {
  left: 25px;
  top: -20px;
}

.infografias #techos_canaletas .wrapper .element_group .button_hexan span.hover_text.button_j_1 {
  left: 80px;
}

.infografias #techos_canaletas .wrapper .element_group .button_hexan span.hover_text.button_k_1 {
  left: 80px;
}

.infografias #techos_canaletas .wrapper .element_group .button_hexan span.hover_text.button_l_1 {
  left: -14px;
}

.infografias #techos_canaletas .wrapper .element_group .button_hexan span.hover_text.button_m_1 {
  left: -40px;
  top: 13px;
  line-height: 13px;
}

.infografias #techos_canaletas .wrapper .element_group .button_hexan span.hover_text.button_n_1 {
  left: -36px;
  top: 10px;
}

.infografias #techos_canaletas .wrapper .element_group .button_hexan span.hover_text.button_o_1 {
  left: -35px;
  top: 10px;
}

.infografias #techos_canaletas .wrapper .element_group .button_hexan.button_a_1 {
  top: -16px;
  left: 178px;
}

@media screen and (min-width: 48em) {
  .infografias #techos_canaletas .wrapper .element_group .button_hexan.button_a_1 {
    top: 30px;
    left: 280px;
  }
}

.infografias #techos_canaletas .wrapper .element_group .button_hexan.button_a_2 {
  top: 10px;
  left: 48px;
}

@media screen and (min-width: 48em) {
  .infografias #techos_canaletas .wrapper .element_group .button_hexan.button_a_2 {
    top: 16px;
    left: 78px;
  }
}

.infografias #techos_canaletas .wrapper .element_group .button_hexan.button_a_3 {
  top: 82px;
  left: 37px;
}

@media screen and (min-width: 48em) {
  .infografias #techos_canaletas .wrapper .element_group .button_hexan.button_a_3 {
    top: 114px;
    left: 37px;
  }
}

.infografias #techos_canaletas .wrapper .element_group .button_hexan.button_a_4 {
  top: 69px;
  left: 126px;
}

@media screen and (min-width: 48em) {
  .infografias #techos_canaletas .wrapper .element_group .button_hexan.button_a_4 {
    top: 106px;
    left: 166px;
  }
}

.infografias #techos_canaletas .wrapper .element_group .button_hexan.button_a_5 {
  top: 200px;
  left: 94px;
}

@media screen and (min-width: 48em) {
  .infografias #techos_canaletas .wrapper .element_group .button_hexan.button_a_5 {
    top: 227px;
    left: 100px;
  }
}

.infografias #techos_canaletas .wrapper .element_group .button_hexan.button_b_1 {
  top: 246px;
  left: -14px;
}

@media screen and (min-width: 48em) {
  .infografias #techos_canaletas .wrapper .element_group .button_hexan.button_b_1 {
    top: 348px;
    left: -14px;
  }
}

.infografias #techos_canaletas .wrapper .element_group .button_hexan.button_c_1 {
  top: 250px;
  left: 28px;
}

@media screen and (min-width: 48em) {
  .infografias #techos_canaletas .wrapper .element_group .button_hexan.button_c_1 {
    top: 250px;
    left: 28px;
  }
}

.infografias #techos_canaletas .wrapper .element_group .button_hexan.button_d_1 {
  top: 165px;
  left: 168px;
}

@media screen and (min-width: 48em) {
  .infografias #techos_canaletas .wrapper .element_group .button_hexan.button_d_1 {
    top: 254px;
    left: 225px;
  }
}

.infografias #techos_canaletas .wrapper .element_group .button_hexan.button_e_1 {
  top: 178px;
  left: 143px;
}

@media screen and (min-width: 48em) {
  .infografias #techos_canaletas .wrapper .element_group .button_hexan.button_e_1 {
    top: 270px;
    left: 192px;
  }
}

.infografias #techos_canaletas .wrapper .element_group .button_hexan.button_f_1 {
  top: 74px;
  left: -8px;
}

@media screen and (min-width: 48em) {
  .infografias #techos_canaletas .wrapper .element_group .button_hexan.button_f_1 {
    top: 96px;
    left: -8px;
  }
}

.infografias #techos_canaletas .wrapper .element_group .button_hexan.button_f_2 {
  top: 102px;
  left: 206px;
}

@media screen and (min-width: 48em) {
  .infografias #techos_canaletas .wrapper .element_group .button_hexan.button_f_2 {
    top: 164px;
    left: 302px;
  }
}

.infografias #techos_canaletas .wrapper .element_group .button_hexan.button_g_1 {
  top: 92px;
  left: 168px;
}

@media screen and (min-width: 48em) {
  .infografias #techos_canaletas .wrapper .element_group .button_hexan.button_g_1 {
    top: 139px;
    left: 240px;
  }
}

.infografias #techos_canaletas .wrapper .element_group .button_hexan.button_h_1 {
  top: 107px;
  left: 72px;
}

@media screen and (min-width: 48em) {
  .infografias #techos_canaletas .wrapper .element_group .button_hexan.button_h_1 {
    top: 144px;
    left: 86px;
  }
}

.infografias #techos_canaletas .wrapper .element_group .button_hexan.button_i_1 {
  top: -9px;
  left: 108px;
}

@media screen and (min-width: 48em) {
  .infografias #techos_canaletas .wrapper .element_group .button_hexan.button_i_1 {
    top: -5px;
    left: 166px;
  }
}

.infografias #techos_canaletas .wrapper .element_group .button_hexan.button_j_1 {
  top: -8px;
  left: 240px;
}

@media screen and (min-width: 48em) {
  .infografias #techos_canaletas .wrapper .element_group .button_hexan.button_j_1 {
    top: -8px;
    left: 348px;
  }
}

.infografias #techos_canaletas .wrapper .element_group .button_hexan.button_k_1 {
  top: 98px;
  left: 268px;
}

@media screen and (min-width: 48em) {
  .infografias #techos_canaletas .wrapper .element_group .button_hexan.button_k_1 {
    top: 155px;
    left: 396px;
  }
}

.infografias #techos_canaletas .wrapper .element_group .button_hexan.button_l_1 {
  top: 154px;
  left: 248px;
}

@media screen and (min-width: 48em) {
  .infografias #techos_canaletas .wrapper .element_group .button_hexan.button_l_1 {
    top: 234px;
    left: 368px;
  }
}

.infografias #techos_canaletas .wrapper .element_group .button_hexan.button_m_1 {
  top: 180px;
  left: 248px;
}

@media screen and (min-width: 48em) {
  .infografias #techos_canaletas .wrapper .element_group .button_hexan.button_m_1 {
    top: 266px;
    left: 368px;
  }
}

.infografias #techos_canaletas .wrapper .element_group .button_hexan.button_m_1 span {
  font-size: 17px;
  line-height: 24px;
}

.infografias #techos_canaletas .wrapper .element_group .button_hexan.button_n_1 {
  top: 214px;
  left: 248px;
}

@media screen and (min-width: 48em) {
  .infografias #techos_canaletas .wrapper .element_group .button_hexan.button_n_1 {
    top: 315px;
    left: 368px;
  }
}

.infografias #techos_canaletas .wrapper .element_group .button_hexan.button_o_1 {
  top: 249px;
  left: 248px;
}

@media screen and (min-width: 48em) {
  .infografias #techos_canaletas .wrapper .element_group .button_hexan.button_o_1 {
    top: 370px;
    left: 368px;
  }
}

.infografias #techos_canaletas .wrapper .element_accordeon {
  top: 64%;
}

@media screen and (min-width: 48em) {
  .infografias #techos_canaletas .wrapper .element_accordeon {
    top: 55%;
  }
}

.infografias #techos_canaletas .wrapper .element_accordeon ul.bullets {
  top: 20px;
}

.infografias #techos_canaletas .wrapper p.disclaimer, .infografias #techos_canaletas .wrapper .button-box {
  bottom: -118px;
}

@media screen and (min-width: 48em) {
  .infografias #techos_canaletas .wrapper p.disclaimer, .infografias #techos_canaletas .wrapper .button-box {
    bottom: -85px;
  }
}

.infografias #techos_canaletas .wrapper p.disclaimer {
  bottom: -150px;
}

@media screen and (min-width: 48em) {
  .infografias #techos_canaletas .wrapper p.disclaimer {
    bottom: -85px;
  }
}

.infografias #inicio.seguridad .wrapper ul.initial_buttons li[data-move="elementos_carpintero"] p {
  font-size: 10px;
}

@media screen and (min-width: 48em) {
  .infografias #inicio.seguridad .wrapper ul.initial_buttons li[data-move="elementos_carpintero"] p {
    font-size: 16px;
  }
}

.infografias #elementos_seguridad .wrapper {
  left: 60%;
}

@media screen and (min-width: 48em) {
  .infografias #elementos_seguridad .wrapper {
    left: 50%;
    top: 60%;
  }
}

.infografias #elementos_seguridad .wrapper .element_group {
  width: 280px;
  height: 265px;
}

@media screen and (min-width: 48em) {
  .infografias #elementos_seguridad .wrapper .element_group {
    width: 404px;
    height: 442px;
  }
}

.infografias #elementos_seguridad .wrapper .element_group.izquierda {
  left: 20%;
}

.infografias #elementos_seguridad .wrapper .element_group .element_Line_Start.element_A_Line_Start {
  top: 50px;
  left: -6px;
}

@media screen and (min-width: 48em) {
  .infografias #elementos_seguridad .wrapper .element_group .element_Line_Start.element_A_Line_Start {
    top: 97px;
    left: 13px;
  }
}

.infografias #elementos_seguridad .wrapper .element_group .element_Line_Start.element_B_Line_Start {
  top: 45px;
  left: 77px;
}

@media screen and (min-width: 48em) {
  .infografias #elementos_seguridad .wrapper .element_group .element_Line_Start.element_B_Line_Start {
    top: 98px;
    left: 108px;
  }
}

.infografias #elementos_seguridad .wrapper .element_group .element_Line_Start.element_C_Line_Start {
  top: 95px;
  left: 105px;
}

@media screen and (min-width: 48em) {
  .infografias #elementos_seguridad .wrapper .element_group .element_Line_Start.element_C_Line_Start {
    top: 175px;
    left: 150px;
  }
}

.infografias #elementos_seguridad .wrapper .element_group .element_Line_Start.element_D_Line_Start {
  top: 86px;
  left: 10px;
}

@media screen and (min-width: 48em) {
  .infografias #elementos_seguridad .wrapper .element_group .element_Line_Start.element_D_Line_Start {
    top: 142px;
    left: 35px;
  }
}

.infografias #elementos_seguridad .wrapper .element_group .element_Line_Start.element_E_Line_Start {
  top: 196px;
  left: -22px;
}

@media screen and (min-width: 48em) {
  .infografias #elementos_seguridad .wrapper .element_group .element_Line_Start.element_E_Line_Start {
    top: 302px;
    left: -2px;
  }
}

.infografias #elementos_seguridad .wrapper .element_group .element_Line_Start.element_F_Line_Start {
  top: 151px;
  left: 96px;
}

@media screen and (min-width: 48em) {
  .infografias #elementos_seguridad .wrapper .element_group .element_Line_Start.element_F_Line_Start {
    top: 256px;
    left: 138px;
  }
}

.infografias #elementos_seguridad .wrapper .element_group .element_Line_Start.element_G_Line_Start {
  top: 224px;
  left: 122px;
}

@media screen and (min-width: 48em) {
  .infografias #elementos_seguridad .wrapper .element_group .element_Line_Start.element_G_Line_Start {
    top: 382px;
    left: 184px;
  }
}

.infografias #elementos_seguridad .wrapper .element_group .element_Line.element_A_Line {
  top: 110px;
  left: -170px;
}

.infografias #elementos_seguridad .wrapper .element_group .element_Line.element_A_Line.active {
  left: -190px;
}

.infografias #elementos_seguridad .wrapper .element_group .element_Line.element_B_Line {
  top: 120px;
  left: 120px;
}

.infografias #elementos_seguridad .wrapper .element_group .element_Line.element_B_Line.active {
  left: 100px;
}

.infografias #elementos_seguridad .wrapper .element_group .element_Line.element_C_Line {
  top: 175px;
  left: 130px;
}

.infografias #elementos_seguridad .wrapper .element_group .element_Line.element_C_Line.active {
  left: 150px;
}

.infografias #elementos_seguridad .wrapper .element_group .element_Line.element_D_Line {
  left: -230px;
  top: 133px;
}

.infografias #elementos_seguridad .wrapper .element_group .element_Line.element_D_Line.active {
  left: -210px;
}

.infografias #elementos_seguridad .wrapper .element_group .element_Line.element_E_Line {
  top: 200px;
  left: -220px;
}

.infografias #elementos_seguridad .wrapper .element_group .element_Line.element_E_Line.active {
  left: -240px;
}

.infografias #elementos_seguridad .wrapper .element_group .element_Line.element_F_Line {
  top: 260px;
  left: 120px;
}

.infografias #elementos_seguridad .wrapper .element_group .element_Line.element_F_Line.active {
  left: 140px;
}

.infografias #elementos_seguridad .wrapper .element_group .element_Line.element_G_Line {
  top: 220px;
  left: 170px;
}

.infografias #elementos_seguridad .wrapper .element_group .element_Line.element_G_Line.active {
  left: 190px;
}

.infografias #elementos_seguridad .wrapper .element_group .button_circle.button_a {
  top: 36px;
  left: -22px;
}

@media screen and (min-width: 48em) {
  .infografias #elementos_seguridad .wrapper .element_group .button_circle.button_a {
    top: 85px;
    left: -4px;
  }
  .infografias #elementos_seguridad .wrapper .element_group .button_circle.button_a.active {
    top: 116px;
    left: -206px;
  }
}

.infografias #elementos_seguridad .wrapper .element_group .button_circle.button_b {
  top: 32px;
  left: 112px;
}

@media screen and (min-width: 48em) {
  .infografias #elementos_seguridad .wrapper .element_group .button_circle.button_b {
    top: 85px;
    left: 144px;
  }
  .infografias #elementos_seguridad .wrapper .element_group .button_circle.button_b.active {
    top: 102px;
    left: 230px;
  }
}

.infografias #elementos_seguridad .wrapper .element_group .button_circle.button_c {
  top: 82px;
  left: 150px;
}

@media screen and (min-width: 48em) {
  .infografias #elementos_seguridad .wrapper .element_group .button_circle.button_c {
    top: 162px;
    left: 192px;
  }
  .infografias #elementos_seguridad .wrapper .element_group .button_circle.button_c.active {
    left: 234px;
    top: 160px;
  }
}

.infografias #elementos_seguridad .wrapper .element_group .button_circle.button_d {
  top: 100px;
  left: -10px;
}

@media screen and (min-width: 48em) {
  .infografias #elementos_seguridad .wrapper .element_group .button_circle.button_d {
    top: 154px;
    left: 14px;
  }
  .infografias #elementos_seguridad .wrapper .element_group .button_circle.button_d.active {
    top: 120px;
    left: -240px;
  }
}

.infografias #elementos_seguridad .wrapper .element_group .button_circle.button_e {
  top: 182px;
  left: -40px;
}

@media screen and (min-width: 48em) {
  .infografias #elementos_seguridad .wrapper .element_group .button_circle.button_e {
    top: 288px;
    left: -22px;
  }
  .infografias #elementos_seguridad .wrapper .element_group .button_circle.button_e.active {
    top: 185px;
    left: -260px;
  }
}

.infografias #elementos_seguridad .wrapper .element_group .button_circle.button_f {
  top: 136px;
  left: 135px;
}

@media screen and (min-width: 48em) {
  .infografias #elementos_seguridad .wrapper .element_group .button_circle.button_f {
    top: 242px;
    left: 178px;
  }
  .infografias #elementos_seguridad .wrapper .element_group .button_circle.button_f.active {
    top: 247px;
    left: 320px;
  }
}

.infografias #elementos_seguridad .wrapper .element_group .button_circle.button_g {
  top: 210px;
  left: 158px;
}

@media screen and (min-width: 48em) {
  .infografias #elementos_seguridad .wrapper .element_group .button_circle.button_g {
    top: 368px;
    left: 220px;
  }
  .infografias #elementos_seguridad .wrapper .element_group .button_circle.button_g.active {
    top: 205px;
    left: 340px;
  }
}

.infografias #elementos_seguridad .wrapper .element_objects .element_Tittle.element_A_Tittle {
  left: 148px;
  top: 215px;
}

.infografias #elementos_seguridad .wrapper .element_objects .element_Tittle.element_A_Tittle.active {
  left: 128px;
}

.infografias #elementos_seguridad .wrapper .element_objects .element_Tittle.element_B_Tittle {
  left: 480px;
  top: 195px;
}

.infografias #elementos_seguridad .wrapper .element_objects .element_Tittle.element_B_Tittle.active {
  left: 500px;
}

.infografias #elementos_seguridad .wrapper .element_objects .element_Tittle.element_C_Tittle {
  left: 460px;
  top: 260px;
}

.infografias #elementos_seguridad .wrapper .element_objects .element_Tittle.element_C_Tittle.active {
  left: 480px;
}

.infografias #elementos_seguridad .wrapper .element_objects .element_Tittle.element_D_Tittle {
  left: 170px;
  top: 210px;
}

.infografias #elementos_seguridad .wrapper .element_objects .element_Tittle.element_D_Tittle.active {
  left: 150px;
}

.infografias #elementos_seguridad .wrapper .element_objects .element_Tittle.element_E_Tittle {
  left: 145px;
  top: 250px;
}

.infografias #elementos_seguridad .wrapper .element_objects .element_Tittle.element_E_Tittle.active {
  left: 125px;
}

.infografias #elementos_seguridad .wrapper .element_objects .element_Tittle.element_F_Tittle {
  left: 550px;
  top: 295px;
}

.infografias #elementos_seguridad .wrapper .element_objects .element_Tittle.element_F_Tittle.active {
  left: 570px;
}

.infografias #elementos_seguridad .wrapper .element_objects .element_Tittle.element_G_Tittle {
  left: 580px;
  top: 260px;
}

.infografias #elementos_seguridad .wrapper .element_objects .element_Tittle.element_G_Tittle.active {
  left: 600px;
}

.infografias #elementos_seguridad .wrapper .element_objects .element_Content.element_A_Content {
  width: 320px;
  top: 250px;
  left: 148px;
}

.infografias #elementos_seguridad .wrapper .element_objects .element_Content.element_A_Content.active {
  left: 128px;
}

.infografias #elementos_seguridad .wrapper .element_objects .element_Content.element_B_Content {
  width: 300px;
  left: 480px;
  top: 260px;
}

.infografias #elementos_seguridad .wrapper .element_objects .element_Content.element_B_Content.active {
  left: 500px;
}

.infografias #elementos_seguridad .wrapper .element_objects .element_Content.element_C_Content {
  width: 280px;
  left: 460px;
  top: 300px;
}

.infografias #elementos_seguridad .wrapper .element_objects .element_Content.element_C_Content.active {
  left: 480px;
}

.infografias #elementos_seguridad .wrapper .element_objects .element_Content.element_D_Content {
  width: 294px;
  left: 170px;
  top: 275px;
}

.infografias #elementos_seguridad .wrapper .element_objects .element_Content.element_D_Content.active {
  left: 150px;
}

.infografias #elementos_seguridad .wrapper .element_objects .element_Content.element_E_Content {
  width: 300px;
  left: 145px;
  top: 315px;
}

.infografias #elementos_seguridad .wrapper .element_objects .element_Content.element_E_Content.active {
  left: 125px;
}

.infografias #elementos_seguridad .wrapper .element_objects .element_Content.element_F_Content {
  width: 320px;
  top: 360px;
  left: 550px;
}

.infografias #elementos_seguridad .wrapper .element_objects .element_Content.element_F_Content.active {
  left: 570px;
}

.infografias #elementos_seguridad .wrapper .element_objects .element_Content.element_G_Content {
  width: 260px;
  left: 580px;
  top: 325px;
}

.infografias #elementos_seguridad .wrapper .element_objects .element_Content.element_G_Content.active {
  left: 600px;
}

.infografias #elementos_seguridad .wrapper .element_objects .element_Object.element_A_Object {
  top: 135px;
  left: 152px;
}

.infografias #elementos_seguridad .wrapper .element_objects .element_Object.element_A_Object.active {
  left: 132px;
}

.infografias #elementos_seguridad .wrapper .element_objects .element_Object.element_B_Object {
  left: 480px;
  top: 118px;
}

.infografias #elementos_seguridad .wrapper .element_objects .element_Object.element_B_Object.active {
  left: 500px;
}

.infografias #elementos_seguridad .wrapper .element_objects .element_Object.element_C_Object {
  left: 460px;
  top: 180px;
}

.infografias #elementos_seguridad .wrapper .element_objects .element_Object.element_C_Object.active {
  left: 480px;
}

.infografias #elementos_seguridad .wrapper .element_objects .element_Object.element_D_Object {
  top: 145px;
  left: 170px;
}

.infografias #elementos_seguridad .wrapper .element_objects .element_Object.element_D_Object.active {
  left: 150px;
}

.infografias #elementos_seguridad .wrapper .element_objects .element_Object.element_E_Object {
  left: 145px;
  top: 120px;
}

.infografias #elementos_seguridad .wrapper .element_objects .element_Object.element_E_Object.active {
  left: 125px;
}

.infografias #elementos_seguridad .wrapper .element_objects .element_Object.element_F_Object {
  top: 190px;
  left: 550px;
}

.infografias #elementos_seguridad .wrapper .element_objects .element_Object.element_F_Object.active {
  left: 570px;
}

.infografias #elementos_seguridad .wrapper .element_objects .element_Object.element_G_Object {
  top: 180px;
  left: 580px;
}

.infografias #elementos_seguridad .wrapper .element_objects .element_Object.element_G_Object.active {
  left: 600px;
}

.infografias #elementos_albanil .wrapper {
  top: 55%;
}

.infografias #elementos_albanil .wrapper .element_group {
  width: 300px;
  height: 380px;
}

@media screen and (min-width: 48em) {
  .infografias #elementos_albanil .wrapper .element_group {
    width: 320px;
    height: 406px;
  }
}

.infografias #elementos_albanil .wrapper .element_group .element_Line_Start.element_A_Line_Start {
  top: 30px;
  left: 70px;
}

@media screen and (min-width: 48em) {
  .infografias #elementos_albanil .wrapper .element_group .element_Line_Start.element_A_Line_Start {
    top: 30px;
    left: 70px;
  }
}

.infografias #elementos_albanil .wrapper .element_group .element_Line_Start.element_B_Line_Start {
  top: 32px;
  left: 150px;
}

@media screen and (min-width: 48em) {
  .infografias #elementos_albanil .wrapper .element_group .element_Line_Start.element_B_Line_Start {
    top: 32px;
    left: 165px;
  }
}

.infografias #elementos_albanil .wrapper .element_group .element_Line_Start.element_C_Line_Start {
  top: 180px;
  left: 50px;
}

@media screen and (min-width: 48em) {
  .infografias #elementos_albanil .wrapper .element_group .element_Line_Start.element_C_Line_Start {
    top: 180px;
    left: 50px;
  }
}

.infografias #elementos_albanil .wrapper .element_group .element_Line_Start.element_D_Line_Start {
  left: 160px;
  top: 120px;
}

@media screen and (min-width: 48em) {
  .infografias #elementos_albanil .wrapper .element_group .element_Line_Start.element_D_Line_Start {
    left: 170px;
    top: 120px;
  }
}

.infografias #elementos_albanil .wrapper .element_group .element_Line_Start.element_E_Line_Start {
  top: 290px;
  left: 80px;
}

@media screen and (min-width: 48em) {
  .infografias #elementos_albanil .wrapper .element_group .element_Line_Start.element_E_Line_Start {
    top: 306px;
    left: 80px;
  }
}

.infografias #elementos_albanil .wrapper .element_group .element_Line.element_A_Line {
  top: 30px;
  left: -80px;
}

.infografias #elementos_albanil .wrapper .element_group .element_Line.element_A_Line.active {
  left: -100px;
}

.infografias #elementos_albanil .wrapper .element_group .element_Line.element_B_Line {
  top: 35px;
  left: 140px;
}

.infografias #elementos_albanil .wrapper .element_group .element_Line.element_B_Line.active {
  left: 160px;
}

.infografias #elementos_albanil .wrapper .element_group .element_Line.element_C_Line {
  top: 175px;
  left: -40px;
}

.infografias #elementos_albanil .wrapper .element_group .element_Line.element_C_Line.active {
  left: -60px;
}

.infografias #elementos_albanil .wrapper .element_group .element_Line.element_D_Line {
  left: 150px;
  top: 133px;
}

.infografias #elementos_albanil .wrapper .element_group .element_Line.element_D_Line.active {
  left: 170px;
}

.infografias #elementos_albanil .wrapper .element_group .element_Line.element_E_Line {
  top: 310px;
  left: -80px;
}

.infografias #elementos_albanil .wrapper .element_group .element_Line.element_E_Line.active {
  left: -100px;
}

.infografias #elementos_albanil .wrapper .element_group .button_circle.button_a {
  top: 36px;
  left: 50px;
}

@media screen and (min-width: 48em) {
  .infografias #elementos_albanil .wrapper .element_group .button_circle.button_a {
    top: 38px;
    left: 50px;
  }
  .infografias #elementos_albanil .wrapper .element_group .button_circle.button_a.active {
    top: 40px;
    left: -118px;
  }
}

.infografias #elementos_albanil .wrapper .element_group .button_circle.button_b {
  top: 18px;
  left: 180px;
}

@media screen and (min-width: 48em) {
  .infografias #elementos_albanil .wrapper .element_group .button_circle.button_b {
    top: 19px;
    left: 190px;
  }
  .infografias #elementos_albanil .wrapper .element_group .button_circle.button_b.active {
    top: 22px;
    left: 420px;
  }
}

.infografias #elementos_albanil .wrapper .element_group .button_circle.button_c {
  top: 180px;
  left: 38px;
}

@media screen and (min-width: 48em) {
  .infografias #elementos_albanil .wrapper .element_group .button_circle.button_c {
    top: 188px;
    left: 30px;
  }
  .infografias #elementos_albanil .wrapper .element_group .button_circle.button_c.active {
    left: -75px;
    top: 180px;
  }
}

.infografias #elementos_albanil .wrapper .element_group .button_circle.button_d {
  top: 105px;
  left: 210px;
}

@media screen and (min-width: 48em) {
  .infografias #elementos_albanil .wrapper .element_group .button_circle.button_d {
    top: 107px;
    left: 222px;
  }
  .infografias #elementos_albanil .wrapper .element_group .button_circle.button_d.active {
    top: 120px;
    left: 360px;
  }
}

.infografias #elementos_albanil .wrapper .element_group .button_circle.button_e {
  top: 300px;
  left: 62px;
}

@media screen and (min-width: 48em) {
  .infografias #elementos_albanil .wrapper .element_group .button_circle.button_e {
    top: 312px;
    left: 65px;
  }
  .infografias #elementos_albanil .wrapper .element_group .button_circle.button_e.active {
    top: 320px;
    left: -120px;
  }
}

.infografias #elementos_albanil .wrapper .element_objects .element_Tittle.element_A_Tittle {
  top: 230px;
  left: 260px;
}

.infografias #elementos_albanil .wrapper .element_objects .element_Tittle.element_A_Tittle.active {
  left: 280px;
}

.infografias #elementos_albanil .wrapper .element_objects .element_Tittle.element_B_Tittle {
  left: 400px;
  top: 180px;
}

.infografias #elementos_albanil .wrapper .element_objects .element_Tittle.element_B_Tittle.active {
  left: 420px;
}

.infografias #elementos_albanil .wrapper .element_objects .element_Tittle.element_C_Tittle {
  left: 270px;
  top: 260px;
}

.infografias #elementos_albanil .wrapper .element_objects .element_Tittle.element_C_Tittle.active {
  left: 250px;
}

.infografias #elementos_albanil .wrapper .element_objects .element_Tittle.element_D_Tittle {
  left: 380px;
  top: 250px;
}

.infografias #elementos_albanil .wrapper .element_objects .element_Tittle.element_D_Tittle.active {
  left: 400px;
}

.infografias #elementos_albanil .wrapper .element_objects .element_Tittle.element_E_Tittle {
  left: 135px;
  top: 340px;
}

.infografias #elementos_albanil .wrapper .element_objects .element_Tittle.element_E_Tittle.active {
  left: 155px;
}

.infografias #elementos_albanil .wrapper .element_objects .element_Content.element_A_Content {
  width: 310px;
  top: 300px;
  left: 105px;
}

.infografias #elementos_albanil .wrapper .element_objects .element_Content.element_A_Content.active {
  left: 125px;
}

.infografias #elementos_albanil .wrapper .element_objects .element_Content.element_B_Content {
  width: 300px;
  left: 400px;
  top: 250px;
}

.infografias #elementos_albanil .wrapper .element_objects .element_Content.element_B_Content.active {
  left: 420px;
}

.infografias #elementos_albanil .wrapper .element_objects .element_Content.element_C_Content {
  width: 280px;
  left: 105px;
  top: 300px;
}

.infografias #elementos_albanil .wrapper .element_objects .element_Content.element_C_Content.active {
  left: 85px;
}

.infografias #elementos_albanil .wrapper .element_objects .element_Content.element_D_Content {
  width: 294px;
  left: 380px;
  top: 320px;
}

.infografias #elementos_albanil .wrapper .element_objects .element_Content.element_D_Content.active {
  left: 400px;
}

.infografias #elementos_albanil .wrapper .element_objects .element_Content.element_E_Content {
  width: 210px;
  left: 150px;
  top: 375px;
}

.infografias #elementos_albanil .wrapper .element_objects .element_Content.element_E_Content.active {
  left: 130px;
}

.infografias #elementos_albanil .wrapper .element_objects .element_Object.element_A_Object {
  top: 132px;
  left: 350px;
}

.infografias #elementos_albanil .wrapper .element_objects .element_Object.element_A_Object.active {
  left: 330px;
}

.infografias #elementos_albanil .wrapper .element_objects .element_Object.element_B_Object {
  left: 400px;
  top: 118px;
}

.infografias #elementos_albanil .wrapper .element_objects .element_Object.element_B_Object.active {
  left: 420px;
}

.infografias #elementos_albanil .wrapper .element_objects .element_Object.element_C_Object {
  left: 260px;
  top: 180px;
}

.infografias #elementos_albanil .wrapper .element_objects .element_Object.element_C_Object.active {
  left: 280px;
}

.infografias #elementos_albanil .wrapper .element_objects .element_Object.element_D_Object {
  top: 145px;
  left: 380px;
}

.infografias #elementos_albanil .wrapper .element_objects .element_Object.element_D_Object.active {
  left: 400px;
}

.infografias #elementos_albanil .wrapper .element_objects .element_Object.element_E_Object {
  left: 260px;
  top: 230px;
}

.infografias #elementos_albanil .wrapper .element_objects .element_Object.element_E_Object.active {
  left: 240px;
}

.infografias #elementos_electricista .wrapper {
  top: 55%;
}

.infografias #elementos_electricista .wrapper .element_group {
  width: 300px;
  height: 379px;
}

@media screen and (min-width: 48em) {
  .infografias #elementos_electricista .wrapper .element_group {
    width: 317px;
    height: 403px;
  }
}

.infografias #elementos_electricista .wrapper .element_group .element_Line_Start.element_A_Line_Start {
  top: 35px;
  left: 62px;
}

@media screen and (min-width: 48em) {
  .infografias #elementos_electricista .wrapper .element_group .element_Line_Start.element_A_Line_Start {
    top: 35px;
    left: 66px;
  }
}

.infografias #elementos_electricista .wrapper .element_group .element_Line_Start.element_B_Line_Start {
  top: 43px;
  left: 150px;
}

@media screen and (min-width: 48em) {
  .infografias #elementos_electricista .wrapper .element_group .element_Line_Start.element_B_Line_Start {
    top: 44px;
    left: 158px;
  }
}

.infografias #elementos_electricista .wrapper .element_group .element_Line_Start.element_C_Line_Start {
  top: 154px;
  left: 40px;
}

@media screen and (min-width: 48em) {
  .infografias #elementos_electricista .wrapper .element_group .element_Line_Start.element_C_Line_Start {
    top: 170px;
    left: 50px;
  }
}

.infografias #elementos_electricista .wrapper .element_group .element_Line_Start.element_D_Line_Start {
  left: 212px;
  top: 58px;
}

@media screen and (min-width: 48em) {
  .infografias #elementos_electricista .wrapper .element_group .element_Line_Start.element_D_Line_Start {
    left: 230px;
    top: 58px;
  }
}

.infografias #elementos_electricista .wrapper .element_group .element_Line_Start.element_E_Line_Start {
  top: 290px;
  left: 72px;
}

@media screen and (min-width: 48em) {
  .infografias #elementos_electricista .wrapper .element_group .element_Line_Start.element_E_Line_Start {
    top: 306px;
    left: 80px;
  }
}

.infografias #elementos_electricista .wrapper .element_group .element_Line.element_A_Line {
  top: 30px;
  left: -40px;
}

.infografias #elementos_electricista .wrapper .element_group .element_Line.element_A_Line.active {
  left: -60px;
}

.infografias #elementos_electricista .wrapper .element_group .element_Line.element_B_Line {
  top: 45px;
  left: 140px;
}

.infografias #elementos_electricista .wrapper .element_group .element_Line.element_B_Line.active {
  left: 160px;
}

.infografias #elementos_electricista .wrapper .element_group .element_Line.element_C_Line {
  top: 175px;
  left: -24px;
}

.infografias #elementos_electricista .wrapper .element_group .element_Line.element_C_Line.active {
  left: -44px;
}

.infografias #elementos_electricista .wrapper .element_group .element_Line.element_D_Line {
  left: 200px;
  top: 60px;
}

.infografias #elementos_electricista .wrapper .element_group .element_Line.element_D_Line.active {
  left: 220px;
}

.infografias #elementos_electricista .wrapper .element_group .element_Line.element_E_Line {
  top: 310px;
  left: -80px;
}

.infografias #elementos_electricista .wrapper .element_group .element_Line.element_E_Line.active {
  left: -100px;
}

.infografias #elementos_electricista .wrapper .element_group .button_circle.button_a {
  top: 21px;
  left: 42px;
}

@media screen and (min-width: 48em) {
  .infografias #elementos_electricista .wrapper .element_group .button_circle.button_a {
    top: 22px;
    left: 50px;
  }
  .infografias #elementos_electricista .wrapper .element_group .button_circle.button_a.active {
    top: 18px;
    left: -76px;
  }
}

.infografias #elementos_electricista .wrapper .element_group .button_circle.button_b {
  top: 28px;
  left: 230px;
}

@media screen and (min-width: 48em) {
  .infografias #elementos_electricista .wrapper .element_group .button_circle.button_b {
    top: 31px;
    left: 240px;
  }
  .infografias #elementos_electricista .wrapper .element_group .button_circle.button_b.active {
    top: 30px;
    left: 340px;
  }
}

.infografias #elementos_electricista .wrapper .element_group .button_circle.button_c {
  top: 155px;
  left: 32px;
}

@media screen and (min-width: 48em) {
  .infografias #elementos_electricista .wrapper .element_group .button_circle.button_c {
    top: 170px;
    left: 30px;
  }
  .infografias #elementos_electricista .wrapper .element_group .button_circle.button_c.active {
    left: -70px;
    top: 175px;
  }
}

.infografias #elementos_electricista .wrapper .element_group .button_circle.button_d {
  top: 105px;
  left: 253px;
}

@media screen and (min-width: 48em) {
  .infografias #elementos_electricista .wrapper .element_group .button_circle.button_d {
    top: 107px;
    left: 271px;
  }
  .infografias #elementos_electricista .wrapper .element_group .button_circle.button_d.active {
    top: 120px;
    left: 374px;
  }
}

.infografias #elementos_electricista .wrapper .element_group .button_circle.button_e {
  top: 272px;
  left: 57px;
}

@media screen and (min-width: 48em) {
  .infografias #elementos_electricista .wrapper .element_group .button_circle.button_e {
    top: 290px;
    left: 61px;
  }
  .infografias #elementos_electricista .wrapper .element_group .button_circle.button_e.active {
    top: 300px;
    left: -95px;
  }
}

.infografias #elementos_electricista .wrapper .element_objects .element_Tittle.element_A_Tittle {
  top: 180px;
  left: 100px;
}

.infografias #elementos_electricista .wrapper .element_objects .element_Tittle.element_A_Tittle.active {
  left: 80px;
}

.infografias #elementos_electricista .wrapper .element_objects .element_Tittle.element_B_Tittle {
  left: 400px;
  top: 160px;
}

.infografias #elementos_electricista .wrapper .element_objects .element_Tittle.element_B_Tittle.active {
  left: 380px;
}

.infografias #elementos_electricista .wrapper .element_objects .element_Tittle.element_C_Tittle {
  left: 145px;
  top: 230px;
}

.infografias #elementos_electricista .wrapper .element_objects .element_Tittle.element_C_Tittle.active {
  left: 125px;
}

.infografias #elementos_electricista .wrapper .element_objects .element_Tittle.element_D_Tittle {
  left: 400px;
  top: 220px;
}

.infografias #elementos_electricista .wrapper .element_objects .element_Tittle.element_D_Tittle.active {
  left: 420px;
}

.infografias #elementos_electricista .wrapper .element_objects .element_Tittle.element_E_Tittle {
  left: 120px;
  top: 220px;
}

.infografias #elementos_electricista .wrapper .element_objects .element_Tittle.element_E_Tittle.active {
  left: 100px;
}

.infografias #elementos_electricista .wrapper .element_objects .element_Content.element_A_Content {
  width: 310px;
  top: 245px;
  left: 100px;
}

.infografias #elementos_electricista .wrapper .element_objects .element_Content.element_A_Content.active {
  left: 80px;
}

.infografias #elementos_electricista .wrapper .element_objects .element_Content.element_B_Content {
  width: 300px;
  left: 400px;
  top: 230px;
}

.infografias #elementos_electricista .wrapper .element_objects .element_Content.element_B_Content.active {
  left: 380px;
}

.infografias #elementos_electricista .wrapper .element_objects .element_Content.element_C_Content {
  width: 280px;
  left: 140px;
  top: 300px;
}

.infografias #elementos_electricista .wrapper .element_objects .element_Content.element_C_Content.active {
  left: 120px;
}

.infografias #elementos_electricista .wrapper .element_objects .element_Content.element_D_Content {
  width: 294px;
  left: 400px;
  top: 260px;
}

.infografias #elementos_electricista .wrapper .element_objects .element_Content.element_D_Content.active {
  left: 420px;
}

.infografias #elementos_electricista .wrapper .element_objects .element_Content.element_E_Content {
  width: 300px;
  left: 80px;
  top: 260px;
}

.infografias #elementos_electricista .wrapper .element_objects .element_Content.element_E_Content.active {
  left: 60px;
}

.infografias #elementos_electricista .wrapper .element_objects .element_Object.element_A_Object {
  top: 80px;
  left: 320px;
}

.infografias #elementos_electricista .wrapper .element_objects .element_Object.element_A_Object.active {
  left: 300px;
}

.infografias #elementos_electricista .wrapper .element_objects .element_Object.element_B_Object {
  left: 400px;
  top: 100px;
}

.infografias #elementos_electricista .wrapper .element_objects .element_Object.element_B_Object.active {
  left: 380px;
}

.infografias #elementos_electricista .wrapper .element_objects .element_Object.element_C_Object {
  left: 340px;
  top: 135px;
}

.infografias #elementos_electricista .wrapper .element_objects .element_Object.element_C_Object.active {
  left: 320px;
}

.infografias #elementos_electricista .wrapper .element_objects .element_Object.element_D_Object {
  top: 145px;
  left: 400px;
}

.infografias #elementos_electricista .wrapper .element_objects .element_Object.element_D_Object.active {
  left: 420px;
}

.infografias #elementos_electricista .wrapper .element_objects .element_Object.element_E_Object {
  left: 260px;
  top: 150px;
}

.infografias #elementos_electricista .wrapper .element_objects .element_Object.element_E_Object.active {
  left: 240px;
}

.infografias #elementos_soldador .wrapper {
  top: 55%;
}

.infografias #elementos_soldador .wrapper .element_group {
  width: 300px;
  height: 379px;
}

@media screen and (min-width: 48em) {
  .infografias #elementos_soldador .wrapper .element_group {
    width: 317px;
    height: 404px;
  }
}

.infografias #elementos_soldador .wrapper .element_group .element_Line_Start.element_A_Line_Start {
  top: 40px;
  left: 47px;
}

@media screen and (min-width: 48em) {
  .infografias #elementos_soldador .wrapper .element_group .element_Line_Start.element_A_Line_Start {
    top: 38px;
    left: 60px;
  }
}

.infografias #elementos_soldador .wrapper .element_group .element_Line_Start.element_B_Line_Start {
  top: 53px;
  left: 137px;
}

@media screen and (min-width: 48em) {
  .infografias #elementos_soldador .wrapper .element_group .element_Line_Start.element_B_Line_Start {
    top: 52px;
    left: 158px;
  }
}

.infografias #elementos_soldador .wrapper .element_group .element_Line_Start.element_C_Line_Start {
  top: 250px;
  left: 41px;
}

@media screen and (min-width: 48em) {
  .infografias #elementos_soldador .wrapper .element_group .element_Line_Start.element_C_Line_Start {
    top: 276px;
    left: 50px;
  }
}

.infografias #elementos_soldador .wrapper .element_group .element_Line_Start.element_D_Line_Start {
  left: 99px;
  top: 132px;
}

@media screen and (min-width: 48em) {
  .infografias #elementos_soldador .wrapper .element_group .element_Line_Start.element_D_Line_Start {
    left: 120px;
    top: 100px;
  }
}

.infografias #elementos_soldador .wrapper .element_group .element_Line.element_A_Line {
  top: 30px;
  left: -80px;
}

.infografias #elementos_soldador .wrapper .element_group .element_Line.element_A_Line.active {
  left: -100px;
}

.infografias #elementos_soldador .wrapper .element_group .element_Line.element_B_Line {
  top: 35px;
  left: 140px;
}

.infografias #elementos_soldador .wrapper .element_group .element_Line.element_B_Line.active {
  left: 160px;
}

.infografias #elementos_soldador .wrapper .element_group .element_Line.element_C_Line {
  top: 175px;
  left: -40px;
}

.infografias #elementos_soldador .wrapper .element_group .element_Line.element_C_Line.active {
  left: -60px;
}

.infografias #elementos_soldador .wrapper .element_group .element_Line.element_D_Line {
  left: 120px;
  top: 80px;
}

.infografias #elementos_soldador .wrapper .element_group .element_Line.element_D_Line.active {
  left: 100px;
}

.infografias #elementos_soldador .wrapper .element_group .button_circle.button_a {
  top: 26px;
  left: 33px;
}

@media screen and (min-width: 48em) {
  .infografias #elementos_soldador .wrapper .element_group .button_circle.button_a {
    top: 25px;
    left: 50px;
  }
  .infografias #elementos_soldador .wrapper .element_group .button_circle.button_a.active {
    top: 18px;
    left: -118px;
  }
}

.infografias #elementos_soldador .wrapper .element_group .button_circle.button_b {
  top: 38px;
  left: 240px;
}

@media screen and (min-width: 48em) {
  .infografias #elementos_soldador .wrapper .element_group .button_circle.button_b {
    top: 38px;
    left: 270px;
  }
  .infografias #elementos_soldador .wrapper .element_group .button_circle.button_b.active {
    top: 22px;
    left: 400px;
  }
}

.infografias #elementos_soldador .wrapper .element_group .button_circle.button_c {
  top: 290px;
  left: 23px;
}

@media screen and (min-width: 48em) {
  .infografias #elementos_soldador .wrapper .element_group .button_circle.button_c {
    top: 315px;
    left: 30px;
  }
  .infografias #elementos_soldador .wrapper .element_group .button_circle.button_c.active {
    left: -75px;
    top: 215px;
  }
}

.infografias #elementos_soldador .wrapper .element_group .button_circle.button_d {
  top: 148px;
  left: 213px;
}

@media screen and (min-width: 48em) {
  .infografias #elementos_soldador .wrapper .element_group .button_circle.button_d {
    top: 115px;
    left: 237px;
  }
  .infografias #elementos_soldador .wrapper .element_group .button_circle.button_d.active {
    top: 120px;
    left: 370px;
  }
}

.infografias #elementos_soldador .wrapper .element_objects .element_Tittle.element_A_Tittle {
  top: 210px;
  left: 250px;
}

.infografias #elementos_soldador .wrapper .element_objects .element_Tittle.element_A_Tittle.active {
  left: 230px;
}

.infografias #elementos_soldador .wrapper .element_objects .element_Tittle.element_B_Tittle {
  left: 400px;
  top: 180px;
}

.infografias #elementos_soldador .wrapper .element_objects .element_Tittle.element_B_Tittle.active {
  left: 420px;
}

.infografias #elementos_soldador .wrapper .element_objects .element_Tittle.element_C_Tittle {
  left: 270px;
  top: 260px;
}

.infografias #elementos_soldador .wrapper .element_objects .element_Tittle.element_C_Tittle.active {
  left: 250px;
}

.infografias #elementos_soldador .wrapper .element_objects .element_Tittle.element_D_Tittle {
  left: 380px;
  top: 250px;
}

.infografias #elementos_soldador .wrapper .element_objects .element_Tittle.element_D_Tittle.active {
  left: 400px;
}

.infografias #elementos_soldador .wrapper .element_objects .element_Content.element_A_Content {
  width: 310px;
  top: 272px;
  left: 110px;
}

.infografias #elementos_soldador .wrapper .element_objects .element_Content.element_A_Content.active {
  left: 90px;
}

.infografias #elementos_soldador .wrapper .element_objects .element_Content.element_B_Content {
  width: 300px;
  left: 400px;
  top: 250px;
}

.infografias #elementos_soldador .wrapper .element_objects .element_Content.element_B_Content.active {
  left: 420px;
}

.infografias #elementos_soldador .wrapper .element_objects .element_Content.element_C_Content {
  width: 280px;
  left: 130px;
  top: 325px;
}

.infografias #elementos_soldador .wrapper .element_objects .element_Content.element_C_Content.active {
  left: 110px;
}

.infografias #elementos_soldador .wrapper .element_objects .element_Content.element_D_Content {
  width: 294px;
  left: 380px;
  top: 320px;
}

.infografias #elementos_soldador .wrapper .element_objects .element_Content.element_D_Content.active {
  left: 400px;
}

.infografias #elementos_soldador .wrapper .element_objects .element_Object.element_A_Object {
  top: 110px;
  left: 350px;
}

.infografias #elementos_soldador .wrapper .element_objects .element_Object.element_A_Object.active {
  left: 330px;
}

.infografias #elementos_soldador .wrapper .element_objects .element_Object.element_B_Object {
  left: 400px;
  top: 100px;
}

.infografias #elementos_soldador .wrapper .element_objects .element_Object.element_B_Object.active {
  left: 420px;
}

.infografias #elementos_soldador .wrapper .element_objects .element_Object.element_C_Object {
  left: 260px;
  top: 180px;
}

.infografias #elementos_soldador .wrapper .element_objects .element_Object.element_C_Object.active {
  left: 280px;
}

.infografias #elementos_soldador .wrapper .element_objects .element_Object.element_D_Object {
  top: 145px;
  left: 380px;
}

.infografias #elementos_soldador .wrapper .element_objects .element_Object.element_D_Object.active {
  left: 400px;
}

.infografias #elementos_carpintero .wrapper {
  top: 55%;
}

.infografias #elementos_carpintero .wrapper .element_group {
  width: 300px;
  height: 379px;
}

@media screen and (min-width: 48em) {
  .infografias #elementos_carpintero .wrapper .element_group {
    width: 316px;
    height: 404px;
  }
}

.infografias #elementos_carpintero .wrapper .element_group .element_Line_Start.element_A_Line_Start {
  top: 48px;
  left: 54px;
}

@media screen and (min-width: 48em) {
  .infografias #elementos_carpintero .wrapper .element_group .element_Line_Start.element_A_Line_Start {
    top: 50px;
    left: 60px;
  }
}

.infografias #elementos_carpintero .wrapper .element_group .element_Line_Start.element_B_Line_Start {
  top: 130px;
  left: 200px;
}

@media screen and (min-width: 48em) {
  .infografias #elementos_carpintero .wrapper .element_group .element_Line_Start.element_B_Line_Start {
    top: 146px;
    left: 206px;
  }
}

.infografias #elementos_carpintero .wrapper .element_group .element_Line_Start.element_C_Line_Start {
  top: 214px;
  left: 50px;
}

@media screen and (min-width: 48em) {
  .infografias #elementos_carpintero .wrapper .element_group .element_Line_Start.element_C_Line_Start {
    top: 215px;
    left: 80px;
  }
}

.infografias #elementos_carpintero .wrapper .element_group .element_Line_Start.element_D_Line_Start {
  left: 190px;
  top: 240px;
}

@media screen and (min-width: 48em) {
  .infografias #elementos_carpintero .wrapper .element_group .element_Line_Start.element_D_Line_Start {
    left: 194px;
    top: 258px;
  }
}

.infografias #elementos_carpintero .wrapper .element_group .element_Line.element_A_Line {
  top: 30px;
  left: -80px;
}

.infografias #elementos_carpintero .wrapper .element_group .element_Line.element_A_Line.active {
  left: -100px;
}

.infografias #elementos_carpintero .wrapper .element_group .element_Line.element_B_Line {
  top: 150px;
  left: 230px;
}

.infografias #elementos_carpintero .wrapper .element_group .element_Line.element_B_Line.active {
  left: 210px;
}

.infografias #elementos_carpintero .wrapper .element_group .element_Line.element_C_Line {
  top: 225px;
  left: -70px;
}

.infografias #elementos_carpintero .wrapper .element_group .element_Line.element_C_Line.active {
  left: -90px;
}

.infografias #elementos_carpintero .wrapper .element_group .element_Line.element_D_Line {
  left: 150px;
  top: 265px;
}

.infografias #elementos_carpintero .wrapper .element_group .element_Line.element_D_Line.active {
  left: 170px;
}

.infografias #elementos_carpintero .wrapper .element_group .button_circle.button_a {
  top: 56px;
  left: 44px;
}

@media screen and (min-width: 48em) {
  .infografias #elementos_carpintero .wrapper .element_group .button_circle.button_a {
    top: 57px;
    left: 46px;
  }
  .infografias #elementos_carpintero .wrapper .element_group .button_circle.button_a.active {
    top: 40px;
    left: -118px;
  }
}

.infografias #elementos_carpintero .wrapper .element_group .button_circle.button_b {
  top: 110px;
  left: 238px;
}

@media screen and (min-width: 48em) {
  .infografias #elementos_carpintero .wrapper .element_group .button_circle.button_b {
    top: 128px;
    left: 244px;
  }
  .infografias #elementos_carpintero .wrapper .element_group .button_circle.button_b.active {
    top: 125px;
    left: 353px;
  }
}

.infografias #elementos_carpintero .wrapper .element_group .button_circle.button_c {
  top: 276px;
  left: 38px;
}

@media screen and (min-width: 48em) {
  .infografias #elementos_carpintero .wrapper .element_group .button_circle.button_c {
    top: 278px;
    left: 66px;
  }
  .infografias #elementos_carpintero .wrapper .element_group .button_circle.button_c.active {
    left: -100px;
    top: 288px;
  }
}

.infografias #elementos_carpintero .wrapper .element_group .button_circle.button_d {
  top: 220px;
  left: 229px;
}

@media screen and (min-width: 48em) {
  .infografias #elementos_carpintero .wrapper .element_group .button_circle.button_d {
    top: 237px;
    left: 232px;
  }
  .infografias #elementos_carpintero .wrapper .element_group .button_circle.button_d.active {
    top: 240px;
    left: 351px;
  }
}

.infografias #elementos_carpintero .wrapper .element_objects .element_Tittle.element_A_Tittle {
  top: 230px;
  left: 195px;
}

.infografias #elementos_carpintero .wrapper .element_objects .element_Tittle.element_A_Tittle.active {
  left: 175px;
}

.infografias #elementos_carpintero .wrapper .element_objects .element_Tittle.element_B_Tittle {
  left: 400px;
  top: 180px;
}

.infografias #elementos_carpintero .wrapper .element_objects .element_Tittle.element_B_Tittle.active {
  left: 420px;
}

.infografias #elementos_carpintero .wrapper .element_objects .element_Tittle.element_C_Tittle {
  left: 256px;
  top: 260px;
}

.infografias #elementos_carpintero .wrapper .element_objects .element_Tittle.element_C_Tittle.active {
  left: 236px;
}

.infografias #elementos_carpintero .wrapper .element_objects .element_Tittle.element_D_Tittle {
  left: 380px;
  top: 250px;
}

.infografias #elementos_carpintero .wrapper .element_objects .element_Tittle.element_D_Tittle.active {
  left: 400px;
}

.infografias #elementos_carpintero .wrapper .element_objects .element_Content.element_A_Content {
  width: 310px;
  top: 300px;
  left: 125px;
}

.infografias #elementos_carpintero .wrapper .element_objects .element_Content.element_A_Content.active {
  left: 105px;
}

.infografias #elementos_carpintero .wrapper .element_objects .element_Content.element_B_Content {
  width: 300px;
  left: 400px;
  top: 250px;
}

.infografias #elementos_carpintero .wrapper .element_objects .element_Content.element_B_Content.active {
  left: 420px;
}

.infografias #elementos_carpintero .wrapper .element_objects .element_Content.element_C_Content {
  width: 280px;
  left: 105px;
  top: 300px;
}

.infografias #elementos_carpintero .wrapper .element_objects .element_Content.element_C_Content.active {
  left: 85px;
}

.infografias #elementos_carpintero .wrapper .element_objects .element_Content.element_D_Content {
  width: 294px;
  left: 380px;
  top: 320px;
}

.infografias #elementos_carpintero .wrapper .element_objects .element_Content.element_D_Content.active {
  left: 400px;
}

.infografias #elementos_carpintero .wrapper .element_objects .element_Object.element_A_Object {
  top: 132px;
  left: 350px;
}

.infografias #elementos_carpintero .wrapper .element_objects .element_Object.element_A_Object.active {
  left: 330px;
}

.infografias #elementos_carpintero .wrapper .element_objects .element_Object.element_B_Object {
  left: 400px;
  top: 110px;
}

.infografias #elementos_carpintero .wrapper .element_objects .element_Object.element_B_Object.active {
  left: 420px;
}

.infografias #elementos_carpintero .wrapper .element_objects .element_Object.element_C_Object {
  left: 260px;
  top: 180px;
}

.infografias #elementos_carpintero .wrapper .element_objects .element_Object.element_C_Object.active {
  left: 280px;
}

.infografias #elementos_carpintero .wrapper .element_objects .element_Object.element_D_Object {
  top: 185px;
  left: 380px;
}

.infografias #elementos_carpintero .wrapper .element_objects .element_Object.element_D_Object.active {
  left: 400px;
}

.infografias #elementos_carpintero .button-box {
  bottom: -94px;
}

@media screen and (min-width: 48em) {
  .infografias #elementos_carpintero .button-box {
    bottom: -18px;
  }
}

.infografias #elementos_carpintero p.disclaimer {
  bottom: -125px;
}

@media screen and (min-width: 48em) {
  .infografias #elementos_carpintero p.disclaimer {
    bottom: -18px;
  }
}

@media screen and (min-width: 48em) {
  .infografias #instalacion_marcos .wrapper {
    left: 50%;
    top: 60%;
  }
}

.infografias #instalacion_marcos .wrapper .element_group {
  width: 280px;
  height: 180px;
}

@media screen and (min-width: 48em) {
  .infografias #instalacion_marcos .wrapper .element_group {
    width: 470px;
    height: 319px;
  }
}

.infografias #instalacion_marcos .wrapper .element_group .element_Line_Start.element_A_Line_Start {
  top: 50px;
  left: -35px;
}

@media screen and (min-width: 48em) {
  .infografias #instalacion_marcos .wrapper .element_group .element_Line_Start.element_A_Line_Start {
    top: 150px;
    left: -35px;
  }
}

.infografias #instalacion_marcos .wrapper .element_group .element_Line_Start.element_B_Line_Start {
  top: 50px;
  left: 260px;
}

@media screen and (min-width: 48em) {
  .infografias #instalacion_marcos .wrapper .element_group .element_Line_Start.element_B_Line_Start {
    top: 150px;
    left: 450px;
  }
}

.infografias #instalacion_marcos .wrapper .element_group .button_circle.button_a {
  top: 30px;
  left: -43px;
}

@media screen and (min-width: 48em) {
  .infografias #instalacion_marcos .wrapper .element_group .button_circle.button_a {
    top: 125px;
    left: -50px;
  }
}

.infografias #instalacion_marcos .wrapper .element_group .button_circle.button_b {
  top: 30px;
  left: 288px;
}

@media screen and (min-width: 48em) {
  .infografias #instalacion_marcos .wrapper .element_group .button_circle.button_b {
    top: 125px;
    left: 490px;
  }
}

.infografias #instalacion_marcos .wrapper .element_objects .element_Letter.element_A_Letter {
  top: 30px;
  left: 160px;
}

.infografias #instalacion_marcos .wrapper .element_objects .element_Letter.element_A_Letter.active {
  left: 140px;
}

.infografias #instalacion_marcos .wrapper .element_objects .element_Letter.element_B_Letter {
  top: 30px;
  left: 530px;
}

.infografias #instalacion_marcos .wrapper .element_objects .element_Letter.element_B_Letter.active {
  left: 550px;
}

.infografias #instalacion_marcos .wrapper .element_objects .element_Content {
  font-size: 16px;
  text-align: justify;
}

.infografias #instalacion_marcos .wrapper .element_objects .element_Content.element_A_Content {
  width: 250px;
  left: 160px;
  top: 80px;
}

.infografias #instalacion_marcos .wrapper .element_objects .element_Content.element_A_Content.active {
  left: 140px;
}

.infografias #instalacion_marcos .wrapper .element_objects .element_Content.element_B_Content {
  width: 250px;
  left: 530px;
  top: 80px;
}

.infografias #instalacion_marcos .wrapper .element_objects .element_Content.element_B_Content.active {
  left: 550px;
}

.infografias #instalacion_puertas .arrow_carrousel.arrow_left {
  left: 10px;
}

@media screen and (min-width: 48em) {
  .infografias #instalacion_puertas .arrow_carrousel.arrow_left {
    left: 260px;
  }
}

.infografias #instalacion_puertas .arrow_carrousel.arrow_right {
  right: 10px;
}

@media screen and (min-width: 48em) {
  .infografias #instalacion_puertas .arrow_carrousel.arrow_right {
    right: 260px;
  }
}

.infografias #instalacion_puertas .element_text_carrousel {
  bottom: -30%;
}

@media screen and (min-width: 48em) {
  .infografias #instalacion_puertas .element_text_carrousel {
    bottom: 10%;
  }
}

.infografias #instalacion_trancas .element_carrousel .arrow_carrousel {
  top: 50%;
}

.infografias #instalacion_trancas .element_carrousel .arrow_carrousel.arrow_left {
  left: 0;
}

@media screen and (min-width: 48em) {
  .infografias #instalacion_trancas .element_carrousel .arrow_carrousel.arrow_left {
    left: 230px;
  }
}

.infografias #instalacion_trancas .element_carrousel .arrow_carrousel.arrow_right {
  right: 0;
}

@media screen and (min-width: 48em) {
  .infografias #instalacion_trancas .element_carrousel .arrow_carrousel.arrow_right {
    right: 230px;
  }
}

.infografias #instalacion_trancas .element_carrousel img.element_Carrousel {
  top: 32%;
  width: 75%;
}

@media screen and (min-width: 48em) {
  .infografias #instalacion_trancas .element_carrousel img.element_Carrousel {
    top: 45%;
    width: auto;
  }
}

.infografias #instalacion_trancas .element_text_carrousel {
  bottom: -30%;
}

@media screen and (min-width: 48em) {
  .infografias #instalacion_trancas .element_text_carrousel {
    bottom: -10%;
  }
}

.infografias #inicio.desague .wrapper {
  min-width: 360px;
}

@media screen and (min-width: 48em) {
  .infografias #desague_domiciliaria .wrapper {
    top: 60%;
  }
}

.infografias #desague_domiciliaria .wrapper .element_accordeon {
  width: 420px;
  left: 0;
  top: 60px;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  z-index: 11;
}

.infografias #desague_domiciliaria .wrapper .element_accordeon ul {
  width: 420px;
  opacity: 1;
}

.infografias #desague_domiciliaria .wrapper .element_accordeon ul.accordeon_Content {
  display: none;
}

@media screen and (min-width: 48em) {
  .infografias #desague_domiciliaria .wrapper .element_accordeon ul.accordeon_Content {
    display: block;
  }
}

.infografias #desague_domiciliaria .wrapper .element_accordeon ul.accordeon_Content.initialized {
  top: 75px;
}

.infografias #desague_domiciliaria .wrapper .element_accordeon ul.accordeon_Content li {
  width: 420px;
  font-family: Blender, sans-serif;
  height: 0;
  vertical-align: top;
}

.infografias #desague_domiciliaria .wrapper .element_accordeon ul.accordeon_Content li.active {
  height: 160px;
}

.infografias #desague_domiciliaria .wrapper .element_accordeon ul.bullets.mobile {
  display: block;
  top: 250px;
}

@media screen and (min-width: 48em) {
  .infografias #desague_domiciliaria .wrapper .element_accordeon ul.bullets.mobile {
    display: none;
  }
}

.infografias #desague_domiciliaria .wrapper .element_accordeon ul.bullets.mobile li {
  font-size: 12px;
}

.infografias #desague_domiciliaria .wrapper .element_accordeon ul.bullets.desktop {
  top: 0;
  display: none;
}

@media screen and (min-width: 48em) {
  .infografias #desague_domiciliaria .wrapper .element_accordeon ul.bullets.desktop {
    display: block;
  }
}

.infografias #desague_domiciliaria .wrapper .element_accordeon ul.bullets li {
  background-color: #F2DF34;
  color: #000;
  position: relative;
}

.infografias #desague_domiciliaria .wrapper .element_accordeon ul.bullets li.active {
  background-color: #000000;
  color: #fff;
}

.infografias #desague_domiciliaria .wrapper .element_accordeon ul.bullets li.active:after {
  bottom: -17px;
  opacity: 1;
}

.infografias #desague_domiciliaria .wrapper .element_accordeon ul.bullets li:after {
  content: ' ';
  position: absolute;
  opacity: 0;
  left: -3px;
  bottom: auto;
  background-image: url(../images/materiales/menu-selected-icon.png);
  width: 15px;
  height: 15px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.infografias #desague_domiciliaria .wrapper .element_accordeon ul li {
  font-size: 15px;
  font-family: UnitedSansRegStencil, sans-serif;
  width: 160px;
  margin-right: 15px;
  height: 60px;
  line-height: 19px;
  padding-top: 8px;
}

.infografias #desague_domiciliaria .wrapper .element_group {
  width: 274px;
  height: 320px;
}

@media screen and (min-width: 48em) {
  .infografias #desague_domiciliaria .wrapper .element_group {
    width: 416px;
    height: 487px;
  }
}

.infografias #desague_domiciliaria .wrapper .element_group img.element_basic {
  top: 40%;
}

@media screen and (min-width: 48em) {
  .infografias #desague_domiciliaria .wrapper .element_group img.element_basic {
    top: 50%;
  }
}

.infografias #desague_domiciliaria .wrapper .element_group .element_Line_Start.element_A_Line_Start {
  display: none;
}

@media screen and (min-width: 48em) {
  .infografias #desague_domiciliaria .wrapper .element_group .element_Line_Start.element_A_Line_Start {
    display: none;
    top: 10px;
    left: 285px;
  }
}

.infografias #desague_domiciliaria .wrapper .element_group .element_Line_Start.element_B_Line_Start {
  display: none;
}

@media screen and (min-width: 48em) {
  .infografias #desague_domiciliaria .wrapper .element_group .element_Line_Start.element_B_Line_Start {
    display: none;
    top: 308px;
    left: 100px;
  }
}

.infografias #desague_domiciliaria .wrapper .element_group .element_Line.element_A_Line {
  top: 10px;
  left: 12px;
}

.infografias #desague_domiciliaria .wrapper .element_group .element_Line.element_A_Line.active {
  left: -12px;
}

.infografias #desague_domiciliaria .wrapper .element_group .element_Line.element_B_Line {
  top: 308px;
  left: 30px;
}

.infografias #desague_domiciliaria .wrapper .element_group .element_Line.element_B_Line.active {
  left: 10px;
}

.infografias #desague_domiciliaria .wrapper .element_group .button_circle.button_a {
  top: -4px;
  left: 260px;
}

.infografias #desague_domiciliaria .wrapper .element_group .button_circle.button_a.active {
  top: 415px;
  left: -35px;
}

.infografias #desague_domiciliaria .wrapper .element_group .button_circle.button_b {
  top: 317px;
  left: 90px;
}

.infografias #desague_domiciliaria .wrapper .element_group .button_circle.button_b.active {
  top: 360px;
  left: -5px;
}

.infografias #desague_domiciliaria .wrapper .element_objects .element_Content.element_A_Content {
  width: 380px;
  top: 370px;
  left: 110px;
}

.infografias #desague_domiciliaria .wrapper .element_objects .element_Content.element_A_Content.active {
  left: 80px;
}

.infografias #desague_domiciliaria .wrapper .element_objects .element_Object.element_B_Object {
  top: 310px;
  left: 180px;
}

.infografias #desague_domiciliaria .wrapper .element_objects .element_Object.element_B_Object.active {
  left: 160px;
}

@media screen and (min-width: 48em) {
  .infografias #desague_sanitarias .wrapper {
    top: 60%;
  }
}

.infografias #desague_sanitarias .wrapper .element_Permanent h2 {
  font-family: UnitedSansRegStencil, sans-serif;
  color: #FFF;
  font-size: 22px;
  position: absolute;
  -webkit-transform: perspective(1px) translateX(-50%);
          transform: perspective(1px) translateX(-50%);
  right: inherit;
  left: 50%;
  top: -10%;
  width: 344px;
  text-align: center;
}

@media screen and (min-width: 48em) {
  .infografias #desague_sanitarias .wrapper .element_Permanent h2 {
    top: 10%;
    right: -10%;
    left: inherit;
    font-size: 26px;
    text-align: left;
  }
}

.infografias #desague_sanitarias .wrapper .element_Permanent .content_info {
  position: absolute;
  -webkit-transform: perspective(1px) translateX(-50%);
          transform: perspective(1px) translateX(-50%);
  height: 100px;
  text-align: center;
  right: inherit;
  left: 50%;
  bottom: -50%;
  width: 340px;
}

@media screen and (min-width: 48em) {
  .infografias #desague_sanitarias .wrapper .element_Permanent .content_info {
    width: 380px;
    bottom: 10%;
    right: -13.5%;
    position: absolute;
    z-index: 11;
    left: inherit;
  }
}

.infografias #desague_sanitarias .wrapper .element_Permanent .content_info .btn_warning {
  background: #000;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  width: 35px;
  height: 35px;
  display: block;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  position: absolute;
  cursor: pointer;
  left: 50%;
  position: absolute;
  left: 50%;
  -webkit-transform: perspective(1px) translate(-50%, 0);
          transform: perspective(1px) translate(-50%, 0);
  top: -40px;
}

.infografias #desague_sanitarias .wrapper .element_Permanent .content_info .btn_warning::after {
  width: 38px;
  height: 38px;
  display: block;
  content: "";
  -webkit-animation: CircleScale 2s infinite;
          animation: CircleScale 2s infinite;
  -webkit-transition: all ease-in-out;
  transition: all ease-in-out;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  border: 1px solid #FFF;
  top: -6%;
  left: -6%;
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  position: absolute;
}

.infografias #desague_sanitarias .wrapper .element_Permanent .content_info .btn_warning img.warning {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: perspective(1px) translate(-50%, -50%);
          transform: perspective(1px) translate(-50%, -50%);
  top: 40%;
}

.infografias #desague_sanitarias .wrapper .element_Permanent .content_info p.warning {
  font-family: Blender, sans-serif;
  font-size: 14px;
  color: #000;
  text-align: justify;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  height: 0;
  overflow: hidden;
}

@media screen and (min-width: 48em) {
  .infografias #desague_sanitarias .wrapper .element_Permanent .content_info p.warning {
    font-size: 15px;
  }
}

.infografias #desague_sanitarias .wrapper .element_Permanent .content_info p.warning.active {
  height: 75px;
}

.infografias #desague_sanitarias .wrapper .element_group {
  width: 270px;
  height: 320px;
  top: 54%;
  left: 40%;
}

@media screen and (min-width: 48em) {
  .infografias #desague_sanitarias .wrapper .element_group {
    width: 427px;
    height: 504px;
    top: 50%;
    left: 0;
  }
}

.infografias #desague_sanitarias .wrapper .element_group .element_Line.active {
  opacity: 0;
  visibility: hidden;
}

@media screen and (min-width: 48em) {
  .infografias #desague_sanitarias .wrapper .element_group .element_Line.active {
    opacity: 1;
    visibility: visible;
  }
}

.infografias #desague_sanitarias .wrapper .element_group .element_Line.element_A_Line {
  top: 127px;
  left: 230px;
}

.infografias #desague_sanitarias .wrapper .element_group .element_Line.element_B_Line {
  top: 176px;
  left: 202px;
  width: 260px;
}

.infografias #desague_sanitarias .wrapper .element_group .element_Line.element_C_Line {
  top: 220px;
  left: 166px;
  width: 296px;
}

.infografias #desague_sanitarias .wrapper .element_group .element_Line.element_D_Line {
  top: 175px;
  left: 243px;
  width: 215px;
}

.infografias #desague_sanitarias .wrapper .element_group .button_circle.button_a {
  top: 30px;
  left: 290px;
}

@media screen and (min-width: 48em) {
  .infografias #desague_sanitarias .wrapper .element_group .button_circle.button_a {
    top: 114px;
    left: 450px;
  }
}

.infografias #desague_sanitarias .wrapper .element_group .button_circle.button_b {
  top: 80px;
  left: 290px;
}

@media screen and (min-width: 48em) {
  .infografias #desague_sanitarias .wrapper .element_group .button_circle.button_b {
    top: 163px;
    left: 450px;
  }
}

.infografias #desague_sanitarias .wrapper .element_group .button_circle.button_c {
  top: 130px;
  left: 290px;
}

@media screen and (min-width: 48em) {
  .infografias #desague_sanitarias .wrapper .element_group .button_circle.button_c {
    top: 220px;
    left: 450px;
  }
}

.infografias #desague_sanitarias .wrapper .element_group .button_circle.button_d {
  top: 180px;
  left: 290px;
}

@media screen and (min-width: 48em) {
  .infografias #desague_sanitarias .wrapper .element_group .button_circle.button_d {
    top: 263px;
    left: 450px;
  }
}

.infografias #desague_sanitarias .wrapper .element_objects p.element_Content {
  position: absolute;
  top: 55%;
  right: 3%;
  text-align: center;
  text-transform: uppercase;
  -webkit-transform: perspective(1px) translate(-50%, -50%);
          transform: perspective(1px) translate(-50%, -50%);
}

.infografias #desague_sanitarias .wrapper .element_objects p.element_Content.active {
  opacity: 0;
  visibility: hidden;
}

@media screen and (min-width: 48em) {
  .infografias #desague_sanitarias .wrapper .element_objects p.element_Content.active {
    opacity: 1;
    visibility: visible;
  }
}

.infografias #desague_sanitarias .wrapper .element_objects p.element_Content.element_B_Content {
  right: 9%;
}

.infografias #desague_sanitarias .wrapper .element_objects p.element_Content.element_C_Content {
  right: 4%;
}

.infografias #desague_sanitarias .wrapper .element_objects p.element_Content.element_D_Content {
  right: 9%;
}

.infografias #desague_sanitarias .wrapper .element_objects img.element_Object {
  position: absolute;
  top: 42%;
  right: 13%;
  -webkit-transform: perspective(1px) translate(-50%, -50%);
          transform: perspective(1px) translate(-50%, -50%);
}

.infografias #desague_sanitarias .wrapper .element_objects img.element_Object.active {
  opacity: 0;
  visibility: hidden;
}

@media screen and (min-width: 48em) {
  .infografias #desague_sanitarias .wrapper .element_objects img.element_Object.active {
    opacity: 1;
    visibility: visible;
  }
}

.infografias #desague_sanitarias .wrapper .element_objects img.element_Object.element_A_Object {
  right: 5%;
}

.infografias #desague_sanitarias .wrapper .element_objects img.element_Object.element_B_Object {
  right: 16%;
}

.infografias #desague_sanitarias .wrapper .element_objects img.element_Object.element_C_Object {
  right: 12%;
}

.infografias #desague_tanque .wrapper .element_accordeon {
  width: 420px;
  left: 0;
  top: 60px;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}

.infografias #desague_tanque .wrapper .element_accordeon ul {
  width: 420px;
  opacity: 1;
}

.infografias #desague_tanque .wrapper .element_accordeon ul.accordeon_Content {
  display: none;
}

@media screen and (min-width: 48em) {
  .infografias #desague_tanque .wrapper .element_accordeon ul.accordeon_Content {
    display: block;
  }
}

.infografias #desague_tanque .wrapper .element_accordeon ul.accordeon_Content.initialized {
  top: 157px;
}

.infografias #desague_tanque .wrapper .element_accordeon ul.accordeon_Content li {
  width: 420px;
  font-family: Blender, sans-serif;
  height: 0;
  vertical-align: top;
}

.infografias #desague_tanque .wrapper .element_accordeon ul.accordeon_Content li.active {
  height: 225px;
}

.infografias #desague_tanque .wrapper .element_accordeon ul.accordeon_Content li p {
  line-height: 16px;
  margin-bottom: 10px;
}

.infografias #desague_tanque .wrapper .element_accordeon ul.accordeon_Content li span.black {
  font-family: UnitedSansRegStencil, sans-serif;
  font-size: 19px;
}

.infografias #desague_tanque .wrapper .element_accordeon ul.bullets.mobile {
  display: block;
}

@media screen and (min-width: 48em) {
  .infografias #desague_tanque .wrapper .element_accordeon ul.bullets.mobile {
    display: none;
  }
}

.infografias #desague_tanque .wrapper .element_accordeon ul.bullets.desktop {
  display: none;
}

@media screen and (min-width: 48em) {
  .infografias #desague_tanque .wrapper .element_accordeon ul.bullets.desktop {
    display: block;
  }
}

.infografias #desague_tanque .wrapper .element_accordeon ul.bullets.initialized {
  top: 55px;
}

.infografias #desague_tanque .wrapper .element_accordeon ul.bullets li {
  background-color: #F2DF34;
  color: #000;
  position: relative;
}

.infografias #desague_tanque .wrapper .element_accordeon ul.bullets li.active {
  background-color: #000000;
  color: #fff;
}

.infografias #desague_tanque .wrapper .element_accordeon ul.bullets li.active:after {
  bottom: -17px;
  opacity: 1;
}

.infografias #desague_tanque .wrapper .element_accordeon ul.bullets li:after {
  content: ' ';
  position: absolute;
  opacity: 0;
  left: -3px;
  bottom: auto;
  background-image: url(../images/materiales/menu-selected-icon.png);
  width: 15px;
  height: 15px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.infografias #desague_tanque .wrapper .element_accordeon ul li {
  font-size: 14px;
  font-family: UnitedSansRegStencil, sans-serif;
  width: 155px;
  margin-right: 15px;
  height: 95px;
  line-height: 19px;
  padding: 8px 6px;
}

@media screen and (min-width: 48em) {
  .infografias #desague_tanque .wrapper .element_accordeon ul li {
    width: 185px;
    height: 75px;
    padding: 8px 0 0;
  }
}

.infografias #desague_tanque .wrapper .element_group {
  height: 100%;
  z-index: auto;
  display: none;
}

@media screen and (min-width: 48em) {
  .infografias #desague_tanque .wrapper .element_group {
    display: block;
    top: 56%;
  }
}

.infografias #desague_tanque .wrapper .element_group .element_objects {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  z-index: auto;
}

.infografias #desague_tanque .wrapper .element_group .element_Wrapper {
  position: absolute;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  font-family: Blender, sans-serif;
  background-repeat: no-repeat;
}

.infografias #desague_tanque .wrapper .element_group .element_Wrapper.active {
  width: 655px;
}

.infografias #desague_tanque .wrapper .element_group .element_Wrapper.active .element_Tittle {
  opacity: 1;
  visibility: visible;
}

.infografias #desague_tanque .wrapper .element_group .element_Wrapper.active .element_Content {
  opacity: 1;
  visibility: visible;
}

.infografias #desague_tanque .wrapper .element_group .element_Wrapper .element_Tittle {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  font-family: Blender, sans-serif;
  text-transform: uppercase;
  text-align: left;
  font-size: 19px;
  line-height: 18px;
}

.infografias #desague_tanque .wrapper .element_group .element_Wrapper .element_Content {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  font-size: 16px;
  line-height: 16px;
  text-align: left;
}

.infografias #desague_tanque .wrapper .element_group .element_A_Wrapper {
  height: 256px;
  left: -46px;
  width: 0;
  top: 56px;
}

.infografias #desague_tanque .wrapper .element_group .element_A_Wrapper.active {
  width: 95px;
}

.infografias #desague_tanque .wrapper .element_group .element_A_Wrapper .element_Tittle {
  width: 95px;
}

.infografias #desague_tanque .wrapper .element_group .element_B_Wrapper {
  height: 23px;
  top: 172px;
  left: -56px;
  width: 0;
}

.infografias #desague_tanque .wrapper .element_group .element_B_Wrapper.active {
  width: 118px;
}

.infografias #desague_tanque .wrapper .element_group .element_B_Wrapper .element_Tittle {
  width: 118px;
  position: static;
}

.infografias #desague_tanque .wrapper .element_group .element_B_Wrapper .element_Content {
  width: 118px;
  position: static;
}

.infografias #desague_tanque .wrapper .element_group .element_C_Wrapper {
  height: 24px;
  top: 357px;
  right: -40px;
  width: 0;
  text-align: right;
}

.infografias #desague_tanque .wrapper .element_group .element_C_Wrapper.active {
  width: 230px;
}

.infografias #desague_tanque .wrapper .element_group .element_C_Wrapper .element_Tittle {
  position: static;
  text-align: right;
  margin-bottom: 10px;
  border-bottom: 2px solid black;
  display: inline-block;
}

.infografias #desague_tanque .wrapper .element_group .element_C_Wrapper .element_Content {
  width: 230px;
  position: static;
  text-align: right;
}

.infografias #desague_tanque .wrapper .element_group .element_D_Wrapper {
  left: 371px;
  top: 178px;
  height: 24px;
  width: 0;
}

.infografias #desague_tanque .wrapper .element_group .element_D_Wrapper.active {
  width: 90px;
}

.infografias #desague_tanque .wrapper .element_group .element_E_Wrapper {
  left: 222px;
  top: -37px;
  height: 57px;
  width: 0;
}

.infografias #desague_tanque .wrapper .element_group .element_E_Wrapper.active {
  width: 214px;
}

.infografias #desague_tanque .wrapper .element_group .element_E_Wrapper .element_Tittle {
  width: 214px;
  position: static;
}

.infografias #desague_tanque .wrapper .element_group .element_E_Wrapper .element_Content {
  position: static;
  width: 214px;
}

.infografias #desague_tanque .wrapper .element_group .element_A {
  position: absolute;
  top: 68px;
  left: 30px;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  width: 392px;
  height: 378px;
}

.infografias #desague_tanque .wrapper .element_group .element_B {
  position: absolute;
  top: 40px;
  left: 20px;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  width: 260px;
  height: 482px;
}

.infografias #desague_tanque .wrapper .element_group .element_B .element_B_Object {
  right: -130px;
  position: absolute;
  top: -58px;
}

.infografias #desague_tanque .wrapper .element_group .button_circle {
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
}

.infografias #desague_tanque .wrapper .element_group .button_circle:hover, .infografias #desague_tanque .wrapper .element_group .button_circle.active {
  background-color: #cc1502;
}

.infografias #desague_tanque .wrapper .element_group .button_circle:hover span, .infografias #desague_tanque .wrapper .element_group .button_circle.active span {
  background-image: url(../images/iconos/mas.png);
}

.infografias #desague_tanque .wrapper .element_group .button_circle.button_a {
  left: -12px;
  top: 16px;
}

.infografias #desague_tanque .wrapper .element_group .button_circle.button_b {
  left: -24px;
  top: 121px;
}

.infografias #desague_tanque .wrapper .element_group .button_circle.button_c {
  left: 341px;
  top: 348px;
}

.infografias #desague_tanque .wrapper .element_group .button_circle.button_c.active {
  left: 327px;
}

.infografias #desague_tanque .wrapper .element_group .button_circle.button_d {
  left: 382px;
  top: 138px;
}

.infografias #desague_tanque .wrapper .element_group .button_circle.button_e {
  left: 380px;
  top: 11px;
}

.infografias #desague_tanque .element_A_Object {
  opacity: 1;
  visibility: visible;
}

.infografias.reparacion_muro #inicio .wrapper.hyper-large {
  height: auto;
}

@media screen and (min-width: 48em) {
  .infografias.reparacion_muro #inicio .wrapper.hyper-large {
    height: 285px;
  }
}

.infografias.reparacion_muro #inicio h3.subtitle {
  width: 320px;
}

@media screen and (min-width: 48em) {
  .infografias.reparacion_muro #inicio h3.subtitle {
    width: 630px;
  }
}

.infografias.reparacion_muro #reparacionmuro_capilaridad {
  height: 140vh;
}

@media screen and (min-width: 48em) {
  .infografias.reparacion_muro #reparacionmuro_capilaridad {
    height: 100vh;
  }
}

@media screen and (max-width: 320px) {
  .infografias.reparacion_muro #reparacionmuro_capilaridad {
    height: 170vh;
  }
}

.infografias.reparacion_muro #reparacionmuro_capilaridad .element_group {
  left: 50%;
  width: 100%;
  top: -10%;
}

@media screen and (min-width: 48em) {
  .infografias.reparacion_muro #reparacionmuro_capilaridad .element_group {
    width: 430px;
    top: 51%;
    left: 1%;
  }
}

.infografias.reparacion_muro #reparacionmuro_capilaridad .element_group p {
  font-family: 'Blender';
  line-height: 20px;
  color: #fff;
}

.infografias.reparacion_muro #reparacionmuro_capilaridad .element_group .mini_title {
  background: #000;
  color: #fff;
  padding: 6px 8px;
  margin-bottom: 4px;
  text-align: center;
  width: auto;
  font-family: 'Blender';
  display: inline-block;
}

.infografias.reparacion_muro #reparacionmuro_capilaridad .element_group .title {
  width: 100%;
  font-family: UnitedSansRegStencil, Arial, Helvetica, sans-serif;
  background: #000;
  color: #fff;
  display: block;
  padding: 12px 0px;
  margin: 20px 0px;
  text-align: center;
  font-size: 18px;
}

.infografias.reparacion_muro #reparacionmuro_capilaridad .element_group .button-large {
  bottom: -110px;
  right: 140px;
  font-family: UnitedSansRegStencil, Arial, Helvetica, sans-serif;
  background: #000;
  color: #fff;
  display: block;
  text-align: center;
  font-size: 18px;
  border: 3px solid #fff;
  border-style: double;
  width: 180px;
  height: 50px;
  line-height: 42px;
}

.infografias.reparacion_muro #reparacionmuro_capilaridad .element_accordeon {
  width: 320px;
  left: 50%;
  top: 56%;
}

@media screen and (min-width: 48em) {
  .infografias.reparacion_muro #reparacionmuro_capilaridad .element_accordeon {
    width: 360px;
    height: 350px;
    left: 60%;
  }
}

.infografias.reparacion_muro #reparacionmuro_capilaridad .element_accordeon ul.bullets li {
  background: transparent;
  color: #000;
}

.infografias.reparacion_muro #reparacionmuro_capilaridad .element_accordeon ul.bullets li.active {
  background: #000;
  color: #fff;
}

.infografias.reparacion_muro #reparacionmuro_capilaridad .element_accordeon .accordeon_title {
  width: 100%;
  font-family: UnitedSansRegStencil, Arial, Helvetica, sans-serif;
}

.infografias.reparacion_muro #reparacionmuro_capilaridad .element_accordeon .accordeon_Content {
  width: 320px;
  height: 250px;
}

@media screen and (min-width: 48em) {
  .infografias.reparacion_muro #reparacionmuro_capilaridad .element_accordeon .accordeon_Content {
    width: 360px;
  }
}

.infografias.reparacion_muro #reparacionmuro_capilaridad .element_accordeon .accordeon_Content li {
  height: 0px;
  width: 100%;
}

.infografias.reparacion_muro #reparacionmuro_capilaridad .element_accordeon .accordeon_Content li.active {
  height: auto;
}

.infografias.reparacion_muro #reparacionmuro_capilaridad .element_accordeon .accordeon_Content li .title {
  font-family: UnitedSansRegStencil, Arial, Helvetica, sans-serif;
  margin: 8px 0px 4px 0px;
  display: block;
  width: 100%;
  color: #fff;
}

.infografias.reparacion_muro #reparacionmuro_capilaridad .element_accordeon .accordeon_Content li .img {
  margin-top: 8px;
  width: 100%;
}

.infografias.reparacion_muro #reparacionmuro_capilaridad .element_accordeon .accordeon_Content li p {
  color: #fff;
}

.infografias.reparacion_muro #reparacionmuro_filtracion {
  height: 140vh;
}

@media screen and (min-width: 48em) {
  .infografias.reparacion_muro #reparacionmuro_filtracion {
    height: 100vh;
  }
}

@media screen and (max-width: 320px) {
  .infografias.reparacion_muro #reparacionmuro_filtracion {
    height: 170vh;
  }
}

.infografias.reparacion_muro #reparacionmuro_filtracion .element_group {
  right: 0%;
  top: -14%;
  width: 100%;
}

@media screen and (min-width: 48em) {
  .infografias.reparacion_muro #reparacionmuro_filtracion .element_group {
    width: 430px;
    top: 50%;
    left: 1%;
  }
}

.infografias.reparacion_muro #reparacionmuro_filtracion .element_group p {
  font-family: 'Blender';
  line-height: 20px;
}

.infografias.reparacion_muro #reparacionmuro_filtracion .element_group .title {
  width: 100%;
  font-family: UnitedSansRegStencil, Arial, Helvetica, sans-serif;
  background: #000;
  color: #fff;
  display: block;
  padding: 12px 0px;
  margin: 20px 0px;
  text-align: center;
  font-size: 18px;
}

.infografias.reparacion_muro #reparacionmuro_filtracion .element_group .button-large {
  bottom: -70px;
  right: 140px;
  font-family: UnitedSansRegStencil, Arial, Helvetica, sans-serif;
  background: #000;
  color: #fff;
  display: block;
  text-align: center;
  font-size: 18px;
  border: 3px solid #fff;
  border-style: double;
  width: 180px;
  height: 50px;
  line-height: 42px;
}

@media screen and (min-width: 48em) {
  .infografias.reparacion_muro #reparacionmuro_filtracion .element_group .button-large {
    bottom: -110px;
  }
}

.infografias.reparacion_muro #reparacionmuro_filtracion .element_accordeon {
  width: 320px;
  height: 300px;
  right: 0%;
  top: 60%;
}

@media screen and (min-width: 48em) {
  .infografias.reparacion_muro #reparacionmuro_filtracion .element_accordeon {
    width: 360px;
    height: 350px;
    left: 60%;
  }
}

.infografias.reparacion_muro #reparacionmuro_filtracion .element_accordeon ul.bullets li {
  background: transparent;
  color: #000;
}

.infografias.reparacion_muro #reparacionmuro_filtracion .element_accordeon ul.bullets li.active {
  background: #000;
  color: #fff;
}

.infografias.reparacion_muro #reparacionmuro_filtracion .element_accordeon .accordeon_title {
  width: 100%;
  font-family: UnitedSansRegStencil, Arial, Helvetica, sans-serif;
}

.infografias.reparacion_muro #reparacionmuro_filtracion .element_accordeon .accordeon_Content {
  width: 100%;
  height: 250px;
}

@media screen and (min-width: 48em) {
  .infografias.reparacion_muro #reparacionmuro_filtracion .element_accordeon .accordeon_Content {
    width: 360px;
    height: 250px;
  }
}

.infografias.reparacion_muro #reparacionmuro_filtracion .element_accordeon .accordeon_Content li {
  height: 0px;
  width: 100%;
}

.infografias.reparacion_muro #reparacionmuro_filtracion .element_accordeon .accordeon_Content li.active {
  height: auto;
}

.infografias.reparacion_muro #reparacionmuro_filtracion .element_accordeon .accordeon_Content li .title {
  font-family: UnitedSansRegStencil, Arial, Helvetica, sans-serif;
  margin: 8px 0px 4px 0px;
  display: block;
  width: 100%;
}

.infografias.reparacion_muro #reparacionmuro_filtracion .element_accordeon .accordeon_Content li .img {
  margin-top: 8px;
  width: 100%;
}

@media screen and (min-width: 48em) {
  .infografias.reparacion_muro #reparacionmuro_filtracion .element_accordeon .accordeon_Content li .img {
    width: 100%;
  }
}

.infografias.reparacion_muro #reparacionmuro_mortero {
  height: 120vh;
}

@media screen and (min-width: 48em) {
  .infografias.reparacion_muro #reparacionmuro_mortero {
    height: 100vh;
  }
}

.infografias.reparacion_muro #reparacionmuro_mortero p.disclaimer {
  bottom: -70px;
}

@media screen and (min-width: 48em) {
  .infografias.reparacion_muro #reparacionmuro_mortero p.disclaimer {
    bottom: -50px;
  }
}

.infografias.reparacion_muro #reparacionmuro_mortero .element_group {
  width: 100%;
  top: 40%;
}

@media screen and (min-width: 48em) {
  .infografias.reparacion_muro #reparacionmuro_mortero .element_group {
    width: 430px;
    top: 32%;
    left: 56%;
  }
}

.infografias.reparacion_muro #reparacionmuro_mortero .element_group p {
  font-family: 'Blender';
  line-height: 20px;
}

.infografias.reparacion_muro #reparacionmuro_mortero .element_group img {
  width: 100%;
}

.infografias.reparacion_muro #reparacionmuro_mortero .element_group .title {
  width: 100%;
  font-family: UnitedSansRegStencil, Arial, Helvetica, sans-serif;
  background: #000;
  color: #fff;
  display: block;
  padding: 12px 0px;
  margin: 20px 0px;
  text-align: center;
  font-size: 18px;
}

.infografias.reparacion_muro #reparacionmuro_mortero .element_group .button-large {
  bottom: -110px;
  right: 140px;
  font-family: UnitedSansRegStencil, Arial, Helvetica, sans-serif;
  background: #000;
  color: #fff;
  display: block;
  text-align: center;
  font-size: 18px;
  border: 3px solid #fff;
  border-style: double;
  width: 180px;
  height: 50px;
  line-height: 42px;
}

.infografias.reparacion_muro #reparacionmuro_mortero .element_accordeon {
  width: 100%;
  left: 50%;
  top: -20%;
}

@media screen and (min-width: 48em) {
  .infografias.reparacion_muro #reparacionmuro_mortero .element_accordeon {
    width: 360px;
    height: 170px;
    left: 1%;
    top: 48%;
  }
}

.infografias.reparacion_muro #reparacionmuro_mortero .element_accordeon ul.bullets li {
  background: transparent;
  color: #000;
}

.infografias.reparacion_muro #reparacionmuro_mortero .element_accordeon ul.bullets li.active {
  background: #000;
  color: #fff;
}

.infografias.reparacion_muro #reparacionmuro_mortero .element_accordeon .accordeon_title {
  font-family: UnitedSansRegStencil, Arial, Helvetica, sans-serif;
  width: auto;
  padding: 0px 10px;
}

.infografias.reparacion_muro #reparacionmuro_mortero .element_accordeon .accordeon_Content {
  height: auto;
  width: 320px;
}

@media screen and (min-width: 48em) {
  .infografias.reparacion_muro #reparacionmuro_mortero .element_accordeon .accordeon_Content {
    width: 360px;
    height: 250px;
  }
}

.infografias.reparacion_muro #reparacionmuro_mortero .element_accordeon .accordeon_Content li {
  height: 0px;
  width: 100%;
}

.infografias.reparacion_muro #reparacionmuro_mortero .element_accordeon .accordeon_Content li.active {
  height: auto;
}

.infografias.reparacion_muro #reparacionmuro_mortero .element_accordeon .accordeon_Content li .title {
  font-family: UnitedSansRegStencil, Arial, Helvetica, sans-serif;
  margin: 8px 0px 4px 0px;
  display: block;
  width: 100%;
}

.infografias.reparacion_muro #reparacionmuro_mortero .element_accordeon .accordeon_Content li .img {
  margin-top: 8px;
}

.infografias.reparacion_muro #reparacionmuro_mortero .element_accordeon .accordeon_Content li p {
  color: #fff;
}

.infografias.reparacion_muro #reparacionmuro_ascendente {
  height: 130vh;
}

@media screen and (min-width: 48em) {
  .infografias.reparacion_muro #reparacionmuro_ascendente {
    height: 100vh;
  }
}

.infografias.reparacion_muro #reparacionmuro_ascendente .element_group {
  left: 50%;
  width: 100%;
  top: -10%;
}

@media screen and (min-width: 48em) {
  .infografias.reparacion_muro #reparacionmuro_ascendente .element_group {
    width: 430px;
    top: 40%;
    left: 1%;
  }
}

.infografias.reparacion_muro #reparacionmuro_ascendente .element_group p {
  font-family: 'Blender';
  line-height: 20px;
}

.infografias.reparacion_muro #reparacionmuro_ascendente .element_group .title {
  width: 100%;
  font-family: UnitedSansRegStencil, Arial, Helvetica, sans-serif;
  background: #000;
  color: #fff;
  display: block;
  padding: 12px 0px;
  margin: 20px 0px;
  text-align: center;
  font-size: 18px;
}

.infografias.reparacion_muro #reparacionmuro_ascendente .element_group .button-large {
  bottom: -110px;
  right: 140px;
  font-family: UnitedSansRegStencil, Arial, Helvetica, sans-serif;
  background: #000;
  color: #fff;
  display: block;
  text-align: center;
  font-size: 18px;
  border: 3px solid #fff;
  border-style: double;
  width: 180px;
  height: 50px;
  line-height: 42px;
}

.infografias.reparacion_muro #reparacionmuro_ascendente .element_accordeon {
  left: 50%;
  width: 100%;
  top: 30%;
}

@media screen and (min-width: 48em) {
  .infografias.reparacion_muro #reparacionmuro_ascendente .element_accordeon {
    width: 360px;
    height: 350px;
    left: 60%;
    top: 58%;
  }
}

.infografias.reparacion_muro #reparacionmuro_ascendente .element_accordeon ul.bullets li {
  background: transparent;
  color: #000;
}

.infografias.reparacion_muro #reparacionmuro_ascendente .element_accordeon ul.bullets li.active {
  background: #000;
  color: #fff;
}

.infografias.reparacion_muro #reparacionmuro_ascendente .element_accordeon .accordeon_title {
  width: 100%;
  font-family: UnitedSansRegStencil, Arial, Helvetica, sans-serif;
}

.infografias.reparacion_muro #reparacionmuro_ascendente .element_accordeon .accordeon_Content {
  width: 320px;
  height: 250px;
}

@media screen and (min-width: 48em) {
  .infografias.reparacion_muro #reparacionmuro_ascendente .element_accordeon .accordeon_Content {
    width: 360px;
    height: 250px;
  }
}

.infografias.reparacion_muro #reparacionmuro_ascendente .element_accordeon .accordeon_Content li {
  height: 0px;
  width: 100%;
}

.infografias.reparacion_muro #reparacionmuro_ascendente .element_accordeon .accordeon_Content li.active {
  height: auto;
}

.infografias.reparacion_muro #reparacionmuro_ascendente .element_accordeon .accordeon_Content li .title {
  font-family: UnitedSansRegStencil, Arial, Helvetica, sans-serif;
  margin: 8px 0px 4px 0px;
  display: block;
  width: 100%;
}

.infografias.reparacion_muro #reparacionmuro_ascendente .element_accordeon .accordeon_Content li .img {
  margin-top: 8px;
  width: 100%;
}

@media screen and (min-width: 48em) {
  .infografias.reparacion_muro #reparacionmuro_ascendente .element_accordeon .accordeon_Content li .img {
    width: 100%;
  }
}

.infografias.aditivos #inicio .wrapper.hyper-large {
  height: 285px;
}

@media screen and (min-width: 48em) {
  .infografias.aditivos #inicio .wrapper.hyper-large {
    height: 285px;
  }
}

.infografias.aditivos #inicio h3.subtitle {
  width: 300px;
}

@media screen and (min-width: 48em) {
  .infografias.aditivos #inicio h3.subtitle {
    width: 490px;
  }
}

@media screen and (max-width: 320px) {
  .infografias.aditivos #aditivos_elaboracion {
    height: 125vh;
  }
}

.infografias.aditivos #aditivos_elaboracion .element_carrousel {
  top: 30%;
  width: 360px;
}

@media screen and (min-width: 48em) {
  .infografias.aditivos #aditivos_elaboracion .element_carrousel {
    top: 50%;
    width: 920px;
  }
}

.infografias.aditivos #aditivos_elaboracion .element_text_carrousel {
  top: 75%;
  width: 300px;
}

@media screen and (min-width: 48em) {
  .infografias.aditivos #aditivos_elaboracion .element_text_carrousel {
    width: 400px;
  }
}

.infografias.aditivos #aditivos_elaboracion .element_text_carrousel h3.element_Title {
  width: 47px;
  height: 43px;
  line-height: 43px;
  font-size: 26px;
  position: absolute;
  top: 0;
}

.infografias.aditivos #aditivos_elaboracion .element_text_carrousel p.element_Content {
  font-size: 18px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 65px;
  width: 235px;
  color: #000;
}

@media screen and (min-width: 48em) {
  .infografias.aditivos #aditivos_elaboracion .element_text_carrousel p.element_Content {
    width: 300px;
  }
}

.infografias.aditivos #aditivos_concreto {
  height: 125vh;
}

@media screen and (min-width: 48em) {
  .infografias.aditivos #aditivos_concreto {
    height: 100vh;
  }
}

@media screen and (max-width: 320px) {
  .infografias.aditivos #aditivos_concreto {
    height: 170vh;
  }
}

.infografias.aditivos #aditivos_concreto .element_group {
  top: -10%;
  width: 300px;
  height: 150px;
}

@media screen and (min-width: 48em) {
  .infografias.aditivos #aditivos_concreto .element_group {
    top: 50%;
    height: 266px;
    width: auto;
  }
}

.infografias.aditivos #aditivos_concreto .element_group .element_basic img {
  width: 100%;
  height: 100%;
}

@media screen and (min-width: 48em) {
  .infografias.aditivos #aditivos_concreto .element_group .element_basic img {
    width: auto;
    height: auto;
  }
}

.infografias.aditivos #aditivos_concreto .element_accordeon {
  width: 300px;
  top: 30%;
}

@media screen and (min-width: 48em) {
  .infografias.aditivos #aditivos_concreto .element_accordeon {
    left: 4%;
    width: 360px;
  }
}

.infografias.aditivos #aditivos_concreto .element_accordeon ul.bullets li {
  background: transparent;
  color: #000;
}

.infografias.aditivos #aditivos_concreto .element_accordeon ul.bullets li.active {
  background: #000;
  color: #fff;
}

@media screen and (min-width: 48em) {
  .infografias.aditivos #aditivos_concreto .element_accordeon ul.bullets {
    width: 360px;
  }
}

.infografias.aditivos #aditivos_concreto .element_accordeon .accordeon_title {
  width: 300px;
  font-family: UnitedSansRegStencil, Arial, Helvetica, sans-serif;
}

@media screen and (min-width: 48em) {
  .infografias.aditivos #aditivos_concreto .element_accordeon .accordeon_title {
    width: 360px;
  }
}

.infografias.aditivos #aditivos_concreto .element_accordeon .accordeon_Content {
  height: auto;
  margin-top: 10px;
  color: #fff;
  width: 300px;
}

@media screen and (min-width: 48em) {
  .infografias.aditivos #aditivos_concreto .element_accordeon .accordeon_Content {
    width: 360px;
    margin-top: 10px;
    height: auto;
  }
}

.infografias.aditivos #aditivos_concreto .element_accordeon .accordeon_Content li {
  color: #fff;
}

.infografias.aditivos #aditivos_concreto .element_accordeon .accordeon_Content li.active {
  height: 270px;
}

.infografias.aditivos #aditivos_concreto p.disclaimer {
  bottom: -200px;
}

@media screen and (min-width: 48em) {
  .infografias.aditivos #aditivos_concreto p.disclaimer {
    bottom: -50px;
  }
}

.infografias.puesta_tierra #puestatierra_instalacion {
  height: 135vh;
}

@media screen and (min-width: 48em) {
  .infografias.puesta_tierra #puestatierra_instalacion {
    height: 100vh;
  }
}

@media screen and (max-width: 320px) {
  .infografias.puesta_tierra #puestatierra_instalacion {
    height: 140vh;
  }
}

.infografias.puesta_tierra #puestatierra_instalacion .wrapper {
  top: 55%;
  height: 500px;
}

@media screen and (min-width: 48em) {
  .infografias.puesta_tierra #puestatierra_instalacion .wrapper {
    height: 520px;
    top: 50%;
  }
}

.infografias.puesta_tierra #puestatierra_instalacion p.disclaimer {
  bottom: -50px;
}

@media screen and (min-width: 48em) {
  .infografias.puesta_tierra #puestatierra_instalacion p.disclaimer {
    bottom: -140px;
  }
}

.infografias.puesta_tierra #puestatierra_instalacion .button-box {
  bottom: -135px;
}

@media screen and (min-width: 48em) {
  .infografias.puesta_tierra #puestatierra_instalacion .wrapper .element_group {
    top: 70%;
  }
}

.infografias.puesta_tierra #puestatierra_instalacion .wrapper .element_group .button_circle span {
  background-image: none;
  color: #ffffff;
  font-family: UnitedSansRegStencil, sans-serif;
  text-align: center;
  text-indent: 0;
  line-height: 28px;
}

.infografias.puesta_tierra #puestatierra_instalacion .element_objects {
  height: 0;
  top: 50%;
}

@media screen and (min-width: 48em) {
  .infografias.puesta_tierra #puestatierra_instalacion .element_objects {
    top: 50%;
  }
}

.infografias.puesta_tierra #puestatierra_instalacion .element_objects .escoge-bomba-border {
  border-width: 0.5px;
  border-color: white;
  border-style: solid;
  width: 173px;
  height: 50px;
  position: absolute;
  left: 50%;
  -webkit-transform: perspective(1px) translate(-50%, 0);
          transform: perspective(1px) translate(-50%, 0);
  top: 185px;
}

@media screen and (min-width: 48em) {
  .infografias.puesta_tierra #puestatierra_instalacion .element_objects .escoge-bomba-border {
    top: 270px;
    left: 90%;
  }
}

.infografias.puesta_tierra #puestatierra_instalacion .element_objects .escoge-bomba {
  border-width: 2px;
  border-color: black;
  border-style: solid;
  background-color: black;
  width: 165px;
  height: 41px;
  color: #ffffff;
  font-family: 'UnitedSansRegStencil', sans-serif;
  text-align: center;
  font-size: 15px;
  padding-top: 10px;
  margin: 3px auto;
  cursor: pointer;
}

.infografias.puesta_tierra #puestatierra_instalacion .element_group {
  height: 100%;
  z-index: auto;
  left: 0;
  top: 50%;
}

@media screen and (min-width: 48em) {
  .infografias.puesta_tierra #puestatierra_instalacion .element_group {
    left: 25%;
  }
}

.infografias.puesta_tierra #puestatierra_instalacion .element_group .element_objects {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  z-index: auto;
}

.infografias.puesta_tierra #puestatierra_instalacion .element_group .element_Wrapper {
  position: absolute;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  font-family: Blender, sans-serif;
  background-repeat: no-repeat;
}

.infografias.puesta_tierra #puestatierra_instalacion .element_group .element_Wrapper.active {
  width: 655px;
}

.infografias.puesta_tierra #puestatierra_instalacion .element_group .element_Wrapper.active .element_Tittle {
  opacity: 1;
  visibility: visible;
}

.infografias.puesta_tierra #puestatierra_instalacion .element_group .element_Wrapper.active .element_Content {
  opacity: 1;
  visibility: visible;
}

.infografias.puesta_tierra #puestatierra_instalacion .element_group .element_Wrapper .element_Tittle {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  font-family: Blender, sans-serif;
  text-transform: uppercase;
  text-align: left;
  font-size: 24px;
  line-height: 23px;
}

.infografias.puesta_tierra #puestatierra_instalacion .element_group .element_Wrapper .element_Content {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  font-size: 23px;
  line-height: 24px;
  text-align: left;
  color: #ffffff;
}

.infografias.puesta_tierra #puestatierra_instalacion .element_group .element_A_Wrapper {
  background-image: url(../images/puestatierra/puestatierra-1.png);
  background-position: right top;
  height: 90px;
  right: 142px;
  top: 8px;
  width: 0;
}

@media screen and (min-width: 48em) {
  .infografias.puesta_tierra #puestatierra_instalacion .element_group .element_A_Wrapper.active {
    width: 450px;
  }
}

.infografias.puesta_tierra #puestatierra_instalacion .element_group .element_A_Wrapper .element_Content {
  width: 120px;
  left: 120px;
  top: 15px;
}

.infografias.puesta_tierra #puestatierra_instalacion .element_group .element_A_Wrapper.horiz {
  background-image: url(../images/puestatierra/puestatierra-5.png);
  background-position: right top;
  height: 240px;
  right: 415px;
  top: 51px;
  width: 0;
}

@media screen and (min-width: 48em) {
  .infografias.puesta_tierra #puestatierra_instalacion .element_group .element_A_Wrapper.horiz.active {
    width: 250px;
    height: 240px;
  }
}

.infografias.puesta_tierra #puestatierra_instalacion .element_group .element_A_Wrapper.horiz .element_Content {
  width: 120px;
  left: 10px;
  top: 180px;
}

.infografias.puesta_tierra #puestatierra_instalacion .element_group .element_B_Wrapper {
  background-image: url(../images/puestatierra/puestatierra-2.png);
  background-position: right top;
  height: 110px;
  top: 71px;
  right: 126px;
  width: 0;
}

@media screen and (min-width: 48em) {
  .infografias.puesta_tierra #puestatierra_instalacion .element_group .element_B_Wrapper.active {
    width: 460px;
  }
}

.infografias.puesta_tierra #puestatierra_instalacion .element_group .element_B_Wrapper .element_Content {
  width: 120px;
  left: 120px;
  top: -8px;
}

.infografias.puesta_tierra #puestatierra_instalacion .element_group .element_B_Wrapper.horiz {
  background-image: url("../images/puestatierra/puestatierra-6.png");
  background-position: right top;
  height: 240px;
  right: 94px;
  top: 145px;
  width: 0;
}

@media screen and (min-width: 48em) {
  .infografias.puesta_tierra #puestatierra_instalacion .element_group .element_B_Wrapper.horiz.active {
    width: 300px;
    height: 240px;
  }
}

.infografias.puesta_tierra #puestatierra_instalacion .element_group .element_B_Wrapper.horiz .element_Content {
  width: 200px;
  left: 120px;
  top: 200px;
}

.infografias.puesta_tierra #puestatierra_instalacion .element_group .element_C_Wrapper {
  background-image: url("../images/puestatierra/puestatierra-3.png");
  background-position: left top;
  height: 180px;
  left: -253px;
  top: 140px;
  width: 0;
}

@media screen and (min-width: 48em) {
  .infografias.puesta_tierra #puestatierra_instalacion .element_group .element_C_Wrapper.active {
    width: 414px;
  }
}

.infografias.puesta_tierra #puestatierra_instalacion .element_group .element_C_Wrapper .element_Content {
  width: 126px;
  left: 70px;
  top: 55px;
}

.infografias.puesta_tierra #puestatierra_instalacion .element_group .element_C_Wrapper.horiz {
  background-image: url(../images/puestatierra/puestatierra-7.png);
  background-position: right top;
  height: 170px;
  left: 450px;
  top: 116px;
  width: 0;
}

@media screen and (min-width: 48em) {
  .infografias.puesta_tierra #puestatierra_instalacion .element_group .element_C_Wrapper.horiz.active {
    width: 270px;
    height: 170px;
  }
}

.infografias.puesta_tierra #puestatierra_instalacion .element_group .element_C_Wrapper.horiz .element_Content {
  width: auto;
  left: 160px;
  top: 110px;
}

.infografias.puesta_tierra #puestatierra_instalacion .element_group .element_D_Wrapper {
  background-image: url(../images/puestatierra/puestatierra-4.png);
  background-position: right top;
  right: 84px;
  top: 260px;
  height: 90px;
  width: 0;
}

@media screen and (min-width: 48em) {
  .infografias.puesta_tierra #puestatierra_instalacion .element_group .element_D_Wrapper.active {
    width: 490px;
  }
}

.infografias.puesta_tierra #puestatierra_instalacion .element_group .element_D_Wrapper .element_Content {
  width: 98px;
  left: 130px;
  top: 10px;
}

.infografias.puesta_tierra #puestatierra_instalacion .element_group .element_A {
  position: absolute;
  top: 0;
  left: 40px;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  width: 250px;
  height: 380px;
}

.infografias.puesta_tierra #puestatierra_instalacion .element_group .element_A.horiz {
  position: absolute;
  top: 0;
  left: 40px;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  width: 250px;
  height: 380px;
}

@media screen and (min-width: 48em) {
  .infografias.puesta_tierra #puestatierra_instalacion .element_group .element_A.horiz {
    width: 522px;
    height: 266px;
    top: 70px;
    left: -50px;
  }
}

@media screen and (min-width: 48em) {
  .infografias.puesta_tierra #puestatierra_instalacion .element_group .element_A {
    width: 287px;
    height: 390px;
    top: 70px;
    left: 70px;
  }
}

.infografias.puesta_tierra #puestatierra_instalacion .element_group .element_A .element_message {
  display: none;
}

@media screen and (min-width: 48em) {
  .infografias.puesta_tierra #puestatierra_instalacion .element_group .element_A .element_message {
    display: block;
    position: absolute;
    right: -250px;
    top: 150px;
    width: auto;
    height: auto;
  }
}

.infografias.puesta_tierra #puestatierra_instalacion .element_group .element_A .element_message_2 {
  display: none;
}

@media screen and (min-width: 48em) {
  .infografias.puesta_tierra #puestatierra_instalacion .element_group .element_A .element_message_2 {
    display: block;
    position: absolute;
    right: -250px;
    top: 20px;
    width: auto;
    height: auto;
  }
}

.infografias.puesta_tierra #puestatierra_instalacion .element_group .element_A img.vert {
  width: 250px;
  height: 380px;
}

@media screen and (min-width: 48em) {
  .infografias.puesta_tierra #puestatierra_instalacion .element_group .element_A img.vert {
    width: 287px;
    height: 390px;
  }
}

.infografias.puesta_tierra #puestatierra_instalacion .element_group .element_A img.horiz {
  width: 300px;
  height: 250px;
  margin-left: -26px;
}

@media screen and (min-width: 48em) {
  .infografias.puesta_tierra #puestatierra_instalacion .element_group .element_A img.horiz {
    width: 522px;
    height: 266px;
    margin-left: 0px;
  }
}

.infografias.puesta_tierra #puestatierra_instalacion .element_group .element_B {
  position: absolute;
  top: 70px;
  left: 20px;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  width: 260px;
  height: 482px;
}

.infografias.puesta_tierra #puestatierra_instalacion .element_group .element_B .element_B_Object {
  left: -372px;
  position: absolute;
  top: 100px;
}

.infografias.puesta_tierra #puestatierra_instalacion .element_group .button_circle {
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
}

.infografias.puesta_tierra #puestatierra_instalacion .element_group .button_circle:hover, .infografias.puesta_tierra #puestatierra_instalacion .element_group .button_circle.active {
  background-color: #F2DF34;
}

.infografias.puesta_tierra #puestatierra_instalacion .element_group .button_circle:hover span, .infografias.puesta_tierra #puestatierra_instalacion .element_group .button_circle.active span {
  background-image: none;
  color: #000000;
}

.infografias.puesta_tierra #puestatierra_instalacion .element_group .button_circle.horiz.button_a {
  left: -10px;
  top: 76px;
}

.infografias.puesta_tierra #puestatierra_instalacion .element_group .button_circle.horiz.button_a.mobile {
  left: -50px;
  top: 73px;
}

@media screen and (min-width: 48em) {
  .infografias.puesta_tierra #puestatierra_instalacion .element_group .button_circle.horiz.button_a {
    left: -10px;
    top: 76px;
  }
}

@media screen and (min-width: 48em) {
  .infografias.puesta_tierra #puestatierra_instalacion .element_group .button_circle.horiz.button_a.active {
    left: -100px;
    top: 76px;
  }
}

.infografias.puesta_tierra #puestatierra_instalacion .element_group .button_circle.horiz.button_b {
  left: 249px;
  top: 260px;
}

.infografias.puesta_tierra #puestatierra_instalacion .element_group .button_circle.horiz.button_b.mobile {
  left: 110px;
  top: 240px;
}

@media screen and (min-width: 48em) {
  .infografias.puesta_tierra #puestatierra_instalacion .element_group .button_circle.horiz.button_b {
    left: 249px;
    top: 260px;
  }
}

@media screen and (min-width: 48em) {
  .infografias.puesta_tierra #puestatierra_instalacion .element_group .button_circle.horiz.button_b.active {
    left: 249px;
    top: 300px;
  }
}

.infografias.puesta_tierra #puestatierra_instalacion .element_group .button_circle.horiz.button_c {
  left: 380px;
  top: 250px;
}

.infografias.puesta_tierra #puestatierra_instalacion .element_group .button_circle.horiz.button_c.mobile {
  left: 190px;
  top: 240px;
}

@media screen and (min-width: 48em) {
  .infografias.puesta_tierra #puestatierra_instalacion .element_group .button_circle.horiz.button_c {
    left: 380px;
    top: 250px;
  }
}

@media screen and (min-width: 48em) {
  .infografias.puesta_tierra #puestatierra_instalacion .element_group .button_circle.horiz.button_c.active {
    left: 560px;
    top: 225px;
  }
}

.infografias.puesta_tierra #puestatierra_instalacion .element_group .button_circle.button_a {
  left: -10px;
  top: 30px;
}

@media screen and (min-width: 48em) {
  .infografias.puesta_tierra #puestatierra_instalacion .element_group .button_circle.button_a {
    left: -10px;
    top: 30px;
  }
}

@media screen and (min-width: 48em) {
  .infografias.puesta_tierra #puestatierra_instalacion .element_group .button_circle.button_a.active {
    left: -60px;
    top: 30px;
  }
}

.infografias.puesta_tierra #puestatierra_instalacion .element_group .button_circle.button_b {
  left: -10px;
  top: 84px;
}

@media screen and (min-width: 48em) {
  .infografias.puesta_tierra #puestatierra_instalacion .element_group .button_circle.button_b {
    left: -10px;
    top: 84px;
  }
}

@media screen and (min-width: 48em) {
  .infografias.puesta_tierra #puestatierra_instalacion .element_group .button_circle.button_b.active {
    left: -50px;
    top: 84px;
  }
}

.infografias.puesta_tierra #puestatierra_instalacion .element_group .button_circle.button_c {
  left: -10px;
  top: 215px;
}

@media screen and (min-width: 48em) {
  .infografias.puesta_tierra #puestatierra_instalacion .element_group .button_circle.button_c {
    left: -10px;
    top: 215px;
  }
}

@media screen and (min-width: 48em) {
  .infografias.puesta_tierra #puestatierra_instalacion .element_group .button_circle.button_c.active {
    left: -50px;
    top: 215px;
  }
}

.infografias.puesta_tierra #puestatierra_instalacion .element_group .button_circle.button_d {
  left: -10px;
  top: 280px;
}

@media screen and (min-width: 48em) {
  .infografias.puesta_tierra #puestatierra_instalacion .element_group .button_circle.button_d {
    left: -10px;
    top: 280px;
  }
}

@media screen and (min-width: 48em) {
  .infografias.puesta_tierra #puestatierra_instalacion .element_group .button_circle.button_d.active {
    left: -50px;
    top: 280px;
  }
}

.infografias.puesta_tierra #puestatierra_instalacion .element_accordeon {
  top: -20%;
  left: 60%;
  -webkit-transform: perspective(1px) translate(-50%);
          transform: perspective(1px) translate(-50%);
  width: auto;
}

@media screen and (min-width: 48em) {
  .infografias.puesta_tierra #puestatierra_instalacion .element_accordeon {
    -webkit-transform: perspective(1px) translate(0, -50%);
            transform: perspective(1px) translate(0, -50%);
    left: 0;
    top: 30%;
  }
}

.infografias.puesta_tierra #puestatierra_instalacion .element_accordeon ul {
  opacity: 1;
}

.infografias.puesta_tierra #puestatierra_instalacion .element_accordeon ul.bullets {
  width: 300px;
  margin: 0 auto;
  display: inline-block;
  text-align: center;
  left: 50%;
  -webkit-transform: perspective(1px) translateX(-50%);
          transform: perspective(1px) translateX(-50%);
}

@media screen and (min-width: 48em) {
  .infografias.puesta_tierra #puestatierra_instalacion .element_accordeon ul.bullets {
    width: 960px;
    left: 0;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    top: 60px;
  }
}

.infografias.puesta_tierra #puestatierra_instalacion .element_accordeon ul.bullets li {
  color: #000;
  position: relative;
  font-size: 10px;
  font-family: UnitedSansRegStencil, sans-serif;
  width: auto;
  margin-right: 5px;
  padding: 0 5px;
  float: left;
  display: inline-block;
  border-width: 2px;
  border-color: black;
  border-style: solid;
  background-color: transparent;
  height: 33px;
  line-height: 33px;
}

@media screen and (min-width: 48em) {
  .infografias.puesta_tierra #puestatierra_instalacion .element_accordeon ul.bullets li {
    margin-right: 15px;
    padding: 0 32px;
    font-size: 20px;
    float: none;
  }
}

.infografias.puesta_tierra #puestatierra_instalacion .element_accordeon ul.bullets li.active {
  background-color: #000000;
  color: #fff;
}

.infografias.puesta_tierra #puestatierra_instalacion .element_accordeon ul.bullets li.active:after {
  bottom: -17px;
  opacity: 1;
}

.infografias.puesta_tierra #puestatierra_instalacion .element_accordeon ul.bullets li:after {
  content: ' ';
  position: absolute;
  opacity: 0;
  left: -3px;
  bottom: auto;
  background-image: url(../images/materiales/menu-selected-icon.png);
  width: 15px;
  height: 15px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.infografias.puesta_tierra #puestatierra_instalacion .element_accordeon ul.accordeon_Content {
  width: 300px;
  height: 269px;
  position: relative;
  left: 50%;
  top: 48px;
  -webkit-transform: perspective(1px) translateX(-50%);
          transform: perspective(1px) translateX(-50%);
}

@media screen and (min-width: 48em) {
  .infografias.puesta_tierra #puestatierra_instalacion .element_accordeon ul.accordeon_Content {
    width: 482px;
    left: 0;
    top: 152px;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }
}

.infografias.puesta_tierra #puestatierra_instalacion .element_accordeon ul.accordeon_Content li {
  color: #ffffff;
  font-size: 15px;
  height: 269px;
  position: absolute;
  top: 0;
}

@media screen and (min-width: 48em) {
  .infografias.puesta_tierra #puestatierra_instalacion .element_accordeon ul.accordeon_Content li {
    font-size: 20px;
  }
}

.infografias.puesta_tierra #puestatierra_instalacion .element_accordeon ul.accordeon_Content li p {
  margin-bottom: 20px;
  background-image: url(../images/materiales/barras-check.png);
  background-repeat: no-repeat;
  background-position: left 5px;
  padding-left: 45px;
}

.infografias.puesta_tierra #puestatierra_instalacion .element_accordeon ul.accordeon_Content li p strong {
  font-size: 22px;
}

.infografias.puesta_tierra #puestatierra_porque {
  height: 130vh;
}

@media screen and (min-width: 48em) {
  .infografias.puesta_tierra #puestatierra_porque {
    height: 100vh;
  }
}

@media screen and (max-width: 320px) {
  .infografias.puesta_tierra #puestatierra_porque {
    height: 150vh;
  }
}

.infografias.puesta_tierra #puestatierra_porque .wrapper .element_group p {
  font-family: 'Blender';
  font-weight: bold;
  font-size: 16px;
  width: 300px;
  margin: 0 auto;
  text-align: left;
}

.infografias.puesta_tierra #puestatierra_porque .wrapper .element_group.instalation {
  width: 100%;
  top: 8%;
  text-align: center;
}

@media screen and (min-width: 48em) {
  .infografias.puesta_tierra #puestatierra_porque .wrapper .element_group.instalation {
    width: 50%;
    top: 47.5%;
  }
  .infografias.puesta_tierra #puestatierra_porque .wrapper .element_group.instalation img {
    width: auto;
  }
}

.infografias.puesta_tierra #puestatierra_porque .wrapper .element_group.instalation .title {
  width: 303px;
  height: auto;
  margin: 0 auto;
  background: #000;
  color: #fff;
  font-family: UnitedSansRegStencil, Arial, Helvetica, sans-serif;
  font-size: 22px;
  text-align: left;
  padding: 10px 15px;
  text-transform: uppercase;
  margin-bottom: 15px;
}

.infografias.puesta_tierra #puestatierra_porque .wrapper .element_group.instalation img {
  margin-top: 35px;
  width: 50%;
}

.infografias.puesta_tierra #puestatierra_porque .wrapper .element_group.tools {
  width: 100%;
  top: 116%;
  text-align: center;
}

@media screen and (min-width: 48em) {
  .infografias.puesta_tierra #puestatierra_porque .wrapper .element_group.tools {
    width: 50%;
    top: 50%;
  }
  .infografias.puesta_tierra #puestatierra_porque .wrapper .element_group.tools img {
    margin-top: 0px;
    width: auto;
  }
}

.infografias.puesta_tierra #puestatierra_porque .wrapper .element_group.tools .title {
  width: 303px;
  height: 49px;
  margin: 0 auto;
  background: #000;
  color: #fff;
  font-family: UnitedSansRegStencil, Arial, Helvetica, sans-serif;
  font-size: 22px;
  text-align: center;
  line-height: 50px;
  text-transform: uppercase;
  margin-bottom: 15px;
}

.infografias.puesta_tierra #puestatierra_porque .wrapper .element_group.tools img {
  margin-top: 0px;
  width: 80%;
}

.infografias.puesta_tierra #inicio .wrapper.hyper-large {
  height: 285px;
}

@media screen and (min-width: 48em) {
  .infografias.puesta_tierra #inicio .wrapper.hyper-large {
    height: 285px;
  }
}

.infografias.puesta_tierra #inicio h3.subtitle {
  width: 360px;
  height: 44px;
}

@media screen and (min-width: 48em) {
  .infografias.puesta_tierra #inicio h3.subtitle {
    height: 44px;
    width: 710px;
  }
}

.infografias.bano span.btn_sifon_esmaltado {
  position: absolute;
  bottom: -54px;
  left: 50%;
  margin-left: -90px;
  width: 200px;
  height: 60px;
  background: #000;
  color: #fff;
  text-align: center;
  line-height: 50px;
  border: 5px solid #fff;
  border-style: double;
  font-family: UnitedSansRegStencil, Arial, Helvetica, sans-serif;
  cursor: pointer;
}

@media screen and (min-width: 48em) {
  .infografias.bano span.btn_sifon_esmaltado {
    bottom: -80px;
  }
}

@media screen and (max-width: 375px) {
  .infografias.bano span.btn_sifon_esmaltado {
    bottom: -40px;
  }
}

@media screen and (max-width: 320px) {
  .infografias.bano span.btn_sifon_esmaltado {
    bottom: -60px;
  }
}

.infografias.bano #inicio .wrapper.hyper-large {
  height: auto;
}

.infografias.bano #inicio .wrapper.hyper-large .sponsored {
  font-family: 'Blender';
  font-size: 16px;
  margin-top: 40px;
  margin-left: 20px;
  color: white;
}

@media screen and (max-width: 500px) {
  .infografias.bano #inicio .wrapper.hyper-large .sponsored {
    margin-top: 0px;
    margin-left: 0px;
  }
}

.infografias.bano #inicio .wrapper.hyper-large .sponsored-image {
  -webkit-filter: none;
          filter: none;
  width: 120px;
  margin-top: 10px;
  margin-left: 12px;
}

@media screen and (max-width: 500px) {
  .infografias.bano #inicio .wrapper.hyper-large .sponsored-image {
    width: 30%;
  }
}

@media screen and (min-width: 48em) {
  .infografias.bano #inicio .wrapper.hyper-large {
    height: auto;
  }
}

.infografias.bano #inicio h3.subtitle {
  width: 360px;
}

@media screen and (min-width: 48em) {
  .infografias.bano #inicio h3.subtitle {
    width: 620px;
  }
}

.infografias.bano #bano_lavatorio,
.infografias.bano #bano_sanitario {
  height: 130vh;
}

@media screen and (max-width: 320px) {
  .infografias.bano #bano_lavatorio,
  .infografias.bano #bano_sanitario {
    height: 150vh;
  }
}

@media screen and (min-width: 48em) {
  .infografias.bano #bano_lavatorio,
  .infografias.bano #bano_sanitario {
    height: 100vh;
  }
}

.infografias.bano #bano_lavatorio .element_group img,
.infografias.bano #bano_sanitario .element_group img {
  width: 100%;
  height: 100%;
}

@media screen and (min-width: 48em) {
  .infografias.bano #bano_lavatorio .element_group img,
  .infografias.bano #bano_sanitario .element_group img {
    width: auto !important;
    height: auto !important;
    margin: 0 auto;
    display: block;
  }
}

.infografias.bano #bano_lavatorio p.disclaimer,
.infografias.bano #bano_sanitario p.disclaimer {
  bottom: -100px;
}

@media screen and (min-width: 48em) {
  .infografias.bano #bano_lavatorio p.disclaimer,
  .infografias.bano #bano_sanitario p.disclaimer {
    bottom: -150px;
  }
}

@media screen and (max-width: 375px) {
  .infografias.bano #bano_lavatorio p.disclaimer,
  .infografias.bano #bano_sanitario p.disclaimer {
    bottom: -90px;
  }
}

@media screen and (max-width: 320px) {
  .infografias.bano #bano_lavatorio p.disclaimer,
  .infografias.bano #bano_sanitario p.disclaimer {
    bottom: -100px;
  }
}

.infografias.bano #bano_lavatorio .button-box,
.infografias.bano #bano_sanitario .button-box {
  bottom: -50px;
}

@media screen and (min-width: 48em) {
  .infografias.bano #bano_lavatorio .button-box,
  .infografias.bano #bano_sanitario .button-box {
    bottom: -150px;
  }
}

.infografias.bano #bano_usar {
  height: 130vh;
}

@media screen and (max-width: 320px) {
  .infografias.bano #bano_usar {
    height: 150vh;
  }
}

@media screen and (min-width: 48em) {
  .infografias.bano #bano_usar {
    height: 100vh;
  }
}

.infografias.bano #bano_usar .wrapper .element_group p {
  font-family: 'Blender';
  font-weight: bold;
  font-size: 16px;
  width: 300px;
  margin: 0 auto;
  text-align: left;
}

.infografias.bano #bano_usar .wrapper .element_group.instalation {
  width: 100%;
  top: 8%;
  text-align: center;
}

@media screen and (min-width: 48em) {
  .infografias.bano #bano_usar .wrapper .element_group.instalation {
    width: 50%;
    top: 47.5%;
  }
  .infografias.bano #bano_usar .wrapper .element_group.instalation img {
    width: auto;
  }
}

.infografias.bano #bano_usar .wrapper .element_group.instalation .title {
  width: 303px;
  height: 49px;
  margin: 0 auto;
  background: #000;
  color: #fff;
  font-family: UnitedSansRegStencil, Arial, Helvetica, sans-serif;
  font-size: 22px;
  text-align: center;
  line-height: 50px;
  text-transform: uppercase;
  margin-bottom: 15px;
}

.infografias.bano #bano_usar .wrapper .element_group.instalation img {
  margin-top: 35px;
  width: 50%;
}

.infografias.bano #bano_usar .wrapper .element_group.tools {
  width: 100%;
  top: 100%;
  text-align: center;
}

@media screen and (min-width: 48em) {
  .infografias.bano #bano_usar .wrapper .element_group.tools {
    width: 50%;
    top: 50%;
    border-left: 1px solid #000;
  }
  .infografias.bano #bano_usar .wrapper .element_group.tools img {
    width: auto;
  }
}

.infografias.bano #bano_usar .wrapper .element_group.tools .title {
  width: 303px;
  height: 49px;
  margin: 0 auto;
  background: #000;
  color: #fff;
  font-family: UnitedSansRegStencil, Arial, Helvetica, sans-serif;
  font-size: 22px;
  text-align: center;
  line-height: 50px;
  text-transform: uppercase;
  margin-bottom: 15px;
}

.infografias.bano #bano_usar .wrapper .element_group.tools img {
  margin-top: 18px;
  width: 40%;
}

.infografias.electricidad #inicio h1 {
  font-size: 20px;
  line-height: 18px;
}

@media screen and (min-width: 48em) {
  .infografias.electricidad #inicio h1 {
    line-height: 32px;
    font-size: 50px;
  }
}

.infografias.electricidad #inicio h2 {
  font-size: 32px;
  line-height: 29px;
}

@media screen and (min-width: 48em) {
  .infografias.electricidad #inicio h2 {
    font-size: 62px;
    line-height: 20px;
  }
}

.infografias.electricidad #inicio h3.subtitle {
  width: 360px;
}

@media screen and (min-width: 48em) {
  .infografias.electricidad #inicio h3.subtitle {
    width: 775px;
  }
}

.infografias.electricidad #inicio ul.initial_buttons {
  height: 260px;
}

@media screen and (min-width: 48em) {
  .infografias.electricidad #inicio ul.initial_buttons {
    height: 113px;
  }
}

@media screen and (min-width: 48em) {
  .infografias.electricidad #inicio ul.initial_buttons li {
    margin-right: 16px;
  }
}

.infografias.electricidad #inicio ul.initial_buttons li p {
  top: 48%;
}

.infografias.electricidad #inicio ul.initial_buttons li[data-move="tablero_electrico"] p {
  font-size: 12px;
}

@media screen and (min-width: 48em) {
  .infografias.electricidad #inicio ul.initial_buttons li[data-move="tablero_electrico"] p {
    font-size: 16px;
  }
}

.infografias.electricidad .interna ul#Menu_intern.desktop {
  max-width: 900px;
}

#tipos_cables .wrapper {
  top: 55%;
  height: 500px;
}

@media screen and (min-width: 48em) {
  #tipos_cables .wrapper {
    height: 520px;
    top: 50%;
  }
}

#tipos_cables .element_accordeon {
  top: 43%;
  left: 50%;
  -webkit-transform: perspective(1px) translate(-50%);
          transform: perspective(1px) translate(-50%);
  width: auto;
}

@media screen and (min-width: 48em) {
  #tipos_cables .element_accordeon {
    -webkit-transform: perspective(1px) translate(0, -50%);
            transform: perspective(1px) translate(0, -50%);
    left: 0;
  }
}

#tipos_cables .element_accordeon ul {
  opacity: 1;
}

#tipos_cables .element_accordeon ul.bullets {
  width: 300px;
  margin: 0 auto;
  display: inline-block;
  text-align: center;
  left: 50%;
  -webkit-transform: perspective(1px) translateX(-50%);
          transform: perspective(1px) translateX(-50%);
}

@media screen and (min-width: 48em) {
  #tipos_cables .element_accordeon ul.bullets {
    width: 960px;
    left: 0;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    top: 60px;
  }
}

#tipos_cables .element_accordeon ul.bullets li {
  color: #000;
  position: relative;
  font-size: 10px;
  font-family: UnitedSansRegStencil, sans-serif;
  width: auto;
  margin-right: 5px;
  padding: 0 5px;
  float: left;
  display: inline-block;
  border-width: 2px;
  border-color: black;
  border-style: solid;
  background-color: transparent;
  height: 33px;
  line-height: 33px;
}

@media screen and (min-width: 48em) {
  #tipos_cables .element_accordeon ul.bullets li {
    margin-right: 15px;
    padding: 0 32px;
    font-size: 20px;
    float: none;
  }
}

#tipos_cables .element_accordeon ul.bullets li.active {
  background-color: #000000;
  color: #fff;
}

#tipos_cables .element_accordeon ul.bullets li.active:after {
  bottom: -17px;
  opacity: 1;
}

#tipos_cables .element_accordeon ul.bullets li:after {
  content: ' ';
  position: absolute;
  opacity: 0;
  left: -3px;
  bottom: auto;
  background-image: url(../images/materiales/menu-selected-icon.png);
  width: 15px;
  height: 15px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

#tipos_cables .element_accordeon ul.accordeon_Content {
  width: 300px;
  height: 269px;
  position: relative;
  left: 50%;
  top: 48px;
  -webkit-transform: perspective(1px) translateX(-50%);
          transform: perspective(1px) translateX(-50%);
}

@media screen and (min-width: 48em) {
  #tipos_cables .element_accordeon ul.accordeon_Content {
    width: 482px;
    left: 0;
    top: 152px;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }
}

#tipos_cables .element_accordeon ul.accordeon_Content li {
  color: #ffffff;
  font-size: 15px;
  height: 269px;
  position: absolute;
  top: 0;
}

@media screen and (min-width: 48em) {
  #tipos_cables .element_accordeon ul.accordeon_Content li {
    font-size: 20px;
  }
}

#tipos_cables .element_accordeon ul.accordeon_Content li p {
  margin-bottom: 20px;
  background-image: url(../images/materiales/barras-check.png);
  background-repeat: no-repeat;
  background-position: left 5px;
  padding-left: 45px;
}

#tipos_cables .element_accordeon ul.accordeon_Content li p strong {
  font-size: 22px;
}

#tipos_cables .wrapper .element_group.derecha {
  width: 200px;
  height: 200px;
  top: 0;
  left: 50%;
  -webkit-transform: perspective(1px) translateX(-50%);
          transform: perspective(1px) translateX(-50%);
}

@media screen and (min-width: 48em) {
  #tipos_cables .wrapper .element_group.derecha {
    left: 600px;
    top: 38%;
    width: auto;
    height: auto;
  }
}

#tipos_cables .wrapper .element_group.derecha .element_basic {
  width: 100%;
  height: 100%;
}

#tipos_cables .wrapper .element_group.derecha .element_basic img {
  height: 100%;
  left: 50%;
  -webkit-transform: perspective(1px) translateX(-50%);
          transform: perspective(1px) translateX(-50%);
  position: absolute;
}

@media screen and (min-width: 48em) {
  #tipos_cables .wrapper .element_group.derecha .element_basic img {
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    position: inherit;
    left: inherit;
    height: auto;
  }
}

#datos_importantes .element_group.not-move {
  top: 10%;
  left: 0;
}

#datos_importantes .wrapper.desktop {
  display: none;
}

@media screen and (min-width: 48em) {
  #datos_importantes .wrapper.desktop {
    display: block;
  }
}

#datos_importantes .wrapper.mobile {
  display: block;
  height: 500px;
  top: 55%;
}

@media screen and (min-width: 48em) {
  #datos_importantes .wrapper.mobile {
    display: none;
  }
}

#datos_importantes .wrapper.mobile .element_group {
  width: 100%;
  height: 100%;
}

#datos_importantes .wrapper.mobile .element_group img {
  height: 45%;
  margin: 0 auto 5px;
  display: block;
}

#datos_importantes p.disclaimer {
  bottom: -26px;
}

@media screen and (min-width: 48em) {
  #datos_importantes p.disclaimer {
    bottom: -50px;
  }
}

#datos_importantes .button-box {
  bottom: 5px;
}

@media screen and (min-width: 48em) {
  #datos_importantes .button-box {
    bottom: -50px;
  }
}

#pisos_ceramicos {
  height: 150vh;
}

@media screen and (min-width: 48em) {
  #pisos_ceramicos {
    height: 100vh;
  }
}

@media screen and (max-width: 375px) {
  #pisos_ceramicos {
    height: 175vh;
  }
}

@media screen and (max-width: 320px) {
  #pisos_ceramicos {
    height: 200vh;
  }
}

#pisos_ceramicos .wrapper.mobile {
  display: block;
  height: 500px;
  top: 55%;
}

@media screen and (min-width: 48em) {
  #pisos_ceramicos .wrapper.mobile {
    display: none;
  }
}

#pisos_ceramicos .wrapper.mobile .element_group {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: perspective(1px) translate(-50%, -50%);
          transform: perspective(1px) translate(-50%, -50%);
}

#pisos_ceramicos .wrapper.mobile .element_group img {
  height: 450px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: perspective(1px) translate(-50%, -50%);
          transform: perspective(1px) translate(-50%, -50%);
}

#pisos_ceramicos .wrapper.mobile .element_group .button_circle.button_a {
  top: 50px;
  left: 80px;
}

#pisos_ceramicos .wrapper.mobile .element_group .button_circle.button_b {
  top: 106px;
  left: 220px;
}

#pisos_ceramicos .wrapper.mobile .element_group .button_circle.button_c {
  top: 163px;
  left: 52px;
}

#pisos_ceramicos .wrapper.mobile .element_group .button_circle.button_d {
  top: 330px;
  left: 30px;
}

@media screen and (min-width: 48em) {
  #pisos_ceramicos .wrapper.desktop {
    display: block;
  }
}

#pisos_ceramicos .date_important_2 {
  left: 50%;
  bottom: -360px;
  position: absolute;
  margin-left: -100px;
  width: 200px;
  height: 60px;
  background: url(../images/pisos/bg_2_button.png);
  background-repeat: no-repeat;
  background-size: contain;
  color: #fff;
  text-align: center;
  line-height: 50px;
  font-family: UnitedSansRegStencil, Arial, Helvetica, sans-serif;
  cursor: pointer;
}

@media screen and (min-width: 48em) {
  #pisos_ceramicos .date_important_2 {
    bottom: -40px;
    left: 86%;
  }
}

#pisos_ceramicos .element_group.derecha.not-move.initialized {
  top: 50%;
  left: 1%;
}

@media screen and (min-width: 48em) {
  #pisos_ceramicos .element_group.derecha.not-move.initialized {
    top: 0;
    left: 60%;
    display: block;
  }
}

#pisos_ceramicos .element_group.derecha.not-move.initialized .element_basic.element_A img {
  width: 300px;
  height: auto;
}

@media screen and (min-width: 48em) {
  #pisos_ceramicos .element_group.derecha.not-move.initialized .element_basic.element_A img {
    width: auto;
    height: auto;
  }
}

#pisos_ceramicos .element_group.derecha.not-move.initialized .element_basic.element_B img {
  width: 300px;
  height: auto;
}

@media screen and (min-width: 48em) {
  #pisos_ceramicos .element_group.derecha.not-move.initialized .element_basic.element_B img {
    width: auto;
    height: auto;
  }
}

#pisos_ceramicos .element_group.derecha.not-move.initialized .element_basic.element_C img {
  width: 300px;
  height: 250px;
}

@media screen and (min-width: 48em) {
  #pisos_ceramicos .element_group.derecha.not-move.initialized .element_basic.element_C img {
    width: auto;
    height: auto;
  }
}

#pisos_ceramicos .element_A.element_basic {
  top: 190px;
}

#pisos_ceramicos .element_accordeon {
  width: 100%;
  left: 50%;
  top: -70%;
}

@media screen and (min-width: 48em) {
  #pisos_ceramicos .element_accordeon {
    top: 43%;
    left: 0;
    width: 400px;
  }
}

#pisos_ceramicos .element_accordeon ul {
  opacity: 1;
}

#pisos_ceramicos .element_accordeon ul.bullets {
  width: 100%;
}

#pisos_ceramicos .element_accordeon ul.bullets li {
  background-color: transparent;
  border-style: none;
  width: auto;
  position: relative;
}

#pisos_ceramicos .element_accordeon ul.bullets li.active, #pisos_ceramicos .element_accordeon ul.bullets li:hover {
  border-style: none;
  background-color: transparent;
}

#pisos_ceramicos .element_accordeon ul.bullets li.active:before {
  content: ' ';
  background-image: url(../images/electricidad/acordeon-conector.png);
  width: 51px;
  height: 14px;
  background-repeat: no-repeat;
  position: absolute;
  top: -14px;
  left: 50%;
  margin-left: -29px;
}

#pisos_ceramicos .element_accordeon ul.bullets li.active span.number {
  color: #ffffff;
  background-color: #000000;
}

#pisos_ceramicos .element_accordeon ul.bullets li span.number {
  display: inline-block;
  text-align: center;
  width: 35px;
  height: 31px;
  border: 3px solid #000;
  margin: 0 10px 0 0;
  color: #000000;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

#pisos_ceramicos .element_accordeon ul.accordeon_Content {
  top: 70px;
  width: 100%;
}

@media screen and (min-width: 48em) {
  #pisos_ceramicos .element_accordeon ul.accordeon_Content {
    width: 403px;
  }
}

#pisos_ceramicos .element_accordeon ul.accordeon_Content .text_f {
  display: block;
  background: #fff;
  margin: 4px 0px 8px 0px;
  padding: 4px 8px;
  border: 1px solid #000;
  width: 100%;
}

#pisos_ceramicos .element_accordeon ul.accordeon_Content .title-option {
  background-color: black;
  width: 403px;
  height: 58px;
  color: #ffffff;
  font-family: UnitedSansRegStencil, sans-serif;
  margin-bottom: 20px;
  margin-top: 15px;
}

#pisos_ceramicos .element_accordeon ul.accordeon_Content .title-option .number {
  width: 60px;
  display: inline-block;
  vertical-align: top;
  line-height: 58px;
  font-size: 30px;
  text-align: center;
}

#pisos_ceramicos .element_accordeon ul.accordeon_Content .title-option .text {
  width: 338px;
  display: inline-block;
  vertical-align: top;
  text-align: left;
  padding-top: 12px;
}

#pisos_ceramicos .element_accordeon ul.accordeon_Content li {
  font-size: 17px;
}

#pisos_ceramicos .element_accordeon ul.accordeon_Content li.active {
  height: auto;
}

#pisos_ceramicos .wrapper .element_group {
  top: 0;
}

#pisos_ceramicos .element_B.element_basic {
  top: 230px;
}

#pisos_ceramicos .element_C.element_basic {
  top: 150px;
  left: 74%;
}

#tablero_electrico .wrapper.mobile {
  display: block;
  height: 500px;
  top: 55%;
}

@media screen and (min-width: 48em) {
  #tablero_electrico .wrapper.mobile {
    display: none;
  }
}

#tablero_electrico .wrapper.mobile .element_group {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: perspective(1px) translate(-50%, -50%);
          transform: perspective(1px) translate(-50%, -50%);
}

#tablero_electrico .wrapper.mobile .element_group img {
  height: 450px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: perspective(1px) translate(-50%, -50%);
          transform: perspective(1px) translate(-50%, -50%);
}

#tablero_electrico .wrapper.mobile .element_group .button_circle.button_a {
  top: 50px;
  left: 80px;
}

#tablero_electrico .wrapper.mobile .element_group .button_circle.button_b {
  top: 106px;
  left: 220px;
}

#tablero_electrico .wrapper.mobile .element_group .button_circle.button_c {
  top: 163px;
  left: 52px;
}

#tablero_electrico .wrapper.mobile .element_group .button_circle.button_d {
  top: 330px;
  left: 30px;
}

#tablero_electrico .wrapper.desktop {
  display: none;
}

@media screen and (min-width: 48em) {
  #tablero_electrico .wrapper.desktop {
    display: block;
  }
}

#tablero_electrico .element_group.derecha.not-move.initialized {
  top: 0;
}

#tablero_electrico .element_A.element_basic {
  top: 190px;
}

#tablero_electrico .element_accordeon {
  top: 43%;
  left: 0;
}

#tablero_electrico .element_accordeon ul {
  opacity: 1;
}

#tablero_electrico .element_accordeon ul.bullets li {
  background-color: transparent;
  border-style: none;
  width: auto;
  position: relative;
}

#tablero_electrico .element_accordeon ul.bullets li.active, #tablero_electrico .element_accordeon ul.bullets li:hover {
  border-style: none;
  background-color: transparent;
}

#tablero_electrico .element_accordeon ul.bullets li.active:before {
  content: ' ';
  background-image: url(../images/electricidad/acordeon-conector.png);
  width: 51px;
  height: 14px;
  background-repeat: no-repeat;
  position: absolute;
  top: -14px;
  left: 50%;
  margin-left: -29px;
}

#tablero_electrico .element_accordeon ul.bullets li.active span.number {
  color: #ffffff;
  background-color: #000000;
}

#tablero_electrico .element_accordeon ul.bullets li span.number {
  display: inline-block;
  text-align: center;
  width: 35px;
  height: 31px;
  border: 3px solid #000;
  margin: 0 10px 0 0;
  color: #000000;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

#tablero_electrico .element_accordeon ul.accordeon_Content {
  top: 70px;
  width: 403px;
}

#tablero_electrico .element_accordeon ul.accordeon_Content .title-option {
  background-color: black;
  width: 403px;
  height: 58px;
  color: #ffffff;
  font-family: UnitedSansRegStencil, sans-serif;
  margin-bottom: 20px;
  margin-top: 15px;
}

#tablero_electrico .element_accordeon ul.accordeon_Content .title-option .number {
  width: 60px;
  display: inline-block;
  vertical-align: top;
  line-height: 58px;
  font-size: 30px;
  text-align: center;
}

#tablero_electrico .element_accordeon ul.accordeon_Content .title-option .text {
  width: 338px;
  display: inline-block;
  vertical-align: top;
  text-align: left;
  padding-top: 12px;
}

#tablero_electrico .element_accordeon ul.accordeon_Content li {
  font-size: 17px;
}

#tablero_electrico .element_accordeon ul.accordeon_Content li.active {
  height: 340px;
}

#tablero_electrico .wrapper .element_group {
  top: 0;
}

#tablero_electrico .element_B.element_basic {
  top: -100px;
}

.infografias.agua #inicio .wrapper.hyper-large {
  height: 280px;
}

.infografias.agua #inicio h2 {
  font-size: 28px;
}

@media screen and (min-width: 48em) {
  .infografias.agua #inicio h2 {
    font-size: 32px;
  }
}

@media screen and (min-width: 48em) {
  .infografias.agua #inicio h3.subtitle {
    width: 705px;
  }
}

.infografias.agua #inicio h3.subtitle p {
  line-height: 30px;
  padding: 0;
  font-size: 11px;
}

@media screen and (min-width: 48em) {
  .infografias.agua #inicio h3.subtitle p {
    width: 705px;
    font-size: 30px;
    line-height: 44px;
  }
}

.infografias.agua #inicio ul.initial_buttons {
  height: 113px;
}

.infografias.agua #inicio ul.initial_buttons li {
  margin-right: 16px;
  width: 270px;
}

@media screen and (min-width: 48em) {
  .infografias.agua #inicio ul.initial_buttons li:last-child {
    margin-right: 0;
  }
}

.infografias.agua #inicio ul.initial_buttons li p {
  top: 48%;
}

.infografias.agua .interna ul#Menu_intern.desktop {
  max-width: 900px;
}

#abastecimiento_agua .element_accordeon {
  width: 300px;
  top: 63%;
}

@media screen and (min-width: 48em) {
  #abastecimiento_agua .element_accordeon {
    width: 270px;
    top: 55%;
  }
}

#abastecimiento_agua .element_accordeon ul {
  opacity: 1;
}

#abastecimiento_agua .element_accordeon ul.bullets li {
  background-color: transparent;
  color: #000;
  position: relative;
}

#abastecimiento_agua .element_accordeon ul.bullets li.active {
  background-color: #000000;
  color: #fff;
}

#abastecimiento_agua .element_accordeon ul.bullets li.active:after {
  bottom: -17px;
  opacity: 1;
}

#abastecimiento_agua .element_accordeon ul.accordeon_Content {
  width: 300px;
  font-size: 18px;
  top: 40px;
}

@media screen and (min-width: 48em) {
  #abastecimiento_agua .element_accordeon ul.accordeon_Content {
    width: 462px;
    top: 92px;
  }
}

#abastecimiento_agua .element_accordeon ul.accordeon_Content li {
  width: 300px;
  font-size: 14px;
}

@media screen and (min-width: 48em) {
  #abastecimiento_agua .element_accordeon ul.accordeon_Content li {
    width: 462px;
    font-size: 16px;
  }
}

#abastecimiento_agua .element_accordeon ul.accordeon_Content li.active {
  height: 255px;
}

#abastecimiento_agua .element_accordeon ul.accordeon_Content .title-option {
  width: 300px;
}

@media screen and (min-width: 48em) {
  #abastecimiento_agua .element_accordeon ul.accordeon_Content .title-option {
    width: 276px;
  }
}

#abastecimiento_agua .element_accordeon ul.accordeon_Content p {
  margin-bottom: 20px;
}

#abastecimiento_agua .element_accordeon ul.accordeon_Content p.limit {
  width: 300px;
}

@media screen and (min-width: 48em) {
  #abastecimiento_agua .element_accordeon ul.accordeon_Content p.limit {
    width: 246px;
  }
}

#abastecimiento_agua .element_accordeon ul.accordeon_Content .title-option {
  background-color: black;
  width: 276px;
  height: 39px;
  font-family: UnitedSansRegStencil, sans-serif;
  color: #ffffff;
  font-size: 25px;
  text-align: center;
  line-height: 39px;
  margin-bottom: 15px;
}

#abastecimiento_agua .wrapper .element_group {
  width: 300px;
  left: 50%;
}

#abastecimiento_agua .wrapper .element_group.derecha {
  top: -34px;
}

@media screen and (min-width: 48em) {
  #abastecimiento_agua .wrapper .element_group.derecha {
    left: 400px;
    top: 75px;
    width: 0;
  }
}

#abastecimiento_agua .wrapper .element_group.derecha .element_A.element_basic {
  top: 48%;
}

#abastecimiento_agua .wrapper .element_group.derecha .element_A.element_basic img {
  width: 300px;
}

@media screen and (min-width: 48em) {
  #abastecimiento_agua .wrapper .element_group.derecha .element_A.element_basic img {
    width: auto;
  }
}

#abastecimiento_agua .wrapper .element_group.derecha .element_B.element_basic {
  left: 50%;
  top: 0;
}

@media screen and (min-width: 48em) {
  #abastecimiento_agua .wrapper .element_group.derecha .element_B.element_basic {
    width: 560px;
    left: 450px;
    top: 75px;
  }
}

#abastecimiento_agua .wrapper .element_group.derecha .element_B.element_basic img {
  height: 200px;
  position: absolute;
  left: 50%;
  -webkit-transform: perspective(1px) translate(-50%, 0);
          transform: perspective(1px) translate(-50%, 0);
}

@media screen and (min-width: 48em) {
  #abastecimiento_agua .wrapper .element_group.derecha .element_B.element_basic img {
    height: auto;
    width: auto;
    -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
            transform: translate(0, 0);
    position: relative;
    top: 0;
    left: 0;
  }
}

#abastecimiento_agua .wrapper .element_group.derecha .element_C.element_basic {
  left: 50%;
  top: 0;
}

@media screen and (min-width: 48em) {
  #abastecimiento_agua .wrapper .element_group.derecha .element_C.element_basic {
    width: 357px;
    left: 450px;
    top: 75px;
  }
}

#abastecimiento_agua .wrapper .element_group.derecha .element_C.element_basic img {
  height: 200px;
  position: absolute;
  left: 50%;
  -webkit-transform: perspective(1px) translate(-50%, 0);
          transform: perspective(1px) translate(-50%, 0);
}

@media screen and (min-width: 48em) {
  #abastecimiento_agua .wrapper .element_group.derecha .element_C.element_basic img {
    height: auto;
    width: auto;
    -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
            transform: translate(0, 0);
    position: relative;
    top: 0;
    left: 0;
  }
}

#instalacion_bomba .wrapper .element_group .button_circle span {
  background-image: none;
  color: #ffffff;
  font-family: UnitedSansRegStencil, sans-serif;
  text-align: center;
  text-indent: 0;
  line-height: 28px;
}

#instalacion_bomba .element_objects {
  height: 0;
}

#instalacion_bomba .element_objects .escoge-bomba-border {
  border-width: 0.5px;
  border-color: white;
  border-style: solid;
  width: 173px;
  height: 50px;
  position: absolute;
  left: 50%;
  -webkit-transform: perspective(1px) translate(-50%, 0);
          transform: perspective(1px) translate(-50%, 0);
  top: 185px;
}

@media screen and (min-width: 48em) {
  #instalacion_bomba .element_objects .escoge-bomba-border {
    top: 230px;
  }
}

#instalacion_bomba .element_objects .escoge-bomba {
  border-width: 2px;
  border-color: black;
  border-style: solid;
  background-color: black;
  width: 165px;
  height: 41px;
  color: #ffffff;
  font-family: 'UnitedSansRegStencil', sans-serif;
  text-align: center;
  font-size: 15px;
  padding-top: 5px;
  margin: 3px auto;
  cursor: pointer;
}

#instalacion_bomba .element_group {
  height: 100%;
  z-index: auto;
  left: 0;
}

@media screen and (min-width: 48em) {
  #instalacion_bomba .element_group {
    left: 25%;
  }
}

#instalacion_bomba .element_group .element_objects {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  z-index: auto;
}

#instalacion_bomba .element_group .element_Wrapper {
  position: absolute;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  font-family: Blender, sans-serif;
  background-repeat: no-repeat;
}

#instalacion_bomba .element_group .element_Wrapper.active {
  width: 655px;
}

#instalacion_bomba .element_group .element_Wrapper.active .element_Tittle {
  opacity: 1;
  visibility: visible;
}

#instalacion_bomba .element_group .element_Wrapper.active .element_Content {
  opacity: 1;
  visibility: visible;
}

#instalacion_bomba .element_group .element_Wrapper .element_Tittle {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  font-family: Blender, sans-serif;
  text-transform: uppercase;
  text-align: left;
  font-size: 24px;
  line-height: 23px;
}

#instalacion_bomba .element_group .element_Wrapper .element_Content {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  font-size: 23px;
  line-height: 24px;
  text-align: left;
  color: #ffffff;
}

#instalacion_bomba .element_group .element_A_Wrapper {
  background-image: url(../images/agua/bomba-kit-1.png);
  background-position: right top;
  height: 57px;
  right: 97px;
  top: 77px;
  width: 0;
}

@media screen and (min-width: 48em) {
  #instalacion_bomba .element_group .element_A_Wrapper.active {
    width: 384px;
  }
}

#instalacion_bomba .element_group .element_A_Wrapper .element_Content {
  width: 120px;
  left: 84px;
  top: 9px;
}

#instalacion_bomba .element_group .element_B_Wrapper {
  background-image: url(../images/agua/bomba-kit-2.png);
  background-position: right top;
  height: 148px;
  top: 102px;
  right: -236px;
  width: 0;
}

@media screen and (min-width: 48em) {
  #instalacion_bomba .element_group .element_B_Wrapper.active {
    width: 250px;
  }
}

#instalacion_bomba .element_group .element_B_Wrapper .element_Content {
  width: 170px;
  left: 270px;
  top: 9px;
}

#instalacion_bomba .element_group .element_C_Wrapper {
  background-image: url(../images/agua/bomba-kit-3.png);
  background-position: left top;
  height: 100px;
  left: 173px;
  top: 149px;
  width: 0;
}

@media screen and (min-width: 48em) {
  #instalacion_bomba .element_group .element_C_Wrapper.active {
    width: 306px;
  }
}

#instalacion_bomba .element_group .element_C_Wrapper .element_Content {
  width: 265px;
  left: 243px;
  top: 105px;
}

#instalacion_bomba .element_group .element_D_Wrapper {
  background-image: url(../images/agua/bomba-kit-4.png);
  background-position: right top;
  left: 247px;
  top: 19px;
  height: 90px;
  width: 0;
}

@media screen and (min-width: 48em) {
  #instalacion_bomba .element_group .element_D_Wrapper.active {
    width: 171px;
  }
}

#instalacion_bomba .element_group .element_D_Wrapper .element_Content {
  width: 225px;
  left: 195px;
  top: 40px;
}

#instalacion_bomba .element_group .element_E_Wrapper {
  background-image: url(../images/agua/bomba-kit-5.png);
  background-position: right top;
  right: -51px;
  top: 292px;
  height: 94px;
  width: 0;
}

@media screen and (min-width: 48em) {
  #instalacion_bomba .element_group .element_E_Wrapper.active {
    width: 552px;
  }
}

#instalacion_bomba .element_group .element_E_Wrapper .element_Content {
  width: 192px;
  left: 77px;
  top: 35px;
}

#instalacion_bomba .element_group .element_F_Wrapper {
  background-image: url(../images/agua/bomba-kit-6.png);
  background-position: left top;
  left: 322px;
  top: 261px;
  height: 82px;
  width: 0;
}

@media screen and (min-width: 48em) {
  #instalacion_bomba .element_group .element_F_Wrapper.active {
    width: 136px;
  }
}

#instalacion_bomba .element_group .element_F_Wrapper .element_Content {
  width: 188px;
  left: 154px;
  top: 17px;
}

#instalacion_bomba .element_group .element_G_Wrapper {
  background-image: url(../images/agua/bomba-kit-7.png);
  background-position: right top;
  right: 98px;
  left: auto;
  top: 39px;
  height: 101px;
}

@media screen and (min-width: 48em) {
  #instalacion_bomba .element_group .element_G_Wrapper.active {
    width: 283px;
  }
}

#instalacion_bomba .element_group .element_G_Wrapper .element_Content {
  width: 195px;
  left: -88px;
  top: 111px;
}

#instalacion_bomba .element_group .element_A {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  width: 300px;
  height: 388px;
}

@media screen and (min-width: 48em) {
  #instalacion_bomba .element_group .element_A {
    width: 260px;
    height: 482px;
    top: 70px;
    left: 20px;
  }
}

#instalacion_bomba .element_group .element_A img {
  width: 300px;
  height: 306px;
}

@media screen and (min-width: 48em) {
  #instalacion_bomba .element_group .element_A img {
    width: 386px;
    height: 396px;
  }
}

#instalacion_bomba .element_group .element_B {
  position: absolute;
  top: 70px;
  left: 20px;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  width: 260px;
  height: 482px;
}

#instalacion_bomba .element_group .element_B .element_B_Object {
  left: -372px;
  position: absolute;
  top: 100px;
}

#instalacion_bomba .element_group .button_circle {
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
}

#instalacion_bomba .element_group .button_circle:hover, #instalacion_bomba .element_group .button_circle.active {
  background-color: #F2DF34;
}

#instalacion_bomba .element_group .button_circle:hover span, #instalacion_bomba .element_group .button_circle.active span {
  background-image: none;
  color: #000000;
}

#instalacion_bomba .element_group .button_circle.button_a {
  left: 45px;
  top: 63px;
}

@media screen and (min-width: 48em) {
  #instalacion_bomba .element_group .button_circle.button_a {
    left: 76px;
    top: 83px;
  }
}

@media screen and (min-width: 48em) {
  #instalacion_bomba .element_group .button_circle.button_a.active {
    left: 8px;
    top: 83px;
  }
}

#instalacion_bomba .element_group .button_circle.button_b {
  left: 244px;
  top: 101px;
}

@media screen and (min-width: 48em) {
  #instalacion_bomba .element_group .button_circle.button_b {
    left: 319px;
    top: 128px;
  }
}

@media screen and (min-width: 48em) {
  #instalacion_bomba .element_group .button_circle.button_b.active {
    left: 365px;
    top: 128px;
  }
}

#instalacion_bomba .element_group .button_circle.button_c {
  left: 186px;
  top: 133px;
}

@media screen and (min-width: 48em) {
  #instalacion_bomba .element_group .button_circle.button_c {
    left: 245px;
    top: 169px;
  }
}

@media screen and (min-width: 48em) {
  #instalacion_bomba .element_group .button_circle.button_c.active {
    left: 364px;
    top: 169px;
  }
}

#instalacion_bomba .element_group .button_circle.button_d {
  left: 230px;
  top: 0;
}

@media screen and (min-width: 48em) {
  #instalacion_bomba .element_group .button_circle.button_d {
    left: 289px;
    top: 5px;
  }
}

@media screen and (min-width: 48em) {
  #instalacion_bomba .element_group .button_circle.button_d.active {
    left: 385px;
    top: 5px;
  }
}

#instalacion_bomba .element_group .button_circle.button_e {
  left: 160px;
  top: 246px;
}

@media screen and (min-width: 48em) {
  #instalacion_bomba .element_group .button_circle.button_e {
    left: 210px;
    top: 326px;
  }
}

@media screen and (min-width: 48em) {
  #instalacion_bomba .element_group .button_circle.button_e.active {
    left: 25px;
    top: 326px;
  }
}

#instalacion_bomba .element_group .button_circle.button_f {
  left: 278px;
  top: 250px;
}

@media screen and (min-width: 48em) {
  #instalacion_bomba .element_group .button_circle.button_f {
    left: 353px;
    top: 326px;
  }
}

@media screen and (min-width: 48em) {
  #instalacion_bomba .element_group .button_circle.button_f.active {
    left: 417px;
    top: 326px;
  }
}

#instalacion_bomba .element_group .button_circle.button_g {
  left: 58px;
  top: 18px;
}

@media screen and (min-width: 48em) {
  #instalacion_bomba .element_group .button_circle.button_g {
    left: 76px;
    top: 27px;
  }
}

@media screen and (min-width: 48em) {
  #instalacion_bomba .element_group .button_circle.button_g.active {
    left: -46px;
    top: 27px;
  }
}

section#inicio.materiales h2 {
  font-size: 26px;
}

@media screen and (min-width: 48em) {
  section#inicio.materiales h2 {
    font-size: 62px;
  }
}

section#inicio.materiales .wrapper.hyper-large {
  height: auto;
}

section#inicio.materiales .wrapper.hyper-large .sponsored {
  font-family: 'Blender';
  font-size: 16px;
  margin-top: 46px;
  margin-left: 20px;
  color: white;
}

@media screen and (max-width: 500px) {
  section#inicio.materiales .wrapper.hyper-large .sponsored {
    margin-top: 0px;
    margin-left: 0px;
  }
}

section#inicio.materiales .wrapper.hyper-large .sponsored-image {
  -webkit-filter: brightness(100);
          filter: brightness(100);
  width: 170px;
}

@media screen and (max-width: 500px) {
  section#inicio.materiales .wrapper.hyper-large .sponsored-image {
    width: 30%;
  }
}

section#inicio.materiales .wrapper.hyper-large .sponsored-image-none {
  -webkit-filter: none;
          filter: none;
  width: 110px;
}

@media screen and (max-width: 500px) {
  section#inicio.materiales .wrapper.hyper-large .sponsored-image-none {
    width: 100%;
  }
}

@media screen and (min-width: 48em) {
  section#inicio.materiales .wrapper.hyper-large {
    height: auto;
  }
}

section#inicio.materiales h3.subtitle p {
  font-size: 14px;
  padding: 3px 0 0;
}

@media screen and (min-width: 48em) {
  section#inicio.materiales h3.subtitle p {
    font-size: 30px;
    padding: 10px 0 0;
  }
}

section#inicio.materiales ul.initial_buttons {
  height: 113px;
}

section#inicio.materiales ul.initial_buttons li {
  margin-right: 16px;
}

section#inicio.materiales ul.initial_buttons li p {
  top: 48%;
}

section#inicio.materiales ul.initial_buttons li[data-move="tipos_ladrillo"] {
  font-size: 12px;
}

@media screen and (min-width: 48em) {
  section#inicio.materiales ul.initial_buttons li[data-move="tipos_ladrillo"] {
    font-size: 16px;
  }
}

.infografias.materiales h2.titulo {
  font-size: 32px;
  margin-bottom: 15px;
}

.infografias.materiales h3.subtitulo {
  font-family: Blender, sans-serif;
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 14px;
}

.infografias.materiales p.subtitulo {
  font-family: Blender, sans-serif;
  font-size: 18px;
}

@media screen and (min-width: 48em) {
  .infografias.materiales #inicio h3.subtitle {
    width: 775px;
  }
}

.infografias.materiales .fondo {
  text-align: center;
}

@media screen and (min-width: 48em) {
  .infografias.materiales #tipos_suelos.fondo .wrapper {
    height: 400px;
  }
}

.infografias.materiales #tipos_suelos.fondo .wrapper .element_objects {
  width: 350px;
  height: 225px;
}

@media screen and (min-width: 48em) {
  .infografias.materiales #tipos_suelos.fondo .wrapper .element_objects {
    width: 100%;
    height: 100%;
  }
}

.infografias.materiales #tipos_suelos .subtitulo {
  margin: 0 auto 30px;
}

@media screen and (min-width: 48em) {
  .infografias.materiales #tipos_suelos .subtitulo {
    margin: 80px auto 30px;
  }
}

.infografias.materiales #tipos_suelos .tipos-suelo {
  background-image: url(../images/materiales/tipos-suelo-lineas-mobile.png);
  background-repeat: no-repeat;
  background-position: top center;
  margin-top: 14px;
  padding-top: 40px;
}

@media screen and (min-width: 48em) {
  .infografias.materiales #tipos_suelos .tipos-suelo {
    background-image: url(../images/materiales/tipos-suelo-lineas.png);
    padding-top: 60px;
  }
}

.infografias.materiales #tipos_suelos .imagen {
  position: relative;
  position: absolute;
  left: 50%;
  -webkit-transform: perspective(1px) translate(-50%, 0);
          transform: perspective(1px) translate(-50%, 0);
  top: -10px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.infografias.materiales #tipos_suelos .imagen img {
  width: 76px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.infografias.materiales #tipos_suelos .icon {
  width: 23px;
  height: 37px;
  position: absolute;
  top: 40px;
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.infografias.materiales #tipos_suelos .derecha {
  background-image: url(../images/materiales/flecha-derecha.png);
  right: -20px;
}

.infografias.materiales #tipos_suelos .izquierda {
  background-image: url(../images/materiales/flecha-izquierda.png);
  left: -20px;
}

.infografias.materiales #tipos_suelos .tipos {
  display: inline-block;
  text-align: center;
  position: relative;
  font-family: Blender, sans-serif;
  vertical-align: top;
  width: 32%;
  padding-top: 0;
  height: 75px;
}

@media screen and (min-width: 48em) {
  .infografias.materiales #tipos_suelos .tipos {
    width: 290px;
    height: 132px;
    padding-top: 118px;
  }
}

@media screen and (min-width: 48em) {
  .infografias.materiales #tipos_suelos .tipos.active .icon, .infografias.materiales #tipos_suelos .tipos:hover .icon {
    opacity: 1;
  }
  .infografias.materiales #tipos_suelos .tipos.active .derecha, .infografias.materiales #tipos_suelos .tipos:hover .derecha {
    right: -40px;
  }
  .infografias.materiales #tipos_suelos .tipos.active .izquierda, .infografias.materiales #tipos_suelos .tipos:hover .izquierda {
    left: -40px;
  }
  .infografias.materiales #tipos_suelos .tipos.active .titulo, .infografias.materiales #tipos_suelos .tipos.active .contenido, .infografias.materiales #tipos_suelos .tipos:hover .titulo, .infografias.materiales #tipos_suelos .tipos:hover .contenido {
    opacity: 1;
    top: 0;
  }
  .infografias.materiales #tipos_suelos .tipos.active img, .infografias.materiales #tipos_suelos .tipos:hover img {
    width: 98px;
    top: 0;
  }
}

.infografias.materiales #tipos_suelos .tipos .titulo {
  color: #ffffff;
  background-color: #000000;
  padding: 0 12px;
  height: 22px;
  line-height: 23px;
  display: inline-block;
  font-size: 17px;
  margin-bottom: 14px;
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  position: relative;
  top: -20px;
}

.infografias.materiales #tipos_suelos .tipos .contenido {
  position: relative;
  top: -20px;
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.infografias.materiales #tipos_suelos .tipos .button_hexan {
  width: 39px;
  height: 36px;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  cursor: pointer;
  text-align: center;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(../images/iconos/hexagono_blanco.png);
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: perspective(1px) translate(-50%, -50%);
          transform: perspective(1px) translate(-50%, -50%);
}

.infografias.materiales #tipos_suelos .tipos .button_hexan span {
  font-family: UnitedSansRegStencil, sans-serif;
  font-size: 22px;
  margin: 0;
  padding: 0;
  height: 18px;
  width: 13px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: perspective(1px) translate(-50%, -50%);
          transform: perspective(1px) translate(-50%, -50%);
}

.infografias.materiales #tipos_suelos .tipos .button_hexan span.hover_text {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  color: #FFF;
  font-size: 16px;
  font-family: "Blender", sans-serif;
  position: absolute;
  width: 80px;
  text-align: left;
}

.infografias.materiales #tipos_suelos .tipos .button_hexan span.hover_text.active, .infografias.materiales #tipos_suelos .tipos .button_hexan span.hover_text:hover {
  opacity: 1;
  visibility: visible;
}

.infografias.materiales #tipos_suelos .tipos .button_hexan.mobile {
  opacity: 1;
  visibility: visible;
}

@media screen and (min-width: 48em) {
  .infografias.materiales #tipos_suelos .tipos .button_hexan.mobile {
    opacity: 0;
    visibility: hidden;
  }
}

.infografias.materiales #barras_corrugadas {
  background-image: url(../images/materiales/fondo-barras.jpg);
  background-size: cover;
}

.infografias.materiales #barras_corrugadas .wrapper {
  width: 320px;
  height: 540px;
  top: 55%;
}

@media screen and (min-width: 48em) {
  .infografias.materiales #barras_corrugadas .wrapper {
    height: 520px;
    width: 960px;
    top: 50%;
  }
}

.infografias.materiales #barras_corrugadas .wrapper .element_objects {
  z-index: auto;
}

.infografias.materiales #barras_corrugadas .wrapper .element_group.derecha {
  z-index: auto;
  left: 300px;
  top: 197px;
}

.infografias.materiales #barras_corrugadas .imagen {
  display: inline-block;
  vertical-align: top;
  left: 0;
  width: 150px;
  position: absolute;
  left: 50%;
  -webkit-transform: perspective(1px) translate(-50%, 0);
          transform: perspective(1px) translate(-50%, 0);
}

@media screen and (min-width: 48em) {
  .infografias.materiales #barras_corrugadas .imagen {
    width: 241px;
    left: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: perspective(1px) translate(0, -50%);
            transform: perspective(1px) translate(0, -50%);
    top: 55%;
  }
}

.infografias.materiales #barras_corrugadas .imagen img {
  width: 100%;
}

.infografias.materiales #barras_corrugadas .columnas {
  padding-bottom: 25px;
  vertical-align: top;
  display: inline-block;
  position: relative;
  top: 40%;
  width: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  padding-left: 18%;
}

@media screen and (min-width: 48em) {
  .infografias.materiales #barras_corrugadas .columnas {
    border-bottom: 1px solid #fff;
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
    position: absolute;
    top: 15%;
    width: 660px;
    left: 36%;
    padding-left: 0;
  }
}

.infografias.materiales #barras_corrugadas .columna {
  vertical-align: top;
  display: inline-block;
  width: 315px;
  text-align: left;
  background-image: url(../images/materiales/barras-check.png);
  background-repeat: no-repeat;
  padding-left: 48px;
  font-family: Blender, sans-serif;
  color: #ffffff;
  font-size: 20px;
  margin-right: 10px;
  position: relative;
  left: -50px;
  margin-bottom: 15px;
}

@media screen and (min-width: 48em) {
  .infografias.materiales #barras_corrugadas .columna {
    margin-bottom: 0;
  }
}

.infografias.materiales #barras_corrugadas .button_hexan {
  width: 39px;
  height: 36px;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  position: absolute;
  cursor: pointer;
  text-align: center;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(../images/iconos/hexagono_blanco.png);
}

.infografias.materiales #barras_corrugadas .button_hexan span {
  font-family: UnitedSansRegStencil, sans-serif;
  font-size: 22px;
  margin: 0;
  padding: 0;
  height: 18px;
  width: 13px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: perspective(1px) translate(-50%, -50%);
          transform: perspective(1px) translate(-50%, -50%);
}

.infografias.materiales #barras_corrugadas .button_hexan span.hover_text {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  color: #FFF;
  font-size: 16px;
  font-family: "Blender", sans-serif;
  position: absolute;
  width: 80px;
  text-align: left;
}

.infografias.materiales #barras_corrugadas .button_hexan span.hover_text.active, .infografias.materiales #barras_corrugadas .button_hexan span.hover_text:hover {
  opacity: 1;
  visibility: visible;
}

.infografias.materiales #barras_corrugadas .button_hexan.mobile {
  opacity: 1;
  visibility: visible;
}

@media screen and (min-width: 48em) {
  .infografias.materiales #barras_corrugadas .button_hexan.mobile {
    opacity: 0;
    visibility: hidden;
  }
}

.infografias.materiales #barras_corrugadas .button_hexan.button_a {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: perspective(1px) translate(-50%, -50%);
          transform: perspective(1px) translate(-50%, -50%);
  top: 75%;
  left: 40%;
}

.infografias.materiales #barras_corrugadas .button_hexan.button_b {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: perspective(1px) translate(-50%, -50%);
          transform: perspective(1px) translate(-50%, -50%);
  top: 75%;
  left: 50%;
}

.infografias.materiales #barras_corrugadas .button_hexan.button_c {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: perspective(1px) translate(-50%, -50%);
          transform: perspective(1px) translate(-50%, -50%);
  top: 75%;
  left: 60%;
}

.infografias.materiales #barras_corrugadas .element_accordeon {
  width: 420px;
  left: 300px;
  top: 160px;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  display: none;
}

@media screen and (min-width: 48em) {
  .infografias.materiales #barras_corrugadas .element_accordeon {
    display: block;
  }
}

.infografias.materiales #barras_corrugadas .element_accordeon ul {
  width: 420px;
  opacity: 1;
}

.infografias.materiales #barras_corrugadas .element_accordeon ul.bullets.initialized {
  left: 10%;
  top: 16%;
}

.infografias.materiales #barras_corrugadas .element_accordeon ul.bullets li {
  background-color: transparent;
  color: #000;
  position: relative;
}

.infografias.materiales #barras_corrugadas .element_accordeon ul.bullets li.active {
  background-color: #000000;
  color: #fff;
}

.infografias.materiales #barras_corrugadas .element_accordeon ul.bullets li.active:after {
  bottom: -17px;
  opacity: 1;
}

.infografias.materiales #distribucion_de_estribos .wrapper {
  height: 500px;
  top: 55%;
}

@media screen and (min-width: 48em) {
  .infografias.materiales #distribucion_de_estribos .wrapper {
    height: 520px;
    top: 50%;
  }
}

.infografias.materiales #distribucion_de_estribos .wrapper .element_accordeon {
  width: 100%;
  left: 0;
  top: 250px;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}

@media screen and (min-width: 48em) {
  .infografias.materiales #distribucion_de_estribos .wrapper .element_accordeon {
    width: 420px;
    top: 60px;
  }
}

.infografias.materiales #distribucion_de_estribos .wrapper .element_accordeon ul {
  width: 100%;
  opacity: 1;
}

@media screen and (min-width: 48em) {
  .infografias.materiales #distribucion_de_estribos .wrapper .element_accordeon ul {
    width: 420px;
  }
}

.infografias.materiales #distribucion_de_estribos .wrapper .element_accordeon ul.accordeon_Content {
  top: 86px;
}

@media screen and (min-width: 48em) {
  .infografias.materiales #distribucion_de_estribos .wrapper .element_accordeon ul.accordeon_Content {
    top: 142px;
  }
}

.infografias.materiales #distribucion_de_estribos .wrapper .element_accordeon ul.accordeon_Content li {
  font-size: 15px;
  width: 100%;
  font-family: Blender, sans-serif;
  height: 0;
  vertical-align: top;
}

@media screen and (min-width: 48em) {
  .infografias.materiales #distribucion_de_estribos .wrapper .element_accordeon ul.accordeon_Content li {
    width: 420px;
  }
}

.infografias.materiales #distribucion_de_estribos .wrapper .element_accordeon ul.accordeon_Content li.active {
  height: 220px;
}

@media screen and (min-width: 48em) {
  .infografias.materiales #distribucion_de_estribos .wrapper .element_accordeon ul.accordeon_Content li.active {
    height: 150px;
  }
}

.infografias.materiales #distribucion_de_estribos .wrapper .element_accordeon ul.bullets {
  top: 0;
}

@media screen and (min-width: 48em) {
  .infografias.materiales #distribucion_de_estribos .wrapper .element_accordeon ul.bullets {
    top: 40px;
  }
}

.infografias.materiales #distribucion_de_estribos .wrapper .element_accordeon ul.bullets li {
  font-size: 11px;
  background-color: #F2DF34;
  color: #000;
  position: relative;
  width: 145px;
}

@media screen and (min-width: 48em) {
  .infografias.materiales #distribucion_de_estribos .wrapper .element_accordeon ul.bullets li {
    width: 160px;
    font-size: 15px;
  }
}

.infografias.materiales #distribucion_de_estribos .wrapper .element_accordeon ul.bullets li span.break {
  display: block;
}

@media screen and (min-width: 48em) {
  .infografias.materiales #distribucion_de_estribos .wrapper .element_accordeon ul.bullets li span.break {
    display: inline;
  }
}

.infografias.materiales #distribucion_de_estribos .wrapper .element_accordeon ul.bullets li.active {
  background-color: #000000;
  color: #fff;
}

.infografias.materiales #distribucion_de_estribos .wrapper .element_accordeon ul.bullets li.active:after {
  bottom: -17px;
  opacity: 1;
}

.infografias.materiales #distribucion_de_estribos .wrapper .element_accordeon ul.bullets li:after {
  content: ' ';
  position: absolute;
  opacity: 0;
  left: -3px;
  bottom: auto;
  background-image: url(../images/materiales/menu-selected-icon.png);
  width: 15px;
  height: 15px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.infografias.materiales #distribucion_de_estribos .wrapper .element_accordeon ul li {
  font-size: 14px;
  font-family: UnitedSansRegStencil, sans-serif;
  width: 160px;
  margin-right: 15px;
  height: 75px;
  line-height: 19px;
  padding-top: 8px;
}

.infografias.materiales #distribucion_de_estribos .wrapper .element_group {
  height: 100%;
  z-index: auto;
}

.infografias.materiales #distribucion_de_estribos .wrapper .element_group .element_objects {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  z-index: auto;
}

.infografias.materiales #distribucion_de_estribos .wrapper .element_group .element_Wrapper {
  position: absolute;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  font-family: Blender, sans-serif;
  background-repeat: no-repeat;
}

.infografias.materiales #distribucion_de_estribos .wrapper .element_group .element_Wrapper.active {
  width: 655px;
}

.infografias.materiales #distribucion_de_estribos .wrapper .element_group .element_Wrapper.active .element_Tittle {
  opacity: 1;
  visibility: visible;
}

.infografias.materiales #distribucion_de_estribos .wrapper .element_group .element_Wrapper.active .element_Content {
  opacity: 1;
  visibility: visible;
}

.infografias.materiales #distribucion_de_estribos .wrapper .element_group .element_Wrapper .element_Tittle {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  font-family: Blender, sans-serif;
  text-transform: uppercase;
  text-align: left;
  font-size: 24px;
  line-height: 23px;
}

.infografias.materiales #distribucion_de_estribos .wrapper .element_group .element_Wrapper .element_Content {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  font-size: 16px;
  line-height: 16px;
  text-align: left;
}

.infografias.materiales #distribucion_de_estribos .wrapper .element_group .element_A_Wrapper {
  background-image: url(../images/materiales/distribucion-item-1-1.png);
  background-position: right top;
  height: 256px;
  right: 129px;
  width: 0;
  top: 198px;
}

.infografias.materiales #distribucion_de_estribos .wrapper .element_group .element_A_Wrapper.active {
  width: 655px;
}

.infografias.materiales #distribucion_de_estribos .wrapper .element_group .element_A_Wrapper .element_Tittle {
  width: 255px;
  left: 125px;
  top: 145px;
}

.infografias.materiales #distribucion_de_estribos .wrapper .element_group .element_A_Wrapper .element_Content {
  width: 255px;
  left: 125px;
  top: 197px;
}

.infografias.materiales #distribucion_de_estribos .wrapper .element_group .element_B_Wrapper {
  background-image: url(../images/materiales/distribucion-item-1-2.png);
  height: 23px;
  top: 431px;
  right: 124px;
  background-position: right top;
  width: 0;
}

.infografias.materiales #distribucion_de_estribos .wrapper .element_group .element_B_Wrapper.active {
  width: 118px;
}

.infografias.materiales #distribucion_de_estribos .wrapper .element_group .element_B_Wrapper .element_Content {
  width: 165px;
  left: -175px;
  top: 0;
}

.infografias.materiales #distribucion_de_estribos .wrapper .element_group .element_C_Wrapper {
  background-image: url(../images/materiales/distribucion-item-1-3.png);
  background-position: left top;
  height: 24px;
  top: 412px;
  left: 138px;
  width: 0px;
}

.infografias.materiales #distribucion_de_estribos .wrapper .element_group .element_C_Wrapper.active {
  width: 125px;
}

.infografias.materiales #distribucion_de_estribos .wrapper .element_group .element_C_Wrapper .element_Content {
  width: 165px;
  left: 119px;
  top: -67px;
}

.infografias.materiales #distribucion_de_estribos .wrapper .element_group .element_D_Wrapper {
  background-image: url(../images/materiales/distribucion-item-1-4.png);
  background-position: left top;
  left: 162px;
  top: 346px;
  height: 24px;
  width: 0px;
}

.infografias.materiales #distribucion_de_estribos .wrapper .element_group .element_D_Wrapper.active {
  width: 90px;
}

.infografias.materiales #distribucion_de_estribos .wrapper .element_group .element_D_Wrapper .element_Content {
  width: 165px;
  left: 95px;
  top: 40px;
}

.infografias.materiales #distribucion_de_estribos .wrapper .element_group .element_E_Wrapper {
  background-image: url(../images/materiales/distribucion-item-1-5.png);
  background-position: left top;
  left: 187px;
  top: 290px;
  height: 57px;
  width: 0px;
}

.infografias.materiales #distribucion_de_estribos .wrapper .element_group .element_E_Wrapper.active {
  width: 63px;
}

.infografias.materiales #distribucion_de_estribos .wrapper .element_group .element_E_Wrapper .element_Content {
  width: 165px;
  left: 50px;
  top: -45px;
}

.infografias.materiales #distribucion_de_estribos .wrapper .element_group .element_F_Wrapper {
  background-image: url(../images/materiales/distribucion-item-1-6.png);
  background-position: left top;
  left: 166px;
  top: 142px;
  height: 129px;
  width: 0;
}

.infografias.materiales #distribucion_de_estribos .wrapper .element_group .element_F_Wrapper.active {
  width: 62px;
}

.infografias.materiales #distribucion_de_estribos .wrapper .element_group .element_F_Wrapper .element_Content {
  width: 165px;
  left: 98px;
  top: 45px;
}

.infografias.materiales #distribucion_de_estribos .wrapper .element_group .element_G_Wrapper {
  background-image: url(../images/materiales/distribucion-item-1-7.png);
  background-position: left top;
  left: 166px;
  top: 48px;
  height: 70px;
  width: 0;
}

.infografias.materiales #distribucion_de_estribos .wrapper .element_group .element_G_Wrapper.active {
  width: 63px;
}

.infografias.materiales #distribucion_de_estribos .wrapper .element_group .element_G_Wrapper .element_Content {
  width: 165px;
  left: 98px;
  top: 20px;
}

.infografias.materiales #distribucion_de_estribos .wrapper .element_group .element_H_Wrapper {
  background-image: url(../images/materiales/distribucion-item-1-8.png);
  background-position: right top;
  right: 105px;
  top: 29px;
  height: 23px;
  width: 0;
}

.infografias.materiales #distribucion_de_estribos .wrapper .element_group .element_H_Wrapper.active {
  width: 184px;
}

.infografias.materiales #distribucion_de_estribos .wrapper .element_group .element_H_Wrapper .element_Content {
  width: 165px;
  left: -77px;
  top: 50px;
}

.infografias.materiales #distribucion_de_estribos .wrapper .element_group .element_I_Wrapper {
  top: 106px;
  left: 120px;
  width: 0;
}

.infografias.materiales #distribucion_de_estribos .wrapper .element_group .element_I_Wrapper.active {
  width: 157px;
}

.infografias.materiales #distribucion_de_estribos .wrapper .element_group .element_I_Wrapper .element_Content {
  width: 157px;
}

.infografias.materiales #distribucion_de_estribos .wrapper .element_group .element_J_Wrapper {
  top: 150px;
  left: 210px;
  width: 0;
}

.infografias.materiales #distribucion_de_estribos .wrapper .element_group .element_J_Wrapper.active {
  width: 210px;
}

.infografias.materiales #distribucion_de_estribos .wrapper .element_group .element_J_Wrapper .element_Content {
  width: 210px;
}

.infografias.materiales #distribucion_de_estribos .wrapper .element_group .element_K_Wrapper {
  top: 188px;
  left: 350px;
  width: 0;
}

.infografias.materiales #distribucion_de_estribos .wrapper .element_group .element_K_Wrapper.active {
  width: 218px;
}

.infografias.materiales #distribucion_de_estribos .wrapper .element_group .element_K_Wrapper .element_Content {
  width: 218px;
}

.infografias.materiales #distribucion_de_estribos .wrapper .element_group .element_A {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: perspective(1px) translateX(-50%);
          transform: perspective(1px) translateX(-50%);
  width: 260px;
  height: 482px;
}

@media screen and (min-width: 48em) {
  .infografias.materiales #distribucion_de_estribos .wrapper .element_group .element_A {
    left: 20px;
    top: 70px;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }
}

.infografias.materiales #distribucion_de_estribos .wrapper .element_group .element_A img {
  width: 134px;
}

@media screen and (min-width: 48em) {
  .infografias.materiales #distribucion_de_estribos .wrapper .element_group .element_A img {
    width: 260px;
  }
}

.infografias.materiales #distribucion_de_estribos .wrapper .element_group .element_B {
  position: absolute;
  top: 14%;
  left: 50%;
  -webkit-transform: perspective(1px) translateX(-50%);
          transform: perspective(1px) translateX(-50%);
  width: 260px;
  height: 482px;
}

@media screen and (min-width: 48em) {
  .infografias.materiales #distribucion_de_estribos .wrapper .element_group .element_B {
    top: 70px;
    left: 20px;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }
}

.infografias.materiales #distribucion_de_estribos .wrapper .element_group .element_B .element_B_Object {
  left: -372px;
  position: absolute;
  top: 100px;
}

.infografias.materiales #distribucion_de_estribos .wrapper .element_group .element_B .element_B_Object.desktop {
  display: none;
}

@media screen and (min-width: 48em) {
  .infografias.materiales #distribucion_de_estribos .wrapper .element_group .element_B .element_B_Object.desktop {
    display: block;
  }
}

.infografias.materiales #distribucion_de_estribos .wrapper .element_group .element_B .element_B_Object.mobile {
  display: block;
  top: 0;
  left: 0;
  width: 100%;
}

@media screen and (min-width: 48em) {
  .infografias.materiales #distribucion_de_estribos .wrapper .element_group .element_B .element_B_Object.mobile {
    display: none;
  }
}

.infografias.materiales #distribucion_de_estribos .wrapper .element_group .button_circle {
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
}

.infografias.materiales #distribucion_de_estribos .wrapper .element_group .button_circle:hover, .infografias.materiales #distribucion_de_estribos .wrapper .element_group .button_circle.active {
  background-color: #cc1502;
}

.infografias.materiales #distribucion_de_estribos .wrapper .element_group .button_circle:hover span, .infografias.materiales #distribucion_de_estribos .wrapper .element_group .button_circle.active span {
  background-image: url(../images/iconos/mas.png);
}

.infografias.materiales #distribucion_de_estribos .wrapper .element_group .button_circle.button_a {
  left: 54px;
  top: 90px;
}

@media screen and (min-width: 48em) {
  .infografias.materiales #distribucion_de_estribos .wrapper .element_group .button_circle.button_a {
    left: 4px;
    top: 183px;
  }
  .infografias.materiales #distribucion_de_estribos .wrapper .element_group .button_circle.button_a.active {
    left: -123px;
    top: 338px;
  }
}

.infografias.materiales #distribucion_de_estribos .wrapper .element_group .button_circle.button_b {
  left: 80px;
  top: 220px;
}

@media screen and (min-width: 48em) {
  .infografias.materiales #distribucion_de_estribos .wrapper .element_group .button_circle.button_b {
    left: 64px;
    top: 437px;
  }
  .infografias.materiales #distribucion_de_estribos .wrapper .element_group .button_circle.button_b.active {
    left: 0;
    top: 437px;
  }
}

.infografias.materiales #distribucion_de_estribos .wrapper .element_group .button_circle.button_c {
  left: 172px;
  top: 209px;
}

@media screen and (min-width: 48em) {
  .infografias.materiales #distribucion_de_estribos .wrapper .element_group .button_circle.button_c {
    left: 200px;
    top: 418px;
  }
  .infografias.materiales #distribucion_de_estribos .wrapper .element_group .button_circle.button_c.active {
    left: 255px;
    top: 418px;
  }
}

.infografias.materiales #distribucion_de_estribos .wrapper .element_group .button_circle.button_d {
  left: 170px;
  top: 175px;
}

@media screen and (min-width: 48em) {
  .infografias.materiales #distribucion_de_estribos .wrapper .element_group .button_circle.button_d {
    left: 200px;
    top: 351px;
  }
  .infografias.materiales #distribucion_de_estribos .wrapper .element_group .button_circle.button_d.active {
    left: 253px;
    top: 351px;
  }
}

.infografias.materiales #distribucion_de_estribos .wrapper .element_group .button_circle.button_e {
  left: 156px;
  top: 150px;
}

@media screen and (min-width: 48em) {
  .infografias.materiales #distribucion_de_estribos .wrapper .element_group .button_circle.button_e {
    left: 205px;
    top: 301px;
  }
  .infografias.materiales #distribucion_de_estribos .wrapper .element_group .button_circle.button_e.active {
    left: 243px;
    top: 301px;
  }
}

.infografias.materiales #distribucion_de_estribos .wrapper .element_group .button_circle.button_f {
  left: 160px;
  top: 88px;
}

@media screen and (min-width: 48em) {
  .infografias.materiales #distribucion_de_estribos .wrapper .element_group .button_circle.button_f {
    left: 184px;
    top: 189px;
  }
  .infografias.materiales #distribucion_de_estribos .wrapper .element_group .button_circle.button_f.active {
    left: 221px;
    top: 189px;
  }
}

.infografias.materiales #distribucion_de_estribos .wrapper .element_group .button_circle.button_g {
  left: 160px;
  top: 28px;
}

@media screen and (min-width: 48em) {
  .infografias.materiales #distribucion_de_estribos .wrapper .element_group .button_circle.button_g {
    left: 184px;
    top: 70px;
  }
  .infografias.materiales #distribucion_de_estribos .wrapper .element_group .button_circle.button_g.active {
    left: 221px;
    top: 69px;
  }
}

.infografias.materiales #distribucion_de_estribos .wrapper .element_group .button_circle.button_h {
  left: 52px;
  top: 12px;
}

@media screen and (min-width: 48em) {
  .infografias.materiales #distribucion_de_estribos .wrapper .element_group .button_circle.button_h {
    left: 6px;
    top: 35px;
  }
  .infografias.materiales #distribucion_de_estribos .wrapper .element_group .button_circle.button_h.active {
    left: -44px;
    top: 35px;
  }
}

.infografias.materiales #distribucion_de_estribos .wrapper .element_group .button_circle.button_i {
  left: 50px;
  top: -20px;
}

@media screen and (min-width: 48em) {
  .infografias.materiales #distribucion_de_estribos .wrapper .element_group .button_circle.button_i {
    left: 82px;
    top: 100px;
  }
}

.infografias.materiales #distribucion_de_estribos .wrapper .element_group .button_circle.button_j {
  left: 100px;
  top: 0;
}

@media screen and (min-width: 48em) {
  .infografias.materiales #distribucion_de_estribos .wrapper .element_group .button_circle.button_j {
    left: 170px;
    top: 145px;
  }
}

.infografias.materiales #distribucion_de_estribos .wrapper .element_group .button_circle.button_k {
  left: 190px;
  top: 25px;
}

@media screen and (min-width: 48em) {
  .infografias.materiales #distribucion_de_estribos .wrapper .element_group .button_circle.button_k {
    left: 310px;
    top: 182px;
  }
}

.infografias.materiales #distribucion_de_estribos .element_A_Object {
  opacity: 1;
  visibility: visible;
}

.infografias.materiales #tipos_ladrillo .element_carrousel {
  top: 38%;
}

@media screen and (min-width: 48em) {
  .infografias.materiales #tipos_ladrillo .element_carrousel {
    top: 50%;
  }
}

.infografias.materiales #tipos_ladrillo .element_carrousel .arrow_carrousel {
  top: 50%;
}

.infografias.materiales #tipos_ladrillo .element_carrousel img.element_Carrousel {
  top: 45%;
}

.infografias.materiales #tipos_ladrillo .element_text_carrousel {
  width: 300px;
}

.infografias.materiales #tipos_ladrillo .element_text_carrousel h3.element_Title {
  width: 47px;
  height: 43px;
  line-height: 43px;
  font-size: 26px;
  position: absolute;
  top: 0;
}

.infografias.materiales #tipos_ladrillo .element_text_carrousel p.element_Content {
  font-size: 18px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 65px;
  width: 232px;
}

.infografias.materiales #tipos_ladrillo .element_text_carrousel p.element_Content span.referencia {
  font-size: 14px;
  line-height: 16px;
}

.infografias.materiales #tipos_ladrillo .element_Permanent .content_info {
  position: absolute;
  -webkit-transform: perspective(1px) translateX(-50%);
          transform: perspective(1px) translateX(-50%);
  height: 100px;
  text-align: center;
  right: inherit;
  left: 50%;
  bottom: -16%;
  width: 340px;
}

@media screen and (min-width: 48em) {
  .infografias.materiales #tipos_ladrillo .element_Permanent .content_info {
    width: 380px;
    bottom: -18%;
    position: absolute;
    z-index: 11;
  }
}

.infografias.materiales #tipos_ladrillo .element_Permanent .content_info .btn_warning {
  background: #000;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  width: 35px;
  height: 35px;
  display: block;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  position: absolute;
  cursor: pointer;
  left: 50%;
  position: absolute;
  left: 50%;
  -webkit-transform: perspective(1px) translate(-50%, 0);
          transform: perspective(1px) translate(-50%, 0);
  top: -40px;
}

.infografias.materiales #tipos_ladrillo .element_Permanent .content_info .btn_warning::after {
  width: 38px;
  height: 38px;
  display: block;
  content: "";
  -webkit-animation: CircleScale 2s infinite;
          animation: CircleScale 2s infinite;
  -webkit-transition: all ease-in-out;
  transition: all ease-in-out;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  border: 1px solid #FFF;
  top: -6%;
  left: -6%;
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  position: absolute;
}

.infografias.materiales #tipos_ladrillo .element_Permanent .content_info .btn_warning img.warning {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: perspective(1px) translate(-50%, -50%);
          transform: perspective(1px) translate(-50%, -50%);
  top: 40%;
}

.infografias.materiales #tipos_ladrillo .element_Permanent .content_info p.warning {
  font-family: Blender, sans-serif;
  font-size: 15px;
  color: #000;
  text-align: justify;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  height: 0;
  overflow: hidden;
}

.infografias.materiales #tipos_ladrillo .element_Permanent .content_info p.warning.active {
  height: 75px;
}

.infografias.materiales #tipos_ladrillo .wrapper {
  top: 55%;
  height: 470px;
}

@media screen and (min-width: 48em) {
  .infografias.materiales #tipos_ladrillo .wrapper {
    padding-top: 80px;
    top: 50%;
    height: 520px;
  }
}

.infografias.materiales #tipos_ladrillo .section-text {
  font-size: 15px;
  font-family: Blender, sans-serif;
  color: white;
}

@media screen and (min-width: 48em) {
  .infografias.materiales #tipos_ladrillo .section-text {
    font-size: 19px;
  }
}

.infografias.materiales #elaboracion_concreto_mortero .wrapper {
  top: 350px;
  height: 500px;
}

@media screen and (min-width: 48em) {
  .infografias.materiales #elaboracion_concreto_mortero .wrapper {
    top: 335px;
    height: 520px;
  }
}

@media screen and (min-width: 87.5em) {
  .infografias.materiales #elaboracion_concreto_mortero .wrapper {
    top: 50%;
  }
}

.infografias.materiales #elaboracion_concreto_mortero .element-Text {
  position: absolute;
  top: 15px;
  left: 50%;
  -webkit-transform: perspective(1px) translateX(-50%);
          transform: perspective(1px) translateX(-50%);
  width: 300px;
  text-align: left;
  font-family: Blender, sans-serif;
  font-size: 14px;
}

@media screen and (min-width: 48em) {
  .infografias.materiales #elaboracion_concreto_mortero .element-Text {
    top: 57px;
    font-size: 18px;
    left: 495px;
    width: 480px;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }
}

.infografias.materiales #elaboracion_concreto_mortero .element_group {
  top: 0;
  left: 50%;
  height: 100%;
  -webkit-transform: perspective(1px) translateX(-50%);
          transform: perspective(1px) translateX(-50%);
  z-index: auto;
}

@media screen and (min-width: 48em) {
  .infografias.materiales #elaboracion_concreto_mortero .element_group {
    left: 0;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }
}

.infografias.materiales #elaboracion_concreto_mortero .element_group .element_objects {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  z-index: auto;
}

.infografias.materiales #elaboracion_concreto_mortero .element_group .element_Wrapper {
  position: absolute;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  font-family: Blender, sans-serif;
  background-repeat: no-repeat;
}

.infografias.materiales #elaboracion_concreto_mortero .element_group .element_Wrapper.active {
  width: 655px;
}

.infografias.materiales #elaboracion_concreto_mortero .element_group .element_Wrapper.active .element_Tittle {
  opacity: 1;
  visibility: visible;
}

.infografias.materiales #elaboracion_concreto_mortero .element_group .element_Wrapper.active .element_Content {
  opacity: 1;
  visibility: visible;
}

.infografias.materiales #elaboracion_concreto_mortero .element_group .element_Wrapper .element_Tittle {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  font-family: Blender, sans-serif;
  text-transform: uppercase;
  text-align: left;
  font-size: 27px;
  line-height: 23px;
}

.infografias.materiales #elaboracion_concreto_mortero .element_group .element_Wrapper .element_Content {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  font-size: 16px;
  line-height: 16px;
  text-align: left;
}

.infografias.materiales #elaboracion_concreto_mortero .element_group .element_A_Wrapper {
  background-image: url(../images/materiales/elaboracion-item-1-1.png);
  background-position: left top;
  height: 303px;
  left: 284px;
  width: 0;
  top: 166px;
}

.infografias.materiales #elaboracion_concreto_mortero .element_group .element_A_Wrapper.active {
  width: 452px;
}

.infografias.materiales #elaboracion_concreto_mortero .element_group .element_A_Wrapper .element_Tittle {
  width: 320px;
  left: 310px;
  top: 139px;
}

.infografias.materiales #elaboracion_concreto_mortero .element_group .element_A_Wrapper .element_Content {
  width: 320px;
  left: 310px;
  top: 163px;
}

.infografias.materiales #elaboracion_concreto_mortero .element_group .element_B_Wrapper {
  background-image: url(../images/materiales/elaboracion-item-1-2.png);
  height: 160px;
  top: 169px;
  left: 71px;
  background-position: left top;
  width: 0;
}

.infografias.materiales #elaboracion_concreto_mortero .element_group .element_B_Wrapper.active {
  width: 691px;
}

.infografias.materiales #elaboracion_concreto_mortero .element_group .element_B_Wrapper .element_Tittle {
  width: 320px;
  left: 525px;
  top: 151px;
}

.infografias.materiales #elaboracion_concreto_mortero .element_group .element_B_Wrapper .element_Content {
  width: 320px;
  left: 525px;
  top: 174px;
}

.infografias.materiales #elaboracion_concreto_mortero .element_group .element_C_Wrapper {
  background-image: url(../images/materiales/elaboracion-item-1-3.png);
  background-position: left top;
  height: 154px;
  top: 159px;
  left: 208px;
  width: 0;
}

.infografias.materiales #elaboracion_concreto_mortero .element_group .element_C_Wrapper.active {
  width: 550px;
}

.infografias.materiales #elaboracion_concreto_mortero .element_group .element_C_Wrapper .element_Tittle {
  width: 320px;
  left: 389px;
  top: 144px;
}

.infografias.materiales #elaboracion_concreto_mortero .element_group .element_C_Wrapper .element_Content {
  width: 320px;
  left: 389px;
  top: 168px;
}

.infografias.materiales #elaboracion_concreto_mortero .element_group .element_D_Wrapper {
  background-image: url(../images/materiales/elaboracion-item-1-4.png);
  background-position: left top;
  left: 156px;
  top: 58px;
  height: 370px;
  width: 0;
}

.infografias.materiales #elaboracion_concreto_mortero .element_group .element_D_Wrapper.active {
  width: 624px;
}

.infografias.materiales #elaboracion_concreto_mortero .element_group .element_D_Wrapper .element_Tittle {
  width: 320px;
  left: 450px;
  top: 233px;
}

.infografias.materiales #elaboracion_concreto_mortero .element_group .element_D_Wrapper .element_Content {
  width: 320px;
  left: 450px;
  top: 256px;
}

.infografias.materiales #elaboracion_concreto_mortero .element_group .element_A {
  position: absolute;
  top: 18%;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 300px;
  height: 300px;
}

@media screen and (min-width: 48em) {
  .infografias.materiales #elaboracion_concreto_mortero .element_group .element_A {
    width: 927px;
    height: 557px;
    left: 0;
    top: 0;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }
}

.infografias.materiales #elaboracion_concreto_mortero .element_group .element_A img.desktop {
  display: none;
}

@media screen and (min-width: 48em) {
  .infografias.materiales #elaboracion_concreto_mortero .element_group .element_A img.desktop {
    display: block;
  }
}

.infografias.materiales #elaboracion_concreto_mortero .element_group .element_A img.mobile {
  display: block;
  width: 100%;
}

@media screen and (min-width: 48em) {
  .infografias.materiales #elaboracion_concreto_mortero .element_group .element_A img.mobile {
    display: none;
  }
}

.infografias.materiales #elaboracion_concreto_mortero .element_group .button_circle {
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
}

.infografias.materiales #elaboracion_concreto_mortero .element_group .button_circle:hover, .infografias.materiales #elaboracion_concreto_mortero .element_group .button_circle.active {
  background-color: #cc1502;
}

.infografias.materiales #elaboracion_concreto_mortero .element_group .button_circle:hover span, .infografias.materiales #elaboracion_concreto_mortero .element_group .button_circle.active span {
  background-image: url(../images/iconos/mas.png);
}

.infografias.materiales #elaboracion_concreto_mortero .element_group .button_circle.button_a {
  left: 190px;
  top: 240px;
}

@media screen and (min-width: 48em) {
  .infografias.materiales #elaboracion_concreto_mortero .element_group .button_circle.button_a {
    left: 451px;
    top: 328px;
  }
  .infografias.materiales #elaboracion_concreto_mortero .element_group .button_circle.button_a.active {
    left: 552px;
    top: 298px;
  }
}

.infografias.materiales #elaboracion_concreto_mortero .element_group .button_circle.button_b {
  left: 80px;
  top: 130px;
}

@media screen and (min-width: 48em) {
  .infografias.materiales #elaboracion_concreto_mortero .element_group .button_circle.button_b {
    left: 239px;
    top: 204px;
  }
  .infografias.materiales #elaboracion_concreto_mortero .element_group .button_circle.button_b.active {
    left: 551px;
    top: 314px;
  }
}

.infografias.materiales #elaboracion_concreto_mortero .element_group .button_circle.button_c {
  left: 220px;
  top: 130px;
}

@media screen and (min-width: 48em) {
  .infografias.materiales #elaboracion_concreto_mortero .element_group .button_circle.button_c {
    left: 518px;
    top: 208px;
  }
  .infografias.materiales #elaboracion_concreto_mortero .element_group .button_circle.button_c.active {
    left: 549px;
    top: 299px;
  }
}

.infografias.materiales #elaboracion_concreto_mortero .element_group .button_circle.button_d {
  left: 150px;
  top: 8px;
}

@media screen and (min-width: 48em) {
  .infografias.materiales #elaboracion_concreto_mortero .element_group .button_circle.button_d {
    left: 337px;
    top: 53px;
  }
  .infografias.materiales #elaboracion_concreto_mortero .element_group .button_circle.button_d.active {
    left: 549px;
    top: 298px;
  }
}

.infografias.materiales #elaboracion_concreto_mortero p.disclaimer {
  bottom: -30px;
}

.infografias.materiales #elaboracion_concreto_mortero .button-box {
  bottom: 0;
}

@media screen and (min-width: 48em) {
  .infografias.materiales #elaboracion_concreto_mortero .button-box {
    bottom: -30px;
  }
}

.infografias.pinturas #pintado_pared .wrapper {
  height: 450px;
}

@media screen and (min-width: 48em) {
  .infografias.pinturas #pintado_pared .wrapper {
    height: 266px;
  }
}

.infografias.pinturas #pintado_pared h2 {
  font-family: UnitedSansRegStencil, Arial, Helvetica, sans-serif;
}

.infografias.pinturas #pintado_pared .element_group {
  height: 205px;
  width: 270px;
  top: 25%;
}

@media screen and (min-width: 48em) {
  .infografias.pinturas #pintado_pared .element_group {
    height: 266px;
    width: 370px;
    top: 50%;
  }
}

.infografias.pinturas #pintado_pared .element_group img {
  width: 100%;
  height: 100%;
}

.infografias.pinturas #pintado_pared .element_accordeon {
  top: 54%;
}

@media screen and (min-width: 48em) {
  .infografias.pinturas #pintado_pared .element_accordeon {
    top: 62%;
  }
}

.infografias.pinturas #cantidad_pintura .wrapper {
  height: 500px;
  top: 55%;
}

@media screen and (min-width: 48em) {
  .infografias.pinturas #cantidad_pintura .wrapper {
    height: 325px;
    top: 50%;
  }
}

.infografias.pinturas #cantidad_pintura .element_group {
  height: 205px;
  width: 270px;
  top: 20%;
}

@media screen and (min-width: 48em) {
  .infografias.pinturas #cantidad_pintura .element_group {
    height: 300px;
    width: 426px;
    top: 50%;
  }
}

.infografias.pinturas #cantidad_pintura .element_group p {
  position: absolute;
  color: #FFF;
  font-family: Blender, sans-serif;
  font-size: 15px;
  line-height: 17px;
  top: 145px;
  left: 5px;
  width: 280px;
  height: 60px;
}

@media screen and (min-width: 48em) {
  .infografias.pinturas #cantidad_pintura .element_group p {
    width: 350px;
    height: 60px;
    top: 230px;
    left: 45px;
    font-size: 19px;
    line-height: 21px;
  }
}

.infografias.pinturas #cantidad_pintura .element_group img {
  width: 100%;
}

.infografias.pinturas #cantidad_pintura .element_content {
  height: 295px;
}

.infografias.pinturas #cantidad_pintura .element_content h2 {
  width: 270px;
  height: 40px;
  position: absolute;
  top: 210px;
  background: #000;
  color: #FFF;
  font-family: UnitedSansRegStencil, Arial, Helvetica, sans-serif;
  font-size: 19px;
  text-align: center;
  line-height: 40px;
}

@media screen and (min-width: 48em) {
  .infografias.pinturas #cantidad_pintura .element_content h2 {
    height: 40px;
    top: 104px;
  }
}

.infografias.pinturas #cantidad_pintura .element_content p {
  position: absolute;
  color: #FFF;
  font-family: Blender, sans-serif;
  font-size: 17px;
  line-height: 19px;
  top: 250px;
  width: 280px;
}

@media screen and (min-width: 48em) {
  .infografias.pinturas #cantidad_pintura .element_content p {
    width: 360px;
    font-size: 19px;
    line-height: 21px;
    top: 160px;
  }
}

.infografias.pinturas #cantidad_pintura .element_content img.yellow-form {
  position: absolute;
  top: 440px;
}

@media screen and (min-width: 48em) {
  .infografias.pinturas #cantidad_pintura .element_content img.yellow-form {
    top: 330px;
  }
}

.infografias.pinturas #datos_importantes .wrapper {
  height: 510px;
  top: 55%;
}

@media screen and (min-width: 48em) {
  .infografias.pinturas #datos_importantes .wrapper {
    width: 960px;
    height: 500px;
    top: 50%;
  }
}

.infografias.pinturas #datos_importantes .element_group {
  width: 200px;
  height: 200px;
  top: 20%;
  left: 50%;
}

@media screen and (min-width: 48em) {
  .infografias.pinturas #datos_importantes .element_group {
    height: 396px;
    width: 370px;
    top: 50%;
  }
  .infografias.pinturas #datos_importantes .element_group.not-move.derecha {
    left: 62%;
    top: 60%;
  }
}

.infografias.pinturas #datos_importantes .element_group img {
  width: 100%;
}

.infografias.pinturas #datos_importantes .element_content {
  height: 440px;
  max-width: 420px;
  display: block;
}

.infografias.pinturas #datos_importantes .element_content .fila_content {
  width: 100%;
  max-width: 420px;
  display: inline-block;
  height: auto;
  position: relative;
}

.infografias.pinturas #datos_importantes .element_content .check_box {
  display: none;
  float: left;
  background: url(../images/pinturas/ico_check.png) no-repeat top center;
  width: 20%;
  position: relative;
  height: 48px;
  margin: 20px 0 0;
}

@media screen and (min-width: 48em) {
  .infografias.pinturas #datos_importantes .element_content .check_box {
    display: block;
  }
}

.infografias.pinturas #datos_importantes .element_content h2 {
  width: 100%;
  height: 26px;
  position: relative;
  background: #000;
  color: #FFF;
  font-family: UnitedSansRegStencil, Arial, Helvetica, sans-serif;
  font-size: 15px;
  text-align: center;
  line-height: 32px;
  margin-top: 5px;
  float: left;
}

@media screen and (min-width: 48em) {
  .infografias.pinturas #datos_importantes .element_content h2 {
    height: 40px;
    max-width: 420px;
    margin-top: 20px;
    line-height: 40px;
    font-size: 22px;
  }
}

.infografias.pinturas #datos_importantes .element_content h2:first-of-type {
  margin-top: 225px;
}

@media screen and (min-width: 48em) {
  .infografias.pinturas #datos_importantes .element_content h2:first-of-type {
    margin-top: 104px;
  }
}

.infografias.pinturas #datos_importantes .element_content h2.seguridad {
  max-width: 205px;
}

.infografias.pinturas #datos_importantes .element_content h3 {
  position: relative;
  color: #000;
  font-family: Blender, sans-serif;
  font-size: 15px;
  line-height: 17px;
  width: 100%;
  margin: 5px 0 0;
  text-transform: uppercase;
  float: left;
}

@media screen and (min-width: 48em) {
  .infografias.pinturas #datos_importantes .element_content h3 {
    width: 80%;
    margin: 20px 0 0;
  }
}

.infografias.pinturas #datos_importantes .element_content h3:after {
  content: '';
  width: 100%;
  height: 2px;
  background: #000;
  position: relative;
  display: block;
}

.infografias.pinturas #datos_importantes .element_content p {
  position: relative;
  color: #000;
  font-family: Blender, sans-serif;
  font-size: 12px;
  line-height: 13px;
  width: 100%;
  float: left;
}

@media screen and (min-width: 48em) {
  .infografias.pinturas #datos_importantes .element_content p {
    width: 80%;
    font-size: 15px;
    line-height: 17px;
  }
}

.infografias.pinturas #datos_importantes .element_content p:last-of-type {
  margin: 5px 0 0;
}

@media screen and (min-width: 48em) {
  .infografias.pinturas #datos_importantes .element_content p:last-of-type {
    margin: 10px 0 0;
  }
}

.infografias.trancas_cerraduras #trancas_tipo {
  height: 140vh;
}

@media screen and (max-width: 320px) {
  .infografias.trancas_cerraduras #trancas_tipo {
    height: 150vh;
  }
}

@media screen and (min-width: 48em) {
  .infografias.trancas_cerraduras #trancas_tipo {
    height: 100vh;
  }
}

.infografias.trancas_cerraduras #trancas_tipo .wrapper .element_group p {
  font-family: 'Blender';
  font-weight: bold;
  font-size: 16px;
  width: 300px;
  margin: 0 auto;
  text-align: left;
}

.infografias.trancas_cerraduras #trancas_tipo .wrapper .element_group.instalation {
  width: 100%;
  top: 8%;
  text-align: center;
}

@media screen and (min-width: 48em) {
  .infografias.trancas_cerraduras #trancas_tipo .wrapper .element_group.instalation {
    width: 50%;
    top: 47.5%;
  }
  .infografias.trancas_cerraduras #trancas_tipo .wrapper .element_group.instalation img {
    width: auto;
  }
}

.infografias.trancas_cerraduras #trancas_tipo .wrapper .element_group.instalation .title {
  width: 303px;
  padding: 8px;
  height: auto;
  margin: 0 auto;
  background: #000;
  color: #fff;
  font-family: UnitedSansRegStencil, Arial, Helvetica, sans-serif;
  font-size: 22px;
  text-align: center;
  line-height: normal;
  text-transform: uppercase;
  margin-bottom: 15px;
}

.infografias.trancas_cerraduras #trancas_tipo .wrapper .element_group.instalation img {
  margin-top: 35px;
  width: 50%;
}

@media screen and (min-width: 48em) {
  .infografias.trancas_cerraduras #trancas_tipo .wrapper .element_group.instalation img {
    margin-top: 35px;
    width: auto;
  }
}

.infografias.trancas_cerraduras #trancas_tipo .wrapper .element_group.tools {
  width: 100%;
  top: 110%;
  text-align: center;
}

@media screen and (min-width: 48em) {
  .infografias.trancas_cerraduras #trancas_tipo .wrapper .element_group.tools {
    width: 50%;
    top: 50%;
    border-left: 1px solid #000;
    height: 400px;
  }
  .infografias.trancas_cerraduras #trancas_tipo .wrapper .element_group.tools img {
    width: auto;
  }
}

.infografias.trancas_cerraduras #trancas_tipo .wrapper .element_group.tools .title {
  width: 303px;
  padding: 8px;
  height: auto;
  margin: 0 auto;
  background: #000;
  color: #fff;
  font-family: UnitedSansRegStencil, Arial, Helvetica, sans-serif;
  font-size: 22px;
  text-align: center;
  line-height: normal;
  text-transform: uppercase;
  margin-bottom: 15px;
}

.infografias.trancas_cerraduras #trancas_tipo .wrapper .element_group.tools img {
  margin-top: 35px;
  width: 70%;
}

@media screen and (min-width: 48em) {
  .infografias.trancas_cerraduras #trancas_tipo .wrapper .element_group.tools img {
    margin-top: 35px;
    width: auto;
  }
}

.infografias.trancas_cerraduras #trancas_cerraduras {
  height: 175vh;
}

@media screen and (min-width: 48em) {
  .infografias.trancas_cerraduras #trancas_cerraduras {
    height: 100vh;
  }
}

@media screen and (max-width: 320px) {
  .infografias.trancas_cerraduras #trancas_cerraduras {
    height: 190vh;
  }
}

.infografias.trancas_cerraduras #trancas_cerraduras .element_group {
  right: 0%;
  top: -20%;
  width: 100%;
}

@media screen and (min-width: 48em) {
  .infografias.trancas_cerraduras #trancas_cerraduras .element_group {
    width: 430px;
    top: 65%;
    left: 1%;
  }
}

.infografias.trancas_cerraduras #trancas_cerraduras .element_group p {
  font-family: 'Blender';
  line-height: 20px;
}

.infografias.trancas_cerraduras #trancas_cerraduras .element_group .title {
  width: 100%;
  font-family: UnitedSansRegStencil, Arial, Helvetica, sans-serif;
  background: #000;
  color: #fff;
  display: block;
  padding: 12px 0px;
  margin: 20px 0px;
  text-align: center;
  font-size: 18px;
}

.infografias.trancas_cerraduras #trancas_cerraduras .element_group .button-large {
  bottom: -70px;
  right: 140px;
  font-family: UnitedSansRegStencil, Arial, Helvetica, sans-serif;
  background: #000;
  color: #fff;
  display: block;
  text-align: center;
  font-size: 18px;
  border: 3px solid #fff;
  border-style: double;
  width: 180px;
  height: 50px;
  line-height: 42px;
}

@media screen and (min-width: 48em) {
  .infografias.trancas_cerraduras #trancas_cerraduras .element_group .button-large {
    bottom: -110px;
  }
}

.infografias.trancas_cerraduras #trancas_cerraduras .element_accordeon {
  width: 320px;
  height: 300px;
  right: 0%;
  top: 64%;
}

@media screen and (min-width: 48em) {
  .infografias.trancas_cerraduras #trancas_cerraduras .element_accordeon {
    width: 360px;
    height: 350px;
    left: 60%;
  }
}

.infografias.trancas_cerraduras #trancas_cerraduras .element_accordeon ul.bullets li {
  background: transparent;
  color: #000;
}

.infografias.trancas_cerraduras #trancas_cerraduras .element_accordeon ul.bullets li.active {
  background: #000;
  color: #fff;
}

.infografias.trancas_cerraduras #trancas_cerraduras .element_accordeon .accordeon_title {
  width: 100%;
  font-family: UnitedSansRegStencil, Arial, Helvetica, sans-serif;
}

.infografias.trancas_cerraduras #trancas_cerraduras .element_accordeon .accordeon_Content {
  width: 100%;
  height: 250px;
}

@media screen and (min-width: 48em) {
  .infografias.trancas_cerraduras #trancas_cerraduras .element_accordeon .accordeon_Content {
    width: 360px;
    height: 250px;
  }
}

.infografias.trancas_cerraduras #trancas_cerraduras .element_accordeon .accordeon_Content li {
  height: 0px;
  width: 100%;
}

.infografias.trancas_cerraduras #trancas_cerraduras .element_accordeon .accordeon_Content li.active {
  height: auto;
}

.infografias.trancas_cerraduras #trancas_cerraduras .element_accordeon .accordeon_Content li .title {
  font-family: UnitedSansRegStencil, Arial, Helvetica, sans-serif;
  margin: 8px 0px 4px 0px;
  display: block;
  width: 100%;
}

.infografias.trancas_cerraduras #trancas_cerraduras .element_accordeon .accordeon_Content li .img {
  margin-top: 20px;
  width: auto;
  margin-left: 50px;
}

@media screen and (min-width: 48em) {
  .infografias.trancas_cerraduras #trancas_cerraduras .element_accordeon .accordeon_Content li .img {
    width: auto;
    display: block;
    margin: 0 auto;
    margin-top: 16px;
  }
}

.infografias.trancas_cerraduras #trancas_cerraduras .element_accordeon .accordeon_Content li p {
  color: #fff;
}

.infografias.trancas_cerraduras #trancas_cerraduras .element_accordeon .accordeon_Content li p.scrolling {
  height: auto;
  overflow: initial;
  padding-right: 0px;
}

@media screen and (min-width: 48em) {
  .infografias.trancas_cerraduras #trancas_cerraduras .element_accordeon .accordeon_Content li p.scrolling {
    height: 80px;
    overflow: auto;
    padding-right: 6px;
  }
  .infografias.trancas_cerraduras #trancas_cerraduras .element_accordeon .accordeon_Content li p.scrolling::-webkit-scrollbar {
    width: 6px;
    background-color: rgba(0, 0, 0, 0.4);
  }
  .infografias.trancas_cerraduras #trancas_cerraduras .element_accordeon .accordeon_Content li p.scrolling::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #ab1a0b;
    -webkit-border-radius: 0px;
            border-radius: 0px;
  }
  .infografias.trancas_cerraduras #trancas_cerraduras .element_accordeon .accordeon_Content li p.scrolling::-webkit-scrollbar-thumb {
    -webkit-border-radius: 0px;
            border-radius: 0px;
    -webkit-box-shadow: inset 0 0 6px #ab1a0b;
  }
}

@media screen and (max-width: 320px) {
  .infografias.trancas_cerraduras #trancas_tranca {
    height: 125vh;
  }
}

.infografias.trancas_cerraduras #trancas_tranca .element_carrousel {
  top: 30%;
  width: 360px;
}

@media screen and (min-width: 48em) {
  .infografias.trancas_cerraduras #trancas_tranca .element_carrousel {
    top: 50%;
    width: 920px;
  }
}

.infografias.trancas_cerraduras #trancas_tranca .element_carrousel img.element_Carrousel {
  width: 60%;
  -ms-interpolation-mode: nearest-neighbor;
      image-rendering: -webkit-optimize-contrast;
      image-rendering: -moz-crisp-edges;
      image-rendering: pixelated;
  image-rendering: optimizequality;
}

@media screen and (min-width: 48em) {
  .infografias.trancas_cerraduras #trancas_tranca .element_carrousel img.element_Carrousel {
    width: auto;
  }
}

.infografias.trancas_cerraduras #trancas_tranca .element_text_carrousel {
  bottom: -30%;
}

@media screen and (min-width: 48em) {
  .infografias.trancas_cerraduras #trancas_tranca .element_text_carrousel {
    bottom: -3%;
  }
}

.infografias.trancas_cerraduras #inicio .wrapper.hyper-large {
  height: 285px;
}

@media screen and (min-width: 48em) {
  .infografias.trancas_cerraduras #inicio .wrapper.hyper-large {
    height: 285px;
  }
}

.infografias.trancas_cerraduras #inicio h3.subtitle {
  width: 300px;
  height: 50px;
}

@media screen and (min-width: 48em) {
  .infografias.trancas_cerraduras #inicio h3.subtitle {
    width: 560px;
    height: 72px;
  }
}

.infografias.puerta_levadiza #levadiza_motor {
  height: 110vh;
}

@media screen and (min-width: 48em) {
  .infografias.puerta_levadiza #levadiza_motor {
    height: 100vh;
  }
}

@media screen and (max-width: 320px) {
  .infografias.puerta_levadiza #levadiza_motor {
    height: 150vh;
  }
}

.infografias.puerta_levadiza #levadiza_motor .wrapper .element_group p {
  font-family: 'Blender';
  font-weight: bold;
  font-size: 16px;
  width: 300px;
  margin: 0 auto;
  text-align: left;
}

.infografias.puerta_levadiza #levadiza_motor .wrapper .element_group.instalation {
  width: 100%;
  top: 8%;
  text-align: center;
}

@media screen and (min-width: 48em) {
  .infografias.puerta_levadiza #levadiza_motor .wrapper .element_group.instalation {
    width: 50%;
    top: 47%;
    left: -10px;
  }
  .infografias.puerta_levadiza #levadiza_motor .wrapper .element_group.instalation img {
    width: auto;
  }
}

.infografias.puerta_levadiza #levadiza_motor .wrapper .element_group.instalation .list_icon li {
  background-image: url(../images/puertalevadiza/list_polea.png);
  background-repeat: no-repeat;
  line-height: normal;
  padding-left: 50px;
  text-align: left;
  color: #000;
  margin: 28px 0px;
  font-size: 22px;
  font-family: 'Blender';
}

.infografias.puerta_levadiza #levadiza_motor .wrapper .element_group.instalation .title {
  width: 303px;
  height: auto;
  margin: 0 auto;
  background: #000;
  color: #fff;
  font-family: UnitedSansRegStencil, Arial, Helvetica, sans-serif;
  font-size: 22px;
  text-align: left;
  padding: 10px 15px;
  text-transform: uppercase;
  margin-bottom: 15px;
}

.infografias.puerta_levadiza #levadiza_motor .wrapper .element_group.instalation img {
  margin-top: 35px;
  width: 50%;
}

.infografias.puerta_levadiza #levadiza_motor .wrapper .element_group.tools {
  width: 100%;
  top: 116%;
  text-align: center;
}

@media screen and (min-width: 48em) {
  .infografias.puerta_levadiza #levadiza_motor .wrapper .element_group.tools {
    width: 50%;
    top: 50%;
  }
  .infografias.puerta_levadiza #levadiza_motor .wrapper .element_group.tools img {
    margin-top: 0px;
    width: auto;
  }
}

.infografias.puerta_levadiza #levadiza_motor .wrapper .element_group.tools .title {
  width: 303px;
  height: 49px;
  margin: 0 auto;
  background: #000;
  color: #fff;
  font-family: UnitedSansRegStencil, Arial, Helvetica, sans-serif;
  font-size: 22px;
  text-align: center;
  line-height: 50px;
  text-transform: uppercase;
  margin-bottom: 15px;
}

.infografias.puerta_levadiza #levadiza_motor .wrapper .element_group.tools img {
  margin-top: -100px;
  width: 100%;
}

@media screen and (min-width: 48em) {
  .infografias.puerta_levadiza #levadiza_motor .wrapper .element_group.tools img {
    margin-top: 0px;
    width: auto;
  }
}

.infografias.puerta_levadiza #levadiza_cadena {
  height: 130vh;
}

@media screen and (min-width: 48em) {
  .infografias.puerta_levadiza #levadiza_cadena {
    height: 100vh;
  }
}

@media screen and (max-width: 320px) {
  .infografias.puerta_levadiza #levadiza_cadena {
    height: 150vh;
  }
}

.infografias.puerta_levadiza #levadiza_cadena .wrapper .element_group p {
  font-family: 'Blender';
  font-weight: bold;
  font-size: 16px;
  width: 300px;
  margin: 0 auto;
  text-align: left;
}

.infografias.puerta_levadiza #levadiza_cadena .wrapper .element_group.instalation {
  width: 100%;
  top: 8%;
  text-align: center;
}

@media screen and (min-width: 48em) {
  .infografias.puerta_levadiza #levadiza_cadena .wrapper .element_group.instalation {
    width: 50%;
    top: 50%;
    left: -10px;
  }
  .infografias.puerta_levadiza #levadiza_cadena .wrapper .element_group.instalation img {
    width: auto;
  }
}

.infografias.puerta_levadiza #levadiza_cadena .wrapper .element_group.instalation .list_icon li {
  background-image: url(../images/puertalevadiza/list_polea.png);
  background-repeat: no-repeat;
  line-height: 32px;
  padding-left: 50px;
  text-align: left;
  color: #fff;
  margin: 28px 0px;
  font-size: 22px;
  font-family: 'Blender';
}

.infografias.puerta_levadiza #levadiza_cadena .wrapper .element_group.instalation .title {
  width: 303px;
  height: auto;
  margin: 0 auto;
  background: #000;
  color: #fff;
  font-family: UnitedSansRegStencil, Arial, Helvetica, sans-serif;
  font-size: 22px;
  text-align: left;
  padding: 10px 15px;
  text-transform: uppercase;
  margin-bottom: 15px;
}

.infografias.puerta_levadiza #levadiza_cadena .wrapper .element_group.instalation img {
  margin-top: 35px;
  width: 50%;
}

.infografias.puerta_levadiza #levadiza_cadena .wrapper .element_group.tools {
  width: 100%;
  top: 116%;
  text-align: center;
}

@media screen and (min-width: 48em) {
  .infografias.puerta_levadiza #levadiza_cadena .wrapper .element_group.tools {
    width: 50%;
    top: 50%;
  }
  .infografias.puerta_levadiza #levadiza_cadena .wrapper .element_group.tools img {
    margin-top: 0px;
    width: auto;
  }
}

.infografias.puerta_levadiza #levadiza_cadena .wrapper .element_group.tools .title {
  width: 303px;
  height: 49px;
  margin: 0 auto;
  background: #000;
  color: #fff;
  font-family: UnitedSansRegStencil, Arial, Helvetica, sans-serif;
  font-size: 22px;
  text-align: center;
  line-height: 50px;
  text-transform: uppercase;
  margin-bottom: 15px;
}

.infografias.puerta_levadiza #levadiza_cadena .wrapper .element_group.tools img {
  width: 100%;
  margin-top: 20px;
}

@media screen and (min-width: 48em) {
  .infografias.puerta_levadiza #levadiza_cadena .wrapper .element_group.tools img {
    margin-top: 0px;
    width: auto;
  }
}

.infografias.puerta_levadiza #levadiza_polea {
  height: 110vh;
}

@media screen and (min-width: 48em) {
  .infografias.puerta_levadiza #levadiza_polea {
    height: 100vh;
  }
}

@media screen and (max-width: 320px) {
  .infografias.puerta_levadiza #levadiza_polea {
    height: 150vh;
  }
}

.infografias.puerta_levadiza #levadiza_polea .wrapper .element_group p {
  font-family: 'Blender';
  font-weight: bold;
  font-size: 16px;
  width: 300px;
  margin: 0 auto;
  text-align: left;
}

.infografias.puerta_levadiza #levadiza_polea .wrapper .element_group.instalation {
  width: 100%;
  top: 8%;
  text-align: center;
}

@media screen and (min-width: 48em) {
  .infografias.puerta_levadiza #levadiza_polea .wrapper .element_group.instalation {
    width: 50%;
    top: 47%;
    left: -10px;
  }
  .infografias.puerta_levadiza #levadiza_polea .wrapper .element_group.instalation img {
    width: auto;
  }
}

.infografias.puerta_levadiza #levadiza_polea .wrapper .element_group.instalation .list_icon li {
  background-image: url(../images/puertalevadiza/list_polea.png);
  background-repeat: no-repeat;
  line-height: normal;
  padding-left: 50px;
  text-align: left;
  color: #fff;
  margin: 28px 0px;
  font-size: 22px;
  font-family: 'Blender';
}

.infografias.puerta_levadiza #levadiza_polea .wrapper .element_group.instalation .title {
  width: 303px;
  height: auto;
  margin: 0 auto;
  background: #000;
  color: #fff;
  font-family: UnitedSansRegStencil, Arial, Helvetica, sans-serif;
  font-size: 22px;
  text-align: left;
  padding: 10px 15px;
  text-transform: uppercase;
  margin-bottom: 15px;
}

.infografias.puerta_levadiza #levadiza_polea .wrapper .element_group.instalation img {
  margin-top: 35px;
  width: 50%;
}

.infografias.puerta_levadiza #levadiza_polea .wrapper .element_group.tools {
  width: 100%;
  top: 116%;
  text-align: center;
}

@media screen and (min-width: 48em) {
  .infografias.puerta_levadiza #levadiza_polea .wrapper .element_group.tools {
    width: 50%;
    top: 50%;
  }
  .infografias.puerta_levadiza #levadiza_polea .wrapper .element_group.tools img {
    margin-top: 0px;
    width: auto;
  }
}

.infografias.puerta_levadiza #levadiza_polea .wrapper .element_group.tools .title {
  width: 303px;
  height: 49px;
  margin: 0 auto;
  background: #000;
  color: #fff;
  font-family: UnitedSansRegStencil, Arial, Helvetica, sans-serif;
  font-size: 22px;
  text-align: center;
  line-height: 50px;
  text-transform: uppercase;
  margin-bottom: 15px;
}

.infografias.puerta_levadiza #levadiza_polea .wrapper .element_group.tools img {
  margin-top: -80px;
  width: 100%;
}

@media screen and (min-width: 48em) {
  .infografias.puerta_levadiza #levadiza_polea .wrapper .element_group.tools img {
    margin-top: 0px;
    width: auto;
  }
}

.infografias.puerta_levadiza #levadiza_puerta {
  height: 120vh;
}

@media screen and (min-width: 48em) {
  .infografias.puerta_levadiza #levadiza_puerta {
    height: 100vh;
  }
}

@media screen and (max-width: 320px) {
  .infografias.puerta_levadiza #levadiza_puerta {
    height: 140vh;
  }
}

.infografias.puerta_levadiza #levadiza_puerta .wrapper {
  top: 55%;
  height: 500px;
}

@media screen and (min-width: 48em) {
  .infografias.puerta_levadiza #levadiza_puerta .wrapper {
    height: 520px;
    top: 50%;
  }
}

.infografias.puerta_levadiza #levadiza_puerta p.disclaimer {
  bottom: -50px;
}

@media screen and (min-width: 48em) {
  .infografias.puerta_levadiza #levadiza_puerta p.disclaimer {
    bottom: -140px;
  }
}

.infografias.puerta_levadiza #levadiza_puerta .button-box {
  bottom: -135px;
}

@media screen and (min-width: 48em) {
  .infografias.puerta_levadiza #levadiza_puerta .wrapper .element_group {
    top: 60%;
  }
}

.infografias.puerta_levadiza #levadiza_puerta .wrapper .element_group .button_circle span {
  background-image: none;
  color: #ffffff;
  font-family: UnitedSansRegStencil, sans-serif;
  text-align: center;
  text-indent: 0;
  line-height: 28px;
}

.infografias.puerta_levadiza #levadiza_puerta .element_objects {
  height: 0;
  top: 50%;
}

@media screen and (min-width: 48em) {
  .infografias.puerta_levadiza #levadiza_puerta .element_objects {
    top: 50%;
  }
}

.infografias.puerta_levadiza #levadiza_puerta .element_objects .escoge-bomba-border {
  border-width: 0.5px;
  border-color: white;
  border-style: solid;
  width: 173px;
  height: 50px;
  position: absolute;
  left: 50%;
  -webkit-transform: perspective(1px) translate(-50%, 0);
          transform: perspective(1px) translate(-50%, 0);
  top: 185px;
}

@media screen and (min-width: 48em) {
  .infografias.puerta_levadiza #levadiza_puerta .element_objects .escoge-bomba-border {
    top: 270px;
    left: 90%;
  }
}

.infografias.puerta_levadiza #levadiza_puerta .element_objects .escoge-bomba {
  border-width: 2px;
  border-color: black;
  border-style: solid;
  background-color: black;
  width: 165px;
  height: 41px;
  color: #ffffff;
  font-family: 'UnitedSansRegStencil', sans-serif;
  text-align: center;
  font-size: 15px;
  padding-top: 10px;
  margin: 3px auto;
  cursor: pointer;
}

.infografias.puerta_levadiza #levadiza_puerta .element_group {
  height: 100%;
  z-index: auto;
  left: 0;
  top: 50%;
}

@media screen and (min-width: 48em) {
  .infografias.puerta_levadiza #levadiza_puerta .element_group {
    left: 25%;
  }
}

.infografias.puerta_levadiza #levadiza_puerta .element_group .element_objects {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  z-index: auto;
}

.infografias.puerta_levadiza #levadiza_puerta .element_group .element_Wrapper {
  position: absolute;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  font-family: Blender, sans-serif;
  background-repeat: no-repeat;
}

.infografias.puerta_levadiza #levadiza_puerta .element_group .element_Wrapper.active {
  width: 655px;
}

.infografias.puerta_levadiza #levadiza_puerta .element_group .element_Wrapper.active .element_Tittle {
  opacity: 1;
  visibility: visible;
}

.infografias.puerta_levadiza #levadiza_puerta .element_group .element_Wrapper.active .element_Content {
  opacity: 1;
  visibility: visible;
}

.infografias.puerta_levadiza #levadiza_puerta .element_group .element_Wrapper .element_Tittle {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  font-family: Blender, sans-serif;
  text-transform: uppercase;
  text-align: left;
  font-size: 24px;
  line-height: 23px;
}

.infografias.puerta_levadiza #levadiza_puerta .element_group .element_Wrapper .element_Content {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  font-size: 23px;
  line-height: 24px;
  text-align: left;
  color: #ffffff;
}

.infografias.puerta_levadiza #levadiza_puerta .element_group .element_J_Wrapper {
  background-image: url(../images/puertalevadiza/puerta_levadiza_10.png);
  background-position: right top;
  height: 70px;
  top: 419px;
  right: 249px;
  width: 0;
}

@media screen and (min-width: 48em) {
  .infografias.puerta_levadiza #levadiza_puerta .element_group .element_J_Wrapper.active {
    width: 200px;
  }
}

.infografias.puerta_levadiza #levadiza_puerta .element_group .element_J_Wrapper .element_Content {
  color: #000;
  width: 250px;
  left: 220px;
  top: -20px;
}

.infografias.puerta_levadiza #levadiza_puerta .element_group .element_I_Wrapper {
  background-image: url(../images/puertalevadiza/puerta_levadiza_9.png);
  background-position: right top;
  height: 70px;
  top: 458px;
  right: 469px;
  width: 0;
}

@media screen and (min-width: 48em) {
  .infografias.puerta_levadiza #levadiza_puerta .element_group .element_I_Wrapper.active {
    width: 200px;
  }
}

.infografias.puerta_levadiza #levadiza_puerta .element_group .element_I_Wrapper .element_Content {
  color: #000;
  width: 250px;
  left: 220px;
  top: 5px;
  text-align: left;
}

.infografias.puerta_levadiza #levadiza_puerta .element_group .element_H_Wrapper {
  background-image: url(../images/puertalevadiza/puerta_levadiza_8.png);
  background-position: right top;
  height: 70px;
  right: 549px;
  top: 233px;
  width: 0;
}

@media screen and (min-width: 48em) {
  .infografias.puerta_levadiza #levadiza_puerta .element_group .element_H_Wrapper.active {
    width: 200px;
  }
}

.infografias.puerta_levadiza #levadiza_puerta .element_group .element_H_Wrapper .element_Content {
  color: #000;
  width: 130px;
  left: -70px;
  top: 5px;
  text-align: right;
}

.infografias.puerta_levadiza #levadiza_puerta .element_group .element_G_Wrapper {
  background-image: url(../images/puertalevadiza/puerta_levadiza_7.png);
  background-position: right top;
  height: 70px;
  right: 72px;
  top: 214px;
  width: 0;
}

@media screen and (min-width: 48em) {
  .infografias.puerta_levadiza #levadiza_puerta .element_group .element_G_Wrapper.active {
    width: 200px;
  }
}

.infografias.puerta_levadiza #levadiza_puerta .element_group .element_G_Wrapper .element_Content {
  color: #000;
  width: 100px;
  left: 220px;
  top: 15px;
}

.infografias.puerta_levadiza #levadiza_puerta .element_group .element_F_Wrapper {
  background-image: url(../images/puertalevadiza/puerta_levadiza_6.png);
  background-position: right top;
  height: 70px;
  right: 229px;
  top: 113px;
  width: 0;
}

@media screen and (min-width: 48em) {
  .infografias.puerta_levadiza #levadiza_puerta .element_group .element_F_Wrapper.active {
    width: 200px;
  }
}

.infografias.puerta_levadiza #levadiza_puerta .element_group .element_F_Wrapper .element_Content {
  color: #000;
  width: auto;
  left: 220px;
  top: 50px;
}

.infografias.puerta_levadiza #levadiza_puerta .element_group .element_E_Wrapper {
  background-image: url(../images/puertalevadiza/puerta_levadiza_5.png);
  background-position: right top;
  height: 70px;
  right: 375px;
  top: 69px;
  width: 0;
}

@media screen and (min-width: 48em) {
  .infografias.puerta_levadiza #levadiza_puerta .element_group .element_E_Wrapper.active {
    width: 200px;
  }
}

.infografias.puerta_levadiza #levadiza_puerta .element_group .element_E_Wrapper .element_Content {
  color: #000;
  width: auto;
  left: 35px;
  top: -10px;
}

.infografias.puerta_levadiza #levadiza_puerta .element_group .element_A_Wrapper {
  background-image: url(../images/puertalevadiza/puerta_levadiza_1.png);
  background-position: right top;
  height: 70px;
  right: -21px;
  top: 85px;
  width: 0;
}

@media screen and (min-width: 48em) {
  .infografias.puerta_levadiza #levadiza_puerta .element_group .element_A_Wrapper.active {
    width: 200px;
  }
}

.infografias.puerta_levadiza #levadiza_puerta .element_group .element_A_Wrapper .element_Content {
  width: auto;
  left: 240px;
  top: 22px;
  color: #000;
}

.infografias.puerta_levadiza #levadiza_puerta .element_group .element_A_Wrapper.horiz {
  background-image: url(../images/puestatierra/puestatierra-5.png);
  background-position: right top;
  height: 240px;
  right: 415px;
  top: 51px;
  width: 0;
}

@media screen and (min-width: 48em) {
  .infografias.puerta_levadiza #levadiza_puerta .element_group .element_A_Wrapper.horiz.active {
    width: 250px;
    height: 240px;
  }
}

.infografias.puerta_levadiza #levadiza_puerta .element_group .element_A_Wrapper.horiz .element_Content {
  width: auto;
  left: 10px;
  top: 180px;
}

.infografias.puerta_levadiza #levadiza_puerta .element_group .element_B_Wrapper {
  background-image: url(../images/puertalevadiza/puerta_levadiza_1.png);
  background-position: right top;
  height: 70px;
  top: 127px;
  right: 75px;
  width: 0;
}

@media screen and (min-width: 48em) {
  .infografias.puerta_levadiza #levadiza_puerta .element_group .element_B_Wrapper.active {
    width: 200px;
  }
}

.infografias.puerta_levadiza #levadiza_puerta .element_group .element_B_Wrapper .element_Content {
  color: #000;
  width: 300px;
  left: 240px;
  top: 25px;
}

.infografias.puerta_levadiza #levadiza_puerta .element_group .element_B_Wrapper.horiz {
  background-image: url(../images/puestatierra/puestatierra-6.png);
  background-position: right top;
  height: 240px;
  right: 94px;
  top: 145px;
  width: 0;
}

@media screen and (min-width: 48em) {
  .infografias.puerta_levadiza #levadiza_puerta .element_group .element_B_Wrapper.horiz.active {
    width: 300px;
    height: 240px;
  }
}

.infografias.puerta_levadiza #levadiza_puerta .element_group .element_B_Wrapper.horiz .element_Content {
  width: 200px;
  left: 120px;
  top: 200px;
}

.infografias.puerta_levadiza #levadiza_puerta .element_group .element_C_Wrapper {
  background-image: url(../images/puertalevadiza/puerta_levadiza_3.png);
  background-position: left top;
  left: 399px;
  top: 20px;
  height: 70px;
  width: 0;
}

@media screen and (min-width: 48em) {
  .infografias.puerta_levadiza #levadiza_puerta .element_group .element_C_Wrapper.active {
    width: 200px;
  }
}

.infografias.puerta_levadiza #levadiza_puerta .element_group .element_C_Wrapper .element_Content {
  color: #000;
  width: auto;
  left: -125px;
  top: -20px;
  text-align: right;
}

.infografias.puerta_levadiza #levadiza_puerta .element_group .element_C_Wrapper.horiz {
  background-image: url(../images/puestatierra/puestatierra-7.png);
  background-position: right top;
  height: 170px;
  left: 450px;
  top: 116px;
  width: 0;
}

@media screen and (min-width: 48em) {
  .infografias.puerta_levadiza #levadiza_puerta .element_group .element_C_Wrapper.horiz.active {
    width: 270px;
    height: 170px;
  }
}

.infografias.puerta_levadiza #levadiza_puerta .element_group .element_C_Wrapper.horiz .element_Content {
  width: auto;
  left: 160px;
  top: 110px;
}

.infografias.puerta_levadiza #levadiza_puerta .element_group .element_D_Wrapper {
  background-image: url(../images/puertalevadiza/puerta_levadiza_4.png);
  background-position: right top;
  top: 120px;
  right: 428px;
  height: 70px;
  width: 0;
}

@media screen and (min-width: 48em) {
  .infografias.puerta_levadiza #levadiza_puerta .element_group .element_D_Wrapper.active {
    width: 200px;
  }
}

.infografias.puerta_levadiza #levadiza_puerta .element_group .element_D_Wrapper .element_Content {
  color: #000;
  width: auto;
  left: 40px;
  top: -10px;
}

.infografias.puerta_levadiza #levadiza_puerta .element_group .element_A {
  position: absolute;
  top: 80px;
  left: -20px;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  width: 250px;
  height: 380px;
}

.infografias.puerta_levadiza #levadiza_puerta .element_group .element_A.horiz {
  position: absolute;
  top: 0;
  left: 40px;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  width: 250px;
  height: 380px;
}

@media screen and (min-width: 48em) {
  .infografias.puerta_levadiza #levadiza_puerta .element_group .element_A.horiz {
    width: 522px;
    height: 266px;
    top: 70px;
    left: -50px;
  }
}

@media screen and (min-width: 48em) {
  .infografias.puerta_levadiza #levadiza_puerta .element_group .element_A {
    width: 647px;
    height: 497px;
    top: 0px;
    left: -100px;
  }
}

.infografias.puerta_levadiza #levadiza_puerta .element_group .element_A .element_message {
  display: none;
}

@media screen and (min-width: 48em) {
  .infografias.puerta_levadiza #levadiza_puerta .element_group .element_A .element_message {
    display: block;
    position: absolute;
    right: -250px;
    top: 150px;
    width: auto;
    height: auto;
  }
}

.infografias.puerta_levadiza #levadiza_puerta .element_group .element_A .element_message_2 {
  display: none;
}

@media screen and (min-width: 48em) {
  .infografias.puerta_levadiza #levadiza_puerta .element_group .element_A .element_message_2 {
    display: block;
    position: absolute;
    right: -250px;
    top: 20px;
    width: auto;
    height: auto;
  }
}

.infografias.puerta_levadiza #levadiza_puerta .element_group .element_A img.vert {
  width: 360px;
  height: auto;
}

@media screen and (min-width: 48em) {
  .infografias.puerta_levadiza #levadiza_puerta .element_group .element_A img.vert {
    width: auto;
    height: auto;
  }
}

.infografias.puerta_levadiza #levadiza_puerta .element_group .element_A img.horiz {
  width: 300px;
  height: 250px;
  margin-left: -26px;
}

@media screen and (min-width: 48em) {
  .infografias.puerta_levadiza #levadiza_puerta .element_group .element_A img.horiz {
    width: 522px;
    height: 266px;
    margin-left: 0px;
  }
}

.infografias.puerta_levadiza #levadiza_puerta .element_group .element_B {
  position: absolute;
  top: 70px;
  left: 20px;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  width: 260px;
  height: 482px;
}

.infografias.puerta_levadiza #levadiza_puerta .element_group .element_B .element_B_Object {
  left: -372px;
  position: absolute;
  top: 100px;
}

.infografias.puerta_levadiza #levadiza_puerta .element_group .button_circle {
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
}

.infografias.puerta_levadiza #levadiza_puerta .element_group .button_circle:hover, .infografias.puerta_levadiza #levadiza_puerta .element_group .button_circle.active {
  background-color: #F2DF34;
}

.infografias.puerta_levadiza #levadiza_puerta .element_group .button_circle:hover span, .infografias.puerta_levadiza #levadiza_puerta .element_group .button_circle.active span {
  background-image: none;
  color: #000000;
}

.infografias.puerta_levadiza #levadiza_puerta .element_group .button_circle.horiz.button_a {
  left: -10px;
  top: 76px;
}

.infografias.puerta_levadiza #levadiza_puerta .element_group .button_circle.horiz.button_a.mobile {
  left: -50px;
  top: 73px;
}

@media screen and (min-width: 48em) {
  .infografias.puerta_levadiza #levadiza_puerta .element_group .button_circle.horiz.button_a {
    left: -10px;
    top: 76px;
  }
}

@media screen and (min-width: 48em) {
  .infografias.puerta_levadiza #levadiza_puerta .element_group .button_circle.horiz.button_a.active {
    left: -100px;
    top: 76px;
  }
}

.infografias.puerta_levadiza #levadiza_puerta .element_group .button_circle.horiz.button_b {
  left: 249px;
  top: 260px;
}

.infografias.puerta_levadiza #levadiza_puerta .element_group .button_circle.horiz.button_b.mobile {
  left: 110px;
  top: 240px;
}

@media screen and (min-width: 48em) {
  .infografias.puerta_levadiza #levadiza_puerta .element_group .button_circle.horiz.button_b {
    left: 249px;
    top: 260px;
  }
}

@media screen and (min-width: 48em) {
  .infografias.puerta_levadiza #levadiza_puerta .element_group .button_circle.horiz.button_b.active {
    left: 249px;
    top: 300px;
  }
}

.infografias.puerta_levadiza #levadiza_puerta .element_group .button_circle.horiz.button_c {
  left: 380px;
  top: 250px;
}

.infografias.puerta_levadiza #levadiza_puerta .element_group .button_circle.horiz.button_c.mobile {
  left: 190px;
  top: 240px;
}

@media screen and (min-width: 48em) {
  .infografias.puerta_levadiza #levadiza_puerta .element_group .button_circle.horiz.button_c {
    left: 380px;
    top: 250px;
  }
}

@media screen and (min-width: 48em) {
  .infografias.puerta_levadiza #levadiza_puerta .element_group .button_circle.horiz.button_c.active {
    left: 560px;
    top: 225px;
  }
}

.infografias.puerta_levadiza #levadiza_puerta .element_group .button_circle.button_a {
  left: 620px;
  top: 103px;
}

@media screen and (min-width: 48em) {
  .infografias.puerta_levadiza #levadiza_puerta .element_group .button_circle.button_a {
    left: 620px;
    top: 103px;
  }
  .infografias.puerta_levadiza #levadiza_puerta .element_group .button_circle.button_a span {
    background-image: url(../images/iconos/mas.png);
  }
}

@media screen and (min-width: 48em) {
  .infografias.puerta_levadiza #levadiza_puerta .element_group .button_circle.button_a.active {
    left: 667px;
    top: 103px;
    background: red;
  }
}

.infografias.puerta_levadiza #levadiza_puerta .element_group .button_circle.button_a.mobile {
  left: 340px;
  top: 52px;
}

.infografias.puerta_levadiza #levadiza_puerta .element_group .button_circle.button_b {
  left: 520px;
  top: 145px;
}

@media screen and (min-width: 48em) {
  .infografias.puerta_levadiza #levadiza_puerta .element_group .button_circle.button_b {
    left: 520px;
    top: 145px;
  }
  .infografias.puerta_levadiza #levadiza_puerta .element_group .button_circle.button_b span {
    background-image: url(../images/iconos/mas.png);
  }
}

@media screen and (min-width: 48em) {
  .infografias.puerta_levadiza #levadiza_puerta .element_group .button_circle.button_b.active {
    left: 570px;
    top: 145px;
    background: red;
  }
}

.infografias.puerta_levadiza #levadiza_puerta .element_group .button_circle.button_b.mobile {
  left: 290px;
  top: 74px;
}

.infografias.puerta_levadiza #levadiza_puerta .element_group .button_circle.button_c {
  left: 420px;
  top: 7px;
}

@media screen and (min-width: 48em) {
  .infografias.puerta_levadiza #levadiza_puerta .element_group .button_circle.button_c {
    left: 420px;
    top: 7px;
  }
  .infografias.puerta_levadiza #levadiza_puerta .element_group .button_circle.button_c span {
    background-image: url(../images/iconos/mas.png);
  }
}

@media screen and (min-width: 48em) {
  .infografias.puerta_levadiza #levadiza_puerta .element_group .button_circle.button_c.active {
    left: 390px;
    top: 7px;
    background: red;
  }
}

.infografias.puerta_levadiza #levadiza_puerta .element_group .button_circle.button_c.mobile {
  left: 220px;
  top: -2px;
}

.infografias.puerta_levadiza #levadiza_puerta .element_group .button_circle.button_d {
  left: 140px;
  top: 106px;
}

@media screen and (min-width: 48em) {
  .infografias.puerta_levadiza #levadiza_puerta .element_group .button_circle.button_d {
    left: 140px;
    top: 106px;
  }
  .infografias.puerta_levadiza #levadiza_puerta .element_group .button_circle.button_d span {
    background-image: url(../images/iconos/mas.png);
  }
}

@media screen and (min-width: 48em) {
  .infografias.puerta_levadiza #levadiza_puerta .element_group .button_circle.button_d.active {
    left: 110px;
    top: 106px;
    background: red;
  }
}

.infografias.puerta_levadiza #levadiza_puerta .element_group .button_circle.button_d.mobile {
  left: 68px;
  top: 55px;
}

.infografias.puerta_levadiza #levadiza_puerta .element_group .button_circle.button_e {
  top: 55px;
  left: 210px;
}

@media screen and (min-width: 48em) {
  .infografias.puerta_levadiza #levadiza_puerta .element_group .button_circle.button_e {
    top: 55px;
    left: 210px;
  }
  .infografias.puerta_levadiza #levadiza_puerta .element_group .button_circle.button_e span {
    background-image: url(../images/iconos/mas.png);
  }
}

@media screen and (min-width: 48em) {
  .infografias.puerta_levadiza #levadiza_puerta .element_group .button_circle.button_e.active {
    top: 55px;
    left: 180px;
    background: red;
  }
}

.infografias.puerta_levadiza #levadiza_puerta .element_group .button_circle.button_e.mobile {
  top: 23px;
  left: 101px;
}

.infografias.puerta_levadiza #levadiza_puerta .element_group .button_circle.button_f {
  top: 156px;
  right: 250px;
}

@media screen and (min-width: 48em) {
  .infografias.puerta_levadiza #levadiza_puerta .element_group .button_circle.button_f {
    top: 156px;
    right: 250px;
  }
  .infografias.puerta_levadiza #levadiza_puerta .element_group .button_circle.button_f span {
    background-image: url(../images/iconos/mas.png);
  }
}

@media screen and (min-width: 48em) {
  .infografias.puerta_levadiza #levadiza_puerta .element_group .button_circle.button_f.active {
    top: 156px;
    right: 220px;
    background: red;
  }
}

.infografias.puerta_levadiza #levadiza_puerta .element_group .button_circle.button_f.mobile {
  top: 81px;
  left: 206px;
}

.infografias.puerta_levadiza #levadiza_puerta .element_group .button_circle.button_g {
  top: 236px;
  right: 94px;
}

@media screen and (min-width: 48em) {
  .infografias.puerta_levadiza #levadiza_puerta .element_group .button_circle.button_g {
    top: 236px;
    right: 94px;
  }
  .infografias.puerta_levadiza #levadiza_puerta .element_group .button_circle.button_g span {
    background-image: url(../images/iconos/mas.png);
  }
}

@media screen and (min-width: 48em) {
  .infografias.puerta_levadiza #levadiza_puerta .element_group .button_circle.button_g.active {
    top: 236px;
    right: 66px;
    background: red;
  }
}

.infografias.puerta_levadiza #levadiza_puerta .element_group .button_circle.button_g.mobile {
  top: 126px;
  left: 290px;
}

.infografias.puerta_levadiza #levadiza_puerta .element_group .button_circle.button_h {
  top: 250px;
  left: 0px;
}

@media screen and (min-width: 48em) {
  .infografias.puerta_levadiza #levadiza_puerta .element_group .button_circle.button_h {
    top: 250px;
    left: 0px;
  }
  .infografias.puerta_levadiza #levadiza_puerta .element_group .button_circle.button_h span {
    background-image: url(../images/iconos/mas.png);
  }
}

@media screen and (min-width: 48em) {
  .infografias.puerta_levadiza #levadiza_puerta .element_group .button_circle.button_h.active {
    top: 250px;
    left: -30px;
    background: red;
  }
}

.infografias.puerta_levadiza #levadiza_puerta .element_group .button_circle.button_h.mobile {
  top: 133px;
  left: -9px;
}

.infografias.puerta_levadiza #levadiza_puerta .element_group .button_circle.button_i {
  top: 466px;
  right: 500px;
}

@media screen and (min-width: 48em) {
  .infografias.puerta_levadiza #levadiza_puerta .element_group .button_circle.button_i {
    top: 466px;
    right: 500px;
  }
  .infografias.puerta_levadiza #levadiza_puerta .element_group .button_circle.button_i span {
    background-image: url(../images/iconos/mas.png);
  }
}

@media screen and (min-width: 48em) {
  .infografias.puerta_levadiza #levadiza_puerta .element_group .button_circle.button_i.active {
    top: 466px;
    right: 465px;
    background: red;
  }
}

.infografias.puerta_levadiza #levadiza_puerta .element_group .button_circle.button_i.mobile {
  top: 253px;
  left: 73px;
}

.infografias.puerta_levadiza #levadiza_puerta .element_group .button_circle.button_j {
  top: 406px;
  right: 272px;
}

@media screen and (min-width: 48em) {
  .infografias.puerta_levadiza #levadiza_puerta .element_group .button_circle.button_j {
    top: 406px;
    right: 272px;
  }
  .infografias.puerta_levadiza #levadiza_puerta .element_group .button_circle.button_j span {
    background-image: url(../images/iconos/mas.png);
  }
}

@media screen and (min-width: 48em) {
  .infografias.puerta_levadiza #levadiza_puerta .element_group .button_circle.button_j.active {
    top: 406px;
    right: 245px;
    background: red;
  }
}

.infografias.puerta_levadiza #levadiza_puerta .element_group .button_circle.button_j.mobile {
  top: 220px;
  left: 193px;
}

.infografias.puerta_levadiza #levadiza_puerta .element_accordeon {
  top: -20%;
  left: 60%;
  -webkit-transform: perspective(1px) translate(-50%);
          transform: perspective(1px) translate(-50%);
  width: auto;
}

@media screen and (min-width: 48em) {
  .infografias.puerta_levadiza #levadiza_puerta .element_accordeon {
    -webkit-transform: perspective(1px) translate(0, -50%);
            transform: perspective(1px) translate(0, -50%);
    left: 0;
    top: 30%;
  }
}

.infografias.puerta_levadiza #levadiza_puerta .element_accordeon ul {
  opacity: 1;
}

.infografias.puerta_levadiza #levadiza_puerta .element_accordeon ul.bullets {
  width: 300px;
  margin: 0 auto;
  display: inline-block;
  text-align: center;
  left: 50%;
  -webkit-transform: perspective(1px) translateX(-50%);
          transform: perspective(1px) translateX(-50%);
}

@media screen and (min-width: 48em) {
  .infografias.puerta_levadiza #levadiza_puerta .element_accordeon ul.bullets {
    width: 960px;
    left: 0;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    top: 60px;
  }
}

.infografias.puerta_levadiza #levadiza_puerta .element_accordeon ul.bullets li {
  color: #000;
  position: relative;
  font-size: 10px;
  font-family: UnitedSansRegStencil, sans-serif;
  width: auto;
  margin-right: 5px;
  padding: 0 5px;
  float: left;
  display: inline-block;
  border-width: 2px;
  border-color: black;
  border-style: solid;
  background-color: transparent;
  height: 33px;
  line-height: 33px;
}

@media screen and (min-width: 48em) {
  .infografias.puerta_levadiza #levadiza_puerta .element_accordeon ul.bullets li {
    margin-right: 15px;
    padding: 0 32px;
    font-size: 20px;
    float: none;
  }
}

.infografias.puerta_levadiza #levadiza_puerta .element_accordeon ul.bullets li.active {
  background-color: #000000;
  color: #fff;
}

.infografias.puerta_levadiza #levadiza_puerta .element_accordeon ul.bullets li.active:after {
  bottom: -17px;
  opacity: 1;
}

.infografias.puerta_levadiza #levadiza_puerta .element_accordeon ul.bullets li:after {
  content: ' ';
  position: absolute;
  opacity: 0;
  left: -3px;
  bottom: auto;
  background-image: url(../images/materiales/menu-selected-icon.png);
  width: 15px;
  height: 15px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.infografias.puerta_levadiza #levadiza_puerta .element_accordeon ul.accordeon_Content {
  width: 300px;
  height: 269px;
  position: relative;
  left: 50%;
  top: 48px;
  -webkit-transform: perspective(1px) translateX(-50%);
          transform: perspective(1px) translateX(-50%);
}

@media screen and (min-width: 48em) {
  .infografias.puerta_levadiza #levadiza_puerta .element_accordeon ul.accordeon_Content {
    width: 482px;
    left: 0;
    top: 152px;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }
}

.infografias.puerta_levadiza #levadiza_puerta .element_accordeon ul.accordeon_Content li {
  color: #ffffff;
  font-size: 15px;
  height: 269px;
  position: absolute;
  top: 0;
}

@media screen and (min-width: 48em) {
  .infografias.puerta_levadiza #levadiza_puerta .element_accordeon ul.accordeon_Content li {
    font-size: 20px;
  }
}

.infografias.puerta_levadiza #levadiza_puerta .element_accordeon ul.accordeon_Content li p {
  margin-bottom: 20px;
  background-image: url(../images/materiales/barras-check.png);
  background-repeat: no-repeat;
  background-position: left 5px;
  padding-left: 45px;
}

.infografias.puerta_levadiza #levadiza_puerta .element_accordeon ul.accordeon_Content li p strong {
  font-size: 22px;
}

.infografias.puerta_levadiza #inicio .wrapper.hyper-large {
  height: auto;
}

@media screen and (min-width: 48em) {
  .infografias.puerta_levadiza #inicio .wrapper.hyper-large {
    height: 285px;
  }
}

.infografias.puerta_levadiza #inicio h3.subtitle {
  width: 360px;
  height: 45px;
}

@media screen and (min-width: 48em) {
  .infografias.puerta_levadiza #inicio h3.subtitle {
    width: 780px;
    height: 44px;
  }
}

.infografias.pisos #inicio .wrapper.hyper-large {
  height: 285px;
}

@media screen and (min-width: 48em) {
  .infografias.pisos #inicio .wrapper.hyper-large {
    height: 285px;
  }
}

.infografias.pisos #inicio h3.subtitle {
  width: 360px;
}

@media screen and (min-width: 48em) {
  .infografias.pisos #inicio h3.subtitle {
    width: 620px;
  }
}

@media screen and (max-width: 320px) {
  .infografias.pisos #pisos_cajas {
    height: 150vh;
  }
}

.infografias.pisos #pisos_cajas .date_important {
  position: absolute;
  bottom: -100px;
  left: 50%;
  margin-left: -90px;
  width: 200px;
  height: 60px;
  background: url(../images/pisos/bg_button.png);
  background-repeat: no-repeat;
  background-size: contain;
  color: #fff;
  text-align: center;
  line-height: 50px;
  font-family: UnitedSansRegStencil, Arial, Helvetica, sans-serif;
  cursor: pointer;
}

@media screen and (min-width: 48em) {
  .infografias.pisos #pisos_cajas .date_important {
    bottom: -40px;
  }
}

.infografias.pisos #pisos_cajas .wrapper .element_group p {
  font-family: 'Blender';
  font-weight: bold;
  font-size: 16px;
  width: 300px;
  margin: 0 auto;
  text-align: left;
}

.infografias.pisos #pisos_cajas .wrapper .element_group.instalation {
  width: 100%;
  top: 8%;
  text-align: center;
}

@media screen and (min-width: 48em) {
  .infografias.pisos #pisos_cajas .wrapper .element_group.instalation {
    width: 50%;
    top: 47.5%;
  }
  .infografias.pisos #pisos_cajas .wrapper .element_group.instalation img {
    width: auto;
  }
}

.infografias.pisos #pisos_cajas .wrapper .element_group.instalation .title {
  width: 303px;
  height: auto;
  margin: 0 auto;
  color: #fff;
  font-family: UnitedSansRegStencil, Arial, Helvetica, sans-serif;
  font-size: 35px;
  text-align: left;
  line-height: 35px;
  text-transform: uppercase;
  margin-bottom: 15px;
}

.infografias.pisos #pisos_cajas .wrapper .element_group.instalation p {
  color: #fff;
}

.infografias.pisos #pisos_cajas .wrapper .element_group.instalation img {
  margin-top: 35px;
  width: 50%;
}

.infografias.pisos #pisos_cajas .wrapper .element_group.tools {
  width: 100%;
  top: 70%;
  text-align: center;
}

@media screen and (min-width: 48em) {
  .infografias.pisos #pisos_cajas .wrapper .element_group.tools {
    width: 50%;
    top: 50%;
  }
}

.infografias.pisos #pisos_cajas .wrapper .element_group.tools .title {
  width: 303px;
  height: 49px;
  margin: 0 auto;
  background: #000;
  color: #fff;
  font-family: UnitedSansRegStencil, Arial, Helvetica, sans-serif;
  font-size: 22px;
  text-align: center;
  line-height: 50px;
  text-transform: uppercase;
  margin-bottom: 15px;
}

.infografias.pisos #pisos_cajas .wrapper .element_group.tools img {
  width: 100%;
}

@media screen and (min-width: 48em) {
  .infografias.pisos #pisos_cajas .wrapper .element_group.tools img {
    width: 100%;
  }
}

@media screen and (max-width: 320px) {
  .infografias.pisos #pisos_usar {
    height: 150vh;
  }
}

.infografias.pisos #pisos_usar .wrapper .element_group p {
  font-family: 'Blender';
  font-weight: bold;
  font-size: 16px;
  width: 300px;
  margin: 0 auto;
  text-align: left;
}

.infografias.pisos #pisos_usar .wrapper .element_group.instalation {
  width: 100%;
  top: 8%;
  text-align: center;
}

@media screen and (min-width: 48em) {
  .infografias.pisos #pisos_usar .wrapper .element_group.instalation {
    width: 50%;
    top: 47.5%;
  }
  .infografias.pisos #pisos_usar .wrapper .element_group.instalation img {
    width: auto;
  }
}

.infografias.pisos #pisos_usar .wrapper .element_group.instalation .title {
  width: 303px;
  height: 49px;
  margin: 0 auto;
  background: #000;
  color: #fff;
  font-family: UnitedSansRegStencil, Arial, Helvetica, sans-serif;
  font-size: 28px;
  text-align: center;
  line-height: 50px;
  text-transform: uppercase;
  margin-bottom: 15px;
}

.infografias.pisos #pisos_usar .wrapper .element_group.instalation img {
  margin-top: 35px;
  width: 50%;
}

.infografias.pisos #pisos_usar .wrapper .element_group.tools {
  width: 100%;
  top: 100%;
  text-align: center;
}

@media screen and (min-width: 48em) {
  .infografias.pisos #pisos_usar .wrapper .element_group.tools {
    width: 50%;
    top: 50%;
  }
  .infografias.pisos #pisos_usar .wrapper .element_group.tools img {
    width: auto;
  }
}

.infografias.pisos #pisos_usar .wrapper .element_group.tools .title {
  width: 303px;
  height: 49px;
  margin: 0 auto;
  background: #000;
  color: #fff;
  font-family: UnitedSansRegStencil, Arial, Helvetica, sans-serif;
  font-size: 22px;
  text-align: center;
  line-height: 50px;
  text-transform: uppercase;
  margin-bottom: 15px;
}

.infografias.pisos #pisos_usar .wrapper .element_group.tools img {
  width: auto;
}

.infografias.bano #bano_lavatorio .wrapper {
  height: 450px;
}

@media screen and (min-width: 48em) {
  .infografias.bano #bano_lavatorio .wrapper {
    height: 266px;
  }
}

.infografias.bano #bano_lavatorio h2 {
  font-family: UnitedSansRegStencil, Arial, Helvetica, sans-serif;
}

.infografias.bano #bano_lavatorio .element_group {
  height: 205px;
  width: 270px;
  top: 5%;
}

@media screen and (min-width: 48em) {
  .infografias.bano #bano_lavatorio .element_group {
    height: 266px;
    width: 370px;
    top: 50%;
  }
}

.infografias.bano #bano_lavatorio .element_group .element_A img {
  width: 320px !important;
  height: 280px !important;
  margin-left: -20px;
  margin-top: 30px;
}

@media screen and (min-width: 48em) {
  .infografias.bano #bano_lavatorio .element_group .element_A img {
    width: auto !important;
    height: auto !important;
    margin: 0 auto;
    display: block;
  }
}

.infografias.bano #bano_lavatorio .element_group .element_C img {
  margin-left: -20px;
  margin-top: 80px;
}

@media screen and (min-width: 48em) {
  .infografias.bano #bano_lavatorio .element_group .element_C img {
    width: auto !important;
    height: auto !important;
    margin: 0 auto;
    display: block;
  }
}

.infografias.bano #bano_lavatorio .element_group img {
  width: auto !important;
  height: auto !important;
  margin: 0 auto;
  display: block;
}

.infografias.bano #bano_lavatorio .element_accordeon {
  width: 360px;
  top: 70%;
}

@media screen and (min-width: 48em) {
  .infografias.bano #bano_lavatorio .element_accordeon {
    top: 50%;
    left: 6%;
  }
}

@media screen and (max-width: 375px) {
  .infografias.bano #bano_lavatorio .element_accordeon {
    top: 62%;
    width: 340px;
  }
}

@media screen and (max-width: 320px) {
  .infografias.bano #bano_lavatorio .element_accordeon {
    width: 300px;
  }
}

.infografias.bano #bano_lavatorio .element_accordeon .accordeon_title {
  width: 150px;
}

.infografias.bano #bano_lavatorio .element_accordeon ul {
  width: 100%;
}

.infografias.bano #bano_lavatorio .element_accordeon ul.accordeon_Content li {
  color: #fff;
}

.infografias.bano #bano_lavatorio .element_accordeon ul.bullets li {
  background-color: transparent;
  color: #fff;
}

.infografias.bano #bano_lavatorio .element_accordeon ul.bullets li.active {
  background-color: #000;
  color: #fff;
}

.infografias.bano #bano_sanitario .wrapper {
  height: 450px;
}

@media screen and (min-width: 48em) {
  .infografias.bano #bano_sanitario .wrapper {
    height: 266px;
  }
}

.infografias.bano #bano_sanitario h2 {
  font-family: UnitedSansRegStencil, Arial, Helvetica, sans-serif;
}

.infografias.bano #bano_sanitario .element_group {
  height: 205px;
  width: 270px;
  top: 10%;
}

@media screen and (min-width: 48em) {
  .infografias.bano #bano_sanitario .element_group {
    height: 266px;
    width: 370px;
    top: 50%;
  }
}

.infografias.bano #bano_sanitario .element_group img {
  width: 100%;
  height: 100%;
}

.infografias.bano #bano_sanitario .element_accordeon {
  width: 360px;
  top: 47%;
}

@media screen and (min-width: 48em) {
  .infografias.bano #bano_sanitario .element_accordeon {
    top: 50%;
    left: 6%;
  }
}

@media screen and (max-width: 375px) {
  .infografias.bano #bano_sanitario .element_accordeon {
    width: 340px;
    top: 42%;
  }
}

@media screen and (max-width: 320px) {
  .infografias.bano #bano_sanitario .element_accordeon {
    width: 300px;
  }
}

.infografias.bano #bano_sanitario .element_accordeon .accordeon_title {
  width: 150px;
}

.infografias.bano #bano_sanitario .element_accordeon ul {
  width: 100%;
}

.infografias.bano #bano_sanitario .element_accordeon ul.accordeon_Content li {
  color: #000;
}

.infografias.bano #bano_sanitario .element_accordeon ul.bullets li {
  background-color: transparent;
  color: #000;
}

.infografias.bano #bano_sanitario .element_accordeon ul.bullets li.active {
  background-color: #000;
  color: #fff;
}

.infografias.bano #datos_importantes .wrapper {
  height: 510px;
  top: 55%;
}

@media screen and (min-width: 48em) {
  .infografias.bano #datos_importantes .wrapper {
    width: 960px;
    height: 500px;
    top: 50%;
  }
}

.infografias.bano #datos_importantes .element_group {
  width: 200px;
  height: 200px;
  top: 20%;
  left: 50%;
}

@media screen and (min-width: 48em) {
  .infografias.bano #datos_importantes .element_group {
    height: 396px;
    width: 370px;
    top: 50%;
  }
  .infografias.bano #datos_importantes .element_group.not-move.derecha {
    left: 62%;
    top: 60%;
  }
}

.infografias.bano #datos_importantes .element_group img {
  width: 100%;
}

.infografias.bano #datos_importantes .element_content {
  height: 440px;
  max-width: 420px;
  display: block;
}

.infografias.bano #datos_importantes .element_content .fila_content {
  width: 100%;
  max-width: 420px;
  display: inline-block;
  height: auto;
  position: relative;
}

.infografias.bano #datos_importantes .element_content .check_box {
  display: none;
  float: left;
  background: url(../images/pinturas/ico_check.png) no-repeat top center;
  width: 20%;
  position: relative;
  height: 48px;
  margin: 20px 0 0;
}

@media screen and (min-width: 48em) {
  .infografias.bano #datos_importantes .element_content .check_box {
    display: block;
  }
}

.infografias.bano #datos_importantes .element_content h2 {
  width: 100%;
  height: 26px;
  position: relative;
  background: #000;
  color: #FFF;
  font-family: UnitedSansRegStencil, Arial, Helvetica, sans-serif;
  font-size: 15px;
  text-align: center;
  line-height: 32px;
  margin-top: 5px;
  float: left;
}

@media screen and (min-width: 48em) {
  .infografias.bano #datos_importantes .element_content h2 {
    height: 40px;
    max-width: 420px;
    margin-top: 20px;
    line-height: 40px;
    font-size: 22px;
  }
}

.infografias.bano #datos_importantes .element_content h2:first-of-type {
  margin-top: 225px;
}

@media screen and (min-width: 48em) {
  .infografias.bano #datos_importantes .element_content h2:first-of-type {
    margin-top: 104px;
  }
}

.infografias.bano #datos_importantes .element_content h2.seguridad {
  max-width: 205px;
}

.infografias.bano #datos_importantes .element_content h3 {
  position: relative;
  color: #000;
  font-family: Blender, sans-serif;
  font-size: 15px;
  line-height: 17px;
  width: 100%;
  margin: 5px 0 0;
  text-transform: uppercase;
  float: left;
}

@media screen and (min-width: 48em) {
  .infografias.bano #datos_importantes .element_content h3 {
    width: 80%;
    margin: 20px 0 0;
  }
}

.infografias.bano #datos_importantes .element_content h3:after {
  content: '';
  width: 100%;
  height: 2px;
  background: #000;
  position: relative;
  display: block;
}

.infografias.bano #datos_importantes .element_content p {
  position: relative;
  color: #000;
  font-family: Blender, sans-serif;
  font-size: 12px;
  line-height: 13px;
  width: 100%;
  float: left;
}

@media screen and (min-width: 48em) {
  .infografias.bano #datos_importantes .element_content p {
    width: 80%;
    font-size: 15px;
    line-height: 17px;
  }
}

.infografias.bano #datos_importantes .element_content p:last-of-type {
  margin: 5px 0 0;
}

@media screen and (min-width: 48em) {
  .infografias.bano #datos_importantes .element_content p:last-of-type {
    margin: 10px 0 0;
  }
}

@media screen and (min-width: 48em) {
  .infografias.puesta_tierra #puestatierra_instalacion .wrapper {
    top: 40%;
  }
}

@media screen and (min-width: 48em) {
  .infografias.pinturas #datos_importantes .wrapper {
    top: 40%;
  }
}

.sponsored {
  font-family: 'Blender';
  font-size: 16px;
  margin-top: 40px;
  margin-left: 20px;
  color: white;
}

@media screen and (max-width: 500px) {
  .sponsored {
    margin-top: 0px;
    margin-left: 0px;
  }
}

.sponsored-image {
  width: 110px;
  margin-top: 10px;
}

@media screen and (max-width: 500px) {
  .sponsored-image {
    width: 30%;
  }
}

.overlay {
  background: rgba(0, 0, 0, 0.8);
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  z-index: 13;
}

.overlay.active {
  opacity: 1;
  visibility: visible;
}

@media screen and (max-width: 1024px) and (orientation: landscape) {
  .overlay {
    opacity: 1;
    visibility: visible;
  }
  .overlay .modal_item.landscape-warning {
    top: 50%;
  }
}

.overlay .modal_item {
  max-width: 300px;
  position: fixed;
  background: #F2DF34;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  float: left;
  width: 300px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: perspective(1px) translate(-50%, -50%);
          transform: perspective(1px) translate(-50%, -50%);
  top: -1000%;
}

@media screen and (min-width: 48em) {
  .overlay .modal_item {
    max-width: 750px;
    width: 750px;
  }
}

.overlay .modal_item.active {
  top: 50%;
}

.overlay .modal_item .icono {
  float: left;
  margin: 45px 10px 10px;
  width: 60px;
}

.overlay .modal_item .icono img {
  width: 100%;
}

.overlay .modal_item h3 {
  color: #000000;
  font-family: UnitedSansRegStencil, sans-serif;
  text-transform: uppercase;
  margin: 30px auto 15px;
  font-size: 30px;
  line-height: 32px;
  float: left;
  text-align: left;
  width: 100%;
  padding: 0 15px;
}

.overlay .modal_item h3:after {
  content: '';
  width: 240px;
  height: 1px;
  background: #000000;
  float: left;
  margin-left: -15px;
}

.overlay .modal_item h3.minor {
  font-size: 21px;
}

.overlay .modal_item h3.warning {
  padding: 10PX 0;
  text-align: center;
  background: #F00;
  margin: 0 auto 15px;
  color: #FFF;
  border-bottom: 1px solid #000;
}

.overlay .modal_item h3.warning:after {
  display: none;
}

.overlay .modal_item ul {
  margin: 0 auto;
  padding: 0;
  list-style: none;
}

.overlay .modal_item p, .overlay .modal_item li {
  padding: 0 15px 0 30px;
  color: #000000;
  clear: both;
  font-family: "HaasGrotDisp-45Light", Arial, Helvetica, sans-serif;
  margin: 0 auto 32px;
  font-size: 14px;
  line-height: 18px;
  width: 100%;
  float: left;
}

.overlay .modal_item p span.black, .overlay .modal_item li span.black {
  font-weight: bold;
}

.overlay .modal_item p.top, .overlay .modal_item li.top {
  margin-top: 30px;
}

.overlay .modal_item li {
  margin: 0 auto 10px;
  font-size: 12px;
  line-height: 16px;
  text-indent: -10px;
}

.overlay .modal_item img {
  margin: 0 auto 20px;
  width: 50%;
  display: block;
}

.overlay .modal_item img.big {
  width: 75%;
}

@media screen and (min-width: 48em) {
  .overlay .modal_item img {
    width: 75%;
  }
}

.overlay .modal_item img.top {
  margin-top: 30px;
}

@media screen and (min-width: 48em) {
  .overlay .modal_item img.top {
    width: 50%;
  }
}

.overlay .modal_item.date_important_2 {
  background-color: #000;
  width: 460px;
  height: 386px;
  border: none;
}

@media screen and (min-width: 48em) {
  .overlay .modal_item.date_important_2 {
    background-size: auto;
  }
}

.overlay .modal_item.date_important_2 .cerrar_modal {
  background-color: transparent;
  background-image: url(../images/agua/modal-close.png);
  width: 26px;
  height: 26px;
  background-repeat: no-repeat;
  text-indent: -9990px;
  top: 12px;
  right: 12px;
}

.overlay .modal_item.date_important_2 .modal-container {
  display: block;
  width: 100%;
  height: 100%;
  padding: 50px 20px;
}

@media screen and (min-width: 48em) {
  .overlay .modal_item.date_important_2 .modal-container {
    padding: 62px 55px;
  }
}

.overlay .modal_item.date_important_2 .modal-container h1 {
  color: #fff;
  font-family: UnitedSansRegStencil, Arial, Helvetica, sans-serif;
  margin: 28px 0px 0px 0px;
  font-size: 26px;
  text-align: center;
  border-bottom: 3px solid #fff;
  padding-bottom: 10px;
}

.overlay .modal_item.date_important_2 .modal-container p {
  color: #fff;
  padding: 0;
  margin: 28px 0px 0px 0px;
  font-size: 16px;
  font-family: 'Blender';
}

.overlay .modal_item.date_important_1 {
  background-image: url(../images/pisos/modal-info-1.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto 30%;
  background-color: #000;
  width: 460px;
  height: 386px;
  border: none;
}

@media screen and (min-width: 48em) {
  .overlay .modal_item.date_important_1 {
    background-size: auto;
  }
}

.overlay .modal_item.date_important_1 .cerrar_modal {
  background-color: transparent;
  background-image: url(../images/agua/modal-close.png);
  width: 26px;
  height: 26px;
  background-repeat: no-repeat;
  text-indent: -9990px;
  top: 12px;
  right: 12px;
}

.overlay .modal_item.btn_sifon_esmaltado {
  background-image: url(../images/bano/modal-info.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto 30%;
  background-color: #000;
  width: 460px;
  height: 386px;
  border: none;
}

@media screen and (min-width: 48em) {
  .overlay .modal_item.btn_sifon_esmaltado {
    background-size: auto;
  }
}

.overlay .modal_item.btn_sifon_esmaltado .cerrar_modal {
  background-color: transparent;
  background-image: url(../images/agua/modal-close.png);
  width: 26px;
  height: 26px;
  background-repeat: no-repeat;
  text-indent: -9990px;
  top: 12px;
  right: 12px;
}

.overlay .modal_item.reparacion_muros {
  background-color: black;
  width: 460px;
  height: 430px;
  color: #ffffff;
}

.overlay .modal_item.reparacion_muros .cerrar_modal {
  background-color: transparent;
  background-image: url(../images/agua/modal-close.png);
  width: 26px;
  height: 26px;
  background-repeat: no-repeat;
  text-indent: -9990px;
  top: 12px;
  right: 12px;
}

.overlay .modal_item.reparacion_muros h3, .overlay .modal_item.reparacion_muros p {
  color: #ffffff;
}

.overlay .modal_item.reparacion_muros h2.sub_title {
  font-size: 24px;
  padding-bottom: 1px;
  border-bottom: 2px solid #fff;
  width: 230px;
  margin: 0 auto;
  margin-top: 15px;
  margin-bottom: 15px;
}

@media screen and (min-width: 48em) {
  .overlay .modal_item.reparacion_muros h2.sub_title {
    font-size: 36px;
    padding-bottom: 1px;
    border-bottom: 2px solid #fff;
    width: 320px;
    margin: 0 auto;
    margin-bottom: 10px;
  }
}

.overlay .modal_item.reparacion_muros h3 {
  font-size: 20px;
  text-transform: none;
  margin: 10px 0;
  font-family: 'Blender', sans-serif;
  text-align: center;
  line-height: 20px;
}

.overlay .modal_item.reparacion_muros .header th {
  background-color: #faeb37;
  color: #000000;
  vertical-align: middle;
  padding: 4px 3px;
  font-size: 13px;
}

.overlay .modal_item.reparacion_muros .modal-container {
  padding: 30px 10px;
}

.overlay .modal_item.reparacion_muros .modal-container ul {
  height: 350px;
  margin-top: 25px;
  border-bottom: 2px solid #fff;
  border-top: 2px solid #fff;
}

@media screen and (min-width: 48em) {
  .overlay .modal_item.reparacion_muros .modal-container ul {
    height: 300px;
    margin-top: 0px;
  }
}

.overlay .modal_item.reparacion_muros .modal-container ul li {
  height: auto !important;
  margin: 13px 0px;
  padding: 0;
  line-height: normal;
  text-indent: initial;
  float: left;
}

.overlay .modal_item.reparacion_muros .modal-container ul li span {
  position: relative;
  display: block;
  color: #f2e22a;
  float: left;
  padding: 0 15px 0 30px;
  font-size: 16px;
}

.overlay .modal_item.reparacion_muros .modal-container ul li span:before {
  content: url(../images/reparacionmuros/list_icon.png);
  position: absolute;
  left: -1px;
}

.overlay .modal_item.reparacion_muros .modal-container ul li p {
  margin: 0;
  display: block;
  color: #fff;
  float: left;
  padding: 0 15px 0 30px;
}

@media screen and (min-width: 48em) {
  .overlay .modal_item.reparacion_muros .modal-container {
    padding: 62px 55px;
  }
}

.overlay .modal_item.escoge-bomba {
  background-color: black;
  width: 460px;
  height: 386px;
  background-image: url(../images/agua/modal-bomba-fondo.png);
  background-repeat: no-repeat;
  background-position: center center;
  color: #ffffff;
}

.overlay .modal_item.escoge-bomba .cerrar_modal {
  background-color: transparent;
  background-image: url(../images/agua/modal-close.png);
  width: 26px;
  height: 26px;
  background-repeat: no-repeat;
  text-indent: -9990px;
  top: 12px;
  right: 12px;
}

.overlay .modal_item.escoge-bomba h3, .overlay .modal_item.escoge-bomba p {
  color: #ffffff;
}

.overlay .modal_item.escoge-bomba h2.sub_title {
  font-size: 24px;
  padding-bottom: 1px;
  border-bottom: 2px solid #fff;
  width: 230px;
  margin: 0 auto;
  margin-top: 15px;
  margin-bottom: 15px;
}

@media screen and (min-width: 48em) {
  .overlay .modal_item.escoge-bomba h2.sub_title {
    font-size: 36px;
    padding-bottom: 1px;
    border-bottom: 2px solid #fff;
    width: 320px;
    margin: 0 auto;
    margin-bottom: 10px;
  }
}

.overlay .modal_item.escoge-bomba h3 {
  font-size: 20px;
  text-transform: none;
  margin: 10px 0;
  font-family: 'Blender', sans-serif;
  text-align: center;
  line-height: 20px;
}

.overlay .modal_item.escoge-bomba table.data {
  margin: 0 auto;
}

.overlay .modal_item.escoge-bomba table.data td {
  padding: 4px;
  vertical-align: middle;
  border-bottom: 1px solid #fff;
  text-align: center;
  font-size: 14px;
}

.overlay .modal_item.escoge-bomba table.data td.no-border {
  border-bottom-style: none;
}

.overlay .modal_item.escoge-bomba table.data tr:last-child td {
  border-bottom-style: none;
}

.overlay .modal_item.escoge-bomba .header th {
  background-color: #faeb37;
  color: #000000;
  vertical-align: middle;
  padding: 4px 3px;
  font-size: 13px;
}

.overlay .modal_item.escoge-bomba .modal-container {
  padding: 30px 10px;
}

@media screen and (min-width: 48em) {
  .overlay .modal_item.escoge-bomba .modal-container {
    padding: 62px 55px;
  }
}

.overlay .cerrar_modal {
  text-align: center;
  font-family: UnitedSansRegStencil, Arial, Helvetica, sans-serif;
  font-size: 20px;
  line-height: 16px;
  color: #FFFFFF;
  background: #CA1F0D;
  position: absolute;
  top: -40px;
  right: 0;
  cursor: pointer;
  margin: 0;
  padding: 10px;
}

.overlay .cerrar_modal.great {
  top: 0;
}

.modal-product {
  position: fixed;
  top: -100%;
  left: 0;
  z-index: 99;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all .6s ease;
  transition: all .6s ease;
}

.modal-product.active {
  opacity: 1;
  visibility: visible;
  top: 0;
}

.modal-product-list {
  width: 800px;
  background-color: #e4e4e4;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

@media screen and (max-width: 600px) {
  .modal-product-list {
    width: 100%;
  }
}

.modal-product-list .modal-close {
  width: 34px;
  height: 34px;
  position: absolute;
  right: -18px;
  top: -16px;
  -webkit-border-radius: 50% 50%;
          border-radius: 50% 50%;
  background-color: rgba(192, 192, 192, 0.78);
  cursor: pointer;
}

.modal-product-list .modal-close span {
  text-align: center;
  display: block;
  padding: 8px;
  font-size: 22px;
  font-family: fantasy;
  font-weight: bold;
}

.modal-product-list .modal-header {
  background-color: black;
}

.modal-product-list .modal-header h2 {
  color: white;
  font-size: 30px;
  padding: 18px 0px;
}

.modal-product-list .modal-list {
  display: block;
  font-size: 0;
  min-height: auto;
  max-height: 380px;
  overflow: auto;
}

.modal-product-list .modal-list-product {
  display: inline-block;
  width: 50%;
  padding: 14px 0px;
  background-color: #ededed;
  cursor: pointer !important;
}

@media screen and (max-width: 600px) {
  .modal-product-list .modal-list-product {
    width: 100%;
    display: block;
  }
}

.modal-product-list .modal-list-product:hover {
  background-color: #343434 !important;
  cursor: pointer !important;
}

.modal-product-list .modal-list-product:hover .modal-list-product-info span {
  color: white !important;
}

.modal-product-list .modal-list-product:nth-child(4n+1), .modal-product-list .modal-list-product:nth-child(4n+0) {
  background-color: #dbdbdb;
}

.modal-product-list .modal-list-product-image {
  display: inline-block;
  width: 30%;
  vertical-align: middle;
}

.modal-product-list .modal-list-product-image img {
  width: 50px;
  height: 50px;
  display: block;
  margin: 0 auto;
}

.modal-product-list .modal-list-product-info {
  display: inline-block;
  width: 70%;
  font-size: 18px;
  vertical-align: middle;
}

.modal-product-list .modal-list-product-info span {
  display: block;
  color: #101010;
  font-family: 'Blender';
  font-weight: bold;
  text-transform: uppercase;
}
.modal-product-list .modal-list-product-info span .subtitle {
  font-size: 12px;
  font-weight: 100;
  font-family: sans-serif;
  margin-bottom: 6px;
  font-weight: 400;
}

/*# sourceMappingURL=style.css.map */
.landing{
  background-color: white;
}
.landing .que-es-container{
  background: url("../images/bg-middle.jpg") repeat center top;
}
.landing .que-es{
  max-width: 1140px;
  width: 100%;
  margin: 0 auto;
  padding: 73px 0 65px 0;
}
.landing .que-es h3{
  font-size: 28px;
  font-family: 'UnitedSansRegStencil';
}
.landing .que-es h3:after{
  content: "";
  clear: both;
  display: block;
  width: 36px;
  height: 7px;
  background-color: #b92a1f;
  margin: 30px 0;
}
.landing .que-es p{
  font-family: 'Blender';
  font-size: 26px;
}
.ver-mas{
  display: block;
  background-color: #b92a1f;
  font-family: 'Helvetica';
  font-size: 14px;
  line-height: 32px;
  width: 120px;
  text-align: center;
  color: #FFF;
  text-decoration: none;
  margin: 32px 0 0 0;
}
.ver-mas:hover{
  color: #FFF;
}
.landing .tips{
  padding: 65px 0 0 0;
}
.landing .tips .container{
  width: 100%;
  max-width: 1140px;
}
.landing .tips h2{
  margin: 0;
  padding: 0;
  color: #b92a1f;
  font-size: 24px;
  font-family: 'UnitedSansRegStencil';
}
.landing .noticias{
  padding: 0 0 150px 0;
}
.landing .noticias h2{
  margin: 65px 0;
  padding: 0;
  color: #b92a1f;
  font-size: 24px;
  font-family: 'UnitedSansRegStencil';
}
.landing .noticias .fecha span{
  display: block;
  font-size: 13px;
  font-family: 'Helvetica';
  line-height: 21px;
  padding: 0 0 0 28px;
  background: url("../images/calendar.jpg") no-repeat left top;
  margin: 40px 0 0 0;
}
.landing .noticias .contenido h3{
  font-family: 'Helvetica';
  font-size: 24px;
  color: #000;
  font-weight: bold;
  margin: 10px 0 0 0;
}
.landing .noticias .contenido p{
  font-family: 'Helvetica';
  font-size: 20px;
  color: #1b1b1b;
  margin: 30px 0 0 0;
}
.carousel-noticias{
  width: 100%;
  max-width: 1140px;
}
.block-videotips-list-home .owl-nav{
  display: none;
}
.block-videotips-list-home .owl-dots{
  margin: 20px auto
}
@media screen and (max-width: 575px) {
  .mobile-col{
    margin: 50px 0 0 0;
  }
}
@media screen and (max-width: 991px) {
  .landing .noticias .contenido h3{
    font-size: 18px;
  }
  .landing .noticias .contenido p{
    font-size: 14px;
  }
  .landing .noticias .fecha span{
    margin: 0;
  }
}
#carousel-landing-maestro .carousel-inside .carousel-inner-image.slide-1 {
  background-image: url("../images/image-slide-2.jpg")!important;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.footer-landing-maestro .btnfb{
  display: inline-block;
  margin: 3px 0 0 0;
}
.img-noticia img{
  width: 100%;
  height: auto;
}
.block-videotips-list-home .project-list-item .btnfb{
  width: 101px;
  float: left;
  display: block;
}

.noticias .btnfb{
  width: 101px;
  float: left;
  display: block;
  margin: 20px 0 0 0;
}

.block-videotips-list-home-nav {
  display: flex;
  justify-content: space-between;
}

.block-videotips-list-home-nav .button {
  cursor: pointer;
}

.block-videotips-list-home-nav .right {
  transform: rotate(180deg);
}
.block-modal .share{
  width: 100%;
  max-width: 160px;
  margin: 20px auto 0 auto;
  text-align: center;
}
.block-modal .share .txt{
  font-family: 'UnitedSansRegStencil';
  font-size: 23px;
  color: #b92a1f;
  margin: 0;
}
.block-modal .share .icons{
  margin: 10px 0 0 0;
}
.block-modal .share .fb{
  width: 46px;
  display: inline-block;
  float: left;
  margin: 0 10px 0 27px;
}
.block-modal .share .tw{
  width: 46px;
  display: inline-block;
  float: left;
  margin: 0 10px 0 0;
}
.block-modal .share .mail{
  width: 46px;
  display: inline-block;
  float: left;
  margin: 0 0 0 0;
}
.block-modal .share .fb img, .block-modal .share .tw img, .block-modal .share .mail img{
  width: 100%;
  height: auto;
}
#modal-video-maestro .modal-video-inside,
#modal-video-maestro-two .modal-video-inside,
#modal-video-maestro-three .modal-video-inside
 {
  width: 80%!important;
  height: 80!important;
  left: 10%!important;
  top: 10%!important;
  margin: 0!important;
  padding: 0!important;
  transform: perspective(1px) translate(0, 0);
}
#modal-video-maestro .modal-video-inside,
#modal-video-maestro-two .modal-video-inside,
#modal-video-maestro-three .modal-video-inside
{
  height: 80%!important;
}
#modal-video-maestro .modal-video-inside iframe,
#modal-video-maestro-two .modal-video-inside iframe,
#modal-video-maestro-three .modal-video-inside iframe
{
  width: 100%!important;
  height: 100%!important;
}