@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@400;700&display=swap');

*, *:before, *:after {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}
html{
	height: 100%;
}
body {
	text-align: center;
	margin: 0;
    position: relative;
}
body, input, button {
	font-family: "Josefin Sans",sans-serif;
	letter-spacing: 1.2px;
	font-size: 20px;
	color: #000;
}
.container {
	text-align: left;
	margin: 0 auto;
	max-width: 1080px;
}
.relative {
	position: relative;
}
p {
	margin: 0 0 15px 0;
}
h1,h2,h3,h4{
	font-family: "Josefin Sans",sans-serif;
	font-weight: normal;
	text-transform: uppercase;
}
a{
	text-decoration: none;
}


/* header */



header{
	font-family: "Josefin Sans",sans-serif;
}
header .container-inner{
	position: relative;
}
header #header-nav-top{
	display: table;
	width: 100%;
	padding: 10px 0 10px 0;
	background: #fff;
	background-size: 100% 100%;
}
header li{
	list-style: none;
}
header #header-nav-top li{
	display: inline-block;
	margin: 0 5px;
	color: #000;
	font-size: 20px;
}
header #header-nav-top li a{
	color: #000;
	text-decoration: none;
}
header #header-nav-top li span,
header #header-nav-top li a:hover{
	color: #ff00ff;
}
header .nav-social{
	float: right;
	padding-top: 20px;
}
header .nav-social:before {
	content: url(../images/design-2022/icons/facebook_pink.svg) url(../images/design-2022/icons/youtube_pink.svg) url(../images/design-2022/icons/instagram_pink.svg);
	display: block;
	width: 0;
	height: 0;
	visibility: hidden;
}
header .nav-lang{
	float: left;
	padding-top: 30px;
}
.nav-social a{
	display: inline-block;
	background-position: center;
	background-size: auto 100%;
	background-repeat: no-repeat;
}
.nav-social li.fb a {
	width: 16px;
	height: 31px;
	background-image: url(../images/design-2022/icons/facebook.svg);
}
.nav-social li.fb a:hover {
	background-image: url(../images/design-2022/icons/facebook_pink.svg);
}
.nav-social li.yt a {
	width: 39px;
	height: 27px;
	background-image: url(../images/design-2022/icons/youtube.svg);
}
.nav-social li.yt a:hover {
	background-image: url(../images/design-2022/icons/youtube_pink.svg);
}
.nav-social li.ig a {
	width: 29px;
	height: 29px;
	background-image: url(../images/design-2022/icons/instagram.svg);
}
.nav-social li.ig a:hover {
	background-image: url(../images/design-2022/icons/instagram_pink.svg);
}
#header-title{
	font-family: "Josefin Sans",sans-serif;
	text-transform: uppercase;
	color: #000;
	font-size: 16px;
	text-align: center;
}
#header-nav-top #logo{
	padding-top: 40px;
	text-align: center;
}
#header-nav-top #logo img{
	width: 100%;
	max-width: 500px;
	margin-bottom: 20px;
}
#header-nav-bottom .container {
	max-width: none;
}
#header-nav-bottom .container-inner{
	text-align: center;
	display: flex;
	justify-content: center;
	column-gap: 50px;
	flex-wrap: wrap;
}
#header-nav-bottom .nav{
	white-space: nowrap;
	display: inline-block;
}
#header-nav-bottom .nav a{
	display: inline-block;
	padding: 20px 10px;
	color: #000;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 16px;
}
#header-nav-bottom .nav a:hover{
	color: #ff00ff;
}
#header-nav-bottom .nav > li{
	display: inline-block;
}
#header-nav-bottom .nav > li > ul{
	display: none;
	background: rgba(255, 255, 255, 0.8);
	position: absolute;
	z-index: 999;
	border-radius: 0 0 5px 5px;
	text-align: left;
}
#header-nav-bottom .nav > li:hover ul{
	display: block;
}
#header-nav-bottom .nav > li > ul li a{
	display: block;
	padding: 0;
	margin: 10px 15px;
	font-size: 14px;
	white-space: nowrap;
}
#header-nav-bottom .nav > li > ul li:last-of-type a{
	border-bottom: 0;
}

#header-nav-bottom .header-button a{
	display: block;
	background-position: center;
	background-size: 100% auto;
	background-repeat: no-repeat;
}
.detail .header-button{
	position: absolute;
	top: 60px;
	right: 30px;
}
#header-nav-bottom #akreditace a{
	width: 160px;
	height: 50px;
	margin-top: 10px;
	background-size: contain;
}
.lang-cs #header-nav-bottom #akreditace a{
	background-image: url('../images/design-2022/buttons/akreditace_cz.png');
}
.lang-cs #header-nav-bottom #akreditace a:hover{
	background-image: url('../images/design-2022/buttons/akreditace_cz_hover.png');
}
.lang-en #header-nav-bottom #akreditace a{
	background-image: url('../images/design-2022/buttons/akreditace_en.png');
}
.lang-en #header-nav-bottom #akreditace a:hover{
	background-image: url('../images/design-2022/buttons/akreditace_en_hover.png');
}

#header-nav-bottom #vote a{
	width: 270px;
	height: 60px;
	background-size: contain;
}
.lang-cs #header-nav-bottom #vote a{
	background-image: url('../images/design-2022/buttons/vote_cz.png');
}
.lang-cs #header-nav-bottom #vote a:hover{
	background-image: url('../images/design-2022/buttons/vote_cz_hover.png');
}
.lang-en #header-nav-bottom #vote a{
	background-image: url('../images/design-2022/buttons/vote_en.png');
}
.lang-en #header-nav-bottom #vote a:hover{
	background-image: url('../images/design-2022/buttons/vote_en_hover.png');
}


#header-nav-bottom #accreditation a{
	right: 0;
	width: 200px;
	height: 50px;
	margin-top: 20px;
	padding-top: 11px;
	background-size: 100% auto;
}
.lang-cs #header-nav-bottom #accreditation a{
	background-image: url('../images/design-2021/buttons/audience-award-cs.png');
}
.lang-cs #header-nav-bottom #accreditation a:hover{
	background-image: url('../images/design-2021/buttons/audience-award-cs-hover.png');
}
.lang-en #header-nav-bottom #accreditation a{
	background-image: url('../images/design-2021/buttons/audience-award-en.png');
}
.lang-en #header-nav-bottom #accreditation a:hover{
	background-image: url('../images/design-2021/buttons/audience-award-en-hover.png');
}

#header-banner{
	width: 100%;
	margin-top: 40px;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	line-height: 0;
	overflow: hidden;
	cursor: pointer;
	padding-bottom: 50px;
}
#header-banner video{
	position: relative;
	transform: translate(-50%, 0);
	left: 50%;
	width: 100%;
	z-index: -100;
}




/* footer */



footer {
	background: #FEEA7F url(../images/design-2022/bg/bg-yellow.png) bottom left repeat-x;
	background-size: auto 100%;
	position: relative;
	padding-top: 50px;
}

footer .container{
	text-align: center;
}
.nl .form{
	display: inline-block;
}
.nl .form label {
	margin-bottom: 40px;
	display: block;
	color: #000;
	text-transform: uppercase;
	font-family: "Josefin Sans",sans-serif;
	font-size: 24px;
}
.nl .form input.text {
	width: 170px;
	height: 40px;
	line-height: 43px;
	padding: 5px 15px 0 15px;
	margin-right: 30px;
	color: #fff;
	background: #fad7b2;
	border: none;
	text-transform: uppercase;
	font-size: 14px;
	vertical-align: middle;
	text-align: center;
}
.nl .form input:focus {
	outline: none;
	background: #fd9720;
}
.nl .form input.text::placeholder,
.nl .form input.text::-webkit-input-placeholder,
.nl .form input.text:-moz-placeholder, /* Firefox 18- */
.nl .form input.text::-moz-placeholder,  /* Firefox 19+ */
.nl .form input.text:-ms-input-placeholder,  
.nl .form input.text::-ms-input-placeholder {  
	color: #fff;
	opacity: 1;
}
.nl .form .btn {
	height: 30px;
	line-height: 34px;
	padding: 0 10px;
	border: none;
	background: #fd9720;
	color: #fff;
	cursor: pointer;
	text-transform: uppercase;
	font-size: 14px;
	vertical-align: middle;
	text-align: center;
	border-radius: 5px;
}
.nl .form .btn:hover {
	color: #000;
}
.nl .form div{
	display: none;
}
footer li{
	list-style: none;
	display: inline-block;
}
footer .nav-social{
	margin-top: 50px;
}
footer .nav-social li{
	margin: 0 5px;
}
footer .nav-social li.fb a:hover {
	background-image: url(../images/design-2022/icons/facebook_pink.svg);
}
footer .nav-social li.yt a:hover {
	background-image: url(../images/design-2022/icons/youtube_pink.svg);
}
footer .nav-social li.ig a:hover {
	background-image: url(../images/design-2022/icons/instagram_pink.svg);
}
footer .nav{
	padding-bottom: 70px;
}
footer .nav li{
	margin: 0 10px;
}
footer .nav li a{
	font-family: "Josefin Sans",sans-serif;
	text-transform: uppercase;
	color: #000;
	text-decoration: none;
	font-size: 16px;
}
footer .nav li a:hover{
	color: #ff00ff;
}
footer #logo-footer{
	margin: 30px 0;
}
footer #logo-footer img{
	max-width: 300px;
	width: 100%;
}



/* homepage */



.hp_heading h2{
	text-align: center;
	margin: 50px 0 30px 0;
}
.hp_heading h2 a {
	color: #000;
}
.hp_heading h2 a:hover {
	color: #1a8a72;
}
.hp_boxes {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	font-family: "Josefin Sans", sans-serif;
	color: #000;
	background-size: 100% 100%;
}
.hp_boxes.hp_boxes_first{
	background: #FEA0FE url(../images/design-2022/bg/bg-pink.png) top left repeat-x;
	background-size: auto 100%;
	padding-top: 80px;
	padding-bottom: 30px;
}
.hp_boxes.hp_boxes_second{
	background: #A8DAE8 url(../images/design-2022/bg/bg-blue.png) top left repeat-x;
	background-size: auto 100%;
	padding-top: 70px;
	padding-bottom: 50px;
}
.hp_boxes .container{
	width: 100%;
}
.hp_boxes a{
	text-decoration: none;
}
.hp_boxes a *{
	color: #000;
}
.hp_boxes a:hover *{
	color: #fff;
}
.hp_boxes .box{
	display: inline-block;
	width: 32%;
	height: 250px;
	margin-bottom: 20px;
	max-width: 350px;
	overflow: hidden;
	vertical-align: top;
}
.hp_boxes .box h3{
	height: 40px;
	padding: 7px 10px;
	font-size: 19px;
	text-transform: uppercase;
}
.hp_boxes .box .box_body{
	height: 170px;
	padding: 0 10px;
	overflow: hidden;
}
.hp_boxes .box .box_body img{
	max-width: 100%;
	height: auto;
}
.hp_boxes .box .box_body .img{
	width: 100%;
	height: 100%;
	background-position: center;
	background-size: cover;
	border: 2px #fff solid;
}
.hp_boxes .box .box_footer{
	padding-top: 10px;
	color: #000;
	text-align: center;
	font-size: 18px;
	text-transform: uppercase;
}

#hp_partneri{
	margin-bottom: 40px;
	margin-top: 40px;
}
#hp_partneri ul{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	align-items: center;
}
#hp_partneri li{
	list-style: none;
	display: inline-block;
	margin: 20px;
	vertical-align: middle;
}
#hp_partneri li img{
	-webkit-filter: grayscale(1);
	filter: grayscale(1);
	opacity: 0.5;
	max-height: 80px;
	width: auto;
}

#hp_partneri img.mkcr {
	max-width: 160px;
}
#hp_partneri img.ppf_nadace{
	margin: 0 30px;
}
#hp_partneri img.radiozurnal{
	max-width: 150px;
}


/* obecne styly obsahu */


section h1 {
	font-size: 35px;
	color: #ff00ff;
	text-transform: uppercase;
	padding: 20px 0 35px;
	line-height: 40px;
}




/* textova stranka */




section.page-text{
	line-height: 130%;
	background: #AFDAEA url(../images/design-2022/bg/bg-blue-top.png) top left repeat-x;
	padding-top: 80px;
}
section.page-text .section-bg {
	background: url(../images/design-2022/bg/bg-blue-bottom.png) bottom left repeat-x;
}
.page-text-pink section.page-text{
	background: #fea0fe url(../images/design-2022/bg/bg-pink-top.png) top left repeat-x;
}
.page-text-pink section.page-text .section-bg{
	background: url(../images/design-2022/bg/bg-pink-bottom.png) bottom left repeat-x;
}
.page-text-yellow section.page-text{
	background: #fce77a url(../images/design-2022/bg/bg-yellow-top.png) top left repeat-x;
}
.page-text-yellow section.page-text .section-bg{
	background: url(../images/design-2022/bg/bg-yellow-bottom.png) bottom left repeat-x;
}
.page-text-white section.page-text{
	background: #fff;
}
.page-text-white section.page-text .section-bg{
	background: #fff;
}
.page-text-white.page-text section{
	margin-top: 0;
}
section.page-text .container {
	padding: 0 0px 60px 100px;
	display: table;
	min-height: 500px;
}
.page-text section{
	margin-top: 60px;
}
.page-text section p, .page-text section h2{
	margin-bottom: 20px;
}
.page-text section h3, .page-text section h4, .page-text section p, .page-text section ul, .page-text section ol, .page-text section table {
	margin-bottom: 20px;
}
.page-text section h2 {
	text-transform: uppercase;
	font-size: 25px;
	color: #ff00ff;
	line-height: 120%;
}
.page-text section h3 {
	font-size: 17px;
	margin: 0 0 25px 0;
	color: #1771b0;
}
.page-text-yellow.page-text section h3 {
	color: #fd9720 !important;
}
.page-text section h4 {
	font-size: 15px;
	color: #000;
}
.page-text section a{
	color: #0185AB;
}
.page-text section a:hover{
	color: #00384B;
}
.page-text section ul {
	margin: 0 0 30px 0;
	padding: 0;
	list-style-type: none;
}
.page-text section ul li {
	margin-left: 20px;
    list-style-image: url(../images/design-2020/ico-arrow-list.png);
    list-style-position: outside;
}
.page-text section ol {
	margin-left: 30px;
}
.page-text section td, .page-text section th{
	vertical-align: top;
}
.page-text section img{
	max-width: 100%;
}

.page-text .films-list{
	border-spacing: 0;
	width: 100%;
}
.page-text .films-list tr.row-even{
	background-color: rgb(0, 128, 192);
}
.page-text .films-list tr.films-list-h3{
	background: none !important;
}
.page-text .films-list tr.films-list-h3 td{
	padding-top: 80px;
}
.page-text .films-list tr.films-list-h3:first-of-type td{
	padding-top: 2px;
}
.page-text .films-list td{
	padding: 2px 5px;
}
.page-text .films-list h2 {
	font-weight: bold;
}



.page-text.with-aside aside {
    width: 35%;
    float: left;
    text-align: center;
    padding-bottom: 15px;
}
.page-text.with-aside article {
    width: 60%;
    margin-left: 39%;
}



/* detail layout */



.page.detail{
	background: #fff;
}
.detail header .container{
	margin: 0 auto;
}
.detail header {
	height: 100px;
	z-index: 10;
	position: relative;
}
.detail header nav {
	height: 45px;
	float: right;
	margin: 60px 30px 0 0;
}
.detail header nav i.close {
	display: inline-block;
	cursor: pointer;
	width: 59px;
	height: 34px;
	background: url(../images/design-2020/ico-close.svg) center center no-repeat;
	background-size: contain;
}
.detail header nav a:hover i.close {
	background-image: url(../images/design-2020/ico-close-hover.svg);
}
.detail section {
	margin-top: -40px;
	padding-bottom: 40px;
}
.detail section .container {
	position: relative;
}
.detail section a{
	color: #ff00ff;
}
.detail section a:hover{
	color: #1771b0;
}
.detail section .dark{
	/*color: #2fabe1;*/
}
.page-text section ul li {
	list-style-image: none;
	list-style: circle;
}



/* novinky */



.lay_novinky .news {
	padding-bottom: 30px;
	margin-bottom: 30px;
	width: 100%;
	display: table;
	clear: both;
	border-bottom: 1px #aaa solid;
}
.lay_novinky .news a {
	color: #ff00ff;
	text-decoration: none;
}
.lay_novinky .news a:hover {
	color: #1771b0;
}
.lay_novinky .news .img {
	float: left;
	display: block;
	position: relative;
	width: 40%;
}
.lay_novinky .news .img a {
	display: block;
	text-align: center;
}
.lay_novinky .news .img img {
	position: relative;
	width: 100%;
	height: auto;
}
.lay_novinky .news .more {
	text-transform: uppercase;
	font-family: "Josefin Sans", sans-serif;
}
.lay_novinky .news .text {
	margin: 0 0 0 45%;
}

/* detail novinky */
.page-novinka .img {
	display: flex;
	margin-top: 30px;
	flex-wrap: wrap;
}
.page-novinka .img a{
	display: inline-block;
	width: 48%;
	margin: 0 2% 15px 0;
}
.page-novinka .img img {
	width: 100%;
	height: auto;
}
.page-novinka .text .date {
	margin: 0;
	font-weight: bold;
	font-size: 14px;
}
.page-novinka .text h1 {
	padding: 0 0 10px 0;
}
.page-novinka .content{
	margin-top: 30px;
}



/* galerie */



.lay_foto{
	padding-bottom: 50px;
}
.lay_foto .dropdown{
	display: table;
	margin-bottom: 40px;
}
.lay_foto ul {
	display: flex;
	margin: 0;
	list-style-type: none;
	display: table;
	width: 100%;
}
.lay_foto ul li {
	display: inline-block;
	padding-right: 20px;
	padding-bottom: 20px;
	width: 33%;
}
.lay_foto ul li a img {
	width: auto;
	height: auto;
	max-width: 100%;
}

.lay_videa ul {
	display: flex;
	flex-wrap: wrap;
}
.lay_videa ul li {
	width: 33.33%;
	padding-right: 20px;
}
.lay_videa ul li a {
	display: block;
}
.lay_videa ul li a img {
	display: block;
	width: 100%;
}
.lay_videa ul li h2 {
	text-transform: uppercase;
	font-size: 18px;
	margin-top: 20px;
}
.lay_videa ul li h2 a {
	text-decoration: none;
	color: #000;
}
.lay_videa ul li h2 a:hover {
	color: #1a8a72;
}
.page-galerie-videa .btns {
	clear: both;
	text-align: right;
}
.page-galerie-videa .btns a {
	color: #000;
	font-size: 28px;
}
.page-galerie-videa .btns a:hover{
	color: #ff00ff;
}




/* kontakty */



.page-kontakt .kontakt-text h1{
	font-size: 25px;
	padding-bottom: 50px;
}
.page-kontakt .kontakt-text .row{
	justify-content: center;
}
.page-kontakt .kontakt-text h3{
	font-family: "Josefin Sans",sans-serif;
	font-size: 18px;
}
.page-kontakt h1 {
	text-transform: uppercase;
	text-align: center;
}
.page-kontakt h2 {
	text-transform: uppercase;
	margin-bottom: 40px;
	margin-left: 40px;
}
.row-kontakt{
	border-bottom: 1px #ccc solid;
	margin-bottom: 60px;
}
.row-kontakt:last-of-type{
	border-bottom: 0;
	margin-bottom: 0;
}
.row-kontakt .name {
	font-size: 20px;
}
.row-kontakt h3 {
	text-transform: uppercase;
	line-height: 1.2em;
	font-size: 16px;
	min-height: 60px;
}
.row-kontakt h4 {
	margin: 10px 0;
	font-family: "Josefin Sans",sans-serif;
}
.page-text section .row-kontakt h4, .page-text section .row-kontakt p {
	margin-bottom: 10px;
}
.page-kontakt a{
	color: #ff00ff;
}
.page-kontakt a:hover{
	color: #1771b0;
}

/* grid */
.page-kontakt .row{
	display: flex;
	flex-wrap: wrap;
}
.page-kontakt .row .col {
	width: 33.333%;
	padding: 0 40px 40px 40px;
}



/* partneri */	


section.page-partneri {
	padding-top: 80px;
	margin-bottom: 100px;
	margin-top: 60px;
}
section.page-partneri h1 {
	padding-bottom: 40px;
}
section.lay_partneri ul {
	list-style-type: none;
	text-align: center;
}
.page-hp section.lay_partneri ul {
	margin-top: 60px;
	padding-left: 0;
}
section.lay_partneri hr {
	clear: both; 
	margin: 0;
	background: none;
	border: none;
}
section.lay_partneri ul li {
	float: left;
	margin: 0;
	width: 100%;
}
section.lay_partneri ul.liFloat li {
	width: auto;
}
section.lay_partneri ul.liFloat2 li {
	width: 50%;
}
section.lay_partneri li h3 {
	color: #4C4C4C;
	margin: 20px 0 30px 0;
	text-align: center;
	text-transform: uppercase;
	font-family: "Josefin Sans",sans-serif;
}
section.lay_partneri ul li div.loga {
	text-align: center;
}
section.lay_partneri ul li div.loga a {
	line-height: 80px;
	height: 80px;
	display: inline-block;
	vertical-align: middle;
}
section.lay_partneri ul li img {
	display: inline-block;
	width: auto;
	max-height: 80px;
	vertical-align: bottom;
	margin: 0 35px 20px 35px;
}
section.lay_partneri ul li {
	padding: 0 15px;
	float: none;
	display: inline-block;
	vertical-align: top;
}
section.lay_partneri ul li.partner-category-1, section.lay_partneri ul li.partner-category-11{
	padding: 0 60px;
}
section.lay_partneri hr{
	border-bottom: 1px #cfcfcf solid;
	margin: 40px 0 30px 0;
}



/* ozveny */



section.page-ozveny {
	padding-bottom: 50px;
}
section.page-ozveny-detail {
	background: #fff;
}
.page-ozveny .header {
	display: flex;
	flex-wrap: wrap;
}
.page-ozveny .header .box {
	width: 49.8%;
	padding: 0 40px 15px 40px;
	text-align: center;
}
.page-ozveny-detail .header .box {
	width: 100%;
	text-align: left;
	padding-left: 60px;
}
.page-ozveny .header .box h2 a {
	display: inline-block;
	color: #ff00ff;
	font-size: 22px;
}
.page-ozveny .header .box h2 a:hover, .page-ozveny .header .box h2 a.active{
	color: #000;
}
.page-ozveny .header .box h2 .divider{
	display: inline-block;
	height: 36px;
	width: 1px;
	position: relative;
	top: 8px;
	background: #000;
	margin: 0 5px;
}
.page-ozveny article {
	padding: 40px 60px;
}
.page-ozveny article .img {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 30px;
}
.page-ozveny article .img div{
	width: 47%;
	margin-right: 3%;
}
.page-ozveny article .img img {
	width: 100%;
	height: auto;
}
.page-ozveny .text h1 {
	padding: 0;
	margin-bottom: 5px;
}
.page-ozveny .text p.time {
	font-weight: bold;
}
.page-ozveny .text ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}




/* ceny a sekce */


.page-ceny-sekce .ceny-sekce-header{
	display: table;
	margin-bottom: 40px;
}
.page-ceny-sekce .ceny-sekce-header img{
	max-width: 60%;
	height: auto;
	float: left;
}
.page-ceny-sekce .ceny-sekce-header a{
	display: inline-block;
	margin-left: 30px;
	width: 191px;
	height: 108px;
	text-indent: -99999px;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}
.lang-cs.page-ceny-sekce .ceny-sekce-header a{
	background-image: url('../images/design-2020/btn-ceny.svg');
}
.lang-cs.page-ceny-sekce .ceny-sekce-header a:hover{
	/*background-image: url('../images/design-2020/btn-ceny-hover.svg');*/
}
.lang-en.page-ceny-sekce .ceny-sekce-header a{
	background-image: url('../images/design-2020/btn-awards.svg');
}
.lang-en.page-ceny-sekce .ceny-sekce-header a:hover{
	background-image: url('../images/design-2020/btn-awards-hover.svg');
}

.page-ceny h2{
	color: #2fabe1;
}
.page-ceny .ceny-header{
	margin-bottom: 40px;
}
.page-ceny .ceny-header img{
	width: 45%;
}
.page-ceny .ceny-header img:first-of-type{
	margin-right: 30px;
}
.page-ceny .ceny-vavriny{
	display: flex;
	flex-wrap: wrap;
}
.page-ceny .ceny-vavriny img{
	max-width: 45%;
	height: auto;
}


.page-h4-nomargin section h4{
	margin-bottom: 0;
}




.page-volunteers .container {
    max-width: 900px;
}
.page-volunteers section.page-text .container{
	padding-left: 15px;
}
.page-volunteers h1{
	text-align: center;
	font-size: 45px;
}
.page-volunteers section h2{
	color: #FFFF00;
}
.page-volunteers section a{
	color: #FFFF00;
}
.page-volunteers section{
	color: #000;
}
.page-volunteers section .white{
	color: #fff;
}
.page-volunteers section .container .relative p:last-of-type::after{
	content: " ";
	display: block;
	clear: both;
}
.page-volunteers .page-text img{
	max-width: 100%;
}



.page-patrons section.page-text .container{
	padding-left: 15px;
}
.page-patrons section .container .relative{
	text-align: center;
}
.page-patrons section .patrons{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	column-gap: 60px;
}
.page-patrons section .patrons .patron{
	margin-bottom: 30px;
}
.page-patrons section .patrons .patron h3{
	font-size: 20px;
	margin-top: 20px;
	margin-bottom: 15px;
}
.page-patrons section .patrons .patron h4{
	font-size: 20px;
}



.page-animarket #header-banne {
    display: none;
}
.page-animarket section.page-text{
	background-color: #fff;
	color: #000;
}
.page-animarket section.page-text .container{
	padding-left: 15px;
}
.page-animarket #header-banner, .page-animarket h1{
	display: none;
}
.page-animarket .animarket-partners {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 50px;
	margin: 30px 0 50px 0;
}






/* page-porota */
section.page-porota h2 {
	padding-bottom: 20px;
}
.page-text .page-porota article {
	display: table;
	width: 100%;
	margin-left: 0;
	margin-bottom: 50px;
}
.page-porota article .img {
	width: 25%;
	float: left;
}
.page-porota article .img img {
	width: auto;
	max-width: 100%;
}
.page-porota article .text {
	width: 75%;
	float: right;
}
.page-porota article .text h3 {
	margin-top: 0;
}


/* page-program */
section.page-program{
	background: #7600c2 url(../images/design-2022/bg/program-katalog.jpg) center top repeat-y;
	background-size: 100% auto;
	margin-top: 40px;
}
section.page-program > .container{
	max-width: none;
	position: relative;
	padding: 50px 15px 50px 15px;
	text-align: center;
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: top;
	background-size: 50% auto;
}
section.page-program > .container.bg0, section.page-program > .container.bg5{
	background-image: url(../images/design-2022/bg/obludky/web-banner_zombie-01.png);
	background-position-y: -50px;
	background-size: auto 500px;
}
section.page-program > .container.bg1{
	background-image: url(../images/design-2022/bg/obludky/web-banner_zombie-02.png);
	background-position-y: -220px;
	background-size: auto 550px;
}
section.page-program > .container.bg2{
	background-image: url(../images/design-2022/bg/obludky/web-banner_zombie-03.png);
	background-size: auto 500px;
}
section.page-program > .container.bg3{
	background-image: url(../images/design-2022/bg/obludky/web-banner_zombie-04.png);
	background-position-y: -230px;
	background-size: auto 570px;
}
section.page-program > .container.bg4{
	background-image: url(../images/design-2022/bg/obludky/web-banner_zombie-05.png);
	background-position-y: -150px;
	background-size: auto 570px;
}
section.page-program > .container > .limiter{
	max-width: 1500px;
	margin: 0 auto;
	text-align: left;
}
section.page-program .header {
	position: relative;
	margin-top: 150px;
	margin-left: -30px;
	width: 640px;
	margin-bottom: 60px;
}
section.page-program h1 {
	width: 112px;
	height: 44px;
	margin: 0 0 0 180px; padding: 0;
	text-indent: -10000px;
}
section.page-program p {
	padding-left: 180px;
	color: #28494f;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 0.97px;
	line-height: 1.3em;
	padding-top: 10px;
}

.calendar {
	margin-bottom: 100px;
	z-index: 10;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: -moz-fit-content;
	width: fit-content;
}
.calendar-tab {
	cursor: move;
	overflow-y: hidden;
	overflow-x: visible;
	position: relative;
	width: calc(100% - 150px);
	padding-top: 55px;
	margin-top: -55px;
}
.calendar-tab .calendar-wrapper > .row > .col:last-child{
	border-right: 2px solid #ff00ff;
}
.calendar-tab .calendar-wrapper{
	border-bottom: 2px solid #ff00ff;
	width: min-content;
}

.calendar .row {
	width: 100%;
	display: flex;
	align-items: center;
	position: relative;
	z-index: 800;
}
.calendar .row .col {
	width: 65px;
	color: #fff;
	padding: 8px 5px 2px 8px;
	font-size: 14px;
	position: relative;
	flex-shrink: 0;
}
.calendar .row .col {
	background-color: #fff;
	border: 2px solid #ff00ff;
	width: 65px;
	height: 75px;
	float: left;
	border-bottom: none;
	border-right: none;
}
.calendar .row-head{
	border-left: 2px solid #ff00ff;
}
.calendar .row-head .col {
	background: #FEED01;
	height: 35px;
	border: none;
	border-top: 2px solid #ff00ff;
	border-right: 2px solid #ff00ff;
	color: #000;
}
.calendar .row-head .col:nth-child(2) {
	padding-left: 10px;
}
.calendar .row-head .col:nth-child(2):before {
	left: 1px;
}

.calendar-name {
	float: left;
	padding-top: 90px;
	border-bottom: 2px solid #ff00ff;
}
.calendar-name .col {
	height: 75px;
	width: 150px;
	background: #FEED01;
	color: #000;
	padding: 15px 5px 15px 10px;
	border-top: 2px solid #ff00ff;
	border-left: 2px solid #ff00ff;
	font-size: 16px;
	line-height: 1.3em;
}

.calendar .row .active {
	background-color: #00AEEF;
	height: 73px;
	position: absolute;
	color: #fff;
	padding: 4px 3px;
	font-size: 13px;
	line-height: 1.2em;
	z-index: 10;
	border-right: 2px solid #ff00ff;
	border-left: 2px solid #ff00ff;
	cursor: pointer;
	margin-top: 2px;
}
.calendar .row .active.item-full-hour-end{
	/*border-right: none;*/
}

.calendar .row .active .name,
.tooltipster-program .name {
	color: #000;
	display: block;
	text-transform: uppercase;
	font-size: 13px;
}
.calendar .row .active .time,
.tooltipster-program .time {
	font-weight: bold;
	display: block;
	padding-top: 2px;
	font-size: 12px;
}
.calendar .row .active .text,
.tooltipster-program .text {
	display: block;
	font-size: 13px;
}
.calendar .row .active.jednapul {
	width: calc(85px * 1.5);
}
.calendar .row .active.jedna {
	width: calc(85px);
}
.calendar .row .active.dve {
	width: calc(85px * 2);
}
.calendar .row .active.dvepul {
	width: calc(85px * 2.5);
}
.calendar .row .active.tri {
	width: calc(85px * 3);
}

.calendar .row .program-type-1{
	background: #7bd0e2;
}
.calendar .row .program-type-2{
	background: #c89dff;
}
.calendar .row .program-type-3{
	background: #fec7fc;
}
.calendar .row .program-type-4{
	background: #c7dd7d;
}
.calendar .row .program-type-5{
	background: #9bafb4;
}
.calendar .row .program-type-6{
	background: #F6B600;
}

.calendar-checkbox {
	text-align: center;
	margin: 10px 0 20px 210px;
	position: relative;
}
.calendar-checkbox label {
	display: inline-block;
	cursor: pointer;
	position: relative;
	padding-left: 25px;
	margin-right: 15px;
	font-weight: 500;
}
.calendar-checkbox label:before {
	content: "";
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-right: 10px;
	position: absolute;
	left: 0;
	bottom: 4px;
	background-color: #f0f0f0;
	border-radius: 3px;
}
.calendar-checkbox input[type=checkbox] {
	display: none;
}
.calendar-checkbox input[type=checkbox]:checked + label:before {
	content: "\2713";
	font-size: 13px;
	color: #0252ff;
	text-align: center;
	line-height: 15px;
	font-weight: bold;
}
.calendar-checkbox label{
	color: #fff;
	text-transform: uppercase;
}

.calendar .detail-content {
	display: none;
}
.tooltipster-program .tooltipster-box {
	box-shadow: 1px 1px 3px rgba(0,0,0,0.35);
	padding: 10px;
	background-color: #fff;
	color: #000;
	border: 0;
	border-radius: 0;
}
.tooltipster-program .tooltipster-arrow-background,
.tooltipster-program .tooltipster-arrow-border{
	border-top-color: #fff !important;
	border-bottom-color: #fff !important;
}
.tooltipster-program .tooltipster-content{
	padding: 0;
	color: inherit;
	text-align: left;
}
.tooltipster-program .detail-content .close {
	font-size: 32px;
	cursor: pointer;
	display: block;
	position: absolute;
	right: 8px;
	top: 8px;
	z-index: 10;
}
.tooltipster-program.tooltipster-bottom .detail-content .close {
	top: 18px;
}
.tooltipster-program .detail-content .img {
	width: 95px;
	float: left;
}
.tooltipster-program .detail-content .img img {
	max-width: 100%;
	border: 1px solid #B6FFEC;
}
.tooltipster-program .detail-content .text {
	margin-left: 105px;
	overflow: hidden;
}
.tooltipster-program .detail-content .text a.name {
	display: inline-block;
	margin-right: 18px;
	font-weight: bold;
}
.tooltipster-program .detail-content .text .time {
	display: inline-block;
	padding: 0 0 5px 0;
}
.tooltipster-program .detail-additional{
	display: inline-block;
	font-size: 12px;
	margin-top: 5px;
}

.page-program .catalog-link{
	position: relative;
	z-index: 999;
	margin-bottom: 50px;
	padding-top: 50px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	row-gap: 30px;
}
.page-program .catalog-link a{
	display: inline-block;
	padding: 30px 80px 30px 60px;
	background: url(../images/design-2022/buttons/program-katalog.png) center no-repeat;
	background-size: 100% 100%;
	color: #ff00ff;
	text-decoration: none;
    font-size: 22px;
	font-weight: bold;
	line-height: 55px;
}
.page-program .catalog-link a:hover{
	text-decoration: underline;
}

.page-program .dropdown .nice-select {
	background: url(../images/design-2022/buttons/program-date-select.png) center no-repeat;
	background-size: 100% 100%;
	border: none;
	color: #ff00ff;
	width: auto;
	height: auto;
	padding: 50px 80px 50px 80px;;
	line-height: 18px;
	text-transform: lowercase;
}
.page-program .dropdown .nice-select::after {
	background: url(../images/design-2022/buttons/program-dropdown-arrow.png) center no-repeat;
	background-size: 100% 100%;
	width: 40px;
	height: 35px;
	top: 40px;
	right: 35px;
}
.page-program .dropdown .nice-select .current {
	font-size: 22px;
	font-weight: bold;
}
.page-program .dropdown .nice-select .current:hover {
	text-decoration: underline;
}
.page-program .dropdown .nice-select.open {
	/*background-image: url(../images/design-2021/buttons/program-day-switch-opened.png);*/
}
.page-program .dropdown .nice-select .list {
	min-width: 250px;
	background: none;
	color: #000;
	background: #FFED00;
	left: 20px;
}
.page-program .dropdown .nice-select .option.focus,
.page-program .dropdown .nice-select .option.selected.focus{
	color: #ff00ff;
}
.page-program .dropdown .nice-select .option:hover {
	text-decoration: underline;
	color: #000;
}
.page-program .dropdown .nice-select .option {
	padding: 3px 15px;
}

.nav-program {
	margin: 0;
	padding-top: 25px;
	position: relative;
	z-index: 500;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.nav-program .program-type {
	display: inline-block;
	margin-top: 20px;
	margin-right: 15px;
	width: 210px;
	height: 50px;
	overflow: hidden;
}
.nav-program .program-type a{
	width: 100%;
	height: 100%;
	color: #000;
	font-size: 16px;
	text-align: center;
	font-weight: bold;
	display: flex;
	align-items: center;
	justify-content: center;
}
.nav-program .program-type a span{
	display: block;
}
.nav-program a:hover{
	text-decoration: underline;
}
.nav-program .program-type {
	background: #fff;
}
.nav-program .program-type-1{
	margin-left: 0;
}
.nav-program .program-type-1.active {
	background: #7bd0e2;
}
.nav-program .program-type-2.active{
	background: #c89dff;
}
.nav-program .program-type-3.active{
	background: #fec7fc;
}
.nav-program .program-type-4.active{
	background: #c7dd7d;
}
.nav-program .program-type-5.active{
	background: #9bafb4;
}
.nav-program .program-type-6.active{
	background: #F6B600;
}
.nav-program .nav-placeholder{
	display: inline-block;
	height: 100px;
}





/* page-katalog*/
.page-katalog {
	display: table;
	width: 100%;
}
section.page-text.page-katalog{
	color: #000;
	margin-bottom: -50px;
	margin-top: 40px;
	background: #7600c2 url(../images/design-2022/bg/program-katalog.jpg) center top repeat-y;
	background-size: 100% auto;
}
section.page-katalog .container {
	padding-left: 15px;
	padding-right: 15px;
	max-width: 1400px;
}
section.page-katalog h1 {
	height: 90px;
	width: 360px;
	margin: 0 0 40px 0;
	padding: 0;
	font-size: 30px;
	line-height: 105px;
	text-transform: uppercase;
	text-align: center;
	color: #9a00d2;
	font-weight: bold;
	background: url(../images/design-2022/bg/program-online-katalog.png) center no-repeat;
	background-size: 100% 100%;
}
section.page-katalog h2.category-name {
	color: #9a00d2;
	font-weight: bold;
	background: url(../images/design-2022/bg/program-h2.png) center no-repeat;
	background-size: 100% 100%;
	padding: 25px 25px 15px 30px;
	width: -moz-fit-content;
	width: fit-content;
	/*workaround for IE11*/
	display: table;
}
.page-katalog .katalog-category-desc {
	color: #fff;
}
.page-katalog .katalog-category-desc h2 {
	color: #fff !important;
}
.page-katalog aside {
	width: 360px;
	position: relative;
	float: left;
}
.page-katalog aside .day-link a{
	display: block;
	background: url(../images/design-2022/buttons/program-day.png) center no-repeat;
	background-size: 100% 100%;
	position: relative;
	left: -5px;
	margin-bottom: 30px;
	width: 370px;
	height: 94px;
	text-align: center;
}
.page-katalog aside .day-link a{
	font-size: 24px;
	line-height: 94px;
	text-decoration: none;
	font-weight: bold;
}
.page-katalog aside a{
	color: #000;
}
.page-katalog aside a:hover {
	color: #000;
	text-decoration: underline;	
}
.page-katalog aside ul {
	padding: 20px 0 20px 30px;;
	margin: 0;
	list-style-type: none;
	text-align: left;
}
.page-katalog aside > ul {
	background-color: #ff00ff;
	clear: both;
	position: relative;
	margin: 40px 0 60px 0;
	padding-right: 20px;
}
.page-katalog aside > ul:before {
	content: "";
	display: block;
	width: 100%;
	height: 30px;
	position: absolute;
	top: -30px;
	left: 0;
	background: url(../images/design-2022/bg/program-menu-top.png) center no-repeat;
	background-size: 100% 100%;
}
.page-katalog aside > ul:after {
	content: "";
	display: block;
	width: 100%;
	height: 26px;
	position: absolute;
	bottom: -26px;
	left: 0;
	background: url(../images/design-2022/bg/program-menu-bottom.png) center no-repeat;
	background-size: 100% 100%;
}
.page-katalog aside ul ul {
	padding-top: 0;
	padding-bottom: 0;
}
.page-katalog aside ul li {
	margin-left: 0;
	list-style: none;
}
.page-katalog aside ul li.active > a{
	color: #000;
}
.page-katalog aside ul li a {
	text-decoration: none;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 0.01em;
	line-height: 20px;
	padding: 8px 0;
	display: block;
	color: #fff;
	font-size: 17px;
}
.page-katalog aside .search-program {
	background: #fff;
	text-align: center;
	margin-bottom: 30px;
	padding: 20px 15px 10px 20px;
	background: #fff;
	width: 360px;
	height: 75px;
}
.page-katalog aside .search-program input {
	display: inline-block;
	width: 275px;
	background: none;
	height: 40px;
	border: 0;
	font-size: 25px;
}
.page-katalog aside .search-program input:focus-visible {
	outline: none;
}
.page-katalog aside .search-program input::placeholder{
	color: #000;
	opacity: 1;
	font-size: 25px;
}
.page-katalog aside .search-program button {
	display: inline-block;
	width: 40px;
	height: 40px;
	position: relative;
	top: -5px;
	cursor: pointer;
	background: url(../images/design-2022/icons/search.svg) center right no-repeat;
	background-size: 100% 100%;
	border: none;
	vertical-align: middle;
}
.search-program {
	position: relative;
}
.page-katalog section {
	margin-left: 390px;
	display: table;
	padding-bottom: 100px;
	margin-top: 0;
}
.page-katalog article {
	width: 100%;
	padding-bottom: 20px;
	margin-bottom: 40px;
	margin-top: 60px;
}
.page-katalog article:last-child {
	margin-bottom: 0;
}
.page-katalog article:after {
	content: "";
	display: table;
	clear: both;
}
.page-katalog .colLeft {
	background-color: #fff;
	width: 40%;
	float: left;
	position: relative;
	padding: 0 25px 15px 25px;
}
.page-katalog .colLeft:before {
	content: "";
	display: block;
	width: 100%;
	height: 30px;
	position: absolute;
	top: -30px;
	left: 0;
	background: url(../images/design-2022/bg/program-times-top.png) center bottom no-repeat;
	background-size: 100% 100%;
}
.page-katalog .colLeft:after {
	content: "";
	display: block;
	width: 100%;
	height: 22px;
	position: absolute;
	bottom: -21px;
	left: 0;
	background: url(../images/design-2022/bg/program-times-bottom.png) center no-repeat;
	background-size: 100% 100%;
}
.page-katalog .colLeft .img {
	display: block;
	line-height: 0;
}
.page-katalog .colLeft img {
	max-width: 100%;
	width: 100%;
	height: auto;
}
.page-katalog .colLeft .text {
	margin-top: 15px;
}
.page-katalog .colLeft .text p {
	margin-bottom: 15px;
	line-height: 1.2em;
	font-weight: 500;
}
.page-katalog .colLeft .text p strong {
	color: #ff00ff;
}
.page-katalog .colLeft .text p:last-child {
	margin-bottom: 0;
}

.page-katalog .colRight {
	width: 58%;
	float: right;
	background: #ffed00;
	position: relative;
	padding: 0 20px;
}
.page-katalog .colRight:before {
	content: "";
	display: block;
	width: 100%;
	height: 30px;
	position: absolute;
	top: -30px;
	left: 0;
	background: url(../images/design-2022/bg/program-desc-top.png) center bottom no-repeat;
	background-size: 100% 100%;
}
.page-katalog .colRight:after {
	content: "";
	display: block;
	width: 100%;
	height: 30px;
	position: absolute;
	bottom: -30px;
	left: 0;
	background: url(../images/design-2022/bg/program-desc-bottom.png) center no-repeat;
	background-size: 100% 100%;
}
.page-katalog .colRight article {
	margin-bottom: 30px;
	display: table;
	width: 100%;
}
.page-katalog .colRight h2 {
	font-size: 30px;
	margin: 0;
	font-weight: bold;
	color: #ff00ff;
}
.page-katalog .colRight .desc {
	font-weight: bold;
	margin-bottom: 10px;
	font-size: 16px;
}
.page-katalog .colRight .long-desc {
	font-size: 17px;
	color: #9a00d2;
	max-height: 390px;
	overflow: hidden;
	margin-bottom: 25px;
}
.page-katalog .colRight .long-desc.open {
	max-height: none;
}
.page-katalog .colRight .long-desc.open p:last-of-type {
	margin-bottom: 0;
}
.page-katalog .colRight .show-more {
	display: none;
	float: left;
	margin-bottom: 0;
}
.page-katalog .colRight .show-more .arrow {
	display: inline-block;
	background: url(../images/design-2022/icons/arrow_top.png) top left no-repeat;
	transform: rotate(-180deg);
	width: 33px; 
	height: 17px;
	margin-right: 10px;
}
.page-katalog .colRight .show-more.open .arrow {
	transform: rotate(0deg);
}



#newsletter-frame{
	padding: 0;
	border: 0;

}


.img-trebon{
	border: 1px #fff solid;
}


.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


.ellip {
	display: block;
	height: 100%;
}

.ellip-line {
	display: inline-block;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
	max-width: 100%;
	vertical-align: bottom;
}

.ellip,
.ellip-line {
	position: relative;
	overflow: hidden;
}


.flex-break {
	flex-basis: 100%;
	height: 0;
}


/*  minule rocniky */
.archive-volumes > section{
	margin-top: 120px;
}
.archive-volumes > section .container{
	padding-left: 0;
}
.archive-volumes .volumes {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 30px;
}
.archive-volumes .volumes .volume{
	width: 32%;
}
.archive-volumes .volumes .volume img{
	width: 100%;
	height: auto;
}
.archive-volumes .volumes .volume h3{
	text-align: center;
}



/* vitezove anifilmu */
.winners-nav{
	display: flex;
	margin-bottom: 100px;
	flex-wrap: wrap;
}
.winners-nav a{
	display: block;
	width: 150px;
	height: 150px;
	margin: 0 20px 20px 20px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.winners-nav a.K2021{
	background-image: url("http://www.anifilm.cz/data/VITZOVE_ANIFILMU/CERNE/2021.png");
}
.winners-nav a.K2021:hover{
	background-image: url("http://www.anifilm.cz/data/VITZOVE_ANIFILMU/ZELENE/2021.png");
}
.winners-nav a.K2020{
	background-image: url("http://www.anifilm.cz/data/VITZOVE_ANIFILMU/CERNE/2020.png");
}
.winners-nav a.K2020:hover{
	background-image: url("http://www.anifilm.cz/data/VITZOVE_ANIFILMU/ZELENE/2020.png");
}
.winners-nav a.K2019{
	background-image: url("http://www.anifilm.cz/data/VITZOVE_ANIFILMU/CERNE/2019.png");
}
.winners-nav a.K2019:hover{
	background-image: url("http://www.anifilm.cz/data/VITZOVE_ANIFILMU/ZELENE/2019.png");
}
.winners-nav a.K2018{
	background-image: url("http://www.anifilm.cz/data/VITZOVE_ANIFILMU/CERNE/2018.png");
}
.winners-nav a.K2018:hover{
	background-image: url("http://www.anifilm.cz/data/VITZOVE_ANIFILMU/ZELENE/2018.png");
}
.winners-nav a.K2017{
	background-image: url("http://www.anifilm.cz/data/VITZOVE_ANIFILMU/CERNE/2017.png");
}
.winners-nav a.K2017:hover{
	background-image: url("http://www.anifilm.cz/data/VITZOVE_ANIFILMU/ZELENE/2017.png");
}
.winners-nav a.K2016{
	background-image: url("http://www.anifilm.cz/data/VITZOVE_ANIFILMU/CERNE/2016.png");
}
.winners-nav a.K2016:hover{
	background-image: url("http://www.anifilm.cz/data/VITZOVE_ANIFILMU/ZELENE/2016.png");
}
.winners-nav a.K2015{
	background-image: url("http://www.anifilm.cz/data/VITZOVE_ANIFILMU/CERNE/2015.png");
}
.winners-nav a.K2015:hover{
	background-image: url("http://www.anifilm.cz/data/VITZOVE_ANIFILMU/ZELENE/2015.png");
}
.winners-nav a.K2014{
	background-image: url("http://www.anifilm.cz/data/VITZOVE_ANIFILMU/CERNE/2014.png");
}
.winners-nav a.K2014:hover{
	background-image: url("http://www.anifilm.cz/data/VITZOVE_ANIFILMU/ZELENE/2014.png");
}
.winners-nav a.K2013{
	background-image: url("http://www.anifilm.cz/data/VITZOVE_ANIFILMU/CERNE/2013.png");
}
.winners-nav a.K2013:hover{
	background-image: url("http://www.anifilm.cz/data/VITZOVE_ANIFILMU/ZELENE/2013.png");
}
.winners-nav a.K2012{
	background-image: url("http://www.anifilm.cz/data/VITZOVE_ANIFILMU/CERNE/2012.png");
}
.winners-nav a.K2012:hover{
	background-image: url("http://www.anifilm.cz/data/VITZOVE_ANIFILMU/ZELENE/2012.png");
}
.winners-nav a.K2011{
	background-image: url("http://www.anifilm.cz/data/VITZOVE_ANIFILMU/CERNE/2011.png");
}
.winners-nav a.K2011:hover{
	background-image: url("http://www.anifilm.cz/data/VITZOVE_ANIFILMU/ZELENE/2011.png");
}
.winners-nav a.K2010{
	background-image: url("http://www.anifilm.cz/data/VITZOVE_ANIFILMU/CERNE/2010.png");
}
.winners-nav a.K2010:hover{
	background-image: url("http://www.anifilm.cz/data/VITZOVE_ANIFILMU/ZELENE/2010.png");
}


.page-business-partners section.page-text .section-bg {
	background: #fff;
}
.page-business-partners section.page-text {
	background: none;
	padding-top: 0;
}
.business-partners .header {
	padding-left: 30px;
	margin-bottom: 50px;
	background: url(../images/design-2022/bg/samolepka_podniky.png) top right no-repeat;
	background-size: 40% auto;
}
.business-partners .header h1 {
	margin-top: 30px;
	color: #FF00FF;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 28px;
}
.business-partners .header .page-text {
	max-width: 50%;
	margin-bottom: 40px;
	margin-top: -10px;
}
.business-partners .header .categories {
	max-width: 420px;
}
.business-partners .categories {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	gap: 20px;
}
.business-partners .categories li {
	list-style: none;
}
.business-partners .categories a, .business-partners .categories span {
	color: #fff;
	text-decoration: none;
	display: block;
	width: 200px;
	padding: 5px 0;
	text-align: center;
	text-transform: lowercase;
}
.business-partners .categories a:hover {
	text-decoration: underline;
}
.business-partners .header .categories .category-1 a {
	background: #FAD7B2;
}
.business-partners .header .categories .category-2 a {
	background: #D2DB5C;
}
.business-partners .header .categories .category-3 a {
	background: #009BB8;
}
.business-partners .header .categories .category-4 a {
	background: #FD9720;
}
.business-partners .header .tags {
	margin-top: 50px;	
}
.business-partners .tags {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	gap: 10px 40px;
}
.business-partners .tags li {
	list-style: none;
	display: flex;
	flex-direction: column;
	gap: 10px;
	font-size: 15px;
	max-width: 70px;
	line-height: 1.2;
	text-align: center;
}
.business-partners .header .tags li.tag-5 {
	max-width: 100px;
}
.business-partners .tags img {
	height: 50px;
	width: auto;
}
.business-partners .items .item-category .item-partners {
	padding-left: 15px;
	border-left-width: 15px;
	border-left-style: solid;
}
.business-partners .items .item-category-1 .item-partners {
	border-left-color: #FAD7B2;
}
.business-partners .items .item-category-2 .item-partners {
	border-left-color: #D2DB5C;
}
.business-partners .items .item-category-3 .item-partners {
	border-left-color: #009BB8;
}
.business-partners .items .item-category-4 .item-partners {
	border-left-color: #FD9720;
}
.business-partners .items .categories {
	margin-bottom: 50px;
	margin-top: 100px;
}
.business-partners .items .categories a{
	background: #CFCFCF;
}
.business-partners .items .item-category-1 .categories .active span{
	background: #FAD7B2;
}
.business-partners .items .item-category-2 .categories .active span{
	background: #D2DB5C;
}
.business-partners .items .item-category-3 .categories .active span{
	background: #009BB8;
}
.business-partners .items .item-category-4 .categories .active span{
	background: #FD9720;
}
.business-partners .item-partners {
	display: flex;
	flex-wrap: wrap;
	align-content: flex-start;
	gap: 40px 15px;
}
.business-partners .item-partner {
	width: 30%;
	display: flex;
	flex-direction: column;
}
.business-partners .item-partner * {
	line-height: 1.25;
}
.business-partners .item-partner p, .business-partners .item-partner li {
	padding: 0;
	margin: 0;
}
.business-partners .item-partner .top {
	margin-bottom: 30px;
}
.business-partners .item-partner .top > img {
	width: 100%;
	height: auto;
	margin-bottom: 10px;
}
.business-partners .item-partner h3 {
	text-transform: uppercase;
}
.business-partners .item-partner h3 a {
	display: inline-block;
	float: right;
	margin-left: 5px;
}
.business-partners .item-partner h3 a img {
	height: 25px;
	width: auto;
}
.business-partners .item-partner .address {
	font-size: 15px;
	margin-bottom: 10px;
}
.business-partners .item-partner .top li {
	line-height: 1;
	margin-left: 15px;
}
.business-partners .item-partner .benefits {
	color: #FF00FF;
	margin-bottom: 10px;
}
.business-partners .item-partner .description {
	font-size: 13px;
}
.business-partners .item-partner .bottom {
	display: flex;
	justify-content: space-between;
	margin-top: auto;
}
.business-partners .item-partner .bottom .logo, .business-partners .item-partner .bottom .tags {
	padding: 5px 0;
	line-height: 0;
}
.business-partners .item-partner .bottom .logo img {
	height: 50px;
	width: auto;
	margin-bottom: 0;
}
.business-partners .item-partner .bottom .tags {
	border-left: 2px #707070 solid;
	padding-left: 5px;
	gap: 5px;
	flex-wrap: nowrap;
	align-content: center;
}
.business-partners .item-partner .bottom .tags li{
	margin: auto;
}
.business-partners .item-partner .bottom .tags img {
	height: 35px;
}