.domine { font-family: "Domine", serif; font-optical-sizing: auto; font-style: normal;}
.montserrat { font-family: "Montserrat", sans-serif; font-optical-sizing: auto; font-style: normal;}
.playfair { font-family: "Playfair", serif; font-optical-sizing: auto; font-style: normal; font-variation-settings: "wdth" 100;}


/* ALL */
BODY { position:relative; margin:0px; background:#0b1116;}
H1 { position:relative; display:block; width:360px; margin:-160px 0px 80px 0px; padding:10px 0px; font-family: "Playfair", serif; font-size:48px; line-height:48px; font-weight:500; text-align:center; color:#fff;  background-color:#0b1116; border:3px solid; border-image: linear-gradient(21deg, rgb(249, 32, 86) 38%, rgb(0, 222, 255) 65%) 1; z-index:8;}
H2 { display:block; margin:0px 0px 20px -3px; font-family: "Playfair", serif; font-size:36px; font-weight:500; color:#e53c5a; }
H3 { display:block; margin:0px 0px 20px 0px; font-family: "Playfair", serif; font-size:24px; font-weight:500; color:#fff; text-align:center;}

HEADER { position:fixed; bottom:50px; left:50%; width:360px; margin:0px 0px 0px -180px; background:#1b252f; border-radius:10px; z-index:9;}
HEADER NAV { display:block; margin:0px; padding:0px;}
HEADER NAV UL { display:flex; margin:0px; padding:0px; list-style:none; text-align:center;}
HEADER NAV UL LI { display:inline-block; width:72px; margin:0px 0px 0px 0px; padding:0px; vertical-align:top;}
HEADER NAV UL LI A { display:block; margin:0px; padding:15px;}
HEADER NAV UL LI A IMG { display:block; width:100%; margin:0px auto;}
HEADER NAV UL LI A.active { display:block; margin:0px 0px 0px 0px; background:#e53c5a; border-radius:10px;}
HEADER NAV UL LI a img { width: 30px; height: 30px; opacity: 0.7; transition: transform 0.3s ease, opacity 0.3s ease, filter 0.3s ease;}
HEADER NAV UL LI a.active img { opacity: 1; filter: drop-shadow(0 0 4px #fff);}
HEADER NAV UL LI a.clicked img { transform: scale(1.2);}

.intro { position:relative; display:block; width:100%; height:650px; z-index:5; overflow:hidden;}
.intro IMG { display:block; width:100%;}

FOOTER { position:relative; width:100%; padding:60px 0px 160px 0px; background-color:#050505;}
FOOTER .odkazy { display:flex; width:360px; margin:0px auto;}
FOOTER .odkazy A { flex:1; position:relative; margin:0px 10px; padding:15px 0px; font-family: "Montserrat", serif; font-size:10px; line-height:10px; font-weight:500; text-transform:uppercase; text-decoration:none; text-align:center; color:#fff;  background-color:#0b1116; border:3px solid; border-image: linear-gradient(21deg, rgb(249, 32, 86) 38%, rgb(0, 222, 255) 65%) 1; z-index:8;}
FOOTER .odkazy A:hover, FOOTER .odkazy A:focus { background-color:rgb(249, 32, 86);}
FOOTER .copy { display:block; width:360px; margin:0px auto; text-align:center;}
FOOTER .copy P { display:inline-block; margin:20px 0px 5px 0px; font-family: "Montserrat", sans-serif; font-size:12px; color:#fff; text-align:center;}
FOOTER .copy A { display:inline-block; margin:0px 0px 0px 0px; font-family: "Montserrat", sans-serif; font-size:12px; color:#e53c5a; text-align:center; text-decoration:none;}

.telo { display:block; width:360px; margin:0px auto; padding:120px 0px 80px 0px;} 
.telo UL { display:block; margin:0px 0px 40px 0px; padding:0px; list-style:none;}
.telo UL LI { display:block; margin:0px; padding:10px 0px; font-family: "Montserrat", sans-serif; font-size:14px; font-weight:400; color:#fff; border-bottom:1px solid #1b252f;}
.telo UL LI I { font-size:10px;}
.telo UL LI SPAN { display:inline-block; float:right; margin:0px 0px 0px 20px; font-size:12px;}
.telo UL LI SPAN:first-of-type { font-size:14px; font-weight:500;}
.telo UL LI SPAN:last-of-type { padding:3px 0px 0px 0px;}


/* HOME */
.content { display:block; width:100%; margin:0px auto;}
.content .banner-1 { position:relative; display:block; width:100%; height:150px; background:url(../img/banner-back-01.jpg); background-repeat: no-repeat; background-size: 100% auto; background-position: bottom; text-align:left; opacity:0.5; z-index:5;}
.content .banner-2 { position:relative; display:block; width:100%; height:150px; background:url(../img/banner-back-02.jpg); background-repeat: no-repeat; background-size: 100% auto; background-position: bottom; text-align:left; opacity:0.5; z-index:5;}
.content .banner-3 { position:relative; display:block; width:100%; height:150px; background:url(../img/banner-back-03.jpg); background-repeat: no-repeat; background-size: 100% auto; background-position: bottom; text-align:left; opacity:0.5; z-index:5;}

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