* { padding: 0; margin: 0; }

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

input, textarea, select { padding: 4px 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; }
ul { list-style: none; }
ul li::before { content: "»"; color: var(--color1); display: inline-block; margin-left: -1em; width: 1em; }
iframe { max-width: 100%; }

.schema1 ul li::before { color: var(--color1); }
.schema2 ul li::before { color: var(--color2); }
.schema3 ul li::before { color: var(--color3); }
.schema4 ul li::before { color: var(--color4); }

.input { padding: 7px; width: calc(100% - 16px); }
.select { padding: 7px; width: 100%; }
.submit { padding: 10px; width: 100%; }

.responsive-design { font-size: 1em; }

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

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

a[href^="tel"] { 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(--color1); }
.highlight2 { color: var(--yellow); }
.nu { text-decoration: none; }
.nu:hover { text-decoration: underline; }
.un { text-decoration: underline; }
.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: poppins; 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; }

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

.msg-ok { background: #0a0; 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%; }
.wrap2 { margin: 0 auto; position: relative; width: 1260px; }
.content { float: left; padding: 50px 0; position: relative; width: 100%; }

.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; }

/******************************************************************************/
/* rychlý kontakt */

.fast-contact { background: url('../img/icon_fast_contact.png') 0 0 no-repeat; background-size: 100%; display: inline-block; display: none; height: 75px; position: absolute; right: 0; top: 175px; width: 75px; z-index: 2; }
.fast-contact { position: fixed; }
.fast-contact:hover { background-position: 0 -75px; }

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

#wrap-head { position: absolute; top: 0; z-index: 9; }
#wrap-head { position: fixed; }

#subpage #wrap-head { background: #fff; }
#wrap-head.scroll { background: #fff !important; }

.ahead { color: #eee; }
.a-head.active { color: var(--color1); transition: background .25s; }
.schema1 .a-head.active { color: var(--color1); }
.schema2 .a-head.active { color: var(--color2); }
.schema3 .a-head.active { color: var(--color3); }
.schema4 .a-head.active { color: var(--color4); }

.a-head.active:hover { color: #111; }
.schema1 .a-head.active:hover { color: #111; }
.schema2 .a-head.active:hover { color: #111; }
.schema3 .a-head.active:hover { color: #111; }
.schema4 .a-head.active:hover { color: #111; }

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

#head { }
#head .content { padding: 0; text-align: right; }

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

#logo { display: inline-block; left: 0; position: absolute; text-decoration: none; top: 20px; vertical-align: middle; }
#logo img { height: auto; max-width: 100%; }

#logo-hp {}
#logo-sp { display: none; }

#subpage #logo-hp { display: none; }
#subpage #logo-sp { display: block; }

#wrap-head.scroll #logo-hp { display: none !important; }
#wrap-head.scroll #logo-sp { display: block !important; }

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

.menu { clear: both; display: inline-block; position: relative; text-align: center; }
.menu li { display: inline-block; list-style: none; margin: 0 5px; position: relative; }
.menu li::before { content: ""; display: none; }
.menu li, .menu li a { color: #eee; }
.menu li a { display: block; line-height: 1.5em; text-align: center; text-decoration: none; }
.menu li a:hover, .menu li a.active { color: #fff; transition: background .25s; }
.menu li a.active { font-weight: bold; }

.menu li.home { display: none; }
.menu li.icon { display: none; }

/* submenu */
.menu li ul { display: block; margin: 0; padding: 5px 0 0 0; position: absolute; visibility: hidden; z-index: 9; }
.menu li ul li { display: block !important; float: none; margin: 0; padding: 3.5px 10px; white-space: nowrap; width: auto !important; }
.menu li ul li a { display: block; text-align: left; width: auto; }
.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 { }

/******************************************************************************/
/* menu1 */

#menu1 { background: var(--black); padding: 6px 0; text-align: center; vertical-align: top; width: 100%; }
#menu1 li { margin: 0 50px; position: relative; }
#me1:hover a, #me1.active a { color: var(--color1); }
#me2:hover a, #me2.active a { color: var(--color2); }
#me3:hover a, #me3.active a { color: var(--color3); }
#me4:hover a, #me4.active a { color: var(--color4); }

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

#block-head { display: inline-block; margin: 60px 0 20px 0; vertical-align: top; width: calc(100% - 25px); }

.block-head { display: inline-block; margin-right: 75px; vertical-align: bottom; }
.block-head:last-child { margin: 0; }

#social-head { display: inline-block; }
#link-head {}
#lang {}

#social-head img { filter: invert(100%); }

.button-circle { background: var(--black); border-radius: 50%; color: #eee; display: inline-block; font-size: 1.25em; height: 31px; line-height: 1em; padding: 9px 0 0 0; text-align: center; text-decoration: none; width: 40px; }
.button-circle.without-bg { background: none; color: var(--black); }
.button-circle.without-bg:hover { /* background: none !important; */ }
.button-circle img { height: 66%; width: auto; }
.button-circle:hover img { filter: invert(0%); }

.button-circle:hover { background: var(--color1); }
.schema1 .button-circle:hover { background: var(--color1); }
.schema2 .button-circle:hover { background: var(--color2); }
.schema3 .button-circle:hover { background: var(--color3); }
.schema4 .button-circle:hover { background: var(--color4); }

.button-head { background: var(--black); color: #eee; display: inline-block; padding: 6px 15px; text-decoration: none; }
.button-head:hover { color: var(--color1); }
.schema1 .button-head:hover { color: var(--color1); }
.schema2 .button-head:hover { color: var(--color2); }
.schema3 .button-head:hover { color: var(--color3); }
.schema4 .button-head:hover { color: var(--color4); }

/******************************************************************************/
/* menu2 */

#menu2 { padding: 8px 0; }
#menu2, #menu2 li ul li { background: var(--color1); display: block; text-align: center; }
.schema1 #menu2, .schema1 #menu2 li ul li { background: var(--color1); }
.schema2 #menu2, .schema2 #menu2 li ul li { background: var(--color2); }
.schema3 #menu2, .schema3 #menu2 li ul li { background: var(--color3); }
.schema4 #menu2, .schema4 #menu2 li ul li { background: var(--color4); }
#menu2 li { margin: 0 25px; }
#menu2 li ul li { margin: 0; }
#menu2 li a:hover, #menu2 li a.active { color: var(--black); }

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

#slider { position: relative; z-index: 1; margin-bottom: 1px; }
#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 .content ul li a img { height: auto; max-width: 100% !important; }

#slider .wrap2 .content { min-height: auto; }
#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 { /* height: calc(100vh - 200px); */ }
.slider-box { background: rgba(234,184,25,1); position: absolute; width: 350px; }
.slider-box.left { left: 0; top: 25px; }
.slider-box.right { bottom: 25px; right: 0; }
.slider-box .up { background: rgba(234,184,25,1); color: #000; font-weight: bold; margin-bottom: 3px; padding: 10px 15px; position: relative; }
.slider-box .up .bl1 { font-size: 1.5em; font-weight: bold; line-height: 1.25em; }
.slider-box .down { background: rgba(255,255,255,1); border-bottom: 1px solid #ccc; font-size: 12px; padding: 7px 15px; }
.slider-box .down .more { background: url('../img/arrow_000.png') right center no-repeat; padding: 0 20px 0 0; }

.slick-dots li::before { content: ""; }
.slick-slider.slick-dotted { margin: 0; }
#slider .slick-dots { bottom: 0; }
#slider .slick-dots li button:before { background: #fff; border: 1px solid #fff; border-radius: 10px; color: #fff; font-size: 10px; height: 15px; width: 15px; }

#slider .slick-slide img { height: auto; margin: 0 auto; width: 100%; }
#slider .slick-prev::before, #slider .slick-next::before { color: #fff; font-size: 40px; }
#slider .slick-next { right: 30px; }

/******************************************************************************/
/* slider: tlačítko rychlý kontakt */

#button-fast-contact { background: var(--color1); bottom: 175px; bottom: 7%; color: #fff; display: inline-block; font-size: 1.25em; font-weight: bold; left: 0; margin-left: auto; margin-right: auto; padding: 10px; position: absolute; right: 0; text-align: center; text-decoration: none; text-transform: uppercase; width: 275px; z-index: 9; }
#button-fast-contact:hover { background: var(--color1); }

/******************************************************************************/
/* rozcestník */

#places1 { background: var(--color1); background: #fff; margin-bottom: 1em; text-align: center; }
#places1 .content { padding: 25px 0; }
#places1 .tag { left: 12%; position: absolute; top: 0 !important; z-index: 1; width: calc(86% - 30px); }
#places1 img { margin-top: 2.25em; }

/******************************************************************************/
/* obsah */

#homepage #content { display: none; }
#subpage #content { margin-top: 210px; min-height: 500px; }

#breadcrumbs { margin-bottom: 1em; }

#content ul { margin-top: .5em; }
#content ul li { line-height: 1.75em; }
#content img { height: auto; max-width: 100%; }

#content.view-menu-left .content { background: url('../img/bg_content.png') 225px 0 repeat-y; }

/******************************************************************************/
/* pomocná kotva; řeší zafixované menu */

.anchor { position: absolute; top: -210px; }

/******************************************************************************/
/* obsah - levá + pravá strana */

.wrap-left.view-menu-left { display: inline-block; padding-right: 25px; vertical-align: top; width: 250px; }
.wrap-right.view-menu-left { display: inline-block; padding-left: 25px; vertical-align: top; width: calc(100% - 300px); }

#content .wrap-left ul { margin-top: 0; }

/******************************************************************************/
/* submenu */

#submenu { font-size: .85em; margin: 0 0 5em 0; padding: 0; }
#submenu li { margin: 0; }
#submenu li::before { content: ""; display: none; }
#submenu li a { border-bottom: 1px solid #aaa; display: block; padding: .25em 0; text-decoration: none; }
#submenu li.icon { display: none; }

#submenu li ul { background: #efefef; margin: 0; padding: 0; }
#submenu li ul li { }
#submenu li ul li a { padding: .25em 10px; }

#submenu li a:hover, #submenu li a.active { color: var(--color1); transition: background .5s; }
.schema1 #submenu li a:hover, .schema1 #submenu li a.active { color: var(--color1); }
.schema2 #submenu li a:hover, .schema2 #submenu li a.active { color: var(--color2); }
.schema3 #submenu li a:hover, .schema3 #submenu li a.active { color: var(--color3); }
.schema4 #submenu li a:hover, .schema4 #submenu li a.active { color: var(--color4); }

/******************************************************************************/
/* slider content */

.slider-content { margin-bottom: 3em !important; }
.slider-content a { display: inline-block; }
.slider-content a img { height: auto; width: 100%; }

/*
.slider-content a { display: block; padding-top: 5.54%; overflow: hidden; position: relative; width: 100%; }
.slider-content a img { left: 0; height: auto; position: absolute; top: 0; width: 100%; }
*/

/******************************************************************************/
/* dlaždice */

#tiles {}

.tile { background: #efefef; display: inline-block; font-size: .85em; margin: 5px; padding: 10px; text-align: center; text-decoration: none; vertical-align: top; width: calc(25% - 30px); }
.tile .wrap-img { background: #dedede; margin-bottom: 1em; padding-top: 100%; position: relative; }
.tile .wrap-img img { height: auto; left: 0; opacity: .9; position: absolute; top: 0; width: 100%; }

.tile:hover { background: #dedede; }
.tile:hover .wrap-img { background: #cecece; }
.tile:hover .wrap-img img { opacity: 1; }

/******************************************************************************/
/* symboly */

.schema1 .h1-circle1 { background-image: url('../img/circle/01/icon_circle_01.png'); }
.schema1 .h1-circle2 { background-image: url('../img/circle/01/icon_circle_02.png'); }
.schema1 .h1-circle3 { background-image: url('../img/circle/01/icon_circle_03.png'); }
.schema1 .h1-circle4 { background-image: url('../img/circle/01/icon_circle_04.png'); }

.schema2 .h1-circle1 { background-image: url('../img/circle/02/icon_circle_01.png'); }
.schema2 .h1-circle2 { background-image: url('../img/circle/02/icon_circle_02.png'); }
.schema2 .h1-circle3 { background-image: url('../img/circle/02/icon_circle_03.png'); }
.schema2 .h1-circle4 { background-image: url('../img/circle/02/icon_circle_04.png'); }

.schema3 .h1-circle1 { background-image: url('../img/circle/03/icon_circle_01.png'); }
.schema3 .h1-circle2 { background-image: url('../img/circle/03/icon_circle_02.png'); }
.schema3 .h1-circle3 { background-image: url('../img/circle/03/icon_circle_03.png'); }
.schema3 .h1-circle4 { background-image: url('../img/circle/03/icon_circle_04.png'); }

.schema4 .h1-circle1 { background-image: url('../img/circle/04/icon_circle_01.png'); }
.schema4 .h1-circle2 { background-image: url('../img/circle/04/icon_circle_02.png'); }
.schema4 .h1-circle3 { background-image: url('../img/circle/04/icon_circle_03.png'); }
.schema4 .h1-circle4 { background-image: url('../img/circle/04/icon_circle_04.png'); }

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

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

.photo-product { display: inline-block; margin: 1em 25px 1em 0; }
.photo-product .title { font-weight: bold; margin-bottom:.5em; }

/******************************************************************************/
/* otvírací doba na HP */

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

.basic-info { display: inline-block; padding: 0 25px 0 0; text-align: center; vertical-align: top; width: calc(50% - 25px); }
.basic-info.full { display: block; padding: 0; text-align: left; width: auto; }
.basic-info .wrap { display: inline-block; text-align: left; }
.basic-info .icon { display: inline-block; display: none; margin-right: 25px; vertical-align: top; }
.basic-info .wrap-text { display: inline-block; }
.basic-info .title { font-size: 1.25em; font-weight: bold; margin-bottom: .5em; }

/******************************************************************************/
/* kde nás můžete navštívit na HP */

#places-hp {}
#places-hp .content {}

.place { color: #fff; display: inline-block; text-decoration: none; vertical-align: top; padding: 15px; position: relative; width: calc(25% - 30px); }
.place:hover .img { opacity: 1; }
.place:hover .tag { color: var(--black); }
.place .img { height: auto; opacity: 0.95; width: 100%; }
.place .tag { background: var(--color1); left: 7%; padding: .5em 15px; position: relative; top: -2.25em; width: calc(97% - 30px); }
.place .title { font-size: 1.25em; font-weight: bold; }
.place .text {}

#pl1.place .tag { background: var(--color175); }
#pl2.place .tag { background: var(--color275); }
#pl3.place .tag { background: var(--color375); }
#pl4.place .tag { background: var(--color475); }

#pl1.place:hover .tag { background: var(--color195); }
#pl2.place:hover .tag { background: var(--color295); }
#pl3.place:hover .tag { background: var(--color395); }
#pl4.place:hover .tag { background: var(--color495); }

/******************************************************************************/
/* dlaždice na HP: zůstaňte v obraze */

#tiles-hp { background: url('../img/bg_tiles.jpg') center center no-repeat; }
#tiles-hp .wrap2 { overflow: hidden; width: 100%; }
#tiles-hp .content { padding: 75px 0; text-align: center; width: 100%; }

#tiles-hp .slick-prev:before, #tiles-hp .slick-next:before { color: var(--color1); font-size: 30px; z-index: 3; }

.hover { background: var(--color175) url('../img/icon_search.png') center center no-repeat; color: #fff; display: none; left: -50%; position: absolute; padding-top: 200%; top: -50%; width: 200%; z-index: 2; }
.schema1 .hover { background-color: var(--color175); }
.schema2 .hover { background-color: var(--color275); }
.schema3 .hover { background-color: var(--color375); }
.schema4 .hover { background-color: var(--color475); }

.tiles { display: inline-block; overflow: hidden; position: relative; }
.tiles img { height: auto; vertical-align: baseline; width: 320px; }
.tiles:hover .hover { display: block; }
.tiles .title { color: #fff; display: none; position: absolute; bottom: 10px; right: 30px; z-index: 4; }
.tiles:hover .title { display: block; }

/******************************************************************************/
/* aktuality na HP */

#news-hp {}
#news-hp .content { padding: 75px 0; text-align: center; }

.news-hp { color: #fff; display: inline-block; text-align: left; text-decoration: none; vertical-align: top; padding: 15px; position: relative; width: calc(33% - 30px); }

.news-hp .tag { background: var(--color175); }
.schema1 .news-hp .tag { background: var(--color175); }
.schema2 .news-hp .tag { background: var(--color275); }
.schema3 .news-hp .tag { background: var(--color375); }
.schema4 .news-hp .tag { background: var(--color475); }

.news-hp:hover .tag { background: var(--color195); }
.schema1 .news-hp:hover .tag { background: var(--color195); }
.schema2 .news-hp:hover .tag { background: var(--color295); }
.schema3 .news-hp:hover .tag { background: var(--color395); }
.schema4 .news-hp:hover .tag { background: var(--color495); }

.news-hp .wrap-date { background: #fff; color: var(--black); position: absolute; padding: 0 10px 10px 0; z-index: 2; }
.news-hp .date { border-top: 5px solid var(--black); }
.news-hp .img { height: auto; width: 100%; }
.news-hp:hover .img { opacity: .95; }
.news-hp .tag { left: 7%; padding: 1em 30px; position: relative; top: -5em; width: calc(97% - 60px); }
.news-hp .title { font-weight: bold; font-size: 1.25em; margin-bottom: .5em; }
.news-hp .text { margin-bottom: 1em; }
.news-hp .more { text-align: right; }

#news-hp .button { font-size: 1.15em; font-weight: normal; }

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

.filter { background: var(--color1); padding: 5px 5px; }
.filter a { color: #fff; display: inline-block; padding: 0 10px; text-decoration: none; }
.filter a:hover { text-decoration: underline; } 
.filter a.active { text-decoration: underline; }

.schema1 .filter { background: var(--color1); }
.schema2 .filter { background: var(--color2); }
.schema3 .filter { background: var(--color3); }
.schema4 .filter { background: var(--color4); }

/******************************************************************************/
/* aktuality na SP */

#news-sp { }
#news-sp .content { padding: 75px 0; text-align: center; }

.news-sp { color: #fff; display: block; margin-bottom: 2em; text-align: left; text-decoration: none; vertical-align: top; position: relative; }

.news-sp .tag { background: var(--color175); }
.schema1 .news-sp .tag { background: var(--color175); }
.schema2 .news-sp .tag { background: var(--color275); }
.schema3 .news-sp .tag { background: var(--color375); }
.schema4 .news-sp .tag { background: var(--color475); }

.news-sp:hover .tag { background: var(--color195); }
.schema1 .news-sp:hover .tag { background: var(--color195); }
.schema2 .news-sp:hover .tag { background: var(--color295); }
.schema3 .news-sp:hover .tag { background: var(--color395); }
.schema4 .news-sp:hover .tag { background: var(--color495); }

.news-sp:hover .img { opacity: 1; }
.news-sp .wrap-date { background: #fff; color: var(--black); position: absolute; padding: 0 10px 5px 0; z-index: 2; }
.news-sp .date { border-top: 5px solid var(--black); }
.news-sp .img { height: auto; opacity: .95; width: 100%; }
.news-sp .tag { background: rgba(251,28,9,.75); left: 10px; padding: 1em 15px; position: relative; top: -1em; width: calc(100% - 30px); }
.news-sp .title { font-weight: bold; line-height: 1.3em; }

/******************************************************************************/
/* aktuality */

.news { display: inline-block; margin: 20px 25px 60px 25px; text-align: left; text-decoration: none; vertical-align: top; position: relative; width: calc(33% - 50px); }
.news:hover .img { opacity: 1; }
.news .wrap-date { background: #fff; color: var(--black); position: absolute; padding: 0 10px 5px 0; z-index: 2; }
.news .date { border-top: 5px solid var(--black); }
.news .img { height: auto; opacity: .95; width: 100%; }
.news .tag { padding: 1em 0 0 0; }
.news .title { font-weight: bold; line-height: 1.3em; }

/******************************************************************************/
/* stránkování */

.paging { text-align: center; }
.paging a { background: #efefef; display: inline-block; margin: 2px 0; padding: 5px 15px; text-decoration: none; }
.paging a:hover, .paging a.page-active { background: var(--color1); color: #fff; }

.schema1 .paging a:hover, .schema1 .paging a.page-active { background: var(--color1); }
.schema2 .paging a:hover, .schema2 .paging a.page-active { background: var(--color2); }
.schema3 .paging a:hover, .schema3 .paging a.page-active { background: var(--color3); }
.schema4 .paging a:hover, .schema4 .paging a.page-active { background: var(--color4); }

/******************************************************************************/
/* newsletter na HP */

#newsletter-hp { background: var(--color115); }
.schema1 #newsletter-hp { background: var(--color115); }
.schema2 #newsletter-hp { background: var(--color215); }
.schema3 #newsletter-hp { background: var(--color315); }
.schema4 #newsletter-hp { background: var(--color415); }
#newsletter-hp .content { padding: 100px 0; text-align: center; }

.newsletter-hp { display: inline-block; padding: 0 25px;  vertical-align: middle; width: calc(100% - 50px); }
.newsletter-hp .h1 { font-weight: normal; margin: 0; }
/* .newsletter-hp.left { text-align: right; } */
/* .newsletter-hp.left .text { display: inline-block; text-align: left; } */

.newsletter-hp .button { font-size: 1.15em; font-weight: normal; }
.newsletter-hp .button .black { color: var(--black); }

/******************************************************************************/
/* loga na HP */

#logos-hp { }
#logos-hp .content { padding: 100px 0; text-align: center; }

#logos .logo { display: inline-block; margin: 25px 30px; text-align: center; vertical-align: middle; width: calc(14.27% - 60px); }
#logos .logo img { -webkit-filter: grayscale(100%); filter: grayscale(100%); height: auto; max-width: 100%; }
#logos .logo:hover img { -webkit-filter: grayscale(0%); filter: grayscale(0%); }

/******************************************************************************/
/* výhody na HP */

#advantages-hp { }

.advantage { display: inline-block; font-size: 1.25em; margin: 50px 25px; vertical-align: top; text-align: center; width: calc(20% - 50px); }
.advantage .title { margin-top: 1.25em; }

/******************************************************************************/
/* stránkování */

.paging { margin: 1em 0; }
.paging a { background: #efefef; display: inline-block; padding: 1px 7px; }
.paging a:hover, .paging a.page-active { background: var(--color1); color: #fff; text-decoration: none; }

/******************************************************************************/
/* 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; z-index: -1; }

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

.table-form2 { }
.table.table-form2 tr td { padding: 0 15px 5px 0; }
.table-form2 tr td:last-child { padding-right: 0; }

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

.block { background: #eee; border-radius: 5px; padding: 20px; position: relative; }

/******************************************************************************/
/* 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; }

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

#contact-form { background: #efefef; }
#contact-form .content { }

.co1, .co2, .co3 { display: inline-block; margin-right: 5px; vertical-align: top; width: calc(33.33% - 5px); }
.co1 { margin-right: 25px; width: calc(33.33% - 25px); }
.co3 { margin: 0 0 0 5px; text-align: right; }

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

.contact-form { display: inline-block; position: relative; width: 100%; }
.contact-form .h1 { font-size: 1.25em; text-transform: uppercase; }
.contact-form input[type="text"], .contact-form input[type="number"], .contact-form textarea { background: #fff; border: 1px solid #fff; margin-bottom: 10px; padding: 10px 3%; width: calc(94% - 2px); }
.contact-form input[type="number"] { width: calc(94% - 30px); }
.contact-form input[type="submit"] { border: 0; cursor: pointer; margin-top: .5em; padding: 5px 25px; }
.contact-form textarea { height: 141px; }
.contact-form select { border: 0; padding: 10px 3%; width: calc(100% - 2px); }
.contact-form input::placeholder, .contact-form textarea::placeholder { /* font-variant: small-caps; */ }
.mapsitna { display: none; }

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

#form-search {}
.input-search {}
.button-search {}

/******************************************************************************/
/* návštěvnická anketa */

#visitor-survey { margin: 1em 0; }
.visitor-survey {}
.visitor-survey .block { margin-bottom: .5em; }
.visitor-survey input[type="text"], .visitor-survey textarea { width: calc(100% - 12px); }
.visitor-survey .question { font-weight: bold; }

/******************************************************************************/
/* putovní výstavy k zapůjčení */

#exhibitions-for-rent { margin: 1em 0; }
.exhibitions-for-rent {}
.exhibitions-for-rent .block { margin-bottom: .5em; }
.exhibitions-for-rent input[type="text"], .exhibitions-for-rent textarea, .exhibitions-for-rent select, .exhibitions-for-rent input[type="date"] { width: 100%; box-sizing: border-box; }
.exhibitions-for-rent .question { font-weight: bold; }

/******************************************************************************/
/* školní programy */

#school-programs { margin: 1em 0; }
.school-programs {}
.school-programs .block { margin-bottom: .5em; }
.school-programs input[type="text"], .school-programs textarea, .school-programs select, .school-programs input[type="date"] { width: 100%; box-sizing: border-box; }
.school-programs .question { font-weight: bold; }

/******************************************************************************/
/* kvízy */

#training {}
.training {}
.training .block { margin-bottom: .5em; }
.training .question { font-weight: bold; }
.training .correct_answer { color: #33b544; }
.training .wrong_answer { color: var(--color1); }

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

#foot { background: var(--color1); }
.schema1 #foot { background: var(--color1); }
.schema2 #foot { background: var(--color2); }
.schema3 #foot { background: var(--color3); }
.schema4 #foot { background: var(--color4); }

#foot, #foot a { color: #eee; }
#foot .content { }

.block-foot { display: inline-block; padding-right: 30px; vertical-align: top; width: calc(25% - 30px); }
.block-foot img { height: auto; max-width: 100%; }
.block-foot .h1 { font-size: 1.25em; }

#social-foot { margin: 100px 0; text-align: center; }
#social-foot .button-circle { background: none; margin: 15px 25px; }
#social-foot .button-circle:hover img { filter: invert(100%); }

#foot .left, #foot .right { display: inline-block; vertical-align: top; width: 50%; }
#foot .right { text-align: right; }