@charset "UTF-8";
/* DIVANO CSS Document */
* {
  margin: 0;
  padding: 0;
}
html {
  height: 100%;
}
body {
  height: 100%;
  font-family: "museo-sans", sans-serif;
  font-size: 14px;
  background-color: #000000;
}
h1 {
  text-transform: uppercase;
}
footer {
  margin-top: 4% !important;
  clear: both !important;
  text-align: center;
  color: rgba(255, 255, 255, 0.6);
  font-weight: 300;
  font-size: 80%;
  margin-bottom: 1%;
}
footer strong {
  font-weight: 500;
  color: rgba(255, 255, 255, 1.0);
}
iframe {
  padding: 0 !important;
  margin: 0 !important;
  display: inline-flex !important;
}
a title {
  text-transform: uppercase !important;
}
/*LAYOUT DIVANO*/
.full {
  position: absolute;
  top: -18px !important;
  left: 0;
  width: 100%;
  height: 100%;
}
.top {
  width: 100%;
  height: 120px;
  position: fixed;
  z-index: 99999;
  top: 0;
  /*background-color: rgba(0,0,0,0.1);*/
  display: inline-block;
}
.topSmall {
  width: 100%;
  height: 60px;
  display: none;
  position: fixed;
  z-index: 9999999;
  top: 0;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
}
.topLogoIco {
  clear: both;
  width: 10%;
  float: left;
  margin-left: 1%;
}
.topLogoIco img {
  max-height: 60px !important;
}
.topLogo {
  clear: both;
  width: 10%;
  float: left;
  margin-left: 1%;
}
.topLogo img {
  max-height: 120px !important;
}
.topMenu {
  float: right;
  margin-right: 1%;
  width: 88%;
}
.topMenu strong {
  font-weight: 700;
}
.topLang {
  width: 98%;
  float: left;
  text-align: right;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.9);
  padding-right: 4%;
  padding-top: 1%;
  font-size: 90%;
}
.topLang a {
  color: rgba(255, 255, 255, 1.0);
  text-decoration: none;
  padding: 4px;
  font-weight: 700;
  display: inline-block;
}
.topLang a:hover {
  color: rgba(255, 255, 255, 1.0);
  background-color: rgba(185, 24, 0, 1.0);
  border-radius: 4px;
  font-weight: 700;
  text-shadow: none !important;
}
.topButtons, .topButtonsIco {
  width: 100%;
  float: left;
}
.topButtons ul, .topButtonsIco ul {
  display: inline-block;
  width: 100%;
  top: 36px;
  position: relative;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.9);
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
}
.topButtonsIco ul {
  top: 22px;
}
.topButtons li, .topButtonsIco li {
  float: left;
  width: calc(72%/5);
  list-style: none;
  text-align: center;
  display: inline-block;
}
.topButtons a, .topButtonsIco a {
  color: rgba(255, 255, 255, 1.0);
  text-decoration: none;
  padding: 4px;
  font-weight: 700;
}
.topButtons a:hover, .topButtonsIco a:hover {
  color: rgba(255, 255, 255, 1.0);
  background-color: rgba(185, 24, 0, 1.0);
  border-radius: 4px;
  font-weight: 700;
  text-shadow: none !important;
}
/* Botones Redes Sociales - Top*/
.social {
  display: inline-block;
  float: left;
  text-transform: uppercase;
}
.fb, .ig, .pn, .yt {
  float: left;
  margin-left: 3%;
  position: relative;
  top: -3px;
}
.fb a, .fbSolid a {
  background-image: url(../images/fb.svg);
  width: 20px;
  height: 20px;
  line-height: 20px;
  background-size: 20px;
  background-repeat: no-repeat;
  display: inline-block;
  padding: 0 !important;
  background-color: transparent !important;
}
.fbSolid a {
  background-image: url(../images/fb_black.svg);
}
.fb a:hover, .fbSolid a:hover {
  background-image: url(../images/fb_up.svg);
  width: 20px;
  height: 20px;
  line-height: 20px;
  background-size: 20px;
  background-repeat: no-repeat;
  display: inline-block;
  padding: 0 !important;
  background-color: transparent !important;
}
.ig a, .igSolid a {
  background-image: url(../images/ig.svg);
  width: 20px;
  height: 20px;
  line-height: 20px;
  background-size: 20px;
  background-repeat: no-repeat;
  display: inline-block;
  padding: 0 !important;
  background-color: transparent !important;
}
.igSolid a {
  background-image: url(../images/ig_black.svg);
}
.ig a:hover, .igSolid:hover {
  background-image: url(../images/ig_up.svg);
  width: 20px;
  height: 20px;
  line-height: 20px;
  background-size: 20px;
  background-repeat: no-repeat;
  display: inline-block;
  padding: 0 !important;
  background-color: transparent !important;
}
.pn a, .pnSolid a {
  background-image: url(../images/pn.svg);
  width: 20px;
  height: 20px;
  line-height: 20px;
  background-size: 20px;
  background-repeat: no-repeat;
  display: inline-block;
  padding: 0 !important;
  background-color: transparent !important;
}
.pnSolid a {
  background-image: url("../images/pn_black.svg");
}
.pn a:hover, .pnSolid a:hover {
  background-image: url(../images/pn_up.svg);
  width: 20px;
  height: 20px;
  line-height: 20px;
  background-size: 20px;
  background-repeat: no-repeat;
  display: inline-block;
  padding: 0 !important;
  background-color: transparent !important;
}
.yt a, .ytSolid a {
  background-image: url(../images/yt.svg);
  width: 50px;
  height: 20px;
  line-height: 20px;
  background-size: 48px;
  background-repeat: no-repeat;
  display: inline-block;
  padding: 0 !important;
  background-color: transparent !important;
}
.ytSolid a {
  background-image: url(../images/yt_black.svg);
}
.yt a:hover, .ytSolid a:hover {
  background-image: url(../images/yt_up.svg);
  width: 50px;
  height: 20px;
  line-height: 20px;
  background-size: 48px;
  background-repeat: no-repeat;
  display: inline-block;
  padding: 0 !important;
  background-color: transparent !important;
}
.lastLi {
  width: 25% !important;
  float: right !important;
}
/*Caja Texto Slides*/
.slideBox {
  background-color: rgba(0, 0, 0, 0.0);
  position: relative;
  top: 45% !important;
  color: rgba(255, 255, 255, 1.0);
  line-height: 220% !important;
  width: 96%;
  margin-left:auto;
  margin-right: auto;
  display: block;
}
.slideBox h1 {
  font-weight: 700 !important;
  text-transform: uppercase;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
  font-size: 250%;
  line-height: 125%;
  letter-spacing: 2px;
  margin-bottom: 2%;
  text-align: center;
}
.slideBox h2 {
  text-align: center;
  font-size: 175%;
  font-weight: 300;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 1%;
}
.slideBox p {
  font-weight: 300 !important;
  max-width: 560px;
  margin: auto;
}
.slideBox a {
  color: rgba(255, 255, 255, 1.0);
  padding: 4px;
  padding-left: 2.5%;
  padding-right: 2.5%;
  font-weight: 700;
  text-decoration: none;
  /*text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);*/
  background-color: rgba(185, 24, 0, 1.0);
  text-transform: uppercase;
  letter-spacing: 2px;
  text-align: center;
  font-size: 120%;
  display: block;
  width: 34%;
  margin-left: 33%;
  margin-right: 33%;
  margin-top: 48px
}
.slideBox a:hover {
  background-color: rgba(0, 0, 0, 1.0);
  color: #FFFFFF;
  padding-left: 1%;
  padding-right: 2.5%;
  text-shadow: none !important;
}
/* MENÚ Versión Móvil */
.close {
  position: absolute;
  top: 8px;
  right: 12px;
  text-align: right;
  margin-top: 4px !important;
  margin-bottom: 4px !important;
}
.close a {
  width: 30px;
  height: 30px;
  line-height: 30px;
  display: inline-block;
  text-decoration: none;
  background-image: url(../images/close.svg);
  background-size: 30px;
  background-repeat: no-repeat;
  background-position: 0;
  padding: 0 !important;
  cursor: pointer;
  margin-right: 4px !important;
}
.close a:hover {
  width: 30px;
  height: 30px;
  line-height: 30px;
  display: inline-block;
  text-decoration: none;
  background-image: url(../images/close_up.svg);
  background-size: 30px;
  background-repeat: no-repeat;
  background-position: 0;
  background-color: transparent !important;
  padding: 0 !important;
}
.menuM, .menuMIco {
  display: none;
}
.menuM a, .menuMIco a {
  width: 30px;
  height: 30px;
  line-height: 30px;
  display: inline-block;
  text-decoration: none;
  background-image: url(../images/menu.svg);
  background-size: 30px;
  background-repeat: no-repeat;
  background-position: 0;
  padding: 0 !important;
  cursor: pointer;
  margin-right: 4px !important;
}
.menuM a:hover, .menuMIco a:hover {
  width: 30px;
  height: 30px;
  line-height: 30px;
  display: inline-block;
  text-decoration: none;
  background-image: url(../images/menu_up.svg);
  background-size: 30px;
  background-repeat: no-repeat;
  background-position: 0;
  background-color: transparent !important;
  padding: 0 !important;
}
.menuMovil {
  position: fixed;
  width: 96%;
  padding: 2%;
  background-image: url("../slides/bkg01_movil.jpg") !important;
  background-size: cover;
  display: none;
  top: 0;
  left: 0;
  height: 100% !important;
  z-index: 99999999;
}
.menuMovil hr {
  margin: 0;
  padding: 0;
  width: 86%;
  margin-left: 7%;
  margin-right: 7%;
  margin-top: 2% !important;
  margin-bottom: 2% !important;
  border: none !important;
  border-bottom: 1px dotted #ffffff !important;
}
/*Content DIVANO Layout*/
/******* CONTENT  **********/
.content {
  width: 98%;
  max-width: 1280px;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-top: 160px;
}
.content strong {
  color: rgba(255, 255, 255, 1.00) !important;
}
.content hr {
  clear: both !important;
  border: none;
  width: 100%;
  margin-top: 2%;
  border-bottom: solid 1px rgba(0, 0, 0, 0.4);
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2%;
}
.content a {
  font-weight: 600;
  color: rgba(185, 24, 0, 1.0) !important;
  text-decoration: none;
  padding: 4px;
}
.content a:hover {
  font-weight: 600;
  background-color: rgba(185, 24, 0, 1.0);
  color: #ffffff !important;
  text-decoration: none;
  padding: 4px;
  border-radius: 4px;
}
.products {
  margin-bottom: 2%;
  max-width: 1280px !important;
  height: 440px !important;
  width: 96% !important;
  margin-left: 2% !important;
  margin-right: 2% !important;
  float: none !important;
}
.proyects {
  margin-top: 160px;
  margin-bottom: 0.1% !important;
  max-width: 1980px !important;
  /*height: 538px !important;*/
  height: 620px !important;
  width: 100% !important;
  float: none !important;
  margin-left: auto;
  margin-right: auto;
}
.products a {
  display: block !important;
  height: 100% !important;
  padding: 0 !important;
}
.products a:hover {
  display: block !important;
  height: 100% !important;
  background-color: rgba(0, 0, 0, 0.2);
}
.pname {
  /*background-color: rgba(0,0,0,0.3);*/
  position: absolute;
  top: 88% !important;
  left: 0;
  width: 100%;
  color: rgba(255, 255, 255, 1.0);
  line-height: 100% !important;
  opacity: 1;
  z-index: 999999 !important;
  box-sizing: border-box;
  height: 8%;
  display: block;
}
.pname h1, .pname p {
  padding-top: 1%;
  font-size: 120% !important;
  font-weight: 700 !important;
  text-transform: uppercase;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
}
.pname p {
  font-size: 110% !important;
}
.content img {
  margin-bottom: 2%;
  max-width: 1280px !important;
  width: 96% !important;
  margin-left: 2% !important;
  margin-right: 2% !important;
  float: none !important;
}
.content p {
  margin-bottom: 2.5%;
  line-height: 150%;
  font-weight: 400;
  font-size: 98%;
}
.content h1 {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 200%;
  color: #FFFFFF;
  margin-bottom: 2%;
  margin-left: 2%;
  /*text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25) !important;*/
}
.content h2 {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 125%;
  border-bottom: solid 1px rgba(255, 255, 255, 0.4);
  width: 100%;
  margin-bottom: 4%;
  padding-bottom: 2%;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
  text-align: left !important;
}
/******* CONTENT A **********/
.contentA, .contentH {
  width: 66%;
  margin-left: 1%;
  margin-right: 1%;
  float: left;
  padding: 1%;
  color: rgba(0, 0, 0, 1.00) !important;
  align-content: stretch;
  margin-top: 1%;
  text-align: justify;
  -moz-text-align-last: left; /* Code for Firefox */
  text-align-last: left;
  box-sizing: border-box;
}
.contentH {
  width: 46% !important;
}
.contentA a, .contentH a {
  display: inline-block;
  color: rgba(0, 0, 0, 1.0) !important;
  /*text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);*/
}
.contentA a:hover, .contentH a:hover {
  font-weight: 500;
  color: rgba(185, 24, 0, 1.0) !important;
  text-decoration: none;
  border-radius: 4px;
}
.socio a {
  width: 80% !important;
  margin-left: 10%;
  margin-right: 10%;
}
.contentA h3, .contentH h3 {
  clear: both !important;
  text-align: left !important;
}
.contentA ul, .contentH ul {
  margin-bottom: 1% !important;
  padding-bottom: 1%;
  margin-right: 4%;
}
.contentA li, .contentH li {
  position: relative !important;
  margin-left: 4% !important;
  margin-top: 2% !important;
  margin-bottom: 2% !important;
  line-height: 150%;
  font-weight: 100 !important;
  float: none !important;
  display: list-item !important;
}
.contentA strong, .contentH strong {
  color: rgba(0, 0, 0, 1.00) !important;
}
/******* CONTENT B **********/
.contentB {
  width: 30%;
  margin-left: 1%;
  margin-right: 1%;
  float: left;
  padding: 1%;
  color: rgba(255, 255, 255, 1.0);
  align-content: stretch;
  margin-top: 1%;
  text-align: justify;
  -moz-text-align-last: left; /* Code for Firefox */
  text-align-last: left;
  box-sizing: border-box;
  text-transform: uppercase;
}
.contentB a {
  color: rgba(0, 0, 0, 1.0) !important;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}
.contentB a:hover {
  font-weight: 500;
  color: #ffffff !important;
  background-color: rgba(185, 24, 0, 1.0);
  text-decoration: none;
  border-radius: 4px !important;
}
.contentB ul {
  margin-bottom: 4% !important;
  padding-bottom: 4%;
}
.contentB li {
  list-style: disc !important;
  visibility: visible !important;
  -webkit-backface-visibility: visible !important;
  position: relative !important;
  float: none !important;
  display: list-item !important;
  margin-left: 4%;
  margin-bottom: 4%;
  margin-top: 4% !important;
  color: rgba(185, 24, 0, 1.0) !important;
  line-height: 180%;
  text-align: left;
}
/******* CONTENT C **********/
.contentC {
  width: 100%;
  max-width: 1280px;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-top: 120px !important;
  height: 100%;
}
.contentC p {
  margin-bottom: 2.5%;
  line-height: 180%;
  font-weight: 300;
  font-size: 98%;
}
.contentC strong {
  color: rgba(255, 255, 255, 1.0);
}
.contentC h1 {
  text-transform: uppercase;
  font-weight: 500;
  font-size: 200%;
  color: #FFFFFF;
  margin-bottom: 2%;
  margin-left: 2%;
}
.contentC h2 {
  text-transform: uppercase;
  font-weight: 500;
  font-size: 125% !important;
  border-bottom: solid 1px rgba(255, 255, 255, 0.4);
  width: 100%;
  margin-bottom: 4%;
  padding-bottom: 2%;
}
.contentC a {
  font-weight: 500;
  color: rgba(185, 24, 0, 1.0) !important;
  text-decoration: none;
  padding: 4px;
}
.contentC a:hover {
  font-weight: 500;
  background-color: rgba(185, 24, 0, 1.0);
  color: #ffffff !important;
  text-decoration: none;
  padding: 4px;
  border-radius: 4px;
}
.contentC hr {
  border: none;
  width: 100%;
  margin-top: 4%;
  border-bottom: solid 1px rgba(255, 255, 255, 0.4);
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 4%;
}
.contentC img {
  margin-bottom: 4%;
}
/******* CONTENT P **********/
.contentP {
  width: 98%;
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 1280px;
  margin-top: 160px;
}
.contentP h1 {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 200%;
  color: #FFFFFF;
  margin-bottom: 0;
  margin-left: 2.5%;
  padding-left: 1%;
  text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
}
.contentP2 {
  width: 100%;
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 1280px;
  margin-top: 24px;
  margin-bottom: 24px;
  display: block;
  min-height: 220px;
}
.contentP2 h1 {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 200%;
  color: #FFFFFF;
  margin-bottom: 0;
  margin-left: 2.5%;
  padding-left: 1%;
  text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
}
/******* COLUMNS **********/
.w25 {
  width: 22%;
  float: left;
  margin: 1.5%;
}
.w75 {
  width: 71%;
  float: left;
  margin-left: 1.5%;
  padding-left: 1%;
}
.w75 p {
  margin-bottom: 1%;
}
.w25 h1 {
  color: #FFFFFF;
  text-transform: uppercase;
  margin-bottom: 4%;
  font-size: 150%;
}
.w25 p, .w25 label {
  color: rgba(255, 255, 255, 0.75);
  line-height: 150%;
  text-transform: uppercase;
  margin-left: 2%;
  margin-bottom: 3%;
}
.w25 label {
  clear: both;
  margin-bottom: 2% !important;
}
.w25 a {
  color: rgba(255, 255, 255, 0.75);
  font-weight: 300;
}
.w25 input {
  height: 24px;
  font-size: 120%;
  margin-bottom: 4% !important;
  margin-top: 4% !important;
}
.w33, .w50 {
  width: 32%;
  float: left;
  margin: 0.5%;
  text-align: center;
}
.w50 {
  width: 48%;
  margin-bottom: 6% !important;
  text-align: left !important;
}
.w50 h2 {
  border-bottom-color: #000000 !important;
  border-bottom-style: dotted;
}
.w33 a, .w50 a {
  display: inline-block;
  color: rgba(185, 24, 0, 1.0) !important;
  text-shadow: none;
  font-weight: 600;
}
.w50 a:hover {
  font-weight: 600;
}
.w50 a {}
.w33 img, .w50 img {
  width: 100%;
  max-width: 250px;
  -webkit-box-shadow: 0px 6px 6px -1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 6px 6px -1px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 6px 6px -1px rgba(0, 0, 0, 0.2);
}
.w33 {
  min-height: 414px;
}
.h50 {
  width: 98%;
  /*height: 49% !important;*/
  clear: both;
  padding: 1%;
}
.h50 hr {
  border-bottom-color: rgba(255, 255, 255, 0.4);
  border-bottom-style: dotted;
}
.h50 a {
  color: rgba(255, 255, 255, 0.75) !important;
  font-weight: normal !important;
}
#instafeed {
  text-align: center;
}
#instafeed a {
  display: inline-block;
}
.pisos {
  clear: both;
  width: 96%;
  height: 100%;
  margin-bottom: 30px !important;
  max-width: 1280px;
  margin-left: 2%;
  margin-right: 2%;
  box-sizing: border-box;
  min-height: 300px;
}
.pisos2 {
  clear: both;
  width: 100%;
  height: 100%;
  margin-bottom: 30px !important;
  max-width: 1280px;
  box-sizing: border-box;
}
.galeria {
  opacity: 1.0;
}
.col {
  flex: 1;
  padding: 2%;
  cursor: pointer;
  box-sizing: border-box;
  height: 100%;
  -webkit-box-shadow: 0px 6px 6px -1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 6px 6px -1px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 6px 6px -1px rgba(0, 0, 0, 0.2);
}
.colTxt {
  flex: 1;
  padding: 2%;
  cursor: pointer;
  box-sizing: content-box;
  margin-left: 1%;
  margin-right: 1%;
  height: 100% !important;
  -webkit-box-shadow: 0px 6px 6px -1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 6px 6px -1px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 6px 6px -1px rgba(0, 0, 0, 0.2);
  transform: scale(1.0);
}
.colTxt:hover {
  transform: scale(1.05);
}
.colTxt a {
  display: block !important;
  width: 100%;
  min-height: 80px;
  height: 100%;
  padding: 0 !important;
}
.colTxt a:hover {
  background-color: transparent !important;
  display: block !important;
}
.colTxt h3 {
  color: #FFFFFF;
  font-size: 85%;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
  display: block !important;
}
.colI {
  flex: 1;
  padding: 2%;
  cursor: pointer;
}
.flex-grid-thirds {
  -webkit-transition: scale 1s; /* Safari */
  transition: scale 1s;
  display: flex;
  justify-content: space-between;
  height: 100%;
  box-sizing: border-box;
  margin-bottom: 2%;
  margin-top: 2%;
}
.flex-grid-thirds .col {
  width: 32.3333%;
  margin: 1%;
}
.col:hover {
  transform: scale(1.025);
}
.colI:hover {
  transform: scale(1.025);
}
.flex-grid-thirds .colI {
  width: 20%;
  margin: 0.5%;
  float: left !important;
}
.flex-grid-thirds .col h1 {
  color: rgba(255, 255, 255, 1.0);
  text-shadow: 1px 1px 1px rgba(0, 0, 2, 0.7);
  position: relative;
  top: 65% !important;
  font-size: 160%;
  font-weight: 600 !important;
}
.flex-grid-thirds .col h1:hover, .flex-grid-thirds .col p:hover {
  transform: scale(1.0) !important;
}
#instafeed a:hover {
  background-color: transparent !important;
}
#instafeed img {
  min-width: 220px;
  margin: 4%;
  -webkit-box-shadow: 0px 6px 6px -1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 6px 6px -1px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 6px 6px -1px rgba(0, 0, 0, 0.2);
  flex: 1;
  padding: 0;
  cursor: pointer;
}
/*DIVANO Styles*/
.clear {
  clear: both !important;
  height: 2px;
}
.shadow {
  -webkit-box-shadow: 0px 3px 6px -1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 3px 6px -1px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 3px 6px -1px rgba(0, 0, 0, 0.2);
}
.dark {
  color: rgba(0, 0, 0, 1.00) !important;
  margin-bottom: 2%;
}
.share {
  clear: both;
  margin-top: 2%;
  width: 20%;
  float: right;
}
.share a {
  font-weight: 500;
  color: #000000 !important;
  text-decoration: none;
  padding: 4px;
}
.share img {
  max-width: 24px !important;
  float: right !important;
  margin-left: 1.2%;
}
.seals {
  width: 96%;
  margin-left: 2% !important;
  margin-right: 2% !important;
  margin-bottom: 4% !important;
}
.seals h2 {
  font-size: 125%;
  margin-bottom: 0.1% !important;
}
.seals2 {
  width: 90%;
  margin-left: 5% !important;
  margin-right: 5% !important;
  margin-bottom: 4% !important;
}
.seals a {
  display: block !important;
  float: left !important;
  max-width: 94px !important;
}
.seals2 a {
  display: block !important;
  float: right !important;
  max-width: 180px !important;
}
.seals img {
  text-align: center !important;
  max-height: 200px !important;
  min-height: 100px !important
}
.seals2 img {
  text-align: center !important;
  max-height: 100px !important;
  min-height: 100px !important
}
.wseal {
  opacity: 0.6 !important;
  text-align: right !important;
  margin-bottom: 2% !important;
}
.follow {
  opacity: 0.75;
  line-height: 48px !important;
}
.aDown {
  position: absolute !important;
  top: 94.5%;
  color: #FFFFFF;
  z-index: 999999;
  width: 36px !important;
  left: 49% !important;
}
.aUP {
  position: absolute !important;
  top: 10%;
  color: #FFFFFF;
  z-index: 999999;
  width: 36px !important;
  left: 49% !important;
}
.aDown a {
  width: 48px;
  height: 48px;
  line-height: 48px;
  display: inline-block;
  text-decoration: none;
  background-image: url(../images/down.svg);
  background-size: 48px;
  background-repeat: no-repeat;
  background-position: 0;
  padding: 0 !important;
  cursor: pointer;
  text-align: center;
}
.aUP a {
  width: 48px;
  height: 48px;
  line-height: 48px;
  display: inline-block;
  text-decoration: none;
  background-image: url(../images/up.svg);
  background-size: 48px;
  background-repeat: no-repeat;
  background-position: 0;
  padding: 0 !important;
  cursor: pointer;
  text-align: center;
}
.aDown a:hover, .aUP a:hover {
  width: 48px;
  height: 48px;
  line-height: 48px;
  display: inline-block;
  text-decoration: none;
  background-image: url(../images/down_up.svg);
  background-size: 48px;
  background-repeat: no-repeat;
  background-position: 0;
  padding: 0 !important;
  cursor: pointer;
  text-align: center;
  position: relative;
  left: -2px;
  top: -2px;
  background-color: transparent !important;
}
.aUP a:hover {
  background-image: url(../images/up_up.svg) !important;
}
.socialMenu {
  clear: both;
  width: 96%;
  margin-left: 2%;
  margin-right: 2%;
  padding-top: 8% !important;
}
.pMaci a, .pEstr a, .pLami a, .pVint a, .pVini a, .pDeck a, .pDesign a, .pMaci2 a, .pEstr2 a, .pLami2 a, .pVint2 a, .pVini2 a, .pDeck2 a, .pDesign2 a, .pFre a, .pGri a, .pPap a, .pFur a, .pFre2024 a, .wCov a {
  display: block !important;
  text-decoration: none !important;
  width: 100% !important;
}
.map, .video {
  clear: both !important;
  display: block !important;
  margin-top: 2%;
  box-sizing: content-box;
  margin-right: 2%;
  -webkit-box-shadow: 0px 6px 6px -1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 6px 6px -1px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 6px 6px -1px rgba(0, 0, 0, 0.2);
  margin-bottom: 4%;
}
.video {
  flex: 1;
  width: 32.3333%;
  box-sizing: border-box;
  padding: 0 !important;
  height: 100% !important;
  margin: 0.5% !important;
  display: inline-flex !important;
}
.map iframe, .video iframe {
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
}
.foto img {
  max-width: 580px !important;
  clear: both;
  margin-bottom: 6% !important;
  margin-left: 20% !important;
  width: 60% !important;
}
.white {
  color: rgba(255, 255, 255, 1.0) !important;
}
.left img {
  width: 98% !important;
  margin-right: 2%;
  margin-bottom: 2%;
  max-width: 175px !important;
  float: left !important;
}
.terms {
  padding: 4%;
}
.terms h1 {
  margin-left: 0;
}
.terms strong {
  color: #000000 !important;
  font-weight: 800;
}
.terms ul li {
  display: list-item !important;
  position: relative !important;
}
.terms li {
  margin-bottom: 2% !important;
  margin-left: 4%;
}
.hey {
  color: rgb(185, 24, 0) !important;
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
  font-size: 125% !important;
  text-align: center !important;
  line-height: 22px;
}
#front, #products {
  height: 100% !important;
}
.off {
  display: none !important;
}
.socio {
  width: 100%;
  display: inline-block !important;
}
.socio a:hover {
  background-color: transparent !important;
}
.socio img {
  float: left !important;
  max-width: 160px !important;
  margin-right: 2% !important;
  width: 98% !important;
}
.orange {
  background-color: rgba(0, 0, 0, 0.3) !important;
  border-radius: 2px;
  padding: 0.33%;
}
.call {
  background-image: url("../images/contact.svg");
  box-sizing: content-box;
  padding-top: 4%;
  padding-left: 4%;
  background-size: cover;
}
.call a {
  color: #FFFFFF !important;
  font-size: 100% !important;
  text-transform: none !important;
}
.call a:hover {
  background-color: rgba(0, 0, 0, 0.75) !important;
}
.friendly {
  position: absolute;
  top: 6px;
  left: 80%;
}
.friendly img {
  width: 120% !important;
  max-width: 200px !important;
}
a:hover#mml {
  background-color: transparent !important;
}
/*MAILCHIMP*/
#mc_embed_signup {
  clear: left;
  font: 14px;
}
#mc_embed_signup .button {
  background-color: rgba(185, 24, 0, 1.0) !important;
  color: rgba(255, 255, 255, 1.0);
  border: none;
  margin: 0 !important;
  padding: 0 !important;
  width: 120px !important;
  padding-left: 4% !important;
  padding-right: 4% !important;
  -webkit-appearance: none;
}
#mc_embed_signup .button:hover {
  background-color: rgba(0, 0, 0, 1.0) !important;
}
/*WUFOO*/
.wufoo {
  background-color: rgba(0, 0, 0, 0.0) !important;
  padding: 2% !important;
}
form.wufoo {
  background-color: rgba(0, 0, 0, 0.0) !important;
}
.wufoo form {
  background-color: rgba(0, 0, 0, 0.0) !important;
}
.embed body {
  background-color: transparent !important;
}
.bkgWhite {
  background-color: #FFFFFF !important;
}
.bkgGray {
  background-color: rgba(245, 245, 240, 1.0);
}
.negro {
  color: #000000 !important;
}
.negro a {
  color: #000000 !important;
}
.negro a:hover {
  color: #FFFFFF !important;
}
.negro strong {
  color: #000000;
}
.noShadow {
  text-shadow: none !important;
}
.center {
  text-align: center;
}
.proyectos {
  margin: 0 !important;
}
.proyectos h1, .proyectos h2, .proyectos h3, .proyectos h4, .proyectos p {
  text-align: center !important;
  color: rgba(0, 0, 0, 1.0);
  text-shadow: none !important;
  margin-left: 0 !important;
}
.proyectos h1 {
  font-size: 200%;
  font-weight: 600;
  margin-top: 4%;
  margin-bottom: 0;
}
.proyectos h3 {
  font-size: 150%;
  font-weight: 100;
  color: rgba(0, 0, 0, 0.5);
  margin-bottom: 4%;
}
.proyectos h4 {
  font-size: 125%;
  font-weight: 100;
  color: rgba(0, 0, 0, 0.5);
  margin-bottom: 4%;
}
.proyectos p {
  width: 100%;
  font-size: 100%;
  line-height: 160%;
}
.proyectos hr {
  clear: both !important;
  display: inline-block !important;
  margin: 0 !important;
  margin-top: 4% !important;
  margin-bottom: 4% !important;
  border-bottom: 2px solid rgba(185, 24, 0, 1.0) !important;
  width: 47.5% !important;
  margin-left: 26.25% !important;
}
.matrix {
  display: -ms-flexbox; /* IE10 */
  display: flex;
  -ms-flex-wrap: wrap; /* IE10 */
  flex-wrap: wrap;
  width: 80%;
  margin-left: 10%;
  margin-right: 10%;
  margin-bottom: 2% !important;
  margin-top: 2% !important;
}
.matrix a {
  padding: 1% !important;
  display: inline-block !important;
}
.matrix img {
  width: 100% !important;
  vertical-align: middle;
  border-style: none;
  margin: 0px !important;
}
.matrix a:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
.col3 {
  -ms-flex: 33.333333%; /* IE10 */
  flex: 33%.333333;
  max-width: 33.333333%;
}
figure {
  /*overflow: hidden;
max-height: 180px;*/
  margin-inline-start: 0px !important;
  margin-inline-end: 0px !important;
  text-align: center !important;
}
.col2 {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}
.d-block {
  display: block !important;
}
.legend {
  width: 60%;
  margin-left: 20%;
  margin-right: 20%;
  margin-bottom: 6% !important;
}
.legend p {
  text-align: left !important;
  /* background-color: rgba(105, 105, 105, 0.08);*/
  margin-bottom: 6%;
}
.legCol p {
  padding-left: 2%;
}
.wCol {
  width: 48%;
  text-align: left !important;
  display: inline-block;
  margin-left: 1%;
}
.wCol strong {
  color: #000000 !important;
}
.rojo {
  color: rgba(185, 24, 0, 1.0) !important;
}
.otros {
  display: inline-block;
  padding-bottom: 2% !important;
}
.otrosVideo {
  width: 96%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}
.otros h1, .otrosVideo h1 {
  text-align: left !important;
  font-size: 150%;
}
.otros h3, .otrosVideo h3 {
  text-align: left !important;
  font-size: 125%;
}
.otros a:hover, .otrosVideo a:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
.w50v {
  width: calc(100%/2);
  float: left;
  margin-bottom: 4%;
  box-sizing: border-box;
  padding: 1%;
}
.icon {
  width: 45px !important;
  float: left;
  margin-right: 4%;
  margin-bottom: 12%;
  align-content: middle;
  display: inline-block;
  position: relative;
  top: 8px;
}
.icon img {
  box-shadow: none !important;
}
.mtop {
  margin-top: 8% !important;
}
.prName {
  width: 70% !important;
  padding: 1%;
  margin: 0 !important;
  position: relative !important;
  top: 200px;
  left: 10%;
  display: none;
}
.proyects a {
  color: #FFFFFF !important;
  text-decoration: none !important;
}
.prName h1 {
  font-size: 310%;
  font-weight: 400 !important;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
}
.prName h2 {
  color: rgba(255, 255, 255, 0.75);
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
}
.compartir {
  width: 30%;
  margin-left: 35%;
  margin-right: 35%;
  text-align: center;
}
.compartir a {
  color: rgba(120, 120, 120, 1.0);
  background-image: url("../images/share.svg");
  width: 55px;
  height: 55px;
  background-repeat: no-repeat;
  text-align: center !important;
  display: inline-block;
  margin-bottom: 2%
}
.compartir a:hover {
  background-color: transparent !important;
  background-image: url("../images/shareUp.svg");
}
.float {
  position: fixed;
  width: 60px;
  height: 60px;
  bottom: 40px;
  right: 40px;
  background-color: #25d366;
  color: #FFF;
  border-radius: 50px;
  text-align: center;
  font-size: 30px;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
  z-index: 999999;
}
.my-float {
  margin-top: 16px;
}
footer a {
  color: #FFFFFF !important;
}
.legCol {
  text-transform: uppercase;
}
.third {
  flex-basis: 33% !important;
}
.hide {
  display: none;
}
#photos {
  /* Prevent vertical gaps */
  line-height: 0;
  -webkit-column-count: 3;
  -webkit-column-gap: 0px;
  -moz-column-count: 3;
  -moz-column-gap: 0px;
  column-count: 3;
  column-gap: 0px;
}
#photos img {
  /* Just in case there are inline attributes */
  width: 100% !important;
  height: auto !important;
}
.building {
  background-image: url("../images/showroom_building.jpg") !important;
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}
.building h3 {
  color: #FFFFFF;
  letter-spacing: 1.5px;
  text-align: center;
  margin-top: 2%;
  font-weight: 600;
  font-size: 180%;
}
.building h4 {
  color: #FFFFFF;
  letter-spacing: 1.2px;
  text-align: center;
  font-weight: 600;
  font-size: 80%;
}
.building h2 {
  color: #FFFFFF;
  letter-spacing: 1.5px;
  text-align: center;
  margin-top: 2%;
  font-weight: 300;
}
.notice {
  display: block;
  box-sizing: border-box;
  width: 60%;
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0.5%;
  background: linear-gradient(61deg, rgba(155, 57, 141, 0.9023984593837535) 0%, rgba(54, 50, 143, 0.8547794117647058) 100%);
  background-size: 100%;
  background-position: top;
  padding: 4%;
  text-align: center;
}
.notice2 {
  display: block;
  padding: 1%;
  /*max-width: 280px;*/
  /*max-width: 1080px;*/
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.notice2 img {
  text-align: center;
  float: left;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.notice img {
  text-align: center;
  min-width: 80px;
  max-width: 140px;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  display: block;
  margin-bottom: 2%;
}
.building img {
  text-align: center;
  min-width: 80px;
  max-width: 140px;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  display: block;
  margin-bottom: 2%;
}
.notice h1 {
  color: rgba(255, 255, 255, 0.8);
  letter-spacing: 1px;
  font-weight: 400;
  font-size: 180%;
  text-align: center;
  margin-bottom: 4%;
  margin-top: 0;
  line-height: 150%;
}
.notice h1 strong {
  font-weight: 800;
}
.notice p {
  color: rgba(255, 255, 255, 0.8);
  font-size: 110%;
  line-height: 160%;
  margin-bottom: 4%;
  font-weight: 400;
  text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
}
.notice a {
  color: rgba(255, 255, 255, 1.0) !important;
  text-decoration: none;
}
.notice a:hover {
  background-color: rgba(185, 24, 0, 1.0) !important;
}
@media (max-width: 1200px) {
  #photos {
    -moz-column-count: 4;
    -webkit-column-count: 4;
    column-count: 4;
  }
}
@media (max-width: 1000px) {
  #photos {
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;
  }
}
@media (max-width: 800px) {
  #photos {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
  }
}
@media (max-width: 400px) {
  #photos {
    -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1;
  }
}
#frevini {
  display: inline-block;
  width: 100%;
  min-height: 100%;
  background-color: rgba(255, 255, 255, 1.0);
}
.w100 {
  width: 100%;
  max-width: 1280px;
  margin: auto;
}
.spacer {
  clear: both;
  width: 100%;
  height: 90px !important;
  display: block;
}
.freLogo img {
  max-width: 180px !important;
  width: 50% !important;
  margin: auto !important;
  display: block;
}
.freProd a {
  display: block;
  padding: 0 !important;
}
.freProd a:hover {
  background-color: transparent !important;
}
.freProd h3 {
  text-transform: uppercase;
  text-align: center;
}
.freProd img {
  padding: 0 !important;
  margin: 0 !important;
  margin-bottom: 4% !important;
  width: 96% !important;
  margin-left: 3% !important;
  box-sizing: border-box;
}
#fre01, #fre02, #fre03, #fre04, #fre05, #fre06, #fre07, #fre08, #fre09, #fre10, #fre11, #fre12, #fre13, #fre14, #fre15, #fre16, #fre17, #fre18, #fre19, #fre20, #fre21, #fre22, #fre23, #fre24, #fre25, #fre26, #fre27, #fre28, #fre29, #fre30, #fre31, #fre32, #fre33, #fre34, #fre35, #fre36, #fre37, #fre38, #fre39, #fre40, #fre41, #fre42, #fre43, #fre44, #fre45, #fre46, #fre47, #fre48, #fre49, #fre50 {
  cursor: pointer;
}
.freRot01, .freRot02, .freRot03, .freRot04, .freRot05, .freRot06, .freRot07, .freRot08 {
  /*display: none;*/
  transition-duration: .1s;
  transition: all;
}
.rotulo {
  width: 90%;
  margin: 5%;
  padding: 2%;
  padding-top: 2% !important;
  display: inline-block !important;
  box-sizing: border-box;
  height: 100%;
}
.rotulo img {
  width: 50% !important;
  float: left !important;
  margin-right: 6% !important;
}
.rotText {
  float: left;
  min-height: 100%;
}
.rotText strong {
  color: #000000 !important;
}
.rotText h1 {
  margin-top: 4%;
  font-size: 300%;
}
.rotText h2 {
  margin-bottom: 4%;
}
.rotText p {
  border-bottom: 1px #00000060 dotted;
  margin-bottom: 4%;
}
.tRight {
  text-align: right !important;
}
.crumbs {
  text-align: left;
  margin-left: 2%;
  font-size: 90%;
  color: #999999 !important;
}
.crumbs a {
  color: #999999 !important;
  font-weight: 100;
}
.crumbs a:hover {
  font-weight: 100;
}
.new {
  color: #FFFFFF;
  background-image: url("../images/bkg_new.svg");
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  font-weight: 700;
  width: 75px;
  height: 75px;
  line-height: 140%;
  text-align: center;
  left: 1%;
  top: 1%;
  font-size: 140%;
  display: block;
  transform: rotate(-30deg);
}
.new p {
  padding-top: 25px;
  text-align-last: center;
}
.pFre, .pPap, .pFur, .pFre2024, .wCov {
  position: relative;
}
.spacerh {
  height: 45px !important;
  width: 100%;
  display: block;
  clear: both;
}
.purple {
  font-weight: 600;
  color: #a93ea5 !important;
}
.purple a {
  color: #a93ea5 !important;
  left: -2px;
  position: relative;
}
.purple a:hover {
  background-color: #a93ea5 !important;
  left: -2px;
  position: relative;
}
.purple hr {
  border-bottom: solid 2px #a93ea5 !important;
}
.purple label {
  color: #000000;
}
.w1024 {
  max-width: 1024px;
  margin: auto;
}
.vassist {
  position: absolute;
  top: 260px;
  left: 7.5%;
}
.vassist a {
  background-image: url("../images/boton_01.svg");
  width: 120px;
  height: 120px;
  line-height: 120px;
  background-size: 120px;
  background-repeat: no-repeat;
  display: inline-block;
  padding: 0 !important;
  background-color: transparent !important;
  text-decoration: none !important;
}
.vassist a:hover {
  background-image: url("../images/boton_02.svg");
  width: 120px;
  height: 120px;
  line-height: 120px;
  background-size: 120px;
  background-repeat: no-repeat;
  display: inline-block;
  padding: 0 !important;
  background-color: transparent !important;
}
.vassistall {
  position: fixed;
  z-index: 999999;
  bottom: 38px;
  right: 120px;
}
.vassistall a {
  background-image: url("../images/boton_01.svg");
  width: 65px;
  height: 65px;
  line-height: 65px;
  background-size: 65px;
  background-repeat: no-repeat;
  display: inline-block;
  padding: 0 !important;
  background-color: transparent !important;
  text-decoration: none !important;
}
.vassistall a:hover {
  background-image: url("../images/boton_02.svg");
  width: 65px;
  height: 65px;
  line-height: 65px;
  background-size: 65px;
  background-repeat: no-repeat;
  display: inline-block;
  padding: 0 !important;
  background-color: transparent !important;
}
.vassistEng {
  position: absolute;
  top: 260px;
  left: 7.5%;
}
.vassistEng a {
  background-image: url("../images/boton_03.svg");
  width: 120px;
  height: 120px;
  line-height: 120px;
  background-size: 120px;
  background-repeat: no-repeat;
  display: inline-block;
  padding: 0 !important;
  background-color: transparent !important;
  text-decoration: none !important;
}
.vassistEng a:hover {
  background-image: url("../images/boton_04.svg");
  width: 120px;
  height: 120px;
  line-height: 120px;
  background-size: 120px;
  background-repeat: no-repeat;
  display: inline-block;
  padding: 0 !important;
  background-color: transparent !important;
}
.wuSS {
  position: absolute;
  top: 1344px;
  left: 7.5%;
}
.wuSS a {
  background-image: url("../images/wuSS01.svg");
  width: 120px;
  height: 120px;
  line-height: 120px;
  background-size: 120px;
  background-repeat: no-repeat;
  display: inline-block;
  padding: 0 !important;
  background-color: transparent !important;
  text-decoration: none !important;
}
.wuSS a:hover {
  background-image: url("../images/wuSS02.svg");
  width: 120px;
  height: 120px;
  line-height: 120px;
  background-size: 120px;
  background-repeat: no-repeat;
  display: inline-block;
  padding: 0 !important;
  background-color: transparent !important;
}
.ff-form .ff-submit-icon {
  display: inline;
  margin-top: 0;
  margin-right: 0;
  height: 20px !important;
  vertical-align: middle;
  width: 90px !important;
}
.new2 {
  color: #FFFFFF;
  background-image: url("../images/bkg_new.svg");
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  font-weight: 700;
  width: 96px;
  height: 96px;
  line-height: 100%;
  text-align: center;
  left: 2.5%;
  top: 15%;
  font-size: 200%;
  letter-spacing: 2px;
  display: block;
  transform: rotate(-30deg);
  z-index: 999;
}
.new2 p {
  padding-top: 35px;
}
.invert {
  float: left !important;
}
.inverted {
  float: right !important;
}
.vSpace {
  clear: both;
  height: 30px;
  display: block;
}
.novedad a:hover {
  background-color: transparent !important;
}
.w16 {
  width: calc(100%/3);
  box-sizing: border-box;
  float: left;
}
.tCenter {
  text-align-last: center !important;
}
.freProd h3 {
  margin-top: 4%;
  margin-bottom: 36px;
  text-align: center !important;
}
.freProd {
  min-height: 372px;
}
.mL {
  margin-left: 12.5%;
}
.ml25 {
  margin-left: 26.5%;
}