@charset "UTF-8";
svg *:not(.blobCont image) {
	fill: none;
	stroke: currentColor;
}
#masthead_sg2 {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    padding-bottom: 10px;
    padding-top: 20px;
    background: linear-gradient(142deg, #49075d, #90234b);
}
#masthead_sg2 {
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	padding-bottom: 10px;
	background: linear-gradient(142deg, #7b3367, #2f0640);
}
.gradient-bl-100 {
    background: linear-gradient(90deg, rgb(232, 232, 232), rgb(255, 255, 255));
	padding: 40px 0px 10px 0px;
}
.gradient-bl2-100 {
    margin-bottom: 200px;
    padding-top: 20px;
    background: linear-gradient(142deg, rgb(51, 20, 51), rgb(146, 0, 88));
}
.grid-container.grid-container-padded.padbot{
    padding-bottom: 90px;
}
.grid-container.grid-container-padded.dandpart {
    padding-top: 40px;
}
#main .grid-y.teaser.nosotros {
    background-color: rgb(81, 54, 91);
    background-image: url(images/nos1.jpg);
    background-size: contain;
    min-height: 50vh;
    position: relative;
    background-repeat: no-repeat;
}
canvas {
    height: 700px;
    width: auto;
    margin-top: -400px;
}
h3.nos2 {
	font-family: 'Fjalla One', sans-serif;
    color: rgb(79, 47, 80);
    font-size: 40px;
    text-indent: 0px;
    line-height: 25px;
	background: -webkit-linear-gradient(top, rgb(204, 42, 161), rgb(115, 59, 110)) text;
}
a.button.expanded.nosbot {
    background-color: #341134;
}
.punto {
	font-family: 'Open Sans', sans-serif;
font-size:90px;
color:purple;

}
#top-main-menu > li:hover ul.sub-menu {
    display: block;
    z-index: 50000;
}
h3.nos2:after {
	font-family: 'Open Sans', sans-serif;
display: block;
    content: attr(data-line);
    color: #ab40ab;
   margin-left:5px;
    margin-bottom: 25px;
    font-size: 20px;
    font-weight: bold;
}
h3.nos {
    font-family: 'Fjalla One', sans-serif;
    color: rgb(191, 1, 128);
    font-size: 55px;
    text-indent: 0px;
    line-height: 89px;
  
    -webkit-background-clip: text;
   
}
.cell.medium-7.speci p {
    padding-left: 20px;
    font-size: 16px;
    color: rgb(148, 148, 148) !important;
    border-left: 2px solid rgb(187, 38, 151);
}
section.key-benefits.gradient-bl-100 {
overflow:hidden;
position:relative;

}

section.key-benefits.foco:after {
	content:"";
display:block;
position:absolute;
right:0px;
top:0px;
height:450px;
width:450px;
background-image:url(images/bulb.svg);
background-size:contain;
background-repeat:no-repeat; 
opacity: .2; 
-webkit-transform: rotate(40deg);
transform: rotate(40deg);

}
object.foco {
    position: absolute;
    right: 0px;
    opacity: 0.2;
    widht: 200px;
	transform: rotate(20deg);
}
section.teaser {
position:relative; 
overflow:hidden;
}
article.nos {
position:relative; 
overflow:hidden;
}

section.teaser image{
fill:currentColor !important;
}
circle.blob {
fill:currentColor !important;

}
.bgImage {
  margin: 0;
 
  width: 100%;
  overflow: hidden;
}
.bgImage {
  position: relative;
 
  
}
.blobCont {
  position: absolute;
 width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 0;
}
.blob:nth-child(1) {
  animation: move1 20s infinite linear;
}
@keyframes move1 {
  from {
    transform: rotate(90deg) translate(200px, 0.1px) rotate(-90deg);
  }
  to {
    transform: rotate(450deg) translate(200px, 0.1px) rotate(-450deg);
  }
}
.blob:nth-child(2) {
  animation: move2 20s infinite linear;
}
@keyframes move2 {
  from {
    transform: rotate(180deg) translate(200px, 0.1px) rotate(-180deg);
  }
  to {
    transform: rotate(540deg) translate(200px, 0.1px) rotate(-540deg);
  }
}
.blob:nth-child(3) {
  animation: move3 20s infinite linear;
}
@keyframes move3 {
  from {
    transform: rotate(270deg) translate(200px, 0.1px) rotate(-270deg);
  }
  to {
    transform: rotate(630deg) translate(200px, 0.1px) rotate(-630deg);
  }
}
.blob:nth-child(4) {
  animation: move4 20s infinite linear;
}
@keyframes move4 {
  from {
    transform: rotate(360deg) translate(200px, 0.1px) rotate(-360deg);
  }
  to {
    transform: rotate(720deg) translate(200px, 0.1px) rotate(-720deg);
  }
}
.blob:nth-child(5) {
  animation: move5 20s infinite linear;
}
@keyframes move5 {
  from {
    transform: rotate(450deg) translate(200px, 0.1px) rotate(-450deg);
  }
  to {
    transform: rotate(810deg) translate(200px, 0.1px) rotate(-810deg);
  }
}
.blob:nth-child(6) {
  animation: move6 20s infinite linear;
}
@keyframes move6 {
  from {
    transform: rotate(540deg) translate(200px, 0.1px) rotate(-540deg);
  }
  to {
    transform: rotate(900deg) translate(200px, 0.1px) rotate(-900deg);
  }
}
.blob:nth-child(7) {
  animation: move7 20s infinite linear;
}
@keyframes move7 {
  from {
    transform: rotate(630deg) translate(200px, 0.1px) rotate(-630deg);
  }
  to {
    transform: rotate(990deg) translate(200px, 0.1px) rotate(-990deg);
  }
}
.blob:nth-child(8) {
  animation: move8 20s infinite linear;
}
@keyframes move8 {
  from {
    transform: rotate(720deg) translate(200px, 0.1px) rotate(-720deg);
  }
  to {
    transform: rotate(1080deg) translate(200px, 0.1px) rotate(-1080deg);
  }
}
.blob:nth-child(9) {
  animation: move9 20s infinite linear;
}
@keyframes move9 {
  from {
    transform: rotate(810deg) translate(200px, 0.1px) rotate(-810deg);
  }
  to {
    transform: rotate(1170deg) translate(200px, 0.1px) rotate(-1170deg);
  }
}
.blob:nth-child(10) {
  animation: move10 20s infinite linear;
}
@keyframes move10 {
  from {
    transform: rotate(900deg) translate(200px, 0.1px) rotate(-900deg);
  }
  to {
    transform: rotate(1260deg) translate(200px, 0.1px) rotate(-1260deg);
  }
}
.blob:nth-child(11) {
  animation: move11 20s infinite linear;
}
@keyframes move11 {
  from {
    transform: rotate(990deg) translate(200px, 0.1px) rotate(-990deg);
  }
  to {
    transform: rotate(1350deg) translate(200px, 0.1px) rotate(-1350deg);
  }
}
.blob:nth-child(12) {
  animation: move12 20s infinite linear;
}
@keyframes move12 {
  from {
    transform: rotate(1080deg) translate(200px, 0.1px) rotate(-1080deg);
  }
  to {
    transform: rotate(1440deg) translate(200px, 0.1px) rotate(-1440deg);
  }
}
.blob:nth-child(13) {
  animation: move13 20s infinite linear;
}
@keyframes move13 {
  from {
    transform: rotate(1170deg) translate(200px, 0.1px) rotate(-1170deg);
  }
  to {
    transform: rotate(1530deg) translate(200px, 0.1px) rotate(-1530deg);
  }
}
.blob:nth-child(14) {
  animation: move14 20s infinite linear;
}
@keyframes move14 {
  from {
    transform: rotate(1260deg) translate(200px, 0.1px) rotate(-1260deg);
  }
  to {
    transform: rotate(1620deg) translate(200px, 0.1px) rotate(-1620deg);
  }
}
.blob:nth-child(15) {
  animation: move15 20s infinite linear;
}
@keyframes move15 {
  from {
    transform: rotate(1350deg) translate(200px, 0.1px) rotate(-1350deg);
  }
  to {
    transform: rotate(1710deg) translate(200px, 0.1px) rotate(-1710deg);
  }
}
.blob:nth-child(16) {
  animation: move16 20s infinite linear;
}
@keyframes move16 {
  from {
    transform: rotate(1440deg) translate(200px, 0.1px) rotate(-1440deg);
  }
  to {
    transform: rotate(1800deg) translate(200px, 0.1px) rotate(-1800deg);
  }
}
.blob:nth-child(17) {
  animation: move17 20s infinite linear;
}
@keyframes move17 {
  from {
    transform: rotate(1530deg) translate(200px, 0.1px) rotate(-1530deg);
  }
  to {
    transform: rotate(1890deg) translate(200px, 0.1px) rotate(-1890deg);
  }
}
.blob:nth-child(18) {
  animation: move18 20s infinite linear;
}
@keyframes move18 {
  from {
    transform: rotate(1620deg) translate(200px, 0.1px) rotate(-1620deg);
  }
  to {
    transform: rotate(1980deg) translate(200px, 0.1px) rotate(-1980deg);
  }
}/* CSS Document */
