.oembed.video,.oembed.codepen,.fr-video{display:block;width:100%;margin-bottom:0;height:0;overflow:hidden;padding-bottom:56.25%;position:relative}.oembed.video video,.oembed.codepen video,.fr-video video{width:100%}.oembed.video iframe,.oembed.codepen iframe,.fr-video iframe{border:none;height:100%;position:absolute;top:0;width:100%;left:0}img.fr-full-width{min-width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw !important;margin-right:-50vw !important}








/* Corner Stack v.1.0.1 */


/* General styles for the modal */

.corner-modal {
	position: fixed;
	z-index: 9999;
  transform: translateZ(0px);
	right: 0px;
  bottom: 0px;
	max-width: 320px;
	/*max-height:100%;*/
	visibility: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	margin:20px;
}

.corner-modal.corner-show{
	visibility: visible;
}

.corner-button {
	visibility: hidden;
	opacity: 0;
	z-index: 9998;
	transform: translateZ(0px);
	position: fixed;
	right:0px;
	bottom:0px;
	padding:10px 20px;
  margin: 20px;
	background: rgba(143,27,15,0.8);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
  cursor:pointer;
}

.corner-button.corner-tl,
.corner-button.corner-tr {
	margin-top: -60px;
}

.corner-button.corner-bl,
.corner-button.corner-br {
	margin-bottom: -60px;
}

.corner-button.corner-show {
	visibility: visible;
	opacity: 1;
}

.corner-button.corner-tl.corner-show,
.corner-button.corner-tr.corner-show {
	margin-top: 20px;
}

.corner-button.corner-bl.corner-show,
.corner-button.corner-br.corner-show {
	margin-bottom: 20px;
}

.corner-close {
	position:absolute;
	top:10px;
	right:10px;
	cursor:pointer;
}

.corner-overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	visibility: hidden;
	top: 0;
	left: 0;
	z-index: 1000;
	opacity: 0;
	background: rgba(143,27,15,0.8);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.corner-overlay.corner-show {
	opacity: 1;
	visibility: visible;
}

/* Content styles */
.corner-content {
	position: relative;
	margin: 0 auto;
  padding:30px 20px 20px 20px;
}

/*.corner-content > div {
	padding: 15px 40px 30px;
	margin: 0;
	font-weight: 300;
	font-size: 1.15em;
}*/

.corner-tl
{
	left: 0px;
  top: 0px;
  bottom: auto !important;
  right:auto !important;
}

.corner-tr
{
	left: auto !important;
  top: 0px;
  bottom: auto !important;
  right:0px;
}

.corner-br
{
	left: auto !important;
  top: auto !important;
  bottom: 0px;
  right:0px;
}

.corner-bl
{
	left: 0px;
  top: auto !important;
  bottom: 0px;
  right:auto !important;
}


/* Individual modal styles with animations/transitions */

/* Effect 1: Fade in and scale up */
.corner-effect-1 .corner-content {
	-webkit-transform: scale(0.7);
	-moz-transform: scale(0.7);
	-ms-transform: scale(0.7);
	transform: scale(0.7);
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.corner-show.corner-effect-1 .corner-content {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

/* Effect 2: Slide from the right */
.corner-effect-2 .corner-content {
	-webkit-transform: translateX(20%);
	-moz-transform: translateX(20%);
	-ms-transform: translateX(20%);
	transform: translateX(20%);
	opacity: 0;
	-webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
	-moz-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
	transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
}

.corner-show.corner-effect-2 .corner-content {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
	opacity: 1;
}

/* Effect 3: Slide from the bottom */
.corner-effect-3 .corner-content {
	-webkit-transform: translateY(20%);
	-moz-transform: translateY(20%);
	-ms-transform: translateY(20%);
	transform: translateY(20%);
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.corner-show.corner-effect-3 .corner-content {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
}

/* Effect 4: Newspaper */
.corner-effect-4 .corner-content {
	-webkit-transform: scale(0) rotate(720deg);
	-moz-transform: scale(0) rotate(720deg);
	-ms-transform: scale(0) rotate(720deg);
	transform: scale(0) rotate(720deg);
	opacity: 0;
}

.corner-show.corner-effect-4 ~ .corner-overlay,
.corner-effect-4 .corner-content {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.corner-show.corner-effect-4 .corner-content {
	-webkit-transform: scale(1) rotate(0deg);
	-moz-transform: scale(1) rotate(0deg);
	-ms-transform: scale(1) rotate(0deg);
	transform: scale(1) rotate(0deg);
	opacity: 1;
}

/* Effect 5: fall */
.corner-effect-5.corner-modal {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}

.corner-effect-5 .corner-content {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translateZ(600px) rotateX(20deg); 
	-moz-transform: translateZ(600px) rotateX(20deg); 
	-ms-transform: translateZ(600px) rotateX(20deg); 
	transform: translateZ(600px) rotateX(20deg); 
	opacity: 0;
}

.corner-show.corner-effect-5 .corner-content {
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	-webkit-transform: translateZ(0px) rotateX(0deg);
	-moz-transform: translateZ(0px) rotateX(0deg);
	-ms-transform: translateZ(0px) rotateX(0deg);
	transform: translateZ(0px) rotateX(0deg); 
	opacity: 1;
}

/* Effect 6: side fall */
.corner-effect-6.corner-modal {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}

.corner-effect-6 .corner-content {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translate(30%) translateZ(600px) rotate(10deg); 
	-moz-transform: translate(30%) translateZ(600px) rotate(10deg);
	-ms-transform: translate(30%) translateZ(600px) rotate(10deg);
	transform: translate(30%) translateZ(600px) rotate(10deg); 
	opacity: 0;
}

.corner-show.corner-effect-6 .corner-content {
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	-webkit-transform: translate(0%) translateZ(0) rotate(0deg);
	-moz-transform: translate(0%) translateZ(0) rotate(0deg);
	-ms-transform: translate(0%) translateZ(0) rotate(0deg);
	transform: translate(0%) translateZ(0) rotate(0deg);
	opacity: 1;
}

/* Effect 7:  slide and stick to top */
.corner-effect-7{
	top: 0;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

.corner-effect-7 .corner-content {
	-webkit-transform: translateY(-200%);
	-moz-transform: translateY(-200%);
	-ms-transform: translateY(-200%);
	transform: translateY(-200%);
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
	opacity: 0;
}

.corner-show.corner-effect-7 .corner-content {
	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	-ms-transform: translateY(0%);
	transform: translateY(0%);
	border-radius: 0 0 3px 3px;
	opacity: 1;
}

/* Effect 8: 3D flip horizontal */
.corner-effect-8.corner-modal {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}

.corner-effect-8 .corner-content {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: rotateY(-70deg);
	-moz-transform: rotateY(-70deg);
	-ms-transform: rotateY(-70deg);
	transform: rotateY(-70deg);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	opacity: 0;
}

.corner-show.corner-effect-8 .corner-content {
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);
	transform: rotateY(0deg);
	opacity: 1;
}

/* Effect 9: 3D flip vertical */
.corner-effect-9.corner-modal {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}

.corner-effect-9 .corner-content {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: rotateX(-70deg);
	-moz-transform: rotateX(-70deg);
	-ms-transform: rotateX(-70deg);
	transform: rotateX(-70deg);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	opacity: 0;
}

.corner-show.corner-effect-9 .corner-content {
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	-ms-transform: rotateX(0deg);
	transform: rotateX(0deg);
	opacity: 1;
}

/* Effect 10: 3D sign */
.corner-effect-10.corner-modal {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}

.corner-effect-10 .corner-content {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: rotateX(-60deg);
	-moz-transform: rotateX(-60deg);
	-ms-transform: rotateX(-60deg);
	transform: rotateX(-60deg);
	-webkit-transform-origin: 50% 0;
	-moz-transform-origin: 50% 0;
	transform-origin: 50% 0;
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.corner-show.corner-effect-10 .corner-content {
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	-ms-transform: rotateX(0deg);
	transform: rotateX(0deg);
	opacity: 1;
}

/* Effect 11: Super scaled */
.corner-effect-11 .corner-content {
	-webkit-transform: scale(2);
	-moz-transform: scale(2);
	-ms-transform: scale(2);
	transform: scale(2);
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.corner-show.corner-effect-11 .corner-content {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

/* Effect 12:  Just me */
.corner-effect-12 .corner-content {
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-ms-transform: scale(0.8);
	transform: scale(0.8);
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.corner-show.corner-effect-12 ~ .corner-overlay {
	background: #e74c3c;
} 

.corner-effect-12 .corner-content h3,
.corner-effect-12 .corner-content {
	background: transparent;
}

.corner-show.corner-effect-12 .corner-content {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

/* Effect 13: 3D slit */
.corner-effect-13.corner-modal {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}

.corner-effect-13 .corner-content {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translateZ(-3000px) rotateY(90deg);
	-moz-transform: translateZ(-3000px) rotateY(90deg);
	-ms-transform: translateZ(-3000px) rotateY(90deg);
	transform: translateZ(-3000px) rotateY(90deg);
	opacity: 0;
}

.corner-show.corner-effect-13 .corner-content {
	-webkit-animation: slit .7s forwards ease-out;
	-moz-animation: slit .7s forwards ease-out;
	animation: slit .7s forwards ease-out;
}

@-webkit-keyframes slit {
	50% { -webkit-transform: translateZ(-250px) rotateY(89deg); opacity: .5; -webkit-animation-timing-function: ease-out;}
	100% { -webkit-transform: translateZ(0) rotateY(0deg); opacity: 1; }
}

@-moz-keyframes slit {
	50% { -moz-transform: translateZ(-250px) rotateY(89deg); opacity: .5; -moz-animation-timing-function: ease-out;}
	100% { -moz-transform: translateZ(0) rotateY(0deg); opacity: 1; }
}

@keyframes slit {
	50% { transform: translateZ(-250px) rotateY(89deg); opacity: 1; animation-timing-function: ease-in;}
	100% { transform: translateZ(0) rotateY(0deg); opacity: 1; }
}

/* Effect 14:  3D Rotate from bottom */
.corner-effect-14.corner-modal {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}

.corner-effect-14 .corner-content {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translateY(100%) rotateX(90deg);
	-moz-transform: translateY(100%) rotateX(90deg);
	-ms-transform: translateY(100%) rotateX(90deg);
	transform: translateY(100%) rotateX(90deg);
	-webkit-transform-origin: 0 100%;
	-moz-transform-origin: 0 100%;
	transform-origin: 0 100%;
	opacity: 0;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.corner-show.corner-effect-14 .corner-content {
	-webkit-transform: translateY(0%) rotateX(0deg);
	-moz-transform: translateY(0%) rotateX(0deg);
	-ms-transform: translateY(0%) rotateX(0deg);
	transform: translateY(0%) rotateX(0deg);
	opacity: 1;
}

/* Effect 15:  3D Rotate in from left */
.corner-effect-15.corner-modal {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}

.corner-effect-15 .corner-content {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translateZ(100px) translateX(-30%) rotateY(90deg);
	-moz-transform: translateZ(100px) translateX(-30%) rotateY(90deg);
	-ms-transform: translateZ(100px) translateX(-30%) rotateY(90deg);
	transform: translateZ(100px) translateX(-30%) rotateY(90deg);
	-webkit-transform-origin: 0 100%;
	-moz-transform-origin: 0 100%;
	transform-origin: 0 100%;
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.corner-show.corner-effect-15 .corner-content {
	-webkit-transform: translateZ(0px) translateX(0%) rotateY(0deg);
	-moz-transform: translateZ(0px) translateX(0%) rotateY(0deg);
	-ms-transform: translateZ(0px) translateX(0%) rotateY(0deg);
	transform: translateZ(0px) translateX(0%) rotateY(0deg);
	opacity: 1;
}

/* Effect 16:  Blur */
.corner-show.corner-effect-16 ~ .corner-overlay {
	background: rgba(180,46,32,0.5);
}

.corner-show.corner-effect-16 ~ .container {
	-webkit-filter: blur(3px);
	-moz-filter: blur(3px);
	filter: blur(3px);
}

.corner-effect-16 .corner-content {
	-webkit-transform: translateY(-5%);
	-moz-transform: translateY(-5%);
	-ms-transform: translateY(-5%);
	transform: translateY(-5%);
	opacity: 0;
}

.corner-show.corner-effect-16 ~ .container,
.corner-effect-16 .corner-content {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.corner-show.corner-effect-16 .corner-content {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
}

/* Effect 17:  Slide in from bottom with perspective on container */
.corner-show.corner-effect-17 ~ .container {
	height: 100%;
	overflow: hidden;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
}	

.corner-show.corner-effect-17 ~ .container,
.corner-show.corner-effect-17 ~ .corner-overlay  {
	-webkit-transform: rotateX(-2deg);
	-moz-transform: rotateX(-2deg);
	-ms-transform: rotateX(-2deg);
	transform: rotateX(-2deg);
	-webkit-transform-origin: 50% 0%;
	-moz-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.corner-effect-17 .corner-content {
	opacity: 0;
	-webkit-transform: translateY(200%);
	-moz-transform: translateY(200%);
	-ms-transform: translateY(200%);
	transform: translateY(200%);
}

.corner-show.corner-effect-17 .corner-content {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
	-webkit-transition: all 0.3s 0.2s;
	-moz-transition: all 0.3s 0.2s;
	transition: all 0.3s 0.2s;
}

/* Effect 18:  Slide from right with perspective on container */
.corner-show.corner-effect-18 ~ .container {
	height: 100%;
	overflow: hidden;
}

.corner-show.corner-effect-18 ~ .corner-overlay {
	background: rgba(143,27,15,0.8);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.corner-show.corner-effect-18 ~ .container,
.corner-show.corner-effect-18 ~ .corner-overlay {
	-webkit-transform-style: preserve-3d;
	-webkit-transform-origin: 0% 50%;
	-webkit-animation: rotateRightSideFirst 0.5s forwards ease-in;
	-moz-transform-style: preserve-3d;
	-moz-transform-origin: 0% 50%;
	-moz-animation: rotateRightSideFirst 0.5s forwards ease-in;
	transform-style: preserve-3d;
	transform-origin: 0% 50%;
	animation: rotateRightSideFirst 0.5s forwards ease-in;
}

@-webkit-keyframes rotateRightSideFirst {
	50% { -webkit-transform: translateZ(-50px) rotateY(5deg); -webkit-animation-timing-function: ease-out; }
	100% { -webkit-transform: translateZ(-200px); }
}

@-moz-keyframes rotateRightSideFirst {
	50% { -moz-transform: translateZ(-50px) rotateY(5deg); -moz-animation-timing-function: ease-out; }
	100% { -moz-transform: translateZ(-200px); }
}

@keyframes rotateRightSideFirst {
	50% { transform: translateZ(-50px) rotateY(5deg); animation-timing-function: ease-out; }
	100% { transform: translateZ(-200px); }
}

.corner-effect-18 .corner-content {
	-webkit-transform: translateX(200%);
	-moz-transform: translateX(200%);
	-ms-transform: translateX(200%);
	transform: translateX(200%);
	opacity: 0;
}

.corner-show.corner-effect-18 .corner-content {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
	opacity: 1;
	-webkit-transition: all 0.5s 0.1s;
	-moz-transition: all 0.5s 0.1s;
	transition: all 0.5s 0.1s;
}

/* Effect 19:  Slip in from the top with perspective on container */
.corner-show.corner-effect-19 ~ .container {
	height: 100%;
	overflow: hidden;
}

.corner-show.corner-effect-19 ~ .corner-overlay {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.corner-show.corner-effect-19 ~ .container,
.corner-show.corner-effect-19 ~ .corner-overlay {
	-webkit-transform-style: preserve-3d;
	-webkit-transform-origin: 50% 100%;
	-webkit-animation: OpenTop 0.5s forwards ease-in;
	-moz-transform-style: preserve-3d;
	-moz-transform-origin: 50% 100%;
	-moz-animation: OpenTop 0.5s forwards ease-in;
	transform-style: preserve-3d;
	transform-origin: 50% 100%;
	animation: OpenTop 0.5s forwards ease-in;
}

@-webkit-keyframes OpenTop {
	50% { 
		-webkit-transform: rotateX(10deg); 
		-webkit-animation-timing-function: ease-out; 
	}
}

@-moz-keyframes OpenTop {
	50% { 
		-moz-transform: rotateX(10deg); 
		-moz-animation-timing-function: ease-out; 
	}
}

@keyframes OpenTop {
	50% { 
		transform: rotateX(10deg); 
		animation-timing-function: ease-out; 
	}
}

.corner-effect-19 .corner-content {
	-webkit-transform: translateY(-200%);
	-moz-transform: translateY(-200%);
	-ms-transform: translateY(-200%);
	transform: translateY(-200%);
	opacity: 0;
}

.corner-show.corner-effect-19 .corner-content {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
	-webkit-transition: all 0.5s 0.1s;
	-moz-transition: all 0.5s 0.1s;
	transition: all 0.5s 0.1s;
}







:root{--light-gray:rgba(239, 239, 239, 1.00);--medium-gray:rgba(208, 208, 208, 1.00);--dark-gray:rgba(83, 83, 83, 1.00);--black:rgba(0, 0, 0, 1.00);--black-color:var(--black);--white:rgba(254, 254, 254, 1.00);--white-color:var(--white);--primary:rgba(143, 119, 102, 1.00);--secondary:rgba(255, 255, 255, 1.00);--success:rgba(147, 161, 151, 1.00);--warning:rgba(240, 138, 36, 1.00);--alert:rgba(178, 168, 147, 1.00);--primary-contrast:rgba(255, 255, 255, 1.00);--secondary-contrast:rgba(64, 128, 2, 1.00);--success-contrast:rgba(254, 254, 254, 1.00);--warning-contrast:rgba(254, 254, 254, 1.00);--alert-contrast:rgba(255, 255, 255, 1.00);--primary-dark:rgba(113, 89, 72, 1.00);--secondary-dark:rgba(225, 225, 225, 1.00);--success-dark:rgba(117, 131, 121, 1.00);--warning-dark:rgba(210, 108, 6, 1.00);--alert-dark:rgba(148, 138, 117, 1.00);--header-color:rgba(0, 0, 0, 1.00);--subheader-color:rgba(138, 138, 138, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(0, 0, 0, 1.00);--link-color:rgba(0, 102, 136, 1.00);--link-color-hover:rgba(0, 102, 136, 1.00);--selection-background:var(--primary);--selection-text:var(--primary-contrast);--link-decoration:none;--link-decoration-hover:none;--overlay-color:rgba(0, 0, 0, 0.40);--radius:7px;--small-gutter:2.5rem;--medium-gutter:2.5rem;--large-gutter:2.5rem;--site-width:calc(1320rem/16);}::selection{background:var(--selection-background);color:var(--selection-text)}.alt{--header-color:rgba(255, 255, 255, 1.00);--subheader-color:rgba(255, 255, 255, 1.00);--small-color:rgba(255, 255, 255, 1.00);--text-color:rgba(255, 255, 255, 1.00);--link-color:rgba(0, 102, 136, 1.00);--link-color-hover:rgba(0, 102, 136, 1.00);--link-decoration:none;--link-decoration-hover:none}.grid-container{max-width:var(--site-width)}.radius{border-radius:var(--radius)}body{font-size:calc(18rem/16)}h1,.h1{font-size:calc(24rem/16)}h2,.h2{font-size:calc(20rem/16)}h3,.h3{font-size:calc(19rem/16)}h4,.h4{font-size:calc(18rem/16)}h5,.h5{font-size:calc(17rem/16)}h6,.h6{font-size:calc(16rem/16)}small{font-size:40%}.button{font-size:calc(15rem/16)}.button.tiny{font-size:calc(12rem/16)}.button.small{font-size:calc(14rem/16)}.button.large{font-size:calc(18rem/16)}@media only screen and (min-width:40em){body{font-size:calc(18rem/16)}h1,.h1{font-size:calc(48rem/16)}h2,.h2{font-size:calc(40rem/16)}h3,.h3{font-size:calc(31rem/16)}h4,.h4{font-size:calc(25rem/16)}h5,.h5{font-size:calc(20rem/16)}h6,.h6{font-size:calc(16rem/16)}small{font-size:30%}}@media only screen and (min-width:64em){body{font-size:calc(18rem/16)}h1,.h1{font-size:calc(48rem/16)}h2,.h2{font-size:calc(40rem/16)}h3,.h3{font-size:calc(31rem/16)}h4,.h4{font-size:calc(25rem/16)}h5,.h5{font-size:calc(20rem/16)}h6,.h6{font-size:calc(16rem/16)}small{font-size:30%}}a{color:var(--link-color);-webkit-text-decoration:var(--link-decoration);text-decoration:var(--link-decoration)}a:hover,a:focus{color:var(--link-color-hover);-webkit-text-decoration:var(--link-decoration-hover);text-decoration:var(--link-decoration-hover)}.menu a{color:var(--menu-link-color);background:var(--menu-bg-color)}.menu a:hover{color:var(--menu-link-color-hover)}h1,h2,h3,h4,h5,h6{color:var(--header-color)}small{color:var(--small-color)}.subheader{color:var(--subheader-color)}.text ul,.text ol{list-style-position:outside}.text>ul,.text>ol,.text .mez>div>ul,.text .mez>div>ol{margin-left:1.25rem}.text ul{list-style-type:disc}.text ul ul,.text ol ul{list-style-type:circle}.text ol{list-style-type:decimal}.text ol ol,.text ul ol{list-style-type:lower-alpha}.radius,.radius:before,.radius:after{border-radius:calc(7rem/16)}body{}
/*!* Font Awesome Pro 5.14.0 by @fontawesome - https://fontawesome.com* License - https://fontawesome.com/license (Commercial License)*/@font-face{font-family:'Font Awesome 5 Brands';font-style:normal;font-weight:400;font-display:block;src:url("../rw_common/plugins/stacks/fa5-fonts/fa-brands-400.eot");src:url("../rw_common/plugins/stacks/fa5-fonts/fa-brands-400.eot?#iefix") format("embedded-opentype"),url("../rw_common/plugins/stacks/fa5-fonts/fa-brands-400.woff2") format("woff2"),url("../rw_common/plugins/stacks/fa5-fonts/fa-brands-400.woff") format("woff"),url("../rw_common/plugins/stacks/fa5-fonts/fa-brands-400.ttf") format("truetype"),url("../rw_common/plugins/stacks/fa5-fonts/fa-brands-400.svg#fontawesome") format("svg")}.fab{font-family:'Font Awesome 5 Brands';font-weight:400}@font-face{font-family:'Font Awesome 5 Pro';font-style:normal;font-weight:300;font-display:block;src:url("../rw_common/plugins/stacks/fa5-fonts/fa-light-300.eot");src:url("../rw_common/plugins/stacks/fa5-fonts/fa-light-300.eot?#iefix") format("embedded-opentype"),url("../rw_common/plugins/stacks/fa5-fonts/fa-light-300.woff2") format("woff2"),url("../rw_common/plugins/stacks/fa5-fonts/fa-light-300.woff") format("woff"),url("../rw_common/plugins/stacks/fa5-fonts/fa-light-300.ttf") format("truetype"),url("../rw_common/plugins/stacks/fa5-fonts/fa-light-300.svg#fontawesome") format("svg")}.fal{font-family:'Font Awesome 5 Pro';font-weight:300}@font-face{font-family:'Font Awesome 5 Pro';font-style:normal;font-weight:900;font-display:block;src:url("../rw_common/plugins/stacks/fa5-fonts/fa-solid-900.eot");src:url("../rw_common/plugins/stacks/fa5-fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"),url("../rw_common/plugins/stacks/fa5-fonts/fa-solid-900.woff2") format("woff2"),url("../rw_common/plugins/stacks/fa5-fonts/fa-solid-900.woff") format("woff"),url("../rw_common/plugins/stacks/fa5-fonts/fa-solid-900.ttf") format("truetype"),url("../rw_common/plugins/stacks/fa5-fonts/fa-solid-900.svg#fontawesome") format("svg")}.fa,.fas{font-family:'Font Awesome 5 Pro';font-weight:900} .main-menu a:after, .ico-arrow:after,.label:before, .accordion-title:before, .quote-solid-before, .quote-solid-after, .ico-angle-down>a:after, .overlay-color:before, is-accordion-submenu-parent>a::after{font-family:'Font Awesome 5 Pro' !important;font-weight:900} 

form.blog-filter-form input,form.blog-filter-form select,form.blog-filter-form textarea,form.datastore-form input,form.datastore-form select,form.datastore-form textarea{padding:0.50rem;border-width:1px;border-radius:0px;margin-bottom:1.00rem;font-size:0.90rem;background-color:rgba(255, 255, 255, 1.00);border-color:rgba(204, 204, 204, 1.00);color:rgba(34, 34, 34, 1.00)}form.blog-filter-form select,form.datastore-form select{padding-right:1.5rem}form.blog-filter-form input,form.blog-filter-form select,form.datastore-form input,form.datastore-form select{height:2.30rem}form.blog-filter-form::placeholder,form.datastore-form::placeholder{color:rgba(204, 204, 204, 1.00)}form.blog-filter-form:-ms-input-placeholder,form.datastore-form:-ms-input-placeholder{color:rgba(204, 204, 204, 1.00)}form.blog-filter-form::-ms-input-placeholder,form.datastore-form::-ms-input-placeholder{color:rgba(204, 204, 204, 1.00)}
@font-face{font-style:normal;font-family:'Poppins';font-display:swap;font-stretch:normal;font-weight:400;src:local('Poppins'),url('https://whk-bau.de/assets/fonts/poppins-400.woff') format('woff2')}@font-face{font-style:normal;font-family:'Poppins';font-display:swap;font-stretch:normal;font-weight:700;src:local('MyFont Bold'),url('https://whk-bau.de/assets/fonts/poppins-700.woff') format('woff2')} p,.p, h1,.h1, h2,.h2, h3,.h3, h4,.h4, h5,.h5, h6,.h6,     .page-font{font-family:"Poppins",ui-sans-serif, system-ui, -system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" }
/* custom stuff */


#corner-stacks_in_494 .corner-modal
{
  z-index: 9999;
  max-width:400px;
  max-height:800px;
}



#corner-stacks_in_494 .corner-content {
	border:1px solid rgba(0, 0, 0, 0.40);
	border-radius:2px;
  background-color:rgba(255, 255, 255, 1.00);
  color: rgba(102, 102, 102, 1.00);
  overflow:auto;
}

#corner-stacks_in_494 .corner-button
{
	font-family: Helvetica;
	font-size: 14px;
  font-weight: 700;
	border:2px solid rgba(255, 255, 255, 0.40);
	border-radius:22px;
  background-color:rgba(161, 138, 121, 1.00);
  color: rgba(255, 255, 255, 1.00);
  padding-top: 10px;
  padding-right: 20px;
  padding-bottom: 10px;
  padding-left: 20px;
  margin-top: 20px;
  margin-right: 20px;
  margin-bottom: 20px;
  margin-left: 20px;
  z-index: 9998;
}


#corner-stacks_in_494 .corner-button.corner-tl,
#corner-stacks_in_494 .corner-button.corner-tr {
  margin-top: -60px;
}

#corner-stacks_in_494 .corner-button.corner-bl,
#corner-stacks_in_494 .corner-button.corner-br {
  margin-bottom: -60px;
}


#corner-stacks_in_494 .corner-content {
	padding-top: 30px;
  padding-right: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  margin-top: 20px;
  margin-right: 20px;
  margin-bottom: 20px;
  margin-left: 20px;
}

#corner-stacks_in_494 .corner-button.corner-tl.corner-show,
#corner-stacks_in_494 .corner-button.corner-tr.corner-show {
  margin-top: 20px;
}

#corner-stacks_in_494 .corner-button.corner-bl.corner-show,
#corner-stacks_in_494 .corner-button.corner-br.corner-show {
  margin-bottom: 20px;
}


/* hide the text in button on smaller screens */
@media only screen and (max-width: 770px)  
{ 
  #corner-stacks_in_494 .corner-modal
  {
    width:100%;
    max-width:100%;
    max-height:100%;
    margin:0;
  }

  #corner-stacks_in_494 .corner-content
  {
    margin:4px;
  }

  #corner-stacks_in_494 span.corner-label { 
    display:none; 
  }
}





.navbar{background-color:rgba(255, 255, 255, 1.00) !important;background-position:center center !important;background-origin:padding-box !important;background-blend-mode:normal !important;background-attachment:scroll   !important;-webkit-background-clip:border-box !important;background-clip:border-box !important;}@media (hover:none) and (pointer:coarse){.navbar{background-attachment:scroll!important}}
.navbar{padding-top:0.5rem ;padding-bottom:0.5rem ;}  

 .main-menu>.menu a, .menu.main-menu a{--menu-link-color:rgba(51, 51, 51, 1.00);--menu-link-color-hover:rgba(143, 119, 102, 1.00);--menu-bg-color:rgba(255, 255, 255, 0.74);--menu-caret-color:rgba(143, 119, 102, 1.00);--menu-border-accent:2px solid var(--menu-link-color)} .main-menu>.menu .menu-text, .menu.main-menu .menu-text{--menu-text-color:rgba(51, 51, 51, 1.00)} .main-menu>.menu a:hover, .menu.main-menu a:hover{--menu-bg-color:rgba(255, 255, 255, 1.00)} .main-menu>.menu .submenu a:hover, .menu.main-menu .submenu a:hover{--menu-bg-color:rgba(255, 255, 255, 1.00)} .main-menu>.menu>li>a, .menu.main-menu>li>a{padding-top:0.75rem;padding-bottom:0.75rem} .main-menu>.menu .submenu>li>a, .menu.main-menu .submenu>li>a{padding-top:0.75rem;padding-bottom:0.75rem} .main-menu>.menu li.active>a, .main-menu>.menu li.is-active>a, .main-menu>.menu a.is-active, .menu.main-menu li.active>a, .menu.main-menu li.is-active>a, .menu.main-menu a.is-active{--menu-bg-color:rgba(143, 119, 102, 1.00);--menu-link-color:rgba(255, 255, 255, 1.00);--menu-caret-color:rgba(255, 255, 255, 1.00);--menu-link-color-hover:rgba(255, 255, 255, 1.00)} .main-menu>.menu .submenu li.active>a, .main-menu>.menu .submenu li.is-active>a, .main-menu>.menu .submenu a.is-active, .menu.main-menu .submenu li.active>a, .menu.main-menu .submenu li.is-active>a, .menu.main-menu .submenu a.is-active{--menu-caret-color:rgba(255, 255, 255, 1.00)} .main-menu>.menu .submenu a, .menu.main-menu .submenu a{--menu-caret-color:rgba(143, 119, 102, 1.00)} .main-menu>.menu .submenu, .menu.main-menu .submenu{--submenu-bg-color:rgba(255, 255, 255, 0.75);--submenu-border:0px solid rgba(128, 128, 128, 1.00)} .main-menu>.menu .submenu a, .menu.main-menu .submenu a{--menu-bg-color:transparent;--menu-link-color:rgba(51, 51, 51, 1.00);--menu-link-color-hover:rgba(143, 119, 102, 1.00)} .main-menu>.menu .submenu .menu-text, .menu.main-menu .submenu .menu-text{--menu-text-color:rgba(51, 51, 51, 1.00)} .main-menu>.menu .submenu li.active>a, .main-menu>.menu .submenu li.is-active>a, .main-menu>.menu .submenu a.is-active, .menu.main-menu .submenu li.active>a, .menu.main-menu .submenu li.is-active>a, .menu.main-menu .submenu a.is-active{--menu-caret-color:rgba(255, 255, 255, 1.00);--menu-bg-color:rgba(143, 119, 102, 1.00);--menu-link-color:rgba(255, 255, 255, 1.00);--menu-link-color-hover:rgba(255, 255, 255, 1.00)}

            .main-menu{font-size:calc(16rem/16) ;}@media only screen and (min-width:40em) {            .main-menu{font-size:calc(16rem/16) ;line-height:1.50 }}@media only screen and (min-width:64em) {            .main-menu{font-size:calc(16rem/16) ;line-height:1.50 }}

@media screen and (min-width: 64em){.main-menu a{margin-top:0.00px ;margin-right:0.00px ;margin-bottom:0.00px ;margin-left:0.00px ;}}@media only screen and (min-width:40em){.main-menu a{margin-top:0.00px ;margin-right:0.00px ;margin-bottom:0.00px ;margin-left:0.00px }}@media only screen and (min-width:64em){.main-menu a{margin-top:0.00px ;margin-right:2.00px ;margin-bottom:0.00px ;margin-left:2.00px }}
@media screen and (min-width: 64em){.main-menu .is-dropdown-submenu-parent a{margin:0 ;}}  

@media screen and (min-width: 64em){.border-left{border-color:rgba(255, 255, 10, 1.00) ;border-left-width:1px ;border-left-style:solid ;}}

.main-menu .highlight a{color:rgba(127, 127, 127, 1.00) !important;}
.main-menu .highlight{border-color:var(--primary) !important;border-width:2px !important;border-style:solid !important;}
@media screen and (min-width: 64em){.main-menu .highlight a{margin:0 ;}}  

@media screen and (min-width: 64em){.split-right{position: absolute   ;z-index:1 ;top:unset ;bottom:unset ;left:unset ;right:0px ;}}
@media screen and (min-width: 64em){.split-left{position: absolute   ;z-index:1 ;top:unset ;bottom:unset ;left:0px ;right:unset ;}}

.main-menu a{transition:all 150ms ease-in-out 0ms }
.logoSize{width:100.00px ;}@media only screen and (min-width:40em){.logoSize{width:125.00px }}@media only screen and (min-width:64em){.logoSize{width:160.00px }}


@media screen and (max-width: 63.9375em){.js-off-canvas-overlay{background-color:rgba(64, 128, 2, 1.00) !important;background-position:center center !important;background-origin:padding-box !important;background-blend-mode:normal !important;background-attachment:scroll   !important;-webkit-background-clip:border-box !important;background-clip:border-box !important;}}@media (hover:none) and (pointer:coarse){.js-off-canvas-overlay{background-attachment:scroll!important}}
.js-off-canvas-overlay{z-index:9999 }
@media screen and (min-width: 64em){#side-menu + .js-off-canvas-overlay{display:none !important}} 

@media screen and (max-width: 63.9375em){#side-menu{background-color:var(--white) !important;background-color:rgba(255, 255, 255, 1.00) !important;background-position:center center !important;background-origin:padding-box !important;background-blend-mode:normal !important;background-attachment:scroll   !important;-webkit-background-clip:border-box !important;background-clip:border-box !important;}}@media (hover:none) and (pointer:coarse){#side-menu{background-attachment:scroll!important}}
#side-menu{ overflow-x :hidden }
#side-menu{z-index:99999 !important}
#side-menu{box-shadow:unset !important}

@media screen and (max-width: 63.9375em){#side-menu .main-menu a{border-color:rgba(255, 255, 255, 1.00) ;border-bottom-width:1px ;border-bottom-style:solid ;}}
@media screen and (max-width: 63.9375em){#side-menu .main-menu a{padding-top:1rem !important;padding-bottom:1rem !important;}}  
.stacks_in_196_76{--offcanvas-size-small:0px;--offcanvas-size-medium:400px;--offcanvas-size-large:0px;--offcanvas-size-small:100%;}



.stacks_in_196_96 > .grid-divider-wrapper > .grid-divider{height:calc(100% - 2rem)}






.hero-banner{background-repeat:no-repeat    !important;background-image:url('') !important;background-repeat:no-repeat    !important;background-position:center center !important;background-origin:padding-box !important;background-blend-mode:normal !important;background-attachment:scroll   !important;-webkit-background-clip:border-box !important;background-clip:border-box !important; background-size:  cover !important; }@media (hover:none) and (pointer:coarse){.hero-banner{background-attachment:scroll!important}}
.hero-banner{padding-top:70.00px ;padding-right:20.00px ;padding-bottom:70.00px ;padding-left:20.00px ;}@media only screen and (min-width:40em){.hero-banner{padding-top:100.00px ;padding-right:32.00px ;padding-bottom:100.00px ;padding-left:32.00px }}@media only screen and (min-width:64em){.hero-banner{padding-top:150.00px ;padding-right:32.00px ;padding-bottom:150.00px ;padding-left:32.00px }}
.hero-banner{position:relative;z-index:0}.hero-banner:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;z-index:-1;opacity:1.00 ; background-image: linear-gradient(0deg, #ffffff00 0%, #00000099 100%); }
            .herobanner-headlines{font-size:calc(45rem/16) ;}@media only screen and (min-width:40em) {            .herobanner-headlines{font-size:calc(55rem/16) ;line-height:1.50 }}@media only screen and (min-width:64em) {            .herobanner-headlines{font-size:calc(55rem/16) ;line-height:1.50 }}

.background-section{background-color:rgba(255, 255, 255, 1.00) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll   ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.background-section{background-attachment:scroll!important}}
.textcolors-section{--header-color:rgba(51, 51, 51, 1.00);--subheader-color:rgba(138, 138, 138, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(51, 51, 51, 1.00);--link-color:rgba(64, 128, 2, 1.00);--link-color-hover:rgba(64, 128, 2, 1.00);--link-decoration:none;--link-decoration-hover:none}
.section-padding{padding-top:4rem ;padding-bottom:2rem ;}  
            .facts-header{font-size:calc(30rem/16) ;font-weight:700 ;}@media only screen and (min-width:40em) {            .facts-header{font-size:calc(35rem/16) ;line-height:1.50 }}@media only screen and (min-width:64em) {            .facts-header{font-size:calc(40rem/16) ;line-height:1.50 }}
            .note-header{font-size:calc(20rem/16) ;font-weight:700 ;}@media only screen and (min-width:40em) {            .note-header{font-size:calc(20rem/16) ;line-height:1.50 }}@media only screen and (min-width:64em) {            .note-header{font-size:calc(25rem/16) ;line-height:1.50 }}
.facts-boarder{border-color:rgba(255, 255, 255, 1.00) ;border-width:1px ;border-style:solid ;border-radius:0px ;}
.facts-ratio{display:flex;align-items:flex-start;aspect-ratio:16/16;}


.background-section{background-color:rgba(255, 255, 255, 1.00) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll   ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.background-section{background-attachment:scroll!important}}
.textcolors-section{--header-color:rgba(51, 51, 51, 1.00);--subheader-color:rgba(138, 138, 138, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(51, 51, 51, 1.00);--link-color:rgba(64, 128, 2, 1.00);--link-color-hover:rgba(64, 128, 2, 1.00);--link-decoration:none;--link-decoration-hover:none}
.section-padding{padding-top:4rem ;padding-bottom:2rem ;}  
            .facts-header{font-size:calc(30rem/16) ;font-weight:700 ;}@media only screen and (min-width:40em) {            .facts-header{font-size:calc(35rem/16) ;line-height:1.50 }}@media only screen and (min-width:64em) {            .facts-header{font-size:calc(40rem/16) ;line-height:1.50 }}
            .sortiment-header{font-size:calc(20rem/16) ;font-weight:700 ;}@media only screen and (min-width:40em) {            .sortiment-header{font-size:calc(25rem/16) ;line-height:1.50 }}@media only screen and (min-width:64em) {            .sortiment-header{font-size:calc(25rem/16) ;line-height:1.50 }}
            .note-header{font-size:calc(20rem/16) ;font-weight:700 ;}@media only screen and (min-width:40em) {            .note-header{font-size:calc(20rem/16) ;line-height:1.50 }}@media only screen and (min-width:64em) {            .note-header{font-size:calc(25rem/16) ;line-height:1.50 }}
.facts-boarder{border-color:rgba(255, 255, 255, 1.00) ;border-width:1px ;border-style:solid ;border-radius:0px ;}
.facts-ratio{display:flex;align-items:flex-start;aspect-ratio:16/16;}


.background-section{background-color:rgba(255, 255, 255, 1.00) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll   ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.background-section{background-attachment:scroll!important}}
.textcolors-section{--header-color:rgba(51, 51, 51, 1.00);--subheader-color:rgba(138, 138, 138, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(51, 51, 51, 1.00);--link-color:rgba(64, 128, 2, 1.00);--link-color-hover:rgba(64, 128, 2, 1.00);--link-decoration:none;--link-decoration-hover:none}
.section-padding{padding-top:4rem ;padding-bottom:2rem ;}  
            .facts-header{font-size:calc(30rem/16) ;font-weight:700 ;}@media only screen and (min-width:40em) {            .facts-header{font-size:calc(35rem/16) ;line-height:1.50 }}@media only screen and (min-width:64em) {            .facts-header{font-size:calc(40rem/16) ;line-height:1.50 }}
            .sortiment-header{font-size:calc(20rem/16) ;font-weight:700 ;}@media only screen and (min-width:40em) {            .sortiment-header{font-size:calc(25rem/16) ;line-height:1.50 }}@media only screen and (min-width:64em) {            .sortiment-header{font-size:calc(25rem/16) ;line-height:1.50 }}
            .note-header{font-size:calc(20rem/16) ;font-weight:700 ;}@media only screen and (min-width:40em) {            .note-header{font-size:calc(20rem/16) ;line-height:1.50 }}@media only screen and (min-width:64em) {            .note-header{font-size:calc(25rem/16) ;line-height:1.50 }}
.facts-boarder{border-color:rgba(255, 255, 255, 1.00) ;border-width:1px ;border-style:solid ;border-radius:0px ;}
.facts-ratio{display:flex;align-items:flex-start;aspect-ratio:16/16;}


.background-section{background-color:rgba(255, 255, 255, 1.00) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll   ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.background-section{background-attachment:scroll!important}}
.textcolors-section{--header-color:rgba(51, 51, 51, 1.00);--subheader-color:rgba(138, 138, 138, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(51, 51, 51, 1.00);--link-color:rgba(64, 128, 2, 1.00);--link-color-hover:rgba(64, 128, 2, 1.00);--link-decoration:none;--link-decoration-hover:none}
.section-padding{padding-top:4rem ;padding-bottom:2rem ;}  
            .facts-header{font-size:calc(30rem/16) ;font-weight:700 ;}@media only screen and (min-width:40em) {            .facts-header{font-size:calc(35rem/16) ;line-height:1.50 }}@media only screen and (min-width:64em) {            .facts-header{font-size:calc(40rem/16) ;line-height:1.50 }}
            .sortiment-header{font-size:calc(20rem/16) ;font-weight:700 ;}@media only screen and (min-width:40em) {            .sortiment-header{font-size:calc(25rem/16) ;line-height:1.50 }}@media only screen and (min-width:64em) {            .sortiment-header{font-size:calc(25rem/16) ;line-height:1.50 }}
            .note-header{font-size:calc(20rem/16) ;font-weight:700 ;}@media only screen and (min-width:40em) {            .note-header{font-size:calc(20rem/16) ;line-height:1.50 }}@media only screen and (min-width:64em) {            .note-header{font-size:calc(25rem/16) ;line-height:1.50 }}
.facts-boarder{border-color:rgba(255, 255, 255, 1.00) ;border-width:1px ;border-style:solid ;border-radius:0px ;}
.facts-ratio{display:flex;align-items:flex-start;aspect-ratio:16/16;}



.footerbackground{background-color:rgba(51, 51, 51, 1.00) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll   ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.footerbackground{background-attachment:scroll!important}}
.footer-colors{--header-color:rgba(255, 255, 10, 1.00);--subheader-color:rgba(138, 138, 138, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(255, 255, 255, 1.00);--link-color:rgba(255, 255, 10, 1.00);--link-color-hover:rgba(255, 255, 10, 1.00);--link-decoration:none;--link-decoration-hover:none}
.padding-footer{padding-top:1.25rem ;padding-bottom:1.25rem ;}  




.footer{background-color:var(--my-almost-white) ;background-color:rgba(51, 51, 51, 1.00) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll   ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.footer{background-attachment:scroll!important}}
.alt .footer{background-color:var(--my-almost-black) ;background-color:rgba(51, 51, 51, 1.00) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll   ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.alt .footer{background-attachment:scroll!important}}


.footer .main-menu .menu-text{--menu-text-color:rgba(226, 197, 150, 1.00) ;}

.footer .main-menu a{--menu-bg-color:var(--my-transparent) ;}
.footer .main-menu a{--menu-link-color:var(--my-medium-gray) ;}

.footer .main-menu a:hover{--menu-bg-color:var(--my-transparent) ;}
.footer .main-menu a:hover{--menu-link-color-hover:var(--my-primary) ;}

.footer .main-menu .active a{--menu-bg-color:var(--my-transparent) !important;}
.footer .main-menu .active a{--menu-link-color:var(--my-black) !important;}

.footer .main-menu.social a{--menu-link-color:var(--my-almost-black) ;}

.footer .main-menu.social a:hover{--menu-link-color-hover:var(--my-medium-gray) ;}


.alt .footer .main-menu .menu-text{--menu-text-color:rgba(226, 197, 150, 1.00) ;}

.alt .footer .main-menu a{--menu-bg-color:var(--my-transparent) ;}
.alt .footer .main-menu a{--menu-link-color:var(--my-medium-gray) ;}

.alt .footer .main-menu a:hover{--menu-bg-color:var(--my-transparent) ;}
.alt .footer .main-menu a:hover{--menu-link-color-hover:var(--my-primary) ;}

.alt .footer .main-menu .active a{--menu-bg-color:var(--my-transparent) !important;}
.alt .footer .main-menu .active a{--menu-link-color:var(--my-white) !important;}

.alt .footer .main-menu.social a{--menu-link-color:var(--my-almost-white) ;}

.alt .footer .main-menu.social a:hover{--menu-link-color-hover:var(--my-medium-gray) ;}


.footer .form-wrapper{position:relative;z-index:1}.footer .form-wrapper:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;z-index:-1;opacity:1.00 ;background-color:var(--my-white) ;}
.alt .footer .form-wrapper{position:relative;z-index:1}.alt .footer .form-wrapper:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;z-index:-1;opacity:1.00 ;background-color:var(--my-black) ;}

.footer .naked{background-color:var(--my-transparent) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll   ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.footer .naked{background-attachment:scroll!important}}
.footer .naked{color:var(--my-dark-gray) ;}
.alt .footer .naked{color:var(--my-medium-gray) ;}
.footer .naked.is-invalid-input{color:var(--my-alert) ;}

.footer .naked:focus{background-color:var(--my-transparent) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll   ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.footer .naked{background-attachment:scroll!important}}
.header-footer{--header-color:rgba(226, 197, 150, 1.00);--subheader-color:rgba(138, 138, 138, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(34, 34, 34, 1.00);--link-color:rgba(0, 140, 186, 1.00);--link-color-hover:rgba(0, 102, 136, 1.00);--link-decoration:none;--link-decoration-hover:none}
.footer-padding{padding-top:0.25rem ;padding-bottom:0.25rem ;}  


.footer{padding-top:0.5rem !important;padding-right:1.25rem !important;padding-bottom:0.5rem !important;padding-left:1.25rem !important;} @media only screen and (min-width:40em){.footer{padding-top:1.25rem !important;padding-right:1.5rem !important;padding-bottom:1.25rem !important;padding-left:1.5rem !important;}}@media only screen and (min-width:64em){.footer{padding-top:1.25rem !important;padding-right:1.25rem !important;padding-bottom:1.25rem !important;padding-left:1.25rem !important;}} 


            .footer .main-menu .menu-text{font-size:calc(20rem/16) ;font-weight:700 ;}@media only screen and (min-width:40em) {            .footer .main-menu .menu-text{font-size:calc(18rem/16) ;line-height:1.50 }}@media only screen and (min-width:64em) {            .footer .main-menu .menu-text{font-size:calc(18rem/16) ;line-height:1.50 }}
.footer .main-menu .menu-text{padding-top:0 ;padding-right:0 ;padding-bottom:1.25rem ;padding-left:0 ;}  
.footer .main-menu .menu-text{margin:0 ;}  

            .footer .main-menu{font-size:calc(14rem/16) ;font-weight:400 ;}@media only screen and (min-width:40em) {            .footer .main-menu{font-size:calc(14rem/16) ;line-height:1.50 }}@media only screen and (min-width:64em) {            .footer .main-menu{font-size:calc(14rem/16) ;line-height:1.50 }}
.footer .main-menu a{padding-top:0.5rem ;padding-right:0 ;padding-bottom:0.5rem ;padding-left:0 ;} @media only screen and (min-width:40em){.footer .main-menu a{}}@media only screen and (min-width:64em){.footer .main-menu a{}} 
.footer .main-menu a{margin:0 ;}  

            .footer .main-menu.social{font-size:calc(18rem/16) ;font-weight:400 ;}@media only screen and (min-width:40em) {            .footer .main-menu.social{font-size:calc(18rem/16) ;line-height:1.50 }}@media only screen and (min-width:64em) {            .footer .main-menu.social{font-size:calc(18rem/16) ;line-height:1.50 }}


.footer .form-wrapper{padding-top:0.5rem ;padding-right:0.75rem ;padding-bottom:0.5rem ;padding-left:0.75rem ;}  
.footer .form-wrapper{border-radius:10px 10px 10px 10px ;}
.footer .form-wrapper{border-color:var(--my-light-gray) ;border-width:1px ;border-style:solid ;}
.alt .footer .form-wrapper{border-color:var(--my-dark-gray) ;border-width:1px ;border-style:solid ;}

            .footer .naked{font-size:calc(16rem/16) ;}@media only screen and (min-width:40em) {            .footer .naked{font-size:calc(16rem/16) ;line-height:1.50 }}@media only screen and (min-width:64em) {            .footer .naked{font-size:calc(16rem/16) ;line-height:1.50 }}
.naked{box-shadow:unset }
.footer .naked{border:unset }

.footer .naked:focus{border:unset }
.naked:focus{box-shadow:unset }

.stacks_in_165_9_6 > .grid-divider-wrapper > .grid-divider{height:calc(100% - 2rem)}

.stacks_in_165_9_10 > .grid-divider-wrapper > .grid-divider{height:calc(100% - 2rem)}





#stacks_in_165_9_443-wrapper {
	
	
	
		
		
		color: var(--bs-gray-400);
		
	
}









	#stacks_in_165_9_443-wrapper p:last-of-type {
		margin-bottom: 0;
	}






#stacks_in_165_9_366-wrapper {
	
	
	
		
		
		color: var(--bs-gray-400);
		
	
}









	#stacks_in_165_9_366-wrapper p:last-of-type {
		margin-bottom: 0;
	}




.stacks_in_165_9_439 img{width:100%;max-width:300px}
.stacks_in_165_9_88 > .grid-divider-wrapper > .grid-divider{height:calc(100% - 2rem)}