/* Všechna rozlišení */

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

		.top-panel{
			display:none;
		}


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

		#menu_checkbox {
			display: none;
			}

		#menu_checkbox_label {
			position: absolute;
			top: 0;
			right: 0;
			left: 0;
			display: block;
			width: 30px;
			height: 40px;
			cursor: pointer;
		}


		#menu_checkbox_label div {
			position: relative;
			top: 0;
			height: 5px;
			background-color: #000;
			margin-bottom: 5px;
			transition: 0.3s ease transform, 0.3s ease top, 0.3s ease width,
			0.3s ease right;
			border-radius: 2px;
		}

		#menu_checkbox_label div:first-child {
			transform-origin: 0;
		}

		#menu_checkbox_label div:last-child {
			margin-bottom: 0;
			transform-origin: 60px;
		}

		#menu_checkbox_label div:nth-child(2) {
			right: 0;
			width: 30px;
		}


		#menu_checkbox:checked + #menu_checkbox_label div:first-child {
			top: -6px;
			transform: rotateZ(45deg);
		}

		#menu_checkbox:checked + #menu_checkbox_label div:last-child {
			top: 6px;
			transform: rotateZ(45deg);
		}

		#menu_checkbox:checked + #menu_checkbox_label div:nth-child(2) {
			width: 85px;
			top: 0;
			right: 13px;
			transform: rotateZ(-45deg);
		}


		#univers_top_header_navigation{
			position:absolute;
			justify-content: end;
			height:50px;
			top:0;
		}

		#univers_top_header_navigation.fixed{
			position:fixed;
		}

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

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

		#logo_menu_logo{
			position:absolute;
			top: 50px;
			background: #fff;
			width: 226px;
			text-align: center;
			left: 50%;
    		transform: translateX(-50%);
			z-index:4;
		}

		#logo_menu_logo.fixed{
			position:fixed;
			top:15px;
		}

		#logo_menu_logo a{
			display: block;
    		border-bottom: 15px solid #f9b979;
			padding: 0px 5px 5px 5px;
		}

		#logo_menu_logo img{
			height:30px;
		}

		#univers_top_header_toggler{
			display: block;
		    right: 1px;
		    top: 5px;
		    width: 30px;
		    padding: 0;
		    height: 40px;
		}

		.square-left{
			background: linear-gradient(45deg, transparent 0 37%, #f9b979 37% 65%, white 65% 100%);
		    width: 50px;
		    height: 50px;
		    position: absolute;
		    left: calc(50% - 162px);
		    top: 50px;
			z-index:1;
		}

		.square-right{
			background: linear-gradient(135deg, #fff 0 35%, #f9b979 35% 65%, transparent 65% 100%);
			width: 50px;
			height: 50px;
			position: absolute;
			right: calc(50% - 162px);
			top: 50px;
			z-index:1;
		}

		#orange-border{
			width:100%;
			height:15px;
			background:#f9b979;
			position: fixed;
    		top: 50px;
			z-index:1;
		}

		univers_top_header_toggler>div{
			position:relative;
			height:100%;
			width:100%;
		}

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

		.header{
			margin-top:65px;
			height: auto;
			max-height:calc(1/3 * 100vw - 5.6px);
		}

		.header video{
			width:100%;
		}

		.video-js{

		}

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



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

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

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



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



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



}

/* 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 *********************/



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



}

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

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

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

		.top-panel{
			display:flex;
			justify-content:center;
			align-items:center;
		}

		.top-panel a{
			color:#818181;
			font-size:1.5rem;
			margin:5px;
		}

		.top-panel a.top-panel-button{
			font-size: 1.1rem;
			font-weight: 300;
			display: block;
			padding: 5px 15px;
			margin: 0px 10px;
			width: 130px;
			text-align: center;
			text-decoration:none;
		}

		.top-panel a#top-panel-button-login{
			background: #474445;
    		color: #fff;
		}

		.top-panel a#top-panel-button-login:hover{
			background: #282425;
		}

		.top-panel a#top-panel-button-support{
			background: #ef7e11;
		    color: #fff;
		}

		.top-panel a#top-panel-button-support:hover{
			background: #d76d08;
		}

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

		#univers_top_header_navigation{
			top:50px;
			position:absolute;
			height:80px;
		}

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

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

		#univers_top_header_toggler{
			display:none;
		}

		#orange-border{
			height: 30px;
			top:130px;
			position:absolute;
		}

		#orange-border.fixed{
			position:fixed;
			top:80px;
		}

		#logo_menu_logo{
			top: 130px;
			width:330px;
		}

		#logo_menu_logo img{
			height:45px;
		}

		#logo_menu_logo a{
			border-bottom:30px solid #f9b979;
			padding:0px 5px 15px 5px;
		}

		.square-left{
			background: linear-gradient(45deg, transparent 0 37%, #f9b979 37% 67%, white 67% 100%);
		    width: 90px;
		    height: 90px;
		    left: calc(50% - 255px);
			top: 130px;
		}

		.square-right{
			background: linear-gradient(135deg, #fff 0 33%, #f9b979 33% 65%, transparent 65% 100%);
    		width: 90px;
    		height: 90px;
			right: calc(50% - 255px);
    		top: 130px;
		}

		#menu-separator{
			width: 350px;
    		height: 10px;
		}

		#univers_top_header_navigation>ul>li>a{
			padding:28px 15px;
		}

		#univers_top_header_navigation.fixed{
			position:fixed;
			top:0;
		}

		#logo_menu_logo.fixed{
			top:20px;
		}



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

	.header{
		margin-top:85px;
	}


}

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

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

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

		#menu-separator{
			width: 420px;
		}

}


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



}