:root { --black:#1d1d1d; --gold2:#be964f;  --dark-gray-background: #121212; --dark-gray-redesign: #474747; --gold: #dfaa28; /*--gold2: #b88f41;*/ --yellow: #ffd300; --gray: #f6f5f3; --dark-gray: #58585a; --light-gray: #494a4c; --lighter-gray: #999/*#747675*/; --light-black: #494a4c; /* použití př. var(--yellow) */ }
* { padding: 0; margin: 0; }

:root {
  --space-between-section-bigger: 75px;
  --space-between-section-smaller: 70px;
}

/******************************************************************************/

input[type="text"],
input[type="number"],
input[type="email"],
input[type="password"],
input[type="tel"],
input[type="submit"],
select,
textarea,
button {
    -webkit-appearance: none;
    appearance: none;
    border-radius: 5px;
}

input[type="text"],
input[type="number"],
input[type="email"],
input[type="password"],
input[type="tel"],
input[type="checkbox"] {
  border-style: none;
  border-radius: 5px;
}

h1 { color: #fff; }

input, textarea, select { font-family: "Figtree", serif; font-size: 1em; color: #000; }
input, textarea, select { padding: 4px 5px; border: none; margin-top: 5px; }
select option[disabled="disabled"] { color: #990033; }
fieldset { background: rgba(230, 230, 230, 0.25); border: 1px solid #dedede; border-radius: 5px; float: left; margin-right: 10px; padding: 5px 10px; }
fieldset legend .fa { color: #aaa; padding: 0 2px; }
fieldset legend .fa:hover { color: #444; }

input[type="checkbox"]:not([disabled]) { cursor: pointer; }
.checkbox-bigger {width: 24px;height: 24px;vertical-align: middle;accent-color: var(--gold2);cursor: pointer; display: inline-block; }

/*input[type="text"]:focus:valid,*/
input:required:invalid, input:focus:invalid, input[type="text"]:not(:placeholder-shown):invalid, input[type="email"]:not(:placeholder-shown):invalid { /*border: 1px solid gray;*/ background-image: url('../img/icon_form_write_white.svg'); background-position: calc(100% - 10px) center; background-size:15px; background-repeat: no-repeat; }
input:required:valid, input[type="text"]:not(:placeholder-shown):valid, input[type="email"]:not(:placeholder-shown):valid { /*border: 1px solid darkgreen;*/ background-image: url('../img/icon_form_check.svg'); background-position: calc(100% - 10px) center; background-size:15px; background-repeat: no-repeat; }
#df-participant { background-image: none; }

video { object-fit: cover; }

/* Skrytí přehrávacího tlačítka pro WebKit prohlížeče (Chrome, Safari) */
video::-webkit-media-controls-start-playback-button {
    display: none;
    -webkit-appearance: none;
}
/* Skrytí přehrávacího tlačítka pro Mozillu Firefox */
video::-moz-play-button {
    display: none;
}

select {
    appearance: none;
    padding-right: 30px;
    background-image: url('../img/caret-down-solid-gold.svg');
    background-position: calc(100% - 10px) center;
    background-repeat: no-repeat;
    background-size: 15px;
    cursor: pointer;
}

a#button-next-training-cards { color: var(--gold2); text-decoration: underline; }
a#button-next-training-cards:hover { cursor: pointer; }

/*
ul { list-style: none; }
ul li::before {content: "→";  display: inline-block; margin-left: -1em; width: 3em; color: var(--gold); }
*/

.no-margin-bottom-h1 h1 { margin-bottom: 0; }

.gray-background { background: var(--dark-gray-background); }
.transparent-background, .content-block.transparent-background { background: none; }

ul.classic-list li { color: #fff!important; }
/*ul.classic-list li::before { content: "•"; color: #fff; width: 25px; }*/

.responsive-design { font-size: 1em; }
/*.saira { font-family: 'Saira Semi Condensed', sans-serif; }*/

.divide-line { /*padding: 75px 0;*/ padding: var(--space-between-section-bigger, 75px) 0; }
.divide-line .line { width: 100%; border-bottom: 1px solid #424242; }

.no-padding-top { padding-top: 0!important; }
.no-padding-bottom { padding-bottom: 0!important; }
.no-margin-top { margin-top: 0!important; }
.no-margin-bottom { margin-bottom: 0!important; }

.no-wrap { white-space: nowrap; }
.text-transform-uppercase { text-transform: uppercase; }

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

/******************************************************************************/

.ui-widget, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { /*font-family: oswald;*/ font-size: 1em; }
.custom-combobox-toggle { margin: -2px 0 0 1px; padding: 8px 2px 8px 1px; }

/*a[href^="tel"], a[href^="mailto"]  { color: inherit; text-decoration: none; }*/
a[x-apple-data-detectors] { color: inherit !important; text-decoration: none !important; font-size: inherit !important; font-family: inherit !important; font-weight: inherit !important; line-height: inherit !important; }

/******************************************************************************/

.highlight { /*color: var(--gold);*/ }
.highlight2 { color: #ab7442; }
.nu { text-decoration: none; }
.nu:hover { text-decoration: underline; }
.un { text-decoration: underline; color: #fff; }
.un:hover { text-decoration: none; }
.nn { text-decoration: none; }
.nn:hover { text-decoration: none; }
.nc { text-decoration: none; }
.nc:hover { color: #eb2332; color: #1aa9e6; }
.ui-tooltip { background: #444; border: 0; border-radius: 2px; box-shadow: none; color: #fff; /*font-family: oswald;*/ font-size: 12px; }
.hidden { display: none; }
.clear { clear: both; }
.text-shadow { text-shadow: 1px 2px 3px #222; }
.center { text-align: center; }
.uppercase { text-transform: uppercase; }
.go-back { display: inline-block; margin-top: 3em; text-transform: lowercase; margin-bottom: 1em; }
.separator { border-top: 3px solid #fff; height: 1px; margin: 0.5em 0; }
.separator-black { border-top: 2px solid #1c1c1c; height: 1px; /*margin: 1.5em 8em;*/ }
.comment a { color: var(--gold2);  }

.nl-accept-gdpr { line-height: 1.1; margin: 8px 0 30px; }
#nl-gdpr { /*transform: scale(2); margin-left: 5px;*/ cursor: pointer; }
label[for="nl-gdpr"] { margin-left: 45px; display: block; margin-top: -25px; cursor: pointer; user-select: none; max-width: 210px; }

label[for="gdpr"] { cursor: pointer; user-select: none; margin-left: 1em; font-size: 18px; display: inline-block; vertical-align: top; width: calc(100% - 50px); }
label[for="terms_and_conditions"], label[for="accept_newsletter"] { display: inline-block; vertical-align: top; width: calc(100% - 50px); }
.order-container label[for="gdpr"] { font-size: initial; }

.top-perex { /*padding: 75px 0;*/ padding: var(--space-between-section-bigger, 75px) 0; }
.classic-text { padding: var(--space-between-section-bigger, 75px) 0 0 0; }

.top-perex a, .other-container a, .order-container a, .go-back a, .training-detail a, .training-detail-top a, .podcast-detail-text-container a, .press-releases-detail a { text-decoration: none; color: var(--gold2); border-bottom: 1px solid var(--gold2); }


/******************************************************************************/
/* tlačítka */

/* .right { text-align: right; } */

/*
.button { font-size: 17px; text-align: center; background: var(--yellow); border: none; font-weight: bold; width: 190px; text-decoration: none; padding: 15px 10px; text-transform: uppercase; }
.button .text { color: #fff; }
.button:hover { background: #eec400; cursor: pointer; }
*/

.button { border: 1px solid var(--gold2); color: #fff; /*padding: 10px 20px;*/ padding: 10px 50px; font-size: 17px; /*20px*/ display: inline-block; background: none; text-align: center; max-width: 229px; }
.button a { color: #fff; text-decoration: none; }
.button:hover { background: var(--gold2); cursor: pointer; }

.button-podcast { color: var(--gold); background: var(--dark-gray-redesign); padding: 10px 20px; font-size: 17px; display: inline-block; text-align: center; border: none;  }
.button-podcast a { color: #fff; text-decoration: none; }
.button-podcast:hover { background: var(--light-gray); cursor: pointer; }

/*
.button1 { color: #000; background: var(--gold2); padding: 10px 20px; font-size: 17px; display: inline-block; text-align: center; border: none;  }
.button1 a { color: #fff; text-decoration: none; }
.button1:hover { background: var(--gold); cursor: pointer; }
*/

/******************************************************************************/
/* tabulka */

.table tr th, .table tr td { padding: 5px 15px; }
.table tr th, .table thead tr td, .table tr.th td { background: #81ba25; color: #fff; font-weight: bold; }

.table2 tr th, .table2 tr td { padding: 5px 15px 5px 0; }

/******************************************************************************/
/* Postranní navigace */

.sidenav { height: 100%; width: 0; position: fixed; z-index: 1; top: 0; left: 0; overflow-x: hidden; transition: 0.5s;
  padding-top: 60px; background: #eee; z-index: 6; }

.sidenav a { padding: 8px 8px 8px 32px; text-decoration: none; font-size: 14px; color: #000; display: block; transition: 0.3s; }

.sidenav a:last-of-type { padding-bottom: 70px; }

.sidenav a:hover, .sidenav a.active { color: var(--gold); }

.sidenav .closebtn { position: absolute; top: 0; right: 25px; font-size: 36px; margin-left: 50px; }

@media screen and (max-height: 450px) { .sidenav {padding-top: 15px;} .sidenav a {font-size: 18px;} }

/******************************************************************************/
/* hlášky */

.msg-ok { background: var(--gold2); /*background: #87b43b;*/ color: #fff; margin-bottom: 1em; padding: 5px 15px; }
.msg-error { background: #c00; color: #fff; margin-bottom: 1em; padding: 5px 15px; }
.msg-ok a, .msg-error a { color: #fff; }

/******************************************************************************/
/* blok */

.wrap1 { clear: both; float: left; position: relative; width: 100%; }
#subpage .wrap1 { /*min-height: 250px;*/ }
/* .wrap2 { margin: 0 auto; position: relative; width: 1240px; } */
.wrap2 {margin: 0 auto; position: relative; width: 100% !important; max-width: 1240px; box-sizing: border-box;}
.content { float: left; padding: 0px 0px; position: relative; width: 100%; }
.background-full-width { margin: 40px -601.5rem; padding: 0.25rem 1.5rem; background: var(--gray); border-left: 600rem solid var(--gray); border-right: 600rem solid var(--gray); }
#subpage #sortiment .background-full-width { padding: 4.25rem 1.5rem; }
#subpage #sortiment h1 { display: none; }
#subpage #schema .background-full-width { padding: 80px 1.5rem; }

.wrap-title { border-bottom: 1px solid #999; width: 50%; }
.wrap-title .title { border: 1px solid #999; border-bottom: 0; display: inline-block; left: calc(100% - (1260px / 2) + 25px); padding: 3px 15px; position: relative; text-transform: uppercase; }

/******************************************************************************/
/* podstránka */

#subpage .img-parik { position: absolute; right: -200px; top: 100px; z-index: -1; }
#subpage .subpage-image-background { position: relative; z-index: -2; }

/******************************************************************************/
/* plášť hlavičky */

#indentation { height: 135px; }

#wrap-head { background: #fff; position: absolute; top: 0; z-index: 9; }
/*
#wrap-head { position: fixed; }
.scroll-top { position: fixed; }
.scroll { position: fixed; }
*/
#head.scroll { padding: 20px 0px; /*transition: padding .5s;*/ border-bottom: 1px solid #333; }
#head.wrap1 { min-height: 0px; }

/******************************************************************************/
/* jazyky */

#lang .content { font-size: 12px; padding: 5px 0; text-align: right; }
#lang { background: #fff; min-height: 40px; display: none; }

#lang a { display: inline-block; line-height: 1em; margin-left: 5px; text-decoration: none; }
#lang a img { vertical-align: middle; }

/******************************************************************************/
/* hlavička */

#head { background: #171717; padding: 35px 0px 35px 0; color: #fff; /*transition: padding .5s;*/ z-index: 3; /*position: fixed;*/ }
#head .content { /*margin-bottom: 30px;*/ padding: 0; }
#head .address, #head .phone, #head .facebook { display: inline-block; margin: 0 30px 0 0; vertical-align: middle; }
#head a { text-decoration: none; color: #fff; }

#head.head--fixed {/*position: fixed;*/ transition: .2s transform;}
body.is-scroll-down:not(.is-scroll-top) #head.head--fixed {transform: translateY(-100%);}

.head-icon-circle { padding: 5px 7px; margin-right: 3px; background: #1c1c1c; color:#fff; border-radius: 50%; text-align: center; font-size: x-small; }
.contact-box a {margin-left: 16px;}

/******************************************************************************/

#head-box {}

.head-box { display: inline-block; margin: 0 30px 0 0; vertical-align: bottom; }
.head-box:first-child { width: calc(20%); vertical-align: middle; /*margin-top: 30px;*/ }
.head-box:nth-child(2) { width: calc(80% - 5px); text-align: center; }
.head-box:last-child { /*width: calc(21%);*/ text-align: right; font-size: 14px; vertical-align: middle; /*margin-bottom: -5px;*/ }
.head-box{ margin-right: 0; }
.head-box img { height: auto; width: 220px;}

/******************************************************************************/
/* logo */

#logo { display: inline-block; margin-right: 0px; text-decoration: none; vertical-align: middle; }

/******************************************************************************/
/* menu - top */

#menu-top { margin-bottom: 45px; }
#menu-top .menu-top { display: inline-block; width: 33%; }
#menu-top .menu-top:last-child { text-align: right; }
#menu-top .menu-top:nth-child(2) { text-align: center; }
#menu-top .menu-top:nth-child(2) i { font-size: 25px; margin-right: 25px; }
#menu-top .menu-top:nth-child(2) a:last-of-type i { margin-right: 0; }
#menu-top .menu-top:first-child { text-align: left; }
/*#menu-top .menu-top:first-child { float: left; }*/
#menu-top button { background-color: transparent; background-repeat:no-repeat; border: none; cursor:pointer; overflow: hidden; outline:none; color: #fff; }
#menu-top .unset-search { text-decoration: none; border: none; cursor:pointer; }
#menu-top input { border-width: 0; border-bottom: 1px solid #fff; background: #000; width: auto; color: #fff; }
#menu-top input::placeholder { color: var(--dark-gray);; opacity: 1; }
/*
#menu-top .menu-top:last-child i { font-size: 25px; margin-right: 25px; }
#menu-top .menu-top:last-child a:last-of-type i { margin-right: 0; }
*/
.input-search { font-size: 15px; }

/******************************************************************************/
/* menu */

#menu { color: #000; /*text-transform: uppercase;*/ display: block; line-height: 1em; margin: 0; padding: 0px 0px 0px 0px; position: relative; text-align: right; margin-left: -10px; }
#menu li { display: inline-block; list-style: none; margin-top: 0; margin-bottom: 0; margin: 0px 15px 0px; }
#menu li:nth-last-of-type(2) { margin-right: 0; }

/*#menu li:first-child { margin-left: 0; }*/
#menu li::before { content: ""; display: none; }
#menu li a { display: block; /*padding-bottom: 10px;*/ text-align: center; text-decoration: none; font-size: 18px; border-bottom: 1px solid #fff; padding-bottom: 7px; }
#menu li a:hover, #menu li a.active { border-bottom: none; transition: 0.2s; }
/*#menu li.icon { display: none; }*/
#menu li.icon { float: inline-end; margin-right: 0; margin-top: 5px; }

#menu .menu-item-hide { display: none; }
#menu.open .menu-item-hide { display: inline-block; }

/* menu - efekt tlačítek */
.myButt { outline: none; border: none; display: block; cursor: pointer; background-color: transparent; position: relative; border: 2px solid #fff; transition: all 0.5s ease; }
.three { color: #000; border-color: transparent; }
.three:before, .three:after { width: 0; height: 5px; content: " "; background-color: var(--yellow); position: absolute; top: 0; left: 0%; transition: all 0.3s ease; }
.three:after { top: -60%; }
.three:hover:after, .three.active:after { width: 100%; left: 0; top: -60%; }

/* submenu */
#menu li ul { background: rgba(255, 255, 255, 0.95); margin: 0; padding: 0; position: absolute; visibility: hidden; z-index: 3; min-width: 150px; border-top: 10px solid #000; }
#menu li.active ul:hover { /*border-top: 0;*/ }
#menu li ul li { display: block; float: none; margin: 0; width: auto; }
#menu li ul li a { color: #1c1c1c; display: block; padding: 10px 20px 10px 20px; text-align: left; }
#menu li ul li a:link, .menu li ul li a:visited { width: auto; }
#menu li ul li a:hover, #menu li ul li a.active { background: none; color: #000; font-weight: bold; }
#menu li ul li a.active { font-weight: bold; }

#menu .icon { display: none; }
#menu .fa-bars::before { font-size: 25px; }
#menu .icon a { color: var(--gold); }
#menu .menu-bar-text { vertical-align: super; margin-left: 10px; font-family: "Figtree", serif; }

@media only screen and (min-width: 1050px) {
  #menu li a { border-bottom: none;position: relative; color: #aeaeae; }
  #menu li a.active, #menu li a:hover { color: var(--gold2); }
  #menu li a::before {content: "";display: block; background: currentColor; width: 100%; height: 12px; top: -58px; position: absolute; transition: .25s transform; transform: scale(0); transform-origin: top; color: var(--gold2); }
  #menu li a:hover::before, #menu li a.active::before {transform: scale(1); transform-origin: top; color: var(--gold2); top: -58px; height: 12px; }
}

/******************************************************************************/
/* slider */

#subpage #slider { display: none; }
#slider { margin-top: 173px; position: relative; z-index: -1; }
#slider .wrap2 { width: 100% !important; }
#slider .content { overflow: hidden; padding: 0; position: relative; }
#slider .content ul li { list-style: none; }
#slider .content ul li a { display: inline-block; width: 100%; }
#slider .title { color: #fff; font-size: 6em; font-weight: bold; left: calc((100% - 1260px) /2); line-height: 1.25em; position: absolute; text-transform: uppercase; top: 20vh; z-index: 2; }

.slider-box { position: absolute; width: 650px; top: 75px; left: 50%; margin-left: -325px; font-size: 3em; line-height: 1.5em; color: #fff; font-weight: bold; text-align: center; }

/******************************************************************************/
/* mapa stránek */

.sitemap a { color: #fff; }

/******************************************************************************/
/* hp:newsletter */

#hp-newsletter {}
#hp-newsletter .content { }

.hp-newsletter .title { display: inline-block; font-size: 2em; font-weight: bold; text-transform: uppercase; vertical-align: middle; /*width: 509px;*/ margin-right: 30px; }
.hp-newsletter .nl-email { border: 0; border-bottom: 1px solid #444; margin-right: 25px; width: calc(100% - 750px); height: 40px; }
.hp-newsletter .nl-accept-gdpr { margin-top: 1em; }
label[for="nl-gdpr"] a { color: #fff; }
.hp-newsletter a { color: #fff; }

/******************************************************************************/
/* banner - hlavní banner, banner na podstránkách */

#banner { width: 100%; margin-top: 90px; display: none; }
#subpage #banner { margin-bottom: -100px; }

.thumbnail { position: relative; width: 100%; }
.thumbnail-image { display: block; width: 100%; }
.caption { position: absolute; top: 33%; left: 27.6%; /*width: 80%;*/ /*transform: translate( -50%, -50% );*/ text-align: left; /*color: #fff;*/ font-size: 59px; /*font-weight: bold;*/ line-height: 1.2em; }
/*.caption .layer { text-align: left; background: radial-gradient(circle farthest-side, rgb(0,0,0,0.75), rgb(255,255,255,0.01));  padding: 30px 0; }*/
#subpage .caption { top:26.6%; left:52.5%; font-size:48px; text-align: center; }
#subpage .caption .layer { margin-bottom: 50px; }
#subpage .caption p { color: #fff!important; font-weight: bold!important; }
#subpage .caption .button { border: 5px solid var(--yellow); }

/******************************************************************************/
/* vyhledávání */

#search a { color: #fff; }

/******************************************************************************/
/* obsah - homepage */

#content { /*background: #fff;*/ }
#homepage #content { /*margin-top: 115px;*/ }
#homepage #content .content { padding: 0; }
#subpage #content { /*margin-top: 175px;*/ /*overflow-x: hidden;*/ /*margin-bottom: 70px;*/ }
#subpage #content .eshop { margin-top: 30px; }

#breadcrumbs { margin-bottom: 40px; margin-top: 0; }
#breadcrumbs a { color: var(--gold2); }
/*#content ul li { line-height: 1.75em; font-weight: 300; color: var(--lighter-gray); }*/

/******************************************************************************/
/* fotografie */

.wrap-photo { }
.photo { display: inline-block; margin: 6px 6px; }
.photo img { height: auto; vertical-align: top; width: 150px; }
.photo:hover img { opacity: 0.95; }

.wrap-photo .photo2 { height: auto; width: calc(25% - 22px); margin-right: 25px; margin-bottom: 25px; display: inline-block; vertical-align: top; }
.wrap-photo .photo2 img { width: 100%; }
.wrap-photo .photo2:last-of-type { margin-right: 0; }
.wrap-photo .photo2:nth-of-type(4n) { margin-right: 0; }
.wrap-photo .foto-title { color: #fff; font-size: 14px; }
.wrap-photo .foto-title { text-align: justify; }

/******************************************************************************/
/* foto - reference detail */
.reference-detail { }
.reference-detail .photo { display: inline-block; margin: 6px 6px; width: calc(33% - 11px); }
.reference-detail .photo img { height: auto; vertical-align: top; width: 100%; }
.reference-detail .photo:hover img { opacity: 0.95; }

/******************************************************************************/
/* Kontaktujte nás */

#contact_us { background: var(--yellow); padding: 50px 0; margin: 50px 0; }
#contact_us .title { color: #fff; font-size: 2em; font-weight: bold; margin-bottom: 10px; line-height: 1em; }
#contact_us .title2 { color: #000; font-size: 3em; font-weight: bold; line-height: 1em; margin-right: 50px; }
#contact_us i { float: right; margin-top: -60px; }

/******************************************************************************/
/* ceník */

#pricelist { margin-top: 50px; }
#pricelist .thumbnail { position: relative; display: inline-block; }
#pricelist .thumbnail-image { display: block; width: 100%; }
#pricelist .caption-up { position: absolute; top: 60%; right: 4%; line-height: 1.3em; transform: translate( -50%, -50% ); font-weight: bold; text-align: left; font-size: 3.5em; color: #000; }
/*#pricelist .right { margin-top: 20px; }*/
#pricelist .caption-bottom { position: absolute; bottom: -150px; left: 50%; transform: translate( -50%, -50% ); text-align: left; color: #fff; width: 100%; }
#pricelist .right { margin-top: -20px; }

/******************************************************************************/
/* Kdo jsme */

#about-us { padding: 0px 0; line-height: 1.5; /*margin-top: 235px;*/ }
#about-us h1 { text-align: left; margin-bottom: 50px; display: inline-block; }

#about-us .table-two-cols p { font-size: 24px; }

.about-us img.podpis { float: right; max-width: 370px; margin-top: 60px;  }

.about-us { display: inline-block; vertical-align: top; text-align: left; font-size: 1.20em; position: relative; }
/*.about-us { width: calc(50% - 30px); }*/
.about-us:first-child { width: 470px; margin: 0 70px 0 0; }
.about-us:last-child { width: calc(100% - 540px); margin-top: 100px; }
.about-us:first-of-type img { width: 900px; position: absolute; left: -200px; z-index: -1; }
.about-us img { width: 100%; }
.about-us img.signature { width: auto; max-width: 200px; }
.about-us .button { float: right; }

/*
.about-us:last-child { width: calc(56% - 26px); }
.about-us:first-child { width: calc(45% - 17px); }
.about-us:first-child { margin-right: 0; }
.about-us:first-child img { width: 100%; }
*/

/*.about-us img { width: 200px; margin-bottom: 40px;}*/
/*.about-us img { float: right; }*/
.about-us .img-background { padding: 25px; margin: 25px; }
.about-us a { text-decoration: none; z-index: 1; position: relative; }
.about-us .title { font-weight: bold; margin-bottom: .5em; text-transform: uppercase; margin-top: 50px; font-size: 1.3em;}
.about-us .text { width: 67%;}
.about-us p { color: #fff; font-size: 20px; line-height: 1.75em; font-weight: 300; letter-spacing: 2px; }
.about-us-text { display: none; }
.about-us-text.active { display: block; }

/******************************************************************************/
/* reference */

#reference {}
.reference { margin-bottom: 25px; }
.reference-text { color: #fff; margin-bottom: 30px; }
.reference-text p { color: #fff; }
.reference-author, .reference-author p { color: #777; }

.choose-training { position: fixed; bottom: 25px; left: 50%; transform: translateX(-50%); z-index: 5; }

.references-list { }
.references-list h1 { margin-bottom: 0; }

.references-container { column-count: 4; column-gap: 50px; margin: auto 115px; }
/*.references-container.col-3 { column-count: 3; column-gap: 75px; }*/
.references-container.col-4 { column-count: 4; column-gap: 50px; }
.references-container.col-5 { column-count: 5; column-gap: 50px; }

.reference { break-inside: avoid; margin-bottom: 75px; }
/*.reference-text, .reference-author { padding: 10px; }*/

/*
.references-container.col-4 .reference { margin-bottom: 50px; }
.references-container.col-5 .reference { margin-bottom: 50px; }
*/

/* staré
#reference .img-background-reference { margin-bottom: -160px; position: absolute; right: 0; top: -600px; z-index: -1; height: auto; }
#subpage #references { padding: 0 0 40px 0; }
#references { padding: 40px 0; position: relative; margin-top: 200px; }
#references .right { margin: 20px 0 50px 0; }
#references .more_references { display: none; }
#references h1 { margin-bottom: 150px; }
.references { display: inline-block; margin: 0 30px 60px 0; vertical-align: top; text-align: left; }
.references:last-child, .references:nth-of-type(4n) { margin-right: 0; }
.owl-carousel .owl-item .references img { width: auto; margin-bottom: 20px; width: auto; margin-bottom: 20px; max-width: 100%; height: 50px;}
.references img.quotes { width: auto; display: block; margin: 20px auto; }
.references .img-background { padding: 25px; margin: 25px; }
.references a { text-decoration: none;}
.references .title p { font-weight: bold; margin-bottom: .5em; font-size: 1.1em; color: #fff; }
.references .text { color: #fff; position: relative; text-align: left; margin: 0 auto; font-size: 17px; }
.references p { line-height: 1.35em; }
.references-text { display: none; }
.references-text.active { display: block; }
#references .references img { filter: brightness(0) invert(1); }
*/

/******************************************************************************/
/* company - loga reference */

#company { /*padding: 50px 0;*/ border-top: 1px solid #fff; border-bottom: 1px solid #fff; }
#company .owl-carousel-company { width: 100%; }
#company .company { text-align: center; }
#company .company img { filter: brightness(0) invert(1); } /* logo bile */
#company .owl-carousel .owl-stage { display: flex; align-items: center; }
#company .img-background-reference { position: absolute; bottom: 0; right: 0;}

/******************************************************************************/
/* Videa */

#video { padding: 200px 0; }
#video h1 { margin-bottom: 50px; }
#video .title p { color: #fff; font-size: 20px; margin-bottom: 10px; }

/******************************************************************************/
/* Videa - retorika, FBI, rozvoj, strukturalizace */

.video-opening { background-size: cover; }
.video-opening video { object-fit: contain; height: 700px; }

.video-opening.wrap-video { height: 705px; overflow: hidden; width: 100%; }
.video-opening.wrap-video img { height: auto; width: 100%; }

/******************************************************************************/
/* (Podcasty a) videa */

#podcast-video { }
.podcast-video { width: calc(50% - 25px);  float: left; margin: 0px 50px 25px 0px; }
.podcast-video:nth-of-type(2n+1) { margin-right: 0px; }
.podcast-video .title { font-size: 20px; margin-bottom: 10px; }
#background-video { /*width: 640px;*/ height: 360px; position: relative; width: 100%; }
#background-video iframe { width: 100%; height: 100%; display: none; }
#background-video .play-btn { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; font-size: 0px; line-height: 0px; background: url(https://www.fascinating.academy/img/playbutton.png) center center no-repeat; background-size: 120px auto; }
#background-video:hover .play-btn { background-color: rgba(0, 0, 0, 0.4); }

/******************************************************************************/
/* Podcasty */

#background-podcast { position: relative; border: 1px solid #fff; padding: 25px; width: 250px; height: 300px; margin: 20px auto; }
#background-podcast .play-btn-podcast { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; font-size: 0px; line-height: 0px; background: url(https://www.fascinating.academy/img/playbutton.png) center center no-repeat; background-size: 120px auto; }
#background-podcast:hover .play-btn-podcast { background-color: rgba(0, 0, 0, 0.4); }
#background-podcast .podcast-left, #background-podcast .podcast-right { display: inline-block; position: relative;  }
#background-podcast .podcast-left { width: 250px; vertical-align: middle; }
#background-podcast .podcast-right { width: calc(100% - 300px); margin-left: 50px; vertical-align: middle; }
#background-podcast .text p { color: #fff; }

a#button-next-podcasts { color: var(--gold2); text-decoration: underline; }
a#button-next-podcasts:hover { cursor: pointer; }

/******************************************************************************/
/* Podcasty-filtr */

.podcast-filter { display: flex; align-items: center; justify-content: flex-start; margin: auto; margin-bottom: 0; margin-top: 40px; flex-wrap: wrap; }
.podcast-filter .active a { text-decoration: none; color: #fff; border: none; }
.podcast-filter-item { margin-right: 20px; margin-bottom: 20px; }
.podcast-filter-item a { text-decoration: none; color: var(--gold2); border-bottom: 1px solid var(--gold2); padding-bottom: 5px; }
.podcast-filter-item a:hover { color: var(--gold2); border-bottom: 1px solid var(--gold2); }
.podcast-filter-item:nth-last-of-type(2) { margin-right: 20px; }
.podcast-filter-item:last-of-type { margin-right: 0; }

/******************************************************************************/
/* (Podcasty a) videa */

.podcast-section h1 { margin-bottom: 0; }

.podcast-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); grid-gap: 10px; column-gap: 10px; margin-bottom: 40px; }
.podcast-card { width: 100%; background: var(--training-block-color); display: flex; flex-direction: column; height: 100%; }

#podcast { }
.podcast-detail-text-container { margin-bottom: var(--space-between-section-bigger, 75px); }
.podcast { display: block; /*margin-bottom: 70px;*/ padding: 30px; position: relative; box-sizing: border-box; height: 100%; display: flex; flex-direction: column; justify-content: space-between; flex-grow: 1; }
.podcast h2 { color: var(--gold2); margin-bottom: 0px; font-size: 26px; margin-bottom: 15px; }
.podcast h2 span { color: var(--gold2)!important; }
.podcast:nth-of-type(2n+1) { margin-right: 0px; }
.podcast-detail { text-align: center; margin: 0 auto; }
.podcast-detail-text { max-width: 495px; margin: 0 auto; }
.podcast-detail-iframe { }

.podcast-content-wrapper { flex-grow: 1; }
.podcast-content-wrapper p { margin: 0; align-self: flex-start; }

.podcast-list-container #podcast-container { /*max-width: 450px; margin: 0 auto;*/ margin-bottom: 75px; }
.podcast-list-headline { font-size: 26px; margin-bottom: 15px; line-height: 1.25; }
.podcast-duration { margin: 15px auto; font-size: initial; }
.podcast-duration i { margin-right: 10px; color: #000; background: var(--gold2); padding: 10px; padding-left: 10px; border-radius: 100%; font-size: 18px; width: 18px; height: 18px; padding-left: 10px; text-align: center; }
.podcast-duration i::before { margin-left: 4px; }
.podcast-list-image { margin-bottom: 30px; }
.podcast-list-image img { max-width: 100%; }

/******************************************************************************/
/* Mým cílem je vás naučit ... */

/*#goal {  padding-top: 20px; }*/
#cil { /*margin-top: 250px;*/margin-top: 700px; }
#cil .img-background { /*width: 100%; margin-bottom: -90px;*/ top: -350px; right: 0; position: absolute; }
#cil .img-man02 { position: absolute; right: 240px; top:-600px;  /*top: -180px;*/ }

#goal .wrap1 { padding: 40px 0;}
#goal h2 { color: var(--gold2); }
#goal h1 { margin-bottom: 140px; }
/*#goal h1 { text-transform: uppercase;  }*/

.goal { display: inline-block; margin: 0px 45px 70px 0; vertical-align: top; width: calc(20% - 40px); text-align: center; }

/* obrazek */
/*
.goal:nth-of-type(5n) { width: calc(33% - 10px); position: relative; }
.goal:nth-of-type(5n) img { width: 130%; position: absolute; left: -15%; top: -70px; }
*/
.goal:nth-last-of-type(2) { width: calc(33% - 10px); position: relative; }
.goal:nth-last-of-type(2) img { width: 130%; position: absolute; left: -15%; top: -70px; }

/* posledni */
#cil .goal:last-child { width: calc(66% - 85px); margin-top: 200px; }
#cil .goal:last-child .left, .goal:last-child .right { display: inline-block; vertical-align: top;}
#cil .goal:last-child .left { margin-right: 85px; width: 250px; }
#cil .goal:last-child .right { width: calc(100% - 340px); }

.goal:last-child, .goal:nth-of-type(5n+0) { margin-right: 0; }
.goal img { width: 100%; margin-bottom: 20px;}
.goal .img-background { padding: 25px; margin: 25px; }
.goal a { text-decoration: none;}
.goal .title { margin-bottom: 10px; /*font-size: 25px;*/ min-height: 60px; }
.goal .title h2 { line-height: 1.2em; }
.goal .title p { line-height: 1.5em; }
.goal .text { /*padding-top: 20px;*/ position: relative; text-align: left; margin: 0 auto; width: 100%;}
.goal .comment { line-height: 1.5em; font-size: 1.6em; font-weight: lighter; color: #747675; }
.goal .morelink { text-transform: uppercase; text-decoration: underline; font-weight: bold; }
.goal-text { display: none; }
.goal-text.active { display: block; }
.goal i { color: var(--gold2);  }
.goal img.arrow { width: auto; margin-top: 40px; }

/* podstránky - retorika, fbi vyjednavač, rozvoj manažerů, strukturalizace firmy */
#subpage #goal { padding-top: 0px; margin-top: 100px; z-index: 1;}
#subpage #goal .img-background { position: absolute; right: 0; width: 100%; top: -470px; }

/******************************************************************************/
/* produkty */

#sortiment {  padding-top: 40px;}
#sortiment .wrap1 { padding-top: 15px;}
#subpage #sortiment { background: #fff; padding-top: 0px;}
/*#sortiment h1 { text-transform: uppercase;  }*/

.sortiment { display: inline-block; margin: 0 170px 0 0; vertical-align: top; width: calc(50% - 90px); text-align: center; position: relative; }
.sortiment:last-child { margin-right: 0; }
.sortiment img { width: 100%; margin-bottom: 20px;}
.sortiment .img-background { padding: 25px; margin: 25px; }
.sortiment a { text-decoration: none;}
.sortiment .title { font-weight: bolder; /*text-transform: uppercase;*/ margin-bottom: 20px; font-size: 30px; min-height: 60px; }
.sortiment .title p { line-height: 1.2em; }
.sortiment .text { color: #1c1c1c; /*padding-top: 20px;*/ position: absolute; top: 25%; text-align: center; margin: 0 auto; width: 100%; font-size: 11px; }
.sortiment .comment { line-height: 1.5em; font-size: 1.6em; font-weight: lighter; text-align: justify; }
.sortiment .morelink { text-transform: uppercase; text-decoration: underline; font-weight: bold; }
.sortiment-text { display: none; }
.sortiment-text.active { display: block; }

/******************************************************************************/
/* produkty */

#schema {  padding-top: 40px;}
#schema .wrap1 { padding-top: 15px;}
#subpage #schema { background: #fff; padding-top: 0px;}
/*#sortiment h1 { text-transform: uppercase;  }*/


.schema:first-child { width: 30%; }
.schema { display: inline-block; margin: 0 100px 0 0; vertical-align: top; width: calc(70% - 100px); text-align: center; position: relative; }
.schema:last-child { margin-right: 0; }
.schema img { width: 100%; margin-bottom: 20px;}
.schema .img-background { padding: 25px; margin: 25px; }
.schema a { text-decoration: none;}

/******************************************************************************/
/* fotky na HP */

#photo-on-hp .wrap2 { width: 100%; }
#photo-on-hp .content { background: #eee; padding: 0 0 50px 0; }

.photo-on-hp { background-position: center center; background-repeat: no-repeat; background-size: cover; height: calc(20vw/384 * 260); display: inline-block; vertical-align: top; width: 20%; }

/******************************************************************************/
/* mapa */

#map-title { }
#map-title .content { font-size: 50px; font-weight: bold; padding: 100px 0; text-align: center; }

#map { position: relative; text-align: center; }
#map .wrap2 { width: 100%; }
#map .content { padding: 0; }

#google-maps { }
#google-maps iframe { pointer-events: none; }

/******************************************************************************/
/* tabulka formulář */

.table-form { }
.table-form td { padding: 5px 10px 5px 0; }
.table-form td input[type="text"], .table-form td input[type="password"], .table-form td input[type="number"], .table-form td textarea, .table-form td .ui-autocomplete-input, .table-form td select { width: 300px; }
.table-form td textarea { height: 108px; }
.table-form td select.code { width: 65px; }
.table-form td input[type="text"].phone { width: 232px; }

/******************************************************************************/
/* e-shop */

.wrap-left { float: left; margin-right: 25px; width: 275px; }
.wrap-right { float: right; width: calc(100% - 300px); }

/******************************************************************************/
/* menu - e-shop kategorie */

.menu-ec { background: var(--gold2); display: block; line-height: 1em; margin: 0; padding: 10px; position: relative; }
.menu-ec li { display: block; list-style: none; margin: 0 0 3px 0; }
.menu-ec li::before { content: ""; display: none; }
.menu-ec li a { border: 2px solid #111; color: #000; display: block; line-height: 1.5em; padding: 5px 10px; text-decoration: none; }
.menu-ec li a:hover, .menu-ec li a.active { border: 2px solid #111; color: #000; }
.menu-ec li a.active { background: #111; border: 2px solid #111; color: #fff; }
.menu-ec li.icon { display: none; }

.menu-ec.level2 { background: #fedc57; padding: 0; }
.menu-ec.level2 li a { border: 3px solid #fedc57; color: #333; font-size: 0.8em; }
.menu-ec.level2 li a:hover { border: 3px solid #cea200; color: #333; }
.menu-ec.level2 li a.active { border: 3px solid #b57b4c; color: #fff; }

.menu-ec.level3 { background: #fee78f; padding: 0; }
.menu-ec.level3 li a { border: 3px solid #fee78f; }

/******************************************************************************/
/* filtr */

.filter2 { background: #efefef; clear: both; margin-bottom: 1em; padding: 12px 25px; }
.filter2 .group { display: inline-block; margin-right: 30px; }
.filter2 .group:last-child { margin-right: 0; }
.filter2 a { margin-right: 5px; }
.filter2 a:hover, .filter2 a.active, .page-active { color: #ff6c08; text-decoration: none; }
.filter2 .fa { font-size: 14px; }
.filter2 .paging { display: inline-block; }
.filter2 .paging a { text-decoration: none; }

.filter3 { font-size: 0.85em; line-height: 1.5em; position: relative; }
.filter3 .title { display: inline-block; margin-right: 15px; }
.filter3 a { margin: 0; }
.filter3 label { margin: 0 15px 0 3px; }
.filter3 .wrap-button-filter-delete { display: inline-block; }

/******************************************************************************/
/* eshop - seznam produktů */

.ul-ep { }
.ul-ep .li { /*border: 3px solid #aaa;*/ display: inline-block; margin: 0 20px 20px 0; padding: 20px; width: calc(33% - 66px); }
.ul-ep .li:hover { /*border: 3px solid #777;*/ }

.ul-ep .li .img { background-position: center center; background-repeat: no-repeat; background-size: contain; display: block; height: 150px; text-align: center; }
.ul-ep .li .title { color: #fff; display: block; }
.ul-ep .li .perex { display: block; margin: 0.5em 0; }
.ul-ep .li .wrap-amount { text-align: center; }
.ul-ep .li .button-shoping-cart { clear: both; padding: 5px 0; text-align: center; width: 100%; }

.separator { border-top: 3px solid #aaa; height: 1px; margin: 0.5em 0; }
.amount { padding: 5px 5px; text-align: center; width: 60px; }
.button-shoping-cart { background: var(--gold2); border: 0; color: #fff; cursor: pointer; display: inline-block; padding: 7px 12px; text-decoration: none; }
.submit-button-2, .submit-button { border: 1px solid var(--gold2); color: #fff; background: none; cursor: pointer; padding: 15px 15px; }
.submit-button-2:hover, .submit-button:hover { background: var(--gold2); }
.button-shoping-cart.active { background: var(--gold2); color: #fff; }
.line-through { text-decoration: line-through; }

/* klasické dlaždice */
.list0 .li { padding: 0; width: calc(33% - 30px); margin: 0 45px 175px 0; }
.list0 .li .perex { margin-top: 3px; }
.list0 .li .price { text-align: center; font-size: 20px; }
.list0 .li .wrap-amount { margin-bottom: 0.5em; }
.list0 .li .amount { width: calc(100% - 30px); }
.list0 .li .stock { margin-bottom: 0.5em; text-align: center; }
.list0 .li .img { background-size: cover; height: 250px; }
.list0 .li .title { color: var(--gold2); font-size: 25px; margin-top: 20px; }
.list0 .li .perex p { color: #fff; margin-bottom: 20px; }
.list0 .li .button-shoping-cart { width: 150px; }
.list0 .li:nth-of-type(3n+0) { margin-right: 0; }
.list0 .li .price-buy { margin-top: 25px; display: flex; justify-content: space-between; align-items: end; }
.list0 .li .left { }
.list0 .li .right { }

/* dlaždice přes celou šíři */
.list1, .list2 { width: 100%; }
.list1 .li, .list2 .li { padding: 3%; width: calc(94% - 6px); }
.list1 .left, .list2 .left { float: left; margin-right: 5%; width: 40%; }
.list1 .li .img, .list2 .li .img { clear: both; float: left; height: 200px; width: 100%; }
.list1 .right, .list2 .right { float: left; width: 55%; }
.list1 .li .stock, .list2 .li .stock { margin-bottom: 0.5em; }
.list1 .li .wrap-amount, .list2 .li .wrap-amount { display: inline-block; margin-right: 25px; }
.list1 .li .button-shoping-cart, .list2 .li .button-shoping-cart { display: inline-block; width: 150px; }

/* dlaždice přes celou šíři - bez popisu */
.list2 .li { padding: 2%; width: 96%; }
/*.list2 .li .img { height: 100px; }*/
.list2 .li .perex { display: none; }

/******************************************************************************/
/* eshop - detail produktu */

.ep-left { float: left; width: 250px; }
.ep-right { float: right; width: calc(100% - 275px); }

.ep-left img { height: auto; width: 100%; }

.ep-detail .price { font-size: 2em; font-weight: bold; margin: 1em 0; }
.ep-detail .wrap-basket { background: #111; padding: 10px 15px; text-align: center; position: relative; overflow: hidden; }
.ep-detail .wrap-basket .item { display: inline-block; margin: 5px 15px; vertical-align: middle; }
.ep-detail .wrap-basket .button-shoping-cart { background: none; border: 1px solid var(--gold); color: #fff; }
.ep-detail .wrap-basket .button-shoping-cart:hover, .ep-detail .wrap-basket .button-shoping-cart.active { background: var(--gold); }
.ep-detail .wrap-basket .button-wishlist:hover i { color: var(--gold); }
.ep-detail .wrap-basket .button-wishlist.active i { color: red; }

/* foto */
.photo-ep { border: 1px solid #ccc; display: inline-block; margin-bottom: 7px; vertical-align: bottom; }
.photo-ep:hover { border: 1px solid #000; }
.photo-ep img { height: auto; width: 100%; }
.photo-ep.thumb img { height: auto; width: 145px; }
.photo-ep.thumb { margin: 0 7px 7px 0; }

/******************************************************************************/
/* překrytí - přidáno do košíku */

.product_inner { display: -webkit-box; display: block; -webkit-box-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-flow: column wrap; }

.product_overlay { background: rgba(255, 255, 255, 0.9); width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); opacity: 0; display: -webkit-box; display: block;
-webkit-box-orient: vertical; -webkit-box-direction: normal; flex-flow: column wrap; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; }

.product_overlay { -webkit-transform: translateY(-100%); transform: translateY(-100%); color: #fff; background: rgba(223,170,40,0.95); z-index: -1; }

.product_overlay_text { text-align: center; position: relative; top: 50%; transform: translateY(-50%); }

.product_overlay h2 { font-size: 1.2em; text-align: center; display: block; margin-top: 70%; }

.wrap-basket .product_overlay h2 { margin-top: 0; }

.product_overlay i { font-size: 1.5em; margin: 15px 45%; }

.wrap-basket .product_overlay i { margin: 5px 45%; }

/******************************************************************************/
/* karty vlastností */

.ul-properties { border-bottom: 1px solid #ccc; margin: 0; padding: 0; }
.ul-properties li { display: inline-block; }
.ul-properties li::before { content: ""; display: none; }
.ul-properties li a { background: #ddd; background: rgba(251,185,0,.75); border: 1px solid #eee; color: #fff; border-bottom: 0; display: inline-block; margin-right: 5px; padding: 5px 30px; text-decoration: none; position: relative; top: 1px }
.ul-properties li a:hover, .ul-properties li a.active { background: #fff; border: 1px solid #ccc; color: #000; border-bottom: 0; }
.ul-properties li a.active { font-weight: bold; }

/* vlastnosti - popis */
.properties { display: none; min-height: 200px; }
.properties.active { display: block; }

#properties-kosik, #properties-wish-list { margin-bottom: 20px; }

/******************************************************************************/

/* technická specifikace */
.table-specification { border-collapse: collapse; margin-bottom: 5em; width: 100%; }
.table-specification tr td { background: #f7f7f7; border-bottom: 1px solid #eee; border-top: 1px solid #eee; padding: 7px 30px; }
.table-specification tr:nth-child(even) td { background: none; }
.table-specification tr td.subtitle { background: #ddd; }

/* ke stažení */
.download { background: #eee; padding: 30px; margin-bottom: 1em; }
.download ul { margin: 0; padding: 0; }
.download ul li { list-style: none; }
.download ul li span { margin-right: 5px; }

/******************************************************************************/
/* košík */

.table-basket { border-collapse: collapse; margin-bottom: 1px; /*min-width: 800px;*/ width: 100%; background: #111; overflow-x: auto; max-width: 100%; /*display: block;*/ }
.table-basket tr th, .table-basket tr td { /*border: var(--lighter-gray);*/ /*font-weight: normal;*/ padding: 10px 10px;   border-top: 1px solid #222; border-bottom: 1px solid #222; border-left: none; border-right: none; font-weight: normal; }
.table-basket tr th, .table-basket tr td { }
.table-basket tr th, .table-basket tr:last-child td { border-bottom: none; }
.table-basket tr th { text-align: center; vertical-align: middle; }
.table-basket tr th:first-child { text-align: left; }
.table-basket tr td.title { }
.table-basket tr td .img { background-position: center center; background-repeat: no-repeat; background-size: contain; display: inline-block; height: 50px; width: 50px; }
.table-basket tr td.pc { border-left: 3px double #ddd; }
.table-basket .td-thumb img { max-width: 100px; }

.table-basket a { color: #fff; text-decoration: none; border: none; }

.table-basket.small { font-size: 0.9em; }
.table-basket tr td.td-thumb a { display: inline-block; }
.table-basket tr td.td-thumb a img { max-height: 100px; vertical-align: bottom; width: auto; }

.wrap-basket-form { background: #eee; border-top: 1px solid #ccc; margin-bottom: 20px; padding: 20px; }
.wrap-basket-form { border-top-left-radius: 0; }
.wrap-basket-form table { width: 100%; }
.wrap-basket-form table table tr td:first-child { width: 110px; }
.wrap-basket-form table table tr td { padding: 0 0 10px 0; }
.wrap-basket-form input, .wrap-basket-form textarea { border: 1px solid #ccc; padding: 10px 5%; width: 80%; }
.wrap-basket-form textarea { height: 170px; width: 90%; }

.wrap-submit { text-align: center; }
.wrap-submit input { background: #fbb900; border: 0; color: #000; cursor: pointer; font-weight: bold; padding: 10px 20px; }

/*#fast-basket a:first-child { margin-right: 20px; }*/
#fast-basket a:nth-last-child(2) { margin-right: 20px; }

#wishlist .fa-cart-plus { display: inline-block; }
#wishlist .active .fa-cart-plus { display: none; }
#wishlist .fa-check-square { display: none; }
#wishlist .active .fa-check-square { display: inline-block; }

#basket, #wishlist { margin-bottom: 30px; }

/******************************************************************************/
/* modální košík */

.modal-basket-buttons { display: inline-flex; margin-bottom: 1em; }

/* The Modal (background) */
.modal { display: none; position: fixed; height: 100%; padding-top: 50px; z-index: 1; left: 0; top: 0; bottom: 0; width: 100%; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.75); padding-bottom: 0vh; z-index: 10;  overflow: auto; }

/* The Modal - trendy (background) */
.modal_window { display: none; position: fixed; z-index: 1; left: 0; top: 0; bottom: 0; width: 100%; padding-top: 0; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.75); padding-bottom: 0vh; z-index: 10; overflow: auto; height: 100%; }
.modal_window img { width: 100%; }

/* Modal Content */
.modal_window-content { background-color: #191919; margin: 100px auto; padding: 25px; border: 1px solid #222; max-width: 1080px; max-width: 800px; height: auto; }
.modal_window-content .play-button { height: 80px; width: 80px; }
.mw-left { padding: 0 15px 0 0; }

/* The Close Button */
.close-window-block { position: relative; }
.close_window { color: #000; float: right; font-size: 40px; font-weight: bold; text-align: right; opacity: .8; height: 15px; cursor: pointer; position: absolute; right: 0; top: 0px; }
.close_window:hover { color: #fff; text-decoration: none; cursor: pointer; }

/******************************************************************************/
/* objednávka */

.block { background: #eee; clear: both; float: left; margin-bottom: 2em; padding: 20px; width: calc(100% - 40px); }
.comment { width: 100%; padding: 0px; box-sizing: border-box; }
textarea.comment { padding: 10px; }
.order-container { max-width: 505px; margin: 0 auto; padding: var(--space-between-section-smaller, 70px) 0; }
.order-container #order-summary.table-basket .basket-title-mobile-only,
.order-container #order-summary.table-basket .table-basket-mobile { display: none;}

/******************************************************************************/
/* přidání dalších produktů do košíku v objednávce */

.basket-extension-container {
    display: flex;
    flex-direction: column;
    gap: 25px; /* Mezera mezi jednotlivými produkty */
}

.basket-extension {
    display: flex;
    justify-content: space-between; /* Rozprostře obsah na celou šířku */
    align-items: center; /* Vertikálně zarovná obsah */
}

.basket-extension-title {
    flex-grow: 1; /* Zabere zbylou šířku */
}

.basket-extension-add {
    margin-left: 20px; /* Odsazení od názvu produktu */
}

.eshop-add {
    cursor: pointer;
    font-size: 24px; /* Zvětší ikonu plus */
}

.basket-extension-add i { color: var(--gold2); }


/******************************************************************************/
/* filtr */

.filter2 { background: var(--gray); clear: both; margin-bottom: 1em; padding: 12px 25px; }
.filter2 .group { color: #000; display: inline-block; margin-right: 30px; }
.filter2 .group:last-child { margin-right: 0; }
.filter2 a { margin-right: 5px; }
.filter2 a:hover, .filter2 a.active { color: var(--yellow); text-decoration: none; }
.filter2 .fa { font-size: 14px; }
.filter2 .paging { display: inline-block; }
.filter2 .paging a { text-decoration: none; }
.filter2 .page-active { color: var(--yellow); }

/******************************************************************************/
/* tabulka block s údaji pod košíkem */

/*.ac-block { float: left; margin-bottom: 3em; width: 100%; background: #111; padding: 50px 30px; box-sizing: border-box; }*/
.ac-block { float: left; margin-bottom: 1em; width: 50%; }

/*.table-block { width: 400px; margin: 0 auto;}*/

.table-block { /*max-width: 400px;*/ width: 100%; }
.table-block td { padding: 5px 10px 5px 0; position: relative;}
.table-block td input { min-width: 150px; }
.table-block input[type="text"].number { min-width: 50px; }
.table-block td input.ares { /*position: absolute; right: 10px; top: 5px;*/ padding: 5px 5px 5px 5px; background: var(--gold2); color: #fff; }
.table-block td.width { width: 100px; }
.table-block td input[type="text"], .table-block td input[type="email"], .table-block td input[type="tel"]  { width: 100%; box-sizing: border-box; padding: 10px 10px; margin-top: 5px; }
.table-block td textarea[name="comment"] { width: calc(100% - 12px); padding: 10px 10px; border: 2px solid #ddd; }
.table-block td textarea[name="comment"]:focus { border: none; }
.table-block input[type="text"].street { float: left; margin-right: 8px; width: calc(75% - 10px); }
.table-block input[type="text"].number { width: calc(30% - 12px); }

/*
.table-block input, .table-block textarea { border: 1px solid #ccc; }
.table-block input[type="submit"] { border: none; }
*/

table tr td input[name="odeslatPoptavku"] { border-radius: 5px; background: var(--yellow); border: none; color: #fff; padding: 10px; font-size: 1em; text-transform: uppercase; border-radius: 0; -webkit-appearance: none;}
table tr td input[name="odeslatPoptavku"]:hover { background: #65a219; transition: 0.2s; cursor: pointer; }

/******************************************************************************/
/* objednávka */

.block {clear: both; float: left; margin-bottom: var(--space-between-section-bigger); padding: 0px; width: 100%; color: #000; color: #fff; background: none; /*border: 1px solid var(--lighter-gray);*/ }
.block .ares { cursor: pointer; border: none; }
.block .ares:hover { background: var(--gold2); color: #fff; }
/*.comment { padding: 5px; width: calc(100% - 12px); color: var(--lighter-gray); }*/

/*#contact-form p, #demand-form p { margin: 30px 0; }*/
#order-form .table-block { margin: 0px auto; max-width: none; margin-bottom: 0; }
#order-form .contact-form td {margin-bottom: 21px;}
#order-form .table-block td input, #contact-form .table-block td input { min-width: auto; }
#order-form .price { color: var(--gold2); }

#order-form .ares-button { border-radius: 0; border: 1px solid var(--gold2); cursor: pointer; padding: 10px; width: calc(100% - 284px); background: none; text-align: center; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
#order-form .ares-button:hover { background: var(--gold2); }
#order-form .demand-form-section, .order-container .demand-form-section { color: #fff; font-size: 30px; margin-top: 30px; margin-bottom: 10px; }
#order-form .block-voucher ::placeholder { color: grey; }
#order-form .block-voucher input[name="code_training"] { padding: 10px; width: 255px; margin-right: 25px; }
#order-form .block-voucher .submit-button-2 { padding: 10px; width: calc(100% - 285px); border: 1px solid var(--gold2); }

#order-form .block_de_tr_id { display: none; }
#order-form .table-block td { padding: 0; padding-bottom: 30px; }

#order-form .table-block td .ic { width: 255px; margin-right: 25px; }
#order-form .ares-button { border-radius: 0;
  border: 1px solid var(--gold2);
  cursor: pointer;
  padding: 10px;
  width: calc(100% - 284px);
  background: none;
  text-align: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

.order-container select#how { width: 100%; padding: 10px; }

.order-container label[for="gdpr"] { margin-left: 0; }
.order-container label { vertical-align: middle; margin-bottom: 10px; }
.order-container input[type="checkbox"] { margin-bottom: 10px; margin-top: 0; }

.block-voucher input[type="text"] { width: 255px; margin-right: 25px; height: 44px; box-sizing: border-box; padding: 10px; }
.block-voucher input[type="submit"] { width: calc(100% - 284px); }
.block-voucher input[name="submit_voucher_delete"], .block-voucher input[name="submit_voucher_training_delete"] { float: right; }

.rwd-table tr td { padding-bottom: 25px; vertical-align: top; }

.order-container h3 { margin-bottom: 25px; }
.order-container td h3 { margin-bottom: 0; }

.order-form { margin-bottom: var(--space-between-section-bigger); }

.order-form .button1[name="submit"] { width: auto; padding: 0 10px; }

.order-container input[type="radio"], .order-container input[type="checkbox"] { margin-right: 5px; }

.order-container .price-per-piece { color: #9d9d9d; }
.basket-item-gray { color: #9d9d9d; }

/******************************************************************************/
/* kontakt */

/*#kontakt { background: var(--gray); }*/

#contact { background: #ac7443; }
#contact .content { background: #bc9069; padding: 50px 25px 50px 25px; width: calc(100% - 50px); }
#contact, #contact a, #contact .h1 { color: #fff; }

.co1, .co2, .co3 { display: inline-block; vertical-align: top; width: 33%; }
.co1 img { height: auto; margin: 1em 0 0 0; max-width: 315px; width: 80%; }
.co2 { }
.co3 { padding: 0 0 0 50px; width: calc(33% - 50px); }
.co3 h3 { font-size: 1.5em; }

/******************************************************************************/
/* kontaktní formulář */

#contact-form { /*background: #111;*/ /*padding: 70px 0;*/ z-index: 2; padding: var(--space-between-section-smaller, 70px) 0; }

#contact-form h2 { text-transform: uppercase; text-align: left; font-size: 25px; margin-bottom: 40px; }
/*#contact-form .table-block a { text-decoration: none; }*/

.contact-form-container.top-perex { padding-bottom: 0; }
.contact-form-container.classic-text { padding-top: 0; }
.contact-form-container-outer { padding: 70px; margin-bottom: var(--space-between-section-bigger, 75px); }
.contact-form-container-inner { max-width: 505px; margin: 0 auto; }

.contact-form { position: relative; text-align: left; }
/*.contact-form-block { padding: 40px 0px; width: 100%; }*/
.contact-form .h1 { color: #fff !important; }

/*
#contact-form .table-block { width: calc(34%); display: inline-block;}
#contact-form .table-block .title { font-size: 25px; font-weight: bold; }
#contact-form .table-block:first-child { vertical-align: top; }
#contact-form .table-block tbody { width: 100%; height: 100%; display: table; }
#contact-form .table-block:nth-child(2) { width: calc(50%); }
#contact-form .table-block:last-child { width: calc(15%); }
#contact-form .table-block:last-child .button { width: 100%; }
*/

/*
#contact-form .table-block:last-child td, #contact-form .table-block:last-child td .button_layer { text-align: right; }
*/

/*#contact-form .table-block input[type="submit"] { display: block; }*/
/*
#contact-form .table-block input[type="submit"]:hover { background: #eec400; }
*/

#contact-form .table-block { width: 100%; }
.contact-form .table-block td input { min-width: auto; }

.contact-form table textarea { width: 100%; box-sizing: border-box; padding: 10px; }
.contact-form table select { border: 0; padding: 10px 10px; width: 100%; }
.contact-form table tr td { padding: 0 0 20px 0; vertical-align: top; text-align: left; margin: 0 0 20px 0; }
.contact-form table tr:last-of-type td { margin: 0; padding: 0; margin-top: 20px; }
/*.contact-form .table-block:first-child tr td { padding: 0; }*/

.contact-form .table-block tr { display:block; box-sizing:border-box; clear:both; }
.contact-form .table-block td { display:block; box-sizing:border-box; clear:both; }
.contact-form .table-block td input.full { width: 100%; box-sizing: border-box; }
.contact-form .table-block td input.half { box-sizing: border-box; }
.contact-form .table-block td input.half:first-of-type { width: calc(50% - 30px); margin-right: 55px; }
.contact-form .table-block td input.half:last-of-type { width: calc(50% - 30px); }
.contact-form .table-block td textarea.half, .contact-form table.table-block td select.half { width: calc(50% - 30px); }
.contact-form .table-block td.half { width: calc(50% - 30px); }
.contact-form .table-block .participant { -moz-appearance: textfield; padding: 10px 20px 11px 0px; border: none; text-align: right; width: 20px; }
.contact-form .table-block td .ic { width: 255px; margin-right: 25px; }
.contact-form .table-block td .ares { width: 110px; padding: 10px; }

/*.contact-form .table-block td input, .contact-form .table-block td textarea { border-width: 0; background: #fff; border-bottom: 1px solid #fff; color: #000; }*/
textarea:focus, input:focus { outline: none; }
.contact-form .table-block td input.button { border: 1px solid var(--gold2); cursor: pointer; /*float: right;*/ background: none; /*padding: 10px 85px;*/ display: block; margin-bottom: 20px; }
.contact-form .table-block td input.button:hover { background: var(--gold2); }
.contact-form a { color: #fff; }

.contact-form .table-block td input.button1 { border: none; cursor: pointer; background: var(--gold2); display: block; margin-top: 40px; }
/* .contact-form .table-block td input.button1:hover { background: var(--gold); } */

.mapsitna { display: none; }

#contact-form .foot-column { display: inline-block; vertical-align: top; }
#contact-form .foot-column:first-of-type { width: 450px; margin-right: 150px; }
#contact-form .foot-column:last-of-type { width: calc(100% - 605px);}
#contact-form .foot-column h1 { display: inline-block; }
#contact-form .foot-column img { vertical-align: middle; margin-right: 15px; }
#contact-form ::placeholder { color: #fff; opacity: 1; }

/******************************************************************************/
/* poptávkový, kontaktní formulář */

#training-form .content { /*margin-bottom: 70px;*/ /*margin-bottom: var(--space-between-section-smaller, 70px);*/ }
#training-form .price-tag { font-size: 25px; }
#training-form .without-vat-tag { font-size: 16px; }

#demand-form, #contact-form { max-width: 505px; margin: 0 auto; /*padding: 70px 0;*/ padding: var(--space-between-section-smaller, 70px) 0; }
/*#contact-form p, #demand-form p { margin: 30px 0; }*/
#demand-form .table-block, #contact-form .table-block { margin: 50px auto; max-width: none; margin-bottom: 0; }
#demand-form .contact-form td {margin-bottom: 21px;}
#demand-form .table-block td input, #contact-form .table-block td input { min-width: auto; }
#demand-form .price { color: var(--gold2); }

#demand-form .ares-button { border-radius: 0; border: 1px solid var(--gold2); cursor: pointer; padding: 10px; width: calc(100% - 284px); background: none; text-align: center; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
#demand-form .ares-button:hover { background: var(--gold2); }
#demand-form td.demand-form-section { color: #fff; font-size: 35px; margin-top: 30px; margin-bottom: 10px; }
#demand-form .block-voucher ::placeholder { color: grey; }
#demand-form .block-voucher input[name="code_training"] { padding: 10px; width: 255px; margin-right: 25px; }
#demand-form .block-voucher .submit-button-2 { padding: 10px; width: calc(100% - 285px); border: 1px solid var(--gold2); }

#demand-form .block_de_tr_id { display: none; }

#contact-form select, #demand-form select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding-right: 30px;
  background-image: url('../img/caret-down-solid-gold.svg');
  background-position: calc(100% - 10px) center;
  background-repeat: no-repeat;
  background-size: 15px;
  cursor: pointer;
 }

 #demand-form input,  #demand-form select, #demand-form textarea { margin-top: 5px; }

 #demand-form .name-specification { color: var(--lighter-gray); font-size: 14px; margin-left: 20px; }

.billing-information-manual, .delivery-information-manual, .voucher-information-manual { color: var(--gold2); text-decoration: underline; position: relative; }
.billing-information-manual:hover, .delivery-information-manual:hover, .voucher-information-manual:hover { cursor: pointer; text-decoration: none; }
.billing-information-manual i, .delivery-information-manual i, .voucher-information-manual i { color: var(--gold2); font-size: 30px; margin-left: 20px; position: absolute; right: -25px; bottom: 0; }


.contact-form .table-block tr.billing-information { display: none; }

.minus, .plus { background: #fff; color: var(--gold2); cursor: pointer; display: grid; align-items: center; justify-items: center; font-size: 1em; font-weight: bold; padding: 6px 0; text-align: center; width: 40px; vertical-align: bottom; user-select:none;}
.minus:hover, .plus:hover { background: var(--gold2); color: #fff;  }
.minus { color: #9c9c9c; }
.plus { }
.df-participant { display: inline-block; width: 120px; margin-right: 35px; }
.df-term { display: inline-block; width: calc(100% - 159px); }

#demand-form .df-input, #order-form .df-input {height: 44px;box-sizing: border-box;margin-top: 8px; border-radius: 5px; overflow: hidden; }
#demand-form .df-input--number, #order-form .df-input--number {display: flex;background-color: #fff;}
#demand-form .df-input--number input, #order-form .df-input--number input {margin-top: 0;text-align: center;flex:1;min-width:20px;padding:0;-webkit-appearance: none;appearance: none;}
#demand-form .df-input--textarea, #order-form .df-input--textarea {height: unset;resize: vertical;}

#order-form .df-input--number { width: 150px; }

/******************************************************************************/
/* newsletter */

/*#newsletter { border: 1px solid #424242; border-radius: 5px; padding: var(--space-between-section-smaller, 70px); display: inline-block; width: 350px; margin-right: 120px; }*/
#newsletter { border: 1px solid #424242; border-radius: 5px; padding: var(--space-between-section-smaller, 70px); display: block; width: 350px; margin: 0 auto; }
#newsletter p { line-height: 1.75em; }
#newsletter .h1, #newsletter .h2 { margin-bottom: 25px; }
#newsletter form { margin-top: 18px; }
#newsletter .foot-box:first-child { text-align: left; float: left; font-size: 50px; }
#newsletter .foot-box:nth-child(2) { text-align: left; width: calc(50% - 50px); color: var(--lighter-gray); }
#newsletter .foot-box:nth-child(2) .social-icons { display: inline-flex; }
#newsletter .foot-box:last-child { text-align: right; float: right; }
#newsletter .button { width: 145px; padding: 10px 20px; }

/******************************************************************************/
/* patička */

/*
#foot-first {  background-color: var(--gray); margin-bottom: -10px; }
#foot-first a { color: #fff; }
#foot-first .content { text-align: center; }
*/

#foot { background: #111; padding: 10px 0; }
#foot, #foot a { color: #fff; }
#foot .content { text-align: right; padding: 40px 0; }
#foot.wrap1  { min-height: auto; }


/******************************************************************************/
/* box v patičce */

#foot-box {}

#foot-box .foot-box a i { margin-right: 50px; }
#foot-box .foot-box a:last-of-type i { margin-right: 0; }

#foot-box .fa-facebook-f:hover { color: #4267B2; }
#foot-box .fa-instagram:hover { color: #c13584; }
#foot-box .fa-youtube:hover { color: #FF0000; }


.foot-box { display: inline-block; vertical-align: top; width: calc(25% - 22px); }
.foot-box:last-child { margin-right: 0; }
.foot-box img { height: auto; }
.foot-box .title { font-weight: bold; margin-bottom: .5em; text-transform: uppercase; }
.foot-box .text { padding-top: 20px; position: relative; text-align: center; }

#foot-first .foot-box { text-align: center; min-height: 210px; }
#foot-first .foot-box:first-child { display: inline-flex; text-align: left; color: var(--yellow); }
#foot-first .foot-box:first-child .address {margin-left: 20px; color: #fff; }

/*
#foot-first .foot-box:nth-child(2) { display: inline-grid; color: var(--yellow); }
#foot-first .foot-box:nth-child(2) .phone-mail { margin-left: 65px; text-align: left;}
#foot-first .foot-box:nth-child(2) .phone-box { display: inline-flex; color: }
#foot-first .foot-box:nth-child(2) .phone-box .phone { margin-left: 20px; }
#foot-first .foot-box:nth-child(2) .mail-box { display: inline-flex; }
#foot-first .foot-box:nth-child(2) .mail-box .mail { margin-left: 20px; }
#foot-first i { margin-top: 8px; }
#foot-first li.active a { color: var(--yellow); }

#foot-first .foot-box:last-child {text-align: left;}

#foot-first ul { padding-left: 140px; }
#foot-first ul li::before { content: "★"; color: var(--yellow); display: inline-block; margin-left: -1em; width: 1.5em; }
#foot-first ul li a:hover { color: var(--yellow); }
*/

#foot .foot-box:first-child { text-align: left; float: left; }
#foot .foot-box:nth-child(2) { text-align: center; width: calc(50% - 50px); }
#foot .foot-box:nth-child(2) .social-icons { display: inline-flex; }
#foot .foot-box:last-child { text-align: right; float: right; font-size: 15px; }

.icon-circle { color: #fff; background: #000; width: 35px; height: 35px; text-align: center; padding: 16px; border-radius: 120px; margin-right: 30px; }
.icon-circle:hover { background: var(--yellow); transition: 0.2s; }

/******************************************************************************/
/* výstupy v médiích */
/******************************************************************************/

#media-tab {
  /*background: #808080;*/
  /* padding-bottom: 70px; */
  padding-bottom: var(--space-between-section-smaller, 70px);
  /*padding-top: 15px;*/
}

.media-tab-box {
  /*
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-wrap: wrap;
  */
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 0px;
  justify-items: center;
}

.media-tab {
/*
  box-sizing: border-box;
  padding: 15px;
  margin: 15px;
  height: 80px;
  border: 3px solid #fff;
*/
}

/* 35px, 60px, 30px, 30px */

/*
.media-tab-1 { height: 35px; }
.media-tab-2 { height: 60px; }
.media-tab-3 { height: 30px; }
.media-tab-4 { height: 30px; }
*/

.media-tab img {
  /*height: 100%;*/
  display: block;
  margin: 0 auto;
  width: 100%;
  transform: scale(1.0001);
  opacity: 0.9999;
  image-rendering: -webkit-optimize-contrast;
  max-width: 260px;
}

#media-tab .owl-carousel { width: 100%; }
#media-tab .owl-carousel .owl-height { min-height: 42px; }

/******************************************************************************/
/* HomePage - naučte se vyjednávat */

#learn-to-negotiate { /*background: var(--dark-gray-background);*/ /*padding: 75px 0;*/ padding: var(--space-between-section-bigger, 75px) 0; }

#our-team { background: var(--dark-gray-background); /*padding: 75px 0 0 0;*/ padding: var(--space-between-section-bigger, 75px) 0 0 0; overflow: hidden; }
#subpage #our-team { background: #000; }
#homepage #our-team { padding: var(--space-between-section-bigger, 75px) 0 var(--space-between-section-bigger, 75px) 0; }
/* HomePage - náš tým vyjednavačů */

.owl-carousel-our-team { /*padding: 75px 0 0 0;*/ }

.our-team-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

/*
.our-team {
    box-sizing: border-box;
    padding: 0px;
    margin: 0px;
    width: calc(25% - 10px);
}
*/

.our-team img {
    height: auto;
    width: 100%;
    display: block;
    margin: 0 auto;
    border: 1px solid #383838;
    border-radius: 100%;
}

/* Posunutí první a poslední fotky o trochu níže */
.our-team-box .our-team:first-of-type,
.our-team-box .our-team:last-of-type {
    margin-top: 100px; /* nebo libovolná hodnota, kterou chcete použít pro posunutí dolů */
}
.our-team-caption { color: var(--gold); text-align: left; line-height: 1.25; margin-top: 25px; margin-left: 20%; }
.our-team .our-team-caption:nth-of-type(3) { line-height: 1.5em; }


.our-team-caption:first-of-type a p { color: var(--gold2); font-size: 25px; border-bottom: 1px solid var(--gold2); display: inline-block; text-decoration: none; }

/******************************************************************************/
/* Naši klienti  */

#our-clients {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  /* padding-bottom: 75px; */
  /*padding-bottom: var(--space-between-section-bigger, 75px);*/
  overflow: hidden;
}

.our-clients-box {
   display: flex;
   justify-content: space-between;
   align-items: center;
   flex-wrap: wrap;
   /* padding: 75px 0; */
   padding: var(--space-between-section-bigger, 75px) 0;
  isolation: isolate;
}

.our-clients {
   box-sizing: border-box;
   padding: 10px;
   margin: 0px;
   margin-bottom: 190px;
   /*border: 5px solid #fff;*/
   width: calc((100% - 50px) / 4);
   height: 100px;
}

.our-clients:nth-last-of-type(4), .our-clients:nth-last-of-type(1), .our-clients:nth-last-of-type(2), .our-clients:nth-last-of-type(3) { margin-bottom: 0px; }

.our-clients {
  display: flex;
  justify-content: center;
  align-items: center;
}

.our-clients img {
   max-height: 140%;
   max-width: 140%;
   display: block;
   margin: 0 auto;
}

.our-clients-box .our-clients {
  position: relative;
}

.our-clients-box .our-clients img {
  filter: brightness(90%);
}



.our-clients-reference-box { margin: 40px 0 0 0; background: var(--dark-gray-background); padding: 100px 50px; }
.our-clients-reference { /*margin: 40px 0; background: var(--dark-gray-background);*/ padding: 0 25px; }
.our-clients-reference-text { /*font-size: 20px;*/ font-size: 14px; }
.our-clients-reference-text p { font-size: 18px; color: #fff; }
.our-clients-reference-author { margin-top: 40px; margin-bottom: 60px; /*font-size: 22px;*/ font-size: 16px; }
.our-clients-reference-author p { color: #fff; font-weight: bold; }

/******************************************************************************/
/* Negoletter */

.newsltter-register-your-best-mail
{
    margin-bottom: 10px;
}

.newsletter-register {
    height: 43px;
    display: flex;
    align-items: stretch;
}

.newsletter-register-mail {
    /*width: 100%;*/
    box-sizing: border-box;
    margin-right: 10px;
    padding: 8px;
    min-width: 255px;
}

/******************************************************************************/
/* Budte o krok před konkurencí */

/*#step-ahead-competition { display: inline-block; vertical-align: top; width: calc(100% - 620px); padding-top: var(--space-between-section-smaller, 70px); }*/
#step-ahead-competition { display: block; vertical-align: top; width: 350px; padding-top: var(--space-between-section-smaller, 70px); margin: 0 auto;}
#step-ahead-competition a { color:#fff; text-decoration: underline; }
#step-ahead-competition .h1 {margin-bottom:25px;}

/*
.step-ahead-competition-box {
    display: flex;
    justify-content: space-between;
}
*/
.step-ahead-competition-box {line-height: 1.75;}
.step-ahead-competition {
    flex: 1;
    box-sizing: border-box;
}

#above-foot { /*padding-bottom: 75px;*/ padding-bottom: var(--space-between-section-bigger, 75px); margin-top: var(--space-between-section-bigger, 75px); }

/******************************************************************************/
/* Tréninky - seznam */

span .training-card-title { border-bottom: none; }

.training-list-introduction { /*padding: 75px 0;*/ padding: var(--space-between-section-bigger, 75px) 0; }
/*
.training-cards { }
.training-card { display: inline-block; }
.training-card:nth-of-type(4n+0) { margin-right: 0px; }
*/

#subpage #content.training-list { /*margin-top: 75px;*/ margin-top: var(--space-between-section-bigger, 75px); }

.training-cards {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); /* Každá karta bude minimálně 250px široká a řádek se automaticky rozdělí do sloupců */
    grid-gap: 10px; /* Mezera mezi kartami */
    column-gap: 10px;
}

.training-card {
    width: 100%; /* Karta vyplní šířku svého kontejneru */
}
.training-card a { text-decoration: none; }
.training-card strong {font-weight: 600;}

.training-card .training-card-headline { margin-bottom: 10px; }

/******************************************************************************/
/* navazující tréninky */

#upcoming-trainings {margin-top:2.5em;}
#upcoming-trainings .content { /*margin-bottom: 70px;*/ /*margin-bottom: var(--space-between-section-smaller, 70px);*/ }
#upcoming-trainings .upcoming-trainings-button { margin-top: 50px; }

/******************************************************************************/
/* Tréninky - filtr */

.training-filter { display: flex; align-items: center; justify-content: space-between; margin: auto; margin-bottom: 0; margin-top: var(--space-between-section-smaller, 70px); flex-wrap: wrap; }
.training-filter .active a { text-decoration: none; color: #fff; border: none; }
.training-filter-item { margin-right: 20px; }
.training-filter-item a { text-decoration: none; color: var(--gold2); border-bottom: 1px solid var(--gold2); padding-bottom: 5px; }
.training-filter-item a:hover { color: var(--gold2); border-bottom: 1px solid var(--gold2); }
.training-filter-item:nth-last-of-type(2) { margin-right: auto; }
.training-filter-item:last-of-type { margin-right: 0; }

.training-choose { color: #000; background: var(--gold2); z-index: 1; text-align: center; font-weight: 400; line-height: 2em; margin-left: 20px; width: 220px; display: inline-block; padding: 7px 0px; }
.training-choose .fa-caret-down { font-size: 30px; vertical-align: bottom; margin-left: 25px; }

/*
.training-choose { padding: 10px; border: 1px solid var(--gold2); width: fit-content; margin-left: auto; }
.training-choose { color: var(--gold2); text-decoration: underline; background: #000; z-index: 1; text-align: center; margin-left: 20px; }
*/
.training-choose:hover { cursor: pointer; color: #fff; transition: .2s color;}



/******************************************************************************/
/* Tréninky - vyskakovací okno */

.myModal { z-index: 3; }


.modal-training {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.7);
  overflow: auto;
  z-index: 3;
}

.modal-training-content {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0%);
  background-color: #000;
  color: #fff;
  padding: 20px;
  z-index: 5;
  overflow: auto;
}

.modal-training-close {
  color: var(--gold2);
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.training-close-text { font-size: 20px; text-decoration: underline; }

.modal-training-close:hover {
  color: var(--gold);
  text-decoration: none;
  cursor: pointer;
}


.table-training-choose {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 15px;
}

.table-training-choose th { border: none; }

.table-training-choose td {
    border: 1px dashed #fff;
    padding: 10px;
    text-align: center;
    color: var(--gold2); text-decoration: underline;
}

.table-training-choose td a {
    color: var(--gold2); text-decoration: underline;
}

td[colspan] {
    border: 5px solid #fff;
}

/******************************************************************************/
/* Bloky */
/******************************************************************************/

.content-block {
  background: var(--dark-gray-background);
  color: #fff;
  margin-bottom: 10px;
  padding: 70px 10px;
  /* cursor: pointer; */
}

.podcast-transcript-container { margin-bottom: var(--space-between-section-bigger, 75px); }
.content-block-scroll { max-height: 700px; overflow-y: auto; max-width: 550px; margin: 0 auto; }
/* Pro webkit prohlížeče */
.content-block-scroll::-webkit-scrollbar { width: 16px; /* Šířka scrollbaru */ }
.content-block-scroll::-webkit-scrollbar-track { background: var(--gold2); /* Barva pozadí dráhy scrollbaru */ }
.content-block-scroll::-webkit-scrollbar-thumb { background: var(--gold2); /* Barva thumbu scrollbaru */ }
.content-block-scroll::-webkit-scrollbar-thumb:hover { background: var(--gold2); /* Barva thumbu při hover efektu */ }
/* Pro Firefox */
.content-block-scroll {
    scrollbar-width: thin; /* Tloušťka scrollbaru */
    scrollbar-color: var(--gold2) #000; /* Barva thumbu a barva pozadí dráhy */
}



.content-block i {display: none;}

.content-headline {
  display: block;
  max-width: 505px;
  margin: 0 auto;
  /* text-align: left; */
  /* margin: 0; */
  padding: 0;
  /* text-align: center; */
  /* margin-bottom: 70px; */
  /*margin-bottom: var(--space-between-section-smaller, 70px);*/
  margin-bottom: 45px;
  /*font-size: 24px;*/
}

.content-headline i { float: right; color: var(--gold2); }

.hidden-content {
  display: block;
  max-width: 505px;
  margin: 0 auto;
}

.content-block[data-blok="reviews"] strong {font-weight: 600;}


/******************************************************************************/
/* Trénink detail */
/******************************************************************************/

.training-detail { }
#subpage #content.training-detail { /*padding: 75px 0;*/ margin-top: 0; padding: var(--space-between-section-bigger, 75px) 0; }

.all-about-training-headline { font-size: 25px; margin-bottom: 35px; }
.training-email { padding: 10px 16px; border: none; width: calc(100% - 275px); min-width: 200px; }
.submit-training-information { background: none; border: 1px solid var(--gold2); padding: 9px 0; cursor: pointer; color: #fff; margin-left: 20px; width: 220px;  }
.submit-training-information:hover { background: var(--gold2); }
/* .training-information { margin-right: 15px; margin-right: 20px; transform: scale(2); margin-top: 20px; margin-left: 7px; } */
.training-information { margin-right: 15px; margin-top: 15px; }
.training-information:hover { cursor: pointer; }
label[for="training-information"] { color: #fff; font-size: 14px; max-width: 210px; display: inline-block; line-height: 1.25em; vertical-align: top; margin-top: 10px; }
label[for="training-information"]:hover { cursor: pointer; }

.training-detail-top { /*padding: 75px 0;*/ padding: var(--space-between-section-bigger, 75px) 0; }
.training-detail-top h1, .training-detail-top .h1 { /*margin-bottom: 75px;*/ margin-bottom: var(--space-between-section-bigger, 75px); }
.training-detail-right .button1 { margin-top: 15px; }

.open-hidden-reviews { margin: 0px 0 40px 0; display: inline-block; }
.open-hidden-reviews:hover { cursor: pointer; }
.hidden-reviews { display: none; margin-top: 40px; }

.training-detail .about-us-detail-gallery-container { margin-bottom: 0; }

.contact-form .table-block tr.training-hidden, .contact-form .table-block .training-hidden { display: none; }

.fixed-order-button {
  position: fixed;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 9999;
  transition: opacity 0.3s ease;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
  appearance: none;
}

@keyframes mini-bounce {
  0%   { transform: translateX(-50%) translateY(0); }
  30%  { transform: translateX(-50%) translateY(-6px); }
  100% { transform: translateX(-50%) translateY(0); }
}

.fixed-order-button.bounce {
  animation: mini-bounce 0.5s ease;
}

@media (max-width: 768px) {
  .fixed-order-button {
    bottom: 15px;
  }
}

/******************************************************************************/
/* Pomoc s vyjednáváním */
/******************************************************************************/

.negotiation-help-head {  }
.negotiation-help-head { /*padding: 75px 0;*/ padding: var(--space-between-section-bigger, 75px) 0; }
#subpage #content.negotiation-help { margin-top: 0; }
.negotiation-help .h1 { font-size: 40px; }
.negotiation-help-form { background: var(--dark-gray-background); padding: 70px; margin-top: 70px; /*margin-bottom: 70px;*/ }
.negotiation-help-form-inner { max-width: 505px; margin: 0 auto; }
.negotiation-help-form h2, .negotiation-help-form .h2 {margin-bottom: 28px;}
.negotiation-help-form .contact-form {margin-top: 40px;}
.negotiation-help-form .table-block td {margin-bottom: 22px;}
.negotiation-help .negotiation-help-form .table-block input,
.negotiation-help .negotiation-help-form .table-block textarea,
.negotiation-help .negotiation-help-form .table-block select
 {margin-top: 8px;}
.negotiation-help-form .contact-form .table-block td input.button1 { margin-top: 50px; margin-bottom: 0; }

/******************************************************************************/
/* Rozvoj manažerů */
/******************************************************************************/

.development-of-managers table.table-two-cols-photo-right tr td:last-child img { margin-top: -30px; margin-left: -90px; max-width: 300px;  }
.development-of-managers-contact-form { /*margin-bottom: 75px;*/ }

/******************************************************************************/
/* Know-how */
/******************************************************************************/

.know-how {}
.know-how-container { display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 50px 0; }
.know-how-item { flex-basis: calc(33.333% - 20px); text-align: left; }
.know-how-item:nth-child(3n) { margin-right: 0; }
.know-how-title { margin-bottom: 15px; }
/*
.know-how table.table-know-how h1 { font-size: 75px; font-weight: bold; }
.know-how table.table-know-how h1 .link-gold-underline { border-bottom: 4px solid var(--gold2); }
*/

/******************************************************************************/
/* e-tréninky */
/******************************************************************************/

.e-training-variants { padding: var(--space-between-section-bigger, 75px) 0; }
.e-training-variant:first-of-type { margin-bottom: var(--space-between-section-bigger, 75px); }
.e-training-variant-title { margin-bottom: 50px; }
.e-training-variant-title h3 { margin-bottom: 40px; }

.e-training-container .table-two-cols-center tr td:last-child { text-align: center; }
.e-training-container .table-two-cols-center tr td:last-child img { max-width: 500px; }

.training-cards-etraining .training-card-title::after {
  content: "\f35d"; /* Unicode pro ikonu fa-external-link-alt */
  font-family: "Font Awesome 5 Free"; /* Název fontu */
  font-weight: 600; /* Pro solid verzi ikony */
  margin-left: 8px; /* Mezera mezi textem a ikonou */
  font-size: 20px;
}

/******************************************************************************/
/* Knihy */
/******************************************************************************/

.top-perex.book-list h1 { margin-bottom: 0; }
.book-list .training-card .training-block tr:nth-child(2) img { margin-top: 10px; }
.training-block .eshop-add { margin-top: 10px; }

/******************************************************************************/
/* Kniha - detail */
/******************************************************************************/

.book-detail table.table-know-how tr td:last-child img { position: absolute; bottom: calc(var(--space-between-section-bigger, 75px) - 50px); right: 15%; }
.book-detail table.table-know-how tr td:last-child .button2 { right: 0; position: absolute; bottom: 0; z-index: 2; }

.upcoming-training-book-detail { position: absolute; right: 100px; top: 0; width: 400px; z-index: -1; }
.book-detail .content-block { margin-bottom: calc(var(--space-between-section-bigger, 75px)); }

/******************************************************************************/
/* Vystoupení v médiích */
/******************************************************************************/

.top-perex.media-output h1 { margin-bottom: 0; }
.media-output table.training-block tr:first-child td { vertical-align: middle; }
.media-output .training-cards .training-card-title::after {
  content: "\f35d"; /* Unicode pro ikonu fa-external-link-alt */
  font-family: "Font Awesome 5 Free"; /* Název fontu */
  font-weight: 600; /* Pro solid verzi ikony */
  margin-left: 8px; /* Mezera mezi textem a ikonou */
  font-size: 20px;
}

/******************************************************************************/
/* Tiskové zprávy */
/******************************************************************************/

.press-releases {}
.top-perex.press-releases h1 { margin-bottom: 0; }
.press-releases-detail-container { max-width: 495px; margin: 0 auto; }
.press-releases .training-cards { margin-bottom: 40px; }

/******************************************************************************/
/* Kontakt */
/******************************************************************************/

/* Ikona pro poslední buňku posledního řádku */
.contact-form-container .table-text-middle-border tr:first-child td:first-child p::before {
    content: "\f08c";
    font-family: "Font Awesome 5 Brands";
    font-weight: 400;
    margin-right: 22px;
    display: inline-block;
    color: var(--gold2);
    font-size: 35px;
}


#subpage .divide-line { padding: 0; margin-top: var(--space-between-section-bigger, 75px); }

/******************************************************************************/
/* O nás */
/******************************************************************************/

.about-us-container { }
.about-us-container #media-tab { padding-bottom: 0; }
.about-us-container.top-perex .table-two-cols tr td:first-child { vertical-align: middle; }

.about-us-container.gray-background { padding: var(--space-between-section-bigger, 75px) 0 var(--space-between-section-bigger, 75px) 0; margin-top: var(--space-between-section-bigger, 75px); }
.about-us-container .divide-line { display: none; }

/******************************************************************************/
/* O nás - detail vyjednavače */
/******************************************************************************/

.about-us-detail {}

.about-us-detail-gallery-container { padding: 40px 125px; margin-bottom: var(--space-between-section-bigger); }
.about-us-detail-gallery {}
.about-us-detail-gallery-item { position: relative; margin: 5px; }
.about-us-detail-gallery-container .owl-carousel .owl-nav button.owl-prev { left: -110px; }
.about-us-detail-gallery-container .owl-carousel .owl-nav button.owl-next { right: -110px; }
.about-us-detail-gallery-title { margin-top: 20px; color: #fff !important; }

.about-us-detail-gallery-container .owl-carousel .owl-stage { display: flex; align-items: start; }

.about-us-detail .table-two-cols-photo-right tr td { vertical-align: middle!important; }
.about-us-detail .table-two-cols-photo-right tr td img { max-height: 425px; width: auto; }
table.table-two-cols-photo-right tr td:last-child {  }

.about-us-detail.top-perex .table-two-cols tr td { vertical-align: middle; }
.about-us-detail.top-perex .table-two-cols img { max-height: 650px; width: auto; min-height: 600px; padding-right: 15%; }
.about-us-detail.top-perex .table-two-cols tr td:last-child { text-align: right; }

.certificate-gallery-container .training-block img { margin-top: 10px; }
.certificate-gallery-container .training-block img.landscape { max-width: 100%; }
.certificate-gallery-container .training-block img.portrait { max-width: 75%; }
.certificate-gallery-container .training-block tr:nth-child(2) td { text-align: center; }

/******************************************************************************/
/* Tabulka 4 sloupce */
/******************************************************************************/
/*
.table-4-cols {
    width: 100%;
    border-collapse: collapse;
}

.table-4-cols td {
    padding: 15px;
    border-right: 1px solid #ccc;
    text-align: center;
    vertical-align: top;
    width: 25%;
}

.table-4-cols tr td:last-child {
    border-right: none;
}
*/

/******************************************************************************/
/* Video zlaté tlačítko */
/******************************************************************************/

.play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: var(--gold2);
    border: none;
    border-radius: 50%;
    /*padding: 20px;*/
    width: 70px;
    height: 70px;
    font-size: 25px;
    cursor: pointer;
    /*z-index: 10;*/
    display: none;
}

.play-button i { display: block!important; }


.video-wrapper {
    position: relative;
    display: block;
}


video:hover { cursor: pointer; }


/******************************************************************************/
/* Podstránka E-book Zdarma */
/******************************************************************************/

.e-book-flexbox {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 60px; /* odsazení mezi levým a pravým sloupcem */
}

.ebook-content-block { padding: 20px 0px; }

.e-book-left-column {
    flex: 1 1 400px;
    max-width: 550px;
}

.e-book-right-column {
    flex: 1 1 300px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ebook-cover {
    max-width: 100%;
    height: auto;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
    border-radius: 8px;
}

.ebook-form {
    display: flex;
    flex-direction: column;
    margin-top: 30px;
}

.ebook-form input[type="text"], .ebook-form input[type="email"] { margin-bottom: 20px; }

.ebook-name,
.ebook-email {
    padding: 12px 16px;
    font-size: 16px;
    width: 100%;
    max-width: 400px; /* užší inputy */
    border: 1px solid #ccc;
    border-radius: 6px;
    box-sizing: border-box;
}

.submit-ebook {
    background-color: var(--gold2);
    color: white;
    font-weight: bold;
    padding: 12px;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    max-width: 220px;
    transition: background-color 0.2s ease;
}

.submit-ebook:hover {
    background-color: #d4af37; /* fallback zlatá, kdyby var nefungovala */
}

.gdpr-text {
    font-size: 14px;
    color: #666;
    margin-top: 10px;
    max-width: 400px;
}


/*
.training-information { margin-right: 15px; margin-top: 15px; }
.training-information:hover { cursor: pointer; }
label[for="training-information"] { color: #fff; font-size: 14px; max-width: 210px; display: inline-block; line-height: 1.25em; vertical-align: top; margin-top: 10px; }
label[for="training-information"]:hover { cursor: pointer; }
*/