/* GENERAL */
/* HEADER - MENU */
/* FOOTER */
/*RGPD Colors */
@import "/res/fonts/Dosis/stylesheet.scss";
@import "/res/fonts/Dosis/stylesheet.scss";
/*! Swipebox v1.3.0 | Constantin Saguin csag.co | MIT License | github.com/brutaldesign/swipebox */
.extrafont {
  font-family: Dosis, arial, sans-serif; }

::selection {
  background: #5d8c7f;
  color: #fff; }

::-moz-selection {
  background: #5d8c7f;
  color: #fff; }

.lazy, .menu-lazy {
  background: none !important;
  opacity: 0;
  transition: opacity 1s; }
  .lazy *, .menu-lazy * {
    background: none !important;
    opacity: 0;
    transition: opacity 1s; }

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

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

html, body {
  padding: 0;
  margin: 0;
  height: 100%;
  width: 100%; }

.pattern, body {
  background: url(https://api360beta.agencewebcom.com/uploads/api/site-692/35d825d00c4ef41d93729560c59539e460883de9.webp) repeat; }

body {
  font-family: Dosis, arial, sans-serif;
  font-size: 16px;
  font-weight: 300;
  color: #000;
  padding-top: 118px; }

h1, .intro-blog-layout .h1, h2, .circle-item-content h3, h3, h4, h5 {
  margin: 0; }

h1, .intro-blog-layout .h1 {
  font-size: 40px; }

h2, .circle-item-content h3 {
  font-size: 32px; }

h1, .intro-blog-layout .h1, h2, .circle-item-content h3 {
  font-family: Dosis, arial, sans-serif;
  font-weight: 400; }
  h1 strong, .intro-blog-layout .h1 strong, h2 strong, .circle-item-content h3 strong, h1 b, .intro-blog-layout .h1 b, h2 b, .circle-item-content h3 b {
    color: #5d8c7f; }

a {
  color: inherit;
  text-decoration: none; }
  a img {
    border: none; }

p {
  line-height: normal; }

.hidden, .show-more-content {
  display: none; }

.align-center, .center {
  text-align: center; }

.align-right {
  text-align: right; }

.justify {
  text-align: justify; }

strong {
  font-weight: 700; }

.rel {
  position: relative; }

.full {
  width: 100%;
  height: 100%; }

.xl-wrapper {
  max-width: 1420px;
  width: 100%;
  margin: auto; }

.wrapper {
  max-width: 1280px;
  width: 100%;
  margin: auto; }

.xs-wrapper {
  max-width: 840px;
  width: 100%;
  margin: auto; }

.centered-block {
  max-width: 1024px;
  width: 100%;
  margin: auto; }

.ovhidden {
  overflow: hidden; }

.cover {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat; }

.slideshow-item {
  display: none;
  width: 100%;
  height: 100%; }
  .slideshow-item.cycle-sentinel {
    display: none; }
  .slideshow-item:first-child {
    display: block; }

.slideshow-controls {
  position: absolute;
  background: none;
  border: none;
  border-radius: 0;
  padding: 0;
  margin: 0;
  display: block;
  cursor: pointer;
  -webkit-appearance: none;
  z-index: 102;
  opacity: 0.7;
  transition: opacity 0.2s; }
  .slideshow-controls:hover {
    opacity: 1;
    transition: opacity 0.2s; }
  .slideshow-controls svg {
    width: 50px;
    height: 70px;
    fill: #fff; }
  .slideshow-controls.alt-color svg {
    fill: #000; }

.bgmain, .bg-main {
  background: #f7f7f7; }

::-webkit-input-placeholder {
  font-family: Dosis, arial, sans-serif; }

:-moz-placeholder {
  font-family: Dosis, arial, sans-serif; }

::-moz-placeholder {
  font-family: Dosis, arial, sans-serif; }

.ctrl {
  top: calc(50% - 35px); }

.next {
  right: 0; }

.prev {
  left: 0; }

.sc-ctrl {
  top: calc(50% - 35px); }

.sc-next {
  right: 0; }

.sc-prev {
  left: 0; }

.has-border {
  border: 22px solid #fff;
  box-shadow: rgba(0, 0, 0, .2) 0 0 15px;
  /* BTN */ }

button {
  font-family: Dosis, arial, sans-serif;
  -webkit-appearance: none;
  appearance: none;
  border: none;
  background: none;
  padding: 0;
  margin: 0;
  border-radius: 0;
  cursor: pointer; }
  button:focus {
    outline: 0; }

input:not([type="checkbox"]) {
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0;
  /* AJAXFORM */ }

.ajax-form-error + .form-error, .ajax-form-in-error.form-error {
  display: block; }

.form-error {
  margin: 0.6em 0;
  text-align: left;
  display: none;
  color: #c0392b;
  font-size: 13px; }

.recaptcha.ajax-form-error + .form-error {
  display: block; }

.ajax-form-mail-sent {
  text-align: center; }
  .ajax-form-mail-sent p {
    background: #16a085;
    color: #fff;
    padding: 8px;
    border-radius: 5px;
    display: inline-block; }

picture {
  width: 100%;
  height: 100%; }
  picture img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block; }

.slideshow-controls {
  position: absolute;
  background: none;
  border: none;
  border-radius: 0;
  padding: 0;
  margin: 0;
  display: block;
  cursor: pointer;
  -webkit-appearance: none;
  z-index: 102;
  opacity: 0.7;
  transition: opacity 0.2s; }
  .slideshow-controls:hover {
    opacity: 1;
    transition: opacity 0.2s; }
  .slideshow-controls svg {
    width: 50px;
    height: 70px;
    fill: #000; }
  .slideshow-controls.alt-color svg {
    fill: #fff; }

.ctrl {
  top: calc(50% - 35px); }

.next {
  right: 0; }

.prev {
  left: 0; }

@media all and (min-width: 768px) {
  body {
    padding-top: 70px; } }

.btn, .room-item-title h2, .room-item-title .circle-item-content h3, .circle-item-content .room-item-title h3, .three-blocs-item-title {
  display: inline-block;
  padding: 12.6px 15px 10px;
  font-size: 12px;
  text-transform: uppercase;
  border: solid 2px;
  font-weight: 700;
  min-width: 137px;
  text-align: center;
  border-radius: 8px; }

.btn-main {
  background: #5d8c7f;
  color: #fff;
  border-color: #5d8c7f;
  transition: color 0.2s, background 0.2s; }
  .btn-main:hover {
    background: #fff;
    color: #5d8c7f;
    transition: color 0.2s, background 0.2s; }

.btn-alt {
  background: #fff;
  color: #5d8c7f;
  border-color: #5d8c7f;
  transition: color 0.2s, background 0.2s, border-color 0.2s;
  position: relative; }
  .btn-alt:hover {
    background: #5d8c7f;
    color: #fff;
    border-color: #5d8c7f;
    transition: color 0.2s, background 0.2s, border-color 0.2s; }

.header {
  z-index: 300;
  position: fixed;
  width: 100%;
  height: 70px;
  left: 0;
  top: 0; }

.header-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  background: #e0e0e0; }
  .header-content > div {
    flex-basis: 30%; }
    .header-content > div:last-child {
      display: flex;
      justify-content: flex-end; }

.logo {
  display: flex;
  align-items: center; }
  .logo:not(:.has-langs-next) {
    position: absolute;
    right: 20px; }
  .logo:hover img {
    transform: scale(0.9);
    transition: transform 0.2s; }
  .logo img {
    transition: transform 0.2s;
    height: 35px;
    width: 88px;
    margin: auto;
    object-fit: contain; }

.btn-book {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 100%;
  height: 48px;
  color: #fff;
  text-transform: uppercase;
  background: #5d8c7f;
  transition: background 0.2s;
  position: absolute;
  z-index: -1;
  top: 100%; }
  .btn-book:hover, .btn-book:focus {
    background: rgba(93, 140, 127, .9);
    transition: background 0.2s; }

@media screen and (max-width: 1024px) {
  .menu-img {
    display: block;
    margin-right: auto;
    margin-left: auto;
    margin-top: 2em;
    margin-bottom: 2em; } }

@media all and (min-width: 768px) {
  .header-content {
    align-items: inherit; }

  .logo:not(:.has-langs-next) {
    position: static; }
    .logo img {
      height: 55px;
      width: 138px; }

  .btn-book {
    width: 160px;
    height: 100%;
    position: static;
    height: auto;
    z-index: 0; } }

.btn-menu {
  outline: none;
  z-index: 302;
  position: fixed;
  display: flex;
  align-items: center;
  left: 0;
  top: 10px;
  padding: 20px;
  transition: left 0.3s; }
  .btn-menu:hover .icon-menu span {
    transform: translateX(-5px);
    transition: transform 0.3s; }
  .btn-menu.active {
    left: calc(100% - 140px);
    transition: left 0.3s; }
    .btn-menu.active .btn-menu-label {
      display: none; }
      .btn-menu.active .btn-menu-label:last-child {
        display: block;
        color: #fff; }

.icon-menu {
  position: relative;
  display: block;
  width: 29px;
  height: 14px;
  margin: 0 10px 0 0; }
  .icon-menu span {
    position: absolute;
    width: 100%;
    height: 2px;
    left: 0;
    top: 6px;
    background: #5d8c7f;
    transition: opacity 0.3s, transform 0.3s; }
  .icon-menu:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    left: 0;
    top: 0;
    background: #5d8c7f;
    transition: top 0.3s, transform 0.3s; }
  .icon-menu:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    left: 0;
    top: 12px;
    background: #5d8c7f;
    transition: top 0.3s, transform 0.3s; }
  .icon-menu.active span {
    opacity: 0;
    transition: 0.3s, transform 0.3s; }
    .icon-menu.active:before {
      top: 50%;
      transform: rotate(-45deg);
      transition: top 0.3s, transform 0.3s; }
    .icon-menu.active:after {
      top: 50%;
      transform: rotate(45deg);
      transition: top 0.3s, transform 0.3s; }
    .icon-menu.active span, .icon-menu.active::after, .icon-menu.active::before {
      background: #fff; }

.btn-menu-label {
  color: #5d8c7f;
  font-weight: bold;
  letter-spacing: 1px;
  text-transform: uppercase; }
  .btn-menu-label:last-child {
    display: none; }

.menu-panel {
  z-index: 301;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  right: 100%;
  transition: right 0.3s; }
  .menu-panel.active {
    right: 0;
    transition: right 0.3s; }
    .menu-panel.active .menu-logo {
      opacity: 1;
      transition: opacity 0.5s; }

.menu-in {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  align-content: flex-start;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  box-shadow: rgba(0, 0, 0, .2) 0 0 5px;
  background: #000;
  padding: 20px 40px; }

.menu-logo {
  align-self: flex-start;
  opacity: 0;
  transition: opacity 0.5s;
  width: 100%; }
  .menu-logo img {
    max-width: 150px;
    width: 100%;
    height: 50px; }

.menu {
  text-transform: uppercase; }
  .menu ul {
    list-style: none;
    margin: 0;
    padding: 0; }
  .menu li {
    margin: 0 0 20px; }
  .menu a {
    position: relative;
    display: flex;
    align-items: center;
    color: #fff;
    font-size: 16px; }
    .menu a:after {
      content: '';
      position: absolute;
      width: 60px;
      height: 3px;
      left: 40px;
      top: 100%;
      background: rgba(255, 255, 255, .3);
      transform-origin: 0 0;
      transform: scaleX(0);
      transition: transform 0.3s; }
    .menu a:hover:after, .menu a:focus:after, .menu a.active:after {
      transform: scaleX(1);
      transition: transform 0.3s; }
      .menu a:hover img, .menu a:focus img, .menu a.active img {
        opacity: 1; }
  .menu img {
    width: 30px;
    height: 30px;
    object-fit: contain;
    margin-right: 10px;
    opacity: 0.7; }

.menu-address {
  padding: 1em 0 0;
  font-size: 0.9rem;
  border-top: #fff solid 1px; }
  .menu-address .org {
    color: #fff;
    display: block;
    text-transform: uppercase; }
  .menu-address a {
    color: #fff; }

.menu-address-item {
  display: flex;
  align-items: center;
  margin: 1em 0 0; }
  .menu-address-item svg {
    fill: #fff;
    width: 13px;
    height: 16px;
    margin: 0 10px 0 0; }

@media all and (min-width: 768px) {
  .btn-menu.active {
    left: calc(390px - 140px); }

  .menu-in {
    width: 390px;
    flex-direction: row;
    align-content: space-between;
    justify-content: space-between;
    flex-wrap: wrap; }

  .menu-address {
    align-self: flex-end; }

  .menu-out {
    width: calc(100% - 390px);
    position: absolute;
    right: 0;
    top: 0;
    height: 100%; } }

.menu-langs-layout {
  position: relative;
  /* FOOTER */ }
  .menu-langs-layout button {
    width: 100%;
    text-transform: uppercase;
    font-size: 16px; }
  .menu-langs-layout:hover .langs-ul:not(.langs-direction-right):not(.langs-direction-left) {
    display: block; }
    .menu-langs-layout:hover .langs-ul {
      display: flex; }

.footer-langs {
  padding-top: 20px; }

.menu-langs-footer {
  margin: auto; }
  .menu-langs-footer button {
    border: 1px solid #fff;
    color: #fff; }
    .menu-langs-footer button span svg {
      fill: #fff; }
  .menu-langs-footer :hover button span {
    transform: rotate(90deg);
    transition: transform 0.2s; }

.header-langs {
  display: flex;
  align-items: center;
  padding-right: 15px; }
  .header-langs .menu-langs-code button {
    color: #000; }

.menu-langs-header {
  /* DEFAULT - UNDEFINED */ }
  .menu-langs-header button {
    border: 1px solid #fff;
    color: #fff; }
    .menu-langs-header button span svg {
      fill: #fff; }
  .menu-langs-header a {
    color: #fff; }

.menu-langs-undefined, .menu-langs-default, .menu-langs-text, .menu-langs-texte {
  width: 140px; }
  .menu-langs-undefined button, .menu-langs-default button, .menu-langs-text button, .menu-langs-texte button {
    padding: 8px 15px;
    text-align: left;
    width: 100%; }
    .menu-langs-undefined button span, .menu-langs-default button span, .menu-langs-text button span, .menu-langs-texte button span {
      float: right; }
      .menu-langs-undefined button span svg, .menu-langs-default button span svg, .menu-langs-text button span svg, .menu-langs-texte button span svg {
        width: 12px;
        height: 12px; }
  .menu-langs-undefined a, .menu-langs-default a, .menu-langs-text a, .menu-langs-texte a {
    padding: 8px 15px; }

.langs-ul {
  padding: 0;
  margin: 0;
  position: absolute;
  list-style: none;
  width: 100%;
  display: none; }
  .langs-ul li {
    display: block; }
  .langs-ul a {
    border: 1px solid #fff;
    display: block;
    font-size: 16px;
    background: #5d8c7f;
    text-transform: uppercase; }
    .langs-ul a:hover {
      background: #fff;
      color: #5d8c7f; }

.menu-langs-code, .menu-langs-flag, .menu-langs-flags {
  width: 45px; }
  .menu-langs-code button, .menu-langs-flag button, .menu-langs-flags button {
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff; }
  .menu-langs-code svg, .menu-langs-flag svg, .menu-langs-flags svg {
    width: 30px;
    height: 22px; }
  .menu-langs-code a, .menu-langs-flag a, .menu-langs-flags a {
    height: 45px;
    width: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff; }

.langs-direction-default, .langs-direction-top {
  bottom: 100%; }
  .langs-direction-default a, .langs-direction-top a {
    border-bottom: none; }

.langs-direction-bottom {
  top: 100%; }
  .langs-direction-bottom a {
    border-top: none; }

.langs-direction-right {
  right: 100%;
  bottom: 0;
  flex-direction: row-reverse; }
  .langs-direction-right a {
    border-left: none; }
  .langs-direction-right:hover ul {
    display: flex; }

.langs-direction-left {
  left: 100%;
  bottom: 0; }
  .langs-direction-left:hover ul {
    display: flex; }

@media all and (min-width: 768px) {
  .menu-langs-footer {
    margin: 0; } }
  .aside-widget-bottom-0 {
    bottom: 0; }
  .aside-widget-bottom-1 {
    bottom: 0; }
  .aside-widget-bottom-2 {
    bottom: 0; }
  .aside-widget-bottom-3 {
    bottom: 0; }
  .aside-widget-bottom-4 {
    bottom: 0; }
  .aside-widget-bottom-5 {
    bottom: 0; }
  .aside-widget-bottom-6 {
    bottom: 0; }
  .aside-widget-bottom-7 {
    bottom: 0; }
  .aside-widget-bottom-8 {
    bottom: 0; }
  .aside-widget-bottom-9 {
    bottom: 0; }
  .aside-widget-bottom-10 {
    bottom: 0; }
  .aside-widget-bottom-11 {
    bottom: 0; }
  .aside-widget-bottom-12 {
    bottom: 0; }
  .aside-widget-bottom-13 {
    bottom: 0; }
  .aside-widget-bottom-14 {
    bottom: 0; }
  .aside-widget-bottom-15 {
    bottom: 0; }
  .aside-widget-bottom-16 {
    bottom: 0; }
  .aside-widget-bottom-17 {
    bottom: 0; }
  .aside-widget-bottom-18 {
    bottom: 0; }
  .aside-widget-bottom-19 {
    bottom: 0; }
  .aside-widget-bottom-20 {
    bottom: 0; }
  .aside-widget-bottom-21 {
    bottom: 0; }
  .aside-widget-bottom-22 {
    bottom: 0; }
  .aside-widget-bottom-23 {
    bottom: 0; }
  .aside-widget-bottom-24 {
    bottom: 0; }
  .aside-widget-bottom-25 {
    bottom: 0; }
  .aside-widget-bottom-26 {
    bottom: 0; }
  .aside-widget-bottom-27 {
    bottom: 0; }
  .aside-widget-bottom-28 {
    bottom: 0; }
  .aside-widget-bottom-29 {
    bottom: 0; }
  .aside-widget-bottom-30 {
    bottom: 0; }
  .aside-widget-bottom-31 {
    bottom: 0; }
  .aside-widget-bottom-32 {
    bottom: 0; }
  .aside-widget-bottom-33 {
    bottom: 0; }
  .aside-widget-bottom-34 {
    bottom: 0; }
  .aside-widget-bottom-35 {
    bottom: 0; }
  .aside-widget-bottom-36 {
    bottom: 0; }
  .aside-widget-bottom-37 {
    bottom: 0; }
  .aside-widget-bottom-38 {
    bottom: 0; }
  .aside-widget-bottom-39 {
    bottom: 0; }
  .aside-widget-bottom-40 {
    bottom: 0; }
  .aside-widget-bottom-41 {
    bottom: 0; }
  .aside-widget-bottom-42 {
    bottom: 0; }
  .aside-widget-bottom-43 {
    bottom: 0; }
  .aside-widget-bottom-44 {
    bottom: 0; }
  .aside-widget-bottom-45 {
    bottom: 0; }
  .aside-widget-bottom-46 {
    bottom: 0; }
  .aside-widget-bottom-47 {
    bottom: 0; }
  .aside-widget-bottom-48 {
    bottom: 0; }
  .aside-widget-bottom-49 {
    bottom: 0; }
  .aside-widget-bottom-50 {
    bottom: 0; }
  .aside-widget-bottom-51 {
    bottom: 0; }
  .aside-widget-bottom-52 {
    bottom: 0; }
  .aside-widget-bottom-53 {
    bottom: 0; }
  .aside-widget-bottom-54 {
    bottom: 0; }
  .aside-widget-bottom-55 {
    bottom: 0; }
  .aside-widget-bottom-56 {
    bottom: 0; }
  .aside-widget-bottom-57 {
    bottom: 0; }
  .aside-widget-bottom-58 {
    bottom: 0; }
  .aside-widget-bottom-59 {
    bottom: 0; }
  .aside-widget-bottom-60 {
    bottom: 0; }
  .aside-widget-bottom-61 {
    bottom: 0; }
  .aside-widget-bottom-62 {
    bottom: 0; }
  .aside-widget-bottom-63 {
    bottom: 0; }
  .aside-widget-bottom-64 {
    bottom: 0; }
  .aside-widget-bottom-65 {
    bottom: 0; }
  .aside-widget-bottom-66 {
    bottom: 0; }
  .aside-widget-bottom-67 {
    bottom: 0; }
  .aside-widget-bottom-68 {
    bottom: 0; }
  .aside-widget-bottom-69 {
    bottom: 0; }
  .aside-widget-bottom-70 {
    bottom: 0; }
  .aside-widget-bottom-71 {
    bottom: 0; }
  .aside-widget-bottom-72 {
    bottom: 0; }
  .aside-widget-bottom-73 {
    bottom: 0; }
  .aside-widget-bottom-74 {
    bottom: 0; }
  .aside-widget-bottom-75 {
    bottom: 0; }
  .aside-widget-bottom-76 {
    bottom: 0; }
  .aside-widget-bottom-77 {
    bottom: 0; }
  .aside-widget-bottom-78 {
    bottom: 0; }
  .aside-widget-bottom-79 {
    bottom: 0; }
  .aside-widget-bottom-80 {
    bottom: 0; }
  .aside-widget-bottom-81 {
    bottom: 0; }
  .aside-widget-bottom-82 {
    bottom: 0; }
  .aside-widget-bottom-83 {
    bottom: 0; }
  .aside-widget-bottom-84 {
    bottom: 0; }
  .aside-widget-bottom-85 {
    bottom: 0; }
  .aside-widget-bottom-86 {
    bottom: 0; }
  .aside-widget-bottom-87 {
    bottom: 0; }
  .aside-widget-bottom-88 {
    bottom: 0; }
  .aside-widget-bottom-89 {
    bottom: 0; }
  .aside-widget-bottom-90 {
    bottom: 0; }
  .aside-widget-bottom-91 {
    bottom: 0; }
  .aside-widget-bottom-92 {
    bottom: 0; }
  .aside-widget-bottom-93 {
    bottom: 0; }
  .aside-widget-bottom-94 {
    bottom: 0; }
  .aside-widget-bottom-95 {
    bottom: 0; }
  .aside-widget-bottom-96 {
    bottom: 0; }
  .aside-widget-bottom-97 {
    bottom: 0; }
  .aside-widget-bottom-98 {
    bottom: 0; }
  .aside-widget-bottom-99 {
    bottom: 0; }
  .aside-widget-bottom-100 {
    bottom: 0; }

.contact-aside-widget {
  position: fixed;
  z-index: 300;
  text-align: center; }

.aside-widget-left {
  left: 0; }

.aside-widget-right {
  right: 0; }

.aside-ul {
  padding: 0;
  margin: 0;
  height: 100%;
  display: block;
  width: 45px; }
  .aside-ul li {
    width: 100%;
    list-style: none;
    display: block;
    position: relative; }
    .aside-ul li:not(:last-child) {
      border-bottom: 1px solid rgba(255, 255, 255, .4); }
    .aside-ul li.nomobile {
      display: none; }

.contact-aside {
  width: 100%;
  height: 45px;
  text-decoration: none;
  background: #5d8c7f;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, .29); }
  .contact-aside svg {
    fill: #fff;
    width: 22px;
    height: 22px;
    margin: auto;
    transition: transform 0.3s ease-out; }
  .contact-aside:hover svg {
    transform: scale(0.9);
    transition: transform 0.3s ease-out; }
  .contact-aside span {
    display: none; }

.aside-langs {
  background: #5d8c7f;
  border-bottom: 1px solid rgba(255, 255, 255, .4); }

@media all and (min-width: 768px) {
  .aside-widget-bottom-0 {
    bottom: 0px; }
    .aside-widget-bottom-1 {
      bottom: 1px; }
    .aside-widget-bottom-2 {
      bottom: 2px; }
    .aside-widget-bottom-3 {
      bottom: 3px; }
    .aside-widget-bottom-4 {
      bottom: 4px; }
    .aside-widget-bottom-5 {
      bottom: 5px; }
    .aside-widget-bottom-6 {
      bottom: 6px; }
    .aside-widget-bottom-7 {
      bottom: 7px; }
    .aside-widget-bottom-8 {
      bottom: 8px; }
    .aside-widget-bottom-9 {
      bottom: 9px; }
    .aside-widget-bottom-10 {
      bottom: 10px; }
    .aside-widget-bottom-11 {
      bottom: 11px; }
    .aside-widget-bottom-12 {
      bottom: 12px; }
    .aside-widget-bottom-13 {
      bottom: 13px; }
    .aside-widget-bottom-14 {
      bottom: 14px; }
    .aside-widget-bottom-15 {
      bottom: 15px; }
    .aside-widget-bottom-16 {
      bottom: 16px; }
    .aside-widget-bottom-17 {
      bottom: 17px; }
    .aside-widget-bottom-18 {
      bottom: 18px; }
    .aside-widget-bottom-19 {
      bottom: 19px; }
    .aside-widget-bottom-20 {
      bottom: 20px; }
    .aside-widget-bottom-21 {
      bottom: 21px; }
    .aside-widget-bottom-22 {
      bottom: 22px; }
    .aside-widget-bottom-23 {
      bottom: 23px; }
    .aside-widget-bottom-24 {
      bottom: 24px; }
    .aside-widget-bottom-25 {
      bottom: 25px; }
    .aside-widget-bottom-26 {
      bottom: 26px; }
    .aside-widget-bottom-27 {
      bottom: 27px; }
    .aside-widget-bottom-28 {
      bottom: 28px; }
    .aside-widget-bottom-29 {
      bottom: 29px; }
    .aside-widget-bottom-30 {
      bottom: 30px; }
    .aside-widget-bottom-31 {
      bottom: 31px; }
    .aside-widget-bottom-32 {
      bottom: 32px; }
    .aside-widget-bottom-33 {
      bottom: 33px; }
    .aside-widget-bottom-34 {
      bottom: 34px; }
    .aside-widget-bottom-35 {
      bottom: 35px; }
    .aside-widget-bottom-36 {
      bottom: 36px; }
    .aside-widget-bottom-37 {
      bottom: 37px; }
    .aside-widget-bottom-38 {
      bottom: 38px; }
    .aside-widget-bottom-39 {
      bottom: 39px; }
    .aside-widget-bottom-40 {
      bottom: 40px; }
    .aside-widget-bottom-41 {
      bottom: 41px; }
    .aside-widget-bottom-42 {
      bottom: 42px; }
    .aside-widget-bottom-43 {
      bottom: 43px; }
    .aside-widget-bottom-44 {
      bottom: 44px; }
    .aside-widget-bottom-45 {
      bottom: 45px; }
    .aside-widget-bottom-46 {
      bottom: 46px; }
    .aside-widget-bottom-47 {
      bottom: 47px; }
    .aside-widget-bottom-48 {
      bottom: 48px; }
    .aside-widget-bottom-49 {
      bottom: 49px; }
    .aside-widget-bottom-50 {
      bottom: 50px; }
    .aside-widget-bottom-51 {
      bottom: 51px; }
    .aside-widget-bottom-52 {
      bottom: 52px; }
    .aside-widget-bottom-53 {
      bottom: 53px; }
    .aside-widget-bottom-54 {
      bottom: 54px; }
    .aside-widget-bottom-55 {
      bottom: 55px; }
    .aside-widget-bottom-56 {
      bottom: 56px; }
    .aside-widget-bottom-57 {
      bottom: 57px; }
    .aside-widget-bottom-58 {
      bottom: 58px; }
    .aside-widget-bottom-59 {
      bottom: 59px; }
    .aside-widget-bottom-60 {
      bottom: 60px; }
    .aside-widget-bottom-61 {
      bottom: 61px; }
    .aside-widget-bottom-62 {
      bottom: 62px; }
    .aside-widget-bottom-63 {
      bottom: 63px; }
    .aside-widget-bottom-64 {
      bottom: 64px; }
    .aside-widget-bottom-65 {
      bottom: 65px; }
    .aside-widget-bottom-66 {
      bottom: 66px; }
    .aside-widget-bottom-67 {
      bottom: 67px; }
    .aside-widget-bottom-68 {
      bottom: 68px; }
    .aside-widget-bottom-69 {
      bottom: 69px; }
    .aside-widget-bottom-70 {
      bottom: 70px; }
    .aside-widget-bottom-71 {
      bottom: 71px; }
    .aside-widget-bottom-72 {
      bottom: 72px; }
    .aside-widget-bottom-73 {
      bottom: 73px; }
    .aside-widget-bottom-74 {
      bottom: 74px; }
    .aside-widget-bottom-75 {
      bottom: 75px; }
    .aside-widget-bottom-76 {
      bottom: 76px; }
    .aside-widget-bottom-77 {
      bottom: 77px; }
    .aside-widget-bottom-78 {
      bottom: 78px; }
    .aside-widget-bottom-79 {
      bottom: 79px; }
    .aside-widget-bottom-80 {
      bottom: 80px; }
    .aside-widget-bottom-81 {
      bottom: 81px; }
    .aside-widget-bottom-82 {
      bottom: 82px; }
    .aside-widget-bottom-83 {
      bottom: 83px; }
    .aside-widget-bottom-84 {
      bottom: 84px; }
    .aside-widget-bottom-85 {
      bottom: 85px; }
    .aside-widget-bottom-86 {
      bottom: 86px; }
    .aside-widget-bottom-87 {
      bottom: 87px; }
    .aside-widget-bottom-88 {
      bottom: 88px; }
    .aside-widget-bottom-89 {
      bottom: 89px; }
    .aside-widget-bottom-90 {
      bottom: 90px; }
    .aside-widget-bottom-91 {
      bottom: 91px; }
    .aside-widget-bottom-92 {
      bottom: 92px; }
    .aside-widget-bottom-93 {
      bottom: 93px; }
    .aside-widget-bottom-94 {
      bottom: 94px; }
    .aside-widget-bottom-95 {
      bottom: 95px; }
    .aside-widget-bottom-96 {
      bottom: 96px; }
    .aside-widget-bottom-97 {
      bottom: 97px; }
    .aside-widget-bottom-98 {
      bottom: 98px; }
    .aside-widget-bottom-99 {
      bottom: 99px; }
    .aside-widget-bottom-100 {
      bottom: 100px; }
    .aside-ul li.nomobile {
      display: inline-block; }
    .aside-widget-left .contact-aside span {
      left: -290px;
      transition: left 0.55s ease; }
      .aside-widget-left .contact-aside:hover span {
        left: 45px;
        transition: left 0.55s ease; }
    .aside-widget-right .contact-aside span {
      right: -290px;
      transition: right 0.55s ease; }
      .aside-widget-right .contact-aside:hover span {
        right: 45px;
        transition: right 0.55s ease; }
    .contact-aside span {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 100%;
      padding: 0 16px;
      position: absolute;
      z-index: -1;
      background: #5d8c7f;
      white-space: pre; } }

.footer {
  text-align: center; }

.footer-top {
  background: #212121;
  padding: 40px 0; }
  .footer-top > * {
    color: #fff; }

.footer-logo {
  padding-bottom: 20px; }
  .footer-logo img {
    max-width: 120px;
    height: 40px;
    object-fit: contain;
    width: 100%;
    display: block;
    margin: auto; }

.footer-bottom {
  background: #e0e0e0;
  padding: 25px 0; }
  .footer-bottom > * {
    color: #212121; }

.footer-vcard > div {
  line-height: 28px;
  margin-bottom: 10px; }
  .footer-vcard .org {
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.2px; }
  .footer-vcard a:hover {
    text-decoration: underline; }
  .footer-vcard svg {
    width: 25px;
    height: 25px;
    fill: #fff; }

.footer-menu ul {
  margin: 0;
  padding: 0;
  list-style: none; }
  .footer-menu li {
    line-height: 28px; }
  .footer-menu a {
    text-transform: uppercase; }
    .footer-menu a:hover {
      text-decoration: underline; }

.pmr-access {
  text-align: center;
  padding-bottom: 20px; }
  .pmr-access img {
    display: block;
    margin: auto;
    width: 25px; }

.copyrights {
  text-align: center; }
  .copyrights ul {
    padding: 0;
    margin: 0;
    list-style: none; }
  .copyrights a:hover, .copyrights a:focus, .copyrights a.active {
    text-decoration: underline; }
  .copyrights > div > div:not(:last-child) {
    border-right: 1px solid #212121; }

.copyrights-menu {
  padding-top: 15px; }
  .copyrights-menu li {
    padding-top: 10px; }

.footer-top-element > div:not(:last-child) {
  border-right: 1px solid #fff; }

@media all and (max-width: 1024px) and (min-width: 768px) {
  .footer-top-element > div:nth-child(2n) {
    border: none; }

  .footer-menu {
    padding-top: 30px; }
    .footer-menu li:nth-child(2n) {
      padding-left: 20px; } }

@media all and (min-width: 1165px) {
  .copyrights-menu {
    padding-top: 0; }
    .copyrights-menu li {
      padding-top: 0; } }

@media all and (min-width: 768px) {
  .footer {
    text-align: inherit; }

  .footer-logo {
    padding-bottom: 0; }

  .copyrights p {
    margin: 0; }
    .copyrights > div > div:not(:last-child) {
      padding-right: 30px; }

  .copyrights-menu li {
    padding-top: 0; }
    .copyrights-menu li:not(:first-child) {
      padding-left: 30px; }
    .copyrights-menu li:not(:last-child) {
      padding-right: 30px;
      border-right: 1px solid #212121; } }

.Grid {
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap; }

.row-wrap {
  flex-flow: row wrap; }

.Grid-cell {
  flex: 1 0 0%;
  /* Alignment per row */ }

.Grid--top {
  align-items: flex-start; }

.Grid--bottom {
  align-items: flex-end; }

.Grid--middle {
  align-items: center;
  /* Alignment per cell */ }

.Grid-cell--top {
  align-self: flex-start; }

.Grid-cell--bottom {
  align-self: flex-end; }

.Grid-cell--middle {
  align-self: center; }
  .Grid--gutters-0 {
    margin-top: -0px;
    margin-left: -0px; }
    .Grid--gutters-0 > .Grid-cell {
      padding: 0px 0 0 0px; }
  .Grid--left-gutters-0 {
    margin-left: -0px; }
    .Grid--left-gutters-0 > .Grid-cell {
      padding-left: 0px; }
  .Grid--top-gutters-0 {
    margin-top: -0px; }
    .Grid--top-gutters-0 > .Grid-cell {
      padding-top: 0px; }
  .Grid--gutters-2 {
    margin-top: -2px;
    margin-left: -2px; }
    .Grid--gutters-2 > .Grid-cell {
      padding: 2px 0 0 2px; }
  .Grid--left-gutters-2 {
    margin-left: -2px; }
    .Grid--left-gutters-2 > .Grid-cell {
      padding-left: 2px; }
  .Grid--top-gutters-2 {
    margin-top: -2px; }
    .Grid--top-gutters-2 > .Grid-cell {
      padding-top: 2px; }
  .Grid--gutters-5 {
    margin-top: -5px;
    margin-left: -5px; }
    .Grid--gutters-5 > .Grid-cell {
      padding: 5px 0 0 5px; }
  .Grid--left-gutters-5 {
    margin-left: -5px; }
    .Grid--left-gutters-5 > .Grid-cell {
      padding-left: 5px; }
  .Grid--top-gutters-5 {
    margin-top: -5px; }
    .Grid--top-gutters-5 > .Grid-cell {
      padding-top: 5px; }
  .Grid--gutters-10 {
    margin-top: -10px;
    margin-left: -10px; }
    .Grid--gutters-10 > .Grid-cell {
      padding: 10px 0 0 10px; }
  .Grid--left-gutters-10 {
    margin-left: -10px; }
    .Grid--left-gutters-10 > .Grid-cell {
      padding-left: 10px; }
  .Grid--top-gutters-10 {
    margin-top: -10px; }
    .Grid--top-gutters-10 > .Grid-cell {
      padding-top: 10px; }
  .Grid--gutters-15 {
    margin-top: -15px;
    margin-left: -15px; }
    .Grid--gutters-15 > .Grid-cell {
      padding: 15px 0 0 15px; }
  .Grid--left-gutters-15 {
    margin-left: -15px; }
    .Grid--left-gutters-15 > .Grid-cell {
      padding-left: 15px; }
  .Grid--top-gutters-15 {
    margin-top: -15px; }
    .Grid--top-gutters-15 > .Grid-cell {
      padding-top: 15px; }
  .Grid--gutters-20 {
    margin-top: -20px;
    margin-left: -20px; }
    .Grid--gutters-20 > .Grid-cell {
      padding: 20px 0 0 20px; }
  .Grid--left-gutters-20 {
    margin-left: -20px; }
    .Grid--left-gutters-20 > .Grid-cell {
      padding-left: 20px; }
  .Grid--top-gutters-20 {
    margin-top: -20px; }
    .Grid--top-gutters-20 > .Grid-cell {
      padding-top: 20px; }
  .Grid--gutters-25 {
    margin-top: -25px;
    margin-left: -25px; }
    .Grid--gutters-25 > .Grid-cell {
      padding: 25px 0 0 25px; }
  .Grid--left-gutters-25 {
    margin-left: -25px; }
    .Grid--left-gutters-25 > .Grid-cell {
      padding-left: 25px; }
  .Grid--top-gutters-25 {
    margin-top: -25px; }
    .Grid--top-gutters-25 > .Grid-cell {
      padding-top: 25px; }
  .Grid--gutters-30 {
    margin-top: -30px;
    margin-left: -30px; }
    .Grid--gutters-30 > .Grid-cell {
      padding: 30px 0 0 30px; }
  .Grid--left-gutters-30 {
    margin-left: -30px; }
    .Grid--left-gutters-30 > .Grid-cell {
      padding-left: 30px; }
  .Grid--top-gutters-30 {
    margin-top: -30px; }
    .Grid--top-gutters-30 > .Grid-cell {
      padding-top: 30px; }
  .Grid--gutters-40 {
    margin-top: -40px;
    margin-left: -40px; }
    .Grid--gutters-40 > .Grid-cell {
      padding: 40px 0 0 40px; }
  .Grid--left-gutters-40 {
    margin-left: -40px; }
    .Grid--left-gutters-40 > .Grid-cell {
      padding-left: 40px; }
  .Grid--top-gutters-40 {
    margin-top: -40px; }
    .Grid--top-gutters-40 > .Grid-cell {
      padding-top: 40px; }
  .Grid--gutters-45 {
    margin-top: -45px;
    margin-left: -45px; }
    .Grid--gutters-45 > .Grid-cell {
      padding: 45px 0 0 45px; }
  .Grid--left-gutters-45 {
    margin-left: -45px; }
    .Grid--left-gutters-45 > .Grid-cell {
      padding-left: 45px; }
  .Grid--top-gutters-45 {
    margin-top: -45px; }
    .Grid--top-gutters-45 > .Grid-cell {
      padding-top: 45px; }
  .Grid--gutters-50 {
    margin-top: -50px;
    margin-left: -50px; }
    .Grid--gutters-50 > .Grid-cell {
      padding: 50px 0 0 50px; }
  .Grid--left-gutters-50 {
    margin-left: -50px; }
    .Grid--left-gutters-50 > .Grid-cell {
      padding-left: 50px; }
  .Grid--top-gutters-50 {
    margin-top: -50px; }
    .Grid--top-gutters-50 > .Grid-cell {
      padding-top: 50px; }
  .Grid--gutters-55 {
    margin-top: -55px;
    margin-left: -55px; }
    .Grid--gutters-55 > .Grid-cell {
      padding: 55px 0 0 55px; }
  .Grid--left-gutters-55 {
    margin-left: -55px; }
    .Grid--left-gutters-55 > .Grid-cell {
      padding-left: 55px; }
  .Grid--top-gutters-55 {
    margin-top: -55px; }
    .Grid--top-gutters-55 > .Grid-cell {
      padding-top: 55px; }
  .Grid--gutters-60 {
    margin-top: -60px;
    margin-left: -60px; }
    .Grid--gutters-60 > .Grid-cell {
      padding: 60px 0 0 60px; }
  .Grid--left-gutters-60 {
    margin-left: -60px; }
    .Grid--left-gutters-60 > .Grid-cell {
      padding-left: 60px; }
  .Grid--top-gutters-60 {
    margin-top: -60px; }
    .Grid--top-gutters-60 > .Grid-cell {
      padding-top: 60px; }
  .Grid--gutters-70 {
    margin-top: -70px;
    margin-left: -70px; }
    .Grid--gutters-70 > .Grid-cell {
      padding: 70px 0 0 70px; }
  .Grid--left-gutters-70 {
    margin-left: -70px; }
    .Grid--left-gutters-70 > .Grid-cell {
      padding-left: 70px; }
  .Grid--top-gutters-70 {
    margin-top: -70px; }
    .Grid--top-gutters-70 > .Grid-cell {
      padding-top: 70px; }

.Grid--row {
  -webkit-flex-direction: row;
  flex-direction: row; }

.Grid--row-reverse {
  -webkit-flex-direction: row-reverse;
  flex-direction: row-reverse; }

.Grid--column-reverse {
  -webkit-flex-direction: column-reverse;
  flex-direction: column-reverse; }

.Grid--column {
  -webkit-flex-direction: column;
  flex-direction: column; }

.Grid--left {
  justify-content: flex-start; }

.Grid--center {
  justify-content: center; }

.Grid--right {
  justify-content: flex-end; }

.Grid--between {
  justify-content: space-between; }

.Grid--auto > .Grid-cell, .Grid-cell--auto {
  flex: 0 0 auto; }

.Grid--fit > .Grid-cell, .Grid-cell--fit {
  flex: 1 0 0%;
  max-width: none; }

.Grid--full > .Grid-cell, .Grid-cell--full {
  flex: 0 0 100%;
  max-width: 100%; }

.Grid--column > .Grid-cell, .Grid--column-reverse > .Grid-cell {
  max-width: none; }

.Grid--column.large-Grid--full > .Grid-cell, .Grid--column.small-Grid--full > .Grid-cell, .Grid--column.Grid--full > .Grid-cell, .Grid--column > .large-Grid-cell--full, .Grid--column > .small-Grid-cell--full, .Grid--column > .Grid-cell--full {
  max-height: 100%; }

.Grid--2of3 > .Grid-cell, .Grid-cell--2of3 {
  flex: 0 0 66.6666%;
  max-width: 66.6666%; }

.Grid--column--2of3 > .Grid-cell, .Grid-cell-column--2of3 {
  width: 66.6666%; }

.Grid--column.large-Grid--2of3 > .Grid-cell, .Grid--column.small-Grid--2of3 > .Grid-cell, .Grid--column.Grid--2of3 > .Grid-cell, .Grid--column > .large-Grid-cell--2of3, .Grid--column > .small-Grid-cell--2of3, .Grid--column > .Grid-cell--2of3 {
  max-height: 66.6666%; }

.Grid--1of2 > .Grid-cell, .Grid-cell--1of2 {
  flex: 0 0 50%;
  max-width: 50%; }

.Grid--column--1of2 > .Grid-cell, .Grid-cell-column--1of2 {
  width: 50%; }

.Grid--column.large-Grid--1of2 > .Grid-cell, .Grid--column.small-Grid--1of2 > .Grid-cell, .Grid--column.Grid--1of2 > .Grid-cell, .Grid--column > .large-Grid-cell--1of2, .Grid--column > .small-Grid-cell--1of2, .Grid--column > .Grid-cell--1of2 {
  max-height: 50%; }

.Grid--2of5 > .Grid-cell, .Grid-cell--2of5 {
  flex: 0 0 40%;
  max-width: 40%; }

.Grid--column--2of5 > .Grid-cell, .Grid-cell-column--2of5 {
  width: 40%; }

.Grid--column.large-Grid--2of5 > .Grid-cell, .Grid--column.small-Grid--2of5 > .Grid-cell, .Grid--column.Grid--2of5 > .Grid-cell, .Grid--column > .large-Grid-cell--2of5, .Grid--column > .small-Grid-cell--2of5, .Grid--column > .Grid-cell--2of5 {
  max-height: 40%; }

.Grid--1of3 > .Grid-cell, .Grid-cell--1of3 {
  flex: 0 0 33.3333%;
  max-width: 33.3333%; }

.Grid--column--1of3 > .Grid-cell, .Grid-cell-column--1of3 {
  width: 33.3333%; }

.Grid--column.large-Grid--1of3 > .Grid-cell, .Grid--column.small-Grid--1of3 > .Grid-cell, .Grid--column.Grid--1of3 > .Grid-cell, .Grid--column > .large-Grid-cell--1of3, .Grid--column > .small-Grid-cell--1of3, .Grid--column > .Grid-cell--1of3 {
  max-height: 33.3333%; }

.Grid--3of5 > .Grid-cell, .Grid-cell--3of5 {
  flex: 0 0 60%;
  max-width: 60%; }

.Grid--3of10 > .Grid-cell, .Grid-cell--3of10 {
  flex: 0 0 30%;
  max-width: 30%; }

.Grid--column--3of10 > .Grid-cell, .Grid-cell-column--3of10 {
  width: 30%; }

.Grid--column.large-Grid--3of10 > .Grid-cell, .Grid--column.small-Grid--3of10 > .Grid-cell, .Grid--column.Grid--3of10 > .Grid-cell, .Grid--column > .large-Grid-cell--3of10, .Grid--column > .small-Grid-cell--3of10, .Grid--column > .Grid-cell--3of10 {
  max-height: 30%; }

.Grid--1of4 > .Grid-cell, .Grid-cell--1of4 {
  flex: 0 0 25%;
  max-width: 25%; }

.Grid--column--1of4 > .Grid-cell, .Grid-cell-column--1of4 {
  width: 25%; }

.Grid--column.large-Grid--1of4 > .Grid-cell, .Grid--column.small-Grid--1of4 > .Grid-cell, .Grid--column.Grid--1of4 > .Grid-cell, .Grid--column > .large-Grid-cell--1of4, .Grid--column > .small-Grid-cell--1of4, .Grid--column > .Grid-cell--1of4 {
  max-height: 25%; }

.Grid--1of5 > .Grid-cell, .Grid-cell--1of5 {
  flex: 0 0 20%;
  max-width: 20%; }

.Grid--column--1of5 > .Grid-cell, .Grid-cell-column--1of5 {
  width: 20%; }

.Grid--column.large-Grid--1of5 > .Grid-cell, .Grid--column.small-Grid--1of5 > .Grid-cell, .Grid--column.Grid--1of5 > .Grid-cell, .Grid--column > .large-Grid-cell--1of5, .Grid--column > .small-Grid-cell--1of5, .Grid--column > .Grid-cell--1of5 {
  max-height: 20%; }

.Grid--1of10 > .Grid-cell, .Grid-cell--1of10 {
  flex: 0 0 10%;
  max-width: 10%; }

@media (max-width: 500px) {
  .xsmall-Grid--gutters-0 {
    margin-top: -0px;
    margin-left: -0px; }
    .xsmall-Grid--gutters-0 > .Grid-cell {
      padding: 0px 0 0 0px; }
    .xsmall-Grid--left-gutters-0 {
      margin-left: -0px; }
    .xsmall-Grid--left-gutters-0 > .Grid-cell {
      padding-left: 0px; }
    .xsmall-Grid--top-gutters-0 {
      margin-top: -0px; }
    .xsmall-Grid--top-gutters-0 > .Grid-cell {
      padding-top: 0px; }
    .xsmall-Grid--gutters-2 {
      margin-top: -2px;
      margin-left: -2px; }
    .xsmall-Grid--gutters-2 > .Grid-cell {
      padding: 2px 0 0 2px; }
    .xsmall-Grid--left-gutters-2 {
      margin-left: -2px; }
    .xsmall-Grid--left-gutters-2 > .Grid-cell {
      padding-left: 2px; }
    .xsmall-Grid--top-gutters-2 {
      margin-top: -2px; }
    .xsmall-Grid--top-gutters-2 > .Grid-cell {
      padding-top: 2px; }
    .xsmall-Grid--gutters-5 {
      margin-top: -5px;
      margin-left: -5px; }
    .xsmall-Grid--gutters-5 > .Grid-cell {
      padding: 5px 0 0 5px; }
    .xsmall-Grid--left-gutters-5 {
      margin-left: -5px; }
    .xsmall-Grid--left-gutters-5 > .Grid-cell {
      padding-left: 5px; }
    .xsmall-Grid--top-gutters-5 {
      margin-top: -5px; }
    .xsmall-Grid--top-gutters-5 > .Grid-cell {
      padding-top: 5px; }
    .xsmall-Grid--gutters-10 {
      margin-top: -10px;
      margin-left: -10px; }
    .xsmall-Grid--gutters-10 > .Grid-cell {
      padding: 10px 0 0 10px; }
    .xsmall-Grid--left-gutters-10 {
      margin-left: -10px; }
    .xsmall-Grid--left-gutters-10 > .Grid-cell {
      padding-left: 10px; }
    .xsmall-Grid--top-gutters-10 {
      margin-top: -10px; }
    .xsmall-Grid--top-gutters-10 > .Grid-cell {
      padding-top: 10px; }
    .xsmall-Grid--gutters-15 {
      margin-top: -15px;
      margin-left: -15px; }
    .xsmall-Grid--gutters-15 > .Grid-cell {
      padding: 15px 0 0 15px; }
    .xsmall-Grid--left-gutters-15 {
      margin-left: -15px; }
    .xsmall-Grid--left-gutters-15 > .Grid-cell {
      padding-left: 15px; }
    .xsmall-Grid--top-gutters-15 {
      margin-top: -15px; }
    .xsmall-Grid--top-gutters-15 > .Grid-cell {
      padding-top: 15px; }
    .xsmall-Grid--gutters-20 {
      margin-top: -20px;
      margin-left: -20px; }
    .xsmall-Grid--gutters-20 > .Grid-cell {
      padding: 20px 0 0 20px; }
    .xsmall-Grid--left-gutters-20 {
      margin-left: -20px; }
    .xsmall-Grid--left-gutters-20 > .Grid-cell {
      padding-left: 20px; }
    .xsmall-Grid--top-gutters-20 {
      margin-top: -20px; }
    .xsmall-Grid--top-gutters-20 > .Grid-cell {
      padding-top: 20px; }
    .xsmall-Grid--gutters-25 {
      margin-top: -25px;
      margin-left: -25px; }
    .xsmall-Grid--gutters-25 > .Grid-cell {
      padding: 25px 0 0 25px; }
    .xsmall-Grid--left-gutters-25 {
      margin-left: -25px; }
    .xsmall-Grid--left-gutters-25 > .Grid-cell {
      padding-left: 25px; }
    .xsmall-Grid--top-gutters-25 {
      margin-top: -25px; }
    .xsmall-Grid--top-gutters-25 > .Grid-cell {
      padding-top: 25px; }
    .xsmall-Grid--gutters-30 {
      margin-top: -30px;
      margin-left: -30px; }
    .xsmall-Grid--gutters-30 > .Grid-cell {
      padding: 30px 0 0 30px; }
    .xsmall-Grid--left-gutters-30 {
      margin-left: -30px; }
    .xsmall-Grid--left-gutters-30 > .Grid-cell {
      padding-left: 30px; }
    .xsmall-Grid--top-gutters-30 {
      margin-top: -30px; }
    .xsmall-Grid--top-gutters-30 > .Grid-cell {
      padding-top: 30px; }
    .xsmall-Grid--gutters-40 {
      margin-top: -40px;
      margin-left: -40px; }
    .xsmall-Grid--gutters-40 > .Grid-cell {
      padding: 40px 0 0 40px; }
    .xsmall-Grid--left-gutters-40 {
      margin-left: -40px; }
    .xsmall-Grid--left-gutters-40 > .Grid-cell {
      padding-left: 40px; }
    .xsmall-Grid--top-gutters-40 {
      margin-top: -40px; }
    .xsmall-Grid--top-gutters-40 > .Grid-cell {
      padding-top: 40px; }
    .xsmall-Grid--gutters-45 {
      margin-top: -45px;
      margin-left: -45px; }
    .xsmall-Grid--gutters-45 > .Grid-cell {
      padding: 45px 0 0 45px; }
    .xsmall-Grid--left-gutters-45 {
      margin-left: -45px; }
    .xsmall-Grid--left-gutters-45 > .Grid-cell {
      padding-left: 45px; }
    .xsmall-Grid--top-gutters-45 {
      margin-top: -45px; }
    .xsmall-Grid--top-gutters-45 > .Grid-cell {
      padding-top: 45px; }
    .xsmall-Grid--gutters-50 {
      margin-top: -50px;
      margin-left: -50px; }
    .xsmall-Grid--gutters-50 > .Grid-cell {
      padding: 50px 0 0 50px; }
    .xsmall-Grid--left-gutters-50 {
      margin-left: -50px; }
    .xsmall-Grid--left-gutters-50 > .Grid-cell {
      padding-left: 50px; }
    .xsmall-Grid--top-gutters-50 {
      margin-top: -50px; }
    .xsmall-Grid--top-gutters-50 > .Grid-cell {
      padding-top: 50px; }
    .xsmall-Grid--gutters-55 {
      margin-top: -55px;
      margin-left: -55px; }
    .xsmall-Grid--gutters-55 > .Grid-cell {
      padding: 55px 0 0 55px; }
    .xsmall-Grid--left-gutters-55 {
      margin-left: -55px; }
    .xsmall-Grid--left-gutters-55 > .Grid-cell {
      padding-left: 55px; }
    .xsmall-Grid--top-gutters-55 {
      margin-top: -55px; }
    .xsmall-Grid--top-gutters-55 > .Grid-cell {
      padding-top: 55px; }
    .xsmall-Grid--gutters-60 {
      margin-top: -60px;
      margin-left: -60px; }
    .xsmall-Grid--gutters-60 > .Grid-cell {
      padding: 60px 0 0 60px; }
    .xsmall-Grid--left-gutters-60 {
      margin-left: -60px; }
    .xsmall-Grid--left-gutters-60 > .Grid-cell {
      padding-left: 60px; }
    .xsmall-Grid--top-gutters-60 {
      margin-top: -60px; }
    .xsmall-Grid--top-gutters-60 > .Grid-cell {
      padding-top: 60px; }
    .xsmall-Grid--gutters-70 {
      margin-top: -70px;
      margin-left: -70px; }
    .xsmall-Grid--gutters-70 > .Grid-cell {
      padding: 70px 0 0 70px; }
    .xsmall-Grid--left-gutters-70 {
      margin-left: -70px; }
    .xsmall-Grid--left-gutters-70 > .Grid-cell {
      padding-left: 70px; }
    .xsmall-Grid--top-gutters-70 {
      margin-top: -70px; }
    .xsmall-Grid--top-gutters-70 > .Grid-cell {
      padding-top: 70px; }
    .xsmall-Grid--row {
      -webkit-flex-direction: row;
      flex-direction: row; }
    .xsmall-Grid--row-reverse {
      -webkit-flex-direction: row-reverse;
      flex-direction: row-reverse; }
    .xsmall-Grid--column-reverse {
      -webkit-flex-direction: column-reverse;
      flex-direction: column-reverse; }
    .xsmall-Grid--column {
      -webkit-flex-direction: column;
      flex-direction: column; }
    .xsmall-Grid--left {
      justify-content: flex-start; }
    .xsmall-Grid--center {
      justify-content: center; }
    .xsmall-Grid--right {
      justify-content: flex-end; }
    .xsmall-Grid--between {
      justify-content: space-between; }
    .xsmall-Grid--auto > .Grid-cell, .xsmall-Grid-cell--auto {
      flex: 0 0 auto; }
    .xsmall-Grid--fit > .Grid-cell, .xsmall-Grid-cell--fit {
      flex: 1 0 0%;
      max-width: none; }
    .xsmall-Grid--full > .Grid-cell, .xsmall-Grid-cell--full {
      flex: 0 0 100%;
      max-width: 100%; }
    .xsmall-Grid--column > .Grid-cell, .xsmall-Grid--column-reverse > .Grid-cell {
      max-width: none; }
    .xsmall-Grid--column.large-Grid--full > .Grid-cell, .xsmall-Grid--column.small-Grid--full > .Grid-cell, .xsmall-Grid--column.Grid--full > .Grid-cell, .xsmall-Grid--column > .large-Grid-cell--full, .xsmall-Grid--column > .small-Grid-cell--full, .xsmall-Grid--column > .Grid-cell--full {
      max-height: 100%; }
    .xsmall-Grid--2of3 > .Grid-cell, .xsmall-Grid-cell--2of3 {
      flex: 0 0 66.6666%;
      max-width: 66.6666%; }
    .xsmall-Grid--column--2of3 > .Grid-cell, .xsmall-Grid-cell-column--2of3 {
      width: 66.6666%; }
    .xsmall-Grid--column.large-Grid--2of3 > .Grid-cell, .xsmall-Grid--column.small-Grid--2of3 > .Grid-cell, .xsmall-Grid--column.Grid--2of3 > .Grid-cell, .xsmall-Grid--column > .large-Grid-cell--2of3, .xsmall-Grid--column > .small-Grid-cell--2of3, .xsmall-Grid--column > .Grid-cell--2of3 {
      max-height: 66.6666%; }
    .xsmall-Grid--1of2 > .Grid-cell, .xsmall-Grid-cell--1of2 {
      flex: 0 0 50%;
      max-width: 50%; }
    .xsmall-Grid--column--1of2 > .Grid-cell, .xsmall-Grid-cell-column--1of2 {
      width: 50%; }
    .xsmall-Grid--column.large-Grid--1of2 > .Grid-cell, .xsmall-Grid--column.small-Grid--1of2 > .Grid-cell, .xsmall-Grid--column.Grid--1of2 > .Grid-cell, .xsmall-Grid--column > .large-Grid-cell--1of2, .xsmall-Grid--column > .small-Grid-cell--1of2, .xsmall-Grid--column > .Grid-cell--1of2 {
      max-height: 50%; }
    .xsmall-Grid--2of5 > .Grid-cell, .xsmall-Grid-cell--2of5 {
      flex: 0 0 40%;
      max-width: 40%; }
    .xsmall-Grid--column--2of5 > .Grid-cell, .xsmall-Grid-cell-column--2of5 {
      width: 40%; }
    .xsmall-Grid--column.large-Grid--2of5 > .Grid-cell, .xsmall-Grid--column.small-Grid--2of5 > .Grid-cell, .xsmall-Grid--column.Grid--2of5 > .Grid-cell, .xsmall-Grid--column > .large-Grid-cell--2of5, .xsmall-Grid--column > .small-Grid-cell--2of5, .xsmall-Grid--column > .Grid-cell--2of5 {
      max-height: 40%; }
    .xsmall-Grid--1of3 > .Grid-cell, .xsmall-Grid-cell--1of3 {
      flex: 0 0 33.3333%;
      max-width: 33.3333%; }
    .xsmall-Grid--column--1of3 > .Grid-cell, .xsmall-Grid-cell-column--1of3 {
      width: 33.3333%; }
    .xsmall-Grid--column.large-Grid--1of3 > .Grid-cell, .xsmall-Grid--column.small-Grid--1of3 > .Grid-cell, .xsmall-Grid--column.Grid--1of3 > .Grid-cell, .xsmall-Grid--column > .large-Grid-cell--1of3, .xsmall-Grid--column > .small-Grid-cell--1of3, .xsmall-Grid--column > .Grid-cell--1of3 {
      max-height: 33.3333%; }
    .xsmall-Grid--3of5 > .Grid-cell, .xsmall-Grid-cell--3of5 {
      flex: 0 0 60%;
      max-width: 60%; }
    .xsmall-Grid--3of10 > .Grid-cell, .xsmall-Grid-cell--3of10 {
      flex: 0 0 30%;
      max-width: 30%; }
    .xsmall-Grid--column--3of10 > .Grid-cell, .xsmall-Grid-cell-column--3of10 {
      width: 30%; }
    .xsmall-Grid--column.large-Grid--3of10 > .Grid-cell, .xsmall-Grid--column.small-Grid--3of10 > .Grid-cell, .xsmall-Grid--column.Grid--3of10 > .Grid-cell, .xsmall-Grid--column > .large-Grid-cell--3of10, .xsmall-Grid--column > .small-Grid-cell--3of10, .xsmall-Grid--column > .Grid-cell--3of10 {
      max-height: 30%; }
    .xsmall-Grid--1of4 > .Grid-cell, .xsmall-Grid-cell--1of4 {
      flex: 0 0 25%;
      max-width: 25%; }
    .xsmall-Grid--column--1of4 > .Grid-cell, .xsmall-Grid-cell-column--1of4 {
      width: 25%; }
    .xsmall-Grid--column.large-Grid--1of4 > .Grid-cell, .xsmall-Grid--column.small-Grid--1of4 > .Grid-cell, .xsmall-Grid--column.Grid--1of4 > .Grid-cell, .xsmall-Grid--column > .large-Grid-cell--1of4, .xsmall-Grid--column > .small-Grid-cell--1of4, .xsmall-Grid--column > .Grid-cell--1of4 {
      max-height: 25%; }
    .xsmall-Grid--1of5 > .Grid-cell, .xsmall-Grid-cell--1of5 {
      flex: 0 0 20%;
      max-width: 20%; }
    .xsmall-Grid--column--1of5 > .Grid-cell, .xsmall-Grid-cell-column--1of5 {
      width: 20%; }
    .xsmall-Grid--column.large-Grid--1of5 > .Grid-cell, .xsmall-Grid--column.small-Grid--1of5 > .Grid-cell, .xsmall-Grid--column.Grid--1of5 > .Grid-cell, .xsmall-Grid--column > .large-Grid-cell--1of5, .xsmall-Grid--column > .small-Grid-cell--1of5, .xsmall-Grid--column > .Grid-cell--1of5 {
      max-height: 20%; }
    .xsmall-Grid--1of10 > .Grid-cell, .xsmall-Grid-cell--1of10 {
      flex: 0 0 10%;
      max-width: 10%; } }

@media (min-width: 768px) {
  .small-Grid--gutters-0 {
    margin-top: -0px;
    margin-left: -0px; }
    .small-Grid--gutters-0 > .Grid-cell {
      padding: 0px 0 0 0px; }
    .small-Grid--left-gutters-0 {
      margin-left: -0px; }
    .small-Grid--left-gutters-0 > .Grid-cell {
      padding-left: 0px; }
    .small-Grid--top-gutters-0 {
      margin-top: -0px; }
    .small-Grid--top-gutters-0 > .Grid-cell {
      padding-top: 0px; }
    .small-Grid--gutters-2 {
      margin-top: -2px;
      margin-left: -2px; }
    .small-Grid--gutters-2 > .Grid-cell {
      padding: 2px 0 0 2px; }
    .small-Grid--left-gutters-2 {
      margin-left: -2px; }
    .small-Grid--left-gutters-2 > .Grid-cell {
      padding-left: 2px; }
    .small-Grid--top-gutters-2 {
      margin-top: -2px; }
    .small-Grid--top-gutters-2 > .Grid-cell {
      padding-top: 2px; }
    .small-Grid--gutters-5 {
      margin-top: -5px;
      margin-left: -5px; }
    .small-Grid--gutters-5 > .Grid-cell {
      padding: 5px 0 0 5px; }
    .small-Grid--left-gutters-5 {
      margin-left: -5px; }
    .small-Grid--left-gutters-5 > .Grid-cell {
      padding-left: 5px; }
    .small-Grid--top-gutters-5 {
      margin-top: -5px; }
    .small-Grid--top-gutters-5 > .Grid-cell {
      padding-top: 5px; }
    .small-Grid--gutters-10 {
      margin-top: -10px;
      margin-left: -10px; }
    .small-Grid--gutters-10 > .Grid-cell {
      padding: 10px 0 0 10px; }
    .small-Grid--left-gutters-10 {
      margin-left: -10px; }
    .small-Grid--left-gutters-10 > .Grid-cell {
      padding-left: 10px; }
    .small-Grid--top-gutters-10 {
      margin-top: -10px; }
    .small-Grid--top-gutters-10 > .Grid-cell {
      padding-top: 10px; }
    .small-Grid--gutters-15 {
      margin-top: -15px;
      margin-left: -15px; }
    .small-Grid--gutters-15 > .Grid-cell {
      padding: 15px 0 0 15px; }
    .small-Grid--left-gutters-15 {
      margin-left: -15px; }
    .small-Grid--left-gutters-15 > .Grid-cell {
      padding-left: 15px; }
    .small-Grid--top-gutters-15 {
      margin-top: -15px; }
    .small-Grid--top-gutters-15 > .Grid-cell {
      padding-top: 15px; }
    .small-Grid--gutters-20 {
      margin-top: -20px;
      margin-left: -20px; }
    .small-Grid--gutters-20 > .Grid-cell {
      padding: 20px 0 0 20px; }
    .small-Grid--left-gutters-20 {
      margin-left: -20px; }
    .small-Grid--left-gutters-20 > .Grid-cell {
      padding-left: 20px; }
    .small-Grid--top-gutters-20 {
      margin-top: -20px; }
    .small-Grid--top-gutters-20 > .Grid-cell {
      padding-top: 20px; }
    .small-Grid--gutters-25 {
      margin-top: -25px;
      margin-left: -25px; }
    .small-Grid--gutters-25 > .Grid-cell {
      padding: 25px 0 0 25px; }
    .small-Grid--left-gutters-25 {
      margin-left: -25px; }
    .small-Grid--left-gutters-25 > .Grid-cell {
      padding-left: 25px; }
    .small-Grid--top-gutters-25 {
      margin-top: -25px; }
    .small-Grid--top-gutters-25 > .Grid-cell {
      padding-top: 25px; }
    .small-Grid--gutters-30 {
      margin-top: -30px;
      margin-left: -30px; }
    .small-Grid--gutters-30 > .Grid-cell {
      padding: 30px 0 0 30px; }
    .small-Grid--left-gutters-30 {
      margin-left: -30px; }
    .small-Grid--left-gutters-30 > .Grid-cell {
      padding-left: 30px; }
    .small-Grid--top-gutters-30 {
      margin-top: -30px; }
    .small-Grid--top-gutters-30 > .Grid-cell {
      padding-top: 30px; }
    .small-Grid--gutters-40 {
      margin-top: -40px;
      margin-left: -40px; }
    .small-Grid--gutters-40 > .Grid-cell {
      padding: 40px 0 0 40px; }
    .small-Grid--left-gutters-40 {
      margin-left: -40px; }
    .small-Grid--left-gutters-40 > .Grid-cell {
      padding-left: 40px; }
    .small-Grid--top-gutters-40 {
      margin-top: -40px; }
    .small-Grid--top-gutters-40 > .Grid-cell {
      padding-top: 40px; }
    .small-Grid--gutters-45 {
      margin-top: -45px;
      margin-left: -45px; }
    .small-Grid--gutters-45 > .Grid-cell {
      padding: 45px 0 0 45px; }
    .small-Grid--left-gutters-45 {
      margin-left: -45px; }
    .small-Grid--left-gutters-45 > .Grid-cell {
      padding-left: 45px; }
    .small-Grid--top-gutters-45 {
      margin-top: -45px; }
    .small-Grid--top-gutters-45 > .Grid-cell {
      padding-top: 45px; }
    .small-Grid--gutters-50 {
      margin-top: -50px;
      margin-left: -50px; }
    .small-Grid--gutters-50 > .Grid-cell {
      padding: 50px 0 0 50px; }
    .small-Grid--left-gutters-50 {
      margin-left: -50px; }
    .small-Grid--left-gutters-50 > .Grid-cell {
      padding-left: 50px; }
    .small-Grid--top-gutters-50 {
      margin-top: -50px; }
    .small-Grid--top-gutters-50 > .Grid-cell {
      padding-top: 50px; }
    .small-Grid--gutters-55 {
      margin-top: -55px;
      margin-left: -55px; }
    .small-Grid--gutters-55 > .Grid-cell {
      padding: 55px 0 0 55px; }
    .small-Grid--left-gutters-55 {
      margin-left: -55px; }
    .small-Grid--left-gutters-55 > .Grid-cell {
      padding-left: 55px; }
    .small-Grid--top-gutters-55 {
      margin-top: -55px; }
    .small-Grid--top-gutters-55 > .Grid-cell {
      padding-top: 55px; }
    .small-Grid--gutters-60 {
      margin-top: -60px;
      margin-left: -60px; }
    .small-Grid--gutters-60 > .Grid-cell {
      padding: 60px 0 0 60px; }
    .small-Grid--left-gutters-60 {
      margin-left: -60px; }
    .small-Grid--left-gutters-60 > .Grid-cell {
      padding-left: 60px; }
    .small-Grid--top-gutters-60 {
      margin-top: -60px; }
    .small-Grid--top-gutters-60 > .Grid-cell {
      padding-top: 60px; }
    .small-Grid--gutters-70 {
      margin-top: -70px;
      margin-left: -70px; }
    .small-Grid--gutters-70 > .Grid-cell {
      padding: 70px 0 0 70px; }
    .small-Grid--left-gutters-70 {
      margin-left: -70px; }
    .small-Grid--left-gutters-70 > .Grid-cell {
      padding-left: 70px; }
    .small-Grid--top-gutters-70 {
      margin-top: -70px; }
    .small-Grid--top-gutters-70 > .Grid-cell {
      padding-top: 70px; }
    .small-Grid--row {
      -webkit-flex-direction: row;
      flex-direction: row; }
    .small-Grid--row-reverse {
      -webkit-flex-direction: row-reverse;
      flex-direction: row-reverse; }
    .small-Grid--column-reverse {
      -webkit-flex-direction: column-reverse;
      flex-direction: column-reverse; }
    .small-Grid--column {
      -webkit-flex-direction: column;
      flex-direction: column; }
    .small-Grid--left {
      justify-content: flex-start; }
    .small-Grid--center {
      justify-content: center; }
    .small-Grid--right {
      justify-content: flex-end; }
    .small-Grid--between {
      justify-content: space-between; }
    .small-Grid--auto > .Grid-cell, .small-Grid-cell--auto {
      flex: 0 0 auto; }
    .small-Grid--fit > .Grid-cell, .small-Grid-cell--fit {
      flex: 1 0 0%;
      max-width: none; }
    .small-Grid--full > .Grid-cell, .small-Grid-cell--full {
      flex: 0 0 100%;
      max-width: 100%; }
    .small-Grid--column > .Grid-cell, .small-Grid--column-reverse > .Grid-cell {
      max-width: none; }
    .small-Grid--column.large-Grid--full > .Grid-cell, .small-Grid--column.small-Grid--full > .Grid-cell, .small-Grid--column.Grid--full > .Grid-cell, .small-Grid--column > .large-Grid-cell--full, .small-Grid--column > .small-Grid-cell--full, .small-Grid--column > .Grid-cell--full {
      max-height: 100%; }
    .small-Grid--2of3 > .Grid-cell, .small-Grid-cell--2of3 {
      flex: 0 0 66.6666%;
      max-width: 66.6666%; }
    .small-Grid--column--2of3 > .Grid-cell, .small-Grid-cell-column--2of3 {
      width: 66.6666%; }
    .small-Grid--column.large-Grid--2of3 > .Grid-cell, .small-Grid--column.small-Grid--2of3 > .Grid-cell, .small-Grid--column.Grid--2of3 > .Grid-cell, .small-Grid--column > .large-Grid-cell--2of3, .small-Grid--column > .small-Grid-cell--2of3, .small-Grid--column > .Grid-cell--2of3 {
      max-height: 66.6666%; }
    .small-Grid--1of2 > .Grid-cell, .small-Grid-cell--1of2 {
      flex: 0 0 50%;
      max-width: 50%; }
    .small-Grid--column--1of2 > .Grid-cell, .small-Grid-cell-column--1of2 {
      width: 50%; }
    .small-Grid--column.large-Grid--1of2 > .Grid-cell, .small-Grid--column.small-Grid--1of2 > .Grid-cell, .small-Grid--column.Grid--1of2 > .Grid-cell, .small-Grid--column > .large-Grid-cell--1of2, .small-Grid--column > .small-Grid-cell--1of2, .small-Grid--column > .Grid-cell--1of2 {
      max-height: 50%; }
    .small-Grid--2of5 > .Grid-cell, .small-Grid-cell--2of5 {
      flex: 0 0 40%;
      max-width: 40%; }
    .small-Grid--column--2of5 > .Grid-cell, .small-Grid-cell-column--2of5 {
      width: 40%; }
    .small-Grid--column.large-Grid--2of5 > .Grid-cell, .small-Grid--column.small-Grid--2of5 > .Grid-cell, .small-Grid--column.Grid--2of5 > .Grid-cell, .small-Grid--column > .large-Grid-cell--2of5, .small-Grid--column > .small-Grid-cell--2of5, .small-Grid--column > .Grid-cell--2of5 {
      max-height: 40%; }
    .small-Grid--1of3 > .Grid-cell, .small-Grid-cell--1of3 {
      flex: 0 0 33.3333%;
      max-width: 33.3333%; }
    .small-Grid--column--1of3 > .Grid-cell, .small-Grid-cell-column--1of3 {
      width: 33.3333%; }
    .small-Grid--column.large-Grid--1of3 > .Grid-cell, .small-Grid--column.small-Grid--1of3 > .Grid-cell, .small-Grid--column.Grid--1of3 > .Grid-cell, .small-Grid--column > .large-Grid-cell--1of3, .small-Grid--column > .small-Grid-cell--1of3, .small-Grid--column > .Grid-cell--1of3 {
      max-height: 33.3333%; }
    .small-Grid--3of5 > .Grid-cell, .small-Grid-cell--3of5 {
      flex: 0 0 60%;
      max-width: 60%; }
    .small-Grid--3of10 > .Grid-cell, .small-Grid-cell--3of10 {
      flex: 0 0 30%;
      max-width: 30%; }
    .small-Grid--column--3of10 > .Grid-cell, .small-Grid-cell-column--3of10 {
      width: 30%; }
    .small-Grid--column.large-Grid--3of10 > .Grid-cell, .small-Grid--column.small-Grid--3of10 > .Grid-cell, .small-Grid--column.Grid--3of10 > .Grid-cell, .small-Grid--column > .large-Grid-cell--3of10, .small-Grid--column > .small-Grid-cell--3of10, .small-Grid--column > .Grid-cell--3of10 {
      max-height: 30%; }
    .small-Grid--1of4 > .Grid-cell, .small-Grid-cell--1of4 {
      flex: 0 0 25%;
      max-width: 25%; }
    .small-Grid--column--1of4 > .Grid-cell, .small-Grid-cell-column--1of4 {
      width: 25%; }
    .small-Grid--column.large-Grid--1of4 > .Grid-cell, .small-Grid--column.small-Grid--1of4 > .Grid-cell, .small-Grid--column.Grid--1of4 > .Grid-cell, .small-Grid--column > .large-Grid-cell--1of4, .small-Grid--column > .small-Grid-cell--1of4, .small-Grid--column > .Grid-cell--1of4 {
      max-height: 25%; }
    .small-Grid--1of5 > .Grid-cell, .small-Grid-cell--1of5 {
      flex: 0 0 20%;
      max-width: 20%; }
    .small-Grid--column--1of5 > .Grid-cell, .small-Grid-cell-column--1of5 {
      width: 20%; }
    .small-Grid--column.large-Grid--1of5 > .Grid-cell, .small-Grid--column.small-Grid--1of5 > .Grid-cell, .small-Grid--column.Grid--1of5 > .Grid-cell, .small-Grid--column > .large-Grid-cell--1of5, .small-Grid--column > .small-Grid-cell--1of5, .small-Grid--column > .Grid-cell--1of5 {
      max-height: 20%; }
    .small-Grid--1of10 > .Grid-cell, .small-Grid-cell--1of10 {
      flex: 0 0 10%;
      max-width: 10%; } }

@media (min-width: 1025px) {
  .large-Grid--gutters-0 {
    margin-top: -0px;
    margin-left: -0px; }
    .large-Grid--gutters-0 > .Grid-cell {
      padding: 0px 0 0 0px; }
    .large-Grid--left-gutters-0 {
      margin-left: -0px; }
    .large-Grid--left-gutters-0 > .Grid-cell {
      padding-left: 0px; }
    .large-Grid--top-gutters-0 {
      margin-top: -0px; }
    .large-Grid--top-gutters-0 > .Grid-cell {
      padding-top: 0px; }
    .large-Grid--gutters-2 {
      margin-top: -2px;
      margin-left: -2px; }
    .large-Grid--gutters-2 > .Grid-cell {
      padding: 2px 0 0 2px; }
    .large-Grid--left-gutters-2 {
      margin-left: -2px; }
    .large-Grid--left-gutters-2 > .Grid-cell {
      padding-left: 2px; }
    .large-Grid--top-gutters-2 {
      margin-top: -2px; }
    .large-Grid--top-gutters-2 > .Grid-cell {
      padding-top: 2px; }
    .large-Grid--gutters-5 {
      margin-top: -5px;
      margin-left: -5px; }
    .large-Grid--gutters-5 > .Grid-cell {
      padding: 5px 0 0 5px; }
    .large-Grid--left-gutters-5 {
      margin-left: -5px; }
    .large-Grid--left-gutters-5 > .Grid-cell {
      padding-left: 5px; }
    .large-Grid--top-gutters-5 {
      margin-top: -5px; }
    .large-Grid--top-gutters-5 > .Grid-cell {
      padding-top: 5px; }
    .large-Grid--gutters-10 {
      margin-top: -10px;
      margin-left: -10px; }
    .large-Grid--gutters-10 > .Grid-cell {
      padding: 10px 0 0 10px; }
    .large-Grid--left-gutters-10 {
      margin-left: -10px; }
    .large-Grid--left-gutters-10 > .Grid-cell {
      padding-left: 10px; }
    .large-Grid--top-gutters-10 {
      margin-top: -10px; }
    .large-Grid--top-gutters-10 > .Grid-cell {
      padding-top: 10px; }
    .large-Grid--gutters-15 {
      margin-top: -15px;
      margin-left: -15px; }
    .large-Grid--gutters-15 > .Grid-cell {
      padding: 15px 0 0 15px; }
    .large-Grid--left-gutters-15 {
      margin-left: -15px; }
    .large-Grid--left-gutters-15 > .Grid-cell {
      padding-left: 15px; }
    .large-Grid--top-gutters-15 {
      margin-top: -15px; }
    .large-Grid--top-gutters-15 > .Grid-cell {
      padding-top: 15px; }
    .large-Grid--gutters-20 {
      margin-top: -20px;
      margin-left: -20px; }
    .large-Grid--gutters-20 > .Grid-cell {
      padding: 20px 0 0 20px; }
    .large-Grid--left-gutters-20 {
      margin-left: -20px; }
    .large-Grid--left-gutters-20 > .Grid-cell {
      padding-left: 20px; }
    .large-Grid--top-gutters-20 {
      margin-top: -20px; }
    .large-Grid--top-gutters-20 > .Grid-cell {
      padding-top: 20px; }
    .large-Grid--gutters-25 {
      margin-top: -25px;
      margin-left: -25px; }
    .large-Grid--gutters-25 > .Grid-cell {
      padding: 25px 0 0 25px; }
    .large-Grid--left-gutters-25 {
      margin-left: -25px; }
    .large-Grid--left-gutters-25 > .Grid-cell {
      padding-left: 25px; }
    .large-Grid--top-gutters-25 {
      margin-top: -25px; }
    .large-Grid--top-gutters-25 > .Grid-cell {
      padding-top: 25px; }
    .large-Grid--gutters-30 {
      margin-top: -30px;
      margin-left: -30px; }
    .large-Grid--gutters-30 > .Grid-cell {
      padding: 30px 0 0 30px; }
    .large-Grid--left-gutters-30 {
      margin-left: -30px; }
    .large-Grid--left-gutters-30 > .Grid-cell {
      padding-left: 30px; }
    .large-Grid--top-gutters-30 {
      margin-top: -30px; }
    .large-Grid--top-gutters-30 > .Grid-cell {
      padding-top: 30px; }
    .large-Grid--gutters-40 {
      margin-top: -40px;
      margin-left: -40px; }
    .large-Grid--gutters-40 > .Grid-cell {
      padding: 40px 0 0 40px; }
    .large-Grid--left-gutters-40 {
      margin-left: -40px; }
    .large-Grid--left-gutters-40 > .Grid-cell {
      padding-left: 40px; }
    .large-Grid--top-gutters-40 {
      margin-top: -40px; }
    .large-Grid--top-gutters-40 > .Grid-cell {
      padding-top: 40px; }
    .large-Grid--gutters-45 {
      margin-top: -45px;
      margin-left: -45px; }
    .large-Grid--gutters-45 > .Grid-cell {
      padding: 45px 0 0 45px; }
    .large-Grid--left-gutters-45 {
      margin-left: -45px; }
    .large-Grid--left-gutters-45 > .Grid-cell {
      padding-left: 45px; }
    .large-Grid--top-gutters-45 {
      margin-top: -45px; }
    .large-Grid--top-gutters-45 > .Grid-cell {
      padding-top: 45px; }
    .large-Grid--gutters-50 {
      margin-top: -50px;
      margin-left: -50px; }
    .large-Grid--gutters-50 > .Grid-cell {
      padding: 50px 0 0 50px; }
    .large-Grid--left-gutters-50 {
      margin-left: -50px; }
    .large-Grid--left-gutters-50 > .Grid-cell {
      padding-left: 50px; }
    .large-Grid--top-gutters-50 {
      margin-top: -50px; }
    .large-Grid--top-gutters-50 > .Grid-cell {
      padding-top: 50px; }
    .large-Grid--gutters-55 {
      margin-top: -55px;
      margin-left: -55px; }
    .large-Grid--gutters-55 > .Grid-cell {
      padding: 55px 0 0 55px; }
    .large-Grid--left-gutters-55 {
      margin-left: -55px; }
    .large-Grid--left-gutters-55 > .Grid-cell {
      padding-left: 55px; }
    .large-Grid--top-gutters-55 {
      margin-top: -55px; }
    .large-Grid--top-gutters-55 > .Grid-cell {
      padding-top: 55px; }
    .large-Grid--gutters-60 {
      margin-top: -60px;
      margin-left: -60px; }
    .large-Grid--gutters-60 > .Grid-cell {
      padding: 60px 0 0 60px; }
    .large-Grid--left-gutters-60 {
      margin-left: -60px; }
    .large-Grid--left-gutters-60 > .Grid-cell {
      padding-left: 60px; }
    .large-Grid--top-gutters-60 {
      margin-top: -60px; }
    .large-Grid--top-gutters-60 > .Grid-cell {
      padding-top: 60px; }
    .large-Grid--gutters-70 {
      margin-top: -70px;
      margin-left: -70px; }
    .large-Grid--gutters-70 > .Grid-cell {
      padding: 70px 0 0 70px; }
    .large-Grid--left-gutters-70 {
      margin-left: -70px; }
    .large-Grid--left-gutters-70 > .Grid-cell {
      padding-left: 70px; }
    .large-Grid--top-gutters-70 {
      margin-top: -70px; }
    .large-Grid--top-gutters-70 > .Grid-cell {
      padding-top: 70px; }
    .large-Grid--row {
      -webkit-flex-direction: row;
      flex-direction: row; }
    .large-Grid--row-reverse {
      -webkit-flex-direction: row-reverse;
      flex-direction: row-reverse; }
    .large-Grid--column-reverse {
      -webkit-flex-direction: column-reverse;
      flex-direction: column-reverse; }
    .large-Grid--column {
      -webkit-flex-direction: column;
      flex-direction: column; }
    .large-Grid--left {
      justify-content: flex-start; }
    .large-Grid--center {
      justify-content: center; }
    .large-Grid--right {
      justify-content: flex-end; }
    .large-Grid--between {
      justify-content: space-between; }
    .large-Grid--auto > .Grid-cell, .large-Grid-cell--auto {
      flex: 0 0 auto; }
    .large-Grid--fit > .Grid-cell, .large-Grid-cell--fit {
      flex: 1 0 0%;
      max-width: none; }
    .large-Grid--full > .Grid-cell, .large-Grid-cell--full {
      flex: 0 0 100%;
      max-width: 100%; }
    .large-Grid--column > .Grid-cell, .large-Grid--column-reverse > .Grid-cell {
      max-width: none; }
    .large-Grid--column.large-Grid--full > .Grid-cell, .large-Grid--column.small-Grid--full > .Grid-cell, .large-Grid--column.Grid--full > .Grid-cell, .large-Grid--column > .large-Grid-cell--full, .large-Grid--column > .small-Grid-cell--full, .large-Grid--column > .Grid-cell--full {
      max-height: 100%; }
    .large-Grid--2of3 > .Grid-cell, .large-Grid-cell--2of3 {
      flex: 0 0 66.6666%;
      max-width: 66.6666%; }
    .large-Grid--column--2of3 > .Grid-cell, .large-Grid-cell-column--2of3 {
      width: 66.6666%; }
    .large-Grid--column.large-Grid--2of3 > .Grid-cell, .large-Grid--column.small-Grid--2of3 > .Grid-cell, .large-Grid--column.Grid--2of3 > .Grid-cell, .large-Grid--column > .large-Grid-cell--2of3, .large-Grid--column > .small-Grid-cell--2of3, .large-Grid--column > .Grid-cell--2of3 {
      max-height: 66.6666%; }
    .large-Grid--1of2 > .Grid-cell, .large-Grid-cell--1of2 {
      flex: 0 0 50%;
      max-width: 50%; }
    .large-Grid--column--1of2 > .Grid-cell, .large-Grid-cell-column--1of2 {
      width: 50%; }
    .large-Grid--column.large-Grid--1of2 > .Grid-cell, .large-Grid--column.small-Grid--1of2 > .Grid-cell, .large-Grid--column.Grid--1of2 > .Grid-cell, .large-Grid--column > .large-Grid-cell--1of2, .large-Grid--column > .small-Grid-cell--1of2, .large-Grid--column > .Grid-cell--1of2 {
      max-height: 50%; }
    .large-Grid--2of5 > .Grid-cell, .large-Grid-cell--2of5 {
      flex: 0 0 40%;
      max-width: 40%; }
    .large-Grid--column--2of5 > .Grid-cell, .large-Grid-cell-column--2of5 {
      width: 40%; }
    .large-Grid--column.large-Grid--2of5 > .Grid-cell, .large-Grid--column.small-Grid--2of5 > .Grid-cell, .large-Grid--column.Grid--2of5 > .Grid-cell, .large-Grid--column > .large-Grid-cell--2of5, .large-Grid--column > .small-Grid-cell--2of5, .large-Grid--column > .Grid-cell--2of5 {
      max-height: 40%; }
    .large-Grid--1of3 > .Grid-cell, .large-Grid-cell--1of3 {
      flex: 0 0 33.3333%;
      max-width: 33.3333%; }
    .large-Grid--column--1of3 > .Grid-cell, .large-Grid-cell-column--1of3 {
      width: 33.3333%; }
    .large-Grid--column.large-Grid--1of3 > .Grid-cell, .large-Grid--column.small-Grid--1of3 > .Grid-cell, .large-Grid--column.Grid--1of3 > .Grid-cell, .large-Grid--column > .large-Grid-cell--1of3, .large-Grid--column > .small-Grid-cell--1of3, .large-Grid--column > .Grid-cell--1of3 {
      max-height: 33.3333%; }
    .large-Grid--3of5 > .Grid-cell, .large-Grid-cell--3of5 {
      flex: 0 0 60%;
      max-width: 60%; }
    .large-Grid--3of10 > .Grid-cell, .large-Grid-cell--3of10 {
      flex: 0 0 30%;
      max-width: 30%; }
    .large-Grid--column--3of10 > .Grid-cell, .large-Grid-cell-column--3of10 {
      width: 30%; }
    .large-Grid--column.large-Grid--3of10 > .Grid-cell, .large-Grid--column.small-Grid--3of10 > .Grid-cell, .large-Grid--column.Grid--3of10 > .Grid-cell, .large-Grid--column > .large-Grid-cell--3of10, .large-Grid--column > .small-Grid-cell--3of10, .large-Grid--column > .Grid-cell--3of10 {
      max-height: 30%; }
    .large-Grid--1of4 > .Grid-cell, .large-Grid-cell--1of4 {
      flex: 0 0 25%;
      max-width: 25%; }
    .large-Grid--column--1of4 > .Grid-cell, .large-Grid-cell-column--1of4 {
      width: 25%; }
    .large-Grid--column.large-Grid--1of4 > .Grid-cell, .large-Grid--column.small-Grid--1of4 > .Grid-cell, .large-Grid--column.Grid--1of4 > .Grid-cell, .large-Grid--column > .large-Grid-cell--1of4, .large-Grid--column > .small-Grid-cell--1of4, .large-Grid--column > .Grid-cell--1of4 {
      max-height: 25%; }
    .large-Grid--1of5 > .Grid-cell, .large-Grid-cell--1of5 {
      flex: 0 0 20%;
      max-width: 20%; }
    .large-Grid--column--1of5 > .Grid-cell, .large-Grid-cell-column--1of5 {
      width: 20%; }
    .large-Grid--column.large-Grid--1of5 > .Grid-cell, .large-Grid--column.small-Grid--1of5 > .Grid-cell, .large-Grid--column.Grid--1of5 > .Grid-cell, .large-Grid--column > .large-Grid-cell--1of5, .large-Grid--column > .small-Grid-cell--1of5, .large-Grid--column > .Grid-cell--1of5 {
      max-height: 20%; }
    .large-Grid--1of10 > .Grid-cell, .large-Grid-cell--1of10 {
      flex: 0 0 10%;
      max-width: 10%; } }

@media (min-width: 1280px) {
  .xlarge-Grid--gutters-0 {
    margin-top: -0px;
    margin-left: -0px; }
    .xlarge-Grid--gutters-0 > .Grid-cell {
      padding: 0px 0 0 0px; }
    .xlarge-Grid--left-gutters-0 {
      margin-left: -0px; }
    .xlarge-Grid--left-gutters-0 > .Grid-cell {
      padding-left: 0px; }
    .xlarge-Grid--top-gutters-0 {
      margin-top: -0px; }
    .xlarge-Grid--top-gutters-0 > .Grid-cell {
      padding-top: 0px; }
    .xlarge-Grid--gutters-2 {
      margin-top: -2px;
      margin-left: -2px; }
    .xlarge-Grid--gutters-2 > .Grid-cell {
      padding: 2px 0 0 2px; }
    .xlarge-Grid--left-gutters-2 {
      margin-left: -2px; }
    .xlarge-Grid--left-gutters-2 > .Grid-cell {
      padding-left: 2px; }
    .xlarge-Grid--top-gutters-2 {
      margin-top: -2px; }
    .xlarge-Grid--top-gutters-2 > .Grid-cell {
      padding-top: 2px; }
    .xlarge-Grid--gutters-5 {
      margin-top: -5px;
      margin-left: -5px; }
    .xlarge-Grid--gutters-5 > .Grid-cell {
      padding: 5px 0 0 5px; }
    .xlarge-Grid--left-gutters-5 {
      margin-left: -5px; }
    .xlarge-Grid--left-gutters-5 > .Grid-cell {
      padding-left: 5px; }
    .xlarge-Grid--top-gutters-5 {
      margin-top: -5px; }
    .xlarge-Grid--top-gutters-5 > .Grid-cell {
      padding-top: 5px; }
    .xlarge-Grid--gutters-10 {
      margin-top: -10px;
      margin-left: -10px; }
    .xlarge-Grid--gutters-10 > .Grid-cell {
      padding: 10px 0 0 10px; }
    .xlarge-Grid--left-gutters-10 {
      margin-left: -10px; }
    .xlarge-Grid--left-gutters-10 > .Grid-cell {
      padding-left: 10px; }
    .xlarge-Grid--top-gutters-10 {
      margin-top: -10px; }
    .xlarge-Grid--top-gutters-10 > .Grid-cell {
      padding-top: 10px; }
    .xlarge-Grid--gutters-15 {
      margin-top: -15px;
      margin-left: -15px; }
    .xlarge-Grid--gutters-15 > .Grid-cell {
      padding: 15px 0 0 15px; }
    .xlarge-Grid--left-gutters-15 {
      margin-left: -15px; }
    .xlarge-Grid--left-gutters-15 > .Grid-cell {
      padding-left: 15px; }
    .xlarge-Grid--top-gutters-15 {
      margin-top: -15px; }
    .xlarge-Grid--top-gutters-15 > .Grid-cell {
      padding-top: 15px; }
    .xlarge-Grid--gutters-20 {
      margin-top: -20px;
      margin-left: -20px; }
    .xlarge-Grid--gutters-20 > .Grid-cell {
      padding: 20px 0 0 20px; }
    .xlarge-Grid--left-gutters-20 {
      margin-left: -20px; }
    .xlarge-Grid--left-gutters-20 > .Grid-cell {
      padding-left: 20px; }
    .xlarge-Grid--top-gutters-20 {
      margin-top: -20px; }
    .xlarge-Grid--top-gutters-20 > .Grid-cell {
      padding-top: 20px; }
    .xlarge-Grid--gutters-25 {
      margin-top: -25px;
      margin-left: -25px; }
    .xlarge-Grid--gutters-25 > .Grid-cell {
      padding: 25px 0 0 25px; }
    .xlarge-Grid--left-gutters-25 {
      margin-left: -25px; }
    .xlarge-Grid--left-gutters-25 > .Grid-cell {
      padding-left: 25px; }
    .xlarge-Grid--top-gutters-25 {
      margin-top: -25px; }
    .xlarge-Grid--top-gutters-25 > .Grid-cell {
      padding-top: 25px; }
    .xlarge-Grid--gutters-30 {
      margin-top: -30px;
      margin-left: -30px; }
    .xlarge-Grid--gutters-30 > .Grid-cell {
      padding: 30px 0 0 30px; }
    .xlarge-Grid--left-gutters-30 {
      margin-left: -30px; }
    .xlarge-Grid--left-gutters-30 > .Grid-cell {
      padding-left: 30px; }
    .xlarge-Grid--top-gutters-30 {
      margin-top: -30px; }
    .xlarge-Grid--top-gutters-30 > .Grid-cell {
      padding-top: 30px; }
    .xlarge-Grid--gutters-40 {
      margin-top: -40px;
      margin-left: -40px; }
    .xlarge-Grid--gutters-40 > .Grid-cell {
      padding: 40px 0 0 40px; }
    .xlarge-Grid--left-gutters-40 {
      margin-left: -40px; }
    .xlarge-Grid--left-gutters-40 > .Grid-cell {
      padding-left: 40px; }
    .xlarge-Grid--top-gutters-40 {
      margin-top: -40px; }
    .xlarge-Grid--top-gutters-40 > .Grid-cell {
      padding-top: 40px; }
    .xlarge-Grid--gutters-45 {
      margin-top: -45px;
      margin-left: -45px; }
    .xlarge-Grid--gutters-45 > .Grid-cell {
      padding: 45px 0 0 45px; }
    .xlarge-Grid--left-gutters-45 {
      margin-left: -45px; }
    .xlarge-Grid--left-gutters-45 > .Grid-cell {
      padding-left: 45px; }
    .xlarge-Grid--top-gutters-45 {
      margin-top: -45px; }
    .xlarge-Grid--top-gutters-45 > .Grid-cell {
      padding-top: 45px; }
    .xlarge-Grid--gutters-50 {
      margin-top: -50px;
      margin-left: -50px; }
    .xlarge-Grid--gutters-50 > .Grid-cell {
      padding: 50px 0 0 50px; }
    .xlarge-Grid--left-gutters-50 {
      margin-left: -50px; }
    .xlarge-Grid--left-gutters-50 > .Grid-cell {
      padding-left: 50px; }
    .xlarge-Grid--top-gutters-50 {
      margin-top: -50px; }
    .xlarge-Grid--top-gutters-50 > .Grid-cell {
      padding-top: 50px; }
    .xlarge-Grid--gutters-55 {
      margin-top: -55px;
      margin-left: -55px; }
    .xlarge-Grid--gutters-55 > .Grid-cell {
      padding: 55px 0 0 55px; }
    .xlarge-Grid--left-gutters-55 {
      margin-left: -55px; }
    .xlarge-Grid--left-gutters-55 > .Grid-cell {
      padding-left: 55px; }
    .xlarge-Grid--top-gutters-55 {
      margin-top: -55px; }
    .xlarge-Grid--top-gutters-55 > .Grid-cell {
      padding-top: 55px; }
    .xlarge-Grid--gutters-60 {
      margin-top: -60px;
      margin-left: -60px; }
    .xlarge-Grid--gutters-60 > .Grid-cell {
      padding: 60px 0 0 60px; }
    .xlarge-Grid--left-gutters-60 {
      margin-left: -60px; }
    .xlarge-Grid--left-gutters-60 > .Grid-cell {
      padding-left: 60px; }
    .xlarge-Grid--top-gutters-60 {
      margin-top: -60px; }
    .xlarge-Grid--top-gutters-60 > .Grid-cell {
      padding-top: 60px; }
    .xlarge-Grid--gutters-70 {
      margin-top: -70px;
      margin-left: -70px; }
    .xlarge-Grid--gutters-70 > .Grid-cell {
      padding: 70px 0 0 70px; }
    .xlarge-Grid--left-gutters-70 {
      margin-left: -70px; }
    .xlarge-Grid--left-gutters-70 > .Grid-cell {
      padding-left: 70px; }
    .xlarge-Grid--top-gutters-70 {
      margin-top: -70px; }
    .xlarge-Grid--top-gutters-70 > .Grid-cell {
      padding-top: 70px; }
    .xlarge-Grid--row {
      -webkit-flex-direction: row;
      flex-direction: row; }
    .xlarge-Grid--row-reverse {
      -webkit-flex-direction: row-reverse;
      flex-direction: row-reverse; }
    .xlarge-Grid--column-reverse {
      -webkit-flex-direction: column-reverse;
      flex-direction: column-reverse; }
    .xlarge-Grid--column {
      -webkit-flex-direction: column;
      flex-direction: column; }
    .xlarge-Grid--left {
      justify-content: flex-start; }
    .xlarge-Grid--center {
      justify-content: center; }
    .xlarge-Grid--right {
      justify-content: flex-end; }
    .xlarge-Grid--between {
      justify-content: space-between; }
    .xlarge-Grid--auto > .Grid-cell, .xlarge-Grid-cell--auto {
      flex: 0 0 auto; }
    .xlarge-Grid--fit > .Grid-cell, .xlarge-Grid-cell--fit {
      flex: 1 0 0%;
      max-width: none; }
    .xlarge-Grid--full > .Grid-cell, .xlarge-Grid-cell--full {
      flex: 0 0 100%;
      max-width: 100%; }
    .xlarge-Grid--column > .Grid-cell, .xlarge-Grid--column-reverse > .Grid-cell {
      max-width: none; }
    .xlarge-Grid--column.large-Grid--full > .Grid-cell, .xlarge-Grid--column.small-Grid--full > .Grid-cell, .xlarge-Grid--column.Grid--full > .Grid-cell, .xlarge-Grid--column > .large-Grid-cell--full, .xlarge-Grid--column > .small-Grid-cell--full, .xlarge-Grid--column > .Grid-cell--full {
      max-height: 100%; }
    .xlarge-Grid--2of3 > .Grid-cell, .xlarge-Grid-cell--2of3 {
      flex: 0 0 66.6666%;
      max-width: 66.6666%; }
    .xlarge-Grid--column--2of3 > .Grid-cell, .xlarge-Grid-cell-column--2of3 {
      width: 66.6666%; }
    .xlarge-Grid--column.large-Grid--2of3 > .Grid-cell, .xlarge-Grid--column.small-Grid--2of3 > .Grid-cell, .xlarge-Grid--column.Grid--2of3 > .Grid-cell, .xlarge-Grid--column > .large-Grid-cell--2of3, .xlarge-Grid--column > .small-Grid-cell--2of3, .xlarge-Grid--column > .Grid-cell--2of3 {
      max-height: 66.6666%; }
    .xlarge-Grid--1of2 > .Grid-cell, .xlarge-Grid-cell--1of2 {
      flex: 0 0 50%;
      max-width: 50%; }
    .xlarge-Grid--column--1of2 > .Grid-cell, .xlarge-Grid-cell-column--1of2 {
      width: 50%; }
    .xlarge-Grid--column.large-Grid--1of2 > .Grid-cell, .xlarge-Grid--column.small-Grid--1of2 > .Grid-cell, .xlarge-Grid--column.Grid--1of2 > .Grid-cell, .xlarge-Grid--column > .large-Grid-cell--1of2, .xlarge-Grid--column > .small-Grid-cell--1of2, .xlarge-Grid--column > .Grid-cell--1of2 {
      max-height: 50%; }
    .xlarge-Grid--2of5 > .Grid-cell, .xlarge-Grid-cell--2of5 {
      flex: 0 0 40%;
      max-width: 40%; }
    .xlarge-Grid--column--2of5 > .Grid-cell, .xlarge-Grid-cell-column--2of5 {
      width: 40%; }
    .xlarge-Grid--column.large-Grid--2of5 > .Grid-cell, .xlarge-Grid--column.small-Grid--2of5 > .Grid-cell, .xlarge-Grid--column.Grid--2of5 > .Grid-cell, .xlarge-Grid--column > .large-Grid-cell--2of5, .xlarge-Grid--column > .small-Grid-cell--2of5, .xlarge-Grid--column > .Grid-cell--2of5 {
      max-height: 40%; }
    .xlarge-Grid--1of3 > .Grid-cell, .xlarge-Grid-cell--1of3 {
      flex: 0 0 33.3333%;
      max-width: 33.3333%; }
    .xlarge-Grid--column--1of3 > .Grid-cell, .xlarge-Grid-cell-column--1of3 {
      width: 33.3333%; }
    .xlarge-Grid--column.large-Grid--1of3 > .Grid-cell, .xlarge-Grid--column.small-Grid--1of3 > .Grid-cell, .xlarge-Grid--column.Grid--1of3 > .Grid-cell, .xlarge-Grid--column > .large-Grid-cell--1of3, .xlarge-Grid--column > .small-Grid-cell--1of3, .xlarge-Grid--column > .Grid-cell--1of3 {
      max-height: 33.3333%; }
    .xlarge-Grid--3of5 > .Grid-cell, .xlarge-Grid-cell--3of5 {
      flex: 0 0 60%;
      max-width: 60%; }
    .xlarge-Grid--3of10 > .Grid-cell, .xlarge-Grid-cell--3of10 {
      flex: 0 0 30%;
      max-width: 30%; }
    .xlarge-Grid--column--3of10 > .Grid-cell, .xlarge-Grid-cell-column--3of10 {
      width: 30%; }
    .xlarge-Grid--column.large-Grid--3of10 > .Grid-cell, .xlarge-Grid--column.small-Grid--3of10 > .Grid-cell, .xlarge-Grid--column.Grid--3of10 > .Grid-cell, .xlarge-Grid--column > .large-Grid-cell--3of10, .xlarge-Grid--column > .small-Grid-cell--3of10, .xlarge-Grid--column > .Grid-cell--3of10 {
      max-height: 30%; }
    .xlarge-Grid--1of4 > .Grid-cell, .xlarge-Grid-cell--1of4 {
      flex: 0 0 25%;
      max-width: 25%; }
    .xlarge-Grid--column--1of4 > .Grid-cell, .xlarge-Grid-cell-column--1of4 {
      width: 25%; }
    .xlarge-Grid--column.large-Grid--1of4 > .Grid-cell, .xlarge-Grid--column.small-Grid--1of4 > .Grid-cell, .xlarge-Grid--column.Grid--1of4 > .Grid-cell, .xlarge-Grid--column > .large-Grid-cell--1of4, .xlarge-Grid--column > .small-Grid-cell--1of4, .xlarge-Grid--column > .Grid-cell--1of4 {
      max-height: 25%; }
    .xlarge-Grid--1of5 > .Grid-cell, .xlarge-Grid-cell--1of5 {
      flex: 0 0 20%;
      max-width: 20%; }
    .xlarge-Grid--column--1of5 > .Grid-cell, .xlarge-Grid-cell-column--1of5 {
      width: 20%; }
    .xlarge-Grid--column.large-Grid--1of5 > .Grid-cell, .xlarge-Grid--column.small-Grid--1of5 > .Grid-cell, .xlarge-Grid--column.Grid--1of5 > .Grid-cell, .xlarge-Grid--column > .large-Grid-cell--1of5, .xlarge-Grid--column > .small-Grid-cell--1of5, .xlarge-Grid--column > .Grid-cell--1of5 {
      max-height: 20%; }
    .xlarge-Grid--1of10 > .Grid-cell, .xlarge-Grid-cell--1of10 {
      flex: 0 0 10%;
      max-width: 10%; } }

html.swipebox-html.swipebox-touch {
  overflow: hidden; }

#swipebox-overlay img {
  border: none; }

#swipebox-overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999;
  overflow: hidden;
  user-select: none;
  background: #0d0d0d; }

#swipebox-container {
  position: relative;
  width: 100%;
  height: 100%; }

#swipebox-slider {
  transition : transform 0.4s ease;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  white-space: nowrap;
  position: absolute;
  display: none;
  cursor: pointer; }
  #swipebox-slider .slide {
    height: 100%;
    width: 100%;
    line-height: 1px;
    text-align: center;
    display: inline-block; }
    #swipebox-slider .slide:before {
      content: "";
      display: inline-block;
      height: 50%;
      width: 1px;
      margin-right: -1px; }
    #swipebox-slider .slide img, #swipebox-slider .slide .swipebox-video-container, #swipebox-slider .slide .swipebox-inline-container {
      display: inline-block;
      max-height: 100%;
      max-width: 100%;
      margin: 0;
      padding: 0;
      width: auto;
      height: auto;
      vertical-align: middle; }
    #swipebox-slider .slide .swipebox-video-container {
      background: none;
      max-width: 1140px;
      max-height: 100%;
      width: 100%;
      padding: 5%;
      box-sizing: border-box; }
      #swipebox-slider .slide .swipebox-video-container .swipebox-video {
        width: 100%;
        height: 0;
        padding-bottom: 56.25%;
        overflow: hidden;
        position: relative; }
        #swipebox-slider .slide .swipebox-video-container .swipebox-video iframe {
          width: 100%;
          height: 100%;
          position: absolute;
          top: 0;
          left: 0; }
  #swipebox-slider .slide-loading {
    background: url("/res/img/loader.svg") no-repeat center center; }

#swipebox-bottom-bar, #swipebox-top-bar {
  transition : 0.5s;
  position: absolute;
  left: 0;
  z-index: 999;
  height: 50px;
  width: 100%;
  text-shadow: 1px 1px 1px black;
  background: #000;
  opacity: 0.95; }

#swipebox-bottom-bar {
  bottom: -50px; }
  #swipebox-bottom-bar.visible-bars {
    -webkit-transform: translate3d(0, -50px, 0);
    transform: translate3d(0, -50px, 0); }

#swipebox-top-bar {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  color: white;
  font-size: 15px;
  line-height: 43px;
  font-family: Dosis, arial, sans-serif, sans-serif;
  top: -50px; }
  #swipebox-top-bar.visible-bars {
    transform: translate3d(0, 50px, 0); }

#swipebox-title {
  display: block;
  width: 100%;
  text-align: center; }

#swipebox-prev, #swipebox-next, #swipebox-close {
  background-image: url(/res/img/icons.svg);
  background-repeat: no-repeat;
  border: none;
  text-decoration: none;
  cursor: pointer;
  width: 50px;
  height: 50px;
  top: 0; }

#swipebox-arrows {
  display: block;
  margin: 0 auto;
  width: 100%;
  height: 50px; }

#swipebox-prev, #swipebox-next {
  position: absolute;
  top: 50%; }

#swipebox-prev {
  background-position: -32px 13px;
  left: 0; }

#swipebox-next {
  background-position: -78px 13px;
  right: 0; }

#swipebox-close {
  top: 0;
  right: 0;
  position: absolute;
  z-index: 9999;
  background-position: 15px 12px; }

.swipebox-no-close-button #swipebox-close {
  display: none; }

#swipebox-prev.disabled, #swipebox-next.disabled {
  opacity: 0.3; }

.swipebox-no-touch #swipebox-overlay.rightSpring #swipebox-slider {
  -webkit-animation : rightSpring 0.3s;
  animation : rightSpring 0.3s; }
  .swipebox-no-touch #swipebox-overlay.leftSpring #swipebox-slider {
    -webkit-animation : leftSpring 0.3s;
    animation : leftSpring 0.3s; }

.swipebox-touch #swipebox-container:before, .swipebox-touch #swipebox-container:after {
  backface-visibility: hidden;
  transition : all 0.3s ease;
  content : ' ';
  position: absolute;
  z-index: 999;
  top: 0;
  height: 100%;
  width: 20px;
  opacity: 0; }
  .swipebox-touch #swipebox-container:before {
    left: 0;
    box-shadow: inset 10px 0px 10px -8px #656565; }
  .swipebox-touch #swipebox-container:after {
    right: 0;
    box-shadow: inset -10px 0px 10px -8px #656565; }
  .swipebox-touch #swipebox-overlay.leftSpringTouch #swipebox-container:before {
    opacity: 1; }
  .swipebox-touch #swipebox-overlay.rightSpringTouch #swipebox-container:after {
    opacity: 1; }

@keyframes rightSpring {
  0% {
    left: 0; }

  50% {
    left: -30px; }

  100% {
    left: 0; } }

@keyframes leftSpring {
  0% {
    left: 0; }

  50% {
    left: 30px; }

  100% {
    left: 0; } }

@media screen and (min-width: 800px) {
  #swipebox-close {
    right: 10px; }

  #swipebox-arrows {
    width: 92%;
    max-width: 800px; } }

.back-to-blog {
  padding-bottom: 50px;
  text-align: center; }

.blog-paginator {
  text-align: center;
  padding-bottom: 50px; }
  .blog-paginator li {
    display: inline-block;
    vertical-align: top;
    margin: 0 5px; }
  .blog-paginator li > span, .blog-paginator li a {
    display: inline-block;
    vertical-align: bottom; }
  .blog-paginator li a {
    padding: 5px 10px;
    color: #5d8c7f;
    border: 1px solid #5d8c7f;
    border-radius: 3px;
    transition: background 0.2s; }
    .blog-paginator li a:hover, .blog-paginator li a.active {
      color: #fff;
      border-color: #5d8c7f; }
    .blog-paginator li a.active {
      background: #5d8c7f; }
    .blog-paginator li a:hover:not(.active) {
      background: #6e9f91;
      transition: background 0.2s; }
  .blog-paginator .blog-paginator-first > span {
    margin-left: 10px; }
  .blog-paginator .blog-paginator-last > span {
    margin-right: 10px; }

.ariane {
  padding-top: 40px;
  text-align: center; }
  .ariane ul {
    padding: 0;
    margin: 0; }
  .ariane li {
    display: inline-block;
    color: #000; }
  .ariane li:after {
    content: ' >'; }
  .ariane li:last-child:after {
    content: ''; }
  .ariane a:hover, .ariane a:focus {
    border-bottom: 1px solid #5d8c7f;
    color: #5d8c7f; }

.intro-blog-layout {
  padding: 50px 16px;
  text-align: center; }
  .intro-blog-layout h1, .intro-blog-layout .intro-blog-layout .h1, .intro-blog-layout .intro-blog-layout .h1, .intro-blog-layout .h1 {
    color: #5d8c7f; }
  .categories-thumbs-layout {
    padding: 0 0 50px; }

.categories-thumbs {
  max-width: 1280px;
  width: 100%;
  margin: auto;
  padding: 0 16px; }
  .categories-thumbs ul {
    padding: 0;
    list-style: none; }
  .categories-thumbs a {
    display: block;
    height: 280px;
    color: #fff;
    font-size: 22px; }
  .categories-thumbs a > span {
    height: 100%;
    align-items: center;
    justify-content: center;
    display: flex;
    transition: background 0.2s; }
  .categories-thumbs a:hover > span, .categories-thumbs a.active > span {
    background: rgba(93, 140, 127, .7);
    transition: background 0.2s; }

@media all and (min-width: 1025px) {
  .categories-thumbs {
    padding: 0 40px; } }

.categories-switcher-layout {
  padding-bottom: 50px; }

.switcher-categories-default {
  max-width: 1280px;
  width: 100%;
  margin: auto;
  padding: 0 16px; }

@media all and (min-width: 1025px) {
  .switcher-categories-default {
    padding: 0 40px; } }

@media all and (min-width: 768px) {
  .switcher-categories-default, .swicther-categories-header {
    height: 380px; }

  .swicther-categories-header {
    height: 620px; } }

.articles-big-thumbs-layout {
  padding: 0 0 50px; }

.articles-big-thumbs-wrapper {
  padding: 0 16px; }

.articles-big-thumbs-item {
  height: 620px;
  padding: 25px;
  position: relative; }

.articles-big-thumbs-item-inner {
  background: rgba(255, 255, 255, .9);
  padding: 80px 20px 20px;
  position: relative;
  text-align: center; }

.articles-big-thumbs-date {
  position: absolute;
  left: 0;
  right: 0;
  bottom: calc(100% - 60px);
  text-align: center;
  font-size: 24px; }
  .articles-big-thumbs-date > div {
    background: #5d8c7f;
    color: #fff;
    padding: 20px 30px;
    display: inline-block; }
  .articles-big-thumbs-date strong {
    font-size: 28px; }

.articles-big-thumbs-resume {
  padding-bottom: 15px; }

.articles-big-thumbs-category a {
  color: #5d8c7f; }
  .articles-big-thumbs-category a:hover {
    border-bottom: 1px solid #5d8c7f; }

@media all and (min-width: 1025px) {
  .articles-big-thumbs-wrapper {
    padding: 0 40px; } }

.articles-thumbs-layout {
  padding-bottom: 50px; }

.articles-thumbs-wrapper {
  padding: 0 16px; }

.articles-thumbs-item {
  height: 520px;
  position: relative; }
  .articles-thumbs-item:hover .articles-thumbs-item-inner, .articles-thumbs-item:focus .articles-thumbs-item-inner {
    opacity: 1;
    transition: opacity 0.2s; }

.articles-thumbs-item-inner {
  position: absolute;
  padding: 20px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: rgba(0, 0, 0, .5);
  transition: opacity 0.2s; }
  .articles-thumbs-item-inner h2, .articles-thumbs-item-inner .circle-item-content h3, .circle-item-content .articles-thumbs-item-inner h3 {
    text-align: center; }
  .articles-thumbs-item-inner > * {
    color: #fff; }

.articles-thumbs-header {
  padding-bottom: 20px; }

.articles-thumb-published, .articles-thumbs-link {
  text-align: center; }

.articles-thumbs-link {
  padding-top: 20px; }

.articles-thumbs-resume {
  height: 150px;
  overflow-y: auto; }

@media all and (min-width: 1025px) {
  .articles-thumbs-wrapper {
    padding: 0 40px; } }

.default-post-wrapper {
  max-width: 1280px;
  width: 100%;
  margin: auto;
  padding: 0 16px; }

.default-post-img img {
  max-width: 1280px;
  width: 100%;
  height: 480px;
  object-fit: cover;
  display: block;
  margin: auto; }

.default-post-title {
  padding: 40px 0;
  text-align: center; }

.default-post-published a {
  color: #5d8c7f; }
  .default-post-published a:hover {
    text-decoration: underline; }

.default-post-content {
  padding-bottom: 50px; }
  .default-post-content img {
    max-width: 100%; }
  .default-post-content img img {
    height: auto !important; }

@media all and (min-width: 1025px) {
  .default-post-wrapper {
    padding: 0 40px; } }

.klaro.cm-as-context-notice {
  height: 100%;
  padding-bottom: 12px;
  padding-top: 12px; }

.klaro .context-notice, .klaro .cookie-notice {
  font-size: 16px; }

.klaro .cookie-modal .cm-switch-container, .klaro .context-notice .cm-switch-container, .klaro .cookie-notice .cm-switch-container {
  display: block;
  position: relative;
  padding: 10px;
  padding-left: 66px;
  line-height: 20px;
  vertical-align: middle;
  min-height: 40px;
  border-bottom: 1px solid #ccc; }

.klaro .cookie-modal .cm-switch-container:last-child, .klaro .context-notice .cm-switch-container:last-child, .klaro .cookie-notice .cm-switch-container:last-child {
  border-bottom: 0; }

.klaro .cookie-modal .cm-switch-container:first-child, .klaro .context-notice .cm-switch-container:first-child, .klaro .cookie-notice .cm-switch-container:first-child {
  margin-top: 0; }

.klaro .cookie-modal .cm-switch-container p, .klaro .context-notice .cm-switch-container p, .klaro .cookie-notice .cm-switch-container p {
  margin-top: 0; }

.klaro .cookie-modal .cm-switch, .klaro .context-notice .cm-switch, .klaro .cookie-notice .cm-switch {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 30px; }

.klaro .cookie-modal .cm-list-input:checked + .cm-list-label .slider, .klaro .context-notice .cm-list-input:checked + .cm-list-label .slider, .klaro .cookie-notice .cm-list-input:checked + .cm-list-label .slider {
  background-color: #48dfb2;
  background-color: var(--green1, #48dfb2); }

.klaro .cookie-modal .cm-list-input.half-checked:checked + .cm-list-label .slider, .klaro .context-notice .cm-list-input.half-checked:checked + .cm-list-label .slider, .klaro .cookie-notice .cm-list-input.half-checked:checked + .cm-list-label .slider {
  background-color: #5d8c7f;
  background-color: var(--green1, #5d8c7f);
  opacity: 0.6; }

.klaro .cookie-modal .cm-list-input.half-checked:checked + .cm-list-label .slider::before, .klaro .context-notice .cm-list-input.half-checked:checked + .cm-list-label .slider::before, .klaro .cookie-notice .cm-list-input.half-checked:checked + .cm-list-label .slider::before {
  -ms-transform: translateX(10px);
  transform: translateX(10px); }

.klaro .cookie-modal .cm-list-input.only-required + .cm-list-label .slider, .klaro .context-notice .cm-list-input.only-required + .cm-list-label .slider, .klaro .cookie-notice .cm-list-input.only-required + .cm-list-label .slider {
  background-color: #24cc9a;
  background-color: var(--green2, #24cc9a);
  opacity: 0.8; }

.klaro .cookie-modal .cm-list-input.only-required + .cm-list-label .slider::before, .klaro .context-notice .cm-list-input.only-required + .cm-list-label .slider::before, .klaro .cookie-notice .cm-list-input.only-required + .cm-list-label .slider::before {
  -ms-transform: translateX(10px);
  transform: translateX(10px); }

.klaro .cookie-modal .cm-list-input.required:checked + .cm-list-label .slider, .klaro .context-notice .cm-list-input.required:checked + .cm-list-label .slider, .klaro .cookie-notice .cm-list-input.required:checked + .cm-list-label .slider {
  background-color: #24cc9a;
  background-color: var(--green2, #24cc9a);
  opacity: 0.8;
  cursor: not-allowed; }

.klaro .cookie-modal .cm-list-input, .klaro .context-notice .cm-list-input, .klaro .cookie-notice .cm-list-input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  width: 50px;
  height: 30px; }

.klaro .cookie-modal .cm-list-title, .klaro .context-notice .cm-list-title, .klaro .cookie-notice .cm-list-title {
  font-size: 14px;
  font-weight: 600; }

.klaro .cookie-modal .cm-list-description, .klaro .context-notice .cm-list-description, .klaro .cookie-notice .cm-list-description {
  font-size: 14px;
  padding-top: 4px;
  color: #666; }

.klaro .cookie-modal .cm-list-label .cm-switch, .klaro .context-notice .cm-list-label .cm-switch, .klaro .cookie-notice .cm-list-label .cm-switch {
  position: absolute;
  left: 0; }

.klaro .cookie-modal .cm-list-label .slider, .klaro .context-notice .cm-list-label .slider, .klaro .cookie-notice .cm-list-label .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: 0.4s;
  width: 50px;
  display: inline-block; }

.klaro .cookie-modal .cm-list-label .slider::before, .klaro .context-notice .cm-list-label .slider::before, .klaro .cookie-notice .cm-list-label .slider::before {
  position: absolute;
  content: '';
  height: 20px;
  width: 20px;
  left: 5px;
  bottom: 5px;
  background-color: #fff;
  transition: 0.4s; }

.klaro .cookie-modal .cm-list-label .slider.round, .klaro .context-notice .cm-list-label .slider.round, .klaro .cookie-notice .cm-list-label .slider.round {
  border-radius: 30px; }

.klaro .cookie-modal .cm-list-label .slider.round::before, .klaro .context-notice .cm-list-label .slider.round::before, .klaro .cookie-notice .cm-list-label .slider.round::before {
  border-radius: 50%; }

.klaro .cookie-modal .cm-list-label input:focus + .slider, .klaro .context-notice .cm-list-label input:focus + .slider, .klaro .cookie-notice .cm-list-label input:focus + .slider {
  box-shadow-color: #48dfb2;
  box-shadow-color: var(--green3, #48dfb2);
  box-shadow: 0 0 1px #48dfb2; }

.klaro .cookie-modal .cm-list-label input:checked + .slider::before, .klaro .context-notice .cm-list-label input:checked + .slider::before, .klaro .cookie-notice .cm-list-label input:checked + .slider::before {
  -ms-transform: translateX(20px);
  transform: translateX(20px); }

.klaro .cookie-modal .cm-list-input:focus + .cm-list-label .slider, .klaro .context-notice .cm-list-input:focus + .cm-list-label .slider, .klaro .cookie-notice .cm-list-input:focus + .cm-list-label .slider {
  box-shadow: 0 4px 6px 0 rgba(125, 125, 125, 0.2), 5px 5px 10px 0 rgba(125, 125, 125, 0.19); }

.klaro .cookie-modal .cm-list-input:checked + .cm-list-label .slider::before, .klaro .context-notice .cm-list-input:checked + .cm-list-label .slider::before, .klaro .cookie-notice .cm-list-input:checked + .cm-list-label .slider::before {
  -ms-transform: translateX(20px);
  transform: translateX(20px); }

.klaro .cookie-modal .slider, .klaro .context-notice .slider, .klaro .cookie-notice .slider {
  box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.2), 5px 5px 10px 0 rgba(0, 0, 0, 0.19); }

.klaro .cookie-modal a, .klaro .context-notice a, .klaro .cookie-notice a {
  color: #5d8c7f;
  color: var(--green1, #5d8c7f);
  text-decoration: none; }

.klaro .cookie-modal p, .klaro .cookie-modal strong, .klaro .cookie-modal h1, .klaro .cookie-modal .intro-blog-layout .h1, .intro-blog-layout .klaro .cookie-modal .h1, .klaro .cookie-modal h2, .klaro .cookie-modal .circle-item-content h3, .circle-item-content .klaro .cookie-modal h3, .klaro .cookie-modal ul, .klaro .cookie-modal li, .klaro .context-notice p, .klaro .context-notice strong, .klaro .context-notice h1, .klaro .context-notice .intro-blog-layout .h1, .intro-blog-layout .klaro .context-notice .h1, .klaro .context-notice h2, .klaro .context-notice .circle-item-content h3, .circle-item-content .klaro .context-notice h3, .klaro .context-notice ul, .klaro .context-notice li, .klaro .cookie-notice p, .klaro .cookie-notice strong, .klaro .cookie-notice h1, .klaro .cookie-notice .intro-blog-layout .h1, .intro-blog-layout .klaro .cookie-notice .h1, .klaro .cookie-notice h2, .klaro .cookie-notice .circle-item-content h3, .circle-item-content .klaro .cookie-notice h3, .klaro .cookie-notice ul, .klaro .cookie-notice li {
  color: #eee;
  color: var(--font-color-dark, #eee); }

.klaro .cookie-modal p, .klaro .cookie-modal h1, .klaro .cookie-modal .intro-blog-layout .h1, .intro-blog-layout .klaro .cookie-modal .h1, .klaro .cookie-modal h2, .klaro .cookie-modal .circle-item-content h3, .circle-item-content .klaro .cookie-modal h3, .klaro .cookie-modal ul, .klaro .cookie-modal li, .klaro .context-notice p, .klaro .context-notice h1, .klaro .context-notice .intro-blog-layout .h1, .intro-blog-layout .klaro .context-notice .h1, .klaro .context-notice h2, .klaro .context-notice .circle-item-content h3, .circle-item-content .klaro .context-notice h3, .klaro .context-notice ul, .klaro .context-notice li, .klaro .cookie-notice p, .klaro .cookie-notice h1, .klaro .cookie-notice .intro-blog-layout .h1, .intro-blog-layout .klaro .cookie-notice .h1, .klaro .cookie-notice h2, .klaro .cookie-notice .circle-item-content h3, .circle-item-content .klaro .cookie-notice h3, .klaro .cookie-notice ul, .klaro .cookie-notice li {
  display: block;
  text-align: left;
  margin: 0;
  padding: 0;
  margin-top: 0.7em; }

.klaro .cookie-modal .cm-link, .klaro .context-notice .cm-link, .klaro .cookie-notice .cm-link {
  margin-right: 0.5em;
  vertical-align: middle; }

.klaro .cookie-modal .cm-btn, .klaro .context-notice .cm-btn, .klaro .cookie-notice .cm-btn {
  color: #eee;
  color: var(--font-color-dark, #eee);
  background: none;
  padding: 6px 10px;
  margin-right: 0.5em;
  border: 0;
  padding: 0.4em 0.6em;
  font-size: 1em;
  cursor: pointer;
  letter-spacing: 1px; }

.klaro .cookie-modal .cm-btn.cm-btn-decline, .klaro .context-notice .cm-btn.cm-btn-decline, .klaro .cookie-notice .cm-btn.cn-decline {
  border-bottom: 2px solid #fff;
  color: #fff; }

.klaro .cookie-modal .cm-btn.cm-btn-decline:hover, .klaro .context-notice .cm-btn.cm-btn-decline:hover, .klaro .cookie-notice .cm-btn.cn-decline:hover {
  background: rgba(85, 85, 85, .3); }

.klaro .cookie-notice .cm-btn.cm-btn-success {
  border-radius: 6px;
  color: #fff; }

.klaro .cookie-notice .cm-btn.cm-btn-success:hover, .klaro .cm-btn.cm-btn-success.cm-btn-accept-all:hover {
  background: rgba(93, 140, 127, .8); }

.klaro .cookie-modal .cm-btn:disabled, .klaro .context-notice .cm-btn:disabled, .klaro .cookie-notice .cm-btn:disabled {
  opacity: 0.5; }

.klaro .cookie-modal .cm-btn.cm-btn-close, .klaro .context-notice .cm-btn.cm-btn-close, .klaro .cookie-notice .cm-btn.cm-btn-close {
  background: #aaa;
  color: #000; }

.klaro .cookie-modal .cm-btn.cm-btn-success, .klaro .context-notice .cm-btn.cm-btn-success, .klaro .cookie-notice .cm-btn.cm-btn-success {
  background: #5d8c7f;
  color: #fff; }

.klaro .cookie-modal .cm-btn.cm-btn-success-var, .klaro .context-notice .cm-btn.cm-btn-success-var, .klaro .cookie-notice .cm-btn.cm-btn-success-var {
  background: #24cc9a;
  background: var(--green2, #24cc9a); }

.klaro .cookie-modal .cm-btn.cm-btn-info, .klaro .context-notice .cm-btn.cm-btn-info, .klaro .cookie-notice .cm-btn.cm-btn-info {
  background: none;
  color: #fff;
  border-bottom: 2px solid #fff; }

.klaro .cookie-modal .cm-btn.cm-btn-info:hover, .klaro .context-notice .cm-btn.cm-btn-info:hover, .klaro .cookie-notice .cm-btn.cm-btn-info:hover {
  background: rgba(85, 85, 85, .3); }

.klaro .context-notice {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  height: 100%;
  background: #eee;
  border: 1px solid #f0f0f0;
  border-radius: 4px;
  padding: 12px; }

.klaro .context-notice p {
  flex-grow: 0;
  text-align: center;
  padding-top: 0;
  margin-top: 0;
  color: #000; }

.klaro .context-notice p strong {
  color: #333; }

.klaro .context-notice p a {
  color: #459cdc; }

.klaro .context-notice p.cm-buttons {
  margin-top: 12px; }

.klaro .cookie-modal {
  width: 100%;
  height: 100%;
  position: fixed;
  overflow: hidden;
  left: 0;
  top: 0;
  z-index: 1000;
  font-size: 14px; }

.klaro .cookie-modal.cm-embedded {
  position: relative;
  height: inherit;
  width: inherit;
  left: inherit;
  right: inherit;
  z-index: 0; }

.klaro .cookie-modal.cm-embedded .cm-modal.cm-klaro {
  position: relative;
  -ms-transform: none;
  transform: none; }

.klaro .cookie-modal .cm-bg {
  background: rgba(0, 0, 0, 0.5);
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0; }

.klaro .cookie-modal .cm-modal.cm-klaro {
  z-index: 1001;
  box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.2), 5px 5px 10px 0 rgba(0, 0, 0, 0.19);
  width: 100%;
  max-height: 98%;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  position: fixed;
  overflow: auto;
  background: rgba(51, 51, 51, 0.95);
  color: #eee; }

@media (min-width: 660px) {
  .klaro .cookie-modal .cm-modal.cm-klaro {
    border-radius: 4px;
    position: relative;
    margin: 0 auto;
    max-width: 640px;
    height: auto;
    width: auto; } }

.klaro .cookie-modal .cm-modal .hide {
  border-style: none;
  background: none;
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 1; }

.klaro .cookie-modal .cm-modal .hide svg {
  stroke: #eee; }

.klaro .cookie-modal .cm-modal .cm-footer {
  padding: 1em;
  border-top: 1px solid #555; }

.klaro .cookie-modal .cm-modal .cm-footer-buttons {
  display: flex;
  flex-flow: row;
  justify-content: space-between; }

.klaro .cookie-modal .cm-modal .cm-footer .cm-powered-by {
  font-size: 0.8em;
  padding-top: 4px;
  text-align: right;
  padding-right: 8px; }

.klaro .cookie-modal .cm-modal .cm-footer .cm-powered-by a {
  color: #999; }

.klaro .cookie-modal .cm-modal .cm-header {
  padding: 1em;
  padding-right: 24px;
  border-bottom: 1px solid #555; }

.klaro .cookie-modal .cm-modal .cm-header h1, .klaro .cookie-modal .cm-modal .cm-header .intro-blog-layout .h1, .intro-blog-layout .klaro .cookie-modal .cm-modal .cm-header .h1 {
  margin: 0;
  font-size: 1.5em;
  display: block; }

.klaro .cookie-modal .cm-modal .cm-header h1.title, .klaro .cookie-modal .cm-modal .cm-header .intro-blog-layout .h1.title, .intro-blog-layout .klaro .cookie-modal .cm-modal .cm-header .h1.title {
  padding-right: 20px; }

.klaro .cookie-modal .cm-modal .cm-body {
  padding: 1em; }

.klaro .cookie-modal .cm-modal .cm-body ul {
  display: block; }

.klaro .cookie-modal .cm-modal .cm-body span {
  display: inline-block;
  width: auto; }

.klaro .cookie-modal .cm-modal .cm-body ul.cm-services, .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes {
  padding: 0;
  margin: 0; }

.klaro .cookie-modal .cm-caret, .klaro .cookie-modal .cm-caret {
  color: #888; }

.klaro ul.cm-services li.cm-purpose .cm-content, .klaro ul.cm-purposes li.cm-purpose .cm-content {
  margin-left: -40px;
  display: none; }

.klaro ul.cm-services li.cm-purpose .cm-content.expanded, .klaro ul.cm-purposes li.cm-purpose .cm-content.expanded {
  margin-top: 10px;
  display: block; }

.klaro .cookie-modal li.cm-service, .klaro .cookie-modal li.cm-purpose, .klaro .cookie-modal li.cm-service, .klaro .cookie-modal li.cm-purpose {
  position: relative;
  line-height: 20px;
  vertical-align: middle;
  padding-left: 60px;
  min-height: 40px; }

.klaro .cookie-modal li.cm-service:first-child, .klaro .cookie-modal li.cm-purpose:first-child, .klaro .cookie-modal li.cm-service:first-child, .klaro .cookie-modal li.cm-purpose:first-child {
  margin-top: 0; }

.klaro .cookie-modal li.cm-service p, .klaro .cookie-modal li.cm-purpose p, .klaro .cookie-modal li.cm-service p, .klaro .cookie-modal li.cm-purpose p {
  margin-top: 0; }

.klaro .cookie-modal li.cm-service p.purposes, .klaro .cookie-modal li.cm-purpose p.purposes, .klaro .cookie-modal li.cm-service p.purposes, .klaro .cookie-modal li.cm-purpose p.purposes {
  font-size: 0.8em;
  color: #999; }

.klaro .cookie-modal li.cm-service.cm-toggle-all, .klaro .cookie-modal li.cm-purpose.cm-toggle-all, .klaro .cookie-modal li.cm-service.cm-toggle-all, .klaro .cookie-modal li.cm-purpose.cm-toggle-all {
  border-top: 1px solid #555;
  padding-top: 1em; }

.klaro .cookie-modal li.cm-service span.cm-list-title, .klaro .cookie-modal li.cm-purpose span.cm-list-title, .klaro .cookie-modal li.cm-service span.cm-list-title, .klaro .cookie-modal li.cm-purpose span.cm-list-title {
  font-weight: 600; }

.klaro .cookie-modal li.cm-service span.cm-opt-out, .klaro .cookie-modal li.cm-service span.cm-required, .klaro .cookie-modal li.cm-purpose span.cm-opt-out, .klaro .cookie-modal li.cm-purpose span.cm-required, .klaro .cookie-modal li.cm-service span.cm-opt-out, .klaro .cookie-modal li.cm-service span.cm-required, .klaro .cookie-modal li.cm-purpose span.cm-opt-out, .klaro .cookie-modal li.cm-purpose span.cm-required {
  padding-left: 0.2em;
  font-size: 0.8em;
  color: #999; }

.klaro .cookie-notice:not(.cookie-modal-notice) {
  background: rgba(0, 0, 0, 0.87);
  z-index: 9999;
  position: fixed;
  width: 100%;
  bottom: 0;
  right: 0;
  padding: 20px 10px; }

.klaro .cookie-notice:not(.cookie-modal-notice).cn-embedded {
  position: relative;
  height: inherit;
  width: inherit;
  left: inherit;
  right: inherit;
  bottom: inherit;
  z-index: 0; }

.klaro .cookie-notice:not(.cookie-modal-notice).cn-embedded .cn-body {
  padding-top: 0.5em; }

.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body {
  margin-bottom: 0;
  margin-right: 0;
  bottom: 0;
  padding: 1em;
  padding-top: 0; }

.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body p {
  margin-bottom: 0.5em;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
  font-size: 16px;
  line-height: 25px;
  text-transform: uppercase;
  max-width: 960px;
  width: 100%; }

.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body p a:hover {
  text-decoration: underline; }

.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body p.cn-changes {
  text-decoration: underline; }

.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-learn-more {
  display: inline-block;
  padding: 0.3em 0.6em;
  border-bottom: 2px solid #fff;
  color: #fff;
  height: 33px; }

.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-learn-more:hover {
  text-decoration: none;
  background: rgba(85, 85, 85, .3); }

.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-buttons {
  display: inline-block;
  margin-top: -0.5em; }

@media (max-width: 384px) {
  .klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-buttons {
    width: 100%; } }

.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-buttons button.cm-btn {
  margin-top: 0.5em; }

@media (max-width: 384px) {
  .klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-buttons button.cm-btn {
    width: calc(50% - 0.5em); } }

.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-ok {
  margin-top: -0.5em;
  display: flex;
  flex-flow: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: baseline; }

.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-ok a, .klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-ok div {
  margin-top: 0.5em; }

.klaro .cookie-modal-notice {
  z-index: 1001;
  box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.2), 5px 5px 10px 0 rgba(0, 0, 0, 0.19);
  width: 100%;
  max-height: 98%;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  position: fixed;
  overflow: auto;
  background: #333;
  color: #eee;
  padding: 1em;
  padding-top: 0.2em; }

@media (min-width: 400px) {
  .klaro .cookie-modal-notice {
    border-radius: 4px;
    position: relative;
    margin: 0 auto;
    max-width: 400px;
    height: auto;
    width: auto; } }

.klaro .cookie-modal-notice .cn-ok {
  display: flex;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  margin-top: 1em; }

#contact-box-wrap {
  position: fixed;
  bottom: 0;
  right: 23px;
  width: 100%;
  z-index: 300; }

#contact-box {
  width: 230px;
  position: absolute;
  right: 20px;
  bottom: 0;
  text-align: center;
  background-color: rgba(255, 255, 255, .9);
  padding: 0;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, .34); }

#contact-btn {
  display: block;
  cursor: pointer;
  transition: background-color 0.2s; }
  #contact-btn svg {
    vertical-align: middle; }
  #contact-btn:hover {
    text-decoration: none;
    background-color: #fff;
    transition: background-color 0.2s; }

#cbtn-text {
  text-transform: uppercase;
  font-size: 13px;
  display: block;
  color: #5d8c7f;
  font-weight: 700;
  font-family: Dosis, arial, sans-serif;
  line-height: normal;
  padding: 12px 0; }

.contact-link {
  font-size: 13px;
  margin-left: 5px;
  vertical-align: middle;
  display: block;
  line-height: 26px;
  color: #000;
  transition: color 0.2s; }
  .contact-link svg {
    width: 13px;
    height: 13px;
    fill: #000;
    vertical-align: middle;
    transition: fill 0.2s; }
  .contact-link:hover {
    color: #5d8c7f;
    text-decoration: none;
    transition: color 0.2s; }
  .contact-link:hover svg {
    fill: #000;
    transition: fill 0.2s; }

.contact-form {
  color: #fff;
  text-align: center;
  display: none;
  padding: 0 10px 10px; }
  .contact-form label {
    display: block;
    width: 100%;
    margin: 0 0 0.8em; }
  .contact-form button, .contact-form label {
    margin-top: 10px; }
  .contact-form input, .contact-form textarea {
    padding: 5px;
    width: 100%;
    border: 1px solid #d7d7d7; }
  .contact-form textarea {
    height: 120px;
    min-height: 90px; }
  .contact-form button {
    width: 100%;
    border: none;
    cursor: pointer;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-weight: 700; }
  .contact-form input[type="email"], .contact-form input[type="text"], .contact-form textarea {
    display: block;
    width: 100%;
    padding: 0.5em 0.8em;
    font-size: 16px;
    font-weight: 400;
    background: transparent;
    border: #d7d7d7 solid 1px; }
  .contact-form input[type="email"]:hover, .contact-form input[type="text"]:hover, .contact-form textarea:hover {
    background: rgba(255, 255, 255, .4);
    color: #8d8d8d; }
  .contact-form input[type="email"]:focus, .contact-form input[type="text"]:focus, .contact-form textarea:focus {
    background: #fff;
    color: #000; }
  .contact-form input[type="submit"] {
    display: inline-block;
    padding: 0.5em 0.8em;
    margin: 0.8em 0 0;
    font-size: 1em;
    color: #fff;
    cursor: pointer;
    border: 1px solid ;
    text-transform: uppercase;
    background: #5d8c7f;
    transition: all 0.3s; }
  .contact-form input[type="submit"]:focus, .contact-form input[type="submit"]:hover {
    background: #fff;
    color: #5d8c7f;
    transition: all 0.3s; }

.recaptcha-wrap {
  overflow: hidden; }

@media all and (min-width: 768px) {
  .contact-form input[type="email"], .contact-form input[type="text"], .contact-form textarea {
    font-size: 13px; } }

@media all and (max-width: 767px) {
  #contact-btn {
    display: none; }

  #contact-box-wrap {
    width: 100%;
    right: 0; }

  #contact-box {
    right: 0;
    left: 0;
    width: 100%;
    max-height: calc(100vh - 40px);
    overflow: auto; } }

.form-gpdr-hidden {
  display: none; }
  .form-gpdr-hidden .form-gpdr {
    font-size: 11px; }

.form-gpdr-btn {
  -webkit-appearance: none;
  background: #333;
  color: #fff;
  transition: opacity 0.2s;
  padding: 10px 0;
  display: block;
  width: 100%;
  margin-top: 10px; }
  .form-gpdr-btn:hover {
    opacity: 0.8;
    transition: opacity 0.2s; }

.form-gpdr {
  font-size: 12px;
  font-family: inherit;
  color: #000;
  height: 200px;
  overflow-y: auto; }

.slider-header, .simple-header-bg {
  height: calc(100vh - 118px);
  position: relative; }

.simple-header-bg .scrolldown {
  bottom: 10px; }

.gallery-header-content {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  padding-bottom: 100px;
  z-index: 102; }
  .gallery-header-content img {
    max-width: 351px;
    width: 100%;
    display: block;
    margin: auto; }

.cycle-pager {
  position: absolute;
  text-align: center;
  z-index: 101; }
  .cycle-pager button {
    border: 2px solid #fff;
    border-radius: 50%;
    width: 14px;
    height: 14px;
    background: transparent;
    padding: 0;
    margin: 0 5px;
    cursor: pointer;
    transition: background 0.2s; }
  .cycle-pager button:hover, .cycle-pager button.cycle-pager-active {
    background: #fff;
    transition: background 0.2s; }

.pager-default {
  left: 0;
  right: 0;
  bottom: 20px; }

.pager-side {
  left: 15px;
  bottom: 30px; }

@media all and (min-width: 768px) {
  /* ======== iPad Pro 12" =========== */
  /* Landscape MAX */
    .slider-header, .simple-header-bg {
      height: calc(100vh - 70px); } }

@media only screen and (min-device-width: 1366px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
  /* Portrait MAX */
    .slider-header, .simple-header-bg {
      height: calc(100vh - 134px); } }

@media only screen and (min-device-width: 1366px) and (max-device-width: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
  /* Landscape MIN */
    .slider-header, .simple-header-bg {
      height: calc(100vh - 134px); } }

@media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
  /* Portrait MIN */
    .slider-header, .simple-header-bg {
      height: calc(100vh - 134px); } }

@media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
  /* ======== iPad Pro 11" =========== */
  /* Landscape MAX */
    .slider-header, .simple-header-bg {
      height: calc(100vh - 134px); } }

@media only screen and (min-device-width: 1194px) and (max-device-width: 1194px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
  /* Portrait MAX */
    .slider-header, .simple-header-bg {
      height: calc(100vh - 134px); } }

@media only screen and (min-device-width: 1194px) and (max-device-width: 1194px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
  /* Landscape MIN */
    .slider-header, .simple-header-bg {
      height: calc(100vh - 134px); } }

@media only screen and (min-device-width: 834px) and (max-device-width: 834px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
  /* Portrait MIN */
    .slider-header, .simple-header-bg {
      height: calc(100vh - 134px); } }

@media only screen and (min-device-width: 834px) and (max-device-width: 834px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
  /* ======== iPad Pro 9" and ipad air=========== */
  /* Landscape MAX */
    .slider-header, .simple-header-bg {
      height: calc(100vh - 134px); } }

@media only screen and (min-device-width: 1112px) and (max-device-width: 1112px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
  /* Portrait MAX */
    .slider-header, .simple-header-bg {
      height: calc(100vh - 118px); } }

@media only screen and (min-device-width: 1112px) and (max-device-width: 1112px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
  /* Landscape MIN */
    .slider-header, .simple-header-bg {
      height: calc(100vh - 118px); } }

@media only screen and (min-device-width: 768px) and (max-device-width: 768px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
  /* Portrait MIN */
    .slider-header, .simple-header-bg {
      height: calc(100vh - 118px); } }

@media only screen and (min-device-width: 768px) and (max-device-width: 768px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
  /* ======== iPad 7th Gen 10.2" =========== */
  /* Landscape MAX */
    .slider-header, .simple-header-bg {
      height: calc(100vh - 118px); } }

@media only screen and (min-device-width: 1080px) and (max-device-width: 1080px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
  /* Portrait MAX */
    .slider-header, .simple-header-bg {
      height: calc(100vh - 118px); } }

@media only screen and (min-device-width: 1080px) and (max-device-width: 1080px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
  /* Landscape MIN */
    .slider-header, .simple-header-bg {
      height: calc(100vh - 118px); } }

@media only screen and (min-device-width: 810px) and (max-device-width: 810px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
  /* Portrait MIN */
    .slider-header, .simple-header-bg {
      height: calc(100vh - 118px); } }

@media only screen and (min-device-width: 810px) and (max-device-width: 810px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
  /* ======== iPad Air 4th Gen 2020" =========== */
  /* Landscape MAX */
    .slider-header, .simple-header-bg {
      height: calc(100vh - 118px); } }

@media only screen and (min-device-width: 1180px) and (max-device-width: 1180px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
  /* Portrait MAX */
    .slider-header, .simple-header-bg {
      height: calc(100vh - 101px); } }

@media only screen and (min-device-width: 1180px) and (max-device-width: 1180px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
  /* Landscape MIN */
    .slider-header, .simple-header-bg {
      height: calc(100vh - 101px); } }

@media only screen and (min-device-width: 820px) and (max-device-width: 820px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
  /* Portrait MIN */
    .slider-header, .simple-header-bg {
      height: calc(100vh - 101px); } }

@media only screen and (min-device-width: 820px) and (max-device-width: 820px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
  /* iPhone 12  - iPhone 12 Pro  */
    .slider-header, .simple-header-bg {
      height: calc(100vh - 101px); } }

@media only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) {
  /* iPhone Pro 12 Max */
    .slider-header, .simple-header-bg {
      height: calc(100vh - 400px); } }

@media only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) {
  /* iPhone 11 and iPhone XR */
    .slider-header, .simple-header-bg {
      height: calc(100vh - 400px); } }

@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) {
  /* iPhone 12 Mini, iPhone 11 Pro, iPhone Xs, and iPhone X  */
    .slider-header, .simple-header-bg {
      height: calc(100vh - 400px); } }

@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) {
  /* iPhone 8 */
    .slider-header, .simple-header-bg {
      height: calc(100vh - 400px); } }

@media only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait) {
  /* iPhone 8 Plus */
    .slider-header, .simple-header-bg {
      height: calc(100vh - 350px); } }

@media only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) {
  .slider-header, .simple-header-bg {
    height: calc(100vh - 350px); } }

.switcher-default-index.switcher-rooms-89649 .switcher-title {
  max-width: 760px;
  width: 100%;
  margin: auto; }

.switcher-default-layout {
  padding-bottom: 50px; }

.switcher-default-layout, .switcher-rooms-layout {
  padding-left: 16px;
  padding-right: 16px; }

.switcher-title {
  padding-bottom: 50px; }

.switcher-item {
  height: 320px;
  text-align: center;
  text-transform: uppercase; }
  .switcher-item:not(:last-child) {
    padding-right: 0;
    padding-bottom: 10px; }
  .switcher-item-content {
    position: relative;
    height: 100%;
    padding: 25px 0; }
  .switcher-item-content picture {
    position: absolute;
    left: 0;
    top: 0; }

.switcher-item-plus {
  opacity: 0;
  position: absolute;
  left: 0;
  right: 0;
  top: calc(50% - 32px);
  color: #fff;
  font-weight: bold;
  font-size: 64px;
  transform: scale(1); }

.switcher-item-title {
  opacity: 0;
  margin: 0;
  color: #fff;
  font-family: Dosis, arial, sans-serif;
  font-size: 40px;
  font-weight: normal;
  text-shadow: rgba(0, 0, 0, .3) 0 0 5px;
  position: absolute;
  text-transform: none;
  left: 0;
  right: 0;
  top: calc(50% - 20px);
  transform: scale(0.3);
  transition: opacity 0.5s, transform 0.5s ease; }

.switcher-top-btn, .switcher-item-plus {
  transition: opacity 0.5s, transform 0.5s ease; }

.switch-icon {
  position: absolute;
  top: 10px;
  right: 0;
  left: 0;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.5s; }
  .switch-icon img {
    display: block;
    margin: auto;
    height: 100px;
    width: 100px;
    object-fit: contain; }

@media all and (min-width: 1025px) {
  .switcher-default-layout, .switcher-rooms-layout {
    padding-left: 50px;
    padding-right: 50px; } }

@media all and (min-width: 768px) {
  .switcher-header {
    height: 70vh; }

  .switcher-default {
    height: 490px; }

  .switcher {
    overflow: hidden;
    display: flex; }

  .switcher-btns {
    opacity: 0;
    transition: opacity 0.5s, transform 0.5s ease; }

  .switcher-item-plus {
    opacity: 1; }

  .switcher-item {
    flex: 1;
    height: 100%;
    transition: flex-basis 0.5s; }
    .switcher-item:not(:last-child) {
      padding-right: 10px;
      padding-bottom: 0; }
    .switcher-item:hover, .switcher-item:focus, .switcher-item.active {
      flex-basis: 50%;
      transition: flex-basis 0.5s; }
      .switcher-item:hover .switcher-top-btn, .switcher-item:focus .switcher-top-btn, .switcher-item.active .switcher-top-btn, .switcher-item:hover .switcher-item-plus, .switcher-item:focus .switcher-item-plus, .switcher-item.active .switcher-item-plus {
        opacity: 0;
        transition: opacity 0.5s, transform 0.5s ease; }
      .switcher-item:hover .switcher-item-plus, .switcher-item:focus .switcher-item-plus, .switcher-item.active .switcher-item-plus {
        transform: scale(0.2); }
      .switcher-item:hover .switcher-item-title, .switcher-item:focus .switcher-item-title, .switcher-item.active .switcher-item-title, .switcher-item:hover .switcher-btns, .switcher-item:focus .switcher-btns, .switcher-item.active .switcher-btns {
        opacity: 1;
        transform: scale(1);
        transition: opacity 0.5s, transform 0.5s ease; }
      .switcher-item:hover .switch-icon, .switcher-item:focus .switch-icon, .switcher-item.active .switch-icon {
        opacity: 1;
        transition: opacity 0.5s; } }

.intro-layout {
  padding: 50px 16px; }
  .intro-layout h1, .intro-layout .intro-blog-layout .h1, .intro-blog-layout .intro-layout .h1 {
    text-align: center; }

.subtitle {
  padding: 40px 12px 0;
  max-width: 760px;
  width: 100%;
  margin: auto; }

.intro-disclaimer {
  text-align: justify; }
  .intro-disclaimer h1, .intro-disclaimer .intro-blog-layout .h1, .intro-blog-layout .intro-disclaimer .h1 {
    text-align: center; }
  .intro-disclaimer h1:before, .intro-disclaimer .intro-blog-layout .h1:before, .intro-blog-layout .intro-disclaimer .h1:before {
    width: 24px;
    left: 0;
    right: 0; }
  .intro-disclaimer h1, .intro-disclaimer .intro-blog-layout .h1, .intro-blog-layout .intro-disclaimer .h1, .intro-disclaimer h2, .intro-disclaimer .circle-item-content h3, .circle-item-content .intro-disclaimer h3 {
    position: relative;
    padding-bottom: 10px; }
  .intro-disclaimer h1:before, .intro-disclaimer .intro-blog-layout .h1:before, .intro-blog-layout .intro-disclaimer .h1:before, .intro-disclaimer h2:before, .intro-disclaimer .circle-item-content h3:before, .circle-item-content .intro-disclaimer h3:before {
    content: "";
    margin: auto;
    background: #5d8c7f;
    position: absolute;
    top: 100%;
    height: 4px; }
  .intro-disclaimer h2, .intro-disclaimer .circle-item-content h3, .circle-item-content .intro-disclaimer h3 {
    margin-bottom: 30px;
    font-size: 35px; }
  .intro-disclaimer h2:before, .intro-disclaimer .circle-item-content h3:before, .circle-item-content .intro-disclaimer h3:before {
    width: 114px;
    left: 0; }

.not-found {
  height: calc(100vh - 190px); }

@media all and (min-width: 1025px) {
  .intro-layout {
    padding: 50px 40px; } }

.rooms-template-layout {
  padding: 0 16px; }

.room-item {
  position: relative;
  padding-bottom: 30px;
  padding-top: 22px; }

.room-item-img {
  height: 420px;
  position: relative; }

.room-item-leftside {
  position: absolute;
  left: 15px;
  bottom: 5px;
  z-index: 102; }

.room-item-big-title {
  color: #fff;
  text-shadow: 1px 2px 5px #000;
  font-size: 46px;
  font-family: Dosis, arial, sans-serif;
  margin-bottom: 30px;
  letter-spacing: 1.5px; }

.btn-fullscreen svg {
  width: 50px;
  height: 40px;
  fill: #fff;
  transition: transform 0.2s ease; }
  .btn-fullscreen:hover svg {
    transform: scale(1.2);
    transition: transform 0.2s ease; }

.room-item-title {
  text-align: center; }
  .room-item-title h2, .room-item-title .circle-item-content h3, .circle-item-content .room-item-title h3 {
    font-size: 16px;
    text-align: center;
    background: #5d8c7f;
    color: #fff;
    font-family: Dosis, arial, sans-serif;
    letter-spacing: 1px; }

.room-item-txt {
  padding: 50px 12px 0; }

.room-item-description {
  padding: 25px 12px; }

.room-controls {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 109;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none; }
  .room-controls button {
    padding: 10px;
    pointer-events: all; }
  .room-controls svg {
    width: 32px;
    height: 22px;
    fill: #5d8c7f;
    transition: transform 0.3s ease; }
  .room-controls > div {
    background: #fff;
    padding: 0 10px; }
  .room-controls .ss-prev:hover svg {
    transform: translateX(-10px);
    transition: transform 0.3s ease; }
  .room-controls .ss-next:hover svg {
    transform: translateX(10px);
    transition: transform 0.3s ease; }

@media all and (min-width: 1025px) {
  .rooms-template-layout {
    padding: 0 40px; } }

@media all and (min-width: 768px) {
  .room-item-img {
    height: 630px; }

  .room-item-leftside {
    left: 35px;
    bottom: 25px; }

  .room-item-big-title {
    font-size: 76px; }

  .room-item-rightside {
    position: absolute;
    z-index: 102;
    right: 35px;
    display: flex;
    align-items: center;
    padding: 22px;
    top: 0;
    height: 100%;
    max-width: 360px;
    width: 100%; }

  .room-item-txt {
    background: #fff;
    padding: 20px; } }

.carousel-circle-offers {
  max-width: 1214px;
  margin: auto;
  width: 100%;
  padding: 0 20px; }
  .carousel-circle-offers .carousel-item {
    margin-right: 40px; }

.circle-offers-layout {
  padding: 50px 0; }

.circle-offers-title {
  padding-bottom: 50px; }

.circle-item {
  display: block;
  margin: auto;
  width: 320px;
  height: 320px;
  border-radius: 50%;
  overflow: hidden;
  position: relative; }

body._desktop .circle-item:hover .circle-item-content {
  background: rgba(0, 0, 0, .7);
  transition: background 0.2s; }

.circle-item-bg {
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 50%; }

.circle-item-content {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-around;
  transition: background 0.2s;
  text-align: center;
  pointer-events: none;
  flex-direction: column; }
  .circle-item-content a.btn, .circle-item-content .room-item-title a, .room-item-title .circle-item-content a, .circle-item-content a.three-blocs-item-title {
    pointer-events: all; }
  .circle-item-content h2, .circle-item-content .circle-item-content h3, .circle-item-content .circle-item-content h3, .circle-item-content h3 {
    font-size: 24px;
    color: #fff;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, .6); }
  .circle-btn {
    text-align: center;
    padding-top: 50px; }

@media all and (min-width: 768px) {
  .carousel-circle-offers {
    width: 100%;
    padding: 0 50px; } }

@media all and (min-width: 1025px) {
  .circle-offers-layout {
    padding: 50px 40px; } }

.three-blocs-layout {
  padding-left: 16px;
  padding-right: 16px;
  padding-bottom: 50px; }

.three-blocs-item {
  position: relative;
  text-align: center; }

.three-blocs-title {
  padding-bottom: 50px; }

body._desktop .three-blocs-item:hover .three-blocs-item-content {
  background: rgba(0, 0, 0, .7);
  transition: background 0.2s; }
  body._desktop .three-blocs-item:hover .three-blocs-item-content img {
    opacity: 1;
    transition: opacity 0.2s; }
  body._desktop .three-blocs-item:hover .three-blocs-item-title {
    transform: scale(1.2);
    transition: transform 0.3s; }
  body._desktop .three-blocs-item-content {
    transition: background 0.2s; }
  body._desktop .three-blocs-item-content .three-blocs-item-title {
    transition: transform 0.3s; }
  body._desktop .three-blocs-item-content img {
    opacity: 0;
    transition: opacity 0.2s; }

.three-blocs-item-bg {
  display: block;
  height: 380px; }

.three-blocs-item-content {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 20px 12px;
  pointer-events: none; }
  .three-blocs-item-content img {
    height: 100px;
    width: 100px;
    object-fit: cover;
    display: block;
    margin: auto; }

.three-blocs-item-title {
  background: #5d8c7f;
  border-color: #5d8c7f;
  color: #fff; }

@media all and (min-width: 1025px) {
  .three-blocs-layout {
    padding-left: 40px;
    padding-right: 40px; } }

@media all and (min-width: 768px) {
  .three-blocs-item-bg {
    display: block;
    height: 520px; } }

.services-layout {
  padding: 20px 0 50px; }

.services-title {
  padding: 0 12px 50px; }

.service-item {
  text-align: center; }
  .service-item img {
    height: auto;
    width: 60px;
    display: block;
    margin: 0 auto 20px; }
  .service-item span {
    display: block;
    margin: auto; }

@media all and (min-width: 768) {
  .service-item img {
    height: 60px;
    width: auto; } }

.citation-layout {
  padding: 0 16px 90px; }

.citation-title {
  padding-bottom: 50px; }

.the-citation {
  position: relative;
  text-align: center;
  font-style: italic;
  font-size: 20px; }

.citation-author {
  font-weight: 700;
  color: #5d8c7f;
  font-size: 22px; }

.quote {
  position: absolute; }
  .quote svg {
    width: 50px;
    height: 50px;
    fill: rgba(0, 0, 0, 0.2); }

.quote-left {
  left: 10px;
  bottom: 100%; }

.quote-right {
  transform: rotate(180deg);
  right: 10px;
  top: 100%; }

@media all and (min-width: 1280px) {
  .quote-left {
    left: 0; }

  .quote-right {
    right: 0; } }

@media all and (min-width: 1025px) {
  .citation-layout {
    padding: 0 40px 90px; } }

.bg-txt-bg-layout {
  padding: 0 16px 50px; }

.btb-bg {
  height: 320px; }

.btb-content {
  padding: 40px; }
  .btb-content h2, .btb-content .circle-item-content h3, .circle-item-content .btb-content h3 {
    margin-bottom: 32px; }

@media all and (min-width: 1025px) {
  .bg-txt-bg-layout {
    padding-left: 40px;
    padding-right: 40px; } }

@media all and (min-width: 768px) {
  .btb-bg {
    min-height: 500px;
    height: 100%; } }

.bg-txt-layout {
  padding: 0 16px 50px; }

.bg-txt-img {
  min-height: 320px;
  height: 320px;
  position: relative; }

.slideshow-bg-txt {
  height: 100%; }

.bg-txt-content {
  padding: 25px 12px; }

.swipe-camera {
  position: absolute;
  z-index: 120;
  bottom: 10px;
  left: 10px; }

@media all and (min-width: 1025px) {
  .bg-txt-layout {
    padding-right: 40px;
    padding-left: 40px; } }

@media all and (min-width: 768px) {
  .bg-txt-img {
    min-height: 420px;
    height: 100%; } }

.mosaic-layout {
  padding: 0 16px; }

.mosaic-item {
  margin-bottom: 40px; }

.mosaic-bg {
  min-height: 420px;
  height: 100%;
  position: relative; }

.slideshow-mosaic {
  height: 100%; }

.mosaic-links {
  padding-top: 20px;
  text-align: center; }

@media all and (min-width: 1025px) {
  .mosaic-layout {
    padding-left: 50px;
    padding-right: 50px; } }

.gallery-layout {
  padding: 0 16px 50px; }

.gallery-sizer, .gallery-item {
  width: 100%; }

.gallery-item {
  position: relative;
  height: 286px;
  margin-bottom: 18px;
  background-position: center;
  background-size: cover; }
  .gallery-item:hover .gallery-item-overlay, .gallery-item:focus .gallery-item-overlay {
    opacity: 1;
    transition: opacity 0.3s; }

.gallery-item-overlay {
  opacity: 0;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.85);
  transition: opacity 0.3s; }
  .gallery-item-overlay svg {
    width: 40px;
    height: 40px;
    fill: #fff; }

@media all and (min-width: 1025px) {
  .gallery-layout {
    padding-left: 40px;
    padding-right: 40px; } }

@media all and (min-width: 768px) {
  .gallery-sizer, .gallery-item {
    width: calc(33.3% - 12px); }

  .gallery-item {
    height: 456px; }

  .gallery-item-1, .gallery-item-3, .gallery-item-4, .gallery-item-6, .gallery-item-7, .gallery-item-8 {
    height: 219px; } }

.map-container {
  position: relative;
  height: calc(100vh - 100px); }

.map {
  height: 100%; }

.itinerary {
  position: absolute;
  left: 0;
  bottom: 15px;
  width: 100%;
  pointer-events: none;
  text-align: center; }
  .itinerary a {
    pointer-events: all; }
  .itinerary.with-pois {
    bottom: 110px; }

.map-btn {
  background: ;
  padding: 10px;
  position: absolute;
  right: 0;
  bottom: 100%;
  display: block; }
  .map-btn svg {
    width: 30px;
    height: 30px;
    fill: #fff; }

.map-bubble {
  line-height: normal; }

.ibubble-bg {
  min-height: 110px; }

.map-bubble .h4, .ibubble .h4 {
  font-weight: 700;
  font-size: 17px; }

.map-ul {
  display: none; }

.menu-map {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  text-align: center;
  background: rgba(0, 0, 0, 0.7); }
  .menu-map > ul {
    padding: 15px;
    margin: 0; }
  .menu-map li {
    position: relative;
    display: inline-block;
    vertical-align: top;
    list-style: none;
    width: 165px; }
  .menu-map li.active .menu-poi, .menu-map li.active .map-menu-btn {
    opacity: 1;
    transition: opacity 0.2s; }

.map-menu-btn {
  background: none;
  border: none;
  opacity: 0.6;
  display: block;
  width: 100%;
  color: white;
  font-size: 1rem;
  transition: opacity 0.2s; }
  .map-menu-btn:hover, .map-menu-btn:focus {
    opacity: 1;
    transition: opacity 0.2s; }

.btn-poi-icon {
  display: block;
  width: 50px;
  height: 50px;
  padding: 10px;
  margin: 0 auto 5px;
  background: #5d8c7f;
  border-radius: 50%; }
  .btn-poi-icon img {
    width: 100%;
    display: block; }

.poi-list {
  position: absolute;
  width: 100%;
  padding: 15px 10px;
  left: 0;
  bottom: 90px;
  background: white;
  box-shadow: rgba(0, 0, 0, .3) 0 0 3px;
  max-height: 360px;
  overflow: auto;
  transition: opacity 0.2s;
  display: none; }
  .poi-list:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    left: -webkit-calc(50% - 4px);
    left: calc(50% - 4px);
    bottom: -8px;
    border-style: solid;
    border-width: 8px 9px 0 9px;
    border-color: #fff transparent transparent transparent; }
  .poi-list li {
    display: block;
    width: 100%;
    list-style: none;
    margin: 0 0 10px; }
  .poi-list li:last-child {
    margin-bottom: 0; }
  .poi-list button {
    cursor: pointer;
    display: block;
    margin: auto;
    background: none;
    color: #000;
    font-weight: bold;
    font-size: 13px;
    border: none;
    -webkit-appearance: none;
    transition: color 0.2s; }
  .poi-list button:hover, .poi-list button:focus {
    color: ;
    transition: color 0.2s; }

@media all and (min-width: 1042px) {
  .map-ul {
    display: block; }

  .map-btn {
    display: none; } }

.transport-layout {
  padding-left: 16px;
  padding-right: 16px; }

.transport-item:not(:last-child) {
  margin-bottom: 15px; }
  .transport-item img {
    width: 50px;
    display: block;
    margin: auto; }

.transport-bg {
  min-height: 320px;
  height: 320px; }

@media all and (min-width: 1025px) {
  .transport-layout {
    padding-left: 40px;
    padding-right: 40px; } }

@media all and (min-width: 768px) {
  .transport-bg {
    min-height: 420px;
    height: 100%; } }

.howtocome-layout {
  padding: 50px 16px; }

.howtocome-title {
  padding-bottom: 50px; }

.howtocome-item {
  background: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  height: 290px; }
  .howtocome-item > * {
    color: #fff; }
  .howtocome-item:hover .howtocome-item-content, .howtocome-item:focus .howtocome-item-content {
    display: block; }

.howtocome-item-title {
  text-align: center; }
  .howtocome-item-title h3, .howtocome-item-title h2, .howtocome-item-title .circle-item-content h3, .circle-item-content .howtocome-item-title h3 {
    font-size: 20px; }

.howtocome-item-content {
  display: none; }

@media all and (min-width: 1025px) {
  .howtocome-layout {
    padding-left: 50px;
    padding-right: 50px; } }

.simple-text-layout {
  padding: 0 16px 50px; }

@media all and (min-width: 1025px) {
  .simple-text-layout {
    padding-left: 50px;
    padding-right: 50px; } }

.insta-feed-container {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between; }

.btn-instagram {
  margin-top: 22px; }
  .btn-instagram svg {
    vertical-align: middle;
    width: 22px;
    height: 22px;
    margin: 0 5px 0 0;
    fill: #fff;
    transition: fill 0.2s; }
  .btn-instagram:hover svg {
    fill: #5d8c7f; }

.social-item {
  position: relative;
  flex-basis: calc(25% - 5px);
  height: 270px;
  margin-bottom: 6px;
  background-size: cover;
  background-position: center;
  overflow: hidden; }
  .social-item:hover .social-item-content, .social-item:focus .social-item-content {
    opacity: 1;
    transition: opacity 0.3s; }

.social-item-content {
  opacity: 0;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 20px;
  font-size: 0.85rem;
  line-height: 1.5em;
  text-align: center;
  background: rgba(255, 255, 255, 0.9);
  transition: opacity 0.3s;
  overflow-y: auto; }

.timeline {
  margin-top: 3.5em; }

.timeline-text-bloc {
  color: #5d8c7f;
  font-size: 1.1rem;
  font-weight: normal;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center; }
  .timeline-text-bloc > div {
    padding: 15px 0; }
  .timeline-text-bloc h2, .timeline-text-bloc .circle-item-content h3, .circle-item-content .timeline-text-bloc h3 {
    margin-bottom: 0;
    color: ;
    font-size: 2rem;
    text-align: center; }
  .timeline-text-bloc p {
    margin: 0;
    font-size: inherit;
    line-height: inherit; }

.form-newsletter {
  margin: 2em 0 0;
  text-align: center; }
  .form-newsletter label {
    display: block;
    margin: 0 0 1em; }
  .form-newsletter input {
    display: inline-block;
    width: 100%;
    max-width: 200px;
    padding: 0.3em;
    font-family: inherit;
    font-size: 1rem;
    text-align: center;
    border: #5d8c7f solid 1px;
    border-radius: 10px;
    transition: border 0.2s; }
  .form-newsletter input:focus {
    border-color: #5d8c7f;
    transition: border 0.2s; }

.hidden-label-title {
  position: absolute;
  clip: rect(0, 0, 0, 0); }

.social-wall-loader {
  display: inline-block;
  width: 60px;
  height: 60px;
  margin: 50px auto 20px;
  position: relative; }
  .social-wall-loader:before {
    content: "Loading...";
    position: absolute;
    top: 39px;
    left: 21px;
    font-size: 10px;
    font-weight: 700;
    display: block; }

html[lang="fr"] .social-wall-loader:before {
  content: "Chargement...";
  left: 13px; }

.social-wall-loader:after {
  content: "";
  display: block;
  width: 64px;
  height: 64px;
  margin: 8px;
  border-radius: 50%;
  border: 4px solid #000;
  border-color: #000 transparent #000 transparent;
  animation: lds-dual-ring 1.2s linear infinite; }

@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg); }

  100% {
    transform: rotate(360deg); } }

@media all and (max-width: 1023px) {
  .social-item {
    flex-basis: calc(50% - 5px); } }

@media all and (max-width: 767px) {
  .social-item {
    flex-basis: 100%; } }