::-moz-selection { 
    background: #fff;
}

::selection {
    background: yellow;
}


html{
	height:100%;
	position:relative;	
}



body{
	font-family:'Poppins',verdana,arial;
	font-weight: 400;
	color: #333;
	background-color:#fbfbfb;
	min-height: 100%;
	position: relative;
	padding-bottom: 20px;
	overflow-y: scroll;
}

body.slider{
	padding-bottom: 0;	
	overflow-y: hidden;
}

body.slider .wrapper{
	height:100vh;	
}

body.slider .topcontrol{
	display:none;	
}

h1{
	font-size: 2rem;	
}

h2{
	font-size: 1.7rem;	
}

h3{
	font-size: 1.5rem;	
}

a{
	color:#333;
	transition: color 0.3s;	
}

a:hover{
	color:#DAA520;	
}

@media (min-width:1200px){
	.container {
	    width: 970px;
	}	
}

.copyright{
	position: absolute;
	left: auto;
	bottom: 1px;
	width: 100%;
}

p{
	text-align: justify;	
}

h1.main-title{
	text-align: center;	
}

.back-link-cont{
	display:block;
}

.force-hide{
	display:none !important;	
}

.strong{
	font-weight: bold;	
}

.margin-bottom-10{ margin-bottom: 10px; }
.margin-bottom-15{ margin-bottom: 15px; }
.margin-bottom-20{ margin-bottom: 20px; }
.margin-bottom-25{ margin-bottom: 25px; }
.margin-bottom-30{ margin-bottom: 30px; }
.margin-bottom-35{ margin-bottom: 35px; }
.margin-bottom-40{ margin-bottom: 40px; }
.margin-bottom-45{ margin-bottom: 45px; }
.margin-bottom-50{ margin-bottom: 50px; }
.margin-bottom-55{ margin-bottom: 55px; }
.margin-bottom-60{ margin-bottom: 60px; }
.margin-bottom-70{ margin-bottom: 70px; }
.margin-bottom-80{ margin-bottom: 80px; }
.margin-bottom-90{ margin-bottom: 90px; }
/* =================================== cube protfolio ============================== */

.cube-portfolio .cbp-l-filters-text .cbp-filter-item.cbp-filter-item-active,
.cube-portfolio .cbp-l-filters-text .cbp-filter-item:hover{
	color:#DAA520;	
}
/* =================================== menu ======================================== */

.menu-container{
	margin: auto auto;
	display: block;
	width:100%;
}

.menu-container li > a{
	font-size:17;
	font-weight: 500;
	position: relative;
	text-decoration: none;
}

.menu-container li{
	position: relative;	
}

.menu-container .dropdown-menu li:active, .menu-container .dropdown-menu li.active, .menu-container .dropdown-menu li:focus, .menu-container .dropdown-menu li:visited{
	background-color: transparent;
}

.menu-container li > a >span{
	position: relative;
}
.menu-container li > a > span:after{
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	bottom: 0;
	left: 0;
	background-color: #333;
	visibility: hidden;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transition: transform 0.3s ease-in-out 0s, color 0.3s;
	transition: transform 0.3s ease-in-out 0s, color 0.3s;
}

.menu-container li.active > a > span:after, .navbar-brand:hover > span:after{
	visibility: visible;	
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}
.menu-container li > a:hover, .navbar-brand:hover{
	color: #000;	
}
.menu-container li > a:hover > span:after, .navbar-brand:hover > span:after{
	visibility: visible;
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}

.nav .open > a{
	color:#FFA347;	
}

.menu-container .nav > li > a:hover, .menu-container .nav > li > a:focus, .menu-container .nav > li > a:active, .nav .open > a  {
	background-color: transparent;
}
.menu-container li.active > a.hidden-link{
	font-weight: 800;	
}


.menu-container li > ul > li > a{
	font-size:13px;
}

.menu-container ul.navbar-nav > li{
	margin-left: 3px;	
	line-height: 13px;
}
.menu-container ul.navbar-nav > li > .nav-link{
	visibility: visible;
}
.menu-container ul.navbar-nav > li > .hidden-link{
	visibility: hidden;
	position: absolute;
	top:8px;
	left:7px;
}
.menu-container ul.navbar-nav > li.active > .hidden-link{
	visibility: visible;
}
.menu-container ul.navbar-nav > li.active > .nav-link{
	visibility: hidden;
}


.navbar-brand{
	font-size:33px;
	font-weight: 800;
	margin-right:0;
	line-height:36px;
}

.navbar-toggler {
	background-color: #eaeaea;
	border: 1px solid #e5e5e5;	
	color: #000;
}

.navbar-toggler .icon-bar {
	background:#9d9d9d;
	color: #000;
}


.main-header.navbar{
	-webkit-transition: background-color 0.2s; /* Safari */
    transition: background-color 0.2s;
    background: #fbfbfb;
}

.main-header.header-scroll.navbar{
	background:	#fff;
	box-shadow: 0px -1px 3px #333;
}
.menu-container .dropdown-menu{
	-webkit-transition: background-color 0.2s, box-shadow 0.2s; /* Safari */
    transition: background-color 0.2s, box-shadow 0.2s;
    background: #fbfbfb;
	border: none;
	left: -1px;
	top: 37px;
}



.dropdown-item {
    display: block;
    width: 100%;
    padding: 0 1.5rem;
    padding-left: 0.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    line-height:1.2;
}

.dropdown-item:focus, .dropdown-item:hover {
    color: #16181b;
    text-decoration: none;
    background-color: #fbfbfb;
}

.main-header.header-scroll .menu-container .dropdown-menu{
	background:	#fff;
	box-shadow: 1px 1px 1px rgba(0,0,0,.15);
}
.menu-container .nav-item.dropdown.show > a{
	font-weight: 800;
}
@media (min-width:995px){
	
	.menu-container .nav-item.dropdown.show{
		margin-left: 3px;
		z-index: 1000;
		background: inherit;
	}
	
	.menu-container .dropdown-menu{
		min-width:0px;
	}
	.dropdown-toggle::after {
		display: none;
	}
	.menu-container .menu-main{
		justify-content: flex-center;
	}
	.menu-container > .navbar-header, .menu-container > .navbar-header > .navbar-brand{
		display: block;
		float: none !important;
		text-align: center;
	}
	
	.menu-container .menu-main{
		text-align: center;
	}
	.menu-container .navbar-nav{
		display: block;
		float:none !important;
		text-align: center;
		position: relative;
		margin: auto;
	}
	
	.menu-container ul.navbar-nav > li.nav-item
	{
		
		float: none;
		display: inline-block;
	}
	
	
	
	
}

@media (max-width: 995px) and (min-width: 768px){
	.menu-container .nav-item.dropdown.show{
		margin-left: 13px;
		z-index: 1000;
		background: inherit;
	}
	.menu-container .dropdown-menu{
		top: 37px;
		left: -0.5px;
		min-width:0px;
	}
	.dropdown-toggle::after {
		display: none;
	}
	.menu-container ul.navbar-nav > li.nav-item
	{
		
		float: none;
		display: inline-block;
	}
	
	.menu-container ul.navbar-nav > li > a
	{
		font-size: 17px;
	}
	.menu-container > .navbar-header, .menu-container > .navbar-header > .navbar-brand{
		display: block;
		float: none !important;
		text-align: center;
	}
	.menu-container .menu-main{
		text-align: center;
	}
	.menu-container .navbar-nav{
		display: block;
		float:none !important;
		text-align: center;
		position: relative;
		margin: auto;
	}
	
	

}
/* menu effect */
.landing .main-header.navbar{
	-webkit-animation-name: landing-menu-show; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 3s; /* Safari 4.0 - 8.0 */
    -webkit-animation-iteration-count: 1; /* Safari 4.0 - 8.0 */
    animation-name: landing-menu-show;
    animation-duration: 3s;
    animation-iteration-count: 1;
    position: relative;
	
}

.landing .menu-container li > a > span:after{
	background:#fff;	
}
@-webkit-keyframes landing-menu-show {
    from {opacity: 0;}
    to {opacity: 1;}
}
@keyframes landing-menu-show {
    from {opacity: 0;}
    to {opacity: 1;}
}

.landing .main-header.navbar, .landing .main-header.navbar .menu-container .dropdown-menu, .landing .dropdown-menu > li:hover, .landing .dropdown-menu > li:active{
	background: transparent;
	color:#fff;
}

.landing .main-header.navbar .navbar-brand, .landing .main-header.navbar .menu-container .nav-item a, .landing .main-header.navbar .menu-container .nav-item:hover a,  .landing .main-header.navbar .menu-container .nav-item:active{
	
	color:#fff;	
} 



/* =================================== /menu ======================================== */


/* =================================== archive ======================================== */
	.archive .archive-table{
		width: 100%;
	}
	
	.archive .archive-item-kategorie{
		min-width:40px;
	}
	
	.archive .archive-item-jazyk{
		min-width:32px;
	}
	
	.archive .archive-item-main{
		min-width:120px;
	}
	
	.archive .archive-item-datum{
		min-width:100px;
	}
	
	
	.archive .clanek h2 > a, .archive .clanek h2{
		font-size:19px;
	}
	
	.archive .right-column{
		padding-top: 26px;
	}
	
	.archive .right-column h3{
		font-size: 17px;
	}
	
	.archive .right-column li{
		font-size: 16px;
		line-height:1.2;
	}
	
	.archive .clanek ul.archive-date > li{
		font-size: 10px;
	}
	
	.archive-detail .archive-date{
		margin-bottom: 15px;
		font-size: 10px;
	}

	.archive .right-column ul{
		padding-left:0;
		list-style:none;
	}
	
	.archive-detail .main-title{
		margin-bottom: 0;
	}

	
	.archive-detail .main-title .subnadpis{
		font-size: 16px;
	}
	
	@media (min-width: 768px){
		.archive .flexbox{
			display: flex;
			flex-flow: row nowrap;
		}
		
		.archive .flexbox > .flex-column{
			flex: 1 content;
		
		}
		.archive .flexbox > .flex-main{
			flex: 1 100%;
		}
		
		.archive .right-column{
			margin-left: 50px;
			margin-right: 6px;
		}
		
	
	}


/* =================================== /archive ======================================== */

/* =================================== blog ======================================== */
	.blog .clanek h2 > a, .blog .clanek h2{
		font-size:19px;
	}
	
	/*.blog .right-column{
		padding-top: 26px;
	}*/
	
	.blog .right-column h3{
		font-size: 17px;
	}
	
	.blog .right-column li{
		font-size: 16px;
		line-height:1.2;
	}
	
	.blog .clanek ul.blog-date > li{
		font-size: 9px;
	}
	
	.blog-detail .blog-date{
		margin-bottom: 15px;
		font-size: 9px;
	}

	.blog .right-column ul{
		padding-left:0;
		list-style:none;
	}
	
	.blog-detail .main-title{
		margin-bottom: 0;
	}

	
	.blog-detail .main-title subnadpis{
		font-size: 16px;
	}
	
	@media (min-width: 768px){
		.blog .flexbox{
			display: flex;
			flex-flow: row nowrap;
		}
		
		.blog .flexbox > .flex-column{
			flex: 1 content;
		
		}
		.blog .flexbox > .flex-main{
			flex: 1 100%;
		}
		
		.blog .right-column{
			margin-left: 50px;
			margin-right: 6px;
		}
		
	
	}


/* =================================== /blog ======================================== */

/* =================================== gallery ======================================== */
.album-caption{
	margin-top: 20px;	
}
.album-caption h2{
	text-align: center;	
}

.album-content{
	margin-bottom: 50px;	
}

.album-item{
	position: relative;	
	max-width: 100%	;
	padding: 5px;
	padding-bottom: 0;
	line-height:1.2;
	display: block;
	overflow: hidden;
	margin: 0 2.8px;
	-webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
}

.album-item:hover{
	opacity: 0.5;
}


.album-item-wrap{
	position: relative;
	max-width:100%;
}

.album-item-wrap img{
	max-width:100%;	
}

.album-content{
	margin-left: -5px;
	margin-right: -5px;	
}

@media (min-width: 768px){
	
	.album-item{
		width: 32%;
		padding: 5px;
		padding-bottom: 20%;
		display: inline-block;
	}
	
	.album-item-wrap{
		position: absolute;
		max-width:100%;
		left: -50%;
		top: -40%;
	}
	
	.album-item-wide .album-item-wrap img{
		height: 100%;
		width: auto;
		max-width: 600px! important;
	}
	
	.album-item-tall .album-item-wrap img{
		height: auto;
		width: 100% !important;
		max-width: auto !important;
	}
	
	.album-item-tall .album-item-wrap{
		left: 0;
	}
	
}


/* ================================== /gallery ======================================== */

/* ================================== disco ======================================== */

.disco-box{
	margin-top: 10px;
	padding: 5px;
	background: #fefefe;
	border: 1px solid #ddd;
	min-height: 205px;
	-webkit-transition: height 0.2s; /* Safari */
    transition: height 0.2s;
}

.disco-box h3{
	font-size: 17px;
}

.disco-box{
	 transition: transform .2s ease-in-out;	
}

.disco-box:hover{
	transform: scale(1.07);	
	
}



/* ================================== /disco ======================================== */
/* ================================== index ======================================== */

.landing{
	background:#fff;
}


/* ================================== /index ======================================== */
/* ================================== slider ======================================== */
.master-slider{
	position: absolute;
	top:0;
	left:0;	
	
}

.master-slider .ms-layer{
	font-family:'Poppins',verdana,arial;
}

.master-slider .ms-subtitle{
	font-size: 22px;
	color:#e5e5e5;	
}




/* ================================== /slider ======================================== */