.p--em P {
font-size: 1.1em !important;
}
.p--lm DIV P:last-of-type {
padding-bottom: 0px;
} .hero__wrapper {
background-image: url(//skokani.cz/wp-content/uploads/2025/05/hero_bg.png);
background-size: cover;
background-repeat: no-repeat;
display: flex;
align-items: end;
justify-content: center;
flex-direction: column;
height: 80vh;
min-height: 800px;
}
.hero__fluid {
position: absolute;
height: 100%;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
z-index: 0;
}
.hero__fluid img {
position: absolute;
}
.hero__fluid img:first-child {
width: 260px;
left: 40%;
transform: translateX(-50%);
bottom: 160px;
}
.hero__fluid img:nth-child(3) {
min-width: 640px;
width: 35%;
max-width: 760px;
left: 25%;
bottom: 0px;
transform: translateX(-50%);
}
.hero__fluid img:nth-child(2) {
min-width: 360px;
width: 20%;
max-width: 400px;
left: 6%;
bottom: 0px;
transform: translateX(-50%);
}
.hero__text {
width: 40%;
padding-right: 5%;
z-index: 100;
}
.hero__text H2, .hero__text H3{
color: #ffffff75;
font-size: 40px;
}
@media only screen and (max-width: 1460px) {
.hero__fluid img:first-child {
left: 48%;
}
.hero__fluid img:nth-child(3) {
max-width: 660px;
left: 30%;
}
.hero__fluid img:nth-child(2) {
min-width: 360px;
max-width: 400px;
}
}
@media only screen and (max-width: 1140px) {
.hero__fluid img:first-child {
left: 46%;
width: 180px;
bottom: 220px;
}
.hero__fluid img:nth-child(3) {
min-width: 540px;
max-width: 540px;
}
.hero__fluid img:nth-child(2) {
min-width: 300px;
width: 300px;
}
}
@media only screen and (max-width: 920px) {
.hero__wrapper {
align-items: center;
justify-content: normal;
height: 90vh;
}
.hero__text {
width: 90%;
max-width: 600px;
text-align: center;
padding: 20px;
margin-top: 8vh;
}
.hero__fluid img:first-child {
right: -5%;
left: auto;
width: 200px;
bottom: 120px;
}
.hero__fluid img:nth-child(3) {
left: 50%;
min-width: auto;
width: auto;
max-width: none;
height: 50vh;
}
.hero__fluid img:nth-child(2) {
left: 10%;
min-width: 300px;
width: 300px;
}
}
@media only screen and (max-width: 500px) {
.hero__wrapper {
height: 100vh;
}
.hero__text {
margin-top: 10vh;
}
.hero__fluid img:first-child {
right: -100px;
bottom: 0px;
}
.hero__fluid img:nth-child(3) {
left: 50%;
min-width: auto;
width: auto;
max-width: 100%;
height: auto;
}
.hero__fluid img:nth-child(2) {
left: 10%;
min-width: 200px;
width: 210px;
}
}
.lwp-hide-mobile-menu.et_pb_menu .et_pb_menu__menu,.lwp-hide-mobile-menu.et_pb_fullwidth_menu .et_pb_menu__menu {
display: flex!important;
}
.lwp-hide-mobile-menu .et_mobile_nav_menu {
display: none;
}
@media (min-width: 768px) and (max-width: 980px) {
.lwp-hide-mobile-menu.et_pb_menu .et_pb_menu__menu,.lwp-hide-mobile-menu.et_pb_fullwidth_menu .et_pb_menu__menu {
display: flex!important;
}
.lwp-hide-mobile-menu .et_mobile_nav_menu {
display: none;
}
} .btn--wraper {
display: block;
}
.btn--wrapper .btn:not(:last-child) {
margin-right: 14px;
}
.btn {
font-family: 'Bebas Neue', display;
text-transform: uppercase;
padding: 12px 34px;
display: inline-block;
color: #FFF;
font-size: 1.1em;
background-color: #76232f;
border-radius: 50px;
}
.btn--white {
color: #76232f;
background-color: #FFF;
}
.btn--transparent {
color: #76232f;
background-color: transparent;
border: 1px #76232f solid;
}
.btn--transparent--white {
color: #FFF;
border: 1px #FFF solid;
}  @media all and (max-width: 767px) {
html .et-db .two-col-mob .et_pb_column {
width:47.25% !important;
}
.btn--wrapper .btn:not(:last-child) {
margin-bottom: 10px;
}
html .et-db .two-col-mob .et_pb_column:nth-last-child(-n+2) {
margin-bottom:0;
}
html .et-db .two-col-mob .et_pb_column:not(:nth-child(2n)) {
margin-right:5.5% !important;
}
} @media all and (max-width: 767px) {
html .et-db .three-col-mob .et_pb_column {
width:29.6667% !important;
}
html .et-db .three-col-mob .et_pb_column:nth-last-child(-n+3) {
margin-bottom:0;
}
html .et-db .three-col-mob .et_pb_column:not(:nth-child(3n)) {
margin-right:5.5% !important;
}
} @media all and (max-width: 767px) {
html .et-db .four-col-mob .et_pb_column {
width:20.875% !important;
}
html .et-db .four-col-mob .et_pb_column:nth-last-child(-n+4) {
margin-bottom:0;
}
html .et-db .four-col-mob .et_pb_column:not(:nth-child(4n)) {
margin-right:5.5% !important;
}
} @media all and (max-width: 767px) {
html .et-db .five-col-mob .et_pb_column {
width:15.6% !important;
}
html .et-db .five-col-mob .et_pb_column:nth-last-child(-n+5) {
margin-bottom:0;
}
html .et-db .five-col-mob .et_pb_column:not(:nth-child(5n)) {
margin-right:5.5% !important;
}
} @media all and (max-width: 767px) {
html .et-db .six-col-mob .et_pb_column {
width:12.083% !important;
}
html .et-db .six-col-mob .et_pb_column:nth-last-child(-n+6) {
margin-bottom:0;
}
html .et-db .six-col-mob .et_pb_column:not(:nth-child(6n)) {
margin-right:5.5% !important;
}
}  @media all and (min-width: 768px) and (max-width: 980px) {
html .et-db .one-col-tab .et_pb_column {
margin-right:0 !important;
width:100% !important;
}
html .et-db .one-col-tab .et_pb_column:not(:last-child) {
margin-bottom:30px !important;
}
} @media all and (min-width: 768px) and (max-width: 980px) {
html .et-db .two-col-tab .et_pb_column {
width:47.25% !important;
}
.two-col-tab .et_pb_column:nth-last-child(-n+2) {
margin-bottom:0;
}
html .et-db .two-col-tab .et_pb_column:not(:nth-child(2n)) {
margin-right:5.5% !important;
}
} @media all and (min-width: 768px) and (max-width: 980px) {
html .et-db .three-col-tab .et_pb_column {
width:29.6667% !important;
}
html .et-db .three-col-tab .et_pb_column:nth-last-child(-n+3) {
margin-bottom:0;
}
html .et-db .three-col-tab .et_pb_column:not(:nth-child(3n)) {
margin-right:5.5% !important;
}
} @media all and (min-width: 768px) and (max-width: 980px) {
html .et-db .four-col-tab .et_pb_column {
width:20.875% !important;
}
html .et-db .four-col-tab .et_pb_column:nth-last-child(-n+4) {
margin-bottom:0;
}
html .et-db .four-col-tab .et_pb_column:not(:nth-child(4n)) {
margin-right:5.5% !important;
}
} @media all and (min-width: 768px) and (max-width: 980px) {
html .et-db .five-col-tab .et_pb_column {
width:15.6% !important;
}
.five-col-tab .et_pb_column:nth-last-child(-n+5) {
margin-bottom:0;
}
html .et-db .five-col-tab .et_pb_column:not(:nth-child(5n)) {
margin-right:5.5% !important;
}
} @media all and (min-width: 768px) and (max-width: 980px) {
html .et-db .six-col-tab .et_pb_column {
width:12.083% !important;
}
html .et-db .six-col-tab .et_pb_column:nth-last-child(-n+6) {
margin-bottom:0;
}
html .et-db .six-col-tab .et_pb_column:not(:nth-child(6n)) {
margin-right:5.5% !important;
}
}  #main-menu-fixed {
position: fixed !important;
top: 0;
left: 0;
width: 100%;
z-index: 9999;
background: white;
transform: translateY(-100%);
transition: transform 0.4s ease;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); } #main-menu-fixed.visible {
transform: translateY(0);
}
#scroll-to-top {
position: fixed;
bottom: 20px;
right: 20px;
width: 50px; height: 50px;
background: rgba(0, 0, 0, 0.5);
color: white;
border-radius: 50%;
text-decoration: none;
opacity: 0;
pointer-events: none;
transition: opacity 0.3s ease;
z-index: 10000;
display: flex;
align-items: center;
justify-content: center;
}
#scroll-to-top svg {
width: 24px;
height: 24px;
fill: #FFF;
} #scroll-to-top.visible {
opacity: 1;
pointer-events: auto;
}
#mobile_menu1, #mobile_menu1 ul, #mobile_menu2, #mobile_menu2 ul {
background-color: #71202C !important;
}
@media (max-width: 479px) {
.et_pb_post h2 {
font-size: 24px !important;
}
}
.et_pb_menu_0_tb_header.et_pb_menu ul.sub-menu li a {
color: #71202c !important;
}
.et_pb_menu_0_tb_header.et_pb_menu ul.sub-menu li:hover>a, .et_pb_menu_1_tb_header.et_pb_menu ul.sub-menu li:hover>a {
color: #71202c !important;
}
ul.sub-menu {
background-color: rgb(255 255 255 / 82%) !important;
} .scs-form {
max-width: 520px;
margin: 40px auto;
display: flex;
flex-direction: column;
gap: 16px;
font-family: inherit;
} .scs-form input,
.scs-form select,
.scs-form textarea {
border-color: #7b1e1e !important;
box-shadow: none !important;
} .scs-form input:invalid,
.scs-form select:invalid,
.scs-form textarea:invalid {
border-color: #7b1e1e !important;
box-shadow: none !important;
} .scs-form input:focus,
.scs-form select:focus,
.scs-form textarea:focus {
border-color: #7b1e1e !important;
box-shadow: none !important;
outline: none !important;
} .scs-form input:focus-visible,
.scs-form select:focus-visible,
.scs-form textarea:focus-visible {
outline: none !important;
box-shadow: none !important;
} .scs-form input:-webkit-autofill {
-webkit-box-shadow: 0 0 0 1000px #fff inset !important;
box-shadow: 0 0 0 1000px #fff inset !important;
-webkit-text-fill-color: #222 !important;
} .scs-form input,
.scs-form select,
.scs-form textarea {
border-top-style: solid !important;
border-right-style: solid !important;
border-bottom-style: solid !important;
border-left-style: solid !important;
} .scs-form input,
.scs-form select,
.scs-form textarea {
width: 100%;
box-sizing: border-box;
padding: 14px 16px;
font-size: 16px;
line-height: 1.4; border-width: 1px !important;
border-style: solid !important;
border-color: #7b1e1e !important;
border-radius: 0 !important;
background: #fff !important;
color: #222;
box-shadow: none !important;
outline: none !important;
appearance: none;
-webkit-appearance: none;
} .scs-form input[type="text"],
.scs-form input[type="email"],
.scs-form input[type="number"],
.scs-form input[type="file"],
.scs-form select,
.scs-form textarea {
width: 100%;
box-sizing: border-box;
padding: 14px 16px;
font-size: 16px;
line-height: 1.4;
border: 1px solid #7b1e1e !important;
border-radius: 0;
background: #fff;
color: #222;
outline: none;
appearance: none;
-webkit-appearance: none;
} .scs-form ::placeholder {
color: #777;
opacity: 1;
}
.scs-checkbox {
display: flex;
align-items: center;
gap: 12px;
font-size: 16px;
cursor: pointer;
} .scs-form input[type="checkbox"] {
appearance: auto;
-webkit-appearance: checkbox;
width: 20px;
height: 20px;
margin-right: 10px;
vertical-align: middle;
cursor: pointer;
} .scs-form input:focus,
.scs-form select:focus,
.scs-form textarea:focus {
border-color: #7b1e1e; } .scs-form textarea {
resize: vertical;
min-height: 120px;
} .scs-form select {
background-image: none;
} .scs-gdpr {
display: flex;
align-items: center;
gap: 10px;
font-size: 15px;
}
.scs-gdpr input[type="checkbox"] {
width: 18px;
height: 18px;
margin: 0;
accent-color: #7b1e1e;
} .scs-form button {
margin-top: 10px;
padding: 16px;
font-size: 18px;
background: #7b1e1e;
color: #fff;
border: none;
cursor: pointer;
transition: background 0.2s ease;
}
.scs-form button:hover {
background: #5f1616;
} .scs-success {
max-width: 520px;
margin: 40px auto;
padding: 20px;
border: 2px solid #3c8f5c;
background: #e9f7ef;
color: #1e5f3e;
text-align: center;
font-size: 16px;
}