.breadcrumb li {
	list-style-type: none;
	display: inline-block;
}

#navigation li {
	list-style-type: none;
	display: inline-block;
}

.ajax-progress, .page-loader{
	/* display: inline-block; */
	display: flex;
	align-items: center;
	justify-content: center;
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	z-index: 1002!important;
	overflow: hidden;
	background: rgba(255,255,255,0.95);
	opacity: 1;
	border-radius: none!important;
}

.ajax-progress *, .page-loader *{ display: none!important; }

.ajax-progress:after,
.page-loader:after{
	content: '';
	/* position: absolute; */
	/* top: calc(50% - 30px); */
	/* left: calc(50% - 30px); */
	display: inline-block;
	margin: 0 auto;
	/* background: url(../cssimg/throbber.svg) no-repeat center center/contain #ffffff; */
	background: var(--highlite-color-1);
	width: 60px;
	height: 60px;
	border-radius: 50%;
	overflow: hidden;
	animation-name: move_throbber;
	animation-duration: 0.8s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	/* animation-timing-function: ease-in-out; */

	transform-origin: center;
}

@keyframes move_throbber {
	from { transform:scale(0); opacity: 1; }
  to { transform:scale(1); opacity: 0; }
	/* from { transform:scale(1); }
	50% { transform:scale(1.2); }
	to { transform:scale(1); } */
}

#toolbar-administration .toolbar-bar{
	z-index: 1005;
	color: initial;
}


.toolbar .toolbar-icon,
.toolbar-tray a{ color: initial; }

/* magnific popup */
.mfp-container button.mfp-close{
		position: fixed;
		top: 0;
		right: 0;
		z-index: 9999;
		display: flex;
		width: 62px;
		height: 62px;
		text-align: center;
		color: var(--bg-color-1);
		font-size: 3.2em;
		padding: 0;
		justify-content: center;
		cursor: pointer;
}

.mfp-container button.mfp-close:hover{
	background: transparent;
	color: var(--highlite-color-1);
}

/* button.mfp-close, */
button.mfp-arrow:before{
	display: none;
}

button.mfp-arrow:hover,
button.mfp-arrow:focus{
	background: transparent;
}

/* button.mfp-arrow:hover:after */
button.mfp-arrow-left:hover:after{
	border-right-color: var(--highlite-color-1);
}

button.mfp-arrow-right:hover:after{
	border-left-color: var(--highlite-color-1);
}


.nav > li > a:hover,
.nav > li > a:focus{
	background: transparent;
}


/*cookies*/
#sliding-popup{
	background: var(--bg-color-2);
	text-align: center;
	max-width: 480px;
	bottom: 0;
	left: 0;
	margin: 20px;
	/* box-shadow: 0 0 2px var(--light-gray); */
	border: 1px solid var(--border-color);
	border-radius: var(--border-radius);
	font-size: 0.9em;
	line-height: 1.4em;
}

#sliding-popup .popup-content{
	display: inline-block;
	max-width: 100%;
	padding: 20px;
}

#sliding-popup .popup-content #popup-text{
	float: none;
	width: 100%;
	margin: 0 0 30px;
	max-width: 100%;
}

#sliding-popup .popup-content #popup-buttons{
	float: none;
	display: block;
	max-width: 100%;
}


#sliding-popup p{ margin: 0; line-height: 1.4em; }

#sliding-popup button{
	margin: 0 10px 10px 0;
}

#sliding-popup button:hover{
}

#sliding-popup .find-more-button,
#popup-text a{ 
	color: inherit;
	background: none;
	font-size: 0.9em;
	border: none;
	padding: 0;
	font-weight: bold;
	letter-spacing: 0;
	margin: 10px 0;
}

#sliding-popup .find-more-button:hover,
#popup-text a:hover{
	/* color: #ffffff; */
	/* background: transparent; */
}


/* modal dialogs popup */
.ui-widget.ui-widget-content{
	background: var(--bg-color-1);
	color: var(--text-color);
	padding: 0;
	border: 1px solid var(--border-color);
	border-radius: none;
}

.ui-dialog .ui-dialog-titlebar{
	padding: 20px 40px 20px 20px;
	background: var(--bg-color-2);
	border: none;
	border-bottom: 1px solid var(--border-color);
	color: var(--title-color);
	font-family: var(--font-title);
	font-size: 1.2em;
	line-height: 1.2em;
	border-radius: var(--border-radius) var(--border-radius) 0 0;
}

.ui-dialog .ui-dialog-content{
	padding: 40px 20px;
	background-color: var(--bg-color-1);
	border-radius:  0 0 var(--border-radius) var(--border-radius);
}

.ui-dialog .ui-dialog-titlebar-close{
	background: none;
	border: none;
	font-size: 26px;
	line-height: 20px;
	font-weight: 600;
	color: var(--dark-color-3);
	height: auto;
	width: 26px;
	height: 26px;
	margin: -16px 0 0;
}

.ui-dialog .ui-dialog-titlebar-close:hover{
	color: var(--highlite-color-1);
}

.ui-dialog .ui-dialog-titlebar-close .ui-icon{
	background: none;
	/* padding: 0; */
	width: auto;
	text-indent: 0;
	height: auto;
}

.ui-dialog .ui-dialog-titlebar-close .ui-icon::after{
	content: '\f00d';
	font-family: var(--font-awesome);
	/* text-indent: 0; */
	/* display: inline-block; */
}

.ui-dialog::before{
	content: '';
	display: inline-block;
	width: 100vw;
	height: 100vh;
	background: rgba(0,0,0,0.8);
	/* opacity: 0.8; */
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1;
}


/*swiper nav buttons*/
.swiper-navbtn{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	display: inline-block;
	width: 36px;
	height: 36px;
	border: 1px solid var(--border-color);
	background: #ffffff;
	border-radius: 50%;
	visibility: hidden;
	opacity: 0;
	transition: all 0.2s;
	font-size: 1.2em;
	line-height: 36px;
	text-align: center;
	cursor: pointer;
}

.swiper-navbtn:hover{
	background: var(--highlite-color-1);
	color: #ffffff;
}

.swiper-navbtn.swiper-button-disabled{ display: none; }

.swiper-initialized:hover .swiper-navbtn{
	visibility: visible;
	opacity: 1;
}

.swiper-initialized #navbtn-left{ left: -20px; }
.swiper-initialized:hover #navbtn-left{ left: 0; }
.swiper-initialized #navbtn-right{ right: -20px; }
.swiper-initialized:hover #navbtn-right{ right: 0; }


/*pager*/
.pager__items, .js-pager__items{
		padding: 0;
		margin: 40px 0;
		clear: both;
		text-align: center;
}

.pager__item {
		display: inline-block;
		vertical-align: middle;
		text-align: center;
		margin: 0 2px 4px 2px;
}

.pager__item a{
	display: inline-block;
	width: 34px;
	height: 34px;
	line-height: 32px;
	font-size: 1em;
	margin: 0;
	background-color: var(--bg-color-1);
	vertical-align: middle;
	text-decoration: none;
	/* text-transform: uppercase; */
	white-space: nowrap;
	outline: 0;
	text-shadow: none;
	border-radius: 50%;
	border: 1px solid #dee2e6;
}

.pager__item--active a,
.pager__item a:hover{
		color: #ffffff;
		background-color: var(--highlite-color-1);
}

.pager__item .button{
	width: auto;
	border-radius: 36px;
	height: auto;
}


/* 
.pager__item--previous,
.pager__item--next{
		border-color: #e1e1e1;
		font-size: 0.9em;
}
 */
 
.pager__item--previous a,
.pager__item--next a,
.pager__item--first a,
.pager__item--last a{
	/* display: none; */
	font-size: 1.4em;
	line-height: 30px;
	font-weight: normal;
}

.infinite .pager__item a


/* video */
.video-js{
	width: 100%!important;
	height: auto!important;
	background: transparent;
	display: inline-block;
}

.video-js .vjs-tech{
	position: relative;
	width: 100%!important;
	height: auto!important;
}

.video-embed-field-responsive-video{
	max-width: 860px;
	margin-right: auto;
	margin-left: auto;
}



/* .block-language .links{
	margin: 0;
	padding: 0;
}

.block-language .links li{
	list-style: none;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 0.95em;
	letter-spacing: .1em;
	color: inherit;
}

.block-language .links li.is-active{
} */


/* content styles */
.highlite_backcolor{ background-color: var(--highlite-color-1); }
.highlite_colored{ color: var(--highlite-color-1); }

.underline_part::after,
.underline_total::after{
	content: '';
	display: block;
	height: 2px;
	clear: both;
	margin-top: 20px;
	background: var(--highlite-color-1);
}
.underline_part::after{ width: 40px; }
.underline_total::after{ width: 100%; }

.text-align-center .underline_part::after{ margin-left: auto; margin-right: auto; }
.text-align-right .underline_part::after{ margin-left: auto; }
.text-align-left .underline_part::after{ margin-right: auto; }

blockquote{
	margin: 0;
}

blockquote *{ 
	font-family: var(--font-quote);
	font-style: italic;
}

.body img{
	margin: 20px;
}



/* faq component */
.field_type_faqfield{
}

.ui-accordion{
	border: 1px solid var(--formitem-border);
	border-bottom: none;
	border-radius: var(--border-radius);
}

.ui-accordion .ui-accordion-header{
	margin: 0;
	padding: 12px 40px 12px 20px;
	font-size: .9rem;
	font-weight: 500;
	border-radius: 0;
	border: none;
	border-bottom: 1px solid var(--formitem-border);
	background: transparent;
	color: var(--title-color);
	transition: all 0.2s;
	position: relative;
	font-family: var(--font-title);
}

.ui-accordion .ui-accordion-header .ui-icon{
	background: none;
	text-indent: 0;
	transition: all 0.2s;
	transform-origin: center center;
	display: inline-block;
	position: absolute;
	top: calc(50% - 8px);
	right: 10px;
	width: 16px;
	height: 16px;
	line-height: 16px;
	text-align: center;
}

.ui-accordion .ui-accordion-header .ui-icon::after{
	content: '\f078';
	font-family: var(--font-awesome);
}

.ui-accordion .ui-accordion-header.ui-state-active{
	background: var(--bg-color-2);
	/* color: var(--highlite-color-1); */
}

.ui-accordion .ui-accordion-header.ui-state-active .ui-icon{
	transform: rotate(180deg);
}

.ui-accordion .ui-widget-content{
	border-radius: 0;
	border: none;
	border-bottom: 1px solid var(--formitem-border);
	padding: 20px;
	font-family: var(--font-normal);
	font-size: 1rem;
	line-height: 1.4em;
	color: var(--text-color);
}

/* files */
.field_type_file .file a{
    display: inline-flex;
    align-items: center;
    font-size: 0.95em;
    line-height: 1.2em;
}

.field_type_file .file a:before{
	display: inline-block;
	margin-right: 10px;
	/* color: #696868; */
	font-family: var(--font-awesome);
	font-weight: 700;
	font-size: 1.4em;
}

.file--application-pdf a:before{
	content: '\f1c1';
}

.file--x-office-document a:before{
	content: '\f1c2';
}

.file--text a:before{
	content: '\f15c';
}

.file--x-office-spreadsheet a:before{
	content: '\f1c3';
}


.field .field-label{
	font-weight: bold;
}

.field--label-inline .field-label{
	display: inline;
	margin-right: 5px;
}

.field--label-inline .field-items{
	display: inline-block;
}

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

	#sliding-popup{
		margin: 10px;
	}

	#sliding-popup button{
		width: 100%;
		margin: 0 0 10px;
	}

	#sliding-popup .find-more-button{
		width: auto;
	}

}