/*!
Theme Name: core
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: core
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

core is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/

/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
 

.site-content{
  overflow-x: hidden;
}
 
 
 
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
	  font-family: "Inter", sans-serif;
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */
body {
	margin: 0;
	
}

.site-header{
/*	overflow-x: hidden; */
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
	font-family: monospace, monospace;
	font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */
a {
	background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
	    font-weight: 400;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	    top: 0.2em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */
img {
	border-style: none;
}

/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
font-family: 'Montserrat';

	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
	display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */
template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
	display: none;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
	color: #000000;

  font-family: "Inter", sans-serif;

	font-size: 16px;
	font-size: 1rem;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {

    margin-top: 0px;
}

.has-gradient h5 a, 
.has-gradient h5 a:visited, 
.has-gradient h5 a:active, 
.has-gradient h5 a:focus,
.has-gradient h5 a:hover{
	color: #fff;
	text-decoration: none;
}

.flipbook-main-wrapper{
	    background: #f8f8f8!important;
}

.flipbook-nav svg{
	fill: #000!important;
}






.opening-hours {
  width: 100%;
  border-collapse: collapse;
}

.opening-hours td {
  border: none;
  padding: 8px 12px;
  text-align: center;
  vertical-align: middle;
}

.opening-hours td:first-child {
  text-align: left;
}

.opening-hours td:last-child {
  text-align: right;
}






   




p, ul, ol {
	margin-bottom: 1.5em;
    margin-top: 0px;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 0 0 0;
}

address {
	margin: 0 0 0 0;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
}

body {
	background: #100b14;
}

hr {
	background-color: #000000;
	border: 0;
	height: 1px;
	margin-bottom: 0;
}

ul,
ol {
	margin: 0 0 0 0;
    padding: 0 0 0 0;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 0;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 0 0 0;
}

img {
	height: auto;
	max-width: 100%;
}

figure {
	margin: 0 0;
}

table {
	margin: 0 0 0 0;
	width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 2px solid;

	background: #e6e6e6;
	color: #000000;
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1;
	padding: 0.6em 1em 0.4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid inherit;
	border-radius: 3px;
	padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #000000;
}

select {
	border: 2px solid #ccc;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: #000000;
}

a:visited {
	color: #000000;
}

a:hover,
a:focus,
a:active {
	color: #000000;
}

:focus, a:focus {
	outline: none;
}

a:hover,
a:active {
	outline: 0;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
	clear: both;
	display: block;
	float: right;
	width: auto;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	left: 100%;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation li {
	float: left;
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}





.contact-second{
    background: linear-gradient(-90deg, #00000000 0.00%, #00000021 78.82%, #32323200 100.00%);
    position: relative;

}



.contact-second:before{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 9;
	left: 0px;
	top: 0px;
	content: "";
	background: linear-gradient(to right, transparent 50%, #d8d8d8 50%);
}

.contact-second .row{
	position: relative;
	z-index: 10;
}


@media screen and (min-width: 0px) {

	.menu-toggle {
		display: none;
	}

	.main-navigation ul {
		display: block;
	}
}

.site-main .comment-navigation,
.site-main
.posts-navigation,
.site-main
.post-navigation {
	margin: 0 0 0 0;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear::before,
.clear::after,
.entry-content::before,
.entry-content::after,
.comment-content::before,
.comment-content::after,
.site-header::before,
.site-header::after,
.site-content::before,
.site-content::after,
.site-footer::before,
.site-footer::after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear::after,
.entry-content::after,
.comment-content::after,
.site-header::after,
.site-content::after,
.site-footer::after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 0 0;
}

.widget select {
	max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.post,
.page {
	margin: 0 0 0 0;
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 0 0 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 0 0;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 0;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 0;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}


/*--------------------------------------------------------------
# Grid
--------------------------------------------------------------*/
.container {
	margin-right: auto;
	margin-left: auto;
	padding-left: 0px;
	padding-right: 0px;
}
.container:before, .container:after {
	content: " ";
	display: table;
}
.container:after {
	clear: both;
}
.container:before, .container:after {
	content: " ";
	display: table;
}
.container:after {
	clear: both;
}
.row {
	margin-left: 0px;
	margin-right: 0px;
}
.row:before, .row:after {
	content: " ";
	display: table;
}
.row:after {
	clear: both;
}
.row:before, .row:after {
	content: " ";
	display: table;
}
.row:after {
	clear: both;
}
@media (min-width: 768px) {
.container {
	    max-width: 737px;
}
.col-sm-1,  .col-sm-2, .col-sm-25, .col-sm-3,  .col-sm-4,  .col-sm-5,  .col-sm-6,  .col-sm-7,  .col-sm-8,  .col-sm-9,  .col-sm-10,  .col-sm-11 {
	float: left;
}
.col-sm-1 {
	width: 8.333333333333332%;
}
.col-sm-2 {
	width: 16.666666666666664%;
}
.col-sm-25 {
	width: 20%;
}
.col-sm-3 {
	width: 25%;
}
.col-sm-4 {
	width: 33.33333333333333%;
}
.col-sm-5 {
	width: 41.66666666666667%;
}
.col-sm-6 {
	width: 50%;
}
.col-sm-7 {
	width: 58.333333333333336%;
}
.col-sm-8 {
	width: 66.66666666666666%;
}
.col-sm-9 {
	width: 75%;
}
.col-sm-10 {
	width: 83.33333333333334%;
}
.col-sm-11 {
	width: 91.66666666666666%;
}
.col-sm-12 {
	width: 100%;
}
.col-sm-1, .col-sm-2, .col-sm-25, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
	position: relative;
	min-height: 1px;
	padding-left: 0px;
	padding-right: 0px;
}
}
@media (min-width: 992px) {
.container {
	max-width: 930px;
}
}

@media (min-width: 1200px) {
.container {
max-width: 1120px;
}
}

@media (min-width: 1400px) {
.container {
	max-width: 1320px;
}
}


@media (min-width: 1600px) {
.container {
	max-width: 1520px; 

}

.site-header .container {
	width: calc(100% - 80px);
	max-width: 1920px;
}
}


/*--------------------------------------------------------------
# Custom
--------------------------------------------------------------*/

img{
vertical-align: top;
}

iframe{
vertical-align: top;
}

button:hover, a:hover{
    -webkit-transition: all ease .8s;
    -moz-transition: all ease .8s;
    transition: all ease .8s;
}

.row .col-two{
width: 100%;
width: -webkit-calc(50% - 40px);
width: -moz-calc(50% - 40px);
width: calc(50% - 40px);
float: left;
}

.row .col-two:not(:nth-child(2n)){
 margin-right: 80px;
}


.contact-right{
	padding-top: 100px;
}


.contact-second .row .col-two{
width: 100%;
width: -webkit-calc(50% - 100px);
width: -moz-calc(50% - 100px);
width: calc(50% - 100px);
float: left;
}

.contact-second .row .col-two:not(:nth-child(2n)){
 margin-right: 200px;
}


.contact-second .wpcf7 .row .col-two{
width: 100%;
width: -webkit-calc(50% - 10px);
width: -moz-calc(50% - 10px);
width: calc(50% - 10px);
float: left;
}

.contact-second .wpcf7 .row .col-two:not(:nth-child(2n)){
 margin-right: 20px;
}

.contact-second .col-two:first-child{
	padding-top: 100px;
}

.contact-second .wpcf7 .col-two:first-child{
	padding-top: 0px;
}




  .hero-slider .container {
           
            margin: 0 auto;
        /*    padding: 0 20px; */
        }

       .hero-slider .row {
            display: flex;
            align-items: center;
            min-height: 100vh;
        }

        .hero-slider {
            position: relative;
            width: 100%;
            overflow: hidden;
        }

       .hero-slider .slide {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100vh;
            opacity: 0;
            transition: opacity 1s ease-in-out;
            background-size: cover;
            background-position: center;
        }

       .hero-slider .slide.active {
            opacity: 1;
            position: relative;
        }

        .slide-1 {
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
        }

        .slide-2 {
            background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
        }

        .slide-3 {
            background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
        }

        .hero-content {
            position: relative;
            z-index: 2;
            color: white;
            max-width: 600px;
        }

        .hero-subtitle {
            font-size: 1rem;
            text-transform: uppercase;
            letter-spacing: 2px;
            margin-bottom: 15px;
            opacity: 0.9;
            font-weight: 600;
        }

        .hero-title {
            font-size: 3.5rem;
            font-weight: 700;
            margin-bottom: 20px;
            line-height: 1.2;
        }

        .hero-text {
            font-size: 1.2rem;
            margin-bottom: 35px;
            opacity: 0.95;
            line-height: 1.6;
        }

        .hero-buttons {
            display: flex;
            gap: 15px;
            flex-wrap: wrap;
        }

        .btn {
            padding: 15px 35px;
            font-size: 1rem;
            font-weight: 600;
            border: none;
            border-radius: 50px;
            cursor: pointer;
            transition: all 0.3s ease;
            text-decoration: none;
            display: inline-block;
        }

        .btn-primary {
            background: white;
            color: #667eea;
        }

        .btn-primary:hover {
            transform: translateY(-2px);
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
        }

        .btn-secondary {
            background: transparent;
            color: white;
            border: 2px solid white;
        }

        .btn-secondary:hover {
            background: white;
            color: #667eea;
            transform: translateY(-2px);
        }

        .slider-nav {
            position: absolute;
            bottom: 40px;
            left: 50%;
            transform: translateX(-50%);
            display: flex;
            gap: 12px;
            z-index: 10;
        }

        .slider-dot {
            width: 12px;
            height: 12px;
            border-radius: 50%;
            background: rgba(255, 255, 255, 0.5);
            cursor: pointer;
            transition: all 0.3s ease;
            border: none;
        }

        .slider-dot.active {
            background: white;
            width: 35px;
            border-radius: 6px;
        }

        .slider-arrows {
            position: absolute;
            top: 50%;
            width: 100%;
            display: flex;
            justify-content: space-between;
            padding: 0 20px;
            transform: translateY(-50%);
            z-index: 10;
        }

        button.arrow {
            background: rgba(255, 255, 255, 0.3);
            color: white;
            border: none;
            width: 50px;
            height: 50px;
            border-radius: 50%;
            cursor: pointer;
            font-size: 1.5rem;
            transition: all 0.3s ease;
			padding: 0px!important;
			line-height: normal;
        }

        .arrow:hover {
            background: rgba(255, 255, 255, 0.5);
            transform: scale(1.1);
        }

   .standard.has-background{
	   padding: 200px 0px;
   } 
   
   .pretitle{
	   display: block;
   }
 
   .site-content .has-background h1, 
   .site-content .has-background h2, 
      .site-content .has-background h3, 
	     .site-content .has-background h4, 
		    .site-content .has-background h5, 
			   .site-content .has-background p, 
			      .site-content .has-background ul li, 
				     .site-content .has-background ol li, 
					    .site-content .has-background .pretitle{
							color: #fff;
						} 
 
   .has-background{
	   position: relative;
   }
   
   
   .has-background:before{
	   position: absolute;
	   width: 100%;
	   height: 100%;
	   
	   left: 0px;
	   top: 0px;
	   content: "";
	   background: #000;
	   opacity: 0.44;
	
   }
   
   
   
      .has-background.has-gradient:before{
     position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    content: "";
    background: #000;
    background-color: transparent;
    background-image: linear-gradient(180deg, #000000b8 0%, #00000042 100%);
    opacity: 1;
    transition: background .3s, border-radius .3s, opacity .3s;
   }
   
	
	
.gsap-fade {
    opacity: 0;
    transform: translateY(20px); /* více posunu pro výraznější efekt */
}

.butt,
.pretitle {
    display: inline-block; /* nebo block, pokud se to hodí */
    will-change: transform, opacity;
}



.has-background{
	    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
    overflow: hidden;
}



.butt {
    display: inline-block;

    position: relative;
    overflow: hidden;

    /* Start efektu (pro vstupní animaci) */
    opacity: 0;
    transform: translateY(20px);
    animation: btnFadeIn 1.9s ease forwards;
}

/* Hover efekt – jemný posun + světelný nádech */
.butt:hover {
    transform: translateY(-2px);
  


}

/* Animace vstupu */
@keyframes btnFadeIn {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}


.button-row { 
    display: flex;
    gap: 20px;                  /* mezera mezi tlačítky */
    justify-content: center;     /* zarovnání na střed */
    flex-wrap: wrap;             /* stack na menších obrazovkách */
	margin-top: 20px;
}

.button-row .butt {
    display: inline-block;
}

.button-row a.butt.light, 
.button-row a.butt.light:focus, 
.button-row a.butt.light:active, 
.button-row a.butt.light:visited {
    margin-left: 0;
    margin-right: 0;
}

.contact-grid {
    display: grid;
    grid-template-columns: 1fr 1.5fr;
    gap: 4rem;
    margin-bottom: 5rem;
}

.contact-side-stack {
    display: grid;
    gap: 2rem;
}

.row .two-of-three{
width: 100%;
width: -webkit-calc(66.6666% - 40px);
width: -moz-calc(66.6666% - 40px);
width: calc(66.6666% - 40px);
float: left;

}

.row .one-of-three{
width: 100%;
width: -webkit-calc(33.3333% - 40px);
width: -moz-calc(33.3333% - 40px);
width: calc(33.3333% - 40px);
float: left;
 margin-right: 80px;
}














.row .col-three{
  width: 100%;
width: -webkit-calc(33.3333333333% - 30px);
width: -moz-calc(33.3333333333% - 30px);
width: calc(33.3333333333% - 30px);
float: left;
}

.row .col-three:not(:nth-child(3n)){
 margin-right: 45px;
}

.footer-1{
	float: left;
	width: 25%;
	float: left;
}

.footer-2{
	float: left;
	width: 25%;
	float: left;	
}

.footer-3{
	float: left;
	width: 25%;
	float: left;	
}

.footer-4{
	float: left;
	width: 25%;
	float: left;	
}

.site-footer ul li {
	margin-left: 0px;
	padding-left: 0px;
	list-style-type: none;
	
	text-align: left;

letter-spacing: 0px;
color: #000;
	
	    font-size: 16px !important;
    line-height: 1.6em !important;
    color: #fff !important;
    font-family: "Kanit", sans-serif !important;
    font-weight: 200 !important;
}

.site-footer h2{
	font-family: "Jost", sans-serif;
	font-weight: 500;		
	font-size: 0.87rem;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: #d25096;
    margin-bottom: 1.2rem;

}

.site-footer ul{
	margin-left: 0px;
	padding-left: 0px;
}

.footer-1{
	position: relative;
}

.footer-1 img{
	position: absolute;
	bottom: 0px;
}

.footer-1 img{
	max-width: 200px!important;
    margin-bottom: 43px;
}

.blue-part img{
	max-height: 90px;
	margin: 0px auto 20px;
	display: block;
}


.row .col-fourth{
  width: 100%;
width: -webkit-calc(25% - 30px);
width: -moz-calc(25% - 30px);
width: calc(25% - 30px);
float: left;
}

.row .col-fourth:not(:nth-child(4n)){
 margin-right: 40px;
}




.row .col-fifth {
    width: 100%;
    width: -webkit-calc(20% - 30px);
    width: -moz-calc(20% - 30px);
    width: calc(20% - 30px);
    float: left;
}

.row .col-fifth:not(:nth-child(5n)) {
    margin-right: 40px;
}



.footer-copyright ul li {
    list-style-type: none;
    display: inline-block;
}

.footer-copyright li:not(:first-child):before {
    content: "|";
    color: #000;
    text-decoration: none;
    font-size: 18px;
    font-weight: 300;
    line-height: 15px;
    margin-right: 4px;
    margin-left: 2px;
}

.is-footer-longer .is-in{
	margin-left: 30px;
}

.is-footer-longer ul{
	    float: right;
    max-width: 350px;
}


.last-foot ul li {
    list-style-type: none;
    display: inline-block;
}

.last-foot li:before {
    content: "|";
    color: #000;
    text-decoration: none;
    font-size: 18px;
    font-weight: 300;
    line-height: 15px;
    margin-right: 4px;
    margin-left: 2px;
}





.watch .container .blog-left{
	    width: 50%;
    float: left;

}


.watch .container .blog-right{
	    width: 50%;
    float: left;
}

.watch .container h3{
text-align: left;

letter-spacing: 0px;
color: #050505;
opacity: 1;	
margin-bottom: 0px;
}

.watch .container .row:nth-child(odd) .blog-left{
	  float: right; 
}



.watch .container .row.rows{
	margin-bottom: 0px;
}

.site-content h1.watch-title{
	text-align: center;

}

.in-right{
    max-width: 100%;
padding-left: 80px;
    padding-top: 80px;
}

.watch .container .row:nth-child(odd) .in-right{
	    padding-left: 0px;
		padding-right: 80px;
}

.woocommerce div.product p.price, .woocommerce div.product span.price {
    color: #141e2a;
    font-size: 25px;
    margin-top: 30px;
    font-weight: 800;
}

.product_meta{
	display: none;
}

.woocommerce-loop-product__title{
	text-align: left;
}

.post-grid-home img{

/*	
	max-width: 100%;
	max-width: -webkit-calc(100% - 50px);
	max-width: -moz-calc(100% - 50px);
	max-width: calc(100% - 50px); */
	
	margin-left: auto;
	margin-right: auto;
	display: table;
}

.post-grid-home .col-sm-2::before {
    content:"";
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, .2);
}

.site-content{
	margin-right: auto;
	margin-left: auto;
	display: block;
}

.designer .col-two{
	width: 50%;
}

.designer .container {
    max-width: 100%;
}

#media_image-3 img{
float: right;
}

#media_image-2{
	margin-bottom: 12px;
}

.site-footer .col-fourth p{
	margin-right: 10px;
}

.footer-top .container .row{

    display: flex;
    flex-direction: row;

}

.footer-top .container .row .footer-1, 
.footer-top .container .row .footer-2, 
.footer-top .container .row .footer-3{

}



.else-contain p:last-child{
	margin-bottom: 0px;
}

.slogan{
	margin-bottom: 0px;
}

.is-name{
	max-width: 200px;
	margin: 20px 0px;
}

.else-contain{
	    display: flex;
    flex-direction: row;
}

a.scroll-down, 
a.scroll-down:focus, 
a.scroll-down:visited, 
a.scroll-down:active, 
a.scroll-down:hover{
    margin: 0px auto;
    display: block;
    border-radius: 0px!important;
    box-shadow: none!important;
    z-index: 99!important;
    border: none!important;
    outline: none!important;
    width: 45px!important;
    height: 46px!important;
    background: url(img/scroll-to-bottom.png) no-repeat!important;
    background-size: 45px 46px!important;
    text-indent: -9999px;

	
	    position: absolute;
    top: 915px;
    left: 0px;
    right: 0px;

}

.page-template-template-ueber-uns .scroll-down{
	display: block;
}

input[type="radio"] {
    -ms-transform: scale(1.5); /* IE 9 */
    -webkit-transform: scale(1.5); /* Chrome, Safari, Opera */
    transform: scale(1.5);
}

.site-content .slogan h3{
	font-size: 54px;
	line-height: 56px;
	margin: 0px;
	font-weight: 800;
}

.site-content .slogan p{

	margin: 0px;
	font-weight: 800;
}

ul#menu-social-networks li{
	float: left;
	list-style-type: none;
	text-indent: -9999px;
	margin-right: 36px;
	
}

ul#menu-social-networks li:last-child{
	margin-right: 0px;
}

ul#menu-social-networks li a{
	width: 46px;
	height: 46px;
	display: block;
	background-repeat: no-repeat;
background-size: 46px auto;
background-position: 0 0;
}

ul#menu-social-networks li a:hover{
	opacity: 0.8;
	    -webkit-transition: all ease .8s;
    -moz-transition: all ease .8s;
    transition: all ease .8s;
}

ul#menu-social-networks li.instagram a{
	background-image: url(img/instagram.png)
}

ul#menu-social-networks li.pinterest a{
	background-image: url(img/pinterest.png)
}

ul#menu-social-networks li.twitter a{
	background-image: url(img/twitter.png)
}


ul#menu-social-networks li.facebook a{
	background-image: url(img/facebook.png)
}


#menu-social-networks{
	margin-top: 70px;
}










   
  #map {
  height: 600px;
  width: 100%;
  border-radius: 20px;

}

/* Optional: Makes the sample page fill the window. */
html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
}

#description {

  font-size: 15px;
  font-weight: 300;
}

#infowindow-content .title {
  font-weight: bold;
}

#infowindow-content {
  display: none;
}

#map #infowindow-content {
  display: inline;
}

.pac-card {
  margin: 10px 10px 0 0;

  box-sizing: border-box;
  -moz-box-sizing: border-box;
  outline: none;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
  background-color: #fff;

}

#pac-container {
  padding-bottom: 12px;
  margin-right: 12px;
}

.pac-controls {
  display: inline-block;
  padding: 5px 11px;
}

.pac-controls label {

  font-size: 13px;
  font-weight: 300;
}

#pac-input {
  background-color: #fff;
  font-size: 15px;
  font-weight: 300;
  margin-left: 12px;
  padding: 0 11px 0 13px;
  text-overflow: ellipsis;
  width: 400px;
}

#pac-input:focus {
  border-color: #4d90fe;
}

#title {
  color: #fff;
  background-color: #4d90fe;
  font-size: 25px;
  font-weight: 500;
  padding: 6px 12px;
}

#target {
  width: 345px;
}




#pac-input{
/*	bottom: 0px!important;
	top: auto!important;*/
	
	background: #F4F4F4 0% 0% no-repeat padding-box;
box-shadow: 0px 3px 6px #00000029;

opacity: 1;

text-align: left;

letter-spacing: 0px;
color: #525252;
opacity: 1;

width: 758px;
height: 52px;
line-height: 52px;
/* left: auto!important;
right: -842px!important;
z-index: 9999!important; */
position: static!important;
margin-left: 0px;
padding-left: 0px;
text-align: center;

margin-top: 76px;

}

#pac-input::-webkit-input-placeholder {
	color: rgb(210 80 150);
}

#pac-input::-moz-placeholder { 
	color: rgb(210 80 150);
}

#pac-input:-ms-input-placeholder {
	color: rgb(210 80 150);
}

#pac-input:-moz-placeholder { 
	color: rgb(210 80 150);
}

.business{
	margin: 194px 0px 215px 0px;
}


.page-template-template-haendler a#myBtn, 
.page-template-template-haendler a#myBtn:focus, 
.page-template-template-haendler a#myBtn:visited, 
.page-template-template-haendler a#myBtn:active{
	display: none!important;
}



.is-footer-shorter{
	width: 20%;
	float: left;
}

.is-footer-longer{
	width: 40%;
	float: left;
}

.is-in{
    width: 331px;
}

.last-footer{
	margin-left: 30px;
}

.first-foot img{
	max-width: 331px!important;
}

.site-footer p{

    font-weight: 300;
	    font-size: 16px;

	
	line-height: 1.6em !important;
    color: #fff !important;
    font-family: "Kanit", sans-serif !important;
    font-weight: 200 !important;
}

.site-footer a, 
.site-footer a:focus, 
.site-footer a:active, 
.site-footer a:visited{
color: #fff;
}





.footer-top .cont{
    display: grid;
    grid-template-columns: 1.5fr 1fr 1fr 1fr;
    gap: 3rem;
    margin: 0 auto 3rem;
}




.standard.has-background.has-gradient .container{
	position: relative;
	z-index: 9;
}

.site-footer ul li{
	font-size: 16px;	
	line-height: 1.6em !important;
	color: #fff;
	    margin-bottom: 0.6rem;
}

.top-image-home::before {
    content:"";
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-color: rgb(0 0 0 / 100%);
	
	    background-color: transparent;
    background-image: linear-gradient(180deg, #0000000a 0%, #000 100%);
	
}

.top-image::before {
    content:"";
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-color: rgb(0 0 0 / 22%);
}

.is-footer-shorter ul li{
	list-style-type: none;
	padding-left: 0px;
	margin-left: 0px;
}

.footer-top{
    padding: 70px 0px 50px 0px;

}

.site-footer .container{	
     max-width: 100%;   
}

/*
.cky-btn-revisit-wrapper.cky-revisit-bottom-left{
	display: none;
}
*/

.site-footer .footer-bottom{
	padding: 20px 0px;
	    -webkit-box-shadow: -4px 2px 30px 0px rgb(0 0 0 / 15%);
    -moz-box-shadow: -4px 2px 30px 0px rgb(0 0 0 / 15%);
    box-shadow: -4px 2px 30px 0px rgb(0 0 0 / 15%);
	    border-top: 1px solid rgb(210 80 150 / 9%);
}

.site-footer .footer-bottom p {
    margin-bottom: 0px;
}

.footer-cols .col-two:first-child{
       width: 100%;
    width: -webkit-calc(53% - 40px);
    width: -moz-calc(53% - 40px);
    width: calc(53% - 40px);
    float: left;
}

.footer-cols .col-two:last-child{
         width: 100%;
    width: -webkit-calc(47% - 40px);
    width: -moz-calc(47% - 40px);
    width: calc(47% - 40px);
    float: left;
}

.header-left{
    width: 220px;
    float: left;

}


.header-right{
    width: 100%;
    width: -webkit-calc(100% - 220px);
    width: -moz-calc(100% - 220px);
    width: calc(100% - 220px);
    float: left;
}

.blog-left-part{
	    width: 100%;
    width: -webkit-calc(55% - 42px);
    width: -moz-calc(55% - 42px);
    width: calc(55% - 42px);
    float: left;
	margin-right: 84px;
}


.blog-right-part{
	    width: 100%;
    width: -webkit-calc(45% - 42px);
    width: -moz-calc(45- 42px);
    width: calc(45% - 42px);
    float: left;
}

.site-content .blog-right-part h3{
	text-align: left;

letter-spacing: 0px;
color: #050505;
opacity: 1;
margin-bottom: 0px;
}

.blog-right-part-in{
	max-width: 633px;
}

.blog-left-part img{

}

.one-product .container{
	max-width: 100%;
}

.main-navigation a, 
.main-navigation a:visited, 
.main-navigation a:active, 
.main-navigation a:focus{
    text-decoration: none;
    color: #fff;
    font-size: 0.87rem;
    font-weight: 200;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    transition: color 0.2s;
	font-family: "Jost", sans-serif;

}


.main-navigation a:hover::after, 
.main-navigation a:hover::after, 
.main-navigation a::after {
    content: "";
    position: absolute;
    bottom: -4px;
    left: 0;
    width: 0;
    height: 1px;
    background: #e8689e;
    transition: width 0.3s ease;
}

.main-navigation a:hover::after {
    width: 100%;
}

.main-navigation a:hover{
	color: #e8689e;
}


.mainheader .container{
	/*    position: sticky; */
    top: 0;
    z-index: 500;
    background: rgba(13, 8, 16, 0.88);
    backdrop-filter: blur(20px);
    border-bottom: 1px solid var(--border2);
    
 

}


.site-content .inside-overlay h2 {
    text-shadow: 1px 1px 0px #000000, 2px 2px 0px #000000 !important;
	
	    text-shadow: 1px 1px 0px #000000, 2px 2px 0px #ffffff !important;
}

.change .main-navigation a, 
.change .main-navigation a:hover, 
.change .main-navigation a:active, 
.change .main-navigation a:focus{
	color: #fff;
}

.home iframe{
	border-radius: 16px;
}

.services-cover img{
	width: 100%;
}




.has-pattern .item p{
    color: #000;
}



img.rounded{
	border-radius: 16px;
}


.post-grid-home h4{
text-decoration: none;
			color: #000000;
			text-align: center;
}

.post-grid-home a h4,
.post-grid-home a:focus h4, 
.post-grid-home a:visited h4, 
.post-grid-home a:active h4{
text-decoration: none;
    color: #ffffff;
    margin-bottom: 5px;
    margin-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    font-weight: 600;
}

.post-grid-home a:hover h4{
	text-decoration: none;
	    color: #000;
		    -webkit-transition: all ease .8s;
    -moz-transition: all ease .8s;
    transition: all ease .8s;
}

.post-grid-home a:hover{
	text-decoration: none!important;
	    -webkit-transition: all ease .8s;
    -moz-transition: all ease .8s;
    transition: all ease .8s;
	

}

.post-grid-home .col-sm-3{
	position: relative;
}

.post-grid-home a h4{
	position: absolute;
}

.site-content h2.product-title{
	text-align: center;

letter-spacing: 0px;
color: #000000;
opacity: 1;
	margin: 0px;
}




.main-navigation li.current_page_item{
	position: relative;
}

.standard{
	padding: 100px 0px;
}

.site-header .container, 
.site-header .row{
	 height: 100%;
}

.header-left, 
.header-right{
    display: flex;
    flex-direction: column;
    justify-content: center;
	    height: 100%;
}


.main-navigation li li:hover:after{
	content: none;
}

.main-navigation li.menu-item-has-children:hover:after{
	content: none;
}


.main-navigation li.menu-item-has-children:before{
/*	content: "";
	width: 14px;
	height: 8px;
	background: url(img/arrow.png) no-repeat;
	background-size: 100% 100%;
	display: block;
bottom: 7px;
	right: -27px;
	position: absolute; */
}

.main-navigation .sub-menu a:hover, .main-navigation li.current_page_item .sub-menu a {
    color: #ffffff;
}

.main-navigation li:not(:last-child){
    margin-right: 30px;
}

.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt{

}

.page-template-template-haendler .scroll-down{
	display: none;
}



.landing img{
	width: 100%;
}

.top-bar ul {
    float: right;
    margin-top: 0px;
}

.top-bar ul li {

   
	
	
	text-align: left;
font-weight: normal;
font-size: 25px;

letter-spacing: 0px;
color: #FFFFFF;
opacity: 1;
}

.top-bar ul li a,
.top-bar ul li a:focus, 
.top-bar ul li a:visited, 
.top-bar ul li a:active{
text-decoration: none;
}

.top-bar ul li {
    list-style-type: none;
    display: inline-block;
}

.top-bar li:not(:first-child):before {
    content: "|";
    color: #000;
    text-decoration: none;
    font-size: 18px;
    font-weight: 300;
    line-height: 15px;
    margin-right: 4px;
    margin-left: 2px;
}





.woocommerce .woocommerce-ordering select{
    height: 50px;
    line-height: 50px!important;
    border: 2px solid #000;
    border-radius: 0px;
    padding: 0px 15px;
    color: #000000;
    font-size: 20px;
    font-weight: 400;
}

.xoo-wsc-footer button{
    color: #ffffff;
padding: 0 15px;
    display: block;
    font-size: 13px;
    letter-spacing: 0px;
    display: table;
    text-decoration: none;
    background-color: transparent;
    border: 0px;
    border-radius: 0px;
    margin: 0 0 0 10px;
    padding: 10px 9pt;
    font-weight: 400;
    font-size: 15px;
    text-shadow: none;
    outline: none;
    outline-offset: 0px;
    border-radius: 0px;
}

.mainheader{
	height: 90px;
}

.site-header{
        height: 90px;
         background: transparent;
position: relative;
		 width: 100%;
		 z-index: 999;
	
	
}

.site-header{
	    background: #100b14;
    background-size: 200% 100%; 
    background-position: -100% 0; 
    transition: background-position 0.6s ease-in-out, background-color 0.4s ease-in-out;
}

.change .site-header{
       transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;

     
    position: fixed;
     width: 100%;
     z-index: 99;
	 
	/*  background: #d25096;
	    background: transparent linear-gradient(180deg, #002755 0%, #002755ed 100%) 0% 0% no-repeat; */

}


/* aktivní stav při scrollu */
.change .site-header {
    background-position: 0 0; /* posune gradient přes header */
    background-color: #fff; /* případně doplnit fallback barvu */
}





.main-navigation ul{
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
}



.demo-part{
	background: #f8f8f8;
}

.demo{
	margin: 0px auto;
	width: 100%;
	display: none;
}






 
 .header-search{
 float: right;
 margin-left: 0px;
margin-top: 60px;
 }
 
 .change .header-search{
 float: right;
 margin-left: 0px;
margin-top: 35px;
 }




/* ----------------------------------------------------------
   TYPOGRAFIE – luxusní, vzdušná, prémiová
---------------------------------------------------------- */

body {
    font-weight: 300;
    line-height: 1.7;
 
}





.site-footer a:hover{
	text-decoration: none!important;
	color: #d25096;
        -webkit-transition: all 
ease .8s;
    -moz-transition: all ease .8s;
    transition: all 
ease .8s;
}

.last-footer{
	float: right!important;
	margin-right: 0px!important;
	margin-left: 0px;
}

.footer-bottom p,  
.footer-bottom ul{
	translate: none!important; 
	rotate: none!important; 
	scale: none!important;  
	transform: translate(0px, 0px)!important; 
	opacity: 1!important; 
}

.last-footer ul{
	display: table;
	text-align: right;
	display: block;
}

.last-footer ul li{
	display: inline-block;
	
}

.last-footer ul li:not(:first-child):before {
     content: "";
    color: #000000;
    text-decoration: none;
    font-size: 15px;
    /* font-weight: 700; */
    line-height: 10px;
    margin-right: 5px;
    margin-left: 1px;
	width: 1px;
	border-right: 2px solid #000;
}


.preheader{
	display: flex;
  justify-content: center; 
  align-items: center; 
padding: 10px 0px;  
}

.preheader ul{
	display: table;
	text-align: center;
}

.preheader ul li {
    display: inline-block;
    color: #fff;
    color: #d25096;
    font-weight: 300;
    font-size: 14px;
    margin-bottom: 4px;
    letter-spacing: 0.01em;
    text-transform: uppercase;
}

.preheader ul li, 
.preheader ul li:visited,
.preheader ul li:focus,
.preheader ul li:active{
	color: #fff;
}

.preheader ul li:not(:first-child):before {
     content: "";
    color: #000000;
    text-decoration: none;
    font-size: 15px;
    /* font-weight: 700; */
    line-height: 10px;
    margin-right: 7px;
    margin-left: 7px;
	width: 1px;
	border-right: 2px solid #fff;
}

.txt {
  display: flex;
  flex-wrap: wrap;
  color: #eee;
  font-size: 20px;
  cursor: pointer;
}

.txt span {
  white-space: pre;
  opacity: 0;
  transform: translate(-2px, 4px) scale(0.9);
  filter: blur(6px);
  animation: fadeIn 0.5s ease-out forwards;
}

@keyframes fadeIn {
  to {
    opacity: 1;
    transform: translate(0, 0) scale(1);
    filter: blur(0);
  }
}

.site-branding a{
	display: block;
	padding: 0px 30px;
}


.moderncart-plugin .moderncart-price span.woocommerce-Price-amount {

    color: #d25096;
}

.woocommerce-Price-amount.amount{
	color: #d25096;
}

.icon-inno svg {
    width: 100%;
    height: auto;
    width: 24px;
    height: 24px;
}

.triple-layout {
	position: relative;
  display: flex;
  align-items: center; 
  justify-content: space-between;
  width: 100%;
  box-sizing: border-box;
  height: 100%;
}


/*
.df-faq-wrap {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.df-faq-item {
    border: 1px solid #ddd;
    border-radius: 12px;
    overflow: hidden;
}

.df-faq-q {
    padding: 16px 20px;
    cursor: pointer;
    font-weight: 600;
    background: #f7f7f7;
    transition: 0.2s;
}

.df-faq-q:hover {
    background: #efefef;
}

.df-faq-a {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
    padding: 0 20px;
}

.df-faq-item.active .df-faq-a {
    max-height: 200px;
    padding: 16px 20px;
}
*/

.faq-q::after {
    content: "✦";
    font-size: 0.6rem;
    color: var(--magenta);
    flex-shrink: 0;
    margin-left: 1rem;
    transition: transform 0.3s;
}

.df-faq-a {
    display: none;
}

.faq-item.open {
    border-color: rgb(210 80 150 / 19%);
}

.faq-item {
    border-bottom: 1px solid rgb(210 80 150 / 9%);
}

.faq-item {
    background: #1e1226;
    border: 1px solid rgb(210 80 150 / 9%);
    border-radius: 6px;
    overflow: hidden;
    transition: border-color 0.2s;
}
.faq-item {
    width: 100% !important;
}





.faq-wrap {
    margin-top: 2.5rem;
    border: 1px solid transparent;
    border-radius: 4px;
    overflow: hidden;
}

.faq-wrap {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.faq-wrap {
    display: grid !important;
    grid-template-columns: 1fr 1fr 1fr !important;
    gap: 20px !important;
    align-items: start !important;
}

.faq-col {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
}

h4.follow-me{
	color: #d25096;
	text-transform: uppercase;
    font-weight: 300;
	gap: 0.7rem;
    margin-bottom: 1.2rem;
    font-size: 0.87rem;
    letter-spacing: 0.24em;
}

.pricing-new .df-price-icon img{
	margin: 0px auto;
}

.video-carousel .aiovg-videos {
    display: flex;
    overflow-x: auto;
    gap: 20px;
    scroll-snap-type: x mandatory;
    padding-bottom: 15px;
}

.video-carousel .aiovg-video {
    flex: 0 0 320px;
    scroll-snap-align: start;
}

.header-top img{
	max-width: 35px;
}

body .pum-theme-161 .pum-container, .pum-theme-hello-box .pum-container {
        background: rgb(30, 18, 38) !important;
}

body .pum-theme-161 .pum-container p, 
body .pum-theme-161 .pum-container ul li, 
body .pum-theme-161 .pum-container a, 
body .pum-theme-161 .pum-container a:active, 
body .pum-theme-161 .pum-container a:focus, 
body .pum-theme-161 .pum-container a:visited{
	color: #fff!important;
}

.popmake-title{
margin: 0 0 2.2rem!important;
    font-size: clamp(2rem, 3.5vw, 3rem)!important;
    font-family: "Cormorant Garamond", Georgia, serif!important;
    font-weight: 600!important;
    line-height: 1.1!important;	
	color: #fff!important;
}

.pmpro_card p, 
.pmpro_card ul li{
	color: #fff!important;
}

.pmpro_card h1, 
.pmpro_card h2, 
.pmpro_card h3, 
.pmpro_card h4{
	    color: #e9a2bb;
}

body .pmpro_card {
    background: #1e1226!important;
    border: 1px solid hsl(327.69deg 59.09% 56.86% / 18%)!important;
    border-radius: 8px!important;
    padding: 40px!important;
    height: 100%!important;
	color: #fff!important;
}

    .pmpro_card_title {
        color: #fff!important;
    }

.pmpro_form_input{
	height: 52px!important;
    line-height: 52px!important;
	
	    box-shadow: none!important;
    border: none!important;
    opacity: 1!important;
    text-align: left!important;
    letter-spacing: 0px!important;
    opacity: 1!important;
    width: 100%!important;
    max-width: 100%!important;
    padding: 0.9rem 1.1rem!important;
    background: rgba(255, 255, 255, 0.04)!important;
    border: 1px solid rgb(210 80 150 / 19%)!important;
    border-radius: 2px!important;
    color: #d25096!important;
    font-family: "Jost", sans-serif!important;
    font-size: 16px!important;
    font-weight: 300!important;
    outline: none!important;
    width: 100%!important;
    transition: border-color 0.2s!important;
    letter-spacing: 0.05em!important;
}


.header-info{
    background: #1e1226;
    border: 1px solid hsl(327.69deg 59.09% 56.86% / 18%);
    border-radius: 5px;
    padding: 10px;
    height: 100%;
}

.header-info span{
	color: #fff;
}

.dfu-status-dot {
    border: 2px solid #e8689e;
}

.site-content ul{
    margin-bottom: 1.5em;
}





.single-aiovg_videos .aiovg-tag, 
.aiovg-dropdown-terms {
    display: none !important;
}


.page-template-template-home .df-btn-main, 
.page-template-template-home .df-btn-ghost {
    white-space: nowrap;
}

.contact-info-value.socials {
  display: flex;
  align-items: center;
  gap: 0px;
}

.contact-info-value.socials a {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

.contact-info-value.socials img {
  width: 35px;
  height: auto;
  display: block;
}

.wcpg-main-img {
    width: auto !important;
    height: 100% !important;
    max-width: 100%;
}

.wcpg-main-display{
	background: transparent!important;
}

.df-hero-media {
    display: flex;
}

.df-hero-media video {
    width: 50%;
    height: 100%;
    object-fit: cover;
    display: block;
}


@media (min-width: 992px) {
    #pricing.pricing-new .df-card-grid--4 {
        grid-template-columns: repeat(4, 1fr);
    }
}

.faq-item {
    background: #1e1226;
    border: 1px solid rgb(210 80 150 / 9%);
    border-radius: 6px;
    overflow: hidden;
    transition: border-color 0.2s;
}

.faq-item.open{
    border-color: rgb(210 80 150 / 19%);
}

.faq-item {
    border-bottom: 1px solid rgb(210 80 150 / 9%);
}

.faq-item.open .faq-q {
    color: #e8689e;
}

.faq-q {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    user-select: none;
    font-weight: 200;
    font-size: 18px !important;
    line-height: 1.6em !important;
    font-family: Kanit, sans-serif !important;
    padding: 1.5rem 2rem;
    transition: color 0.2s;
}

.faq-item.open .faq-a {
    max-height: 200px;
}

.faq-a {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease;
    font-size: 0.85rem;
    color: rgb(240 232 244 / 46%);
    font-weight: 300;
    line-height: 1.8;
}

.faq-a-inner {
    padding: 0.2rem 2rem 1.5rem;
}

.faq-a-inner {
    font-size: 18px !important;
    line-height: 1.6em !important;
    color: #fff !important;
    font-family: "Kanit", sans-serif !important;
    font-weight: 200 !important;
}


.faq-item.open .faq-q {
    color: #e8689e;
}

.inside-overlay .main-title sup{
	 font-family: "Assistant", sans-serif;
	   font-family: "Noto Sans JP", sans-serif;
	   font-weight: 300;
}

.main-header{
	position: relative;
}

.header-butt{
	position: absolute;
	right: 0px;
	position: absolute;
    top: 50%;
    transform: translateY(-50%)!important;
}




.df-price-amount.df-price-amount span{
    font-size: 18px !important;
    line-height: 1.6em !important;
    color: #fff !important;
    font-family: "Kanit", sans-serif !important;
    font-weight: 200 !important;
}


.wpcf7 select{
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: none;
    border: none;
    border-bottom: 2px solid #000000;
    border-top: 0px solid #000;
    border-left: 0px solid #000;
    border-right: 0px solid #000;
    opacity: 1;
    text-align: left;
    letter-spacing: 0px;
    color: #101010;
    opacity: 1;
    width: 100%;
    max-width: 100%;
    font-size: 16px;
    font-weight: 300;
    padding-left: 20px;
    padding-right: 20px;
	    border-radius: 4px;
}

.dark-form .wpcf7 select{
    background: #ffffff00 0% 0% no-repeat padding-box;
    box-shadow: none;
    border: none;
    border: 2px solid #fff;
    color: #fff;
}


.dark-form input[type="date"]::-webkit-calendar-picker-indicator {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNSIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSIjZmZmZmZmIiBkPSJNMjAgM2gtMVYxaC0ydjJIN1YxSDV2Mkg0Yy0xLjEgMC0yIC45LTIgMnYxNmMwIDEuMS45IDIgMiAyaDE2YzEuMSAwIDItLjkgMi0yVjVjMC0xLjEtLjktMi0yLTJ6bTAgMThINFY4aDE2djEzeiIvPjxwYXRoIGZpbGw9Im5vbmUiIGQ9Ik0wIDBoMjR2MjRIMHoiLz48L3N2Zz4=");
    background-origin: content-box;
    background-repeat: no-repeat;
    background-size: contain;
    block-size: 1em;
    inline-size: 1em;
    opacity: 1;
    outline: none;
    padding: 2px;
}

p a:hover{
	color: #d25096;
}


.pum-theme-161 .pum-container, .pum-theme-hello-box .pum-container {
    background-color: rgba(255, 255, 255, 1.00) !important;
}

.site-content .single-video-page, 
.site-content .single-video-page a, 
.site-content .single-video-page h1, 
.site-content .single-video-page h2, 
.site-content .single-video-page h3, 
.site-content .single-video-page h4, 
.site-content .single-video-page h5, 
.site-content .single-video-page p, 
.site-content .single-video-page ul li, 
.site-content .single-video-page ol li{
	color: #fff;
}

.comment-form-url{
	display: none;
}


.comments-area textarea{
	margin-top: 5px!important;
	    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: none;
    border: none;
    border: 1px solid #000000;
    opacity: 1;
    width: 100%;
    max-width: 100%;
    text-align: left;
    letter-spacing: 0px;
    color: #101010;
    opacity: 1;
    height: 220px;
    padding-left: 20px;
    padding-right: 20px;
    font-family: "Jost", sans-serif;
    font-size: 16px;
    font-weight: 300;
    font-size: 16px;
    font-weight: 300;
    outline: none;
    width: 100%;
    transition: border-color 0.2s;
    letter-spacing: 0.05em;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgb(210 80 150 / 19%);
    border-radius: 2px;
    color: #d25096;
	    border-radius: 4px;
		    padding: 10px 15px;
			line-height: 1.6em!important;
}

.comments-area  input[type="text"], 
.comments-area  input[type="email"], 
.comments-area  input[type="url"], 
.comments-area  input[type="password"], 
.comments-area  input[type="search"], 
.comments-area  input[type="number"], 
.comments-area  input[type="tel"], 
.comments-area  input[type="range"], 
.comments-area  input[type="date"], 
.comments-area  input[type="month"], 
.comments-area  input[type="week"], 
.comments-area  input[type="time"], 
.comments-area  input[type="datetime"], 
.comments-area  input[type="datetime-local"], 
.comments-area  input[type="color"]{
		margin-top: 5px!important;
    box-shadow: none;
    border: none;
    opacity: 1;
    text-align: left;
    letter-spacing: 0px;
    opacity: 1;
    width: 100%;
    max-width: 100%;
    padding: 0.9rem 1.1rem;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgb(210 80 150 / 19%);
    border-radius: 2px;
    color: #d25096;
    font-family: "Jost", sans-serif;
    font-size: 16px;
    font-weight: 300;
    outline: none;
    width: 100%;
    transition: border-color 0.2s;
    letter-spacing: 0.05em;
    width: 100%;
    box-sizing: border-box;
    height: 52px;
    line-height: 52px !important;
}




/* Responsivní změny pro zařízení <1199px */
@media (max-width: 1199px) {
	
	.header-r .butt{
		margin-right: 60px;
	}
	
	.triple-center {
    width: auto;
    text-align: center;
}
	
	
  .triple-left {
    display: none; /* zmizí levý sloupec */
  }
  .triple-center {
    margin-left: 0; /* posun do leva */
  }
  .triple-right {
    flex: 1; /* zbylá šířka */
  }
}



.preheader{
	border-bottom: 2px solid #fff;
}


		
		.change .preheader{
			display: none;
		}
		
		

		
		
		
	/* ----------------------------------------------------------
   HOME - slider
---------------------------------------------------------- */	
		
		.inside-overlay{
		/* position: absolute;
			z-index: 99; */
			max-width: 860px;
			margin: 0px auto;
		}
		
		.site-content .content-overlay h1, 
		.site-content .content-overlay h2, 
		.site-content .content-overlay h3, 
		.site-content .content-overlay h4, 
		.site-content .content-overlay h5, 
		.site-content .content-overlay p{
			color: #fff;
			text-align: center;
			
		}
		
			.site-content .content-overlay h1{
				margin-bottom: 20px;
			}
		
		
		 .slideshow-container {
        position: relative;
        width: 100%;
        height: 100vh;
		min-height: 800px;
        overflow: hidden;
    }

    .slide {
        position: absolute;
        width: 100%;
        height: 100%;
        opacity: 0;
		min-height: 1000px;
        transition: opacity 2s ease-in-out;
    }

    .slide.active {
        opacity: 1;
        z-index: 1;
    }

    .slide img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        animation-play-state: paused;
    }

    .slide.active img {
        animation-play-state: running;
    }

    /* Efekty */
    .slide:nth-child(1) img {
        animation: zoomInSlow 12s ease-out forwards; 
		
	
		
    }

    .slide:nth-child(2) img {
    /*    animation: kenBurnsClassic 12s ease-in-out forwards; */
		
		  animation: panDiagonal 16s ease-in-out forwards;
    }

    .slide:nth-child(3) img {
        animation: zoomOutSlow 12s ease-in forwards;
    }

    .slide:nth-child(4) img {
        animation: kenBurnsReverse 12s ease-in-out forwards;
    }

    .slide:nth-child(5) img {
        animation: zoomPulse 12s ease-in-out forwards;
    }

    .slide:nth-child(6) img {
        animation: burnoutEffect 12s ease-out forwards;
    }

    /* Animace */
    @keyframes zoomInSlow {
        0% { transform: scale(1); }
        100% { transform: scale(1.25); }
    }
	
	@keyframes panHorizontal {
    0% { transform: scale(1.15) translateX(-3%); }
    100% { transform: scale(1.15) translateX(3%); }
}

    @keyframes kenBurnsClassic {
        0% { transform: scale(1) translate(0,0); }
        100% { transform: scale(1.3) translate(3%,3%); }
    }

    @keyframes zoomOutSlow {
        0% { transform: scale(1.3); }
        100% { transform: scale(1); }
    }
	
	@keyframes panDiagonal {
    0% { transform: scale(1.15) translate(-3%,-3%); }
    100% { transform: scale(1.15) translate(3%,3%); }
}

    @keyframes kenBurnsReverse {
        0% { transform: scale(1.25) translate(3%,3%); }
        100% { transform: scale(1) translate(0,0); }
    }

@keyframes panVertical {
    0% { transform: scale(1.1) translateY(-3%); }
    100% { transform: scale(1.1) translateY(3%); }
}


    @keyframes zoomPulse {
        0% { transform: scale(1); filter: blur(0); }
        50% { filter: blur(1px); }
        100% { transform: scale(1.35); filter: blur(0); }
    }

    /* COOL efekt: burnout / rozostření směrem ven */
    @keyframes burnoutEffect {
        0% {
            transform: scale(1);
            filter: brightness(1) blur(0);
        }
        50% {
            transform: scale(1.15);
            filter: brightness(1.4) blur(1.5px);
        }
        100% {
            transform: scale(1.35);
            filter: brightness(0.8) blur(2px);
        }
    }
	
	.progress-bar {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 4px;
    width: 0%;
    background: rgba(255,255,255,0.9);
    z-index: 50;
    animation: progressFill 12s linear infinite;
}

@keyframes progressFill {
    from { width: 0%; }
    to { width: 100%; }
}
	
	
	
  .content-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 20;
        background: linear-gradient(to bottom, rgb(0 0 0 / 62%), rgb(0 0 0 / 0%));
 /*   pointer-events: none; */
}

   .title, .main-title, .main-text {
        color: white;
    /*    text-shadow: 0 4px 20px rgba(0,0,0,0.7); */
        animation: fadeInUp 1s ease-out forwards;
    }
	
	
	
	

    .main-title {     margin: 0 0 2.2rem;
    font-size: clamp(2rem, 3.5vw, 3rem);
	    font-family: "Cormorant Garamond", Georgia, serif;
    font-weight: 600;
    line-height: 1.1;
}

 .page-template-default .site-content h2{
	  font-family: "Cormorant Garamond", Georgia, serif;
    font-weight: 600;
    line-height: 1.1;
 }

    @keyframes fadeInUp {
        from { opacity: 0; transform: translateY(30px); }
        to { opacity: 1; transform: translateY(0); }
    }
	
	

	
	.site-header {
    animation: fadeInDown 1s ease-out forwards;
}

@keyframes fadeInDown {
    from { 
        opacity: 0; 
        transform: translateY(-30px); /* zeshora */
    }
    to { 
        opacity: 1; 
        transform: translateY(0); 
    }
}
	
	
	
	
	.map-cover .services-cover .row:nth-child(odd) .text-part{
		transform: none!important;
		opacity: 1!important;
		content: none!important;
	}
	
	
	
	
	

    /* Dots */
    .dots-container {
        position: absolute;
        bottom: 30px;
        left: 50%;
        transform: translateX(-50%);
        display: flex;
        gap: 12px;
        z-index: 30;
    }

    .dot {
        width: 12px;
        height: 12px;
        border-radius: 50%;
        background: rgba(255,255,255,0.4);
        cursor: pointer;
        transition: 0.3s;
    }

    .dot.active {
        background: white;
        transform: scale(1.3);
    }
		
		
		#media_image-2 img{
			width: 300px;
			max-width: 100%;
		}
		
	

.button-group .butt{
	  display: inline-block;
}


.page-template-template-contact .hero-section{
	background-size: cover;
	background-position: 50% 50%;
}

	
	.icon-text {
  display: flex;
  gap: 20px; /* prostor mezi ikonou a textem */
  margin-bottom: 5px;
  
}

	.site-footer .icon-text {
  display: flex;
  gap: 10px; /* prostor mezi ikonou a textem */
  margin-bottom: 5px;
  
}

.footer-inside{
	display: table;
	margin: 0px auto;
}

.icon {
  display: flex;
  flex-direction: column;
  justify-content: flex-start; /* výchozí zarovnání nahoře */
  padding-top: 3px; /* 5px odshora */
      min-width: 20px;
}

.icon svg{
	stroke: #d25096;
}

/* Pokud chceš, aby byla ikona ve středu, když je jen jeden řádek textu */
.icon.center {
  justify-content: center;
}

.text p {
  margin: 0; /* odstranění defaultního marginu */
}	
		
		
	.benefit-cover svg{
	stroke: #d25096;
}
		
		.col-three:hover .benefit-cover svg{
	stroke: #000;
	-webkit-transition: all ease .8s;
    -moz-transition: all ease .8s;
    transition: all ease .8s;
}
		
		
		/* první široká */
.footer-top .container .row .col-fourth:first-child {
    flex: 0 0 34%;
}

/* ostatní užší */
.footer-top .container .row .col-fourth:not(:first-child) {
    flex: 0 0 22%;
}

/* mezerování mezi nimi */
.footer-top .container .row .col-fourth:not(:last-child) {
    margin-right: 40px;
}
		
.footer-top .container .row .col-fourth:first-child img{
    width: 300px;
	max-width: 250px;
}

.benefit-cover svg {
    width: 24px;
    height: auto;
}

.fb-icon{
	max-width: 20px;
height: auto;


  vertical-align: middle; /* zarovná s textem */
  margin: -4px 4px 0px;          /* případně malý odsazení od textu */
}

.fb-icon path{
	fill: #d25096;
}

.footer-top .row .col-fifth:first-child p{
	margin-top: 20px;
	text-align: center;
}



.logos-wrapper {
    display: flex;
    justify-content: center;      /* Horizontální zarovnání doprostřed */
    align-items: center;          /* Vertikální zarovnání doprostřed */
    gap: 40px;                    /* Mezera mezi logy */
    padding: 40px 0;              /* Volitelné – více prostoru okolo */
	margin: 0px auto;
}

.logos-wrapper img, 
.logos-wrapper svg  {
    height: 30px;                 /* Nebo auto, dle potřeby */
    filter: grayscale(90%);
    transition: filter 0.3s ease-in-out;
}

.logos-wrapper svg:hover, 
.logos-wrapper img:hover {
    filter: grayscale(0%);        /* 100% barev po hoveru */
}

.footer-fb{
	margin-top: 20px;
}


.logos-wrapper svg {
	width: auto;
    height: 30px;                 /* Nebo auto, dle potřeby */
    filter: grayscale(70%);
    transition: filter 0.3s ease-in-out;
}

.logos-wrapper img:hover {
    filter: grayscale(0%);        /* 100% barev po hoveru */
}


/* ----------------------------------------------------------
   Agnis DEMO
---------------------------------------------------------- */

.grid-item-top[data-v-dc96f49f] {
    grid-row: 1;
    grid-column: 1 / 6;
}

@media (min-width: 1200px) {
    .grid-item-top[data-v-dc96f49f] {
        grid-column: 1 / 3;
    }
}

@media (min-width: 1600px) {
    .grid-item-top[data-v-dc96f49f], .grid-item-main[data-v-dc96f49f]
Specifičnost: (0,2,0)
 {
        grid-column: 1 / 4;
    }
}

.grid-item-main[data-v-dc96f49f] {
    grid-row: 1;
    grid-column: 1 / 4;
    padding-top: 7rem;
}

@media (min-width: 1200px) {
    .grid-item-main[data-v-dc96f49f] {
        grid-row: 1;
        grid-column: 1 / 3;
        padding-top: 5rem;
    }
}


@media (min-width: 1600px) {
    .grid-item-top[data-v-dc96f49f], .grid-item-main[data-v-dc96f49f] {
        grid-column: 1 / 4;
    }
}



.mt-2, .my-2 {
    margin-top: 1.5rem !important;
}

.position-relative {
    position: relative !important;
}

@media (min-width: 1200px) {
    .pt-xl-2, .py-xl-2 {
        padding-top: 1.5rem !important;
    }
}

.booking-application .grid-view {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    column-gap: 2rem;
}

@media (min-width: 992px) {
    .booking-application .grid-view, .booking-application .grid-view.wishlist-items {
        grid-template-columns: 1fr 1fr 1fr;
    }
}

@media (min-width: 1600px) {
    .booking-application .grid-view, .booking-application .grid-view.wishlist-items {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
}

@media (min-width: 1800px) {
    .booking-application .grid-view, .booking-application .grid-view.wishlist-items {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
}



@media (max-width: 767px) {
    .booking-application .grid-view, .booking-application .grid-view.wishlist-items {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 500px) {
    .booking-application .grid-view, .booking-application .grid-view.wishlist-items {
        grid-template-columns: 1fr;
    }
}


.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 2px solid rgba(34, 41, 47, .125);
    border-radius: calc(var(--border-radius) * 1.2);
}

.card {
    border: none;
    margin-bottom: 2rem;
    box-shadow: 0 4px 24px rgba(34, 41, 47, .1);
    transition: all .3s 
ease-in-out, background 0s, color 0s, border-color 0s;
}


.booking-application .grid-view .booking-card {
    overflow: hidden;
}

.text-center {
    text-align: center !important;
}

.booking-application .grid-view .booking-card .item-img {
    display: flex;
    align-items: center;
}



.img-fluid {
    max-width: 100%;
    height: auto;
}


.card-img, .card-img-top, .card-img-bottom {
    flex-shrink: 0;
    width: 100%;
}

.card-img, .card-img-top {
    border-top-left-radius: calc(calc(var(--border-radius) * 1.2) - 1px);
    border-top-right-radius: calc(calc(var(--border-radius) * 1.2) - 1px);
}

.cursor-pointer {
    cursor: pointer;
}

.booking-application .grid-view .booking-card .item-img img {
    max-height: 220px;
    object-fit: cover;
}

.card-body {
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1.5rem;
}

.booking-application .booking-card .item-name {
    margin-bottom: 0;
}

.booking-application .grid-view .booking-card .card-body {
    padding: 1rem;
}

.booking-application .grid-view .booking-card .item-name {
    margin-top: .75rem;
}

.booking-application .grid-view .booking-card .item-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}

.booking-application .grid-view .booking-card .item-price {
    font-weight: 600;
}

.card-text:last-child {
    margin-bottom: 0;
}


.booking-application .booking-card .item-description {
    font-size: .875rem;
}



.booking-application .grid-view .booking-card .item-description {
    margin-top: .2rem;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.booking-application .grid-view .booking-card .item-options {
    display: flex;
    flex-wrap: wrap;
}

.booking-application .grid-view .booking-card .item-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}


.booking-card .item-options .btn-cart, .booking-application .grid-view .booking-card .item-options .btn-wishlist {
    flex-grow: 1;
    border-radius: 0;
}


.btn {
    display: inline-block;
    font-weight: 400;
    color: #6e6b7b;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    background-color: transparent;
    border: 2px solid transparent;
    padding: .786rem 1.5rem;
    font-size: 1rem;
    line-height: 1;
    border-radius: var(--border-radius);
    transition: color .15s 
ease-in-out, background-color .15s 
ease-in-out, border-color .15s 
ease-in-out, box-shadow .15s 
ease-in-out, background 0s, border 0s;
}

.btn-primary {
    color: #fff;
    background-color: #d6130e;
    border-color: #d6130e;
}

.btn {
    box-shadow: none;
    font-weight: 500;
}

.btn-primary {
    border-color: var(--primary) !important;
    background-color: var(--primary) !important;
    color: #fff !important;
}


.btn:not(:disabled):not(.disabled) {
    cursor: pointer;
}

.mr-50, .mx-50 {
    margin-right: .5rem !important;
}



/* ----------------------------------------------------------
   SEKCE – světlo/tma – prémiová elegance
---------------------------------------------------------- */

.has-pattern{
	position: relative;
	background: #d25096;
	background-image: url(img/patt-white.png);
		background-repeat: repeat;
}
/*
.has-background.has-pattern:after {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    content: "";
    background-image: url(img/patt-white.png);
	background-repeat: repeat;
    opacity: 0.1;
}
*/
.has-background.has-pattern:before {
     background: none;
}



.section-light {
    background-color: #F8F6F2; /* jemně ivory */
    color: #1A1A1A;
    padding: 80px 0;
}

.section-dark {
    background-color: #1A1A1A;
    color: #EAE6DA; /* Ivory text */
    padding: 80px 0;
}

.section-dark h1,
.section-dark h2,
.section-dark h3,
.section-dark h4,
.section-dark h5 {
    color: #EAE6DA;
}


/* ----------------------------------------------------------
   SEKCE S OVERLAY / GRADIENTEM
---------------------------------------------------------- */

.section-overlay {
    position: relative;
    padding: 100px 0;
    color: #fff;
    background-size: cover;
    background-position: center;
}

.section-overlay::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        rgba(0, 0, 0, 0.55),
        rgba(0, 0, 0, 0.35)
    );
    z-index: 1;
}

.section-overlay > * {
    position: relative;
    z-index: 2;
}




.business .row .col-two {
    width: 100%;
    width: -webkit-calc(50% - 42px);
    width: -moz-calc(50% - 42px);
    width: calc(50% - 42px);
    float: left;
}

.business .row .col-two:not(:nth-child(2n)) {
    margin-right: 84px;
}

.standard-part{
padding: 60px 0px 60px 0px;
}




.site-content ul{
	padding-left: 0px!important;
	margin-left: 0px!important;
}

.site-content ol{
	padding-left: 0px!important;
	margin-left: 0px!important;
}


.site-content ul li{
	position: relative;
	list-style-type: none;
	 padding-left: 24px;
}


.site-content ul li:before{
 content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
	
	background-color: #d25096; 
    -webkit-mask: url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/icons/chevron-right.svg') no-repeat center;
    mask: url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/icons/chevron-right.svg') no-repeat center;
    -webkit-mask-size: contain;
    mask-size: contain;
	
  /*  background-image: url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/icons/chevron-right.svg'); 
    background-size: contain;
    background-repeat: no-repeat; */

}

/* Styl pro ordered list s latinským číslováním */
.site-content ol {
    counter-reset: item; /* reset počítadla */
    list-style: none;    /* odstraní defaultní čísla */
    padding-left: 0px;  /* odsazení pro čísla */
}

.site-content ol li {
    position: relative;
    
    padding-left: 24px; /* místo pro číslo */
}

/* Přidání latinského čísla před li */
.site-content ol li::before {
    counter-increment: item; /* inkrementuje číslo */
    content: counter(item, upper-roman) "."; /* I., II., III. */
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    color: #d25096;   /* zlatá barva čísla */
    font-weight: 300;
    font-size: 15px;
}



.top-image{
  height: 400px; 
  background-repeat: no-repeat;
  background-position: bottom center;
/*  background-attachment: fixed; */
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;	
  position: relative;

  width: 100%; 
  
  background-position: 50% 50%;

/* display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center; */





}



p svg.emoji,
span svg.emoji,
a svg.emoji {
    width: 1em !important;
    height: 1em !important;
    max-width: 1em !important;
    max-height: 1em !important;
    display: inline-block;
    vertical-align: -0.1em;
    flex-shrink: 0;
}



p > svg,
li > svg,
a > svg,
span > svg {
    width: 1em !important;
    height: 1em !important;
    max-width: 1em !important;
    max-height: 1em !important;
    vertical-align: -0.1em;
}

.dfu-unicorn-icon img {
    width: 11px;
    max-width: 11px;
    height: auto;
}



.dfu-unicorn-icon img.emoji {
    width: 11px !important;
    max-width: 11px !important;
    height: auto !important;
}

.home .df-tags .df-tag{
	display: none;
}

.home .df-tags .df-tag:nth-child(1), 
.home .df-tags .df-tag:nth-child(2), 
.home .df-tags .df-tag:nth-child(3), 
.home .df-tags .df-tag:nth-child(4), 
.home .df-tags .df-tag:nth-child(5){
	display: block;
}

.home .aiovg-category{
	display: none!important;
}


.page-template-template-about .top-image{
	    height: 400px;
    background-repeat: no-repeat;
    background-position: bottom center;
    background-attachment: scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: auto 100%;
    position: relative;
    width: 100%;
}

.top-image .container{
	position: relative;
	  
}

.top-image .container h1.main-title{
	position: absolute;
	left: 60px;
	bottom: 60px;
	margin-bottom: 0px;
	z-index: 99;
}

.home-text{
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

.business-top{
	position: relative;
}

.butt-business{
	position: absolute;
	top: 915px; 
	left: 0px;
	right: 0px;
}

.top-part{
	  margin-bottom: 0px;
}


.overtitle{
display: block;
color: #2467a5;
font-size: 25px;
font-weight: 400;
line-height: 40px;
    margin-bottom: 5px;
}

.main-images{
margin-left: auto;
margin-right: auto;
display: block;
}

.site-content a, 
.site-content a:focus, 
.site-content a:active, 
.site-content a:visited{
text-decoration: none;
}

.site-content a:hover{
text-decoration: none;
}





.site-footer a, 
.site-footer a:focus, 
.site-footer a:visited, 
.site-footer a:focus{
    text-decoration: none;
	color: #fff;
}

.site-footer a:hover{
    text-decoration: underline;
}

.site-footer .footer-bottom p {
    color: #fff;
}


.cli-plugin-main-link {
    margin-left: 0px;
    font-weight: 400;
    text-decoration: none;
}


.side-contact {
    width: 65px;
    height: 157px;
    background: url(img/button.png) no-repeat;
    position: fixed;
    right: 0px;
    top: 130px;
    padding: 0px;
    border: 0px;
    border-radius: 0px;
    text-indent: -9999px;
    overflow: hidden;
    cursor: pointer;
        z-index: 9;
    
    writing-mode: vertical-rl;
text-orientation: upright;

color: #ffffff;

font-size: 25px;
font-weight: 500;
line-height: 28px;    
}


.home-image-cover{
position: relative;
}

.home-box{
    position: absolute;
    left: 0px;
    right: 0px;
    margin: 0px auto;
    max-width: 800px;
    top: 322.5px;
}

.home-image-cover:hover .home-box{

}

.right-content{
	max-width: 785px;
}

:hover{
    -webkit-transition: all ease .8s;
    -moz-transition: all ease .8s;
    transition: all ease .8s;
}



.home-box-in{
 padding: 0px;
}

.home-box-in h1{
color: #fff;
font-size: 40px;
font-weight: 600;
line-height: 49.32px;

margin: 0px;
}

.coupon input.button{
display: inline-block!important;
}


.home-box-in h1 a, 
.home-box-in h1 a:focus, 
.home-box-in h1 a:visited, 
.home-box-in h1 a:active, 
.home-box-in h1 a:hover{
color: #fff;
text-decoration: none;
}

.home-image-cover:hover .home-box-in h1 a, 
.home-image-cover:hover .home-box-in h1 a:focus, 
.home-image-cover:hover .home-box-in h1 a:visited, 
.home-image-cover:hover .home-box-in h1 a:active, 
.home-image-cover:hover .home-box-in h1 a:hover{
color: #fff;
text-decoration: none;
}

   /* the slides */
  .carousel .slick-slide {
    margin: 0 5px;
  }
  /* the parent */
  .carousel .slick-list {
    margin: 0 -5px;
  }

.butt.right-align{
	float: right;
}

  section.products{
  padding-bottom: 80px;
  }
  
  section.products.sec{
	padding: 80px 0px;  
  }

.site-content .home-box-in p{
color: #fff;
margin: 10px 0px 0px 0px;
font-weight: 300;
}

a.link, 
a.link:focus, 
a.link:active, 
a.link:visited{
  color: #ffffff;
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
    text-decoration: none;
}

a.link:hover{
text-decoration: underline;
}

.regular{
padding: 60px 0px 60px 0px;
}

.home-second .has-bg{
    margin-top: 60px;
   
    position: relative;
}

.home-second .has-bg ul{
position: absolute;
bottom: 46px;
left: 50px;
padding-left: 0px;
}

.home-second .has-bg ul li{
list-style-type: none;
color: #fff;

color: #ffffff;
font-size: 25px;
font-weight: 400;
line-height: 58px;
border-bottom: 2px solid #fff;
padding-right: 60px;
}

.home-second .has-bg ul li a, 
.home-second .has-bg ul li a:focus, 
.home-second .has-bg ul li a:visited, 
.home-second .has-bg ul li a:active{
color: #fff;
text-decoration: none;
}


.contain{
	  display: flex;
  flex-direction: row;
      margin-top: -56px;
}

.columns-home .container{
	max-width: 100%;
}

.butt.home{
	margin-top: -216px;
    z-index: 999999;
    position: relative;
	margin-bottom: 164px;
}

a.butt, 
a.butt:focus, 
a.butt:active, 
a.butt:visited, 
button, 
button:focus, 
button:active, 
button:visited, 
input[type="button"], 
input[type="button"]:focus,
input[type="button"]:active,
input[type="button"]:visited,
input[type="reset"], 
input[type="reset"]:focus,
input[type="reset"]:active,
input[type="reset"]:visited , 
input[type="submit"]:not(.search-submit),
input[type="submit"]:not(.search-submit):focus,
input[type="submit"]:not(.search-submit):active,
input[type="submit"]:not(.search-submit):visited{
cursor: pointer;
padding: 0px;
background: transparent;
box-shadow: none;
border: 1px solid #d25096; 

opacity: 1;
font-weight: 400;
text-align: center;
text-transform: uppercase;

    padding: 17px 38px;
    background: linear-gradient(135deg, #c03580 0%, #7b3fa0 100%);
    color: white;
    border: none;
    border-radius: 2px;
    font-family: "Jost", sans-serif;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    cursor: pointer;
    text-decoration: none;
    transition: transform 0.2s, box-shadow 0.2s;
    box-shadow: 0 6px 28px rgba(192, 53, 128, 0.35);
}

.site-header a.butt, 
.site-header a.butt:focus, 
.site-header a.butt:active, 
.site-header a.butt:visited{
	        height: auto !important;
        line-height: normal !important;
        padding-top: 10px !important;
        padding-bottom: 10px !important;
}

a.butt.dark, 
a.butt.dark:focus, 
a.butt.dark:active, 
a.butt.dark:visited{

padding: 0px;
letter-spacing: 0.02em;

border: 1px solid #000000;

opacity: 1;
font-size: 14px;
text-align: center;
font-weight: 400;

color: #000000;
opacity: 1;
background: transparent;
display: table;
box-shadow: none;
width: auto;

margin-left: 0px;
margin-right: auto;
border-radius: 4px;
    line-height: 1.2em;
    letter-spacing: 0.02em;
    padding: 13px 20px;
}


.button-group a.butt:first-child, 
.button-group a.butt:first-child:focus, 
.button-group a.butt:first-child:active, 
.button-group a.butt:first-child:visited{
	background: #d25096;
	color: #fff;
}

.button-group a.butt:first-child:hover{
	background: transparent!important;
	color: #fff;
	border: 1px solid #fff!important;
}

.button-group a.butt:last-child, 
.button-group a.butt:last-child:focus, 
.button-group a.butt:last-child:active, 
.button-group a.butt:last-child:visited{
	background: transparent;
	color: #fff;
	border: 1px solid #fff;
}







 
.has-gradient .button-group a.butt:last-child:hover{
	color: #002755 !important;
}




.button-group a.butt:last-child:hover{
	background: #d25096!important;
	color: #fff!important;
	border: 1px solid #d25096!important;
}


.site-content h5.route{
	margin-top: 30px;
}

.newsletter {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 20px;
    overflow-x: auto; /* umožní přetečení na mobilu */
    padding-bottom: 5px; /* aby nebyl scroll schovaný */
}

.newsletter-left{
	width: 100%;
}

.newsletter-left input {
 width: 100%;
 background: transparent;
      font-weight: 300;
    color: #fff;
	border: 2px solid #fff!important;
    font-size: 14px; 
}

.newsletter-left input::placeholder {
	color: rgb(210 80 150);    
}

.newsletter-left input:-ms-input-placeholder { 
	color: rgb(210 80 150);   
}

.newsletter-left input::-ms-input-placeholder { 
	color: rgb(210 80 150);  
}

.newsletter-right input[type="submit"], 
.newsletter-right input[type="submit"]:focus, 
.newsletter-right input[type="submit"]:visited,  
.newsletter-right input[type="submit"]:active{
    background: #d25096 !important;
    color: #000 !important;
    white-space: nowrap; 
    cursor: pointer;
}

.newsletter-right input[type="submit"]:hover{
    background: transparent!important;
    color: #d25096 !important;
    white-space: nowrap; 
    cursor: pointer;
}

a.butt.light, 
a.butt.light:focus, 
a.butt.light:active, 
a.butt.light:visited{

padding: 0px;
letter-spacing: 0.02em;

border: 2px solid #fff;

opacity: 1;
font-size: 14px;
text-align: center;
font-weight: 400;

color: #fff;
opacity: 1;
background: transparent;
display: table;

box-shadow: none;
width: auto;
  
margin-left: 0px;
margin-right: auto;
border-radius: 4px;
    line-height: 1.2em;
    letter-spacing: 0.02em;
    padding: 13px 20px;
}




a.butt.dark:hover, 
button.dark:hover, 
input[type="button"].dark:hover,
input[type="reset"].dark:hover 
input[type="submit"].dark:not(.search-submit):hover{
	    background-color: #000!important;
    border-color: #000!important;
color: #fff!important;
}

a.butt.light:hover{
	border: 2px solid #d25096!important;
    color: #002755!important;
	background: #ffffff!important;
}

a.butt.light.last,
a.butt.light.last:active,
a.butt.light.last:visited,
a.butt.light.last:focus {
    border: 2px solid #d25096 !important;
    color: #002755 !important;
    background: #d25096 !important;
}


a.butt.light.last:hover{
    opacity: 0.9!important;
}



.home-start .butt{
	margin-top: 60px;
}

a#myBtn, 
a#myBtn:focus, 
a#myBtn:visited, 
a#myBtn:active {
margin: 120px auto;
 display: block;
 border-radius: 0px!important;
     box-shadow: none!important;
  z-index: 99!important;
  border: none!important;
  outline: none!important;
width: 45px!important;
height: 46px!important;
background: url(img/scroll-to-top.png) no-repeat!important;
background-size: 45px 46px!important;
text-indent: -9999px;
overflow: hidden;
}


.page-template-template-ueber-uns a#myBtn, 
.page-template-template-ueber-uns a#myBtn:focus, 
.page-template-template-ueber-uns a#myBtn:visited, 
.page-template-template-ueber-uns a#myBtn:active{
	display: none;
}







.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit:active, .woocommerce a.button:active, .woocommerce button.button:active, .woocommerce input.button:active, .woocommerce #respond input#submit:visited, .woocommerce a.button:visited, .woocommerce button.button:visited, .woocommerce input.button:visited, .woocommerce #respond input#submit:focus, .woocommerce a.button:focus, .woocommerce button.button:focus, .woocommerce input.button:focus{
height: 45px;
line-height: 45px;
border-radius: 0px;
border: 2px solid #000;	
}






.image-index img{
	margin-bottom: 20px;
}




.mc4wp-form{
	margin-bottom: 60px;
}

#map input, 
#map button{
	background: transparent!important;
	min-width: 0px!important;
	line-height: normal!important;
	margin: auto!important;
	 padding: 13px 13px!important;
}


.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, 
.woocommerce #respond input#submit:active, .woocommerce a.button:active, .woocommerce button.button:active, .woocommerce input.button:active, 
.woocommerce #respond input#submit:visited, .woocommerce a.button:visited, .woocommerce button.button:visited, .woocommerce input.button:visited, 
.woocommerce #respond input#submit:focus, .woocommerce a.button:focus, .woocommerce button.button:focus, .woocommerce input.button:focus{

background: #F4F4F4 0% 0% no-repeat padding-box!important;

opacity: 1!important;
padding-top: 0px!important;
padding-bottom: 0px!important;

text-align: left!important;

letter-spacing: 0px!important;
color: #525252!important;
opacity: 1!important;

height: 52px!important;
line-height: 52px!important;
padding-left: 80px;
padding-right: 80px;

text-align: center!important;

}

.woocommerce div.product div.images .woocommerce-product-gallery__wrapper .zoomImg, 
.woocommerce div.product div.images img{

	margin-bottom: 0px;
}

.woocommerce div.product div.images .flex-control-thumbs li img{

		padding: 10px;
}

.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover{
    background-color: #525252!important;
    border-color: #525252!important;
color: #fff!important;	
}

.woocommerce span.onsale {
    min-height: 0;
    min-width: 0;
    padding: 10px 9pt;
    font-size: 1em;
    font-weight: 700;
    position: absolute;
    text-align: center;
        line-height: normal;
    top: -.5em;
    left: -.5em;
    margin: 0;
    border-radius: 0px; 
    background-color: #2467a5;
    color: #fff;
    font-size: .857em;
    z-index: 9;
}

select {
    border: 2px solid #ccc;
	height: 45px;
	line-height: 45px;
}

.woocommerce ul.products li.product .price {
    color: #2467a5;
    display: block;
    font-weight: 400;
    margin-bottom: .5em;
    font-size: .857em;
}


.photo-stack {
  position: relative;
  width: 90%;
  max-width: 600px;
  height: auto;
  margin: 0px auto;
}

.photo {
  position: absolute;
  border-radius: 20px;
  box-shadow: 0 10px 20px rgba(0,0,0,0.2);
  opacity: 0;
}

.photo1 {
  width: 100%;
  top: 0;
  left: 0;
}

.photo2 {
    width: 80%;
    /* bottom: -50px; */
    right: -50px;
    top: 120px;
}
@media (max-width: 768px) {
  .photo2 {
    top: 20px;
    left: 20px;
    width: 85%;
  }
}

.svg-container svg {
  transform: scale(0);       /* start malý */
  transition: transform 0.5s ease-in-out;
}

.svg-container.loaded svg {
  transform: scale(1);       /* konečná velikost */
}

.button-group {
  display: flex;
  justify-content: center; /* horizontálně na střed */
  align-items: center;     /* vertikálně na střed, pokud mají různou výšku */
  gap: 20px;               /* mezera mezi tlačítky */
}

.button-group a.butt.light, 
.button-group a.butt.light:focus, 
.button-group a.butt.light:active, 
.button-group a.butt.light:visited{
	margin-left: 0px;
	margin-right: 0px;
}

a.butt:hover, 
button:hover, 
input[type="button"]:hover, 
input[type="reset"]:hover, 
input[type="submit"]:hover{
    transform: translateY(-2px);
    box-shadow: 0 10px 36px rgba(192, 53, 128, 0.5);
    -webkit-transition: all ease .8s;
    -moz-transition: all ease .8s;
    transition: all ease .8s;
    text-decoration: none;
	color: #fff;
}




.change .site-branding img {
    max-width: 120px;
}




.slogan p{
	text-align: left;

letter-spacing: 0px;
color: #101010;
margin-bottom: 0px;
}

.slogan-name p{

letter-spacing: 0px;
color: #101010;
}

.xoo-wsc-items-count {
    background-color: #3a4a54;
    color: #ffffff;
}

.has-slogan{
	position: relative;
}

.slogan-cover{
	position: absolute;
	bottom: 0px;
		max-width: 650px
}

.home-second h2, 
.home-second p, 
.home-second h3, 
.home-second .overtitle{
	text-align: center;
	
}

.in-carousel{
	position: relative;
	
}

.in-carousel-content{
	position: absolute;
	top: 256px;
	left: 0px;
	right: 0px;
	margin: 0px auto;
	max-width: 358px;
	
}

.in-carousel-content h4{
	text-align: center;

letter-spacing: 0px;
color: #FFFFFF;
opacity: 1;
margin-bottom: 13px;
}

.in-carousel-content p{
text-align: center;

letter-spacing: 0px;
color: #FFFFFF;
opacity: 1;	
}


.route input[type="text"]{
margin-bottom: 20px;
 max-width: 100%;

}



.search-form input[type="search"]{
border: 0px;
border-radius: 0px;
border: 2px solid #000000;
height: 30px;
line-height: 30px;
color: #000;
 padding: 0px 0px 0px 8px; 
 max-width: 210px;
}

.search-form input[type="submit"], 
.search-form input[type="submit"]:focus, 
.search-form input[type="submit"]:visited, 
.search-form input[type="submit"]:active, 
.search-form input[type="submit"]:hover{
border-radius: 0px;
border: 0px;
background: url(img/search.png) no-repeat;
width: 27px;
height: 26px;
text-indent: -9999px;
cursor: pointer;
}


.header-search input[type="search"]{
border: 0px;
border-radius: 0px;
    border: none;
    border-bottom: 0px solid transparent;
height: 30px;
line-height: 30px;
color: #000;
 padding: 0px 0px 0px 8px; 
 max-width: 200px;
 font-size: 18px;
    background: url(img/search.png) no-repeat 50% 50%;
    background-size: 28px 29px;
	 float: right;
}

.header-search ::-webkit-input-placeholder { 
  color: white;
}

.header-search ::-moz-placeholder { 
  color: white;;
}

.header-search :-ms-input-placeholder { 
  color: white;
}

.header-search :-moz-placeholder { 
  color: white;
}

.header-search input[type="submit"], 
.header-search input[type="submit"]:focus, 
.header-search input[type="submit"]:visited, 
.header-search input[type="submit"]:active, 
.header-search input[type="submit"]:hover{
display: none;
}

.search-page{
min-height: 100vh;
min-height: -webkit-calc(100vh - 288px);
min-height: -moz-calc(100vh - 288px);
min-height: calc(100vh - 288px);
}

span.wpcf7-list-item {
    display: inline-block;
    margin: 0 0 0 0;
}

.blue-part{
 background-image: url(img/green.jpg); 
 background-repeat: no-repeat;
 background-size: cover;
padding: 110px 0px 90px 0px;
}

.header-switcher{
float: right;
width: 69px;

        margin-top: 34px;
}

.change .site-header .header-switcher{
    margin-top: 10px;
}

.is-rel{
	position: relative;
}

.bg-part{
 background: url(images/bg.jpg); 
 background-repeat: no-repeat;
 background-position: center center;
 background-attachment: fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


.home-finfth{
position: relative;
}

.home-finfth:before{
    content:"";
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, .6);
}

.home-finfth .container{
position: relative;
z-index: 99;
}


.site-content .blue-part h1, 
.site-content .blue-part h2, 
.site-content .blue-part h3, 
.site-content .blue-part h4, 
.site-content .blue-part h5, 
.site-content .blue-part ul li, 
.site-content .blue-part ol li, 
.site-content .blue-part p, 
.site-content .blue-part .overtitle{
color: #fff;
text-align: left;
}

.site-content .blue-part a, 
.site-content .blue-part a:focus, 
.site-content .blue-part a:visited, 
.site-content .blue-part a:active{
   color: #fff;
   text-decoration: none;
} 

.site-content .blue-part a:hover{
   color: #fff;
   text-decoration: underline;
} 

.site-content a.butt.fire,
.site-content a.butt.fire:focus,
.site-content a.butt.fire:active,
.site-content a.butt.fire:visited{
   background: url(img/fire.png) no-repeat;
   background-size: cover;
   margin-left: auto;
   margin-right: auto;
   display: table;
   border: 2px solid #fff;
   margin-top: 40px;
}

.site-content a.butt.fire:hover{
text-decoration: none;


}


.site-content .home-fourth{
padding: 80px 0px 80px 0px;
}


.site-content .home-fourth h1, 
.site-content .home-fourth h2, 
.site-content .home-fourth h3, 
.site-content .home-fourth h4, 
.site-content .home-fourth h5, 
.site-content .home-fourth ul li, 
.site-content .home-fourth ol li, 
.site-content .home-fourth p, 
.site-content .home-fourth .overtitle{
text-align: center;
}



.tagged_as{
	display: none;
}

  

.site-content .home-finfth h1, 
.site-content .home-finfth h2, 
.site-content .home-finfth h3, 
.site-content .home-finfth h4, 
.site-content .home-finfth h5, 
.site-content .home-finfth ul li, 
.site-content .home-finfth ol li, 
.site-content .home-finfth p, 
.site-content .home-finfth .overtitle{
color: #fff;
text-align: center;
}

.site-content .home-finfth .blue-part a, 
.site-content .home-finfth .blue-part a:focus, 
.site-content .home-finfth .blue-part a:visited, 
.site-content .home-finfth .blue-part a:active{
   color: #fff;
   text-decoration: none;
} 


 .site-content .home-finfth .blue-part a:hover{
   color: #fff;
   text-decoration: underline;
} 


 .site-content .home-finfth{
padding: 60px 0px 60px 0px;
 }
 
 
 .contact-first{
 padding: 60px 0px 60px 0px;
 }
 
 .contact-logo{
 margin-bottom: 30px;
 max-width: 200px;
 }
 
 .contactform-title{
 margin-top: 40px;
 }
 
 
.wpcf7 input[type="text"], 
.wpcf7 input[type="email"], 
.wpcf7 input[type="url"], 
.wpcf7 input[type="password"], 
.wpcf7 input[type="search"], 
.wpcf7 input[type="number"], 
.wpcf7 input[type="tel"], 
.wpcf7 input[type="range"], 
.wpcf7 input[type="date"], 
.wpcf7 input[type="month"], 
.wpcf7 input[type="week"], 
.wpcf7 input[type="time"], 
.wpcf7 input[type="datetime"], 
.wpcf7 input[type="datetime-local"], 
.wpcf7 input[type="color"] {

box-shadow: none;
border: none;


opacity: 1;


text-align: left;

letter-spacing: 0px;

opacity: 1;

width: 100%;
max-width: 100%;





padding: 0.9rem 1.1rem;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgb(210 80 150 / 19%);
    border-radius: 2px;
    color: #d25096;
    font-family: "Jost", sans-serif;
    font-size: 16px;
    font-weight: 300;
    outline: none;
    width: 100%;
    transition: border-color 0.2s;
    letter-spacing: 0.05em;
 }
 
 .custom-container{
	 max-width: 1140px;
	 margin: 0px auto;
 }
 
 .modula .modula-item{
	 border-radius: 4px!important;
 }
 
 
 .woocommerce .woocommerce-ordering select{
	  background: #FFFFFF 0% 0% no-repeat padding-box;
box-shadow: none;
border: none;
border-bottom: 2px solid #000000;
border-top: 1px solid #000;
border-left: 1px solid #000;
border-right: 1px solid #000;

opacity: 1;


text-align: center;

letter-spacing: 0px;
color: #101010;
opacity: 1;

width: 100%;
max-width: 100%;

    font-size: 16px;
    font-weight: 300;

padding-left: 20px;
padding-right: 20px;
 }
 
.wpcf7 textarea{
background: #FFFFFF 0% 0% no-repeat padding-box;
box-shadow: none;
border: none;
border: 1px solid #000000;

opacity: 1;
width: 100%;
max-width: 100%;

text-align: left;

letter-spacing: 0px;
color: #101010;
opacity: 1;
height: 220px;
padding-left: 20px;
padding-right: 20px;
    font-family: "Jost", sans-serif;
    font-size: 16px;
    font-weight: 300;
	
	    font-size: 16px;
    font-weight: 300;
    outline: none;
    width: 100%;
    transition: border-color 0.2s;
    letter-spacing: 0.05em;
	
	
	    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgb(210 80 150 / 19%);
    border-radius: 2px;
    color: #d25096;
}

.wpcf7{
	margin: 0px 0px;
}

.responsive-main{
	display: none;
}

.wpcf7 ::-webkit-input-placeholder {
	color: rgb(210 80 150);
}

.wpcf7 ::-moz-placeholder {
	color: rgb(210 80 150);
}

.wpcf7 :-ms-input-placeholder {
	color: rgb(210 80 150);
}

.wpcf7 :-moz-placeholder { 
	color: rgb(210 80 150);
}

.wpcf7 p{
margin-bottom: 15px;
color: #050505;
}

.wpcf7 p a, 
.wpcf7 p a:focus, 
.wpcf7 p a:visited, 
.wpcf7 p a:active{
	text-decoration: underline;
	color: #050505;
}

.wpcf7 p a:hover{
		text-decoration: none;
}

div.wpcf7 .wpcf7-submit{
margin-top: 0px;
}

.radio-233 span.wpcf7-list-item.last{
    display: inline-block;
    margin-left: 27px;
}

.contact-person img{
  margin-bottom: 20px;
}

.products-text{
padding: 40px 0px 60px 0px;
}

.products-items{
padding-bottom: 70px;
}

.item{
margin-bottom: 39px;

}

.item a{
  position: relative;
  display: block;
}

.over-title{
display: block;
position: absolute;
bottom: 0px;
right: 0px;
left: 0px;
color: #ffffff;
font-size: 25px;
font-weight: 400;
line-height: 58px;
background-color: rgba(0, 0, 0, 0.7);
text-align: center;

margin: 0px auto;

height: 77px;
line-height: 77px;
max-width: 100%;
max-width: -webkit-calc(100% - 100px);
max-width: -moz-calc(100% - 100px);
max-width: calc(100% - 100px);
}

.company{
padding: 60px 0px 60px 0px;
}
 
.company-image{
    margin-top: 0px;
	
	max-width: 100%;
/* max-width: -webkit-calc(100% + 60px);
max-width: -moz-calc(100% + 60px);
max-width: calc(100% + 60px); */
}

.persons-bottom{
  padding: 60px 0px 60px 0px;
}

.persons-bottom img {
    margin-bottom: 20px;
}

.page-template-template-partner .site-footer {
    border-top: 0px solid transparent;
}

img.full-image{
width: 100%;
}
 
 .partner{
 padding: 100px 0px 100px 0px;
 }
 
.partner a.butt, 
.partner a.butt:focus, 
.partner a.butt:active, 
.partner a.butt:visited{
float: right;
}

.partner .short-left{
    width: 388px;
    float: left;
}

.partner .short-left img{
max-width: 333px;
}

.partner .long-right{
   	width: 100%;
	width: -webkit-calc(100% - 388px);
	width: -moz-calc(100% - 388px);
	width: calc(100% - 388px);
        float: left;
}




.partner-second .has-bg {
    margin-top: 93px;
    min-height: 560px;
    position: relative;
}

.partner-second .has-bg ul {
    position: absolute;
    bottom: 46px;
    left: 50px;
}



.partner-second .has-bg ul {
    position: absolute;
    bottom: 46px;
    left: 50px;
    padding-left: 0px;
}

.partner-second .has-bg ul li {
    list-style-type: none;
    color: #fff;
    color: #ffffff;
    font-size: 25px;
    font-weight: 400;
    line-height: 58px;
    border-bottom: 2px solid #fff;
    padding-right: 60px;
}

.partner-second .has-bg ul li a,
.partner-second .has-bg ul li a:focus, 
.partner-second .has-bg ul li a:visited, 
.partner-second .has-bg ul li a:active {
    color: #fff;
    text-decoration: none;
}





.partner-second{
padding: 100px 0px 110px 0px;
}




.one-product{
 padding: 100px 0px 100px 0px;
}

.slick-dots li button{
width: 100px!important;
height: 10px!important;
background-color: #000000!important;
}

.slick-dots li {
    position: relative!important;
    display: inline-block;
width: 100px!important;
height: 10px!important;
    margin: 0 15px!important;
    padding: 0!important;
    cursor: pointer!important;
}

.slick-dots li.slick-active button{
 background-color: #0084d6!important;
}

.slick-dots li button:before{
display: none!important;
}

.responsive-product{
visibility: hidden
}

.slick-initialized { 
visibility: visible; 
}




.slide-title h1{
color: #ffffff;
font-size: 70px;
font-weight: 600;
line-height: 70px;

margin: 0px;
text-align: center;
margin-left: auto;
margin-right: auto;
display: table;
}

.slide-image{
position: relative;


}

.slide-image img{
 filter: brightness(70%);
  -ms-filter: brightness(70%);
}

.slide-title{
  position: absolute;
    left: 0px;
    right: 0px;
    
  
top: 200px;
top: -webkit-calc(50% - 35px);
top: -moz-calc(50% - 35px);
top: calc(50% - 35px);

}

 .site-content .home-partner h3{
      color: #2467a5;
 margin: 0px;
font-weight: 400;

line-height: 30px;
font-size: 20px;
 }
 
.site-content .home-partner h3 a, 
.site-content .home-partner h3 a:focus, 
.site-content .home-partner h3 a:visited, 
.site-content .home-partner h3 a.active{
  color: #2467a5;
  }
  
  .site-content .home-partner h3 a:hover{
    text-decoration: none;
  }
 
  .site-content .home-partner p{
 
 }
 
  .site-content .home-partner img{
  margin-bottom: 30px;
  }

 a.inverse-butt, 
 a.inverse-butt:focus, 
 a.inverse-butt:visited, 
 a.inverse-butt:active{
    color: #2467a5;
    font-size: 25px;
    font-weight: 400;
    line-height: 30px;

    display: table;
    text-decoration: none;
    padding: 0px 25px;
    height: 55px;
    line-height: 55px;
    background-color: #ffffff;
    border: 2px solid #2467a5;
    border-radius: 0px;
 }
 
  a.inverse-butt:hover{
   color: #fff;
   background: #2467a5;
   text-decoration: none;
  }
  
  .site-content .home-partner  a.inverse-butt{
  margin-left: auto;
  margin-right: auto;
  
  }
  
  
 .slick-dots {
    position: absolute;
    bottom: -30px;
    margin-bottom: 0px!important;
padding-left: 0px;
} 

.wpml-ls-legacy-list-horizontal {
    border: 1px solid transparent;
    padding: 0px;
    clear: left;
}

body .wpml-ls-legacy-list-horizontal a {
    display: inline-block;
}
  
  
.wpml-ls-legacy-list-horizontal a {
    display: block;
    text-decoration: none;
    padding: 0px 0px;
    line-height: 1;
    
    font-size: 20px;
font-weight: 400;
line-height: 58px;

color: #000000;

font-weight: 400;

}

li.wpml-ls-current-language a{
color: #2467a5;
}
  
  
 .wpml-ls-sidebars-schalter li:not(:first-child):before {
     content: "|";
    color: #000000;
    text-decoration: none;
    font-size: 20px;
    /* font-weight: 700; */
    line-height: 15px;
    margin-right: 0px;
    margin-left: 5px;
}

.wpml-ls-legacy-list-horizontal>ul {
    float: right;
}

.sub-menu li{
position: relative;
}



.main-navigation ul ul.sub-menu {
    margin-top: 0px;
    margin-left: 0px;
}
  
  .sub-menu{
   
        padding-top: 29px!important;
    z-index: 9999;
  }
  
  .main-navigation ul ul.sub-menu{
	  margin-left: -20px!important;
	  padding-top: 20px;
		padding-bottom: 20px;
	
  }
  
  
    .main-navigation ul ul.sub-menu a{
	       background-color: rgb(1 68 147 / 100%);
		padding-left: 20px;
		padding-right: 20px;
		padding-bottom: 4px;
		padding-top: 4px;
  }
  
   .main-navigation ul ul.sub-menu li:first-child a{
	   padding-top: 20px;
   }
  
    
   .main-navigation ul ul.sub-menu li:last-child a{
		   padding-bottom: 20px;   
   }
  
  .main-navigation ul ul.sub-menu {
    margin-top: 0px;
    margin-left: 0px;
	   
}
  
  
.sub-menu a, .sub-menu a:focus, .sub-menu a:visited, .sub-menu a:active, .sub-menu a:hover {
    position: relative;
    font-size: 16px;
    font-weight: 300;
    color: #fff;
    line-height: 26px;
}
  
  
  .left-icon {
    width: 60px;
    float: left;
    margin-right: 20px;
}

.right-text {
    width: 100px;
    width: -webkit-calc(100% - 80px);
    width: -moz-calc(100% - 80px);
    width: calc(100% - 80px);
    float: left;
}
  
  
    .sub-menu .sub-menu li{
		margin-bottom: 7px;
	}
	
	ul.button-group {
		margin-bottom: 30px;
		    text-align: center;
	/*	float: left; */
	}
	
	ul.button-group li{
	/*	float: left; */
		list-style-type: none;
		background: transparent;
		padding-left: 0px;
		margin-right: 5px;
		margin-bottom: 5px;
		display: inline-block;
	}
	
	ul.button-group button.button, 
	ul.button-group button.button:visited, 
	ul.button-group button.button:focus, 
	ul.button-group button.button:active{
		border: 2px solid #000!important;
		cursor: pointer;
		width: 100%;
	}
	
	ul.button-group button.button:hover{
		background: #000!important;
		color: #fff!important;
	}
	
	ul.button-group li:before{
		content: none;
	display: none;
	}
	
	.steps .col-three{
		margin-bottom: 20px;
	}
	
	.steps .col-three h3{
		margin-bottom: 5px;
		    font-size: 20px;
    line-height: 30px;
	}
	
	.site-content .text_image h3 {
 font-size: 20px;
    line-height: 30px;
}
	
	.voll p{
		text-align: center;
	}
	
	.site-content .is-product h1, 
	.site-content .is-product h2, 
	.site-content .is-product h3, 
	.site-content .is-product h4, 
	.site-content .is-product h5, 
	.site-content .is-product p, 
	.site-content .is-product ul li, 
	.site-content .is-product ol li{
		text-align: left;
	}
  
  
  .sub-menu .sub-menu li:before {
  display: none;
}

sub-menu .sub-menu li:not(:last-child) {
    margin-right: 0px;
}

.sub-menu li:not(:last-child) {
    margin-right: 0px;
}

.sub-menu .sub-menu{
    background: transparent;
    padding-top: 0px!important;
    z-index: 9999;
}
  
  
  html{
  overflow-x: hidden;
  }
  
  .main-navigation ul ul{
    box-shadow: none;
     }
    
    .main-navigation ul {
    box-shadow: none;
     }
     
     .main-navigation ul ul a {
    width: auto;
}

.main-navigation ul ul a {
    width: 240px;
}

.sub-menu .sub-menu {
    background: transparent;
    padding-top: 0px!important;
    z-index: 9999;
}


.main-navigation .sub-menu a:hover, .main-navigation li.current_page_item .sub-menu a {
    color: #d25096;
    border-top: 2px solid transparent;
}

.main-navigation ul ul ul {
    left: 0;
    top: 0;
    position: static;
}
  
.sub-menu .sub-menu li {
    list-style-type: none;
    display: inline-block;
    float: none;
    position: static;
}
  
    .sub-menu a:hover{
    color: rgba(255, 255, 255, 0.9);
    }
  
  
  .sub-menu .sub-menu li:not(:first-child):before {
    content: "|";
    color: #ffffff;
    text-decoration: none;
    font-size: 16px;
    /* font-weight: 700; */
    line-height: 15px;
    margin-right: 4px;
    margin-left: 2px;
}
  
  
  .sub-menu a, .sub-menu a:focus, .sub-menu a:visited, .sub-menu a:active {
    z-index: 99;
}

.change .site-header .main-navigation ul.sub-menu{
margin-top: 0px;
}
  
.site-footer .sub-menu{
	display: none;
}

.this-is-home h4{
	text-align: left;

letter-spacing: 0px;
color: #050505;
opacity: 1;
margin: 10px 0px 0px 0px;
}



.this-is-home .col-sm-4{
	margin-bottom: 118px;
}

.this-is-home .col-sm-4{
	margin-right: 100px;
	
	width: 100%;
	width: -webkit-calc(33.3333% - 66.6666666667px);
	width: -moz-calc(33.3333% - 66.6666666667px);
	width: calc(33.3333% - 66.6666666667px);
}

.this-is-home .row .col-sm-4:nth-child(3n){
		margin-right: 0px;
}

.this-is-home .container{
/*	 	max-width: 100%;
	max-width: -webkit-calc(100% - 270px);
	max-width: -moz-calc(100% - 2707px);
	max-width: calc(100% - 270px); */
	
	
	max-width: 1633px;
	
}

.is-image{
	display: block;
	min-height: 534px;
	position: relative;
}

.is-image img{
	position: absolute;
	bottom: 0px;
}

#cookie-notice a, 
#cookie-notice a:focus, 
#cookie-notice a:visited, 
#cookie-notice a:active{
	color: #2467a5;
	text-decoration: none;
}
  
  
  #cookie-notice a:hover{
	text-decoration: underline;
}

a.pseudo-butt, a.pseudo-butt:focus, a.pseudo-butt:visited, a.pseudo-butt:active {
    text-align: left;
    letter-spacing: 0px;
    color: #2467a5;
    text-decoration: none;
    display: block;
    margin-top: 20px;
    text-align: center;
    font-size: 18px;
    font-weight: 800;
}

a.pseudo-butt:hover{
text-decoration: underline;	

}
  
  .site-footer{
    background-size: cover!important;
	position: relative;
    background: #0d0810;
    border-top: 1px solid rgb(210 80 150 / 9%);
    padding: 4rem 5rem 2rem;
  }
  
  .site-footer .row{
	  	position: relative;
		z-index: 10;
  }
  
  .header-right{
	   align-items: flex-end;
  }

  .site-footer:after{
	/*  content: "";
	  width: 100%;
	  height: 100%;
	  left: 0px;
	  top: 0px;
	  z-index: 9;
	  content: "";
	  position: absolute;
	  background: #000;
	  opacity: 0.4; */
  }

 .page-template-template-kontakt #myBtn{
	display: none;  
  }
  
  
  input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], 
  input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea{
  height: 52px;
  line-height: 52px!important;
  border: 2px solid  2px solid rgb(0 0 0 / 52%);
 
  border-radius: 0px;
  padding: 0px 15px;
  border-radius: 4px;
  color: #fff;
    font-size: 15px;
    font-weight: 400;

  }
  
.woocommerce form .form-row textarea, textarea{
      border: 2px solid #000;
  border-radius: 0px;
  padding: 10px 15px;
  height: 250px;
  
  color: #000000;
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
    line-height: 30px;
  }
  
   .is-in{
   z-index: 999;
       position: relative;
   }
   
   .top-bar a:hover{
       color: #2467a5;
   }
   
   .home-box:hover {

            -webkit-transition: all ease .8s;
    -moz-transition: all ease .8s;
    transition: all ease .8s;
    
   
}



.slick-prev, .slick-next{
	width: auto!important;
	min-width: 0px!important;
	padding: 0px!important;
	height: 20px!important;
	border-radius: 0px!important;
	background: transparent!important;
}


#sp-ea-761.sp-easy-accordion .sp-ea-single .ea-header a {
    color: #fff!important;
}

#sp-ea-761.sp-easy-accordion .sp-ea-single .ea-header a .ea-expand-icon.fa {
    float: left;
    color: #fff!important;
    font-size: 16px!important;
}

#sp-ea-761.sp-easy-accordion .sp-ea-single {
    background: #4ba82e!important;
}

.one-product{
	padding: 80px 0px 80px 0px;
}

.single-product .one-product {
    padding: 80px 0px 80px 0px;
}

.single-product .one-product .container{
	    max-width: 100%;
    max-width: -webkit-calc(100% - 324px);
    max-width: -moz-calc(100% - 324px);
    max-width: calc(100% - 324px);
}

.site-content .home-fourth h4 a:hover{
	text-decoration: none;
}

.site-content .home-fourth a:hover{
	text-decoration: none;
	opacity: 0.8;
}
  
  .custom-table thead{
	  text-align: left;
	  background: #4ba82e;
	  color: #fff;
	  height: 40px;
	  line-height: 40px;
  }
  
  .custom-table td{
	  width: 50%;
	  padding-left: 5px;
	  padding-right: 5px;
	  text-transform: uppercase;
  }
  
    .custom-table th{
	  width: 50%;
	  padding-left: 10px;
	  padding-right: 10px;
  }
  
    .custom-table{
		margin-bottom: 20px;
	}
	
	.xoo-wsc-container a.button, 
		.xoo-wsc-container a.button:focus, 
			.xoo-wsc-container a.button:visited, 
				.xoo-wsc-container a.button:active{
		margin-bottom: 10px;
	}
	
	.in-carousel {

    display: block;
}

.home .top-image{
	display: none;
}
	
    
    
    
    .pointer{
	display: none;
}

html[lang="de-DE"] .pointer-de {
   display: block!important;  
}

html[lang="en-US"] .pointer-en {
      display: block!important;  
}

html[lang="es-ES"] .pointer-es {
      display: block!important;  
}

html[lang="fr-FR"] .pointer-fr {
      display: block!important;  
}

    
    
	
	.top-image-home{
    height: 100vh;
	min-height: 700px;
    background-repeat: no-repeat;
    background-position: bottom center;
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: relative;
    width: 100%;
}

.is-rel {
    position: relative;

}

.standard-shadow{
	    box-shadow: 0px 1px 30px 0px rgba(0, 0, 0, 0.13);
}

.footer-bottom{
	padding: 20px 0px;
}

.footer-bottom p{
	opacity: 1!important;
	    transform: none!important;
		margin-bottom: 0px!important;
}

.home-box-in h1{
	/*    font-size: 45px;
    line-height: 55px;
    margin: 0px;
    font-weight: 800; */
    text-align: center;
}

.home-start p{
	text-align: center;
}

.blue-part {
    background-image: url(img/oliver_interier_03.png);
	background-color: #3a4a54;
    background-repeat: no-repeat;
	    background-attachment: fixed;
    background-size: cover;
	background-position:  50% 50%;
    padding: 110px 0px 90px 0px;
}

body .is-center{
	margin-left: auto!important;
	margin-right: auto!important;
	display: table!important;
}

.blue-part a.butt.dark, 
.blue-part a.butt.dark:focus, 
.blue-part a.butt.dark:visited, 
.blue-part a.butt.dark:active{
	color: #fff!important;
	border: 2px solid #fff!important;
	background: transparent!important;
	display: table;
}

.blue-part a.butt.dark:hover{
	color: #3a4a54!important;
	border: 2px solid #fff!important;
	background: #fff!important;
	text-decoration: none;
}



.certi-cover .certificates:not(:last-child){
	margin-bottom: 60px;
	padding-bottom: 60px;
	border-bottom: 2px solid #000;
}

.certificates a.butt{
	margin-bottom: 10px;
}

.small-logo img{
/*	max-width: 200px; */
	
	
max-width: 100%;
max-width: -webkit-calc(100% - 40px);
max-width: -moz-calc(100% - 40px);
max-width: calc(100% - 40px);	
	
	float: right;
	margin-top: 0px;
}

.logo-part .col-sm-8{
width: 100%;
width: -webkit-calc(100% - 240px);
width: -moz-calc(100% - 240px);
width: calc(100% - 240px);
}

.logo-part .col-sm-4{
width: 240px;
}

.site-branding img{
	max-width: 270px;
}

.logos{
	
}

.logos .is-logo{
	    width: 25%;
    float: left;
    position: relative;
    height: 200px;
}

.logos .is-logo img {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    min-height: 20px;
    left: 0px;
    right: 0px;
    max-width: 100%;
    max-width: -webkit-calc(100% - 80px);
    max-width: -moz-calc(100% - 80px);
    max-width: calc(100% - 80px);
}












.references .container.full{
    max-width: 100%;
	width: 100%;
}

.references .col-fourth:not(:nth-child(4n)) {
  /*  margin-right: 15px; */
	
	   margin-right: 0px;
}

.references .col-fourth {
  width: 100%;
    width: -webkit-calc(25% - 11.25px);
    width: -moz-calc(25% - 11.25px);
    width: calc(25% - 11.25px); 
/*	width: 25%; */
    float: left;
    margin-bottom: 15px;
}

.references a {
    display: block;
    position: relative;
}

.overlay_image {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: .5s ease;
    background-color: rgba(70,89,115,.85);
}

.text_image {
    color: #fff;
    font-size: 18px;
    position: absolute;
    bottom: 36px;
    left: 33px;
    background: url(img/small-arrow.png) no-repeat 100% 100%;
    display: block;
    width: 100%;
    width: -webkit-calc(100% - 70px);
    width: -moz-calc(100% - 70px);
    width: calc(100% - 70px);
}

.text_image h3 {
    color: #fff;
    font-size: 31px;
    font-style: normal;
    font-weight: 600;
    margin: 0 0 5px;
    line-height: normal;
    padding-right: 30px;
}

.text_image h4 {
    color: #fff;
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    margin: 0;
    line-height: normal;
    padding-right: 30px;
}

.references a:hover .overlay_image {
    opacity: 1;
}


.references{
	padding: 80px 0px;
}


.steps {
    position: relative;
    padding: 80px 0px;
    background: #f8f8f8;
    box-shadow: inset 0 0.1rem 0.2rem 0 #d3d3d3;
}

.col-xl-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
}

.steps .step__block {
    display: flex;
    margin-bottom: 5rem;
}

.designer .row .col-two:not(:nth-child(2n)) {
    margin-right: 0px;
}

.is-not-slogan{
	padding: 40px;
	}

.designer img{
	filter: grayscale(100);
}



.all-services{
	margin-top: 80px;
}

.is-not-slogan{
	padding-top: 100px;
}

.grid-container {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0px;
}

.grid-item {


  text-align: center;
  display: flex;
      align-items: flex-start;   
  justify-content: center; 
}

.grid-item img{
	filter: grayscale(100);
	width: 100%;
}

.grid-item img:hover{
	filter: grayscale(0);
}

.grid-container{
	margin-top: 60px;
}

.is-in{
	
	    width: 100%;
	text-align: left;
}

.bottom-in{
	padding: 20px;
}

.inner-container{
	width: 780px;
	max-width: 100%;
	margin: 0px auto;
}

.inner-container-large{
	width: 1200px;
	max-width: 100%;
	margin: 0px auto;
}

.home-image .inner-container .butt {
     margin: 0px 0px !important; 
}

.footer-logo img{
	width: 200px;
	max-width: 100%;
	margin: 0px auto 60px;
	display: block;
}


.inner-container .butt{
	margin: 0px auto!important;
}

.inner-container h1, 
.inner-container h2, 
.inner-container h3, 
.inner-container h4, 
.inner-container h5, 
.inner-container p, 
.inner-container ul, 
.inner-container ol, 
.inner-container .pretitle
{
	text-align: center;
	margin-left: auto;
		margin-right: auto;
	display: block;
}

.pretitle{
	color: #d25096;
	font-weight: 300;
	font-size: 14px;
	margin-bottom: 4px;
	letter-spacing: 0.1em;
}


.services-cover .row:nth-child(even) .image-part{
	float: right;
}

.services-cover .row:nth-child(even) .text-part{
	padding-right: 40px;
	padding-top: 80px;
}

.services-cover .row:nth-child(odd) .text-part{
	padding-left: 40px;
	padding-top: 80px;
}

.map-cover .services-cover .row:nth-child(odd) .text-part {
    padding-right: 40px;
    padding-top: 0px;
	padding-left: 0px;
}

.page-template-template-contact .site-content .icon-text{
  display: flex;
    align-items: start;
    justify-content: flex-start;
  height: 100%;   
	
}

div.wpcf7 .wpcf7-submit {
  display: table;
  width: auto;
	}
	
	.balik-item{
		border-radius: 16px!important;
	}
	
	.znacka-oblibene{
		border-radius: 4px;
	}
	
	
	.dark-form select option{
		color: #000;
	} 
	
	
.has-pattern .item {
    background: rgb(255 255 255 / 92%);
}

.has-pattern .inner-container-large{
	margin-top: 30px;
}

.has-pattern .item h5{
	color: #000;
	margin-top: 0.6em!important;
    margin-bottom: 0!important;
}

img.carlsbad{
	max-width: 200px;
	margin-top: 30px;
}

.map-cover .icon-text{
	margin-bottom: 30px;
}

.services-cover .row .col-two{
	width: 50%;
	margin: 0px;
}

.item p{
	margin-bottom: 0px;
}

.benefit-cover{
	width: 52px;
	height: 52px;
	line-height: 52px;
	text-align: center;
    background-color: rgba(26, 40, 57, 0.075);
display: flex;
    align-items: center;      /* vertikální centrování */
    justify-content: center;  /* horizontální centrování, pokud chceš */
	    border-radius: 50%;
		margin-bottom: 20px!important;
}

.benefit-cover:hover{
	 transform: scale(1.04); 
	transition-duration: .1s;
    transition-property: transform;
	    image-rendering: crisp-edges;
		background-color: rgba(26, 40, 57, 0.085);
	
}


.benefit-cover img{
	    fill: #002755;
    color: #002755;
	    filter: invert(11%) sepia(45%) saturate(3840%) hue-rotate(200deg) brightness(85%) contrast(90%);

}


.home-box .pretitle{
	text-align: center;
	display: block;
}


.item{
	border-radius: 16px 16px 16px 16px;
    box-shadow: 0px 40px 120px -40px rgba(93, 114, 128, 0.24);
	padding: 50px 30px;
}

.item:hover{
	border-radius: 16px 16px 16px 16px;
    box-shadow: 0px 48px 120px -40px rgba(93, 114, 128, 0.4);
}

.services-cover .row{
	margin-top: 80px;
}

.map-cover .services-cover .row{
	margin-top: 0px;
}


.services-cover .row img{
	border-radius: 16px;
}



.icon.icon-inno {
	
	
	width: 52px;
    height: 52px;
    line-height: 52px;
    text-align: center;
    background-color: rgba(26, 40, 57, 0.075);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
	
display: flex;
    flex-direction: column;
    justify-content: center;
    justify-content: center;
    align-items: center;
    padding-top: 3px;
    /* min-width: 20px; */
    border-radius: 100%;
    padding: 0px;
    /* height: 70px; */
    /* line-height: 70px; */
    /* width: 70px; */
    /* border: 1px solid #d25096; */


    /* box-shadow: 0 2px 6px rgba(1, 68, 147, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.8);
	
	  



  /*  inset 0 10px 4px rgba(255, 255, 255, 0.4);*/
	
	
	
	/*    box-shadow:
        0 2px 6px rgba(1, 68, 147, 0.15), 
        inset 0 1px 0 rgba(255, 255, 255, 0.8); */
}





 .hero-section {
            position: relative;
            height: 600px;
            background-position: center center;
			: url('https://images.unsplash.com/photo-1566073771259-6a8506099945?w=1600') center/cover;
            display: flex;
            align-items: center;
            justify-content: center;
            overflow: hidden;
        }

        .hero-section::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: linear-gradient(to bottom, rgb(0 0 0 / 62%), rgb(0 0 0 / 0%));
        }

        .hero-content {
            position: relative;
            z-index: 2;
            text-align: center;
            color: white;
        
        }

        .hero-content .hotel-label {
            font-size: 14px;
            letter-spacing: 3px;
            text-transform: uppercase;
            margin-bottom: 20px;
            opacity: 0.95;
        }

        .hero-content h1 {
			color: #fff;
          /*  font-size: 4.5em;
            font-weight: 300;
            margin-bottom: 20px;
            letter-spacing: 2px;
            text-shadow: 2px 2px 20px rgba(0,0,0,0.3); */
        }

        .hero-content .nights {
            font-size: 1.0em;
            font-weight: 400;
            letter-spacing: 1px;
        }

        .intro-section {
            padding: 80px 60px;
            max-width: 1000px;
            margin: 0 auto;
            text-align: center;
        }

        .intro-section p {
          /*  font-size: 1.15em;
            line-height: 1.9;
            color: #555;
            margin-bottom: 30px; */
        }

        .intro-section .signature {
            font-style: italic;
            color: #d25096;
        /*    font-size: 1.1em; */
            margin-top: 40px;
        /*    font-weight: 300; */
        }

        .divider {
            width: 80px;
            height: 2px;
            background: linear-gradient(to right, transparent, #d25096, transparent);
            margin: 60px auto;
        }

        .pricing-section {
            background: #fafafa;
            padding: 80px 60px;
        }

        .pricing-container {
            max-width: 900px;
            margin: 0 auto;
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 40px;
        }

        .price-box {
            background: white;
            padding: 50px 40px;
            text-align: center;
            border: 2px solid #e0e0e0;
            transition: all 0.3s ease;
            position: relative;

			
			
			    border-radius: 0px 0px 16px 16px;
    box-shadow: 0px 40px 120px -40px rgba(93, 114, 128, 0.24);
    padding: 50px 30px;
	border-top: 3px solid #d25096;
			
        }

        .price-box::before {
         /*   content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 3px;
            background: linear-gradient(to right, #d25096, #d4af37); */
        }

        .price-box:hover {
            box-shadow: 0 10px 40px rgba(184, 134, 11, 0.15);
            transform: translateY(-5px);
        }

        .price-box h3 {
            font-size: 1.1em;
            text-transform: uppercase;
            letter-spacing: 2px;
        
            margin-bottom: 25px;
            font-weight: 400;
        }

        .price-box .amount {
            font-size: 1.8em;
            color: #d25096;
            font-weight: 300;
            margin: 20px 0;
        }
		
		.period.color{
    font-size: 1.0em;
   /* color: #d25096; */

}

        .price-box .period {
         /*   font-size: 0.95em;
            color: #888;
            line-height: 1.6; */
        }

        .services-section {
            padding: 100px 60px;
            background: white;
        }

        .services-section h2 {
            text-align: center;
          /*  font-size: 2.8em;
            font-weight: 300;
            color: #333; */
            margin-bottom: 20px;
            letter-spacing: 1px;
        }

        .section-subtitle {
            text-align: center;
            color: #d25096;
            margin-bottom: 60px;
            font-size: 1.1em;
        }

        .services-grid {
            max-width: 1200px;
            margin: 0 auto;
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
            gap: 40px;
        }

        .service-item {
            display: flex;
            gap: 25px;
            padding: 30px;
            background: #fafafa;
            border-left: 3px solid #d25096;
            transition: all 0.3s ease;
			    border-radius: 0px 16px 16px 0px;
        }

        .service-item:hover {
            background: white;
            box-shadow: 0 5px 25px rgba(0,0,0,0.08);
            transform: translateX(5px);
        }

        .service-icon {
            font-size: 2.5em;
            color: #d25096;
            min-width: 50px;
        }

        .service-content h3 {
            font-size: 1.3em;
            color: #333;
            margin-bottom: 10px;
            font-weight: 400;
        }

        .service-content p {
        /*    color: #666;
            line-height: 1.7;
            font-size: 0.95em; */
        }

        .included-section {
          
            padding: 80px 60px;
        }

        .included-section h2 {
            text-align: center;
            /* font-size: 2.8em;
            font-weight: 300;
            color: #333; */
            margin-bottom: 60px;
            letter-spacing: 1px;
        }

        .included-grid {
        max-width: 1200px;
    margin: 0 auto;
    display: grid;
	
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 40px;
        }

        .included-item {
            display: flex;
            align-items: center;
             gap: 25px;
            padding: 30px;
            background: white;
        /*    border: 1px solid #d25096; */
            transition: all 0.3s ease;
			  background: #fff;
			  
			  
			  	    border-radius: 16px 16px 16px 16px;
    box-shadow: 0px 40px 120px -40px rgba(93, 114, 128, 0.44);
			  
        }

        .included-item:hover {
            box-shadow: 0 3px 15px rgba(0,0,0,0.08);
            transform: translateX(3px);
        }

.service-icon .benefit-cover{
    background-color: rgb(184 134 11 / 8%);

}

.service-icon i{
	font-size: 24px;
}

        .included-item i {
            color: #d25096;
            font-size: 24px;
        } 

    

        .cta-section {
            padding: 100px 60px;
            background: linear-gradient(135deg, #d25096, #d25096);
            text-align: center;
            color: white;
        }

        .cta-section h2 {
        /*    font-size: 2.5em;
            font-weight: 300; */
            margin-bottom: 30px;
            letter-spacing: 1px;
			color: #fff;
			    text-shadow: 1px 1px 0px #d25096, 2px 2px 0px #d25096 !important;
        }

        .cta-button {
            display: inline-block;
            padding: 18px 60px;
            background: white;
            color: #d25096;
            text-decoration: none;
            font-size: 1.1em;
            font-weight: 400;
            text-transform: uppercase;
            letter-spacing: 2px;
            transition: all 0.3s ease;
            border: 2px solid white;
            margin-top: 20px;
        }

        .cta-button:hover {
            background: transparent;
            color: white;
            transform: scale(1.05);
        }
		


.site-content .cta-section .pretitle{
	color: #fff;
}

.site-content .bowl-cta h3 {

color: #fff;
    margin-bottom: 10px;
    text-shadow: 1px 1px 0px #d25096, 2px 2px 0px #d25096 !important;
}

        .note-box {
            max-width: 600px;
            margin: 50px auto 0;
            padding: 30px;
            background: rgba(255,255,255,0.1);
            border: 2px solid rgba(255,255,255,0.2);
            font-size: 0.9em;
            line-height: 1.8;
			border-radius: 16px;
        }
		
		.wpcf7 textarea{
			border-radius: 4px;
		}
		

        .note-box strong {
            display: block;
            margin-bottom: 15px;
            font-size: 1.1em;
        }

        @media (max-width: 968px) {
            .hero-content h1 {
             /*   font-size: 3em; */
            }
            
            .pricing-container {
                grid-template-columns: 1fr;
            }
            
            .services-grid {
                grid-template-columns: 1fr;
            }

           /* .intro-section,
            .services-section,
            .pricing-section,
            .included-section,
            .cta-section {
                padding: 60px 30px;
				
				
            } */
			
			
			
	    .intro-section, .services-section, .pricing-section, .included-section, .cta-section {
        padding: 60px 0;
    }		
			
			
			
			
			
        }

        .animate__animated {
            animation-duration: 1s;
        }

.ask-form{
    max-width: 900px;
    margin: 0px auto;
}



.dark-form .wpcf7 input[type="text"], 
.dark-form .wpcf7 input[type="email"], 
.dark-form .wpcf7 input[type="url"], 
.dark-form .wpcf7 input[type="password"], 
.dark-form .wpcf7 input[type="search"], 
.dark-form .wpcf7 input[type="number"], 
.dark-form .wpcf7 input[type="tel"], 
.dark-form .wpcf7 input[type="range"], 
.dark-form .wpcf7 input[type="date"], 
.dark-form .wpcf7 input[type="month"], 
.dark-form .wpcf7 input[type="week"], 
.dark-form .wpcf7 input[type="time"], 
.dark-form .wpcf7 input[type="datetime"], 
.dark-form .wpcf7 input[type="datetime-local"], 
.dark-form .wpcf7 input[type="color"] {
    background: #ffffff00 0% 0% no-repeat padding-box;
    box-shadow: none;
    border: none;
    border: 2px solid #fff;
	color: #fff;

}


.dark-form textarea{
    background: #ffffff00 0% 0% no-repeat padding-box;
    box-shadow: none;
    border: none;
    border: 2px solid #fff;
	color: #fff;
}


.dark-form .wpcf7-submit{
	display: table;
    width: auto;
    margin: 0px auto;
	background: #fff!important;
	opacity: 1!important;
}


.dark-form input::-webkit-input-placeholder {
  color: rgb(255 255 255);
}

.dark-form input::-moz-placeholder { 
  color: rgb(255 255 255);
}

.dark-form input:-ms-input-placeholder {
  color: rgb(255 255 255);
}

.dark-form input:-moz-placeholder { 
  color: rgb(255 255 255);
}


.dark-form textarea::-webkit-input-placeholder {
  color: rgb(255 255 255);
}

.dark-form textarea::-moz-placeholder { 
  color: rgb(255 255 255);
}

.dark-form textarea:-ms-input-placeholder {
  color: rgb(255 255 255);
}

.dark-form textarea:-moz-placeholder { 
  color: rgb(255 255 255);
}



.new-group{
	margin-top: 60px;
}

.button-group.new-group a.butt:first-child:hover {
    background: transparent !important;
    color: #d25096!important;
    border: 2px solid #d25096!important;
}

.button-group.new-group a.butt:last-child, 
.button-group.new-group a.butt:last-child:focus, 
.button-group.new-group a.butt:last-child:active, 
.button-group.new-group a.butt:last-child:visited {
    background: transparent;
    color: #d25096;
    border: 1px solid #d25096;
}


  .balicky-header {
            background: linear-gradient(135deg, #d25096, #d25096);
            color: white;
            padding: 80px 60px;
            text-align: center;
        }

        .balicky-header h1 {
            font-size: 3.5em;
            font-weight: 300;
            letter-spacing: 2px;
            margin-bottom: 15px;
        }

        .balicky-header p {
            font-size: 1.2em;
            font-weight: 300;
            opacity: 0.95;
        }

        .balicky-wrapper {
            max-width: 1400px;
            margin: 0 auto;
            padding: 80px 60px;
            position: relative;
        }

        .slider-container {
            position: relative;
            overflow: hidden;
            padding: 0 60px;
        }

        .slider-track {
            display: flex;
            transition: transform 0.5s ease-in-out;
            gap: 40px;
        }

        .balik-item {
            background: white;
            border-radius: 0;
            overflow: hidden;
            border: 2px solid #e0e0e0;
            position: relative;
            flex: 0 0 calc(33.333% - 27px);
            min-width: 350px;
        }

        .balik-item:hover {
            box-shadow: 0 15px 50px rgba(184, 134, 11, 0.2);
        }

        .balik-foto {
            position: relative;
            width: 100%;
            padding-top: 66.67%;
            overflow: hidden;
            background: #f0f0f0;
        }

        .balik-foto img {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.4s ease;
        }

        .balik-item:hover .balik-foto img {
            transform: scale(1.05);
        }

        .foto-overlay {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: linear-gradient(to bottom, transparent 50%, rgba(0,0,0,0.3));
            opacity: 0;
            transition: opacity 0.4s ease;
        }

        .balik-item:hover .foto-overlay {
            opacity: 1;
        }

        .balik-obsah {
            padding: 35px 30px;
        }

        .balik-nazev {
            font-size: 1.8em;
            font-weight: 300;
            color: #333;
            margin-bottom: 15px;
            letter-spacing: 0.5px;
            line-height: 1.3;
        }

        .balik-popis {
            font-size: 1em;
            color: #666;
            line-height: 1.7;
            margin-bottom: 25px;
        }

        .balik-vyhody {
            list-style: none;
            margin-bottom: 25px;
        }

        .balik-vyhody li {
            display: flex;
            align-items: flex-start;
            gap: 12px;
            padding: 10px 0;
            color: #555;
            font-size: 0.95em;
            border-bottom: 2px solid #f0f0f0;
        }

        .balik-vyhody li:last-child {
            border-bottom: none;
        }

        .balik-vyhody li i {
            color: #d25096;
            font-size: 1.1em;
            margin-top: 3px;
            min-width: 20px;
        }

        .balik-paticka {
            padding: 0 30px 30px 30px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            border-top: 2px solid #f0f0f0;
            padding-top: 25px;
        }

        .balik-cena {
            font-size: 2em;
            color: #d25096;
            font-weight: 300;
        }

        .balik-cena small {
            font-size: 0.5em;
            color: #999;
            display: block;
            margin-top: 5px;
        }

        .balik-tlacitko {
            padding: 12px 30px;
            background: transparent;
            color: #d25096;
            text-decoration: none;
            font-size: 0.95em;
            text-transform: uppercase;
            letter-spacing: 1.5px;
            border: 2px solid #d25096;
            transition: all 0.3s ease;
            display: inline-block;
        }

        .balik-tlacitko:hover {
            background: #d25096;
            color: white;
        }

        .znacka-oblibene {
            position: absolute;
            top: 20px;
            right: 20px;
            background: #d25096;
            color: white;
            padding: 8px 16px;
            font-size: 0.85em;
            text-transform: uppercase;
            letter-spacing: 1px;
            z-index: 2;
            font-weight: 400;
        }

        /* Carousel Controls */
        .sipka-control {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            background: white;
            border: 2px solid #d25096;
            color: #d25096;
            width: 50px;
            height: 50px;
            border-radius: 50%;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.5em;
            z-index: 10;
            transition: all 0.3s ease;
            box-shadow: 0 5px 20px rgba(0,0,0,0.1);
        }

        .sipka-control:hover {
            background: #d25096;
            color: white;
            transform: translateY(-50%) scale(1.1);
        }

        .sipka-control.vlevo {
            left: 0;
        }

        .sipka-control.vpravo {
            right: 0;
        }

        .sipka-control:disabled {
            opacity: 0.3;
            cursor: not-allowed;
        }

        .sipka-control:disabled:hover {
            background: white;
            color: #d25096;
            transform: translateY(-50%);
        }

        /* Carousel Dots */
        .navigacni-tecky {
            display: flex;
            justify-content: center;
            gap: 12px;
            margin-top: 40px;
        }

        .tecka {
            width: 12px;
            height: 12px;
            border-radius: 50%;
            background: #ddd;
            cursor: pointer;
            transition: all 0.3s ease;
            border: 2px solid transparent;
        }

        .tecka.aktivni {
            background: #d25096;
            transform: scale(1.3);
        }

        .tecka:hover {
            background: #d4af37;
        }

        /* Responsive */
        @media (max-width: 1200px) {
            .balik-item {
                flex: 0 0 calc(50% - 20px);
                min-width: 300px;
            }
        }

        @media (max-width: 768px) {
            .balicky-header {
                padding: 60px 30px;
            }

            .balicky-header h1 {
                font-size: 2.5em;
            }

            .balicky-wrapper {
                padding: 60px 20px;
            }

            .slider-container {
                padding: 0 50px;
            }

            .balik-item {
                flex: 0 0 100%;
                min-width: 280px;
            }

            .sipka-control {
                width: 40px;
                height: 40px;
                font-size: 1.2em;
            }
        }

        .animate__animated {
            animation-duration: 0.8s;
        }




span.wpcf7-list-item {
    display: block;
    margin: 0 0 0 0;
	
}

.cf7-form input[type="checkbox"], 
.cf7-form [type="radio"]{
    width: auto;
}

.dark-form span.wpcf7-list-item {
    color: #fff;
	
}

.dark-form .wpcf7 p {
    margin-bottom: 15px;
    color: #fff;
	text-align: left;
}

    .page-header {
            background: linear-gradient(135deg, #d25096, #d25096);
            color: white;
            padding: 80px 60px;
            text-align: center;
        }

        .page-header h1 {
            font-size: 3.5em;
            font-weight: 300;
            letter-spacing: 2px;
            margin-bottom: 15px;
        }

        .page-header p {
            font-size: 1.2em;
            font-weight: 300;
            opacity: 0.95;
        }

        .packages-container {
            max-width: 1400px;
            margin: 0 auto;
            padding: 80px 60px;
        }

        .packages-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
            gap: 40px;
        }

        .package-card {
            background: white;
            border-radius: 0;
            overflow: hidden;
            transition: all 0.4s ease;
            border: 2px solid #e0e0e0;
            position: relative;
			border-radius: 16px;
        }

        .package-card:hover {
            box-shadow: 0 15px 50px rgba(184, 134, 11, 0.2);
            transform: translateY(-8px);
        }

        .package-image {
            position: relative;
            width: 100%;
            padding-top: 66.67%; /* 3:2 aspect ratio */
            overflow: hidden;
            background: #f0f0f0;
        }

        .package-image img {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.4s ease;
        }

        .package-card:hover .package-image img {
            transform: scale(1.05);
        }

        .package-overlay {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: linear-gradient(to bottom, transparent 50%, rgba(0,0,0,0.3));
            opacity: 0;
            transition: opacity 0.4s ease;
        }

        .package-card:hover .package-overlay {
            opacity: 1;
        }

        .package-content {
            padding: 35px 30px;
        }

        .package-title {
            font-size: 1.8em;
            font-weight: 300;
            color: #333;
            margin-bottom: 15px;
            letter-spacing: 0.5px;
            line-height: 1.3;
        }

        .package-description {
            font-size: 1em;
            color: #666;
            line-height: 1.7;
            margin-bottom: 25px;
        }

        .package-highlights {
            list-style: none;
            margin-bottom: 25px;
        }

        .package-highlights li {
            display: flex;
            align-items: flex-start;
            gap: 12px;
            padding: 10px 0;
            color: #555;
            font-size: 0.95em;
            border-bottom: 2px solid #f0f0f0;
        }

        .package-highlights li:last-child {
            border-bottom: none;
        }

        .package-highlights li i {
            color: #d25096;
            font-size: 1.1em;
            margin-top: 3px;
            min-width: 20px;
        }

        .package-footer {
            padding: 0 30px 30px 30px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            border-top: 2px solid #f0f0f0;
            padding-top: 25px;
        }

        .package-price {
            font-size: 2em;
            color: #d25096;
            font-weight: 300;
        }

        .package-price small {
            font-size: 0.5em;
            color: #999;
            display: block;
            margin-top: 5px;
        }

        .package-button {
            padding: 12px 30px;
            background: transparent;
            color: #d25096;
            text-decoration: none;
            font-size: 0.95em;
            text-transform: uppercase;
            letter-spacing: 1.5px;
            border: 2px solid #d25096;
            transition: all 0.3s ease;
            display: inline-block;
        }

        .package-button:hover {
            background: #d25096;
            color: white;
        }

        .badge {
            position: absolute;
            top: 20px;
            right: 20px;
            background: #d25096;
            color: white;
            padding: 8px 16px;
            font-size: 0.85em;
            text-transform: uppercase;
            letter-spacing: 1px;
            z-index: 2;
            font-weight: 400;
			border-radius: 4px;
        }

        /* Responsive */
        @media (max-width: 1200px) {
            .packages-grid {
                grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
                gap: 30px;
            }
        }

        @media (max-width: 768px) {
            .page-header {
                padding: 60px 30px;
            }

            .page-header h1 {
                font-size: 2.5em;
            }

            .packages-container {
                padding: 60px 30px;
            }

            .packages-grid {
                grid-template-columns: 1fr;
                gap: 40px;
            }
        }

        .animate__animated {
            animation-duration: 0.8s;
        }







.cf7-row {
    display: grid;
    gap: 20px;
    margin-bottom: 20px;
}

.cf7-row-2 {
    grid-template-columns: repeat(2, 1fr);
}

.cf7-col > p {
    margin: 0;
}

/* inputy */
.cf7-form input,
.cf7-form textarea,
.cf7-form select {
    width: 100%;
    box-sizing: border-box;
}

/* mobil */
@media (max-width: 768px) {
    .cf7-row-2 {
        grid-template-columns: 1fr;
    }
}




@media (min-width: 1200px) {
	.demo.desktop{
		display: block;
	}
}



@media (min-width: 768px) and (max-width: 991px) {

   	.demo.laptop{
		display: block;
	}
	
	
	.footer-top .container .row-1 {
    visibility: hidden;
    opacity: 0;
    transition: opacity .2s ease;
}

.footer-top .container .row-1.ready {
    visibility: visible;
    opacity: 1;
}
	
}





@media (min-width: 991px) and (max-width: 1199px) {
     
#media_image-2 img{
    max-width: 100%;
    height: auto;
    width: 140px;
}

	 .site-footer p {
        font-weight: 300;
        font-size: 13px;
        line-height: 23px;
    }
   
   .row .col-fifth:not(:nth-child(5n)) {
    margin-right: 5px;
}

.row .col-fifth {
    width: 100%;
    width: -webkit-calc(20% - 4px);
    width: -moz-calc(20% - 4px);
    width: calc(20% - 4px);
    float: left;
}

.row .col-fifth:nth-child(5n){
    margin-left: 10px;
}

.footer-fb {
    margin-top: 10px;
}
   
   .footer-top .row .col-fifth:first-child p {
    margin-top: 20px;
    text-align: right;
    max-width: 140px;
}
   
      .footer-top .row .col-fifth:first-child p a{
		  margin-left: 0px;
	  }
   
   
   	.demo.tablet{
		display: block;
	}
	
	
	 .newsletter-cover .header-part{
	   width: 100%;
    width: -webkit-calc(50% - 20px);
    width: -moz-calc(50% - 20px);
    width: calc(50% - 20px);
    float: left;
 }
	
}




@media (min-width: 768px) and (max-width: 1199px) {
 

   
  .row .col-two:not(:nth-child(2n)) {
    margin-right: 40px;
}

.row .col-two {
    width: 100%;
    width: -webkit-calc(50% - 20px);
    width: -moz-calc(50% - 20px);
    width: calc(50% - 20px);
    float: left;
}


.services-cover .row .col-two {
    width: 50%;
    margin: 0px;
}

 .services-cover  .row .col-two:not(:nth-child(2n)) {
    margin-right: 0px;
}

    .map-cover .row .col-two:not(:nth-child(2n)) {
        margin-right: 0px;
    }


}









@media (max-width: 767x) {
		.demo.mobile{
		display: block;
	}
}



@media (max-width: 991px) {
	
	.footer-top .cont {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin: 0 auto 20px;
}
	
	 .map-cover .row .col-two:not(:nth-child(2n)) {
        margin-bottom: 40px;
    }
	
	
	.inside-overlay{
		padding-left: 30px;
		padding-right: 30px;
	}
	
	.row .col-fifth:not(:nth-child(5n)) {
    margin-right: 0px;
}

	.row .col-fifth:not(:nth-child(3n)) {
    margin-right: 20px;
}


.row .col-fifth {
    width: 100%;
    width: -webkit-calc(33.3333% - 13.333px);
    width: -moz-calc(33.3333% - 13.333px);
    width: calc(33.3333% - 13.333px);
    float: left;
}

.footer-top .container .row {
    display: block;
    flex-direction: row;
}
	
	
	
	
	.services-cover .row {
    margin-top: 40px;
}
	
	.has-pattern .inner-container-large {
    margin-top: 20px;
}
	
	
	.standard.has-background {
    padding: 100px 0px;
}
	
  .grid-container {
    grid-template-columns: repeat(2, 1fr);
  }
  
 .newsletter-cover .row .col-two:not(:nth-child(2n)) {
        margin-right: 0px;
    }
	
	   .newsletter-cover .row .col-two {
        width: 100%;
        float: left;
    }
	
	    .services-cover .row:nth-child(even) .text-part {
        padding-right: 0px;
        padding-top: 30px!important;
    }
 
}


    @media (max-width: 768px) {
            .hero-title {
                font-size: 2.5rem;
            }

            .hero-text {
                font-size: 1rem;
            }

            .hero-buttons {
                flex-direction: column;
            }

            .btn {
                width: 100%;
                text-align: center;
            }
			
			
			
        }









@media (min-width: 1401px){
.small-logo img{
	margin-top: -30px;
}
}
	
@media (max-width: 1900px) {
.in-carousel-content {
    top: 220px;
   
}
}	

  @media (max-width: 1800px) {
.this-is-home .container {
   	    max-width: 100%;
    max-width: -webkit-calc(100% - 160px);
    max-width: -moz-calc(100% - 160px);
    max-width: calc(100% - 160px);
}
}


@media (max-width: 1660px) {
	.main-navigation ul {

    float: left;
}





.in-carousel-content {
    position: absolute;
    top: 180px;
    left: 0px;
    right: 0px;
    margin: 0px auto;
  /*  max-width: 80%; */
}
}	


	
  
  @media (max-width: 1599px) {
  


.header-search {
    margin-left: 90px;
}
  
  
.row .col-two.footer-first{
       width: 100%;
    width: -webkit-calc(60% - 40px);
    width: -moz-calc(60% - 40px);
    width: calc(60% - 40px);
}

.row .col-two.footer-second{
       width: 100%;
    width: -webkit-calc(40% - 40px);
    width: -moz-calc(40% - 40px);
    width: calc(40% - 40px);
}

.over-title{
font-size: 20px;
    height: 50px;
    line-height: 50px;
    
        max-width: 100%;
    max-width: -webkit-calc(100% - 80px);
    max-width: -moz-calc(100% - 80px);
    max-width: calc(100% - 80px);
}



}





 @media (max-width: 1580px) {
.main-navigation li:not(:last-child) {
    margin-right: 40px;
}


.blog-right-part-in {
    max-width: 633px;
	padding-right: 40px;
}

}



  @media (max-width: 1514px) {



.is-image {
    display: block;
    min-height: 434px;
    position: relative;
}

}
  
  
    @media (max-width: 1420px) {
 .in-carousel-content {
    top: 120px;
	width: 200px;
width: -webkit-calc(100% - 30px);
width: -moz-calc(100% - 30px);
width: calc(100% - 30px);


} 
} 
  
  
  
  @media (max-width: 1399px) { 
  .triple-left .main-navigation {
    margin-right: 0px;
}

.triple-right .main-navigation {
    margin-left: 0px;
}

  
  .logos .is-logo{
	    width: 25%;
    float: left;
    position: relative;
    height: 200px;
}

.logos .is-logo img {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    min-height: 20px;
    left: 0px;
    right: 0px;
    max-width: 100%;
    max-width: -webkit-calc(100% - 40px);
    max-width: -moz-calc(100% - 40px);
    max-width: calc(100% - 40px);
}
  
  
  .home-box {
    position: absolute;
    left: 0px;
    right: 0px;
    margin: 0px auto;
    bottom: 200px;
    max-width: 500px;
}
  
  .site-content .slogan h3 {
    font-size: 34px;
    line-height: 36px;
    margin: 0px;
    font-weight: 800;
}

  
  .main-navigation li:not(:last-child) {
    margin-right: 20px;
}
  
  
  .blue-part img {
    max-height: 80px;
    margin: 0px auto 20px;
    display: block;
}
  
  .top-image {
    background-attachment: scroll;
	background-position: 50% 50%;
}
  
     .header-search input[type="search"] {
    max-width: 73px;
}
  
  
  
  .row.is-person .col-two:not(:nth-child(2n)) {
    margin-right: 20px;
}

.row.is-person .col-two {
    width: 100%;
    width: -webkit-calc(50% - 10px);
    width: -moz-calc(50% - 10px);
    width: calc(50% - 10px);
    float: left;
}
  
  


.header-search {
    margin-left: 0px;
}



.header-search {
    margin-left: 30px;
}
  
  
  .home-second .has-bg ul {
    left: 30px;
}

.partner-second .has-bg ul {
    left: 30px;
}
  
.footer-cols .col-two:first-child {
    width: 100%;
    width: -webkit-calc(53% - 10px);
    width: -moz-calc(53% - 10px);
    width: calc(53% - 10px);
    float: left;
}

ul#menu-social-networks li {
    float: left;
    list-style-type: none;
    text-indent: -9999px;
    margin-right: 10px;
}


.site-footer .row .col-two:not(:nth-child(2n)) {
    margin-right: 20px;
}  

.footer-cols .col-two:last-child {
    width: 100%;
    width: -webkit-calc(47% - 10px);
    width: -moz-calc(47% - 10px);
    width: calc(47% - 10px);
    float: left;
}

.site-footer .row .col-two.footer-first {
    width: 100%;
    width: -webkit-calc(60% - 10px);
    width: -moz-calc(60% - 10px);
    width: calc(60% - 10px);
}

.site-footer .row .col-two.footer-second {
    width: 100%;
    width: -webkit-calc(40% - 10px);
    width: -moz-calc(40% - 10px);
    width: calc(40% - 10px);
}

.site-content .home-partner h3 br{
display: none;
}
}
  
  
  
  @media (max-width: 1199px) and (min-width: 992px){
	    
    .has-gradient p br{
	  display:none;
  }
	  
	  .contact-second .row .col-two{
width: 100%;
width: -webkit-calc(50% - 50px);
width: -moz-calc(50% - 50px);
width: calc(50% - 50px);
float: left;
}

.contact-second .row .col-two:not(:nth-child(2n)){
 margin-right: 100px;
}


.contact-second .wpcf7 .row .col-two{
width: 100%;
width: -webkit-calc(50% - 10px);
width: -moz-calc(50% - 10px);
width: calc(50% - 10px);
float: left;
}

.contact-second .wpcf7 .row .col-two:not(:nth-child(2n)){
 margin-right: 20px;
}

.contact-second .col-two:first-child{
	padding-top: 100px;
}

.contact-second .wpcf7 .col-two:first-child{
	padding-top: 0px;
}

	  
	  
	  
	  
    .footer-copyright ul li {
    list-style-type: none;
    display: block;
}

.site-footer .footer-copyright ul {
    float: right;
    margin-top: 0px;
}

.footer-copyright li:not(:first-child):before{
display: none;
}
}  
  
  
  @media (max-width: 1199px) { 
  
  .header-butt{
	right: 100px;
}
  
   .site-branding svg {
float: left;
    max-width: 180px;
	height: auto;
}
  
  .site-branding a {

    padding: 0px 0px;
}
  
    .burgwrapp {
     width: 100%;
     position: relative;
}

.wrapp {
    position: absolute;
    top: 45px;
    z-index: 9;
right: 0px;
}



 .burgmenu {
     width: 30px;
     height: 40px;
     cursor: pointer;
     position: relative;
}
 .burgwrapp {
   /*  position: relative;       */
   position: static;
}
.bar1, .bar2, .bar3 {
    position: absolute;
    left: 0px;
    right: 0px;
    margin: auto;
    width: 30px;
    height: 1px; 
    background-color: #d25096;
    font-size: 10px;
    padding: 0;
    appearance: none;
    transition: all 0.2s ease-in;
    transform: rotate(0deg);
}


.bar2{
	width: 15px;
	left: auto;
}


/* PŮVODNÍ ROZESTUPY ZACHOVÁNY */
.bar1 {
    top: 6.5px;
}

.bar2 {
    top: 17.5px;
}

.bar3 {
    top: 28.5px;
}

/* AKTIVNÍ STAV – opticky zarovnáno pro 1px čáry */
.bar1.active {
    top: 18px; /* původní hodnota zachována */
    transform: rotate(-135deg);
}

.bar2.active {
    left: 40px;
    background-color: transparent;
	display: none;
}

.bar3.active {
    top: 18px; /* původní hodnota zachována */
    transform: rotate(135deg);
}


.bar1.active, .bar2.active, .bar3.active{
color: #fff;
}

.bar1.active, .bar3.active{
	        background-color: #d25096;
}

 .site-header {
     top: 0;
     left: 0;
     width: 100%;
    
     z-index: 9999;
}
 .site-header.scrolled {
     transition: all 1s ease;
}
 .site-header.scrolled:hover {
     opacity: 1;
}
 .overlay {
     height: 100%;
     width: 0;
     position: fixed;
     z-index: 1;
     left: -30px;
     top: 0px;
	
     overflow-x: hidden;
     transition: 0.5s;
	 
	 background-color: rgb(255 255 255 / 98%);
}

.main-navigation li.current_page_item a {
    color: #d25096;
    border-top: 2px solid transparent!important;
}

.main-navigation a:hover, .main-navigation li.current_page_item a {
    color: #d25096;
    border-top: 2px solid  transparent!important;
}

#cookie-law-info-again{
	left: 30px!important;
}

.overlay-content .site-branding svg{
	max-width: 180px;
	height: auto;
}

 .overlay-content {
     position: relative;
     top: 20px;
     width: 100%;
     text-align: left;
}
 .overlay a, 
  .overlay a:focus, 
   .overlay a:visited, 
    .overlay a:active  {
/* color: #ffffff;
        display: table;
font-size: 18px;
font-weight: 300;
line-height: 40px;
text-transform: uppercase; */

}

.overlay .site-branding a {
    display: block;
    padding: 0px 0px;
}


    .overlay a.butt, .overlay a.butt:focus, .overlay a.butt:visited, .overlay a.butt:active {
        color: #d25096;
        display: table;
        font-size: 14px;
        font-weight: 300;
        line-height: 1.2em;
        text-transform: uppercase;
		margin: 30px 0px;
		    letter-spacing: 0.02em;
    padding: 13px 20px;
    }
	
	 .overlay a.butt:hover{

        display: table;
        font-size: 14px;
        font-weight: 300;
        line-height: 1.2em;
        text-transform: uppercase;
		    letter-spacing: 0.02em;
    padding: 13px 20px;
	 }
	

.main-navigation li.menu-item-has-children:before{
	display: none;
}

 .overlay a:hover{
     border-bottom: 0px transparent;
}
 .overlay-content #primary-menu{

}

.main-navigation ul {
    margin-top: 0px;
}


 .overlay a:hover {
     opacity: 1;
     -webkit-transition: all ease .8s;
     -moz-transition: all ease .8s;
     transition: all ease .8s;

}
 .overlay ul ul a {

}
 .overlay ul ul li {
     list-style-type: none;
     display: inline;
}
 .overlay ul ul li:not(:first-child):before {
     content: "|";
     opacity: 0.4;
     color: #ffffff;
     vertical-align: top;
     margin-right: 8px;
     margin-left: 8px;
}

 .main-navigation ul ul a {
     display: inline;
}
 .overlay-full {
   /*  width: 100% !important;  */       
 	height: 10000px !important;
/*	width: calc(100% + 60px) !important;
    left: -30px; */
	
	        width: calc(100% + 120px) !important;
        left: -45px;
	
	
	    color: var(--df-text);
    font-family: "Jost";
    background: radial-gradient(ellipse 55% 65% at 85% 8%, rgba(210, 80, 150, 0.10) 0%, transparent 55%), radial-gradient(ellipse 45% 55% at 10% 25%, rgba(123, 63, 160, 0.10) 0%, transparent 55%), linear-gradient(180deg, #130c18 0%, #0d0810 28%, #0b0710 100%);
}

.main-navigation li:not(:last-child) {
    margin-right: 0px;
}

 .main-navigation ul {
     display: none;
}

.main-navigation li {
    float: none; 
	margin-bottom: 10px;
}

 .overlay-content .main-navigation ul {
     display: block;
     float: none;
     width: 100%;

margin-left: auto;
margin-right: auto;
display: block;
}
 .overlay a:focus{
     outline: none;
}
 .main-navigation ul ul a:hover {
     -webkit-transition: all ease .8s;
     -moz-transition: all ease .8s;
     transition: all ease .8s;
     opacity: 0.8;
}
 .overlay .current_page_item a {
     color: rgba(255, 255, 255, 0.8);
}

 .overlay-content .main-navigation ul ul {
     position: absolute;
     top: 0px;
     left: 181px;
     margin-left: 0px;
     width: 100%;
     width: -webkit-calc(100% - 181px);
     width: -moz-calc(100% - 181px);
     width: calc(100% - 181px);
}
 .main-navigation ul ul li {
     float: left;
     position: static;
}
 .overlay a:hover, .overlay a:focus {
     color: #d25096;
}
 .overlay .closebtn {
     position: absolute;
     top: 20px;
     right: 45px;
     font-size: 60px;
}
 footer.entry-footer{
     display: none;
}
 .main-navigation ul ul li {
     float: left;
}
 iframe {
     vertical-align: top;
}

span.wpcf7-list-item{
  margin-left: 0px;
}

.bar2.active{
        color: transparent!important;
    }


.main-navigation {
        width: 100%;
        width: -webkit-calc(100% - 60px) !important;
        width: -moz-calc(100% - 60px)!important;
        width: calc(100% - 60px) !important;
        float: none;
        margin-left: 45px !important;
        margin-right: auto !important;
        display: block;
        margin-top: 80px;
}

 .wrapp {
      top: 25px;
}
  
  .wrapp {
right: 0px; 
       top: 25px;
}
  
  .change .wrapp {
right: 0px; 
        top: 32px;
}
  
  .site-branding a{
	  margin-top: 5px;
  }
  
  
  
  
  
  .last-footer {
    margin-left: 0px;
}
  
  .standard.has-background {
    padding: 120px 0px 100px;
}
  
  
  
  .site-footer p {
    font-weight: 300;
    font-size: 14px;
    line-height: 24px;
}

 .site-footer ul li{
	    font-size: 14px;
    line-height: 24px; 
 }
  
  
  .blog-right-part-in {
    max-width: 100%;
    padding-right: 0px;
}

.site-content .blog-right-part h3{
	 margin-bottom: 20px;
 }
  
.blog-left-part {
    display: none;
}

.blog-right-part {
    width: 100%;
}

.one-product .container {
    max-width: 930px;
}
  
  .slogan{
	  margin-right: 30px;
  }
  
  .footer-1 {
    float: left;
    width: 18%;
    float: left;
}

.footer-2 {
    float: left;
    width: 33%;
    float: left;
}

.footer-3 {
    float: left;
    width: 20%;
    float: left;
}


  
  .is-image {
    display: block;
    min-height: 334px;
    position: relative;
}

  
  .watch .container h3 {
    text-align: left;
 
    letter-spacing: 0px;
    color: #050505;
    opacity: 1;
    margin-bottom: 0px;
}
  
  .in-carousel-content {
    top: 60px;
    width: 200px;
    width: -webkit-calc(100% - 50px);
    width: -moz-calc(100% - 50px);
    width: calc(100% - 50px);
}
  
  a.butt, a.butt:focus, a.butt:active, a.butt:visited, button, button:focus, button:active, button:visited, input[type="button"], input[type="button"]:focus, input[type="button"]:active, input[type="button"]:visited, input[type="reset"], input[type="reset"]:focus, input[type="reset"]:active, input[type="reset"]:visited, input[type="submit"]:not(.search-submit), input[type="submit"]:not(.search-submit):focus, input[type="submit"]:not(.search-submit):active, input[type="submit"]:not(.search-submit):visited{
	width: auto;	  
  }
  
  a.butt.dark, a.butt.dark:focus, a.butt.dark:active, a.butt.dark:visited, button, button:focus, button:active, button:visited, input[type="button"], input[type="button"]:focus, input[type="button"]:active, input[type="button"]:visited, input[type="reset"], input[type="reset"]:focus, input[type="reset"]:active, input[type="reset"]:visited, input[type="submit"]:not(.search-submit), input[type="submit"]:not(.search-submit):focus, input[type="submit"]:not(.search-submit):active, input[type="submit"]:not(.search-submit):visited{
	width: auto;	  
  }
  
    .blue-part img {
    max-height: 69px;
    margin: 0px auto 20px;
    display: block;
}
  
  .is-footer-shorter {
    width: 25%;
    float: left;
}

.is-footer-longer {
    width: 25%;
    float: left;
}

.is-footer-longer .is-in {
    margin-left: 0px;
}
  
  .over-title {
    font-size: 16px;
    height: 50px;
    line-height: 50px;
    max-width: 100%;
    max-width: -webkit-calc(100% - 40px);
    max-width: -moz-calc(100% - 40px);
    max-width: calc(100% - 40px);
}
  
  .slick-dots li button {
    width: 50px!important;
    height: 10px!important;
    background-color: #000000!important;
}

.slick-dots li {
width: 50px!important;
    margin: 0 8px!important;
}
  
  
  
  .header-search input[type="search"] {
    max-width: 120px;
}

  .main-navigation ul {
    margin-left: 30px;
}


.site-footer .row .col-two.footer-first {
    width: 100%;
    width: -webkit-calc(75% - 10px);
    width: -moz-calc(75% - 10px);
    width: calc(75% - 10px);
}

.site-footer .row .col-two.footer-second {
    width: 100%;
    width: -webkit-calc(25% - 10px);
    width: -moz-calc(25% - 10px);
    width: calc(25% - 10px);
}
  
  



.overtitle {
    font-size: 20px;
    line-height: 30px;
}

  .home-second .has-bg ul li {
    padding-right: 0px;
}

.partner-second .has-bg ul li{
    padding-right: 0px;
}

.site-content h2 br{
display: none;
}


.site-footer .row .col-fourth:not(:nth-child(4n)) {
   margin-right: 40px; 
}



.home-partner .col-fourth img{
width: 100%;
}

.home-partner .col-fourth{
margin-bottom: 50px;
}





.header-left{
	
}



.main-navigation li:not(:last-child) {
    margin-right: 0px;
}

.main-navigation ul {
    margin-left: 0px;
}




.header-search{
display: none;
}

.carousel .slick-slide {
    margin: 0 10px;
}

.carousel .slick-list {
    margin: 0 -10px;
}


.main-navigation {
 /*   clear: both;
    display: block;
    float: right;
    width: auto; */
}

.top-bar ul li {
    color: #000;
    font-size: 16px;
    font-weight: 300;

}
} 



@media (min-width: 1200px) {
.only-mobile{
   display: none;
}
}




@media (max-width: 991px) {

.map-cover .services-cover .row:nth-child(odd) .text-part {
    padding-right: 0px;
    padding-top: 0px;
    padding-left: 0px;
}

.standard.has-background {
    padding: 70px 0px 50px;
}

.row .col-three:not(:nth-child(3n)) {
    margin-right: 20px;
}

.row .col-three {
    width: 100%;
    width: -webkit-calc(33.3333333333% - 13.33px);
    width: -moz-calc(33.3333333333% - 13.33px);
    width: calc(33.3333333333% - 13.33px);
    float: left;
}


	
	.services-cover .row:nth-child(even) .text-part{
	padding-right: 0px;
	padding-top: 60px;
}

.services-cover .row:nth-child(odd) .text-part{
	padding-left: 0px;
	padding-top: 60px;
}
	
	
	.site-footer .footer-bottom {
    padding: 20px 0px 80px;
}
	
.col-sm-2.small-logo{
	display: none;
}
	
.home-start p {
    text-align: left;
}

	  .home-box {
     margin-left: 0;
	 left: 0;
    }
	
	
	.blue-part .butt{
		float: left;
	}
	
	.contact-right {
    padding-top: 40px;
}
	
	.contact-second {
    background: #d8d8d8;
    position: relative;
}

.contact-second:before {
    background: transparent;
}
	
	
.one-product .container {
        max-width: 737px;
}


	.logos .is-logo {
    width: 25%;
    float: left;
    position: relative;
    height: 160px;
}
	
	.small-logo img{
		float: left;
	}
	
	
	.logo-part .col-sm-8 {
    width: 100%;
}


.designer .else-contain {
    display: block;
    flex-direction: row;
	
}





.designer .container {
    max-width: 737px;
}

.slogan-cover {
    position: static;
    bottom: 0px;
    max-width: 100%;
	margin-top: 30px;
}
	
	
		.site-content h2.product-title {
    text-align: center;

    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
    margin: 40px 0px 40px 0px;
}
	
	
	a.pseudo-butt, a.pseudo-butt:focus, a.pseudo-butt:visited, a.pseudo-butt:active{
		margin-top: 30px;
	}
	
	.this-is-home .col-sm-4 {
    margin-bottom: 40px;
}
	
	  .is-image {
    display: block;
    min-height: 234px;
    position: relative;
}
	
	.site-content .about h1 {
    margin-bottom: 40px;
}
	
	.about {
    margin: 40px 0px 40px 0px;
}
	
	.site-content .blog-right-part h3 {
    text-align: left;

    letter-spacing: 0px;
    color: #050505;
    opacity: 1;
}
	
	.watch .container .row.rows {
    margin-bottom: 40px;
}
	
	a#myBtn, a#myBtn:focus, a#myBtn:visited, a#myBtn:active{
		margin: 40px auto;
	}
	
	.watch {
    margin-top: 40px;
}

	
	
.butt.home{
	margin-top: -150px;
    z-index: 999999;
    position: relative;
	margin-bottom: 104px;
}
	
	.contain {
    display: block;
    flex-direction: row;
    margin-top: -56px;
}
	  
    .blue-part img {
    max-height: 51px;
    margin: 0px auto 20px;
    display: block;
}

.products .col-sm-3 {
    width: 50%;
	float: left;
}

.is-footer-shorter {
    width: 50%;
    float: left;
}

.is-footer-shorter {
    width: 50%;
    float: left;
}

.is-footer-longer {
    width: 50%;
    float: left;
}

.top-bar{
display: none;
}


.sub-menu li:before{
display: none;
}

.sub-menu{
display: none!important;
}

.sub-menu .sub-menu{
display: none!important;
}

.overlay-content .main-navigation ul ul{
display: none!important;
}


.over-title {
    font-size: 14px;
    height: 50px;
    line-height: 50px;
    max-width: 100%;
    max-width: -webkit-calc(100% - 20px);
    max-width: -moz-calc(100% - 20px);
    max-width: calc(100% - 20px);
}


    .site-content h1 {
    font-size: 32px;
    line-height: 41px;
    word-wrap: break-word;
} 

  .site-content h2 {
   font-size: 25px;
        line-height: 34px;
    word-wrap: break-word;
}



.site-content h3{
    font-size: 23px;
    line-height: 32px;
    word-wrap: break-word;
	 font-family: "Cormorant Garamond", Georgia, serif;
    font-weight: 600;
    line-height: 1.1;
}

.site-content h4{
    font-size: 23px;
    line-height: 32px;
    word-wrap: break-word;
}

.site-content h5{
    font-size: 18px;
    line-height: 27px;
    word-wrap: break-word;
}



.partner-second .has-bg ul {
    left: 0px;
    padding: 0 20px;
    width: 100%;
}

.partner-second .has-bg ul li{
     line-height: 28px;
    padding: 10px 0px;
        font-size: 20px;
}

  .home-second .has-bg ul {
    left: 0px;
    padding: 0 20px;
    width: 100%;
}

.home-second .has-bg ul li{
      line-height: 28px;
    padding: 10px 0px;
    font-size: 20px;
}


	.site-content .in-carousel-content p {
    text-align: center;

    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}

.site-content .in-carousel-content h4 {
    text-align: center;

    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    margin-bottom: 13px;
}

.site-content h2.product-title {
    margin: 30px 0px 30px 0px;
}

  .row.is-person .col-two:not(:nth-child(2n)) {
    margin-right: 0px;
}

.row.is-person .col-two {
    width: 100%;
    float: left;
}

.one-product {
    padding: 50px 0px 50px 0px;
}

.persons-bottom {
    padding: 50px 0px 50px 0px;
}

.regular {
    padding: 50px 0px 50px 0px;
}

.blue-part {
    padding: 50px 0px 50px 0px;
}

.site-content .home-fourth {
    padding: 50px 0px 50px 0px;
}

.site-content .home-finfth {
    padding: 50px 0px 50px 0px;
}

.standard {
     padding: 70px 0px 70px 0px;
}

.footer-top {
    padding: 70px 0px 70px 0px;
}

.products-text {
    padding: 50px 0px 50px 0px;
}

.partner {
      padding: 50px 0px 50px 0px;
}

.contact-first {
   padding: 50px 0px 50px 0px;
}

.products-items {
    padding-bottom: 20px;
}

.company {
    padding: 50px 0px 50px 0px;
}

.partner-second {
    padding: 50px 0px 50px 0px;
}

.partner .short-left {
    width: 200px;
    float: left;
}

.partner .short-left img {
    max-width: 80%;
}

.partner .long-right {
    width: 100%;
    width: -webkit-calc(100% - 200px);
    width: -moz-calc(100% - 200px);
    width: calc(100% - 200px);
    float: left;
}

.header-left {
    margin-top: 0px;
}

.site-content{
margin-top: 0px;
}

.site-branding a {
    margin-top: 0px;
}


.header-search {
    margin-top: 26px;
}

.header-switcher {
    margin-top: 12px;
}

   .site-branding a {
     margin-top: 0px;
}




.site-header .container{
position: relative;
}

.only-desktop{
display: none;
}

.row.home-partner .col-fourth {
    width: 100%;
    width: -webkit-calc(50% - 20px);
    width: -moz-calc(50% - 20px);
    width: calc(50% - 20px);
    float: left;
}

.row.home-partner .col-fourth:not(:nth-child(2n)){
        margin-right: 40px;
}

.row .col-fourth:not(:nth-child(4n)) {
    margin-right: 0px;
}


.site-footer .row .col-two.footer-first {
    width: 100%;
}

.site-footer .row .col-two.footer-second {
    width: 100%;
}

.site-footer .footer-copyright ul {
    float:left;
margin-top: 40px;
}


.row .col-two{
    margin-right: 40px;
}

.row .col-two:nth-child(2n){
    margin-right: 0px;
}


.row .col-two {
    width: 100%;
    width: -webkit-calc(50% - 20px);
    width: -moz-calc(50% - 20px);
    width: calc(50% - 20px);
    float: left;
}




.services-cover .row .col-two:not(:nth-child(2n)) {
    margin-right: 0px;
}

.services-cover .row .col-two {
    width: 100%;
    float: left;
}










  .header-switcher {
    margin-right: 60px;
}




  



.home-box {
    right: 0px;
    bottom: 80px;

	top: auto;
}








.change .header-left {
    margin-top: 0px;
}


/*
	.header-right {
    width: 100%;
    width: -webkit-calc(100% - 261px);
    width: -moz-calc(100% - 261px);
    width: calc(100% - 261px);
    float: left;
}

.header-left {
    width: 261px;
    float: left;
}

	.change .header-right {
    width: 100%;
    width: -webkit-calc(100% - 261px);
    width: -moz-calc(100% - 261px);
    width: calc(100% - 261px);
    float: left;
}

.change .header-left {
    width: 261px;
    float: left;
}
*/


.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit:active, .woocommerce a.button:active, .woocommerce button.button:active, .woocommerce input.button:active, .woocommerce #respond input#submit:visited, .woocommerce a.button:visited, .woocommerce button.button:visited, .woocommerce input.button:visited, .woocommerce #respond input#submit:focus, .woocommerce a.button:focus, .woocommerce button.button:focus, .woocommerce input.button:focus{
border: 2px solid #000;
}


.top-image-home {
    height: 40vh;
    background-repeat: no-repeat;
    background-position: bottom center;
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: relative;
    width: 100%;
	min-height: 600px;
}	



.is-rel {
    position: relative;
    height: 40vh;
		min-height: 600px;
}

.home-box {
 
    bottom: 60px;
    max-width: 100%;
    z-index: 999999999;
}

.site-branding img {
    vertical-align: middle;
}


}


@media (max-width: 884px) {
.footer-bottom {
    padding: 20px 0px 80px;
}
}
 
@media (min-width: 768px) {
  .home-image .home-image-cover{
   background: transparent!important;
}
}



@media (max-width: 767px) {
	
	    .footer-top .cont {
        grid-template-columns: 1fr;
    }
	
    .site-footer .row .col-two:not(:nth-child(2n)) {
        margin-right: 0px;
    }

    .row .col-two {
        width: 100%;
        float: left;
    }
	
	.last-footer p {
    color: #d25096 !important;
    text-align: left !important;
}
	
	    .last-footer {
        margin-left: 0px;
		margin-bottom: 15px!important;
    }
	
	.last-footer ul {
    text-align: left;
}
	
	.photo {
 position: static;
}

.photo1{
	margin-top: 30px;
	 max-width: 90%;
}

.photo2{
	float: right;
	max-width: 70%;
	margin-top: -100px;
}

.photo-stack {
    position: relative;
    width: 100%;
    max-width: 100%;
    height: auto;
    margin-left: 0px;
margin-right: auto;
}

	    .services-cover .row .col-two {
        margin-bottom: 0px;
    }
	
	    .services-cover .row .col-two:not(:nth-child(2n)) {
        margin-right: 0px;
        margin-bottom: 0px;
    }
	
	
	    .services-cover .row .text-part {
        padding-left: 0px;
        padding-top: 30px;
		margin-bottom: 30px;
    }
	
	
	.slideshow-container {
    position: relative;
    width: 100%;
    height: 100vh;
    min-height: 700px;
    overflow: hidden;
}
	
	.slide {
    min-height: 700px;
}
	
	.footer-top {
        padding: 40px 0px 40px 0px;
    }
	
	.logos-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    align-items: center;
    justify-items: center;
    padding: 20px 0;
    margin: 0 auto;
    max-width: 100%;
}

	.logos-wrapper svg {
    width: 100%;
    height: auto;
    max-width: 200px; /* volitelné, zabrání extrémnímu růstu */
   
}
	
	
	.row-1{
		margin-bottom: 30px;
	}
	
	.map-cover .services-cover .row:nth-child(odd) .text-part {
    padding-right: 0px;
    padding-top: 0px;
    padding-left: 0px;
}
	
	.item {
    margin-bottom: 20px;
}
	
	.footer-top .col-fourth{
		margin-bottom: 40px;
	}
	
	
	    .site-footer .row .col-fourth:not(:nth-child(4n)) {
        margin-right: 0px;
    }
	
    .site-branding img {
        max-width: 200px;
    }
    
    
    .header-left{
    width: 250px;
    float: left;

}


.header-right{
    width: 100%;
    width: -webkit-calc(100% - 250px);
    width: -moz-calc(100% - 250px);
    width: calc(100% - 250px);
    float: left;
}
    
    
	.top-image {
    height: 300px;
}
	
	.wpcf7 .row .col-two:not(:nth-child(2n)) {
        margin-right: 0px;
        margin-bottom: 0px;
    }
	
	
	.is-not-slogan{
	padding: 0px;
	margin-bottom: 40px;
	}
	
	.footer-1 img {
    margin-bottom: 0px;
	    margin-bottom: 0;
}


	
	
	    .logos .is-logo{
	    width: 50%;
    float: left;
    position: relative;
    height: 200px;
}

.logos .is-logo img {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    min-height: 20px;
    left: 0px;
    right: 0px;
    max-width: 100%;
    max-width: -webkit-calc(100% - 80px);
    max-width: -moz-calc(100% - 80px);
    max-width: calc(100% - 80px);
}
	

.row .two-of-three{
width: 100%;
float: left;
 margin-right: 0px;
}

.row .one-of-three{
width: 100%;
float: left;
}

	
	
	

	.is-image{
		min-height: 0px;
	}
	
	.this-is-home .col-sm-4 {
    margin-right: 100px;
    width: 100%;
}
	.is-image img {
     position: static;
    bottom: 0px;
}
	
	a.scroll-down, a.scroll-down:focus, a.scroll-down:visited, a.scroll-down:active, a.scroll-down:hover {
    top: 375px;
	z-index: 9999!important;
}

.blog-left-part {
    width: 100%;
    float: left;
    margin-right: 0px;
}



	.blog-right-part-in {
    max-width: 100%;

		width: 100%;
		
		    width: -webkit-calc(100% - 60px);
    width: -moz-calc(100% - 60px);
    width: calc(100% - 60px);
	margin: auto;
}


.else-contain {
    display: block;
    flex-direction: row;
}

.slogan-cover{
	position: static;
	margin-top: 30px;
}


.blog-right-part {
    width: 100%;
    float: left;
}

	
	.watch .container .blog-right {
    width: 100%;

    float: left;
}
	
	
	.in-right {
    max-width: 100%;

		width: 100%;
		
		    width: -webkit-calc(100% - 80px);
    width: -moz-calc(100% - 80px);
    width: calc(100% - 80px);
	
	margin-left: auto;
	margin-right: auto;
}

.watch .container .blog-left{
	margin-bottom: 30px;
}
	
	.watch .container .blog-left {
    width: 100%;

    float: left;
}



.footer-top .container .row {
    display: block;
}

#menu-social-networks {
    margin-top: 20px;
}

.footer-top .container .row .footer-1, .footer-top .container .row .footer-2, .footer-top .container .row .footer-3 {
    width: 100%;
    float: left;
    margin-bottom: 30px;
}

.footer-1 img {
    max-width: 100%!important;
}

.footer-1 img {
    position: static;
}

.over-title {
    font-size: 20px;
    height: 50px;
    line-height: 50px;
    max-width: 100%;
    max-width: -webkit-calc(100% - 80px);
    max-width: -moz-calc(100% - 80px);
    max-width: calc(100% - 80px);
}

 .home-box {
    right: 0px;
    bottom: 40px;
    max-width: 100%;
   
}

.home-box{
	left: 0px;
}


.partner-second .has-bg{
    margin-top: 50px;
}

.home-second .has-bg {
    margin-top: 50px;
}

 .contactform-title {
    margin-top: 30px;
}

 .partner .short-left {
    width: 100%;
    float: left;
}

.partner .short-left img {
    max-width: 100%;
    margin-bottom: 30px;
}

.partner .long-right {
    width: 100%;
    float: left;
}





    .container{
  	max-width: 100%;
	max-width: -webkit-calc(100% - 60px);
	max-width: -moz-calc(100% - 60px);
	max-width: calc(100% - 60px);   
    }
	
	
	.designer .container {
    max-width: 100%;
    max-width: -webkit-calc(100% - 60px);
    max-width: -moz-calc(100% - 60px);
    max-width: calc(100% - 60px);
}
	
	.one-of-three{
		margin-top: 30px;
	}

.row .col-two{
width: 100%;
}

.row .col-two:not(:nth-child(2n)){
 margin-right: 0px;
 margin-bottom: 30px;
}

.row .col-three{
width: 100%;
}

.row .col-three:not(:nth-child(3n)){
 margin-right: 0px;
}



.row .col-fourth{
width: 100%;
}

.row .col-fourth:not(:nth-child(4n)){
 margin-right: 0px;
}

a.butt, a.butt:focus, a.butt:active, a.butt:visited, button, button:focus, button:active, button:visited, input[type="button"], input[type="button"]:focus, input[type="button"]:active, input[type="button"]:visited, input[type="reset"], input[type="reset"]:focus, input[type="reset"]:active, input[type="reset"]:visited, input[type="submit"]:not(.search-submit), input[type="submit"]:not(.search-submit):focus, input[type="submit"]:not(.search-submit):active, input[type="submit"]:not(.search-submit):visited{
	height: auto!important;
	line-height: normal!important;
	padding-top: 10px!important;
	padding-bottom: 10px!important;
}


}



   @media (max-width: 620px) {
	   
	   
	   	.slideshow-container {
    position: relative;
    width: 100%;
    height: 100vh;
    min-height: 1000px;
    overflow: hidden;
}
	
	.slide {
    min-height: 1000px;
}
	   
	   
	   
   
   #media_image-2 {
    max-width: 200px;
    margin-left: 0px;
	margin-right: auto;
}

.footer-top .row .col-fifth:first-child p {
    margin-top: 20px;
    text-align: left;
}


.footer-top .row .col-fifth:not(:last-child){
	margin-bottom: 30px;
}





   
       .row .col-fifth:not(:nth-child(3n)) {
        margin-right: 0px;
    }
   
   
       .row .col-fifth {
        width: 100%;

        float: left;
    }
   
   
   
   
   
   
   
   .home-box-in h1{
	   padding: 0px;
   }
   
   .over-title {
    font-size: 16px;
    height: 50px;
    line-height: 50px;
    max-width: 100%;
    max-width: -webkit-calc(100% - 40px);
    max-width: -moz-calc(100% - 40px);
    max-width: calc(100% - 40px);
}
   
   
   .row.home-partner .col-fourth {
    width: 100%;
    float: left;
}
   
   .row.home-partner .col-fourth:not(:nth-child(2n)) {
    margin-right: 0px;
}
   
   
  .header-search{
  display: none;
  }
  
  .footer-cols .col-two:first-child {
    width: 100%;
    float: left;
    margin-bottom: 30px;
}

.site-footer .footer-copyright ul {
    float: left;
    margin-top: 30px;
}

.footer-cols .col-two:last-child {
    width: 100%;
    float: left;
}

.site-footer .row .col-two:not(:nth-child(2n)) {
    margin-right: 0px;
}


	   	    .logos .is-logo{
	    width: 50%;
    float: left;
    position: relative;
    height: 150px;
}

.logos .is-logo img {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    min-height: 20px;
    left: 0px;
    right: 0px;
    max-width: 100%;
    max-width: -webkit-calc(100% - 60px);
    max-width: -moz-calc(100% - 60px);
    max-width: calc(100% - 60px);
}

}
   
   
   
     @media (max-width: 530px) {


.button-group {
    display: flex;
	flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

  .header-butt{
	right: 90px;
}

 }  
   
   
   @media (max-width: 480px) {
	  
  .header-butt{
	display: none!important;
}
	  
	   .newsletter {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    overflow-x: auto;
    padding-bottom: 5px;
}


	   
	   
#media_image-2{
	margin-bottom: 30px;
}	     

		 .site-footer .row .col-fourth:not(:nth-child(4n)) {
        margin-right: 0px;
    }
	
	    .site-footer .row .col-fourth {
        width: 100%;
        float: left;
    }
	   
	   
	   	    .logos .is-logo{
	    width: 50%;
    float: left;
    position: relative;
    height: 100px;
    height: 100px;
}

.logos .is-logo img {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    min-height: 20px;
    left: 0px;
    right: 0px;
    max-width: 100%;
    max-width: -webkit-calc(100% - 40px);
    max-width: -moz-calc(100% - 40px);
    max-width: calc(100% - 40px);
}
	   
	   
	   .is-footer-shorter {
    width: 100%;
    float: left;
}

.is-footer-longer {
    width: 100%;
    float: left;
}
	
.is-in {
    width: 100%;
}	

.is-footer-longer ul {
    float: none;
    max-width: 100%;
	margin-top: 1.5em;
}

.products .col-sm-3 {
    width: 100%;
    float: left;
}

	   
    .footer-copyright ul li {
    list-style-type: none;
    display: block;
}

.site-footer .footer-copyright ul {
    float: left;

}

.footer-copyright li:not(:first-child):before{
display: none;
}

.over-title {
    font-size: 14px;
    height: 50px;
    line-height: 50px;
    max-width: 100%;
    max-width: -webkit-calc(100% - 20px);
    max-width: -moz-calc(100% - 20px);
    max-width: calc(100% - 20px);
}

.top-image .container h1.main-title {
    position: absolute;
    left: 0px;
    bottom: 30px;
    margin-bottom: 0px;
    z-index: 99;
}

   }
   
   
   
   @media (max-width: 420px) {


.site-branding a {
    margin-top: 0px;
}


.header-switcher {
    margin-right: 40px;
}
 }  
   
   
   @media (max-width: 400px) {
	 


	   
  .over-title{
  position: static;
      background-color: rgba(0, 0, 0, 1);
      height: auto;
      max-width: 100%;
      padding: 10px 15px;
      line-height: 1.5;
  } 
}


   @media (max-width: 380px) {

	   	    .logos .is-logo{
	    width: 50%;
    float: left;
    position: relative;
    height: 100px;
}

.logos .is-logo img {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    min-height: 20px;
    left: 0px;
    right: 0px;
    max-width: 100%;
    max-width: -webkit-calc(100% - 20px);
    max-width: -moz-calc(100% - 20px);
    max-width: calc(100% - 20px);
}
}


 @media (max-width: 360px) {
.site-branding img {
    max-width: 200px;
}
}

   @media (max-width: 340px) {

	   	    .logos .is-logo{
	    width: 100%;
    float: left;
    position: relative;
    height: auto;
}

.logos .is-logo img {
    position: static;
    top: 0;
    bottom: 0;
    margin: auto;
    min-height: 20px;
    left: 0px;
    right: 0px;
    max-width: 100%;
	margin-bottom: 30px;
margin-left: auto;
margin-right: auto;
display: block;
}


.preheader ul li {
    font-size: 12px;
}

}






/* Dragon Fruit clean layout CSS for WordPress/ACF
   - header/nav/footer/age-gate removed
   - selectors scoped under .df-page to avoid conflicts with WP theme
*/

:root {
  --df-bg: #0d0810;
  --df-bg-2: #130c18;
  --df-bg-3: #1a1020;
  --df-card: #1e1226;
  --df-border: rgba(210, 80, 150, 0.18);
  --df-border-soft: rgba(210, 80, 150, 0.08);
  --df-magenta: #d25096;
  --df-magenta-2: #e8689e;
  --df-fuchsia: #c03580;
  --df-pink-soft: #e9a2bb;
  --df-violet: #7b3fa0;
  --df-violet-2: #9b5bbf;
  --df-text: #f0e8f4;
  --df-muted: rgba(240, 232, 244, 0.58);
  --df-muted-soft: rgba(240, 232, 244, 0.28);
}

.df-page,
.df-page * {
  box-sizing: border-box;
}

.df-page {
  width: 100%;
  overflow-x: hidden;
  background: var(--df-bg);
  color: var(--df-text);
  font-family: "Jost", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    background: radial-gradient(ellipse 55% 65% at 85% 8%, rgba(210, 80, 150, 0.10) 0%, transparent 55%), radial-gradient(ellipse 45% 55% at 10% 25%, rgba(123, 63, 160, 0.10) 0%, transparent 55%), linear-gradient(180deg, #130c18 0%, #0d0810 28%, #0b0710 100%);
}

.df-page::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 9999;
  pointer-events: none;
  opacity: 0.32;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.035'/%3E%3C/svg%3E");
}


.contact-form-box {
    background: #1e1226;
    border: 1px solid hsl(327.69deg 59.09% 56.86% / 18%);
    border-radius: 8px;
    padding: 40px;
    height: 100%;
}

.df-page img {
  display: block;
  max-width: 100%;
  height: auto;
}

.df-page p,
.df-page li {
  color: #fff;
  font-family: "Kanit", system-ui, sans-serif;
  font-size: 18px;
  font-weight: 200;
  line-height: 1.65;
}

.df-page a {
  color: inherit;
}

.df-section {
  position: relative;
  padding: 6rem 5rem;
}

.df-section--soft {
  background: var(--df-bg-2);
}

.df-section-tag {
  display: flex;
  align-items: center;
  gap: 0.7rem;
  margin-bottom: 1.2rem;
  color: var(--df-magenta);
  font-size: 0.87rem;
  letter-spacing: 0.24em;
  text-transform: uppercase;
}

.df-section-tag::before {
  content: "";
  width: 24px;
  height: 1px;
  background: currentColor;
}

.df-section-title,
.df-hero-title,
.df-card-title,
.df-price-name,
.df-diary-title {
  font-family: "Cormorant Garamond", Georgia, serif;
  font-weight: 600;
  line-height: 1.1;
}

.df-section-title {
  margin: 0 0 2.2rem;
  font-size: clamp(2rem, 3.5vw, 3rem);
}

.df-section-title em,
.df-hero-title em,
.df-accent {
  color: var(--df-magenta-2);
  font-style: italic;
  font-weight: 300;
}

.df-btns {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-top: 2rem;
}

.df-btn-main,
.df-btn-ghost {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0.9rem 2.4rem;
  border-radius: 2px;
  font-family: "Jost", system-ui, sans-serif;
  font-size: 0.8rem;
  font-weight: 500;
  letter-spacing: 0.14em;
  line-height: 1.2;
  text-decoration: none;
  text-transform: uppercase;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.df-btn-main {
  border: 0;
  color: #fff;
  background: linear-gradient(135deg, var(--df-fuchsia), var(--df-violet));
  box-shadow: 0 6px 28px rgba(192, 53, 128, 0.35);
}

.df-btn-main:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 36px rgba(192, 53, 128, 0.5);
}

.df-btn-ghost {
  border: 1px solid var(--df-border);
  color: var(--df-text);
  background: transparent;
}

.df-btn-ghost:hover {
  color: var(--df-magenta-2);
  border-color: var(--df-magenta);
}

/* Hero */
.df-hero {
  position: relative;
  min-height: 92vh;
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  overflow: hidden;
}

.df-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse 60% 80% at 75% 50%, rgba(180, 50, 120, 0.12), transparent 70%),
    radial-gradient(ellipse 40% 60% at 20% 70%, rgba(123, 63, 160, 0.1), transparent 60%),
    linear-gradient(160deg, var(--df-bg), var(--df-bg-2));
}

.df-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image: repeating-linear-gradient(90deg, transparent 0 119px, rgba(210, 80, 150, 0.04) 120px 121px);
}

.df-hero-content,
.df-hero-media {
  position: relative;
  z-index: 1;
}

.df-hero-content {
  padding: 5rem 3rem 5rem 5rem;
}

.df-hero-eyebrow {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  margin-bottom: 1.8rem;
  color: var(--df-magenta);
  font-size: 0.87rem;
  letter-spacing: 0.28em;
  text-transform: uppercase;
}

.df-hero-eyebrow::before {
  content: "";
  width: 32px;
  height: 1px;
  background: currentColor;
}

.df-hero-title {
  margin: 0 0 1.8rem;
  font-size: clamp(3.2rem, 6vw, 5.8rem);
  letter-spacing: -0.01em;
}

.df-hero-sub {
  max-width: 620px;
  margin: 0;
}

.df-hero-media {
  height: 92vh;
  overflow: hidden;
  background: linear-gradient(160deg, var(--df-bg-3), rgba(40, 15, 50, 0.9));
}

.df-hero-media::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  z-index: 2;
  width: 120px;
  background: linear-gradient(90deg, var(--df-bg), transparent);
}
/*
.df-hero-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
*/
.df-hero-media img,
.df-hero-media video {
 /*  width: 100%; */
	width: auto;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}

/* Feature bar */
.df-features {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border-top: 1px solid var(--df-border-soft);
  border-bottom: 1px solid var(--df-border-soft);
}

.df-feature {
  padding: 60px 20px;
  text-align: center;
  border-right: 1px solid var(--df-border-soft);
}

.df-feature:last-child {
  border-right: 0;
}

.df-feature-icon {
  display: block;
  margin-bottom: 0.8rem;
  font-size: 1.4rem;
  filter: drop-shadow(0 0 8px rgba(210, 80, 150, 0.5));
}

.df-feature-title {
  margin-bottom: 0.4rem;
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: 35px;
  font-weight: 600;
}

.df-feature-sub {
  color: var(--df-muted);
}

/* Gallery */
.df-gallery-header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 2rem;
  margin-bottom: 2rem;
}

.df-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
  margin-top: 2rem;
  margin-bottom: 0rem;
}

.df-tag {
  display: inline-flex;
  padding: 0.45rem 0.75rem;
  border: 1px solid var(--df-border);
  border-radius: 999px;
  color: var(--df-magenta-2)!important;
  font-size: 0.78rem;
  letter-spacing: 0.04em;
}

.df-tag:hover{
	opacity: 0.8;
}

.df-gallery-grid {
  display: grid;
  grid-template-columns: 2fr repeat(4, 1fr);
  grid-template-rows: 200px 200px;
  gap: 6px;
}

.df-gallery-item {
  position: relative;
  min-height: 200px;
  overflow: hidden;
  border: 1px solid #000;
  background: var(--df-card);
}

.df-gallery-item:first-child {
  grid-row: span 2;
}

.df-gallery-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}







.df-locked {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(13, 8, 16, 0.7);
  backdrop-filter: blur(8px);
}

.df-locked img {
  width: 120px;
  height: auto;
}

/* About */
.df-about {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0;
}

.df-about::before,
.df-pricing::before {
  content: "";
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
}

.df-about::before {
  top: 50%;
  left: 50%;
  width: 600px;
  height: 600px;
  transform: translate(-50%, -50%);
  background: radial-gradient(circle, rgba(123, 63, 160, 0.07), transparent 70%);
}

.df-about-media,
.df-about-content {
  position: relative;
  z-index: 1;
}

.df-about-media {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-right: 4rem;
}

.df-about-image {

  
      width: 100%;
    max-width: 610px;
    aspect-ratio: 3 / 4;
    border-radius: 4px;
    background: var(--card);
    border: 1px solid var(--border);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.8rem;
    position: relative;
    overflow: hidden;
}

.df-about-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.df-how-box {
  margin-top: 2rem;
  padding: 2rem;
  border: 1px solid var(--df-border);
  background: rgba(255, 255, 255, 0.02);
}

.df-two-columns {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
  margin-top: 1.5rem;
}

/* Cards / pricing */
.df-pricing {
  overflow: hidden;
}

.df-pricing::before {
  top: -200px;
  left: 50%;
  width: 800px;
  height: 800px;
  transform: translateX(-50%);
  background: radial-gradient(circle, rgba(192, 53, 128, 0.06), transparent 65%);
}

.df-center {
  text-align: center;
}

.df-center .df-section-tag {
  justify-content: center;
}

.df-center .df-section-tag::before {
  display: none;
}

.df-card-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1px;
  overflow: hidden;
  border: 1px solid var(--df-border);
  border-radius: 4px;
}

.df-card-grid--4 {
  grid-template-columns: repeat(4, 1fr);
}

.df-price-card,
.df-platform-card,
.df-diary-card {
  position: relative;
  padding: 2.8rem 2.2rem;
  background: var(--df-card);
  border-right: 1px solid var(--df-border);
}

.df-price-card:last-child,
.df-platform-card:last-child,
.df-diary-card:last-child {
  border-right: 0;
}

.df-price-card:hover,
.df-platform-card:hover,
.df-diary-card:hover {
  background: #221430;
}

.df-featured {
  background: linear-gradient(160deg, #22102e, #1a0c28);
}

.df-badge {
  position: absolute;
  inset: 0 0 auto;
  padding: 16px 5px;
  text-align: center;
  background: linear-gradient(90deg, var(--df-fuchsia), var(--df-violet));
  font-size: 0.65rem;
  font-weight: 500;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.df-price-icon img {
  width: 130px;
  margin-bottom: 1.2rem;
}

.df-price-name,
.df-card-title,
.df-diary-title {
  margin-bottom: 0.4rem;
  font-size: 35px;
}

.df-price-amount {
  margin-bottom: 0.3rem;
  color: var(--df-magenta-2);
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: 2.4rem;
  font-weight: 600;
      line-height: 1;
    margin-top: 20px;
}

.df-price-amount sup {
  display: inline-block;
  margin-top: 0.6rem;
  font-size: 1rem;
  vertical-align: top;
}

.df-price-desc {
  margin-bottom: 1.8rem;
  color: var(--df-muted);
}

.df-platform-grid,
.df-diary-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1px;
  overflow: hidden;
  margin-top: 2.5rem;
  border: 1px solid var(--df-border);
  border-radius: 4px;
}

.df-platform-grid {
  grid-template-columns: repeat(2, 1fr);
}

.df-diary-thumb {
  height: 170px;
  margin: -2.8rem -2.2rem 2rem;
  overflow: hidden;
  border-bottom: 1px solid var(--df-border-soft);
  background: linear-gradient(135deg, var(--df-bg-3), rgba(40, 15, 55, 0.8));
}

.df-diary-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.df-meta {
  display: block;
  margin-bottom: 0.8rem;
  color: var(--df-magenta);
  font-size: 0.87rem;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

/* FAQ / CTA / eshop / contact */
.df-faq-wrap {
  overflow: hidden;
  margin-top: 2.5rem;
  border: 1px solid var(--df-border);
  border-radius: 4px;
}

.df-faq-item {
  border-bottom: 1px solid var(--df-border-soft);
}

.df-faq-item:last-child {
  border-bottom: 0;
}

.df-faq-q {
  padding: 1.5rem 2rem;
  color: #fff;
  font-family: "Kanit", system-ui, sans-serif;
  font-size: 18px;
  font-weight: 200;
}

.df-faq-a {
  padding: 0 2rem 1.5rem;
}

.df-cta {
  text-align: center;
  background: linear-gradient(135deg, var(--df-bg-2), rgba(123, 63, 160, 0.12), var(--df-bg-2));
  border-top: 1px solid var(--df-border-soft);
  border-bottom: 1px solid var(--df-border-soft);
}

.df-cta .df-section-title {
  max-width: 700px;
  margin-right: auto;
  margin-left: auto;
}

.df-shop,
.df-contact {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 5rem;
  align-items: center;
}

.df-shop-items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1px;
}

.df-shop-item {
  position: relative;
  aspect-ratio: 1;
  overflow: hidden;
  background: var(--df-card);
}

.df-shop-item::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(160deg, #e8689e, #201030);
  opacity: 0.82;
  transition: opacity 0.3s ease;
}

.df-shop-item:hover::before {
  opacity: 0.25;
}

.df-shop-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.df-shop-title {
  position: absolute;
  top: 30px;
  left: 30px;
  z-index: 2;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0.12em;
}

.df-contact {
  align-items: start;
}

.df-contact-form {
  display: flex;
  flex-direction: column;
  gap: 0.9rem;
}

.df-field {
  width: 100%;
  padding: 0.9rem 1.1rem;
  border: 1px solid var(--df-border);
  border-radius: 2px;
  outline: 0;
  color: var(--df-magenta);
  background: rgba(255, 255, 255, 0.04);
  font-family: "Jost", system-ui, sans-serif;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0.05em;
}

.df-field:focus {
  border-color: var(--df-magenta);
}

.df-field::placeholder {
  color: var(--df-magenta);
}

textarea.df-field {
  min-height: 130px;
  resize: vertical;
}



.platforms-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1px;
    border: 1px solid var(--border);
    border-radius: 4px;
    overflow: hidden;
    margin-top: 2.5rem;
}




.plat-card {
    background: #1e1226;
    padding: 3rem 2.5rem;
    border-right: 1px solid rgb(210 80 150 / 18%);
    transition: background 0.3s;
}

.plat-card:nth-child(2n) {
    border-right: none;
}

.plat-card svg{
    width: 40px;
    height: 40px;
    fill: none;
    stroke: rgb(210, 80, 150);
    stroke-width: 1;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.plat-name {
    font-family: "Cormorant Garamond", serif;
    font-size: 35px;
    font-weight: 600;
    margin-bottom: 0.2rem;
}

.plat-tag {
    font-size: 0.87rem;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: #d25096;
    margin-bottom: 1rem;
    display: block;
}


.btn-ghost {
    padding: 0.9rem 2.4rem;
    background: transparent;
    color: var(--text);
    border: 1px solid var(--border);
    border-radius: 2px;
    font-family: "Jost", sans-serif;
    font-size: 0.8rem;
    font-weight: 400;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    cursor: pointer;
    text-decoration: none;
    transition: border-color 0.2s, color 0.2s;
	    font-size: .8rem;
    padding: .65rem 1.4rem;
    display: inline-block;
}













.last-footer p{
	color: #d25096!important;
	text-align: right;
}




.contact-info-title {
    font-family: "Cormorant Garamond", serif;
    font-size: 1.8rem;
    font-weight: 400;
    margin-bottom: 1.5rem;
    color: #e9a2bb;
}

.contact-info-label {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: rgb(240 232 244 / 46%);
    margin-bottom: 0.5rem;
    font-weight: 400;
}

.contact-info-value {
    font-size: 1.1rem;
    color: #f0e8f4;
    font-weight: 300;
}

.contact-info-item {
    margin-bottom: 2rem;
}

.moderncart-floating-cart-icon svg{
	width: 36px;
}

.single-product .woocommerce-breadcrumb{
	display: none;
}

.related.products h2{
	display: none;
}

#moderncart-slide-out .moderncart-slide-out-footer .moderncart-cart-total a.checkout-button{
	    border-radius: 2px;
    font-family: "Jost", sans-serif;
    font-size: 0.8rem;
    font-weight: 400;
    letter-spacing: 0.14em;
}

.contact-info-box{
    background: #1e1226;
    border: 1px solid hsl(327.69deg 59.09% 56.86% / 18%);
    border-radius: 8px;
    padding: 40px;
    height: 100%;
}

.contact-info-value a {
    color: #d25096;
    text-decoration: none;
    transition: color 0.2s;
}




.woocommerce-ordering {
  position: relative;
  margin: 0;
}

.woocommerce-ordering::after {
  content: "";
  position: absolute;
  right: 18px;
  top: 50%;
  transform: translateY(-54%);
  color: rgb(210 80 150 / 19%);
  font-size: 18px;
  pointer-events: none;
}

.woocommerce-ordering select.orderby {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;

  background: rgba(255, 255, 255, .03);
  border: 1px solid rgb(210 80 150 / 19%);
  color: #fff;

  min-width: 260px;
  border-radius: 999px;
  padding: 0px;

  font-family: "Jost", sans-serif;
  font-size: .92rem;
  font-weight: 300;

  outline: none;
  cursor: pointer;
  
      text-align: left;
    padding-left: 20px;
    padding-right: 20px;
}

.woocommerce-ordering select.orderby:hover {
  border-color: var(--magenta);
  background: rgba(255, 255, 255, .05);
}

.woocommerce-ordering select.orderby:focus {
  border-color: var(--magenta2);
  box-shadow: 0 0 0 3px rgba(210, 80, 150, .12);
}

.woocommerce-ordering select.orderby option {
  background: #130c18;
  color: #fff;
}



.woocommerce-ordering select.orderby {
  min-width: 230px;
}


.filter-actions {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 28px;
}

.filter-submit {
  padding: 13px 20px;
  border: none;
  background: linear-gradient(135deg, var(--fuchsia), var(--violet));
  color: #fff;
  cursor: pointer;
  text-transform: uppercase;
  letter-spacing: .12em;
  font-size: 12px;
}

.filter-reset {
  color: rgb(240 232 244 / 46%);
  text-decoration: none;
  font-size: 14px;
}

.filter-reset:hover {
  color: rgb(210 80 150 / 19%);
}



.woocommerce ul.products {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 28px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

.woocommerce ul.products li.product.product-card-wrap {
  width: auto !important;
}

.product-card {
  display: block !important;
  width: 100%;
}


.products-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
}

ul.products,
.woocommerce ul.products {
	margin: 0;
	padding: 0;
	list-style: none;
}

.product-card {
	display: block;
	text-decoration: none;
	color: inherit;
}


.shop-page {
  background: var(--bg);
  color: var(--text);
}

.page-hero {
  padding: 90px 60px 70px;
  text-align: center;
  border-bottom: 1px solid var(--border2);
  background:
    radial-gradient(circle at top, rgba(210,80,150,0.08), transparent 55%),
    linear-gradient(180deg, var(--bg2), var(--bg));
}


.post-type-archive-product .page-hero{
  border-bottom: 0px solid transparent;
}


.breadcrumbs {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-bottom: 24px;
  font-size: 13px;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: rgb(240 232 244 / 46%);
}

.breadcrumbs a {
  color: rgb(240 232 244 / 46%);
  text-decoration: none;
}

.breadcrumbs a:hover {
  color: rgb(210 80 150 / 19%);
}

.shop-layout {
  display: grid;
  grid-template-columns: 280px 1fr;
  gap: 50px;
      padding: 0px 5rem 6rem 5rem;
  align-items: start;
}

.shop-sidebar {
  position: sticky;
  top: 120px;
    border: 1px solid rgb(210 80 150 / 19%);
    background: linear-gradient(180deg, rgba(34, 18, 42, .92), rgba(16, 10, 20, .94));
    border-radius: 22px;
    padding: 1.35rem;
    box-shadow: 0 25px 70px rgba(0, 0, 0, .28);
}

.filter-title {
  font-size: 13px;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: #fff;
  margin-bottom: 30px;
}

.filter-group {
  margin-bottom: 35px;
  padding-bottom: 35px;
  border-bottom: 1px solid rgb(210 80 150 / 9%);
}

.filter-group-title {
  font-size: 15px;
  margin-bottom: 18px;
  font-weight: 500;

      color: #e9a2bb;
    margin-bottom: .85rem;
    font-family: "Jost", sans-serif;
    text-transform: uppercase;
    letter-spacing: .14em;
    font-size: .8rem;
}

.filter-group label,
.filter-group li {
  display: block;
  margin-bottom: 12px;
  list-style: none;
      color: #fff;
}

.filter-group a {
  color: rgb(240 232 244 / 46%);
  text-decoration: none;
  transition: .2s;
}

.filter-group a:hover {
  color: rgb(210 80 150 / 19%);
}

.shop-main {
  min-width: 0;
}

.shop-toolbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 35px;
  gap: 20px;
}

.shop-result {
  color: rgb(240 232 244 / 46%);
  font-size: 14px;
}

.woocommerce-ordering select,
.shop-sort {
  background: var(--card);
  border: 1px solid var(--border);
  color: #fff;
  padding: 14px 18px;
  outline: none;
  min-width: 240px;
}

/* =========================================================
   PRODUCTS GRID
========================================================= */

.products-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 28px;
}

.product-card {
      border: 1px solid rgb(210 80 150 / 19%);
    border-radius: 24px;
    overflow: hidden;
    background: linear-gradient(180deg, rgba(36, 20, 45, .95), rgba(15, 10, 19, .96));
    box-shadow: 0 24px 60px rgba(0, 0, 0, .28);
  text-decoration: none;
  color: inherit;
  overflow: hidden;
  transition:
    transform .3s ease,
    border-color .3s ease,
    box-shadow .3s ease;
  position: relative;
      height: 100%;
}

.product-card:hover {
  transform: translateY(-6px);
  border-color: #e9a2bb;
  box-shadow: 0 20px 60px rgba(0,0,0,.35);
}

.product-card-media {
  position: relative;
  overflow: hidden;
  aspect-ratio: 2000 / 1600;
  background: #120b18;
}

.product-card-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .5s ease;
}

.product-card:hover .product-card-media img {
  transform: scale(1.04);
}

.product-badge {
  position: absolute;
  top: 18px;
  left: 18px;
  z-index: 5;
  padding: 8px 14px;
 
  border: 1px solid var(--border);
  color: var(--pink-soft);
  font-size: 11px;
  letter-spacing: .12em;
  text-transform: uppercase;
  
  position: absolute;
    top: 1rem;
    left: 1rem;
    z-index: 2;
    padding: .42rem .78rem;
    border-radius: 999px;
    background: rgba(13, 8, 16, .82);
    border: 1px solid rgb(210 80 150 / 19%);
    color: #e9a2bb;
    font-size: .72rem;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.product-card-body {
  padding: 26px;
}

.product-card-category {
  color: rgb(240 232 244 / 46%);
  font-size: 12px;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin-bottom: 12px;
}

.product-card-title {
  font-family: "Cormorant Garamond", serif;
  font-size: 30px;
  line-height: 1.1;
  margin-bottom: 18px;
  color: #fff;
}

.product-card-desc {
  color: rgba(240,232,244,.76) !important;
  font-size: 18px !important;
  line-height: 1.8em !important;
  margin-bottom: 28px;
}

.product-card-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}

.product-actions .btn-ghost{
	
}

a.btn-ghost, 
a.btn-ghost:focus, 
a.btn-ghost:active, 
a.btn-ghost:visited{
    padding: 0.9rem 2.4rem;
    background: transparent;
    color: #fff;
    border: 1px solid rgb(210 80 150 / 19%);
    border-radius: 2px;
    font-family: "Jost", sans-serif;
    font-size: 0.8rem;
    font-weight: 400;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    cursor: pointer;
    text-decoration: none;
    transition: border-color 0.2s, color 0.2s;
}

.btn-ghost:hover {
    border-color: #d25096;
    color: #e8689e!important;
	background: #1a1020;
}

.product-card-price {
  font-size: 28px;
  font-weight: 600;
  color: var(--pink-soft);
  font-family: "Cormorant Garamond", serif;
}

.product-card-price del {
  opacity: .45;
  margin-right: 10px;
}

.product-card-btn {
    padding: .75rem 1rem;
    border-radius: 999px;
    border: 1px solid rgb(210 80 150 / 19%);
    color: #fff;
    font-size: .82rem;
    letter-spacing: .12em;
    text-transform: uppercase;
    text-decoration: none;

}

.hero-sub{
	    font-size: 0.95rem;
    line-height: 1.9;
    color: rgb(240 232 244 / 46%);
    max-width: 820px;
    margin-bottom: 2.8rem;
    font-weight: 300;
	text-align: left;
	    font-size: 18px !important;
    line-height: 1.6em !important;
    color: #fff !important;
    font-family: "Kanit", sans-serif !important;
    font-weight: 200 !important;
}

h1.section-title{
	font-family: "Cormorant Garamond", serif;
    font-size: clamp(2rem, 3.5vw, 3rem);
    font-weight: 600;
    line-height: 1.12;
    margin-bottom: 35px;
	text-align: left;
	color: #fff!important;
}

h1.section-title em{
	    font-style: italic;
    font-weight: 300;
    color: #e8689e;
}

.breadcrumbs {
    justify-content: left;
}

.section-tag {
    font-size: 0.87rem;
    letter-spacing: 0.24em;
    text-transform: uppercase;
    color: #d25096;
    margin-bottom: 1.2rem;
    display: flex;
    align-items: center;
    gap: 0.7rem;
}

.section-tag::before {
    content: "";
    display: block;
    width: 24px;
    height: 1px;
    background: #d25096;
}

/* =========================================================
   SINGLE PRODUCT
========================================================= */

.single-product-custom {
  padding-bottom: 80px;
}

.product-detail-layout {
  display: grid;
  grid-template-columns: 1.1fr .9fr;
  gap: 60px;
  padding: 60px;
  align-items: start;
}

.product-detail-gallery img {
  width: 100%;
  border: 1px solid var(--border2);
}

.product-detail-summary {
  position: sticky;
  top: 120px;
}

.product-detail-category {
  font-size: 12px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: rgb(210 80 150 / 19%);
  margin-bottom: 16px;
}

.product-detail-title {
  font-family: "Cormorant Garamond", serif;
  font-size: 58px;
  line-height: 1;
  margin-bottom: 24px;
}

.product-detail-price {
  margin-bottom: 30px;
}

.product-detail-price .price {
  font-size: 42px;
  color: var(--pink-soft);
  font-family: "Cormorant Garamond", serif;
}

.product-detail-excerpt {
  margin-bottom: 35px;
}

.product-detail-cart {
  margin-bottom: 35px;
}

.product-detail-cart .quantity input {
  background: var(--card);
  border: 1px solid var(--border);
  color: #fff;
  height: 48px;
}

.product-detail-cart button {
  height: 48px;
  border: none;
  padding: 0 28px;
  background: linear-gradient(135deg, var(--fuchsia), var(--violet));
  color: #fff;
  cursor: pointer;
  text-transform: uppercase;
  letter-spacing: .1em;
}

.product-detail-meta {
  padding-top: 25px;
  border-top: 1px solid var(--border2);
  color: rgb(240 232 244 / 46%);
  font-size: 14px;
}

.product-detail-content {
  padding: 0 60px;
}

/* =========================================================
   WOOCOMMERCE FIXES
========================================================= */

.woocommerce ul.products,
.woocommerce-page ul.products {
  margin: 0;
  padding: 0;
}

.woocommerce div.product {
  margin: 0;
}

.woocommerce-tabs {
  margin-top: 60px;
}

.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
  background: var(--card);
  border: 1px solid var(--border);
  color: #fff;
}

.woocommerce-pagination {
  margin-top: 50px;
}

.woocommerce nav.woocommerce-pagination ul {
  border: none;
}

.woocommerce nav.woocommerce-pagination ul li {
  border: none;
}

.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
  background: var(--card);
  color: #fff;
  border: 1px solid var(--border);
  margin-right: 8px;
}

/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 1000px) {

  .shop-layout,
  .product-detail-layout {
    grid-template-columns: 1fr;
  }

  .shop-sidebar,
  .product-detail-summary {
    position: static;
  }

  .products-grid {
    grid-template-columns: repeat(2, minmax(0,1fr));
  }

}

@media (max-width: 700px) {



.site-footer {
      padding-left: 24px;
    padding-right: 24px;
}


  .page-hero,
  .shop-layout,
  .product-detail-layout,
  .product-detail-content {
    padding-left: 24px;
    padding-right: 24px;
  }

  .products-grid {
    grid-template-columns: 1fr;
  }

  .shop-toolbar {
    flex-direction: column;
    align-items: flex-start;
  }

  .product-detail-title {
    font-size: 42px;
  }

}























@media (max-width: 1100px) {
  .df-card-grid--4 {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 900px) {
  .df-section,
  .df-hero-content {
    padding: 4rem 2rem;
  }

  .df-hero,
  .df-about,
  .df-shop,
  .df-contact {
    grid-template-columns: 1fr;
  }

 /* .df-hero-media {
    display: none;
  } */

  .df-about-media {
    padding-right: 0;
    margin-bottom: 2rem;
  }

  .df-gallery-grid {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: auto;
  }

  .df-gallery-item:first-child {
    grid-row: auto;
  }

  .df-card-grid,
  .df-platform-grid,
  .df-diary-grid,
  .df-features {
    grid-template-columns: 1fr;
  }

  .df-price-card,
  .df-platform-card,
  .df-diary-card,
  .df-feature {
    border-right: 0;
    border-bottom: 1px solid var(--df-border);
  }

  .df-two-columns {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 600px) {
  .df-gallery-header {
    display: block;
  }

  .df-shop-items,
  .df-card-grid--4 {
    grid-template-columns: 1fr;
  }

  .df-btn-main,
  .df-btn-ghost {
    width: 100%;
    padding-right: 1.2rem;
    padding-left: 1.2rem;
    text-align: center;
  }
}


@media (max-width: 720px) {
	
	.df-tags {

  margin-top: 2rem;
  margin-bottom: 2rem;
}
	
	.df-locked img{
		max-width: 100px;
	}
	
	.platforms-grid {
   display: grid;
    grid-template-columns: auto;
}

.faq-wrap {
    grid-template-columns: 1fr !important;
}

	.df-gallery-item {

    min-height: 0px;
}

}

@media (max-width: 576px) {
  .grid-container {
    grid-template-columns: 1fr;
  }
  
  .site-header a.butt, .site-header a.butt:focus, .site-header a.butt:active, .site-header a.butt:visited{
	  display: none;
  }
  
}

/*
.site-footer, .site-header{
	display: none;
}*/



.product-page-hero {
  padding-bottom: 0 !important;
}

.product-layout {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  padding: 60px;
  align-items: start;
}

.product-gallery {
  min-width: 0;
}

.product-gallery .woocommerce-product-gallery {
  width: 100% !important;
}

.product-summary {
  position: sticky;
  top: 120px;
  
  
      border: 1px solid rgb(210 80 150 / 19%);
    border-radius: 28px;
    background: linear-gradient(180deg, rgba(31, 18, 39, .96), rgba(12, 8, 16, .96));
    box-shadow: 0 24px 60px rgba(0, 0, 0, .28);
    padding: 2rem;
  
}

.product-summary-top {
  display: flex;
  gap: 12px;
  margin-bottom: 22px;
  flex-wrap: wrap;
}

.product-status,
.product-cat-pill {
  padding: 8px 14px;
  border: 1px solid rgb(210 80 150 / 19%);
  border-radius: 999px;
  color: #e9a2bb;
  font-size: 12px;
  letter-spacing: .12em;
  text-transform: uppercase;
  
  
  
      color: #e9a2bb;

    display: inline-flex;
    align-items: center;
    padding: .45rem .85rem;
    border: 1px solid rgb(210 80 150 / 19%);
    border-radius: 999px;
    font-size: .74rem;
    letter-spacing: .14em;
    text-transform: uppercase;
  
  
}

.product-title {
font-family: "Cormorant Garamond", serif;
    font-size: clamp(2.8rem, 5vw, 3.5rem);
    line-height: .94;
    margin-bottom: .8rem;
	color: #fff;
	font-weight: 600;
}

.product-price {
  font-family: "Cormorant Garamond", serif;
  font-size: 46px;
  color: #e9a2bb;
  margin-bottom: 28px;
}

.product-lead{
  margin-bottom: 34px;
}

.product-lead p{
	font-size: 1.06rem !important;
    color: rgba(240, 232, 244, .84) !important;
    margin-bottom: 1.2rem;
}

.product-meta {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1px;
  border: 1px solid transparent;
  margin-bottom: 34px;
}


.product-meta {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .85rem;
    margin: 1.5rem 0;
}

.product-meta-box {
	padding: .95rem 1rem;
    border-radius: 18px;
    border: 1px solid rgb(210 80 150 / 9%);
    background: rgba(255, 255, 255, .02);
}

.product-meta-label {
display: block;
    color: rgb(240 232 244 / 46%);
    font-size: .72rem;
    letter-spacing: .14em;
    text-transform: uppercase;
    margin-bottom: .3rem;
}

.product-meta-value {
  color: #fff;
  font-size: 16px;
}

.product-actions form.cart {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 16px;
}

.product-actions .quantity input {
  height: 48px;
  background: rgba(255,255,255,.03);
  border: 1px solid rgb(210 80 150 / 19%);
  color: #fff;
  border-radius: 999px;
}

.product-actions .single_add_to_cart_button {
  min-height: 48px;
  border: none !important;
  border-radius: 999px !important;
  padding: 0 32px !important;
  background: linear-gradient(135deg, var(--fuchsia), var(--violet)) !important;
  color: #fff !important;
  text-transform: uppercase;
  letter-spacing: .12em;
}

.product-benefits,
.related-products {
  padding: 70px 60px;
}



/* =========================
   PRODUCT VARIATIONS
========================= */

.product-actions table.variations {
  width: 100%;
  margin: 0 0 22px;
  border: 0;
  border-collapse: separate;
  border-spacing: 0;
}

.product-actions table.variations tbody,
.product-actions table.variations tr,
.product-actions table.variations th,
.product-actions table.variations td {
  border: 0;
}

.product-actions table.variations tr {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
}

.product-actions table.variations th.label {
  padding: 0;
  text-align: left;
}

.product-actions table.variations th.label label {
  display: block;
  color: rgba(240, 232, 244, .55);
  font-size: .72rem;
  font-weight: 500;
  letter-spacing: .14em;
  text-transform: uppercase;
  margin-bottom: 4px;
}

.product-actions table.variations td.value {
  padding: 0;
  position: relative;
}

/* Select */
.product-actions table.variations select {
  width: 100%;
  min-height: 54px;
  appearance: none;
  -webkit-appearance: none;

  padding: 0 48px 0 18px;

  border: 1px solid rgb(210 80 150 / 19%);
  border-radius: 18px;

  background:
    linear-gradient(45deg, transparent 50%, #e9a2bb 50%) calc(100% - 20px) 23px / 6px 6px no-repeat,
    linear-gradient(135deg, #e9a2bb 50%, transparent 50%) calc(100% - 14px) 23px / 6px 6px no-repeat,
    rgba(255, 255, 255, .025);

  color: #fff;
  font-size: .95rem;
  font-family: inherit;

  outline: none;
  cursor: pointer;

  transition:
    border-color .2s ease,
    background-color .2s ease,
    box-shadow .2s ease,
    transform .2s ease;
}

.product-actions table.variations select:hover {
  border-color: rgb(233 162 187 / 45%);
  background-color: rgba(255, 255, 255, .04);
}

.product-actions table.variations select:focus {
  border-color: #e9a2bb;
  box-shadow:
    0 0 0 3px rgb(210 80 150 / 10%),
    0 10px 30px rgba(0, 0, 0, .15);
}

/* položky uvnitř nativního selectu */
.product-actions table.variations select option {
  background: #1f1227;
  color: #fff;
}

/* Vyčistit */
.product-actions .reset_variations {
  display: inline-flex !important;
  align-items: center;
  margin-top: 10px;

  color: rgba(233, 162, 187, .72);
  font-size: .72rem;
  letter-spacing: .08em;
  text-transform: uppercase;
  text-decoration: none;

  transition: color .2s ease;
}

.product-actions .reset_variations:hover {
  color: #fff;
}

/* Woo někdy nechává hidden přes visibility */
.product-actions .reset_variations[style*="hidden"] {
  pointer-events: none;
}

/* Variace + quantity + button */
.product-actions .single_variation_wrap {
  width: 100%;
}

.product-actions .woocommerce-variation-add-to-cart {
  display: grid;
  grid-template-columns: 84px minmax(0, 1fr);
  gap: 12px;
  width: 100%;
  align-items: stretch;
}

/* Quantity */
.product-actions .quantity {
  margin: 0 !important;
}

.product-actions .quantity input.qty {
  width: 100% !important;
  height: 54px !important;

  padding: 0 10px;

  border: 1px solid rgb(210 80 150 / 19%) !important;
  border-radius: 18px !important;

  background: rgba(255, 255, 255, .025) !important;
  color: #fff !important;

  text-align: center;
  font-size: 1rem;

  outline: none;
}

.product-actions .quantity input.qty:focus {
  border-color: #e9a2bb !important;
  box-shadow: 0 0 0 3px rgb(210 80 150 / 10%);
}

/* Add to cart */
.product-actions .single_add_to_cart_button {
  width: 100%;
  min-height: 54px !important;

  border: 0 !important;
  border-radius: 18px !important;

  padding: 0 28px !important;

  background: linear-gradient(
    135deg,
    var(--fuchsia),
    var(--violet)
  ) !important;

  color: #fff !important;

  font-size: .78rem !important;
  font-weight: 600 !important;
  letter-spacing: .12em;
  text-transform: uppercase;

  box-shadow: 0 10px 28px rgb(210 80 150 / 20%);

  transition:
    transform .2s ease,
    box-shadow .2s ease,
    opacity .2s ease;
}

.product-actions .single_add_to_cart_button:not(.disabled):hover {
  transform: translateY(-2px);
  box-shadow: 0 15px 35px rgb(210 80 150 / 28%);
}

/* Neaktivní tlačítko před výběrem varianty */
.product-actions .single_add_to_cart_button.disabled {
  opacity: .38 !important;
  cursor: not-allowed;
  box-shadow: none;
}

/* případná cena / dostupnost konkrétní varianty */
.product-actions .woocommerce-variation {
  color: rgba(240, 232, 244, .8);
  margin-bottom: 12px;
}

.product-actions .woocommerce-variation-price {
  color: #e9a2bb;
  font-family: "Cormorant Garamond", serif;
  font-size: 1.5rem;
}

/* Mobile */
@media (max-width: 600px) {
  .product-actions .woocommerce-variation-add-to-cart {
    grid-template-columns: 72px minmax(0, 1fr);
  }

  .product-actions table.variations select {
    min-height: 52px;
  }
}



.woocommerce-product-gallery__trigger{
	display: none;
}

.site-content ol.flex-control-nav.flex-control-thumbs{
	padding-left: 0px!important;
	margin-left: 0px!important;
}

.site-content ol.flex-control-nav.flex-control-thumbs li{
	padding-left: 0px!important;
	margin-left: 0px!important;
}

.site-content ol.flex-control-nav.flex-control-thumbs li::before {
    content: none;;
}




.products-grid li::marker{
	content: none;
}




.product-benefits-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}

.product-benefit {
  padding: 1.2rem;

  border: 1px solid rgb(210 80 150 / 19%);
  border-radius: 22px;

  background: linear-gradient(
    180deg,
    rgba(30, 18, 38, .92),
    rgba(12, 9, 16, .95)
  );
}

.product-benefit > strong {
  display: block;

  font-size: .84rem;
  letter-spacing: .14em;
  text-transform: uppercase;

  color: #e9a2bb;

  margin-bottom: .6rem;
}

.site-content .product-benefit p {
  color: #fff !important;

  font-size: 18px !important;
  line-height: 1.6em !important;

  font-family: "Kanit", sans-serif !important;
  font-weight: 200 !important;
}



/* WooCommerce nadpis uvnitř karty už nepotřebujeme */
.product-benefit .woocommerce-Tabs-panel > h2,
.product-benefit-content > h2 {
  display: none;
}


/* texty a seznamy */
.site-content .product-benefit-content p,
.site-content .product-benefit-content li {
  color: #fff !important;
  font-size: 18px !important;
  line-height: 1.6em !important;
  font-family: "Kanit", sans-serif !important;
  font-weight: 200 !important;
}

.product-benefit-content ul,
.product-benefit-content ol {
  margin-bottom: 0;
}


/* additional information */
.product-benefit table.shop_attributes {
  width: 100%;
  margin: 0;

  border: 0 !important;
  border-collapse: collapse;
}

.product-benefit table.shop_attributes th,
.product-benefit table.shop_attributes td {
  padding: .7rem 0 !important;

  border: 0 !important;
  border-bottom: 1px solid rgb(210 80 150 / 12%) !important;

  background: transparent !important;
}

.product-benefit table.shop_attributes tr:last-child th,
.product-benefit table.shop_attributes tr:last-child td {
  border-bottom: 0 !important;
}

.product-benefit table.shop_attributes th {
  color: #e9a2bb;

  font-size: .76rem;
  font-weight: 500;

  letter-spacing: .1em;
  text-transform: uppercase;
}

.product-benefit table.shop_attributes td,
.product-benefit table.shop_attributes td p {
  color: #fff !important;
}




@media (max-width: 1000px) {

  .product-benefits-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

}

@media (max-width: 650px) {

  .product-benefits-grid {
    grid-template-columns: 1fr;
  }

}









h2.section-title{
	    font-family: "Cormorant Garamond", serif;
    font-size: clamp(2rem, 3.5vw, 3rem);
    font-weight: 600;
    line-height: 1.12;
    margin-bottom: 35px;
	color: #fff;
}

h2.section-title em{
	    font-style: italic;
    font-weight: 300;
    color: #e8689e;
}

.product-benefits-grid {
 /* display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1px;
  border: 1px solid rgb(210 80 150 / 19%); */
  
  display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.product-benefit {
  background: var(--card);
  padding: 32px;
  padding: 1.2rem;
    border: 1px solid rgb(210 80 150 / 19%);
    border-radius: 22px;
    background: linear-gradient(180deg, rgba(30, 18, 38, .92), rgba(12, 9, 16, .95));
}

.product-benefit strong {
  display: block;
    font-size: .84rem;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: #e9a2bb;
    margin-bottom: .6rem;
}


	.site-content .product-benefit p {
    color: rgba(240, 232, 244, .75) !important;

    font-size: 18px !important;
    line-height: 1.6em !important;
    color: #fff !important;
    font-family: "Kanit", sans-serif !important;
    font-weight: 200 !important;

}

.related-products ul.products {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 28px !important;
  margin: 0 !important;
  padding: 0 !important;
}

@media (max-width: 900px) {
  .product-layout {
    grid-template-columns: 1fr;
    padding: 40px 24px;
  }

  .product-summary {
    position: static;
  }

  .product-benefits,
  .related-products {
    padding: 50px 24px;
  }

  .product-benefits-grid,
  .related-products ul.products {
    grid-template-columns: 1fr !important;
  }
}


.contact-hero {
    padding: 8rem 3rem 0px 3rem;
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
}

.page-tag{
    display: block;
    padding: 0.45rem 1.2rem 0px 1.2rem;
    border-radius: 30px;
    font-size: 0.72rem;
    font-weight: 400;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: #e9a2bb;
    margin-bottom: 0;
		text-align: center;
}

.page-title {
    font-family: "Cormorant Garamond", serif;
    font-size: 3.5rem;
    font-weight: 300;
    line-height: 1.2;
    margin-bottom: 1.5rem;
    background: linear-gradient(135deg, #f0e8f4, #e9a2bb);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
		text-align: center;
}

.page-title em {
    font-style: italic;
    color: #d25096;
    -webkit-text-fill-color: #d25096;
}

.page-subtitle{
    font-size: 18px !important;
    line-height: 1.6em !important;
    color: #fff !important;
    font-family: "Kanit", sans-serif !important;
    font-weight: 200 !important;
	text-align: center;
}






/* Popup Maker – registrační formulář */
.pum .lightbox-content {
  background:
    radial-gradient(circle at top right, rgba(210, 80, 150, 0.16), transparent 42%),
    linear-gradient(160deg, var(--bg2, #130c18), var(--card, #1e1226));
  border: 1px solid var(--border, rgba(210,80,150,0.18));
  border-radius: 6px;
  padding: 42px;
  color: var(--text, #f0e8f4);
  max-width: 760px;
  margin: 0 auto;
  box-shadow: 0 24px 80px rgba(0,0,0,0.45);
}

.pum .lightbox-form-tag {
  color: var(--magenta, #d25096);
  font-size: 13px;
  letter-spacing: .22em;
  text-transform: uppercase;
  margin-bottom: 18px;
}

.pum .lightbox-heading {
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(34px, 5vw, 54px);
  font-weight: 300;
  line-height: 1.08;
  margin-bottom: 18px;
  color: var(--text, #f0e8f4);
}

.pum .lightbox-subtitle {
  margin-bottom: 32px;
  color: rgba(240,232,244,.72) !important;
}

.pum .form-grid-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

.pum .field-group {
  margin-bottom: 18px;
}

.pum .field-group label {
  display: block;
  margin-bottom: 8px;
  color: var(--pink-soft, #e9a2bb);
  font-size: 13px;
  letter-spacing: .08em;
}

.pum .registration-form input,
.pum .registration-form select,
.pum .registration-form textarea {
  width: 100%;
  background: rgba(255,255,255,.04);
  border: 1px solid var(--border, rgba(210,80,150,0.18));
  border-radius: 3px;
  padding: 14px 16px;
  color: #fff;
  font-family: "Jost", sans-serif;
  font-size: 15px;
  outline: none;
  transition: border-color .25s, box-shadow .25s, background .25s;
}

.pum .registration-form textarea {
  min-height: 120px;
  resize: vertical;
}

.pum .registration-form input::placeholder,
.pum .registration-form textarea::placeholder {
  color: rgba(233,162,187,.45);
}

.pum .registration-form input:focus,
.pum .registration-form select:focus,
.pum .registration-form textarea:focus {
  border-color: var(--magenta, #d25096);
  background: rgba(255,255,255,.065);
  box-shadow: 0 0 0 3px rgba(210,80,150,.12);
}

.pum .checkbox-list {
  display: grid;
  gap: 10px;
  margin: 22px 0 28px;
}

.pum .checkbox-field {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  color: rgba(240,232,244,.76);
  font-size: 14px;
  line-height: 1.55;
}

.pum .checkbox-field input {
  width: auto;
  margin-top: 4px;
  accent-color: var(--magenta, #d25096);
}

.pum .lightbox-actions {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
}

.pum .registration-success,
.pum .registration-errors {
  padding: 14px 18px;
  margin-bottom: 20px;
  border-radius: 3px;
  font-size: 15px;
}

.pum .registration-success {
  background: rgba(80, 210, 150, .1);
  border: 1px solid rgba(80, 210, 150, .25);
  color: #fff;
}

.pum .registration-errors {
  background: rgba(210, 80, 150, .1);
  border: 1px solid rgba(210, 80, 150, .28);
  color: #fff;
}

.pum .registration-errors ul {
  margin: 0;
  padding-left: 18px;
}

@media (max-width: 640px) {
  .pum .lightbox-content {
    padding: 28px 22px;
  }

  .pum .form-grid-2 {
    grid-template-columns: 1fr;
    gap: 0;
  }

  .pum .lightbox-actions {
    flex-direction: column;
  }

  .pum .lightbox-actions .btn-main,
  .pum .lightbox-actions .btn-ghost {
    width: 100%;
    text-align: center;
  }
}

.pum-title popmake-title{
	display: none;
}

.pum-theme-161 .pum-container, .pum-theme-hello-box .pum-container{
	background: transparent!important;
}











.platform-icons{
    display:flex;
    justify-content:flex-start;
    align-items:center;
    gap:30px;
    flex-wrap:wrap;
}

.platform-icon{
    border:none;
    background:none;
    width:auto;
    height:auto;
}

.platform-icon img{
    width:72px;
    height:72px;
    object-fit:contain;
    opacity:.85;
    transition:.3s;
}

.platform-icon:hover img{
    opacity:1;
    transform:scale(1.08);
}



.df-about-faq {
    margin: 2rem 0;
}

.df-about-faq .faq-col {
    width: 100%;
}

.df-about-faq .faq-item {
    background: rgba(255,255,255,0.02);
}






.df-about-faq-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1px;
}

.df-about-faq-grid .faq-item {
    margin: 0;
}


.df-about-faq-grid {
    width: 100%;
}




.df-shop{
	display: block;
}





.products.columns-4{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:30px;
    list-style:none;
    margin:0;
    padding:0;
	margin-top: 30px;
	margin-left: 0px!important;
	padding-left: 0px!important;
}

.products.columns-4 > li{
    margin:0;
}

@media (max-width:1024px){
    .products.columns-4{
        grid-template-columns:repeat(2,1fr);
    }
}

@media (max-width:767px){
    .products.columns-4{
        grid-template-columns:1fr;
    }
}



.faq-item {
    background: transparent;
    border: 1px solid rgb(210 80 150 / 9%);
    border-radius: 6px;
    overflow: hidden;
    transition: border-color 0.2s;
    border-color: transparent;
	border-bottom: 1px solid rgb(210 80 150 / 9%);
}

@media (min-width: 992px){
#pricing .df-card-grid--4 {
    grid-template-columns: repeat(4, 1fr);
}
}




















:root {
  --bg:        #0d0810;
  --bg2:       #130c18;
  --bg3:       #1a1020;
  --card:      #1e1226;
  --border:    rgba(210,80,150,0.18);
  --border2:   rgba(210,80,150,0.08);
  --magenta:   #d25096;
  --magenta2:  #e8689e;
  --fuchsia:   #c03580;
  --pink-soft: #e9a2bb;
  --violet:    #7b3fa0;
  --violet2:   #9b5bbf;
  --text:      #f0e8f4;
  --muted:     rgba(240,232,244,0.55);
  --muted2:    rgba(240,232,244,0.28);
}


/* =========================================================
   PŘEHLED BLOGU
   ========================================================= */

.blog-hero {
  position: relative;
  padding: clamp(70px, 9vw, 130px) 0 clamp(44px, 6vw, 80px);
 /* background:
    radial-gradient(ellipse 50% 70% at 50% 10%, rgba(210,80,150,0.12), transparent 70%),
    radial-gradient(ellipse 45% 60% at 20% 80%, rgba(123,63,160,0.10), transparent 65%),
    linear-gradient(160deg, var(--bg) 0%, var(--bg2) 100%);
  border-bottom: 1px solid var(--border2); */
  overflow: hidden;
}
/*
.df-page{
	 position: relative;
}

.df-page::before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse 60% 80% at 75% 50%, rgba(180, 50, 120, 0.12), transparent 70%), radial-gradient(ellipse 40% 60% at 20% 70%, rgba(123, 63, 160, 0.1), transparent 60%), linear-gradient(160deg, var(--df-bg), var(--df-bg-2));
}
*/

/*
.blog-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: repeating-linear-gradient(
    90deg,
    transparent 0,
    transparent 119px,
    rgba(210,80,150,0.04) 120px,
    rgba(210,80,150,0.04) 121px
  );
  pointer-events: none;
}
*/
.blog-hero-inner {
  position: relative;
  z-index: 1;
  max-width: 820px;
  margin: 0 auto;
  text-align: center;
}

.blog-hero .eyebrow,
.df-blog-eyebrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .75rem;
  margin-bottom: 1.3rem;
  color: var(--magenta);
  font-family: "Jost", sans-serif;
  font-size: .86rem;
  font-weight: 400;
  letter-spacing: .24em;
  text-transform: uppercase;
}

.blog-hero .eyebrow::before,
.blog-hero .eyebrow::after,
.df-blog-eyebrow::before,
.df-blog-eyebrow::after {
  content: "";
  width: 34px;
  height: 1px;
  background: var(--magenta);
  opacity: .85;
}

.blog-hero .post-title,
.df-blog-title {
  margin: 0 0 1.2rem;
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(3rem, 7vw, 5.6rem);
  font-weight: 300;
  line-height: 1.02;
  letter-spacing: -.02em;
  background: linear-gradient(135deg, var(--text), var(--pink-soft));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.blog-hero p,
.df-blog-subtitle {
  max-width: 720px;
  margin: 0 auto;
  font-family: "Kanit", sans-serif;
  font-size: 18px;
  line-height: 1.75;
  font-weight: 200;
  color: #fff;
}

/* ---------- filtry kategorií ---------- */
.blog-filters-wrap {
  position: sticky;
  top: 0;
  z-index: 20;
  padding: 18px 0;

}

.blog-filters {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}

.blog-filters .filter,
.blog-filter-link {
  appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: .75rem 1.35rem;
  border: 1px solid var(--border);
  border-radius: 999px;
  background: rgba(255,255,255,.025);
  color: var(--muted);
  font-family: "Jost", sans-serif;
  font-size: .78rem;
  font-weight: 500;
  letter-spacing: .12em;
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
  transition: background .25s ease, color .25s ease, border-color .25s ease, transform .25s ease;
  box-shadow: none;
}

.blog-filters .filter:hover,
.blog-filter-link:hover {
  color: var(--pink-soft);
  border-color: var(--magenta);
  background: rgba(210,80,150,.09);
  transform: translateY(-1px);
}

.blog-filters .filter.active,
.blog-filter-link.active,
.blog-filter-link.is-active {
  color: #fff;
  border-color: transparent;
  background: linear-gradient(135deg, var(--fuchsia), var(--violet));
  box-shadow: 0 8px 26px rgba(192,53,128,.25);
}

/* ---------- grid článků ---------- */
.blog-archive-main,
main.container.df-blog-main {
  padding: clamp(44px, 6vw, 82px) 0 clamp(70px, 8vw, 120px);
}

.blog-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  border: 1px solid transparent;
  border-radius: 8px;
  overflow: hidden;
  background: transparent;
}

.blog-card {
  display: flex;
  min-width: 0;
  background: var(--card);
  overflow: hidden;
  transition: background .28s ease, transform .28s ease;
}

.blog-card:hover {
  background: #221430;
}

.blog-card a {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 100%;
  color: inherit;
  text-decoration: none;
}

.blog-image {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 10;
  overflow: hidden;
  background:
    radial-gradient(circle at 50% 40%, rgba(210,80,150,.18), transparent 50%),
    linear-gradient(135deg, var(--bg3), rgba(40,15,55,.88));
  border-bottom: 1px solid var(--border2);
}

.blog-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: transform .45s ease, opacity .45s ease;
}

.blog-card:hover .blog-image img {
  transform: scale(1.045);
  opacity: .86;
}

.blog-content {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: clamp(24px, 3vw, 36px);
}

.blog-meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px 14px;
  margin-bottom: 1rem;
  color: var(--muted);
  font-family: "Jost", sans-serif;
  font-size: .78rem;
  font-weight: 300;
}

.blog-cat {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: .35rem .85rem;
  border: 1px solid var(--border);
  border-radius: 999px;
  background: rgba(210,80,150,.08);
  color: var(--pink-soft);
  font-size: .68rem;
  font-weight: 500;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.blog-card h3,
.blog-card-title {
  margin: 0 0 .8rem;
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(1.85rem, 2.3vw, 2.25rem);
  font-weight: 600;
  line-height: 1.1;
  color: var(--text);
}

.blog-card p,
.blog-card-excerpt {
  margin: 0 0 1.6rem;
  color: #fff;
  font-family: "Kanit", sans-serif;
  font-size: 18px;
  line-height: 1.62;
  font-weight: 200;
}

.blog-link {
  margin-top: auto;
  color: var(--magenta2);
  font-family: "Jost", sans-serif;
  font-size: .78rem;
  font-weight: 500;
  letter-spacing: .13em;
  text-transform: uppercase;
}

.blog-link span {
  display: inline-block;
  transition: transform .25s ease;
}

.blog-card:hover .blog-link span {
  transform: translateX(4px);
}

.empty-state {
  display: none;
  margin-top: 28px;
  padding: 34px 24px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: rgba(255,255,255,.025);
  color: var(--muted);
  font-family: "Kanit", sans-serif;
  font-size: 18px;
  font-weight: 200;
  text-align: center;
}

/* ---------- pagination ---------- */
.df-blog-pagination,
.blog-pagination {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-top: 44px;
}

.df-blog-pagination .page-numbers,
.blog-pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 42px;
  height: 42px;
  padding: 0 .9rem;
  border: 1px solid var(--border);
  border-radius: 999px;
  background: rgba(255,255,255,.025);
  color: var(--muted);
  font-family: "Jost", sans-serif;
  font-size: .8rem;
  text-decoration: none;
}

.df-blog-pagination .page-numbers.current,
.df-blog-pagination .page-numbers:hover,
.blog-pagination .page-numbers.current,
.blog-pagination .page-numbers:hover {
  color: #fff;
  border-color: transparent;
  background: linear-gradient(135deg, var(--fuchsia), var(--violet));
}

/* =========================================================
   DETAIL ČLÁNKU
   ========================================================= */

.single-post article,
.df-single-post article {
  background: var(--bg);
}

.post-header {
  max-width: 900px;
  margin: 0 auto;
  padding: clamp(64px, 8vw, 120px) 3rem 3rem;
}

.back-link {
  display: inline-flex;
  align-items: center;
  gap: .55rem;
  margin-bottom: 2rem;
  color: var(--muted);
  font-family: "Jost", sans-serif;
  font-size: .86rem;
  font-weight: 300;
  text-decoration: none;
  transition: color .2s ease, transform .2s ease;
}

.back-link:hover {
  color: var(--pink-soft);
  transform: translateX(-2px);
}

.post-meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: .8rem 1.2rem;
  margin-bottom: 1.6rem;
}

.post-tag,
.post-tags a,
.post-tags span {
  display: inline-flex;
  align-items: center;
  padding: .42rem .95rem;
  border: 1px solid var(--border);
  border-radius: 999px;
  background: rgba(210,80,150,.08);
  color: var(--pink-soft);
  font-family: "Jost", sans-serif;
  font-size: .7rem;
  font-weight: 500;
  letter-spacing: .1em;
  text-transform: uppercase;
  text-decoration: none;
}

.post-tags {
  display: flex;
  flex-wrap: wrap;
  gap: .6rem;
  margin-top: 1.4rem;
}

.post-tags a:hover {
  border-color: var(--magenta);
  background: rgba(210,80,150,.14);
}

.post-date {
  color: var(--muted);
  font-family: "Jost", sans-serif;
  font-size: .86rem;
  font-weight: 300;
}

.post-title {
  margin: 0 0 1.4rem;
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(3rem, 6vw, 5.2rem);
  font-weight: 300;
  line-height: 1.08;
  letter-spacing: -.02em;
  background: linear-gradient(135deg, var(--text), var(--pink-soft));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.post-excerpt {
  max-width: 820px;
  margin: 0;
  color: #fff;
  font-family: "Kanit", sans-serif;
  font-size: 20px;
  line-height: 1.72;
  font-weight: 200;
}

.post-featured-image {
  width: 100%;
  max-width: 980px;
  margin: 0 auto 4rem;
  padding: 0 3rem;
}

.post-featured-image img {
  display: block;
  width: 100%;
  border: 1px solid var(--border);
  border-radius: 10px;
  box-shadow: 0 22px 80px rgba(0,0,0,.28);
}

.post-content {
  max-width: 900px;
  margin: 0 auto;
  padding: 0 3rem 4rem;
}

.post-content-inner {
  width: 100%;
}

.post-content p {
  margin: 0 0 1.55rem;
  color: #fff;
  font-family: "Kanit", sans-serif;
  font-size: 18px;
  line-height: 1.78;
  font-weight: 200;
}

.post-content a {
  color: var(--magenta2);
  text-decoration: none;
  border-bottom: 1px solid rgba(210,80,150,.38);
}

.post-content a:hover {
  color: var(--pink-soft);
  border-bottom-color: var(--pink-soft);
}

.post-content h2,
.post-content h3,
.post-content h4 {
  font-family: "Cormorant Garamond", serif;
  line-height: 1.16;
  font-weight: 400;
}

.post-content h2 {
  margin: 3.2rem 0 1.35rem;
  color: var(--pink-soft);
  font-size: clamp(2rem, 4vw, 2.55rem);
}

.post-content h3 {
  margin: 2.6rem 0 1rem;
  color: var(--text);
  font-size: clamp(1.65rem, 3vw, 2.05rem);
}

.post-content h4 {
  margin: 2.2rem 0 .9rem;
  color: var(--pink-soft);
  font-size: 1.45rem;
}

.post-content ul,
.post-content ol {
  margin: 0 0 1.8rem 1.2rem;
  padding-left: 1rem;
  color: #fff;
  font-family: "Kanit", sans-serif;
  font-size: 18px;
  line-height: 1.75;
  font-weight: 200;
}

.post-content li {
  margin-bottom: .55rem;
}

.dfu-access-actions a, 
.dfu-access-actions a:focus, 
.dfu-access-actions a:active, 
.dfu-access-actions a:visited{
display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: .95rem 2.4rem;
    border: none;
    border-radius: 4px;
    background: linear-gradient(135deg, var(--fuchsia), var(--violet));
    color: #fff;
    font-family: "Jost", sans-serif;
    font-size: .84rem;
    font-weight: 500;
    letter-spacing: .12em;
    text-transform: uppercase;
    text-decoration: none;
    box-shadow: 0 8px 30px rgba(192, 53, 128, .32);
    transition: opacity .2s ease, transform .2s ease, box-shadow .2s ease;
	text-decoration: none;
}

.dfu-access-actions a:hover{
	    color: #fff;
	    opacity: .92;
    transform: translateY(-2px);
    box-shadow: 0 12px 40px rgba(192, 53, 128, .46);
}

.post-content li::marker {
  color: var(--magenta2);
}

.post-content blockquote {
  margin: 2.3rem 0;
  padding: 1.6rem 2rem;
  background: var(--card);
  border-left: 3px solid var(--magenta);
  border-radius: 6px;
  color: var(--text);
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(1.35rem, 2.5vw, 1.7rem);
  line-height: 1.45;
  font-style: italic;
  font-weight: 300;
}

.post-content img {
  display: block;
  width: 100%;
  height: auto;
  margin: 2.4rem 0;
  border: 1px solid var(--border);
  border-radius: 8px;
}

.post-content figure {
  margin: 2.4rem 0;
}

.post-content figcaption {
  margin-top: .75rem;
  color: var(--muted);
  font-family: "Jost", sans-serif;
  font-size: .84rem;
  font-weight: 300;
  text-align: center;
}

/* ---------- post footer / share / related / cta ---------- */
.post-footer {
  max-width: 900px;
  margin: 0 auto;
  padding: 3.2rem 3rem 5.5rem;
  border-top: 1px solid var(--border2);
  background: transparent;
}

.post-share {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: .8rem;
  margin-bottom: 3.2rem;
}

.share-label {
  color: var(--muted);
  font-family: "Jost", sans-serif;
  font-size: .86rem;
  font-weight: 300;
}

.share-btn, 
.share-btn:focus, 
.share-btn:active, 
.share-btn:visited{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: .65rem 1.15rem;
  border: 1px solid var(--border);
  border-radius: 999px;
  background: var(--card);
  color: var(--text);
  font-family: "Jost", sans-serif;
  font-size: .8rem;
  font-weight: 300;
  text-decoration: none;
  transition: background .2s ease, border-color .2s ease, color .2s ease, transform .2s ease;
}

.share-btn:hover {
  color: var(--pink-soft);
  border-color: var(--magenta);
  background: var(--bg3);
  transform: translateY(-1px);
}


.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit:active, .woocommerce a.button:active, .woocommerce button.button:active, .woocommerce input.button:active, .woocommerce #respond input#submit:visited, .woocommerce a.button:visited, .woocommerce button.button:visited, .woocommerce input.button:visited, .woocommerce #respond input#submit:focus, .woocommerce a.button:focus, .woocommerce button.button:focus, .woocommerce input.button:focus,

.pmpro_btn, 
.pmpro_btn:active, 
.pmpro_btn:visited, 
.pmpro_btn:focus{
	display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: .95rem 2.4rem;
    border: none;
    border-radius: 4px;
    background: linear-gradient(135deg, var(--fuchsia), var(--violet))!important;
    color: #fff!important;
    font-family: "Jost", sans-serif;
    font-size: .84rem;
    font-weight: 500;
    letter-spacing: .12em;
    text-transform: uppercase;
    text-decoration: none;
    box-shadow: 0 8px 30px rgba(192, 53, 128, .32);
    transition: opacity .2s ease, transform .2s ease, box-shadow .2s ease;
border: 0px!important;
}

.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit:active, .woocommerce a.button:active, .woocommerce button.button:active, .woocommerce input.button:active, .woocommerce #respond input#submit:visited, .woocommerce a.button:visited, .woocommerce button.button:visited, .woocommerce input.button:visited, .woocommerce #respond input#submit:focus, .woocommerce a.button:focus, .woocommerce button.button:focus, .woocommerce input.button:focus, 
.pmpro_btn:hover{
    opacity: .92!important;
    transform: translateY(-2px)!important;
    box-shadow: 0 12px 40px rgba(192, 53, 128, .46)!important;
		border: 0px!important;
}

 
.dfu-woocommerce-account ul, 
.dfu-woocommerce-account p{
	color: #000;	
	}
	
	.dfu-woocommerce-account h1,
.dfu-woocommerce-account h2, 
.dfu-woocommerce-account h3, 
.dfu-woocommerce-account h4{
	color: #d25096!important;
}

.site-main .dfu-woocommerce-account h2{
	font-size: 24px;
}

.dfu-locked-content{
	padding: 40px 30px;
     background: linear-gradient(135deg, #130c18, #0b0710);
    border: 1px solid var(--df-border);
	    background: #221430;
		    border-radius: 8px;
}

.dfu-locked-content h3{
	margin-top: 0px;
}

#woocommerce-MyAccount-navigation{
	margin-bottom: 40px!important;
}

.header-r{
    display: flex;
    align-items: center;
}

.header-top{
	margin-top: 4px;
	margin-left: 10px;
}

.related-posts {
  margin-top: 3.8rem;
}

.related-title {
  margin: 0 0 1.8rem;
  color: var(--pink-soft);
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(2rem, 4vw, 2.5rem);
  font-weight: 300;
}

.related-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  border: 1px solid var(--border);
  border-radius: 8px;
  overflow: hidden;
  background: var(--border);
}

.related-card {
  display: block;
  padding: 1.7rem;
  background: var(--card);
  color: inherit;
  text-decoration: none;
  transition: background .25s ease, transform .25s ease;
}

.related-card:hover {
  background: #221430;
}

.related-card-date {
  margin-bottom: .7rem;
  color: var(--muted);
  font-family: "Jost", sans-serif;
  font-size: .76rem;
  font-weight: 300;
}

.related-card-title {
  margin: 0 0 .65rem;
  color: var(--text);
  font-family: "Cormorant Garamond", serif;
  font-size: 1.55rem;
  font-weight: 500;
  line-height: 1.16;
}

.related-card-excerpt {
  margin: 0;
  color: #fff;
  font-family: "Kanit", sans-serif;
  font-size: 16px;
  line-height: 1.58;
  font-weight: 200;
}

.btn-main,
.df-blog-cta-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: .95rem 2.4rem;
  border: none;
  border-radius: 4px;
  background: linear-gradient(135deg, var(--fuchsia), var(--violet));
  color: #fff;
  font-family: "Jost", sans-serif;
  font-size: .84rem;
  font-weight: 500;
  letter-spacing: .12em;
  text-transform: uppercase;
  text-decoration: none;
  box-shadow: 0 8px 30px rgba(192,53,128,.32);
  transition: opacity .2s ease, transform .2s ease, box-shadow .2s ease;
}

.btn-main:hover,
.df-blog-cta-button:hover {
  opacity: .92;
  transform: translateY(-2px);
  box-shadow: 0 12px 40px rgba(192,53,128,.46);
}

.df-blog-cta {
  padding: clamp(58px, 7vw, 92px) 24px;
  text-align: center;
  background:
    radial-gradient(circle at 50% 20%, rgba(210,80,150,.12), transparent 55%),
    linear-gradient(135deg, var(--bg2), rgba(123,63,160,.13), var(--bg2));
  border-top: 1px solid var(--border2);
  border-bottom: 1px solid var(--border2);
}

.df-blog-cta .section-tag,
.df-blog-cta-tag {
  justify-content: center;
  color: var(--magenta);
  font-family: "Jost", sans-serif;
  font-size: .86rem;
  letter-spacing: .24em;
  text-transform: uppercase;
  margin-bottom: 1.2rem;
}

.df-blog-cta .section-title,
.df-blog-cta-title {
  max-width: 760px;
  margin: 0 auto 1.1rem;
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(2.4rem, 5vw, 3.7rem);
  line-height: 1.08;
  font-weight: 400;
  color: var(--text);
}

.df-blog-cta p,
.df-blog-cta-text {
  max-width: 680px;
  margin: 0 auto 2.2rem;
  color: #fff;
  font-family: "Kanit", sans-serif;
  font-size: 18px;
  line-height: 1.7;
  font-weight: 200;
}

/* ---------- copy link stav ---------- */
.share-btn.is-copied,
.share-btn.copied {
  color: #fff;
  border-color: transparent;
  background: linear-gradient(135deg, var(--fuchsia), var(--violet));
}

/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 1100px) {
  .blog-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 900px) {
  .df-blog-container,
  .container {
    width: min(100% - 36px, 1180px);
  }

  .blog-filters-wrap {
    position: relative;
    top: auto;
  }

  .blog-hero {
    padding-top: 72px;
  }

  .post-header,
  .post-featured-image,
  .post-content,
  .post-footer {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .related-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 700px) {
  .blog-grid {
    grid-template-columns: 1fr;
  }

  .blog-content {
    padding: 26px;
  }

  .blog-filters {
    justify-content: flex-start;
    overflow-x: auto;
    flex-wrap: nowrap;
    padding-bottom: 4px;
    -webkit-overflow-scrolling: touch;
  }

  .blog-filters::-webkit-scrollbar {
    height: 4px;
  }

  .blog-filters::-webkit-scrollbar-thumb {
    background: var(--border);
    border-radius: 999px;
  }

  .blog-filters .filter,
  .blog-filter-link {
    flex: 0 0 auto;
  }

  .post-share {
    align-items: flex-start;
    flex-direction: column;
  }
}

@media (max-width: 560px) {
  .df-blog-container,
  .container {
    width: min(100% - 28px, 1180px);
  }

  .blog-hero {
    padding: 58px 0 42px;
  }

  .blog-hero .eyebrow,
  .df-blog-eyebrow {
    font-size: .72rem;
    letter-spacing: .16em;
  }

  .blog-hero .eyebrow::before,
  .blog-hero .eyebrow::after,
  .df-blog-eyebrow::before,
  .df-blog-eyebrow::after {
    width: 20px;
  }

  .blog-card h3,
  .blog-card-title {
    font-size: 1.85rem;
  }

  .post-header {
    padding-top: 56px;
  }

  .post-header,
  .post-featured-image,
  .post-content,
  .post-footer {
    padding-left: 1.2rem;
    padding-right: 1.2rem;
  }

  .post-featured-image {
    margin-bottom: 3rem;
  }

  .post-content blockquote {
    padding: 1.35rem 1.4rem;
  }

  .related-card {
    padding: 1.4rem;
  }
}






.site-content h3{
    font-size: 23px;
    line-height: 32px;
    word-wrap: break-word;
	 font-family: "Cormorant Garamond", Georgia, serif;
    font-weight: 600;
    line-height: 1.1;
}


.blog-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0px, 1fr));
    padding-bottom: 5rem;
    gap: 2rem;
}

.blog-card {
    display: flex;
    flex-direction: column;
    min-width: 0;
    border-radius: 28px;
    overflow: hidden;
    background: linear-gradient(180deg, rgba(30, 18, 38, 0.9), rgba(20, 12, 24, 0.95));
    border: 1px solid rgba(210, 80, 150, 0.16);
    box-shadow: 0 28px 60px rgba(5, 3, 8, 0.28);
    transition: transform 0.4s ease, border-color 0.4s ease, box-shadow 0.4s ease, background 0.4s ease;
}



.blog-hero h1.post-title {
    font-family: "Cormorant Garamond", serif;
    font-size: 3.5rem;
    font-weight: 300;
    line-height: 1.2;
    margin-bottom: 1.5rem;
    background: linear-gradient(135deg, #f0e8f4, #e9a2bb);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.blog-hero .eyebrow {
    display: inline-block;
    margin-bottom: 1.2rem;
    color: #e9a2bb;
    font-family: "Jost", sans-serif;
    font-size: 0.82rem;
    font-weight: 400;
    letter-spacing: 0.22em;
    text-transform: uppercase;
}

.blog-hero .eyebrow:before, .blog-hero .eyebrow:after{
	content: none;
}

.blog-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0px, 1fr));
    gap: 32px!important;
	    padding-bottom: 0px;
}

.blog-hero {
    padding: 6rem 3rem 3rem;
    text-align: center;
}

.blog-hero-inner {
    max-width: 850px;
    margin: 0 auto;
}

.eyebrow {
    font-size: 0.87rem;
    letter-spacing: 0.24em;
    text-transform: uppercase;
    color: var(--magenta);
    margin-bottom: 1.2rem;
}

.blog-hero .post-title {
    font-family: "Cormorant Garamond", serif;
    font-size: clamp(3rem, 6vw, 5rem);
    font-weight: 300;
    line-height: 1.1;
    margin-bottom: 1.5rem;
}

.blog-filters-wrap {
    padding: 2rem 3rem 3rem;
}

.blog-filters {
    display: flex;
    justify-content: center;
    gap: 0.8rem;
    flex-wrap: wrap;
}

.filter {
    padding: 0.7rem 1.4rem;
    background: transparent;
    color: var(--text);
    border: 1px solid var(--border);
    border-radius: 999px;
    font-family: "Jost", sans-serif;
    font-size: 0.78rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    cursor: pointer;
    transition: all 0.25s ease;
}

.filter:hover,
.filter.active {
    background: linear-gradient(135deg, var(--fuchsia), var(--violet));
    border-color: transparent;
    color: #fff;
}

.blog-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1px;
    border: 1px solid transparent;
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 5rem;
}

.blog-card {
    display: flex;
    flex-direction: column;
    background: var(--card);
    border-right: 1px solid var(--border);
    transition: background 0.3s ease, transform 0.3s ease;
}

.blog-card:hover {
    background: #221430;
}

.blog-image {
    display: block;
    height: 230px;
    overflow: hidden;
    border-bottom: 1px solid var(--border2);
}

.blog-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.5s ease;
}

.blog-card:hover .blog-image img {
    transform: scale(1.05);
}

.blog-content {
    padding: 35px;
}

.blog-meta {
    display: flex;
    gap: 0.7rem;
    flex-wrap: wrap;
    margin-bottom: 1rem;
}

.blog-meta a,
.blog-meta span {
    font-size: 0.75rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--magenta);
    text-decoration: none;
}

.blog-meta a:hover {
    color: var(--pink-soft);
}

.blog-cat {
    color: var(--pink-soft) !important;
}

.blog-content h3 {
    font-family: "Cormorant Garamond", serif;
    font-size: 35px;
    font-weight: 600;
    line-height: 1.1;
    margin-bottom: 0.8rem;
}

.blog-content h3 a {
    color: var(--text);
    text-decoration: none;
}

.blog-content p {
    margin-bottom: 1.5rem;
}

.blog-link {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    color: var(--magenta2);
    text-decoration: none;
    font-size: 0.82rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
	
	display: block!important;
	margin-top: auto;
    display: inline-flex;
    align-items: center;
    gap: 0.65rem;
    color: #fff!important;
    font-family: "Jost", sans-serif;
    font-size: 0.82rem;
    font-weight: 400;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    opacity: 0.9;
	
	
}

.empty-state {
    display: none;
    text-align: center;
    padding: 3rem;
    color: var(--muted);
}



.blog-image img {
    width: 100%;
    height: auto;
    object-fit: cover;
    display: block;
    transition: transform 0.5s ease;
    aspect-ratio: 3 / 2;
}



.blog-cat {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    color: #e9a2bb;
    font-weight: 400;
	    padding: 0px;
    border: 0px;
    display: block !important;
    background: transparent;
}

.blog-cat::before {
    content: "✦";
    font-size: 0.72rem;
}

.blog-content h3 {
    font-family: "Cormorant Garamond", serif;
    font-size: 2.2rem;
    font-weight: 400;
    color: #e9a2bb;
    margin: 0rem 0 0.5rem;
}

.blog-meta a:not(.blog-cat){
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    color: rgba(240, 232, 244, 0.5);
    font-family: "Jost", sans-serif;
    font-size: 0.74rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.blog-tag{
	margin-left: auto;
}

@media (max-width: 900px) {
    .blog-grid {
        grid-template-columns: 1fr;
    }

    .blog-hero,
    .blog-filters-wrap {
        padding-left: 2rem;
        padding-right: 2rem;
    }
}





.blog-card {
    display: flex;
    flex-direction: column;
    min-width: 0;
    overflow: hidden;
}

.blog-card > div {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.blog-card a {
    display: inline;
    min-height: auto;
    width: auto;
}

.blog-card .blog-image {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 10;
    flex-shrink: 0;
}

.blog-card .blog-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.blog-card .blog-content {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: clamp(24px, 3vw, 36px);
}

.blog-card .blog-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 0.7rem;
}

.blog-card .blog-content h3 a,
.blog-card .blog-link,
.blog-card .blog-meta a {
    display: inline-flex;
    width: auto;
    min-height: auto;
}





.blog-filters a.filter {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}