/* Minification failed. Returning unminified contents.
(1451,144): run-time error CSS1062: Expected semicolon or closing curly-brace, found '/'
(1790,38): run-time error CSS1030: Expected identifier, found '.'
(1790,47): run-time error CSS1031: Expected selector, found ')'
(1790,47): run-time error CSS1025: Expected comma or open brace, found ')'
 */
/*! jQuery UI - v1.13.2 - 2022-07-14
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px
* Copyright jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	-ms-filter: "alpha(opacity=0)"; /* support: IE8 */
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
	pointer-events: none;
}


/* Icons
----------------------------------*/
.ui-icon {
	display: inline-block;
	vertical-align: middle;
	margin-top: -.25em;
	position: relative;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}

.ui-widget-icon-block {
	left: 50%;
	margin-left: -8px;
	display: block;
}

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	/*margin: 2px 0 0 0;
	padding: .5em .5em .5em .7em;*/
	/*font-size: 100%;*/
}
.ui-accordion .ui-accordion-content {
	/*padding: 1em 2.2em;*/
	border-top: 0;
	overflow: auto;
}
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}


/*.ui-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	outline: 0;
}
.ui-menu .ui-menu {
	position: absolute;
}
.ui-menu .ui-menu-item {
	margin: 0;
	cursor: pointer;*/
	/* support: IE10, see #8844 */
	/*list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-item-wrapper {
	position: relative;
	padding: 3px 1em 3px .4em;
}
.ui-menu .ui-menu-divider {
	margin: 5px 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
	margin: -1px;
}*/

/* icon support */
/*.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item-wrapper {
	padding-left: 2em;
}*/

/* left-aligned */
/*.ui-menu .ui-icon {
	position: absolute;
	top: 0;
	bottom: 0;
	left: .2em;
	margin: auto 0;
}*/

/* right-aligned */
/*.ui-menu .ui-menu-icon {
	left: auto;
	right: 0;
}
.ui-button {
	padding: .4em 1em;
	display: inline-block;
	position: relative;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;*/

	/* Support: IE <= 11 */
	/*overflow: visible;
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none;
}*/

/* to make room for the icon, a width needs to be set here */
/*.ui-button-icon-only {
	width: 2em;
	box-sizing: border-box;
	text-indent: -9999px;
	white-space: nowrap;
}*/

/* no icon support for input elements */
/*input.ui-button.ui-button-icon-only {
	text-indent: 0;
}*/

/* button icon element(s) */
/*.ui-button-icon-only .ui-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -8px;
	margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
	padding: 0;
	width: 2.1em;
	height: 2.1em;
	text-indent: -9999px;
	white-space: nowrap;

}

input.ui-button.ui-icon-notext .ui-icon {
	width: auto;
	height: auto;
	text-indent: 0;
	white-space: normal;
	padding: .4em 1em;
}*/

/* workarounds */
/* Support: Firefox 5 - 40 */
/*input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}
.ui-controlgroup {
	vertical-align: middle;
	display: inline-block;
}
.ui-controlgroup > .ui-controlgroup-item {
	float: left;
	margin-left: 0;
	margin-right: 0;
}
.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
	z-index: 9999;
}
.ui-controlgroup-vertical > .ui-controlgroup-item {
	display: block;
	float: none;
	width: 100%;
	margin-top: 0;
	margin-bottom: 0;
	text-align: left;
}
.ui-controlgroup-vertical .ui-controlgroup-item {
	box-sizing: border-box;
}
.ui-controlgroup .ui-controlgroup-label {
	padding: .4em 1em;
}
.ui-controlgroup .ui-controlgroup-label span {
	font-size: 80%;
}
.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
	border-left: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
	border-top: none;
}
.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
	border-right: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
	border-bottom: none;
}*/

/* Spinner specific style fixes */
/*.ui-controlgroup-vertical .ui-spinner-input {*/

	/* Support: IE8 only, Android < 4.4 only */
	/*width: 75%;
	width: calc( 100% - 2.4em );
}
.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
	border-top-style: solid;
}

.ui-checkboxradio-label .ui-icon-background {
	box-shadow: inset 1px 1px 1px #ccc;
	border-radius: .12em;
	border: none;
}
.ui-checkboxradio-radio-label .ui-icon-background {
	width: 16px;
	height: 16px;
	border-radius: 1em;
	overflow: visible;
	border: none;
}
.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
	background-image: none;
	width: 8px;
	height: 8px;
	border-width: 4px;
	border-style: solid;
}
.ui-checkboxradio-disabled {
	pointer-events: none;
}
.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.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.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;
}*/

/* with multiple calendars */
/*.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}*/

/* RTL support */
/*.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}*/

/* Icons */
/*.ui-datepicker .ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	left: .5em;
	top: .3em;
}
.ui-dialog {
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 20px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}
.ui-dialog .ui-resizable-n {
	height: 2px;
	top: 0;
}
.ui-dialog .ui-resizable-e {
	width: 2px;
	right: 0;
}
.ui-dialog .ui-resizable-s {
	height: 2px;
	bottom: 0;
}
.ui-dialog .ui-resizable-w {
	width: 2px;
	left: 0;
}
.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
	width: 7px;
	height: 7px;
}
.ui-dialog .ui-resizable-se {
	right: 0;
	bottom: 0;
}
.ui-dialog .ui-resizable-sw {
	left: 0;
	bottom: 0;
}
.ui-dialog .ui-resizable-ne {
	right: 0;
	top: 0;
}
.ui-dialog .ui-resizable-nw {
	left: 0;
	top: 0;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}
.ui-draggable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}
.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}
.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}
.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}
.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}
.ui-progressbar {
	height: 2em;
	text-align: left;
	overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
	margin: -1px;
	height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
	background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
	height: 100%;
	-ms-filter: "alpha(opacity=25)";*/ /* support: IE8 */
	/*opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}
.ui-selectable {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}
.ui-selectmenu-menu {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}
.ui-selectmenu-menu .ui-menu {
	overflow: auto;
	overflow-x: hidden;
	padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
	font-size: 1em;
	font-weight: bold;
	line-height: 1.5;
	padding: 2px 0.4em;
	margin: 0.5em 0 0 0;
	height: auto;
	border: 0;
}
.ui-selectmenu-open {
	display: block;
}
.ui-selectmenu-text {
	display: block;
	margin-right: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-selectmenu-button.ui-button {
	text-align: left;
	white-space: nowrap;
	width: 14em;
}
.ui-selectmenu-icon.ui-icon {
	float: right;
	margin-top: 0;
}
.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: pointer;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}*/

/* support: IE8 - See #6727 */
/*.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}
.ui-sortable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
}
.ui-spinner-input {
	border: none;
	background: none;
	color: inherit;
	padding: .222em 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left: .4em;
	margin-right: 2em;
}
.ui-spinner-button {
	width: 1.6em;
	height: 50%;
	font-size: .5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0;
}*/
/* more specificity required here to override default borders */
/*.ui-spinner a.ui-spinner-button {
	border-top-style: none;
	border-bottom-style: none;
	border-right-style: none;
}
.ui-spinner-up {
	top: 0;
}
.ui-spinner-down {
	bottom: 0;
}
.ui-tabs {
	position: relative;*//* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	/*padding: .2em;
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
	cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}
.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
}
body .ui-tooltip {
	border-width: 2px;
}*/
/* Component containers
----------------------------------*/
/*.ui-widget {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-widget.ui-widget-content {
	border: 1px solid #c5c5c5;
}
.ui-widget-content {
	border: 1px solid #dddddd;
	background: #ffffff;
	color: #333333;
}
.ui-widget-content a {
	color: #333333;
}
.ui-widget-header {
	border: 1px solid #dddddd;
	background: #e9e9e9;
	color: #333333;
	font-weight: bold;
}
.ui-widget-header a {
	color: #333333;
}*/

/* Interaction states
----------------------------------*/
/*.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,*/

/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
/*html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	border: 1px solid #c5c5c5;
	background: #f6f6f6;
	font-weight: normal;
	color: #454545;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
	color: #454545;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
	border: 1px solid #cccccc;
	background: #ededed;
	font-weight: normal;
	color: #2b2b2b;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
	color: #2b2b2b;
	text-decoration: none;
}

.ui-visual-focus {
	box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid #003eff;
	background: #007fff;
	font-weight: normal;
	color: #ffffff;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
	border: #003eff;
	background-color: #ffffff;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #ffffff;
	text-decoration: none;
}*/

/* Interaction Cues
----------------------------------*/
/*.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #dad55e;
	background: #fffa90;
	color: #777620;
}
.ui-state-checked {
	border: 1px solid #dad55e;
	background: #fffa90;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #777620;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #f1a899;
	background: #fddfdf;
	color: #5f3f3f;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #5f3f3f;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #5f3f3f;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	-ms-filter: "alpha(opacity=70)";*/ /* support: IE8 */
	/*font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	-ms-filter: "alpha(opacity=35)";*/ /* support: IE8 */
	/*background-image: none;
}
.ui-state-disabled .ui-icon {
	-ms-filter: "alpha(opacity=35)";*/ /* support: IE8 - See #6059 */
/*}*/

/* Icons
----------------------------------*/

/* states and images */
/*.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url("images/ui-icons_444444_256x240.png");
}
.ui-widget-header .ui-icon {
	background-image: url("images/ui-icons_444444_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
	background-image: url("images/ui-icons_555555_256x240.png");
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
	background-image: url("images/ui-icons_ffffff_256x240.png");
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
	background-image: url("images/ui-icons_777620_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url("images/ui-icons_cc0000_256x240.png");
}
.ui-button .ui-icon {
	background-image: url("images/ui-icons_777777_256x240.png");
}*/

/* positioning */
/* Three classes needed to override `.ui-button:hover .ui-icon` */
/*.ui-icon-blank.ui-icon-blank.ui-icon-blank {
	background-image: none;
}
.ui-icon-caret-1-n { background-position: 0 0; }
.ui-icon-caret-1-ne { background-position: -16px 0; }
.ui-icon-caret-1-e { background-position: -32px 0; }
.ui-icon-caret-1-se { background-position: -48px 0; }
.ui-icon-caret-1-s { background-position: -65px 0; }
.ui-icon-caret-1-sw { background-position: -80px 0; }
.ui-icon-caret-1-w { background-position: -96px 0; }
.ui-icon-caret-1-nw { background-position: -112px 0; }
.ui-icon-caret-2-n-s { background-position: -128px 0; }
.ui-icon-caret-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -65px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -65px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 1px -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }*/
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
/*.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }*/


/* Misc visuals
----------------------------------*/

/* Corner radius */
/*.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 3px;
}*/

/* Overlays */
/*.ui-widget-overlay {
	background: #aaaaaa;
	opacity: .3;
	-ms-filter: Alpha(Opacity=30);*/ /* support: IE8 */
/*}
.ui-widget-shadow {
	-webkit-box-shadow: 0px 0px 5px #666666;
	box-shadow: 0px 0px 5px #666666;
}*/



@font-face {
  font-family: 'Noto Serif Display ExtraC';
  src:  url('Noto_Serif_Display/static/NotoSerifDisplay_ExtraCondensed-ExtraBold.ttf')  format('truetype');
}

@font-face {
  font-family: 'Noto Serif Display Light';
  src:  url('Noto_Serif_Display/static/NotoSerifDisplay_ExtraCondensed-Light.ttf')  format('truetype');
}

@font-face {
  font-family: 'Noto Serif Display Thin';
  src:  url('Noto_Serif_Display/static/NotoSerifDisplay_ExtraCondensed-Thin.ttf')  format('truetype');
}

@font-face {
  font-family: 'Noto Serif Display Semi';
  src:  url('Noto_Serif_Display/static/NotoSerifDisplay_SemiCondensed-Light.ttf')  format('truetype');
}

@font-face {
  font-family: 'Times New Roman';
  src:  url('Times_New_Roman/Times-New-Roman-PS-Pro-Grk-W04.woff2') format('woff2'),
        url('Times_New_Roman/Times-New-Roman-PS-Pro-Grk-W04.woff') format('woff');
}

@font-face {
  font-family: 'Atlas Grotesk';
  src:  url('AtlasGrotesk/AtlasGrotesk-Medium.woff2') format('woff2'),
        url('AtlasGrotesk/AtlasGrotesk-Medium.woff') format('woff');
}
@font-face {
  font-family: 'BigCityGrotesquePro-Bold';
  src:  url('BigCity/BigCityGrotesquePro-Bold.woff2') format('woff2'),
        url('BigCity/BigCityGrotesquePro-Bold.woff') format('woff');
}

@font-face {
  font-family: 'BigCityGrotesquePro-Regular';
  src:  url('BigCity/BigCityGrotesquePro-Regular.woff2') format('woff2'),
        url('BigCity/BigCityGrotesquePro-Regular.woff') format('woff');
}

@font-face {
  font-family: 'BigCityGrotesquePro-Thin';
  src:  url('BigCity/BigCityGrotesquePro-Thin.woff2') format('woff2'),
        url('BigCity/BigCityGrotesquePro-Thin.woff') format('woff');
}

@font-face {
  font-family: 'BigCityGrotesquePro-Light';
  src:  url('BigCity/BigCityGrotesquePro-Light.woff2') format('woff2'),
        url('BigCity/BigCityGrotesquePro-Light.woff') format('woff');
}

@font-face {
  font-family: 'BigCityGrotesquePro-LightIta';
  src:  url('BigCity/BigCityGrotesquePro-LightIta.woff2') format('woff2'),
        url('BigCity/BigCityGrotesquePro-LightIta.woff') format('woff');
}

@font-face {
  font-family: 'BigCityGrotesquePro-MedIta';
  src:  url('BigCity/BigCityGrotesquePro-MedIta.woff2') format('woff2'),
        url('BigCity/BigCityGrotesquePro-MedIta.woff') format('woff');
}

@font-face {
  font-family: 'BigCityGrotesquePro-Medium';
  src:  url('BigCity/BigCityGrotesquePro-Medium.woff2') format('woff2'),
        url('BigCity/BigCityGrotesquePro-Medium.woff') format('woff');
}

@font-face {
  font-family: 'BigCityGrotesquePro-News';
  src:  url('BigCity/BigCityGrotesquePro-News.woff2') format('woff2'),
        url('BigCity/BigCityGrotesquePro-News.woff') format('woff');
}



@font-face {
  font-family: 'Atlas Light';
  src:  url('fonts/AtlasGrotesk-Light.woff2') format('woff2'),
        url('fonts/AtlasGrotesk-Light.woff') format('woff');
}

@font-face {
  font-family: 'Atlas Medium';
  src:  url('fonts/AtlasGrotesk-Medium.woff2') format('woff2'),
        url('fonts/AtlasGrotesk-Medium.woff') format('woff');
}

@font-face {
  font-family: 'Atlas Regular';
  src:  url('fonts/AtlasGrotesk-Regular.woff2') format('woff2'),
        url('fonts/AtlasGrotesk-Regular.woff') format('woff');
}

/*
    Farben:
    graue Schrift:      #b1b3b4
    dunkle Schrift      #000000
    rote Schrift:       #b91e28 
    dunkelrote Schrift: #b91e28
    graugrüne Schrift:  #afaa99
    weisse Schrift      #ffffff
    grauer Hintergrund: #F6F4F2
    graue linie:        #ebeae6
*/

/*
    font-family:'Avenir Next LT W05 Regular';
    font-family:'Avenir Next LT W05 Medium';
    font-family:'Avenir Next LT W05 Demi';
    font-family:'Avenir Next LT W05 Bold';
*/


body { margin:0px;padding:0px;
       /*-webkit-font-smoothing: antialiased;
       -moz-osx-font-smoothing: grayscale;
       font-smoothing: antialiased;
       font-variant-numeric:oldstyle-nums;*/
       font-family:'Avenir Next LT W05 Regular', Arial;
       /*font-family: 'BigCityGrotesquePro-Regular', Verdana;*/
       font-size:16px;
}
a { text-decoration:none }
div, textarea { box-sizing:border-box }
h1, h2, h3, h4, h5, p { padding:0px;margin:0px;font-weight:normal;box-sizing:border-box }
h1, h2  { font-family:'Avenir Next LT W05 Bold', Arial; /*font-family:'Avenir Next LT W05 Demi';  /*font-family: 'BigCityGrotesquePro-Bold';*/*/ }

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #ffffff inset;
}

p, .organiser, .security, .headinfo, .categories-item, .basket-adress { line-height:1.4em }

.main { width:1960px;margin:0px auto }

.none { display:none }

.page { position:relative }
.opacity { position:absolute;top:0px;left:0px;right:0px;bottom:0px;display:none }
.page.open { position:fixed;width:100%;top: 0;bottom: 0;overflow-y: hidden;overflow-x: hidden; }
.page.open .opacity { display:block }

.header { position: sticky; top: 0px; background-color: white; z-index: 88;height:120px;margin:30px 0px 0px 20px; } 

.header .header-logo { width:16.66%;position:absolute;left:0px;bottom:31px;padding:0px 10px }
.header .header-logo img { transition: height 0.2s;height:100px }



.slogan { text-align:center;padding:20px 20px 60px 20px;    font-family: BigCityGrotesquePro-MedIta; }

#eventCounter { display:inline-block;text-align:right }


/* Top-Menü */
.header .header-impress { position:absolute;top:0px;right:20px }
.header .header-impress a { color:#b1b3b4;margin-left:20px;font-family:'Atlas Regular';letter-spacing:0px;font-size:12px; display: inline-block; line-height: 10px; padding-top: 4px; }
.header .header-impress a.active { color:#000000 }
.header .header-impress.mobile { display:none }

/* Main - Menü */
.header .header-menu { /*position:absolute;top:30px;left:16.66%;right:0px*/ margin-left:16.66%;padding-top:30px }
.header .header-menu > div { display:block;width:20%;float:left;padding:0px 10px }
.header .header-menu > div > a { display:block;width:100%;text-align:center;padding-top:35px;height:55px;font-size:23px;color:#000000;float:left }
.header .header-menu > div.sel > a { color:#b91e28 }
.header .header-menu > div.openmenu > a { background-color:#F6F4F2;cursor:pointer }
.header .header-menu > div.openmenu .submenu { display:block }
.submenu { display:none; position: absolute;left: 10px;right: 10px;height: 120px;bottom: -60px;z-index: 89;background-color:#F6F4F2 }

.header .profil-open { cursor:pointer }


.submenu > a { display:block;float:left;text-align:center;padding-top:35px;font-size:23px;color:black;line-height:31px;height:85px }
.submenu > a.sel { color:#b91e28 }
.submenu > a:hover { color:#b91e28 }
.submenu > a:first-child:nth-last-child(1) {  width: 100%; }
.submenu > a:first-child:nth-last-child(2), .submenu > a:first-child:nth-last-child(2) ~ a { width: 50%; }
.submenu > a:first-child:nth-last-child(3), .submenu > a:first-child:nth-last-child(3) ~ a { width: 33.3333%; }
.submenu > a:first-child:nth-last-child(4), .submenu > a:first-child:nth-last-child(4) ~ a { width: 25%; }
.submenu > a:first-child:nth-last-child(5), .submenu > a:first-child:nth-last-child(5) ~ a { width: 20%; }
.submenu > a:first-child:nth-last-child(6), .submenu > a:first-child:nth-last-child(6) ~ a { width: 16.6%; }


/* Burger Menü */
.header-burger { display:none;position:absolute;right:30px;top:113px }
.header-burger label{ display:flex; flex-direction:column; width:32px; cursor:pointer; }
.header-burger label span{ background: #000; height:2px; margin: 3.4px 0; transition: .4s  cubic-bezier(0.68, -0.6, 0.32, 1.6); }
.header-burger span:nth-of-type(1){  width:100%;  }
.header-burger span:nth-of-type(2){ width:100%; }
.header-burger span:nth-of-type(3){ width:100%; }
.header-burger input[type="checkbox"]{ display:none; }
.header-burger input[type="checkbox"]:checked ~ span:nth-of-type(1){ transform-origin:top; transform:translate(0px,6px) rotatez(45deg); }
.header-burger input[type="checkbox"]:checked ~ span:nth-of-type(2){ transform-origin:top; width:0%;  /*transform:rotatez(-45deg)*/ }
.header-burger input[type="checkbox"]:checked ~ span:nth-of-type(3){ transform-origin:bottom; width:100%; transform: translate(0px,-12px) rotatez(-45deg); }


/* Header- Bottom */
.header-bottom { display:none }

.footer                 { margin:30px 0px;padding:40px 30px 25px 30px;background-color:#f5f4f2;clear:both;font-size:17px;min-height:260px }
.footer input[type=text], .footer input[type=password] { outline:none;background-color:transparent;border:solid 1px black;border-width:0px 0px 1px 0px;padding:5px 0px;margin:10px 0px 0px 0px;font-family:'Atlas Medium';letter-spacing:0px;max-width:300px;width:95%;font-size:13px;display:block }
.footer input::placeholder { font-family:'Atlas Medium';letter-spacing:0px;color:black }
.footer .footer-newsletter input::placeholder { color:#b91e28 }
.footer .footer-newsletter input[type=text]{ border-color:#b91e28 }
.footer > div           { float:left }
.footer .footer-logo    { width:15% }
.footer .footer-menu    { width:26% }
.footer .footer-newsletter    { width:34%;color:#b91e28 }
.footer .footer-login    { width:24% }
.footer .footer-logo img{ width:90%;max-width:160px; }
.footer .footer-menu a   { font-size:17px;color:black; }
.footer .footer-menu div   { margin-bottom:5px }
.footer .footer-social   { max-width:200px; }
.footer .footer-social a   { display:inline-block;font-family:'Atlas Medium';letter-spacing:0px;font-size:12px;width:200px;margin-right:20px;margin-top:8px;color:black }
.footer .footer-button { display:inline-block;clear:both;color:black;border: solid 1px black;margin-top:12px;padding:9px 30px 8px 30px;border-radius:5px;font-weight:normal;font-family:'Atlas Medium';letter-spacing:0px;font-size:12px;line-height:14px }
.footer .footer-button:hover { background-color:black;color:white }
.footer .footer-newsletter .footer-button { border-color:#b91e28;color:#b91e28; }
.footer .footer-newsletter .footer-button:hover { background-color:#b91e28;color:white; }
.footer .footer-info { margin-top:7px;min-height:40px; font-family: 'Atlas Regular';letter-spacing:0px; font-size: 13px; }
.footer .forget { display:inline-block;margin-top:15px;font-weight: normal;font-family: 'Atlas Regular';letter-spacing:0px;color:#b1b3b4;font-size:13px; }

.footer .footer-adress   { max-width:300px; }
.footer .footer-adress   { display:inline-block;    font-family: 'Avenir Next LT W05 Regular', Arial;font-size:14px;width:300px;margin-right:20px;color:black }
.footer .footer-adress h3  {     font-size: 17px;font-family: 'Avenir Next LT W05 Regular', Arial; margin-bottom:8px }
.footer .footer-adress a  {  color:#b91e28;margin-top:5px;display:inline-block }

.footer-line  { clear:both;margin:90px 30px 30px 30px;border-bottom:solid 1px black }
.footer-small { margin-top:20px }

.footer .login h3 { margin-bottom:8px;font-size:17px }
.footer .login h4 { margin-bottom:5px;font-size:14px }
.footer .login .button { display:inline-block;clear:both;color:black;background-color:transparent;border: solid 1px black;margin-top:12px;padding:9px 30px 8px 30px;border-radius:5px;font-weight:normal;font-family:'Atlas Medium';letter-spacing:0px;font-size:12px;line-height:14px }
.footer .login .button:hover { background-color:black;color:white }


.link { display:inline-block;margin-top:10px;color:#b91e28;cursor:pointer }
.button { background-color:#b91e28;color:white;padding:11px 20px 10px 20px;margin:10px 5px 0px 0px;display:inline-block;cursor:pointer }
.button-pfeil { padding-right:42px;background-image:url('/grafik/buttons/btn-pfeil.svg');background-repeat:no-repeat;background-position: right 10px center;background-size:22px }
.adress-btn { display:none }

.warenkorb span { width:15px;height:15px;border-radius:50%;background-color:#b91e28;color:white;position:relative;display:inline-block;top:-7px;left:2px;font-size:10px;text-align:center;padding-top:3px;box-sizing:border-box }


#nav { position: relative;cursor:pointer;line-height:unset } 
#nav a { padding: 5px 15px 5px; }
#nav .dropdown-toggle { padding: 0;display:block;line-height:45px;width:360px  }
#nav .dropdown-toggle span { float:right;width:20px;height:20px;margin-left:15px;display:block; transition: 0.6s ease;background-image:url('/grafik/buttons/musikakademie-liechtenstein-pfeil.svg');
                             background-size:contain;background-position:center center;background-repeat:no-repeat;margin-top:9px }
#nav .dropdown-toggle.open span { transform: rotate(180deg); transition: 0.6s ease; }
#nav ul.dropdown { display: none; position: absolute; top: 100%; margin-top: 0px; padding: 5px 5px 0 0; background: white;z-index:88; }
#nav ul.dropdown li { list-style-type: none;line-height:41px }
#nav ul.dropdown li a { text-decoration: none; padding: 1px 36px 1px 15px ; display: block;font-size:80%;color:black }


.news  {   margin-bottom:100px }
.news h3 {     font-family: 'Avenir Next LT W05 Demi'; margin-top:20px;margin-bottom:5px }
.news h3:first-child {  margin-top:0px; }
.news h4 {     font-family: 'Avenir Next LT W05 Demi'; margin-top:20px;margin-bottom:5px }
.news h4:first-child {  margin-top:0px; }
.news p {  margin-bottom:8px; }

.login .info { margin-top:20px }

.freeAmount { font-size: 16px; line-height:16px;
    outline: none;margin-left:10px;
    border-width: 0px;
    border-bottom: solid 1px black;
    width: 100px;
    font-family: 'Avenir Next LT W05 Demi'; }


.ticket-order h3 { margin-bottom:5px } 
.ticket-order h4 { margin-top:11px } 
a.pdf-link {     color: #b91e28; height: 24px; padding-top: 6px; padding-left: 40px; margin-top: 5px;
    background-image: url(/grafik/buttons/pdf_red.png); background-size: contain; background-repeat: no-repeat; background-position: left; display: block; } 


/* The container */
.checkbox, .radiobutton { display: block;position: relative;padding-left: 30px; margin-bottom: 6px; cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.checkbox input, .radiobutton input { position: absolute; opacity: 0; cursor: pointer; }

/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 14px;
  width: 14px;
  border:solid 2px #b91e28;
  background-color: white;
}

.disabled .checkmark { border-color:#555555}

.radiobox { margin-top:14px }
.radiobox div { margin-left:30px; }
.radiobox input[type=radio] { width:100px !important }
.radiobox img { max-width:150px;max-height:60px;margin-top:10px;margin-bottom:30px }
.chbox div { margin-left:30px }
.chbox input { width:unset !important }
.chbox a { color:#b91e28 }

/* On mouse-over, add a grey background color */
.checkbox:hover input ~ .checkmark, .radiobutton:hover input ~ .checkmark {
  border-color:#b91e28;
}

/* When the radio button is checked, add a blue background */
.checkbox input:checked ~ .checkmark, .radiobutton input:checked ~ .checkmark {
  border-color:#b91e28;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.checkbox input:checked ~ .checkmark:after, .radiobutton input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.checkbox .checkmark:after, .radiobutton .checkmark:after {
 	top: 3px;
	left: 3px;
	width: 8px;
	height: 8px;
	background: #b91e28;
}

/* Style the indicator (dot/circle) */
.radiobutton .checkmark:after {
	border-radius: 50%;
}

/* Create a custom radio button */
.radiobutton .checkmark {
  border-radius: 50%;
}






.event .content .video-container {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
    overflow: hidden;
    max-width: 100%;
    top:30px;margin-right:88px;
    float:none; clear:both;margin-bottom:60px
}

.event .content .video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}









@media screen and (min-width: 1000px) {
    .header.scrolldown { height:100px; } 
    .header.scrolldown .header-logo { bottom:25px }
    .header.scrolldown .submenu { bottom:-120px }
    .header.scrolldown .header-menu > div > a { height:45px;padding-top:25px }
}




@media screen and (max-width: 2000px) {
    .main { width:1480px; }
}


@media screen and (max-width: 1470px) {
    .main { width:1260px; }
    
    .event .content .video-container { margin-right:56px; }
}



@media screen and (min-width: 1000px) {
    .header.scrolldown .header-logo img { height:70px;transition: height 0.2s;vertical-align:middle;}
    .header.scrolldown .header-impress { padding-top:20px;transition: padding-top 0.2s; }
}


@media screen and (max-width: 1278px) {
    .main { width:auto; }
    .event .content .video-container { margin-right:0px; }
}


@media screen and (min-width: 1000px) {
    .header.scrolldown { height:100px; } 
    .header.scrolldown .header-logo { bottom:25px }
    .header.scrolldown .submenu { bottom:-120px }
    .header.scrolldown .header-menu > div > a { height:45px;padding-top:25px }
}


@media screen and (max-width: 1180px) and (min-width: 1000px) {
    .header .header-menu > div > a, .submenu > a { font-size:19px; }
    .submenu > a font { line-height:22px;display:block; }
}


@media screen and (max-width: 999px) {
    .slogan { padding-bottom:30px }
    .header .header-logo { width:310px;position:absolute;left:0px;bottom:unset;top:22px;padding:0px 30px }
    .header-burger { display:block;top:43px }
    .header-main { display:none }
    .header { /*position:unset;*/ margin-left:0px;margin-right:0px;height:150px;margin-top:20px } 
    .header-main.active { display:block;position:fixed;bottom:0px;overflow:auto;top:150px;left:0px;right:0px;background-color:white;z-index:99;padding:30px 0px }
    .header .header-impress { position:unset;text-align:center;border-bottom:solid 1px #000000;padding:48px 0px;margin-left:30px;margin-right:30px; }
    .header .header-impress:last-child { border-bottom-width:0px }
    .header .header-impress a { display:none;font-size:27px; }
    .header .header-impress a:nth-child(1) { margin:0px 30px 0px 0px }
    .header .header-impress a:nth-child(2) { margin:0px 0px 0px 30px }
    .header .header-impress a { display:none;font-size:27px;margin:0px 40px }
    .header .header-impress a:nth-child(1),.header-impress a:nth-child(2) { display:inline-block }
    .header .header-impress.mobile { display:block }
    .header .header-menu { position:unset;padding-top:0px;margin-left:0px }
    .header .header-menu > div { width:unset !important;padding:0px;margin-left:30px;margin-right:30px;float:none }
    .header .header-menu > div > a { padding:48px 0px;height:unset;border-bottom:solid 1px #000000; font-size: 39px;float:none; }
    .header-bottom { display:block }
    
    .footer-line  { margin:0px 0px 30px 0px; }
    .footer { margin:30px 0px 0px 0px;font-size:23px }
    .footer > div           { float:none;margin-bottom:40px;width:100% !important;max-width:400px }

    .footer .footer-logo img { max-width:180px }
    .footer .footer-menu a { font-size:23px; }
    .footer .footer-menu div   { margin-bottom:9px }
    .footer .footer-social a  { font-size:16px }
    .footer input[type=text], .footer input[type=password] { font-size:17px }
    .footer .footer-button { font-size:17px; }
    .footer .footer-forget { font-size:17px;margin-top:25px }

    .header .header-menu > div.openmenu { background-color:#f6f4f2;margin-left:0px;margin-right:0px }
    .header .header-menu > div.openmenu > a { margin-left:30px;margin-right:30px;width:unset !important;color:#b91e28 }
    .header .header-menu > div:has(+ .openmenu) { margin-left:0px;margin-right:0px;width:unset !important }
    .submenu { display:none; position: static;height:unset; }
    .submenu > a { float:none;width:unset !important;height:unset;padding:48px 0px;border-bottom: solid 1px #000;font-size: 39px;margin:0px 20px;line-height:43px }
    .submenu > a:last-child { margin:0px }
    .hidden-ss { display:none }
}


@media screen and (max-width: 500px) {
    .login-personen > div { float:none;margin:10px auto}
    .login-personen > div .login-person  {  min-height: unset; }
}






/* Konzerte */
.konzerte { padding:0px 0px 0px 20px }
.konzerte h3  { font-size:50px;margin-bottom:20px;float:left;width:445px }
.konzerte .item { position:relative;float:left;width:470px;height:610px;overflow:hidden;margin-right:20px;margin-bottom:40px;}
.konzerte .item .social { position:absolute;right:0px;width:24px;top:50%;transform: translateY(-50%);display:none}
.konzerte .item .social img { width:19px;margin-bottom:10px}
.konzerte .item .social img:first-child { height:21px;}
.konzerte .item .social img:last-child { width:21px;}
.konzerte .item .projekt { position:absolute;top:5px;left:5px;bottom:5px;right:25px;box-shadow: 0px 0px 8px #cccccc;overflow:hidden}
.konzerte .item .projekt a { color:#b91e28;}
.konzerte .item .ecke { position:absolute;bottom:-2px;right:17px;width:77px;height:74px;cursor:pointer}
.konzerte .item .text { font-size:16px;line-height:26px;padding:0px 60px 0px 20px}
.konzerte .item .titel { font-size:20px;line-height:26px;padding:15px 20px 0px 20px;font-weight:bold;color:black;}
.konzerte .item .ort { font-size:16px;line-height:20px;color:#b91e28;padding:0px 20px 0px 20px;}
.konzerte .item .datum { position:absolute;top:0px;left:20px;width:86px;text-align:center;color:white;font-size:16px }
.konzerte .item .datum > div { background-color:#b91e28; }
.konzerte .item .datum > div:first-child { font-size:26px;padding-top:5px }
.konzerte .item .datum > div:last-child { border-left:43px solid transparent; border-right:43px solid transparent;width:100%;border-top:18px solid #b91e28;background-color:transparent;}
.konzerte .item .bild { height:400px;width:100%;background-repeat:no-repeat;background-size:100% auto;background-position:top center;position:relative }
.konzerte .item .bottom { height:50px;position:absolute;bottom:10px;left:20px;right:74px;}
.konzerte .item .logo { height:50px;vertical-align:middle;}
.konzerte .item .bild > div:first-child { position:absolute;bottom:-1px;left:0px;border-right: 140px solid transparent;border-bottom: 58px solid white; }
.konzerte .item .bild > div:last-child { position:absolute;bottom:-1px;right:0px;border-left: 310px solid transparent;border-bottom: 58px solid white; }
.konzerte .selection { background-color:#EBEBEB;padding:5px 5px 10px 5px;color:#b91e28;font-size:16px;float:left;margin-left:50px }
.konzerte .selection > div { padding:2px 0px 3px 14px }
.konzerte .selection select { display:block;color:black;font-size:18px;border-width:0px;padding:4px 10px;width:430px;background-color:#EBEBEB;outline:none;font-family:'Avenir Next LT W05 Demi'; }
.konzerte .selection select option { font-family:Arial; }
.konzerte .selection select.selection2 { width:213px;display:inline-block }
.konzerte .loadKonzerte { display:inline-block;padding:10px 30px;background-color:#b91e28;color:white;margin:0px auto;cursor:pointer }


.konzerte .item:nth-child(4n) { margin-right:0px}




@media screen and (max-width: 2000px) {
    .konzerte .item:nth-child(4n) { margin-right:20px}
    .konzerte .item:nth-child(3n) { margin-right:0px}
}



@media screen and (max-width: 1470px) {
    .konzerte h3  { width:375px }
    .konzerte .item { width:400px;height:540px;margin-bottom:30px;}
    .konzerte .item .bild { height:360px; }
    .konzerte .selection { margin-left:50px }
    .konzerte .selection select { width:360px }
    .konzerte .selection select.selection2 { width:178px; }
}

@media screen and (max-width: 1278px) {
    .konzerte h3  { width:100% }
    .konzerte .selection { margin-left:5px;margin-right:44px;margin-bottom:14px }
    .konzerte .selection:last-child { margin-right:0px }
    .konzerte .item:nth-child(3n) { margin-right:20px}
    .konzerte .item:nth-child(2n) { margin-right:0px}
}

@media screen and (max-width: 440px) {
    .konzerte h3  { width:100%;float:none }
    .konzerte .selection { margin-right:24px;float:none }
    .konzerte .selection select { width:100% }
    .konzerte .selection select.selection2 { width:138px; }
    .konzerte .item { width:100% !important; height:580px !important; }
    .konzerte .item .bild { height: 0px !important; padding-top: 100% !important;}
}

@media screen and (max-width: 400px) {
    .konzerte .item { height:550px !important; }
}


.profil-box { position:fixed; top: 0px; right: 0px; width: 0px; max-width: 100%; background-color:#F5F4F2; bottom: 0px; overflow:auto }
.profil-box > div { padding:32px 40px;position:relative; }

.profil-back { width:40px;transform: rotate(180deg);cursor:pointer }
.profil-logout { float: right; position: relative; top: -10px; }

/*.profil-image > img { border-radius:50% }*/

.profil-image { padding:20px 0px;text-align:center }

.profil-box table td:first-child { color: #b1b3b4; font-family: 'Atlas Regular';min-width:120px }
.profil-box table td:nth-child(2) { color: black; font-family: 'Atlas Medium'; }
.profil-box table td:nth-child(2) div { font-family: 'Atlas Regular';line-height:18px }

.profil-box table .profil-space td { padding-top:20px }

.profil-box .profil-biografie { margin-bottom:10px } 
.profil-box .profil-biografie > div { color: #b1b3b4; font-family: 'Atlas Regular'; } 
.profil-box .profil-biografie textarea {  height:250px }

.profil-box table, .profil-box textarea, .profil-box table input[type=text], .profil-box table input[type=password], .profil-box table select, .profil-box .profil-biografie { width:250px;outline:0px;border-width:0px;color: black; font-family: 'Atlas Medium';letter-spacing: 0px; font-size: 12px;margin-bottom:2px; }
.profil-box table select { padding:3px 2px;width:260px;/*width:60px*/ }
.profil-box textarea, .profil-box table input[type=text] { padding:3px 5px }

.profil-box .profil-button {    display: inline-block; clear: both; color: black; border: solid 1px black; margin-top: 12px; padding: 9px 30px 8px 30px;
    border-radius: 5px; font-weight: normal; font-family: 'Atlas Medium'; letter-spacing: 0px; font-size: 12px; line-height: 14px; }
.profil-box .profil-button:hover { background-color:black;color:white }

.profil-box .profil-message { margin-top:30px }


.profil-person   { margin-left:16.66%;margin-right:16.66%;margin-bottom:30px }
.profil-person  .tableprint { width:50%;float:left }
.profil-person  .tableprint td {  border-bottom: solid 1px #ebeae6;  padding: 5px 0px; }
.profil-person  .tableprint td:first-child {  color:#AFAA99 }
.profil-person  .tableprint tr:last-child td {  border-bottom-width:0px } 
.profil-person  .tableprint tr  .profil-biografie { font-size:14px;color:black; font-family: 'Atlas Regular'; }
.profil-biografie p { margin-bottom:7px }

.inhalt .profil-person a { color: #b91e28; }
.profil-right { margin-left: 50%;padding-left:20px }
.profil-portrait { width:180px;height:180px;border-radius:50%;background-size:cover;margin:0px auto 30px auto; }

.profil-items {  margin-bottom:20px; }
.profil-items h2 {  border-bottom: solid 1px #ebeae6;padding-bottom: 5px;cursor:pointer }
.profil-items h2 img { height:12px;float:right;transform: rotate(0deg); transition: 0.6s ease; }
.profil-items .item {  border-bottom: solid 1px #ebeae6;  padding: 5px 0px; }
.profil-items.closed > div { overflow: hidden; }
.profil-items.closed h2 img { transform: rotate(180deg); transition: 0.6s ease; }
.profil-items .closed > div { overflow: hidden; }
.profil-items .closed h2 img { transform: rotate(180deg); transition: 0.6s ease; }


.personimg { width:80px; height:80px; background-size:cover; background-repeat:no-repeat; float:left;border-radius:50%;margin-right:10px }
.professor { margin-top:20px; }
.professor > div:first-child {height:81px}
.kurswahl span > div { margin-left:120px;padding-bottom:10px;  }
.kurswahl span > div > div { font-size:14px;}
.kurswahl span > input { float:left; margin:6px 0px 0px 85px; width:30px }

.profile-bills { display:block;margin:10px 0px 10px 0px;color:black;font-size:14px }
.profile-bills.select { font-family:'Avenir Next LT W05 Demi', Arial; }
.profile-bills > div:nth-child(2n+1) { float:right }
.profile-bills > div:nth-child(1), .profile-bills > div:nth-child(2) { color:#b91e28;font-size:16px }


.profil-header {
    font-size: 23px;
    line-height: 26px;
    margin-top: 40px
}
.profil-kurse > div {
    margin-top: 24px;
    border-top: solid 1px #ebeae6;
    padding-top: 12px;
}
.profil-kurse h3 {
    font-size: 23px;
    line-height: 26px;
    color: #b91e28;
}
.profil-kurse > div > div {
    font-family: 'Atlas Light';
    letter-spacing: 0;
    font-size: 19px;
    line-height: 26px;
}
.profil-kurse a {
    font-family: 'Atlas Medium';
    letter-spacing: 0;
    display: block;
    font-size: 19px;
}



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

    .profil-box table, .profil-box textarea, .profil-box table input[type=text], .profil-box table select, .profil-box .profil-biografie { width:200px; }
    .profil-box table select { width:210px; }
}
@media screen and (max-width: 400px) {

    .profil-box table, .profil-box textarea, .profil-box table input[type=text], .profil-box table select, .profil-box .profil-biografie { width:160px; }
    .profil-box table select { width:170px; }
}

.event .headinfo  .datum { font-size:22px;color:#b91e28 }
.event .headinfo { padding-right:140px; padding-top:2px }
.event .headinfo > div {background-repeat:no-repeat;background-position:left 1px;padding-left:30px;text-align:left;margin-right:40px;float:left;padding-bottom:5px }
.event .headinfo  .platz { background-image:url('/grafik/buttons/ort-grau.svg'); }
.event .headinfo  .zeit { background-image:url('/grafik/buttons/kalender-grau.svg'); }
.event .headinfo  .dauer { background-image:url('/grafik/buttons/dauer-sanduhr.svg'); }
.event .headinfo  .inhalt { clear:both }
.event .headinfo  .inhalt > div { position:absolute;right:0px;bottom:0px;background-color:#003163;padding:5px 15px;color:white }

.event .head { width: auto;margin: 0 30px;padding:0px 30px;position: relative;min-height:130px }
.event .head .back {  position: absolute; left: 0; top: 1px }
.event .head .desc { width: 970px; margin-left: 130px;padding-bottom:30px }
.event .head .partner { position: absolute; right: 0px; top: 50%; transform: translateY(-50%);width:300px;text-align:center }
.event .head .partner img { max-height: 130px; max-width: 240px; }
.event .head .partner a div { font-size: 13px; line-height: 30px }

.event .details { position:relative;margin:0px 0px 30px 0px }
.event .content { width: 1430px;margin-left:160px;padding:0px 30px;position: relative;float:left ;  }
.event .content > div { float:left }
.event .adress > div { width:50% }
.event .content .image { width:450px;height:450px;background-repeat:no-repeat;background-size:cover;background-position:center;margin-right:30px }
.event .content .categories { width:340px;;padding-bottom:30px }
.event .content .categories a.aCategory { display:block;margin:5px 0px 10px 0px;background-color:#b91e28;color:white;padding:11px 20px 6px 55px; background-image:url('/grafik/buttons/ico_ticket.png');background-repeat:no-repeat;background-position:5px center }
.event .content .categories a.aCategory div:first-child { float:right }
.event .content .description { width:560px;margin-left:30px }
.event .content .description a { color:#b91e28 }
.event .content .description .shortdescription { font-size:14px;margin-top:30px }
.event .content .login { max-width:80% }

.event .sidebar .categories a.aRoomfloor { color:#b91e28;display:block;margin:6px 0px 8px 0px }
.event .sidebar .categories a.aRoomfloor.inactive { color:#9b9b9b }

.event .content .categories a.aRoomfloor { display:block;margin:5px 0px 10px 0px;background-color:#b91e28;color:white;padding:11px 20px 6px 11px; }
.event .content .categories a.aRoomfloor.inactive { background-color:#bbb;  }
.event .content .categories a.aRoomfloor div:first-child { float:right }

.event .homepage a { color:#b91e28 }

.event .content .plan { width:560px;margin-left:30px;height:560px; text-align:center;position:relative }
.event .content .canvas-map { overflow-x:auto;overflow-y:hidden;border: 1px solid white; width: 100%; overflow:hidden; }
.event-plan h2 { text-align:left }
.event .content .planbig {  clear:both;padding-top:0px;width:100% !important;margin-left:0px; }
.event .content .plan .canvas-container { margin:0px auto }

.event .content  { float:left }

.event .sidebar { float:right;width:340px }

.event .sidebar > div { margin-bottom:30px }
.event .sidebar > div h4  { font-family:'Avenir Next LT W05 Demi';  /*font-family: 'BigCityGrotesquePro-Bold';*/font-size:16px }
.event .sidebar .security { background-color:#f5f4f2;padding:15px 20px 10px 20px;max-height:400px;overflow:auto }
.event .sidebar .security > div { padding:5px 0px 10px 0px }
.event .sidebar .security a { color:black }

.event .sidebar .ticket-info { font-size:16px;margin-bottom:30px }
.event .sidebar .ticket-info > div { padding:5px 0px 10px 0px }

.event .sidebar .organiser { font-size:16px;margin-bottom:30px }
.event .sidebar .cart { background-color:#b91e28;color:white;padding:15px 5px 10px 20px;font-size:14px }
.event .sidebar .cart select { font-size: 14px;background-color:#b91e28;color:white; }
.event .sidebar .cart .cart-title {font-size:16px; }
.cart .cart-room { padding-top:5px }

.event .sidebar .cart h4  { font-size:20px }
.cart-title { font-family:'Avenir Next LT W05 Demi';  /*font-family: 'BigCityGrotesquePro-Bold';*/ }
.cart-event { padding-top:10px }
.cart-category { padding-top:2px;padding-bottom:2px }
.cart select { font-family:'Avenir Next LT W05 Regular';  /*font-family: 'BigCityGrotesquePro-Regular';*/color:black;outline:none;border-width:0px;position:relative;top:2px;font-size:16px }
.cart-row select { color:black;outline:none;width:222px;border-width:0px;position:relative;top:2px }
.cart .cart-total { padding-top:10px;font-size:16px;font-family:'Avenir Next LT W05 Demi';  /*font-family: 'BigCityGrotesquePro-Bold';*/border-top:solid 1px white }

.event .categories-item > div:first-child { float:right }
.event .categories-item { padding:4px 0px 2px 0px }

.event .infos { float:none;width:100% }
.event .infos > div:first-child { float:left;width:50%;padding-right:30px;padding-bottom:30px }
.event .infos > div:nth-child(2) { float:left;width:50%;padding-right:30px }
.event .infos > div:nth-child(2) > div { margin-bottom:20px }
.event .infos > div:nth-child(2) .image { border-radius:50%;width:300px;height:300px }

.event-freeseats-item { clear:both;margin-top:5px }
.event-freeseats-item > div:nth-child(3) { font-size:14px }
.event .event-freeseat-amount { float:right;border:solid 1px #EBEBEB;width:104px;padding:2px 2px 0px 2px;border-radius:14px;height:29px }
.event .event-freeseat-amount a { display:inline-block;width:23px;height:23px;padding-top:1px;text-align:center;font-family:'Atlas Grotesk';font-size:20px;color:#b91e28 }
.event .event-freeseat-amount a:last-child { background-color:#b91e28;color:white;border-radius:50%;float:right }
.event .event-freeseat-amount div { display:inline-block;width:42px;text-align:center }


.adress .cart-event, .adress .cart-total { border-top:solid 1px #b91e28 }
.adress tr:first-child .cart-event { border-top-width:0px }
.adress tr .cart-event { padding-top:14px }
.adress .cart table { max-width:450px;margin-top:2px;margin-bottom:20px }
.adress .cart .cart-category { padding-bottom:7px }
.adress .cart-title { font-size:17px }
.adress .cart-delete img { top:-4px;margin-left:4px }
.adress .cart-row select { width:282px }

.basket-adress { margin-top:16px }

.adress h3 { font-size:33px; }

.event .sidebar .cart .button { background-color:#222;color:white;font-size:16px;margin:15px 5px 5px 0px }
.event .sidebar .cart .button:hover { background-color:white;color:#222; }

.cart-delete img { width:20px;visibility:hidden;vertical-align:middle;position:relative;top:-1px } 
.cart-row:hover .cart-delete img { visibility:visible }

.event .sidebar .cart .popup { color:black }


.event .event-state { float:left;margin-right:10px; /*position: absolute;margin-top:-23px; */ height: 23px; background-color: #003163; color:white; padding: 4px 15px; font-size: 14px; }
.event-amount { outline:none;border-width:0px 0px 1px 0px;padding:5px 2px;width:257px;display:block;margin:10px 0px 10px 0px; font-family:'Avenir Next LT W05 Demi';  /*font-family: 'BigCityGrotesquePro-Bold';*/ font-size: 16px; }

.event-error { padding-top:10px;color:#b91e28 }


.seats-reservation { width:235px; float:right }
.seats-reservation > div > table { width:235px; }
.seats-reservation > div > table tr td:first-child { width:214px; }
.seats-reservation > div > table th { font-family:'Avenir Next LT W05 Demi';  /*font-family: 'BigCityGrotesquePro-Bold';*/text-align:left }
.seats-reservation > div > table td img { width:20px }
.seat-total { font-family:'Avenir Next LT W05 Demi';  /*font-family: 'BigCityGrotesquePro-Bold';*/border-top:solid 1px black;padding-top:7px }
.seat-category { font-size: 14px; }
.seat-category select { font-family:'Avenir Next LT W05 Regular', Arial;  /*font-family: 'BigCityGrotesquePro-Regular', Verdana;*/font-size: 14px;outline:0;border-width:0px;width:160px;float:right;position:relative;top:2px }
.seat-category a img { visibility:hidden }
.seat-category:hover a img { visibility:visible }
.seats-floor { padding-top:10px; }
.seats-floor a { color:#b91e28 }

.seat-categories { margin-top:40px }
.seat-categories td:first-child { width:200px }
.seat-categories th,.seat-categories td { padding-bottom:2px }
.seat-categories th:nth-child(2), .seat-categories td:nth-child(2) { text-align:right }

.seats-state {     position: fixed; bottom: 0px; left: 0px; right: 0px; height: 42px; background: #b91e28; padding: 7px 20px;color:white;display:none }
.seats-state > div { padding-top:3px;float:left }
.seats-state > a.button { padding:5px 10px 2px 10px;background-color:#222;margin:0px;float:right }

#aNext { display:none }
.persons > div { width:50%;float:left;padding-bottom:50px}
.persons { margin:0px 30px;position:relative }
.persons .back {  position: absolute; left: -130px; top: 1px }
.persons h3 { font-size:33px;margin-bottom:20px }
.persons h4 { margin-top:10px }
.persons input, .persons select { font-size:20px;padding:6px 0px;outline:none;border-width:0px;border-bottom:solid 1px black;width:80%;  font-family:'Avenir Next LT W05 Demi'; /*font-family: 'BigCityGrotesquePro-Bold', Verdana;*/ margin:5px 0px }
.forget { display:inline-block;margin-top:20px;color:#b91e28;margin-bottom:10px }
.persons-confirm { margin:30px 0px 20px 0px }

.adress > div { padding-bottom:50px }

.legend { margin-bottom:30px }
.legend td { vertical-align:middle;padding-bottom:10px }
.legend td:first-child { width:50px !important }
.legend td:first-child div { width:40px;height:40px;border-radius:50%;margin:0px !important;padding:0px !important }




.event .konzerte .content { margin-left:141px }
.event .konzerte .content h3 { width:unset;float:none;font-size:30px;padding-top:30px}
.event .konzerte .content .item { width:400px;height:540px;margin-bottom:30px;}
.event .konzerte .content .item .bild { height:360px; }
.event .konzerte .content .selection { margin-left:50px }
.event .konzerte .content .selection select { width:360px }
.event .konzerte .content .selection select.selection2 { width:178px; }


@media screen and (max-width: 2000px) {
    .event .content { width: 950px; }
    .event .content .description { width:auto;margin-left:0px;padding-top:30px }
    .event .konzerte .item:nth-child(3n) { margin-right: 20px; }
}

@media screen and (max-width: 1470px) {
    .event .sidebar { width:300px }
    .event .sidebar .organiser, .event .sidebar .ticket-info { font-size:14px }
    .event .content { width: 770px; }
    .event .content .image { width:300px;height:300px; }
    .event .sidebar .cart .cart-title { font-size:14px; }
    .event .head .desc { width: 790px;}
    .event .konzerte .content { margin-left:0px;width:900px }
}

@media screen and (max-width: 1300px) {
    .seats-reservation { width:100%; float:none;padding-left:160px }
    .seats-reservation div { margin-left:30px;float:left;padding-bottom:35px }
    .seat-categories { margin-top:0px }
}


@media screen and (max-width: 1278px) {
    .event .head { padding:0px }
    .event .content .image { width:270px;height:270px; }
    .event .head .desc { margin-left:0px;padding-top:80px }
    .event .content { margin-left:0px;width:700px }
    .seats-reservation { padding-left:0px }
    .seats-reservation > div > table { width:285px; }
    .seats-reservation > div > table tr td:first-child { width:264px; }
    .seat-categories td:first-child { width:250px }
    .event .sidebar { margin-right: 10px; }
    .event .persons { margin-right:0px }
    .event .infos > div:first-child { width:60% }
    .event .infos > div:nth-child(2) { width:40% }
    .event .konzerte .content { padding-left:10px;width:860px }
}


@media screen and (max-width: 999px) {
    .event .head .desc { width:auto }
    .event .head .partner { display:none }
    .event .content .image { width:300px;height:300px; }
    .event .content { width:100% }
    .event .sidebar { float:none;width:100%;padding:30px;clear:both }
    .event .sidebar { float:none;width:100%;padding:30px;clear:both }
    .event .content .description { width:100%;overflow:hidden;margin-left:0px;float:none; }
    .event .headinfo { padding-right:0px }
    .sidebar #aNext { display:inline-block;cursor:pointer }
    .persons  { display:none }
    .persons input, .persons select { width:100%; }
    .seats { position:relative;padding-bottom:340px }
    .seats-reservation > div:nth-child(2) { position:absolute;bottom:10px;height:300px;overflow:auto;padding-bottom:0px }
    .legend td:first-child div { width:25px;height:25px; }
    .event .konzerte .content { width:auto;padding-right:0px }
}

@media screen and (max-width: 730px) {
    .event .content > div { float:none }
    .event .content .categories { margin-top:30px; }
    .event .content .plan { width:100%;margin:0px }
    .seats .canvas-map { width:100%;overflow:auto; }
    .seats { padding:0px 20px }
    .seats-reservation div { margin-left:10px }
    .persons > div { width:100%;float:none }
    .persons > div:nth-child(2) { border-bottom:solid 1px #f5f4f2;padding-bottom:50px;margin-bottom:50px }
    .event .adress > div {  width:100% }
    .cart-row .cart-delete img { visibility:visible }
    .event .infos > div:first-child { width:100%;float:none }
    .event .infos > div:nth-child(2) { width:100%;float:none }
    .seats-state { display:block }
}

@media screen and (max-width: 450px) {
    .event .content .categories { width:auto }
    .event .content .image { width: 100%; height: 0; padding-top: 100%;position: relative; }
    #nav .dropdown-toggle { max-width:100% }
    .adress .cart-row select { width:222px }
}

@media screen and (max-width: 390px) {
    #nav .dropdown-toggle { font-size:20px }
}

.cookie_rolldown { position:fixed;z-index:100;bottom:0px;display:none;padding:30px 0px 10px 30px;width:100%;background-color: #EFF3F5;border-radius:20px 20px 0px 0px;border-top:1px solid #ccc }
.cookie_rolldown .cookie-text  { margin:5px 30px 20px 0px;max-width:750px;float:left }
.cookie_rolldown a { background-color:#b91e28; padding: 9px 20px 7px 20px;margin-bottom:30px; color: white;  float:left;border-right:solid 2px white;margin-top:9px;border-radius:20px; }
.cookie_rolldown a.info_cookie { background-color:white;border:solid 1px #b91e28;color:#b91e28; padding: 7px 18px 7px 18px;margin-left:5px  }
.cookie_rolldown .ct_cookies { max-width:1010px;margin:0px auto }


.popup {
    position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 90; display:none
}


.popup-bg {
    position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 90; background-color:black; opacity:0;
}

.popup-box {
    position: absolute; top: 50%; left: 50%; z-index: 91; background-color:white; padding:50px 30px 20px 30px; transform:translate(-50%,-50%); width:500px;max-width:100%;min-height:300px
}

.popup-login { cursor:pointer }

.popup-close {
    float:right;font-family:'Atlas Medium';letter-spacing:0px;position:relative;top:-25px;cursor:pointer;
}


.popup-box input[type=text], .popup-box input[type=password] { outline:none;background-color:transparent;border:solid 1px black;border-width:0px 0px 1px 0px;padding:5px 0px;margin:10px 0px 0px 0px;font-family:'Atlas Medium';letter-spacing:0px;max-width:500px;width:95%;font-size:13px;display:block }
.popup-box input::placeholder { font-family:'Atlas Medium';letter-spacing:0px;color:black }

.popup-box .button { display:inline-block;clear:both;color:black;background-color:white;border: solid 1px black;margin-top:12px;padding:9px 30px 8px 30px;border-radius:5px;font-weight:normal;font-family:'Atlas Medium';letter-spacing:0px;font-size:12px;line-height:14px }
.popup-box .button:hover { background-color:black;color:white }
.popup-box .popup-info { margin-top:7px;min-height:40px; font-family: 'Atlas Regular';letter-spacing:0px; font-size: 13px; }
.popup-box .popup-forget { display:inline-block;margin-top:15px;font-weight: normal;font-family: 'Atlas Regular';letter-spacing:0px;color:#b1b3b4;font-size:13px; }


.popup-box h3 { margin-bottom:30px }


#popup-newsletter { display:block }
#popup-newsletter .popup-bg { opacity:0.5; }
#popup-newsletter h2 { font-size: 23px; line-height: 26px; color: #b91e28; }
#popup-newsletter h3 { font-family: 'Atlas Medium';letter-spacing:0px;margin-top:10px;font-size:15px }

.popup-checkbox { margin-top:15px }
.popup-checkbox input { float:left }
.popup-checkbox label { margin-left:30px;display:block }



/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

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

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

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

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}



@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url('./ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('./fonts/slick.eot');
    src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}


.slick-prev
{
    transform:rotate(90deg);
}

.slick-next
{
    transform:rotate(-90deg);
}


/*.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}*/


.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}

/*.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}*/

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}

/*.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}*/

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}

.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}