#cookies-panel{
	position: fixed;
    left: 10px;
    bottom: 10px;
    width: 370px;
    background: #ffffff;
    padding: 3em 1em 1em 1em;
	font-family: "Arial";
    font-size: 14px;
	border-radius:10px;
	box-shadow:#5e5e5e 0px 0px 13px 0px;
	z-index:600;
}

#cookies-panel-header{
	font-weight:bold;
	margin-bottom:1.5em;
}

#cookies-panel-top{
	margin-bottom:2em;
	line-height:1.5;
}

#cookies-panel-bottom{
	display: flex;
	justify-content: center;
}

#black-bg{
	background: #000;
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    opacity: 0.7;
	display:none;
	z-index:601;
}

.cookies-modal{
	position: fixed;
    z-index: 1;
    top: 10em;
    background: #fff;
    left: 0;
    right: 0;
    width: 768px;
    margin-left: auto;
    margin-right: auto;
	border-radius:5px;
	display:none;
	font-family: "Arial";
    font-size: 13.3px;
	z-index:602;
}

.cookies-modal-header{
	padding: 1em;
	font-size: 1.5em;
	border-bottom: 1px solid #d5d5d5;
}

.cookies-modal-body{
	padding: 1em;
	font-size:1.1em;
	line-height:1.2;
	border-bottom: 1px solid #d5d5d5;
}

.cookies-area{
	margin-top:2em;
	background:#ededed;
	padding:0.5em;
}

.cookies-area-header{
	font-size:1.2em;
	margin-bottom:1em;
}

.cookies-modal-footer{
	padding: 1em;
	font-size:1.1em;
	line-height:1.2;
}

#cookies-panel-bottom button, .cookies-modal-footer button{
	border: 0;
	padding: 0.8em 1.2em;
	border-radius:5px;
	cursor:pointer;
	background: #d5d5d5;
}

#cookies-panel-bottom button:hover, .cookies-modal-footer button:hover{
	background:#a3a2a2;
}

#cookies-panel-bottom button{
	margin-right: 0.4em;
}

#cookies-panel-bottom button:last-child{
	margin-right:0;
}

@media screen and (max-width: 768px) {

	.cookies-modal{
		width:calc(100% - 1em);
		left:0.5em;
		right:0.5em;
	}

}

@media screen and (max-width: 390px) {

	#cookies-panel{
		width:calc(100% - 1em);
		left:0.5em;
		right:0.5em;
	}

}

#fancybox-thumbs{
	background: #000000f2;
    padding: 0.5em;
}

#fancybox-thumbs.bottom{
	bottom:0 !important;
}

.fancybox-lock .fancybox-overlay{
	overflow:hidden !important;
	overflow-y: auto !important;
}

.postText .vbm-text{
	padding: 0.7em 0.9em;
	background: #e2e2e2;
}

.postText .vbm-arrow-element{
	background: #336699;
}

.postText .vbm-option.multiselect{
	padding: 0.3em 0.7em 0.45em 2em;
}

.fake-table{
	word-break: break-word;
}

.fake-table>div{
	background:#e2e2e2;
}

.fake-table>div:nth-child(2n){
	background:#fff;
}

.fake-table-header{
	font-weight:bold;
}

.fake-table>div>div{
	border-left: solid 1px #c7c7c7;
	padding: 10px;
}

.fake-table>div>div:last-child{
	border-right: solid 1px #c7c7c7;
}

.fake-table>div:last-child>div{
	border-bottom: solid 1px #c7c7c7;
}

.fake-table>div:first-child>div{
	border-top: solid 1px #c7c7c7;
}

.fake-table .full-name, .fake-table .second-number{
	display:none;
}

img.mailIcon{
	vertical-align:0;
}

button:focus{
	outline: none;
}

#navigation>#navigation-padding>.sf-arrows>li>.sf-with-ul:after{
	display:none;
}

#navigation .sf-arrows ul .sf-with-ul:after{
	border-left-color:#696969;
	border-top-color:transparent;
	margin-top:-3px;
}

#navigation .sf-arrows ul li:hover .sf-with-ul:after, #navigation .sf-arrows ul li.active .sf-with-ul:after{
	border-left-color:#e2e2e2;
}

#navigation .sf-menu li>a{
	padding:15px 14px;
}


.boxHead-padding{
	padding:10px 0px;
}

#container-padding{
	margin-top:0;
	padding-top:0;
}

.notif-box{
	margin-bottom:calc(0.85em + 20px);
	padding:1em;
	background:#f7ded3;
	color:#2b2b2b;
	position:relative;
}

.notif-box-black{
	position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #00000099;
    z-index: 999;
}

.notif-box .widget-buttons{
	right: 5px;
    top: 5px;
}

h1{
	font-size:1.6em;
}

h2{
	font-size:1.5em;
}

h3{
	font-size:1.4em;
}

h4{
	font-size:1.3em;
}

h5{
	font-size:1.2em;
}

h6{
	font-size:1.1em;
}

#hp-blog{
	background:#f9f9f9;
	padding-bottom:1em;
	margin: 1em 0em;
}

#hp-blog-inner{

}

.hp-blog-item{
	width:100%;
	margin: 0.5em 0.5em 1.5em 0em;
	display:flex;
	padding: 1em;
}

.hp-blog-item-image{
	width: 210px;
    height: 140px;
    margin-right: 1em;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.hp-blog-item-content{
	flex:1;
	padding:0em 0.5em 0.5em 0em;
}

.hp-blog-item-content h4 a{
	color:#4c4c4c;
	text-decoration:none;
}

.hp-blog-item h4{
	margin-top: -5px;
}

#partners-inner{
	position:absolute;
	overflow: hidden;
	width:100%;
}

#partners img{
	max-height:65px;
	filter: grayscale(0%);
}

#partners img:hover{
	filter: grayscale(100%);
}

#partners{
	height:105px;
	background: #f3f3f3;
	overflow: hidden;
	margin-top:25px;
}

.partners-item{
	padding:20px;
}

#partners-items{
	display: flex;
	align-items: center;
}

#content-padding, #container, .boxHead, .boxContent{
	border-radius:0px;
}

.widget-button{
	border-radius:0px !important;
}

.widget-facebook-content{
	text-align:center;
}

#widget-42 .boxContent a{
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
	background: #e2e2e2;
	padding: 10px;
	display: block;
	color: #696969;
	text-align: center;
	letter-spacing:1px;
}

#widget-42 .boxContent a.content-button-icon{
	padding:5.5px;
}

#widget-42 .boxContent a:hover{
	background: #c4222a;
	color: #e2e2e2;
}

#widget-42 .boxContent a img{
	height:30px;
	width:auto;
	margin-right:0.5em;
}

.boxHead{
	border-bottom:3px solid #949494
}

.btn{
	border-radius:0px;
}

#copyright a, #footer a {
    color: #fffac5;
}

#footer{
	width:100%;
	height:auto;
	padding-bottom:2em;
}

#footer-padding{
	width: 1050px;
	margin-top:0px;
	line-height:1.3;
	padding-top:2em;
}

#footer-padding h5{
	color:#fff;
	line-height:1.2em;
}

strong, #navigation .sf-menu>li>a, .boxHead-padding{
	letter-spacing:1px;
}

.hp-box{
	background:#d5d5d5;
	padding-top:35%;
	margin:0.15em;
	text-align:center;
	padding-bottom:2.5em;
	display: block;
    width: calc(33.3% - 0.3em);
}

.hp-box-letter{
	font-size: 3em;
	font-weight: bolder;
	border-bottom:1px solid #fff;
}

.hp-box-word{
	font-size:1.25em;
	letter-spacing: 1px;
}

.hp-box-content{
	display: inline-block;
	padding: 0.5em;
	color: #fff;
	width: 104px;
}

#hp-box-1 .hp-box-content{
	background: #8BC34A;
}

#hp-box-2 .hp-box-content{
	background: #ff8800;
	color:#fff;
}

#hp-box-3 .hp-box-content{
	background: #3F51B5;
}

#hp-box-3 .hp-box-letter{
	border-bottom:1px solid #424242;
}

#hp-box-1{
	background-image:url("/upload/sablona/stavebni.jpg");
}

#hp-box-2{
	background-image:url("/upload/sablona/strojari.jpg");
}

#hp-box-3{
	background-image:url("/upload/sablona/ubytovani.jpg");
}

.hp-box{
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
}

.hp-box:hover{
	opacity:0.8;
}

#navigation ul li>ul.submenu{
	width: max-content;
	min-width: 200px;
	display:flex !important;
	flex-direction:column;
	flex-wrap:wrap;
}

#navigation ul li>ul.submenu.hidden{
	display:none !important;
}

#left{
	margin:0;
}

#openMenu svg{
	cursor:pointer;
}

#content-padding{
	padding-left:15px;
	padding-right:15px;
}

p{
	margin-bottom:10px;
}

.hover-text-main{
	margin:0 !important;
}

#zoom{
	display:block !important;
}

#zoom-padding{
	display: flex;
    align-items: center;
    flex-direction: row-reverse;
}

.hp-blog-item:hover{
	background:#efefef;
}

.blogImg.left{
	width: 230px;
    height: 153px;
	background-size: cover;
	border-radius:0px;
}

.open-post{
	border-radius:0px;
	font-weight: 100;
	border: 1px solid #bfbfbf;
}

.blogDiv-padding{
	border-top: 1px solid #bfbfbf;
	border-bottom:0;
	min-height: 182px;
}

.blogDiv:first-child .blogDiv-padding{
	border-top:0;
}

.blogDiv{
	margin-bottom:10px;
}

#container{
	overflow:inherit;
}

@media screen and (min-width: 1100px) {

	#content{
		margin-top:0px !important;
	}

	#menuMobile{
		display:none !important;
	}

	#header{
		height: 630px;
	}

	#navigation{
		margin-top:60px;
		position:fixed;
		z-index:3;
		width:100%;
		background:#d8d8d8;
	}

	 #navigation-padding{
		 padding:0;
	 }

	.menu-name{
		font-size:16px;
	}

	#navigation.smaller .menu-icon{
		display:none;
	}

	#navigation.smaller .menu-name{
		height: 86px;
		display:flex;
		align-items:center;
	}

	.menu-icon img{
		height:70px;
	}

	#navigation .sf-menu{
		flex-direction: row-reverse;
	}

	#navigation .sf-menu li>a{
		border-radius:0px;
		padding: 15px 14px;
		cursor:pointer;
	}

	#navigation .sf-menu ul a{
		height:auto;
		padding:5px 15px !important;
		margin-right: 0;
	}

	#navigation ul.submenu li:hover>a, #navigation ul.submenu li.active>a{
		text-decoration:none;
	}

	#logo{
		height: 55px;
    	margin-top: 0px;
	}

	#second-logo{
		height: 80px;
		left:0;
    	margin-top: 10px;
		position:absolute;
	}

	#second-logo img{
		height:100%;
	}

	#navigation-padding{
		position:relative;
	}


	#top-panel{
		height:60px;
	}

	.top-panel-right{
		flex:1;
	}

	.top-panel-icons{
		text-align: right;
    	flex: 1;
    	justify-content: flex-end;
    	align-items: center;
	}

  	.top-panel-icons img{
		height:50px;
		width:auto;
	}

	#title{
		width:auto;
		flex:3;
		margin-left:4px;
	}

	#title a{
		color: #ffffff;
    	text-decoration: none;
    	font-size: 1.3em;
	}

	/*#navigation-padding{
		width:100%;
		padding:0;
	}

	#navigation .sf-menu{
		width:100%;
		justify-content: flex-end;
	}

	#navigation .sf-menu>li>a{
		padding:0em 2.6em;
	}

	#navigation .sf-arrows .sf-with-ul{
		padding-right:1.5em;
	}

	#navigation .sf-arrows .sf-with-ul:after{
		border-top-color: rgb(0 0 0);
		right: 0em;
	}*/

	#slider{
		width: 100%;
	    max-width: 1920px;
	    height: 480px;
	    position: absolute;
	    left: 0;
	    right: 0;
	    margin-left: auto;
	    margin-right: auto;
	    box-sizing: content-box;
	    margin-top: 114px;
	}

	#slider .sliderItem{
		height:480px !important;
	}

	#slider .slick-arrow{
		position: absolute;
		z-index: 1;
	    height: 100%;
	    background: #4e4e4ec2;
	    border: 0;
		width:50px;
	}

	#slider .slick-arrow:hover{
		background: #4e4e4ed8;
		cursor:pointer;
	}

	#slider .slick-next{
		right:0;
		top:0px;
	}

	#slider .slick-prev{
		left:0px;
	}

	#slider .slider-helper{
		width:100%;
		height:480px;
		background-position:center;
		background-repeat:no-repeat;
		background-size:cover;
	}

	#slider .slick-next img {
	    transform: rotate(180deg);
	}

	#navigation .sf-menu>li>a{
		font-weight:normal;
		text-transform:uppercase;
	}

}


@media (max-width: 1099px) {

	.menuMobileUl{
		background: #f5f5f5;
	}

	#content-padding {
    	flex-direction: column;
	}

	#container {
    	order: 1;
    	margin-right: 0px;
    	margin-bottom: 1em;
	}

	.box{
		width:100%;
	}

	#widget-43{
		margin-left: auto;
		margin-right: auto;
	}

	.menuMobileUl>li{

	}

	.mobile-hidden{
		display:none;
	}

	#header-mobile.fixed{
		position:fixed;
		z-index:2;
		left:0;
		top:0;
		width:100%;
	}

	#menuMobile.fixed{
		position:fixed;
		z-index:2;
		left:0;
		width:100%;
		background:#fff;
		max-height: -webkit-fill-available;
		overflow:scroll;
	}

	#breadcrumbs{
		display:none;
	}

	#header-mobile{
		background:#e2e2e2;
	}

	#logo-mobile{
		order:2;
	}

	#logo-mobile img{
		height:46px;
	}

	#second-logo{
		order:2;
	}

	#second-logo img{
		height:50px;
	}

	#header-title{
		display:block;
		background:#4e4e4e;
		padding:0.5em;
		font-size:1.1em;
		line-height:1;
	}

	#header-title a{
		color:#fff;
		text-decoration:none;
	}

	#footer-padding{
		width:100%;
		font-size:1rem;
	}

	.widget-buttons{
		display:none;
	}

	#openMenu{
		flex:1;
		order:1;
		border: none;
		margin-right:0.5em;
		font-size:1.3em;
		display: flex !important;
    	align-items: center;
	}

	#logo{
		order:4;
	}

	#footer{
		padding:1em;
	}

}

@media (max-width: 850px) {

	.hp-blog-item{
		width:100%;
	}

}

@media (max-width: 700px) {

	.fake-table .second-number{
		display:block;
	}

	.fake-table .only-number, .fake-table>div>div:nth-child(5){
		display:none;
	}

	.fake-table>div>div:nth-child(4) {
		border-right: solid 1px #c7c7c7;
	}

}

@media (max-width: 576px) {

	.hp-blog-item-image{
		display:none;
	}

	.fake-table>div:nth-child(2){
		border-top: solid 1px #c7c7c7;
	}

	.fake-table-header{
		display:none !important;
	}

	.fake-table>div{
		flex-wrap:wrap;
	}

	.fake-table>div>div:first-child{
		flex:none;
		width:100%;
		border-right: solid 1px #c7c7c7;
		border-bottom: solid 1px #d6d6d6;
		font-weight: bold;
	}

	.fake-table>div:nth-child(2n)>div:first-child{
		border-bottom: solid 1px #efefef;
	}

	.fake-table .full-name{
		font-weight: bold;
	}

	.fake-table>div>div:nth-child(3), .fake-table>div>div:nth-child(4){
		border-left: solid 1px #d6d6d6;
	}

	.fake-table>div:nth-child(2n)>div:nth-child(3), .fake-table>div:nth-child(2n)>div:nth-child(4){
		border-left: solid 1px #efefef;
	}

	.fake-table>div>div:nth-child(2){
		display: flex;
    	align-items: center;
	}

}

@media (max-width: 500px) {

	.hp-box{
		width:100%;
	}

	#vbm-contact-category .vbm-list{
		width: calc(100vw - 30px);
	}

	#vbm-contact-category .vbm-list label{
	    width: 100%;
		white-space: break-spaces;
	}

}

@media (max-width: 450px) {

	.fake-table>div>div:nth-child(2){
		width: 100%;
		flex: none;
		border-right: solid 1px #c7c7c7;
		border-bottom: solid 1px #d6d6d6;
	}

	.fake-table>div>div:nth-child(3){
		display:flex;
		align-items:center;
	}

	.fake-table>div:nth-child(2n)>div:nth-child(3){
		border-left: solid 1px #d6d6d6;
	}

	.fake-table>div:nth-child(2n)>div:nth-child(2){
		border-bottom: solid 1px #efefef;
	}

}

@media (max-height: 860px) {

	#header{
		height:480px;
	}

	#slider{
		height: 350px;
	}

}
