/*---------------------------------------------------------
VARIABLES
---------------------------------------------------------*/
/*---------------------------------------------------------
MIXINS
---------------------------------------------------------*/
/*---------------------------------------------------------
PAGE HACKS
---------------------------------------------------------*/
/*---------------------------------------------------------
SKELETON
---------------------------------------------------------*/
div {
  padding: 0;
  margin: 0 auto; }

/* grid */
.container {
  width: 100%;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.row {
  width: 100%;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.row-fluid {
  width: 100%;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

@media (min-width: 801px) {
  .row {
    width: 750px; } }
@media (min-width: 1001px) {
  .row {
    width: 970px; } }
@media (min-width: 1201px) {
  .row {
    width: 1170px; } }
@media (min-width: 1301px) {
  .row {
    width: 1200px; } }
.col {
  width: 100%; }

/* columns */
.col-xxs-1, .col-xs-1, .col-s-1, .col-sm-1, .col-m-1, .col-ml-1, .col-l-1, .col-xl-1, .col-xxl-1,
.col-xxs-2, .col-xs-2, .col-s-2, .col-sm-2, .col-m-2, .col-ml-2, .col-l-2, .col-xl-2, .col-xxl-2,
.col-xxs-3, .col-xs-3, .col-s-3, .col-sm-3, .col-m-3, .col-ml-3, .col-l-3, .col-xl-3, .col-xxl-3,
.col-xxs-4, .col-xs-4, .col-s-4, .col-sm-4, .col-m-4, .col-ml-4, .col-l-4, .col-xl-4, .col-xxl-4,
.col-xxs-5, .col-xs-5, .col-s-5, .col-sm-5, .col-m-5, .col-ml-5, .col-l-5, .col-xl-5, .col-xxl-5,
.col-xxs-6, .col-xs-6, .col-s-6, .col-sm-6, .col-m-6, .col-ml-6, .col-l-6, .col-xl-6, .col-xxl-6,
.col-xxs-7, .col-xs-7, .col-s-7, .col-sm-7, .col-m-7, .col-ml-7, .col-l-7, .col-xl-7, .col-xxl-7,
.col-xxs-8, .col-xs-8, .col-s-8, .col-sm-8, .col-m-8, .col-ml-8, .col-l-8, .col-xl-8, .col-xxl-8,
.col-xxs-9, .col-xs-9, .col-s-9, .col-sm-9, .col-m-9, .col-ml-9, .col-l-9, .col-xl-9, .col-xxl-9,
.col-xxs-10, .col-xs-10, .col-s-10, .col-sm-10, .col-m-10, .col-ml-10, .col-l-10, .col-xl-10, .col-xxl-10,
.col-xxs-11, .col-xs-11, .col-s-11, .col-sm-11, .col-m-11, .col-ml-11, .col-l-11, .col-xl-11, .col-xxl-11,
.col-xxs-12, .col-xs-12, .col-s-12, .col-sm-12, .col-m-12, .col-ml-12, .col-l-12, .col-xl-12, .col-xxl-12,
.col-xxs-13, .col-xs-13, .col-s-13, .col-sm-13, .col-m-13, .col-ml-13, .col-l-13, .col-xl-13, .col-xxl-13,
.col-xxs-14, .col-xs-14, .col-s-14, .col-sm-14, .col-m-14, .col-ml-14, .col-l-14, .col-xl-14, .col-xxl-14,
.col-xxs-15, .col-xs-15, .col-s-15, .col-sm-15, .col-m-15, .col-ml-15, .col-l-15, .col-xl-15, .col-xxl-15,
.col-xxs-16, .col-xs-16, .col-s-16, .col-sm-16, .col-m-16, .col-ml-16, .col-l-16, .col-xl-16, .col-xxl-16,
.col-xxs-17, .col-xs-17, .col-s-17, .col-sm-17, .col-m-17, .col-ml-17, .col-l-17, .col-xl-17, .col-xxl-17,
.col-xxs-18, .col-xs-18, .col-s-18, .col-sm-18, .col-m-18, .col-ml-18, .col-l-18, .col-xl-18, .col-xxl-18,
.col-xxs-19, .col-xs-19, .col-s-19, .col-sm-19, .col-m-19, .col-ml-19, .col-l-19, .col-xl-19, .col-xxl-19,
.col-xxs-20, .col-xs-20, .col-s-20, .col-sm-20, .col-m-20, .col-ml-20, .col-l-20, .col-xl-20, .col-xxl-20,
.col-xxs-21, .col-xs-21, .col-s-21, .col-sm-21, .col-m-21, .col-ml-21, .col-l-21, .col-xl-21, .col-xxl-21,
.col-xxs-22, .col-xs-22, .col-s-22, .col-sm-22, .col-m-22, .col-ml-22, .col-l-22, .col-xl-22, .col-xxl-22,
.col-xxs-23, .col-xs-23, .col-s-23, .col-sm-23, .col-m-23, .col-ml-23, .col-l-23, .col-xl-23, .col-xxl-23,
.col-xxs-24, .col-xs-24, .col-s-24, .col-sm-24, .col-m-24, .col-ml-24, .col-l-24, .col-xl-24, .col-xxl-24 {
  position: relative;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

@media (min-width: 1px) {
  .col-xxs-24 {
    width: 100%; }

  .col-xxs-23 {
    width: 95.8333334%; }

  .col-xxs-22 {
    width: 91.6666667%; }

  .col-xxs-21 {
    width: 87.5%; }

  .col-xxs-20 {
    width: 83.3333334%; }

  .col-xxs-19 {
    width: 79.1666667%; }

  .col-xxs-18 {
    width: 75%; }

  .col-xxs-17 {
    width: 70.8333334%; }

  .col-xxs-16 {
    width: 66.6666667%; }

  .col-xxs-15 {
    width: 62.5%; }

  .col-xxs-14 {
    width: 58.3333334%; }

  .col-xxs-13 {
    width: 54.1666667%; }

  .col-xxs-12 {
    width: 50%; }

  .col-xxs-11 {
    width: 45.8333334%; }

  .col-xxs-10 {
    width: 41.6666667%; }

  .col-xxs-9 {
    width: 37.5%; }

  .col-xxs-8 {
    width: 33.3333334%; }

  .col-xxs-7 {
    width: 29.1666667%; }

  .col-xxs-6 {
    width: 25%; }

  .col-xxs-5 {
    width: 20.833334%; }

  .col-xxs-4 {
    width: 16.6666667%; }

  .col-xxs-3 {
    width: 12.5%; }

  .col-xxs-2 {
    width: 8.3333334%; }

  .col-xxs-1 {
    width: 4.1666667%; } }
@media (min-width: 401px) {
  .col-xs-24 {
    width: 100%; }

  .col-xs-23 {
    width: 95.8333334%; }

  .col-xs-22 {
    width: 91.6666667%; }

  .col-xs-21 {
    width: 87.5%; }

  .col-xs-20 {
    width: 83.3333334%; }

  .col-xs-19 {
    width: 79.1666667%; }

  .col-xs-18 {
    width: 75%; }

  .col-xs-17 {
    width: 70.8333334%; }

  .col-xs-16 {
    width: 66.6666667%; }

  .col-xs-15 {
    width: 62.5%; }

  .col-xs-14 {
    width: 58.3333334%; }

  .col-xs-13 {
    width: 54.1666667%; }

  .col-xs-12 {
    width: 50%; }

  .col-xs-11 {
    width: 45.8333334%; }

  .col-xs-10 {
    width: 41.6666667%; }

  .col-xs-9 {
    width: 37.5%; }

  .col-xs-8 {
    width: 33.3333334%; }

  .col-xs-7 {
    width: 29.1666667%; }

  .col-xs-6 {
    width: 25%; }

  .col-xs-5 {
    width: 20.833334%; }

  .col-xs-4 {
    width: 16.6666667%; }

  .col-xs-3 {
    width: 12.5%; }

  .col-xs-2 {
    width: 8.3333334%; }

  .col-xs-1 {
    width: 4.1666667%; } }
@media (min-width: 601px) {
  .col-s-24 {
    width: 100%; }

  .col-s-23 {
    width: 95.8333334%; }

  .col-s-22 {
    width: 91.6666667%; }

  .col-s-21 {
    width: 87.5%; }

  .col-s-20 {
    width: 83.3333334%; }

  .col-s-19 {
    width: 79.1666667%; }

  .col-s-18 {
    width: 75%; }

  .col-s-17 {
    width: 70.8333334%; }

  .col-s-16 {
    width: 66.6666667%; }

  .col-s-15 {
    width: 62.5%; }

  .col-s-14 {
    width: 58.3333334%; }

  .col-s-13 {
    width: 54.1666667%; }

  .col-s-12 {
    width: 50%; }

  .col-s-11 {
    width: 45.8333334%; }

  .col-s-10 {
    width: 41.6666667%; }

  .col-s-9 {
    width: 37.5%; }

  .col-s-8 {
    width: 33.3333334%; }

  .col-s-7 {
    width: 29.1666667%; }

  .col-s-6 {
    width: 25%; }

  .col-s-5 {
    width: 20.833334%; }

  .col-s-4 {
    width: 16.6666667%; }

  .col-s-3 {
    width: 12.5%; }

  .col-s-2 {
    width: 8.3333334%; }

  .col-s-1 {
    width: 4.1666667%; } }
@media (min-width: 801px) {
  .col-sm-24 {
    width: 100%; }

  .col-sm-23 {
    width: 95.8333334%; }

  .col-sm-22 {
    width: 91.6666667%; }

  .col-sm-21 {
    width: 87.5%; }

  .col-sm-20 {
    width: 83.3333334%; }

  .col-sm-19 {
    width: 79.1666667%; }

  .col-sm-18 {
    width: 75%; }

  .col-sm-17 {
    width: 70.8333334%; }

  .col-sm-16 {
    width: 66.6666667%; }

  .col-sm-15 {
    width: 62.5%; }

  .col-sm-14 {
    width: 58.3333334%; }

  .col-sm-13 {
    width: 54.1666667%; }

  .col-sm-12 {
    width: 50%; }

  .col-sm-11 {
    width: 45.8333334%; }

  .col-sm-10 {
    width: 41.6666667%; }

  .col-sm-9 {
    width: 37.5%; }

  .col-sm-8 {
    width: 33.3333334%; }

  .col-sm-7 {
    width: 29.1666667%; }

  .col-sm-6 {
    width: 25%; }

  .col-sm-5 {
    width: 20.833334%; }

  .col-sm-4 {
    width: 16.6666667%; }

  .col-sm-3 {
    width: 12.5%; }

  .col-sm-2 {
    width: 8.3333334%; }

  .col-sm-1 {
    width: 4.1666667%; } }
@media (min-width: 1001px) {
  .col-m-24 {
    width: 100%; }

  .col-m-23 {
    width: 95.8333334%; }

  .col-m-22 {
    width: 91.6666667%; }

  .col-m-21 {
    width: 87.5%; }

  .col-m-20 {
    width: 83.3333334%; }

  .col-m-19 {
    width: 79.1666667%; }

  .col-m-18 {
    width: 75%; }

  .col-m-17 {
    width: 70.8333334%; }

  .col-m-16 {
    width: 66.6666667%; }

  .col-m-15 {
    width: 62.5%; }

  .col-m-14 {
    width: 58.3333334%; }

  .col-m-13 {
    width: 54.1666667%; }

  .col-m-12 {
    width: 50%; }

  .col-m-11 {
    width: 45.8333334%; }

  .col-m-10 {
    width: 41.6666667%; }

  .col-m-9 {
    width: 37.5%; }

  .col-m-8 {
    width: 33.3333334%; }

  .col-m-7 {
    width: 29.1666667%; }

  .col-m-6 {
    width: 25%; }

  .col-m-5 {
    width: 20.833334%; }

  .col-m-4 {
    width: 16.6666667%; }

  .col-m-3 {
    width: 12.5%; }

  .col-m-2 {
    width: 8.3333334%; }

  .col-m-1 {
    width: 4.1666667%; } }
@media (min-width: 1201px) {
  .col-ml-24 {
    width: 100%; }

  .col-ml-23 {
    width: 95.8333334%; }

  .col-ml-22 {
    width: 91.6666667%; }

  .col-ml-21 {
    width: 87.5%; }

  .col-ml-20 {
    width: 83.3333334%; }

  .col-ml-19 {
    width: 79.1666667%; }

  .col-ml-18 {
    width: 75%; }

  .col-ml-17 {
    width: 70.8333334%; }

  .col-ml-16 {
    width: 66.6666667%; }

  .col-ml-15 {
    width: 62.5%; }

  .col-ml-14 {
    width: 58.3333334%; }

  .col-ml-13 {
    width: 54.1666667%; }

  .col-ml-12 {
    width: 50%; }

  .col-ml-11 {
    width: 45.8333334%; }

  .col-ml-10 {
    width: 41.6666667%; }

  .col-ml-9 {
    width: 37.5%; }

  .col-ml-8 {
    width: 33.3333334%; }

  .col-ml-7 {
    width: 29.1666667%; }

  .col-ml-6 {
    width: 25%; }

  .col-ml-5 {
    width: 20.833334%; }

  .col-ml-4 {
    width: 16.6666667%; }

  .col-ml-3 {
    width: 12.5%; }

  .col-ml-2 {
    width: 8.3333334%; }

  .col-ml-1 {
    width: 4.1666667%; } }
@media (min-width: 1401px) {
  .col-l-24 {
    width: 100%; }

  .col-l-23 {
    width: 95.8333334%; }

  .col-l-22 {
    width: 91.6666667%; }

  .col-l-21 {
    width: 87.5%; }

  .col-l-20 {
    width: 83.3333334%; }

  .col-l-19 {
    width: 79.1666667%; }

  .col-l-18 {
    width: 75%; }

  .col-l-17 {
    width: 70.8333334%; }

  .col-l-16 {
    width: 66.6666667%; }

  .col-l-15 {
    width: 62.5%; }

  .col-l-14 {
    width: 58.3333334%; }

  .col-l-13 {
    width: 54.1666667%; }

  .col-l-12 {
    width: 50%; }

  .col-l-11 {
    width: 45.8333334%; }

  .col-l-10 {
    width: 41.6666667%; }

  .col-l-9 {
    width: 37.5%; }

  .col-l-8 {
    width: 33.3333334%; }

  .col-l-7 {
    width: 29.1666667%; }

  .col-l-6 {
    width: 25%; }

  .col-l-5 {
    width: 20.833334%; }

  .col-l-4 {
    width: 16.6666667%; }

  .col-l-3 {
    width: 12.5%; }

  .col-l-2 {
    width: 8.3333334%; }

  .col-l-1 {
    width: 4.1666667%; } }
@media (min-width: 1601px) {
  .col-xl-24 {
    width: 100%; }

  .col-xl-23 {
    width: 95.8333334%; }

  .col-xl-22 {
    width: 91.6666667%; }

  .col-xl-21 {
    width: 87.5%; }

  .col-xl-20 {
    width: 83.3333334%; }

  .col-xl-19 {
    width: 79.1666667%; }

  .col-xl-18 {
    width: 75%; }

  .col-xl-17 {
    width: 70.8333334%; }

  .col-xl-16 {
    width: 66.6666667%; }

  .col-xl-15 {
    width: 62.5%; }

  .col-xl-14 {
    width: 58.3333334%; }

  .col-xl-13 {
    width: 54.1666667%; }

  .col-xl-12 {
    width: 50%; }

  .col-xl-11 {
    width: 45.8333334%; }

  .col-xl-10 {
    width: 41.6666667%; }

  .col-xl-9 {
    width: 37.5%; }

  .col-xl-8 {
    width: 33.3333334%; }

  .col-xl-7 {
    width: 29.1666667%; }

  .col-xl-6 {
    width: 25%; }

  .col-xl-5 {
    width: 20.833334%; }

  .col-xl-4 {
    width: 16.6666667%; }

  .col-xl-3 {
    width: 12.5%; }

  .col-xl-2 {
    width: 8.3333334%; }

  .col-xl-1 {
    width: 4.1666667%; } }
@media (min-width: 1801px) {
  .col-xxl-24 {
    width: 100%; }

  .col-xxl-23 {
    width: 95.8333334%; }

  .col-xxl-22 {
    width: 91.6666667%; }

  .col-xxl-21 {
    width: 87.5%; }

  .col-xxl-20 {
    width: 83.3333334%; }

  .col-xxl-19 {
    width: 79.1666667%; }

  .col-xxl-18 {
    width: 75%; }

  .col-xxl-17 {
    width: 70.8333334%; }

  .col-xxl-16 {
    width: 66.6666667%; }

  .col-xxl-15 {
    width: 62.5%; }

  .col-xxl-14 {
    width: 58.3333334%; }

  .col-xxl-13 {
    width: 54.1666667%; }

  .col-xxl-12 {
    width: 50%; }

  .col-xxl-11 {
    width: 45.8333334%; }

  .col-xxl-10 {
    width: 41.6666667%; }

  .col-xxl-9 {
    width: 37.5%; }

  .col-xxl-8 {
    width: 33.3333334%; }

  .col-xxl-7 {
    width: 29.1666667%; }

  .col-xxl-6 {
    width: 25%; }

  .col-xxl-5 {
    width: 20.833334%; }

  .col-xxl-4 {
    width: 16.6666667%; }

  .col-xxl-3 {
    width: 12.5%; }

  .col-xxl-2 {
    width: 8.3333334%; }

  .col-xxl-1 {
    width: 4.1666667%; } }
/*---------------------------------------------------------
BASE
---------------------------------------------------------*/
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important; }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 150px, 0);
    -ms-transform: translate3d(0, 150px, 0);
    transform: translate3d(0, 150px, 0); }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -150px, 0);
    -ms-transform: translate3d(0, -150px, 0);
    transform: translate3d(0, -150px, 0); } }
.preloader {
  position: fixed;
  background: #fff;
  width: 100%;
  height: 100%;
  z-index: 999999999;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -ms-align-items: center;
  -moz-align-items: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-transition: opacity 1s ease;
  -moz-transition: opacity 1s ease;
  -ms-transition: opacity 1s ease;
  -o-transition: opacity 1s ease;
  transition: opacity 1s ease;
  opacity: 1; }
  .preloader .logo {
    width: 300px;
    display: block;
    animation: fadeInUp 1.25s;
    opacity: 1; }
    @media (max-width: 750px) {
      .preloader .logo {
        width: 250px; } }
  .preloader.finished {
    opacity: 0;
    display: none; }
    .preloader.finished.ng-animate {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -ms-align-items: center;
      -moz-align-items: center;
      -webkit-align-items: center;
      align-items: center; }
    .preloader.finished .logo {
      animation: fadeOutUp 1.5s;
      opacity: 0; }

html body * {
  max-height: 999999px; }

html {
  min-height: 110%;
  min-height: 110vh;
  width: 100%;
  overflow-y: scroll; }

body {
  min-height: 110%;
  min-height: 110vh;
  width: 100%;
  font-family: "Lato", sans-serif;
  line-height: 1.6;
  margin: 0; }

.wrapper {
  min-height: 100vh;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  background: #fff; }

a {
  color: #000;
  text-decoration: none; }
  a:hover {
    color: #000;
    text-decoration: none; }
  a:focus {
    color: #000;
    text-decoration: none; }

p {
  padding: 0;
  margin: 0;
  font-weight: 400;
  font-size: 16px;
  color: #282828;
  line-height: 1.8; }

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  font-weight: 300; }

h1 {
  font-size: 4.0rem;
  line-height: 1.2;
  letter-spacing: -.1rem; }

h2 {
  font-size: 3.6rem;
  line-height: 1.25;
  letter-spacing: -.1rem; }

h3 {
  font-size: 3.0rem;
  line-height: 1.3;
  letter-spacing: -.1rem; }

h4 {
  font-size: 2.4rem;
  line-height: 1.35;
  letter-spacing: -.08rem; }

h5 {
  font-size: 1.8rem;
  line-height: 1.5;
  letter-spacing: -.05rem; }

h6 {
  font-size: 1.5rem;
  line-height: 1.6;
  letter-spacing: 0; }

h1 {
  font-size: 22px;
  color: #000;
  padding: 0;
  margin: 0;
  width: 100%;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

h2 {
  font-size: 18px;
  color: #000;
  padding: 0;
  margin: 0;
  width: 100%;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

ul {
  list-style-type: none;
  margin: 0;
  padding: 0; }
  ul li {
    padding: 0;
    margin: 0; }

figure {
  margin: 0;
  padding: 0; }

input, select {
  display: block;
  border: none;
  outline: none;
  padding: 10px 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 0;
  -webkit-appearance: none; }

button {
  border: none;
  padding: 0;
  margin: 0;
  height: auto;
  background: none;
  outline: none;
  border-radius: 0; }

/*---------------------------------------------------------
DEFAULT STYLES
---------------------------------------------------------*/
.center {
  text-align: center; }

.fixed {
  position: fixed; }

.hide {
  display: none !important; }

/*---------------------------------------------------------
PAGES
---------------------------------------------------------*/
.wrapper {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  position: fixed;
  /*
  	@media(max-width: 992px){
  
  		&.ng-enter{
  			position: fixed !important;
  			-moz-transition: none;
  			-webkit-transition: none;
  			-o-transition: none;
  			transition: none;
  		}
  
  		&.ng-leave{
  			position: absolute !important;
  			-moz-transition: none;
  			-webkit-transition: none;
  			-o-transition: none;
  			transition: none;
  		}
  	} */ }
  .wrapper.ng-enter, .wrapper.ng-leave {
    position: absolute; }
  .wrapper.ng-enter {
    opacity: 0;
    z-index: 9; }
  .wrapper.ng-enter-active {
    opacity: 1;
    position: fixed; }
  .wrapper.ng-leave {
    z-index: 0; }
  .wrapper.current-animation {
    position: fixed; }

/*---------------------------------------------------------
PRELOADER
---------------------------------------------------------*/
#preloader {
  position: fixed;
  height: 100%;
  width: 100%;
  background: #fff;
  z-index: 999999999999; }
  #preloader .preloader-logo {
    height: 10%;
    width: 15%;
    color: #000;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    animation: fadeInUp 2s;
    -webkit-animation: fadeInUp 2s; }
    #preloader .preloader-logo.preloader-remove {
      -webkit-animation: fadeOutUp 1s;
      animation: fadeOutUp 1s;
      opacity: 0; }
    #preloader .preloader-logo img {
      width: 100%;
      -webkit-transform: translate3d(0, 0, 0);
      -moz-transform: translate3d(0, 0, 0);
      -o-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0); }

/*---------------------------------------------------------
HACKS
---------------------------------------------------------*/
input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px #fff inset; }

* {
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0); }

/*---------------------------------------------------------
ANGULAR SPECIFIC ELEMENTS
---------------------------------------------------------*/
.hider {
  background: rgba(0, 0, 0, 0.4);
  cursor: pointer;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 999999999;
  opacity: 1;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease; }
  .hider.ng-hide {
    opacity: 0; }

.field {
  position: relative; }

.hide {
  display: none !important; }

.form {
  margin: 0 auto;
  float: none; }
  .form .form-group {
    padding-top: 20px;
    margin: 0 auto;
    float: none; }
    .form .form-group .field {
      padding: 15px;
      padding-top: 30px;
      padding-bottom: 0; }
      .form .form-group .field label {
        display: none; }
      .form .form-group .field input, .form .form-group .field textarea {
        background: #eaeaea;
        border: none;
        width: 100%;
        padding: 15px 20px;
        margin: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box; }
        .form .form-group .field input::-webkit-input-placeholder, .form .form-group .field textarea::-webkit-input-placeholder {
          color: #777; }
        .form .form-group .field input:-moz-placeholder, .form .form-group .field textarea:-moz-placeholder {
          /* Firefox 18- */
          color: #777; }
        .form .form-group .field input::-moz-placeholder, .form .form-group .field textarea::-moz-placeholder {
          /* Firefox 19+ */
          color: #777; }
        .form .form-group .field input:-ms-input-placeholder, .form .form-group .field textarea:-ms-input-placeholder {
          color: red; }
        .form .form-group .field input:focus, .form .form-group .field textarea:focus {
          outline: 0; }
      .form .form-group .field textarea {
        min-height: 200px; }
    .form .form-group button {
      display: inline-block;
      background: #000;
      color: #fff;
      padding: 15px 20px;
      text-transform: uppercase;
      width: 100%; }

/*---------------------------------------------------------
HEADER & NAV
---------------------------------------------------------*/
.header {
  width: 100%;
  position: fixed;
  z-index: 999999; }
  .header .expander-button {
    display: none;
    z-index: 999; }
    .header .expander-button:before {
      content: '';
      height: 70px;
      width: 70px;
      display: block;
      position: absolute;
      background-image: url("/assets/img/menu_icon.svg");
      -webkit-transition: opacity 1s ease;
      -moz-transition: opacity 1s ease;
      -ms-transition: opacity 1s ease;
      -o-transition: opacity 1s ease;
      transition: opacity 1s ease; }
    .header .expander-button:after {
      content: '';
      height: 70px;
      width: 70px;
      display: block;
      position: absolute;
      background-image: url("/assets/img/cross_icon.svg");
      opacity: 0;
      -webkit-transition: opacity 0.5s ease;
      -moz-transition: opacity 0.5s ease;
      -ms-transition: opacity 0.5s ease;
      -o-transition: opacity 0.5s ease;
      transition: opacity 0.5s ease; }
  .header:before {
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    webkit-transition-delay: 0s;
    /* Safari */
    transition-delay: 0s;
    opacity: 0;
    background-image: url("/assets/img/header-spot.png");
    content: '';
    height: 175px;
    width: 320px;
    position: absolute; }
  .header .logo {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    position: fixed;
    left: 30px;
    top: 30px;
    z-index: 999; }
    .header .logo img {
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease;
      height: 100px; }
  .header .menu-main {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 1;
    -webkit-transition: opacity 0.5s ease;
    -moz-transition: opacity 0.5s ease;
    -ms-transition: opacity 0.5s ease;
    -o-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease; }
    @media (min-width: 801px) {
      .header .menu-main.scrolling {
        opacity: 0;
        display: none; }
        .header .menu-main.scrolling.ng-animate {
          display: block; } }
    .header .menu-main ul {
      text-align: center; }
      .header .menu-main ul li {
        display: inline-block;
        padding: 60px 20px 0 20px;
        text-transform: uppercase;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box; }
        .header .menu-main ul li a.active {
          font-weight: 600; }
  .header .menu-secundary {
    right: 0;
    top: 0;
    width: 575px;
    position: fixed;
    z-index: 999;
    background: url("/assets/img/topbar-bg.png") no-repeat left top;
    height: 40px; }
    .header .menu-secundary ul {
      padding: 0 10px 0 45px;
      position: absolute;
      height: 30px;
      right: 0;
      font-size: 11px;
      text-transform: uppercase;
      font-weight: 600;
      letter-spacing: 0.25px; }
      .header .menu-secundary ul:nth-child(1) {
        width: 50px;
        background: url("/assets/img/topbar-layer.png") no-repeat left top;
        z-index: 999; }
      .header .menu-secundary ul:nth-child(2) {
        width: 175px;
        background: url("/assets/img/topbar-layer-sec.png") no-repeat left top;
        z-index: 99; }
      .header .menu-secundary ul:nth-child(3) {
        width: 280px;
        background: url("/assets/img/topbar-layer-sec.png") no-repeat left top;
        z-index: 9; }
      .header .menu-secundary ul.socialmedia a {
        height: 23px;
        width: 23px;
        font-size: 0;
        display: block;
        background-size: 100%;
        margin: 3px 6px 3px 0; }
      .header .menu-secundary ul.socialmedia .twitter {
        background-image: url("/assets/img/twitter.svg"); }
      .header .menu-secundary ul.socialmedia .linkedin {
        background-image: url("/assets/img/linkedin.svg"); }
      .header .menu-secundary ul.socialmedia .behance {
        background-image: url("/assets/img/behance.svg"); }
      .header .menu-secundary ul li {
        float: left; }
        .header .menu-secundary ul li a {
          line-height: 30px; }
  @media (min-width: 801px) {
    .header.scrolling:before {
      webkit-transition-delay: 0.25s;
      /* Safari */
      transition-delay: 0.25s;
      opacity: 1; }
    .header.scrolling .logo {
      left: 15px;
      top: 15px; }
      .header.scrolling .logo img {
        height: 60px; } }
  @media (max-width: 800px) {
    .header .expander-button {
      display: block;
      right: 0;
      top: 0;
      position: absolute;
      height: 70px;
      width: 70px;
      cursor: pointer; }
    .header:before {
      background: #fff;
      z-index: 9;
      opacity: 1;
      width: 100%;
      height: 70px;
      -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1);
      -moz-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1);
      box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1); }
    .header .logo {
      position: absolute;
      top: 15px;
      left: 15px; }
      .header .logo img {
        height: 45px; }
    .header .menu-main {
      background: #101010;
      height: 100vh;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -ms-align-items: center;
      -moz-align-items: center;
      -webkit-align-items: center;
      align-items: center;
      -webkit-transform: translate3d(100%, 0, 0);
      -moz-transform: translate3d(100%, 0, 0);
      -o-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0);
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease;
      opacity: 0; }
      .header .menu-main ul li {
        width: 100%;
        padding: 0; }
        .header .menu-main ul li a {
          color: #fff;
          padding: 40px;
          display: block;
          font-size: 20px;
          letter-spacing: 2.25px;
          font-weight: 300; }
    .header .menu-secundary {
      display: none; }
    .header.expand .expander-button:before {
      opacity: 0; }
    .header.expand .expander-button:after {
      opacity: 1;
      -webkit-filter: brightness(0) invert(1);
      -moz-filter: brightness(0) invert(1);
      -ms-filter: brightness(0) invert(1);
      -o-filter: brightness(0) invert(1);
      filter: brightness(0) invert(1); }
    .header.expand .logo img {
      -webkit-filter: brightness(0) invert(1);
      -moz-filter: brightness(0) invert(1);
      -ms-filter: brightness(0) invert(1);
      -o-filter: brightness(0) invert(1);
      filter: brightness(0) invert(1); }
    .header.expand .menu-main {
      -webkit-transform: translate3d(0, 0, 0);
      -moz-transform: translate3d(0, 0, 0);
      -o-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      opacity: 1;
      z-index: 99; } }

/*---------------------------------------------------------
SCROLL ANIMATIONS
---------------------------------------------------------*/
.ani {
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease; }

.fadeinup.ani {
  -webkit-transform: translate3d(0, 250px, 0);
  -ms-transform: translate3d(0, 250px, 0);
  transform: translate3d(0, 250px, 0);
  opacity: 0; }

.fadeinup.ani.ani-show {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1; }

/*---------------------------------------------------------
HOME
---------------------------------------------------------*/
.wrapper .container.projects {
  min-height: 100vh; }
  .wrapper .container.projects .filter {
    background-image: url("/assets/img/shadow-top.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 75% 100%; }
    .wrapper .container.projects .filter ul {
      text-align: center;
      padding: 0px 0 50px 0; }
      .wrapper .container.projects .filter ul li {
        text-transform: uppercase;
        font-size: 12px;
        font-weight: 600;
        letter-spacing: 0.5px;
        display: inline-block;
        padding: 5px 15px;
        cursor: pointer; }
        .wrapper .container.projects .filter ul li.active {
          background: #000;
          color: #fff;
          -webkit-border-radius: 30px;
          -moz-border-radius: 30px;
          -moz-border-radius-topleft: 30px;
          -moz-border-radius-topright: 30px;
          -moz-border-radius-bottomleft: 30px;
          -moz-border-radius-bottomright: 30px;
          border-radius: 30px; }
  .wrapper .container.projects .projects {
    margin: 0 auto; }
    .wrapper .container.projects .projects .grid-item {
      overflow: hidden; }
      .wrapper .container.projects .projects .grid-item img {
        width: 100%; }
      .wrapper .container.projects .projects .grid-item figure {
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        line-height: 0;
        min-height: 340px; }
        .wrapper .container.projects .projects .grid-item figure img {
          display: none;
          -moz-user-select: none;
          -webkit-user-select: none;
          -ms-user-select: none;
          user-select: none;
          -webkit-user-drag: none;
          user-drag: none;
          -webkit-touch-callout: none; }
        .wrapper .container.projects .projects .grid-item figure:hover .project-info {
          opacity: 0.95;
          -webkit-transform: translate3d(0, 0, 0);
          -ms-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0); }
          .wrapper .container.projects .projects .grid-item figure:hover .project-info .project-details {
            -webkit-transform: translate3d(0, 0, 0);
            -ms-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
        .wrapper .container.projects .projects .grid-item figure .project-info {
          -webkit-transition: all 0.5s ease;
          -moz-transition: all 0.5s ease;
          -ms-transition: all 0.5s ease;
          -o-transition: all 0.5s ease;
          transition: all 0.5s ease;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
          width: 65%;
          height: 100%;
          position: absolute;
          top: 0;
          left: 0;
          opacity: 0;
          -webkit-transform: translate3d(-150px, 0, 0);
          -ms-transform: translate3d(-150px, 0, 0);
          transform: translate3d(-150px, 0, 0); }
          .wrapper .container.projects .projects .grid-item figure .project-info:before {
            -webkit-transition: all 0.5s ease;
            -moz-transition: all 0.5s ease;
            -ms-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
            content: '';
            display: block;
            -webkit-transform: skew(-7.5deg);
            -moz-transform: skew(-7.5deg);
            -o-transform: skew(-7.5deg);
            position: absolute;
            left: -25%;
            background: #000;
            height: 100%;
            width: 140%; }
          .wrapper .container.projects .projects .grid-item figure .project-info .project-details {
            -webkit-transition: all 0.5s ease;
            -moz-transition: all 0.5s ease;
            -ms-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
            position: absolute;
            top: 0;
            left: 0;
            padding: 10%;
            padding-right: 0;
            -webkit-transform: translate3d(-50px, 0, 0);
            -ms-transform: translate3d(-50px, 0, 0);
            transform: translate3d(-50px, 0, 0);
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            height: 100%; }
          .wrapper .container.projects .projects .grid-item figure .project-info h3 {
            color: #fff;
            font-size: 18px;
            font-weight: 600;
            letter-spacing: 2px;
            text-transform: uppercase; }
          .wrapper .container.projects .projects .grid-item figure .project-info p {
            color: #fff;
            font-size: 15px;
            padding-top: 8%;
            line-height: 1.8; }
          .wrapper .container.projects .projects .grid-item figure .project-info .extra {
            padding: 10%;
            position: absolute;
            bottom: 0;
            left: 0; }
            .wrapper .container.projects .projects .grid-item figure .project-info .extra span {
              font-size: 30px;
              line-height: 30px;
              font-weight: 600;
              color: #fff;
              display: block; }
            .wrapper .container.projects .projects .grid-item figure .project-info .extra a {
              color: #fff;
              display: block;
              font-size: 12px;
              line-height: 12px;
              padding-top: 15px;
              text-transform: uppercase; }
        .wrapper .container.projects .projects .grid-item figure figcaption {
          position: absolute;
          bottom: 0;
          width: 100%;
          padding: 10px;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
          line-height: 1.6; }
        .wrapper .container.projects .projects .grid-item figure .link {
          position: absolute;
          right: 0;
          bottom: 0;
          font-size: 0;
          margin: 25px; }
          .wrapper .container.projects .projects .grid-item figure .link a {
            display: none;
            width: 40px;
            height: 40px;
            cursor: pointer;
            font-size: 0;
            background-image: url("/assets/img/link.svg");
            background-size: 100%; }
  @media (max-width: 800px) {
    .wrapper .container.projects .filter {
      display: none; } }

/*---------------------------------------------------------
HOME
---------------------------------------------------------*/
.wrapper .container.expertise {
  background-image: url("/assets/img/bg.png");
  background-attachment: fixed; }
  .wrapper .container.expertise .row-fluid {
    padding: 70px 15px;
    margin: 0 auto;
    text-align: center; }
    .wrapper .container.expertise .row-fluid .col {
      padding: 0 15px; }
  .wrapper .container.expertise .heading h2 {
    text-transform: uppercase;
    font-size: 32px;
    letter-spacing: 0.20px;
    line-height: 1.6;
    font-weight: 600; }
  .wrapper .container.expertise .heading p {
    font-size: 30px;
    font-weight: 300;
    padding-top: 40px;
    line-height: 1.6; }
  .wrapper .container.expertise .skills .icon {
    margin: 0 auto;
    text-align: center; }
    .wrapper .container.expertise .skills .icon h2 {
      font-size: 20px;
      text-transform: uppercase;
      padding: 25px 0;
      letter-spacing: 0.2px;
      font-weight: 600; }
    .wrapper .container.expertise .skills .icon img {
      width: 85px; }
  .wrapper .container.expertise .message p {
    font-size: 30px;
    font-weight: 300;
    line-height: 1.6; }
  .wrapper .container.expertise .contact {
    padding-bottom: 140px; }
    .wrapper .container.expertise .contact p {
      font-size: 26px;
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: 0.5px; }
    .wrapper .container.expertise .contact a {
      padding: 15px 25px;
      display: inline-block;
      margin: 25px;
      text-transform: uppercase;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      -webkit-transition: all 0.25s ease;
      -moz-transition: all 0.25s ease;
      -ms-transition: all 0.25s ease;
      -o-transition: all 0.25s ease;
      transition: all 0.25s ease;
      letter-spacing: 2px;
      background: #32b35f;
      color: #fff; }
      .wrapper .container.expertise .contact a:hover {
        background: #000;
        color: #fff; }
  .wrapper .container.expertise .row-fluid.first {
    padding-top: 175px; }
  @media (max-width: 1200px) {
    .wrapper .container.expertise .row-fluid.first {
      padding-top: 175px; }
    .wrapper .container.expertise .row-fluid .col {
      padding: 0 30px; }
      .wrapper .container.expertise .row-fluid .col .break {
        display: none; }
    .wrapper .container.expertise .row-fluid br {
      display: none; } }
  @media (max-width: 1000px) {
    .wrapper .container.expertise .row-fluid.first {
      padding-top: 175px; }
    .wrapper .container.expertise .row-fluid.skills .icon h2 {
      font-size: 16px; }
    .wrapper .container.expertise .row-fluid.contact p {
      font-size: 20px; } }
  @media (max-width: 750px) {
    .wrapper .container.expertise .row-fluid {
      padding: 35px 15px; }
      .wrapper .container.expertise .row-fluid.first {
        padding-top: 140px; }
      .wrapper .container.expertise .row-fluid.heading h2 {
        font-size: 23px; }
      .wrapper .container.expertise .row-fluid.heading p {
        font-size: 23px; }
      .wrapper .container.expertise .row-fluid.skills {
        padding: 0 15px; }
        .wrapper .container.expertise .row-fluid.skills .icon {
          padding: 30px 15px; }
          .wrapper .container.expertise .row-fluid.skills .icon h2 {
            font-size: 16px; }
      .wrapper .container.expertise .row-fluid.message h2 {
        font-size: 26px; }
      .wrapper .container.expertise .row-fluid.message p {
        font-size: 23px; }
      .wrapper .container.expertise .row-fluid.contact {
        padding-bottom: 70px; }
      .wrapper .container.expertise .row-fluid br {
        display: none; } }

/*---------------------------------------------------------
CONTACT
---------------------------------------------------------*/
.wrapper .container.contact .row {
  float: none;
  text-align: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -ms-align-items: center;
  -moz-align-items: center;
  -webkit-align-items: center;
  align-items: center;
  min-height: 100vh; }
.wrapper .container.contact .contact-default {
  float: none;
  padding-bottom: 75px; }
  .wrapper .container.contact .contact-default h2 {
    text-transform: uppercase;
    letter-spacing: 0.25px;
    font-size: 26px;
    font-weight: 600;
    padding: 20px 15px 20px 15px;
    line-height: 1.6; }
    .wrapper .container.contact .contact-default h2 span {
      font-weight: 600; }
  .wrapper .container.contact .contact-default p {
    padding-top: 20px;
    font-size: 18px;
    display: block;
    font-weight: 500; }
.wrapper .container.contact .contact-sent span {
  display: block;
  text-transform: uppercase;
  font-size: 20px; }
.wrapper .container.contact .contact-sent a {
  color: #000;
  background: none;
  -webkit-box-shadow: inset 0px 0px 0px 3px #000;
  -moz-box-shadow: inset 0px 0px 0px 3px #000;
  box-shadow: inset 0px 0px 0px 3px #000;
  padding: 15px 20px;
  display: inline-block;
  margin: 20px;
  text-transform: uppercase;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -ms-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease; }
  .wrapper .container.contact .contact-sent a:hover {
    background: #000;
    color: #fff; }
@media (max-width: 800px) {
  .wrapper .container.contact .contact-default {
    padding-bottom: 25px; }
    .wrapper .container.contact .contact-default .form .form-group .field {
      padding-top: 20px; }
    .wrapper .container.contact .contact-default h2 {
      font-size: 22px;
      padding: 45px 15px 5px 15px; } }

/*---------------------------------------------------------
FOOTER
---------------------------------------------------------*/
footer {
  width: 100%; }
  footer .row-fluid {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; }
  footer .footer-part {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -ms-align-items: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 30px 0; }
    footer .footer-part ul li, footer .footer-part ul a {
      color: #fff;
      text-transform: uppercase;
      font-size: 11px; }
  footer .footer-sitemap {
    -webkit-box-pack: flex-start;
    -moz-box-pack: flex-start;
    -ms-flex-pack: flex-start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    background-color: #6a6a6a;
    width: 25%;
    padding-left: 30px; }
    footer .footer-sitemap ul {
      text-align: left; }
  footer .footer-contact {
    background-color: #595959;
    width: 25%; }
    footer .footer-contact .phonenumber {
      font-size: 12px; }
  footer .footer-socialmedia {
    background-color: #464646;
    width: 15%; }
    footer .footer-socialmedia ul {
      line-height: 0; }
      footer .footer-socialmedia ul li {
        display: inline-block; }
        footer .footer-socialmedia ul li a {
          height: 28px;
          width: 28px;
          font-size: 0;
          display: block;
          background-size: 100%; }
        footer .footer-socialmedia ul li .twitter {
          background-image: url("/assets/img/twitter_footer.svg"); }
        footer .footer-socialmedia ul li .linkedin {
          background-image: url("/assets/img/linkedin_footer.svg"); }
        footer .footer-socialmedia ul li .behance {
          background-image: url("/assets/img/behance_footer.svg"); }
  footer .footer-company {
    background-color: #313131;
    width: 15%; }
  footer .footer-logo {
    background-color: #1a1a1a;
    width: 20%;
    text-align: center; }
    footer .footer-logo .logo-footer {
      width: 120px;
      filter: invert(100%);
      -webkit-filter: invert(100%); }
  footer .footer-copyright {
    text-align: left; }
    footer .footer-copyright p {
      text-transform: uppercase;
      font-size: 10px;
      color: #fff;
      margin: 0;
      height: 40px;
      line-height: 40px;
      background: #000;
      padding: 0 30px; }
  @media (max-width: 1200px) {
    footer .footer-sitemap {
      width: 25%; }
    footer .footer-contact {
      width: 30%; }
    footer .footer-socialmedia {
      width: 20%; }
    footer .footer-company {
      width: 25%; }
    footer .footer-logo {
      display: none; } }
  @media (max-width: 750px) {
    footer .row-fluid {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap; }
    footer .footer-part {
      width: 100% !important;
      height: 140px; }
      footer .footer-part ul {
        text-align: center; }
        footer .footer-part ul li, footer .footer-part ul a {
          color: #fff;
          text-transform: uppercase;
          font-size: 11px; }
    footer .footer-sitemap {
      -webkit-box-pack: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      padding: 0; }
    footer .footer-logo {
      display: block;
      line-height: 140px; }
    footer .footer-copyright {
      text-align: center; } }

/*---------------------------------------------------------
CONTACT
---------------------------------------------------------*/
.wrapper .container.portal .row {
  float: none;
  text-align: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -ms-align-items: center;
  -moz-align-items: center;
  -webkit-align-items: center;
  align-items: center;
  min-height: 100vh; }
.wrapper .container.portal .portal-default {
  float: none;
  padding-bottom: 75px; }
  .wrapper .container.portal .portal-default h2 {
    text-transform: uppercase;
    letter-spacing: 0.25px;
    font-size: 26px;
    font-weight: 600;
    padding-top: 20px; }
  .wrapper .container.portal .portal-default span {
    padding-top: 20px;
    font-size: 18px;
    display: block;
    font-weight: 500; }

.wrapper > .container > .row, .wrapper > .container > .row-fluid.first {
  padding-top: 125px; }

@media (max-width: 800px) {
  .wrapper > .container > .row, .wrapper > .container > .row-fluid.first {
    padding-top: 70px; } }
/*---------------------------------------------------------
TESTING | TEMP
---------------------------------------------------------*/