/* Všechna rozlišení */

	.top-panel .logo{
		margin-left:0.5rem;
	}

	#top-panel-navigation-mobile .top-panel-navigation-buttons{
		background: #3c9f9a;
	}

	#top-panel-navigation-mobile .navigation-item.dropdown>span.navigation-open-button, #top-panel-navigation-mobile .navigation-submenu-item.dropdown .navigation-open-button{
		    padding: 0.5em 1em 0.25em 0em;
	}

	.top-panel{
		background-image: url(/upload/sablona/panel.jpg);
	}

	.top-panel-navigation-buttons {
    	background: transparent;
	}

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

	.header-slider-arrow{
		height:80px;
		top: calc(50% - 40px);
		background: #525252cf;
		color: #fff;
		font-size: 2rem;
		display: flex;
	    align-items: center;
	    justify-content: center;
	}


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

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

	#header-slider{
		max-height:600px;
	}

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

		.header video {
			display: block;
			width: 100%;
		}

		#header-random-photo{
			width:100%;
			height:100%;
		}

		#header-random-photo div{
			height:100%;
			width:100%;
			background-size:cover;
			background-position:center;
		}

		.video-pattern{
			position: absolute;
		    top: 0;
		    left: 0;
		    height: 100%;
		    width: 100%;
			background-image: radial-gradient(#2ea18b 1px, transparent 0);
		    background-color: #ffffff6e;
		    background-size: 40px 40px;
		}

		header:hover .video-pattern{
			display:none;
		}

		.header-anchor{
			position: fixed;
			bottom: 10px;
			left: 50%;
			transform: translateX(-50%);
			background: #353535;
			width: 50px;
			height: 50px;
			font-size: 2rem;
			color: #fff;
			border-radius: 100%;
			display: flex;
			align-items: center;
			justify-content: center;
			animation: pulse; /* referring directly to the animation's @keyframe declaration */
		  	animation-duration: 1.5s;
			animation-iteration-count: infinite;
			cursor:pointer;
			z-index:1;
		}


	/**** PATIČKA ****/

		footer .box-name {
		    font-size: 1.4rem;
		    text-transform: uppercase;
		    font-weight: 400;
		}

		footer{
			padding-top:4em;
		}

	/******** Naši partneři  ********/


		.our-partners{
			margin-top: 5em;
		    position: relative;
		    padding: 5px;
		    box-sizing: border-box;
			max-width:1400px;
			margin-left:auto;
			margin-right:auto;
			border-bottom: 1px solid #c9c9c9;
			margin-bottom: 7rem;
		}

		.our-partners .border-bottom{
			position: absolute;
			width: calc(100% - 10px);
			top: 25px;
			border-bottom:1px solid #c9c9c9 !important;
		}

		.our-partners h1{
			color: #6a6060;
			font-size: 2rem;
			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;
		}

		.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: #0d7d6a;
			color: #fff;
			font-size:1rem;
			width: 30px;
			height: 45px;
		}

		#our-partners .slick-list{

		}

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

	/******** Napište nám  ********/


		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;
			background: #1ca08b;
		}

		footer .box-content i{
			color:#fff;
		}

	/******** Blog  ********/

		.blogDiv{
			background:transparent;
			margin-bottom: 5em;
		}

		.blogContent{
			margin: 10px;
		    margin-top: -25px;
		    background: #fff;
		    border: 1px solid #2ea18b;
			padding:0;
		}

		.blogContent h2{
			font-size:1.7rem;
			margin-top: 10px;
		    padding: 0px 20px;
		}

		.blogContent h2 a{
		    color: #4f4f4f;
		}

		.blog-perex{
			padding: 0px 20px;
		    line-height: 1.8;
		    font-weight: 300;
		    font-size: 1.2em;
		    padding-bottom: 3em;
		    text-align: justify;
		    flex: 1;
		}

		.blogContent .button-div{
			position: relative;
		}

		.blogContent a.open-post{
			position: absolute;
		    margin-top: -20px;
		    width: 170px;
		    left: 50%;
		    transform: translateX(-50%);
			color:#fff;
		}

		.blogImg{
			padding-top:65%;
		}

		/****************************/
		/*                          */
		/*          BOX MENU        */
		/*                          */
		/****************************/

		.box-menu{
			display:flex;
			flex-wrap:wrap;
		}

		a.box-menu-item{
			margin:0.25em;
			width:calc(100% / 3 - 0.5em);
			text-align:center;
			padding:0.25em;
			background:#f3f3f3;
			color:#515151;
			display:flex;
			align-items: center;
			justify-content: center;
		}

		a.box-menu-item:hover, a.box-menu-item.active {
			background:#298684;
			color:#fff;
		}

		a.box-menu-item{
			text-decoration: none;
		}

		.box-menu-under-breadcrumb{
			grid-area:box-menu;
			margin-bottom:1em;
			max-width:1400px;
			margin-left: auto;
    		margin-right: auto;
		}

		#top-panel-icons{
			order:2;
			display:flex;
			flex-wrap:wrap;
			flex: 1;
    		align-items: center;
    		justify-content: end;
		}

		a.top-panel-icon{
			display:block;
			margin-left: 10px;
		}

		a.top-panel-icon img{
			height:25px;
		}

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

		#fixed-icons{
			display:none;
		}

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

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

	a.box-menu-item{
	    width: calc(100% / 4 - 0.5em);
	}

	#top-panel-icons{
		margin-right:25px;
	}

	a.top-panel-icon{
		margin-left: 15px;
	}

	a.top-panel-icon img{
		height:30px;
	}

}

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

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

	.columns-none .blog-category-box .blogDiv{
		margin-bottom:5em;
	}

	.blogDiv-padding{
		height: 100%;
		display: flex;
		flex-direction: column;
	}

	.blogContent{
		flex:1;
		display:flex;
		flex-direction: column;
	}

	.slick-dots{
		bottom:30px;
	}


	.top-panel .logo img{
		height:180%;
	}

	a.box-menu-item{
	    width: calc(100% / 5 - 0.5em);
	}

}

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

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

	a.box-menu-item{
		width: calc(100% / 6 - 0.5em);
	}

	#top-panel-icons{
		display:none;
	}

	.top-panel .logo {
		flex:1;
	}

	#fixed-icons{
		position:fixed;
		z-index:1;
		display:block;
		top:150px;
	}

	a.fixed-icon{
		display:block;
		background: #1ca08bd6;
		padding: 10px;
	}

	a.fixed-icon img{
		height:30px;
	}

}

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

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

	.columns-none .blog-category-box .blogDiv:nth-child(1n){
		margin-bottom:5em;
	}

	.top-panel .logo{
		padding: 0.5rem 0;
	}

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

	/**** MENU ****/

		#top-panel-navigation-desktop li.dropdown a{
			padding-right: 0.5em;
		}

		#top-panel-navigation-desktop .top-panel-navigation-buttons>ul>li>a{
			text-transform:uppercase;
			-webkit-transition: color 0.3s ease, box-shadow 0.3s ease;
    		transition: color 0.3s ease, box-shadow 0.3s ease;
		}

		#top-panel-navigation-desktop .top-panel-navigation-buttons>ul>li>a:hover{
			/* box-shadow: 0 0.25rem 0 0 #1a8584; */
		}

		#top-panel-navigation-desktop .top-panel-navigation-buttons>ul>li.dropdown>a>.navigation-open-button{
			display:block !important;
			margin-left:1em;
		}

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

		#top-panel-navigation-desktop .top-panel-navigation-buttons>ul>li.dropdown>ul>li.dropdown>.navigation-open-button{
			display:block !important;
			margin-left:1em;
			margin-right:1em;
		}

		#top-panel-navigation-desktop .submenu-submenu{
			left: 100%;
    		width: auto;
		}

		#top-panel-navigation-desktop .basic>li>ul a {
		    padding: 0.4em 2em;
		    font-size: 1.2rem;
		    font-weight: 300;
		}

		#top-panel-navigation-desktop .basic>li>ul li{
			padding:0;
		}

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

		#top-panel-navigation-desktop .top-panel-navigation .top-panel-navigation-buttons>ul.basic{
			height:100%;
		}

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

		#top-panel-navigation-desktop>nav>div>ul>li:hover, #top-panel-navigation-desktop>nav>div>ul>li.active{
			background:#1a85849e;
		}

		#top-panel-navigation-desktop li a {
			height:100%;
			font-weight:600;
		}


	/******** Naši partneři  ********/


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

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

		#our-partners .slick-arrow{
			color: #fff;
			font-size:2rem;
			width: 50px;
			height: 75px;
		}

		#our-partners{
			width: calc(100% - 100px);
		}

		.our-partners #front-control{
			display:block;
			top:30px;
			right:10px;
		}

}

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

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

}