@import url("https://fonts.googleapis.com/css?family=Roboto:100,300,400,700");
@import "https://fonts.googleapis.com/icon?family=Material+Icons";
@import "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css";
body {
  font-family: "Roboto", sans-serif;
  color: #424242;
  overflow: hidden;
  overflow-y: scroll;
  background: #fff; }
  body.loading {
    overflow: hidden;
    overflow-y: hidden; }

section {
  background: #fff; }

.loader {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  transition: all .5s ease-in;
  z-index: 99999999999;
  background: #fff; }
  .loader .text {
    height: 100%; }
    .loader .text .logo img {
      width: 25%; }
    .loader .text .logo .spinner img {
      width: 60px;
      height: auto;
      margin-left: 0px; }
  .loader .icon {
    position: absolute;
    right: 20px;
    top: 10px; }
    .loader .icon img {
      width: 30px;
      height: 30px; }
  .loader.active {
    height: 0; }
  .loader.finish {
    display: none; }

.navbar-fixed {
  z-index: 999;
  position: fixed; }

.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.btn {
  background-color: #95C53D; }
  .btn:hover {
    background: #84af36; }

.mobile {
  display: none !important; }

#loader-send {
  display: none; }
  #loader-send img {
    width: 20px;
    height: 100%;
    vertical-align: text-bottom;
    margin-left: 5px; }

#mobile-demo {
  top: 56px; }
  #mobile-demo li a {
    color: #490468 !important;
    text-shadow: none !important;
    text-transform: uppercase; }

nav#myNav {
  background: transparent;
  color: #fff;
  font-weight: 400;
  border: none;
  box-shadow: none;
  padding-top: 10px; }
  nav#myNav a {
    color: #fff;
    text-transform: uppercase; }
    nav#myNav a.button-collapse {
      color: #490468; }
      nav#myNav a.button-collapse i {
        font-size: 31px; }
    nav#myNav a.brand-logo {
      text-transform: capitalize; }
      nav#myNav a.brand-logo img {
        height: 44px;
        width: auto;
        margin-top: 10px; }
  nav#myNav #mobile-demo li {
    border-bottom: 1px solid #eaeaea;
    padding: 5px;
    width: 90%;
    margin: auto; }
    nav#myNav #mobile-demo li:first-child {
      margin-top: 20px; }
  nav#myNav #goalsLogo {
    display: none; }
  nav#myNav #goalsLogoWhite {
    display: block; }
  nav#myNav.scrolled {
    background-color: #fafafa !important;
    transition: background-color .5s ease-in-out;
    padding-top: 0; }
    nav#myNav.scrolled .brand-logo {
      color: #490468 !important;
      text-shadow: none !important; }
    nav#myNav.scrolled li a {
      color: #490468 !important;
      text-shadow: none !important;
      text-transform: uppercase; }
    nav#myNav.scrolled #goalsLogo {
      display: block; }
    nav#myNav.scrolled #goalsLogoWhite {
      display: none; }

.container {
  width: 100%;
  max-width: initial;
  padding: 0 7%; }
  .container > .row {
    margin: 0; }
    .container > .row > .col {
      padding: 0; }

.row-flex {
  display: flex; }

.no-padding {
  padding: 0 !important; }

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

section#home {
  height: 100vh;
  background: #333; }
  section#home .container-fluid {
    padding: 0; }
  section#home .top-gradient {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#444444+0,444444+6,3a3a3a+28&0.87+0,0.47+6,0+28 */
    background: -moz-linear-gradient(top, rgba(68, 68, 68, 0.87) 0%, rgba(68, 68, 68, 0.47) 6%, rgba(58, 58, 58, 0) 28%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(68, 68, 68, 0.87) 0%, rgba(68, 68, 68, 0.47) 6%, rgba(58, 58, 58, 0) 28%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(68, 68, 68, 0.87) 0%, rgba(68, 68, 68, 0.47) 6%, rgba(58, 58, 58, 0) 28%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#de444444', endColorstr='#003a3a3a',GradientType=0 );
    /* IE6-9 */ }
  section#home .left-gradient {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 9;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+17,3a3a3a+58&0.89+0,0.72+18,0+59 */
    background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.89) 0%, rgba(0, 0, 0, 0.73) 17%, rgba(1, 1, 1, 0.72) 18%, rgba(58, 58, 58, 0.02) 58%, rgba(58, 58, 58, 0) 59%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.89) 0%, rgba(0, 0, 0, 0.73) 17%, rgba(1, 1, 1, 0.72) 18%, rgba(58, 58, 58, 0.02) 58%, rgba(58, 58, 58, 0) 59%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(0, 0, 0, 0.89) 0%, rgba(0, 0, 0, 0.73) 17%, rgba(1, 1, 1, 0.72) 18%, rgba(58, 58, 58, 0.02) 58%, rgba(58, 58, 58, 0) 59%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3000000', endColorstr='#003a3a3a',GradientType=1 );
    /* IE6-9 */ }
  section#home .home-bg-text .text-wrapper {
    position: absolute;
    height: 100%; }
    section#home .home-bg-text .text-wrapper h1 {
      font-size: 4em;
      margin: auto;
      color: #f7f7f7;
      z-index: 10;
      text-transform: capitalize; }
      section#home .home-bg-text .text-wrapper h1 span {
        font-weight: 200;
        text-transform: capitalize; }
  section#home .slider {
    z-index: 0;
    opacity: 1; }
    section#home .slider li#slide1 {
      background: #fff url(../images/home-bg.jpg);
      background-size: cover;
      background-position: center; }
    section#home .slider li#slide2 {
      background: #fff url(../images/home-bg-2.jpg);
      background-size: cover;
      background-position: center; }
    section#home .slider li#slide3 {
      background: #fff url(../images/home-bg-3.jpg);
      background-size: cover;
      background-position: center; }
    section#home .slider li#slide4 {
      background: #fff url(../images/home-bg-4.jpg);
      background-size: cover;
      background-position: center; }
    section#home .slider .swiper-slide {
      background-size: cover;
      height: 100vh; }
    section#home .slider .swiper-pagination {
      bottom: 20px; }
      section#home .slider .swiper-pagination .swiper-pagination-bullet {
        width: 15px;
        height: 15px;
        background: #fff;
        opacity: .8;
        margin: 0 8px; }
        section#home .slider .swiper-pagination .swiper-pagination-bullet-active {
          background: #95C53D; }

section#about {
  overflow: hidden; }
  section#about p, section#about h2 {
    -webkit-animation-duration: 1.5s;
    -webkit-animation-delay: 0.5s; }
  section#about .about-wrapper {
    padding: 6% 15%;
    text-align: center; }
    section#about .about-wrapper .about-title {
      text-transform: uppercase;
      color: #95C53D; }
      section#about .about-wrapper .about-title h2 {
        margin-top: 0;
        font-size: 2.8em;
        font-weight: 300; }
    section#about .about-wrapper .about-text {
      color: #3e3e3e;
      font-size: 1em;
      margin-top: 30px; }

.st0 {
  fill: white;
  stroke: white;
  stroke-miterlimit: 1;
  stroke-width: 3; }

.icon {
  transition: all 1s ease; }
  .icon svg path {
    transition: all .5s ease; }
  .icon:hover svg path {
    fill: #95C53D;
    stroke: #95C53D;
    background: white; }

section#values {
  padding: 6% 0;
  background-color: #222222; }
  section#values .values-title {
    text-transform: uppercase;
    color: #95C53D; }
    section#values .values-title h1 {
      font-size: 2.8em;
      margin-bottom: 70px;
      margin-top: 0;
      font-weight: 300; }
  section#values .values-icons {
    text-align: center; }
    section#values .values-icons .icon {
      color: #fff; }
      section#values .values-icons .icon .fa {
        font-size: 55px;
        border: 3px solid;
        border-radius: 50%;
        width: 120px;
        height: 120px;
        line-height: 120px;
        cursor: pointer;
        transition: all .4s ease; }
        section#values .values-icons .icon .fa:hover {
          color: #222;
          background: #fff; }
    section#values .values-icons svg {
      width: 50%;
      height: auto; }
    section#values .values-icons .value {
      padding: 1% 10%; }
      section#values .values-icons .value h3 {
        color: #fff;
        text-transform: uppercase;
        font-weight: 300;
        font-size: 1.5rem; }

.green-row {
  background-color: #95C53D;
  padding: 2%; }
  .green-row h1 {
    font-size: 2.5em;
    color: white;
    font-weight: 300;
    text-transform: uppercase;
    margin: 0; }

#services .service .row {
  background: #eaeaea; }
#services .service h2 {
  font-size: 3em;
  font-weight: 300;
  margin-top: 0; }
#services .service .btn-flat {
  background: rgba(0, 0, 0, 0.1); }
#services .service .col.l6:first-child {
  padding: 7% 5%;
  min-height: 680px; }
#services .service .service-img {
  height: 100%;
  width: 100%; }
#services .service .animated.one {
  animation-duration: 1.4s; }
#services .service .animated.two {
  animation-duration: .6s; }
#services .service .animated.three {
  animation-duration: 2s; }
#services .service.one .service-img {
  background-image: url(../images/services/service1.jpg);
  background-size: cover;
  background-position: center; }
#services .service.two .service-img {
  background-image: url(../images/services/service2.jpg);
  background-size: cover;
  background-position: center; }
#services .service.three .service-img {
  background-image: url(../images/services/service3.jpg);
  background-size: cover;
  background-position: center; }
#services .service.four .service-img {
  background-image: url(../images/services/service4.jpg);
  background-size: cover;
  background-position: center; }
#services .service.five .service-img {
  background-image: url(../images/services/service5.jpg);
  background-size: cover;
  background-position: center; }
#services .service.six .service-img {
  background-image: url(../images/services/service6.jpg);
  background-size: cover;
  background-position: center; }
#services .modal {
  padding: 25px;
  max-height: 80%;
  width: 60%; }
  #services .modal h3 {
    font-weight: 300;
    color: #490468; }
  #services .modal ul {
    padding-left: 20px; }
    #services .modal ul li {
      list-style-image: url(../images/list-line.png); }
  #services .modal strong {
    color: #490468; }
#services .tabs {
  height: auto; }
  #services .tabs .tab {
    padding: 15px 0;
    line-height: 1.5;
    height: auto; }
    #services .tabs .tab a {
      color: #333;
      font-weight: 400;
      font-size: 14px;
      padding: 0 10px; }
  #services .tabs .indicator {
    background-color: #95C53D; }

#service-mob .collapsible {
  margin-top: 0;
  background: #fff;
  margin-bottom: 0; }
  #service-mob .collapsible .collapsible-header {
    padding: 1.5rem; }
    #service-mob .collapsible .collapsible-header.active {
      background: #333;
      color: #95C53D;
      border-bottom: none; }
  #service-mob .collapsible .collapsible-body .service-img {
    margin: -2.1rem -2rem 2rem;
    height: 40vh; }
    #service-mob .collapsible .collapsible-body .service-img.one {
      background-image: url(../images/mobile/service1.jpg);
      background-size: cover; }
    #service-mob .collapsible .collapsible-body .service-img.two {
      background-image: url(../images/mobile/service2.jpg);
      background-size: cover; }
    #service-mob .collapsible .collapsible-body .service-img.three {
      background-image: url(../images/mobile/service3.jpg);
      background-size: cover; }
    #service-mob .collapsible .collapsible-body .service-img.four {
      background-image: url(../images/mobile/service4.jpg);
      background-size: cover; }
    #service-mob .collapsible .collapsible-body .service-img.five {
      background-image: url(../images/mobile/service5.jpg);
      background-size: cover; }
    #service-mob .collapsible .collapsible-body .service-img.six {
      background-image: url(../images/mobile/service6.jpg);
      background-size: cover; }
  #service-mob .collapsible .collapsible-body ul {
    padding-left: 20px; }
    #service-mob .collapsible .collapsible-body ul li {
      list-style-image: url(../images/list-line.png); }
  #service-mob .collapsible .collapsible-body strong {
    color: #490468; }

#cv {
  background-color: #fff;
  padding-top: 3%;
  height: 100%;
  z-index: -2;
  overflow: hidden; }
  #cv .row {
    margin-bottom: 0; }
    #cv .row .col.l6:last-child {
      padding-bottom: 3%; }
  #cv .image-wrapper {
    position: relative;
    height: auto;
    z-index: 1; }
    #cv .image-wrapper img {
      position: relative;
      left: -2%;
      bottom: -7px;
      width: 100%;
      min-height: auto;
      z-index: 1; }
  #cv .text-wrapper {
    height: 100%;
    z-index: 3;
    overflow: hidden; }
    #cv .text-wrapper .text {
      width: 60%;
      margin: auto; }
      #cv .text-wrapper .text h1 {
        font-size: 3em;
        font-weight: 300; }
      #cv .text-wrapper .text p {
        font-size: 1.2em;
        font-weight: 300; }
    #cv .text-wrapper .btn {
      margin-top: 25px; }
  #cv .animated.one {
    animation-duration: 2s; }
  #cv .animated.two {
    animation-duration: 1.5s; }
  #cv #modal-cv {
    width: 40%;
    padding: 25px; }
    #cv #modal-cv .modal-content {
      font-weight: 300; }
      #cv #modal-cv .modal-content h4 {
        font-weight: 300; }
      #cv #modal-cv .modal-content .file-field .btn {
        padding: 0 1rem; }
    #cv #modal-cv .modal-footer .btn-flat {
      padding: 0 1rem; }
      #cv #modal-cv .modal-footer .btn-flat:hover {
        background: rgba(0, 0, 0, 0.1); }
  #cv #cv-enviado {
    padding: 10px;
    border: 1px solid #95C53D;
    border-radius: 10px;
    display: none; }
  #cv #cv-loader {
    display: none; }
    #cv #cv-loader img {
      width: 20%;
      height: auto; }

#contacto {
  background: #fff;
  z-index: 999;
  box-shadow: 0 16px 20px -6px rgba(0, 0, 0, 0.4); }
  #contacto .parallax-container {
    height: 600px;
    z-index: 9; }
    #contacto .parallax-container .parallax {
      z-index: 8; }
      #contacto .parallax-container .parallax img {
        z-index: 2;
        opacity: .3;
        -webkit-filter: grayscale(70%);
        /* Safari 6.0 - 9.0 */
        filter: grayscale(70%);
        bottom: 0; }
    #contacto .parallax-container .form-container {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 600px;
      z-index: 999; }
      #contacto .parallax-container .form-container h1 {
        margin-top: 0;
        font-weight: 300;
        font-size: 3em; }
      #contacto .parallax-container .form-container form .input-field {
        /* label color */
        /* label focus color */
        /* label underline focus color */
        /* valid color */
        /* invalid color */
        /* icon prefix focus color */ }
        #contacto .parallax-container .form-container form .input-field input,
        #contacto .parallax-container .form-container form .input-field textarea {
          border-color: #424242;
          margin-bottom: 5px;
          color: #000; }
        #contacto .parallax-container .form-container form .input-field label {
          color: #424242;
          opacity: .6; }
        #contacto .parallax-container .form-container form .input-field input:focus + label,
        #contacto .parallax-container .form-container form .input-field textarea:focus + label {
          color: #490468;
          opacity: 1; }
        #contacto .parallax-container .form-container form .input-field input:focus,
        #contacto .parallax-container .form-container form .input-field textarea:focus {
          border-bottom: 1px solid #490468;
          box-shadow: 0 1px 0 0 #490468; }
        #contacto .parallax-container .form-container form .input-field input.valid {
          border-bottom: 1px solid #000;
          box-shadow: 0 1px 0 0 #000; }
        #contacto .parallax-container .form-container form .input-field input.invalid {
          border-bottom: 1px solid #e53935;
          box-shadow: 0 1px 0 0 #e53935; }
        #contacto .parallax-container .form-container form .input-field .prefix {
          line-height: 2;
          font-size: 1.8rem; }
        #contacto .parallax-container .form-container form .input-field .prefix.active {
          color: #490468; }
      #contacto .parallax-container .form-container form .btn {
        background-color: #490468;
        position: relative; }
        #contacto .parallax-container .form-container form .btn:hover {
          background: #8535a9; }
      #contacto .parallax-container .form-container form textarea {
        margin-bottom: 0; }
      #contacto .parallax-container .form-container form .row {
        margin-bottom: 0; }
        #contacto .parallax-container .form-container form .row:last-child {
          margin-bottom: 0; }
      #contacto .parallax-container .form-container #contacto-enviado {
        display: none;
        height: 100%;
        text-align: center;
        width: 50%; }
        #contacto .parallax-container .form-container #contacto-enviado p {
          border: 1px solid #490468;
          border-radius: 10px;
          margin-left: 0;
          padding: 10px;
          font-size: 1.2em; }

footer {
  background-color: #2a023c;
  color: #eaeaea;
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: -999; }
  footer .top {
    padding: 5% 0; }
    footer .top p {
      font-size: 14px;
      font-weight: 300;
      color: #fff;
      margin: 5px 0; }
      footer .top p a {
        color: #fff;
        transition: all .3s ease; }
        footer .top p a:hover {
          color: #95C53D;
          opacity: .9; }
      footer .top p strong {
        font-weight: 400; }
      footer .top p i.material-icons {
        font-size: 15px;
        margin-right: 10px; }
    footer .top .social {
      margin-top: 30px; }
      footer .top .social a i {
        color: #fff;
        transition: all .3s ease;
        font-size: 25px !important;
        margin-right: 10px; }
        footer .top .social a i:hover {
          color: #95C53D;
          opacity: .9; }
    footer .top .rights {
      margin-top: 35px; }
    footer .top .brand-wrapper {
      height: 100%; }
      footer .top .brand-wrapper img {
        width: 50%;
        margin: auto;
        margin-right: 0; }
  footer .bottom {
    width: 100%;
    height: auto;
    background: rgba(0, 0, 0, 0.4);
    padding: 5px; }
    footer .bottom p {
      margin: 0;
      font-size: 13px;
      font-weight: 300;
      color: rgba(255, 255, 255, 0.5); }
      footer .bottom p a {
        color: #eaeaea; }
        footer .bottom p a:hover {
          opacity: .6; }

/**/
/*Responsive in General*/
/**/
@media only screen and (max-device-width: 900px) {
  body {
    overflow-y: scroll; }

  .row-eq-height {
    display: block; }

  .no-mobile {
    display: none !important; }

  .mobile {
    display: block !important; }

  nav#myNav {
    background-color: #fafafa !important;
    transition: background-color .5s ease-in-out;
    padding-top: 0; }
    nav#myNav #goalsLogo {
      display: block; }
    nav#myNav #goalsLogoWhite {
      display: none; }
    nav#myNav.scrolled #goalsLogo {
      display: block; }
    nav#myNav.scrolled #goalsLogoWhite {
      display: none; }
    nav#myNav a.brand-logo {
      color: #490468 !important;
      text-shadow: none !important; }
      nav#myNav a.brand-logo img {
        height: 50px;
        margin-top: 6px; }
    nav#myNav li a {
      color: #490468 !important;
      text-shadow: none !important;
      text-transform: uppercase; }

  .green-row {
    padding: 4%; }
    .green-row h1 {
      font-size: 1.8rem; }

  section#about .about-wrapper {
    padding: 6% 0%; }
    section#about .about-wrapper .about-title h2 {
      font-size: 2em;
      margin-top: 1.78rem; }
    section#about .about-wrapper .about-text p {
      font-size: 14px; }

  #cv .text-wrapper .text {
    width: 90%; }
  #cv .row .col.l6:last-child {
    padding-bottom: 10%; }
  #cv #modal-cv {
    width: 90%; }

  #contacto .parallax-container .form-container #contacto-enviado {
    width: 100%; }

  footer .top {
    padding: 10% 0; }
    footer .top .brand-wrapper {
      margin-top: 5%; } }
/*Mobile*/
@media only screen and (min-device-width: 320px) and (max-device-width: 740px) {
  .loader .text .logo img {
    width: 55%; }
  .loader .text .logo .spinner img {
    width: 60px; }

  nav#myNav {
    padding-top: 0; }
    nav#myNav a.brand-logo img {
      height: 44px;
      margin-top: 6px; }
    nav#myNav #goalsLogo {
      display: block; }
    nav#myNav #goalsLogoWhite {
      display: none; }
    nav#myNav.scrolled #goalsLogo {
      display: block; }
    nav#myNav.scrolled #goalsLogoWhite {
      display: none; }

  section#home .slider li#slide1 {
    background: #fff url(../images/mobile/home-mb-1.jpg);
    background-size: cover;
    background-position: center; }
  section#home .slider li#slide2 {
    background: #fff url(../images/mobile/home-mb-2.jpg);
    background-size: cover;
    background-position: center; }
  section#home .slider li#slide3 {
    background: #fff url(../images/mobile/home-mb-3.jpg);
    background-size: cover;
    background-position: center; }
  section#home .slider li#slide4 {
    background: #fff url(../images/mobile/home-mb-4.jpg);
    background-size: cover;
    background-position: center; }

  section#values .values-title h1 {
    font-size: 2em;
    margin-bottom: 0;
    padding: 40px; }
  section#values .values-icons .icon .fa {
    border: 0px;
    font-size: 50px;
    width: 100px;
    height: 100px;
    line-height: 100px; }
  section#values .values-icons .value h3 {
    font-size: 1.2rem;
    padding: 0 50px;
    margin: 10px 0 20px; } }
/*Mobile Landsacpe*/
/*Mobile portrait*/
/**/
/*iPhone 5/6*/
/**/
/*iPhone portrait*/
/*iPhone landscape*/
/**/
/*iPad*/
/**/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  section#values .values-icons .value h3 {
    font-size: 1rem; } }
/*iPad portrait*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
  #service-mob .collapsible .collapsible-body .service-img {
    height: 30vh;
    background-position: center; } }
/*iPad landscape*/
/**/
/*Large Screens*/
/**/
/**/
/*Larger Screens*/
/**/

/*# sourceMappingURL=main.css.map */