@font-face {
  font-family: 'Notera'; /* Zvol si libovolný název pro svůj font */
  src: url('../font/Notera-regular.ttf') format('ttf');
  font-weight: normal; /* Nebo 400 */
  font-style: normal;
  font-display: swap; /* Doporučeno pro optimalizaci načítání */
}

@font-face {
  font-family: 'Notera'; /* Zvol si libovolný název pro svůj font */
  src: url('../font/Notera-regular.ttf') format('ttf');
  font-weight: normal; /* Nebo 400 */
  font-style: normal;
  font-display: swap; /* Doporučeno pro optimalizaci načítání */
}

body {

}
a.btn {
cursor: pointer;
}
a.btn:active {
border: none;
}

/* B1 */
.b1 {
background:  url(image/fotka-salon_01.png) scroll center top no-repeat;
background-size: cover;
text-align: center;
min-height: 900px;
color: #FFF;
}
.b1 h1 {
font-size: 20pt;
padding: 60px 10px;
font-family: arial;
Font-weight: normal;
}
.b1 h2 {
font-size: 70pt;
padding: 40px 10px;
font-family: Times New Roman;
}

.b1 h3 {
font-size: 23pt;
font-style: italic;
padding: 40px 10px;
font-family: Times New Roman;
}
.b1 p {
font-size: 18pt;
padding: 30px 10px;
}
.b1 .btn {
font-size: 1em;
font-weight: bold;
color: #FFF;
//background: #ae8a2d;
border-radius: 40px;
padding: 15px 60px;
margin-bottom: 100px;
}

/* B2 */
.b2 {
background: #977640;
text-align: center;
background: #FFF url(image/fotka_02.jpg) center -620px no-repeat;
min-height: 1500px;
background-size: contain;
padding: 50px 10px;
padding-bottom: 70px;
}
.b2 h2 {
text-align: center;
color: #FFF;
font-size: 70pt;
font-family: Notera;
}
.b2 .bbox {
display: block;
background: #FFF;
border-radius: 20px;
text-align: center;
color: #8f2335;
padding: 40px;
margin: 60px 20px;
font-size: 16pt;
opacity: 0.85;
-webkit-box-shadow: 1px 1px 5px 0 #aaaaaa;
box-shadow: 1px 1px 5px 0 #aaaaaa;
}
.b2 .pt100 {
padding-top: 600px;
font-size: 18pt;
color: #8f2335;
}
.b2 a.btn {
font-size: 1em;
font-weight: bold;
color: #FFF;
//background: #ae8a2d;
border-radius: 40px;
padding: 15px 60px;
margin-bottom: 100px;
}
.b2 .vypln {
display: block;
height: 400px;
}
.b2 div img {
width: 100%;
padding: 30px;
}

/* B3 */
.b3 {
background: #aaa url(image/fotka-salon_05.jpg) center top no-repeat;
min-height: 1000px;
padding: 40px;
color: #FFF;
}
.b3 h2 {
font-size: 35pt;
font-family: Times New Roman;
margin-bottom: 100px;
margin-top: 50px;
}
.b3 ul li {
padding: 10px 10px;
padding-right: 30px;
font-size: 14pt;
}
.b3 .bbox {
display: block;
background: #FFF;
border-radius: 20px;
text-align: left;
color: #8f2335;
padding: 40px;
margin: 60px 20px;
font-size: 16pt;
opacity: 0.85;
-webkit-box-shadow: 1px 1px 5px 0 #aaaaaa;
box-shadow: 1px 1px 5px 0 #aaaaaa;
}

/* B4 */
.b4 {
background:  url(image/fotka-salon_06.jpg) center top no-repeat;
min-height: 1000px;
padding: 40px;
color: #FFF;
text-align: center;
}
.b4 h3 {
font-size: 26pt;
font-weight: normal;
margin-top: 20px;
padding: 30px 10px;
}
.b4 h4 {
font-size: 22pt;
padding: 30px 10px;
font-family: Times New Roman;
font-weight: normal;
}
.b4 h4 strong {
font-weight: bold;
}
.b4 a.btn {
font-size: 16pt;
font-weight: bold;
color: #FFF;
//background: #ae8a2d;
border-radius: 60px;
padding: 15px 60px;
margin-bottom: 100px;
}

/* B5 */
.b5 {
background:  url(image/fotka_07.jpg) center top no-repeat;
background-size: cover;
min-height: 900px;
padding: 40px;
text-align: center;
color: #8f2335;
}
.b5 h3,.b5 h2, .b5 h4 {
padding: 30px 0px;
font-weight: normal;
font-size: 20pt;
}
.b5 h3 {
margin-top: 40px;
}
.b5 h4 {
font-size: 20pt;
}
.b5 h2 {
font-size: 35pt;
}
.b5 h2 span {
font-weight: bold;
font-size: 35pt;
}
.b5 a.btn {
font-size: 1em;
font-weight: bold;
color: #FFF;
//background: #ae8a2d;
border-radius: 40px;
padding: 15px 60px;
margin-bottom: 50px;
}

/* B6 */
.b6 {
background:  url(image/fotka_08.jpg) center top no-repeat;
background-size: cover;
padding: 40px;
text-align: center;
color: #FFF;
min-height: 800px;
padding-top: 90px;
}
.b6 p {
font-size: 18pt;
padding: 30px 0px;
}
.b6 a.btn {
font-size: 1em;
font-weight: bold;
color: #FFF;
//background: #ae8a2d;
border-radius: 40px;
padding: 15px 60px;
margin-bottom: 100px;
font-size: 14pt;
}

/* B7 */
.b7 {
background:  url(image/fotka-salon_09.jpg) center top no-repeat;
background-size: cover;
padding: 40px;
padding-top: 120px;
padding-bottom: 120px;
text-align: center;
color: #FFF;
min-height: 800px;
}
.b7 p {
font-size: 25pt;
padding: 15px 0px; 
}
.b7 h2 {
font-size: 36pt;
font-weight: bold;
padding: 15px 0px;
padding-bottom: 40px; 
}
.b7 a.btn {
font-size: 14px;
font-weight: bold;
color: #FFF;
//background: #ae8a2d;
border-radius: 40px;
padding: 15px 60px;
margin-bottom: 100px;
}

/* B8 */
.b8 {
background: #912b3b;
padding: 40px;
text-align: center;
color: #FFF;
min-height: 800px;
}
.b8 h2 {
padding: 30px 0px;
font-family: Times New Roman;
font-size: 32pt;
}
.b8 .bbox {
display: block;
background: #FFF;
border-radius: 20px;
text-align: center;
color: #8f2335;
padding: 40px;
margin: 20px 20px;
font-size: 13pt;
opacity: 1;
}
.b8 .bbox h2 {
padding: 10px;
font-size: 16pt;
}
.b8 .bbox h2:hover {
font-size: 18pt;
transition: font-size 0.7s ease-in-out;
}
.b8 .bbox h2 img {
width: 32px; height: auto; padding-top: 15px;
}

.b8 a.btn {
font-size: 1em;
font-weight: bold;
color: #FFF;
//background: #ae8a2d;
border-radius: 40px;
padding: 15px 60px;
margin-top: 60px;
margin-bottom: 60px;
}

/* B9 */
.b9 {
padding: 40px;
padding-top: 90px;
text-align: center;
min-height: 800px;
color: #8f2335;
background: #f2dcc4;
}
.b9 .icobox {
padding: 5px 0px;
font-size: 12pt;
line-height: 15px;
text-align: center;
}
.b9 .icob img {
width: 100px;
}
.b9 h2 {
margin: 30px 0px;
margin-top: 60px;
font-family: times, 'Times New Roman', Georgia, serif;
font-size: 32pt;
}
.b9 ul li {
text-align: left;
margin: 0px 30px;
padding: 0px 10px;
font-size: 16pt;
}
.b9 div.txt p {
    font-size: 28pt;
    font-family: Times New Roman;
    font-weight: bold;
    }
.b9 a.btn {
font-size: 1em;
font-weight: bold;
color: #FFF;
//background: #ae8a2d;
border-radius: 40px;
padding: 15px 60px;
margin-top: 60px;
margin-bottom: 60px;
}
.b9 .bbox {
display: block;
background: #FFF;
border-radius: 20px;
text-align: center;
color: #8f2335;
padding: 40px;
margin: 10px 5px;
font-size: 13pt;
opacity: 0.85;
font-style: italic;
min-height: 300px;
}
.b9 .bbox strong {
font-style: normal;
padding-top: 10px;
}
.b9 .txt p {
padding: 10px 30px;
font-size: 22pt;
}

/* B10 */
.b10 {
padding: 40px;
padding-top: 90px;
text-align: center;
min-height: 800px;
color: #912b3b;
}
.b10 h2 {
font-size: 40pt;
}
.b10 h3 {
padding: 30px 0px;
font-size: 30pt;
}

/* B11 */
.b11 {
background:  url(image/fotka-salon_13.jpg) center top no-repeat;
background-size: cover;
padding: 40px;
text-align: center;
color: #FFF;
min-height: 1200px;
}
.b11 .txt {
display: block;
background: #FFF;
border-radius: 20px;
text-align: center;
color: #8f2335;
padding: 40px;
margin: 10px 5px;
font-size: 22pt;
opacity: 0.85;
}
.b11 .txt h3 {
font-size: 36pt;
padding: 30px 0px;
font-style: italic;
}
.b11 a.btn {
font-size: 0.8em;
font-weight: bold;
color: #FFF;
//background: #ae8a2d;
border-radius: 40px;
padding: 15px 40px;
margin-top: 60px;
margin-bottom: 60px;
}

/* B12 */
.b12 {
background: #ebc296 url(image/fotka_14.jpg) center 0px no-repeat;
background-size: cover;
padding: 40px;
padding-bottom: 100px;
text-align: center;
color: #FFF;
min-height: 750px;
}
.b12 .bbox {
display: block;
background: #FFF;
border-radius: 20px;
text-align: center;
color: #8f2335;
padding: 40px;
margin: 10px 5px;
font-size: 12pt;
opacity: 0.85;
font-style: italic;
min-height: 300px;
}

.b12 h2 {
padding: 30px 0px;
color: #912b3b;
font-size: 30pt;
}
.b12 strong {
display: block;
clear: both;
font-style: normal;
}

/* B13 */
.b13 {
background: #ebc296 url(image/fotka_15.jpg) center bottom no-repeat;
background-size: cover;
padding: 80px;
padding-bottom: 100px;
text-align: center;
color: #8f2335;
min-height: 800px;
}
.b13 h2 {
font-size: 40pt;
font-family: Times New Roman;
padding-top: 200px;
}
.b13 p {
font-size: 24pt;
padding: 30px 0px;
}
.b13 a.btn {
font-size: 20pt;
font-weight: normal;
color: #FFF;
//background: #ae8a2d;
border-radius: 80px;
padding: 15px 80px;
margin-top: 60px;
margin-bottom: 60px;
}
/* B14 */
.b14 {
background: #ebc296 url(image/fotka-salon_16.jpg) center top no-repeat;
background-size: cover;
padding: 80px 0px;
padding-bottom: 100px;
text-align: center;
color: #8f2335;
min-height: 800px;
}
.b14 h2 {
font-size: 36pt;
}
.b14 .txt {
background: #FFF;
border-radius: 40px 0px 0px 40px;
text-align: center;
color: #8f2335;
padding: 40px;
font-size: 22pt;
opacity: 0.85;
}
.b14 ul {
display: block;
width: 80%;
margin: 0 auto;
}
.b14 ul li {
font-size: 20pt;
padding: 10px 0px ;
text-align: left;

}
/* B15 */
.b15 {
padding: 40px;
text-align: center;
min-height: 800px;
color: #8f2335;
}
.b15 h2 {
font-size: 40pt;
padding: 20px 10px;
}
.b15 h3 {
font-size: 40pt;
padding: 20px 10px;
}
.b15 p {
font-size: 20pt;
padding: 10px 40px;
}
.b15 h4 {
font-size: 30pt;
padding: 30px 0px;
}

section div div a.btn {
//border: 10px solid #000;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#897123+0,ae8a2d+40,a5820d+100 */
//background: linear-gradient(to bottom,  #897123 0%,#ae8a2d 40%,#a5820d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
background: #897123;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

section div div a.btn:hover {
//border: 10px solid #000;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#a5820d+0,ae8a2d+60,897123+100 */
//background: linear-gradient(to bottom,  #a5820d 0%,#ae8a2d 60%,#897123 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
background: linear-gradient(to bottom,  #700819 0%,#700819 60%,#8F2335 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

@media screen and (min-width: 1200px) {
    .b2 .vypln {
        height: 0px;
    }
}

@media screen and (min-width: 1600px) {
    .b2 .vypln {
        height: 300px;
    }
}



@media screen and (max-width: 960px) {
   .b1 {
   min-height: 300px;
   background:  url(image/fotka-salon_01.png) scroll center bottom no-repeat;
    background-size: cover;
   }
    .b1 h1 {
        padding: 15px 0px;
        padding-top: 40px;
        font-size: 13pt;
    }
    .b1 h2 {
        font-size: 20pt;
        padding: 20px 0px;
    }
    .b1 h3 {
        padding: 10px 5px;
        font-size: 16pt;
        font-family: Times New Roman;
        
    }
    .b1 p {
    font-size: 13pt;
    }
    .b1 .btn {
    margin-bottom: 40px;
    font-size: 11pt;
    font-weight: normal;
    padding: 15px;
    }
    
    
    .b2 {
    background: #FFF url(image/fotka_02.jpg) center -280px no-repeat;
    background-size: cover;
    padding: 10px;
    min-height: 200px;
    padding-bottom: 20px;
    }
    .b2 h2 {
    font-size: 25pt;
    line-height: 25px;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 0px;
    }
    .b2 .bbox {
        margin: 10px 10px;
        padding: 10px;
        font-size: 12pt;
    }
    .b2 .pt100 {
        padding-top: 20px;
    }
    .b2 .vypln {
        height: 310px;
    }
    .b2 p {
    font-size: 13pt;
    }
    .b2 div img {
        padding: 0px;
    }
    .b2 a.btn {
    margin: 15px 0px;
    font-size: 8pt;
    font-weight: normal;
    padding: 15px;
    }
    .b2 h3 {
    font-size: 15pt;
    padding-top: 30px;
    padding-bottom: 15px;
    }
    .b3 {
        
        background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(image/fotka-salon_05.jpg) center top no-repeat;
background-size: cover;
        padding: 0px 10px;
    }
    .b3 h2 {
    font-size: 20pt;
    text-align: center;
    margin-bottom: 15px;
    }
    .b3 .bbox {
padding: 10px;
margin: 20px 0px;
margin-top: 0px;
background: none;
color: #FFF;
border: none;
-webkit-box-shadow: none;
}

    .b3 .bbox li {
    margin-left: 20px;
    font-size: 13pt;
    }
    .b4 {
        background:  url(image/fotka-salon_06.jpg) center top no-repeat;
        background-size: 140% auto;
        padding: 5px;
        min-height: 100px;
        
    }
    .b4 h3 {
        font-size: 13pt;
        margin: 5px 0px;
        padding: 5px 10px;
        padding-top: 15px;
    }
    .b4 h4 {
        font-size: 18pt;
        margin: 5px 0px;
        padding: 15px 0px;
    }
    .b4 a.btn {
    display: block;
font-size: 11pt;
font-weight: normal;
color: #FFF;
//background: #ae8a2d;
border-radius: 40px;
padding: 15px 10px;
margin-top: 100px;
margin-bottom: 20px;
}
.b2 a.btn,
.b5 a.btn,
.b6 a.btn,
.b7 a.btn,
.b8 a.btn,
.b9 a.btn {
display: block;
border-radius: 40px;
font-size: 11pt;
    font-weight: normal;
    padding: 15px 10px;
}
.b5 {
padding: 0px 40px;
min-height: 400px;
background: #f2ede9 url(image/fotka_07.jpg) 30px 260px no-repeat;
background-size: 160% auto;
}
.b5 h3 {
padding: 0px 0px;
font-size: 13pt;
margin-top: 20px;
}
.b5 h4 {
padding: 15px 0px;
font-size: 14pt;
}
.b5 a.btn {
width: 120%;
margin-left: -10%;
margin-top: 30px;
margin-bottom: 30px;
}
.b5 h2,
.b5 h2 span {
padding: 0px 0px;
font-size: 20pt;
}
.b5 h2 {
padding-top: 230px;
}
.b6 {
padding-top: 10px;
padding-bottom: 0px;
min-height: 0px;
background: #6d7e5c url(image/fotka_08.jpg) right bottom no-repeat;
background-size: 140% auto;
}
.b6 p {
padding: 10px 0px;
font-size: 14pt;
}
.b6 a.btn {
margin-top: 160px;
margin-bottom: 40px;
width: 120%;
margin-left: -10%;

}
.b7 {
padding-top: 0px;
background: #998d8a url(image/fotka-salon_09_2.jpg) -170px top no-repeat;
background-size: 200% auto;
min-height: 200px;
padding-bottom: 20px;
}
.b7 h2,
.b7 p {
font-size: 13pt;
margin: 0;
padding: 10px 0px;
}
.b7 h2 {
font-size: 22pt;
margin-top: 120px;
margin-bottom: 30px;
}
.b7 a.btn {
width: 120%;
margin-left: -10%;
margin-bottom: 0px;
}
.b8 .row {
margin: 0px;
}

.b8 .bbox {
display: block;
background: #FFF;
border-radius: 20px;
text-align: left;
color: #8f2335;
padding: 5px;
margin: 5px;
font-size: 10pt;
opacity: 1;
}
.b8 .bbox h2.bbo {
font-size: 12pt;
}
.b8 .bbox p {
padding: 0px 10px;
}
.b8 .bbox h2 img {
width: 15px; height: auto; padding-top: 5px;
position: absolute;
left: 330px;
}
.b8 .container {
max-width: 120%;
width: 120%;
margin-left: -10%;
}
.b8 a.btn {
margin: 0px;
margin-top: 20px;
padding: 15px 5px;
}
.b9 {
padding: 20px;
padding-top: 0px;
min-height: 300px;
}
.b9 h2 {
font-size: 20pt;
margin-top: -30px;
}
.b9 div.txt p {
padding: 10px 10px;
font-size: 2pt;
line-height: 25px;
}
.b9 img.pudr {
margin: 10px 0px;
}
.b9 ul li {
font-size: 14pt;
padding: 0px;
}
.b9 a.btn {
margin-top: 20px;
margin-bottom: 0px;
width: 104%;
margin-left: -2%;
}
.b9 .bbox {
padding: 10px 10px;
margin: 5px;
min-height: 100px;
width: 104%;
margin-left: -2%;
}
.b9 .bbox br {
margin-bottom: 10px
}
.b9 .icobox {
display: none;
}
.b9 .icob {
text-align: center;
width: 70px; 
height: 70px; 
margin: 0px;
}
.b9 .icob img {
width: 170px;
}
.b10 {
min-height: 400px;
padding-top: 15px;
}
.b10 h2 {
font-size: 24pt;
width: 120%;
margin-left: -10%;
}
.b10 h3 {
font-size: 18pt;width: 120%;
margin-left: -10%;
}
.b11 {
min-height: 300px;
padding: 20px;
}
.b11 .txt h3 {
font-size: 20pt;
padding: 10px 0px;
}
.b11 .txt {
padding: 15px;
margin-left: 0px;
}
.b11 .txt p {
font-size: 12pt;
}
.b11 .txt h3 {
font-size: 18pt;
}
.b11 .txt .btn {
font-size: 10pt;
    font-weight: normal;
    padding: 15px 10px;
    margin: 5px 0px;
}
.b12 h2 {
font-size: 20pt;
margin: 0px;
padding: 0px;
margin-bottom: 10px;
}
.b12 .bbox {
width: 120%;
padding: 5px 10px;
margin: 5px;
margin-left: -10%;
min-height: 100px;
}
.b13 {
padding: 10px;
padding-top: 20px;
padding-bottom: 0px;
min-height: 30px;
background: #e8e8e9 url(image/fotka_15.jpg) right bottom no-repeat;
background-size: 120% auto;
}
.b13 a.btn {
margin-bottom: 10px;
}
    .b13 h2 {
        padding-top: 0px;
        font-size: 20pt;
        margin-top: 0px;
    }
    .b13 p {
    font-size: 14pt;
    padding: 10px 5px;
    }
    .b9 ul li {
    margin-left: -20px;
    width: 110%;
    padding: 0px 0px;
    }
    .b9 div.txt p {
    font-size: 15pt;
    font-family: Times New Roman;
    }
    .b11 .txt {
    font-size: 18pt;
    }
    .b11 a.btn {
   
    }
    .b13 a.btn {
font-size: 11pt;
font-weight: normal;
color: #FFF;
//background: #ae8a2d;
border-radius: 40px;
padding: 15px 20px;
margin-top: 160px;
margin-bottom: 20px;
display: block;
width: 100%;
}
.b14 {
padding: 10px 0px;
background: #ebc296 url(image/fotka-salon_16.jpg) left top no-repeat;
background-size: 200% auto;
min-height: 300px;
padding-bottom: 20px;
}
.b14 h2 {
font-size: 20pt;
}
.b14 .txt {
border-radius: 20px;
width: 90%;
margin: 0 auto;
padding: 20px;
}
.b14 ul {
width: 100%;
}
.b14 .txt ul li {
    margin-left: -20px;
    width: 110%;
    font-size: 10pt;
    padding: 0px;
    }
    .b15 {
    padding: 20px 0px;
    padding-top: 0px;
    }
.b15 h2 {
font-size: 24pt;
margin: 5px;
}
.b15 h3 {
font-size: 20pt;
padding-bottom: 10px;
margin: 0px;
}
.b15 h4 {
font-size: 18pt;
}
.b15 p {
font-size: 11pt;
padding: 5px 10px;
text-align: center;
}
.b15 img.foto {
width: 60%;
}

}
@media screen and (max-width: 380px) {
.b1 a.btn,
.b2 a.btn,
.b3 a.btn,
.b4 a.btn,
.b5 a.btn,
.b6 a.btn,
.b7 a.btn,
.b8 a.btn,
.b9 a.btn,
.b10 a.btn,
.b11 a.btn,
.b12 a.btn,
.b13 a.btn,
.b14 a.btn,
.b15 a.btn,
.b16 a.btn {
font-size: 9pt;
}
.b8 .bbox h2 img {
left: 315px;
}
}