/** Colors */

/** Box Model  */

/** Import everything from autoload */

/**
 * Import npm dependencies
 *
 * Prefix your imports with `~` to grab from node_modules/
 * @see https://github.com/webpack-contrib/sass-loader#imports
 */

/** Import theme styles */

/* line 1, resources/assets/styles/old/mobile-menu.scss */

.menu,
.mobile-menu {
  padding-left: 0;
  font-family: "Ubuntu", sans-serif;
  line-height: 140%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  text-decoration: none;
  color: black;
  position: relative;
  width: 100%;
  list-style: none;
}

/* line 15, resources/assets/styles/old/mobile-menu.scss */

.menu a,
.mobile-menu a {
  text-decoration: none;
}

/* line 22, resources/assets/styles/old/mobile-menu.scss */

header.banner.top-menu .mobile-menu ul {
  display: inline-block;
}

/* line 26, resources/assets/styles/old/mobile-menu.scss */

header.banner.top-menu .mobile-menu li a {
  color: black !important;
}

/* line 30, resources/assets/styles/old/mobile-menu.scss */

header.banner.top-menu .mobile-menu.mobile-menu-hide .menu-btn img {
  -webkit-filter: brightness(0) invert(1) !important;
  filter: brightness(0) invert(1) !important;
}

/* line 35, resources/assets/styles/old/mobile-menu.scss */

header.banner.top-menu .mobile-menu .menu-btn img {
  -webkit-filter: none !important;
          filter: none !important;
}

/* line 3, resources/assets/styles/old/index-style.scss */

a[href],
input[type="submit"],
input[type="image"],
label[for],
select,
button,
.pointer {
  cursor: pointer;
}

/* line 13, resources/assets/styles/old/index-style.scss */

html,
body {
  max-width: 100%;
  overflow-x: hidden;
  scroll-behavior: smooth;
}

/* line 20, resources/assets/styles/old/index-style.scss */

body {
  --hleft: 45;
  --hright: 35;
  --hgap: 10;
  --btn-trans: 0.2s ease;
  --mh: 4vw;
  --ch: 5vw;
  --color1: #d2c3e6;
  --color2: #e2efff;
  --client-color: #e3e3e3;
  border-width: 0;
  margin: 0;
}

@font-face {
  font-family: Martel;
  font-style: normal;
  font-weight: 400;
  src: local("Martel"), url(/wp-content/themes/marketacross_wp_theme/fonts/Martel.woff2) format("woff2");
  font-display: swap;
}

/* line 43, resources/assets/styles/old/index-style.scss */

h1 {
  margin-top: 0;
  margin-right: 0;
  margin-left: 0;
  margin-bottom: 20px;
  line-height: 140%;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 48px;
  display: inline-block;
}

/* line 55, resources/assets/styles/old/index-style.scss */

h1,
h2 {
  font-weight: 900;
  font-family: "Martel", sans-serif;
  font-style: normal;
}

/* line 62, resources/assets/styles/old/index-style.scss */

h3 {
  font-family: "Ubuntu", sans-serif;
}

/* line 66, resources/assets/styles/old/index-style.scss */

p {
  font-family: "Ubuntu", sans-serif;
  font-weight: 300;
  line-height: 130%;
}

/* line 72, resources/assets/styles/old/index-style.scss */

.service-btn-wrap {
  --padding: 16px 24px;
  margin: 36px 0 0;
  display: inline-block;
}

/* line 79, resources/assets/styles/old/index-style.scss */

.top-menu {
  z-index: 100;
  height: var(--mh);
  width: 100%;
  background: -webkit-linear-gradient(290deg, var(--color1) 30%, var(--color2) 60%) repeat;
  background: -o-linear-gradient(290deg, var(--color1) 30%, var(--color2) 60%) repeat;
  background: linear-gradient(160deg, var(--color1) 30%, var(--color2) 60%) repeat;
  /*
      background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.72) 0%, rgba(255, 255, 255, 0.37) 100%), url(../..../../images/paper_fibers.png);
      background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.72) 0%, rgba(255, 255, 255, 0.37) 100%), url(../..../../images/paper_fibers.png);
      background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.72) 0%, rgba(255, 255, 255, 0.37) 100%), url(../..../../images/paper_fibers.png);
      background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.72) 0%, rgba(255, 255, 255, 0.37) 100.00%), url(../..../../images/paper_fibers.png);
  */
  /* [disabled]-webkit-box-shadow: 0 2px 3px 0px rgba(0,0,0,0.26); */
  /* [disabled]box-shadow: 0 2px 3px 0px rgba(0,0,0,0.26); */
  position: relative;
  -webkit-box-shadow: 0 1px 18px 0 #00000061;
          box-shadow: 0 1px 18px 0 #00000061;
}

/* line 99, resources/assets/styles/old/index-style.scss */

.top-container {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: calc((var(--hleft) + var(--hgap) + var(--hright)) * 0.5% + 4.2vw);
  max-width: calc((var(--hleft) + var(--hgap) + var(--hright)) * 10px + 4.2vw);
  margin: 0 auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: inherit;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/* line 111, resources/assets/styles/old/index-style.scss */

.top-logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/* line 116, resources/assets/styles/old/index-style.scss */

.top-logo img {
  width: 4.2vw;
  height: auto;
}

/* line 121, resources/assets/styles/old/index-style.scss */

.nav-primary li {
  position: relative;
  text-decoration: none;
  margin-left: 1.76em;
  letter-spacing: 1px;
  font-size: 0.75vw;
  padding: 0 0.5em;
  border-bottom: 2px solid transparent;
}

/* line 131, resources/assets/styles/old/index-style.scss */

.nav-primary ul {
  margin-top: 19px;
}

/* line 135, resources/assets/styles/old/index-style.scss */

.nav-primary a {
  color: black;
}

/* line 139, resources/assets/styles/old/index-style.scss */

.nav-primary li:hover {
  padding: 0.6em 0.5em;
  border-bottom: 2px solid var(--color1);
}

/* line 144, resources/assets/styles/old/index-style.scss */

.hero-text {
  display: none;
}

/* line 148, resources/assets/styles/old/index-style.scss */

.hero-section {
  height: calc(100vh - (var(--ch) + var(--mh)) - 10px);
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  font-size: 1.92vw;
}

/* line 157, resources/assets/styles/old/index-style.scss */

.hero-section::before {
  content: "";
  position: absolute;
  background-image: url(/wp-content/themes/marketacross_wp_theme/dist/images/paper_fibers.png);
  height: calc(100vh - (var(--ch) + var(--mh)));
  width: 100%;
  background-repeat: repeat;
  float: none;
  z-index: -2;
}

/* line 168, resources/assets/styles/old/index-style.scss */

.hero-left {
  height: inherit;
  width: calc(var(--hleft) * 1%);
  max-width: calc(2000px / 100 * var(--hleft));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  margin-right: calc(var(--hgap) * 1%);
}

/* line 179, resources/assets/styles/old/index-style.scss */

.hero-content {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 18em;
}

/* line 188, resources/assets/styles/old/index-style.scss */

.hero-content h1 {
  font-size: 1em;
  margin-bottom: 0.4em;
  background: -webkit-linear-gradient(290deg, var(--color1) 30%, var(--color2) 60%);
  background: -o-linear-gradient(290deg, var(--color1) 30%, var(--color2) 60%);
  background: linear-gradient(160deg, var(--color1) 30%, var(--color2) 60%);
  color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  text-shadow: -2px 0 0 #000;
}

/* line 198, resources/assets/styles/old/index-style.scss */

.hero-content p {
  font-size: 0.43em;
  font-weight: 100;
  width: 100%;
  display: inline-block;
  margin-bottom: 2.4em;
  line-height: 140%;
}

/* line 207, resources/assets/styles/old/index-style.scss */

.hero-btn-wrap {
  position: relative;
  --padding: 1.25em 1.875em;
}

/* line 213, resources/assets/styles/old/index-style.scss */

.hero-image-wrap {
  width: calc(var(--hright) * 1%);
  max-width: calc(2000px / 100 * var(--hright));
  height: inherit;
  float: left;
  position: relative;
  padding: 0 0 0 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* line 223, resources/assets/styles/old/index-style.scss */

.shadow-image {
  width: calc(50vh - 60px);
  position: absolute;
  background-position: calc(50% + 55.3336px) calc(50% + 87.7193px);
  left: 50%;
  -webkit-transform: translate(-50%);
       -o-transform: translate(-50%);
          transform: translate(-50%);
  top: 85%;
  z-index: 20;
  -webkit-filter: blur(14px);
          filter: blur(14px);
  border-radius: 100px;
  -webkit-transition: 0.5s ease-out;
  -o-transition: 0.5s ease-out;
  transition: 0.5s ease-out;
  opacity: 0.4;
}

@-moz-document url-prefix()  {
  /* line 238, resources/assets/styles/old/index-style.scss */

  .hero-image {
    background-image: url(/wp-content/themes/marketacross_wp_theme/dist/images/typo-cube.png);
  }
}

/* line 243, resources/assets/styles/old/index-style.scss */

.hero-image {
  height: inherit;
  background-repeat: no-repeat;
  background-position: center 40%;
  background-size: 50vh 50vh;
  background-image: -webkit-image-set(url(/wp-content/themes/marketacross_wp_theme/dist/images/typo-cube.png) 1x, url(/wp-content/themes/marketacross_wp_theme/dist/images/typo-cube@2x.png) 2x);
  background-image: image-set(url(/wp-content/themes/marketacross_wp_theme/dist/images/typo-cube.png) 1x, url(/wp-content/themes/marketacross_wp_theme/dist/images/typo-cube@2x.png) 2x);
  -webkit-transition: 0.5s ease-out;
  -o-transition: 0.5s ease-out;
  transition: 0.5s ease-out;
  z-index: 30;
  position: absolute;
  width: 100%;
}

/* line 255, resources/assets/styles/old/index-style.scss */

.bgvid {
  -o-object-fit: cover;
     object-fit: cover;
}

/* line 259, resources/assets/styles/old/index-style.scss */

.button {
  display: inline-block;
  position: relative;
}

/* line 264, resources/assets/styles/old/index-style.scss */

.vid-cont {
  width: 100vw;
}

/* line 268, resources/assets/styles/old/index-style.scss */

.hero-video {
  width: 100%;
  height: inherit;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  opacity: 0.05;
  z-index: -1;
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
}

/* line 278, resources/assets/styles/old/index-style.scss */

#arrow {
  fill: #1d1d1d;
}

/* line 282, resources/assets/styles/old/index-style.scss */

.icon1,
.icon2,
.icon3 {
  width: 100px;
  height: 100px;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: cover;
}

/* line 304, resources/assets/styles/old/index-style.scss */

.ico-layout .title {
  font-size: 24px;
  font-weight: 900;
  font-family: "Noto Serif TC", serif;
  letter-spacing: 1px;
  /* text-transform: uppercase; */
}

/* line 313, resources/assets/styles/old/index-style.scss */

.ico-layout {
  width: 33.3%;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 30px;
  font-weight: 300;
  margin: auto auto 140px;
  padding: 0 4%;
  max-width: 1330px;
}

/* line 324, resources/assets/styles/old/index-style.scss */

.icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 5%;
}

/* line 329, resources/assets/styles/old/index-style.scss */

iframe.lightwidget-widget {
  margin-bottom: -4px;
  -webkit-filter: contrast(0.9) brightness(0.7) sepia(1) hue-rotate(200deg);
          filter: contrast(0.9) brightness(0.7) sepia(1) hue-rotate(200deg);
  -webkit-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
}

/* line 335, resources/assets/styles/old/index-style.scss */

iframe.lightwidget-widget:hover {
  -webkit-filter: grayscale(0);
          filter: grayscale(0);
  -webkit-filter: contrast(1) brightness(1) sepia(0) hue-rotate(0deg);
          filter: contrast(1) brightness(1) sepia(0) hue-rotate(0deg);
}

/* line 340, resources/assets/styles/old/index-style.scss */

footer {
  padding: 20px;
  background-color: black;
  color: white;
  font-size: 12px;
  font-family: "Ubuntu", sans-serif;
  font-weight: 300;
  text-align: center;
  letter-spacing: 1px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/* line 354, resources/assets/styles/old/index-style.scss */

footer div {
  padding: 0 0 0 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

/* line 359, resources/assets/styles/old/index-style.scss */

footer svg {
  fill: var(--color2);
  height: 14px;
  width: unset;
  -webkit-transition: 1s ease;
  -o-transition: 1s ease;
  transition: 1s ease;
}

/* line 366, resources/assets/styles/old/index-style.scss */

footer svg:hover {
  fill: var(--color1);
  -webkit-transform: rotate(360deg);
       -o-transform: rotate(360deg);
          transform: rotate(360deg);
}

/* line 371, resources/assets/styles/old/index-style.scss */

.testi {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin: 2vw auto 2vw;
  max-width: 2000px;
  -webkit-transition: 1s ease;
  -o-transition: 1s ease;
  transition: 1s ease;
}

/* line 379, resources/assets/styles/old/index-style.scss */

.order {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

/* line 383, resources/assets/styles/old/index-style.scss */

.testi > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}

/* line 391, resources/assets/styles/old/index-style.scss */

.testi .image-wrap {
  width: 50%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 9em 0 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* line 401, resources/assets/styles/old/index-style.scss */

.testi .image {
  position: absolute;
  padding: 16%;
  border-radius: 410px 410px 410px 0;
  -webkit-box-shadow: 2px 4px 10px 0 #0003;
          box-shadow: 2px 4px 10px 0 #0003;
  border: 21px solid var(--color2);
  -webkit-transform: rotateZ(-6deg);
       -o-transform: rotateZ(-6deg);
          transform: rotateZ(-6deg);
}

/* line 410, resources/assets/styles/old/index-style.scss */

.testi .image .before {
  content: "";
  position: absolute;
  top: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border: 20px solid #f9f9f9;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: 1px 4px 10px 0 #00000040;
          box-shadow: 1px 4px 10px 0 #00000040;
}

/* line 425, resources/assets/styles/old/index-style.scss */

.testi .image .after {
  content: "";
  background-color: var(--color2);
  width: 50%;
  height: 28%;
  left: -14px;
  top: 59%;
  border-radius: 0 50px 50px 0;
  margin-top: auto;
  margin-bottom: 0;
  position: absolute;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  -webkit-box-shadow: 4px 4px 3px #00000054;
          box-shadow: 4px 4px 3px #00000054;
}

/* line 442, resources/assets/styles/old/index-style.scss */

.testi .content {
  width: 22vw;
  margin: 0;
  padding: 120px 60px 120px 1em;
  -webkit-box-flex: unset;
      -ms-flex-positive: unset;
          flex-grow: unset;
  font-size: 3.2vw;
}

/* line 450, resources/assets/styles/old/index-style.scss */

.quote-symbol {
  background-color: var(--color1);
  display: inline-block;
  font-size: 1em;
  font-weight: 700;
  margin-bottom: 0.25em;
  padding: 0 0.25em;
  height: 1.125em;
  width: 1.125em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* line 463, resources/assets/styles/old/index-style.scss */

.bold-quote h2,
.bold-quote p.h2-title {
  font-size: 0.3em;
  font-weight: 700;
  margin: 0;
  line-height: 140%;
}

/* line 470, resources/assets/styles/old/index-style.scss */

.time-bar {
  width: 100%;
  height: 2px;
  background-color: var(--color1);
  margin: 0.38em 0;
  position: relative;
}

/* line 478, resources/assets/styles/old/index-style.scss */

.time-bar::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  background-color: black;
}

/* line 486, resources/assets/styles/old/index-style.scss */

.quote p {
  font-size: 0.225em;
  font-style: italic;
  line-height: 140%;
  margin: 0 0 2.2em 0;
}

/* line 493, resources/assets/styles/old/index-style.scss */

.person span {
  display: inline-block;
}

/* line 497, resources/assets/styles/old/index-style.scss */

.person p {
  font-weight: 700;
  font-size: 0.3em;
  margin: 0;
}

/* line 503, resources/assets/styles/old/index-style.scss */

.person .position {
  font-size: 0.75em;
  font-weight: 300;
}

/*
@-webkit-keyframes testi-rotation {
    0, 10%{
        -webkit-transform: translateX(0);
    }
    18%, 30% {
        -webkit-transform: translateX(-100%);
    }
    35%, 41% {
		-webkit-transform: translateX(-200%);
    }
	42%, 47% {
		-webkit-transform: translateX(200%);
    }
	52%, 64% {
		-webkit-transform: translateX(0);
    }
	69%, 81%{
        -webkit-transform: translateX(100%);
    }
    86%, 98% {
        -webkit-transform: translateX(100%);
    }
	100% {
		-webkit-transform: translateX(0);
    }
}
*/

/* line 537, resources/assets/styles/old/index-style.scss */

.team-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: 1300px;
  margin: auto;
  padding: 120px 100px 70px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  --imgSize: 160px;
}

/* line 548, resources/assets/styles/old/index-style.scss */

.team-section h1,
.team-section .h2-title {
  width: 100%;
  text-align: center;
  margin-bottom: 100px;
}

/* line 554, resources/assets/styles/old/index-style.scss */

.team {
  width: var(--imgSize);
  text-align: center;
  margin: 0 40px 80px;
  -webkit-perspective: 700px;
          perspective: 700px;
}

/* line 561, resources/assets/styles/old/index-style.scss */

.team a {
  text-decoration: none;
  color: black;
}

/* line 566, resources/assets/styles/old/index-style.scss */

.team h4 {
  font-family: "Ubuntu", sans-serif;
  font-weight: 400;
  color: black;
  margin: -10px;
}

/* line 573, resources/assets/styles/old/index-style.scss */

.team .image {
  width: inherit;
  height: var(--imgSize);
}

/* line 578, resources/assets/styles/old/index-style.scss */

.team:hover .image {
  -webkit-filter: contrast(0.9) brightness(1.2) sepia(0) hue-rotate(0deg) grayscale(0) saturate(1.6);
          filter: contrast(0.9) brightness(1.2) sepia(0) hue-rotate(0deg) grayscale(0) saturate(1.6);
  background: -webkit-linear-gradient(322deg, var(--color2) 20%, var(--color1) 80%);
  background: -o-linear-gradient(322deg, var(--color2) 20%, var(--color1) 80%);
  background: linear-gradient(128deg, var(--color2) 20%, var(--color1) 80%);
}

/* line 583, resources/assets/styles/old/index-style.scss */

.team img {
  width: var(--imgSize);
  height: var(--imgSize);
}

/* line 588, resources/assets/styles/old/index-style.scss */

.about h2 {
  font-size: 21px;
  line-height: 150%;
  margin: 50px 0;
  text-align: left;
}

/* line 595, resources/assets/styles/old/index-style.scss */

.about p {
  font-size: 19px;
  line-height: 160%;
  text-align: left;
}

@media screen and (max-width: 1270px) {
  /* line 602, resources/assets/styles/old/index-style.scss */

  .about {
    padding: 60px 7vw;
  }

  /* line 606, resources/assets/styles/old/index-style.scss */

  .about h2 {
    font-size: 18px;
  }

  /* line 610, resources/assets/styles/old/index-style.scss */

  .about p {
    font-size: 16px;
  }

  /* line 614, resources/assets/styles/old/index-style.scss */

  .hero-about {
    height: 56vw;
  }

  /* line 618, resources/assets/styles/old/index-style.scss */

  .hero-about::after {
    -webkit-mask-image: unset;
    mask-image: unset;
    height: 56vw;
    width: 100%;
    background-size: cover;
  }

  /* line 626, resources/assets/styles/old/index-style.scss */

  .team-section {
    padding: 100px 100px 50px;
    --imgSize: 55vw;
  }
}

/* line 633, resources/assets/styles/old/index-style.scss */

input {
  width: 100%;
  background-color: #fff0;
  border: unset;
  border-bottom: 1px solid #000;
  margin-bottom: 40px;
}

/* line 641, resources/assets/styles/old/index-style.scss */

input,
label {
  font-family: "Ubuntu", sans-serif;
  font-size: 21px;
  font-weight: 300;
  padding: 8px 0;
}

/* line 649, resources/assets/styles/old/index-style.scss */

input:focus,
textarea:focus {
  outline: none;
}

/* line 656, resources/assets/styles/old/index-style.scss */

.top-logo a {
  display: contents;
}

@media screen and (min-width: 2000px) {
  /* line 661, resources/assets/styles/old/index-style.scss */

  .hero-left {
    margin-right: calc(2000px / 100 * var(--hgap));
  }
}

/* line 666, resources/assets/styles/old/index-style.scss */

.wh-widget-button-icon {
  background-color: #b6a0d6 !important;
  -webkit-box-shadow: 3px 5px 11px 0 rgba(0, 0, 0, 0.28);
          box-shadow: 3px 5px 11px 0 rgba(0, 0, 0, 0.28);
}

/* line 671, resources/assets/styles/old/index-style.scss */

.wh-messenger-bg-telegram,
.wh-messenger-bg-whatsapp {
  background-color: black;
}

/* line 676, resources/assets/styles/old/index-style.scss */

.testi .image .before img,
.testi .image .after img {
  width: 100%;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}

/* line 684, resources/assets/styles/old/index-style.scss */

.podcast {
  font-size: 16px;
}

/* line 1, resources/assets/styles/old/buttons.scss */

.btn-sdw {
  -webkit-box-shadow: 0 4px 7px 0 #0000005c;
          box-shadow: 0 4px 7px 0 #0000005c;
  -webkit-transition: var(--btn-trans);
  -o-transition: var(--btn-trans);
  transition: var(--btn-trans);
}

/* line 6, resources/assets/styles/old/buttons.scss */

.btn-sdw:hover {
  -webkit-transform: scale3d(0.95, 0.95, 0.95);
          transform: scale3d(0.95, 0.95, 0.95);
  -webkit-box-shadow: 0 1px 2px 0 #0000005c;
          box-shadow: 0 1px 2px 0 #0000005c;
}

/* line 11, resources/assets/styles/old/buttons.scss */

.btn-font {
  font-family: "Ubuntu", sans-serif;
  font-size: 0.64vw;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.0625em;
}

/* line 19, resources/assets/styles/old/buttons.scss */

.btn {
  display: inline-block;
  position: relative;
  visibility: hidden;
  -webkit-transition: var(--btn-trans);
  -o-transition: var(--btn-trans);
  transition: var(--btn-trans);
  padding: var(--padding);
}

/* line 27, resources/assets/styles/old/buttons.scss */

.btn::before {
  content: attr(data-text);
  position: absolute;
  color: black;
  background-color: var(--color1);
  -webkit-transform-origin: top;
       -o-transform-origin: top;
          transform-origin: top;
  -webkit-transform: translateY(0) rotateX(0deg);
          transform: translateY(0) rotateX(0deg);
  visibility: visible;
  top: 0;
  left: 0;
  -webkit-transition: var(--btn-trans);
  -o-transition: var(--btn-trans);
  transition: var(--btn-trans);
  padding: var(--padding);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
}

/* line 43, resources/assets/styles/old/buttons.scss */

.btn::after {
  content: attr(data-text);
  position: absolute;
  color: var(--color1);
  background-color: black;
  -webkit-transform-origin: bottom;
       -o-transform-origin: bottom;
          transform-origin: bottom;
  -webkit-transform: translateY(-100%) rotateX(-90deg);
          transform: translateY(-100%) rotateX(-90deg);
  visibility: visible;
  top: 0;
  left: 0;
  -webkit-transition: var(--btn-trans);
  -o-transition: var(--btn-trans);
  transition: var(--btn-trans);
  padding: var(--padding);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
}

/* line 62, resources/assets/styles/old/buttons.scss */

.btn:hover::before {
  -webkit-transform: translateY(100%) rotateX(90deg);
          transform: translateY(100%) rotateX(90deg);
}

/* line 66, resources/assets/styles/old/buttons.scss */

.btn:hover::after {
  -webkit-transform: translateY(0) rotateX(0deg);
          transform: translateY(0) rotateX(0deg);
}

/* line 1, resources/assets/styles/old/contact.scss */

.google-info {
  font-family: "Ubuntu", sans-serif;
  font-size: 12px;
  text-align: center;
  line-height: 140%;
  font-weight: 100;
  color: #6e6e6e;
}

/* line 10, resources/assets/styles/old/contact.scss */

.google-info a {
  color: black;
}

/* line 14, resources/assets/styles/old/contact.scss */

.grecaptcha-badge {
  visibility: hidden;
}

/* line 18, resources/assets/styles/old/contact.scss */

.contact {
  width: 100%;
  background: var(--color1) -webkit-linear-gradient(290deg, var(--color1) 30%, var(--color2) 60%);
  background: var(--color1) -o-linear-gradient(290deg, var(--color1) 30%, var(--color2) 60%);
  background: var(--color1) linear-gradient(160deg, var(--color1) 30%, var(--color2) 60%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 100px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* line 30, resources/assets/styles/old/contact.scss */

.contact .h2-title {
  width: 100%;
  font-size: 48px;
  margin: 0;
  text-align: center;
}

/* line 37, resources/assets/styles/old/contact.scss */

.contact h3 {
  font-size: 24px;
  font-weight: 300;
  width: 100%;
  max-width: 700px;
  text-align: center;
  margin: 30px 0 0;
}

/* line 46, resources/assets/styles/old/contact.scss */

.contact-form {
  width: 600px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 10px 0 0;
}

/* line 54, resources/assets/styles/old/contact.scss */

.contact-form .inv-recaptcha-holder {
  height: 1px;
}

/* line 58, resources/assets/styles/old/contact.scss */

.contact-form div.wpcf7-validation-errors,
.contact-form div.wpcf7-acceptance-missing {
  border: none;
  background-color: #ff3131;
  color: white;
  display: inline-block !important;
  width: inherit !important;
  padding: 10px 20px;
  font-weight: 800;
}

/* line 69, resources/assets/styles/old/contact.scss */

.contact-form div.wpcf7-mail-sent-ok {
  background-color: #238e00;
  color: white !important;
}

/* line 74, resources/assets/styles/old/contact.scss */

.contact-form form {
  text-align: center;
}

/* line 78, resources/assets/styles/old/contact.scss */

.contact-form div:not(.btn-font) {
  width: 100%;
  position: relative;
  margin-top: 10px;
}

/* line 84, resources/assets/styles/old/contact.scss */

.contact-form input::-webkit-input-placeholder {
  opacity: 0;
  -webkit-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
  color: black;
}

.contact-form input::-moz-placeholder {
  opacity: 0;
  -webkit-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
  color: black;
}

.contact-form input::-ms-input-placeholder {
  opacity: 0;
  -webkit-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
  color: black;
}

.contact-form input::placeholder {
  opacity: 0;
  -webkit-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
  color: black;
}

/* line 90, resources/assets/styles/old/contact.scss */

.contact-form input:focus::-webkit-input-placeholder {
  opacity: 0.25;
}

.contact-form input:focus::-moz-placeholder {
  opacity: 0.25;
}

.contact-form input:focus::-ms-input-placeholder {
  opacity: 0.25;
}

.contact-form input:focus::placeholder {
  opacity: 0.25;
}

/* line 94, resources/assets/styles/old/contact.scss */

.contact-form div label {
  position: absolute;
  pointer-events: none;
  top: 0;
  left: 0;
  -webkit-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
}

/* line 102, resources/assets/styles/old/contact.scss */

.contact-form input:focus ~ label,
.contact-form input:not(:placeholder-shown) ~ label {
  font-size: 12px !important;
  font-weight: 400 !important;
  top: -20px !important;
  color: black !important;
}

/* line 110, resources/assets/styles/old/contact.scss */

.contact-form input:invalid ~ label {
  font-size: 12px;
  font-weight: 400;
  top: -20px;
  color: red;
}

/* line 117, resources/assets/styles/old/contact.scss */

.contact-form input:placeholder-shown ~ label {
  font-family: "Ubuntu", sans-serif;
  font-size: 21px;
  font-weight: 300;
  padding: 8px 0;
  top: 0;
  color: #00000090;
}

/* line 126, resources/assets/styles/old/contact.scss */

.contact-form .active > label {
  font-size: 12px !important;
  font-weight: 400 !important;
  top: -20px !important;
  color: black !important;
}

/* line 133, resources/assets/styles/old/contact.scss */

.contact-form .wpcf7-form-control-wrap {
  position: initial;
}

/* line 137, resources/assets/styles/old/contact.scss */

.contact-form .wpcf7-form label.error {
  top: initial;
  bottom: 0;
  margin-top: 0;
  padding-left: 0;
}

/* line 144, resources/assets/styles/old/contact.scss */

.contact-form .wpcf7-not-valid-tip {
  display: none;
}

/* line 148, resources/assets/styles/old/contact.scss */

.wpcf7-form-control-wrap.recaptcha > span.wpcf7-not-valid-tip {
  width: 100%;
  text-align: left;
  font-size: 12px !important;
  color: red !important;
  font-family: Ubuntu, sans-serif;
}

/* line 156, resources/assets/styles/old/contact.scss */

.contact-form input,
.contact-form .tell-more {
  margin-bottom: 30px;
}

/* line 160, resources/assets/styles/old/contact.scss */

.tell-more {
  width: 100%;
  resize: none;
  background-color: rgba(255, 255, 255, 0);
  border: 1px solid black;
  -webkit-border-image: initial;
       -o-border-image: initial;
          border-image: initial;
  font-family: "Ubuntu", sans-serif;
  font-size: 16px;
  font-weight: 300;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 8px;
  margin-bottom: 40px;
  height: 137px;
  margin-top: 44px;
}

/* line 176, resources/assets/styles/old/contact.scss */

button {
  all: unset;
}

/* line 180, resources/assets/styles/old/contact.scss */

.confirm::before {
  -webkit-transform: translateY(100%) rotateX(90deg);
          transform: translateY(100%) rotateX(90deg);
}

/* line 184, resources/assets/styles/old/contact.scss */

.confirm::after {
  -webkit-transform: translateY(0) rotateX(0deg);
          transform: translateY(0) rotateX(0deg);
  background-color: transparent !important;
}

/* line 189, resources/assets/styles/old/contact.scss */

.sent::after {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA2MDAgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA2MDAgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDpub25lO3N0cm9rZTojMDAwMDAwO3N0cm9rZS13aWR0aDo4MDtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLW1pdGVybGltaXQ6MTA7fQ0KPC9zdHlsZT4NCjxwb2x5bGluZSBjbGFzcz0ic3QwIiBwb2ludHM9IjgxLjksMjU1LjkgMjUxLjgsNDYyLjUgNTE4LjEsNDkuMyAiLz4NCjwvc3ZnPg0K);
  background-size: 1.5em !important;
}

/* line 194, resources/assets/styles/old/contact.scss */

.not-sent::after {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA2MDAgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA2MDAgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZGlzcGxheTpub25lO2ZpbGw6bm9uZTtzdHJva2U6IzAwMDAwMDtzdHJva2Utd2lkdGg6ODA7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjEwO30NCgkuc3Qxe2ZpbGw6bm9uZTtzdHJva2U6IzAwMDAwMDtzdHJva2Utd2lkdGg6ODA7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjEwO30NCjwvc3R5bGU+DQo8cG9seWxpbmUgY2xhc3M9InN0MCIgcG9pbnRzPSI4MS45LDI1NS45IDI1MS44LDQ2Mi41IDUxOC4xLDQ5LjMgIi8+DQo8bGluZSBjbGFzcz0ic3QxIiB4MT0iOTguOCIgeTE9IjU0LjgiIHgyPSI1MDEuMiIgeTI9IjQ1Ny4yIi8+DQo8bGluZSBjbGFzcz0ic3QxIiB4MT0iNTAxLjIiIHkxPSI1NC44IiB4Mj0iOTguOCIgeTI9IjQ1Ny4yIi8+DQo8L3N2Zz4NCg==);
  background-size: 1.5em !important;
}

/* line 199, resources/assets/styles/old/contact.scss */

.form-btn-wrap {
  --padding: 16px 24px;
  position: relative;
  display: inline-block;
}

/* line 206, resources/assets/styles/old/contact.scss */

.contact-form-btn-wrap p {
  margin: 0 !important;
}

/* line 210, resources/assets/styles/old/contact.scss */

.form-btn-wrap::before {
  content: "";
  background-color: rgba(255, 255, 255, 0.35);
  position: absolute;
  width: 0;
  height: 100%;
  -webkit-transition: 2.5s ease;
  -o-transition: 2.5s ease;
  transition: 2.5s ease;
}

/* line 219, resources/assets/styles/old/contact.scss */

.loading {
  -webkit-transform: scale3d(0.95, 0.95, 0.95);
          transform: scale3d(0.95, 0.95, 0.95);
  -webkit-box-shadow: 0 1px 2px 0 #0000005c;
          box-shadow: 0 1px 2px 0 #0000005c;
  background-color: var(--color1);
}

/* line 225, resources/assets/styles/old/contact.scss */

.loading::before {
  width: 100%;
}

/* line 229, resources/assets/styles/old/contact.scss */

.contact .btn {
  border: none;
}

/* line 233, resources/assets/styles/old/contact.scss */

.form-btn-wrap .btn,
.form-btn-wrap .btn::before,
.form-btn-wrap .btn::after {
  width: 180px;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* line 241, resources/assets/styles/old/contact.scss */

.form-btn-wrap .btn {
  width: 180px;
  text-align: center;
}

/* line 246, resources/assets/styles/old/contact.scss */

.more-contact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 30px 0;
}

/* line 253, resources/assets/styles/old/contact.scss */

.more-btn-wrap {
  --padding: 10px 16px 10px 38px;
  text-transform: none;
  font-size: 12px;
  margin: 0 5px;
  font-weight: 400;
  -webkit-box-shadow: 0 3px 5px 0 #00000026;
          box-shadow: 0 3px 5px 0 #00000026;
}

/* line 263, resources/assets/styles/old/contact.scss */

.more-contact p {
  width: 100%;
  text-align: center;
  margin: 0 0 16px;
}

/* line 269, resources/assets/styles/old/contact.scss */

.contact-form form > p {
  width: 100%;
  position: relative;
}

/* line 274, resources/assets/styles/old/contact.scss */

.black::before {
  background-color: black;
  color: var(--color1);
}

/* line 279, resources/assets/styles/old/contact.scss */

.black::after {
  background-color: var(--color1);
  color: black;
}

/* line 284, resources/assets/styles/old/contact.scss */

.white::before {
  background-color: white;
  color: black;
}

/* line 289, resources/assets/styles/old/contact.scss */

.white::after {
  background-color: var(--color1);
  color: black;
}

/* line 294, resources/assets/styles/old/contact.scss */

.btn-icon::before,
.btn-icon::after {
  background-repeat: no-repeat;
  background-size: 16px;
  background-position: 12px center;
}

/* line 301, resources/assets/styles/old/contact.scss */

.phone::before,
.phone::after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MDAgNTEyIj48dGl0bGU+aWNvbi1waG9uZTwvdGl0bGU+PHBhdGggZD0iTTUzNy40LDI0LjYsNDMzLjQuNmEyNC4xNiwyNC4xNiwwLDAsMC0yNy41LDEzLjlsLTQ4LDExMmEyMy45NCwyMy45NCwwLDAsMCw2LjksMjhsNjAuNiw0OS42QTM3MC42MSwzNzAuNjEsMCwwLDEsMjQ4LjIsMzgxLjNsLTQ5LjYtNjAuNmEyNCwyNCwwLDAsMC0yOC02LjlsLTExMiw0OGEyNC4yOSwyNC4yOSwwLDAsMC0xNCwyNy42bDI0LDEwNEEyNCwyNCwwLDAsMCw5Miw1MTJjMjU2LjEsMCw0NjQtMjA3LjUsNDY0LTQ2NEEyNCwyNCwwLDAsMCw1MzcuNCwyNC42WiIvPjwvc3ZnPg==);
}

/* line 306, resources/assets/styles/old/contact.scss */

.envelop::before,
.envelop::after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MDAgNTEyIj48dGl0bGU+aWNvbi1lbnZlbG9wPC90aXRsZT48cGF0aCBkPSJNMzUxLjU4LDMzNC43MmE3NCw3NCwwLDAsMS04OS4wNywwTDAsMTM1Ljc2VjQ3Nkg2MDBWMTQ2LjI4WiIvPjxwYXRoIGQ9Ik0yOTIuNzEsMjk0Ljg5YTIzLjc5LDIzLjc5LDAsMCwwLDI4LjY1LDBMNjAwLDgzLjUyVjM2SDBWNzNaIi8+PC9zdmc+);
}

/* CSS Document */

/* line 5, resources/assets/styles/old/clients.scss */

body::after {
  display: none;
}

/* -------Clients Bar------- */

/* line 11, resources/assets/styles/old/clients.scss */

.clients-cubes {
  --sdelay: 3;
  width: 100%;
  height: var(--ch);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #eee;
}

/* line 27, resources/assets/styles/old/clients.scss */

.clients-cubes-title {
  -webkit-box-shadow: 0 2px 4px #0000004d;
  box-shadow: 0 2px 4px #0000004d;
  z-index: 99;
  position: relative;
  background: -o-linear-gradient(290deg, var(--color1) 30%, var(--color2) 60%);
  background: -webkit-linear-gradient(290deg, var(--color1) 30%, var(--color2) 60%);
  background: linear-gradient(160deg, var(--color1) 30%, var(--color2) 60%);
  background-color: #eee;
  width: 100%;
  height: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: var(--color1);
  padding-right: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 14px;
}

/* line 53, resources/assets/styles/old/clients.scss */

.point {
  height: 100px;
  width: 16px;
}

/* line 58, resources/assets/styles/old/clients.scss */

.line {
  background-color: black;
  height: 2px;
  width: 40px;
}

/* line 64, resources/assets/styles/old/clients.scss */

.cubes {
  width: 75%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
}

/* line 72, resources/assets/styles/old/clients.scss */

.cube {
  --trans-z: calc(var(--ch) * -0.5);
  --cubeease: cubic-bezier(0.65, 0.05, 0.36, 1);
}

/* line 77, resources/assets/styles/old/clients.scss */

.cubes .cube {
  display: inline-block;
  -webkit-perspective: 2.4vw;
  perspective: 2.4vw;
  height: var(--ch);
  width: 100%;
}

/* line 85, resources/assets/styles/old/clients.scss */

.flip1,
.flip2,
.flip3,
.flip4,
.flip5,
.flip6 {
  z-index: 100;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  height: inherit;
  width: 100%;
  -webkit-transform: translateZ(calc(var(--ch) * -0.5));
  transform: translateZ(calc(var(--ch) * -0.5));
  -webkit-transition: -webkit-transform 1s var(--cubeease);
  -o-transition: transform 1s var(--cubeease);
  transition: transform 1s var(--cubeease), -webkit-transform 1s var(--cubeease);
  -webkit-transform-origin: center center var(--trans-z);
  -o-transform-origin: center center var(--trans-z);
     transform-origin: center center var(--trans-z);
  float: left;
}

/* line 107, resources/assets/styles/old/clients.scss */

.side {
  position: absolute;
  height: inherit;
  width: inherit;
  opacity: 1;
  background-color: #eee;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  transition: 0.5s ease;
  /*
	border-left: 1px solid rgba(197,197,197,1.00);
	border-right: 1px solid rgba(197,197,197,1.00);
	border-bottom: 0px solid rgba(197,197,197,1.00);
	border-top: 0px solid rgba(197,197,197,1.00);
*/
}

/*
.side:hover{
	background-color: white;
	}
*/

/* line 133, resources/assets/styles/old/clients.scss */

.bottom {
  -webkit-transform: rotateX(-90deg) translateZ(calc(var(--ch) * 0.5));
  transform: rotateX(-90deg) translateZ(calc(var(--ch) * 0.5));
}

/* line 138, resources/assets/styles/old/clients.scss */

.back {
  -webkit-transform: rotateX(180deg) translateZ(calc(var(--ch) * 0.5));
  transform: rotateX(180deg) translateZ(calc(var(--ch) * 0.5));
}

/* line 143, resources/assets/styles/old/clients.scss */

.top {
  -webkit-transform: rotateX(90deg) translateZ(calc(var(--ch) * 0.5));
  transform: rotateX(90deg) translateZ(calc(var(--ch) * 0.5));
}

/* line 148, resources/assets/styles/old/clients.scss */

.front {
  -webkit-transform: rotateX(0deg) translateZ(calc(var(--ch) * 0.5));
  transform: rotateX(0deg) translateZ(calc(var(--ch) * 0.5));
}

/* line 153, resources/assets/styles/old/clients.scss */

.show1 {
  -webkit-transform: translateZ(-70px) rotateX(-360deg);
  transform: translateZ(-70px) rotateX(-360deg);
}

/* line 158, resources/assets/styles/old/clients.scss */

.show3 {
  -webkit-transform: translateZ(-70px) rotateX(-180deg);
  transform: translateZ(-70px) rotateX(-180deg);
}

/* line 163, resources/assets/styles/old/clients.scss */

.show2 {
  -webkit-transform: translateZ(calc(var(--ch) * -0.5)) rotateX(-90deg);
  transform: translateZ(calc(var(--ch) * -0.5)) rotateX(-90deg);
}

/* line 168, resources/assets/styles/old/clients.scss */

.show4 {
  -webkit-transform: translateZ(-70px) rotateX(-270deg);
  transform: translateZ(-70px) rotateX(-270deg);
}

/* line 387, resources/assets/styles/old/clients.scss */

.cube-image {
  background-repeat: no-repeat;
  background-position: center;
}

/* line 391, resources/assets/styles/old/clients.scss */

.cube-image .inner {
  display: inline-block;
  height: 100%;
  width: 100%;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

/* line 400, resources/assets/styles/old/clients.scss */

.cube-image .hover {
  display: none;
}

/* line 405, resources/assets/styles/old/clients.scss */

.cube-image:hover .standard {
  display: none;
}

/* line 409, resources/assets/styles/old/clients.scss */

.cube-image:hover .hover {
  display: inherit;
}

/* line 415, resources/assets/styles/old/clients.scss */

.flip-shadow {
  -webkit-filter: brightness(0.8);
  filter: brightness(0.8);
}

/* line 420, resources/assets/styles/old/clients.scss */

.flip1 {
  -webkit-animation: flip-horizontal-bottom 20s var(--cubeease) calc(var(--sdelay) * 1s) infinite;
  -o-animation: flip-horizontal-bottom 20s var(--cubeease) calc(var(--sdelay) * 1s) infinite;
     animation: flip-horizontal-bottom 20s var(--cubeease) calc(var(--sdelay) * 1s) infinite;
}

/* line 425, resources/assets/styles/old/clients.scss */

.flip2 {
  -webkit-animation: flip-horizontal-bottom 20s var(--cubeease) calc(var(--sdelay) * 1s + 0.2s) infinite;
  -o-animation: flip-horizontal-bottom 20s var(--cubeease) calc(var(--sdelay) * 1s + 0.2s) infinite;
     animation: flip-horizontal-bottom 20s var(--cubeease) calc(var(--sdelay) * 1s + 0.2s) infinite;
}

/* line 430, resources/assets/styles/old/clients.scss */

.flip3 {
  -webkit-animation: flip-horizontal-bottom 20s var(--cubeease) calc(var(--sdelay) * 1s + 0.4s) infinite;
  -o-animation: flip-horizontal-bottom 20s var(--cubeease) calc(var(--sdelay) * 1s + 0.4s) infinite;
     animation: flip-horizontal-bottom 20s var(--cubeease) calc(var(--sdelay) * 1s + 0.4s) infinite;
}

/* line 435, resources/assets/styles/old/clients.scss */

.flip4 {
  -webkit-animation: flip-horizontal-bottom 20s var(--cubeease) calc(var(--sdelay) * 1s + 0.6s) infinite;
  -o-animation: flip-horizontal-bottom 20s var(--cubeease) calc(var(--sdelay) * 1s + 0.6s) infinite;
     animation: flip-horizontal-bottom 20s var(--cubeease) calc(var(--sdelay) * 1s + 0.6s) infinite;
}

/* line 440, resources/assets/styles/old/clients.scss */

.flip5 {
  -webkit-animation: flip-horizontal-bottom 20s var(--cubeease) calc(var(--sdelay) * 1s + 0.8s) infinite;
  -o-animation: flip-horizontal-bottom 20s var(--cubeease) calc(var(--sdelay) * 1s + 0.8s) infinite;
     animation: flip-horizontal-bottom 20s var(--cubeease) calc(var(--sdelay) * 1s + 0.8s) infinite;
}

/* line 445, resources/assets/styles/old/clients.scss */

.flip6 {
  -webkit-animation: flip-horizontal-bottom 20s var(--cubeease) calc(var(--sdelay) * 1s + 1s) infinite;
  -o-animation: flip-horizontal-bottom 20s var(--cubeease) calc(var(--sdelay) * 1s + 1s) infinite;
     animation: flip-horizontal-bottom 20s var(--cubeease) calc(var(--sdelay) * 1s + 1s) infinite;
}

@-webkit-keyframes flip-horizontal-bottom {
  0% {
    -webkit-transform: rotateX(0) translateZ(var(--trans-z));
    transform: rotateX(0) translateZ(var(--trans-z));
  }

  5%, 25% {
    -webkit-transform: rotateX(-90deg) translateZ(var(--trans-z));
    transform: rotateX(-90deg) translateZ(var(--trans-z));
  }

  30%, 50% {
    -webkit-transform: rotateX(-180deg) translateZ(var(--trans-z));
    transform: rotateX(-180deg) translateZ(var(--trans-z));
  }

  55%, 75% {
    -webkit-transform: rotateX(-270deg) translateZ(var(--trans-z));
    transform: rotateX(-270deg) translateZ(var(--trans-z));
  }

  80%, 100% {
    -webkit-transform: rotateX(-360deg) translateZ(var(--trans-z));
    transform: rotateX(-360deg) translateZ(var(--trans-z));
  }
}

/*
@-webkit-keyframes front-shadow {
    0%, 80% {
        filter: unset
    }
    5%, 25% {
		filter: brightness(0.8)
    }
}
@-webkit-keyframes top-shadow {
    0%, 25%, 55%, 100% {
        filter: unset
    }
    30%, 50% {
		filter: brightness(0.8)
    }
}
@-webkit-keyframes back-shadow {
    0%, 50%, 80%, 100% {
        filter: unset
    }
    55%, 75% {
		filter: brightness(0.8)
    }
}
@-webkit-keyframes bottom-shadow {
    0%, 75% {
        filter: unset
    }
    80%, 100% {
		filter: brightness(0.8)
    }
}
*/

/*
.bitt{
	background-image: url("../..../../images/clients/client-bitt.svg");
}
.bitt::after{
	background-image: url("../..../../images/clients/client-bitt-bw.svg");
}
.clients-logo{
	width: 300px;
	height: 100px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
	transition: 1s ease;
    visibility: hidden;
}
.clients-logo:hover{
	visibility: visible;
}
.clients-logo::after{
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	transition: 1s ease;
	visibility: visible;
}
.clients-logo:hover::after{
	opacity: 0;

}
*/

/* line 3, resources/assets/styles/old/media-q.scss */

.menu-btn img {
  width: 100% !important;
  height: auto;
}

/* line 8, resources/assets/styles/old/media-q.scss */

.mobile-menu ul {
  list-style: none;
  padding: 0;
  text-align: center;
}

/* line 14, resources/assets/styles/old/media-q.scss */

.mobile-menu .menu-btn {
  margin-top: 40px;
}

/* line 18, resources/assets/styles/old/media-q.scss */

.mobile-menu a {
  display: inline-block;
}

/* CSS Document */

@media only screen and (min-width: 601px) {
  /* line 24, resources/assets/styles/old/media-q.scss */

  .menu-btn {
    display: none;
  }

  /* line 28, resources/assets/styles/old/media-q.scss */

  .mobile-menu {
    display: none !important;
  }
}

@media only screen and (max-width: 600px) {
  /* line 34, resources/assets/styles/old/media-q.scss */

  body {
    --ch: 25vw;
    --mh: 14vw;
  }

  /* line 42, resources/assets/styles/old/media-q.scss */

  .page-template .top-container,
  .single-post .top-container,
  .category-data .top-container {
    width: 90%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  /* line 47, resources/assets/styles/old/media-q.scss */

  .page-template .top-logo img,
  .single-post .top-logo img,
  .category-data .top-logo img {
    width: 17vw;
  }

  /* line 51, resources/assets/styles/old/media-q.scss */

  .page-template .wrap-menu,
  .single-post .wrap-menu,
  .category-data .wrap-menu {
    display: none !important;
  }

  /* line 55, resources/assets/styles/old/media-q.scss */

  .page-template .mobile-menu-hide,
  .single-post .mobile-menu-hide,
  .category-data .mobile-menu-hide {
    pointer-events: none !important;
    opacity: 0 !important;
  }

  /* line 60, resources/assets/styles/old/media-q.scss */

  .page-template .mobile-menu,
  .single-post .mobile-menu,
  .category-data .mobile-menu {
    background-color: white;
    position: fixed;
    top: 0;
    left: 0;
    bottom: -70px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100vw;
    z-index: 110;
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
    opacity: 1;
    padding-bottom: 70px;
  }

  /* line 76, resources/assets/styles/old/media-q.scss */

  .page-template .mobile-menu nav,
  .single-post .mobile-menu nav,
  .category-data .mobile-menu nav {
    position: relative;
    display: inherit;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background: white -webkit-linear-gradient(290deg, var(--color1) 30%, var(--color2) 60%);
    background: white -o-linear-gradient(290deg, var(--color1) 30%, var(--color2) 60%);
    background: white linear-gradient(160deg, var(--color1) 30%, var(--color2) 60%);
    width: calc(100% - 40px);
    height: calc(100% - 40px);
  }

  /* line 85, resources/assets/styles/old/media-q.scss */

  .page-template .mobile-menu nav div,
  .single-post .mobile-menu nav div,
  .category-data .mobile-menu nav div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  /* line 92, resources/assets/styles/old/media-q.scss */

  .page-template .mobile-menu a,
  .single-post .mobile-menu a,
  .category-data .mobile-menu a {
    font-size: 24px;
    margin: 20px 0;
  }

  /* line 97, resources/assets/styles/old/media-q.scss */

  .page-template .menu,
  .single-post .menu,
  .category-data .menu {
    display: none;
  }

  /* line 101, resources/assets/styles/old/media-q.scss */

  .page-template .menu-btn,
  .single-post .menu-btn,
  .category-data .menu-btn {
    width: 8vw;
  }

  /* line 105, resources/assets/styles/old/media-q.scss */

  .page-template nav .menu-btn,
  .single-post nav .menu-btn,
  .category-data nav .menu-btn {
    position: absolute;
  }

  /* line 109, resources/assets/styles/old/media-q.scss */

  .page-template .menu-btn img,
  .single-post .menu-btn img,
  .category-data .menu-btn img {
    display: block;
  }

  /* line 113, resources/assets/styles/old/media-q.scss */

  .page-template .hero-section,
  .single-post .hero-section,
  .category-data .hero-section {
    width: 100%;
    height: unset;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: relative;
    font-size: 30px;
  }

  /* line 123, resources/assets/styles/old/media-q.scss */

  .page-template .hero-section::before,
  .single-post .hero-section::before,
  .category-data .hero-section::before {
    height: 100%;
  }

  /* line 127, resources/assets/styles/old/media-q.scss */

  .page-template .hero-video,
  .single-post .hero-video,
  .category-data .hero-video {
    display: none;
  }

  /* line 131, resources/assets/styles/old/media-q.scss */

  .page-template .hero-left,
  .single-post .hero-left,
  .category-data .hero-left {
    height: inherit;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: relative;
    margin: 0.5em 0 1.5em;
  }

  /* line 141, resources/assets/styles/old/media-q.scss */

  .page-template .hero-content,
  .single-post .hero-content,
  .category-data .hero-content {
    width: 90%;
  }

  /* line 145, resources/assets/styles/old/media-q.scss */

  .page-template .hero-content h1,
  .single-post .hero-content h1,
  .category-data .hero-content h1 {
    margin-bottom: 1.2em;
  }

  /* line 149, resources/assets/styles/old/media-q.scss */

  .page-template .hero-image-wrap,
  .single-post .hero-image-wrap,
  .category-data .hero-image-wrap {
    height: 70vw;
    margin: 20px 0 0.5em;
    width: 90%;
  }

  /* line 155, resources/assets/styles/old/media-q.scss */

  .page-template .hero-image,
  .single-post .hero-image,
  .category-data .hero-image {
    background-size: contain;
  }

  /* line 159, resources/assets/styles/old/media-q.scss */

  .page-template .shadow-image,
  .single-post .shadow-image,
  .category-data .shadow-image {
    -webkit-filter: blur(1.6vw);
            filter: blur(1.6vw);
    width: 68vw;
    background-position: center;
    top: 96%;
    opacity: 0.4;
  }

  /* line 167, resources/assets/styles/old/media-q.scss */

  .page-template .hero-content p,
  .single-post .hero-content p,
  .category-data .hero-content p {
    font-size: 0.6em;
    display: none;
  }

  /* line 172, resources/assets/styles/old/media-q.scss */

  .page-template .hero-text,
  .single-post .hero-text,
  .category-data .hero-text {
    width: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: left;
    font-size: 2em;
    padding: 40px 4% 10px;
  }

  /* line 181, resources/assets/styles/old/media-q.scss */

  .page-template .hero-text p,
  .single-post .hero-text p,
  .category-data .hero-text p {
    font-size: 0.6em;
  }

  /* line 185, resources/assets/styles/old/media-q.scss */

  .page-template .testi,
  .single-post .testi,
  .category-data .testi {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }

  /* line 189, resources/assets/styles/old/media-q.scss */

  .page-template .testi > div,
  .single-post .testi > div,
  .category-data .testi > div {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  /* line 193, resources/assets/styles/old/media-q.scss */

  .page-template .testi-1,
  .page-template .testi-2,
  .page-template .testi-3,
  .single-post .testi-1,
  .single-post .testi-2,
  .single-post .testi-3,
  .category-data .testi-1,
  .category-data .testi-2,
  .category-data .testi-3 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }

  /* line 199, resources/assets/styles/old/media-q.scss */

  .page-template .testi .image-wrap,
  .single-post .testi .image-wrap,
  .category-data .testi .image-wrap {
    width: 100%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 3em 0 1em;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }

  /* line 209, resources/assets/styles/old/media-q.scss */

  .page-template .testi .image,
  .single-post .testi .image,
  .category-data .testi .image {
    position: unset;
    padding: 30%;
  }

  /* line 214, resources/assets/styles/old/media-q.scss */

  .page-template .testi .content,
  .single-post .testi .content,
  .category-data .testi .content {
    width: 100%;
    margin: 0;
    padding: 0.5em 6% 0.75em;
    -webkit-box-flex: unset;
        -ms-flex-positive: unset;
            flex-grow: unset;
    font-size: 64px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }

  /* line 223, resources/assets/styles/old/media-q.scss */

  .page-template .contact,
  .single-post .contact,
  .category-data .contact {
    width: 100%;
    padding: 5%;
  }

  /* line 228, resources/assets/styles/old/media-q.scss */

  .page-template .contact h2,
  .single-post .contact h2,
  .category-data .contact h2 {
    font-size: 36px;
    margin: 20px 0 0;
  }

  /* line 233, resources/assets/styles/old/media-q.scss */

  .page-template .contact h3,
  .single-post .contact h3,
  .category-data .contact h3 {
    font-size: 19px;
    text-align: center;
    margin: 10px 0 0;
  }

  /* line 239, resources/assets/styles/old/media-q.scss */

  .page-template .unique h2,
  .page-template .unique p.h2-title,
  .single-post .unique h2,
  .single-post .unique p.h2-title,
  .category-data .unique h2,
  .category-data .unique p.h2-title {
    text-align: left;
    font-size: 36px;
  }

  /* line 244, resources/assets/styles/old/media-q.scss */

  .page-template .ser,
  .single-post .ser,
  .category-data .ser {
    padding: 60px 5% 100px;
    --cube: 100px;
  }

  /* line 250, resources/assets/styles/old/media-q.scss */

  .page-template .ser h2,
  .single-post .ser h2,
  .category-data .ser h2 {
    margin: 60px 0 30px 0;
  }

  /* line 254, resources/assets/styles/old/media-q.scss */

  .page-template .ser .top-part,
  .single-post .ser .top-part,
  .category-data .ser .top-part {
    padding: 0;
  }

  /* line 258, resources/assets/styles/old/media-q.scss */

  .page-template .ser .top-part h2,
  .single-post .ser .top-part h2,
  .category-data .ser .top-part h2 {
    font-size: 36px;
    text-align: left;
  }

  /* line 263, resources/assets/styles/old/media-q.scss */

  .page-template .ser h3,
  .single-post .ser h3,
  .category-data .ser h3 {
    font-size: 21px;
    text-align: left;
  }

  /* line 268, resources/assets/styles/old/media-q.scss */

  .page-template .ser .leftside,
  .single-post .ser .leftside,
  .category-data .ser .leftside {
    width: 100%;
    display: none;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  /* line 274, resources/assets/styles/old/media-q.scss */

  .page-template .twr-wrap,
  .single-post .twr-wrap,
  .category-data .twr-wrap {
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }

  /* line 278, resources/assets/styles/old/media-q.scss */

  .page-template .ser .rightside,
  .single-post .ser .rightside,
  .category-data .ser .rightside {
    padding: 0 0;
  }

  /* line 282, resources/assets/styles/old/media-q.scss */

  .page-template .reflection,
  .single-post .reflection,
  .category-data .reflection {
    display: none;
  }

  /* line 286, resources/assets/styles/old/media-q.scss */

  .page-template .ser#services,
  .single-post .ser#services,
  .category-data .ser#services {
    padding: 0 5% 100px;
  }

  /* line 290, resources/assets/styles/old/media-q.scss */

  .page-template .cube1,
  .page-template .cube2,
  .page-template .cube3,
  .page-template .cube4,
  .page-template .cube5,
  .single-post .cube1,
  .single-post .cube2,
  .single-post .cube3,
  .single-post .cube4,
  .single-post .cube5,
  .category-data .cube1,
  .category-data .cube2,
  .category-data .cube3,
  .category-data .cube4,
  .category-data .cube5 {
    display: none !important;
  }

  /* line 298, resources/assets/styles/old/media-q.scss */

  .page-template .hide,
  .single-post .hide,
  .category-data .hide {
    display: unset;
    opacity: 1;
  }

  /* line 303, resources/assets/styles/old/media-q.scss */

  .page-template .show-in,
  .single-post .show-in,
  .category-data .show-in {
    opacity: 1;
    -webkit-transform: translateY(0);
         -o-transform: translateY(0);
            transform: translateY(0);
  }

  /* line 308, resources/assets/styles/old/media-q.scss */

  .page-template .btn-font,
  .single-post .btn-font,
  .category-data .btn-font {
    font-size: 14px;
  }

  /* line 312, resources/assets/styles/old/media-q.scss */

  .page-template .clients-cubes,
  .single-post .clients-cubes,
  .category-data .clients-cubes {
    height: unset;
  }

  /* line 316, resources/assets/styles/old/media-q.scss */

  .page-template .cubes,
  .single-post .cubes,
  .category-data .cubes {
    width: 100%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
  }

  /* line 322, resources/assets/styles/old/media-q.scss */

  .page-template .cubes .cube,
  .single-post .cubes .cube,
  .category-data .cubes .cube {
    -webkit-perspective: unset;
            perspective: unset;
    width: 170px;
  }

  /* line 327, resources/assets/styles/old/media-q.scss */

  .page-template .flip1,
  .page-template .flip2,
  .page-template .flip3,
  .page-template .flip4,
  .page-template .flip5,
  .page-template .flip6,
  .single-post .flip1,
  .single-post .flip2,
  .single-post .flip3,
  .single-post .flip4,
  .single-post .flip5,
  .single-post .flip6,
  .category-data .flip1,
  .category-data .flip2,
  .category-data .flip3,
  .category-data .flip4,
  .category-data .flip5,
  .category-data .flip6 {
    -webkit-animation: unset;
    -o-animation: unset;
       animation: unset;
  }

  /* line 337, resources/assets/styles/old/media-q.scss */

  .page-template .flip1,
  .single-post .flip1,
  .category-data .flip1 {
    --dly: 0.2;
  }

  /* line 341, resources/assets/styles/old/media-q.scss */

  .page-template .flip2,
  .single-post .flip2,
  .category-data .flip2 {
    --dly: 0.25;
  }

  /* line 345, resources/assets/styles/old/media-q.scss */

  .page-template .flip3,
  .single-post .flip3,
  .category-data .flip3 {
    --dly: 0.3;
  }

  /* line 349, resources/assets/styles/old/media-q.scss */

  .page-template .flip4,
  .single-post .flip4,
  .category-data .flip4 {
    --dly: 0.35;
  }

  /* line 353, resources/assets/styles/old/media-q.scss */

  .page-template .flip5,
  .single-post .flip5,
  .category-data .flip5 {
    --dly: 0.4;
  }

  /* line 357, resources/assets/styles/old/media-q.scss */

  .page-template .flip6,
  .single-post .flip6,
  .category-data .flip6 {
    --dly: 0.45;
  }

  /* line 361, resources/assets/styles/old/media-q.scss */

  .page-template .top,
  .page-template .front,
  .page-template .bottom,
  .page-template .back,
  .single-post .top,
  .single-post .front,
  .single-post .bottom,
  .single-post .back,
  .category-data .top,
  .category-data .front,
  .category-data .bottom,
  .category-data .back {
    --dur: 14s;
    opacity: 0;
    -webkit-transform: unset;
    -o-transform: unset;
       transform: unset;
    -webkit-animation: fade-cycle var(--dur) linear infinite;
         -o-animation: fade-cycle var(--dur) linear infinite;
            animation: fade-cycle var(--dur) linear infinite;
  }

  /* line 373, resources/assets/styles/old/media-q.scss */

  .page-template .top,
  .single-post .top,
  .category-data .top {
    opacity: 1 !important;
    -webkit-animation: unset !important;
         -o-animation: unset !important;
            animation: unset !important;
  }

  /* line 378, resources/assets/styles/old/media-q.scss */

  .page-template .front,
  .single-post .front,
  .category-data .front {
    -webkit-animation-delay: calc(var(--dur) * var(--dly));
         -o-animation-delay: calc(var(--dur) * var(--dly));
            animation-delay: calc(var(--dur) * var(--dly));
  }

  /* line 382, resources/assets/styles/old/media-q.scss */

  .page-template .bottom,
  .single-post .bottom,
  .category-data .bottom {
    -webkit-animation-delay: calc(var(--dur) * calc(var(--dly) + 0.25));
         -o-animation-delay: calc(var(--dur) * calc(var(--dly) + 0.25));
            animation-delay: calc(var(--dur) * calc(var(--dly) + 0.25));
  }

  /* line 386, resources/assets/styles/old/media-q.scss */

  .page-template .back,
  .single-post .back,
  .category-data .back {
    -webkit-animation-delay: calc(var(--dur) * calc(var(--dly) + 0.5));
         -o-animation-delay: calc(var(--dur) * calc(var(--dly) + 0.5));
            animation-delay: calc(var(--dur) * calc(var(--dly) + 0.5));
  }

  /* line 390, resources/assets/styles/old/media-q.scss */

  .page-template .contact-form,
  .single-post .contact-form,
  .category-data .contact-form {
    width: unset;
    margin: 30px 0 0;
  }

  /* line 395, resources/assets/styles/old/media-q.scss */

  .page-template .more-btn-wrap,
  .single-post .more-btn-wrap,
  .category-data .more-btn-wrap {
    margin: 7px 5px;
  }

  /* line 399, resources/assets/styles/old/media-q.scss */

  .page-template .unique,
  .single-post .unique,
  .category-data .unique {
    width: 100%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 0 6% 20px;
  }

  /* line 405, resources/assets/styles/old/media-q.scss */

  .page-template .unique .left,
  .single-post .unique .left,
  .category-data .unique .left {
    width: 100%;
  }

  /* line 409, resources/assets/styles/old/media-q.scss */

  .page-template .unique .left p.text,
  .single-post .unique .left p.text,
  .category-data .unique .left p.text {
    width: 100%;
    font-size: 19px;
    text-align: left;
    padding: 0;
    margin: 0 0 40px;
  }

  /* line 417, resources/assets/styles/old/media-q.scss */

  .page-template .ver-line,
  .single-post .ver-line,
  .category-data .ver-line {
    display: none;
  }

  /* line 421, resources/assets/styles/old/media-q.scss */

  .page-template .unique .right,
  .single-post .unique .right,
  .category-data .unique .right {
    width: 100%;
  }

  /* line 425, resources/assets/styles/old/media-q.scss */

  .page-template .hor-line,
  .single-post .hor-line,
  .category-data .hor-line {
    display: none;
  }

  /* line 429, resources/assets/styles/old/media-q.scss */

  .page-template .points,
  .single-post .points,
  .category-data .points {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }

  /* line 433, resources/assets/styles/old/media-q.scss */

  .page-template .icon1,
  .page-template .icon2,
  .page-template .icon3,
  .single-post .icon1,
  .single-post .icon2,
  .single-post .icon3,
  .category-data .icon1,
  .category-data .icon2,
  .category-data .icon3 {
    margin: 0 30px 0 0;
  }

  /* line 439, resources/assets/styles/old/media-q.scss */

  .page-template .unique .content,
  .single-post .unique .content,
  .category-data .unique .content {
    width: 67%;
    margin: 10px 0 40px 0;
  }
}

@-webkit-keyframes fade-cycle {
  0% {
    opacity: 0;
  }

  5%, 25% {
    opacity: 1;
  }

  30%, 100% {
    opacity: 0;
  }
}

@-o-keyframes fade-cycle {
  0% {
    opacity: 0;
  }

  5%, 25% {
    opacity: 1;
  }

  30%, 100% {
    opacity: 0;
  }
}

@keyframes fade-cycle {
  0% {
    opacity: 0;
  }

  5%, 25% {
    opacity: 1;
  }

  30%, 100% {
    opacity: 0;
  }
}

/** Search form */

/**
 * WordPress Generated Classes
 * @see http://codex.wordpress.org/CSS#WordPress_Generated_Classes
 */

/** Media alignment */

/* line 7, resources/assets/styles/components/_wp-classes.scss */

.alignnone {
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  height: auto;
}

/* line 14, resources/assets/styles/components/_wp-classes.scss */

.aligncenter {
  display: block;
  margin: 1rem auto;
  height: auto;
}

/* line 20, resources/assets/styles/components/_wp-classes.scss */

.alignleft,
.alignright {
  margin-bottom: 1rem;
  height: auto;
}

@media (min-width: 30rem) {
  /* line 27, resources/assets/styles/components/_wp-classes.scss */

  .alignleft {
    float: left;
    margin-right: 1rem;
  }

  /* line 32, resources/assets/styles/components/_wp-classes.scss */

  .alignright {
    float: right;
    margin-left: 1rem;
  }
}

/** Captions */

/** Text meant only for screen readers */

/* line 45, resources/assets/styles/components/_wp-classes.scss */

.screen-reader-text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  color: #000;
  background: #fff;
}

/* line 3, resources/assets/styles/layouts/_posts.scss */

.page-title {
  width: 100%;
  font-size: 65px;
  margin: 60px 0;
  text-align: center;
  font-family: Martel;
}

/* line 11, resources/assets/styles/layouts/_posts.scss */

.hero-about {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 550px;
  width: 100%;
  background: -webkit-linear-gradient(322deg, var(--color2) 10%, var(--color1) 70%);
  background: -o-linear-gradient(322deg, var(--color2) 10%, var(--color1) 70%);
  background: linear-gradient(128deg, var(--color2) 10%, var(--color1) 70%);
  overflow: hidden;
  position: relative;
}

/* line 21, resources/assets/styles/layouts/_posts.scss */

.hero-about .after {
  mix-blend-mode: luminosity;
  -webkit-mask-image: -webkit-gradient(linear, left top, right top, color-stop(3%, transparent), color-stop(10%, black), color-stop(90%, black), color-stop(98%, transparent));
  -webkit-mask-image: -webkit-linear-gradient(left, transparent 3%, black 10%, black 90%, transparent 98%);
  mask-image: -webkit-gradient(linear, left top, right top, color-stop(3%, transparent), color-stop(10%, black), color-stop(90%, black), color-stop(98%, transparent));
  mask-image: linear-gradient(90deg, transparent 3%, black 10%, black 90%, transparent 98%);
  content: "";
  position: absolute;
  height: 550px;
  width: 1400px;
  background-repeat: no-repeat;
  background-size: 1400px;
  background-position: center top;
}

/* line 35, resources/assets/styles/layouts/_posts.scss */

.posts-container {
  padding: 45px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-family: "Ubuntu",serif;
}

/* line 43, resources/assets/styles/layouts/_posts.scss */

.card-container-main {
  width: 100%;
  background-color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 75px;
  padding: 25px;
  -webkit-box-shadow: 0 4rem 8rem rgba(0, 0, 0, 0.2);
          box-shadow: 0 4rem 8rem rgba(0, 0, 0, 0.2);
}

/* line 51, resources/assets/styles/layouts/_posts.scss */

.card-main {
  width: inherit;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

/* line 56, resources/assets/styles/layouts/_posts.scss */

.card-main img {
  width: 50%;
  height: 100%;
  max-width: 650px;
  max-height: 650px;
  margin-right: 110px;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}

/* line 66, resources/assets/styles/layouts/_posts.scss */

.card-main__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/* line 72, resources/assets/styles/layouts/_posts.scss */

.card-main__content {
  line-height: 1.5rem;
  font-size: 1.2rem;
}

/* line 76, resources/assets/styles/layouts/_posts.scss */

.card-main__button a {
  background-color: #d2c3e6;
  text-decoration: none;
  display: inline-block;
  margin: 10px 0;
  color: #1e1e1e;
  padding: 20px;
  border: 1px solid black;
  border-radius: 6px;
}

/* line 85, resources/assets/styles/layouts/_posts.scss */

.card-main__button a:hover {
  cursor: pointer;
  background-color: black;
  color: #d2c3e6;
}

/* line 93, resources/assets/styles/layouts/_posts.scss */

.card-container {
  padding: 15px;
  display: contents;
}

/* line 97, resources/assets/styles/layouts/_posts.scss */

.card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background-color: #ffffff;
  text-align: center;
  margin: 10px;
  border-radius: 3px;
  width: 350px;
  padding: 10px;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  -webkit-box-shadow: 0 4rem 8rem rgba(0, 0, 0, 0.2);
          box-shadow: 0 4rem 8rem rgba(0, 0, 0, 0.2);
}

/* line 110, resources/assets/styles/layouts/_posts.scss */

.card:hover {
  -webkit-transform: translateY(-0.5%);
       -o-transform: translateY(-0.5%);
          transform: translateY(-0.5%);
  -webkit-box-shadow: 0 5rem 8rem rgba(0, 0, 0, 0.2);
          box-shadow: 0 5rem 8rem rgba(0, 0, 0, 0.2);
}

@media (max-width: 1500px) {
  /* line 116, resources/assets/styles/layouts/_posts.scss */

  .card {
    width: 45%;
  }
}

@media (max-width: 1000px) {
  /* line 121, resources/assets/styles/layouts/_posts.scss */

  .card {
    width: 100%;
  }
}

/* line 125, resources/assets/styles/layouts/_posts.scss */

.category {
  text-align: start;
  margin: 0;
  font-weight: bold;
  font-family: "Martel", sans-serif;
  color: #d48d0d;
}

/* line 132, resources/assets/styles/layouts/_posts.scss */

.card .card-header img {
  height: 15vh;
  width: 350px;
}

/* line 136, resources/assets/styles/layouts/_posts.scss */

.card .card-header h5 {
  margin: 3px;
}

/* line 142, resources/assets/styles/layouts/_posts.scss */

.card .card-footer a {
  text-decoration: none;
  background-color: #d2c3e6;
  display: inline-block;
  margin: 10px 0;
  color: #1e1e1e;
  padding: 12px;
  border: 1px solid black;
  border-radius: 6px;
}

/* line 151, resources/assets/styles/layouts/_posts.scss */

.card .card-footer a:hover {
  cursor: pointer;
  background-color: black;
  color: #d2c3e6;
}

/* line 1, resources/assets/styles/layouts/_tinymce.scss */

body#tinymce {
  margin: 12px !important;
}


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