:root {
--darkgrey: #4d4d4c;
--midgrey: #898988;
--yellow: #ffcc00;
--stos-blue: #0092d3;
--per-yellow: #ffcc00;
--kukla-brown: #a46f27;
--per-mint: #69bd97;
--color-secondary: #69bd97 !important;
--per-red: #f40101;
--rainbow: #61cdfd  ;
}
.color_stos {
background-color: var(--stos-blue);
}
.color_kukla {
background-color: var(--kukla-brown);
}
.color_permonium {
background-color: var(--per-yellow);
}
.color_duhovy {
background-color: var(--rainbow);
}
.color_permoniste {
background-color: var(--per-mint);
}
@font-face {
font-family: geo_bold;
src: url(//www.permonium.cz/wp-content/themes/permonium2/permoniste/assets/fonts/Geogtq-Bd.woff);
}
@font-face {
font-family: geo_reg;
src: url(//www.permonium.cz/wp-content/themes/permonium2/permoniste/assets/fonts/Geogtq-Rg.woff);
}
@font-face {
font-family: geo_med;
src: url(//www.permonium.cz/wp-content/themes/permonium2/permoniste/assets/fonts/Geogtq-Md.woff);
}
@font-face {
font-family: hermes_black;
src: url(//www.permonium.cz/wp-content/themes/permonium2/permoniste/assets/fonts/Hermes_Black.woff);
}
b,
strong {
font-family: geo_bold;
font-weight: normal;
}
p {
font-family: geo_reg;
}
a {
color: inherit;
text-decoration: inherit;
}
* {
font-variant-ligatures: none;
-webkit-font-smoothing: subpixel-antialiased;
}
.mint {
background-color: var(--per-mint);
}
.yellow {
background-color: #fbbb22;
}
.white {
background-color: white;
}
.grey {
background-color: #f6f6f6;
}
.black {
background-color: #4d4d4c;
}
.txt_mint {
color: var(--per-mint);
}
.txt_white {
color: white;
}
.txt_grey {
color: #f6f6f6;
}
.txt_black {
color: #4d4d4c;
}
.txt_mint_add {
color: var(--per-mint);
line-height: unset !important;
font-size: inherit !important;
}
label::before,
label::after {
display: none !important;
}
@media only screen and (min-width: 800px) and (max-width: 4000px) {
html,
body {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
border: 0;
min-width: 300px;
background-color: #f6f6f6;
scroll-behavior: smooth;
}
.desktop {
display: block;
}
.mobile {
display: none;
}
.body_bg {
position: absolute;
width: 100%;
height: 120vw;
background-image: url(//www.permonium.cz/wp-content/themes/permonium2/permoniste/assets/img/permoniste_bg.webp);
background-size: cover;
background-position: center top;
filter: brightness(1.7);
mix-blend-mode: multiply;
opacity: 0.75;
} .header_line {
position: relative;
left: 0;
top: 0;
width: 100%;
height: 2vw;
background-color: var(--darkgrey);
overflow: hidden;
transition: 0.1s ease;
z-index: 1000;
}
.header_line:hover {
height: 4vw;
transition: 0.2s ease;
}
.text_field {
position: absolute;
left: 2.5vw;
top: 50%;
transform: translateY(-50%);
width: calc(50% - 5vw);
overflow: hidden;
text-align: left;
color: var(--midgrey);
font-size: 1vw;
font-family: geo_med;
transition: 0.1s ease;
}
.text_field b {
font-family: hermes_black;
}
.header_line:hover .text_field {
color: white;
}
.entity_field {
position: relative;
right: 2.5vw;
height: 100%;
float: right;
width: 12vw;
text-align: center;
color: var(--midgrey);
font-size: 1vw;
font-family: geo_reg;
overflow: hidden;
cursor:
url(//www.permonium.cz/wp-content/themes/permonium2/permoniste/assets/img/cursor_1.svg),
pointer;
}
.logo_field {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--darkgrey);
transform: translateY(-10%);
transition: 0.1s ease;
}
.name_field {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.name {
position: absolute;
top: 50%;
left: 10%;
text-align: center;
transform: translateY(-40%);
color: white;
}
.entity_field:hover .logo_field {
transform: translateY(-90%);
transition: 0.2s ease;
transition-delay: 0s;
}
.logo_clona {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--darkgrey);
}
.logo_stos {
position: absolute;
width: 100%;
height: 100%;
transform: translateX(-50%) translateY(-45%) scale(90%);
background-image: url(//www.permonium.cz/wp-content/themes/permonium2/permoniste/assets/img/logo_stos_white.svg);
background-size: contain;
top: 50%;
left: 50%;
background-position: center center;
background-repeat: no-repeat;
opacity: 45%;
transition: 0.1s ease;
transition-delay: 100ms;
}
.logo_kukla {
position: absolute;
width: 100%;
height: 100%;
transform: translateX(-50%) translateY(-45%) scale(90%);
background-image: url(//www.permonium.cz/wp-content/themes/permonium2/permoniste/assets/img/logo_kukla_white.svg);
background-size: contain;
top: 50%;
left: 50%;
background-position: center center;
background-repeat: no-repeat;
opacity: 45%;
transition: 0.1s ease;
}
.logo_permonium {
position: absolute;
width: 100%;
height: 100%;
transform: translateX(-50%) translateY(-45%) scale(90%);
background-image: url(//www.permonium.cz/wp-content/themes/permonium2/permoniste/assets/img/logo_permonium_white.svg);
background-size: contain;
top: 50%;
left: 50%;
background-position: center center;
background-repeat: no-repeat;
opacity: 45%;
transition: 0.1s ease;
}
.logo_duhovy {
position: absolute;
width: 100%;
height: 100%;
transform: translateX(-50%) translateY(-45%) scale(90%);
background-image: url(//www.permonium.cz/wp-content/themes/permonium2/permoniste/assets/img/logo_duhovy.svg);
background-size: contain;
top: 50%;
left: 50%;
background-position: center center;
background-repeat: no-repeat;
opacity: 45%;
transition: 0.1s ease;
}
.logo_permoniste {
position: absolute;
width: 100%;
height: 100%;
transform: translateX(-50%) translateY(-45%) scale(90%);
background-image: url(//www.permonium.cz/wp-content/themes/permonium2/permoniste/assets/img/logo_permoniste.svg);
background-size: contain;
top: 50%;
left: 50%;
background-position: center center;
background-repeat: no-repeat;
opacity: 45%;
transition: 0.1s ease;
}
.header_line:hover .logo_stos,
.header_line:hover .logo_kukla,
.header_line:hover .logo_permonium,
.header_line:hover .logo_duhovy,
.header_line:hover .logo_permoniste {
opacity: 100%;
transition: 0.2s ease;
}
.entity_field:hover .logo_stos,
.entity_field:hover .logo_kukla,
.entity_field:hover .logo_permonium,
.entity_field:hover .logo_duhovy,
.entity_field:hover .logo_permoniste {
opacity: 0%;
transition: 0.1s ease;
transition-delay: 0.2s;
}
.entity_field:hover .perm_1,
.entity_field:hover .perm_2,
.entity_field:hover .perm_3,
.entity_field:hover .perm_4,
.entity_field:hover .perm_5 {
transform: translateX(0);
transition: 0.3s ease;
transition-delay: 0.2s;
}
.perm_1 {
transform: translateX(7vw);
position: absolute;
bottom: -1.5vw;
right: -2.75vw;
height: 7vw;
width: 7vw;
background-image: url(//www.permonium.cz/wp-content/themes/permonium2/permoniste/assets/img/perm_kovar.svg);
background-position: center bottom;
background-repeat: no-repeat;
background-size: contain;
display: none;
}
.perm_2 {
transform: translateX(7vw);
position: absolute;
bottom: -0.5vw;
right: -1vw;
height: 4vw;
width: 5vw;
background-image: url(//www.permonium.cz/wp-content/themes/permonium2/permoniste/assets/img/img_kukla.webp);
background-position: center bottom;
background-repeat: no-repeat;
background-size: contain;
}
.perm_3 {
transform: translateX(7vw);
position: absolute;
bottom: -2.5vw;
right: -2.5vw;
height: 7vw;
width: 7vw;
background-image: url(//www.permonium.cz/wp-content/themes/permonium2/permoniste/assets/img/perm_vinohradsky.svg);
background-position: center bottom;
background-repeat: no-repeat;
background-size: contain;
}
.perm_4 {
transform: translateX(8vw);
position: absolute;
bottom: -6.5vw;
right: -3.75vw;
height: 10vw;
width: 10vw;
background-image: url(//www.permonium.cz/wp-content/themes/permonium2/permoniste/assets/img/img_permina.webp);
background-position: center bottom;
background-repeat: no-repeat;
background-size: contain;
}
.perm_5 {
transform: translateX(7vw);
position: absolute;
bottom: 0.5vw;
right: -1vw;
height: 4.75vw;
width: 5.5vw;
background-image: url(//www.permonium.cz/wp-content/themes/permonium2/permoniste/assets/img/web_perminek_icon.webp);
background-position: center bottom;
background-repeat: no-repeat;
background-size: contain;
} .menu_line {
position: relative;
width: 100%;
height: 7.5vw; }
.logo_top {
position: absolute;
left: 2.5vw;
height: 100%;
width: 20vw;
background-image: url(//www.permonium.cz/wp-content/themes/permonium2/permoniste/assets/img/logo_permoniste_top.svg);
background-size: 90%;
background-position: left 1.25vw;
background-repeat: no-repeat;
transition: 0.15s ease;
z-index: 101;
}
.logo_top:hover {
background-size: 93.5%;
background-position: left 1.15vw;
}
.menu_btn_box {
position: absolute;
height: 50%;
min-width: 29vw;
right: 2.5vw;
top: 50%;
transform: translateY(-50%);
}
.menu_btn {
position: relative;
width: 12.5vw;
height: 100%;
float: right;
margin-left: 1.5vw;
line-height: calc(7.5vw / 2);
text-align: center;
border-radius: 0.5vw;
font-family: geo_bold !important;
font-size: 1.25vw;
letter-spacing: 0.05vw;
transition: 0.15s ease;
}
.menu_btn:hover {
transform: scale(105%);
filter: drop-shadow(0px 0px 0.5vw #d4d4d4);
} .menu_box {
position: absolute;
right: 31vw;
width: 50vw;
height: 100%;
z-index: 100;
}
.menu-item {
position: relative;
}
.menu,
.menu ul {
list-style: none;
transition: 0.2s ease;
}
.menu {
position: absolute;
right: 0;
padding: 0;
margin: 0;
transition: 0.2s ease;
top: 50%;
transform: translateY(-50%);
}
.menu > li {
float: left;
position: relative;
transition: 0.2s ease;
}
.menu a {
display: block;
position: relative;
z-index: 10;
text-decoration: none;
background: transparent;
transition: all 0.2s ease-in-out;
white-space: nowrap;
padding: 0 1vw;
margin: 0.5vw 0.5vw;
line-height: 2.5vw;
font-size: 1.05vw;
text-align: left;
font-family: geo_med !important;
color: var(--darkgrey);
border-radius: 0.25vw;
}
.menu > li:hover > a {
background-color: var(--darkgrey);
color: white;
transition: 0.2s ease;
}
.menu li ul {
position: absolute;
left: 0;
z-index: 1;
width: unset;
padding: 0;
opacity: 0;
visibility: hidden;
overflow: hidden;
transform-origin: 50% 0%;
transition: 0.2s ease;
border-radius: 0.25vw;
}
.menu li ul a {
color: white;
}
.menu li ul li:hover > a {
background-color: var(--darkgrey);
color: white;
text-shadow: none;
transition: 0.2s ease;
}
.menu li:hover ul {
padding: 0vw 0;
background-color: var(--per-mint);
opacity: 1;
visibility: visible;
left: 0vw;
transition: 0.2s ease;
margin-left: 0.5vw;
} .landing {
position: relative;
width: calc(100% - 5vw);
height: calc(100vh - 12vw);
left: 50%;
transform: translateX(-50%);
border-radius: 0.5vw;
margin-bottom: 5vw;
max-height: 48vw;
min-height: 36vw;
} .main_box {
position: absolute;
background-color: white;
width: calc(100% - 26.5vw - 2.5vw);
height: 100%;
border-radius: 0.5vw;
left: 0vw;
overflow: hidden;
}
.shadow_filter {
position: absolute;
width: 100%;
height: 100%;
background-image: linear-gradient(
200deg,
rgba(50, 50, 50, 0) 45%,
rgba(50, 50, 50, 0.95) 100%
);
}
.slide {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.slide_1 {
position: absolute;
width: 100%;
height: 100%;
background-image: url(//www.permonium.cz/wp-content/themes/permonium2/permoniste/assets/img/web_image_4.webp);
background-size: cover;
background-position: center center;
}
.slide_2 {
position: absolute;
width: 100%;
height: 100%;
background-image: url(//www.permonium.cz/wp-content/themes/permonium2/permoniste/assets/img/main_3.webp);
background-size: cover;
background-position: center center;
}
.slide_3 {
position: absolute;
width: 100%;
height: 100%;
background-image: url(//www.permonium.cz/wp-content/themes/permonium2/permoniste/assets/img/web_image_2.webp);
background-size: cover;
background-position: center center;
}
.slide_4 {
position: absolute;
width: 100%;
height: 100%;
background-image: url(//www.permonium.cz/wp-content/themes/permonium2/permoniste/assets/img/web_image_10.webp);
background-size: cover;
background-position: center center;
}
.slide,
.slick-slider,
.slick-list,
.slick-track {
height: 100%;
}
.slick-slide {
height: 100%;
}
.main_box_subheader {
width: calc(100% - 10vw);
left: 5vw;
position: absolute;
bottom: calc(8% + (7.5vw / 2) + 6%);
font-family: geo_bold;
font-size: 2.5vw;
line-height: 2.75vw;
letter-spacing: 0.05vw; }
.main_box_btn {
position: absolute;
width: 12.5vw;
height: calc(7.5vw / 2);
left: 5vw;
bottom: 8%;
line-height: calc(7.5vw / 2);
text-align: center;
border-radius: 0.5vw;
font-family: geo_bold;
font-size: 1.25vw;
letter-spacing: 0.05vw;
transition: 0.15s ease;
}
.main_box_btn:hover {
transform: scale(105%);
filter: drop-shadow(0px 0px 0.5vw #000000bd);
}
.main_box_cta {
position: absolute;
height: calc(7.5vw / 2);
width: calc(100% - 5vw - 5vw - 12vw - 2.5vw);
bottom: 8%;
left: 20vw;
font-size: 1vw;
font-family: "geo_reg";
line-height: 1.5vw;
}
.main_box_cta_text {
position: absolute;
font-size: 1.5vw;
font-family: "geo_bold";
line-height: 1.5vw;
top: 50%;
transform: translateY(-50%);
}
.white_link {
text-decoration: underline;
transition: 0.15s ease;
color: var(--darkgrey);
}
.white_link:hover {
color: #fbbb22;
} .side_box {
position: absolute;
width: 26.5vw;
height: calc(100%);
right: 0vw;
top: 0;
}
.side_squares {
position: relative;
width: 100%;
height: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-content: space-between;
}
.side_square {
position: relative;
width: calc(50% - 0.75vw);
height: calc((100% - 3vw) / 3);
background-color: white;
border-radius: 0.5vw;
transition: 0.15s ease;
}
.side_square:hover {
transform: scale(105%);
filter: drop-shadow(0px 0px 0.5vw #d4d4d4);
}
.side_square:hover .square_trp {
height: calc(100% - 1.75vw);
filter: drop-shadow(0vw 0.35vw 0.35vw black);
}
.square_trp {
position: absolute;
width: 100%;
bottom: 2.75vw;
height: calc(100% - 3.25vw);
filter: drop-shadow(0vw 0.15vw 0.25vw black);
transition: 0.22s ease-out;
}
.trp_1 {
background-image: url(//www.permonium.cz/wp-content/themes/permonium2/permoniste/assets/img/trp_1.webp);
background-position: center bottom;
background-repeat: no-repeat;
background-size: contain;
}
.trp_2 {
background-image: url(//www.permonium.cz/wp-content/themes/permonium2/permoniste/assets/img/trp_3.webp);
background-position: center bottom;
background-repeat: no-repeat;
background-size: contain;
}
.trp_3 {
background-image: url(//www.permonium.cz/wp-content/themes/permonium2/permoniste/assets/img/trp_2.webp);
background-position: center bottom;
background-repeat: no-repeat;
background-size: contain;
}
.trp_4 {
background-image: url(//www.permonium.cz/wp-content/themes/permonium2/permoniste/assets/img/trp_4.webp);
background-position: center bottom;
background-repeat: no-repeat;
background-size: contain;
}
.square_text {
position: absolute;
bottom: 1vw;
text-align: center;
color: white;
font-family: geo_bold;
font-size: 1.25vw;
letter-spacing: 0.05vw;
width: 100%;
text-transform: uppercase;
}
.dul_1 {
background-image: url(//www.permonium.cz/wp-content/themes/permonium2/permoniste/assets/img/dul_1.webp);
background-size: cover;
background-position: center center;
}
.dul_2 {
background-image: url(//www.permonium.cz/wp-content/themes/permonium2/permoniste/assets/img/dul_2.webp);
background-size: cover;
background-position: center center;
}
.dul_3 {
background-image: url(//www.permonium.cz/wp-content/themes/permonium2/permoniste/assets/img/dul_3.webp);
background-size: cover;
background-position: center center;
}
.dul_4 {
background-image: url(//www.permonium.cz/wp-content/themes/permonium2/permoniste/assets/img/dul_4.webp);
background-size: cover;
background-position: center center;
}
.side_dotace {
position: relative;
width: 100%;
height: calc((100% - 3vw) / 3);
background-color: white;
border-radius: 0.5vw;
transition: 0.15s ease;
}
.side_dotace:hover {
transform: scale(105%);
filter: drop-shadow(0px 0px 0.5vw #d4d4d4);
}
.side_dotace p {
position: absolute;
width: calc(100% - 3vw);
left: 50%;
top: 1.5vw;
transform: translateX(-50%);
font-family: geo_reg;
font-size: 0.9vw;
line-height: 1.1vw;
color: var(--darkgrey);
margin: 0;
padding: 0;
text-align: justify;
text-align-last: center;
}
.mmr {
position: absolute;
bottom: 15%;
left: 50%;
transform: translateX(-50%);
width: calc(100% - 3vw);
height: 30%;
background-image: url(//www.permonium.cz/wp-content/themes/permonium2/permoniste/assets/img/logo_mmr.svg);
background-size: contain;
background-position: center top;
background-repeat: no-repeat;
} .section_padding {
padding: 5vw 0;
}
.section_padding_2 {
padding: 5vw 0 0;
}
.section_name.h2 {
position: relative;
width: 100%;
height: 7.5vw;
text-align: center;
font-family: "geo_bold";
letter-spacing: 0.15vw;
font-size: 3.25vw;
} .group_frame {
position: relative;
width: calc(100% - 19vw);
min-height: 15vw;
left: 50%;
transform: translateX(-50%);
border-radius: 0.5vw;
margin-bottom: 2.5vw;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.group_box {
position: relative;
width: calc(25vw);
height: 35vw;
background-color: white;
border-radius: 0.5vw;
margin-bottom: 2vw;
transition: 0.15s ease;
}
.group_box:hover {
transform: scale(102.5%);
filter: drop-shadow(0px 0px 0.5vw #d4d4d4);
}
.group_pic {
position: absolute;
width: 100%;
height: 45%;
border-radius: 0.5vw;
transition: 0.22s ease;
background-color: var(--per-mint);
overflow: hidden;
}
.group_box:hover .group_pic {
transform: scale(105%);
filter: drop-shadow(0px 0px 0.5vw #d4d4d4);
}
.group_btn {
position: absolute;
left: 2.5vw;
bottom: 2.5vw;
width: 9vw;
height: 2.5vw;
line-height: 2.5vw;
text-align: center;
border-radius: 0.25vw;
font-family: geo_bold;
font-size: 1.05vw;
letter-spacing: 0.1vw;
transition: 0.15s ease;
}
.group_btn:hover {
transform: scale(105%);
filter: drop-shadow(0px 0px 0.5vw #d4d4d4);
}
.group_link {
position: absolute;
left: 14vw;
bottom: 2.5vw;
height: 2.5vw;
line-height: 2.5vw;
text-align: center;
text-decoration: underline;
font-family: geo_med;
font-size: 1vw;
letter-spacing: 0.05vw;
}
.group_link:hover {
color: var(--per-mint);
}
.group_name {
position: absolute;
width: calc(100% - 5vw);
top: 50%;
left: 50%;
transform: translateX(-50%);
text-align: left;
font-family: geo_bold;
font-size: 2vw;
line-height: 2.25vw;
margin-bottom: 1.5vw;
transition: 0.15s ease;
}
.group_name:hover {
color: var(--per-mint);
}
.group_text {
position: absolute;
width: calc(100% - 5vw);
height: 6.5vw;
left: 50%;
transform: translateX(-50%);
top: 60%;
font-family: geo_reg;
font-size: 1vw !important;
line-height: 1.5vw !important;
color: var(--darkgrey);
text-align: left;
text-align-last: left;
} .about_frame {
position: relative;
width: calc(100% - 10vw);
min-height: 30vw;
left: 50%;
border-radius: 0.5vw;
transform: translateX(-50%);
display: flex;
justify-content: space-between;
overflow: hidden;
}
.about_frame_2 {
position: relative;
width: calc(100% - 10vw);
min-height: 30vw;
left: 50%;
border-radius: 0.5vw;
transform: translateX(-50%);
margin-top: 5vw;
margin-bottom: 5vw;
display: flex;
justify-content: space-between;
overflow: hidden;
}
.about_pic {
position: relative;
width: calc(50% - 1.25vw);
border-radius: 0.5vw;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}
.about_content {
position: relative;
width: calc(50% - 1.25vw);
}
.kids {
background-image: url(//www.permonium.cz/wp-content/themes/permonium2/permoniste/assets/img/kids.webp);
}
.tree {
background-image: url(//www.permonium.cz/wp-content/themes/permonium2/permoniste/assets/img/tree.webp);
}
.calendar {
background-image: url(//www.permonium.cz/wp-content/themes/permonium2/permoniste/assets/img/calendar.webp);
}
.about_header {
position: relative;
width: calc(100% - 2.5vw - 2.5vw);
margin-top: calc(7.5vw / 4);
margin-left: 2.5vw;
font-family: "geo_bold";
font-size: 2.5vw;
letter-spacing: 0.15vw;
line-height: 2.75vw;
}
.about_text {
position: relative;
width: calc(100% - 2.5vw - 2.5vw);
margin-top: calc(7.5vw / 6);
margin-left: 2.5vw;
font-family: "geo_reg";
font-size: 1vw !important;
line-height: 1.5vw !important;
}
.about_btn {
position: absolute;
width: 12vw;
height: calc(7.5vw / 2);
left: 2.5vw;
bottom: calc(7.5vw / 4);
line-height: calc(7.5vw / 2);
text-align: center;
border-radius: 0.5vw;
font-family: geo_bold;
font-size: 1.5vw;
letter-spacing: 0.1vw;
transition: 0.15s ease;
}
.about_btn:hover {
transform: scale(105%);
filter: drop-shadow(0px 0px 0.5vw #4d4d4c75);
}
.about_subbtn {
position: absolute;
width: 20vw;
height: calc(7.5vw / 2);
left: 17vw;
bottom: calc(7.5vw / 4);
line-height: calc(7.5vw / 2);
text-align: left;
font-family: geo_reg;
font-size: 1.35vw;
transition: 0.15s ease;
text-decoration: underline;
letter-spacing: 0.05vw;
}
.about_subbtn:hover {
color: white;
}
.image_1 {
background-image: url(//www.permonium.cz/wp-content/themes/permonium2/permoniste/assets/img/web_temnosvet.webp);
background-position: center center;
background-size: cover;
}
.image_2 {
background-image: url(//www.permonium.cz/wp-content/themes/permonium2/permoniste/assets/img/web_barvosvet.webp);
background-position: center center;
background-size: cover;
}
.image_3 {
background-image: url(//www.permonium.cz/wp-content/themes/permonium2/permoniste/assets/img/web_babypermon.webp);
background-position: center center;
background-size: cover;
}
.image_bio {
background-image: url(//www.permonium.cz/wp-content/themes/permonium2/permoniste/assets/img/web_biograf.webp);
background-position: center center;
background-size: cover;
}
.image_4 {
background-image: url(//www.permonium.cz/wp-content/themes/permonium2/permoniste/assets/img/web_rodiny.webp);
background-position: center center;
background-size: cover;
}
.image_5 {
background-image: url(//www.permonium.cz/wp-content/themes/permonium2/permoniste/assets/img/main_2.webp);
background-position: center center;
background-size: cover;
}
.image_6 {
background-image: url(//www.permonium.cz/wp-content/themes/permonium2/permoniste/assets/img/web_akce.webp);
background-position: center center;
background-size: cover;
} .footer_frame {
position: relative;
width: calc(100% - 19vw);
min-height: 25vw;
left: 50%;
transform: translateX(-50%);
overflow: hidden;
display: flex;
justify-content: space-between;
}
.footer_box {
position: relative;
width: calc((100% - 10vw) / 3);
height: 25vw;
border-radius: 0.5vw;
color: white;
font-family: geo_med !important;
font-size: 1vw !important;
line-height: 1.5vw;
}
.footer_box p {
color: white;
font-family: geo_med !important;
font-size: 1vw !important;
line-height: 1.5vw;
margin: 0;
}
.footer_box a {
color: white;
font-family: geo_med !important;
font-size: 1vw !important;
line-height: 1.5vw;
transition: 0.15s ease;
}
.footer_box a:hover {
color: var(--per-mint);
font-family: geo_bold !important;
font-size: 1vw !important;
line-height: 1.5vw;
}
.grey {
filter: grayscale(1);
transition: 0.15s ease;
overflow: hidden;
}
.grey:hover {
filter: grayscale(0);
}
.footer_title {
color: var(--per-mint);
font-family: geo_bold;
font-size: 1.5vw;
line-height: 2vw;
margin-bottom: 1vw;
}
.footer_social {
position: absolute;
height: calc(7.5vw / 2);
width: 100%;
left: 0;
bottom: 0;
display: flex;
}
.footer_icon {
position: relative;
height: 100%;
aspect-ratio: 1 / 1;
margin: 0 1.25vw 0 0;
background-size: 100%;
transition: 0.15s ease;
background-color: var(--per-mint);
border-radius: 0.5vw;
}
.footer_icon:hover {
background-size: 110%;
}
.facebook {
background-image: url(//www.permonium.cz/wp-content/themes/permonium2/permoniste/assets/img/icon_facebook.svg);
background-position: center center;
background-repeat: no-repeat;
}
.instagram {
background-image: url(//www.permonium.cz/wp-content/themes/permonium2/permoniste/assets/img/icon_instagram.svg);
background-position: center center;
background-repeat: no-repeat;
}
.youtube {
background-image: url(//www.permonium.cz/wp-content/themes/permonium2/permoniste/assets/img/icon_youtube.svg);
background-position: center center;
background-repeat: no-repeat;
}
.footer_copyright {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
text-align: right;
font-family: geo_med;
color: white;
font-size: 1.5vw;
display: none;
} .page_frame {
position: relative;
width: calc(100% - 5vw);
left: 50%;
transform: translateX(-50%);
border-radius: 0.5vw;
margin-bottom: 5vw;
display: flex;
justify-content: space-between;
} .page_all {
position: relative;
width: 100%;
margin-bottom: 5vw;
min-height: 36vw;
display: flex;
justify-content: space-between;
}
.page_box {
position: relative;
background-color: white;
width: calc(100% - 26.5vw - 7.5vw);
border-radius: 0.5vw;
left: 2.5vw;
overflow: hidden;
min-height: 100%;
}
.page_landing {
position: relative;
width: 26.5vw;
right: 2.5vw;
max-height: 50vw;
min-height: 36vw;
height: calc(100vh - 9.5vw - 5vw);
}
.page_content_box {
position: relative;
background-color: white; min-height: 100%;
border-radius: 0.5vw;
left: 0vw;
}
.page_content {
position: relative;
width: calc(100% - 5vw);
left: 50%;
transform: translateX(-50%);
margin-top: 2.5vw;
margin-bottom: 3.5vw;
}
.page_image {
position: relative;
float: right;
width: 50%;
aspect-ratio: 4 / 3;
border-radius: 0.25vw;
background-color: #f6f6f6;
margin-left: 2.5vw;
margin-bottom: 2vw;
overflow: hidden;
} .page_side_box {
position: relative;
width: 26.5vw;
height: 100%;
border-radius: 0.5vw;
right: 0vw;
}
.page_side_box .side_box {
position: relative;
background-color: white;
width: 26.5vw;
height: 35vw;
border-radius: 0.5vw;
right: 0vw;
}
.page_events_box {
position: relative;
width: 26.5vw;
border-radius: 0.5vw;
right: 0vw;
}
.page_event_box {
position: relative;
width: 100%;
height: 14.5vw;
background-color: white;
border-radius: 0.5vw;
margin-top: 2vw;
transition: 0.15s ease;
}
.page_event_box:hover {
transform: scale(102.5%);
}
.page_event_btn {
position: absolute;
right: 2.5vw;
bottom: 1.5vw;
width: 12.5vw;
height: 2.5vw;
line-height: 2.5vw;
text-align: center;
border-radius: 0.25vw;
font-family: geo_bold;
font-size: 1.05vw;
letter-spacing: 0.1vw;
transition: 0.15s ease;
}
.page_event_btn:hover {
transform: scale(105%);
filter: drop-shadow(0px 0px 0.5vw #d4d4d4);
}
.page_event_link {
position: absolute;
left: 2.5vw;
bottom: 1.5vw;
height: 2.5vw;
width: 7.5vw;
line-height: 2.5vw;
text-align: center;
text-decoration: underline;
font-family: geo_reg;
font-size: 1vw;
letter-spacing: 0.025vw;
}
.page_event_link:hover {
color: #fbbb22;
}
.page_event_pic {
position: absolute;
left: 2.5vw;
top: 1.5vw;
height: 7.5vw;
aspect-ratio: 1 / 1;
border-radius: 0.25vw;
background-size: cover;
overflow: hidden;
}
.page_event_text {
position: absolute;
right: 2.5vw;
width: 12.5vw;
top: 1.5vw;
height: calc(100% - 1.5vw - 1.5vw);
}
.page_event_name {
position: relative;
line-height: 1.5vw;
text-align: left;
font-family: geo_bold;
font-size: 1.15vw;
margin-bottom: 0.25vw;
transition: 0.15s ease;
}
.page_event_name:hover {
color: #fbbb22;
}
.page_event_date {
position: relative;
line-height: 1.5vw;
text-align: left;
font-family: geo_reg;
font-size: 0.9vw;
margin-bottom: 0.25vw;
}
.page_event_place {
position: relative;
line-height: 1.25vw;
text-align: left;
font-family: geo_reg;
font-size: 0.9vw;
} .page_content p {
font-family: geo_reg !important;
font-size: 1vw;
line-height: 1.75vw;
text-align: justify;
text-align-last: left;
padding: 0;
margin: 0.5vw 0 1.5vw 0;
}
.page_content a {
text-decoration: underline;
transition: 0.15s ease;
font-family: inherit !important;
}
.page_content a:hover {
color: var(--per-mint);
}
.page_content h1 {
font-family: geo_bold !important;
font-size: 2.5vw;
line-height: 3vw;
text-align: left;
margin: 0.5vw 0 2vw 0;
color: #4d4d4c;
}
.page_content h2 {
font-family: geo_med !important;
font-size: 2.5vw;
line-height: 3vw;
text-align: left;
margin: 0.5vw 0 2vw 0;
color: #4d4d4c;
}
.page_content h3 {
font-family: geo_bold !important;
font-size: 2vw;
line-height: 2.5vw;
text-align: left;
margin: 0.5vw 0 2vw 0;
color: #4d4d4c;
}
.page_content h4 {
font-family: geo_med !important;
font-size: 2vw;
line-height: 2.5vw;
text-align: left;
margin: 0.5vw 0 2vw 0;
color: #4d4d4c;
}
.page_content h5 {
font-family: geo_bold !important;
font-size: 1.5vw;
line-height: 2vw;
text-align: left;
margin: 0.5vw 0 1.5vw 0;
color: #4d4d4c;
}
.page_content h6 {
font-family: geo_med !important;
font-size: 1.5vw;
line-height: 2vw;
text-align: left;
margin: 0.5vw 0 1.5vw 0;
color: #4d4d4c;
}
.page_content li,
.page_content ol,
.page_content ul {
font-family: geo_reg;
padding-left: 1vw;
margin: 0;
font-size: 1vw;
line-height: 1.75vw;
}
figure {
border-radius: 0.25vw;
overflow: hidden;
} .page_atrakce {
position: relative;
width: 100%;
margin-top: 5vw;
}
.box_atrakce {
position: relative;
width: 100%;
height: 15vw;
margin-bottom: 2.5vw;
}
.pic_atrakce {
position: relative;
float: left;
height: 100%;
aspect-ratio: 16 / 9;
border-radius: 0.5vw;
overflow: hidden;
margin-right: 2.5vw;
}
.name_atrakce {
position: relative;
text-align: left;
font-family: geo_bold !important;
font-size: 2vw;
color: #4d4d4c;
}
.text_atrakce {
position: relative;
color: #4d4d4c;
} .bg-yellow-l {
background-color: white !important;
border-radius: 0.25vw;
} .uk-container {
max-width: unset;
padding: unset;
}
.standard {
display: block;
font-size: 1vw;
font-family: geo_reg;
}
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="number"],
.wpcf7 textarea {
background-color: #eaeaea;
border-radius: 0.25vw;
overflow: hidden;
}
.uk-width-medium-1-2,
.uk-width-medium-2-4,
.uk-width-medium-3-6,
.uk-width-medium-5-10 {
width: 100%;
}
.standard input[type="submit"] {
display: inline-block;
width: 12.5vw;
height: calc(7.5vw / 2);
background: var(--per-mint);
line-height: calc(7.5vw / 2);
text-align: center;
border-radius: 0.5vw;
font-family: geo_bold !important;
font-size: 1.25vw;
letter-spacing: 0.05vw;
transition: 0.15s ease;
cursor: pointer;
color: white;
padding: 0 3.5vw 0 3.5vw;
text-transform: uppercase;
}
.standard input[type="submit"]:hover {
background: var(--per-mint) !important;
transform: scale(105%);
filter: drop-shadow(0px 0px 0.5vw #d4d4d4);
} }
@media only screen and (max-width: 799.5px) {
html,
body {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
border: 0;
min-width: 300px;
background-color: #eaeaea;
}
.desktop {
display: none;
}
.mobile {
display: block;
}
.body_bg {
position: absolute;
width: 100%;
height: 750vw;
background-image: url(//www.permonium.cz/wp-content/themes/permonium2/permoniste/assets/img/permoniste_bg.webp);
background-size: cover;
background-position: center top;
filter: brightness(1.7);
mix-blend-mode: multiply;
opacity: 0.75;
display: none;
}
.page_content p {
font-family: geo_reg !important;
font-size: 4vw;
line-height: 7vw;
text-align: left;
text-align-last: left;
padding: 0;
margin: 0vw 0 6vw 0;
}
.page_content a {
text-decoration: underline;
transition: 0.15s ease;
font-family: inherit !important;
}
.page_content a:hover {
color: var(--per-mint);
}
.page_content h1 {
font-family: geo_bold !important;
font-size: 8vw;
line-height: 9vw;
text-align: left;
margin: 0vw 0 5vw 0;
color: #4d4d4c;
font-weight: normal;
}
.page_content h2 {
font-family: geo_med !important;
font-size: 7vw;
line-height: 8vw;
text-align: left;
margin: 1vw 0 4vw 0;
color: #4d4d4c;
font-weight: normal;
}
.page_content h3 {
font-family: geo_bold !important;
font-size: 6.5vw;
line-height: 7vw;
text-align: left;
margin: 1vw 0 4vw 0;
color: #4d4d4c;
font-weight: normal;
}
.page_content h4 {
font-family: geo_med !important;
font-size: 6vw;
line-height: 6.5vw;
text-align: left;
margin: 1vw 0 1.5vw 0;
color: #4d4d4c;
font-weight: normal;
}
.page_content h5 {
font-family: geo_bold !important;
font-size: 5vw;
line-height: 5.5vw;
text-align: left;
margin: 1vw 0 1.5vw 0;
color: #4d4d4c;
font-weight: normal;
}
.page_content h6 {
font-family: geo_med !important;
font-size: 4.5vw;
line-height: 5vw;
text-align: left;
margin: 1vw 0 1.5vw 0;
color: #4d4d4c;
font-weight: normal;
}
.page_content li,
.page_content ol,
.page_content ul {
font-family: "geo_reg" !important;
padding-left: 4vw;
margin: 0;
font-size: 4vw;
line-height: 6vw;
} .menu_line {
position: relative;
width: 100%;
height: 20vw;
}
.logo_top {
position: absolute;
left: 5vw;
height: 100%;
width: 50vw;
background-image: url(//www.permonium.cz/wp-content/themes/permonium2/permoniste/assets/img/logo_permoniste_top.svg);
background-size: 90%;
background-position: left 4vw;
background-repeat: no-repeat;
transition: 0.15s ease;
cursor: pointer;
}
.logo_sidemenu {
position: absolute;
top: 0vw;
left: 5vw;
height: 20vw;
width: 50vw;
background-image: url(//www.permonium.cz/wp-content/themes/permonium2/permoniste/assets/img/logo_permoniste_white.svg);
background-size: 90%;
background-position: left 4vw;
background-repeat: no-repeat;
transition: 0.15s ease;
cursor: pointer;
}
.menu_btn_box {
display: none;
}
.menu_btn_box_mobile {
position: relative;
height: 15vw;
width: calc(100% - 0vw);
min-width: unset;
left: 50%;
transform: translateX(-50%);
margin-bottom: 7.5vw;
display: flex;
flex-direction: row;
justify-content: space-between;
}
.menu_btn {
position: relative;
width: 42.5vw;
height: 100%;
float: right;
line-height: 15vw;
margin-left: unset;
text-align: center;
border-radius: 2.5vw;
font-family: geo_bold;
font-size: 4vw;
letter-spacing: 0.5vw;
transition: 0.15s ease;
cursor: pointer;
}
.menu_btn:hover {
transform: scale(105%);
filter: drop-shadow(0px 0px 0.5vw #d4d4d4);
} .mobile_menu {
position: fixed;
width: calc(100% - 25vw);
top: 0vw;
left: 100%;
height: calc(100% - 30vw);
transition: transform 0.2s ease;
z-index: 30;
padding: 20vw 20vw 10vw 5vw;
background-color: var(--per-mint);
color: white;
text-align: left;
line-height: 7vw;
font-family: geo_med;
font-size: 4.5vw;
overflow: auto;
}
input[type="checkbox"] {
display: none;
}
label {
position: fixed !important;
padding: 0 !important;
top: 5vw;
right: 5vw;
height: 10vw;
width: 10vw;
transition: 0.2s ease;
margin: 0;
cursor: pointer;
z-index: 1000;
background-color: var(--per-mint);
border-radius: 1.5vw 1.5vw 1.5vw 1.5vw;
filter: drop-shadow(0.5vw 0.5vw 0vw #4d4d4d)
drop-shadow(-0.5vw -0.5vw 0vw white);
}
.menu {
position: relative;
height: unset;
width: unset;
left: unset;
top: unset;
transform: unset;
z-index: 3;
}
.bar_1 {
position: absolute;
background: white;
width: 60%;
left: 20%;
height: 1vw;
top: 20%;
z-index: 4;
transition: 0.3s ease;
border-radius: 2vw;
}
.bar_2 {
position: absolute;
background: white;
width: 60%;
left: 20%;
height: 1vw;
top: 50%;
transform: translateY(-50%);
z-index: 4;
transition: 0.3s ease;
border-radius: 2vw;
}
.bar_3 {
position: absolute;
background: white;
width: 60%;
left: 20%;
height: 1vw;
bottom: 20%;
z-index: 4;
transition: 0.3s ease;
border-radius: 2vw;
}
input[type="checkbox"]:checked ~ .mobile_menu {
transform: translateX(-100%);
}
input[type="checkbox"]:checked ~ label .bar_1 {
width: 65%;
top: 4.5vw;
left: 17%;
-webkit-transform: translateY(0px) rotateZ(45deg);
-moz-transform: translateY(0px) rotateZ(45deg);
-ms-transform: translateY(0px) rotateZ(45deg);
-o-transform: translateY(0px) rotateZ(45deg);
transform: translateY(0px) rotateZ(45deg);
}
input[type="checkbox"]:checked ~ label .bar_2 {
width: 0%;
}
input[type="checkbox"]:checked ~ label .bar_3 {
width: 65%;
bottom: 4.5vw;
left: 17%;
-webkit-transform: translateY(0px) rotateZ(-45deg);
-moz-transform: translateY(0px) rotateZ(-45deg);
-ms-transform: translateY(0px) rotateZ(-45deg);
-o-transform: translateY(0px) rotateZ(-45deg);
transform: translateY(0px) rotateZ(-45deg);
}
.spacer {
position: relative;
width: 100%;
height: 10vw;
} .mobile_menu ul {
list-style: none;
padding-left: 0vw;
line-height: 6vw;
}
.mobile_menu ul a {
font-size: 5vw;
text-decoration: none;
}
ul.sub-menu {
padding-left: 5vw;
padding-bottom: 5vw;
font-family: geo_bold;
}
ul.sub-menu a {
font-size: 4vw;
text-decoration: none;
font-family: geo_med !important;
padding: 0 5vw;
}
ul.sub-menu a:hover {
text-decoration: underline;
}
.menu-menu_top-container {
position: relative;
width: 100%;
height: 100%;
}
.menu,
.menu ul {
list-style: none;
transition: 0.2s ease;
}
.menu {
position: relative;
float: left;
width: 100%;
padding: 0;
margin: 0;
}
.menu,
.menu ul {
list-style: none;
z-index: 1000;
}
.menu > li {
float: left;
position: relative;
width: 100%;
}
.menu a {
display: block;
position: relative;
z-index: 10;
padding: 2.5vw 3.5vw;
text-decoration: none;
color: white;
line-height: 6vw;
background: transparent;
transition: all 0.2s ease-in-out;
font-size: 5vw;
white-space: nowrap;
font-family: geo_bold !important;
margin: 0;
} .menu li ul {
position: relative;
left: 0;
z-index: 1;
width: unset;
height: unset;
padding: 0;
opacity: 1;
visibility: visible;
overflow: hidden;
transform-origin: 50% 0%;
border-radius: 0 0 3vw 3vw;
margin-bottom: 2.5vw;
} .menu li:hover ul {
padding: 0vw 0;
padding-bottom: 0vw;
box-shadow: unset;
opacity: 1;
visibility: visible;
height: unset;
animation: unset;
margin-top: unset;
left: unset; }
ul.menu li a {
font-family: geo_med;
} .landing {
position: relative;
width: calc(100% - 10vw);
height: unset;
left: 50%;
transform: translateX(-50%);
border-radius: 3vw;
margin-bottom: 10vw;
max-height: unset;
min-height: unset;
} .main_box {
position: relative;
background-color: white;
width: calc(100%);
height: unset;
aspect-ratio: 1 / 1;
border-radius: 3vw;
left: 0vw;
background-image: url(//www.permonium.cz/wp-content/themes/permonium2/permoniste/assets/css/images/main_photo.webp);
background-size: cover;
background-position: center center;
margin-bottom: 7.5vw;
overflow: hidden;
}
.shadow_filter {
position: absolute;
width: 100%;
height: 100%;
background-image: linear-gradient(
200deg,
rgba(50, 50, 50, 0) 45%,
rgba(50, 50, 50, 0.95) 100%
);
border-radius: 3vw;
overflow: hidden;
}
.slide {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
border-radius: 3vw;
overflow: hidden;
}
.slide_1 {
position: absolute;
width: 100%;
height: 100%;
background-image: url(//www.permonium.cz/wp-content/themes/permonium2/permoniste/assets/img/web_image_4.webp);
background-size: cover;
background-position: center center;
border-radius: 3vw;
overflow: hidden;
}
.slide_2 {
position: absolute;
width: 100%;
height: 100%;
background-image: url(//www.permonium.cz/wp-content/themes/permonium2/permoniste/assets/img/main_3.webp);
background-size: cover;
background-position: center center;
border-radius: 3vw;
overflow: hidden;
}
.slide_3 {
position: absolute;
width: 100%;
height: 100%;
background-image: url(//www.permonium.cz/wp-content/themes/permonium2/permoniste/assets/img/web_image_2.webp);
background-size: cover;
background-position: center center;
border-radius: 3vw;
overflow: hidden;
}
.slide_4 {
position: absolute;
width: 100%;
height: 100%;
background-image: url(//www.permonium.cz/wp-content/themes/permonium2/permoniste/assets/img/web_image_10.webp);
background-size: cover;
background-position: center center;
border-radius: 3vw;
overflow: hidden;
}
.slide,
.slick-slider,
.slick-list,
.slick-track {
height: 100%;
}
.slick-slide {
height: 100%;
}
.main_box_subheader {
width: calc(100% - 10vw);
left: 5vw;
position: absolute;
bottom: 7.5vw;
font-family: geo_bold;
font-size: 6vw;
line-height: 6.5vw;
letter-spacing: 0.15vw;
filter: drop-shadow(0 0 1.5vw black);
}
.main_box_btn {
position: absolute;
width: 47.5vw;
height: 10vw;
left: 5vw;
bottom: 5vw;
line-height: 10vw;
text-align: center;
border-radius: 1.5vw;
font-family: geo_bold;
font-size: 4vw;
letter-spacing: 0.5vw;
transition: 0.15s ease;
cursor: pointer;
}
.main_box_btn:hover {
transform: scale(105%);
filter: drop-shadow(0px 0px 0.5vw #000000);
}
.main_box_cta {
display: none;
position: unset;
height: unset;
width: unset;
bottom: unset;
left: unset;
}
.main_box_cta_text {
position: absolute;
bottom: 17.5vw;
font-size: 3.5vw;
font-family: "geo_reg";
line-height: 4vw;
top: unset;
transform: unset;
left: 5vw;
width: calc(100% - 12vw);
}
.white_link {
text-decoration: underline;
transition: 0.15s ease;
cursor: pointer;
}
.white_link:hover {
color: #fbbb22;
} .side_box {
position: relative;
background-color: unset;
width: 100%;
height: unset;
border-radius: 3vw;
right: 0vw;
top: 0;
margin-bottom: 7.5vw;
}
.side_squares {
position: relative;
width: 100%;
height: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-content: space-between;
}
.side_square {
position: relative;
width: 42.5vw;
height: 42.5vw;
background-color: white;
border-radius: 3vw;
transition: 0.15s ease;
margin-bottom: 5vw;
}
.side_square:hover {
transform: scale(105%);
filter: drop-shadow(0px 0px 1.5vw #d4d4d4);
}
.side_square:hover .square_trp {
height: calc(100% - 5vw);
filter: drop-shadow(0vw 1vw 1vw black);
}
.square_trp {
position: absolute;
width: 100%;
bottom: 8.5vw;
height: calc(100% - 10vw);
filter: drop-shadow(0vw 0.45vw 0.75vw black);
transition: 0.22s ease-out;
}
.trp_1 {
background-image: url(//www.permonium.cz/wp-content/themes/permonium2/permoniste/assets/img/trp_1.webp);
background-position: center bottom;
background-repeat: no-repeat;
background-size: contain;
}
.trp_2 {
background-image: url(//www.permonium.cz/wp-content/themes/permonium2/permoniste/assets/img/trp_3.webp);
background-position: center bottom;
background-repeat: no-repeat;
background-size: contain;
}
.trp_3 {
background-image: url(//www.permonium.cz/wp-content/themes/permonium2/permoniste/assets/img/trp_2.webp);
background-position: center bottom;
background-repeat: no-repeat;
background-size: contain;
}
.trp_4 {
background-image: url(//www.permonium.cz/wp-content/themes/permonium2/permoniste/assets/img/trp_4.webp);
background-position: center bottom;
background-repeat: no-repeat;
background-size: contain;
}
.square_text {
position: absolute;
bottom: 3vw;
text-align: center;
color: white;
font-family: geo_bold;
font-size: 4vw;
letter-spacing: 0.5vw;
width: 100%;
text-transform: uppercase;
}
.dul_1 {
background-image: url(//www.permonium.cz/wp-content/themes/permonium2/permoniste/assets/img/dul_1.webp);
background-size: cover;
background-position: center center;
}
.dul_2 {
background-image: url(//www.permonium.cz/wp-content/themes/permonium2/permoniste/assets/img/dul_2.webp);
background-size: cover;
background-position: center center;
}
.dul_3 {
background-image: url(//www.permonium.cz/wp-content/themes/permonium2/permoniste/assets/img/dul_3.webp);
background-size: cover;
background-position: center center;
}
.dul_4 {
background-image: url(//www.permonium.cz/wp-content/themes/permonium2/permoniste/assets/img/dul_4.webp);
background-size: cover;
background-position: center center;
}
.side_dotace {
position: relative;
width: 100%;
height: 42.5vw;
background-color: white;
border-radius: 3vw;
transition: 0.15s ease;
margin-top: 2.5vw;
}
.side_dotace:hover {
transform: scale(105%);
filter: drop-shadow(0px 0px 0.5vw #d4d4d4);
}
.side_dotace p {
position: absolute;
width: calc(100% - 10vw);
left: 50%;
top: 3vw;
transform: translateX(-50%);
font-family: geo_reg;
font-size: 3vw;
line-height: 5vw;
color: var(--darkgrey);
margin: 0;
padding: 0;
text-align: justify;
text-align-last: center;
}
.mmr {
position: absolute;
bottom: 15%;
left: 50%;
transform: translateX(-50%);
width: calc(100% - 3vw);
height: 30%;
background-image: url(//www.permonium.cz/wp-content/themes/permonium2/permoniste/assets/img/logo_mmr.svg);
background-size: contain;
background-position: center top;
background-repeat: no-repeat;
} .section_padding {
padding: 5vw 0 12.5vw;
}
.section_padding_2 {
padding: 5vw 0 0;
}
.section_name.h2 {
position: relative;
width: 100%;
height: unset;
text-align: center;
font-family: "geo_bold";
letter-spacing: 0.5vw;
font-size: 8vw;
margin-bottom: 7.5vw;
padding-top: 5vw;
line-height: 10vw !important;
} .video_frame {
position: relative;
left: 50%;
transform: translateX(-50%);
width: calc(100% - 10vw);
margin-bottom: 10vw;
border-radius: 3vw;
aspect-ratio: 16 / 9;
background-color: white;
overflow: hidden;
} .group_frame {
position: relative;
width: calc(100% - 10vw);
min-height: 15vw;
left: 50%;
transform: translateX(-50%);
border-radius: 3vw;
margin-bottom: 7.5vw;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
flex-direction: column;
}
.group_box {
position: relative;
width: 100%;
height: unset;
aspect-ratio: 25 / 35;
background-color: white;
border-radius: 3vw;
margin-bottom: 7.5vw;
transition: 0.15s ease;
}
.group_box:hover {
transform: scale(102.5%);
filter: drop-shadow(0px 0px 0.5vw #d4d4d4);
}
.group_pic {
position: absolute;
width: 100%;
height: 45%;
border-radius: 3vw;
transition: 0.22s ease;
background-color: var(--per-mint);
overflow: hidden;
} .group_btn {
position: absolute;
float: left;
width: 40vw;
height: 10vw;
left: 5vw;
bottom: 7.5vw;
line-height: 10vw;
text-align: center;
border-radius: 1.5vw;
font-family: geo_bold;
font-size: 4vw;
letter-spacing: 0.5vw;
transition: 0.15s ease;
cursor: pointer;
}
.group_btn:hover {
transform: scale(105%);
filter: drop-shadow(0px 0px 0.5vw #4d4d4c75);
}
.group_link {
position: absolute;
float: right;
width: 35vw;
height: 10vw;
left: 52.5vw;
bottom: 7.5vw;
line-height: 10vw;
text-align: left;
font-family: geo_reg;
font-size: 4vw;
transition: 0.15s ease;
cursor: pointer;
text-decoration: underline;
letter-spacing: 0.15vw;
}
.group_link:hover {
color: var(--per-mint);
}
.group_name {
position: absolute;
width: calc(100% - 10vw);
top: 50%;
left: 50%;
transform: translateX(-50%);
text-align: left;
font-family: geo_bold;
font-size: 7vw;
line-height: 8vw;
margin-bottom: 4.5vw;
transition: 0.15s ease;
}
.group_name:hover {
color: var(--per-mint);
}
.group_text {
position: absolute;
width: calc(100% - 10vw);
height: 25vw;
left: 50%;
transform: translateX(-50%);
top: 60%;
font-family: geo_reg;
font-size: 4vw;
line-height: 6vw;
color: var(--darkgrey);
text-align: left;
text-align-last: left;
} .about_frame {
position: relative;
width: calc(100% - 10vw);
min-height: unset;
left: 50%;
border-radius: 0.5vw;
transform: translateX(-50%);
display: flex;
justify-content: space-between;
flex-direction: column;
overflow: hidden;
}
.about_frame_2 {
position: relative;
width: calc(100% - 10vw);
min-height: unset;
left: 50%;
border-radius: 0.5vw;
transform: translateX(-50%);
margin-top: 12.5vw;
margin-bottom: 12.5vw;
display: flex;
justify-content: space-between;
flex-direction: column;
overflow: hidden;
}
.about_pic {
position: relative;
width: 100%;
aspect-ratio: 16 / 9;
border-radius: 2.5vw;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}
.about_content {
position: relative;
width: 100%;
}
.kids {
background-image: url(//www.permonium.cz/wp-content/themes/permonium2/permoniste/assets/css/images/kids.webp);
}
.tree {
background-image: url(//www.permonium.cz/wp-content/themes/permonium2/permoniste/assets/css/images/tree.webp);
}
.calendar {
background-image: url(//www.permonium.cz/wp-content/themes/permonium2/permoniste/assets/css/images/calendar.webp);
}
.about_header {
position: relative;
width: calc(100% - 5vw);
margin-top: 5vw;
margin-left: 2.5vw;
margin-bottom: 2.5vw;
font-family: "geo_bold";
font-size: 6vw;
line-height: 7.5vw;
letter-spacing: 0.15vw;
font-weight: normal;
}
.about_text {
position: relative;
width: calc(100% - 5vw);
margin-top: 5vw;
margin-left: 2.5vw;
font-family: "geo_reg";
font-size: 4vw;
line-height: 6vw;
margin-bottom: 10vw;
}
.about_btn {
position: relative;
float: left;
width: 40vw;
height: 10vw;
left: 2.5vw;
bottom: unset;
line-height: 10vw;
text-align: center;
border-radius: 1.5vw;
font-family: geo_bold;
font-size: 4vw;
letter-spacing: 0.5vw;
transition: 0.15s ease;
cursor: pointer;
}
.about_btn:hover {
transform: scale(105%);
filter: drop-shadow(0px 0px 0.5vw #4d4d4c75);
}
.about_subbtn {
position: relative;
float: right;
width: 40vw;
height: 10vw;
left: unset;
bottom: unset;
line-height: 10vw;
text-align: left;
font-family: geo_reg;
font-size: 4vw;
transition: 0.15s ease;
cursor: pointer;
text-decoration: underline;
letter-spacing: 0.15vw;
}
.about_subbtn:hover {
color: white;
} .partner_frame {
position: relative;
width: calc(100% - 15vw);
min-height: 30vw;
left: 50%;
border-radius: 3vw;
transform: translateX(-50%);
overflow: hidden;
}
.tier_1 {
position: relative;
margin-bottom: 2.5vw;
width: 80vw;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
left: 50%;
transform: translateX(-50%);
}
.tier_name {
position: relative;
width: 65vw;
color: white;
text-transform: uppercase;
text-align: center;
margin-bottom: 5vw;
margin-top: 7.5vw;
height: 10vw;
line-height: 10vw;
border-radius: 1.5vw;
font-family: geo_bold;
font-size: 4vw;
letter-spacing: 0.5vw;
transition: 0.15s ease;
transform: translateX(-50%);
left: 50%;
}
.image_1 {
background-image: url(//www.permonium.cz/wp-content/themes/permonium2/permoniste/assets/img/web_temnosvet.webp);
background-position: center center;
background-size: cover;
}
.image_2 {
background-image: url(//www.permonium.cz/wp-content/themes/permonium2/permoniste/assets/img/web_barvosvet.webp);
background-position: center center;
background-size: cover;
}
.image_3 {
background-image: url(//www.permonium.cz/wp-content/themes/permonium2/permoniste/assets/img/web_babypermon.webp);
background-position: center center;
background-size: cover;
}
.image_bio {
background-image: url(//www.permonium.cz/wp-content/themes/permonium2/permoniste/assets/img/web_biograf.webp);
background-position: center center;
background-size: cover;
}
.image_4 {
background-image: url(//www.permonium.cz/wp-content/themes/permonium2/permoniste/assets/img/main_1.webp);
background-position: center center;
background-size: cover;
}
.image_5 {
background-image: url(//www.permonium.cz/wp-content/themes/permonium2/permoniste/assets/img/web_image_1.webp);
background-position: center center;
background-size: cover;
}
.image_6 {
background-image: url(//www.permonium.cz/wp-content/themes/permonium2/permoniste/assets/img/main_2.webp);
background-position: center center;
background-size: cover;
} .footer_frame {
position: relative;
width: calc(100% - 15vw);
margin-top: 10vw;
left: 50%;
transform: translateX(-50%);
display: flex;
flex-direction: column;
}
.footer_box {
position: relative;
width: 100%;
height: unset;
border-radius: 3vw;
color: white;
font-family: geo_med !important;
font-size: 1vw !important;
line-height: 1.5vw;
margin-bottom: 10vw;
}
.footer_box p {
color: white;
font-family: geo_med !important;
font-size: 4vw !important;
line-height: 6vw;
margin: 0;
}
.footer_box a {
color: white;
font-family: geo_med !important;
font-size: 4vw !important;
line-height: 6vw;
transition: 0.15s ease;
}
.footer_box a:hover {
color: var(--per-mint);
font-family: geo_bold !important;
font-size: 4vw !important;
line-height: 6vw;
}
.grey {
filter: grayscale(1);
transition: 0.15s ease;
overflow: hidden;
aspect-ratio: 1 / 1;
}
.grey:hover {
filter: grayscale(0);
}
.footer_title {
color: var(--per-mint);
font-family: geo_bold;
font-size: 6vw;
line-height: 8vw;
margin-bottom: 4vw;
}
.footer_social {
position: relative;
height: 10vw;
width: 100%;
left: 0;
bottom: 0;
display: flex;
margin-top: 7.5vw;
}
.footer_icon {
position: relative;
height: 100%;
aspect-ratio: 1 / 1;
margin: 0 5vw 0 0;
background-size: 100%;
transition: 0.15s ease;
background-color: var(--per-mint);
border-radius: 1.5vw;
}
.footer_icon:hover {
background-size: 110%;
}
.facebook {
background-image: url(//www.permonium.cz/wp-content/themes/permonium2/permoniste/assets/img/icon_facebook.svg);
background-position: center center;
background-repeat: no-repeat;
}
.instagram {
background-image: url(//www.permonium.cz/wp-content/themes/permonium2/permoniste/assets/img/icon_instagram.svg);
background-position: center center;
background-repeat: no-repeat;
}
.youtube {
background-image: url(//www.permonium.cz/wp-content/themes/permonium2/permoniste/assets/img/icon_youtube.svg);
background-position: center center;
background-repeat: no-repeat;
}
.footer_copyright {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
text-align: right;
font-family: geo_med;
color: white;
font-size: 1.5vw;
display: none;
} .page_box {
position: relative;
width: calc(100% - 10vw);
left: 50%;
transform: translateX(-50%);
margin-bottom: 7.5vw;
display: block;
justify-content: unset;
background-color: white;
border-radius: 3vw;
padding-bottom: 5vw;
min-height: 90vw;
} .page_content_box {
position: relative;
width: calc(100% - 10vw);
left: 50%;
transform: translateX(-50%);
min-height: unset;
border-radius: unset;
}
.page_content {
position: relative;
width: calc(100%);
left: unset;
transform: unset;
padding-top: 5vw;
margin-bottom: 3.5vw;
margin-top: 0;
}
.page_image {
position: relative;
width: 100%;
aspect-ratio: 16 / 9;
border-radius: 1.5vw;
background-color: #f6f6f6;
margin-left: 0;
margin-bottom: 7.5vw;
overflow: hidden;
} .page_side_box {
position: relative;
width: 26.5vw;
height: 100%;
border-radius: 0.5vw;
right: 0vw;
}
.page_side_box .side_box {
position: relative;
background-color: white;
width: 26.5vw;
height: 35vw;
border-radius: 0.5vw;
right: 0vw;
}
.page_events_box {
position: relative;
width: 26.5vw;
border-radius: 0.5vw;
right: 0vw;
}
.page_event_box {
position: relative;
width: 100%;
height: 14.5vw;
background-color: white;
border-radius: 0.5vw;
margin-top: 2vw;
transition: 0.15s ease;
}
.page_event_box:hover {
transform: scale(102.5%);
}
.page_event_btn {
position: absolute;
right: 2.5vw;
bottom: 1.5vw;
width: 12.5vw;
height: 2.5vw;
line-height: 2.5vw;
text-align: center;
border-radius: 0.25vw;
font-family: geo_bold;
font-size: 1.05vw;
letter-spacing: 0.1vw;
transition: 0.15s ease;
cursor: pointer;
}
.page_event_btn:hover {
transform: scale(105%);
filter: drop-shadow(0px 0px 0.5vw #d4d4d4);
}
.page_event_link {
position: absolute;
left: 2.5vw;
bottom: 1.5vw;
height: 2.5vw;
width: 7.5vw;
line-height: 2.5vw;
text-align: center;
text-decoration: underline;
font-family: geo_reg;
font-size: 1vw;
letter-spacing: 0.025vw;
cursor: pointer;
}
.page_event_link:hover {
color: #fbbb22;
}
.page_event_pic {
position: absolute;
left: 2.5vw;
top: 1.5vw;
height: 7.5vw;
aspect-ratio: 1 / 1;
border-radius: 0.25vw;
cursor: pointer;
background-size: cover;
overflow: hidden;
}
.page_event_text {
position: absolute;
right: 2.5vw;
width: 12.5vw;
top: 1.5vw;
height: calc(100% - 1.5vw - 1.5vw);
}
.page_event_name {
position: relative;
line-height: 1.5vw;
text-align: left;
font-family: geo_bold;
font-size: 1.15vw;
margin-bottom: 0.25vw;
transition: 0.15s ease;
cursor: pointer;
}
.page_event_name:hover {
color: #fbbb22;
}
.page_event_date {
position: relative;
line-height: 1.5vw;
text-align: left;
font-family: geo_reg;
font-size: 0.9vw;
margin-bottom: 0.25vw;
}
.page_event_place {
position: relative;
line-height: 1.25vw;
text-align: left;
font-family: geo_reg;
font-size: 0.9vw;
}
figure {
border-radius: 1.5vw;
overflow: hidden;
} .page_atrakce {
position: relative;
width: 100%;
margin-top: 7.5vw;
}
.box_atrakce {
position: relative;
width: 100%;
margin-bottom: 10vw;
}
.pic_atrakce {
position: relative;
width: 100%;
aspect-ratio: 16 / 9;
border-radius: 3vw;
overflow: hidden;
margin-bottom: 5vw;
}
.name_atrakce {
position: relative;
text-align: left;
font-family: geo_bold !important;
font-size: 6vw;
color: #4d4d4c;
}
.text_atrakce {
position: relative;
color: #4d4d4c;
} .bg-yellow-l {
background-color: white !important;
border-radius: 0.25vw;
} .uk-container {
max-width: unset;
padding: unset;
}
.standard {
display: block;
font-size: 4vw;
font-family: geo_reg;
}
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="number"],
.wpcf7 textarea {
background-color: #eaeaea;
border-radius: 1.5vw;
overflow: hidden;
}
.uk-width-medium-1-2,
.uk-width-medium-2-4,
.uk-width-medium-3-6,
.uk-width-medium-5-10 {
width: 100%;
}
.standard input[type="submit"] {
display: inline-block;
width: 40vw;
height: 10vw;
background: var(--per-mint);
line-height: 10vw;
text-align: center;
border-radius: 1.5vw;
font-family: geo_bold !important;
font-size: 4vw;
letter-spacing: 0.5vw;
transition: 0.15s ease;
cursor: pointer;
color: white;
padding: 0 11.5vw 0 11.5vw;
text-transform: uppercase;
}
.standard input[type="submit"]:hover {
background: var(--per-mint) !important;
transform: scale(105%);
filter: drop-shadow(0px 0px 0.5vw #d4d4d4);
} }.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}