@import url("https://use.typekit.net/znn5ghv.css");
* {
  padding: 0;
  margin: 0; }

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px; }

*, ::after, ::before {
  box-sizing: border-box; }

*, ::after, ::before {
  box-sizing: inherit; }

*, ::after, ::before {
  box-sizing: border-box; }

article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block; }

article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block; }

strong {
  font-weight: 700; }

b, strong {
  font-weight: bolder; }

svg:not(:root) {
  overflow: hidden; }

svg {
  display: inline-block;
  width: 100%;
  height: 100%; }

:not(svg) {
  transform-origin: 0px 0px; }

a, a:hover {
  text-decoration: none; }

ul.menu {
  margin-left: 1em;
  padding: 0;
  list-style: none outside;
  text-align: left; }

ul {
  margin-bottom: 2rem; }

dl, ol, ul {
  margin-top: 0;
  margin-bottom: 1rem; }

ul li {
  margin-bottom: 1rem; }

body.noScroll {
  height: 100%;
  overflow: hidden; }

body {
  font-size: 16px;
  line-height: 1.5em;
  font-family: 'Walsheim','Helvetica',Arial;
  font-weight: 400;
  letter-spacing: .23px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: geometricPrecision;
  overflow-x: hidden;
  width: 100%;
  min-width: 320px;
  position: relative;
  color: rgba(57, 57, 100, 0.8);
  margin: 0;
  /*font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; */
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  background-color: #fff; }

.visually-hidden {
  position: absolute !important;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  width: 1px;
  height: 1px;
  word-wrap: normal; }

.loaded #loader-wrapper {
  visibility: hidden;
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition: all .3s 1s ease-out;
  transition: all .3s 1s ease-out; }

#loader-wrapper {
  background-color: white; }

#loader-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000; }

#B17e4OIame7 {
  -ms-transform: scale(0.4);
  -webkit-transform: scale(0.4);
  transform: scale(0.4); }

#B17e4OIame7 * {
  -webkit-animation-duration: 2.5s;
  -webkit-animation-delay: -2s;
  animation-delay: -2s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  animation-duration: 2.5s;
  -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
  animation-timing-function: cubic-bezier(0, 0, 1, 1); }

#Hyrx4OLpXxQ_By_BgAXgX {
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  transform-box: fill-box;
  -webkit-transform: scale(0, 1);
  transform: scale(0, 1);
  -webkit-animation-name: Hyrx4OLpXxQ_By_BgAXgX_Animation;
  animation-name: Hyrx4OLpXxQ_By_BgAXgX_Animation;
  -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1); }

#Hyrx4OLpXxQ {
  fill: none;
  stroke: #e8481f;
  stroke-miterlimit: 10;
  -webkit-animation-name: Hyrx4OLpXxQ_Animation;
  animation-name: Hyrx4OLpXxQ_Animation;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  transform-box: fill-box;
  opacity: 1; }

#rkUx4_L67lX_HJmm-0QgX {
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  transform-box: fill-box;
  -webkit-transform: scale(1, 0);
  transform: scale(1, 0);
  -webkit-animation-name: rkUx4_L67lX_HJmm-0QgX_Animation;
  animation-name: rkUx4_L67lX_HJmm-0QgX_Animation;
  -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1); }

#rkUx4_L67lX {
  fill: none;
  stroke: #e8481f;
  stroke-miterlimit: 10;
  -webkit-animation-name: rkUx4_L67lX_Animation;
  animation-name: rkUx4_L67lX_Animation;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  transform-box: fill-box;
  opacity: 1; }

#ryDxVOLpQem_BkhjyCQeX {
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  transform-box: fill-box;
  -webkit-transform: scale(1, 0);
  transform: scale(1, 0);
  -webkit-animation-name: ryDxVOLpQem_BkhjyCQeX_Animation;
  animation-name: ryDxVOLpQem_BkhjyCQeX_Animation;
  -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1); }

#ryDxVOLpQem {
  fill: none;
  stroke: #e8481f;
  stroke-miterlimit: 10;
  -webkit-animation-name: ryDxVOLpQem_Animation;
  animation-name: ryDxVOLpQem_Animation;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  transform-box: fill-box;
  opacity: 1; }

#Sk_eNOIpQx7_rJ4P-AmgQ {
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  transform-box: fill-box;
  -webkit-transform: scale(1, 0);
  transform: scale(1, 0);
  -webkit-animation-name: Sk_eNOIpQx7_rJ4P-AmgQ_Animation;
  animation-name: Sk_eNOIpQx7_rJ4P-AmgQ_Animation;
  -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1); }

#Sk_eNOIpQx7 {
  fill: none;
  stroke: #e8481f;
  stroke-miterlimit: 10;
  -webkit-animation-name: Sk_eNOIpQx7_Animation;
  animation-name: Sk_eNOIpQx7_Animation;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  transform-box: fill-box;
  opacity: 1; }

#SyKxNuUp7gQ_ryfQf0XgQ {
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  transform-box: fill-box;
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-animation-name: SyKxNuUp7gQ_ryfQf0XgQ_Animation;
  animation-name: SyKxNuUp7gQ_ryfQf0XgQ_Animation;
  -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1); }

#SyKxNuUp7gQ {
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  transform-box: fill-box;
  -webkit-animation-name: SyKxNuUp7gQ_Animation;
  animation-name: SyKxNuUp7gQ_Animation;
  opacity: 0; }

#ByqgNOLpXl7 {
  fill: #e8481f; }

#r1sxNdLpQeX {
  fill: #e8481f; }

#Sk2gE_I6Xe7 {
  fill: #e8481f;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  transform-box: fill-box; }

#HJTeVOIT7xX {
  fill: #e8481f; }

#ByCg4OU67gQ {
  fill: #e8481f; }

.loaded #loader-wrapper .loader-section.section-left {
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }

#loader-wrapper .loader-section.section-left {
  left: 0; }

#loader-wrapper .loader-section {
  position: fixed;
  top: 0;
  width: 51%;
  height: 100%;
  background: #FFF;
  z-index: 1000;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0); }

.loaded #loader-wrapper .loader-section.section-right {
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }

#loader-wrapper .loader-section.section-right {
  right: 0; }

a {
  color: #A07952; }
  a:hover {
    color: #7e6041; }

h1 {
  color: #e8481d; }

h2 {
  color: #e8481d !important; }

h3 {
  color: #1E1E3D !important; }

h4 {
  color: #e8481d !important; }

h5 {
  color: #e8481d; }

h6 {
  color: #212121; }

p {
  color: #777 !important; }

.icon {
  z-index: -100 !important;
  position: absolute !important; }

.absolute-img {
  position: absolute !important; }

.button {
  text-align: center;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  color: #e8481d;
  border: 2px solid #e8481d;
  position: relative;
  display: inline-block;
  height: 46px;
  line-height: 46px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-size: .825rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  overflow: visible;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: box-shadow, transform 0.2s cubic-bezier(0.25, 0.2, 0.45, 1);
  -moz-transition: box-shadow, transform 0.2s cubic-bezier(0.25, 0.2, 0.45, 1);
  -o-transition: box-shadow, transform 0.2s cubic-bezier(0.25, 0.2, 0.45, 1);
  transition: box-shadow, transform 0.2s cubic-bezier(0.25, 0.2, 0.45, 1); }
  .button span {
    position: relative;
    pointer-events: none; }
  .button .icon-half-right {
    position: absolute;
    right: 15px;
    background: url("_icons/Button-icon-half.svg") no-repeat;
    content: "";
    display: inline-block;
    height: 11px;
    top: 15px;
    vertical-align: middle;
    width: 30px; }

.button:hover {
  color: #fff;
  background-color: #e8481d;
  border: none;
  /*
  line-height: 52px;
  height: 48px;
  */
  transform: translateY(-3px);
  -webkit-transform: translateY(-3px);
  -moz-transform: translateY(-3px);
  -ms-transform: translateY(-3px);
  -o-transform: translateY(-3px);
  -webkit-box-shadow: 0 15px 40px -15px #E8481D;
  -moz-box-shadow: 0 15px 40px -15px #E8481D;
  box-shadow: 0 15px 40px -15px #E8481D; }
  .button:hover .icon-half-right {
    background: url("_icons/Button-icon-half-hover.svg") no-repeat !important; }

.button:first-child, .image-button:first-child {
  margin-right: 0;
  margin-left: 0; }

.square-back {
  background-color: #1E1E3D;
  width: 300px;
  height: 300px; }

.square-front {
  position: absolute;
  border-radius: 120px 0 0 0;
  margin: 40px;
  background-color: #ececec;
  height: 300px;
  width: 300px; }

@media (max-width: 991.98px) {
  .square .scroll-downs {
    top: 10px;
    left: 10px; } }
.square .scroll-downs {
  top: 20px;
  left: 20px;
  right: auto; }

.scroll-downs {
  position: relative;
  margin: 10px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 34px;
  height: 55px; }

.mousey {
  width: 3px;
  padding: 10px 10px;
  height: 21px;
  border: 2px solid #fff;
  border-radius: 25px;
  opacity: .75;
  box-sizing: content-box; }

.scroller {
  width: 3px;
  height: 10px;
  border-radius: 25%;
  background-color: #fff;
  animation-name: scroll;
  animation-duration: 2.2s;
  animation-timing-function: cubic-bezier(0.15, 0.41, 0.69, 0.94);
  animation-iteration-count: infinite; }

text {
  margin-top: 100px; }
  text h1 {
    font-size: 2.5rem;
    color: #1E1E3D; }
  text h2 {
    display: flex; }
  text p {
    width: 70%; }
  text li {
    display: grid; }
  text a {
    cursor: pointer; }

.site-navigation {
  display: inline-flex; }
  @media (max-width: 1200px) {
    .site-navigation {
      display: grid; } }
  .site-navigation .row {
    margin: 1em; }
    @media (max-width: 1200px) {
      .site-navigation .row {
        display: grid; } }
    .site-navigation .row .row-svg {
      right: 15px;
      background: url("_icons/prozessdigitalisierung_icon_animation.svg") no-repeat;
      content: "";
      display: inline-block;
      height: 3em;
      top: 15px;
      vertical-align: middle;
      width: 30px;
      vertical-align: text-top; }
    .site-navigation .row .row-last {
      right: 15px;
      background: url("_icons/icon-shop_animated.svg") no-repeat;
      content: "";
      display: inline-block;
      height: 3em;
      top: 15px;
      vertical-align: middle;
      width: 30px;
      vertical-align: text-top; }

.content-header {
  position: relative;
  height: 310px; }
  @media (max-width: 781px) {
    .content-header {
      height: fit-content; } }
  @media (max-width: 990px) {
    .content-header text p {
      width: fit-content; } }
  .content-header .content-text {
    position: absolute;
    padding: 7em 0 0 11em; }
    @media (max-width: 781px) {
      .content-header .content-text {
        position: relative;
        padding: 9em 0 0 4em; } }

.headline {
  display: flex; }
  .headline .headline-prozess {
    right: 15px;
    background: url("_icons/prozessdigitalisierung_icon_animation.svg") no-repeat;
    content: "";
    display: inline-block;
    height: 3em;
    top: 15px;
    vertical-align: middle;
    width: 30px; }
  .headline h2 {
    display: flex; }
  .headline i {
    margin-right: 0.5em; }

.headline-2 {
  display: flex; }
  .headline-2 .headline-prozess {
    right: 15px;
    background: url("_icons/icon-shop_animated.svg") no-repeat;
    content: "";
    display: inline-block;
    height: 3em;
    top: 15px;
    vertical-align: middle;
    width: 30px; }
  .headline-2 h2 {
    display: flex; }
  .headline-2 i {
    margin-right: 0.5em; }

.container-headline {
  position: relative;
  display: flex; }
  .container-headline h1 {
    position: absolute;
    font-size: 3em;
    margin-top: -0.7em;
    color: #EAF3FF; }
  .container-headline .container-content-text {
    z-index: 99;
    margin-left: 1em; }
    .container-headline .container-content-text h3 {
      margin-bottom: 0.5em; }
    .container-headline .container-content-text p {
      width: 40%; }
      @media (max-width: 780px) {
        .container-headline .container-content-text p {
          width: 80%; } }
      @media (max-width: 500px) {
        .container-headline .container-content-text p {
          width: fit-content; } }
  .container-headline #consulting {
    color: #EAF3FF !important; }
  .container-headline #vertriebskonzept {
    opacity: 10%; }

.category-span {
  margin-left: 0.7em;
  margin-top: 1em; }
  @media (max-width: 780px) {
    .category-span {
      display: inline-grid;
      text-align: center; } }
  .category-span span {
    margin: 1em;
    background-color: #ececec;
    padding: 4px 1em 4px 1em;
    border-radius: 0.5em; }

.container-button {
  display: flex; }
  .container-button hr {
    color: #ececec;
    margin: auto;
    margin-right: 0;
    height: 2px;
    width: 40%; }
  .container-button p {
    display: flex; }
    .container-button p .button {
      margin: auto !important; }

.container-implementierung {
  width: 33%; }
  @media (max-width: 1030px) {
    .container-implementierung {
      width: 60%; } }
  .container-implementierung h2 {
    margin-bottom: 0.5em; }
  .container-implementierung h1 {
    font-size: 3em;
    margin-bottom: 1em; }

html {
  scroll-behavior: smooth; }

.image-container {
  justify-content: end;
  display: flex;
  margin-top: -5em;
  width: 90%; }
  @media (max-width: 1200px) {
    .image-container {
      margin-top: 0em; } }
  .image-container .content-img {
    width: inherit; }
  .image-container .content-img-two {
    height: 30em; }

.image-half-container {
  display: flex;
  margin-top: -8em;
  width: 100%; }
  @media (max-width: 1200px) {
    .image-half-container {
      margin-top: 0em; } }
  .image-half-container .content-half-img {
    width: inherit;
    margin-top: 8em; }
    @media (max-width: 1200px) {
      .image-half-container .content-half-img {
        margin-top: 0em; } }

.image-container-umsetzung {
  justify-content: end;
  display: flex; }
  .image-container-umsetzung .content-img-umsetzung {
    height: 30em; }

.cover-container {
  display: flex;
  justify-content: center;
  position: relative;
  width: 100%; }
  .cover-container .cover-img {
    width: inherit; }

.fancy-headline {
  margin: 0 !important; }

.container-anforderungserfassung-content {
  display: flex;
  align-items: center;
  margin-bottom: 5em; }
  .container-anforderungserfassung-content .usp-container {
    position: relative; }
    .container-anforderungserfassung-content .usp-container .usp-wrap {
      margin-top: 5em;
      display: flex;
      align-items: center; }
      .container-anforderungserfassung-content .usp-container .usp-wrap .usp-arrow {
        display: inline-block;
        vertical-align: middle;
        background: url("_icons/Pfeil-links.svg") no-repeat;
        height: 1em; }
      .container-anforderungserfassung-content .usp-container .usp-wrap p {
        max-width: 85% !important; }
      .container-anforderungserfassung-content .usp-container .usp-wrap h1 {
        font-size: 5em;
        z-index: -1; }
      .container-anforderungserfassung-content .usp-container .usp-wrap .usp {
        max-width: 14em; }
        .container-anforderungserfassung-content .usp-container .usp-wrap .usp svg {
          justify-content: right;
          background: url("_icons/Projekt.svg") no-repeat;
          height: 2em;
          padding-bottom: 1em; }
  .container-anforderungserfassung-content .image-container {
    margin-top: 1em; }
    .container-anforderungserfassung-content .image-container .content-img {
      height: 45em; }

.no-border-background {
  margin: 0 !important;
  padding: 0 !important; }

.api-image-container {
  margin: 0;
  position: relative;
  display: flex;
  justify-content: center; }
  .api-image-container .api-wuerfel-img {
    width: 30em; }

/*
 * jQuery FlexSlider v2.7.2
 * https://www.woocommerce.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 and later license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 *
 */
/* ====================================================================================================================
 * RESETS
 * ====================================================================================================================*/
.flex-container a:hover,
.flex-slider a:hover {
  outline: none;
  border: #7e6041; }

.slides,
.slides > li,
.flex-control-nav,
.flex-direction-nav {
  /* margin: 0; */
  padding: 0;
  list-style: none; }

.flex-pauseplay span {
  text-transform: capitalize; }

/* ====================================================================================================================
 * BASE STYLES
 * ====================================================================================================================*/
.flexslider {
  margin: 0;
  padding: 0; }

.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden; }

.flexslider .slides img {
  width: 100%;
  display: block; }

.flexslider .slides:after {
  content: "\0020";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0; }

html[xmlns] .flexslider .slides {
  display: block; }

* html .flexslider .slides {
  height: 1%; }

.no-js .flexslider .slides > li:first-child {
  display: block; }

/* ====================================================================================================================
 * DEFAULT THEME
 * ====================================================================================================================*/
.flexslider {
  margin: 0 0 60px;
  /*background: #fff ;*/
  /*border: 4px solid #fff;*/
  position: relative;
  zoom: 1;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: "" 0 1px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: "" 0 1px 4px rgba(0, 0, 0, 0.2);
  -o-box-shadow: "" 0 1px 4px rgba(0, 0, 0, 0.2);
  box-shadow: "" 0 1px 4px rgba(0, 0, 0, 0.2); }

.flexslider .slides {
  zoom: 1; }

.flexslider .slides img {
  object-fit: cover;
  height: 350px;
  background: #1E1E3D;
  border: 2px solid #e8481d;
  box-shadow: 2px -10px 7px 1px rgba(0, 0, 0, 0.2);
  -moz-user-select: none;
  cursor: pointer; }

.flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease; }

.loading .flex-viewport {
  max-height: 300px; }

@-moz-document url-prefix() {
  .loading .flex-viewport {
    max-height: none; } }
.carousel li {
  margin-right: 5px; }

.flex-direction-nav {
  *height: 0; }

.flex-direction-nav a {
  opacity: 1;
  /*
  background: $gray-light;
   */
  border: 2px solid #ececec;
  text-decoration: none;
  display: block;
  width: 40px;
  height: 40px;
  margin: -20px 0 0;
  position: absolute;
  top: 50%;
  z-index: 10;
  overflow: hidden;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.8); }

.flex-direction-nav a:before {
  content: '';
  text-decoration: none;
  border: none;
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 2px;
  border-bottom: 2px solid #ececec;
  border-right: 2px solid #ececec;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(135deg);
  -moz-transform: translate(-50%, -50%) rotate(135deg);
  -ms-transform: translate(-50%, -50%) rotate(135deg);
  -o-transform: translate(-50%, -50%) rotate(135deg);
  transform: translate(-50%, -50%) rotate(135deg); }

.flex-direction-nav a:hover {
  border-color: #e8481d !important; }

.flex-direction-nav a:hover:before {
  border-color: #e8481d !important; }

.flex-direction-nav a.flex-next:before {
  content: '';
  text-decoration: none;
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 2px;
  border-bottom: 2px solid #ececec;
  border-right: 2px solid #ececec;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg); }

.flex-direction-nav .flex-prev {
  left: -50px; }

.flex-direction-nav .flex-next {
  right: -50px;
  text-align: right; }

.flexslider:hover .flex-direction-nav .flex-next:hover {
  opacity: 1; }

.flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: -40px;
  text-align: center; }

.flex-control-nav li {
  margin: 0 6px;
  display: inline-block;
  zoom: 1;
  *display: inline; }

.flex-control-paging li a {
  width: 12px;
  height: 12px;
  display: block;
  background: none;
  border: 2px solid #ececec;
  cursor: pointer;
  text-indent: -9999px;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px; }

.flex-control-paging li a:hover {
  background: #333;
  background: rgba(0, 0, 0, 0.7); }

.flex-control-paging li a.flex-active {
  border-color: #e8481d;
  background: #e8481d;
  cursor: default; }

.flex-control-thumbs {
  margin: 5px 0 0;
  position: static;
  overflow: hidden; }

.flex-control-thumbs li {
  width: 25%;
  float: left;
  margin: 0; }

.flex-control-thumbs img {
  width: 100%;
  height: auto;
  display: block;
  opacity: .7;
  cursor: pointer;
  -moz-user-select: none;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease; }

.flex-control-thumbs img:hover {
  opacity: 1; }

.flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default; }

/* ====================================================================================================================
 * RESPONSIVE
 * ====================================================================================================================*/
@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {
    opacity: 1;
    left: 10px; }

  .flex-direction-nav .flex-next {
    opacity: 1;
    right: 10px; } }
/* ====================================================================================================================
 * Lightbox
 * ====================================================================================================================*/
.lightboxoverlay {
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 9998;
  background-color: #fff;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=89);
  opacity: 0.9;
  display: none; }
  .lightboxoverlay.show-overlay {
    display: block; }

.lightbox {
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  display: none;
  z-index: 9999; }
  .lightbox.show {
    backdrop-filter: blur(6px);
    display: block;
    text-align: center; }

.lightbox-wrap {
  border: 2px solid #e8481d;
  background: #1E1E3D;
  display: inline-block;
  width: 50%; }
  .lightbox-wrap .img {
    width: 100%; }

.lightbox-caption-container {
  background: #ececec; }

.lightbox-caption {
  color: #212121;
  padding: 2em;
  text-align: left !important; }

#button-lightbox-close {
  display: block;
  float: right;
  width: 121px;
  height: 40px;
  padding: 0 20px;
  text-align: right;
  line-height: 40px;
  cursor: pointer; }

#button-lightbox-close span {
  position: relative;
  width: 20px;
  height: 4px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background: #ececec;
  display: inline-block;
  top: 4px;
  margin-right: 10px;
  transform: rotate(-45deg); }

#button-lightbox-close span:after {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 20px;
  height: 4px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background: #ececec;
  transform: rotate(-85deg); }

@media (max-width: 991.98px) {
  .mainNavFrame:not(.active) {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: transform .5s ease-in-out;
    -moz-transition: transform .5s ease-in-out;
    -o-transition: transform .5s ease-in-out;
    transition: transform .5s ease-in-out; } }
#button-nav-mobile-close span:after {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 20px;
  height: 4px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background: #000;
  -webkit-transition: transform 0.2s cubic-bezier(0.25, 0.2, 0.45, 1);
  -moz-transition: transform 0.2s cubic-bezier(0.25, 0.2, 0.45, 1);
  -o-transition: transform 0.2s cubic-bezier(0.25, 0.2, 0.45, 1);
  transition: transform 0.2s cubic-bezier(0.25, 0.2, 0.45, 1); }

#button-nav-mobile-close span {
  position: relative;
  width: 20px;
  height: 4px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background: #000;
  display: inline-block;
  top: -2px;
  margin-right: 10px;
  -webkit-transition: transform 0.2s cubic-bezier(0.25, 0.2, 0.45, 1);
  -moz-transition: transform 0.2s cubic-bezier(0.25, 0.2, 0.45, 1);
  -o-transition: transform 0.2s cubic-bezier(0.25, 0.2, 0.45, 1);
  transition: transform 0.2s cubic-bezier(0.25, 0.2, 0.45, 1); }

body.noScroll {
  height: 100% !important;
  overflow: hidden !important; }

header {
  position: relative; }

.zoom2, .zoom {
  transform-origin: center;
  -webkit-transition: all .5s ease-in-out .5s;
  -moz-transition: all .5s ease-in-out .5s;
  -o-transition: all .5s ease-in-out .5s;
  transition: all .5s ease-in-out .5s;
  position: relative; }

/*
.zoom{

    &.active{
        -webkit-transform: scale(0.95);
        -moz-transform: scale(0.95);
        -ms-transform: scale(0.95);
        -o-transform: scale(0.95);
        transform: scale(0.95);
        overflow: hidden;
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        transition:all .5s ease-in-out;
    }
}*/
.bg-orange {
  background: #e8481d;
  color: #FFF; }

.bg-white {
  background: #FFF; }

#header {
  z-index: 100;
  position: absolute;
  right: 0;
  float: right;
  width: 90%;
  padding: 0 0 10px 10px;
  will-change: width;
  will-change: opacity;
  -webkit-transition: width 0.6s cubic-bezier(0.6, 1.4, 0.6, 1.4) 0s;
  -moz-transition: width 0.6s cubic-bezier(0.6, 1.4, 0.6, 1.4) 0s;
  transition: width 0.6s cubic-bezier(0.6, 1.4, 0.6, 1.4) 0s; }

#header .content,
#header #logo {
  -webkit-transition: height 0.6s cubic-bezier(0.6, 1.4, 0.6, 1.4) 0s;
  -moz-transition: height 0.6s cubic-bezier(0.6, 1.4, 0.6, 1.4) 0s;
  transition: height 0.6s cubic-bezier(0.6, 1.4, 0.6, 1.4) 0s; }

body.noScroll {
  height: 100%;
  overflow: hidden; }

#header.fixed {
  position: fixed;
  width: 100%;
  -webkit-transition: width 0.6s cubic-bezier(0.6, 1.4, 0.6, 1.4) 0.2s;
  -moz-transition: width 0.6s cubic-bezier(0.6, 1.4, 0.6, 1.4) 0.2s;
  transition: width 0.6s cubic-bezier(0.6, 1.4, 0.6, 1.4) 0.2s; }

@media (min-width: 767.98px) {
  #header.fixed .content {
    height: 80px; }

  #header.fixed.opacity {
    opacity: 1;
    animation-name: topOpacity;
    animation-duration: 1s; }

  #header.fixed #logo {
    height: 80px; } }
@media (max-width: 991.98px) {
  .mainNavFrame {
    position: fixed;
    width: 100%;
    min-width: 320px;
    min-height: 100vh;
    background: rgba(255, 255, 255, 0.9);
    z-index: 200;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-transition: transform .5s ease-in-out;
    -moz-transition: transform .5s ease-in-out;
    -o-transition: transform .5s ease-in-out;
    transition: transform .5s ease-in-out;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }
@media (max-width: 991.98px) {
  .mainNavFrame:not(.active) {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: transform .5s ease-in-out;
    -moz-transition: transform .5s ease-in-out;
    -o-transition: transform .5s ease-in-out;
    transition: transform .5s ease-in-out; } }
@keyframes topOpacity {
  25% {
    opacity: 1; }
  50% {
    opacity: 0; }
  75% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@media all and (max-width: 1520px) {
  #header {
    width: 100%; } }
#logo {
  position: absolute;
  left: 10px;
  top: 0px;
  width: 220px;
  height: 116px; }

@media all and (max-width: 767.98px) {
  #logo {
    height: 64px; } }
#header .logo-madco {
  width: 128px;
  height: 28px;
  color: #A07952;
  -webkit-transition: color 0.5s cubic-bezier(0.25, 0.2, 0.45, 1);
  -moz-transition: color 0.5s cubic-bezier(0.25, 0.2, 0.45, 1);
  -o-transition: color 0.5s cubic-bezier(0.25, 0.2, 0.45, 1);
  transition: color 0.5s cubic-bezier(0.25, 0.2, 0.45, 1); }

#header .logo-madco:hover {
  color: #E8481D; }

@media all and (max-width: 767.98px) {
  #header .logo-madco {
    width: 100px;
    height: 28px;
    margin-right: 35px; } }
.align-items-center {
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important; }

.justify-content-center {
  -webkit-box-pack: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important; }

#nav-mobile {
  justify-content: flex-end;
  align-items: center; }

.mainNavFrame,
.mainNavFrame .button.small,
#header #button-nav-mobile {
  -webkit-transition: height 0.6s cubic-bezier(0.6, 1.4, 0.6, 1.4) 0s;
  -moz-transition: height 0.6s cubic-bezier(0.6, 1.4, 0.6, 1.4) 0s;
  transition: height 0.6s cubic-bezier(0.6, 1.4, 0.6, 1.4) 0s; }

@media (min-width: 767.98px) {
  .mainNavFrame.fixed {
    position: fixed;
    height: 80px; }

  #header.fixed #button-nav-mobile {
    height: 80px; } }
@media (max-width: 1199.98px) {
  .mainNavFrame.fixed .button.small {
    height: 80px; } }
.mainNavFrame.fixed.opacity {
  opacity: 1;
  animation-name: topOpacity;
  animation-duration: 1s; }

.mainNavFrame .menu {
  margin: 0;
  padding: 0 24px 0 0;
  position: relative; }

@media all and (max-width: 1500px) {
  .mainNavFrame .menu {
    padding: 0 12px 0 0; } }
.mainNavFrame .menu li {
  display: inline-block; }

.mainNavFrame .menu li a {
  color: #1E1E3D;
  position: relative;
  font-size: 0.875rem;
  padding-top: 0px;
  font-weight: 600; }

@media all and (max-width: 991.98px) {
  .mainNavFrame .menu li a {
    font-size: 1.25rem;
    margin: 0;
    padding: 10px 0;
    display: block; } }
.mainNavFrame .menu li a.is-active,
.mainNavFrame .menu li a:hover {
  color: #E8481D; }

@media all and (min-width: 1200px) {
  .mainNavFrame .menu li a.is-active:before {
    position: absolute;
    left: -16px;
    top: 50%;
    content: '';
    height: 8px;
    width: 8px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin-top: -4px;
    background: #E8481D; } }
.region-header-menu .menu li {
  margin: 0 24px;
  position: relative; }

@media all and (max-width: 1500px) {
  .region-header-menu .menu li {
    margin: 0 12px; } }
@media all and (max-width: 991.98px) {
  .region-header-menu .menu li {
    width: 100%;
    padding: 0; } }
@media all and (min-width: 992px) {
  .region-header-menu .menu:after {
    position: absolute;
    content: '';
    width: 1px;
    height: 16px;
    background: #1E1E3D;
    right: 0px;
    top: 8px; } }
.region-header-menu {
  display: inline-block; }

@media all and (max-width: 991.98px) {
  .region-header-menu {
    width: 100%; } }
.region-header-menu .menu li a {
  font-weight: 700; }

@media all and (max-width: 991.98px) {
  .region-header-menu .menu li a {
    font-weight: 800; } }
.mainNavFrame .button {
  float: right;
  margin: 0 24px; }

@media all and (max-width: 1500px) {
  .mainNavFrame .button.small {
    min-width: 200px;
    margin: 0 12px; } }
@media (max-width: 1199.98px) {
  .mainNavFrame .fixed .button .small {
    height: 80px; } }
@media all and (max-width: 1199.98px) {
  .mainNavFrame .button.small {
    height: 114px;
    border: none;
    background: #F7F7F7;
    width: 60px;
    min-width: 0px;
    margin: 0 0 0 1px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px; }

  .mainNavFrame .button.small .bg {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px; }

  .mainNavFrame .button.small:hover {
    height: 114px;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }

  .button.small:hover .icon-project,
  .button.small .icon-project {
    top: 50%;
    right: 50%;
    height: 24px;
    width: 24px;
    margin-top: -12px;
    margin-right: -12px; }

  .mainNavFrame .button.small .text {
    display: none; } }
.small, small {
  font-size: 80%;
  font-weight: 400; }

.button, .image-button {
  margin-right: 1em;
  margin-left: 1em; }

.button.small {
  min-width: 230px;
  height: 34px;
  line-height: 34px; }

.button.small:hover {
  background: #e8481d !important; }

@media (max-width: 1199.98px) {
  .button.small:hover .icon-project, .button.small .icon-project {
    top: 50% !important;
    right: 50%;
    height: 24px;
    width: 24px;
    margin-top: -12px;
    margin-right: -12px; } }
@media all and (min-width: 575.98px) {
  .button {
    width: auto;
    min-width: 262px; } }
.button .bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  overflow: hidden; }

.button span {
  position: relative;
  pointer-events: none; }

.button.small .icon-project {
  top: 9px; }

.button .icon-project {
  width: 15px;
  height: 16px;
  position: absolute;
  right: 10px;
  top: 13px; }

@media (min-width: 767.98px) {
  #header.fixed #button-nav-mobile {
    height: 80px; } }
@media all and (max-width: 991.98px) {
  .mainNavFrame .button.small:hover {
    right: auto;
    left: 0px;
    margin: 0 0 50px;
    top: auto;
    bottom: auto;
    width: 100%;
    height: 40px;
    line-height: 40px;
    background: none !important;
    color: #E8481D !important;
    padding: 0 12px;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    font-weight: 600; }

  .mainNavFrame .button.small {
    right: auto;
    left: 0px;
    top: auto;
    bottom: auto;
    margin: 0 0 50px;
    font-size: 1.25rem;
    width: 100%;
    height: 40px;
    line-height: 40px;
    background: none !important;
    color: #1E1E3D !important;
    text-align: left;
    padding: 0 12px;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    font-weight: 600; }

  .mainNavFrame .button.small .icon-project {
    display: none; }

  .user-logged-in .mainNavFrame .button.small {
    bottom: auto; }

  .mainNavFrame .button.small .text {
    display: inline-block;
    position: relative; } }
@media all and (max-width: 991.98px) and (max-height: 360px) {
  .mainNavFrame .button.small:hover,
  .mainNavFrame .button.small {
    position: relative; } }
.region-header-top-menu {
  display: inline-block; }

@media all and (max-width: 991.98px) {
  .region-header-top-menu {
    width: 100%; } }
.region-header-top-menu .menu {
  display: inline-block;
  padding: 0 24px;
  position: relative; }

@media all and (max-width: 1500px) {
  .region-header-top-menu .menu {
    padding: 0 12px; } }
@media all and (max-width: 991.98px) {
  .region-header-top-menu .menu {
    width: 100%;
    margin-bottom: 0px; } }
@media all and (min-width: 1200px) {
  .region-header-top-menu .menu:after {
    position: absolute;
    content: '';
    width: 1px;
    height: 16px;
    background: #1E1E3D;
    right: 0px;
    top: 8px; } }
.region-header-top-menu .menu li {
  margin: 0 24px;
  position: relative; }

@media all and (max-width: 1500px) {
  .region-header-top-menu .menu li {
    margin: 0 12px; } }
@media all and (max-width: 991.98px) {
  .region-header-top-menu .menu li {
    margin: 0;
    display: block;
    width: 100%; } }
header .content {
  height: 115px;
  -webkit-box-shadow: 1px 2px 7px 0px rgba(30, 30, 61, 0.46);
  -moz-box-shadow: 1px 2px 7px 0px rgba(30, 30, 61, 0.46);
  box-shadow: 1px 2px 7px 0px rgba(30, 30, 61, 0.46);
  -webkit-border-radius: 0px 0px 0px 70px;
  -moz-border-radius: 0px 0px 0px 70px;
  border-radius: 0px 0px 0px 70px; }

@media all and (max-width: 767.98px) {
  header .content {
    height: 64px;
    -webkit-border-radius: 0px 0px 0px 40px;
    -moz-border-radius: 0px 0px 0px 40px;
    border-radius: 0px 0px 0px 40px; } }
#button-nav-mobile-close {
  display: none;
  float: right;
  width: 121px;
  height: 40px;
  padding: 0 20px;
  text-align: right;
  line-height: 40px;
  cursor: pointer; }

@media all and (max-width: 991.98px) {
  #button-nav-mobile-close {
    display: block; } }
.mainNavFrame {
  float: right;
  height: 116px;
  width: -webkit-calc(90% - 240px);
  width: -moz-calc(90% - 240px);
  width: calc(90% - 240px);
  position: absolute;
  right: 0px;
  top: 0px;
  z-index: 120; }

@media all and (max-width: 1520px) {
  .mainNavFrame {
    width: -webkit-calc(100% - 240px);
    width: -moz-calc(100% - 240px);
    width: calc(100% - 240px); } }
@media all and (max-width: 991.98px) {
  .mainNavFrame:not(.active) {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: transform .5s ease-in-out;
    -moz-transition: transform .5s ease-in-out;
    -o-transition: transform .5s ease-in-out;
    transition: transform .5s ease-in-out; }

  .mainNavFrame {
    position: fixed;
    width: 100%;
    min-width: 320px;
    min-height: 100vh;
    background: rgba(255, 255, 255, 0.9);
    z-index: 200;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-transition: transform .5s ease-in-out;
    -moz-transition: transform .5s ease-in-out;
    -o-transition: transform .5s ease-in-out;
    transition: transform .5s ease-in-out;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }
#button-nav-mobile {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 115px;
  height: 115px;
  background: #F7F7F7;
  cursor: pointer;
  z-index: 120; }

@media all and (min-width: 992px) {
  #button-nav-mobile {
    display: none !important; } }
@media all and (max-width: 767.98px) {
  #button-nav-mobile {
    width: 64px;
    height: 64px; } }
#button-nav-mobile div {
  -moz-transform: rotate(-30deg);
  -ms-transform: rotate(-30deg);
  -o-transform: rotate(-30deg);
  -webkit-transform: rotate(-30deg);
  transform: rotate(-30deg); }

#button-nav-mobile span {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 4px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background: #E8481D; }

#button-nav-mobile:hover span {
  background: #FFF; }

#button-nav-mobile span:after,
#button-nav-mobile span:before {
  position: absolute;
  content: '';
  width: 20px;
  height: 4px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background: #E8481D; }

#button-nav-mobile:hover span:after,
#button-nav-mobile:hover span:before {
  background: #FFF; }

#button-nav-mobile span:before {
  top: -8px;
  left: 0px;
  animation: nav-icon-top 8s ease both;
  animation-iteration-count: infinite; }

#button-nav-mobile span:after {
  bottom: -8px;
  left: 10px;
  animation: nav-icon-buttom 8s ease both;
  animation-iteration-count: infinite; }

#button-nav-mobile:hover {
  background: #E8481D; }

@keyframes nav-icon-top {
  5%,95% {
    left: 5px; }
  0%,100% {
    left: 0px; } }
@keyframes nav-icon-buttom {
  5%,95% {
    left: 5px; }
  0%,100% {
    left: 10px; } }
::selection {
  background: #e8481d;
  color: #fff; }

.bg-borders {
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: -1; }
  .bg-borders .container {
    height: 100%; }
  .bg-borders .col-3 {
    height: 100%;
    border-left: 1px solid rgba(200, 200, 200, 0.2);
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%; }
  .bg-borders .col-3:last-child {
    border-right: 1px solid rgba(200, 200, 200, 0.2); }
  .bg-borders .row {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px; }

.bg-borders .container .row, .bg-borders .container {
  height: 100%; }

.container,
.wp-block-wpseed-container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto; }
  @media screen and (min-width: 576px) {
    .container,
    .wp-block-wpseed-container {
      max-width: 540px; } }
  @media screen and (min-width: 768px) {
    .container,
    .wp-block-wpseed-container {
      max-width: 720px; } }
  @media screen and (min-width: 992px) {
    .container,
    .wp-block-wpseed-container {
      max-width: 960px; } }
  @media screen and (min-width: 1200px) {
    .container,
    .wp-block-wpseed-container {
      max-width: 1140px; } }

@media (max-width: 1199.98px) {
  #footer-infos .footer-logo-left {
    font-size: .75rem !important; } }
@media all and (max-width: 991.98px) {
  #footer-logo {
    top: -30px !important;
    left: 50% !important;
    margin-left: -39px !important;
    width: 78px !important;
    z-index: 11 !important; } }
@media all and (max-width: 991.98px) {
  #footer-infos {
    padding-top: 70px;
    padding-left: 15px;
    padding-right: 15px;
    background: #f3f3f3; }

  #footer-privacy .container {
    border: 1px solid #979797;
    border-top: none; }

  #footer-infos .container {
    border: 1px solid #979797;
    border-bottom: none;
    position: relative;
    z-index: 5; } }
@media all and (max-width: 991.98px) {
  #footer-infos .footer-logo-left {
    padding-left: 20px !important;
    padding-right: 20px !important;
    padding-top: 44px !important;
    padding-bottom: 44px !important;
    text-align: center;
    line-height: 1.3em; } }
@media all and (min-width: 992px) {
  #footer-infos .container:before {
    position: absolute;
    content: '';
    left: 38px;
    top: 0px;
    width: -webkit-calc(100% - 76px);
    width: -moz-calc(100% - 76px);
    width: calc(100% - 76px);
    height: 100%;
    border-left: 1px solid #979797;
    border-right: 1px solid #979797;
    z-index: 6; } }
@media all and (max-width: 991.98px) {
  #footer-mail {
    padding-right: 35px;
    text-align: right; }

  #footer-phone {
    padding-left: 35px;
    text-align: left; } }
@media all and (max-width: 575.98px) {
  #footer-phone,
  #footer-mail {
    text-align: center;
    padding-left: 0px;
    padding-right: 0px; } }
@media all and (max-width: 1199.98px) {
  .footer-navigation {
    padding-left: 18px;
    padding-right: 53px; } }
@media all and (max-width: 991.98px) {
  .footer-navigation {
    padding-left: 15px;
    padding-right: 15px; } }
@media all and (max-width: 991.98px) {
  .region-footer-navigation {
    padding-top: 20px;
    padding-bottom: 10px;
    margin: 0 auto;
    max-width: 184px; } }
@media all and (max-width: 1199.98px) {
  .region-footer-navigation ul li {
    margin-right: 5px;
    font-size: 0.875rem; } }
@media all and (max-width: 991.98px) {
  .region-footer-navigation ul {
    width: 100%;
    display: inline-block; }

  .region-footer-navigation ul li {
    /*width: 33.33%;*/
    margin: 0;
    float: left;
    font-size: 0.75rem; }

  .region-footer-navigation ul li a {
    display: inline-block;
    width: 100%; }

  .region-footer-navigation ul li:nth-child(2n) a {
    text-align: center; }

  .region-footer-navigation ul li:last-child a {
    text-align: right; } }
@media all and (max-width: 1199.98px) {
  .footer-socialmedia {
    max-width: 252px; } }
@media all and (max-width: 991.98px) {
  .footer-socialmedia {
    max-width: 184px !important;
    margin: 20px auto 30px;
    padding-bottom: 20px;
    border-bottom: 2px solid #1E1E3D; } }
@media (max-width: 1199.98px) {
  .footer-socialmedia .title {
    font-size: .675rem !important;
    margin-right: 0 !important;
    max-width: 64px !important; } }
@media (max-width: 991.98px) {
  .footer-socialmedia .title {
    width: 100%;
    max-width: 100% !important;
    text-align: center; } }
@media all and (max-width: 991.98px) {
  .footer-socialmedia .icons {
    width: 100% !important;
    max-width: 100% !important;
    text-align: center !important;
    margin: 20px 0 0; } }
@media all and (min-width: 992px) {
  #footer-privacy .container:before {
    position: absolute;
    content: '';
    left: 38px;
    top: -8px;
    width: -webkit-calc(100% - 76px);
    width: -moz-calc(100% - 76px);
    width: calc(100% - 76px);
    height: -webkit-calc(100% + 20px);
    height: -moz-calc(100% + 20px);
    height: calc(100% + 20px);
    border-left: 1px solid #979797;
    border-right: 1px solid #979797;
    border-bottom: 1px solid #979797;
    z-idexn: 10; } }
@media all and (max-width: 991.98px) {
  #footer-privacy {
    padding-left: 15px;
    padding-right: 15px;
    background: #FFF; }

  #footer-privacy .copyright {
    text-align: center !important;
    font-size: 0.675rem !important; } }
@media all and (max-width: 1199.98px) {
  .region-footer-privacy {
    padding: 0 40px 0 0 !important; } }
@media all and (max-width: 991.98px) {
  .region-footer-privacy {
    padding: 0 !important; } }
@media all and (max-width: 767.98px) {
  .region-footer-privacy ul {
    max-width: 220px;
    margin: 0 auto; } }
@media all and (min-width: 992px) {
  .region-footer-privacy ul:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 2px;
    background: #000000;
    top: -11px;
    left: 0px; } }
@media all and (max-width: 991.98px) {
  .region-footer-privacy ul {
    margin-bottom: 20px !important;
    margin-top: 10px !important; } }
@media all and (max-width: 991.98px) {
  .region-footer-privacy ul li:first-child {
    padding-right: 35px;
    text-align: right !important; }

  .region-footer-privacy ul li:last-child {
    padding-left: 35px;
    text-align: left !important; } }
@media all and (max-width: 767.98px) {
  .region-footer-privacy ul li:first-child {
    padding-right: 15px; }

  .region-footer-privacy ul li:last-child {
    padding-left: 15px; } }
@media all and (max-width: 575.98px) {
  .region-footer-privacy ul li {
    font-size: 0.675rem; } }
.region-footer-navigation ul li:last-child {
  margin-right: 0px; }

.position-relative {
  position: relative !important; }

footer {
  margin: 0 0 92px; }

@media screen and (min-width: 576px) {
  .col-sm-6 {
    -webkit-box-flex: 0 !important;
    -ms-flex: 0 0 50% !important;
    flex: 0 0 50%;
    max-width: 50% !important; } }
@media screen and (min-width: 992px) {
  .col-lg-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%; } }
.col-12 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%; }

@media (min-width: 992px) {
  .mb-lg-0, .my-lg-0 {
    margin-bottom: 0 !important; } }
@media (min-width: 992px) {
  .mt-lg-0, .my-lg-0 {
    margin-top: 0 !important; } }
@media (min-width: 992px) {
  .col-lg-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%; } }
.pt-2, .py-2 {
  padding-top: 0.5rem !important; }

ul.menu {
  margin-left: 1em;
  padding: 0;
  list-style: none outside;
  text-align: left; }

#footer-instagram {
  display: block;
  width: 100%;
  overflow: hidden;
  position: relative; }

.bg-purble {
  background: #1e1e3d;
  color: #FFF; }

.region-footer-instagram {
  overflow: hidden; }

#block-views-block-instagram-block-1 {
  width: auto;
  text-align: center;
  white-space: nowrap; }

#footer-instagram .views-row {
  display: inline-block; }

#block-views-block-instagram-block-1 {
  width: auto;
  text-align: center;
  white-space: nowrap; }

#block-views-block-instagram-block-1 a {
  display: inline-block;
  width: 128px;
  padding: 0 5px;
  margin: 10px 0; }

#block-views-block-instagram-block-1 img {
  float: none;
  max-width: 100%;
  height: auto; }

img {
  vertical-align: middle;
  border-style: none; }

#footer-infos:after {
  position: absolute;
  content: '';
  background: #FFF;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 248px;
  z-index: -1; }

@media (min-width: 992px) {
  #footer-infos:after {
    top: 0;
    width: 50%;
    height: 100%;
    background: #f3f3f3; } }
#footer-infos {
  position: relative;
  z-index: 2; }

@media (min-width: 992px) {
  #footer-infos .container:before {
    position: absolute;
    content: '';
    left: 38px;
    top: 0;
    width: -webkit-calc(100% - 76px);
    width: -moz-calc(100% - 76px);
    width: calc(100% - 76px);
    height: 100%;
    border-left: 1px solid #979797;
    border-right: 1px solid #979797;
    z-index: 6; } }
.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

#footer-logo {
  position: absolute;
  left: 0;
  top: 74px;
  z-index: 10; }

#footer-logo i {
  height: 60px;
  display: inline-block;
  line-height: 60px; }

#footer-infos .icon-m {
  width: 61px;
  height: 47px; }

.color-orange {
  color: #e8481d; }

.bg-purble {
  background: #1e1e3d;
  color: #FFF; }

.p-2 {
  padding: 0.5rem !important; }

#footer-infos .footer-logo-left {
  padding-left: 100px;
  padding-top: 74px;
  padding-bottom: 74px;
  z-index: 5;
  font-size: .875rem; }

.bg-grey {
  background: #f7f7f7; }

#footer-address {
  line-height: 1.3em;
  font-size: .875rem;
  opacity: .6;
  -moz-opacity: .6; }

@media (min-width: 992px) {
  .align-items-lg-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important; } }
@media (min-width: 992px) {
  .d-lg-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important; } }
.mb-3, .my-3 {
  margin-bottom: 1rem !important; }

.mt-1, .my-1 {
  margin-top: 0.25rem !important; }

.mr-2, .mx-2 {
  margin-right: 0.5rem !important; }

#footer-mail .icon-mail {
  width: 17px;
  height: 16px;
  position: relative;
  top: 2px; }

#footer-phone {
  color: rgba(57, 57, 100, 0.8); }

#footer-phone .icon-phone {
  width: 16px;
  height: 16px;
  position: relative;
  top: 2px; }

.footer-navigation {
  padding-left: 40px;
  padding-right: 80px;
  position: relative;
  z-index: 10; }

.region-footer-navigation {
  border-bottom: 2px solid #000;
  padding-bottom: 20px;
  padding-top: 60px;
  margin-bottom: 20px; }

.region-footer-navigation ul {
  margin: 0; }

.region-footer-navigation ul li {
  display: inline-block;
  margin-right: 30px; }

.region-footer-navigation ul li a {
  color: #1e1e3d; }

.region-footer-navigation ul li:last-child {
  margin-right: 0; }

.footer-socialmedia {
  max-width: 273px; }

.footer-socialmedia .title {
  opacity: .4;
  -moz-opacity: .4;
  max-width: 71px;
  margin-right: 10px;
  display: inline-block;
  font-size: .75rem;
  line-height: 1.2em; }

.footer-socialmedia .icons {
  display: inline-block;
  width: -webkit-calc(100% - 86px);
  width: -moz-calc(100% - 86px);
  width: calc(100% - 86px);
  text-align: right; }

.footer-socialmedia a {
  display: inline-block;
  margin-right: 10px; }

.footer-socialmedia .icon-facebook {
  width: 20px;
  height: 20px;
  color: #1e1e3d; }

.footer-socialmedia .icon-instagram {
  width: 20px;
  height: 20px;
  color: #1e1e3d; }

.footer-socialmedia a:last-child {
  margin-right: 0; }

.footer-socialmedia .icon-twitter {
  width: 20px;
  height: 18px;
  color: #1e1e3d; }

#footer-privacy {
  font-size: .7rem;
  position: relative;
  z-index: 10; }

@media (min-width: 992px) {
  .pb-lg-2, .py-lg-2 {
    padding-bottom: 0.5rem !important; } }
@media (min-width: 992px) {
  .pt-lg-2, .py-lg-2 {
    padding-top: 0.5rem !important; } }
@media (min-width: 992px) {
  #footer-privacy .container:before {
    position: absolute;
    content: '';
    left: 38px;
    top: -8px;
    width: -webkit-calc(100% - 76px);
    width: -moz-calc(100% - 76px);
    width: calc(100% - 76px);
    height: -webkit-calc(100% + 20px);
    height: -moz-calc(100% + 20px);
    height: calc(100% + 20px);
    border-left: 1px solid #979797;
    border-right: 1px solid #979797;
    border-bottom: 1px solid #979797;
    z-index: 10; } }
#footer-privacy .copyright {
  opacity: .6;
  -moz-opacity: .6;
  line-height: 1.4em; }

@media (min-width: 1200px) {
  .pl-xl-5, .px-xl-5 {
    padding-left: 3rem !important; } }
.pt-1, .py-1 {
  padding-top: 0.25rem !important; }

@media (min-width: 992px) {
  .col-lg-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%; } }
.region-footer-privacy {
  padding: 0 60px 0 20px; }

.region-footer-privacy ul {
  margin: 0;
  width: 100%;
  position: relative;
  z-index: 5; }

@media (min-width: 992px) {
  .region-footer-privacy ul:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 2px;
    background: #000;
    top: -11px;
    left: 0; } }
.region-footer-privacy ul li {
  display: inline-block;
  width: 49%;
  padding: 0 5px; }

.region-footer-privacy ul li a {
  opacity: .6;
  -moz-opacity: .6;
  color: #1e1e3d; }

.region-footer-privacy ul li:last-child {
  text-align: right; }

@font-face {
  font-family: 'Walsheim';
  src: url("_fonts/GT-Walsheim-Light.woff2");
  font-style: normal;
  font-weight: 200; }
@font-face {
  font-family: 'Walsheim';
  src: url("_fonts/GT-Walsheim-Regular.woff2");
  font-style: normal;
  font-weight: 400; }
@font-face {
  font-family: 'Walsheim';
  src: url("_fonts/GT-Walsheim-Medium.woff2");
  font-style: normal;
  font-weight: 600; }
@font-face {
  font-family: 'Walsheim';
  src: url("_fonts/GT-Walsheim-Bold.woff2");
  font-style: normal;
  font-weight: 700; }
@font-face {
  font-family: 'Walsheim';
  src: url("_fonts/GT-Walsheim-Black.woff2");
  font-style: normal;
  font-weight: 800; }
.fancy-headline {
  position: relative;
  text-align: center;
  margin-bottom: 4rem; }
  .fancy-headline:after {
    content: "";
    position: absolute;
    top: 50%;
    display: block;
    width: 100%;
    height: 1px;
    background: #ececec; }
  .fancy-headline h1,
  .fancy-headline h2,
  .fancy-headline h3,
  .fancy-headline h4,
  .fancy-headline h5,
  .fancy-headline h6 {
    position: relative;
    z-index: 10;
    display: inline-block;
    padding: 0 20px;
    margin: 0;
    font-weight: 100;
    font-size: 2.5rem;
    color: #777;
    background: #fff; }

#loader-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000; }

#loader-title {
  position: relative;
  top: 200px;
  font-size: 1em;
  line-height: 1.2em;
  text-align: center;
  z-index: 1001;
  color: #222222;
  margin-top: 10px;
  font-weight: 900;
  max-width: 800px;
  margin: 0 auto; }

#loader-title .logo-madco {
  width: 128px;
  height: 28px;
  color: #A07952;
  -webkit-transition: color 0.5s cubic-bezier(0.25, 0.2, 0.45, 1);
  -moz-transition: color 0.5s cubic-bezier(0.25, 0.2, 0.45, 1);
  -o-transition: color 0.5s cubic-bezier(0.25, 0.2, 0.45, 1);
  transition: color 0.5s cubic-bezier(0.25, 0.2, 0.45, 1);
  margin-bottom: 50px; }

#loader {
  position: absolute;
  top: 50%;
  margin-left: -80px;
  left: 50%;
  z-index: 1001;
  display: block;
  background: #E8481D;
  -webkit-animation: speeder .4s linear infinite;
  /* Chrome, Opera 15+, Safari 5+ */
  animation: speeder .4s linear infinite;
  /* Chrome, Firefox 16+, IE 10+, Opera */ }

#loader > span {
  height: 5px;
  width: 35px;
  background: #222222;
  position: absolute;
  top: -19px;
  left: 60px;
  border-radius: 2px 10px 1px 0; }

.base span {
  position: absolute;
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-right: 100px solid #222222;
  border-bottom: 6px solid transparent; }

.base span:after {
  content: "";
  height: 22px;
  width: 22px;
  border-radius: 50%;
  background: #222222;
  position: absolute;
  right: -110px;
  top: -16px; }

.base span:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-top: 0 solid transparent;
  border-right: 55px solid #222222;
  border-bottom: 16px solid transparent;
  top: -16px;
  right: -98px; }

.face {
  position: absolute;
  height: 12px;
  width: 20px;
  background: #222222;
  border-radius: 20px 20px 0 0;
  transform: rotate(-40deg);
  right: -125px;
  top: -15px; }

.face:after {
  content: "";
  height: 14px;
  width: 21px;
  background: #222222;
  right: 0px;
  top: 4px;
  position: absolute;
  transform: rotate(40deg);
  transform-origin: 50% 50%;
  border-radius: 5px; }

#loader > span > span:nth-child(1),
#loader > span > span:nth-child(2),
#loader > span > span:nth-child(3),
#loader > span > span:nth-child(4) {
  width: 30px;
  height: 1px;
  background: #E8481D;
  position: absolute;
  animation: fazer1 .2s linear infinite; }

#loader > span > span:nth-child(2) {
  top: 3px;
  animation: fazer2 .4s linear infinite; }

#loader > span > span:nth-child(3) {
  top: 1px;
  animation: fazer3 .4s linear infinite;
  animation-delay: -1s; }

#loader > span > span:nth-child(4) {
  top: 4px;
  animation: fazer4 1s linear infinite;
  animation-delay: -1s; }

@keyframes fazer1 {
  0% {
    left: 0; }
  100% {
    left: -80px;
    opacity: 0; } }
@keyframes fazer2 {
  0% {
    left: 0; }
  100% {
    left: -100px;
    opacity: 0; } }
@keyframes fazer3 {
  0% {
    left: 0; }
  100% {
    left: -50px;
    opacity: 0; } }
@keyframes fazer4 {
  0% {
    left: 0; }
  100% {
    left: -150px;
    opacity: 0; } }
@keyframes speeder {
  0% {
    transform: translate(2px, 1px) rotate(0deg); }
  10% {
    transform: translate(-1px, -3px) rotate(-1deg); }
  20% {
    transform: translate(-2px, 0px) rotate(1deg); }
  30% {
    transform: translate(1px, 2px) rotate(0deg); }
  40% {
    transform: translate(1px, -1px) rotate(1deg); }
  50% {
    transform: translate(-1px, 3px) rotate(-1deg); }
  60% {
    transform: translate(-1px, 1px) rotate(0deg); }
  70% {
    transform: translate(3px, 1px) rotate(-1deg); }
  80% {
    transform: translate(-2px, -1px) rotate(1deg); }
  90% {
    transform: translate(2px, 1px) rotate(0deg); }
  100% {
    transform: translate(1px, -2px) rotate(-1deg); } }
#loader-wrapper .loader-section {
  position: fixed;
  top: 0;
  width: 51%;
  height: 100%;
  background: #FFF;
  z-index: 1000;
  -webkit-transform: translateX(0);
  /* Chrome, Opera 15+, Safari 3.1+ */
  -ms-transform: translateX(0);
  /* IE 9 */
  transform: translateX(0);
  /* Firefox 16+, IE 10+, Opera */ }

#loader-wrapper .loader-section.section-left {
  left: 0; }

#loader-wrapper .loader-section.section-right {
  right: 0; }

/* Loaded */
.loaded #loader-wrapper .loader-section.section-left {
  -webkit-transform: translateX(-100%);
  /* Chrome, Opera 15+, Safari 3.1+ */
  -ms-transform: translateX(-100%);
  /* IE 9 */
  transform: translateX(-100%);
  /* Firefox 16+, IE 10+, Opera */
  -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }

.loaded #loader-wrapper .loader-section.section-right {
  -webkit-transform: translateX(100%);
  /* Chrome, Opera 15+, Safari 3.1+ */
  -ms-transform: translateX(100%);
  /* IE 9 */
  transform: translateX(100%);
  /* Firefox 16+, IE 10+, Opera */
  -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }

.loaded #loader-title,
.loaded #loader-frame {
  display: none; }

.loaded #loader {
  opacity: 0;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out; }

.loaded #loader-wrapper {
  visibility: hidden;
  -webkit-transform: translateY(-100%);
  /* Chrome, Opera 15+, Safari 3.1+ */
  -ms-transform: translateY(-100%);
  /* IE 9 */
  transform: translateY(-100%);
  /* Firefox 16+, IE 10+, Opera */
  -webkit-transition: all 0.3s 1s ease-out;
  transition: all 0.3s 1s ease-out; }

/* JavaScript Turned Off */
.no-js #loader-wrapper {
  display: none; }

.no-js h1 {
  color: #222222; }

#content {
  margin: 0 auto;
  padding-bottom: 50px;
  width: 80%;
  max-width: 978px; }

/* Test 2022 */
/* pages */

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