/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Dec 27, 2015, 7:36:04 PM
    Author     : manuel
*/
.view-animate-container {
  position: relative; }

.view-animate.ng-enter, .view-animate.ng-leave {
  -webkit-transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 1s;
  transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 1s;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

.view-animate.ng-enter {
  opacity: 0; }

.view-animate.ng-enter.ng-enter-active {
  opacity: 1;
  top: 0;
  position: absolute; }

.view-animate.ng-leave.ng-leave-active {
  opacity: 0;
  top: 0;
  position: absolute; }

@font-face {
  font-family: 'neutra';
  src: url("../fonts/Neutra-Text-TF-Light-Alt_32149.ttf"); }
@font-face {
  font-family: 'learning-curve';
  src: url("../fonts/learning_curve/LearningCurve.ttf"); }
body {
  margin: 0;
  padding: 0;
  background-color: #1d1d1b;
  transition: all .5s ease-in-out;
  font-family: 'neutra';
  overflow-x: hidden; }
  body .text-white {
    color: #FFFFFF; }
  body .text-aquamarine {
    color: #22b7ef; }
  body .title_1 {
    font-size: 48px;
    font-weight: bold; }
  body .title_2 {
    font-size: 36px;
    font-weight: bold; }
  body .font-learning-curve {
    font-family: 'learning-curve'; }

.clickeable:hover {
  cursor: pointer; }

.margin_space {
  height: 70px; }

#nosotros .text_container {
  min-height: 600px;
  width: 100%;
  background-image: url("../img/background_1.jpg");
  background-position: 0px auto;
  background-size: 100% auto;
  background-repeat: no-repeat;
  display: table;
  position: relative;
  z-index: 1019; }
  #nosotros .text_container .content_container {
    text-align: center;
    display: table-cell;
    padding-top: 50px;
    vertical-align: middle; }
  #nosotros .text_container .icon_container {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 80px;
    text-align: center;
    margin-bottom: 30px; }
    #nosotros .text_container .icon_container img {
      height: 100%; }

.nosotros_2_section {
  text-align: center;
  padding: 7% 10%; }
  .nosotros_2_section img {
    height: 48px; }
  .nosotros_2_section .text-aquamarine {
    font-weight: bold; }
  .nosotros_2_section .h1 {
    margin-bottom: 0px;
    margin-top: 0px; }
  .nosotros_2_section .title_1 i {
    font-size: 92px;
    font-weight: normal;
    line-height: 42px;
    font-family: 'learning-curve'; }

.metodo_section {
  background-color: #FFFFFF;
  padding: 7% 10% 5% 10%;
  text-align: center; }
  .metodo_section img {
    height: 48px; }
  .metodo_section .step_container {
    padding: 50px 30px 0px 30px; }
    .metodo_section .step_container img {
      height: 80px; }
  .metodo_section .h2 {
    margin-bottom: 0px;
    margin-top: 0px; }

.metodo_2_section {
  background-color: #1d1d1b;
  text-align: center;
  padding: 7% 10%; }
  .metodo_2_section img {
    height: 90px; }
  .metodo_2_section .step_container {
    padding: 50px 30px;
    text-align: center; }
    .metodo_2_section .step_container img {
      height: 70px; }
    .metodo_2_section .step_container .text_image {
      margin-top: 30px;
      max-height: 40px; }
    .metodo_2_section .step_container .text_image_one_line {
      margin-top: 30px;
      max-height: 20px; }

.portafolio_section .title_container {
  height: 80px;
  background-color: #22b7ef;
  padding: 12px 20px;
  text-align: center; }
  .portafolio_section .title_container img {
    height: 100%; }
.portafolio_section .portfolio_item_container {
  height: 350px;
  margin: 0px;
  padding: 0px;
  overflow: hidden;
  position: relative; }
  .portafolio_section .portfolio_item_container:hover > .over_container {
    opacity: 1; }
    .portafolio_section .portfolio_item_container:hover > .over_container p {
      margin-top: 200px; }
  .portafolio_section .portfolio_item_container .image_container {
    width: 100%;
    padding: 0px;
    text-align: center; }
    .portafolio_section .portfolio_item_container .image_container img {
      transition: all 1.2s ease-in-out;
      width: 100%; }
  .portafolio_section .portfolio_item_container .over_container {
    transition: all .3s ease-in-out;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3); }
    .portafolio_section .portfolio_item_container .over_container p {
      transition: all .3s ease-in-out;
      margin-top: 70%;
      padding: 20px 15%;
      color: #FFFFFF;
      vertical-align: bottom;
      font-weight: bold; }

#portafolio_mobile .over_container {
  opacity: 1; }
  #portafolio_mobile .over_container p {
    margin-top: 35%; }

.contactanos_section {
  background-color: #1d1d1b;
  text-align: center;
  padding: 7% 10% 5% 10%; }
  .contactanos_section img {
    height: 40px; }
  .contactanos_section .form_container {
    margin-top: 7%; }
    .contactanos_section .form_container input[type='text'], .contactanos_section .form_container input[type='email'], .contactanos_section .form_container textarea {
      font-size: 24px;
      background-color: #1d1d1b;
      border: solid 2px #22b7ef;
      border-radius: 10px;
      margin-bottom: 10px;
      min-height: 50px;
      font-weight: bold; }
    .contactanos_section .form_container input[type='submit'] {
      font-size: 24px;
      background-color: #22b7ef;
      height: 40px;
      border-radius: 10px;
      line-height: 1;
      font-weight: 500;
      margin-top: 30px; }
  .contactanos_section .h3 {
    margin: 0px;
    font-weight: bold; }

#contactanos_mobile .contact_data_container p, #contactanos_mobile .contact_data_container a {
  font-size: 20px; }
#contactanos_mobile .telephone_container img {
  height: 20px; }

header .menu_desktop_container {
  height: 140px;
  position: fixed;
  top: 0;
  left: 0;
  background-color: #1d1d1b;
  width: 100%;
  z-index: 1020; }
  header .menu_desktop_container .logo_container {
    height: 100%;
    float: left;
    padding: 30px 0px 30px 70px; }
    header .menu_desktop_container .logo_container img {
      height: 100%; }
  header .menu_desktop_container .menu_container {
    float: right;
    margin-right: 15%; }
    header .menu_desktop_container .menu_container ul {
      list-style: none; }
      header .menu_desktop_container .menu_container ul li {
        float: left;
        padding: 55px 30px; }
        header .menu_desktop_container .menu_container ul li a {
          font-weight: bold;
          color: #FFFFFF; }
header .menu_mobile_container {
  position: fixed;
  top: 0;
  left: 0;
  height: 80px;
  border-bottom: solid 1px #FFFFFF;
  z-index: 1020;
  background-color: #1d1d1b;
  width: 100%; }
  header .menu_mobile_container .logo_container {
    height: 80px;
    float: left;
    padding: 10px 20px; }
    header .menu_mobile_container .logo_container img {
      height: 100%; }
  header .menu_mobile_container .menu_mobile_button {
    background-color: #000000;
    color: #FFFFFF;
    margin: 35px 20px 0px 0px; }

.modal-body {
  background-color: #000000; }

#portfolio_container {
  height: 518px;
  padding: 20px;
  background-color: #000000; }
  #portfolio_container .carousel_container {
    height: 478px;
    margin: 0 auto;
    left: 0;
    right: 0;
    overflow: hidden; }
    #portfolio_container .carousel_container .slide_container div:first-child {
      height: 100%; }
    #portfolio_container .carousel_container .slide_container img.slide {
      width: 100%; }
  #portfolio_container .description_container {
    height: 478px;
    color: #FFFFFF; }
    #portfolio_container .description_container p {
      vertical-align: bottom;
      bottom: 0px;
      left: 0px;
      margin-left: 20px;
      /*margin-bottom: 70px;*/
      position: absolute; }
  #portfolio_container .close {
    position: absolute;
    top: 0;
    right: 0;
    margin-right: 20px;
    font-size: 64px;
    color: #FFFFFF;
    opacity: 0.7; }
    #portfolio_container .close:focus {
      outline: none; }
    #portfolio_container .close span {
      text-shadow: none; }

@media (min-width: 992px) {
  .modal-lg {
    width: 1000px; } }

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