/*
Theme Name: Brightcom
Author: Awesome Team
Author URI: http://www.awesometlv.co.il
*/
@font-face {
  font-family: 'misolight';
  src: url("assets/fonts/miso-light-webfont.eot");
  src: url("assets/fonts/miso-light-webfont.eot?#iefix") format("embedded-opentype"), url("assets/fonts/miso-light-webfont.woff2") format("woff2"), url("assets/fonts/miso-light-webfont.woff") format("woff"), url("assets/fonts/miso-light-webfont.ttf") format("truetype"), url("assets/fonts/miso-light-webfont.svg#misolight") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'misoregular';
  src: url("assets/fonts/miso-regular-webfont.eot");
  src: url("assets/fonts/miso-regular-webfont.eot?#iefix") format("embedded-opentype"), url("assets/fonts/miso-regular-webfont.woff2") format("woff2"), url("assets/fonts/miso-regular-webfont.woff") format("woff"), url("assets/fonts/miso-regular-webfont.ttf") format("truetype"), url("assets/fonts/miso-regular-webfont.svg#misoregular") format("svg");
  font-weight: normal;
  font-style: normal; }
/** COLORS **/
/** FONTS **/
/** MIXINS **/
*, *:before, *:after {
  box-sizing: border-box; }

html, body, ul, ol, button, input, table {
  margin: 0;
  padding: 0; }

body {
  font-size: 16px;
  line-height: 1.4;
  font-family: "Quicksand", sans-serif;
	background-color: white !important;
  color: #000419; }
  body.overflow-hidden {
    overflow-y: scroll !important; }

.overflow-hidden {
  overflow: hidden !important;
  height: 100vh !important; }

h1, h2, h3, h4, h5, h5, p {
  margin: 0;
  padding: 0; }

ul {
  list-style: none; }

a {
  text-decoration: none;
  outline: none;
  color: #ff34ee;
  -webkit-transition: color 0.2s ease-in-out;
  -moz-transition: color 0.2s ease-in-out;
  -o-transition: color 0.2s ease-in-out;
  -ms-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out; }
  a:hover {
    color: #6524ff; }

img {
  vertical-align: middle;
  max-width: 100%;
  height: auto; }

i {
  display: inline-block; }

input,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-border-radius: 0;
  border-radius: 0; }

input[type=submit] {
  cursor: pointer; }

input:focus {
  outline: none; }

table {
  border: none;
  border-collapse: inherit;
  border-spacing: 0;
  border-color: inherit;
  vertical-align: inherit;
  font-weight: inherit;
  -webkit-border-horizontal-spacing: 0;
  -webkit-border-vertical-spacing: 0; }

.cf:after {
  content: '';
  clear: both;
  overflow: hidden;
  display: block;
  visibility: hidden;
  margin: 0;
  padding: 0;
  height: 0;
  width: 0; }

.middle {
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%; }

.middle-y {
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  left: 0; }

.owl-item.animated {
  visibility: visible; }

.align-left,
.alignleft {
  float: left; }

.align-right,
.alignright {
  float: right; }

.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px; }

.span10 {
  width: 10%; }

.span15 {
  width: 15%; }

.span20 {
  width: 20%; }

.span25 {
  width: 25%; }

.span26 {
  width: 26.66%; }

.span30 {
  width: 30%; }

.span33 {
  width: 33.33%; }

.span40 {
  width: 40%; }

.span45 {
  width: 45%; }

.span50 {
  width: 50%; }

.span55 {
  width: 55%; }

.span60 {
  width: 60%; }

.span66 {
  width: 66.66%; }

.span70 {
  width: 70%; }

.span75 {
  width: 75%; }

.span80 {
  width: 80%; }

.span100 {
  width: 100%; }

body #masthead {
  -webkit-transition: filter 0.2s ease-in-out;
  -moz-transition: filter 0.2s ease-in-out;
  -o-transition: filter 0.2s ease-in-out;
  -ms-transition: filter 0.2s ease-in-out;
  transition: filter 0.2s ease-in-out; }
body #homepage section#wanna-talk {
  -webkit-transition: filter 0.2s ease-in-out;
  -moz-transition: filter 0.2s ease-in-out;
  -o-transition: filter 0.2s ease-in-out;
  -ms-transition: filter 0.2s ease-in-out;
  transition: filter 0.2s ease-in-out; }
body.blur {
  overflow: hidden; }
  body.blur #masthead,
  body.blur #footer {
    -webkit-filter: blur(8px);
    filter: blur(8px);
    opacity: .5;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; }
  body.blur section {
    -webkit-filter: blur(8px);
    filter: blur(8px);
    opacity: .5;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; }
    body.blur section#wanna-talk {
      -webkit-filter: blur(0);
      filter: blur(0);
      opacity: 1; }
      body.blur section#wanna-talk .contact-open,
      body.blur section#wanna-talk .social-links {
        -webkit-filter: blur(8px);
        filter: blur(8px);
        opacity: .5;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden; }

a {
  outline: none; }

.workarea {
  margin: 0 auto;
  width: 100%;
  max-width: 1200px;
  position: relative;
  padding: 40px 20px;
  z-index: 2; }

iframe {
  max-width: 100%; }

h1,
.h1 {
  font-size: 4rem;
  letter-spacing: .3rem;
  line-height: 1;
  color: #fff;
  font-family: "misolight", sans-serif;
  text-transform: uppercase; }

h2,
.h2 {
  font-family: "misolight", sans-serif;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 3rem;
  letter-spacing: .3em;
  line-height: 1.2; }

h3,
.h3 {
  font-family: "Quicksand", sans-serif;
  font-weight: normal; }

h4,
.h4 {
  font-family: "misolight", sans-serif;
  font-weight: 400;
  color: #ff34ee;
  text-transform: uppercase;
  font-size: 1.8rem;
  letter-spacing: .1em;
  line-height: 1.2; }

h5,
.h5 {
  font-family: "misolight", sans-serif;
  font-weight: 400;
  color: #ff34ee;
  font-size: 1.4rem;
  letter-spacing: .1em;
  line-height: 1; }

h6,
.h6 {
  margin: 0;
  text-transform: uppercase;
  font-size: 2rem;
  font-family: "misolight";
  padding-bottom: 10px; }

.form .loader-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: 100%;
  display: none;
  z-index: 10; }
  .form .loader-wrapper img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
  .form .loader-wrapper.active {
    opacity: 1;
    z-index: 1; }

section .content {
  font-size: 1.1rem; }
  section .content p {
    padding: 0 0 18px 0; }
  section .content ul {
    list-style: initial;
    margin-left: 20px; }
    section .content ul li {
      padding: 5px 0; }
section .small-content {
  font-size: 1rem; }
section .background {
  height: 120%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-size: cover;
  background-repeat: no-repeat; }
  section .background.background-blend {
    height: 100%;
    width: 100%;
    background-blend-mode: color;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out; }
section .multiply {
  background: rgba(0, 5, 26, 0.8);
  height: 100%;
  width: 100%;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; }

.readmore,
.viewmore {
  color: #ff34ee;
  border-bottom: 1px solid #ff34ee;
  padding-bottom: 5px;
  font-size: 1rem;
  padding-top: 10px;
  display: inline-block;
  cursor: pointer;
  background: transparent;
  font-family: "Quicksand";
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }
  .readmore:hover,
  .viewmore:hover {
    color: #6524ff;
    border-color: #6524ff; }
  .readmore.btn,
  .viewmore.btn {
    border: 1px solid #ff34ee;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px;
    padding: 5px 25px; }
    .readmore.btn:hover,
    .viewmore.btn:hover {
      border-color: #6524ff; }
    .readmore.btn.btn-hero,
    .viewmore.btn.btn-hero {
      font-size: 3rem;
      text-transform: uppercase;
      -webkit-border-radius: 40px;
      -moz-border-radius: 40px;
      -ms-border-radius: 40px;
      border-radius: 40px;
      padding: 5px 35px; }

.carousel-wrapper {
  position: relative; }
  .carousel-wrapper.has-controls {
    padding-left: 100px;
    padding-right: 100px; }
  .carousel-wrapper .controls > div {
    display: inline-block;
    position: absolute;
    top: 50%;
    cursor: pointer;
    text-align: center;
    padding: 20px;
    font-size: 3rem;
    color: rgba(0, 0, 0, 0.5);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2; }
    .carousel-wrapper .controls > div.prev {
      left: 0; }
    .carousel-wrapper .controls > div.next {
      right: 0; }

.social-links .title {
  color: #aaa;
  font-weight: 400; }
.social-links ul li {
  display: inline-block; }
  .social-links ul li a {
    display: block;
    font-size: 2.5rem;
    color: #ccc;
    -webkit-transition: color 0.2s ease-in-out;
    -moz-transition: color 0.2s ease-in-out;
    -o-transition: color 0.2s ease-in-out;
    -ms-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out; }
    .social-links ul li a:hover {
      color: #ff34ee; }

/**
 * MENU ANIMATION
 *
 */
.page-wrapper {
  -webkit-transition: all 0.6s cubic-bezier(0.7, 0, 0.3, 1);
  -moz-transition: all 0.6s cubic-bezier(0.7, 0, 0.3, 1);
  -o-transition: all 0.6s cubic-bezier(0.7, 0, 0.3, 1);
  -ms-transition: all 0.6s cubic-bezier(0.7, 0, 0.3, 1);
  transition: all 0.6s cubic-bezier(0.7, 0, 0.3, 1);
  width: 100%;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden; }
  .page-wrapper > div:first-child {
    -webkit-transition: all 0.6s cubic-bezier(0.7, 0, 0.3, 1);
    -moz-transition: all 0.6s cubic-bezier(0.7, 0, 0.3, 1);
    -o-transition: all 0.6s cubic-bezier(0.7, 0, 0.3, 1);
    -ms-transition: all 0.6s cubic-bezier(0.7, 0, 0.3, 1);
    transition: all 0.6s cubic-bezier(0.7, 0, 0.3, 1);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    height: 100%;
    width: 100%;
    position: relative;
    z-index: 10;
    transform-origin: 50% 50%;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden; }
  .page-wrapper.active {
    top: 0;
    perspective: 1000px;
    transform: translateZ(0); }
    .page-wrapper.active > div {
      z-index: 2;
      position: relative;
      background: #fff;
      height: 80%;
      width: 100%;
      overflow: hidden;
      -webkit-border-radius: 30px;
      -moz-border-radius: 30px;
      -ms-border-radius: 30px;
      border-radius: 30px;
      -webkit-transform: translate3d(10%, 0, -600px);
      -moz-transform: translate3d(10%, 0, -600px);
      -ms-transform: translate3d(10%, 0, -600px);
      -o-transform: translate3d(10%, 0, -600px);
      transform: translate3d(10%, 0, -600px);
      -webkit-box-shadow: 50px 10px 150px -6px rgba(0, 0, 0, 0.2);
      -moz-box-shadow: 50px 10px 150px, -6px rgba(0, 0, 0, 0.2);
      -o-box-shadow: 50px 10px 150px -6px rgba(0, 0, 0, 0.2);
      -ms-box-shadow: 50px 10px 150px -6px rgba(0, 0, 0, 0.2);
      box-shadow: 50px 10px 150px -6px rgba(0, 0, 0, 0.2); }
  .page-wrapper.active-out {
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    -o-perspective: 1000px;
    -ms-perspective: 1000px;
    perspective: 1000px;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -o-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0); }
    .page-wrapper.active-out > div {
      top: 0 !important;
      -webkit-transform: translate3d(0, 0, 0);
      -moz-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
      -o-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0); }

.slider-comparison {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden; }
  .slider-comparison .slider-resize {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    overflow: hidden;
    /* Force Hardware Acceleration in WebKit */
    transform: translateZ(0);
    backface-visibility: hidden;
    width: 50%;
    /* bounce in animation of the modified image */ }
    .slider-comparison .slider-resize.not-resizable {
      animation: cd-bounce-in 4s;
      animation-timing-function: ease-in-out;
      animation-delay: 1s;
      animation-iteration-count: infinite;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
  .slider-comparison .sh {
    position: absolute;
    height: 42px;
    width: 88px;
    left: 50%;
    top: 50%;
    margin-left: -44px;
    margin-top: -22px;
    cursor: move;
    -webkit-transition: -webkit-transform 0.3s 0.7s, opacity 0s 0.7s;
    -moz-transition: -moz-transform 0.3s 0.7s, opacity 0s 0.7s;
    transition: transform 0.3s 0.7s, opacity 0s 0.7s;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -o-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px;
    background: transparent;
    border: 1px solid #ff34ee;
    display: inline-block;
    z-index: 2; }
    .slider-comparison .sh.not-draggable {
      animation: sh-bounce-in 4s;
      animation-timing-function: ease-in-out;
      animation-delay: 1s;
      animation-iteration-count: infinite;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
    .slider-comparison .sh.draggable .sh-animate {
      display: none; }
    .slider-comparison .sh .arrows i {
      font-size: 1.7rem;
      color: rgba(255, 255, 255, 0.7);
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%); }
      .slider-comparison .sh .arrows i:first-child {
        left: 12px; }
      .slider-comparison .sh .arrows i:last-child {
        right: 12px; }
    .slider-comparison .sh .sh-animate {
      animation: cd-wave 3s infinite;
      border: none;
      z-index: 0;
      margin-top: -21px; }
      .slider-comparison .sh .sh-animate.slider-handle-2 {
        -webkit-animation-delay: .7s;
        /* Chrome, Safari, Opera */
        animation-delay: .7s; }
      .slider-comparison .sh .sh-animate.slider-handle-3 {
        -webkit-animation-delay: 1.7s;
        /* Chrome, Safari, Opera */
        animation-delay: 1.7s; }
@keyframes cd-bounce-in {
  0% {
    width: 50%; }
  2% {
    width: 49.5%; }
  6% {
    width: 54%; }
  18% {
    width: 46%; }
  30% {
    width: 52%; }
  36% {
    width: 50%; }
  100% {
    width: 50%; } }
@keyframes sh-bounce-in {
  0% {
    left: 50%; }
  2% {
    left: 49.5%; }
  6% {
    left: 54%; }
  18% {
    left: 46%; }
  30% {
    left: 52%; }
  36% {
    left: 50%; }
  100% {
    left: 50%; } }
@keyframes cd-wave {
  0% {
    box-shadow: 0 0 0 1px rgba(255, 52, 238, 0.2); }
  30% {
    opacity: 1; }
  100% {
    opacity: 0;
    box-shadow: 0 0 0 15px rgba(255, 52, 238, 0.2); } }
#site-loader {
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  background: #000; }
  #site-loader .loader-logo {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    text-align: center; }
    #site-loader .loader-logo .logo {
      display: inline-block;
      vertical-align: middle; }
    #site-loader .loader-logo .site-name {
      display: inline-block;
      color: #fff;
      font-size: 2.8em;
      text-transform: lowercase;
      vertical-align: middle;
      -webkit-transform: translateX(-70px);
      -moz-transform: translateX(-70px);
      -ms-transform: translateX(-70px);
      -o-transform: translateX(-70px);
      transform: translateX(-70px);
      letter-spacing: 0.15em;
      font-weight: 100; }
  #site-loader .loader-bar {
    height: 15px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6524ff+0,ff34ee+100 */
    background: #6524ff;
    /* Old browsers */
    background: -moz-linear-gradient(left, #6524ff 0%, #ff34ee 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #6524ff 0%, #ff34ee 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #6524ff 0%, #ff34ee 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6524ff', endColorstr='#ff34ee',GradientType=1 );
    /* IE6-9 */ }
    #site-loader .loader-bar .loader-mask {
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.6);
      position: absolute;
      top: 0;
      left: 0;
      z-index: 1; }
    #site-loader .loader-bar .loader-progress {
      width: 0;
      height: 100%;
      /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6524ff+0,ff34ee+100 */
      background: #6524ff;
      /* Old browsers */
      background: -moz-linear-gradient(left, #6524ff 0%, #ff34ee 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(left, #6524ff 0%, #ff34ee 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to right, #6524ff 0%, #ff34ee 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6524ff', endColorstr='#ff34ee',GradientType=1 );
      /* IE6-9 */
      position: absolute;
      top: 0;
      left: 0;
      z-index: 2;
      -webkit-transition: width 3s ease;
      -moz-transition: width 3s ease;
      -o-transition: width 3s ease;
      -ms-transition: width 3s ease;
      transition: width 3s ease; }
      #site-loader .loader-bar .loader-progress.full {
        width: 100%; }
  #site-loader .loading-text {
    position: absolute;
    bottom: 100px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: center;
    color: #ccc; }

#masthead {
  width: 100%;
  background: transparent;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99; }
  #masthead nav #btn-nav {
    display: none;
    width: 30px;
    height: 24px;
    vertical-align: top;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
    position: absolute;
    top: 0;
    z-index: 999;
    right: 0;
    margin: 17px; }
    #masthead nav #btn-nav span {
      display: block;
      position: absolute;
      height: 2px;
      width: 100%;
      background: #777;
      border-radius: 2px;
      opacity: 1;
      left: 0;
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
      -webkit-transition: all 0.25s ease-in-out;
      -moz-transition: all 0.25s ease-in-out;
      -o-transition: all 0.25s ease-in-out;
      -ms-transition: all 0.25s ease-in-out;
      transition: all 0.25s ease-in-out; }
      #masthead nav #btn-nav span:nth-child(1) {
        top: 0; }
      #masthead nav #btn-nav span:nth-child(2), #masthead nav #btn-nav span:nth-child(3) {
        top: 7px; }
      #masthead nav #btn-nav span:nth-child(4) {
        top: 14px; }
    #masthead nav #btn-nav.open span:nth-child(1) {
      top: 10px;
      width: 0%;
      left: 50%; }
    #masthead nav #btn-nav.open span:nth-child(2) {
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg); }
    #masthead nav #btn-nav.open span:nth-child(3) {
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      transform: rotate(-45deg); }
    #masthead nav #btn-nav.open span:nth-child(4) {
      top: 10px;
      width: 0%;
      left: 50%; }
  #masthead nav.mobile-menu {
    height: 100vh;
    overflow: hidden;
    font-size: 2.5rem;
    z-index: 0;
    position: fixed;
    top: 0;
    left: -300px;
    width: 300px;
    opacity: 0;
    padding-top: 85px;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out; }
    #masthead nav.mobile-menu.active {
      -webkit-transform: translateX(100%);
      -moz-transform: translateX(100%);
      -ms-transform: translateX(100%);
      -o-transform: translateX(100%);
      transform: translateX(100%);
      opacity: 1; }
    #masthead nav.mobile-menu .navigation {
      position: relative;
      overflow: auto;
      background: transparent;
      padding: 60px 0; }
      #masthead nav.mobile-menu .navigation h4 {
        padding: 0 20px 0 60px; }
      #masthead nav.mobile-menu .navigation #primary-mobile-menu-wrapper {
        width: 100%;
        padding-top: 20px; }
        #masthead nav.mobile-menu .navigation #primary-mobile-menu-wrapper ul li {
          padding: 0;
          line-height: 1.2;
          color: #000419; }
          #masthead nav.mobile-menu .navigation #primary-mobile-menu-wrapper ul li a {
            color: inherit;
            font-size: 1rem;
            position: relative;
            padding: 7px 20px 7px 60px;
            display: block; }
            #masthead nav.mobile-menu .navigation #primary-mobile-menu-wrapper ul li a:hover {
              color: #ff34ee; }
            #masthead nav.mobile-menu .navigation #primary-mobile-menu-wrapper ul li a .more {
              padding: 0 10px;
              display: inline-block;
              position: absolute;
              top: 50%;
              -webkit-transform: translateY(-50%);
              -moz-transform: translateY(-50%);
              -ms-transform: translateY(-50%);
              -o-transform: translateY(-50%);
              transform: translateY(-50%); }
          #masthead nav.mobile-menu .navigation #primary-mobile-menu-wrapper ul li.button {
            border: 1px solid #4ab2ff;
            padding: 0 0 10px;
            display: inline-block;
            margin-top: 5px;
            line-height: .9; }
            #masthead nav.mobile-menu .navigation #primary-mobile-menu-wrapper ul li.button a {
              padding: 0 20px;
              color: #4ab2ff; }
        #masthead nav.mobile-menu .navigation #primary-mobile-menu-wrapper ul .sub-menu {
          display: none;
          background: rgba(255, 255, 255, 0.1);
          padding-bottom: 14px; }
          #masthead nav.mobile-menu .navigation #primary-mobile-menu-wrapper ul .sub-menu li {
            line-height: .9; }
        #masthead nav.mobile-menu .navigation #primary-mobile-menu-wrapper .social-links {
          padding: 40px 20px 7px 60px; }
          #masthead nav.mobile-menu .navigation #primary-mobile-menu-wrapper .social-links .title {
            font-size: 1rem; }
          #masthead nav.mobile-menu .navigation #primary-mobile-menu-wrapper .social-links ul {
            line-height: 1; }
            #masthead nav.mobile-menu .navigation #primary-mobile-menu-wrapper .social-links ul li a {
              font-size: 1.5rem;
              padding: 7px 5px;
              color: #aaa; }
              #masthead nav.mobile-menu .navigation #primary-mobile-menu-wrapper .social-links ul li a:first-child {
                padding-left: 0; }
              #masthead nav.mobile-menu .navigation #primary-mobile-menu-wrapper .social-links ul li a:hover {
                color: #ff34ee; }
  #masthead nav.desktop-menu {
    position: relative;
    z-index: 1; }
    #masthead nav.desktop-menu .navigation {
      z-index: 100; }
    #masthead nav.desktop-menu.active .navigation ul#primary-left-menu li {
      opacity: 0; }
      #masthead nav.desktop-menu.active .navigation ul#primary-left-menu li.logo, #masthead nav.desktop-menu.active .navigation ul#primary-left-menu li.menu-hamburger {
        opacity: 1; }
    #masthead nav.desktop-menu.active #magic-nav {
      display: none; }
  #masthead nav .navigation {
    background: #fff;
    font-family: "Quicksand", sans-serif;
    width: 100%; }
    #masthead nav .navigation ul#primary-left-menu {
      text-align: right;
      padding-right: 30px;
      margin: 0 auto;
      font-family: inherit; }
      #masthead nav .navigation ul#primary-left-menu li {
        display: inline-block;
        color: #000419;
        font-family: inherit;
        position: relative;
        -webkit-transition: opacity 0.3s ease-in-out;
        -moz-transition: opacity 0.3s ease-in-out;
        -o-transition: opacity 0.3s ease-in-out;
        -ms-transition: opacity 0.3s ease-in-out;
        transition: opacity 0.3s ease-in-out; }
        #masthead nav .navigation ul#primary-left-menu li.current-menu-item {
          color: #ff34ee; }
        #masthead nav .navigation ul#primary-left-menu li.select-language {
          background: #eee; }
          #masthead nav .navigation ul#primary-left-menu li.select-language .selected-language {
            text-transform: uppercase; }
          #masthead nav .navigation ul#primary-left-menu li.select-language ul {
            position: absolute;
            left: 50%;
            -webkit-transform: translateX(-50%);
            -moz-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            -o-transform: translateX(-50%);
            transform: translateX(-50%);
            background: white;
            display: none; }
        #masthead nav .navigation ul#primary-left-menu li.menu-hamburger {
          margin-left: 30px;
          position: static; }
          #masthead nav .navigation ul#primary-left-menu li.menu-hamburger a {
            color: #777;
            height: auto;
            margin-top: 32px; }
            #masthead nav .navigation ul#primary-left-menu li.menu-hamburger a:hover {
              color: #ff34ee; }
            #masthead nav .navigation ul#primary-left-menu li.menu-hamburger a i {
              -webkit-transform: translateY(4px);
              -moz-transform: translateY(4px);
              -ms-transform: translateY(4px);
              -o-transform: translateY(4px);
              transform: translateY(4px); }
        #masthead nav .navigation ul#primary-left-menu li a,
        #masthead nav .navigation ul#primary-left-menu li .selected-language {
          color: inherit;
          font-size: 1rem;
          padding: 17px 15px;
          display: block;
          font-family: inherit;
          height: 85px;
          line-height: 47px;
          -webkit-transition: all 0.2s ease-in-out;
          -moz-transition: all 0.2s ease-in-out;
          -o-transition: all 0.2s ease-in-out;
          -ms-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out; }
          #masthead nav .navigation ul#primary-left-menu li a:hover,
          #masthead nav .navigation ul#primary-left-menu li .selected-language:hover {
            color: #ff34ee; }
        #masthead nav .navigation ul#primary-left-menu li.logo {
          float: left;
          margin-left: 10px;
          position: relative;
          -webkit-transition: all 0.2s ease-in-out;
          -moz-transition: all 0.2s ease-in-out;
          -o-transition: all 0.2s ease-in-out;
          -ms-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out; }
          #masthead nav .navigation ul#primary-left-menu li.logo a {
            width: auto;
            height: 100%; }
            #masthead nav .navigation ul#primary-left-menu li.logo a img {
              width: 182px; }
            #masthead nav .navigation ul#primary-left-menu li.logo a > span {
              font-size: 1.3rem;
              letter-spacing: .15rem;
              position: absolute;
              top: 12px;
              left: 70px;
              color: #000419; }
        #masthead nav .navigation ul#primary-left-menu li.highlight {
          color: #4ab2ff; }
        #masthead nav .navigation ul#primary-left-menu li ul.sub-menu {
          position: absolute;
          background: rgba(0, 0, 0, 0.95);
          white-space: nowrap;
          width: auto;
          left: 50%;
          -webkit-transform: translateX(-50%);
          -moz-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
          -o-transform: translateX(-50%);
          transform: translateX(-50%);
          text-align: left;
          padding: 30px 0;
          display: none; }
          #masthead nav .navigation ul#primary-left-menu li ul.sub-menu li {
            display: block; }
            #masthead nav .navigation ul#primary-left-menu li ul.sub-menu li a {
              color: #fff;
              padding: 0 30px;
              display: block;
              height: auto;
              -webkit-transition: all 0.2s ease-in-out;
              -moz-transition: all 0.2s ease-in-out;
              -o-transition: all 0.2s ease-in-out;
              -ms-transition: all 0.2s ease-in-out;
              transition: all 0.2s ease-in-out; }
              #masthead nav .navigation ul#primary-left-menu li ul.sub-menu li a:hover {
                color: #ff34ee; }
  #masthead .breadcrumb {
    position: relative;
    z-index: 2; }
    #masthead .breadcrumb .widget_square_breadcrumb {
      font-family: "archivo_narrowregular";
      text-transform: uppercase;
      padding: 50px 50px 0 50px; }
      #masthead .breadcrumb .widget_square_breadcrumb span,
      #masthead .breadcrumb .widget_square_breadcrumb a {
        font-size: .8rem;
        letter-spacing: .15em;
        color: #aeaeae;
        font-weight: 400;
        display: inline-block;
        padding: 0 5px; }
        #masthead .breadcrumb .widget_square_breadcrumb span.current,
        #masthead .breadcrumb .widget_square_breadcrumb a.current {
          color: #4ab2ff;
          text-shadow: none; }

.page-template-page-contact #masthead .breadcrumb {
  position: absolute; }

.magic-nav {
  width: 100%;
  height: 4px;
  margin: 0 auto;
  clear: both;
  position: fixed;
  top: 85px;
  left: 0;
  z-index: 999; }
  .magic-nav:after {
    width: 100%;
    visibility: hidden;
    display: inline-block;
    content: ".";
    height: 0;
    clear: both; }
  .magic-nav li {
    position: absolute;
    top: -4px;
    left: 0;
    width: 100px;
    height: 4px;
    background: #ff34ee;
    padding: 0; }

/* Homepage */
#homepage {
  position: relative; }
  #homepage #flares {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1; }
    #homepage #flares > div {
      height: 100%;
      width: 100%;
      position: absolute;
      top: 0;
      left: 0; }
      #homepage #flares > div.flares1 {
        background-image: url(assets/images/flares1.png); }
      #homepage #flares > div.flares2 {
        background-image: url(assets/images/flares2.png); }
  #homepage #scroller {
    position: fixed;
    top: 50%;
    right: 25px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 125px;
    width: 10px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px;
    padding: 2px;
    overflow: hidden;
    z-index: 2; }
    #homepage #scroller .scroller {
      width: 6px;
      -webkit-border-radius: 20px;
      -moz-border-radius: 20px;
      -ms-border-radius: 20px;
      border-radius: 20px;
      position: absolute;
      top: 1px;
      left: 1px;
      overflow: hidden;
      z-index: 2; }
      #homepage #scroller .scroller > div {
        background: #ff34ee;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff34ee+0,6524ff+100 */
        background: #ff34ee;
        /* Old browsers */
        background: -moz-linear-gradient(top, #ff34ee 0%, #6524ff 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #ff34ee 0%, #6524ff 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #ff34ee 0%, #6524ff 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff34ee', endColorstr='#6524ff', GradientType=0);
        /* IE6-9 */
        height: 200px;
        width: 100%; }
    #homepage #scroller .dots {
      position: absolute;
      top: 1px;
      left: 1px;
      z-index: 1;
      display: -webkit-flex;
      display: flex;
      justify-content: space-between;
      flex-direction: column;
      height: 100%;
      padding-bottom: 2px; }
      #homepage #scroller .dots .dot {
        border: 1px solid #aaa;
        background: #aaa;
        height: 6px;
        width: 6px;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        -ms-border-radius: 100%;
        border-radius: 100%; }
  #homepage #section1 {
    text-align: center;
    color: #fff;
    width: 100%;
    position: relative;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom;
    background-attachment: fixed;
    height: 100vh; }
    #homepage #section1 a {
      color: #fff; }
    #homepage #section1 .section1-1 {
      position: relative;
      height: 100%; }
      #homepage #section1 .section1-1 .video-container {
        height: 100%;
        width: 100vw;
        position: absolute;
        display: flex;
        flex-direction: row-reverse;
        text-align: center;
        justify-content: center; }
        #homepage #section1 .section1-1 .video-container .videoBG,
        #homepage #section1 .section1-1 .video-container .videoBG_wrapper {
          width: 100% !important;
          height: 100% !important; }
        #homepage #section1 .section1-1 .video-container.right-container .title {
          -webkit-transform: translateX(-25%);
          -moz-transform: translateX(-25%);
          -ms-transform: translateX(-25%);
          -o-transform: translateX(-25%);
          transform: translateX(-25%);
          right: -33%; }
        #homepage #section1 .section1-1 .video-container.left-container .title {
          -webkit-transform: translateX(25%);
          -moz-transform: translateX(25%);
          -ms-transform: translateX(25%);
          -o-transform: translateX(25%);
          transform: translateX(25%);
          left: -33%; }
        #homepage #section1 .section1-1 .video-container .black-mask {
          width: 100%;
          height: 100%;
          position: absolute;
          top: 0;
          left: 0;
          z-index: 10;
          background: rgba(0, 0, 0, 0.2); }
      #homepage #section1 .section1-1 .title {
        font-family: "misolight";
        font-size: 4rem;
        letter-spacing: .3rem;
        align-self: center;
        text-transform: uppercase;
        text-align: center;
        position: relative;
        z-index: 20;
        line-height: 1.1; }
        #homepage #section1 .section1-1 .title span {
          color: #ff34ee; }
      #homepage #section1 .section1-1 .poster-mobile {
        background-repeat: no-repeat;
        background-size: cover;
        display: none; }
  #homepage #section2 {
    padding-top: 90px;
    padding-bottom: 30px;
    width: 100%;
    position: relative; }
    #homepage #section2 .section2-1 {
      position: relative;
      padding-bottom: 80px; }
      #homepage #section2 .section2-1 h2 {
        color: #ff34ee;
        text-align: center;
        margin-bottom: 20px; }
      #homepage #section2 .section2-1 .subtitle {
		width: 60%;
    	margin: auto;
        text-align: center;
        font-size: 1rem; }
    #homepage #section2 .section2-2 .carousel-wrapper {
      text-align: center; }
      #homepage #section2 .section2-2 .carousel-wrapper .carousel .item {
        text-align: center;
        position: relative;
        padding: 0 40px;
        margin-bottom: 80px;
        display: inline-block;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out; }
        #homepage #section2 .section2-2 .carousel-wrapper .carousel .item i {
          font-size: 5rem;
          color: #6524ff; }
        #homepage #section2 .section2-2 .carousel-wrapper .carousel .item .label {
          font-size: 1.3rem;
          padding: 8px 0;
          text-transform: lowercase; }
        #homepage #section2 .section2-2 .carousel-wrapper .carousel .item .content {
          opacity: 0;
          z-index: -1;
          position: absolute;
          top: 0;
          left: 0;
          margin-top: 70px;
          height: 120%;
          width: 100%;
          font-size: 1rem;
          background: rgba(255, 255, 255, 0.95);
          -webkit-transform: translateY(-50%);
          -moz-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          -o-transform: translateY(-50%);
          transform: translateY(-50%);
          -webkit-transition: all 0.2s ease-in-out;
          -moz-transition: all 0.2s ease-in-out;
          -o-transition: all 0.2s ease-in-out;
          -ms-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out; }
          #homepage #section2 .section2-2 .carousel-wrapper .carousel .item .content p {
            width: 100%;
            position: absolute;
            -webkit-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            left: 50%;
            top: 50%; }
            #homepage #section2 .section2-2 .carousel-wrapper .carousel .item .content p .readmore {
              font-size: inherit;
              margin-top: 15px; }
        #homepage #section2 .section2-2 .carousel-wrapper .carousel .item:hover {
          -webkit-box-shadow: 0 0 10px 10px rgba(255, 255, 255, 0.95);
          -moz-box-shadow: 0 0 10px, 10px rgba(255, 255, 255, 0.95);
          -o-box-shadow: 0 0 10px 10px rgba(255, 255, 255, 0.95);
          -ms-box-shadow: 0 0 10px 10px rgba(255, 255, 255, 0.95);
          box-shadow: 0 0 10px 10px rgba(255, 255, 255, 0.95); }
          #homepage #section2 .section2-2 .carousel-wrapper .carousel .item:hover .content {
            opacity: 1;
            z-index: 0; }
      #homepage #section2 .section2-2 .carousel-wrapper .controls {
        display: none; }
      #homepage #section2 .section2-2 .carousel-wrapper .bullets {
        padding-top: 20px;
        display: none; }
        #homepage #section2 .section2-2 .carousel-wrapper .bullets .bullet i {
          color: rgba(101, 36, 255, 0.3);
          font-size: 2.1rem;
          -webkit-transition: all 0.2s ease-in-out;
          -moz-transition: all 0.2s ease-in-out;
          -o-transition: all 0.2s ease-in-out;
          -ms-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out; }
        #homepage #section2 .section2-2 .carousel-wrapper .bullets .bullet.active i {
          color: #6524ff; }
  #homepage #section3 {
    text-align: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    color: #000;
    position: relative;
    z-index: 4; }
    #homepage #section3 .backgrounds > div {
      background-repeat: no-repeat;
      background-size: cover;
      background-attachment: fixed;
      height: 100%;
      width: 100%;
      position: absolute;
      top: 0;
      left: 0;
      display: none; }
    #homepage #section3 .workarea .subtitle {
      font-size: 1rem;
      padding-top: 20px; }
    #homepage #section3 .workarea .map {
      margin-top: -50px;
      height: 600px;
      background-color: transparent;
      position: relative; }
      #homepage #section3 .workarea .map .map-image {
        background-repeat: no-repeat;
        background-size: 100% auto;
        height: 100%; }
        #homepage #section3 .workarea .map .map-image .pin {
          display: inline-block;
          position: absolute;
          vertical-align: middle;
          color: rgba(255, 255, 255, 0.75);
          cursor: pointer;
          -webkit-transition: all 0.2s ease-in-out;
          -moz-transition: all 0.2s ease-in-out;
          -o-transition: all 0.2s ease-in-out;
          -ms-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out; }
          #homepage #section3 .workarea .map .map-image .pin > i,
          #homepage #section3 .workarea .map .map-image .pin > span {
            vertical-align: middle;
            font-size: .9rem; }
          #homepage #section3 .workarea .map .map-image .pin.active {
            color: white; }
            #homepage #section3 .workarea .map .map-image .pin.active .infowindow {
              z-index: 9; }
          #homepage #section3 .workarea .map .map-image .pin .infowindow {
            position: absolute;
            background: white;
            width: 200px;
            text-align: left;
            color: #000419;
            display: none;
            top: 22px;
            left: 20px; }
            #homepage #section3 .workarea .map .map-image .pin .infowindow figure {
              height: 121px;
              padding: 0;
              margin: 0;
              background-repeat: no-repeat;
              background-size: cover; }
            #homepage #section3 .workarea .map .map-image .pin .infowindow .details {
              padding: 10px 20px 15px; }
              #homepage #section3 .workarea .map .map-image .pin .infowindow .details .city {
                font-size: .7rem; }
              #homepage #section3 .workarea .map .map-image .pin .infowindow .details .name {
                font-size: 1.3rem;
                line-height: 1.1; }
              #homepage #section3 .workarea .map .map-image .pin .infowindow .details .position {
                font-size: .7rem;
                color: #656565;
                display: block;
                padding-top: 3px; }
              #homepage #section3 .workarea .map .map-image .pin .infowindow .details .viewmore {
                font-size: .7rem;
                padding-bottom: 0; }
    #homepage #section3 .drag-indicator {
      display: none; }
  #homepage #section4 {
    text-align: center;
    background-image: url(assets/images/grey-blurry-bg.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 97% auto; }
    #homepage #section4 .workarea {
      padding-top: 80px;
      padding-bottom: 70px; }
      #homepage #section4 .workarea .carousel-wrapper {
        padding: 60px 70px 0;
        position: relative; }
        #homepage #section4 .workarea .carousel-wrapper .carousel .owl-stage-outer .owl-stage {
          padding: 70px 0;
          display: flex;
          align-items: stretch; }
          #homepage #section4 .workarea .carousel-wrapper .carousel .owl-stage-outer .owl-stage .item {
            text-align: left;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
            padding: 0 15px;
            height: 100%; }
            #homepage #section4 .workarea .carousel-wrapper .carousel .owl-stage-outer .owl-stage .item:hover {
              -webkit-transform: scale(1.05, 1.05) perspective(1000px) translateZ(0);
              -moz-transform: scale(1.05, 1.05);
              -ms-transform: scale(1.05, 1.05);
              -o-transform: scale(1.05, 1.05);
              transform: scale(1.05, 1.05) perspective(1000px) translateZ(0); }
            #homepage #section4 .workarea .carousel-wrapper .carousel .owl-stage-outer .owl-stage .item > div {
              background: #fff;
              height: 100%; }
              #homepage #section4 .workarea .carousel-wrapper .carousel .owl-stage-outer .owl-stage .item > div .image {
                height: 130px;
                background-repeat: no-repeat;
                background-size: cover; }
              #homepage #section4 .workarea .carousel-wrapper .carousel .owl-stage-outer .owl-stage .item > div .item-data {
                padding: 10px 25px;
                margin-bottom: 40px; }
                #homepage #section4 .workarea .carousel-wrapper .carousel .owl-stage-outer .owl-stage .item > div .item-data .author {
                  font-size: .7rem;
                  color: #6524ff; }
                #homepage #section4 .workarea .carousel-wrapper .carousel .owl-stage-outer .owl-stage .item > div .item-data h3 {
                  font-size: 1.3rem;
                  line-height: 1.1;
                  backface-visibility: hidden;
                  -webkit-filter: blur(0);
                  filter: blur(0);
                  -webkit-perspective: 1000px;
                  -webkit-transform: translateZ(0); }
                  #homepage #section4 .workarea .carousel-wrapper .carousel .owl-stage-outer .owl-stage .item > div .item-data h3 a {
                    color: #000; }
                #homepage #section4 .workarea .carousel-wrapper .carousel .owl-stage-outer .owl-stage .item > div .item-data .date {
                  font-size: .7rem;
                  color: #656565; }
                #homepage #section4 .workarea .carousel-wrapper .carousel .owl-stage-outer .owl-stage .item > div .item-data .readmore {
                  padding-top: 30px;
                  margin-bottom: 10px;
                  position: absolute;
                  bottom: 10px; }
      #homepage #section4 .workarea .viewmore {
        margin-top: 20px; }
  #homepage #section5 {
    padding: 30px 0 120px;
    width: 100%;
    background-size: cover;
    background-position: top left;
    background-repeat: no-repeat; }
    #homepage #section5 .workarea {
      text-align: center; }
      #homepage #section5 .workarea h2 {
        color: #fff;
        text-align: center;
        padding-bottom: 60px;
        font-size: 3.5rem; }
      #homepage #section5 .workarea ul {
        display: flex;
        flex-wrap: wrap;
        text-align: center;
        justify-content: center; }
        #homepage #section5 .workarea ul li {
          padding: 25px;
          align-self: center;
          opacity: .6;
          -webkit-transition: all 0.2s ease-in-out;
          -moz-transition: all 0.2s ease-in-out;
          -o-transition: all 0.2s ease-in-out;
          -ms-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out; }
          #homepage #section5 .workarea ul li:hover {
            opacity: 1; }
          #homepage #section5 .workarea ul li img {
            max-width: 80%; }
      #homepage #section5 .workarea .viewmore {
        margin-top: 70px;
        color: #fff;
        border-color: #fff; }
        #homepage #section5 .workarea .viewmore:hover {
          color: #ff34ee;
          border-color: #ff34ee; }
  #homepage #section6 {
    margin-top: -100px;
	  margin-left: auto;
    margin-right: auto;
    justify-content: center;
    display: flex;
    position: relative;
    z-index: 1; }
    #homepage #section6 .workarea {
      max-width: 700px; }
      #homepage #section6 .workarea .carousel-wrapper {
        position: relative; }
        #homepage #section6 .workarea .carousel-wrapper .carousel {
          -webkit-box-shadow: 0 0 130px 0 rgba(0, 0, 0, 0.1);
          -moz-box-shadow: 0 0 130px, 0 rgba(0, 0, 0, 0.1);
          -o-box-shadow: 0 0 130px 0 rgba(0, 0, 0, 0.1);
          -ms-box-shadow: 0 0 130px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 130px 0 rgba(0, 0, 0, 0.1); }
          #homepage #section6 .workarea .carousel-wrapper .carousel .item {
            background: white; }
            #homepage #section6 .workarea .carousel-wrapper .carousel .item .item-data {
              padding: 40px; }
              #homepage #section6 .workarea .carousel-wrapper .carousel .item .item-data > div:first-child {
                text-align: right;
                vertical-align: top;
                height: 150px;
                width: 150px;
                -webkit-border-radius: 100%;
                -moz-border-radius: 100%;
                -ms-border-radius: 100%;
                border-radius: 100%;
                overflow: hidden; }
                #homepage #section6 .workarea .carousel-wrapper .carousel .item .item-data > div:first-child .img {
                  background-repeat: no-repeat;
                  background-size: cover;
                  height: 100%;
                  width: 100%; }
              #homepage #section6 .workarea .carousel-wrapper .carousel .item .item-data > div:last-child {
                padding-left: 180px; }
                #homepage #section6 .workarea .carousel-wrapper .carousel .item .item-data > div:last-child h4 {
                  color: #ff34ee;
                  text-transform: uppercase;
                  font-size: 3rem;
                  line-height: 1.1; }
                #homepage #section6 .workarea .carousel-wrapper .carousel .item .item-data > div:last-child .company {
                  font-family: "misolight", sans-serif;
                  font-size: 1.4rem;
                  font-weight: 400;
                  text-transform: uppercase; }
                #homepage #section6 .workarea .carousel-wrapper .carousel .item .item-data > div:last-child .content {
                  font-size: 1rem; }
        #homepage #section6 .workarea .carousel-wrapper .controls > div {
          display: inline-block;
          position: absolute;
          top: 50%;
          cursor: pointer;
          text-align: center;
          padding: 20px;
          -webkit-transform: translateY(-50%);
          -moz-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          -o-transform: translateY(-50%);
          transform: translateY(-50%); }
          #homepage #section6 .workarea .carousel-wrapper .controls > div.prev {
            left: -100px; }
          #homepage #section6 .workarea .carousel-wrapper .controls > div.next {
            right: -100px; }
        #homepage #section6 .workarea .carousel-wrapper .owl-theme .owl-controls {
          position: absolute;
          bottom: -50px;
          width: 100%; }
          #homepage #section6 .workarea .carousel-wrapper .owl-theme .owl-controls .owl-dots {
            text-align: center; }
            #homepage #section6 .workarea .carousel-wrapper .owl-theme .owl-controls .owl-dots .owl-dot {
              background: #888;
              width: 5px;
              height: 5px;
              margin: 4px;
              display: inline-block;
              -webkit-border-radius: 100%;
              -moz-border-radius: 100%;
              -ms-border-radius: 100%;
              border-radius: 100%; }
              #homepage #section6 .workarea .carousel-wrapper .owl-theme .owl-controls .owl-dots .owl-dot.active {
                background: #ff34ee; }

#generic h2 {
  font-size: 2.5rem;
  color: #ff34ee;
  letter-spacing: .15em; }
#generic #section1 {
  position: relative;
  overflow: hidden; }
  #generic #section1 .workarea header {
    padding: 300px 0 30px 0;
    max-width: 650px; }
    #generic #section1 .workarea header .subtitle {
      font-size: 2.5rem;
      color: #ff34ee;
      letter-spacing: .15em;
      font-family: "misolight";
      text-transform: uppercase;
      font-weight: 400;
      line-height: 1.2; }
#generic #section2 {
  padding: 0;
  padding-top: 60px; }
  #generic #section2 .workarea {
    max-width: 1000px;
    text-align: center;
    padding: 0 20px; }
    #generic #section2 .workarea h2 {
      padding-bottom: 50px;
      max-width: 600px;
      margin: 0 auto; }
#generic #section3 {
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap; }
  #generic #section3 .item {
    height: 256px;
    display: -webkit-flex;
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    position: relative;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out; }
    #generic #section3 .item.firsts {
      height: 513px; }
    #generic #section3 .item .inner-content {
      padding: 30px;
      max-width: 450px;
      position: relative;
      opacity: 0;
      -webkit-transition: all 0.5s ease-in-out;
      -moz-transition: all 0.5s ease-in-out;
      -o-transition: all 0.5s ease-in-out;
      -ms-transition: all 0.5s ease-in-out;
      transition: all 0.5s ease-in-out; }
      #generic #section3 .item .inner-content .small-content {
        color: #fff;
        padding-top: 5px; }
    #generic #section3 .item:hover .background, #generic #section3 .item.active .background {
      background-blend-mode: color-dodge; }
      #generic #section3 .item:hover .background .multiply, #generic #section3 .item.active .background .multiply {
        opacity: 0; }
    #generic #section3 .item:hover .inner-content, #generic #section3 .item.active .inner-content {
      opacity: 1; }
#generic #section4 {
  padding: 20px 0 50px; }
  #generic #section4 .workarea {
    display: -webkit-flex;
    display: flex;
    align-items: center;
    padding: 0 20px; }
    #generic #section4 .workarea > div:first-child {
      color: #6524ff;
      font-size: 2.8rem;
      line-height: 1.2;
      font-weight: 400;
      padding-right: 50px; }
    #generic #section4 .workarea > div:last-child {
      padding-left: 10px; }
      #generic #section4 .workarea > div:last-child ul {
        list-style: none;
        padding-left: 30px; }
        #generic #section4 .workarea > div:last-child ul li {
          padding: 5px 0;
          text-indent: -1.5rem; }
          #generic #section4 .workarea > div:last-child ul li:before {
            content: "\f111";
            font-family: FontAwesome;
            color: #6524ff;
            font-size: .5rem;
            line-height: 0;
            margin-right: 1rem; }
#generic #section5,
#generic #section6 {
  padding-top: 20px; }
  #generic #section5 .workarea > div:first-child,
  #generic #section6 .workarea > div:first-child {
    height: 520px;
    background-size: cover;
    background-repeat: no-repeat; }
  #generic #section5 .workarea > div:last-child,
  #generic #section6 .workarea > div:last-child {
    background-color: #fff;
    -webkit-box-shadow: 0 0 130px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 130px, 0 rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 0 130px 0 rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 0 130px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 130px 0 rgba(0, 0, 0, 0.1);
    padding: 40px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); }
    #generic #section5 .workarea > div:last-child h2,
    #generic #section6 .workarea > div:last-child h2 {
      max-width: 500px;
      text-transform: uppercase;
      font-size: 1.8rem;
      letter-spacing: .1em;
      line-height: 1.2;
      font-family: "misolight"; }
    #generic #section5 .workarea > div:last-child .small-content,
    #generic #section6 .workarea > div:last-child .small-content {
      padding-top: 10px; }
#generic #wanna-talk {
  padding-top: 20px; }

#team #section2 .item {
  padding: 5px;
  position: relative;
  overflow: hidden;
  -webkit-perspective: 1000px;
  -moz-perspective: 1000px;
  -o-perspective: 1000px;
  perspective: 1000px;
  z-index: 1; }
  #team #section2 .item .card-flip {
    height: 450px;
    width: 100%;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    position: relative; }
    #team #section2 .item .card-flip .face {
      position: absolute;
      width: 100%;
      height: 100%;
      -webkit-backface-visibility: hidden;
      -moz-backface-visibility: hidden;
      -o-backface-visibility: hidden;
      backface-visibility: hidden;
      z-index: 2; }
      #team #section2 .item .card-flip .face.back {
        display: block;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        padding: 10px;
        color: white;
        text-align: center;
        position: relative;
        z-index: 1;
        opacity: 0;
        overflow: auto; }
        #team #section2 .item .card-flip .face.back .ps-container:hover > .ps-scrollbar-y-rail:hover {
          background: none; }
        #team #section2 .item .card-flip .face.back .content {
          padding: 30px 14px 30px 4px;
          text-align: left;
          z-index: 100;
          position: relative;
          height: 100%; }
      #team #section2 .item .card-flip .face .image {
        height: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
        background-blend-mode: color-dodge;
        background-position: center center;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out; }
        #team #section2 .item .card-flip .face .image:after {
          content: '';
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+99&0+0,0.7+76,0.8+76 */
          background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.6) 85%, rgba(0, 0, 0, 0.8) 100%);
          /* FF3.6-15 */
          background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.6) 85%, rgba(0, 0, 0, 0.8) 100%);
          /* Chrome10-25,Safari5.1-6 */
          background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.6) 85%, rgba(0, 0, 0, 0.8) 100%);
          /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
          filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#cc000000', GradientType=0);
          /* IE6-9 */
          opacity: 1;
          -webkit-transition: all 0.5s ease-in-out;
          -moz-transition: all 0.5s ease-in-out;
          -o-transition: all 0.5s ease-in-out;
          -ms-transition: all 0.5s ease-in-out;
          transition: all 0.5s ease-in-out; }
        #team #section2 .item .card-flip .face .image .multiply {
          opacity: 0; }
      #team #section2 .item .card-flip .face .close {
        display: none; }
      #team #section2 .item .card-flip .face .initial {
        position: absolute;
        top: 0;
        right: 0;
        margin: 20px;
        z-index: 99;
        opacity: 0;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
        max-height: 100px;
        max-width: 50px; }
      #team #section2 .item .card-flip .face .data {
        position: absolute;
        bottom: 123px;
        left: 0;
        width: 100%;
        padding: 20px;
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -ms-transform: translateY(100%);
        -o-transform: translateY(100%);
        transform: translateY(100%);
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out; }
        #team #section2 .item .card-flip .face .data .name {
          color: #ff34ee;
          font-size: 1.5rem;
          line-height: 1.2;
          font-weight: normal; }
        #team #section2 .item .card-flip .face .data .position {
          color: #fff;
          font-family: "misolight";
          font-size: 1.3rem;
          letter-spacing: .15rem; }
        #team #section2 .item .card-flip .face .data .inner-content {
          color: rgba(255, 255, 255, 0.7);
          line-height: 1.3;
          padding-top: 5px;
          padding-bottom: 5px;
          opacity: 0;
          transition: opacity .3s ease; }
          #team #section2 .item .card-flip .face .data .inner-content hr {
            border: none;
            border-bottom: 1px solid rgba(255, 255, 255, 0.5);
            padding-top: 13px;
            margin-bottom: 15px; }
          #team #section2 .item .card-flip .face .data .inner-content .contact {
            font-weight: bold; }
          #team #section2 .item .card-flip .face .data .inner-content .social a {
            color: #fff; }
            #team #section2 .item .card-flip .face .data .inner-content .social a:hover {
              color: #6524ff; }
    #team #section2 .item .card-flip:hover .image, #team #section2 .item .card-flip.active .image {
      background-blend-mode: color; }
      #team #section2 .item .card-flip:hover .image:after, #team #section2 .item .card-flip.active .image:after {
        opacity: 0; }
      #team #section2 .item .card-flip:hover .image .multiply, #team #section2 .item .card-flip.active .image .multiply {
        opacity: 1; }
    #team #section2 .item .card-flip:hover .initial, #team #section2 .item .card-flip.active .initial {
      opacity: 1; }
    #team #section2 .item .card-flip:hover .data, #team #section2 .item .card-flip.active .data {
      bottom: 0;
      -webkit-transform: translateY(0%);
      -moz-transform: translateY(0%);
      -ms-transform: translateY(0%);
      -o-transform: translateY(0%);
      transform: translateY(0%); }
      #team #section2 .item .card-flip:hover .data .inner-content, #team #section2 .item .card-flip.active .data .inner-content {
        opacity: 1; }
    #team #section2 .item .card-flip.active-more {
      z-index: 10; }
      #team #section2 .item .card-flip.active-more .image {
        background-blend-mode: color; }
        #team #section2 .item .card-flip.active-more .image:after {
          opacity: 0; }
        #team #section2 .item .card-flip.active-more .image .multiply {
          opacity: 1; }
      #team #section2 .item .card-flip.active-more .initial {
        opacity: 1; }
      #team #section2 .item .card-flip.active-more .face.front .close {
        display: none; }
      #team #section2 .item .card-flip.active-more .face.front .initial {
        display: none; }
      #team #section2 .item .card-flip.active-more .face.front .data {
        opacity: 0; }
      #team #section2 .item .card-flip.active-more .face.back {
        opacity: 1;
        z-index: 3; }
        #team #section2 .item .card-flip.active-more .face.back .readmore {
          z-index: 101; }
        #team #section2 .item .card-flip.active-more .face.back .close-readmore {
          display: none; }
#team #section2 .controls {
  display: none; }
  #team #section2 .controls > div {
    color: rgba(255, 255, 255, 0.7); }
#team #section2 .team-member-popup {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 999;
  -webkit-transform: translate3d(-50%, -50%, 0);
  -moz-transform: translate3d(-50%, -50%, 0);
  -ms-transform: translate3d(-50%, -50%, 0);
  -o-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  width: 90%;
  margin-top: 40px; }
#team #section3 .carousel-wrapper .carousel .owl-stage {
  padding: 20px 0; }
  #team #section3 .carousel-wrapper .carousel .owl-stage .owl-item.active.center .item {
    opacity: 1;
    -webkit-transform: scale(1, 1) perspective(1000px) translateZ(0);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1) perspective(1000px) translateZ(0);
    -webkit-box-shadow: 0 10px 15px -5px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 10px 15px, -5px rgba(0, 0, 0, 0.4);
    -o-box-shadow: 0 10px 15px -5px rgba(0, 0, 0, 0.4);
    -ms-box-shadow: 0 10px 15px -5px rgba(0, 0, 0, 0.4);
    box-shadow: 0 10px 15px -5px rgba(0, 0, 0, 0.4); }
  #team #section3 .carousel-wrapper .carousel .owl-stage .owl-item .item {
    height: 300px;
    position: relative;
    overflow: hidden;
    opacity: .3;
    font-weight: bold;
    -webkit-transform: scale(0.9, 0.9) perspective(1000px) translateZ(0);
    -moz-transform: scale(0.9, 0.9);
    -ms-transform: scale(0.9, 0.9);
    -o-transform: scale(0.9, 0.9);
    transform: scale(0.9, 0.9) perspective(1000px) translateZ(0);
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    -ms-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out; }
    #team #section3 .carousel-wrapper .carousel .owl-stage .owl-item .item .image {
      height: 100%;
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center center;
      position: relative;
      background-blend-mode: color-dodge;
      -webkit-transition: all 0.5s ease-in-out;
      -moz-transition: all 0.5s ease-in-out;
      -o-transition: all 0.5s ease-in-out;
      -ms-transition: all 0.5s ease-in-out;
      transition: all 0.5s ease-in-out; }
      #team #section3 .carousel-wrapper .carousel .owl-stage .owl-item .item .image:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.75+100 */
        background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.6) 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.6) 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.6) 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#bf000000', GradientType=0);
        /* IE6-9 */
        opacity: 1;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out; }
    #team #section3 .carousel-wrapper .carousel .owl-stage .owl-item .item .inner-content {
      padding: 30px;
      max-width: 450px;
      position: absolute;
      bottom: 0; }
      #team #section3 .carousel-wrapper .carousel .owl-stage .owl-item .item .inner-content h2 {
        font-weight: bold;
        font-size: 1.7rem;
        text-transform: uppercase;
        padding-bottom: 15px;
        font-family: "misolight";
        font-weight: 400;
        color: #ff34ee;
        letter-spacing: .1em;
        line-height: 1; }
      #team #section3 .carousel-wrapper .carousel .owl-stage .owl-item .item .inner-content .small-content {
        color: #fff;
        font-size: .8rem;
        padding-top: 3px; }

.page-team header h2 {
  text-transform: uppercase;
  text-align: center;
  font-size: 3rem;
  font-family: "misolight";
  letter-spacing: .5rem;
  color: #666;
  font-weight: 400;
  padding-top: 10px;
  padding-bottom: 35px; }
.page-team #section1 {
  position: relative;
  overflow: hidden; }
  .page-team #section1 .workarea header {
    padding: 120px 0 50px 0;
    max-width: 600px;
    margin: 0 auto;
    text-align: center; }
    .page-team #section1 .workarea header h1 {
      color: #ff34ee;
      font-weight: 400;
      letter-spacing: .8rem;
      padding-bottom: 10px; }
    .page-team #section1 .workarea header .subtitle {
      color: #fff;
      font-size: 1.05rem;
      text-transform: initial;
      letter-spacing: initial; }
      .page-team #section1 .workarea header .subtitle p {
        font-family: "Quicksand";
        line-height: 1.4; }

#services #section1 .workarea header {
  padding-top: 260px;
  padding-bottom: 200px; }
  #services #section1 .workarea header .subtitle {
    font-size: 1.2rem;
    font-family: "Quicksand";
    line-height: 1.4;
    color: #fff; }
#services #section2 {
  margin-top: -110px; }
  #services #section2 .workarea .items .item {
    background: #fff;
    padding: 20px;
    margin-bottom: 30px;
    display: -webkit-flex;
    display: flex;
    -webkit-box-shadow: 0 0 130px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 130px, 0 rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 0 130px 0 rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 0 130px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 130px 0 rgba(0, 0, 0, 0.1); }
    #services #section2 .workarea .items .item:first-child {
      box-shadow: 0 0 130px 0 rgba(0, 0, 0, 0.1), 0 10px 30px -5px rgba(0, 0, 0, 0.15); }
    #services #section2 .workarea .items .item .image {
      background-repeat: no-repeat;
      background-size: 120%;
      background-position: right center;
      width: 55%;
      position: relative;
      display: block;
      -webkit-transition: background-position 0.3s ease;
      -moz-transition: background-position 0.3s ease;
      -o-transition: background-position 0.3s ease;
      -ms-transition: background-position 0.3s ease;
      transition: background-position 0.3s ease; }
      #services #section2 .workarea .items .item .image .service-type {
        position: absolute;
        bottom: 15px;
        left: 30px;
        color: #fff;
        font-size: 2.2rem;
        font-family: "misolight";
        letter-spacing: .25rem;
        font-weight: 400; }
    #services #section2 .workarea .items .item .content {
      width: 45%;
      padding-left: 50px;
      font-size: 1.05rem;
      color: #aaa;
      padding-top: 15px;
      padding-bottom: 15px;
      padding-right: 30px; }
      #services #section2 .workarea .items .item .content h5 {
        font-size: 1.7rem;
        text-transform: uppercase;
        padding-bottom: 15px; }
      #services #section2 .workarea .items .item .content .btn {
        margin-top: 40px; }
    #services #section2 .workarea .items .item:hover .image {
      background-position: left center; }

#item h6 {
  color: #333; }
  #item h6:not(:first-child) {
    padding-top: 40px; }
#item p {
  color: #aaa; }
#item #section1 {
  position: relative;
  overflow: hidden; }
  #item #section1 .workarea header {
    padding: 150px 0 50px 0;
    color: #fff; }
    #item #section1 .workarea header h1 {
      color: #fff;
      font-weight: 400;
      letter-spacing: .4rem;
      font-size: 2.8rem;
      max-width: 650px;
      line-height: 1.2;
      padding-bottom: 20px; }
    #item #section1 .workarea header .page-meta {
      font-size: .9rem; }
      #item #section1 .workarea header .page-meta > div {
        vertical-align: middle; }
        #item #section1 .workarea header .page-meta > div:last-child {
          text-align: right; }
          #item #section1 .workarea header .page-meta > div:last-child a {
            color: #fff;
            display: inline-block;
            padding: 0 10px;
            font-size: 1.5rem; }
            #item #section1 .workarea header .page-meta > div:last-child a:hover {
              color: #6524ff; }
#item #section2 .workarea {
  display: -webkit-flex;
  display: flex; }
  #item #section2 .workarea > div:first-child {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center; }
  #item #section2 .workarea > div:last-child {
    padding-left: 40px; }
#item #section3 {
  padding-top: 30px;
  color: #ff34ee;
  text-align: center;
  max-width: 800px;
  margin: 0 auto;
  font-size: 1.5rem; }
#item #section4 .workarea iframe {
  height: 600px;
  width: 100%; }
#item #section5 .workarea {
  -webkit-column-count: 2;
  /* Chrome, Safari, Opera */
  -moz-column-count: 2;
  /* Firefox */
  column-count: 2;
  -webkit-column-gap: 40px;
  /* Chrome, Safari, Opera */
  -moz-column-gap: 40px;
  /* Firefox */
  column-gap: 40px; }
#item #back-to-top {
  position: fixed;
  width: 50px;
  height: 50px;
  bottom: 100px;
  right: 100px;
  z-index: 9; }
  #item #back-to-top #halfclip {
    width: 50%;
    height: 100%;
    right: 0;
    position: absolute;
    overflow: hidden;
    transform-origin: left center;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
    #item #back-to-top #halfclip.active {
      -webkit-transform: rotate(180deg);
      -moz-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      -o-transform: rotate(180deg);
      transform: rotate(180deg); }
    #item #back-to-top #halfclip #clipped-1 {
      width: 200%;
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      transform: rotate(-45deg); }
      #item #back-to-top #halfclip #clipped-1.active {
        -webkit-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        -o-transform: rotate(135deg);
        transform: rotate(135deg);
        display: none; }
    #item #back-to-top #halfclip #clipped-2 {
      width: 200%;
      -webkit-transform: rotate(-225deg);
      -moz-transform: rotate(-225deg);
      -ms-transform: rotate(-225deg);
      -o-transform: rotate(-225deg);
      transform: rotate(-225deg);
      display: none; }
      #item #back-to-top #halfclip #clipped-2.active {
        -webkit-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        -o-transform: rotate(135deg);
        transform: rotate(135deg);
        display: block; }
  #item #back-to-top .halfcircle {
    box-sizing: border-box;
    height: 100%;
    right: 0;
    position: absolute;
    border: solid 3px transparent;
    border-top-color: #ff34ee;
    border-left-color: #ff34ee;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%; }
  #item #back-to-top #fixed {
    width: 100%;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
    opacity: 0; }
    #item #back-to-top #fixed.active {
      opacity: 1; }
@-webkit-keyframes cliprotate {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
@keyframes cliprotate {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
@-webkit-keyframes rotate {
  0% {
    transform: rotate(-45deg); }
  100% {
    transform: rotate(135deg); } }
@keyframes rotate {
  0% {
    transform: rotate(-45deg); }
  100% {
    transform: rotate(135deg); } }
@-webkit-keyframes showfixed {
  0% {
    opacity: 0; }
  49.9% {
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    opacity: 1; } }
  #item #back-to-top #innercircle {
    height: 36px;
    width: 36px;
    background: rgba(255, 52, 238, 0.3);
    border-radius: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    line-height: 34px;
    font-size: 1.7rem;
    color: #fff;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    display: block;
    opacity: 0; }
    #item #back-to-top #innercircle:hover {
      background: rgba(255, 52, 238, 0.9); }
    #item #back-to-top #innercircle.active {
      opacity: 1; }

#page404 {
  height: calc(100vh - 54px); }
  #page404 #section1 {
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin-top: -54px;
    background: white;
    padding: 40px 100px 50px; }
    #page404 #section1 h1 {
      font-size: 10em;
      line-height: 1;
      color: #ff34ee; }
    #page404 #section1 h2 {
      font-size: 1.5rem; }

#wanna-talk {
  text-align: center;
  padding-top: 60px;
  position: relative;
  z-index: 99; }
  #wanna-talk .contact-open {
    font-family: "misolight";
    letter-spacing: .3rem; }
  #wanna-talk .social-links {
    padding-top: 50px; }
    #wanna-talk .social-links .title {
      font-size: 1.3rem; }
    #wanna-talk .social-links ul li a {
      padding: 20px 15px; }

#wanna-talk-popup.popup-wrapper {
  position: fixed;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  width: 90%;
  max-width: 1000px;
  z-index: 999;
  height: auto;
  display: none; }
  #wanna-talk-popup.popup-wrapper.active {
    margin-top: 0; }
  #wanna-talk-popup.popup-wrapper > .close {
    position: absolute;
    right: -50px;
    top: -30px;
    border: 1px solid #ff34ee;
    border-radius: 100%;
    height: 40px;
    width: 40px;
    text-align: center;
    vertical-align: middle;
    line-height: 37px;
    color: #ff34ee;
    font-size: 2.5rem;
    font-weight: 400;
    cursor: pointer;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg); }
  #wanna-talk-popup.popup-wrapper .popup-container {
    background: #fff;
    text-align: center;
    padding: 20px 20px 60px 20px;
    -webkit-box-shadow: 0 0 130px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 130px, 0 rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 0 130px 0 rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 0 130px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 130px 0 rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px; }
    #wanna-talk-popup.popup-wrapper .popup-container.thankyou-container {
      padding-top: 50px;
      display: none; }
      #wanna-talk-popup.popup-wrapper .popup-container.thankyou-container .popup-header img {
        width: 100px; }
      #wanna-talk-popup.popup-wrapper .popup-container.thankyou-container .popup-header .h2 {
        margin-top: 15px; }
      #wanna-talk-popup.popup-wrapper .popup-container.thankyou-container .popup-body button {
        margin-top: 45px; }
    #wanna-talk-popup.popup-wrapper .popup-container .popup-header {
      padding-bottom: 50px; }
      #wanna-talk-popup.popup-wrapper .popup-container .popup-header .h2 {
        letter-spacing: .15em;
        color: #ff34ee;
        font-size: 4rem;
        font-weight: 400;
        margin-top: -22px; }
    #wanna-talk-popup.popup-wrapper .popup-container .popup-body {
      padding: 0 50px; }
      #wanna-talk-popup.popup-wrapper .popup-container .popup-body .inputs-wrapper {
        display: -webkit-flex;
        display: flex; }
        #wanna-talk-popup.popup-wrapper .popup-container .popup-body .inputs-wrapper > div {
          flex: 1; }
          #wanna-talk-popup.popup-wrapper .popup-container .popup-body .inputs-wrapper > div:first-child {
            padding-right: 10px; }
            #wanna-talk-popup.popup-wrapper .popup-container .popup-body .inputs-wrapper > div:first-child p {
              padding-bottom: 35px; }
              #wanna-talk-popup.popup-wrapper .popup-container .popup-body .inputs-wrapper > div:first-child p:last-child {
                padding-bottom: 0; }
              #wanna-talk-popup.popup-wrapper .popup-container .popup-body .inputs-wrapper > div:first-child p input[type="text"], #wanna-talk-popup.popup-wrapper .popup-container .popup-body .inputs-wrapper > div:first-child p input[type="email"] {
                border: none;
                border-bottom: 2px solid #999999;
                width: 100%;
                font-size: 1.2rem;
                font-weight: 400;
                font-family: "Quicksand";
                padding-bottom: 8px; }
            #wanna-talk-popup.popup-wrapper .popup-container .popup-body .inputs-wrapper > div:first-child input[type="submit"],
            #wanna-talk-popup.popup-wrapper .popup-container .popup-body .inputs-wrapper > div:first-child button {
              background: none;
              padding: 10px 35px; }
          #wanna-talk-popup.popup-wrapper .popup-container .popup-body .inputs-wrapper > div:last-child {
            padding-left: 10px; }
            #wanna-talk-popup.popup-wrapper .popup-container .popup-body .inputs-wrapper > div:last-child p {
              padding-bottom: 0; }
              #wanna-talk-popup.popup-wrapper .popup-container .popup-body .inputs-wrapper > div:last-child p label {
                font-size: 1.2rem;
                font-weight: 400;
                font-family: "Quicksand";
                text-align: left;
                color: #999;
                padding-bottom: 5px;
                display: block; }
              #wanna-talk-popup.popup-wrapper .popup-container .popup-body .inputs-wrapper > div:last-child p > br {
                display: none; }
              #wanna-talk-popup.popup-wrapper .popup-container .popup-body .inputs-wrapper > div:last-child p > span {
                display: block; }
                #wanna-talk-popup.popup-wrapper .popup-container .popup-body .inputs-wrapper > div:last-child p > span textarea {
                  width: 100%;
                  border: none;
                  background: #F9F9F9;
                  resize: none;
                  padding: 20px;
                  font-size: 1.2rem;
                  font-weight: 400;
                  font-family: "Quicksand";
                  outline: none;
                  height: 142px; }
      #wanna-talk-popup.popup-wrapper .popup-container .popup-body .submit {
        padding-top: 60px; }

#footer {
  color: #aeaeae;
  padding-top: 80px; }
  #footer.active {
    display: none;
    opacity: 0; }
  #footer.fixed {
    position: fixed;
    bottom: 0;
    width: 100%;
    opacity: 0;
    padding-left: 300px;
    padding-right: 100px; }
    #footer.fixed.active {
      display: block;
      opacity: 1;
      -webkit-transition: all 0.6s ease-in-out;
      -moz-transition: all 0.6s ease-in-out;
      -o-transition: all 0.6s ease-in-out;
      -ms-transition: all 0.6s ease-in-out;
      transition: all 0.6s ease-in-out; }
  #footer .workarea {
	display: flex;
	justify-content: center;
    padding: 40px 0  40px 0;
    margin-bottom: 20px;
    border-top: 1px solid rgba(105, 105, 105, 0.2); }
    #footer .workarea .footer-data .navigation {
      display: inline-block;
      font-family: "Quicksand"; }
      #footer .workarea .footer-data .navigation #footer-menu li {
        float: left;
        color: #aeaeae;
        padding: 0 20px;
        position: relative;
        font-size: .9rem;
        font-weight: 400; }
        #footer .workarea .footer-data .navigation #footer-menu li:first-child {
          padding-left: 0; }
        #footer .workarea .footer-data .navigation #footer-menu li a {
          color: inherit;
          -webkit-transition: color 0.2s ease-in-out;
          -moz-transition: color 0.2s ease-in-out;
          -o-transition: color 0.2s ease-in-out;
          -ms-transition: color 0.2s ease-in-out;
          transition: color 0.2s ease-in-out; }
          #footer .workarea .footer-data .navigation #footer-menu li a:hover {
            color: #333; }
    #footer .workarea .footer-data .copyright-msg {
      font-size: .75rem;
      padding-top: 8px; }
    #footer .workarea .copyright {
      margin: 0 auto;
      text-align: center;
      font-size: .8rem;
      vertical-align: middle;
      margin-bottom: 20px; }
      #footer .workarea .copyright a {
        color: inherit; }
        #footer .workarea .copyright a img {
          vertical-align: middle;
          margin-bottom: 4px; }

#page-loader {
  background-color: #000;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  align-items: center;
  z-index: 99;
  display: none; }
  #page-loader #bodymovin {
    width: 80%;
    height: 80%;
    background-color: #000;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto; }
  #page-loader .animation {
    width: 1336px;
    height: 768px;
    background-position: 0 0;
    background-image: url(assets/images/page-loader.png);
    background-repeat: no-repeat;
    display: block; }

.page-wrapper > div.flares-animated {
  width: 100px;
  height: 100px;
  top: 100%;
  left: 100%;
  position: fixed;
  background: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  border-radius: initial;
  display: none;
  -webkit-transform: rotate(-10deg);
  -moz-transform: rotate(-10deg);
  -ms-transform: rotate(-10deg);
  -o-transform: rotate(-10deg);
  transform: rotate(-10deg); }
  .page-wrapper > div.flares-animated.flare-1 {
    z-index: 1;
    animation-name: flare-1;
    animation-duration: 6s;
    animation-iteration-count: infinite; }
@keyframes flare-1 {
  0% {
    top: 100%;
    left: 100%;
    opacity: 1; }
  10% {
    opacity: 1; }
  20% {
    opacity: 0; }
  25% {
    top: -200px;
    left: -100px;
    opacity: 0; }
  100% {
    top: -200px;
    left: -100px;
    opacity: 0; } }
  .page-wrapper > div.flares-animated.flare-2 {
    z-index: -1;
    animation-name: flare-2;
    animation-duration: 6s;
    animation-iteration-count: infinite; }
@keyframes flare-2 {
  0% {
    top: 100%;
    left: 100%;
    opacity: 1; }
  45% {
    top: 100%;
    left: 100%;
    opacity: 1; }
  55% {
    opacity: 1; }
  60% {
    opacity: 0; }
  65% {
    top: -200px;
    left: -100px;
    opacity: 0; }
  100% {
    top: -200px;
    left: -100px;
    opacity: 0; } }
  .page-wrapper > div.flares-animated.flare-3 {
    z-index: 9999;
    animation-name: flare-3;
    animation-duration: 6s;
    animation-iteration-count: infinite; }
@keyframes flare-3 {
  0% {
    top: 100%;
    left: 100%;
    opacity: 1; }
  50% {
    top: 100%;
    left: 100%; }
  60% {
    opacity: 1; }
  65% {
    opacity: 0; }
  70% {
    top: -200px;
    left: -100px;
    opacity: 0; }
  100% {
    top: -200px;
    left: -100px;
    opacity: 0; } }
@media screen and (max-width: 1280px) {
  #masthead nav .navigation ul#primary-left-menu li {
    display: none; }
    #masthead nav .navigation ul#primary-left-menu li.logo {
      display: block; }
    #masthead nav .navigation ul#primary-left-menu li.menu-hamburger {
      display: block; }

  #homepage #section1 .section1-1 .title {
    font-size: 3rem; } }
@media screen and (max-width: 768px) {
  body.blur {
    height: 100vh; }

  .workarea {
    padding: 20px; }

  h1 {
    font-size: 2.5rem; }

  h2 {
    font-size: 2rem; }

  header h2 p {
    font-size: 1.2rem; }

  .span25,
  .span40,
  .span50,
  .span55,
  .span60,
  .span66 {
    width: 100%; }

  .alignleft,
  .alignright {
    float: none; }

  body.overflow-hidden {
    overflow: auto !important;
    height: auto !important; }

  .readmore.btn.btn-hero,
  .viewmore.btn.btn-hero {
    font-size: 2rem; }

  section .content {
    font-size: 1rem; }

  .carousel-wrapper.has-controls {
    padding: 0; }

  #magic-nav {
    display: none; }

  #site-loader .loader-logo .site-name {
    -webkit-transform: translate(0, -50px);
    -moz-transform: translate(0, -50px);
    -ms-transform: translate(0, -50px);
    -o-transform: translate(0, -50px);
    transform: translate(0, -50px);
    font-size: 2.6em; }

  #masthead {
    position: absolute; }
    #masthead nav.desktop-menu.active {
      position: fixed;
      width: 100%; }
    #masthead nav.mobile-menu {
      position: absolute; }
      #masthead nav.mobile-menu .navigation {
        padding: 20px 0; }
      #masthead nav.mobile-menu.active {
        height: auto; }
    #masthead nav .navigation ul#primary-left-menu {
      height: 82px;
      background: #fff;
      width: 100%;
      position: fixed;
      top: 0;
      z-index: 9999999; }
      #masthead nav .navigation ul#primary-left-menu li {
        display: none; }
        #masthead nav .navigation ul#primary-left-menu li.logo {
          display: block; }
        #masthead nav .navigation ul#primary-left-menu li.menu-hamburger {
          display: block; }

  #homepage #flares {
    display: none; }
  #homepage #scroller {
    display: none; }
  #homepage #section1 .section1-1 .slider-comparison {
    display: none; }
  #homepage #section1 .section1-1 .titles {
    position: absolute;
    bottom: 0;
    padding: 40px; }
    #homepage #section1 .section1-1 .titles .title {
      font-size: 2rem;
      text-align: left; }
  #homepage #section1 .section1-1 .poster-mobile {
    display: block; }
  #homepage #section2 {
    padding-top: 50px; }
    #homepage #section2 .section2-1 {
      padding-bottom: 30px; }
    #homepage #section2 .section2-2 .carousel-wrapper .carousel .item {
      width: 100%;
      margin-bottom: 0; }
      #homepage #section2 .section2-2 .carousel-wrapper .carousel .item > i {
        font-size: 10rem; }
      #homepage #section2 .section2-2 .carousel-wrapper .carousel .item .content {
        position: relative;
        top: auto;
        left: auto;
        z-index: 1;
        opacity: 1;
        background: transparent;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        margin: 10px; }
        #homepage #section2 .section2-2 .carousel-wrapper .carousel .item .content p {
          position: relative;
          top: auto;
          left: auto;
          -webkit-transform: none;
          -moz-transform: none;
          -ms-transform: none;
          -o-transform: none;
          transform: none; }
    #homepage #section2 .section2-2 .carousel-wrapper .controls {
      display: block; }
      #homepage #section2 .section2-2 .carousel-wrapper .controls > div {
        padding: 0; }
    #homepage #section2 .section2-2 .carousel-wrapper .bullets {
      display: block; }
      #homepage #section2 .section2-2 .carousel-wrapper .bullets .bullet {
        float: left; }
  #homepage #section3 .workarea {
    padding-left: 0;
    padding-right: 0; }
    #homepage #section3 .workarea header {
      padding-left: 20px;
      padding-right: 20px; }
    #homepage #section3 .workarea .map {
      overflow: hidden;
      margin-top: 50px; }
      #homepage #section3 .workarea .map .map-image {
        width: 1200px; }
  #homepage #section3 .drag-indicator {
    display: block;
    position: absolute;
    bottom: 10px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    color: #000;
    width: 100%; }
  #homepage #section4 {
    background-size: 110% 64%; }
    #homepage #section4 .workarea {
      padding-top: 40px; }
      #homepage #section4 .workarea .carousel-wrapper {
        padding: 30px; }
        #homepage #section4 .workarea .carousel-wrapper .carousel .owl-stage-outer .owl-stage {
          padding: 20px 0; }
          #homepage #section4 .workarea .carousel-wrapper .carousel .owl-stage-outer .owl-stage .owl-item.active .item {
            opacity: 1;
            -webkit-transform: scale(1.1, 1.1) perspective(1000px) translateZ(0);
            -moz-transform: scale(1.1, 1.1);
            -ms-transform: scale(1.1, 1.1);
            -o-transform: scale(1.1, 1.1);
            transform: scale(1.1, 1.1) perspective(1000px) translateZ(0); }
          #homepage #section4 .workarea .carousel-wrapper .carousel .owl-stage-outer .owl-stage .owl-item .item {
            position: relative;
            overflow: hidden;
            opacity: .3;
            -webkit-transition: all 0.15s ease-in-out;
            -moz-transition: all 0.15s ease-in-out;
            -o-transition: all 0.15s ease-in-out;
            -ms-transition: all 0.15s ease-in-out;
            transition: all 0.15s ease-in-out; }
        #homepage #section4 .workarea .carousel-wrapper .controls > div {
          padding: 0;
          font-size: 2rem; }
  #homepage #section5 .workarea {
    padding-right: 0;
    padding-left: 0; }
    #homepage #section5 .workarea h2 {
      padding-right: 20px;
      padding-left: 20px; }
    #homepage #section5 .workarea ul li {
      padding: 9px 15px;
      width: 33%; }
      #homepage #section5 .workarea ul li div img {
        width: 80%; }
  #homepage #section6 .workarea .carousel-wrapper .carousel .item .item-data {
    padding-left: 30px;
    padding-right: 30px; }
    #homepage #section6 .workarea .carousel-wrapper .carousel .item .item-data > div:first-child {
      margin: 0 auto;
      width: 200px;
      height: 200px; }
    #homepage #section6 .workarea .carousel-wrapper .carousel .item .item-data > div:last-child {
      padding-left: 0;
      text-align: center;
      padding-top: 30px; }
      #homepage #section6 .workarea .carousel-wrapper .carousel .item .item-data > div:last-child h4 {
        font-size: 2rem; }
      #homepage #section6 .workarea .carousel-wrapper .carousel .item .item-data > div:last-child .content {
        padding-top: 15px; }
  #homepage #section6 .workarea .carousel-wrapper .controls > div {
    padding: 10px; }
    #homepage #section6 .workarea .carousel-wrapper .controls > div.prev {
      left: 0; }
    #homepage #section6 .workarea .carousel-wrapper .controls > div.next {
      right: 0; }

  #generic #section1 .workarea header {
    padding-top: 100px;
    padding-bottom: 35px;
    text-align: center; }
    #generic #section1 .workarea header h1 {
      margin-bottom: 20px; }
    #generic #section1 .workarea header .subtitle {
      font-size: 1.4rem; }
  #generic #section3 .item {
    display: none; }
    #generic #section3 .item.main {
      display: block;
      height: auto; }
      #generic #section3 .item.main .inner-content {
        padding: 170px 30px 30px; }
  #generic #section4 {
    padding: 30px 0; }
    #generic #section4 .workarea {
      display: block; }
      #generic #section4 .workarea > div:first-child {
        text-align: center;
        font-size: 2rem;
        padding-right: 0;
        padding-bottom: 30px; }
      #generic #section4 .workarea > div:last-child {
        text-align: left;
        padding-left: 0; }
  #generic #section5 .workarea > div:first-child,
  #generic #section6 .workarea > div:first-child {
    display: none; }
  #generic #section5 .workarea > div:last-child,
  #generic #section6 .workarea > div:last-child {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none; }

  #item h6 {
    padding-top: 40px; }
  #item p {
    color: #555; }
  #item #section1 .workarea header {
    padding-bottom: 0;
    text-align: center; }
    #item #section1 .workarea header h1 {
      font-size: 2.2rem;
      text-align: center; }
    #item #section1 .workarea header .page-meta {
      padding-top: 10px; }
      #item #section1 .workarea header .page-meta > div:last-child {
        text-align: center;
        padding-top: 25px; }
  #item #section2 .workarea {
    display: block; }
    #item #section2 .workarea > div.image {
      height: 300px; }
    #item #section2 .workarea > div.content {
      padding: 0; }
  #item #section4 .workarea {
    padding-bottom: 0; }
    #item #section4 .workarea iframe {
      height: 300px; }
  #item #section5 .workarea {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1; }
  #item #back-to-top {
    bottom: 10px;
    right: 10px; }

  #services #section1 .workarea header {
    padding: 100px 0; }
    #services #section1 .workarea header .subtitle {
      font-size: 1.05rem; }
  #services #section2 .workarea .items .item {
    display: block; }
    #services #section2 .workarea .items .item .content {
      width: 100%;
      padding-left: 0;
      padding-right: 0;
      padding-top: 30px; }
    #services #section2 .workarea .items .item .image {
      width: 100%;
      height: 180px; }

  #team #section2:after {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    background: rgba(255, 255, 255, 0.8);
    opacity: 0;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out; }
  #team #section2.active:after {
    opacity: 1;
    z-index: 9; }
  #team #section2 .workarea {
    padding: 20px 10px; }
  #team #section2 .item {
    width: 50%;
    float: left; }
    #team #section2 .item .card-flip {
      height: 250px; }
      #team #section2 .item .card-flip .face .initial {
        display: none; }
      #team #section2 .item .card-flip .face .data {
        bottom: 0;
        padding: 10px 15px;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none; }
        #team #section2 .item .card-flip .face .data .name {
          font-size: 1.1rem; }
        #team #section2 .item .card-flip .face .data .position {
          font-size: 1rem; }
        #team #section2 .item .card-flip .face .data .inner-content {
          display: none; }
    #team #section2 .item.team-member-popup {
      width: 100%;
      float: none; }
      #team #section2 .item.team-member-popup .card-flip {
        height: 450px; }
        #team #section2 .item.team-member-popup .card-flip .face .close,
        #team #section2 .item.team-member-popup .card-flip .face .close-readmore {
          position: absolute;
          left: 10px;
          top: 10px;
          z-index: 1;
          display: block;
          height: 40px;
          width: 40px;
          text-align: center;
          vertical-align: middle;
          line-height: 37px;
          color: #ff34ee;
          font-size: 2.5rem;
          font-weight: 400;
          cursor: pointer;
          -webkit-transform: rotate(45deg);
          -moz-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
          -o-transform: rotate(45deg);
          transform: rotate(45deg); }
        #team #section2 .item.team-member-popup .card-flip .face .initial {
          display: block; }
        #team #section2 .item.team-member-popup .card-flip .face .data .name {
          font-size: 1.7rem; }
        #team #section2 .item.team-member-popup .card-flip .face .data .position {
          font-size: 1.5rem; }
        #team #section2 .item.team-member-popup .card-flip .face .data .inner-content {
          display: block; }
          #team #section2 .item.team-member-popup .card-flip .face .data .inner-content .alignright {
            float: right; }
        #team #section2 .item.team-member-popup .card-flip .face.back .close-readmore {
          display: block;
          position: absolute;
          top: 10px;
          right: 10px;
          left: auto;
          z-index: 102; }
  #team #section2 .controls {
    display: none; }
  #team #section3 .workarea .carousel-wrapper .carousel .owl-stage .owl-item .item {
    height: 248px; }
  #team #section3 .workarea .carousel-wrapper .controls > div {
    color: rgba(255, 255, 255, 0.7); }

  .page-team header h2 {
    padding-bottom: 10px; }

  #wanna-talk-popup.popup-wrapper {
    height: 90%;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 0 10px, 0 rgba(0, 0, 0, 0.05);
    -o-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05);
    -ms-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05); }
    #wanna-talk-popup.popup-wrapper > .close {
      right: 13px;
      top: 40px;
      z-index: 9999; }
    #wanna-talk-popup.popup-wrapper .popup-container {
      padding-left: 40px;
      padding-right: 40px;
      padding-bottom: 40px;
      height: 90%;
      overflow: hidden;
      overflow-y: auto;
      position: fixed;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      left: 50%;
      top: 50%;
      width: 100%;
      max-width: 1000px;
      z-index: 999;
      /* height: auto; */
      display: block; }
      #wanna-talk-popup.popup-wrapper .popup-container .popup-header .h2 {
        font-size: 2.5rem; }
      #wanna-talk-popup.popup-wrapper .popup-container .popup-body {
        padding: 0; }
        #wanna-talk-popup.popup-wrapper .popup-container .popup-body .inputs-wrapper {
          display: block; }
          #wanna-talk-popup.popup-wrapper .popup-container .popup-body .inputs-wrapper > div:first-child {
            padding-right: 0; }
          #wanna-talk-popup.popup-wrapper .popup-container .popup-body .inputs-wrapper > div:last-child {
            padding-left: 0;
            padding-top: 24px; }
        #wanna-talk-popup.popup-wrapper .popup-container .popup-body .submit {
          padding-top: 30px; }

  #footer .workarea .footer-data .navigation {
    display: block; }
    #footer .workarea .footer-data .navigation #footer-menu {
      display: block;
      margin: 0 auto;
      text-align: center; }
      #footer .workarea .footer-data .navigation #footer-menu li {
        float: none;
        display: block; }
        #footer .workarea .footer-data .navigation #footer-menu li:first-child {
          padding-left: 20px; }
  #footer .workarea .footer-data .copyright-msg {
    text-align: center;
    padding-top: 15px;
    padding-bottom: 30px; }
  #footer.fixed.active {
    position: relative;
    left: auto;
    top: auto;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    padding: 0; }

  .page-wrapper.active {
    padding-top: 700px;
    height: auto !important; }
    .page-wrapper.active > div {
      height: 600px;
      -webkit-transform: translate3d(0, 0, -400px);
      -moz-transform: translate3d(0, 0, -400px);
      -ms-transform: translate3d(0, 0, -400px);
      -o-transform: translate3d(0, 0, -400px);
      transform: translate3d(0, 0, -400px); }
  .page-wrapper > div.flares-animated {
    display: none !important; }

  span.wpcf7-not-valid-tip {
	display: none; } }
	
/*# sourceMappingURL=style.css.map */