/* Všechna rozlišení */

.search-contact{
	margin-top:10px;
	display:flex;
}

.search-contact input{
	width: 150px;
    padding: 5px;
    border: 1px solid #d5d5d5;
    background: #f5f5f5;
}

.search-contact button{
    background: #79ae44;
    border: 0;
    font-weight: 200;
    padding: 10px;
    color:#fff;
}

#contact-select{
	position: relative;
}

#contact-select .school-switcher-select-list-items{
	right:auto;
	left:0;
	z-index:2;
}

#contact-school-switcher{
	height: 40px;
}

#contact-school-switcher .school-switcher-select-arrow{
	width: 40px;
    justify-content: center;
}

.contact-category-border{
	border-bottom: 1px solid #d5d5d5;
    top: 17px;
    position: absolute;
    width: 100%;
}

#contact-area h3{
	padding: 0px 10px;
    color: #838383;
    background: #fff;
    z-index: 1;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: max-content;
}

#contact-area{
	position:relative;
	margin-top:30px;
}

.contact-box{
	background: #79ae44;
	padding: 30px 15px;
	border-radius:10px;
	margin-bottom:20px;
	cursor:pointer;
	color:#fff;
}

.contact-box:hover{
	background:#527f25;
}

.contact-detail .close{
	font-size:2.5rem;
	padding-bottom:0;
	padding-top:0.5rem;
}



.cb-name{
	font-weight: 500;
}

.cb-position{
	font-weight: 300;
}

.cb-phone{
	font-weight: 300;
	margin-top:20px;
}

.cb-email{
	font-weight:300;
}

.cb-text{
	margin-top:20px;
}

.contact-detail .modal-content{
	border-radius:0;
}

.contact-detail .modal-header{
	border-bottom:0;
}

.contactform .input-group-text{
	background-color:#f6f6f6;
	border:1px solid #d6d6d6;
	color:#929292;
	border-radius:0px;
}

.contactform input{
	background-color:#f6f6f6;
	border:1px solid #d6d6d6;
	border-radius:0px;
}

.contactform textarea{
	background-color:#f6f6f6;
	border:1px solid #d6d6d6;
	border-radius:0px;
}

#contact-school-switcher{
	margin-left:0px;
}

.contact-category-area{
	position: relative;
	margin-bottom: 60px;
}

.header-slider-item{
	height: 100% !important;
}

#anchor{
	position: fixed;
	right: 10px;
	bottom: 10px;
	z-index: 2;
	background: #79AE44d9;
	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;
}

h1.hp-name{
	font-size:1.8rem;
}

footer{
	padding:20px;
}

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

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

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

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

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

footer .contactform i{
	color:#555555 !important;
}

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

		.top-panel{
			border-bottom: 1px solid #d5d5d5;
			padding-left: 5px !important;
			padding-right: 5px !important;
			width: 100%;
			flex-wrap: wrap;
			justify-content: end;
			position:absolute;
		}

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

		.top-panel .title h1{
			font-weight:300;
			font-size:20px;
		}

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

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

		#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: #79AE44;
			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 .logo {
			max-height: 23px;
		}

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

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

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

	/********************* 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: #000000;
		}

		#univers_top_header_navigation>ul>li>a{
			text-transform:lowercase;
			font-weight:600;
			padding: 15px 5px;
			padding-bottom: 3px;
			margin: 0 15px;
			margin-bottom: 10px;
			border-bottom: 3px solid #fff;
		}

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

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

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

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

		.header{
			margin-top: 106px;
		}

		.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:#79AE44;
		}

		.header-slider-text{
			position: absolute;
		    color: #fff;
		    text-decoration: underline;
		    font-weight: 600;
		    text-align: center;
		    width: 100%;
		    width: auto;
		    height: auto !important;
		    padding: 10px;
		    max-width: calc(100% - 100px);
			top: 80%;
		    left: 50%;
		    transform: translate(-50%, -50%);
		    background: #434343e3;
		}

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

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

		h1.hp-name{
			font-weight:400;
		}

		#hp-important-text{
			border: 1px solid #79AE44;
		}

	/********************* OBSAH *********************/

		#content{
			padding:0;
		}

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

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

	.contacts-header{
		display:flex;
	}

	#contact-school-switcher{
		order:1;
		height:45px;
	}
	
	.search-contact{
		margin-left:10px;
		order:2;
		margin-top:0;
	}
	
	.search-contact input{
		width:200px;
	}
	
	.contact-contacts{
	    display: flex;
	    flex-wrap:wrap;
	}
	
	.contact-box{
	    width: calc(50% - 20px);
	    margin: 10px;
	}
	
	.cd-info{
		display:flex;
	}

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

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

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

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

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

		.top-panel .title h1{
			font-size:22px;
		}

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

}

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

@media screen and (max-width: 991px) {
	.top-panel{
		height:75px !important;
	}
}

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

	.contact-photo {
        width: 191px;
        float: left;
        margin-right: 1em;
    }

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

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

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

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

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

	/********************* OBSAH *********************/

		#content{
			margin-left:0;
		}

}

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

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

	.modal .contact-photo{
		width:300px;
	}

	.modal .contactform-inputs{
		width:500px;
	}

	.modal .contactform{
		display:flex;
	}

	#contact-select .school-switcher-select-list-items{
		right:0px;
		left:unset;
	}

	#contact-school-switcher .school-switcher-select{
		height: 45px;
	}

	#contact-school-switcher .school-switcher-select-list-items{
		height: 45px;
		padding-top:10px;
	}

	.modal .contactform button{
		margin-left: 30px;
		height: 60px;
		padding: 0px 30px;
		font-weight: 400;
	}

	.contact-box{
	    width: calc(100% / 3 - 20px);
	    margin: 10px;
	}

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

		.top-panel{
			position:fixed;
		}

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

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

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

		.top-panel #number{
			display:inline-block;
		}

		.top-panel .box-content{
			padding: 3px 10px !important;
	    	border-radius: 25px;
	    	width: 140px;
	    	height: 28px;
			display: flex;
    		align-items: center;
		}

		.top-panel .box-content a{
			margin-left:0;
			font-size: 1rem;
		}

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

		#logo_menu_logo .logo{
			margin-top: 5px;
		    display: block;
		    background: #fff;
		    padding: 0px 20px;
		}

		#logo_menu_logo img{
			height:40px;
		}

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

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

		.logo_menu_left{
			border-bottom: 1px solid #d5d5d5;
    		margin-bottom: 15px;
		}

		.logo_menu_right{
			border-bottom: 1px solid #d5d5d5;
    		margin-bottom: 15px;
		}

		.logo_menu_left a{
			padding: 15px 5px;
    		padding-bottom: 3px;
			color:#000;
		}

		.search{
			padding: 15px 5px;
			padding-bottom: 3px;
		}

		#logo_menu_logo{
			flex:1;
			justify-content:end;
		}

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

		.search{
			flex: 1;
		}


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

		.header{
			margin-top:180px;
		}

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

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

}

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

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

	.title h1 {
    	font-size: 28.8px;
	}

	.header-slider-item{
		height:100%;
	}


}


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

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

	.title h1, .title a {
    	font-size: 28.8px;
	}


	.contact-box{
		width: calc(100% / 4 - 20px);
	}


}

@media (max-width: 575px) {	

	.contact-detail .modal-dialog{
		max-width:345px;
		margin: 1.75rem auto;
	}