*, html { margin:0; padding:0; }
.clearfix:after, .jt_row:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix, .jt_row {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix, * html .jt_row {height: 1%;}
.clearfix, .jt_row {display: block;}
/* End hide from IE-mac */
/* END FIXES */

@font-face {
	font-family: 'Hradec-Bold';
	src:url('Hradec-Bold.woff') format('woff'),
	url('Hradec-Bold.woff2') format('woff2'),
	url('Hradec-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Hradec-Regular';
	src:url('Hradec-Regular.woff') format('woff'),
	url('Hradec-Regular.woff2') format('woff2'),
	url('Hradec-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
} 


 @font-face {
    font-family: 'Source Serif Pro Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Source Serif Pro Regular'), url('SourceSerifPro-Regular.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Source Serif Pro ExtraLight';
    font-style: normal;
    font-weight: normal;
    src: local('Source Serif Pro ExtraLight'), url('SourceSerifPro-ExtraLight.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Source Serif Pro Light';
    font-style: normal;
    font-weight: normal;
    src: local('Source Serif Pro Light'), url('SourceSerifPro-Light.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Source Serif Pro SemiBold';
    font-style: normal;
    font-weight: normal;
    src: local('Source Serif Pro SemiBold'), url('SourceSerifPro-SemiBold.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Source Serif Pro Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Source Serif Pro Bold'), url('SourceSerifPro-Bold.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Source Serif Pro Black';
    font-style: normal;
    font-weight: normal;
    src: local('Source Serif Pro Black'), url('SourceSerifPro-Black.woff') format('woff');
    }


body {
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	-moz-osx-font-smoothing: grayscale;
	 background-color: #ffffff;
font-family: "Hradec-Bold",Verdana;
color:#000000;
  display: flex;
  flex-direction: column;
  /*height: 100vh;*/
}

.contentPage{
  flex-basis: auto;
  flex-grow: 1;
  flex-shrink: 0;
  
    width: 100%;
background-image: url(../../../images/foto_1_uvodni.jpg);
  background-size: cover !important;
  /*background-size: 100% 100%;*/
  background-position: center !important;
  background-repeat: no-repeat !important;
  height: 1164px;
  transition: 1s ease all;
  
}
.container{width:1600px;max-width:1600px;--bs-gutter-x: 0;}

.inputColorBlue{color:red;}
.text-right{text-align: right;}
.float-right{float:right;}
.float-left{float:left;}


#header {width:100%;height:178px;background: transparent;}
#header.headermenu{height: 243px;} 
#header .headerTop{background: url(../../../images/800let/korunky_bile.svg) 0 20px  no-repeat;}
#header .headerText{font-size: 16px;line-height: 16px;font-weight: 400;padding-top:127px;text-align: left;margin-bottom:0;}
#header .topklik{position: absolute;width: 80%;height: 100px;}

#header .btn-social img{margin-top:30px;}	
#header .btn-social1 {padding-left:7px;}	

.isHeader{display: none;height: 100px;}
/*#endHeader{height: 243px;}*/
.width100,.full-width{width:100%;}
.stuck {/*margin-bottom: 0px;*/ padding-top:0px;padding-bottom: 0px;}

#isStuckH.animated{
	-webkit-animation-duration: .5s;
	        animation-duration: .5s;
	-webkit-transition: opacity 0.15s ease-in-out;
	-o-transition: opacity 0.15s ease-in-out;
	transition: opacity 0.15s ease-in-out;border-bottom:1px solid rgb(0,0,0,0.5);
}


#isStuckH .topklik{position:absolute; width:80%; height:50px;}

#isStuckH .headerTop{background: url(../../../images/800let/top-pruh-mobil.png) 0 10px  repeat-x;}
#isStuckH .headerTop .headerText{display: none;}
#isStuckH .btn-social img{margin-top:60px; width:30px; height:30px;}	
#isStuckH .hledejPC{padding-top:25px;}



.padLeft90{padding-left:90px;}
.padLeft20{padding-left:75px;}
.padRight20{padding-right:80px;}

.img-responsive {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
}

.padLeft102{padding-left:0;}
.padRight102{padding-right:0;}
.span{padding-left:70px;}

/* clanek */
.breadcrumb {
    padding: 30px 0px 10px 0;
    margin-bottom: 10px;
    list-style: none;
    background-color: transparent;
    border-radius: 0px;
    font-size: 16px;
    text-align: left;
    font-family: 'Hradec-Regular';
    position: relative;
}
.breadcrumb li{position: relative;}
.breadcrumb li span{	color:#808080;padding-left:16px;}
.breadcrumb li:first-child span{	padding-left:1px;}
.breadcrumb li a span{color:#000000;padding-right: 0;}
.breadcrumb > .active {color: white;}
.breadcrumb > li + li::before {
    padding: 0 2px 0 4px;margin-left:0;
    color: #2c2929;
    position: absolute;
    bottom:5px;left:1px;
    content: "\25CF";font-size: 8px;
}
.breadcrumb li a{color:black;text-decoration:none;}
#podHeader{margin-top:0;position:  relative;text-align: center;}
#podHeader .podHeaderLR{font-size: 92px;line-height: 90px;font-weight: 400;text-align: center;position: absolute;top: 0;left: 50%;transform: translate(-50%, 80%);
margin:0 auto;
}
#podHeader h1{font-size: 92px;line-height:98px;color:white;padding-bottom:20px;text-wrap: nowrap;}

#clanek.homepage{padding:185px 0 190px 0;width: 100%;
background-image: url(../../../images/800let/foto_2.jpg);
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  transition: 1s ease all;
  color:white;	
  font-family: 'Hradec-Regular';
  position: relative;
}

#clanek h1{padding-bottom:20px;}	
#clanek h2{font-size: 60px;line-height: 64px;}
#clanek .textUvodCov{padding-left:50px;}
#clanek .textUvod{font-size: 30px;padding-top:10px;line-height:40px;}


#back-top:hover {background-color: rgba(0,0,0,.8);}
#back-top {
  display: none;
  opacity: 0;
  position: fixed;
  right: 20px;
  bottom: 20px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  background-color: rgba(0,0,0,.4);
  color: #fff;
  font-size: 18px;
  cursor: pointer;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  text-align: center;
  z-index: 100;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.kola{}
.kolo1{}
.kolo2{background: white;border-radius: 303px;width:303px;height:303px;position: absolute;transform: translate(-50%, -112%);left:50%;}
.kolo3{}
.kolo3:before {
  background: white;
  position: absolute;
  content: "";
  left: 0;
  top:-151.5px;
  width: 151.5px;
  height: 303px;
  border-radius: 0 151.5px 151.5px 0;
}
.kolo3:after {
  background: white;
  position: absolute;
  content: "";
  right: 0;
  top:-151.5px;
  width: 151.5px;
  height: 303px;
  border-radius: 151.5px 0 0 151.5px;
}
/* galerie */
#program{padding:125px 0 125px 0;width: 100%;}
#program .textGalCon{padding: 40px 0 0 40px;}
#program .textGalCon h2{font-size: 60px;line-height: 64px;font-family: 'Hradec-Regular';}
#program .textGalCon .textGal{padding:10px 0 0 0;font-size: 30px; line-height: 44px;font-family: 'Hradec-Regular';}
#grid .thumbnail-overlay{border: 2px solid black;}
/* konec galerie */
/* historie */
#historie{padding:185px 0 190px 0;width: 100%;
background-image: url(../../../images/foto_3_2.jpg);
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  transition: 1s ease all;
  color:white;	
  font-family: 'Hradec-Regular';
  position: relative;
}
#historie h2{font-size: 60px;line-height: 64px;}
#historie .textHisCov{padding-left:50px;}
#historie .textHis{font-size: 30px;padding-top:10px;line-height:40px;}

/* konec historie */
/* footer */

#footer{margin-top:0;background-color: #fff;color:black;flex: none;padding:80px 0 20px 0;}
#footer .korunkyFoot{background: url(../../../images/korunky_cerne.svg) 0 10px  repeat-x;height:68px;width:100%;}
#footer a{color:#000000;text-decoration: underline;}
#footer a:hover{color:silver;}
#footer a[href^="tel:"] {text-decoration:none;}
#footer .logoFoCon{text-align: left;}
#footer .logoFo{width:200px;height:auto;margin-top:45px;margin-left:10px;}
#footer h2{font-size: 60px;line-height: 64px;font-family: 'Hradec-Regular';}
#footer .textFootCov{padding-left:10px;font-family: 'Hradec-Regular';}
#footer .textFootCov1{padding-left:50px !important;}
#footer .textFootCov3{padding-left:20px !important;}
#footer .textFoot{font-size: 22px;padding-top:10px;font-family: 'Hradec-Regular';line-height:32px;}
#footer .textFBCo{font-size: 16px;font-family: 'Hradec-Regular';line-height:20px;margin-top:50px;padding-left:20px;}
#footer .text15{font-size: 14px;font-family: 'Hradec-Regular';line-height:20px;}
#footer .footContent{padding:120px 0 0 0;}
/* end footer */


/* Responsive */
@media only screen and (max-width : 1870px) {
}

@media only screen and (max-width : 1750px) {}

@media only screen and (max-width : 1650px) {
.container{width:95%;max-width:95%;}
}

@media only screen and (max-width : 1560px) {}

@media only screen and (max-width : 1490px) {
#footer .textFoot{font-size: 20px;padding-top:10px;font-family: 'Hradec-Regular';line-height:30px;}
}

@media only screen and (max-width : 1409px) {}

@media only screen and (max-width : 1260px) {}

@media only screen and (max-width : 1180px) {
#program .textGalCon {padding: 10px 0 0 40px;}
#program .textGalCon .textGal{font-size: 20px; line-height: 34px;}
#footer .textFootCov3{padding-top:40px !important;}
}

@media only screen and (max-width : 1090px) {
#podHeader .podHeaderRB{margin-top:20px;}
#podHeader h1{font-size: 82px;line-height:88px;color:white;padding-bottom:20px;text-wrap: nowrap;}
#clanek .textUvod{font-size: 20px;padding-top:10px;line-height:30px;}
#historie .textHis{font-size: 20px;padding-top:10px;line-height:30px;}
#footer .textFootCov{padding-left:50px;}
#footer .textFootCov3{padding-top:20px !important;padding-left:50px !important;}
#footer .logoFo {margin-top: 45px;margin-bottom: 40px;}
.kolo2{background: white;border-radius: 203px;width:203px;height:203px;position: absolute;transform: translate(-50%, -142%);left:50%;}
.kolo3{}
.kolo3:before {
  background: white;
  position: absolute;
  content: "";
  left: 0;
  top:-102px;
  width: 101.5px;
  height: 203px;
  border-radius: 0 251.5px 251.5px 0;
}
.kolo3:after {
  background: white;
  position: absolute;
  content: "";
  right: 0;
  top:-102px;
  width: 101.5px;
  height: 203px;
  border-radius: 251.5px 0 0 251.5px;
}



}

@media only screen and (max-width : 1072px) {
.padLeft90{padding-left:0;}
}

@media only screen and (max-width : 990px) {
#podHeader h1{font-size: 62px;line-height:68px;color:white;padding-bottom:20px;text-wrap: nowrap;}
#header .btn-social img{width:25px;height:25px;}
#isStuckH .btn-social img {width: 25px;height: 25px;}
#header .btn-social img {margin-top: 40px;}
#isStuckH .btn-social img {margin-top: 60px;}
}


@media only screen and (max-width : 770px) {
#podHeader h1{font-size: 62px;line-height:68px;color:white;padding-bottom:20px;text-wrap: wrap;}
#header {height:94px;}
.isHeader{height: 94px;}
#isStuckH .headerTop .headerText{display: block;}
.isHeader{height: 94px;}
#historie .textHisCov {padding-left: 10px;}
#clanek .textUvodCov{padding-left:10px;}
#program .textGalCon {padding: 40px 0 0 10px;}
#footer .footContent {padding: 80px 0 0 0;}
#footer .textFootCov1 {padding-left: 10px !important;}
#footer .textFootCov {padding-left: 10px;}
#footer .textFootCov3 {padding-left: 10px !important;}
#footer .korunkyFoot{background: url(../../../images/800let/top-pruh-mobil.png) 0 10px  repeat-x;}
#footer .textFoot {font-size: 18px;line-height: 24px;}
#clanek.homepage,#historie{padding-top:165px;}
#podHeader .podHeaderLR {transform: translate(-50%, 50%);}
.contentPage{width:100%;height:800px;}


#header .headerTop{background: url(../../../images/korunky_bile.svg) 0 10px  repeat-x; width:100%;height:62px;}
#isStuckH .headerTop{background: url(../../../images/korunky_cerne.svg) 0 10px  repeat-x; width:100%;height:62px;}

#header .topklik{position:absolute; width:90%; height:50px;}
#header .headerText{font-size: 12px;line-height: 16px;padding-top:70px;}
#podHeader{margin-top:38px;padding-bottom:30px;}
.pcAkce{display: none;}
.col-md-2akd{display: none;padding-bottom:0;}

#header.headermenu {border-bottom:none;height:74px;}
.conDetakceTop {margin-top:20px;}
.buttnNadpis{width:100%;}
.filterDen .buttDen1{padding-left:0;}

.kolo2{background: white;border-radius: 103px;width:103px;height:103px;position: absolute;transform: translate(-50%, -212%);left:50%;}
.kolo3{}
.kolo3:before {
  background: white;
  position: absolute;
  content: "";
  left: 0;
  top:-53px;
  width: 52.5px;
  height: 103px;
  border-radius: 0 151.5px 151.5px 0;
}
.kolo3:after {
  background: white;
  position: absolute;
  content: "";
  right: 0;
  top:-53px;
  width: 52.5px;
  height: 103px;
  border-radius: 151.5px 0 0 151.5px;
}

}

@media only screen and (max-width : 568px) {
}


@media only screen and (max-width : 502px) {

}
@media only screen and (max-width : 440px) {
.row {--bs-gutter-x: 0;}
}
@media only screen and (max-width : 430px) {
}

@media only screen and (max-width : 390px) {
#historie h2,#clanek.homepage h2,#program h2,#footer h2,#program .textGalCon h2{font-size: 40px;line-height: 44px;}
#podHeader h1{font-size: 42px;line-height:48px;color:white;padding-bottom:20px;text-wrap: wrap;}
#footer .textFoot {font-size: 12px;line-height: 20px;}
}

