/* settings */
/* settings */
/* white */
/* almost black */
/* darker blue */
/* darker gray */
/* pallid darker blue */
/* more darker blue */
/* lighter gray */
/* real lighter gray */
/* common */
/* common */
.slideup {
  position: absolute;
  top: 90px;
  left: 0;
  right: 0;
  height: 100%;
  background-color: white; }

.slideup.ng-enter,
.slideup.ng-leave {
  -webkit-transition: all 1s ease;
  transition: all 1s ease; }

.slideup.ng-enter {
  top: 100%; }

.slideup.ng-enter-active {
  top: 90px; }

.slideup.ng-leave {
  top: 90px; }

.slideup.ng-leave-active {
  top: -100%; }

.arrow-top {
  z-index: 2;
  display: none;
  cursor: pointer;
  position: fixed;
  bottom: 40px;
  right: 100px;
  width: 57px;
  height: 65px;
  background-image: url("../../assets/images/up.png"); }

.arrow-top:hover {
  animation: pulse 1s infinite; }

.no-items {
  display: inline-block;
  width: 100%;
  height: 100px;
  margin-top: 40px;
  color: black;
  font-family: "Ubuntu", sans-serif;
  font-size: 16px;
  line-height: 16px;
  color: #3d3d3d; }

/* whatsapp button */
@font-face {
  font-family: 'wapp-font';
  src: url(data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAYEAAsAAAAABbgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAABCAAAAGAAAABgDxIFKmNtYXAAAAFoAAAAVAAAAFQXVtKHZ2FzcAAAAbwAAAAIAAAACAAAABBnbHlmAAABxAAAAfwAAAH8pb7IGGhlYWQAAAPAAAAANgAAADYUXm9HaGhlYQAAA/gAAAAkAAAAJAfAA8ZobXR4AAAEHAAAABQAAAAUCgAAA2xvY2EAAAQwAAAADAAAAAwAKAESbWF4cAAABDwAAAAgAAAAIAAJAJluYW1lAAAEXAAAAYYAAAGGmUoJ+3Bvc3QAAAXkAAAAIAAAACAAAwAAAAMDAAGQAAUAAAKZAswAAACPApkCzAAAAesAMwEJAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA6QADwP/AAEADwABAAAAAAQAAAAAAAAAAAAAAIAAAAAAAAwAAAAMAAAAcAAEAAwAAABwAAwABAAAAHAAEADgAAAAKAAgAAgACAAEAIOkA//3//wAAAAAAIOkA//3//wAB/+MXBAADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAwAD/8AD/gPAACcATwCWAAABJicuAScmIyIHDgEHBhUUFhcDJR4BMzE4ATEyNz4BNzY1NCcuAScmATEiJi8BBzcnLgE1NDc+ATc2MzIXHgEXFhcWFx4BFxYVFAcOAQcGIxMuAScmIgcOAQcOAScuAScuAScmNjc+ATc+ATc2JicuAScuASMmIiMiBgcOARUUFhcWFx4BFxYXHgEXHgE3PgE3PgEnLgEnA2kkKSpbMTEzaVxdiSgoIiJIAQ03e0BpXF2KKCgKCiYbHP51OW0xD6ArCiAhIiFyTU1XKygpTCIjHh0XFyAICCEick1NV+cJRAkJDQcGHAYGDAkKOCQdJAYGBwUECgUEBQMDAQMCHQgHEAUGDAcGEwgJJC8FAhEQOCcnMBYkDhcoERI7CAgCAgMMCgMrJBwcJQoKKCiKXFxpQ4E6/vlHHx8oKIldXGkzMTFbKin9Fx4dCSmbEDJzPFdNTHMhIQgIHxcXHh4jIkwpKCtXTU1yISIBPAUhBAMKCSIHBgIFBRogGTYJCQwFBAwGBgkGBgwEBUcTEgMBBwkJMi8vTgYDFxY8IB8UCg0EBwEDAyMWFiIEBAcEAAAAAAEAAAABAAAmrdZpXw889QALBAAAAAAA2KCVZQAAAADYoJVlAAD/wAP+A8AAAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAAAAA/4AAQAAAAAAAAAAAAAAAAAAAAUEAAAAAAAAAAAAAAACAAAABAAAAwAAAAAACgAUAB4A/gABAAAABQCXAAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEABwAAAAEAAAAAAAIABwBgAAEAAAAAAAMABwA2AAEAAAAAAAQABwB1AAEAAAAAAAUACwAVAAEAAAAAAAYABwBLAAEAAAAAAAoAGgCKAAMAAQQJAAEADgAHAAMAAQQJAAIADgBnAAMAAQQJAAMADgA9AAMAAQQJAAQADgB8AAMAAQQJAAUAFgAgAAMAAQQJAAYADgBSAAMAAQQJAAoANACkaWNvbW9vbgBpAGMAbwBtAG8AbwBuVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwaWNvbW9vbgBpAGMAbwBtAG8AbwBuaWNvbW9vbgBpAGMAbwBtAG8AbwBuUmVndWxhcgBSAGUAZwB1AGwAYQByaWNvbW9vbgBpAGMAbwBtAG8AbwBuRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format("woff");
  font-weight: normal;
  font-style: normal; }

.wapp-div {
  top: auto;
  bottom: 15px;
  right: auto;
  left: 0;
  position: fixed;
  z-index: 9999999;
  display: block;
  width: auto;
  box-sizing: border-box; }
  .wapp-div .wapp-container {
    display: flex;
    flex-direction: column;
    box-sizing: border-box; }
    .wapp-div .wapp-container .wapp-toggle {
      border-radius: 50px;
      margin: 20px;
      height: 40px;
      white-space: nowrap;
      padding: 12px 24px;
      background-color: rgba(48, 48, 48, 0.8);
      color: #fff;
      outline: 0;
      text-decoration: none;
      cursor: pointer;
      box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.06), 0 2px 32px 0 rgba(0, 0, 0, 0.16);
      position: relative;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      box-sizing: border-box; }
      .wapp-div .wapp-container .wapp-toggle .wapp-icon {
        margin: 0 12px 0 0;
        box-sizing: border-box;
        font-family: "wapp-font" !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        font-size: 14px;
        line-height: 14px;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased; }
      .wapp-div .wapp-container .wapp-toggle .wapp-icon:before {
        content: "\e900"; }
      .wapp-div .wapp-container .wapp-toggle .wapp-text {
        box-sizing: border-box;
        white-space: nowrap;
        color: #fff;
        cursor: pointer;
        margin-top: 24px;
        margin-bottom: 24px;
        position: relative;
        font-size: 14px;
        line-height: 14px;
        text-decoration: none; }

@media (max-width: 1700px) {
  .slideup, .slideup.ng-enter-active, .slideup.ng-leave {
    top: 70px; } }

@media (max-width: 768px) {
  .slideup, .slideup.ng-enter-active, .slideup.ng-leave {
    top: 60px; }
  .arrow-top {
    display: none !important; }
  .no-items {
    margin-top: 20px; } }

/* application */
html, body {
  width: 100%;
  margin: 0;
  padding: 0;
  line-height: 0;
  font-size: 0;
  font-family: Helvetica, Arial, sans-serif;
  color: #000;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  background-color: white; }

body {
  padding-top: 90px; }

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important; }

* {
  cursor: default; }

.margin {
  float: left;
  width: 20%;
  min-height: 1px; }

.content {
  margin: auto;
  max-width: 1200px;
  width: 60%;
  min-height: 1px;
  text-align: center; }

a, a:link, a:visited, a:hover, a:active {
  text-decoration: none;
  color: #00a6da;
  cursor: pointer; }

a:hover {
  text-decoration: underline; }

@media (max-width: 1700px) {
  body {
    padding-top: 70px; } }

@media (max-width: 1200px) {
  .margin {
    width: 8%; }
  .content {
    width: 84%; } }

@media (max-width: 992px) {
  body {
    padding-top: 60px; } }

@media (max-width: 768px) {
  .margin {
    width: 0%; }
  .content {
    width: 100%; } }

.pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.pace-inactive {
  display: none; }

.pace .pace-progress {
  background: white;
  position: fixed;
  z-index: 2000;
  top: 0;
  right: 100%;
  width: 100%;
  height: 2px; }

/* mixins */
/* mixins */
/* main title */
/* heading */
/* subheading */
/* description */
/* button transparent */
/* button inside square */
/* media query home highlight height */
/* media query interactive height */
/* media query signage height */
/* media query engineering height */
/* media query careers height */
/* modules */
.cssload-thecube {
  width: 131px;
  height: 131px;
  margin: 0 auto;
  margin-top: 88px;
  position: relative;
  transform: rotateZ(45deg);
  -o-transform: rotateZ(45deg);
  -ms-transform: rotateZ(45deg);
  -webkit-transform: rotateZ(45deg);
  -moz-transform: rotateZ(45deg); }

.cssload-thecube .cssload-cube {
  position: relative;
  transform: rotateZ(45deg);
  -o-transform: rotateZ(45deg);
  -ms-transform: rotateZ(45deg);
  -webkit-transform: rotateZ(45deg);
  -moz-transform: rotateZ(45deg); }

.cssload-thecube .cssload-cube {
  float: left;
  width: 50%;
  height: 50%;
  position: relative;
  transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1); }

.cssload-thecube .cssload-cube:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #00a7da;
  animation: cssload-fold-thecube 2.76s infinite linear both;
  -o-animation: cssload-fold-thecube 2.76s infinite linear both;
  -ms-animation: cssload-fold-thecube 2.76s infinite linear both;
  -webkit-animation: cssload-fold-thecube 2.76s infinite linear both;
  -moz-animation: cssload-fold-thecube 2.76s infinite linear both;
  transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%; }

.cssload-thecube .cssload-c2 {
  transform: scale(1.1) rotateZ(90deg);
  -o-transform: scale(1.1) rotateZ(90deg);
  -ms-transform: scale(1.1) rotateZ(90deg);
  -webkit-transform: scale(1.1) rotateZ(90deg);
  -moz-transform: scale(1.1) rotateZ(90deg); }

.cssload-thecube .cssload-c3 {
  transform: scale(1.1) rotateZ(180deg);
  -o-transform: scale(1.1) rotateZ(180deg);
  -ms-transform: scale(1.1) rotateZ(180deg);
  -webkit-transform: scale(1.1) rotateZ(180deg);
  -moz-transform: scale(1.1) rotateZ(180deg); }

.cssload-thecube .cssload-c4 {
  transform: scale(1.1) rotateZ(270deg);
  -o-transform: scale(1.1) rotateZ(270deg);
  -ms-transform: scale(1.1) rotateZ(270deg);
  -webkit-transform: scale(1.1) rotateZ(270deg);
  -moz-transform: scale(1.1) rotateZ(270deg); }

.cssload-thecube .cssload-c2:before {
  animation-delay: 0.35s;
  -o-animation-delay: 0.35s;
  -ms-animation-delay: 0.35s;
  -webkit-animation-delay: 0.35s;
  -moz-animation-delay: 0.35s; }

.cssload-thecube .cssload-c3:before {
  animation-delay: 0.69s;
  -o-animation-delay: 0.69s;
  -ms-animation-delay: 0.69s;
  -webkit-animation-delay: 0.69s;
  -moz-animation-delay: 0.69s; }

.cssload-thecube .cssload-c4:before {
  animation-delay: 1.04s;
  -o-animation-delay: 1.04s;
  -ms-animation-delay: 1.04s;
  -webkit-animation-delay: 1.04s;
  -moz-animation-delay: 1.04s; }

@keyframes cssload-fold-thecube {
  0%, 10% {
    transform: perspective(245px) rotateX(-180deg);
    opacity: 0; }
  25%,
  75% {
    transform: perspective(245px) rotateX(0deg);
    opacity: 1; }
  90%,
  100% {
    transform: perspective(245px) rotateY(180deg);
    opacity: 0; } }

@-o-keyframes cssload-fold-thecube {
  0%, 10% {
    -o-transform: perspective(245px) rotateX(-180deg);
    opacity: 0; }
  25%,
  75% {
    -o-transform: perspective(245px) rotateX(0deg);
    opacity: 1; }
  90%,
  100% {
    -o-transform: perspective(245px) rotateY(180deg);
    opacity: 0; } }

@-ms-keyframes cssload-fold-thecube {
  0%, 10% {
    -ms-transform: perspective(245px) rotateX(-180deg);
    opacity: 0; }
  25%,
  75% {
    -ms-transform: perspective(245px) rotateX(0deg);
    opacity: 1; }
  90%,
  100% {
    -ms-transform: perspective(245px) rotateY(180deg);
    opacity: 0; } }

@-webkit-keyframes cssload-fold-thecube {
  0%, 10% {
    -webkit-transform: perspective(245px) rotateX(-180deg);
    opacity: 0; }
  25%,
  75% {
    -webkit-transform: perspective(245px) rotateX(0deg);
    opacity: 1; }
  90%,
  100% {
    -webkit-transform: perspective(245px) rotateY(180deg);
    opacity: 0; } }

@-moz-keyframes cssload-fold-thecube {
  0%, 10% {
    -moz-transform: perspective(245px) rotateX(-180deg);
    opacity: 0; }
  25%,
  75% {
    -moz-transform: perspective(245px) rotateX(0deg);
    opacity: 1; }
  90%,
  100% {
    -moz-transform: perspective(245px) rotateY(180deg);
    opacity: 0; } }

/* header */
.navbar-fixed-top {
  z-index: 1; }

.header {
  z-index: 1000;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 90px;
  min-width: 300px;
  font-size: 0;
  line-height: 0;
  background-color: #00a5d9; }
  .header .large {
    position: relative;
    width: 100%; }
    .header .large .logo {
      display: inline-block;
      cursor: pointer;
      float: left;
      width: 240px;
      height: 90px; }
    .header .large .logo:hover {
      animation: hue 60s infinite linear; }
    .header .large .options {
      position: absolute;
      display: table;
      width: auto;
      float: right;
      top: 0;
      right: 0; }
      .header .large .options .option {
        display: table-cell;
        position: relative;
        cursor: pointer;
        text-align: center;
        vertical-align: middle;
        width: 1%;
        height: 90px;
        max-width: 140px;
        padding: 10px;
        word-break: keep-all; }
        .header .large .options .option a,
        .header .large .options .option a:link,
        .header .large .options .option a:visited,
        .header .large .options .option a:active {
          color: white;
          font-family: "Ubuntu", sans-serif;
          font-size: 16px;
          line-height: 16px;
          font-weight: bold;
          text-transform: uppercase;
          text-decoration: none; }
        .header .large .options .option a:hover {
          cursor: pointer;
          color: #012b39; }
      .header .large .options .selected,
      .header .large .options .selected-hover {
        position: absolute;
        bottom: 0;
        left: 50%;
        margin-left: -25px;
        width: 50px;
        height: 5px;
        background-color: white; }
      .header .large .options .selected-hover {
        background-color: black; }
  .header #navbar {
    height: 0; }

@media (max-width: 2020px) {
  .header {
    height: 90px; }
  .header .large {
    height: 90px; }
  .header .large .logo {
    width: 240px;
    height: 90px;
    cursor: pointer; }
  .header .large .options .option {
    height: 90px;
    padding: 0px;
    max-width: 120px; }
  .header .large .options .option a,
  .header .large .options .option a:link,
  .header .large .options .option a:visited,
  .header .large .options .option a:active {
    font-size: 14px;
    line-height: 14px; } }

@media (max-width: 1700px) {
  .header {
    height: 70px; }
    .header .large {
      height: 70px; }
      .header .large .logo {
        width: 180px;
        height: 70px;
        cursor: pointer; }
      .header .large .options .option {
        height: 70px;
        padding: 0px;
        max-width: 120px; }
        .header .large .options .option a,
        .header .large .options .option a:link,
        .header .large .options .option a:visited,
        .header .large .options .option a:active {
          font-size: 14px;
          line-height: 14px; } }

@media (max-width: 1600px) {
  .header .large .options .option {
    max-width: 100px; }
  .header .large .options .option a,
  .header .large .options .option a:link,
  .header .large .options .option a:visited,
  .header .large .options .option a:active {
    font-size: 10px;
    line-height: 12px; } }

@media (max-width: 1300px) {
  .header {
    height: 70px; }
  .header .large {
    height: 70px; }
  .header .large .logo {
    width: 180px;
    height: 60px; }
  .header .large .options .option {
    max-width: 90px;
    height: 70px; }
  .header .large .options .option a,
  .header .large .options .option a:link,
  .header .large .options .option a:visited,
  .header .large .options .option a:active {
    font-size: 9px;
    line-height: 10px; } }

@media (max-width: 1200px) {
  .header .large .logo {
    width: 180px; } }

@media (max-width: 992px) {
  .header {
    height: 60px; }
    .header .large {
      height: 60px; }
      .header .large .logo {
        width: 130px;
        height: 60px; }
      .header .large .options .option {
        max-width: 90px;
        height: 60px; }
        .header .large .options .option a,
        .header .large .options .option a:link,
        .header .large .options .option a:visited,
        .header .large .options .option a:active {
          font-size: 10px;
          line-height: 10px; } }

@media (max-width: 767px) {
  .header {
    height: 60px; }
    .header .large {
      height: 60px; }
      .header .large .navbar-toggle {
        padding: 14px 0 0 0; }
        .header .large .navbar-toggle .icon-bar {
          background-color: white; }
      .header .large .navbar-toggle:hover {
        cursor: pointer; }
        .header .large .navbar-toggle:hover .icon-bar {
          background-color: black; }
      .header .large .logo {
        width: 130px;
        height: 60px;
        margin: 0 0 0 15px; }
      .header .large .options {
        visibility: hidden; }
        .header .large .options .option {
          height: 60px; }
  #navbar {
    width: 100%;
    margin-top: 60px;
    padding: 10px 0 0 0;
    background-color: white; }
    #navbar .navbar-nav {
      margin: 0;
      text-align: center; }
    #navbar .nav > li {
      min-height: 44px; }
    #navbar .navbar-nav > li > a {
      cursor: pointer;
      font-size: 14px;
      line-height: 14px;
      text-transform: uppercase;
      font-family: "Ubuntu", sans-serif;
      font-weight: bold;
      color: black; }
    #navbar .navbar-nav > li > a:hover {
      background-color: transparent;
      color: #00a5d9; }
    #navbar .navbar-nav > li > a:focus {
      background-color: transparent; } }

/* forms */
input:-webkit-autofill, input:required:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset; }

textarea, input {
  border: 0;
  outline: none;
  outline-width: 0;
  font-family: "Ubuntu", sans-serif;
  font-size: 18px;
  line-height: 18px;
  color: #3d3d3d; }

input:required:invalid,
input:required:invalid:-webkit-autofill
input:focus:invalid,
textarea:required:invalid,
textarea:focus:invalid {
  background-image: url("../images/invalid.png");
  background-position: right top;
  background-repeat: no-repeat; }

input:required:valid,
input:required:valid:-webkit-autofill
input:focus:valid,
textarea:required:valid,
textarea:focus:valid {
  background-image: url("../images/valid.png");
  background-position: right top;
  background-repeat: no-repeat; }

input[type="submit"],
input[type="submit"]:focus {
  background-image: url("../images/pix.gif"); }

input[type="checkbox"],
input[type="checkbox"]:focus {
  background-image: url("../images/pix.gif"); }

input:required, textarea:required {
  outline: none;
  box-shadow: none; }

input:invalid, textarea:invalid {
  outline: none;
  box-shadow: none; }

input:focus, textarea:focus {
  border: 2px solid #00a6da; }

.select-box {
  position: relative; }

.select-box-list {
  position: absolute;
  display: inline-block;
  top: 45px;
  left: 0px;
  width: 100%;
  height: 45px;
  background-color: white; }

@media (max-width: 768px) {
  .select-box-list {
    position: static; } }

.customSelect {
  width: 100%;
  height: 45px;
  line-height: 45px;
  background: white;
  background-image: url("../images/invalid.png");
  background-position: right top;
  background-repeat: no-repeat;
  color: #404040;
  outline: none;
  cursor: pointer; }

.customSelect.customSelectHover {
  width: 100%;
  height: 45px;
  background: white;
  background-image: url("../images/invalid.png");
  background-position: right top;
  background-repeat: no-repeat;
  cursor: pointer; }

.customSelectInner {
  width: 100%;
  height: 25px;
  line-height: 25px;
  margin: 10px 10px 10px 10px;
  color: #404040;
  outline: none;
  cursor: pointer; }

/* footer */
.footer {
  visibility: hidden;
  display: inline-block;
  position: relative;
  width: 100%;
  padding: 50px 0 0 0;
  margin: 0;
  line-height: 0;
  min-height: 300px;
  background-color: #3b4f67; }
  .footer .col-md-4 {
    padding: 0; }
  .footer .col-md-4.social-block {
    padding-bottom: 0; }
  .footer .col-md-4:nth-child(2) {
    text-align: left;
    padding: 0 15px; }
  .footer .col-md-6 {
    padding: 0 15px 0 0; }
  .footer .title {
    display: inline-block;
    width: 100%;
    text-align: left;
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    line-height: 16px;
    font-weight: bold;
    text-transform: uppercase;
    color: white;
    padding-bottom: 35px; }
  .footer .option {
    display: inline-block;
    width: 100%;
    text-align: left;
    font-family: "Ubuntu", sans-serif;
    font-size: 14px;
    line-height: 14px;
    color: white;
    padding-bottom: 8px; }
  .footer a.option {
    cursor: pointer;
    text-decoration: none; }
  .footer a.option:hover {
    color: #f5f5f5; }
  .footer .subscribe-form {
    position: relative;
    width: 100%;
    padding-right: 20%;
    height: 85px; }
    .footer .subscribe-form input[type=email] {
      width: 100%;
      height: 45px;
      padding: 15px 60px 15px 15px;
      background-color: white;
      font-family: "Ubuntu", sans-serif;
      font-size: 14px;
      line-height: 20px;
      color: #898989 !important;
      background-image: none;
      margin-top: 5px; }
    .footer .subscribe-form input[type=text] {
      width: 100%;
      height: 45px;
      padding: 15px 60px 15px 15px;
      background-color: white;
      font-family: "Ubuntu", sans-serif;
      font-size: 14px;
      line-height: 20px;
      color: #898989 !important; }
    .footer .subscribe-form input[type=submit] {
      position: absolute;
      top: 50px;
      right: 20%;
      width: 45px;
      height: 45px;
      border: 0;
      background-repeat: no-repeat;
      background-position: center;
      background-size: auto;
      background-color: transparent;
      background-image: url("../../assets/images/submit-subscribe.png"); }
    .footer .subscribe-form input[type=submit]:focus {
      outline: none;
      outline-width: 0; }
    .footer .subscribe-form input[type=submit]:hover {
      animation: pulse 1s infinite; }
  .footer .subscribe {
    display: inline-block;
    width: 100%;
    padding-right: 20%;
    text-align: left;
    font-family: "Ubuntu", sans-serif;
    font-size: 12px;
    line-height: 12px;
    color: white;
    padding-top: 10px;
    font-style: italic; }
    .footer .subscribe a {
      font-family: "Ubuntu", sans-serif;
      font-size: 12px;
      line-height: 12px;
      color: white;
      font-style: italic; }
  .footer .social {
    display: inline-block;
    width: 100%;
    height: 32px; }
    .footer .social .icon {
      display: inline-block;
      float: left;
      width: 32px;
      height: 32px;
      margin-right: 15px;
      background-repeat: no-repeat;
      background-position: center;
      background-size: contain; }
    .footer .social .icon:hover {
      animation: pulse 1s infinite; }
    .footer .social a:nth-child(1) > .icon {
      cursor: pointer;
      background-image: url("../../assets/images/facebook.png"); }
    .footer .social a:nth-child(2) > .icon {
      cursor: pointer;
      background-image: url("../../assets/images/twitter.png"); }
    .footer .social a:nth-child(3) > .icon {
      cursor: pointer;
      background-image: url("../../assets/images/linkedin.png"); }
  .footer .logo {
    position: relative;
    /*bottom: -150px;*/
    right: 0;
    width: 100%;
    height: 15px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
    background-image: url("../../assets/images/logo.svg"); }
  .footer .copyright {
    position: relative;
    /*bottom: -168px;*/
    right: 0;
    display: inline-block;
    width: 100%;
    text-align: right;
    font-family: "Ubuntu", sans-serif;
    font-size: 12px;
    line-height: 12px;
    color: white;
    white-space: nowrap;
    padding-top: 5px;
    padding-bottom: 10px; }
  .footer .card-container {
    width: 90%;
    min-height: 160px;
    position: relative;
    -webkit-perspective: 800px;
    -moz-perspective: 800px;
    -ms-perspective: 800px;
    -o-perspective: 800px;
    perspective: 800px; }
    .footer .card-container #card-newsletter {
      width: 100%;
      height: 100%;
      position: absolute;
      -webkit-transition: -webkit-transform 1s;
      -moz-transition: -moz-transform 1s;
      -ms-transition: -ms-transform 1s;
      -o-transition: -o-transform 1s;
      transition: transform 1s;
      -webkit-transform-style: preserve-3d;
      -moz-transform-style: preserve-3d;
      -ms-transform-style: preserve-3d;
      -o-transform-style: preserve-3d;
      transform-style: preserve-3d; }
      .footer .card-container #card-newsletter .front, .footer .card-container #card-newsletter .back {
        display: block;
        position: absolute;
        height: 100%;
        width: 100%;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        -o-backface-visibility: hidden;
        backface-visibility: hidden; }
      .footer .card-container #card-newsletter .front {
        background: transparent; }
      .footer .card-container #card-newsletter .back {
        border-radius: 5px;
        background: #e7e7e7;
        -webkit-transform: rotateY(180deg);
        -moz-transform: rotateY(180deg);
        -ms-transform: rotateY(180deg);
        -o-transform: rotateY(180deg);
        transform: rotateY(180deg); }
    .footer .card-container #card-newsletter.flipped {
      -webkit-transform: rotateY(180deg);
      -moz-transform: rotateY(180deg);
      -ms-transform: rotateY(180deg);
      -o-transform: rotateY(180deg);
      transform: rotateY(180deg); }
  .footer .success {
    display: block;
    width: 100%;
    min-height: 160px;
    background-color: #e7e7e7;
    border-radius: 5px; }
  .footer .error {
    display: inline-block;
    width: 100%;
    min-height: 160px;
    background-color: #e7e7e7;
    border-radius: 5px; }
  .footer .message {
    color: #3b4f67;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal;
    width: 100%;
    height: 100%;
    position: absolute;
    padding: 15px 15px 0 15px;
    border-radius: 5px; }
  .footer .loader {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -110px;
    margin-left: -20px; }
  .footer .cssload-thecube .cssload-cube:before {
    background-color: #3b4f67; }
  .footer .cssload-thecube {
    width: 50px;
    height: 50px; }
  .footer .funds-home {
    text-align: left;
    padding-top: 25px;
    padding-bottom: 25px;
    width: 100%;
    display: inline-block; }
    .footer .funds-home a {
      cursor: pointer;
      text-decoration: none; }
      .footer .funds-home a img {
        width: 100%;
        max-width: 500px;
        height: auto;
        cursor: pointer; }

.read-legal-info {
  width: 100%;
  height: 30px;
  background-color: rgba(0, 134, 180, 0.8);
  position: fixed;
  bottom: 0;
  padding: 15px;
  text-align: center; }
  .read-legal-info .read-legal-info-text, .read-legal-info span, .read-legal-info a {
    margin: 5px;
    padding: 3px; }
  .read-legal-info .read-legal-info-text {
    color: #ffffff;
    font-size: 12px;
    background-color: transparent;
    cursor: default; }
  .read-legal-info span, .read-legal-info a {
    color: #0086b4;
    font-size: 12px;
    text-decoration: none;
    background-color: #ffffff;
    border-radius: 2px;
    cursor: pointer; }

@media (max-width: 992px) {
  .footer {
    padding: 50px 15px 0 15px; }
    .footer .col-md-4 {
      width: 100%;
      padding: 0 0 40px 0; }
    .footer .col-md-4:nth-child(2) {
      padding: 0 0 40px 0; }
    .footer .col-md-4:nth-child(3) > .title {
      display: none; }
    .footer .title {
      padding-bottom: 15px; }
    .footer .subscribe-form, .footer .subscribe {
      padding-right: 60%; }
    .footer .subscribe-form input[type=submit] {
      right: 60%; }
    .footer .social {
      text-align: center; }
      .footer .social .icons {
        display: inline-block;
        margin-bottom: 55px; }
    .footer .logo {
      display: inline-block;
      text-align: center;
      background-position: center;
      position: relative;
      top: 0;
      left: 0;
      margin-bottom: 10px; }
    .footer .copyright {
      text-align: center;
      position: relative;
      top: 0;
      left: 0; }
    .footer .funds-home {
      padding-top: 0; }
  .read-legal-info {
    height: 60px; }
    .read-legal-info .read-legal-info-text {
      display: block;
      margin-bottom: 15px; } }

@media (max-width: 768px) {
  .footer .subscribe-form, .footer .subscribe {
    padding-right: 0%; }
  .footer .subscribe-form input[type=submit] {
    right: 0%; }
  .footer .card-container, .footer .success, .footer .error {
    min-height: 120px; }
  .read-legal-info {
    height: 80px; }
    .read-legal-info .read-legal-info-text {
      font-size: 10px;
      line-height: 10px; } }

/* pages */
/* home */
@keyframes fadeInOption {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.home .stuck {
  position: fixed;
  top: 0;
  margin-top: 70px;
  width: 100%;
  height: auto; }

.home .home-menu {
  position: fixed;
  z-index: 3;
  display: none;
  top: 50%;
  right: 30px;
  margin-top: -120px;
  width: 30px;
  height: auto;
  text-align: center;
  cursor: pointer; }
  .home .home-menu .wrap {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 40px;
    cursor: pointer; }
    .home .home-menu .wrap .subtitle {
      position: absolute;
      top: 5.5px;
      right: 0px;
      width: 250px;
      height: 30px;
      padding: 0 35px 0 0;
      line-height: 30px;
      text-align: right;
      font-family: "Montserrat", sans-serif;
      text-transform: uppercase;
      font-weight: bold;
      font-size: 10px;
      overflow: visible;
      color: transparent; }
    .home .home-menu .wrap .option {
      position: absolute;
      cursor: pointer;
      top: 50%;
      left: 50%;
      width: 10px;
      height: 10px;
      margin-top: -5px;
      margin-left: -5px;
      border-radius: 50%;
      background-color: #b2b2b2; }
  .home .home-menu .wrap:hover > .option {
    cursor: pointer;
    -webkit-transform: scale(2.5);
    -moz-transform: scale(2.5);
    -ms-transform: scale(2.5);
    -o-transform: scale(2.5);
    transform: scale(2.5);
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transform: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out; }
  .home .home-menu .wrap:hover > .subtitle {
    -webkit-animation: fadeInOption 1s;
    -moz-animation: fadeInOption 1s;
    -ms-animation: fadeInOption 1s;
    -o-animation: fadeInOption 1s;
    animation: fadeInOption 1s;
    color: #b2b2b2; }

.home .home-menu-work > .wrap:nth-child(1) .option,
.home .home-menu-clients > .wrap:nth-child(2) .option,
.home .home-menu-news > .wrap:nth-child(3) .option,
.home .home-menu-awards > .wrap:nth-child(4) .option,
.home .home-menu-services > .wrap:nth-child(5) .option,
.home .home-menu-form > .wrap:nth-child(6) .option {
  -webkit-transform: scale(2.5);
  -moz-transform: scale(2.5);
  -ms-transform: scale(2.5);
  -o-transform: scale(2.5);
  transform: scale(2.5);
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -ms-transform: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out; }

.home .home-menu-clients .wrap .option, .home .home-menu-awards .wrap .option, .home .home-menu-services .wrap .option {
  background-color: white; }

.home .home-menu-clients .wrap:hover > .subtitle, .home .home-menu-awards .wrap:hover > .subtitle, .home .home-menu-services .wrap:hover > .subtitle {
  color: white; }

@media (max-width: 1200px) {
  .home .home-menu {
    right: 15px; }
    .home .home-menu .wrap .subtitle {
      display: none !important; } }

@media (max-width: 992px) {
  .home .home-menu {
    right: 15px; } }

@media (max-width: 768px) {
  .home .home-menu {
    display: none !important; } }

/* highlight */
.highlight {
  position: relative;
  width: 100%;
  height: 900px;
  background-color: #313131;
  overflow: hidden; }
  .highlight .image {
    width: 100%;
    height: 900px;
    background-position: 100% 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed; }
  .highlight .information {
    position: absolute;
    width: 100%;
    height: 900px;
    top: 0;
    left: 0; }
  .highlight .detail {
    text-align: left; }
    .highlight .detail .context {
      position: relative;
      width: 100%;
      margin: 100px 0; }
      .highlight .detail .context h4 {
        margin: 0;
        padding: 0;
        font-family: "Montserrat", sans-serif;
        font-size: 24px;
        line-height: 24px;
        font-weight: bold;
        color: white;
        text-transform: uppercase; }
      .highlight .detail .context h4:after {
        position: absolute;
        bottom: -20px;
        left: 0;
        margin-left: 0px;
        content: "";
        width: 50px;
        height: 5px;
        background: white; }
    .highlight .detail .title {
      font-family: "Montserrat", sans-serif;
      font-size: 90px;
      line-height: 90px;
      font-weight: bold;
      color: white;
      padding-bottom: 50px; }
    .highlight .detail .description {
      font-family: "Ubuntu", sans-serif;
      font-size: 24px;
      line-height: 35px;
      color: white;
      margin-bottom: 90px; }
    .highlight .detail .button-transparent {
      cursor: pointer;
      display: inline-block;
      border: 2px solid white;
      font-family: "Montserrat", sans-serif;
      font-size: 14.5px;
      line-height: 14.5px;
      font-weight: bold;
      text-transform: uppercase;
      color: white;
      margin: 0;
      padding: 25px 35px;
      background-color: transparent;
      box-shadow: inset 0 0 0 0 white;
      transition: box-shadow ease 0.6s, background-color ease 0.6s; }
    .highlight .detail .button-transparent:hover {
      box-shadow: inset 400px 0 0 0 white;
      border: 2px solid white;
      color: #00a5d9;
      background-color: white; }
    @media (max-width: 768px) {
      .highlight .detail .button-transparent {
        padding: 22px 15px; } }
    .highlight .detail .button-transparent {
      z-index: 5;
      position: relative; }
    .highlight .detail .arrow {
      position: absolute;
      bottom: 0px;
      left: 0;
      width: 100%;
      text-align: center; }
      .highlight .detail .arrow .down {
        display: inline-block;
        width: 57px;
        height: 65px;
        cursor: pointer;
        margin-bottom: 70px;
        background-image: url("../../assets/images/arrow-down.png");
        background-repeat: no-repeat;
        background-size: auto;
        background-position: center; }
      .highlight .detail .arrow .down:hover {
        animation: pulse 1s infinite; }

@media (min-width: 1200px) and (max-height: 800px) {
  .highlight .detail .context {
    margin: 60px 0; }
  .highlight .detail .title {
    font-size: 46px;
    line-height: 46px;
    padding-bottom: 40px; }
  .highlight .detail .description {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 30px; } }

@media (min-width: 1200px) and (max-height: 640px) {
  .highlight .detail .context {
    margin: 60px 0; }
  .highlight .detail .title {
    font-size: 31px;
    line-height: 31px; }
  .highlight .detail .description {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 30px; }
  .highlight .detail .arrow .down {
    margin-bottom: 10px; } }

@media (max-width: 1200px) {
  .highlight .detail .title {
    font-size: 70px;
    line-height: 70px; } }

@media (max-width: 1200px) and (max-height: 800px) {
  .highlight .detail .context {
    margin: 60px 0; }
  .highlight .detail .title {
    font-size: 46px;
    line-height: 46px;
    padding-bottom: 40px; }
  .highlight .detail .description {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 30px; } }

@media (max-width: 1200px) and (max-height: 640px) {
  .highlight .detail .context {
    margin: 60px 0; }
  .highlight .detail .title {
    font-size: 31px;
    line-height: 31px; }
  .highlight .detail .description {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 30px; }
  .highlight .detail .arrow .down {
    margin-bottom: 10px; } }

@media (max-width: 768px) {
  .highlight {
    height: 670px; }
    .highlight .image {
      height: 670px; }
    .highlight .detail {
      padding: 0 15px; }
      .highlight .detail .context {
        margin: 48px 0 62px 0; }
        .highlight .detail .context h4 {
          font-size: 16px;
          line-height: 16px; }
      .highlight .detail .title {
        font-size: 34px;
        line-height: 40px;
        padding-bottom: 35px;
        max-height: 290px;
        overflow: hidden; }
      .highlight .detail .description {
        font-size: 20px;
        line-height: 30px;
        max-height: 200px;
        overflow: hidden; }
      .highlight .detail .btn-wrap {
        width: 100%;
        text-align: center; }
      .highlight .detail .arrow {
        visibility: hidden; } }

@media (max-width: 768px) and (max-height: 800px) {
  .highlight .detail .context {
    margin: 60px 0; }
  .highlight .detail .title {
    font-size: 46px;
    line-height: 46px;
    padding-bottom: 40px; }
  .highlight .detail .description {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 30px; } }

@media (max-width: 768px) and (max-height: 640px) {
  .highlight .detail .context {
    margin: 60px 0; }
  .highlight .detail .title {
    font-size: 31px;
    line-height: 31px; }
  .highlight .detail .description {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 30px; }
  .highlight .detail .arrow .down {
    margin-bottom: 10px; } }

/* latest work */
.latest-work {
  width: 100%;
  min-width: 300px;
  display: inline-block;
  padding-bottom: 110px;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -o-animation-duration: 1s;
  -ms-animation-duration: 1s;
  position: relative; }
  .latest-work .home-menu .wrap:nth-child(1) .option {
    width: 26px;
    height: 26px;
    margin-top: -13px;
    margin-left: -13px;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transform: none;
    -o-transition: none;
    transition: none; }
  .latest-work .heading {
    position: relative;
    width: 100%;
    margin: 50px 0 70px 0; }
    .latest-work .heading h2 {
      margin: 0;
      padding: 0 80px;
      font-family: "Montserrat", sans-serif;
      font-size: 25px;
      line-height: 25px;
      font-weight: bold;
      color: #3d3d3d;
      text-transform: uppercase; }
    .latest-work .heading h2:after {
      position: absolute;
      bottom: -20px;
      left: 50%;
      margin-left: -25px;
      content: "";
      width: 50px;
      height: 5px;
      background: #3d3d3d; }
  @media (max-width: 768px) {
    .latest-work .heading {
      margin: 25px 0 70px 0; }
      .latest-work .heading h2 {
        font-size: 18px;
        line-height: 18px;
        padding: 0 20px; } }
  .latest-work .works .work {
    overflow: hidden; }
  .latest-work .works .detail {
    opacity: 0;
    position: absolute;
    display: table;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 166, 218, 0.6);
    transition: none; }
    .latest-work .works .detail .wrap {
      display: table-cell;
      cursor: pointer;
      text-align: center;
      vertical-align: middle;
      width: 100%; }
      .latest-work .works .detail .wrap .context {
        display: inline-block;
        width: 100%; }
        .latest-work .works .detail .wrap .context .text {
          position: relative;
          font-family: "Montserrat", sans-serif;
          font-size: 14px;
          line-height: 14px;
          min-height: 15px;
          font-weight: bold;
          padding: 0 30px;
          text-transform: uppercase;
          letter-spacing: 1.8px;
          color: white;
          cursor: pointer; }
        .latest-work .works .detail .wrap .context .text:after {
          position: absolute;
          top: 33px;
          left: 50%;
          margin-left: -25px;
          content: "";
          width: 50px;
          height: 5px;
          background: white; }
      .latest-work .works .detail .wrap .title {
        display: inline-block;
        margin-top: 41px;
        padding: 0 30px;
        width: 100%;
        font-family: "Montserrat", sans-serif;
        font-size: 23px;
        line-height: 23px;
        font-weight: bold;
        color: white;
        cursor: pointer; }
      .latest-work .works .detail .wrap .button-inside-square {
        cursor: pointer;
        display: inline-block;
        border: 2px solid white;
        font-family: "Montserrat", sans-serif;
        font-size: 14.5px;
        line-height: 14.5px;
        font-weight: bold;
        text-transform: uppercase;
        color: white;
        margin: 60px 0 0 0;
        padding: 22.5px 40px;
        background-color: transparent;
        box-shadow: inset 0 0 0 0 white;
        transition: box-shadow ease 0.6s, background-color ease 0.6s; }
      .latest-work .works .detail .wrap .button-inside-square:hover {
        box-shadow: inset 400px 0 0 0 white;
        border: 2px solid white;
        color: #00a5d9;
        background-color: white; }
      @media (max-width: 1200px) {
        .latest-work .works .detail .wrap .button-inside-square {
          font-size: 12px;
          line-height: 12px;
          margin: 20px 0 0 0;
          padding: 14px 14px; }
        .latest-work .works .detail .wrap .button-inside-square:hover {
          font-size: 12px;
          line-height: 12px; } }
  .latest-work .works .detail:hover {
    opacity: 1; }
  .latest-work .works .image {
    position: relative;
    cursor: pointer;
    width: 100%;
    height: 400px;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    overflow: hidden;
    transition: all .2s ease-in-out; }
  .latest-work .works .image:hover {
    transform: scale(1.1, 1.1); }
  .latest-work .col-md-6:nth-child(odd), .latest-work .col-xs-6:nth-child(odd) {
    padding: 0 15px 0 0; }
  .latest-work .col-md-6:nth-child(even), .latest-work .col-xs-6:nth-child(even) {
    padding: 0 0 0 15px; }
  .latest-work .col-md-6, .latest-work .col-xs-6 {
    margin: 0 0 30px 0; }

@media (min-width: 1200px) {
  .latest-work {
    min-height: 900px; } }

@media (max-width: 1200px) {
  .latest-work {
    min-height: available; }
    .latest-work .works .detail .wrap .context .text {
      font-size: 13px;
      line-height: 13px; }
    .latest-work .works .detail .wrap .title {
      font-size: 18px;
      line-height: 18px; }
    .latest-work .works .image {
      height: 250px; }
    .latest-work .works .image:hover {
      transform: scale(1.05, 1.05); } }

@media (max-width: 992px) {
  .latest-work .works .image {
    height: 200px; } }

@media (max-width: 768px) {
  .latest-work {
    padding-bottom: 80px; }
    .latest-work .main-title {
      margin: 50px 0 70px 0; }
      .latest-work .main-title h2 {
        font-size: 18px;
        line-height: 18px; }
    .latest-work .works .detail {
      opacity: 1; }
    .latest-work .works .image {
      height: 205px; }
    .latest-work .col-md-6:nth-child(odd), .latest-work .col-xs-6:nth-child(odd) {
      padding: 0; }
    .latest-work .col-md-6:nth-child(even), .latest-work .col-xs-6:nth-child(even) {
      padding: 0; }
    .latest-work .col-md-6, .latest-work .col-xs-6 {
      width: 100%;
      margin: 0 0 20px 0; }
    .latest-work .row {
      margin: 0; } }

/* our clients */
.our-clients {
  width: 100%;
  display: inline-block;
  min-width: 300px;
  padding-bottom: 10px;
  background-color: #df164d;
  position: relative; }
  .our-clients .row-centered {
    text-align: center; }
  .our-clients .col-centered {
    display: inline-block;
    float: none; }
  .our-clients .heading {
    position: relative;
    width: 100%;
    margin: 50px 0 70px 0; }
    .our-clients .heading h2 {
      margin: 0;
      padding: 0 80px;
      font-family: "Montserrat", sans-serif;
      font-size: 25px;
      line-height: 25px;
      font-weight: bold;
      color: white;
      text-transform: uppercase; }
    .our-clients .heading h2:after {
      position: absolute;
      bottom: -20px;
      left: 50%;
      margin-left: -25px;
      content: "";
      width: 50px;
      height: 5px;
      background: white; }
  @media (max-width: 768px) {
    .our-clients .heading {
      margin: 25px 0 70px 0; }
      .our-clients .heading h2 {
        font-size: 18px;
        line-height: 18px;
        padding: 0 20px; } }
  .our-clients .clients {
    text-align: center; }
    .our-clients .clients .image {
      display: inline-block;
      width: 70%;
      height: 120px;
      background-repeat: no-repeat;
      background-position: center;
      background-size: contain; }
    .our-clients .clients .col-md-3 {
      padding-bottom: 80px; }

@media (min-width: 1200px) {
  .our-clients {
    min-height: 515px; } }

@media (max-width: 768px) {
  .our-clients {
    padding-bottom: 50px; }
    .our-clients .main-title {
      margin: 50px 0 100px 0; }
      .our-clients .main-title h2 {
        font-size: 18px;
        line-height: 18px; }
    .our-clients .clients .image {
      width: 165px; }
    .our-clients .clients .col-md-3, .our-clients .clients .col-xs-6 {
      width: 100%;
      margin: 0 0 10px 0;
      padding-bottom: 0; } }

/* latest news */
.latest-news {
  display: inline-block;
  width: 100%;
  min-height: 900px;
  background-color: #ecf0f1;
  padding-bottom: 110px;
  position: relative; }
  .latest-news .heading {
    position: relative;
    width: 100%;
    margin: 50px 0 70px 0; }
    .latest-news .heading h2 {
      margin: 0;
      padding: 0 80px;
      font-family: "Montserrat", sans-serif;
      font-size: 25px;
      line-height: 25px;
      font-weight: bold;
      color: #3d3d3d;
      text-transform: uppercase; }
    .latest-news .heading h2:after {
      position: absolute;
      bottom: -20px;
      left: 50%;
      margin-left: -25px;
      content: "";
      width: 50px;
      height: 5px;
      background: #3d3d3d; }
  @media (max-width: 768px) {
    .latest-news .heading {
      margin: 25px 0 70px 0; }
      .latest-news .heading h2 {
        font-size: 18px;
        line-height: 18px;
        padding: 0 20px; } }
  .latest-news #news-block-1 {
    width: 100%;
    padding: 0 0 30px 0; }
    .latest-news #news-block-1 .col-md-3:first-child {
      padding-left: 0; }
    .latest-news #news-block-1 .col-md-3:last-child {
      padding-right: 0; }
  .latest-news #news-block-2 {
    width: 100%;
    padding: 0 0 30px 0; }
    .latest-news #news-block-2 .col-md-6:first-child, .latest-news #news-block-2 .col-xs-6:first-child {
      padding: 0 15px 0 0; }
    .latest-news #news-block-2 .col-md-6:last-child, .latest-news #news-block-2 .col-xs-6:last-child {
      padding: 0 0 0 15px; }
  .latest-news #news-block-3 {
    padding: 0; }
    .latest-news #news-block-3 .col-md-12 {
      padding: 0; }
    .latest-news #news-block-3 .row:first-child {
      padding: 0 0 30px 0; }
      .latest-news #news-block-3 .row:first-child .col-md-6:first-child, .latest-news #news-block-3 .row:first-child .col-xs-6:first-child {
        padding: 0 15px 0 0; }
      .latest-news #news-block-3 .row:first-child .col-md-6:last-child, .latest-news #news-block-3 .row:first-child .col-xs-6:last-child {
        padding: 0 0 0 15px; }
  .latest-news .row {
    margin: 0; }
  .latest-news .story {
    overflow: hidden; }
  .latest-news .detail {
    opacity: 0;
    position: absolute;
    display: table;
    width: 100%;
    height: 100%;
    min-height: 260px;
    background-color: rgba(0, 166, 218, 0.6);
    transition: none;
    padding: 15px; }
    .latest-news .detail .wrap {
      display: table-cell;
      text-align: center;
      vertical-align: middle;
      width: 100%;
      cursor: pointer; }
      .latest-news .detail .wrap .context {
        display: inline-block;
        width: 100%; }
        .latest-news .detail .wrap .context .title {
          position: relative;
          font-family: "Montserrat", sans-serif;
          font-size: 15px;
          line-height: 18px;
          min-height: 15px;
          font-weight: bold;
          padding: 0 30px;
          letter-spacing: 1px;
          color: white;
          cursor: pointer; }
        .latest-news .detail .wrap .context .title:after {
          position: absolute;
          bottom: -20px;
          left: 50%;
          margin-left: -25px;
          content: "";
          width: 50px;
          height: 5px;
          background: white; }
      .latest-news .detail .wrap .date {
        display: inline-block;
        margin-top: 45px;
        padding: 0 30px;
        width: 100%;
        font-family: "Ubuntu", sans-serif;
        letter-spacing: 0.5px;
        font-size: 13px;
        line-height: 13px;
        color: white;
        cursor: pointer; }
  .latest-news .detail:hover {
    opacity: 1; }
  .latest-news .image-large {
    position: relative;
    cursor: pointer;
    width: 100%;
    height: 550px;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    transition: all .2s ease-in-out;
    overflow: hidden; }
  .latest-news .image-large:hover {
    transform: scale(1.1, 1.1); }
  .latest-news .image-small {
    position: relative;
    width: 100%;
    height: 260px;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    transition: all .2s ease-in-out;
    overflow: hidden; }
  .latest-news .image-small:hover {
    transform: scale(1.1, 1.1); }

@media (max-width: 1200px) {
  .latest-news .detail .wrap .context .title {
    font-size: 12px;
    line-height: 15px;
    padding: 0 15px; }
  .latest-news .detail .wrap .date {
    font-size: 11px;
    line-height: 11px; } }

@media (max-width: 992px) {
  .latest-news .detail {
    opacity: 1; }
  .latest-news #news-block-1 {
    padding-bottom: 0px; }
    .latest-news #news-block-1 .col-md-3 {
      padding-bottom: 30px; }
    .latest-news #news-block-1 .col-md-3:nth-child(odd) {
      padding-left: 0; }
    .latest-news #news-block-1 .col-md-3:nth-child(even) {
      padding-right: 0; }
  .latest-news #news-block-2 .col-md-6:first-child, .latest-news #news-block-2 .col-xs-6:first-child {
    padding: 0 0 30px 0; }
  .latest-news #news-block-2 .col-md-6:last-child, .latest-news #news-block-2 .col-xs-6:last-child {
    padding: 0 0 30px 0; } }

@media (max-width: 768px) {
  .latest-news {
    padding: 15px; }
    .latest-news .main-title {
      margin: 50px 0 70px 0; }
      .latest-news .main-title h2 {
        font-size: 18px;
        line-height: 18px; }
    .latest-news .detail .wrap .context .title {
      font-size: 15px;
      line-height: 18px;
      padding: 0 40px; }
    .latest-news .detail .wrap .date {
      font-size: 13px;
      line-height: 13px;
      margin-top: 33px; }
    .latest-news .image-large {
      height: 260px; }
    .latest-news .col-md-3 {
      width: 100%;
      padding: 0 0 20px 0; }
    .latest-news #news-block-1 .col-md-3 {
      width: 100%;
      padding: 0 0 20px 0; }
    .latest-news #news-block-2 .col-md-6:first-child, .latest-news #news-block-2 .col-xs-6:first-child {
      padding: 0 0 20px 0; }
    .latest-news #news-block-3 .row:first-child {
      padding: 0; }
      .latest-news #news-block-3 .row:first-child .col-md-6:first-child, .latest-news #news-block-3 .row:first-child .col-xs-6:first-child {
        width: 100%;
        padding: 0 0 20px 0; }
      .latest-news #news-block-3 .row:first-child .col-md-6:last-child, .latest-news #news-block-3 .row:first-child .col-xs-6:last-child {
        width: 100%;
        padding: 0 0 20px 0; } }

/* awards */
.awards {
  display: inline-block;
  width: 100%;
  position: relative; }
  .awards .back-image {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
    min-height: 900px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-image: url("../../assets/images/awards.jpg"); }
  .awards .back-color {
    display: inline-block;
    width: 100%;
    height: 100%;
    min-height: 900px;
    background-color: rgba(61, 61, 61, 0.93);
    padding-bottom: 110px; }
  .awards .heading {
    position: relative;
    width: 100%;
    margin: 50px 0 70px 0; }
    .awards .heading h2 {
      margin: 0;
      padding: 0 80px;
      font-family: "Montserrat", sans-serif;
      font-size: 25px;
      line-height: 25px;
      font-weight: bold;
      color: white;
      text-transform: uppercase; }
    .awards .heading h2:after {
      position: absolute;
      bottom: -20px;
      left: 50%;
      margin-left: -25px;
      content: "";
      width: 50px;
      height: 5px;
      background: white; }
  @media (max-width: 768px) {
    .awards .heading {
      margin: 25px 0 70px 0; }
      .awards .heading h2 {
        font-size: 18px;
        line-height: 18px;
        padding: 0 20px; } }
  .awards .col-md-6 {
    padding-bottom: 30px; }
  .awards .col-md-6:nth-child(1) {
    padding-top: 30px; }
  .awards .col-md-6:nth-child(2) {
    padding-top: 30px; }
  .awards .col-md-6:nth-child(odd) {
    border-left: 3px solid white; }
  .awards .col-md-6:nth-child(even) {
    border-left: 3px solid white; }
  .awards .detail {
    text-align: left;
    color: white; }
    .awards .detail .title {
      font-family: "Montserrat", sans-serif;
      font-size: 18px;
      line-height: 18px;
      font-weight: bold;
      margin-bottom: 15px; }
    .awards .detail .lead {
      font-family: "Ubuntu", sans-serif;
      font-size: 18px;
      line-height: 18px;
      font-style: italic;
      margin-bottom: 15px; }
    .awards .detail .description {
      font-family: "Ubuntu", sans-serif;
      font-size: 18px;
      line-height: 18px;
      margin-bottom: 15px; }

@media (max-width: 992px) {
  .awards .col-md-6:nth-child(2) {
    padding-top: 0; } }

@media (max-width: 768px) {
  .awards .back-color {
    padding: 0 15px 80px 15px; }
  .awards .main-title {
    margin: 50px 0 70px 0; }
    .awards .main-title h2 {
      font-size: 18px;
      line-height: 18px; }
  .awards .detail .title {
    font-size: 16px;
    line-height: 16px; }
  .awards .detail .lead {
    font-size: 16px;
    line-height: 16px; }
  .awards .detail .description {
    font-size: 16px;
    line-height: 16px; }
  .awards .col-md-6 {
    padding: 15px 15px 10px 15px; }
  .awards .col-md-6:nth-child(2n) {
    margin-bottom: 50px; }
  .awards .col-md-6:nth-child(1) {
    padding-top: 15px; }
  .awards .col-md-6:nth-child(2) {
    padding-top: 15px; } }

/* services */
.services {
  display: inline-block;
  width: 100%;
  min-height: 900px;
  background-color: #012b39;
  position: relative;
  padding-bottom: 110px; }
  .services .main-title {
    position: relative;
    width: 100%;
    margin: 50px 0 70px 0; }
    .services .main-title h2 {
      margin: 0;
      padding: 0;
      font-family: "Montserrat", sans-serif;
      font-size: 25px;
      line-height: 25px;
      font-weight: bold;
      color: white;
      text-transform: uppercase; }
    .services .main-title h2:after {
      position: absolute;
      bottom: -20px;
      left: 50%;
      margin-left: -25px;
      content: "";
      width: 50px;
      height: 5px;
      background: white; }
  .services .main-description {
    width: 100%;
    height: 100%;
    padding-top: 5px;
    padding-bottom: 80px;
    font-family: "Montserrat", sans-serif;
    font-size: 46px;
    line-height: 56px;
    font-weight: bold;
    color: white;
    letter-spacing: 0.6px;
    overflow: visible; }
  .services .detail {
    color: white;
    text-align: left; }
    .services .detail .title {
      min-height: 60px;
      white-space: pre-line;
      font-family: "Montserrat", sans-serif;
      font-size: 24px;
      line-height: 28px;
      font-weight: bold;
      margin-bottom: 10px;
      word-wrap: break-word; }
    .services .detail .description {
      white-space: pre-line;
      font-family: "Ubuntu", sans-serif;
      font-size: 18px;
      line-height: 22px;
      text-overflow: ellipsis;
      word-wrap: break-word; }
  .services .col-md-3 {
    padding: 0 15px 0 0; }
  .services .col-md-3:last-child {
    padding: 0; }

@media (max-width: 768px) {
  .services {
    padding: 0 15px 80px 15px; }
    .services .main-title {
      margin: 50px 0 70px 0; }
      .services .main-title h2 {
        font-size: 18px;
        line-height: 18px; }
    .services .main-description {
      font-size: 32px;
      line-height: 42px;
      padding-top: 0px;
      padding-bottom: 70px; }
    .services .detail {
      text-align: center; }
      .services .detail .title {
        max-width: 768px;
        white-space: normal; }
      .services .detail .description {
        font-family: "Ubuntu", sans-serif;
        font-size: 18px;
        line-height: 22px; }
    .services .col-md-3 {
      width: 100%;
      padding: 0 0 80px 0; } }

/* home form */
.home-form {
  width: 100%;
  display: inline-block;
  min-height: 900px;
  background-color: #f5f5f5;
  padding-bottom: 110px;
  font-family: "Montserrat", sans-serif;
  position: relative; }
  .home-form .main-title {
    position: relative;
    width: 100%;
    margin: 50px 0 70px 0; }
    .home-form .main-title h2 {
      margin: 0;
      padding: 0;
      font-family: "Montserrat", sans-serif;
      font-size: 25px;
      line-height: 25px;
      font-weight: bold;
      color: #3d3d3d;
      text-transform: uppercase; }
    .home-form .main-title h2:after {
      position: absolute;
      bottom: -20px;
      left: 50%;
      margin-left: -25px;
      content: "";
      width: 50px;
      height: 5px;
      background: #3d3d3d; }
  .home-form .section-form {
    display: inline-block;
    width: 100%;
    height: auto;
    line-height: 0px;
    text-align: center;
    background-color: #f5f5f5; }
    .home-form .section-form .form {
      display: inline-block;
      width: 82.8%; }
      .home-form .section-form .form .form-animate {
        width: 100%;
        height: auto;
        overflow: hidden; }
      .home-form .section-form .form .fields {
        text-align: left; }
        .home-form .section-form .form .fields .g-recaptcha div div {
          text-align: center;
          margin: 0 auto; }
        .home-form .section-form .form .fields .message {
          display: none;
          width: 100%;
          height: auto;
          margin: 20px 0;
          padding: 40px;
          border: 1px solid #009fd9;
          border-radius: 10px;
          line-height: 22px; }
        .home-form .section-form .form .fields .field {
          display: inline-block;
          width: 100%; }
        .home-form .section-form .form .fields .fieldPrivacy {
          padding-top: 15px;
          display: inline-block;
          width: 100%; }
        .home-form .section-form .form .fields .file-upload {
          position: relative;
          overflow: hidden; }
          .home-form .section-form .form .fields .file-upload input.upload {
            position: absolute;
            top: 0;
            right: 0;
            margin: 0;
            padding: 0;
            font-size: 20px;
            cursor: pointer;
            opacity: 0;
            filter: alpha(opacity=0); }
        .home-form .section-form .form .fields .button-holder {
          width: 25%;
          height: 45px;
          color: #ffffff;
          font-size: #acacac;
          line-height: 45px;
          vertical-align: middle;
          text-align: center;
          background-color: #009fd9; }
        .home-form .section-form .form .fields .field-column {
          display: inline-block;
          width: 48.75%;
          float: left; }
        .home-form .section-form .form .fields .space-column {
          float: left;
          display: inline-block;
          width: 2.5%;
          height: 45px;
          margin: 45px 0 0 0; }
        .home-form .section-form .form .fields .description {
          display: inline-block;
          width: 100%;
          height: 45px;
          text-align: left;
          color: #3B3B3B;
          font-size: 18px;
          line-height: 45px;
          font-weight: normal;
          letter-spacing: 1x;
          padding: 6px 0 0 0; }
        .home-form .section-form .form .fields .description-privacy, .home-form .section-form .form .fields a.description-privacy {
          display: inline;
          text-align: left;
          color: rbg(59, 59, 60);
          font-size: 18px;
          line-height: 22px;
          font-weight: normal;
          letter-spacing: 1x;
          padding: 10px 0 0 10px; }
        .home-form .section-form .form .fields a.description-privacy {
          text-decoration: underline; }
        .home-form .section-form .form .fields .text-normal {
          width: 100%;
          height: 45px;
          padding: 10px 45px 10px 10px;
          background-color: white; }
        .home-form .section-form .form .fields .text-normal::-webkit-input-placeholder {
          color: #e0e0e0;
          padding: 10px 45px 10px 10px; }
        .home-form .section-form .form .fields .text-normal::-moz-placeholder {
          color: #e0e0e0;
          padding: 10px 45px 10px 10px; }
        .home-form .section-form .form .fields .text-normal:-ms-input-placeholder {
          color: #e0e0e0;
          padding: 10px 45px 10px 10px; }
        .home-form .section-form .form .fields .text-small {
          width: 100%;
          height: 45px;
          padding: 10px 45px 10px 10px;
          background-color: white; }
        .home-form .section-form .form .fields .text-upload {
          width: 72.5%;
          float: left;
          height: 45px;
          padding: 10px 45px 10px 10px;
          margin-right: 2.5%;
          background-color: white; }
        .home-form .section-form .form .fields .text-area {
          width: 100%;
          height: 185px;
          resize: none;
          padding: 10px 45px 10px 10px;
          background-color: white;
          text-align: left;
          line-height: 22px; }
        .home-form .section-form .form .fields .button-center {
          display: inline-block;
          width: 100%;
          display: inline-block;
          text-align: center;
          margin: 60px 0 0 0; }
          .home-form .section-form .form .fields .button-center .button {
            display: inline-block;
            padding: 25px 80px;
            line-height: 50px;
            font-face: "Montserrat", sans-serif;
            font-size: 16px;
            line-height: 16px;
            background-color: #009fd9;
            font-weight: bold;
            text-transform: uppercase;
            color: #ffffff;
            border: 2px solid #009fd9;
            box-shadow: inset 0 0 0 0 #f5f5f5;
            transition: box-shadow ease 0.6s, background-color ease 0.6s; }
          .home-form .section-form .form .fields .button-center .button:hover {
            box-shadow: inset 400px 0 0 0 #f5f5f5;
            background-color: #f5f5f5;
            color: #009fd9;
            border: 2px solid #009fd9; }
  .home-form .card-container {
    width: 100%;
    min-height: 750px;
    position: relative;
    -webkit-perspective: 800px;
    -moz-perspective: 800px;
    -ms-perspective: 800px;
    -o-perspective: 800px;
    perspective: 800px; }
    .home-form .card-container #card {
      width: 100%;
      height: 100%;
      position: absolute;
      -webkit-transition: -webkit-transform 1s;
      -moz-transition: -moz-transform 1s;
      -ms-transition: -ms-transform 1s;
      -o-transition: -o-transform 1s;
      transition: transform 1s;
      -webkit-transform-style: preserve-3d;
      -moz-transform-style: preserve-3d;
      -ms-transform-style: preserve-3d;
      -o-transform-style: preserve-3d;
      transform-style: preserve-3d; }
      .home-form .card-container #card .front, .home-form .card-container #card .back {
        display: block;
        position: absolute;
        height: 100%;
        width: 100%;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        -o-backface-visibility: hidden;
        backface-visibility: hidden; }
      .home-form .card-container #card .front {
        background: transparent; }
      .home-form .card-container #card .back {
        border-radius: 5px;
        background: #e7e7e7;
        -webkit-transform: rotateY(180deg);
        -moz-transform: rotateY(180deg);
        -ms-transform: rotateY(180deg);
        -o-transform: rotateY(180deg);
        transform: rotateY(180deg); }
    .home-form .card-container #card.flipped {
      -webkit-transform: rotateY(180deg);
      -moz-transform: rotateY(180deg);
      -ms-transform: rotateY(180deg);
      -o-transform: rotateY(180deg);
      transform: rotateY(180deg); }
  .home-form .success {
    display: block;
    width: 100%;
    min-height: 750px;
    background-color: #e7e7e7;
    border-radius: 20px; }
  .home-form .error {
    display: inline-block;
    width: 100%;
    min-height: 750px;
    background-color: #e7e7e7;
    border-radius: 20px; }
  .home-form .message {
    color: #3B3B3B;
    font-size: 26px;
    line-height: 30px;
    padding: 0 60px;
    font-weight: normal;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    border-radius: 20px; }
  .home-form .loader {
    width: 180px;
    height: 180px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -150px;
    margin-left: -90px; }

@media (max-width: 768px) {
  .home-form {
    padding: 0 0 80px 0; }
    .home-form .main-title {
      margin: 50px 0 70px 0; }
      .home-form .main-title h2 {
        font-size: 18px;
        line-height: 18px; }
    .home-form .section-form .form {
      width: 100%;
      padding: 0 15px; }
      .home-form .section-form .form .fields .field-column {
        width: 100%; }
      .home-form .section-form .form .fields .space-column {
        width: 0;
        height: 0;
        margin: 0; }
      .home-form .section-form .form .fields .button-center {
        margin: 30px 0 0 0; }
        .home-form .section-form .form .fields .button-center .button {
          padding: 25px 60px; }
      .home-form .section-form .form .fields .text-area {
        height: 255px; }
    .home-form .card-container, .home-form .success, .home-form .error {
      min-height: 980px; }
    .home-form .message {
      font-size: 22px; } }

/* categories */
.recent-projects .categories {
  width: 100%;
  margin-top: 95px;
  text-align: center; }
  .recent-projects .categories .list {
    display: inline-block;
    visibility: visible;
    font-family: "Ubuntu", sans-serif;
    font-size: 16px;
    line-height: 16px;
    font-weight: bold;
    color: #414141;
    text-transform: uppercase;
    text-decoration: none; }
    .recent-projects .categories .list .category {
      position: relative;
      cursor: pointer;
      float: left;
      display: inline-block;
      margin: 0 25px; }
      .recent-projects .categories .list .category div {
        cursor: pointer; }
      .recent-projects .categories .list .category .selected {
        display: none;
        position: absolute;
        top: 34px;
        left: 50%;
        width: 40px;
        height: 5px;
        margin-left: -20px;
        background-color: #00a6da; }
      .recent-projects .categories .list .category .color-selected {
        color: #00a6da; }
    .recent-projects .categories .list .category:hover {
      color: #00a6da; }
    .recent-projects .categories .list .category:first-child {
      margin: 0 25px 0 0; }
    .recent-projects .categories .list .category:last-child {
      margin: 0 0 0 25px; }
  .recent-projects .categories .select {
    display: none; }

@media (max-width: 1600px) {
  .recent-projects .categories .list {
    font-size: 14px;
    line-height: 14px; }
    .recent-projects .categories .list .category {
      float: left;
      display: inline-block;
      margin: 0 10px; }
    .recent-projects .categories .list .category:first-child {
      margin: 0 10px 0 0; }
    .recent-projects .categories .list .category:last-child {
      margin: 0 0 0 10px; } }

@media (max-width: 992px) {
  .recent-projects .categories .list .category {
    float: left;
    display: inline-block;
    margin: 0 5px; }
  .recent-projects .categories .list .category:first-child {
    margin: 0 5px 0 0; }
  .recent-projects .categories .list .category:last-child {
    margin: 0 0 0 5px; } }

@media (max-width: 768px) {
  .recent-projects .categories {
    margin-top: 30px; }
    .recent-projects .categories .list {
      display: none; }
    .recent-projects .categories .select {
      display: inline-block;
      width: 100%;
      height: auto;
      margin: -30px 0 0 0;
      background-color: #3b4f67; }
      .recent-projects .categories .select .selector {
        width: 100%;
        height: 40px;
        font-family: "Ubuntu", sans-serif;
        font-size: 16px;
        line-height: 16px;
        font-weight: bold;
        background-color: #3b4f67;
        text-transform: uppercase;
        text-align: left;
        padding: 12px;
        color: white;
        cursor: pointer; }
        .recent-projects .categories .select .selector .glyphicon {
          display: inline-block;
          float: left;
          padding: 1px 0 0 0;
          cursor: pointer; }
        .recent-projects .categories .select .selector .title {
          display: inline-block;
          float: left;
          padding: 0 0 0 5px;
          cursor: pointer; }
      .recent-projects .categories .select .list {
        display: none;
        margin: 0;
        color: white;
        background-color: transparent; }
        .recent-projects .categories .select .list .category {
          width: 100%;
          padding: 15px 15px; }
          .recent-projects .categories .select .list .category .selected {
            margin-top: 5px;
            background-color: transparent; }
          .recent-projects .categories .select .list .category .color-selected {
            color: #a4a4a7; }
        .recent-projects .categories .select .list .category:hover {
          color: #a4a4a7; }
        .recent-projects .categories .select .list .category:first-child {
          margin: 0; }
        .recent-projects .categories .select .list .category:last-child {
          margin: 0; }
      .recent-projects .categories .select .chosen {
        display: inline-block;
        width: 100%;
        height: 52px;
        background-color: white;
        color: #00a6da;
        font-size: 16px;
        line-height: 16px;
        font-weight: bold;
        padding: 18px;
        text-transform: capitalize; } }

/* project related */
.project-related {
  width: 100%;
  display: inline-block;
  min-height: 610px;
  padding: 0 0 100px 0;
  background-color: #ecf0f1; }
  .project-related .heading {
    position: relative;
    width: 100%;
    margin: 50px 0 35px 0; }
    .project-related .heading h2 {
      margin: 0;
      padding: 0 80px;
      font-family: "Montserrat", sans-serif;
      font-size: 25px;
      line-height: 25px;
      font-weight: bold;
      color: #3d3d3d;
      text-transform: uppercase; }
    .project-related .heading h2:after {
      position: absolute;
      bottom: -20px;
      left: 50%;
      margin-left: -25px;
      content: "";
      width: 50px;
      height: 5px;
      background: #3d3d3d; }
  @media (max-width: 768px) {
    .project-related .heading {
      margin: 25px 0 35px 0; }
      .project-related .heading h2 {
        font-size: 18px;
        line-height: 18px;
        padding: 0 20px; } }
  .project-related .button-transparent {
    cursor: pointer;
    display: inline-block;
    border: 2px solid #3d3d3d;
    font-family: "Montserrat", sans-serif;
    font-size: 14.5px;
    line-height: 14.5px;
    font-weight: bold;
    text-transform: uppercase;
    color: #3d3d3d;
    margin: 0;
    padding: 25px 35px;
    background-color: #ecf0f1;
    box-shadow: inset 0 0 0 0 #3d3d3d;
    transition: box-shadow ease 0.6s, background-color ease 0.6s; }
  .project-related .button-transparent:hover {
    box-shadow: inset 400px 0 0 0 #3d3d3d;
    border: 2px solid #3d3d3d;
    color: white;
    background-color: #3d3d3d; }
  @media (max-width: 768px) {
    .project-related .button-transparent {
      padding: 22px 15px; } }
  .project-related .projects {
    display: inline-block;
    width: 100%;
    margin: 35px 0 50px 0; }
    .project-related .projects .related {
      float: left;
      display: inline-block;
      width: 31.6%;
      min-height: 250px; }
      .project-related .projects .related .image {
        position: relative;
        cursor: pointer;
        width: 100%;
        height: 250px;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover; }
      .project-related .projects .related .detail {
        opacity: 0;
        position: absolute;
        display: table;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 166, 218, 0.6);
        transition: none; }
        .project-related .projects .related .detail .wrap {
          display: table-cell;
          text-align: center;
          vertical-align: middle;
          width: 100%;
          cursor: pointer; }
          .project-related .projects .related .detail .wrap .context {
            display: inline-block;
            width: 100%; }
            .project-related .projects .related .detail .wrap .context .text {
              position: relative;
              font-family: "Montserrat", sans-serif;
              font-size: 13px;
              line-height: 13px;
              min-height: 15px;
              font-weight: bold;
              padding: 0 30px;
              text-transform: uppercase;
              letter-spacing: 1.8px;
              color: white;
              cursor: pointer; }
            .project-related .projects .related .detail .wrap .context .text:after {
              position: absolute;
              top: 33px;
              left: 50%;
              margin-left: -25px;
              content: "";
              width: 50px;
              height: 5px;
              background: white; }
          .project-related .projects .related .detail .wrap .title {
            display: inline-block;
            margin-top: 41px;
            padding: 0 30px;
            width: 100%;
            font-family: "Montserrat", sans-serif;
            font-size: 18px;
            line-height: 18px;
            font-weight: bold;
            color: white;
            cursor: pointer; }
          .project-related .projects .related .detail .wrap .button-inside-square {
            cursor: pointer;
            display: inline-block;
            border: 2px solid white;
            font-family: "Montserrat", sans-serif;
            font-size: 14.5px;
            line-height: 14.5px;
            font-weight: bold;
            text-transform: uppercase;
            color: white;
            margin: 60px 0 0 0;
            padding: 22.5px 40px;
            background-color: transparent;
            box-shadow: inset 0 0 0 0 white;
            transition: box-shadow ease 0.6s, background-color ease 0.6s; }
          .project-related .projects .related .detail .wrap .button-inside-square:hover {
            box-shadow: inset 400px 0 0 0 white;
            border: 2px solid white;
            color: #00a5d9;
            background-color: white; }
          @media (max-width: 1200px) {
            .project-related .projects .related .detail .wrap .button-inside-square {
              font-size: 12px;
              line-height: 12px;
              margin: 20px 0 0 0;
              padding: 14px 14px; }
            .project-related .projects .related .detail .wrap .button-inside-square:hover {
              font-size: 12px;
              line-height: 12px; } }
          .project-related .projects .related .detail .wrap .button-inside-square {
            font-size: 12px;
            line-height: 12px;
            margin: 20px 0 0 0;
            padding: 14px 14px; }
      .project-related .projects .related .detail:hover {
        opacity: 1; }
    .project-related .projects .related:first-child {
      margin-right: 2.5%; }
    .project-related .projects .related:last-child {
      margin-left: 2.5%; }

@media (max-width: 768px) {
  .project-related {
    padding: 0; }
    .project-related .heading {
      margin: 50px 0 0 0; }
    .project-related .projects {
      padding: 0 15px 0 15px;
      margin: 45px 0 30px; }
      .project-related .projects .related {
        float: none;
        display: block;
        width: 100%;
        margin-bottom: 20px; }
        .project-related .projects .related .detail {
          opacity: 1; }
        .project-related .projects .related .image {
          height: 260px; }
      .project-related .projects .related:first-child {
        margin-right: 0; }
      .project-related .projects .related:last-child {
        margin-left: 0; }
    .project-related .button-transparent {
      margin-bottom: 100px; } }

/* project list */
.recent-projects .projects-list {
  width: 100%;
  min-width: 300px;
  min-height: 350px;
  display: inline-block;
  padding-bottom: 10px;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -o-animation-duration: 1s;
  -ms-animation-duration: 1s;
  position: relative; }
  .recent-projects .projects-list .projects {
    margin-top: 100px; }
    .recent-projects .projects-list .projects .project {
      overflow: hidden; }
    .recent-projects .projects-list .projects .detail {
      opacity: 0;
      position: absolute;
      display: table;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 166, 218, 0.6);
      transition: none; }
      .recent-projects .projects-list .projects .detail .wrap {
        display: table-cell;
        text-align: center;
        vertical-align: middle;
        width: 100%;
        cursor: pointer; }
        .recent-projects .projects-list .projects .detail .wrap .context {
          display: inline-block;
          width: 100%; }
          .recent-projects .projects-list .projects .detail .wrap .context .text {
            position: relative;
            font-family: "Montserrat", sans-serif;
            font-size: 14px;
            line-height: 14px;
            min-height: 15px;
            font-weight: bold;
            padding: 0 30px;
            text-transform: uppercase;
            letter-spacing: 1.8px;
            color: white;
            cursor: pointer; }
          .recent-projects .projects-list .projects .detail .wrap .context .text:after {
            position: absolute;
            top: 33px;
            left: 50%;
            margin-left: -25px;
            content: "";
            width: 50px;
            height: 5px;
            background: white; }
        .recent-projects .projects-list .projects .detail .wrap .title {
          display: inline-block;
          margin-top: 41px;
          padding: 0 30px;
          width: 100%;
          font-family: "Montserrat", sans-serif;
          font-size: 23px;
          line-height: 23px;
          font-weight: bold;
          color: white;
          cursor: pointer; }
        .recent-projects .projects-list .projects .detail .wrap .button-inside-square {
          cursor: pointer;
          display: inline-block;
          border: 2px solid white;
          font-family: "Montserrat", sans-serif;
          font-size: 14.5px;
          line-height: 14.5px;
          font-weight: bold;
          text-transform: uppercase;
          color: white;
          margin: 60px 0 0 0;
          padding: 22.5px 40px;
          background-color: transparent;
          box-shadow: inset 0 0 0 0 white;
          transition: box-shadow ease 0.6s, background-color ease 0.6s; }
        .recent-projects .projects-list .projects .detail .wrap .button-inside-square:hover {
          box-shadow: inset 400px 0 0 0 white;
          border: 2px solid white;
          color: #00a5d9;
          background-color: white; }
        @media (max-width: 1200px) {
          .recent-projects .projects-list .projects .detail .wrap .button-inside-square {
            font-size: 12px;
            line-height: 12px;
            margin: 20px 0 0 0;
            padding: 14px 14px; }
          .recent-projects .projects-list .projects .detail .wrap .button-inside-square:hover {
            font-size: 12px;
            line-height: 12px; } }
    .recent-projects .projects-list .projects .detail:hover {
      opacity: 1; }
    .recent-projects .projects-list .projects .image {
      position: relative;
      cursor: pointer;
      width: 100%;
      height: 400px;
      text-align: center;
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover;
      overflow: hidden;
      transition: all .2s ease-in-out; }
    .recent-projects .projects-list .projects .image:hover {
      transform: scale(1.1, 1.1); }
  .recent-projects .projects-list .col-md-6:nth-child(odd), .recent-projects .projects-list .col-xs-6:nth-child(odd) {
    padding: 0 15px 0 0; }
  .recent-projects .projects-list .col-md-6:nth-child(even), .recent-projects .projects-list .col-xs-6:nth-child(even) {
    padding: 0 0 0 15px; }
  .recent-projects .projects-list .col-md-6, .recent-projects .projects-list .col-xs-6 {
    margin: 0 0 30px 0; }

.recent-projects .next-page {
  display: inline-block;
  width: 100%;
  height: 100px;
  background-color: white; }

@media (max-width: 1200px) {
  .recent-projects .projects-list .projects .detail .wrap .context .text {
    font-size: 13px;
    line-height: 13px; }
  .recent-projects .projects-list .projects .detail .wrap .title {
    font-size: 18px;
    line-height: 18px; }
  .recent-projects .projects-list .projects .image {
    height: 250px; }
  .recent-projects .projects-list .projects .image:hover {
    transform: scale(1.05, 1.05); } }

@media (max-width: 992px) {
  .recent-projects .projects-list .projects .image {
    height: 200px; } }

@media (max-width: 768px) {
  .recent-projects .projects-list {
    padding-bottom: 10px; }
    .recent-projects .projects-list .main-title {
      margin: 50px 0 70px 0; }
      .recent-projects .projects-list .main-title h2 {
        font-size: 18px;
        line-height: 18px; }
    .recent-projects .projects-list .projects {
      margin-top: 0px; }
      .recent-projects .projects-list .projects .detail {
        opacity: 1; }
      .recent-projects .projects-list .projects .image {
        height: 220px; }
    .recent-projects .projects-list .col-md-6:nth-child(odd), .recent-projects .projects-list .col-xs-6:nth-child(odd) {
      padding: 0; }
    .recent-projects .projects-list .col-md-6:nth-child(even), .recent-projects .projects-list .col-xs-6:nth-child(even) {
      padding: 0; }
    .recent-projects .projects-list .col-md-6, .recent-projects .projects-list .col-xs-6 {
      width: 100%;
      margin: 0 0 20px 0; }
    .recent-projects .projects-list .row {
      margin: 0; }
  .recent-projects .next-page {
    height: 70px; } }

/* project detail */
.project-detail {
  display: inline-block;
  width: 100%;
  min-width: 300px;
  min-height: 300px;
  padding: 45px 0 100px 0; }
  .project-detail .heading {
    position: relative;
    width: 100%;
    margin: 50px 0 35px 0; }
    .project-detail .heading h2 {
      margin: 0;
      padding: 0 80px;
      font-family: "Montserrat", sans-serif;
      font-size: 25px;
      line-height: 25px;
      font-weight: bold;
      color: #3d3d3d;
      text-transform: uppercase; }
    .project-detail .heading h2:after {
      position: absolute;
      bottom: -20px;
      left: 50%;
      margin-left: -25px;
      content: "";
      width: 50px;
      height: 5px;
      background: #3d3d3d; }
  @media (max-width: 768px) {
    .project-detail .heading {
      margin: 25px 0 35px 0; }
      .project-detail .heading h2 {
        font-size: 18px;
        line-height: 18px;
        padding: 0 20px; } }
  .project-detail .subheading {
    margin: 45px 0;
    padding: 0 120px;
    font-family: "Ubuntu", sans-serif;
    font-size: 24px;
    line-height: 28px;
    min-height: 28px;
    color: #3d3d3d; }
  @media (max-width: 768px) {
    .project-detail .subheading {
      padding: 0 20px;
      font-size: 18px;
      line-height: 22px;
      min-height: 22px; } }
  .project-detail .head {
    position: relative;
    width: 100%;
    display: inline-block; }
    .project-detail .head .arrow-left {
      position: absolute;
      display: inline-block;
      top: 45px;
      left: 20px;
      width: 60px;
      height: 60px;
      text-align: center; }
      .project-detail .head .arrow-left .arrow {
        cursor: pointer;
        display: inline-block;
        width: 35px;
        height: 35px;
        background-image: url("../../assets/images/big-arrow-left.png"); }
      .project-detail .head .arrow-left .label {
        cursor: pointer;
        display: inline-block;
        margin-top: 15px;
        font-family: "Montserrat", sans-serif;
        font-size: 12px;
        line-height: 12px;
        text-transform: uppercase;
        color: #3d3d3d; }
    .project-detail .head .arrow-left:hover .label {
      color: #00a5d9; }
    .project-detail .head .arrow-left:hover .arrow {
      background-image: url("../../assets/images/big-arrow-left-hover.png"); }
    .project-detail .head .arrow-right {
      position: absolute;
      display: inline-block;
      top: 45px;
      right: 20px;
      width: 60px;
      height: 60px; }
      .project-detail .head .arrow-right .arrow {
        cursor: pointer;
        display: inline-block;
        width: 35px;
        height: 35px;
        background-image: url("../../assets/images/big-arrow-right.png"); }
      .project-detail .head .arrow-right .label {
        cursor: pointer;
        display: inline-block;
        margin-top: 15px;
        font-family: "Montserrat", sans-serif;
        font-size: 12px;
        line-height: 12px;
        text-transform: uppercase;
        color: #3d3d3d; }
      .project-detail .head .arrow-right .arrow:hover {
        background-image: url("../../assets/images/big-arrow-right-hover.png"); }
    .project-detail .head .arrow-right:hover .label {
      color: #00a5d9; }
    .project-detail .head .arrow-right:hover .arrow {
      background-image: url("../../assets/images/big-arrow-right-hover.png"); }
  .project-detail .image {
    width: 100%;
    height: 535px;
    margin: 45px 0 0 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-color: #313131; }
  .project-detail .small-pagination {
    display: none; }
  .project-detail .gallery {
    width: 100%;
    height: auto;
    background-color: #313131;
    overflow: hidden;
    margin-bottom: 5px;
    padding: 0 12px 0 12px; }
    .project-detail .gallery .container-fluid {
      height: 165px; }
    .project-detail .gallery .col-md-2, .project-detail .gallery .col-xs-2 {
      padding: 20px 12px 0 12px; }
    .project-detail .gallery .col-md-2:first-child > .thumb {
      border: 1px solid #00a5d9; }
    .project-detail .gallery .thumb {
      cursor: pointer;
      float: left;
      display: inline-block;
      width: 100%;
      height: 125px;
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover; }
    .project-detail .gallery .thumb:hover {
      border: 1px solid #00a5d9; }
  .project-detail .carousel {
    position: relative; }
  .project-detail .description {
    margin: 0 0 45px 0;
    font-family: "Ubuntu", sans-serif;
    font-size: 24px;
    line-height: 38px;
    white-space: pre-line;
    text-align: left;
    color: #3d3d3d; }
  @media (max-width: 768px) {
    .project-detail .description {
      margin: 20px 0 45px 0;
      font-size: 16px;
      line-height: 22px; } }
  .project-detail .description {
    margin: 0; }
  .project-detail .button-transparent {
    cursor: pointer;
    display: inline-block;
    border: 2px solid #3d3d3d;
    font-family: "Montserrat", sans-serif;
    font-size: 14.5px;
    line-height: 14.5px;
    font-weight: bold;
    text-transform: uppercase;
    color: #3d3d3d;
    margin: 0;
    padding: 25px 35px;
    background-color: white;
    box-shadow: inset 0 0 0 0 #3d3d3d;
    transition: box-shadow ease 0.6s, background-color ease 0.6s; }
  .project-detail .button-transparent:hover {
    box-shadow: inset 400px 0 0 0 #3d3d3d;
    border: 2px solid #3d3d3d;
    color: white;
    background-color: #3d3d3d; }
  @media (max-width: 768px) {
    .project-detail .button-transparent {
      padding: 22px 15px; } }
  .project-detail .button-transparent {
    margin: 45px 0 0 0; }

@media (max-width: 768px) {
  .project-detail {
    padding: 20px 15px  45px 15px; }
    .project-detail .head {
      padding: 0 15px; }
      .project-detail .head .arrow-left {
        top: 25px;
        left: 10px;
        width: 20px;
        height: 20px; }
        .project-detail .head .arrow-left .arrow {
          width: 20px;
          height: 20px;
          background-image: url("../../assets/images/little-arrow-left.png"); }
        .project-detail .head .arrow-left .label {
          display: none; }
      .project-detail .head .arrow-left:hover .arrow {
        background-image: url("../../assets/images/little-arrow-left-hover.png"); }
      .project-detail .head .arrow-right {
        top: 25px;
        right: 10px;
        width: 20px;
        height: 20px; }
        .project-detail .head .arrow-right .arrow {
          width: 20px;
          height: 20px;
          background-image: url("../../assets/images/little-arrow-right.png"); }
        .project-detail .head .arrow-right .label {
          display: none; }
      .project-detail .head .arrow-right:hover .arrow {
        background-image: url("../../assets/images/little-arrow-right-hover.png"); }
    .project-detail .image {
      height: 500px;
      margin: 0; }
    .project-detail .gallery {
      display: none; }
    .project-detail .small-pagination {
      display: inline-block;
      position: absolute;
      top: 480px;
      left: 0;
      width: 100%;
      height: 15px;
      text-align: center; }
      .project-detail .small-pagination .wrap {
        display: inline-block; }
        .project-detail .small-pagination .wrap .carousel-indicators {
          position: relative;
          width: auto;
          left: 0;
          margin-left: 0; }
          .project-detail .small-pagination .wrap .carousel-indicators li {
            float: left;
            display: inline-block;
            cursor: pointer;
            width: 15px;
            height: 15px;
            margin: 0 7px;
            border-radius: 50%;
            border: 0;
            background-color: white; }
          .project-detail .small-pagination .wrap .carousel-indicators .active {
            background-color: #00a6da; } }

/* product video */
.project-info .project-video {
  display: inline-block;
  width: 100%;
  min-height: 900px;
  background-color: #f5f5f5;
  text-align: center; }
  .project-info .project-video .content {
    position: relative;
    min-height: 900px; }
  .project-info .project-video .video {
    position: absolute;
    width: 100%;
    height: auto;
    top: 50%;
    transform: translateY(-50%);
    background-color: #ecf0f1; }
    .project-info .project-video .video video {
      width: 100%;
      height: auto; }

@media (max-width: 768px) {
  .project-info .project-video {
    min-height: 390px; }
    .project-info .project-video .content {
      position: relative;
      min-height: 390px; } }

/* detail menu */
.project-info {
  width: 100%;
  display: inline-block; }
  .project-info .project-menu {
    position: fixed;
    z-index: 3;
    display: inline-block;
    top: 50%;
    right: 30px;
    margin-top: -15px;
    width: 30px;
    height: auto;
    text-align: center;
    cursor: pointer; }
    .project-info .project-menu .wrap {
      position: relative;
      display: inline-block;
      width: 30px;
      height: 40px;
      cursor: pointer; }
      .project-info .project-menu .wrap .subtitle {
        position: absolute;
        top: 5.5px;
        right: 0px;
        width: 250px;
        height: 30px;
        padding: 0 35px 0 0;
        line-height: 30px;
        text-align: right;
        font-family: "Montserrat", sans-serif;
        text-transform: uppercase;
        font-weight: bold;
        font-size: 10px;
        overflow: visible;
        color: transparent; }
      .project-info .project-menu .wrap .option {
        position: absolute;
        cursor: pointer;
        top: 50%;
        left: 50%;
        width: 10px;
        height: 10px;
        margin-top: -5px;
        margin-left: -5px;
        border-radius: 50%;
        background-color: #b2b2b2; }
    .project-info .project-menu .wrap:hover > .option {
      cursor: pointer;
      -webkit-transform: scale(2.5);
      -moz-transform: scale(2.5);
      -ms-transform: scale(2.5);
      -o-transform: scale(2.5);
      transform: scale(2.5);
      -webkit-transition: 0.3s ease-in-out;
      -moz-transition: 0.3s ease-in-out;
      -ms-transform: 0.3s ease-in-out;
      -o-transition: 0.3s ease-in-out;
      transition: 0.3s ease-in-out; }
    .project-info .project-menu .wrap:hover > .subtitle {
      -webkit-animation: fadeInOption 1s;
      -moz-animation: fadeInOption 1s;
      -ms-animation: fadeInOption 1s;
      -o-animation: fadeInOption 1s;
      animation: fadeInOption 1s;
      color: #b2b2b2; }
  .project-info .project-menu-1 > .wrap:nth-child(1) .option,
  .project-info .project-menu-2 > .wrap:nth-child(2) .option,
  .project-info .project-menu-3 > .wrap:nth-child(3) .option,
  .project-info .project-menu-4 > .wrap:nth-child(4) .option,
  .project-info .project-menu-5 > .wrap:nth-child(5) .option {
    -webkit-transform: scale(2.5);
    -moz-transform: scale(2.5);
    -ms-transform: scale(2.5);
    -o-transform: scale(2.5);
    transform: scale(2.5);
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transform: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out; }

@media (max-width: 1200px) {
  .project-info .project-menu {
    right: 15px; }
    .project-info .project-menu .wrap .subtitle {
      display: none !important; } }

@media (max-width: 992px) {
  .project-info .project-menu {
    right: 15px; } }

@media (max-width: 768px) {
  .project-info .project-menu {
    display: none !important; } }

/* interactive */
.interactive {
  width: 100%;
  display: inline-block; }
  .interactive .interactive-menu {
    position: fixed;
    z-index: 3;
    display: none;
    top: 50%;
    right: 30px;
    margin-top: -60px;
    width: 30px;
    height: auto;
    text-align: center;
    cursor: pointer; }
    .interactive .interactive-menu .wrap {
      position: relative;
      display: inline-block;
      width: 30px;
      height: 40px;
      cursor: pointer; }
      .interactive .interactive-menu .wrap .subtitle {
        position: absolute;
        top: 5.5px;
        right: 0px;
        width: 250px;
        height: 30px;
        padding: 0 35px 0 0;
        line-height: 30px;
        text-align: right;
        font-family: "Montserrat", sans-serif;
        text-transform: uppercase;
        font-weight: bold;
        font-size: 10px;
        overflow: visible;
        color: transparent; }
      .interactive .interactive-menu .wrap .option {
        position: absolute;
        cursor: pointer;
        top: 50%;
        left: 50%;
        width: 10px;
        height: 10px;
        margin-top: -5px;
        margin-left: -5px;
        border-radius: 50%;
        background-color: #b2b2b2; }
    .interactive .interactive-menu .wrap:hover > .option {
      cursor: pointer;
      -webkit-transform: scale(2.5);
      -moz-transform: scale(2.5);
      -ms-transform: scale(2.5);
      -o-transform: scale(2.5);
      transform: scale(2.5);
      -webkit-transition: 0.3s ease-in-out;
      -moz-transition: 0.3s ease-in-out;
      -ms-transform: 0.3s ease-in-out;
      -o-transition: 0.3s ease-in-out;
      transition: 0.3s ease-in-out; }
    .interactive .interactive-menu .wrap:hover > .subtitle {
      -webkit-animation: fadeInOption 1s;
      -moz-animation: fadeInOption 1s;
      -ms-animation: fadeInOption 1s;
      -o-animation: fadeInOption 1s;
      animation: fadeInOption 1s;
      color: #b2b2b2; }
  .interactive .interactive-menu-2 > .wrap:nth-child(1) .option,
  .interactive .interactive-menu-3 > .wrap:nth-child(2) .option,
  .interactive .interactive-menu-4 > .wrap:nth-child(3) .option {
    -webkit-transform: scale(2.5);
    -moz-transform: scale(2.5);
    -ms-transform: scale(2.5);
    -o-transform: scale(2.5);
    transform: scale(2.5);
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transform: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out; }

@media (max-width: 1200px) {
  .interactive .interactive-menu {
    right: 15px; }
    .interactive .interactive-menu .wrap .subtitle {
      display: none !important; } }

@media (max-width: 992px) {
  .interactive .interactive-menu {
    right: 15px; } }

@media (max-width: 768px) {
  .interactive .interactive-menu {
    display: none !important; } }

/* interactive block-1 */
.interactive > .block-1 {
  position: relative;
  width: 100%;
  height: 900px;
  background-color: #313131;
  overflow: hidden; }
  .interactive > .block-1 .image {
    width: 100%;
    height: 900px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed; }
    .interactive > .block-1 .image .curtain {
      display: inline-block;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.6); }
  .interactive > .block-1 .information {
    position: absolute;
    width: 100%;
    height: 900px;
    top: 0;
    left: 0; }
  .interactive > .block-1 .detail {
    text-align: left; }
    .interactive > .block-1 .detail .context {
      position: relative;
      width: 250px;
      margin: 100px 0; }
      .interactive > .block-1 .detail .context h4 {
        margin: 0;
        padding: 0;
        font-family: "Montserrat", sans-serif;
        font-size: 18px;
        line-height: 22px;
        font-weight: bold;
        color: white;
        text-transform: uppercase; }
      .interactive > .block-1 .detail .context h4:after {
        position: absolute;
        bottom: -20px;
        left: 0;
        margin-left: 0px;
        content: "";
        width: 50px;
        height: 5px;
        background: white; }
    .interactive > .block-1 .detail .title {
      font-family: "Montserrat", sans-serif;
      font-size: 90px;
      line-height: 90px;
      font-weight: bold;
      color: white;
      padding-bottom: 50px; }
    .interactive > .block-1 .detail .description {
      font-family: "Ubuntu", sans-serif;
      font-size: 28px;
      line-height: 35px;
      color: white;
      margin-bottom: 90px; }
    .interactive > .block-1 .detail .button-transparent {
      cursor: pointer;
      display: inline-block;
      border: 2px solid white;
      font-family: "Montserrat", sans-serif;
      font-size: 14.5px;
      line-height: 14.5px;
      font-weight: bold;
      text-transform: uppercase;
      color: white;
      margin: 0;
      padding: 25px 35px;
      background-color: transparent;
      box-shadow: inset 0 0 0 0 white;
      transition: box-shadow ease 0.6s, background-color ease 0.6s; }
    .interactive > .block-1 .detail .button-transparent:hover {
      box-shadow: inset 400px 0 0 0 white;
      border: 2px solid white;
      color: #00a5d9;
      background-color: white; }
    @media (max-width: 768px) {
      .interactive > .block-1 .detail .button-transparent {
        padding: 22px 15px; } }
    .interactive > .block-1 .detail .button-transparent {
      z-index: 5;
      position: relative; }
    .interactive > .block-1 .detail .arrow {
      position: absolute;
      bottom: 0px;
      left: 0;
      width: 100%;
      text-align: center; }
      .interactive > .block-1 .detail .arrow .down {
        display: inline-block;
        width: 57px;
        height: 65px;
        cursor: pointer;
        margin-bottom: 80px;
        background-image: url("../../assets/images/arrow-down.png");
        background-repeat: no-repeat;
        background-size: auto;
        background-position: center; }
      .interactive > .block-1 .detail .arrow .down:hover {
        animation: pulse 1s infinite; }

@media (min-width: 1200px) and (max-height: 800px) {
  #interactive-block-1 .detail .context {
    margin: 60px 0; }
  #interactive-block-1 .detail .title {
    font-size: 46px;
    line-height: 46px;
    padding-bottom: 40px; }
  #interactive-block-1 .detail .description {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 30px; } }

@media (min-width: 1200px) and (max-height: 640px) {
  #interactive-block-1 .detail .context {
    margin: 60px 0; }
  #interactive-block-1 .detail .title {
    font-size: 40px;
    line-height: 40px; }
  #interactive-block-1 .detail .description {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 30px; }
  #interactive-block-1 .detail .arrow .down {
    margin-bottom: 10px; } }

@media (max-width: 1200px) {
  .interactive > .block-1 .detail .title {
    font-size: 70px;
    line-height: 70px; } }

@media (max-width: 1200px) and (max-height: 800px) {
  #interactive-block-1 .detail .context {
    margin: 60px 0; }
  #interactive-block-1 .detail .title {
    font-size: 46px;
    line-height: 46px;
    padding-bottom: 40px; }
  #interactive-block-1 .detail .description {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 30px; } }

@media (max-width: 1200px) and (max-height: 640px) {
  #interactive-block-1 .detail .context {
    margin: 60px 0; }
  #interactive-block-1 .detail .title {
    font-size: 40px;
    line-height: 40px; }
  #interactive-block-1 .detail .description {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 30px; }
  #interactive-block-1 .detail .arrow .down {
    margin-bottom: 10px; } }

@media (max-width: 768px) {
  .interactive > .block-1 {
    height: 670px; }
    .interactive > .block-1 .image {
      height: 670px;
      background-position: 75% 100%;
      background-size: cover; }
    .interactive > .block-1 .detail {
      padding: 0 15px; }
      .interactive > .block-1 .detail .context {
        width: 200px;
        margin: 48px 0 62px 0; }
        .interactive > .block-1 .detail .context h4 {
          font-size: 16px;
          line-height: 16px; }
      .interactive > .block-1 .detail .title {
        font-size: 34px;
        line-height: 40px;
        padding-bottom: 35px;
        max-height: 290px;
        overflow: hidden; }
      .interactive > .block-1 .detail .description {
        font-size: 20px;
        line-height: 30px;
        max-height: 200px;
        overflow: hidden; }
      .interactive > .block-1 .detail .btn-wrap {
        width: 100%;
        text-align: center; }
      .interactive > .block-1 .detail .arrow {
        visibility: hidden; } }

@media (max-width: 768px) and (max-height: 800px) {
  #interactive-block-1 .detail .context {
    margin: 60px 0; }
  #interactive-block-1 .detail .title {
    font-size: 46px;
    line-height: 46px;
    padding-bottom: 40px; }
  #interactive-block-1 .detail .description {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 30px; } }

@media (max-width: 768px) and (max-height: 640px) {
  #interactive-block-1 .detail .context {
    margin: 60px 0; }
  #interactive-block-1 .detail .title {
    font-size: 40px;
    line-height: 40px; }
  #interactive-block-1 .detail .description {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 30px; }
  #interactive-block-1 .detail .arrow .down {
    margin-bottom: 10px; } }

/* interactive block-2 */
.interactive > .block-2 {
  display: inline-block;
  width: 100%;
  min-height: 900px;
  background-color: #f5f5f5; }
  .interactive > .block-2 .detail {
    width: 100%;
    display: inline-block;
    text-align: center;
    padding: 0 0 100px 0; }
    .interactive > .block-2 .detail .title {
      display: inline-block;
      width: 80%;
      margin: 100px 0 60px 0;
      text-align: center;
      position: relative; }
      .interactive > .block-2 .detail .title h1 {
        margin: 0;
        padding: 0;
        font-family: "Montserrat", sans-serif;
        font-size: 24px;
        line-height: 22px;
        font-weight: bold;
        color: #3d3d3d;
        text-transform: uppercase; }
      .interactive > .block-2 .detail .title h1:after {
        position: absolute;
        bottom: -20px;
        left: 50%;
        margin-left: -25px;
        content: "";
        width: 50px;
        height: 5px;
        background: #3d3d3d; }
    .interactive > .block-2 .detail .lead {
      display: inline-block;
      width: 80%;
      padding-bottom: 20px; }
      .interactive > .block-2 .detail .lead h4 {
        font-family: "Montserrat", sans-serif;
        font-size: 50px;
        line-height: 55px;
        font-weight: bold;
        color: #3d3d3d; }
    .interactive > .block-2 .detail .description {
      display: inline-block;
      width: 100%;
      font-family: "Ubuntu", sans-serif;
      font-size: 28px;
      line-height: 36px;
      color: #3d3d3d;
      padding-bottom: 100px; }
    .interactive > .block-2 .detail .button-transparent {
      cursor: pointer;
      display: inline-block;
      border: 2px solid #3d3d3d;
      font-family: "Montserrat", sans-serif;
      font-size: 14.5px;
      line-height: 14.5px;
      font-weight: bold;
      text-transform: uppercase;
      color: #3d3d3d;
      margin: 0;
      padding: 25px 35px;
      background-color: #f5f5f5;
      box-shadow: inset 0 0 0 0 #3d3d3d;
      transition: box-shadow ease 0.6s, background-color ease 0.6s; }
    .interactive > .block-2 .detail .button-transparent:hover {
      box-shadow: inset 400px 0 0 0 #3d3d3d;
      border: 2px solid #3d3d3d;
      color: #f5f5f5;
      background-color: #3d3d3d; }
    @media (max-width: 768px) {
      .interactive > .block-2 .detail .button-transparent {
        padding: 22px 15px; } }
  .interactive > .block-2 .image {
    display: inline-block;
    width: 100%;
    height: 900px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; }

@media (max-width: 768px) {
  .interactive > .block-2 .information {
    padding: 0 15px 80px 15px; }
    .interactive > .block-2 .information .title {
      width: 100%;
      margin: 100px 0 50px 0; }
      .interactive > .block-2 .information .title h1 {
        font-size: 18px;
        line-height: 18px; }
    .interactive > .block-2 .information .lead {
      width: 100%;
      padding-bottom: 10px; }
      .interactive > .block-2 .information .lead h4 {
        font-size: 26px;
        line-height: 26px; }
    .interactive > .block-2 .information .description {
      width: 100%;
      font-size: 20px;
      line-height: 25px;
      padding-bottom: 45px; }
  .interactive > .block-2 .image {
    background-position: 70% 100%;
    height: 625px; } }

/* interactive block-3 */
.interactive > .block-3 {
  display: inline-block;
  width: 100%;
  min-height: 900px;
  background-color: #f5f5f5; }
  .interactive > .block-3 .detail {
    width: 100%;
    display: inline-block;
    text-align: center;
    padding: 0 0 100px 0; }
    .interactive > .block-3 .detail .title {
      display: inline-block;
      width: 80%;
      margin: 100px 0 60px 0;
      text-align: center;
      position: relative; }
      .interactive > .block-3 .detail .title h1 {
        margin: 0;
        padding: 0;
        font-family: "Montserrat", sans-serif;
        font-size: 24px;
        line-height: 22px;
        font-weight: bold;
        color: #3d3d3d;
        text-transform: uppercase; }
      .interactive > .block-3 .detail .title h1:after {
        position: absolute;
        bottom: -20px;
        left: 50%;
        margin-left: -25px;
        content: "";
        width: 50px;
        height: 5px;
        background: #3d3d3d; }
    .interactive > .block-3 .detail .lead {
      display: inline-block;
      width: 80%;
      padding-bottom: 20px; }
      .interactive > .block-3 .detail .lead h4 {
        font-family: "Montserrat", sans-serif;
        font-size: 50px;
        line-height: 55px;
        font-weight: bold;
        color: #3d3d3d; }
    .interactive > .block-3 .detail .description {
      display: inline-block;
      width: 100%;
      font-family: "Ubuntu", sans-serif;
      font-size: 28px;
      line-height: 36px;
      color: #3d3d3d;
      padding-bottom: 100px; }
    .interactive > .block-3 .detail .horizontal-draw {
      display: inline-block;
      width: 100%;
      height: 480px;
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain; }
    .interactive > .block-3 .detail .vertical-draw {
      display: none; }
  .interactive > .block-3 .image {
    display: inline-block;
    width: 100%;
    height: 900px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; }

@media (max-width: 768px) {
  .interactive > .block-3 .information {
    padding: 0 15px 80px 15px; }
    .interactive > .block-3 .information .title {
      width: 100%;
      margin: 100px 0 50px 0; }
      .interactive > .block-3 .information .title h1 {
        font-size: 18px;
        line-height: 18px; }
    .interactive > .block-3 .information .lead {
      width: 100%;
      padding-bottom: 10px; }
      .interactive > .block-3 .information .lead h4 {
        font-size: 26px;
        line-height: 26px; }
    .interactive > .block-3 .information .description {
      width: 100%;
      font-size: 20px;
      line-height: 25px;
      padding-bottom: 45px; }
    .interactive > .block-3 .information .horizontal-draw {
      display: none; }
    .interactive > .block-3 .information .vertical-draw {
      display: inline-block;
      width: 100%;
      height: 1100px;
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain; }
  .interactive > .block-3 .image {
    background-position: 55% 100%;
    height: 625px; } }

/* interactive block-4 */
.interactive > .block-4 {
  display: inline-block;
  width: 100%;
  background-color: #f5f5f5; }
  .interactive > .block-4 .detail {
    width: 100%;
    display: inline-block;
    text-align: center;
    padding: 0 0 100px 0; }
    .interactive > .block-4 .detail .title {
      display: inline-block;
      width: 80%;
      margin: 100px 0 60px 0;
      text-align: center;
      position: relative; }
      .interactive > .block-4 .detail .title h1 {
        margin: 0;
        padding: 0;
        font-family: "Montserrat", sans-serif;
        font-size: 24px;
        line-height: 22px;
        font-weight: bold;
        color: #3d3d3d;
        text-transform: uppercase; }
      .interactive > .block-4 .detail .title h1:after {
        position: absolute;
        bottom: -20px;
        left: 50%;
        margin-left: -25px;
        content: "";
        width: 50px;
        height: 5px;
        background: #3d3d3d; }
    .interactive > .block-4 .detail .lead {
      display: inline-block;
      width: 80%;
      padding-bottom: 20px; }
      .interactive > .block-4 .detail .lead h4 {
        font-family: "Montserrat", sans-serif;
        font-size: 50px;
        line-height: 55px;
        font-weight: bold;
        color: #3d3d3d; }
    .interactive > .block-4 .detail .description {
      display: inline-block;
      width: 100%;
      font-family: "Ubuntu", sans-serif;
      font-size: 28px;
      line-height: 36px;
      color: #3d3d3d;
      padding-bottom: 100px; }
    .interactive > .block-4 .detail .button-transparent {
      cursor: pointer;
      display: inline-block;
      border: 2px solid #3d3d3d;
      font-family: "Montserrat", sans-serif;
      font-size: 14.5px;
      line-height: 14.5px;
      font-weight: bold;
      text-transform: uppercase;
      color: #3d3d3d;
      margin: 0;
      padding: 25px 35px;
      background-color: #f5f5f5;
      box-shadow: inset 0 0 0 0 #3d3d3d;
      transition: box-shadow ease 0.6s, background-color ease 0.6s; }
    .interactive > .block-4 .detail .button-transparent:hover {
      box-shadow: inset 400px 0 0 0 #3d3d3d;
      border: 2px solid #3d3d3d;
      color: #f5f5f5;
      background-color: #3d3d3d; }
    @media (max-width: 768px) {
      .interactive > .block-4 .detail .button-transparent {
        padding: 22px 15px; } }
  .interactive > .block-4 .image {
    display: inline-block;
    width: 100%;
    height: 900px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; }

@media (max-width: 768px) {
  .interactive > .block-4 .information {
    padding: 0 15px 80px 15px; }
    .interactive > .block-4 .information .title {
      width: 100%;
      margin: 100px 0 50px 0; }
      .interactive > .block-4 .information .title h1 {
        font-size: 18px;
        line-height: 18px; }
    .interactive > .block-4 .information .lead {
      width: 100%;
      padding-bottom: 10px; }
      .interactive > .block-4 .information .lead h4 {
        font-size: 26px;
        line-height: 26px; }
    .interactive > .block-4 .information .description {
      width: 100%;
      font-size: 20px;
      line-height: 25px;
      padding-bottom: 45px; }
  .interactive > .block-4 .image {
    background-position: 70% 100%;
    height: 625px; } }

/* signage */
.signage {
  width: 100%;
  display: inline-block; }
  .signage .signage-menu {
    position: fixed;
    z-index: 3;
    display: none;
    top: 50%;
    right: 30px;
    margin-top: -60px;
    width: 30px;
    height: auto;
    text-align: center;
    cursor: pointer; }
    .signage .signage-menu .wrap {
      position: relative;
      display: inline-block;
      width: 30px;
      height: 40px;
      cursor: pointer; }
      .signage .signage-menu .wrap .subtitle {
        position: absolute;
        top: 5.5px;
        right: 0px;
        width: 250px;
        height: 30px;
        padding: 0 35px 0 0;
        line-height: 30px;
        text-align: right;
        font-family: "Montserrat", sans-serif;
        text-transform: uppercase;
        font-weight: bold;
        font-size: 10px;
        overflow: visible;
        color: transparent; }
      .signage .signage-menu .wrap .option {
        position: absolute;
        cursor: pointer;
        top: 50%;
        left: 50%;
        width: 10px;
        height: 10px;
        margin-top: -5px;
        margin-left: -5px;
        border-radius: 50%;
        background-color: #b2b2b2; }
    .signage .signage-menu .wrap:hover > .option {
      cursor: pointer;
      -webkit-transform: scale(2.5);
      -moz-transform: scale(2.5);
      -ms-transform: scale(2.5);
      -o-transform: scale(2.5);
      transform: scale(2.5);
      -webkit-transition: 0.3s ease-in-out;
      -moz-transition: 0.3s ease-in-out;
      -ms-transform: 0.3s ease-in-out;
      -o-transition: 0.3s ease-in-out;
      transition: 0.3s ease-in-out; }
    .signage .signage-menu .wrap:hover > .subtitle {
      -webkit-animation: fadeInOption 1s;
      -moz-animation: fadeInOption 1s;
      -ms-animation: fadeInOption 1s;
      -o-animation: fadeInOption 1s;
      animation: fadeInOption 1s;
      color: #b2b2b2; }
  .signage .signage-menu-2 > .wrap:nth-child(1) .option,
  .signage .signage-menu-3 > .wrap:nth-child(2) .option,
  .signage .signage-menu-4 > .wrap:nth-child(3) .option {
    -webkit-transform: scale(2.5);
    -moz-transform: scale(2.5);
    -ms-transform: scale(2.5);
    -o-transform: scale(2.5);
    transform: scale(2.5);
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transform: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out; }

@media (max-width: 1200px) {
  .signage .signage-menu {
    right: 15px; }
    .signage .signage-menu .wrap .subtitle {
      display: none !important; } }

@media (max-width: 992px) {
  .signage .signage-menu {
    right: 15px; } }

@media (max-width: 768px) {
  .signage .signage-menu {
    display: none !important; } }

/* signage block-1 */
.signage > .block-1 {
  position: relative;
  width: 100%;
  height: 900px;
  background-color: #313131;
  overflow: hidden; }
  .signage > .block-1 .image {
    width: 100%;
    height: 900px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed; }
    .signage > .block-1 .image .curtain {
      display: inline-block;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.6); }
  .signage > .block-1 .information {
    position: absolute;
    width: 100%;
    height: 900px;
    top: 0;
    left: 0; }
  .signage > .block-1 .detail {
    text-align: left; }
    .signage > .block-1 .detail .context {
      position: relative;
      width: 250px;
      margin: 100px 0; }
      .signage > .block-1 .detail .context h4 {
        margin: 0;
        padding: 0;
        font-family: "Montserrat", sans-serif;
        font-size: 18px;
        line-height: 22px;
        font-weight: bold;
        color: white;
        text-transform: uppercase; }
      .signage > .block-1 .detail .context h4:after {
        position: absolute;
        bottom: -20px;
        left: 0;
        margin-left: 0px;
        content: "";
        width: 50px;
        height: 5px;
        background: white; }
    .signage > .block-1 .detail .title {
      font-family: "Montserrat", sans-serif;
      font-size: 90px;
      line-height: 90px;
      font-weight: bold;
      color: white;
      padding-bottom: 50px; }
    .signage > .block-1 .detail .description {
      font-family: "Ubuntu", sans-serif;
      font-size: 28px;
      line-height: 35px;
      color: white;
      margin-bottom: 90px; }
    .signage > .block-1 .detail .button-transparent {
      cursor: pointer;
      display: inline-block;
      border: 2px solid white;
      font-family: "Montserrat", sans-serif;
      font-size: 14.5px;
      line-height: 14.5px;
      font-weight: bold;
      text-transform: uppercase;
      color: white;
      margin: 0;
      padding: 25px 35px;
      background-color: transparent;
      box-shadow: inset 0 0 0 0 white;
      transition: box-shadow ease 0.6s, background-color ease 0.6s; }
    .signage > .block-1 .detail .button-transparent:hover {
      box-shadow: inset 400px 0 0 0 white;
      border: 2px solid white;
      color: #00a5d9;
      background-color: white; }
    @media (max-width: 768px) {
      .signage > .block-1 .detail .button-transparent {
        padding: 22px 15px; } }
    .signage > .block-1 .detail .button-transparent {
      z-index: 5;
      position: relative; }
    .signage > .block-1 .detail .arrow {
      position: absolute;
      bottom: 0px;
      left: 0;
      width: 100%;
      text-align: center; }
      .signage > .block-1 .detail .arrow .down {
        display: inline-block;
        width: 57px;
        height: 65px;
        cursor: pointer;
        margin-bottom: 80px;
        background-image: url("../../assets/images/arrow-down.png");
        background-repeat: no-repeat;
        background-size: auto;
        background-position: center; }
      .signage > .block-1 .detail .arrow .down:hover {
        animation: pulse 1s infinite; }

@media (min-width: 1200px) and (max-height: 800px) {
  #signage-block-1 .detail .context {
    margin: 60px 0; }
  #signage-block-1 .detail .title {
    font-size: 46px;
    line-height: 46px;
    padding-bottom: 40px; }
  #signage-block-1 .detail .description {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 30px; } }

@media (min-width: 1200px) and (max-height: 640px) {
  #signage-block-1 .detail .context {
    margin: 60px 0; }
  #signage-block-1 .detail .title {
    font-size: 40px;
    line-height: 40px; }
  #signage-block-1 .detail .description {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 30px; }
  #signage-block-1 .detail .arrow .down {
    margin-bottom: 10px; } }

@media (max-width: 1200px) {
  .signage > .block-1 .detail .title {
    font-size: 70px;
    line-height: 70px; } }

@media (max-width: 1200px) and (max-height: 800px) {
  #signage-block-1 .detail .context {
    margin: 60px 0; }
  #signage-block-1 .detail .title {
    font-size: 46px;
    line-height: 46px;
    padding-bottom: 40px; }
  #signage-block-1 .detail .description {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 30px; } }

@media (max-width: 1200px) and (max-height: 640px) {
  #signage-block-1 .detail .context {
    margin: 60px 0; }
  #signage-block-1 .detail .title {
    font-size: 40px;
    line-height: 40px; }
  #signage-block-1 .detail .description {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 30px; }
  #signage-block-1 .detail .arrow .down {
    margin-bottom: 10px; } }

@media (max-width: 768px) {
  .signage > .block-1 {
    height: 670px; }
    .signage > .block-1 .image {
      height: 670px;
      background-position: 75% 100%;
      background-size: cover; }
    .signage > .block-1 .detail {
      padding: 0 15px; }
      .signage > .block-1 .detail .context {
        width: 200px;
        margin: 48px 0 62px 0; }
        .signage > .block-1 .detail .context h4 {
          font-size: 16px;
          line-height: 16px; }
      .signage > .block-1 .detail .title {
        font-size: 34px;
        line-height: 40px;
        padding-bottom: 35px;
        max-height: 290px;
        overflow: hidden; }
      .signage > .block-1 .detail .description {
        font-size: 20px;
        line-height: 30px;
        max-height: 200px;
        overflow: hidden; }
      .signage > .block-1 .detail .btn-wrap {
        width: 100%;
        text-align: center; }
      .signage > .block-1 .detail .arrow {
        visibility: hidden; } }

@media (max-width: 768px) and (max-height: 800px) {
  #signage-block-1 .detail .context {
    margin: 60px 0; }
  #signage-block-1 .detail .title {
    font-size: 46px;
    line-height: 46px;
    padding-bottom: 40px; }
  #signage-block-1 .detail .description {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 30px; } }

@media (max-width: 768px) and (max-height: 640px) {
  #signage-block-1 .detail .context {
    margin: 60px 0; }
  #signage-block-1 .detail .title {
    font-size: 40px;
    line-height: 40px; }
  #signage-block-1 .detail .description {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 30px; }
  #signage-block-1 .detail .arrow .down {
    margin-bottom: 10px; } }

/* signage block-2 */
.signage > .block-2 {
  display: inline-block;
  width: 100%;
  min-height: 900px;
  background-color: #f5f5f5; }
  .signage > .block-2 .detail {
    width: 100%;
    display: inline-block;
    text-align: center;
    padding: 0 0 100px 0; }
    .signage > .block-2 .detail .title {
      display: inline-block;
      width: 80%;
      margin: 100px 0 60px 0;
      text-align: center;
      position: relative; }
      .signage > .block-2 .detail .title h1 {
        margin: 0;
        padding: 0;
        font-family: "Montserrat", sans-serif;
        font-size: 24px;
        line-height: 22px;
        font-weight: bold;
        color: #3d3d3d;
        text-transform: uppercase; }
      .signage > .block-2 .detail .title h1:after {
        position: absolute;
        bottom: -20px;
        left: 50%;
        margin-left: -25px;
        content: "";
        width: 50px;
        height: 5px;
        background: #3d3d3d; }
    .signage > .block-2 .detail .lead {
      display: inline-block;
      width: 80%;
      padding-bottom: 20px; }
      .signage > .block-2 .detail .lead h4 {
        font-family: "Montserrat", sans-serif;
        font-size: 50px;
        line-height: 55px;
        font-weight: bold;
        color: #3d3d3d; }
    .signage > .block-2 .detail .description {
      display: inline-block;
      width: 100%;
      font-family: "Ubuntu", sans-serif;
      font-size: 28px;
      line-height: 36px;
      color: #3d3d3d;
      padding-bottom: 100px; }
    .signage > .block-2 .detail .button-transparent {
      cursor: pointer;
      display: inline-block;
      border: 2px solid #3d3d3d;
      font-family: "Montserrat", sans-serif;
      font-size: 14.5px;
      line-height: 14.5px;
      font-weight: bold;
      text-transform: uppercase;
      color: #3d3d3d;
      margin: 0;
      padding: 25px 35px;
      background-color: #f5f5f5;
      box-shadow: inset 0 0 0 0 #3d3d3d;
      transition: box-shadow ease 0.6s, background-color ease 0.6s; }
    .signage > .block-2 .detail .button-transparent:hover {
      box-shadow: inset 400px 0 0 0 #3d3d3d;
      border: 2px solid #3d3d3d;
      color: #f5f5f5;
      background-color: #3d3d3d; }
    @media (max-width: 768px) {
      .signage > .block-2 .detail .button-transparent {
        padding: 22px 15px; } }
  .signage > .block-2 .image {
    display: inline-block;
    width: 100%;
    height: 900px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; }

@media (max-width: 768px) {
  .signage > .block-2 .information {
    padding: 0 15px 80px 15px; }
    .signage > .block-2 .information .title {
      width: 100%;
      margin: 100px 0 50px 0; }
      .signage > .block-2 .information .title h1 {
        font-size: 18px;
        line-height: 18px; }
    .signage > .block-2 .information .lead {
      width: 100%;
      padding-bottom: 10px; }
      .signage > .block-2 .information .lead h4 {
        font-size: 26px;
        line-height: 26px; }
    .signage > .block-2 .information .description {
      width: 100%;
      font-size: 20px;
      line-height: 25px;
      padding-bottom: 45px; }
  .signage > .block-2 .image {
    background-position: 70% 100%;
    height: 625px; } }

/* signage block-3 */
.signage > .block-3 {
  display: inline-block;
  width: 100%;
  min-height: 900px;
  background-color: #f5f5f5; }
  .signage > .block-3 .detail {
    width: 100%;
    display: inline-block;
    text-align: center;
    padding: 0 0 100px 0; }
    .signage > .block-3 .detail .title {
      display: inline-block;
      width: 80%;
      margin: 100px 0 60px 0;
      text-align: center;
      position: relative; }
      .signage > .block-3 .detail .title h1 {
        margin: 0;
        padding: 0;
        font-family: "Montserrat", sans-serif;
        font-size: 24px;
        line-height: 22px;
        font-weight: bold;
        color: #3d3d3d;
        text-transform: uppercase; }
      .signage > .block-3 .detail .title h1:after {
        position: absolute;
        bottom: -20px;
        left: 50%;
        margin-left: -25px;
        content: "";
        width: 50px;
        height: 5px;
        background: #3d3d3d; }
    .signage > .block-3 .detail .lead {
      display: inline-block;
      width: 80%;
      padding-bottom: 20px; }
      .signage > .block-3 .detail .lead h4 {
        font-family: "Montserrat", sans-serif;
        font-size: 50px;
        line-height: 55px;
        font-weight: bold;
        color: #3d3d3d; }
    .signage > .block-3 .detail .description {
      display: inline-block;
      width: 100%;
      font-family: "Ubuntu", sans-serif;
      font-size: 28px;
      line-height: 36px;
      color: #3d3d3d;
      padding-bottom: 100px; }
    .signage > .block-3 .detail .horizontal-draw {
      display: inline-block;
      width: 100%;
      height: 480px;
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain; }
    .signage > .block-3 .detail .vertical-draw {
      display: none; }
  .signage > .block-3 .image {
    display: inline-block;
    width: 100%;
    height: 900px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; }

@media (max-width: 768px) {
  .signage > .block-3 .information {
    padding: 0 15px 80px 15px; }
    .signage > .block-3 .information .title {
      width: 100%;
      margin: 100px 0 50px 0; }
      .signage > .block-3 .information .title h1 {
        font-size: 18px;
        line-height: 18px; }
    .signage > .block-3 .information .lead {
      width: 100%;
      padding-bottom: 10px; }
      .signage > .block-3 .information .lead h4 {
        font-size: 26px;
        line-height: 26px; }
    .signage > .block-3 .information .description {
      width: 100%;
      font-size: 20px;
      line-height: 25px;
      padding-bottom: 45px; }
    .signage > .block-3 .information .horizontal-draw {
      display: none; }
    .signage > .block-3 .information .vertical-draw {
      display: inline-block;
      width: 100%;
      height: 1100px;
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain; }
  .signage > .block-3 .image {
    background-position: 55% 100%;
    height: 625px; } }

/* signage block-4 */
.signage > .block-4 {
  display: inline-block;
  width: 100%;
  background-color: #f5f5f5; }
  .signage > .block-4 .detail {
    width: 100%;
    display: inline-block;
    text-align: center;
    padding: 0 0 100px 0; }
    .signage > .block-4 .detail .title {
      display: inline-block;
      width: 80%;
      margin: 100px 0 60px 0;
      text-align: center;
      position: relative; }
      .signage > .block-4 .detail .title h1 {
        margin: 0;
        padding: 0;
        font-family: "Montserrat", sans-serif;
        font-size: 24px;
        line-height: 22px;
        font-weight: bold;
        color: #3d3d3d;
        text-transform: uppercase; }
      .signage > .block-4 .detail .title h1:after {
        position: absolute;
        bottom: -20px;
        left: 50%;
        margin-left: -25px;
        content: "";
        width: 50px;
        height: 5px;
        background: #3d3d3d; }
    .signage > .block-4 .detail .lead {
      display: inline-block;
      width: 80%;
      padding-bottom: 20px; }
      .signage > .block-4 .detail .lead h4 {
        font-family: "Montserrat", sans-serif;
        font-size: 50px;
        line-height: 55px;
        font-weight: bold;
        color: #3d3d3d; }
    .signage > .block-4 .detail .description {
      display: inline-block;
      width: 100%;
      font-family: "Ubuntu", sans-serif;
      font-size: 28px;
      line-height: 36px;
      color: #3d3d3d;
      padding-bottom: 100px; }
    .signage > .block-4 .detail .button-transparent {
      cursor: pointer;
      display: inline-block;
      border: 2px solid #3d3d3d;
      font-family: "Montserrat", sans-serif;
      font-size: 14.5px;
      line-height: 14.5px;
      font-weight: bold;
      text-transform: uppercase;
      color: #3d3d3d;
      margin: 0;
      padding: 25px 35px;
      background-color: #f5f5f5;
      box-shadow: inset 0 0 0 0 #3d3d3d;
      transition: box-shadow ease 0.6s, background-color ease 0.6s; }
    .signage > .block-4 .detail .button-transparent:hover {
      box-shadow: inset 400px 0 0 0 #3d3d3d;
      border: 2px solid #3d3d3d;
      color: #f5f5f5;
      background-color: #3d3d3d; }
    @media (max-width: 768px) {
      .signage > .block-4 .detail .button-transparent {
        padding: 22px 15px; } }
  .signage > .block-4 .image {
    display: inline-block;
    width: 100%;
    height: 900px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; }

@media (max-width: 768px) {
  .signage > .block-4 .information {
    padding: 0 15px 80px 15px; }
    .signage > .block-4 .information .title {
      width: 100%;
      margin: 100px 0 50px 0; }
      .signage > .block-4 .information .title h1 {
        font-size: 18px;
        line-height: 18px; }
    .signage > .block-4 .information .lead {
      width: 100%;
      padding-bottom: 10px; }
      .signage > .block-4 .information .lead h4 {
        font-size: 26px;
        line-height: 26px; }
    .signage > .block-4 .information .description {
      width: 100%;
      font-size: 20px;
      line-height: 25px;
      padding-bottom: 45px; }
  .signage > .block-4 .image {
    background-position: 70% 100%;
    height: 625px; } }

/* engineering */
.engineering {
  width: 100%;
  display: inline-block; }
  .engineering .engineering-menu {
    position: fixed;
    z-index: 3;
    display: none;
    top: 50%;
    right: 30px;
    margin-top: -120px;
    width: 30px;
    height: auto;
    text-align: center;
    cursor: pointer; }
    .engineering .engineering-menu .wrap {
      position: relative;
      display: inline-block;
      width: 30px;
      height: 40px;
      cursor: pointer; }
      .engineering .engineering-menu .wrap .subtitle {
        position: absolute;
        top: 5.5px;
        right: 0px;
        width: 250px;
        height: 30px;
        padding: 0 35px 0 0;
        line-height: 30px;
        text-align: right;
        font-family: "Montserrat", sans-serif;
        text-transform: uppercase;
        font-weight: bold;
        font-size: 10px;
        overflow: visible;
        color: transparent; }
      .engineering .engineering-menu .wrap .option {
        position: absolute;
        cursor: pointer;
        top: 50%;
        left: 50%;
        width: 10px;
        height: 10px;
        margin-top: -5px;
        margin-left: -5px;
        border-radius: 50%;
        background-color: #b2b2b2; }
    .engineering .engineering-menu .wrap:hover > .option {
      cursor: pointer;
      -webkit-transform: scale(2.5);
      -moz-transform: scale(2.5);
      -ms-transform: scale(2.5);
      -o-transform: scale(2.5);
      transform: scale(2.5);
      -webkit-transition: 0.3s ease-in-out;
      -moz-transition: 0.3s ease-in-out;
      -ms-transform: 0.3s ease-in-out;
      -o-transition: 0.3s ease-in-out;
      transition: 0.3s ease-in-out; }
    .engineering .engineering-menu .wrap:hover > .subtitle {
      -webkit-animation: fadeInOption 1s;
      -moz-animation: fadeInOption 1s;
      -ms-animation: fadeInOption 1s;
      -o-animation: fadeInOption 1s;
      animation: fadeInOption 1s;
      color: #b2b2b2; }
  .engineering .engineering-menu-2 > .wrap:nth-child(1) .option,
  .engineering .engineering-menu-3 > .wrap:nth-child(2) .option,
  .engineering .engineering-menu-4 > .wrap:nth-child(3) .option,
  .engineering .engineering-menu-5 > .wrap:nth-child(4) .option,
  .engineering .engineering-menu-6 > .wrap:nth-child(5) .option,
  .engineering .engineering-menu-7 > .wrap:nth-child(6) .option {
    -webkit-transform: scale(2.5);
    -moz-transform: scale(2.5);
    -ms-transform: scale(2.5);
    -o-transform: scale(2.5);
    transform: scale(2.5);
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transform: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out; }

@media (max-width: 1200px) {
  .engineering .engineering-menu {
    right: 15px; }
    .engineering .engineering-menu .wrap .subtitle {
      display: none !important; } }

@media (max-width: 992px) {
  .engineering .engineering-menu {
    right: 15px; } }

@media (max-width: 768px) {
  .engineering .engineering-menu {
    display: none !important; } }

/* engineering block-1 */
.engineering > .block-1 {
  position: relative;
  width: 100%;
  height: 900px;
  background-color: #313131;
  overflow: hidden; }
  .engineering > .block-1 .image {
    width: 100%;
    height: 900px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed; }
    .engineering > .block-1 .image .curtain {
      display: inline-block;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.6); }
  .engineering > .block-1 .information {
    position: absolute;
    width: 100%;
    height: 900px;
    top: 0;
    left: 0; }
  .engineering > .block-1 .detail {
    text-align: left; }
    .engineering > .block-1 .detail .context {
      position: relative;
      width: 250px;
      margin: 100px 0; }
      .engineering > .block-1 .detail .context h4 {
        margin: 0;
        padding: 0;
        font-family: "Montserrat", sans-serif;
        font-size: 18px;
        line-height: 22px;
        font-weight: bold;
        color: white;
        text-transform: uppercase; }
      .engineering > .block-1 .detail .context h4:after {
        position: absolute;
        bottom: -20px;
        left: 0;
        margin-left: 0px;
        content: "";
        width: 50px;
        height: 5px;
        background: white; }
    .engineering > .block-1 .detail .title {
      font-family: "Montserrat", sans-serif;
      font-size: 90px;
      line-height: 90px;
      font-weight: bold;
      color: white;
      padding-bottom: 50px; }
    .engineering > .block-1 .detail .description {
      font-family: "Ubuntu", sans-serif;
      font-size: 28px;
      line-height: 35px;
      color: white;
      margin-bottom: 90px; }
    .engineering > .block-1 .detail .button-transparent {
      cursor: pointer;
      display: inline-block;
      border: 2px solid white;
      font-family: "Montserrat", sans-serif;
      font-size: 14.5px;
      line-height: 14.5px;
      font-weight: bold;
      text-transform: uppercase;
      color: white;
      margin: 0;
      padding: 25px 35px;
      background-color: transparent;
      box-shadow: inset 0 0 0 0 white;
      transition: box-shadow ease 0.6s, background-color ease 0.6s; }
    .engineering > .block-1 .detail .button-transparent:hover {
      box-shadow: inset 400px 0 0 0 white;
      border: 2px solid white;
      color: #00a5d9;
      background-color: white; }
    @media (max-width: 768px) {
      .engineering > .block-1 .detail .button-transparent {
        padding: 22px 15px; } }
    .engineering > .block-1 .detail .button-transparent {
      z-index: 5;
      position: relative; }
    .engineering > .block-1 .detail .arrow {
      position: absolute;
      bottom: 0px;
      left: 0;
      width: 100%;
      text-align: center; }
      .engineering > .block-1 .detail .arrow .down {
        display: inline-block;
        width: 57px;
        height: 65px;
        cursor: pointer;
        margin-bottom: 80px;
        background-image: url("../../assets/images/arrow-down.png");
        background-repeat: no-repeat;
        background-size: auto;
        background-position: center; }
      .engineering > .block-1 .detail .arrow .down:hover {
        animation: pulse 1s infinite; }

@media (min-width: 1200px) and (max-height: 800px) {
  .engineering .block-1 .detail .context {
    margin: 60px 0; }
  .engineering .block-1 .detail .title {
    font-size: 46px;
    line-height: 46px;
    padding-bottom: 40px; }
  .engineering .block-1 .detail .description {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 30px; } }

@media (min-width: 1200px) and (max-height: 640px) {
  .engineering .block-1 .detail .context {
    margin: 60px 0; }
  .engineering .block-1 .detail .title {
    font-size: 40px;
    line-height: 40px; }
  .engineering .block-1 .detail .description {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 30px; }
  .engineering .block-1 .detail .arrow .down {
    margin-bottom: 10px; } }

@media (max-width: 1200px) {
  .engineering > .block-1 .detail .title {
    font-size: 70px;
    line-height: 70px; } }

@media (max-width: 1200px) and (max-height: 800px) {
  .engineering .block-1 .detail .context {
    margin: 60px 0; }
  .engineering .block-1 .detail .title {
    font-size: 46px;
    line-height: 46px;
    padding-bottom: 40px; }
  .engineering .block-1 .detail .description {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 30px; } }

@media (max-width: 1200px) and (max-height: 640px) {
  .engineering .block-1 .detail .context {
    margin: 60px 0; }
  .engineering .block-1 .detail .title {
    font-size: 40px;
    line-height: 40px; }
  .engineering .block-1 .detail .description {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 30px; }
  .engineering .block-1 .detail .arrow .down {
    margin-bottom: 10px; } }

@media (max-width: 768px) {
  .engineering > .block-1 {
    height: 670px; }
    .engineering > .block-1 .image {
      height: 670px;
      background-position: 75% 100%;
      background-size: cover; }
    .engineering > .block-1 .detail {
      padding: 0 15px; }
      .engineering > .block-1 .detail .context {
        width: 200px;
        margin: 48px 0 62px 0; }
        .engineering > .block-1 .detail .context h4 {
          font-size: 16px;
          line-height: 16px; }
      .engineering > .block-1 .detail .title {
        font-size: 34px;
        line-height: 40px;
        padding-bottom: 35px;
        max-height: 290px;
        overflow: hidden; }
      .engineering > .block-1 .detail .description {
        font-size: 20px;
        line-height: 30px;
        max-height: 200px;
        overflow: hidden; }
      .engineering > .block-1 .detail .btn-wrap {
        width: 100%;
        text-align: center; }
      .engineering > .block-1 .detail .arrow {
        visibility: hidden; } }

@media (max-width: 768px) and (max-height: 800px) {
  .engineering .block-1 .detail .context {
    margin: 60px 0; }
  .engineering .block-1 .detail .title {
    font-size: 46px;
    line-height: 46px;
    padding-bottom: 40px; }
  .engineering .block-1 .detail .description {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 30px; } }

@media (max-width: 768px) and (max-height: 640px) {
  .engineering .block-1 .detail .context {
    margin: 60px 0; }
  .engineering .block-1 .detail .title {
    font-size: 40px;
    line-height: 40px; }
  .engineering .block-1 .detail .description {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 30px; }
  .engineering .block-1 .detail .arrow .down {
    margin-bottom: 10px; } }

/* engineering block-2, 3, 4 */
.engineering > .block-2,
.engineering > .block-3,
.engineering > .block-4 {
  display: inline-block;
  width: 100%;
  min-height: 600px;
  padding-top: 20px;
  background-color: #f5f5f5;
  overflow: hidden; }
  .engineering > .block-2 .image,
  .engineering > .block-3 .image,
  .engineering > .block-4 .image {
    display: inline-block;
    width: 100%;
    height: 600px;
    text-align: left;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; }
  .engineering > .block-2 .detail,
  .engineering > .block-3 .detail,
  .engineering > .block-4 .detail {
    width: 40%;
    height: 600px;
    display: inline-block;
    background-color: rgba(0, 0, 0, 0.7);
    overflow: hidden;
    padding: 15px; }
    .engineering > .block-2 .detail .title,
    .engineering > .block-3 .detail .title,
    .engineering > .block-4 .detail .title {
      display: inline-block;
      width: 100%;
      margin: 55px 0 70px 0;
      text-align: center;
      position: relative; }
      .engineering > .block-2 .detail .title h1,
      .engineering > .block-3 .detail .title h1,
      .engineering > .block-4 .detail .title h1 {
        margin: 0;
        padding: 0;
        font-family: "Montserrat", sans-serif;
        font-size: 24px;
        line-height: 22px;
        font-weight: bold;
        color: white;
        text-transform: uppercase; }
      .engineering > .block-2 .detail .title h1:after,
      .engineering > .block-3 .detail .title h1:after,
      .engineering > .block-4 .detail .title h1:after {
        position: absolute;
        bottom: -20px;
        left: 50%;
        margin-left: -25px;
        content: "";
        width: 50px;
        height: 5px;
        background: white; }
    .engineering > .block-2 .detail .lead,
    .engineering > .block-3 .detail .lead,
    .engineering > .block-4 .detail .lead {
      display: inline-block;
      width: 100%;
      padding-bottom: 20px;
      text-align: center; }
      .engineering > .block-2 .detail .lead h4,
      .engineering > .block-3 .detail .lead h4,
      .engineering > .block-4 .detail .lead h4 {
        font-family: "Montserrat", sans-serif;
        font-size: 30px;
        line-height: 35px;
        font-weight: bold;
        color: white; }
    .engineering > .block-2 .detail .description,
    .engineering > .block-3 .detail .description,
    .engineering > .block-4 .detail .description {
      display: inline-block;
      width: 100%;
      text-align: center;
      font-family: "Ubuntu", sans-serif;
      font-size: 18px;
      line-height: 26px;
      color: white;
      padding-bottom: 100px; }

@media (max-width: 768px) {
  .engineering > .block-2 .information,
  .engineering > .block-3 .information,
  .engineering > .block-4 .information {
    padding: 0 15px 80px 15px; }
    .engineering > .block-2 .information .detail,
    .engineering > .block-3 .information .detail,
    .engineering > .block-4 .information .detail {
      width: 100%;
      padding: 5px; }
      .engineering > .block-2 .information .detail .title,
      .engineering > .block-3 .information .detail .title,
      .engineering > .block-4 .information .detail .title {
        width: 100%;
        margin: 55px 0 90px 0; }
        .engineering > .block-2 .information .detail .title h1,
        .engineering > .block-3 .information .detail .title h1,
        .engineering > .block-4 .information .detail .title h1 {
          font-size: 18px;
          line-height: 18px; }
      .engineering > .block-2 .information .detail .lead,
      .engineering > .block-3 .information .detail .lead,
      .engineering > .block-4 .information .detail .lead {
        width: 100%;
        padding-bottom: 40px; }
        .engineering > .block-2 .information .detail .lead h4,
        .engineering > .block-3 .information .detail .lead h4,
        .engineering > .block-4 .information .detail .lead h4 {
          font-size: 26px;
          line-height: 26px; }
      .engineering > .block-2 .information .detail .description,
      .engineering > .block-3 .information .detail .description,
      .engineering > .block-4 .information .detail .description {
        width: 100%;
        font-size: 20px;
        line-height: 25px; } }

/* engineering block-5, 6, 7 */
.engineering > .block-5,
.engineering > .block-6,
.engineering > .block-7 {
  display: inline-block;
  width: 100%;
  min-height: 900px;
  background-color: #f5f5f5; }
  .engineering > .block-5 .detail,
  .engineering > .block-6 .detail,
  .engineering > .block-7 .detail {
    width: 100%;
    display: inline-block;
    text-align: center;
    padding: 0 0 100px 0; }
    .engineering > .block-5 .detail .title,
    .engineering > .block-6 .detail .title,
    .engineering > .block-7 .detail .title {
      display: inline-block;
      width: 100%;
      padding: 0 10%;
      margin: 100px 0 60px 0;
      text-align: center;
      position: relative; }
      .engineering > .block-5 .detail .title h1,
      .engineering > .block-6 .detail .title h1,
      .engineering > .block-7 .detail .title h1 {
        margin: 0;
        padding: 0;
        font-family: "Montserrat", sans-serif;
        font-size: 24px;
        line-height: 22px;
        font-weight: bold;
        color: #3d3d3d;
        text-transform: uppercase; }
      .engineering > .block-5 .detail .title h1:after,
      .engineering > .block-6 .detail .title h1:after,
      .engineering > .block-7 .detail .title h1:after {
        position: absolute;
        bottom: -20px;
        left: 50%;
        margin-left: -25px;
        content: "";
        width: 50px;
        height: 5px;
        background: #3d3d3d; }
    .engineering > .block-5 .detail .lead,
    .engineering > .block-6 .detail .lead,
    .engineering > .block-7 .detail .lead {
      display: inline-block;
      width: 100%;
      padding: 0 10%;
      padding-bottom: 20px; }
      .engineering > .block-5 .detail .lead h4,
      .engineering > .block-6 .detail .lead h4,
      .engineering > .block-7 .detail .lead h4 {
        font-family: "Montserrat", sans-serif;
        font-size: 50px;
        line-height: 55px;
        font-weight: bold;
        color: #3d3d3d; }
    .engineering > .block-5 .detail .description,
    .engineering > .block-6 .detail .description,
    .engineering > .block-7 .detail .description {
      display: inline-block;
      width: 100%;
      font-family: "Ubuntu", sans-serif;
      font-size: 28px;
      line-height: 36px;
      color: #3d3d3d;
      padding-bottom: 100px; }
    .engineering > .block-5 .detail .button-transparent,
    .engineering > .block-6 .detail .button-transparent,
    .engineering > .block-7 .detail .button-transparent {
      cursor: pointer;
      display: inline-block;
      border: 2px solid #3d3d3d;
      font-family: "Montserrat", sans-serif;
      font-size: 14.5px;
      line-height: 14.5px;
      font-weight: bold;
      text-transform: uppercase;
      color: #3d3d3d;
      margin: 0;
      padding: 25px 35px;
      background-color: #f5f5f5;
      box-shadow: inset 0 0 0 0 #3d3d3d;
      transition: box-shadow ease 0.6s, background-color ease 0.6s; }
    .engineering > .block-5 .detail .button-transparent:hover,
    .engineering > .block-6 .detail .button-transparent:hover,
    .engineering > .block-7 .detail .button-transparent:hover {
      box-shadow: inset 400px 0 0 0 #3d3d3d;
      border: 2px solid #3d3d3d;
      color: #f5f5f5;
      background-color: #3d3d3d; }
    @media (max-width: 768px) {
      .engineering > .block-5 .detail .button-transparent,
      .engineering > .block-6 .detail .button-transparent,
      .engineering > .block-7 .detail .button-transparent {
        padding: 22px 15px; } }
  .engineering > .block-5 .image,
  .engineering > .block-6 .image,
  .engineering > .block-7 .image {
    display: inline-block;
    width: 100%;
    height: 900px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; }

@media (max-width: 768px) {
  .engineering > .block-5,
  .engineering > .block-6,
  .engineering > .block-7 {
    min-height: auto; }
    .engineering > .block-5 .information,
    .engineering > .block-6 .information,
    .engineering > .block-7 .information {
      padding: 0 15px 80px 15px; }
      .engineering > .block-5 .information .title,
      .engineering > .block-6 .information .title,
      .engineering > .block-7 .information .title {
        width: 100%;
        padding: 0;
        margin: 100px 0 50px 0; }
        .engineering > .block-5 .information .title h1,
        .engineering > .block-6 .information .title h1,
        .engineering > .block-7 .information .title h1 {
          font-size: 18px;
          line-height: 18px; }
      .engineering > .block-5 .information .lead,
      .engineering > .block-6 .information .lead,
      .engineering > .block-7 .information .lead {
        width: 100%;
        padding: 0;
        padding-bottom: 10px; }
        .engineering > .block-5 .information .lead h4,
        .engineering > .block-6 .information .lead h4,
        .engineering > .block-7 .information .lead h4 {
          font-size: 26px;
          line-height: 26px; }
      .engineering > .block-5 .information .description,
      .engineering > .block-6 .information .description,
      .engineering > .block-7 .information .description {
        width: 100%;
        font-size: 20px;
        line-height: 25px;
        padding-bottom: 45px; }
    .engineering > .block-5 .image,
    .engineering > .block-6 .image,
    .engineering > .block-7 .image {
      background-position: 70% 100%;
      height: 625px; } }

/* engineering block-5 */
.engineering > .block-5 {
  min-height: 900px; }
  .engineering > .block-5 .detail {
    padding: 0; }
  .engineering > .block-5 .characteristics .row-centered {
    text-align: center; }
  .engineering > .block-5 .characteristics .col-centered {
    display: inline-block;
    vertical-align: top;
    float: none; }
  .engineering > .block-5 .characteristics .characteristic {
    text-align: center; }
  .engineering > .block-5 .characteristics .title {
    display: inline-block;
    width: 100%;
    padding: 0 10% 5px 10%;
    margin: 0 0 55px 0;
    text-align: center;
    position: relative; }
    .engineering > .block-5 .characteristics .title h1 {
      display: inline-block;
      font-family: "Montserrat", sans-serif;
      font-size: 24px;
      line-height: 28px;
      font-weight: bold;
      color: #3d3d3d;
      text-transform: lowercase; }
    .engineering > .block-5 .characteristics .title h1:after {
      position: absolute;
      bottom: -20px;
      left: 50%;
      margin-left: -25px;
      content: "";
      width: 50px;
      height: 5px;
      background: #3d3d3d; }
  .engineering > .block-5 .characteristics .description {
    display: inline-block;
    width: 100%;
    font-family: "Ubuntu", sans-serif;
    font-size: 18px;
    line-height: 22px;
    color: #3d3d3d;
    padding-bottom: 0; }
  .engineering > .block-5 .characteristics .col-md-4 {
    padding-bottom: 50px; }

@media (max-width: 768px) {
  .engineering > .block-5 .detail > .description {
    padding-bottom: 90px; }
  .engineering > .block-5 .characteristics .title {
    width: 100%;
    padding: 0;
    padding: 0 20% 5px 20%; }
    .engineering > .block-5 .characteristics .title h1 {
      font-size: 18px;
      line-height: 18px; }
  .engineering > .block-5 .characteristics .description {
    padding-bottom: 45px; }
  .engineering > .block-5 .characteristics .col-md-4:last-child .description {
    padding-bottom: 0;
    margin-bottom: 0; }
  .engineering > .block-5 .characteristics .col-md-4, .engineering > .block-5 .characteristics .col-xs-6 {
    width: 100%;
    margin: 0 0 10px 0;
    padding-bottom: 0; } }

/* engineering block-6 */
.engineering > .block-6 {
  min-height: 675px; }
  .engineering > .block-6 .characteristics {
    margin: 45px 0 45px 0; }
    .engineering > .block-6 .characteristics .image {
      width: 15%;
      min-width: 30px;
      padding: 0 5px;
      height: 45px;
      float: left;
      background-image: url("../../assets/images/icon-checked.png");
      background-repeat: no-repeat;
      background-size: auto;
      background-position: center; }
    .engineering > .block-6 .characteristics .detail {
      width: 85%;
      float: left;
      min-height: 100px;
      text-align: left;
      color: #3d3d3d;
      padding: 0; }
      .engineering > .block-6 .characteristics .detail .title {
        text-align: left;
        font-family: "Montserrat", sans-serif;
        font-size: 24px;
        line-height: 24px;
        font-weight: bold;
        margin: 0;
        padding: 0; }
      .engineering > .block-6 .characteristics .detail .description {
        font-family: "Ubuntu", sans-serif;
        font-size: 18px;
        line-height: 18px;
        margin: 0px;
        padding: 0px; }

@media (max-width: 768px) {
  .engineering > .block-6 .characteristics {
    margin: 45px 0 20px 0; }
    .engineering > .block-6 .characteristics .col-md-6, .engineering > .block-6 .characteristics col-xs-6 {
      width: 100%; }
    .engineering > .block-6 .characteristics .detail {
      padding-left: 10px; }
      .engineering > .block-6 .characteristics .detail .title {
        font-size: 18px;
        line-height: 18px; }
      .engineering > .block-6 .characteristics .detail .description {
        font-size: 16px;
        line-height: 16px; } }

/* engineering block-7 */
.engineering > .block-7 {
  background-color: #ecf0f1;
  min-height: 900px; }
  .engineering > .block-7 .detail .button-transparent {
    cursor: pointer;
    display: inline-block;
    border: 2px solid #3d3d3d;
    font-family: "Montserrat", sans-serif;
    font-size: 14.5px;
    line-height: 14.5px;
    font-weight: bold;
    text-transform: uppercase;
    color: #3d3d3d;
    margin: 0;
    padding: 25px 35px;
    background-color: transparent;
    box-shadow: inset 0 0 0 0 #3d3d3d;
    transition: box-shadow ease 0.6s, background-color ease 0.6s; }
  .engineering > .block-7 .detail .button-transparent:hover {
    box-shadow: inset 400px 0 0 0 #3d3d3d;
    border: 2px solid #3d3d3d;
    color: #f5f5f5;
    background-color: #3d3d3d; }
  @media (max-width: 768px) {
    .engineering > .block-7 .detail .button-transparent {
      padding: 22px 15px; } }
  .engineering > .block-7 .characteristics {
    margin: 30px 0 10px 0;
    text-align: center; }
    .engineering > .block-7 .characteristics .row-centered {
      text-align: center; }
    .engineering > .block-7 .characteristics .col-centered {
      display: inline-block;
      vertical-align: top;
      float: none; }
    .engineering > .block-7 .characteristics .image {
      display: inline-block;
      width: 70%;
      height: 140px;
      background-repeat: no-repeat;
      background-position: center;
      background-size: contain; }
    .engineering > .block-7 .characteristics .title {
      font-family: "Montserrat", sans-serif;
      font-weight: bold;
      color: #3d3d3d;
      font-size: 18px;
      line-height: 18px;
      margin: 0;
      padding: 0; }
    .engineering > .block-7 .characteristics .col-md-3 {
      padding-bottom: 60px; }

@media (max-width: 768px) {
  .engineering > .block-7 .characteristics {
    margin: 10px 0 70px 0; }
    .engineering > .block-7 .characteristics .characteristic {
      margin-bottom: 15px; }
    .engineering > .block-7 .characteristics .image {
      width: 165px; }
    .engineering > .block-7 .characteristics .col-md-3, .engineering > .block-7 .characteristics .col-xs-6 {
      width: 100%;
      margin: 0 0 10px 0;
      padding-bottom: 0; } }

/* contact */
.contact {
  width: 100%;
  display: inline-block; }
  .contact .contact-menu {
    position: fixed;
    z-index: 3;
    display: none;
    top: 50%;
    right: 30px;
    margin-top: -60px;
    width: 30px;
    height: auto;
    text-align: center;
    cursor: pointer; }
    .contact .contact-menu .wrap {
      position: relative;
      display: inline-block;
      width: 30px;
      height: 40px;
      cursor: pointer; }
      .contact .contact-menu .wrap .subtitle {
        position: absolute;
        top: 5.5px;
        right: 0px;
        width: 250px;
        height: 30px;
        padding: 0 35px 0 0;
        line-height: 30px;
        text-align: right;
        font-family: "Montserrat", sans-serif;
        text-transform: uppercase;
        font-weight: bold;
        font-size: 10px;
        overflow: visible;
        color: transparent; }
      .contact .contact-menu .wrap .option {
        position: absolute;
        cursor: pointer;
        top: 50%;
        left: 50%;
        width: 10px;
        height: 10px;
        margin-top: -5px;
        margin-left: -5px;
        border-radius: 50%;
        background-color: #b2b2b2; }
    .contact .contact-menu .wrap:hover > .option {
      cursor: pointer;
      -webkit-transform: scale(2.5);
      -moz-transform: scale(2.5);
      -ms-transform: scale(2.5);
      -o-transform: scale(2.5);
      transform: scale(2.5);
      -webkit-transition: 0.3s ease-in-out;
      -moz-transition: 0.3s ease-in-out;
      -ms-transform: 0.3s ease-in-out;
      -o-transition: 0.3s ease-in-out;
      transition: 0.3s ease-in-out; }
    .contact .contact-menu .wrap:hover > .subtitle {
      -webkit-animation: fadeInOption 1s;
      -moz-animation: fadeInOption 1s;
      -ms-animation: fadeInOption 1s;
      -o-animation: fadeInOption 1s;
      animation: fadeInOption 1s;
      color: #b2b2b2; }
  .contact .contact-menu-2 > .wrap:nth-child(1) .option,
  .contact .contact-menu-3 > .wrap:nth-child(2) .option,
  .contact .contact-menu-4 > .wrap:nth-child(3) .option {
    -webkit-transform: scale(2.5);
    -moz-transform: scale(2.5);
    -ms-transform: scale(2.5);
    -o-transform: scale(2.5);
    transform: scale(2.5);
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transform: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out; }
  .contact .contact-menu-2 .wrap .option {
    background-color: white; }
  .contact .contact-menu-2 .wrap:hover > .subtitle {
    color: white; }

@media (max-width: 1200px) {
  .contact .contact-menu {
    right: 15px; }
    .contact .contact-menu .wrap .subtitle {
      display: none !important; } }

@media (max-width: 992px) {
  .contact .contact-menu {
    right: 15px; } }

@media (max-width: 768px) {
  .contact .contact-menu {
    display: none !important; } }

/* contact block-1 */
.contact > .block-1 {
  display: inline-block;
  width: 100%;
  min-height: 130px;
  background-color: #f5f5f5;
  padding-bottom: 70px; }
  .contact > .block-1 .detail {
    width: 100%;
    display: inline-block;
    text-align: center;
    padding: 0 0 0 0; }
    .contact > .block-1 .detail .title {
      display: inline-block;
      width: 80%;
      margin: 100px 0 60px 0;
      text-align: center;
      position: relative; }
      .contact > .block-1 .detail .title h1 {
        margin: 0;
        padding: 0;
        font-family: "Montserrat", sans-serif;
        font-size: 24px;
        line-height: 22px;
        font-weight: bold;
        color: #3d3d3d;
        text-transform: uppercase; }
      .contact > .block-1 .detail .title h1:after {
        position: absolute;
        bottom: -20px;
        left: 50%;
        margin-left: -25px;
        content: "";
        width: 50px;
        height: 5px;
        background: #3d3d3d; }
    .contact > .block-1 .detail .lead {
      display: inline-block;
      width: 80%;
      padding-bottom: 20px; }
      .contact > .block-1 .detail .lead h4 {
        font-family: "Montserrat", sans-serif;
        font-size: 50px;
        line-height: 60px;
        font-weight: bold;
        color: #3d3d3d; }

@media (max-width: 1200px) {
  .contact > .block-1 .detail .title {
    font-size: 70px;
    line-height: 70px; } }

@media (max-width: 768px) {
  .contact > .block-1 {
    padding-bottom: 50px; }
    .contact > .block-1 .information {
      padding: 0 15px 80px 15px; }
      .contact > .block-1 .information .title {
        width: 100%;
        margin: 50px 0 50px 0; }
        .contact > .block-1 .information .title h1 {
          font-size: 18px;
          line-height: 18px; }
      .contact > .block-1 .information .lead {
        width: 100%;
        padding-bottom: 10px; }
        .contact > .block-1 .information .lead h4 {
          font-size: 26px;
          line-height: 26px; } }

/* contact block-2 */
.contact > .block-2 {
  display: inline-block;
  width: 100%;
  min-height: 600px;
  background-color: #f5f5f5;
  overflow: hidden; }
  .contact > .block-2 .offices-list {
    width: 100%;
    min-width: 300px;
    min-height: 350px;
    display: inline-block;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    -ms-animation-duration: 1s;
    position: relative; }
    .contact > .block-2 .offices-list .offices .office {
      overflow: hidden; }
    .contact > .block-2 .offices-list .offices .detail {
      position: absolute;
      display: table;
      width: 100%;
      height: 100%;
      transition: none; }
      .contact > .block-2 .offices-list .offices .detail .wrap {
        display: table-cell;
        text-align: center;
        vertical-align: middle;
        width: 100%; }
        .contact > .block-2 .offices-list .offices .detail .wrap .weather {
          display: inline-block;
          padding: 0 0 30px 0; }
          .contact > .block-2 .offices-list .offices .detail .wrap .weather .temperature {
            display: inline-block;
            float: left;
            font-family: "Ubuntu", sans-serif;
            font-size: 42px;
            line-height: 42px;
            color: white;
            padding: 0 25px 0 0; }
          .contact > .block-2 .offices-list .offices .detail .wrap .weather .icon-weather {
            display: inline-block;
            float: left; }
            .contact > .block-2 .offices-list .offices .detail .wrap .weather .icon-weather img {
              width: 35px;
              height: 35px;
              border: 0; }
        .contact > .block-2 .offices-list .offices .detail .wrap .title {
          display: inline-block;
          margin-bottom: 12px;
          padding: 0 30px;
          width: 100%;
          font-family: "Montserrat", sans-serif;
          font-size: 60px;
          line-height: 60px;
          font-weight: bold;
          text-transform: uppercase;
          color: white; }
        .contact > .block-2 .offices-list .offices .detail .wrap .adress {
          display: inline-block;
          padding: 0;
          width: 100%;
          font-family: "Ubuntu", sans-serif;
          font-size: 24px;
          line-height: 24px;
          font-weight: normal;
          color: white;
          white-space: pre-line; }
        .contact > .block-2 .offices-list .offices .detail .wrap .phone {
          display: inline-block;
          margin-top: 30px;
          padding: 0 30px;
          width: 100%;
          font-family: "Ubuntu", sans-serif;
          font-size: 30px;
          line-height: 30px;
          color: white;
          text-decoration: none; }
        .contact > .block-2 .offices-list .offices .detail .wrap .email {
          display: inline-block;
          margin-top: 35px;
          padding: 0 30px;
          width: 100%;
          font-family: "Ubuntu", sans-serif;
          font-size: 30px;
          line-height: 30px;
          color: white;
          text-decoration: none;
          cursor: pointer; }
        .contact > .block-2 .offices-list .offices .detail .wrap .button-transparent {
          cursor: pointer;
          display: inline-block;
          border: 2px solid white;
          font-family: "Montserrat", sans-serif;
          font-size: 14.5px;
          line-height: 14.5px;
          font-weight: bold;
          text-transform: uppercase;
          color: white;
          margin: 0;
          padding: 25px 35px;
          background-color: transparent;
          box-shadow: inset 0 0 0 0 white;
          transition: box-shadow ease 0.6s, background-color ease 0.6s; }
        .contact > .block-2 .offices-list .offices .detail .wrap .button-transparent:hover {
          box-shadow: inset 400px 0 0 0 white;
          border: 2px solid white;
          color: #3d3d3d;
          background-color: white; }
        @media (max-width: 768px) {
          .contact > .block-2 .offices-list .offices .detail .wrap .button-transparent {
            padding: 22px 15px; } }
        .contact > .block-2 .offices-list .offices .detail .wrap .button-transparent {
          margin: 85px 0 0 0; }
    .contact > .block-2 .offices-list .offices .image {
      position: relative;
      width: 100%;
      height: 900px;
      text-align: center;
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover;
      overflow: hidden; }
    .contact > .block-2 .offices-list .col-md-6, .contact > .block-2 .offices-list .col-xs-6 {
      margin: 0 0 0 0;
      padding: 0 0 0 0; }

@media (max-width: 768px) {
  .contact > .block-2 .col-md-6, .contact > .block-2 .col-xs-6 {
    width: 100%; }
  .contact > .block-2 .offices-list .offices .detail {
    padding: 0 15px; }
    .contact > .block-2 .offices-list .offices .detail .wrap .weather {
      padding: 0 0 48px 0; }
      .contact > .block-2 .offices-list .offices .detail .wrap .weather .temperature {
        font-size: 30px;
        line-height: 30px;
        padding: 0 15px 0 0; }
      .contact > .block-2 .offices-list .offices .detail .wrap .weather .icon-weather img {
        width: 30px;
        height: 30px; }
    .contact > .block-2 .offices-list .offices .detail .wrap .title {
      font-size: 40px;
      line-height: 40px; }
    .contact > .block-2 .offices-list .offices .detail .wrap .adress {
      margin-top: 15px;
      font-size: 18px;
      line-height: 22px; }
    .contact > .block-2 .offices-list .offices .detail .wrap .phone, .contact > .block-2 .offices-list .offices .detail .wrap .email {
      font-size: 24px;
      line-height: 24px; }
    .contact > .block-2 .offices-list .offices .detail .wrap .email {
      margin-top: 45px; } }

/* contact form */
.contact-form {
  width: 100%;
  display: inline-block;
  min-height: 900px;
  background-color: #f5f5f5;
  padding-top: 60px;
  padding-bottom: 50px;
  font-family: "Montserrat", sans-serif;
  position: relative; }
  .contact-form .main-title {
    position: relative;
    width: 100%;
    margin: 50px 0 70px 0; }
    .contact-form .main-title h2 {
      margin: 0;
      padding: 0;
      font-family: "Montserrat", sans-serif;
      font-size: 25px;
      line-height: 25px;
      font-weight: bold;
      color: #3d3d3d;
      text-transform: uppercase; }
    .contact-form .main-title h2:after {
      position: absolute;
      bottom: -20px;
      left: 50%;
      margin-left: -25px;
      content: "";
      width: 50px;
      height: 5px;
      background: #3d3d3d; }
  .contact-form .section-form {
    display: inline-block;
    width: 100%;
    height: auto;
    line-height: 0px;
    text-align: center;
    background-color: #f5f5f5; }
    .contact-form .section-form .form {
      display: inline-block;
      width: 82.8%; }
      .contact-form .section-form .form .form-animate {
        width: 100%;
        height: auto;
        overflow: hidden; }
      .contact-form .section-form .form .fields {
        text-align: left; }
        .contact-form .section-form .form .fields .g-recaptcha div div {
          text-align: center;
          margin: 0 auto; }
        .contact-form .section-form .form .fields .message {
          display: none;
          width: 100%;
          height: auto;
          margin: 20px 0;
          padding: 40px;
          border: 1px solid #009fd9;
          border-radius: 10px;
          line-height: 22px; }
        .contact-form .section-form .form .fields .field {
          display: inline-block;
          width: 100%; }
        .contact-form .section-form .form .fields .fieldPrivacy {
          padding-top: 15px;
          display: inline-block;
          width: 100%; }
        .contact-form .section-form .form .fields .file-upload {
          position: relative;
          overflow: hidden; }
          .contact-form .section-form .form .fields .file-upload input.upload {
            position: absolute;
            top: 0;
            right: 0;
            margin: 0;
            padding: 0;
            font-size: 20px;
            cursor: pointer;
            opacity: 0;
            filter: alpha(opacity=0); }
        .contact-form .section-form .form .fields .button-holder {
          width: 25%;
          height: 45px;
          color: #ffffff;
          font-size: #acacac;
          line-height: 45px;
          vertical-align: middle;
          text-align: center;
          background-color: #009fd9; }
        .contact-form .section-form .form .fields .field-column {
          display: inline-block;
          width: 48.75%;
          float: left; }
        .contact-form .section-form .form .fields .space-column {
          float: left;
          display: inline-block;
          width: 2.5%;
          height: 45px;
          margin: 45px 0 0 0; }
        .contact-form .section-form .form .fields .description {
          display: inline-block;
          width: 100%;
          height: 45px;
          text-align: left;
          color: #3B3B3B;
          font-size: 18px;
          line-height: 45px;
          font-weight: normal;
          letter-spacing: 1x;
          padding: 6px 0 0 0; }
        .contact-form .section-form .form .fields .description-privacy, .contact-form .section-form .form .fields a.description-privacy {
          display: inline;
          text-align: left;
          color: rbg(59, 59, 60);
          font-size: 18px;
          line-height: 22px;
          font-weight: normal;
          letter-spacing: 1x;
          padding: 10px 0 0 10px; }
        .contact-form .section-form .form .fields a.description-privacy {
          text-decoration: underline; }
        .contact-form .section-form .form .fields .text-normal {
          width: 100%;
          height: 45px;
          padding: 10px 45px 10px 10px;
          background-color: white; }
        .contact-form .section-form .form .fields .text-normal::-webkit-input-placeholder {
          color: #e0e0e0;
          padding: 10px 45px 10px 10px; }
        .contact-form .section-form .form .fields .text-normal::-moz-placeholder {
          color: #e0e0e0;
          padding: 10px 45px 10px 10px; }
        .contact-form .section-form .form .fields .text-normal:-ms-input-placeholder {
          color: #e0e0e0;
          padding: 10px 45px 10px 10px; }
        .contact-form .section-form .form .fields .text-small {
          width: 100%;
          height: 45px;
          padding: 10px 45px 10px 10px;
          background-color: white; }
        .contact-form .section-form .form .fields .text-upload {
          width: 72.5%;
          float: left;
          height: 45px;
          padding: 10px 45px 10px 10px;
          margin-right: 2.5%;
          background-color: white; }
        .contact-form .section-form .form .fields .text-area {
          width: 100%;
          height: 185px;
          resize: none;
          padding: 10px 45px 10px 10px;
          background-color: white;
          text-align: left;
          line-height: 22px; }
        .contact-form .section-form .form .fields .button-center {
          display: inline-block;
          width: 100%;
          display: inline-block;
          text-align: center;
          margin: 60px 0 0 0; }
          .contact-form .section-form .form .fields .button-center .button {
            display: inline-block;
            padding: 25px 80px;
            line-height: 50px;
            font-face: "Montserrat", sans-serif;
            font-size: 16px;
            line-height: 16px;
            background-color: #009fd9;
            font-weight: bold;
            text-transform: uppercase;
            color: #ffffff;
            border: 2px solid #009fd9;
            box-shadow: inset 0 0 0 0 #f5f5f5;
            transition: box-shadow ease 0.6s, background-color ease 0.6s; }
          .contact-form .section-form .form .fields .button-center .button:hover {
            box-shadow: inset 400px 0 0 0 #f5f5f5;
            background-color: #f5f5f5;
            color: #009fd9;
            border: 2px solid #009fd9; }
  .contact-form .card-container {
    width: 100%;
    min-height: 750px;
    position: relative;
    -webkit-perspective: 800px;
    -moz-perspective: 800px;
    -ms-perspective: 800px;
    -o-perspective: 800px;
    perspective: 800px; }
    .contact-form .card-container #card {
      width: 100%;
      height: 100%;
      -webkit-transition: -webkit-transform 1s;
      -moz-transition: -moz-transform 1s;
      -ms-transition: -ms-transform 1s;
      -o-transition: -o-transform 1s;
      transition: transform 1s;
      -webkit-transform-style: preserve-3d;
      -moz-transform-style: preserve-3d;
      -ms-transform-style: preserve-3d;
      -o-transform-style: preserve-3d;
      transform-style: preserve-3d; }
      .contact-form .card-container #card .front, .contact-form .card-container #card .back {
        display: block;
        height: 100%;
        width: 100%;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        -o-backface-visibility: hidden;
        backface-visibility: hidden; }
      .contact-form .card-container #card .front {
        background: transparent; }
      .contact-form .card-container #card .back {
        position: absolute;
        top: 0;
        border-radius: 5px;
        background: #e7e7e7;
        -webkit-transform: rotateY(180deg);
        -moz-transform: rotateY(180deg);
        -ms-transform: rotateY(180deg);
        -o-transform: rotateY(180deg);
        transform: rotateY(180deg); }
    .contact-form .card-container #card.flipped {
      -webkit-transform: rotateY(180deg);
      -moz-transform: rotateY(180deg);
      -ms-transform: rotateY(180deg);
      -o-transform: rotateY(180deg);
      transform: rotateY(180deg); }
  .contact-form .success {
    display: block;
    width: 100%;
    min-height: 750px;
    background-color: #e7e7e7;
    border-radius: 5px; }
  .contact-form .error {
    display: inline-block;
    width: 100%;
    min-height: 750px;
    background-color: #e7e7e7;
    border-radius: 5px; }
  .contact-form .message {
    color: #3B3B3B;
    font-size: 26px;
    line-height: 30px;
    padding: 0 60px;
    font-weight: normal;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    border-radius: 5px; }
  .contact-form .loader {
    width: 180px;
    height: 180px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -150px;
    margin-left: -90px; }

@media (max-width: 768px) {
  .contact-form {
    padding: 0 0 80px 0; }
    .contact-form .main-title {
      margin: 50px 0 70px 0; }
      .contact-form .main-title h2 {
        font-size: 18px;
        line-height: 18px; }
    .contact-form .section-form .form {
      width: 100%;
      padding: 0 15px; }
      .contact-form .section-form .form .fields .field-column {
        width: 100%; }
      .contact-form .section-form .form .fields .space-column {
        width: 0;
        height: 0;
        margin: 0; }
      .contact-form .section-form .form .fields .button-center {
        margin: 30px 0 0 0; }
        .contact-form .section-form .form .fields .button-center .button {
          padding: 25px 60px; }
      .contact-form .section-form .form .fields .text-area {
        height: 255px; }
    .contact-form .card-container, .contact-form .success, .contact-form .error {
      min-height: 980px; }
    .contact-form .message {
      font-size: 22px; } }

/* contact block-4 */
.contact > .block-4 {
  display: inline-block;
  width: 100%;
  min-height: 300px;
  padding-top: 100px;
  background-color: #f5f5f5;
  overflow: hidden; }
  .contact > .block-4 .content {
    width: 100%; }
  .contact > .block-4 .col-md-4, .contact > .block-4 .col-xs-4, .contact > .block-4 .col-md-3, .contact > .block-4 .col-xs-3 {
    min-height: 100px; }
  .contact > .block-4 .col-md-4, .contact > .block-4 .col-md-3 {
    border-right: 1px solid #d0d0d0; }
  .contact > .block-4 .col-md-4:last-child, .contact > .block-4 .col-md-3:last-child {
    border-right: 0 none #d0d0d0; }
  .contact > .block-4 .icon {
    display: inline-block;
    width: 100%;
    height: 30px;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: transparent;
    background-image: url("../../assets/images/icon_email.png"); }
  .contact > .block-4 .icon_link {
    display: inline-block;
    width: 100%;
    height: 30px;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: transparent;
    background-image: url("../../assets/images/icon_link.png"); }
  .contact > .block-4 .title {
    width: 100%;
    display: inline-block;
    padding: 18px 0 0 0;
    font-family: "Ubuntu", sans-serif;
    font-size: 16px;
    line-height: 16px;
    font-weight: bold;
    color: #404040; }
  .contact > .block-4 .email {
    width: 100%;
    display: inline-block;
    padding: 3px 0 0 0;
    font-family: "Ubuntu", sans-serif;
    font-size: 16px;
    line-height: 16px;
    color: #404040;
    cursor: pointer;
    text-decoration: none; }

@media (max-width: 768px) {
  .contact > .block-4 {
    padding: 0 0 50px 0; }
    .contact > .block-4 .col-md-4, .contact > .block-4 .col-xs-4, .contact > .block-4 .col-md-3, .contact > .block-4 .col-xs-3 {
      width: 100%;
      margin: 20px 0;
      border-right: 0; }
    .contact > .block-4 .col-md-4:first-child, .contact > .block-4 .col-md-3:first-child {
      margin: 0 0 20px 0;
      border-right: 0; }
    .contact > .block-4 .col-md-4:after, .contact > .block-4 .col-md-3:after {
      position: absolute;
      bottom: -16px;
      left: 30%;
      content: "";
      width: 40%;
      height: 1px;
      background-color: #d0d0d0; }
    .contact > .block-4 .col-md-4:last-child, .contact > .block-4 .col-md-3:last-child {
      border-left: 0; }
    .contact > .block-4 .col-md-4:last-child:after, .contact > .block-4 .col-md-3:last-child:after {
      position: absolute;
      bottom: 120px;
      left: 30%;
      content: "";
      width: 40%;
      height: 0;
      background-color: transparent; } }

/* products */
.products {
  width: 100%;
  display: inline-block; }
  .products .arrow-top {
    background-image: url("../../assets/images/up-white.png"); }
  .products .products-menu {
    position: fixed;
    z-index: 3;
    display: inline-block;
    display: none;
    top: 50%;
    right: 30px;
    margin-top: -135px;
    width: 30px;
    height: auto;
    text-align: center;
    cursor: pointer; }
    .products .products-menu .wrap {
      position: relative;
      display: inline-block;
      width: 30px;
      height: 40px;
      cursor: pointer; }
      .products .products-menu .wrap .subtitle {
        position: absolute;
        top: 5.5px;
        right: 0px;
        width: 250px;
        height: 30px;
        padding: 0 35px 0 0;
        line-height: 30px;
        text-align: right;
        font-family: "Montserrat", sans-serif;
        text-transform: uppercase;
        font-weight: bold;
        font-size: 10px;
        overflow: visible;
        color: transparent; }
      .products .products-menu .wrap .option {
        position: absolute;
        cursor: pointer;
        top: 50%;
        left: 50%;
        width: 10px;
        height: 10px;
        margin-top: -5px;
        margin-left: -5px;
        border-radius: 50%;
        background-color: white; }
    .products .products-menu .wrap:hover > .option {
      cursor: pointer;
      -webkit-transform: scale(2.5);
      -moz-transform: scale(2.5);
      -ms-transform: scale(2.5);
      -o-transform: scale(2.5);
      transform: scale(2.5);
      -webkit-transition: 0.3s ease-in-out;
      -moz-transition: 0.3s ease-in-out;
      -ms-transform: 0.3s ease-in-out;
      -o-transition: 0.3s ease-in-out;
      transition: 0.3s ease-in-out; }
    .products .products-menu .wrap:hover > .subtitle {
      -webkit-animation: fadeInOption 1s;
      -moz-animation: fadeInOption 1s;
      -ms-animation: fadeInOption 1s;
      -o-animation: fadeInOption 1s;
      animation: fadeInOption 1s;
      color: white; }
  .products .products-menu-2 > .wrap:nth-child(1) .option,
  .products .products-menu-3 > .wrap:nth-child(2) .option,
  .products .products-menu-4 > .wrap:nth-child(3) .option {
    -webkit-transform: scale(2.5);
    -moz-transform: scale(2.5);
    -ms-transform: scale(2.5);
    -o-transform: scale(2.5);
    transform: scale(2.5);
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transform: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out; }

@media (max-width: 1200px) {
  .products .products-menu {
    right: 15px; }
    .products .products-menu .wrap .subtitle {
      display: none !important; } }

@media (max-width: 992px) {
  .products .products-menu {
    right: 15px; } }

@media (max-width: 768px) {
  .products .products-menu {
    display: none !important; } }

/* products block-1 */
.products > .block-1 {
  display: inline-block;
  width: 100%;
  min-height: 130px;
  background-color: #f5f5f5;
  padding-bottom: 70px; }
  .products > .block-1 .detail {
    width: 100%;
    display: inline-block;
    text-align: center;
    padding: 0 0 0 0; }
    .products > .block-1 .detail .title {
      display: inline-block;
      width: 80%;
      margin: 100px 0 60px 0;
      text-align: center;
      position: relative; }
      .products > .block-1 .detail .title h1 {
        margin: 0;
        padding: 0;
        font-family: "Montserrat", sans-serif;
        font-size: 24px;
        line-height: 22px;
        font-weight: bold;
        color: #3d3d3d;
        text-transform: uppercase; }
      .products > .block-1 .detail .title h1:after {
        position: absolute;
        bottom: -20px;
        left: 50%;
        margin-left: -25px;
        content: "";
        width: 50px;
        height: 5px;
        background: #3d3d3d; }
    .products > .block-1 .detail .lead {
      display: inline-block;
      width: 80%;
      padding-bottom: 4px; }
      .products > .block-1 .detail .lead h4 {
        font-family: "Montserrat", sans-serif;
        font-size: 50px;
        line-height: 60px;
        font-weight: bold;
        color: #3d3d3d; }
    .products > .block-1 .detail .description {
      display: inline-block;
      width: 100%;
      padding-bottom: 27px; }
      .products > .block-1 .detail .description h4 {
        font-family: "Ubuntu", sans-serif;
        font-size: 30px;
        line-height: 36px;
        font-weight: normal;
        color: #3d3d3d; }

@media (max-width: 1200px) {
  .products > .block-1 .detail .title {
    font-size: 70px;
    line-height: 70px; } }

@media (max-width: 768px) {
  .products > .block-1 {
    padding-bottom: 20px; }
    .products > .block-1 .information {
      padding: 0 15px 80px 15px; }
      .products > .block-1 .information .title {
        width: 100%;
        margin: 50px 0 50px 0; }
        .products > .block-1 .information .title h1 {
          font-size: 18px;
          line-height: 18px; }
      .products > .block-1 .information .lead {
        width: 100%;
        padding-bottom: 10px; }
        .products > .block-1 .information .lead h4 {
          font-size: 26px;
          line-height: 26px; }
      .products > .block-1 .information .description {
        width: 100%;
        bottom: 0 15px; }
        .products > .block-1 .information .description h4 {
          font-size: 20px;
          line-height: 24px; } }

.products .wrapper {
  display: flex;
  justify-content: center; }
  .products .wrapper .grid {
    display: flex;
    flex-wrap: wrap;
    width: 70%;
    justify-content: space-between; }
    @media (max-width: 768px) {
      .products .wrapper .grid {
        width: 95%; } }
    .products .wrapper .grid .item {
      height: 300px;
      min-width: 380px;
      background: grey;
      position: relative;
      margin: 10px;
      flex: 1;
      cursor: pointer;
      text-decoration: none;
      overflow: hidden; }
      @media (max-width: 768px) {
        .products .wrapper .grid .item {
          min-width: 280px; } }
      .products .wrapper .grid .item > * {
        cursor: pointer; }
      .products .wrapper .grid .item:hover .image {
        transform: scale(1.2); }
      .products .wrapper .grid .item:hover h4::after {
        background-color: #00a5d9; }
      .products .wrapper .grid .item h4 {
        position: relative;
        font-family: "Montserrat", sans-serif;
        font-weight: bold;
        font-size: 34px;
        margin-top: 33px;
        margin-left: 21px;
        color: white;
        text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8); }
        .products .wrapper .grid .item h4::after {
          content: "";
          position: absolute;
          width: 100px;
          background-color: white;
          height: 4px;
          bottom: -14px;
          left: 0;
          transition: all 200ms;
          box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8); }
      .products .wrapper .grid .item .image {
        width: 100%;
        height: 100%;
        background-position: center;
        background-repeat: no-repeat;
        position: absolute;
        top: 0;
        left: 0;
        transition: all 500ms; }

/* product form */
.product-form {
  width: 100%;
  display: inline-block;
  min-height: 900px;
  background-color: #f5f5f5;
  padding-top: 60px;
  padding-bottom: 50px;
  margin-top: 100px;
  font-family: "Montserrat", sans-serif;
  position: relative; }
  .product-form .main-title {
    position: relative;
    width: 100%;
    margin: 50px 0 70px 0; }
    .product-form .main-title h2 {
      margin: 0;
      padding: 0;
      font-family: "Montserrat", sans-serif;
      font-size: 25px;
      line-height: 25px;
      font-weight: bold;
      color: #3d3d3d;
      text-transform: uppercase; }
    .product-form .main-title h2:after {
      position: absolute;
      bottom: -20px;
      left: 50%;
      margin-left: -25px;
      content: "";
      width: 50px;
      height: 5px;
      background: #3d3d3d; }
  .product-form .section-form {
    display: inline-block;
    width: 100%;
    height: auto;
    line-height: 0px;
    text-align: center;
    background-color: #f5f5f5; }
    .product-form .section-form .form {
      display: inline-block;
      width: 82.8%; }
      .product-form .section-form .form .form-animate {
        width: 100%;
        height: auto;
        overflow: hidden; }
      .product-form .section-form .form .fields {
        text-align: left; }
        .product-form .section-form .form .fields .g-recaptcha div div {
          text-align: center;
          margin: 0 auto; }
        .product-form .section-form .form .fields .message {
          display: none;
          width: 100%;
          height: auto;
          margin: 20px 0;
          padding: 40px;
          border: 1px solid #009fd9;
          border-radius: 10px;
          line-height: 22px; }
        .product-form .section-form .form .fields .field {
          display: inline-block;
          width: 100%; }
        .product-form .section-form .form .fields .fieldPrivacy {
          padding-top: 15px;
          display: inline-block;
          width: 100%; }
        .product-form .section-form .form .fields .file-upload {
          position: relative;
          overflow: hidden; }
          .product-form .section-form .form .fields .file-upload input.upload {
            position: absolute;
            top: 0;
            right: 0;
            margin: 0;
            padding: 0;
            font-size: 20px;
            cursor: pointer;
            opacity: 0;
            filter: alpha(opacity=0); }
        .product-form .section-form .form .fields .button-holder {
          width: 25%;
          height: 45px;
          color: #ffffff;
          font-size: #acacac;
          line-height: 45px;
          vertical-align: middle;
          text-align: center;
          background-color: #009fd9; }
        .product-form .section-form .form .fields .field-column {
          display: inline-block;
          width: 48.75%;
          float: left; }
        .product-form .section-form .form .fields .space-column {
          float: left;
          display: inline-block;
          width: 2.5%;
          height: 45px;
          margin: 45px 0 0 0; }
        .product-form .section-form .form .fields .description {
          display: inline-block;
          width: 100%;
          height: 45px;
          text-align: left;
          color: #3B3B3B;
          font-size: 18px;
          line-height: 45px;
          font-weight: normal;
          letter-spacing: 1x;
          padding: 6px 0 0 0; }
        .product-form .section-form .form .fields .description-privacy, .product-form .section-form .form .fields a.description-privacy {
          display: inline;
          text-align: left;
          color: rbg(59, 59, 60);
          font-size: 18px;
          line-height: 22px;
          font-weight: normal;
          letter-spacing: 1x;
          padding: 10px 0 0 10px; }
        .product-form .section-form .form .fields a.description-privacy {
          text-decoration: underline; }
        .product-form .section-form .form .fields .text-normal {
          width: 100%;
          height: 45px;
          padding: 10px 45px 10px 10px;
          background-color: white; }
        .product-form .section-form .form .fields .text-normal::-webkit-input-placeholder {
          color: #e0e0e0;
          padding: 10px 45px 10px 10px; }
        .product-form .section-form .form .fields .text-normal::-moz-placeholder {
          color: #e0e0e0;
          padding: 10px 45px 10px 10px; }
        .product-form .section-form .form .fields .text-normal:-ms-input-placeholder {
          color: #e0e0e0;
          padding: 10px 45px 10px 10px; }
        .product-form .section-form .form .fields .text-small {
          width: 100%;
          height: 45px;
          padding: 10px 45px 10px 10px;
          background-color: white; }
        .product-form .section-form .form .fields .text-upload {
          width: 72.5%;
          float: left;
          height: 45px;
          padding: 10px 45px 10px 10px;
          margin-right: 2.5%;
          background-color: white; }
        .product-form .section-form .form .fields .text-area {
          width: 100%;
          height: 185px;
          resize: none;
          padding: 10px 45px 10px 10px;
          background-color: white;
          text-align: left;
          line-height: 22px; }
        .product-form .section-form .form .fields .button-center {
          display: inline-block;
          width: 100%;
          display: inline-block;
          text-align: center;
          margin: 60px 0 0 0; }
          .product-form .section-form .form .fields .button-center .button {
            display: inline-block;
            padding: 25px 80px;
            line-height: 50px;
            font-face: "Montserrat", sans-serif;
            font-size: 16px;
            line-height: 16px;
            background-color: #009fd9;
            font-weight: bold;
            text-transform: uppercase;
            color: #ffffff;
            border: 2px solid #009fd9;
            box-shadow: inset 0 0 0 0 #f5f5f5;
            transition: box-shadow ease 0.6s, background-color ease 0.6s; }
          .product-form .section-form .form .fields .button-center .button:hover {
            box-shadow: inset 400px 0 0 0 #f5f5f5;
            background-color: #f5f5f5;
            color: #009fd9;
            border: 2px solid #009fd9; }
  .product-form .form {
    display: inline-block;
    width: 82.8%; }
    .product-form .form .form-animate {
      width: 100%;
      height: auto;
      overflow: hidden; }
    .product-form .form .fields .button-center .wrap {
      text-align: center !important;
      margin: auto !important;
      display: inline-block !important; }
      .product-form .form .fields .button-center .wrap .button-download {
        padding: 25px 40px !important;
        background-color: transparent !important;
        border: 2px solid #3d3d3d !important;
        box-shadow: inset 0 0 0 0 #3d3d3d !important;
        color: #3d3d3d; }
      .product-form .form .fields .button-center .wrap .button-download:hover {
        box-shadow: inset 400px 0 0 0 #3d3d3d !important;
        background-color: #3d3d3d !important;
        color: white !important;
        border: 2px solid white !important;
        text-shadow: none; }
  .product-form .card-container {
    width: 100%;
    min-height: 750px;
    position: relative;
    -webkit-perspective: 800px;
    -moz-perspective: 800px;
    -ms-perspective: 800px;
    -o-perspective: 800px;
    perspective: 800px; }
    .product-form .card-container #card {
      width: 100%;
      height: 100%;
      -webkit-transition: -webkit-transform 1s;
      -moz-transition: -moz-transform 1s;
      -ms-transition: -ms-transform 1s;
      -o-transition: -o-transform 1s;
      transition: transform 1s;
      -webkit-transform-style: preserve-3d;
      -moz-transform-style: preserve-3d;
      -ms-transform-style: preserve-3d;
      -o-transform-style: preserve-3d;
      transform-style: preserve-3d; }
      .product-form .card-container #card .front, .product-form .card-container #card .back {
        display: block;
        height: 100%;
        width: 100%;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        -o-backface-visibility: hidden;
        backface-visibility: hidden; }
      .product-form .card-container #card .front {
        background: transparent; }
      .product-form .card-container #card .back {
        position: absolute;
        top: 0;
        border-radius: 5px;
        background: #f5f5f5;
        -webkit-transform: rotateY(180deg);
        -moz-transform: rotateY(180deg);
        -ms-transform: rotateY(180deg);
        -o-transform: rotateY(180deg);
        transform: rotateY(180deg); }
    .product-form .card-container #card.flipped {
      -webkit-transform: rotateY(180deg);
      -moz-transform: rotateY(180deg);
      -ms-transform: rotateY(180deg);
      -o-transform: rotateY(180deg);
      transform: rotateY(180deg); }
  .product-form .success {
    display: block;
    width: 100%;
    min-height: 750px;
    background-color: #f5f5f5;
    border-radius: 5px; }
  .product-form .error {
    display: inline-block;
    width: 100%;
    min-height: 750px;
    background-color: #f5f5f5;
    border-radius: 5px; }
  .product-form .message {
    color: #3B3B3B;
    font-size: 26px;
    line-height: 30px;
    padding: 0 60px;
    font-weight: normal;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    border-radius: 5px; }
  .product-form .loader {
    width: 180px;
    height: 180px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -150px;
    margin-left: -90px; }

@media (max-width: 768px) {
  .product-form {
    padding: 0 0 80px 0; }
    .product-form .main-title {
      margin: 50px 0 70px 0; }
      .product-form .main-title h2 {
        font-size: 18px;
        line-height: 18px; }
    .product-form .section-form .form {
      width: 100%;
      padding: 0 15px; }
      .product-form .section-form .form .fields .field-column {
        width: 100%; }
      .product-form .section-form .form .fields .space-column {
        width: 0;
        height: 0;
        margin: 0; }
      .product-form .section-form .form .fields .button-center {
        margin: 30px 0 0 0; }
        .product-form .section-form .form .fields .button-center .button {
          padding: 25px 60px; }
      .product-form .section-form .form .fields .text-area {
        height: 255px; }
    .product-form .card-container, .product-form .success, .product-form .error {
      min-height: 980px; }
    .product-form .message {
      font-size: 22px; } }

/* detail menu */
.product-info {
  width: 100%;
  display: inline-block; }
  .product-info .product-menu {
    position: fixed;
    z-index: 3;
    display: inline-block;
    top: 50%;
    right: 30px;
    margin-top: -15px;
    width: 30px;
    height: auto;
    text-align: center;
    cursor: pointer; }
    .product-info .product-menu .wrap {
      position: relative;
      display: inline-block;
      width: 30px;
      height: 40px;
      cursor: pointer; }
      .product-info .product-menu .wrap .subtitle {
        position: absolute;
        top: 5.5px;
        right: 0px;
        width: 250px;
        height: 30px;
        padding: 0 35px 0 0;
        line-height: 30px;
        text-align: right;
        font-family: "Montserrat", sans-serif;
        text-transform: uppercase;
        font-weight: bold;
        font-size: 10px;
        overflow: visible;
        color: transparent; }
      .product-info .product-menu .wrap .option {
        position: absolute;
        cursor: pointer;
        top: 50%;
        left: 50%;
        width: 10px;
        height: 10px;
        margin-top: -5px;
        margin-left: -5px;
        border-radius: 50%;
        background-color: #b2b2b2; }
    .product-info .product-menu .wrap:hover > .option {
      cursor: pointer;
      -webkit-transform: scale(2.5);
      -moz-transform: scale(2.5);
      -ms-transform: scale(2.5);
      -o-transform: scale(2.5);
      transform: scale(2.5);
      -webkit-transition: 0.3s ease-in-out;
      -moz-transition: 0.3s ease-in-out;
      -ms-transform: 0.3s ease-in-out;
      -o-transition: 0.3s ease-in-out;
      transition: 0.3s ease-in-out; }
    .product-info .product-menu .wrap:hover > .subtitle {
      -webkit-animation: fadeInOption 1s;
      -moz-animation: fadeInOption 1s;
      -ms-animation: fadeInOption 1s;
      -o-animation: fadeInOption 1s;
      animation: fadeInOption 1s;
      color: #b2b2b2; }
  .product-info .product-menu-1 > .wrap:nth-child(1) .option,
  .product-info .product-menu-2 > .wrap:nth-child(2) .option,
  .product-info .product-menu-3 > .wrap:nth-child(3) .option,
  .product-info .product-menu-4 > .wrap:nth-child(4) .option,
  .product-info .product-menu-5 > .wrap:nth-child(5) .option {
    -webkit-transform: scale(2.5);
    -moz-transform: scale(2.5);
    -ms-transform: scale(2.5);
    -o-transform: scale(2.5);
    transform: scale(2.5);
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transform: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out; }
  .product-info .product-menu-2 .wrap .option {
    background-color: white; }
  .product-info .product-menu-2 .wrap:hover > .subtitle {
    color: white; }

@media (max-width: 1200px) {
  .product-info .product-menu {
    right: 15px; }
    .product-info .product-menu .wrap .subtitle {
      display: none !important; } }

@media (max-width: 992px) {
  .product-info .product-menu {
    right: 15px; } }

@media (max-width: 768px) {
  .product-info .product-menu {
    display: none !important; } }

/* product detail */
.product-detail {
  display: inline-block;
  width: 100%;
  min-width: 300px;
  min-height: 300px;
  padding: 45px 0 100px 0; }
  .product-detail .heading {
    position: relative;
    width: 100%;
    margin: 50px 0 35px 0; }
    .product-detail .heading h2 {
      margin: 0;
      padding: 0 80px;
      font-family: "Montserrat", sans-serif;
      font-size: 25px;
      line-height: 25px;
      font-weight: bold;
      color: #3d3d3d;
      text-transform: uppercase; }
    .product-detail .heading h2:after {
      position: absolute;
      bottom: -20px;
      left: 50%;
      margin-left: -25px;
      content: "";
      width: 50px;
      height: 5px;
      background: #3d3d3d; }
  @media (max-width: 768px) {
    .product-detail .heading {
      margin: 25px 0 35px 0; }
      .product-detail .heading h2 {
        font-size: 18px;
        line-height: 18px;
        padding: 0 20px; } }
  .product-detail .subheading {
    margin: 45px 0;
    padding: 0 120px;
    font-family: "Ubuntu", sans-serif;
    font-size: 24px;
    line-height: 28px;
    min-height: 28px;
    color: #3d3d3d; }
  @media (max-width: 768px) {
    .product-detail .subheading {
      padding: 0 20px;
      font-size: 18px;
      line-height: 22px;
      min-height: 22px; } }
  .product-detail .head {
    position: relative;
    width: 100%;
    display: inline-block; }
    .product-detail .head .arrow-left {
      position: absolute;
      display: inline-block;
      top: 45px;
      left: 20px;
      width: 60px;
      height: 60px;
      text-align: center; }
      .product-detail .head .arrow-left .arrow {
        cursor: pointer;
        display: inline-block;
        width: 35px;
        height: 35px;
        background-image: url("../../assets/images/big-arrow-left.png"); }
      .product-detail .head .arrow-left .label {
        cursor: pointer;
        display: inline-block;
        margin-top: 15px;
        font-family: "Montserrat", sans-serif;
        font-size: 12px;
        line-height: 12px;
        text-transform: uppercase;
        color: #3d3d3d; }
    .product-detail .head .arrow-left:hover .label {
      color: #00a5d9; }
    .product-detail .head .arrow-left:hover .arrow {
      background-image: url("../../assets/images/big-arrow-left-hover.png"); }
    .product-detail .head .arrow-right {
      position: absolute;
      display: inline-block;
      top: 45px;
      right: 20px;
      width: 60px;
      height: 60px; }
      .product-detail .head .arrow-right .arrow {
        cursor: pointer;
        display: inline-block;
        width: 35px;
        height: 35px;
        background-image: url("../../assets/images/big-arrow-right.png"); }
      .product-detail .head .arrow-right .label {
        cursor: pointer;
        display: inline-block;
        margin-top: 15px;
        font-family: "Montserrat", sans-serif;
        font-size: 12px;
        line-height: 12px;
        text-transform: uppercase;
        color: #3d3d3d; }
      .product-detail .head .arrow-right .arrow:hover {
        background-image: url("../../assets/images/big-arrow-right-hover.png"); }
    .product-detail .head .arrow-right:hover .label {
      color: #00a5d9; }
    .product-detail .head .arrow-right:hover .arrow {
      background-image: url("../../assets/images/big-arrow-right-hover.png"); }
  .product-detail .image {
    width: 100%;
    height: 535px;
    margin: 45px 0 0 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-color: #313131; }
  .product-detail .small-pagination {
    display: none; }
  .product-detail .gallery {
    width: 100%;
    height: auto;
    background-color: #313131;
    overflow: hidden;
    margin-bottom: 5px;
    padding: 0 12px 0 12px; }
    .product-detail .gallery .container-fluid {
      height: 165px; }
    .product-detail .gallery .col-md-2, .product-detail .gallery .col-xs-2 {
      padding: 20px 12px 0 12px; }
    .product-detail .gallery .col-md-2.product-1:first-child > .thumb {
      border: 1px solid #ff7165; }
    .product-detail .gallery .col-md-2.product-2:first-child > .thumb {
      border: 1px solid #65ce89; }
    .product-detail .gallery .col-md-2.product-3:first-child > .thumb {
      border: 1px solid #9d8dd8; }
    .product-detail .gallery .thumb {
      cursor: pointer;
      float: left;
      display: inline-block;
      width: 100%;
      height: 125px;
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover; }
  .product-detail .carousel {
    position: relative; }
  .product-detail .description {
    margin: 0 0 45px 0;
    font-family: "Ubuntu", sans-serif;
    font-size: 24px;
    line-height: 38px;
    white-space: pre-line;
    text-align: left;
    color: #3d3d3d; }
  @media (max-width: 768px) {
    .product-detail .description {
      margin: 20px 0 45px 0;
      font-size: 16px;
      line-height: 22px; } }
  .product-detail .description {
    margin: 0; }

@media (max-width: 768px) {
  .product-detail {
    padding: 20px 15px  45px 15px; }
    .product-detail .head {
      padding: 0 15px; }
      .product-detail .head .arrow-left {
        top: 25px;
        left: 10px;
        width: 20px;
        height: 20px; }
        .product-detail .head .arrow-left .arrow {
          width: 20px;
          height: 20px;
          background-image: url("../../assets/images/little-arrow-left.png"); }
        .product-detail .head .arrow-left .label {
          display: none; }
      .product-detail .head .arrow-left:hover .arrow {
        background-image: url("../../assets/images/little-arrow-left-hover.png"); }
      .product-detail .head .arrow-right {
        top: 25px;
        right: 10px;
        width: 20px;
        height: 20px; }
        .product-detail .head .arrow-right .arrow {
          width: 20px;
          height: 20px;
          background-image: url("../../assets/images/little-arrow-right.png"); }
        .product-detail .head .arrow-right .label {
          display: none; }
      .product-detail .head .arrow-right:hover .arrow {
        background-image: url("../../assets/images/little-arrow-right-hover.png"); }
    .product-detail .image {
      height: 500px;
      margin: 0; }
    .product-detail .gallery {
      display: none; }
    .product-detail .small-pagination {
      display: inline-block;
      position: absolute;
      top: 480px;
      left: 0;
      width: 100%;
      height: 15px;
      text-align: center; }
      .product-detail .small-pagination .wrap {
        display: inline-block; }
        .product-detail .small-pagination .wrap .carousel-indicators {
          position: relative;
          width: auto;
          left: 0;
          margin-left: 0; }
          .product-detail .small-pagination .wrap .carousel-indicators li {
            float: left;
            display: inline-block;
            cursor: pointer;
            width: 15px;
            height: 15px;
            margin: 0 7px;
            border-radius: 50%;
            border: 0;
            background-color: white; }
        .product-detail .small-pagination .wrap .carousel-indicators-1 > li.active {
          background-color: #ff7165; }
        .product-detail .small-pagination .wrap .carousel-indicators-2 > .active {
          background-color: #65ce89; }
        .product-detail .small-pagination .wrap .carousel-indicators-3 > .active {
          background-color: #9d8dd8; } }

/* product features */
.product-features-1 {
  background-color: #ff7165; }

.product-features-2 {
  background-color: #65ce89; }

.product-features-3 {
  background-color: #9d8dd8; }

.product-info .product-features {
  display: inline-block;
  width: 100%;
  min-height: 200px;
  padding-bottom: 100px; }

.product-info .key-features .detail .title {
  display: inline-block;
  width: 100%;
  padding: 0 10%;
  margin: 100px 0 60px 0;
  text-align: center;
  position: relative; }
  .product-info .key-features .detail .title h1 {
    margin: 0;
    padding: 0;
    font-family: "Montserrat", sans-serif;
    font-size: 24px;
    line-height: 22px;
    font-weight: bold;
    color: white;
    text-transform: uppercase; }
  .product-info .key-features .detail .title h1:after {
    position: absolute;
    bottom: -20px;
    left: 50%;
    margin-left: -25px;
    content: "";
    width: 50px;
    height: 5px;
    background: white; }

.product-info .key-features .characteristics {
  margin: 45px 0 45px 0; }
  .product-info .key-features .characteristics .image {
    width: 15%;
    min-width: 30px;
    padding: 0 5px;
    height: 45px;
    float: left;
    background-image: url("../../assets/images/icon-checked-white.png");
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center; }
  .product-info .key-features .characteristics .detail {
    width: 85%;
    float: left;
    min-height: 100px;
    text-align: left;
    color: white;
    padding: 0; }
    .product-info .key-features .characteristics .detail .title {
      text-align: left;
      font-family: "Montserrat", sans-serif;
      font-size: 24px;
      line-height: 24px;
      font-weight: bold;
      margin: 0;
      padding: 0; }
    .product-info .key-features .characteristics .detail .description {
      font-family: "Ubuntu", sans-serif;
      font-size: 18px;
      line-height: 18px;
      margin: 0px;
      padding: 0px; }

.product-info .buttons {
  display: inline-block;
  width: 100%;
  margin: 45px 0 0 0;
  text-align: center; }
  .product-info .buttons .wrap {
    display: inline-block; }

.product-info .button-download {
  display: inline-block;
  margin-right: 25px;
  margin-top: 10px; }
  .product-info .button-download .button-transparent {
    cursor: pointer;
    display: inline-block;
    border: 2px solid white;
    font-family: "Montserrat", sans-serif;
    font-size: 14.5px;
    line-height: 14.5px;
    font-weight: bold;
    text-transform: uppercase;
    color: white;
    margin: 0;
    padding: 25px 35px;
    background-color: transparent;
    box-shadow: inset 0 0 0 0 rgba(255, 255, 255, 0.5);
    transition: box-shadow ease 0.6s, background-color ease 0.6s; }
  .product-info .button-download .button-transparent:hover {
    box-shadow: inset 400px 0 0 0 rgba(255, 255, 255, 0.5);
    border: 2px solid white;
    color: white;
    background-color: rgba(255, 255, 255, 0.5); }
  @media (max-width: 768px) {
    .product-info .button-download .button-transparent {
      padding: 22px 15px; } }
  .product-info .button-download a {
    text-decoration: none; }
  .product-info .button-download:hover {
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8); }

@media (max-width: 768px) {
  .product-info .key-features .detail .title {
    width: 100%;
    padding: 0;
    margin: 100px 0 50px 0; }
    .product-info .key-features .detail .title h1 {
      font-size: 18px;
      line-height: 18px; }
  .product-info .key-features .characteristics {
    margin: 45px 0 20px 0; }
    .product-info .key-features .characteristics .col-md-6, .product-info .key-features .characteristics col-xs-6 {
      width: 100%; }
    .product-info .key-features .characteristics .detail {
      padding-left: 10px; }
      .product-info .key-features .characteristics .detail .title {
        font-size: 18px;
        line-height: 18px; }
      .product-info .key-features .characteristics .detail .description {
        font-size: 16px;
        line-height: 16px; }
  .product-info .buttons {
    margin: 35px 0; }
  .product-info .button-download {
    display: inline-block;
    float: none;
    margin: 0 0 25px 0; }
    .product-info .button-download .button-transparent {
      min-width: 250px; } }

/* product use cases */
.product-info .use-cases .main-title {
  position: relative;
  width: 100%;
  margin: 50px 0 70px 0; }
  .product-info .use-cases .main-title h2 {
    margin: 0;
    padding: 0;
    font-family: "Montserrat", sans-serif;
    font-size: 25px;
    line-height: 25px;
    font-weight: bold;
    color: white;
    text-transform: uppercase; }
  .product-info .use-cases .main-title h2:after {
    position: absolute;
    bottom: -20px;
    left: 50%;
    margin-left: -25px;
    content: "";
    width: 50px;
    height: 5px;
    background: white; }

.product-info .use-cases .detail {
  color: white;
  text-align: left; }
  .product-info .use-cases .detail .title {
    min-height: 60px;
    white-space: pre-line;
    font-family: "Montserrat", sans-serif;
    font-size: 24px;
    line-height: 28px;
    font-weight: bold;
    margin-bottom: 10px;
    word-wrap: break-word; }
  .product-info .use-cases .detail .description {
    white-space: pre-line;
    font-family: "Ubuntu", sans-serif;
    font-size: 18px;
    line-height: 22px;
    text-overflow: ellipsis;
    word-wrap: break-word; }

.product-info .use-cases .col-md-3 {
  padding: 0 15px 0 0; }

.product-info .use-cases .col-md-3:last-child {
  padding: 0; }

@media (max-width: 768px) {
  .product-info .use-cases .main-title {
    margin: 50px 0 70px 0; }
    .product-info .use-cases .main-title h2 {
      font-size: 18px;
      line-height: 18px; }
  .product-info .use-cases .detail {
    text-align: center;
    padding: 0 30px; }
    .product-info .use-cases .detail .title {
      max-width: 768px;
      min-height: 0;
      white-space: normal; }
    .product-info .use-cases .detail .description {
      font-family: "Ubuntu", sans-serif;
      font-size: 18px;
      line-height: 22px; }
  .product-info .use-cases .col-md-3 {
    width: 100%;
    padding: 0 0 80px 0; } }

/* product video */
.product-info .product-video {
  display: inline-block;
  width: 100%;
  min-height: 900px;
  background-color: #f5f5f5;
  text-align: center; }
  .product-info .product-video .content {
    position: relative;
    min-height: 900px; }
  .product-info .product-video .video {
    position: absolute;
    width: 100%;
    height: auto;
    top: 50%;
    transform: translateY(-50%);
    background-color: #ecf0f1; }
    .product-info .product-video .video video {
      width: 100%;
      height: auto; }

@media (max-width: 768px) {
  .product-info .product-video {
    min-height: 390px; }
    .product-info .product-video .content {
      position: relative;
      min-height: 390px; } }

/* news list */
.recent-news .news-list {
  width: 100%;
  min-width: 300px;
  min-height: 350px;
  display: inline-block;
  background-color: #f5f5f5;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -o-animation-duration: 1s;
  -ms-animation-duration: 1s;
  position: relative; }
  .recent-news .news-list .main-title {
    width: 100%;
    display: inline-block;
    text-align: center;
    padding: 0 0 0 0; }
    .recent-news .news-list .main-title .title {
      display: inline-block;
      width: 80%;
      margin: 100px 0 40px 0;
      text-align: center;
      position: relative; }
      .recent-news .news-list .main-title .title h1 {
        margin: 0;
        padding: 0;
        font-family: "Montserrat", sans-serif;
        font-size: 24px;
        line-height: 22px;
        font-weight: bold;
        color: #3d3d3d;
        text-transform: uppercase; }
      .recent-news .news-list .main-title .title h1:after {
        position: absolute;
        bottom: -20px;
        left: 50%;
        margin-left: -25px;
        content: "";
        width: 50px;
        height: 5px;
        background: #3d3d3d; }
    .recent-news .news-list .main-title .lead {
      display: inline-block;
      width: 80%;
      padding-bottom: 60px; }
      .recent-news .news-list .main-title .lead h4 {
        font-family: "Montserrat", sans-serif;
        font-size: 50px;
        line-height: 60px;
        font-weight: bold;
        color: #3d3d3d; }
  .recent-news .news-list .news-item {
    overflow: hidden; }
    .recent-news .news-list .news-item .detail {
      opacity: 0;
      position: absolute;
      display: table;
      width: 100%;
      height: 100%;
      min-height: 260px;
      background-color: rgba(0, 166, 218, 0.6);
      transition: none;
      padding: 15px; }
      .recent-news .news-list .news-item .detail .wrap {
        display: table-cell;
        text-align: center;
        vertical-align: middle;
        width: 100%;
        cursor: pointer; }
        .recent-news .news-list .news-item .detail .wrap .context {
          display: inline-block;
          width: 100%; }
          .recent-news .news-list .news-item .detail .wrap .context .title {
            position: relative;
            font-family: "Montserrat", sans-serif;
            font-size: 15px;
            line-height: 18px;
            min-height: 15px;
            font-weight: bold;
            padding: 0 30px;
            letter-spacing: 1px;
            color: white;
            cursor: pointer; }
          .recent-news .news-list .news-item .detail .wrap .context .title:after {
            position: absolute;
            bottom: -20px;
            left: 50%;
            margin-left: -25px;
            content: "";
            width: 50px;
            height: 5px;
            background: white; }
        .recent-news .news-list .news-item .detail .wrap .date {
          display: inline-block;
          margin-top: 45px;
          padding: 0 30px;
          width: 100%;
          font-family: "Ubuntu", sans-serif;
          letter-spacing: 0.5px;
          font-size: 13px;
          line-height: 13px;
          color: white;
          cursor: pointer; }
    .recent-news .news-list .news-item a.image {
      display: block;
      cursor: pointer; }
    .recent-news .news-list .news-item .image {
      position: relative;
      width: 100%;
      height: 400px;
      text-align: center;
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover;
      overflow: hidden;
      transition: all .2s ease-in-out; }
  .recent-news .news-list .detail:hover {
    opacity: 1; }
  .recent-news .news-list .image:hover {
    transform: scale(1.1, 1.1); }
  .recent-news .news-list .col-md-6:nth-child(odd), .recent-news .news-list .col-xs-6:nth-child(odd) {
    padding: 0 15px 0 0; }
  .recent-news .news-list .col-md-6:nth-child(even), .recent-news .news-list .col-xs-6:nth-child(even) {
    padding: 0 0 0 15px; }
  .recent-news .news-list .col-md-6, .recent-news .news-list .col-xs-6 {
    margin: 0 0 30px 0; }

.recent-news .next-page {
  display: inline-block;
  width: 100%;
  height: 70px;
  background-color: #f5f5f5; }

@media (max-width: 768px) {
  .recent-news .news-list .main-title {
    padding: 0 15px 5px 15px; }
    .recent-news .news-list .main-title .title {
      width: 100%;
      margin: 50px 0 50px 0; }
      .recent-news .news-list .main-title .title h1 {
        font-size: 18px;
        line-height: 18px; }
    .recent-news .news-list .main-title .lead {
      width: 100%;
      padding-bottom: 15px; }
      .recent-news .news-list .main-title .lead h4 {
        font-size: 26px;
        line-height: 30px; }
  .recent-news .news-list .news-item .detail {
    opacity: 1; }
    .recent-news .news-list .news-item .detail .wrap .context .title {
      font-size: 15px;
      line-height: 18px;
      padding: 0 40px; }
    .recent-news .news-list .news-item .detail .wrap .date {
      font-size: 13px;
      line-height: 13px;
      margin-top: 33px; }
  .recent-news .news-list .news-item .image {
    height: 260px; }
  .recent-news .news-list .col-md-6:nth-child(odd), .recent-news .news-list .col-xs-6:nth-child(odd) {
    padding: 0; }
  .recent-news .news-list .col-md-6:nth-child(even), .recent-news .news-list .col-xs-6:nth-child(even) {
    padding: 0; }
  .recent-news .news-list .col-md-6, .recent-news .news-list .col-xs-6 {
    width: 100%;
    margin: 0 0 20px 0; }
  .recent-news .news-list .row {
    margin: 0; }
  .recent-news .next-page {
    height: 80px; } }

/* news page detail */
.news-page-detail {
  display: inline-block;
  width: 100%;
  min-width: 300px;
  min-height: 300px;
  padding: 45px 0 45px 0;
  background-color: #f5f5f5; }
  .news-page-detail .heading {
    position: relative;
    width: 100%;
    margin: 50px 0 35px 0; }
    .news-page-detail .heading h2 {
      margin: 0;
      padding: 0 80px;
      font-family: "Montserrat", sans-serif;
      font-size: 25px;
      line-height: 25px;
      font-weight: bold;
      color: #3d3d3d;
      text-transform: uppercase; }
    .news-page-detail .heading h2:after {
      position: absolute;
      bottom: -20px;
      left: 50%;
      margin-left: -25px;
      content: "";
      width: 50px;
      height: 5px;
      background: #3d3d3d; }
  @media (max-width: 768px) {
    .news-page-detail .heading {
      margin: 25px 0 35px 0; }
      .news-page-detail .heading h2 {
        font-size: 18px;
        line-height: 18px;
        padding: 0 20px; } }
  .news-page-detail .subheading {
    margin: 45px 0;
    padding: 0 120px;
    font-family: "Ubuntu", sans-serif;
    font-size: 24px;
    line-height: 28px;
    min-height: 28px;
    color: #3d3d3d; }
  @media (max-width: 768px) {
    .news-page-detail .subheading {
      padding: 0 20px;
      font-size: 18px;
      line-height: 22px;
      min-height: 22px; } }
  .news-page-detail .detail {
    width: 100%;
    display: inline-block;
    text-align: center;
    padding: 55px 0 0 0; }
    .news-page-detail .detail .title {
      display: inline-block;
      width: 80%;
      margin: 0 0 57px 0;
      text-align: center;
      position: relative; }
      .news-page-detail .detail .title h1 {
        margin: 0;
        padding: 0;
        font-family: "Montserrat", sans-serif;
        font-size: 18px;
        line-height: 19px;
        font-weight: bold;
        color: #3d3d3d;
        text-transform: uppercase; }
      .news-page-detail .detail .title h1:after {
        position: absolute;
        bottom: -22px;
        left: 50%;
        margin-left: -25px;
        content: "";
        width: 50px;
        height: 5px;
        background: #3d3d3d; }
    .news-page-detail .detail .lead {
      display: inline-block;
      width: 80%;
      padding-bottom: 40px; }
      .news-page-detail .detail .lead h4 {
        font-family: "Montserrat", sans-serif;
        font-size: 30px;
        line-height: 40px;
        font-weight: bold;
        color: #3d3d3d; }
  .news-page-detail .image {
    width: 100%;
    height: 535px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-color: #313131;
    margin-bottom: 60px; }
  .news-page-detail .small-pagination {
    display: none; }
  .news-page-detail .carousel-inner .image {
    margin-bottom: 0; }
  .news-page-detail .gallery {
    width: 100%;
    height: auto;
    background-color: #313131;
    overflow: hidden;
    margin-bottom: 50px;
    padding: 0 12px; }
    .news-page-detail .gallery .container-fluid {
      height: 165px; }
    .news-page-detail .gallery .col-md-2, .news-page-detail .gallery .col-xs-2 {
      padding: 20px 12px 0 12px; }
    .news-page-detail .gallery .col-md-2:first-child > .thumb {
      border: 1px solid #00a5d9; }
    .news-page-detail .gallery .thumb {
      cursor: pointer;
      float: left;
      display: inline-block;
      width: 100%;
      height: 125px;
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover; }
    .news-page-detail .gallery .thumb:hover {
      border: 1px solid #00a5d9; }
  .news-page-detail .carousel {
    position: relative; }
  .news-page-detail .description {
    margin: 0 0 45px 0;
    font-family: "Ubuntu", sans-serif;
    font-size: 24px;
    line-height: 38px;
    white-space: pre-line;
    text-align: left;
    color: #3d3d3d; }
  @media (max-width: 768px) {
    .news-page-detail .description {
      margin: 20px 0 45px 0;
      font-size: 16px;
      line-height: 22px; } }
  .news-page-detail .button-transparent {
    cursor: pointer;
    display: inline-block;
    border: 2px solid #3d3d3d;
    font-family: "Montserrat", sans-serif;
    font-size: 14.5px;
    line-height: 14.5px;
    font-weight: bold;
    text-transform: uppercase;
    color: #3d3d3d;
    margin: 0;
    padding: 25px 35px;
    background-color: white;
    box-shadow: inset 0 0 0 0 #3d3d3d;
    transition: box-shadow ease 0.6s, background-color ease 0.6s; }
  .news-page-detail .button-transparent:hover {
    box-shadow: inset 400px 0 0 0 #3d3d3d;
    border: 2px solid #3d3d3d;
    color: white;
    background-color: #3d3d3d; }
  @media (max-width: 768px) {
    .news-page-detail .button-transparent {
      padding: 22px 15px; } }

@media (max-width: 768px) {
  .news-page-detail {
    padding: 45px 15px; }
    .news-page-detail .detail {
      padding: 0 0 0 0; }
      .news-page-detail .detail .title {
        width: 100%;
        margin: 0 0 50px 0; }
        .news-page-detail .detail .title h1 {
          font-size: 18px;
          line-height: 18px; }
      .news-page-detail .detail .lead {
        width: 100%;
        padding-bottom: 10px; }
        .news-page-detail .detail .lead h4 {
          font-size: 26px;
          line-height: 26px; }
      .news-page-detail .detail .description {
        width: 100%;
        font-size: 20px;
        line-height: 25px;
        padding-bottom: 45px; }
    .news-page-detail .image {
      height: 500px; }
    .news-page-detail .gallery {
      display: none; }
    .news-page-detail .carousel-inner .image {
      margin-bottom: 50px; }
    .news-page-detail .small-pagination {
      display: inline-block;
      position: absolute;
      top: 480px;
      left: 0;
      width: 100%;
      height: 15px;
      text-align: center; }
      .news-page-detail .small-pagination .wrap {
        display: inline-block; }
        .news-page-detail .small-pagination .wrap .carousel-indicators {
          position: relative;
          width: auto;
          left: 0;
          margin-left: 0; }
          .news-page-detail .small-pagination .wrap .carousel-indicators li {
            float: left;
            display: inline-block;
            cursor: pointer;
            width: 15px;
            height: 15px;
            margin: 0 7px;
            border-radius: 50%;
            border: 0;
            background-color: white; }
          .news-page-detail .small-pagination .wrap .carousel-indicators .active {
            background-color: #00a6da; } }

/* news related */
.news-related {
  width: 100%;
  display: inline-block;
  padding: 0 0 100px 0;
  background-color: #ecf0f1; }
  .news-related .heading {
    position: relative;
    width: 100%;
    margin: 0 0 0 0; }
    .news-related .heading h2 {
      font-family: "Montserrat", sans-serif;
      font-size: 23px;
      line-height: 23px;
      font-weight: bold;
      color: #404040;
      text-transform: uppercase;
      margin: 0;
      padding: 100px 0 0 0;
      text-align: left; }
  .news-related .news-list {
    display: inline-block;
    width: 100%;
    margin: 15px 0 50px 0; }
    .news-related .news-list .related {
      border-bottom: 1px solid #404040;
      max-width: 70%;
      text-align: left; }
      .news-related .news-list .related a {
        width: 100%;
        display: inline-block;
        font-family: "Montserrat", sans-serif;
        font-size: 16px;
        line-height: 16px;
        color: #404040;
        text-decoration: none;
        padding: 28px 0;
        text-align: left;
        cursor: pointer; }
      .news-related .news-list .related a:hover {
        color: #00a6da; }
    .news-related .news-list .related:first-child {
      border-top: 1px solid #404040; }

@media (max-width: 768px) {
  .news-related {
    padding: 0; }
    .news-related .heading {
      margin: 50px 0 0 0;
      padding: 0 15px; }
      .news-related .heading h2 {
        font-size: 18px;
        line-height: 18px;
        padding: 50px 0 0 0; }
    .news-related .news-list {
      padding: 0 15px 0 15px;
      margin: 15px 0 120px; }
      .news-related .news-list .related {
        max-width: 100%; }
        .news-related .news-list .related a {
          padding: 18px 0; } }

/* careers */
.careers {
  width: 100%;
  display: inline-block; }
  .careers .careers-menu {
    position: fixed;
    z-index: 3;
    display: inline-block;
    display: none;
    top: 50%;
    right: 30px;
    margin-top: -135px;
    width: 30px;
    height: auto;
    text-align: center;
    cursor: pointer; }
    .careers .careers-menu .wrap {
      position: relative;
      display: inline-block;
      width: 30px;
      height: 40px;
      cursor: pointer; }
      .careers .careers-menu .wrap .subtitle {
        position: absolute;
        top: 5.5px;
        right: 0px;
        width: 250px;
        height: 30px;
        padding: 0 35px 0 0;
        line-height: 30px;
        text-align: right;
        font-family: "Montserrat", sans-serif;
        text-transform: uppercase;
        font-weight: bold;
        font-size: 10px;
        overflow: visible;
        color: transparent; }
      .careers .careers-menu .wrap .option {
        position: absolute;
        cursor: pointer;
        top: 50%;
        left: 50%;
        width: 10px;
        height: 10px;
        margin-top: -5px;
        margin-left: -5px;
        border-radius: 50%;
        background-color: #b2b2b2; }
    .careers .careers-menu .wrap:hover > .option {
      cursor: pointer;
      -webkit-transform: scale(2.5);
      -moz-transform: scale(2.5);
      -ms-transform: scale(2.5);
      -o-transform: scale(2.5);
      transform: scale(2.5);
      -webkit-transition: 0.3s ease-in-out;
      -moz-transition: 0.3s ease-in-out;
      -ms-transform: 0.3s ease-in-out;
      -o-transition: 0.3s ease-in-out;
      transition: 0.3s ease-in-out; }
    .careers .careers-menu .wrap:hover > .subtitle {
      -webkit-animation: fadeInOption 1s;
      -moz-animation: fadeInOption 1s;
      -ms-animation: fadeInOption 1s;
      -o-animation: fadeInOption 1s;
      animation: fadeInOption 1s;
      color: #b2b2b2; }
  .careers .careers-menu-2 > .wrap:nth-child(1) .option,
  .careers .careers-menu-3 > .wrap:nth-child(2) .option,
  .careers .careers-menu-4 > .wrap:nth-child(3) .option {
    -webkit-transform: scale(2.5);
    -moz-transform: scale(2.5);
    -ms-transform: scale(2.5);
    -o-transform: scale(2.5);
    transform: scale(2.5);
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transform: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out; }

@media (max-width: 1200px) {
  .careers .careers-menu {
    right: 15px; }
    .careers .careers-menu .wrap .subtitle {
      display: none !important; } }

@media (max-width: 992px) {
  .careers .careers-menu {
    right: 15px; } }

@media (max-width: 768px) {
  .careers .careers-menu {
    display: none !important; } }

/* careers block-1 */
.careers > .block-1 {
  position: relative;
  width: 100%;
  height: 900px;
  background-color: #313131;
  overflow: hidden; }
  .careers > .block-1 .image {
    width: 100%;
    height: 900px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed; }
    .careers > .block-1 .image .curtain {
      display: inline-block;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.6); }
  .careers > .block-1 .information {
    position: absolute;
    width: 100%;
    height: 900px;
    top: 0;
    left: 0; }
  .careers > .block-1 .detail {
    text-align: left; }
    .careers > .block-1 .detail .context {
      position: relative;
      width: 250px;
      margin: 100px 0; }
      .careers > .block-1 .detail .context h4 {
        margin: 0;
        padding: 0;
        font-family: "Montserrat", sans-serif;
        font-size: 18px;
        line-height: 22px;
        font-weight: bold;
        color: white;
        text-transform: uppercase; }
      .careers > .block-1 .detail .context h4:after {
        position: absolute;
        bottom: -20px;
        left: 0;
        margin-left: 0px;
        content: "";
        width: 50px;
        height: 5px;
        background: white; }
    .careers > .block-1 .detail .title {
      font-family: "Montserrat", sans-serif;
      font-size: 90px;
      line-height: 90px;
      font-weight: bold;
      color: white;
      padding-bottom: 50px; }
    .careers > .block-1 .detail .description {
      font-family: "Ubuntu", sans-serif;
      font-size: 28px;
      line-height: 35px;
      color: white;
      margin-bottom: 90px; }
    .careers > .block-1 .detail .button-transparent {
      cursor: pointer;
      display: inline-block;
      border: 2px solid white;
      font-family: "Montserrat", sans-serif;
      font-size: 14.5px;
      line-height: 14.5px;
      font-weight: bold;
      text-transform: uppercase;
      color: white;
      margin: 0;
      padding: 25px 35px;
      background-color: transparent;
      box-shadow: inset 0 0 0 0 white;
      transition: box-shadow ease 0.6s, background-color ease 0.6s; }
    .careers > .block-1 .detail .button-transparent:hover {
      box-shadow: inset 400px 0 0 0 white;
      border: 2px solid white;
      color: #00a5d9;
      background-color: white; }
    @media (max-width: 768px) {
      .careers > .block-1 .detail .button-transparent {
        padding: 22px 15px; } }
    .careers > .block-1 .detail .button-transparent {
      z-index: 5;
      position: relative; }
    .careers > .block-1 .detail .arrow {
      position: absolute;
      bottom: 0px;
      left: 0;
      width: 100%;
      text-align: center; }
      .careers > .block-1 .detail .arrow .down {
        display: inline-block;
        width: 57px;
        height: 65px;
        cursor: pointer;
        margin-bottom: 80px;
        background-image: url("../../assets/images/arrow-down.png");
        background-repeat: no-repeat;
        background-size: auto;
        background-position: center; }
      .careers > .block-1 .detail .arrow .down:hover {
        animation: pulse 1s infinite; }

@media (min-width: 1200px) and (max-height: 800px) {
  #careers-block-1 .detail .context {
    margin: 60px 0; }
  #careers-block-1 .detail .title {
    font-size: 46px;
    line-height: 46px;
    padding-bottom: 40px; }
  #careers-block-1 .detail .description {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 30px; } }

@media (min-width: 1200px) and (max-height: 640px) {
  #careers-block-1 .detail .context {
    margin: 60px 0; }
  #careers-block-1 .detail .title {
    font-size: 40px;
    line-height: 40px; }
  #careers-block-1 .detail .description {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 30px; }
  #careers-block-1 .detail .arrow .down {
    margin-bottom: 10px; } }

@media (max-width: 1200px) {
  .careers > .block-1 .detail .title {
    font-size: 70px;
    line-height: 70px; } }

@media (max-width: 1200px) and (max-height: 800px) {
  #careers-block-1 .detail .context {
    margin: 60px 0; }
  #careers-block-1 .detail .title {
    font-size: 46px;
    line-height: 46px;
    padding-bottom: 40px; }
  #careers-block-1 .detail .description {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 30px; } }

@media (max-width: 1200px) and (max-height: 640px) {
  #careers-block-1 .detail .context {
    margin: 60px 0; }
  #careers-block-1 .detail .title {
    font-size: 40px;
    line-height: 40px; }
  #careers-block-1 .detail .description {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 30px; }
  #careers-block-1 .detail .arrow .down {
    margin-bottom: 10px; } }

@media (max-width: 768px) {
  .careers > .block-1 {
    height: 670px; }
    .careers > .block-1 .image {
      height: 670px;
      background-position: 75% 100%;
      background-size: cover; }
    .careers > .block-1 .detail {
      padding: 0 15px; }
      .careers > .block-1 .detail .context {
        width: 200px;
        margin: 48px 0 62px 0; }
        .careers > .block-1 .detail .context h4 {
          font-size: 16px;
          line-height: 16px; }
      .careers > .block-1 .detail .title {
        font-size: 34px;
        line-height: 40px;
        padding-bottom: 35px;
        max-height: 290px;
        overflow: hidden; }
      .careers > .block-1 .detail .description {
        font-size: 20px;
        line-height: 30px;
        max-height: 200px;
        overflow: hidden; }
      .careers > .block-1 .detail .btn-wrap {
        width: 100%;
        text-align: center; }
      .careers > .block-1 .detail .arrow {
        visibility: hidden; } }

@media (max-width: 768px) and (max-height: 800px) {
  #careers-block-1 .detail .context {
    margin: 60px 0; }
  #careers-block-1 .detail .title {
    font-size: 46px;
    line-height: 46px;
    padding-bottom: 40px; }
  #careers-block-1 .detail .description {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 30px; } }

@media (max-width: 768px) and (max-height: 640px) {
  #careers-block-1 .detail .context {
    margin: 60px 0; }
  #careers-block-1 .detail .title {
    font-size: 40px;
    line-height: 40px; }
  #careers-block-1 .detail .description {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 30px; }
  #careers-block-1 .detail .arrow .down {
    margin-bottom: 10px; } }

/* careers block-2 */
.careers > .block-2 {
  display: inline-block;
  width: 100%;
  min-height: 300px;
  background-color: #f5f5f5; }
  .careers > .block-2 .careers-list {
    display: inline-block;
    width: 100%;
    position: relative; }
    .careers > .block-2 .careers-list .careers {
      margin: 100px 0 70px 0; }
      .careers > .block-2 .careers-list .careers .career {
        width: 100%;
        height: 335px;
        padding: 30px;
        position: relative;
        text-align: left;
        background-color: white;
        overflow: hidden; }
        .careers > .block-2 .careers-list .careers .career .title {
          width: 100%;
          height: 28px;
          padding-bottom: 40px;
          font-family: "Montserrat", sans-serif;
          font-size: 24px;
          line-height: 28px;
          font-weight: bold;
          color: #3d3d3d;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis; }
        .careers > .block-2 .careers-list .careers .career .title:after {
          position: absolute;
          top: 70px;
          left: 30px;
          content: "";
          width: 50px;
          height: 5px;
          background: #3d3d3d; }
        .careers > .block-2 .careers-list .careers .career .location {
          padding-top: 30px;
          font-family: "Ubuntu", sans-serif;
          font-size: 18px;
          line-height: 22px;
          color: #3d3d3d; }
        .careers > .block-2 .careers-list .careers .career .type {
          font-family: "Ubuntu", sans-serif;
          font-size: 18px;
          line-height: 22px;
          color: #3d3d3d; }
        .careers > .block-2 .careers-list .careers .career .button-inside-square {
          cursor: pointer;
          display: inline-block;
          border: 2px solid #3d3d3d;
          font-family: "Montserrat", sans-serif;
          font-size: 14.5px;
          line-height: 14.5px;
          font-weight: bold;
          text-transform: uppercase;
          color: #3d3d3d;
          margin: 60px 0 0 0;
          padding: 22.5px 40px;
          background-color: transparent;
          box-shadow: inset 0 0 0 0 #00a6da;
          transition: box-shadow ease 0.6s, background-color ease 0.6s; }
        .careers > .block-2 .careers-list .careers .career .button-inside-square:hover {
          box-shadow: inset 400px 0 0 0 #00a6da;
          border: 2px solid #00a6da;
          color: white;
          background-color: #00a6da; }
        @media (max-width: 1200px) {
          .careers > .block-2 .careers-list .careers .career .button-inside-square {
            font-size: 12px;
            line-height: 12px;
            margin: 20px 0 0 0;
            padding: 14px 14px; }
          .careers > .block-2 .careers-list .careers .career .button-inside-square:hover {
            font-size: 12px;
            line-height: 12px; } }
        .careers > .block-2 .careers-list .careers .career .button-inside-square {
          padding: 22.5px 75px; }
    .careers > .block-2 .careers-list .col-md-6:nth-child(odd), .careers > .block-2 .careers-list .col-xs-6:nth-child(odd) {
      padding: 0 15px 0 0; }
    .careers > .block-2 .careers-list .col-md-6:nth-child(even), .careers > .block-2 .careers-list .col-xs-6:nth-child(even) {
      padding: 0 0 0 15px; }
    .careers > .block-2 .careers-list .col-md-6, .careers > .block-2 .careers-list .col-xs-6 {
      margin: 0 0 30px 0; }
  .careers > .block-2 .next-page {
    display: inline-block;
    width: 100%;
    height: 100px;
    background-color: white; }

@media (max-width: 992px) {
  .careers > .block-2 .careers-list .careers .career .title {
    font-size: 18px;
    line-height: 24px; }
  .careers > .block-2 .careers-list .careers .career .location, .careers > .block-2 .careers-list .careers .career .type {
    font-size: 16px;
    line-height: 20px; }
  .careers > .block-2 .careers-list .careers .career .button-inside-square {
    padding: 22.5px 50px;
    margin: 35px 0 0 0; } }

@media (max-width: 768px) {
  .careers > .block-2 .careers-list {
    padding-bottom: 10px; }
    .careers > .block-2 .careers-list .careers {
      margin: 75px 0 45px 0; }
      .careers > .block-2 .careers-list .careers .career {
        height: 280px; }
    .careers > .block-2 .careers-list .col-md-6:nth-child(odd), .careers > .block-2 .careers-list .col-xs-6:nth-child(odd) {
      padding: 0; }
    .careers > .block-2 .careers-list .col-md-6:nth-child(even), .careers > .block-2 .careers-list .col-xs-6:nth-child(even) {
      padding: 0; }
    .careers > .block-2 .careers-list .col-md-6, .careers > .block-2 .careers-list .col-xs-6 {
      width: 100%;
      margin: 0 0 20px 0; }
    .careers > .block-2 .careers-list .row {
      margin: 0; }
  .careers > .block-2 .next-page {
    height: 70px; } }

/* careers form */
.career-form {
  width: 100%;
  display: inline-block;
  min-height: 900px;
  background-color: #f5f5f5;
  padding-top: 60px;
  padding-bottom: 50px;
  font-family: "Montserrat", sans-serif;
  position: relative; }
  .career-form .main-title {
    position: relative;
    width: 100%;
    margin: 50px 0 70px 0; }
    .career-form .main-title h2 {
      margin: 0;
      padding: 0;
      font-family: "Montserrat", sans-serif;
      font-size: 25px;
      line-height: 25px;
      font-weight: bold;
      color: #3d3d3d;
      text-transform: uppercase; }
    .career-form .main-title h2:after {
      position: absolute;
      bottom: -20px;
      left: 50%;
      margin-left: -25px;
      content: "";
      width: 50px;
      height: 5px;
      background: #3d3d3d; }
  .career-form .section-form {
    display: inline-block;
    width: 100%;
    height: auto;
    line-height: 0px;
    text-align: center;
    background-color: #f5f5f5; }
    .career-form .section-form .form {
      display: inline-block;
      width: 82.8%; }
      .career-form .section-form .form .form-animate {
        width: 100%;
        height: auto;
        overflow: hidden; }
      .career-form .section-form .form .fields {
        text-align: left; }
        .career-form .section-form .form .fields .g-recaptcha div div {
          text-align: center;
          margin: 0 auto; }
        .career-form .section-form .form .fields .message {
          display: none;
          width: 100%;
          height: auto;
          margin: 20px 0;
          padding: 40px;
          border: 1px solid #009fd9;
          border-radius: 10px;
          line-height: 22px; }
        .career-form .section-form .form .fields .field {
          display: inline-block;
          width: 100%; }
        .career-form .section-form .form .fields .fieldPrivacy {
          padding-top: 15px;
          display: inline-block;
          width: 100%; }
        .career-form .section-form .form .fields .file-upload {
          position: relative;
          overflow: hidden; }
          .career-form .section-form .form .fields .file-upload input.upload {
            position: absolute;
            top: 0;
            right: 0;
            margin: 0;
            padding: 0;
            font-size: 20px;
            cursor: pointer;
            opacity: 0;
            filter: alpha(opacity=0); }
        .career-form .section-form .form .fields .button-holder {
          width: 25%;
          height: 45px;
          color: #ffffff;
          font-size: #acacac;
          line-height: 45px;
          vertical-align: middle;
          text-align: center;
          background-color: #009fd9; }
        .career-form .section-form .form .fields .field-column {
          display: inline-block;
          width: 48.75%;
          float: left; }
        .career-form .section-form .form .fields .space-column {
          float: left;
          display: inline-block;
          width: 2.5%;
          height: 45px;
          margin: 45px 0 0 0; }
        .career-form .section-form .form .fields .description {
          display: inline-block;
          width: 100%;
          height: 45px;
          text-align: left;
          color: #3B3B3B;
          font-size: 18px;
          line-height: 45px;
          font-weight: normal;
          letter-spacing: 1x;
          padding: 6px 0 0 0; }
        .career-form .section-form .form .fields .description-privacy, .career-form .section-form .form .fields a.description-privacy {
          display: inline;
          text-align: left;
          color: rbg(59, 59, 60);
          font-size: 18px;
          line-height: 22px;
          font-weight: normal;
          letter-spacing: 1x;
          padding: 10px 0 0 10px; }
        .career-form .section-form .form .fields a.description-privacy {
          text-decoration: underline; }
        .career-form .section-form .form .fields .text-normal {
          width: 100%;
          height: 45px;
          padding: 10px 45px 10px 10px;
          background-color: white; }
        .career-form .section-form .form .fields .text-normal::-webkit-input-placeholder {
          color: #e0e0e0;
          padding: 10px 45px 10px 10px; }
        .career-form .section-form .form .fields .text-normal::-moz-placeholder {
          color: #e0e0e0;
          padding: 10px 45px 10px 10px; }
        .career-form .section-form .form .fields .text-normal:-ms-input-placeholder {
          color: #e0e0e0;
          padding: 10px 45px 10px 10px; }
        .career-form .section-form .form .fields .text-small {
          width: 100%;
          height: 45px;
          padding: 10px 45px 10px 10px;
          background-color: white; }
        .career-form .section-form .form .fields .text-upload {
          width: 72.5%;
          float: left;
          height: 45px;
          padding: 10px 45px 10px 10px;
          margin-right: 2.5%;
          background-color: white; }
        .career-form .section-form .form .fields .text-area {
          width: 100%;
          height: 185px;
          resize: none;
          padding: 10px 45px 10px 10px;
          background-color: white;
          text-align: left;
          line-height: 22px; }
        .career-form .section-form .form .fields .button-center {
          display: inline-block;
          width: 100%;
          display: inline-block;
          text-align: center;
          margin: 60px 0 0 0; }
          .career-form .section-form .form .fields .button-center .button {
            display: inline-block;
            padding: 25px 80px;
            line-height: 50px;
            font-face: "Montserrat", sans-serif;
            font-size: 16px;
            line-height: 16px;
            background-color: #009fd9;
            font-weight: bold;
            text-transform: uppercase;
            color: #ffffff;
            border: 2px solid #009fd9;
            box-shadow: inset 0 0 0 0 #f5f5f5;
            transition: box-shadow ease 0.6s, background-color ease 0.6s; }
          .career-form .section-form .form .fields .button-center .button:hover {
            box-shadow: inset 400px 0 0 0 #f5f5f5;
            background-color: #f5f5f5;
            color: #009fd9;
            border: 2px solid #009fd9; }
  .career-form .file-upload {
    cursor: pointer;
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 45px;
    padding: 10px;
    background-color: white; }
    .career-form .file-upload .file-desc {
      position: absolute;
      overflow: hidden;
      font-family: "Ubuntu", sans-serif;
      font-size: 18px;
      line-height: 18px;
      height: 18px;
      color: #3d3d3d;
      top: 12px;
      left: 135px;
      text-overflow: ellipsis; }
    .career-form .file-upload .btn-default {
      cursor: pointer;
      width: 120px;
      height: 35px;
      margin: -5px 0 0 -5px;
      color: #3d3d3d;
      background-color: #f5f5f5; }
    .career-form .file-upload .btn-default:hover {
      cursor: pointer;
      color: white;
      background-color: #009fd9;
      border-color: #009fd9; }
    .career-form .file-upload input.upload {
      position: absolute;
      cursor: pointer;
      top: 0;
      right: 0;
      margin: 0;
      padding: 0;
      font-size: 20px;
      cursor: pointer;
      width: 100%;
      height: 55px;
      opacity: 0;
      filter: alpha(opacity=0); }
  .career-form .card-container {
    width: 100%;
    min-height: 800px;
    position: relative;
    -webkit-perspective: 800px;
    -moz-perspective: 800px;
    -ms-perspective: 800px;
    -o-perspective: 800px;
    perspective: 800px; }
    .career-form .card-container #card {
      width: 100%;
      height: 100%;
      -webkit-transition: -webkit-transform 1s;
      -moz-transition: -moz-transform 1s;
      -ms-transition: -ms-transform 1s;
      -o-transition: -o-transform 1s;
      transition: transform 1s;
      -webkit-transform-style: preserve-3d;
      -moz-transform-style: preserve-3d;
      -ms-transform-style: preserve-3d;
      -o-transform-style: preserve-3d;
      transform-style: preserve-3d; }
      .career-form .card-container #card .front, .career-form .card-container #card .back {
        display: block;
        height: 100%;
        width: 100%;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        -o-backface-visibility: hidden;
        backface-visibility: hidden; }
      .career-form .card-container #card .front {
        background: transparent; }
      .career-form .card-container #card .back {
        position: absolute;
        top: 0;
        border-radius: 5px;
        background: #e7e7e7;
        -webkit-transform: rotateY(180deg);
        -moz-transform: rotateY(180deg);
        -ms-transform: rotateY(180deg);
        -o-transform: rotateY(180deg);
        transform: rotateY(180deg); }
    .career-form .card-container #card.flipped {
      -webkit-transform: rotateY(180deg);
      -moz-transform: rotateY(180deg);
      -ms-transform: rotateY(180deg);
      -o-transform: rotateY(180deg);
      transform: rotateY(180deg); }
  .career-form .success {
    display: block;
    width: 100%;
    min-height: 750px;
    background-color: #e7e7e7;
    border-radius: 5px; }
  .career-form .error {
    display: inline-block;
    width: 100%;
    min-height: 750px;
    background-color: #e7e7e7;
    border-radius: 5px; }
  .career-form .message {
    color: #3B3B3B;
    font-size: 26px;
    line-height: 30px;
    padding: 0 60px;
    font-weight: normal;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    border-radius: 5px; }
  .career-form .loader {
    width: 180px;
    height: 180px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -150px;
    margin-left: -90px; }

@media (max-width: 768px) {
  .career-form {
    padding: 0 0 80px 0; }
    .career-form .main-title {
      margin: 50px 0 70px 0;
      padding: 0 15px; }
      .career-form .main-title h2 {
        font-size: 18px;
        line-height: 18px; }
    .career-form .section-form .form {
      width: 100%;
      padding: 0 15px; }
      .career-form .section-form .form .fields .field-column {
        width: 100%; }
      .career-form .section-form .form .fields .space-column {
        width: 0;
        height: 0;
        margin: 0; }
      .career-form .section-form .form .fields .button-center {
        margin: 30px 0 0 0; }
        .career-form .section-form .form .fields .button-center .button {
          padding: 25px 60px; }
      .career-form .section-form .form .fields .text-area {
        height: 255px; }
    .career-form .card-container, .career-form .success, .career-form .error {
      min-height: 980px; }
    .career-form .message {
      font-size: 22px; } }

/* career detail */
.career-detail {
  display: inline-block;
  width: 100%;
  min-width: 300px;
  min-height: 300px;
  padding: 45px 0; }
  .career-detail .heading {
    position: relative;
    width: 100%;
    margin: 50px 0 35px 0; }
    .career-detail .heading h2 {
      margin: 0;
      padding: 0 80px;
      font-family: "Montserrat", sans-serif;
      font-size: 25px;
      line-height: 25px;
      font-weight: bold;
      color: #3d3d3d;
      text-transform: uppercase; }
    .career-detail .heading h2:after {
      position: absolute;
      bottom: -20px;
      left: 50%;
      margin-left: -25px;
      content: "";
      width: 50px;
      height: 5px;
      background: #3d3d3d; }
  @media (max-width: 768px) {
    .career-detail .heading {
      margin: 25px 0 35px 0; }
      .career-detail .heading h2 {
        font-size: 18px;
        line-height: 18px;
        padding: 0 20px; } }
  .career-detail .subheading {
    margin: 45px 0;
    padding: 0 120px;
    font-family: "Ubuntu", sans-serif;
    font-size: 24px;
    line-height: 28px;
    min-height: 28px;
    color: #3d3d3d; }
  @media (max-width: 768px) {
    .career-detail .subheading {
      padding: 0 20px;
      font-size: 18px;
      line-height: 22px;
      min-height: 22px; } }
  .career-detail .head {
    position: relative;
    width: 100%;
    display: inline-block; }
    .career-detail .head .arrow-left {
      position: absolute;
      display: inline-block;
      top: 45px;
      left: 20px;
      width: 60px;
      height: 60px;
      text-align: center; }
      .career-detail .head .arrow-left .arrow {
        cursor: pointer;
        display: inline-block;
        width: 35px;
        height: 35px;
        background-image: url("../../assets/images/big-arrow-left.png"); }
      .career-detail .head .arrow-left .label {
        cursor: pointer;
        display: inline-block;
        margin-top: 15px;
        font-family: "Montserrat", sans-serif;
        font-size: 12px;
        line-height: 12px;
        text-transform: uppercase;
        color: #3d3d3d; }
    .career-detail .head .arrow-left:hover .label {
      color: #00a5d9; }
    .career-detail .head .arrow-left:hover .arrow {
      background-image: url("../../assets/images/big-arrow-left-hover.png"); }
    .career-detail .head .arrow-right {
      position: absolute;
      display: inline-block;
      top: 45px;
      right: 20px;
      width: 60px;
      height: 60px; }
      .career-detail .head .arrow-right .arrow {
        cursor: pointer;
        display: inline-block;
        width: 35px;
        height: 35px;
        background-image: url("../../assets/images/big-arrow-right.png"); }
      .career-detail .head .arrow-right .label {
        cursor: pointer;
        display: inline-block;
        margin-top: 15px;
        font-family: "Montserrat", sans-serif;
        font-size: 12px;
        line-height: 12px;
        text-transform: uppercase;
        color: #3d3d3d; }
      .career-detail .head .arrow-right .arrow:hover {
        background-image: url("../../assets/images/big-arrow-right-hover.png"); }
    .career-detail .head .arrow-right:hover .label {
      color: #00a5d9; }
    .career-detail .head .arrow-right:hover .arrow {
      background-image: url("../../assets/images/big-arrow-right-hover.png"); }
  .career-detail .small-pagination {
    display: none; }
  .career-detail .description {
    margin: 0 0 45px 0;
    font-family: "Ubuntu", sans-serif;
    font-size: 24px;
    line-height: 38px;
    white-space: pre-line;
    text-align: left;
    color: #3d3d3d; }
  @media (max-width: 768px) {
    .career-detail .description {
      margin: 20px 0 45px 0;
      font-size: 16px;
      line-height: 22px; } }
  .career-detail .description {
    margin: 0; }
  .career-detail .career-profile {
    display: inline-block;
    width: 100%;
    text-align: left;
    margin: 55px 0 0 0; }
    .career-detail .career-profile .title {
      font-family: "Montserrat", sans-serif;
      font-size: 18px;
      line-height: 24px;
      text-transform: uppercase;
      font-weight: bold;
      color: #3d3d3d;
      margin-bottom: 20px; }
    .career-detail .career-profile .text {
      font-family: "Ubuntu", sans-serif;
      font-size: 18px;
      line-height: 22px;
      color: #3d3d3d;
      margin-bottom: 60px;
      white-space: pre-line; }
    .career-detail .career-profile .location, .career-detail .career-profile .type {
      display: inline-block;
      width: 50%;
      float: left; }
    .career-detail .career-profile .col-md-6:first-child {
      padding-left: 0;
      padding-right: 30px; }
    .career-detail .career-profile .col-md-6:last-child {
      padding-left: 30px;
      padding-right: 0; }

@media (max-width: 992px) {
  .career-detail .career-profile .col-md-6:first-child, .career-detail .career-profile .col-md-6:last-child {
    padding: 15px; } }

@media (max-width: 768px) {
  .career-detail {
    padding: 20px 15px  45px 15px; }
    .career-detail .description {
      font-size: 20px;
      line-height: 28px;
      padding-top: 30px;
      text-align: center; }
    .career-detail .subheading {
      display: none; }
    .career-detail .head {
      padding: 0 15px; }
      .career-detail .head .arrow-left {
        top: 25px;
        left: 10px;
        width: 20px;
        height: 20px; }
        .career-detail .head .arrow-left .arrow {
          width: 20px;
          height: 20px;
          background-image: url("../../assets/images/little-arrow-left.png"); }
        .career-detail .head .arrow-left .label {
          display: none; }
      .career-detail .head .arrow-left:hover .arrow {
        background-image: url("../../assets/images/little-arrow-left-hover.png"); }
      .career-detail .head .arrow-right {
        top: 25px;
        right: 10px;
        width: 20px;
        height: 20px; }
        .career-detail .head .arrow-right .arrow {
          width: 20px;
          height: 20px;
          background-image: url("../../assets/images/little-arrow-right.png"); }
        .career-detail .head .arrow-right .label {
          display: none; }
      .career-detail .head .arrow-right:hover .arrow {
        background-image: url("../../assets/images/little-arrow-right-hover.png"); }
    .career-detail .small-pagination {
      display: inline-block;
      position: absolute;
      top: 480px;
      left: 0;
      width: 100%;
      height: 15px;
      text-align: center; }
      .career-detail .small-pagination .wrap {
        display: inline-block; }
        .career-detail .small-pagination .wrap .carousel-indicators {
          position: relative;
          width: auto;
          left: 0;
          margin-left: 0; }
          .career-detail .small-pagination .wrap .carousel-indicators li {
            float: left;
            display: inline-block;
            cursor: pointer;
            width: 15px;
            height: 15px;
            margin: 0 7px;
            border-radius: 50%;
            border: 0;
            background-color: white; }
          .career-detail .small-pagination .wrap .carousel-indicators .active {
            background-color: #00a6da; }
    .career-detail .career-profile {
      margin: 30px 0 0 0; }
      .career-detail .career-profile .text {
        margin-bottom: 35px; }
      .career-detail .career-profile .profile .title {
        text-align: center; }
      .career-detail .career-profile .offer .title {
        text-align: center; }
      .career-detail .career-profile .location .title, .career-detail .career-profile .type .title {
        text-align: left; }
      .career-detail .career-profile .col-md-6:first-child, .career-detail .career-profile .col-md-6:last-child {
        padding: 15px; } }

/* detail menu */
.career-info {
  width: 100%;
  display: inline-block; }
  .career-info .career-menu {
    position: fixed;
    z-index: 3;
    display: inline-block;
    top: 50%;
    right: 30px;
    margin-top: -15px;
    width: 30px;
    height: auto;
    text-align: center;
    cursor: pointer; }
    .career-info .career-menu .wrap {
      position: relative;
      display: inline-block;
      width: 30px;
      height: 40px;
      cursor: pointer; }
      .career-info .career-menu .wrap .subtitle {
        position: absolute;
        top: 5.5px;
        right: 0px;
        width: 250px;
        height: 30px;
        padding: 0 35px 0 0;
        line-height: 30px;
        text-align: right;
        font-family: "Montserrat", sans-serif;
        text-transform: uppercase;
        font-weight: bold;
        font-size: 10px;
        overflow: visible;
        color: transparent; }
      .career-info .career-menu .wrap .option {
        position: absolute;
        cursor: pointer;
        top: 50%;
        left: 50%;
        width: 10px;
        height: 10px;
        margin-top: -5px;
        margin-left: -5px;
        border-radius: 50%;
        background-color: #b2b2b2; }
    .career-info .career-menu .wrap:hover > .option {
      cursor: pointer;
      -webkit-transform: scale(2.5);
      -moz-transform: scale(2.5);
      -ms-transform: scale(2.5);
      -o-transform: scale(2.5);
      transform: scale(2.5);
      -webkit-transition: 0.3s ease-in-out;
      -moz-transition: 0.3s ease-in-out;
      -ms-transform: 0.3s ease-in-out;
      -o-transition: 0.3s ease-in-out;
      transition: 0.3s ease-in-out; }
    .career-info .career-menu .wrap:hover > .subtitle {
      -webkit-animation: fadeInOption 1s;
      -moz-animation: fadeInOption 1s;
      -ms-animation: fadeInOption 1s;
      -o-animation: fadeInOption 1s;
      animation: fadeInOption 1s;
      color: #b2b2b2; }
  .career-info .career-menu-1 > .wrap:nth-child(1) .option,
  .career-info .career-menu-2 > .wrap:nth-child(2) .option,
  .career-info .career-menu-3 > .wrap:nth-child(3) .option,
  .career-info .career-menu-4 > .wrap:nth-child(4) .option,
  .career-info .career-menu-5 > .wrap:nth-child(5) .option {
    -webkit-transform: scale(2.5);
    -moz-transform: scale(2.5);
    -ms-transform: scale(2.5);
    -o-transform: scale(2.5);
    transform: scale(2.5);
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transform: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out; }

@media (max-width: 1200px) {
  .career-info .career-menu {
    right: 15px; }
    .career-info .career-menu .wrap .subtitle {
      display: none !important; } }

@media (max-width: 992px) {
  .career-info .career-menu {
    right: 15px; } }

@media (max-width: 768px) {
  .career-info .career-menu {
    display: none !important; } }

/* funds */
.funds {
  width: 100%;
  display: inline-block; }
  .funds .funds-menu {
    position: fixed;
    z-index: 3;
    display: none;
    top: 50%;
    right: 30px;
    margin-top: -60px;
    width: 30px;
    height: auto;
    text-align: center;
    cursor: pointer; }
    .funds .funds-menu .wrap {
      position: relative;
      display: inline-block;
      width: 30px;
      height: 40px;
      cursor: pointer; }
      .funds .funds-menu .wrap .subtitle {
        position: absolute;
        top: 5.5px;
        right: 0px;
        width: 250px;
        height: 30px;
        padding: 0 35px 0 0;
        line-height: 30px;
        text-align: right;
        font-family: "Montserrat", sans-serif;
        text-transform: uppercase;
        font-weight: bold;
        font-size: 10px;
        overflow: visible;
        color: transparent; }
      .funds .funds-menu .wrap .option {
        position: absolute;
        cursor: pointer;
        top: 50%;
        left: 50%;
        width: 10px;
        height: 10px;
        margin-top: -5px;
        margin-left: -5px;
        border-radius: 50%;
        background-color: #b2b2b2; }
    .funds .funds-menu .wrap:hover > .option {
      cursor: pointer;
      -webkit-transform: scale(2.5);
      -moz-transform: scale(2.5);
      -ms-transform: scale(2.5);
      -o-transform: scale(2.5);
      transform: scale(2.5);
      -webkit-transition: 0.3s ease-in-out;
      -moz-transition: 0.3s ease-in-out;
      -ms-transform: 0.3s ease-in-out;
      -o-transition: 0.3s ease-in-out;
      transition: 0.3s ease-in-out; }
    .funds .funds-menu .wrap:hover > .subtitle {
      -webkit-animation: fadeInOption 1s;
      -moz-animation: fadeInOption 1s;
      -ms-animation: fadeInOption 1s;
      -o-animation: fadeInOption 1s;
      animation: fadeInOption 1s;
      color: #b2b2b2; }
  .funds .funds-menu-2 > .wrap:nth-child(1) .option,
  .funds .funds-menu-3 > .wrap:nth-child(2) .option,
  .funds .funds-menu-4 > .wrap:nth-child(3) .option {
    -webkit-transform: scale(2.5);
    -moz-transform: scale(2.5);
    -ms-transform: scale(2.5);
    -o-transform: scale(2.5);
    transform: scale(2.5);
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transform: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out; }
  .funds .funds-menu-2 .wrap .option {
    background-color: white; }
  .funds .funds-menu-2 .wrap:hover > .subtitle {
    color: white; }

@media (max-width: 1200px) {
  .funds .funds-menu {
    right: 15px; }
    .funds .funds-menu .wrap .subtitle {
      display: none !important; } }

@media (max-width: 992px) {
  .funds .funds-menu {
    right: 15px; } }

@media (max-width: 768px) {
  .funds .funds-menu {
    display: none !important; } }

/* funds block-1 */
.funds > .block-1 {
  display: inline-block;
  width: 100%;
  min-height: 130px;
  background-color: #f5f5f5;
  padding-bottom: 70px; }
  .funds > .block-1 .image {
    width: 100%;
    min-height: 115px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin-top: 50px;
    margin-bottom: 30px; }
  .funds > .block-1 .detail {
    width: 100%;
    display: inline-block;
    text-align: center;
    padding: 0 0 0 0; }
    .funds > .block-1 .detail .title {
      display: inline-block;
      width: 80%;
      margin: 100px 0 60px 0;
      text-align: center;
      position: relative; }
      .funds > .block-1 .detail .title h1 {
        margin: 0;
        padding: 0;
        font-family: "Montserrat", sans-serif;
        font-size: 24px;
        line-height: 22px;
        font-weight: bold;
        color: #3d3d3d;
        text-transform: uppercase; }
      .funds > .block-1 .detail .title h1:after {
        position: absolute;
        bottom: -20px;
        left: 50%;
        margin-left: -25px;
        content: "";
        width: 50px;
        height: 5px;
        background: #3d3d3d; }
    .funds > .block-1 .detail .lead {
      display: inline-block;
      width: 80%;
      padding-bottom: 20px; }
      .funds > .block-1 .detail .lead div {
        text-align: left;
        font-family: "Montserrat", sans-serif;
        font-size: 18px;
        line-height: 20px;
        font-weight: normal;
        color: #3d3d3d; }
        .funds > .block-1 .detail .lead div li {
          padding-top: 18px; }

@media (max-width: 1200px) {
  .funds > .block-1 .detail .title {
    font-size: 70px;
    line-height: 70px; } }

@media (max-width: 768px) {
  .funds > .block-1 {
    padding-bottom: 50px; }
    .funds > .block-1 .information {
      padding: 0 15px 80px 15px; }
      .funds > .block-1 .information .title {
        width: 100%;
        margin: 50px 0 50px 0; }
        .funds > .block-1 .information .title h1 {
          font-size: 18px;
          line-height: 18px; }
      .funds > .block-1 .information .lead {
        width: 100%;
        padding-bottom: 10px; }
        .funds > .block-1 .information .lead div {
          text-align: left;
          font-size: 14px;
          line-height: 15px; } }

/* cookies */
.cookies {
  width: 100%;
  display: inline-block; }
  .cookies .cookies-menu {
    position: fixed;
    z-index: 3;
    display: none;
    top: 50%;
    right: 30px;
    margin-top: -60px;
    width: 30px;
    height: auto;
    text-align: center;
    cursor: pointer; }
    .cookies .cookies-menu .wrap {
      position: relative;
      display: inline-block;
      width: 30px;
      height: 40px;
      cursor: pointer; }
      .cookies .cookies-menu .wrap .subtitle {
        position: absolute;
        top: 5.5px;
        right: 0px;
        width: 250px;
        height: 30px;
        padding: 0 35px 0 0;
        line-height: 30px;
        text-align: right;
        font-family: "Montserrat", sans-serif;
        text-transform: uppercase;
        font-weight: bold;
        font-size: 10px;
        overflow: visible;
        color: transparent; }
      .cookies .cookies-menu .wrap .option {
        position: absolute;
        cursor: pointer;
        top: 50%;
        left: 50%;
        width: 10px;
        height: 10px;
        margin-top: -5px;
        margin-left: -5px;
        border-radius: 50%;
        background-color: #b2b2b2; }
    .cookies .cookies-menu .wrap:hover > .option {
      cursor: pointer;
      -webkit-transform: scale(2.5);
      -moz-transform: scale(2.5);
      -ms-transform: scale(2.5);
      -o-transform: scale(2.5);
      transform: scale(2.5);
      -webkit-transition: 0.3s ease-in-out;
      -moz-transition: 0.3s ease-in-out;
      -ms-transform: 0.3s ease-in-out;
      -o-transition: 0.3s ease-in-out;
      transition: 0.3s ease-in-out; }
    .cookies .cookies-menu .wrap:hover > .subtitle {
      -webkit-animation: fadeInOption 1s;
      -moz-animation: fadeInOption 1s;
      -ms-animation: fadeInOption 1s;
      -o-animation: fadeInOption 1s;
      animation: fadeInOption 1s;
      color: #b2b2b2; }
  .cookies .cookies-menu-2 > .wrap:nth-child(1) .option,
  .cookies .cookies-menu-3 > .wrap:nth-child(2) .option,
  .cookies .cookies-menu-4 > .wrap:nth-child(3) .option {
    -webkit-transform: scale(2.5);
    -moz-transform: scale(2.5);
    -ms-transform: scale(2.5);
    -o-transform: scale(2.5);
    transform: scale(2.5);
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transform: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out; }
  .cookies .cookies-menu-2 .wrap .option {
    background-color: white; }
  .cookies .cookies-menu-2 .wrap:hover > .subtitle {
    color: white; }

@media (max-width: 1200px) {
  .cookies .cookies-menu {
    right: 15px; }
    .cookies .cookies-menu .wrap .subtitle {
      display: none !important; } }

@media (max-width: 992px) {
  .cookies .cookies-menu {
    right: 15px; } }

@media (max-width: 768px) {
  .cookies .cookies-menu {
    display: none !important; } }

/* cookies block-1 */
.cookies > .block-1 {
  display: inline-block;
  width: 100%;
  min-height: 130px;
  background-color: #f5f5f5;
  padding-bottom: 70px; }
  .cookies > .block-1 .image {
    width: 100%;
    min-height: 115px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin-top: 50px;
    margin-bottom: 30px; }
  .cookies > .block-1 .detail {
    width: 100%;
    display: inline-block;
    text-align: center;
    padding: 0 0 0 0; }
    .cookies > .block-1 .detail .title {
      display: inline-block;
      width: 80%;
      margin: 100px 0 60px 0;
      text-align: center;
      position: relative; }
      .cookies > .block-1 .detail .title h1 {
        margin: 0;
        padding: 0;
        font-family: "Montserrat", sans-serif;
        font-size: 24px;
        line-height: 22px;
        font-weight: bold;
        color: #3d3d3d;
        text-transform: uppercase; }
      .cookies > .block-1 .detail .title h1:after {
        position: absolute;
        bottom: -20px;
        left: 50%;
        margin-left: -25px;
        content: "";
        width: 50px;
        height: 5px;
        background: #3d3d3d; }
    .cookies > .block-1 .detail .lead {
      display: inline-block;
      width: 80%;
      padding-bottom: 20px; }
      .cookies > .block-1 .detail .lead div {
        text-align: left;
        font-family: "Montserrat", sans-serif;
        font-size: 18px;
        line-height: 20px;
        font-weight: normal;
        color: #3d3d3d; }
        .cookies > .block-1 .detail .lead div li {
          padding-top: 18px; }

@media (max-width: 1200px) {
  .cookies > .block-1 .detail .title {
    font-size: 70px;
    line-height: 70px; } }

@media (max-width: 768px) {
  .cookies > .block-1 {
    padding-bottom: 50px; }
    .cookies > .block-1 .information {
      padding: 0 15px 80px 15px; }
      .cookies > .block-1 .information .title {
        width: 100%;
        margin: 50px 0 50px 0; }
        .cookies > .block-1 .information .title h1 {
          font-size: 18px;
          line-height: 18px; }
      .cookies > .block-1 .information .lead {
        width: 100%;
        padding-bottom: 10px; }
        .cookies > .block-1 .information .lead div {
          text-align: left;
          font-size: 14px;
          line-height: 15px; } }

/* privacy */
.privacy {
  width: 100%;
  display: inline-block; }
  .privacy .privacy-menu {
    position: fixed;
    z-index: 3;
    display: none;
    top: 50%;
    right: 30px;
    margin-top: -60px;
    width: 30px;
    height: auto;
    text-align: center;
    cursor: pointer; }
    .privacy .privacy-menu .wrap {
      position: relative;
      display: inline-block;
      width: 30px;
      height: 40px;
      cursor: pointer; }
      .privacy .privacy-menu .wrap .subtitle {
        position: absolute;
        top: 5.5px;
        right: 0px;
        width: 250px;
        height: 30px;
        padding: 0 35px 0 0;
        line-height: 30px;
        text-align: right;
        font-family: "Montserrat", sans-serif;
        text-transform: uppercase;
        font-weight: bold;
        font-size: 10px;
        overflow: visible;
        color: transparent; }
      .privacy .privacy-menu .wrap .option {
        position: absolute;
        cursor: pointer;
        top: 50%;
        left: 50%;
        width: 10px;
        height: 10px;
        margin-top: -5px;
        margin-left: -5px;
        border-radius: 50%;
        background-color: #b2b2b2; }
    .privacy .privacy-menu .wrap:hover > .option {
      cursor: pointer;
      -webkit-transform: scale(2.5);
      -moz-transform: scale(2.5);
      -ms-transform: scale(2.5);
      -o-transform: scale(2.5);
      transform: scale(2.5);
      -webkit-transition: 0.3s ease-in-out;
      -moz-transition: 0.3s ease-in-out;
      -ms-transform: 0.3s ease-in-out;
      -o-transition: 0.3s ease-in-out;
      transition: 0.3s ease-in-out; }
    .privacy .privacy-menu .wrap:hover > .subtitle {
      -webkit-animation: fadeInOption 1s;
      -moz-animation: fadeInOption 1s;
      -ms-animation: fadeInOption 1s;
      -o-animation: fadeInOption 1s;
      animation: fadeInOption 1s;
      color: #b2b2b2; }
  .privacy .privacy-menu-2 > .wrap:nth-child(1) .option,
  .privacy .privacy-menu-3 > .wrap:nth-child(2) .option,
  .privacy .privacy-menu-4 > .wrap:nth-child(3) .option {
    -webkit-transform: scale(2.5);
    -moz-transform: scale(2.5);
    -ms-transform: scale(2.5);
    -o-transform: scale(2.5);
    transform: scale(2.5);
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transform: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out; }
  .privacy .privacy-menu-2 .wrap .option {
    background-color: white; }
  .privacy .privacy-menu-2 .wrap:hover > .subtitle {
    color: white; }

@media (max-width: 1200px) {
  .privacy .privacy-menu {
    right: 15px; }
    .privacy .privacy-menu .wrap .subtitle {
      display: none !important; } }

@media (max-width: 992px) {
  .privacy .privacy-menu {
    right: 15px; } }

@media (max-width: 768px) {
  .privacy .privacy-menu {
    display: none !important; } }

/* privacy block-1 */
.privacy > .block-1 {
  display: inline-block;
  width: 100%;
  min-height: 130px;
  background-color: #f5f5f5;
  padding-bottom: 70px; }
  .privacy > .block-1 .image {
    width: 100%;
    min-height: 115px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin-top: 50px;
    margin-bottom: 30px; }
  .privacy > .block-1 .detail {
    width: 100%;
    display: inline-block;
    text-align: center;
    padding: 0 0 0 0; }
    .privacy > .block-1 .detail .title {
      display: inline-block;
      width: 80%;
      margin: 100px 0 60px 0;
      text-align: center;
      position: relative; }
      .privacy > .block-1 .detail .title h1 {
        margin: 0;
        padding: 0;
        font-family: "Montserrat", sans-serif;
        font-size: 24px;
        line-height: 22px;
        font-weight: bold;
        color: #3d3d3d;
        text-transform: uppercase; }
      .privacy > .block-1 .detail .title h1:after {
        position: absolute;
        bottom: -20px;
        left: 50%;
        margin-left: -25px;
        content: "";
        width: 50px;
        height: 5px;
        background: #3d3d3d; }
    .privacy > .block-1 .detail .lead {
      display: inline-block;
      width: 80%;
      padding-bottom: 20px; }
      .privacy > .block-1 .detail .lead div {
        text-align: left;
        font-family: "Montserrat", sans-serif;
        font-size: 18px;
        line-height: 20px;
        font-weight: normal;
        color: #3d3d3d; }
        .privacy > .block-1 .detail .lead div li {
          padding-top: 18px; }

@media (max-width: 1200px) {
  .privacy > .block-1 .detail .title {
    font-size: 70px;
    line-height: 70px; } }

@media (max-width: 768px) {
  .privacy > .block-1 {
    padding-bottom: 50px; }
    .privacy > .block-1 .information {
      padding: 0 15px 80px 15px; }
      .privacy > .block-1 .information .title {
        width: 100%;
        margin: 50px 0 50px 0; }
        .privacy > .block-1 .information .title h1 {
          font-size: 18px;
          line-height: 18px; }
      .privacy > .block-1 .information .lead {
        width: 100%;
        padding-bottom: 10px; }
        .privacy > .block-1 .information .lead div {
          text-align: left;
          font-size: 14px;
          line-height: 15px; } }

.queue-management .engineering .block-1 > .information, .queue-management .engineering .block-1 > .image {
  height: 100%; }

.queue-management .engineering .check-list .detail {
  padding: 0; }

.queue-management .engineering .check-list .characteristic .image {
  background-image: url(../../assets/images/icon-checked-green.png); }

.queue-management .engineering .image-characteristics .detail > .title {
  margin-top: 0; }

.queue-management .engineering .image-characteristics .detail > .image {
  margin-bottom: 100px;
  background-size: contain;
  height: unset;
  padding-bottom: 90%; }

.queue-management .engineering .image-characteristics .characteristic .title {
  padding-left: 0;
  padding-right: 0; }
  .queue-management .engineering .image-characteristics .characteristic .title h1 {
    text-transform: unset; }

.queue-management .engineering .image-characteristics .characteristic .image {
  height: 210px;
  background-size: contain;
  background-position: center; }

.queue-management .engineering .features-list {
  background: #eaeaea;
  min-height: unset !important;
  padding-top: 100px;
  padding-bottom: 100px; }
  .queue-management .engineering .features-list .characteristics > .row {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start; }
  .queue-management .engineering .features-list .characteristic {
    display: flex;
    align-items: flex-start;
    padding-bottom: 15px; }
    .queue-management .engineering .features-list .characteristic .image {
      flex: 0 0 40px;
      height: 40px; }
    .queue-management .engineering .features-list .characteristic .description {
      text-align: left;
      margin-left: 10px;
      width: auto;
      flex: 0 1 auto;
      text-align: left; }

.queue-management .engineering .part {
  background: #eaeaea; }
  .queue-management .engineering .part .button-transparent {
    width: auto; }
  .queue-management .engineering .part .detail {
    background-color: rgba(102, 120, 106, 0.7);
    float: left;
    text-align: center; }

.queue-management .engineering .part-3 {
  padding-bottom: 100px; }

.queue-management .engineering .menu .option {
  transition: all 200ms; }
  .queue-management .engineering .menu .option.active {
    transform: scale(2.5); }

.queue-management .interactive .two-cols .content {
  margin-bottom: 100px; }
  .queue-management .interactive .two-cols .content .wrapper {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 40px; }
    .queue-management .interactive .two-cols .content .wrapper > * {
      display: flex;
      flex-direction: column;
      flex: 1 0 320px;
      padding: 0 5px; }
      .queue-management .interactive .two-cols .content .wrapper > * .image {
        background-size: contain;
        background-position: center;
        flex: 0 0 200px; }
      .queue-management .interactive .two-cols .content .wrapper > * .information {
        flex: 1 1 auto;
        display: flex;
        flex-direction: column; }
        .queue-management .interactive .two-cols .content .wrapper > * .information .detail {
          display: flex;
          justify-content: space-between;
          flex: 1 1 auto;
          flex-direction: column;
          padding: 0; }
        .queue-management .interactive .two-cols .content .wrapper > * .information .detail > .title {
          width: 100%; }
  .queue-management .interactive .two-cols .content .characteristics > .row {
    display: flex;
    flex-direction: column; }
  .queue-management .interactive .two-cols .content .characteristic {
    display: flex;
    align-items: center;
    margin: 0 20px 20px; }
    .queue-management .interactive .two-cols .content .characteristic .image {
      height: 40px;
      flex: 1 0 40px;
      padding: 0; }
    .queue-management .interactive .two-cols .content .characteristic .title {
      flex: 1 1 200px;
      width: unset;
      margin: 0 0 0 10px;
      font-family: "Montserrat", sans-serif;
      font-size: 18px;
      line-height: 18px;
      font-weight: bold;
      color: #3d3d3d;
      text-align: left; }
  .queue-management .interactive .two-cols .content .button-download {
    padding: 25px 40px !important;
    background-color: transparent !important;
    border: 2px solid #3d3d3d !important;
    box-shadow: inset 0 0 0 0 #3d3d3d !important;
    color: #3d3d3d; }
  .queue-management .interactive .two-cols .content .button-download:hover {
    box-shadow: inset 400px 0 0 0 #3d3d3d !important;
    background-color: #3d3d3d !important;
    color: white !important;
    border: 2px solid white !important;
    text-shadow: none; }

.queue-management .product-form {
  margin-top: 0; }

.queue-management .engineering .heading .button-transparent,
.queue-management .engineering .part .button-transparent,
.queue-management .interactive .two-cols .button-transparent {
  cursor: pointer;
  display: inline-block;
  border: 2px solid white;
  font-family: "Montserrat", sans-serif;
  font-size: 14.5px;
  line-height: 14.5px;
  font-weight: bold;
  text-transform: uppercase;
  color: white;
  margin: 0;
  padding: 25px 35px;
  background-color: transparent;
  box-shadow: inset 0 0 0 0 white;
  transition: box-shadow ease 0.6s, background-color ease 0.6s; }

.queue-management .engineering .heading .button-transparent:hover,
.queue-management .engineering .part .button-transparent:hover,
.queue-management .interactive .two-cols .button-transparent:hover {
  box-shadow: inset 400px 0 0 0 white;
  border: 2px solid white;
  color: #17e58f;
  background-color: white; }

@media (max-width: 768px) {
  .queue-management .engineering .heading .button-transparent,
  .queue-management .engineering .part .button-transparent,
  .queue-management .interactive .two-cols .button-transparent {
    padding: 22px 15px; } }