.parallax-container {
    position: relative;
    overflow: hidden;
    height: 900px;
    z-index: -2 !important;
}
.container-popup a {
  border: 1px solid #adadad8c;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  margin: 0 7px;
  }
.container-popup a:hover {
  background: #e8e8e8 !important;
  border: 1px solid #adadad !important;
  color: #ffffff !important;
  }
.container-popup a:active {
  background: #d6cdae !important;
  border-color: #a29569 !important;
  color: white !important;
  }
input:not([type]):focus:not([readonly]) + label,
input[type=text]:not(.browser-default):focus:not([readonly]) + label,
input[type=password]:not(.browser-default):focus:not([readonly]) + label,
input[type=email]:not(.browser-default):focus:not([readonly]) + label,
input[type=url]:not(.browser-default):focus:not([readonly]) + label,
input[type=time]:not(.browser-default):focus:not([readonly]) + label,
input[type=date]:not(.browser-default):focus:not([readonly]) + label,
input[type=datetime]:not(.browser-default):focus:not([readonly]) + label,
input[type=datetime-local]:not(.browser-default):focus:not([readonly]) + label,
input[type=tel]:not(.browser-default):focus:not([readonly]) + label,
input[type=number]:not(.browser-default):focus:not([readonly]) + label,
input[type=search]:not(.browser-default):focus:not([readonly]) + label,
textarea.materialize-textarea:focus:not([readonly]) + label {
  color: #37474f !important;
}
input:not([type]):focus:not([readonly]),
input[type=text]:not(.browser-default):focus:not([readonly]),
input[type=password]:not(.browser-default):focus:not([readonly]),
input[type=email]:not(.browser-default):focus:not([readonly]),
input[type=url]:not(.browser-default):focus:not([readonly]),
input[type=time]:not(.browser-default):focus:not([readonly]),
input[type=date]:not(.browser-default):focus:not([readonly]),
input[type=datetime]:not(.browser-default):focus:not([readonly]),
input[type=datetime-local]:not(.browser-default):focus:not([readonly]),
input[type=tel]:not(.browser-default):focus:not([readonly]),
input[type=number]:not(.browser-default):focus:not([readonly]),
input[type=search]:not(.browser-default):focus:not([readonly]),
textarea.materialize-textarea:focus:not([readonly]) {
  border-bottom: 1px solid #37474fb0;
  -webkit-box-shadow: 0 1px 0 0 #37474fb0;
          box-shadow: 0 1px 0 0 #37474fb0;
}
.parallax{
  display: flex;
      align-items: flex-start;
      justify-content: center;
      margin-top: 150px;
}
.franjanaranja{
  height: 20px;
    display: block;
    background: #ee7d00;
    max-width: 1366px !important;
    width: 93% !important;
    margin: auto;
}
.redes{
padding: 40px 0;
}
.redes ul{
  display: flex;
justify-content: center;
flex-wrap: wrap;
margin: 0;
}
.redes ul li{
    margin: 8px;
}
a.poupredes{
  width: 80px !important;
height: 80px !important;
border:none ;
}
header{
  color: #ffffff;
}
header .header{
  height: 100%;
  z-index: 5;
  top: 0;
  width: 100%;
  display: flex;
  justify-content: space-around;
  flex-direction: column;
}
header .container-large{
  border-bottom: 1px solid #ffffff
}
.header img.logolavero {
  width:100%;
  max-width:180px !important;
}
.whatsapp{
  border: 1px solid #23c347;
color: #23c347;
padding: 10px 20px;
margin: 16px;
border-radius: 50px;
display: flex;
justify-content: center;
}
.whatsapp:hover{
  border: 1px solid #23c347;
color: #ffffff;
background: #23c347!important;
padding: 10px 20px;
margin: 16px;
border-radius: 50px;
display: flex;
justify-content: center;

}
.whatsapp:hover img{
filter: invert(1) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(202%) contrast(102%);
}
.email{
color: #263238;
margin: 16px;
border-radius: 50px;
display: flex;
justify-content: center;
text-decoration: underline;
}
.email:hover{
filter: invert(40%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);
}
footer ul li{
  font-size: 1.2rem;
}
header ul{
  display: flex;
  align-items: center;
}
header ul li{
  display: flex;
  align-items: center;
  margin-right: 20px;
}
header ul li i{
  margin-right: 10px;
}
header ul li img{
  margin-right: 10px;
}
main p {
  margin-bottom: 20px;
}
main h2 {
  margin-bottom: 20px!important;
  font-weight: 800;
}
main ul {
  margin-bottom: 30px;
}
main ul.browser-default {
  padding-left: 25px;
}
main strong {
  margin-bottom: 20px;
  display: block;
}
main section{
  margin: 0 0 110px 0;
}
article{
  margin-bottom:70px;
}
mark{
  background: #e67e7e;
  padding: 4px 10px;
  color: #fff;
  margin-bottom: 10px !important;
  border-radius: 3px;
  display: inline-block;
}
/* ////////// ARROW ANIMATE ////////// */
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  60% {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }
}
@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  60% {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }
}
@-ms-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  60% {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  60% {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }
}
.parallax-container .parallax img {
  opacity: .2!important;
}
.arrow {
    display: flex;
    justify-content: center;
}
.bounce {
  width: 60px;
  height: 60px;
  border-radius: 60px;
  border: solid 1px #ffffff42;
  background: transparent;
  bottom: 0;
  -webkit-animation: bounce 2s infinite;
  -moz-animation: bounce 2s infinite;
  -ms-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}
.fullwidth{width: 100%}
.heightauto{height: auto!important;}
.heightinherit{height: inherit!important;}
.widthauto{width: auto!important;}
.widthinherit{width: inherit!important;}
.top { top: 0!important; }
.bottom { bottom: 0!important; }
.left { left: 0!important; }
.right { right: 0!important; }
.block { display: block;}
.inline { display: inline;}
.inlineblock { display: inline-block;}
.none { display:  none;}
.displayinherit { display: inherit;}
.absolute { position: absolute!important; }
.relative { position: relative!important; }
.fixed { position: fixed!important; }
.inherit { position: inherit!important; }
.zindex1{z-index: 1!important;}
.zindex-1{z-index: -1!important;}
.overflowhidden{overflow: hidden;}
.boxsizing{box-sizing: border-box!important;}
.gris{filter: invert(40%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);}
.blanco{filter: invert(1) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);}
.border1{ border: 1px solid rgb(0 0 0 / 27%)}
.no-border{ border: none !important;}
.no-borderbottom{ border-bottom: none !important;}
.borderwhite{border: solid 1px #ffffff42;}
.derecha{display: flex;justify-content: flex-end;}
.mayuscula{
  text-transform: uppercase;
}
.centrado{
  display: flex;
  justify-content: center;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
}
/* ////////// NUEVOS ////////// */

.section{
  padding: 0!important;
}
.container-scrollanim{
  opacity: 1;
  transition: 0.8s;
}
.coloboradores span{
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  max-width: 200px;
  margin: 30px;
}
.coloboradores{
  display: block;
  text-align: center;
}
.indicators {
  display: none;
}
.marco{
  padding: 40px !important;
  border: 1px solid orange;
  margin: 80px 0;
  box-sizing: border-box;
  background: #ffffff;
}
.marco2{
  border: 1px solid orange;
  margin: 80px 0;
  box-sizing: border-box;
  background: #ffffff;
}


.divider{
  height: 2px;
}
.scrollnav {
  max-height: 100% !important;
  height: auto;
  position: fixed;
  top: 0px;
  z-index: 999;
  width: 100%;
  background: none;
  overflow: hidden;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 0;
  top: -100px;
}
.scrollnav #logo {
  float: left;
  margin-left: 15%;
}
.open-nav {
  max-height: 400px !important;
}
.open-nav .mobile-toggle {
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
}
.sticky {
  background-color: rgba(255, 255, 255, 0.93);
  opacity: 1;
  top: 0px;
}
.mobile-toggle {
  display: none;
  cursor: pointer;
  font-size: 20px;
  position: absolute;
  right: 22px;
  top: 20px;
  width: 30px;
  -webkit-transition: all 200ms ease-in;
  -moz-transition: all 200ms ease-in;
  transition: all 200ms ease-in;
}
.mobile-toggle span {
  width: 30px;
  height: 4px;
  margin-bottom: 6px;
  border-radius: 1000px;
  background: #8f8f8f;
  display: block;
}
@media only screen and (max-width: 766px) {
  .mobile-toggle {
    display: block;
  }
}
.misionback{
  background-image: url(../fotos/vision01.png);
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: 150%;
  margin: 0;
  }
.desarrolloback{
  background-image: url(../fotos/diseno03.jpg);
  background-repeat: no-repeat;
  background-position: right;
  background-size: cover;
  border: 1px solid orange;
  margin: 0 0.75rem 0.75rem 0.75rem;
  }
.ejecucionback{
  background-image: url(../fotos/diseno02.jpg);
  background-repeat: no-repeat;
  background-position: right;
  background-size: cover;
  border: 1px solid orange;
  margin: 0 0.75rem 0.75rem 0.75rem;
  }
.proyectosback{
  background-image: url(../fotos/gerencia02.jpg);
  background-repeat: no-repeat;
  background-position: right;
  background-size: cover;
  border: 1px solid orange;
  margin: 0 0.75rem 0.75rem 0.75rem;
  }
.remodelacionback{
  background-image: url(../fotos/ampliacion01.jpg);
  background-repeat: no-repeat;
  background-position: right;
  background-size: cover;
  border: 1px solid orange;
  margin: 0 0.75rem 0.75rem 0.75rem;
  }
.mantenimientoback{
  background-image: url(../fotos/yyyyy.jpg);
  background-repeat: no-repeat;
  background-position: right;
  background-size: cover;
  border: 1px solid orange;
  margin: 0 0.75rem 0.75rem 0.75rem;
  }
.serviciosback{
  background-image: url(../fotos/yyyyy.jpg);
  background-repeat: no-repeat;
  background-position: right;
  background-size: cover;
  border: 1px solid orange;
  margin: 0 0.75rem 0.75rem 0.75rem;
  }
.colaboradoresback{
  background-image: url(../fotos/yyyyy.jpg);
  background-repeat: no-repeat;
  background-position: right;
  background-size: cover;
  border: 1px solid orange;
  margin: 0 0.75rem 0.75rem 0.75rem;
  }
/* ////////// TOOLTIP TOP ////////// */
  .tooltipCSS {
  position: relative;
  display: inline-block;
}
.tooltipCSS .tooltiptext {
  visibility: hidden;
  width: 100px;
  background-color: #ee721d;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
}
.tooltipCSS .tooltiptext::after {
  content: "";
  position: absolute;
  border-width: 5px;
  border-style: solid;
}
.tooltipCSS:hover .tooltiptext {
  visibility: visible;
}
.tooltipTop{
  bottom: 100%;
  left: 50%;
  margin-left: -50px;
}
.tooltipTop::after {
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-color: #ee721d transparent transparent transparent;
}
/* ////////// BACKGROUND-VIDEO ////////// */
#background-video1 {
  width: 100vw;
  height: 100vh;
  object-fit: cover;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
}
#background-video2 {
  width: 100vw;
  height: 100vh;
  object-fit: cover;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
}
#background-video3 {
  width: 100vw;
  height: 100vh;
  object-fit: cover;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
}
.backduotono{
  background: rgba(7,53,122,1);
  background: -moz-linear-gradient(45deg, rgba(7,53,122,1) 0%, rgba(18,104,179,1) 51%, rgba(7,162,189,1) 100%);
  background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(7,53,122,1)), color-stop(51%, rgba(18,104,179,1)), color-stop(100%, rgba(7,162,189,1)));
  background: -webkit-linear-gradient(45deg, rgba(7,53,122,1) 0%, rgba(18,104,179,1) 51%, rgba(7,162,189,1) 100%);
  background: -o-linear-gradient(45deg, rgba(7,53,122,1) 0%, rgba(18,104,179,1) 51%, rgba(7,162,189,1) 100%);
  background: -ms-linear-gradient(45deg, rgba(7,53,122,1) 0%, rgba(18,104,179,1) 51%, rgba(7,162,189,1) 100%);
  background: linear-gradient(45deg, rgba(7,53,122,1) 0%, rgba(18,104,179,1) 51%, rgba(7,162,189,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#07357a', endColorstr='#07a2bd', GradientType=1 );
}
.back-degrade{
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 3;
  background: rgba(9,56,87,0.73);
  background: -moz-linear-gradient(top, rgba(9,56,87,0.73) 0%, rgba(9,56,87,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(9,56,87,0.73)), color-stop(100%, rgba(9,56,87,1)));
  background: -webkit-linear-gradient(top, rgba(9,56,87,0.73) 0%, rgba(9,56,87,1) 100%);
  background: -o-linear-gradient(top, rgba(9,56,87,0.73) 0%, rgba(9,56,87,1) 100%);
  background: -ms-linear-gradient(top, rgba(9,56,87,0.73) 0%, rgba(9,56,87,1) 100%);
  background: linear-gradient(to bottom, rgba(9,56,87,0.73) 0%, rgba(9,56,87,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#093857', endColorstr='#093857', GradientType=0 );
}
.back-blanco{
  position: absolute;
  bottom: 0;
  height: 700px;
  width: 100%;
  background: rgba(250,250,250,0);
  background: -moz-linear-gradient(top, rgba(250,250,250,0) 0%, rgba(250,250,250,1) 59%, rgba(250,250,250,1) 94%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(250,250,250,0)), color-stop(59%, rgba(250,250,250,1)), color-stop(94%, rgba(250,250,250,1)));
  background: -webkit-linear-gradient(top, rgba(250,250,250,0) 0%, rgba(250,250,250,1) 59%, rgba(250,250,250,1) 94%);
  background: -o-linear-gradient(top, rgba(250,250,250,0) 0%, rgba(250,250,250,1) 59%, rgba(250,250,250,1) 94%);
  background: -ms-linear-gradient(top, rgba(250,250,250,0) 0%, rgba(250,250,250,1) 59%, rgba(250,250,250,1) 94%);
  background: linear-gradient(to bottom, rgba(250,250,250,0) 0%, rgba(250,250,250,1) 59%, rgba(250,250,250,1) 94%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#fafafa', GradientType=0 );
}
/* //////////////// LINKS //////////////// */
a {
  color: #B71C1C;
  }
a:hover {
  color: #d65050;
  }
a:active {
  color: rgba(0,0,0,0.57);
  }
a.flow-link {
  color:rgba(0,0,0,0.87);
  text-decoration: none;
  }
a:hover.flow-link  {
  color:rgba(0,0,0,0.57);
  }
a:active.flow-link  {
  color:#771e1e;
  }
a.linkwhite {
  color: rgb(255 255 255);
  }
a.linkwhite:link {
  color: rgb(255 255 255);
  }
a.linkwhite:visited {
  color: #ffffff
  }
a.linkwhite:hover {
  color: #bbbbbb
  }
a.linkwhite:active {
  color: #bbbbbb;
  }
.sociallink a {
  border: 1px solid #848484;
  margin: 0 4px;
  }
.sociallink a:hover {
  border-color: #ccc;
  }
img.zoom {
  transform-origin: 50% 65%;
  transition: transform 5s, filter 3s ease-in-out;
  filter: brightness(110%)
  }
a:hover img.zoom {
  filter: brightness(100%);
  transform: scale(1.15)
  }
/* //////////////// CONTENEDORES //////////////// */
.container-xsmall {
  max-width: 800px !important;
  width: 95% !important;
  margin: auto;
  }
.container-small {
  max-width: 1024px !important;
  width: 95% !important;
  margin: auto;
  }
.container-medium {
  max-width: 1280px !important;
  width: 99% !important;
  margin: auto;
  }
.container-large {
  max-width: 1366px !important;
  width: 93% !important;
  margin: auto;
  }
.container-xlarge {
  max-width: 1920px !important;
  width: 99% !important;
  margin: auto;
  }
.container-full {
  max-width: 100% !important;
  width: 100% !important;
  margin: auto;
  }
/* ///////////////// CAJAS FOTOGRAFICAS ///////////////// */
figure {
  position: relative;
  overflow: hidden;
  margin: .75rem 0;
  padding: 0 !important;
  background: #b0b1ba;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
}
figure:before {
  content: '';
  display: block;
  padding-top: 100%;
  filter: blur(3px) brightness(.9);
  background-image: var(--background);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

figcaption {
  font-size: 1rem;
  font-weight: 400;
  padding: 0 15px;
  width: 100%;
  position: absolute;
  bottom: 0;
  color: #fff;
  background: #00000054;
  display: flex;
  justify-content: flex-end;
}
.foto1-1:before {
  padding-top: 100%;
}
.foto4-5:before {
  padding-top: 80%;
}
.foto4-6:before {
  padding-top: 66%;
}
.foto4-7:before {
  padding-top: 57%;
}
.foto4-8:before {
  padding-top: 50%;
}
.foto4-9:before {
  padding-top: 44%;
}
.foto4-10:before {
  padding-top: 40%;
}
.foto4-11:before {
  padding-top: 36%;
}
.foto9-16:before {
  padding-top: 56%;
}
.foto120:before {
  padding-top: 120%;
}
.foto130:before {
  padding-top: 130%;
}
.foto140:before {
  padding-top: 140%;
}
.foto150:before {
  padding-top: 150%;
}
.foto160:before {
  padding-top: 160%;
}
.fotoh {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  max-width: 100%!important;
  width:100%!important;
  height: auto;
  right: 0;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  margin: auto;
}
.fotov {
  position: absolute;
  top: 0;
  bottom: 0;
  left: -150px;
  right: -150px;
  width: 150%;
  max-width: 150%;
  height: auto;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  margin: auto;
}
.fotoc {
  position: absolute;
  left: -25%;
  right: -25%;
  max-width: 150%;
  min-width: 150%;
  width: 100%;
  height: auto;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
}
.centro{
  display: flex;
  justify-content: center;
  align-items: center;
}
/* /////////////////////////////// */
.fot {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0 !important;
  background: #b0b1ba;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
}
.fot:before {
  content: '';
  display: block;
  padding-top: 100%;
  filter: blur(3px) brightness(.9);
  background-image: var(--background);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.fot img[alt]:after {
  color: #d6d6d6;
  filter: invert(1) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(200%) contrast(100%);
  background-image: url('../img/andina.svg');
  background-repeat: no-repeat;
  background-size: 50%;
  background-position: center;
  background-position-y: 50%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-family: 'Helvetica';
  font-weight: 300;
  line-height: 20px;
  text-align: center;
  content: attr(alt);
}
.fotoxx:before {
  padding-top: 100%;
}
.relative:before {
  content: '';
  display: block;
}
.foto-h {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  max-width: 100%!important;
  width:100%!important;
  height: auto;
  right: 0;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  margin: auto;
}
.foto-v {
  position: absolute;
  top: 0;
  bottom: 0;
  left: -150px;
  right: -150px;
  width: 150%;
  max-width: 150%;
  height: auto;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  margin: auto;
}
.foto-c {
  position: absolute;
  left: -25%;
  right: -25%;
  max-width: 150%;
  min-width: 150%;
  width: 100%;
  height: auto;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
}
.centro-c{
  display: flex;
  justify-content: center;
  align-items: center;
}
/* //////////////// FUENTES ///////////////// */
@media only screen and (min-width: 360px) {
  .flow-text {font-size: 1.42rem;}
}
@media only screen and (min-width: 390px) {
  .flow-text {font-size: 1.43rem;}
}
@media only screen and (min-width: 420px) {
  .flow-text {font-size: 1.44rem;}
}
@media only screen and (min-width: 450px) {
  .flow-text {font-size: 1.45rem;}
}
@media only screen and (min-width: 480px) {
  .flow-text {font-size: 1.46rem;}
}
@media only screen and (min-width: 510px) {
  .flow-text {font-size: 1.47rem;}
}
@media only screen and (min-width: 540px) {
  .flow-text {font-size: 1.48rem;}
}
@media only screen and (min-width: 570px) {
  .flow-text {font-size: 1.49rem;}
}
@media only screen and (min-width: 600px) {
  .flow-text {font-size: 1.50rem;}
}



@media only screen and (min-width: 630px) {
  .flow-text {font-size: 1.01rem;}
}
@media only screen and (min-width: 660px) {
  .flow-text {font-size: 1.02rem;}
}
@media only screen and (min-width: 690px) {
  .flow-text {font-size: 1.03rem;}
}
@media only screen and (min-width: 720px) {
  .flow-text {font-size: 1.04rem;}
}
@media only screen and (min-width: 750px) {
  .flow-text {font-size: 1.05rem;}
}
@media only screen and (min-width: 780px) {
  .flow-text {font-size: 1.06rem;}
}
@media only screen and (min-width: 810px) {
  .flow-text {font-size: 1.07rem;}
}
@media only screen and (min-width: 840px) {
  .flow-text {font-size: 1.08rem;}
}
@media only screen and (min-width: 870px) {
  .flow-text {font-size: 1.09rem;}
}
@media only screen and (min-width: 900px) {
  .flow-text {font-size: 1.01rem;}
}
@media only screen and (min-width: 930px) {
  .flow-text {font-size: 1.11rem;}
}
@media only screen and (min-width: 960px) {
  .flow-text {font-size: 1.12rem;}
}



@media only screen and (max-width: 360px) {
  .flow-text {font-size: 1rem;}
}
/* //////////////// FUENTES /////////////////
@media only screen and (min-width: 360px) {
  .flow-text {font-size: 1rem;}
}
@media only screen and (min-width: 390px) {
  .flow-text {font-size: 1.024rem;}
}
@media only screen and (min-width: 420px) {
  .flow-text {font-size: 1.048rem;}
}
@media only screen and (min-width: 450px) {
  .flow-text {font-size: 1.072rem;}
}
@media only screen and (min-width: 480px) {
  .flow-text {font-size: 1.096rem;}
}
@media only screen and (min-width: 510px) {
  .flow-text {font-size: 1.12rem;}
}
@media only screen and (min-width: 540px) {
  .flow-text {font-size: 1.144rem;}
}
@media only screen and (min-width: 570px) {
  .flow-text {font-size: 1.168rem;}
}
@media only screen and (min-width: 600px) {
  .flow-text {font-size: 1.192rem;}
}
@media only screen and (min-width: 630px) {
  .flow-text {font-size: 1.016rem;}
}
@media only screen and (min-width: 660px) {
  .flow-text {font-size: 1.04rem;}
}
@media only screen and (min-width: 690px) {
  .flow-text {font-size: 1.064rem;}
}
@media only screen and (min-width: 720px) {
  .flow-text {font-size: 1.088rem;}
}
@media only screen and (min-width: 750px) {
  .flow-text {font-size: 1.112rem;}
}
@media only screen and (min-width: 780px) {
  .flow-text {font-size: 1.136rem;}
}
@media only screen and (min-width: 810px) {
  .flow-text {font-size: 1.16rem;}
}
@media only screen and (min-width: 840px) {
  .flow-text {font-size: 1.184rem;}
}
@media only screen and (min-width: 870px) {
  .flow-text {font-size: 1.208rem;}
}
@media only screen and (min-width: 900px) {
  .flow-text {font-size: 1.232rem;}
}
@media only screen and (min-width: 930px) {
  .flow-text {font-size: 1.256rem;}
}
@media only screen and (min-width: 960px) {
  .flow-text {font-size: 1.28rem;}
}
@media only screen and (max-width: 360px) {
  .flow-text {font-size: 1rem;}
}*/
h1 {
  font-size: 3rem;
margin: 5px 0;
line-height: 3.8rem;
font-weight: 700;
  }
h2 {
  font-size: 1.9rem;
  margin: 5px 0;
  line-height: 2.1rem;
  }
h3 {
  font-size: 1.8rem;
  margin: 5px 0;
  line-height: 1.9rem;
  }
h4 {
  font-size: 1.7rem;
  margin: 5px 0;
  line-height: 1.9rem;
  }
h5 {
  font-size: 1.5rem;
  margin: 5px 0;
  line-height: 2.7rem;
  }
h6 {
  font-size: 1.1rem;
  margin: 5px 0;
  line-height: 1.7rem;
  letter-spacing: .03rem;
  }
small{
  font-size: 100%!important;
  }
.fz04 {font-size: 0.4rem !important;}
.fz06 {font-size: 0.6rem !important;}
.fz07 {font-size: 0.7rem !important;}
.fz08 {font-size: 0.8rem !important;}
.fz09 {font-size: 0.9rem !important;}
.fz10 {font-size: 1.0rem !important;}
.fz11 {font-size: 1.1rem !important;}
.fz12 {font-size: 1.2rem !important;}
.fz13 {font-size: 1.3rem !important;}
.fz14 {font-size: 1.4rem !important;}
.fz15 {font-size: 1.5rem !important;}
.fz16 {font-size: 1.6rem !important;}
.fz17 {font-size: 1.7rem !important;}
.fz18 {font-size: 1.8rem !important;}
.fz19 {font-size: 1.9rem !important;}
.fz20 {font-size: 2.0rem !important;}
.fz21 {font-size: 2.1rem !important;}
.fz22 {font-size: 2.2rem !important;}
.fz23 {font-size: 2.3rem !important;}
.fz24 {font-size: 2.4rem !important;}
.fz25 {font-size: 2.5rem !important;}
.fz26 {font-size: 2.6rem !important;}
.fz27 {font-size: 2.7rem !important;}
.fz28 {font-size: 2.8rem !important;}
.fz29 {font-size: 2.9rem !important;}
.fz30 {font-size: 3.0rem !important;}
.fz31 {font-size: 3.1rem !important;}
.fz32 {font-size: 3.2rem !important;}
.fz33 {font-size: 3.3rem !important;}
.fz34 {font-size: 3.4rem !important;}
.fz35 {font-size: 3.5rem !important;}
.fz36 {font-size: 3.6rem !important;}
.fz37 {font-size: 3.7rem !important;}
.fz38 {font-size: 3.8rem !important;}
.fz39 {font-size: 3.9rem !important;}
.fz40 {font-size: 4.0rem !important;}
.fz50 {font-size: 5.0rem !important;}
.fz60 {font-size: 6.0rem !important;}
.fz70 {font-size: 7.0rem !important;}
.fz80 {font-size: 8.0rem !important;}
.fz90 {font-size: 9.0rem !important;}
.fw100 {font-weight: 100 !important;}
.fw200 {font-weight: 200 !important;}
.fw300 {font-weight: 300 !important;}
.fw400 {font-weight: 400 !important;}
.fw500 {font-weight: 500 !important;}
.fw600 {font-weight: 600 !important;}
.fw700 {font-weight: 700 !important;}
.fw800 {font-weight: 800 !important;}
.fw900 {font-weight: 900 !important;}
.lh0 {line-height: inherit !important;
      height: inherit !important;}
.no-lh {line-height: 0px !important;}
.lh10 {line-height: 10px !important;}
.lh12 {line-height: 12px !important;}
.lh13 {line-height: 13px !important;}
.lh14 {line-height: 14px !important;}
.lh15 {line-height: 15px !important;}
.lh16 {line-height: 16px !important;}
.lh17 {line-height: 17px !important;}
.lh18 {line-height: 18px !important;}
.lh19 {line-height: 19px !important;}
.lh20 {line-height: 20px !important;}
.lh21 {line-height: 21px !important;}
.lh22 {line-height: 22px !important;}
.lh23 {line-height: 23px !important;}
.lh24 {line-height: 24px !important;}
.lh25 {line-height: 25px !important;}
.lh26 {line-height: 26px !important;}
.lh27 {line-height: 27px !important;}
.lh28 {line-height: 28px !important;}
.lh29 {line-height: 29px !important;}
.lh30 {line-height: 30px !important;}
.lh31 {line-height: 31px !important;}
.lh32 {line-height: 32px !important;}
.lh33 {line-height: 33px !important;}
.lh34 {line-height: 34px !important;}
.lh35 {line-height: 35px !important;}
.lh36 {line-height: 36px !important;}
.lh37 {line-height: 37px !important;}
.lh38 {line-height: 38px !important;}
.lh39 {line-height: 39px !important;}
.lh40 {line-height: 40px !important;}
.lh45 {line-height: 45px !important;}
.lh50 {line-height: 50px !important;}
.lh55 {line-height: 55px !important;}
.lh60 {line-height: 60px !important;}
.lh65 {line-height: 65px !important;}
.lh70 {line-height: 70px !important;}
.lh75 {line-height: 75px !important;}
.lh80 {line-height: 80px !important;}
/* //////////////// WIDTH ///////////////// */
.wd10{width: 10px;}
.wd15{width: 15px;}
.wd20{width: 20px;}
.wd25{width: 25px;}
.wd30{width: 30px;}
.wd30{width: 35px;}
.wd40{width: 40px;}
.wd40{width: 45px;}
.wd50{width: 50px;}
.wd55{width: 55px;}
.wd60{width: 60px;}
.wd65{width: 65px;}
.wd70{width: 70px;}
.wd75{width: 75px;}
.wd80{width: 80px;}
.wd85{width: 85px;}
.wd90{width: 90px;}
.wd95{width: 95px;}
.wd100{width: 100px;}
.wd105{width: 105px;}
.wd110{width: 110px;}
.wd115{width: 115px;}
.wd120{width: 120px;}
.wd125{width: 125px;}
.wd130{width: 130px;}
.wd135{width: 135px;}
.wd140{width: 140px;}
.wd145{width: 145px;}
.wd150{width: 150px;}
.wd155{width: 155px;}
.wd160{width: 160px;}
.wd165{width: 165px;}
.wd170{width: 170px;}
.wd175{width: 175px;}
.wd180{width: 180px;}
.wd185{width: 185px;}
.wd190{width: 190px;}
.wd195{width: 195px;}
.wd200{width: 200px;}
.wd250{width: 250px;}
.wd300{width: 300px;}
.wd350{width: 350px;}
/* //////////////// PADDING //////////////// */
.no-padding {padding: 0 !important;}
.no-paddingtop {padding-top: 0 !important;}
.no-paddingbottom {padding-bottom: 0 !important;}
.no-paddingleft {padding-left: 0 !important;}
.no-paddingright {padding-right: 0 !important;}
.padding1 {padding: 1px !important;}
.padding2 {padding: 2px !important;}
.padding3 {padding: 3px !important;}
.padding4 {padding: 4px !important;}
.padding5 {padding: 5px !important;}
.padding6 {padding: 6px !important;}
.padding7 {padding: 7px !important;}
.padding8 {padding: 8px !important;}
.padding9 {padding: 9px !important;}
.padding10 {padding: 10px !important;}
.padding15 {padding: 15px !important;}
.padding20 {padding: 20px !important;}
.padding25 {padding: 25px !important;}
.padding30 {padding: 30px !important;}
.padding35 {padding: 35px !important;}
.padding40 {padding: 40px !important;}
.paddingleft1 {padding-left: 1px !important;}
.paddingleft2 {padding-left: 2px !important;}
.paddingleft3 {padding-left: 3px !important;}
.paddingleft4 {padding-left: 4px !important;}
.paddingleft5 {padding-left: 5px !important;}
.paddingleft6 {padding-left: 6px !important;}
.paddingleft7 {padding-left: 7px !important;}
.paddingleft8 {padding-left: 8px !important;}
.paddingleft9 {padding-left: 9px !important;}
.paddingleft10 {padding-left: 10px !important;}
.paddingleft15 {padding-left: 15px !important;}
.paddingleft20 {padding-left: 20px !important;}
.paddingleft25 {padding-left: 25px !important;}
.paddingleft30 {padding-left: 30px !important;}
.paddingleft35 {padding-left: 35px !important;}
.paddingleft40 {padding-left: 40px !important;}
.paddingright1 {padding-right: 1px !important;}
.paddingright2 {padding-right: 2px !important;}
.paddingright3 {padding-right: 3px !important;}
.paddingright4 {padding-right: 4px !important;}
.paddingright5 {padding-right: 5px !important;}
.paddingright6 {padding-right: 6px !important;}
.paddingright7 {padding-right: 7px !important;}
.paddingright8 {padding-right: 8px !important;}
.paddingright9 {padding-right: 9px !important;}
.paddingright10 {padding-right: 10px !important;}
.paddingright15 {padding-right: 15px !important;}
.paddingright20 {padding-right: 20px !important;}
.paddingright25 {padding-right: 25px !important;}
.paddingright30 {padding-right: 30px !important;}
.paddingright35 {padding-right: 35px !important;}
.paddingright40 {padding-right: 40px !important;}
.paddinglat1 {padding: 0 1px !important;}
.paddinglat2 {padding: 0 2px !important;}
.paddinglat3 {padding: 0 3px !important;}
.paddinglat4 {padding: 0 4px !important;}
.paddinglat5 {padding: 0 5px !important;}
.paddinglat6 {padding: 0 6px !important;}
.paddinglat7 {padding: 0 7px !important;}
.paddinglat8 {padding: 0 8px !important;}
.paddinglat9 {padding: 0 9px !important;}
.paddinglat10 {padding: 0 10px !important;}
.paddinglat11 {padding: 0 11px !important;}
.paddinglat15 {padding: 0 15px !important;}
.paddinglat20 {padding: 0 20px !important;}
.paddinglat25 {padding: 0 25px !important;}
.paddinglat30 {padding: 0 30px !important;}
.paddinglat35 {padding: 0 35px !important;}
.paddinglat40 {padding: 0 40px !important;}
.paddinglat40 {padding: 0 40px !important;}
.paddingtopbottom1 {padding: 1px 0 !important;}
.paddingtopbottom2 {padding: 2px 0 !important;}
.paddingtopbottom3 {padding: 3px 0 !important;}
.paddingtopbottom4 {padding: 4px 0 !important;}
.paddingtopbottom5 {padding: 5px 0 !important;}
.paddingtopbottom6 {padding: 6px 0 !important;}
.paddingtopbottom7 {padding: 7px 0 !important;}
.paddingtopbottom8 {padding: 8px 0 !important;}
.paddingtopbottom9 {padding: 9px 0 !important;}
.paddingtopbottom10 {padding: 10px 0 !important;}
.paddingtopbottom15 {padding: 15px 0 !important;}
.paddingtopbottom20 {padding: 20px 0 !important;}
.paddingtopbottom25 {padding: 25px 0 !important;}
.paddingtopbottom30 {padding: 30px 0 !important;}
.paddingtopbottom35 {padding: 35px 0 !important;}
.paddingtopbottom40 {padding: 40px 0 !important;}
.paddingtop0 {padding-top: 0 !important;}
.paddingtop1 {padding-top: 1px !important;}
.paddingtop2 {padding-top: 2px !important;}
.paddingtop3 {padding-top: 3px !important;}
.paddingtop4 {padding-top: 4px !important;}
.paddingtop5 {padding-top: 5px !important;}
.paddingtop6 {padding-top: 6px !important;}
.paddingtop7 {padding-top: 7px !important;}
.paddingtop8 {padding-top: 8px !important;}
.paddingtop9 {padding-top: 9px !important;}
.paddingtop10 {padding-top: 10px !important;}
.paddingtop11 {padding-top: 11px !important;}
.paddingtop12 {padding-top: 12px !important;}
.paddingtop13 {padding-top: 13px !important;}
.paddingtop14 {padding-top: 14px !important;}
.paddingtop15 {padding-top: 15px !important;}
.paddingtop20 {padding-top: 20px !important;}
.paddingtop25 {padding-top: 25px !important;}
.paddingtop30 {padding-top: 30px !important;}
.paddingtop35 {padding-top: 35px !important;}
.paddingtop40 {padding-top: 40px !important;}
.paddingbottom0 {padding-bottom: 0 !important;}
.paddingbottom1 {padding-bottom: 1px !important;}
.paddingbottom2 {padding-bottom: 2px !important;}
.paddingbottom3 {padding-bottom: 3px !important;}
.paddingbottom4 {padding-bottom: 4px !important;}
.paddingbottom5 {padding-bottom: 5px !important;}
.paddingbottom6 {padding-bottom: 6px !important;}
.paddingbottom7 {padding-bottom: 7px !important;}
.paddingbottom8 {padding-bottom: 8px !important;}
.paddingbottom9 {padding-bottom: 9px !important;}
.paddingbottom10 {padding-bottom: 10px !important;}
.paddingbottom15 {padding-bottom: 15px !important;}
.paddingbottom20 {padding-bottom: 20px !important;}
.paddingbottom25 {padding-bottom: 25px !important;}
.paddingbottom30 {padding-bottom: 30px !important;}
.paddingbottom35 {padding-bottom: 35px !important;}
.paddingbottom40 {padding-bottom: 40px !important;}
/* //////////////// MARGIN //////////////// */
.marginauto {margin: auto !important;}
.no-margin {margin: 0 !important;}
.no-margintop {margin-top: 0 !important;}
.no-marginbottom {margin-bottom: 0 !important;}
.no-marginleft {margin-left: 0 !important;}
.no-marginright {margin-right: 0 !important;}
.margin1 {margin: 1px !important;}
.margin2 {margin: 2px !important;}
.margin3 {margin: 3px !important;}
.margin4 {margin: 4px !important;}
.margin5 {margin: 5px !important;}
.margin6 {margin: 6px !important;}
.margin7 {margin: 7px !important;}
.margin8 {margin: 8px !important;}
.margin9 {margin: 9px !important;}
.margin10 {margin: 10px !important;}
.margin15 {margin: 15px !important;}
.margin20 {margin: 20px !important;}
.margin25 {margin: 25px !important;}
.margin30 {margin: 30px !important;}
.margin35 {margin: 35px !important;}
.margin40 {margin: 40px !important;}
.marginleft1 {margin-left: 1px !important;}
.marginleft2 {margin-left: 2px !important;}
.marginleft3 {margin-left: 3px !important;}
.marginleft4 {margin-left: 4px !important;}
.marginleft5 {margin-left: 5px !important;}
.marginleft6 {margin-left: 6px !important;}
.marginleft7 {margin-left: 7px !important;}
.marginleft8 {margin-left: 8px !important;}
.marginleft9 {margin-left: 9px !important;}
.marginleft10 {margin-left: 10px !important;}
.marginleft15 {margin-left: 15px !important;}
.marginleft20 {margin-left: 20px !important;}
.marginleft25 {margin-left: 25px !important;}
.marginleft30 {margin-left: 30px !important;}
.marginleft35 {margin-left: 35px !important;}
.marginleft40 {margin-left: 40px !important;}
.marginleft70 {margin-left: 70px !important;}
.marginright1 {margin-right: 1px !important;}
.marginright2 {margin-right: 2px !important;}
.marginright3 {margin-right: 3px !important;}
.marginright4 {margin-right: 4px !important;}
.marginright5 {margin-right: 5px !important;}
.marginright6 {margin-right: 6px !important;}
.marginright7 {margin-right: 7px !important;}
.marginright8 {margin-right: 8px !important;}
.marginright9 {margin-right: 9px !important;}
.marginright10 {margin-right: 10px !important;}
.marginright15 {margin-right: 15px !important;}
.marginright20 {margin-right: 20px !important;}
.marginright25 {margin-right: 25px !important;}
.marginright30 {margin-right: 30px !important;}
.marginright35 {margin-right: 35px !important;}
.marginright40 {margin-right: 40px !important;}
.marginlat1 {margin: 0 1px !important;}
.marginlat2 {margin: 0 2px !important;}
.marginlat3 {margin: 0 3px !important;}
.marginlat4 {margin: 0 4px !important;}
.marginlat5 {margin: 0 5px !important;}
.marginlat6 {margin: 0 6px !important;}
.marginlat7 {margin: 0 7px !important;}
.marginlat8 {margin: 0 8px !important;}
.marginlat9 {margin: 0 9px !important;}
.marginlat10 {margin: 0 10px !important;}
.marginlat15 {margin: 0 15px !important;}
.marginlat20 {margin: 0 20px !important;}
.marginlat25 {margin: 0 25px !important;}
.marginlat30 {margin: 0 30px !important;}
.marginlat35 {margin: 0 35px !important;}
.marginlat40 {margin: 0 40px !important;}
.marginlat40 {margin: 0 40px !important;}
.margintopbottom1 {margin: 1px 0 !important;}
.margintopbottom2 {margin: 2px 0 !important;}
.margintopbottom3 {margin: 3px 0 !important;}
.margintopbottom4 {margin: 4px 0 !important;}
.margintopbottom5 {margin: 5px 0 !important;}
.margintopbottom6 {margin: 6px 0 !important;}
.margintopbottom7 {margin: 7px 0 !important;}
.margintopbottom8 {margin: 8px 0 !important;}
.margintopbottom9 {margin: 9px 0 !important;}
.margintopbottom10 {margin: 10px 0 !important;}
.margintopbottom15 {margin: 15px 0 !important;}
.margintopbottom20 {margin: 20px 0 !important;}
.margintopbottom25 {margin: 25px 0 !important;}
.margintopbottom30 {margin: 30px 0 !important;}
.margintopbottom35 {margin: 35px 0 !important;}
.margintopbottom40 {margin: 40px 0 !important;}
.margintop0 {margin-top: 0 !important;}
.margintop1 {margin-top: 1px !important;}
.margintop2 {margin-top: 2px !important;}
.margintop3 {margin-top: 3px !important;}
.margintop4 {margin-top: 4px !important;}
.margintop5 {margin-top: 5px !important;}
.margintop6 {margin-top: 6px !important;}
.margintop7 {margin-top: 7px !important;}
.margintop8 {margin-top: 8px !important;}
.margintop9 {margin-top: 9px !important;}
.margintop10 {margin-top: 10px !important;}
.margintop15 {margin-top: 15px !important;}
.margintop20 {margin-top: 20px !important;}
.margintop25 {margin-top: 25px !important;}
.margintop30 {margin-top: 30px !important;}
.margintop35 {margin-top: 35px !important;}
.margintop40 {margin-top: 40px !important;}
.marginbottom0 {margin-bottom: 0 !important;}
.marginbottom1 {margin-bottom: 1px !important;}
.marginbottom2 {margin-bottom: 2px !important;}
.marginbottom3 {margin-bottom: 3px !important;}
.marginbottom4 {margin-bottom: 4px !important;}
.marginbottom5 {margin-bottom: 5px !important;}
.marginbottom6 {margin-bottom: 6px !important;}
.marginbottom7 {margin-bottom: 7px !important;}
.marginbottom8 {margin-bottom: 8px !important;}
.marginbottom9 {margin-bottom: 9px !important;}
.marginbottom10 {margin-bottom: 10px !important;}
.marginbottom15 {margin-bottom: 15px !important;}
.marginbottom20 {margin-bottom: 20px !important;}
.marginbottom25 {margin-bottom: 25px !important;}
.marginbottom30 {margin-bottom: 30px !important;}
.marginbottom35 {margin-bottom: 35px !important;}
.marginbottom40 {margin-bottom: 40px !important;}
/* //////////////// MEDIAS //////////////// */

@media only screen and (max-width: 999px) {
  .marginbottom999-40{
    margin-bottom: 40px
  }
  }
@media only screen and (max-width: 750px) {
  .height100vh{
    height: 100% !important;
  }
  }
@media only screen and (max-width: 600px) {
  h1 {
    font-size: 2.5rem;
  margin: 5px 17px;
  line-height: 3rem;
  font-weight: 500;
    }
  }
@media only screen and (max-width: 400px) {

  }