/*
	jQuery.mmenu CSS
*/
/*
	jQuery.mmenu panels CSS
*/
.mm-menu.mm-horizontal > .mm-panel {
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease; }

.mm-menu .mm-hidden {
  display: none; }

.mm-wrapper {
  overflow-x: hidden;
  position: relative; }

.mm-menu,
.mm-menu > .mm-panel {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0; }

.mm-menu {
  background: inherit;
  display: block;
  overflow: hidden;
  padding: 0; }
  .mm-menu > .mm-panel {
    background: inherit;
    -webkit-overflow-scrolling: touch;
    overflow: scroll;
    overflow-x: hidden;
    overflow-y: auto;
    box-sizing: border-box;
    padding: 20px;
    -webkit-transform: translate(100%, 0);
    -moz-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    -o-transform: translate(100%, 0);
    transform: translate(100%, 0); }
    .mm-menu > .mm-panel.mm-opened {
      -webkit-transform: translate(0%, 0);
      -moz-transform: translate(0%, 0);
      -ms-transform: translate(0%, 0);
      -o-transform: translate(0%, 0);
      transform: translate(0%, 0); }
    .mm-menu > .mm-panel.mm-subopened {
      -webkit-transform: translate(-30%, 0);
      -moz-transform: translate(-30%, 0);
      -ms-transform: translate(-30%, 0);
      -o-transform: translate(-30%, 0);
      transform: translate(-30%, 0); }
    .mm-menu > .mm-panel.mm-highest {
      z-index: 1; }
  .mm-menu .mm-list {
    padding: 20px 0; }
  .mm-menu > .mm-list {
    padding-bottom: 0; }
    .mm-menu > .mm-list:after {
      content: '';
      display: block;
      height: 40px; }

.mm-panel > .mm-list {
  margin-left: -20px;
  margin-right: -20px; }
  .mm-panel > .mm-list:first-child {
    padding-top: 0; }

.mm-list,
.mm-list > li {
  list-style: none;
  display: block;
  padding: 0;
  margin: 0; }

.mm-list {
  font: inherit;
  font-size: 14px; }
  .mm-list a,
  .mm-list a:hover {
    text-decoration: none; }
  .mm-list > li {
    position: relative; }
    .mm-list > li > a,
    .mm-list > li > span {
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      color: inherit;
      line-height: 20px;
      display: block;
      padding: 10px 10px 10px 20px;
      margin: 0; }
  .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after {
    content: '';
    border-bottom-width: 1px;
    border-bottom-style: solid;
    display: block;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0; }
  .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after {
    width: auto;
    margin-left: 20px;
    position: relative;
    left: auto; }
  .mm-list a.mm-subopen {
    background: rgba(3, 2, 1, 0);
    width: 40px;
    height: 100%;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2; }
    .mm-list a.mm-subopen:before {
      content: '';
      border-left-width: 1px;
      border-left-style: solid;
      display: block;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0; }
    .mm-list a.mm-subopen.mm-fullsubopen {
      width: 100%; }
      .mm-list a.mm-subopen.mm-fullsubopen:before {
        border-left: none; }
    .mm-list a.mm-subopen + a,
    .mm-list a.mm-subopen + span {
      padding-right: 5px;
      margin-right: 40px; }
  .mm-list > li.mm-selected > a.mm-subopen {
    background: transparent; }
  .mm-list > li.mm-selected > a.mm-fullsubopen + a,
  .mm-list > li.mm-selected > a.mm-fullsubopen + span {
    padding-right: 45px;
    margin-right: 0; }
  .mm-list a.mm-subclose {
    text-indent: 20px;
    padding-top: 30px;
    margin-top: -20px; }
  .mm-list > li.mm-label {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 10px;
    text-transform: uppercase;
    text-indent: 20px;
    line-height: 25px;
    padding-right: 5px; }
  .mm-list > li.mm-spacer {
    padding-top: 40px; }
    .mm-list > li.mm-spacer.mm-label {
      padding-top: 25px; }
  .mm-list a.mm-subopen:after,
  .mm-list a.mm-subclose:before {
    content: '';
    border: 2px solid transparent;
    display: inline-block;
    width: 7px;
    height: 7px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin-bottom: -5px;
    position: absolute;
    bottom: 50%; }
  .mm-list a.mm-subopen:after {
    border-top: none;
    border-left: none;
    right: 18px; }
  .mm-list a.mm-subclose:before {
    border-right: none;
    border-bottom: none;
    margin-bottom: -15px;
    left: 22px; }

.mm-menu.mm-vertical .mm-list .mm-panel {
  display: none;
  padding: 10px 0 10px 10px; }
  .mm-menu.mm-vertical .mm-list .mm-panel li:last-child:after {
    border-color: transparent; }
.mm-menu.mm-vertical .mm-list li.mm-opened > .mm-panel {
  display: block; }
.mm-menu.mm-vertical .mm-list > li > a.mm-subopen {
  height: 40px; }
  .mm-menu.mm-vertical .mm-list > li > a.mm-subopen:after {
    top: 16px;
    bottom: auto; }
.mm-menu.mm-vertical .mm-list > li.mm-opened > a.mm-subopen:after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg); }
.mm-menu.mm-vertical .mm-list > li.mm-label > a.mm-subopen {
  height: 25px; }

html.mm-opened .mm-page {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); }

.mm-menu {
  background: #333333;
  color: rgba(255, 255, 255, 0.6); }
  .mm-menu .mm-list > li:after {
    border-color: rgba(0, 0, 0, 0.15); }
  .mm-menu .mm-list > li > a.mm-subclose {
    background: rgba(0, 0, 0, 0.1);
    color: rgba(255, 255, 255, 0.3); }
  .mm-menu .mm-list > li > a.mm-subopen:after, .mm-menu .mm-list > li > a.mm-subclose:before {
    border-color: rgba(255, 255, 255, 0.3); }
  .mm-menu .mm-list > li > a.mm-subopen:before {
    border-color: rgba(0, 0, 0, 0.15); }
  .mm-menu .mm-list > li.mm-selected > a:not(.mm-subopen),
  .mm-menu .mm-list > li.mm-selected > span {
    background: rgba(0, 0, 0, 0.1); }
  .mm-menu .mm-list > li.mm-label {
    background: rgba(255, 255, 255, 0.05); }
  .mm-menu.mm-vertical .mm-list li.mm-opened > a.mm-subopen,
  .mm-menu.mm-vertical .mm-list li.mm-opened > ul {
    background: rgba(255, 255, 255, 0.05); }

/*
	jQuery.mmenu offcanvas addon CSS
*/
.mm-page {
  box-sizing: border-box;
  position: relative; }

.mm-slideout {
  -webkit-transition: -webkit-transform 0.4s ease;
  -ms-transition: -ms-transform 0.4s ease;
  transition: transform 0.4s ease; }

html.mm-opened {
  overflow: hidden;
  position: relative; }
  html.mm-opened body {
    overflow: hidden; }

html.mm-background .mm-page {
  background: inherit; }

#mm-blocker {
  background: rgba(3, 2, 1, 0);
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999; }

html.mm-opened #mm-blocker,
html.mm-blocking #mm-blocker {
  display: block; }

.mm-menu.mm-offcanvas {
  display: none;
  position: fixed; }
.mm-menu.mm-current {
  display: block; }

.mm-menu {
  width: 80%;
  min-width: 140px;
  max-width: 440px; }

html.mm-opening .mm-slideout {
  -webkit-transform: translate(80%, 0);
  -moz-transform: translate(80%, 0);
  -ms-transform: translate(80%, 0);
  -o-transform: translate(80%, 0);
  transform: translate(80%, 0); }

@media all and (max-width: 175px) {
  html.mm-opening .mm-slideout {
    -webkit-transform: translate(140px, 0);
    -moz-transform: translate(140px, 0);
    -ms-transform: translate(140px, 0);
    -o-transform: translate(140px, 0);
    transform: translate(140px, 0); } }
@media all and (min-width: 550px) {
  html.mm-opening .mm-slideout {
    -webkit-transform: translate(440px, 0);
    -moz-transform: translate(440px, 0);
    -ms-transform: translate(440px, 0);
    -o-transform: translate(440px, 0);
    transform: translate(440px, 0); } }

/*
	jQuery.mmenu position extension CSS
*/
.mm-menu.mm-top,
.mm-menu.mm-bottom {
  width: 100%;
  min-width: 100%;
  max-width: 100%; }

.mm-menu.mm-right {
  left: auto;
  right: 0; }

.mm-menu.mm-bottom {
  top: auto;
  bottom: 0; }

html.mm-right.mm-opening .mm-slideout {
  -webkit-transform: translate(-80%, 0);
  -moz-transform: translate(-80%, 0);
  -ms-transform: translate(-80%, 0);
  -o-transform: translate(-80%, 0);
  transform: translate(-80%, 0); }

@media all and (max-width: 175px) {
  html.mm-right.mm-opening .mm-slideout {
    -webkit-transform: translate(-140px, 0);
    -moz-transform: translate(-140px, 0);
    -ms-transform: translate(-140px, 0);
    -o-transform: translate(-140px, 0);
    transform: translate(-140px, 0); } }
@media all and (min-width: 550px) {
  html.mm-right.mm-opening .mm-slideout {
    -webkit-transform: translate(-440px, 0);
    -moz-transform: translate(-440px, 0);
    -ms-transform: translate(-440px, 0);
    -o-transform: translate(-440px, 0);
    transform: translate(-440px, 0); } }
/*
	jQuery.mmenu z-position extension CSS
*/
html.mm-front .mm-slideout {
  -webkit-transform: none !important;
  -moz-transform: none !important;
  -ms-transform: none !important;
  -o-transform: none !important;
  transform: none !important;
  z-index: 0 !important; }

.mm-menu.mm-front {
  z-index: 1;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.5); }

html.mm-opened.mm-next .mm-page {
  box-shadow: none; }

.mm-menu.mm-front, .mm-menu.mm-next {
  -webkit-transition: -webkit-transform 0.4s ease;
  -ms-transition: -ms-transform 0.4s ease;
  transition: transform 0.4s ease;
  -webkit-transform: translate(-100%, 0);
  -moz-transform: translate(-100%, 0);
  -ms-transform: translate(-100%, 0);
  -o-transform: translate(-100%, 0);
  transform: translate(-100%, 0); }
  .mm-menu.mm-front.mm-right, .mm-menu.mm-next.mm-right {
    -webkit-transform: translate(100%, 0);
    -moz-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    -o-transform: translate(100%, 0);
    transform: translate(100%, 0); }
.mm-menu.mm-front.mm-top {
  -webkit-transform: translate(0, -100%);
  -moz-transform: translate(0, -100%);
  -ms-transform: translate(0, -100%);
  -o-transform: translate(0, -100%);
  transform: translate(0, -100%); }
.mm-menu.mm-front.mm-bottom {
  -webkit-transform: translate(0, 100%);
  -moz-transform: translate(0, 100%);
  -ms-transform: translate(0, 100%);
  -o-transform: translate(0, 100%);
  transform: translate(0, 100%); }

html.mm-opening .mm-menu.mm-front, html.mm-opening .mm-menu.mm-next {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0); }

.mm-menu.mm-front.mm-top, .mm-menu.mm-front.mm-bottom {
  height: 80%;
  min-height: 140px;
  max-height: 880px; }

/*
	jQuery.mmenu effects extension CSS
*/
html.mm-slide .mm-menu {
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease; }
html.mm-slide.mm-opened .mm-menu {
  -webkit-transform: translateX(-30%);
  -moz-transform: translateX(-30%);
  -ms-transform: translateX(-30%);
  -o-transform: translateX(-30%);
  transform: translateX(-30%); }
html.mm-slide.mm-opening .mm-menu {
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%); }
html.mm-slide.mm-right.mm-opened .mm-menu {
  -webkit-transform: translateX(30%);
  -moz-transform: translateX(30%);
  -ms-transform: translateX(30%);
  -o-transform: translateX(30%);
  transform: translateX(30%); }
html.mm-slide.mm-right.mm-opening .mm-menu {
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%); }
html.mm-slide.mm-top.mm-opened .mm-menu {
  -webkit-transform: translateY(-30%);
  -moz-transform: translateY(-30%);
  -ms-transform: translateY(-30%);
  -o-transform: translateY(-30%);
  transform: translateY(-30%); }
html.mm-slide.mm-top.mm-opening .mm-menu {
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -o-transform: translateY(0%);
  transform: translateY(0%); }
html.mm-slide.mm-bottom.mm-opened .mm-menu {
  -webkit-transform: translateY(30%);
  -moz-transform: translateY(30%);
  -ms-transform: translateY(30%);
  -o-transform: translateY(30%);
  transform: translateY(30%); }
html.mm-slide.mm-bottom.mm-opening .mm-menu {
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -o-transform: translateY(0%);
  transform: translateY(0%); }

html.mm-zoom-menu .mm-menu {
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease; }
html.mm-zoom-menu.mm-opened .mm-menu {
  -webkit-transform: scale(0.7, 0.7) translateX(-30%);
  -moz-transform: scale(0.7, 0.7) translateX(-30%);
  -ms-transform: scale(0.7, 0.7) translateX(-30%);
  -o-transform: scale(0.7, 0.7) translateX(-30%);
  transform: scale(0.7, 0.7) translateX(-30%);
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -ms-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center; }
html.mm-zoom-menu.mm-opening .mm-menu {
  -webkit-transform: scale(1, 1) translateX(0%);
  -moz-transform: scale(1, 1) translateX(0%);
  -ms-transform: scale(1, 1) translateX(0%);
  -o-transform: scale(1, 1) translateX(0%);
  transform: scale(1, 1) translateX(0%); }
html.mm-zoom-menu.mm-right.mm-opened .mm-menu {
  -webkit-transform: scale(0.7, 0.7) translateX(30%);
  -moz-transform: scale(0.7, 0.7) translateX(30%);
  -ms-transform: scale(0.7, 0.7) translateX(30%);
  -o-transform: scale(0.7, 0.7) translateX(30%);
  transform: scale(0.7, 0.7) translateX(30%);
  -webkit-transform-origin: right center;
  -moz-transform-origin: right center;
  -ms-transform-origin: right center;
  -o-transform-origin: right center;
  transform-origin: right center; }
html.mm-zoom-menu.mm-right.mm-opening .mm-menu {
  -webkit-transform: scale(1, 1) translateX(0%);
  -moz-transform: scale(1, 1) translateX(0%);
  -ms-transform: scale(1, 1) translateX(0%);
  -o-transform: scale(1, 1) translateX(0%);
  transform: scale(1, 1) translateX(0%); }
html.mm-zoom-menu.mm-top.mm-opened .mm-menu {
  -webkit-transform: scale(0.7, 0.7) translateY(-30%);
  -moz-transform: scale(0.7, 0.7) translateY(-30%);
  -ms-transform: scale(0.7, 0.7) translateY(-30%);
  -o-transform: scale(0.7, 0.7) translateY(-30%);
  transform: scale(0.7, 0.7) translateY(-30%);
  -webkit-transform-origin: center top;
  -moz-transform-origin: center top;
  -ms-transform-origin: center top;
  -o-transform-origin: center top;
  transform-origin: center top; }
html.mm-zoom-menu.mm-top.mm-opening .mm-menu {
  -webkit-transform: scale(1, 1) translateY(0%);
  -moz-transform: scale(1, 1) translateY(0%);
  -ms-transform: scale(1, 1) translateY(0%);
  -o-transform: scale(1, 1) translateY(0%);
  transform: scale(1, 1) translateY(0%); }
html.mm-zoom-menu.mm-bottom.mm-opened .mm-menu {
  -webkit-transform: scale(0.7, 0.7) translateY(30%);
  -moz-transform: scale(0.7, 0.7) translateY(30%);
  -ms-transform: scale(0.7, 0.7) translateY(30%);
  -o-transform: scale(0.7, 0.7) translateY(30%);
  transform: scale(0.7, 0.7) translateY(30%);
  -webkit-transform-origin: center bottom;
  -moz-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  -o-transform-origin: center bottom;
  transform-origin: center bottom; }
html.mm-zoom-menu.mm-bottom.mm-opening .mm-menu {
  -webkit-transform: scale(1, 1) translateY(0%);
  -moz-transform: scale(1, 1) translateY(0%);
  -ms-transform: scale(1, 1) translateY(0%);
  -o-transform: scale(1, 1) translateY(0%);
  transform: scale(1, 1) translateY(0%); }

html.mm-zoom-panels .mm-menu.mm-horizontal > .mm-panel {
  -webkit-transform: scale(1.5, 1.5) translateX(100%);
  -moz-transform: scale(1.5, 1.5) translateX(100%);
  -ms-transform: scale(1.5, 1.5) translateX(100%);
  -o-transform: scale(1.5, 1.5) translateX(100%);
  transform: scale(1.5, 1.5) translateX(100%);
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -ms-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
  -webkit-transition-property: -webkit-transform, left;
  transition-property: transform, left; }
  html.mm-zoom-panels .mm-menu.mm-horizontal > .mm-panel.mm-opened {
    -webkit-transform: scale(1, 1) translateX(0%);
    -moz-transform: scale(1, 1) translateX(0%);
    -ms-transform: scale(1, 1) translateX(0%);
    -o-transform: scale(1, 1) translateX(0%);
    transform: scale(1, 1) translateX(0%); }
    html.mm-zoom-panels .mm-menu.mm-horizontal > .mm-panel.mm-opened.mm-subopened {
      -webkit-transform: scale(0.7, 0.7) translateX(-30%);
      -moz-transform: scale(0.7, 0.7) translateX(-30%);
      -ms-transform: scale(0.7, 0.7) translateX(-30%);
      -o-transform: scale(0.7, 0.7) translateX(-30%);
      transform: scale(0.7, 0.7) translateX(-30%); }

/*
	jQuery.mmenu themes extension CSS
*/
html.mm-opened.mm-light .mm-page {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }

.mm-menu.mm-light {
  background: #f3f3f3;
  color: rgba(0, 0, 0, 0.6); }
  .mm-menu.mm-light .mm-list > li:after {
    border-color: rgba(0, 0, 0, 0.1); }
  .mm-menu.mm-light .mm-list > li > a.mm-subclose {
    background: rgba(255, 255, 255, 0.6);
    color: rgba(0, 0, 0, 0.3); }
  .mm-menu.mm-light .mm-list > li > a.mm-subopen:after, .mm-menu.mm-light .mm-list > li > a.mm-subclose:before {
    border-color: rgba(0, 0, 0, 0.3); }
  .mm-menu.mm-light .mm-list > li > a.mm-subopen:before {
    border-color: rgba(0, 0, 0, 0.1); }
  .mm-menu.mm-light .mm-list > li.mm-selected > a:not(.mm-subopen),
  .mm-menu.mm-light .mm-list > li.mm-selected > span {
    background: rgba(255, 255, 255, 0.6); }
  .mm-menu.mm-light .mm-list > li.mm-label {
    background: rgba(0, 0, 0, 0.03); }
  .mm-menu.mm-light.mm-vertical .mm-list li.mm-opened > a.mm-subopen,
  .mm-menu.mm-light.mm-vertical .mm-list li.mm-opened > ul {
    background: rgba(0, 0, 0, 0.03); }

.mm-menu.mm-light .mm-buttonbar {
  border-color: rgba(0, 0, 0, 0.6);
  background: #f3f3f3; }
  .mm-menu.mm-light .mm-buttonbar > * {
    border-color: rgba(0, 0, 0, 0.6); }
  .mm-menu.mm-light .mm-buttonbar > input:checked + label {
    background: rgba(0, 0, 0, 0.6);
    color: #f3f3f3; }

.mm-menu.mm-light label.mm-check:before {
  border-color: rgba(0, 0, 0, 0.6); }

.mm-menu.mm-light em.mm-counter {
  color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-light .mm-footer {
  border-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-light .mm-header {
  border-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.3); }
  .mm-menu.mm-light .mm-header .mm-prev:before,
  .mm-menu.mm-light .mm-header .mm-next:after,
  .mm-menu.mm-light .mm-header .mm-close:after {
    border-color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-light .mm-list li.mm-label > div > div {
  background: rgba(0, 0, 0, 0.03); }

.mm-menu.mm-light .mm-search input {
  background: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.6); }
.mm-menu.mm-light .mm-noresultsmsg {
  color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-light label.mm-toggle {
  background: rgba(0, 0, 0, 0.1); }
  .mm-menu.mm-light label.mm-toggle:before {
    background: #f3f3f3; }
.mm-menu.mm-light input.mm-toggle:checked ~ label.mm-toggle {
  background: #4bd963; }

html.mm-opened.mm-white .mm-page {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }

.mm-menu.mm-white {
  background: white;
  color: rgba(0, 0, 0, 0.6); }
  .mm-menu.mm-white .mm-list > li:after {
    border-color: rgba(0, 0, 0, 0.1); }
  .mm-menu.mm-white .mm-list > li > a.mm-subclose {
    background: rgba(0, 0, 0, 0.06);
    color: rgba(0, 0, 0, 0.3); }
  .mm-menu.mm-white .mm-list > li > a.mm-subopen:after, .mm-menu.mm-white .mm-list > li > a.mm-subclose:before {
    border-color: rgba(0, 0, 0, 0.3); }
  .mm-menu.mm-white .mm-list > li > a.mm-subopen:before {
    border-color: rgba(0, 0, 0, 0.1); }
  .mm-menu.mm-white .mm-list > li.mm-selected > a:not(.mm-subopen),
  .mm-menu.mm-white .mm-list > li.mm-selected > span {
    background: rgba(0, 0, 0, 0.06); }
  .mm-menu.mm-white .mm-list > li.mm-label {
    background: rgba(0, 0, 0, 0.03); }
  .mm-menu.mm-white.mm-vertical .mm-list li.mm-opened > a.mm-subopen,
  .mm-menu.mm-white.mm-vertical .mm-list li.mm-opened > ul {
    background: rgba(0, 0, 0, 0.03); }

.mm-menu.mm-white .mm-buttonbar {
  border-color: rgba(0, 0, 0, 0.6);
  background: white; }
  .mm-menu.mm-white .mm-buttonbar > * {
    border-color: rgba(0, 0, 0, 0.6); }
  .mm-menu.mm-white .mm-buttonbar > input:checked + label {
    background: rgba(0, 0, 0, 0.6);
    color: white; }

.mm-menu.mm-white label.mm-check:before {
  border-color: rgba(0, 0, 0, 0.6); }

.mm-menu.mm-white em.mm-counter {
  color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-white .mm-footer {
  border-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-white .mm-header {
  border-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.3); }
  .mm-menu.mm-white .mm-header .mm-prev:before,
  .mm-menu.mm-white .mm-header .mm-next:after,
  .mm-menu.mm-white .mm-header .mm-close:after {
    border-color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-white .mm-list li.mm-label > div > div {
  background: rgba(0, 0, 0, 0.03); }

.mm-menu.mm-white .mm-search input {
  background: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.6); }
.mm-menu.mm-white .mm-noresultsmsg {
  color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-white label.mm-toggle {
  background: rgba(0, 0, 0, 0.1); }
  .mm-menu.mm-white label.mm-toggle:before {
    background: white; }
.mm-menu.mm-white input.mm-toggle:checked ~ label.mm-toggle {
  background: #4bd963; }

html.mm-opened.mm-black .mm-page {
  box-shadow: none; }

.mm-menu.mm-black {
  background: black;
  color: rgba(255, 255, 255, 0.6); }
  .mm-menu.mm-black .mm-list > li:after {
    border-color: rgba(255, 255, 255, 0.2); }
  .mm-menu.mm-black .mm-list > li > a.mm-subclose {
    background: rgba(255, 255, 255, 0.25);
    color: rgba(255, 255, 255, 0.3); }
  .mm-menu.mm-black .mm-list > li > a.mm-subopen:after, .mm-menu.mm-black .mm-list > li > a.mm-subclose:before {
    border-color: rgba(255, 255, 255, 0.3); }
  .mm-menu.mm-black .mm-list > li > a.mm-subopen:before {
    border-color: rgba(255, 255, 255, 0.2); }
  .mm-menu.mm-black .mm-list > li.mm-selected > a:not(.mm-subopen),
  .mm-menu.mm-black .mm-list > li.mm-selected > span {
    background: rgba(255, 255, 255, 0.25); }
  .mm-menu.mm-black .mm-list > li.mm-label {
    background: rgba(255, 255, 255, 0.15); }
  .mm-menu.mm-black.mm-vertical .mm-list li.mm-opened > a.mm-subopen,
  .mm-menu.mm-black.mm-vertical .mm-list li.mm-opened > ul {
    background: rgba(255, 255, 255, 0.15); }

.mm-menu.mm-black .mm-buttonbar {
  border-color: rgba(255, 255, 255, 0.6);
  background: black; }
  .mm-menu.mm-black .mm-buttonbar > * {
    border-color: rgba(255, 255, 255, 0.6); }
  .mm-menu.mm-black .mm-buttonbar > input:checked + label {
    background: rgba(255, 255, 255, 0.6);
    color: black; }

.mm-menu.mm-black label.mm-check:before {
  border-color: rgba(255, 255, 255, 0.6); }

.mm-menu.mm-black em.mm-counter {
  color: rgba(255, 255, 255, 0.3); }

.mm-menu.mm-black .mm-footer {
  border-color: rgba(255, 255, 255, 0.2);
  color: rgba(255, 255, 255, 0.3); }

.mm-menu.mm-black .mm-header {
  border-color: rgba(255, 255, 255, 0.2);
  color: rgba(255, 255, 255, 0.3); }
  .mm-menu.mm-black .mm-header .mm-prev:before,
  .mm-menu.mm-black .mm-header .mm-next:after,
  .mm-menu.mm-black .mm-header .mm-close:after {
    border-color: rgba(255, 255, 255, 0.3); }

.mm-menu.mm-black .mm-list li.mm-label > div > div {
  background: rgba(255, 255, 255, 0.15); }

.mm-menu.mm-black .mm-search input {
  background: rgba(255, 255, 255, 0.3);
  color: rgba(255, 255, 255, 0.6); }
.mm-menu.mm-black .mm-noresultsmsg {
  color: rgba(255, 255, 255, 0.3); }

.mm-menu.mm-black label.mm-toggle {
  background: rgba(255, 255, 255, 0.2); }
  .mm-menu.mm-black label.mm-toggle:before {
    background: black; }
.mm-menu.mm-black input.mm-toggle:checked ~ label.mm-toggle {
  background: #4bd963; }

/* -- dk_mmenu theme 'light' -- */
.mm-menu.mm-light
{
	background: #e0e0e0;
}
/* ColorBox, (c) 2011 Jack Moore, MIT license */
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url("../../assets/jquery/colorbox/1.6.1/images/loading.gif") no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url("../../assets/jquery/colorbox/1.6.1/images/controls.png") no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url("../../assets/jquery/colorbox/1.6.1/images/controls.png") no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url("../../assets/jquery/colorbox/1.6.1/images/controls.png") no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
/* Style.css */
#customForm:hover{color: #990033;    background-color: #fff;    text-decoration: none}#customForm{position: relative;    text-transform: uppercase;    color: #fff;    border: 2px solid #fff;    padding: 10px 20px;    font-size: 14px;    background: transparent;    cursor: pointer;    margin-top: 20px;    transition: all 0.3s ease-in-out;    -webkit-transition: all 0.3s ease-in-out;    -o-transition: all 0.3s ease-in-out;    -moz-transition: all 0.3s ease-in-out;background-color:#990033}body .formbody .col-12{margin-top: -0.8rem !important}#ferienhaus-bauernhof{width: 100%;    overflow: hidden}#footer .map{overflow: hidden}footer#footer{overflow: hidden;width: 100%;margin-top: 20px;text-align: center;background-color: #990033}.cal .basic .of{background-image:url("../../files/design/Calendar/cal_of.jpg")}.cal .basic .fo{background-image:url("../../files/design/Calendar/cal_fo.jpg")}.cal .o{background-color: #e86060!important}html,body{background: #ffffffimportant;    background: -moz-radial-gradient(center, ellipse cover, #ffffff 0%, #fff4e8 59%, #e4bea6 100%)important;    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #ffffff), color-stop(59%, #fff4e8), color-stop(100%, #e4bea6))important;    background: -webkit-radial-gradient(center, ellipse cover, #ffffff 0%, #f7e3ce 59%, #dcb79f 100%)important;    background: -o-radial-gradient(center, ellipse cover, #ffffff 0%, #fff4e8 59%, #e4bea6 100%)important;    background: -ms-radial-gradient(center, ellipse cover, #ffffff 0%, #fff4e8 59%, #e4bea6 100%)important;    background: radial-gradient(ellipse at center, #ffffff 0%, #f7e3ce 59%, #dcb79f 100%)important;    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#fce9d6', GradientType=1)!important}iframe{border:none}.start-block a{padding: 10px!important}
/* Form.css */
input[type="text"],input[type="date"],input[type="datetime"],input[type="email"],input[type="number"],input[type="search"],input[type="time"],input[type="url"],input[type="password"],textarea,select{font-size: 17px!important;    border: 1px solid #48362c73!important;    margin-top: 5px}input#ctrl_3{margin-top: 20px}
@media (max-width: 767px){
/* Mobile.css */
.panel{margin-bottom: 0 !important}.popup_law_title{font-size: 18px !important;            margin: 0 !important}#popup_law_wrap p{font-size: 14px !important}#popup_law_wrap .popup_law_btn{margin-top: 5px !important;            padding: 10px !important;            font-size: 14px !important}.accordion{font-size: 14px !important;            margin-top: 0 !important}
}
html,
body {
  margin: 0;
  padding: 0;
  left: 0;
  top: 0;
  font-size: 100%;
  background: #ffffff;
}
* {
  font-family: 'Open Sans', sans-serif;
  color: #6b6d6f;
  line-height: 1.7;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
h1 {
  font-size: 2.5rem;
  font-family: 'Poppins', sans-serif;
  color: #990033;
  text-transform: uppercase;
}
h2 {
  font-size: 1.5rem;
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  color: #990033;
  -webkit-margin-before: 0 !important;
  -webkit-margin-after: 0 !important;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
}
h3 {
  font-size: 1.5rem;
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  color: #990033;
}
h4 {
  font-size: 1.125rem;
}
h5 {
  font-size: 1rem;
}
h6 {
  font-size: 0.875rem;
}
p {
  font-size: 1rem;
  font-weight: 200;
  line-height: 1.7;
}
a {
  text-decoration: none;
  color: #990033;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
}
a:hover {
  color: #990033;
}
ul {
  margin-bottom: 0;
}
/*#desktop li.active .active {
	border-bottom: 2px solid @main-color;
	color: #fff;
	}*/
/*#desktop li .submenu.trail {
	border-bottom: 2px solid @main-color;
	color: #fff;
  .transitional;
  &:hover{
    border: none;
  }
  }*/
/*#desktop a:after{
	content: '';
    display: block;
    width: 0;
    height: 2px;
    background: #fff;
}
#desktop a:hover:after{
	width: 100%;
    transition: width .3s;
    }*/
.font-regular {
  font-weight: 400;
}
.left {
  text-align: left;
}
.right {
  text-align: right;
}
.margined {
  padding: 50px 0;
}
.none.margined {
  padding-bottom: 0;
}
.center {
  text-align: center;
  margin-left: auto !important;
  margin-right: auto !important;
  float: none !important;
}
.justify {
  text-align: justify;
}
#main ul li {
  list-style: none;
  position: relative;
  padding-left: 15px;
}
#main ul li:before {
  background: url("../../files/Gertraud/square.png") no-repeat -10px -10px;
  width: 10px;
  height: 10px;
  display: block;
  position: absolute;
  content: " ";
  top: 10px;
  left: 0px;
}
.hidden-sm {
  display: none;
}
/*.block {
	overflow: hidden;
	}*/
.white-section {
  background: #ffffff;
  background: -moz-radial-gradient(center, ellipse cover, #ffffff 0%, #fff4e8 59%, #e4bea6 100%);
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #ffffff), color-stop(59%, #fff4e8), color-stop(100%, #e4bea6));
  background: -webkit-radial-gradient(center, ellipse cover, #ffffff 0%, #fff4e8 59%, #e4bea6 100%);
  background: -o-radial-gradient(center, ellipse cover, #ffffff 0%, #fff4e8 59%, #e4bea6 100%);
  background: -ms-radial-gradient(center, ellipse cover, #ffffff 0%, #fff4e8 59%, #e4bea6 100%);
  background: radial-gradient(ellipse at center, #ffffff 0%, #fff4e8 59%, #e4bea6 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#fce9d6', GradientType=1);
}
figure {
  display: block;
  position: relative;
  line-height: 0;
}
figure img {
  width: 100%;
  height: auto;
}
.img-resp {
  width: 100%;
  height: auto;
}
.bg-primary {
  background-color: #990033;
}
.transitional {
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
}
.headline-block {
  margin: 0 0 40px;
}
.headline-block .headline-def {
  font-size: 1.8rem;
  float: none;
  width: auto;
  display: inline-block;
  padding: 12px 20px 8px;
  position: relative;
  color: #990033;
  font-weight: 400;
  margin: 0 !important;
}
.headline-block .headline-def:after,
.headline-block .headline-def:before {
  left: 0;
  right: 0;
  top: auto;
  bottom: 0;
  width: auto;
  height: 1px;
  content: "";
  margin: 0 auto;
  position: absolute;
  background-color: #990033;
}
.headline-block .headline-def:after {
  top: 0;
  left: 20px;
  right: 20px;
  bottom: auto;
}
.headline-inv {
  font-size: 1.5rem;
  line-height: 1.4;
  padding: 0 0 23px;
  margin: 0 0 22px;
  position: relative;
  color: #990033;
  font-weight: 400;
}
.headline-inv:after,
.headline-inv:before {
  position: absolute;
  top: auto;
  right: auto;
  left: 0;
  height: 1px;
  bottom: 0;
  content: "";
  width: 80px;
  background-color: #990033;
}
.headline-inv:before {
  bottom: 6px;
  width: 90px;
}
.app-grid {
  float: left;
  width: 100%;
}
.app-grid ul li:before {
  display: none !important;
}
.app-grid figure {
  float: left;
  width: 100%;
  overflow: hidden;
  position: relative;
  margin: 0;
}
.app-grid figure a {
  line-height: 0;
}
.app-grid figure a:after,
.app-grid figure a:before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  opacity: 0;
  position: absolute;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.25);
}
.app-grid figure a:after {
  left: 10px;
  right: 10px;
  top: 10px;
  bottom: 10px;
  box-shadow: 0 10px 20px 0 #000000;
}
.app-grid .room-thumb {
  margin-left: auto;
  margin-right: auto;
  max-width: 615px;
  background-color: #ffffff;
}
.app-grid .room-thumb:hover {
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.09);
}
.app-grid .room-thumb:hover figure a:after,
.app-grid .room-thumb:hover figure a:before {
  opacity: 1;
}
.app-grid .room-info {
  float: left;
  width: 100%;
  position: relative;
  padding: 5px 30px 22px;
  border: 1px solid #f5f5f5;
}
.app-grid .room-info h4 {
  text-transform: uppercase;
  margin-bottom: 40px;
}
.app-grid .room-info h4 a {
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
}
.rooms-carousel {
  float: left;
  width: 100%;
}
.rooms-carousel ul li:before {
  display: none !important;
}
.rooms-carousel .slick-slide {
  padding: 0	15px;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
}
.rooms-carousel figure {
  float: left;
  width: 100%;
  overflow: hidden;
  position: relative;
  margin: 0;
}
.rooms-carousel figure a {
  line-height: 0;
}
.rooms-carousel figure a:after,
.rooms-carousel figure a:before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  opacity: 0;
  position: absolute;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.25);
}
.rooms-carousel figure a:after {
  left: 10px;
  right: 10px;
  top: 10px;
  bottom: 10px;
  box-shadow: 0 10px 20px 0 #000000;
}
.rooms-carousel .slick-prev,
.rooms-carousel .slick-next {
  color: transparent;
  position: absolute;
  top: 50%;
  z-index: 1;
  background-image: none;
  text-indent: 0;
  border: 1px solid #cccccc;
  width: 31px;
  height: 31px;
  font-size: 20px;
  border-radius: 0;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
}
@media only screen and (max-width: 60em) {
  .rooms-carousel .slick-prev,
  .rooms-carousel .slick-next {
    height: 40px;
    width: 40px;
  }
}
.rooms-carousel .slick-prev:hover,
.rooms-carousel .slick-next:hover {
  background-color: #990033;
  border: none;
}
.rooms-carousel .slick-prev:hover:before,
.rooms-carousel .slick-next:hover:before {
  color: #fff;
}
.rooms-carousel .slick-prev:before,
.rooms-carousel .slick-next:before {
  color: #6b6d6f;
  top: 50%;
  left: 0;
  right: 0;
  position: absolute;
  text-align: center;
  font-family: 'fontawesome';
  transform: translateY(-55%);
  -o-transform: translateY(-55%);
  -ms-transform: translateY(-55%);
  -moz-transform: translateY(-55%);
  -webkit-transform: translateY(-55%);
}
.rooms-carousel .slick-prev span,
.rooms-carousel .slick-next span {
  display: none;
}
.rooms-carousel .slick-prev:before {
  content: "\f104";
}
.rooms-carousel .slick-next:before {
  content: "\f105";
}
.rooms-carousel .room-thumb {
  float: left;
  background-color: #ffffff;
}
.rooms-carousel .room-thumb:hover {
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.09);
}
.rooms-carousel .room-thumb:hover figure a:after,
.rooms-carousel .room-thumb:hover figure a:before {
  opacity: 1;
}
.rooms-carousel .room-info {
  float: left;
  width: 100%;
  position: relative;
  padding: 5px 30px 22px;
  border: 1px solid #f5f5f5;
}
.rooms-carousel .room-info h4 {
  text-transform: uppercase;
  margin-bottom: 40px;
}
.rooms-carousel .room-info h4 a {
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
}
.btn-def,
input[type="button"],
input[type="submit"] {
  position: relative;
  text-transform: uppercase;
  color: #990033;
  border: 2px solid #990033;
  padding: 15px 20px;
  font-size: 14px;
  background: transparent;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
}
.btn-def:after,
input[type="button"]:after,
input[type="submit"]:after,
.btn-def:before,
input[type="button"]:before,
input[type="submit"]:before {
  border-left: 10px solid transparent!important;
  border-top: 10px solid #990033;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
}
.btn-def:after,
input[type="button"]:after,
input[type="submit"]:after {
  border-left: 0 !important;
  border-top: 0;
  border-right: 10px solid transparent!important;
  border-bottom: 10px solid #990033;
  bottom: 0;
  left: 0;
  right: auto;
  top: auto;
}
.btn-def:hover,
input[type="button"]:hover,
input[type="submit"]:hover {
  color: #fff;
  background-color: #990033;
  text-decoration: none;
}
.btn-def:hover:before,
input[type="button"]:hover:before,
input[type="submit"]:hover:before {
  border-left-width: 20px !important;
  border-top-width: 20px;
}
.btn-def:hover:after,
input[type="button"]:hover:after,
input[type="submit"]:hover:after {
  border-right-width: 20px !important;
  border-bottom-width: 20px;
}
.layer-img {
  float: left;
  position: relative;
}
@media only screen and (max-width: 60em) {
  .layer-img {
    padding: 0;
    width: 100% !important;
  }
  .layer-img p {
    display: none;
  }
  .layer-img figure {
    margin: 0;
  }
}
.layer-img p {
  left: 0;
  top: auto;
  bottom: 0;
  width: auto;
  transform: translateY(0);
  -o-transform: translateY(0);
  -ms-transform: translateY(0);
  -moz-transform: translateY(0);
  -webkit-transform: translateY(0);
  position: absolute;
  float: left;
}
@media only screen and (max-width: 60em) {
  .about {
    width: 100% !important;
  }
}
@media only screen and (max-width: 60em) {
  padding: 0;
  width: 100% !important;
  
  p {
    display: none;
  }
  figure {
    margin: 0;
  }
}
.icon-box-wraper {
  background-color: #fff;
  padding: 30px;
  text-align: center;
  margin: 5px;
}
.animate-line {
  position: relative;
  z-index: 0;
  margin-bottom: 2% !important;
  margin-top: 2% !important;
}
.animate-line:hover .fa {
  color: #990033;
}
.animate-line:after,
.animate-line:before {
  content: "";
  height: 4px;
  width: 0px;
  position: absolute;
  transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  z-index: -1;
}
.animate-line:after {
  left: 0;
  bottom: 0;
}
.animate-line:before {
  right: 0;
  top: 0;
}
.animate-line:hover:after,
.animate-line:hover:before {
  width: 50%;
  height: 50%;
  background: #990033;
}
.gallery-def .gallery-cell {
  width: 100%;
  /* full width */
  height: 450px;
  /* height of carousel */
  margin-right: 10px;
}
@media only screen and (min-width: 33.75em) {
  .gallery-def {
    max-width: 90%;
    margin: 0 auto 25px !important;
  }
}
@media only screen and (max-width: 33.75em) {
  .gallery-def .flickity-page-dots {
    display: none;
  }
}
header,
footer,
nav,
section,
aside,
article,
figure,
figcaption {
  display: block;
}
/**
 * Fix some positioning issues
 */
#container,
.inside {
  position: relative;
}
/**
 * Format the Contao image galleries (now rendered as unordered lists)
 */
.ce_gallery > ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.ce_gallery > ul li.col_first {
  clear: left;
}
/**
 * Float classes (see #6851)
 */
.float_left {
  float: left;
}
.float_right {
  float: right;
}
/**
 * Clear floats
 */
.clear,
#clear {
  height: 0.1px;
  font-size: 0.1px;
  line-height: 0.1px;
  clear: both;
}
/**
 * Hide invisible elements
 */
.invisible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
/**
 * Custom layout sections
 */
.custom {
  display: block;
}
#container:after,
.custom:after {
  content: "";
  display: table;
  clear: both;
}
.container {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}
.row {
  position: relative;
  width: 100%;
}
.row [class^="col"] {
  float: left;
  margin: 0.5rem 2%;
  min-height: 0.125rem;
}
/*
.row::after {
	content: "";
	display: table;
	clear: both;
}
*/
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
  width: 96%;
  float: left;
  margin: 0.5rem 2%;
  min-height: 0.125rem;
}
.col-1-sm {
  width: 4.33333333%;
}
.col-2-sm {
  width: 12.66666667%;
}
.col-3-sm {
  width: 21%;
}
.col-4-sm {
  width: 29.33333333%;
}
.col-5-sm {
  width: 37.66666667%;
}
.col-6-sm {
  width: 46%;
}
.col-7-sm {
  width: 54.33333333%;
}
.col-8-sm {
  width: 62.66666667%;
}
.col-9-sm {
  width: 71%;
}
.col-10-sm {
  width: 79.33333333%;
}
.col-11-sm {
  width: 87.66666667%;
}
.col-12-sm {
  width: 96%;
}
@media only screen and (min-width: 48em) {
  .col-1 {
    width: 4.33333333%;
  }
  .col-2 {
    width: 12.66666667%;
  }
  .col-3 {
    width: 21%;
  }
  .col-4 {
    width: 29.33333333%;
  }
  .col-5 {
    width: 37.66666667%;
  }
  .col-6 {
    width: 46%;
  }
  .col-7 {
    width: 54.33333333%;
  }
  .col-8 {
    width: 62.66666667%;
  }
  .col-9 {
    width: 71%;
  }
  .col-10 {
    width: 79.33333333%;
  }
  .col-11 {
    width: 87.66666667%;
  }
  .col-12 {
    width: 96%;
  }
  .hidden-sm {
    display: block;
  }
}
#header,
#main,
#left,
#right,
#container {
  position: relative;
  float: none;
}
#header {
  position: fixed;
  left: 0;
  transition: background .3s ease, margin .4s ease;
  width: 100%;
  z-index: 29;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
#header .header_top {
  font-size: 12px;
  color: #fff;
  line-height: 25px;
  padding: 7px 5%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.2);
}
#header .header_top span,
#header .header_top a {
  color: #fff;
  margin-right: 30px;
}
#header .header_top .fa {
  font-size: 18px;
  color: #fff;
}
@media only screen and (max-width: 60em) {
  #header .header_top {
    display: none;
  }
}
#wrapper.scrolled #header {
  position: fixed;
  background-color: #990033;
  box-shadow: 0px 8px 20px 0px rgba(104, 77, 61, 0.3);
  transition: background 0.3s ease, box-shadow 0.3s ease, margin 0.4s ease;
}
@media only screen and (min-width: 60em) {
  #wrapper.scrolled #header {
    margin: -38px 0 0 0;
  }
}
#wrapper.scrolled #header .logo {
  padding: 0.5% 4%;
}
#wrapper.scrolled #header #white-logo {
  opacity: 0;
}
#wrapper.scrolled #header #grey-logo {
  opacity: 1;
}
@media only screen and (max-width: 33.75em) {
  #wrapper.scrolled #header img {
    width: 10em;
  }
}
.slider-container {
  overflow: hidden;
  background-color: #000;
}
.slider-container img {
  opacity: .6;
}
.slider-container .rsts-skin-default .rsts-nav-bullets a {
  box-sizing: content-box;
  -webkit-box-sizing: content-box;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0);
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  width: 13px;
  height: 13px;
  border: 2px solid #fff;
}
.slider-container .rsts-skin-default .rsts-nav-bullets a:hover,
.slider-container .rsts-skin-default .rsts-nav-bullets a.active {
  background: #fff;
  box-shadow: none;
}
.slider-container .rsts-skin-default .rsts-nav-bullets a:hover:after,
.slider-container .rsts-skin-default .rsts-nav-bullets a.active:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  border-radius: 50%;
  background-color: #FFF;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
}
.slider-container .rsts-skin-default .rsts-nav {
  position: absolute;
  right: 95px;
  bottom: 12px;
  text-align: right;
  z-index: 1;
}
.slider-container .rsts-prev,
.slider-container .rsts-next {
  color: #fff;
  padding: absolute;
  top: 50%;
  z-index: 1;
  background-image: none;
  text-indent: 0;
  border: 1px solid #e9e8e8;
  width: 51px;
  height: 51px;
  font-size: 20px;
  border-radius: 0;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
}
@media only screen and (max-width: 60em) {
  .slider-container .rsts-prev,
  .slider-container .rsts-next {
    height: 40px;
    width: 40px;
  }
}
.slider-container .rsts-prev:hover,
.slider-container .rsts-next:hover {
  background-color: #990033;
  border: none;
  color: #fff;
}
.slider-container .rsts-prev:before,
.slider-container .rsts-next:before {
  top: 50%;
  left: 0;
  right: 0;
  position: absolute;
  text-align: center;
  font-family: 'fontawesome';
  transform: translateY(-55%);
  -o-transform: translateY(-55%);
  -ms-transform: translateY(-55%);
  -moz-transform: translateY(-55%);
  -webkit-transform: translateY(-55%);
}
.slider-container .rsts-prev span,
.slider-container .rsts-next span {
  display: none;
}
.slider-container .rsts-prev {
  left: 0;
}
.slider-container .rsts-prev:before {
  content: "\f104";
}
.slider-container .rsts-next {
  right: 0;
}
.slider-container .rsts-next:before {
  content: "\f105";
}
.slider-container .slider-content {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100vh;
  /*background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%);*/
}
.slider-container .slider-content .slider-content-container {
  display: table;
  width: 90%;
  margin: 0 auto;
  height: 100%;
}
.slider-container .slider-content .slider-content-container .slider-content-container-cell {
  display: table-cell;
  vertical-align: bottom;
  text-align: left;
  padding-bottom: 50px;
}
.slider-container .slider-caption {
  position: relative;
  line-height: 1;
}
.slider-container .slider-caption p {
  text-transform: uppercase;
  color: #fff;
  line-height: 1.4;
  margin: 0px;
  font-weight: 400;
  font-family: 'Poppins', sans-serif;
}
@media only screen and (min-width: 33.75em) {
  .slider-container .slider-caption p {
    font-size: 1.8rem;
  }
}
@media only screen and (max-width: 33.75em) {
  .slider-container .slider-caption p {
    font-size: 1.5rem;
  }
}
.slider-container .slider-caption p:before {
  left: 0px;
  height: 1px;
  content: "";
  bottom: 0px;
  width: 120px;
  position: absolute;
  background-color: #f5f5f5;
}
.slider-container .slider-subtitle {
  color: #fff;
  white-space: normal;
}
.slider-container .slider-subtitle p {
  text-transform: uppercase;
  color: #fff;
  line-height: 1.4;
  margin: 0px;
  font-weight: 400;
  font-family: 'Poppins', sans-serif;
}
@media only screen and (min-width: 33.75em) {
  .slider-container .slider-subtitle p {
    font-size: 2.5rem;
  }
}
@media only screen and (max-width: 33.75em) {
  .slider-container .slider-subtitle p {
    font-size: 1.5rem;
  }
}
.slider-container .slider-button {
  padding: 15px 0;
  float: left;
}
.slider-container .slider-button a {
  color: #fff;
}
.flip-container .flip-box {
  -webkit-transition: 0.6s;
  -ms-transition: 0.6s;
  -moz-transition: 0.6s;
  transition: 0.6s;
  position: relative;
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  -ms-perspective: 1000;
  perspective: 1000;
  -ms-transform: perspective(1000px);
  -moz-transform: perspective(1000px);
}
.flip-container .flip-box .flip-thum-bx {
  z-index: 2;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: 0.6s;
  -webkit-transform: rotateY(0deg);
  -moz-transition: 0.6s;
  -moz-transform: rotateY(0deg);
  -o-transition: 0.6s;
  -o-transform: rotateY(0deg);
  -ms-transition: 0.6s;
  -ms-transform: rotateY(0deg);
  transition: 0.6s;
  transform: rotateY(0deg);
  top: 0;
  left: 0;
  line-height: 0;
}
.flip-container .flip-box .flip-thum-bx img {
  width: inherit;
  height: inherit;
}
.flip-container .flip-box .flip-info {
  -webkit-transform: rotateY(-180deg);
  -moz-transform: rotateY(-180deg);
  -o-transform: rotateY(-180deg);
  -ms-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-transition: 0.6s;
  -o-transition: 0.6s;
  -ms-transition: 0.6s;
  transition: 0.6s;
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  border: 6px solid #990033;
  background-color: #FFF;
}
.flip-container .flip-box .flip-info-text {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  padding: 30px;
  text-align: center;
}
.flip-container .flip-box .flip-info-text h2 {
  color: #990033;
}
.flip-container .flip-box:hover .flip-thum-bx {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
.flip-container .flip-box:hover .flip-info {
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  transform: rotateY(0deg);
}
.img-shadow a {
  line-height: 0;
}
.img-shadow .image_container:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 10px;
  left: -10px;
  background-color: #990033;
  z-index: -1;
}
.price_table {
  width: 100%;
  border-collapse: collapse;
}
.price_table td {
  border: none;
  padding: 5px;
  font-size: 0.9rem;
  border: 1px solid #d4d4d4;
}
.price_table th {
  background-color: rgba(153, 0, 51, 0.9);
  color: #ffffff;
  padding: 7px;
  font-weight: 400;
}
.price_table .tr-key {
  background-color: #f5f5f5;
}
@media only screen and (min-width: 48em) {
  .price_table {
    border: 1px solid #990033;
  }
}
@media only screen and (max-width: 48em) {
  .price_table .tr-key,
  .price_table .tr-val {
    width: 50%;
    float: left;
  }
  .price_table .td-key,
  .price_table .td-val {
    width: 100%;
    float: left;
  }
}
#preloader {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999;
  width: 100%;
  height: 100%;
  overflow: visible;
  background: #694e3e;
  background: -moz-radial-gradient(center, ellipse cover, #694e3e 0%, #382a20 47%, #21140c 100%);
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #694e3e), color-stop(47%, #382a20), color-stop(100%, #21140c));
  background: -webkit-radial-gradient(center, ellipse cover, #694e3e 0%, #382a20 47%, #21140c 100%);
  background: -o-radial-gradient(center, ellipse cover, #694e3e 0%, #382a20 47%, #21140c 100%);
  background: -ms-radial-gradient(center, ellipse cover, #694e3e 0%, #382a20 47%, #21140c 100%);
  background: radial-gradient(ellipse at center, #990033 0%, #a00237 47%, #50011b 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#694e3e', endColorstr='#21140c', GradientType=1);
}
#preloader .preloader {
  background-image: url("../../files/Straifhof/logo_new.png");
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 230px;
  height: 230px;
  transform: translateX(-50%) translateY(-50%);
  backgound-size: contain;
  background-size: 100%;
}
#ferienhaus-bauernhof {
  background-image: url("../../files/Gertraud/StockSnap_8ZXX8PAIE4-min.jpg");
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
#ferienhaus-bauernhof img {
  box-shadow: 0px 0px 2px #0c0c0c;
}
#ferienhaus-bauernhof:before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  opacity: 0.25;
  position: absolute;
  background-color: #000;
}
#ferienhaus-bauernhof .headline-block {
  position: relative;
  float: none;
}
#ferienhaus-bauernhof .headline-block .headline-def {
  color: #fff;
}
#ferienhaus-bauernhof .headline-block .headline-def:before,
#ferienhaus-bauernhof .headline-block .headline-def:after {
  background-color: #fff;
}
#ferienhaus-bauernhof .white-section {
  float: left;
  padding: 30px;
}
#ferienhaus-bauernhof figure,
#ferienhaus-bauernhof .ce_text {
  margin: 0;
}
.grey-sec {
  background-color: #f5f5f5;
}
.fa {
  font-size: 30px;
  color: #990033;
  margin-right: 5px;
}
.icon-sm .fa {
  font-size: 30px;
  color: #990033;
  cursor: pointer;
  margin: 0;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
}
.icon-sm .fa:hover {
  color: #990033;
}
.prod-box {
  margin-bottom: 32px;
}
.prod-box .prod-media {
  display: block;
  position: relative;
  float: none;
  line-height: 0;
  margin: 0;
  padding: 0;
}
.prod-box .prod-media a {
  line-height: 0;
}
.prod-box .prod-media img {
  width: 100%;
  height: auto;
}
.prod-box .prod-info {
  display: block;
  position: relative;
  height: 100%;
  width: 100%;
  min-height: 265px;
  background-color: #f5f5f5;
  padding: 40px;
}
.prod-box .prod-info h3,
.prod-box .prod-info p {
  margin: 0 0 15px 0;
  line-height: 1.2;
}
.prod-box .prod-info h3:last-child,
.prod-box .prod-info p:last-child {
  margin: 0;
}
.prod-box .prod-info .btn-def {
  position: absolute;
  bottom: 40px;
}
.price-section {
  margin-left: auto !important;
  margin-right: auto !important;
  float: none !important;
}
#header .logo {
  position: relative;
  padding: 2% 5%;
  float: left;
  z-index: 1;
}
#header .logo #white-logo {
  position: absolute;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
}
#header .logo #grey-logo {
  opacity: 0;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
}
@media only screen and (max-width: 33.75em) {
  #header .logo img {
    width: 9em;
  }
}
@media only screen and (min-width: 33.75em) {
  #header .logo {
    padding: 1% 4%;
  }
  #header .logo img {
    width: 12em;
    margin-top: 14px;
  }
}
#header #m-open {
  position: fixed;
  right: 5%;
  top: 1.5em;
  font-size: 1.5rem;
  color: #fff;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.66);
  width: 1.2em;
  overflow: hidden;
  z-index: 1;
}
@media only screen and (min-width: 60em) {
  #header #m-open {
    display: none;
  }
}
#header #m-open span {
  background: #fff;
  height: 4px;
  display: block;
  margin: 5px 0;
  transform: translateX(0px);
  transition: transform 0.3s ease;
  box-shadow: 0 0 13px 0px rgba(0, 0, 0, 0.52);
}
#header #m-open span:nth-child(1) {
  height: 3px;
}
#header #m-open span:nth-child(4) {
  height: 5px;
}
#header #m-open:hover span:nth-child(1) {
  transform: translateX(15px);
}
#header #m-open:hover span:nth-child(2) {
  transform: translateX(9px);
}
#header #m-open:hover span:nth-child(3) {
  transform: translateX(3px);
}
#header .mod_article {
  height: 70vh;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
#header .mod_article .ce_text {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 3% 5%;
}
#header p {
  color: #fff;
  /* font-size: 2.5rem; */
  text-align: right;
  line-height: 1.5rem;
  font-size: 3.2rem;
  font-family: 'Poppins', sans-serif;
}
@media only screen and (max-width: 33.75em) {
  #header p {
    line-height: 2rem;
    font-size: 2rem;
  }
}
.startpage #header .mod_article {
  height: 100vh;
}
.startpage .custom {
  margin-top: 3em;
}
@media only screen and (max-width: 48em) {
  .startpage .custom {
    padding: 0 1em;
  }
}
.startpage .custom .mod_article .ce_text {
  background: #f5f5f5;
  clear: both;
  position: relative;
}
.startpage .custom .mod_article .ce_text h2,
.startpage .custom .mod_article .ce_text p {
  padding: 0 1em;
}
.startpage .custom .mod_article .ce_text figure {
  line-height: 0;
}
@media only screen and (min-width: 48em) {
  .startpage .custom .mod_article .ce_text figure {
    width: 50%;
  }
}
@media only screen and (max-width: 48em) {
  .startpage .custom .mod_article .ce_text figure {
    float: none;
  }
}
@media only screen and (min-width: 48em) {
  .startpage .custom .mod_article .ce_text:nth-child(odd) figure {
    float: right;
    margin-left: 1em;
  }
}
@media only screen and (min-width: 60em) {
  .startpage .custom .mod_article .ce_text:nth-child(odd) .middle {
    left: 0;
    right: 50%;
  }
}
@media only screen and (min-width: 48em) {
  .startpage .custom .mod_article .ce_text:nth-child(even) figure {
    float: left;
    margin-right: 1em;
  }
}
@media only screen and (min-width: 60em) {
  .startpage .custom .mod_article .ce_text:nth-child(even) .middle {
    left: 50%;
    right: 0;
  }
}
@media only screen and (min-width: 60em) {
  .startpage .custom .mod_article .ce_text .middle {
    text-align: center;
    position: absolute;
    top: 50%;
    bottom: 0;
    transform: translateY(-50%);
  }
}
.start-block p {
  font-size: 1rem;
}
.start-block a {
  border: 1px solid #48362c;
  padding: 6px;
  color: #48362c;
}
.start-block a:hover {
  color: #fff;
  background: #48362c;
}
#footer {
  /*      background: #990033;
  background: -moz-linear-gradient(to bottom, #990033 0%, #770329 47%, #410116 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(105,78,62,1)), color-stop(47%, rgba(56,42,32,1)), color-stop(100%, rgba(33,20,12,1)));
  background: -webkit-linear-gradient(to bottom, #990033 0%, #770329 47%, #410116 100%);
  background: -o-linear-gradient(to bottom, #990033 0%, #770329 47%, #410116 100%);
  background: -ms-linear-gradient(to bottom, #990033 0%, #770329 47%, #410116 100%);
  background: linear-gradient(to bottom, #990033 0%, #770329 47%, #410116 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#694e3e', endColorstr='#21140c', GradientType=0 );
  text-align: center;0 */
}
#footer .block {
  float: left;
}
#footer p,
#footer a,
#footer h2 {
  color: #fff;
  margin-bottom: 30px;
}
#footer .contacts {
  padding-top: 50px;
  padding-bottom: 20px;
}
#footer .contacts .contacts-info {
  margin-top: 30px;
  float: left;
}
#footer .style-square {
  border-color: #fff;
}
#footer .map {
  line-height: 0;
}
#footer .easyloop .image_container {
  margin: 0;
  padding: 15px 0 10px 0;
}
#footer .easyloop img {
  max-width: 150px;
}
#footer p {
  display: block;
  float: left;
  margin: 0 0 15px 0;
  width: 100%;
  position: relative;
}
#footer .headline-inv,
#footer .headline-def {
  color: #fff;
}
#footer .headline-inv:after,
#footer .headline-def:after,
#footer .headline-inv:before,
#footer .headline-def:before {
  background-color: #fff;
}
#footer .cont-sec {
  position: relative;
  display: block;
  float: left;
  width: 100%;
  margin-top: 25px;
}
#footer .cont-sec p {
  padding-top: 55px;
  text-align: center;
}
#footer .cont-sec p .fa {
  position: absolute;
  top: 0;
  left: 40%;
  transform: translate(0, -50%);
}
#footer .fa {
  font-size: 2.6rem;
  color: #990033;
  margin-right: 5px;
  float: left;
  width: 55px;
  height: 55px;
  line-height: 55px;
  text-align: center;
  margin: -7px 25px 0 7px;
}
#footer .fa:before {
  color: #fff;
}
#footer .ce_form {
  margin-top: 15px;
  width: 100%;
  float: left;
}
#footer input[type="text"],
#footer input[type="date"],
#footer input[type="datetime"],
#footer input[type="email"],
#footer input[type="number"],
#footer input[type="search"],
#footer input[type="time"],
#footer input[type="url"],
#footer input[type="password"],
#footer textarea,
#footer select {
  height: 36px;
}
#footer textarea {
  min-height: 128px;
}
#footer .btn-inv,
#footer input[type="button"],
#footer input[type="submit"] {
  position: relative;
  text-transform: uppercase;
  color: #fff;
  border: 2px solid #fff;
  padding: 10px 20px;
  font-size: 14px;
  background: transparent;
  cursor: pointer;
  margin-top: 20px;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
}
#footer .btn-inv:after,
#footer input[type="button"]:after,
#footer input[type="submit"]:after,
#footer .btn-inv:before,
#footer input[type="button"]:before,
#footer input[type="submit"]:before {
  border-left: 10px solid transparent!important;
  border-top: 10px solid #fff;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
}
#footer .btn-inv:after,
#footer input[type="button"]:after,
#footer input[type="submit"]:after {
  border-left: 0 !important;
  border-top: 0;
  border-right: 10px solid transparent!important;
  border-bottom: 10px solid #fff;
  bottom: 0;
  left: 0;
  right: auto;
  top: auto;
}
#footer .btn-inv:hover,
#footer input[type="button"]:hover,
#footer input[type="submit"]:hover {
  color: #990033;
  background-color: #fff;
  text-decoration: none;
}
#footer .btn-inv:hover:before,
#footer input[type="button"]:hover:before,
#footer input[type="submit"]:hover:before {
  border-left-width: 20px !important;
  border-top-width: 20px;
}
#footer .btn-inv:hover:after,
#footer input[type="button"]:hover:after,
#footer input[type="submit"]:hover:after {
  border-right-width: 20px !important;
  border-bottom-width: 20px;
}
html.mm-opened,
html.mm-opened body {
  overflow: visible !important;
}
#desktop {
  display: none;
  position: absolute;
  right: 0;
  z-index: 1;
  overflow: visible;
}
@media only screen and (min-width: 60em) {
  #desktop {
    display: block;
    float: right;
    position: relative;
    padding: 13px 5% 13px 0;
    font-weight: 600;
  }
}
#desktop li {
  list-style-type: none;
  text-transform: uppercase;
  font-size: 14px;
}
#desktop li.active span,
#desktop li.submenu.trail > a {
  color: #fff;
}
#desktop li.active span:before,
#desktop li.submenu.trail > a:before,
#desktop li.active span:after,
#desktop li.submenu.trail > a:after {
  top: 0;
  right: 0;
  width: 100%;
  left: auto;
  height: 1px;
  content: "";
  bottom: auto;
  position: absolute;
  background-color: #fff;
}
#desktop li.active span:after,
#desktop li.submenu.trail > a:after {
  left: 0;
  bottom: 0;
  top: auto;
  right: auto;
}
#desktop li:hover > a:after,
#desktop li:hover > a:before {
  width: 100%;
  background-color: #fff;
}
#desktop a {
  color: #fff;
}
#desktop a:before,
#desktop a:after {
  top: 0;
  right: 0;
  width: 0;
  left: auto;
  height: 1px;
  content: "";
  bottom: auto;
  position: absolute;
  background-color: #000;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
}
#desktop a:after {
  left: 0;
  bottom: 0;
  top: auto;
  right: auto;
}
@media only screen and (max-width: 75em) {
  #desktop a {
    font-size: 0.8rem;
  }
}
#desktop .level_1 {
  line-height: 4em;
  margin: 0;
}
#desktop .level_1 li {
  position: relative;
  padding: 1em 1em;
  display: inline-block;
}
#desktop .level_1 li.submenu a:after {
  display: none;
}
#desktop .level_1 li .level_2 {
  background-color: #ffffff;
  border: 1px solid #f5f5f5;
  display: block;
  left: 0;
  margin: 20px 0 0;
  opacity: 0;
  padding: 0px;
  position: absolute;
  visibility: hidden;
  width: 190px;
  z-index: 10;
  text-align: center;
}
@media only screen and (max-width: 75em) {
  #desktop .level_1 li .level_2 {
    margin-left: -1em;
  }
}
#desktop .level_1 li .level_2 li {
  display: block;
  font-size: 0.9rem;
  padding: 0;
  margin: 0;
  border-bottom: 1px solid #f5f5f5;
}
#desktop .level_1 li .level_2 li:last-child {
  border-bottom: 0px;
}
#desktop .level_1 li .level_2 li a,
#desktop .level_1 li .level_2 li span {
  line-height: 1;
  color: #6b6d6f;
  padding: 10px 10px;
  margin: 0;
  display: block;
  font-size: 12px;
}
#desktop .level_1 li .level_2 li a:before,
#desktop .level_1 li .level_2 li span:before,
#desktop .level_1 li .level_2 li a:after,
#desktop .level_1 li .level_2 li span:after {
  background-color: #990033;
}
#desktop .level_1 li .level_2 li a:hover,
#desktop .level_1 li .level_2 li span:hover {
  background-color: #f5f5f5;
}
#desktop .level_1 li:hover .level_2 {
  opacity: 1;
  visibility: visible;
  margin-top: 12px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
input[type="text"],
input[type="date"],
input[type="datetime"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="time"],
input[type="url"],
input[type="password"],
textarea,
select {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  outline: none;
  display: block;
  width: 100%;
  padding: 7px;
  border: none;
  border-bottom: 1px solid #ddd;
  background: #fff;
  margin-bottom: 10px;
  height: 45px;
  color: #6b6d6f;
  font-size: 14px !important;
}
textarea {
  min-height: 100px;
}
.room-form {
  border: 1px solid #990033;
  padding: 30px;
  transition: all 0.5s;
}
.room-form h2 {
  text-align: center;
}
@media only screen and (max-width: 60em) {
  .room-form h2 {
    font-size: 1.2rem;
  }
}
.room-form .widget {
  margin-bottom: 20px;
}
.room-form .submit_container {
  text-align: center;
}
@media only screen and (min-width: 48em) {
  .room-form.stickyform {
    position: fixed;
    bottom: 0;
    left: 64.5%;
    max-width: 30%;
    overflow-y: scroll;
  }
}
.ui-datepicker-inline {
  display: none !important;
}
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #f5f5f5 !important;
  background: #6b6d6f !important;
  color: #ffffff !important;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  border: 1px solid #990033 !important;
  background: #990033 !important;
}
/*p.left_info,
#unser-haus a,
input[type="button"], 
input[type="submit"]{
    -moz-box-shadow: inset 0px 1px 0px 0px #ff9c49;
    -webkit-box-shadow: inset 0px 1px 0px 0px #ff9c49;
    box-shadow: inset 0px 1px 0px 0px #ff9c49;
    background-color: #d97c2d;
    border: 1px solid #d97c2d;
    display: inline-block;
    cursor: pointer;
    color: #FFFFFF;
    padding: 8px 18px;
    text-decoration: none;
    text-transform: uppercase;
}
p.left_info,
#unser-haus a:hover,
input[type="button"]:hover, 
input[type="submit"]:hover {
    background:linear-gradient(to bottom, #ff9c49 5%, #ab550c 100%);
    background-color:#ff9c49;
    }*/
.room-gallery .slider-for {
  margin: 0 0 10px;
}
.room-gallery .slick-prev,
.room-gallery .slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
}
.room-gallery .slick-arrow {
  z-index: 1;
  width: 40px;
  height: 40px;
  font-size: 20px;
  position: absolute;
  text-align: center;
  border: 1px solid #e9e8e8;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
}
.room-gallery .slick-arrow:hover {
  background-color: #990033;
  border: none;
}
.room-gallery .slick-arrow.slick-prev {
  right: auto;
  left: 20px;
}
.room-gallery .slick-arrow.slick-next {
  left: auto;
  right: 20px;
}
.room-gallery .slick-arrow.slick-next:before {
  left: auto;
  right: 45%;
  content: "\f105";
}
.room-gallery .slick-arrow:before {
  top: 50%;
  left: 0;
  right: 0;
  content: "\f104";
  position: absolute;
  text-align: center;
  font-family: 'fontawesome';
  transform: translateY(-55%);
  -o-transform: translateY(-55%);
  -ms-transform: translateY(-55%);
  -moz-transform: translateY(-55%);
  -webkit-transform: translateY(-55%);
}
.room-gallery .slider-nav .slick-slide {
  padding: 0 5px;
  position: relative;
}
.room-gallery .slider-nav .slick-slide figure:before {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  content: "";
  border-width: 0px;
  border-style: solid;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  border-color: #990033;
}
.room-gallery .slider-nav .slick-slide.slick-current figure:before {
  border-width: 4px;
}
.room-gallery figure {
  margin: 0;
  float: left;
  width: 100%;
  overflow: hidden;
  position: relative;
}
.appartament {
  border-bottom: 1px solid #ddd;
  margin-bottom: 29px;
  padding-top: 17px;
  padding-bottom: 17px;
}
.appartament img,
.sommer img {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  webkit-box-shadow: 6px 6px 5px 0px rgba(50, 50, 50, 0.75);
  -moz-box-shadow: 6px 6px 5px 0px rgba(50, 50, 50, 0.75);
  box-shadow: 6px 6px 5px 0px rgba(50, 50, 50, 0.29);
}
.row.buttons .col-4 a {
  position: relative;
  width: 200px;
  text-align: center;
}
.appartament img:hover,
.sommer img:hover {
  -webkit-transform: rotateZ(10deg);
  -ms-transform: rotateZ(10deg);
  transform: rotateZ(10deg);
}
p.room_title {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding: 0.5em;
  font-weight: bold;
  font-size: 1rem;
}
table.ferienwoh td {
  /* background: #dddd; */
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
  background: -webkit-linear-gradient(left, rgba(146, 146, 146, 0.5600000000000001) 0%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(to right, #f3f3f3 0%, rgba(0, 0, 0, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#00000000', GradientType=1);
}
.text-lines-content.active {
  display: block;
}
.text-lines-content {
  display: none;
}
#online-buchen {
  max-width: 1000px;
  margin: 0 auto;
}
body.buchen #container {
  display: none;
}
.skig {
  border-top: 1px solid #dedede;
  padding-top: 23px;
}
.test_class2_class {
  display: none;
}
.widget-checkbox fieldset {
  padding: 0;
  border: none;
  width: 100%;
}
#main .image_container img {
  box-shadow: 0 5px 15px 0 #b7b3b3;
}
#main #ferienhaus-bauernhof img {
  box-shadow: none;
}
.about {
  padding-top: 60px;
}
form h3 {
  margin-bottom: 0;
}
form .btn-def {
  margin-top: 20px;
}
.link {
  overflow: hidden;
  margin-top: 30px;
  padding-top: 10px;
}
@media only screen and (max-width: 1200px) {
  .about {
    padding-top: 0;
  }
}
@media only screen and (max-width: 768px) {
  #header #m-open {
    top: 1em;
  }
  .headline-block {
    margin: 0 0 10px;
  }
  .margined {
    padding: 25px 0;
  }
  .headline-block .headline-def {
    font-size: 1.4rem;
  }
}

.picker{font-size:16px;text-align:left;line-height:1.2;color:#000;position:absolute;z-index:10000;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.picker__input{cursor:default}.picker__input.picker__input--active{border-color:#0089ec}.picker__holder{width:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;position:fixed;transition:background .15s ease-out,-webkit-transform 0s .15s;transition:background .15s ease-out,transform 0s .15s;-webkit-backface-visibility:hidden}/*!
 * Default mobile-first, responsive styling for pickadate.js
 * Demo: http://amsul.github.io/pickadate.js
 */.picker__frame,.picker__holder{top:0;bottom:0;left:0;right:0;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%)}.picker__frame{position:absolute;margin:0 auto;min-width:256px;max-width:666px;width:100%;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-moz-opacity:0;opacity:0;transition:all .15s ease-out}.picker__wrap{display:table;width:100%;height:100%}@media (min-height:33.875em){.picker__frame{overflow:visible;top:auto;bottom:-100%;max-height:80%}.picker__wrap{display:block}}.picker__box{background:#fff;display:table-cell;vertical-align:middle}@media (min-height:26.5em){.picker__box{font-size:1.25em}}@media (min-height:33.875em){.picker__box{display:block;font-size:1.33em;border:1px solid #777;border-top-color:#898989;border-bottom-width:0;border-radius:5px 5px 0 0;box-shadow:0 12px 36px 16px rgba(0,0,0,.24)}}@media (min-height:40.125em){.picker__frame{margin-bottom:7.5%}.picker__box{font-size:1.5em;border-bottom-width:1px;border-radius:5px}}.picker--opened .picker__holder{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);zoom:1;background:rgba(0,0,0,.32);transition:background .15s ease-out}.picker--opened .picker__frame{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);-moz-opacity:1;opacity:1}@media (min-height:33.875em){.picker--opened .picker__frame{top:auto;bottom:0}}
.picker__footer,.picker__header,.picker__table{text-align:center}.picker__day--highlighted,.picker__select--month:focus,.picker__select--year:focus{border-color:#0089ec}.picker__box{padding:0 1em}.picker__header{position:relative;margin-top:.75em}.picker__month,.picker__year{font-weight:500;display:inline-block;margin-left:.25em;margin-right:.25em}.picker__year{color:#999;font-size:.8em;font-style:italic}.picker__select--month,.picker__select--year{border:1px solid #b7b7b7;height:2em;padding:.5em;margin-left:.25em;margin-right:.25em}.picker__select--month{width:35%}.picker__select--year{width:22.5%}.picker__nav--next,.picker__nav--prev{position:absolute;padding:.5em 1.25em;width:1em;height:1em;box-sizing:content-box;top:-.25em}.picker__nav--prev{left:-1em;padding-right:1.25em}.picker__nav--next{right:-1em;padding-left:1.25em}@media (min-width:24.5em){.picker__select--month,.picker__select--year{margin-top:-.5em}.picker__nav--next,.picker__nav--prev{top:-.33em}.picker__nav--prev{padding-right:1.5em}.picker__nav--next{padding-left:1.5em}}.picker__nav--next:before,.picker__nav--prev:before{content:" ";border-top:.5em solid transparent;border-bottom:.5em solid transparent;border-right:.75em solid #000;width:0;height:0;display:block;margin:0 auto}.picker__nav--next:before{border-right:0;border-left:.75em solid #000}.picker__nav--next:hover,.picker__nav--prev:hover{cursor:pointer;color:#000;background:#b1dcfb}.picker__nav--disabled,.picker__nav--disabled:before,.picker__nav--disabled:before:hover,.picker__nav--disabled:hover{cursor:default;background:0 0;border-right-color:#f5f5f5;border-left-color:#f5f5f5}.picker--focused .picker__day--highlighted,.picker__day--highlighted:hover,.picker__day--infocus:hover,.picker__day--outfocus:hover{color:#000;cursor:pointer;background:#b1dcfb}.picker__table{border-collapse:collapse;border-spacing:0;table-layout:fixed;font-size:inherit;width:100%;margin-top:.75em;margin-bottom:.5em}@media (min-height:33.875em){.picker__table{margin-bottom:.75em}}.picker__table td{margin:0;padding:0}.picker__weekday{width:14.285714286%;font-size:.75em;padding-bottom:.25em;color:#999;font-weight:500}@media (min-height:33.875em){.picker__weekday{padding-bottom:.5em}}.picker__day{padding:.3125em 0;font-weight:200;border:1px solid transparent}.picker__day--today{position:relative}.picker__day--today:before{content:" ";position:absolute;top:2px;right:2px;width:0;height:0;border-top:.5em solid #0059bc;border-left:.5em solid transparent}.picker__day--disabled:before{border-top-color:#aaa}.picker__day--outfocus{color:#ddd}.picker--focused .picker__day--selected,.picker__day--selected,.picker__day--selected:hover{background:#0089ec;color:#fff}.picker--focused .picker__day--disabled,.picker__day--disabled,.picker__day--disabled:hover{background:#f5f5f5;border-color:#f5f5f5;color:#ddd;cursor:default}.picker__day--highlighted.picker__day--disabled,.picker__day--highlighted.picker__day--disabled:hover{background:#bbb}.picker__button--clear,.picker__button--close,.picker__button--today{border:1px solid #fff;background:#fff;font-size:.8em;padding:.66em 0;font-weight:700;width:33%;display:inline-block;vertical-align:bottom}.picker__button--clear:hover,.picker__button--close:hover,.picker__button--today:hover{cursor:pointer;color:#000;background:#b1dcfb;border-bottom-color:#b1dcfb}.picker__button--clear:focus,.picker__button--close:focus,.picker__button--today:focus{background:#b1dcfb;border-color:#0089ec;outline:0}.picker__button--clear:before,.picker__button--close:before,.picker__button--today:before{position:relative;display:inline-block;height:0}.picker__button--clear:before,.picker__button--today:before{content:" ";margin-right:.45em}.picker__button--today:before{top:-.05em;width:0;border-top:.66em solid #0059bc;border-left:.66em solid transparent}.picker__button--clear:before{top:-.25em;width:.66em;border-top:3px solid #e20}.picker__button--close:before{content:"\D7";top:-.1em;vertical-align:top;font-size:1.1em;margin-right:.35em;color:#777}.picker__button--today[disabled],.picker__button--today[disabled]:hover{background:#f5f5f5;border-color:#f5f5f5;color:#ddd;cursor:default}.picker__button--today[disabled]:before{border-top-color:#aaa}
/* OpenSans-VariableFont_wdth,wght.ttf  */
@font-face {
	font-family: 'Open Sans';
	src:
		url("../../files/assets/font/OpenSans-VariableFont_wdth,wght.ttf") format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url("../../files/assets/font/Poppins-ExtraLightItalic.eot");
    src: local('Poppins ExtraLight Italic'), local('Poppins-ExtraLightItalic'),
        url("../../files/assets/font/Poppins-ExtraLightItalic.eot?#iefix") format('embedded-opentype'),
        url("../../files/assets/font/Poppins-ExtraLightItalic.woff") format('woff'),
        url("../../files/assets/font/Poppins-ExtraLightItalic.ttf") format('truetype');
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: 'Poppins';
    src: url("../../files/assets/font/Poppins-ExtraBoldItalic.eot");
    src: local('Poppins ExtraBold Italic'), local('Poppins-ExtraBoldItalic'),
        url("../../files/assets/font/Poppins-ExtraBoldItalic.eot?#iefix") format('embedded-opentype'),
        url("../../files/assets/font/Poppins-ExtraBoldItalic.woff") format('woff'),
        url("../../files/assets/font/Poppins-ExtraBoldItalic.ttf") format('truetype');
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: 'Poppins';
    src: url("../../files/assets/font/Poppins-ExtraBold.eot");
    src: local('Poppins ExtraBold'), local('Poppins-ExtraBold'),
        url("../../files/assets/font/Poppins-ExtraBold.eot?#iefix") format('embedded-opentype'),
        url("../../files/assets/font/Poppins-ExtraBold.woff") format('woff'),
        url("../../files/assets/font/Poppins-ExtraBold.ttf") format('truetype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url("../../files/assets/font/Poppins-Thin.eot");
    src: local('Poppins Thin'), local('Poppins-Thin'),
        url("../../files/assets/font/Poppins-Thin.eot?#iefix") format('embedded-opentype'),
        url("../../files/assets/font/Poppins-Thin.woff") format('woff'),
        url("../../files/assets/font/Poppins-Thin.ttf") format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url("../../files/assets/font/Poppins-BoldItalic.eot");
    src: local('Poppins Bold Italic'), local('Poppins-BoldItalic'),
        url("../../files/assets/font/Poppins-BoldItalic.eot?#iefix") format('embedded-opentype'),
        url("../../files/assets/font/Poppins-BoldItalic.woff") format('woff'),
        url("../../files/assets/font/Poppins-BoldItalic.ttf") format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Poppins';
    src: url("../../files/assets/font/Poppins-SemiBoldItalic.eot");
    src: local('Poppins SemiBold Italic'), local('Poppins-SemiBoldItalic'),
        url("../../files/assets/font/Poppins-SemiBoldItalic.eot?#iefix") format('embedded-opentype'),
        url("../../files/assets/font/Poppins-SemiBoldItalic.woff") format('woff'),
        url("../../files/assets/font/Poppins-SemiBoldItalic.ttf") format('truetype');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'Poppins';
    src: url("../../files/assets/font/Poppins-Black.eot");
    src: local('Poppins Black'), local('Poppins-Black'),
        url("../../files/assets/font/Poppins-Black.eot?#iefix") format('embedded-opentype'),
        url("../../files/assets/font/Poppins-Black.woff") format('woff'),
        url("../../files/assets/font/Poppins-Black.ttf") format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url("../../files/assets/font/Poppins-ThinItalic.eot");
    src: local('Poppins Thin Italic'), local('Poppins-ThinItalic'),
        url("../../files/assets/font/Poppins-ThinItalic.eot?#iefix") format('embedded-opentype'),
        url("../../files/assets/font/Poppins-ThinItalic.woff") format('woff'),
        url("../../files/assets/font/Poppins-ThinItalic.ttf") format('truetype');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'Poppins';
    src: url("../../files/assets/font/Poppins-Medium.eot");
    src: local('Poppins Medium'), local('Poppins-Medium'),
        url("../../files/assets/font/Poppins-Medium.eot?#iefix") format('embedded-opentype'),
        url("../../files/assets/font/Poppins-Medium.woff") format('woff'),
        url("../../files/assets/font/Poppins-Medium.ttf") format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url("../../files/assets/font/Poppins-ExtraLight.eot");
    src: local('Poppins ExtraLight'), local('Poppins-ExtraLight'),
        url("../../files/assets/font/Poppins-ExtraLight.eot?#iefix") format('embedded-opentype'),
        url("../../files/assets/font/Poppins-ExtraLight.woff") format('woff'),
        url("../../files/assets/font/Poppins-ExtraLight.ttf") format('truetype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url("../../files/assets/font/Poppins-LightItalic.eot");
    src: local('Poppins Light Italic'), local('Poppins-LightItalic'),
        url("../../files/assets/font/Poppins-LightItalic.eot?#iefix") format('embedded-opentype'),
        url("../../files/assets/font/Poppins-LightItalic.woff") format('woff'),
        url("../../files/assets/font/Poppins-LightItalic.ttf") format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Poppins';
    src: url("../../files/assets/font/Poppins-Regular.eot");
    src: local('Poppins Regular'), local('Poppins-Regular'),
        url("../../files/assets/font/Poppins-Regular.eot?#iefix") format('embedded-opentype'),
        url("../../files/assets/font/Poppins-Regular.woff") format('woff'),
        url("../../files/assets/font/Poppins-Regular.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url("../../files/assets/font/Poppins-MediumItalic.eot");
    src: local('Poppins Medium Italic'), local('Poppins-MediumItalic'),
        url("../../files/assets/font/Poppins-MediumItalic.eot?#iefix") format('embedded-opentype'),
        url("../../files/assets/font/Poppins-MediumItalic.woff") format('woff'),
        url("../../files/assets/font/Poppins-MediumItalic.ttf") format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Poppins';
    src: url("../../files/assets/font/Poppins-SemiBold.eot");
    src: local('Poppins SemiBold'), local('Poppins-SemiBold'),
        url("../../files/assets/font/Poppins-SemiBold.eot?#iefix") format('embedded-opentype'),
        url("../../files/assets/font/Poppins-SemiBold.woff") format('woff'),
        url("../../files/assets/font/Poppins-SemiBold.ttf") format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url("../../files/assets/font/Poppins-Light.eot");
    src: local('Poppins Light'), local('Poppins-Light'),
        url("../../files/assets/font/Poppins-Light.eot?#iefix") format('embedded-opentype'),
        url("../../files/assets/font/Poppins-Light.woff") format('woff'),
        url("../../files/assets/font/Poppins-Light.ttf") format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url("../../files/assets/font/Poppins-BlackItalic.eot");
    src: local('Poppins Black Italic'), local('Poppins-BlackItalic'),
        url("../../files/assets/font/Poppins-BlackItalic.eot?#iefix") format('embedded-opentype'),
        url("../../files/assets/font/Poppins-BlackItalic.woff") format('woff'),
        url("../../files/assets/font/Poppins-BlackItalic.ttf") format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Poppins';
    src: url("../../files/assets/font/Poppins-Italic.eot");
    src: local('Poppins Italic'), local('Poppins-Italic'),
        url("../../files/assets/font/Poppins-Italic.eot?#iefix") format('embedded-opentype'),
        url("../../files/assets/font/Poppins-Italic.woff") format('woff'),
        url("../../files/assets/font/Poppins-Italic.ttf") format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Poppins';
    src: url("../../files/assets/font/Poppins-Bold.eot");
    src: local('Poppins Bold'), local('Poppins-Bold'),
        url("../../files/assets/font/Poppins-Bold.eot?#iefix") format('embedded-opentype'),
        url("../../files/assets/font/Poppins-Bold.woff") format('woff'),
        url("../../files/assets/font/Poppins-Bold.ttf") format('truetype');
    font-weight: bold;
    font-style: normal;
}