/*
Theme Name: L'Europe s'engage en France - Base
Author: ANCT
Author URI: https://agence-cohesion-territoires.gouv.fr/
Description: Theme de l'Europe s'engage en France bas� sur le design system de l'Etat
License: LICENCE OUVERTE 2.0
License URI: https://github.com/etalab/licence-ouverte/blob/master/LO.md
*/

@charset "utf-8";

/******************************************************************************
  General base
*******************************************************************************/
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes eef-spinner {
   to {
      transform: rotate(1turn);
   }
}
.ajax-progress {
    height: 60px;
    width: 60px;
    background-color: rgb(255 255 255 / 90%);
	border-radius: 50px;
   background-image: url('data:image/svg+xml,<svg width="110" height="111" viewBox="0 0 110 111" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M109.813 77.1497L102.678 77.1457C96.4112 89.8342 83.627 98.8981 69.5203 102.017C52.6153 105.755 33.6279 94.1192 23.6478 78.6527C23.425 78.3069 23.6901 78.6859 23.6901 78.6859C23.6901 78.6859 48.3444 70.8377 60.2457 64.2435C75.926 55.5496 96.5221 32.8246 94.0737 16.5144C89.7393 12.432 87.1761 9.76085 78.1586 5.35696C68.3187 0.547859 53.709 -0.929845 40.7876 2.68983C29.6832 5.80338 19.8462 12.3454 12.6808 21.3819C5.51539 30.4185 1.38782 41.4877 0.887385 53.0095L0.880371 53.1788C0.864243 53.4732 0.864299 53.7695 0.862283 54.0639V54.208C0.843132 54.8481 0.843098 55.4891 0.853178 56.1322C0.853178 56.5354 0.862246 56.9386 0.874342 57.3418L0.88234 57.5101C0.918627 58.7459 1.01954 59.9958 1.14553 61.2397L1.19389 61.6842L1.27756 62.3303C1.59198 64.9535 2.09731 67.5502 2.78954 70.0999L2.89031 70.5222C3.66646 73.2845 4.6604 75.981 5.86284 78.5861L5.9032 78.6869C7.17963 81.4543 8.68328 84.111 10.3988 86.6299L10.6255 86.9695L10.6901 87.0603C11.7909 88.637 12.9725 90.1557 14.2302 91.6103C21.06 99.5142 29.997 105.313 39.998 108.329C49.999 111.345 60.6516 111.455 70.7127 108.645C83.1744 105.153 99.147 96.1311 109.813 77.1497Z" fill="%23559AB2"/><path d="M83.628 16.8098L80.5033 7.05347L77.3784 16.8198L67.1696 16.8098L75.4482 22.765L72.3557 32.3892L80.5093 26.436L88.6619 32.3892L85.5623 22.765L93.8459 16.8098H83.628Z" fill="%23FFD000"/><path d="M18.2914 63.169L15.1737 53.4138L12.0408 63.1821L1.82794 63.169L10.1115 69.1242L7.00999 78.7515L15.1747 72.7963L23.3212 78.7515L20.2216 69.1242L28.5052 63.169H18.2914Z" fill="%23FFD000"/><path d="M48.4764 26.2011L41.47 4.3974L34.5058 26.2253L11.7051 26.2011L30.1966 39.5066L23.2778 61.0089L41.472 47.7166L59.7165 61.0089L52.7957 39.5066L71.2922 26.2011H48.4764Z" fill="%23FFD000"/></svg>');
   background-size: 40px;
	animation: eef-spinner 1s infinite;
}
/* MD Slider loading */
.sk-cube-grid {
  background-image: url('data:image/svg+xml,<svg width="110" height="111" viewBox="0 0 110 111" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M109.813 77.1497L102.678 77.1457C96.4112 89.8342 83.627 98.8981 69.5203 102.017C52.6153 105.755 33.6279 94.1192 23.6478 78.6527C23.425 78.3069 23.6901 78.6859 23.6901 78.6859C23.6901 78.6859 48.3444 70.8377 60.2457 64.2435C75.926 55.5496 96.5221 32.8246 94.0737 16.5144C89.7393 12.432 87.1761 9.76085 78.1586 5.35696C68.3187 0.547859 53.709 -0.929845 40.7876 2.68983C29.6832 5.80338 19.8462 12.3454 12.6808 21.3819C5.51539 30.4185 1.38782 41.4877 0.887385 53.0095L0.880371 53.1788C0.864243 53.4732 0.864299 53.7695 0.862283 54.0639V54.208C0.843132 54.8481 0.843098 55.4891 0.853178 56.1322C0.853178 56.5354 0.862246 56.9386 0.874342 57.3418L0.88234 57.5101C0.918627 58.7459 1.01954 59.9958 1.14553 61.2397L1.19389 61.6842L1.27756 62.3303C1.59198 64.9535 2.09731 67.5502 2.78954 70.0999L2.89031 70.5222C3.66646 73.2845 4.6604 75.981 5.86284 78.5861L5.9032 78.6869C7.17963 81.4543 8.68328 84.111 10.3988 86.6299L10.6255 86.9695L10.6901 87.0603C11.7909 88.637 12.9725 90.1557 14.2302 91.6103C21.06 99.5142 29.997 105.313 39.998 108.329C49.999 111.345 60.6516 111.455 70.7127 108.645C83.1744 105.153 99.147 96.1311 109.813 77.1497Z" fill="%23559AB2"/><path d="M83.628 16.8098L80.5033 7.05347L77.3784 16.8198L67.1696 16.8098L75.4482 22.765L72.3557 32.3892L80.5093 26.436L88.6619 32.3892L85.5623 22.765L93.8459 16.8098H83.628Z" fill="%23FFD000"/><path d="M18.2914 63.169L15.1737 53.4138L12.0408 63.1821L1.82794 63.169L10.1115 69.1242L7.00999 78.7515L15.1747 72.7963L23.3212 78.7515L20.2216 69.1242L28.5052 63.169H18.2914Z" fill="%23FFD000"/><path d="M48.4764 26.2011L41.47 4.3974L34.5058 26.2253L11.7051 26.2011L30.1966 39.5066L23.2778 61.0089L41.472 47.7166L59.7165 61.0089L52.7957 39.5066L71.2922 26.2011H48.4764Z" fill="%23FFD000"/></svg>');
  background-size: 40px;
  animation: eef-spinner 1s infinite;
}
.sk-cube-grid .sk-cube {
  background-color: transparent !important;
}

* {
  border-color: var(--grey-850);
  border-style: solid;
  border-width: 0;
  zoom: 1;
  -webkit-tap-highlight-color:var(--grey-50);
}
*, *:hover, *:focus {
    outline: none !important;
}
html {
    font-size: 16px;
    -webkit-tap-highlight-color: var(--grey-50);
}
html,
body {
  height: 100%;
}
body {
  font-family: 'Marianne', sans-serif;
  height: 100%;
  line-height: 1.7;
  font-size: 16px;
  appearance: none;
  -webkit-appearance: none;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}
body.loaded {
  overflow-x: inherit;
}
.scroll-width {
  height: 150px;
  left: 0;
  overflow: hidden;
  position: absolute;
  visibility: hidden;
  top: 0;
  width: 200px;
}
.scroll-width div {
  height: 200px;
  width: 100%;
}
input,
button,
select,
textarea {
  font-family: 'Marianne', sans-serif;
}
ul,
ol {
  padding: 0 0 0 60px;
  margin: 0 0 22px 0;
 /* list-style: none; */
}
.item-list ul {
  margin: 0;
  margin-left: 0;
  padding-left: 0;
}

/* Titles */
h1, h2, h3, h4, h5, h6 {
  font-family: 'Filson Soft', sans-serif;
  font-weight: bold;
  line-height: 1.3;
  margin: 0 0 22px;
  text-rendering: optimizelegibility;
}
h1 {
  font-size: 40px;
}
h2 {
  font-size: 32px;
}
h3 {
  font-size: 28px;
}
h4 {
  font-size: 24px;
}
h5 {
  font-size: 22px;
}
h6 {
  font-size: 20px;
}
.light {
  font-weight: normal;
}
.title-box {
    border-bottom-width: 1px;
    margin-bottom: 2rem;
    position: relative;
}
.title-box:before {
    background: var(--grey-50);
    bottom: 0;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    margin: 0 0 -1px;
    position: absolute;
    width: 40px;
}
.title-box.text-center:before {
    left: 50%;
    margin-left: -20px;
}
.title-box.text-right:before {
    left: auto;
    right: 0
}
@media (max-width: 767px) {
  h1 {
    font-size: 32px;
  }
  h2 {
    font-size: 28px;
  }
  h3 {
    font-size: 24px;
  }
  h4 {
    font-size: 22px;
  }
  h5 {
    font-size: 20px;
  }
  h6 {
    font-size: 18px;
  }
}

/* Text */
p {
  margin-bottom: 22px;
}
p:last-child {
  margin-bottom: 0;
}
address {
  font-size: 13px;
}
.text-small {
  font-size: 12px;
  line-height: 18px;
}
.lead {
  margin-bottom: 26px;
  font-size: 16px;
  line-height: 24px;
}
.element-invisible {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  height: 0px;
}
.text-warning,
.text-warning:visited,
a.text-warning:hover,
.icon.text-warning {
  color: var(--eef-mandarine);
}
.text-error,
.text-error:visited,
a.text-error:hover,
.icon.text-error {
  color: var(--eef-pink);
}
.text-info,
.text-info:visited,
a.text-info:hover,
.icon.text-info {
  color: var(--secondary-blue-paon);
}
.text-success,
.text-success:visited,
a.text-success:hover,
.icon.text-success {
  color: var(--eef-lichen);
}
.label-success,
.badge-success {
  background-color: var(--eef-lichen-alt-2);
}
.label-primary,
.badge-primary {
  background-color: var(--primary-b-persan-alt-2);
}
.label-info,
.badge-info {
  background-color: var(--secondary-blue-paon-alt-2);
}
.label-warning,
.badge-warning {
  background-color: var(--eef-mandarine-alt-2);
}
.label-danger,
.badge-danger {
  background-color: var(--eef-pink-alt-2);
}
.help-block {
  margin-top: -10px;
  margin-bottom: 15px;
}
[contenteditable]:not([contenteditable='false']):focus-visible, [tabindex]:focus-visible, a:focus-visible, audio:focus-visible[controls], button:focus-visible, video:focus-visible[controls] {
    outline-style: solid !important;
    outline-color: var(--secondary-blue-paon) !important;
	outline-offset: 3px;
}

/* Links */
a {
  color: var(--primary-color);
}
a:active {
  color: var(--secondary-blue-paon);
}
a:hover, a:focus {
    color: var(--secondary-blue-paon);
    text-decoration: underline;
}
a.no-border,
.no-border a {
  color: var(--primary-color);
  text-decoration: none;
  -webkit-transition: color .2s linear;
  transition: color .2s linear;
}
a.no-border:hover,
.no-border a:hover {
  color: var(--grey-850);
  text-decoration: none;
  -webkit-transition: color .2s linear;
  transition: color .2s linear;
}
.white a.no-border,
.white .no-border a {
  color: var(--grey-1000);
  color: rgba(255,255,255,.8);
}
.white  a.no-border:hover,
.white  .no-border a:hover {
  color: var(--grey-1000-hover);
}

/* Backgrounds */
.bg {
    background-color: var(--grey-950);
}
.bg-white {
  background: var(--grey-1000) !important;
}
.bg-muted {
  background: var(--grey-950) !important;
}
.bg-primary {
  background: var(--primary-color) !important;
}
.bg-warning {
  background: var(--eef-mandarine) !important;
}
.bg-error,
.bg-danger {
  background: var(--eef-pink) !important;
}
.bg-info {
  background: var(--eef-prune) !important;
}
.bg-success {
  background: var(--eef-lichen) !important;
}
.bg-inverse {
  background: var(--secondary-blue-paon) !important;
  }
/* Borders */
.border-muted {
  border-color: var(--grey-950) !important;
}
.border-warning {
  border-color: var(--eef-mandarine) !important;
}
.border-error {
  border-color: var(--eef-pink) !important;
}
.border-info {
  border-color: var(--eef-prune) !important;
}
.border-success {
  border-color: var(--eef-lichen) !important;
}
.border-primary {
  border-color: var(--primary-color) !important;
}
.border-inverse {
  border-color: var(--secondary-blue-paon) !important;
}
.border-grey {
  border-color: var(--grey-200) !important;
}
.border-radius {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

/* Dividers & Gaps */
hr {
  border: 0;
  border-top: 1px solid var(--grey-850);
  border-top: 1px solid rgba(0,0,0,.1);
  border-bottom: 0 none;
  margin: 40px 0;
}
hr.dotted {
  border-style: dotted;
  border-top-width: 1px;
}
hr.dashed {
  border-style: dashed;
  border-top-width: 1px;
}
hr.double {
  border-style: double;
  border-top-width: 3px;
}
hr.shadow {
  border: 0 none;
  margin-bottom: 30px;
  overflow: hidden;
  padding-top: 10px;
  position: relative;
}
hr.shadow:after {
  bottom: 10px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.8);
  box-shadow: 0 0 10px rgba(0,0,0,0.8);
  content: "";
  height: 20px;
  left: 5%;
  position: absolute;
  right: 5%;
  z-index: -1;
}
hr.no-line {
  border: 0 none;
  height: 1px;
}
hr.margin-bottom {
  margin-top: 0;
}
hr.margin-top {
  margin-bottom: 0;
}

/* Table */
.table.text-left,
.table.text-left th:not(.text-center) {
  text-align: left;
}
.table.text-right,
.table.text-right th:not(.text-center) {
  text-align: right;
}
.table th,
.table td,
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  border-top: 1px solid #e1e1e1;
  line-height: 18px;
  padding: 16px 10px 15px;
}
.table > thead > tr > th {
  border-bottom: 1px solid #e1e1e1;
  font-size: 13px;
}
.table-striped thead th {
  background-color: #f7f7f7;
}
.table-bordered {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0; 
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 1px;
}
.table-hover tbody tr > td,
.table-hover tbody tr > th {
  -webkit-transition: all 0.4s linear;
  transition: all 0.4s linear;
}
.table-hover tbody tr:hover > td,
.table-hover tbody tr:hover > th {
  background-color: #fffdee;
  -webkit-transition: all 0.4s linear;
  transition: all 0.4s linear;
}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding: 4px 5px;
}
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
  background-color: #f89406;
  color: #fff;
}
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
  background-color: #738d00;
  color: #fff;
}
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
  background-color: #c10841;
  color: #fff;
}
.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
  background-color: #0098ca;
  color: #fff;
}

/* Quotes */
blockquote {
  padding: 0 0 0 20px;
  margin: 0 0 22px;
  border-left: 2px solid #e1e1e1;
}
blockquote.pull-right {
  border-left: 0;
  border-right: 2px solid #e1e1e1;
  float: right;
  padding-left: 0;
  padding-right: 20px;
}
blockquote p {
  font-style: italic;
  font-size: 16px;
  line-height: 1.625;
  margin-bottom: 0;
}
blockquote small {
  line-height: 26px;
}

/******************************************************************************
  Medias
*******************************************************************************/
/* Images */
img {
  max-width: 100%;
  height: auto;
}
svg {
vertical-align: middle;
}
svg image {
  display: none;
}
.alignnone {
  margin: 0 0 25px;
}
.aligncenter {
  clear: both;
  margin: 0 auto 25px;
  text-align: center;
}
.alignleft {
  float: left;
  margin: 0 25px 25px 0;
}
.alignright {
  float: right;
  margin: 0 0 25px 25px;
}
.caption {
  color: #7f7f7f;
  display: inline-block;
  font-size: 12px;
  font-style: italic;
  line-height: 18px;
  margin-bottom: 22px;
  max-width: 100%;
}
.caption img {
  display: block;
  margin: 0 auto 10px;
}
.img-rounded {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.img-thumbnail {
  border-radius: 0;
  display: inline-block;
  line-height: 0;
  position: relative;
  -webkit-transition: opacity .2s ease-in;
  transition: opacity .2s ease-in;
}
.img-thumbnail:hover {
  opacity: .8;
  filter: alpha(opacity=80);
  -webkit-transition: opacity .2s ease-out;
  transition: opacity .2s ease-out;
}
.img-thumbnail.lightbox:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
.img-thumbnail .bg-images {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out;
}
.img-thumbnail:hover > .bg-images {
  background: #fff;
  background: rgba(255,255,255,.7);
  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out;
}
.img-thumbnail .bg-images i {
  margin: 5px 0 0 5px;
}
.img-thumbnail .bg-images i:before {
  color: #fff;
  font-size: 20px;
  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out;
}
.img-thumbnail:hover .bg-images i:before {
  color: #000;
  font-size: 30px;
  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out;
}
.img-thumbnail.img-rounded,
.img-thumbnail.img-rounded img,
.img-thumbnail.img-rounded .bg-images {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.img-thumbnail.img-circle,
.img-thumbnail.img-circle img,
.img-thumbnail.img-circle .bg-images {
  -webkit-border-radius: 500px;
  -moz-border-radius: 500px;
  border-radius: 500px;
}
.img-thumbnail.img-circle .bg-images i {
  margin: 17% 0 0 17%;
}
.img-thumbnail .bg-images i {
  margin: 9px 0 0 9px;
}
.fancybox-wrap {
    -webkit-overflow-scrolling: touch;
}
.fancybox-type-iframe .fancybox-inner {
  min-height: 500px;
}
/* Gallery */
.images-box {
  margin-bottom: 30px;
}
.gallery-images .bg-images i::before { color: var(--primary-color); }

/* Video */
embed,
iframe,
object,
video,
audio {
  max-width: 100%;
}
.video-box {
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4);
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,.4);
  box-shadow: 0 1px 2px rgba(0,0,0,.4);
  height: 0;
  margin-bottom: 22px;
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
}
.video-box embed,
.video-box iframe,
.video-box object,
.video-box video {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.video-box.html5 {
  height: auto;
  padding: 0;
}
.video-box.html5 .video-js {
  height: auto !important;
  line-height: 0;
  width: 100% !important;
}
.video-box.html5 .video-js .vjs-tech {
  height: auto;
  margin: 0;
  position: relative;
  width: 100%;
}
.video-box.html5 .vjs-default-skin {
  color: #fff;
  }
.video-box.html5 .vjs-default-skin .vjs-play-progress,
.video-box.html5 .vjs-default-skin .vjs-volume-level {
  background-color: #555;
}
.video-box.html5 .vjs-default-skin .vjs-control-bar,
.video-box.html5 .vjs-default-skin .vjs-big-play-button {
  background: rgba(0,0,0,.8);
}
.video-box.html5 .vjs-default-skin .vjs-slider {
  background: rgba(0,0,0,.8);
}
.play-button {
  position: relative;
  top: 25%;
}

/* Audio */
.audio-box audio {
  width: 100%;
}

/******************************************************************************
  Icons
*******************************************************************************/
.icon {
  background: none;
  color: #1e1e1e;
  display: inline-block;
  font-size: 20px;
  height: 32px;
  line-height: 32px;
  margin: 0 0 4px 0;
  text-align: center;
  text-decoration: none;
  vertical-align: top;
  width: 32px;
}
.icon.pull-left {
  float: left;
  margin-right: 10px;
}
.icon.pull-right {
  float: right;
  margin-left: 10px;
}
.icon.icon-24 {
  font-size: 14px;
  height: 24px;
  line-height: 24px;
  width: 24px;
}
.icon.icon-40 {
  font-size: 26px;
  height: 40px;
  line-height: 40px;
  width: 40px;
}
.icon.icon-60 {
  font-size: 32px;
  height: 60px;
  line-height: 60px;
  width: 60px;
}
.icon.icon-100 {
  font-size: 50px;
  height: 100px;
  line-height: 100px;
  width: 100px;
}
.icon .fa {
  width: 100%;
}
.icon.rounded {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.icon.circle {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.icon.border {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-width: 1px;
}
.big-icon {
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  color: var(--grey-50);
  display: block;
  height: 100px;
  margin: 0 auto 20px;
  text-align: center;
  width: 100px;
  -webkit-transition: opacity .2s linear;
  transition: opacity .2s linear;
}
.big-icon i:before {
  font-size: 50px;
  line-height: 100px;
}
a.big-icon:hover {
  opacity: .8;
  filter: alpha(opacity=80);
  -webkit-transition: opacity .2s linear;
  transition: opacity .2s linear;
}
.big-icon.pull-left {
  margin: 0 20px 20px 0;
}
.white,
.icon.white {
  color: var(--grey-1000);
}
.muted,
.icon.muted {
  color: var(--grey-200);
}
.icon.bg {
    background-color: var(--grey-950);
}
.sbtnf:before,
.sbtnf:after {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}


/******************************************************************************
  Forms
*******************************************************************************/
form {
  margin-bottom: 22px;
}
label {
  font-weight: bold;
  margin: 0 0 3px;
}
.required {
  display: inline-block;
  font-size: 14px;
}
.selectBox,
.form-control {
  border: 1px solid #e1e1e1;
  -webkit-box-shadow: 0 1px #fff, inset 0 1px 4px rgba(0,0,0,.15);
  -moz-box-shadow: 0 1px #fff, inset 0 1px 4px rgba(0,0,0,.15);
  box-shadow: 0 1px #fff, inset 0 1px 4px rgba(0,0,0,.15);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-size: 12px;
  height: 40px;
  line-height: 22px;
  margin-bottom: 22px;
  min-height: 40px;
  padding: 8px 12px;
  /*-webkit-appearance: none;*/
  width: 100%;
}
.selectBox:hover,
.form-control:hover {
  border-color: #ccc;
  text-decoration: none;
}
.selectBox.selectBox-menuShowing,
.form-control:focus {
  -webkit-box-shadow: 0 0 10px rgba(46,84,129,.3);
  -moz-box-shadow: 0 0 10px rgba(46,84,129,.3);
  box-shadow: 0 0 10px rgba(46,84,129,.3);
  border: solid 1px #839bb7;
  outline: none;
  -webkit-transition:
    border linear .2s,
    box-shadow linear .2s;
  -moz-transition:
    border linear .2s,
    box-shadow linear .2s;
  transition:
    border linear .2s, box-shadow linear .2s;
}
textarea.form-control {
  height: 100px;
  max-width: 100%;
}
.selectBox {
  max-width: 100%;
  width: 100% !important;
}
.radio,
.checkbox {
  font-weight: normal;
  margin: 0 0 8px;
  min-height: 18px;
  padding-left: 20px;
}
.new-radio,
.new-checkbox {
  background: #fff;
  border: 1px solid #ccc;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  cursor: pointer;
  float: left;
  height: 15px;
  margin: 2px 0 0 -20px;
  position: absolute;
  width: 15px;
}
.new-radio {
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  height: 14px;
  width: 14px;
}
.new-radio input[type="radio"],
.new-checkbox input[type="checkbox"] {
  cursor: pointer;
  height: 100%;
  margin: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  position: absolute;
  vertical-align: top;
  width: 100%;
}
.new-checkbox svg {
  display: none;
  height: 18px;
  margin: -3px 0 0 -2px;
  width: 18px;
}
.new-checkbox svg polygon {
  fill: #1e1e1e;
}
.new-checkbox.checked svg {
  display: block;
}
.new-radio span {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  display: block;
  height: 6px;
  margin: 3px 0 0 3px;
  width: 6px;
}
.new-radio.checked span {
  background: #1e1e1e;
}
.new-radio.disabled,
.new-checkbox.disabled {
  opacity: .5;
  filter: alpha(opacity=50);
}
.form-search .radio,
.form-search .checkbox,
.form-inline .radio,
.form-inline .checkbox {
  padding-left: 20px;
}
.form-search .radio input[type="radio"],
.form-search .checkbox input[type="checkbox"],
.form-inline .radio input[type="radio"],
.form-inline .checkbox input[type="checkbox"] {
  margin-left: -20px;
}

.selectBox::-webkit-scrollbar,
.selectBox-dropdown-menu::-webkit-scrollbar {
  background: #f2f2f2;
  width: 10px;
}
.selectBox::-webkit-scrollbar-thumb,
.selectBox-dropdown-menu::-webkit-scrollbar-thumb {
  border-width: 1px 1px 1px 2px;
  background-color: #839bb7;
  width: 5px;
}
.selectBox {
  background: #fff;
  cursor: pointer;
  position: relative;
  text-decoration: none;
}
.selectBox:hover,
.selectBox:focus,
button {
  outline: none;
  text-decoration: none;
}
.field--type-fivestar a.selectBox,
.fivestar-star-preview a.selectBox {
  display: none !important;
}
.selectBox-label {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  color: #555;
  display: block;
  max-width: 100%;
  padding: 0 25px 0 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.selectBox-arrow {
  background: url("../img/svg/select.svg") 50% 50% no-repeat;
  border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  -khtml-border-radius: 0 3px 3px 0;
  height: 100%;
  left: auto;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  width: 32px;
}
.selectBox-dropdown-menu {
  background: #fff;
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
  -webkit-box-shadow: 0 0 10px rgba(46,84,129,.3);
  -moz-box-shadow: 0 0 10px rgba(46,84,129,.3);
  box-shadow: 0 0 10px rgba(46,84,129,.3);
  border: solid 1px #839bb7;
  outline: none;
  -webkit-transition:
    border linear .2s,
    box-shadow linear .2s;
  -moz-transition:
    border linear .2s,
    box-shadow linear .2s;
  -o-transition:
    border linear .2s,
    box-shadow linear .2s;
  transition:
    border linear .2s,
    box-shadow linear .2s;
  color: #5f5f5f;
  font-size: 12px;
  list-style: none;
  margin: 0;
  max-height: 117px;
  overflow-y: auto;
  padding: 0;
  position: absolute;
  -webkit-animation: fadeIn 0.5s;
  animation: fadeIn 0.5s;
}
.selectBox-options li {
  display: block;
}
.selectBox-options li a {
  color: #1e1e1e;
  cursor: pointer;
  display: block;
  line-height: 1.5;
  padding: 2px 2px 2px 16px;
  margin: 0;
  min-height: 23px;
  text-decoration: none;
  -webkit-transition: all .2s linear;
  transition: all .2s linear;
}
.selectBox-options li+li a {
  border-top: 1px solid #839bb7;
}
.selectBox-options li a:hover {
  background: #f2f2f2;
  color: #111;
  text-decoration: none;
  -webkit-transition: all .2s linear;
  transition: all .2s linear;
}
.selectBox-options li.selectBox-selected a {
  background: #e9e9e9;
  color: #000;
  text-decoration: none;
}
.selectBox-inline {
  overflow-y: auto;
  padding: 0;
  width: 100%;
}
.selectBox-inline ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label {
  cursor: default;
}
fieldset[disabled] select,
fieldset[disabled] .selectBox,
fieldset[disabled] .selectBox .selectBox-label,
.selectBox.selectBox-disabled,
.selectBox.selectBox-disabled .selectBox-label {
  color: #999;
}
fieldset[disabled] .selectBox .selectBox-arrow,
.selectBox.selectBox-disabled .selectBox-arrow {
  opacity: .3;
  filter: alpha(opacity=30);
}
.selectBox.selectBox-disabled:focus {
  border-color: #e1e1e1;
  -webkit-box-shadow: 0 1px #fff, inset 0 1px 4px rgba(0,0,0,.15);
  -moz-box-shadow: 0 1px #fff, inset 0 1px 4px rgba(0,0,0,.15);
  box-shadow: 0 1px #fff, inset 0 1px 4px rgba(0,0,0,.15);
}
.form-inline .control-label,
.form-inline .form-control,
.form-horizontal .form-group .form-control {
  margin-bottom: 0;
}

/* Form size */
.input-lg {
  border-radius: 4px;
  font-size: 18px;
  height: 46px;
  line-height: 1.33;
  padding-top: 10px;
  padding-bottom: 10px;
}
.input-sm {
  border-radius: 2px;
  font-size: 12px;
  height: 30px;
  line-height: 1.5;
  min-height: inherit !important;
  padding-top: 5px;
  padding-bottom: 5px;
}

/* Form color */
.has-feedback .form-control-feedback {
  height: 40px;
  line-height: 40px;
}
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success .form-control-feedback {
  color: #738d00;
}
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning .form-control-feedback {
  color: #f89406;
}
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error .form-control-feedback {
  color: #c10841;
}
.has-success .form-control {
  border-color: var(--eef-lichen);
}
.has-warning .form-control {
  border-color: var(--eef-mandarine);
}
.has-error .form-control {
  border-color: var(--eef-pink);
}
.has-success .form-control:focus {
  border-color: #738d00;
  -webkit-box-shadow: 0 0 10px rgba(115,141,0,.3);
  box-shadow: 0 0 10px rgba(115,141,0,.3);
  -webkit-transition: box-shadow linear .2s;
  transition: box-shadow linear .2s;
}
.has-warning .form-control:focus {
  border-color: #f89406;
  -webkit-box-shadow: 0 0 10px rgba(248,148,6,.3);
  box-shadow: 0 0 10px rgba(248,148,6,.3);
}
.has-error .form-control:focus {
  border-color: #c10841;
  -webkit-box-shadow: 0 0 10px rgba(193,8,65,.3);
  box-shadow: 0 0 10px rgba(193,8,65,.3);
}

/* Dropdown */ 
.open>.dropdown-menu {
    -webkit-animation: fadeIn 0.4s;
    animation: fadeIn 0.4s;
}

/* Contact webform */
.webform-submission-contact-form {
  background: #f2f2f2;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin: 0 0 40px 0;
  padding: 27px 30px 25px;
}
.webform-submission-form label.form-required::after {
  content: "*";
  color: var(--eef-pink);
  line-height: 1;
  margin-right: .15em;
  margin-left: .15em;
  vertical-align: text-top;
  background: none;
}
.grecaptcha-badge {
  bottom: 60px !important;
}

/******************************************************************************
  Layout base
*******************************************************************************/
.full-height {
  height: 100%;
}
.page-box {
  min-height: 100%;
  height: auto !important;
  height: 100%;
}
.page-box-content {
  padding-bottom: 310px;
}

.nd-region{
  max-width: 100%;
}

/* Container */
.container .container {
  padding: 0;
  width: auto;
}
.container-fluid > .row > .col-md-12 {
  padding-left: 0;
  padding-right: 0;
}
#overlay-container, .overlay-modal-background, .overlay-element {
  z-index: 900;
}

.content-block {
    box-sizing: border-box;
    padding: 20px;
}
.content-block .btn + .btn {
  margin-left: 14px;
}
.content-block .btn.pull-left {
  margin: 0 10px 0 0;
}
.content-block .btn.pull-right {
  margin: 0 0 0 10px;
}

/* Frames */
.frame {
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.frame > img {
  width: 100%;
}
.frame-padding {
  background: #fff;
  padding: 4px;
}
.frame-border {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.frame-shadow {
  -moz-box-shadow: 0 0 15px rgba(0,0,0,.5);
  -webkit-box-shadow: 0 0 15px rgba(0,0,0,.5);
  box-shadow: 0 0 15px rgba(0,0,0,.5);
}
[class*="frame-shadow"] {
  background: #fff;
  position: relative;
}
.frame-shadow-lifted:before,
.frame-shadow-lifted:after {
  bottom: 15px;
  -webkit-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.5);
  box-shadow: 0 15px 10px rgba(0, 0, 0, 0.5);
  content: "";
  display: block;
  height: 20px;
  left: 10px;
  position: absolute;
  width: 50%;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  transform: rotate(-3deg);
  z-index: -1;
}
.frame-shadow-lifted:after {
  right: 10px;
  left: auto;
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  transform: rotate(3deg);
}
.frame-shadow-perspective:before {
  bottom: 5px;
  -webkit-box-shadow:-80px 0 8px rgba(0, 0, 0, 0.4);
  -moz-box-shadow:-80px 0 8px rgba(0, 0, 0, 0.4);
  box-shadow:-80px 0 8px rgba(0, 0, 0, 0.4);
  content: "";
  height: 35%;
  left: 80px;
  max-width: 200px;
  max-height: 50px;
  position: absolute;
  width: 50%;
  -webkit-transform: skew(50deg);
  -moz-transform: skew(50deg);
  -ms-transform: skew(50deg);
  -o-transform: skew(50deg);
  transform: skew(50deg);
  -webkit-transform-origin: 0 100%;
  -moz-transform-origin: 0 100%;
  -ms-transform-origin: 0 100%;
  -o-transform-origin: 0 100%;
  transform-origin: 0 100%;
  z-index: -1;
}
.frame-shadow-curved:before {
  -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.6);
  -moz-box-shadow: 0 0 15px rgba(0,0,0,0.6);
  box-shadow: 0 0 15px rgba(0,0,0,0.6);
  -webkit-border-radius: 10px/100px;
  -moz-border-radius: 10px/100px;
  border-radius: 10px/100px;
  bottom: 10px;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 10px;
  z-index: -1;
}
.frame-shadow-raised {
  -webkit-box-shadow:
    0 15px 10px -10px rgba(0, 0, 0, 0.5),
    0 1px 4px rgba(0, 0, 0, 0.3),
    0 0 40px rgba(0, 0, 0, 0.1) inset;
  -moz-box-shadow:
    0 15px 10px -10px rgba(0, 0, 0, 0.5),
    0 1px 4px rgba(0, 0, 0, 0.3),
    0 0 40px rgba(0, 0, 0, 0.1) inset;
  box-shadow:
    0 15px 10px -10px rgba(0, 0, 0, 0.5),
    0 1px 4px rgba(0, 0, 0, 0.3),
    0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.rotated-box {
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.rotated-right-box {
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  transform: rotate(3deg);
}

/* Modal */
.modal {
  border: 1px solid #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 5px rgba(0,0,0,.15);
  -moz-box-shadow: 0 0 5px rgba(0,0,0,.15);
  box-shadow: 0 0 5px rgba(0,0,0,.15);
}
.modal.modal-center .modal-dialog {
  transform: translate(0, 0%) !important;
  -ms-transform: translate(0, 0%) !important;
  -webkit-transform: translate(0, 0%) !important;
}
.modal .close {
  z-index: 100;
  font-size: 26px;
  position: absolute;
  right: 20px;
  top: 20px;
}
.modal .close span {
  line-height: 18px;
  margin-right: 5px;
  margin-top: 0;
  text-transform: uppercase;
}
.modal-header {
  border: 0 none;
  padding: 30px 20px 0;
}
.modal-header .title-box {
  margin-bottom: 20px;
}
.modal-header .title-box .title {
  margin: 0 0 12px 0;
  padding: 0;
}
.modal-body {
  padding: 0 20px 20px;
}
.modal-footer {
  background-color: #f7f7f7;
  border-top: 1px solid #e1e1e1;
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
  -webkit-box-shadow: inset 0 1px 0 #ffffff;
  -moz-box-shadow: inset 0 1px 0 #ffffff;
  box-shadow: inset 0 1px 0 #ffffff;
  padding: 20px;
}
.close,
.close:visited {
  float: none;
  font-size: 16px;
  font-weight: normal;
  line-height: 16px;
  color: #7f7f7f;
  position: relative;
  text-shadow: none;
  opacity: 1;
  filter: alpha(opacity=100);
  vertical-align: top;
  -webkit-transition: color .2s linear;
  transition: color .2s linear;
}
.close:hover,
.close:focus {
  color: #1e1e1e;
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: color .2s linear;
  transition: color .2s linear;
}
.close span {
  display: inline-block;
  font-size: 12px;
  font-family: Arial;
  line-height: 12px;
  margin-top: 2px;
  vertical-align: top;
}

/******************************************************************************
  Full Width Box (content band)
*******************************************************************************/
.full-width-box {
  overflow: hidden;
  padding: 76px 0;
  position: relative;
  -webkit-transition: opacity .2s linear;
  transition: opacity .2s linear;
}
.full-width-box.auto-width {
  margin-left: -15px;
  margin-right: -15px;
  opacity: 0;
}
.container .full-width-box {
  margin-left: -15px;
  margin-right: -15px;
}
.full-width-box.auto-width.loaded {
  margin-left: 0;
  margin-right: 0;
  opacity: 1;
  -webkit-transition: opacity .2s linear;
  transition: opacity .2s linear;
}
.full-width-box .fwb-bg {
  background-repeat: no-repeat;
  background-position: center top;
  -webkit-background-size: cover;
  background-size: cover;
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  z-index: 0;
}
.full-width-box .container,
.full-width-box .page-header {
  position: relative;
}
.full-width-box .fwb-bg .overlay {
  background: #000;
  height: 100%;
  opacity: .2;
  filter: alpha(opacity=20);
  width: 100%;
}
.full-width-box .fwb-fixed {
  background-attachment: fixed;
}
.touch-device .full-width-box .fwb-fixed,
.touch-device .full-width-box .fwb-paralax {
  background-attachment: scroll;
}
.full-width-box .fwb-blur {
  background-position: center top !important;
}
.full-width-box .fwb-blur .blur-box {
  bottom: 0;
  display: block !important;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -100;
}
.full-width-box .fwb-blur .blur-box canvas {
  background-size: cover;
  background-attachment: fixed;
  max-width: inherit;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  vertical-align: top;
  width: 100%;
}
.full-width-box .fwb-video {
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  background-size: cover;
}
.full-width-box .fwb-video video,
.full-width-box .fwb-video iframe,
.full-width-box .fwb-video img {
  background-attachment: fixed;
  vertical-align: top;
  position: absolute;
  right: 0;
  bottom: 0;
  max-width: inherit;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 0;
}
.full-width-box .fwb-fixed, .full-width-box .fwb-paralax {
  background-attachment: fixed;
}

/* Overlay */
.full-width-box .overlay {
  background: #000;
  height: 100%;
  opacity: .2;
  filter: alpha(opacity=20);
  width: 100%;
  top: 0;
  position: absolute;
}
.full-width-box {
  padding: 0;
}

/******************************************************************************
  Card
*******************************************************************************/
.card {
  display: flex;
  flex-direction: row;
  position: relative;
	border: 1px solid #ddd;
  border-radius: 5px;
  transition: all 0.1s ease-out;
  background-color: var(--grey-1000);
  margin: auto;
}
.card:hover {
	transform: scale(1.005);
	transition: all 0.1s ease-out;
  z-index: 100;
  background-color: var(--grey-1000-hover);
  -webkit-box-shadow: 0 15px 10px -10px rgba(0,0,0,0.5), 0 1px 4px rgba(0,0,0,0.3);
  -moz-box-shadow: 0 15px 10px -10px rgba(0,0,0,0.5),0 1px 4px rgba(0,0,0,0.3);
  box-shadow: 4px 3px 10px -1px rgba(0,0,0,0.5);
}

/******************************************************************************
  GRID
*******************************************************************************/
.mw-300 {
  min-width: 270px;
}