@charset "UTF-8";
/** redefine $canvasSide at the beginning of each independent media query */
.gradientOtherOrange {
  background: #f9d423;
  background: linear-gradient(25deg, #f9d423, #ff4e50);
  background: -webkit-linear-gradient(25deg, #f9d423, #ff4e50);
  background: -moz-linear-gradient(25deg, #f9d423, #ff4e50);
  background: -o-linear-gradient(25deg, #f9d423, #ff4e50);
}

.gradientBlue {
  background: #04befe;
  background: linear-gradient(15deg, #4481eb, #04befe);
  background: -webkit-linear-gradient(15deg, #4481eb, #04befe);
  background: -moz-linear-gradient(15deg, #4481eb, #04befe);
  background: -o-linear-gradient(15deg, #4481eb, #04befe);
}

.colorPrimary {
  color: #ea0031 !important;
}

.colorSecondary {
  color: #262626 !important;
}

.backgroundPrimary {
  background: #ea0031 !important;
}

.backgroundSecondary {
  background: #262626 !important;
}

.truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.transition01 {
  transition: all 0.1s;
  -moz-transition: all 0.1s;
  -webkit-transition: all 0.1s;
  -o-transition: all 0.1s;
}

.transition02, body nav[data-type=primary][data-design=default] > .content > menu > li > a > p, body nav[data-type=primary][data-design=transparent] > .content > menu > li > a > p, .loader i, body .modal-dialog .modal-content .modal-footer .modalButtonDelete:hover, body .modal-dialog .modal-content .modal-footer .modalButtonCancel:hover, body .modal-dialog .modal-content .modal-footer .modalButton:hover, body .modal-dialog .modal-content .modal-header .close:hover span, body .modal-dialog .modal-content .modal-header .close:hover, body .modal-dialog .modal-content .modal-header .close span, body .modal-dialog .modal-content .modal-header .close, .upload label, .upload p, .input input:active ~ p, .input input:focus ~ p, .input textarea:active ~ p, .input textarea:focus ~ p, .input p, .field input:active + label, .select input:active + label, .input input:active + label, .field input:focus + label, .select input:focus + label, .input input:focus + label, .field textarea:active + label, .select textarea:active + label, .input textarea:active + label, .field textarea:focus + label, .select textarea:focus + label, .input textarea:focus + label, .field label, .select label, .input label, .buttonMini, .buttonMiniGradient, .buttonMiniOutline, .HELPERFilterInfoButton, .upload .upload-action .upload-button-remove, .upload .upload-action .upload-button, .buttonMiniGray, .buttonMiniSecondary, .buttonMiniPrimary, .buttonMini span, .buttonMiniGradient span, .buttonMiniOutline span, .HELPERFilterInfoButton span, .upload .upload-action .upload-button-remove span, .upload .upload-action .upload-button span, .buttonMiniGray span, .buttonMiniSecondary span, .buttonMiniPrimary span, .buttonMini i, .buttonMiniGradient i, .buttonMiniOutline i, .HELPERFilterInfoButton i, .upload .upload-action .upload-button-remove i, .upload .upload-action .upload-button i, .buttonMiniGray i, .buttonMiniSecondary i, .buttonMiniPrimary i, .button, .buttonGradient, .buttonWhite, body .project-card.special > .btn, body .service-card.special > .container .btn, body .section-title.white > .btn, .buttonOutline, body main section#contact > .content > .section-title > .btn, body header > .content > .btn, .buttonGray, .buttonSecondary, .buttonPrimary, body .machine-card > .content > .btn, body .section-title > .btn {
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
}

.transition03, body nav[data-type=primary][data-design=default] > .content > menu > li:hover > a > p, body nav[data-type=primary][data-design=default] > .content > menu > li:active > a > p, body nav[data-type=primary][data-design=transparent] > .content > menu > li:hover > a > p, body nav[data-type=primary][data-design=transparent] > .content > menu > li:active > a > p, .connSuiteHelperButton:hover, .connSuiteHelperButton:active, .connSuiteHelperButton:hover span, .connSuiteHelperButton span, .connSuiteHelperButton, .buttonMini:hover i, .buttonMiniGradient:hover i, .buttonMiniOutline:hover i, .HELPERFilterInfoButton:hover i, .upload .upload-action .upload-button-remove:hover i, .upload .upload-action .upload-button:hover i, .buttonMiniGray:hover i, .buttonMiniSecondary:hover i, .buttonMiniPrimary:hover i, .buttonMini:hover span, .buttonMiniGradient:hover span, .buttonMiniOutline:hover span, .HELPERFilterInfoButton:hover span, .upload .upload-action .upload-button-remove:hover span, .upload .upload-action .upload-button:hover span, .buttonMiniGray:hover span, .buttonMiniSecondary:hover span, .buttonMiniPrimary:hover span, .buttonMini:active i, .buttonMiniGradient:active i, .buttonMiniOutline:active i, .HELPERFilterInfoButton:active i, .upload .upload-action .upload-button-remove:active i, .upload .upload-action .upload-button:active i, .buttonMiniGray:active i, .buttonMiniSecondary:active i, .buttonMiniPrimary:active i, .buttonMini:active span, .buttonMiniGradient:active span, .buttonMiniOutline:active span, .HELPERFilterInfoButton:active span, .upload .upload-action .upload-button-remove:active span, .upload .upload-action .upload-button:active span, .buttonMiniGray:active span, .buttonMiniSecondary:active span, .buttonMiniPrimary:active span, .buttonMini:focus i, .buttonMiniGradient:focus i, .buttonMiniOutline:focus i, .HELPERFilterInfoButton:focus i, .upload .upload-action .upload-button-remove:focus i, .upload .upload-action .upload-button:focus i, .buttonMiniGray:focus i, .buttonMiniSecondary:focus i, .buttonMiniPrimary:focus i, .buttonMini:focus span, .buttonMiniGradient:focus span, .buttonMiniOutline:focus span, .HELPERFilterInfoButton:focus span, .upload .upload-action .upload-button-remove:focus span, .upload .upload-action .upload-button:focus span, .buttonMiniGray:focus span, .buttonMiniSecondary:focus span, .buttonMiniPrimary:focus span, .buttonMini:hover, .buttonMiniGradient:hover, .buttonMiniOutline:hover, .HELPERFilterInfoButton:hover, .upload .upload-action .upload-button-remove:hover, .upload .upload-action .upload-button:hover, .buttonMiniGray:hover, .buttonMiniSecondary:hover, .buttonMiniPrimary:hover, .buttonMini:active, .buttonMiniGradient:active, .buttonMiniOutline:active, .HELPERFilterInfoButton:active, .upload .upload-action .upload-button-remove:active, .upload .upload-action .upload-button:active, .buttonMiniGray:active, .buttonMiniSecondary:active, .buttonMiniPrimary:active, .buttonMini:focus, .buttonMiniGradient:focus, .buttonMiniOutline:focus, .HELPERFilterInfoButton:focus, .upload .upload-action .upload-button-remove:focus, .upload .upload-action .upload-button:focus, .buttonMiniGray:focus, .buttonMiniSecondary:focus, .buttonMiniPrimary:focus, .buttonOutline:hover, body main section#contact > .content > .section-title > .btn:hover, body header > .content > .btn:hover, .buttonOutline:active, body main section#contact > .content > .section-title > .btn:active, body header > .content > .btn:active, .buttonOutline:focus, body main section#contact > .content > .section-title > .btn:focus, body header > .content > .btn:focus {
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
}

.transition05 {
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
}

.disableClick, .dummy {
  filter: grayscale(50%);
  opacity: 0.5;
  pointer-events: none;
}

.disableClickInvisible {
  pointer-events: none;
}

.initWithFade, .vanLoadingToast span {
  animation-name: fadein;
  animation-duration: 0.3s;
}

.exitWithFade {
  animation-name: fadeout;
  animation-duration: 0.3s;
}

* {
  font-family: "Cabin", "Open Sans", sans-serif;
}

p, h1, h2, h3, h4, h5 {
  margin: 0;
  padding: 0;
  white-space: pre-wrap;
}

html {
  overflow-x: hidden !important;
}

body {
  background: #fff;
  overflow-x: hidden;
  overflow-y: hidden;
  padding: 0;
  margin: 0 !important;
}
body main {
  overflow-x: hidden;
}

/**
  PROJECT SPECIFIC
 */
@media all and (min-width: 992px) {
  body .mobile {
    display: none !important;
  }
}
/**
------------------

DEFAULT BUTTONS

------------------
 */
.button, .buttonGradient, .buttonWhite, body .project-card.special > .btn, body .service-card.special > .container .btn, body .section-title.white > .btn, .buttonOutline, body main section#contact > .content > .section-title > .btn, body header > .content > .btn, .buttonGray, .buttonSecondary, .buttonPrimary, body .machine-card > .content > .btn, body .section-title > .btn {
  min-height: 36px;
  padding: 5px 30px;
  min-width: 100px;
  border-radius: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  cursor: pointer;
  -webkit-appearance: none !important;
  border: none;
  outline: none;
  user-select: none !important;
  user-focus: none !important;
  box-sizing: content-box !important;
  transition: background 0.3s;
  -moz-transition: background 0.3s;
  -webkit-transition: background 0.3s;
  -o-transition: background 0.3s;
}
.button .loader i, .buttonGradient .loader i, .buttonWhite .loader i, body .project-card.special > .btn .loader i, body .service-card.special > .container .btn .loader i, .buttonOutline .loader i, body main section#contact > .content > .section-title > .btn .loader i, body header > .content > .btn .loader i, .buttonGray .loader i, .buttonSecondary .loader i, .buttonPrimary .loader i, body .machine-card > .content > .btn .loader i, body .section-title > .btn .loader i {
  color: #ffffff !important;
}
.button i, .buttonGradient i, .buttonWhite i, body .project-card.special > .btn i, body .service-card.special > .container .btn i, body .section-title.white > .btn i, .buttonOutline i, body main section#contact > .content > .section-title > .btn i, body header > .content > .btn i, .buttonGray i, .buttonSecondary i, .buttonPrimary i, body .machine-card > .content > .btn i, body .section-title > .btn i {
  color: #ffffff;
  font-size: 14pt;
  margin-right: 6px;
  user-select: none;
  transition: color 0.2s;
  -moz-transition: color 0.2s;
  -webkit-transition: color 0.2s;
  -o-transition: color 0.2s;
}
.button span, .buttonGradient span, .buttonWhite span, body .project-card.special > .btn span, body .service-card.special > .container .btn span, body .section-title.white > .btn span, .buttonOutline span, body main section#contact > .content > .section-title > .btn span, body header > .content > .btn span, .buttonGray span, .buttonSecondary span, .buttonPrimary span, body .machine-card > .content > .btn span, body .section-title > .btn span {
  color: #ffffff;
  font-family: "Cabin", "Open Sans", sans-serif;
  font-size: 12pt;
  font-weight: 600;
  text-transform: none;
  text-decoration: none;
  text-underline: none;
  user-select: none;
  transition: color 0.2s;
  -moz-transition: color 0.2s;
  -webkit-transition: color 0.2s;
  -o-transition: color 0.2s;
}
.button:hover, .buttonGradient:hover, .buttonWhite:hover, body .project-card.special > .btn:hover, body .service-card.special > .container .btn:hover, .buttonOutline:hover, body main section#contact > .content > .section-title > .btn:hover, body header > .content > .btn:hover, .buttonGray:hover, .buttonSecondary:hover, .buttonPrimary:hover, body .machine-card > .content > .btn:hover, body .section-title > .btn:hover, .button:active, .buttonGradient:active, .buttonWhite:active, body .project-card.special > .btn:active, body .service-card.special > .container .btn:active, .buttonOutline:active, body main section#contact > .content > .section-title > .btn:active, body header > .content > .btn:active, .buttonGray:active, .buttonSecondary:active, .buttonPrimary:active, body .machine-card > .content > .btn:active, body .section-title > .btn:active, .button:focus, .buttonGradient:focus, .buttonWhite:focus, body .project-card.special > .btn:focus, body .service-card.special > .container .btn:focus, .buttonOutline:focus, body main section#contact > .content > .section-title > .btn:focus, body header > .content > .btn:focus, .buttonGray:focus, .buttonSecondary:focus, .buttonPrimary:focus, body .machine-card > .content > .btn:focus, body .section-title > .btn:focus {
  text-decoration: none;
  transition: background 0.3s;
  -moz-transition: background 0.3s;
  -webkit-transition: background 0.3s;
  -o-transition: background 0.3s;
  outline: none;
}
.button:hover i, .buttonGradient:hover i, .buttonWhite:hover i, body .project-card.special > .btn:hover i, body .service-card.special > .container .btn:hover i, .buttonOutline:hover i, body main section#contact > .content > .section-title > .btn:hover i, body header > .content > .btn:hover i, .buttonGray:hover i, .buttonSecondary:hover i, .buttonPrimary:hover i, body .machine-card > .content > .btn:hover i, body .section-title > .btn:hover i, .button:hover span, .buttonGradient:hover span, .buttonWhite:hover span, body .project-card.special > .btn:hover span, body .service-card.special > .container .btn:hover span, .buttonOutline:hover span, body main section#contact > .content > .section-title > .btn:hover span, body header > .content > .btn:hover span, .buttonGray:hover span, .buttonSecondary:hover span, .buttonPrimary:hover span, body .machine-card > .content > .btn:hover span, body .section-title > .btn:hover span, .button:active i, .buttonGradient:active i, .buttonWhite:active i, body .project-card.special > .btn:active i, body .service-card.special > .container .btn:active i, .buttonOutline:active i, body main section#contact > .content > .section-title > .btn:active i, body header > .content > .btn:active i, .buttonGray:active i, .buttonSecondary:active i, .buttonPrimary:active i, body .machine-card > .content > .btn:active i, body .section-title > .btn:active i, .button:active span, .buttonGradient:active span, .buttonWhite:active span, body .project-card.special > .btn:active span, body .service-card.special > .container .btn:active span, .buttonOutline:active span, body main section#contact > .content > .section-title > .btn:active span, body header > .content > .btn:active span, .buttonGray:active span, .buttonSecondary:active span, .buttonPrimary:active span, body .machine-card > .content > .btn:active span, body .section-title > .btn:active span, .button:focus i, .buttonGradient:focus i, .buttonWhite:focus i, body .project-card.special > .btn:focus i, body .service-card.special > .container .btn:focus i, .buttonOutline:focus i, body main section#contact > .content > .section-title > .btn:focus i, body header > .content > .btn:focus i, .buttonGray:focus i, .buttonSecondary:focus i, .buttonPrimary:focus i, body .machine-card > .content > .btn:focus i, body .section-title > .btn:focus i, .button:focus span, .buttonGradient:focus span, .buttonWhite:focus span, body .project-card.special > .btn:focus span, body .service-card.special > .container .btn:focus span, .buttonOutline:focus span, body main section#contact > .content > .section-title > .btn:focus span, body header > .content > .btn:focus span, .buttonGray:focus span, .buttonSecondary:focus span, .buttonPrimary:focus span, body .machine-card > .content > .btn:focus span, body .section-title > .btn:focus span {
  text-decoration: none;
  transition: color 0.3s;
  -moz-transition: color 0.3s;
  -webkit-transition: color 0.3s;
  -o-transition: color 0.3s;
}

.buttonPrimary, body .machine-card > .content > .btn, body .section-title > .btn {
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.085);
  background: #ea0031;
  transform: translateY(-1px);
  transition: background 0.3s, transform 0.3s, box-shadow 0.3s;
  will-change: transform, background, box-shadow;
}
.buttonPrimary:hover, body .machine-card > .content > .btn:hover, body .section-title > .btn:hover, .buttonPrimary:active, body .machine-card > .content > .btn:active, body .section-title > .btn:active, .buttonPrimary:focus, body .machine-card > .content > .btn:focus, body .section-title > .btn:focus {
  box-shadow: 0 1px 5px 0 rgba(90, 92, 107, 0.05), 0 1px 5px 0 rgba(90, 92, 107, 0.05);
  transform: translateY(0);
  background: #cb002b;
  transition: background 0.3s, transform 0.3s, box-shadow 0.3s;
  will-change: transform, background, box-shadow;
}

.buttonSecondary {
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.085);
  background: #262626;
  transform: translateY(-1px);
  transition: background 0.3s, transform 0.3s, box-shadow 0.3s;
  will-change: transform, background, box-shadow;
}
.buttonSecondary:hover, .buttonSecondary:active, .buttonSecondary:focus {
  transform: translateY(0);
  box-shadow: 0 1px 5px 0 rgba(90, 92, 107, 0.05), 0 1px 5px 0 rgba(90, 92, 107, 0.05);
  background: #0d0d0d;
  transition: background 0.3s, transform 0.3s, box-shadow 0.3s;
  will-change: transform, background, box-shadow;
}

.buttonGray {
  background: #bbbbbb;
}
.buttonGray:hover, .buttonGray:active, .buttonGray:focus {
  background: #cccccc;
}

.buttonOutline, body main section#contact > .content > .section-title > .btn, body header > .content > .btn {
  background: transparent;
  border: 1px solid #000;
}
.buttonOutline .loader i, body main section#contact > .content > .section-title > .btn .loader i, body header > .content > .btn .loader i {
  color: #000 !important;
}
.buttonOutline i, body main section#contact > .content > .section-title > .btn i, body header > .content > .btn i {
  color: #000;
}
.buttonOutline span, body main section#contact > .content > .section-title > .btn span, body header > .content > .btn span {
  color: #000;
}
.buttonOutline:hover, body main section#contact > .content > .section-title > .btn:hover, body header > .content > .btn:hover, .buttonOutline:active, body main section#contact > .content > .section-title > .btn:active, body header > .content > .btn:active, .buttonOutline:focus, body main section#contact > .content > .section-title > .btn:focus, body header > .content > .btn:focus {
  background: rgba(0, 0, 0, 0.04);
  transform: none;
}

.buttonWhite, body .project-card.special > .btn, body .service-card.special > .container .btn, body .section-title.white > .btn {
  box-shadow: 0 0 20px 0 rgba(255, 255, 255, 0.3);
  background: #ffffff;
  transform: translateY(-1px);
  transition: background 0.3s, transform 0.3s;
  will-change: transform, background, box-shadow;
}
.buttonWhite i, body .project-card.special > .btn i, body .service-card.special > .container .btn i, body .section-title.white > .btn i, .buttonWhite span, body .project-card.special > .btn span, body .service-card.special > .container .btn span, body .section-title.white > .btn span {
  color: #ea0031;
  transition: all 0.3s;
}
.buttonWhite:hover, body .project-card.special > .btn:hover, body .service-card.special > .container .btn:hover, body .section-title.white > .btn:hover, .buttonWhite:active, body .project-card.special > .btn:active, body .service-card.special > .container .btn:active, body .section-title.white > .btn:active, .buttonWhite:focus, body .project-card.special > .btn:focus, body .service-card.special > .container .btn:focus, body .section-title.white > .btn:focus {
  background: #f8f8f8;
  transform: translate(0, 0);
  box-shadow: none;
  transition: all 0.2s;
}
.buttonWhite:hover i, body .project-card.special > .btn:hover i, body .service-card.special > .container .btn:hover i, body .section-title.white > .btn:hover i, .buttonWhite:hover span, body .project-card.special > .btn:hover span, body .service-card.special > .container .btn:hover span, body .section-title.white > .btn:hover span, .buttonWhite:active i, body .project-card.special > .btn:active i, body .service-card.special > .container .btn:active i, body .section-title.white > .btn:active i, .buttonWhite:active span, body .project-card.special > .btn:active span, body .service-card.special > .container .btn:active span, body .section-title.white > .btn:active span, .buttonWhite:focus i, body .project-card.special > .btn:focus i, body .service-card.special > .container .btn:focus i, body .section-title.white > .btn:focus i, .buttonWhite:focus span, body .project-card.special > .btn:focus span, body .service-card.special > .container .btn:focus span, body .section-title.white > .btn:focus span {
  transition: all 0.2s;
}
.buttonWhite:active, body .project-card.special > .btn:active, body .service-card.special > .container .btn:active, body .section-title.white > .btn:active {
  background: #f5f5f5;
  box-shadow: none;
  transform: translateY(-1px);
  transition: background 0.2s, transform 0.2s;
  will-change: transform, background, box-shadow;
}

/**
------------------

MINI BUTTONS

------------------
 */
.buttonMini, .buttonMiniGradient, .buttonMiniOutline, .HELPERFilterInfoButton, .upload .upload-action .upload-button-remove, .upload .upload-action .upload-button, .buttonMiniGray, .buttonMiniSecondary, .buttonMiniPrimary {
  user-select: none;
  min-height: 36px;
  padding: 4px 12px;
  min-width: 60px;
  border-radius: 4px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  text-align: center;
  cursor: pointer;
}
.buttonMini .loader i, .buttonMiniGradient .loader i, .buttonMiniOutline .loader i, .HELPERFilterInfoButton .loader i, .upload .upload-action .upload-button-remove .loader i, .upload .upload-action .upload-button .loader i, .buttonMiniGray .loader i, .buttonMiniSecondary .loader i, .buttonMiniPrimary .loader i {
  color: #ffffff;
}
.buttonMini i, .buttonMiniGradient i, .buttonMiniOutline i, .HELPERFilterInfoButton i, .upload .upload-action .upload-button-remove i, .upload .upload-action .upload-button i, .buttonMiniGray i, .buttonMiniSecondary i, .buttonMiniPrimary i {
  color: #ffffff;
  font-size: 11pt;
  margin-right: 4px;
  user-select: none;
}
.buttonMini span, .buttonMiniGradient span, .buttonMiniOutline span, .HELPERFilterInfoButton span, .upload .upload-action .upload-button-remove span, .upload .upload-action .upload-button span, .buttonMiniGray span, .buttonMiniSecondary span, .buttonMiniPrimary span {
  color: #ffffff;
  font-family: "Cabin", "Open Sans", sans-serif;
  font-size: 9pt;
  font-weight: 600;
  text-decoration: none;
  text-underline: none;
  text-transform: none;
  user-select: none;
}
.buttonMiniPrimary {
  background: #ea0031 !important;
}
.buttonMiniPrimary:hover, .buttonMiniPrimary:active, .buttonMiniPrimary:focus {
  background: #ff5175 !important;
}

.buttonMiniSecondary {
  background: #262626 !important;
}
.buttonMiniSecondary:hover, .buttonMiniSecondary:active, .buttonMiniSecondary:focus {
  background: #333333 !important;
}

.buttonMiniGray {
  background: #bbbbbb !important;
}
.buttonMiniGray:hover, .buttonMiniGray:active, .buttonMiniGray:focus {
  background: #cccccc !important;
}

.buttonMiniOutline, .HELPERFilterInfoButton, .upload .upload-action .upload-button-remove, .upload .upload-action .upload-button {
  background: transparent;
  border: 1px solid #000;
}
.buttonMiniOutline .loader i, .HELPERFilterInfoButton .loader i, .upload .upload-action .upload-button-remove .loader i, .upload .upload-action .upload-button .loader i {
  color: #000 !important;
}
.buttonMiniOutline i, .HELPERFilterInfoButton i, .upload .upload-action .upload-button-remove i, .upload .upload-action .upload-button i {
  color: #000;
}
.buttonMiniOutline span, .HELPERFilterInfoButton span, .upload .upload-action .upload-button-remove span, .upload .upload-action .upload-button span {
  color: #000;
}
.buttonMiniOutline:hover, .HELPERFilterInfoButton:hover, .upload .upload-action .upload-button-remove:hover, .upload .upload-action .upload-button:hover, .buttonMiniOutline:active, .HELPERFilterInfoButton:active, .upload .upload-action .upload-button-remove:active, .upload .upload-action .upload-button:active, .buttonMiniOutline:focus, .HELPERFilterInfoButton:focus, .upload .upload-action .upload-button-remove:focus, .upload .upload-action .upload-button:focus {
  background: rgba(0, 0, 0, 0.04);
  transform: none;
}

/**
------------------

STYLISH BUTTONS

------------------
 */
.buttonGradient {
  background: #fff;
  background: #ff5175;
  background: linear-gradient(45deg, #ea0031 30%, #262626);
  background: -webkit-linear-gradient(45deg, #ea0031 30%, #262626);
  background: -moz-linear-gradient(45deg, #ea0031 30%, #262626);
  background: -o-linear-gradient(45deg, #ea0031 30%, #262626);
  background-size: 200%;
}
.buttonGradient i {
  color: #fff !important;
}
.buttonGradient span {
  color: #fff !important;
}
.buttonGradient:hover, .buttonGradient:active, .buttonGradient:focus {
  background: #f0f0f0;
}
.buttonGradient:hover i, .buttonGradient:hover span, .buttonGradient:hover .loader i, .buttonGradient:active i, .buttonGradient:active span, .buttonGradient:active .loader i, .buttonGradient:focus i, .buttonGradient:focus span, .buttonGradient:focus .loader i {
  color: #fff !important;
}
.buttonGradient:hover, .buttonGradient:active, .buttonGradient:focus {
  background-position-x: 100%;
}

.buttonMiniGradient {
  display: flex !important;
  flex-direction: row !important;
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
  cursor: pointer !important;
  background: #fff;
  background: #ff5175;
  background: linear-gradient(45deg, #ea0031 30%, #262626);
  background: -webkit-linear-gradient(45deg, #ea0031 30%, #262626);
  background: -moz-linear-gradient(45deg, #ea0031 30%, #262626);
  background: -o-linear-gradient(45deg, #ea0031 30%, #262626);
  background-size: 200%;
}
.buttonMiniGradient .loader i {
  color: #fff !important;
}
.buttonMiniGradient i {
  color: #fff !important;
}
.buttonMiniGradient span {
  color: #fff !important;
  font-family: "Ubuntu", "Cabin", sans-serif;
}
.buttonMiniGradient:hover, .buttonMiniGradient:active, .buttonMiniGradient:focus {
  background: white;
}
.buttonMiniGradient:hover, .buttonMiniGradient:active, .buttonMiniGradient:focus {
  background-position-x: 100%;
}

@media all and (max-width: 992px) {
  .button, .buttonPrimary, body .machine-card > .content > .btn, body .section-title > .btn, .buttonSecondary, .buttonGray, .buttonOutline, body main section#contact > .content > .section-title > .btn, body header > .content > .btn, .buttonWhite, body .project-card.special > .btn, body .service-card.special > .container .btn, body .section-title.white > .btn, .buttonGradient {
    padding: 8px 20px;
  }
  .button i, .buttonPrimary i, body .machine-card > .content > .btn i, body .section-title > .btn i, .buttonSecondary i, .buttonGray i, .buttonOutline i, body main section#contact > .content > .section-title > .btn i, body header > .content > .btn i, .buttonWhite i, body .project-card.special > .btn i, body .service-card.special > .container .btn i, body .section-title.white > .btn i, .buttonGradient i, .button span, .buttonPrimary span, body .machine-card > .content > .btn span, body .section-title > .btn span, .buttonSecondary span, .buttonGray span, .buttonOutline span, body main section#contact > .content > .section-title > .btn span, body header > .content > .btn span, .buttonWhite span, body .project-card.special > .btn span, body .service-card.special > .container .btn span, body .section-title.white > .btn span, .buttonGradient span {
    font-size: 14pt;
  }

  .buttonPrimary, body .machine-card > .content > .btn, body .section-title > .btn, .buttonSecondary, .buttonWhite, body .project-card.special > .btn, body .service-card.special > .container .btn, body .section-title.white > .btn {
    transform: translateY(0);
  }
  .buttonPrimary:hover, body .machine-card > .content > .btn:hover, body .section-title > .btn:hover, .buttonPrimary:active, body .machine-card > .content > .btn:active, body .section-title > .btn:active, .buttonPrimary:focus, body .machine-card > .content > .btn:focus, body .section-title > .btn:focus, .buttonSecondary:hover, .buttonSecondary:active, .buttonSecondary:focus, .buttonWhite:hover, body .project-card.special > .btn:hover, body .service-card.special > .container .btn:hover, .buttonWhite:active, body .project-card.special > .btn:active, body .service-card.special > .container .btn:active, .buttonWhite:focus, body .project-card.special > .btn:focus, body .service-card.special > .container .btn:focus {
    transform: translateY(0);
  }

  .buttonWhite:hover, body .project-card.special > .btn:hover, body .service-card.special > .container .btn:hover, body .section-title.white > .btn:hover, .buttonWhite:active, body .project-card.special > .btn:active, body .service-card.special > .container .btn:active, body .section-title.white > .btn:active, .buttonWhite:focus, body .project-card.special > .btn:focus, body .service-card.special > .container .btn:focus, body .section-title.white > .btn:focus {
    background: #eee;
  }

  .buttonMini, .buttonMiniPrimary, .buttonMiniSecondary, .buttonMiniGray, .buttonMiniOutline, .HELPERFilterInfoButton, .upload .upload-action .upload-button-remove, .upload .upload-action .upload-button, .buttonMiniGradient {
    min-height: 34px;
    padding: 4px 9px;
    min-width: 50px;
  }
  .buttonMini i, .buttonMiniPrimary i, .buttonMiniSecondary i, .buttonMiniGray i, .buttonMiniOutline i, .HELPERFilterInfoButton i, .upload .upload-action .upload-button-remove i, .upload .upload-action .upload-button i, .buttonMiniGradient i {
    color: #ffffff !important;
    font-size: 12pt !important;
    margin-right: 3px !important;
  }
  .buttonMini span, .buttonMiniPrimary span, .buttonMiniSecondary span, .buttonMiniGray span, .buttonMiniOutline span, .HELPERFilterInfoButton span, .upload .upload-action .upload-button-remove span, .upload .upload-action .upload-button span, .buttonMiniGradient span {
    font-size: 8pt;
  }
}
.dummy {
  opacity: 0.35 !important;
  user-select: none !important;
  animation-name: none !important;
  transition: none !important;
  animation: none !important;
  animation-duration: 0s !important;
  color: #fff;
}

input.default {
  color: #000;
  font-size: 12pt;
  font-family: "Ubuntu", "Cabin", sans-serif;
  font-weight: 300;
  text-decoration: none;
  outline: none;
}

input.default::-webkit-input-placeholder {
  color: #ccc;
}

input.default::-moz-placeholder {
  color: #ccc;
}

input.default:-ms-input-placeholder {
  color: #ccc;
}

.field, .select, .input {
  width: 100%;
  max-width: 500px;
  display: flex;
  flex-direction: column;
  text-align: left;
  margin-bottom: 10px;
}
.field label, .select label, .input label {
  margin-bottom: 5px;
  color: #a2a7a8;
  font-size: 9pt;
  order: 1;
  font-weight: 600;
  font-family: "Ubuntu", "Cabin", sans-serif;
  text-transform: uppercase;
}
.field input, .select input, .input input, .field textarea, .select textarea, .input textarea {
  border-radius: 5px;
  background: #ffffff;
  padding: 5px 20px;
  border: 1px solid #E2E8EA;
  order: 2;
  height: 46px;
  color: #000000;
  font-size: 12pt;
  font-family: "Ubuntu", "Cabin", sans-serif;
  font-weight: 300;
  text-decoration: none;
  outline: none;
}
.field input::-webkit-input-placeholder, .select input::-webkit-input-placeholder, .input input::-webkit-input-placeholder, .field textarea::-webkit-input-placeholder, .select textarea::-webkit-input-placeholder, .input textarea::-webkit-input-placeholder {
  color: #a2a7a8;
}
.field input::-moz-placeholder, .select input::-moz-placeholder, .input input::-moz-placeholder, .field textarea::-moz-placeholder, .select textarea::-moz-placeholder, .input textarea::-moz-placeholder {
  color: #a2a7a8;
}
.field input:-ms-input-placeholder, .select input:-ms-input-placeholder, .input input:-ms-input-placeholder, .field textarea:-ms-input-placeholder, .select textarea:-ms-input-placeholder, .input textarea:-ms-input-placeholder {
  color: #a2a7a8;
}
.field textarea, .select textarea, .input textarea {
  resize: none;
  height: 150px;
}
.field input:-webkit-autofill, .select input:-webkit-autofill, .input input:-webkit-autofill, .field textarea:-webkit-autofill, .select textarea:-webkit-autofill, .input textarea:-webkit-autofill {
  -webkit-text-fill-color: #000 !important;
  -webkit-box-shadow: 0 0 0 30px white inset !important;
  background-color: transparent !important;
}
.field input:active, .select input:active, .input input:active, .field input:focus, .select input:focus, .input input:focus, .field textarea:active, .select textarea:active, .input textarea:active, .field textarea:focus, .select textarea:focus, .input textarea:focus {
  border-color: #a2a7a8;
}
.field input:active + label, .select input:active + label, .input input:active + label, .field input:focus + label, .select input:focus + label, .input input:focus + label, .field textarea:active + label, .select textarea:active + label, .input textarea:active + label, .field textarea:focus + label, .select textarea:focus + label, .input textarea:focus + label {
  color: #8a8f90;
}
.field input.warn, .select input.warn, .input input.warn, .field textarea.warn, .select textarea.warn, .input textarea.warn {
  border-color: #F44336;
  color: #F44336;
}
.field input.warn ~ p, .select input.warn ~ p, .input input.warn ~ p, .field input.warn ~ label, .select input.warn ~ label, .input input.warn ~ label, .field textarea.warn ~ p, .select textarea.warn ~ p, .input textarea.warn ~ p, .field textarea.warn ~ label, .select textarea.warn ~ label, .input textarea.warn ~ label {
  color: #F44336;
}
.field input.warn::-webkit-input-placeholder, .select input.warn::-webkit-input-placeholder, .input input.warn::-webkit-input-placeholder, .field textarea.warn::-webkit-input-placeholder, .select textarea.warn::-webkit-input-placeholder, .input textarea.warn::-webkit-input-placeholder {
  color: #F44336;
  opacity: 0.5;
}
.field input.warn::-moz-placeholder, .select input.warn::-moz-placeholder, .input input.warn::-moz-placeholder, .field textarea.warn::-moz-placeholder, .select textarea.warn::-moz-placeholder, .input textarea.warn::-moz-placeholder {
  color: #F44336;
  opacity: 0.5;
}
.field input.warn:-ms-input-placeholder, .select input.warn:-ms-input-placeholder, .input input.warn:-ms-input-placeholder, .field textarea.warn:-ms-input-placeholder, .select textarea.warn:-ms-input-placeholder, .input textarea.warn:-ms-input-placeholder {
  color: #F44336;
  opacity: 0.5;
}

.customLabel {
  width: 100%;
  margin-bottom: 15px;
  color: #a2a7a8;
  font-size: 9pt;
  font-weight: 600;
  font-family: "Ubuntu", "Cabin", sans-serif;
  text-transform: uppercase;
}

/**
Checkbox, Radio, Input, Select, ImageUpload
 */
.checkbox {
  position: relative;
  display: flex;
  min-height: 28px;
  align-items: center;
}
.checkbox label {
  cursor: pointer;
  position: absolute;
  width: 28px;
  height: 28px;
  top: 0;
  left: 0;
  background: #fff;
  border: 1px solid #aaaaaa;
  border-radius: 2px;
}
.checkbox label:after {
  opacity: 0;
  content: "";
  position: absolute;
  width: 11.2px;
  height: 6.2px;
  background: transparent;
  top: 8px;
  left: 7px;
  border: 2px solid #262626;
  border-top: none;
  border-right: none;
  transform: rotate(-45deg);
}
.checkbox label:hover {
  background: #f9f9f9;
  border: 1px solid #888888;
}
.checkbox label:hover ~ p {
  color: #777;
}
.checkbox input {
  flex-shrink: 0;
  height: 28px;
  width: 28px;
  opacity: 0;
}
.checkbox input[type=checkbox]:checked + label:after {
  opacity: 1;
}
.checkbox input[type=checkbox]:checked ~ p {
  color: #262626;
}
.checkbox p {
  position: relative;
  font-size: 10pt;
  font-weight: 500;
  font-family: "Ubuntu", "Cabin", sans-serif;
  color: #888;
  margin-left: 7px;
  margin-right: 2px;
}
.checkbox input.warn ~ p {
  color: #ea0031 !important;
}
.checkbox input.warn + label {
  border-color: #ea0031;
}

.radio {
  position: relative;
  display: flex;
  min-height: 28px;
  align-items: center;
}
.radio label {
  cursor: pointer;
  position: absolute;
  width: 28px;
  height: 28px;
  top: 0;
  left: 0;
  background: #fff;
  border: 1px solid #aaaaaa;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.radio label:after {
  opacity: 0;
  content: "";
  position: relative;
  width: 14px;
  height: 14px;
  background: transparent;
  border-radius: 50%;
  background: #262626;
}
.radio label:hover {
  background: #f9f9f9;
  border: 1px solid #888888;
}
.radio label:hover ~ p {
  color: #777;
}
.radio input {
  height: 28px;
  width: 28px;
  opacity: 0;
}
.radio input[type=radio]:checked + label:after {
  opacity: 1;
}
.radio input[type=radio]:checked ~ p {
  color: #262626;
}
.radio p {
  position: relative;
  font-size: 10pt;
  font-weight: 500;
  font-family: "Ubuntu", "Cabin", sans-serif;
  color: #888;
  margin-left: 7px;
  margin-right: 2px;
}

.input label {
  display: none;
}
.input p {
  margin-bottom: 5px;
  color: #a2a7a8;
  font-size: 9pt;
  order: 1;
  font-weight: 600;
  font-family: "Ubuntu", "Cabin", sans-serif;
  text-transform: uppercase;
}
.input input:active, .input input:focus, .input textarea:active, .input textarea:focus {
  border-color: #8a8f90;
}
.input input:active ~ p, .input input:active + p, .input input:focus ~ p, .input input:focus + p, .input textarea:active ~ p, .input textarea:active + p, .input textarea:focus ~ p, .input textarea:focus + p {
  color: #8a8f90 !important;
}
.input.force-active input, .input.force-active textarea {
  border-color: #262626;
  color: #262626 !important;
  background: #f5f5f5;
}
.input.force-active p {
  color: #262626 !important;
}

.select select {
  border-radius: 5px;
  background: #ffffff;
  border: 1px solid #E2E8EA;
  order: 2;
  height: 46px;
  color: #000000;
  font-size: 12pt;
  font-family: "Ubuntu", "Cabin", sans-serif;
  font-weight: 300;
  text-decoration: none;
  outline: none;
  background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+) no-repeat 95% 50%;
  -moz-appearance: none;
  -webkit-appearance: none;
  padding: 5px 20px;
  position: relative;
}
.select datalist select {
  margin-top: 76px !important;
  height: auto !important;
  background: #ffffff !important;
  max-height: 100px;
  overflow-y: scroll;
  border-radius: 6px;
}
.select label {
  display: none;
}
.select > p {
  margin-bottom: 5px;
  color: #a2a7a8;
  font-size: 9pt;
  font-weight: 600;
  font-family: "Ubuntu", "Cabin", sans-serif;
  text-transform: uppercase;
}
.select .input {
  padding-top: 10px;
  order: 2;
}

.group-checkbox, .group-radio {
  display: flex;
  flex-direction: column;
}
.group-checkbox > p, .group-radio > p {
  margin-bottom: 5px;
  color: #a2a7a8;
  font-size: 9pt;
  font-weight: 600;
  font-family: "Ubuntu", "Cabin", sans-serif;
  text-transform: uppercase;
}
.group-checkbox .container, .group-radio .container {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  grid-column-gap: 10px !important;
  grid-row-gap: 10px !important;
  padding: 5px !important;
  border: 1px solid #E2E8EA;
  border-radius: 4px;
  min-height: 46px !important;
  align-items: center;
}
.group-checkbox .container .checkbox, .group-checkbox .container .radio, .group-radio .container .checkbox, .group-radio .container .radio {
  grid-column: span 1;
}

.upload {
  width: auto;
  max-width: 250px;
  display: flex;
  flex-direction: column;
  text-align: left;
  margin-bottom: 20px;
  justify-content: flex-start;
}
.upload label, .upload p {
  margin-bottom: 5px;
  color: #a2a7a8;
  font-size: 9pt;
  order: 1;
  font-weight: 600;
  font-family: "Ubuntu", "Cabin", sans-serif;
  text-transform: uppercase;
}
.upload .upload-container {
  order: 2;
  width: 250px;
  height: 250px;
  border-radius: 5px;
  padding: 20px;
  border: 1px solid #E2E8EA;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  flex-direction: column;
}
.upload .upload-container div.picture {
  width: 100%;
  height: 100%;
  position: relative;
  background: #e6e6e6;
}
.upload .upload-container div.picture input {
  display: none;
}
.upload .upload-container div.picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.upload .upload-action {
  width: 250px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 10px;
  padding-top: 14px;
  order: 3;
}
.upload .upload-action .upload-button {
  grid-column: span 1;
  background: transparent;
  border: 1px solid #ea0031 !important;
}
.upload .upload-action .upload-button .loader i {
  color: #ea0031 !important;
}
.upload .upload-action .upload-button i {
  color: #ea0031 !important;
}
.upload .upload-action .upload-button span {
  color: #ea0031 !important;
}
.upload .upload-action .upload-button:hover, .upload .upload-action .upload-button:active, .upload .upload-action .upload-button:focus {
  background: #ea0031;
}
.upload .upload-action .upload-button:hover i, .upload .upload-action .upload-button:hover span, .upload .upload-action .upload-button:hover .loader i, .upload .upload-action .upload-button:active i, .upload .upload-action .upload-button:active span, .upload .upload-action .upload-button:active .loader i, .upload .upload-action .upload-button:focus i, .upload .upload-action .upload-button:focus span, .upload .upload-action .upload-button:focus .loader i {
  color: #ffffff !important;
}
.upload .upload-action .upload-button-remove {
  grid-column: span 1;
  background: transparent;
  border: 1px solid #F44336 !important;
}
.upload .upload-action .upload-button-remove .loader i {
  color: #F44336 !important;
}
.upload .upload-action .upload-button-remove i {
  color: #F44336 !important;
}
.upload .upload-action .upload-button-remove span {
  color: #F44336 !important;
}
.upload .upload-action .upload-button-remove:hover, .upload .upload-action .upload-button-remove:active, .upload .upload-action .upload-button-remove:focus {
  background: #F44336;
}
.upload .upload-action .upload-button-remove:hover i, .upload .upload-action .upload-button-remove:hover span, .upload .upload-action .upload-button-remove:hover .loader i, .upload .upload-action .upload-button-remove:active i, .upload .upload-action .upload-button-remove:active span, .upload .upload-action .upload-button-remove:active .loader i, .upload .upload-action .upload-button-remove:focus i, .upload .upload-action .upload-button-remove:focus span, .upload .upload-action .upload-button-remove:focus .loader i {
  color: #ffffff !important;
}
.upload .upload-container.warn {
  border-color: #F44336;
  color: #F44336;
}
.upload .upload-container.warn ~ p, .upload .upload-container.warn label {
  color: #F44336;
}
.upload input.warn::-webkit-input-placeholder {
  color: #F44336;
}
.upload input.warn::-moz-placeholder {
  color: #F44336;
}
.upload input.warn:-ms-input-placeholder {
  color: #F44336;
}

.cardView {
  width: 100%;
  border-radius: 4px;
  background: #fff;
  box-shadow: 0 1px 5px 0 rgba(90, 92, 107, 0.05), 0 1px 5px 0 rgba(90, 92, 107, 0.05);
  min-height: 20px;
  margin-bottom: 20px;
}
.cardView .content {
  padding: 20px;
  display: flex;
  flex-direction: column;
}

@media all and (max-width: 992px) {
  .cardView .content {
    padding: 10px;
  }
}
.containerBorder {
  min-height: 36px;
  padding: 10px;
  border-radius: 6px;
  border: 1px solid #eeeeee;
  min-width: 100px;
}

.contentLabel {
  font-size: 10pt;
  color: #a3a5a6;
  display: inline-flex;
  font-weight: 600;
  font-family: "Ubuntu", "Cabin", sans-serif;
}

.contentLabel::after {
  content: "";
  padding-left: 1px;
  padding-right: 5px;
}

.contentContainer {
  display: flex;
  align-items: center;
  margin: 5px 10px 5px 0;
}
.contentContainer i {
  font-size: 12pt;
  color: #a3a5a6;
  margin-right: 5px;
}
.contentContainer span:not(.contentLabel) {
  color: #000000;
  font-weight: 400;
  font-size: 10pt;
}

body .mobileOnly {
  display: none !important;
}

@media all and (max-width: 992px) {
  body .mobileOnly {
    display: flex !important;
  }
}
.customScroll::-webkit-scrollbar-track {
  border: 1px solid #eeeeee;
  border-radius: 10px;
}

.customScroll::-webkit-scrollbar {
  width: 10px;
}

.customScroll::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #dddddd;
}

.defaultContainer {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
}

@media all and (max-width: 992px) {
  .defaultContainer {
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0 15px;
  }
}
@keyframes placeholder-animation {
  from {
    opacity: 0.3;
  }
  to {
    opacity: 1;
  }
}
html body .placeholder-image, html body .service-card > .container > .image, html body .placeholder-image-mini {
  background: #f2f2f2 url('data:image/svg+xml;utf8,<svg fill="#aaa" width="44" height="44" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg" stroke="#fff"><g fill="none" fill-rule="evenodd" stroke-width="2"><circle cx="22" cy="22" r="1"><animate attributeName="r" begin="0s" dur="1.8s" values="1; 20" calcMode="spline" keyTimes="0; 1" keySplines="0.165, 0.84, 0.44, 1" repeatCount="indefinite" /><animate attributeName="stroke-opacity" begin="0s" dur="1.8s" values="1; 0" calcMode="spline" keyTimes="0; 1" keySplines="0.3, 0.61, 0.355, 1" repeatCount="indefinite" /></circle><circle cx="22" cy="22" r="1"><animate attributeName="r" begin="-0.9s" dur="1.8s" values="1; 20" calcMode="spline" keyTimes="0; 1" keySplines="0.165, 0.84, 0.44, 1" repeatCount="indefinite" /><animate attributeName="stroke-opacity" begin="-0.9s" dur="1.8s" values="1; 0" calcMode="spline" keyTimes="0; 1" keySplines="0.3, 0.61, 0.355, 1" repeatCount="indefinite" /></circle></g></svg>') no-repeat center;
  background-size: 100px 100px !important;
  background-clip: padding-box;
}
html body .placeholder-image > img[src=""], html body .service-card > .container > .image > img[src=""], html body .placeholder-image-mini > img[src=""], html body .placeholder-image > img[src="#"], html body .service-card > .container > .image > img[src="#"], html body .placeholder-image-mini > img[src="#"] {
  display: none !important;
}
html body .placeholder-image-mini {
  background-size: 40px 40px !important;
}

/**
  VAN COMPONENTS SPECIFIC STYLING
 */
/**
  PROJECT SPECIFIC STYLING
 */
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
body section {
  width: 100%;
  padding-top: 100px;
  padding-bottom: 100px;
}
body section > .content {
  max-width: 1000px;
  width: calc(100% - 2 * 15px);
  margin: 0 auto;
  padding: 0 15px;
  display: flex;
  flex-direction: row;
}
@media (max-width: 992px) {
  body section > .content {
    padding: 0 15px;
    width: calc(100% - 2 * 15px);
  }
}
body .section-title {
  display: flex;
  flex-direction: column;
  align-items: center;
}
body .section-title > .symbol {
  height: 20px;
  width: 40px;
  background-size: contain;
  background: url("../image/symbol.svg") center no-repeat;
  background-size: contain;
}
body .section-title > .symbol.white {
  background: url("../image/symbol_white.svg") center no-repeat;
}
body .section-title > h2 {
  font-size: 20pt;
  color: #262626;
  font-family: "Ubuntu", "Cabin", sans-serif;
  text-align: center;
  margin: 20px 0 40px 0;
  line-height: 1.4;
}
body .section-title > p {
  font-size: 14pt;
  color: #262626;
  text-align: center;
  margin: 0 0 40px 0;
  line-height: 1.4;
}
body .section-title.left {
  align-items: flex-start;
}
body .section-title.left > h2, body .section-title.left > p {
  text-align: left;
}
body .section-title.white > .symbol {
  background-size: contain;
  background: url("../image/symbol_dark.svg") left no-repeat;
}
body .section-title.white > .symbol.white {
  background: url("../image/symbol_white.svg") center no-repeat;
}
body .section-title.white > h2, body .section-title.white > p {
  color: #ffffff;
}
@media all and (max-width : 768px) {
  body .section-title > h2 {
    margin-bottom: 25px;
  }
}
body .service-card {
  width: 320px;
  flex-shrink: 0;
  height: 100%;
  border-radius: 4px;
}
body .service-card > .container {
  margin-left: 20px;
  height: calc(420px - 2px);
  width: calc(300px - 2px);
  border: 1px solid #eee;
  background: #ffffff;
  border-radius: 4px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.085);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  transition: box-shadow 0.3s;
}
body .service-card > .container > .image {
  width: 100%;
  height: 160px;
  border-radius: 4px 4px 0 0;
}
body .service-card > .container > .image img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 4px 4px 0 0;
}
body .service-card > .container > .content {
  flex: 1;
  width: calc(100% - 2 * 20px);
  padding: 0 20px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
body .service-card > .container > .content > .title p {
  font-family: "Ubuntu", "Cabin", sans-serif;
  font-size: 16pt;
  font-weight: 600;
  color: #262626;
  float: left;
  line-height: 1.4;
  margin-top: 20px;
  margin-bottom: 16px;
  word-break: break-word;
}
body .service-card > .container > .content > .title p:before {
  content: "";
  height: 8px;
  width: 8px;
  border-radius: 50%;
  background: #ea0031;
  margin: 6pt 6px 6pt 0;
  float: left;
}
body .service-card > .container > .content > .description {
  padding-bottom: 15px;
  overflow-y: hidden;
  flex: 1;
}
body .service-card > .container > .content > .description p {
  font-size: 12pt;
  line-height: 1.6;
}
body .service-card > .container > .action {
  width: 100%;
  height: 50px;
  display: flex;
  justify-content: flex-end;
}
body .service-card > .container > .action .btn {
  height: 50px;
  border-radius: 4px 0 4px 0;
  background: #ea0031;
  display: flex;
  flex-direction: row;
  overflow-x: hidden;
  cursor: pointer;
}
body .service-card > .container > .action .btn > .text {
  height: calc(100%);
  overflow-x: hidden;
}
body .service-card > .container > .action .btn > .text p {
  display: flex;
  align-items: center;
  margin-right: -200px;
  color: #ffffff;
  height: calc(100% - 2 * 5px);
  padding: 5px 15px 5px 20px;
  transition: margin-right 0.3s;
}
body .service-card > .container > .action .btn > .icon {
  z-index: 1;
  border-radius: 4px 0 4px 0;
  background: #ea0031;
  justify-self: flex-end;
  height: calc(100% - 2 * 5px);
  width: 40px;
  padding: 5px;
  display: flex;
  justify-content: center;
}
body .service-card > .container > .action .btn > .icon img {
  object-fit: contain;
}
body .service-card > .container > .action .btn:hover > .text p {
  margin-right: 0;
  transition: margin-right 0.2s;
}
body .service-card > .container:hover, body .service-card > .container:active {
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
  transition: box-shadow 0.3s;
}
body .service-card.special {
  width: 620px;
  flex-shrink: 0;
  height: 100%;
  border: none;
}
body .service-card.special > .container {
  margin-left: 20px;
  height: 380px;
  width: 260px;
  border: none;
  background: #ea0031;
  border-radius: 4px;
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.085);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 20px;
}
body .service-card.special > .container p.title {
  text-align: left;
  font-size: 18pt;
  line-height: 1.2;
  font-weight: 600;
  font-family: "Ubuntu", "Cabin", sans-serif;
  color: #ffffff;
  margin-top: 0;
  margin-bottom: 30px;
}
body .service-card.special > .container p.description {
  font-size: 12pt;
  line-height: 1.6;
  flex: 1;
  color: #ffffff;
}
body .service-card.special > .container .btn {
  width: calc(100% - 60px);
  align-self: flex-end;
}
@media all and (max-width : 768px) {
  body .service-card {
    height: auto;
  }
  body .service-card > .container {
    height: auto;
  }
  body .service-card > .container > .action .btn > .text p {
    margin-right: 0;
  }
  body .service-card.special {
    height: auto;
  }
  body .service-card.special > .container {
    height: auto;
  }
  body .service-card.special > .container p {
    text-align: center;
    padding-bottom: 40px;
  }
  body .service-card.special > .container .btn {
    width: calc(100% - 40px);
  }
}
body .project-card {
  background: #ffffff;
  border-radius: 4px;
  position: relative;
  cursor: pointer;
  animation: fade-in 0.25s 1 ease-in;
  animation-fill-mode: forwards;
}
body .project-card.special {
  background: #ea0031;
  order: 9999999;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  grid-row: span 2;
  grid-column: span 1;
  padding: 20px;
}
@media all and (max-width : 768px) {
  body .project-card.special {
    grid-row: span 2;
    grid-column: span 2 !important;
  }
}
body .project-card.special > p {
  text-align: left;
  font-size: 18pt;
  line-height: 1.2;
  font-weight: 600;
  font-family: "Ubuntu", "Cabin", sans-serif;
  color: #ffffff;
  margin-top: 0;
  margin-bottom: 15px;
}
body .project-card.special > .btn {
  width: calc(100% - 60px);
  align-self: flex-end;
}
@media all and (max-width : 768px) {
  body .project-card.special > .btn {
    width: calc(100% - 40px) !important;
  }
}
body .project-card.hidden {
  display: none;
}
body .project-card > .image {
  z-index: 1;
  height: 100%;
  width: 100%;
  overflow: hidden;
  border-radius: 4px;
  background-clip: padding-box;
}
body .project-card > .image img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 4px;
  transform: scale(1) rotate(0);
  transition: transform 0.2s linear;
  will-change: transform;
}
body .project-card > .content {
  z-index: 1;
  position: absolute;
  height: calc(100% - 2 * 15px);
  width: calc(100% - 2 * 15px);
  padding: 15px;
  left: 0;
  top: 0;
  display: flex;
  justify-content: flex-start;
}
body .project-card > .content > .title {
  align-self: flex-end;
  padding: 10px;
  background: #ffffff;
  border-radius: 3px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  text-align: left;
}
body .project-card > .content > .title > .icon {
  margin-right: 10px;
  overflow: hidden;
  flex-shrink: 0;
}
body .project-card > .content > .title > .icon > .container {
  height: 24px;
  width: 24px;
  display: flex;
  flex-direction: row;
  align-items: center;
  transform: translateX(-24px);
  transition: transform 0.2s linear;
  will-change: transform;
}
body .project-card > .content > .title > .icon > .container img {
  flex-shrink: 0;
  height: 24px;
  width: 24px;
  object-fit: contain;
}
body .project-card > .content > .title > .icon > .container img.arrow {
  flex-shrink: 0;
}
body .project-card > .content > .title p {
  font-size: 12pt;
  color: #262626;
  font-family: "Ubuntu", "Cabin", sans-serif;
  font-weight: 600;
}
body .project-card:hover > .image img {
  transform: scale(1.05) rotate(0deg);
  transition: transform 0.2s linear;
  will-change: transform;
}
body .project-card:hover > .content > .title > .icon > .container {
  transform: translateX(0);
  transition: transform 0.2s linear;
  will-change: transform;
}
body .project-card[data-rows="4"][data-columns="2"] {
  grid-row: span 4;
  grid-column: span 2;
}
body .project-card[data-rows="2"][data-columns="2"] {
  grid-row: span 2;
  grid-column: span 2;
}
body .project-card[data-rows="2"][data-columns="1"] {
  grid-row: span 2;
  grid-column: span 1;
}
body .project-card[data-rows="3"][data-columns="1"] {
  grid-row: span 3;
  grid-column: span 1;
}
body .project-card[data-rows="4"][data-columns="1"] {
  grid-row: span 4;
  grid-column: span 1;
}
@media all and (max-width : 768px) {
  body .project-card > .content {
    height: calc(100% - 2 * 10px);
    width: calc(100% - 2 * 10px);
    padding: 10px;
  }
  body .project-card > .content > .title {
    padding: 6px 10px 6px 6px;
  }
  body .project-card > .content > .title p {
    font-size: 12pt;
  }
}
body .machine-card {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 40px;
  grid-auto-rows: 300px;
  padding-bottom: 20px;
  border-bottom: 1px solid #eee;
}
body .machine-card:last-of-type {
  border-bottom: none;
}
body .machine-card > .presentation {
  height: 100%;
  width: 100%;
  border-radius: 4px;
  box-shadow: 0 5px 30px 0 rgba(90, 92, 107, 0.07), 0 2px 9px 0 rgba(90, 92, 107, 0.08);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
body .machine-card > .presentation.van-slider[data-library=van] {
  height: 300px !important;
}
body .machine-card > .presentation > .slides {
  z-index: 1;
  width: 100%;
  height: 100%;
}
body .machine-card > .presentation > .slides > .slide {
  width: 100%;
  height: 100%;
}
body .machine-card > .presentation > .slides > .slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 4px;
}
body .machine-card > .content {
  height: calc(100% - 2 * 15px);
  padding: 15px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
body .machine-card > .content > .title {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 40px;
}
body .machine-card > .content > .title > .index {
  height: 40px;
  width: 40px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #ea0031;
  margin-right: 15px;
  flex-shrink: 0;
}
body .machine-card > .content > .title > .index p {
  margin: 0;
  padding: 0;
  font-size: 14pt;
  font-weight: 600;
  color: #ffffff;
}
body .machine-card > .content > .title > p {
  color: #262626;
  font-size: 18pt;
  font-family: "Ubuntu", "Cabin", sans-serif;
  font-weight: 600;
  margin: 0;
}
body .machine-card > .content > .description {
  flex: 1;
  width: 100%;
  text-align: left;
  max-width: 500px;
}
body .machine-card > .content > .description p {
  margin: 0;
}
@media all and (max-width : 768px) {
  body .machine-card {
    grid-template-columns: 1fr;
    grid-gap: 20px;
    grid-auto-rows: auto;
  }
  body .machine-card > .presentation.van-slider[data-library=van] {
    height: 240px !important;
  }
  body .machine-card > .content {
    height: 100%;
    padding: 0;
  }
  body .machine-card > .content > .title {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 30px;
  }
  body .machine-card > .content > .title > .index {
    height: 30px;
    width: 30px;
    margin-right: 10px;
  }
  body .machine-card > .content > .title > p {
    font-size: 16pt;
  }
  body .machine-card > .content > .description {
    max-width: 100%;
    padding-bottom: 30px;
  }
  body .machine-card > .content > .description p {
    margin: 0;
  }
}
body .client-card {
  width: 100%;
  padding: 30px 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  transform: translateY(40px);
  transition: transform 0.3s;
  will-change: transform;
  cursor: pointer !important;
  animation: fade-in 0.3s 1 linear;
}
body .client-card > .container {
  height: calc(160px - 2 * 14px);
  width: calc(100% - 2 * 14px);
  border-radius: 6px;
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.15);
  background: #ffffff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 14px;
}
body .client-card > .container > .image {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 6px;
}
body .client-card > .container > .image img {
  border-radius: 4px;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
body .client-card > .data {
  opacity: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transition: opacity 0.3s;
  will-change: opacity;
}
body .client-card > .data > .title {
  margin-top: 15px;
  margin-bottom: 15px;
}
body .client-card > .data > .title p {
  text-align: center;
  font-size: 16pt;
  font-family: "Ubuntu", "Cabin", sans-serif;
  font-weight: 600;
  color: #fff;
  margin: 0;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
}
body .client-card > .data > .action {
  display: flex;
  flex-direction: row;
  align-items: center;
}
body .client-card > .data > .action p {
  font-size: 12pt;
  font-weight: 300;
  color: #fff;
  margin: 0;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
}
body .client-card > .data > .action img {
  height: 18px;
  width: 18px;
  margin-left: 4px;
  object-fit: contain;
  transform: scale(1);
  transition: 0.3s transform;
  will-change: transform;
}
@media all and (max-width : 1100px) and (min-width : 993px) {
  body .client-card > .container {
    height: calc(200px - 2 * 14px);
  }
  body .client-card > .container > .image img {
    object-fit: contain;
  }
}
@media all and (max-width : 768px) and (min-width : 501px) {
  body .client-card > .container {
    height: calc(200px - 2 * 14px);
  }
  body .client-card > .container > .image img {
    object-fit: contain;
  }
}

.van-modal[data-library=van][data-id=__client-modal] > .container > .card > .content > .main {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: calc(100% - 2 * 10px);
  border: 1px solid #eee;
  padding: 20px 10px;
  border-radius: 2px;
}
.van-modal[data-library=van][data-id=__client-modal] > .container > .card > .content > .main > .image {
  width: 260px;
  height: 160px;
  padding: 10px;
}
.van-modal[data-library=van][data-id=__client-modal] > .container > .card > .content > .main > .image img {
  height: 100%;
  border-radius: 4px;
  object-fit: contain;
  max-width: 100%;
}
.van-modal[data-library=van][data-id=__client-modal] > .container > .card > .content > .main > .name {
  margin: 20px 0;
  font-size: 16pt;
  font-weight: 600;
  font-family: "Ubuntu", "Open Sans", sans-serif;
}
.van-modal[data-library=van][data-id=__client-modal] > .container > .card > .content > .main > .website {
  display: flex;
  cursor: pointer !important;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #eee;
  align-items: center;
  filter: brightness(100%);
  transition: filter 0.2s;
  will-change: filter;
}
.van-modal[data-library=van][data-id=__client-modal] > .container > .card > .content > .main > .website img {
  height: 26px;
  width: 26px;
  object-fit: contain;
}
.van-modal[data-library=van][data-id=__client-modal] > .container > .card > .content > .main > .website p {
  font-size: 12pt;
  color: #2196F3;
  margin: 0 0 0 5px;
}
.van-modal[data-library=van][data-id=__client-modal] > .container > .card > .content > .main > .website:hover, .van-modal[data-library=van][data-id=__client-modal] > .container > .card > .content > .main > .website:active {
  filter: brightness(70%);
  transition: filter 0.2s;
  will-change: filter;
}
.van-modal[data-library=van][data-id=__client-modal] > .container > .card > .content > .main > .description {
  margin: 0 auto;
  max-width: 700px;
  width: 100%;
}

.editorJSTransforms p {
  font-size: 12pt;
  line-height: 1.4;
  color: #262626;
  font-weight: 400;
  margin-bottom: 10px;
}
.editorJSTransforms a {
  color: #262626 !important;
  cursor: pointer;
  border-bottom: 1px dashed #ea0031;
  transition: color 0.2s;
}
.editorJSTransforms a:hover {
  color: #ea0031 !important;
  transition: color 0.2s;
}
.editorJSTransforms .header {
  margin-bottom: 20px;
}
.editorJSTransforms .header h1, .editorJSTransforms .header h2, .editorJSTransforms .header h3, .editorJSTransforms .header h4, .editorJSTransforms .header h5, .editorJSTransforms .header h6 {
  display: inline;
  border-bottom: 4px solid #ea0031;
  color: #262626;
  font-weight: 700;
  font-family: "Ubuntu", "Cabin", sans-serif;
  margin-bottom: 10px;
}
.editorJSTransforms > .image {
  margin-bottom: 30px;
  width: 100%;
}
.editorJSTransforms > .image > .container {
  height: 400px;
  width: 100%;
  overflow: hidden;
}
.editorJSTransforms > .image > .container img {
  height: 100%;
  max-width: 100%;
  object-position: left;
  object-fit: contain;
  border-radius: 6px;
}
.editorJSTransforms > .image > .caption {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffffff;
  border: 1px solid #eee;
  border-radius: 2px;
  width: calc(100% - 2 * 15px - 2 * 1px);
  padding: 15px;
}
.editorJSTransforms > .image > .caption > p {
  font-size: 10pt;
  line-height: 1.4;
  color: #262626 !important;
  text-align: left;
  font-weight: 400;
  margin: 0;
}
.editorJSTransforms > .image.background > .container, .editorJSTransforms > .image.full.background > .container {
  background: #fbfbfb;
  max-height: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.editorJSTransforms > .image.background > .container > img, .editorJSTransforms > .image.full.background > .container > img {
  object-position: center;
  height: 100%;
}
.editorJSTransforms > .image.border > .container {
  border: 1px solid #aaa;
  width: calc(100% - 2px);
}
.editorJSTransforms > .image.full > .container {
  height: auto;
  max-height: 1200px;
}
.editorJSTransforms > .image.full > .container img {
  height: auto;
}
.editorJSTransforms > .embed {
  margin-bottom: 30px;
  width: 100%;
}
.editorJSTransforms > .embed > iframe {
  border: none;
}
.editorJSTransforms > .embed > .caption {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffffff;
  box-shadow: 0 1px 5px 0 rgba(90, 92, 107, 0.05), 0 1px 5px 0 rgba(90, 92, 107, 0.05);
  border: 1px solid #eee;
  border-radius: 2px;
  width: calc(100% - 2 * 15px);
  padding: 15px;
}
.editorJSTransforms > .embed > .caption > p {
  font-size: 10pt;
  line-height: 1.4;
  color: #ea0031;
  text-align: left;
  font-weight: 400;
  margin: 0;
}
.editorJSTransforms > .list {
  border-left: 2px solid #ea0031;
}
.editorJSTransforms > .list li {
  margin-bottom: 10px;
  font-size: 14pt;
}
.editorJSTransforms > .quote {
  border: 1px solid #eee;
  background: #fbfbfb;
  padding: 15px;
  width: calc(100% - 2 * 15px);
  margin-bottom: 10px;
  border-radius: 2px;
  text-align: left;
}
.editorJSTransforms > .quote > p {
  font-size: 16pt;
  font-family: "Ubuntu", "Cabin", sans-serif;
  color: #888;
  margin-bottom: 20px;
  font-style: italic;
}
.editorJSTransforms > .quote > span {
  font-size: 12pt;
  color: #2c2c2c;
  font-weight: 700;
}
.editorJSTransforms > .quote > span:before {
  content: "•";
  color: #ea0031;
  padding-right: 5px;
}

body a, body p, body div {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
}

.mdl-button {
  font-size: 12px;
  height: auto;
  line-height: 2;
  padding: 3px 10px;
}

.seriousLink {
  text-decoration: none !important;
  color: inherit !important;
  cursor: pointer;
}

body .background {
  overflow-x: hidden !important;
}

.divider {
  width: 100%;
  margin-top: 5px;
  height: 1px;
  background: #eeeeee;
}

.doNotSelect {
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
}

.HELPERContentContainer {
  width: 100%;
  max-width: 1000px;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}

.HELPERFilterInfoContainer {
  color: #157EFB;
  width: 100%;
  font-size: 10pt;
  margin-bottom: 20px;
  font-weight: 300;
  padding: 15px;
  height: inherit;
  display: flex;
  text-align: justify;
  justify-content: flex-start;
  align-items: center;
  background: transparent;
  border-radius: 6px;
  border: 1px dashed #157EFB;
}
.HELPERFilterInfoContainer .HELPERFilterInfoContent {
  flex: 1;
}

.HELPERFilterInfoButton {
  background: transparent;
  border: 1px solid #157EFB !important;
}
.HELPERFilterInfoButton .loader i {
  color: #157EFB !important;
}
.HELPERFilterInfoButton i {
  color: #157EFB !important;
}
.HELPERFilterInfoButton span {
  color: #157EFB !important;
}
.HELPERFilterInfoButton:hover, .HELPERFilterInfoButton:active, .HELPERFilterInfoButton:focus {
  background: #157EFB;
}
.HELPERFilterInfoButton:hover i, .HELPERFilterInfoButton:hover span, .HELPERFilterInfoButton:hover .loader i, .HELPERFilterInfoButton:active i, .HELPERFilterInfoButton:active span, .HELPERFilterInfoButton:active .loader i, .HELPERFilterInfoButton:focus i, .HELPERFilterInfoButton:focus span, .HELPERFilterInfoButton:focus .loader i {
  color: #ffffff !important;
}

@media all and (min-width: 992px) {
  .HELPERFilterInfoContainer .HELPERFilterInfoContent {
    padding-right: 20px;
  }
}
.connSuiteHelperContainer {
  max-width: 1000px;
  text-align: center;
  width: 100%;
  padding: 10px 20px 10px 20px;
  height: inherit;
  display: flex;
  background: #EBF9FF;
  border-radius: 5px;
  border: 1px solid #ACE6FD;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.connSuiteHelperContent {
  flex: 1;
  text-align: left;
  color: #262626;
  font-size: 1em;
}

.connSuiteHelperButton {
  height: 46px;
  margin-left: 30px;
  border-radius: 23px;
  background: transparent;
  border: 1px solid #262626;
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 160px;
  padding: 0 20px;
  cursor: pointer;
}

.connSuiteHelperButton span {
  color: #262626;
}

.connSuiteHelperButton:hover span {
  color: #ffffff;
}

.connSuiteHelperButton:hover, .connSuiteHelperButton:active {
  background: #262626;
  color: #ffffff;
}

@media all and (max-width: 992px) {
  .connSuiteHelperContainer {
    padding-right: 10px;
  }

  .connSuiteHelperButton {
    margin-top: 20px;
    margin-left: 0;
  }

  .connSuiteHelperContainer {
    flex-direction: column;
  }

  .connSuiteHelperContent {
    text-align: center;
    width: 100%;
  }
}
.labelThis {
  cursor: pointer;
}

.labelThis div {
  position: absolute;
  height: inherit;
  display: flex;
  align-items: center;
}

.labelThis div span:first-child {
  display: none;
  font-size: 8pt;
  position: relative;
}

.labelThis:hover div span:first-child {
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.08);
  border-radius: 3px;
  padding: 5px 10px 5px 10px;
  display: block;
  background: #000000;
  background: rgba(0, 0, 0, 0.85);
  z-index: 3000;
  margin-left: 70px;
  position: relative;
  text-decoration: none;
  color: #ffffff;
}

#toast {
  position: fixed;
  width: 100%;
  height: 100%;
  display: flex;
  z-index: 10000;
  justify-content: center;
  align-items: flex-end;
  bottom: 20%;
}

#toastInnerContainer {
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.4);
  border-radius: 22px;
  padding: 8px 15px 8px 15px;
  background: #000;
  min-height: 34px;
  background: rgba(0, 0, 0, 0.9);
  z-index: 1000;
  min-width: 250px;
  text-decoration: none;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  user-select: none;
}

.shadow1DP {
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 1px -2px rgba(0, 0, 0, 0.15), 0 1px 4px 0 rgba(0, 0, 0, 0.1);
}

.shadow2DP {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.customContainer {
  width: 100%;
  align-self: center;
  max-width: 1000px;
  height: 100%;
}

.customContainerS {
  width: 100%;
  align-self: center;
  max-width: 1000px;
}

/**
SAFARI DOES NOT PLAY WELL WITH height : 100%
 */
.customContainerPadding {
  width: 100%;
  align-self: center;
  max-width: 1000px;
  height: 100%;
  padding-left: 15px;
  padding-right: 15px;
}

/**
CUSTOMIZING BOOTSTRAP DIALOGS
 */
body .modal {
  background: rgba(0, 0, 0, 0.4);
}

body .modal-dialog .modal-content {
  border: none !important;
  box-shadow: 0 5px 30px 0 rgba(90, 92, 107, 0.15), 0 2px 9px 0 rgba(90, 92, 107, 0.1);
  border-radius: 4px;
  font-family: "Cabin", "Open Sans", sans-serif !important;
  font-size: 10pt !important;
  padding: 10px;
}
body .modal-dialog .modal-content .modal-header {
  font-size: 15pt;
  font-family: "Ubuntu", "Cabin", sans-serif !important;
  border: none !important;
}
body .modal-dialog .modal-content .modal-header h4, body .modal-dialog .modal-content .modal-header .modal-title {
  color: #ea0031;
  font-weight: 400;
}
body .modal-dialog .modal-content .modal-header .close {
  order: 2;
  cursor: pointer;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  background: #fafafa;
  border: 1px solid #eeeeee;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 5px;
  opacity: 1;
}
body .modal-dialog .modal-content .modal-header .close span {
  font-weight: 300 !important;
  color: #aaaaaa;
  text-shadow: none;
}
body .modal-dialog .modal-content .modal-header .close:hover {
  background: #eeeeee;
}
body .modal-dialog .modal-content .modal-header .close:hover span {
  color: #888888;
}
body .modal-dialog .modal-content .modal-header.modal-headerDelete h4 {
  color: #F44336 !important;
}
body .modal-dialog .modal-content .modal-header.modal-headerComplementary h4 {
  color: #000000;
}
body .modal-dialog .modal-content .modal-footer {
  border: none !important;
}
body .modal-dialog .modal-content .modal-footer .modalButton {
  font-weight: 600;
  font-size: 12pt;
  color: #ea0031;
  cursor: pointer;
  padding: 5px 10px;
  border-radius: 4px;
}
body .modal-dialog .modal-content .modal-footer .modalButton:hover {
  background: #f5f5f5;
  color: #ff5175;
}
body .modal-dialog .modal-content .modal-footer .modalButtonCancel {
  font-weight: 600;
  font-size: 12pt;
  color: #aaaaaa;
  padding: 5px 10px;
  cursor: pointer;
  border-radius: 4px;
}
body .modal-dialog .modal-content .modal-footer .modalButtonCancel:hover {
  color: #888888;
  background: #f5f5f5 !important;
}
body .modal-dialog .modal-content .modal-footer .modalButtonDelete {
  font-weight: 600;
  font-size: 12pt;
  color: #F44336 !important;
  cursor: pointer;
  border-radius: 4px;
  padding: 5px 10px;
}
body .modal-dialog .modal-content .modal-footer .modalButtonDelete:hover {
  color: #C62828;
  background: #f5f5f5;
}

@media all and (min-width: 992px) {
  .modal-dialog {
    max-width: 800px;
    overflow-y: auto;
    margin: 40px auto;
  }
}
@media all and (max-width: 992px) {
  body .modal-dialog .modal-content {
    border: none !important;
    box-shadow: 0 5px 30px 0 rgba(90, 92, 107, 0.15), 0 2px 9px 0 rgba(90, 92, 107, 0.1);
    border-radius: 4px;
    font-family: "Cabin", "Open Sans", sans-serif !important;
    font-size: 10pt !important;
    padding: 10px;
  }
  body .modal-dialog .modal-content .modal-header {
    font-size: 15pt;
    font-family: "Ubuntu", "Cabin", sans-serif !important;
    border: none !important;
  }
  body .modal-dialog .modal-content .modal-header h4, body .modal-dialog .modal-content .modal-header .modal-title {
    color: #ea0031 !important;
    font-weight: 400;
  }
  body .modal-dialog .modal-content .modal-body {
    padding: 0 !important;
  }
}
/**
Animations
 */
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Internet Explorer */
@-ms-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Opera < 12.1 */
@-o-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeout {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* Firefox < 16 */
@-moz-keyframes fadeout {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadeout {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* Internet Explorer */
@-ms-keyframes fadeout {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* Opera < 12.1 */
@-o-keyframes fadeout {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeinAdd {
  from {
    opacity: 0.4;
  }
  to {
    opacity: 1;
  }
}
/* Firefox < 16 */
@-moz-keyframes fadeinAdd {
  from {
    opacity: 0.4;
  }
  to {
    opacity: 1;
  }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadeinAdd {
  from {
    opacity: 0.4;
  }
  to {
    opacity: 1;
  }
}
/* Internet Explorer */
@-ms-keyframes fadeinAdd {
  from {
    opacity: 0.4;
  }
  to {
    opacity: 1;
  }
}
/* Opera < 12.1 */
@-o-keyframes fadeinAdd {
  from {
    opacity: 0.4;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeinDetailCover {
  from {
    opacity: 0;
  }
  to {
    opacity: 0.85;
  }
}
@-moz-keyframes fadeinDetailCover {
  from {
    opacity: 0;
  }
  to {
    opacity: 0.85;
  }
}
@-webkit-keyframes fadeinDetailCover {
  from {
    opacity: 0;
  }
  to {
    opacity: 0.85;
  }
}
@-ms-keyframes fadeinDetailCover {
  from {
    opacity: 0;
  }
  to {
    opacity: 0.85;
  }
}
@-o-keyframes fadeinDetailCover {
  from {
    opacity: 0;
  }
  to {
    opacity: 0.85;
  }
}
@keyframes fadeOutDetailCover {
  from {
    opacity: 0.85;
  }
  to {
    opacity: 0;
  }
}
@-moz-keyframes fadeOutDetailCover {
  from {
    opacity: 0.85;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes fadeOutDetailCover {
  from {
    opacity: 0.85;
  }
  to {
    opacity: 0;
  }
}
@-ms-keyframes fadeOutDetailCover {
  from {
    opacity: 0.85;
  }
  to {
    opacity: 0;
  }
}
@-o-keyframes fadeOutDetailCover {
  from {
    opacity: 0.85;
  }
  to {
    opacity: 0;
  }
}
@-moz-keyframes spin {
  100% {
    -moz-transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.transitionContainer {
  height: 100vh;
  width: 100%;
  position: fixed;
  z-index: 10000;
  background: #ffffff;
  display: none;
}

/**
* Tooltip
* Tooltip Styles
*/
@media all and (min-width: 992px) {
  /* Base styles for the element that has a tooltip */
  [data-tooltip],
.tooltip {
    position: relative;
    cursor: pointer;
    z-index: 1000;
  }

  /* Base styles for the entire tooltip */
  [data-tooltip]:before,
[data-tooltip]:after,
.tooltip:before,
.tooltip:after {
    position: absolute;
    visibility: hidden;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, -webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
    -moz-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, -moz-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
    transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    pointer-events: none;
  }

  /* Show the entire tooltip on hover and focus */
  [data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after,
.tooltip:hover:before,
.tooltip:hover:after,
.tooltip:focus:before,
.tooltip:focus:after {
    visibility: visible;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }

  /* Base styles for the tooltip's directional arrow */
  .tooltip:before,
[data-tooltip]:before {
    z-index: 1001;
    border: 6px solid transparent;
    background: transparent;
    content: "";
  }

  /* Base styles for the tooltip's content area */
  .tooltip:after,
[data-tooltip]:after {
    z-index: 10000;
    padding: 10px 10px;
    width: 180px;
    background-color: #000;
    background-color: black;
    color: #fff;
    text-align: center;
    content: attr(data-tooltip);
    font-size: 12px;
    line-height: 1.2;
    border-radius: 3px;
  }

  /* Directions */
  /* Top (default) */
  [data-tooltip]:before,
[data-tooltip]:after,
.tooltip:before,
.tooltip:after,
.tooltip-top:before,
.tooltip-top:after {
    bottom: 100%;
    left: 50%;
  }

  [data-tooltip]:before,
.tooltip:before,
.tooltip-top:before {
    margin-left: -6px;
    margin-bottom: -12px;
    border-top-color: #000;
    border-top-color: black;
  }

  /* Horizontally align top/bottom tooltips */
  [data-tooltip]:after,
.tooltip:after,
.tooltip-top:after {
    margin-left: -80px;
  }

  [data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after,
.tooltip:hover:before,
.tooltip:hover:after,
.tooltip:focus:before,
.tooltip:focus:after,
.tooltip-top:hover:before,
.tooltip-top:hover:after,
.tooltip-top:focus:before,
.tooltip-top:focus:after {
    -webkit-transform: translateY(-12px);
    -moz-transform: translateY(-12px);
    transform: translateY(-12px);
  }

  /* Left */
  .tooltip-left:before,
.tooltip-left:after {
    right: 100%;
    bottom: 50%;
    left: auto;
  }

  .tooltip-left:before {
    margin-left: 0;
    margin-right: -12px;
    margin-bottom: 0;
    border-top-color: transparent;
    border-left-color: #000;
    border-left-color: black;
  }

  .tooltip-left:hover:before,
.tooltip-left:hover:after,
.tooltip-left:focus:before,
.tooltip-left:focus:after {
    -webkit-transform: translateX(-12px);
    -moz-transform: translateX(-12px);
    transform: translateX(-12px);
  }

  /* Bottom */
  .tooltip-bottom:before,
.tooltip-bottom:after {
    top: 100%;
    bottom: auto;
    left: 50%;
  }

  .tooltip-bottom:before {
    margin-top: -12px;
    margin-bottom: 0;
    border-top-color: transparent;
    border-bottom-color: #000;
    border-bottom-color: black;
  }

  .tooltip-bottom:hover:before,
.tooltip-bottom:hover:after,
.tooltip-bottom:focus:before,
.tooltip-bottom:focus:after {
    -webkit-transform: translateY(12px);
    -moz-transform: translateY(12px);
    transform: translateY(12px);
  }

  /* Right */
  .tooltip-right:before,
.tooltip-right:after {
    bottom: 50%;
    left: 100%;
  }

  .tooltip-right:before {
    margin-bottom: 0;
    margin-left: -12px;
    border-top-color: transparent;
    border-right-color: #000;
    text-align: left;
    border-right-color: black;
  }

  .tooltip-right:hover:before,
.tooltip-right:hover:after,
.tooltip-right:focus:before,
.tooltip-right:focus:after {
    -webkit-transform: translateX(12px);
    -moz-transform: translateX(12px);
    transform: translateX(12px);
  }

  /* Move directional arrows down a bit for left/right tooltips */
  .tooltip-left:before,
.tooltip-right:before {
    top: 3px;
  }

  /* Vertically center tooltip content for left/right tooltips */
  .tooltip-left:after,
.tooltip-right:after {
    margin-left: 0;
    margin-bottom: -16px;
  }
}
.loader {
  display: flex;
  align-items: center;
  height: 100%;
  padding-left: 10px;
}
.loader i {
  width: 19px;
  font-size: 14pt;
  color: #262626;
  margin-left: 0;
  margin-right: 0 !important;
  line-height: 0 !important;
  -webkit-animation: spin 2s linear infinite;
  -moz-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  padding: 0 !important;
}

.loaderBlue {
  display: none;
  height: 26px;
  width: 26px;
  margin-left: 10px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjZweCIgIGhlaWdodD0iMjZweCIgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIiBjbGFzcz0ibGRzLXJvbGxpbmciIHN0eWxlPSJiYWNrZ3JvdW5kOiBub25lOyI+PGNpcmNsZSBjeD0iNTAiIGN5PSI1MCIgZmlsbD0ibm9uZSIgbmctYXR0ci1zdHJva2U9Int7Y29uZmlnLmNvbG9yfX0iIG5nLWF0dHItc3Ryb2tlLXdpZHRoPSJ7e2NvbmZpZy53aWR0aH19IiBuZy1hdHRyLXI9Int7Y29uZmlnLnJhZGl1c319IiBuZy1hdHRyLXN0cm9rZS1kYXNoYXJyYXk9Int7Y29uZmlnLmRhc2hhcnJheX19IiBzdHJva2U9IiMwMDZiZDUiIHN0cm9rZS13aWR0aD0iMTUiIHI9IjM1IiBzdHJva2UtZGFzaGFycmF5PSIxNjQuOTMzNjE0MzEzNDY0MTUgNTYuOTc3ODcxNDM3ODIxMzgiIHRyYW5zZm9ybT0icm90YXRlKDI0IDUwIDUwKSI+PGFuaW1hdGVUcmFuc2Zvcm0gYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJyb3RhdGUiIGNhbGNNb2RlPSJsaW5lYXIiIHZhbHVlcz0iMCA1MCA1MDszNjAgNTAgNTAiIGtleVRpbWVzPSIwOzEiIGR1cj0iMS41cyIgYmVnaW49IjBzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSI+PC9hbmltYXRlVHJhbnNmb3JtPjwvY2lyY2xlPjwvc3ZnPg==);
}

.loaderWhite {
  display: none;
  height: 26px;
  width: 26px;
  margin-left: 10px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjZweCIgIGhlaWdodD0iMjZweCIgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIiBjbGFzcz0ibGRzLXJvbGxpbmciIHN0eWxlPSJiYWNrZ3JvdW5kOiBub25lOyI+PGNpcmNsZSBjeD0iNTAiIGN5PSI1MCIgZmlsbD0ibm9uZSIgbmctYXR0ci1zdHJva2U9Int7Y29uZmlnLmNvbG9yfX0iIG5nLWF0dHItc3Ryb2tlLXdpZHRoPSJ7e2NvbmZpZy53aWR0aH19IiBuZy1hdHRyLXI9Int7Y29uZmlnLnJhZGl1c319IiBuZy1hdHRyLXN0cm9rZS1kYXNoYXJyYXk9Int7Y29uZmlnLmRhc2hhcnJheX19IiBzdHJva2U9IiNmZmZmZmYiIHN0cm9rZS13aWR0aD0iMTUiIHI9IjM1IiBzdHJva2UtZGFzaGFycmF5PSIxNjQuOTMzNjE0MzEzNDY0MTUgNTYuOTc3ODcxNDM3ODIxMzgiIHRyYW5zZm9ybT0icm90YXRlKDI0IDUwIDUwKSI+PGFuaW1hdGVUcmFuc2Zvcm0gYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJyb3RhdGUiIGNhbGNNb2RlPSJsaW5lYXIiIHZhbHVlcz0iMCA1MCA1MDszNjAgNTAgNTAiIGtleVRpbWVzPSIwOzEiIGR1cj0iMS41cyIgYmVnaW49IjBzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSI+PC9hbmltYXRlVHJhbnNmb3JtPjwvY2lyY2xlPjwvc3ZnPg==);
}

.loaderGray {
  display: none;
  height: 26px;
  width: 26px;
  margin-left: 10px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjZweCIgIGhlaWdodD0iMjZweCIgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIiBjbGFzcz0ibGRzLXJvbGxpbmciIHN0eWxlPSJiYWNrZ3JvdW5kOiBub25lOyI+PGNpcmNsZSBjeD0iNTAiIGN5PSI1MCIgZmlsbD0ibm9uZSIgbmctYXR0ci1zdHJva2U9Int7Y29uZmlnLmNvbG9yfX0iIG5nLWF0dHItc3Ryb2tlLXdpZHRoPSJ7e2NvbmZpZy53aWR0aH19IiBuZy1hdHRyLXI9Int7Y29uZmlnLnJhZGl1c319IiBuZy1hdHRyLXN0cm9rZS1kYXNoYXJyYXk9Int7Y29uZmlnLmRhc2hhcnJheX19IiBzdHJva2U9IiNhYWFhYWEiIHN0cm9rZS13aWR0aD0iMTUiIHI9IjM1IiBzdHJva2UtZGFzaGFycmF5PSIxNjQuOTMzNjE0MzEzNDY0MTUgNTYuOTc3ODcxNDM3ODIxMzgiIHRyYW5zZm9ybT0icm90YXRlKDI0IDUwIDUwKSI+PGFuaW1hdGVUcmFuc2Zvcm0gYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJyb3RhdGUiIGNhbGNNb2RlPSJsaW5lYXIiIHZhbHVlcz0iMCA1MCA1MDszNjAgNTAgNTAiIGtleVRpbWVzPSIwOzEiIGR1cj0iMS41cyIgYmVnaW49IjBzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSI+PC9hbmltYXRlVHJhbnNmb3JtPjwvY2lyY2xlPjwvc3ZnPg==);
}

#logLoader {
  width: 140px;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
  background: #000000;
  border-radius: 5px;
  padding: 15px;
  display: flex;
  z-index: 10000000;
  justify-content: center;
  align-items: center;
}

#logLoader span {
  color: #ffffff;
  font-size: 14pt;
  font-family: "Lato", "Source Sans Pro", sans-serif;
}

#logLoaderBackground {
  width: 100vw;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  z-index: 100000;
  background: #ffffff;
}

/**
ALERT
 */
#customAlertContainer {
  position: fixed;
  z-index: 10000000;
  right: 2%;
  top: 2%;
  width: 320px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  flex-direction: column;
  max-height: 100vh;
  overflow-y: auto;
  pointer-events: none;
}
#customAlertContainer .customAlert {
  box-shadow: 0 0 10px 0 rgba(244, 67, 54, 0.5);
  padding: 15px 15px;
  border-radius: 5px;
  color: #ffffff;
  font-size: 12pt;
  font-family: "Cabin", "Open Sans", sans-serif, "Open Sans", "Arial", sans-serif;
  font-weight: 500;
  text-align: center;
  margin-top: 5px;
  margin-bottom: 5px;
  position: relative;
}
#customAlertContainer .customAlert .warnContainer {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  padding-left: 10px;
}
#customAlertContainer .customAlert .warnContainer i {
  line-height: 0;
  color: #ffffff;
  font-size: 17pt;
}
#customAlertContainer .customAlert span {
  flex-shrink: 1;
  font-size: 10pt;
  color: #ffffff;
  text-align: center;
  font-family: "Cabin", "Open Sans", sans-serif;
}
#customAlertContainer .customAlert.success {
  box-shadow: 0 0 10px 0 rgba(127, 0, 255, 0.5);
  background: #7F00FF !important;
}
#customAlertContainer .customAlert.failure {
  box-shadow: 0 0 10px 0 rgba(244, 67, 54, 0.5);
  background: #F44336;
  padding: 15px 15px 15px 45px !important;
}

@media all and (max-width: 992px) {
  #customAlertContainer {
    position: fixed;
    z-index: 1000000;
    right: auto;
    margin: 0 auto;
    bottom: 0;
    top: auto;
    width: 100%;
    padding: 15px;
    max-width: 100%;
  }
  #customAlertContainer .customAlert {
    max-width: 400px;
    margin: 0 auto 15px auto;
    width: 100%;
  }
}
a {
  text-decoration: none !important;
}

.vanLoadingToast {
  position: fixed;
  z-index: 999999;
  bottom: 40px;
  margin: 0 auto;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.vanLoadingToast span {
  font-family: "Ubuntu", "Cabin", sans-serif;
  font-weight: 500;
  max-width: 220px;
  height: 50px;
  color: #ffffff;
  font-size: 11pt;
  text-align: center;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #000000;
  border-radius: 6px;
  box-shadow: 0 5px 30px 0 rgba(90, 92, 107, 0.15), 0 2px 9px 0 rgba(90, 92, 107, 0.1);
}

@keyframes overlay-open {
  0% {
    visibility: hidden;
    opacity: 0;
  }
  1% {
    visibility: visible;
    opacity: 0;
  }
  100% {
    visibility: visible;
    opacity: 1;
  }
}
@keyframes overlay-close {
  0% {
    visibility: visible;
    opacity: 1;
  }
  99% {
    visibility: visible;
    opacity: 0;
  }
  100% {
    visibility: hidden;
    opacity: 0;
  }
}
body nav[data-type=primary][data-design=default], body nav[data-type=primary][data-design=transparent] {
  z-index: 100;
  position: fixed;
  top: 0;
  height: 80px;
  width: 100%;
  background: #fff;
  box-shadow: 0 5px 30px 0 rgba(90, 92, 107, 0.07), 0 2px 9px 0 rgba(90, 92, 107, 0.08);
  margin: 0;
  padding: 0;
}
body nav[data-type=primary][data-design=default] > .content, body nav[data-type=primary][data-design=transparent] > .content {
  width: calc(100% - 2 * 15px);
  max-width: 1000px;
  height: 100%;
  padding: 0 15px;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  /* For mobile */
}
body nav[data-type=primary][data-design=default] > .content > .toggle, body nav[data-type=primary][data-design=transparent] > .content > .toggle {
  display: none;
}
body nav[data-type=primary][data-design=default] > .content > .logo, body nav[data-type=primary][data-design=transparent] > .content > .logo {
  justify-self: flex-start;
  display: flex;
  flex-direction: row;
  align-items: center;
}
body nav[data-type=primary][data-design=default] > .content > .logo > img, body nav[data-type=primary][data-design=transparent] > .content > .logo > img {
  max-width: 180px;
  height: 100%;
  object-fit: contain;
}
body nav[data-type=primary][data-design=default] > .content > menu, body nav[data-type=primary][data-design=transparent] > .content > menu {
  list-style: none;
  flex: 1;
  padding: 0;
  height: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
}
body nav[data-type=primary][data-design=default] > .content > menu > li, body nav[data-type=primary][data-design=transparent] > .content > menu > li {
  height: 100%;
  display: flex;
  padding: 0 14px;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
  margin: 0 5px;
  min-width: 54px;
}
body nav[data-type=primary][data-design=default] > .content > menu > li > a, body nav[data-type=primary][data-design=transparent] > .content > menu > li > a {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
body nav[data-type=primary][data-design=default] > .content > menu > li > a > p, body nav[data-type=primary][data-design=transparent] > .content > menu > li > a > p {
  font-size: 12pt;
  font-family: "Cabin", "Open Sans", sans-serif;
  font-weight: 400;
  color: #262626;
  text-align: center;
  margin-top: 2px;
  border-bottom: 1px solid transparent;
  z-index: 1;
  user-select: none;
}
body nav[data-type=primary][data-design=default] > .content > menu > li:hover > a > p, body nav[data-type=primary][data-design=default] > .content > menu > li:active > a > p, body nav[data-type=primary][data-design=transparent] > .content > menu > li:hover > a > p, body nav[data-type=primary][data-design=transparent] > .content > menu > li:active > a > p {
  border-bottom-color: #ea0031;
}
body nav[data-type=primary][data-design=default] > .content > menu > li.active, body nav[data-type=primary][data-design=transparent] > .content > menu > li.active {
  cursor: auto;
  min-width: 60px;
  box-shadow: 0 5px 30px 0 rgba(90, 92, 107, 0.07), 0 2px 9px 0 rgba(90, 92, 107, 0.08);
}
body nav[data-type=primary][data-design=default] > .content > menu > li.active:before, body nav[data-type=primary][data-design=transparent] > .content > menu > li.active:before {
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  height: calc(100% + 6px);
  border-radius: 0 0 4px 4px;
  background: #ea0031;
}
body nav[data-type=primary][data-design=default] > .content > menu > li.active > a, body nav[data-type=primary][data-design=transparent] > .content > menu > li.active > a {
  z-index: 2;
}
body nav[data-type=primary][data-design=default] > .content > menu > li.active > a > p, body nav[data-type=primary][data-design=transparent] > .content > menu > li.active > a > p {
  margin-top: 2px;
  color: #ffffff;
  border-color: transparent;
}
body nav[data-type=primary][data-design=transparent] {
  background: transparent;
  box-shadow: none;
}
@keyframes nav-scroll-in {
  from {
    background: transparent;
  }
  to {
    background: #262626;
  }
}
@keyframes nav-scroll-out {
  from {
    background: #262626;
  }
  to {
    background: transparent;
  }
}
body nav[data-type=primary][data-design=transparent].animated {
  animation: nav-scroll-out 0.25s 1 ease-in;
  animation-fill-mode: forwards;
}
body nav[data-type=primary][data-design=transparent].scroll {
  animation: nav-scroll-in 0.25s 1 ease-in;
  animation-fill-mode: forwards;
}
body nav[data-type=primary][data-design=transparent] > .content {
  background: none;
}
body nav[data-type=primary][data-design=transparent] > .content > menu > li > a > p {
  color: #fff;
}
body footer {
  width: 100%;
  padding-top: 100px;
  padding-bottom: 60px;
  background: #262626;
}
body footer > .content {
  max-width: 1000px;
  width: calc(100% - 2 * 15px);
  margin: 0 auto;
  padding: 0 15px;
  display: flex;
  flex-direction: row;
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 40px;
}
@media (max-width: 992px) {
  body footer > .content {
    padding: 0 15px;
    width: calc(100% - 2 * 15px);
  }
}
body footer > .content > .logo {
  grid-column: span 1;
}
body footer > .content > .logo img {
  object-fit: contain;
  width: 100%;
  max-width: 200px;
  margin-bottom: 30px;
}
body footer > .content > .logo address {
  text-decoration: none;
  color: #fff;
  font-weight: 300;
  font-style: normal;
  font-size: 11pt;
  line-height: 1.8;
  white-space: pre-wrap;
}
body footer > .content > .item {
  grid-column: span 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
body footer > .content > .item > .title {
  font-size: 16pt;
  color: #ea0031;
  font-weight: 500;
  font-family: "Ubuntu", "Cabin", sans-serif;
  margin-bottom: 20px;
}
body footer > .content > .item > ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
body footer > .content > .item > ul li {
  margin-bottom: 10px;
}
body footer > .content > .item > ul li.cookies a span {
  color: #aaa;
}
body footer > .content > .item > ul li:last-of-type {
  margin-bottom: 0;
}
body footer > .content > .item > ul li a {
  cursor: pointer;
  display: flex;
  align-items: center;
}
body footer > .content > .item > ul li a img {
  height: 24px;
  width: 24px;
  object-fit: contain;
  margin-right: 8px;
}
body footer > .content > .item > ul li a span {
  font-size: 14pt;
  color: #fff;
  border-bottom: 1px solid transparent;
  transition: color 0.2s, border 0.2s;
  will-change: border, color;
}
body footer > .content > .item > ul li:hover a span {
  color: #ea0031;
  border-bottom-color: #ea0031;
  transition: color 0.2s, border 0.2s;
  will-change: border, color;
}

@media all and (min-width : 769px) {
  body nav[data-type=primary][data-design=default], body nav[data-type=primary][data-design=transparent] {
    /* For mobile */
    /* For mobile */
  }
  body nav[data-type=primary][data-design=default] > .mobile, body nav[data-type=primary][data-design=transparent] > .mobile {
    display: none;
  }
  body nav[data-type=primary][data-design=default] > .overlay, body nav[data-type=primary][data-design=transparent] > .overlay {
    display: none;
  }
}
@media all and (max-width : 768px) {
  body nav[data-type=primary][data-design=default], body nav[data-type=primary][data-design=transparent] {
    position: fixed;
    top: 0;
    height: 80px;
    width: 100%;
    background: #fff;
    box-shadow: 0 5px 30px 0 rgba(90, 92, 107, 0.07), 0 2px 9px 0 rgba(90, 92, 107, 0.08);
    margin: 0;
    padding: 0;
  }
  body nav[data-type=primary][data-design=default].menu-open > .content, body nav[data-type=primary][data-design=transparent].menu-open > .content {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition: transform 0.3s linear;
    will-change: transform;
  }
  body nav[data-type=primary][data-design=default].menu-open > .overlay, body nav[data-type=primary][data-design=transparent].menu-open > .overlay {
    animation-name: overlay-open;
    animation-duration: 0.3s;
    animation-fill-mode: forwards;
  }
  body nav[data-type=primary][data-design=default].menu-close > .overlay, body nav[data-type=primary][data-design=transparent].menu-close > .overlay {
    animation-name: overlay-close;
    animation-duration: 0.3s;
    animation-fill-mode: forwards;
    animation-direction: normal;
  }
  body nav[data-type=primary][data-design=default] > .content, body nav[data-type=primary][data-design=transparent] > .content {
    width: calc(80% - 2 * 15px);
    max-width: 100%;
    height: 100vh;
    padding: 0 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    background: #ffffff;
    will-change: transform;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    transition: transform 0.3s linear;
  }
  body nav[data-type=primary][data-design=default] > .content > .toggle, body nav[data-type=primary][data-design=transparent] > .content > .toggle {
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 0;
    border-bottom: 1px solid #eee;
    width: 100%;
  }
  body nav[data-type=primary][data-design=default] > .content > .toggle > .container, body nav[data-type=primary][data-design=transparent] > .content > .toggle > .container {
    height: 48px;
    width: 48px;
    border-radius: 2px;
    transition: background 0.2s;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid rgba(255, 255, 255, 0.05);
    background: rgba(255, 255, 255, 0.05);
  }
  body nav[data-type=primary][data-design=default] > .content > .toggle > .container > img, body nav[data-type=primary][data-design=transparent] > .content > .toggle > .container > img {
    height: 26px;
    width: 26px;
    object-fit: contain;
  }
  body nav[data-type=primary][data-design=default] > .content > .toggle > .container:hover, body nav[data-type=primary][data-design=default] > .content > .toggle > .container:active, body nav[data-type=primary][data-design=transparent] > .content > .toggle > .container:hover, body nav[data-type=primary][data-design=transparent] > .content > .toggle > .container:active {
    background: rgba(255, 255, 255, 0.3);
    transition: all 0.2s;
  }
  body nav[data-type=primary][data-design=default] > .content > .logo, body nav[data-type=primary][data-design=transparent] > .content > .logo {
    position: absolute;
    top: 15px;
    display: flex;
    justify-content: center;
    height: 50px;
  }
  body nav[data-type=primary][data-design=default] > .content > .logo > img, body nav[data-type=primary][data-design=transparent] > .content > .logo > img {
    width: 35vw;
    max-width: 120px;
    padding-top: 5px;
  }
  body nav[data-type=primary][data-design=default] > .content > menu, body nav[data-type=primary][data-design=transparent] > .content > menu {
    flex: 1;
    height: auto;
    width: 100%;
    padding: 0;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    overflow-y: auto;
    overflow-x: hidden;
  }
  body nav[data-type=primary][data-design=default] > .content > menu > li, body nav[data-type=primary][data-design=transparent] > .content > menu > li {
    height: 52px;
    flex-shrink: 0;
    margin-bottom: 10px;
    width: 100%;
    padding: 0;
  }
  body nav[data-type=primary][data-design=default] > .content > menu > li > a, body nav[data-type=primary][data-design=transparent] > .content > menu > li > a {
    height: 50px;
    border: 1px solid rgba(255, 255, 255, 0.05);
    background: rgba(255, 255, 255, 0.05);
    border-radius: 2px;
    padding-left: 15px;
    padding-right: 15px;
    width: calc(100% - 30px - 2px);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s;
    cursor: pointer;
  }
  body nav[data-type=primary][data-design=default] > .content > menu > li > a > p, body nav[data-type=primary][data-design=transparent] > .content > menu > li > a > p {
    font-size: 14pt;
  }
  body nav[data-type=primary][data-design=default] > .content > menu > li:hover > a, body nav[data-type=primary][data-design=default] > .content > menu > li:active > a, body nav[data-type=primary][data-design=transparent] > .content > menu > li:hover > a, body nav[data-type=primary][data-design=transparent] > .content > menu > li:active > a {
    background: rgba(255, 255, 255, 0.3);
    transition: background 0.2s;
  }
  body nav[data-type=primary][data-design=default] > .content > menu > li:hover > a > p, body nav[data-type=primary][data-design=default] > .content > menu > li:active > a > p, body nav[data-type=primary][data-design=transparent] > .content > menu > li:hover > a > p, body nav[data-type=primary][data-design=transparent] > .content > menu > li:active > a > p {
    border-bottom-color: transparent;
  }
  body nav[data-type=primary][data-design=default] > .content > menu > li.active, body nav[data-type=primary][data-design=transparent] > .content > menu > li.active {
    box-shadow: none;
    margin: 0 0 10px 0;
  }
  body nav[data-type=primary][data-design=default] > .content > menu > li.active a, body nav[data-type=primary][data-design=transparent] > .content > menu > li.active a {
    background: #ea0031;
    border-color: #ea0031;
  }
  body nav[data-type=primary][data-design=default] > .content > menu > li.active:before, body nav[data-type=primary][data-design=transparent] > .content > menu > li.active:before {
    display: none;
  }
  body nav[data-type=primary][data-design=default] > .content > menu > li.active > a > p, body nav[data-type=primary][data-design=transparent] > .content > menu > li.active > a > p {
    color: #ffffff;
    border: none;
  }
  body nav[data-type=primary][data-design=default] > .mobile, body nav[data-type=primary][data-design=transparent] > .mobile {
    width: calc(100% - 2 * 15px);
    max-width: 1000px;
    height: 100%;
    padding: 0 15px;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
  }
  body nav[data-type=primary][data-design=default] > .mobile > .toggle, body nav[data-type=primary][data-design=transparent] > .mobile > .toggle {
    height: 100%;
    background: #ea0031;
    margin-left: -15px;
    padding-left: 15px;
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0 0 8px 0;
  }
  body nav[data-type=primary][data-design=default] > .mobile > .toggle > .container, body nav[data-type=primary][data-design=transparent] > .mobile > .toggle > .container {
    height: 50px;
    width: 50px;
    border-radius: 6px;
    transition: background 0.2s;
    background: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  body nav[data-type=primary][data-design=default] > .mobile > .toggle > .container > img, body nav[data-type=primary][data-design=transparent] > .mobile > .toggle > .container > img {
    height: 26px;
    width: 26px;
    object-fit: contain;
  }
  body nav[data-type=primary][data-design=default] > .mobile > .toggle > .container:hover, body nav[data-type=primary][data-design=default] > .mobile > .toggle > .container:active, body nav[data-type=primary][data-design=transparent] > .mobile > .toggle > .container:hover, body nav[data-type=primary][data-design=transparent] > .mobile > .toggle > .container:active {
    background: rgba(255, 255, 255, 0.2);
    transition: all 0.2s;
  }
  body nav[data-type=primary][data-design=default] > .mobile > .toggle > p, body nav[data-type=primary][data-design=transparent] > .mobile > .toggle > p {
    padding-right: 30px;
    padding-left: 10px;
    text-align: center;
    flex: 1;
    font-size: 14pt;
    font-weight: 600;
    color: #ffffff;
  }
  body nav[data-type=primary][data-design=default] > .mobile > .logo, body nav[data-type=primary][data-design=transparent] > .mobile > .logo {
    flex: 1.2;
    padding-left: 15px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  body nav[data-type=primary][data-design=default] > .mobile > .logo img, body nav[data-type=primary][data-design=transparent] > .mobile > .logo img {
    height: calc(100% - 20px);
    object-fit: contain;
    width: 45vw;
    max-width: 140px;
  }
  body nav[data-type=primary][data-design=default] > .overlay, body nav[data-type=primary][data-design=transparent] > .overlay {
    display: flex;
    z-index: -1;
    position: fixed;
    height: 100vh;
    width: 100vw;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.9);
    visibility: hidden;
  }
  body nav[data-type=primary][data-design=transparent] > .mobile {
    background: #fff;
  }
  body nav[data-type=primary][data-design=transparent] > .content {
    background: #262626;
  }
  body nav[data-type=primary][data-design=transparent] > .content > menu > li > a > p {
    color: #fff;
  }
  body footer {
    width: 100%;
    padding-top: 50px;
    padding-bottom: 50px;
  }
  body footer > .content {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 15px;
    align-items: flex-start;
  }
  body footer > .content > .logo {
    order: 3;
    display: none;
    grid-column: span 2;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-top: 60px;
  }
  body footer > .content > .logo img {
    object-fit: contain;
    width: 100%;
    max-width: 250px;
    margin-bottom: 30px;
  }
  body footer > .content > .logo address {
    text-align: center;
    font-size: 12pt;
  }
  body footer > .content > .item {
    grid-column: span 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    text-align: left;
  }
  body footer > .content > .item > .title {
    font-size: 14pt;
  }
  body footer > .content > .item > ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  body footer > .content > .item > ul li {
    margin-bottom: 10px;
  }
  body footer > .content > .item > ul li.cookies a span {
    color: #aaa;
  }
  body footer > .content > .item > ul li:last-of-type {
    margin-bottom: 0;
  }
  body footer > .content > .item > ul li a {
    cursor: pointer;
    display: flex;
    align-items: center;
  }
  body footer > .content > .item > ul li a img {
    height: 24px;
    width: 24px;
    object-fit: contain;
    margin-right: 8px;
  }
  body footer > .content > .item > ul li a span {
    font-size: 14pt;
    color: #fff;
    border-bottom: 1px solid transparent;
    transition: color 0.2s, border 0.2s;
    will-change: border, color;
  }
  body footer > .content > .item > ul li:hover a span {
    color: #ea0031;
    border-bottom-color: #ea0031;
    transition: color 0.2s, border 0.2s;
    will-change: border, color;
  }
}
@media all and (max-width: 350px) {
  body nav[data-type=primary][data-design=default] > .mobile > .logo img, body nav[data-type=primary][data-design=transparent] > .mobile > .logo img {
    height: calc(100% - 20px);
    object-fit: contain;
    width: 30vw;
    max-width: 120px;
  }
}
body {
  padding-top: 80px;
}
body header {
  width: 100%;
  height: 600px;
  position: relative;
  display: flex;
  justify-content: center;
  background: url("../image/header-machines.jpg") top no-repeat;
  background-size: cover;
}
body header > .content {
  max-width: 1000px;
  width: calc(100% - 2 * 15px);
  margin: 0 auto;
  padding: 0 15px;
  display: flex;
  flex-direction: row;
  flex-direction: column;
  justify-content: center;
  height: calc(100%);
  align-items: flex-start;
}
@media (max-width: 992px) {
  body header > .content {
    padding: 0 15px;
    width: calc(100% - 2 * 15px);
  }
}
body header > .content > h1 {
  font-size: 32pt;
  text-align: left;
  color: #fff;
  font-family: "Ubuntu", "Cabin", sans-serif;
  padding: 0;
  max-width: 600px;
  margin: 0 0 40px;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.4);
}
body header > .content > p {
  text-align: left;
  font-size: 14pt;
  color: #ffffff;
  padding: 0;
  font-weight: 300;
  margin: 0 0 60px 0;
  max-width: 500px;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.4);
}
body header > .content > .btn {
  background: transparent;
  border: 1px solid #fff;
  box-shadow: none;
}
body header > .content > .btn .loader i {
  color: #fff !important;
}
body header > .content > .btn i {
  color: #fff !important;
}
body header > .content > .btn span {
  color: #fff !important;
}
body header > .content > .btn:hover, body header > .content > .btn:active, body header > .content > .btn:focus {
  background: #fff;
}
body header > .content > .btn:hover i, body header > .content > .btn:hover span, body header > .content > .btn:hover .loader i, body header > .content > .btn:active i, body header > .content > .btn:active span, body header > .content > .btn:active .loader i, body header > .content > .btn:focus i, body header > .content > .btn:focus span, body header > .content > .btn:focus .loader i {
  color: #ea0031 !important;
}
body main {
  z-index: 1;
  position: relative;
}
body main section#machines-slider {
  height: auto;
  padding-top: 50px;
  margin-bottom: 0;
  padding-bottom: 0;
}
body main section#machines-slider > .content {
  max-width: 1000px;
  width: calc(100% - 2 * 15px);
  margin: 0 auto;
  padding: 0 15px;
  display: flex;
  flex-direction: row;
  max-width: 100% !important;
  margin: 0 0 0 auto;
  width: calc( ((100% + 1000px) / 2)) !important;
  padding: 0;
  display: flex;
  flex-direction: column;
}
@media (max-width: 992px) {
  body main section#machines-slider > .content {
    padding: 0 15px;
    width: calc(100% - 2 * 15px);
  }
}
body main section#machines-slider > .content > .section-title {
  margin-bottom: 10px;
}
body main section#machines-slider > .content > .slider {
  display: flex;
  flex-direction: row;
  overflow-x: scroll;
}
body main section#machines-slider > .content > .slider::-webkit-scrollbar {
  width: 0px;
  /* Remove scrollbar space */
  background: transparent;
  /* Optional: just make scrollbar invisible */
}
body main section#machines-slider > .content > .slider > * {
  flex-shrink: 0;
}
body main section#machines-slider > .content > .slider > .machine-smart-card {
  margin-right: 20px;
  display: flex;
  flex-direction: column;
}
body main section#machines-slider > .content > .slider > .machine-smart-card > .container {
  width: 140px;
  height: 140px;
  margin-bottom: 15px;
  border-radius: 4px;
  overflow: hidden;
  position: relative;
  flex-shrink: 0;
  cursor: pointer;
}
body main section#machines-slider > .content > .slider > .machine-smart-card > .container:after {
  position: absolute;
  z-index: 6;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 4px;
  content: "Vezi utilajul";
  color: #ffffff;
  text-align: center;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.8);
  opacity: 0;
  transition: opacity 0.2s;
}
body main section#machines-slider > .content > .slider > .machine-smart-card > .container:hover:after, body main section#machines-slider > .content > .slider > .machine-smart-card > .container:active:after {
  opacity: 1;
  transition: opacity 0.2s;
}
body main section#machines-slider > .content > .slider > .machine-smart-card > .container > img {
  height: 100%;
  width: 100%;
  border-radius: 4px;
  object-fit: cover;
}
body main section#machines-slider > .content > .slider > .machine-smart-card > .container > div.index {
  z-index: 5;
  position: absolute;
  left: 6px;
  top: 6px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ea0031;
}
body main section#machines-slider > .content > .slider > .machine-smart-card > .container > div.index > p {
  color: #ffffff;
  font-size: 10pt;
  text-align: center;
  margin: 0;
  font-weight: 600;
}
body main section#machines-slider > .content > .slider > .machine-smart-card > .title {
  text-align: left;
  flex-shrink: 0;
  max-width: 140px;
}
body main section#machines-slider > .content > .slider > .machine-smart-card > .title p {
  font-size: 12pt;
  color: #262626;
  font-family: "Ubuntu", "Cabin", sans-serif;
  font-weight: 600;
  margin: 0;
}
body main section#machines {
  height: auto;
  padding-top: 50px;
}
body main section#machines > .content {
  max-width: 1000px;
  width: calc(100% - 2 * 15px);
  margin: 0 auto;
  padding: 0 15px;
  display: flex;
  flex-direction: row;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr;
  grid-auto-rows: auto;
  height: auto;
  grid-gap: 20px;
}
@media (max-width: 992px) {
  body main section#machines > .content {
    padding: 0 15px;
    width: calc(100% - 2 * 15px);
  }
}
body main section#machines > .content > .section-title {
  grid-column: span 1;
  margin-bottom: 0;
}
body main section#contact {
  height: auto;
  position: relative;
  background: #ea0031;
}
body main section#contact > .content {
  max-width: 1000px;
  width: calc(100% - 2 * 15px);
  margin: 0 auto;
  padding: 0 15px;
  display: flex;
  flex-direction: row;
  position: relative;
  z-index: 1;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
@media (max-width: 992px) {
  body main section#contact > .content {
    padding: 0 15px;
    width: calc(100% - 2 * 15px);
  }
}
body main section#contact > .content > .section-title {
  margin-bottom: 0;
}
body main section#contact > .content > .section-title > p {
  max-width: 700px;
}
body main section#contact > .content > .section-title > .btn {
  background: transparent;
  border: 1px solid #fff;
  box-shadow: none;
}
body main section#contact > .content > .section-title > .btn .loader i {
  color: #fff !important;
}
body main section#contact > .content > .section-title > .btn i {
  color: #fff !important;
}
body main section#contact > .content > .section-title > .btn span {
  color: #fff !important;
}
body main section#contact > .content > .section-title > .btn:hover, body main section#contact > .content > .section-title > .btn:active, body main section#contact > .content > .section-title > .btn:focus {
  background: #fff;
}
body main section#contact > .content > .section-title > .btn:hover i, body main section#contact > .content > .section-title > .btn:hover span, body main section#contact > .content > .section-title > .btn:hover .loader i, body main section#contact > .content > .section-title > .btn:active i, body main section#contact > .content > .section-title > .btn:active span, body main section#contact > .content > .section-title > .btn:active .loader i, body main section#contact > .content > .section-title > .btn:focus i, body main section#contact > .content > .section-title > .btn:focus span, body main section#contact > .content > .section-title > .btn:focus .loader i {
  color: #ea0031 !important;
}

@media all and (max-width : 768px) {
  body main {
    z-index: 1;
    position: relative;
  }
  body main section#machines {
    height: auto;
    padding-top: 60px;
    padding-bottom: 60px;
  }
  body main section#machines > .content {
    grid-gap: 20px;
  }
}

/*# sourceMappingURL=machines.min.css.map */