/*Utilities*/
.d-flex {
	display: flex;
	align-items: center;
}
.sticky-top {
    position: fixed !important;
    width: 100%;
    z-index: 999;
    top: 0;
}
.hp-logo-link {
	z-index: 999;
}
body.noscroll {
	overflow: hidden;
}
body.noscroll #launcher {
    right: -200px !important;
}
.container-narrow {
	margin-left: auto;
	margin-right: auto;
	max-width: 1190px;
}
.new-content-menu-layout {
	max-width: 1210px;
}
#wrapper {
	/*margin-top: 0;*/
	margin-bottom: 0;
}
#dnn_ContentPane,
#dnn_IntroPane,
.contats-panel,
#dnn_BigPane,
#row_one,
#dnn_R2Pane1,
#row_three {
	padding-left: 50px;
}

#dnn_LeftPane {
	padding-left:  50px;
	padding-right: 0;
}

.header-img-links {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

a.header-img-link {
	display: inline-block;
    text-decoration-style: unset;
    text-decoration-thickness: unset;
    text-decoration: unset;
    margin-right: 20px;
    height: 22px;
    width: 20px;
    overflow: hidden;
    color: transparent;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: background 200 ease-out;
}

.header-img-link:last-child {
    margin-right: 0;
}
.header-img-link.header-img-search {
    background-image: url(../img/lupa_search_2.svg);
    margin-top: 2px;
    display: block;
}
.header-img-link.header-img-deaf {
    background-image: url(../img/neslysici.svg);
}
.header-img-link.header-img-login {
    background-image: url(../img/person-bold.svg);
}
.header-img-link.header-img-search.crossed {
    background: none !important;
}
#WideSearch .header-img-search {
	display: none;
}    
#WideSearch .header-img-search.crossed {
    position: absolute;
    display: block;
    right: -20px;
    top: 16px;
}
#WideSearch .header-img-search.crossed::after {
    content: "✕";
    color: #333;
    position: absolute;
    font-size: 25px;
}
a.header-user-name {
	position: absolute;
	top: 55px;
	right: 80px;,

	color: #333;
	text-decoration: underline;
}
a.header-user-name:hover {
	text-decoration: none;
}
.language-selectbox-wrapper {
    position: relative;
    margin-right: 0 !important;
}
.language-selectbox-wrapper::before, .language-selectbox-wrapper::after {
    content: "";
    position: absolute;
    right: 5px;
    top: 12px;
    display: block;
    width: 6px;
    height: 2px;
    background-color: #333;
    transform: rotate(135deg);
}
.language-selectbox-wrapper::after {
    transform: rotate(45deg);
    right: 9px;
}
.language-selectbox {
	min-width:  45px;
	margin: 3px 0 0 0;
	padding: 0;
	background: #fff;
	border: 0;
	font-size: 15px;
	width: 45px;
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    appearance: none;
    cursor: pointer;
}

.header-img-item {
	margin-right: 20px;
}

#dnn_MenuPane {
	border-bottom: 0;
}

#TopPane {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 5px 10px;
	height: 90px;
	box-sizing: border-box;
	top: 0;
	border-bottom: 1px solid #000;
}
#SocialHead {
    z-index: 2;
}

#WideSearch {
	display: none;
	margin: auto;
	height: 48px;
	position: absolute;
	width: 65%;
	top: 18px;
	right: 0;
	left: 0;
	max-width: 1210px;
	z-index: 20000;
}

#WideSearch .gsc-input-box {
	padding: 0;
	border: 0;
}

#WideSearch input.gsc-input {
	position: relative;
	font-size: 16px;
	background: #f0f0f0 !important;
	padding: 12px 12px 12px 22px !important;
	border: 1px solid #e3e3e3 !important;
}

#WideSearch .gsc-search-box-tools .gsc-search-box td.gsc-input {
	padding-right: 0 !important;
}

#WideSearch input.gsc-input::placeholder {
	color: #444;
	opacity: 1; /* Firefox */
	font-size: 16px;
}

#WideSearch .gsc-control-searchbox-only {
	margin-top: 0;
}

.gsc-search-button {
	position: absolute;
}
.gsc-search-button-v2 svg {
    display: none;
}
.gsst_a {
    position: absolute;
    left: -65px;
    top: -12px;
}
#WideSearch .gsc-search-button-v2 {
	position: relative;
	background-color: transparent;
	background-image: url('../img/lupa_search_2.svg');
	margin: 0;
	padding: 0;
	background-size: contain;
	height: 20px !important;
	width: auto !important;
	top: 16px;
	right: 44px;
}
table.gsc-search-box td.gsc-input {
    padding-right: 0 !important;
}

/*Hamburger menu*/
.btn-hamburger {
  position: static;
  z-index: 1000;
  top: 20px;
  right: 20px;
  width: 35px;
  height: 35px;
  border: none;
  cursor: pointer;
  background-color: transparent;
  background-image: url("../img/hamburger.svg");
  background-size: 100%;
  margin: 3px 0 0 5px;
}

.show-close {
  	background-image: url("../img/hamburger-close.svg");
}

.mobile-menu {
	position: fixed;
	top: 89px;
	bottom: 0;
	background: #E7E7E7;
	right: -100%;
	width: 100vw;
/*	height: calc(100vh - 90px);*/
	text-align: center;
	overflow-x: scroll;
	opacity: 0;
	transition: opacity 0.2s ease;
}
.mobile-menu .mobile-menu-info {
	color: #d40c10;
	margin: 20px auto;
	text-align: center;
	line-height: 150%;
}
.mobile-menu .mobile-menu-info a {
	color: #d40c10;
}

.show-nav {
	right: 0;
	opacity: 1;
	z-index: 1000;
}

#TopPane.menu-open #PortalLogo {
	opacity: 0;
}

#TopPane.menu-open #SocialHead {
	position: absolute;
	width: 100%;
	padding-right: 30px;
}

#TopPane.menu-open .language-selectbox-wrapper {
    display: block;
}

#TopPane.menu-open .header-img-link.header-img-deaf {
    display: block;
}

#TopPane.menu-open .header-img-link.header-img-login {
    display: block;
}

.quick-links a:focus {
    top: 4px;
    left: 73px;
    z-index: 99;
}

@media screen and (min-width: 1280px) {
	#PortalLogo  {
		margin-left: 3%;
	}
	#SocialHead {
		margin-right: 3%;
	}
}
@media screen and (min-width: 1580px) {
	#dnn_MenuPane {
	    position: absolute;
	    width: 100%;
	    margin: auto;
	    left: 0;
	    right: 0;
	}
	#PortalLogo  {
		margin-left: 2%;
	}
	#SocialHead {
		margin-right: 2%;
	}
}
@media screen and (max-width: 1199px) {
	#dnn_MenuPane, #dnn_MenuPane * {
	    display: none;
	}
	.header-img-link.header-img-deaf {
	    display: none;
	}
	.header-img-link.header-img-login {
	    display: none;
	}
	.language-selectbox-wrapper {
	    display: none;
	}
}

@media screen and (min-width: 1200px) {
	.btn-hamburger {
		display: none;
	}
	.mobile-menu {
		display: none;
	}
}
@media screen and (min-width: 900px) and (max-width: 1099px) {
	.eds_news_Ozone.eds_subCollection_calendar .callendar_table_container .calendar_table td.day {
	    padding: 3px;
	}
	.eds_news_Ozone.eds_subCollection_calendar {
	    padding: 0;
	}
}
@media only screen and (max-width: 720px) {
	.news-tabs {
	    padding-bottom: 8px;
	    width: auto;
	    overflow: scroll;
	    white-space: nowrap;
	}
}

@media only screen and (max-width: 599px) {
	#WideSearch {
		width: 80%;
	}
}

@media only screen and (max-width: 768px) {
	.NewsPanes, #dnn_DIYPane {
    	min-height: 520px;
	}
	#dnn_ContentPane {
		padding-left: 15px;
		padding-right: 15px;
	}
}
/* News */
.top-puff {
    margin-top: 12vh;
}
.news-tab {
	display: inline-block;
    text-transform: uppercase;
    padding: 11px 25px;
    margin: 0 10px;
    color: #3A3A3A;
    font-weight: 400;
    font-family: "museo-sans-condensed",sans-serif;
    font-size: 1.8em;
    border-bottom: 4px solid transparent;
    cursor: pointer;
    text-decoration: none !important;
}

.news-tab a:link {
	color: #3A3A3A !important;
}

.news-tab.active {
	font-weight: 700;
}

.news-tab:not(.active) {
	border-bottom: 1px solid transparent;
	color: #3A3A3A;
} 

.news-tab.active, .news-tab:hover {
	color: #D4001A;
	border-bottom: 3px solid #D4001A;
}
.NewsPanes {
    margin-bottom: 6rem;
}
#dnn_NewsPane_Second, #dnn_NewsPane_Third {
	display: none;
}
.edr_carousel * {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.edr_carousel.P10_HP_News .wrapper .slider ul li .EDR_box {
	padding: 15px;
}
.edr_carousel.P10_HP_News .wrapper .slider ul li .EDR_box .EDR_date {
    font-weight: 400;
    font-size: 0.8em;
    margin: 3px 0;
    color: #333;
}
.edr_carousel.P10_HP_News .wrapper .slider ul li .EDR_box .EDR_content {
    padding: 0;
}
.edr_carousel.P10_HP_News .wrapper .slider ul li .EDR_box h3 {
    margin: 0 0 4px;
}
.edr_carousel.P10_HP_News .wrapper .slider ul li .EDR_box h3 a {
    font-size: 1.35em;
    line-height: 1.2em;
    letter-spacing: -0.1pt;
    font-weight: 600;
}
.edr_carousel.P10_HP_News .wrapper .slider ul li .EDR_box h3 a:hover {
    color: #d40c10;
    text-decoration: underline;
}

.edr_carousel.P10_HP_News .wrapper .slider ul li .EDR_box h3::after {
    display: none;
}
.edr_carousel.P10_HP_News .wrapper .slider ul li .EDR_box .EDR_content .EDR_description {
    font-family: "museo-sans",sans-serif;
    font-size: 0.97em;
    font-weight: 400;
    line-height: 140%;
    max-height: 65px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.EDR-category {
    position: absolute;
    bottom: 15px;
    font-size: 0.85em;
    font-weight: 500;
}
.edr_carousel .navigation.circle3 {
    background: none;
    border-right: 3px solid #666;
    border-top: 3px solid #666;
    width: 20px;
    height: 20px;
    border-radius: 2px;
}
.edr_carousel.horizontal .navigation.circle3.next {
    transform: rotate(45deg);
}
.edr_carousel.horizontal .navigation.circle3.previous {
  	transform: rotate(225deg);
}
.edr_carousel.horizontal .navigation.circle3.previous:hover, .edr_carousel.horizontal .navigation.circle3.next:hover {
  	border-color: #000;
}
.more-news {
	text-align: center;
	padding-bottom:  3rem;
}
/*.more-news a {
	font-family: "museo-sans-condensed",sans-serif;
	font-weight: 600;
	font-size: 1.2em;
	color: #fff;
	padding: 6px 15px;
	bottom: -10px;
    position: relative;
	text-decoration: none;
}
.more-news a:hover {
	background-color: #555;
}
*/
/* Calendar */
.eds_news_Ozone.eds_subCollection_calendar .callendar_table_container .calendar_table td, .eds_news_Ozone.eds_subCollection_calendar .callendar_table_container .calendar_table .month_selection td {
	padding: 0;
}
.eds_news_Ozone.eds_subCollection_calendar .callendar_table_container .calendar_table td.day {
    padding: 4px;
}

#breadcrumbs_common {
    margin: 30px 0;
    padding-left:  5px;
}

#breadcrumbs_common > a:first-child {
	padding-left: 0;
}

@media screen and (min-width: 769px) {
	#breadcrumbs_common {
		padding-left: 55px;
	}
}

.language-selectbox {
    height: 25px;
    font-size: 18px;
    list-style-type: none;
    overflow: hidden;
    margin: -3px 5px 0 0;
}

.language-selectbox__mobile {
    display: none;
    margin-top: 2px;
}


.language-selectbox__desktop {
    margin-bottom: 4px;
}

.language-selectbox a,
.language-selectbox option {
    font-size: 18px;
    text-decoration: none;
    color: #000000;
    padding: 6px;
}

.language-selectbox > a:first-child {
	display: inline-block;
	margin-bottom: 6px;
}

.language-selectbox a:hover {
    background: lightgrey;
}

.language-selectbox:hover {
    overflow: visible;
    z-index: 100;
}

@media (pointer:coarse) {
    .language-selectbox__desktop {
        display: none;
        -webkit-appearance: none;
    }

    .language-selectbox__mobile {
        display: inline-block;
        -webkit-appearance: none;
    }
}

.header-wrapper {
	position: relative;
    height: 90px;
  	display: flex;
    justify-content: center;
/*    border-bottom: 1px solid #000;*/
}

.header-wrapper #TopPane:after {
	content: "";
	display: block;
	position: absolute;
	top: 89px;
	left: 50%;
    transform: translate(-50%, 0);
	width: 100vw;
	height: 1px;
	background-color: #000;
	z-index: 10000;
}

.header-wrapper .header-content {
	display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
}

ul.megamenu li .row {
	max-width: 1215px;
}

ul.megamenu li .sub {
	top: 90px !important;
	border-top: none;
}

/* page title header */
h1.page-title {
	color: #000;
	font-size: 2em;
	font-weight: 700;
	font-family: "museo-sans-condensed",sans-serif;
	text-transform: uppercase;
	margin: 0 0 30px 0;
	padding: 0;
	line-height: normal;
}

/*Mobile nav - mobiltree*/
.mobiletree li.collapsable ul,
.mobiletree li.expandable ul {
	background-color: #F7F7F7;
}

.mobiletree li.collapsable li.collapsable { 
	border-bottom: 1px solid #e0e0e0;
}
.mobiletree li.collapsable li.collapsable li {
	border-bottom: 1px solid #eaeaea;
}

.mobiletree li li span,
.mobiletree > li.collapsable > ul > li.closed > a {
	font-size:  18px;
	padding-left: 30px;
}

.mobiletree li li li a {
	font-size:  17px;
	padding-left: 40px;
}

ul.megamenu li a.level0:hover::after,
ul.megamenu li a.level0.megahover::after {
	/*border-color: #D4001A;*/
	border-bottom-color: #646464;
}

ul.megamenu a.level0.current::after {
	border-bottom-color: #D4001A;
}

ul.megamenu li.level0::after {
	background-color: #D4001A;
}

.showControlBar .sticky-top {
    top: 50px !important;
}

.google-auto-placed {display: none !important;}