@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'Rift Demi';
    src: url('../fonts/RiftDemi.otf');
}

:root {
    --primary-blue: #0060ca;
    --secondary-blue: #004592;
    --primary-red: #fa1d47;
    --secondary-red: #c9042c;
    --bw-palette-2: #e2e2e2;
    --bw-palette-3: #a1a1a1;
    --bw-palette-4: #6a6a6a;
    --blue-palette-1: #0094ff;
    --blue-palette-2: #0076e4;
    --blue-palette-5: #003162;
    --red-palette-1: #fc829b;
    --red-palette-2: #fb5073;
    --red-palette-5: #7d031b;
}

body, textarea, select, table {
    font-family: 'PT Sans', sans-serif;
	font-size: 16px;
	color: #141414;
	font-weight: normal;
	margin:0px;
}
body {
	position: relative;
	padding: 0px;
	margin:0px;
	text-align: center;
}

/* A */
a { 
	color: var(--primary-blue);
	text-decoration: none 
}
a:hover { 
	color: var(--secondary-red);
	text-decoration: none 
}
a.gray { 
	color: #141414!important;
	text-decoration: none 
}
a.gray:hover { 
	color: #141414!important;
	text-decoration: underline!important;
}
.alert a { text-decoration: underline }
.alert a:hover { text-decoration: none }

.alert-warning a { color: #735603;  }
.alert-warning a:hover { color: #735603;  }

a,
.btn,
button,
a.card,
a.card .card-body,
.card-header,
.transition {
	-webkit-transition: .3s ease-in-out;
	-moz-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

/* a-btn */
a.a-btn {
	width: 100%;
	padding: 5px 0 5px 0;
	display: block;
	background-color: var(--primary-blue);
	color: #FFFFFF!important;
	text-align: center;
	text-decoration: none!important;
}
a.a-btn:hover { 
	background-color: var(--secondary-blue);
	text-decoration: none;
}


/* H*/
h1, h2, h3, h4 {
	margin: 0px;
	padding: 0px
}

h1 { 
	font-size: 33px; 
	font-weight: 900;
	line-height: 43px;
}
h2 { 
	font-size: 21px; 
	font-weight: bold; 
	line-height: 31px; 
}
h3 { 
	font-size: 16px; 
	font-weight: bold; 
	line-height: 26px; 
}
h4 { 
	font-size: 14px; 
	font-weight: normal; 
	font-style: italic; 
	line-height: 24px; 
}

p  { margin: 0px; padding: 0px  }

/* FORM GENERAL */
input, textarea, select {
	padding: 5px; 
	border: #666666 solid 1px; 
	background-color: #FFFFFF; 
	color: #141414 
}

/* UL */
ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

/* INPUT */
input {
}

/* BUTTON */
input.button {
	background-color: #666666;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
}
input.button:hover {
	background-color: #333333
}

.message_popup {
	font-size: 14px;
	padding: 50px 20px 50px 20px;
}

.overlay{	
  position: fixed;
  top: 0;
  z-index: 100;
  width: 100%;
  height:100%;
  display: none;
  background: rgba(0,0,0,0.6);
}
.loading {
  width: 40px;
  height: 40px;
  border: 4px #ddd solid;
  border-top: 4px #2e93e6 solid;
  border-radius: 50%;
  animation: loading-anime 0.8s infinite linear;
}
@keyframes loading-anime {
  100% { 
    transform: rotate(360deg); 
  }
}

/* */ 
.left 			{ float: left }
.right 			{ float: right }
.both			{ width: 100%; clear: both; height: 0px }
.block 			{ display: block;} 
.hidden		 	{ display: none }
.center 		{ text-align: center!important; }
.justify 		{ text-align: justify!important; }
.a-left 		{ text-align: left!important; }
.a-right 		{ text-align: right!important; }
.polovicka 		{ width: 50% }
.preciarknutie 	{ text-decoration: line-through }

.paddingLR0		{ padding-left: 0px!important; padding-right: 0px!important; }
.paddingL0		{ padding-left: 0px!important }
.paddingR0		{ padding-right: 0px!important; }

.size-12	{ font-size: 12px }
.size-14	{ font-size: 14px }

.mb-15 { margin-bottom: 15px!important; }
.mb-30 { margin-bottom: 30px!important; }
.mt-15 { margin-top: 15px!important; }
.mt-20 { margin-top: 20px!important; }
.mt-30 { margin-top: 30px!important; }
.mt-48 { margin-top: 48px!important; }

.red { color: #FF0000!important }

.bg-white { background-color: #FFFFFF!important }
.bg-white-content { padding: 10px!important }

.radius30 { border-radius: 30px!important }

/* FONTAWESOME */

.fab,
.fa-brands {
		width: 80px;
		color: #FFFFFF!important;
		height: 80px;
		line-height: 80px; 
		text-align: center;
		border-radius: 50%!important;
		background-color: var(--primary-blue);
		font-size: 40px
}
@media (min-width: 768px) {
	.fab,
	.fa-bars,
	.fa-brands,
	.fa-search {
		width: 50px;
		color: #FFFFFF!important;
		height: 50px;
		line-height: 50px; 
		text-align: center;
		border-radius: 50%!important;
		font-size: 20px;
		background-color: var(--primary-blue);
	
		-webkit-transition: .3s ease-in-out;
		-moz-transition: .3s ease-in-out;
		-o-transition: .3s ease-in-out;
		transition: .3s ease-in-out;
	
	}
	.fab:hover,
	.fa-brands:hover,
	.fa-search:hover {
		background-color: var(--secondary-blue);
	}
}


/* PAGINATION */
div.pagination {
	position: relative;
	padding-bottom: 10px;
}
	div.pagination .active,
	div.pagination .dotted,
	div.pagination a{
		position: relative;
		width: 50px;
		height: 50px;
		margin-right: 5px;
		text-align: center;
		line-height: 50px;
		background-color: #999999;
		color: #FFFFFF;
		
		border-radius: 50%!important;
	}
		div.pagination .active,
		div.pagination a:hover {
			color: #FFFFFF;
			background-color: var(--primary-blue);
			text-decoration: none;
		}

/* BOOTSTRAP EDIT */
.no-gutter > [class*='col-'] {
    padding-right:0;
    padding-left:0;
}

* {
	border-radius: 0;
}

.card {
}
	.card-header {
		color: #FFFFFF;
		border: solid 1px #005294;
		background-color: #005294
	}
		.card-header:hover {
			background-color: #013b69
		}
		.card-header .btn{
			width: 100%;
			color: #FFFFFF;
			text-decoration: none
		}

/* */
.btn {
}
a.btn-primary,
.btn-primary {
	color: #FFFFFF!important; 
	background-color: var(--primary-blue);
	border-color: var(--primary-blue); 
	border-radius: 30px!important; 
}
	.btn-primary:hover,
	.btn-primary:focus,
	.btn-primary:active,
	.btn-primary.active,
	.btn-primary:hover {
		color: #FFFFFF!important;
		text-decoration: none!important;
		background-color: var(--secondary-blue)!important; 
		border-color: var(--secondary-blue)!important;  
		box-shadow: none!important;  
	}
.btn-outline-primary {
	color: var(--primary-blue)!important; 
	border-color: var(--primary-blue);
	background-color: #FFFFFF;
	border-radius: 30px!important; 
}
.btn-outline-primary:hover { 
	color: #FFFFFF!important;
	text-decoration: none!important;
	border-color: var(--secondary-blue);
	background-color: var(--secondary-blue); 
}

.btn-info {
	background-color: #999999;
	border-color: #999999; 
}
	.btn-info:hover,
	.btn-info:focus,
	.btn-info:active,
	.btn-info.active,
	.btn-info:hover {
		background-color: #013b69!important; 
		border-color: #013b69!important;  
		
		box-shadow: none!important;  
	}
.btn-outline-info {
	color: #999999;
	border-color: #999999;
	background-color: #FFFFFF;
}
.btn-outline-info:hover { 
	border-color: #013b69;
	background-color: #013b69; 
}

.img-thumbnail {
  padding: 0;
  background-color: none;
  border: none;
  border-radius: 0;
  max-width: 100%;
  height: auto;
  
}
.gallery-class img.img-thumbnail { border-radius: 10px!important }
img.img-radius { border-radius: 10px!important }

.position-8 {
}
	.position-8 img { max-width: 100%!important }

/* BODY */
#wrapper {
	text-align: left;
	position: relative;
	z-index: 1;
	background-color: rgb(226, 226, 226)
}

#mobil_fixed_bottom {
	display: none;
}
	@media screen and (max-width: 991px) {
		#mobil_fixed_bottom {
			display: block;
			width: 320px;
			max-width: 100%;
			height: 50px;
			position: fixed;
			bottom: 20px;
			margin: 0 auto 0 auto;
			left: 0px;
			right: 0px;
			z-index: 9999;
		}
		#mobil_fixed_bottom img { min-width: 100%;}
	}

#top {
	width: 100%;
	position: fixed;
	z-index: 5000;
	background: #FFFFFF;
	font-family: 'Rift Demi', sans-serif;
}	
	#top #logo a {
		display: block;
		width: 100%;
		height: 60px;
	}
		#top #logo a img { max-height: 55px; vertical-align: middle}

	.navbar .dropdown-menu div[class*="col"] {
	   margin-bottom: 0;
	}
	
	.navbar .dropdown-menu {
	  border:none;
	}
	.navbar-nav { width: 100%; }

	#top #logo-vizia a {
		display: block;
		width: 100%;
		height: 60px;
		text-align: center
	}
		#top #logo-vizia a img { max-height: 45px; vertical-align: middle}

	@media screen and (max-width: 350px) {
		#top #logo a {
		}
	}
	
	@media (max-width: 767px) {
		/* MOBILE */ 
		#top { 
			height: 65px!important;
			box-shadow: 0 20px 20px rgba(0, 0, 0, .2);
		}
		
		#wrapper { padding-top: 55px }
	
		#top #logo-mobile a { float:left }
		#top #logo-mobile img {
			min-height: 50px!important
		}
		
		#top #logo-mobile a.logo-vizia { height: 55px!important; }
		#top #logo-mobile a.logo-vizia img { height: 35px!important; min-height: inherit!important;  }
		
		.navbar {
		  background: #FFFFFF!important;
		}
		
		#navbarSupportedContent { margin-top: 10px;}
		
			#navbarSupportedContent ul li  {
				list-style: none;
				float: left;
				padding: 0 0;
				margin: 0px;
				background-color: var(--blue-palette-5)
			}
			#navbarSupportedContent ul li a{
				font-size: 20px;
				line-height: 60px;
				font-weight: normal;
				text-transform: uppercase;
				padding-top: 0px;
				padding-bottom: 0px;
				padding: 0 20px 0 20px;
				
				color: #FFFFFF;
			}
			#navbarSupportedContent ul li:hover,
			#navbarSupportedContent ul li.selected {
				background-color: var(--blue-palette-2);
			}
			
				#navbarSupportedContent ul li ul li {
					padding: 0 2px 0 2px;
					background-color: #FFFFFF;
					width: 100%
				}
				#navbarSupportedContent ul li ul li a,
				#navbarSupportedContent ul li.selected ul li a{
					color: #0c191b;
					font-size: 16px;
					line-height: 30px;
					padding-top: 10px;
					padding-bottom: 10px;
					font-weight: normal;
					text-align: center;
					text-transform: none;
					background-color: transparent!important;
				}
				#navbarSupportedContent ul li ul li a:hover,
				#navbarSupportedContent ul li ul li.selected {
					background-color: transparent!important;
					text-decoration: underline
					
				}
				
		.top-other-mobile  {
			position: absolute;
			right: 110px;
			top: 25px;
			font-size: 25px
		}	
		
		.navbar-toggler {
			position: absolute;
			right: 20px;
			top: 5px;
		}	
			.fa-bars {
				width: 50px;
				color: #FFFFFF!important;
				height: 50px;
				line-height: 50px; 
				text-align: center;
				border-radius: 50%!important;
				font-size: 20px;
				background-color: var(--primary-blue);
			
				-webkit-transition: .3s ease-in-out;
				-moz-transition: .3s ease-in-out;
				-o-transition: .3s ease-in-out;
				transition: .3s ease-in-out;
			
			}
			.fa-bars:hover {
				background-color: var(--secondary-blue);
			}

	}

	@media (min-width: 768px) {
		/* DESKTOP */
		#top { height: 75px!important;  }

		#wrapper { padding-top: 90px }
		
		.navbar {
		  background: #FFFFFF!important;
		}
	
		#navbarSupportedContent {
			margin-top: 17px;
		}

		.navbar .dropdown {position:static;}
		.navbar .dropdown-menu {
		  position: absolute;
		  width:100%;
		  left:0;
		  right:0;
		  top: 62px;
		  display:block;
		  visibility: hidden;
		  opacity: 0;
		  transition: visibility 0s, opacity 0.1s linear;
		  background-color: var(--primary-blue);
		}
		.navbar .dropdown:hover .dropdown-menu, .navbar .dropdown .dropdown-menu:hover {
		  display:block;
		  visibility: visible;
		  opacity: 1;
		  transition: visibility 0s, opacity 0.1s linear;
		}
		
			#navbarSupportedContent ul li  {
				list-style: none;
				float: left;
				padding: 0 20px 0 20px;
				margin: 0px;
			}
			#navbarSupportedContent ul li a{
				font-size: 20px;
				line-height: 30px;
				font-weight: normal;
				text-transform: uppercase;
				padding: 0;
				
				color: var(--primary-blue);
				
				border-bottom: 2px solid transparent;
				transition: color .3s ease-in-out, border-bottom .3s ease-in-out;
			}
			#navbarSupportedContent ul li a:hover,
			#navbarSupportedContent ul li.selected a {
				border-bottom: 1px solid var(--primary-blue);
			}
			
				#navbarSupportedContent ul li ul li {
					padding: 5px 20px 5px 20px;
				}
				#navbarSupportedContent ul li ul li a,
				#navbarSupportedContent ul li.selected ul li a{
					color: #FFFFFF;
					font-size: 14px;
					border-bottom: 2px solid transparent;
					line-height: 30px;
					font-weight: normal;
					text-transform: none;
					background-color: transparent!important;
				}
				#navbarSupportedContent ul li ul li a:hover,
				#navbarSupportedContent ul li ul li.selected a {
					border-bottom: 1px solid #FFFFFF;
				}
	}
	
	/* mobile btn */
	
	#top .top-other {
	}
		#top .top-other a {
			margin-left: 5px;
			color: #0060ca;
			font-size: 20px
		}	
		#top .top-other a:hover { color: #005294 }
		
		@media screen and (max-width: 991px) {
			#top .top-other { text-align: right }
		}
		
		@media screen and (max-width: 1400px) {
			#navbarSupportedContent ul li { padding: 0 10px 0 10px}
			#navbarSupportedContent ul li a { padding: 0; font-size: 18px; }
		}
		
		@media screen and (max-width: 1600px) {
			#top .top-other .fa,
			#top .top-other .fab {
				width: 40px;
				height: 40px;
				line-height: 40px;
			}
			#top .top-other .fa-brands { display: none }
		}
		
		@media (max-width: 385px) {
			#top #logo-mobile a.logo-vizia img { height: 25px!important; min-height: inherit!important;  }
		}
		
		@media (max-width: 365px) {
			#top #logo-mobile a.logo-vizia img { display: none  }
		}
		
#content {
	
}
	#column-left {
		padding-left: 0px;
		padding-right: 0px
	
	}		
		
		.currently-race {
			margin-bottom: 10px
		}
			.currently-race a.ahref {
				display: block;
				width: 100%;
				height: 28px;
				padding: 0 0 0 20px;
				margin-bottom: 1px;
				line-height: 28px;
				font-size: 14px;
				color: #FFFFFF;
				background-color: #333333;
			}
				.currently-race a.ahref:hover { color: #000000; background-color: #ffeb00} 	
			
			.currently-race img { max-width: 100%; }
			
			.currently-race a.noactive {
				background-color: #6f6f6f!important
			}
				.currently-race a.noactive:hover { color: #FFFFFF!important; background-color: #6f6f6f!important; text-decoration: none }
		
			.currently-race .info-box {
				display: block;
				height: 26px;
				padding: 0 25px 0 25px;
				float: left;
				margin: 0 1px 1px 0;
				line-height: 26px;
				color: #000000;
				text-align: center;
				background-color: #d9d9d9;
			}
			
			.currently-race a.stage {
				display: block;
				width: 26px;
				height: 26px;
				float: left;
				margin: 0 1px 1px 0;
				line-height: 26px;
				color: #000000;
				text-align: center;
				background-color: #d9d9d9;
			}
				.currently-race a.stage:hover { color: #FFFFFF; background-color: #535252; text-decoration: none} 
			
			.currently-race a.laststage {
				width: 28px!important;
				margin-right: 0px!important;
			}
				
			.currently-race a.active {
				background-color: #ffeb00!important
			}
			
		@media only screen and (max-width: 1199px){
			.currently-race .info-box {
				width: 100%;
			}
		
			#column-left .currently-race img,
			#column-left .currently-race a.stage,
			#column-left .currently-race a.ahref { display: none }
			#column-left .currently-race div {}
			#column-left .currently-race div a img {
				display: block;
				float: left; 
				margin-top: 0px!important;
				max-width: 25%
			}
		}
	.currently-race-21 {
		margin-top: 1px
	}
		.currently-race-21 a.stage {
			display: block;
			width: 28px;
			height: 28px;
			float: left;
			margin: 0 1px 1px 0;
			line-height: 28px;
			color: #000000;
			text-align: center;
			background-color: #d9d9d9;
		}
			.currently-race-21 a.first { width: 34px!important; }
			.currently-race-21 a.last { width: 34px!important; margin-right: 0px!important; }
			.currently-race-21 a.stage:hover { color: #FFFFFF; background-color: #535252; text-decoration: none} 
		.currently-race-21 a.active {
			background-color: #535252!important;
			color: #FFFFFF!important;
		}
		
			

	#column-center {
		min-height: 200px;
		padding-bottom: 10px;
	}
		@media only screen and (max-width: 991px){
			#column-center { padding-top: 15px;
			}
		}
		#content h1,
		#content h2 {
			line-height: 29px;
			font-size: 16px;
			color: #FFFFFF;
			font-weight: normal;
			padding-top: 14px;
			padding-bottom: 14px;
			
			background-color: var(--primary-blue);
			font-family: 'Barlow', sans-serif;
			
		}
		#content a h2{ 
			color: #FFFFFF!important;
			cursor: pointer;
			-webkit-transition: .3s ease-in-out;
			-moz-transition: .3s ease-in-out;
			-o-transition: .3s ease-in-out;
			transition: .3s ease-in-out;
		}
		#content a h2:hover { 
		
			background-color: var(--secondary-blue)!important; 
			cursor: pointer
			}
		
		#column-center img { max-width: 100%; }
		
		/* SLIDER */
		.accordion-group { border: none!important; }
		.nn_sliders-toggle { }
		.panel .panel-body { padding: 0px!important; border: none!important; }
		.accordion-toggle {
			display: block!important;
			width: 100%;
			line-height: 40px;
			padding-left: 15px;
			margin-bottom: 2px;
			background-color: var(--primary-blue)!important; 
			color: #FFFFFF!important;
			font-size: 16px;
		}
		.collapsed .accordion-toggle,
		.active .accordion-toggle,
		.accordion-toggle:hover { background-color: var(--secondary-blue)!important; }
	
		/* CONTENT */
		.text-ckeditor,
		#column-center #mod_content .text {
			text-align: justify
		}
			.text-ckeditor div,
			.text-ckeditor p,
			#column-center #mod_content .text div,
			#column-center #mod_content .text p {
				line-height: 25px;
				min-height: 25px;
			}
			#column-center .bg-white-content .max-width * { max-width: 600px!important;}
			
			.text-ckeditor a,
			#column-center #mod_content .text a { }
			
			.text-ckeditor img,
			#column-center #mod_content .text img { max-width: 100%!important; }
			
			.text-ckeditor .fb-post,
			#column-center #mod_content .text .fb-post { max-width: 100%!important; text-align: center!important; }
			#column-center #mod_content .text .fb-post iframe { margin: 0 auto 0 auto }
			
			.text-ckeditor .twitter-tweet,
			#column-center #mod_content .text .twitter-tweet { margin: 0 auto 0 auto }

			.text-ckeditor .youtube-iframe,
			#column-center #mod_content .text .youtube-iframe { height: 315px }	
			
			.text-ckeditor .iframe,
			#column-center #mod_content iframe { max-width: 100%!important;}

			@media only screen and (max-width: 767px){ 
				.text-ckeditor .youtube-iframe,
				#column-center #mod_content .text .youtube-iframe { height: calc(100vw/1.9); }	
			}	
					
		.text-ckeditor .popup2,
		#column-center #mod_content .text .popup2 {
			cursor: pointer
		}
			.text-ckeditor .popup2:hover,
			#column-center #mod_content .text .popup2:hover {
				opacity: 0.5;
				transition: .3s ease-in-out;
			}
		.text-ckeditor .jcepopup,
		#column-center #mod_content .text .jcepopup {
			position: relative!important;
			display: inline-block!important;
		}
			.text-ckeditor .jcepopup,
			#column-center #mod_content .text .jcepopup {
			}
			.text-ckeditor .jcepopup:hover img,
			#column-center #mod_content .text .jcepopup:hover img {
				opacity: 0.5;
				transition: .3s ease-in-out;
			}
			.text-ckeditor .jcepopup img,
			#column-center #mod_content .text .jcepopup img {
				z-index: 100;
				position: relative;
			}
			.text-ckeditor .popup2-zoom,
			.text-ckeditor .jcezoom,
			#column-center #mod_content .text .popup2-zoom,
			#column-center #mod_content .text .jcezoom {
				position: absolute!important;
				width: 74px;
				height: 74px;
				display: block;
				bottom: 0px!important;
				right: 0px!important;
				background: url(../images_template/wrapper/zoom-img.png) no-repeat center;
				z-index: 300;
			}
			
				
			.text-ckeditor .jcepopup span.artist-author,
			#column-center #mod_content .text .jcepopup span.artist-author {
				position: absolute;
				left: 0px;
				bottom: 0px;
				z-index: 100;
				font-size: 10px;
				padding: 5px 15px 5px 15px;
				background: linear-gradient(225deg, transparent 0%, var(--primary-blue) 80%, var(--primary-blue) 100%);
				color: #FFFFFF;
			}
			
			@media only screen and (max-width: 767px){
				.text-ckeditor .popup2-zoom,
				.text-ckeditor .jcezoom,
				#column-center #mod_content .text .popup2-zoom,
				#column-center #mod_content .text .jcezoom {
					width: 40px;
					height: 40px;
					background: url(../images_template/wrapper/zoom-img-40.png) no-repeat center;
				}
			}

	#column-right {
		padding-right: 0px;
		padding-left: 0px;
		
		width: 300px!important;
		-ms-flex: 0 0 300px!important;
		flex: 0 0 300px!important;
	}
		#column-right .moduls {
			margin-bottom: 10px;
		}

	@media only screen and (max-width: 991px){
		#column-right { display: none; }
	}
	
	.title,
	#column-left .title,
	#column-center .title,
	#column-right .title {
		display:block;
		background-color: var(--primary-blue);
		color: #FFFFFF;
		padding: 16px;
		
        font-family: 'Barlow', sans-serif;
        font-size: 12px;
		font-weight: 500;
		line-height: 25px;
		letter-spacing: -.2px;
        text-align: center;
		text-transform: uppercase
	}
		.title img.title-icon-logo {
			width: 18px;
			margin-right: 10px;
			margin-top: -5px;
			display: none!important;
		}
		
		.title i.title-icon,
		#column-left .title i.title-icon,
		#column-center .title i.title-icon,
		#column-right .title i.title-icon {
			display: none!important;
			
			margin-right: 10px;
			color: #FFFFFF;
		}
		
		#column-right a.title:hover { background-color: var(--secondary-blue); }
	
	/* page-header */
	.page-header {
		min-height: 36px;
		background-color: var(--primary-blue);
		background-position: center left;
		background-repeat: no-repeat;
		
		z-index:font-family: 'Barlow', sans-serif;
		
		color: #FFFFFF;
		line-height: 32px;
		padding-left: 10px;
		font-weight: normal;
		margin: 0 0 10px 0;
	}
		.page-header h1,
		.page-header h2,
		.page-header h3,
		.page-header h4 {
			font-size: 16px;
			line-height: 32px;
			font-weight: normal;
			margin: 0px;
			padding: 0px;
		}
	
	.moduls {
	}	
		.moduls_label {
			width: 100%;
			text-align:center;
			background-color: #CCCCCC;
			padding: 15px 0 15px 0;
			margin-bottom: 10px;
		}
		#column-right .moduls iframe {
			width: 100%
		}
		#column-right .moduls .youtube iframe {
			border: none;
			height:168px;
			width: 100%;
		}
		.moduls .div-adsbygoogle {
			max-width: 650px!important;
		}
		.moduls .row .bg-white-modul div.modul-text { background-color: #FFFFFF }
		
		.social-icon,
		.social-icon-mobile {
			width: 33%;
			float: left;
			text-align: center;
			padding: 10px 0 10px 0
		}
		
		.social-icon-mobile {
		}
		
	.adguru_ads_skin {
	    z-index: -1;
	}
	
	.fancybox-overlay {
		z-index: 1000000!important;
	}
	
	/* modul countdown */
	#countdown-div {	
		height: 100px;
		padding-top: 30px;
		height: 125px;
		text-align: center;
		font-size: 25px;
		font-weight: bold;
		line-height: 25px;
		color: #005294;
	}
		#countdown-div p {
			width: 80%;
			margin: 0 auto 0 auto;
			padding: 20px 0 20px 0;
			height: 65px;
			background: url(../images_template/white75.png) repeat
		}
	/* modul emocia-tyzdna*/	
	#emocia-tyzdna {
	}
		#emocia-tyzdna .emocia-tyzdna {
		}
			/*#emocia-tyzdna .emocia-tyzdna span { display: block; width: 100%; height: 100%; position: absolute }
			#emocia-tyzdna .emocia-tyzdna:hover span { background: url(../images_template/white75.png) repeat }*/
			#emocia-tyzdna .emocia-tyzdna:hover img {
				opacity: 0.5;
				transition: .3s ease-in-out;
			}
			#emocia-tyzdna .emocia-tyzdna span {
				position: absolute!important;
				width: 74px;
				height: 74px;
				display: block;
				bottom: 5px!important;
				right: 20px!important;
				background: url(../images_template/wrapper/zoom-img.png) no-repeat center;
				z-index: 300;
			}
			@media only screen and (max-width: 767px){
				#emocia-tyzdna .emocia-tyzdna span {
					width: 40px;
					height: 40px;
					background: url(../images_template/wrapper/zoom-img-40.png) no-repeat center;
				}
			}
			
	/* modul nestle*/	
	.nestle-h2 {
		display: block;
		background-color:  var(--primary-blue);
		text-align: center;
		padding: 10px!important;
		font-size: 14px!important;
		line-height: 24px!important;
		color: #FFFFFF!important;
	}

	#nestle {
	}
		#nestle a {
			display: block;
			background-color:  var(--primary-blue);
			text-align: center;
			padding: 10px!important;
			font-size: 14px!important;
			line-height: 24px!important;
			color: #FFFFFF!important;
		}
			#nestle a:hover { background-color:  var(--secondary-blue); }
	
	/* modul html - aktualne-startovky-vysledky */
	.aktualne-startovky-vysledky {
	}
		.aktualne-startovky-vysledky .asv-item {
			background-color: #ffffff;
			margin-bottom: 10px;
			padding-bottom: 10px;
		}
			/* mobilna verzia v stede stlpca */
			.id_moduls_type_9 {
				padding-left: 15px;
				padding-right: 15px;
			}
				.id_moduls_type_9 .asv-item { display: none }
				.id_moduls_type_9 .active { display: block; }
		
			.aktualne-startovky-vysledky .asv-item .asv-item-date {
				width: 80%;
				background-color: #f5f5f5;
				text-align: center;
				padding: 10px 0 10px 0;
				font-weight: bold;
				color: #353535
			}
				.aktualne-startovky-vysledky .asv-item .asv-item-date span { text-transform: uppercase; font-style: 14px; }
			.aktualne-startovky-vysledky .asv-item .asv-item-location {
				text-align: center;
				text-transform: uppercase;
				margin: 10px 0 10px 0
			}
			.aktualne-startovky-vysledky .asv-item .asv-item-races {
				overflow: hidden;
			}
				.aktualne-startovky-vysledky .asv-item .asv-item-races .asv-item-races-race-1 {
					width: 40%;
					float: left;
					text-align: right;
					padding-right: 10px;
					border-right: solid 1px #999999
				}
				.aktualne-startovky-vysledky .asv-item .asv-item-races .asv-item-races-race-2 {
					display: none;
					float: left;
				}
				.aktualne-startovky-vysledky .asv-item .asv-item-races .asv-item-races-race-3 {
					width: 60%;
					float: left;
					padding-left: 10px;
				}			
	
	/* actual-race */
	.actual-race {
	}	
		.actual-race .actual-race-item {
			margin-bottom: 2px;
		}
			.actual-race .actual-race-item img {
				position: relative;
				width: 100%;
				filter: gray; /* IE6-9 */
				filter: grayscale(1); /* Firefox 35+ */
				-webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
			
				-webkit-transition: all 0.3s;
				-moz-transition: all 0.3s;
				-ms-transition: all 0.3s;
				-o-transition: all 0.3s;
				transition: all 0.3s; 
			}
			
		.actual-race .actual-race-item-current {
		}
			.actual-race .actual-race-item:hover img,
			.actual-race .actual-race-item-current img {
				filter: none!important;
				-webkit-filter: grayscale(0)!important;
			}		
	/* actual-race - ukoncene a buduce */
	.swiper-ukoncene,
	.swiper-buduce {
		width: 100%;
		height: 137px;
		overflow: hidden; 
	}
		.swiper-ukoncene .swiper-slide,
		.swiper-buduce .swiper-slide {
		  width: 100;
		 height: 100%;
		  display: flex;
		  justify-content: center;
		  align-items: center;
		}
		
		.swiper-ukoncene .swiper-slide img,
		.swiper-buduce .swiper-slide img {
		  width: 100%;
		  height: 100%;
		  object-fit: cover;
		}	
		.swiper-ukoncene .swiper-button-prev,
		.swiper-ukoncene .swiper-button-next,
		.swiper-buduce .swiper-button-prev,
		.swiper-buduce .swiper-button-next {
			top: 40px;
			-webkit-transition: all 0.3s;
			-moz-transition: all 0.3s;
			-ms-transition: all 0.3s;
			-o-transition: all 0.3s;
			transition: all 0.3s;
			color: #FFFFFF;
			height: 20px!important;
			font-size: 20px!important
			
		}
		.swiper-ukoncene .swiper-button-prev::after,
		.swiper-ukoncene .swiper-button-next::after,
		.swiper-buduce .swiper-button-prev::after,
		.swiper-buduce .swiper-button-next::after {
			font-size: 20px!important
		}
		
		
		.swiper-ukoncene .swiper-button-prev,
		.swiper-buduce .swiper-button-prev { margin-left: 10px; }
			.swiper-ukoncene .swiper-button-prev:hover,
			.swiper-buduce .swiper-button-prev:hover { margin-left: 5px; }
		.swiper-ukoncene .swiper-button-next,
		.swiper-buduce .swiper-button-next { margin-right: 10px; }
			.swiper-ukoncene .swiper-button-next:hover,
			.swiper-buduce .swiper-button-next:hover { margin-right: 5px; }
	
	.race-item {
		display: block;
		background-color: #FFFFFF;
		padding: 15px;
		height: 130px
		
	}
		.race-item .race-item-datum {
			position: absolute;
			font-size: 12px;
			padding: 2px 7px;
			font-family: 'Barlow', sans-serif;
			font-weight: 500;
			text-transform: uppercase;
			border-radius: 12px;
			white-space: nowrap;
			transition: margin-left .3s ease-out;
			background-color: var(--bw-palette-2);
			color: #000000;
		}
		.race-item .race-item-src {
			position: absolute;
			right: 30px
		}
			.swiper-slide .race-item-src { right: 15px }
			.race-item .race-item-src img {
				width: 70px;
				height: 70px;
			}
		.race-item .race-item-name {
			position: absolute;
			
			bottom: 10px;
			
			font-family: 'Rift', sans-serif;
			font-weight: 600;
			letter-spacing: -.2px;
			white-space: nowrap;
			line-height: 1;
			border-bottom: 2px solid Transparent;
			transition: border-bottom .3s ease-in;
		}
			.race-item .race-item-name .race-item-flag {
				display: block;
				padding-bottom: 5px;
			}
				.race-item .race-item-name .race-item-flag img { width: 25px; }
			.race-item .race-item-name .race-item-popis {
				display: block;
				padding-top: 6px;
				font-family: 'Montserrat', sans-serif;
				font-weight: 400;
				font-size: 9px;
				color: var(--blue-palette-1);
				white-space: nowrap;
				line-height: .4;
			}
			
		@media only screen and (max-width: 767px){
			/*.race-item .race-item-src img {
				width: 50px;
				height: 50px;
			}*/
		}
		@media only screen and (max-width: 360px){
			.race-item .race-item-src img {
				width: 50px;
				height: 50px;
			}
		}

	/* actual-race-carousel - mobile */	
	#actual-race-slider {
		width: 100%;
		height: 130px;
	}
		#actual-race-slider .actual-race .actual-race-title {
			text-align: center;
			padding: 15px;
			background-color: var(--primary-blue);
			color: #FFFFFF;
			
			font-family: 'Barlow', sans-serif;
			font-size: 12px;
			font-weight: 500;
			line-height: 20px;
			letter-spacing: -.2px;
			text-transform: uppercase
		}
		#actual-race-slider .actual-race .actual-race-item {
			margin-bottom: 0px;
		}
		#actual-race-slider .actual-race .swiper-slide img.old { height: 100px; }
	
	/* include/discussion */
	.modal{
	  background-color: rgba(0, 0, 0, 0.3);
	}
		.modal-backdrop{
		  position: relative;
		}	
		
		.discussion-text { 
			max-width: 100%;
			word-break: break-word
		}
	
	/**/	
	#partners-slider {
		/*padding-top: 10px;*/
	}
		#partners-slider .jcarousel-wrapper {
			margin: 0;
			padding: 0;
			position: relative;
			width: 100%;
		}
		#partners-slider .jcarousel {
			position: relative;
			overflow: hidden;
		}
		#partners-slider .jcarousel ul {
			width: 20000em;
			position: relative;
			list-style: none;
			margin: 0;
			padding: 0;
		}
		#partners-slider .jcarousel li {
			width: 222px;
			padding: 0;
			float: left;
			text-align: center
		}
			#partners-slider .jcarousel li img { max-height: 112px}
		
	.modul-10 {
	}
		
	#partners {
		position: relative;
		padding-top: 10px;
		margin-top: 20px;
		color: #FFFFFF;
		text-align: center;
		font-size: 12px;
		line-height: 16px
	}	
		@media only screen and (max-width: 767px){
			#partners {  }
		}
		.partners {
		  margin: 20px 0 !important;
		  clear: both
		}
		.partners strong { display: block; width: 100%; height: 20px; text-transform: uppercase; text-align:left; color: #000000; font-size: 16px; }
		.partners .partners-slider .slide {
		  display: inline-block;
		  padding: 20px;
		}
		.partners .partners-slider .slide.special:hover a:hover {
		  text-decoration: none;
		  color: white;
		}
		 .partners .partners-slider .slide img {
		  /*filter: grayscale(100%);*/
		  height: 60px;
		}
		
		 .partners .partners-slider-big .slide img { width: 300px; height: auto /*height: 225px; max-width: 100%!important;*/ }
		 .partners .partners-slider-big-2 .slide img { width: 200px; height: auto }
		 .partners .partners-slider-3 .slide img { width: 150px; height: auto }
		 .partners .partners-slider-4 .slide img { width: 100px; height: auto }
		 
		 @media only screen and (max-width: 767px){
			 .partners .partners-slider-big .slide img { width: 300px; height: auto; max-width: 100%!important; /*height: 225px; max-width: 100%!important;*/ }
			 .partners .partners-slider-big-2 .slide img { width: 200px; height: auto; max-width: 100%!important; }
			 .partners .partners-slider-3 .slide img { width: 120px; height: auto }
			 .partners .partners-slider-4 .slide img { width: 90px; height: auto }
		 }
		
		.partners .partners-slider .slide img:hover {
		  /*filter: none;*/
		}
		.partners .partners-slider.special {
		  width: 100%;
		  text-align: center;
		}
		.partners .partners-slider.special .slide {
		  display: block;
		  padding: 0;
		  text-align: center;
		}
		.partners .partners-slider.special .slide.special {
		  display: block;
		  margin: 20px 0 30px 0;
		}
		.partners .partners-slider.special .slide.special a {
		  display: block;
		  padding: 15px;
		  font-size: 1.2em;
		  color: black;
		  background: #eee;
		}
		.partners .partners-slider.special .slide.special a:hover {
		  background: #d62631;
		  color: white;
		}		
	
	
	/* include/tipos */	
	.page-header-tipos { margin-bottom: 0px; }
	#tipos {
		height: 400px;
		overflow: auto;	
	}
		#tipos .bet {
			background-color: #CCCCCC;
			padding: 5px;
			padding-left: 10px;
		}
		#tipos .bet_div { padding-bottom: 10px }
		#tipos .bet_div a {
			display: block;
			
		}
		#tipos .bet_div a .team {
			display:block;
			background-color: #EAEAEA;
			padding: 5px;
			padding-left: 10px;
		}
		#tipos .bet_div a.parny {
			background-color: #EAEAEA;
		}
		#tipos .bet_div a .param {
			min-width: 250px;
			padding-left: 10px;
			display: inline-block
		}
		#tipos .bet_div a .odds {
			float:right;
			padding-right: 20px;
		}
		#tipos .bet_div a:hover ,
		#tipos .bet_div a:hover .team { 
			background-color: #005294;
			color: #FFFFFF; 
		}
	
#footer {
	background-color: #262626;
	color: #FFFFFF;
	font-size: 12px;
	padding-top: 15px;
}
	#footer a {
		color: #FFFFFF;
		text-decoration: none
	}
	#footer a:hover { text-decoration: underline}
		
		#footer #sitemap {
			background: #0f0f0f;
			margin-bottom: 15px;
			padding: 10px;
			margin-bottom: 15px;
		}
			#footer #sitemap ul li {
				width: 10%;
				float: left;
				font-size: 14px;
				text-transform: uppercase;
				font-weight: bold
			}
				#footer #sitemap ul li ul {
					padding-top: 10px;
				}
					#footer #sitemap ul li ul li {
						width: 100%;
						float: none;
						font-size: 12px;
						text-transform: none;
						font-weight: normal
					}
		
		
		#footer #other-links {
			position: relative;
		}
			#footer #other-links {
				position: relative;
				
			}
				#footer #other-links a {
					height: 100px;
					background-repeat: no-repeat;
					background-position: top left;
					background-image: url(../images_template/wrapper/footer_links.png?time=2)
				}
					#footer #other-links a:hover { background-image: url(../images_template/wrapper/rollover/footer_links.png?time=2) }
					
					#footer #other-links a span {
						position: absolute;
						width: 100%;
						height: 100%;
						display: block;
						left: 0
						
					}
					#footer #other-links a.fb span { background: url(../images_template/wrapper/footer_links_fb.png?time=2) no-repeat left  }
					#footer #other-links a.biathlon span { background: url(../images_template/wrapper/footer_links_biathlon_2022.png?time=2) no-repeat left  }
					#footer #other-links a.ci span { background: url(../images_template/wrapper/footer_links_ci_2022.png?time=2) no-repeat left  }
					#footer #other-links a.si span { background: url(../images_template/wrapper/footer_links_si_2022.png?time=2) no-repeat left  }
					#footer #other-links a.biatlonosrblie span { background: url(../images_template/wrapper/footer_links_biatlonosrblie.png?time=3) no-repeat left  }
					#footer #other-links a.biatlonosrblieleto span { background: url(../images_template/wrapper/footer_links_biatlonosrblieleto.png?time=3) no-repeat left  }

	#footer #copyright {
		padding: 15px 0 15px 0
	}
	
	/*2024*/		
	.footer-2024 {
		border-top: solid 15px var(--primary-blue)!important;
		background-color: #FFFFFF!important;
		color: #262626!important;
	}
		.footer-2024 a {
			color: #141414
		}
		
		.footer-2024 .other-links-2024 {
		}
			.footer-2024 #other-links-2024 .link-min,
			.footer-2024 #other-links-2024 .link-biatlon { text-align: center }
			.footer-2024 #other-links-2024 .links {
				line-height: 25px;
				font-size: 16px;
			}
			
	.footer-2024 #copyright {
		border-top: solid 15px #005294!important;
		color: #141414
	}
		.footer-2024 #copyright a { color: #141414}