@charset "utf-8";
/****************************************/
/*	CSS Document 						*/
/*	CMS Agilis 4.2						*/
/*										*/
/*	Abrupta Servis s.r.o.				*/
/*	stylesheet.support.css				*/
/*	version 3.2.1.7	           			*/
/*										*/
/*	edit: 2021-01-06					*/
/****************************************/

img { border: 0; display: block; }
.freefill { height:50px; }

.blured { -webkit-filter: blur(2px); -moz-filter: blur(2px); -o-filter: blur(2px); -ms-filter: blur(2px); filter: blur(2px); }

.animation { opacity: 0; }
.animation.animated { opacity: 1; }

.slicknav_menu { display:none; }

.gradual-animation{ opacity: 0; }
.gradual-animation.animated { opacity: 1; }

.back-cover { background-repeat:no-repeat; background-size:cover; background-clip:border-box; }
.back-img { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; display: block; width: 100%; opacity: 0.05; z-index: 1; }

/* ! + UL Inline list */
ul.inline-list { font-size: 0; list-style: none; display: block; margin: 0 0; padding: 0 0; }
ul.inline-list li { display: inline-block; font-size: 1.0rem; line-height: 1.0em; margin-right: 1.0em; }
ul.inline-list li:last-child { margin-right: 0; }
ul.inline-list li a { position: relative; display: block; text-decoration: none; padding: 0 0; }
/* ! - UL Inline list */

/* ! + UL Block list */
ul.block-list { list-style: none; display: block; margin: 0 0; padding: 0 0; }
ul.block-list li { display: block; margin-bottom: .4em; }
ul.block-list li:last-child { margin-bottom: 0; }
ul.block-list li a { position: relative; display: inline-block; text-decoration: none; padding: 0 0; }
/* ! - UL Block list */

/* ! + BREADCRUMBS */
.breadcrumbs { display: inline-block; color: #E8E8E8; white-space: nowrap; }
.breadcrumbs i:before { margin-right: 0em; }
.breadcrumbs a { color: #E8E8E8; text-decoration: none; }
.breadcrumbs a:hover { text-decoration: underline; color: #DD1528; }
.breadcrumbs a.active { color: #DD1528; }
.breadcrumbs ul { list-style: none; margin: 0px 0px 0px 0px; padding-left: 0px; }
.breadcrumbs li { display: none; overflow: hidden; vertical-align: middle; }
.breadcrumbs li.show { display: inline-block; }
.breadcrumbs li.ellipsis { text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; }
.breadcrumbs .bread-link, .breadcrumbs .bread-separe { display: inline-block; }
.breadcrumbs .bread-separe { padding: 0px 10px; }
/*
.breadcrumbs { display: inline-block; color: #7b7d85; }
.breadcrumbs i { margin: 0; }
.breadcrumbs a { color: #7b7d85; text-decoration: none; }
.breadcrumbs a:hover { text-decoration: underline; }
.breadcrumbs a.active { color:rgb(240,121,172); }
*/
/* ! - BREADCRUMBS */

/* ! + PAGINATION */
.pagination { display: inline-block; overflow: hidden; padding: 20px 0; }
.pagination > a { width: 40px; line-height: 40px; color: #646567; display: inline-block; text-align: center; text-decoration: none; background: transparent; border-color: transparent; cursor: pointer; margin: 0 .5em 0 .5em; -webkit-border-radius: 5px; border-radius: 5px; transition: all 0.4s; }
.pagination > span { width: 40px; line-height: 40px; color: #646567; display: inline-block; text-align: center; text-decoration: none; margin: 0 .5em 0 .5em; -webkit-border-radius: 0; border-radius: 0; }
.pagination > a > i:before, .pagination > a > i:after, .pagination > span > i:before { margin-right: 0; margin-left: 0; }
.pagination > span.elipsis > i:before { color: #97989a; }
.pagination > a:first-child { margin-left: 0; }
.pagination > a:last-child { margin-right: 0; }
.pagination > a.active { background: #f4f4f4;  color: #646567; }
.pagination > a:hover { background: #DD1528;  color: #fff; transition: all 0.4s; }
/* ! - PAGINATION */

/* ! + Logout Button **/
#logout-button { position:fixed; right:30px; top:50px; width:50px; height:50px; z-index:9999; }
#logout-button a { display:block; font-size:40px; line-height:50px; text-align:center; text-decoration:none; color: red; }
/* ! - Logout Button **/

/* ! + DROPDOWN */
.dropDown { position: relative; }
.dropDown button { border: solid 1px var(--beat-color-10); background: var(--beat-color-99); padding: 0; color: var(--beat-base-color); font-size: 16px; line-height: 20px; font-family: var(--beat-ff2-regular); cursor: pointer; padding: 10px 24px; border-radius: 6px; transition: var(--beat-base-transition); }
.dropDown button img,
.dropDown button svg { width: 10px; fill: var(--beat-base-color); transition: var(--beat-base-transition); }
.dropDown ul { background-color: var(--beat-color-99); border: solid 1px var(--beat-color-10); border-radius: 10px; list-style: none; -webkit-box-shadow: 0 8px 14px rgba(18,38,63,.2); box-shadow: 0 8px 14px rgba(18,38,63,.2); margin-top: 5px; padding: 10px 10px; z-index: 10; margin-right: 0; }
.dropDown button:hover { color: var(--beat-color-00); transition: var(--beat-base-transition); }
.dropDown button:hover svg { fill: var(--beat-color-00); transition: var(--beat-base-transition); }
.dropDown ul li { display: block; color: var(--beat-base-color); font-family: var(--beat-ff2-regular); font-size: 16px; line-height: 20px; padding: 0 0; width: 100%; text-align: left; }
.dropDown ul li > a,
.dropDown ul li > span { display: block; text-decoration: none; color: var(--beat-base-color); cursor: pointer; padding: 10px 10px; border-radius: 10px; transition: var(--beat-base-transition); }
.dropDown ul li > a:hover,
.dropDown ul li > span:hover { background-color: var(--beat-color-07); color: var(--beat-color-00); transition: var(--beat-base-transition); }
.dropDown ul li > a i:before,
.dropDown ul li > span i:before { margin-right: 6px; }
.dropDown ul.dropDownMenu { display: none; position: absolute; min-width: 260px; right: 0; }
.dropDown.dropSmall ul { padding: 5px 5px; }
.dropDown.dropSmall ul.dropDownMenu { min-width: 140px; }
.dropDown.dropSmall ul.dropDownMenu li > a,
.dropDown.dropSmall ul.dropDownMenu li > span { padding: 5px 5px; }
.dropDown.dropRight ul.dropDownMenu { right: 0; }
.dropDown.dropCenterBottom ul.dropDownMenu { left: 50%; transform: translateX(-50%); bottom: 100%; margin-bottom: 5px; margin-top: 0; }
.dropDown.contCenter ul li { text-align: center; }
.dropDown ul.dropDownMenu li.select > a,
.dropDown ul.dropDownMenu li.select > span { background-color: var(--mg-back-color6); color: var(--mg-font-color1); }
.dropDown ul li.divider { height: 0; border-bottom: solid .4px var(--mg-border-color4); padding: 0 0; margin: 5px 0; }
.dropDown ul li .btn.sm > a { padding: 4px 10px; }

.btn.dropDown { position: relative; }
.btn.dropDown ul { background-color: var(--mg-back-color99); border: solid 1px var(--mg-border-color4); border-radius: var(--mg-card-radius); list-style: none; -webkit-box-shadow: 0 8px 14px rgba(18,38,63,.2); box-shadow: 0 8px 14px rgba(18,38,63,.2); margin-top: 10px; padding: 10px 10px; z-index: 10; }
.btn.dropDown ul li { display: block; border-radius: var(--mg-card-radius); color: var(--mg-font-base-color); font-family: var(--mg-font-family-regular); font-size: var(--mg-font-base-size); line-height: var(--mg-font-base-line); text-decoration: none; padding: 10px 5px; width: 100%; text-align: left; transition: var(--mg-transition-base); cursor: pointer; }
.btn.dropDown ul li:hover { background-color: var(--mg-back-color6); color: var(--mg-font-color1); transition: var(--mg-transition-base); }
.btn.dropDown ul li i:before { margin-right: 6px; }

.btn.dropDown ul li.divider { height: 0; border-bottom: solid 1px var(--mg-border-color4); padding: 0 0; }

.btn.dropDown.dropSmall ul { padding: 4px 4px; }
.btn.dropDown.dropSmall ul li { padding: 2px 4px; }

.btn.dropDown.centerCont ul li { text-align: center; }

.btn.dropDown ul.dropDownMenu { position: absolute; min-width: 200px; }
.btn.dropDown.dropSmall ul.dropDownMenu { min-width: 120px; }
.btn.dropDown.rightDrop ul.dropDownMenu { right: 0; }
.btn.dropDown.centerBottomDrop ul.dropDownMenu { left: 50%; transform: translateX(-50%); bottom: 100%; margin-bottom: 10px; }
.btn.dropDown ul.dropDownMenu li { display: block !important; white-space: nowrap; }

.btn.dropDown ul.dropDownMenu ul.dropDownMenu { left: 100%; top: 0; background-color: #f00 !important; }

.btn.dropDown ul.dropDownMenu { display: none; }
.btn.dropDown ul.dropDownMenu .selected { background-color:red; }

/** 16 / Smaller than standard 960 (devices and browsers) **/
@media only screen and (min-width: 1281px) and (max-width: 1600px) {
}
/** 12 / Smaller than standard 960 (devices and browsers) **/
@media only screen and (min-width: 960px) and (max-width: 1280px) {
}
/** 9 / Tablet Portrait size to standard 960 (devices and browsers) **/
@media only screen and (min-width: 720px) and (max-width: 959px) {
}
/** 6 / Mobile Landscape Size to Tablet Portrait (devices and browsers) **/
@media only screen and (min-width: 480px) and (max-width: 719px) {
	.responsive .dropDown ul.dropDownMenu { right: 50%; transform: translateX(50%); }
}
/** 4 / Mobile Portrait Size to Mobile Landscape Size (devices and browsers) **/
@media only screen and (max-width: 479px) {
	.responsive .dropDown ul.dropDownMenu { right: 50%; transform: translateX(50%); }
}
/*   - DROPDOWN */

/* ! + NOTIFICATION */
.notifi { width:100%; border: 1px solid transparent; -webkit-border-radius: var(--beat-ntf-border); border-radius: var(--beat-ntf-border); }
.notifi .icoWrap { display: block; width: 50px; height: 50px; background-color: transparent; border-radius: 0; padding: 8px 8px; }
.notifi .icoWrap img,
.notifi .icoWrap svg { display: block; width: 100%; height: 100%; margin: 0 auto; fill: inherit; }
.notifi.success { color: var(--beat-ntf-success-color); fill: var(--beat-ntf-success-color); background-color: var(--beat-ntf-success-back); border-color: var(--beat-ntf-success-border); }
.notifi.info { color: var(--beat-ntf-info-color); fill: var(--beat-ntf-info-color); background-color: var(--beat-ntf-info-back); border-color: var(--beat-ntf-info-border); }
.notifi.warning { color: var(--beat-ntf-warning-color); fill: var(--beat-ntf-warning-color); background-color: var(--beat-ntf-warning-back); border-color: var(--beat-ntf-warning-border); }
.notifi.danger { color: var(--beat-ntf-danger-color); fill: var(--beat-ntf-danger-color); background-color: var(--beat-ntf-danger-back); border-color: var(--beat-ntf-danger-border); }
.notifi i:before { margin-right: .4em; }
/* ! - NOTIFICATION */

/* ! + BACKGROUND VIDEO */
.underlie.backVideo { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: #000; overflow: hidden; z-index: 0; opacity: 1.0; } /* #72672c */
.underlie.backVideo video { position: relative; top:50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); width: auto; min-width: 100%; height: auto; min-height: 100%; }
.underlie.backVideo img { display: none; position: relative; top:50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); width: auto; min-width: 100%; height: auto; min-height: 100%; }
/*   - BACKGROUND VIDEO */

/* ! + ERROR 404 */
.errorCap { color: #fff; font-size: 44px; line-height: 50px; }
.errorInfo { color: #fff; font-size: 32px; line-height: 40px; }
.errorImg { min-width: 200px; max-width: 340px; }
/*   - ERROR 404 */

/* ! + FORMS */
form .error { border:solid 2px #de2c3b; }
/* ! - FORMS */

/* + MEDIA QUERIES */

@media only screen and (min-width: 1281px) {
}
/** XD 12 - Smaller than standard 960 (devices and browsers) **/
@media only screen and (min-width: 960px) and (max-width: 1280px) {
}
/** LD 9 - Tablet Landscape size to standard 960 (devices and browsers) **/
@media only screen and (min-width: 720px) and (max-width: 959px) {
}
/** MD 6 - Mobile Landscape Size to Tablet Portrait (devices and browsers) **/
@media only screen and (min-width: 480px) and (max-width: 719px) {
	.responsive .breadcrumbs { font-size: .9em; }
}
/** SD 4 / Mobile Portrait Size to Mobile Landscape Size (devices and browsers) **/
@media only screen and (min-width: 320px) and (max-width: 479px) {
	.responsive .breadcrumbs { font-size: .8em; }
}
/* - MEDIA QUERIES */