/*
Theme Name: Moroko Studio
Author: plusDigital
Author URI: https://plusDigital.co/
Description: ---
Version: 3.0
Text Domain: Moroko Studio
*/
/*--------------------------------------------------
// F U N C T I O N S
--------------------------------------------------*/
/*--------------------------------------------------
// C O C K T A I L S  M I X I N S
--------------------------------------------------*/
/*--------------------------------------------------
// C O L O R S
--------------------------------------------------*/
@import url("https://fonts.googleapis.com/css?family=IBM+Plex+Sans:400,400i,600,600i,700,700i");
body {
  background-color: #ffffff;
  color: #000000;
}

body.dark {
  background-color: #000000;
  color: #ffffff;
}

body.dark a {
  color: #ffffff;
}

/*--------------------------------------------------
// T Y P O G R A P H Y
--------------------------------------------------*/
@font-face {
  font-family: "ibm-mrk";
  src: url("inc/fonts/ibm-plex-medium-mrk-edit.woff2") format("woff2"), url("inc/fonts/ibm-plex-medium-mrk-edit.woff") format("woff"), url("ibm-plex-medium-mrk-edit.otf") format("opentype");
  font-style: normal;
  font-weight: 400;
}

html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  font-family: 'IBM Plex Sans', sans-serif;
  font-size: 18px;
  font-weight: normal;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@media (max-width: 600px) {
  body {
    font-size: 16px;
  }
}

h1, h2, h3, h4, h5, h6, strong {
  font-weight: 700;
}

h1 {
  font-size: 3.55556em;
  line-height: 1.125;
  font-weight: 200;
}

h2 {
  font-size: 2em;
  line-height: 1.222222222222222;
  font-weight: 300;
}

h3 {
  font-size: 1em;
  line-height: 1.333333333333333;
  font-weight: 400;
  text-transform: uppercase;
}

h4 {
  font-size: 1.33333em;
  line-height: 1.333333333333333;
}

h5 {
  font-size: 1.11111em;
  line-height: 1.3;
}

h6 {
  font-size: 1em;
  line-height: 1.333333333333333;
}

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  margin: 0;
  padding: 0;
}

html,
body {
  height: 100%;
}

.allWrap {
  padding: 170px 60px;
  min-height: 100%;
  overflow-x: hidden;
  position: relative;
  opacity: 0;
  -webkit-transition: opacity .5s ease;
  transition: opacity .5s ease;
}

.allWrap:after {
  content: '';
  display: table;
  clear: both;
}

.allWrap.active {
  opacity: 1;
}

.underlay {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  -webkit-transition: -webkit-transform ease-in;
  transition: -webkit-transform ease-in;
  transition: transform ease-in;
  transition: transform ease-in, -webkit-transform ease-in;
}

.underlay.active {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

/*--------------------------------------------------
// RESPONSIVE
--------------------------------------------------*/
@media (max-width: 1150px) {
  .allWrap {
    padding: 170px 20px;
  }
}

@media (min-width: 1600px) {
  .allWrap {
    padding: 170px 10%;
  }
}

@media (max-width: 700px) {
  .allWrap {
    padding: 120px 20px 50px;
  }
}

@media (max-width: 500px) {
  .allWrap {
    padding: 100px 0 80px;
  }
}

h1, h2, h3, h4, h5, h6 {
  margin: 1em 0;
  padding-bottom: 0;
}

h1:nth-of-type(1),
h2:nth-of-type(1) {
  margin-top: 0;
}

p {
  margin: 0 0 1.2em;
  padding: 0;
}

blockquote {
  font-style: italic;
  position: relative;
  padding-left: 70px;
  display: block;
  -webkit-margin-before: 0;
          margin-block-start: 0;
  -webkit-margin-after: 0;
          margin-block-end: 0;
  -webkit-margin-start: 0;
          margin-inline-start: 0;
  -webkit-margin-end: 0;
          margin-inline-end: 0;
  margin: 0 0 1.2em;
}

blockquote:before {
  content: url(inc/images/ico-quotes.svg);
  position: absolute;
  top: 0;
  left: 0;
}

ul,
ol {
  margin: 0 0 1.5em;
  padding: 0;
}

ul {
  list-style: none;
}

ol {
  list-style: decimal;
  list-style-position: inside;
}

li {
  padding: 10px 0;
}

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5em;
}

dt {
  font-weight: 700;
}

dd {
  margin: 0 1.5em 1.5em;
}

img {
  display: inline-block;
  border: none;
  margin: 0;
  padding: 0;
}

figure {
  width: 100%;
  margin: 0;
}

figure img {
  width: 100%;
  height: auto;
}

[hidden] {
  display: none;
}

.clear {
  clear: both;
}

a {
  display: inline-block;
  color: #000000;
  outline: 0;
}

/*--------------------------------------------------
// 7. Buttons
--------------------------------------------------*/
.button,
.wp-block-button .wp-block-button__link {
  background-color: #FFE56B;
  border-color: #FFE56B;
  color: #000000;
  font-size: 0.77778em;
  padding: 8px 15px;
  border-radius: 40px;
  border-style: solid;
  border-width: 1px;
  overflow: hidden;
  position: relative;
  -webkit-transition: all .1s ease;
  transition: all .1s ease;
  text-decoration: none;
  text-transform: uppercase;
  cursor: pointer;
}

.button.ntouch:hover,
.wp-block-button .wp-block-button__link.ntouch:hover {
  background-color: #000000;
  border-color: #000000;
  color: #ffffff;
}

.button.ntouch:hover:before,
.wp-block-button .wp-block-button__link.ntouch:hover:before {
  width: 100%;
}

.button-lite,
.wp-block-button .wp-block-button__link-lite {
  background-color: transparent;
  color: #FFE56B;
}

@media (max-width: 450px) {
  .button,
  .wp-block-button .wp-block-button__link {
    font-size: 0.66667em;
    padding: 8px 14px;
  }
}

.spinner {
  width: 60px;
  height: 60px;
  position: fixed;
  -webkit-animation: rotate 2.0s infinite linear;
  animation: rotate 2.0s infinite linear;
  top: 50%;
  left: 50%;
  margin-top: -30px;
  margin-left: -30px;
  -webkit-transition: opacity .2s ease-out;
  transition: opacity .2s ease-out;
}

.spinner.deactivate {
  opacity: 0;
}

.spinner .dot1, .spinner .dot2 {
  width: 60%;
  height: 60%;
  display: inline-block;
  position: absolute;
  top: 0;
  background-color: #ffffff;
  border-radius: 100%;
  -webkit-animation: bounce 2.0s infinite ease-in-out;
  animation: bounce 2.0s infinite ease-in-out;
}

.spinner .dot2 {
  top: auto;
  bottom: 0px;
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

@-webkit-keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes rotate {
  100% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
  }
}

@-webkit-keyframes bounce {
  0%, 100% {
    -webkit-transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
  }
}

@keyframes bounce {
  0%, 100% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }
  50% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}

.dark .spinner .dot1, .dark .spinner .dot2 {
  background-color: #ffffff;
}

.wp-block-spacer {
  width: 100%;
}

/*--------------------------------------------------
// G R I D
--------------------------------------------------*/
.row {
  width: 100%;
  margin: 0 auto;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.row:after {
  content: '';
  display: table;
  clear: both;
}

.cell {
  width: 100%;
  float: left;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 20px;
  padding-right: 20px;
}

.cell:after {
  content: '';
  display: table;
  clear: both;
}

.cell.padre {
  padding-left: 0;
  padding-right: 0;
}

.x1 {
  width: 8.33333%;
}

.x2 {
  width: 16.66667%;
}

.x3 {
  width: 25%;
}

.x4 {
  width: 33.33333%;
}

.x5 {
  width: 41.66667%;
}

.x6 {
  width: 50%;
}

.x7 {
  width: 58.33333%;
}

.x8 {
  width: 66.66667%;
}

.x9 {
  width: 75%;
}

.x10 {
  width: 83.33333%;
}

.x11 {
  width: 91.66667%;
}

.off-1 {
  margin-left: 8.33333%;
}

.off-2 {
  margin-left: 16.66667%;
}

.off-3 {
  margin-left: 25%;
}

.off-4 {
  margin-left: 33.33333%;
}

.off-5 {
  margin-left: 41.66667%;
}

.off-6 {
  margin-left: 50%;
}

.off-7 {
  margin-left: 58.33333%;
}

.off-8 {
  margin-left: 66.66667%;
}

.off-9 {
  margin-left: 75%;
}

.off-10 {
  margin-left: 83.33333%;
}

.off-11 {
  margin-left: 91.66667%;
}

.grid-11 .x1 {
  width: 9.09091%;
}

.grid-11 .x2 {
  width: 18.18182%;
}

.grid-11 .x3 {
  width: 27.27273%;
}

.grid-11 .x4 {
  width: 36.36364%;
}

.grid-11 .x5 {
  width: 45.45455%;
}

.grid-11 .x6 {
  width: 54.54545%;
}

.grid-11 .x7 {
  width: 63.63636%;
}

.grid-11 .x8 {
  width: 72.72727%;
}

.grid-11 .x9 {
  width: 81.81818%;
}

.grid-11 .x10 {
  width: 90.90909%;
}

.grid-11 .off-x1 {
  margin-left: 10%;
}

.grid-11 .off-x2 {
  margin-left: 18.18182%;
}

.grid-11 .off-x3 {
  margin-left: 27.27273%;
}

.grid-11 .off-x4 {
  margin-left: 36.36364%;
}

.grid-11 .off-x5 {
  margin-left: 45.45455%;
}

.grid-11 .off-x6 {
  margin-left: 54.54545%;
}

.grid-11 .off-x7 {
  margin-left: 63.63636%;
}

.grid-11 .off-x8 {
  margin-left: 72.72727%;
}

.grid-11 .off-x9 {
  margin-left: 81.81818%;
}

.grid-11 .off-x10 {
  margin-left: 90.90909%;
}

.grid-10 .x1 {
  width: 10%;
}

.grid-10 .x2 {
  width: 20%;
}

.grid-10 .x3 {
  width: 30%;
}

.grid-10 .x4 {
  width: 40%;
}

.grid-10 .x5 {
  width: 50%;
}

.grid-10 .x6 {
  width: 60%;
}

.grid-10 .x7 {
  width: 70%;
}

.grid-10 .x8 {
  width: 80%;
}

.grid-10 .x9 {
  width: 90%;
}

.grid-10 .off-1 {
  margin-left: 10%;
}

.grid-10 .off-2 {
  margin-left: 20%;
}

.grid-10 .off-3 {
  margin-left: 30%;
}

.grid-10 .off-4 {
  margin-left: 40%;
}

.grid-10 .off-5 {
  margin-left: 50%;
}

.grid-10 .off-6 {
  margin-left: 60%;
}

.grid-10 .off-7 {
  margin-left: 70%;
}

.grid-10 .off-8 {
  margin-left: 80%;
}

.grid-10 .off-9 {
  margin-left: 90%;
}

.grid-9 .x1 {
  width: 11.11111%;
}

.grid-9 .x2 {
  width: 22.22222%;
}

.grid-9 .x3 {
  width: 33.33333%;
}

.grid-9 .x4 {
  width: 44.44444%;
}

.grid-9 .x5 {
  width: 55.55556%;
}

.grid-9 .x6 {
  width: 66.66667%;
}

.grid-9 .x7 {
  width: 77.77778%;
}

.grid-9 .x8 {
  width: 88.88889%;
}

.grid-9 .off-1 {
  margin-left: 11.11111%;
}

.grid-9 .off-2 {
  margin-left: 22.22222%;
}

.grid-9 .off-3 {
  margin-left: 33.33333%;
}

.grid-9 .off-4 {
  margin-left: 44.44444%;
}

.grid-9 .off-5 {
  margin-left: 55.55556%;
}

.grid-9 .off-6 {
  margin-left: 66.66667%;
}

.grid-9 .off-7 {
  margin-left: 77.77778%;
}

.grid-9 .off-8 {
  margin-left: 88.88889%;
}

.grid-8 .x1 {
  width: 12.5%;
}

.grid-8 .x2 {
  width: 25%;
}

.grid-8 .x3 {
  width: 37.5%;
}

.grid-8 .x4 {
  width: 50%;
}

.grid-8 .x5 {
  width: 62.5%;
}

.grid-8 .x6 {
  width: 75%;
}

.grid-8 .x7 {
  width: 87.5%;
}

.grid-8 .off-1 {
  margin-left: 12.5%;
}

.grid-8 .off-2 {
  margin-left: 25%;
}

.grid-8 .off-3 {
  margin-left: 37.5%;
}

.grid-8 .off-4 {
  margin-left: 50%;
}

.grid-8 .off-5 {
  margin-left: 62.5%;
}

.grid-8 .off-6 {
  margin-left: 75%;
}

.grid-8 .off-7 {
  margin-left: 87.5%;
}

.grid-7 .x1 {
  width: 14.28571%;
}

.grid-7 .x2 {
  width: 28.57143%;
}

.grid-7 .x3 {
  width: 42.85714%;
}

.grid-7 .x4 {
  width: 57.14286%;
}

.grid-7 .x5 {
  width: 71.42857%;
}

.grid-7 .x6 {
  width: 85.71429%;
}

.grid-7 .off-1 {
  margin-left: 14.28571%;
}

.grid-7 .off-2 {
  margin-left: 28.57143%;
}

.grid-7 .off-3 {
  margin-left: 42.85714%;
}

.grid-7 .off-4 {
  margin-left: 57.14286%;
}

.grid-7 .off-5 {
  margin-left: 71.42857%;
}

.grid-7 .off-6 {
  margin-left: 85.71429%;
}

.grid-6 .x1 {
  width: 16.66667%;
}

.grid-6 .x2 {
  width: 33.33333%;
}

.grid-6 .x3 {
  width: 50%;
}

.grid-6 .x4 {
  width: 66.66667%;
}

.grid-6 .x5 {
  width: 83.33333%;
}

.grid-6 .off-1 {
  margin-left: 16.66667%;
}

.grid-6 .off-2 {
  margin-left: 33.33333%;
}

.grid-6 .off-3 {
  margin-left: 50%;
}

.grid-6 .off-4 {
  margin-left: 66.66667%;
}

.grid-6 .off-5 {
  margin-left: 83.33333%;
}

.grid-5 .x1 {
  width: 20%;
}

.grid-5 .x2 {
  width: 40%;
}

.grid-5 .x3 {
  width: 60%;
}

.grid-5 .x4 {
  width: 80%;
}

.grid-5 .off-1 {
  margin-left: 20%;
}

.grid-5 .off-2 {
  margin-left: 40%;
}

.grid-5 .off-3 {
  margin-left: 60%;
}

.grid-5 .off-4 {
  margin-left: 80%;
}

.grid-4 .x1 {
  width: 25%;
}

.grid-4 .x2 {
  width: 50%;
}

.grid-4 .x3 {
  width: 75%;
}

.grid-4 .off-1 {
  margin-left: 25%;
}

.grid-4 .off-2 {
  margin-left: 50%;
}

.grid-4 .off-3 {
  margin-left: 75%;
}

.grid-3 .x1 {
  width: 33.33333%;
}

.grid-3 .x2 {
  width: 66.66667%;
}

.grid-3 .x3 {
  width: 100%;
}

.grid-3 .off-1 {
  margin-left: 33.33333%;
}

.grid-3 .off-2 {
  margin-left: 66.66667%;
}

.grid-2 .x1 {
  width: 50%;
}

.grid-2 .off-1 {
  margin-left: 50%;
}

.ff {
  float: none;
  margin-left: auto;
  margin-right: auto;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.w1 {
  width: 1%;
  -ms-flex-preferred-size: 1%;
      flex-basis: 1%;
}

.w2 {
  width: 2%;
  -ms-flex-preferred-size: 2%;
      flex-basis: 2%;
}

.w3 {
  width: 3%;
  -ms-flex-preferred-size: 3%;
      flex-basis: 3%;
}

.w4 {
  width: 4%;
  -ms-flex-preferred-size: 4%;
      flex-basis: 4%;
}

.w5 {
  width: 5%;
  -ms-flex-preferred-size: 5%;
      flex-basis: 5%;
}

.w6 {
  width: 6%;
  -ms-flex-preferred-size: 6%;
      flex-basis: 6%;
}

.w7 {
  width: 7%;
  -ms-flex-preferred-size: 7%;
      flex-basis: 7%;
}

.w8 {
  width: 8%;
  -ms-flex-preferred-size: 8%;
      flex-basis: 8%;
}

.w9 {
  width: 9%;
  -ms-flex-preferred-size: 9%;
      flex-basis: 9%;
}

.w10 {
  width: 10%;
  -ms-flex-preferred-size: 10%;
      flex-basis: 10%;
}

.w11 {
  width: 11%;
  -ms-flex-preferred-size: 11%;
      flex-basis: 11%;
}

.w12 {
  width: 12%;
  -ms-flex-preferred-size: 12%;
      flex-basis: 12%;
}

.w13 {
  width: 13%;
  -ms-flex-preferred-size: 13%;
      flex-basis: 13%;
}

.w14 {
  width: 14%;
  -ms-flex-preferred-size: 14%;
      flex-basis: 14%;
}

.w15 {
  width: 15%;
  -ms-flex-preferred-size: 15%;
      flex-basis: 15%;
}

.w16 {
  width: 16%;
  -ms-flex-preferred-size: 16%;
      flex-basis: 16%;
}

.w17 {
  width: 17%;
  -ms-flex-preferred-size: 17%;
      flex-basis: 17%;
}

.w18 {
  width: 18%;
  -ms-flex-preferred-size: 18%;
      flex-basis: 18%;
}

.w19 {
  width: 19%;
  -ms-flex-preferred-size: 19%;
      flex-basis: 19%;
}

.w20 {
  width: 20%;
  -ms-flex-preferred-size: 20%;
      flex-basis: 20%;
}

.w21 {
  width: 21%;
  -ms-flex-preferred-size: 21%;
      flex-basis: 21%;
}

.w22 {
  width: 22%;
  -ms-flex-preferred-size: 22%;
      flex-basis: 22%;
}

.w23 {
  width: 23%;
  -ms-flex-preferred-size: 23%;
      flex-basis: 23%;
}

.w24 {
  width: 24%;
  -ms-flex-preferred-size: 24%;
      flex-basis: 24%;
}

.w25 {
  width: 25%;
  -ms-flex-preferred-size: 25%;
      flex-basis: 25%;
}

.w26 {
  width: 26%;
  -ms-flex-preferred-size: 26%;
      flex-basis: 26%;
}

.w27 {
  width: 27%;
  -ms-flex-preferred-size: 27%;
      flex-basis: 27%;
}

.w28 {
  width: 28%;
  -ms-flex-preferred-size: 28%;
      flex-basis: 28%;
}

.w29 {
  width: 29%;
  -ms-flex-preferred-size: 29%;
      flex-basis: 29%;
}

.w30 {
  width: 30%;
  -ms-flex-preferred-size: 30%;
      flex-basis: 30%;
}

.w31 {
  width: 31%;
  -ms-flex-preferred-size: 31%;
      flex-basis: 31%;
}

.w32 {
  width: 32%;
  -ms-flex-preferred-size: 32%;
      flex-basis: 32%;
}

.w33 {
  width: 33%;
  -ms-flex-preferred-size: 33%;
      flex-basis: 33%;
}

.w34 {
  width: 34%;
  -ms-flex-preferred-size: 34%;
      flex-basis: 34%;
}

.w35 {
  width: 35%;
  -ms-flex-preferred-size: 35%;
      flex-basis: 35%;
}

.w36 {
  width: 36%;
  -ms-flex-preferred-size: 36%;
      flex-basis: 36%;
}

.w37 {
  width: 37%;
  -ms-flex-preferred-size: 37%;
      flex-basis: 37%;
}

.w38 {
  width: 38%;
  -ms-flex-preferred-size: 38%;
      flex-basis: 38%;
}

.w39 {
  width: 39%;
  -ms-flex-preferred-size: 39%;
      flex-basis: 39%;
}

.w40 {
  width: 40%;
  -ms-flex-preferred-size: 40%;
      flex-basis: 40%;
}

.w41 {
  width: 41%;
  -ms-flex-preferred-size: 41%;
      flex-basis: 41%;
}

.w42 {
  width: 42%;
  -ms-flex-preferred-size: 42%;
      flex-basis: 42%;
}

.w43 {
  width: 43%;
  -ms-flex-preferred-size: 43%;
      flex-basis: 43%;
}

.w44 {
  width: 44%;
  -ms-flex-preferred-size: 44%;
      flex-basis: 44%;
}

.w45 {
  width: 45%;
  -ms-flex-preferred-size: 45%;
      flex-basis: 45%;
}

.w46 {
  width: 46%;
  -ms-flex-preferred-size: 46%;
      flex-basis: 46%;
}

.w47 {
  width: 47%;
  -ms-flex-preferred-size: 47%;
      flex-basis: 47%;
}

.w48 {
  width: 48%;
  -ms-flex-preferred-size: 48%;
      flex-basis: 48%;
}

.w49 {
  width: 49%;
  -ms-flex-preferred-size: 49%;
      flex-basis: 49%;
}

.w50 {
  width: 50%;
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
}

.w51 {
  width: 51%;
  -ms-flex-preferred-size: 51%;
      flex-basis: 51%;
}

.w52 {
  width: 52%;
  -ms-flex-preferred-size: 52%;
      flex-basis: 52%;
}

.w53 {
  width: 53%;
  -ms-flex-preferred-size: 53%;
      flex-basis: 53%;
}

.w54 {
  width: 54%;
  -ms-flex-preferred-size: 54%;
      flex-basis: 54%;
}

.w55 {
  width: 55%;
  -ms-flex-preferred-size: 55%;
      flex-basis: 55%;
}

.w56 {
  width: 56%;
  -ms-flex-preferred-size: 56%;
      flex-basis: 56%;
}

.w57 {
  width: 57%;
  -ms-flex-preferred-size: 57%;
      flex-basis: 57%;
}

.w58 {
  width: 58%;
  -ms-flex-preferred-size: 58%;
      flex-basis: 58%;
}

.w59 {
  width: 59%;
  -ms-flex-preferred-size: 59%;
      flex-basis: 59%;
}

.w60 {
  width: 60%;
  -ms-flex-preferred-size: 60%;
      flex-basis: 60%;
}

.w61 {
  width: 61%;
  -ms-flex-preferred-size: 61%;
      flex-basis: 61%;
}

.w62 {
  width: 62%;
  -ms-flex-preferred-size: 62%;
      flex-basis: 62%;
}

.w63 {
  width: 63%;
  -ms-flex-preferred-size: 63%;
      flex-basis: 63%;
}

.w64 {
  width: 64%;
  -ms-flex-preferred-size: 64%;
      flex-basis: 64%;
}

.w65 {
  width: 65%;
  -ms-flex-preferred-size: 65%;
      flex-basis: 65%;
}

.w66 {
  width: 66%;
  -ms-flex-preferred-size: 66%;
      flex-basis: 66%;
}

.w67 {
  width: 67%;
  -ms-flex-preferred-size: 67%;
      flex-basis: 67%;
}

.w68 {
  width: 68%;
  -ms-flex-preferred-size: 68%;
      flex-basis: 68%;
}

.w69 {
  width: 69%;
  -ms-flex-preferred-size: 69%;
      flex-basis: 69%;
}

.w70 {
  width: 70%;
  -ms-flex-preferred-size: 70%;
      flex-basis: 70%;
}

.w71 {
  width: 71%;
  -ms-flex-preferred-size: 71%;
      flex-basis: 71%;
}

.w72 {
  width: 72%;
  -ms-flex-preferred-size: 72%;
      flex-basis: 72%;
}

.w73 {
  width: 73%;
  -ms-flex-preferred-size: 73%;
      flex-basis: 73%;
}

.w74 {
  width: 74%;
  -ms-flex-preferred-size: 74%;
      flex-basis: 74%;
}

.w75 {
  width: 75%;
  -ms-flex-preferred-size: 75%;
      flex-basis: 75%;
}

.w76 {
  width: 76%;
  -ms-flex-preferred-size: 76%;
      flex-basis: 76%;
}

.w77 {
  width: 77%;
  -ms-flex-preferred-size: 77%;
      flex-basis: 77%;
}

.w78 {
  width: 78%;
  -ms-flex-preferred-size: 78%;
      flex-basis: 78%;
}

.w79 {
  width: 79%;
  -ms-flex-preferred-size: 79%;
      flex-basis: 79%;
}

.w80 {
  width: 80%;
  -ms-flex-preferred-size: 80%;
      flex-basis: 80%;
}

.w81 {
  width: 81%;
  -ms-flex-preferred-size: 81%;
      flex-basis: 81%;
}

.w82 {
  width: 82%;
  -ms-flex-preferred-size: 82%;
      flex-basis: 82%;
}

.w83 {
  width: 83%;
  -ms-flex-preferred-size: 83%;
      flex-basis: 83%;
}

.w84 {
  width: 84%;
  -ms-flex-preferred-size: 84%;
      flex-basis: 84%;
}

.w85 {
  width: 85%;
  -ms-flex-preferred-size: 85%;
      flex-basis: 85%;
}

.w86 {
  width: 86%;
  -ms-flex-preferred-size: 86%;
      flex-basis: 86%;
}

.w87 {
  width: 87%;
  -ms-flex-preferred-size: 87%;
      flex-basis: 87%;
}

.w88 {
  width: 88%;
  -ms-flex-preferred-size: 88%;
      flex-basis: 88%;
}

.w89 {
  width: 89%;
  -ms-flex-preferred-size: 89%;
      flex-basis: 89%;
}

.w90 {
  width: 90%;
  -ms-flex-preferred-size: 90%;
      flex-basis: 90%;
}

.w91 {
  width: 91%;
  -ms-flex-preferred-size: 91%;
      flex-basis: 91%;
}

.w92 {
  width: 92%;
  -ms-flex-preferred-size: 92%;
      flex-basis: 92%;
}

.w93 {
  width: 93%;
  -ms-flex-preferred-size: 93%;
      flex-basis: 93%;
}

.w94 {
  width: 94%;
  -ms-flex-preferred-size: 94%;
      flex-basis: 94%;
}

.w95 {
  width: 95%;
  -ms-flex-preferred-size: 95%;
      flex-basis: 95%;
}

.w96 {
  width: 96%;
  -ms-flex-preferred-size: 96%;
      flex-basis: 96%;
}

.w97 {
  width: 97%;
  -ms-flex-preferred-size: 97%;
      flex-basis: 97%;
}

.w98 {
  width: 98%;
  -ms-flex-preferred-size: 98%;
      flex-basis: 98%;
}

.w99 {
  width: 99%;
  -ms-flex-preferred-size: 99%;
      flex-basis: 99%;
}

.w100 {
  width: 100%;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}

.has-2-columns {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

/*--------------------------------------------------
// Header
--------------------------------------------------*/
.mainHeader {
  z-index: 3;
  position: absolute;
  top: 80px;
  left: 0;
  padding-left: 80px;
  padding-right: 80px;
  opacity: 0;
  -webkit-transform: translateY(-60px);
          transform: translateY(-60px);
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out;
}

.mainHeader.active {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.mainHeader .logo {
  font-family: 'ibm-mrk', sans-serif;
  text-transform: uppercase;
  font-weight: normal;
  font-size: 1.55556em;
  text-decoration: none;
}

.mainHeader .logo img {
  width: 220px;
  height: auto;
}

.mainHeader .download, .mainHeader .menuTrigger {
  float: right;
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
  margin-left: 30px;
}

.mainHeader .download {
  display: none;
}

.mainHeader .menuTrigger {
  display: none;
}

.dark .mainHeader a {
  color: #ffffff;
}

.dark .mainHeader nav ul li.current-menu-item a:after {
  background: #ffffff;
}

/*--------------------------------------------------
// Overlays
--------------------------------------------------*/
.overlay {
  position: fixed;
  z-index: 99;
  top: 0;
  right: 0;
  background: #ffffff;
  height: 100%;
  width: 0;
  -webkit-transition: width .3s ease-in;
  transition: width .3s ease-in;
}

.overlay.despre {
  background: #fbd8d2;
}

.overlay.contact {
  background: #016148;
}

.overlay.acasa {
  background: #000000;
}

.overlay.active {
  width: 100%;
}

/*--------------------------------------------------
// Content
--------------------------------------------------*/
.theContent {
  opacity: 0;
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
  -webkit-transition: opacity 1s ease, -webkit-transform 1s ease;
  transition: opacity 1s ease, -webkit-transform 1s ease;
  transition: opacity 1s ease, transform 1s ease;
  transition: opacity 1s ease, transform 1s ease, -webkit-transform 1s ease;
}

.theContent.active {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

/*--------------------------------------------------
// RESPONSIVE
--------------------------------------------------*/
@media (max-width: 1150px) {
  .mainHeader {
    top: 50px;
    padding-left: 40px;
    padding-right: 40px;
  }
}

@media (max-width: 900px) {
  .mainHeader .menuTrigger {
    display: block;
  }
}

@media (max-width: 500px) {
  .mainHeader {
    top: 30px;
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media (max-width: 450px) {
  .mainHeader .logo {
    font-size: 1.22222em;
  }
  .mainHeader .menuTrigger {
    margin-left: 0;
    -webkit-transform: translateY(-3px);
            transform: translateY(-3px);
  }
}

@media (min-width: 1600px) {
  .mainHeader {
    padding-left: calc(10% + 20px);
    padding-right: calc(10% + 20px);
  }
}

/*--------------------------------------------------
// FOOTER
--------------------------------------------------*/
.mainFooter {
  position: absolute;
  z-index: 3;
  bottom: 80px;
  left: 0;
  padding-left: 80px;
  padding-right: 80px;
  opacity: 0;
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
  -webkit-transition: all .7s ease-out;
  transition: all .7s ease-out;
  font-size: 0.88889em;
}

.mainFooter.active {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.mainFooter a {
  font-family: 'ibm-mrk', sans-serif;
  text-transform: uppercase;
  text-decoration: none;
}

.mainFooter a:before {
  content: url("inc/images/ico-ex-link.svg");
  margin-right: 10px;
}

.mainFooter a img {
  width: 144px;
  height: auto;
}

.dark .mainFooter,
.dark .mainFooter a {
  color: #ffffff;
}

.dark .mainFooter .fr ul,
.dark .mainFooter a .fr ul {
  border-right: solid 1px #ffffff;
}

/*--------------------------------------------------
// RESPONSIVE
--------------------------------------------------*/
@media (max-width: 1150px) {
  .mainFooter {
    bottom: 40px;
    padding-left: 40px;
    padding-right: 40px;
  }
}

@media (max-width: 500px) {
  .mainFooter {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media (min-width: 1600px) {
  .mainFooter {
    padding-left: calc(10% + 20px);
    padding-right: calc(10% + 20px);
  }
}

/*--------------------------------------------------
// FRONTPAGE
--------------------------------------------------*/
.home {
  background-color: #000000;
  color: #ffffff;
}

.home a {
  color: #ffffff;
}

.home .button {
  color: #000000;
}

.home .button-lite {
  color: #FFE56B;
}

.home .imgCover {
  opacity: .4;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}

.home .mainFooter a {
  font-family: 'ibm-mrk', sans-serif;
  text-transform: uppercase;
  text-decoration: none;
}

.home .mainFooter a:before {
  content: url("inc/images/ico-ex-link-accent.svg");
  margin-right: 10px;
}

.home .project-menu {
  position: absolute;
  bottom: 150px;
  left: 0;
  width: 100%;
  padding-left: 60px;
  padding-right: 60px;
}

.home .project-menu .project-content ol li:before {
  color: #FFE56B;
}

@media (min-width: 1600px) {
  .home .project-menu {
    padding-left: 10%;
    padding-right: 10%;
  }
}

@media (max-width: 1150px) {
  .home .project-menu {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media (max-width: 600px) {
  .home .project-menu {
    bottom: 80px;
  }
}

@media (max-width: 500px) {
  .home .project-menu .cell {
    padding-left: 0;
  }
}

@media screen and (max-width: 768px) and (orientation: landscape) {
  .home .project-menu {
    bottom: 80px;
  }
}

.page .label {
  color: #000000;
  opacity: .3;
}

.page .mobileMenu ol a {
  color: #ffffff;
}

.page .mobileMenu .menuClose {
  color: #FFE56B;
}

.page .mobileMenu .mrkLink {
  color: #ffffff;
}

.page .spinner .dot1, .page .spinner .dot2 {
  background-color: #000000;
}

@media (max-width: 900px) {
  .page .project-menu {
    display: none;
  }
  .page .bloc {
    margin-top: 0;
  }
}

.project-menu .project-content {
  text-transform: uppercase;
}

.project-menu .project-content a {
  text-decoration: none;
}

.project-menu .project-content ol {
  max-height: 180px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  counter-reset: item;
  list-style-type: none;
}

.project-menu .project-content ol li {
  padding: 2px 0;
  font-size: 1em;
  width: 50%;
  opacity: .5;
}

.project-menu .project-content ol li.current-menu-item, .project-menu .project-content ol li:hover {
  opacity: 1;
}

.project-menu .project-content ol li:before {
  content: counter(item, decimal-leading-zero) " ";
  counter-increment: item;
  color: #000000;
}

/*--------------------------------------------------
// RESPONSIVE
--------------------------------------------------*/
@media (max-width: 1150px) {
  .project-menu h1 {
    font-size: 2em;
  }
}

@media (max-width: 900px) {
  .project-menu .label {
    margin-bottom: 10px;
  }
  .project-menu .project-name,
  .project-menu .project-manager {
    width: 50%;
    margin-bottom: 20px;
  }
  .project-menu .project-content {
    display: none;
  }
}

@media (max-width: 450px) {
  .project-menu .project-name,
  .project-menu .project-manager {
    width: 100%;
    margin-bottom: 20px;
  }
  .project-menu .project-content {
    display: none;
  }
}

.bloc {
  margin-top: 100px;
  margin-bottom: 15px;
}

.bloc ~ .bloc {
  margin-top: 15px;
}

.bloc img {
  width: 100%;
  height: auto;
}

.bloc h3 {
  margin: 0;
}

.blocProduse {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.blocProduse .produs {
  float: none;
  margin-bottom: 40px;
}

.blocProduse .produs .wrap {
  height: 100%;
  background-color: #f2f2f2;
  padding-top: 20px;
  padding-bottom: 20px;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -o-border-radius: 10px;
}

.blocProduse .produs .wrap .produs-title {
  margin-bottom: 20px;
  text-transform: uppercase;
}

.blocProduse .produs .wrap .produs-img .img-wrap {
  border-radius: 5px;
  width: 100%;
  padding-top: 100%;
  overflow: hidden;
  position: relative;
}

.blocProduse .produs .wrap .produs-img .img-wrap img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
}

.blocProduse .produs .wrap .produs-detalii {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.blocProduse .produs .wrap .produs-detalii .cell {
  float: none;
  font-size: 0.77778em;
  text-transform: uppercase;
  margin-bottom: 20px;
  line-height: 1.2em;
}

.blocProduse .produs .wrap .produs-detalii .cell span {
  display: block;
  font-size: 0.72222em;
  color: gray;
}

.blocProduse .produs .wrap .produs-detalii .cell a span {
  color: #000000;
  font-size: 1em;
}

.blocProduse .produs .wrap .produs-detalii .cell a:hover span {
  color: #ffffff;
}

.blocResurse {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.blocResurse .resursa {
  float: none;
  margin-bottom: 20px;
}

.blocResurse .resursa a {
  position: relative;
  width: 100%;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -o-border-radius: 10px;
  padding: 20px;
  background-color: #f2f2f2;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 0.83333em;
}

.blocResurse .resursa a:after {
  content: url("inc/images/download-arrow.svg");
  position: absolute;
  top: 23px;
  right: 20px;
}

.blocResurse .resursa a img {
  width: auto;
  height: auto;
  vertical-align: middle;
  margin-right: 20px;
}

.blocResurse .resursa a span {
  position: absolute;
  top: 36px;
  left: 28px;
  font-size: 0.55556em;
}

@media (max-width: 800px) {
  .blocProduse .produs {
    width: 100%;
  }
  .blocResurse .resursa {
    width: 100%;
  }
}

@media (max-width: 450px) {
  .blocProduse .produs .wrap .produs-img {
    width: 50%;
  }
  .blocProduse .produs .wrap .produs-detalii {
    width: 50%;
  }
  .blocProduse .produs .wrap .produs-detalii .x1 {
    width: 100%;
  }
}

.mobileMenu {
  position: fixed;
  top: 0;
  right: -320px;
  width: 320px;
  height: 100%;
  background: #000000;
  z-index: 99;
  overflow: hidden;
  padding-top: 80px;
  -webkit-transition: right .4s ease;
  transition: right .4s ease;
}

.mobileMenu.active {
  right: 0;
}

.mobileMenu .menuClose {
  position: absolute;
  top: 30px;
  right: 30px;
}

.mobileMenu .menuWrap {
  text-transform: uppercase;
  font-size: 0.88889em;
  padding-left: 40px;
}

.mobileMenu .menuWrap a {
  text-decoration: none;
}

.mobileMenu .menuWrap ol {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  counter-reset: item;
  list-style-type: none;
}

.mobileMenu .menuWrap ol li {
  padding: 5px 0;
  font-size: 1em;
  width: 100%;
  opacity: .5;
}

.mobileMenu .menuWrap ol li.current-menu-item, .mobileMenu .menuWrap ol li:hover {
  opacity: 1;
}

.mobileMenu .menuWrap ol li:before {
  content: counter(item, decimal-leading-zero) " ";
  counter-increment: item;
  color: #FFE56B;
}

.mobileMenu .mrkLink {
  font-family: 'ibm-mrk', sans-serif;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 0.88889em;
  position: absolute;
  left: 40px;
  bottom: 30px;
}

.mobileMenu .mrkLink:before {
  content: url("inc/images/ico-ex-link-accent.svg");
  margin-right: 10px;
}

@media (orientation: landscape) {
  .mobileMenu {
    width: 100%;
    height: 100%;
    padding-top: 100px;
    right: -100%;
  }
  .mobileMenu .menuWrap ol {
    max-height: 200px;
  }
  .mobileMenu .menuWrap ol li {
    width: 50%;
  }
  .mobileMenu .mrkLink {
    left: 40px;
    top: 40px;
    bottom: auto;
  }
}

/*--------------------------------------------------
// G E N E R A L
--------------------------------------------------*/
.label {
  text-transform: uppercase;
  margin-bottom: 30px;
  font-family: 'ibm-mrk', sans-serif;
  font-size: 0.88889em;
  color: #FFE56B;
}
/*# sourceMappingURL=style.css.map */