html, body {
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0; }

header {
  position: absolute;
  top: 0;
  width: 100%;
  height: 125px;
  z-index: 1; }
  header .background {
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.7;
    overflow: hidden; }
    header .background .background-half {
      position: absolute;
      height: 40%;
      width: 100%;
      background: #FFF; }
    header .background .background-full {
      position: absolute;
      width: 100%;
      top: 0;
      bottom: 0;
      right: 95%;
      background: #FFF; }
    header .background .background-image {
      position: relative;
      height: 100%;
      width: 100%;
      max-width: 1200px;
      margin: auto;
      background: url("../img/top-background03.svg") no-repeat 30px;
      background-size: auto 100%; }
  header .container {
    position: relative;
    height: 100%; }
  header .logo {
    position: absolute;
    top: 10%;
    left: 0;
    height: 80%; }
  header .value-proposition {
    position: absolute;
    top: 5px;
    right: 0;
    text-align: right; }

.photo {
  position: relative;
  height: calc(100% - 45px);
  background: url("../img/slider/slider-hello.jpg") no-repeat center;
  background-size: cover;
  -webkit-transition: all .75s linear;
  -moz-transition: all .75s linear;
  transition: all .75s linear; }

.menu {
  position: absolute;
  width: 100%;
  bottom: -45px;
  line-height: 45px;
  text-align: center;
  z-index: 1; }
  .menu .triangle-top {
    background: url("../img/triangle1.svg") no-repeat bottom;
    background-size: 100% auto; }
  .menu :hover.triangle-top, .menu .active.triangle-top {
    background: url("../img/triangle1-border.svg") no-repeat bottom;
    background-size: 100% auto; }
  .menu .triangle-bottom {
    background: url("../img/triangle2.svg") no-repeat bottom;
    background-size: 100% auto; }
  .menu :hover.triangle-bottom, .menu .active.triangle-bottom {
    background: url("../img/triangle2-border.svg") no-repeat bottom;
    background-size: 100% auto; }
  .menu .menu-item {
    float: left;
    width: 20%;
    cursor: pointer; }
    .menu .menu-item img {
      width: 72%;
      padding: 30% 10% 0; }
    .menu .menu-item.active {
      color: #A21C4E;
      font-weight: 600;
      font-size: 1.2em; }

.menu-mobile {
  display: none;
  width: 100%; }
  .menu-mobile .opener {
    position: absolute;
    top: 5px;
    right: 10px;
    height: 40px; }
  .menu-mobile .menu-items {
    display: none;
    position: absolute;
    top: 0;
    width: 100%;
    padding: 60px 0 0;
    background: #FFF;
    box-shadow: 0 -5px 20px #000; }
    .menu-mobile .menu-items .logo {
      position: absolute;
      top: -25px;
      left: 10px;
      width: 150px; }
    .menu-mobile .menu-items .menu-item {
      width: 100%;
      padding: 0 15px;
      text-align: right;
      font-size: 1.2em;
      line-height: 50px;
      background: url("../img/horizontal-line02-phone.svg") no-repeat bottom right; }
      .menu-mobile .menu-items .menu-item:last-child {
        background: none; }
    .menu-mobile .menu-items.open {
      display: block; }

.content {
  overflow: hidden;
  min-height: calc(100% - 100px); }
  .content .text {
    position: relative;
    width: 50%;
    float: left;
    padding: 50px 0 0; }
    .content .text h2 {
      font-weight: 300;
      margin-bottom: 40px; }
    .content .text .horizontal-line {
      position: absolute;
      top: 120px;
      left: -320px; }
  .content .image {
    position: relative;
    width: 50%;
    float: left; }
    .content .image img {
      margin: 150px 0 0 20%;
      width: 650px; }
  .content .strategy-steps {
    background: url("../img/vertical-line.svg") no-repeat center;
    background-size: contain;
    overflow: hidden; }
    .content .strategy-steps .step {
      width: 50%;
      clear: both; }
      .content .strategy-steps .step.step-one, .content .strategy-steps .step.step-three {
        float: left;
        text-align: right; }
        .content .strategy-steps .step.step-one .order, .content .strategy-steps .step.step-three .order {
          background: url("../img/circle02.svg") no-repeat right; }
      .content .strategy-steps .step.step-two, .content .strategy-steps .step.step-four {
        float: right;
        text-align: left; }
        .content .strategy-steps .step.step-two .order, .content .strategy-steps .step.step-four .order {
          background: url("../img/circle.svg") no-repeat left; }
      .content .strategy-steps .step .order {
        color: #A21C4E;
        padding: 15px 52px;
        font-size: 1.5em; }
      .content .strategy-steps .step .title {
        padding: 15px 15px 0; }
      .content .strategy-steps .step .description {
        padding: 15px; }

footer {
  position: relative;
  height: 100px;
  width: 100%;
  background: #d72869;
  /* Old browsers */
  background: -moz-radial-gradient(center, ellipse cover, #d72869 0%, #780137 100%);
  /* FF3.6+ */
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #d72869), color-stop(100%, #780137));
  /* Chrome,Safari4+ */
  background: -webkit-radial-gradient(center, ellipse cover, #d72869 0%, #780137 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-radial-gradient(center, ellipse cover, #d72869 0%, #780137 100%);
  /* Opera 12+ */
  background: -ms-radial-gradient(center, ellipse cover, #d72869 0%, #780137 100%);
  /* IE10+ */
  background: radial-gradient(ellipse at center, #d72869 0%, #780137 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d72869', endColorstr='#780137',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */ }
  footer img {
    display: block;
    height: 100%;
    margin: auto; }
  footer .powered-by {
    display: none;
    position: absolute;
    top: 15%;
    right: 10px;
    height: 70%; }

.important {
  color: #A21C4E;
  font-weight: 400; }

label {
  font-weight: 400;
  margin-bottom: 5px !important; }

.form-control {
  border-radius: 0; }

.btn-primary {
  padding: 8px 20px;
  margin: 15px 0;
  float: right;
  background-color: #d72869;
  border-color: #a7014d;
  border-radius: 3px; }

.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
  background-color: #a7014d;
  border-color: #82013c; }

.ng-enter.content, .ng-move.content {
  -webkit-animation: fadeIn .5s;
  -moz-animation: fadeIn .5s;
  -o-animation: fadeIn .5s;
  animation: fadeIn .5s; }

.ng-leave {
  /*
  &.content {
      -webkit-animation: fadeOut .5s;
      -moz-animation: fadeOut .5s;
      -o-animation: fadeOut .5s;
      animation: fadeOut .5s;
  }*/ }

@media (max-width: 1200px) {
  header .background .background-image {
    max-width: 992px; } }
@media (max-width: 992px) {
  header .background .background-image {
    max-width: 768px; } }
@media (max-width: 768px) {
  header .background .background-full {
    right: 85%; }

  .value-proposition {
    display: none; }

  .menu {
    display: none; }

  .menu-mobile {
    display: block; }

  .photo {
    height: 250px;
    background-size: 160%; }

  .strategy .photo {
    background: url("../img/photos/mobile/strategy.jpg") no-repeat center !important;
    background-size: cover; }

  .guidance .photo {
    background: url("../img/photos/mobile/guidance.jpg") no-repeat center !important;
    background-size: cover; }

  .home .photo {
    background: url("../img/photos/mobile/who-is.jpg") no-repeat center !important;
    background-size: cover; }

  .contact .photo {
    background: url("../img/photos/mobile/contact.jpg") no-repeat center !important;
    background-size: cover; }

  .services .photo {
    background: url("../img/photos/mobile/services.jpg") no-repeat center !important;
    background-size: cover; }

  .content .text {
    width: 100%;
    padding: 10px 0; }
    .content .text .horizontal-line {
      top: 80px; }
  .content .image {
    display: none; } }
@media (max-width: 565px) {
  .menu-mobile .menu-items .logo {
    top: 15px;
    height: 80px;
    width: auto; } }

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