@charset "UTF-8";
/* CSS Document */
/*Fonts*/
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
html {
  width: 100%;
  height: 100%;
  font-size: 20px;
  font-family: "bree", sans-serif;
  font-weight: 400;
  font-style: normal;
  scroll-padding-top: 12rem;
}
body {
  width: 100%;
  height: 100%;
}
section {
  width: 100%;
  box-sizing: border-box;
  clear: both;
  min-width: 100%;
  display: table;
}
@-moz-document url-prefix() {
  section {
    display: inline-block;
    float: left;
  }
}
a {
  font-weight: 400;
}
h2, h4, h5, h6 {
  margin: 0;
  letter-spacing: 1px;
}
h1 {
  letter-spacing: 1px;
  line-height: 100%;
  font-weight: 400;
  font-size: 260%;
  margin: 0;
  margin-bottom: 2%;
}
h2 {
  font-size: 200%;
  font-weight: 400;
  line-height: 100%;
}
h3 {
  font-size: 160%;
  line-height: 160%;
}
p {
  line-height: 150%;
  margin-bottom: 2%;
  letter-spacing: 0.5pt;
  font-weight: 200 !important;
}
li {
  margin-bottom: 2%;
  line-height: 150%;
}
ul {
  margin-top: 2%;
  margin-left: 2%;
  margin-bottom: 2%;
}
strong {
  font-family: "bree", sans-serif;
  font-weight: 700;
  font-style: normal;
}
header {
  width: 100%;
  box-sizing: border-box;
  padding: 0 0 0 0;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  background-color: #FFFFFF;
  height: 140px;
  box-shadow: 1px 1px 6px 3px rgba(0, 0, 0, 0.2);
}
footer {
  font-size: 60% !important;
  width: 60% !important;
  margin-left: auto;
  margin-right: auto;
  clear: both;
  color: rgba(255, 255, 255, 0.8);
  margin-bottom: 2%;
}
footer a {
  float: none !important;
  color: #FFFFFF !important;
  display: inline !important;
  text-decoration: none;
}
footer a:hover {
  font-weight: 900;
}
iframe {
  border: none !important;
}
video {
  background-color: #000000;
}
form {
  background-color: #FFFFFF !important;
}
.contact form {
  background-color: rgba(255, 255, 255, 0.8) !important;
  /*box-shadow: 1px 1px 18px 10px rgba(0, 0, 0, 0.1);*/
  min-height: 320px;
  border-radius: 24px;
  padding: 4%;
}
.contact input {
  height: 40px;
  padding: 1%;
  padding-left: 1%;
  color: #48B2CE;
  border: solid 1px rgba(0, 0, 0, 0.3);
  margin-left: 2%;
  margin-bottom: 24px;
  font-size: 20px !important;
}
.contact textarea {
  clear: both;
  height: 40px;
  padding: 1%;
  padding-left: 1%;
  color: #48B2CE;
  border: solid 1px rgba(0, 0, 0, 0.3);
  margin-left: 2%;
  margin-bottom: 24px;
  min-height: 200px;
  width: 94%;
  font-size: 20px !important;
}
::placeholder {
  color: lightgray !important;
  font-size: 18px;
}
.contact select {
  height: 40px;
  overflow: hidden;
  line-height: 200% !important;
  margin-left: 2%;
  color: #48B2CE;
  border: solid 1px rgba(0, 0, 0, 0.3);
  font-size: 18px !important;
  margin-bottom: 24px;
  padding: 1%;
}
.contact hr {
  margin-top: 2%;
  margin-bottom: 6%;
  margin-left: 20%;
  margin-right: 20%;
  border: none;
  border-bottom: 3px dotted #09A900;
}
.contact label {
  clear: both;
  float: left;
  font-family: "bree", sans-serif;
  font-weight: 400 !important;
  color: #000000 !important;
  height: 40px;
  display: block;
  min-width: 180px;
  margin-bottom: 24px;
  padding: 1%;
}
.contact form h3 {
  color: #05A3D9;
  font-size: 110%;
  line-height: 180%;
  text-align: left;
  margin-bottom: 60px;
  font-style: normal;
}
.contact button {
  width: 25%;
  margin: auto;
  display: block;
  height: 50px;
  font-size: 20px;
  border: 3px solid #05A3D9;
  background-color: #FFFFFF;
  color: #05A3D9;
  font-family: "bree", sans-serif;
  font-weight: 100 !important;
  letter-spacing: 2px;
  transition: transform .15s ease-out;
  cursor: pointer;
  border-radius: 12px;
}
.contact button:hover {
  background-color: #05A3D9;
  color: #FFFFFF;
  transform: translate(0, -5px);
}
.req {
  color: #FC2A1D;
}
/******** SECTIONS **********/
/**SSUSA MENU**/
.menu {
  margin: auto;
  display: block;
  top: 0;
  left: 0 !important;
  padding-top: 1%;
}
.menu a, .mProd a, .mProd2 a {
  color: #000000;
  text-align: center;
  font-size: 20px;
  text-decoration: none;
  transition: transform .15s ease-out;
  display: block;
  font-weight: 600 !important;
  letter-spacing: 0.25pt;
}
.menu a:hover, .mProd a:hover, .mProd2 a:hover {
  color: #48B2CE;
  transform: translate(0, -5px);
}
.menuLogo {
  padding: 1%;
  padding-top: 2%;
}
.menuLogo img {
  max-width: 240px;
  padding-bottom: 10px;
  display: block;
  margin: auto;
}
.mProd {
  background: url("../img/mArrow.svg") rgba(255, 255, 255, 0.9);
  background-repeat: no-repeat;
  background-size: 24px;
  background-position: center;
  background-position-y: 0px;
  clear: both;
  width: 100%;
  height: 424px;
  position: relative;
  top: 23px;
  padding: 1%;
  display: none;
}
.inactive a {
  color: #AFAFAF;
}
.mProd2 {
  background: url("../img/mArrow.svg") rgba(255, 255, 255, 0.8);
  background-repeat: no-repeat;
  background-size: 24px;
  background-position-x: 50%;
  background-position-y: 0px;
  clear: both;
  width: 100%;
  height: 100px;
  position: relative;
  top: 23px;
  padding: 1%;
  display: none;
}
#m00, #m01, #m02, #m03 {
  cursor: pointer;
}
.mItem {
  position: relative;
  top: 30px;
}
.mItem2 {
  position: relative;
  top: 0px;
}
.mItem2 a {
  letter-spacing: 0px;
  font-weight: 300 !important;
  margin-bottom: 2%;
  text-align: left !important;
}
.subItem a {
  text-align: center !important;
  margin: auto;
  margin-bottom: 9px;
  display: block;
  width: 90% !important;
  font-size: 95%;
}
.mItem2 strong {
  font-weight: 600 !important;
  border-bottom: dotted 2px #FAC712 !important;
  padding-bottom: 2%;
  margin: auto;
  margin-bottom: 12px;
  display: block;
  width: 90% !important;
  text-align: center;
}
.mItem3 {
  position: relative;
  top: 10px;
}
.mLogo {
  position: relative;
  top: 40px;
}
.bk {
  background-color: rgba(255, 255, 255, 1);
  background-size: cover;
}
.noBk {
  background-color: rgba(255, 255, 255, 0.75);
}
.botmenu {
  z-index: 99999999999;
  display: none;
}
.mobLogo {
  display: none;
}
.mobile {
  position: fixed;
  z-index: 999999999;
  background: url("../img/faviconMenu.svg"), /*#48B2CE*/ #333333;
  background-repeat: no-repeat;
  background-position-y: 120%;
  background-position-x: 150px;
  background-size: contain !important;
  width: 100%;
  height: 100%;
  padding: 2%;
  box-sizing: border-box;
  transition: all 1s ease;
  -webkit-transition: all 1s ease;
  display: none;
  overflow: scroll;
}
.mobile p {
  text-align: center;
  margin-bottom: 10%;
  margin-top: 12%;
}
.mobile a {
  color: #FFFFFF;
  font-weight: 400;
  text-align: center !important;
  text-decoration: none;
  font-size: 120%;
  margin-bottom: 2%;
}
.mobile a:hover {
  color: #FAC712;
  font-weight: 600 !important;
}
.mobileMenu2 {
  background-color: rgba(8, 161, 201, 0.92);
  width: 100%;
  font-size: 80%;
  padding: 1%;
  border-radius: 12px;
  position: relative;
  display: none;
}
.mobileMenu2 strong {
  color: #FAC712;
  font-size: 130%;
  border-top: 2px dotted rgba(255, 255, 255, 0.4);
  line-height: 130%;
  padding-top: 6%;
  display: block;
  width: 96%;
  margin: auto;
}
.mobileMenu3 {
  background-color: #E17D05;
  width: 100%;
  font-size: 80%;
  padding: 1%;
  border-radius: 12px;
  position: relative;
  display: none;
}
.mobileMenu2 p, .mobileMenu3 p {
  line-height: 125% !important;
  margin-top: 24px;
  margin-bottom: 24px !important;
}
#m01, #m02, #m03, #m04, #mm00, #mm01, #mm02, #mm03, #mm04, #mm05, #mm06, #mm07, #mm08, #mm09, #mm10, #mm11, #mm12, #mm13, #mm14 {
  cursor: pointer;
}
/**MAGIVISION PAGE SECTIONS**/
.video-container {
  min-height: 768px;
  width: 100%;
  position: relative;
  height: 100%;
}
.video-overlay {
  position: absolute;
  background-image: url("../img/vid_overlay.svg");
  background-size: contain;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9;
}
.video-container video {
  width: 100%;
  height: 100%;
  position: absolute;
  object-fit: cover;
  z-index: 0;
  display: block;
}
.video-container h1 {
  color: #FFFFFF;
  font-size: 270%;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
}
.video-container h2 {
  color: #F5E935;
  letter-spacing: 1px;
  line-height: 140%;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
}
.video-container h3 {
  color: #05A3D9;
  letter-spacing: 1px;
}
.hero {
  position: absolute;
  top: 50%;
  left: 15%;
  z-index: 99;
}
.carrusel {
  min-height: 768px;
  max-height: 1080px;
  position: relative;
  width: 100%;
  height: 80%;
}
.slideContent {
  position: absolute;
  top: 55%;
  left: 6%;
  z-index: 99;
}
.slideContent h1 {
  font-family: "bree", sans-serif;
  font-size: 300%;
  line-height: 120%;
  color: #FFFFFF;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
  letter-spacing: 0.5pt;
  font-weight: 400 !important;
}
.slideContent h2 {
  font-family: "bree", sans-serif;
  font-size: 240%;
  line-height: 120%;
  color: #FFFFFF;
  text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.6);
  letter-spacing: 0.5pt;
  font-weight: 400 !important;
}
.slideContent h3 {
  font-size: 150%;
  line-height: 150%;
  color: #000000;
  text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
  letter-spacing: 0.5pt;
  font-family: "bree", sans-serif;
  font-weight: 400 !important;
  font-style: normal !important;
  width: 50%
}
.slideContent h4 a {
  font-size: 130%;
  line-height: 150%;
  font-family: "bree", sans-serif;
  font-weight: 400;
  text-decoration: none;
  text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.6);
}
.slideContent h4 a:hover {
  color: #8134AF !important;
}
.slideContent a {
  /*color: #48B2CE !important;*/
  color: #FFFFFF;
}
.slideContent a::after {
  content: "+";
}
.overlay {
  position: absolute;
  background-image: url("../img/overlay01.svg");
  background-size: contain;
  background-repeat: no-repeat;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9;
  opacity: 0.8;
}
.overlay2 {
  position: absolute;
  background-image: url("../img/overlay02.svg");
  background-size: contain;
  background-repeat: no-repeat;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9;
  opacity: 0.8;
}
.pHead {
  background: #FB1FC1 url("../img/bkgHeading.svg");
  background-size: cover;
  min-height: 360px;
}
.pHead h1 {
  position: relative;
  top: 140px;
  text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.2);
}
.about {
  background: url("../img/bkg_about.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right;
}
.about h2 {
  font-size: 220%;
  color: #FFFFFF !important;
  margin-bottom: 2%;
  letter-spacing: 1px;
}
.about h3 {
  font-size: 220%;
  letter-spacing: 1px;
  color: #FFFFFF !important;
  margin-bottom: 2%;
}
.about h4 {
  color: #FFFFFF !important;
  margin-bottom: 4%;
  letter-spacing: 1px;
  font-size: 130% !important;
}
.about p {
  color: rgba(255, 255, 255, 0.8) !important;
  font-weight: 300 !important;
}
.cifras {
  color: #FFFFFF !important;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
  clear: both;
  margin-bottom: 4%;
}
.cifras h3 {
  font-size: 230% !important;
}
.pct {
  font-size: 110%;
  line-height: 120%;
  color: #FFFFFF !important;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
  letter-spacing: 0.5pt;
  font-weight: 600 !important;
  position: relative;
  left: 12px;
  float: left;
  top: 24px;
}
.dato:before {
  content: "+";
}
.aboutColA {
  width: 40%;
  float: left;
}
.aboutColB {
  width: 60%;
  float: left;
}
.bottom {
  background-color: #000000 !important;
  background-repeat: no-repeat;
  background-position-x: 95%;
  background-position-y: center;
}
.bottom a {
  color: #FFFFFF;
  text-decoration: none;
  font-size: 100%;
}
.bottom a:hover {
  font-weight: 400 !important;
  color: #FAC712 !important;
}
.bottom p {
  font-size: 100%;
  color: #FFFFFF;
  margin-bottom: 2% !important;
}
.bottom h3 {
  color: #FFFFFF;
  font-style: normal;
  font-family: 'CentraNo1-Extrabold';
  font-weight: 100 !important;
  letter-spacing: 6px;
  margin-bottom: 4%;
}
.bottom img {
  margin: auto;
  width: 90%;
  display: block;
}
.address img {
  float: left !important;
  max-width: 24px !important;
  position: relative;
  margin-right: 2%;
  margin-bottom: 6%;
  top: 6px;
}
.address p {
  margin-bottom: 0 !important;
}
.inner a {
  color: #FF920B;
  text-decoration: none;
  font-style: italic;
  font-family: 'CentraNo1-Extrabold';
  font-weight: 100 !important;
}
.inner a:hover {
  color: #000000;
  text-decoration: none;
  font-style: italic;
  font-family: 'CentraNo1-Extrabold';
  font-weight: 100 !important;
}
.innerTop {
  background-image: url("../img/about.jpg");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 4%;
  padding-top: 720px;
  box-shadow: 1px 1px 12px 12px rgba(0, 0, 0, 0.25);
}
.innerTop h1 {
  color: #FFFFFF;
  text-shadow: 1px 4px 6px rgba(0, 0, 0, 0.5);
  font-size: 360%;
  background-image: url("../img/bkg_title.svg");
  background-repeat: repeat-x;
  padding-left: 2%;
  line-height: 150%;
  margin-bottom: 60px;
}
.inner p {
  margin-bottom: 4%;
}
.bkgInner {
  background-image: url("../img/bkg_inner.svg");
  background-size: contain;
  background-position: top;
}
.smlImg img {
  max-width: 60px;
  float: left !important;
  margin-right: 2%;
  position: relative;
  top: -12px;
}
.accent {
  font-style: italic;
  font-size: 80%;
}

.centre {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, 0%);
}
.centro {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, 0%);
}
.pVert{
  position: relative;
}
.vAdj {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, 0%);
}

.center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
}
.partners {
  background-image: url("../img/bkgPartners.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: auto;
}
.partners a {
  color: #000000;
  text-decoration: none;
}
.partners a:hover {
  color: #FAC712 !important;
  text-decoration: underline;
}
.logoScroll {
  width: 96%;
  margin-left: auto;
  margin-right: auto;
  display: block;
  box-sizing: border-box;
  min-width: 300px;
  max-width: 2220px;
  text-align: center;
}
.productos img {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  display: block;
  min-width: 150px;
  margin-bottom: 4% !important;
  box-shadow: 0px 1px 9px 3px rgba(0, 0, 0, 0.3);
}
.bkColor {
  background-color: #000000;
}
.bkColor a {
  color: #FFFFFF;
}
.crumbs {
  text-align: right !important;
  width: 80%;
  margin-left: 20%;
  font-weight: 100;
  font-size: 90%;
  margin-bottom: 2%;
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 12px;
}
.crumbs a {
  display: inline-block !important;
  font-family: "bree", sans-serif;
  margin: 1% !important;
  text-align: right !important
}
.crumbs a:hover {
  display: inline-block !important;
  font-family: "bree", sans-serif;
  margin: 1% !important;
  text-align: right !important;
  font-weight: 600 !important;
  color: #48B2CE !important
}
.producto h2 {
  float: left;
  margin-bottom: 2%;
}
.producto h2::after {
  float: right;
  content: url('../img/markers.svg');
  width: 120px;
  margin-left: 18px;
}
/******** LAYOUT DIV DIMENSIONS *******/
.module, .linea {
  clear: both;
  display: block !important;
  position: relative;
  color: #000000;
  max-width: 1920px;
  padding: 2%;
  margin: auto;
  height: 100%;
  min-height: 480px;
}
.module h2 {
  color: #000000;
  font-size: 180%;
  line-height: 180%;
}
.module h3 {
  color: #000000;
  font-size: 117.5% !important;
  line-height: 130%;
  font-weight: 400;
  font-style: italic;
}
.module p {
  color: #666666;
}
.module a {
  transition: transform .30s ease-out;
  display: block;
}
.module a:hover {
  transform: translate(0, -5px) !important;
}
.w100 {
  clear: both;
  width: calc(100%*1.0);
  box-sizing: border-box;
}
.w90 {
  width: calc(100%*0.9);
  float: left;
}
.w80 {
  width: calc(100%*0.8);
  float: left;
}
.w70 {
  width: calc(100%*0.7);
  float: left;
}
.w60 {
  width: calc(100%*0.6);
  box-sizing: border-box;
  float: left;
}
.w50 {
  width: calc(100%*0.5);
  box-sizing: border-box;
  float: left;
}
.w40 {
  width: calc(100%*0.4);
  float: left;
}
.w33 {
  width: calc(100%/3);
  float: left;
}
.w30 {
  width: calc(100%*0.3);
  float: left;
}
.w25 {
  width: calc(100%/4);
  float: left;
}
.w20 {
  width: calc(100%/5);
  float: left;
}
.w20p {
  width: calc(100%/6);
  float: left;
  max-height: 200px;
  overflow: hidden;
}
.w20p img {
  height: 100%;
  min-height: 200px;
}
.w16 {
  width: calc(100%/7);
  box-sizing: border-box;
  float: left;
}
.wLineas {
  box-sizing: border-box;
  float: left;
  position: relative;
}
.w14 {
  width: calc(100%/10);
  box-sizing: border-box;
  float: left;
}
.w10 {
  width: calc(100%/10);
  float: left;
}
.clear {
  clear: both;
  display: block;
  height: 1px;
}
.w1920 {
  max-width: 1920px;
  margin: auto;
}
.w1366 {
  max-width: 1366px;
  margin: auto;
}
.w1280 {
  max-width: 1280px;
  margin: auto;
}
.w1024 {
  max-width: 1024px;
  margin: auto;
}
.w960 {
  max-width: 960px;
  margin: auto;
}
.hAuto {
  height: auto;
  min-height: 10%;
}
.h50 {
  height: 50%;
  min-height: calc(1080px / 2);
}
.h33 {
  height: 33%;
  min-height: calc(1080px / 3);
}
.h25 {
  height: 25%;
  min-height: calc(1080px / 4);
}
.p4 {
  padding: 4%;
  display: block;
}
.p3 {
  padding: 3%;
}
.p2 {
  padding: 2%;
}
.p05 {
  padding: 0.25%;
}
.p1 {
  padding: 0.5%;
}
.pL2 {
  padding-left: 2%;
}
.pB0 {
  padding-bottom: 0;
}
.pL0 {
  padding-left: 0;
}
.pL9 {
  padding-left: 9% !important;
}
.mL25 {
  margin-left: calc(25%/2);
}
.m16 {
  margin-left: calc(33%/2);
}
.m33 {
  margin-left: calc(33%/1);
}
.mL50 {
  margin-left: calc(100%/2.65);
}
.mL5 {
  margin-left: 3.35%;
}
.m12 {
  margin-left: 12%;
}
.mr12 {
  margin-right: 12px;
}
.mB0 {
  margin-bottom: 0 !important;
}
.mB2 {
  margin-bottom: 2%;
  color: #05A3D9;
}
.m25 {
  margin-left: 25%;
}
.tLeft {
  text-align: left !important;
}
.tCenter {
  text-align: center !important;
}
.tRight {
  text-align: right !important;
}
.tJustify {
  text-align: justify !important;
}
.floatL {
  float: left
}
.vSpace {
  height: 60px;
  clear: both;
}
.vSpaceHalf {
  height: 30px;
  clear: both;
}
.noDisplay {
  display: none;
}
.lText {
  font-weight: 200 !important;
}
.italica {
  font-style: italic;
  font-weight: 100;
}
/**********************   COLORS **********************/
.morado {
  color: #8134AF !important;
}
.fucsia {
  color: #FB1FC1 !important;
}
.azul {
  color: #48B2CE !important;
}
.blanco {
  color: #FFFFFF !important;
}
.naranja {
  color: #E17D05 !important;
}
.amarillo {
  color: #FAC712 !important;
}
.gris {
  color: #777777 !important;
}
.bkmorado {
  background: #8134AF url("../img/bkgHeading.svg");
  background-size: cover;
}
.bkazul {
  background: #48B2CE url("../img/bkgHeading.svg");
  background-size: cover;
}
.bknaranja {
  background: #E17D05 url("../img/bkgHeading.svg");
  background-size: cover;
}
.bknamarillo {
  background: #FAC712 url("../img/bkgHeading.svg");
  background-size: cover;
}
.bkgris {
  background: #333333 url("../img/bkgHeading.svg");
  background-size: cover;
}
/*FADE IN - OUT*/
.fade-in {
  opacity: 0;
  transition: opacity 1800ms ease-in;
}
.fade-in.appear {
  opacity: 1;
}
.up {
  width: 20%;
  margin: auto;
  text-align: center;
}
.up a {
  background-image: url("../img/up.svg");
  width: 30px;
  height: 30px;
  line-height: 30px;
  background-size: cover;
  text-decoration: none !important;
  background-repeat: no-repeat;
  padding: 0 !important;
  display: block;
  margin: auto;
}
.up a:hover {
  width: 30px;
  height: 30px;
  line-height: 30px;
  background-size: cover;
  background-image: url("../img/upUp.svg");
  text-decoration: none !important;
}
.up a::before {
  content: "Arriba";
  font-family: "bree", sans-serif;
  color: #000000;
  left: -50px;
  position: relative;
  font-weight: 400;
  font-size: 80%;
}
/*Social*/
.inner {
  /*padding-top:140px;*/
  background: url("../img/bkgInner.svg");
  /* background: url("../img/bkgInnerGray.svg");*/
  background-size: 100%;
  background-position: bottom;
  background-repeat: repeat-y;
}
.row {
  display: -ms-flexbox; /* IE10 */
  display: flex;
  -ms-flex-wrap: wrap; /* IE10 */
  flex-wrap: wrap;
  padding: 0 4px;
}
/* Create four equal columns that sits next to each other */
.column {
  -ms-flex: 33%; /* IE10 */
  flex: 33%;
  max-width: 33%;
  padding: 0 4px;
}
.column img {
  margin-top: 8px;
  vertical-align: middle;
  width: 100%;
}
.proyecto {
  position: relative !important;
  float: left;
}
.logoCliente {
  min-height: 220px;
  display: block;
  float: left;
  width: 25%;
}
.logoCliente img {
  margin: auto;
  display: block;
  width: 98%;
  text-align: center;
  max-width: 260px;
}
#uniandes, #uniminuto, #javeriana, #externado, #rosario, #americas, #sabana, #cesa, #gfemenino, #frances, #english, #reyes, #unicentro, #intelcia, #newman {
  display: none;
  background-color: rgba(255, 255, 255, 0.9);
  padding: 2.5%;
  box-shadow: 1px 3px 12px rgba(0, 0, 0, 0.4);
  border-radius: 12px;
  margin-bottom: 60px;
}
#prod {
  cursor: pointer;
}
.producto h3 {
  font-size: 175%;
}
#pc01, #pc02, #pc03, #pc04, #pc05, #pc06, #pc07, #pc08, #pc09, #pc10, #pc11, #pc12, #pc13, #pc14, #pc15 {
  cursor: pointer;
}
.call2action {
  width: 30px;
  height: 330px;
  background-color: rgba(255, 255, 255, 0.9);
  position: fixed;
  top: 60%;
  padding: 0.5%;
  padding-right: 1.5%;
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
  transition: all;
  -webkit-transition: all;
  transition-duration: 1s;
  -webkit-transition-duration: 1s;
  left: 98%;
  z-index: 99999;
  padding-top: 12px;
}
.ig, .wu, .li, .ph, .fb, .em {
  float: left;
  width: calc(100%/1);
  margin-bottom: 36px;
  clear: both;
}
.cerrar {
  position: relative;
  ;
  top: 0;
  left: 98%;
  z-index: 999999;
  display: block;
  width: 36px;
}
.cerrar a {
  background-image: url("../img/close.svg");
  width: 30px;
  height: 30px;
  line-height: 30px;
  background-size: 30px;
  text-decoration: none !important;
  background-repeat: no-repeat;
  padding: 0 !important;
  display: block;
  cursor: pointer;
}
.cerrar a:hover {
  width: 30px;
  height: 30px;
  line-height: 30px;
  background-size: 30px;
  background-image: url("../img/close_up.svg");
  text-decoration: none !important;
}
.em a {
  background-image: url("../img/em.svg");
  width: 20px;
  height: 20px;
  line-height: 20px;
  background-size: 20px;
  text-decoration: none !important;
  background-repeat: no-repeat;
  padding: 0 !important;
  display: block;
}
.em a:hover {
  width: 20px;
  height: 20px;
  line-height: 20px;
  background-size: 20px;
  background-image: url("../img/em_up.svg");
  text-decoration: none !important;
}
.fb a {
  background-image: url("../img/fb.svg");
  width: 20px;
  height: 20px;
  line-height: 20px;
  background-size: 20px;
  text-decoration: none !important;
  background-repeat: no-repeat;
  padding: 0 !important;
  display: block;
}
.fb a:hover {
  width: 20px;
  height: 20px;
  line-height: 20px;
  background-size: 20px;
  background-image: url("../img/fb_up.svg");
  text-decoration: none !important;
}
.ig a {
  background-image: url("../img/ig.svg");
  width: 20px;
  height: 20px;
  line-height: 20px;
  background-size: 20px;
  text-decoration: none !important;
  background-repeat: no-repeat;
  padding: 0 !important;
  display: block;
}
.ig a:hover {
  width: 20px;
  height: 20px;
  line-height: 20px;
  background-size: 20px;
  background-image: url("../img/ig_up.svg");
  text-decoration: none !important;
}
.li a {
  background-image: url("../img/li.svg");
  width: 20px;
  height: 20px;
  line-height: 20px;
  background-size: cover;
  text-decoration: none !important;
  background-repeat: no-repeat;
  padding: 0 !important;
  display: block;
}
.li a:hover {
  width: 20px;
  height: 20px;
  line-height: 20px;
  background-size: cover;
  background-image: url("../img/li_up.svg");
  text-decoration: none !important;
}
.ph a {
  background-image: url("../img/ph_b.svg");
  width: 20px;
  height: 20px;
  line-height: 20px;
  background-size: cover;
  text-decoration: none !important;
  background-repeat: no-repeat;
  padding: 0 !important;
  display: block;
}
.ph a:hover {
  width: 20px;
  height: 20px;
  line-height: 20px;
  background-size: cover;
  background-image: url("../img/ph_b_up.svg");
  text-decoration: none !important;
}
.wu a {
  background-image: url("../img/wu.svg");
  width: 20px;
  height: 20px;
  line-height: 20px;
  background-size: cover;
  text-decoration: none !important;
  background-repeat: no-repeat;
  padding: 0 !important;
  display: block;
}
.wu a:hover {
  width: 20px;
  height: 20px;
  line-height: 20px;
  background-size: cover;
  background-image: url("../img/wu_up.svg");
  text-decoration: none !important;
}
.bEsp {
  width: 33%;
  margin: 0.163%;
  padding: 2%;
  background-position: center;
  background-size: cover;
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.25)), url("../img/bkg_espacios.jpg");
  min-height: 280px;
}
.bLeg {
  width: 33%;
  margin: 0.163%;
  padding: 2%;
  background-position: center;
  background-size: cover;
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.25)), url("../img/bkg_legamaster.jpg");
  min-height: 280px;
}
.bTab {
  width: 33%;
  margin: 0.163%;
  padding: 2%;
  background-position: center;
  background-size: cover;
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.25)), url("../img/bkg_tableros.png");
  min-height: 280px;
}
.bEnc {
  width: 33%;
  margin: 0.163%;
  padding: 2%;
  background-position: center;
  background-size: cover;
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.25)), url("../img/bkg_enchapes.jpg");
  min-height: 280px;
}
.bAlm {
  width: 33%;
  margin: 0.163%;
  padding: 2%;
  background-position: center;
  background-size: cover;
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.25)), url("../img/bkg_almacenamiento.jpg");
  min-height: 280px;
}
.bMob {
  width: 33%;
  margin: 0.163%;
  padding: 2%;
  background-position: center;
  background-size: cover;
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.25)), url("../img/bkg_especiales.jpg");
  min-height: 280px;
}
.bSil {
  width: 33%;
  margin: 0.163%;
  padding: 2%;
  background-position: center;
  background-size: cover;
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.25)), url("../img/bkg_sillas.jpg");
  min-height: 280px;
  margin-left: 33.56%;
}
.bEsp:hover {
  background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url("../img/bkg_espacios.jpg");
  min-height: 280px;
}
.bLeg:hover {
  background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url("../img/bkg_legamaster.jpg");
  min-height: 280px;
}
.bTab:hover {
  background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url("../img/bkg_tableros.png");
  min-height: 280px;
}
.bEnc:hover {
  background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url("../img/bkg_enchapes.jpg");
  min-height: 280px;
}
.bAlm:hover {
  background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url("../img/bkg_almacenamiento.jpg");
  min-height: 280px;
}
.bMob:hover {
  background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url("../img/bkg_especiales.jpg");
  min-height: 280px;
}
.bSil:hover {
  background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url("../img/bkg_sillas.jpg");
  min-height: 280px;
  margin-left: 33.56%;
}
.bEsp h3, .bLeg h3, .bTab h3, .bEnc h3, .bAlm h3, .bMob h3, .bSil h3 {
  color: #FFFFFF;
  font-style: normal;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
  font-size: 162%;
  display: block;
  width: 100%;
  height: 100%;
  font-weight: 400 !important;
}
.ally img {
  max-width: 280px;
  width: 100%;
  margin: auto;
  display: block;
  margin-bottom: 10% !important;
}
/*#tactil:before, #monitor:before, #monitortactil:before, #enchapes:before, #muro:before, #cielos:before, #pisos:before, #lockers:before, #estanterias:before, #bancas:before, #nichos:before, #booths:before {
  padding-top: 200px;
  display: block;
  content: "";
}*/