@font-face {
font-family: 'Graphik';
src: url(//slovenskozalohuje.sk/wp-content/themes/slovenskozalohuje/assets/fonts/Graphik-Regular.woff2) format('woff2'),
url(//slovenskozalohuje.sk/wp-content/themes/slovenskozalohuje/assets/fonts/Graphik-Regular.woff) format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Graphik';
src: url(//slovenskozalohuje.sk/wp-content/themes/slovenskozalohuje/assets/fonts/Graphik-Medium.woff2) format('woff2'),
url(//slovenskozalohuje.sk/wp-content/themes/slovenskozalohuje/assets/fonts/Graphik-Medium.woff) format('woff');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Graphik';
src: url(//slovenskozalohuje.sk/wp-content/themes/slovenskozalohuje/assets/fonts/Graphik-Semibold.woff2) format('woff2'),
url(//slovenskozalohuje.sk/wp-content/themes/slovenskozalohuje/assets/fonts/Graphik-Semibold.woff) format('woff');
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Graphik';
src: url(//slovenskozalohuje.sk/wp-content/themes/slovenskozalohuje/assets/fonts/Graphik-Bold.woff2) format('woff2'),
url(//slovenskozalohuje.sk/wp-content/themes/slovenskozalohuje/assets/fonts/Graphik-Bold.woff) format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}   ::-webkit-scrollbar {
width: 10px;
} ::-webkit-scrollbar-button {
background: #04625A;;
display: none;
} ::-webkit-scrollbar-thumb {
background: #04625A; } ::-webkit-scrollbar-thumb:hover {
background: rgba(4, 98, 90, 0.9);
} ::-webkit-scrollbar-track {
background: #fff;
} ::-webkit-scrollbar-corner {
background: #fff;
} ::-webkit-resizer {
background: #111;
}  #loadingMask {
width: 100%;
height: 100%;
position: fixed;
background: #08B0A0;
z-index: 1000000000000000;
text-align: center;
}
.preloader-image {
width: 200px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}   body {
overflow-x: hidden;
font-family: Graphik;
font-size: 20px;
color: #000;
font-weight: 400;
line-height: 24px;
}
h1 {
font-size: 48px;
font-weight: 700;
line-height: normal;
}
h2 {
color: #04625A;
text-align: center;
font-size: 48px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.btn {
display: flex;
width: 278px;
height: 57px;
padding: 21px 26px;
justify-content: center;
align-items: center;
text-transform: uppercase;
font-size: 14px;
font-weight: 500;
letter-spacing: 1.4px;
border-radius: 0;
border: none;
transition: background-color 200ms ease-in;
}
.btn-1 {
background: #04625A;
color: #FFF;
}
.btn-1:hover,
.btn-1:active,
.btn-1:focus {
background: #08B0A0 !important;
color: #FFF !important;
}
.btn-2 {
background: #FFF;
color: #45413F;
}
.btn-2:hover,
.btn-2:active,
.btn-2:focus {
background: #13255B !important;
color: #FFF !important;
}
.btn-alt {
background: #45413F;
color: #fff;
width: 100% !important;
}
.btn-alt:hover {
background: #9A9A9A;
color: #fff !important;
}
.btn-alternative {
background: #D32D4C;
color: #fff !important;
}
.btn-alternative:hover {
background: #E9516D;
}
.container-small {
max-width: 1120px;
}
.container-fluid {
padding-left: 0;
padding-right: 0;
}
input::placeholder {
color: #9A9A9A !important;
font-size: 20px;
opacity: 1; }
input::-ms-input-placeholder { color: #9A9A9A !important;
font-size: 20px;
}
input {
box-shadow: none !important;
}
.form-check {
padding-left: 0;
}
.mb-20 {
margin-bottom: 20px;
}
.mt-30 {
margin-top: 30px;
}
.subtitle {
color: #454040;
font-size: 20px;
font-weight: 500;
line-height: 28px;
letter-spacing: 0.8px;
text-transform: uppercase;
max-width: 515px;
display: inline-block;
}
.plus-icon {
cursor: pointer;
}
::selection {
color: #FFF;
background: #04625A;
}
.bg-primary {
background: #04625A !important;
}
.bg-secondary {
background: #5C5B28 !important;
}
.bg-tertiary {
background: #22567C !important;
}
.bg-alternative {
background: #E9516D !important;
}
.bg-brown {
background: #45413F !important;
}
.bg-darkblue {
background: #13255B !important;
}
.text-primary {
color: #04625A !important;
}
.text-secondary {
color: #5C5B28 !important;
}
.text-tertiary {
color: #22567C !important;
}
.text-alternative {
color: #D32D4C !important;
}
.text-darkblue {
color: #13255B !important;
}
.accordion.hidden {
display: none;
}
p.small {
color: #000;
text-align: center;
font-size: 14px;
font-weight: 400;
line-height: 18px;
}
#pet-flase {
display: flex;
justify-content: center;
align-items: flex-end;
}
#pet-flase h3 {
color: #04625A;
text-align: center;
font-size: 20px;
font-weight: 500;
line-height: 28px;
letter-spacing: 0.8px;
text-transform: uppercase;
width: 223px;
margin: 30px 11px 14px 11px;
}
#pet-flase span {
color: #000;
font-size: 14px;
font-weight: 400;
line-height: 18px;
}
#pet-flase .wrapper {
text-align: center;
}
.mb-custom {
margin-bottom: 37px;
}
h2.active {
color: #08B0A0;
}
p a {
color: #000;
}
.header-box-shadow {
box-shadow: 0 -6px 10px 5px rgba(0, 0, 0, 0.35);
}  header {
background: white;
}
header.sticky {
position: sticky;
top: 0;
left: 0;
width: 100%;
border-right: 0;
z-index: 9999999;
}
.navbar {
padding: 25px 0;
background: #fff !important;
transition: 600ms all ease;
}
header .navbar.fixed {
padding: 15px 0;
}
.navbar .navbar-brand {
padding: 0;
width: auto;
}
.navbar .logo {
width: 200px;
transition: 600ms all ease;
}
.navbar .nav-link {
color: #45413F;
padding: 0 !important; font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin-left: 14px;
margin-right: 14px;
}
.navbar .nav-link:last-child {
margin-right: 0;
}
.navbar .lang-item .nav-link {
margin-left: 14px;
margin-right: 5px;
}
.navbar .lang-item:last-child .nav-link {
margin-right: 0;
margin-left: 5px;
}
.navbar .search-icon .nav-link {
margin-left: 14px;
margin-right: 0;
}
.navbar .search-icon {
margin-right: 0;
}
.search-icon svg:hover > ellipse,
.search-icon svg:hover > line {
stroke: #08B0A1;
}
.user-icon svg:hover > circle,
.user-icon svg:hover > path,
.user-icon svg:hover > ellipse {
stroke: #08B0A1;
}
.navbar .user-icon {
margin-right: 0;
}
.navbar .user-icon .nav-link {
margin-left: 0;
margin-right: 0;
}
.navbar .user-icon svg {
position: relative;
top: -1px;
}
.header-mobile {
display: none;
}
.header-mobile .nav-link {
margin: 0 8px;
}
.header-mobile .nav-link.lang-item {
margin: 0 5px;
}
.header-mobile .nav-link.lang-item.lang-en {
margin-right: 29px;
}
.header-mobile .menu-navigation .nav-link {
color: #45413F !important;
font-size: 28px;
font-style: normal;
font-weight: 600;
line-height: normal;
padding: 14px 0 !important;
}
.header-mobile .search-icon .nav-link,
.header-mobile .user-icon .nav-link {
margin: 0 8px;
}
.header-desktop {
display: flex;
flex-direction: column;
gap: 20px;
}
.navbar-nav {
width: 100%;
}
.second-nav .nav-link {
font-weight: 600 !important;
}
.nav-link.active {
font-weight: 600 !important;
}
.navbar .nav-link:hover {
color: #08B0A1 !important;
}
.menu-toggle, .menu-close {
cursor: pointer;
}
.search-icon:hover > ellipse,
.search-icon:hover > line,
.menu-toggle:hover > path {
stroke: #08B0A0;
}
.navbar-toggler-icon {
width: 20px;
height: 20px;
cursor: pointer;
background-image: url('data:image/svg+xml,<svg width="20" height="18" viewBox="0 0 20 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 2H0" stroke="%23FFFFFF" stroke-width="4"/><path d="M20 9H0" stroke="%23FFFFFF" stroke-width="4"/><path d="M20 16H0" stroke="%23FFFFFF" stroke-width="4"/></svg>');
}
.navbar-toggler-icon.collapsed {
width: 28px;
height: 28px;
background-image: url('data:image/svg+xml,<svg width="34" height="35" viewBox="0 0 34 35" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 31.8081L31 3.80811" stroke="%2304625A" stroke-width="8"/><path d="M3 3.8081L31 31.8081" stroke="%2304625A" stroke-width="8"/></svg>');
}
.menu-wrapper {
display: flex;
padding: 8px;
background: #04625A;
border-radius: 50%;
cursor: pointer;
margin-left: 8px;
}
.menu-wrapper.collapsed {
background: transparent;
padding: 4px;
}
.menu-navigation {
background: #FFF;
position: absolute;
width: 100%;
top: 79px;
left: 0;
padding-top: 10px;
display: none;
z-index: 999;
}
.menu-navigation svg {
position: absolute;
right: 10px;
top: 10px;
}
.menu-navigation ul {
margin-bottom: 0;
padding: 24px;
text-align: right;
}
.menu-navigation ul li {
line-height: normal;
}
.menu-navigation ul li:last-child {
margin-top: 8px;
}
.menu-navigation ul li a {
color: #000;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-decoration: none;
display: inline-block;
}
.menu-navigation .btn-menu {
color: #FFF;
font-size: 12px;
font-weight: 500;
line-height: normal;
letter-spacing: 1.2px;
text-transform: uppercase;
padding: 14px 28px;
width: 100%;
text-align: left;
transition: background-color 200ms ease-in;
}
.menu-navigation .btn-menu:hover {
background: #08B0A0;
}
.menu-navigation ul li a.nav-link {
display: block;
padding-left: 28px;
padding-top: 8px;
padding-bottom: 8px;
color: #000 !important;
}  #hero {
padding: 56px 0 0 0;
background: #08B0A1;
}
#hero .hero-wrapper {
margin: 0 auto;
align-items: flex-start;
}
#hero h1 {
color: #FFF;
font-size: 68px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin-left: 100px;
margin-top: 40px;
}
#hero h1 span {
color: #FFF;
display: block;
font-size: 48px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin-top: 26px;
}
#hero .image-wrapper {
text-align: center;
}
#hero img {
width: 388.598px;
height: 373px;
} #questions {
overflow-x: hidden;
}
#questions .accordion {
text-align: center;
padding: 45px 12px;
}
#questions .accordion:nth-child(odd) {
background: #F4F4F4;
}
#questions .accordion h2 {
margin-bottom: 30px;
}
#questions .accordion p {
max-width: 710px;
margin: 0 auto;
margin-bottom: 30px;
}
#questions .accordion .content {
margin-top: 30px;
display: none;
overflow: hidden;
}
#questions .accordion-1 .content p.small {
margin-bottom: 30px;
}
#questions .accordion .content .icon-wrapper p {
margin-top: 22px;
color: #45413F;
max-width: 225px;
}
#questions .accordion-2 .content > div {
margin-bottom: 30px;
}
#questions .accordion-2 .custom-flex {
display: flex;
max-width: 712px;
gap: 140px;
justify-content: center;
align-items: center;
margin: 0 auto;
}
#questions .accordion-2 .custom-flex p {
text-align: left;
margin-bottom: 0;
}
#questions .accordion-3 .swiper-slide p {
margin-top: 14px;
max-width: 466px;
padding-bottom: 71px;
}
#questions .accordion-3 .accordion-toggle.active {
margin-top: 30px;
}
#questions .accordion-3 .slide-number {
color: #FFF;
text-align: center;
font-size: 48px;
font-style: normal;
font-weight: 700;
line-height: normal;
position: relative;
z-index: 99999;
display: block;
top: -10px;
}
#questions .accordion-3 .slide-number:before {
content: '';
display: inline-block;
width: 64px;
height: 64px;
border-radius: 50%;
background-color: #04625A;
z-index: -1;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
#questions .accordion-3 figure {
margin-bottom: 30px;
}
#questions .accordion-3 figcaption {
display: flex;
justify-content: center;
margin-top: 32px;
}
#questions .accordion-3 figcaption .fieldset {
display: flex;
margin-right: 37px;
font-size: 14px;
}
#questions .accordion-3 .field {
display: inline-block;
width: 10px;
height: 20px;
margin-right: 7px;
}
#questions .accordion-3 .field-1 {
background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="11" height="21" viewBox="0 0 11 21" fill="none"><g clip-path="url(%23clip0_316_3040)"><path d="M4.52473 20.4384C1.67833 20.4494 -0.0519213 18.2249 0.660034 15.4663L4.0014 2.50897C4.71194 -0.248227 5.88908 -0.252377 6.6294 2.50067L10.3594 16.3489C10.9621 18.5915 9.57083 20.4176 7.25201 20.4273L4.52473 20.4384Z" fill="%23EB526E"/></g></svg>');
}
#questions .accordion-3 .field-2 {
background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="11" height="21" viewBox="0 0 11 21" fill="none"><g clip-path="url(%23clip0_316_3044)"><path d="M4.52473 20.4384C1.67833 20.4494 -0.0519213 18.2249 0.660034 15.4663L4.0014 2.50897C4.71194 -0.248227 5.88908 -0.252377 6.6294 2.50067L10.3594 16.3489C10.9621 18.5915 9.57083 20.4176 7.25201 20.4273L4.52473 20.4384Z" fill="%2308B0A0"/></g></svg>');
}
#questions .accordion-3 .field-3 {
background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="11" height="21" viewBox="0 0 11 21" fill="none"><g clip-path="url(%23clip0_316_3048)"><path d="M4.52473 20.4384C1.67833 20.4494 -0.0519213 18.2249 0.660034 15.4663L4.0014 2.50897C4.71194 -0.248227 5.88908 -0.252377 6.6294 2.50067L10.3594 16.3489C10.9621 18.5915 9.57083 20.4176 7.25201 20.4273L4.52473 20.4384Z" fill="%2322567C"/></g></svg>');
}
#questions .accordion-3 ol {
list-style: none;
counter-reset: item;
padding-left: 0;
margin-bottom: 30px;
}
#questions .accordion-3 ol li {
counter-increment: item;
color: #000;
font-size: 14px;
font-weight: 400;
line-height: 18px;
text-align: left;
display: flex;
align-items: center;
max-width: 530px;
margin: 0 auto;
margin-bottom: 30px;
}
#questions .accordion-3 ol li:last-child {
margin-bottom: 0;
}
#questions .accordion-3 ol li:before {
color: #FFF;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 18px;
margin-right: 20px;
content: counter(item);
background: #08B0A1;
border-radius: 100%;
min-width: 44px;
min-height: 44px;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
#questions .accordion-4 .logo-wrapper {
max-width: 710px;
margin: 0 auto;
margin-top: 30px;
}
#questions .accordion-4 .logo-wrapper img {
margin-bottom: 30px;
}
#questions .accordion-4 .custom-flex {
display: flex;
max-width: 712px;
gap: 30px;
justify-content: center;
align-items: center;
margin: 0 auto;
}
#questions .accordion-4 .custom-flex p {
text-align: left;
margin-bottom: 0;
}
#questions .accordion-4 .custom-flex img {
max-width: 227px;
}
.accordion-toggle {
display: inline-block;
min-width: 48px;
min-height: 48px;
background: url('data:image/svg+xml,<svg width="64" height="65" viewBox="0 0 64 65" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="32" cy="32.2275" r="29" stroke="%2345413F" stroke-width="6"/><path d="M32 18.5132V45.9418" stroke="%2345413F" stroke-width="6"/><path d="M45.7141 32.2275L18.2855 32.2275" stroke="%2345413F" stroke-width="6"/></svg>');
background-size: cover !important;
cursor: pointer;
transition: 300ms all ease;
}
.accordion-post-toggle {
display: inline-block;
min-width: 44px;
min-height: 44px;
background: url('data:image/svg+xml,<svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="22" cy="22" r="19" stroke="%2304625A" stroke-width="6"/><path d="M22 12.5713V31.4284" stroke="%2304625A" stroke-width="6"/><path d="M31.4285 22L12.5713 22" stroke="%2304625A" stroke-width="6"/></svg>');
background-size: cover !important;
cursor: pointer;
transition: 300ms all ease;
}
.accordion-post-toggle.accordion-color-tlacove.spravy {
background: url('data:image/svg+xml,<svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="22" cy="22" r="19" stroke="%23AF123C" stroke-width="6"/><path d="M22 12.5713V31.4284" stroke="%23AF123C" stroke-width="6"/><path d="M31.4285 22L12.5713 22" stroke="%23AF123C" stroke-width="6"/></svg>');
}
.accordion-post-toggle.accordion-color-galeria {
background: url('data:image/svg+xml,<svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="22" cy="22" r="19" stroke="%235C5B28" stroke-width="6"/><path d="M22 12.5713V31.4284" stroke="%235C5B28" stroke-width="6"/><path d="M31.4285 22L12.5713 22" stroke="%235C5B28" stroke-width="6"/></svg>');
}
.accordion-post-toggle.accordion-color-blog {
background: url('data:image/svg+xml,<svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="22" cy="22" r="19" stroke="%2313255B" stroke-width="6"/><path d="M22 12.5713V31.4284" stroke="%2313255B" stroke-width="6"/><path d="M31.4285 22L12.5713 22" stroke="%2313255B" stroke-width="6"/></svg>');
}
.accordion-post-toggle.accordion-color-vratko {
background: url('data:image/svg+xml,<svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="22" cy="22" r="19" stroke="%2308af9f" stroke-width="6"/><path d="M22 12.5713V31.4284" stroke="%2308af9f" stroke-width="6"/><path d="M31.4285 22L12.5713 22" stroke="%2308af9f" stroke-width="6"/></svg>');
}
.accordion-toggle:hover {
background: url('data:image/svg+xml,<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="32" cy="32" r="32" fill="%2308B0A1"/><path d="M32 18.2856V45.7142" stroke="white" stroke-width="6"/><path d="M45.7141 32L18.2855 32" stroke="white" stroke-width="6"/></svg>');
}
.accordion-toggle.active {
background: url('data:image/svg+xml,<svg width="64" height="65" viewBox="0 0 64 65" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="32" cy="32.5" r="32" fill="%2308B0A1"/><path d="M45.7142 32.5L18.2857 32.5" stroke="%23ECE9E9" stroke-width="6"/></svg>');
}
.accordion-toggle.active:hover {
background: url('data:image/svg+xml,<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="32" cy="32" r="29" stroke="%2345413F" stroke-width="6"/><path d="M45.7141 32L18.2855 32" stroke="%2345413F" stroke-width="6"/></svg>');
}
.accordion-toggle.accordion-color-secondary {
background: url('data:image/svg+xml,<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="32" cy="32" r="29" stroke="%235C5B28" stroke-width="6"/><path d="M31.9999 18.2858V45.7143" stroke="%235C5B28" stroke-width="6"/><path d="M45.7142 32L18.2857 32" stroke="%235C5B28" stroke-width="6"/></svg>');
}
.accordion-toggle.accordion-color-secondary:hover {
background: url('data:image/svg+xml,<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="32" cy="32" r="32" fill="%23B8B65A"/><path d="M32 18.2856V45.7142" stroke="%235C5B28" stroke-width="6"/><path d="M45.7141 32L18.2855 32" stroke="%235C5B28" stroke-width="6"/></svg>');
}
.accordion-toggle.accordion-color-secondary.active {
background: url('data:image/svg+xml,<svg width="64" height="65" viewBox="0 0 64 65" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="32" cy="32.5" r="32" fill="%23B8B65A"/><path d="M45.7142 32.5L18.2857 32.5" stroke="%23ECE9E9" stroke-width="6"/></svg>');
}
.accordion-toggle.accordion-color-secondary.active:hover {
background: url('data:image/svg+xml,<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="32" cy="32" r="29" stroke="%23B8B65A" stroke-width="6"/><path d="M45.7141 32L18.2855 32" stroke="%23B8B65A" stroke-width="6"/></svg>');
}
.accordion-toggle.accordion-color-tertiary {
background: url('data:image/svg+xml,<svg width="64" height="65" viewBox="0 0 64 65" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="32" cy="32.2275" r="29" stroke="%2322567C" stroke-width="6"/><path d="M32 18.5132V45.9418" stroke="%2322567C" stroke-width="6"/><path d="M45.7141 32.2275L18.2855 32.2275" stroke="%2322567C" stroke-width="6"/></svg>');
}
.accordion-toggle.accordion-color-tertiary:hover {
background: url('data:image/svg+xml,<svg width="64" height="65" viewBox="0 0 64 65" fill="%2322567C" xmlns="http://www.w3.org/2000/svg"><circle cx="32" cy="32.2275" r="29" stroke="%2322567C" stroke-width="6"/><path d="M32 18.5132V45.9418" stroke="%23ECE9E9" stroke-width="6"/><path d="M45.7141 32.2275L18.2855 32.2275" stroke="%23ECE9E9" stroke-width="6"/></svg>');
}
.accordion-toggle.accordion-color-tertiary.active {
background: url('data:image/svg+xml,<svg width="64" height="65" viewBox="0 0 64 65" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="32" cy="32.5" r="32" fill="%2322567C"/><path d="M45.7142 32.5L18.2857 32.5" stroke="%23ECE9E9" stroke-width="6"/></svg>');
}
.accordion-toggle.accordion-color-tertiary.active:hover {
background: url('data:image/svg+xml,<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="32" cy="32" r="29" stroke="%2322567C" stroke-width="6"/><path d="M45.7141 32L18.2855 32" stroke="%2322567C" stroke-width="6"/></svg>');
}  #map {
padding-top: 60px;
padding-bottom: 120px;
}
#map .map-wrapper {
text-align: center;
}
#map h2 {
margin-bottom: 24px;
}
#map span {
color: #45413F;
text-align: center;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 28px; letter-spacing: 0.8px;
text-transform: uppercase;
display: block;
margin-bottom: 24px;
}
#map img {
width: 866px;
}
#map .map-inner {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
}
#map .map-inner .btn-1 {
margin: 0 auto;
}  #vratko .parallax {
background-image: url(//slovenskozalohuje.sk/wp-content/themes/slovenskozalohuje/assets/img/vratko-banner.jpg);
min-height: 397px;
width: 100%;
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: auto;
}
#vratko .banner {
background: #13255B;
max-width: 956.65px;
max-height: 335px;
position: relative;
margin: 0 auto;
top: -39px;
}
#vratko .banner-content {
text-align: left;
padding-left: 26px;
}
#vratko .banner img {
height: 444px;
position: relative;
top: -17px;
margin-left: 100px;
}
#vratko .banner h2 {
color: #D7DFE5;
font-size: 48px;
font-style: normal;
font-weight: 700;
line-height: normal;
text-align: left;
margin-bottom: 24px;
}
#vratko .banner p {
color: #FFF;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 28px;
letter-spacing: 0.8px;
text-transform: uppercase;
margin-bottom: 24px;
}
#vratko .btn {
background: #D7DFE5;
}
#vratko .btn:hover {
background: #08B0A1 !important;
color: #fff !important;
}  #information {
padding-top: 120px;
padding-bottom: 60px;
background: #F4F4F4;
}
#information h2 {
margin-bottom: 45px;
}
#information a {
text-decoration: none;
}
#information .row-boxes {
margin-top: 89px;
}
#information .card {
height: 100%;
align-items: center;
border: none;
text-align: center;
background: #ECE9E9;
border-radius: 0;
position: relative;
transition: 300ms all ease;
}
#information .bg-primary:hover {
background: #08B0A1 !important;
}
#information .bg-secondary:hover {
background: #B8B65A !important;
}
#information .bg-tertiary:hover {
background: #3474A4 !important;
}
#information .bg-darkblue:hover {
background: #284088 !important;
}
#information .bg-alternative:hover {
background: #D32D4C !important;
}
#information .bg-brown:hover {
background: #6B6664 !important;
}
#information .card h3 {
color: #FFF;
text-align: center;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 28px; letter-spacing: 0.8px;
text-transform: uppercase;
}
#information .card .card-body {
padding: 44px 10px 30px;
display: flex;
justify-content: center;
align-items: center;
}
#information .card span {
color: #FFF;
text-align: center;
font-size: 14px;
font-weight: 700;
line-height: 32px;
text-decoration: none;
display: inline-block;
}
#information .card .card-img-top {
position: absolute;
top: -98px;
width: 128px;
}  #faq {
padding: 50px 0;
background: #F4F4F4;
}
#faq h2 {
text-align: left;
color: #45413F;
cursor: pointer;
}
#faq .form-group {
margin: 40px 0;
position: relative;
max-width: 467px;
}
#faq .form-group img {
position: absolute;
top: 50%;
left: 16px;
transform: translate(0, -50%);
}
#faq input {
padding: 12px 45px;
border-radius: 0;
box-shadow: none;
border: none;
color: #45413F;
font-size: 16px;
font-weight: 500;
line-height: normal;
}
#faq .faq-search-close {
right: 16px;
left: inherit !important;
display: none;
width: 15px;
cursor: pointer;
}
#faq input::placeholder {
color: #C7C6C6 !important;
font-size: 14px !important;
font-style: normal;
font-weight: 600;
line-height: normal;
}
#faq .content {
display: none;
overflow: hidden;
}
#faq .accordion {
margin-left: 34px;
max-width: 730px;
}
#faq .accordion-title {
display: flex;
margin-bottom: 25px;
cursor: pointer;
justify-content: space-between;
}
.accordion-title:hover {
cursor: pointer;
}
#faq .accordion-title h3 {
color: #45413F;
font-size: 20px;
font-weight: 700;
line-height: 24px;
margin-bottom: 0;
max-width: 651px;
padding-right: 8px;
}
#faq .accordion-toggle {
min-width: 64px;
min-height: 64px;
}
#faq .accordion-title .accordion-caret {
width: 28px;
height: 28px;
background-image: url('data:image/svg+xml,<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="14" cy="14" r="12.5" stroke="%2345413F" stroke-width="3"/><path d="M14 8V20" stroke="%2345413F" stroke-width="3"/><path d="M20 14L8 14" stroke="%2345413F" stroke-width="3"/></svg>');
background-size: cover;
transition: 300ms all ease;
position: relative;
top: -2px;
}
#faq .accordion-title.active .accordion-caret {
background-image: url('data:image/svg+xml,<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="14" cy="14" r="14" fill="%2308B0A1"/><path d="M20 14L8 14" stroke="white" stroke-width="3"/></svg>');
}
#faq .accordion-title:not(.active):hover > .accordion-caret {
background-image: url('data:image/svg+xml,<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="14" cy="14" r="14" fill="%2308B0A1"/><path d="M14 8V20" stroke="white" stroke-width="4"/><path d="M20 14L8 14" stroke="white" stroke-width="3"/></svg>');
}
#faq .accordion-title.active h3 {
color: #08B0A1;
}
#faq .accordion-title.active:hover > h3 {
color: #45413F;
}
#faq .accordion-title.active:hover .accordion-caret {
background: url('data:image/svg+xml,<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="14" cy="14" r="12.5" stroke="%2345413F" stroke-width="3"/><path d="M20 14L8 14" stroke="%2345413F" stroke-width="3"/></svg>');
}
#faq .accordion-title:hover > h3 {
color: #08B0A1;
}
#faq .accordion .accordion-content {
display: none;
}
#faq .accordion p {
color: #000;
font-size: 14px;
font-weight: 400;
line-height: 24px;
padding: 10px;
background: #FFF;
margin-bottom: 30px;
}  #blog {
padding: 120px 0;
}
#blog h2 {
padding-bottom: 35px;
}
#blog a {
text-decoration: none;
}
#blog a:hover {
color: #04625A;
}
#blog a:hover > svg path {
stroke: #04625A;
}
#blog .card {
border: none;
border-radius: 0;
}
#blog .card .card-body {
padding: 8px 0;
width: 100%;
}
.color-tag {
color: #04625A;
}
.tag {
color: #FFF;
font-size: 10px;
font-weight: 700;
line-height: 10px;
text-transform: uppercase;
padding: 6px;
display: block;
}
.tag-1 {
background: #04625A;
}
.bg-tag-1 {
background: #04625A;
}
.color-tag-aktuality {
color: #04625A;
}
.tag-1:hover {
background: rgba(4, 98, 90, 0.70) !important;
}
.tag-2 {
background: #AF123C;
}
.bg-tag-2 {
background: #AF123C;
}
.color-tag-tlacove.spravy {
color: #AF123C;
}
.tag-2:hover {
background: rgba(175, 18, 60, 0.70) !important;
}
.tag-3 {
background: #13255B;
}
.bg-tag-3 {
background: #13255B;
}
.color-tag-blog {
color: #13255B;
}
.tag-3:hover {
background: rgba(19, 37, 91, 0.70) !important;
}
.tag-4 {
background: #5C5B28;
}
.bg-tag-4 {
background: #5C5B28;
}
.color-tag-galeria {
color: #5C5B28;
}
.tag-4:hover {
background: rgba(92, 91, 40, 0.70) !important;
}
.tag-5 {
background: #08af9f;
}
.bg-tag-5 {
background: #08af9f;
}
.color-tag-vratko {
color: #08af9f;
}
.tag-5:hover {
background: rgba(8, 175, 159, 0.70) !important;
}
#blog time {
color: #4E4443;
text-align: right;
font-size: 11px;
font-weight: 500;
line-height: 17.5px;
text-transform: uppercase;
}
#blog .card img {
border-radius: 0;
}
#blog .card h3 {
color: #45413F;
font-size: 24px;
font-weight: 700;
line-height: 32px;
margin-top: 8px;
margin-bottom: 0;
}
#blog .card h3:hover {
color: #08B0A0;
}
#blog .btn {
margin: 0 auto;
margin-top: 35px;
}  #materials {
padding: 50px 0;
background: #F4F4F4;
}
#materials h2 {
color: #454040;
text-align: left;
cursor: pointer;
}
#materials h2.active {
color: #04625A;
}
#materials .subtitle {
margin-top: 12px;
margin-bottom: 20px;
}
#materials .subtitle.active {
color: #04625A;
}
#materials .accordion-toggle {
min-width: 64px;
min-height: 64px;
}
#materials .content {
display: none;
overflow: hidden;
}
#materials .accordion {
background: #FFF;
padding: 30px 59px;
margin-bottom: 10px;
}
#materials .accordion.bg-transparent {
background: transparent;
}
#materials .accordion:first-child {
margin-top: 45px;
}
#materials .accordion:last-child {
margin-bottom: 0;
}
#materials .accordion h3 {
color: #45413F;
width: 90%;
font-size: 32px;
font-weight: 700;
line-height: normal;
margin-bottom: 0;
display: flex;
align-items: center;
}
#materials .accordion h3.active {
color: #04625A;
}
#materials .accordion-content {
display: none;
overflow: hidden;
}
#materials.materials-page .accordion {
background: transparent;
}
#materials.materials-page .accordion:first-child {
margin-top: 0;
}
#materials.materials-page .accordion-content .sub-accordion:first-child {
margin-top: 10px;
}
#materials.materials-page .accordion-content {
display: block;
}
#materials .accordion-content .sub-accordion {
background: #45413F;
padding: 7px 16px;
margin-bottom: 10px;
display: flex;
justify-content: space-between;
align-items: center;
cursor: pointer;
text-decoration: none;
}
#materials .accordion-content .sub-accordion:hover {
background: #595959;
}
#materials .accordion-content .sub-accordion:hover > .download-icon {
background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="46" height="46" viewBox="0 0 46 46" fill="none"><circle cx="23" cy="23" r="23" fill="white"/><path d="M14.311 16.6035L23.511 26.0516L32.711 16.6035" stroke="%2345413F" stroke-width="4"/><path d="M23.5112 23.5116V6.13379" stroke="%2345413F" stroke-width="4"/><path d="M11.2444 23.5107V32.7107H35.7777V23.5107" stroke="%2345413F" stroke-width="4"/></svg>');
transition: 300ms all ease;
}
#materials .accordion-content .sub-accordion:first-child {
margin-top: 25px;
}
#materials .accordion-content .sub-accordion .download-icon {
display: inline-block;
width: 46px;
height: 46px;
background-size: cover !important;
background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="46" height="46" viewBox="0 0 46 46" fill="none"><path d="M14.3111 16.6035L23.5111 26.0516L32.7111 16.6035" stroke="white" stroke-width="4"/><path d="M23.5111 23.5116V6.13379" stroke="white" stroke-width="4"/><path d="M11.2444 23.5107V32.7107H35.7778V23.5107" stroke="white" stroke-width="4"/></svg>');
transition: 300ms all ease;
}
#materials .accordion-content h4 {
color: #FFF;
font-size: 16px;
font-weight: 700;
line-height: 17.5px;
margin-bottom: 0;
}
#materials .accordion-content .last-accordion h4 {
max-width: 90%;
text-align: justify;
}
#materials .sub-accordion-toggle {
display: inline-block;
width: 48px;
height: 48px;
background: url('data:image/svg+xml,<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="24" cy="24" r="21" stroke="%2345413F" stroke-width="6"/><path d="M24 13.7144V34.2858" stroke="%2345413F" stroke-width="6"/><path d="M34.2856 24L13.7142 24" stroke="%2345413F" stroke-width="6"/></svg>');
background-size: cover !important;
cursor: pointer;
transition: 300ms all ease;
}
#materials .sub-accordion-toggle:hover {
background: url('data:image/svg+xml,<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="32" cy="32" r="32" fill="%2308B0A1"/><path d="M32 18.2856V45.7142" stroke="white" stroke-width="6"/><path d="M45.7141 32L18.2855 32" stroke="white" stroke-width="6"/></svg>');
}
#materials .accordion-title.active .sub-accordion-toggle {
background: url('data:image/svg+xml,<svg width="64" height="65" viewBox="0 0 64 65" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="32" cy="32.5" r="32" fill="%2308B0A1"/><path d="M45.7142 32.5L18.2857 32.5" stroke="%23ECE9E9" stroke-width="6"/></svg>');
}
#materials .accordion-title.active .sub-accordion-toggle:hover {
background: url('data:image/svg+xml,<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="32" cy="32" r="29" stroke="%2345413F" stroke-width="6"/><path d="M45.7141 32L18.2855 32" stroke="%2345413F" stroke-width="6"/></svg>');
}  #newsletter {
padding-top: 120px;
padding-bottom: 60px;
}
#newsletter h2 {
text-align: left;
margin-bottom: 32px;
}
#newsletter label {
color: #45413F;
font-size: 14px !important;
font-weight: 400;
line-height: 18px;
height: 32px;
display: flex;
align-items: center;
}
#newsletter input[type='email'] {
padding: 16px 22px;
border-radius: 0;
border: 1px solid #000;
background: #F0EFEF;
color: #45413F;
font-size: 20px;
font-weight: 400;
line-height: 14px;
}
.checkbox-label {
display: block;
position: relative;
padding-left: 49px;
margin-bottom: 12px;
cursor: pointer;
font-size: 22px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.checkbox-label input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
.checkmark {
position: absolute;
top: 0;
left: 0;
height: 32px;
width: 32px;
background-color: #FFF;
border: 1px solid #45413F;
margin-right: 19px;
}
.checkbox-label:hover input ~ .checkmark {
background-color: #08B0A0;
}
.checkbox-label input:checked ~ .checkmark {
background-color: #04625A;
}
.checkmark:after {
content: "";
position: absolute;
display: none;
}
.checkbox-label input:checked ~ .checkmark:after {
display: block;
}
.checkbox-label .checkmark:after {
left: 10px;
top: 4px;
width: 11px;
height: 20px;
border: solid white;
border-width: 0 6px 6px 0;
-webkit-transform: rotate(40deg);
-ms-transform: rotate(40deg);
transform: rotate(40deg);
}  #social {
text-align: center;
padding-top: 120px;
padding-bottom: 120px;
}
#social h2 {
margin-bottom: 31px;
}
#social .d-flex {
justify-content: center;
}
#social a:hover > svg path:first-child,
#social a:hover > svg path:nth-child(3) {
fill: #08B0A1;
}
#social a {
margin: 0 19px;
}
#social a:first-child {
margin-left: 0;
}
#social a:last-child {
margin-right: 0;
}  footer {
background: #45413F;
color: #fff;
padding-top: 61px;
padding-bottom: 64px;
}
footer p {
margin-bottom: 17px;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 17.5px;
}
.footer-top .title-icon-wrapper {
align-items: center;
margin-bottom: 8px;
display: flex;
}
.footer-top .title-icon-wrapper a {
text-decoration: none;
}
.footer-top .title-icon-wrapper a:hover > svg circle {
fill: #08B0A1;
stroke: #08B0A1;
}
.footer-top .title-icon-wrapper a:hover > h3 {
color: #08B0A1 !important;
}
.footer-top h3 {
color: #FFF;
font-size: 24px;
font-weight: 700;
line-height: 35px;
}
.footer-top h3 a {
color: #FFF;
}
.footer-top h3 a:hover {
color: #08B0A1;
}
.footer-top .envelope-icon {
margin-left: 40px;
}
.footer-top p {
color: #FFF;
font-size: 14px;
font-weight: 400;
line-height: 17.5px;
}
.footer-bottom {
padding-top: 47px;
}
.footer-bottom ul {
margin-bottom: 0;
}
.footer-bottom ul li {
line-height: normal;
}
.footer-bottom ul li:first-child {
margin-bottom: 9px;
}
.footer-bottom ul li a {
text-decoration: none;
color: #FFF;
text-align: center;
font-size: 10px;
font-style: normal;
font-weight: 500;
line-height: 17.5px;
}
.footer-bottom ul li a:hover {
color: #08B0A1;
}
.footer-bottom .logo-1 {
margin-right: 18px;
}
.footer-bottom .logo-2 {
width: 124px;
}
.footer-bottom span {
color: #FFF;
font-size: 10px;
font-weight: 500;
line-height: 17.5px;
}   #header-custom {
padding: 68px 0;
}
#header-custom.blog-header {
padding: 133px 0;
background: url(//slovenskozalohuje.sk/wp-content/themes/slovenskozalohuje/assets/img/single.jpg);
background-size: cover !important;
box-shadow: inset 0 0 0 2000px rgba(4, 98, 90, 0.80);
}
.header-custom-wrapper {
display: flex;
justify-content: space-between;
align-items: center;
}
#header-custom h1 {
color: #FFF;
margin-bottom: 28px;
}
#header-custom .subtitle {
color: #FFF;
width: auto;
}  #co-sa-zalohuje {
padding-top: 107px;
padding-bottom: 101px;
}
#co-sa-zalohuje h2 {
text-align: left;
margin-bottom: 25px;
margin-top: 28px;
color: #45413F;
}
#co-sa-zalohuje .subtitle {
width: auto;
margin: 0 auto;
}
#co-sa-zalohuje p:not(.small) {
margin-top: 25px;
margin-bottom: 6px;
text-align: left;
}
#co-sa-zalohuje p.small {
text-align: left;
} #povinnosti {
background: #ECE9E9;
padding: 50px 0;
}
#povinnosti h2 {
color: #45413F;
text-align: left;
}
#povinnosti ul {
padding-left: 20px;
}
#povinnosti ul li {
color: #000;
font-size: 14px;
font-weight: 400;
line-height: 18px;
margin-bottom: 15px;
}
#ako-sa-zapojit {
padding: 84px 0;
}
#ako-sa-zapojit h2 {
color: #45413F;
}
#ako-sa-zapojit .icon-box-wrapper {
max-width: 655px;
margin: 0 auto;
margin-top: 65px;
}
#ako-sa-zapojit .icon-box {
width: 655px;
display: flex;
align-items: center;
margin-bottom: 6px;
}
#ako-sa-zapojit .icon-box p {
max-width: 467px;
margin-left: 24px;
}
#pagination {
padding-top: 87px;
}
#pagination .pagination-wrapper {
display: flex;
justify-content: space-between;
align-items: center;
}
#pagination .pagination-wrapper a {
color: #45413F;
font-size: 24px;
font-weight: 700;
line-height: 32px;
text-decoration: none;
display: flex;
justify-content: flex-end;
align-items: center;
gap: 23px;
}
#pagination .pagination-wrapper a:hover {
color: #08B0A0;
}
#pagination .pagination-wrapper a:hover > svg path {
stroke: #08B0A0;
}
#pagination .pagination-wrapper .next {
display: flex;
gap: 56px;
flex-direction: column;
text-align: right;
}
#odberne-miesta {
padding: 90px 0;
}
#odberne-miesta h2 {
margin-bottom: 43px;
}
#odberne-miesta .card {
border: none;
align-items: center;
height: 100%;
}
#odberne-miesta .card h3 {
color: #4E4443;
text-align: center;
font-size: 48px;
font-weight: 700;
line-height: normal;
margin-bottom: 25px;
}
#odberne-miesta .card img {
max-width: 280px;
position: relative;
bottom: -60px;
}
#odberne-miesta .card .card-body {
background: #ECE9E9;
padding: 100px 30px 50px 30px;
text-align: center;
}
#odberne-miesta .card .card-body .subtitle {
margin-bottom: 25px;
width: auto;
}
#odberne-miesta .card .card-body p {
margin-bottom: 0;
}
#cta {
padding-top: 129px;
padding-bottom: 108px;
}
#cta h2 {
text-align: left;
margin-bottom: 20px;
}
#cta ul li {
margin-bottom: 15px;
color: #FFF;
font-size: 14px;
font-weight: 400;
line-height: 18px; }
#alternativne-odberne-miesto {
padding: 80px 0;
}
#alternativne-odberne-miesto h2 {
color: #45413F;
text-align: left;
}
#alternativne-odberne-miesto .subtitle {
width: auto;
display: block;
text-align: center;
margin-top: 77px;
margin-bottom: 9px;
}
#alternativne-odberne-miesto .examples {
display: flex;
margin-top: 43px;
}
#alternativne-odberne-miesto .example-icon {
text-align: center;
}
#alternativne-odberne-miesto .example-icon h3 {
color: #000;
text-align: center;
font-size: 20px;
font-weight: 400;
line-height: 24px;
margin-top: 24px;
}
#cta-2 {
padding-top: 36px;
padding-bottom: 43px;
}
#cta-2 h2 {
margin-bottom: 41px;
}
#cta-2 .subtitle {
color: #FFF;
width: auto;
}
#cta-2 a {
display: block;
text-decoration: none;
}
#cta-2 a:hover > .subtitle {
text-decoration: underline;
}
#cta-2 a:hover > svg circle {
fill: #FFF;
}
#cta-2 a:hover > svg rect {
stroke: #22567C;
}
#cta-2 a:hover > svg path {
stroke: #22567C;
}
#cta-2 svg {
display: block;
margin: 0 auto;
margin-top: 11px;
}
#testimonials {
background: #DAEEEF;
padding-top: 91px;
padding-bottom: 79px;
}
#testimonials h2 {
color: #45413F;
text-align: left;
}
#testimonials p {
text-align: left;
}
#testimonials .testimonials-wrapper {
padding-top: 56px;
display: flex;
}
#testimonials .testimonials-wrapper img {
margin-bottom: 28px;
}
.filter {
display: flex;
margin-bottom: 35px;
justify-content: center;
}
.filter button {
margin: 0 6px;
color: #4E4443;
font-size: 12px;
font-weight: 700;
line-height: 17.5px;
text-transform: uppercase;
padding: 6px 10px;
border: none;
background: transparent;
box-shadow: none;
}
.filter button.cat-all.active {
color: #FFF;
background: #4E4443;
}
.filter button.cat-1 {
color: #AF123C;
}
.filter button.cat-1:active,
.filter button.cat-1:hover {
color: #FFF;
background: #AF123C;
}
.filter button.cat-2 {
color: #04625A;
}
.filter button.cat-2:active,
.filter button.cat-2:hover {
color: #FFF;
background: #04625A;
}
.filter button.cat-3 {
color: #13255B;
}
.filter button.cat-3:active,
.filter button.cat-3:hover {
color: #FFF;
background: #13255B;
}
.filter button.cat-4 {
color: #5C5B28;
}
.filter button.cat-4:active,
.filter button.cat-4:hover {
color: #FFF;
background: #5C5B28;
}
#contact {
padding: 133px 0;
color: #fff;
}
#contact h1 {
margin-bottom: 28px;
}
#contact .subtitle {
width: auto;
color: #FFF;
margin-bottom: 28px;
}
#contact-form {
padding-top: 91px;
}
#contact-form h2 {
color: #45413F;
margin-bottom: 35px;
}
#contact-form .select-wrapper label {
margin-bottom: 14px;
margin-left: 20px;
color: #000;
font-size: 14px;
font-weight: 400;
line-height: 18px;
}
#contact-form .select-wrapper,
#contact-form .custom-select {
position: relative;
max-width: 507px;
margin: 0 auto;
}
#contact-form .select-wrapper {
margin-top: 19px;
}
#contact-form .custom-select select {
display: none;
}
#contact-form .select-selected {
background-color: #FFF;
}
#contact-form .select-selected.selected {
background: #08B0A1;
font-weight: 700;
color: #FFF;
}
#contact-form .select-selected.select-arrow-active {
color: #08B0A0;
background: #ECE9E9;
border-bottom: 1px solid transparent;
}
#contact-form .select-selected:after {
position: absolute;
content: url(//slovenskozalohuje.sk/wp-content/themes/slovenskozalohuje/assets/img/caret-down.svg);
top: 13px;
right: 20px;
width: 32px;
height: 22px;
}
#contact-form .select-selected.select-arrow-active:after {
border-color: transparent transparent #fff transparent;
content: url(//slovenskozalohuje.sk/wp-content/themes/slovenskozalohuje/assets/img/caret-down-alt.svg);
}
#contact-form.select-items div, .select-selected {
color: #45413F;
padding: 13px 20px;
border: 1px solid #45413F;
cursor: pointer;
}
#contact-form .select-items {
position: absolute;
background-color: #ECE9E9;
top: 100%;
left: 0;
right: 0;
z-index: 99;
color: #45413F;
font-size: 20px;
font-weight: 700;
line-height: 24px;
padding: 10px 41px 20px 41px;
border: 1px solid #45413F;
border-top: none;
}
#contact-form .select-items > div {
padding: 6px 0;
cursor: pointer;
}
#contact-form .select-hide {
display: none;
}
#contact-form .select-items div:hover, .same-as-selected {
color: #08B0A0;
}
#zoznam-miest {
padding: 94px 0;
padding-bottom: 0;
}
#zoznam-miest h1 {
text-align: center;
color: #45413F;
}
#zoznam-miest .form-group {
margin: 0 auto;
position: relative;
}
#zoznam-miest input {
padding: 11px 20px;
border-radius: 0;
box-shadow: none;
color: #45413F;
font-size: 20px;
font-weight: 500;
line-height: normal;
width: 100%;
border: 1px solid #45413F;
}
#zoznam-miest input::placeholder {
color: #C7C6C6;
font-size: 20px;
font-weight: 400;
line-height: 24px;
}
#zoznam-miest .form-group img {
position: absolute;
top: 50%;
right: 20px;
transform: translate(0, -50%);
}
#zoznam-miest .map-filter {
display: flex;
justify-content: center;
flex-wrap: wrap;
padding: 27px 0;
}
#zoznam-miest .map-filter .form-check {
margin-bottom: 0;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
margin-top: 18px;
margin-right: 32px;
}
#zoznam-miest .map-filter .checkbox-label {
margin-right: 15px;
margin-bottom: 0;
color: #000;
font-size: 14px;
font-weight: 400;
line-height: 32px;
padding-left: 46px;
display: flex;
justify-content: center;
align-items: center;
}
#zoznam-miest .map-filter .checkmark {
margin-right: 10px;
}
#single {
padding-top: 6px;
padding-bottom: 81px;
}
#single .post-image {
padding-bottom: 22px;
}
#single h1 {
padding-top: 31px;
}
#single .tag-wrapper {
gap: 14px;
margin-bottom: 15px;
}
#single .tag-wrapper a {
text-decoration: none;
}
#single time {
color: #000;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 18px;
display: block;
margin-bottom: 24px;
}
#single .tag-single {
color: #FFF;
text-align: right;
font-size: 10px;
font-weight: 700;
line-height: 17.5px;
padding: 5px 10px;
background: #EB526E;
}
#single .post-content {
padding-top: 40px;
max-width: 710px;
margin: 0 auto;
}
#single .post-content .subtitle {
display: inline-block;
width: auto;
margin-bottom: 20px;
}
#single .post-content .two-columns {
display: flex;
gap: 26px;
margin-top: 29px;
}
#single .post-content h3 {
margin: 25px 0;
}
#single .post-content img {
margin: 1px 0;
}
#single .post-content p {
margin-bottom: 25px;
text-align: left;
}
#single .post-content iframe {
width: 100%;
min-height: 400px;
}  .form-wrapper {
max-width: 518px;
margin: 0 auto;
padding: 50px 5px;
}
.form-wrapper form {
display: none;
}
.form-wrapper .form-row {
display: flex;
gap: 20px;
}
.form-wrapper label {
color: #000;
font-size: 14px;
font-weight: 400;
line-height: 14px;
margin-left: 20px;
margin-bottom: 11px;
}
.form-wrapper label span {
font-weight: 400;
line-height: normal;
}
.form-wrapper .form-group,
.form-wrapper .form-row {
margin-top: 25px;
}
.form-wrapper .form-group.m-0 {
margin-top: 0;
}
.form-wrapper input,
.form-wrapper textarea { border-radius: 0;
border: 1px solid #45413F;
box-shadow: none;
font-size: 20px;
font-weight: 400;
line-height: 14px;
padding: 10px 20px;
}
.form-wrapper input::placeholder,
.form-wrapper textarea::placeholder {
color: #C7C6C6 !important;
font-size: 20px;
font-weight: 400;
line-height: 24px;
}
.form-wrapper textarea {
height: 167px;
resize: none;
}
.form-wrapper .checkbox-label {
line-height: 18px;
min-height: 32px;
align-items: center;
margin-left: 0;
}
.form-wrapper .checkbox-label a {
color: #08B0A1;
}
.form-wrapper .label-subtitle {
display: inline-block;
color: #000;
font-size: 14px;
font-weight: 700;
line-height: 18px;
margin-bottom: 27px;
margin-top: 25px;
}
.form-wrapper button[type="submit"] {
width: 100%;
margin-top: 16px;
display: inline-block;
}  .swiper-1-wrapper {
position: relative;
max-width: 954px;
margin: 0 auto;
}
.swiper-1-wrapper .swiper-slide img {
max-width: 150px;
}
.swiper .swiper-pagination-bullet {
width: 27px;
height: 27px;
display: inline-flex;
align-items: center;
justify-content: center;
color: #fff;
text-align: center;
font-size: 12px;
font-style: normal;
font-weight: 700;
line-height: 17px; }
.swiper-pagination-bullet-active {
background: #04625A;
}
.swiper-1-wrapper .swiper-pagination-bullet:hover {
background: #04625A;
opacity: 1;
}
.swiper-1-wrapper .swiper-button-next::after, .swiper-1-wrapper .swiper-button-prev::after {
display: none;
}
.swiper-1-wrapper .swiper-button-prev,
.swiper-1-wrapper .swiper-button-next {
bottom: -30px;
width: 48px;
height: 48px;
margin-top: 10px;
}
.swiper-1-wrapper .swiper-button-prev {
left: 150px;
background-image: url('data:image/svg+xml,<svg width="49" height="48" viewBox="0 0 49 48" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="24" cy="24" r="24" transform="matrix(-1 0 0 1 48.1191 0)" fill="%2304625A"/><path d="M29.1191 37.8662L16.1191 24.4329L29.1191 10.9995" stroke="white" stroke-width="6"/></svg>')
}
.swiper-1-wrapper .swiper-button-next {
right: 150px;
background-image: url('data:image/svg+xml,<svg width="49" height="48" viewBox="0 0 49 48" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="24.1191" cy="24" r="24" fill="%2304625A"/><path d="M19.1191 37.8662L32.1191 24.4329L19.1191 10.9995" stroke="white" stroke-width="6"/></svg>');
}
.swiper-2-wrapper {
display: flex;
justify-content: center;
margin-top: 37px;
position: relative;
}
.swiper-2 {
cursor: move;
max-width: 709px;
overflow-x: hidden;
}
.swiper-2 .swiper-slide img {
width: 164px;
}
.swiper-2 figure {
text-align: center;
}
.swiper-2 figcaption {
margin-top: 16px;
}
.swiper-2-wrapper .swiper-button-prev,
.swiper-2-wrapper .swiper-button-next {
top: 80px;
width: 48px;
height: 48px;
}
.swiper-2-wrapper .swiper-button-prev {
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" fill="none"><circle cx="24" cy="24" r="24" transform="rotate(-180 24 24)" fill="%2322567C"/><path d="M29 10.1338L16 23.5671L29 37.0005" stroke="white" stroke-width="6"/></svg>');
}
.swiper-2-wrapper .swiper-button-next {
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" fill="none"><circle cx="24" cy="24" r="24" fill="%2322567C"/><path d="M19 37.8662L32 24.4329L19 10.9995" stroke="white" stroke-width="6"/></svg>');
}
.swiper-2-wrapper .swiper-button-next::after,
.swiper-2-wrapper .swiper-button-prev::after {
content: "";
}
.swiper-3-wrapper {
margin-top: 109px;
position: relative;
}
.swiper-3 {
max-width: 709px;
}
.swiper-3-wrapper {
display: flex;
justify-content: center;
margin-top: 37px;
position: relative;
}
.swiper-3 {
cursor: move;
max-width: 709px;
overflow-x: hidden;
}
.swiper-3-wrapper .swiper-button-prev {
width: 48px;
height: 48px;
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" fill="none"><circle cx="24" cy="24" r="24" transform="rotate(-180 24 24)" fill="%2322567C"/><path d="M29 10.1338L16 23.5671L29 37.0005" stroke="white" stroke-width="6"/></svg>');
}
.swiper-3-wrapper .swiper-button-next {
width: 48px;
height: 48px;
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" fill="none"><circle cx="24" cy="24" r="24" fill="%2322567C"/><path d="M19 37.8662L32 24.4329L19 10.9995" stroke="white" stroke-width="6"/></svg>');
}
.swiper-3-wrapper .swiper-button-next::after,
.swiper-3-wrapper .swiper-button-prev::after {
content: "";
}
.swiper-3 .card {
border-radius: 0;
border: none;
}
.swiper-3 .card .d-flex {
justify-content: center;
align-items: center;
gap: 20px;
}
.swiper-3 .card .d-flex img {
max-height: 55px;
}
.swiper-3 .card img {
border-radius: 0;
}
.swiper-3 .card h3 {
margin-bottom: 0;
}
.swiper-3 .card-title {
color: #454040;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 18px; }  #sub-section {
background: #F4F4F4;
padding: 40px 0;
}
#sub-section h2 {
text-align: left;
color: #454040;
}  #search-results {
padding: 80px 0;
}
#search-results h2 {
margin-bottom: 40px;
}
#search-form .btn {
margin-top: 20px;
}
#search-overlay {
position: absolute;
display: none;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #F4F4F4;
z-index: 9999;
}
#search-overlay form {
position: absolute;
top: 50%;
left: 50%;
right: unset;
transform: translate(-50%, -50%);
display: inline-flex;
}
#search-overlay form .input-wrapper {
display: flex;
width: 912px;
}
#search-overlay form input {
width: 100%;
background: transparent;
color: #45413F;
border: 1px solid #45413F;
border-right: none;
font-size: 24px;
padding: 10px;
box-shadow: none;
outline: none;
}
#search-overlay form input::placeholder {
color: #9A9A9A !important;
}
#search-overlay form button {
padding: 0 20px;
border: 1px solid #45413F;
border-left: none;
background: transparent;
}
#search-overlay .close-icon {
height: 100%;
margin-left: 10px;
cursor: pointer;
}
#search-overlay .icon-search {
width: 25px;
position: relative;
top: -2px;
}
#search-overlay .icon-search:hover > ellipse,
#search-overlay .icon-search:hover > line {
stroke: #08B0A1;
}
#search-overlay .close-icon:hover > path,
#search-overlay .close-icon:hover > path {
stroke: #08B0A1;
}
#sb_instagram .sbi_item:not(.sbi_transition) .sbi_photo {
border-radius: 16px;
}
#pojo-a11y-toolbar {
z-index: 999999999999 !important;
}
#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a .pojo-a11y-toolbar-text {
vertical-align: inherit;
display: inline-block;
}
#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a {
padding: 8px 15px !important;
font-size: 75% !important;
}
.sub-accordion-visible {
display: block !important;
max-width: 710px;
margin: 0 auto;
}
.img-wrapper {
position: relative;
}
.img-wrapper img {
display: block;
width: 100%;
height: auto;
}
.img-wrapper .overlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
height: 100%;
width: 100%;
opacity: 0;
transition: .5s ease;
background-color: rgba(34, 86, 124, .9);
}
.img-wrapper:hover .overlay {
opacity: 1;
}
.img-wrapper .text {
text-shadow: #000 1px 0 1px;
color: white;
width: 100%;
padding: 10px;
font-size: 15px;
line-height: 19px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: left;
}
#search-form input {
border: 1px solid #45413F;
border-radius: 0;
padding: 10px;
font-size: 20px;
margin-top: 5px;
}
#search-form input:focus {
box-shadow: 0 0 0 0.25rem rgba(8, 176, 161, .25) !important;
}
#search-form input:active {
box-shadow: 0 0 0 0.25rem rgba(8, 176, 161, .25) !important;
}
#search-results .post {
padding: 30px 0;
}
#search-results .post h2 {
text-align: left;
font-size: 26px;
margin-bottom: 15px;
}
#search-results .post a {
text-decoration: none;
}
.form-control:focus {
border-color: #08B0A1;
outline: 0;
box-shadow: 0 0 0 0.25rem rgba(8, 176, 161, .25);
}
#blog.blog-page .card {
display: flex;
flex-direction: column;
position: relative;
left: -1px;
align-items: center;
margin-bottom: 58px;
}
#blog.blog-page .card a {
width: 100%;
}
h1.category a {
color: #fff;
text-decoration: none;
}
.accordion-row {
display: flex;
align-items: center;
margin-bottom: 30px;
}
.accordion-row .card img {
position: relative;
width: auto;
height: 160px;
}
#blog .accordion-row .category-title {
display: flex;
height: 112px;
justify-content: center;
align-items: flex-start;
padding-left: 20px;
flex-direction: column;
min-width: 254px;
max-width: 254px;
cursor: pointer;
position: relative;
transition: 400ms all ease;
font-weight: 500;
}
#blog .accordion-row .category-title .category-overlay {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: 100%;
transform: translate(-50%, -50%);
align-items: center;
justify-content: center;
text-transform: uppercase;
color: #fff;
display: none;
transition: 300ms all ease;
}
#blog .accordion-row .category-title .category-overlay {
background: #04625A;
}
#blog .accordion-row .category-title .category-overlay-aktuality {
background: #04625A;
}
#blog .accordion-row .category-title .category-overlay-tlacove-spravy {
background: #AF123C;
}
#blog .accordion-row .category-title .category-overlay-blog {
background: #13255B;
}
#blog .accordion-row .category-title .category-overlay-galeria {
background: #5C5B28;
}
#blog .accordion-row .category-title .category-overlay-vratko-Stupel {
background: #08af9f;
}
#blog .accordion-row .category-title:hover {
height: 160px;
}
#blog .accordion-row .category-title:hover > .category-overlay {
display: flex;
}
#blog .accordion-row .category-title h3 {
font-size: 32px;
font-weight: bold;
}
#blog .accordion-row .card h2 {
font-size: 38px;
padding-bottom: 0;
margin-bottom: 10px;
text-align: left;
}
.accordion-row .card .image-wrapper {
position: relative;
}
.accordion-row .card .image-wrapper a {
display: inline-block;
}
.accordion-row .card .image-wrapper .tag-wrapper {
position: absolute;
top: 6px;
right: 7px;
}
#blog .accordion-row .card .card-body {
padding-left: 25px;
padding-top: 16px;
}
.wpcf7-not-valid-tip {
font-size: 13px !important;
line-height: normal;
margin-top: 5px;
}
.wpcf7-list-item {
margin-left: 0 !important;
}
.wpcf7-acceptance label {
margin-left: 10px;
cursor: pointer;
}
.wpcf7-acceptance .wpcf7-list-item {
display: flex;
}
.wpcf7-acceptance .wpcf7-list-item-label {
display: block;
margin-left: 40px;
}
.wpcf7-acceptance .wpcf7-list-item-label a {
color: #08B0A1;
}
.wpcf7 form#contact-form .wpcf7-response-output {
display: none !important;
visibility: hidden;
opacity: 0;
background: #08B0A1;
color: white;
font-size: 14px;
margin: 2em 0 1em !important;
padding: 0.5em 1em !important;
border: none !important;
}
.wpcf7-list-item input[type=checkbox] { position: absolute;
visibility: hidden;
width: 30px;
height: 30px;
top: 0;
left: 0;
}
.wpcf7-list-item input[type=checkbox] + span { }
.wpcf7-list-item input[type=checkbox] + span:before {
position: absolute;
top: 0;
left: 0;
height: 32px;
width: 32px;
background-color: #FFF;
border: 1px solid #45413F;
margin-right: 19px;
}
.wpcf7-list-item input[type=checkbox] + span:after {
position: absolute;
left: 10px;
top: 4px;
width: 11px;
height: 20px;
border: solid white;
border-width: 0 6px 6px 0;
-webkit-transform: rotate(40deg);
-ms-transform: rotate(40deg);
transform: rotate(40deg);
}
.wpcf7-list-item input[type=checkbox]:checked + span:before {
background: #04625A;
}
.wpcf7-list-item input[type=checkbox]:not(:checked):hover + span:before {
background: #08B0A1;
}
.wpcf7-list-item input[type=checkbox]:not(:checked):hover + span:after {
border: none;
}
.wpcf7-list-item input[type=checkbox]:checked + span:after {
visibility: visible;
}
.form-success-message {
display: none;
text-align: center;
max-width: 507px;
margin-top: 40px;
}
.form-success-message img {
width: 69px;
}
.form-success-message h3 {
font-size: 48px;
line-height: normal;
color: #08AF9F;
margin: 23px 0;
font-weight: bold;
}
.form-success-message p {
color: #4E4443;
font-size: 18px;
}
.wpcf7-submit {
width: 100% !important;
}
.wpcf7-submit:disabled {
color: white;
cursor: not-allowed;
background: rgba(4, 98, 90, .8);
}
.mobile-icon {
display: none;
}
#search-results h3 {
color: #45413F;
margin: 30px 0;
font-size: 24px !important;
}
.swiper {
cursor: move;
}
.back-button {
display: inline-flex;
align-items: center;
gap: 26px;
color: #45413F;
text-transform: uppercase;
margin: 52px 0;
font-weight: 500;
font-size: 18px;
}
.category-title {
text-align: left;
padding-bottom: 0 !important;
margin-bottom: 0;
}
.post-row {
display: none;
}
.post-row .post-inner {
padding: 0 77px;
}
.post-row .card {
margin-bottom: 60px;
}
.post-row .card .image-wrapper {
position: relative;
}
.post-row .card .image-wrapper .tag-wrapper {
position: absolute;
top: 6px;
right: 7px;
}
#blog .post-row .card .card-body {
padding-left: 25px;
padding-top: 16px;
}
.tooltip-inner {
background: #EDE8E8;
color: #454040;
text-align: left;
padding: 10px;
border-radius: 0;
opacity: 1 !important;
z-index: 9999999 !important;
}
.tooltip-arrow {
display: none !important;
}
#blog.search-page .card {
display: flex;
flex-direction: row;
}
#blog.search-page .back-button {
margin-top: 0;
}
.search-page .post-row {
display: block;
}
#search-results .back-button {
margin-top: 0;
}
#search-results a {
text-decoration: none;
}
#search-results time {
color: #4E4443;
text-align: right;
font-size: 11px;
font-weight: 500;
line-height: 17.5px;
text-transform: uppercase;
}
#search-results .card {
display: flex;
flex-direction: row;
border: none;
border-radius: 0;
}
#search-results .card h3 {
font-size: 24px;
font-weight: 700;
line-height: 32px;
margin-top: 8px;
margin-bottom: 10px;
}
#search-results .card h3:hover {
color: #08B0A0;
}
#search-results .card p {
font-size: 16px;
margin-bottom: 0;
}
#search-results .post-row {
display: block;
}
.back-button:hover {
color: #04625A;
}
.back-button:hover svg path {
stroke: #04625A;
}
.left-side {
display: flex;
flex-direction: column;
max-width: 124px;
position: absolute;
left: 60px;
top: 60px;
}
.left-side,
.right-side {
z-index: 99999;
}
.left-side .number,
.right-side .number {
bottom: -20px;
position: absolute;
left: 50%;
transform: translate(-50%, 0%);
color: #fff;
font-weight: bold;
}
.left-side .number::before,
.right-side .number::before {
content: '';
display: inline-block;
width: 44px;
height: 44px;
border-radius: 50%;
background-color: #08B0A1;
z-index: -1;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.left-side .image-area {
position: relative;
left: -60px;
}
.image-area img {
width: 100px;
opacity: .75;
}
.image-area img:hover {
opacity: 1;
}
.arrow-big-right,
.arrow-big-bottom {
width: 124px;
}
.arrow-small-right,
.arrow-small-left {
width: 72px;
margin-top: 30px;
position: relative;
}
.arrow-small-left {
right: 10px;
}
.right-side {
display: flex;
flex-direction: column;
align-items: flex-end;
max-width: 124px;
position: absolute;
right: 60px;
top: 60px;
}
.right-side .image-area {
position: relative;
right: -40px;
}
.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox input.cmplz-consent-checkbox:focus + .cmplz-label:before {
box-shadow: 0 0 0 2px #08B0A1 !important;
}
.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-always-active {
color: #08B0A1 !important;
}
.maps-marker-pro .mmp-control-filters label {
display: flex !important;
align-items: center !important;
gap: 10px;
margin: 3px 0 !important;
}
.maps-marker-pro .mmp-control-filters label .mmp-filter-icon {
display: none;
}
.maps-marker-pro .mmp-control-filters-selector {
width: 24px !important;
height: 24px !important;
accent-color: #04625a;
}
.marker-cluster-small {
background: rgba(8, 176, 161, .5) !important;
}
.marker-cluster-small div {
background: rgba(8, 176, 161, .5) !important;
}
.marker-cluster-medium {
background: rgba(8, 176, 161, .6) !important;
}
.marker-cluster-medium div {
background: rgba(4, 98, 90, .6) !important;
}
.marker-cluster-large {
background-color: rgba(8, 176, 161, .7) !important;
}
.marker-cluster-large div {
background-color: rgba(4, 98, 90, .7) !important;
}
.marker-cluster div {
color: #fff;
}
.maps-marker-pro {
border: none !important;
}
.maps-marker-pro .mmp-map-wrap {
position: relative;
top: -48px;
}
.leaflet-bottom.leaflet-right {
display: none;
}
.maps-marker-pro .mmp-list-header .mmp-list-search {
background: #fff url('data:image/svg+xml,<svg width="21" height="19" viewBox="0 0 21 19" fill="none" xmlns="http://www.w3.org/2000/svg"><ellipse cx="7.47424" cy="7.97424" rx="6.47424" ry="6.47424" stroke="%2345413F" stroke-width="2"/><line x1="12.5689" y1="11.6571" x2="19.4175" y2="17.753" stroke="%2345413F" stroke-width="2"/></svg>') 15px no-repeat !important;
height: 38px !important;
padding: 0 50px !important;
position: relative;
top: 7px;
z-index: 99999;
left: 77px;
outline: 3px solid #F4F4F4;
}
.maps-marker-pro .mmp-list .mmp-list-body {
display: none;
}
.maps-marker-pro .mmp-list-footer {
display: none !important;
}
.maps-marker-pro {
flex-direction: column-reverse !important;
}
.mmp-list-header .mmp-list-header-right {
display: none !important;
}
.leaflet-container a {
color: #04625a !important;
}
.leaflet-popup-content p {
line-height: 16px;
}
.maps-marker-pro .mmp-list-header .mmp-list-search-clear {
right: -65px !important;
top: 8px !important;
z-index: 99999 !important;
}
.mmp-list-header-left {
z-index: 999 !important;
}
.maps-marker-pro .leaflet-popup-content-wrapper {
border-radius: 1px !important;
}
.maps-marker-pro .mmp-popup-name {
color: #454040;
}
.leaflet-popup-content p {
color: #454040;
}
.tooltip-img {
cursor: pointer;
}
.tooltip-img:hover {
opacity: 50%;
}
.maps-marker-pro .leaflet-touch .mmp-control-filters {
display: none;
}
.mmp-list {
flex-basis: auto !important;
}
.mmp-list-header {
position: relative;
top: -186px;
width: 100%;
z-index: 999999;
border-bottom: none !important;
padding: 0 !important;
}
.maps-marker-pro .mmp-list-header .mmp-list-search-wrap {
max-width: 100% !important;
}
.maps-marker-pro .mmp-list-header .mmp-list-location {
background: #fff url('data:image/svg+xml,<svg width="21" height="19" viewBox="0 0 21 19" fill="none" xmlns="http://www.w3.org/2000/svg"><ellipse cx="7.47424" cy="7.97424" rx="6.47424" ry="6.47424" stroke="%2345413F" stroke-width="2"/><line x1="12.5689" y1="11.6571" x2="19.4175" y2="17.753" stroke="%2345413F" stroke-width="2"/></svg>') 5px no-repeat !important;
background-position: left 15px top 50% !important;
height: 46px !important;
padding-left: 50px !important;
}
.maps-marker-pro .mmp-list-header .mmp-list-location-clear {
right: 15px !important;
}
.mmp-autocomplete_wrapper > ul {
border-radius: 0 !important;
background: #fff !important;
}
.mmp-autocomplete_wrapper > ul > li {
padding: 6px !important;
display: flex;
align-items: center;
font-size: 17px !important;
}
.mmp-autocomplete_wrapper > ul > li:first-child {
padding-top: 12px !important;
}
.mmp-autocomplete_wrapper > ul > li#autoComplete_result_9 {
padding-bottom: 12px !important;
}
.mmp-autocomplete_footer {
display: none !important;
}
.maps-marker-pro .mmp-api-icon-directions {
background-image: url('data:image/svg+xml,<svg id="Layer_1" fill="%2304625a" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 122.88 122.88"><title>direction-top-right</title><path d="M120.3.14,1.24,40.38A1.82,1.82,0,0,0,.1,42.7a1.78,1.78,0,0,0,1.21,1.15h0L60.85,62,79,121.58h0a1.78,1.78,0,0,0,1.15,1.21,1.82,1.82,0,0,0,2.32-1.14L122.74,2.58A1.85,1.85,0,0,0,120.3.14Z"/></svg>') !important;
}
.mmp-autocomplete_icon {
}
.maps-marker-pro .mmp-map-modal-header {
background: #04625a !important;
padding: 12px !important;
}
.maps-marker-pro .mmp-map-modal-header .mmp-map-modal-title {
color: #fff !important;
}
.maps-marker-pro .mmp-map-modal-close {
color: #fff !important;
}
.mmp-autocomplete_icon {
background: url(//slovenskozalohuje.sk/wp-content/themes/slovenskozalohuje/assets/img/pin.png) 50% / contain no-repeat !important;
width: 25px !important;
height: 25px !important;
}
video {
width: 388.598px;
height: 373px;
max-width: 100%;
}
.mmp-popup-location-address {
display: none;
}
.maps-marker-pro .leaflet-popup-content {
margin: 18px 10px 10px !important;
}
.mmp-api-icon-directions {
font-weight: bold;
}
.maps-marker-pro .mmp-popup-location {
padding-top: 10px !important;
}
.mmp-api-icon-directions::after {
content: 'Získať trasu';
padding-left: 22px;
white-space: nowrap;
}
.dottie-player {
height: 500px;
margin: 0 auto;
transform: scale(1.15);
}
.sbi_lightbox {
z-index: 10000000 !important;
margin-top: 70px !important;
}
#blog:not(.blog-page) iframe,
#search-results iframe,
.post-row iframe {
width: 100%;
height: 100%;
min-height: 200px;
}
#pbAutoplayBtn {
display: none !important;
}
#pbCloseBtn:hover:before {
background: rgba(4, 98, 90, 1) !important;
}
.pbThumbs li.active a img {
border-color: #04625a !important;
}
#zoznam-miest .map-filter .checkbox-label.disabled {
cursor: not-allowed;
}
#zoznam-miest input:disabled {
pointer-events: none;
}
#zoznam-miest .map-filter .checkmark.disabled {
background: lightgray;
}
.gallery .gallery-item .gallery-icon a {
display: block;
}
.gallery .gallery-item .gallery-icon img {
max-width: 100%;
height: auto;
}
.gallery .gallery-item {
margin-top: 0 !important;
margin-bottom: 0 !important;
padding: 3px !important;
}
#ean-verification {
padding: 120px 0;
}
#ean-verification .ean-section-wrapper {
max-width: 710px;
margin: 0 auto;
}
#ean-verification h2 {
margin-bottom: 16px;
}
#ean-verification p {
font-size: 20px;
line-height: 28px;
font-weight: 500;
letter-spacing: 0.04em;
color: #45413F;
}
#ean-verification button {
margin: 0 auto;
margin-top: 35px;
}
#ean-verification #ean {
display: block;
width: 100%;
padding: 12px 29px;
border: 1px solid #45413F;
border-radius: 0;
text-transform: uppercase;
letter-spacing: 0.9em;
font-size: 20px;
line-height: 20px;
font-weight: 600;
text-align: center;
}
#ean-verification form {
text-align: center;
}
#ean-verification form #next-ean {
margin-top: 40px;
display: flex;
justify-content: center;
gap: 9px;
color: #757575;
font-size: 14px;
font-weight: 500;
letter-spacing: 0.1em;
text-decoration: none;
display: none;
}
#ean-verification #ean::placeholder {
letter-spacing: normal;
color: #C7C6C6 !important;
text-transform: none;
font-weight: 400 !important;
text-align: center;
}
#ean-verification #ean-result {
margin-top: 33px;
font-size: 20px;
line-height: 28px;
text-align: center;
text-transform: uppercase;
}
#ean-verification #ean-result .ean-success {
color: #454040;
}
#ean-verification #ean-result .ean-error {
color: #AF123C;
}
#ean-verification #ean-result .ean-message {
max-width: 542px;
font-size: 14px;
line-height: normal;
font-weight: bold;
color: #fff;
text-align: center;
margin: 0 auto;
padding: 21px;
letter-spacing: 0.1em;
}
#ean-verification #ean-result .ean-message.ean-success-message {
background: #08AF9F;
}
#ean-verification #ean-result .ean-message.ean-error-message {
background: #AF123C;
}
.title-wrapper {
z-index: 999;
}
.performance-banner-wrapper {
margin-left: 100px;
width: 400px;
height: 136px;
position: relative;
text-align: left;
}
.performance-banner.banner-mobile {
display: none;
}
.performance-banner .performance-banner-inner {
padding: 17px 24px;
border-radius: 24px;
background: white;
text-align: left;
}
.performance-banner .performance-banner-inner img {
width: auto !important;
height: auto !important;
position: absolute;
margin-top: 0 !important;
top: 0;
right: 12px;
}
.performance-banner .banner-date {
margin-left: 24px;
margin-bottom: 7px;
color: #fff;
font-size: 14px;
font-weight: 500;
}
.performance-banner .banner-subtitle {
color: #45413F;
font-size: 18px;
font-weight: 500;
position: relative;
z-index: 999;
display: block;
}
.performance-banner .banner-subtitle-alt {
margin: 6px 0;
}
.performance-banner .performance-banner-inner {
height: 136px;
}
.performance-banner .performance-banner-inner br {
display: none;
}
.performance-banner .performance-banner-inner h2 {
font-size: 30px;
color: #04625A;
font-weight: bold;
margin-top: 11px;
margin-bottom: 9px;
text-align: left;
position: relative;
z-index: 999;
}
.performance-banner .performance-banner-inner span {
max-width: 200px;
}
.performance-banner-wrapper .banner-navigation {
display: flex;
flex-direction: column;
gap: 15px;
position: absolute;
right: 0;
top: 42px;
}
.performance-banner-wrapper .banner-navigation img {
margin-top: 0 !important;
width: 14px !important;
height: 14px !important;
cursor: pointer;
z-index: 0;
-webkit-user-select: none; -ms-user-select: none; user-select: none; }
.performance-banner-wrapper .banner-navigation img.active,
.performance-banner-wrapper .banner-navigation img:hover {
filter: brightness(0) invert(1);
}
.performance-banner.banner-hidden {
display: none;
}
.performance-banners {
position: relative;
margin-right: 25px;
}
.performance-banner {
top: 0;
left: 0;
width: 100%;
display: none; }
.performance-banner.active {
display: block; }
.nav-bullet.active {
opacity: 1; }
.mc4wp-response {
margin-top: 20px;
}
#newsletter label {
display: block;
margin-bottom: 30px;
}
.mc4wp-form-fields .checkbox-label a {
color: #08B0A1;
}
#testimonials .testimonial-detail {
background: #22567C;
color: #fff;
max-width: 100%;
width: auto;
margin-top: 10px;
text-transform: none;
letter-spacing: normal;
padding: 10px 20px !important;
height: auto;
}
.partner-logo img {
height: 75px;
margin-bottom: 30px !important;
} .loading-icon {
animation: spin 1s linear infinite; display: inline-block;
vertical-align: middle;
} @keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
} input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
} input[type="number"] {
-moz-appearance: textfield;
}
.performance-banner-inner p {
margin-bottom: 0;
}
.performance-banner .performance-banner-inner h2 {
margin: 12px 0;
}
#split-section {
height: 177px;
}
#split-section .split-box {
text-align: center;
padding: 0 10px;
position: relative;
top: 28px;
}
#split-section .split-box .split-box-inner {
padding: 33px;
background: #DAEEEF;
height: 100%;
}
#split-section .split-box img {
margin-bottom: 20px;
}
#split-section .split-box h3 {
color: #22567C;
text-transform: uppercase;
font-size: 20px;
line-height: 28px;
}
#split-section .split-box p {
font-size: 14px;
line-height: 20px;
margin-bottom: 0;
}
#cta-section {
padding-top: 193px;
padding-bottom: 50px;
}
#cta-section h2 {
color: #DAEEEF;
}
#cta-section p {
color: #fff;
margin-bottom: 40px;
}
#cta-section a {
margin: 0 auto;
line-height: normal;
}
#cta-section a:hover {
background: #DAEEEF !important;
color: #45413F !important;
}
#sub-section.education-section p {
font-size: 14px;
line-height: 20px;
}
#projects {
padding-top: 71px;
padding-bottom: 85px;
}
#projects.active {
padding-bottom: 220px;
}
#projects h2 {
margin-bottom: 15px;
}
#projects p {
font-size: 14px;
line-height: 20px;
}
#projects .info-icon {
padding-bottom: 15px;
}
#projects .education-boxes {
padding-top: 50px;
}
#projects .education-box {
text-align: center;
}
#projects .education-box a {
display: block;
height: 100%;
padding: 26px;
text-decoration: none;
background: #D32D4C;
transition: 300ms all ease;
}
#projects .education-box a.active {
background: #fff;
}
#projects .education-box a.active h3 {
color: #454040;
}
#projects .education-box a .project-image {
height: 114px;
}
#projects .education-box a:hover {
background: rgba(211, 45, 76, .75);
}
#projects .education-box a.active:hover {
background: #fff;
}
#projects .education-box h3 {
color: #fff;
font-size: 20px;
line-height: 24px;
padding: 20px 0;
margin-bottom: 0;
}
#excursions {
padding-top: 37px;
padding-bottom: 47px;
}
#excursions .info-icon {
padding-bottom: 19px;
}
#excursions h2 {
color: #D32D4C;
text-align: left;
margin-bottom: 10px;
}
#excursions p {
padding-top: 40px;
font-size: 14px;
line-height: 20px;
}
#excursions .background-title {
padding: 42px 55px;
background: rgba(211, 45, 76, .15);
position: relative;
box-shadow: -57px 0px 0px 0px #d32d4c26;
display: flex;
align-items: center;
padding-left: 0;
justify-content: space-evenly;
}
#excursions .background-title-wrapper {
position: absolute;
bottom: 0;
}
#excursions .wrapper-custom {
position: relative;
text-align: right;
}
#excursions .wrapper-custom a {
position: absolute;
bottom: 56px;
left: 50%;
transform: translate(-50%, 0);
}
#excursions .subtitle {
color: #45413F;
font-size: 20px;
line-height: 28px;
font-weight: bold;
}
#excursions .subtitle > span {
font-weight: 500;
}
#lists {
padding-top: 85px;
padding-bottom: 44px;
background: #F4F4F4;
}
#lists .info-icon {
padding-bottom: 28px;
}
#lists h2 {
color: #D32D4C;
text-align: left;
}
#lists .subtitle {
color: #45413F;
font-size: 20px;
line-height: 28px;
font-weight: bold;
padding-top: 7px;
}
#lists .subtitle.w-100 {
max-width: 100%;
padding-bottom: 18px;
}
#lists p {
font-size: 14px;
line-height: 20px;
}
#lists .accordion-row {
padding: 85px 0;
display: flex;
flex-wrap: wrap;
align-items: flex-start;
}
#lists .accordion-row .col-md-4 {
width: calc((100% - 47px) / 3) !important;
}
#lists .background-title {
display: flex;
padding: 42px 55px;
background: rgba(211, 45, 76, .15);
position: relative;
align-items: center;
box-shadow: -57px 0px 0px 0px #d32d4c26, 57px 0px 0px 0px #d32d4c26;
padding-left: 0;
justify-content: space-evenly;
gap: 61px;
margin-top: 33px;
}
#lists .background-title > div {
width: 50%;
}
#lists .background-title .flex-child {
display: flex;
flex-direction: column;
}
#lists .background-title .flex-child img {
width: 100px;
}
#lists .background-title .flex-child .subtitle-cta {
font-size: 16px;
font-weight: 500;
line-height: 21px;
color: #45413F;
}
#lists .background-title .cta_form .wpcf7-submit {
width: auto !important;
height: auto;
position: relative;
top: 28px;
}
#lists .background-title .cta_form .wpcf7-list-item input[type=checkbox]:not(:checked):hover + span:before {
background: #D32D4C;
}
#lists .background-title .cta_form .wpcf7-list-item input[type=checkbox]:checked + span:before {
background: #D32D4C;
}
#lists .background-title .cta_form .wpcf7-response-output {
color: #45413F;
background: #08AF9F;
font-size: 13px;
border: none;
color: #fff;
}
#lists .background-title .cta_form .wpcf7-submit:disabled {
background: rgba(211, 45, 76, .8);
}
#lists .background-title .cta_form .label-subtitle {
font-size: 13px;
font-weight: bold;
color: #45413F;
display: block;
margin-top: 15px;
margin-left: 50px;
}
#lists .background-title .cta_form .pt-custom {
padding-top: 31px;
}
#lists .background-title .cta_form .wpcf7-acceptance .wpcf7-list-item-label {
font-size: 13px;
line-height: 17px;
}
#lists .background-title .cta_form .wpcf7-acceptance .wpcf7-list-item-label a {
font-weight: bold;
color: #45413F;
}
#lists .background-title .cta_form .wpcf7-not-valid-tip {
position: absolute;
}
#lists .background-title .cta_form input:not([type="submit"]) {
border-radius: 0;
border: 1px solid #45413F;
box-shadow: none;
font-size: 16px;
font-weight: 400;
line-height: 14px;
padding: 10px 20px;
height: 54px;
}
#lists .background-title .cta_form input:not([type="submit"])::placeholder {
font-size: 16px !important;
line-height: 20px;
color: rgba(69,65,63,.75);
}
#lists .subtitle > span {
display: block;
font-weight: 500;
}
#lists .accordion .accordion-title {
background: #D32D4C;
padding: 5px 11px;
}
#lists .accordion .accordion-content {
padding: 20px 11px;
font-size: 14px;
line-height: 20px;
}
#lists .accordion .accordion-title h3 {
color: #fff;
font-size: 14px;
line-height: 20px;
font-weight: bold;
margin-bottom: 0;
}
#lists .accordion .sub-accordion-toggle {
background: url('data:image/svg+xml,<svg width="19" height="19" viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.5 5.42871V13.5716" stroke="white" stroke-width="2"/><path d="M13.5715 9.5L5.42868 9.5" stroke="white" stroke-width="2"/><circle cx="9.5" cy="9.5" r="8.5" stroke="white" stroke-width="2"/></svg>');
width: 19px;
height: 19px;
}
#lists .accordion .accordion-title.active .sub-accordion-toggle {
background: url('data:image/svg+xml,<svg width="19" height="19" viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.5715 9.5L5.42868 9.5" stroke="white" stroke-width="2"/><circle cx="9.5" cy="9.5" r="8.5" stroke="white" stroke-width="2"/></svg>')
}
#lists .col-custom {
width: 20%;
padding: 0 7.5px;
}
#lists .material-box {
background: #D32D4C;
padding: 18px;
text-align: center;
height: 179px;
margin-bottom: 17px;
position: relative;
transition: 300ms all ease-in-out;
}
#lists .material-box:hover {
background: #E9516D;
}
#lists .material-box img {
height: 54px;
margin-bottom: 20px;
}
#lists .material-box h4 {
color: #fff;
font-size: 16px;
font-weight: bold;
line-height: 20px;
}
#lists .col-custom a {
text-decoration: none;
}
#lists .material-box .dl-wrapper {
color: #fff;
text-decoration: none;
font-size: 10px;
font-weight: 500;
line-height: 17.5px;
display: flex;
justify-content: center;
align-items: center;
position: absolute;
bottom: 13px;
left: 50%;
transform: translate(-50%, 0);
}
.page-template-vzdelavanie .accordion-toggle:hover {
background-image: url("data:image/svg+xml,%3Csvg width='64' height='64' viewBox='0 0 64 64' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='32' cy='32' r='32' fill='%23D32D4C'/%3E%3Cpath d='M32 18.2856V45.7142' stroke='white' stroke-width='6'/%3E%3Cpath d='M45.7141 32L18.2855 32' stroke='white' stroke-width='6'/%3E%3C/svg%3E");
}
.page-template-vzdelavanie .accordion-toggle.active {
background-image: url("data:image/svg+xml,%3Csvg width='64' height='65' viewBox='0 0 64 65' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='32' cy='32.5' r='32' fill='%23D32D4C'/%3E%3Cpath d='M45.7142 32.5L18.2857 32.5' stroke='%23ECE9E9' stroke-width='6'/%3E%3C/svg%3E");
}
.page-template-vzdelavanie #materials .sub-accordion-toggle:hover {
background-image: url("data:image/svg+xml,%3Csvg width='64' height='64' viewBox='0 0 64 64' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='32' cy='32' r='32' fill='%23D32D4C'/%3E%3Cpath d='M32 18.2856V45.7142' stroke='white' stroke-width='6'/%3E%3Cpath d='M45.7141 32L18.2855 32' stroke='white' stroke-width='6'/%3E%3C/svg%3E");
}
.page-template-vzdelavanie #materials .accordion-title.active .sub-accordion-toggle {
background-image: url("data:image/svg+xml,%3Csvg width='64' height='65' viewBox='0 0 64 65' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='32' cy='32.5' r='32' fill='%23D32D4C'/%3E%3Cpath d='M45.7142 32.5L18.2857 32.5' stroke='%23ECE9E9' stroke-width='6'/%3E%3C/svg%3E");
}
.page-template-vzdelavanie #materials .accordion h3.active {
color: #D32D4C;
}
.page-template-vzdelavanie #contact-form .select-items div:hover, .page-template-vzdelavanie #contact-form .same-as-selected {
color: #D32D4C;
}
.page-template-vzdelavanie #contact-form .select-selected.select-arrow-active {
color: #D32D4C;
}
.page-template-vzdelavanie #contact-form .select-selected.select-arrow-active:after {
content: url(//slovenskozalohuje.sk/wp-content/themes/slovenskozalohuje/assets/img/caret-down-alt-red.svg);
}
.page-template-vzdelavanie #contact-form .select-selected.selected {
background: #D32D4C;
color: #fff;
}
.accordion-row .after-accordion-text h3 {
color: #45413F;
font-size: 16px;
line-height: 20px;
font-weight: bold;
}
.masonry-grid {
display: flex;
margin-left: -7px;
margin-right: -7px;
margin-top: 10px;
}
.masonry-item {
padding: 7px;
}
.masonry-item img {
width: 100%;
display: block;
}
#projects .masonry-grid .card {
border-radius: 0;
background: #F4F4F4;
border: 1px solid #9A9A9A;
}
#projects .masonry-grid .card .card-body {
padding: 14px;
padding-top: 10px;
}
#projects .masonry-grid .card img {
padding: 14px;
}
#projects .masonry-grid .card img.post-image {
height: 100%;
cursor: pointer;
}
#projects .masonry-grid .card .card-body date {
font-size: 10px;
line-height: 20px;
}
.image-container {
position: relative;
overflow: hidden;
}
.image-container img {
width: 100%;
display: block;
transition: transform 0.3s ease;
}
#projects .overlay {
cursor: pointer;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(235, 82, 110, 0.5); display: flex;
align-items: center;
justify-content: center;
opacity: 0;
transition: opacity 0.3s ease;
border: 14px solid #F4F4F4;
}
#projects .image-container:hover .overlay {
opacity: 1; }
#projects .zoom-icon {
width: 50px; height: 50px;
}
#projects .projects-button {
padding-top: 70px;
}
#projects .projects-button a {
margin: 0 auto;
}
#projects a .education-accordion-toggle {
display: inline-block;
min-width: 36px;
min-height: 36px;
background: url('data:image/svg+xml,<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="18" cy="18" r="17" stroke="white" stroke-width="2"/><path d="M18 10V26" stroke="white" stroke-width="2"/><path d="M26 18L10 18" stroke="white" stroke-width="2"/></svg>');
background-size: cover !important;
cursor: pointer;
transition: 300ms all ease;
}
#projects a:hover .education-accordion-toggle {
background: url('data:image/svg+xml,<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="18" cy="18" r="16" stroke="white" stroke-width="4"/><path d="M18 10V26" stroke="white" stroke-width="4"/><path d="M26 18L10 18" stroke="white" stroke-width="4"/></svg>');
}
#projects a.active .education-accordion-toggle {
background: url('data:image/svg+xml,<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="18" cy="18" r="16" stroke="%23000" stroke-width="4"/><path d="M26 18L10 18" stroke="%23000" stroke-width="4"/></svg>')
}
#projects .masonry-grid {
display: none;
}
#projects .projects-button {
position: absolute;
bottom: -86px;
}
.close-grid-icon {
position: absolute;
bottom: -175px;
cursor: pointer;
display: block;
text-align: center;
margin-top: 10px;
transition: bottom 0.3s ease;
width: auto;
left: 50%;
transform: translate(-50%, -50%);
}
.close-grid-icon.no-more-items {
bottom: -86px; }
#blog .filter-btn {
display: flex;
gap: 13px;
justify-content: center;
align-items: center;
padding: 11.5px 21.5px;
color: #454040;
font-size: 12px;
line-height: auto;
font-weight: bold;
background: transparent;
border: none;
}
#blog .caret-icon {
display: inline-block;
background: url('data:image/svg+xml, <svg width="14" height="8" viewBox="0 0 14 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.5 0.75L7 7.25L13.5 0.75" stroke="%23454040"/></svg>');
width: 13px;
height: 7px;
background-size: cover !important;
transition: 300ms all ease;
}
#blog .card .card-image-wrapper {
position: relative;
}
#blog .card .card-image-wrapper .primary-tag {
position: absolute;
left: 3px;
top: 3px;
font-size: 12px;
line-height: 13px;
padding: 7px 13px;
background: #13255B;
color: white;
font-weight: bold;
}
#header-custom {
background: #13255B;
}
#blog .card .card-image-wrapper .primary-tag.category-6 {
background: #04625A;
}
#single .tag-wrapper .tag.category-6 {
background: #04625A;
}
#header-custom.category-6 {
background: #04625A;
}
#blog .card .card-image-wrapper .primary-tag.category-8 {
background: #AF123C;
}
#single .tag-wrapper .tag.category-8 {
background: #AF123C;
}
#header-custom.category-8 {
background: #AF123C;
}
#blog .card date {
font-size: 10px;
}
#blog .card .card-body .tags {
display: flex;
gap: 4px;
margin-bottom: 12px;
}
.tag-wrapper .tag {
color: #45413F;
font-size: 10px;
font-weight: 500;
padding: 4px 10px;
border-radius: 200px;
border: 1px solid #45413F;
text-transform: none;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
background: transparent;
}
#blog .card .card-body .tags .tag {
color: #45413F;
font-size: 10px;
font-weight: 500;
padding: 4px 10px;
border-radius: 200px;
border: 1px solid #45413F;
text-transform: none;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}
#blog .card .card-body h3 {
font-size: 16px;
font-weight: bold;
line-height: 23px;
}
#vzdelavanie {
background: rgba(211, 45, 76, 0.1);
}
#vzdelavanie a {
display: block;
color: inherit;
text-decoration: none;
padding-top: 34px;
padding-bottom: 32px;
}
#vzdelavanie .inner-content h2 {
text-align: left;
margin-bottom: 10px;
}
#vzdelavanie .inner-content-wrapper {
display: flex;
justify-content: center;
gap: 30px;
}
#vzdelavanie .inner-content p {
font-size: 14px;
line-height: 20px;
}
#vzdelavanie .inner-content .inner-icons {
margin-top: 26px;
display: flex;
gap: 50px;
align-items: start;
}
#vzdelavanie .inner-content .inner-icons h3 {
color: #D32D4C;
font-size: 16px;
text-align: center;
}
#vzdelavanie .inner-content .inner-icons .icon {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 16px;
}
#breadcrumbs {
padding: 30px 0;
background: #FFE1AA;
}
#breadcrumbs .breadcrumb {
display: flex;
justify-content: center;
margin-bottom: 0;
}
#breadcrumbs .breadcrumb a {
padding: 0 42px;
color: #454040;
font-size: 14px;
line-height: 20px;
border-right: 1px solid #04625A;
font-weight: 500;
text-decoration: none;
position: relative;
}
#breadcrumbs .breadcrumb a:hover {
opacity: .9;
text-decoration: underline;
}
#breadcrumbs .breadcrumb a:first-child {
padding-left: 0;
}
#breadcrumbs .breadcrumb a:last-child {
border-right: none;
padding-right: 0;
}
#breadcrumbs .breadcrumb a:last-child::after {
display: none; }
#blog .filter-wrapper {
margin-bottom: 43px;
}
#blog .card img {
width: 100%;
}
#blog .card date {
display: inline-block;
padding-bottom: 8px;
}
.filter-container, .sort-container {
position: relative;
display: inline-block;
}
.filter-overlay, .sort-overlay {
position: absolute;
top: 100%;
left: 0;
width: 200px;
background: white;
outline: 1px solid #fff;
box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
padding: 10px;
display: none;
z-index: 100;
}
.filter-btn {
cursor: pointer;
background: #f5f5f5;
border: 1px solid #ccc;
padding: 10px;
display: flex;
align-items: center;
}
.caret-icon {
display: inline-block;
width: 12px;
height: 12px;
transition: transform 0.3s ease;
}
.rotate {
transform: rotate(180deg);
}
.filter-overlay {
min-width: 517px;
padding: 29px 47px 37px 53px;
}
.filter-overlay h3 {
color: #454040;
font-size: 12px;
font-weight: bold;
}
.sort-overlay {
padding: 11.5px 21.5px;
}
.sort-overlay h3 {
color: #454040;
font-size: 12px;
font-weight: normal;
cursor: pointer;
}
.filter-overlay .filter-categories {
display: flex;
gap: 10px;
padding-bottom: 24px;
flex-wrap: wrap;
}
.filter-overlay .filter-categories span {
display: flex;
justify-content: center;
align-items: center;
gap: 12px;
cursor: pointer;
}
.filter-overlay .filter-categories span.selected {
color: #fff;
background: #04625A;
}
.filter-overlay .filter-categories span.selected:nth-child(1) {
background-color: #13255B; }
.filter-overlay .filter-categories span.selected:nth-child(3) {
background-color: #AF123C; } .filter-overlay .filter-categories span.active img {
display: none;
}
.filter-overlay .filter-tags span {
cursor: pointer;
}
.filter-overlay .filter-tags span.selected {
color: #fff;
background: #04625A;
}
.filter-overlay .filter-tags span.active img {
display: none;
}
.filter-overlay .filter-tags {
display: flex;
gap: 10px;
flex-wrap: wrap;
}
.filter-overlay span .toggle-icon,
.sort-overlay span .toggle-icon {
display: inline-block;
width: 15px;
height: 12px;
background-size: cover !important;
background: url('data:image/svg+xml,<svg width="15" height="12" viewBox="0 0 15 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 5.18182L5.88235 9L13 2" stroke="%239A9A9A" stroke-width="3"/></svg>');
transition: 300ms all ease;
}
.filter-overlay span.selected .toggle-icon,
.sort-overlay span.selected .toggle-icon {
display: inline-block;
width: 15px;
height: 12px;
background-size: cover !important;
background: url('data:image/svg+xml,<svg width="10" height="9" viewBox="0 0 10 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 0.5L9 8.5" stroke="white"/><path d="M1 8.5L9 0.5" stroke="white"/></svg>');
transition: 300ms all ease;
}
.filter-overlay .filter-tags span {
border-radius: 200px;
display: flex;
justify-content: center;
align-items: center;
gap: 12px;
cursor: pointer;
}
.filter-overlay span {
font-size: 12px;
border: 1px solid #9A9A9A;
padding: 6px 13px;
font-weight: bold;
color: #9A9A9A;
line-height: normal;
}
.filter-overlay .filter-buttons {
padding-top: 39px;
display: flex;
}
.filter-overlay .filter-buttons .btn {
font-size: 12px;
padding: 12px 50px;
letter-spacing: 1.2px;
margin: inherit !important;
width: auto;
height: auto;
}
.filter-overlay .filter-buttons .btn-2 {
color: #9A9A9A;
}
.filter-overlay .filter-buttons .btn-2:hover {
background: #fff !important;
color: #454040 !important;
}
#breadcrumb {
background: #F4F4F4;
padding-top: 26px;
padding-bottom: 32px;
}
#breadcrumb .breadcrumb {
display: flex;
align-items: center;
font-size: 16px;
color: #666;
margin-bottom: 0;
}
#breadcrumb .breadcrumb-link,
#breadcrumb .breadcrumb-current {
text-decoration: none;
color: #454040;
font-size: 12px;
line-height: 28px;
font-weight: 400;
transition: color 0.3s ease;
}
#breadcrumb .breadcrumb-link:hover {
color: #0056b3;
}
#breadcrumb .breadcrumb-icon {
width: 16px;
height: 16px;
margin: 0 8px;
vertical-align: middle;
}
#breadcrumb .breadcrumb-current {
color: #04625A;
}
#materials .accordion-content .sub-accordion .arrow-right-icon {
display: inline-block;
width: 46px;
height: 46px;
background-size: cover !important;
background: url('data:image/svg+xml,<svg width="46" height="46" viewBox="0 0 46 46" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M23.4702 32.4L32.9183 23.2L23.4702 14" stroke="white" stroke-width="4"/><path d="M30.3778 23.2L13 23.2" stroke="white" stroke-width="4"/></svg>');
transition: 300ms all ease;
} #materials .accordion-content .last-accordion:hover {
background: #04625A !important;
}
#materials .accordion-content .last-accordion:hover .arrow-right-icon {
background: url('data:image/svg+xml,<svg width="46" height="46" viewBox="0 0 46 46" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="23" cy="23" r="23" fill="white"/><path d="M23.4702 32.4L32.9183 23.2L23.4702 14" stroke="%2304625A" stroke-width="4"/><path d="M30.3778 23.2L13 23.2" stroke="%2304625A" stroke-width="4"/></svg>');
}
#single-obstaravanie {
padding-top: 60px;
}
#single-obstaravanie h1 {
color: #04625A;
font-size: 32px;
line-height: normal;
padding-bottom: 38px;
text-align: center;
}
#single-obstaravanie .single-content {
max-width: 712px;
margin: 0 auto;
}
#single-obstaravanie .single-content p {
font-size: 14px;
}
#materials.obstaravanie .accordion-content .sub-accordion {
margin-top: 10px;
margin-bottom: 0;
background: #04625A;
}
#materials.obstaravanie {
background: #fff;
padding-bottom: 0;
}
#materials.obstaravanie .accordion-content .sub-accordion:hover {
background: #45413F;
}
#breadcrumb .back-button .breadcrumb-link {
display: flex;
justify-content: center;
align-items: center;
}
#breadcrumb .breadcrumb-link:hover {
color: #04625A !important;
}
#breadcrumb.back-button-section {
background: #fff;
}
#materials.others-obstaravanie {
background: #fff;
padding-top: 0;
}
#materials {
scroll-margin-top: 89px;
}
#materials.others-obstaravanie h2 {
color: #454040;
font-size: 32px;
line-height: normal;
padding-bottom: 38px;
}
#materials.others-obstaravanie .accordion-content .sub-accordion {
margin-top: 10px;
margin-bottom: 0;
}
#materials .accordion-content .sub-accordion.last-accordion {
margin-top: 10px;
margin-bottom: 0;
}
#materials .accordion-content .sub-accordion.last-accordion:first-child {
margin-top: 25px;
}
#loading-icon {
text-align: center;
}
#loading-icon img {
width: 40px;
}
#fancybox-content {
border-color: #fff !important;
}
.form-wrapper.rating-form {
padding: 0;
}
#ratingModal .modal-body {
padding: 41px 46px;
}
#ratingModal .modal-body h3 {
color: #000000;
text-transform: uppercase;
font-size: 16px;
letter-spacing: 0.5px;
}
.form-wrapper.rating-form form {
display: block;
}
#information .col-custom {
width: 20%;
}
body.tag {
text-transform: none;
padding: 0;
}
.custom-file-upload {
display: flex;
align-items: center;
gap: 10px;
padding: 10px 15px;
border: 1px solid #ccc;
border-radius: 5px;
cursor: pointer;
width: max-content;
background-color: #f9f9f9;
transition: background 0.2s ease-in-out;
}
.custom-file-upload:hover {
background-color: #eee;
}
.custom-file-upload i {
font-size: 20px;
color: #555;
}
.file-input {
display: none; }
#ratingModal {
z-index: 9999999;
}
#ratingModal .modal-header {
border-bottom: none;
}
#ratingModal .modal-content {
border-radius: 0;
}
#ratingModal .modal-header .btn-close {
font-size: 12px;
}
#ratingModal .modal-body {
padding-top: 0;
}
#ratingModal form#hodnotenie input::placeholder,
#ratingModal form#hodnotenie textarea::placeholder {
font-size: 16px;
}
.mmp-popup-name {
font-weight: bold;
font-family: Graphik;
font-size: 12px;
}
.mmp-popup-text {
font-family: Graphik;
font-weight: 400;
font-size: 12px;
}
.mmp-popup-review-button {
background: transparent;
display: flex;
align-items: flex-start !important;
gap: 8px;
float: right;
border: none;
}
.mmp-popup-review-button > span {
text-align: left;
color: #04625A;
font-weight: bold;
line-height: normal;
}
.mmp-popup-review-button svg {
margin-top: 3px;
}
.maps-marker-pro .leaflet-popup-content {
width: 300px;
height: auto;
padding-bottom: 10px;
}
.maps-marker-pro .mmp-api-icon {
margin-top: 5px;
width: 17px !important;
height: 16px !important;
}
.form-group.hidden-field {
margin-top: 0;
}
.location-detail-name {
font-size: 14px;
opacity: .7;
}
.rating-wrapper .rating {
width: 100%;
unicode-bidi: bidi-override;
text-align: center;
position: relative;
justify-content: flex-end;
flex-direction: row-reverse;
display: flex;
gap: 2px;
margin-top: 10px;
}
.rating-wrapper .rating > label {
float: right;
display: inline;
padding: 0;
margin: 0;
position: relative;
width: 1.1em;
cursor: pointer;
color: #04625A;
font-size: 34px;
width: 1em;
}
.rating-wrapper .rating > label:hover,
.rating-wrapper .rating > label:hover ~ label,
.rating-wrapper .rating > input.radio-btn:checked ~ label {
color: transparent;
}
.rating-wrapper .rating > label:hover:before,
.rating-wrapper .rating > label:hover ~ label:before,
.rating-wrapper .rating > input.radio-btn:checked ~ label:before,
.rating-wrapper .rating > input.radio-btn:checked ~ label:before {
content: "\2605";
position: absolute;
left: 0;
color: #FFD700;
width: 1em;
}
.rating-wrapper .txt-center {
text-align: center;
}
.hide {
display: none;
}
.clear {
float: none;
clear: both;
}
.mmp-popup-text p {
margin-top: 12px !important;
}
.maps-marker-pro .mmp-popup-name {
margin-bottom: 12px !important;
}
.rating-validate {
margin-top: 10px;
}
.mmp-popup-rating {
display: inline-flex;
align-items: center;
gap: 7px;
font-weight: 400;
font-size: 11px;
padding: 4px 12px;
color: #fff;
text-transform: uppercase;
}
.mmp-popup-rating.rating-1 {
background: #AF123C;
}
.mmp-popup-rating.rating-2 {
background: #DE6000;
}
.mmp-popup-rating.rating-3 {
background: #04625A;
}
.mmp-popup-rating.rating-4 {
background: #08AF9F;
}
#metodicke-listy {
padding: 100px 0;
}
#metodicke-listy .file-list {
list-style: none;
}
#metodicke-listy .file-list .file-item {
padding: 3px 0;
}
#metodicke-listy .file-list .file-item a {
color: #45413F;
}
#CybotCookiebotDialogDetailFooter a {
text-decoration: underline !important;
}  #vyhrat{
padding-top: 120px;
padding-bottom: 60px;
}
#vyhrat li{
font-weight: 400;
}
#contact-form-gravity {
padding-top: 91px;
padding-bottom: 60px;
}
#contact-form-gravity h2 {
color: #45413F;
margin-bottom: 35px;
}
#contact-form-gravity .select-wrapper label {
margin-bottom: 14px;
margin-left: 20px;
color: #000;
font-size: 14px;
font-weight: 400;
line-height: 18px;
}
#contact-form-gravity .select-wrapper,
#contact-form-gravity .custom-select {
position: relative;
max-width: 507px;
margin: 0 auto;
}
#contact-form-gravity .select-wrapper {
margin-top: 19px;
}
#contact-form-gravity .custom-select select {
display: none;
}
#contact-form-gravity .select-selected {
background-color: #FFF;
}
#contact-form-gravity .select-selected.selected {
background: #08B0A1;
font-weight: 700;
color: #FFF;
}
#contact-form-gravity .select-selected.select-arrow-active {
color: #08B0A0;
background: #ECE9E9;
border-bottom: 1px solid transparent;
}
#contact-form-gravity .select-selected:after {
position: absolute;
content: url(//slovenskozalohuje.sk/wp-content/themes/slovenskozalohuje/assets/img/caret-down.svg);
top: 13px;
right: 20px;
width: 32px;
height: 22px;
}
#contact-form-gravity .select-selected.select-arrow-active:after {
border-color: transparent transparent #fff transparent;
content: url(//slovenskozalohuje.sk/wp-content/themes/slovenskozalohuje/assets/img/caret-down-alt.svg);
}
#contact-form-gravity.select-items div, .select-selected {
color: #45413F;
padding: 13px 20px;
border: 1px solid #45413F;
cursor: pointer;
}
#contact-form-gravity .select-items {
position: absolute;
background-color: #ECE9E9;
top: 100%;
left: 0;
right: 0;
z-index: 99;
color: #45413F;
font-size: 20px;
font-weight: 700;
line-height: 24px;
padding: 10px 41px 20px 41px;
border: 1px solid #45413F;
border-top: none;
}
#contact-form .select-items > div {
padding: 6px 0;
cursor: pointer;
}
#contact-form-gravity .select-hide {
display: none;
}
#contact-form-gravity .select-items div:hover, .same-as-selected {
color: #08B0A0;
}@media only screen and (max-width: 1900px) {
}
@media only screen and (max-width: 1600px) {
.container-small {
max-width: 1040px;
}
#zoznam-miest .map-filter .form-check {
margin-right: 73px;
}
}
@media only screen and (min-width: 1600.1px) {
#zoznam-miest .map-filter {
max-width: 900px;
margin: 0 auto;
}
#zoznam-miest .map-filter .form-check {
margin-right: 73px;
}
}
@media only screen and (max-width: 1400px) {
.container-small {
max-width: 956px;
}
#blog:not(.blog-page) iframe,
#search-results iframe,
.post-row iframe {
min-height: 170px;
}
#excursions .background-title {
padding: 27px 55px;
padding-left: 0;
}
#information .card h3 {
font-size: 18px;
line-height: 24px;
}
}
@media only screen and (max-width: 1200px) {
.logo {
width: 180px;
}
#search-overlay form .input-wrapper {
width: 800px;
}
#breadcrumbs .breadcrumb a {
padding: 0 20px;
}
}
@media only screen and (min-width: 992.1px) {
.navbar.fixed .logo {
width: 180px;
}
#hero .performance-banner-wrapper {
position: relative;
top: -190px;
}
.dottie-player {
margin-left: 50px;
}
#excursions .wrapper-custom {
position: relative;
min-height: 500px;
}
#excursions .wrapper-custom img {
position: absolute;
bottom: 0;
left: 0;
}
}
@media only screen and (max-width: 992px) {
#materials {
scroll-margin-top: 96px;
} 
#breadcrumbs .breadcrumb a {
margin: 5px 0;
}
#vzdelavanie .inner-content br {
display: none;
}
#vzdelavanie .inner-content .inner-icons {
gap: 20px;
justify-content: center;
}
#excursions .background-title, #lists .background-title {
padding: 27px 55px;
}
h2 {
font-size: 36px;
}
p {
font-size: 16px;
line-height: normal;
}
.subtitle {
font-size: 16px;
line-height: 22px;
}
.navbar-collapse {
justify-content: space-between;
}
#hero {
padding-top: 0px;
padding-bottom: 90px;
}
#hero h1 {
padding-top: 40px;
margin-left: 0;
}
#hero h1 span {
margin-top: 0;
}
#hero .col-lg-6 {
text-align: center;
}
#hero img {
margin-top: 50px;
}
#hero .hero-wrapper .title-wrapper {
position: inherit;
}
#hero .hero-wrapper .image-wrapper {
position: inherit;
}
#questions .accordion {
padding: 30px 12px;
}
#questions .accordion h2 {
margin-bottom: 20px;
}
#questions .accordion .content .icon-wrapper p {
font-size: 16px;
margin-left: 5px;
margin-right: 5px;
}
#questions .accordion-2 .custom-flex {
flex-direction: column-reverse;
gap: 30px;
}
#questions .accordion-4 .custom-flex {
flex-direction: column;
gap: 30px;
}
#questions .accordion-2 .custom-flex p {
margin-bottom: 30px;
text-align: center;
}
#questions .accordion-4 .custom-flex p {
margin-bottom: 30px;
text-align: center;
}
#questions .accordion .img-inline {
max-height: 100px
}
#vratko .parallax {
background-attachment: scroll;
min-height: 275px;
background-size: cover;
}
#vratko .banner img {
height: 300px;
top: 0;
margin-left: 50px;
}
#vratko .banner h2 {
font-size: 36px;
margin-bottom: 12px;
}
#vratko .banner p {
margin-bottom: 12px;
}
#map h2 {
margin-bottom: 10px;
}
#map span {
font-size: 28px;
margin-bottom: 10px;
}
#information .card h3 {
font-size: 14px;
line-height: 20px;
}
#social a {
margin: 0 10px;
}
#social svg {
width: 50px;
}
.footer-top h3 {
font-size: 20px;
line-height: 26px;
}
#ako-sa-zapojit .icon-box {
width: auto;
}
#ako-sa-zapojit .icon-box img {
width: 145px;
}
#povinnosti ul li br {
display: none;
}
#odberne-miesta .card {
max-width: 466px;
margin: 0 auto;
}
#odberne-miesta .card .card-body {
padding-top: 75px;
}
#odberne-miesta .card h3 {
font-size: 36px;
}
#sub-section h2 {
margin-bottom: 28px;
}
#zoznam-miest .map-filter {
display: block;
}
#zoznam-miest .map-filter .form-check {
justify-content: flex-start;
margin: 5px 0;
}
#search-overlay form .input-wrapper {
width: 640px;
}
#header-custom.blog-header {
padding: 90px 0;
}
#blog {
padding-top: 60px;
}
#blog .category-row .accordion-row {
flex-direction: column;
align-items: flex-start;
height: auto;
margin-bottom: 30px;
}
#blog .accordion-row .category-title:hover {
height: auto;
}
#blog .accordion-row {
margin-bottom: 0;
}
#blog .category-row .category-title {
margin: 30px 0;
padding-left: 0 !important;
height: auto;
}
#blog .category-row .category-title .category-overlay {
display: none !important;
}
#questions .accordion-3 .swiper-slide p {
max-width: 360px;
}
.mmp-list-header {
top: -300px;
}
video {
margin-top: 30px;
}
.performance-banner {
margin: 0 auto;
}
.performance-banner.banner-desktop {
display: none;
}
.performance-banner.banner-mobile {
display: block;
}
.performance-banner-wrapper {
margin: 0 auto;
}
#split-section {
height: auto;
}
#split-section .row {
gap: 10px;
}
#split-section br {
display: none;
}
#cta-section {
padding-top: 80px;
}
#cta-section br {
display: none;
}
#excursions .background-title-wrapper {
margin-top: 20px;
position: relative;
}
#excursions .background-title {
box-shadow: none;
}
#excursions .wrapper-custom {
text-align: center;
}
.background-title .btn-alternative {
white-space: nowrap;
}
#lists .background-title {
box-shadow: none;
}
#lists .col-custom {
width: 50%;
}
#lists .container-cta {
padding-left: 0;
padding-right: 0;
}
}
@media only screen and (max-width: 768px) {
#vzdelavanie .inner-content-wrapper {
flex-direction: column;
}
#vzdelavanie .inner-content-wrapper img {
width: 300px;
margin: 0 auto;
}
#vzdelavanie .inner-content .inner-icons .icon img {
width: auto;
}
#information .row-boxes .col-md-3 {
width: 100%;
}
#lists .accordion-row .col-md-4 {
width: 100% !important;
}
#lists .accordion-row {
padding: 25px 0;
}
.header-desktop {
display: none !important;
}
.header-mobile {
display: flex;
}
header .navbar .logo {
width: 150px;
}
header .navbar {
padding: 20px 0;
}
h2 {
font-size: 32px;
}
#hero {
padding-bottom: 80px;
}
#hero h1 span {
font-size: 36px;
line-height: normal;
}
h1 {
font-size: 36px !important;
}
#hero h1 {
font-size: 40px !important;
}
#questions .accordion .content .icon-wrapper {
margin-bottom: 30px;
}
#questions .accordion .content .icon-wrapper p {
max-width: 300px;
margin: 20px auto;
}
#map {
padding-bottom: 60px;
}
#map span {
font-size: 24px;
}
.checkbox-label {
margin-left: 0;
}
#vratko .banner {
max-height: none;
text-align: center;
}
#vratko .banner-content {
padding: 40px 20px;
}
#vratko .banner img {
margin-left: 0;
margin-bottom: 40px;
padding-left: 20px;
}
#vratko .banner h2 {
font-size: 32px;
line-height: normal;
margin-bottom: 12px;
}
#vratko .banner p {
font-size: 18px;
}
#information {
padding: 60px 0;
}
#information .card {
margin-bottom: 119px;
height: auto;
}
#information .col-md-4:last-child .card {
margin-bottom: 0;
}
#information .col-md-3:last-child .card {
margin-bottom: 0;
}
#information .card h3 {
font-size: 20px;
line-height: 28px;
}
#faq .accordion-toggle {
min-width: 48px;
min-height: 48px;
}
#faq .accordion {
margin-left: 0;
}
#faq .accordion-title {
margin-bottom: 20px;
}
#faq .accordion-title h3 {
font-weight: 600;
font-size: 18px;
max-width: 90%;
}
#blog {
padding: 60px 0;
}
#blog .card {
margin-bottom: 30px;
}
#materials .accordion {
padding: 20px 30px;
}
#materials .accordion-toggle {
min-width: 48px;
min-height: 48px;
}
#materials .accordion h3 {
font-size: 24px;
}
#newsletter {
padding-top: 60px;
padding-bottom: 30px;
}
#newsletter h2 {
margin-bottom: 20px;
}
#social {
padding-top: 30px;
padding-bottom: 60px;
}
#social img {
width: 50px;
}
footer {
padding-top: 40px;
padding-bottom: 20px;
}
.footer-top .title-icon-wrapper {
margin-bottom: 28px;
}
.footer-bottom {
padding-top: 17px;
text-align: center;
}
.footer-bottom ul li:first-child {
margin-bottom: 0;
}
.image-logo-wrapper {
padding: 20px 0;
}
.header-custom-wrapper img {
width: 150px;
}
#co-sa-zalohuje {
padding: 40px 0;
}
#povinnosti {
padding: 60px 0;
}
#povinnosti h2 {
margin-bottom: 20px;
}
#povinnosti ul {
margin-bottom: 0;
}
#povinnosti ul li:last-child {
margin-bottom: 0;
}
#ako-sa-zapojit {
padding: 60px 0;
}
#pagination {
padding-top: 60px;
}
#ako-sa-zapojit .icon-box-wrapper {
margin-top: 30px;
}
#ako-sa-zapojit .icon-box img {
width: 125px;
}
#pagination .pagination-wrapper svg {
width: 16px;
height: 24px;
}
#pagination .pagination-wrapper a {
font-size: 20px;
line-height: normal;
}
#pagination .pagination-wrapper .next {
gap: 28px;
}
#cta {
padding-top: 60px;
padding-bottom: 60px;
}
#alternativne-odberne-miesto h2 {
margin-bottom: 20px;
}
#alternativne-odberne-miesto h2 br {
display: none;
}
#alternativne-odberne-miesto .examples > div {
flex-basis: 50%;
}
#alternativne-odberne-miesto .subtitle {
margin-top: 40px;
}
#testimonials {
padding-top: 60px;
padding-bottom: 60px;
}
#testimonials .testimonials-wrapper {
padding-top: 30px;
}
.mb-custom {
margin-bottom: 0;
}
#contact {
padding: 60px 0;
}
#contact-form {
padding: 60px 0;
}
#zoznam-miest .map-filter {
display: block;
}
#zoznam-miest .map-filter .form-check {
margin: 0 8px 8px 0;
}
#zoznam-miest .map-filter .form-check:last-child {
margin-bottom: 0;
}
#single .post-content .two-columns {
display: block;
}
#single {
padding-bottom: 21px;
}
.form-wrapper {
padding: 25px 0;
}
#contact-form .select-items,
.select-selected {
font-size: 16px;
}
#contact-form .select-wrapper label,
.form-wrapper label {
margin-bottom: 7px;
margin-left: 10px;
}
.form-wrapper input,
.form-wrapper textarea {
font-size: 16px;
}
.form-wrapper input::placeholder,
.form-wrapper textarea::placeholder {
font-size: 16px;
}
.form-wrapper .form-row {
gap: 10px;
}
.form-wrapper .checkbox-label br {
display: none;
}
.pojo-a11y-toolbar-toggle {
top: 100px;
}
#search-overlay form .input-wrapper {
width: 576px;
}
#search-overlay form input {
padding: 7px;
font-size: 18px;
}
#search-overlay form input::placeholder {
font-size: 18px;
}
#search-results {
padding: 50px 0;
}
#header-custom.blog-header {
padding: 50px 0;
}
#search-overlay {
background: #fff;
height: 100vh;
}
#search-overlay form input {
border: none;
width: 279px;
font-size: 24px;
font-weight: bold;
}
#search-overlay form input::placeholder {
color: #9A9A9A;
font-weight: 900;
font-size: 24px;
}
#search-overlay form button {
border: none;
}
#search-overlay .close-icon {
display: none;
}
.mobile-icon {
display: block;
}
.desktop-icon {
display: none;
}
#search-overlay form button {
display: none;
}
.mobile-close {
cursor: pointer;
position: absolute;
right: 16px;
top: 19px;
width: 28px;
height: 28px;
}
.mobile-close:hover > path {
stroke: #08B0A1;
}
.mobile-search:hover > line,
.mobile-search:hover > ellipse {
stroke: #08B0A1;
}
.mobile-search {
cursor: pointer;
position: absolute;
right: 40px;
bottom: 40px;
}
.input-wrapper {
justify-content: center;
}
#blog .post-row .card {
display: block;
}
#search-results .post-row .card {
display: block;
}
#search-results .post-row .card .card-body {
padding-left: 0;
}
#blog .post-row .card .card-body {
padding-left: 0;
}
#questions .accordion-3 .swiper-slide p {
max-width: 360px;
margin-top: 30px;
}
.maps-marker-pro .leaflet-touch .mmp-control-filters {
margin-top: 46px;
}
.maps-marker-pro .mmp-list-header .mmp-list-search {
position: initial !important;
font-size: 16px !important;
}
.maps-marker-pro .mmp-list-header .mmp-list-search::placeholder {
font-size: 16px !important;
}
.leaflet-left .leaflet-control {
margin-left: 3px !important;
margin-top: 45px !important;
}
.leaflet-right .leaflet-control {
margin-right: 5px !important;
}
.maps-marker-pro .mmp-list-header .mmp-list-search-clear {
right: 10px !important;
top: inherit !important;
}
.left-side,
.right-side {
display: none;
}
.swiper-1-wrapper .swiper-button-prev {
left: 50px;
}
.swiper-1-wrapper .swiper-button-next {
right: 50px;
}
.dottie-player {
height: auto;
}
#blog:not(.blog-page) iframe,
#search-results iframe,
.post-row iframe {
min-height: 300px;
}
#blog .card h3 {
font-size: 20px;
line-height: 26px;
}
#single .post-content iframe {
min-height: 350px;
}
.dottie-player {
transform: none;
}
#projects .education-boxes {
gap: 7px;
}
#projects .education-box a {
display: flex;
align-items: center;
padding: 13px;
justify-content: space-between;
}
#projects .education-box h3 {
margin-left: 24px;
}
#projects .education-box a > div {
display: flex;
align-items: center;
}
#projects .education-box a .project-image {
width: 50px;
height: auto;
}
#excursions .background-title, #lists .background-title {
flex-direction: column;
align-items: flex-start;
gap: 20px;
padding: 25px;
}
#lists .accordion-row {
gap: 10px;
}
#materials {
scroll-margin-top: 79px;
}
#lists .background-title > div {
width: 100%;
}
#information .col-custom {
width: 100%;
}
}
@media only screen and (max-width: 600px) {
#materials {
scroll-margin-top: 72px;
}
#breadcrumbs .breadcrumb {
flex-direction: column;
align-items: center;
}
#breadcrumbs .breadcrumb a {
border: none;
padding: 20px 40px !important;
margin: 0;
}
#vzdelavanie .inner-content .inner-icons {
flex-direction: column;
align-items: center;
}
h2 {
font-size: 28px;
}
.btn {
font-size: 12px;
width: 250px;
height: 50px;
}
.subtitle {
display: inline;
}
#lists .subtitle.w-100 {
display: block;
}
#contact .subtitle {
display: inline-block;
margin-bottom: 14px;
}
.card .subtitle {
display: inline-block;
}
.logo {
width: 120px;
}
h1 {
font-size: 36px !important;
}
header .navbar .logo {
width: 128px;
}
header .navbar {
padding: 15px 0;
}
.menu-navigation {
top: 71px;
}
#hero img {
margin-top: 30px;
width: 75%;
height: auto;
}
.performance-banner .performance-banner-inner img {
height: 100px !important;
margin-top: 40px !important;
}
#questions .accordion .content {
margin-bottom: 0;
}
#questions .content .wrapper {
margin-bottom: 30px;
}
#pet-flase .wrapper {
margin-bottom: 30px;
}
#questions .accordion .img-inline {
max-height: 80px;
}
#questions .accordion-2 h3 {
margin-bottom: 0;
}
#co-sa-zalohuje #pet-flase h3 {
margin-bottom: 0;
}
#questions .accordion-2 img {
max-width: 100px;
}
#co-sa-zalohuje #pet-flase img {
max-width: 100px;
}
#questions .accordion-3 figcaption .fieldset {
margin-right: 15px;
}
#vratko .banner {
flex-direction: column-reverse;
padding: 30px 0;
}
#vratko .banner h2 {
text-align: center;
font-size: 26px;
}
#vratko .banner p {
text-align: center;
font-size: 16px;
}
#vratko .btn {
margin: 0 auto;
}
#vratko .banner-content {
padding: 0;
}
#vratko .banner img {
margin-bottom: 0;
padding-left: 0;
}
#faq .accordion-toggle {
margin-left: 40px;
}
#faq .accordion-title .accordion-caret,
#faq .accordion-title:not(.active):hover > .accordion-caret {
width: 24px;
height: 24px;
min-width: 24px;
min-height: 16px;
margin-top: 2px;
background-size: cover !important;
}
#social a {
margin: 0 5px;
}
#social img {
width: 45px;
}
.footer-top p {
font-size: 12px;
line-height: 15px;
}
.footer-top h3 {
font-size: 16px;
line-height: 20px;
margin-bottom: 20px;
}
#header-custom h1 {
font-size: 24px;
margin-bottom: 15px;
}
#pet-flase {
display: block;
}
#ako-sa-zapojit .icon-box img {
width: 70px;
}
#ako-sa-zapojit .icon-box p {
margin-bottom: 0;
font-size: 14px;
line-height: 18px;
margin-left: 15px;
}
#pet-flase h3 {
width: auto;
}
#materials .sub-accordion-toggle {
min-width: 36px;
min-height: 36px;
width: 36px;
height: 36px;
}
#materials .accordion-content .sub-accordion .download-icon {
width: 32px;
height: 32px;
min-width: 32px;
min-height: 32px;
}
#materials .accordion-content .sub-accordion {
padding: 12px 16px;
}
#pagination .pagination-wrapper a {
font-size: 16px;
line-height: normal;
}
#odberne-miesta .card img {
max-width: 200px;
}
#odberne-miesta .card h3 {
font-size: 28px;
}
#alternativne-odberne-miesto .examples {
display: block;
}
#alternativne-odberne-miesto .example-icon {
margin-bottom: 30px;
}
#alternativne-odberne-miesto .example-icon h3 {
margin-top: 10px;
}
#materials .accordion {
padding: 20px;
}
.filter {
display: block;
text-align: center;
}
.filter button {
margin: 6px;
}
#search-overlay form .input-wrapper {
width: 430px;
}
#materials ul li {
font-size: 18px;
}
.post-row .post-inner {
padding: 0;
}
.back-button {
margin: 26px 0;
}
#blog .accordion-row .card {
display: none;
}
#blog .accordion-row .card .card-body {
padding-left: 0;
}
.accordion-row .card img {
width: 100%;
height: auto;
}
#blog .category-row .category-title {
margin-top: 0;
padding: 20px;
flex-direction: row;
justify-content: flex-start;
align-items: center;
gap: 20px;
white-space: nowrap;
}
.swiper-1-wrapper .swiper-button-prev {
left: 10px;
}
.swiper-1-wrapper .swiper-button-next {
right: 10px;
}
.swiper-1-wrapper .swiper-button-prev, .swiper-1-wrapper .swiper-button-next {
margin-top: 0;
}
#questions .accordion-3 .swiper-slide p {
position: relative;
top: 25px;
}
.cmplz-cookiebanner {
padding: 15px !important;
}
.cmplz-divider {
display: none !important;
}
.cmplz-buttons button {
height: auto !important;
padding: 7px !important;
}
.cmplz-cookiebanner .cmplz-links .cmplz-link {
line-height: 18px !important;
}
.performance-banner .banner-subtitle {
font-size: 17px !important;
}
.performance-banner .performance-banner-inner h2 {
font-size: 28px !important;
}
#breadcrumbs .breadcrumb a::after {
content: "";
position: absolute;
transform: translateX(-50%);
width: 30px;
height: 2px;
background-image: url("data:image/svg+xml,%3Csvg width='30' height='2' viewBox='0 0 30 2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 1L-2.38419e-07 1' stroke='%2304625A'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: contain;
left: 50%;
top: 58px;
}
#materials .accordion-content .last-accordion .arrow-right-icon {
width: 32px;
height: 32px;
min-width: 32px;
min-height: 32px;
}
#projects p br {
display: none;
}
#lists .background-title .cta_form .wpcf7-submit {
width: 100% !important;
}
}
@media only screen and (min-width: 600px) {
.swiper-1-wrapper .swiper-pagination {
display: flex;
flex-direction: row-reverse;
justify-content: center;
position: relative;
top: -40px;
}
.swiper-1-wrapper .swiper-pagination-bullet:nth-child(1),
.swiper-1-wrapper .swiper-pagination-bullet:nth-child(2),
.swiper-1-wrapper .swiper-pagination-bullet:nth-child(8){
display: none;
}
#single .post-content iframe {
min-height: 300px;
}
}
@media only screen and (max-width: 576px) {
#search-results .post h2 {
margin-top: 20px;
}
.filter-overlay {
width: 100vw;
}
}
@media only screen and (max-width: 480px) {
h1 {
font-size: 24px !important;
}
#hero h1 {
font-size: 30px !important;
}
#hero h1 span {
font-size: 26px !important;
line-height: normal;
}
.envelope-icon {
width: 50px;
}
.footer-top .col-md-6:first-child p br {
display: none;
}
.header-custom-wrapper img {
width: 125px;
}
#search-overlay form .input-wrapper {
width: 300px;
}
#blog:not(.blog-page) iframe,
#search-results iframe,
.post-row iframe {
min-height: 200px;
}
.performance-banner {
max-width: 100%;
width: 366px;
}
.performance-banner-wrapper {
width: 100%;
max-width: 800px;
margin: 0 auto;
}
}