/* outfit-100 - latin */
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 100;
  src: url('fonts/outfit/outfit-v6-latin-100.eot'); /* IE9 Compat Modes */
  src: local(''),
  url('fonts/outfit/outfit-v6-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/outfit/outfit-v6-latin-100.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/outfit/outfit-v6-latin-100.woff') format('woff'), /* Modern Browsers */ url('fonts/outfit/outfit-v6-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/outfit/outfit-v6-latin-100.svg#Outfit') format('svg'); /* Legacy iOS */
}
/* outfit-200 - latin */
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 200;
  src: url('fonts/outfit/outfit-v6-latin-200.eot'); /* IE9 Compat Modes */
  src: local(''),
  url('fonts/outfit/outfit-v6-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/outfit/outfit-v6-latin-200.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/outfit/outfit-v6-latin-200.woff') format('woff'), /* Modern Browsers */ url('fonts/outfit/outfit-v6-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/outfit/outfit-v6-latin-200.svg#Outfit') format('svg'); /* Legacy iOS */
}
/* outfit-300 - latin */
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/outfit/outfit-v6-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
  url('fonts/outfit/outfit-v6-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/outfit/outfit-v6-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/outfit/outfit-v6-latin-300.woff') format('woff'), /* Modern Browsers */ url('fonts/outfit/outfit-v6-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/outfit/outfit-v6-latin-300.svg#Outfit') format('svg'); /* Legacy iOS */
}
/* outfit-regular - latin */
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/outfit/outfit-v6-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
  url('fonts/outfit/outfit-v6-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/outfit/outfit-v6-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/outfit/outfit-v6-latin-regular.woff') format('woff'), /* Modern Browsers */ url('fonts/outfit/outfit-v6-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/outfit/outfit-v6-latin-regular.svg#Outfit') format('svg'); /* Legacy iOS */
}

/* outfit-500 - latin */
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/outfit/outfit-v6-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
  url('fonts/outfit/outfit-v6-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/outfit/outfit-v6-latin-500.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/outfit/outfit-v6-latin-500.woff') format('woff'), /* Modern Browsers */ url('fonts/outfit/outfit-v6-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/outfit/outfit-v6-latin-500.svg#Outfit') format('svg'); /* Legacy iOS */
}
/* outfit-600 - latin */
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/outfit/outfit-v6-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
  url('fonts/outfit/outfit-v6-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/outfit/outfit-v6-latin-600.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/outfit/outfit-v6-latin-600.woff') format('woff'), /* Modern Browsers */ url('fonts/outfit/outfit-v6-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/outfit/outfit-v6-latin-600.svg#Outfit') format('svg'); /* Legacy iOS */
}
/* outfit-700 - latin */
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/outfit/outfit-v6-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
  url('fonts/outfit/outfit-v6-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/outfit/outfit-v6-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/outfit/outfit-v6-latin-700.woff') format('woff'), /* Modern Browsers */ url('fonts/outfit/outfit-v6-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/outfit/outfit-v6-latin-700.svg#Outfit') format('svg'); /* Legacy iOS */
}
/* outfit-800 - latin */
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 800;
  src: url('fonts/outfit/outfit-v6-latin-800.eot'); /* IE9 Compat Modes */
  src: local(''),
  url('fonts/outfit/outfit-v6-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/outfit/outfit-v6-latin-800.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/outfit/outfit-v6-latin-800.woff') format('woff'), /* Modern Browsers */ url('fonts/outfit/outfit-v6-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/outfit/outfit-v6-latin-800.svg#Outfit') format('svg'); /* Legacy iOS */
}
/* outfit-900 - latin */
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 900;
  src: url('fonts/outfit/outfit-v6-latin-900.eot'); /* IE9 Compat Modes */
  src: local(''),
  url('fonts/outfit/outfit-v6-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/outfit/outfit-v6-latin-900.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/outfit/outfit-v6-latin-900.woff') format('woff'), /* Modern Browsers */ url('fonts/outfit/outfit-v6-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/outfit/outfit-v6-latin-900.svg#Outfit') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: normal;
  src: url(../css/fonts/material-icons/MaterialIcons-Regular.ttf) format('truetype');
}

.material-icons {
  display: inline-block;
  width: 1em;
  height: 1em;
  font-family: "Material Icons", Arial, sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  vertical-align: middle;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-feature-settings: "liga";
  font-feature-settings: "liga";
}

body {
  background-color: #f6f5f0 /*#f7edee f9f8f0*/;
  color: #000;
  font-family: Outfit, sans-serif;
  font-weight: 200;
  margin: 0;
  padding: 0;
  font-size: 1rem;
}

p {
  line-height: 1.5rem;
}

a {
  text-decoration: none;
  color: #9f0931; /*#a91a40;*/
  font-weight: 300;
  transition: color 0.2s ease-out;
  background-color: unset;
}

a:hover {
  color: #e80051;
}

*:focus {
  outline: none;
}

/*--------Hamburger-------------------------------------*/
/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.region-header .hamburger {
  padding: 3px 0 0 0;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  overflow: visible;
}

.region-header .hamburger:hover {
  opacity: 0.7;
}

.region-header .hamburger-box {
  width: 40px;
  height: 24px;
  display: inline-block;
  position: relative;
}

.region-header .hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px;
}

.region-header .hamburger-inner,
.region-header .hamburger-inner::before,
.region-header .hamburger-inner::after {
  width: 40px;
  height: 3px;
  background-color: #fff;
  border-radius: 0;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease;
}

.region-header-container.fixed .region-header .hamburger-inner,
.region-header-container.fixed .region-header .hamburger-inner::before,
.region-header-container.fixed .region-header .hamburger-inner::after {
  background-color: #000;
}

.region-header .hamburger-inner::before,
.region-header .hamburger-inner::after {
  content: "";
  display: block;
}

.region-header .hamburger-inner::before {
  top: -10px;
}

.region-header .hamburger-inner::after {
  bottom: -10px;
}

/*
   * Slider
   */
.region-header .hamburger--slider .hamburger-inner {
  top: 2px;
}

.region-header .hamburger--slider .hamburger-inner::before {
  top: 10px;
  transition-property: transform, opacity;
  transition-timing-function: ease;
  transition-duration: 0.15s;
}

.region-header .hamburger--slider .hamburger-inner::after {
  top: 20px;
}

.region-header .hamburger--slider.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(45deg);
}

.region-header .hamburger--slider.is-active .hamburger-inner::before {
  transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
  opacity: 0;
}

.region-header .hamburger--slider.is-active .hamburger-inner::after {
  transform: translate3d(0, -20px, 0) rotate(-90deg);
}

/*
* Slider Reverse
*/
.region-header .hamburger--slider-r .hamburger-inner {
  top: 2px;
}

.region-header .hamburger--slider-r .hamburger-inner::before {
  top: 10px;
  transition-property: transform, opacity;
  transition-timing-function: ease;
  transition-duration: 0.15s;
}

.region-header .hamburger--slider-r .hamburger-inner::after {
  top: 20px;
}

.region-header .hamburger--slider-r.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(-45deg);
}

.region-header .hamburger--slider-r.is-active .hamburger-inner::before {
  transform: rotate(45deg) translate3d(5.71429px, -6px, 0);
  opacity: 0;
}

.region-header .hamburger--slider-r.is-active .hamburger-inner::after {
  transform: translate3d(0, -20px, 0) rotate(90deg);
}

/*--------Hamburger End-------------------------------------*/

/*----------------------- HEADER --------------------------------------*/
header {
  top: 0;
  position: absolute;
  z-index: 100;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.25);
}

.region-header-container {
  width: 100%;
  top: -50px;
  transition: top 0.3s ease-out;
}

.region-header-container.fixed {
  position: fixed;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.3);
  top: -1px;
  display: block;
  background-color: #fff;
}

.toolbar-fixed .region-header-container.fixed {
  position: relative;
}

.toolbar-fixed header {
  position: relative;
}

.region-header {
  display: flex;
  margin: 5px 100px;
  height: 50px;
  justify-content: space-between;
}

.region-header .hamburger {
  display: none;
}

.region-header nav {
  margin: 0;
  display: flex;
  align-items: center;
}

.region-header .block-system-branding-block {
  width: 152px;
  min-width: 100px;
  display: block;
}

.region-header .block-system-branding-block .site-logo {
  width: 100%;
  height: 100%;
  display: block;
}

.region-header .block-system-branding-block .site-logo img {
  width: 100%;
  display: block;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.region-header-container.fixed .block-system-branding-block .site-logo img {
  filter: brightness(0);
}

.region-header nav ul.menu {
  display: flex;
  margin: 0;
  padding: 0;
}

.region-header nav ul.menu .menu-item:not(:last-child) {
  margin: 0 10px 0 0;
}

.region-header nav .menu-item {
  position: relative;
  z-index: 0;
  height: 30px;
  line-height: 30px;
  display: block;
  list-style: none;
  padding: 0 5px 0 5px;
}

.region-header nav .menu-item a {
  display: block;
  color: #fff;
  font-family: Outfit, sans-serif;
  font-weight: 400;
  font-size: 1rem;
  border-bottom: 2px transparent solid;
  transition: border-bottom 0.2s ease-out;
}

.region-header-container.fixed .region-header nav .menu-item a {
  color: #000;
  border-bottom: 2px transparent solid;
}

.region-header nav .menu-item a:hover {
  border-bottom: 2px #fff solid;
  line-height: 30px;
}

.region-header-container.fixed .region-header nav .menu-item a:hover {
  border-bottom: 2px #000 solid;
}

.region-header nav .menu-item > a.is-active {
  border-bottom: 2px #fff solid;
  line-height: 30px;
}

.region-header-container.fixed .region-header nav .menu-item > a.is-active {
  border-bottom: 2px #000 solid;
}

.region-header .breadcrumb a {
  color: #fff;
  /*transition: color 0.2s ease-out;*/
}

.region-header .breadcrumb a:hover {
  color: #e80051;
}

.region-header .breadcrumb a.is-active {
  color: #e80051;
}
/*----------------------- HEADER END --------------------------------------*/

/*--------------------- LANGUAGE SWITCHER ---------------------------------------------*/
#block-languageswitcher {
  margin: 0;
  text-transform: uppercase;
  font-size: 1rem;
  text-align: right;
  display: flex;
  align-items: center;
  min-width: 152px;
  justify-content: end;
}

#block-languageswitcher .links {
  display: flex;
}

#block-languageswitcher .links .language-link-separator {
  padding: 0;
  margin: 0 0 0 3px;
  color: #fff;
  font-weight: 400;
  line-height: 30px;
  height: 30px;
}

.region-header-container.fixed #block-languageswitcher .links .language-link-separator {
  color: #000;
}

#block-languageswitcher .links a {
  display: block;
  font-weight: 400;
  line-height: 30px;
  height: 30px;
  color: #fff;
  border-bottom: 2px solid;
  border-bottom-color: transparent;
  transition: border-bottom-color 0.2s ease-out;
}

.region-header-container.fixed #block-languageswitcher .links a {
  color: #000;
}

#block-languageswitcher .links a:hover {
  border-bottom: 2px solid;
  border-bottom-color: #fff;
}

.region-header-container.fixed #block-languageswitcher .links a:hover {
  border-bottom-color: #000;
}

#block-languageswitcher .links .is-active {
  border-bottom-color: #fff;
}

.region-header-container.fixed #block-languageswitcher .links .is-active {
  border-bottom-color: #000;
}

#block-languageswitcher-2 {
  text-transform: uppercase;
  font-weight: 600;
  margin-top: 25px;
  margin-left: 50px;
}

#block-languageswitcher-2 .links .language-link-separator {
  padding: 0;
  margin: 0 0 0 3px;
}

#block-languageswitcher-2 .links a {
  color: #000;
  border-bottom: 2px solid;
  border-bottom-color: transparent;
  transition: border-bottom-color 0.2s ease-out;
}

#block-languageswitcher-2 .links a:hover {
  color: #000;
  border-bottom-color: #000;
}

#block-languageswitcher-2 .links .is-active {
  color: #000;
  border-bottom-color: #000;
}

@media (max-width: 768px) {
  #block-languageswitcher-2 {
    margin-left: 20px;
  }
}
/*--------------------- LANGUAGE SWITCHER END -----------------------------------------*/


/*--------------------- MOBILE MENU ---------------------------------------------*/
.region-mobilemenu {
  position: fixed;
  z-index: 50;
  top: 0;
  padding: 65px 0 0 0;
  left: -100%;
  right: 100%;
  bottom: 0;
  background-color: #fff;
  display: none;
  transition: left 0.3s ease-out, right 0.3s ease-out;
}

.region-mobilemenu.open {
  left: 0;
  right: 0;
}

.region-mobilemenu nav {
  margin: 0;
  text-align: right;
}

.region-mobilemenu nav ul.menu {
  padding-top: 30px;
}

.region-mobilemenu nav .menu-item {
  display: block;
  list-style: none;
  margin: 0;
  padding: 5px 0;
  height: 30px;
  line-height: 30px;
}

.region-mobilemenu nav .menu-item a {
  color: #000;
  font-family: Outfit, sans-serif;
  font-weight: 400;
  font-size: 1rem;
  position: relative;
  border-bottom: 2px transparent solid;
  transition: color 0.2s ease-out, border-bottom 0.2s ease-out;
}

.region-mobilemenu nav .menu-item a:hover {
  color: #000;
  border-bottom: 2px #000 solid;
}

.region-mobilemenu nav .menu-item a.is-active {
  color: #000;
  border-bottom: 2px #000 solid;
}

/*--------------------- MOBILE MENU END ---------------------------------------------*/

main {
  margin-top: 0;
  min-height: 100vh;
  margin-left: 0;
  margin-right: 0;
}

.toolbar-fixed main {
  margin-top: 0;
  min-height: 100vh;
}

h1 {
  font-weight: 400;
  font-size: 3.2em;
  color: #000;
  margin-top: 0.25em;
}

h2 {
  font-weight: 500;
  font-size: 2.25em;
  color: #000;
}

.sub-title {
  margin-top: -47px;
  font-size: 1em;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #999;
  padding-top: 15px;
  padding-bottom: 10px;
}

h3 {
  color: #000;
  font-weight: 600;
  font-size: 1.8em;
  margin: 0;
}

h4 {
  color: #000;
  font-weight: 500;
  font-size: 1.25em;
  margin: 0;
}

.breadcrumb {
  padding: 20px 17vw;
  box-sizing: border-box;
}

.breadcrumb li:before {
  /*content: " \BB ";*/
  /*content: " / ";*/
  content: " | ";
}

section {
  margin: 0;
  padding: 70px 17vw;
  width: 100%;
  box-sizing: border-box;
}

footer {
  margin-left: 0;
  margin-right: 0;
  width: 100%;
  /*margin-top: 30px;*/
  background-color: #011925; /*#6e1336 #06131a #a82044*/;
  /*background-image: url("../images/blue-pattern.svg");*/
  color: #fff;
  display: inline-block;
}

footer .copyright {
  background-color: #011925; /*#6e1336 #06131a #a82044*/;
  width: 100%;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  height: 40px;
  padding-top: 20px;
  text-align: center;
  color: rgba(255, 255, 255, 0.3);
  font-weight: 500;
}

footer h3 {
  color: #fff;
  font-weight: 700;
}

.region-footer {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 70px 17vw 30px 17vw;
}

.region-footer > * {
  color: rgba(255, 255, 255, 1);
  line-height: 1.8em;
}

.region-footer > *:first-child {
  padding-right: 5%;
  box-sizing: border-box;
  flex-basis: 40%;
  flex-shrink: 0;
  flex-grow: 1;
}

.region-footer > *:not(:first-child):not(:last-child) {
  padding-right: 5%;
  flex-basis: 20%;
  flex-shrink: 0;
  flex-grow: 1;
}

.region-footer > *:last-child {
  flex-basis: 30%;
  flex-shrink: 0;
  flex-grow: 1;
}

.menu--footer .menu {
  margin-left: 0;
  padding: 0;
}

.menu--footer .menu li {
  display: block;
  list-style: none;
  margin-left: 0;
  padding: 0;
}

.menu--footer .menu li a {
  color: #fff;
  font-weight: 400;
}

.menu--footer .menu li a:hover {
  color: #fff;
  border-bottom: 2px #fff solid;
}

.menu--footer .menu li a.is-active {
  color: #fff;
  border-bottom: 2px #fff solid;
}

@media (max-width: 1680px) {
  section {
    padding-left: 100px;
    padding-right: 100px;
  }
}

@media (max-width: 1440px) {

  .region-header {
    margin: 5px 50px;
  }

  section {
    padding-left: 50px;
    padding-right: 50px;
  }

  .region-footer {
    padding: 70px 50px 30px 50px;
  }
}

@media (max-width: 1280px) {

  #block-languageswitcher {
    display: none;
  }

  .region-header nav ul.menu {
    display: none;
  }

  .region-mobilemenu {
    display: block;
  }

  .region-header .hamburger {
    display: inline-block;
    margin-top: 4px;
  }

  .region-mobilemenu.open nav ul.menu {
    margin-left: 50px;
  }


}

@media (max-width: 1024px) {

  /*.region-header nav,*/
  /*.region-mobilemenu nav {*/
  /*  width: 90%;*/
  /*}*/
  .region-footer > *:first-child,
  .region-footer > * {
    flex-basis: 100%;
  }

  .region-footer > *:last-child,
  .region-footer > *:not(:first-child) {
    margin-top: 20px;
  }

}

@media (max-width: 768px) {
  .region-header {
    margin: 5px 70px;
  }

  main {
    margin-top: 0;
    min-height: 100vh;
  }

  .region-footer {
    padding: 70px 50px 30px 50px;
  }

  .region-mobilemenu.open nav ul.menu {
    margin-left: 20px;
  }

  .region-mobilemenu {
    padding: 45px 0 0 0;
  }

  h1 {
    font-size: 2.75em;
    line-height: 1.25em;
  }

  .sub-title {
    margin-top: -30px;
  }

  h2 {
    font-size: 2.25em;
  }

  h3 {
    font-size: 1.25em;
  }

}

@media (max-width: 660px) {
  .region-footer > *:last-child,
  .region-footer > *:not(:first-child) {
    margin-top: 20px;
    flex-basis: 100%;
  }
}

@media (max-width: 560px) {

  /*.region-header nav,*/
  /*.region-mobilemenu nav {*/
  /*  width: 65%;*/
  /*}*/
  .region-header {
    margin: 5px 20px;
  }

  section {
    padding: 40px 20px;
  }

  .region-footer {
    padding: 70px 20px 30px 20px;
  }

  .region-footer > * {
    flex-basis: 100%;
  }

  footer .copyright {
    font-size: 0.8em;
  }

}

/*---------------------- MESSAGE BOX ----------------------*/
[data-drupal-messages] {
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 20%;
  transform: translate(-50%, -50%);
  z-index: 1000;
}

.messages--status,
.messages--error {
  color: #fff;
  font-weight: 400;
  border-color: #a82044;
  background-color: #a82044;
  box-shadow: 8px 8px 0 #d62151;
  border-radius: 12px;
}

/*---------------------- MESSAGE BOX END -------------------*/

.slider-stamp {
  position: absolute;
  width: 100px;
  height: 100px;
  right: 20px;
  top: 80px;
}

.slider-stamp img {
  width: 100% !important;
  height: 100% !important;
  /*opacity: 0.9;*/
}

@media (max-width: 560px) {
  .slider-stamp {
    width: 60px;
    height: 60px;
  }
}