@charset "UTF-8";
/*

100 	Thin (Hairline)
200 	Extra Light (Ultra Light)
300 	Light
400 	Normal
500 	Medium
600 	Semi Bold (Demi Bold)
700 	Bold
800 	Extra Bold (Ultra Bold)
900 	Black (Heavy)

*/
@font-face {
  font-family: "Barlow";
  src: url("fonts/Barlow/Barlow-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "Barlow";
  src: url("fonts/Barlow/Barlow-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
}
@font-face {
  font-family: "Barlow";
  src: url("fonts/Barlow/Barlow-ExtraLight.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "Barlow";
  src: url("fonts/Barlow/Barlow-ExtraLightItalic.ttf") format("truetype");
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: "Barlow";
  src: url("fonts/Barlow/Barlow-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Barlow";
  src: url("fonts/Barlow/Barlow-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "Barlow";
  src: url("fonts/Barlow/Barlow-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Barlow";
  src: url("fonts/Barlow/Barlow-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "Barlow";
  src: url("fonts/Barlow/Barlow-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Barlow";
  src: url("fonts/Barlow/Barlow-MediumItalic.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "Barlow";
  src: url("fonts/Barlow/Barlow-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Barlow";
  src: url("fonts/Barlow/Barlow-SemiBoldItalic.ttf") format("truetype");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "Barlow";
  src: url("fonts/Barlow/Barlow-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Barlow";
  src: url("fonts/Barlow/Barlow-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "Barlow";
  src: url("fonts/Barlow/Barlow-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Barlow";
  src: url("fonts/Barlow/Barlow-ExtraBoldItalic.ttf") format("truetype");
  font-weight: 800;
  font-style: italic;
}
@font-face {
  font-family: "Barlow";
  src: url("fonts/Barlow/Barlow-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Barlow";
  src: url("fonts/Barlow/Barlow-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
}
/*

100 	Thin (Hairline)
200 	Extra Light (Ultra Light)
300 	Light
400 	Normal
500 	Medium
600 	Semi Bold (Demi Bold)
700 	Bold
800 	Extra Bold (Ultra Bold)
900 	Black (Heavy)

*/
@font-face {
  font-family: "MADEMirage";
  src: url("fonts/Made_Mirage/Made Mirage Thin.ttf") format("truetype");
  font-weight: 100;
}
@font-face {
  font-family: "MADEMirage";
  src: url("fonts/Made_Mirage/Made Mirage Regular.ttf") format("truetype");
  font-weight: 400;
}
@font-face {
  font-family: "MADEMirage";
  src: url("fonts/Made_Mirage/Made Mirage Medium.ttf") format("truetype");
  font-weight: 500;
}
@font-face {
  font-family: "MADEMirage";
  src: url("fonts/Made_Mirage/Made Mirage Bold.ttf") format("truetype");
  font-weight: 700;
}
@font-face {
  font-family: "MADEMirage";
  src: url("fonts/Made_Mirage/Made Mirage Black.ttf") format("truetype");
  font-weight: 900;
}
/**
 * Boxpanel
 */
.boxpanel-fluid {
  width: 100%;
  padding: 0;
}
.boxpanel-fluid .boxpanel-row-base {
  max-width: 1280px;
  background-color: transparent;
  background-position: inherit;
  background-repeat: inherit;
  background-size: inherit;
  background-attachment: inherit;
}
@media (min-width: 1400px) {
  .boxpanel-fluid .boxpanel-row-base {
    padding-left: 0;
    padding-right: 0;
  }
}
.boxpanel-fluid > .boxpanel-container {
  width: 100%;
  padding: 0;
  position: relative;
  background-color: white;
}
.boxpanel-fluid > .boxpanel-container.slim {
  background-color: transparent;
}
.boxpanel-fluid > .boxpanel-container.slim > .boxpanel-row-base {
  background-color: white;
}
.boxpanel-fluid > .boxpanel-container.bcg {
  background-color: transparent;
}
.boxpanel-fluid > .boxpanel-container.bcg > .boxpanel-row-base {
  background-color: transparent;
}
.boxpanel-fluid > .boxpanel-container.bcg > .boxpanel-video-bcg {
  display: block;
}
.boxpanel-fluid > .boxpanel-container.wide.bcg.bcg-color {
  background-color: transparent;
  background-color: var(--box-background-color);
}
.boxpanel-fluid > .boxpanel-container.wide.bcg.bcg-image {
  background-image: var(--box-background-image);
}
.boxpanel-fluid > .boxpanel-container.slim.bcg.bcg-color > .boxpanel-row-base {
  background-color: var(--box-background-color);
}
.boxpanel-fluid > .boxpanel-container.slim.bcg.bcg-image > .boxpanel-row-base {
  background-image: var(--box-background-image);
}
.boxpanel-fluid > .boxpanel-container.slim > .boxpanel-video-bcg {
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}
.boxpanel-fluid > .boxpanel-container.full > .boxpanel-row-base {
  max-width: initial;
  margin-left: 0;
  margin-right: 0;
}
.boxpanel-fluid > .boxpanel-container > .boxpanel-video-bcg {
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  overflow: hidden;
}
.sidebar .boxpanel-fluid .boxpanel-row {
  margin-left: 0;
  margin-right: 0;
}
.boxpanel-fluid .boxpanel-row.fixed-height-xs {
  min-height: var(--box-min-height-xs);
}
.boxpanel-fluid .boxpanel-row.fixed-height-xs:before {
  content: none;
}
.boxpanel-fluid .boxpanel-row.fixed-height-xs-percent {
  min-height: 0;
}
.boxpanel-fluid .boxpanel-row.fixed-height-xs-percent:before {
  display: block;
  width: 0;
  content: "";
  margin: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: var(--box-min-height-xs);
}
@media (min-width: 576px) {
  .boxpanel-fluid .boxpanel-row.fixed-height-sm {
    min-height: var(--box-min-height-sm);
  }
  .boxpanel-fluid .boxpanel-row.fixed-height-sm:before {
    content: none;
  }
  .boxpanel-fluid .boxpanel-row.fixed-height-sm-percent {
    min-height: 0;
  }
  .boxpanel-fluid .boxpanel-row.fixed-height-sm-percent:before {
    display: block;
    width: 0;
    content: "";
    margin: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: var(--box-min-height-sm);
  }
}
@media (min-width: 768px) {
  .boxpanel-fluid .boxpanel-row.fixed-height-md {
    min-height: var(--box-min-height-md);
  }
  .boxpanel-fluid .boxpanel-row.fixed-height-md:before {
    content: none;
  }
  .boxpanel-fluid .boxpanel-row.fixed-height-md-percent {
    min-height: 0;
  }
  .boxpanel-fluid .boxpanel-row.fixed-height-md-percent:before {
    display: block;
    width: 0;
    content: "";
    margin: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: var(--box-min-height-md);
  }
}
@media (min-width: 992px) {
  .boxpanel-fluid .boxpanel-row.fixed-height-lg {
    min-height: var(--box-min-height-lg);
  }
  .boxpanel-fluid .boxpanel-row.fixed-height-lg:before {
    content: none;
  }
  .boxpanel-fluid .boxpanel-row.fixed-height-lg-percent {
    min-height: 0;
  }
  .boxpanel-fluid .boxpanel-row.fixed-height-lg-percent:before {
    display: block;
    width: 0;
    content: "";
    margin: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: var(--box-min-height-lg);
  }
}
@media (min-width: 1200px) {
  .boxpanel-fluid .boxpanel-row.fixed-height-xl {
    min-height: var(--box-min-height-xl);
  }
  .boxpanel-fluid .boxpanel-row.fixed-height-xl:before {
    content: none;
  }
  .boxpanel-fluid .boxpanel-row.fixed-height-xl-percent {
    min-height: 0;
  }
  .boxpanel-fluid .boxpanel-row.fixed-height-xl-percent:before {
    display: block;
    width: 0;
    content: "";
    margin: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: var(--box-min-height-xl);
  }
}
@media (min-width: 1400px) {
  .boxpanel-fluid .boxpanel-row.fixed-height-xxl {
    min-height: var(--box-min-height-xxl);
  }
  .boxpanel-fluid .boxpanel-row.fixed-height-xxl:before {
    content: none;
  }
  .boxpanel-fluid .boxpanel-row.fixed-height-xxl-percent {
    min-height: 0;
  }
  .boxpanel-fluid .boxpanel-row.fixed-height-xxl-percent:before {
    display: block;
    width: 0;
    content: "";
    margin: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: var(--box-min-height-xxl);
  }
}
.boxpanel-fluid video.boxpanel-video {
  position: absolute;
  width: 100%;
}

.bcg {
  background-size: auto;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: scroll;
}
.bcg.bcg-fix {
  background-attachment: fixed;
}
.bcg.bcg-r-x {
  background-repeat: repeat-x;
}
.bcg.bcg-r-y {
  background-repeat: repeat-y;
}
.bcg.bcg-r-all {
  background-repeat: repeat;
}
.bcg.bcg-s-cover {
  background-size: cover;
}
.bcg.bcg-s-contain {
  background-size: contain;
}
.bcg.bcg-p-left {
  background-position: left;
}
.bcg.bcg-p-right {
  background-position: right;
}
.bcg.bcg-p-top {
  background-position: top;
}
.bcg.bcg-p-bottom {
  background-position: bottom;
}
.bcg.bcg-p-top-left {
  background-position: top left;
}
.bcg.bcg-p-bottom-left {
  background-position: bottom left;
}
.bcg.bcg-p-top-right {
  background-position: top right;
}
.bcg.bcg-p-bottom-right {
  background-position: bottom right;
}
.bcg.bcg-s-contain .boxpanel-video {
  height: 100%;
}
.bcg.bcg-s-cover .boxpanel-video {
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  overflow: hidden;
}
.bcg.bcg-p-left .boxpanel-video {
  left: 0;
}
.bcg.bcg-p-right .boxpanel-video {
  right: 0;
}
.bcg.bcg-p-top .boxpanel-video {
  top: 0;
}
.bcg.bcg-p-bottom .boxpanel-video {
  bottom: 0;
}
.bcg.bcg-p-top-left .boxpanel-video {
  top: 0;
  left: 0;
}
.bcg.bcg-p-bottom-left .boxpanel-video {
  bottom: 0;
  left: 0;
}
.bcg.bcg-p-top-right .boxpanel-video {
  top: 0;
  right: 0;
}
.bcg.bcg-p-bottom-right .boxpanel-video {
  bottom: 0;
  right: 0;
}

/**
 * Boxok
 */
.box > h1, .box > h2 {
  width: 100%;
  text-align: center;
  margin: 0 auto 10px 0;
  color: #16514a;
  font-family: "MADEMirage", sherif;
  font-size: 30px;
  font-weight: 600;
  line-height: 100%;
  letter-spacing: 2.6px;
  text-transform: uppercase;
  padding-top: 12px;
  padding-left: 0;
  padding-bottom: 10px;
}
.box > h1 > a, .box > h2 > a {
  color: inherit;
  text-decoration: inherit;
}
@media (max-width: 767.98px) {
  .box > h1, .box > h2 {
    font-size: 25px;
  }
}
@media (max-width: 575.98px) {
  .box > h1, .box > h2 {
    font-size: 20px;
  }
}
.box.bigboxtitle > h1 {
  font-size: 43px;
}
@media (max-width: 767.98px) {
  .box.bigboxtitle > h1 {
    font-size: 35px;
  }
}
@media (max-width: 575.98px) {
  .box.bigboxtitle > h1 {
    font-size: 30px;
  }
}
.box > h1 + hr, .box > h2 + hr {
  display: none;
  border-top: 1px solid #c9cfd1;
  margin: 0;
}
.box.hiddenboxtitle > h1, .box.hiddenboxtitle > h1 + hr {
  display: none;
}
.box.top-margin-0 {
  margin-top: 0;
}
.box.bottom-margin-0 {
  margin-bottom: 0;
}
.box.top-margin-15 {
  margin-top: 2rem;
}
.box.bottom-margin-15 {
  margin-bottom: 2rem;
}
.box.top-margin-1 {
  margin-top: 4rem;
}
.box.bottom-margin-1 {
  margin-bottom: 4rem;
}
.box.top-margin-2 {
  margin-top: 8rem;
}
.box.bottom-margin-2 {
  margin-bottom: 8rem;
}
.box.white-bcg {
  background-color: white;
}
.box.white-txt > h1, .box.white-txt > h2 {
  color: white;
}
.box.white-txt > h1 + hr, .box.white-txt > h2 + hr {
  border-top-color: white;
}
.box hr.invisible {
  border: none;
  padding: 0;
  margin: 8px;
}
.box.divided.div-xs-1 .box-body > .box-item {
  flex: 0 0 auto;
  width: 100%;
}
.box.divided.div-xs-2 .box-body > .box-item {
  flex: 0 0 auto;
  width: 50%;
}
.box.divided.div-xs-3 .box-body > .box-item {
  flex: 0 0 auto;
  width: 33.3333333333%;
}
.box.divided.div-xs-4 .box-body > .box-item {
  flex: 0 0 auto;
  width: 25%;
}
.box.divided.div-xs-6 .box-body > .box-item {
  flex: 0 0 auto;
  width: 16.6666666667%;
}
.box.divided.div-xs-8 .box-body > .box-item {
  flex: 0 0 auto;
  width: 12.5%;
}
.box.divided.div-xs-12 .box-body > .box-item {
  flex: 0 0 auto;
  width: 8.3333333333%;
}
@media (min-width: 576px) {
  .box.divided.div-sm-1 .box-body > .box-item {
    flex: 0 0 auto;
    width: 100%;
  }
  .box.divided.div-sm-2 .box-body > .box-item {
    flex: 0 0 auto;
    width: 50%;
  }
  .box.divided.div-sm-3 .box-body > .box-item {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .box.divided.div-sm-4 .box-body > .box-item {
    flex: 0 0 auto;
    width: 25%;
  }
  .box.divided.div-sm-6 .box-body > .box-item {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .box.divided.div-sm-8 .box-body > .box-item {
    flex: 0 0 auto;
    width: 12.5%;
  }
  .box.divided.div-sm-12 .box-body > .box-item {
    flex: 0 0 auto;
    width: 8.3333333333%;
  }
}
@media (min-width: 768px) {
  .box.divided.div-md-1 .box-body > .box-item {
    flex: 0 0 auto;
    width: 100%;
  }
  .box.divided.div-md-2 .box-body > .box-item {
    flex: 0 0 auto;
    width: 50%;
  }
  .box.divided.div-md-3 .box-body > .box-item {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .box.divided.div-md-4 .box-body > .box-item {
    flex: 0 0 auto;
    width: 25%;
  }
  .box.divided.div-md-6 .box-body > .box-item {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .box.divided.div-md-8 .box-body > .box-item {
    flex: 0 0 auto;
    width: 12.5%;
  }
  .box.divided.div-md-12 .box-body > .box-item {
    flex: 0 0 auto;
    width: 8.3333333333%;
  }
}
@media (min-width: 992px) {
  .box.divided.div-lg-1 .box-body > .box-item {
    flex: 0 0 auto;
    width: 100%;
  }
  .box.divided.div-lg-2 .box-body > .box-item {
    flex: 0 0 auto;
    width: 50%;
  }
  .box.divided.div-lg-3 .box-body > .box-item {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .box.divided.div-lg-4 .box-body > .box-item {
    flex: 0 0 auto;
    width: 25%;
  }
  .box.divided.div-lg-6 .box-body > .box-item {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .box.divided.div-lg-8 .box-body > .box-item {
    flex: 0 0 auto;
    width: 12.5%;
  }
  .box.divided.div-lg-12 .box-body > .box-item {
    flex: 0 0 auto;
    width: 8.3333333333%;
  }
}
@media (min-width: 1200px) {
  .box.divided.div-xl-1 .box-body > .box-item {
    flex: 0 0 auto;
    width: 100%;
  }
  .box.divided.div-xl-2 .box-body > .box-item {
    flex: 0 0 auto;
    width: 50%;
  }
  .box.divided.div-xl-3 .box-body > .box-item {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .box.divided.div-xl-4 .box-body > .box-item {
    flex: 0 0 auto;
    width: 25%;
  }
  .box.divided.div-xl-6 .box-body > .box-item {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .box.divided.div-xl-8 .box-body > .box-item {
    flex: 0 0 auto;
    width: 12.5%;
  }
  .box.divided.div-xl-12 .box-body > .box-item {
    flex: 0 0 auto;
    width: 8.3333333333%;
  }
}
@media (min-width: 1400px) {
  .box.divided.div-xxl-1 .box-body > .box-item {
    flex: 0 0 auto;
    width: 100%;
  }
  .box.divided.div-xxl-2 .box-body > .box-item {
    flex: 0 0 auto;
    width: 50%;
  }
  .box.divided.div-xxl-3 .box-body > .box-item {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .box.divided.div-xxl-4 .box-body > .box-item {
    flex: 0 0 auto;
    width: 25%;
  }
  .box.divided.div-xxl-6 .box-body > .box-item {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .box.divided.div-xxl-8 .box-body > .box-item {
    flex: 0 0 auto;
    width: 12.5%;
  }
  .box.divided.div-xxl-12 .box-body > .box-item {
    flex: 0 0 auto;
    width: 8.3333333333%;
  }
}

.box.box-dummy .box-body {
  display: flex;
  flex-wrap: wrap;
}
.box.box-dummy .box-body > * {
  font-size: 20px;
  padding: 10px;
}
.box.box-dummy .box-body .fi {
  font-style: italic;
}
.box.box-dummy .box-body .fw-100 {
  font-weight: 100;
}
.box.box-dummy .box-body .fw-200 {
  font-weight: 200;
}
.box.box-dummy .box-body .fw-300 {
  font-weight: 300;
}
.box.box-dummy .box-body .fw-400 {
  font-weight: 400;
}
.box.box-dummy .box-body .fw-500 {
  font-weight: 500;
}
.box.box-dummy .box-body .fw-600 {
  font-weight: 600;
}
.box.box-dummy .box-body .fw-700 {
  font-weight: 700;
}
.box.box-dummy .box-body .fw-800 {
  font-weight: 800;
}
.box.box-dummy .box-body .fw-900 {
  font-weight: 900;
}

/* title */
.box.box-title {
  text-align: center;
  /*
  	a:not(.btn) {
  		color: inherit;
  	}
  */
}
.box.box-title.left {
  text-align: left;
}
.box.box-title.right {
  text-align: right;
}
.box.box-title.white-txt {
  color: white;
}
.box.box-title.white-txt .control .btn {
  --bs-btn-color: white;
  --bs-btn-border-color: white;
}
.box.box-title > h1, .box.box-title > h2 {
  text-align: inherit;
}
.box.box-title .minilead {
  font-size: 18px;
  font-weight: 400;
  line-height: 33px;
  letter-spacing: 1.8px;
  padding: 10px 0;
}
.box.box-title .control {
  max-width: 100%;
  overflow: hidden;
}
@media (max-width: 767.98px) {
  .box.box-title .btn {
    --bs-btn-padding-x: 22px;
  }
}
.box.box-title.extended {
  /*
  		.btn-primary {
  			--bs-btn-font-size: 16px;
  			--bs-btn-padding-x: 3.5rem;
  			--bs-btn-padding-y: .7rem;
  			--bs-btn-bg: #161616;

  			&:hover {
  				background: #353535;
  				color: wite;
  			}
  		}
  */
}
.box.box-title.extended .control {
  margin-top: 0.7rem;
}
.box.box-title.footer h1 {
  color: white;
  font-size: 24px;
  margin-bottom: 14px;
}
.box.box-title.footer h1::before {
  border-width: 4px;
}
.box.box-title.footer h2 {
  font-size: 16px;
}

/* contentlist */
.box.contentlist {
  margin-left: 0;
  margin-right: 0;
}
.box.contentlist:not(.small) > h1 {
  margin-bottom: 0;
}
.box.contentlist .row {
  --bs-gutter-x: 14px;
}
.box.contentlist .subbox {
  margin: 12px 0;
  --bs-gutter-x: 14px;
}
.box.contentlist .subbox:hover .image > img {
  transition: transform 2.5s ease-in-out;
  transform: scale(1.2);
}
.box.contentlist .subbox-body {
  position: relative;
  background-color: transparent;
  height: 100%;
  width: 100%;
}
.box.contentlist .box-header > a {
  color: inherit;
}
.box.contentlist.white-txt .subbox {
  color: white;
}
.box.contentlist.white-txt .subbox.canhover:hover {
  background-color: transparent;
}
.box.contentlist.white-txt .subbox .txt {
  color: white;
}
.box.contentlist .image {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.box.contentlist .image > a.shader {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 2;
}
.box.contentlist .image > img {
  width: 100%;
  max-width: 100%;
  transition: transform 0.5s ease-out;
}
.box.contentlist.hiddenlead .box-content {
  display: none;
}
.box.contentlist.hiddentitle h2.box-header {
  display: none;
}
.box.contentlist.hiddensubtitle h3.box-header {
  display: none;
}
.box.contentlist.lead h2.box-header {
  margin: 20px 0;
  text-align: center;
  font-family: "MADEMirage", sherif;
  font-size: 22px;
  font-weight: 600;
  letter-spacing: 3.2px;
}
.box.contentlist.lead .box-content {
  padding: 0px 10px 0px 10px;
  font-size: 18px;
  line-height: 22px;
  letter-spacing: 1.8px;
}
.box.contentlist.images .box-content {
  display: none;
}
.box.contentlist.images h2.box-header {
  display: flex;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  justify-content: center;
  align-items: center;
  margin: 0;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 4px;
  text-transform: uppercase;
  background-color: rgba(0, 0, 0, 0.333);
  transition: background-color 300ms;
  text-align: center;
}
.box.contentlist.images .box-body {
  align-items: center;
}
.box.contentlist.images .subbox-body:hover h2.box-header {
  background-color: rgba(0, 0, 0, 0);
}

.box.box-linklist.white-bcg {
  padding-left: 12px;
  padding-right: 12px;
  border-radius: 12px;
}
.box.box-linklist ul.linklist {
  display: block;
  margin: 0;
  padding: 0;
}
.box.box-linklist ul.linklist > li {
  display: block;
  margin: 0 0 0 3px;
  padding: 0;
  font-weight: normal;
}
.box.box-linklist ul.linklist .icon-start {
  color: #b29766;
  font-size: 80%;
  margin-right: 5px;
}
.box.box-linklist ul.linklist a {
  color: inherit;
}
.box.box-linklist.footer > h1 {
  color: white;
  font-size: 24px;
  margin-bottom: 14px;
}
.box.box-linklist.footer > h1::before {
  border-color: white;
}
.box.box-linklist.footer ul.linklist {
  font-size: 14px;
  line-height: 1.4;
}
.box.box-linklist.footer ul.linklist > li {
  margin-left: 12px;
}
.box.box-linklist.footer ul.linklist .icon-start {
  font-size: 12px;
}
.box.box-linklist.numbers .numberlist {
  margin: 0 -10px;
  overflow: hidden;
}
.box.box-linklist.numbers .numberlist > table {
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
  border: none;
  text-align: center;
}
.box.box-linklist.numbers .numberlist > table > thead > tr > th {
  vertical-align: bottom;
  font-weight: inherit;
}
.box.box-linklist.numbers .numberlist > table > tfoot > tr > td {
  varical-align: top;
}
.box.box-linklist.numbers .numberlist > table > tbody > tr > td {
  vertical-align: middle;
}
.box.box-linklist.numbers .number {
  display: inline-flex;
  width: 120px;
  height: 120px;
  border: 9px solid #b29766;
  color: #b29766;
  text-align: center;
  align-items: center;
  justify-content: center;
  align-self: center;
  border-radius: 60px;
  font-family: monospace;
}
@media (max-width: 575.98px) {
  .box.box-linklist.numbers .number {
    width: 115px;
    height: 115px;
  }
}
.box.box-linklist.numbers .number.s {
  font-size: 23px;
}
@media (max-width: 575.98px) {
  .box.box-linklist.numbers .number.s {
    font-size: 19px;
  }
}
.box.box-linklist.numbers .number.m {
  font-size: 35px;
}
.box.box-linklist.numbers .number.l {
  font-size: 48px;
}
.box.box-linklist.numbers .number > .sp {
  display: inline-block;
  width: 6px;
}
.box.box-linklist.numbers .title {
  display: block;
  font-size: 24px;
  line-height: 1.2;
  color: #b29766;
  font-weight: inherit;
  width: 100%;
  margin: 0;
  padding: 0 10px;
}
@media (max-width: 575.98px) {
  .box.box-linklist.numbers .title {
    font-size: 19px;
  }
}
.box.box-linklist.numbers .title.top {
  padding-bottom: 10px;
}
.box.box-linklist.numbers .title.bottom {
  padding-top: 6px;
}
.box.box-linklist.numbers.white-txt .number {
  color: white;
  border-color: white;
}
.box.box-linklist.numbers.white-txt .title {
  color: white;
}

.box.fancylist .icon {
  background-color: white;
  border: 4px solid #dec69b;
  width: 36px;
  height: 36px;
  text-align: center;
  line-height: 28px;
  color: #dec69b;
  border-radius: 50%;
}
.box.fancylist .minilead {
  font-size: 20px;
}
.box.fancylist .minilead-container {
  overflow: hidden;
  height: 0;
  opacity: 0;
  transition: height 0.4s, margin-bottom 0.4s, opacity 1s;
}
.box.fancylist h2 {
  color: #16514a;
  font-size: 25px;
  font-weight: 400;
  line-height: 35px;
}
.box.fancylist .item.open .minilead-container {
  opacity: 1;
  transition: height 0.4s, margin-bottom 0.4s, opacity 0.3s;
}
.box.fancylist .item.open .icon.bullet-open {
  transform: rotateX(0.25turn) rotateY(0.25turn);
}
.box.fancylist .item.open .icon.bullet-close {
  transform: none;
}
.box.fancylist.fancy .item, .box.fancylist.accordion .item {
  position: relative;
  margin-left: 3rem;
  border-bottom: 1px solid #16514a;
}
.box.fancylist.fancy h2, .box.fancylist.accordion h2 {
  margin-top: 0.75rem;
  margin-bottom: 0;
}
.box.fancylist.fancy .minilead, .box.fancylist.accordion .minilead {
  line-height: 28px;
}
.box.fancylist.fancy .icon, .box.fancylist.accordion .icon {
  position: absolute;
  left: -3rem;
  top: 2px;
}
.box.fancylist.fancy .controls, .box.fancylist.accordion .controls {
  margin-top: 1.5rem;
}
.box.fancylist.accordion .icon {
  position: absolute;
  left: -3rem;
  top: 2px;
  transition: transform 0.3s;
}
.box.fancylist.accordion .icon.bullet-open {
  transform: none;
}
.box.fancylist.accordion .icon.bullet-close {
  transform: rotateX(0.25turn) rotateY(0.25turn);
}
.box.fancylist.accordion-huge .item {
  margin-bottom: 2rem;
}
.box.fancylist.accordion-huge .item:last-child {
  margin-bottom: 0;
}
.box.fancylist.accordion-huge.title-left h2 {
  text-align: left;
}
.box.fancylist.accordion-huge.title-right h2 {
  text-align: right;
}
.box.fancylist.accordion-huge.title-center h2 {
  text-align: center;
}
.box.fancylist.accordion-huge.controls-left .controls {
  text-align: left;
}
.box.fancylist.accordion-huge.controls-right .controls {
  text-align: right;
}
.box.fancylist.accordion-huge.controls-center .controls {
  text-align: center;
}
.box.fancylist.accordion-huge .minilead-container {
  margin-top: 15px;
  margin-bottom: 0px;
}
.box.fancylist.accordion-huge .button-close {
  display: none;
}
.box.fancylist.accordion-huge .item.open .minilead-container {
  margin-bottom: 15px;
}
.box.fancylist.accordion-huge .item.open .button-open {
  display: none;
}
.box.fancylist.accordion-huge .item.open .button-close {
  display: inline-block;
}

/* menulista box, szimpla contentlist box */
.box.box-menulist.simple ul.menulist {
  display: block;
  padding: 0;
  margin: 0;
  font-size: 16px;
  font-weight: normal;
}
.box.box-menulist.simple ul.menulist > li.item {
  display: block;
  position: relative;
  margin-left: 12px;
}
.box.box-menulist.simple a {
  color: inherit;
  display: block;
}
.box.box-menulist.simple .icon-start {
  color: #d60202;
  font-size: 14px;
  position: absolute;
  left: -12px;
  top: 6px;
}
.box.box-menulist.simple .item {
  margin: 0;
  padding: 1px 0;
  color: black;
  border-bottom: 1px solid #bfbfbf;
}
.box.box-menulist.simple .item:hover {
  color: #d60202;
  border-bottom-color: #d60202;
}
.box.box-menulist.simple .item.active {
  background-color: black;
  color: white;
}
.box.box-menulist.simple .item.lvl2 {
  padding-left: 1.2rem;
}
.box.box-menulist.simple .item.lvl3 {
  padding-left: 2.4rem;
}
.box.box-menulist.simple .item.lvl4 {
  padding-left: 3.6rem;
}
.box.box-menulist.simple.footer > h1 {
  color: white;
  font-size: 24px;
  margin-bottom: 14px;
}
.box.box-menulist.simple.footer > h1::before {
  border-width: 4px;
}
.box.box-menulist.simple.footer .item {
  color: white;
  border-bottom: none;
}
.box.box-menulist.simple.footer .item .fas {
  display: none;
}
.box.box-menulist.simple.footer .item a:hover {
  text-decoration: underline;
}
.box.box-menulist.extended {
  overflow: hidden;
}
@media (min-width: 576px) {
  .box.box-menulist.extended {
    --bs-gutter-x: 62px;
    --bs-gutter-y: 62px;
  }
}
@media (max-width: 575.98px) {
  .box.box-menulist.extended {
    --bs-gutter-y: 62px;
  }
}
@media (min-width: 576px) {
  .box.box-menulist.extended .box-body {
    --bs-gutter-x: 62px;
    --bs-gutter-y: 62px;
  }
}
@media (max-width: 575.98px) {
  .box.box-menulist.extended .box-body {
    --bs-gutter-y: 62px;
  }
}
.box.box-menulist.extended .item-body {
  position: relative;
}
.box.box-menulist.extended .control,
.box.box-menulist.extended .shade {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.box.box-menulist.extended .control {
  display: flex;
  align-items: center;
  justify-content: center;
}
.box.box-menulist.extended .control > .big-button {
  padding: 5% 10% 5% 10%;
  border: 1px solid white;
  color: white;
  text-transform: uppercase;
  font-size: 22px;
  font-weight: 600;
  letter-spacing: 4.4px;
  line-height: 22px;
}
.box.box-menulist.extended .shade {
  display: block;
}
.box.box-menulist.extended .image {
  width: 100%;
  background-size: cover;
}
.box.box-menulist.extended .image img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}
.box.box-menulist.extended.ex-img-11 .image {
  padding-bottom: 100%;
}
.box.box-menulist.extended.ex-img-43 .image {
  padding-bottom: 75%;
}
.box.box-menulist.extended.ex-img-21 .image {
  padding-bottom: 50%;
}

/* guest box */
.box.box-guest {
  text-align: center;
}

.box.box-map > .map {
  width: 100%;
  min-height: 500px;
}

.box.box-imagelist {
  /**
   * képrotátor (image slider)
   */
}
.box.box-imagelist.talign-right .box-header {
  text-align: right;
}
.box.box-imagelist.talign-center .box-header {
  text-align: center;
}
.box.box-imagelist.a-left .image {
  justify-content: flex-start;
}
.box.box-imagelist.a-center .image {
  justify-content: center;
}
.box.box-imagelist.a-right .image {
  justify-content: flex-end;
}
.box.box-imagelist.v-top .image {
  align-items: flex-start;
}
.box.box-imagelist.v-center .image {
  align-items: center;
}
.box.box-imagelist.v-bottom .image {
  align-items: flex-end;
}
.box.box-imagelist .box-content {
  font-size: 15px;
  line-height: 1.5;
  font-weight: 200;
}
.box.box-imagelist.white-txt .box-content {
  color: white;
}
.box.box-imagelist.single .image, .box.box-imagelist.responsive .image {
  width: 100%;
}
.box.box-imagelist.single .image a, .box.box-imagelist.responsive .image a {
  display: block;
}
.box.box-imagelist.single .image img, .box.box-imagelist.responsive .image img {
  display: block;
  max-width: 100%;
}
.box.box-imagelist.single {
  height: 100%;
}
.box.box-imagelist.single .image {
  display: flex;
  height: 100%;
}
.box.box-imagelist.responsive .image img {
  width: 100%;
}
.box.box-imagelist.multi a {
  text-decoration: inherit;
}
.box.box-imagelist.multi .image {
  position: relative;
  display: flex;
  max-width: 100%;
}
.box.box-imagelist.multi .image > img {
  max-width: 100%;
  display: block;
}
.box.box-imagelist.multi .image > .link {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.box.box-imagelist.multi h2, .box.box-imagelist.multi h3 {
  font-size: 25px;
  font-family: "MADEMirage", sherif;
  font-weight: inherit;
  color: #16514a;
}
.box.box-imagelist.multi h2 > a:hover, .box.box-imagelist.multi h3 > a:hover {
  color: #16514a;
}
@media (min-width: 768px) {
  .box.box-imagelist.multi h2, .box.box-imagelist.multi h3 {
    font-size: 30px;
  }
}
.box.box-imagelist.multi h3 {
  font-size: 22px;
  margin-top: 0.5rem;
  margin-bottom: 0;
}
.box.box-imagelist.multi .btn-line {
  margin-top: 0.4rem;
  text-align: center;
}
.box.box-imagelist.multi > .row {
  --bs-gutter-y: 1.5rem;
}
.box.box-imagelist.multi.g-left > .row {
  justify-content: flex-start;
}
.box.box-imagelist.multi.g-center > .row {
  justify-content: center;
}
.box.box-imagelist.multi.g-right > .row {
  justify-content: flex-end;
}
.box.box-imagelist.multi.white-txt h2, .box.box-imagelist.multi.white-txt h3 {
  color: white;
}
.box.box-imagelist.footer {
  color: white;
  font-size: 16px;
}
.box.box-imagelist.footer .image-pane > img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}
.box.box-imagelist.footer hr {
  opacity: 1;
  margin: 1.8rem 0;
}
.box.box-imagelist.footer .txt a {
  color: inherit;
}
.box.box-imagelist.slider > .frame {
  position: relative;
  overflow: hidden;
  padding: 0;
}
.box.box-imagelist.slider .slides,
.box.box-imagelist.slider .control {
  display: block;
  margin: 0;
  padding: 0;
  z-index: 1;
}
.box.box-imagelist.slider .slides > .item {
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 0;
}
.box.box-imagelist.slider .slides > .item.show {
  z-index: 1;
}
.box.box-imagelist.slider .slides > .item.hidden {
  display: none;
}
.box.box-imagelist.slider .slides > .item.show.right div.image {
  animation-name: slider-image-in-right;
}
.box.box-imagelist.slider .slides > .item.hide.right div.image {
  animation-name: slider-image-out-right;
}
.box.box-imagelist.slider .slides > .item.show.left div.image {
  animation-name: slider-image-in-left;
}
.box.box-imagelist.slider .slides > .item.hide.left div.image {
  animation-name: slider-image-out-left;
}
.box.box-imagelist.slider .slides > .item.show.opacity div.image {
  animation-name: slider-image-in-opacity;
}
.box.box-imagelist.slider .slides > .item.hide.opacity div.image {
  animation-name: slider-image-out-opacity;
}
.box.box-imagelist.slider .slides > .item.show.tv div.image {
  animation-name: slider-image-in-tv;
}
.box.box-imagelist.slider .slides > .item.hide.tv div.image {
  animation-name: slider-image-out-tv;
}
.box.box-imagelist.slider .slides > .item.show.zoom div.image {
  animation-name: slider-image-in-zoom;
}
.box.box-imagelist.slider .slides > .item.hide.zoom div.image {
  animation-name: slider-image-out-zoom;
}
.box.box-imagelist.slider .slides > .item.show.rota div.image {
  animation-name: slider-image-in-rota;
}
.box.box-imagelist.slider .slides > .item.hide.rota div.image {
  animation-name: slider-image-out-rota;
}
.box.box-imagelist.slider .slides > .item.show div.title-panel {
  animation-name: slider-text-in;
}
.box.box-imagelist.slider .slides > .item.hide div.title-panel {
  animation-name: slider-text-out;
}
.box.box-imagelist.slider .slides div.image {
  display: block;
  position: relative;
  width: 100%;
  animation-duration: 0.7s;
}
.box.box-imagelist.slider .slides div.image > img {
  width: 100%;
  display: block;
  border: 0;
}
.box.box-imagelist.slider div.control {
  opacity: 0.333;
  position: absolute;
  display: flex;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  transition: opacity 300ms;
}
.box.box-imagelist.slider div.control .big-slide-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 45px;
  cursor: pointer;
  color: white;
  font-size: 38px;
  background-color: rgba(0, 0, 0, 0);
  transition: background-color 300ms, font-size 300ms;
}
.box.box-imagelist.slider div.control > ul.dots {
  flex: 1;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding: 0;
  margin: 0 0 2vw 0;
}
.box.box-imagelist.slider div.control > ul.dots > li {
  display: block;
  border: none;
  margin: 0 7px;
  cursor: pointer;
  border-radius: 10px;
  border: 2px solid transparent;
  transition: border-color 0.7s;
}
.box.box-imagelist.slider div.control > ul.dots > li.showing {
  border: 2px solid #fff;
}
.box.box-imagelist.slider:hover div.control {
  opacity: 1;
}
.box.box-imagelist.slider:hover div.control .big-slide-btn {
  background-color: rgba(0, 0, 0, 0.333);
  font-size: 56px;
}
.box.box-imagelist.slider:hover div.control .big-slide-btn:hover {
  background-color: rgba(0, 0, 0, 0.75);
}
.box.box-imagelist.slider .dot {
  display: block;
  border-radius: 8px;
  background-color: black;
  width: 16px;
  height: 16px;
  margin: 1px;
}
.box.box-imagelist.slider .title-panel {
  position: absolute;
  display: flex;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 32px;
  justify-content: flex-start;
  align-items: flex-start;
  animation-duration: 0.7s;
}
.box.box-imagelist.slider .title-panel > .title-block {
  padding: 0 0 0 16px;
}
.box.box-imagelist.slider .title-panel h1 {
  text-align: inherit;
  padding-right: 12px;
  margin-right: 0;
  width: 100%;
  font-size: 45px;
  font-weight: 400;
}
.box.box-imagelist.slider .title-panel h1::before {
  display: none;
}
.box.box-imagelist.slider .title-panel h2 {
  display: inline-block;
  font-size: 16px;
  font-weight: 200;
  background-color: rgba(0, 83, 134, 0.75);
  color: white;
  padding: 11px 16px 40px 16px;
  border-radius: 5px;
}
.box.box-imagelist.slider .title-panel .title-control {
  margin-top: -34px;
  margin-left: 16px;
  margin-right: 16px;
  margin-bottom: 0.5rem;
}
.box.box-imagelist.slider .title-panel .title-control .btn {
  padding: 10px 37px;
  font-size: 18px;
}
.box.box-imagelist.slider .title-panel .title-control .btn.btn-primary {
  color: #b29766;
  background-color: #9fceef;
}
.box.box-imagelist.slider .title-panel.white-txt {
  color: white;
}
.box.box-imagelist.slider.talign-right .title-panel {
  justify-content: flex-end;
}
.box.box-imagelist.slider.talign-center .title-panel {
  justify-content: center;
}
@keyframes slider-image-in-right {
  from {
    left: 100%;
  }
  to {
    left: 0;
  }
}
@keyframes slider-image-out-right {
  from {
    left: 0;
  }
  to {
    left: -100%;
  }
}
@keyframes slider-image-out-left {
  from {
    left: 0;
  }
  to {
    left: 100%;
  }
}
@keyframes slider-image-in-left {
  from {
    left: -100%;
  }
  to {
    left: 0;
  }
}
@keyframes slider-image-out-opacity {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes slider-image-in-opacity {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes slider-image-out-tv {
  from {
    transform: scaleY(1) scaleX(1);
    opacity: 1;
  }
  to {
    transform: scaleY(0.01) scaleX(1.5);
    opacity: 0;
  }
}
@keyframes slider-image-in-tv {
  from {
    transform: scaleY(0.7) scaleX(1.2);
    opacity: 0;
  }
  to {
    transform: scaleY(1) scaleX(1);
    opacity: 1;
  }
}
@keyframes slider-image-out-zoom {
  from {
    transform: scale(1);
    opacity: 1;
  }
  to {
    transform: scale(3);
    opacity: 0;
  }
}
@keyframes slider-image-in-zoom {
  from {
    transform: scale(0.3);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes slider-image-out-rota {
  from {
    transform: scale(1) rotate(0);
    opacity: 1;
  }
  to {
    transform: scale(0.1) rotate(980deg);
    opacity: 0;
  }
}
@keyframes slider-image-in-rota {
  from {
    transform: scale(0.3) rotate(-30deg);
    opacity: 0.5;
  }
  to {
    transform: scale(1) rotate(0);
    opacity: 1;
  }
}
@keyframes slider-text-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes slider-text-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

.box.box-instagram h3.title {
  display: block;
  position: absolute;
  left: 12px;
  right: 12px;
  top: 8px;
  font-size: 12px;
  font-weight: 400;
  text-align: center;
  color: white;
  opacity: 0;
  transition: opacity 0.5s;
}
.box.box-instagram .content {
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 15;
  background-color: rgba(0, 0, 0, 0.75);
}
.box.box-instagram .content-pane {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.box.box-instagram .close-button {
  position: absolute;
  right: 4.5rem;
  top: 4.5rem;
  color: black;
  font-size: 35px;
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  border-radius: 30px;
  cursor: pointer;
  background-color: white;
}
.box.box-instagram .post-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-auto-rows: 1fr;
  grid-gap: 12px;
}
.box.box-instagram .post-box {
  overflow: hidden;
}
.box.box-instagram .image {
  display: block;
  padding-bottom: 100%;
  background-size: cover;
  background-position: center;
  transition: transform 0.75s;
}
.box.box-instagram .shade {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.75);
  opacity: 0;
  transition: opacity 0.5s;
}
.box.box-instagram .post {
  display: block;
  position: relative;
}
.box.box-instagram .post:first-child {
  grid-column: 1/3;
  grid-row: 1/3;
}
.box.box-instagram .post:hover .shade {
  opacity: 1;
}
.box.box-instagram .post:hover h3.title {
  opacity: 1;
}
.box.box-instagram .post:hover .image {
  transform: scale(1.2);
}
.box.box-instagram .post.open .content {
  display: block;
}
.box.box-instagram h1.title {
  margin: 1.5rem 0;
}
.box.box-instagram h1.title .title-link {
  display: flex;
  color: rgb(204, 51, 102);
  align-items: center;
}
.box.box-instagram h1.title .logo {
  display: block;
  position: relative;
  border-radius: 46px;
  overflow: hidden;
}
.box.box-instagram h1.title .logo-image {
  max-width: 92px;
}
.box.box-instagram h1.title .logo-icon {
  display: flex;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  justify-content: center;
  align-items: center;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.75);
  opacity: 0;
  transition: opacity 300ms;
}
.box.box-instagram h1.title .title-line {
  display: block;
  flex: 1;
  margin-left: 1rem;
  font-size: 24px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 3.2px;
}
.box.box-instagram h1.title .img-count {
  display: block;
  font-size: 14px;
}
.box.box-instagram h1.title:hover .logo-icon {
  opacity: 1;
}
.box.box-instagram .control {
  text-align: center;
  margin: 1rem 0;
}
.box.box-instagram .control .more-btn {
  color: rgb(44, 50, 76);
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 3.2px;
  text-transform: uppercase;
  background-color: #f3f4f5;
  padding: 7px 14px;
}
.box.box-instagram .control .more-btn:hover {
  background-color: #e8e8eb;
  color: #000;
}

.box.box-tiktok h3.title {
  display: none;
}
.box.box-tiktok .lead {
  color: rgb(44, 50, 76);
  font-size: 13px;
  font-weight: 400;
  line-height: 18.2px;
  padding: 8px;
}
.box.box-tiktok .content {
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 15;
  background-color: rgba(0, 0, 0, 0.75);
}
.box.box-tiktok .content-pane {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.box.box-tiktok .close-button {
  position: absolute;
  right: 4.5rem;
  top: 4.5rem;
  color: black;
  font-size: 35px;
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  border-radius: 30px;
  cursor: pointer;
  background-color: white;
}
.box.box-tiktok .post-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 36px;
}
.box.box-tiktok .post-list.open .content {
  display: block;
}
.box.box-tiktok .post-box {
  overflow: hidden;
  border-radius: 4px;
  box-shadow: 0px 1px 10px 1px rgba(0, 0, 0, 0.11);
}
.box.box-tiktok .image-pane {
  display: block;
  padding-bottom: 75%;
  background-size: cover;
  background-position: center;
  overflow: hidden;
  position: relative;
  transition: transform 0.75s;
}
.box.box-tiktok .image {
  display: flex;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  justify-content: center;
  align-items: center;
  transition: transform 0.75s;
}
.box.box-tiktok .image > img {
  width: 100%;
}
.box.box-tiktok .shade {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0);
  opacity: 0;
  transition: opacity 0.5s;
}
.box.box-tiktok .post {
  display: block;
  position: relative;
}
.box.box-tiktok .post:hover .shade {
  opacity: 1;
}
.box.box-tiktok .post:hover h3.title {
  opacity: 1;
}
.box.box-tiktok .post:hover .image {
  transform: scale(1.2);
}
.box.box-tiktok header {
  display: flex;
  margin: 1.5rem 0;
}
.box.box-tiktok header .logo {
  display: block;
  position: relative;
  border-radius: 46px;
  overflow: hidden;
}
.box.box-tiktok header .logo-image {
  max-width: 92px;
}
.box.box-tiktok header .logo-icon {
  display: flex;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  justify-content: center;
  align-items: center;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.75);
  opacity: 0;
  transition: opacity 300ms;
}
.box.box-tiktok header .title-line {
  display: flex;
  flex-direction: column;
  flex: 1;
  margin-left: 1rem;
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 400;
  letter-spacing: 3.2px;
}
.box.box-tiktok header .title-line .title-head {
  flex: 1;
}
.box.box-tiktok header .title-line b {
  font-size: 16px;
  font-weight: 900;
}
.box.box-tiktok header .title-line p {
  margin: 0 0 3px 0;
}
.box.box-tiktok header .follow {
  background-color: rgb(255, 59, 92);
  border-radius: 3px;
  color: white;
  padding: 5px 15px;
}
.box.box-tiktok .control {
  text-align: center;
  margin: 1rem 0;
}
.box.box-tiktok .control .more-btn {
  display: block;
  appearance: button;
  color: rgb(44, 50, 76);
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 3.2px;
  text-transform: uppercase;
  padding: 7px 14px;
  box-shadow: 0 2px 5px rgba(60, 66, 87, 0.12), 0 1px 1px rgba(0, 0, 0, 0.08), inset 0 -1px 1px rgba(0, 0, 0, 0.12);
  background-color: rgb(230, 230, 235);
  padding: 12px 0;
}
.box.box-tiktok .control .more-btn:hover {
  background-color: rgb(254, 84, 79);
  color: #fff;
}

.basicform article.txt {
  margin-bottom: 1em;
}
.basicform .form {
  padding-bottom: 2em;
  padding: 1em;
  margin: 1.6em 0;
  border: 1px solid #8C8C8C;
}
.basicform form {
  display: block;
}
.basicform h2 {
  font-weight: normal;
  font-size: 28px;
  color: rgb(0, 106, 178);
  text-transform: uppercase;
  text-align: center;
  border-bottom: 1px solid rgb(0, 106, 178);
  padding-bottom: 5px;
  margin-bottom: 5px;
}
.basicform label {
  font-size: 27px;
  font-family: "Barlow", sans-serif;
  color: black;
  line-height: 1.704;
  margin-bottom: 0.25rem;
}
.basicform label.form-check-label {
  font-size: 24px;
  margin-left: 0.5rem;
}
.basicform .form-text {
  font-size: 18px;
  color: black;
}
.basicform .form-control {
  border-width: 2px;
  border-color: #b29766;
  border-radius: 0;
  background-color: #fff;
  color: #000;
  font-size: 27px;
  font-family: "Barlow", sans-serif;
  line-height: 56px;
  height: 56px;
}
.basicform .form-control:focus {
  border-color: #b29766;
  box-shadow: 0 0 0 0.2rem #b29766;
  background-color: #fff;
}
.basicform .form-control::placeholder {
  color: #888;
}
.basicform .form-check .form-check-input {
  width: 2rem;
  height: 2rem;
}
.basicform textarea.form-control {
  height: auto;
}
.basicform .form-control.is-invalid,
.basicform .is-invalid .form-control {
  color: white;
  background-color: #b29766;
  border-color: #b29766;
}
.basicform .btn-primary {
  background-color: #b29766;
  color: #fff;
}
.basicform .btn {
  border-width: 0;
  border-radius: 0;
  font-weight: 400;
  text-transform: uppercase;
  font-family: "Oswald", sans-serif;
  letter-spacing: 1px;
  cursor: pointer;
}

/**
 * Bs extend
 */
.btn {
  --bs-btn-padding-x: 82px;
  --bs-btn-padding-y: 15px;
  --bs-btn-border-width: 1px;
  --bs-btn-border-color: #000;
  --bs-btn-border-radius: 0;
  --bs-btn-bg: transparent;
  --bs-btn-font-weight: 600;
  --bs-btn-color: #000;
  --bs-btn-font-size: 22px;
  --bs-btn-hover-color: var(--bs-btn-color);
  --bs-btn-hover-bg: var(--bs-btn-bg);
  --bs-btn-hover-border-color: var(--bs-btn-border-color);
  line-height: 1;
  letter-spacing: 4.4px;
  text-transform: uppercase;
}
/**
 * Freetext styles
 */
.txt {
  color: inherit;
  font-weight: 500;
}
.txt a {
  color: #16514a;
}
.txt a:hover {
  color: #16514a;
}
.txt strong,
.txt b {
  font-weight: bold;
}
.txt i,
.txt em {
  font-style: italic;
}
.txt sup {
  font-size: smaller;
  line-height: normal;
  vertical-align: super;
}
.txt sub {
  font-size: smaller;
  line-height: normal;
  vertical-align: sub;
}
.txt ul {
  list-style-type: disc;
  list-style-position: outside;
}
.txt ol {
  list-style-type: decimal;
  list-style-position: outside;
}
.txt > ul, .txt > ol {
  margin: 15px 0;
  margin-left: 1.75em;
}
.txt p {
  margin: 15px 0;
}
.txt > *:first-child {
  margin-top: 0;
}
.txt > *:last-child {
  margin-bottom: 0;
}
.txt li > p {
  display: inline;
  margin: 0;
}
.txt .left {
  text-align: left;
}
.txt .right {
  text-align: right;
}
.txt .center {
  text-align: center;
}
.txt .justify {
  text-align: justify;
}
.txt .clear {
  clear: both;
}
.txt .full-width {
  margin-left: 0;
  margin-right: 0;
}
.txt .h1 {
  font-family: "MADEMirage", sherif;
  font-size: 28px;
  font-weight: normal;
  color: #16514a;
}
@media (min-width: 768px) {
  .txt .h1 {
    font-size: 34px;
  }
}
.txt .h2 {
  font-family: "MADEMirage", sherif;
  font-size: 24px;
  font-weight: normal;
  color: #b29766;
}
@media (min-width: 768px) {
  .txt .h2 {
    font-size: 28px;
  }
}
.txt .h3 {
  color: #ffffff;
  font-size: 22px;
  font-weight: normal;
}
.txt .s {
  font-size: 16px;
}
.txt .l {
  font-size: 24px;
}
.txt .xl {
  font-size: 25.333px;
}
.txt .alert {
  color: #16514a;
}
.txt span.image {
  display: block;
  text-align: center;
  font-size: 19px;
  color: rgb(140, 150, 156);
  line-height: 1.2;
}
.txt span.image img,
.txt span.image .safe-image-panel {
  display: block;
  margin-bottom: 5px;
  border: 0;
  max-width: 100%;
}
.txt span.image.baseline img, .txt span.image.baseline .safe-image-panel {
  margin: 0 auto;
}
.txt span.image.full img, .txt span.image.full .safe-image-panel {
  width: 100%;
}
.txt span.image.none img, .txt span.image.none .safe-image-panel {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .txt span.image img {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .txt span.image.left, .txt span.image.right {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
}
.txt span.image.safe .safe-image-panel {
  position: relative;
}
.txt span.image.safe .image-panel {
  display: block;
  overflow: hidden;
}
.txt span.image.safe .info {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.55);
  color: white;
}
.txt span.image.safe .info .text {
  margin: 1rem;
}
.txt span.image.safe .info .control {
  margin: 1rem;
}
.txt span.image.safe .info .btn {
  color: #ece5d9;
  border-color: #ece5d9;
}
.txt span.image.safe.show .info {
  display: none;
}
.txt span.image.safe canvas {
  display: block;
  filter: blur(20px);
  max-width: 100%;
}
.txt span.video_panel {
  display: block;
}
.txt span.video_panel.baseline {
  text-align: center;
}
.txt span.video_panel.baseline > .video {
  text-align: center;
}
.txt span.video_panel.baseline > .video img, .txt span.video_panel.baseline > .video video {
  max-width: 100%;
}
.txt span.video_panel > .video {
  margin: 0 auto;
}
.txt span.image.left,
.txt span.video_panel.left {
  float: left;
  padding-right: 10px;
}
.txt span.image.center img, .txt span.image.center .safe-image-panel,
.txt span.video_panel.center img,
.txt span.video_panel.center .safe-image-panel {
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  height: auto;
}
.txt span.image.right,
.txt span.video_panel.right {
  float: right;
  padding-left: 10px;
}
.txt span.image.cright,
.txt span.video_panel.cright {
  clear: right;
}
.txt span.embed {
  display: block;
  position: relative;
}
.txt .ctable {
  overflow: auto;
  max-width: 100%;
}
.txt .ctable > table {
  width: 100%;
}
.txt .ctable a {
  color: white;
}
.txt .ctable td {
  border-bottom: 1px solid black;
  padding: 7px 9px;
}
.txt .ctable td:last-child {
  border-right: none;
}
.txt .ctable td.th1 {
  background-color: transparent;
  color: #b29766;
  font-size: 33.33px;
  font-weight: bold;
}
.txt .ctable td > p:first-child {
  margin-top: 0;
}
.txt .ctable td > p:last-child {
  margin-bottom: 0;
}
.txt .ctable td.crow-1 {
  color: #16514a;
}
.txt .ctable td.crow-2 {
  color: #b29766;
}
.txt .ctable td.crow-3 {
  color: #dec69b;
}
.txt .ctable td.crow-b1 {
  background-color: #16514a;
  color: white;
}
.txt .ctable td.crow-b2 {
  background-color: #b29766;
  color: white;
}
.txt .ctable td.crow-b3 {
  background-color: #ece5d9;
}
.txt .ctable td.crow-b4 {
  background-image: url(pirosarany.webp);
  background-size: 20%;
}
.txt .ctable td.cleft {
  text-align: left;
}
.txt .ctable td.ccenter {
  text-align: center;
}
.txt .ctable td.cright {
  text-align: right;
}
.txt .ctable td.cjustify {
  text-align: justify;
}
.txt .ctable td.ctop {
  vertical-align: top;
}
.txt .ctable td.cmiddle {
  vertical-align: middle;
}
.txt .ctable td.cbottom {
  vertical-align: bottom;
}

/**
 * Header
 */
/**
 * Fejléc
 */
#site-header {
  background-color: #fff;
}
#site-header .hamburger {
  display: block;
  padding-left: 44px;
  height: 37px;
  line-height: 37px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  z-index: 2;
  background-image: url(hamburger-menu.svg);
  background-position: left top;
  background-repeat: no-repeat;
  margin-left: 3vw;
  font-family: "Barlow", sans-serif;
  font-size: 19px;
  font-weight: bold;
  color: inherit;
}
#site-header .hamburger-close {
  display: block;
  position: fixed;
  z-index: 11;
  right: 1vw;
  top: 1vw;
  width: 37px;
  height: 37px;
  line-height: 45px;
  font-size: 30px;
  text-align: center;
  color: black !important;
  vertical-align: middle;
  cursor: pointer;
}
#site-header .hamburger-panel {
  display: flex;
  width: 100%;
  align-items: center;
  height: 58px;
  background-color: #fff;
}
#site-header .menu-block {
  display: block;
}
#site-header .menu-panel {
  display: none;
}
#site-header .language-part {
  display: none;
}
#site-header .mobile-language-part {
  display: none;
}
#site-header .icon-part {
  display: none;
}
#site-header .icon-panel {
  font-size: 30px;
}
#site-header .logo {
  text-align: center;
}
#site-header .logo img.image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
#site-header .logo.normal {
  display: block;
}
#site-header .logo.mobile {
  display: none;
}
#site-header a.logo {
  display: flex;
  margin: 0 auto;
  width: 350px;
  height: 250px;
  max-width: 98vw;
}
@media (min-width: 768px) {
  #site-header a.logo {
    max-width: 27vw;
  }
}
#site-header div.logo {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 1200px) {
  #site-header {
    position: relative;
    top: 0;
    z-index: 10;
    width: 100%;
    font-family: "Barlow", sans-serif;
    font-size: 1rem;
    color: #161616;
  }
  #site-header .hamburger-panel,
  #site-header .hamburger-close {
    display: none;
  }
  #site-header div.logo {
    padding: 20px 0 0 0;
  }
  #site-header .header-line.header-line-full {
    display: flex;
    height: 60px;
    background-color: #fff;
  }
  #site-header .menu-block {
    display: flex;
    max-width: 1280px;
    margin: 0 auto;
  }
  #site-header .menu-panel {
    display: block;
    flex: 1;
    height: 60px;
    width: 100%;
  }
  #site-header .language-part {
    display: block;
    align-self: center;
    margin-left: 28px;
  }
  #site-header .language-part > lang {
    display: inline-block;
    position: relative;
    top: -2px;
  }
  #site-header .icon-part {
    display: block;
    align-self: center;
    margin-left: 28px;
  }
  #site-header.fixed .header-line.header-line-full {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 10px;
    transition: box-shadow 0.3s;
  }
}
@media (max-width: 1199.98px) {
  #site-header .hamburger-close {
    display: none;
  }
  #site-header div.logo {
    padding: 15px 0 5px 0;
    border-bottom: 1px solid black;
  }
  #site-header .header-line.header-line-full {
    display: flex;
    height: 58px;
  }
  #site-header.fixed .hamburger-panel {
    position: fixed;
    z-index: 10;
    top: 0;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 10px;
    transition: box-shadow 0.3s;
  }
}
#site-header.open .hamburger-panel {
  display: none;
}
#site-header.open .hamburger-close {
  display: block;
}
#site-header.open .mobile-language-part {
  display: block;
  padding: 3px 0;
  text-align: center;
}
#site-header.open .logo.mobile {
  display: block;
  background-color: white;
}
#site-header.open .menu-panel {
  display: block;
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  right: 0;
  max-height: 100vh;
  overflow: scroll;
  overflow-x: hidden;
  animation-name: menu-panel-open;
  animation-duration: 0.3s;
  animation-iteration-count: 1;
}
@keyframes menu-panel-open {
  from {
    top: -100%;
    opacity: 0;
  }
  to {
    top: 0;
    opacity: 1;
  }
}

/**
 * Body fix. Ne legyen ugrálás
 */
@media (min-width: 992px) {
  body.fixed-header {
    margin-top: 60px;
  }
}

/**
 * Lábléc
 */
footer {
  overflow: hidden;
}

#site-footer-info {
  width: 100%;
  font-size: 17px;
  color: black;
  background-color: white;
}
#site-footer-info a {
  color: inherit;
  text-decoration: underline;
}
#site-footer-info .footer-info-panel {
  padding-top: 9px;
  padding-left: 0;
  padding-right: 0;
}
@media (max-width: 767.98px) {
  #site-footer-info .footer-info-panel {
    padding-left: 12px;
    padding-right: 12px;
  }
}

/**
 * Breadcrumb
 */
div.breadcrumb {
  display: block;
  max-width: 1280px;
  font-family: "Barlow", sans-serif;
  font-size: 1rem;
  color: #161616;
  background-color: white;
  margin: 0 auto;
  padding: 17px 0 17px 0;
  border-radius: 0;
  text-transform: uppercase;
}
body.view-breadcumbless div.breadcrumb {
  display: none;
}
body.view-wide-breadcrumb div.breadcrumb {
  max-width: none;
}
body.view-wide-breadcrumb div.breadcrumb ul.breadcrumb {
  max-width: 1280px;
  margin: 0 auto;
}
div.breadcrumb a {
  color: inherit;
}
div.breadcrumb ul.breadcrumb {
  display: flex;
  padding: 0;
  margin: 0;
  color: #7B7B80;
  align-items: center;
}
div.breadcrumb ul.breadcrumb > li {
  display: block;
  padding: 0;
  margin: 0;
  line-height: 30px;
}
div.breadcrumb ul.breadcrumb > li.breadcrumb-item {
  border: 1px solid #B5B5B5;
  border-radius: 12px;
  font-size: 12px;
  padding: 0 12px;
  color: #161616;
}
div.breadcrumb ul.breadcrumb > li.breadcrumb-item:last-child {
  background-color: #7B7B80;
  color: white;
}
div.breadcrumb ul.breadcrumb > li.breadcrumb-sep {
  padding: 0 8px;
}

/**
 * Menu
 */
#site-header ul.menu {
  display: flex;
}
#site-header ul.menu a {
  color: inherit;
  text-decoration: inherit;
}
#site-header ul.menu li {
  display: block;
}
@media (min-width: 1200px) {
  #site-header ul.menu {
    display: none;
    font-family: "Barlow", sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: inherit;
    letter-spacing: 3.2px;
  }
  #site-header ul.menu .more {
    display: none;
  }
  #site-header ul.menu li.menu-item:hover > ul.menu {
    display: flex;
  }
  #site-header ul.menu.lvl1 {
    display: flex;
    flex-direction: row;
    margin: 0 auto;
    padding: 0;
    align-items: center;
    height: 100%;
    text-transform: uppercase;
  }
  #site-header ul.menu.lvl1 > li.menu-item {
    position: relative;
    padding: 0px;
  }
  #site-header ul.menu.lvl1 > li.menu-item > .menu-item-line {
    position: relative;
  }
  #site-header ul.menu.lvl1 > li.menu-item > .menu-item-line > a.menu-link {
    display: block;
    position: relative;
    z-index: 2;
    height: 60px;
    line-height: 56px;
    padding: 0 20px;
  }
  #site-header ul.menu.lvl1 > li.menu-item.current > .menu-item-line > a.menu-link, #site-header ul.menu.lvl1 > li.menu-item.current-parent > .menu-item-line > a.menu-link {
    color: #16514a;
  }
  #site-header ul.menu.lvl1 > li.menu-item:hover {
    background-color: #dec69b;
  }
  #site-header ul.menu.lvl1 > li.menu-item:hover > .menu-item-line > a.menu-link {
    color: #fff !important;
  }
  #site-header ul.menu.lvl2 {
    position: absolute;
    flex-direction: column;
    background-color: white;
    margin: -8px 0 0 0;
    padding: 12px 8px 12px 16px;
    z-index: 1;
    min-width: 200px;
    box-shadow: 1px 2px 6px 1px rgba(0, 0, 0, 0.15);
  }
  #site-header ul.menu.lvl2::before {
    z-index: -1;
    display: block;
    position: absolute;
    left: -20px;
    right: -20px;
    top: -20px;
    bottom: -20px;
    content: " ";
  }
  #site-header ul.menu.lvl2::after {
    display: block;
    position: absolute;
    border: 6px solid #dbdbdb;
    border-right: 0;
    top: 0;
    bottom: 0;
    left: 0;
    width: 29px;
    content: " ";
  }
  #site-header ul.menu.lvl2 li.menu-item {
    border-bottom: 1px solid black;
    color: black;
    position: relative;
    z-index: 2;
  }
  #site-header ul.menu.lvl2 li.menu-item:last-child {
    border-bottom: none;
  }
  #site-header ul.menu.lvl2 li.menu-item:hover {
    color: #ffd400;
  }
  #site-header ul.menu.lvl2 .menu-item-line {
    white-space: nowrap;
    padding: 2px 7px;
  }
}
@media (max-width: 1199.98px) {
  #site-header ul.menu {
    flex-direction: column;
    padding: 0;
    margin: 0;
    font-family: "Barlow", sans-serif;
    font-size: 19px;
    font-weight: bold;
    color: inherit;
    letter-spacing: 3.8px;
  }
  #site-header ul.menu.lvl1 {
    margin: 0 0 80px 0;
    background-color: white;
  }
  #site-header ul.menu li.menu-item {
    border-bottom: 1px solid black;
    text-transform: uppercase;
    width: 100%;
  }
  #site-header ul.menu li.menu-item.current {
    color: #16514a;
  }
  #site-header ul.menu li.menu-item.current-parent > .menu-item-line {
    background-color: rgba(178, 151, 102, 0.15);
  }
  #site-header ul.menu li.menu-item > ul.menu {
    display: none;
  }
  #site-header ul.menu li.menu-item.open > .menu-item-line > .more.open {
    display: none;
  }
  #site-header ul.menu li.menu-item.open > .menu-item-line > .more.close {
    display: block;
  }
  #site-header ul.menu li.menu-item.open > ul.menu {
    display: flex;
  }
  #site-header ul.menu .menu-item-line {
    display: flex;
    padding: 0;
  }
  #site-header ul.menu .menu-item-line a.menu-link {
    flex: 1;
    padding: 22px 19px;
  }
  #site-header ul.menu .more {
    display: none;
    /*
    			font-size: 22px;
    			height: 27px;
    			line-height: 27px;
    			padding: 0 10px;

    			&.open {
    				display: block;
    			}
    			&.close {
    				display: none;
    			}
    */
  }
  #site-header ul.menu.lvl2 > li.menu-item > .menu-item-line {
    padding-left: 22px;
  }
  #site-header ul.menu.lvl2 > li.menu-item:last-child {
    border-bottom: none;
  }
}

/**
 * Content oldal
 */
#site-content {
  margin: 0 auto;
  display: block;
  /*
  	@media (max-width: 993px) {
  		.sidebar {
  			margin-top: 10px;
  		}
  	}

  	@media (min-width: 994px) {
  		&.panel-left > .site-content-panel,
  		&.panel-right > .site-content-panel {
  			float: left;
  			width: 80%;
  		}
  		&.panel-left > .site-content-panel {
  			position: relative;
  			left: 20%;
  		}
  		&.panel-right.panel-left > .site-content-panel {
  			position: relative;
  			left: 20%;
  			width: 60%;
  			padding-left: 0;
  		}
  		&.panel-left.panel-right .boxpanel-left {
  			left: calc(-60% - 12px);
  		}
  		&.panel-left .boxpanel-left {
  			left: calc(-80% - 12px);
  		}

  		.boxpanel-left {
  			position: relative;
  			float: left;
  			width: 20%;
  		}

  		.boxpanel-right {
  			float: left;
  			position: relative;
  			left: 12px;
  			width: 20%;
  		}
  	}
  */
  /**
   * Article/Product/Event oldal
   */
  /* tags */
  /* product properties */
  /**
   * Article
   */
  /**
   * Error page
   */
  /**
   * Error panel
   */
}
@media (min-width: 768px) {
  #site-content {
    display: flex;
    flex-wrap: wrap;
  }
}
.content #site-content {
  max-width: 1280px;
  padding: 0 26px 1px 26px;
  background-color: white;
}
.content.view-wide-content #site-content {
  max-width: none;
}
.content.view-wide-content #site-content .site-content-panel {
  max-width: 1228px;
  margin: 0 auto;
}
#site-content .sidebar {
  --bs-gutter-x: 1.5rem;
}
@media (min-width: 768px) {
  #site-content .sidebar {
    min-width: 30%;
    width: 30%;
  }
}
@media (min-width: 992px) {
  #site-content .sidebar {
    min-width: 20%;
    width: 20%;
  }
}
#site-content .sidebar .boxpanel-fluid .boxpanel-row-base {
  padding: 0;
}
#site-content .boxpanel-left {
  order: 2;
}
@media (min-width: 576px) {
  #site-content .boxpanel-left {
    margin-left: calc(-0.5 * var(--bs-gutter-x));
  }
}
#site-content .boxpanel-right {
  order: 4;
}
@media (min-width: 576px) {
  #site-content .boxpanel-right {
    margin-right: calc(-0.5 * var(--bs-gutter-x));
  }
}
#site-content .site-content-panel {
  order: 3;
  flex: 1;
}
#site-content .boxpanel-chead,
#site-content .boxpanel-cfoot {
  width: 100%;
}
#site-content .boxpanel-chead {
  order: 1;
}
#site-content .boxpanel-cfoot {
  order: 4;
}
#site-content .content > h1 {
  padding: 15px;
  margin: 0 0 30px 0;
  text-align: center;
  text-transform: uppercase;
  font-family: "MADEMirage", sherif;
  font-size: 44px;
  font-weight: 600;
  letter-spacing: 2.3px;
  color: #16514a;
}
@media (max-width: 767.98px) {
  #site-content .content > h1 {
    font-size: 28px;
  }
}
#site-content .content > h2 {
  padding: 25px 0 0 0;
  margin: 0 0 -4px 2px;
  text-align: center;
  line-height: 1.629;
  font-family: "MADEMirage", sherif;
  font-size: 32px;
  font-weight: normal;
}
#site-content .content > h3 {
  padding: 0;
  margin: 0 0 4px 2px;
  text-align: center;
  color: #b29766;
  font-family: "MADEMirage", sherif;
  font-size: 32px;
  font-weight: normal;
}
@media (max-width: 767.98px) {
  #site-content .content > h3 {
    font-size: 24px;
  }
}
#site-content .content > h1 + hr, #site-content .content > h2 + hr, #site-content .content > h3 + hr {
  border-top: 1px solid #7C7C7C;
  margin: 0 4px 1em 0;
}
#site-content .content ul.join-url {
  display: block;
  padding: 0;
}
#site-content .content .cpart:last-child {
  margin-bottom: 4rem;
}
#site-content .content .cpart .section-tite {
  text-align: center;
  font-size: 30px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 6px;
  padding: 10px 0;
  margin-bottom: 2rem;
}
#site-content .content .cpart .section-tite > .title {
  display: block;
}
#site-content .content .cpart .section-tite > .subtitle {
  display: block;
}
#site-content .content .cpart.basic-part {
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 1.8px;
  line-height: 28px;
}
@media (max-width: 767.98px) {
  #site-content .content .cpart.basic-part {
    max-width: 100%;
    overflow: hidden;
  }
}
#site-content .content .cpart.date-part > h4 {
  text-transform: uppercase;
  letter-spacing: 3.2px;
  font-size: 16px;
  font-weight: 500;
  margin-top: 4rem;
}
#site-content .content .cpart.back-button-part {
  margin: 4rem 0;
  text-align: center;
}
#site-content .content .cpart.back-button-part .btn {
  max-width: 100%;
}
@media (max-width: 767.98px) {
  #site-content .content .cpart.back-button-part .btn {
    --bs-btn-padding-x: 20px;
  }
}
#site-content .content .cpart.form-part {
  margin: 2rem 0;
}
#site-content .content .cpart.form-part .form-control[type=text],
#site-content .content .cpart.form-part textarea.form-control {
  color: black;
  letter-spacing: 4px;
  border-color: black;
  border-left: 0;
  border-right: 0;
  border-top: 0;
  border-radius: 4px;
}
#site-content .content .cpart.form-part .btn {
  --bs-btn-bg: #000;
  --bs-btn-color: #fff;
  --bs-btn-padding-x: 164px;
  --bs-btn-padding-y: 24px;
}
#site-content .content .cpart.form-part .fancy-file > input[type=file] {
  display: none;
}
#site-content .content .cpart.form-part .fancy-file > label {
  display: block;
  position: relative;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 15px;
  letter-spacing: 4px;
  padding-top: 12px;
  padding-bottom: 14px;
  padding-left: 60px;
  margin-top: 3px;
  margin-bottom: 3px;
  cursor: pointer;
}
#site-content .content .cpart.form-part .fancy-file > label::before {
  float: left;
  display: block;
  position: absolute;
  content: url("data:image/svg+xml,%3C%3Fxml version='1.0' standalone='no'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 20010904//EN' 'http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd'%3E%3Csvg version='1.0' xmlns='http://www.w3.org/2000/svg' width='45.000000pt' height='111.000000pt' viewBox='0 0 115.000000 111.000000' preserveAspectRatio='xMidYMid meet'%3E%3Cmetadata%3E%0ACreated by potrace 1.10, written by Peter Selinger 2001-2011%0A%3C/metadata%3E%3Cg transform='translate(0.000000,111.000000) scale(0.100000,-0.100000)'%0Afill='%23000000' stroke='none'%3E%3Cpath d='M440 986 c-222 -62 -368 -284 -332 -503 45 -268 318 -443 571 -364%0A83 26 137 60 198 123 84 89 123 187 123 308 0 74 -17 146 -50 209 -29 57 -112%0A146 -168 178 -99 58 -237 78 -342 49z m281 -62 c112 -53 180 -128 218 -242 87%0A-257 -91 -524 -359 -540 -177 -10 -325 80 -403 246 -29 61 -32 76 -32 162 0%0A86 3 101 32 162 78 165 216 251 393 245 70 -2 97 -8 151 -33z'/%3E%3Cpath d='M310 760 c0 -19 7 -20 245 -20 238 0 245 1 245 20 0 19 -7 20 -245%0A20 -238 0 -245 -1 -245 -20z'/%3E%3Cpath d='M446 591 c-97 -97 -119 -131 -86 -131 6 0 44 36 86 80 42 44 79 80%0A83 80 3 0 5 -88 3 -195 l-4 -195 24 0 23 0 -3 195 c-2 107 -1 195 2 195 3 0%0A40 -36 83 -80 70 -74 101 -92 110 -65 2 6 -45 59 -105 118 l-107 107 -109%0A-109z'/%3E%3C/g%3E%3C/svg%3E");
  width: 45px;
  height: 45px;
  top: -50px;
  left: 0;
  fill: #000000;
  pointer-events: none;
}
#site-content .content .cpart.form-part .fancy-file .required {
  color: #c02b0a;
  display: inline-block;
  font-size: 13.008px;
  padding-left: 0.125em;
}
#site-content .content .cpart.form-part .fancy-file .info {
  letter-spacing: 2px;
  display: inline-block;
  margin-left: 5px;
  color: blue;
}
#site-content .content .cpart.form-part .fancy-file .info:empty {
  display: none;
}
#site-content .content .cpart.jdownload-part {
  color: black;
}
#site-content .content .cpart.jdownload-part .join-download {
  display: block;
  margin: 0;
  padding: 0;
}
#site-content .content .cpart.jdownload-part .download {
  display: block;
  margin: 0;
  padding: 0;
}
#site-content .content .cpart.jdownload-part .info {
  display: block;
  text-align: center;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 1.8px;
  line-height: 28px;
}
#site-content .content .cpart.jdownload-part .info.title {
  font-size: 22px;
  font-weight: 600;
  letter-spacing: 3.2px;
  text-transform: uppercase;
}
#site-content .content .cpart.jdownload-part .control {
  display: block;
  text-align: center;
  margin: 15px 0 0 0;
}
#site-content .content .cpart.jdownload-part .download-item {
  margin: 0 auto;
  text-align: center;
  border-radius: 25px;
}
#site-content .content ul.join-url > li {
  display: block;
  color: #006ab2;
  font-weight: 500;
}
#site-content .content ul.join-url > li:before {
  display: inline-block;
  padding-right: 5px;
  content: "> ";
}
#site-content .content ul.join-url > li > a {
  color: inherit;
}
#site-content .content .controls {
  margin: 16px 0;
}
#site-content .tags-panel {
  display: block;
  margin: 0.5em 0;
}
#site-content .tags-panel > .tags {
  display: block;
  margin: 0;
  padding: 0;
}
#site-content .tags-panel > ul.tags > li {
  display: inline-block;
  padding: 4px 5px;
  margin: 0 3px 0 0;
  background-color: #f7941d;
  color: white;
  font-weight: 400;
  transition: background-color 0.3s;
}
#site-content .tags-panel > ul.tags > li:hover {
  background-color: #f26522;
}
#site-content .content.product div.properties {
  margin: 22px 0 12px 0;
}
#site-content .content.product div.properties > h3 {
  font-size: 22px;
  color: #006ab2;
  font-weight: normal;
}
#site-content table.properties {
  width: 100%;
  font-size: 16px;
  border: 1px solid #e1e1e1;
  color: rgb(107, 108, 108);
  font-size: 15.6px;
}
#site-content table.properties > thead {
  text-align: left;
  background-color: #f8f8f8;
}
#site-content table.properties tr {
  background-color: transparent;
  font-weight: normal;
}
#site-content table.properties tr.row2 {
  background-color: #f8f8f8;
  color: rgb(0, 110, 183);
}
#site-content table.properties tr.hilight {
  font-weight: bold;
}
#site-content table.properties th,
#site-content table.properties td {
  border: 1px solid #e1e1e1;
  padding: 9px 12px;
  font-weight: inherit;
}
#site-content .product-gallery .image img {
  max-width: 100%;
}
#site-content .content.article .head-image {
  display: block;
  margin-bottom: 81px;
  width: 100%;
}
#site-content .content.article .head-image > .image {
  display: block;
  width: 100%;
  padding-bottom: 50%;
  background-position: center;
  background-size: cover;
}
#site-content .article-list .post {
  margin: 4rem 0;
}
#site-content .article-list .post .image {
  display: block;
  position: relative;
  width: 100%;
  padding-bottom: 50%;
  background-size: cover;
  background-position: center;
  margin: 4rem 0;
}
#site-content .article-list .post h2.title {
  margin-bottom: 44px;
  text-transform: uppercase;
  text-align: center;
  font-size: 44px;
  font-weight: 600;
  letter-spacing: 3.2px;
}
#site-content .article-list .post h2.title a {
  color: inherit;
}
#site-content .article-list .post > article {
  max-width: 600px;
  margin: 0 auto 44px auto;
  font-family: "Times New Roman", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 1.8px;
}
#site-content .article-list .post .controls {
  text-align: center;
}
#site-content .article-list .shade-link {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
#site-content .content.page_error .error {
  border: 2px solid red;
  background-color: #a40c0c;
  margin: 1rem 0;
  color: white;
  font-size: 18px;
  padding: 2rem;
}
#site-content ul.errors {
  background-color: #efa0a6;
  color: #890202;
  font-size: 26px;
  padding: 0.7rem 1rem 0.7rem 3rem;
}
#site-content .checkout {
  margin-top: 40px;
}
#site-content .checkout h1 {
  font-weight: bold;
  font-size: 24px;
  color: #161616;
  padding-left: 2px;
}
#site-content .checkout h1.big {
  color: black;
  border-bottom: none;
  padding-left: 12px;
  padding-top: 8px;
  padding-bottom: 6px;
}
#site-content .checkout h3 {
  font-size: 24px;
  color: #161616;
  border-bottom: 1px solid #7B7B80;
}
#site-content .checkout article {
  margin: 0.5rem 0 1rem 0;
}
#site-content .checkout.address-list .control .line {
  margin: 8px 0;
}
#site-content .checkout.address-list .control .btn {
  border-radius: 0;
  font-size: 14px;
  font-weight: bold;
  border: none;
}
#site-content .checkout.address-list .control .btn.btn-primary {
  color: #f4f4f4;
  background-color: #161616;
}
#site-content .checkout.address-list .control .btn.btn-secondary {
  background-color: #f4f4f4;
  color: #161616;
}
#site-content .checkout.address-list .control .btn.btn-danger {
  color: #f4f4f4;
  background-color: #D60000;
}
#site-content .checkout.address-list h3 {
  border-bottom: none;
}
#site-content .checkout.address-list .address-line {
  margin: 1rem 0;
  border-bottom: 1px solid #7B7B80;
}
#site-content .checkout.preview .btn {
  font-weight: bold;
}
#site-content .checkout.preview .btn.btn-info {
  color: white;
  background-color: black;
  padding: 0.375rem 0.75rem;
}
#site-content .checkout.preview .btn.btn-secondary {
  background-color: #161616;
  color: white;
}
#site-content .checkout.preview .btn.btn-primary {
  font-size: 18px !important;
  color: white;
  background-color: #161616;
  padding: 16px 36px;
  border-radius: 0;
}
#site-content .checkout.preview .form-check-label {
  color: black;
  font-weight: bold;
}
#site-content .checkout.preview .form-check-input {
  border-color: black;
}
#site-content .checkout.preview .control {
  margin: 0.5rem 0;
}
#site-content .checkout .infoline {
  padding-top: 4px;
  padding-bottom: 4px;
  font-weight: normal;
}
#site-content .checkout .infoline.selected {
  background-color: #c7d6b2;
}
#site-content .checkout content.container {
  display: block;
}
#site-content .checkout .payment-block > .payment-button {
  margin: 0.5rem 0;
}
#site-content .checkout .payment-block + hr {
  margin: 0.5rem 0;
  border: 0;
  border-top: 1px solid #7B7B80;
  opacity: 1;
}
#site-content .checkout .payment-block .btn.btn-light {
  --bs-btn-bg: transparent;
}
#site-content .checkout .payment-block .btn img {
  max-width: 100%;
  margin: 3px 0;
}
#site-content .checkout .shipment-section .form-group .form-check-input {
  width: 1.5rem;
  height: 1.5rem;
  margin-top: 0.7rem;
  margin-right: 0.5rem;
  margin-left: 0.5rem;
}
#site-content .checkout .shipment-section .form-group .form-check-label {
  line-height: 2;
  font-size: 1.5rem;
}
#site-content .checkout .shipment-section .form-group .form-check-label p {
  margin: 0;
}
#site-content .checkout .accept-section .alert-triangle {
  width: 64px;
  height: 64px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(alert.png);
  float: left;
}
#site-content .checkout .accept-section .form-group {
  height: 64px;
}
#site-content .checkout .accept-section .form-group .form-check-input {
  width: 2rem;
  height: 2rem;
  margin-top: 0.7rem;
  margin-right: 0.5rem;
  margin-left: 0.5rem;
}
#site-content .checkout .accept-section .form-group .form-check-label {
  line-height: 64px;
  font-size: 1.5rem;
}
#site-content .checkout .big-breadcrumb {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
#site-content .checkout .big-breadcrumb > .item {
  width: 100px;
  --bb-item-color: #dbdbdb;
  color: var(--bb-item-color);
  border-color: var(--bb-item-color);
}
#site-content .checkout .big-breadcrumb > .item.before {
  --bb-item-color: #161616;
}
@media (min-width: 768px) {
  #site-content .checkout .big-breadcrumb > .item.before + .sep {
    background-color: #161616;
  }
}
#site-content .checkout .big-breadcrumb > .item.selected {
  --bb-item-color: black;
}
#site-content .checkout .big-breadcrumb > .item > .num {
  position: relative;
  text-align: center;
  font-size: 32px;
  border-style: solid;
  border-width: 6px;
  margin: 0 5px;
}
@media (min-width: 768px) {
  #site-content .checkout .big-breadcrumb > .item > .num {
    width: 63px;
    height: 56px;
    line-height: 50px;
    margin: 0 auto;
  }
}
#site-content .checkout .big-breadcrumb > .item > .num::before, #site-content .checkout .big-breadcrumb > .item > .num::after {
  display: block;
  position: absolute;
  content: " ";
  width: 30%;
  left: 35%;
  height: 6px;
  background-color: white;
}
#site-content .checkout .big-breadcrumb > .item > .num::before {
  top: -6px;
}
#site-content .checkout .big-breadcrumb > .item > .num::after {
  bottom: -6px;
}
#site-content .checkout .big-breadcrumb > .item > .info {
  display: none;
}
@media (min-width: 768px) {
  #site-content .checkout .big-breadcrumb > .item > .info {
    display: block;
    margin: 0.5em -20px;
    text-align: center;
    font-size: 17px;
    line-height: 1.1;
  }
}
#site-content .checkout .big-breadcrumb > .sep {
  display: none;
}
@media (min-width: 768px) {
  #site-content .checkout .big-breadcrumb > .sep {
    display: block;
    flex-grow: 1;
    height: 6px;
    margin-top: 25px;
    background-color: #dbdbdb;
  }
}

/**
 * Méretezhető vendébox tartó.
 */
.sized-box {
  position: relative;
  height: var(--panel-height);
}
.sized-box.noheight {
  height: auto;
}
.sized-box.h-percent {
  height: 0;
  padding-bottom: var(--panel-height);
}
.sized-box > .sized-panel {
  display: block;
}
.sized-box:not(.noheight) > .sized-panel {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.sized-box .sized-iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: none;
}

.global-popup {
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 20;
}
.global-popup.open {
  display: block;
}
.global-popup.open .shader {
  animation-name: global-popup-shader-slidein;
  animation-duration: 0.5s;
}
.global-popup.open .panel {
  opacity: 0;
}
.global-popup.loading .loader {
  display: flex;
  opacity: 0;
  animation-name: global-popup-loader, global-popup-loader2;
  animation-duration: 0.35s, 0.7s;
  animation-delay: 0.3s;
  animation-direction: normal, alternate;
  animation-iteration-count: 1, infinite;
}
.global-popup.ready .panel {
  opacity: 1;
  animation-name: global-popup-panel-slidein;
  animation-duration: 0.3s;
}
.global-popup.closing {
  display: block;
}
.global-popup.closing .panel {
  opacity: 0;
  animation-name: global-popup-panel-slideout;
  animation-duration: 0.3s;
}
.global-popup.closing .shader {
  opacity: 0;
  animation-name: global-popup-shader-slideout;
  animation-duration: 0.5s;
}
.global-popup .shader,
.global-popup .loader,
.global-popup .panel {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 2;
}
.global-popup .shader {
  background-color: rgba(0, 0, 0, 0.5);
}
.global-popup .panel {
  display: flex;
  align-items: center;
  justify-content: center;
}
.global-popup .loader {
  display: none;
  justify-content: center;
  align-items: center;
  font-size: 32px;
  color: #cccccc;
}
.global-popup .content-panel {
  display: block;
  position: relative;
  background-color: white;
  background-clip: content-box;
  border: 15px solid rgba(0, 0, 0, 0.2);
  min-width: 10vw;
  min-height: 10vw;
  max-width: 90vw;
  max-height: 90vh;
  overflow: auto;
}
@media (max-width: 767.98px) {
  .global-popup .content-panel {
    max-width: 99vw;
  }
}
.global-popup .content-panel .popup-close {
  position: absolute;
  font-size: 30px;
  color: #161616;
  right: 8px;
  top: 0px;
  z-index: 1;
}
.global-popup.loading .load-invisible {
  visibility: hidden;
}

@keyframes global-popup-panel-slidein {
  from {
    top: -100px;
    opacity: 0;
  }
  to {
    top: 0px;
    opacity: 1;
  }
}
@keyframes global-popup-shader-slidein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes global-popup-panel-slideout {
  from {
    opacity: 1;
  }
  to {
    transform: scale(2);
    opacity: 0;
  }
}
@keyframes global-popup-shader-slideout {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes global-popup-loader {
  from {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 0.4;
  }
}
@keyframes global-popup-loader2 {
  from {
    opacity: 0.4;
  }
  to {
    opacity: 0.8;
    transform: scale(1.2);
  }
}
.buy-popup-panel .hr,
.cpart.product-part .hr,
.add-popup-panel .hr,
.basket-popup-panel .hr {
  border-bottom: 1px solid #A4A4A7;
}
.buy-popup-panel .hr.brutal,
.cpart.product-part .hr.brutal,
.add-popup-panel .hr.brutal,
.basket-popup-panel .hr.brutal {
  border-bottom: 3px solid #161616;
}
.buy-popup-panel h1.title,
.cpart.product-part h1.title,
.add-popup-panel h1.title,
.basket-popup-panel h1.title {
  color: #161616;
  font-weight: bold;
  font-size: 18px;
  margin: 10px 0 6px 0;
}
.buy-popup-panel header.panel-title,
.cpart.product-part header.panel-title,
.add-popup-panel header.panel-title,
.basket-popup-panel header.panel-title {
  background-color: #f2f2f2;
  line-height: 64px;
  margin: 0;
  padding: 12px 13px 6px 26px;
}
.buy-popup-panel h1.panel-title,
.cpart.product-part h1.panel-title,
.add-popup-panel h1.panel-title,
.basket-popup-panel h1.panel-title {
  color: black;
  font-size: 27px;
  font-weight: bold;
  margin: 0;
  padding: 6px 13px;
}

.buy-popup-panel .image-cell,
.cpart.product-part .image-cell {
  background-color: #F2F2F2;
  padding-top: 15px;
  padding-bottom: 15px;
  align-items: center;
  display: flex;
  justify-content: center;
}
.buy-popup-panel .image-cell > img,
.cpart.product-part .image-cell > img {
  max-width: 100%;
}
.buy-popup-panel .badge-line,
.cpart.product-part .badge-line {
  min-height: 38px;
  padding-top: 10px;
}
.buy-popup-panel .badge-line .badge,
.cpart.product-part .badge-line .badge {
  vertical-align: bottom;
}
.buy-popup-panel .productno-line,
.cpart.product-part .productno-line {
  font-size: 14px;
  text-transform: uppercase;
}
.buy-popup-panel .productno-line .productno,
.cpart.product-part .productno-line .productno {
  font-weight: 300;
}
.buy-popup-panel .input-control,
.cpart.product-part .input-control {
  background-color: #161616;
  color: white;
  width: 38px;
  line-height: 38px;
  text-align: center;
  margin: 0 4px !important;
  border-radius: 0 !important;
}
.buy-popup-panel .form-control,
.cpart.product-part .form-control {
  border-color: #161616;
  border-radius: 0 !important;
  font-weight: bolder;
  font-size: 18px;
  padding-top: 0;
  padding-bottom: 0;
}
.buy-popup-panel .lead,
.cpart.product-part .lead {
  font-size: 16px;
  font-weight: normal;
  color: black;
  padding: 4px 0 2px 0;
}
.buy-popup-panel .prices .info,
.cpart.product-part .prices .info {
  font-size: 14px;
  font-weight: bold;
  color: #7c7c81;
}
.buy-popup-panel .prices .price,
.cpart.product-part .prices .price {
  margin-top: 8px;
  font-size: 26px;
}
.buy-popup-panel .prices .icon,
.cpart.product-part .prices .icon {
  color: #161616;
}
.buy-popup-panel .prices .static.margin,
.cpart.product-part .prices .static.margin {
  margin-left: 25px;
}
.buy-popup-panel .prices .normal,
.cpart.product-part .prices .normal {
  color: #f47521;
}
.buy-popup-panel .prices .display,
.cpart.product-part .prices .display {
  color: #7b7b80;
}
.buy-popup-panel .btn,
.cpart.product-part .btn {
  font-size: 18px;
  background: #161616;
  color: white;
}

.cpart.product-part .places {
  position: relative;
  background-color: transparent;
  border: 15px solid #DBDBDB;
  padding: 10px 8px;
  margin: 0.5rem 0;
  width: 100%;
}
.cpart.product-part .places::before, .cpart.product-part .places::after {
  display: block;
  position: absolute;
  width: 40%;
  left: 30%;
  height: 15px;
  background-color: white;
  content: " ";
}
.cpart.product-part .places::before {
  top: -15px;
}
.cpart.product-part .places::after {
  bottom: -15px;
}
.cpart.product-part .places-title {
  margin: 0 0 10px 0;
  color: #323232;
  font-family: "Raleway", sans-serif;
  font-size: 27px;
  font-weight: bold;
  line-height: 100%;
}
.cpart.product-part .place-item {
  display: flex;
  align-items: center;
}
.cpart.product-part .place {
  display: block;
  margin-right: auto;
}
.cpart.product-part .place .name {
  display: block;
  font-weight: bold;
}
.cpart.product-part .place .address {
  display: block;
}
.cpart.product-part .time {
  display: block;
  text-align: right;
}
.cpart.product-part .time > big {
  font-size: 120%;
  display: block;
}

.buy-popup-panel {
  padding: 0;
  min-width: 80vw;
}

.add-popup-panel {
  padding: 0;
  min-width: 80vw;
}
.add-popup-panel .vertr {
  border-right: 1px solid #A4A4A7;
}
.add-popup-panel .main-title {
  background-color: #161616;
  color: white;
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  padding: 16px 0;
  margin: 0;
}
.add-popup-panel table.price-grid {
  width: 100%;
  border-collapse: separate;
  border-spacing: 4px;
  margin: 0 -4px;
}
.add-popup-panel table.price-grid tr > td, .add-popup-panel table.price-grid tr > th {
  padding: 1px 15px;
  width: 50%;
}
.add-popup-panel table.price-grid tr > th {
  background-color: #ec97b5;
}
.add-popup-panel table.price-grid tr > td {
  background-color: #c1c1c3;
}
.add-popup-panel table.price-grid tr:nth-child(2n) > th {
  background-color: #f6ccdb;
}
.add-popup-panel table.price-grid tr:nth-child(2n) > td {
  background-color: #e1e1e2;
}
.add-popup-panel .sum-line {
  margin: 1rem 0;
  font-size: 22px;
  font-weight: bold;
}
.add-popup-panel .controls {
  margin: 1rem 0;
}
.add-popup-panel .product-image > img {
  max-width: 100%;
  border: 1px solid #A4A4A7;
}
.add-popup-panel .item-info-line {
  padding: 1px 0;
}
.add-popup-panel .item-info-line > .value {
  color: #f47521;
}
.add-popup-panel .btn {
  font-size: 18px;
}
.add-popup-panel .btn.btn-primary {
  background-color: #008300;
}
.add-popup-panel .btn.btn-secondary {
  background-color: #161616;
}

.cpart.product-part {
  margin-top: 1.5rem;
}
.cpart.product-part h1.title {
  margin-top: 0;
}

.basket-popup-panel {
  padding: 0 13px 15px 13px;
  min-width: 80vw;
}
.basket-popup-panel header.panel-title {
  margin-left: -13px;
  margin-right: -13px;
}
.basket-popup-panel .control {
  margin: 1rem 0;
}
.basket-popup-panel .control.hr {
  padding-bottom: 1rem;
  border-bottom: 1px solid #7b7b80;
}
.basket-popup-panel .control .info {
  color: #404040;
  font-weight: normal;
  text-align: left;
  font-size: 14px;
}
.basket-popup-panel .btn {
  border-radius: 0;
}
.basket-popup-panel .btn.btn-primary {
  font-size: 18px;
  background-color: #161616;
  color: white;
}
.basket-popup-panel .btn.btn-secondary {
  background-color: #161616;
  color: white;
}

.basket-panel .header {
  font-weight: bold;
  text-align: center;
  border-bottom: 2px solid #7b7b80;
}
.basket-panel .item {
  border-bottom: 1px solid #7b7b80;
  padding-bottom: 2px;
  padding-top: 2px;
}
.basket-panel .item .btn {
  border-radius: 0;
  --bs-btn-line-height: 1;
}
.basket-panel .item .btn.btn-info {
  color: #f4f4f4;
  background-color: #161616;
}
.basket-panel .item .btn.btn-danger {
  color: #161616;
  background-color: #f4f4f4;
}
.basket-panel .sum {
  margin-top: -2px;
  border-top: 1px solid #7b7b80;
  font-size: 120%;
  font-weight: bold;
  line-height: 2;
}

.flavour-line {
  display: block;
  padding: 2px 0;
}
.flavour-line h3.flavour-title {
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  margin: 0.3rem 0;
}
.flavour-line .flavour-list {
  margin-bottom: 0.6rem;
}
.flavour-line .flavour-label {
  display: inline-block;
  color: #161616;
  border: 1px solid #c7c7c7;
  border-radius: 0;
  padding: 2px 10px;
  cursor: pointer;
}
.flavour-line .flavour-label:hover {
  background-color: #b29766;
  color: white;
}
.flavour-line .flavour-label.checked {
  background-color: #7b7b80;
  color: white;
}
.flavour-line .flavour-label > input {
  display: none;
}

.product-gallery {
  display: grid;
  grid-template-rows: 1fr max-content;
  grid-template-columns: 40px auto 40px;
}
.product-gallery > .big-image {
  grid-row: 1;
  grid-column: 1/4;
  margin-bottom: 8px;
}
.product-gallery > .big-image > .big-image-body {
  display: flex;
  align-items: center;
  justify-content: center;
}
.product-gallery > .big-image > .big-image-body > img {
  display: block;
  margin: 0;
  padding: 0;
  border: 1px solid #7B7B80;
  max-width: 100%;
}
.product-gallery > .image-thread-panel {
  grid-row: 2;
  grid-column: 2;
  overflow: hidden;
  position: relative;
}
.product-gallery > .image-thread-panel > .image-thread {
  display: flex;
  position: relative;
  left: 0;
  top: 0;
  transition: left 0.5s, top 0.5s;
}
.product-gallery > .image-thread-panel > .image-thread > .image {
  position: relative;
  margin: 0 5px;
  flex-grow: 0;
  flex-basis: fit-content;
  flex-shrink: 0;
}
.product-gallery > .image-thread-panel > .image-thread > .image > img {
  display: block;
  margin: 0;
  padding: 0;
  border: 1px solid #7B7B80;
  width: auto;
}
.product-gallery > .image-thread-panel > .image-thread > .image > a {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.product-gallery > .image-thread-panel > .image-thread > .image > a:hover {
  background-color: rgba(255, 255, 255, 0.5);
}
.product-gallery > .thread-move {
  display: flex;
  background-color: #161616;
  color: white;
  align-items: center;
  justify-content: center;
  font-size: 32px;
}
.product-gallery > .thread-move.thread-left {
  grid-row: 2;
  grid-column: 1;
  margin-right: 2px;
}
.product-gallery > .thread-move.thread-right {
  grid-row: 2;
  grid-column: 3;
  margin-left: 2px;
}

.error-popup-panel {
  padding: 2rem;
  color: #b70909;
}
.error-popup-panel h1 {
  text-align: center;
}
.error-popup-panel .buy-error-details {
  font-size: 26px;
}

.badge {
  display: inline-block;
  padding: 0.35em 10px;
  border-radius: 0;
  border-top-right-radius: 9px;
  font-weight: bold;
  font-size: 12px;
  text-transform: uppercase;
}
.badge.info-badge {
  background-color: #008300;
}
.badge.alert-badge {
  background-color: #ff0000;
}

/**
 * Galéria
 */
.images {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 0;
}
.images > .image {
  position: relative;
  padding: 0 0 4px 0;
  text-align: center;
}
.images > .image.loading {
  visibility: hidden;
}
.images > .image > a {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.images > .image > img {
  width: 100%;
}

/**
 * Popup
 */
.gallery-frame {
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.7);
  animation-name: gallery-open;
  animation-duration: 300ms;
  z-index: 1000;
}
.gallery-frame.closing {
  animation-duration: 500ms;
  animation-name: gallery-close;
}
@keyframes gallery-open {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes gallery-close {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.gallery-frame .loader {
  display: none;
}
.gallery-frame.loading .loader {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 20;
  background-color: rgba(220, 220, 220, 0.5);
}
.gallery-frame > .image {
  position: absolute;
  left: 50%;
  top: 50%;
}
.gallery-frame > .image > img {
  display: block;
  margin-left: -50%;
}
.gallery-frame > .image > .loader {
  display: none;
  width: 50px;
  height: 50px;
  margin-top: -25px;
  margin-left: -25px;
  background-color: rgba(220, 220, 220, 0.5);
}
.gallery-frame > .image.loading > img {
  display: none;
}
.gallery-frame > .image.loading > .loader {
  display: block;
}
.gallery-frame > .image.in {
  animation-name: gallery-image-in;
  animation-duration: 500ms;
}
.gallery-frame > .image.in-left {
  animation-name: gallery-image-in-left;
  animation-duration: 700ms;
}
.gallery-frame > .image.in-right {
  animation-name: gallery-image-in-right;
  animation-duration: 700ms;
}
.gallery-frame > .image.out-left {
  animation-name: gallery-image-out-left;
  animation-duration: 700ms;
}
.gallery-frame > .image.out-right {
  animation-name: gallery-image-out-right;
  animation-duration: 700ms;
}
@keyframes gallery-image-in {
  from {
    top: 0%;
    opacity: 0;
  }
  to {
    opacity: 1;
    top: 50%;
  }
}
@keyframes gallery-image-in-left {
  from {
    left: -50%;
  }
  to {
    left: 50%;
  }
}
@keyframes gallery-image-in-right {
  from {
    left: 150%;
  }
  to {
    left: 50%;
  }
}
@keyframes gallery-image-out-left {
  from {
    /* left: 50%; */
  }
  to {
    left: -50%;
  }
}
@keyframes gallery-image-out-right {
  from {
    /* left: 50%; */
  }
  to {
    left: 150%;
  }
}
.gallery-frame a.slide-button {
  display: none;
}
@media (min-width: 768px) {
  .gallery-frame a.slide-button {
    display: none;
    position: absolute;
    z-index: 10;
    top: 0;
    bottom: 0;
    width: 10%;
    min-width: 50px;
    background-color: rgba(0, 0, 0, 0);
    opacity: 0.55;
    color: white;
    font-size: 120px;
    transition: opacity 0.2s, background-color 0.2s;
    justify-content: center;
    align-items: center;
  }
  .gallery-frame a.slide-button.left {
    left: 0;
  }
  .gallery-frame a.slide-button.right {
    right: 0;
  }
  .gallery-frame a.slide-button > span, .gallery-frame a.slide-button > i {
    display: block;
    text-decoration: none;
  }
  .gallery-frame a.slide-button:hover {
    background-color: rgba(0, 0, 0, 0.8);
    opacity: 1;
    text-decoration: none;
    transition: opacity 0.2s, background-color 0.2s;
  }
  .gallery-frame.has-left a.slide-button.left, .gallery-frame.has-right a.slide-button.right {
    display: flex;
  }
}
.gallery-frame .gallery-close {
  display: none;
  z-index: 11;
}
@media (min-width: 768px) {
  .gallery-frame .gallery-close {
    display: block;
    position: absolute;
    width: 30px;
    height: 30px;
    left: 10px;
    top: 10px;
    cursor: pointer;
  }
}
.gallery-frame .title {
  position: absolute;
  z-index: 2;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  color: white;
  background-color: black;
  opacity: 0;
  transition: opacity 0.5s;
  padding: 3px 0;
  font-size: 16px;
}
@media (min-width: 768px) {
  .gallery-frame .title {
    padding: 8px 0;
    font-size: 22px;
  }
}
.gallery-frame.show-title .title {
  opacity: 1;
}

body.hdn-site {
  background: white;
  background-attachment: fixed;
  /*
  	@include media-breakpoint-up(md) {
  		margin-top: $header-full-height;
  	}
  */
  font-family: "Barlow", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #333;
}

body.preview {
  margin: 1rem;
}
body.preview > pre {
  margin-top: 2rem;
}

.block {
  max-width: 1280px;
  margin: 0 auto;
}

a {
  transition: color 0.2s, background-color 0.2s;
  text-decoration: none;
}

.gothic-debug {
  background-color: #dddddd;
  color: black;
  border: 1px solid black;
  padding: 5px;
  white-space: pre-line;
}

/*
.clearfix:after {
	content: "";
	display: table;
	clear: both;
	visibility: hidden;
	border-collapse: collapse;
}
*/

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