/***
Spectrum Colorpicker v1.8.0
https://github.com/bgrins/spectrum
Author: Brian Grinstead
License: MIT
***/

/***
UPDATE WARNING:
bottom of file includes customizations. Update only Spectrum core part
***/

/*** === START SPECTRUM CORE === ***/
.sp-container {
	position:absolute;
	top:0;
	left:0;
	display:inline-block;
	*display: inline;
	*zoom: 1;
	/* https://github.com/bgrins/spectrum/issues/40 */
	z-index: 9999994;
	overflow: hidden;
}
.sp-container.sp-flat {
	position: relative;
}

/* Fix for * { box-sizing: border-box; } */
.sp-container,
.sp-container * {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

/* http://ansciath.tumblr.com/post/7347495869/css-aspect-ratio */
.sp-top {
	position:relative;
	width: 100%;
	display:inline-block;
}
.sp-top-inner {
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
}
.sp-color {
	position: absolute;
	top:0;
	left:0;
	bottom:0;
	right:20%;
}
.sp-hue {
	position: absolute;
	top:0;
	right:0;
	bottom:0;
	left:84%;
	height: 100%;
}

.sp-clear-enabled .sp-hue {
	top:33px;
	height: 77.5%;
}

.sp-fill {
	padding-top: 80%;
}
.sp-sat, .sp-val {
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
}

.sp-alpha-enabled .sp-top {
	margin-bottom: 18px;
}
.sp-alpha-enabled .sp-alpha {
	display: block;
}
.sp-alpha-handle {
	position:absolute;
	top:-4px;
	bottom: -4px;
	width: 6px;
	left: 50%;
	cursor: pointer;
	border: 1px solid black;
	background: white;
	opacity: .8;
}
.sp-alpha {
	display: none;
	position: absolute;
	bottom: -14px;
	right: 0;
	left: 0;
	height: 8px;
}
.sp-alpha-inner {
	border: solid 1px #333;
}

.sp-clear {
	display: none;
}

.sp-clear.sp-clear-display {
	background-position: center;
}

.sp-clear-enabled .sp-clear {
	display: block;
	position:absolute;
	top:0px;
	right:0;
	bottom:0;
	left:84%;
	height: 28px;
}

/* Don't allow text selection */
.sp-container, .sp-replacer, .sp-preview, .sp-dragger, .sp-slider, .sp-alpha, .sp-clear, .sp-alpha-handle, .sp-container.sp-dragging .sp-input, .sp-container button  {
	-webkit-user-select:none;
	-moz-user-select: -moz-none;
	-o-user-select:none;
	user-select: none;
}

.sp-container.sp-input-disabled .sp-input-container {
	display: none;
}
.sp-container.sp-buttons-disabled .sp-button-container {
	display: none;
}
.sp-container.sp-palette-buttons-disabled .sp-palette-button-container {
	display: none;
}
.sp-palette-only .sp-picker-container {
	display: none;
}
.sp-palette-disabled .sp-palette-container {
	display: none;
}

.sp-initial-disabled .sp-initial {
	display: none;
}


/* Gradients for hue, saturation and value instead of images.  Not pretty... but it works */
.sp-sat {
	background-image: -webkit-gradient(linear,  0 0, 100% 0, from(#FFF), to(rgba(204, 154, 129, 0)));
	background-image: -webkit-linear-gradient(left, #FFF, rgba(204, 154, 129, 0));
	background-image: -moz-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
	background-image: -o-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
	background-image: -ms-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
	background-image: linear-gradient(to right, #fff, rgba(204, 154, 129, 0));
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)";
	filter : progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr='#FFFFFFFF', endColorstr='#00CC9A81');
}
.sp-val {
	background-image: -webkit-gradient(linear, 0 100%, 0 0, from(#000000), to(rgba(204, 154, 129, 0)));
	background-image: -webkit-linear-gradient(bottom, #000000, rgba(204, 154, 129, 0));
	background-image: -moz-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
	background-image: -o-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
	background-image: -ms-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
	background-image: linear-gradient(to top, #000, rgba(204, 154, 129, 0));
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)";
	filter : progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CC9A81', endColorstr='#FF000000');
}

.sp-hue {
	background: -moz-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
	background: -ms-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
	background: -o-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(#ff0000), color-stop(0.17, #ffff00), color-stop(0.33, #00ff00), color-stop(0.5, #00ffff), color-stop(0.67, #0000ff), color-stop(0.83, #ff00ff), to(#ff0000));
	background: -webkit-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
	background: linear-gradient(to bottom, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
}

/* IE filters do not support multiple color stops.
   Generate 6 divs, line them up, and do two color gradients for each.
   Yes, really.
 */
.sp-1 {
	height:17%;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#ffff00');
}
.sp-2 {
	height:16%;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00', endColorstr='#00ff00');
}
.sp-3 {
	height:17%;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff00', endColorstr='#00ffff');
}
.sp-4 {
	height:17%;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffff', endColorstr='#0000ff');
}
.sp-5 {
	height:16%;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000ff', endColorstr='#ff00ff');
}
.sp-6 {
	height:17%;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00ff', endColorstr='#ff0000');
}

.sp-hidden {
	display: none !important;
}

/* Clearfix hack */
.sp-cf:before, .sp-cf:after { content: ""; display: table; }
.sp-cf:after { clear: both; }
.sp-cf { *zoom: 1; }

/* Mobile devices, make hue slider bigger so it is easier to slide */
@media (max-device-width: 480px) {
	.sp-color { right: 40%; }
	.sp-hue { left: 63%; }
	.sp-fill { padding-top: 60%; }
}
.sp-dragger {
	border-radius: 5px;
	height: 5px;
	width: 5px;
	border: 1px solid #fff;
	background: #000;
	cursor: pointer;
	position:absolute;
	top:0;
	left: 0;
}
.sp-slider {
	position: absolute;
	top:0;
	cursor:pointer;
	height: 3px;
	left: -1px;
	right: -1px;
	border: 1px solid #000;
	background: white;
	opacity: .8;
}

/*
Theme authors:
Here are the basic themeable display options (colors, fonts, global widths).
See http://bgrins.github.io/spectrum/themes/ for instructions.
*/

.sp-container {
	border-radius: 0;
	background-color: #ECECEC;
	border: solid 1px #f0c49B;
	padding: 0;
}
.sp-container, .sp-container button, .sp-container input, .sp-color, .sp-hue, .sp-clear {
	font: normal 12px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.sp-top {
	margin-bottom: 3px;
}
.sp-color, .sp-hue, .sp-clear {
	border: solid 1px #666;
}

/* Input */
.sp-input-container {
	float:right;
	width: 100px;
	margin-bottom: 4px;
}
.sp-initial-disabled  .sp-input-container {
	width: 100%;
}
.sp-input {
	font-size: 12px !important;
	border: 1px inset;
	padding: 4px 5px;
	margin: 0;
	width: 100%;
	background:transparent;
	border-radius: 3px;
	color: #222;
}
.sp-input:focus  {
	border: 1px solid orange;
}
.sp-input.sp-validation-error {
	border: 1px solid red;
	background: #fdd;
}
.sp-picker-container , .sp-palette-container {
	float:left;
	position: relative;
	padding: 10px;
	padding-bottom: 300px;
	margin-bottom: -290px;
}
.sp-picker-container {
	width: 172px;
	border-left: solid 1px #fff;
}

/* Palettes */
.sp-palette-container {
	border-right: solid 1px #ccc;
}

.sp-palette-only .sp-palette-container {
	border: 0;
}

.sp-palette .sp-thumb-el {
	display: block;
	position:relative;
	float:left;
	width: 24px;
	height: 15px;
	margin: 3px;
	cursor: pointer;
	border:solid 2px transparent;
}
.sp-palette .sp-thumb-el:hover, .sp-palette .sp-thumb-el.sp-thumb-active {
	border-color: orange;
}
.sp-thumb-el {
	position:relative;
}

/* Initial */
.sp-initial {
	float: left;
	border: solid 1px #333;
}
.sp-initial span {
	width: 30px;
	height: 25px;
	border:none;
	display:block;
	float:left;
	margin:0;
}

.sp-initial .sp-clear-display {
	background-position: center;
}

/* Buttons */
.sp-palette-button-container,
.sp-button-container {
	float: right;
}

/* Replacer (the little preview div that shows up instead of the <input>) */
.sp-replacer {
	margin:0;
	overflow:hidden;
	cursor:pointer;
	padding: 4px;
	display:inline-block;
	*zoom: 1;
	*display: inline;
	border: solid 1px #91765d;
	background: #eee;
	color: #333;
	vertical-align: middle;
}
.sp-replacer:hover, .sp-replacer.sp-active {
	border-color: #F0C49B;
	color: #111;
}
.sp-replacer.sp-disabled {
	cursor:default;
	border-color: silver;
	color: silver;
}
.sp-dd {
	padding: 2px 0;
	height: 16px;
	line-height: 16px;
	float:left;
	font-size:10px;
}
.sp-preview {
	position:relative;
	width:25px;
	height: 20px;
	border: solid 1px #222;
	margin-right: 5px;
	float:left;
	z-index: 0;
}

.sp-palette {
	*width: 220px;
	max-width: 220px;
}
.sp-palette .sp-thumb-el {
	width:16px;
	height: 16px;
	margin:2px 1px;
	border: solid 1px #d0d0d0;
}

.sp-container {
	padding-bottom:0;
}


/* Buttons: http://hellohappy.org/css3-buttons/ */
.sp-container button {
	background-color: #eeeeee;
	background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
	background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
	background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
	background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
	background-image: linear-gradient(to bottom, #eeeeee, #cccccc);
	border: 1px solid #ccc;
	border-bottom: 1px solid #bbb;
	border-radius: 3px;
	color: #333;
	font-size: 14px;
	line-height: 1;
	padding: 5px 4px;
	text-align: center;
	text-shadow: 0 1px 0 #eee;
	vertical-align: middle;
}
.sp-container button:hover {
	background-color: #dddddd;
	background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb);
	background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb);
	background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb);
	background-image: -o-linear-gradient(top, #dddddd, #bbbbbb);
	background-image: linear-gradient(to bottom, #dddddd, #bbbbbb);
	border: 1px solid #bbb;
	border-bottom: 1px solid #999;
	cursor: pointer;
	text-shadow: 0 1px 0 #ddd;
}
.sp-container button:active {
	border: 1px solid #aaa;
	border-bottom: 1px solid #888;
	-webkit-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
	-moz-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
	-ms-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
	-o-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
	box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
}
.sp-cancel {
	font-size: 11px;
	color: #d93f3f !important;
	margin:0;
	padding:2px;
	margin-right: 5px;
	vertical-align: middle;
	text-decoration:none;

}
.sp-cancel:hover {
	color: #d93f3f !important;
	text-decoration: underline;
}


.sp-palette span:hover, .sp-palette span.sp-thumb-active {
	border-color: #000;
}

.sp-preview, .sp-alpha, .sp-thumb-el {
	position:relative;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
}
.sp-preview-inner, .sp-alpha-inner, .sp-thumb-inner {
	display:block;
	position:absolute;
	top:0;left:0;bottom:0;right:0;
}

.sp-palette .sp-thumb-inner {
	background-position: 50% 50%;
	background-repeat: no-repeat;
}

.sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=);
}

.sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=);
}

.sp-clear-display {
	background-repeat:no-repeat;
	background-position: center;
	background-image: url(data:image/gif;base64,R0lGODlhFAAUAPcAAAAAAJmZmZ2dnZ6enqKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq/Hx8fLy8vT09PX19ff39/j4+Pn5+fr6+vv7+wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAAUABQAAAihAP9FoPCvoMGDBy08+EdhQAIJCCMybCDAAYUEARBAlFiQQoMABQhKUJBxY0SPICEYHBnggEmDKAuoPMjS5cGYMxHW3IiT478JJA8M/CjTZ0GgLRekNGpwAsYABHIypcAgQMsITDtWJYBR6NSqMico9cqR6tKfY7GeBCuVwlipDNmefAtTrkSzB1RaIAoXodsABiZAEFB06gIBWC1mLVgBa0AAOw==);
}

/*** === END SPECTRUM CORE === ***/

/* --- inCMS Customizations and overrides --- */
.sp-container.theme-dark {
	--text-color: #fff;
	--color-def: #2d2d2d;
	--color-lighter: #444;
}
.sp-container.theme-light {
	--text-color: #333;
	--color-def: #e0e0e0;
	--color-lighter: #f0f0f0;
}
.sp-picker-container {
	width: 195px;
	border-left: solid 1px #fff;
	border-left-color: var(--text-color);
}
div.jscolorpicker {
	position: relative;
	width: auto !important;
	display: inline-block;
}
div.jscolorpicker > input {
	padding-left: 40px;
}
.jscolorpicker_preview {
	position: absolute;
	width: 30px;
	top: 3px;
	left: 3px;
	bottom: 3px;
	border-radius: 2px;
	box-shadow: inset 0 0 0 1px rgba(0,0,0,0.5);
}
.sp-container {
	border-radius: 5px;
	border: 1px solid #222;
	border-color: var(--color-def);
	background: #2d2d2d;
	background-color: var(--color-def);
}
.sp-picker-container,
.sp-palette-container {
	float: right;
	border-radius: 5px;
	border: 0;
	padding: 15px;
	padding-bottom: 305px;
	background: #2d2d2d;
	background-color: var(--color-def);
}
.sp-palette-container {
	max-width: 125px;
	border-left: 1px solid #444;
	border-left-color: var(--color-lighter);
	background: #444;
	background-color: var(--color-lighter);
}
.sp-palette-row > i {
	display: block;
	font-style: normal;
	color: #fff;
	font-weight: 100;
	font-size: 10px;
}
.sp-palette-row:not(:empty) ~ .sp-palette-row:before {
	content: '';
	display: block;
	height: 1px;
	background: #444;
	background: var(--color-def);
	margin: 10px 0;
}
.sp-color,
.sp-hue,
.sp-clear,
.sp-alpha-inner {
	border: 0;
}
.sp-sat {
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.sp-alpha-enabled .sp-top {
	margin-bottom: 28px;
}
.sp-alpha {
	bottom: -20px;
	height: 14px;
}
.sp-alpha-handle {
	margin-left: -4px;
}
.sp-initial{
	float: none;
	border: 0;
}
.sp-initial span {
	height: 15px;
}
.sp-initial .sp-thumb-el,
.sp-initial .sp-clear-display {
	width: 50%;
}
div.sp-initial .sp-thumb-el > span {
	width: 100%;
}
.sp-clear-enabled .sp-clear {
	display: none;
}
.sp-clear-enabled .sp-hue {
	top: 0;
	height: 100%;
}
.sp-initial .sp-clear-display,
.sp-clear-enabled .sp-clear {
	background : repeating-linear-gradient(-45deg, #fff, #fff 5px, #dadada 5px, #dadada 10px);
}

/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 * 
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
 * 
 * Version: 1.3.4 (11/11/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url('../../incms_core/5.2611.2/incms_scripts/fancybox/css/../gfx/fancybox.png');
}

#fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1100;
	display: none;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px;
	z-index: 1101;
	outline: none;
	display: none;
}

.fancybox-wrap-no-bg {
	padding: 0 !important;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #fff;
}

#fancybox-content {
	width: 0;
	padding: 0;
	outline: none;
	position: relative;
	overflow: hidden;
	z-index: 1102;
	border: 0px solid #fff;
	height: auto !important;
}
#fancybox-content > div {
	max-width: 100%;
}
#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	z-index: 1101;
}

#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 30px;
	height: 30px;
	background: transparent url('../../incms_core/5.2611.2/incms_scripts/fancybox/css/../gfx/fancybox.png') -40px 0px;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

#fancybox-error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 14px;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
}

#fancybox-frame {
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background: transparent url('../../incms_core/5.2611.2/incms_scripts/fancybox/css/../gfx/blank.gif');
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background-image: url('../../incms_core/5.2611.2/incms_scripts/fancybox/css/../gfx/fancybox.png');
	background-position: -40px -30px;
}

#fancybox-right-ico {
	background-image: url('../../incms_core/5.2611.2/incms_scripts/fancybox/css/../gfx/fancybox.png');
	background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible; /* IE6 */
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

.fancybox-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
}

#fancybox-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url('../../incms_core/5.2611.2/incms_scripts/fancybox/css/../gfx/fancybox-x.png');
}

#fancybox-bg-ne {
	top: -20px;
	right: -20px;
	background-image: url('../../incms_core/5.2611.2/incms_scripts/fancybox/css/../gfx/fancybox.png');
	background-position: -40px -162px;
}

#fancybox-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url('../../incms_core/5.2611.2/incms_scripts/fancybox/css/../gfx/fancybox-y.png');
	background-position: -20px 0px;
}

#fancybox-bg-se {
	bottom: -20px;
	right: -20px;
	background-image: url('../../incms_core/5.2611.2/incms_scripts/fancybox/css/../gfx/fancybox.png');
	background-position: -40px -182px; 
}

#fancybox-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url('../../incms_core/5.2611.2/incms_scripts/fancybox/css/../gfx/fancybox-x.png');
	background-position: 0px -20px;
}

#fancybox-bg-sw {
	bottom: -20px;
	left: -20px;
	background-image: url('../../incms_core/5.2611.2/incms_scripts/fancybox/css/../gfx/fancybox.png');
	background-position: -40px -142px;
}

#fancybox-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url('../../incms_core/5.2611.2/incms_scripts/fancybox/css/../gfx/fancybox-y.png');
}

#fancybox-bg-nw {
	top: -20px;
	left: -20px;
	background-image: url('../../incms_core/5.2611.2/incms_scripts/fancybox/css/../gfx/fancybox.png');
	background-position: -40px -122px;
}

#fancybox-title {
	font-family: Helvetica;
	font-size: 12px;
	z-index: 1102;
}

.fancybox-title-inside {
	padding-bottom: 10px;
	text-align: center;
	color: #333;
	background: #fff;
	position: relative;
}

.fancybox-title-outside {
	padding-top: 10px;
	color: #fff;
}

.fancybox-title-over {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #FFF;
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	background-image: url('../../incms_core/5.2611.2/incms_scripts/fancybox/css/../gfx/fancy_title_over.png');
	display: block;
}

.fancybox-title-float {
	position: absolute;
	left: 0;
	bottom: -20px;
	height: 32px;
}

#fancybox-title-float-wrap {
	border: none;
	border-collapse: collapse;
	width: auto;
}

#fancybox-title-float-wrap td {
	border: none;
	white-space: nowrap;
}

#fancybox-title-float-left {
	padding: 0 0 0 15px;
	background: url('../../incms_core/5.2611.2/incms_scripts/fancybox/css/../gfx/fancybox.png') -40px -90px no-repeat;
}

#fancybox-title-float-main {
	color: #FFF;
	line-height: 29px;
	font-weight: bold;
	padding: 0 0 3px 0;
	background: url('../../incms_core/5.2611.2/incms_scripts/fancybox/css/../gfx/fancybox-x.png') 0px -40px;
}

#fancybox-title-float-right {
	padding: 0 0 0 15px;
	background: url('../../incms_core/5.2611.2/incms_scripts/fancybox/css/../gfx/fancybox.png') -55px -90px no-repeat;
}

/* IE6 */

.fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../gfx/fancy_close.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../gfx/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../gfx/fancy_nav_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../gfx/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../gfx/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../gfx/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../gfx/fancy_title_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame {
	height: expression(this.parentNode.clientHeight + "px");
}

#fancybox-loading.fancybox-ie6 {
	position: absolute; margin-top: 0;
	top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');
}

#fancybox-loading.fancybox-ie6 div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../gfx/fancy_loading.png', sizingMethod='scale'); }

/* IE6, IE7, IE8 */

.fancybox-ie .fancybox-bg { background: transparent !important; }

.fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../gfx/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../gfx/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../gfx/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../gfx/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../gfx/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../gfx/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../gfx/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../gfx/fancy_shadow_nw.png', sizingMethod='scale'); }
/**
 * "Yet Another Multicolumn Layout" - YAML CSS Framework
 *
 * (en) YAML core stylesheet
 * (de) YAML Basis-Stylesheet
 *
 * Don't make any changes in this file!
 * Your changes should be placed in any css-file in your own stylesheet folder.
 *
 * @copyright       Copyright 2005-2012, Dirk Jesse
 * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-CDL (http://www.yaml.de/license.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         v4.0.1
 * @revision        $Revision: 726 $
 * @lastmodified    $Date: 2012-03-03 12:21:50 +0100 (Sa, 03 Mrz 2012) $
 */


/**
* @section CSS-Normalisation Module
*/

/* (en) Global reset of paddings and margins for all HTML elements */
/* (de) Globales Zurücksetzen der Innen- und Außenabstände für alle HTML-Elemente */
* { margin:0; padding:0; }

/* (en) Correction:margin/padding reset caused too small select boxes. */
/* (de) Korrektur:Das Zurücksetzen der Abstände verursacht zu kleine Selectboxen. */
option { padding-left:0.4em; } /* LTR */
select { padding:1px; }

/**
* (en) Global fix of the Italics bugs in IE 5.x and IE 6
* (de) Globale Korrektur des Italics Bugs des IE 5.x und IE 6
*
* @bugfix
* @affected   IE 5.x/Win, IE6
* @css-for    IE 5.x/Win, IE6
* @valid      yes
*/
* html body * { overflow:visible; }

body {
	/* (en) Fix for rounding errors when scaling font sizes in older versions of Opera browser */
	/* (de) Beseitigung von Rundungsfehler beim Skalieren von Schriftgrößen in älteren Opera Versionen */
	font-size:100%;

	/* (en) Standard values for colors and text alignment */
	/* (de) Vorgabe der Standardfarben und Textausrichtung */
	background:#fff;
	color:#000;
	text-align:left; /* LTR */
}

/* (en) avoid visible outlines on DIV containers in Webkit browsers */
/* (de) Vermeidung sichtbarer Outline-Rahmen in Webkit-Browsern */
div:target { outline:0 none; }

/* (en) HTML 5 - adjusting visual formatting model to block level */
/* (en) HTML 5 - Anpassung des visuellen Formatmodells auf Blockelemente */
article,aside,details,figcaption,figure,
footer,header,hgroup,nav,section {
	display:block;
}

/* (en) HTML5 - default media element styles */
/* (de) HTML5 - Standard Eigenschaften für Media-Elemente */
audio,
canvas,
video {
	display: inline-block;
}

/* (en) HTML5 - don't show <audio> element if there aren't controls */
/* (de) HTML5 - <audio> ohne Kontrollelemente sollten nicht angezeigt werden */
audio:not([controls]) {
	display: none;
}

/* (en) HTML5 - add missing styling in IE & old FF for hidden attribute  */
/* (de) HTML5 - Eigenschaften für das hidden-Attribut in älteren IEs und FF nachrüsten */
[hidden] {
	display: none;
}

/* (en) force consistant appearance of input[type="search"] elements in all browser  */
/* (de) Einheitliches Erscheinungsbild für input[type="search"] Elemente erzwingen  */
input[type="search"] {
	-webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/* (en) Clear borders for <fieldset> and <img> elements */
/* (de) Rahmen für <fieldset> und <img> Elemente löschen */
fieldset, img { border:0 solid; }

/* (en) new standard values for lists, blockquote, cite and tables */
/* (de) Neue Standardwerte für Listen, Zitate und Tabellen */
ul, ol, dl { margin:0 0 1em 1em; } /* LTR */
li {
	line-height:1.5em;
	margin-left:0.8em; /* LTR */
}

dt { font-weight:bold; }
dd { margin:0 0 1em 0.8em; } /* LTR */

blockquote { margin:0 0 1em 0.8em; } /* LTR */
q { quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after { content: ''; content:none }

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/**
* @section Float Handling Module
*/

/* (en) clearfix method for clearing floats */
/* (de) Clearfix-Methode zum Clearen der Float-Umgebungen */
.ym-clearfix:before,
.ym-clearfix:after{
	content: '';
	clear: both;
	display: table;
}
/* Aligment */
.align-left { text-align: left }
.align-right { text-align: right }
.align-center { text-align: center }


/* (en) alternative solutions to contain floats */
/* (de) Alternative Methoden zum Einschließen von Float-Umgebungen */
.ym-contain-dt { /*display:table;*/ width: 100%; overflow: visible; }
.ym-contain-oh { overflow:hidden; width:100%; display:block; }
.ym-contain-fl { float:left; width:100%; }

/**
* @section Accessibility Module
*
* (en) skip links and hidden content
* (de) Skip-Links und versteckte Inhalte
*/

/* (en) classes for invisible elements in the base layout */
/* (de) Klassen für unsichtbare Elemente im Basislayout */
.ym-skip,
.ym-hideme,
.ym-print {
	position:absolute;
	top:-32768px;
	left:-32768px; /* LTR */
}

/* (en) make skip links visible when using tab navigation */
/* (de) Skip-Links für Tab-Navigation sichtbar schalten */
.ym-skip:focus,
.ym-skip:active {
	position:static;
	top:0;
	left:0;
}

/* skiplinks:technical setup */
.ym-skiplinks {
	position:absolute;
	top:0px;
	left:-32768px;
	z-index:1000;
	width:100%;
	margin:0;
	padding:0;
	list-style-type:none;
}

.ym-skiplinks .ym-skip:focus,
.ym-skiplinks .ym-skip:active {
	left:32768px;
	outline:0 none;
	position:absolute;
	width:100%;
}

[data-consent] {
	display: none;
}

[data-no-consent] {
	display: none;
	text-align: center;
	padding: 10px;
}

@media screen, projection {

	/**
	* @section Column Module
	*
	* default column config:
	* |-------------------------------|
	* | col1    | col3      | col2    |
	* | 20%     | flexible  | 20%     |
	* |-------------------------------|
	*/

	.ym-column { display:table; width:100%; }

	.ym-col1 { float:left; width:20%; }
	.ym-col2 { float:right; width:20%; }
	.ym-col3 { width:auto; margin:0 20%; }

	.ym-cbox {
		padding: 0 10px
	}

	.ym-cbox-left {
		padding: 0 10px 0 0
	}

	.ym-cbox-right {
		padding: 0 0 0 10px
	}

	/* (en) IE-Clearing:Only used in Internet Explorer, switched on in iehacks.css */
	/* (de) IE-Clearing:Benötigt nur der Internet Explorer und über iehacks.css zugeschaltet */
	.ym-ie-clearing { display:none; }
}

/**
* @section Grid Module
*
*/

.ym-grid {
	display:table;
	width:100%;
	table-layout:fixed;
	list-style-type: none;
	padding-left:0;
	padding-right:0;
	margin-left:0;
	margin-right:0;
}

.ym-gl { float: left; margin: 0; padding-right: 4%; display: inline; }
.ym-gr { float: right; margin: 0 0 0 -4px; display: inline; }

/* 20 / 80 */
.ym-g20 { width:18%; }
.ym-g80 { width:78%; }

/* 10 / 90 */
.ym-g10 { width:8%; }
.ym-g90 { width:88%; }

/* 40 | 60 */
.ym-g40 { width:38%; }
.ym-g60 { width:58%; }

/* 30 / 70 */
.ym-g30 { width:28%; }
.ym-g70 { width:68%; }

/* 30 | 30 | 30 */
.ym-g33 { width:30.666%; }

/* 50 | 50 */
.ym-g50 { width:48%; }

/* 25 | 25 | 25 | 25 */
.ym-g25 { width:22%; }

/* 25 | 75 */
.ym-g75 { width:74%; }

/* 20 | 60 | 20 */
.ym-g56 { width:56%; }


/* Header padding */
.ym-grid div.ym-g1 { display: none !important;}
.ym-grid.linearize-level-2 .ym-g98,
.ym-g98 {
	width: 100%; /* Default value: 96% */
	box-sizing: border-box; /* Padding fix */
}
.ym-g98.ym-gl,
.ym-grid.linearize-level-2 .ym-g98.ym-gl { padding: 1.75% 2%; display: table; }

.ym-gbox { min-height: 1px; }

.ym-equalize { overflow:hidden; }


.ym-equalize > [class*="ym-g"] {
	display:table-cell;
	float:none;
	margin:0;
	vertical-align:top;
}

.ym-equalize > [class*="ym-g"] > [class*="ym-gbox"] {
	padding-bottom: 10000px;
	margin-bottom: -10000px
}


/**
* @section Form Module
*
* Vertical-Forms - technical base (standard)
*
* |-------------------------------|
* | form                          |
* |-------------------------------|
* |   label                       |
* |   input / select / textarea   |
* |-------------------------------|
* | /form                         |
* |-------------------------------|
*
* (en) Styling of forms where both label and input/select/textarea are styled with display:block;
* (de) Formulargestaltung, bei der sowohl label als auch input/select/textarea mit display:block; gestaltet werden
*/

.ym-form,
.ym-form fieldset { overflow:hidden; }

.ym-form div { position:relative; }

.ym-form label,
.ym-form .ym-message {
	position:relative;
	display:block; /* important for Safari */
}

.ym-form .ym-fbox-check label {
	display:inline;
}

.ym-form input,
.ym-form textarea { cursor:text; }

.ym-form input[type="checkbox"],
.ym-form input[type="radio"],
.ym-form select,
.ym-form label { cursor:pointer; }

/* small adjustments for Internet Explorer - all versions */
.ym-form textarea { overflow: auto; }

/* Hiding of hidden fields (otherwise ugly spaces in Firefox) | Versteckte Felder wirklich verstecken (sonst ggf. häßliche Lücken im Firefox) */
.ym-form input[type=hidden] { display:none !important; }

/* styling containing DIV elements | Gestaltung der kapselnden DIV-Elemente */
.ym-form .ym-fbox-text:before,
.ym-form .ym-fbox-select:before,
.ym-form .ym-fbox-check:before,
.ym-form .ym-fbox-button:before {
	content:"";
	display:table;
}

.ym-form .ym-fbox-text:after,
.ym-form .ym-fbox-select:after,
.ym-form .ym-fbox-check:after,
.ym-form .ym-fbox-button:after {
	clear:both;
	content:".";
	display:block;
	font-size:0;
	height:0;
	visibility:hidden;
}

/* styling standard form elements with 'almost' equal flexible width | Gestaltung der einzelnen Formularelemente mit annähend gleicher Breite */
.ym-form select,
.ym-form input,
.ym-form textarea {
	display:block;
	position:relative;
	width:58.5%;
}

.ym-form .ym-fbox-check input {
	display: inline;
	width: auto;
}

/* Styling of buttons | Gestaltung von Buttons */
.ym-form .ym-fbox-button input {
	display: inline;
	overflow:visible;  /* Fixes IE7 auto-padding bug */
	width:auto;
}

/* avoid jumping checkboxes & radiobuttons in IE8 */
.ym-form .ym-fbox-check input:focus,
.ym-form .ym-fbox-check input:hover,
.ym-form .ym-fbox-check input:active {
	border:0 none;
}

/* Indent Checkbox fields to match label-width | Checkboxen um den gleichen Wert einrücken, wie die Breite der labels */

.ym-full .ym-fbox-select select,
.ym-full .ym-fbox-text input,
.ym-full .ym-fbox-text textarea {
	width:94.2%;
	margin-right: -3px;
}

/**
* Columnar forms display - technical base (optional)
*
* |-------------------------------------------|
* | form                                      |
* |-------------------------------------------|
* |                                           |
* |   label   |   input / select / textarea   |
* |                                           |
* |-------------------------------------------|
* | /form                                     |
* |-------------------------------------------|
*
* (en) Styling of forms where label floats left of form-elements
* (de) Formulargestaltung, bei der die label-Elemente nach links fließen
*/

/* Columnar display | Spalten-Darstellung */
.ym-columnar .ym-fbox-text label,
.ym-columnar .ym-fbox-select label {
	display:inline;
	float:left;
	width:30%; /* Can be fixed width too | Kann auch eine fixe Angabe sein */
}
.ym-columnar .ym-fbox-check {
	position:relative;
}

.ym-label { display:block; }
.ym-columnar .ym-fbox-check .ym-label {
	position:absolute;
	top:0;
}

/* Indent Checkbox fields to match label-width | Checkboxen um den gleichen Wert einrücken, wie die Breite der labels */
.ym-columnar .ym-fbox-check input,
.ym-columnar .ym-error .ym-message {
	margin-left:30%;
}

/* global and local columnar settings for button alignment */
.ym-columnar fieldset .ym-fbox-button,
fieldset.ym-columnar .ym-fbox-button {
	padding-left:30%;
}

.ym-columnar .ym-fbox-select select,
.ym-columnar .ym-fbox-text input,
.ym-columnar .ym-fbox-text textarea {
	float:left;
	width:67.2%;
	margin-right: -3px;
}

/**
* @section Form Construction Kit | Screen Adjustments
*
*/

.ym-fbox-select select { width:60%; }
.ym-full .ym-fbox-select select { width:94.8%; }
.ym-columnar .ym-fbox-select select { width:68.8%; }

@media print {

	/**
	* @section print adjustments for core modules
	*
	* (en) float clearing for subtemplates. Uses display:table to avoid bugs in FF & IE
	* (de) Float Clearing für die Subtemplates. Verwendet display:table, um Darstellungsprobleme im FF & IE zu vermeiden
	*
	* @bugfix
	* @since     3.0
	* @affected  FF2.0, FF3.0, IE7
	* @css-for   all browsers
	* @valid     yes
	*/

	.ym-grid > .ym-gl,
	.ym-grid > .ym-gr {
		overflow:visible;
		display:table;
	}

	/* (en) make .ym-print class visible */
	/* (de) .ym-print-Klasse sichtbar schalten */
	.ym-print {
		position:static;
		left:0;
	}

	/* (en) generic class to hide elements for print */
	/* (de) Allgemeine CSS Klasse, um beliebige Elemente in der Druckausgabe auszublenden */
	.ym-noprint {
		display:none !important;
	}
}

/**
* "Yet Another Multicolumn Layout" - YAML CSS Framework
*
* (en) Horizontal list navigation "hlist"
* (de) Horizontale Navigationsliste "hlist"
*
* @copyright       Copyright 2005-2012, Dirk Jesse
* @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
*                  YAML-CDL (http://www.yaml.de/license.html)
* @link            http://www.yaml.de
* @package         yaml
* @version         v4.0.1
* @revision        $Revision: 724 $
* @lastmodified    $Date: 2012-03-03 11:45:41 +0100 (Sa, 03 Mrz 2012) $
*/
.ym-hlist {
	/* (en) containing floats in IE */
	/* (de) Einfassen der Floats im IE */
	width:100%;
	overflow:hidden;
	/* (en|de) Bugfix:IE - collapsing horizontal margins */
	position:relative;
	line-height:1em;
}

#nav {
	background: #eee;
	width: 100%;
}

.ym-hlist ul {
	margin:0;
	padding: 0.5em 1.5em;
	/* (en|de) Bugfix:IE - Doubled Float Margin Bug */
	display:inline;
	float:left; /* LTR */
	list-style-type: none;
}

.ym-hlist ul li {
	/* (en|de) Bugfix:IE - Doubled Float Margin Bug */
	display:block; /* IE-Edge list dot fix | Default: inline */
	float:left; /* LTR */
	font-size:1.0em;
	line-height:1em;
	margin: 0 .25em 0 0;
	padding:0;
}

.ym-hlist ul li a {
	background:transparent;
	color:#888;
	display:block;
	font-size:1em;
	line-height: 2em;
	padding: 0 0.5em;
	font-weight:normal;
	text-decoration:none;
	text-shadow: 0 1px 1px rgba(0,0,0,.2);
	width:auto;
	-webkit-border-radius: 0.2em;
	-moz-border-radius: 0.2em;
	border-radius: 0.2em;
}

.ym-hlist ul li a:focus,
.ym-hlist ul li a:hover,
.ym-hlist ul li a:active  {
	color: #ddd;
	background:#888;
	text-decoration:none;
	outline: 0 none;
}

.ym-hlist ul li.active {
	background:#888;
	-webkit-border-radius: 0.2em;
	-moz-border-radius: 0.2em;
	border-radius: 0.2em;
}

.ym-hlist ul li.active a,
.ym-hlist ul li.active a:focus,
.ym-hlist ul li.active a:hover,
.ym-hlist ul li.active a:active {
	background:transparent;
	color:#fff;
	text-decoration:none;
}
.ym-hlist ul li a.active:hover { background: #444; }

/* search form -------------------------------------- */
.ym-searchform {
	float:right;
	display: inline;
	line-height: 2em;
	padding: 0.5em 1.5em;
}

.ym-searchform .ym-searchfield {
	background: #fff;
	line-height: 1em;
	padding: 0.25em;
	width: 12em;
	border: solid 1px #888;
	border: solid 1px rgba(255,255,255,.1);
	outline: none;

	-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.2);
	-moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.2);
	box-shadow: inset 0 1px 3px rgba(0,0,0,.2);
}

.ym-searchform .ym-searchbutton {
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 1em;
	line-height: 1.3571em;
	padding: 0.25em;
	border: solid 1px transparent;
	text-shadow: 0 1px 1px rgba(0,0,0,.5);

	-webkit-border-radius: .2em;
	-moz-border-radius: .2em;
	border-radius: .2em;

	background: #5f5f5f;
}
/* menu module -------------------------------------- */
.menumod .ym-hlist {
	max-width: 100%;
}
.menumod .ym-hlist ul li.last,
.menumod .ym-hlist ul li.last:hover{
	margin-right: 0;
}
/**
 * "Yet Another Multicolumn Layout" - YAML CSS Framework
 *
 * (en) Vertical list navigation "vlist"
 * (de) Vertikale Navigationsliste "vlist"
 *
 * @copyright       Copyright 2005-2012, Dirk Jesse
 * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-CDL (http://www.yaml.de/license.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         v4.0.1
 * @revision        $Revision: 724 $
 * @lastmodified    $Date: 2012-03-03 11:45:41 +0100 (Sa, 03 Mrz 2012) $
 */

.ym-vlist {
	margin:0;
	list-style-type:none;
	background: transparent;
	border: 0 none;
}

#submenu { margin: 0 0 15px; }

.ym-vlist ul {
	list-style-type:none;
	margin:3px 0;
	padding:0;
	width:100%;
	overflow:hidden;
	border-top:1px #ddd solid;
}
.ym-vlist ul ul {
	margin: 0;
}

.ym-vlist ul ul {
	border: 0 none;
}

.ym-vlist li {
	float:left; /* LTR */
	width:100%;
	margin:0;
	padding:0;
}

.ym-vlist a {
	display:block;
	padding:3px 0px 3px 10%;
	text-decoration:none;
	border-bottom:1px #ddd solid;
	background-color:#efefef;
}

.ym-vlist a,
.ym-vlist a:visited {
	color:#444;
}

/* active list element */
.ym-vlist li a.active,
.ym-vlist li a.active:hover {
	color:#fff;
	background-color:#444;
}

/* Level 1 */
.ym-vlist li a,
.ym-vlist li strong,
.ym-vlist li span { width:90%; padding-left:10%; } /* LTR */

.ym-vlist li a:focus,
.ym-vlist li a:hover,
.ym-vlist li a:active,
.ym-vlist li a.active { background-color:#888; color:#fff; outline: 0 none; }

/* Level 2 */
.ym-vlist li ul li a { width:80%; padding-left:20%; } /* LTR */

.ym-vlist li ul li a,
.ym-vlist li ul li a:visited { background-color:#f8f8f8; color:#333; }
.ym-vlist li ul li a:focus,
.ym-vlist li ul li a:hover,
.ym-vlist li ul li a:active,
.ym-vlist li ul li a.active { background-color:#888; color:#fff; }

/* Level 3 */
.ym-vlist li ul li ul li a { width:70%; padding-left:30%; } /* LTR */

.ym-vlist li ul li ul li a,
.ym-vlist li ul li ul li a:visited{ background-color:#f0f0f0; color:#222; }
.ym-vlist li ul li ul li a:focus,
.ym-vlist li ul li ul li a:hover,
.ym-vlist li ul li ul li a:active,
.ym-vlist li ul li ul li a.active { background-color:#888; color:#fff; }

/* Level 4 */
.ym-vlist li ul li ul li ul li a { width:60%; padding-left:40%; } /* LTR */

.ym-vlist li ul li ul li ul li a,
.ym-vlist li ul li ul li ul li a:visited { background-color:#e8e8e8; color:#111; }
.ym-vlist li ul li ul li ul li a:focus,
.ym-vlist li ul li ul li ul li a:hover,
.ym-vlist li ul li ul li ul li a:active,
.ym-vlist li ul li ul li ul li a.active { background-color:#888; color:#fff; }
/**
* "Yet Another Multicolumn Layout" - YAML CSS Framework
*
* (en) Uniform design of standard content elements
* (de) Einheitliche Standardformatierungen für die wichtigten Inhalts-Elemente
*
* @copyright       Copyright 2005-2012, Dirk Jesse
* @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
*                  YAML-CDL (http://www.yaml.de/license.html)
* @link            http://www.yaml.de
* @package         yaml
* @version         v4.0.1
* @revision        $Revision: 724 $
* @lastmodified    $Date: 2012-03-03 11:45:41 +0100 (Sa, 03 Mrz 2012) $
* @appdef yaml
*/

/**
* @section global typography settings
*
* vertical rhythm settings (based on em-unit)
* -------------------------------------------
* basefont-size: 14px (87.5%)
* line-height  : 21px (factor: 1.5)
*/

/* (en) reset font size for all elements to standard (16 Pixel) */
/* (de) Alle Schriftgrößen auf Standardgröße (16 Pixel) zurücksetzen */
html * { font-size:100%; }

/**
* (en) reset monospaced elements to font size 16px in all browsers
* (de) Schriftgröße von monospaced Elemente in allen Browsern auf 16 Pixel setzen
*
* @see: http://webkit.org/blog/67/strange-medium/
*/

textarea,
pre,
code,
kbd,
samp,
var,
tt {
	font-family:Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier;
}

/* (en) base layout gets standard font size 14px */
/* (de) Basis-Layout erhält Standardschriftgröße von 14 Pixeln */
body {
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:100%; /* base: 16px */
	color:#222;

	/* (en) Prevent auto-scaling of text in mobile webkit browsers */
	/* (de) Automatische Schriftvergrößerung in mobilen Webkit-Browsern vermeiden */
	-webkit-text-size-adjust:100%;
}

/*--- Headings | Überschriften ------------------------------------------------------------------------*/

h1,
h2,
h3 {
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight: bold;
	color: #555;
	margin: 0;
	line-height: 1.2em;
}

h1 {
	font-size:260%;
	line-height: 1.2em;
	margin: 0 0 0.2143em;
}

h2 {
	font-size:200%;
	line-height: 1.2em;
	margin: 0 0 0.3em;
}

h3 {
	font-size:150%;
	line-height: 1.5em;
	margin: 0 0 0.42855em;
}


/* --- Lists | Listen  -------------------------------------------------------------------------------- */

ul,
ol,
dl {
	font-size:1em;
	line-height:1.5em;
	/*margin: 1.5em 0 0 1em;*/
	margin: 0 0 1.25em 1em;
}

ul {
	list-style-type:disc;
}

ol {
	list-style-type:decimal;
}

ul ul {
	list-style-type:circle;
	margin-top:0;
}

ol ol {
	list-style-type:lower-latin;
	margin-top:0;
}

ol ul {
	list-style-type:circle;
	margin-top:0;
}

li {
	font-size:1em;
	line-height:1.5em;
	margin-left:0.8em;
}

dt { font-weight:bold; }

dd { margin:0 0 1.5em 0.8em; }

/* --- general text formatting | Allgemeine Textauszeichnung ------------------------------------------ */

p {
	font-size:1em;
	line-height:1.5em;
	margin: 0 0 0.75em;
}

blockquote, cite, q {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style:italic;
}

blockquote {
	margin:1.5em 0 0 1.5em;
	color:#666;
}

strong, b { font-weight:bold; }

em, i { font-style:italic; }

big {
	font-size:116.667%;
}

small {
	font-size:85.71%;
}

pre,
code,
kbd,
tt,
samp,
var {
	font-size:100%;
}

pre {
	line-height:1.5em;
	margin: 1.5em 0 0 0;
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}
pre, code { color:#800; }

kbd, samp, var, tt {
	color:#666;
	font-weight:bold;
}

var, dfn { font-style:italic; }

acronym, abbr {
	border-bottom:1px #aaa dotted;
	font-variant:small-caps;
	letter-spacing:.07em;
	cursor:help;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup { top: -0.5em; }
sub { bottom: -0.25em; }

mark {
	background: #ff0;
	color: #000;
}

hr {
	color:#fff;
	background:transparent;
	margin:0 0 0.75em 0;
	padding:0 0 0.75em 0;
	border:0;
	border-bottom:1px #eee solid;
}

/*--- Links ----------------------------------------------------------------------------------------- */

a {
	color:#5B74A8;
	background:transparent;
	text-decoration:none;
}

a:active { outline: none; }

/* (en) maximum constrast for tab focus - change with great care */
/* (en) Maximaler Kontrast für Tab Focus - Ändern Sie diese Regel mit Bedacht */
a:hover,
a:focus {
	background-color: #5B74A8;
	color:#fff;
	text-decoration:none;
}

/* --- images ------------------ */

img,
figure {
	margin: 0;
}

.flexible {
	margin-top: 1.5em;
	max-width: 100% !important;
	height: auto !important;
	width: auto !important;
}

* html .flexible {	/* IE6 support */
	width: 98%;		/* 2% space for borders */
	height: auto;
}

.bordered {
	margin-top: 1.5em;
	border: 2px #eee solid;
	border: 2px rgba(255,255,255,1) solid;
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,.25);
	-moz-box-shadow: 0 0 3px rgba(0,0,0,.25);
	box-shadow: 0 0 3px rgba(0,0,0,.25);
	max-width: 98%;
	height: auto;
}

.bordered,
.flexible { margin-top: 0px; }


.image { margin-top: 0px; margin-bottom: 1em; }
.image.no-border { margin: 0 !important; }

.image.bordered a,
.image.bordered a:hover { background: #fff !important; color: #fff !important; }

.image.no-border a,
.image.no-border a:hover { background: transparent !important; color: transparent !important; }

/**
* ----------------------------------------------------------------------- #
*
* Generic Content Classes
*
* (en) standard classes for positioning and highlighting
* (de) Standardklassen zur Positionierung und Hervorhebung
*
* @section content-generic-classes
*/
.highlight {
	color:#c30;
}

.dimmed {
	color:#888;
}

.box {
	border-radius: 0.3em;
	border-width: 1px;
	border-style: solid;
	border-color: #888;
	border-color: rgba(0,0,0,.3);
	-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2) inset;
	-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2) inset;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2) inset;
	color: #444;
	color: rgba(0,0,0,.8);
	margin: 0;
	padding: 1.4286em 1.4286em 1em;
	box-sizing: border-box;
}

.box > *:first-child {
	margin-top: 0;
}

.label {
	font-family: Verdana, Geneva, sans-serif;
	padding: 1px 6px 2px;
	display: inline-block;
	vertical-align:middle;
	letter-spacing: normal;
	white-space:nowrap;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #06C;
	color: #fff;
	font-size: 10px;
	line-height: 12px;
}

.info {
	background:#f4f4f4;
}

.success {
	background:#8c8;
}

.warning {
	background:#cc8;
}

.error {
	background:#c88;
}

.float-left {
	float:left;
	display:inline;
	margin: 1.5em 1em 0 0;
}

.float-right {
	float:right;
	display:inline;
	margin: 1.5em 0 0 1em;
}

.center {
	display:block;
	text-align:center;
	margin: 1.5em auto 0 auto;
}

/**
* ------------------------------------------------------------------------------------------------- #
*
* Tables | Tabellen
*
* (en) Generic classes for table-width and design definition
* (de) Generische Klassen für die Tabellenbreite und Gestaltungsvorschriften für Tabellen
*
* @section content-tables
*/

table.prettyTable {
	width:100%;
	border-collapse:collapse;
	margin: 1.3571em 0 0 0;
	color:#333;
	border-top: 1px #ccc solid;
	border-bottom: 1px #ccc solid;
}

table.prettyTable.narrow {
	margin:  1.4286em 0 0 0;
}

table.prettyTable.narrow th,
table.prettyTable.narrow td {
	padding: 0 0.5em;
	line-height: 1.4286em;
}

table.prettyTable.bordertable {
	border:1px #ccc solid;
}

table.prettyTable caption {
	font-variant:small-caps;
}

.prettyTable th, .prettyTable td {
	line-height: 1.5em;
	vertical-align: top;
	padding: 0.7143em 0.5em;
}

.prettyTable th *:first-child,
.prettyTable td *:first-child {
	margin-top: 0;
}

.prettyTable th.nowrap,
.prettyTable td.nowrap {
	white-space: nowrap;
}

.prettyTable thead th {
	text-align: left;
	color:#000;
	border-bottom:2px #000 solid;
}

.prettyTable.bordertable thead th {
	background:#e0e0e0;
	border-right:1px #ccc solid;
	border-bottom:1px #ccc solid;
}

.prettyTable.bordertable tbody th[scope="row"] {
	background:#f0f0f0;
}

.prettyTable tbody th {
	text-align: left;
	border-top:1px solid #ccc;
	text-align:left;
}

.prettyTable.bordertable tbody th {
	border-right:1px solid #ccc;
}

.prettyTable tbody td {
	text-align: left;
	border-top:1px solid #ccc;
}

.prettyTable.bordertable tbody td {
	border-right:1px solid #ccc;
}

/* highlight row on mouse over */
.prettyTable tbody tr:hover th,
.prettyTable tbody tr:hover td {
	background:#f8f8f8;
}


/**
 * icon_bulletlists.css
 * @import url("../../incms_core/5.2611.2/incms_web/base/styles/../../../incms_scripts/tiny_mce/themes/advanced/skins/o2k7/icon_bulletlists.css");
 * can't import here since css rewrite, that's why it's added here (duplicated) intentionally
 */

/* Compensate for default indentation of the UL */
ul.ib-item
{
	margin: 0;
}

/* Make space for the new symbol */
ul.ib-item li, li.ib-item
{
	display: block;
	margin: 0;
	padding-left: 2em;
}

/* Position the new symbol outside the LI element */
ul.ib-item li:before, li.ib-item:before
{
	margin-left: -1.5em;
	float: left;
}


/* Set symbol icons and colors */
.ib-check-square li:before ,
.ib-item li.ib-check-square:before {
	color: #008000;
	font-family: "FontAwesome";
	content: "\f046";
}
.ib-minus-square li:before ,
.ib-item li.ib-minus-square:before {
	color: red;
	font-family: "FontAwesome";
	content: "\f146";
}
.ib-plus-square li:before ,
.ib-item li.ib-plus-square:before {
	color: #008000;
	font-family: "FontAwesome";
	content: "\f0fe";
}
.ib-dot-circle li:before ,
.ib-item li.ib-dot-circle:before {
	color: orangered;
	font-family: "FontAwesome";
	content: "\f192";
}
.ib-circle-o li:before ,
.ib-item li.ib-circle-o:before {
	color: #808080;
	font-family: "FontAwesome";
	content: "\f10c";
}

.ib-check li:before,
.ib-item li.ib-check:before {
	color: #82b440;
	font-family: "FontAwesome";
	content: "\f00c";
}
.ib-cross li:before,
.ib-item li.ib-cross:before {
	color: red;
	font-family: "FontAwesome";
	content: "\f00d";
}
/**
 * "Yet Another Multicolumn Layout" - YAML CSS Framework
 *
 * default screen stylesheet - PAGE-layout type layout
 *
 * @copyright       Copyright 2005-2012, Dirk Jesse
 * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-CDL (http://www.yaml.de/license.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         v4.0.1
 * @revision        $Revision: 733 $
 * @lastmodified    $Date: 2012-03-04 19:15:48 +0100 (So, 04 Mrz 2012) $
 */

@media screen {

	/* force vertical scrollbar */
	body {
		/*overflow-y: scroll;*/
		background: #f1f1f1;
	}

	/* Layout Module Configuration & fallback for unsupported media queries */
	.ym-wrapper {
		min-width: 760px;
		max-width: 1100px;
		margin: 10px auto;
	}

	.ym-wbox { padding: 0; border: 1px solid #ddd; }

	.header.stickyheader {
		position: fixed;
		z-index: 99;
		top: 0;
	}
	/* Basic Element Styling */
	.header {
		color: #222;
		padding: 0;
		clear: both;
		float: left;
		width: 100%;
	}
	/*header p,
	header h1,
	header h2,
	header h3,
	header ul,
	header table { padding-left: 20px; padding-right: 20px; }*/

	header .image.no-border img { width: 100%; margin: 0 !important; }
	header .image.border { text-align: center; padding: 5px 0; }
	header .image a { display: block; }

	#nav {
		clear: both;
	}

	#nav:after,
	#nav .ym-hlist:after{
		content: '';
		clear: both;
		display: table;
	}

	#main {
		padding: 20px 10px 1.5em;
	}

	.footer {
		margin: 0;
		background: #f7f7f7;
		color: #222;
		padding: 1.5em 1.5em 0.75em;
	}

	/*.footerbottom_content {
		padding:0 0 20px 0;
		margin:0 0 20px 0;
		border-bottom:#eee 2px solid;
	}
	.footerbottom_content:empty{
		padding:0;
		margin:0;
		border:none;
	}*/

	.footer .clear { clear: both; }

	#incmsicon { max-width: 20%; float: right; }
	#incmsicon a {
		background: transparent no-repeat left top;
		display: block;
		float: right;
		height: 20px;
		width: 51px;
		text-indent: -5000px;
		margin: 3px 0 0;
	}

	#incmsicon a:hover {
		background-position: left -20px;
	}

	.ym-wrapper.footerbottom { background: transparent; border-radius: 0 !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; }
	.ym-wrapper.footerbottom .footerbottom_content { padding: 0.5em 1.5em 1em; }

}


/**
* @section Column Module
*
* default (1col)
* |-------------------------------|
* |           col1                |
* |           100%                |
* |-------------------------------|
*/

.ym-column {
	display:block;
	overflow:hidden;
	width:auto;
}

.ym-col1,
.ym-col2,
.ym-col3 { min-height: 1px; }

.ym-col1 { width: 100%; }

.ym-col2 .ym-cbox,
.ym-col3 .ym-cbox { padding: 0 10px !important; }

/**
* @section Column Module
*
* 2col left
* |-------------------------------|
* | col3    | col1                |
* | 25%     | 75%                 |
* |-------------------------------|
*/

.twocols .ym-col1 { /* content */
	float:right;
	width: 75%;
}

.twocols .ym-col3 { /* sidebar */
	position:relative;
	float:right;
	width: 25%;
	margin-right:0;
	margin-left:-25%;
}


/**
* @section Column Module
*
* 2col right
* |-------------------------------|
* |       col1       | col3       |
* |       75%        | 25%        |
* |-------------------------------|
*/

.twocols.right .ym-col1 { /* content */
	float:left;
}

.twocols.right .ym-col3 { /* sidebar */
	float:left;
	width: 25%;
	margin-left: 0;
}


/**
* @section Column Module
*
* 3col
* |-------------------------------|
* | col2    | col1      | col3    |
* | 25%     | 50%       | 25%     |
* |-------------------------------|
*/
.threecols .ym-col1 { width: 50%; float:left; margin-left: 25%; margin-right: 0; } /* center column */
.threecols .ym-col2 { width: 25%; float:left;  margin-left: -75%; } /* left column */
.threecols .ym-col3 {  float:right; width: 25%; margin-left: -5px; margin-right: 0%; } /* right column */
.threecols .ym-column { width: 100%; padding-right: 0; }

/* skip links styling */
.ym-skiplinks a.ym-skip:focus,
.ym-skiplinks a.ym-skip:active {
	color:#fff;
	background:#333;
	border-bottom:1px #000 solid;
	padding:10px 0;
	text-align: center;
	text-decoration:none;
}

.background-image { display: none; }
/* global/specific banners & footers*/
.global_banner_global_footer .specific_banner_wrap,
.global_banner_global_footer .footer_specific_content,
.global_banner_global_footer .footerbottom_specific_content,
.global_banner_specific_footer .specific_banner_wrap,
.global_banner_specific_footer .footer_content,
.global_banner_specific_footer .footerbottom_content,
.specific_banner_global_footer .global_banner_wrap,
.specific_banner_global_footer .footer_specific_content,
.specific_banner_global_footer .footerbottom_specific_content,
.specific_banner_specific_footer .global_banner_wrap,
.specific_banner_specific_footer .footer_content,
.specific_banner_specific_footer .footerbottom_content{
	display: none;
}

@media screen and ( max-width: 1098px ) {

	body { max-width: 100%; overflow-x: hidden; }
	.wide .ym-wrapper { margin: 0 auto; }

	/* RESET SHADOW + ROUND CORNERS - they don't look nice when the browser's too small */
	/* shadow */
	.wide .ym-wrapper {
		-webkit-box-shadow: none !important;
		-moz-box-shadow: none !important;
		box-shadow: none !important;
	}
	/* round corners */
	.wide .ym-wbox,
	.wide .ym-wrapper,
	.wide .footer,
	.wide .header,
	.wide .header_wrap,
	.wide .header .no-border,
	.wide .header .no-border a,
	.wide .header .slideshow img { border-radius: 0 !important; }
	.wide .header { min-height: 0; }
}

@media screen and ( max-width: 727px ) {

	.narrow .ym-wbox { border: 0; }
	.narrow .ym-wrapper { margin: 0 auto; }
	.narrow .ym-wrapper {
		-webkit-box-shadow: none !important;
		-moz-box-shadow: none !important;
		box-shadow: none !important;
	}
	/* round corners */
	.narrow .ym-wbox,
	.narrow .ym-wrapper,
	.narrow .footer,
	.narrow .header,
	.narrow .header_wrap,
	.narrow .header .no-border,
	.narrow .header .no-border a,
	.narrow .header .slideshow img { border-radius: 0 !important; }
	.narrow .header { min-height: 0; }
}

/* reset fallback values in modern browsers */
@media screen and ( min-width: 0px ) {
	.ym-wrapper {
		min-width: 0px;
	}
}

@media screen and ( max-width: 768px ) {

	/* Linearisation for Grid- and Column-Module, based on CSS class .linearize-level-1 */
	.wide .linearize-level-1,
	.wide .linearize-level-1 > [class*="ym-g"],
	.wide .linearize-level-1 > [class*="ym-col"] {
		display: block;
		float: none;
		padding: 0;
		margin: 0 !important;
		width: 100% !important;
	}

	.wide .header .ym-gbox,
	.wide .linearize-level-1 > [class*="ym-g"] > [class*="ym-gbox"],
	.wide .linearize-level-1 > [class*="ym-col"] > [class*="ym-cbox"] {
		padding: 0 !important;
		margin: 0;
	}

	.wide nav .ym-hlist ul {
		padding-right: 10px;
	}

	.wide .ym-searchform {
		display:block;
		float: none;
		width: auto;
		padding-right: 10px;
		text-align: right;
	}

	.wide .ym-searchform input[type="search"] {
		width: 14%;
	}

	.wide img.bordered { max-width: 98%; }

	.wide .footer { margin-top: 0; }
}

@media screen and ( max-width: 705px ) {

	/* Linearisation for Grid- and Column-Module, based on CSS class .linearize-level-1 */
	.narrow .linearize-level-1,
	.narrow .linearize-level-1 > [class*="ym-g"],
	.narrow .linearize-level-1 > [class*="ym-col"] {
		display: block;
		float: none;
		padding: 0;
		margin: 0 !important;
		width: 100% !important;
	}

	.narrow .header .ym-gbox,
	.narrow .linearize-level-1 > [class*="ym-g"] > [class*="ym-gbox"],
	.narrow .linearize-level-1 > [class*="ym-col"] > [class*="ym-cbox"] {
		padding: 0 !important;
		margin: 0;
	}

	.narrow nav .ym-hlist ul {
		padding-right: 10px;
	}

	.narrow .ym-searchform {
		display:block;
		float: none;
		width: auto;
		padding-right: 10px;
		text-align: right;
	}

	.narrow .ym-searchform input[type="search"] {
		width: 14%;
	}

	.narrow img.bordered { max-width: 98%; }

	.narrow .footer { margin-top: 0; }
}
/* SmartBox */
body{overflow-x: hidden;}
.smart-box{
	width: 100%;
	position: relative;
}

.onecol .smart-box.fullwidth,
.header_wrap .smart-box.fullwidth,
.footerbottom .smart-box.fullwidth{
	width: 100vw;
	margin-left: calc(-50vw + 50%);
}
.view-normal .footerbottom .smart-box {
	margin-top: -0.5em;
	margin-bottom: -1em;
}

.fullwidth{
	border-radius: 0 !important;
}
.transparent-bg {
	background: transparent !important;
}
.onecol .smart-box.fullwidth > .smart-box-container,
.header_wrap .smart-box.fullwidth .smart-box-container,
.footerbottom .smart-box.fullwidth .smart-box-container{
	max-width: 1078px;
}
.narrow.onecol .smart-box.fullwidth > .smart-box-container {
	max-width: 707px;
}
/* edit mode fix */
.view-edit.onecol #main .smart-box.fullwidth > .smart-box-container,
.view-edit .footerbottom .smart-box.fullwidth > .smart-box-container {
    max-width: 1034px;
}
.view-edit.narrow .header .smart-box.fullwidth .smart-box-container{
	max-width: 703px;
}

.narrow.onecol.view-edit #main .smart-box.fullwidth > .smart-box-container,
.narrow.onecol.view-edit .footer .smart-box.fullwidth > .smart-box-container,
.narrow.onecol.view-edit .footerbottom .smart-box.fullwidth > .smart-box-container{
	max-width: 663px;
}
.view-edit .smart-box .smart-box.fullwidth {
    width: 100%;
    margin: 0 auto;
}

.smart-box-container{
	margin: 0 auto;
	box-sizing: border-box;
}

.ym-column.linearize-level-1{overflow:visible;}

.onecol #main .ym-col1 {
	float: none;
}
/* FIX */
.linearize-level-2 .smart-box.fullwidth,
.flexi-accordion .smart-box.fullwidth,
.flexi-accordionitem .smart-box.fullwidth,
.flexi-content-frame-content-frame .smart-box.fullwidth{
	width: 100% !important;
	margin-left: 0 !important;
}
.footer_wrap:before,.footer_wrap:after,.ym-column:before,.ym-column:after,.ym-cbox:before,.ym-cbox:after {
	content: "";
	clear: both;
	display: table;
}
/* iOS Fixed-Background Fix */
@supports (-webkit-overflow-scrolling: touch) {
	.smart-main {background-attachment:scroll !important;}
}

/* --- Tabpanel for Multipane modules --- */
.multipane_tabs .x-panel-bwrap > .x-panel-body,
.multipane_tabs .x-plain-bwrap > .x-plain-body,
.multipane_tabs .x-plain-bwrap > .x-plain-body .x-column-inner {
	width: 100% !important;
	height: auto !important;
}
.multipane_tabs .x-panel-bwrap > .x-panel-body > .x-column-inner,
.multipane_tabs .x-panel-bwrap > .x-panel-body > .x-column-inner .x-column {
	width: 100% !important;
}
.multipane_tabs span.x-tab-strip-inner {
	width: auto !important;
}

/* Firefox fix for CSS :has() selector included in CopyCockpit Chatbot SmartBox */
/* Remove it when you are sure that :has() selector is enabled for Firefox in https://caniuse.com/?search=%3Ahas() */
.has-incms-chatbot,
.has-incms-chatbot .view-normal .ym-wrapper,
.has-incms-chatbot .view-normal .ym-wbox{
	height: 100%;
}
.has-incms-chatbot .view-normal{
	height: 100%;
	touch-action: pan-x pan-y;
}
.has-incms-chatbot .view-normal .ym-wbox{
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
}
.has-incms-chatbot .view-normal #main{
	flex: 1;
	padding-left: 0;
	padding-right: 0;
}
.has-incms-chatbot .view-normal #main *{
	height: 100%;
}

/****************************************************************************************************************************************/
/* mod_youtube  && mod_vimeo*/

.embed-container {
	position: relative;
	padding-bottom: 56.25%; /* 16/9 ratio */
	height: 0;
	overflow: hidden;
	display: table;
	width: 100%;
	background: grey; /* fix for nonstandard Vimeo video size  */
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/****************************************************************************************************************************************/
/* mod_mediaplayer */
#mediaplayer { margin: 0 0 20px 0; }

/****************************************************************************************************************************************/
/* mod_sitemap */

ul.sitemap { margin: 20px 0 0; list-style-type: none; text-align: left; }
ul.sitemap li { margin: 0; list-style-type: none; }

ul.sitemap li a { background: url(../../incms_core/5.2611.2/incms_web/base/styles/images/sitemap_single.png) no-repeat top left; padding: 0 0 0.5em 20px;  color: #444; display: block; text-decoration: none; font-weight: normal; font-style: normal; }
ul.sitemap li.sub a { background-image: url(../../incms_core/5.2611.2/incms_web/base/styles/images/sitemap_multiple.png); }

ul.sitemap li a:hover { opacity: 0.75; filter: alpha(opacity=75); color: #444; text-decoration: none; font-weight: normal; }

ul.sitemap ul { margin: 0 0 0 1.5em; }

ul.sitemap li, ul.sitemap .sub ul{font-size: 100%}

/* Breadcrumb Schema fix: masking the last as like no-link */
.breadcrumb > span:last-child a {
	color: inherit !important;
	pointer-events: none;
}

.breadcrumb > span:last-child {
	cursor: text;
}

/****************************************************************************************************************************************/
/* Iframe promo (Widgets) */

iframe.promo {
	resize: none;
	border: 0;
	width: 100%;
	height: 320px;
}

/****************************************************************************************************************************************/
/* mod_eshoplight */
form.yform label { display: block; margin: 0 0 5px; }
form.yform .type-text input, form.yform .type-text textarea {
	width: 97%;
}

.eshoplight_art_container {
	width: 100%;
	margin: 10px 0 20px;
}
.eshoplight_art_container div { float: left; }

.eshoplight_art_container a,
.eshoplight_art_container input[type=image] { float: left; margin: 0 0 0 5px; }

.eshoplight_art_container .artname { display: block; font-weight: bold; margin: 0 0 8px; }

.type-text { margin: 0 0 10px; }

input.basket_quantity,
input.art_quantity { border: 1px solid #888; text-align: center; max-width: 30px; }

.eshoplight_basket_container tr { line-height: 2em; }

.eshoplight_basket_container th,
.eshoplight_basket_container td { padding: 0 10px 0 0; }

.yform #order_captcha { margin: 10px 0 5px; }

.eshoplight_basket_container { margin-bottom: 25px; }

.comment_error { color: #f00; font-style: italic; padding-top: 15px; clear: both; }

.yform fieldset tbody.x-btn-small:hover { border-color: #000; }


.clickme {
	background: #fce30d;
	border: 1px solid #fdac27;
	-webkit-border-radius: 0.2em;
	-moz-border-radius: 0.2em;
	border-radius: 0.2em;
	float: left;
}
.clickme .clickmebutton {
	-webkit-border-radius: 0.2em;
	-moz-border-radius: 0.2em;
	border-radius: 0.2em;
	border: 0;
	background: 0;
	padding: 4px 10px 6px;
	color: #000269;
	border-top: 1px solid #fbf584;
}
.clickme .clickmebutton:hover,
.clickme .clickmebutton:active,
.clickme .clickmebutton:focus {
	cursor: pointer;
	background: #fdeb52;
	border-top: 1px solid #fcf8a8;
}

.eshoplight_art_container .gotocart,
.eshoplight_art_container .gotocart:hover {
	background-repeat: no-repeat;
	background-position: top left;
	background-color: transparent;
	width: 20px;
	height: 15px;
	margin: 8px 0 0 10px;
	padding: 0 0 0 25px;
	color: #444;
	font-size: 85%;
}

#nav-trigger {
	display: none;
	padding: 15px 0;
	position: relative;
	text-transform: uppercase;
	text-align: center;
	outline: 0;
}

#nav-trigger span {
	display: flex;
	justify-content: center;
}

/****************************************************************************************************************************************/
/* mod_langnav */

#menulangbottom { display: none; }
#menulangtop ul {
	float: right;
	padding: 0 24px 0 0;
}

#menulangtop li.flag_text a {
	background-repeat: no-repeat;
	background-position: 12px center;
	padding-left: 33px;
	background-size: 16px;
}

#menulangtop li.flag a {
	background-repeat: no-repeat;
	background-position: center;
	padding-left: 1.2em;
	padding-right: 1.2em;
	background-size: 16px;
}
#menulangtop li.flag a:before {
	content: " ";
	display: inline-block;
}
.menumod #menulangtop ul {
	padding-right: 0;
}

/****************************************************************************************************************************************/
/* Social Buttons */

ul.incms-social-buttons {
	margin: 0;
	list-style: none;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
ul.incms-social-buttons li {
	margin: 0;
	font-size: 100%;
}
ul.incms-social-buttons a {
	text-decoration: none;
	display: table;
}
ul.incms-social-buttons span,
ul.incms-social-buttons i{
	display: table-cell;
	vertical-align: middle;
}
ul.incms-social-buttons i {
	text-align: center;
}

/* Size medium */
ul.incms-social-buttons.size-medium li {
	line-height: 24px;
}
ul.incms-social-buttons.size-medium a {
	height: 26px;
}
ul.incms-social-buttons.size-medium i {
	font-size: 16px;
	width: 30px;
}
ul.incms-social-buttons.size-medium span {
	padding: 0 9px 0 0;
	font-size: 14px;
}
/* Size Small */
ul.incms-social-buttons.size-small li {
	line-height: 22px;
}
ul.incms-social-buttons.size-small a {
	height: 22px;
}
ul.incms-social-buttons.size-small i {
	font-size: 14px;
	width: 24px;
}
ul.incms-social-buttons.size-small span {
	padding: 0 7px 0 0;
	font-size: 12px;
}
/* Size tall */
ul.incms-social-buttons.size-tall li {
	line-height: 28px;
}
ul.incms-social-buttons.size-tall a {
	height: 32px;
}
ul.incms-social-buttons.size-tall i {
	font-size: 20px;
	width: 36px;
}
ul.incms-social-buttons.size-tall span {
	padding: 0 12px 0 0;
	font-size: 16px;
	font-weight: bold;
}

/* Orientation Horizontal */
ul.incms-social-buttons.orientation-horizontal li {
	float: left;
	margin-right: 5px;
}
ul.incms-social-buttons.size-small.orientation-horizontal li {
	margin-right: 3px;
}

/* Orientation Vertical */
ul.incms-social-buttons.orientation-vertical a{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
ul.incms-social-buttons.orientation-vertical li + li {
	margin-top: 5px;
}
ul.incms-social-buttons.size-small.orientation-vertical li + li {
	margin-top: 3px;
}

/* Facebook */
li.incms-social-facebook a {
	background-color: #3B5998;
}
li.incms-social-facebook a,
li.incms-social-facebook a:hover {
	color: #fff;
	text-decoration: none;
}
li.incms-social-facebook a:hover {
	background-color: #4c72c1;
}
/* Google Plus */
li.incms-social-google a {
	background-color: #d34836;
}
li.incms-social-google a,
li.incms-social-google a:hover {
	color: #fff;
	text-decoration: none;
}
li.incms-social-google a:hover {
	background-color: #e6503c;
}
li.incms-social-google i {
	/*padding-left: 4px;*/
	/*padding-right: 4px;*/
}

/* Twitter */
li.incms-social-twitter a {
	background-color: #55acee;
}
li.incms-social-twitter a,
li.incms-social-twitter a:hover {
	color: #fff;
	text-decoration: none;
}
li.incms-social-twitter a:hover {
	background-color: #5ebaff;
}

/****************************************************************************************************************************************/
/* Cookie notice */
.incms-dpbanner {
	--incms-dpbanner-version: 10;
	--dp-primary: var(--incms-primary, #2563eb);
	--dp-primary-text: var(--incms-primary-text, #fff);
	--dp-radius-panel: var(--incms-radius-lg, 16px);
	--dp-radius-control: var(--incms-radius-md, 12px);
	position: fixed;
	z-index: 9999;
	box-sizing: border-box;
	top: 0;
	left: 0;
	right: 0;
	color: #fff;
	margin: 0 auto;
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
	font-family: inherit;
}
.incms-dpbanner .fa {
	font-family: FontAwesome, serif;
}
.incms-dpbanner p a {
	color: inherit;
	text-decoration: underline;
	text-underline-offset: 2px;
}
body.show-dpbanner {
	overflow: hidden;
}
.show-dpbanner .incms-dpbanner:before {
	content: '';
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 99999;
	overflow: hidden;
}
.incms-dpbanner[data-mask]:before {
	background-color: rgba(17, 24, 39, 0.46);
	backdrop-filter: blur(2px);
}
.incms-dpbanner-wrapper {
	max-width: 760px;
	margin: 0 auto;
	min-height: 100%;
	display: flex;
	overflow: hidden;
	box-sizing: border-box;
	padding: 24px 16px;
}
.incms-dpbanner .incms-dpbanner-inner {
	font-size: 16px;
	opacity: 0;
	transform: translateY(-24px);
	transition: opacity 0.24s ease, transform 0.24s ease;
	padding: 24px;
	border-radius: var(--dp-radius-panel);
	position: relative;
	z-index: 99999;
	width: 100%;
	height: auto;
	background-color: #20242c;
	border: 1px solid rgba(255, 255, 255, 0.12);
	box-shadow: 0 34px 90px rgba(0, 0, 0, 0.36);
	pointer-events: auto;
	margin-left: auto;
	margin-right: auto;
	line-height: 1.5;
}
.incms-dpbanner[data-position=bottom] .incms-dpbanner-inner {
	transform: translateY(24px);
}
.show-dpbanner .incms-dpbanner .incms-dpbanner-inner {
	opacity: 1;
	transform: translateY(0);
}
.incms-dpbanner[data-fullwidth] .incms-dpbanner-wrapper {
	max-width: none;
}
.incms-dpbanner[data-fullwidth] .incms-dpbanner-inner {
	border-radius: 0;
	border-left: 0;
	border-right: 0;
}
.incms-dpbanner[data-position=center] .incms-dpbanner-wrapper {
	align-items: center;
}
.incms-dpbanner[data-position=top] .incms-dpbanner-wrapper {
	align-items: flex-start;
}
.incms-dpbanner[data-position=bottom] .incms-dpbanner-wrapper {
	align-items: flex-end;
}
.incms-dpbanner[data-pagemargin="50"] .incms-dpbanner-wrapper {
	padding-top: 50px;
	padding-bottom: 50px;
}
.incms-dpbanner[data-pagemargin="100"] .incms-dpbanner-wrapper {
	padding-top: 100px;
	padding-bottom: 100px;
}
.incms-dpbanner[data-theme=light] .incms-dpbanner-inner {
	color: #1f2937;
	background-color: #fff;
	border-color: rgba(15, 23, 42, 0.1);
	box-shadow: 0 34px 90px rgba(15, 23, 42, 0.22);
}
.incms-dpbanner-consents {
	max-height: 0;
	overflow: auto;
	transition: max-height 0.24s ease-in-out, margin-top 0.24s ease-in-out;
	font-size: 100%;
	margin-top: 0;
	border-radius: var(--dp-radius-control);
}
.more .incms-dpbanner-consents {
	max-height: 400px;
	margin-top: 16px;
}
.incms-dpbanner-consents .dp_consent_item {
	display: block;
	padding: 14px 16px;
	margin: 14px 0 0;
	font-weight: normal;
	background: rgba(255, 255, 255, 0.06);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: var(--dp-radius-control);
	transition: background-color 0.18s ease, border-color 0.18s ease;
}
[data-theme=light] .incms-dpbanner-consents .dp_consent_item {
	background: #f8fafc;
	border-color: #e5e7eb;
}
.incms-dpbanner-consents .dp_consent_item.showdesc {
	background: rgba(255, 255, 255, 0.08);
	border-color: rgba(255, 255, 255, 0.14);
}
[data-theme=light] .incms-dpbanner-consents .dp_consent_item.showdesc {
	background: #fff;
	border-color: #dbe3ee;
}
.incms-dpbanner[data-theme=dark] .dp-title,
.incms-dpbanner[data-theme=dark] p,
.incms-dpbanner[data-theme=dark] button.dp_learnmore {
	color: #fff;
}
.incms-dpbanner[data-theme=dark] button.dp_learnmore,
.incms-dpbanner[data-theme=dark] button.dp_reject,
.incms-dpbanner[data-theme=dark] .dp_accept_selected {
	background: rgba(255, 255, 255, 0.06);
	border-color: rgba(255, 255, 255, 0.28);
	color: #fff;
}
.incms-dpbanner-consents .dp_consent_head {
	display: grid;
	grid-template-columns: 46px minmax(0, 1fr) 20px;
	column-gap: 12px;
	align-items: center;
	width: 100%;
	cursor: pointer;
	line-height: 1.4;
}
.incms-dpbanner-consents .dp_consent_item label {
	display: block;
	position: relative;
	width: 46px;
	height: 26px;
	margin: 0;
}
.incms-dpbanner-consents .dp_consent_item input {
	position: absolute;
	inset: 0;
	width: 46px;
	height: 26px;
	margin: 0;
	opacity: 0;
	cursor: pointer;
}
.incms-dpbanner-consents .checkbox {
	position: relative;
	display: block;
	width: 46px;
	height: 26px;
	float: none;
	cursor: pointer;
	line-height: 26px;
	margin-top: 0;
}
.incms-dpbanner-consents .checkbox:before {
	content: '';
	display: block;
	width: 46px;
	height: 26px;
	line-height: 26px;
	margin-right: 0;
	background: var(--dp-primary);
	border: 1px solid var(--dp-primary);
	transition: background-color 0.2s ease, border-color 0.2s ease;
	border-radius: 999px;
	box-sizing: border-box;
}
.incms-dpbanner-consents .checkbox:after {
	content: '';
	position: absolute;
	top: 4px;
	left: 4px;
	width: 18px;
	height: 18px;
	background: #fff;
	border-radius: 50%;
	box-shadow: 0 1px 4px rgba(15, 23, 42, 0.28);
	transition: transform 0.2s ease, background-color 0.2s ease;
}
[data-theme=light] .incms-dpbanner-consents .checkbox:before {
	background: var(--dp-primary);
	border-color: var(--dp-primary);
}
.incms-dpbanner-consents .dp_consent_item input:checked + span:after {
	transform: translateX(20px);
}
.incms-dpbanner-consents .dp_consent_item input:not(:checked) + span:before {
	content: '';
	background: rgba(255, 255, 255, 0.08);
	border-color: rgba(255, 255, 255, 0.42);
}
[data-theme=light] .incms-dpbanner-consents .dp_consent_item input:not(:checked) + span:before {
	background: #fff;
	border-color: #cbd5e1;
}
.incms-dpbanner-consents .dp_consent_item input[disabled] + span:before {
	background: rgba(148, 163, 184, 0.34);
	border-color: rgba(148, 163, 184, 0.34);
}
.incms-dpbanner-consents .dp_consent_item input[disabled] + span {
	opacity: 0.92;
	cursor: not-allowed;
	pointer-events: none;
}
.incms-dpbanner-consents .dp_consent_item input:focus + span:before {
	box-shadow: 0 0 0 3px color-mix(in srgb, var(--dp-primary) 24%, transparent);
}
.dp_consent_title {
	display: block;
	min-width: 0;
	line-height: 1.4;
	font-weight: 700;
	overflow-wrap: anywhere;
}
.dp_consent_showdesc {
	justify-self: end;
	margin: 0;
	padding-left: 0;
	font-weight: 100;
	position: relative;
	top: -1px;
}
.showdesc .dp_consent_showdesc:before {
	content: "\f077";
}
.incms-dpbanner-consents .desc {
	display: block;
	padding: 12px 0 0 58px;
	margin: 0;
	color: rgba(255, 255, 255, 0.82);
	font-weight: 400;
	line-height: 1.55;
}
.incms-dpbanner[data-theme=dark] .incms-dpbanner-consents .desc {
	color: rgba(255, 255, 255, 0.82);
}
[data-theme=light] .incms-dpbanner-consents .desc {
	color: #475569;
}
.incms-dpbanner button,
button.showdataprotection {
	padding: 10px 16px;
	font-weight: 700;
	border: 1px solid rgba(255, 255, 255, 0.18);
	background: rgba(255, 255, 255, 0.08);
	border-radius: var(--dp-radius-control);
	margin: 16px 8px 0 0;
	text-align: center;
	min-width: 120px;
	cursor: pointer;
	outline: none;
	transition: background-color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
	font-size: inherit;
	line-height: 1.2;
	color: inherit;
}
.incms-dpbanner button.dp_learnmore,
.incms-dpbanner button.dp_reject {
	position: relative;
	background: rgba(255, 255, 255, 0.06);
	border-color: rgba(255, 255, 255, 0.28);
	color: #fff;
}
button.dp_learnmore > span:last-child,
.more button.dp_learnmore > span:last-child {
	display: block;
}
.more button.dp_learnmore > span:first-child,
button.dp_learnmore > span:last-child {
	display: none;
}
.incms-dpbanner .dp_accept {
	background: var(--dp-primary);
	border-color: var(--dp-primary);
	color: var(--dp-primary-text);
	box-shadow: 0 12px 28px rgba(15, 23, 42, 0.18);
	box-shadow: 0 12px 28px color-mix(in srgb, var(--dp-primary) 30%, transparent);
}
.incms-dpbanner .dp_accept_selected {
	background: rgba(255, 255, 255, 0.06);
	border-color: rgba(255, 255, 255, 0.28);
	color: #fff;
}
.incms-dpbanner[data-theme=light] .dp_accept {
	color: var(--dp-primary-text);
}
.incms-dpbanner[data-theme=light] button {
	border-color: #d1d5db;
	background: #fff;
	color: #1f2937;
}
.incms-dpbanner[data-theme=light] button.dp_learnmore,
.incms-dpbanner[data-theme=light] button.dp_reject {
	background: rgba(15, 23, 42, 0.035);
	border-color: #d1d5db;
	color: var(--dp-primary);
}
.incms-dpbanner[data-theme=light] .dp_accept_selected {
	background: rgba(15, 23, 42, 0.035);
	border-color: #d1d5db;
	color: var(--dp-primary);
}
.incms-dpbanner[data-theme=light] .dp_accept {
	background: var(--dp-primary);
	border-color: var(--dp-primary);
}
.incms-dpbanner[data-buttoncolors=neutral] .dp_accept,
.incms-dpbanner[data-buttoncolors=neutral] button.showdataprotection,
.incms-dpbanner[data-buttoncolors=neutral] button.dp_learnmore,
.incms-dpbanner[data-buttoncolors=neutral] button.dp_reject,
.incms-dpbanner[data-buttoncolors=neutral] .dp_accept_selected {
	background: rgba(255, 255, 255, 0.06);
	border-color: rgba(255, 255, 255, 0.28);
	color: #fff;
	box-shadow: none;
}
.incms-dpbanner[data-theme=light][data-buttoncolors=neutral] .dp_accept,
.incms-dpbanner[data-theme=light][data-buttoncolors=neutral] button.showdataprotection,
.incms-dpbanner[data-theme=light][data-buttoncolors=neutral] button.dp_learnmore,
.incms-dpbanner[data-theme=light][data-buttoncolors=neutral] button.dp_reject,
.incms-dpbanner[data-theme=light][data-buttoncolors=neutral] .dp_accept_selected {
	background: rgba(15, 23, 42, 0.035);
	border-color: #d1d5db;
	color: #1f2937;
	box-shadow: none;
}
button.showdataprotection{
	background: var(--dp-primary);
	border-color: var(--dp-primary);
	color: var(--dp-primary-text);
}
.incms-dpbanner button:hover,
.incms-dpbanner button:active {
	opacity: 1;
	transform: translateY(-1px);
	box-shadow: 0 10px 22px rgba(15, 23, 42, 0.18);
}
.embed-container > [data-no-consent] {
	width: 100%;
}
.embed-container > [data-no-consent],
.embed-container > [data-no-consent] > div:before {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	box-sizing: border-box;
}
.embed-container > [data-no-consent] > div {
	display: inline-block;
	max-width: 88%;
	padding: 18px;
	border-radius: var(--dp-radius-panel);
	background: rgba(15, 23, 42, 0.82);
	box-shadow: 0 24px 70px rgba(0, 0, 0, 0.3);
}
.embed-container > [data-no-consent] > div:before {
	content: "\f023";
	font-family: FontAwesome;
	display: block;
	position: static;
	top: auto;
	left: auto;
	transform: none;
	margin-bottom: 8px;
	font-size: 28px;
	color: rgba(255, 255, 255, 0.62);
	z-index: auto;
}
.embed-container [data-no-consent] p {
	color: #fff;
	margin: 0;
}
.incms-dpbanner .dp-title {
	font-size: 22px;
	font-weight: 700;
	line-height: 1.2;
	margin-bottom: 10px;
}
.incms-dpbanner p,
.incms-dpbanner-consents .desc{
	font-size: 100%;
	text-align: left;
}

/* Compact */
.compact .incms-dpbanner-wrapper {
	max-width: 540px;
}
.incms-dpbanner.compact .incms-dpbanner-inner{
	text-align: center;
	padding: 20px;
}
.incms-dpbanner.compact .dp-title {
	text-align: center;
}
.compact .incms-dpbanner-inner{
	font-size: 16px;
}
.incms-dpbanner-consents .desc{
	padding-top: 5px;
}
.incms-dpbanner.compact button {
	padding: 9px 14px;
}
.compact .dp_consent_title{
	line-height: 1.3;
}
.compact .incms-dpbanner-consents .dp_consent_item {
	text-align: left;
	padding: 12px 14px;
	margin-top: 12px;
}
.incms-dpbanner.compact .fa {
	font-size: 11px;
}
.compact .dp_consent_showdesc {
	margin: 0;
}
@media (max-width: 600px) {
	.incms-dpbanner-wrapper {
		padding: 12px;
	}
	.incms-dpbanner[data-position=center] .incms-dpbanner-wrapper,
	.incms-dpbanner[data-position=top] .incms-dpbanner-wrapper,
	.incms-dpbanner[data-position=bottom] .incms-dpbanner-wrapper {
		align-items: flex-end;
	}
	.incms-dpbanner .incms-dpbanner-inner {
		padding: 18px;
		border-radius: var(--dp-radius-panel);
	}
	.incms-dpbanner .dp-title {
		font-size: 20px;
	}
	.incms-dpbanner button,
	button.showdataprotection {
		width: 100%;
		margin-right: 0;
	}
}
/****************************************************************************************************************************************/

.incms-form-container {
	clear: both;
	position: relative;
}
.incms-form-container .ajax-progress{
	height: 100%;
	left: 0;
	opacity: 0.5;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1000;
	display: none;
}
.incms-form .hidden{
	display: none !important;
}
.incms-form .incms-form-text.captcha {
	max-width: 192px !important;
}
.incms-form {
	margin: 0;
	display: block;
	float: none;
	clear: none;
	text-align: left;
}
.incms-form .incms-form-item-label > span {
	font-weight: inherit;
	padding: 3px 3px 3px 1px;
	display: inline-block;
}
.incms-form textarea {
	overflow: auto;
}
.incms-form div,
.incms-form div:focus,
.incms-form button{
	-webkit-appearance: none !important;
	outline: none;
}
.incms-form button {
	cursor: pointer
}
.incms-form .incms-form-item {
	padding-bottom: 10px;
}
.incms-form input,
.incms-form select,
.incms-form textarea,
.incms-form textarea.incms-form-textarea,
.incms-form input:focus,
.incms-form textarea:focus,
.incms-form textarea.incms-form-textarea:focus {
}
.incms-form .incms-form-field {
	border: 1px solid #d0d0d0;
	margin: 0 0 5px;
	padding: 6px;
	border-radius: 0.25em;
	-webkit-border-radius: 0.25em;
	-moz-border-radius: 0.25em;
	-webkit-box-shadow: inset #e0e0e0 0 0 20px;
	-moz-box-shadow: inset #e0e0e0 0 0 20px;
	box-shadow: inset #e0e0e0 0 0 20px;
	background: #fdfdfd;
	-webkit-appearance: none;
	-moz-appearance: none;
	box-sizing: border-box;
	display: block;
	width: 100%;
	outline: none;
	line-height: 18px !important;
}
.incms-form .error .incms-form-field {
	background-color: #ffeeee !important;
	border-color: #ff7870 !important;
}
.incms-form .terms-field.has-error {
	background-color: transparent;
	border: none;
	color: #ff7870;
}
.incms-form .select-wrapper {
	position: relative;
}
.incms-form .select-wrapper:before {
	content: '';
	position: absolute;
	right: 10px;
	top: calc(50% - 4px);
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 8px solid #636363;
	z-index: 1;
	pointer-events: none;
}
.incms-form .radio {
	padding: 4px 0;
}
.incms-form .radio span,
.incms-form .checkbox span {
	margin-left: 2px;
	flex: 1;
}
.incms-form .checkbox {
	margin-bottom: 15px;
	padding-top: 8px;
	padding-bottom: 8px;
}
.incms-form .checkbox.terms-field{
	margin: 0 0 5px;
	padding: 0;
}
.incms-form .checkbox.rememberme{
	margin: 0 0 5px;
	padding: 0 0 10px;
}
.incms-form .checkbox,
.incms-form .checkbox label,
.incms-form .radio label{
	display: flex;
	align-items: baseline;
}
.incms-form .checkbox.terms-field label{
	flex: 1;
	color: inherit;
}
.incms-form .checkbox.rememberme .incms-form-item-label,
.incms-form .checkbox.terms-field .incms-form-item-label{
	line-height: normal !important;
}
.incms-form .checkbox.rememberme .incms-form-item-label > span,
.incms-form .checkbox.terms-field .incms-form-item-label > span{
	padding: 0;
}
.incms-form .checkbox input,
.incms-form .radio input {
	margin: 0 5px 0;
}
.incms-form .incms-form-field {
	font: normal 14px tahoma, arial, helvetica, sans-serif;
}
.incms-form .incms-form-field, .incms-form label span {
	color: inherit;
}
.incms-form-element.error {
	background: transparent;
}
.incms-form .errormessage,
.incms-form .errormessageicon{
	font-size: 12px;
	color: #ff7870;
	padding: 0 2px;
}
.incms-form .errormessage .errormessageicon {
	padding-left: 0;
	padding-right: 4px;
}
.incms-form .errormessageicon{
	font-family: FontAwesome;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.incms-form .errormessageicon:before {
	content: "\f071";
}
.incms-form .errormessage:empty {
	display: none;
}
.incms-form .incms-form-element.from-file {
	position: relative;
	overflow: hidden;
}
.incms-form .from-file span {
	position: absolute;
	height: calc(100% - 15px);
	top: 0;
	right: 0;
	font-size: 12px;
	box-sizing: border-box;
	background: #fff;
	margin: 5px;
	border-radius: 0.25em;
	padding: 0 10px;
	border: 1px solid #d0d0d0;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}
.incms-form .incms-fake-input {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
}
.incms-form-header {
	display: table;
	width: 100%;
	margin-bottom: 10px;
}
.incms-form-header > * {
	display: table-cell;
}
.view-edit .g-recaptcha {
	display: none;
}
.g-recaptcha {
	margin-bottom: 15px;
}
.g-recaptcha:empty{display: none}
.g-recaptcha > div {
	margin-bottom: 3px;
}
.tooltip {
	position: relative;
	display: none;
	color: #006080;
}
.incms-form .tooltip.active{
	display: inline-block;;
}
.incms-form .tooltip .tooltiptext {
	visibility: hidden;
	position: absolute;
	min-width: 80px;
	line-height: normal;
	background-color: #555;
	color: #fff;
	text-align: center;
	padding: 4px 10px;
	border-radius: 6px;
	z-index: 1;
	opacity: 0;
	transition: opacity .6s;
	white-space: nowrap;
}
.incms-form .tooltip:hover .tooltiptext {
	visibility: visible;
	opacity: 1;
}
.incms-form .tooltip-right {
	top: -4px;
	left: 135%;
}
.incms-form .tooltip-right:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 100%;
	margin-top: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: transparent #555 transparent transparent;
}
.incms-form .tooltip-bottom {
	top: 135%;
	left: 50%;
	margin-left: -60px;
}
.incms-form .tooltip-bottom::after {
	content: "";
	position: absolute;
	bottom: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: transparent transparent #555 transparent;
}
.incms-form .tooltip-top {
	bottom: 125%;
	left: 50%;
	margin-left: -60px;
}
.incms-form .tooltip-top:after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: #555 transparent transparent transparent;
}
.incms-form .tooltip-left {
	top: -5px;
	bottom:auto;
	right: 128%;
}
.incms-form .tooltip-left:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 100%;
	margin-top: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: transparent transparent transparent #555;
}
.incms-form .alert {
	padding: 8px;
	margin-bottom: 15px;
	border: 1px solid;
	border-radius: 4px;
}
.incms-form .alert span {
	margin-right: 6px;
}
.incms-form .alert-danger {
	background-color: #FEE;
	border-color: #FF7870;
}
.incms-form .alert-success {
	background-color: #c9f7c9;
	border-color: #8fd091;
}

.incms-form .datefield:after {
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\f073";
	position: absolute;
	top: calc(50% - 9px);
	right: 10px;
	pointer-events: none;
	z-index: 1;
}
.incms-form .datefield {
	position: relative;
}

/* Date Picker Default Styles */
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.2em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 6px;
}
.ui-datepicker .ui-datepicker-next {
	right: 6px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}
/* states and images */
.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}
.ui-datepicker {
	padding: 0;
	border: 1px solid #dddddd;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	font-size: 14px;
	width: 17em;
	border-radius: 4px;
	overflow: hidden;
}
.ui-datepicker * {
	padding: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
.ui-datepicker table {
	font-size: 13px;
	margin: 0;
}
.ui-datepicker .ui-datepicker-header {
	border: none;
	background: #555;
	color: #fff;
	font-weight: normal;
	border-radius: 0;
}
.ui-datepicker .ui-datepicker-header .ui-state-hover {
	background: #222;
	border-color: transparent;
	cursor: pointer;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 3px;
}
.ui-datepicker thead {
	background: #696969;
	color: #fff;
}
.ui-datepicker .ui-datepicker-title {
	margin-top: .4em;
	margin-bottom: .3em;
	color: #fff;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover,
.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev {
	height: 1.2em;
	top: .9em;
	border: none;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 6px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 6px;
}
.ui-datepicker .ui-datepicker-next span,
.ui-datepicker .ui-datepicker-prev span {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQAAAADwCAQAAABFnnJAAAAAAmJLR0QA/4ePzL8AAAAJcEhZcwAAAEgAAABIAEbJaz4AABe4SURBVHja7V1diCXHdf56vbZmVl6nxwKFO2yyq1mM4qAwM7oDsR6C7iYIKesH3V1QHgyBu5YYJwHjrB9NQCuByIthHbAga6TZxeBgHMJKISZ+SDIb1oQgRtoVgtjGyD8PmSGQMIpfJmCLk4f+q6o+daq6+965P1VfM3Pv7VN16ud8Vd1dp6o6IUSEjBPTzkDEdBEJEDgiAXT0QOhNOxPHiUgAFT3sA9gPiQLjJsD0208Pbe9rM/OvwkaBQvP0yzhG6ASQO0AqDwmu9mOPT3nqPWsYV9qFEduVIDP/QU4BSfMC9REqAcbRAa520FDELdphc3SJCyRIcADgAAkSQXOXMs4ckrIxFEUs2oENBNSqR0WmJ2kVv2hltvRdaVPHvPtqdpVxjlD1AHIH6AupDbovH1nqkgllLd3apnQJUjV362dmDEnjOya5FUltsEqqbdtxa5Dbppx3uQ+sNLv6mblCcwLIoKlXTQ/7rQkmX4IKzdMv4xgxbgLMO3rYXyTzuhEJEDjiSGDgiAQIHJEAgSMSIHBEAgSOSIDAEQkQOOJ8ADPutPN/zGgyH8BvRoDLGdMT5wPIKbjN02U+gNsdnuV9oUjSbD6AnwdMrkK7gVYt3311u8zv0r5vfNq1L8xsgPp8gAz20fAilORvs8tdsX3mA0i5k1N3x5dBue7icyGgzwfgvus48OoF+DDu9ukzH0Bqf355s9OHnLMNmqQ0F2jjDJIcrrM+H0Ail6v/KUoe3cECpl85XecDTDv/x4zoDg4ccSAocEQCBI5IgMARCRA4IgECRyRA4IgECBwnp52BmQNNcZS/+1hp4/yf7BZ9IpUwzRyQMwftXUHumFMouX4JIED09fvsD0AtJE3RNg1X/jPTJ6IWNznaxvYrgU+oBnFPaAFcxU88CmCPn3hUkE8RSHD2+OQvEWT6Z7M0Com7BuQSygQiR2zA1Yi1/KuXAN/i22bruCspGUMHT6In0nUV7ZIDKmMnrFRNnUulaF72PJAgl3VXpZObgZrLBGh6E0gerccVyoed7dq4n3ETD+2SgXz0tq0BqQn66HbXQU3e5DGw6uJ8QvEyuQt0M1jW4epi/bpoVwtype5zE9kWboq75VoOTHdw6E8B851+i8fIOB8gcMSRwMARCRA4IgECRyRA4IgECByRAIEjEiBw6ItDi81Spwf3fuCThE8N+HhE28VzrY32TaURKgIUC6N8tntvVwHjQztdrpz71YC01Wzljes1jp35KYvDXoZe6xogI5cA+MWh8hJOH492jzk3PgrYdPltDWHPv18N2NLoGctre41iVyVw9UDdlqbXFujqQ8E+26m7lmDbFoj6zaRx58Cmx72FuzvnfhvS8z63umkTQ+5aWF4Zh1ufSJpm2WFsc1gn9TBNCeBfAUmDuH45kKvQJ3332n57+q7YLgK460A2oJsAMoEsBGj2FFBVQBuPVaLo4LWT9iml3wZVvtveQ0ipr+bS4grO7yAgpV/E5O8BXJqrvRuk9c1mLhvOB5AqQL+BkYovZ04qoqRDLZp72hdnAjcBpRIcGBtIHDTW4AfJvAfla2/8commlwA/XzU5t4iQr4JdYvtVL18Ov2tw9yltkp72L7Vx3wOwiPMBVPScb0xaOEQCBI44FBw4IgECRyRA4IgECByRAIEjEmDcmLPHKnM+gAuSv8qn6L2O/u5Jo3vuEsdg94yVvT4fQILkMfcZJSw8dqseC0zt6Lq4Sl4enjiXv7oNbIsvaZ8SqoEgNVvu3X7rg43q0sh2b//2HWgGJI+dK3ZiDaeetXk7pcWj5CX1L+mxgL8HsE06kP1V1aWhzaSFrOW4p03Z9zAg+Pr6kgZnuXS59N0rm2cS5vsCqips+gZu8xKSNIhbSP2WQLsXb7ffQkIyo6uH8Ncs7RFwzKh6ANVR2CZrrjcJuJ2tXa+OidKD8D2E/smFGE8r5lLQe48ZMb9+CTgoM8V14FkHn0334nEgzgfw8fa7t4eQUc0F4KdUyFVfXYTsu4sUIZOGUjVE2wk1EwHvDSRrB+7jLLXdBI7D2eo3a7HtjabPTSQAB0Fnxrg+iO5gHTPTNR8XIgECRxwKDhyRAIEjEiBwRAIEjkiAwDF7BEhny1u26DAJ4OfLllw25CW1hUhxeCxP4tPeB2Fm0Gy7eJ/tpBOsdMjPIQqSpGK4tlvWV1igN4B3gU4AeZRaHu0uWnWKQ5YCVA6U8mv3sq5/pQxxaIlffGu3qbra+/i9an7BURFA3+69jsofbtsyPUGSm/8DNi25a8+6/g+wIqydLVLn09dnFJha/LaPCA7FULDf6nYJxVwbm/nNuThmL+L6LZ2tS8xw5vYR0lvOg4I6JSxB3Uwm7FMZ/CZE2CeVmQSyTcngc+jaPkEn+IK9Ar4LqhdGqFVm32DE/dYL39dK2OQZBah2H1E4gvld+fX8+Lw2IgIAtz+A38r1ul/evUONJM1uHuUQurbE61wB9w5CgcL/hRH6rNjq+7hhv4voBv/tI4LCrM0HmJT5IyyYNQJEHDNmzxcQcayIBAgckQCBIxIgcCwSAfqlJ6A/Ef0nsZQfzd63OtPICDDMK24Xw9aaXnZ4+l0g3NBmCzQ1Yh975fc9Nna/Ez1O4ld4FEc4wqP4FUuBvjP3a7l0zZKGXe6KCTxnHHIKxtwOoqs0oAENSUUVtjo/JFgOKj+3tbhqCF57doyor8lHmrRPJvqN5HoOudytGfHXDPkSrRPREi0R0TotCTXAp1GHVEP+EjXEtncZyxAFk+8BAO5YJnPcxpdxD0CK2+W5O7hgZeMXLCOKy+W3o5rsJr4htL89ZBtLZNgHYU9LYQ9bSg8AbBlyN95Xcpfl0Ix/H8t4EEAf942wej6BLUbim5suL5+XsYb3y++lpoIA9/NPdRqGmuV7AH6EI3G2z1L+ecMa4qNC7Ct4D9uC/JLmSr6kUDHD2woFtvC2ISWoizP5FYYfxS/K759g8/AgPoEEp4RcXhRkpkeSl/MvoE4YLc0IXpj/D/DP6unqWnboUPAjHNXC6FnICLAiaLO1G8DVAwBvlRQgXMJbTIiCAnXzZ0iNz3rufl3M6Qb+G38I4B+xwcZ/GygpxOdgK++p9N7qOFCY/4+wrFPA936WM3+9AgG5o8razk9ZmasHKCgAi/mRpw7rTd5549PEEn6efzvLSB/Eu9jAfQAbeBcP4f8MuTkLqe0yU3dH7wrxOfxN7Vxm/i/gQQD/AADFBdz/MbBufrOAp3AKp7CMU9ZO8gE8gAcAcC3spsP8QA9v4RIu4S3LdM4+DjDEEAct7/OX8Vv5sVzLXw9nQPgFNrCBEyCcEaeUblmMf075s2EJLrhCfIs5l5H+Bj6G7wAALuBOJmj/RFsv4rIzzg+FkK4eoIcDIG/7B0z19zU5R4HfMD7NKspayQayOyK9n3gY9wH8pPx9HxvCjKIuHfxRxxD8hNmf5OXL7s9K86N8DEwdj1HuR5iXNfnL1scV+2PMjQk+BhYPSdWnLRd95hGQe4hzPeg1fQwGjayl9wmhlpDXXzwEDtSzs+MO7gP4HeX3e5YbqcmCAJxXWvr4tWeYztSUNbyvtX7E+QDBY5F8AREtEAkQOCIBAkckQOCIBFgsvIJXmkXQCZCC4FqYbQeVjoyujxZ9cB71LeXxte5vGxqPvUNDvm3IuUEn1Vu+NgE5APylo34GGLSut9P4Cr6C045QI4wwKn8pdZISUZ/6RJTWBhF2aSkfRrhG6zRkh0Fu5AMR23TDkMuebPPos+G3FE82EdEWOxBSHPX47oGcLMw6rdP6hORFmGxQx5QMqBiQS83hmtw6RNuEvHQpo/suERHdFWu3GEwa0TkCQU+gn4+h1dUT9RqNg3FyENGf5X9XrRXUp2wCSt+iH5YUXAYmAv07ge4R6N+InzJBtJ5L1gU5RPlpWqLTFnlR/SMaNa7BAtusfLsWe5tNf0hEI0qrkUTVHVw4Kfew1WqjFnWuAO85fAL7+DF+gJ/jPYtPsI89XMIbVpduF/wTfhffwwa+hyfwL9ZQ2Vj6hijXxyx1/LLmJ6wwwk0AyP/X6+9Q+8WDn21x1uMMAHwJwEp+eUzxAcoe4IYxmt6nG417ALWDs/UAV4noL4joFbaF9InY1j+uHuBvCfRdAn2Llpj0H3X0AIUcotzeA4y03JmXgIGS6wyDRuX7qib7KlOD5+hcPXUziX5OhHr1j4MAn6HfpM/R+fyvifn1WXE2AqRElFKaXy9N+XeI6Nv539/V5EX5bNfwSv64Q87Hr6692XG+IQFMd10q1JDsatLOmwrUT122RENCyaEBE0ImQN1f18T8ZvFkAvDys/Rdeph26WH6e/q0IV+t5W5trPLK/LAeuolTUW6T3s1vBE35iIpr/25bAsBxUJ6N1DM8b+C+Vb5lVDD3FJCWRecJYidghsccuesih8P8Pi73ggIpI3uKPsxv/LbpQ3qKIcBVGtXj+ibvNqh+H8rfg0qTlmXzmxTYqkld07plORFRz2GcLvKR0/yux8CKAqkl9nPl9+dqsa09kK87eB3v+gWM6IgBoHvsx4QRAOCWeTrOBwgc0RcQOCIBAkckQOCIBAgc4REgcxsPGMmgfDZ61EOPbTfFOburVgmwXlbAemt9NLUqSEHYyb/vwDar4Vq+qHS3RoHfxy4u4zI+hU/hh/h0LWZWO1fzX9mepeq+55v4LAhP4AkQPovNWnx5+4ph7cF+6JC7QgxraRgjQObZdSLapSEN6ZAqpwc34CENZpAzRPtjlOdrnR1UybBDoB1rLorhkHPsUNep8vgYOxa6Q8M8B5meAZO+fRyv8FKklmEw+UwVO7XoycYa+7k3B0z51BjrxXc1QDZKvENEh1YjTpMAxVgWn0Zh9uqzruGaONZ5gj5CCSX0ETrBGmRIIKJB6dPncicTQPWHmCuXMm9Iv6zjOgGgzaKoEyDTul2OyXIEOEOr+cEQYJhX4w4748dFAHJWgdu4cvx1Rcb1UDuKnDN/KuonSspjjUn9eh5rlx9SpWz3kOLgCWBPn8oZV7wGKn2cQwKdYwkAhQB8n7JOm7RZ+isZAuzkVcdP+XIxXA7RTMoTyOVTk1p/NeMpw8CQf5uI1vKD6DqjYVC6bLn0iU53IsBD+dmHyv9m7KL/GhLROUsPYK+/PhGdoTO0Smdok4iuZefV9wV8gBQ38fn8FknecR9OubSbuFvKpbBe7mOSrdE38U38cfn9+/g9TZYqM56AK/UxcazjS8qvl/EzIfWslszyrwD4EADwS2aDGcKKNs/KfMHFI9p5ws8MuT5f6Ca+bMzayrbwzybL7jHb+RMeB/BfAID/VGpX62APaUhD2qXZvAksWh+fxjfL1p/hrhG3n7f71Kp/s2w759jUd+gqUd4Odxh59vmQ5UbPnGhjtt/H6DHjv9x/NL8HGFKfNmmTNolos34JUK+xNvPP/lPAXSrmxnLVM3CksEPbtM1Op0IeO6MQRwESfpln12ohhrUOfGjEPFc7mt0DEA3Lw0IA31Y4LQLIR6q0+rtkes2z1uFTOlv+s57lkFIqbieTWtzP02eoJ9QSEZT7DF22lD8FZP/NbejqBDEpMhSlaum0MkZ3sIqH8BKAF/E/rHSEFdzM32aQ4n/xa9qbDVz3SIC+meUk5j23QCRA4AjPFxChIRIgcEQCBA6TAEPrfuEXcau8obwlbokaMU/QHhRuExHRbeYB5ou1h5AvTuVhLx5jPtQfz5TGfcYIdlF7eixwkVG4R0R71uR+6jkgA48Qx3/sKfTfm3puJkCA21T4nMw+4DWWAK8xCuWBoNowhNX8HEncy6tcIVxyor1yuGiPlfvlf46O6uszmoH1PsCGpgQAgV24WTd/vZ9Q19byBnSFGBHR07RET1s1+JVuQQmQXf8Lr7PeB+gFl6phm2zLwlTz7zKSQfnJXyZcxkFu+DQnAid/Ov/2tKBhT0hjgQkwIBOqAfwJwHfeuqZ7jEeuiGczvy8BUrL3MVSOsNf99RXsBOgT0R7t0R75+BXm5DArwPzelACuozBS3fyZ2W3mn4UeYIFvAqv2nyp+58oMX2cJ8HVGoasHsB1qD8THn/49gJuCc3hwRasX8ilW+hSj0FU5dqnU+nUDj1qH6PoUkIWZutHGT4A91sBqFTxfkz5vNeNASFCiR9ve43iPBSOAvzv4SQzx5/n3r+EN/Ou0xzCnhLbvAppRxPkAgSN6AwNHJEDgiAQIHJEAgSMSIHBEApgYgFpL5xAqAYjZNkEHYVyvhJgWbgjvNgeAAXZbS+cTxigd0a4wGqd6A0xJES+1ahjQbu4IGtCuoAGEfHmTLt/WNLVx1w4cg80Dj9hFDdi1zNXBV5/NhBIB1Hj1ah6UcQb5CntZg50Atvg+BJCksqOnLl2QIWFbIflpHS4CZCasfutSEErjuTTYCGCP7yZAUxPbpfwGDHN58DeBd3AB32hxPbmDC7iAbJ3cBWXMPFHOXhB3wi002OCKfzxYJG9AjeWLfA/gOgK8B1CdQYQ7eElsX5Szv/icL6hPLrbcZ/f57aRziegNNDHArmBiWTqHiAQIHHEkMHBEAgSOSIDAEQkQOCIBAodJAFJeLB4RACoCpPlWqWdx1rLXfjZ0dM0ijZhLFARIcVhuDvMIDlkjb+ACvoYXcejxQglzeGHbGIHcPmZ5hA15je0Q0V8RiOhFyvbFtY0ep+JewtWovOt3/1jl8bAchVGJ7hEI9CINCHSPbG+n3qFzlDllU6tSfqfapXw79dP5n7nT7WmSNlwv5CTKl8q/pdYOocCOkwCA8wDeBAC8BAB4Exs4X9vKdAObuIkreASXcIgruN6oq/mk0ukkqI9Afzz/S8Avvzqd/30S/ObyHwewkstXFmu8fpLIfAEpDnFfedHRPWxgRdsJt0CKQ9zBBezgClvJlO9UX9+t/re13/9h7JU7aXmEDXlXsEvVoukR8Zu4ZL7w7H0VtpfK2ObL6O8Wr883mrQ8Hpaj8AZm78O4jzfxLDbAv5Gjmg1wAWDcomrrX7A1tIuLyh28jmv5g+AbuBZfFh8K4nyAwBF9AYEjEiBwRAIEjkiAwFERwPU+gK7yJ3G9lF/Hk8cun3T5pi1vi1yn630AXeWubeYmLZ90+aYtb31kHxeJQ/U+gK5y10aTk5ZPunzTlnc4skvA5bJDSJQRvMvMNxWm/IU8boIXDPmzin4wZ5/l1FvkSYv4l9n4XPlc5Vfz3zz+20iUELb4klzNBW+VhsgGgqrRoKT2S5dzGSnkCYDnAbyunRmffp/4bv1qiKbxE/ALzKjBb1K01OV/AgD4a2v9FWc38Q7GskhNJYD+Lup6Blxy4AW8DuB5vCZWsK2C3PoTVpuvAdz6ZQJ0r5+kPN9O/jjeUcw/FgKc7K5CwYfK/+YgZ48gQ12O3kZDony2iU8ecV1usj8VZI/jnmb+sWDcl4ARgFtofwno3sXb81fX0K4Ll/T79SCuHsqW/uO4p5l/DD1AdhP4Kit7lfkmyZ8HcBM382+q/HUlFjFnX1ekLjlEOVi5nn+qnX1Vk7jkbeunKB+1lr+jmZ9PtSmCeAyb9mPopOWdxwEWfyBm2gNRk5Z3JgDoSbpeKr9OT9aCdpVfpFul/BYziDFp+aTLN215yyNOCAkc0RsYOCIBAkckQOCIBAgckQCBIxIgcKjOoLrTUcesyyNaQPcGLpffjtjQXeURM4f6JaCb6Y6cGrq13KSzhggNJgFcBjzCkShfxpHSD9ThMqA6JYoDtfT1R1hgEmAZEA24jGVRfoRlkSAEecJE7qGwIq47HjPql4DlFlr02LKGbu3XRaCIhtDfF6BJamFnXR7RAtEbGDjiQFDgiAQIHJEAgSMSIHBEAgSOSIDAMb8E6MUBoXFAJ0D3cTZCH4T+xPPdwz5WJ55KANAJsJr/TRuu1p2Z/2Da2VwE6ATYz/+mC1frjuYfI3x7AEKv9tcMzKokFpl57TQszB/vAcYCfUbQPhLss26WhPlrhi2vUIX5V0X5QbwHGBd0Akg9wGppmuKvWSe8VztTJ1FP0c9RTDd/vAiMAbPUA0TzTwG+PUB3uN/f0cz8PUu4iEbw7QGOA1Lvwpk/3gOMAfqEkB4O0JvJzpXyTt/8jOiIOCMocMyvLyBiLPh/gj9Qphd3t8gAAAAldEVYdGRhdGU6Y3JlYXRlADIwMTMtMDItMDFUMDU6MzM6MTAtMDg6MDApYMCSAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDEzLTAyLTAxVDA1OjMzOjEwLTA4OjAwWD14LgAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAASUVORK5CYII=');
	background-position: -33px 0;
	margin-top: 0;
	top: 0;
	font-weight: normal;
}
.ui-datepicker .ui-datepicker-prev span {
	background-position: -96px 0;
}
.ui-datepicker th {
	padding: 0.75em 0;
	color: #fff;
	font-weight: normal;
	border: none;
	border-top: 1px solid #555;
}
.ui-datepicker td {
	background: #ffffff;
	border: none;
	padding: 0;
}
.ui-datepicker td .ui-state-default {
	background: transparent;
	border: none;
	text-align: center;
	padding: .5em;
	margin: 0;
	font-weight: normal;
	color: #333;
}
.ui-datepicker td .ui-state-active,
.ui-datepicker td .ui-state-hover {
	background: #696969;
	color: #fff;
}
.ui-datepicker td.ui-state-disabled,
.ui-datepicker td.ui-state-disabled .ui-state-default {
	opacity: 1;
	color: #999;
}
.ui-datepicker-today a {
	box-shadow: inset 0 0 13px rgba(105, 105, 105, 0.5);
}
/* Additional */
.incms-form .inputneeded {
	color: #f00;
}
/* Date input fixes */
.incms-form input[type="date"] {
	display: flex;
}
.myform .datefield input[type="date"]:before {
	content: attr(placeholder);
	white-space: nowrap;
	width: 0;
	opacity: 1;
}
.myform .datefield input[type="date"]:before,
::placeholder {
	color: #a9a9a9;
}
.myform .datefield input[type="date"].focusin:before,
.myform .datefield.error input[type="date"].focusin:before,
.myform .datefield input[type="date"].focusout:before {
	opacity: 0;
}
.myform .datefield.error input[type="date"]:before {
	opacity: 1;
}
.incms-form input[type="date"]::-webkit-clear-button,
.incms-form input[type="date"]::-webkit-inner-spin-button,
.incms-form input[type="date"]::-webkit-calendar-picker-indicator {
	display: none;
}
/**
 * "Yet Another Multicolumn Layout" - YAML CSS Framework
 *
 * default print stylesheet
 *
 * @copyright       Copyright 2005-2012, Dirk Jesse
 * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-CDL (http://www.yaml.de/license.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         v4.0.1
 * @revision        $Revision: 724 $
 * @lastmodified    $Date: 2012-03-03 11:45:41 +0100 (Sa, 03 Mrz 2012) $
 */


@media print {

	/**
	* @section basic layout preparation
	*/

	/* (en) change font size unit to [pt] - avoids problems with [px] in Gecko based browsers  	*/
	/* (de) Wechsel der der Schriftgrößen-Maßheinheit zu [pt] - Probleme mit [px] in Gecko-Browsern vermeiden */
	body {
		font-size: 10pt;
		padding: 0 5px;
	}
	body *{
		color: #333 !important;
	}
	/* (en) Hide unneeded container of the screenlayout in print layout */
	/* (de) Für den Druck nicht benötigte Container des Layouts abschalten */
	nav,
	.ym-searchform {
		display:none;
	}
	
	.footer,
	ul.pager,
	.socialicons,
	.button.archive,
	.button.rssfeed,
	#news_add_comment,
	.back { display: none; }
	
	.ym-col1,
	.ym-col2,
	.ym-col3 { margin-bottom: 0px !important; }
	
	.header { margin-bottom: 20px; }
	
	.ym-cbox { clear: both; }
	
	.image_description { text-align: left; }
	
	.clickme,
	.clickme input,
	.button,
	.button a { border: none !important; background: none !important; }
	
	.gallery img.empty { display: none; }
	.gallery img.origimg { display: inline !important; margin: 10px 10px 10px 0 !important; width: 100%}
	.gallery * { display: inline !important; margin: 0 !important; float: left; }
	.gallery div.bordered.flexible {display: none!important;}

	.embed-container {
		position: relative;
		padding-bottom: 0;
		padding-top: 0;
		height: 0;
		overflow: hidden;
	}
	.incms-button {
		display: inline-block;
	}
	/* iframe fix */
	iframe{
		display: none !important;
	}
	/*------------------------------------------------------------------------------------------------------*/

	/* (en) Avoid page breaks right after headings */
	/* (de) Vermeidung von Seitenumbrüchen direkt nach einer Überschrift */
	h1,h2,h3,h4,h5,h6 {
		page-break-after:avoid;
	}

	/*------------------------------------------------------------------------------------------------------*/

	/* (en) optional output of acronyms and abbreviations*/
	/* (de) optionale Ausgabe von Auszeichnung von Abkürzungen */

	/*
	abbr[title]:after,
	acronym[title]:after {
		content:'(' attr(title) ')';
	}
	*/

	/*------------------------------------------------------------------------------------------------------*/

	/* (en) optional URL output of hyperlinks in print layout */
	/* (de) optionale Ausgabe der URLs von Hyperlinks */
	/*
	a[href]:after {
		content:" <URL:"attr(href)">";
		color:#444;
		background:inherit;
		font-style:italic;
	}
	*/
}
/* Module: FLEXI */
/* box */
.flexi .box {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	background: #eee;
	border-color: #cfcfcf;
}
.flexi .box p,
.flexi .box h1,
.flexi .box h2,
.flexi .box h3 { color: #3b3b3b; }
.flexi .box .icon { height: 24px; width: 24px; padding-right: 8px; float: left; }
.flexi .box .title h1 { margin-top: 0; line-height: 1.8em; }
.flexi .box .content { clear: both; }

/* box blue */
.flexi .box.blue { background: #d8ecf5; border-color: #9ac9df; }
.flexi .box.blue p,
.flexi .box.blue h1,
.flexi .box.blue h2,
.flexi .box.blue h3 { color: #114d6f; }

/* box red */
.flexi .box.red { background: #f9e5e6; border-color: #f7c7c9; }
.flexi .box.red p,
.flexi .box.red h1,
.flexi .box.red h2,
.flexi .box.red h3 { color: #6d0113; }

/* box yellow */
.flexi .box.yellow { background: #fcf7d9; border-color: #f5dc7d; }
.flexi .box.yellow p,
.flexi .box.yellow h1,
.flexi .box.yellow h2,
.flexi .box.yellow h3 { color: #695602; }

/* box error */
.flexi .box.error .icon { background: url(../../incms_core/5.2611.2/incms_modules/flexi/css/../gfx/icons.png) no-repeat top left; }

/* box info */
.flexi .box.info .icon { background: url(../../incms_core/5.2611.2/incms_modules/flexi/css/../gfx/icons.png) no-repeat 0 -24px; }

/* box notice */
.flexi .box.notice .icon { background: url(../../incms_core/5.2611.2/incms_modules/flexi/css/../gfx/icons.png) no-repeat 0 -48px; }


/* Progressbar rating css */
.rateBar {
	width: 85%;
	position: relative;
	display: block;
}
.rateBar div {
	display: block;
	height: 18px;
}
.progCol{
	position: absolute;
	overflow: hidden;
	width:0%;
}
.progBase {
	width: 100%;
	background: #ECECEC;
}
.itemProgress {
	width: 100%;
	font-family: Arial, sans-serif;
	font-weight: 100;
	color: #8D8D81;
	margin-bottom: 20px;
}

.itemProgress p{
	margin-bottom:5px;
	font-size:1em;

}
.rateNumber {
	float: right;
	display: block;
}
.rateNumber span {
	padding: 0 2px;
	border-bottom: 3px solid #000;
	font-size: 13px;
	display: table-cell;
}

/* Star rating css */
.starRating {
	position: relative;
	width:126px;
}
.starRating span{
	display: block;
	font-size: 1.5em;
	letter-spacing: 1px;
}
.starFill {
	display: block;
	position: absolute;
	overflow: hidden;
	color:gold;
	width:0%;
}
.starBase{
	color: #ECECEC;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.51);
}

/* Tabs */
.flexi-tabs {
	width: 100%;
	display: inline-block;
}

.flexi-tabs-links:after {
	display: block;
	clear: both;
	content: '';
}
.flexi-tabs-links {
	margin-bottom: 0;
}
.flexi-tabs-links li {
	margin: 0px 5px;
	float: left;
	list-style: none;
	visibility: hidden; /* will be shown by js if title set */
}
.flexi-tabs-links a {
	padding: 5px 15px;
	display: inline-block;
	border-radius: 3px 3px 0px 0px;
	border: 1px solid #ccc;
	transition: all linear 0.3s;
	position: relative;
	bottom: -1px;
}
.flexi-tabs-links a:hover {
	text-decoration: none;
}
.flexi-tabs-links li.active a,
.flexi-tabs-links li.active a:hover {
	border-bottom: 1px solid white;
}

.flexi-tabs-content {
	padding: 15px;
	border-radius: 3px;
	border: 1px solid #ccc;
}
.flexi-tabs-content > div {
	display: none;
}
.flexi-tabs-content > div:first-child {
	display: block;
}

.flexi-tabs-edit {
	padding: 0 15px;
}
.flexi-tabs-edit > p {
	font-weight: bold;
}
.flexi-tabs-edit > div {
	min-height: 30px;
	margin-bottom: 15px;
}

/* Flexi Animated */
.view-normal .flexi-invisible {
	visibility:hidden;
}
.view-normal .flexi-invisible.animated {
	visibility: visible;
}
.view-normal .hoverpause.animated:hover {
	animation: none;
}

/* EU cookie policy**/
.eupopup-container .clearfix {
	clear: both;
}

.eupopup-container {
	background-color: rgba(25, 25, 25, 0.9);
	color: #efefef;
	padding: 5px 20px;
	font-size: 12px;
	line-height: 1.2em;
	text-align: center;
	display: none;
	z-index: 9999999;
}

.eupopup-container-top,
.eupopup-container-fixedtop {
	position: absolute;
	top: 0; left: 0; right: 0;
}

.eupopup-container-fixedtop {
	position: fixed;
}

.eupopup-container-bottom {
	position: fixed;
	bottom: 0; left: 0; right: 0;
}

.eupopup-container-bottomleft {
	position: fixed;
	bottom: 10px;
	left: 10px;
	width: 300px;
}

.eupopup-container-bottomright {
	position: fixed;
	bottom: 10px;
	right: 10px;
	width: 300px;
}

.eupopup-container-block {
	margin-top: -50px;
	margin-left: -70px;
	margin-right: -70px;
	margin-bottom: 40px;
	padding-top: 10px;
}

.eupopup-closebutton {
	font-size: 16px;
	font-weight: 100;
	line-height: 1;
	color: #a2a2a2;
	filter: alpha(opacity=20);
	position: absolute;
	font-family: helvetica, arial, verdana, sans-serif;
	top: 0; right: 0;
	padding: 5px 10px;
}
.eupopup-closebutton:hover,
.eupopup-closebutton:active {
	color: #fff;
	text-decoration: none;
}

.eupopup-head {
	font-size: 1.2em;
	font-weight: bold;
	padding: 7px;
	color: #fff;
}

.eupopup-body p{
	color: #a2a2a2;
	margin: 0;
	display: inherit;
	font-size: inherit;
	font-family: inherit;
	line-height: inherit;
}

.eupopup-buttons {
	padding: 7px 0 5px 0;
}

.eupopup-button_1 {
	color: #f6a21d;
	font-weight: bold !important;
	font-size: 14px;
}

.eupopup-button_2 {
	color: #f6a21d;
	font-weight: normal;
	font-size: 12px;
}

.eupopup-button {
	margin: 0 10px;
}

.eupopup-button:hover,
.eupopup-button:focus {
	text-decoration: underline;
	color: #f6a21d;
}

body .eupopup-color-inverse {
	color: #000;
	background-color: rgba(255, 255, 255, 0.9);
}

body .eupopup-color-inverse .eupopup-head {
	color: #000;
}

body .eupopup-style-compact {
	text-align: left;
	padding: 8px 30px 7px 20px;
	line-height: 15px;
}

body .eupopup-style-compact .eupopup-head,
body .eupopup-style-compact .eupopup-body,
body .eupopup-style-compact .eupopup-buttons {
	display: inline;
	padding: 0;
	margin: 0;
}

body .eupopup-style-compact .eupopup-button {
	margin: 0 5px;
}


/* TYPED */
.flexi_typed {
	display:inline-block;
}
.flexi_typed .typed-container {
	float:left;
}
.flexi_typed .typed-cursor {
	float:left;
}


/* LANG HELPER */
.flexi_lang_helper {
	display: none;
}
.cf-lang-helper-container {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	background-color: rgba(25, 25, 25, 0.9);
	color: #efefef;
	padding: 5px 20px;
	font-size: 12px;
	line-height: 1.2em;
	text-align: center;
	z-index: 9999999;
}

.cf-lang-helper-container-top,
.cf-lang-helper-container-fixedtop {
	position: absolute;
	top: 0; left: 0; right: 0;
}

.cf-lang-helper-container-fixedtop {
	position: fixed;
}

.cf-lang-helper-container-bottom {
	position: fixed;
	bottom: 0; left: 0; right: 0;
	top: inherit;
}

.cf-lang-helper-container-bottomleft {
	position: fixed;
	bottom: 10px;
	left: 10px;
	width: 300px;
	top: inherit;
}

.cf-lang-helper-container-bottomright {
	position: fixed;
	bottom: 10px;
	right: 10px;
	width: 300px;
	top: inherit;
	left: inherit;
}

.cf-lang-helper-container-block {
	margin-top: -50px;
	margin-left: -70px;
	margin-right: -70px;
	margin-bottom: 40px;
	padding-top: 10px;
}

.cf-lang-helper-closebutton {
	font-size: 16px;
	font-weight: 100;
	line-height: 1;
	color: #a2a2a2;
	filter: alpha(opacity=20);
	position: absolute;
	font-family: helvetica, arial, verdana, sans-serif;
	top: 0; right: 0;
	padding: 5px 10px;
}
.cf-lang-helper-closebutton:hover,
.cf-lang-helper-closebutton:active {
	color: #fff;
	text-decoration: none;
}

.cf-lang-helper-head {
	font-size: 1.2em;
	font-weight: bold;
	padding: 7px;
	color: #fff;
}

.cf-lang-helper-body {
	color: #a2a2a2;
}

.cf-lang-helper-buttons {
	padding: 7px 0 5px 0;
}

.cf-lang-helper-button_1 {
	color: #f6a21d;
	font-weight: bold;
	font-size: 14px;
}

.cf-lang-helper-button_2 {
	color: #f6a21d;
	font-weight: normal;
	font-size: 12px;
}

.cf-lang-helper-button {
	margin: 0 10px;
}

.cf-lang-helper-button:hover,
.cf-lang-helper-button:focus {
	text-decoration: underline;
	color: #f6a21d;
}

body .cf-lang-helper-color-inverse {
	color: #000;
	background-color: rgba(255, 255, 255, 0.9);
}

body .cf-lang-helper-color-inverse .eupopup-head {
	color: #000;
}

body .cf-lang-helper-style-compact-1 {
	text-align: left;
	padding: 8px 30px 7px 20px;
	line-height: 15px;
}

body .cf-lang-helper-style-compact-1 .cf-lang-helper-head,
body .cf-lang-helper-style-compact-1 .cf-lang-helper-body,
body .cf-lang-helper-style-compact-1 .cf-lang-helper-buttons {
	display: inline;
	padding: 0;
	margin: 0;
}

body .cf-lang-helper-style-compact-1 .cf-lang-helper-button {
	margin: 0 5px;
}


/* COUNTER */
.your-counter {
	padding-top: 25px;
}
.flip-clock-wrapper.your-clock {
	display: block;
	zoom: 1;
	width: auto;
	white-space: nowrap;
	margin: 0;
	transform-origin: left center;
	opacity: 0;
}
.flip-clock-wrapper.your-clock.loaded {
	transition: transform 0.15s, opacity 0.15s;
	opacity: 1;
}
div.flip-clock-wrapper ul,
span.flip-clock-divider {
	display: inline-block;
	float: none;
	vertical-align: top;
}

/* ACCORDION */
.flexi-accordionitem {
	margin-left: 0;
}
.flexi-accordion dt,
.flexi-accordion dd {
	display: none;
	border: 1px solid #ccc;
	border-top: 0;
	margin: 0;
	padding: 5px;
}
.flexi-accordion dt:first-child {
	border-top: 1px solid #ccc;
}
.flexi-accordion dt{
	cursor: pointer;
}
.flexi-accordion dd {
	font-size: 12px;
}

.flexi-accordionitem dt,
.flexi-accordionitem dd {
	border: 1px solid #ccc;
	margin: 0;
	padding: 5px;
}
.flexi-accordionitem dt {
	cursor: pointer;
}
.flexi-accordionitem dd {
	display: none;
	font-size: 12px;
	border-top: 0;
}

.flexi-accordion dt a,
.flexi-accordion dt a:hover,
.flexi-accordion dt a:visited,
.flexi-accordionitem dt a,
.flexi-accordionitem dt a:hover,
.flexi-accordionitem dt a:visited {
	display: block;
	margin: 10px;
}
.flexi-accordion-edit > p,
.flexi-accordionitem-edit > p {
	margin-top: 25px;
}


/* VIDEO FRAMES */
.view-edit .flexi-content-frame-content-frame {
	overflow-y: auto;
	overflow-x: auto;
}
.flexi-content-frame-padding-frame {
	margin:0 auto;
}
.flexi-content-frame-content-frame{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.flexi-content-frame-content-frame .image,
.flexi-content-frame-content-frame img{
	margin:0 !important;
}
.flexi-content-frame-content-frame iframe {
	border: none;
}

.flexi-content-frame-res-padding {
	position: relative;
	height: 0;
}

/* FRAME MAC */
.flexi-content-frame-frame-mac {
	max-width: 700px;
	max-height: 558px;
	margin: 0 auto;
	background: url(../../incms_core/5.2611.2/incms_modules/flexi/css/../gfx/mac.png) top center no-repeat;
	background-size: contain !important;
}
.flexi-content-frame-frame-mac .flexi-content-frame-padding-frame{
	padding: 4% 4% 25%;
}
.flexi-content-frame-frame-mac .flexi-content-frame-res-padding{
	padding-bottom: 56%;
}

/* FRAME LAPTOP */
.flexi-content-frame-frame-laptop {
	max-width: 700px;
	max-height: 420px;
	margin: 0 auto;
	background: url(../../incms_core/5.2611.2/incms_modules/flexi/css/../gfx/laptop.png) top center no-repeat;
	background-size: contain !important;
}
.flexi-content-frame-frame-laptop .flexi-content-frame-padding-frame{
	padding: 9.5% 13.5% 10%;
}
.flexi-content-frame-frame-laptop .flexi-content-frame-res-padding {
	padding-bottom: 57.5%;
}

/* FRAME TABLET */
.flexi-content-frame-frame-tablet {
	max-width: 600px;
	max-height: 402px;
	margin: 0 auto;
	background: url(../../incms_core/5.2611.2/incms_modules/flexi/css/../gfx//tablet.png) top center no-repeat;
	background-size: contain !important;
}
.flexi-content-frame-frame-tablet .flexi-content-frame-padding-frame {
	padding: 9% 10% 10%;
}
.flexi-content-frame-frame-tablet .flexi-content-frame-res-padding {
	padding-bottom: 61%;
}

/* FRAME MOBILE */
.flexi-content-frame-frame-mobile {
	max-width: 602px;
	max-height: 296px;
	margin: 0 auto;
	background: url(../../incms_core/5.2611.2/incms_modules/flexi/css/../gfx/mobile.png) top center no-repeat;
	background-size: contain !important;
}
.flexi-content-frame-frame-mobile .flexi-content-frame-padding-frame {
	padding: 3% 12%;
}
.flexi-content-frame-frame-mobile .flexi-content-frame-res-padding {
	padding-bottom: 56%;
}

/*********** FLAT IMAGES ***********/

/* FLAT MAC */
.flexi-content-frame-flat-mac {
	max-width: 700px;
	max-height: 566px;
	margin: 0 auto;
	background: url(../../incms_core/5.2611.2/incms_modules/flexi/css/../gfx/flatMac.png) top center no-repeat;
	background-size: contain !important;
}
.flexi-content-frame-flat-mac .flexi-content-frame-padding-frame {
	padding: 3.5% 3.5% 27%;
}
.flexi-content-frame-flat-mac .flexi-content-frame-res-padding {
	padding-bottom: 55%;
}

/* FLAT LAPTOP */
.flexi-content-frame-flat-laptop {
	max-width: 700px;
	max-height: 436px;
	margin: 0 auto;
	background: url(../../incms_core/5.2611.2/incms_modules/flexi/css/../gfx/flatLaptop.png) top center no-repeat;
	background-size: contain !important;
}
.flexi-content-frame-flat-laptop .flexi-content-frame-padding-frame{
	padding: 10% 12.5% 12% 11.6%;
}
.flexi-content-frame-flat-laptop .flexi-content-frame-res-padding {
	padding-bottom: 56.5%;
}

/* FLAT TABLET */
.flexi-content-frame-flat-tablet {
	max-width: 631px;
	max-height: 377px;
	margin: 0 auto;
	background: url(../../incms_core/5.2611.2/incms_modules/flexi/css/../gfx/flatTablet.png) top center no-repeat;
	background-size: contain !important;
}
.flexi-content-frame-flat-tablet .flexi-content-frame-padding-frame {
	padding: 4.51% 9%;
}
.flexi-content-frame-flat-tablet .flexi-content-frame-res-padding {
	padding-bottom: 61.8%;
}

/* FRAME MOBILE */
.flexi-content-frame-flat-mobile {
	max-width: 486px;
	max-height: 254px;
	margin: 0 auto;
	background: url(../../incms_core/5.2611.2/incms_modules/flexi/css/../gfx/flatMobile.png) top center no-repeat;
	background-size: contain !important;
}
.flexi-content-frame-flat-mobile .flexi-content-frame-padding-frame {
	padding: 2.1% 8.5% 2.1% 7.8%;
}
.flexi-content-frame-flat-mobile .flexi-content-frame-res-padding {
	padding-bottom: 57.5%;
}
.equal-width{width: 100%}
@charset "UTF-8";

/*!
 * Animate.css -http://daneden.me/animate
 * Version - 3.4.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2015 Daniel Eden
 */

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

@-webkit-keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

@keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes flash {
  from, 50%, to {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  from, 50%, to {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none;
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

@keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none;
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}

@-webkit-keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}

.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

@keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  to {
    opacity: 0;
  }
}

@keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  to {
    opacity: 0;
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

/* Get the bourbon mixin from http://bourbon.io */
/* Reset */
.flip-clock-wrapper * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
}

.flip-clock-wrapper a {
  cursor: pointer;
  text-decoration: none;
  color: #ccc; }

.flip-clock-wrapper a:hover {
  color: #fff; }

.flip-clock-wrapper ul {
  list-style: none; }

.flip-clock-wrapper.clearfix:before,
.flip-clock-wrapper.clearfix:after {
  content: " ";
  display: table; }

.flip-clock-wrapper.clearfix:after {
  clear: both; }

.flip-clock-wrapper.clearfix {
  *zoom: 1; }

/* Main */
.flip-clock-wrapper {
  font: normal 11px "Helvetica Neue", Helvetica, sans-serif;
  -webkit-user-select: none; }

.flip-clock-meridium {
  background: none !important;
  box-shadow: 0 0 0 !important;
  font-size: 36px !important; }

.flip-clock-meridium a { color: #313333; }

.flip-clock-wrapper {
  text-align: center;
  position: relative;
  width: 100%;
  margin: 1em;
}

.flip-clock-wrapper:before,
.flip-clock-wrapper:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}
.flip-clock-wrapper:after {
    clear: both;
}

/* Skeleton */
.flip-clock-wrapper ul {
  position: relative;
  float: left;
  margin: 5px;
  width: 60px;
  height: 90px;
  font-size: 80px;
  font-weight: bold;
  line-height: 87px;
  border-radius: 6px;
  background: #000;
}

.flip-clock-wrapper ul li {
  z-index: 1;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  line-height: 87px;
  text-decoration: none !important;
  margin: 0;
  padding: 0;
}

.flip-clock-wrapper ul li:first-child {
  z-index: 2; }

.flip-clock-wrapper ul li a {
  display: block;
  height: 100%;
  -webkit-perspective: 200px;
  -moz-perspective: 200px;
  perspective: 200px;
  margin: 0 !important;
  overflow: visible !important;
  cursor: default !important;
  pointer-events: none;}

.flip-clock-wrapper ul li a div {
  z-index: 1;
  position: absolute;
  left: 0;
  width: 100%;
  height: 50%;
  font-size: 80px;
  overflow: hidden; 
  outline: 1px solid transparent; }

.flip-clock-wrapper ul li a div .shadow {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2; }

.flip-clock-wrapper ul li a div.up {
  -webkit-transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  top: 0; }

.flip-clock-wrapper ul li a div.up:after {
  content: "";
  position: absolute;
  top: 44px;
  left: 0;
  z-index: 5;
  width: 100%;
  height: 3px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.4); }

.flip-clock-wrapper ul li a div.down {
  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  -o-transform-origin: 50% 0;
  transform-origin: 50% 0;
  bottom: 0;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}

.flip-clock-wrapper ul li a div div.inn {
  position: absolute;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 200%;
  color: #ccc;
  text-shadow: 0 1px 2px #000;
  text-align: center;
  background-color: #333;
  border-radius: 6px;
  font-size: 70px; }

.flip-clock-wrapper ul li a div.up div.inn {
  top: 0; }

.flip-clock-wrapper ul li a div.down div.inn {
  bottom: 0; }

/* PLAY */
.flip-clock-wrapper ul.play li.flip-clock-before {
  z-index: 3; }

.flip-clock-wrapper .flip {   box-shadow: 0 2px 5px rgba(0, 0, 0, 0.7); }

.flip-clock-wrapper ul.play li.flip-clock-active {
  -webkit-animation: asd 0.5s 0.5s linear both;
  -moz-animation: asd 0.5s 0.5s linear both;
  animation: asd 0.5s 0.5s linear both;
  z-index: 5; }

.flip-clock-divider {
  float: left;
  display: inline-block;
  position: relative;
  width: 20px;
  height: 100px; }

.flip-clock-divider:first-child {
  width: 0; }

.flip-clock-dot {
  display: block;
  background: #323434;
  width: 10px;
  height: 10px;
  position: absolute;
  border-radius: 50%;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  left: 5px; }

.flip-clock-divider .flip-clock-label {
  position: absolute;
  top: -1.5em;
  right: -86px;
  color: black;
  text-shadow: none; }

.flip-clock-divider.minutes .flip-clock-label {
  right: -88px; }

.flip-clock-divider.seconds .flip-clock-label {
  right: -91px; }

.flip-clock-dot.top {
  top: 30px; }

.flip-clock-dot.bottom {
  bottom: 30px; }

@-webkit-keyframes asd {
  0% {
    z-index: 2; }

  20% {
    z-index: 4; }

  100% {
    z-index: 4; } }

@-moz-keyframes asd {
  0% {
    z-index: 2; }

  20% {
    z-index: 4; }

  100% {
    z-index: 4; } }

@-o-keyframes asd {
  0% {
    z-index: 2; }

  20% {
    z-index: 4; }

  100% {
    z-index: 4; } }

@keyframes asd {
  0% {
    z-index: 2; }

  20% {
    z-index: 4; }

  100% {
    z-index: 4; } }

.flip-clock-wrapper ul.play li.flip-clock-active .down {
  z-index: 2;
  -webkit-animation: turn 0.5s 0.5s linear both;
  -moz-animation: turn 0.5s 0.5s linear both;
  animation: turn 0.5s 0.5s linear both; }

@-webkit-keyframes turn {
  0% {
    -webkit-transform: rotateX(90deg); }

  100% {
    -webkit-transform: rotateX(0deg); } }

@-moz-keyframes turn {
  0% {
    -moz-transform: rotateX(90deg); }

  100% {
    -moz-transform: rotateX(0deg); } }

@-o-keyframes turn {
  0% {
    -o-transform: rotateX(90deg); }

  100% {
    -o-transform: rotateX(0deg); } }

@keyframes turn {
  0% {
    transform: rotateX(90deg); }

  100% {
    transform: rotateX(0deg); } }

.flip-clock-wrapper ul.play li.flip-clock-before .up {
  z-index: 2;
  -webkit-animation: turn2 0.5s linear both;
  -moz-animation: turn2 0.5s linear both;
  animation: turn2 0.5s linear both; }

@-webkit-keyframes turn2 {
  0% {
    -webkit-transform: rotateX(0deg); }

  100% {
    -webkit-transform: rotateX(-90deg); } }

@-moz-keyframes turn2 {
  0% {
    -moz-transform: rotateX(0deg); }

  100% {
    -moz-transform: rotateX(-90deg); } }

@-o-keyframes turn2 {
  0% {
    -o-transform: rotateX(0deg); }

  100% {
    -o-transform: rotateX(-90deg); } }

@keyframes turn2 {
  0% {
    transform: rotateX(0deg); }

  100% {
    transform: rotateX(-90deg); } }

.flip-clock-wrapper ul li.flip-clock-active {
  z-index: 3; }

/* SHADOW */
.flip-clock-wrapper ul.play li.flip-clock-before .up .shadow {
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black));
  background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%;
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%;
  -webkit-animation: show 0.5s linear both;
  -moz-animation: show 0.5s linear both;
  animation: show 0.5s linear both; }

.flip-clock-wrapper ul.play li.flip-clock-active .up .shadow {
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black));
  background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%;
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%;
  -webkit-animation: hide 0.5s 0.3s linear both;
  -moz-animation: hide 0.5s 0.3s linear both;
  animation: hide 0.5s 0.3s linear both; }

/*DOWN*/
.flip-clock-wrapper ul.play li.flip-clock-before .down .shadow {
  background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1)));
  background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%;
  background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%;
  -webkit-animation: show 0.5s linear both;
  -moz-animation: show 0.5s linear both;
  animation: show 0.5s linear both; }

.flip-clock-wrapper ul.play li.flip-clock-active .down .shadow {
  background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1)));
  background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%;
  background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%;
  -webkit-animation: hide 0.5s 0.3s linear both;
  -moz-animation: hide 0.5s 0.3s linear both;
  animation: hide 0.5s 0.2s linear both; }

@-webkit-keyframes show {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@-moz-keyframes show {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@-o-keyframes show {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@keyframes show {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@-webkit-keyframes hide {
  0% {
    opacity: 1; }

  100% {
    opacity: 0; } }

@-moz-keyframes hide {
  0% {
    opacity: 1; }

  100% {
    opacity: 0; } }

@-o-keyframes hide {
  0% {
    opacity: 1; }

  100% {
    opacity: 0; } }

@keyframes hide {
  0% {
    opacity: 1; }

  100% {
    opacity: 0; } }

.your-clock
{
	margin: 0 auto;
  padding-top: 25px;
  width: 620px;
}

@media screen and ( max-width: 480px )
{
    .your-clock
    {
        zoom: 0.5;
        -moz-transform: scale(0.5);
    }
}

/* Module: IMAGE */
.image_description { text-align: center; margin: 4px 0 0; font-size: 90%; color: #666; line-height: 1.5em; }
.image a:hover { background: transparent; }

.image.no-border,
.image.border { line-height: 0; }

.image.no-border { overflow: hidden; }

.image a { line-height: 0 !important; }

/* Module: SLIDESHOW */
.wide .slideshow,
.narrow .slideshow {
	width: 100% !important;
	height: auto !important;
	max-width: 100% !important;
	overflow: hidden;
	margin-bottom: 1em;
}
.wide .slideshow .slideshow_item,
.narrow .slideshow .slideshow_item{
	width: 100% !important;
	height: auto !important;
	max-width: 100% !important;
	display: none;
}
.wide .slideshow .slideshow_item:first-child,
.narrow .slideshow .slideshow_item:first-child {
	display: block;
}
.wide .slideshow .active,
.narrow .slideshow .active {
	position: relative !important;
}

.wide .slideshow img,
.narrow .slideshow img {
	max-width: 100%;
	height: auto;
	width: auto;
	display: block;
	margin: 0 auto;
}

.wide .header .slideshow,
.narrow .header .slideshow {
	margin-bottom: 0;
}


.slideshow-pager {
	text-align: center;
	position: relative;
	padding: 0;
	z-index: 100;
	top: -40px;
	height: 0;
}

.slideshow-pager div {
	display: inline-flex;
}

.slideshow-pager div a {
	display: block;
	float: left;
	width: 15px;
	height: 15px;
	text-indent: -999em;
	background: #fff;
	border-radius: 15px; /* must be the same as width and height */
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	/*box-shadow: 0 0 1px 1px #707173; /* border color */
	margin: 0 8px;
}

.slideshow-pager div a:hover {
	background: #c0c0c0; /* optional: color when hovered */
}

.slideshow-pager div a.activeSlide {
	background: #707173; /* color when active */
}
.quiz {
  position: relative;
}
.quiz * {
  box-sizing: border-box;
}
.quiz_start {
  max-width: 400px;
}
.quiz_start input {
  width: 100%;
  padding: 8px 10px;
  margin-bottom: 5px;
}
.quiz_start button {
  padding: 8px 10px;
  cursor: pointer;
}
.quiz_questions {
  display: grid;
  grid-template: 1fr / 1fr;
  align-items: flex-start;
}
.quiz_question {
  position: relative;
  padding: 20px;
  margin: 0 0 20px;
  grid-column: 1 / 1;
  grid-row: 1 / 1;
  backface-visibility: hidden;
  width: 100%;
  box-sizing: border-box;
}
.quiz_answer label span {
  display: block;
}
.quiz_answer label {
  user-select: none;
}
.quiz_answer label input {
  margin: 10px 0;
}
.quiz_answer textarea {
  margin: 10px 0;
  font-family: inherit;
}
.quiz_answer button {
  display: inline-block;
  cursor: pointer;
  padding: 10px;
}
.quiz_answer img {
  display: inline-block;
  max-width: 200px;
  max-height: 200px;
}
.quiz_answer img[src=""],
.quiz_answer img[src=""] + br {
  display: none;
}
.quiz_question > h3 {
  margin: -20px -20px 20px;
  padding: 15px 20px;
}
.quiz_answer.radio label:hover {
  cursor: pointer;
  background: rgba(0,0,0,0.08);
}

.quiz_progress {
  display: flex;
  align-items: baseline;
}
.quiz_progressbar {
  flex: 1;
  margin: 0 1em 1em;
  background: #fff;
  border-radius: 10px;
}
.quiz_progressbar > div {
  background: #369;
  height: .8em;
  border-radius: inherit;
  transition: width 0.2s ease-out;
}

/* Transitions */
div[class*=-enter-active],
div[class*=-leave-active] {
  transition: transform .4s, opacity 0.5s;
}
.fade-enter,
.fade-leave-to {
  opacity: 0;
}
[class$=fade-enter],
[class$=fade-leave-to] {
  opacity: 0;
}
[class$=rotatex-enter] {
  transform: rotateX(180deg);
}
[class$=rotatex-leave-to] {
  transform: rotateX(-180deg);
}
[class$=rotatey-enter ]{
  transform: rotateY(180deg);
}
[class$=rotatey-leave-to] {
  transform: rotateY(-180deg);
}
[class$=scale-enter],
[class$=scale-leave-to] {
  transform: scale(0);
}
.next-slide-enter {
  transform: translateX(75%);
  opacity: 0;
}
.next-slide-leave-to {
  transform: translateX(-75%);
  opacity: 0;
}
.prev-slide-enter {
  transform: translateX(-75%);
  opacity: 0;
}
.prev-slide-leave-to {
  transform: translateX(75%);
  opacity: 0;
}

/* Fallbacks */
.fade-enter-active {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
@supports (display: grid) {
  .fade-enter-active {
    position: relative;
  }
}

/* -- Design 1 -- */
.design1 .quiz_start,
.design1 .quiz_question {
  border-radius: 5px;
  background: #fff;
  box-shadow: 1px 1px 5px rgba(0,0,0,0.1);
}
.design1 .quiz_start {
  display: grid;
  padding: 30px;
}
.design1 .quiz_question > h3 {
  background: rgba(0,0,0,0.05);
}
.design1 .quiz_answers {
  display: flex;
  flex-wrap: wrap;
}
.design1 .quiz_answer {
  flex: 1;
  text-align: center;
  min-width: max-content;
}
.design1 .quiz_answer label {
  height: 100%;
  display: flex;
  padding: 10px;
  flex-flow: column;
  align-items: center;
  justify-content: flex-end;
  transition: background 0.25s ease;
}
.design1 .quiz_answer label input,
.design1 .quiz_answer label textarea {
  width: 100%;
  padding: 8px 10px;
}
.design1 .quiz_answer label textarea {
  min-height: 15ch;
  resize: vertical;
}
.design1 .quiz_answer button {
  padding: 10px;
}
.design1 .quiz_answer img {
  max-width: 220px;
  max-height: 200px;
}

/* -- Design 2 -- */
.darkwood .quiz_start,
.darkwood .quiz_question {
  border-radius: 0;
  padding: 35px 0 0;
  background: linear-gradient(#111, #333);
  box-shadow: 1px 1px 5px rgba(0,0,0,0.1);
  color: #333;
  text-align: center;
}
.darkwood .quiz_start {
  display: grid;
  padding: 30px;
}
.darkwood .quiz_question > * {
  color: #fff;
}
.darkwood .quiz_question > h3 {
  background: none;
  margin: 20px 10px 30px;
}
.darkwood .quiz_answers {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 1px;
}
.darkwood .quiz_answer:only-child {
  grid-column: 1 / -1;
}
.darkwood .quiz_answer label {
  display: flex;
  padding: 15px 10px;
  height: 100%;
  align-items: center;
  justify-content: flex-end;
  flex-flow: column;
  transition: all 0.1s;
}
.darkwood .quiz_answer label:hover {
  background: #111;
}
.darkwood .quiz_answer label input,
.darkwood .quiz_answer label textarea {
  width: 100%;
  padding: 8px 10px;
}
.darkwood .quiz_answer label input[type="radio"] {
  position: absolute;
  visibility: hidden;
}
.darkwood .quiz_answer label span {
  padding: 10px;
}
.darkwood .quiz_answer img {
  width: 100%;
  height: 200px;
  max-width: none;
  max-height: none;
  object-fit: cover;
}
.darkwood .quiz_progressbar > div {
  background: #261a00;
  height: .5em;
}

/* --- Rounded --- */
.rounded.quiz_wrap {
  --quiz-color: #034c8f;
  text-align: center;
}
.rounded .quiz_progress,
.rounded .quiz_answer label > br {
  display: none;
}
.rounded .quiz_answers {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 15px;
}
.rounded .quiz_answer:only-child {
  grid-column: 1 / -1;
}
.rounded .quiz_answer:not(.radio) {
  background: #034c8f;
  background-color: var(--quiz-color);
  padding: 10px;
}
.rounded .quiz_answer label input[type=radio] {
  visibility: hidden;
  pointer-events: none;
  position: absolute;
  left: -100%;
}
.rounded .quiz_answer input[type=text],
.rounded .quiz_answer textarea {
  width: 100%;
  padding: 8px 10px;
}
.rounded .quiz_answer img {
  display: block;
  width: 100%;
  height: 200px;
  object-fit: cover;
  max-width: none;
  max-height: none;
  border-radius: 10px 10px 0 0;
}
.rounded .quiz_answer img[src=""] {
  display: none;
}
.rounded .quiz_answer.radio label > span {
  display: block;
  background: #034c8f;
  background-color: var(--quiz-color);
  text-align: center;
  padding: 20px 15px;
  color: #fff;
  border-radius: 0 0 10px 10px;
}
.rounded .quiz_answer img[src=""] ~ span {
  padding: 40px 15px;
  border-radius: 10px;
}
.rounded .quiz_answer {
  border-radius: 10px;
  transition: all 0.2s ease-out;
}
.rounded .quiz_answer:hover,
.rounded .quiz_answer:active {
  box-shadow: 0 0 10px #034C8F;
  box-shadow: 0 0 10px var(--quiz-color);
}
.rounded .quiz_answer:active {
  transform: scale(0.9);
}
/* Module: CROSSSIGNUP */
/* Facebook login button styles */
.btn-container .btn-social{position:relative;padding-left:44px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.btn-container .btn-social>:first-child{position:absolute;left:0;top:0;bottom:0;width:32px;line-height:34px;font-size:1.6em;text-align:center;border-right:1px solid rgba(0,0,0,0.2)}
.btn-container .btn-social.btn-lg{padding-left:61px}
.btn-container .btn-social.btn-lg>:first-child{line-height:45px;width:45px;font-size:1.8em}
.btn-container .btn-social.btn-sm{padding-left:38px}
.btn-container .btn-social.btn-sm>:first-child{line-height:28px;width:28px;font-size:1.4em}
.btn-container .btn-social.btn-xs{padding-left:30px}
.btn-container .btn-social.btn-xs>:first-child{line-height:20px;width:20px;font-size:1.2em}
.btn-container .btn-social-icon{position:relative;padding-left:44px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:34px;width:34px;padding:0}
.btn-container .btn-social-icon>:first-child{position:absolute;left:0;top:0;bottom:0;width:32px;line-height:34px;font-size:1.6em;text-align:center;border-right:1px solid rgba(0,0,0,0.2)}
.btn-container .btn-social-icon.btn-lg{padding-left:61px}
.btn-container .btn-social-icon.btn-lg>:first-child{line-height:45px;width:45px;font-size:1.8em}
.btn-container .btn-social-icon.btn-sm{padding-left:38px}
.btn-container .btn-social-icon.btn-sm>:first-child{line-height:28px;width:28px;font-size:1.4em}
.btn-container .btn-social-icon.btn-xs{padding-left:30px}
.btn-container .btn-social-icon.btn-xs>:first-child{line-height:20px;width:20px;font-size:1.2em}
.btn-container .btn-social-icon>:first-child{border:none;text-align:center;width:100% !important}
.btn-container .btn-social-icon.btn-lg{height:45px;width:45px;padding-left:0;padding-right:0}
.btn-container .btn-social-icon.btn-sm{height:30px;width:30px;padding-left:0;padding-right:0}
.btn-container .btn-social-icon.btn-xs{height:22px;width:22px;padding-left:0;padding-right:0}
.btn-container .btn-facebook{cursor:pointer;display: block;padding: 15px 10px 15px 60px;color:#fff;background-color:#3b5998;border-color:rgba(0,0,0,0.2)}
.btn-container .btn-facebook:hover,.btn-facebook:focus,.btn-facebook:active,.btn-facebook.active,.open>.dropdown-toggle.btn-facebook{color:#fff;background-color:#2d4373;border-color:rgba(0,0,0,0.2)}
.btn-container .btn-facebook:active,.btn-facebook.active,.open>.dropdown-toggle.btn-facebook{background-image:none}
.btn-container .btn-facebook.disabled,.btn-facebook[disabled],fieldset[disabled] .btn-facebook,.btn-facebook.disabled:hover,.btn-facebook[disabled]:hover,fieldset[disabled] .btn-facebook:hover,.btn-facebook.disabled:focus,.btn-facebook[disabled]:focus,fieldset[disabled] .btn-facebook:focus,.btn-facebook.disabled:active,.btn-facebook[disabled]:active,fieldset[disabled] .btn-facebook:active,.btn-facebook.disabled.active,.btn-facebook[disabled].active,fieldset[disabled] .btn-facebook.active{background-color:#3b5998;border-color:rgba(0,0,0,0.2)}
.btn-container .btn-facebook .badge{color:#3b5998;background-color:#fff}
.btn-container .btn-google{cursor:pointer;display: block;padding: 15px 10px 15px 60px;color:#fff;background-color:#4285f4;border-color:rgba(0,0,0,0.2)}
.btn-container .btn-google:hover,.btn-google:focus,.btn-google:active,.btn-google.active,.open>.dropdown-toggle.btn-google{color:#fff;background-color:#3367d6;border-color:rgba(0,0,0,0.2)}
.btn-container .btn-google .glogo{background-color:#fff;height:100%;}
.btn-container a.btn:hover { text-decoration: none; color: #dddddd!important; }
.btn-container a { text-decoration: none; background: #3b5998;}
.btn-container .btn {
	 display: inline-block;
	 padding: 6px 12px;
	 margin-bottom: 20px;
	 font-size: 14px;
	 font-weight: 400;
	 line-height: 1.42857143;
	 text-align: center;
	 white-space: nowrap;
	 vertical-align: middle;
	 -ms-touch-action: manipulation;
	 touch-action: manipulation;
	 cursor: pointer;
	 -webkit-user-select: none;
	 -moz-user-select: none;
	 -ms-user-select: none;
	 user-select: none;
	 background-image: none;
	 border: 1px solid transparent;
	 border-radius: 4px;
 }
.btn-container .btn-block {
	display: block;
}
.btn-container .btn-lg {
	padding: 10px 16px 10px 50px;
	font-size: 18px;
	line-height: 1.3333333;
	border-radius: 6px;
}
.btn-separator:not(:empty) {
	margin-bottom: 15px;
	text-align: center;
}

.crosssignup-activation {
	border: 1px solid rgba(0, 0, 0, 0.25);
	padding: 20px;
	text-align: center;
	color: #fff;
}

.crosssignup-activation-success {
	background-color: #6ad46a;
}

.crosssignup-activation-success div:first-of-type {
	margin-bottom: 20px;
}

.crosssignup-activation-error {
	background-color: #e25656;
}

.fb-login .incms-button, .g-login .incms-button {
	margin-bottom: 15px !important;
}

@charset "UTF-8";

/* Web fonts */

/* layout responsive settings */
:root{
    --responsive-size: 768px}
@media screen and ( max-width: 768px) {

	/* default-layout.css: media query dependent content */

	.ym-wbox {
		padding: 0;
	}

	/*header p,
	header h1,
	header h2,
	header h3,
	header ul,
	header table { padding-left: 10px; padding-right: 10px; }*/
	/*header h1 {
		font-size: 1.5em;
		line-height: 1em;
		margin: 0.1em 0;
	}
	header h2 {
		font-size: 1.3em;
		line-height: 1em;
		margin: 0.1em 0;
	}
	header h3 {
		font-size: 1.1em;
		line-height: 1em;
		margin: 0.1em 0;
	}
	header p {
		line-height: 1em;
		margin: 0.02em 0;
	}*/

	footer,
	#main,
	.ym-searchform,
	nav .ym-hlist ul {
		padding-left: 10px;
		padding-right: 10px;
	}

	/* Linearisation for Grid- and Column-Module, based on CSS class .linearize-level-2 */
	.linearize-level-2,
	.linearize-level-2 > [class*="ym-g"],
	.linearize-level-2 > [class*="ym-col"] {
		float: none;
		padding: 0;
		margin: 0;
		width: 100% !important;
        display:block;
		box-sizing: border-box; /* Fix padding on mobile */
	}

	.linearize-level-2 > [class*="ym-g"][style*="padding-right"]{
		padding-right:0!important;
	}
	.linearize-level-2 > [class*="ym-g"] > [class*="ym-gbox"],
	.linearize-level-2 > [class*="ym-col"] > [class*="ym-cbox"] {
		padding: 0;
		margin: 0;
	}
	/* Fix for containing floats */
	.linearize-level-2 > [class*="ym-g"] > [class*="ym-gbox"]:before,
	.linearize-level-2 > [class*="ym-g"] > [class*="ym-gbox"]:after,
	.linearize-level-2 > [class*="ym-col"] > [class*="ym-gbox"]:before,
	.linearize-level-2 > [class*="ym-col"] > [class*="ym-gbox"]:after{
		content: '';
		display: table;
		clear: both;
	}

	.ym-searchform,
	nav .ym-hlist ul,
	nav .ym-hlist li {
		display:block;
		float: none;
		width: auto;
		text-align: left;
	}

	#nav {
		background: none !important;
	}

	.ym-hlist ul li {
		margin: 0 0 5px;
		text-align: center;
	}

	.ym-searchform input[type="search"] {
		width: 75%;
	}

	.ym-hlist #topmenu { width: auto !important; }

	/* modules.css: media query dependent content */

	#menulangtop { display: none; }
	#menulangbottom { display: block; }
	#menulangbottom ul {
		text-align: center;
		list-style-type: none;
		margin: 0;
		padding: 8px 0 6px 0;
		clear: both;
	}
	#menulangbottom ul li {
		list-style-type: none;
		margin: 0;
		padding: 0 8px;
		display: inline;
		border-right: 1px solid #555;
	}
	#menulangbottom ul li.last {
		padding: 0 0 0 8px;
		border-right: 0px;
	}
	#menulangbottom ul li.active {
		font-weight: bold;
	}

	#menulangbottom li.flag a {
		padding-left: 16px;
		background-repeat: no-repeat;
	}
	#menulangbottom li.flag_text a {
		padding-left: 20px;
		background-repeat: no-repeat;
	}
}

@media screen, projection
{
	.border-menu {
		position: relative;
		/* padding-left: 1.25em; */
		display: inline;
	}

	.arrow-left {
		width: 0;
		height: 0;
		border-top: 0.5em solid transparent;
		border-bottom: 0.5em solid transparent;
		border-right:0.5em solid #888888;
	}

	.arrow-right {
		width: 0;
		height: 0;
		border-top: 0.5em solid transparent;
		border-bottom: 0.5em solid transparent;
		border-left: 0.5em solid #888888;
	}

	li a:hover .arrow-left {
		width: 0;
		height: 0;
		border-top: 0.5em solid transparent;
		border-bottom: 0.5em solid transparent;
		border-right:0.5em solid #DDDDDD;
	}


	li a:hover .arrow-right {
		width: 0;
		height: 0;
		border-top: 0.5em solid transparent;
		border-bottom: 0.5em solid transparent;
		border-left: 0.5em solid #DDDDDD;
	}

	li.active a .arrow-left {
		width: 0;
		height: 0;
		border-top: 0.5em solid transparent;
		border-bottom: 0.5em solid transparent;
		border-right:0.5em solid #FFFFFF;
	}


	li.active a .arrow-right {
		width: 0;
		height: 0;
		border-top: 0.5em solid transparent;
		border-bottom: 0.5em solid transparent;
		border-left: 0.5em solid #FFFFFF;
	}

	li.active a:hover .arrow-left {
		width: 0;
		height: 0;
		border-top: 0.5em solid transparent;
		border-bottom: 0.5em solid transparent;
		border-right:0.5em solid #FFFFFF;
	}

	li.active a:hover .arrow-right {
		width: 0;
		height: 0;
		border-top: 0.5em solid transparent;
		border-bottom: 0.5em solid transparent;
		border-left: 0.5em solid #FFFFFF;
	}

    li li .arrow-left,
    li.active li .arrow-left {
		border-right:0.5em solid #888888;
	}
	li li .arrow-right {
		border-left: 0.5em solid #888888;
	}
	li li a:hover .arrow-left {
		border-right:0.5em solid #DDDDDD;
	}
	li li a:hover .arrow-right {
		border-left: 0.5em solid #DDDDDD;
	}
	li li.active a .arrow-left {
		border-right:0.5em solid #FFFFFF;
	}
	li li.active a .arrow-right {
		border-left: 0.5em solid #FFFFFF;
	}
	li li.active a:hover .arrow-left {
		border-right:0.5em solid #FFFFFF;
	}
	li li.active a:hover .arrow-right {
		border-left: 0.5em solid #FFFFFF;
	}

	.border-menu:before {
		content: "";
		position: absolute;
		top: 0.125em;
		left: 0;
		width: 1em;
		height: 0.125em;
        background-color: #888888;
        box-shadow: 0 0.25em #888888, 0 0.5em #888888;
	}
    	    	body {
		background-color: #FFFFFF;
		background-position: top center;
		background-repeat: no-repeat;
		background-attachment: scroll;}
		
	.header {
    		text-align: left;  
	}
 
	#main {
    		text-align: left;
		background-color: transparent;padding:0px 10px 0px;
	}
 
	.ym-wbox {
    		border-width: 0px;
		border-color: #FFFFFF;  
	}
	
	.footerbottom {
    		text-align: center;  
	}
	
	.wide .ym-wrapper {
    		max-width: 1098px;  
	}
	
	.narrow .ym-wrapper {
    		max-width: 727px;  
	}
	
    
    
	/*--- Full page | Ganze Breite ------------------------------------------------------------------------*/
	
	.ym-wbox {
		border-left: 0;
		border-right: 0;
		border-bottom: 0;
	}
	
	.ym-wrapper {
		min-width: 0px;
		max-width: 100% !important;
		margin: 0 auto;
		top: 0 !important; /* for IE */
	}
	
	.header_wrap {
		max-width: 1080px;
		margin: 0 auto;
		float: none;
	}
	
	.narrow .header_wrap {
		max-width: 727px;
	}
	
	.ym-hlist {
		max-width: 1120px;
		margin: 0 auto;
	}
	
	#main {
		padding-left: 10px;
		padding-right: 10px;
	}
	
	.ym-column {
		max-width: 1078px;
		margin: 0 auto;
	}
	
	.narrow .ym-column {
		max-width: 707px;
	}
	
	.footer {
		padding-left: 20px;
		padding-right: 20px;
		margin-left: 0;
		margin-right: 0;
	}
	
	.footer_wrap {
		max-width: 1058px;
		margin: 0 auto;
	}
	
	.narrow .footer_wrap {
		max-width: 687px;
	}
	
	.footerbottom {
		max-width: 1058px !important;
		margin: 0 auto;
		padding-left: 20px;
		padding-right: 20px;
	}
	
	.footerbottom > div:empty {
		display: none;
	}
	
	.narrow .footerbottom {
		max-width: 687px !important;
	}
	
	.ym-wrapper.footerbottom .footerbottom_content {
		padding-left: 0;
		padding-right: 0;
	}
	
	.header_wrap {
		max-width: 1098px;
	}
			 

	/*--- Headings | †berschriften ------------------------------------------------------------------------*/

	h1 {
		font-family: "Inter";
		font-size: 400%;
		line-height: 1em;
		margin-bottom: 0.5em;
		color: #242424;
		text-decoration: none;
		font-weight: initial;
		font-style: normal;
		  
	}

	h2 {
		font-family: "Inter";
		font-size: 220%;
		line-height: 1.3em;
		margin-bottom: 0.4em;
		color: #242424;
		text-decoration: none;
		font-weight: initial;
		font-style: normal;
		  
	}

	h3 {
		font-family: "Inter";
		font-size: 180%;
		line-height: 1.4em;
		margin-bottom: 0.5em;
		color: #737373;
		text-decoration: none;
		font-weight: 500;
		font-style: normal;
		  
	}

		h4 {
		font-family: "Inter";
		font-size: 150%;
		line-height: 1.3em;
		margin-bottom: 0.5em;
		color: #242424;
		text-decoration: none;
		font-weight: initial;
		font-style: normal;
		
	}
	
    
    
	/*--- Paragraphs | AbsŠtze ------------------------------------------------------------------------*/

	p,
	ul,
    ol {
		font-family: "Inter";
		margin-bottom: 0.6em;
		color: #242424;
		text-decoration: none;
		font-weight: initial;
		font-style: normal;
			}

	p {
		font-size: 110%;
						line-height: 1.5em
						;	}
	:root{
		--h1-ff: Inter;--h2-ff: Inter;--h3-ff: Inter;--h4-ff: Inter;--h5-ff: Arial, sans-serif;--h6-ff: Arial, sans-serif;--text-ff: "Inter";--text-fs: 110%;--text-lh: 1.5em;--text-fw: normal;	}
@media screen and ( max-width: 768px ) {
	:root{
		--text-fs: %;	}
}
    /*--- Data Protection Banner ----------------------------------------------------------------------------------------- */
    .incms-dpbanner {
    font-family: "Inter";font-size: 110%;line-height: 1.5em;text-decoration: none;    }
    .incms-dpbanner .dp-title,
    .incms-dpbanner p{
    margin-bottom: 0.6em;color: #242424;    }
    .incms-dpbanner .incms-dpbanner-inner {
        width: 100%;
        height: auto;
        padding: 24px;
        border-radius: var(--incms-radius-lg, 16px);
        box-shadow: 0 34px 90px rgba(15, 23, 42, 0.22);
        font-size: 16px;
        line-height: 1.5;
    }
    .incms-dpbanner button,
    button.showdataprotection {
        padding: 10px 16px !important;
        border-radius: var(--incms-radius-md, 12px) !important;
        margin: 16px 8px 0 0 !important;
        font-weight: 700 !important;
        line-height: 1.2 !important;
        box-shadow: none;
    }
    .incms-dpbanner .dp_accept,
    button.showdataprotection {
        color: var(--incms-primary-text, #fff) !important;
        border-color: var(--incms-primary, #2563eb) !important;
        background: var(--incms-primary, #2563eb) !important;
        box-shadow: 0 12px 28px rgba(15, 23, 42, 0.18);
        box-shadow: 0 12px 28px color-mix(in srgb, var(--incms-primary, #2563eb) 30%, transparent);
    }
    .incms-dpbanner button.dp_learnmore,
    .incms-dpbanner button.dp_reject,
    .incms-dpbanner .dp_accept_selected {
        color: var(--incms-primary, #2563eb) !important;
        border: 1px solid #d1d5db !important;
        border-color: #d1d5db !important;
        background: rgba(15, 23, 42, 0.035) !important;
    }
    .incms-dpbanner[data-theme=dark] button.dp_learnmore,
    .incms-dpbanner[data-theme=dark] button.dp_reject,
    .incms-dpbanner[data-theme=dark] .dp_accept_selected {
        color: #fff !important;
        border-color: rgba(255, 255, 255, 0.28) !important;
        background: rgba(255, 255, 255, 0.06) !important;
    }
    .incms-dpbanner[data-theme=dark] .incms-dpbanner-consents .desc {
        color: rgba(255, 255, 255, 0.82) !important;
    }
    .incms-dpbanner[data-buttoncolors=neutral] .dp_accept,
    .incms-dpbanner[data-buttoncolors=neutral] button.showdataprotection,
    .incms-dpbanner[data-buttoncolors=neutral] button.dp_learnmore,
    .incms-dpbanner[data-buttoncolors=neutral] button.dp_reject,
    .incms-dpbanner[data-buttoncolors=neutral] .dp_accept_selected {
        color: #fff !important;
        border-color: rgba(255, 255, 255, 0.28) !important;
        background: rgba(255, 255, 255, 0.06) !important;
        box-shadow: none !important;
    }
    .incms-dpbanner[data-theme=light][data-buttoncolors=neutral] .dp_accept,
    .incms-dpbanner[data-theme=light][data-buttoncolors=neutral] button.showdataprotection,
    .incms-dpbanner[data-theme=light][data-buttoncolors=neutral] button.dp_learnmore,
    .incms-dpbanner[data-theme=light][data-buttoncolors=neutral] button.dp_reject,
    .incms-dpbanner[data-theme=light][data-buttoncolors=neutral] .dp_accept_selected {
        color: #1f2937 !important;
        border-color: #d1d5db !important;
        background: rgba(15, 23, 42, 0.035) !important;
        box-shadow: none !important;
    }

	#agenda-year,
    #agenda-months,
    #agenda-legend,
    #agenda-days{
        font-size: 110%;
		font-family: "Inter";
		    }

	ul.sitemap,
	ul li,
	ol li {
		font-size: 110%;
				line-height: 1.5em
				;	}
    ul ul > li,
    ol ol > li,
    ul > li > p,
    ol > li > p {
        font-size:100%;
    }
	/*--- Forms | Formulare ------------------------------------------------------------------------*/

	.incms-form .incms-form-item-label{
		font-family: "Inter";
		font-size: 110%;
		line-height: 1.5em;
		color: #242424;
		font-weight: initial;
		font-style: normal;
		  
	}
	.tooltip {
	color: #F26C00;
			}
 
	
	/*--- Links ----------------------------------------------------------------------------------------- */

	a {
		color: #F26C00;
		background-color: transparent;
		font-weight: inherit;
		text-decoration: none;
		font-style: normal;  
	}
	
	a:visited {
		color: #F26C00;
		  
	}

	a:hover,
	a:focus {
		color: #242424;
		background-color: transparent;
		text-decoration: none;
		font-style: normal;  
	}
	.owl-nofullwidth.owl-carousel.incms-theme .owl-nav [class*='owl-'] i {
		color: #242424;
	}
	.owl-nofullwidth.owl-carousel.incms-theme .owl-dots .owl-dot span{
		background-color: #242424;
	}
	.owl-carousel.incms-theme .owl-dots .owl-dot.active span,
	.owl-carousel.incms-theme .owl-dots .owl-dot:hover span {
		background: #242424;
	}
	.owl-carousel.incms-theme .owl-nav [class*='owl-']:hover i {
		color: #242424;
	}
 
	/*--- Header | Banner ----------------------------------------------------------------------------------------- */
	
	.header {
		background-position: top center;
		background-repeat: repeat;
		background-attachment: scroll;
		background-color: transparent;
	}
	.header h1 {
	font-family: "Ubuntu" !important;
		
		font-size: 250%;
		line-height: 1.4em;
		margin-bottom: 0em;
		color: #222222;
	text-decoration: none;
		font-weight: 700;
		font-style: normal;
		} 
 
 
	/*--- Footer | Fusszeile ----------------------------------------------------------------------------------------- */

	.footer .smart-box.fullwidth .smart-box-container{
        max-width: 1078px;
        }
        .view-edit .footer .smart-box.fullwidth .smart-box-container {
        max-width: 1034px;
        }
        .narrow.view-edit .footer .smart-box.fullwidth .smart-box-container {
        max-width: 663px;
        }
        
	.footer {
		background-color: transparent;  
	}
	
	#incmsicon a {
		background-position: left 0px;
		display: none;  
	}
	
	#incmsicon a:hover {
		background-position: left -20px;  
	}
	
	
			
	#menulangbottom ul li {
		border-right: 1px solid #242424;
		font-family: "Inter";
		    
		font-size: 110%;
		line-height: 1.5em;
		color: #242424;
	}
	
	.footer p {
	font-family: "Inter";
		    
		font-size: 110%;
		line-height: 1.5em;
		margin-bottom: 0.6em;
		color: #242424;
	text-decoration: none;
		font-weight: initial;
		font-style: normal;
		}
			
	.footer a {
		color: #242424;
		background: transparent;
		font-weight: inherit;
		text-decoration: none;
		font-style: normal;
	}
			
	.footer a:hover {
		color: #F26C00;
		background-color: transparent;
		text-decoration: none;
		font-style: normal;
	}	
	
	/*---Bottom footer | Untere Fusszeile ----------------------------------------------------------------------------------------- */
 
	.footerbottom { display: none; } 
 
 
	/*--- Horizontal navigation | Horizontale Navigation ----------------------------------------------------------------------------------------- */
 
	#nav {
		background: #EEEEEE;  
	}
	
	.ym-hlist {
		/* width: auto !important; */
		border-style: solid;
		border-top-width: 0px;
		border-top-color: #EEEEEE;
		border-right-width: 0px;
		border-right-color: #EEEEEE;
		border-bottom-width: 0px;
		border-bottom-color: #EEEEEE;
		border-left-width: 0px;
		border-left-color: #EEEEEE;		
	}

	#topmenu {
		padding: 0 24px 0 24px;
	}
    
    #topmenu .dropdown, #topmenu .mobiledropdown dropdown_sub { display: none; }
    
    #topmenu .dropdown .dropdown_sub { display: none; font-size: 100%; }
	
	.ym-hlist ul li {
		margin-top: 8px;
		margin-right: 4px;
		margin-bottom: 8px;		
	}

		#nav-trigger span{
		font-weight: initial;
		font-style: normal;
		font-family: "Ubuntu";
            font-size: 100%;
				color: #888888;
				background: #EEEEEE;
				text-decoration: none;
						}
	.ym-hlist ul li a,
	#nav-trigger span {
        font-weight: initial;
		font-style: normal;
		font-family: "Ubuntu";
            font-size: 100%;
		color: #888888;
		background: #EEEEEE;
		text-decoration: none;
		border-top-width: 0px;
		border-top-color: #EEEEEE;
		border-right-width: 0px;
		border-right-color: #EEEEEE;
		border-bottom-width: 0px;
		border-bottom-color: #EEEEEE;
		border-left-width: 0px;
		border-left-color: #EEEEEE;		
		border-style: solid;
		line-height: 1em;
		border-radius: 0.2em 0.2em 0.2em 0.2em;
		-webkit-border-radius: 0.2em 0.2em 0.2em 0.2em;
		-moz-border-radius: 0.2em 0.2em 0.2em 0.2em;
		padding: 8px 8px 8px 8px;
		text-shadow: 0px 1px 1px rgba(0,0,0,0.2);;		
	}
 
	.ym-hlist ul li:focus,
	.ym-hlist ul li:hover,
	.ym-hlist ul li:active {
		margin-top: 8px;
		margin-right: 4px;
		margin-bottom: 8px;		
	}
	
	.ym-hlist ul li a:focus,
	.ym-hlist ul li a:hover,
	.ym-hlist ul li a:active {
        color: #DDDDDD;
		background: #888888;
		text-decoration: none;
		font-style: normal;
		border-top-width: 0px;
		border-top-color: #EEEEEE;
		border-right-width: 0px;
		border-right-color: #EEEEEE;
		border-bottom-width: 0px;
		border-bottom-color: #EEEEEE;
		border-left-width: 0px;
		border-left-color: #EEEEEE;		
		border-style: solid;
		line-height: 1em;
		border-radius: 0.2em 0.2em 0.2em 0.2em;
		-webkit-border-radius: 0.2em 0.2em 0.2em 0.2em;
		-moz-border-radius: 0.2em 0.2em 0.2em 0.2em;
		padding: 8px 8px 8px 8px;
		text-shadow: 0px 1px 1px rgba(0,0,0,0.2);;  
	}
 
	.ym-hlist ul li.active {
		background: transparent;
		margin-top: 8px;
		margin-right: 4px;
		margin-bottom: 8px;  
	}
 
	.ym-hlist ul li.active a {
        	background: #888888;
		color: #FFFFFF;
		text-decoration: none;
		font-style: normal;
		border-top-width: 0px;
		border-top-color: #EEEEEE;
		border-right-width: 0px;
		border-right-color: #EEEEEE;
		border-bottom-width: 0px;
		border-bottom-color: #EEEEEE;
		border-left-width: 0px;
		border-left-color: #EEEEEE;		
		border-style: solid;
		line-height: 1em;
		border-radius: 0.2em 0.2em 0.2em 0.2em;
		-webkit-border-radius: 0.2em 0.2em 0.2em 0.2em;
		-moz-border-radius: 0.2em 0.2em 0.2em 0.2em;
		padding: 8px 8px 8px 8px;
		text-shadow: 0px 1px 1px rgba(0,0,0,0.2);;  
	}
	
	.ym-hlist ul li.active:focus,
	.ym-hlist ul li.active:hover,
	.ym-hlist ul li.active:active {
		margin-top: 8px;
		margin-right: 4px;
		margin-bottom: 8px;		
	}
	
	.ym-hlist ul li.active:focus a,
	.ym-hlist ul li.active:hover a,
	.ym-hlist ul li.active:active a,
	.ym-hlist ul li.active a:focus,
	.ym-hlist ul li.active a:hover,
	.ym-hlist ul li.active a:active {
        color: #FFFFFF;
		background: #444444;
		text-decoration: none;
		font-style: normal;
		border-top-width: 0px;
		border-top-color: #EEEEEE;
		border-right-width: 0px;
		border-right-color: #EEEEEE;
		border-bottom-width: 0px;
		border-bottom-color: #EEEEEE;
		border-left-width: 0px;
		border-left-color: #EEEEEE;		
		border-style: solid;
		line-height: 1em;
		border-radius: 0.2em 0.2em 0.2em 0.2em;
		-webkit-border-radius: 0.2em 0.2em 0.2em 0.2em;
		-moz-border-radius: 0.2em 0.2em 0.2em 0.2em;
		padding: 8px 8px 8px 8px;
		text-shadow: 0px 1px 1px rgba(0,0,0,0.2);;  
	}
	
 
 
	/*--- Dropdown navigation | Dropdown Navigation ----------------------------------------------------------------------------------------- */
	
 
	#topmenu li a span,
			#topmenu li ul {
				display: none !important;
				opacity: 0 !important;
			} 
 
	
	/*--- Vertical navigation | Vertikale Navigation ----------------------------------------------------------------------------------------- */
	.ym-vlist{
		font-size: 100%;
					}
	.ym-vlist li{
		font-size:100%;
	}
	.ym-vlist ul {
		border-top: 1px solid #DDDDDD;
			}

    	.ym-vlist{
		font-size: 100%;
			}
	.ym-vlist li{
		font-size: 100%
	}
	.ym-vlist a,
	.ym-vlist a:visited {
        font-weight: initial;
		font-style: normal;
		color: #888888;
		background: #EEEEEE;font-family: "Ubuntu";
            text-decoration: none;
		border-bottom: 1px solid #DDDDDD;
	}

		.ym-vlist li a.active {
		color: #FFFFFF;
		background: #888888;
		text-decoration: none !important;
		font-style: normal !important;		
	}

		.ym-vlist li a.active:hover {
		color: #FFFFFF;
		background: #444444;
				
	}
	
	
		.ym-vlist li a:focus,
	.ym-vlist li a:hover,
	.ym-vlist li a:active {
		color: #DDDDDD;
		background: #888888;
		text-decoration: none;
		font-style: normal;		
	}

	/* Level 2 */
		.ym-vlist li ul li a,
	.ym-vlist li ul li a:visited {
		color: #888888;
		background: #EEEEEE;
				
	}
		.ym-vlist li ul li a:focus,
	.ym-vlist li ul li a:hover,
	.ym-vlist li ul li a:active {
		color: #DDDDDD;
		background: #888888;
				
	}

		.ym-vlist li ul li a.active {
		color: #FFFFFF;
		background: #888888;
				
	}

		.ym-vlist li ul li a.active:hover {
		color: #FFFFFF;
		background: #444444;
				
	}

	/* Level 3 */
		.ym-vlist li ul li ul li a,
	.ym-vlist li ul li ul li a:visited {
		color: #888888;
		background: #EEEEEE;
		
	}
		.ym-vlist li ul li ul li a:focus,
	.ym-vlist li ul li ul li a:hover,
	.ym-vlist li ul li ul li a:active {
		color: #DDDDDD;
		background: #888888;
		
	}

		.ym-vlist li ul li ul li a.active {
		color: #FFFFFF;
		background: #888888;
		
	}

		.ym-vlist li ul li ul li a.active:hover {
		color: #FFFFFF;
		background: #444444;
		
	}

	/* Level 4 */
		.ym-vlist li ul li ul li ul li a,
	.ym-vlist li ul li ul li ul li a:visited {
		color: #888888;
		background: #EEEEEE;
		
	}
		.ym-vlist li ul li ul li ul li a:focus,
	.ym-vlist li ul li ul li ul li a:hover,
	.ym-vlist li ul li ul li ul li a:active {
		color: #DDDDDD;
		background: #888888;
		
	}

		.ym-vlist li ul li ul li ul li a.active {
		color: #FFFFFF;
		background: #888888;
		
	}

		.ym-vlist li ul li ul li ul li a.active:hover {
		color: #FFFFFF;
		background: #444444;
		
	}

	/*--- Flexi: Boxes ----------------------------------------------------------------------------------------- */
    
    
    /* box */
	.flexi .box {
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}
	.flexi .box .icon { height: 24px; width: 24px; padding-right: 8px; float: left; }
	.flexi .box .title h1 { margin-top: 0; line-height: 1.8em; }
	.flexi .box .content { clear: both; }
	
	/* box gray */
	.flexi .box.gray { background: rgba(115,115,115,0.8) !important; border-color: #737373 !important; }
	.flexi .box.gray p,
	.flexi .box.gray h1,
	.flexi .box.gray h2,
	.flexi .box.gray h3 { color: #242424 !important; }
	
	/* box blue */
	.flexi .box.blue { background: rgba(242,108,0,0.5) !important; border-color: #F26C00 !important; }
	.flexi .box.blue p,
	.flexi .box.blue h1,
	.flexi .box.blue h2,
	.flexi .box.blue h3 { color: #242424 !important; }
	
	/* box red */
	.flexi .box.red { background: #F9E5E6 !important; border-color: #F7C7C9 !important; }
	.flexi .box.red p,
	.flexi .box.red h1,
	.flexi .box.red h2,
	.flexi .box.red h3 { color: #6D0113 !important; }
	
	/* box yellow */
	.flexi .box.yellow { background: rgba(242,108,0,0.7) !important; border-color: #F26C00 !important; }
	.flexi .box.yellow p,
	.flexi .box.yellow h1,
	.flexi .box.yellow h2,
	.flexi .box.yellow h3 { color: #242424 !important; }
	


	/*--- Flexi/inCMS Buttons ----------------------------------------------------------------------------------------- */

	.incms-button,
	.btn-submit > div {
		max-width: 100%;
		text-align: center;
		width: 100%;
		display: inline-block;
	}
	.incms-button a,
	.incms-button button,
	.btn-submit a,
	.btn-submit button {
		display:block;
		width:100%;
		box-sizing:border-box;
	}


	/* BUTTON 1 */
	.incms-button-button1 {
		margin-bottom: 0em;
	}
	.incms-button-button1 a,
    .incms-button-button1 button {
		font-family:"Inter";
		font-weight: initial;
		font-style: normal;
				font-size: 130%;
		color: #FFFFFF;
		text-decoration: none;
		text-shadow: 0px 0px 0px rgba(36,36,36,0);;		padding: 15px 20px;
		background: #F26C00;
		background: -moz-linear-gradient(top,  #F26C00 0%, #F26C00 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F26C00), color-stop(100%,#F26C00)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #F26C00 0%,#F26C00 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #F26C00 0%,#F26C00 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #F26C00 0%,#F26C00 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #F26C00 0%,#F26C00 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F26C00', endColorstr='#F26C00' ); /* IE6-8 */
		zoom: 1;
		border: 0px solid #FFFFFF;
		border-radius: 0.5em;
		-webkit-border-radius: 0.5em;
		-moz-border-radius: 0.5em;
		-webkit-box-shadow: 0px 0px 0px rgba(115,115,115,0);;-moz-box-shadow: 0px 0px 0px rgba(115,115,115,0);;box-shadow: 0px 0px 0px rgba(115,115,115,0);;	}
	.incms-button-button1:hover a,
    .incms-button-button1:hover button {
		color: #FFFFFF;
		text-decoration: none;
		font-style: normal;
		font-weight: bold;		padding: 15px 20px;
		text-shadow: 0px 0px 0px rgba(36,36,36,0);;		background: #F26C00;
		background: -moz-linear-gradient(top,  #F26C00 0%, #F26C00 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F26C00), color-stop(100%,#F26C00)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #F26C00 0%,#F26C00 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #F26C00 0%,#F26C00 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #F26C00 0%,#F26C00 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #F26C00 0%,#F26C00 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F26C00', endColorstr='#F26C00'); /* IE6-8 */
		zoom: 1;
		border: 1px solid #737373;
	}

	/* BUTTON 2 */
	.incms-button-button2 {
		margin-bottom: 0em;
	}
	.incms-button-button2 a,
    .incms-button-button2 button {
		font-family: "Inter";
		font-weight: initial;
		font-style: normal;
				font-size: 130%;
		color: #FFFFFF;
		text-decoration: none;
		text-shadow: 0px 0px 0px rgba(0,0,0,0);;		padding: 15px 10px;
		background: #ff1f27;
		background: -moz-linear-gradient(top,  #ff1f27 0%, #ff1f27 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff1f27), color-stop(100%,#ff1f27)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #ff1f27 0%,#ff1f27 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #ff1f27 0%,#ff1f27 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #ff1f27 0%,#ff1f27 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #ff1f27 0%,#ff1f27 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff1f27', endColorstr='#ff1f27' ); /* IE6-8 */
		zoom: 1;
		border: 0px solid #ff1f27;
		border-radius: 0.2em;
		-webkit-border-radius: 0.2em;
		-moz-border-radius: 0.2em;
		-webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0);;-moz-box-shadow: 0px 0px 0px rgba(0,0,0,0);;box-shadow: 0px 0px 0px rgba(0,0,0,0);;	}
	.incms-button-button2:hover a,
    .incms-button-button2:hover button {
		color: #FFFFFF;
		text-decoration: none;
		font-style: normal;
				padding: 15px 10px;
		text-shadow: 0px 0px 0px rgba(0,0,0,0);;		background: #48a6ff;
		background: -moz-linear-gradient(top,  #48a6ff 0%, #48a6ff 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#48a6ff), color-stop(100%,#48a6ff)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #48a6ff 0%,#48a6ff 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #48a6ff 0%,#48a6ff 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #48a6ff 0%,#48a6ff 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #48a6ff 0%,#48a6ff 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#48a6ff', endColorstr='#48a6ff'); /* IE6-8 */
		zoom: 1;
		border: 0px solid #48a6ff;
	}

	/* BUTTON 3 */
	.incms-button-button3 {
		margin-bottom: 0em;
	}
	.incms-button-button3 a,
    .incms-button-button3 button  {
        font-family: "Inter";
		font-weight: initial;
		font-style: normal;
				font-size: 150%;
		color: #F26C00;
		text-decoration: none;
		text-shadow: 0px 0px 0px rgba(255,255,255,0);;		padding: 10px 10px;
		background: #737373;
		background: -moz-linear-gradient(top,  #737373 0%, #737373 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#737373), color-stop(100%,#737373)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #737373 0%,#737373 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #737373 0%,#737373 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #737373 0%,#737373 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #737373 0%,#737373 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#737373', endColorstr='#737373' ); /* IE6-8 */
		zoom: 1;
		border: 1px solid #FFFFFF;
		border-radius: 0.2em;
		-webkit-border-radius: 0.2em;
		-moz-border-radius: 0.2em;
		-webkit-box-shadow: 0px 0px 0px rgba(36,36,36,0);;-moz-box-shadow: 0px 0px 0px rgba(36,36,36,0);;box-shadow: 0px 0px 0px rgba(36,36,36,0);;	}
	.incms-button-button3:hover a,
    .incms-button-button3:hover button  {
		color: #F26C00;
		text-decoration: none;
		font-style: normal;
				padding: 10px 10px;
		text-shadow: 0px 0px 0px rgba(255,255,255,0);;		background: #FFFFFF;
		background: -moz-linear-gradient(top,  #FFFFFF 0%, #FFFFFF 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#FFFFFF)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #FFFFFF 0%,#FFFFFF 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #FFFFFF 0%,#FFFFFF 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #FFFFFF 0%,#FFFFFF 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #FFFFFF 0%,#FFFFFF 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#FFFFFF'); /* IE6-8 */
		zoom: 1;
		border: 2px solid #F26C00;
	}
    .incms-form .incms-form-title{
        color: #242424    }

}


@media screen and ( max-width: 768px) {

	.ym-hlist ul ul {
		padding-right: 0;
		padding-left: 0;
	}
	.ul.dropdown_sub {
		display: none;
		padding: 0px;
	}
	#topmenu .mobiledropdown li a {
		width: auto;
	}

}

@media screen and ( max-width: 768px ) {

	#topmenu {
		padding: 0.5em 10px;
	}
	
	#topmenu li a span {
		display: inline;
	}
	#topmenu li a .sub_next,
	#topmenu li a .span_after {
		float: right;
	}
	#topmenu li a .sub_prev,
	#topmenu li a .span_before {
		float: left;
	}
	#topmenu li a .span_before,
	#topmenu li a .span_after {
		visibility:hidden;
		padding: 8px 15px;
		margin-top: -8px;
	}
	#topmenu li a .sub_next,
	#topmenu li a .sub_prev {
		padding: 8px 15px;
		margin-top: -8px;
	}
	#topmenu li a .sub_next,
	#topmenu li a .span_after
	{
		margin-right: -8px;
		margin-left: -29px;
	}
	#topmenu li a .sub_prev,
	#topmenu li a .span_before
	{
		margin-left: -8px;
		margin-right: -25px;
	}
    #topmenu a.hassub:not(:has(+ul)) > span:is(.sub_next,.span_after) {
        display: none;
    }
	
	.ym-hlist ul li a,
	.ym-hlist ul li .mobiledropdown a {
		border-radius: 0.2em;
		-webkit-border-radius: 0.2em;
		-moz-border-radius: 0.2em;	
	}
	
	.ym-hlist ul li a:hover,
	.ym-hlist ul li .mobiledropdown a:hover {
		border-radius: 0.2em;
		-webkit-border-radius: 0.2em;
		-moz-border-radius: 0.2em;	
	}
	
	.ym-hlist ul li.active a,
	.ym-hlist ul li .mobiledropdown li.active a {
		border-radius: 0.2em;
		-webkit-border-radius: 0.2em;
		-moz-border-radius: 0.2em;	
	}
	
	.ym-hlist ul li.active a:hover,
	.ym-hlist ul li .mobiledropdown li.active a:hover {
		border-radius: 0.2em;
		-webkit-border-radius: 0.2em;
		-moz-border-radius: 0.2em;	
	}
	
	.ym-hlist ul li,
	.ym-hlist ul li:focus,
	.ym-hlist ul li:hover,
	.ym-hlist ul li:active,
	.ym-hlist ul li.active,
	.ym-hlist ul li.active:focus,
	.ym-hlist ul li.active:hover,
	.ym-hlist ul li.active:active,
	.ym-hlist .mobiledropdown li,
	.ym-hlist .mobiledropdown li:focus,
	.ym-hlist .mobiledropdown li:hover,
	.ym-hlist .mobiledropdown li:active,
	.ym-hlist .mobiledropdown li.active,
	.ym-hlist .mobiledropdown li.active:focus,
	.ym-hlist .mobiledropdown li.active:hover,
	.ym-hlist .mobiledropdown li.active:active {
		margin: 4px 0;
	}
	
	.ym-hlist ul li a,
	.ym-hlist ul li a:focus,
	.ym-hlist ul li a:hover,
	.ym-hlist ul li a:active,
	.ym-hlist ul li a.active,
	.ym-hlist ul li a.active:focus,
	.ym-hlist ul li a.active:hover,
	.ym-hlist ul li a.active:active,
	.ym-hlist .mobiledropdown li a,
	.ym-hlist .mobiledropdown li a:focus,
	.ym-hlist .mobiledropdown li a:hover,
	.ym-hlist .mobiledropdown li a:active,
	.ym-hlist .mobiledropdown li a.active,
	.ym-hlist .mobiledropdown li a.active:focus,
	.ym-hlist .mobiledropdown li a.active:hover,
	.ym-hlist .mobiledropdown li a.active:active {
		margin: 0;
		padding: 8px;
		border: 0;
	}
	
	#nav {
		background: #EEEEEE !important;  
	}
	
	.ym-hlist { border: 0px; }
	
	#topmenu .mobiledropdown {
		margin: 0;
		padding: 0;
	}
	
	
	/* dropdown layout styling */
	#topmenu li.hassub:hover ul{
		position: static;
	}
	
	#topmenu li.hassub ul.dropdown li {
		padding-right: 15px;
	}
	
	#topmenu li.hassub ul.dropdown li a{
		width: 100%;
	}

	ul#topmenu li.active a.active+ul.dropdown {
		position: static;
		display: block;
	}

	#topmenu li.hassub ul.dropdown li.hassub ul.dropdown_sub{
		position: static;
		width: 80%;
		float: none;
		margin-top: 1px;
		margin-left: auto;
		margin-right: auto;
	}
	
	#topmenu li.hassub:hover ul.dropdown li.hassub ul.dropdown_sub,
	#topmenu li.hassub.active ul.dropdown li.hassub ul.dropdown_sub{
		position: static;
		width: 80%;
		float: none;
		margin-top: 1px;
		margin-left: auto;
		margin-right: auto;
		display: block;
		padding: 0px;
	}
	
	#topmenu li.hassub ul.mobiledropdown .dropdown_sub {
		display: none;
	}
	
	/* dropdown menu link */
	#topmenu li:focus .mobiledropdown a,
	#topmenu li:hover .mobiledropdown a,
	#topmenu li:active .mobiledropdown a,
	#topmenu li.active .mobiledropdown a,
	#topmenu li.active:focus .mobiledropdown a,
	#topmenu li.active:hover .mobiledropdown a,
	#topmenu li.active:active .mobiledropdown a {
		regularfont-family: "Ubuntu";
		    font-size: 100%;
		color: #888888;
		background: #EEEEEE;
		text-decoration: none;
		padding: 8px 8px 8px 8px;
	text-shadow: 0px 1px 1px rgba(0,0,0,0.2);;	}
	
	
	/* dropdown menu link:hover */
	#topmenu li .mobiledropdown a:focus,
	#topmenu li .mobiledropdown a:hover,
	#topmenu li .mobiledropdown a:active,
	#topmenu li.active .mobiledropdown a:focus,
	#topmenu li.active .mobiledropdown a:hover,
	#topmenu li.active .mobiledropdown a:active {
		color: #DDDDDD;
		background: #888888;
		text-decoration: none;
		font-style: normal;
		text-shadow: 0px 1px 1px rgba(0,0,0,0.2);;	}
	
	
	/* dropdown menu link.active */
	#topmenu li .mobiledropdown a.active,
	#topmenu li.active .mobiledropdown a.active {
			font-weight: inherit;
		color: #FFFFFF;
		background: #888888;
		text-decoration: none;
		font-style: normal;
		text-shadow: 0px 1px 1px rgba(0,0,0,0.2);;	}
	
	
	/* dropdown menu link.active:hover */
	#topmenu li .mobiledropdown a.active:focus,
	#topmenu li.active .mobiledropdown a.active:focus,
	#topmenu li .mobiledropdown a.active:hover,
	#topmenu li.active .mobiledropdown a.active:hover,
	#topmenu li .mobiledropdown a.active:active,
	#topmenu li.active .mobiledropdown a.active:active {
		color: #FFFFFF;
		background: #444444;
		text-decoration: none;
		font-style: normal;
		text-shadow: 0px 1px 1px rgba(0,0,0,0.2);;	}


	/* mobile menu */

	#nav-trigger {
		padding: 0.5em 10px;
	}

	#topmenu { display: block !important; }#nav-trigger { display: none !important; }
	}
@media screen and ( max-width: 768px ) {
    .view-normal .incms-mobile-hidden,.view-mobile .incms-mobile-hidden{
        display:none !important;
    }
}
@media screen and ( min-width: 769px ) {
	    #topmenu .dropdown {
        text-align: left;
    }
    .view-normal .incms-desktop-hidden,.view-mobile .incms-desktop-hidden{
        display:none !important;
    }

	@supports (flex-wrap: wrap) {
		/* Equal Flexi Box */
		.ym-grid.equal-grid {
			display: table;
			display: -moz-box;
			display: -webkit-flex;
			display: -ms-flexbox;
			display: flex;
		}
		.equal-grid > div {
			display: inline-block;
			display: -moz-box;
			display: -webkit-flex;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
			-ms-flex-direction: column;
			flex-direction: column;
		}
		.equal-grid .ym-gbox, .equal-grid .ym-gbox .equal, .equal-grid .ym-gbox .equal .box, .equalbox {
			display: inline-block;
			display: -moz-box;
			display: -webkit-flex;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-flex: 1;
			-ms-flex: 1 0 auto;
			flex: 1 0 auto;
			flex-direction: column;
		}
		.ym-grid.equal-grid .ym-gr {
			margin: 0;
		}
		.equal-grid .ym-gbox > br {
			display: inherit;
			margin: 0 0 1em;
		}
	}
}

@media screen and ( max-width: 768px ) {
h1 { font-size: 330%;}
		h2 { font-size: 200%;}
		h3 { font-size: 160%;}
		h4 { font-size: 130%;}
		.header h1 { font-size: 200%;}
		}
/* Mobile fix for Smartbox: Template Settings for 3col layout pages */
@media screen and ( max-width: 768px ) {
    .linearize-level-1,
    .linearize-level-1 > [class*="ym-g"],
    .linearize-level-1 > [class*="ym-col"] {
        display: block !important;
    }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .equal-grid{
        display:table!important
    }
    .equal-grid > div{
        display:inline!important
    }
    .equal-grid .ym-gbox{
        display:block!important
    }
}

@media screen and (max-width: 768px) {
  .smart-mobile.res-lg.m-center,.smart-mobile.res-lg.m-center .incms-button-container {text-align:center !important}
}
@media screen and (max-width: 568px) {
  .smart-mobile.res-md.m-center,.smart-mobile.res-md.m-center .incms-button-container {text-align:center !important}
}
@media screen and (max-width: 480px) {
  .smart-mobile.res-sm.m-center,.smart-mobile.res-sm.m-center .incms-button-container {text-align:center !important}
}

.smart-text-color h1,
.smart-text-color h2,
.smart-text-color h3,
.smart-text-color h4,
.smart-text-color h5,
.smart-text-color h6,
.smart-text-color ul,
.smart-text-color ul li,
.smart-text-color ol,
.smart-text-color ol li,
.smart-text-color p,
.smart-text-color a{
	color: inherit !important;
}
.smart-text-shadow{
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2)
}

.smart-mask{
  position: absolute;
  width: 100%;
  top: 0px;
  left: 0px;
  bottom: 0;
  display: none;
  border-radius: inherit;
}
.smart-mask.active-mask{display:block;}
.smart-box-container{position:relative;}
.view-normal.onecol .smart-box.fullwidth.fullwidthcontent > .smart-box-container {
  max-width: 100%;
}
.shadow{box-shadow: 0 2px 2px rgba(0, 0, 0, .1);z-index: 1;}
.text-center{text-align:center}
.smart-border{box-sizing: border-box;}

.smartbox-main-inner {
	padding-top: 60px;
	padding-bottom: 50px;
	padding-left: 10px;
	padding-right: 10px;
}

.smart-main {
	background-size: auto;
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
	background-attachment: scroll;
}

.smart-border {
	border-radius: 0px;
	border-width: 0px;
	border-style: none;
}


* {-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.incms-form .incms-form-field {
  box-shadow: none;
  padding: 7px;
  border-radius:17px;
}
.incms-form input.incms-form-field {
  border-radius:50px;
}
/* ============================================================
   MythriQ Landing Page — inCMS Stylesheet
   Alle Selektoren unter .mq-page (keine Konflikte mit inCMS-CSS)
   Fonts: system-ui stack (kein Google Fonts CDN)
   ============================================================ */

/* ---- Design Tokens ---- */
.mq-page {
  --mq-orange-100: #FF7F1A;
  --mq-orange-200: #F26C00;
  --mq-orange-25:  #F5EDE6;
  --mq-orange-50:  #E5DBD3;
  --mq-cta:        #0E5839;
  --mq-cta-hover:  #0A4329;
  --mq-cta-fg:     #ffffff;
  --mq-cta-glow:   rgba(14,88,57,.28);
  --mq-white:      #ffffff;
  --mq-grey-100:   #F2F2F2;
  --mq-grey-200:   #EBEBEB;
  --mq-grey-300:   #D9D9D9;
  --mq-grey-400:   #8E8E8E;
  --mq-grey-500:   #737373;
  --mq-grey-600:   #3B3B3B;
  --mq-grey-700:   #242424;
  --mq-grey-800:   #131313;
  --mq-radius:     8px;
  --mq-radius-md:  12px;
  --mq-radius-lg:  20px;
  --mq-radius-pill:999px;
  --mq-shadow-1:   0 1px 2px rgba(19,19,19,.04),0 1px 1px rgba(19,19,19,.03);
  --mq-shadow-2:   0 4px 16px rgba(19,19,19,.06),0 2px 4px rgba(19,19,19,.04);
  --mq-shadow-3:   0 16px 40px rgba(19,19,19,.10),0 4px 8px rgba(19,19,19,.05);
  --mq-font:       system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --mq-container:  1200px;
  --mq-divider:    var(--mq-grey-200);
  --mq-border:     var(--mq-grey-300);
}

/* ---- Base reset (scoped) ---- */
.mq-page *, .mq-page *::before, .mq-page *::after { box-sizing: border-box; }
.mq-page { font-family: var(--mq-font); color: var(--mq-grey-700); background: var(--mq-white); font-size:16px; line-height:1.55; -webkit-font-smoothing:antialiased; }
.mq-page a { color:inherit; text-decoration:none; }
.mq-page img, .mq-page svg { display:block; max-width:100%; }
.mq-page button { font-family:inherit; cursor:pointer; }
.mq-page h1,.mq-page h2,.mq-page h3,.mq-page h4 { margin:0; color:var(--mq-grey-700); font-weight:700; letter-spacing:-.02em; line-height:1.1; }
.mq-page p { margin:0; }
.mq-page *::selection { background:rgba(255,127,26,.25); color:var(--mq-grey-700); }

/* ---- Container ---- */
.mq-page .mq-container { max-width:var(--mq-container); margin:0 auto; padding:0 32px; }
@media(max-width:720px){ .mq-page .mq-container { padding:0 20px; } }

/* ---- Eyebrow ---- */
.mq-page .mq-eyebrow { font-size:12px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--mq-orange-200); }

/* ============================================================
   CTA Buttons
   ============================================================ */
.mq-page .mq-cta {
  display:inline-flex; align-items:center; justify-content:center; gap:10px;
  height:56px; padding:0 26px;
  background:var(--mq-cta); color:var(--mq-cta-fg);
  font-family:var(--mq-font); font-weight:600; font-size:15px; letter-spacing:-.005em;
  border:none; border-radius:10px;
  box-shadow:0 1px 2px rgba(0,0,0,.08),0 6px 18px var(--mq-cta-glow);
  cursor:pointer; white-space:nowrap; position:relative; isolation:isolate;
  transition:transform .14s ease-out, background .14s ease-out, box-shadow .14s ease-out;
}
.mq-page .mq-cta::before {
  content:''; position:absolute; inset:-6px; border-radius:16px;
  background:var(--mq-cta-glow); opacity:0; filter:blur(14px);
  transition:opacity .3s ease-out; pointer-events:none; z-index:-1;
}
.mq-page .mq-cta:hover { background:var(--mq-cta-hover); transform:translateY(-1px) scale(1.03); box-shadow:0 1px 2px rgba(0,0,0,.08),0 12px 26px var(--mq-cta-glow); }
.mq-page .mq-cta:hover::before { opacity:1; }
.mq-page .mq-cta:active { transform:translateY(0) scale(1); }
.mq-page .mq-cta:focus-visible { outline:none; box-shadow:0 0 0 4px var(--mq-cta-glow); }
.mq-page .mq-cta .mq-arrow { transition:transform .2s ease-out; display:inline-block; }
.mq-page .mq-cta:hover .mq-arrow { transform:translateX(3px); }
.mq-page .mq-cta.mq-cta-sm { height:44px; padding:0 18px; font-size:14px; }

.mq-page .mq-cta-ghost {
  display:inline-flex; align-items:center; gap:8px;
  height:56px; padding:0 22px;
  background:transparent; color:var(--mq-grey-700);
  font-family:var(--mq-font); font-weight:600; font-size:15px;
  border:1px solid var(--mq-grey-300); border-radius:10px;
  cursor:pointer; transition:background .14s,border-color .14s;
}
.mq-page .mq-cta-ghost:hover { background:var(--mq-grey-100); border-color:var(--mq-grey-400); }

/* ============================================================
   Sticky Nav
   ============================================================ */
.mq-page .mq-nav {
  position:sticky; top:0; z-index:50;
  background:rgba(255,255,255,.86);
  backdrop-filter:saturate(180%) blur(12px);
  -webkit-backdrop-filter:saturate(180%) blur(12px);
  border-bottom:1px solid transparent;
  transition:border-color .2s, background .2s, box-shadow .2s;
}
.mq-page .mq-nav.mq-scrolled { background:rgba(255,255,255,.96); border-bottom-color:var(--mq-divider); box-shadow:0 1px 0 rgba(0,0,0,.04),0 4px 16px rgba(0,0,0,.06); }
.mq-page .mq-nav-inner { display:flex; align-items:center; height:72px; gap:24px; }
.mq-page .mq-logo-svg { height:28px; width:auto; display:block; }
.mq-page .mq-nav-links { display:flex; gap:22px; margin-left:24px; }
.mq-page .mq-nav-link { font-size:14px; font-weight:500; color:var(--mq-grey-600); transition:color .14s; }
.mq-page .mq-nav-link:hover,.mq-page .mq-nav-link.mq-spy-active { color:var(--mq-orange-200); }
@media(max-width:920px){ .mq-page .mq-nav-links { display:none; } }
.mq-page .mq-nav-spacer { flex:1; }

/* ============================================================
   Hero
   ============================================================ */
.mq-page .mq-hero {
  position:relative; padding:88px 0 56px; overflow:hidden; isolation:isolate;
  background:
    radial-gradient(900px 600px at 110% -10%,rgba(255,127,26,.10),transparent 60%),
    radial-gradient(700px 500px at -10% 30%,rgba(14,88,57,.05),transparent 60%),
    var(--mq-white);
}
.mq-page .mq-hero::after {
  content:''; position:absolute; inset:0;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(../../incms_files/pagecache/%23n)' opacity='.5'/%3E%3C/svg%3E");
  background-size:200px 200px; opacity:.025; pointer-events:none; z-index:0; mix-blend-mode:overlay;
}
.mq-page .mq-hero .mq-container { position:relative; z-index:1; }
.mq-page .mq-hero-grid { display:grid; grid-template-columns:1.05fr 1fr; gap:72px; align-items:center; }
@media(max-width:980px){ .mq-page .mq-hero-grid { grid-template-columns:1fr; gap:48px; } }

.mq-page .mq-hero .mq-eyebrow { animation:mq-fadeUp .45s ease-out .05s both; }
.mq-page .mq-h1 {
  font-size:clamp(36px,5.4vw,64px); line-height:1.04; letter-spacing:-.028em; font-weight:800;
  margin-top:18px; color:var(--mq-grey-700); text-wrap:balance;
  animation:mq-fadeUp .55s ease-out .15s both;
}
.mq-page .mq-h1 .mq-highlight { background:linear-gradient(180deg,transparent 62%,rgba(255,127,26,.28) 62%); padding:0 2px; }
.mq-page .mq-h1 .mq-num { color:var(--mq-orange-100); font-variant-numeric:tabular-nums; }
.mq-page .mq-hero-sub { margin-top:22px; font-size:19px; line-height:1.55; color:var(--mq-grey-500); max-width:540px; text-wrap:pretty; animation:mq-fadeUp .55s ease-out .3s both; }
.mq-page .mq-hero-actions { margin-top:36px; display:flex; gap:12px; flex-wrap:wrap; animation:mq-fadeUp .5s ease-out .45s both; }

/* ---- Calculator Widget ---- */
.mq-page .mq-calc {
  background:var(--mq-white); border-radius:18px;
  box-shadow:0 24px 60px rgba(19,19,19,.10),0 6px 18px rgba(19,19,19,.05);
  border:1px solid var(--mq-divider); overflow:hidden;
}
.mq-page .mq-calc-head {
  background:var(--mq-grey-700); color:#fff; padding:16px 22px;
  display:flex; align-items:center; gap:12px;
}
.mq-page .mq-live-dot {
  width:10px; height:10px; border-radius:999px; background:var(--mq-orange-100);
  box-shadow:0 0 0 4px rgba(255,127,26,.22);
  animation:mq-pulse 2.4s infinite; flex-shrink:0;
}
.mq-page .mq-calc-label { font-size:12px; letter-spacing:.14em; text-transform:uppercase; font-weight:700; opacity:.9; }
.mq-page .mq-calc-url { margin-left:auto; font-size:12px; color:rgba(255,255,255,.5); font-family:ui-monospace,monospace; }
.mq-page .mq-calc-body { padding:24px 26px 26px; }
.mq-page .mq-calc-row { display:flex; align-items:center; justify-content:space-between; padding:14px 0; border-bottom:1px dashed var(--mq-grey-300); gap:8px; }
.mq-page .mq-calc-row.mq-calc-row-last { border-bottom:none; }
.mq-page .mq-calc-lbl { color:var(--mq-grey-500); font-size:14px; white-space:nowrap; }
.mq-page .mq-calc-val { font-weight:700; color:var(--mq-grey-700); font-size:18px; font-variant-numeric:tabular-nums; white-space:nowrap; }
.mq-page .mq-slider { flex:1; max-width:180px; accent-color:var(--mq-cta); margin:0 10px; cursor:pointer; }

.mq-page .mq-calc-result {
  margin-top:18px; padding:22px; border-radius:14px;
  background:linear-gradient(180deg,#F4FBF7 0%,#EAF6F0 100%);
  border:1px solid #C8E5D3; position:relative; overflow:hidden;
}
.mq-page .mq-calc-result::after {
  content:''; position:absolute; right:-40px; top:-40px;
  width:140px; height:140px; background:radial-gradient(circle,rgba(14,88,57,.10),transparent 70%);
}
.mq-page .mq-result-label { color:var(--mq-grey-500); font-size:12px; font-weight:600; letter-spacing:.12em; text-transform:uppercase; }
.mq-page .mq-result-big { font-size:40px; font-weight:800; color:var(--mq-cta); letter-spacing:-.02em; margin-top:6px; font-variant-numeric:tabular-nums; }
.mq-page .mq-result-sub { color:var(--mq-grey-600); font-size:13px; margin-top:4px; }
.mq-page .mq-calc-footer { margin-top:18px; display:flex; align-items:center; justify-content:space-between; gap:14px; flex-wrap:wrap; }
.mq-page .mq-fineprint { font-size:12px; color:var(--mq-grey-500); }

/* ============================================================
   Trust Marquees
   ============================================================ */
.mq-page .mq-trust-section {
  padding:56px 0 64px; overflow:hidden;
  background:linear-gradient(180deg,rgba(242,242,242,0) 0%,var(--mq-grey-100) 25%,var(--mq-grey-100) 75%,rgba(242,242,242,0) 100%);
  display:flex; flex-direction:column; gap:18px;
}
@media(max-width:720px){ .mq-page .mq-trust-section { padding:40px 0 48px; gap:12px; } }
.mq-page .mq-trust-headrow { display:flex; align-items:center; }
.mq-page .mq-marquee-label { display:inline-flex; align-items:center; gap:8px; font-size:11px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--mq-cta); }
.mq-page .mq-marquee-label .mq-dot-new { width:7px; height:7px; border-radius:999px; background:var(--mq-cta); box-shadow:0 0 0 4px rgba(14,88,57,.18); animation:mq-pulse 2.4s infinite; }
.mq-page .mq-marquee-label.mq-muted-label { color:var(--mq-grey-400); margin-top:4px; }

.mq-page .mq-marquee {
  position:relative; width:100%; overflow:hidden;
  mask-image:linear-gradient(90deg,transparent 0,#000 4%,#000 96%,transparent 100%);
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 4%,#000 96%,transparent 100%);
}
.mq-page .mq-marquee-track { display:flex; gap:14px; width:max-content; animation:mq-scroll 50s linear infinite; padding:4px 0; }
.mq-page .mq-marquee[data-marquee="press"] .mq-marquee-track { animation-duration:60s; animation-direction:reverse; gap:24px; }
.mq-page .mq-marquee:hover .mq-marquee-track { animation-play-state:paused; }
@media(max-width:720px){
  .mq-page .mq-marquee-track { gap:10px; animation-duration:32s; }
  .mq-page .mq-marquee[data-marquee="press"] .mq-marquee-track { gap:18px; animation-duration:38s; }
}

.mq-page .mq-logo-pill {
  display:inline-flex; align-items:center; justify-content:center;
  padding:14px 22px; height:72px; min-width:140px;
  background:var(--mq-white); border:1px solid var(--mq-divider); border-radius:16px;
  box-shadow:var(--mq-shadow-1); flex-shrink:0;
  transition:border-color .14s, transform .35s cubic-bezier(.2,.6,.2,1), box-shadow .25s;
}
.mq-page .mq-logo-pill:hover { border-color:var(--mq-grey-400); transform:translateY(-2px) scale(1.03); box-shadow:var(--mq-shadow-2); }
.mq-page .mq-logo-pill img { max-height:40px; max-width:180px; width:auto; object-fit:contain; }
@media(max-width:720px){ .mq-page .mq-logo-pill { padding:11px 18px; height:60px; min-width:110px; border-radius:14px; } .mq-page .mq-logo-pill img { max-height:32px; } }

.mq-page .mq-press-mark { display:inline-flex; align-items:center; justify-content:center; height:56px; padding:6px 8px; flex-shrink:0; filter:grayscale(1); opacity:.65; transition:opacity .14s,filter .14s; }
.mq-page .mq-press-mark:hover { opacity:1; filter:grayscale(0); }
.mq-page .mq-press-mark img { max-height:40px; max-width:160px; width:auto; object-fit:contain; }
@media(max-width:720px){ .mq-page .mq-press-mark { height:44px; } .mq-page .mq-press-mark img { max-height:30px; } }

/* ============================================================
   Section base
   ============================================================ */
.mq-page .mq-s { padding:96px 0; position:relative; }
.mq-page .mq-s.mq-alt { background:var(--mq-grey-100); }
.mq-page .mq-s.mq-dark { background:var(--mq-grey-800); color:#fff; }
.mq-page .mq-s.mq-dark h2,.mq-page .mq-s.mq-dark h3 { color:#fff; }
@media(max-width:720px){ .mq-page .mq-s { padding:72px 0; } }

.mq-page .mq-section-head { max-width:760px; margin:0 auto 56px; text-align:center; }
.mq-page .mq-section-head h2 { font-size:clamp(28px,3.6vw,44px); line-height:1.1; letter-spacing:-.025em; margin-top:14px; text-wrap:balance; }
.mq-page .mq-section-head p { margin-top:16px; color:var(--mq-grey-500); font-size:18px; line-height:1.55; text-wrap:pretty; }
@media(max-width:720px){ .mq-page .mq-section-head { margin-bottom:40px; } }

/* ============================================================
   Problem Cards
   ============================================================ */
.mq-page .mq-problem-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
@media(max-width:920px){ .mq-page .mq-problem-grid { grid-template-columns:1fr; } }

.mq-page .mq-pcard {
  background:var(--mq-white); border:1px solid var(--mq-divider); border-radius:16px;
  padding:32px; display:flex; flex-direction:column; gap:18px;
  position:relative; isolation:isolate; overflow:hidden;
  background-image:radial-gradient(circle at 100% 0%,rgba(255,127,26,.045) 0%,transparent 30%);
  transition:transform .42s cubic-bezier(.2,.6,.2,1), box-shadow .42s cubic-bezier(.2,.6,.2,1), border-color .25s;
}
.mq-page .mq-pcard::after { content:''; position:absolute; top:0; left:0; right:0; height:3px; background:linear-gradient(90deg,var(--mq-cta) 0%,var(--mq-orange-100) 100%); transform:scaleX(0); transform-origin:left center; transition:transform .55s cubic-bezier(.2,.6,.2,1); z-index:4; pointer-events:none; }
.mq-page .mq-pcard::before { content:''; position:absolute; inset:0; background:linear-gradient(115deg,transparent 30%,rgba(255,127,26,.07) 48%,rgba(14,88,57,.05) 52%,transparent 70%); transform:translateX(-110%); transition:transform .95s cubic-bezier(.4,.2,.3,1); pointer-events:none; z-index:1; }
.mq-page .mq-pcard:hover { transform:translateY(-6px); box-shadow:0 24px 48px -12px rgba(19,19,19,.18),0 6px 16px rgba(19,19,19,.06); border-color:transparent; }
.mq-page .mq-pcard:hover::after { transform:scaleX(1); }
.mq-page .mq-pcard:hover::before { transform:translateX(110%); }
.mq-page .mq-pcard > * { position:relative; z-index:2; }
.mq-page .mq-pnum { font-size:40px; font-weight:800; color:#A6182C; letter-spacing:-.03em; line-height:1; font-variant-numeric:tabular-nums; transition:text-shadow .42s,letter-spacing .42s; }
.mq-page .mq-pcard:hover .mq-pnum { text-shadow:0 0 32px rgba(217,69,69,.30); letter-spacing:-.034em; }
.mq-page .mq-pnum .mq-unit { font-size:18px; color:var(--mq-grey-500); margin-left:4px; font-weight:600; }
.mq-page .mq-pcard h3 { font-size:19px; line-height:1.3; transition:color .25s; }
.mq-page .mq-pcard:hover h3 { color:var(--mq-grey-800); }
.mq-page .mq-pcard p { color:var(--mq-grey-500); font-size:14.5px; line-height:1.55; }
.mq-page .mq-pquote { margin-top:auto; padding-top:14px; border-top:1px dashed var(--mq-grey-300); color:var(--mq-grey-600); font-size:13px; font-style:italic; transition:border-top-color .25s, color .25s; }
.mq-page .mq-pcard:hover .mq-pquote { border-top-color:var(--mq-orange-100); color:var(--mq-grey-700); }

/* ============================================================
   How It Works — Steps
   ============================================================ */
.mq-page .mq-how-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; position:relative; }
.mq-page .mq-how-grid::before { content:''; position:absolute; top:36px; left:11%; right:11%; height:2px; background:repeating-linear-gradient(90deg,var(--mq-grey-300) 0 6px,transparent 6px 12px); z-index:0; }
@media(max-width:920px){ .mq-page .mq-how-grid { grid-template-columns:1fr; gap:32px; } .mq-page .mq-how-grid::before { display:none; } }

.mq-page .mq-step {
  background:var(--mq-white); border:1px solid var(--mq-divider); border-radius:16px;
  padding:28px; position:relative; z-index:1; display:flex; flex-direction:column; gap:16px;
  isolation:isolate; overflow:hidden;
  transition:transform .42s cubic-bezier(.2,.6,.2,1), box-shadow .42s cubic-bezier(.2,.6,.2,1), border-color .25s;
}
.mq-page .mq-step::after { content:''; position:absolute; top:0; left:0; right:0; height:3px; background:linear-gradient(90deg,var(--mq-cta) 0%,var(--mq-orange-100) 100%); transform:scaleX(0); transform-origin:left center; transition:transform .55s cubic-bezier(.2,.6,.2,1); z-index:4; pointer-events:none; }
.mq-page .mq-step::before { content:''; position:absolute; inset:0; background:linear-gradient(115deg,transparent 30%,rgba(255,127,26,.07) 48%,rgba(14,88,57,.05) 52%,transparent 70%); transform:translateX(-110%); transition:transform .95s cubic-bezier(.4,.2,.3,1); pointer-events:none; z-index:1; }
.mq-page .mq-step:hover { transform:translateY(-5px); box-shadow:0 22px 48px -14px rgba(19,19,19,.18),0 6px 14px rgba(19,19,19,.05); border-color:transparent; }
.mq-page .mq-step:hover::after { transform:scaleX(1); }
.mq-page .mq-step:hover::before { transform:translateX(110%); }
.mq-page .mq-step > * { position:relative; z-index:2; }
.mq-page .mq-step-num { width:56px; height:56px; border-radius:999px; background:var(--mq-grey-700); color:#fff; display:inline-flex; align-items:center; justify-content:center; font-weight:800; font-size:22px; box-shadow:0 0 0 6px var(--mq-white),0 0 0 7px var(--mq-grey-200); margin-top:-8px; transition:transform .42s cubic-bezier(.2,.6,.2,1), background .25s, box-shadow .35s; }
.mq-page .mq-step-num.mq-active { background:var(--mq-cta); box-shadow:0 0 0 6px var(--mq-white),0 0 0 7px var(--mq-cta); animation:mq-stepPulse 3.2s ease-in-out infinite; }
.mq-page .mq-step:hover .mq-step-num { background:var(--mq-cta); color:#fff; transform:scale(1.08) rotate(-3deg); box-shadow:0 0 0 6px var(--mq-white),0 0 0 7px var(--mq-cta),0 14px 30px rgba(14,88,57,.28); }
.mq-page .mq-step h3 { font-size:19px; line-height:1.3; }
.mq-page .mq-step p { color:var(--mq-grey-500); font-size:14.5px; line-height:1.55; }
.mq-page .mq-step-visual { margin-top:4px; padding:14px; background:var(--mq-grey-100); border-radius:10px; font-size:13px; color:var(--mq-grey-600); font-family:ui-monospace,'SF Mono',Menlo,monospace; display:flex; flex-direction:column; gap:6px; transition:background .25s; }
.mq-page .mq-step:hover .mq-step-visual { background:var(--mq-orange-25); }
.mq-page .mq-sv-row { display:flex; justify-content:space-between; align-items:center; }
.mq-page .mq-chip { display:inline-flex; align-items:center; gap:4px; padding:2px 8px; border-radius:999px; background:#fff; border:1px solid var(--mq-divider); font-family:var(--mq-font); font-size:11px; font-weight:600; transition:transform .28s cubic-bezier(.2,.6,.2,1); }
.mq-page .mq-chip.mq-green { color:var(--mq-cta); border-color:rgba(14,88,57,.25); background:#F4FBF7; }
.mq-page .mq-chip.mq-orange { color:var(--mq-orange-200); border-color:rgba(255,127,26,.25); background:var(--mq-orange-25); }

/* ============================================================
   Year-2 Effect
   ============================================================ */
.mq-page .mq-y2-wrap { display:grid; grid-template-columns:1fr 1.05fr; gap:64px; align-items:center; }
@media(max-width:980px){ .mq-page .mq-y2-wrap { grid-template-columns:1fr; gap:40px; } }
.mq-page .mq-y2-text h2 { font-size:clamp(28px,3.6vw,44px); line-height:1.1; letter-spacing:-.025em; text-wrap:balance; }
.mq-page .mq-y2-text h2 .mq-accent { color:var(--mq-orange-100); }
.mq-page .mq-y2-lead { margin-top:20px; font-size:18px; color:var(--mq-grey-500); line-height:1.55; text-wrap:pretty; }
.mq-page .mq-pullquote { margin-top:28px; padding:20px 22px; background:var(--mq-white); border-left:4px solid var(--mq-cta); border-radius:0 10px 10px 0; font-size:17px; line-height:1.5; color:var(--mq-grey-700); font-weight:500; box-shadow:var(--mq-shadow-1); }
.mq-page .mq-pullquote strong { color:var(--mq-cta); font-weight:700; }

.mq-page .mq-y2-chart { background:var(--mq-white); border:1px solid var(--mq-divider); border-radius:18px; padding:32px; box-shadow:var(--mq-shadow-2); }
.mq-page .mq-chart-head { display:flex; align-items:center; justify-content:space-between; margin-bottom:22px; }
.mq-page .mq-chart-head .mq-chart-label { font-size:13px; color:var(--mq-grey-500); font-weight:600; letter-spacing:.12em; text-transform:uppercase; }
.mq-page .mq-chart-legend { display:flex; gap:14px; font-size:12px; color:var(--mq-grey-500); flex-wrap:wrap; }
.mq-page .mq-leg-dot { width:10px; height:10px; border-radius:3px; display:inline-block; margin-right:6px; vertical-align:middle; }
.mq-page .mq-y2-bars { display:flex; align-items:flex-end; gap:36px; height:280px; padding:0 24px; border-bottom:1px solid var(--mq-divider); }
.mq-page .mq-y2-bar { flex:1; display:flex; flex-direction:column; align-items:center; gap:8px; position:relative; height:100%; justify-content:flex-end; }
.mq-page .mq-bar-stack { width:100%; max-width:110px; display:flex; flex-direction:column-reverse; border-radius:10px 10px 0 0; overflow:hidden; }
.mq-page .mq-seg-known   { background:var(--mq-grey-200); }
.mq-page .mq-seg-relearn { background:repeating-linear-gradient(45deg,var(--mq-orange-25),var(--mq-orange-25) 6px,#EFE2D2 6px 12px); }
.mq-page .mq-seg-new     { background:var(--mq-orange-100); }
.mq-page .mq-seg-lbl { text-align:center; font-size:11px; font-weight:600; color:var(--mq-grey-700); padding:8px 4px; line-height:1.2; }
.mq-page .mq-seg-new .mq-seg-lbl { color:#fff; }
.mq-page .mq-bar-caption { margin-top:14px; text-align:center; }
.mq-page .mq-bar-y { font-weight:800; font-size:17px; color:var(--mq-grey-700); }
.mq-page .mq-bar-h { font-size:13px; color:var(--mq-grey-500); margin-top:2px; font-variant-numeric:tabular-nums; }
.mq-page .mq-y2-badge { position:absolute; top:-38px; right:-14px; background:var(--mq-cta); color:#fff; padding:6px 12px; border-radius:999px; font-size:12px; font-weight:700; box-shadow:0 6px 16px var(--mq-cta-glow); transform:rotate(-3deg); }

/* ============================================================
   Audit Promise
   ============================================================ */
.mq-page .mq-audit-promise { background:var(--mq-white); border-radius:22px; border:1px solid var(--mq-divider); box-shadow:var(--mq-shadow-2); overflow:hidden; position:relative; }
.mq-page .mq-audit-promise::before { content:''; position:absolute; left:0; top:0; bottom:0; width:6px; background:linear-gradient(180deg,var(--mq-cta) 0%,var(--mq-orange-100) 100%); }
.mq-page .mq-ap-head { padding:36px 44px 24px 50px; }
@media(max-width:720px){ .mq-page .mq-ap-head { padding:28px 24px 18px 32px; } }
.mq-page .mq-ap-eyebrow { font-size:11px; letter-spacing:.14em; text-transform:uppercase; font-weight:700; color:var(--mq-cta); }
.mq-page .mq-ap-head h3 { font-size:26px; margin-top:6px; line-height:1.2; letter-spacing:-.018em; color:var(--mq-grey-700); }
.mq-page .mq-ap-head p { color:var(--mq-grey-500); font-size:15px; line-height:1.55; margin-top:10px; }
.mq-page .mq-ap-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--mq-divider); border-top:1px solid var(--mq-divider); border-bottom:1px solid var(--mq-divider); }
@media(max-width:820px){ .mq-page .mq-ap-grid { grid-template-columns:1fr; } }
.mq-page .mq-ap-card { background:var(--mq-white); padding:32px 32px 28px; display:flex; flex-direction:column; gap:12px; position:relative; cursor:default; transition:background .3s; }
.mq-page .mq-ap-card.mq-featured { background:linear-gradient(180deg,#F4FBF7 0%,#EAF6F0 100%); }
.mq-page .mq-ap-card:not(.mq-featured):hover { background:linear-gradient(180deg,#FFFCF8 0%,var(--mq-orange-25) 100%); }
.mq-page .mq-ap-tag { position:absolute; top:18px; right:18px; font-size:10px; font-weight:800; letter-spacing:.14em; padding:4px 10px; background:var(--mq-cta); color:#fff; border-radius:999px; text-transform:uppercase; }
.mq-page .mq-ap-ic { width:44px; height:44px; border-radius:12px; background:var(--mq-grey-100); color:var(--mq-grey-700); display:inline-flex; align-items:center; justify-content:center; transition:transform .45s cubic-bezier(.2,.6,.2,1), background .25s, color .25s, box-shadow .25s; }
.mq-page .mq-ap-card.mq-featured .mq-ap-ic { background:rgba(14,88,57,.08); color:var(--mq-cta); }
.mq-page .mq-ap-card:hover .mq-ap-ic { transform:scale(1.1) rotate(-6deg); background:var(--mq-cta); color:#fff; box-shadow:0 10px 22px rgba(14,88,57,.25); }
.mq-page .mq-ap-ic svg { width:22px; height:22px; }
.mq-page .mq-ap-card h4 { font-size:22px; letter-spacing:-.012em; line-height:1.1; color:var(--mq-grey-700); }
.mq-page .mq-ap-card.mq-featured h4 { color:var(--mq-cta); }
.mq-page .mq-ap-card > p { color:var(--mq-grey-500); font-size:14.5px; line-height:1.55; }
.mq-page .mq-ap-list { list-style:none; padding:0; margin:6px 0 0; display:flex; flex-direction:column; gap:6px; }
.mq-page .mq-ap-list li { font-size:13px; color:var(--mq-grey-600); padding-left:18px; position:relative; transition:transform .25s ease-out, color .2s; }
.mq-page .mq-ap-list li::before { content:'✓'; position:absolute; left:0; color:var(--mq-cta); font-weight:800; font-size:12px; }
.mq-page .mq-ap-card:hover .mq-ap-list li { transform:translateX(3px); color:var(--mq-grey-700); }
.mq-page .mq-ap-card:hover .mq-ap-list li:nth-child(2){ transition-delay:40ms; }
.mq-page .mq-ap-card:hover .mq-ap-list li:nth-child(3){ transition-delay:80ms; }
.mq-page .mq-ap-footer { padding:22px 44px 26px 50px; display:flex; justify-content:space-between; align-items:center; gap:24px; flex-wrap:wrap; background:var(--mq-grey-100); }
@media(max-width:720px){ .mq-page .mq-ap-footer { padding:22px 24px; } }
.mq-page .mq-ap-footer-text { font-size:14px; color:var(--mq-grey-600); line-height:1.5; }
.mq-page .mq-ap-footer-text strong { color:var(--mq-cta); font-weight:700; }

/* ---- Trust grid ---- */
.mq-page .mq-trust-grid { margin-top:40px; display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
@media(max-width:920px){ .mq-page .mq-trust-grid { grid-template-columns:repeat(2,1fr); } }
@media(max-width:480px){ .mq-page .mq-trust-grid { grid-template-columns:1fr; } }
.mq-page .mq-tcard { background:var(--mq-white); border:1px solid var(--mq-divider); border-radius:14px; padding:24px; text-align:center; position:relative; isolation:isolate; overflow:hidden; transition:transform .42s cubic-bezier(.2,.6,.2,1), box-shadow .42s, border-color .25s; }
.mq-page .mq-tcard::before { content:''; position:absolute; inset:0; background:linear-gradient(115deg,transparent 30%,rgba(255,127,26,.07) 48%,rgba(14,88,57,.05) 52%,transparent 70%); transform:translateX(-110%); transition:transform .95s cubic-bezier(.4,.2,.3,1); pointer-events:none; z-index:1; }
.mq-page .mq-tcard:hover { transform:translateY(-5px) scale(1.02); box-shadow:0 22px 44px -14px rgba(19,19,19,.16),0 6px 14px rgba(19,19,19,.05); border-color:var(--mq-orange-50); }
.mq-page .mq-tcard:hover::before { transform:translateX(110%); }
.mq-page .mq-tcard > * { position:relative; z-index:2; }
.mq-page .mq-tcard-big { font-size:30px; font-weight:800; color:var(--mq-grey-700); letter-spacing:-.025em; font-variant-numeric:tabular-nums; display:inline-block; transition:transform .35s cubic-bezier(.2,.6,.2,1); }
.mq-page .mq-tcard:hover .mq-tcard-big { transform:scale(1.06); }
.mq-page .mq-star { color:var(--mq-orange-100); }
.mq-page .mq-tcard-desc { margin-top:6px; font-size:13px; color:var(--mq-grey-500); line-height:1.4; transition:color .25s; }
.mq-page .mq-tcard:hover .mq-tcard-desc { color:var(--mq-grey-700); }

/* ---- Testimonial ---- */
.mq-page .mq-testimonial { margin-top:40px; background:var(--mq-grey-700); color:#fff; border-radius:18px; padding:40px; display:grid; grid-template-columns:auto 1fr; gap:28px; align-items:center; position:relative; overflow:hidden; }
@media(max-width:720px){ .mq-page .mq-testimonial { grid-template-columns:1fr; padding:28px; } }
.mq-page .mq-testimonial::before { content:'"'; position:absolute; right:-10px; top:-50px; font-family:Georgia,serif; font-size:280px; line-height:1; color:rgba(255,127,26,.18); font-weight:700; }
.mq-page .mq-avatar { width:64px; height:64px; border-radius:999px; background:linear-gradient(135deg,var(--mq-orange-100),var(--mq-orange-200)); color:#fff; display:flex; align-items:center; justify-content:center; font-weight:800; font-size:22px; flex-shrink:0; }
.mq-page .mq-testimonial blockquote { margin:0; font-size:19px; line-height:1.5; font-weight:500; }
.mq-page .mq-testimonial cite { display:block; margin-top:14px; font-size:13px; color:rgba(255,255,255,.6); font-style:normal; }

/* ---- Trust badge ---- */
.mq-page .mq-trust-badge { display:inline-flex; align-items:center; gap:12px; padding:10px 16px 10px 12px; background:var(--mq-white); border:1px solid var(--mq-divider); border-radius:var(--mq-radius-pill); box-shadow:var(--mq-shadow-1); font-size:13px; color:var(--mq-grey-700); }
.mq-page .mq-trust-badge .mq-seal { width:30px; height:30px; border-radius:999px; background:linear-gradient(180deg,#16744a,#0A4329); color:#fff; display:inline-flex; align-items:center; justify-content:center; font-size:14px; font-weight:700; position:relative; flex-shrink:0; }
.mq-page .mq-trust-badge .mq-seal::after { content:''; position:absolute; inset:-4px; border-radius:999px; border:2px solid var(--mq-cta); opacity:0; animation:mq-badgePulse 3s ease-out infinite; }
.mq-page .mq-trust-badge .mq-seal svg { width:16px; height:16px; }
.mq-page .mq-trust-badge strong { color:var(--mq-grey-700); font-weight:700; }
.mq-page .mq-trust-badge .mq-muted { color:var(--mq-grey-500); font-weight:500; }
.mq-page .mq-trust-row { margin-top:36px; display:flex; flex-wrap:wrap; gap:14px 22px; align-items:center; }

/* ============================================================
   ICP Fit
   ============================================================ */
.mq-page .mq-fit-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
@media(max-width:820px){ .mq-page .mq-fit-grid { grid-template-columns:1fr; } }
.mq-page .mq-fit-card { background:var(--mq-white); border-radius:16px; padding:32px; border:1px solid var(--mq-divider); position:relative; isolation:isolate; overflow:hidden; transition:transform .42s cubic-bezier(.2,.6,.2,1), box-shadow .42s, border-color .25s; }
.mq-page .mq-fit-card::after { content:''; position:absolute; top:0; left:0; right:0; height:3px; background:linear-gradient(90deg,var(--mq-cta) 0%,var(--mq-orange-100) 100%); transform:scaleX(0); transform-origin:left center; transition:transform .55s cubic-bezier(.2,.6,.2,1); z-index:4; pointer-events:none; }
.mq-page .mq-fit-card:hover::after { transform:scaleX(1); }
.mq-page .mq-fit-card:hover { transform:translateY(-4px); box-shadow:0 22px 44px -14px rgba(19,19,19,.14),0 6px 12px rgba(19,19,19,.04); border-color:var(--mq-orange-50); }
.mq-page .mq-fit-card.mq-no { background:var(--mq-grey-100); border-color:var(--mq-grey-200); }
.mq-page .mq-fit-card.mq-no:hover { border-color:var(--mq-grey-300); }
.mq-page .mq-fit-card h3 { font-size:20px; display:flex; align-items:center; gap:12px; }
.mq-page .mq-fit-badge { display:inline-flex; align-items:center; justify-content:center; width:28px; height:28px; border-radius:999px; background:var(--mq-cta); color:#fff; font-size:16px; font-weight:800; transition:transform .42s cubic-bezier(.2,.6,.2,1), box-shadow .35s; }
.mq-page .mq-fit-card.mq-no .mq-fit-badge { background:var(--mq-grey-400); }
.mq-page .mq-fit-card:hover .mq-fit-badge { transform:scale(1.12); box-shadow:0 6px 18px rgba(14,88,57,.30); }
.mq-page .mq-fit-card ul { list-style:none; padding:0; margin:22px 0 0; display:flex; flex-direction:column; gap:14px; }
.mq-page .mq-fit-card li { display:flex; gap:12px; align-items:flex-start; font-size:15px; color:var(--mq-grey-700); line-height:1.45; padding:8px 12px; margin:0 -12px; border-radius:10px; transition:transform .28s cubic-bezier(.2,.6,.2,1), background .2s; }
.mq-page .mq-fit-card li:hover { background:rgba(14,88,57,.04); transform:translateX(4px); }
.mq-page .mq-fit-card.mq-no li:hover { background:rgba(0,0,0,.03); transform:translateX(2px); }
.mq-page .mq-fit-ic { flex-shrink:0; width:22px; height:22px; border-radius:999px; display:inline-flex; align-items:center; justify-content:center; background:var(--mq-cta); color:#fff; font-size:12px; font-weight:800; margin-top:1px; transition:transform .55s cubic-bezier(.2,.6,.2,1), background .25s; }
.mq-page .mq-fit-card.mq-no .mq-fit-ic { background:var(--mq-grey-300); color:var(--mq-grey-600); }
.mq-page .mq-fit-card li:hover .mq-fit-ic { transform:rotate(360deg) scale(1.12); background:var(--mq-orange-100); }
.mq-page .mq-fit-card li small { display:block; color:var(--mq-grey-500); font-size:13px; margin-top:2px; }

/* ============================================================
   CTA Box
   ============================================================ */
.mq-page .mq-ctabox { background:linear-gradient(135deg,var(--mq-grey-800) 0%,var(--mq-grey-700) 100%); color:#fff; border-radius:24px; padding:56px; text-align:center; position:relative; overflow:hidden; }
@media(max-width:720px){ .mq-page .mq-ctabox { padding:36px 28px; } }
.mq-page .mq-ctabox::before { content:''; position:absolute; inset:-50% -10% auto auto; width:60%; aspect-ratio:1; border-radius:50%; background:radial-gradient(circle,rgba(255,127,26,.22),transparent 60%); pointer-events:none; }
.mq-page .mq-ctabox::after  { content:''; position:absolute; inset:auto auto -50% -10%; width:50%; aspect-ratio:1; border-radius:50%; background:radial-gradient(circle,rgba(14,88,57,.18),transparent 60%); pointer-events:none; }
.mq-page .mq-ctabox h2 { color:#fff; font-size:clamp(28px,3.6vw,44px); max-width:720px; margin:0 auto; line-height:1.1; letter-spacing:-.025em; text-wrap:balance; position:relative; z-index:1; }
.mq-page .mq-ctabox p { margin:18px auto 0; color:rgba(255,255,255,.7); max-width:560px; font-size:17px; line-height:1.5; position:relative; z-index:1; }
.mq-page .mq-ctaline { margin-top:32px; display:inline-flex; gap:14px; flex-wrap:wrap; justify-content:center; position:relative; z-index:1; }
.mq-page .mq-ctabox .mq-cta-ghost { background:transparent; color:#fff; border-color:rgba(255,255,255,.25); }
.mq-page .mq-ctabox .mq-cta-ghost:hover { background:rgba(255,255,255,.08); border-color:rgba(255,255,255,.5); }

/* ============================================================
   FAQ
   ============================================================ */
.mq-page .mq-faq-list { max-width:820px; margin:0 auto; border-top:1px solid var(--mq-divider); }
.mq-page details.mq-faq { border-bottom:1px solid var(--mq-divider); padding:6px 0; }
.mq-page details.mq-faq summary { cursor:pointer; list-style:none; padding:22px 8px 22px 0; display:flex; justify-content:space-between; align-items:center; gap:24px; font-size:18px; font-weight:600; color:var(--mq-grey-700); line-height:1.4; transition:color .14s; }
.mq-page details.mq-faq summary:hover { color:var(--mq-orange-200); }
.mq-page details.mq-faq summary::-webkit-details-marker { display:none; }
.mq-page .mq-chevron { flex-shrink:0; width:32px; height:32px; border-radius:999px; background:var(--mq-grey-100); color:var(--mq-grey-600); display:inline-flex; align-items:center; justify-content:center; transition:transform .25s ease-out, background .14s; font-size:18px; }
.mq-page details.mq-faq[open] .mq-chevron { transform:rotate(45deg); background:var(--mq-cta); color:#fff; }
.mq-page .mq-faq-answer { padding:0 8px 24px 0; max-width:680px; color:var(--mq-grey-500); font-size:15.5px; line-height:1.6; overflow:hidden; transition:max-height .38s cubic-bezier(.4,0,.2,1), opacity .3s ease-out; }
.mq-page .mq-faq-answer p + p { margin-top:12px; }

/* ============================================================
   Footer
   ============================================================ */
.mq-page .mq-foot { background:var(--mq-grey-800); color:rgba(255,255,255,.7); padding:56px 0 36px; }
.mq-page .mq-foot-grid { display:flex; justify-content:space-between; align-items:flex-start; gap:32px; flex-wrap:wrap; }
.mq-page .mq-foot-logo-svg { height:28px; width:auto; display:block; }
.mq-page .mq-foot-links { display:flex; gap:28px; flex-wrap:wrap; font-size:14px; }
.mq-page .mq-foot-links a { color:rgba(255,255,255,.75); transition:color .14s; }
.mq-page .mq-foot-links a:hover { color:var(--mq-orange-100); }
.mq-page .mq-foot-bottom { margin-top:36px; padding-top:22px; border-top:1px solid rgba(255,255,255,.08); font-size:12.5px; color:rgba(255,255,255,.45); display:flex; justify-content:space-between; gap:14px; flex-wrap:wrap; }

/* ============================================================
   Reveal on scroll
   ============================================================ */
.mq-page .mq-reveal { opacity:0; transform:translateY(16px); transition:opacity .6s ease-out, transform .6s ease-out; }
.mq-page .mq-reveal.mq-in { opacity:1; transform:none; }
.mq-page .mq-reveal[data-stagger="1"] { transition-delay: 80ms; }
.mq-page .mq-reveal[data-stagger="2"] { transition-delay:160ms; }
.mq-page .mq-reveal[data-stagger="3"] { transition-delay:240ms; }
.mq-page .mq-reveal[data-stagger="4"] { transition-delay:320ms; }

/* ============================================================
   Keyframes
   ============================================================ */
@keyframes mq-fadeUp {
  from { opacity:0; transform:translateY(18px); }
  to   { opacity:1; transform:none; }
}
@keyframes mq-pulse {
  0%,100% { box-shadow:0 0 0 4px rgba(255,127,26,.22); }
  50%      { box-shadow:0 0 0 8px rgba(255,127,26,0); }
}
@keyframes mq-badgePulse {
  0%   { transform:scale(1);   opacity:.5; }
  70%  { transform:scale(1.8); opacity:0; }
  100% { transform:scale(1.8); opacity:0; }
}
@keyframes mq-scroll {
  from { transform:translateX(0); }
  to   { transform:translateX(calc(-50% - 7px)); }
}
@keyframes mq-stepPulse {
  0%,100% { box-shadow:0 0 0 6px var(--mq-white),0 0 0 7px var(--mq-cta),0 0 0 0 rgba(14,88,57,.30); }
  50%      { box-shadow:0 0 0 6px var(--mq-white),0 0 0 7px var(--mq-cta),0 0 0 10px rgba(14,88,57,0); }
}

/* ============================================================
   prefers-reduced-motion
   ============================================================ */
@media(prefers-reduced-motion:reduce) {
  .mq-page .mq-reveal { opacity:1; transform:none; transition:none; }
  .mq-page .mq-hero .mq-eyebrow,
  .mq-page .mq-h1,
  .mq-page .mq-hero-sub,
  .mq-page .mq-hero-actions { animation:none; }
  .mq-page .mq-hero::after { display:none; }
  .mq-page .mq-live-dot,
  .mq-page .mq-marquee-label .mq-dot-new { animation:none; }
  .mq-page .mq-marquee-track { animation:none; }
  .mq-page .mq-trust-badge .mq-seal::after { animation:none; }
  .mq-page details.mq-faq .mq-faq-answer { transition:none; }
  .mq-page .mq-cta:hover { transform:translateY(-1px); }
  .mq-page .mq-pcard:hover,
  .mq-page .mq-step:hover,
  .mq-page .mq-tcard:hover,
  .mq-page .mq-fit-card:hover { transform:none !important; }
  .mq-page .mq-step .mq-step-num.mq-active { animation:none; }
  .mq-page .mq-pcard::before,
  .mq-page .mq-pcard::after,
  .mq-page .mq-step::before,
  .mq-page .mq-step::after,
  .mq-page .mq-tcard::before,
  .mq-page .mq-fit-card::after { display:none; }
}