@charset "UTF-8";
/* Flex Container */
@font-face {
  font-family: 'Josefin Sans';
  src: url("../Fonts/JosefinSans-BoldItalic.woff2") format("woff2"), url("../Fonts/JosefinSans-BoldItalic.woff") format("woff");
  font-weight: bold;
  font-style: italic;
  font-display: swap; }
@font-face {
  font-family: 'Josefin Sans';
  src: url("../Fonts/JosefinSans-SemiBoldItalic.woff2") format("woff2"), url("../Fonts/JosefinSans-SemiBoldItalic.woff") format("woff");
  font-weight: 600;
  font-style: italic;
  font-display: swap; }
@font-face {
  font-family: 'Josefin Sans';
  src: url("../Fonts/JosefinSans-ThinItalic.woff2") format("woff2"), url("../Fonts/JosefinSans-ThinItalic.woff") format("woff");
  font-weight: 100;
  font-style: italic;
  font-display: swap; }
@font-face {
  font-family: 'Josefin Sans';
  src: url("../Fonts/JosefinSans-ExtraLight.woff2") format("woff2"), url("../Fonts/JosefinSans-ExtraLight.woff") format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'Josefin Sans';
  src: url("../Fonts/JosefinSans-SemiBold.woff2") format("woff2"), url("../Fonts/JosefinSans-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'Josefin Sans';
  src: url("../Fonts/JosefinSans-MediumItalic.woff2") format("woff2"), url("../Fonts/JosefinSans-MediumItalic.woff") format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap; }
@font-face {
  font-family: 'Josefin Sans';
  src: url("../Fonts/JosefinSans-ExtraLightItalic.woff2") format("woff2"), url("../Fonts/JosefinSans-ExtraLightItalic.woff") format("woff");
  font-weight: 200;
  font-style: italic;
  font-display: swap; }
@font-face {
  font-family: 'Josefin Sans';
  src: url("../Fonts/JosefinSans-Medium.woff2") format("woff2"), url("../Fonts/JosefinSans-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'Josefin Sans';
  src: url("../Fonts/JosefinSans-LightItalic.woff2") format("woff2"), url("../Fonts/JosefinSans-LightItalic.woff") format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap; }
@font-face {
  font-family: 'Josefin Sans';
  src: url("../Fonts/JosefinSans-Thin.woff2") format("woff2"), url("../Fonts/JosefinSans-Thin.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'Josefin Sans';
  src: url("../Fonts/JosefinSans-Regular.woff2") format("woff2"), url("../Fonts/JosefinSans-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'Josefin Sans';
  src: url("../Fonts/JosefinSans-Bold.woff2") format("woff2"), url("../Fonts/JosefinSans-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'Josefin Sans';
  src: url("../Fonts/JosefinSans-Italic.woff2") format("woff2"), url("../Fonts/JosefinSans-Italic.woff") format("woff");
  font-weight: normal;
  font-style: italic;
  font-display: swap; }
@font-face {
  font-family: 'Josefin Sans';
  src: url("../Fonts/JosefinSans-Light.woff2") format("woff2"), url("../Fonts/JosefinSans-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'Alfa Slab One';
  src: url("../Fonts/AlfaSlabOne-Regular.woff2") format("woff2"), url("../Fonts/AlfaSlabOne-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'graf';
  src: url("../Fonts/graf.eot?32875530");
  src: url("../Fonts/font/graf.eot?32875530#iefix") format("embedded-opentype"), url("../Fonts/graf.woff2?32875530") format("woff2"), url("../Fonts/graf.woff?32875530") format("woff"), url("../Fonts/graf.ttf?32875530") format("truetype"), url("../Fonts/graf.svg?32875530#graf") format("svg");
  font-weight: normal;
  font-style: normal; }
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'graf';
    src: url('../font/graf.svg?32875530#graf') format('svg');
  }
}
*/
[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "graf";
  font-style: normal;
  font-weight: normal;
  speak: never;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ }

.icon-right-open:before {
  content: '\e800'; }

/* '' */
.icon-left-open:before {
  content: '\e801'; }

/* '' */
* {
  box-sizing: border-box; }

body {
  margin: 0;
  padding: 0;
  font-size: 1.5rem;
  font-family: 'Josefin Sans';
  font-weight: 300;
  background-color: #000000;
  background-repeat: no-repeat;
  background-position: bottom right;
  background-size: 100%; }
  body .lazy-background {
    background-image: none; }
    body .lazy-background.visible {
      background-image: url("../Images/main_bottom.png.webp"); }
  @media only screen and (max-width: 1279px) {
    body {
      font-size: 1.5rem; } }
  @media only screen and (max-width: 767px) {
    body {
      font-size: 1.35rem; } }
  body.no-scroll {
    overflow: hidden; }

ul {
  margin: 0;
  padding: 0; }

li {
  list-style-type: none; }

a {
  text-decoration: none; }

h1, h2, h3, h4, h5, h6 {
  font-family: 'Alfa Slab One';
  color: #FFEB00;
  font-weight: normal; }
  @media only screen and (max-width: 767px) {
    h1, h2, h3, h4, h5, h6 {
      font-weight: normal; } }

h1 {
  font-size: 200%; }
  @media only screen and (max-width: 767px) {
    h1 {
      font-size: 160%; } }

h2 {
  font-size: 160%; }
  @media only screen and (max-width: 767px) {
    h2 {
      font-size: 130%; } }

h3 {
  font-size: 140%; }
  @media only screen and (max-width: 767px) {
    h3 {
      font-size: 120%; } }

h4 {
  font-size: 130%; }
  @media only screen and (max-width: 767px) {
    h4 {
      font-size: 110%; } }

h5 {
  font-size: 120%; }
  @media only screen and (max-width: 767px) {
    h5 {
      font-size: 100%; } }

h6 {
  font-size: 110%; }

.image-with-description img {
  width: 100%;
  max-width: 100%;
  object-fit: cover; }
  @media only screen and (max-width: 767px) {
    .image-with-description img {
      max-height: 300px; } }

.container {
  max-width: 1280px;
  margin: 0 auto; }
  @media only screen and (max-width: 1279px) {
    .container {
      width: 90%; } }

.container_90 {
  width: 90%;
  margin: 0 auto; }

figure.image {
  margin: 0; }

.full-height-wrapper {
  width: 100%;
  height: 100%;
  background-color: #000;
  background-size: cover;
  background-position: center center;
  box-shadow: 0 0 200px #000000 inset;
  position: relative;
  transform: translate(100%); }

#page-overlay {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: #000000;
  display: none; }

.slide {
  transform: translateX(0);
  animation-name: slideOverlay;
  animation-duration: .35s; }

.wrapper-hidden-x {
  overflow-x: hidden;
  height: 100vh; }

@keyframes slideOverlay {
  from {
    transform: translateX(100%); }
  to {
    transform: translateX(0); } }
.hp-left {
  text-align: left; }

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

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

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

blockquote {
  position: relative;
  padding: 55px 33px;
  margin: 0;
  border: 3px solid #EBED14;
  font-size: 30px; }
  @media only screen and (max-width: 767px) {
    blockquote {
      padding: 25px 5px;
      font-size: 1em; } }
  blockquote :before {
    content: url("../Images/Quote.svg");
    position: absolute;
    left: 50px;
    top: -25px; }
    @media only screen and (max-width: 767px) {
      blockquote :before {
        transform: scale(0.75); } }
  blockquote :after {
    content: url("../Images/Quote.svg");
    position: absolute;
    left: 90px;
    top: -25px; }
    @media only screen and (max-width: 767px) {
      blockquote :after {
        transform: scale(0.75);
        left: 80px; } }
  blockquote p {
    margin: 20px; }

header#site-header {
  padding: 3rem 2rem;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  align-items: center;
  -webkit-align-items: center;
  align-content: center;
  -webkit-align-content: center;
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.75) 0%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.75) 0%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.75) 0%, rgba(255, 255, 255, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00ffffff',GradientType=0 );
  z-index: 999;
  opacity: 0;
  transition: all .3s; }
  @media only screen and (max-width: 767px) {
    header#site-header {
      padding: 1.5rem 1rem; } }
  header#site-header.show {
    opacity: 1; }

.logo {
  width: 280px; }
  @media only screen and (max-width: 767px) {
    .logo {
      width: 150px; } }
  .logo img {
    width: 100%; }

.main-nav {
  background-color: #000000;
  background-position: right bottom;
  background-repeat: no-repeat;
  background-size: 100%;
  position: fixed;
  right: 0;
  top: 0;
  width: 820px;
  height: 100vh;
  padding: 3rem 3rem 3rem 5rem;
  transition: all .3s;
  transform: translateX(900px); }
  .main-nav .lazy-background {
    background-image: none; }
    .main-nav .lazy-background.visible {
      background-image: url("../Images/rost_raster_main_nav.png.webp"); }
  @media only screen and (max-width: 1023px) {
    .main-nav {
      width: 90%; } }
  @media only screen and (max-width: 767px) {
    .main-nav {
      padding: 4rem 1rem 1rem 1rem;
      font-size: 1em; } }
  .main-nav.is_active {
    transform: translateX(0px); }
  .main-nav nav {
    padding-bottom: 2rem; }
    @media only screen and (max-width: 767px) {
      .main-nav nav {
        padding-bottom: 1rem; } }
    .main-nav nav > ul > li {
      margin: .75rem 0; }
  .main-nav a {
    color: #FFFFFF;
    font-weight: 500;
    transition: all .3s;
    font-size: 120%; }
    @media only screen and (max-width: 767px) {
      .main-nav a {
        font-size: 100%; } }
    .main-nav a:hover {
      opacity: .65; }
  .main-nav h1, .main-nav h2, .main-nav h3, .main-nav h4, .main-nav h5, .main-nav h6 {
    margin: 0;
    padding-bottom: 1rem;
    text-transform: none;
    font-size: 190%;
    font-weight: normal; }
    @media only screen and (max-width: 767px) {
      .main-nav h1, .main-nav h2, .main-nav h3, .main-nav h4, .main-nav h5, .main-nav h6 {
        font-size: 130%; } }
  .main-nav .agb {
    position: absolute;
    width: 100%;
    bottom: 2rem;
    padding: 0; }
    @media only screen and (max-width: 767px) {
      .main-nav .agb {
        bottom: 5rem; } }
    .main-nav .agb ul li {
      display: inline-block;
      margin-right: 1rem;
      margin-top: 0;
      margin-bottom: 0; }
      .main-nav .agb ul li a {
        font-size: 80%;
        color: #FFEB00; }

.burger-nav {
  position: relative;
  width: 65px;
  height: 28px;
  cursor: pointer;
  z-index: 999; }
  .burger-nav > div {
    background-color: #FFEB00;
    transition: all .3s;
    height: 5px;
    position: absolute;
    right: 0; }
  .burger-nav .line-top {
    width: 40px;
    top: 0; }
  .burger-nav .line-middle {
    width: 47px;
    top: 50%;
    transform: translate(0, -50%); }
  .burger-nav .line-bottom {
    width: 40px;
    margin-top: .5rem;
    bottom: 0; }
  .burger-nav:hover .line-top {
    width: 55px; }
  .burger-nav:hover .line-middle {
    width: 30px; }
  .burger-nav:hover .line-bottom {
    width: 45px; }
  .burger-nav.is_opened .line-top {
    transform: rotate(35deg);
    width: 50px; }
  .burger-nav.is_opened .line-middle {
    display: none; }
  .burger-nav.is_opened .line-bottom {
    transform: rotate(-35deg);
    bottom: 23px;
    width: 50px; }
  .burger-nav.is_opened:hover .line-top {
    width: 65px;
    top: -6px; }
  .burger-nav.is_opened:hover .line-bottom {
    width: 40px;
    bottom: 21px; }

.page-navigation {
  position: absolute;
  bottom: 10rem; }
  @media only screen and (max-width: 767px) {
    .page-navigation {
      bottom: 6rem; } }
  .page-navigation nav ul li {
    position: relative; }
    .page-navigation nav ul li.active a {
      font-size: 3.75rem;
      display: inline-block;
      padding: 0 1.5rem;
      position: relative;
      padding-left: 100px; }
      @media only screen and (max-width: 767px) {
        .page-navigation nav ul li.active a {
          font-size: 2.2rem;
          display: flex;
          justify-content: flex-start;
          align-content: center;
          align-items: center;
          max-width: 350px; } }
      .page-navigation nav ul li.active a span {
        background-color: rgba(0, 0, 0, 0.5);
        display: inline-block;
        padding: 0 1rem;
        opacity: 0;
        transition: all .5s; }
      .page-navigation nav ul li.active a.show:before {
        width: 70px; }
      .page-navigation nav ul li.active a.show span {
        opacity: 1; }
    .page-navigation nav ul li a {
      font-family: 'Alfa Slab One';
      color: #FFEB00;
      font-size: 1.65rem;
      height: 83px;
      display: inline-block;
      position: relative;
      padding-left: 100px; }
      @media only screen and (max-width: 767px) {
        .page-navigation nav ul li a {
          font-size: 1.3rem; } }
      .page-navigation nav ul li a:before {
        content: '';
        position: absolute;
        top: 50%;
        left: 0;
        transform: translate(0, -50%);
        width: 40px;
        height: 10px;
        background-color: #FFEB00;
        transition: all .3s; }
    .page-navigation nav ul li:not(.active) a {
      line-height: 83px;
      position: relative; }
      .page-navigation nav ul li:not(.active) a span {
        opacity: 0;
        visibility: hidden;
        transition: all .3s;
        display: inline-block; }
      .page-navigation nav ul li:not(.active) a:before {
        opacity: 1;
        visibility: visible; }
      .page-navigation nav ul li:not(.active) a:hover span {
        opacity: 1;
        visibility: visible; }
      .page-navigation nav ul li:not(.active) a:hover:before {
        width: 70px; }

.page-navigation-arrows {
  position: absolute;
  bottom: 3rem;
  width: 100%; }
  @media only screen and (max-width: 767px) {
    .page-navigation-arrows {
      bottom: 1rem; } }
  .page-navigation-arrows nav ul {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    align-items: center;
    -webkit-align-items: center;
    align-content: center;
    -webkit-align-content: center;
    padding: 0 2rem; }
    @media only screen and (max-width: 767px) {
      .page-navigation-arrows nav ul {
        padding: 0 1rem; } }
  .page-navigation-arrows .icon-left-open, .page-navigation-arrows .icon-right-open {
    width: 70px;
    color: #FFEB00;
    display: block;
    position: relative; }
    @media only screen and (max-width: 767px) {
      .page-navigation-arrows .icon-left-open, .page-navigation-arrows .icon-right-open {
        width: 40px; } }
    .page-navigation-arrows .icon-left-open:before, .page-navigation-arrows .icon-left-open:after, .page-navigation-arrows .icon-right-open:before, .page-navigation-arrows .icon-right-open:after {
      font-size: 2.5rem; }
      @media only screen and (max-width: 767px) {
        .page-navigation-arrows .icon-left-open:before, .page-navigation-arrows .icon-left-open:after, .page-navigation-arrows .icon-right-open:before, .page-navigation-arrows .icon-right-open:after {
          margin: 0; } }

#main {
  color: #FFFFFF;
  background-repeat: no-repeat;
  background-position: top left;
  background-size: 100%;
  object-fit: cover;
  position: relative; }
  #main::before {
    width: 100%;
    height: 730px;
    position: absolute;
    background-repeat: no-repeat;
    background-position: top left;
    background-size: 100%;
    opacity: 0.52;
    z-index: -1;
    content: '';
    background-image: url("../Images/main_top.png.webp");
    top: 0; }
  #main .lazy-background {
    background-image: none; }
    #main .lazy-background.visible {
      background-image: url("../Images/main_top.png.webp"); }

.content-section {
  padding: 2rem 0; }
  .content-section ul {
    padding-left: 2rem; }
    .content-section ul li {
      list-style-type: disc;
      margin: .5rem 0; }
  .content-section a {
    color: #FFEB00; }

.content-section:first-of-type:not(.layout-ff-cols .content-section, .layout-ts-cols .content-section, .layout-st-cols .content-section, .layout-4-cols .content-section) {
  padding-top: 3.5rem; }

.content-section:last-of-type:not(.layout-ff-cols .content-section, .layout-ts-cols .content-section, .layout-st-cols .content-section, .layout-4-cols .content-section) {
  padding-bottom: 3.5rem; }

.text-is-left > .container {
  padding-right: 35%; }
  @media only screen and (max-width: 767px) {
    .text-is-left > .container {
      padding-right: 10%; } }

.text-is-right > .container {
  padding-left: 35%;
  text-align: right; }
  @media only screen and (max-width: 767px) {
    .text-is-right > .container {
      padding-left: 10%; } }

.layout-ff-cols, .layout-ts-cols, .layout-st-cols, .layout-4-cols {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }

.layout-ff-cols > div, .layout-ff-cols > section {
  width: 49%;
  margin-bottom: 1rem; }
  @media only screen and (max-width: 767px) {
    .layout-ff-cols > div, .layout-ff-cols > section {
      width: 100%; } }

.layout-ts-cols > div, .layout-ts-cols > section:first-child {
  width: 25%;
  margin-bottom: 1rem; }
  @media only screen and (max-width: 767px) {
    .layout-ts-cols > div, .layout-ts-cols > section:first-child {
      width: 100%; } }
.layout-ts-cols > div, .layout-ts-cols > section:last-child {
  width: 74%;
  margin-bottom: 1rem; }
  @media only screen and (max-width: 767px) {
    .layout-ts-cols > div, .layout-ts-cols > section:last-child {
      width: 100%; } }

.layout-st-cols .image-is-gallery {
  width: 74%;
  margin: 0; }
.layout-st-cols > div, .layout-st-cols > section:first-child {
  width: 74%;
  margin-bottom: 1rem; }
  @media only screen and (max-width: 767px) {
    .layout-st-cols > div, .layout-st-cols > section:first-child {
      width: 100%; } }
.layout-st-cols > div, .layout-st-cols > section:last-child {
  width: 25%;
  margin-bottom: 1rem; }
  @media only screen and (max-width: 767px) {
    .layout-st-cols > div, .layout-st-cols > section:last-child {
      width: 100%; } }

.layout-4-cols > div, .layout-4-cols > section {
  width: 24%;
  margin-bottom: 1rem; }
  @media only screen and (max-width: 767px) {
    .layout-4-cols > div, .layout-4-cols > section {
      width: 100%; } }

.layout-2-cols--l-s {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }
  .layout-2-cols--l-s.align_top {
    align-items: flex-start; }
  .layout-2-cols--l-s.align_bot {
    align-items: flex-end; }
  .layout-2-cols--l-s > div:nth-child(odd), .layout-2-cols--l-s > section:nth-child(odd) {
    width: 55%;
    margin-bottom: 1rem; }
    @media only screen and (max-width: 1023px) {
      .layout-2-cols--l-s > div:nth-child(odd), .layout-2-cols--l-s > section:nth-child(odd) {
        width: 45%; } }
    @media only screen and (max-width: 767px) {
      .layout-2-cols--l-s > div:nth-child(odd), .layout-2-cols--l-s > section:nth-child(odd) {
        width: 100%; } }
    .layout-2-cols--l-s > div:nth-child(odd).form-separator-title, .layout-2-cols--l-s > div:nth-child(odd).button-holder, .layout-2-cols--l-s > section:nth-child(odd).form-separator-title, .layout-2-cols--l-s > section:nth-child(odd).button-holder {
      width: 100%; }
  .layout-2-cols--l-s > div:nth-child(even), .layout-2-cols--l-s > section:nth-child(even) {
    width: 43%;
    margin-bottom: 1rem; }
    @media only screen and (max-width: 1023px) {
      .layout-2-cols--l-s > div:nth-child(even), .layout-2-cols--l-s > section:nth-child(even) {
        width: 100%; } }
    .layout-2-cols--l-s > div:nth-child(even).form-separator-title, .layout-2-cols--l-s > div:nth-child(even).button-holder, .layout-2-cols--l-s > section:nth-child(even).form-separator-title, .layout-2-cols--l-s > section:nth-child(even).button-holder {
      width: 100%; }
  .layout-2-cols--l-s .l--text {
    padding: 2rem 0 2rem 5rem; }
  .layout-2-cols--l-s .r--text {
    padding: 2rem 5rem 2rem 0; }

.image-is-bottom {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  align-items: center;
  -webkit-align-items: center;
  align-content: center;
  -webkit-align-content: center; }
  .image-is-bottom > div {
    width: 100%; }
  .image-is-bottom .l--image, .image-is-bottom .r--image, .image-is-bottom .ce-image {
    order: 2; }
  .image-is-bottom .ce-text {
    order: 1; }

.image-is-left {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  align-content: flex-start;
  -webkit-align-content: flex-start; }
  .image-is-left > div {
    width: 48%; }
    @media only screen and (max-width: 767px) {
      .image-is-left > div {
        width: 100%; } }

.image-is-right {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  align-content: flex-start;
  -webkit-align-content: flex-start; }
  .image-is-right > div {
    width: 48%; }
    @media only screen and (max-width: 767px) {
      .image-is-right > div {
        width: 100%; } }
  .image-is-right .l--image, .image-is-right .r--image, .image-is-right .ce-image {
    order: 2; }
  .image-is-right .ce-text {
    order: 1; }

.sp--item {
  position: relative; }

.image-with-description {
  position: relative; }
  @media only screen and (max-width: 767px) {
    .image-with-description {
      text-align: center; } }

.image-description {
  position: absolute;
  width: 100%;
  padding: 0 2rem;
  bottom: 2rem;
  text-align: right;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  align-items: flex-end;
  -webkit-align-items: flex-end;
  align-content: flex-end;
  -webkit-align-content: flex-end; }
  @media only screen and (max-width: 1279px) {
    .image-description {
      bottom: 1.2rem;
      padding: 0 1rem; } }
  @media only screen and (max-width: 767px) {
    .image-description {
      bottom: 1.0rem;
      padding: 0 .5rem; } }
  .image-description > span {
    display: inline-block;
    vertical-align: bottom; }
  .image-description .image-description-t {
    background-color: rgba(0, 0, 0, 0.5);
    color: #FFEB00;
    padding: .5rem 1.5rem;
    font-style: italic;
    font-size: 1em;
    opacity: 0;
    transition: all .3s;
    order: 1;
    max-width: calc(100% - 50px);
    margin-right: 10px;
    text-align: left; }
    @media only screen and (max-width: 1279px) {
      .image-description .image-description-t {
        display: none; } }
    @media only screen and (max-width: 1279px) {
      .image-description .image-description-t.show-desc {
        display: block;
        opacity: 1;
        visibility: visible; } }
  .image-description .image-description-i {
    width: 40px;
    height: 40px;
    border: 3px solid #FFEB00;
    border-radius: 100%;
    position: relative;
    text-align: center;
    line-height: 40px;
    color: #FFEB00;
    cursor: pointer;
    order: 2; }
    @media only screen and (max-width: 1279px) {
      .image-description .image-description-i {
        width: 30px;
        height: 30px;
        line-height: 30px; } }
    .image-description .image-description-i:before {
      content: 'i';
      font-size: 1em;
      font-family: 'Alfa Slab One'; }
    .image-description .image-description-i:hover + .image-description-t {
      opacity: 1; }
    @media only screen and (max-width: 1279px) {
      .image-description .image-description-i.toggle-i {
        line-height: 23px; } }
    @media only screen and (max-width: 1279px) {
      .image-description .image-description-i.toggle-i:before {
        content: 'x'; } }

.page-title {
  font-size: 200%;
  padding: 0 1.5rem;
  position: absolute;
  bottom: 5rem;
  background-color: rgba(0, 0, 0, 0.5);
  display: inline-block;
  left: 100px; }
  @media only screen and (max-width: 767px) {
    .page-title {
      font-size: 160%;
      left: 5%; } }

.sidebar-icons {
  margin: 0;
  padding: 0;
  font-weight: 300; }
  .sidebar-icons .toolbar {
    position: fixed;
    right: 1.2rem;
    top: 8rem;
    padding: 0 .8rem;
    z-index: 999999;
    cursor: pointer;
    transition: all .3s; }
    @media screen and (max-width: 767px) {
      .sidebar-icons .toolbar {
        top: 6rem;
        right: 0.4rem; } }
    .sidebar-icons .toolbar > a {
      margin: 1rem 0;
      display: block; }
      @media screen and (max-width: 640px) {
        .sidebar-icons .toolbar > a {
          margin: 0.5rem 0; } }
    .sidebar-icons .toolbar img {
      width: 40px;
      display: block; }
      @media screen and (max-width: 767px) {
        .sidebar-icons .toolbar img {
          width: 35px; } }
      @media screen and (max-width: 640px) {
        .sidebar-icons .toolbar img {
          width: 20px;
          margin: .6rem 0; } }
      .sidebar-icons .toolbar img:first-child {
        margin-top: 0; }
      .sidebar-icons .toolbar img:last-child {
        margin-bottom: 0; }
    .sidebar-icons .toolbar.to-left {
      right: 380px; }
      @media screen and (max-width: 640px) {
        .sidebar-icons .toolbar.to-left {
          right: 280px; } }
    .sidebar-icons .toolbar.move-to-left {
      right: 1.65rem; }
      @media screen and (max-width: 767px) {
        .sidebar-icons .toolbar.move-to-left {
          right: 1rem; } }
  .sidebar-icons .toolbar-info {
    width: 380px;
    right: -380px;
    transition: all .5s;
    position: fixed;
    top: 0;
    background-color: rgba(0, 0, 0, 0.75);
    height: 100%;
    z-index: 999999999;
    padding-left: 2rem;
    padding-right: 2rem;
    border-left: 2px solid #FFEB00; }
    @media screen and (max-width: 640px) {
      .sidebar-icons .toolbar-info {
        width: 280px;
        right: -280px;
        padding-left: 1.2rem;
        padding-right: 1.2rem; } }
    .sidebar-icons .toolbar-info.to-left {
      right: 0; }
    .sidebar-icons .toolbar-info span {
      display: block; }
    .sidebar-icons .toolbar-info a {
      color: #FFEB00;
      transition: all .3s; }
      .sidebar-icons .toolbar-info a:hover {
        opacity: .75; }
    .sidebar-icons .toolbar-info > div {
      border-bottom: 1px solid #FFEB00;
      padding: 2rem 0; }
      .sidebar-icons .toolbar-info > div:last-of-type {
        border-bottom: none; }
    .sidebar-icons .toolbar-info > div:first-of-type {
      padding-top: 10rem; }
      @media screen and (max-width: 767px) {
        .sidebar-icons .toolbar-info > div:first-of-type {
          padding-top: 6rem; } }
    .sidebar-icons .toolbar-info .mail-icon {
      padding: 2rem 0;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      -webkit-justify-content: flex-start;
      justify-content: flex-start;
      align-items: center;
      -webkit-align-items: center;
      align-content: center;
      -webkit-align-content: center; }
      .sidebar-icons .toolbar-info .mail-icon img {
        width: 30px;
        margin-right: 1rem;
        display: inline-block;
        vertical-align: middle; }
        @media screen and (max-width: 640px) {
          .sidebar-icons .toolbar-info .mail-icon img {
            width: 22px; } }
      .sidebar-icons .toolbar-info .mail-icon span {
        display: inline-block;
        vertical-align: middle; }
      .sidebar-icons .toolbar-info .mail-icon a {
        display: inline-block;
        font-size: 90%; }
      .sidebar-icons .toolbar-info .mail-icon .phone-numbers {
        font-size: 1.5rem;
        font-weight: bold;
        margin-top: .4rem; }
        @media screen and (max-width: 640px) {
          .sidebar-icons .toolbar-info .mail-icon .phone-numbers {
            font-size: 1.25rem; } }
    .sidebar-icons .toolbar-info .instagram-icon {
      padding-top: 2rem;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      -webkit-justify-content: flex-start;
      justify-content: flex-start;
      align-items: center;
      -webkit-align-items: center;
      align-content: center;
      -webkit-align-content: center; }
      .sidebar-icons .toolbar-info .instagram-icon > span {
        display: inline-block;
        vertical-align: middle; }
      .sidebar-icons .toolbar-info .instagram-icon a {
        display: inline-block;
        font-size: 90%; }
      .sidebar-icons .toolbar-info .instagram-icon img {
        display: inline-block;
        vertical-align: middle;
        width: 30px;
        margin-right: 1rem; }
        @media screen and (max-width: 640px) {
          .sidebar-icons .toolbar-info .instagram-icon img {
            width: 22px; } }
    .sidebar-icons .toolbar-info .hours, .sidebar-icons .toolbar-info .email-location {
      padding: 2rem 0;
      border-bottom: 1px solid #FFEB00; }
    .sidebar-icons .toolbar-info .email-location img {
      width: 18px;
      margin-right: 1rem; }
    .sidebar-icons .toolbar-info .email-location > span {
      display: block; }
      .sidebar-icons .toolbar-info .email-location > span:first-child {
        margin-bottom: 1rem; }
      .sidebar-icons .toolbar-info .email-location > span > span {
        display: inline-block;
        vertical-align: middle; }
  .sidebar-icons .close-toolbar {
    position: absolute;
    top: 2rem;
    right: 2rem;
    width: 22px;
    height: 50px;
    cursor: pointer; }
  .sidebar-icons.hide {
    display: none; }

main p {
  font-weight: 100;
  line-height: 32px; }

.content-section:has(> .image-is-gallery) {
  padding: 0; }
.image-is-gallery .ce-image {
  column-gap: 5px; }

.media-in-column h1 {
  margin: 2px 0; }
.media-in-column h2 {
  margin: 17px 0; }
.media-in-column h3 {
  margin: 23px 0; }
.media-in-column h4 {
  margin: 26px 0; }

input[type="text"],
input[type="email"],
input[type="number"],
input[type="color"],
input[type="date"],
input[type="datetime-local"],
input[type="month"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="week"] {
  padding: .5rem 1rem;
  font-size: 75%;
  font-family: 'Josefin Sans';
  width: 300px;
  display: block;
  background-color: #1c1717;
  border: none;
  border-bottom: 2px solid #FFEB00;
  color: #FFFFFF; }
  @media only screen and (max-width: 767px) {
    input[type="text"],
    input[type="email"],
    input[type="number"],
    input[type="color"],
    input[type="date"],
    input[type="datetime-local"],
    input[type="month"],
    input[type="search"],
    input[type="tel"],
    input[type="time"],
    input[type="url"],
    input[type="week"] {
      width: 100%; } }

input[type="text"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="color"]:focus,
input[type="date"]:focus,
input[type="datetime-local"]:focus,
input[type="month"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
input[type="week"]:focus,
textarea:focus {
  border: 1px solid #FFEB00;
  outline: none; }

textarea {
  padding: .5rem 1rem;
  font-family: 'Josefin Sans';
  font-size: 75%;
  width: 500px;
  height: 200px;
  resize: vertical;
  display: block;
  background-color: #1c1717;
  border: none;
  border-bottom: 2px solid #FFEB00;
  color: #FFFFFF; }
  @media only screen and (max-width: 767px) {
    textarea {
      width: 100%; } }

input[type="button"],
input[type="reset"],
input[type="submit"],
button,
.btn {
  padding: .5rem 1rem;
  background-color: #FFEB00;
  color: #000000 !important;
  border: none;
  font-size: 80%;
  font-weight: 400; }

label {
  display: inline-block;
  color: #FFEB00;
  font-size: 75%;
  font-style: italic;
  padding-bottom: .5rem; }
  @media only screen and (max-width: 767px) {
    label {
      font-size: 1em; } }

form > div {
  margin: 1rem 0; }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

.slick-slide {
  position: relative; }
  .slick-slide img {
    width: 100%;
    height: auto;
    object-fit: cover; }

.synchronised-slider {
  position: relative; }

.slick-lightbox-slick .slick-arrow {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  z-index: 10;
  background: transparent;
  border: none;
  font-size: 0;
  cursor: pointer; }
  .slick-lightbox-slick .slick-arrow:before {
    font-family: "graf";
    color: #FFEB00;
    font-size: 2.5rem; }
  .slick-lightbox-slick .slick-arrow.slick-prev:before {
    content: '\e801'; }
  .slick-lightbox-slick .slick-arrow.slick-next:before {
    content: '\e800'; }

.slick-lightbox-close {
  right: 2rem !important; }
  .slick-lightbox-close:before {
    font-size: 2.5rem !important; }

.slick-prev, .slick-next {
  background-color: transparent;
  border: none;
  font-size: 0;
  color: transparent;
  position: absolute;
  z-index: 1;
  top: 50%;
  transform: translate(0, -50%);
  cursor: pointer; }
  .slick-prev:before, .slick-next:before {
    font-family: 'graf';
    font-size: 2.5rem;
    color: #FFEB00; }
    @media only screen and (max-width: 767px) {
      .slick-prev:before, .slick-next:before {
        font-size: 1.5rem; } }

.slick-prev {
  left: 2rem; }
  @media only screen and (max-width: 767px) {
    .slick-prev {
      left: 1rem; } }
  .slick-prev:before {
    content: '\e801'; }

.slick-next {
  right: 2rem; }
  @media only screen and (max-width: 767px) {
    .slick-next {
      right: 1rem; } }
  .slick-next:before {
    content: '\e800'; }

.slider-galley-2-cols {
  margin-left: -1rem;
  width: calc(100% + 2rem);
  /* the slides */
  /* the parent */ }
  .slider-galley-2-cols .slick-slide {
    margin: 0 .5rem; }
  .slider-galley-2-cols .slick-list {
    margin: 0 .5rem; }

.slick-lightbox-slick-caption {
  font-size: 75%;
  color: #FFEB00; }

footer {
  position: relative;
  padding: 5rem 0 2rem 0; }
  footer::after {
    width: 100%;
    height: 730px;
    position: absolute;
    background-repeat: no-repeat;
    background-position: top left;
    background-size: 100%;
    opacity: 0.52;
    z-index: -1;
    content: '';
    background-image: url("../Images/main_bottom.png.webp");
    bottom: 0; }
    @media only screen and (max-width: 1747px) {
      footer::after {
        background-position: bottom right; } }
  @media only screen and (max-width: 767px) {
    footer {
      padding: 2rem 0 1rem 0; } }
  footer > .container, footer .container_90 {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    align-items: center;
    -webkit-align-items: center;
    align-content: center;
    -webkit-align-content: center; }
    @media only screen and (max-width: 767px) {
      footer > .container, footer .container_90 {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        align-items: center;
        -webkit-align-items: center;
        align-content: center;
        -webkit-align-content: center; } }
    @media only screen and (max-width: 767px) {
      footer > .container > div, footer .container_90 > div {
        width: 100%; } }
  footer nav ul li {
    display: inline-block;
    margin-right: 2rem; }
    @media only screen and (max-width: 767px) {
      footer nav ul li {
        margin-right: .5rem; } }
    footer nav ul li a {
      color: #FFEB00;
      font-weight: 500;
      transition: all .3s; }
      @media only screen and (max-width: 767px) {
        footer nav ul li a {
          font-size: 80%;
          font-weight: 300; } }
      footer nav ul li a:hover {
        opacity: .65; }
  footer .copyright {
    color: #FFEB00;
    font-size: 80%; }
    @media only screen and (max-width: 767px) {
      footer .copyright {
        padding-top: 1rem;
        font-size: 70%; } }

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