/* This stylesheet is meant for custom styles, on top of the Bone Template */


.purple {
    color: #9615DC;
}

.green{
    color: #00C2AE;
}

.global-purple {
    background: #9615DC;
    color:#fff;
  }

  .color-white, .color-white p, .color-white a, .color-white p a  {
    color:#fff;
    font-size: 14px;
  }

  .color-white-important{
    color:#fff !important;
    text-decoration: none;
    border-bottom: none !important;;
  }

  .profile img {
    width: 50%;
}
.intro-text p {
    font-size: 0,9em;
    text-align: justify;
}

.service .icon {
    margin-bottom: 15px;
    font-size: 5.5em;
    color:#00C8B6;
}

.grey-back-1 {
    background-image: url(../images/backs/groovepaper.png);
}

.grey-back-2 {
    background-image: url(../images/backs/wall4.png);
}

.home-intro {
    background-image: url(../images/backs/light.jpg);
    background-size: cover;
    background-repeat: repeat-x;
}

.breadcrum-section {
    padding-bottom: 0px;
}



.margin-0 {
  margin: 0px !important;
}

/* CSS VDEIO BACKGROUND */


.fullscreen-bg {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: -100;
  }
  
  .fullscreen-bg__video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  
  @media (min-aspect-ratio: 16/9) {
    .fullscreen-bg__video {
      height: 300%;
      top: -100%;
    }
  }
  
  @media (max-aspect-ratio: 16/9) {
    .fullscreen-bg__video {
      width: 300%;
      left: -100%;
    }
  }
  
  @media (max-width: 767px) {
    .fullscreen-bg {
      background: url('../images/04-2.jpg') center center / cover no-repeat;
    }
  
    .fullscreen-bg__video {
      display: none;
    }

    .texto-mitad {
      margin: 0 30px;
    }
  }

  @media (min-width: 767px) {
    .texto-mitad { 
      max-width: 600px;
    }
  }

  .icon {
    background: -webkit-linear-gradient(#9615DC, #7112CC);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  
  .grid .grid-item {
  
     
      
  }