:root {
	--color__green: #14906c;   
		--color__green-dark: #097152;       
		--color__green-dark2: #0E634A;      
		--color__green-light: #d5eee7;     
		--color__green-light3: #edf5f3;     
	--color__gray: #525151;       
	--color__yellow: #E9FC26;    
	--color__red: #EE2A2E;      
	--color__silver: #ddd;         
	--color__orange: #FF8F1D;      
	--color__blue: #4078B4; 
    
	--color__facebook: #3B5998;      
	--color__twitter: #55acee;   
	--color__instagram: #3d6d92;   
	--color__youtube: #DE1A2A; 
	--color__flickr: #FE0084;     
	
	--color__one: var(--color__green);

	--maxInnerWidth: 1400px;
	--maxPageWidth: 2000px; 

	--font__condensed: 'Open Sans Condensed', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
	--font__regular: 'Open Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
}

/** normalize */
dl,h3,menu,ol,p,pre,ul{margin:1em 0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}button,html,input,select,textarea{font-family:sans-serif}body,figure,form{margin:0}a:active,a:focus,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.67em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}blockquote{margin:1em 40px}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:after,q:before{content:'';content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ol,nav ul{list-style:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}table thead tr td,table thead tr th{font-weight:300}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}

/** icon fonts :( */
@font-face {
	font-family: 'mts';
	src: url('fonts/mts.eot?x8armb');
	src: url('fonts/mts.eot?x8armb#iefix') format('embedded-opentype'), url('fonts/mts.ttf?x8armb') format('truetype'), url('fonts/mts.woff?x8armb') format('woff'), url('fonts/mts.svg?x8armb#mts') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"],
[class*=" icon-"] {
	font-family: 'mts' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-instagram-new:before{content:"\e900"}.icon-cancel-circle:before{content:"\e613"}.icon-pencil:before{content:"\e612"}.icon-radio-unchecked:before{content:"\e60f"}.icon-radio-checked:before{content:"\e610"}.icon-radio-checked2:before{content:"\e611"}.icon-home:before{content:"\e60e"}.icon-camera:before{content:"\e60d"}.icon-calendar:before{content:"\e60c"}.icon-search:before{content:"\e60b"}.icon-menu:before{content:"\e609"}.icon-menu2:before{content:"\e60a"}.icon-flickr:before{content:"\e608"}.icon-close:before{content:"\e614"}.icon-temperature:before{content:"\e600"}.icon-arrowright:before{content:"\e601"}.icon-arrowdown:before{content:"\e602"}.icon-arrowleft:before{content:"\e603"}.icon-arrowup:before{content:"\e604"}.icon-elevation:before{content:"\e605"}.icon-elevationdelta:before{content:"\e606"}.icon-humidity:before{content:"\e607"}.icon-envelope:before{content:"\f003"}.icon-user:before{content:"\f007"}.icon-play-circle-o:before{content:"\f01d"}.icon-twitter:before{content:"\f099"}.icon-facebook:before{content:"\f09a"}.icon-group:before{content:"\f0c0"}.icon-google-plus:before{content:"\f0d5"}.icon-youtube-play:before{content:"\f16a"}.icon-instagram:before{content:"\f16d"}.icon-share-alt:before{content:"\f1e0"}.icon-menu3:before{content:"\e902"}


@font-face {
	font-family: 'digital_dismayregular';
	src: url('fonts/digital_dismay-webfont.eot');
	src: url('fonts/digital_dismay-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/digital_dismay-webfont.woff2') format('woff2'), url('fonts/digital_dismay-webfont.woff') format('woff'), url('fonts/digital_dismay-webfont.ttf') format('truetype'), url('fonts/digital_dismay-webfont.svg#digital_dismayregular') format('svg');
	font-weight: normal;
	font-style: normal;
}

::-moz-selection {
	background: var(--color__green-dark2);
	text-shadow: none;
	color: #fff
}

::selection {
	background: var(--color__green-dark2);
	text-shadow: none;
	color: #fff
}

.chromeframe {
	background: var(--color__green);
	color: #fff;
	padding: 2em 1em;
	z-index: 9999;
	position: fixed;
	top: 0;
	width: 100%;
	font-size: 2em
}

.chromeframe a {
	text-decoration: underline
}

html {
	font-size: 100%;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	scroll-behavior: smooth
}

body {
	margin: 0;
	padding: 0;
	overflow: hidden;
	font-size: 1em;
	line-height: 1.4;
	font-family: var(--font__regular);
	font-weight: 300;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	padding-top: 5rem
}

html.lockScroll {
	overflow: hidden;
	width: 100%;
	overflow-x: hidden;
	overflow-y: hidden
}

html.lockScroll body {
	overflow: hidden;
	width: 100%;
	overflow-x: hidden;
	overflow-y: hidden
}

h1,
h2,
h3,
h4,
p,
ul,
ol,
table {
	margin: 0;
	padding: 0
}

h1,
h2,
h3,
h4 {
	font-weight: 300;
	font-family: var(--font__regular);
}

h1 {
	font-size: 2rem
}

h2 {
	font-size: 1.6rem
}

h3 {
	font-size: 1.3rem
}

h4 {
	font-size: 1rem
}

h6 {
	font-weight: normal
}

a {
	color: inherit;
	text-decoration: none;
	transition: color 0.2s linear
}

img {
	max-width: 100%
}

input,
textarea,
select {
	-webkit-appearance: none;
	border-radius: 0;
	font-family: var(--font__regular);
	box-sizing: border-box
}

input[type=checkbox] {
	-webkit-appearance: checkbox
}

input[type=radio] {
	-webkit-appearance: radio
}

.desktopOnly {
	display: none
}

.mobileOnly {
	display: block
}

.main-header-color {
	background-color: var(--color__green)
}

.main-header-color .logo {
	display: none
}

.main-header {
	width: 100%;
	height: 4rem;
	position: fixed;
	top: 0;
	z-index: 5000
}

.main-header .social {
	display: none
}

.main-header .logo {
	background-color: #fff
}

.main-header.sticky {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 5000
}

.main-header.sticky .social {
	background-color: #fff
}

.main-header.sticky .logo {
	background-color: #fff
}

.menu-main {
	display: none;
	top: 4rem;
	right: 0;
	padding: 0.5em 1em;
	z-index: 1000;
	position: fixed;
	width: 100%;
	height: calc(100% - 2em);
	overflow-y: auto;
	color: #fff;
	font-family: var(--font__condensed);
	font-weight: 300;
	font-size: 1.8em;
	text-transform: uppercase;
	text-align: left;
	background-color: #128362;
	border-left: 1px solid var(--color__green-dark);
	border-bottom: 1px solid var(--color__green-dark)
}

.menu-main.active {
	display: block
}

.menu-main ul {
	margin-left: auto;
	margin-right: auto;
	max-width: 15em
}

.menu-main ul li.mobile-results a {
	display: inline-block;
	position: relative
}

.menu-main ul li.mobile-results a:before {
	content: '';
	position: absolute;
	display: block;
	top: 50%;
	left: 50%;
	width: 110%;
	height: 100%;
	z-index: -1;
	transform: translate(-50%, -50%);
	background-color: rgba(236, 19, 23, 1)
}

.menu-main ul li a {
	display: block;
	padding: 0.3em 0
}

.menu-main ul li.active a {
	color: #054230
}

.menu-main ul li .second-level {
	margin-bottom: 0.5em;
	padding-left: 0.5em;
	text-transform: initial;
	font-size: 0.8em
}

.menu-main ul li .second-level a {
	line-height: 1.1;
	color: #9fd8c8
}

.menu-main ul li .second-level .active a {
	color: #054230
}

.menu-main ul li[content-id="live_1"] a {
	display: inline-block;
	position: relative;
	font-weight: bold
}

.menu-main ul li[content-id="live_1"] a:after {
	width: 110%;
	height: 110%;
	top: -5%;
	left: -5%;
	position: absolute;
	z-index: -1;
	transition: background-color 0.2s linear;
	background-color: var(--color__green-dark);
	content: ""
}

@media (min-width:1200px) {
	.menu-main ul li[content-id="live_1"] a:after {
		height: 130%;
		width: 100%;
		left: 0
	}
}

.menu-main ul li[content-id="live_1"]:hover a:after {
	background-color: rgba(9, 113, 82, 0.6)
}

.menu-main ul li[content-id="live_1"].active a {
	color: #fff
}

.mainMenuSelected {
	padding: 0 1em 0 0.5rem;
	height: 4rem;
	display: inline-block;
	float: right;
	line-height: 4rem;
	color: #fff;
	background-color: var(--color__green);
	font-family: var(--font__condensed);
	font-weight: 300;
	text-transform: uppercase;
}

.menu-main-trigger {
	display: inline-block;
	float: right;
	width: 4rem;
	height: 4rem;
	padding-top: 0.32em;
	overflow: hidden;
	text-align: center;
	color: #fff;
	cursor: pointer;
	background-color: var(--color__green);
	font-size: 3em;
	line-height: 1;
	transition: color 0.2s linear
}

.menu-main-trigger>div {
	transform: translateY(-0.15em)
}

.menu-main-trigger.active .icon-menu3:before {
	content: "\e614"
}

.search {
	display: inline-block;
	float: left;
	height: 4rem
}

.search.hide-search {
	display: none
}

.search .trigger {
	display: inline-block;
	height: 4rem;
	width: 4rem;
	overflow: hidden;
	padding-top: 0.4em;
	font-size: 2.2em;
	color: #fff;
	background-color: var(--color__green-dark);
	text-align: center;
	cursor: pointer;
	transition: background-color 0.2s linear
}

.search .trigger:hover {
	background-color: #054230
}

.search .input {
	display: none
}

.search .input input {
	box-sizing: border-box;
	border: 0 !important;
	width: 100%;
	height: 100%;
	padding: 0.3em;
	background-color: transparent;
	color: #fff;
	font-size: 0.8em;
	font-family: var(--font__condensed);
	font-weight: 300
}

.search .input input::-webkit-input-placeholder {
	color: #fff
}

.search .input input:-moz-placeholder {
	color: #fff;
	opacity: 1
}

.search .input input::-moz-placeholder {
	color: #fff;
	opacity: 1
}

.search .input input:-ms-input-placeholder {
	color: #fff
}

.search .close {
	display: none
}

.search .results-wrapper {
	display: none;
	height: 100%;
	overflow: auto
}

.search .results-wrapper .results-content,
.search .results-wrapper .results-news {
	margin-top: 1em;
	display: none
}

.search .results-wrapper .results-content>.title,
.search .results-wrapper .results-news>.title {
	color: #fff;
	font-weight: 700;
	text-transform: uppercase
}

.search .results-wrapper .result {
	display: block;
	padding: 0.4em;
	overflow: hidden;
	margin-top: 0.5em;
	color: #fff;
	background-color: rgba(213, 238, 231, 0.2);
	font-size: 0.8em
}

.search .results-wrapper .result:hover {
	background-color: rgba(213, 238, 231, 0.3)
}

.search .results-wrapper .result .image {
	width: 15%;
	min-height: 0.5em;
	float: left
}

.search .results-wrapper .result .image img {
	display: block
}

.search .results-wrapper .result .title {
	width: 80%;
	float: left;
	margin-left: 5%
}

.search .results-wrapper .result .date {
	margin-left: 5%;
	width: 80%;
	clear: both;
	font-size: 0.6em
}

.search.open {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1100;
	padding: 4em 1em;
	background-color: rgba(20, 144, 108, 0.93);
	transition: all 0.2s linear
}

.search.open .results-wrapper {
	display: block
}

.search.open .results-wrapper.active .results-news,
.search.open .results-wrapper.active .results-content {
	display: block
}

.search.open .form {
	display: flex;
	justify-content: stretch;
	width: 100%;
	height: 3em
}

.search.open .trigger {
	height: auto;
	width: 3rem;
	background-color: #054230;
	font-size: 1.5em;
	padding-top: 0.2em
}

.search.open .trigger .icon-search {
	position: relative;
	top: 50%;
	transform: translateY(-55%)
}

.safari .search.open .trigger .icon-search {
	transform: translateY(35%)
}

.search.open .trigger:hover {
	background-color: var(--color__green-dark)
}

.search.open .input {
	flex: 1 auto;
	display: block;
	background-color: var(--color__green-dark);
	font-size: 2em
}

.search.open .close {
	display: block;
	position: absolute;
	top: 0.15em;
	right: 0.15em;
	color: #fff;
	font-size: 3em;
	transition: color 0.2s linear;
	cursor: pointer
}

.costum-menu-lang {
	display: inline-block;
	margin-top: 2rem;
	margin-bottom: 2rem
}

.costum-menu-lang a {
	display: inline-block;
	height: 3rem;
	width: 3rem;
	margin-right: 10px;
	text-align: center;
	color: #fff;
	font-size: 1em;
	background-color: var(--color__green-dark);
	line-height: 3rem
}

.costum-menu-lang a.active {
	background-color: #054230
}

.costum-menu-lang a:hover {
	background-color: #054230
}

.icon {
	position: relative
}

.icon:before {
	display: block;
	content: "";
	width: 100%;
	padding-top: 100%
}

.icon>.pfw {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0
}

.icon svg {
	width: 100%;
	height: 100%;
	fill: currentColor;
	display: block
}

:where(svg):where(:not([width])) {
	inline-size: 5rem
}

:where(svg):where(:not([fill])) {
	stroke: currentColor;
	fill: none;
	stroke-linecap: round;
	stroke-linejoin: round
}

:where(img, svg, video) {
	block-size: auto;
	max-inline-size: 100%
}

.logoX {
	width: 0.9em
}

.logoX .icon {
	transition: color 0.2s linear
}

.main-footer .logoX .icon {
	color: var(--color__green) !important;
	transition: color 0.2s linear
}

.main-footer .logoX .icon:hover {
	color: #000 !important
}

.main-header .logoX .icon {
	color: var(--color__green-light) !important;
	transition: color 0.2s linear
}

.main-header .logoX .icon:hover {
	color: #000 !important
}

.share-networks .logoX {
	color: #fff !important;
	transition: color 0.2s linear
}

.share-networks .logoX:hover {
	color: #000 !important
}

.novica .main .share-networks .logoX {
	width: 0.65em;
	color: #9fd8c8 !important;
	transition: color 0.2s linear
}

.novica .main .share-networks .logoX:hover {
	color: #000 !important
}

.social .social-links.new .innerr {
	margin-top: 0.3em !important
}

.social {
	float: left;
	height: 4rem
}

.social>a {
	display: inline-block;
	margin: 0.3em 0.05em 0 0.05em;
	font-size: 1.3em;
	color: var(--color__green-light)
}

.social>a>div {
	transition: color 0.2s linear
}

.social>a .facebook:hover {
	color: var(--color__facebook)
}

.social>a .twitter:hover {
	color: var(--color__twitter)
}

.social>a .instagram:hover {
	color: var(--color__instagram)
}

.social>a .youtube:hover {
	color: var(--color__youtube)
}

.social>a .flickr:hover {
	color: var(--color__flickr)
}

.social .sl-holder>a {
	display: inline-block;
	margin: 0.3em 0.05em 0 0.05em;
	font-size: 1.3em;
	color: var(--color__green-light)
}

.social .sl-holder>a>div {
	transition: color 0.2s linear
}

.social .sl-holder>a .facebook:hover {
	color: var(--color__facebook)
}

.social .sl-holder>a .twitter:hover {
	color: var(--color__twitter)
}

.social .sl-holder>a .instagram:hover {
	color: var(--color__instagram)
}

.social .sl-holder>a .youtube:hover {
	color: var(--color__youtube)
}

.social .sl-holder>a .flickr:hover {
	color: var(--color__flickr)
}

.social .social-links .sl-holder .innerr>a {
	display: inline-block;
	margin: 0.3rem 0.5rem 0 0.5rem;
	font-size: 1.3em;
	color: var(--color__green)
}

.social .social-links .sl-holder .innerr>a>div {
	transition: color 0.2s linear
}

.social .social-links .sl-holder .innerr>a .facebook:hover {
	color: var(--color__facebook)
}

.social .social-links .sl-holder .innerr>a .twitter:hover {
	color: var(--color__twitter)
}

.social .social-links .sl-holder .innerr>a .instagram:hover {
	color: var(--color__instagram)
}

.social .social-links .sl-holder .innerr>a .youtube:hover {
	color: var(--color__youtube)
}

.social .social-links .sl-holder .innerr>a .flickr:hover {
	color: var(--color__flickr)
}

.social .social-links .space-holder {
	display: none
}

.social .social-links .websi-holder span {
	display: block;
	margin-bottom: 0.2rem;
	font-size: 1rem;
	letter-spacing: 0.04em;
	font-weight: 600;
	text-transform: uppercase
}

.social .social-links .websi-logo {
	display: block;
	margin-top: 2rem;
	margin-left: 0
}

.social .social-links .websi-logo .mobile {
	display: inline-block;
	max-width: 140px
}

.social .social-links .websi-logo .desktop {
	display: none
}

.social .social-links .websi-logo .desktop img {
	display: block
}

@media (min-width:768px) {
	.social .social-links.new {
		display: flex !important;
		flex-flow: row wrap;
		justify-content: space-around;
		align-items: center;
		text-align: center
	}

	.social .social-links.new .innerr {
		width: 122%;
		left: -11%;
		position: relative;
		margin-top: 0.3rem
	}

	.social .social-links .sl-holder {
		width: 33.33%;
		white-space: nowrap
	}


	.social .social-links .websi-holder {
		width: 33.33%;
		display: block;
		display: flex;
		flex-flow: row wrap;
		align-items: center;
		justify-content: center
	}

	.social .social-links .websi-holder .websi-logo {
		margin-left: 0;
		margin-top: 0.3em
	}

	.social .social-links .websi-holder .websi-logo .mobile {
		display: none
	}

	.social .social-links .websi-holder .websi-logo .desktop {
		display: block
	}

	.social .social-links .space-holder {
		width: 33.33%;
		display: block
	}
}

@media (min-width:1050px) {
	.social .social-links.new .innerr {
		margin-top: 0
	}
}

.menu-lang {
	display: none;
	float: right
}

.menu-lang a {
	display: inline-block;
	height: 4rem;
	width: 4rem;
	text-align: center;
	color: #fff;
	font-size: 0.8em;
	background-color: var(--color__green);
	line-height: 4rem
}

.menu-lang a.active {
	background-color: #054230;
	display: none
}

.menu-lang a:hover {
	background-color: var(--color__green-dark)
}

.logo {
	width: 8rem;
	height: 4rem;
	float: right;
	padding: 0 1em
}

@media (min-width: 23rem) {
	.logo {
		width: 11rem
	}
}

.b {
	display: inline-block;
	padding: 0.5em 1.5rem;
	font-size: 1em;
	line-height: 2em;
	background-color: var(--color__green);
	color: #fff !important;
	text-align: center;
	text-decoration: none !important;
	transition: background-color 0.2s linear
}

.preload-wrap.hidden {
	visibility: hidden
}

@media (min-width:2000px) {
	.preload-wrap {
		max-width: var(--maxPageWidth);
		margin-left: auto;
		margin-right: auto;
		overflow: hidden
	}
}

.banner {
	width: 100%;
	position: relative;
	z-index: 3;
	margin-top: -10px
}

.banner .inner {
	position: relative;
	width: 100%;
	height: 270px;
	background: url('/images/banner_vstopna_2018.jpg') no-repeat right top;
	background-size: auto 100%
}

.banner .countdown-wrapper {
	display: block;
	position: absolute;
	left: 5%;
	bottom: 15%
}

.banner .sponsors {
	text-align: center
}

.banner .sponsors a {
	display: inline-block;
	vertical-align: middle
}

.sponsors svg {
	display: inline-block;
	width: 96px;
	height: 71px;
	opacity: 0.5;
	fill: #000;
	stroke: #000
}

.sponsors svg:hover {
	opacity: 1
}

.sponsors .zdravilisce_radenci svg {
	width: 117px;
	height: 87px;
	margin-left: 1em
}

.teasers {
	width: 100%;
	margin: 2em 0 1em 0;
	padding: 0 0.5em;
	position: relative;
	z-index: 4;
	font-family: var(--font__regular);
	font-weight: 300
}

.teasers .big-logo {
	display: none
}

.teasers .teaser {
	display: block;
	float: left;
	color: var(--color__green);
	text-align: center;
	line-height: 1.1;
	font-size: 0.9em
}

.teasers .teaser .title {
	margin-bottom: 0.2em;
	font-size: 2em;
	color: var(--color__gray)
}

.teasers .teaser .subtitle {
	font-size: 1em;
	color: var(--color__gray);
	line-height: 1.4
}

.teasers .teaser .content {
	margin-top: 1em;
	font-size: 1em;
	line-height: 1.3
}

.teasers .slick-dots {
	margin-top: 1em;
	text-align: center
}

.teasers .slick-dots li {
	display: inline-block;
	margin-left: 0.4em
}

.teasers .slick-dots li:first-child {
	margin-left: 0
}

.teasers .slick-dots li button {
	display: block;
	width: 3rem;
	height: 0.5rem;
	cursor: pointer;
	background-color: var(--color__green-light);
	border: 0 none;
	font-size: 0;
	line-height: 0
}

.teasers .slick-dots li.slick-active button {
	background-color: var(--color__green)
}

.teasers .t-websi {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	width: 200px;
	height: 200px;
	text-align: right
}

@media (max-width: 1140px) {
	.teasers .t-websi {
		display: none
	}
}

.teasers .t-websi span {
	text-align: center;
	display: block;
	margin-bottom: 0.2rem;
	font-size: 1rem;
	letter-spacing: 0.04em;
	font-weight: 600;
	text-transform: uppercase
}

.teasers .t-websi .websi-logo {
	position: absolute;
	top: 50%;
	right: 0.875rem;
	transform: translateY(-50%);
	display: inline-block
}

.teasers .t-websi .websi-logo .desktop img {
	display: block
}

.runs-list {
	width: 100%;
	padding: 0 0.5em;
	margin-top: 1em;
	font-family: var(--font__condensed);
}


.runs-list.halfSize {
	display: none
}

.runs-list .list {
	overflow: hidden
}

.runs-list .run {
	display: block;
	padding: 0.8em 0.5em;
	margin-bottom: 0.2em;
	position: relative;
	overflow: hidden;
	color: var(--color__green);
	background-color: var(--color__green-light)
}

.runs-list .run .title,
.runs-list .run .distance,
.runs-list .run .info {
	position: relative;
	z-index: 10
}

.runs-list .run .title {
	display: inline-block;
	text-transform: uppercase;
	font-weight: 700
}

.runs-list .run .title b:after {
	content: " "
}

.runs-list .run .title:before {
	content: "> "
}

.runs-list .run .distance {
	display: inline-block;
	margin-left: 1em
}

.lang_de .runs-list .run .distance {
	margin-left: 0.5em
}

.runs-list .run .info {
	display: none
}

.runs-list .run .info > * + * {
	margin-top: 0.5em
}

.runs-list .run:before {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	content: "";
	background-color: var(--color__green);
	transform: translateX(-100%);
	transition: transform 0.2s linear
}

.runs-list .run.active,
.runs-list .run:hover {
	color: #fff
}

.runs-list .run.active:before,
.runs-list .run:hover:before {
	transform: translateX(0)
}

.runs-list .run.subs {
	background-color: #fff;
	padding: 0
}

.runs-list .run.subs.active,
.runs-list .run.subs:hover {
	color: var(--color__green)
}

.runs-list .run.subs.active:before,
.runs-list .run.subs:hover:before {
	transform: translateX(-100%)
}

.runs-list .run.subs .run-sub {
	display: block;
	padding: 0.8em 0.5em;
	margin-bottom: 0.2em;
	position: relative;
	background-color: var(--color__green-light)
}

.runs-list .run.subs .run-sub:before {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	content: "";
	background-color: var(--color__green);
	transform: translateX(-100%);
	transition: transform 0.2s linear
}

.runs-list .run.subs .run-sub.active,
.runs-list .run.subs .run-sub:hover {
	color: #fff
}

.runs-list .run.subs .run-sub.active:before,
.runs-list .run.subs .run-sub:hover:before {
	transform: translateX(0)
}

.runs-list .signup-buttons {
	margin-top: 1em;
	text-align: center
}

.signup-buttons {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	font-family: var(--font__condensed);
	text-align: center;
	font-size: 1.3rem
}

.signup-buttons a {
	position: relative;
	display: inline-block;
	height: 2em;
	padding: 0 3em 0 1.5em;
	line-height: 2em;
	background-color: var(--color__green);
	color: #fff;
	transition: background-color 0.2s linear
}

.signup-buttons a {
	margin-left: 0;
	text-align: center;
}

.signup-buttons a:hover {
	background-color: var(--color__green-dark);
}


.home .signup-buttons {
	justify-content: center
}

	.home .signup-buttons a {
		width: 14em;
		margin-left: 0.25em;
		margin-right: 0.25em
	}

.tekmuj-sam {
	display: none;
	width: 120%;
	height: 6em;
	margin-top: 2em;
	position: relative;
	z-index: 100;
	background: transparent url('/img/w600-h140-c60x14/images/tekmuj_sam_s_seboj.jpg') no-repeat center center;
	background-size: content;
	color: #fff;
	text-align: center;
	font-size: 1.3em;
	font-weight: 400;
	box-shadow: inset 0px 0px 9px 0px rgba(0, 0, 0, 0.8);
	transform: translateX(-10%) rotate(-3deg)
}

.tekmuj-sam div {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 50%;
	text-align: right;
	padding-right: 12%;
	line-height: 1.2;
	font-family: var(--font__regular);
}

.tekmuj-sam div p {
	display: block;
	text-shadow: 2px 2px #000
}

.statistika {
	max-width: 23em;
	margin: 0 auto 0 auto;
	font-size: 0.9em;
	color: var(--color__green)
}

.statistika .stats .stat {
	overflow: hidden
}

.statistika .stats .stat .label {
	width: 85%;
	float: left
}

.statistika .stats .stat .label:after {
	content: ":"
}

.statistika .stats .stat .count {
	width: 15%;
	float: left;
	text-align: right
}

.statistika .stats .stat.sum {
	font-size: 1.4em
}

.single-news {
	padding: 2em;
	transition: background-color 0.2s linear
}

.single-news .news-inner {
	display: block
}

.single-news:first-child {
	display: block
}

.single-news .title {
	margin-bottom: 0.5em;
	text-transform: uppercase;
	color: var(--color__green);
	font-weight: 700;
	font-size: 1.2em;
	line-height: 1.2
}

.lang_de .single-news .title {
	font-size: 1em
}

.single-news .intro {
	color: var(--color__gray);
	font-size: 0.9em
}

.single-news:hover {
	background-color: var(--color__green-light)
}

.news-headlines {
	display: none;
	margin-top: 2em;
	margin-bottom: 1em;
	padding: 1em 0.5em 0 0.5em;
	border-top: 1px solid var(--color__green)
}

.news-headlines .single-news {
	display: none
}

.news-headlines .single-news .section-title {
	display: none
}

.news-badge {
	display: inline-block;
	padding: 0.3em 0.7em;
	border-radius: 0.3em;
	background-color: #9fd8c8;
	font-size: 0.8rem;
	text-transform: uppercase
}

.share-date {
	margin-top: 1em;
	display: flex;
	align-items: stretch
}

.share-date .icon-wrap {
	flex: 0 1 auto;
	padding: 0.5em 0 0 0.3em;
	background-color: var(--color__green);
	color: #fff
}

.share-date .timestamp {
	flex: 1 0 auto;
	padding: 0.25em 0.5em 0.25em 0.5em;
	background-color: var(--color__green);
	color: #fff;
	text-transform: lowercase;
	font-size: 1em;
	font-weight: 400;
	font-family: var(--font__condensed);
	text-align: left
}

.share-date .separator {
	position: relative;
	width: 0.5em;
	flex: 0 0 auto;
	background-color: #054230
}

.share-date .separator:after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	font-family: 'mts';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\e601";
	color: var(--color__green);
	font-size: 3em;
	transform: translate(-0.35em, -0.19em)
}

.share-date .share-networks {
	width: auto;
	height: auto;
	flex: 0 0 auto;
	padding: 0.35em 0.5em 0 1.2em
}

.share-networks {
	width: 45%;
	height: 100%;
	float: left;
	display: inline-block;
	padding-left: 1.5em;
	background-color: #054230;
	color: #fff;
	text-align: center
}

.share-networks .share-network {
	display: inline-block;
	margin-left: 0.5em
}

.share-networks .share-network:first-child {
	margin-left: 0
}

.share-networks .share-network.facebook:hover {
	color: var(--color__facebook)
}

.share-networks .share-network.twitter:hover {
	color: var(--color__twitter)
}


.social-feeds {
	display: none
}

.article-gallery {
	width: 100%;
	margin: 2em 0;
	padding: 0 0.5rem
}

.article-gallery img {
	display: block
}

.inlineImage {
	display: block;
	margin: 1em 0
}

.gallery {
	padding: 1.5em 0.5em 2.5em 0.5em;
	margin-top: 2em;
	font-size: 1.5em;
	background-color: var(--color__green-light3)
}

.gallery .title {
	margin-bottom: 0.5em;
	color: #9fd8c8;
	font-weight: 700;
	font-size: 1.2em;
	text-transform: uppercase;
	line-height: 1
}

.gallery .title b {
	display: block;
	color: var(--color__green);
	text-transform: initial
}

.gallery .title b span:before {
	content: " "
}

.lang_de .gallery .title {
	font-size: 6.9vw
}

.gallery .images {
	width: 100%;
	height: 200px
}

.gallery .images:before,
.gallery .images:after {
	content: " ";
	display: table
}

.gallery .images:after {
	clear: both
}

.gallery .images {
	*zoom: 1
}

.gallery .images .set {
	height: 200px;
	display: inline-block;
	float: left;
	margin-right: 5px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center
}

.gallery .images .set.label {
	display: none
}

.gallery .images .set.n1 {
	width: 250px
}

.gallery .images .set.n2 {
	width: 500px
}

.gallery .images .set.n3 {
	width: 350px
}

.gallery .images .set.n4 {
	width: 200px
}

.gallery .images .set.n5 {
	width: 300px
}

.gallery .images .set.n6 {
	width: 400px
}

.gallery .images .set.n7 {
	width: 150px
}

.gallery .images .set.n8 {
	width: 250px
}

.gallery .images .set.n9 {
	width: 400px
}

.gallery .images .set.n10 {
	width: 300px
}

.event-stats {
	display: none
}

.newsletter {
	margin-top: 4em;
	padding: 3em 0.5em;
	position: relative;
	background-color: var(--color__green);
}

.home .newsletter {
	margin-top: 0
}

.home .newsletter {
	padding: 3em 0.5em
}

.newsletter .title {
	margin-bottom: 0.5em;
	color: #fff;
	font-size: 1.4em;
	font-weight: 700;
	text-align: center
}

.newsletter .newsletter-form {
	position: relative;
	z-index: 2
}

.newsletter .status {
	text-align: center;
	color: #fff;
	font-size: 1em
}

.newsletter .status.error {
	color: var(--color__yellow)
}

.newsletter .input-wrap {
	position: relative
}

.newsletter .input-wrap .email {
	width: 100%;
	padding: 0.4em 3.5em 0.4em 0.6em;
	line-height: 1.4;
	color: #fff;
	font-family: var(--font__regular);
	font-weight: 300;
	border: 1px solid #fff;
	background-color: transparent;
	outline: 0
}

.newsletter .input-wrap .email::-webkit-input-placeholder {
	color: #fff
}

.newsletter .input-wrap .email:-moz-placeholder {
	color: #fff;
	opacity: 1
}

.newsletter .input-wrap .email::-moz-placeholder {
	color: #fff;
	opacity: 1
}

.newsletter .input-wrap .email:-ms-input-placeholder {
	color: #fff
}

.newsletter .input-wrap .email:focus {
	background-color: var(--color__green)
}

.newsletter .input-wrap .submit {
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 3em;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	cursor: pointer;
	-webkit-transition: background-color 0.2s linear;
	transition: background-color 0.2s linear
}

.newsletter .input-wrap .submit:after {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	padding-top: 0.2em;
	font-family: 'mts';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\f003";
	color: #fff;
	font-size: 1.5em;
	text-align: center
}

.newsletter .input-wrap .submit.waiting {
	background-color: var(--color__gray)
}

.newsletter .input-wrap:hover .submit {
	background-color: var(--color__green-dark)
}

.newsletter .tos {
	margin-top: 0.5em;
	padding: 0.5em 0;
	font-size: 0.7em;
	text-align: center;
	color: #fff;
	line-height: 1.2
}

.newsletter .tos a {
	text-decoration: underline
}

.newsletter .tos.error {
	outline: 1px solid var(--color__yellow)
}

.trase {
	display: none
}

.nordijskaHoja_opozorilo {
	font-size: 1em;
	padding: 0.8em;
	background-color: var(--color__green);
	color: #fff
}

.main-footer {
	margin-top: 3em;
	padding-top: 2em;
	border-top: 1px solid var(--color__green)
}

.rezultati .main-footer,
.prijave .main-footer,
.live .main-footer {
	margin-top: 7em
}

.main-footer .info {
	color: var(--color__gray);
	font-weight: 300;
	text-align: center
}

.main-footer .info .column {
	margin-bottom: 1em
}

.main-footer .info .column a {
	color: var(--color__green);
	line-height: 1.4
}

.main-footer .info .column .iban-naslov {
	margin-top: 0.8rem
}

.main-footer .info .title {
	text-transform: uppercase;
	font-size: 1.4em
}

.main-footer .social {
	width: 100%;
	height: auto;
	margin-top: 0.4em;
	float: none;
	font-size: 2em;
	text-align: center;
	max-width: var(--maxInnerWidth);
	margin: 0.4em auto
}

.main-footer .social .app-links {
	width: 100%;
	display: inline-block
}

.main-footer .social .social-links {
	width: 100%;
	display: inline-block
}

.main-footer .social .div-block {
	width: 100%;
	display: inline-block
}

.main-footer .social a {
	margin-left: 0.3em
}

.main-footer .copyright {
	margin-top: 2em;
	margin-bottom: 2em;
	font-size: 0.7rem;
	color: var(--color__green);
	text-align: center
}

.main-footer .copyright .frontlab {
	color: #ff3296;
	text-transform: uppercase
}

.main-footer .footer__medijsko {
	padding: 0.5em 1.5em;
	background-color: var(--color__green);
	color: #fff;
	font-size: 1rem;
	text-transform: uppercase;
	transition: background-color 0.2s
}

.main-footer .footer__medijsko:hover {
	background-color: var(--color__green-dark)
}

@media (min-width:1050px) {
	.main-footer .footer__medijsko {
		font-size: 1.5rem
	}
}

.footerNew {
	padding: 1em 1em 0 1em
}

@media (min-width: 23em) {
	.footerNew {
		padding-left: 1.5em;
		padding-right: 1.5em
	}
}

.footerNew.main-footer {
	margin-top: 1em;
	border-top: 0
}

.footerNew .infoNew {
	color: var(--color__gray);
	text-align: center;
	position: relative;
	padding-top: 2em
}

.footerNew .infoNew:after {
	content: '';
	display: block;
	width: 80%;
	height: 1px;
	background-color: var(--color__green);
	transform: translateX(-50%);
	left: 50%;
	top: 0;
	position: absolute
}

@media (min-width:768px) {
	.footerNew.main-footer {
		margin-top: 4em
	}
}

@media (min-width: 1140px) {
	.footerNew .infoNew {
		max-width: var(--maxInnerWidth);
		margin-left: auto;
		margin-right: auto
	}
}

@media (min-width: 1270px) {
	.footerNew .social {
		position: relative
	}

	.footerNew .social .space-holder {
		position: absolute;
		top: 50%;
		transform: translate(-50%, -50%);
		left: calc(50% - 8em)
	}

	.footerNew .social .social-links .sl-holder .innerr>a {
		font-size: 1.1em
	}
}

.infoNew--address {
	font-size: 1.2em
}

.infoNew--address strong {
	display: block
}

.infoNew--bank {
	margin-top: 1.5rem
}

.infoNew--contact {
	margin-top: 1.5rem
}

#map-canvas img {
	max-width: none
}

.title-breadcrumbs {
	display: none;
	margin-top: 1rem;
	padding: 0 0.5em 0 0.5em;
	color: var(--color__green);
	border-bottom: 1px solid var(--color__green-light);
	font-family: var(--font__condensed);
}

.title-breadcrumbs:before,
.title-breadcrumbs:after {
	content: " ";
	display: table
}

.title-breadcrumbs:after {
	clear: both
}

.title-breadcrumbs {
	*zoom: 1
}

.title-breadcrumbs .title {
	float: left;
	text-transform: lowercase;
	font-size: 1.4em
}

.lang_de .title-breadcrumbs .title {
	text-transform: initial
}

.title-breadcrumbs .breadcrumbs {
	float: right;
	font-size: 0.8em;
	line-height: 1.3;
	transform: translateY(-0.4rem)
}

.title-breadcrumbs .breadcrumbs .bc-home-logo {
	width: 3rem;
	height: 2rem;
	transform: translateY(0.4rem)
}

.safari.p_mac .title-breadcrumbs .breadcrumbs span {
	display: inline-block;
	vertical-align: middle;
	margin: 0.3rem 0.4rem 0 0.4rem
}

.title-breadcrumbs .breadcrumbs a {
	display: inline-block;
	max-width: 6em;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	transform: translateY(0.2em);
	text-transform: lowercase
}

.lang_de .title-breadcrumbs .breadcrumbs a {
	text-transform: initial
}

.title-breadcrumbs .breadcrumbs a:hover {
	color: #054230
}

.title-breadcrumbs.breadcrumbs2024 .inner {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding-bottom: 1.2em
}

.title-breadcrumbs.breadcrumbs2024 .breadcrumbs {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	transform: none !important;
	font-weight: 600
}

.title-breadcrumbs.breadcrumbs2024 .breadcrumbs>span {
	height: 0.7em;
	margin: 0 0.5em
}

.title-breadcrumbs.breadcrumbs2024 .breadcrumbs .bcHomeIcon {
	color: var(--color__green);
	width: 2rem;
	height: 2rem
}

.title-breadcrumbs.breadcrumbs2024 .breadcrumbs .bcHomeIcon .icon {
	width: 100% !important;
	height: 100% !important;
	transform: none !important
}

.main-article h1,
.main-article time,
.main-article .main>.share-networks,
.main-article .content {
	padding: 0 0.5rem
}

.main-article h1 {
	margin: 0.5em 0 1.5em 0;
	color: var(--color__green);
	font-family: var(--font__regular);
	font-weight: 300;
	line-height: 1.1;
	text-align: center
}

.main-article h2 {
	margin-bottom: 0.5em;
	line-height: 1.2;
	color: var(--color__green);
	font-family: var(--font__regular);
	text-align: center;
	font-weight: 300
}

.main-article.general h2 {
	margin-top: 1em;
	text-align: left
}

.main-article.general h3 {
	margin-top: 1em;
	margin-bottom: 0.7em;
	color: var(--color__green);
	font-size: 1.2em;
	font-weight: 400;
	text-align: left
}

.main-article .content {
	color: #000;
	font-size: 0.9em;
	font-weight: 300
}

.main-article .content strong,
.main-article .content b {
	font-weight: 400
}

.main-article .content ul {
	margin-left: 2em;
	list-style: none
}

.main-article .content ul li {
	position: relative
}

.main-article .content ul li:before {
	position: absolute;
	left: -0.7em;
	top: 0em;
	content: "•";
	font-size: 1.5em;
	line-height: 1;
	color: #9fd8c8
}

.main-article .content p,
.main-article .content table,
.main-article .content ul,
.main-article .content ol {
	margin-bottom: 0.66em
}

.main-article .content p a,
.main-article .content table a,
.main-article .content ul a,
.main-article .content ol a {
	color: var(--color__green);
	text-decoration: underline;
	text-underline-offset: 3px;
	text-decoration-thickness: 1px
}

.main-article .content p a:hover,
.main-article .content table a:hover,
.main-article .content ul a:hover,
.main-article .content ol a:hover {
	color: #9fd8c8
}

.main-article .content ol {
	margin-left: 2em
}

.main-article .content table {
	max-width: 500px;
	width: 100%
}

.main-article.not-found h1 {
	text-align: left
}

.main-article.not-found .content {
	padding: 0 0.5rem
}

.main-article.signupMain .content *+h3 {
	margin-top: 1.5em
}

.main-article.signupMain .content h3 {
	margin-bottom: 0.4em
}

.main-article.signupMain .content table {
	max-width: 100%;
	width: 100%
}

.runners-info h2 {
	margin-top: 1.3em;
	font-size: 1.4em;
	text-align: left;
	text-transform: uppercase
}

.runners-info .intro {
	margin-bottom: 3em;
	text-align: center;
	color: var(--color__green);
	color: var(--color__green-dark2);
	text-align: left
}

.runners-info .intro .set {
	display: block
}

.runners-info .intro .set b,
.runners-info .intro .set strong {
	font-size: 1.4em;
	font-weight: 300
}

.runners-info .intro .set b i,
.runners-info .intro .set strong i,
.runners-info .intro .set b em,
.runners-info .intro .set strong em {
	font-weight: 300;
	font-style: normal;
	font-size: 0.7em
}

.razpis {
	display: block
}

.razpis p {
	text-align: center;
	display: inline-block
}

.razpis p a {
	display: inline-block;
	padding: 0.5em 1.5em;
	background-color: var(--color__green);
	color: #fff;
	font-weight: 300;
	font-size: 1.3rem;
	line-height: 2em;
	text-decoration: none !important;
	transition: background-color 0.2s linear
}

.razpis p a:hover {
	color: #fff;
	background-color: var(--color__green-dark)
}

.about .content {
	max-width: var(--maxInnerWidth);
	margin: 0 auto
}

.about .content a {
	color: var(--color__green)
}

.about .content .intro {
	text-align: center;
	color: var(--color__green);
	color: var(--color__green-dark2);
	text-align: left
}

.about .content .intro .set {
	display: block
}

.about .content .intro .set b,
.about .content .intro .set strong {
	font-size: 1.4em;
	font-weight: 300;
	color: var(--color__green-dark2)
}

.about .content .intro .set b i,
.about .content .intro .set strong i,
.about .content .intro .set b em,
.about .content .intro .set strong em {
	font-weight: 300;
	font-style: normal;
	font-size: 0.7em;
	color: var(--color__green-dark2)
}

.about .content .discipline {
	margin-top: 2em
}

.about .content .discipline h2 {
	font-size: 1.1em;
	text-align: left;
	font-weight: 300;
	color: #383838
}

.about .content .discipline h2:nth-of-type(2) {
	margin-top: 2em
}

.about .content .discipline a {
	display: inline-block;
	font-size: 1.1em;
	margin-bottom: 0.5rem;
	font-weight: 300;
	text-decoration: none
}

.about .content .discipline .column {
	width: 100%;
	margin-top: 2em;
	text-align: left
}

.about .content .nagrade {
	margin-top: 2em;
	padding-top: 2em;
	border-top: 1px solid #9fd8c8
}

.about .content .nagrade .nagrada {
	margin-bottom: 1em;
	font-weight: 300
}

.about .content .nagrade .nagrada b,
.about .content .nagrade .nagrada strong {
	font-size: 1.4em;
	font-weight: 300
}

.about .content .informacije {
	margin-top: 2em;
	padding-top: 2em;
	border-top: 1px solid #9fd8c8;
	font-weight: 300
}

.about .content .informacije .informacija {
	margin-bottom: 0.66em;
	margin-left: 0
}

.about .content .program {
	position: relative;
	margin-top: 2em;
	padding: 1em;
	background-color: var(--color__green);
	color: #fff
}

.about .content .program h2 {
	position: relative;
	margin-bottom: 2em;
	font-family: var(--font__regular);
	font-size: 1.8em;
	color: #fff
}

.about .content .program h2:after {
	position: absolute;
	left: 30%;
	bottom: -1em;
	width: 40%;
	height: 0.3rem;
	background-color: #fff;
	content: ""
}

.about .content .program .column {
	width: 100%
}

.about .content .program .column .set {
	overflow: hidden
}

.about .content .program .column .set b,
.about .content .program .column .set strong {
	display: block;
	width: 20%;
	float: left
}

.about .content .program .column .set span {
	display: block;
	width: 80%;
	float: left;
	font-weight: 300
}

.about .content .program .column .set em {
	font-style: normal;
	font-weight: 600
}

.about .content .program:after {
	position: absolute;
	width: 100%;
	height: 100%;
	right: 5%;
	bottom: 5%;
	z-index: 1;
	background: url('/images/mts_tekaca_bela.svg') no-repeat right bottom;
	background-size: 100% auto;
	content: "";
	opacity: 0.1
}

.about .content .razpis {
	text-align: left;
	margin-bottom: 0.5rem
}

.about .content .razpis a {
	color: #fff;
	font-weight: 300;
	font-family: var(--font__regular);
}

.about .content .razpis a:hover {
	color: #fff
}

@media (max-width:1139px) {
	.prijave .main-article .sidebar .razpis {
		text-align: center !important
	}
}

@media (min-width:1140px) {
	.prijave .main-article .sidebar .razpis p {
		text-align: center;
		display: block
	}
}

.contact .content {
	max-width: var(--maxInnerWidth);
	margin: 0 auto
}

.contact .content a {
	color: var(--color__green)
}

.contact .content .intro {
	text-align: center;
	color: var(--color__green)
}

.contact .content .intro .set {
	display: block
}

.contact .content .intro .set b,
.contact .content .intro .set strong {
	font-size: 1.4em;
	font-weight: 300
}

.contact .content .intro .set b i,
.contact .content .intro .set strong i,
.contact .content .intro .set b em,
.contact .content .intro .set strong em {
	font-weight: 300;
	font-style: normal;
	font-size: 0.7em
}

.contact .content .kontakt {
	margin-top: 3em
}

.contact .content .kontakt .form {
	margin-top: 2em
}

.contact .content .kontakt textarea {
	min-height: 6em
}

.contact .content .kontakt input.error,
.contact .content .kontakt textarea.error {
	border-color: var(--color__red);
	box-shadow: inset 0px 0px 5px 0px rgba(238, 42, 46, 0.75)
}

.contact .content .kontakt .submit-wrap {
	margin-top: 2em;
	margin-left: 35%;
	text-align: center
}

.contact .content .kontakt .submit-wrap .submit {
	display: inline-block;
	padding: 0.3em 1.5em;
	background-color: var(--color__green);
	color: #fff;
	text-transform: uppercase;
	font-size: 1.5em;
	cursor: pointer;
	transition: background-color 0.2s linear
}

.contact .content .kontakt .submit-wrap .submit:hover {
	background-color: var(--color__green-dark)
}

.contact .content .kontakt .status {
	margin-top: 0.66em;
	text-align: center;
	color: var(--color__green)
}

.contact .content .kontakt .status.error {
	color: var(--color__red)
}

.payment .content {
	max-width: var(--maxInnerWidth);
	margin: 0 auto
}

.payment .content a {
	color: var(--color__green)
}

.payment .content .intro {
	text-align: center;
	color: var(--color__green)
}

.payment .content .intro .set {
	display: block
}

.payment .content .intro .set b,
.payment .content .intro .set strong {
	font-size: 1.4em;
	font-weight: 300
}

.payment .content .intro .set b i,
.payment .content .intro .set strong i,
.payment .content .intro .set b em,
.payment .content .intro .set strong em {
	font-weight: 300;
	font-style: normal;
	font-size: 0.7em
}

.payment .content .payment-data {
	margin-top: 3em
}

.payment .content .payment-data .form {
	margin-top: 2em
}

.payment .content .payment-data textarea {
	min-height: 6em
}

.payment .content .payment-data input.error,
.payment .content .payment-data textarea.error {
	border-color: var(--color__red);
	box-shadow: inset 0px 0px 5px 0px rgba(238, 42, 46, 0.75)
}

.payment .content .payment-data .submit-wrap {
	margin-top: 2em;
	margin-left: 35%;
	text-align: center
}

.payment .content .payment-data .submit-wrap .submit {
	display: inline-block;
	padding: 0.3em 1.5em;
	background-color: var(--color__green);
	color: #fff;
	text-transform: uppercase;
	font-size: 1.5em;
	cursor: pointer;
	transition: background-color 0.2s linear
}

.payment .content .payment-data .submit-wrap .submit:hover {
	background-color: var(--color__green-dark)
}

.payment .content .payment-data .submit-wrap .submit.waiting {
	background-color: var(--color__gray)
}

.payment .content .payment-data .status {
	margin-top: 0.66em;
	text-align: center;
	color: var(--color__green)
}

.payment .content .payment-data .status.error {
	color: var(--color__red)
}

.payment .form__status {
	width: 100%;
	margin: 0.7em 0;
	display: none
}

.payment .form__status.error {
	display: block;
	color: var(--color__red)
}

.payment .form__status.error p {
	color: var(--color__red)
}

.payment .submit-wrap {
	width: 100%;
	margin-top: 2em;
	text-align: left;
	white-space: nowrap
}

.payment .submit-wrap .submit {
	display: inline-block;
	padding: 0.3em 1.5em;
	width: 100%;
	background-color: var(--color__green);
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	font-size: 1.5em;
	cursor: pointer;
	transition: background-color 0.2s linear
}

.payment .submit-wrap .submit:hover {
	background-color: var(--color__green-dark)
}

.payment .submit-wrap .submit.waiting {
	background-color: var(--color__gray);
	cursor: default
}

.sponzorji-wrap {
	margin-top: 4em
}

.sponzorji-wrap .sponsors {
	margin-bottom: 2em;
	text-align: center
}

.sponzorji-wrap .sponsors svg {
	display: inline-block;
	width: 360px;
	height: 266px;
	fill: #000;
	stroke: #000;
	opacity: 0.5
}

.sponzorji-wrap .sponsors svg:hover {
	opacity: 1
}

.sponzorji-wrap img {
	opacity: 0.8
}

.edge .sponzorji-wrap img {
	filter: gray
}

.edge .sponzorji-wrap img:hover {
	opacity: 1;
	filter: none
}

.sponzorji-wrap .group {
	margin-top: 2em
}

.sponzorji-wrap .group h2 {
	margin-bottom: 2em;
	position: relative;
	font-size: 1.5em;
	color: var(--color__gray);
	text-transform: lowercase;
	font-family: var(--font__regular);
}

.lang_de .sponzorji-wrap .group h2 {
	text-transform: initial
}

.sponzorji-wrap .group h2:after {
	position: absolute;
	left: 20%;
	bottom: -1em;
	width: 60%;
	height: 1px;
	z-index: 10;
	background-color: var(--color__gray);
	content: ""
}

.sponzorji-wrap .group .sets {
	text-align: center
}

.sponzorji-wrap .group .sets .set {
	display: block;
	width: 100%;
	margin-bottom: 1em;
	position: relative;
	background-color: #fff
}

.sponzorji-wrap .group .sets .set .image {
	background-color: #fff
}

.sponzorji-wrap .group .sets .set:after {
	position: absolute;
	width: 60%;
	height: 1px;
	left: 20%;
	bottom: 0;
	z-index: 10;
	content: "";
	background-color: var(--color__silver)
}

.sponzorji-wrap .group .sets .set:last-child:after {
	display: none
}

.sponzorji-wrap .group .sets .set img {
	display: inline-block;
	padding-top: 1em;
	mix-blend-mode: luminosity
}

.sponzorji-wrap .group .sets .set:hover img {
	opacity: 1;
	mix-blend-mode: normal
}

@media (min-width: 0px) and (max-width: 480px) {
	.sponzorji-wrap .sponsors svg {
		max-width: 48%;
		display: inline-block
	}

	.sponzorji-wrap .group .sets .set {
		display: inline-block;
		vertical-align: bottom;
		width: 45%;
		max-height: 100px;
		height: 100px
	}

	.sponzorji-wrap .group .sets .set:nth-child(odd):before {
		position: absolute;
		width: 1px;
		height: 60%;
		right: 0;
		bottom: 20%;
		content: "";
		background-color: var(--color__silver);
		z-index: 10
	}

	.sponzorji-wrap .group .sets .set:last-of-type:before {
		display: none;
		z-index: 10
	}

	.sponzorji-wrap .group .sets .set a {}

	.sponzorji-wrap .group .sets .set a img {
		max-height: 100%;
		max-width: 100%;
		padding: 1rem;
		transform: translateY(-50%);
		margin-top: 33%
	}
}

.novica h1 {
	margin-bottom: 0.66em;
	text-transform: uppercase;
	font-weight: 600
}

.novica time {
	display: block;
	text-align: center;
	font-size: 1.2em;
	color: #9fd8c8;
	padding-right: 0 !important
}

.novica .main .share-networks {
	display: block;
	float: none;
	padding-left: 0;
	width: auto;
	height: auto;
	margin: 0;
	background-color: transparent;
	color: #9fd8c8;
	font-size: 2.4em
}

.novica .main .share-networks .label {
	display: none
}

.novica .content {
	margin-top: 1em
}

.novica .side-list {
	display: none
}

.news__info {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	gap: 0.5em
}

.runs .trasa {
	height: 400px;
	position: relative;
	margin-bottom: 1em
}

.runs .trasa .map {
	height: 100%
}

.runs .trasa .legendChildren {
	position: absolute;
	top: 0.5em;
	right: 0;
	z-index: 100;
	width: 8em;
	text-align: right
}

.runs .trasa .legendChildren .run {
	display: inline-block;
	padding: 0.3em 0.8em;
	margin-bottom: 0.3em;
	color: #fff;
	font-weight: 600
}

.runs .trasa .legendChildren .run.run1000 {
	background-color: var(--color__orange)
}

.runs .trasa .legendChildren .run.run600 {
	background-color: #3faee4
}

.runs .trasa .legendChildren .run.run300 {
	background-color: #e21a6c
}

.runs .trasa .legend {
	position: absolute;
	left: 0;
	top: 10%;
	z-index: 100;
	transform: translateX(-100%);
	transition: transform 0.2s linear
}

.runs .trasa .legend .title {
	text-transform: lowercase;
	text-align: right;
	font-size: 1.7em;
	font-weight: 700;
	color: var(--color__green-dark);
	line-height: 1
}

.runs .trasa .legend .data {
	position: relative;
	padding: 0.5rem 0.8rem 0.5rem 0.5rem;
	background-color: #fff;
	color: var(--color__green);
	font-family: var(--font__condensed);
	font-size: 1.3em;
	font-weight: 700
}

.runs .trasa .legend .data>div {
	margin-left: 1em;
	position: relative
}

.runs .trasa .legend .data>div:before {
	margin-right: 0.5em;
	font-family: 'mts';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: var(--color__green)
}

.runs .trasa .legend .data>div.elevation:before {
	content: "\e605"
}

.runs .trasa .legend .data>div.elevation-delta:before {
	content: "\e606"
}

.runs .trasa .legend .data>div.temperature:before {
	content: "\e600"
}

.runs .trasa .legend .data>div.humidity:before {
	content: "\e607"
}

.runs .trasa .legend .data>div:hover .tooltip {
	display: block
}

.runs .trasa .legend .data .tooltip {
	display: none;
	position: absolute;
	left: 110%;
	top: 0;
	padding: 0.5em;
	width: 14em;
	z-index: 100;
	font-weight: 300;
	line-height: 1.2;
	font-size: 0.8em;
	background-color: rgba(20, 144, 108, 0.9);
	color: #fff
}

.runs .trasa .legend .trigger {
	width: 2.5rem;
	height: 2.6rem;
	position: absolute;
	right: 0;
	top: 0;
	overflow: hidden;
	padding-top: 0;
	transform: translateX(100%);
	background-color: #fff;
	color: var(--color__green);
	text-align: center;
	font-size: 2.7rem;
	cursor: pointer
}

.runs .trasa .legend .trigger .icon-arrowright {
	transition: transform 0.2s linear
}

.runs .trasa .legend.active {
	transform: translateX(0)
}

.runs .trasa .legend.active .trigger .icon-arrowright {
	transform: rotate(180deg)
}

.runs .main-article .intro {
	padding: 0 0.5em;
	margin-bottom: 1em;
	font-weight: 300;
	text-align: center
}

.runs .main-article .intro span {
	display: block
}

.runs .main-article .intro span.trase__logo {
	display: none
}

.runs .main-article .description {
	padding: 0 0.5em;
	color: var(--color__gray);
	font-size: 1.1em
}

.runs .main-article .description ul {
	margin: 2em 0 3em 0;
	list-style: none;
	font-size: 1.2em
}

.runs .sponsors {
	margin-top: 2em;
	text-align: center
}

.runs .sponsors svg {
	fill: #000;
	stroke: #000
}

.trasa--unloaded {
	height: 200px
}

.trasa--unloaded .map {
	overflow: hidden
}

.trasa--unloaded .map>img {
	height: 100%;
	object-fit: cover
}

#btnLoadMap {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding: 0.5em 1.5em;
	background-color: var(--color__green);
	color: #fff;
	font-size: 1.5rem;
	font-weight: normal;
	font-family: var(--font__condensed);
	text-transform: uppercase;
	transition: background-color 0.2s;
	border: none;
	box-shadow: #26394d 0px 20px 30px -10px
}

.prijave .main-article .content {
	text-align: center
}

.prijave .main-article .intro {
	padding: 0.5em 0.5em;
	margin-bottom: 0.5em;
	font-size: 1.3em;
	color: var(--color__green);
	text-align: center
}

.prijave .main-article .sub-intro {
	text-align: left !important;
	max-width: 100% !important;
	margin-left: 0 !important;
	margin-right: auto !important
}

.prijave .main-article .sidebar {
	margin-bottom: 2em;
	font-size: 1.2em
}

.prijave .main-article .sidebar .razpis {
	margin-bottom: 0.5em;
	text-align: left
}

.prijave .main-article .sidebar .razpis a {
	text-align: center;
	color: #fff;
	font-weight: 300;
	font-family: var(--font__regular);
	font-size: 1em
}

.prijave .main-article .sidebar .razpis a:hover {
	color: #fff
}

.prijave .main-article .sidebar .signup-buttons {
	font-size: 1em
}



.prijave .main-article .sidebar .list {
	text-align: left;
	margin-bottom: 0.5em;
	text-transform: uppercase;
	display: flex;
	flex-direction: column;
	align-items: center
}

.prijave .main-article .sidebar .list a {
	position: relative;
	display: inline-block;
	height: 2em;
	padding: 0 1.5rem;
	font-size: 1em;
	line-height: 2em;
	background-color: var(--color__green);
	color: #fff;
	text-align: center;
	transition: background-color 0.2s linear
}

.prijave .main-article .sidebar .list a:hover {
	background-color: var(--color__green-dark)
}

.prijave .main-article .sidebar .list a:not(:last-child) {
	margin-bottom: 0.5em
}

.prijave .main-article .sidebar .list .priceList {
	background-color: #9fd8c8;
	color: var(--color__green-dark)
}

.prijave .main-article .sidebar .list .priceList:hover {
	color: #fff
}

.prijave .main-article.prijave-intro .content {
	text-align: left
}

.prijave .main-article.prijave-intro .content .soon {
	text-align: left
}

.prijave .main-article.prijave-intro .content .intro {
	margin-bottom: 0;
	color: var(--color__gray)
}

.prijave .main-article.prijave-intro .content .intro p {
	margin-bottom: 0
}

@media (min-width:1050px) {
	.prijave .main-article.prijave-intro .content .intro {
		max-width: 60%;
		margin-left: auto;
		margin-right: auto
	}
}

.prijave .main-article.prijave-intro .content table {
	width: 100%;
	max-width: none
}

.prijave .main-article.prijave-intro .content table tr:first-child {
	background-color: var(--color__green);
	color: #fff
}

.prijave .main-article.prijave-intro .content table tr td:nth-child(2) {
	width: 100px
}

.prijave .main-article.prijave-intro .content h2 {
	margin-top: 1em;
	text-align: left;
	line-height: 1.2
}

.prijave .main-article.prijave-intro .content h3 {
	font-size: 1.4em;
	font-family: var(--font__regular);
	font-weight: 300;
	color: var(--color__green)
}

.prijave .main-article.prijave-intro .content .row {
	margin-bottom: 2em
}

.prijave .main-article.prijave-intro .content .row table tr td {
	text-align: center
}

.prijave .main-article.prijave-intro .content .row table tr:first-child td {
	text-align: left
}

.entries-list-wrapper {
	padding: 0 0.5em
}

.entries-list-wrapper h3 {
	margin-bottom: 0.5em;
	text-align: center;
	color: var(--color__green);
	font-size: 1.6em
}

.entries-list-wrapper .statistika {
	margin-bottom: 3em
}

table {
	border: 0
}

table td {
	padding: 0.2em 0.4em;
	border: 0;
	border-collapse: collapse;
	text-align: left;
	vertical-align: top
}

table thead tr th,
table tfoot tr th {
	text-align: left;
	padding: 0.2em 0.4em 0.2em 0.2em
}

table thead tr:first-child,
table tfoot tr:first-child {
	background-color: var(--color__green);
	color: #fff;
	font-size: 1.1em
}

table tbody tr:nth-child(odd) {
	background-color: var(--color__green-light3)
}

.video-rekordi {
	margin-top: 0;
	padding: 1em 0.5em;
	position: relative;
	background-color: var(--color__green-light3);
	color: var(--color__green)
}

.video-rekordi h2 {
	color: var(--color__gray)
}

.video-rekordi:after {
	position: absolute;
	width: 90%;
	height: 90%;
	right: 5%;
	bottom: 5%;
	z-index: 1;
	background: url('/images/mts_tekaca_bela.svg') no-repeat right bottom;
	background-size: 100% auto;
	content: "";
	opacity: 1
}

.video-rekordi .inner-wrapper {
	position: relative;
	z-index: 2
}

.video-rekordi .video,
.video-rekordi .rekordi {
	width: 100%
}

.video-rekordi .video {
	position: relative
}

.video-rekordi .video a {
	display: block;
	max-width: 500px;
	margin: 0 auto;
	background-color: #000;
	border: 2px solid #fff
}

.video-rekordi .video a img {
	display: block;
	transition: opacity 0.2s linear
}

.video-rekordi .video:after {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 6rem;
	height: 6rem;
	display: inline-block;
	transform: translateY(-25%) translateX(-50%);
	transition: color 0.2s linear;
	font-family: 'mts';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\f16a";
	color: rgba(255, 255, 255, 0.7);
	font-size: 6rem;
	text-align: center;
	pointer-events: none;
	text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7)
}

.video-rekordi .video:hover img {
	opacity: 0.5
}

.video-rekordi .video:hover:after {
	color: #fff
}

.video-rekordi .rekordi {
	margin-top: 2em
}

.video-rekordi .rekordi .rekordi-list:before,
.video-rekordi .rekordi .rekordi-list:after {
	content: " ";
	display: table
}

.video-rekordi .rekordi .rekordi-list:after {
	clear: both
}

.video-rekordi .rekordi .rekordi-list {
	*zoom: 1
}

.video-rekordi .rekordi .rekordi-list .rekord {
	width: 50%;
	float: left;
	padding: 1em 0;
	line-height: 1;
	font-size: 0.9em;
	text-align: center;
	color: var(--color__gray)
}

.video-rekordi .rekordi .rekordi-list .rekord strong,
.video-rekordi .rekordi .rekordi-list .rekord b {
	display: block;
	margin-top: 0.5rem;
	font-size: 2.5em;
	color: var(--color__green)
}

.video-rekordi .rekordi .rekordi-list .rekord:nth-child(3) strong,
.video-rekordi .rekordi .rekordi-list .rekord:nth-child(4) strong,
.video-rekordi .rekordi .rekordi-list .rekord:nth-child(3) b,
.video-rekordi .rekordi .rekordi-list .rekord:nth-child(4) b {
	font-weight: 400
}

.startnina {
	margin-top: 2em;
	margin-bottom: 2em;
	padding: 0 0.5em;
	color: var(--color__green)
}

.startnina h2 {
	text-align: left;
	color: var(--color__gray)
}

.startnina .startnine {
	width: 100%
}

.startnina .startnine .title {
	font-weight: 300;
	font-size: 1.3em
}

.startnina .startnine .group {
	width: 100%;
	margin-bottom: 1em
}

.startnina .startnine .group .title {
	margin-bottom: 0.5em
}

.startnina .startnine .group .prijavnina {
	margin-bottom: 1.3em;
	font-size: 0.9em;
	text-align: center;
	line-height: 1.5;
	color: var(--color__gray)
}

.startnina .startnine .group .prijavnina b,
.startnina .startnine .group .prijavnina strong {
	display: block;
	font-weight: 300;
	font-size: 2rem
}

.startnina .startnine .group .prijavnina strong {
	line-height: 1.2
}

.startnina .prijave {
	margin-top: 2em;
	padding-top: 2em;
	border-top: 1px solid var(--color__green-light)
}

.startnina .prijave .minage {
	text-align: center;
	line-height: 1.3
}

.startnina .prijave .minage b,
.startnina .prijave .minage strong {
	display: block;
	font-size: 2.3rem;
	font-weight: 300
}

.startnina .prijave .minage em {
	margin-top: 0.3em;
	display: block
}

.startnina .prijave .signup-buttons {
	margin-top: 0.5em;
	justify-content: flex-start;
}

@media (min-width: 0px) and (max-width: 480px) {
	.startnina .startnine .group .prijavnina {
		width: 49%;
		display: inline-block;
		vertical-align: top;
		font-size: 0.85em
	}
}

.news-arhiv {
	padding: 0 0.5em;
	margin-top: 1em;
	margin-bottom: 2em;
	text-align: center;
	font-size: 2em
}

.news-arhiv a {
	display: inline-block;
	margin-left: 0.5em;
	font-family: var(--font__condensed);
	font-weight: 700;
	color: var(--color__green);
	border-bottom: 1px solid transparent
}

.news-arhiv a:first-child {
	margin-left: 0
}

.news-arhiv a.active,
.news-arhiv a:hover {
	color: #9fd8c8;
	border-bottom: 1px solid currentColor
}

.arhiv-list {
	position: relative
}

.arhiv-list .grid-sizer {
	width: 100%
}

.arhiv-list .single-news {
	display: block;
	margin-bottom: 1em;
	width: 100%
}

.arhiv-list .single-news:nth-child(even) {
	background-color: var(--color__green-light3)
}

.arhiv-list .single-news .share-date {
	margin-top: 4em
}

.prijave-single-group {
	width: 100%;
	padding: 0 0.5em;
	margin-top: 2em;
	margin-bottom: 2em
}

.prijave-single-group .prijave-tabs {
	margin-bottom: 2em;
	overflow: hidden;
	font-family: var(--font__condensed);
	font-weight: 300;
	font-size: 1.2em;
	color: var(--color__green)
}

.prijave-single-group .prijave-tabs .prijave-tab {
	width: 49%;
	float: left;
	padding: 0.3em;
	text-align: center;
	border-top: 0.4em solid var(--color__green);
	color: #054230;
	background-color: #fff;
	cursor: pointer
}

.prijave-single-group .prijave-tabs .prijave-tab.active {
	border-top: 0.4em solid #9fd8c8;
	background-color: var(--color__green-light3);
	cursor: default
}

.prijave-single-group .prijave-tabs .prijave-tab:first-child {
	margin-right: 2%
}

.prijave-single-group h2 {
	color: var(--color__green)
}

.thank-you h2 {
	margin-bottom: 1em;
	text-align: center;
	color: var(--color__green);
	font-weight: 700;
	font-size: 1.7em;
	font-family: var(--font__regular);
}

.thank-you h3 {
	margin-bottom: 0.5em;
	font-size: 1.7em;
	color: var(--color__green);
	font-family: var(--font__regular);
	font-weight: 300
}

.thank-you p {
	margin-bottom: 0.66em;
	font-weight: 300;
	color: var(--color__green)
}

.thank-you .row {
	margin-top: 2em;
	width: 100%;
}

.thank-you .row .column {
	width: 100%;
	margin-top: 2em
}

.thank-you .row .column p b {
	font-weight: 300;
	color: var(--color__gray);
	font-family: var(--font__condensed);
}

.thank-you .row .payment-options-tabs .tab {
	display: none
}

.thank-you .row .paypal {
	display: none
}

.thank-you .upnSepa {
	max-width: 60em;
	margin: 1em auto 1em 0
}

.thank-you .upnSepa img {
	display: block;
	border: 1px solid var(--color__silver)
}

.input-group {
	margin-bottom: 0.3em
}

.input-group:before,
.input-group:after {
	content: " ";
	display: table
}

.input-group:after {
	clear: both
}

.input-group {
	*zoom: 1
}

.input-group.required label:after {
	content: "*"
}

.input-group label {
	width: 30%;
	float: left;
	color: #054230
}

.input-group .input-wrap {
	width: 65%;
	margin-left: 5%;
	float: left
}

.input-group .input-wrap.radios {
	margin-bottom: 0.5em
}

.input-group .input-wrap.radios:before,
.input-group .input-wrap.radios:after {
	content: " ";
	display: table
}

.input-group .input-wrap.radios:after {
	clear: both
}

.input-group .input-wrap.radios {
	*zoom: 1
}

.lang_de .input-group .gender-wrapper .male {
	margin-bottom: 0.5em
}

@media (min-width: 360px) {
	.lang_de .input-group .gender-wrapper .male {
		margin-bottom: 0
	}
}

.input-group input {
	padding: 0.3em;
	border: 1px solid #9fd8c8;
	font-family: var(--font__regular);
	font-weight: 300;
	color: var(--color__green-dark)
}

.input-group input.voucher.ok {
	background-color: var(--color__green)
}

.input-group textarea {
	padding: 0.3em;
	resize: vertical;
	box-sizing: border-box;
	border: 1px solid #9fd8c8;
	font-family: var(--font__regular);
	font-weight: 300;
	color: var(--color__green-dark)
}

.input-group.error input {
	border-color: var(--color__red);
	box-shadow: inset 0px 0px 5px 0px rgba(238, 42, 46, 0.75)
}

.input-group.error .fake-radio:after,
.input-group.error .fake-checkbox:after {
	border-color: var(--color__red);
	box-shadow: inset 0px 0px 5px 0px rgba(238, 42, 46, 0.75)
}

.fake-radio,
.fake-checkbox {
	position: relative;
	padding-left: 2em;
	display: inline-block;
	z-index: 1;
	margin-right: 1em;
	color: #054230;
	cursor: default;
}

.fake-radio:after,
.fake-checkbox:after {
	position: absolute;
	left: 0;
	top: 0;
	width: 1.6rem;
	height: 1.6rem;
	border-radius: 50%;
	border: 1px solid #9fd8c8;
	background-color: #fff;
	content: ""
}

.fake-radio.checked:before,
.fake-checkbox.checked:before {
	position: absolute;
	left: 0.5rem;
	top: 0.5rem;
	z-index: 2;
	width: 0.6rem;
	height: 0.6rem;
	border-radius: 50%;
	background-color: var(--color__green);
	content: ""
}

.fake-checkbox:after {
	border-radius: 10%
}

.fake-checkbox.checked:before {
	border-radius: 10%
}

.sod_select {
	width: 100%;
	padding: 0.3em;
	border: 1px solid #9fd8c8;
	line-height: 1.4 !important;
	background: #fff;
	text-transform: initial;
	font-family: var(--font__regular);
	font-weight: 300
}

.sod_select .sod_label {
	color: #999
}

.sod_select.error {
	border-color: var(--color__red);
	box-shadow: inset 0px 0px 5px 0px rgba(238, 42, 46, 0.75)
}

.sod_select.focus {
	box-shadow: none
}

.sod_select.selected .sod_label {
	color: var(--color__green-dark)
}

.sod_select:after {
	position: absolute;
	width: 2rem;
	height: 100%;
	right: 0;
	top: 0;
	padding-top: 0.4em;
	overflow: hidden;
	font-family: 'mts';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-align: center;
	border-left: 2px solid transparent;
	background-color: var(--color__green);
	content: "\e602";
	font-size: 1.3em;
	color: #fff
}

.sod_select .sod_list_wrapper {
	width: 100%;
	z-index: 2000;
	position: relative;
	background-color: #fff;
	border-bottom: 1px solid #9fd8c8;
	border-left: 1px solid #9fd8c8;
	border-right: 1px solid #9fd8c8
}

.sod_select .sod_list_wrapper .sod_option {
	padding: 0.2em 0.3em
}

.form-single {
	font-family: var(--font__regular);
	font-weight: 300
}

.form-single .required-info {
	text-align: right;
	font-size: 0.8em;
	color: var(--color__green)
}

.form-single .part1,
.form-single .part3 {
	margin-bottom: 2em
}

.form-single .sosedskiPaket label,
.form-single .special-run label {
	width: 100%;
	margin-bottom: 0.3em
}

.form-single .sosedskiPaket .input-wrap,
.form-single .special-run .input-wrap {
	width: 100%;
	margin-left: 0
}

.form-single .sosedskiPaket {
	margin-bottom: 0
}

.form-single .special-hervis {
	position: relative
}

.form-single .special-hervis label {
	width: 100%
}

.form-single .special-hervis .input-wrap {
	margin-left: 35%
}

.form-single .special-hervis .hervis_logo {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 3em
}

@media (min-width:481px) {
	.form-single .special-hervis .hervis_logo {
		left: auto;
		right: 0.5em;
		bottom: auto;
		top: 0.2em
	}

	.form-single .special-hervis label {
		width: 30%
	}

	.form-single .special-hervis .input-wrap {
		margin-left: 5%
	}
}

.form-single .hervis_hint {
	font-size: 0.7em
}

.lang_de .form-single .special-street label,
.lang_de .form-single .special-voucher label {
	width: 100%;
	margin-bottom: 0.3em
}

.lang_de .form-single .special-street input,
.lang_de .form-single .special-voucher input {
	margin-left: 35%
}

@media (min-width:1050px) {
	.form-single .special-run label {
		width: 30%;
		margin-bottom: 0
	}

	.form-single .special-run .input-wrap {
		width: 65%;
		margin-left: 5%
	}

	.lang_de .form-single .special-street label,
	.lang_de .form-single .special-voucher label {
		width: 30%
	}

	.lang_de .form-single .special-street input,
	.lang_de .form-single .special-voucher input {
		width: 65%;
		margin-left: 5%
	}
}

.form-single .part2 {
	margin-bottom: 0.5em
}

.form-single .part2 label {
	color: var(--color__green);
	padding: 1em 0.5em 1em 0
}

.form-single .part2 .input-wrap {
	padding: 1em 1em
}

.form-single .part2 .special-run .input-wrap,
.form-single .part2 .sosedskiPaket .input-wrap {
	background-color: var(--color__green-light3)
}

.form-single .part2 .sosedskiPaket {
	margin-top: 1em
}

.form-single .part2 .sod_select {
	border: 0 none
}

.form-single .part2 .dogTagId {
	display: none;
	margin: 1em 0
}

.form-single .part2 .dogTagId input {
	padding: 0.3em;
	width: 12em !important
}

.form-single .part2 .dogTagId label {
	padding: 0.3em 0
}

.form-single .part2 .dogTagId.active {
	display: block
}

.form-single .part2 .underage-warning {
	display: none;
	margin: 1em 0
}

.form-single .part2 .underage-warning.active {
	display: block
}

.form-single .part2 .underage-warning label {
	display: block
}

.form-single .part2 .underage-warning label.error {
	padding: 0.5em;
	color: var(--color__red);
	border: 1px solid var(--color__red);
	box-shadow: inset 0px 0px 5px 0px rgba(238, 42, 46, 0.75)
}

.form-single .part2 .underage-warning p {
	margin-bottom: 0.66em
}

.form-single .part2 .underage-warning p:last-child {
	margin-bottom: 0
}

.form-single .part2 .underage-warning a {
	color: var(--color__green)
}

.form-single .part2 .underage-warning a:hover {
	color: #9fd8c8
}

.form-single .part2 .underage-warning b {
	font-weight: 400
}

.form-single .interactive-price {
	margin-bottom: 2em;
	text-align: right;
	color: var(--color__green);
	font-family: var(--font__regular);
	font-weight: 300
}

.form-single .interactive-price .price {
	font-weight: 700
}

.form-single .status {
	display: none;
	margin-top: 1em;
	text-align: center
}

.form-single .status.error {
	display: block;
	color: var(--color__red)
}

.form-single .tos {
	color: var(--color__green);
	text-align: center
}

.form-single .tos a {
	font-weight: 700
}

.form-single .tos a:hover {
	color: var(--color__green-dark)
}

.form-single .submit-wrap {
	margin-top: 2em;
	text-align: center
}

.form-single .submit-wrap .submit {
	display: inline-block;
	padding: 0.3em 1.5em;
	background-color: var(--color__green);
	color: #fff;
	text-transform: uppercase;
	font-size: 2em;
	line-height: 1.2;
	cursor: pointer;
	transition: background-color 0.2s linear
}

.form-single .submit-wrap .submit small {
	display: block;
	font-size: 70%
}

.form-single .submit-wrap .submit:hover {
	background-color: var(--color__green-dark)
}

.form-single .submit-wrap .submit.waiting {
	background-color: var(--color__gray)
}

.form-single .submit-wrap .signuppay {
	display: none
}

.nagradnaIgra {
	margin-top: 1em;
	margin-bottom: 0
}

.nagradnaIgra .input-wrap {
	background-color: var(--color__green);
	color: #fff
}

.nagradnaIgra a {
	text-decoration: underline
}

.nagradnaIgra a:hover {
	color: #9fd8c8
}

.nagradnaIgra .fake-checkbox {
	color: #fff
}

.nagradnaIgra label {
	width: 100%;
	margin-bottom: 0.3em
}

.nagradnaIgra .input-wrap {
	width: 100%;
	margin-left: 0
}

.nagradnaIgra__info {
	margin-left: 2.5em;
	font-size: 0.8em
}

#nagradnaIgraText {
	display: none;
	color: var(--color__green)
}

#nagradnaIgraText p {
	font-size: 0.9em
}

#nagradnaIgraText>div div:nth-child(2) {
	display: none
}

#nagradnaIgraText b {
	font-weight: 600
}

#nagradnaIgraText.active {
	display: block
}

#nagradnaIgraText .input-wrap {
	background-color: var(--color__green-light3)
}

#nagradnaIgraText label {
	width: 100%;
	margin-bottom: 0.3em
}

#nagradnaIgraText textarea {
	padding: 0.5em
}

#nagradnaIgraText textarea.error {
	border: 1px solid var(--color__red);
	box-shadow: inset 0px 0px 5px 0px rgba(238, 42, 46, 0.75)
}

#nagradnaIgraText .input-wrap {
	width: 100%;
	margin-left: 0;
	padding-left: 3em;
	padding-bottom: 2em
}

#nagradnaIgraText .input-wrap p+p {
	margin-top: 0.5em
}

#nagradnaIgraText .input-wrap p a {
	font-size: 0.8em
}

#nagradnaIgraText .input-wrap p a:hover {
	text-decoration: underline
}

@media (min-width: 768px) {
	#nagradnaIgraText .input-wrap {
		width: 83%;
		margin-left: 16.8%;
		padding-left: 4em
	}

	#nagradnaIgraText>div {
		display: flex;
		-ms-flex-align: center;
		align-items: center
	}

	#nagradnaIgraText>div div:nth-child(2) {
		display: block;
		width: 30%;
		flex: 0 0 auto;
		margin-left: 4em
	}
}

#nagradnaOpis {
	width: 100%;
	max-width: 40em;
	margin-top: 1em;
	min-height: 6em
}

.partN {
	margin-bottom: 3em
}

.partN label {
	color: var(--color__green);
	padding: 1em 0.5em 1em 0
}

.partN .input-wrap {
	padding: 1em 1em
}

@media (min-width: 768px) {
	.partN .input-wrap {
		padding: 1em 2em
	}

	.partN .input-group {
		margin-bottom: 0
	}

	.partN .input-group label {
		width: 16.8%
	}

	.partN .input-group .input-wrap {
		width: 83%;
		margin-left: 0
	}
}

.sosedskiPaket:hover .input-wrap {
	background-color: var(--color__green-light) !important
}

.sosedskiPaket__info {
	margin-left: 2.5em;
	font-size: 0.8em
}

#sosedskiPaketRun {
	display: none
}

#sosedskiPaketRun label {
	display: none
}

#sosedskiPaketRun .input-wrap p {
	margin-bottom: 0.5em;
	font-size: 0.8em;
	color: var(--color__green)
}

#sosedskiPaketRun.active {
	display: block
}

.terms-options {
	margin-top: 3em;
	padding-top: 1em;
	max-width: 46em;
	border-top: 1px solid var(--color__silver)
}

.terms-options strong {
	font-weight: 500
}

.terms-options a {
	text-decoration: underline
}

.terms-options .input-group:not(:last-child) {
	margin-bottom: 1em
}

@media (min-width:1050px) {
	.terms-options {
		padding-left: 16.7%;
		padding-right: 16.7%;
		max-width: none
	}
}

.paymentType {
	display: flex;
	align-items: flex-start
}

.paymentType label {
	flex: 0 0 auto;
	width: 30%;
	color: #054230
}

.paymentType .input-wrap {
	flex: 0 0 auto;
	width: 65%;
	margin-left: 5%;
	padding: 0.5em;
	background-color: var(--color__green-light3)
}

.paymentType .input-group {
	display: flex;
	flex-direction: column
}

.paymentType .input-group:before,
.paymentType .input-group:after {
	content: none
}

.paymentType .input-group>div {
	margin: 0.5em
}

.paymentThankYou {
	display: none
}

.paymentIcons {
	display: flex;
	width: 1.5em
}

.paymentIcons img {
	margin-right: 0.2em
}

#transactionFees {
	display: none;
	margin-top: 0.3em;
	font-size: 0.8em
}

.group-register-login.row {
	margin-top: 2em;
	width: 100%
}

.group-register-login.row .column2 {
	width: 100%;
	margin-top: 2em
}

.group-register-login.row .column2 p b {
	font-weight: 300;
	color: var(--color__gray);
	font-family: var(--font__condensed);
}

.group-register-login h2 {
	margin-bottom: 0.66em;
	color: var(--color__green)
}

.group-register-login h2 small {
	display: block;
	font-size: 60%
}

.group-register-login .group-register,
.group-register-login .group-login {
	margin-top: 2em
}

.group-register-login .group-register .submit,
.group-register-login .group-login .submit {
	width: 100%;
	margin-top: 1em;
	padding: 0.3em 1em;
	background-color: var(--color__green);
	color: #fff;
	text-align: center;
	cursor: pointer;
	text-transform: uppercase;
	transition: background-color 0.2s linear
}

.group-register-login .group-register .submit:hover,
.group-register-login .group-login .submit:hover {
	background-color: var(--color__green-dark)
}

.group-register-login .group-register .status,
.group-register-login .group-login .status {
	color: var(--color__green)
}

.group-register-login .group-register .status.error,
.group-register-login .group-login .status.error {
	color: var(--color__red)
}

.group-register-login .thank-you {
	display: none;
	margin-top: 2em
}

.group-edit {
	padding: 0 0.5em
}

.group-edit h2 {
	margin-bottom: 0.66em;
	color: var(--color__green)
}

.group-edit b,
.group-edit strong {
	font-weight: 600
}

.group-edit .club-info,
.group-edit .club-members {
	margin-top: 2em
}

.group-edit .button {
	display: inline-block;
	margin-top: 1em;
	padding: 0.3em 1em 0.4em 1em;
	cursor: pointer;
	transition: background-color 0.2s linear
}

.group-edit .logout {
	background-color: var(--color__green-light);
	color: var(--color__gray)
}

.group-edit .logout:hover {
	background-color: var(--color__green);
	color: #fff
}

.group-edit .member-add {
	background-color: var(--color__green);
	color: #fff
}

.group-edit .member-add:hover {
	background-color: var(--color__green-dark)
}

.group-edit .lock-group {
	margin-left: 0.5em;
	background-color: var(--color__green-light);
	color: var(--color__gray)
}

.group-edit .lock-group:hover {
	background-color: var(--color__green);
	color: #fff
}

.group-edit .lock-group.lock {
	opacity: 0.7;
	color: var(--color__green);
	cursor: default
}

.group-edit .lock-group.lock:hover {
	background-color: var(--color__green-light);
	color: var(--color__green)
}

.group-edit .club-members-list {
	font-family: var(--font__condensed);
	font-size: 0.9em;
	width: 100%
}

.group-edit .club-members-list tr th {
	padding: 0.2em 0.4em;
	font-weight: 300;
	text-align: left
}

.group-edit .club-members-list tr td,
.group-edit .club-members-list tr th {
	vertical-align: top
}

.group-edit .club-members-list tr th:nth-child(3) {
	display: none
}

.group-edit .club-members-list tr td:nth-child(3) {
	display: none
}

.group-edit .club-members-list tr td:nth-child(5) {
	white-space: nowrap
}

.group-edit .club-members-list tr .remove,
.group-edit .club-members-list tr .update {
	cursor: pointer;
	color: var(--color__red)
}

.group-edit .club-members-list tr .remove:hover,
.group-edit .club-members-list tr .update:hover {
	color: #000
}

.group-edit .club-members-list tr .update {
	color: var(--color__green);
	font-size: 0.75em
}

.group-edit .club-members-list tbody tr:nth-child(odd) {
	background-color: var(--color__green-light3)
}

.group-edit .new-member-form {
	padding: 2.5em 0.5em 0.5em 0.5em;
	margin-top: 2em;
	position: relative;
	border: 1px solid #9fd8c8;
	position: absolute;
	left: -5000px;
	top: -5000px
}

.group-edit .new-member-form.loaded {
	display: none;
	position: relative;
	left: auto;
	top: auto
}

.group-edit .new-member-form.active {
	display: block
}

.group-edit .new-member-form .close {
	position: absolute;
	top: 0.1em;
	right: 0.1em;
	font-size: 2em;
	cursor: pointer;
	transition: color 0.2s linear
}

.group-edit .new-member-form .close:hover {
	color: var(--color__red)
}

.group-edit .lockedGroupInfo {
	margin-top: 2em
}

.group-edit .lockedGroupInfo h4 {
	margin-bottom: 0.66em;
	color: var(--color__green)
}

.group-edit .lockedGroupInfo p {
	margin-bottom: 0.66em
}

.countdown {
	display: block;
	position: relative;
	width: 180px;
	padding: 0.2em;
	background-color: rgba(0, 0, 0, 0.7);
	text-align: center;
	color: var(--color__yellow);
	font-family: var(--font__condensed);
	font-size: 0.7em
}

.countdown .timer {
	display: inline-block;
	position: relative;
	z-index: 2;
	padding: 0 1.4em;
	text-align: center;
	background-color: #000
}

.countdown .timer .set {
	display: inline-block;
	margin-left: 0.7rem;
	text-align: center;
	color: var(--color__yellow);
	font-family: "digital_dismayregular", Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'
}

.countdown .timer .set:first-child {
	margin-left: 0
}

.countdown .timer .set .number {
	font-size: 2em;
	line-height: 1
}

.countdown .timer .set .info {
	line-height: 1;
	font-family: var(--font__condensed);
	font-size: 0.75em
}

.countdown .timer .set.days,
.countdown .timer .set.hours,
.countdown .timer .set.minutes {
	position: relative
}

.countdown .timer .set.days .number:after,
.countdown .timer .set.hours .number:after,
.countdown .timer .set.minutes .number:after {
	position: absolute;
	top: 0;
	right: -0.55em;
	content: ":"
}

.countdown .timer .set.minutes .number:after {
	display: none;
	right: -0.5em
}

.countdown .text-top,
.countdown .text-bottom {
	font-style: oblique;
	text-transform: uppercase
}

.big-gallery-wrap {
	display: block;
	margin-top: 2em;
	width: 100%;
	opacity: 1;
	transition: opacity 0.2s linear
}

.big-gallery-wrap.loading {
	display: none
}

.big-gallery-wrap.hidden {
	opacity: 0
}

.big-gallery-wrap .image {
	display: block;
	margin-bottom: 1%;
	transform: scale(1);
	opacity: 1;
	transition: transform 0.3s, opacity 0.3s
}

.big-gallery-wrap .image img {
	display: block
}

.big-gallery-wrap .image.keepRatio {
	transform: scale(0);
	opacity: 0;
	position: relative
}

.big-gallery-wrap .image.keepRatio:before {
	display: block;
	content: "";
	width: 100%;
	padding-top: 66.6666666667%
}

.big-gallery-wrap .image.keepRatio img {
	position: absolute
}

.big-gallery-wrap .grid-sizer {
	width: 100%
}

.big-gallery-wrap .gutter-sizer {
	width: 1%
}

.more-photos {
	text-align: center;
	margin-top: 2rem;
	margin-bottom: 2rem
}

.more-photos a {
	display: inline-block;
	padding: 0.5em 1.6em;
	text-transform: uppercase;
	background-color: var(--color__green);
	color: #fff;
	transition: background-color 0.2s linear
}

.more-photos a:hover {
	background-color: var(--color__green-dark)
}

.live-res tbody tr td.child {
	border-bottom: 1px solid var(--color__green-light3)
}

.live-res tbody tr td.child ul li[data-dtr-index="4"] .dtr-title {
	display: inline-block;
	vertical-align: top;
	min-width: 75px
}

.live-res tbody tr td.child ul li[data-dtr-index="4"] .dtr-data {
	display: inline-block;
	vertical-align: top;
	width: calc(100% - 100px)
}

table.mts-data-table {
	width: 100%;
	margin-top: 1em;
	font-size: 0.8em
}

table.mts-data-table td,
table.mts-data-table th {
	padding: 0.8em 0.4em 0.8em 1em
}

table.mts-data-table td b,
table.mts-data-table th b {
	font-weight: 400
}

table.mts-data-table thead tr th {
	background-color: var(--color__green);
	color: #fff;
	text-align: left;
	vertical-align: middle;
	font-weight: 300;
	min-width: 140px
}

@media (max-width: 480px) {
	table.mts-data-table thead tr th {
		max-width: 20%;
		width: 20%
	}

	table.mts-data-table thead tr th:nth-child(3) {
		white-space: nowrap
	}
}

table.mts-data-table thead tr th:nth-child(1) {
	min-width: 40px
}

table.mts-data-table tbody tr:nth-child(odd) td {
	background-color: #fff
}

table.mts-data-table tbody tr:nth-child(even) td {
	background-color: var(--color__green-light3)
}

table.mts-data-table tbody tr.child td.child {
	background-color: #fff !important
}

table.mts-data-table tbody tr.odd td {
	background-color: #fff !important
}

table.mts-data-table tbody tr.even td {
	background-color: var(--color__green-light3) !important
}

@media (max-width: 480px) {
	table.mts-data-table tbody tr td {
		max-width: 20%;
		width: 20%
	}
}

@media (min-width: 0px) and (max-width: 400px) {
	table.mts-data-table {
		font-size: 1em
	}
}

table.event-entries thead tr th {
	min-width: 100px
}

table.event-entries tbody .child ul li[data-dtr-index="4"] .dtr-title {
	display: inline-block;
	vertical-align: top
}

table.event-entries tbody .child ul li[data-dtr-index="4"] .dtr-data {
	width: calc(100% - 79px);
	display: inline-block;
	vertical-align: top
}

.results-list {
	margin-top: 2em;
	padding: 0 0.5em
}

.results-list table.mts-data-table.with-categories tr td:nth-child(5),
.results-list table.mts-data-table.with-categories tr th:nth-child(5) {
	display: table-cell
}

.results-list table.mts-data-table.with-categories tr td:nth-child(6),
.results-list table.mts-data-table.with-categories tr th:nth-child(6) {
	display: table-cell
}

.dataTables_wrapper tr td {
	padding-left: 1em;
	line-height: 1.1
}

.dataTables_wrapper tr th {
	font-size: 0.9em;
	line-height: 1.1
}

.dataTables_wrapper .dataTables_length {
	float: right;
	display: none
}

.dataTables_wrapper .dataTables_length span {
	display: none;
	vertical-align: middle;
	margin-right: 1rem
}

.dataTables_wrapper .dataTables_length .selectize-control {
	min-width: 5rem;
	display: inline-block;
	vertical-align: middle
}

.dataTables_wrapper .dataTables_filter {
	display: inline-block
}

.dataTables_wrapper .dataTables_filter label {
	position: relative;
	display: block;
	overflow: visible;
	font-size: 1em;
	font-weight: 300;
	color: var(--color__green)
}

.dataTables_wrapper .dataTables_filter label:after {
	position: absolute;
	right: -1.1rem;
	top: 0.2rem;
	font-family: 'mts';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\e60b";
	color: var(--color__green);
	font-size: 2.7em
}

.dataTables_wrapper .dataTables_filter input {
	width: 14em;
	margin-left: 0.3em;
	padding: 0.8em 0.6em 0.85em 0.6em;
	background-color: var(--color__green-light3);
	border: 0 none;
	font-weight: 300;
	color: #054230;
	border-radius: 0;
	-webkit-appearance: none
}

.dataTables_wrapper .dataTables_paginate {
	margin-top: 1em;
	text-align: center;
	font-size: 0.9em
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
	display: inline-block;
	margin-left: 0.3em;
	padding: 0.5em 0.4em;
	line-height: 1;
	background-color: var(--color__silver);
	color: #054230;
	cursor: pointer
}

@media (min-width: 480px) and (max-width: 1025px) {
	.dataTables_wrapper .dataTables_paginate .paginate_button {
		padding: 0.3em 0.7em
	}
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
	background-color: var(--color__green);
	color: #fff
}

.dataTables_wrapper .dataTables_paginate .paginate_button.previous,
.dataTables_wrapper .dataTables_paginate .paginate_button.next {
	width: auto;
	background-color: transparent
}

.dataTables_wrapper .dataTables_paginate .paginate_button.previous:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.next:hover {
	color: var(--color__green)
}

@media (min-width: 0px) and (max-width: 400px) {
	.dataTables_wrapper .dataTables_paginate {
		position: relative;
		margin-top: 2rem
	}

	.dataTables_wrapper .dataTables_paginate span {
		margin-bottom: 2rem;
		display: inline-block
	}

	.dataTables_wrapper .dataTables_paginate span a.paginate_button {
		line-height: 1;
		padding: 0.5rem 0.7rem
	}

	.dataTables_wrapper .dataTables_paginate .paginate_button.previous,
	.dataTables_wrapper .dataTables_paginate .paginate_button.next {
		position: absolute;
		top: 3rem;
		margin-left: 0;
		font-size: 1.2em;
		background-color: var(--color__green);
		color: #fff;
		min-width: 100px;
		padding: 1.1em 0.5em
	}

	.dataTables_wrapper .dataTables_paginate .paginate_button.previous.disabled,
	.dataTables_wrapper .dataTables_paginate .paginate_button.next.disabled {
		background-color: var(--color__silver);
		color: #054230
	}

	.dataTables_wrapper .dataTables_paginate .paginate_button.previous {
		right: calc(50% + 0.5rem);
		left: 0
	}

	.dataTables_wrapper .dataTables_paginate .paginate_button.next {
		left: calc(50% + 0.5rem);
		right: 0
	}
}

.dataTables_wrapper .dataTables_paginate span span {
	margin-left: 0.5em;
	font-size: 0.7em
}

.dataTables_wrapper .dataTables_info {
	display: none
}

.live-teaser-wrap {
	text-align: center
}

.live-teaser-wrap .live-teaser {
	display: inline-block;
	padding: 1em;
	background-color: #ec1317;
	text-align: center;
	color: #fff
}

.live-teaser-wrap .live-teaser .title {
	font-size: 1.7em
}

.live-teaser-wrap .live-teaser p {
	margin-bottom: 0;
	font-size: 1.3em
}

.live-teaser-wrap .live-teaser:hover {
	background-color: #e21216
}

.home .live-teaser-wrap {
	margin-top: 1em;
	margin-bottom: 1em
}

.home .live-teaser-wrap p:first-child {
	text-transform: uppercase;
	font-size: 1.7em
}

.home .live-teaser-wrap p:first-child b {
	font-weight: 600
}

@media (min-width: 0px) and (max-width: 1140px) {
	.live-teaser-wrap .space-bottom {
		margin-bottom: 2rem
	}
}

.results-list-wrap .events .event {
	margin-bottom: 3em
}

.results-list-wrap .events .event .image img {
	display: block
}

.results-list-wrap .events .event .info h2 {
	font-weight: 400;
	margin-top: 0.5em;
	margin-bottom: 0.66em
}

.results-list-wrap .events .event .info h2 span {
	display: block;
	font-size: 50%;
	font-weight: 300
}

.results-list-wrap .events .event .event-results {
	font-size: 0.9em
}

.results-list-wrap .events .event .event-results .run {
	overflow: hidden;
	margin-bottom: 0.2em
}

.results-list-wrap .events .event .event-results .run .title {
	line-height: 2em;
	width: 100%;
	float: none;
	text-align: left;
	font-size: 1.1em
}

.results-list-wrap .events .event .event-results .run .gender-wrap {
	display: block;
	width: 100%;
	text-align: left;
	padding-bottom: 0.4rem;
	padding-top: 0.3rem
}

.results-list-wrap .events .event .event-results .run .gender-wrap a {
	display: inline-block;
	width: 1.8em;
	height: 1.8em;
	font-size: 1.5em;
	background-color: var(--color__green);
	color: #fff;
	text-align: center;
	font-weight: 400;
	line-height: 1.8em;
	border-radius: 50%;
	transition: background-color 0.2s linear
}

.results-list-wrap .events .event .event-results .run .gender-wrap a:last-of-type {
	margin-left: 1%
}

.results-list-wrap .events .event .event-results .run .gender-wrap a:hover {
	background-color: #9fd8c8
}

.results-list-wrap .events .event:first-child {
	padding: 0.5em;
	background-color: var(--color__green-light3)
}

.results-list-wrap .events .event.hasResults table {
	width: 100%
}

.results-list-wrap .results-list {
	width: 100%;
	margin-top: 3em
}

.results-list-wrap .results-download {
	margin: 1em 0 0 0
}

.results-list-wrap .results-download p {
	text-align: left
}

.results-list-wrap .results-download p a {
	display: inline-block;
	padding: 0.3em 0.6em;
	background-color: var(--color__green);
	color: #fff;
	transition: background-color 0.2s linear
}

.results-list-wrap .results-download p a:hover {
	background-color: var(--color__green-dark)
}

.zmagovalci {
	margin-top: 2em;
	font-size: 0.8em
}

.zmagovalci .gender-wrap {
	margin-top: 1em
}

.zmagovalci .gender-wrap:before,
.zmagovalci .gender-wrap:after {
	content: " ";
	display: table
}

.zmagovalci .gender-wrap:after {
	clear: both
}

.zmagovalci .gender-wrap {
	*zoom: 1
}

.zmagovalci .gender-wrap .gender {
	width: 8%;
	float: left;
	text-align: left;
	font-size: 1.5em
}

.zmagovalci .gender-wrap .run {
	width: 92%;
	float: right
}

.zmagovalci .gender-wrap .run .track {
	width: 21%;
	float: left;
	padding: 0 0.3em
}

.zmagovalci .gender-wrap .run .name {
	width: 63%;
	float: left;
	padding: 0 0.3em
}

.zmagovalci .gender-wrap .run .name i,
.zmagovalci .gender-wrap .run .name em {
	font-style: normal;
	font-size: 0.7em
}

.zmagovalci .gender-wrap .run .time {
	width: 16%;
	float: left;
	padding: 0 0.3em;
	color: var(--color__green)
}

.live-wrap h1 {
	margin-bottom: 0
}

.live-wrap.main-article h1 {
	color: var(--color__red)
}

.live-wrap .intro {
	margin-bottom: 3em;
	text-align: center
}

.live-wrap .search-live {
	width: 100%;
	max-width: 25em;
	margin: 0 auto;
	position: relative;
	font-size: 1.2em
}

.live-wrap .search-live .query-wrap:before,
.live-wrap .search-live .query-wrap:after {
	content: " ";
	display: table
}

.live-wrap .search-live .query-wrap:after {
	clear: both
}

.live-wrap .search-live .query-wrap {
	*zoom: 1
}

.live-wrap .search-live input {
	box-sizing: border-box;
	width: calc(100% - 1em);
	float: left;
	padding: 0.8em 0.6em 0.85em 0.6em;
	background-color: var(--color__green-light3);
	border: 0;
	font-weight: 300
}

.live-wrap .search-live .submit {
	width: 10%;
	position: absolute;
	right: 0;
	top: 1.1em;
	font-size: 2.8em;
	color: var(--color__green);
	text-align: left;
	line-height: 1;
	cursor: pointer;
	transform: translate(-0.4em, -0.2em)
}

.live-wrap .search-live .submit:hover {
	color: var(--color__green-dark)
}

.live-wrap .lists-live {
	width: 100%;
	margin-top: 4em
}

.live-wrap .lists-live .runs .run {
	overflow: hidden;
	margin-bottom: 1em
}

.live-wrap .lists-live .runs .run .title {
	width: 100%;
	margin-bottom: 0.3em;
	font-size: 1.1em;
	text-align: center
}

.live-wrap .lists-live .runs .run .gender {
	width: 100%;
	text-align: center
}

.live-wrap .lists-live .runs .run .gender>a {
	display: inline-block;
	overflow: hidden;
	width: 2em;
	height: 2em;
	font-size: 1.5em;
	line-height: 2em;
	text-align: center;
	background-color: var(--color__green);
	color: #fff;
	border-radius: 50%
}

.live-wrap .lists-live .runs .run .gender>a:hover {
	background-color: var(--color__green-dark)
}

.live-wrap .lists-live .runs .run .gender .male {
	margin-right: 0.2em
}

.live-wrap .live-search-results {
	width: 100%;
	margin-top: 1.5em
}

.live-wrap .live-search-results.loading {
	min-height: 4em;
	background: transparent url(/images/ajax-loader.gif) no-repeat center center
}

.live-wrap .live-search-results .nothing-found {
	text-align: center
}

.live-wrap .live-search-results .result {
	display: flex;
	align-items: flex-end;
	margin-bottom: 0.5em;
	padding-bottom: 0.5em;
	border-bottom: 1px solid var(--color__green-light)
}

.live-wrap .live-search-results .result .info {
	flex: 1 0 auto
}

.live-wrap .live-search-results .result .ime {
	font-size: 1em
}

.live-wrap .live-search-results .result .stnr {
	font-size: 0.7em;
	color: var(--color__gray)
}

.live-wrap .live-search-results .result .stnr:before {
	content: "#"
}

.live-wrap .live-search-results .result .proga {
	margin-top: 0.5em;
	font-size: 0.7em;
	color: var(--color__gray)
}

.live-wrap .live-search-results .result .kategorija {
	font-size: 0.7em
}

.live-wrap .live-search-results .result .time {
	flex: 1 0 auto;
	font-size: 1em;
	text-align: right
}

.live-wrap .live-search-results .result .time i {
	display: block;
	font-size: 0.7em;
	font-style: normal
}

.diploma-wrap {
	margin-bottom: 8em
}

.diploma-wrap .intro {
	margin-bottom: 3em;
	text-align: center
}

.diploma-wrap .diploma {
	text-align: center;
	margin-top: 3em;
	padding: 0 2rem
}

.diploma-wrap .diploma img {
	border: 2px solid var(--color__green-light);
	transform: rotate(-6deg)
}

.diploma-wrap .search-diploma {
	width: 100%;
	max-width: 25em;
	margin: 0 auto;
	position: relative;
	font-size: 1.2em
}

.diploma-wrap .search-diploma .query-wrap:before,
.diploma-wrap .search-diploma .query-wrap:after {
	content: " ";
	display: table
}

.diploma-wrap .search-diploma .query-wrap:after {
	clear: both
}

.diploma-wrap .search-diploma .query-wrap {
	*zoom: 1
}

.diploma-wrap .search-diploma input {
	box-sizing: border-box;
	width: 90%;
	float: left;
	padding: 0.3em 0.6em 0.4em;
	background-color: var(--color__green-light3);
	border: 0;
	font-weight: 300
}

.diploma-wrap .search-diploma .fake-checkbox {
	margin-top: 0.5em;
	font-size: 1em
}

.diploma-wrap .search-diploma .submit {
	width: 10%;
	position: absolute;
	right: 0;
	top: 0.2em;
	font-size: 3.5em;
	color: var(--color__green);
	text-align: left;
	line-height: 1;
	cursor: pointer;
	transform: translate(-0.4em, -0.2em)
}

.diploma-wrap .search-diploma .submit:hover {
	color: var(--color__green-dark)
}

.diploma-wrap .output.loading {
	min-height: 4em;
	background: transparent url(/images/ajax-loader.gif) no-repeat center center
}

.diploma-wrap .output .diploma-link {
	margin-top: 1em;
	text-align: center
}

.diploma-wrap .output .diploma-link a {
	display: inline-block;
	padding: 0.4em 1em;
	background-color: var(--color__green);
	color: #fff;
	transition: background-color 0.2s linear
}

.diploma-wrap .output .diploma-link a:hover {
	background-color: var(--color__green-dark)
}

.diploma-wrap .output .nothing-found {
	margin-top: 1em;
	text-align: center
}

.notice {
	margin: 2em auto;
	max-width: 60rem;
	padding: 0.5em 1em;
	border: 2px solid var(--color__orange);
	font-size: 1.3rem
}

.notice h2 {
	font-size: 2rem
}

.loading {
	width: 100%;
	text-align: center
}

.lockWarning {
	width: 3px;
	height: 100%;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 6000;
	background-color: #f00;
	font-size: 10px;
	color: #000;
	opacity: 0.8
}

.lockWarning:hover {
	padding: 1em;
	width: 200px;
	word-wrap: break-word;
	opacity: 1
}

.uil-cube-css {
	display: inline-block;
	background: none;
	position: relative;
	width: 200px;
	height: 200px
}

.uil-cube-css>div {
	position: absolute;
	width: 80px;
	height: 80px;
	animation: uil-cube-css 1s cubic-bezier(0.2, 0.8, 0.2, 0.8) infinite
}

.uil-cube-css>div:nth-of-type(1) {
	top: 10px;
	left: 10px;
	background: var(--color__green);
	opacity: 0.9;
	animation-delay: 0s
}

.uil-cube-css>div:nth-of-type(2) {
	top: 10px;
	left: 110px;
	background: var(--color__green);
	opacity: 0.8;
	animation-delay: 0.1s
}

.uil-cube-css>div:nth-of-type(3) {
	top: 110px;
	left: 10px;
	background: var(--color__green);
	opacity: 0.7;
	animation-delay: 0.3s
}

.uil-cube-css>div:nth-of-type(4) {
	top: 110px;
	left: 110px;
	background: var(--color__green);
	opacity: 0.6;
	animation-delay: 0.2s
}

.ps-container {
	-ms-touch-action: none;
	touch-action: none;
	overflow: hidden !important;
	-ms-overflow-style: none
}

@supports (-ms-overflow-style: none) {
	.ps-container {
		overflow: auto !important
	}
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
	.ps-container {
		overflow: auto !important
	}
}

.ps-container.ps-active-y>.ps-scrollbar-y-rail {
	display: block;
	background-color: transparent
}

.ps-container.ps-in-scrolling {
	pointer-events: none
}

.ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail {
	background-color: var(--color__green-dark);
	opacity: 0.9
}

.ps-container.ps-y>.ps-scrollbar-y-rail {
	background-color: var(--color__green-dark);
	opacity: 0.9
}

.ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y {
	background-color: #fff;
	opacity: 0.9
}

.ps-container>.ps-scrollbar-y-rail {
	position: absolute;
	border-radius: 4px;
	opacity: 0.6;
	transition: background-color 0.2s linear, opacity 0.2s linear;
	right: 3px;
	width: 8px
}

.ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y {
	position: absolute;
	background-color: #fff;
	border-radius: 4px;
	transition: background-color 0.2s linear;
	right: 0;
	width: 8px
}

.ps-container:hover.ps-in-scrolling {
	pointer-events: none
}

.ps-container:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail {
	background-color: var(--color__green-dark);
	opacity: 0.9
}

.ps-container:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y {
	background-color: red
}

.ps-container:hover>.ps-scrollbar-y-rail {
	opacity: 0.6
}

.ps-container:hover>.ps-scrollbar-y-rail:hover {
	background-color: var(--color__green-dark);
	opacity: 0.9
}

.ps-container.ps-active-x>.ps-scrollbar-x-rail {
	display: block;
	background-color: transparent
}

.ps-container.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail {
	background-color: #eee;
	opacity: 0.9
}

.ps-container.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x {
	background-color: #999
}

.ps-container>.ps-scrollbar-x-rail {
	display: none;
	position: absolute;
	border-radius: 4px;
	opacity: 0;
	transition: background-color 0.2s linear, opacity 0.2s linear;
	bottom: 3px;
	height: 8px
}

.ps-container>.ps-scrollbar-x-rail>.ps-scrollbar-x {
	position: absolute;
	background-color: #aaa;
	border-radius: 4px;
	transition: background-color 0.2s linear;
	bottom: 0;
	height: 8px
}

.ps-container:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail {
	background-color: #eee;
	opacity: 0.9
}

.ps-container:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x {
	background-color: #999
}

.ps-container:hover>.ps-scrollbar-x-rail {
	opacity: 0.6
}

.ps-container:hover>.ps-scrollbar-x-rail:hover {
	background-color: #eee;
	opacity: 0.9
}

.ps-container:hover>.ps-scrollbar-x-rail:hover>.ps-scrollbar-x {
	background-color: #999
}

.dataTables_wrapper tr th.sorting_desc,
.dataTables_wrapper tr th.sorting_asc {
	background-color: var(--color__green-dark)
}

.early-sing-up-holder {
	width: 100%;
	display: block;
	text-align: center
}

.early-sing-up-holder.limit-width {
	margin-top: 2.2em;
	max-width: var(--maxInnerWidth);
	margin-left: auto;
	margin-right: auto;
	padding: 0 0.5rem
}

.early-sing-up-holder.limit-width .early-sing-up {
	font-size: 1.4em;
	font-size: 0.9em
}

.early-sing-up-holder .early-sing-up {
	display: inline-block;
	padding: 0.3rem 0.8rem;
	background-color: var(--color__red);
	font-size: 0.9em;
	color: #fff
}

.early-sing-up-holder .early-sing-up strong {
	font-weight: 600
}

@media (min-width: 1140px) {
	.early-sing-up-holder.limit-width {
		margin-top: 2.2em;
		max-width: 40rem
	}
}

.prijave-single .intro {
	max-width: 40rem;
	margin-left: auto;
	margin-right: auto
}

.prijave-single .content {
	max-width: 40rem;
	margin-left: auto;
	margin-right: auto
}

@media (min-width:768px) {
	.trainings .content {
		display: flex;
		max-width: var(--maxInnerWidth);
		margin-left: auto;
		margin-right: auto
	}
}

@media (min-width:768px) {
	.trainings .content {
		margin-top: 4em !important
	}
}

.trainings__types {
	margin-top: 2em;
	margin-bottom: 1em;
	padding-bottom: 1em;
	border-bottom: 1px solid #9fd8c8
}

.trainings__types a {
	font-size: 1.1em;
	text-align: left;
	font-weight: 300;
	color: var(--color__green)
}

.trainings__types h2 {
	margin-bottom: 0 !important;
	font-size: 1em !important;
	line-height: 1.4 !important
}

.trainings__types .title {
	margin-bottom: 0.5em;
	font-size: 1.1em;
	text-align: left;
	font-weight: 300;
	color: #383838
}

@media (min-width:768px) {
	.trainings__types {
		margin-top: 0;
		margin-bottom: 0;
		padding-bottom: 0;
		margin-right: 4%;
		width: 48%;
		flex: 0 0 auto;
		border-bottom: 0;
		border-right: 1px solid #9fd8c8
	}

	.trainings__types a {
		font-size: 1em
	}
}

@media (min-width: 1140px) {
	.trainings__types a {
		margin-left: 0.8em;
		font-size: 1.2em
	}
}

@media (min-width: 1600px) {
	.trainings__types a {
		font-size: 1.4em
	}
}

.trainings__intro,
.trainings__plan {
	margin-top: 1em;
	padding-top: 1em
}

.trainings__intro img,
.trainings__plan img {
	max-width: 10em
}

@media (min-width:768px) {

	.trainings__intro,
	.trainings__plan {
		padding-top: 0;
		margin-top: 0;
		width: 48%;
		flex: 0 0 auto
	}
}

.trainings__training {
	display: block;
	margin-bottom: 0.5rem;
	color: var(--color__green)
}

.trainings__training:hover {
	color: #9fd8c8
}

.trainings__training--active {
	color: #383838 !important
}

.trainings__week h3 {
	margin-bottom: 0.3em;
	font-size: 1.3em;
	font-weight: 400;
	color: var(--color__green)
}

.trainings__week+.trainings__week {
	margin-top: 3em
}

.trainings__days h4 {
	margin-bottom: 0.5em;
	color: var(--color__green)
}

.gdpr {
	font-size: 1rem
}

.gdpr .content {
	text-align: center
}

.gdpr__intro {
	padding: 0 0.5rem
}

.gdpr__confirm {
	display: block;
	margin: 1em auto;
	padding: 0.7em 1em;
	background-color: var(--color__green);
	border: 0;
	color: #fff;
	font-size: 1.5em;
	font-weight: 300;
	font-family: var(--font__regular);
	cursor: pointer;
	transition: background-color 0.2s linear
}

.gdpr__confirm:hover {
	background-color: var(--color__green-dark)
}

.gdpr__tos {
	font-size: 0.8rem
}

.gdpr__status {
	display: none;
	margin: 1em;
	color: red
}

.gdpr__thankYou {
	text-align: center
}

@media only screen and (min-width: 480px) {
	.social>a {
		margin: 0.3em 0.3em 0 0.3em
	}

	.social>.social-links .sl-holder .innerr a {
		margin: 0.3em 0.3em 0 0.3em
	}

	.mainMenuSelected {
		display: inline-block;
		float: right
	}

	.menu-lang a.active {
		display: inline-block
	}

	.menu-main {
		font-size: 1.9em
	}

	.banner {
		position: relative
	}

	.banner .inner {
		height: 420px
	}

	.banner .countdown-wrapper {
		bottom: 40%
	}

	.banner .sponsors {
		position: absolute;
		left: 5%;
		bottom: 10%;
		text-align: left
	}

	.banner .sponsors svg {
		width: 120px;
		height: 89px;
		fill: #fff;
		stroke: #fff;
		opacity: 1
	}

	.countdown {
		font-size: 1.1em;
		width: 270px
	}

	.countdown .timer .set .number {
		font-size: 2.5em
	}

	.countdown .timer .set .info {
		font-size: 0.75em
	}

	.countdown .timer .set.days .number:after,
	.countdown .timer .set.hours .number:after {
		right: -0.4em
	}

	.countdown .timer .set.minutes .number:after {
		right: -0.35em
	}

	table.mts-data-table {
		font-size: 0.9em
	}

	.dataTables_wrapper tr th {
		text-align: left
	}

	.dataTables_wrapper tr th.sorting {
		padding-left: 2.4em;
		cursor: pointer;
		background-repeat: no-repeat;
		background-position: 1em center;
		background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAASBAMAAACgFUNZAAAAFVBMVEUAAAD///////////////////////9Iz20EAAAAB3RSTlMAs5tZa0JBXv+l6gAAAEJJREFUCNdjAAIWBwYIMBSG0MyCggYQAUFBYagAUAgiABZiEQQDB4ZEJTAQZcAEgRApMbhimHa4gTArEJYinAF3GAChhghOd6+0WgAAAABJRU5ErkJggg==")
	}

	.dataTables_wrapper tr th.sorting_desc {
		padding-left: 2.4em;
		cursor: pointer;
		background-repeat: no-repeat;
		background-position: 1em center;
		background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAIBAMAAAACWGKkAAAAGFBMVEUAAAD///////////////////////////8jfp1fAAAACHRSTlMAs5pZa51CQfX8mCMAAAAzSURBVAjXY0gMUgICVXEGFkEwcGBgMATRwgwMDMwghgEDEBiCBUBCYAGwEFAADFgcgAQA0EUEZDo33yAAAAAASUVORK5CYII=")
	}

	.dataTables_wrapper tr th.sorting_asc {
		padding-left: 2.4em;
		cursor: pointer;
		background-repeat: no-repeat;
		background-position: 1em center;
		background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAIBAMAAAACWGKkAAAAFVBMVEUAAAD///////////////////////9Iz20EAAAAB3RSTlMAs5tZa0JBXv+l6gAAAC1JREFUCNdjAAIWBwYIMBSG0MyCggYQAUFBYagAUAgiABZiEQQDB4ZEJTAQBQBreAQvcML8EAAAAABJRU5ErkJggg==")
	}

	.dataTables_wrapper .dataTables_length {
		display: block;
		margin-top: 0.5rem
	}

	.dataTables_wrapper .dataTables_length span {
		display: none
	}

	.dataTables_wrapper .dataTables_paginate {
		font-size: 1em
	}

	.dataTables_wrapper .dataTables_paginate .paginate_button {
		padding: 0.3em 0.6em
	}

	.search.open .form {
		height: 4em
	}

	.search.open .trigger {
		width: 4rem;
		font-size: 1.8em
	}

	.search.open .input {
		font-size: 2.5em
	}

	.sponzorji-wrap .group .sets:before,
	.sponzorji-wrap .group .sets:after {
		content: " ";
		display: table
	}

	.sponzorji-wrap .group .sets:after {
		clear: both
	}

	.sponzorji-wrap .group .sets {
		*zoom: 1
	}

	.sponzorji-wrap .group .sets .set {
		display: block;
		float: left;
		width: 50%;
		height: 150px;
		margin-bottom: 0
	}

	.sponzorji-wrap .group .sets .set:after {
		position: absolute;
		width: 35%;
		right: 2rem;
		left: auto;
		bottom: 0;
		z-index: 10
	}

	.sponzorji-wrap .group .sets .set:before {
		position: absolute;
		width: 35%;
		height: 1px;
		left: 2rem;
		bottom: 0;
		z-index: 10;
		content: "";
		background-color: var(--color__silver)
	}

	.sponzorji-wrap .group .sets .set .border {
		position: absolute;
		width: 1px;
		height: calc(100% - 4rem);
		right: 0;
		bottom: 2rem;
		background-color: var(--color__silver)
	}

	.sponzorji-wrap .group .sets .set:nth-child(2n) .border {
		display: none
	}

	.sponzorji-wrap .group .sets .set:last-child:after {
		display: block
	}

	.sponzorji-wrap .group .sets .set.lastRow:after,
	.sponzorji-wrap .group .sets .set.lastRow:before {
		display: none
	}

	.sponzorji-wrap .group .sets .set .image {
		display: block;
		padding: 1em;
		position: relative;
		top: 50%;
		transform: translateY(-50%)
	}

	.sponzorji-wrap .group .sets .set .image img {
		padding-top: 0
	}

	.prijave-single-group .prijave-tabs .prijave-tab {
		position: relative
	}

	.prijave-single-group .prijave-tabs .prijave-tab:after {
		font-family: 'mts';
		speak: none;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		line-height: 1;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		position: absolute;
		right: 0.5em;
		top: 0em;
		width: 1em;
		height: 100%;
		content: "\e604";
		font-size: 1.8em;
		color: var(--color__green)
	}

	.prijave-single-group .prijave-tabs .prijave-tab.active:after {
		color: #9fd8c8;
		content: "\e602"
	}

	.tekmuj-sam {
		display: block;
		width: 120%;
		height: 6em;
		background: transparent url('/img/w800-h140-c80x14/images/tekmuj_sam_s_seboj.jpg') no-repeat center center;
		transform: translateX(-10%) rotate(-3deg)
	}

	.tekmuj-sam div {
		bottom: -0.8em
	}

	.tekmuj-sam div p {
		display: inline-block;
		font-size: 1em
	}

	.article-gallery {
		overflow: hidden
	}

	.article-gallery img {
		float: left;
		width: calc(49% - 0.25em)
	}

	.article-gallery a:nth-child(odd) img {
		margin-right: 0.5em
	}

	.gallery .title {
		font-size: 0.8em
	}

	.gallery .title b span:before {
		content: " "
	}

	.lang_de .gallery .title {
		font-size: 0.8em
	}

	.gallery .images .set.n1 {
		width: 300px
	}

	.single-news {
		padding: 3em 2em
	}

	.news-headlines {
		display: block;
		padding: 0 0.5em;
		margin-bottom: 1em;
		margin-top: -4em;
		border-top: 0 none
	}

	.news-headlines:before,
	.news-headlines:after {
		content: " ";
		display: table
	}

	.news-headlines:after {
		clear: both
	}

	.news-headlines {
		*zoom: 1
	}

	.news-headlines .single-news {
		padding: 6em 2em 2em 2em;
		width: 50%;
		float: left
	}

	.news-headlines .single-news .news-inner {
		min-height: 200px
	}

	.news-headlines .single-news:first-child {
		display: block
	}

	.news-headlines .single-news:nth-child(2) {
		display: block
	}

	.news-headlines .single-news:nth-child(even) {
		background-color: var(--color__green-light3)
	}

	.news-headlines .single-news:nth-child(even):hover {
		background-color: var(--color__green-light)
	}

	.newsletter .inner-wrap {
		max-width: 400px;
		margin: 0 auto
	}

	.title-breadcrumbs .breadcrumbs a {
		max-width: 16em
	}

	.arhiv-list .grid-sizer {
		width: 48%
	}

	.arhiv-list .gutter-sizer {
		width: 2%
	}

	.arhiv-list .single-news {
		width: 48%
	}

	.arhiv-list .single-news:hover {
		background-color: var(--color__green-light)
	}

	.results-list-wrap .events .event.hasResults table {
		font-size: 1em
	}

	.results-list-wrap .events .event .event-results {
		margin-bottom: 1em;
		padding-bottom: 1em;
		border-bottom: 1px solid #fff;
		font-size: 1em
	}

	.results-list-wrap .events .event .event-results .run .title {
		display: inline-block;
		float: left;
		width: 60%;
		font-size: 1.1em;
		text-align: left
	}

	.results-list-wrap .events .event .event-results .run .title:after {
		content: ": "
	}

	.results-list-wrap .events .event .event-results .run .gender-wrap a {
		width: 2em;
		height: 2em;
		float: left;
		line-height: 2em;
		font-size: 1.2em
	}

	.results-list-wrap .events .event .event-results .run .gender-wrap a:first-of-type {
		margin-left: 3%
	}

	.results-list-wrap .events .event .event-results .run .gender-wrap a:last-of-type {
		margin-left: 3%
	}

	.zmagovalci {
		margin-top: 2em;
		font-size: 1em
	}

	.zmagovalci .gender-wrap {
		margin-top: 1em
	}

	.zmagovalci .gender-wrap .gender {
		text-align: left;
		font-size: 1.5em
	}

	.runs .main-article .intro span {
		display: inline-block;
		position: relative;
		margin-left: 2em
	}

	.runs .main-article .intro span:before {
		position: absolute;
		left: -1.2em;
		top: 0;
		content: "|"
	}

	.runs .main-article .intro span:first-child {
		margin-left: 0
	}

	.runs .main-article .intro span:first-child:before {
		display: none
	}

	.runs .trasa .legend {
		transform: translateX(0)
	}

	.runs .trasa .legend .trigger {
		display: none
	}

	.runs .sponsors {
		margin-top: 2em;
		text-align: center
	}

	.runs .sponsors svg {
		width: 120px;
		height: 89px
	}

	.video-rekordi {
		overflow: hidden
	}

	.video-rekordi:after {
		background-size: auto 50%
	}

	.video-rekordi .inner-wrapper:before,
	.video-rekordi .inner-wrapper:after {
		content: " ";
		display: table
	}

	.video-rekordi .inner-wrapper:after {
		clear: both
	}

	.video-rekordi .inner-wrapper {
		*zoom: 1
	}

	.video-rekordi .video,
	.video-rekordi .rekordi {
		width: 48%;
		float: left
	}

	.video-rekordi .rekordi {
		margin-top: 0
	}

	.signup-buttons {
		font-size: 1.4rem
	}

	.prijave .main-article.prijave-intro .content>.signup-buttons {
		max-width: var(--maxInnerWidth);
		margin: 2em auto 0 auto;
		padding: 0 0.5em;
		overflow: hidden;
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 0.5em
	}

	.prijave .main-article.prijave-intro .content>.signup-buttons a {
		margin: 0;
		width: 48%;
		float: left
	}

	.main-footer .iban-naslov {
		margin-top: 0.8rem;
		font-size: 0.85rem
	}

	.thank-you .row {
		overflow: hidden
	}

	.thank-you .row .column {
		width: 48%;
		float: left
	}

	.thank-you .row .column:first-of-type {
		margin-right: 4%
	}

	.thank-you .row .column p b {
		font-family: var(--font__regular);
	}

	.statistika {
		font-size: 1em
	}

	.big-gallery-wrap .image {
		width: 49%
	}

	.big-gallery-wrap .grid-sizer {
		width: 49%
	}

	.big-gallery-wrap .gutter-sizer {
		width: 1%
	}

	.paymentType .input-group {
		flex-direction: row
	}

	.paymentIcons {
		width: 2em
	}
}

@media only screen and (min-width: 768px) {
	h1 {
		font-size: 3.3rem
	}

	h2 {
		font-size: 2.5rem
	}

	h3 {
		font-size: 2rem
	}

	h4 {
		font-size: 1.4rem
	}

	.teasers {
		max-width: var(--maxInnerWidth);
		margin-left: auto;
		margin-right: auto;
		font-size: 1.4em
	}

	.teasers .slick-dots li button {
		width: 4rem;
		height: 0.3rem
	}

	.diploma-wrap .search-diploma .fake-checkbox {
		font-size: 0.75em
	}

	.live-wrap .search-live .submit {
		top: 1.3em
	}

	.search.open .trigger {
		padding-top: 0.29em
	}

	table.mts-data-table {
		font-size: 1em
	}

	.search.open .results-wrapper.active .results-news,
	.search.open .results-wrapper.active .results-content {
		display: inline-block
	}

	.search .results-wrapper {
		height: calc(100% - 4rem)
	}

	.results-wrapper {
		margin-top: 1em
	}

	.results-wrapper .results-news {
		margin-top: 0;
		width: 47%;
		display: inline-block;
		vertical-align: top;
		float: none
	}

	.results-wrapper .results-news:first-child {
		margin-right: 4%
	}

	.results-wrapper .results-content {
		display: inline-block;
		vertical-align: top;
		float: none;
		width: 47%
	}

	.dataTables_wrapper .dataTables_filter input {
		width: 20em
	}

	.dataTables_wrapper .dataTables_filter label {
		font-size: 1.2em
	}

	.dataTables_wrapper .dataTables_length {
		font-size: 1.2em
	}

	.dataTables_wrapper .dataTables_length span {
		display: inline-block
	}

	.dataTables_wrapper .dataTables_paginate {
		margin-top: 2em
	}

	.results-list-wrap .results-download p {
		text-align: center
	}

	.results-list-wrap .results-download p a {
		padding: 0.15em 0.6em;
		font-size: 0.7em
	}

	.results-list-wrap .events .event {
		overflow: hidden
	}

	.results-list-wrap .events .event .image {
		width: 40%;
		float: left;
		margin-top: 0.5em
	}

	.results-list-wrap .events .event .info {
		width: 57%;
		margin-left: 3%;
		float: left
	}

	.results-list-wrap .events .event .info h2 {
		text-align: left;
		font-size: 1.4em
	}

	.results-list-wrap .events .event .event-results .run .title {
		width: 74%;
		font-size: 0.9em
	}

	.results-list-wrap .events .event .event-results .run .gender-wrap {
		padding-bottom: 0;
		padding-top: 0.1rem
	}

	.results-list-wrap .events .event .event-results .run .gender-wrap a {
		font-size: 1em
	}

	.results-list-wrap .events .event.hasResults {
		border-bottom: none
	}

	.results-list-wrap .events .event.hasResults table {
		font-size: 0.8em
	}

	.results-list-wrap .events .event.hasResults .results-download a {
		padding: 0.3em 0.6em;
		font-size: 0.8em
	}

	.results-list-wrap .events .event.hasResults:nth-child(even) .image {
		float: right;
		margin-left: 3%
	}

	.results-list-wrap .events .event.hasResults:nth-child(even) .info {
		float: left;
		margin-left: 0
	}

	.results-list-wrap .events .event:nth-child(even) .image {
		float: right;
		margin-left: 3%
	}

	.results-list-wrap .events .event:nth-child(even) .info {
		float: left;
		margin-left: 0
	}

	.results-list-wrap .events .event:first-child {
		padding: 1em
	}

	.results-list-wrap .results-list {
		width: 100%
	}

	.lock .results-list table.mts-data-table.with-categories thead tr th {
		min-width: auto;
		min-width: 0
	}

	.results-list table.mts-data-table.with-categories tr td:nth-child(2),
	.results-list table.mts-data-table.with-categories tr th:nth-child(2) {
		display: table-cell;
		width: 6%
	}

	.results-list table.mts-data-table.with-categories tr td:nth-child(5),
	.results-list table.mts-data-table.with-categories tr th:nth-child(5) {
		display: table-cell
	}

	.results-list table.mts-data-table.with-categories tr td:nth-child(6),
	.results-list table.mts-data-table.with-categories tr th:nth-child(6) {
		display: table-cell;
		width: 6%
	}

	.zmagovalci {
		font-size: 0.8em
	}

	.group-edit {
		max-width: 980px;
		margin-left: auto;
		margin-right: auto
	}

	.group-edit .club-info-members:before,
	.group-edit .club-info-members:after {
		content: " ";
		display: table
	}

	.group-edit .club-info-members:after {
		clear: both
	}

	.group-edit .club-info-members {
		*zoom: 1
	}

	.group-edit .club-info-members .club-info {
		width: 38%;
		float: left
	}

	.group-edit .club-info-members .club-members {
		width: 58%;
		float: left
	}

	.group-edit .club-info-members .club-members tr th:nth-child(3) {
		display: table-cell
	}

	.group-edit .club-info-members .club-members tr td:nth-child(3) {
		display: table-cell
	}

	.contact .content .kontakt {
		max-width: 800px;
		margin-top: 4em;
		margin-left: auto;
		margin-right: auto
	}

	.payment .payment-data {
		max-width: 800px;
		margin-top: 4em;
		margin-left: auto;
		margin-right: auto
	}

	.social-feeds {
		display: block;
		margin: 0 0.5em
	}

	.social-feeds:before,
	.social-feeds:after {
		content: " ";
		display: table
	}

	.social-feeds:after {
		clear: both
	}

	.social-feeds {
		*zoom: 1
	}

	.lang_de .social-feeds {
		margin-top: 4em
	}

	.social-feeds .row {
		overflow: hidden
	}

	.social-feeds.animate .facebook .instagram-logo,
	.social-feeds.animate .twitter .instagram-logo,
	.social-feeds.animate .instagram .instagram-logo,
	.social-feeds.animate .facebook .twitter-logo,
	.social-feeds.animate .twitter .twitter-logo,
	.social-feeds.animate .instagram .twitter-logo,
	.social-feeds.animate .facebook .facebook-logo,
	.social-feeds.animate .twitter .facebook-logo,
	.social-feeds.animate .instagram .facebook-logo {
		transform: scale(1)
	}

	.social-feeds .facebook .instagram-logo,
	.social-feeds .twitter .instagram-logo,
	.social-feeds .instagram .instagram-logo,
	.social-feeds .facebook .twitter-logo,
	.social-feeds .twitter .twitter-logo,
	.social-feeds .instagram .twitter-logo,
	.social-feeds .facebook .facebook-logo,
	.social-feeds .twitter .facebook-logo,
	.social-feeds .instagram .facebook-logo {
		transform: scale(0);
		transition: transform 0.4s
	}

	.social-feeds .facebook,
	.social-feeds .twitter {
		width: 48%;
		float: left;
		margin-left: 4%;
		padding-left: 8rem;
		min-height: 8rem;
		font-size: 0.7em
	}

	.social-feeds .facebook:before,
	.social-feeds .twitter:before,
	.social-feeds .facebook:after,
	.social-feeds .twitter:after {
		content: " ";
		display: table
	}

	.social-feeds .facebook:after,
	.social-feeds .twitter:after {
		clear: both
	}

	.social-feeds .facebook,
	.social-feeds .twitter {
		*zoom: 1
	}

	.social-feeds .facebook:first-of-type,
	.social-feeds .twitter:first-of-type {
		margin-left: 0
	}

	.social-feeds .facebook .post,
	.social-feeds .twitter .post,
	.social-feeds .facebook .tweet,
	.social-feeds .twitter .tweet {
		width: 48%;
		float: left;
		margin-left: 4%
	}

	.social-feeds .facebook .post:first-of-type,
	.social-feeds .twitter .post:first-of-type,
	.social-feeds .facebook .tweet:first-of-type,
	.social-feeds .twitter .tweet:first-of-type {
		margin-left: 0
	}

	.social-feeds .facebook .message a {
		display: inline-block;
		word-break: break-word
	}

	.social-feeds .twitter {
		position: relative;
	}

	.social-feeds .twitter .twitter-logo {
		position: absolute;
		left: -1rem
	}

	.social-feeds .twitter .twitter-logo .icon {
		color: var(--color__green-light);
		display: block
	}

	.social-feeds .twitter .twitter-logo .icon:before {
		font-size: 11em
	}

	.social-feeds .twitter .tweet:first-of-type {
		width: 100%
	}

	.social-feeds .twitter .tweet:last-of-type {
		display: none
	}

	.social-feeds .twitter .tweet:nth-child(2) {
		margin-left: 0
	}

	.social-feeds .twitter .tweet:nth-child(3) {
		margin-left: 4%
	}

	.social-feeds .twitter .tweet:nth-child(4) {
		margin-top: 1rem;
		margin-left: 0
	}

	.social-feeds .twitter a {
		color: var(--color__twitter)
	}

	.social-feeds .twitter a:hover {
		color: #147bc9
	}

	.social-feeds .facebook {
		position: relative;
	}

	.social-feeds .facebook .facebook-logo {
		position: absolute;
		left: 1rem
	}

	.social-feeds .facebook .facebook-logo .icon {
		color: var(--color__green-light);
		display: block
	}

	.social-feeds .facebook .facebook-logo .icon:before {
		font-size: 11em
	}

	.social-feeds .facebook .post .image {
		float: left;
		margin: 0 0.5em 0.5em 0
	}

	.social-feeds .facebook .post a {
		color: var(--color__facebook)
	}

	.social-feeds .facebook .post a:hover {
		color: #1e2e4f
	}

	.social-feeds .facebook .post:first-of-type {
		width: 100%
	}

	.social-feeds .facebook .post:last-of-type {
		display: none
	}

	.social-feeds .instagram {
		margin-top: 2em;
		margin-bottom: 2em;
		padding-left: 8rem;
		position: relative;
		overflow: hidden
	}

	.social-feeds .instagram .instagram-logo {
		position: absolute;
		left: 1rem;
		top: 0;
		border: 0 !important;
		content: '';
		font-size: 7em;
		color: var(--color__green-light);
		display: block;
		background-image: url(/images/instagram.svg);
		background-size: 80px 80px;
		width: 80px;
		height: 80px
	}

	.social-feeds .instagram a {
		display: block;
		width: 13%;
		float: left;
		margin-left: 1%;
		margin-bottom: 0;
		border: 1px solid #9fd8c8
	}

	.social-feeds .instagram a:nth-child(n+9) {
		display: none
	}

	.social-feeds .instagram a img {
		display: block
	}
	
	.runs-list .list {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		gap: 1em;
	}

	.runs-list .run {
		min-height: 12.5em;
		padding: 0;
		border-left: 0.5em solid var(--color__green-light);
		background-color: #fff;
		transition: border-color 0.2s linear
	}

	.runs-list .run .title {
		display: block;
		padding-left: 0.4em;
		color: var(--color__green);
		font-size: 1.3em;
		line-height: 1.1
	}

	.runs-list .run .title b {
		display: block;
		font-size: 1.2em
	}

	.runs-list .run .title:before {
		display: none
	}

	.runs-list .run .distance {
		display: inline-block;
		padding-left: 0.4em;
		padding-right: 0.6em;
		margin: 0.3em 0;
		font-size: 1.6em;
		color: var(--color__green);
		background-color: var(--color__green-light);
		font-family: var(--font__regular);
		font-weight: 700;
		transition: background-color 0.2s linear
	}

	.lang_de .runs-list .run .distance {
		margin-left: 0
	}

	.runs-list .run .info {
		display: block;
		padding-left: 0.4em;
		color: var(--color__gray);
		font-family: var(--font__regular);
		font-weight: bold
	}

	.runs-list .run .info strong,
	.runs-list .run .info b {
		font-family: var(--font__condensed);
		font-weight: 300;
		font-size: 1.5em
	}

	.runs-list .run .info em,
	.runs-list .run .info i {
		display: block;
		font-style: normal;
		font-size: 0.7em
	}

	.runs-list .run:hover,
	.runs-list .run.active {
		border-color: #9fd8c8
	}

	.runs-list .run:hover .distance,
	.runs-list .run.active .distance {
		background-color: #9fd8c8
	}

	.runs-list .run:before {
		background-color: var(--color__green-light)
	}

	.runs-list .run.active:before {
		transform: translateX(0)
	}

	.runs-list .run.subs .run-sub {
		background-color: #fff
	}

	.runs-list .run.subs .run-sub .info {}

	.runs-list .run.subs .run-sub:before {
		background-color: var(--color__green-light)
	}

	.runs .main-article .description ul li {
		display: inline-block;
		margin-left: 1em;
		position: relative
	}

	.runs .main-article .description ul li:before {
		position: absolute;
		left: -0.9em;
		top: 0.2em;
		color: var(--color__gray);
		font-size: 1em;
		content: "|"
	}

	.runs .main-article .description ul li:first-child {
		margin-left: 0
	}

	.runs .main-article .description ul li:first-child:before {
		display: none
	}

	.runs .sponsors svg {
		width: 150px;
		height: 111px
	}

	.banner .inner {
		height: 600px;
		background-position: center center
	}

	.banner .countdown-wrapper {
		display: block;
		position: absolute;
		left: 5%;
		bottom: 30%;
		transform: translateY(-50%)
	}

	.banner .sponsors svg {
		width: 150px;
		height: 111px
	}

	.banner .sponsors .zdravilisce_radenci svg {
		width: 170px;
		height: 125px
	}

	.countdown {
		width: 330px
	}

	.countdown .timer .set .number {
		font-size: 3em
	}

	.countdown .timer .set .info {
		font-size: 0.75em
	}

	.countdown .timer .set.days .number:after,
	.countdown .timer .set.hours .number:after {
		right: -0.35em
	}

	.countdown .text-top,
	.countdown .text-bottom {
		font-size: 1.1em
	}

	.signup-buttons {
		font-size: 1.5rem
	}

	.not-found {
		max-width: 980px;
		margin: 0 auto
	}

	.main-article h1 {
		margin-top: 1em
	}

	.main-article .intro {
		font-size: 1.3em
	}

	.main-article .content {
		font-size: 1.2em
	}

	.main-article.general {
		max-width: 1140px;
		margin: 0 auto;
		min-height: 500px
	}

	.main-article.runners-info {
		max-width: var(--maxInnerWidth)
	}

	.novica {
		margin-bottom: 6em
	}

	.novica h1 {
		margin-top: 0;
		text-align: left
	}

	.novica .main .share-networks {
		display: inline-block;
		font-size: 1.7em
	}

	.novica .main .share-networks .label {
		display: inline-block;
		margin-left: 2em;
		position: relative
	}

	.novica .main .share-networks .label:before {
		position: absolute;
		left: -1.3em;
		top: 0;
		content: "|"
	}

	.novica .main .share-networks .share-network {
		font-size: 1.3em
	}

	.novica .main time {
		display: inline-block;
		font-size: 1.7em
	}

	.title-breadcrumbs {
		max-width: 1140px;
		margin: 2em auto 0 auto
	}

	.title-breadcrumbs .title {
		font-size: 2em
	}

	.title-breadcrumbs .breadcrumbs a {
		max-width: none
	}

	.startnina {
		text-align: left
	}

	.startnina .inner-wrapper {
		max-width: 1000px;
		margin: 0 auto
	}

	.startnina .startnine {
		display: inline-block;
		overflow: hidden;
		width: auto
	}

	.startnina .startnine .group {
		display: block;
		width: auto;
		float: left;
		font-size: 0.9em
	}

	.startnina .startnine .group .title {
		display: block;
		margin-bottom: 1em;
		text-align: left
	}

	.startnina .startnine .group .prijavnine {
		overflow: hidden;
		display: inline-block
	}

	.startnina .startnine .group .prijavnine .prijavnina {
		display: block;
		float: left;
		margin-left: 1em;
		font-size: 0.9em;
		margin-left: 1.5rem
	}

	.startnina .startnine .group .prijavnine .prijavnina:first-child {
		margin-left: 0
	}

	.startnina .startnine .group .prijavnine .prijavnina b,
	.startnina .startnine .group .prijavnine .prijavnina strong {
		font-size: 2.2rem
	}

	.startnina .startnine .group .prijavnine .prijavnina strong {
		margin-bottom: 0.2rem
	}

	.startnina .startnine .group:nth-child(2) {
		margin-left: 1em;
		padding-left: 1em;
		position: relative
	}

	.startnina .startnine .group:nth-child(2):after {
		width: 1px;
		height: 5em;
		position: absolute;
		left: 0.3em;
		top: 3em;
		content: "";
		background-color: var(--color__green-light)
	}

	.startnina .prijave {
		margin-top: 2em;
		padding-top: 0;
		border-top: 0 none;
		overflow: hidden
	}

	.startnina .prijave .minage {
		float: left;
		margin-right: 3em;
		padding-right: 3em;
		position: relative
	}

	.startnina .prijave .minage:after {
		width: 1px;
		height: 5em;
		position: absolute;
		right: 0.3em;
		top: 0;
		content: "";
		background-color: var(--color__green-light)
	}


	.tekmuj-sam {
		width: 120%;
		height: 9em;
		margin-top: -1.5em;
		background: transparent url('/img/w1200-h200-c12x2/images/tekmuj_sam_s_seboj.jpg') no-repeat center bottom;
		transform: translateX(-10%) rotate(-1deg)
	}

	.tekmuj-sam div {
		height: 30%;
		bottom: -0.2em
	}

	.tekmuj-sam div p {
		display: inline-block;
		font-size: 1.5em;
		font-weight: 400
	}

	.news-headlines {
		position: relative;
		z-index: 90
	}

	.news-headlines .single-news {
		width: 33.3333%;
		padding: 6em 2em 4em 2em
	}

	.news-headlines .single-news .news-inner {
		min-height: 190px
	}

	.news-headlines .single-news:first-child {
		display: block
	}

	.news-headlines .single-news:nth-child(2),
	.news-headlines .single-news:nth-child(3) {
		display: block
	}

	.news-headlines .single-news .section-title {
		position: absolute;
		bottom: 0;
		right: 0.3em;
		font-weight: 700;
		color: var(--color__green);
		text-transform: lowercase;
		font-size: 2em
	}

	.news-headlines .single-news:nth-child(2) {
		position: relative
	}

	.news-headlines .single-news:nth-child(2) .section-title {
		display: block
	}

	.news-headlines .share .date .timestamp {
		margin-left: 0.1em;
		font-size: 0.75em
	}

	.news-headlines .share .share-networks {
		text-align: center
	}

	.news__info {
		flex-direction: row;
		justify-content: flex-start;
		gap: 0.5em
	}

	.share .date .timestamp {
		font-family: var(--font__regular);
	}

	.gallery {
		padding: 1.5em 0.5em 0 0.5em;
		padding-top: 0.5em
	}

	.gallery:before,
	.gallery:after {
		content: " ";
		display: table
	}

	.gallery:after {
		clear: both
	}

	.gallery {
		*zoom: 1
	}

	.gallery>.title {
		font-size: 1.3em;
		display: none
	}

	.lang_de .gallery>.title {
		font-size: 1.9vw
	}

	.lang_de .gallery .title {
		font-size: 1.9vw
	}

	.gallery .images .set {
		height: 200px;
		margin-right: 0.5%;
		margin-bottom: 0.5%
	}

	.gallery .images .set.n1 {
		width: 15%
	}

	.gallery .images .set.n2 {
		width: 33.5%
	}

	.gallery .images .set.n3 {
		width: 30%
	}

	.gallery .images .set.n4 {
		width: 20%;
		margin-right: 0
	}

	.gallery .images .set.label {
		display: inline-block;
		width: 30%;
		padding: 1em 0.7em;
		position: relative;
		overflow: hidden;
		z-index: 1;
		text-align: center
	}

	.gallery .images .set.label:after {
		position: absolute;
		right: 10%;
		bottom: -1%;
		transform: rotate(-25deg);
		font-family: 'mts';
		speak: none;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		line-height: 1;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		content: "\e60d";
		color: var(--color__green-light);
		font-size: 5em
	}

	.gallery .images .set.label .title {
		position: relative;
		z-index: 2;
		text-align: left
	}

	.gallery .images .set.label .title b {
		font-size: 1.7em
	}

	.gallery .images .set.label .title b span {
		display: block
	}

	.gallery .images .set.n5 {
		width: 25%
	}

	.gallery .images .set.n6 {
		width: 15%
	}

	.gallery .images .set.n7 {
		width: 28.5%;
		margin-right: 0
	}

	.gallery .images .set.n8 {
		width: 20%
	}

	.gallery .images .set.n9 {
		width: 25%
	}

	.gallery .images .set.n10 {
		width: 33.5%
	}

	.gallery .images .set.n11 {
		width: 20%;
		margin-right: 0
	}

	.more-photos {
		font-size: 1.4em;
		margin-top: 4rem;
		margin-bottom: 7rem
	}

	.main-footer {
		padding-top: 0;
		border-top: 0 none
	}

	.main-footer .info {
		max-width: var(--maxInnerWidth);
		margin: 0 auto
	}

	.main-footer .info:before,
	.main-footer .info:after {
		content: " ";
		display: table
	}

	.main-footer .info:after {
		clear: both
	}

	.main-footer .info {
		*zoom: 1
	}

	.main-footer .info .column {
		width: 33.3333%;
		float: left;
		margin-bottom: 2em;
		padding-top: 2.5em;
		position: relative;
		border-top: 1px solid var(--color__green)
	}

	.main-footer .info .column .mobileGreen {
		color: var(--color__gray)
	}

	.main-footer .info .column:after {
		width: 54px;
		height: 16px;
		position: absolute;
		left: 50%;
		top: -1px;
		transform: translateX(-50%);
		background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAAQCAMAAABqbnzEAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAeUExURf///1avltjt55jPv7nf03a+qe328yaZeDuihDWggRyi8m0AAABsSURBVCjPldNJDsAgCAVQEMf7X7hp0yZKBb5uiAPqcyAWOi7ClLjns6TcOd1hPAEsice3jLRSsaRamlg1B6XnR4gvSjUGxAkVbIEwht0XHNqeuEVFRBPlbQi9m3Uk/hImIoD6E0GU/h3On7oAeaECBSVdcqoAAAAASUVORK5CYII=");
		content: ""
	}

	.main-footer .info .column:last-of-type {
		margin-bottom: 0
	}

	.main-footer .social {
		width: 100%;
		height: auto;
		margin-top: 0.4em;
		float: none;
		font-size: 2em;
		text-align: center
	}

	.main-footer .social .app-links {
		width: 30%;
		display: inline-block
	}

	.main-footer .social .div-block {
		width: 30%;
		display: inline-block
	}

	.main-footer .social a {
		margin-left: 0.3em
	}

	.trase {
		position: relative;
		margin-top: 3em;
		display: block
	}

	.trase:before,
	.trase:after {
		content: " ";
		display: table
	}

	.trase:after {
		clear: both
	}

	.trase {
		*zoom: 1
	}

	.trase .map {
		width: 60%;
		height: 560px;
		float: left
	}

	.trase .trase-runs {
		width: 40%;
		float: left
	}

	.trase .trase-runs:before,
	.trase .trase-runs:after {
		content: " ";
		display: table
	}

	.trase .trase-runs:after {
		clear: both
	}

	.trase .trase-runs {
		*zoom: 1
	}

	.trase .trase-runs .trase-run {
		width: 50%;
		height: 130px;
		float: left;
		overflow: hidden;
		display: block;
		background-color: var(--color__green);
		cursor: pointer;
		transition: background-color 0.2s linear
	}

	.trase .trase-runs .trase-run:nth-child(2n+1) {
		border-right: 2px solid #fff;
		border-bottom: 2px solid #fff
	}

	.trase .trase-runs .trase-run:nth-child(2n) {
		border-bottom: 2px solid #fff
	}

	.trase .trase-runs .trase-run:last-child {
		width: 100%;
		border-right: 0
	}

	.lang_si .trase .trase-runs .trase-run:last-child {
		width: 50%;
		border-right: 0
	}

	.trase .trase-runs .trase-run .front {
		display: table;
		width: 100%;
		height: 100%;
		padding: 1rem;
		text-align: left;
		font-family: var(--font__condensed);
		line-height: 1.1;
		font-size: 2vw
	}

	.trase .trase-runs .trase-run .front .distance {
		color: #fff;
		font-weight: 700;
		font-size: 1.2em
	}

	.lang_si .trase .trase-runs .trase-run .front .distance {
		margin-bottom: 0.1em
	}

	.trase .trase-runs .trase-run .front .title {
		color: #054230;
		font-weight: 700;
		text-transform: uppercase
	}

	.trase .trase-runs .trase-run .front .title b {
		display: block;
		font-size: 1.2em
	}

	.trase .trase-runs .trase-run .inner {
		display: table-cell;
		width: 100%;
		height: 100%;
		vertical-align: middle
	}

	.trase .trase-runs .trase-run .back {
		display: none;
		padding: 0.5rem;
		width: 100%;
		height: 100%;
		position: relative;
		background-color: var(--color__green-light3);
		color: var(--color__green-dark)
	}

	.trase .trase-runs .trase-run .back .title {
		font-family: var(--font__condensed);
		text-transform: uppercase;
		font-weight: 700;
		line-height: 1.1;
		font-size: 0.9em
	}

	.trase .trase-runs .trase-run .back .title b {
		display: block;
		font-size: 1.1em
	}

	.trase .trase-runs .trase-run .back .distance {
		font-size: 0.8em;
		font-weight: 700;
		line-height: 1
	}

	.trase .trase-runs .trase-run .back .info {
		font-size: 0.6em
	}

	.trase .trase-runs .trase-run .back .info ul {
		list-style: none
	}

	.trase .trase-runs .trase-run .back .info ul li:before {
		content: "|"
	}

	.trase .trase-runs .trase-run .back:after {
		position: absolute;
		right: 0.3rem;
		bottom: 0.3rem;
		font-family: 'mts';
		speak: none;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		line-height: 1;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		content: "\e601"
	}

	.trase .trase-runs .trase-run:nth-child(7),
	.trase .trase-runs .trase-run:nth-child(8) {
		height: 170px;
		border-bottom: 0 none
	}

	.trase .trase-runs .trase-run:nth-child(7) .back,
	.trase .trase-runs .trase-run:nth-child(8) .back,
	.trase .trase-runs .trase-run:nth-child(7) .front,
	.trase .trase-runs .trase-run:nth-child(8) .front {
		padding-bottom: 40px
	}

	.trase .trase-runs .trase-run:nth-child(7) .back:after,
	.trase .trase-runs .trase-run:nth-child(8) .back:after {
		bottom: 40px
	}

	.trase .trase-runs .trase-run:hover {
		background-color: var(--color__green-dark)
	}

	.trase .trase-runs .trase-run.hasTrasa:hover .front,
	.trase .trase-runs .trase-run.hasTrasa.active .front {
		display: none
	}

	.trase .trase-runs .trase-run.hasTrasa:hover .back,
	.trase .trase-runs .trase-run.hasTrasa.active .back {
		display: table
	}

	.trase .legend {
		position: absolute;
		left: 0;
		top: 10%;
		z-index: 100
	}

	.trase .legend .title {
		text-transform: lowercase;
		text-align: right;
		font-size: 1.7em;
		font-weight: 700;
		color: var(--color__green-dark);
		line-height: 1
	}

	.trase .legend .data {
		position: relative;
		padding: 0.5rem 0.8rem 0.5rem 0.5rem;
		background-color: #fff;
		color: var(--color__green);
		font-family: var(--font__condensed);
		font-size: 1.3em;
		font-weight: 700
	}

	.trase .legend .data>div {
		margin-left: 1em;
		position: relative
	}

	.trase .legend .data>div:before {
		margin-right: 0.5em;
		font-family: 'mts';
		speak: none;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		line-height: 1;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		color: var(--color__green)
	}

	.trase .legend .data>div.elevation:before {
		content: "\e605"
	}

	.trase .legend .data>div.elevation-delta:before {
		content: "\e606"
	}

	.trase .legend .data>div.temperature:before {
		content: "\e600"
	}

	.trase .legend .data>div.humidity:before {
		content: "\e607"
	}

	.trase .legend .data>div:hover .tooltip {
		display: block
	}

	.trase .legend .data .tooltip {
		display: none;
		position: absolute;
		left: 110%;
		top: 0;
		padding: 0.5em;
		width: 14em;
		font-weight: 300;
		line-height: 1.2;
		font-size: 0.8em;
		background-color: rgba(20, 144, 108, 0.9);
		color: #fff
	}

	.nordijskaHoja_opozorilo {
		font-size: 0.82em;
		line-height: 1.3;
		max-width: 42em;
		margin-left: auto;
		margin-right: auto
	}

	.event-stats {
		display: block;
		padding: 1em 0;
		background-color: var(--color__green-light3)
	}

	.event-stats .inner-wrap {
		max-width: 980px;
		margin: 0 auto
	}

	.event-stats .inner-wrap:before,
	.event-stats .inner-wrap:after {
		content: " ";
		display: table
	}

	.event-stats .inner-wrap:after {
		clear: both
	}

	.event-stats .inner-wrap {
		*zoom: 1
	}

	.event-stats .set {
		width: 25%;
		float: left;
		color: var(--color__green);
		font-size: 1.3em;
		text-align: center
	}

	.event-stats .set .label {
		font-family: var(--font__condensed);
		text-transform: uppercase
	}

	.event-stats .set .data {
		font-size: 2em;
		font-weight: 700
	}

	.home .newsletter {
		margin-top: 0em
	}

	.newsletter:after {
		background-size: auto 80%
	}

	.arhiv-list {
		max-width: var(--maxInnerWidth);
		margin: 0 auto;
		padding: 0
	}

	.arhiv-list .single-news .news-inner {
		font-size: 1.5em
	}

	.arhiv-list .single-news .news-inner .intro {
		font-size: 0.83em
	}

	.video-rekordi {
		padding: 1.5em 0.5em
	}

	.video-rekordi .inner-wrapper {
		max-width: 1000px;
		margin: 0 auto
	}

	.video-rekordi .rekordi .rekordi-list {
		font-size: 1.3em
	}

	.razpis p a {
		padding: 0.2em 1.5em
	}

	.about {
		position: relative
	}

	.about .content .razpis {
		text-align: center
	}

	.about .content .razpis a {
		font-size: 1.5em
	}

	.about .content .intro {
		text-align: center
	}

	.about .content .intro .set {
		display: inline-block;
		margin-left: 1.5em
	}

	.about .content .intro .set strong,
	.about .content .intro .set b {
		margin-left: 0.5em;
		color: var(--color__green);
		color: var(--color__green-dark2)
	}

	.about .content .discipline {
		overflow: hidden
	}

	.about .content .discipline .column {
		width: 48%;
		float: left
	}

	.about .content .discipline .column:first-child {
		width: 48%;
		margin-right: 4%
	}

	.about .content .discipline .column:nth-child(2) {
		position: relative
	}

	.about .content .discipline .column:nth-child(2):after {
		position: absolute;
		left: -8%;
		top: 0;
		width: 1px;
		height: 100%;
		background-color: #9fd8c8;
		content: ""
	}

	.about .content .discipline a {
		font-size: 1em;
		margin-left: 0
	}

	.about .content .nagrade {
		margin-top: 0;
		padding-top: 0;
		border-top: 0;
		overflow: hidden
	}

	.about .content .nagrade .nagrada {
		font-size: 0.85em
	}

	.about .content .nagrade .nagrada b,
	.about .content .nagrade .nagrada strong {
		font-size: 1.2em
	}

	.about .content .nagrade .nagrada:nth-of-type(1),
	.about .content .nagrade .nagrada:nth-of-type(2) {
		width: 48%;
		float: left
	}

	.about .content .nagrade .nagrada:nth-of-type(2) {
		margin-left: 4%
	}

	.about .content .nagrade .nagrada:nth-of-type(3) {
		clear: both
	}

	.about .content .informacije {
		font-weight: 300
	}

	.about .content .informacije .informacija {
		margin-bottom: 0.66em;
		margin-left: 0;
		font-size: 1em
	}

	.about .content .program {
		margin-top: 4em;
		overflow: hidden;
		padding: 3em 4em 5em 4em
	}

	.about .content .program h2:after {
		left: 45%;
		width: 10%
	}

	.about .content .program:after {
		bottom: 0
	}

	.about .content .program .column {
		width: 48%;
		float: left;
		font-size: 1.1em
	}

	.about .content .program .column:nth-of-type(1) {
		margin-right: 4%
	}

	.about .content .program .column .set {
		overflow: hidden;
		margin-bottom: 0.66em
	}

	.about .content .program .column .set b,
	.about .content .program .column .set strong {
		width: 20%
	}

	.lang_en .about .content .program .column .set b,
	.lang_en .about .content .program .column .set strong {
		width: 30%
	}

	.about .content .program .column .set span {
		width: 80%;
		font-size: 0.9em
	}

	.lang_en .about .content .program .column .set span {
		width: 70%
	}

	.about .content .program:after {
		background-size: auto 70%
	}

	.runners-info .intro {
		color: var(--color__green-dark2);
		text-align: center
	}

	.runners-info .intro .set {
		display: inline-block;
		margin-left: 1.5em
	}

	.runners-info .intro .set strong,
	.runners-info .intro .set b {
		margin-left: 0.5em;
		color: var(--color__green);
		color: var(--color__green-dark2)
	}

	.runners-info .row:before,
	.runners-info .row:after {
		content: " ";
		display: table
	}

	.runners-info .row:after {
		clear: both
	}

	.runners-info .row {
		*zoom: 1
	}

	.runners-info .row .column2 {
		width: 48%;
		float: left
	}

	.runners-info .row .column2:first-child {
		margin-right: 4%
	}

	.sponzorji-wrap .group h2:after {
		left: 42%;
		width: 16%
	}

	.sponzorji-wrap .group .sets:before,
	.sponzorji-wrap .group .sets:after {
		content: " ";
		display: table
	}

	.sponzorji-wrap .group .sets:after {
		clear: both
	}

	.sponzorji-wrap .group .sets {
		*zoom: 1
	}

	.sponzorji-wrap .group .sets .set {
		display: block;
		float: left;
		width: 25%;
		height: 170px;
		margin-bottom: 0
	}

	.sponzorji-wrap .group .sets .set:after {
		position: absolute;
		width: 35%;
		right: 2rem;
		left: auto
	}

	.sponzorji-wrap .group .sets .set:before {
		position: absolute;
		width: 35%;
		height: 1px;
		left: 2rem;
		bottom: 0;
		content: "";
		background-color: var(--color__silver)
	}

	.sponzorji-wrap .group .sets .set:nth-child(2n) .border {
		display: block
	}

	.sponzorji-wrap .group .sets .set:nth-child(4n) .border {
		display: none
	}

	.prijave-single-group,
	.group-register-login {
		max-width: var(--maxInnerWidth);
		margin-left: auto;
		margin-right: auto;
		font-size: 1.2em
	}

	.statistika {
		max-width: 38em;
		font-size: 1.2em
	}

	.statistika .stats {
		overflow: hidden
	}

	.statistika .stats .stat {
		width: 60%;
		float: right
	}

	.statistika .stats .sum {
		width: 35%;
		margin-right: 5%;
		float: left;
		text-align: center
	}

	.statistika .stats .sum .label {
		float: none;
		width: 100%
	}

	.statistika .stats .sum .count {
		width: 100%;
		float: none;
		font-size: 2em;
		text-align: center
	}

	.entries-list-wrapper {
		padding: 0 0.5em
	}

	.entries-list-wrapper h3 {
		font-size: 2.4em
	}

	.prijave .main-article .content {
		text-align: left
	}

	.prijave .main-article .intro {
		text-align: center
	}

	.prijave .main-article .sub-intro {
		text-align: center !important;
		max-width: 60% !important;
		margin-left: auto !important;
		margin-right: auto !important
	}

	.prijave .main-article.prijave-intro,
	.prijave .main-article.prijave-single,
	.prijave .main-article.prijave-group {
		position: relative
	}

	.prijave .main-article.prijave-intro .sidebar .razpis,
	.prijave .main-article.prijave-single .sidebar .razpis,
	.prijave .main-article.prijave-group .sidebar .razpis {
		text-align: center
	}

	.prijave .main-article.prijave-intro .sidebar .razpis a,
	.prijave .main-article.prijave-single .sidebar .razpis a,
	.prijave .main-article.prijave-group .sidebar .razpis a {
		font-size: 1.5em
	}

	

	.prijave .main-article.prijave-intro .sidebar .list,
	.prijave .main-article.prijave-single .sidebar .list,
	.prijave .main-article.prijave-group .sidebar .list {
		text-align: center
	}

	.prijave .main-article.prijave-intro .content .soon {
		text-align: center
	}

	.prijave .main-article.prijave-intro .content .row {
		overflow: hidden
	}

	.prijave .main-article.prijave-intro .content .row .column {
		width: 48%;
		float: left
	}

	.prijave .main-article.prijave-intro .content .row .column:first-child {
		margin-right: 4%
	}

	.prijave .main-article.prijave-intro .content .row .column tr:first-child td {
		height: 3.3em;
		vertical-align: middle
	}

	.prijave .main-article .sidebar .list {
		width: 100%;
		align-items: center
	}

	.lang_de.prijave .main-article.prijave-intro .sidebar .razpis a {
		font-size: 1.1em
	}

	.lang_de.prijave .main-article.prijave-single .sidebar .razpis a {
		font-size: 1.1em
	}

	.form-single .part1 .row:before,
	.form-single .part1 .row:after {
		content: " ";
		display: table
	}

	.form-single .part1 .row:after {
		clear: both
	}

	.form-single .part1 .row {
		*zoom: 1
	}

	.form-single .part1 .row .column2 {
		width: 48%;
		float: left;
		margin-left: 4%
	}

	.form-single .part1 .row .column2:first-child {
		margin-left: 0
	}

	.form-single .part2 {
		padding-top: 1em;
		padding-bottom: 1em
	}

	.form-single .part2 .input-wrap {
		padding: 1em 2em
	}

	.form-single .part2 .input-group {
		margin-bottom: 0
	}

	.form-single .part2 .input-group label {
		width: 16.8%
	}

	.form-single .part2 .input-group .input-wrap {
		width: 83%;
		margin-left: 0
	}

	.form-single .part2 .run5-underage-warning {
		padding-left: 16.8%;
		margin-bottom: 0
	}

	.form-single .part3 .row:before,
	.form-single .part3 .row:after {
		content: " ";
		display: table
	}

	.form-single .part3 .row:after {
		clear: both
	}

	.form-single .part3 .row {
		*zoom: 1
	}

	.form-single .part3 .row .column2 {
		width: 48%;
		float: left;
		margin-left: 4%
	}

	.form-single .part3 .row .column2:first-child {
		margin-left: 0
	}

	.form-single .part3>.input-group {
		margin-bottom: 0
	}

	.form-single .part3>.input-group label {
		width: 16.8%
	}

	.form-single .part3>.input-group .input-wrap {
		width: 83%;
		margin-left: 0
	}

	#sosedskiPaketRun label {
		display: block
	}

	.input-group .fake-radio.checked:before {
		left: 0.42em;
		top: 0.42em
	}

	.thank-you {
		max-width: var(--maxInnerWidth);
		margin: 0 auto
	}

	.thank-you .row {
		font-size: 1.3em
	}

	.prijave-payment {
		max-width: var(--maxInnerWidth);
		margin: 0 auto
	}

	.prijave-payment .row {
		display: flex;
		align-items: flex-start
	}

	.prijave-payment .summary p {
		font-size: 1.3em
	}

	.group-register-login.row {
		margin-top: 2em;
		width: 100%;
		overflow: hidden
	}

	.group-register-login.row .column2 {
		width: 48%;
		float: left
	}

	.group-register-login.row .column2:first-child {
		margin-right: 4%
	}

	.big-gallery-wrap {
		margin-left: 1%
	}

	.big-gallery-wrap .image {
		width: 32%
	}

	.big-gallery-wrap .grid-sizer {
		width: 32%
	}

	.big-gallery-wrap .gutter-sizer {
		width: 1%
	}

	.runs .trasa .legend {
		transition: none
	}

	.paymentType label {
		width: 16.8%
	}

	.paymentType .input-wrap {
		width: 83%;
		margin-left: 0%
	}

	.paymentType .input-group div:not(:last-child) {
		margin-right: 2em
	}
}

@media only screen and (min-width: 1140px) {
	.desktopOnly {
		display: block
	}

	.mobileOnly {
		display: none !important
	}

	.menu-logo-holder .logo-holder {
		height: 3.7rem
	}

	.menu-logo-holder .logo-holder .logo {
		height: 3.7rem
	}

	.menu-main {
		position: relative;
		top: auto;
		right: auto;
		padding: 0;
		float: right;
		height: 3.7rem;
		display: inline-block;
		width: auto;
		overflow: hidden;
		font-size: 1.2rem;
		border: 0 none;
		background-color: var(--color__green);
		margin-right: 1rem
	}

	.lang_de .menu-main {
		font-size: 1rem;
		line-height: 2
	}

	.menu-main ul {
		max-width: none;
		margin: 0 0 0 1rem;
	}

	.menu-main ul li {
		display: inline-block
	}

	.menu-main ul li a {
		padding: 0.25em 0.4em 0 0.4em
	}

	.lang_de .menu-main ul li a {
		padding: 0.19em 0.5em 0 0.5em
	}

	.menu-main ul li:hover a {
		color: #000
	}

	.home .menu-main ul li[content-id="domov"],
	.home .menu-main ul li[content-id="home"],
	.home .menu-main ul li[content-id="startseite"] {
		display: none
	}

	.menu-main ul li[content-id="medijsko-sredisce"] {
		display: none
	}

	.fake-new-menu .logo-holder.onlyMobile {
		display: none
	}

	.fake-new-menu .menu-main {
		position: relative;
		z-index: 50;
		transition: transform 0.4s
	}

	.fake-new-menu .menu-main ul {
		display: inline-block;
		vertical-align: top
	}

	.fake-new-menu .menu-main .second-level {
		display: none
	}

	.fake-new-menu .menu-main .logo-holder {
		display: none;
		vertical-align: top;
		height: 3.7rem
	}

	.fake-new-menu .menu-main .logo-holder img {
		height: 3.7rem
	}

	.sticky .fake-new-menu .menu-main .logo-holder {
		display: inline-block
	}

	.costum-menu-lang {
		display: none
	}

	.menu-lang {
		display: inline-block
	}

	.main-header {
		position: fixed;
		z-index: 5000;
		top: 0;
		left: 0;
		right: 0;
		overflow: hidden;
		background-color: var(--color__green)
	}

	.main-header.searchOpened {
		height: 100%;
		overflow: visible;
		overflow-x: hidden
	}

	body {
		padding-top: 3.7rem
	}

	.menu-main-trigger,
	.mainMenuSelected {
		display: none;
		height: 3.7rem;
		font-size: 1.2em
	}

	.menu-main-trigger {
		width: 3rem;
		padding-top: 0.45em
	}

	.menu-main-trigger>div {
		font-size: 1.3em;
		transform: translateY(-0.1em)
	}

	.menu-main-trigger:hover {
		color: #054230
	}

	.mainMenuSelected {
		padding-top: 0.2em
	}

	.main-header .social {
		display: none;
		height: 3.7rem
	}

	.main-header .social a {
		font-size: 1.5em
	}

	.social-feeds .instagram .instagram-logo {
		background-size: 80px 80px;
		width: 80px;
		height: 80px;
		top: 0.5rem
	}

	.social-feeds .instagram a {
		width: 9%;
		margin-left: 1%
	}

	.social-feeds .instagram a:nth-child(n+9) {
		display: block
	}

	.social-feeds .instagram a:nth-child(n+11) {
		display: none
	}

	.social-feeds .twitter .tweet:first-of-type {
		width: 48%
	}

	.social-feeds .twitter .tweet:last-of-type {
		display: block
	}

	.social-feeds .facebook .post:first-of-type {
		width: 48%
	}

	.social-feeds .facebook .post:last-of-type {
		display: block
	}

	.social-feeds .facebook,
	.social-feeds .twitter {
		font-size: 0.8em
	}

	.search {
		height: 3.7rem
	}

	.search .form {
		height: 100%
	}

	.search .results-wrapper {
		height: calc(100% - 6rem);
		position: relative;
		overflow: hidden
	}

	.search .results-wrapper .result {
		font-size: 1.3em;
		font-weight: 300
	}

	.search .results-wrapper .viewport .overview {
		width: 100%
	}

	.search.hide-search {
		display: inline-block !important
	}

	.search .trigger {
		width: 3.5rem;
		height: 3.7rem;
		padding-top: 0.3em;
		overflow: hidden;
		background-color: #054230;
		font-size: 1.5em
	}

	.search .input {
		vertical-align: top;
		display: inline-block;
		width: 10rem;
		height: 100%;
		overflow: hidden;
		margin-left: -4px;
		background-color: var(--color__green-dark)
	}

	.search .input input {
		font-size: 1.2em
	}

	.search.open {
		padding: 4em 3em;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%
	}

	.search.open .form {
		height: 6em
	}

	.search.open .trigger {
		width: 6rem;
		font-size: 2.8em
	}

	.search.open .input {
		font-size: 2.5em
	}

	.search.open .close {
		top: 0.1em;
		right: 0.1em;
		font-size: 3em
	}

	.search.open .close:hover {
		color: #000
	}

	.menu-lang a {
		width: 2rem;
		height: 3.7rem;
		font-family: var(--font__condensed);
		font-size: 1em;
		line-height: 2.3rem
	}

	table.mts-data-table {
		font-size: 1.4em
	}

	.logo {
		display: none
	}

	.main-header {
		height: 3.7rem;
		background-color: var(--color__green)
	}

	.main-header .menu-main {
		position: relative;
		z-index: 90
	}

	.main-header .menu-lang {
		position: relative;
		z-index: 100
	}

	.main-header .mainMenuSelected {
		display: none
	}

	.main-header.sticky {
		background-color: transparent
	}

	.main-header.sticky .menu-main {
		margin-right: 0;
		display: none
	}

	.main-header.sticky .menu-main.active {
		display: block
	}

	.main-header.sticky .menu-main-trigger {
		display: inline-block
	}

	.main-header.sticky .search .input {
		display: none
	}

	.main-header.sticky .search.open .input {
		display: block
	}

	.main-header.sticky .menu-lang {
		display: none
	}

	.main-header.sticky .logo {
		display: block;
		padding: 0.3em 0.6em
	}

	.banner {
		margin-top: -70px
	}

	.banner .inner {
		height: 835px
	}

	.banner .countdown-wrapper {
		left: 10%;
		bottom: 40%
	}

	.countdown {
		width: 500px
	}

	.countdown .timer .set {
		margin-left: 2rem
	}

	.countdown .timer .set .number {
		font-size: 5em
	}

	.countdown .timer .set .info {
		font-size: 0.85em
	}

	.countdown .timer .set.days .number:after,
	.countdown .timer .set.hours .number:after {
		right: -0.45em
	}

	.countdown .timer .set.minutes .number:after {
		right: -0.4em
	}

	.countdown .text-top,
	.countdown .text-bottom {
		font-size: 1.35em
	}

	.main-article h1 {
		margin-bottom: 1em
	}

	.main-article .content {
		padding: 0 2.5rem;
		margin-top: 2em;
		font-size: 1.4em
	}

	.main-article .content .column-content {
		width: 48%;
		display: inline-block;
		vertical-align: top
	}

	.main-article .content .column-content:nth-child(2n+2) {
		margin-right: 3%
	}

	.main-article.not-found h1 {
		margin-left: 0;
		text-align: left
	}

	.main-article.not-found .content {
		padding: 0 0.5rem
	}

	.prijave .main-article h1 {
		margin-bottom: 0.4em
	}

	.prijave .main-article .content {
		margin-top: 1em
	}
	
	.runs-list .list {
		grid-template-columns: repeat(7, 1fr)
	}

	.runs-list .run {
		min-height: 15em;
		border-left: 0.5em solid var(--color__green-light)
	}




	.runs-list.halfSize {
		background-color: #f9f9f9;
		padding: 2.5rem 0 1rem 0;
		display: block
	}

	.runs .runs-list.halfSize {
		margin-top: 2em
	}

	.runs-list.halfSize .run {
		background-color: #f9f9f9;
		min-height: 8.5em
	}

	.runs-list.halfSize .run.subs .run-sub {
		background-color: #f9f9f9
	}

	.runs .runs-list {
		margin-top: 7em
	}

	.runs .trasa {
		height: 500px
	}

	.runs .trasa .legend {
		font-size: 1.4em;
		background-color: rgba(255, 255, 255, 0.8)
	}

	.runs .trasa .legend .data {
		background-color: transparent
	}

	.runs .main-article .intro span {
		margin-left: 1.1em;
	}

	.runs .main-article .intro span:before {
		display: none
	}

	.runs .main-article .intro span.trase__logo {
		display: inline-block
	}

	.runs .main-article .content {
		max-width: var(--maxInnerWidth);
		margin: 0 auto
	}

	.runs .main-article .description {
		max-width: 1140px;
		margin: 0 auto;
		padding: 0
	}

	.runs .sponsors {
		margin-top: 4em
	}

	.runs .sponsors svg {
		width: 200px;
		height: 148px
	}

	.runs .sponsors a {
		display: inline-block;
		margin-left: 7em
	}

	.runs .sponsors a:first-child {
		margin-left: 0
	}

	.sponzorji-wrap .sponsors a {
		display: inline-block;
		margin-left: 5em
	}

	.sponzorji-wrap .sponsors a:first-child {
		margin-left: 0
	}

	.teasers {
		padding: 0 360px;
		margin-bottom: 0;
		min-height: 210px
	}

	.teasers .big-logo {
		display: block;
		position: absolute;
		left: 10px;
		top: 50px
	}

	.teasers .big-logo img {
		width: 10em
	}

	.startnina {
		margin-bottom: 4em
	}

	.startnina .startnine .group {
		font-size: 1em
	}

	.startnina .startnine .group .prijavnine {
		overflow: hidden;
		display: inline-block
	}

	.startnina .startnine .group .prijavnine .prijavnina {
		margin-left: 2em
	}

	.startnina .startnine .group:nth-child(2) {
		margin-left: 3em;
		padding-left: 3em
	}

	.lang_en .startnina .startnine .group:nth-child(2) {
		margin-left: 2em;
		padding-left: 2em
	}

	.tekmuj-sam {
		width: 120%;
		height: 9em;
		margin-top: -1em;
		background: transparent url('/images/tekmuj_sam_s_seboj.jpg') no-repeat center center;
		transform: translateX(-10%) rotate(-0.8deg)
	}

	.tekmuj-sam div {
		height: 30%;
		padding-right: 8%;
		bottom: 0.5em
	}

	.tekmuj-sam div p {
		font-size: 2.5em
	}

	.news-headlines .single-news {
		width: 25%
	}

	.news-headlines .single-news:nth-child(4) {
		display: block
	}

	.results-list-wrap .events .event {
		max-width: 1140px;
		margin: 3em auto 0 auto
	}

	.results-list-wrap .events .event .image {
		width: 40%
	}

	.results-list-wrap .events .event .info {
		width: 57%;
		margin-left: 3%
	}

	.results-list-wrap .events .event.hasResults {
		max-width: var(--maxInnerWidth)
	}

	.results-list-wrap .events .event.hasResults .image {
		width: 50%
	}

	.results-list-wrap .events .event.hasResults .info {
		width: 47%;
		margin-left: 3%
	}

	.results-list-wrap .results-list {
		max-width: 1140px;
		margin: 3em auto 0 auto
	}

	.zmagovalci {
		font-size: 0.75em
	}

	.zmagovalci .gender-wrap {
		overflow: hidden
	}

	.zmagovalci .gender-wrap .gender {
		margin-top: 0.18em;
		padding-right: 0.5em;
		text-align: left;
		font-size: 2em;
		color: var(--color__green);
		text-align: center
	}

	.zmagovalci .gender-wrap .run {
		width: 23%;
		float: left;
		padding-right: 0.5em
	}

	.zmagovalci .gender-wrap .run .track {
		width: 100%;
		float: none;
		margin-bottom: 0.3em;
		font-weight: 600;
		color: var(--color__green)
	}

	.zmagovalci .gender-wrap .run .name {
		width: 100%;
		float: none;
		line-height: 1.2;
		font-weight: 300;
		font-size: 0.8em
	}

	.zmagovalci .gender-wrap .run .name em {
		display: block;
		font-size: 0.7em
	}

	.zmagovalci .gender-wrap .run .time {
		width: 100%;
		float: none;
		margin-top: 0.2em
	}

	.zmagovalci .gender-wrap .run:nth-child(2) {
		position: relative
	}

	.zmagovalci .gender-wrap .run:nth-child(2):before {
		position: absolute;
		left: -0.7em;
		bottom: 0.5em;
		height: 2em;
		width: 1px;
		background-color: #9fd8c8;
		content: ""
	}

	.zmagovalci .gender-wrap:first-child .gender {
		margin-top: 1em
	}

	.zmagovalci .gender-wrap:last-child .run .track {
		display: none
	}

	.trase .map {
		width: 75%;
		height: 600px
	}

	.trase .legend {
		font-size: 1.8em
	}

	.trase .legend .data {
		background-color: rgba(255, 255, 255, 0.8)
	}

	.trase .trase-runs {
		width: 25%
	}

	.trase .trase-runs .trase-run {
		height: 140px
	}

	.trase .trase-runs .trase-run .front {
		font-size: 1.5vw
	}

	.trase .trase-runs .trase-run .front .distance {
		font-size: 1.1em
	}

	.trase .trase-runs .trase-run .front .title b {
		font-size: 1.12em
	}

	.trase .trase-runs .trase-run .back .title {
		font-size: 1em
	}

	.trase .trase-runs .trase-run .back .distance {
		font-size: 0.9em
	}

	.trase .trase-runs .trase-run .back .info {
		font-size: 0.7em
	}

	.trase .trase-runs .trase-run:nth-child(7),
	.trase .trase-runs .trase-run:nth-child(8) {
		height: 180px;
		border-bottom: 0 none
	}

	.trase .trase-runs .trase-run:nth-child(7) .back,
	.trase .trase-runs .trase-run:nth-child(8) .back,
	.trase .trase-runs .trase-run:nth-child(7) .front,
	.trase .trase-runs .trase-run:nth-child(8) .front {
		padding-bottom: 40px
	}

	.trase .trase-runs .trase-run:nth-child(7) .back:after,
	.trase .trase-runs .trase-run:nth-child(8) .back:after {
		bottom: 40px
	}

	.nordijskaHoja_opozorilo {
		font-size: 0.85em;
		line-height: 1.4;
		max-width: 42em;
		margin-left: auto;
		margin-right: auto
	}

	.title-breadcrumbs {
		display: block;
		padding: 0
	}

	.title-breadcrumbs .breadcrumbs {
		font-size: 1em
	}

	.title-breadcrumbs .breadcrumbs a {
		max-width: 25em
	}

	.main-article h1 {
		margin-top: 1.5em;
		margin-left: auto;
		margin-right: auto
	}

	.news .main-article {
		padding: 0;
		max-width: var(--maxInnerWidth);
		margin-left: auto;
		margin-right: auto
	}

	.news .main-article h1 {
		margin-left: 0;
		margin-right: auto
	}

	.prijave .main-article h1 {
		max-width: 14em;
		margin-left: auto;
		margin-right: auto
	}

	.prijave.lang_de .main-article h1 {
		max-width: 12em
	}

	.news-arhiv {
		padding: 0;
		width: var(--maxInnerWidth);
		margin-left: auto;
		margin-right: auto;
		font-size: 2.5em
	}

	.arhiv-list {
		margin-top: 3em
	}

	.arhiv-list .grid-sizer {
		width: 30%
	}

	.arhiv-list .gutter-sizer {
		width: 5%
	}

	.arhiv-list .single-news {
		padding: 5em 3em;
		width: 30%
	}

	.newsletter {
		font-size: 1.5em
	}

	.newsletter .inner-wrap {
		max-width: 600px
	}

	.main-footer {
		font-size: 1.6em
	}

	.main-footer .iban-naslov {
		margin-top: 0.8rem;
		font-size: 1.2rem
	}

	.video-rekordi {
		margin: 3em 0 4em 0;
		padding: 3em 0 5em 0
	}

	.video-rekordi:after {
		background-size: auto 70%
	}

	.video-rekordi .rekordi .rekordi-list:before,
	.video-rekordi .rekordi .rekordi-list:after {
		content: " ";
		display: table
	}

	.video-rekordi .rekordi .rekordi-list:after {
		clear: both
	}

	.video-rekordi .rekordi .rekordi-list {
		*zoom: 1
	}

	.video-rekordi .rekordi .rekordi-list .rekord {
		position: relative
	}

	.video-rekordi .rekordi .rekordi-list .rekord:after {
		position: absolute;
		background-color: rgba(82, 81, 81, 0.2);
		content: ""
	}

	.video-rekordi .rekordi .rekordi-list .rekord:nth-child(1):after {
		bottom: 0;
		right: 1em;
		width: 100px;
		height: 1px
	}

	.video-rekordi .rekordi .rekordi-list .rekord:nth-child(2):after {
		bottom: 1em;
		left: 0;
		width: 1px;
		height: 50px
	}

	.video-rekordi .rekordi .rekordi-list .rekord:nth-child(3):after {
		top: 1em;
		right: 0;
		width: 1px;
		height: 50px
	}

	.video-rekordi .rekordi .rekordi-list .rekord:nth-child(4):after {
		top: 0;
		left: 1em;
		width: 100px;
		height: 1px
	}

	.about h1 {
		max-width: 50%
	}

	.about .content {
		position: relative
	}

	.about .content .razpis {
		position: absolute;
		right: 0;
		top: -8.5rem
	}

	.about .content .razpis a {
		padding: 0.2em 0.5em;
		font-size: 1.6em
	}

	.lang_de .about .content .razpis a {
		font-size: 1.1em
	}

	.about .content .discipline {
		margin-top: 3em
	}

	.about .content .discipline a {
		font-size: 1.2em;
		font-family: var(--font__regular);
		margin-left: 0.8em
	}

	.about .content .program:after {
		background-size: auto 66%
	}

	.about .content .informacije {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		font-weight: 300
	}

	.about .content .informacije .title {
		width: 100%
	}

	.about .content .informacije .informacija {
		margin-bottom: 0.66em;
		margin-left: 0;
		width: 30%;
		flex: 0 0 auto
	}

	.lang_de .about .content .informacije .informacija {
		width: 48%;
		overflow-wrap: break-word
	}

	.runners-info .content {
		max-width: var(--maxInnerWidth)
	}

	.runners-info .content .column3 {
		display: inline-block;
		vertical-align: top;
		width: 32%
	}

	.runners-info .content .column3.middle {
		margin-left: 1.2%;
		margin-right: 1.2%
	}

	.signup-buttons {
		font-size: 1.6rem
	}

	.home .signup-buttons {
		position: relative
	}

	.home .signup-buttons a {
		width: auto
	}

	.prijave .main-article .sidebar {
		position: absolute;
		right: 0;
		top: 0;
		width: 11em;
		text-align: right;
		font-size: 1em
	}

	.prijave .main-article .sidebar .razpis a {
		padding: 0.2em 0;
		width: 100%
	}

	.prijave .main-article .sidebar .signup-buttons a {
		width: 100%;
		margin-left: 0;
		margin-right: 0
	}

	.prijave .main-article .sidebar .list a {
		width: 100%
	}

	.prijave .main-article.prijave-intro,
	.prijave .main-article.prijave-single,
	.prijave .main-article.prijave-group {
		position: relative;
		max-width: var(--maxInnerWidth);
		margin-left: auto;
		margin-right: auto
	}

	.prijave .main-article.prijave-intro .content table tr td {
		padding-left: 1em;
		padding-right: 1em
	}

	.prijave .main-article.prijave-intro .content table tr td:nth-child(2) {
		width: 200px
	}

	.prijave .main-article.prijave-intro .content>.signup-buttons {
		padding: 0;
		font-size: 1.7em
	}

	.group-register-login .group-register .submit-wrap,
	.group-register-login .group-login .submit-wrap {
		margin-left: 35%;
		text-align: center
	}

	.group-register-login .group-register .submit-wrap .submit,
	.group-register-login .group-login .submit-wrap .submit {
		display: inline-block;
		width: auto;
		padding-left: 1em;
		padding-right: 1em
	}

	.novica {
		overflow: hidden
	}

	.novica h1 {
		margin-top: 0
	}

	.novica .main {
		padding-left: 2rem;
		width: 70%;
		float: left
	}

	.novica .main .content {
		padding: 0 0.5rem
	}

	.novica .side-list {
		display: block;
		width: 25%;
		float: left;
		margin-left: 5%
	}

	.novica .side-list .single-news:nth-child(odd) {
		background-color: var(--color__green-light3)
	}

	.novica .side-list .single-news:nth-child(odd):hover {
		background-color: #9fd8c8
	}

	.big-gallery-wrap {
		margin-left: 0.25%
	}

	.big-gallery-wrap .image {
		width: 19.5%;
		margin-bottom: 0.5%
	}

	.big-gallery-wrap .grid-sizer {
		width: 19.5%
	}

	.big-gallery-wrap .gutter-sizer {
		width: 0.5%
	}

	.gallery .title {
		font-size: 1.3em
	}

	.lang_en .gallery .title {
		font-size: 1.1em
	}

	.gallery .images.label {
		padding: 1em
	}

	.home .live-teaser-wrap {
		padding-top: 1em
	}

	.live-wrap {
		max-width: var(--maxInnerWidth);
		margin: 0 auto
	}

	.live-wrap:before,
	.live-wrap:after {
		content: " ";
		display: table
	}

	.live-wrap:after {
		clear: both
	}

	.live-wrap {
		*zoom: 1
	}

	.live-wrap .content {
		margin-top: 0
	}

	.live-wrap .intro {
		margin-bottom: 1em
	}

	.live-wrap .search-live {
		width: 42%;
		float: left;
		font-size: 1em
	}

	.live-wrap .search-live h2 {
		text-align: left
	}

	.live-wrap .results-list {
		margin-top: 2em
	}

	.live-wrap .lists-live {
		width: 53%;
		float: left;
		margin-left: 5%;
		margin-top: 0
	}

	.live-wrap .lists-live h2 {
		text-align: left
	}

	.live-wrap .lists-live .runs .run {
		overflow: hidden;
		margin-bottom: 0
	}

	.live-wrap .lists-live .runs .run .title {
		display: inline-block;
		width: auto;
		vertical-align: middle;
		line-height: 2;
		text-align: left
	}

	.live-wrap .lists-live .runs .run .title:after {
		content: ": "
	}

	.live-wrap .lists-live .runs .run .gender {
		display: inline-block;
		width: auto;
		float: right;
		vertical-align: middle;
		text-align: left
	}

	.live-wrap .lists-live .runs .run .gender>a {
		font-size: 1.2em;
		margin-left: 0.3em
	}

	.live-wrap .lists-live .runs .run .gender .male {
		margin-right: 0
	}

	.dataTables_wrapper .dataTables_length {
		margin-top: 0.8rem
	}

	
	.early-sing-up-holder.limit-width .early-sing-up {
		font-size: 1.4em
	}

	.early-sing-up-holder .early-sing-up {
		font-size: 1em
	}
}

@media (min-width: 1140px) {
	body {
		padding-top: 3.7rem
	}

	.main-header .social a div>div {
		line-height: 2.2
	}

	.menu-main {
		height: 3.7rem;
		font-size: 1.2rem;
		line-height: 1.9
	}

	.menu-main ul li a {
		padding: 0.6em 0.4em 0 0.4em
	}

	.lang_de .menu-main ul li a {
		padding: 0.8em 0.4em 0 0.4em
	}

	.menu-main-trigger,
	.mainMenuSelected {
		display: none
	}

	.menu-main-trigger {
		width: 3.7rem;
		height: 3.7rem;
		font-size: 3rem;
		padding-top: 0.22em;
		z-index: 100
	}

	.menu-main-trigger>div {
		font-size: 1em
	}

	.main-header .social {
		height: 3.7rem
	}

	.main-header .social a {
		font-size: 1.5em
	}

	.search {
		height: 3.7rem
	}

	.search .input {
		font-size: 1.3em
	}

	.search .trigger {
		padding-top: 0.5em;
		height: 3.7rem;
		font-size: 2em
	}

	.search.open {
		height: 100%;
		padding: 4em 3em
	}

	.search.open .form {
		height: 6em
	}

	.search.open .trigger {
		padding-top: 0.29em;
		width: 6rem;
		height: auto;
		font-size: 2.8em
	}

	.search.open .input {
		font-size: 2.5em
	}

	.search.open .close {
		top: 0.1em;
		right: 0.1em;
		font-size: 3em
	}

	.search.open .close:hover {
		color: #000
	}

	.menu-lang a {
		width: 2.8rem;
		height: 3.7rem;
		font-size: 1em;
		line-height: 4
	}

	.main-header {
		height: 3.7rem
	}

	.fake-new-menu {
		height: 3.7rem
	}

	.fake-new-menu .logo-holder.onlyMobile {
		display: none
	}

	.fake-new-menu .menu-main-trigger {
		position: relative;
		z-index: 60
	}

	.fake-new-menu .menu-main {
		position: relative;
		z-index: 50;
		transition: transform 0.4s
	}

	.fake-new-menu .menu-main ul {
		display: inline-block;
		vertical-align: top
	}

	.fake-new-menu .menu-main .logo-holder {
		vertical-align: top;
		height: 3.7rem
	}

	.fake-new-menu .menu-main .logo-holder img {
		height: 3.7rem
	}

	.sticky .fake-new-menu .menu-main {
		display: block;
		transform: translateX(calc(100% - 208px))
	}

	.sticky .fake-new-menu .menu-main.active {
		transform: translateX(0)
	}
}

@media (min-width: 1255px) {
	.search .input {
		width: 13.5rem
	}
}

@media (min-width: 1400px) {
	.main-header.sticky .social {
		display: block
	}

	.search input {
		width: 16em
	}

	.menu-main {
		line-height: 2.6
	}

	.lang_de .menu-main {
		line-height: 2.8
	}

	.menu-main ul li a {
		padding: 0.25em 0.7em 0 0.7em
	}

	.lang_de .menu-main ul li a {
		padding: 0.45em 0.7em 0 0.7em
	}

	.menu-main ul li[content-id="prijava"],
	.menu-main ul li[content-id="online-entry"],
	.menu-main ul li[content-id="anmeldung"] {
		position: relative
	}

	.menu-main ul li[content-id="prijava"] a,
	.menu-main ul li[content-id="online-entry"] a,
	.menu-main ul li[content-id="anmeldung"] a {
		color: var(--color__green-light)
	}

	.menu-main ul li[content-id="prijava"] a:hover,
	.menu-main ul li[content-id="online-entry"] a:hover,
	.menu-main ul li[content-id="anmeldung"] a:hover {
		color: #fff
	}

	.menu-main ul li[content-id="prijava"].active a,
	.menu-main ul li[content-id="online-entry"].active a,
	.menu-main ul li[content-id="anmeldung"].active a {
		color: #fff
	}

	.menu-main ul li[content-id="prijava"]:after,
	.menu-main ul li[content-id="online-entry"]:after,
	.menu-main ul li[content-id="anmeldung"]:after {
		width: 100%;
		height: 120%;
		top: 0;
		left: 0;
		position: absolute;
		z-index: -1;
		transition: background-color 0.2s linear;
		background-color: #054230;
		content: ""
	}

	.menu-main ul li[content-id="prijava"]:hover:after,
	.menu-main ul li[content-id="online-entry"]:hover:after,
	.menu-main ul li[content-id="anmeldung"]:hover:after {
		background-color: rgba(9, 113, 82, 0.6)
	}
}

.novica .main .content .iframe_wrapper {
	margin-bottom: 1em;
	position: relative
}

.novica .main .content .iframe_wrapper .pfw {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0
}

.novica .main .content .iframe_wrapper:after {
	content: '';
	display: block;
	width: 100%;
	padding-top: 56.25%
}

.novica .main .content .iframe_wrapper iframe {
	width: 100%;
	height: 100%
}

@media only screen and (min-width: 1600px) {
	.main-article.novica .main h1 {}

	.lang_de .menu-main ul li a {
		padding: 0 0.5em 0 0.5em
	}

	.menu-main ul li[content-id="fotogalerija"] {
		display: inline-block
	}

	.lang_de .menu-main {
		font-size: 1.3rem
	}

	.news-headlines .single-news {
		display: block;
		width: 16.66%;
		padding: 8em 2em 3em 2em
	}

	.news-headlines .single-news .news-inner {
		min-height: 205px
	}

	.news-headlines .share .date .timestamp {
		margin-left: 0.1em;
		font-size: 0.9em;
		transform: translateY(-0.2em)
	}

	.news-headlines .share .share-networks {
		text-align: center
	}

	.gallery .images {
		height: auto
	}

	.gallery .images .set {
		height: 250px
	}

	.gallery .images .set.label .title {
		font-size: 1.8em
	}

	.lang_de .gallery .images .set.label .title {
		font-size: 1.45em
	}

	.lang_en .gallery .images .set.label .title {
		font-size: 1.6em
	}

	.gallery .images .set.label:after {
		font-size: 6.5em
	}

	.event-stats {
		padding: 3em 0
	}

	.event-stats .inner-wrap {
		max-width: 1140px
	}

	.event-stats .set {
		font-size: 1.6em
	}

	.trase .map {
		width: 75%;
		height: 700px
	}

	.trase .trase-runs .trase-run {
		height: 165px
	}

	.trase .trase-runs .trase-run:nth-child(7),
	.trase .trase-runs .trase-run:nth-child(8) {
		height: 205px;
		border-bottom: 0 none
	}

	.trase .trase-runs .trase-run:nth-child(7) .back,
	.trase .trase-runs .trase-run:nth-child(8) .back,
	.trase .trase-runs .trase-run:nth-child(7) .front,
	.trase .trase-runs .trase-run:nth-child(8) .front {
		padding-bottom: 60px
	}

	.trase .trase-runs .trase-run:nth-child(7) .back:after,
	.trase .trase-runs .trase-run:nth-child(8) .back:after {
		bottom: 60px
	}

	.runs-list {
		padding-left: 0;
		padding-right: 0
	}

	.runs-list .run {
		min-height: 15em;
		border-left: 0.5em solid var(--color__green-light)
	}


	.runs-list .run .title {
		font-size: 1.6em
	}

	.runs-list .run .distance {
		font-size: 2.2em
	}

	.runs-list .run .run-sub .title {
		font-size: 1.1em
	}

	.teasers .big-logo img {
		width: 12em
	}

	.main-article h1 {
		font-size: 3em;
		max-width: 19em
	}

	.main-article .content {
		padding: 0 0.5rem
	}

	.prijave .main-article h1 {
		max-width: 19em
	}

	.social-feeds .instagram a {
		width: 6.5%;
		margin-left: 0.15625%;
		margin-bottom: 0.15625%
	}

	.social-feeds .instagram a:nth-child(n+8) {
		display: block
	}

	.social-feeds .instagram a:nth-child(n+11) {
		display: block
	}

	.social-feeds .instagram a:nth-child(n+16) {
		display: none
	}

	.social-feeds .instagram:after {
		background-size: 100px 100px;
		width: 100px;
		height: 100px
	}

	.novica .main {
		padding-left: 0
	}

	.novica .main .content {
		padding: 0 0.5rem
	}

	.main-header.sticky .social {
		padding: 0 0.5rem
	}

	.about .content .discipline a {
		font-size: 1.4em
	}
}

@media only screen and (min-width: 1920px) {
	.trase .map {
		height: 800px
	}

	.trase .trase-runs .trase-run {
		height: 200px
	}

	.trase .trase-runs .trase-run .front {
		font-size: 2.2em
	}

	.lang_si .trase .trase-runs .trase-run .front {
		font-size: 2em
	}

	.banner .countdown-wrapper {
		left: 15%
	}

	.banner .sponsors {
		left: 15%
	}

	.runs-list {
		max-width: 1920px;
		margin: 0 auto
	}

	.tekmuj-sam {
		height: 12em;
		transform: translateX(-10%) rotate(-0.5deg);
		background-size: 100% auto
	}

	.single-news .title {
		font-size: 1.5em
	}

	.single-news .intro {
		font-size: 1.1em
	}

	.gallery .images {
		height: auto
	}

	.gallery .images .set {
		height: 300px
	}

	.gallery .images .set.label .title {
		font-size: 1.8em
	}

	.lang_de .gallery .images .set.label .title {
		font-size: 1.7em
	}

	.lang_en .gallery .images .set.label .title {
		font-size: 1.7em
	}

	.event-stats {
		padding: 4em 0
	}

	.event-stats .inner-wrap {
		max-width: 1366px
	}

	.event-stats .set {
		font-size: 1.8em
	}
}

@media (min-width: 1800px) {
	.menu-main {
		top: 0;
		height: 3.7rem;
		font-size: 1.4rem;
		line-height: 2.3
	}
}

@media (min-width:2000px) {
	.main-header {
		max-width: var(--maxPageWidth);
		left: 50%;
		transform: translateX(-50%)
	}

	.main-header.sticky {
		left: 50%
	}

	.big-gallery-wrap {
		max-width: var(--maxPageWidth);
		margin-left: auto;
		margin-right: auto
	}
}

@media (min-width: 1700px) {
	.search .input {
		width: 27rem
	}

	.lang_en .search .input {
		width: 30rem
	}

	.main-header .social a div>div {
		font-size: 1.2em;
		line-height: 1.8
	}
}

.uradnaVoda {
	position: fixed;
	bottom: 20%;
	right: 0;
	padding: 0.5em 1.5em 0.5em 3.3em;
	width: 12em;
	height: 4em;
	z-index: 100;
	transform: translateX(110%);
	display: flex;
	align-items: center;
	transition: transform 1s;
	background-color: #fff;
	border: 1px solid var(--color__green-light)
}

.uradnaVoda img {
	position: absolute;
	left: 0.5em;
	top: 50%;
	transform: translateY(-50%) rotate(10deg);
	width: 2em
}

.uradnaVoda button {
	position: absolute;
	left: -0.8em;
	top: -0.8em;
	padding: 0.2em;
	background-color: var(--color__silver);
	border: 0;
	border-radius: 50%;
	color: var(--color__green);
	font-size: 1.5em;
	cursor: default
}

.uradnaVoda button .icon-menu3:before {
	content: "\e614"
}

.uradnaVoda button:hover {
	background-color: var(--color__green);
	color: #fff
}

@media (min-width:768px) {
	.uradnaVoda {
		font-size: 1.3em
	}
}

@media (min-width:1050px) {
	.uradnaVoda {
		font-size: 1.5em
	}

	.uradnaVoda button {
		font-size: 0.8em
	}
}

@media (min-width:1200px) {
	.uradnaVoda {
		bottom: 10%;
		font-size: 1.7em
	}

	.uradnaVoda button {
		font-size: 0.8em
	}
}

.uradnaVoda--active {
	transform: translateX(0)
}

.uradnaVoda__title {
	color: var(--color__green);
	font-size: 0.9em;
	font-weight: 600;
	line-height: 1.1;
	text-align: left
}

.uradnaVoda__title span {
	font-size: 0.8em;
	font-weight: 400
}

.uradnaVoda__vec {
	position: absolute;
	right: 0.3em;
	top: 50%;
	transform: translateY(-55%);
	color: var(--color__green);
	font-size: 2em;
	line-height: 1
}

.sandbox {
	position: absolute;
	top: 4em;
	left: 50%;
	transform: translateX(-50%);
	z-index: 5000;
	padding: 0.7em;
	font-size: 0.8rem;
	font-weight: bold;
	background-color: red;
	color: #fff;
	border-radius: 0.5em
}

.prijave-payment h2 {
	margin-bottom: 1em;
	text-align: center;
	color: var(--color__green);
	font-weight: 700;
	font-size: 1.7em;
	font-family: var(--font__regular);
}

.prijave-payment h3 {
	margin-bottom: 0.5em;
	font-size: 1.7em;
	color: var(--color__green);
	font-family: var(--font__regular);
	font-weight: 300
}

.prijave-payment p {
	margin-bottom: 0.66em;
	font-weight: 300;
	color: var(--color__green)
}

.prijave-payment .row {
	margin-top: 2em;
	width: 100%
}

.prijave-payment .row .column {
	width: 100%;
	margin-top: 2em
}

.prijave-payment .row .column p b {
	font-weight: 300;
	color: var(--color__gray);
	font-family: var(--font__condensed);
}

@media (max-width: 480px) {
	.oNasPodstran .logo {
		width: 10rem;
		padding: 0 1em 0 0
	}

	.main-article h1 {
		margin: 0.5em 0 1em 0
	}
}

.kuponi {
	margin-top: 3em;
	width: 100%
}

@media (min-width: 1140px) {
	.kuponi {
		padding: 0 2rem
	}
}

.kuponi__kupon {
	padding: 0.5em;
	margin-bottom: 0;
	display: block
}

.kuponi__kupon img {
	border: 1px solid silver
}

.kuponi__kupon h2 {
	margin-top: 0.3rem !important;
	font-size: 1.3em;
	font-weight: bold
}

@media (min-width: 700px) {
	.kuponi__kupon {
		margin-bottom: 1em
	}
}

.darilniBon {
	max-width: 50rem;
	margin: 0 auto
}

.darilniBon h1 {
	text-transform: uppercase
}

.darilniBon .intro {
	max-width: 50rem;
	margin: 0 auto
}

.darilniBon .intro>*+* {
	margin-top: 1em
}

.darilniBon--hint {
	margin-top: 2em;
	font-size: 1em !important;
}

.darilniBon--hint>p {
	font-size: 1.1em
}

.darilniBon--hint>div {
	border: 1px solid var(--color__green-light3);
	margin-top: 1em
}

.prijave-gift {
	max-width: 40rem;
	margin: 3em auto 3em auto;
	padding: 0 0.5em;
	font-size: 1.2em
}

.prijave-gift fieldset {
	padding: 0;
	border: 0
}

.prijave-gift legend {
	border: 0;
	padding: 0;
	margin-bottom: 0.5em;
	font-weight: bold;
	color: var(--color__green)
}

.prijave-gift .form--card {
	padding: 1em;
	max-width: none;
	margin-top: 1em;
	display: none
}

.prijave-gift .form--cardActive {
	display: flex
}

.prijave-gift .submit-wrap {
	width: 100%;
	margin-top: 1em
}

.prijave-gift #orderNext,
.prijave-gift #payOrder {
	display: inline-block;
	padding: 0.6em 1.5em;
	background-color: var(--color__green);
	color: #fff;
	text-transform: uppercase;
	font-size: 1.2em;
	line-height: 1.2;
	cursor: pointer;
	transition: background-color 0.2s linear
}

.prijave-gift #orderNext.waiting,
.prijave-gift #payOrder.waiting {
	background-color: var(--color__gray)
}

.prijave-gift .form__status {
	width: 100%;
	margin: 0.7em 0;
	display: none
}

.prijave-gift .form__status.error {
	display: block;
	color: var(--color__red)
}

.prijave-gift .form__status.error p {
	color: var(--color__red)
}

@media (min-width: 700px) {
	.prijave-gift .form--card {
		padding: 0.5em 2em 1.5em 2em
	}

	.prijave-gift .form__group--number {
		flex: 5;
		width: auto
	}

	.prijave-gift .form__group--expirationDate {
		margin: 0.7em 0 0.7em 1em
	}

	.prijave-gift .form__group--cvv {
		margin: 0.7em 0 0.7em 1em
	}

	.prijave-gift .form__group--cardType {
		display: none
	}
}

.press__wrap {
	max-width: var(--maxInnerWidth);
	margin-left: auto;
	margin-right: auto
}

.press__wrap h2 {
	margin-bottom: 0.6em;
	text-align: left
}

.press__wrap .sidebar {
	max-width: 20em;
	margin-left: auto;
	margin-right: auto;
	padding: 0.5em
}

@media (min-width:1050px) {
	.press__wrap {
		display: flex;
		flex-wrap: wrap
	}

	.press__wrap .content {
		margin-top: 0;
		margin-right: 4em;
		flex: 1 1 70%
	}

	.press__wrap .sidebar {
		flex: 0 1 22em;
		padding: 0
	}
}

.press__headlinesList {
	margin-bottom: 4em
}

.press__headlinesNews {
	margin-bottom: 0.8em;
	display: flex
}

.press__headlinesNews h3 {
	margin: 0;
	font-size: 1em;
	font-weight: 600
}

.press__headlinesNews a {
	color: #000 !important
}

.press__headlinesNews a:hover {
	color: var(--color__green) !important
}

.press__headlinesInfo {
	flex: 1 1 auto
}

.press__headlinesInfoMore {
	margin-top: 0.3em
}

.press__headlinesInfoMore p {
	margin: 0 !important;
	font-size: 0.95em
}

.press__headlinesDate {
	margin-right: 1em;
	color: var(--color__gray);
	min-width: 5rem
}

.press__akreditacija {
	margin-bottom: 4em
}

.press__akreditacijaContent a {
	display: inline-block;
	padding: 0.3em 1.5em;
	background-color: var(--color__green);
	color: #fff !important;
	font-size: 1em;
	cursor: pointer;
	border: 0
}

#pressAkreditacija {
	margin-top: 1.5em
}

#pressAkreditacija .form__fieldset {
	margin-bottom: 1em
}

#pressAkreditacija .form__inputGroup {
	display: flex;
	margin-bottom: 0.4em
}

#pressAkreditacija .form__inputGroup .form__input {
	width: 65%;
	margin-left: 5%;
	flex: 0 0 auto
}

#pressAkreditacija .form__inputGroup input,
#pressAkreditacija .form__inputGroup textarea {
	padding: 0.3em;
	width: 100%;
	border: 1px solid #9fd8c8;
	font-family: var(--font__regular);
	font-weight: 300;
	color: var(--color__green)
}

#pressAkreditacija .form__inputGroup textarea {
	resize: vertical
}

#pressAkreditacija .form__inputGroup label {
	width: 30%;
	flex: 0 0 auto;
	color: #054230
}

#pressAkreditacija .form__inputGroup .selectize-control {
	line-height: 1
}

#pressAkreditacija .form__hint {
	margin-bottom: 0.4em;
	font-size: 0.7em;
	text-align: right
}

#pressAkreditacija .form__inputGroup.error textarea,
#pressAkreditacija .form__inputGroup.error input {
	border-color: var(--color__red);
	box-shadow: inset 0px 0px 5px 0px rgba(238, 42, 46, 0.75)
}

#pressAkreditacija .form__inputGroup.error .selectize-control .selectize-input {
	border-color: var(--color__red);
	box-shadow: inset 0px 0px 5px 0px rgba(238, 42, 46, 0.75)
}

#pressAkreditacija .form__inputGroup--required label:after {
	content: "*"
}

#pressAkreditacija .form__inputGroup--tos,
#pressAkreditacija .form__inputGroup--newsletter {
	margin-top: 1.5em;
	font-size: 0.9em
}

#pressAkreditacija .form__inputGroup--tos .fake-checkbox,
#pressAkreditacija .form__inputGroup--newsletter .fake-checkbox {
	padding-left: 3em
}

#pressAkreditacija .form__inputGroup--tos a,
#pressAkreditacija .form__inputGroup--newsletter a {
	text-decoration: underline
}

#pressAkreditacija .form__inputGroup--tos.error,
#pressAkreditacija .form__inputGroup--newsletter.error {
	outline: 1px solid var(--color__red);
	outline-offset: 4px
}

#pressAkreditacija .form__buttons {
	margin-top: 2em;
	text-align: center
}

#pressAkreditacija .form__buttons .b {
	display: inline-block;
	padding: 0.3em 1.5em;
	background-color: var(--color__green);
	color: #fff;
	text-transform: uppercase;
	font-size: 1em;
	cursor: pointer;
	border: 0;
	font-size: 2em;
	font-weight: 300;
	transition: background-color 0.2s linear
}

#pressAkreditacija .form__status {
	margin: 1em 0;
	display: none;
	text-align: center
}

#pressAkreditacija .form__status.error {
	display: block;
	color: var(--color__red)
}

#pressAkreditacija .form__status.success {
	display: block;
	margin: 4em 0;
	color: var(--color__green);
	font-size: 1.2em;
	font-weight: 400
}

#pressAkreditacija .form__status.success strong {
	font-weight: bold
}

#pressAkreditacija .form__legal {
	margin-top: 1em;
	font-size: 0.8em
}

.press__kit {
	margin-bottom: 4em
}

.press__kontakt {
	padding: 3em 1em;
	background-color: var(--color__green);
	color: #fff;
	text-align: center
}

.press__kontakt h2 {
	margin-bottom: 0.2em;
	color: #fff;
	text-align: center
}

.press__kontakt h2 small {
	display: block;
	font-size: 60%
}

#signup_tos:after {
	top: -0.2em
}

#signup_tos:before {
	top: 0.35em
}

.press__kitAccess {
	display: inline-block;
	margin-top: 2em
}

.press__kitAccess h3 {
	margin-bottom: 0.8em;
	font-weight: 600;
	font-size: 1.3em;
	color: var(--color__green)
}

.press__kitForm {
	display: flex;
	align-items: center;
	flex-wrap: wrap
}

.press__kitForm label {
	display: block;
	margin-right: 0.5em;
	margin-bottom: 0.5em;
	width: 100%
}

.press__kitForm input[type="text"] {
	padding: 0.3em 0.6em;
	width: 10em;
	background-color: #fff;
	border: 1px solid #9fd8c8;
	font-family: var(--font__regular);
	font-weight: 600;
	color: var(--color__green)
}

.press__kitForm input[type="text"].error {
	border-color: var(--color__red);
	box-shadow: inset 0px 0px 5px 0px rgba(238, 42, 46, 0.75)
}

.press__kitForm button {
	padding: 0.3em 0.6em;
	margin-left: 0.5em;
	font-family: var(--font__regular);
	font-weight: 300;
	background-color: var(--color__green);
	border: 0;
	border-radius: 0;
	color: #fff
}

.press__kitStatus {
	display: none;
	margin: 1em 0
}

.press__kitStatus.error {
	display: block;
	color: var(--color__red)
}

.pressKit__download {
	display: block
}

.pressKit__download a {
	display: inline-block;
	margin-bottom: 0.5em;
	padding: 0.8em 1.5em;
	background-color: var(--color__green);
	color: #fff
}

.groupByYear__year {
	position: relative;
	display: inline-block;
	font-size: 1.3rem;
	padding-right: 1.5em;
	font-weight: 500;
	margin-bottom: 0.3em;
	cursor: pointer
}

.groupByYear__year:after {
	position: absolute;
	top: 50%;
	right: 0;
	overflow: hidden;
	transform: translateY(-50%) rotate(90deg);
	transition: background-color 0.2s linear;
	font-family: 'mts';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\e601";
	font-size: 1.2em;
	text-align: center;
	color: var(--color__green)
}

.groupByYear--inactive .groupByYear__year:after {
	transform: translateY(-50%) rotate(-90deg)
}

@media (min-width:481px) {
	.groupByYear__year {
		font-size: 1.4rem
	}
}

@media (min-width:768px) {
	.groupByYear__year {
		font-size: 1.5rem
	}
}

@media (min-width:1050px) {
	.groupByYear__year {
		font-size: 1.6rem
	}
}

.main-header {
	background-color: var(--color__green);
	transition: box-shadow 0.4s
}

.main-header.stickyNew {
	box-shadow: 0 0 6px #000
}

.runs-list.halfSize {
	background-color: transparent;
	margin-top: 0 !important
}

.list2024 {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	max-width: 1140px;
	margin: 0 auto 0 auto
}

.runBtn {
	display: flex;
	justify-content: center;
	align-items: center;
	flex: 1 1 auto;
	padding: 0.8em 1em;
	font-size: 0.9em;
	margin-bottom: 0.4em;
	text-transform: uppercase;
	background-color: var(--color__green-light);
	color: var(--color__green);
	transition: color 0.4s, background 0.4s;
	font-family: var(--font__regular);
}

.runBtn>* {
	font-weight: 600
}

.runBtn .distance {
	text-transform: none
}

.runBtn:hover,
.runBtn.active {
	background-color: var(--color__green);
	color: #fff
}

.runBtn .title {
	margin-right: 0.5em
}

@media (max-width:480px) {
	.runBtn {
		width: 100%
	}
}

.menu-logo {
	display: block;
	width: 11em;
	color: #fff
}

.menu-logo-wrapp {
	flex: 1 1 auto
}

.newMenu24 {
	padding-left: 1em;
	display: flex;
	justify-content: space-between;
	align-items: center
}

.newMenu24 .menu-logo .icon:before {
	padding-top: 20%
}

.mainMenuSelected {
	display: none !important
}

.search {
	z-index: 1111;
	order: 2
}

.search .input {
	display: none
}

.search .trigger {
	position: relative;
	background-color: transparent !important
}

.search .trigger .icon {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 60%;
	color: #fff
}

.menu__utils {
	order: 3
}

@media (min-width:786px) {
	.newMenu24 {
		padding-left: 2em
	}
}

@media (min-width:1140px) {
	.glavniMeni {
		margin-right: 2em !important
	}

	.search {
		order: 3
	}

	.menu__utils {
		order: 2
	}

	.menu-logo-wrapp {
		flex: 0 0 auto
	}
}

@media (min-width:1340px) {
	.glavniMeni {
		margin-right: 3em !important
	}
}

.menu-lang a:hover,
.menu-lang a.active {
	background-color: transparent !important;
	color: #054230
}

@media (min-width:1140px) {
	.menu-main ul li {
		position: relative
	}

	.menu-main ul li:after {
		content: "";
		width: 100%;
		height: 120%;
		top: 0;
		left: 0;
		position: absolute;
		z-index: -1;
		transition: background 0.4s
	}

	.menu-main ul li:hover a {
		color: var(--color__green) !important
	}

	.menu-main ul li:hover:after {
		background-color: var(--color__green-light) !important
	}

	.menu-main ul li.active a {
		color: var(--color__green) !important
	}

	.menu-main ul li.active:after {
		background-color: var(--color__green-light) !important
	}
}

.news-arhivBtns {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap
}

.arhivBtns__wrapp {
	max-width: var(--maxInnerWidth);
	margin-left: auto;
	margin-right: auto;
	margin-top: 2em;
	margin-bottom: 3em;
	padding: 0 0.5rem
}

.news-arhivBtns a {
	padding: 0.8em 1em;
	font-size: 0.9em;
	font-weight: 600;
	margin-bottom: 0.4em;
	text-transform: uppercase;
	background-color: var(--color__green-light);
	color: var(--color__green);
	transition: color 0.4s, background 0.4s;
	font-family: var(--font__regular);
}

.news-arhivBtns a:hover,
.news-arhivBtns a.active {
	background-color: var(--color__green);
	color: #fff
}

@media (min-width:768px) {
	.arhivBtns__wrapp {
		padding: 0
	}
}

.sponzorji-wrap .group h2 {
	text-transform: none;
	color: var(--color__green)
}

.signup-buttons a {
	padding: 0 1.5em 0 1.5em;
	text-transform: uppercase
}


.entryStatus {
	padding: 0.4em 0.8em;
	display: inline-block;
	border-radius: 5px;
	min-width: 6em;
	text-align: center
}

.entryStatus.entryStatus--unpaid {
	background-color: var(--color__silver);
	color: #656565
}

.entryStatus.entryStatus--paid {
	background-color: #c3e7dc;
	color: #1c906d
}