@font-face{
	font-family: 'Bebas Neue Pro';
	src: url('../font/BebasNeuePro-Regular.ttf');
	src: url('../font/BebasNeuePro-Regular.otf') format('otf'), url('../font/BebasNeuePro-Regular.woff') format('woff'), url('../font/BebasNeuePro-Regular.ttf') format('truetype');
	font-weight: normal; font-style: normal;
}
@font-face{
	font-family: 'Bebas Neue Pro';
	src: url('../font/BebasNeuePro-Bold.ttf');
	src: url('../font/BebasNeuePro-Bold.otf') format('otf'), url('../font/BebasNeuePro-Bold.woff') format('woff'), url('../font/BebasNeuePro-Bold.ttf') format('truetype');
	font-weight: bold; font-style: normal;
}
body {font-family: 'Bebas Neue Pro', Arial, sans-serif; color: #000000;}
h1, .h1, h2, .h2, h3, h3, h4, .h4, h5, .h5 {font-weight: 700;}
h1, .h1 {font-size: 4.3rem; margin-bottom: 0; line-height: 1;}
h2, .h2 {font-size: 3rem; text-transform: uppercase;}
h2 > span, .h2 > span {width: auto; display: inline-block; padding: 0 2rem;}
h3, .h3 {text-transform: uppercase;}
h4, .h4 {font-size: 2.1rem; margin: 0; position: relative; top: 0.5rem;}
.rose-line > span {position: relative;}
.rose-line > span > span {z-index: 99 !important; position: relative;}
.rose-line > span::before {content: ''; z-index: 50; position: absolute; top: 44.25%; width: 100%; height: 0.25rem; background-color: #E7C0B9; pointer-events: none; left: 0;}
p, .p {font-size: 1.3rem; line-height: 120%;}
p a, .p a {color: inherit; text-decoration: none; transition: all .15s ease-in-out; position: relative;}
p a::after {content: ''; transition: all .15s ease-in-out; position: absolute; left: 0; top: 100%; width: 100%; height: 0rem; background-color: #000; pointer-events: none;;}
p a:hover::after, p a:active::after, p a:focus::after, .p a:hover::after, .p a:active::after, .p a:focus::after {height: 0.125rem;}
nav {font-family: 'Montserrat', Arial, sans-serif;}
.nav-link, .nav-item {color: #000000; padding-left: 0.7rem; padding-right: 0.7rem;}
.nav-link {position: relative;}
.nav-link:after {content: ''; transition: all .15s ease-in-out; position: absolute; left: 0; top: 100%; width: 100%; height: 0rem; background-color: #D08779; pointer-events: none;}
.nav-link:hover::after, .nav-link:active::after, .nav-link:focus::after {height: 0.3rem;}
.navbar-toggler-icon {background-image: url('../img/hamburger.svg');}
header {height: 100vh;}
header .container {height: 100vh; background-image: url('../img/header.jpg'); background-size: 100% auto; background-position: top center; background-repeat: no-repeat;}
footer .container {background-image: url('../img/footer.jpg'); background-size: contain; background-position: bottom center; background-repeat: no-repeat;}
.spacer {height: 16.5rem;}
.logo {width: 33rem; margin-right: 2.5rem; margin-bottom: 1rem;}
.logoNav {width: 8rem;}
.arrow {width: 1.2rem; padding-top: 1.5rem; padding-bottom: 0.8rem;}
.logo, .arrow, .rolling, .terezin {transition: opacity .15s ease-in-out;}
.logo:hover, .logo:active, .logo:focus, .arrow:hover, .arrow:active, .arrow:focus, .rolling:hover, .rolling:active, .rolling:focus, .terezin:hover, .terezin:active, .terezin:focus {opacity: .75;}
.btn {font-size: 2.1rem; border-radius: 0; padding: 0rem 2rem; border: none;}
.btn-primary {color: #ffffff; background-color: #000000;}
.frame {color: #ffffff; background-color: #000000; font-size: 1.8rem; padding: 0rem 2rem; border: none;}
.frame a {color: inherit; text-decoration: none; transition: all .15s ease-in-out; position: relative; text-align: center;}
.frame a::after {content: ''; transition: all .15s ease-in-out; position: absolute; left: 0; top: 100%; width: 100%; height: 0rem; background-color: #fff; pointer-events: none;;}
.frame a:hover::after, .frame a:active::after, .frame a:focus::after {height: 0.125rem;}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus, .btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active {background-color: rgba(33, 37, 41, 0.75);}
.rose {background-color: #E7C0B9; background-image: url('../img/rose.jpg'); background-repeat: no-repeat; background-size: cover; background-position: center top;}
.vystupujici {position: relative; height: 17rem; width: 100%; background-size: cover; }
.nemocnice {background-image: url('../img/nem-1.jpg');}
.nemocnice-2 {background-image: url('../img/nem-2.jpg');}
.oldstars {background-image: url('../img/2026/oldstars.jpg');}
.stetl {background-image: url('../img/2026/stetl.jpg');}
.sevruk {background-image: url('../img/2026/sevruk.jpg');}
.rolling1 {background-image: url('../img/rolling1.jpg');}
.vystupujici::before{content: ''; position: absolute; transition: all 2s; height: 100%; right: 0; top: 0; left: 0; background-image: url('../img/rose.jpg'); opacity: .8;}
.vystupujici:hover::before, .vystupujici:active::before, .vystupujici:focus::before {opacity: 0;}
.social {display: flex; flex-direction: column; width: 3rem; position: absolute; right: 0;}
.terezin {width: 5rem; margin: auto;}
.rolling {width: 8rem; margin: auto;}
.anchor{display: block; height: 150px; margin-top: -150px; visibility: hidden;}
.youtube, .instagram, .facebook {width: 48px; height: 48px; background-position: center; background-repeat: no-repeat; background-size: cover; transition: all .15s}
.youtube {background-image: url('../img/yout.svg');}
.youtube:hover, .youtube:active, .youtube:focus {background-image: url('../img/yout-active.svg') !important;}
.instagram {background-image: url('../img/insta.svg');}
.instagram:hover, .instagram:active, .instagram:focus {background-image: url('../img/insta-active.svg') !important;}
.facebook {background-image: url('../img/fcb.svg');}
.facebook:hover, .facebook:active, .facebook:focus {background-image: url('../img/fcb-active.svg') !important;}
.thumb-link {width: auto !important;}
.thumb {margin: 0.5rem; width: 7rem;}
@media (max-width: 1400px) {
	.spacer {height: 14.3rem;}
	.logo {width: 28rem;}
	.nav-link, .nav-item {color: #000000; padding-left: 0.5rem; padding-right: 0.5rem;}
	h1, .h1 {}
	h4, .h4 {}
}
@media (max-width: 1200px) {
	.spacer {height: 12.3rem;}
	.logo {width: 23rem;}
	.nav-link, .nav-item {color: #000000; padding-left: 0.3rem; padding-right: 0.3rem;}
	h1, .h1 {}
	h4, .h4 {}
	.nav-link, .nav-item {padding-left: 0rem; padding-right: 0rem;}
}
@media (max-width: 1000px) {
	header {background-image: url('../img/header.jpg'); background-size: auto 70%; background-position: 20% -20%; background-repeat: no-repeat;}
	header .container {background: transparent;}
	footer {background-image: url('../img/footer.jpg'); background-size: auto 70%; background-position: bottom center; background-repeat: no-repeat;}
	footer .container {background: transparent;}
	.spacer {height: 12.3rem;}
	.logo {width: 23rem;}
	h1, .h1 {font-size: 3rem; margin-bottom: 0.5rem;}
	h4, .h4 {font-size: 2rem; top: 0;}
	.nobreak {display: none;}
	.social {position: relative; flex-direction: row; justify-content: space-around; align-items: center; width: 100%;}
	.social img {width: 4rem; margin: 0 1rem;}
}
@media (max-width: 990px) {
	.navbar-collapse {background-color: rgba(255,255,255,.75); margin-top: 1rem;}
	.nav-link:after {display: none;}
	.nav-link, .nav-item {padding-left: 0.3rem; padding-right: 0.3rem;}
}
@media (max-width: 768px) {
	header {background-size: auto 80%;  background-position: 35% -50%;}
}