/* Všechna rozlišení */

	#anchor{
		position: fixed;
		right: 10px;
		bottom: 10px;
		z-index: 2;
		background: #94d36f;
		color: #fff;
		text-align: center;
		padding: 0.5rem;
		text-transform: uppercase;
		display:none;
		cursor:pointer;
	}

	#anchor div:first-child{
		font-size: 2.5rem;
		line-height: 2rem;
	}

	#content img{
		max-width:100%;
		height:auto;
	}

	/********************* HORNÍ PANEL *********************/

		.top-panel{
			padding-left: 5px !important;
			padding-right: 5px !important;
			width: 100%;
			flex-wrap: wrap;
			justify-content: end;
			position:absolute;
			align-items: start;
		}

		.top-panel .title{
			width:calc(100% - 65px);
			flex:auto;
			margin-left:65px;
		}

		.top-panel .title h1{
			font-weight:400;
			font-size:20px;
			text-transform:uppercase;
		}

		.top-panel .logo {
			max-height: 48px;
			position: absolute;
			left: 5px;
		}

		#top-panel-navigation-mobile{
			display:none;
		}

		#top-panel-navigation-desktop{
			display:block;
			order: 2;
			margin-right:0px;
			margin-left:65px;
			position:absolute;
			top:36px;
		}

		#top-panel-navigation-desktop .top-panel-navigation{
			height:100%;
		}

		.top-panel-navigation-buttons{
			height:100%;
		}

		#top-panel-navigation-desktop ul.basic{
			display:flex;
			align-items:center;
			height:100%;
		}

		#top-panel-navigation-desktop .top-panel-navigation .navigation-item{
			margin-right:11px;
		}

		#top-panel-navigation-desktop ul.basic .navigation-image img{
			height:25px;
		}

		#top-panel-navigation-desktop ul.basic .navigation-label{
			display:none;
		}

		#top-panel-navigation-desktop ul.basic .navigation-open-button{
			display:none;
		}

		#top-panel-navigation-desktop .priority-menu-toggler{
			display:none;
		}

		.top-panel .box-head{
			display:none;
		}

		.top-panel .box{
			order:3;
			margin-bottom:0;
			display: flex;
			align-items: center;
		}

		.top-panel .box-content{
			background: #e33f90;
			color: #fff;
			padding: 3px 10px !important;
			border-radius: 100%;
			width: 25.27px;
    		height: 25.27px;
		}

		.top-panel .box-content p{
			margin-bottom:0;
		}

		.top-panel .box-content a{
			color: #fff;
			text-decoration:none;
			margin-left: -4px;
			font-size: 0.8rem;
			margin-top: 0px;
			display: block;
		}


		.top-panel #number{
			display:none;
		}


	/********************* HLAVNÍ MENU *********************/

		#logo_menu_logo, #univers_top_header_navigation.logo_menu>ul.logo_menu_left, #univers_top_header_navigation.logo_menu>ul.logo_menu_right{
			display:none;
		}

		#univers_top_header_navigation{

		}

		#univers_top_header_navigation_ul{
			flex:none;
			width:100%;
		}

		#univers_top_header_navigation_right{
			margin-right:5px;
		}

		.search-input-div{
			display:none;
			position: absolute;
		    right: 0px;
		    top: 40px;
		    background: rgb(255, 255, 255);
		}

		.search{
			position:relative;
		}

		#univers_top_header_navigation_left{
			display:none;
			color: #929292;
		}

		#univers_top_header_navigation_left a{
			color: #fff;
		}

		#univers_top_header_navigation>ul>li>a{
			text-transform:uppercase;
			padding: 15px 5px;
			padding-bottom:0;
			border-bottom: 3px solid transparent;
			margin: 0 15px;
			margin-bottom: 10px;
			white-space:nowrap;
		}

		#univers_top_header_navigation>ul>li>a:hover{
			border-bottom:3px solid #bb285c;
		}

		#univers_top_header_navigation.logo_menu>ul>li[data-id="171"] a{
			border-bottom: 0 !important;
		}

		#lets-search{
			color:#929292;
			cursor:pointer;
		}

		#univers_top_header_navigation.logo_menu>#univers_top_header_navigation_ul{
			top:75px;
			position:fixed;
			background:#92d36e;
		}

		#univers_top_header_responsive>li[data-id="171"]{
			visibility: visible;
		    background: #d1d1d1;
		    text-align: center;
		    padding-bottom: 10px !important;
		}

		#univers_top_header_responsive>li[data-id="171"] a{
			color: #fff;
			background: #bb285c;
			display: inline-block;
			border-radius: 30px;
			padding: 15px 45px;
		}

	/********************* HLAVIČKA *********************/

		.header{
			margin-top: 127px;
		}

		.header-slider-item{
			height:calc(0.5 * 100vw);
		}

		.header-slider-prev{
			left: 5px;
		}

		.header-slider-next{
			right: 5px;
		}

		.header-slider-arrow{
			height: 50px;
    		top: calc(50% - 25px);
			width: 35px;
			background: #ddddddc2;
			color:#e33f90;
		}

		.header-slider-text{
			position: absolute;
			color: #fff;
			text-decoration: underline;
			font-weight: 600;
			text-align: center;
			width: 100%;
			padding: 8% 50px;
		}

		.header-posts_slider-title .post-perex{
			display:none;
		}

		.slick-list, .slick-track, .header-posts_slider-item{
			height:100%;
		}

		#header-posts_slider .header-slider-arrow{
			height: 50px;
			top: calc(50% - 25px);
			width: 35px;
			background: #ddddddc2;
			color: #3a731b;
		}

		#header-posts_slider .header-slider-prev{
			left:5px;
		}

		#header-posts_slider .header-slider-next{
			right:5px;
		}

		.header-posts_slider-title{
			background: rgb(255 255 255 / 93%);
			color: inherit;
		}

		.header-posts_slider-title{
			font-size:1rem;
		}

		.header-posts_slider-title .post-name{
			text-transform: uppercase;
			font-weight: 600;
			margin-bottom:1em;
			font-size: 1.5rem;
			line-height:1.7;
		}

		#header-widgets .hp-links{
			margin-top:0;
		}

		#header-widgets .hp-links-links{
			margin-top:0;
			max-width: 100%;
		}

		#header-widgets .hp-link{
			width: calc(100%/3 - 10px);
			font-size: 1rem;
			padding: 10px;
			text-transform: uppercase;
		    font-weight: 300;
		    display: flex;
		    align-items: center;
		    height: 125px;
		    justify-content: center;
			flex-direction:column;
		}

	/********************* ÚVODNÍ STRANA *********************/

		h1.hp-name{
			font-weight:300;
			text-transform:uppercase;
		}

		#hp-important-text{
			border: 1px solid #92d36e;
		}

		.last_posts .last_posts-posts{
			display: flex;
    		flex-wrap: wrap;
			max-width: 500px;
		}

		.last_posts .last_post{
			border: none;
			background: #92d36e;
			padding:10px;
			width: calc(50% - 2.5px);
			margin-right: 5px;
		}

		.last_posts .last_post:nth-child(2n){
			margin-right:0;
		}

		.last_posts .last_post-perex{
			display:none;
		}

		.last_posts .last_post-name h2{
			color: #ffffff;
			font-size:1.2rem;
			line-height:1.3;
		}

		.last_posts .last_post-name{
			padding:0;
		}

		.last_posts .last_post>a{
			position: relative;
    		background: transparent;
    		border: 0;
			padding: 0;
			bottom: 0;
			right: 0;
			width: 100%;
			text-align: right;
			font-size: 0.8rem;
			color: #fff;
			text-transform: uppercase;
		}

		.last_posts .last_post{
			margin-bottom:5px;
		}

		.last_posts .last_post-img div{
			padding-top:110%;
			background-position:center;
			background-size:cover;
			background-repeat:no-repeat;
		}

		.category-button{
			position: absolute;
		    top: 0;
		    right: 0;
		    background: #ff6624;
		    color: #fff;
		    padding: 5px 10px 5px 14px;
		    border-radius: 0px 0px 0px 17px;
		    font-size: 0.9rem;
		    text-transform: uppercase;
		}

		.calendar_list{
			margin-top:4em;
		}

		.calendar-list-inner{
			padding:5px;
		}

		.last_posts .all-posts{
			text-align:right;
			max-width:500px;
			margin-left:auto;
			margin-right:auto;
		}

		.last_posts .all-posts a.btn{
			background: transparent;
    		border: 0;
    		color: #595959 !important;
			font-size: 0.9em;
			padding:0;
		}

		#widget-72 #hp-important-text{
			border:0;
			padding:0;
			text-align:center;
		}

		#widget-72 #hp-important-text a{
			/*background-color: #92d36e;
		    border-color: #92d36e;
		    color: #ffffff !important;
			text-transform:uppercase;
			font-weight: 300;
    		font-size: 1em;
			padding: 0.375rem 0.75rem;*/
		}

		.last_post-name a:hover{
			text-decoration: none;
		}

		/**************** NAŠI PARTNEŘI ****************/

			.our-partners{
				padding-top: 2em;
			    position: relative;
			    box-sizing: border-box;
				max-width:100%;
				margin-left:auto;
				margin-right:auto;
				background: #363636;
				padding-bottom:2em;
			}

			.our-partners .border-bottom{
				position: absolute;
				width: calc(100% - 10px);
				top: 52px;
			    left: 50%;
			    transform: translateX(-50%);
			}

			.our-partners h1{
				color: #fff;
				font-size: 2rem;
				text-align: center;
				background: #363636;
				position: relative;
				width: max-content;
				margin-left: auto;
				margin-right: auto;
				padding: 0px 20px;
			}

			#partners{
				background:#fff;
			}

			.our-partners-item img{
				height: auto;
			    max-width: 100%;
			    width: auto;
			    max-height: 150px;
			}

			#our-partners{
				width: calc(100% - 60px);
			    margin-left: auto;
			    margin-right: auto;
				margin-bottom:1.4em;
				max-width:1400px;
			}

			.partners-slider-arrow{
				background: #486b9a;
				color: #fff;
				height: 60px;
				font-size: 1.5rem;
				border: 0;
				width: 40px;
				position:absolute;
			}

			#our-partners .slick-prev::before{
				display:none;
			}

			#our-partners .slick-next::before{
				display:none;
			}

			#our-partners .slick-prev{
				left:-30px;
			}

			#our-partners .slick-next{
				right:-30px;
			}

			#our-partners .slick-arrow{
				background: #96cb23;
				color: #fff;
				font-size:1rem;
				width: 30px;
				height: 45px;
			}

			#our-partners .slick-arrow:hover{
				background: #79a522;
			}

			#our-partners .slick-list{

			}

			.our-partners-item{
				text-align:center;
				height:150px;
			}

			.border-bottom-2{
				position: absolute;
			    width: calc(100% - 10px);
			    bottom: 30px;
			    left: 50%;
			    transform: translateX(-50%);
			    border-bottom: 1px solid #dee2e6!important;
			}

		/**************** NAŠI PARTNEŘI ****************/

			.our-partners{
					padding-top: 2em;
					position: relative;
					box-sizing: border-box;
					max-width:100%;
					margin-left:auto;
					margin-right:auto;
					background: transparent;
					padding-bottom:2em;
				}

				.our-partners .border-bottom{
					position: absolute;
					width: calc(100% - 10px);
					top: 52px;
					left: 50%;
					transform: translateX(-50%);
				}

				.our-partners h1{
					color: #5f5f5f;
					font-size: 2rem;
					font-weight:300;
					text-transform:uppercase;
					text-align: center;
					background: #fff;
					position: relative;
					width: max-content;
					margin-left: auto;
					margin-right: auto;
					padding: 0px 20px;
				}

				#partners{
					background:#fff;
				}

				.our-partners-item img{
					height: auto;
					max-width: 100%;
					width: auto;
					max-height: 150px;
				}

				#our-partners{
					width: calc(100% - 60px);
					margin-left: auto;
					margin-right: auto;
					margin-bottom:1.4em;
					max-width:1400px;
				}

				.partners-slider-arrow{
					background: #486b9a;
					color: #fff;
					height: 60px;
					font-size: 1.5rem;
					border: 0;
					width: 40px;
					position:absolute;
				}

				#our-partners .slick-prev::before{
					display:none;
				}

				#our-partners .slick-next::before{
					display:none;
				}

				#our-partners .slick-prev{
					left:-25px;
				}

				#our-partners .slick-next{
					right:-25px;
				}

				#our-partners .slick-arrow{
					background: #92d36e;
					color: #fff;
					font-size:1rem;
					width: 30px;
					height: 45px;
				}

				#our-partners .slick-arrow:hover{
					background: #79a522;
				}

				#our-partners .slick-list{

				}

				.our-partners-item{
					text-align:center;
					height:150px;
				}

				.border-bottom-2{
					position: absolute;
					width: calc(100% - 10px);
					bottom: 30px;
					left: 50%;
					transform: translateX(-50%);
					border-bottom: 1px solid #dee2e6!important;
				}

				footer{
					padding-top:2rem;
				}

				footer .box-name{
					font-size: 1.2rem;
					text-transform: uppercase;
				}

				footer .input-group-text{
					background: transparent;
				    color: #fff;
				    border: 1px solid #fff;
				    border-radius: 0;
				    width: 45px;
				    display: flex;
				    justify-content: center;
				}

				footer .form-control{
					background: transparent;
					border: 1px solid #fff;
					border-radius: 0;
					color:#fff;
					padding:1.375rem 0.75rem;
				}

				footer .form-control:focus{
					background: transparent;
					border: 1px solid #fff;
					border-radius: 0;
					color:#fff;
				}

				footer .form-control::placeholder{
					color:#ddd !important;
				}

				footer .contactform button{
					width: 100%;
				    border-radius: 0;
				    text-transform: uppercase;
				    font-weight: 400;
				}


		/********************* KONTAKTY *********************/

		.contact {
    		background: #eaeaea;
			color:#000;
		}

		.contact i{
			color:#92d36e;
			font-size:1.2rem;
		}

		.contact a{
			color:#000;
			text-decoration:underline;
		}

		.contact-phone{
			display:flex;
			align-items:center;
			font-size: 0.875em;
		}

		.contact-email{
			display:flex;
			align-items:center;
			font-size: 0.875em;
		}


		h2.contact-name{
			font-weight: 100;
    		font-size: 1.4em;
			color:#000;
		}

		.contact-position{

		}

		.contact h3{
			font-weight: 400;
			font-size:1em;
			color:#000;
		}

		.contact-photo{
			padding:1em;
		}

		.contact-photo-image{
			padding-top: 130%;
			background-position: top;
		}





/* Rozlišení větší nebo rovné 576px (telefony) */

@media screen and (min-width: 576px) {

	/********************* HORNÍ PANEL *********************/

		#top-panel-navigation-desktop ul.basic>li{
			visibility:visible;
		}

		#top-panel-navigation-desktop li{
			padding: 0.5em 0em;
		}

		.top-panel .title{
    		width: 370px;
		}

		.top-panel em{
			display: inline-block;
    		margin-right: 8px;
		}

		.top-panel{
			align-items: center;
		}

		#top-panel-navigation-desktop{
			width:auto;
			margin-left:0;
			position:relative;
			top:0;
		}

		#top-panel-navigation-desktop .top-panel-navigation .navigation-item{
			margin-right:5px;
		}

	/********************* HLAVNÍ MENU *********************/

	#univers_top_header_navigation_right {
		margin-right: 10px;
	}

	/********************* HLAVIČKA *********************/

		.header-slider-arrow{
			height: 60px;
			top: calc(50% - 30px);
			width: 40px;
			font-size: 1.3em;
		}

		.header-slider-text{
			font-size: 1.2em;
		}

		.header-posts_slider-title{
			top:50%;
			left:50%;
			transform:translate(-50%, -50%);
			max-width:460px;
		}

		#header-widgets .hp-link{
			flex-direction:row;
			height:90px;
		}

		#header-widgets a.hp-link img{
			margin-bottom:0;
		}

		#header-widgets .hp-link div:first-child{
			margin-right:10px;
		}

	/********************* ÚVODNÍ STRANA *********************/

		.last_posts .last_post{
			width: calc(50% - 7.5px);
			margin-bottom: 10px;
			margin-right:10px;
		}

		.last_posts  .last_post:first-child {
    		margin-right: 10px;
		}

		.last_posts .last_post:nth-child(2){
			margin-left:0;
		}

		.calendar-list-inner{
			max-width: 450px;
			margin-left: auto;
			margin-right: auto;
		}



}

/* Rozlišení větší nebo rovné 768px (větší telefony, tablety) */

@media screen and (max-width: 991px) {

}

@media screen and (min-width: 768px) {

	/********************* HORNÍ PANEL *********************/

		#top-panel-navigation-desktop ul.basic .navigation-image img{
			height:35px;
		}

		.top-panel{
			height:75px;
		}

	/********************* HLAVIČKA *********************/

		.header-slider-arrow{
			height: 70px;
			top: calc(50% - 35px);
			width: 50px;
			font-size: 1.5em;
		}

		.header-slider-text{
			font-size: 1.4em;
			padding: 15% 75px;
		}

		.header-posts_slider-title{
			width:100%;
		}

		.header-posts_slider-title .post-perex{
			display:block;
			margin-bottom:10px;
			line-height: 1.7;
		    font-weight: 400;
		    font-size: 1.1rem;
		}

		#header-widgets .hp-link{
			width: calc(100%/3 - 30px);
			font-size:1.3rem;
		}

	/********************* HLAVNÍ MENU *********************/

		#univers_top_header_navigation.logo_menu>ul>li[data-id="171"]{

		}

		#univers_top_header_navigation.logo_menu>ul>li[data-id="171"] a{
			background: #bb285c;
			padding: 9px 30px;
			margin-bottom: 5px;
			margin-top: 5px;
			border-radius: 25px;
		}

		#univers_top_header_navigation.logo_menu>ul>li[data-id="171"] a:hover{
			background:#9d224d;
		}

	/********************* ÚVODNÍ STRANA *********************/

		.last_posts .last_posts-posts{
			max-width:760px;
		}

		.last_posts .all-posts{
			max-width:760px;
		}


		.last_posts .last_post{
			width: calc(100% / 3 - 10px);
			margin-bottom:15px;
			margin-right:15px;
		}

		.last_posts .last_post:first-child{
			margin-right:15px;
		}

		.last_posts .last_post:nth-child(2n){
			margin-right:15px;
		}

		.last_posts .last_post:nth-child(3n){
			margin-left:0;
			margin-right:0;
		}

}

/* Rozlišení větší nebo rovné 992px (velké tablety, menší počítače) */

@media screen and (min-width: 992px) {

	/********************* HORNÍ PANEL *********************/

		.top-panel{
			position:fixed;
			height:100px;
		}

		.top-panel .logo{
			display:none;
		}

		.top-panel .title{
			margin-left:0;
			width: auto;
		}

		#top-panel-navigation-desktop{
			width:auto;
		}

	/********************* HLAVNÍ MENU *********************/

		#univers_top_header_navigation{
			top:100px;
			position:fixed;
		}

		#univers_top_header_navigation_ul{
			display:none !important;
		}

		#logo_menu_logo, #univers_top_header_navigation.logo_menu>ul.logo_menu_left, #univers_top_header_navigation.logo_menu>ul.logo_menu_right{
			display:flex;
		}

		#logo_menu_logo{
			height: 50px;
			margin-top:-6px;
			width: 150px;
			position:relative;
		}

		#logo_menu_logo .logo{
		    display: block;
		    background: #fff;
		    padding: 0px 20px;
			position:absolute;
			border-radius: 0px 0px 100% 100%;
		    padding-bottom: 15px;
		    padding-left: 5px;
		    padding-right: 5px;
			left: 50%;
    		transform: translate(-50%);
		}

		#logo_menu_logo img{
			height:100px;
		}

		#univers_top_header_navigation_left{
			display: flex;
		    flex: 1;
		    /*border-bottom: 1px solid #c0c0c0;*/
		    height: 55px;
		    justify-content: end;
		    align-items: center;
			margin-left:10px;
		}

		#univers_top_header_navigation_right{
			display: flex;
		    flex: 1;
		    /*border-bottom: 1px solid #c0c0c0;*/
		    height: 55px;
		    justify-content: start;
		    align-items: center;
		}

		.logo_menu_left{
			/*border-bottom: 1px solid #c0c0c0;*/
    		margin-bottom: 15px;
		}

		.logo_menu_right{
			/*border-bottom: 1px solid #c0c0c0;*/
    		margin-bottom: 15px;
		}



	/********************* HLAVIČKA *********************/

		.header{
			margin-top:155px;
		}

		.header-slider-arrow{
			height: 80px;
			top: calc(50% - 40px);
			width: 50px;
			font-size: 1.6em;
		}

		.header-slider-text{
			font-size: 1.8em;
			padding: 15% 75px;
		}

		.header-posts_slider-title{
			left: auto;
    		transform: none;
			top:15%;
		}

		#header-widgets .hp-link{
			max-width:300px;
			height:70px;
		}

	/********************* ÚVODNÍ STRANA *********************/

		#homepage-div{
			display: grid;
    		grid-template:
        		"important important"
        		"news calendar"
        		"news timetable";
			grid-template-columns: 70% 30%;
			grid-template-rows: auto 1fr auto;
			max-width:1400px;
			margin-left:auto;
			margin-right:auto;
		}

		#widget-65{
			grid-area:important;
		}

		.last_posts{
			grid-area:news;
		}

		.calendar_list{
			grid-area:calendar;
			margin-top:7em;
		}

		#widget-72{
			grid-area:timetable;
			margin-top: 0;
    		margin-bottom: 74px;
		}

		#widget-72 p{
			margin-bottom:0;
		}

		#widget-72 #hp-important-text a{
			font-size:0.9em;
		}

		.last_posts .last_post-name h2{
			height:100px;
			overflow: hidden;
			-webkit-line-clamp: 4;
			display: -webkit-box;
			-webkit-box-orient: vertical;
			text-overflow: ellipsis;
		}

		.calendar_list .hp-name{
			margin-bottom: 32px;
		}

		main.container .contact{
			width: calc(50% - 5px) !important;
		}

		.columns-none .contact:nth-child(3n){
			margin-right:0.5em;
		}

		.columns-none .contact:nth-child(2n){
			margin-right:0;
		}

		#contactDiv{
			display:flex;
			flex-wrap:wrap;
		}


}

/* Rozlišení větší nebo rovné 1200px (standardní počítače) */

@media screen and (min-width: 1200px) {

	#header-widgets .hp-link{
		margin:5px 15px;
	}

	#header-widgets{
		margin-top: -90px;
	}

	.last_posts .last_posts-posts{
		max-width:unset;
	}

	#widget-72 #hp-important-text a{
		font-size:1em;
	}

	#header-widgets .hp-links{
		background: #ffffff66;
	}

	.last_posts .all-posts{
		max-width: unset;
	}

	main.container .contact{
		width: calc(50% - 1.5em) !important;
		margin-bottom:1.5em !important;
		margin-right:1.5em !important;
	}

	.columns-none .contact:nth-child(3n){
		margin-right:1.5em !important;
	}

}


@media screen and (min-width: 1400px) {

	.top-panel{
		padding-left: calc((100vw - 1400px)/2) !important;
    	padding-right: calc((100vw - 1400px)/2) !important;
	}

}