/*
main CSS
bootsrap boiler
Tomáš Sychra | www.zpecter.com
*/


/*----------------------*/
/*----------------------*/
/*   BODY               */
/*----------------------*/
/*----------------------*/
html{
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	font-size:16px;
}
body{
	width:100%;
	height:auto;
	margin:0;
	padding:0 0 70px 0;
	position:relative;
	font-family: 'Roboto', sans-serif;
	font-weight:300;
	font-size:.98rem;
	color:rgb(20, 20, 20);	
}



/*--- --- responsive part --- ---*/
/*--- --- --------------- --- ---*/
@media (max-width: 767px) {

	body{
		padding-bottom:0;
	}

}
@media (min-width: 768px) {}

@media (max-width: 991px) {}
@media (min-width: 992px) {}

@media (max-width: 1199px) {}
@media (min-width: 1200px) {}
/*--- --- --------------- --- ---*/
/*--- --- --------------- --- ---*/
.flex-align-center{
	display:flex;
	align-items:center;
	justify-content:center;
}
.browser-ie .flex-align-center{
	height:100%;
	display:block;
	align-items:stretch;
	justify-content:flex-start;
}
.browser-ie .section-claim .flex-align-center > .container{
	position:relative;
	top:25vh;
}
.main{display:block;}
.wrapper-main{
	width:100%;
	height:auto;
	margin:0;
	padding:0;
	position:relative;
	overflow-x:hidden;
}
.section{
	width:100%;
	height:auto;
	margin:0;
	padding:0;
	display:block;
	position:relative;
	z-index:75;
}
.section .section-background-cover{
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	position:absolute;
	z-index:27;
	top:0;
	left:0;
	background:rgba(0, 97, 49, .75);
	-moz-box-shadow:inset 0 100px 250px 75px rgba(0, 97, 49, .75);
	-webkit-box-shadow:inset 0 100px 250px 75px rgba(0, 97, 49, .75);
	box-shadow:inset 0 100px 250px 75px rgba(0, 97, 49, .75);
}
.section .section-background-image{
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	position:absolute;
	z-index:25;
	top:0;
	left:0;
	background-position:center top;
	background-repeat:no-repeat;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
}
.section .section-inner{
	width:100%;
	height:100%;
	margin:0;
	padding:75px 0;
	position:relative;
	z-index:30;
}
.page-fixed-header .section .section-inner{
	padding-top:100px;
}
.section .section-inner .container{}
.section .section-inner .container .row{}
.section .section-inner .container .row .col{}
.section .section-inner .container .title-claim{
	margin:0;
	padding:0;
	font-family: 'Roboto Condensed', sans-serif;
	font-size:3rem;
	font-weight:300;
	text-transform:uppercase;
	line-height:1.15;
}
.section .section-inner .container .title-claim b{
	font-weight:700;
}
.section .section-inner .container p{}
.section .section-inner .container .btn-primary{
	margin-top:50px;
	padding:10px 15px;
	font-weight:400;
	background:transparent;
	color:rgb(230, 230, 230);
	border:2px solid rgba(250, 250, 250, .75);
}
.section .section-inner .container .btn-primary:hover,
.section .section-inner .container .btn-primary:focus{
	background:transparent;
	color:rgb(250, 250, 250);
	border:2px solid rgba(250, 250, 250, 1);
}


/*==============================================*/
/*     HEADER                                   */
/*==============================================*/
.header{
	width:100%;
	height:50px;
	margin:0;
	padding:0;
	background:rgb(0, 97, 49);
}
.header-inner{}
.page-fixed-header .header{
	position:fixed;
	z-index:100;
	top:0;
	left:0;
}
.navbar{
	border:0;
}
.icon-bar{
	background:rgb(240, 240, 240);
}
.navbar-brand{
    padding-top:0;
}
.navbar-brand:hover{
    background:rgba(23, 34, 29, .5);
}
.navbar-brand:focus{
    background:transparent;
}
.navbar-brand > img{
	width:auto;
	max-height:50px;
	margin:0;
}
.navbar-brand > .logo-text{
    width:auto;
    max-height:50px;
    margin:0;
    padding:0;
    display:block;

    font-size:1.25rem;
    font-weight:700;
    line-height:50px;
    color:rgb(250, 250, 250);
}
.navbar-brand:hover > .logo-text,
.navbar-brand:focus > .logo-text{
    color:rgb(255, 255, 255);
}

.navbar-nav{}
.navbar-nav > li{}
.navbar-nav > li > a{
	font-weight:400;
	color:rgb(240, 240, 240);
}
.navbar-nav > li > a:hover,
.navbar-nav > li > a:focus{
	color:rgb(250, 250, 250);
	background:rgba(23, 34, 29, .25);
}
.navbar-nav > .active > a,
.navbar-nav > .active > a:hover,
.navbar-nav > .active > a:focus{
	background:rgba(23, 34, 29, .5);
}
.navbar-collapse{}

/*--- --- responsive part --- ---*/
/*--- --- --------------- --- ---*/
@media (max-width: 991px) {

	.navbar-collapse{
		background:rgb(220, 220, 220);
	}
	.navbar-collapse .navbar-nav > li > a{
		font-weight:400;
		color:rgb(23, 34, 29);
	}
	.navbar-collapse .navbar-nav > li > a:hover,
	.navbar-collapse .navbar-nav > li > a:focus{
		color:rgb(250, 250, 250);
		background:rgba(23, 34, 29, .15);
	}

}
@media (min-width: 768px) {}
@media (max-width: 991px) {}
@media (min-width: 992px) {}
@media (max-width: 1199px) {}
@media (min-width: 1200px) {}
/*--- --- --------------- --- ---*/
/*--- --- --------------- --- ---*/

/*==============================================*/
/*               TYPOGRAFIE                     */
/*==============================================*/



/*==============================================*/
/*     SECTION: claim                           */
/*==============================================*/
.section-claim{
	min-height:100vh;
}
.section-claim .section-background-image{
	background-image:url(../img/darkov_bck_b.jpg);
}
.section-claim .section-inner .container .title-claim{
	font-size:2.25rem;
	color:rgba(250, 250, 250, .85);
}
.section-claim .section-inner .container .title-claim b{
	 color:rgb(250, 250, 250);
}
.section-claim .section-outer{
	width:100%;
	min-height:100vh;
	display:table;
}
.section-claim .section-inner{
	width:100%;
	height:100vh;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}
.section-claim .section-inner .container p{
	padding-top:30px;
	color:rgb(250, 250, 250);
}


/*==============================================*/
/*     SECTION: about                           */
/*==============================================*/
.section-light{
	background:rgb(240, 240, 240);
}
.section-light .section-inner .container .title-claim{
	color:rgba(75, 75, 75, .85);
}
.section-light .section-inner .container .title-claim b{
	 color:rgb(75, 75, 75);
 }
.section-light .section-inner .container p{
	padding-top:30px;
	color:rgb(25, 25, 25);
}
.section .section-inner .container .h3 + p,
.section .section-inner .container h3 + p,
.section .section-inner .container .h4 + p, 
.section .section-inner .container h4 + p{
	padding-top: 0;
}


/*==============================================*/
/*     SECTION: predstavenstvo                         */
/*==============================================*/
.section-dark{
	background:rgb(200, 200, 200);
}
.section-dark h1,
.section-dark h2,
.section-dark h3,
.section-dark h4,
.section-dark h5{
	color: rgb(250, 250, 250, 0.85);
}
.section-dark p, .section-dark.li{
	color: rgb(250, 250, 250);
}
.thumbnail .caption h4{
	margin:0;
	padding:0;
	font-size:1.05rem;
	font-weight:500;
}
.section .section-inner .thumbnail .caption p{
	padding-top:0;

}
	

.thumbnail{
	width:22%;
	margin:0 1% 2% 1%;
	padding:0;
	display:inline-block;
	background:transparent;
	border:1px solid transparent;
	box-sizing:border-box;
}
.thumbnail .thumbnail-inner{
	width:100%;
	height:auto;
	margin:0;
	padding:15px 20px;
	position:relative;
}
.thumbnail .thumbnail-image{
	width:100%;
	height:170px;
	margin:0;
	padding:0;
	position:relative;
	z-index:30;
	text-align:center;
}
.thumbnail .thumbnail-image .image-canvas{
	width:150px;
	height:150px;
	margin:0;
	padding:0;
	display:inline-block;
	position:absolute;
	top:0;
	left:calc(50% - 75px);
	z-index:35;
	overflow:hidden;
	-webkit-border-radius: 250px;
	-moz-border-radius: 250px;
	border-radius: 250px;
}
.thumbnail .thumbnail-image .image-canvas > img{
	width:100%;
	height:auto;
	margin:0;
	padding:0;
	display:inline;
	position:absolute;
	z-index:35;
	top:0;
	left:0;
}
.thumbnail .caption{
	width:100%;
}
.section-mm .thumbnail .caption h4{
	margin:0;
	padding:0;
	font-size:1.05rem;
	font-weight:500;
	color:rgb(75, 75, 75);
}
.section-mm .thumbnail .caption p{
	color:rgb(100, 100, 100);
}
.title-section{
	margin:0;
	padding:30px 0 0 0;
	text-transform:uppercase;
	font-weight:200;
	color:rgb(100, 100, 100);
}



/*==============================================*/
/*     SECTION: subject                         */
/*==============================================*/
.section-subject{
	background:rgb(200, 200, 200);
}
.section-subject .section-inner .container .title-claim{
	color:rgba(250, 250, 250, .85);
}
.section-subject .section-inner .container .title-claim b{
	color:rgb(250, 250, 250);
}
.section-subject .section-inner .container p{
	color:rgb(250, 250, 250);
}
.section-subject .section-inner .container .title-claim + p{
	padding-top:10px;
}
.section-subject .section-inner .container ul{
	margin:0;
	padding:5px 10px 15px 25px;
	line-height:1.4;
}
.section-subject .section-inner .container ul > li{
	margin:0;
	padding:0;
	color:rgb(250, 250, 250);
}


/*==============================================*/
/*     SECTION: organs                          */
/*==============================================*/
.section-light{ /*organs, about*/
	background:rgb(240, 240, 240);
}
.innersection{
	padding-top:30px;
	padding-bottom:20px;
	display:flex;
	align-items:center;
	justify-content:center;
}

.inner-margin{
	margin-bottom: 50px;
}


.innersection-predstavenstvo{}
.innersection-dozorcirada{}
.thumbnail{
	width:22%;
	margin:0 1% 0 1%;
	padding:0;
	display:inline-block;
	background:transparent;
	border:1px solid transparent;
	box-sizing:border-box;
}
.thumbnail .thumbnail-inner{
	width:100%;
	height:auto;
	margin:0;
	padding:15px 20px;
	position:relative;
}
.thumbnail .thumbnail-image{
	width:100%;
	height:170px;
	margin:0;
	padding:0;
	position:relative;
	z-index:30;
	text-align:center;
}
.thumbnail .thumbnail-image .image-canvas{
	width:150px;
	height:150px;
	margin:0;
	padding:0;
	display:inline-block;
	position:absolute;
	top:0;
	left:calc(50% - 75px);
	z-index:35;
	overflow:hidden;
	-webkit-border-radius: 250px;
	-moz-border-radius: 250px;
	border-radius: 250px;
}
.thumbnail .thumbnail-image .image-canvas > img{
	width:100%;
	height:auto;
	margin:0;
	padding:0;
	display:inline;
	position:absolute;
	z-index:35;
	top:0;
	left:0;
}
.thumbnail .caption{
	width:100%;
}
.thumbnail .caption h4{
	margin:0;
	padding:0;
	font-size:1.05rem;
	font-weight:500;
}
.section-organs .caption h4{
	color:rgb(100, 100, 100);
}
.section-organs .thumbnail .caption p{
	color:rgb(100, 100, 100);
}
.title-section{
	margin:0;
	padding:30px 0 0 0;
	text-transform:uppercase;
	font-weight:200;
	color:rgb(100, 100, 100);
}


/* RESPONSIVE */
@media (max-width: 767px) {

	.section-organs .thumbnail{
		width:96%;
	}

}
@media (min-width: 768px) {}
@media (max-width: 991px) {

	.innersection-predstavenstvo,
	.innersection-dozorcirada{
		display:block;
	}

}
@media (min-width: 992px) {}
@media (max-width: 1199px) {}
@media (min-width: 1200px) {}
@media (min-width: 768px) and (max-width: 991px) {

	.section-organs .thumbnail{
		width:47%;
	}

}

/*==============================================*/
/*     SECTION: zprávy                       */
/*==============================================*/


.ico{
	width: 2rem;
	margin-right: 8px;
}

.zpravy{
	padding-top: 0px !important;
	margin-top: -60px !important;
}

@media only screen and (min-width: 992px) {
.col-md-12 {
    width: 50%;
	}
}



/*==============================================*/
/*     SECTION: contact                         */
/*==============================================*/
.section-contact{
	height:auto;
}
.section-contact .section-background-image{
	background-image:url(../img/darkov2_bck_b.jpg);
}
.section-contact .section-outer{
	width:100%;
	height:auto;
	display:table;
}
.section-contact .section-inner{
	width:100%;
	height:100%;
	padding:7% 0;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}
.section-contact .section-inner .container{

}
.section-contact .section-inner .container .title-claim{
	color:rgba(250, 250, 250, .85);
}
.section-contact .section-inner .container .title-claim b{
	color:rgb(250, 250, 250);
}
.section-contact .section-inner .container p,
.section-contact .section-inner .container address{
	color:rgb(250, 250, 250);
}
.section-contact .section-inner .container address strong{
	font-weight:500;
}
.section-contact .float-address{
	width:auto;
	margin-left:auto;
	margin-right:auto;
	padding-top:30px;
	font-size:1.1rem;
}
.browser-ie .section-contact .float-address{
	width:210px;
	margin:0 auto;
}

/*==============================================*/
/*     FOOTER                                   */
/*==============================================*/
.footer{
	width:100%;
	height:auto;
	margin:0;
	padding:0;
	display:block;
	position:fixed;
	z-index:10;
	bottom:0;
	left:0;
	clear:both;
	background:rgb(23, 34, 29);
}
.footer-inner{
	width:100%;
	height:auto;
	margin:0;
	padding:30px 0;
}
.footer-inner p{
	margin:0;
	padding:0;
	font-size:.8rem;
	font-weight:300;
	color:rgb(150, 150, 150);
}
.footer-inner p a{
	font-size:inherit;
	color:rgb(200, 200, 200);
}

/*--- --- responsive part --- ---*/
/*--- --- --------------- --- ---*/
@media (max-width: 991px) {
	.section .section-inner .container .title-claim {
		font-size:2.25rem;
	}
	.section .section-inner .container .btn-primary{
		width:100%;
	}
}
@media (max-width: 767px) {
	.footer{
		position:relative;
	}
}
@media (max-width: 479px) {}
@media (min-width: 768px) {}
@media (min-width: 992px) {}
@media (min-width: 1200px) {}
/*--- --- --------------- --- ---*/
/*--- --- --------------- --- ---*/