html.invert-active {
	filter: invert(100%) grayscale(0)!important; /* Current draft standard */
	-webkit-filter: invert(100%) grayscale(0)!important; /* New WebKit */
}

html.bw-active {
	filter: grayscale(100%) invert(0)!important; /* Current draft standard */
	-webkit-filter: grayscale(100%) invert(0)!important; /* New WebKit */
}

html.contrast-active body, html.contrast-active .dropdown-language .btn.dropdown-toggle, html.contrast-active .btn.btn-underline {
	background: #000!important;
	color: #ffff00!important;
}

html.fontsize-md .main-nav ul li, html.fontsize-lg .main-nav ul li, body.dyslexic-active .main-nav ul li, body.spacing-active .main-nav ul li {
	margin-bottom: 20px;
}

html.fontsize-md .main-nav ul li ul li, html.fontsize-lg .main-nav ul li ul li, body.dyslexic-active .main-nav ul li ul li, body.spacing-active .main-nav ul li ul li{
	margin-bottom: 0;
}

html.fontsize-lg .slider-text {
	max-width: 1200px;
}

html.contrast-active .nav-top-group a, html.contrast-active .nav-top-group span, html.contrast-active .nav-top-group a i, html.contrast-active .page-illust .page-title, html.contrast-active .accessibility-box, html.contrast-active a, html.contrast-active .tool-box span, html.contrast-active .date, html.contrast-active .title-line span, html.contrast-active .featured-page-text p, html.contrast-active .single-document i,
html.contrast-active .subtitle,html.contrast-active .table td, html.contrast-active .table thead th,  html.contrast-active .price, html.contrast-active .back a, html.contrast-active .back a i, html.contrast-active footer span, html.contrast-active footer span strong, html.contrast-active footer a, html.contrast-active .mob-header-icons a i, html.contrast-active .sidr .sub-toggle {
	color: #ffff00!important;
} 

html.contrast-active .article-category, html.contrast-active .btn, html.contrast-active .job-by, html.contrast-active .shop-item .item-label {
    background: #ffff00!important;
    color: #000!important;
}

html.contrast-active .nav-item .dd-menu li, html.contrast-active .dropdown-menu, html.contrast-active .dropdown-item:focus, html.contrast-active .dropdown-item:hover ,html.contrast-active .accessibility-box, html.contrast-active .nav-item .dd-menu li:hover, html.contrast-active .bg-article a, html.contrast-active .title-line span, html.contrast-active .tool-box, html.contrast-active .sidr {
	background: #000!important;
}

html.contrast-active .slick-dots li button {
	background: #ffff00!important;
}

html.contrast-active .slider h2, html.contrast-active .slider p {
	color: #4e4e4e;
}

html.contrast-active .tool-box {
    border: 1px solid #ffff00!important;
}

html.contrast-active header, html.contrast-active .main-nav ul li, html.contrast-active .title-line:before, html.contrast-active .featured-page-text,
html.contrast-active .jobs-list .single-job:not(:last-child), html.contrast-active .job-by, html.contrast-active .side-content-box, html.contrast-active .proceed-box, html.contrast-active .points-number,
html.contrast-active .single-document, html.contrast-active .table td, html.contrast-active .table th, html.contrast-active .side-menu .side-menu-ul li a,
html.contrast-active .footer-wrapper, html.contrast-active .sidr  {
    border-color: #ffff00!important;
}

html.contrast-active .ask-box a span, html.contrast-active a.link-all, html.contrast-active .calendar-events .calendar-footer a, html.contrast-active .article a h3, html.contrast-active .article h3, html.contrast-active .announce .h4:before, html.contrast-active .main-nav li a:before, html.contrast-active .dd-menu, html.contrast-active .today-info, html.contrast-active .accessibility-btn, html.contrast-active .social-media li a, html.contrast-active #main-header nav .dd-box ul li a, 
html.contrast-active .choose-view .btn-print-cal, html.contrast-active #calendarDropdown, html.contrast-active .this-date, html.contrast-active .this-cat, html.contrast-active .search-box input, html.contrast-active .search-box button,
html.contrast-active .adresar-title.inner h2,
html.contrast-active .load-more a, html.contrast-active .my-form button, html.contrast-active .my-form button:focus, html.contrast-active .my-form button:active,html.contrast-active .my-form button:active:hover,
html.contrast-active .illustration-middle-text, html.contrast-active a.loc-map:hover, html.contrast-active .day-title, html.contrast-active .dd-mobile button, html.contrast-active .atcb-list .atcb-item-link:focus, html.contrast-active .atcb-list .atcb-item-link:hover,
html.contrast-active .btncek {
	background: #000!important;
	color: #ffff00!important;
}

html.contrast-active .tool-btn.active {
	background: #ffff00!important;
    border-color: #ffff00!important;
    color: #000;
}

html.contrast-active .side-box h2, html.contrast-active .tool-btn, html.contrast-active .accessibility-btn, html.contrast-active .accessibility-tool, html.contrast-active article.article, html.contrast-active .accessibility-box, html.contrast-active .calendar-events, html.contrast-active .ask-box, html.contrast-active .my-list-box, html.contrast-active .icons-box, html.contrast-active .icons-box .my-icon a, html.contrast-active #main-footer, html.contrast-active #main-header, html.contrast-active .this-event, html.contrast-active .today-info, html.contrast-active .announce .announce-btn i, html.contrast-active .adresar-btn i, html.contrast-active .sub-nav li, html.contrast-active .lightgallery-classic .image-col:not(:last-child) a, html.contrast-active .day-title,
html.contrast-active .day-wrapper, html.contrast-active .dd-mobile button, html.contrast-active .other-nav .small-menu-mobile ul li a, html.contrast-active .oza p.zu {
	border-color: #ffff00!important;
}

html.contrast-active .mob-header-icons span, html.contrast-active .sidr ul li span, html.contrast-active .calendar-events .calendar-footer a:hover, html.contrast-active .ask-box a:hover span, html.contrast-active a.link-all:hover, html.contrast-active .info-day, html.contrast-active .today-info .info-time, html.contrast-active .social-media li a, html.contrast-active .dd-box h2, html.contrast-active nav .dd-box ul li a, html.contrast-active .this-day-text .btn-more a {
	color: #ffff00!important;
}

html.contrast-active .dd-box h2:before {
	background: #000!important;
}

html.contrast-active .tags a, html.contrast-active .search-box input, html.contrast-active .info-lists ul li a span {
	border-color: #ffff00!important;
	color: #ffff00!important;
}

html.contrast-active #main-header, html.contrast-active .dropdown-calendar, html.contrast-active .ask-box a span, html.contrast-active article.media, html.contrast-active .media-small, html.contrast-active .adresar ul li, html.contrast-active .search-box button, html.contrast-active .adresar-box, html.contrast-active .hotel-infos, html.contrast-active a.link-all, html.contrast-active .my-poii, html.contrast-active .hotel-info.plus-title label, html.contrast-active .my-doc, html.contrast-active .dd-menu, html.contrast-active .termini, html.contrast-active .knjiga-slide, html.contrast-active .my-checks.inner .active-radio .checkbox .cr, html.contrast-active .my-checks.inner .active-radio .radio .cr, html.contrast-active .my-checks.inner .radio .cr, 
html.contrast-active .my-form input, html.contrast-active .my-form textarea, html.contrast-active .style-text .this-docs, html.contrast-active .style-text .this-docs ul li, html.contrast-active .home-slide a span, 
html.contrast-active .home-slide span, html.contrast-active .visit-home-slide a span, html.contrast-active .visit-home-slide span, html.contrast-active .my-ikon, html.contrast-active a.loc-map, html.contrast-active .sports-links ul li a,
html.contrast-active .sports-wrapper, html.contrast-active .bannercek, html.contrast-active .calendar-events .calendar-footer a, html.contrast-active .day-event, html.contrast-active .image-col:not(:last-child) a {
	border-color: #ffff00!important;
}

html.contrast-active .load-more-news, html.contrast-active .link-all.next-month-link, html.contrast-active .this-day-text .btn-more {
	border: 1px solid #ffff00!important;
}

html.contrast-active .side-box h2 a i, html.contrast-active .other-nav ul li a:after, html.contrast-active .pred-title h2:before, html.contrast-active .sidr ul li a:before {
	background: #ffff00!important;
}

html.contrast-active .side-box h2 a i {
	color: #000!important;
}

html.contrast-active .image-col-custom a i {
    text-shadow: none;
}

html.contrast-active .other-nav ul li ul:after {
	border-bottom-color: #ffff00!important;
}

html.contrast-active .atc-style-blue .atcb-link {
	border-color: #ffff00!important;
	background: #000!important;
	color: #ffff00!important;
}

html.contrast-active  .atcb-list {
	border: none!important;
}

html.contrast-active .sidr ul {
	border-top: 1px solid#ffff00!important;
}

html.contrast-active .sidr,
html.contrast-active .sidr ul li:hover>a, html.contrast-active .sidr ul li:hover>span, html.contrast-active .sidr ul li.active>a,
html.contrast-active .sidr ul li.active>span, html.contrast-active .sidr ul li.sidr-class-active>a, html.contrast-active .sidr ul li.sidr-class-active>span {
	box-shadow: none;
}

.logo-contrast {
	display: none;
}

html.contrast-active .logo-contrast {
	display: block;
}

html.contrast-active .logo-normal {
	display: none;
}

html.contrast-active .sidr ul li {
	border-top: 1px solid  #ffff00!important;
    border-bottom: 1px solid  #ffff00!important;
}

.accessibility-box {
	position: fixed;
	right: -360px;
	bottom: 50px;
	z-index: 5000;
	width: 360px;
	background-color: #fff;
	border-left: 1px solid #b19bca;
	border-right: 1px solid #b19bca;
	border-top: 1px solid #b19bca;
	color: #000;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.accessibility-box.active {
	right: 0;
}

.accessibility-btn {
	background-color: #b19bca;
	color: #fff;
	font-size: 64px;
	line-height: 1;
	padding: 32px 20px 30px;
    position: absolute;
    border: 1px solid #b19bca;
    left: -106px;
    bottom: 0px;
    cursor: pointer;
}

.accessibility-title {
	text-align: center;
	text-transform: uppercase;
	display: block;
	font-size: 16px;
	padding: 5px 0 15px;
}

.accessibility-tool {
	border-bottom: 1px solid #b19bca;
}

.accessibility-tool .d-flex {
	padding: 20px 20px 5px;
}

.accessibility-tool.font-options .d-flex {
	padding: 20px 10px 20px;
}

.accessibility-tool.links {
	padding: 20px;
}

.accessibility-tool.links a {
	display: block;
	font-size: 16px;
}

.tool-btn {
	display: flex;
	padding: 5px 10px;
	width: 100%;
	justify-content: center;
	border: 1px solid #000;
	cursor: pointer;
	font-size: 18px;
}

.tool-btn.small {
	border-right: 0;
}

.tool-btn.active {
	background: #b19bca;
	color: #fff;
}

.tool-option-text.active {
	color: #b19bca;
}

.tool-accs-box {
	display: flex;
	width: 100%;
	cursor: pointer;
}

.tool-word {
	display: flex;
	align-items: center;
}

.tool-option {
	text-align: center;
	font-size: 16px;
	line-height: 1.3;
	width: 100%;
	text-transform: uppercase;
}

.tool-option .active {
	color: #b19bca;
}

.tool-option i {
	display: block;
	font-size: 40px;
	margin: 0 0 4px;
}

.tool-btn.medium {
	font-size: 27px;
}

.tool-btn.large {
	font-size: 38px;
	border-left: none;
}

body.spacing-active {
	letter-spacing: 2px!important;
}
body.dyslexic-active {
	font-family: 'OpenDyslexic3'!important;
}

body.links-active a {
	text-decoration: underline!important;
}
.fontsize-lg .ask-box {
	overflow: hidden;
}

.fontsize-lg .media-medium .media-text a p, .fontsize-lg .media-medium .media-text p,
.fontsize-md .media-medium .media-text a p, .fontsize-md .media-medium .media-text p,
.fontsize-lg .selected-news .media-small p,
.fontsize-md .selected-news .media-small p {
	margin-bottom: 35px;
}

.fontsize-lg .selected-news .media-small .ovrl-box p, .fontsize-lg .selected-news.with-more .media-small .ovrl-box p {
	max-height: 80px;
}

@font-face {
    font-family: 'OpenDyslexic3';
    src: url('/assets/fonts/OpenDyslexic3Regular.eot');
    src: url('/assets/fonts/OpenDyslexic3Regular.eot') format('embedded-opentype'),
         url('/assets/fonts/OpenDyslexic3Regular.woff2') format('woff2'),
         url('/assets/fonts/OpenDyslexic3Regular.woff') format('woff'),
         url('/assets/fonts/OpenDyslexic3Regular.ttf') format('truetype'),
         url('/assets/fonts/OpenDyslexic3Regular.svg#OpenDyslexic3Regular') format('svg');
         font-weight: 400;
}

@font-face {
    font-family: 'OpenDyslexic3';
    src: url('/assets/fonts/OpenDyslexic3Bold.eot');
    src: url('/assets/fonts/OpenDyslexic3Bold.eot') format('embedded-opentype'),
         url('/assets/fonts/OpenDyslexic3Bold.woff2') format('woff2'),
         url('/assets/fonts/OpenDyslexic3Bold.woff') format('woff'),
         url('/assets/fonts/OpenDyslexic3Bold.ttf') format('truetype'),
         url('/assets/fonts/OpenDyslexic3Bold.svg#OpenDyslexic3Bold') format('svg');
         font-weight: 700;
}


@media only screen and (max-width : 767px) {
	.accessibility-box {
		width: 250px;
		right: -250px;
	}
	.accessibility-btn {
		font-size: 30px;
		padding: 5px 10px 5px;
		left: -52px;
	}
	.tool-option {
		font-size: 13px;
	}
	.accessibility-tool.links a {
		font-size: 14px;
	}
	.tool-option i {
		font-size: 35px;
	}
	.tool-btn {
		font-size: 16px;
		padding: 0px 10px;
	}
	.tool-btn.medium {
		font-size: 21px;
	}
	.tool-btn.large {
		font-size: 25px;
	}
	.accessibility-tool.font-options .d-flex {
		padding: 15px 10px 15px;
	}
	.accessibility-tool.links {
		padding: 10px 20px;
	}
}

@media only screen and (max-width : 991px) and (min-width : 768px) {
	.accessibility-btn {
		font-size: 40px;
		left: -83px;
	}

}