/*
 *
 * UHS JAKOS
 * Author: Martin Winkler
 * url: http://www.martinwinkler.cz/
 *
 */

/************************************************************************************
RESET
*************************************************************************************/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, figure, footer, header, hgroup, menu, nav, section, menu,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

ol, ul { list-style: none; }

blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }

:focus { outline: 0; }

table { border-collapse: collapse; border-spacing: 0; }

article, aside, figure, footer, header, hgroup, nav, section, img { display: block; }

input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; *vertical-align: baseline; }

label, input[type=button], input[type=submit], button { cursor: pointer; overflow: visible; }

em, i { font-weight: inherit; }

/************************************************************************************
GENERAL
*************************************************************************************/

html { height: 100%; }

body {
  font-family: 'Raleway',sans-serif;
  font-size: 17px;
  font-weight: 300;
  line-height: 1.8em;
  color: #242424;
  background: #fff;
  margin: 0;
  padding: 0;
  min-height: 100%;
}

/* Box sizing */

*, *:after, *:before { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }

/* Anchors */

a { color: #eb1744; text-decoration: underline; }
a:hover { text-decoration: none; }

/* Heading */

h1, .h1 { font: 900 45px/1.3em 'Raleway',sans-serif; color: #211d1e; margin: 0 0 30px 0; }
h2, .h2 { font: 900 25px/1.3em 'Raleway',sans-serif; color: #211d1e; margin: 0 0 20px 0; text-transform: uppercase;  }
h3, .h3 { font: 800 20px/1.3em 'Raleway',sans-serif; color: #211d1e; margin: 0 0 20px 0; /*font-size: 17px; font-weight: 500;  text-transform: uppercase;*/ }
h4, .h4 { font: 800 18px/1.3em 'Raleway',sans-serif; color: #211d1e; margin: 0 0 10px 0; }
h5, .h5 { font: 900 17px/1.3em 'Raleway',sans-serif; color: #211d1e; margin: 0 0 10px 0; }
h6, .h6 { font: 900 14px/1.3em 'Raleway',sans-serif; color: #211d1e; margin: 0 0 10px 0; }

.subhead {  font-size: 15px; font-weight: 900; letter-spacing: 0.2em; text-transform: uppercase; color: #eb1744; }

/* Paragraphs */

p { margin: 0 0 20px 0; }
address { font-style: normal; }
cite { font-style: normal; }

/* Lists */

ul, ol { list-style: none;  margin: 0 0 20px 0; }
ul li { padding: 0 0 0 20px; margin: 0 0 5px 0; position: relative; }
ul li:before { content: ''; position: absolute; left: 0; top: 12px; width: 4px; height: 4px; background: #eb1744; }

ul.unstyled li { padding: 0; }
ul.unstyled li:before { content: none; }

ul.contact-list li { padding: 0 0 0 30px; background: none; position: relative; }
ul.contact-list li:before { content: none; }
ul.contact-list li.mail:before { content: ''; display: block; position: absolute; left: 0; top: 0; background: url('../img/sprite.png') -46px -44px no-repeat; width: 27px; height: 27px; }
ul.contact-list li.phone:before { content: ''; display: block; position: absolute; left: 0; top: 0; background: url('../img/sprite.png') -6px -47px no-repeat; width: 27px; height: 27px; }

ol { counter-reset: counter; margin-left: 0; *margin-left: 54px; }
ol li { margin: 0 0 10px 0; padding: 0 0 0 20px; *list-style-type: decimal; counter-increment: counter; position: relative; }
ol li:before { color: #2285c8; content: counter(counter)'. '; position: absolute; left: 0; top: 0; }

dl { margin: 0 0 20px 0; }
dt { font-weight: bold; }

/* Forms */

form { display: block; }
fieldset { border: none; }
label { font-weight: bold; }
input, select, button { vertical-align: top; }

/* Various */

sup,sub { height: 0; line-height: 1; vertical-align: baseline; _vertical-align: bottom; position: relative; }
sup { bottom: 1ex; }
sub { top: .5ex; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
hr.divider { margin: 0; }

p.small { font-size: 70%; line-height: 1.7em; }
p.big { font-size: 130%; }

img { max-width: 100%; height: auto; }
img.alignright { float: right; margin-left: 20px; }
img.alignleft { float: left; margin-right: 20px; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }

strong, b { font-weight: 700; }

.bold { font-weight: bold; }
.nowrap, .nobr { white-space: nowrap !important; }

/* Alignment */

.v-top { vertical-align: top; }
.v-middle { vertical-align: middle; }
.v-bottom { vertical-align: bottom; }

.l { float: left; }
.r { float: right; }
.a-l { text-align: left; }
.a-r { text-align: right; }
.a-c { text-align: center; }

/************************************************************************************
HEADER
*************************************************************************************/

.header { padding: 0; background: #e3e3e3; /*height: 675px;*/ }
.header.alt { height: 235px; }
.header .logo { display: block; position: absolute; left: 0; top: 0; }

.header-block-wrap { position: absolute; z-index: 100; left: 0; top: 45px; width: 100%; height: 77px; padding-right: 35px; }
.header-block { display: block; width: 100%; height: 77px; background: #fff; }
.header-block:after { content: ''; display: block; position: absolute; right: 0; top: 0; width: 35px; height: 77px; background: url('../img/header.png') 0 0 no-repeat; }

.header-contact { position: absolute; right: 280px; top: 8px; z-index: 20; }
.header-contact ul { margin: 0; }
.header-contact ul li { font-weight: 900; letter-spacing: 0; display: inline-block; vertical-align: top; margin-left: 20px; padding: 0; background: none; }
.header-contact ul li a { color: #211d1e; }
.header-contact ul li .icon { background-color: #eb1744 !important; margin-right: 15px; }

/* Main navigation */

.main-nav { margin: 0; position: absolute; right: 35px; top: 17px; }
.main-nav ul { margin: 0; }
.main-nav ul li { padding: 0; margin: 0; background: none; display: inline-block; vertical-align: top; position: relative; }
/*.main-nav ul li:before { content: ''; position: absolute; left: 0; top: 12px; width: 1px; height: 20px; background: #ccc; }*/
.main-nav ul li:before { content: none; }
.main-nav ul li a { font-size: 14px; font-weight: 900; color: #231f20; text-decoration: none; text-transform: uppercase; padding: 6px 10px; display: block; }
.main-nav ul li a:hover { color: #00aedb; }
.main-nav ul li.current-menu-item a { color: #00aedb; }

.main-nav ul #menu-item-8:first-child { padding-right: 10px; }
.main-nav ul #menu-item-8:first-child:before { content: none; }
.main-nav ul #menu-item-8:first-child a { text-indent: -80000px;  background: url('../img/sprite.png') -88px -50px no-repeat; width: 22px; height: 20px; position: relative; top: 12px; }
.main-nav ul #menu-item-8:first-child a:hover,
.main-nav ul #menu-item-8.current-menu-item:first-child a { background-position: -88px -10px; }

/* Breadcrumbs */

.breadcrumbs { font-size: 13px; }
.breadcrumbs a { color: #242424; }

/* Search */

.header-search { width: 250px; position: absolute; right: 0; top: 7px; z-index: 20; }

/* Mobile nav */

.mobile-nav { background: #00aedb; height: 100%; position: fixed; right: 0; top: 0; z-index: 2000; overflow-y: auto; width: 100%; max-width: 250px; padding: 50px 0 0 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-transform: translate(100%,0); -moz-transform: translate(100%,0); -ms-transform: translate(100%,0); -o-transform: translate(100%,0); transform: translate(100%,0); }
.mobile-nav.active { -webkit-transform: translate(0,0); -moz-transform: translate(0,0); -ms-transform: translate(0,0); -o-transform: translate(0,0); transform: translate(0,0); }
.mobile-nav .close { font-size: 40px; font-weight: 400; width: 15px; height: 15px; position: absolute; right: 15px; top: 13px; color: #fff; text-decoration: none; }
.mobile-nav .close .icon { width: 15px; height: 15px; }
.mobile-nav .close:hover { color: #fff; }
.mobile-nav .mm-title { display: none; }
.mobile-nav ul { margin: 0; padding: 15px; }
.mobile-nav ul li { font-size: 19px; color: #fff; margin: 0; padding: 0; background: none; border: none; border-top: 1px solid rgba(255,255,255,0.3); }
.mobile-nav ul li:before { content: none; }
.mobile-nav ul li.active a { background: rgba(0,0,0,0.2); }
.mobile-nav ul li a { font-size: 15px; font-weight: 400; display: block; width: 100%; padding: 10px 20px; text-decoration: none; color: #fff; border: none; position: relative; }

.mobile-nav-overlay { position: fixed; left: 0; top: 0; z-index: 100; width: 100%; height: 100%; background: rgba(0,0,0,0.9); display: none; }

/************************************************************************************
CONTENT
*************************************************************************************/

.content { padding: 0; }

.container.wide { width: 100%; max-width: 1380px; }

/* Block */

.block { padding: 70px 0; position: relative; }
.block.narrow { padding: 30px 0; }

.block.alt { background: #f2f2f2; }

.block.alt-2 { background: #00aedb; color: #fff; }
.block.alt-2 a { color: #fff; }

.block.alt-3 { background: #eb1744; color: #fff; }
.block.alt-3 a { color: #fff; }

.block.bg-cta { background: #00aedb url('../img/bg-cta.jpg') center center no-repeat; padding: 50px 0; }
.block.bg-cta h2 { color: #fff; margin: 0; }
.block.bg-cta .btn:hover { background: #c40c33; }
.block.bg-cta .btn:hover:after { background-position: 0 -120px; }

.block.bg-references { background: #f2f2f2 url('../img/bg-references.jpg') center center no-repeat; }
.block.block-timeline { overflow: hidden; }

.block.alpha { padding-top: 0; }
.block.omega { padding-bottom: 0; }

.block.pb-30 { padding-bottom: 30px; }
.block.bt { border-top: 2px solid #f2f2f2; }

.anchor { position: absolute; left: 0; top: 0; }
.anchor-75 { position: absolute; left: 0; top: -74px; }

.narrow-col { max-width: 700px; margin: 0 auto; }

/* Section head */

.section-head { text-align: center; margin: 0 auto 25px auto; max-width: 780px; }
.section-head h2 { margin: 0; text-transform: uppercase; }
.section-head h3 { margin: 0; }
.section-head .logo-c { display: inline-block; vertical-align: top; margin-bottom: 30px; }

.section-head.narrow { max-width: 480px; margin-left: auto; margin-right: auto; }

.intro { text-align: center; max-width: 750px; margin: 0 auto 30px auto; }
.intro.narrow { max-width: 550px; }
.intro.divider { position: relative; margin-bottom: 30px; padding-bottom: 10px; }
.intro.divider:after { content: ''; position: absolute; left: 50%; bottom: 0; width: 100px; margin-left: -50px; height: 1px; background: #b4b4b4; }

/* Teaser */

.teaser.alt { height: 235px; background: url('../img/teaser-alt.jpg') center 0 no-repeat; margin-top: -235px; }
.teaser.alt .teaser-content { height: 235px; padding-top: 140px; text-align: center; max-width: 100%; }
.teaser.alt h1, .teaser.alt .h1 { font-size: 38px; text-transform: uppercase; margin: 0; }

.teaser-content { padding-top: 240px; max-width: 600px; height: 750px; }
.teaser-content img { display: inline-block; vertical-align: top; position: relative; top: 6px; }
.teaser-content img.logo-toyota { max-width: 175px; margin-bottom: 20px; }
.teaser:not(.alt) .teaser-content p { margin: 30px 0; }

.teaser-about { position: relative; min-height: 400px; }
.teaser-about:after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.3); }
.teaser-about .teaser-content { position: relative; z-index: 20; }

.teaser-contact { position: relative; min-height: 400px; }

.teaser-servis { position: relative; min-height: 555px; }

.teaser.alt-404-1 { background: url('../img/teaser-1.jpg') center 0 no-repeat; }
.teaser.alt-404-2 { background: url('../img/teaser-2.jpg') center 0 no-repeat; }

.teaser.teaser-lease { position: relative; min-height: 500px; background: url('../img/teaser/teaser-pronajem.jpg') center bottom no-repeat; }

/* Stats */

.stats { margin: 0; padding: 30px 0; }
.stats .item-list { margin-left: -20px; }
.stats .item { width: 25%; padding-left: 20px; position: relative; }
.stats .item .text { padding-left: 80px; font-size: 13px; line-height: 20px; font-weight: 900; color: #b2efff; text-transform: uppercase; }
.stats .item .num { font-size: 40px; line-height: 50px; font-weight: 900; color: #fff; margin: 0; }
.stats .item .title { margin-bottom: 0; }

.stats .item:after { content: ''; background: url('../img/stats.png') 0 0 no-repeat; width: 83px; height: 75px; display: block; position: absolute; left: 15px; top: 0; }
.stats .item.i-1:after { background-position: 0 0; }
.stats .item.i-2:after { background-position: -83px 0; }
.stats .item.i-3:after { background-position: -166px 0; }
.stats .item.i-4:after { background-position: -249px 0; }

/* References */

.references { font-size: 15px; line-height: 1.5em; margin: 0; }
.references .item-list { margin: 0 0 0 -30px; }
.references .item { width: 25%; margin: 0 0 30px 0; padding-left: 30px; display: inline-block; vertical-align: top; }
.references .item .img { height: 160px; line-height: 158px; width: 100%; background: #fff; margin-bottom: 24px; text-align: center; display: block; border: 1px solid #d6d6d6; }
.references .item .img img { display: inline-block; vertical-align: middle; }
.references .item .more { text-transform: uppercase; }
.references .item-inner { background: #fff; color: #000; padding: 20px; }

.references .tab { position: relative; padding-left: 300px; }
.references .tab .item { width: 100%; text-align: left; min-height: 200px; }
.references .tab .img { position: absolute; left: 0; top: 0; width: 280px; }
.references .tab .text { text-align: left; }

.references.alt .section-head { margin-bottom: 40px; }

/* Reference list */

.reference-list { margin: 0; }
.reference-list .item-list { margin-left: -30px; }
.reference-list .item { margin-bottom: 30px; padding-left: 30px; width: 25%; text-align: center; }
.reference-list .item .img { border: 1px solid #d6d6d6; display: block; width: 100%; height: 160px; line-height: 160px; margin-bottom: 15px; text-align: center; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.reference-list .item .img:hover { border-color: #999; }
.reference-list .item .img img { display: inline-block; vertical-align: middle; }
.reference-list .item h2 a { color: #242424; }

/* Reference detail */

.reference-detail { position: relative; }
.reference-detail .post-img { border: 1px solid #d6d6d6; padding-bottom: 0; margin-bottom: 30px; position: absolute; left: 0; top: 0; max-width: 100%; width: 260px; }
.reference-detail .post-img img { display: block; margin: 0 auto; }
.reference-detail .post-text { padding-left: 300px; }

.reference-detail .quote { font-weight: 400; font-style: italic; color: #777; background: #f2f2f2; padding: 30px; margin: 30px 0; }
.reference-detail .quote .img { float: left; width: 140px; height: 140px; background: #fbfbfb url('../img/avatar.png') center center no-repeat; }
.reference-detail .quote .text { font-size: 16px; line-height: 1.7em; padding-left: 170px; min-height: 140px; }
.reference-detail .quote .name { font-weight: 400; color: #eb1744; font-style: normal; margin: 0; text-transform: uppercase;  }

/* News */

.news { margin: 0; }
.news .date { font-size: 14px; font-weight: 600; color: #eb1744; }
.news .item .date { margin: 10px 0; }
.news .item-list { margin-left: -30px; margin-bottom: -40px; }
.news .item { width: 50%; padding-left: 30px; margin-bottom: 40px; }
.news .item-inner { position: relative; padding-left: 195px; }
.news .item .img { position: absolute; left: 0; top: 0; width: 195px; height: 100%; }
.news .item .text { line-height: 1.5em; padding: 0 30px; }
.news .item .text p:last-child { margin-bottom: 0; }
.news .item .text h3 a { color: #00aedb; }
.news .item p { margin: 0; }
.news .item .tags { padding-top: 0; padding-bottom: 10px; }
.news .item .tags ul li a { font-size: 12px; line-height: 18px; }
.news .foot { text-align: right; margin-top: 20px; }
.news .foot .more { font-size: 14px; font-weight: 600; text-transform: uppercase; margin-bottom: 0; }
.news .foot .more .icon { position: relative; top: 12px; padding-left: 2px; }

.news.single .img { max-width: 280px; float: left; }
.news.single .text { margin-left: 310px; }
.news.single .date { margin: 10px 0; }
.news.single .date .icon { position: relative; top: 5px; }
.news.single .more { text-align: left; }

.block.alt .news .item-inner { border: none; }

.tags { margin: 0; padding: 5px 0 0 0; }
.tags ul { margin: 0 0 0 -5px; }
.tags ul li { display: inline-block; vertical-align: top; padding: 0 0 0 5px; background: none; margin-bottom: 4px; }
.tags ul li:before { content: none; }
.tags ul li a { font-size: 11px; display: block; padding: 0 8px; border: 1px solid #00aedb; color: #00aedb; text-decoration: none; }
.tags ul li a:hover { background: #00aedb; color: #fff; }

/* Product list */

.product-list .item-list { margin-left: -30px; }
.product-list .item { padding-left: 30px; width: 33.333333%; margin-bottom: 30px; }
.product-list .item-inner { font-size: 14px; line-height: 1.5em; border: 1px solid #d6d6d6; padding: 20px 0; text-align: center; display: block; text-decoration: none; color: #242424; background: #fff; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.product-list .item-inner:hover { border-color: #999; }
.product-list .item .btn { width: 100%; text-align: left; }
.product-list .item .btn-wrap { padding-left: 10px; padding-right: 10px; }
.product-list .item .img { position: relative; margin-bottom: 20px; margin-left: auto; margin-right: auto; padding-bottom: 20px; /*max-width: 184px;*/ }
.product-list .item .img img { display: block; margin: 0 auto; }
.product-list .item .text { padding: 0 20px; }
.product-list .item .head { margin-bottom: 8px; min-height: 40px; text-align: left; }
.product-list .item .desc { margin-bottom: 15px; min-height: 66px; text-align: left; }
.product-list .item .desc ul li:before { top: 8px; }
.product-list .item h3 { font-size: 16px; line-height: 1.3em; margin-bottom: 10px; color: #00aedb; text-decoration: underline; }
.product-list .item h3:hover { text-decoration: none; }

.product-list .item:hover .btn { background-color: #eb1744; text-decoration: none; }
.product-list .item:hover .btn:after { background-position: 0 0; }

.product-list .item-list.set-4 .item { width: 25%; }

/* Subproduct */

.subproduct { margin: 0; }
.subproduct .item { margin-bottom: 20px; }
.subproduct .item-head { font-size: 18px; line-height: 1.3em; font-weight: 600; padding: 20px 70px 20px 50px; min-height: 100px; background: #fff; color: #eb1744; border: 1px solid #c9cacb; text-decoration: underline; cursor: pointer; position: relative; }
.subproduct .item-head:after { content: ''; position: absolute; right: 20px; top: 25px; width: 40px; height: 40px; display: block; background: url('../img/sprite.png') -280px 0 no-repeat; }
.subproduct .item-head.active:after { background-position: -280px -40px; }
.subproduct .item-head .img { max-width: 98px; position: absolute; left: 0; top: 50%; -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -o-transform: translate(0,-50%); transform: translate(0,-50%); }
.subproduct .item-head .text { padding-left: 60px; }
.subproduct .item-head:hover { text-decoration: none; }
.subproduct .item-content { padding: 30px 50px; border: 1px solid #c9cacb; border-top: none; }
.subproduct .item-content h2:first-child { margin-top: 0; }
.subproduct .item-content h3:first-child { margin-top: 0; }

.subproduct .gallery .item .g-img { max-height: 120px; overflow: hidden; }

/* References */

.references .item-list { margin-left: -30px; }
.references .item { width: 25%; padding-left: 30px; text-align: center; }
.references .item h3 { font-size: 20px; }

.references.list .item .img { border: 1px solid #d6d6d6; }

/* Cats */

.cats { margin: 0; }
.cats .item-list { margin-left: -30px; margin-bottom: -30px; }
.cats .item { width: 33.33333%; padding-left: 30px; margin-bottom: 30px; }
.cats .item-inner { position: relative; }
.cats .item .img { width: 100%; height: 210px; line-height: 210px; background: #f4f4f4; text-align: center; margin-bottom: 20px; display: block; }
.cats .item .img img { vertical-align: middle; display: inline; }
.cats .item .text h3 { font-size: 24px; }
.cats .item .text h3 a { color: #01aed9; }
.cats .item .text h3 .icon { margin-left: 10px; top: 11px; }
.cats .item .img .head { font-size: 20px; font-weight: 900; line-height: 1.3em; text-align: left; padding: 30px 30px 20px 30px; margin: 0; }

/* Brands */

.brands { max-width: 760px; margin: 0 auto; padding-top: 30px; }
.brands ul.list { margin: 0; }
.brands ul.list li { font-size: 15px; line-height: 44px; margin-bottom: 0; font-weight: 900; width: 33.33333%; text-transform: uppercase; letter-spacing: 0.2em; }
.brands ul.list li:before { top: 19px; }
.brands ul.list.alt { text-align: center; }
.brands ul.list.alt li:before { content: none; }
.brands ul.list.alt li { padding-left: 0; text-align: center; }
.brands ul.list.alt li img { display: inline-block; vertical-align: top; }

/* Text and image */

.text-img .text { padding-left: 510px; }
.text-img .text h3 { margin-bottom: 20px; }
.text-img .text h2 { margin-bottom: 20px; }
.text-img .img { float: left; }

.text-img.alt .text { padding-left: 0; padding-right: 510px; }
.text-img.alt .img { float: right; }

/* Tiles  */

.tiles:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 2px; background: #e6e6e6; }
.tiles:after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background: #e6e6e6; }
.tiles { position: relative; }
.tiles .item { position: relative; z-index: 20; }
.tiles .text { width: 50%; float: right; }
.tiles .text .inner { padding: 100px 15px 100px 120px; max-width: 725px; }
.tiles .img { float: left; width: 50%; }
.tiles .img img { visibility: hidden; }

.tiles .item:nth-child(even) .text { float: left; }
.tiles .item:nth-child(even) .img { float: right; }
/*
.tiles .item:first-child .text .inner { border-top: 2px solid #e6e6e6; }
.tiles .item:last-child .text .inner { border-bottom: 2px solid #e6e6e6; }
*/
/* Section nav */

.section-nav-wrapper { height: 75px; }
.section-nav { margin: 0; height: 75px; width: 100%; background: #eb1744; z-index: 1000; border-bottom: 1px solid rgba(255,255,255,0.5); }
.section-nav ul { margin: 0; }
.section-nav ul li { padding: 0; margin: 0; background: none; width: 33.33333%; text-align: center; position: relative; z-index: 50; }
.section-nav ul li:before { content: ''; position: absolute; left: 0; top: 25px; width: 1px; height: 25px; background: rgba(255,255,255,0.5); }
.section-nav ul li:first-child:before { content: none; }
.section-nav ul li a { font-size: 16px; line-height: 1.5em; font-weight: 900; padding: 14px 0; height: 75px; display: block; text-transform: uppercase; position: relative; z-index: 100; text-decoration: underline; }
.section-nav ul li a span { max-width: 200px; text-align: center; }
.section-nav ul li a:hover { background: #af1a39; text-decoration: none; }
.section-nav ul li.active a { background: #731c2e; position: relative; }
.section-nav ul li.active a:after { content: ''; position: absolute; left: 50%; margin-left: -10px; bottom: -10px; width: 0; height: 0; border-style: solid; border-width: 10px 10px 0 10px; border-color: #731c2e transparent transparent transparent; }

/* About */

.about { margin-bottom: 50px; }
.about .item-list { margin-left: -30px; }
.about .item { width: 33.33333%; padding-left: 30px; text-align: center; }
.about .item-inner { position: relative; }
.about .item h3 { margin-bottom: 20px; font-weight: 800; }
.about .item .img { position: relative; height: 130px; margin-bottom: 30px; text-align: center; }
.about .item .img .icon { width: 120px; height: 120px; color: #e90031; }
.about .item .img:after { content: ''; position: absolute; left: 50%; bottom: 0; width: 80px; margin-left: -40px; height: 1px; background: #b4b4b4; }

.team-img { margin-bottom: 40px; }
.team-desc { margin-bottom: 20px; }

/* Contact persons */

.contact-persons { margin: 0 auto; max-width: 800px; }
.contact-persons .item-list { margin-left: -30px; margin-bottom: -20px; text-align: center; }
.contact-persons .item { width: 33.33333%; padding-left: 30px; margin-bottom: 40px; text-align: left; }
.contact-persons .item-inner-wrapper { border-top: 3px solid #eb1744; }
.contact-persons .item-inner { padding: 30px 20px; background: #f4f4f4; text-align: center; }
.contact-persons .item .img { margin: 0; width: 100%; background: #fbfbfb; display: block; overflow: hidden; position: relative; }
.contact-persons .item .img .img-std { display: block; }
.contact-persons .item .img .img-hover { width: 100%; opacity: 0; position: absolute; left: 0; top: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
.contact-persons .item .img:hover .img-hover { display: block; opacity: 1; }
.contact-persons .item .job { font-size: 13px; line-height: 1.5em; color: #666; margin: 15px 0; }
.contact-persons .item ul { margin: 0; }
.contact-persons .item ul li { font-size: 16px; font-weight: 600; line-height: 1.5em; margin-bottom: 5px; }
.contact-persons .item h3 { font-size: 18px; }

/* Contact */

.contact h3, .contact .h3 { margin-bottom: 30px; }
.contact .label { display: inline-block; vertical-align: top; width: 45px; }

/* Box */

.box { background: #f4f4f4; padding: 30px; margin-bottom: 40px; }
.box h3:first-child { margin-top: 0 !important; }
.box.line { background: #fff; border: 1px solid #cdcdcd; }

/* Products */

.tabs-products .desc { margin-bottom: 30px; }
.tabs-products .desc:last-child { margin-bottom: 0; }
.tabs-products .desc h2 { font-size: 24px; margin-bottom: 15px; text-transform: uppercase; }
.tabs-products .desc h3 { margin-bottom: 20px; }
.tabs-products .desc p:last-child { margin-bottom: 0; }

/* Product nav */

.product-nav { margin: 0; }
.product-nav ul { margin: 0; }
.product-nav ul li { margin: 0; padding: 0; background: none; }
.product-nav ul li:first-child a { border-top: 1px solid #cdcdcd; }
.product-nav ul li a { font-size: 15px; font-weight: 700;  color: #737071; background: #e7e7e7; display: block; border: 1px solid #cdcdcd; border-top: none; padding: 20px 25px; text-transform: uppercase; position: relative; }
.product-nav ul li a:after { content: ''; position: absolute; right: 0; top: 0; width: 9px; height: 100%; background: rgba(0,0,0,0.05); }
.product-nav ul li a:hover { background: #eb1744; color: #fff; }
.product-nav ul li.current-menu-item > a { font-weight: 900; color: #211d1e; background: #fff; border-left: 4px solid #eb1744; padding: 20px 25px 20px 22px; text-decoration: none; cursor: default; position: relative; z-index: 20; }

.product-nav .sub-menu { margin: 0; border-bottom: 1px solid #cdcdcd; display: none; }
.product-nav .sub-menu li { margin: 0; }
.product-nav .sub-menu li a { font-weight: 500; letter-spacing: 0; border-top: 0 !important; padding: 10px 25px 10px 50px !important; text-transform: none; background: #f9f9f9; }
.product-nav .sub-menu li:last-child a { border-bottom: none; }

.product-nav ul li.current-menu-ancestor .sub-menu,
.product-nav ul li.current-menu-item .sub-menu { display: block; }

/* Categories */

.categories { margin: 0; }
.categories .section-head { margin-bottom: 40px; }
.categories .item-list { margin-left: 0; }
.categories .item { padding-left: 0; margin: 0; width: 33.33333%; }
.categories .item-inner { display: block; text-align: center; padding: 20px 30px 20px 30px; border-top: 1px solid #d6d6d6; border-right: 1px solid #d6d6d6; color: #242424; text-decoration: none; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.categories .item-inner:hover { background: #fff; }
.categories .item .img { display: block; margin: 0; }
.categories .item img { display: block; margin: 0 auto 20px auto; }
.categories .item h3 { font-size: 18px; line-height: 1.2em; font-weight: 900; margin: 0 auto 10px auto; }
.categories .item h3 { color: #01aed9; text-decoration: underline; }
.categories .item h3:hover { text-decoration: none; }
.categories .item h3 .icon { margin-left: 9px; top: 5px; }

.categories .item.alt h3 { font-size: 22px; line-height: 1.3em; margin-bottom: 30px; padding-top: 70px; color: #242424; text-decoration: none !important; }
.categories .item.alt .item-inner:hover { background: transparent; }

.categories .item:nth-child(1) .item-inner { border-top: none; }
.categories .item:nth-child(2) .item-inner { border-top: none; }
.categories .item:nth-child(3) .item-inner { border-top: none; }
.categories .item:nth-child(3n) .item-inner { border-right: none; }

.categories .item-list { text-align: center; margin-bottom: -40px; }
.categories .item-list .item { text-align: left; margin-bottom: 40px; }
.categories .item-inner { border: none !important; text-align: left; }
.categories .item-inner .img { /*border: 1px solid #d6d6d6;*/ margin-bottom: 20px; padding-top: 15px; padding-bottom: 15px; }
.categories .item-inner .img img { margin-bottom: 0; }

/* Subcategories */

.subcategories { margin: 0; }
.subcategories .item-list { margin-left: 0; }
.subcategories .item { padding-left: 0; margin: 0; width: 33.33333%; }
.subcategories .item .img { width: 186px; height: 186px; line-height: 186px; display: block; margin: 0 auto 15px auto; }
.subcategories .item .img img { display: inline-block; vertical-align: middle; }
.subcategories .item-inner { text-align: center; padding: 0 30px 20px 30px; border-top: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; }
.subcategories .item h3 { font-size: 18px; line-height: 1.6em;/* line-height: 1.2em; font-weight: 900; max-width: 180px; margin: 0 auto;*/ }
.subcategories .item h3 a { color: #01aed9; }

.subcategories .item:nth-child(1) .item-inner { border-top: none; }
.subcategories .item:nth-child(2) .item-inner { border-top: none; }
.subcategories .item:nth-child(3) .item-inner { border-top: none; }
.subcategories .item:nth-child(3n) .item-inner { border-right: none; }

/* Product detail */

.product-detail h1 { font-size: 35px; margin-bottom: 15px; }
.product-detail h2 { font-size: 26px; text-transform: none; letter-spacing: 0; }
.product-detail h3 { font-size: 22px; text-transform: none; letter-spacing: 0; }
.product-detail .img { width: 100%; text-align: center; margin-bottom: 30px; }
.product-detail .img-main { max-width: 350px; margin-left: auto; margin-right: auto; overflow: hidden; }
.product-detail .img-main img { display: inline; vertical-align: middle; position: relative; top: 50%; transform: translate(0,-50%); -o-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); }
.product-detail .img-main { height: 350px; /*border: 1px solid #ccc;*/ box-shadow: 0 0 3px 0 rgba(0,0,0,0.2); margin-bottom: 20px; }
.product-detail .img-gallery { text-align: left; max-width: 350px; margin-left: auto; margin-right: auto; }
.product-detail .img-gallery .item-list { margin-left: -10px; }
.product-detail .img-gallery .item { padding-left: 10px; width: 25%; margin-bottom: 10px; }
.product-detail .img-gallery .item a { display: block; /*border: 1px solid #ccc;*/ box-shadow: 0 0 3px 0 rgba(0,0,0,0.2); }
.product-detail .text { padding-left: 20px; }
.product-detail .entry { margin-bottom: 40px; }

/* Logos */

.logos { margin: 0 0 40px 0; text-align: center; }
.logos .item-list { margin-left: -50px; }
.logos .item { padding-left: 50px; height: 95px; line-height: 95px; }
.logos .item img { display: inline-block; vertical-align: middle; opacity: 0.3; width: 80%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; filter: gray; /* IE6-9 */ filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */  -webkit-filter: grayscale(1); }

.logos.alt { margin-bottom: 60px; }
.logos.alt .item-list { margin-left: -30px; }
.logos.alt .item { padding-left: 30px; width: 25%; height: auto; line-height: auto; }
.logos.alt .item .img { border: 1px solid #d6d6d6; height: 150px; line-height: 150px; }

/* Structure */

.structure { position: relative; }
.structure .inner { position: relative; }
.structure .text { width: 50%; padding-right: 10px; }
.structure .img { position: absolute; right: 0; top: 0; padding-top: 50px; padding-right: 50px; }
.structure .img .item-list { width: 390px; height: 390px; display: block; position: relative; border: 2px solid #00aedb; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; }
.structure .img .item-list .img-logo { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }
.structure .img .item { width: 100px; height: 100px; position: absolute; text-align: center; }
.structure .img .item .img { width: 100px; height: 100px; padding: 0; line-height: 96px; display: block; position: static; margin: 0 auto 20px auto; background: #fff; outline: 5px solid #fff; border: 2px solid #00aedb; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; }
.structure .img .item .img .icon { width: 48px; height: 48px; text-align: center; line-height: 96px; display: inline-block; vertical-align: middle; color: #00aedb; }
.structure .img .item .head { margin: 0; text-align: center; font-family: 'Raleway',sans-serif; font-size: 16px; line-height: 1.2em; font-weight: 800; text-transform: uppercase; position: absolute; left: 50%; bottom: -55px; width: 130px; margin-left: -65px; background: #fff; padding: 2px 0; }
.structure .img .item:nth-child(1) { left: 50%; top: -50px; margin-left: -50px; }
.structure .img .item:nth-child(2) { right: 0; top: 50%; margin-right: -50px; margin-top: -50px; }
.structure .img .item:nth-child(3) { left: 50%; bottom: 0; margin-left: -50px; margin-bottom: -50px; }
.structure .img .item:nth-child(4) { left: 0; top: 50%; margin-left: -50px; margin-top: -50px; }
.structure .img .item:nth-child(2) .head { bottom: -75px; }

.subcompany .head { float: left; }
.subcompany .head h3.h2 { margin-bottom: 0; line-height: 119px; }
.subcompany .item-list { text-align: right; padding-left: 200px; margin-left: -70px; }
.subcompany .item { padding-left: 70px; }
.subcompany .item .img { height: 119px; line-height: 119px; vertical-align: middle; display: block; }
.subcompany .item .img img { display: inline-block; vertical-align: middle; line-height: 119px; }

/* Offers */

.offers { margin: 0 0 50px 0; text-align: center; }
.offers .item-list { margin-left: -30px; }
.offers .item { width: 50%; padding-left: 30px; }
.offers .item h3 { margin-bottom: 30px; }
.offers .item h4 { margin-top: 30px; }
.offers .item .text { padding-bottom: 20px; }
.offers .item-inner { display: block; position: relative; background: #f2f2f2; /*border: 1px solid #d6d6d6;*/ padding: 50px 40px 20px 50px; text-align: left; }
.offers .item-inner .head { text-align: center; border-bottom: 1px solid #d6d6d6; margin-bottom: 40px; }
.offers .item-inner .btn-set { text-align: center; border-top: 1px solid #d6d6d6; padding-top: 40px; }

/* Partners */

.partners { margin: 40px 0 40px 0; text-align: center; }
.partners .section-head { margin-bottom: 40px; }
.partners .item-list { margin-left: -30px; margin-bottom: -40px; }
.partners .item { /*width: 25%; margin-bottom: 40px;*/ padding-left: 30px; }
.partners .item .img { /*background: #fff;*/ width: 100%; height: 150px; line-height: 150px; text-align: center; margin-bottom: 10px; }
.partners .item .img img { display: inline-block; vertical-align: middle; max-width: 150px;
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}
.partners .item .img img:hover {
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%);
}
.partners .item h3 { font-size: 18px; margin-bottom: 0; display: none; }

/* Highlights */

.highlights { margin: 0 auto; max-width: 945px; }
.highlights .item-list { margin: 0 0 -40px -50px; }
.highlights .item { width: 50%; padding-left: 50px; margin-bottom: 30px; }
.highlights .item h3 { font-size: 15px; line-height: 1.625em; font-weight: 900; text-transform: uppercase; letter-spacing: 0.2em; margin-bottom: 10px; }
.highlights .item-inner { padding-left: 100px; position: relative; }
.highlights .item .img { position: absolute; left: 0; top: 0; }
.highlights .item .img .icon { width: 78px; height: 78px; color: #eb1644; }
.highlights .item .img .icon.big { width: 120px; height: 120px; top: -20px; left: -20px; }

/* Box set */

.box-set { margin: 0; }
.box-set .item { margin: 0; }
.box-set .item .img { width: 50%; background: #f4f4f4; background: #fff; padding: 70px 0; }
.box-set .item .img .inner { max-width: 570px; float: right; padding-left: 15px; }
.box-set .item .img img { display: block; margin: 0 auto; }
.box-set .item .text { width: 50%; background: #f4f4f4; background: #fff; }
.box-set .item .text h3 { margin-bottom: 30px; }
.box-set .item .text .inner { font-size: 18px; line-height: 1.5em; padding: 50px 15px 50px 45px; max-width: 570px; position: relative; }

/* Items */

.items { margin: 0 auto 40px auto; max-width: 880px; text-align: center; }
.items .item-list { margin-left: -30px; }
.items .item { padding-left: 30px; width: 33.33333%; text-align: center; }
.items .item h3 { font-size: 15px; line-height: 1.625em; font-weight: 900; text-transform: uppercase; letter-spacing: 0.2em; margin-bottom: 10px; }
.items .item h3 a { color: #211d1e; }
.items .item-inner { max-width: 270px; margin: 0 auto; }
.items .item .img .icon { width: 130px; height: 130px; color: #eb1644; }

/* Bazar */

.bazar { margin: 0; }
.bazar .item-list { display: table; width: 100%; margin-bottom: 30px; }
.bazar .item { font-size: 15px; margin: 0; border: 2px solid #f2f2f2; padding: 15px; display: table-row; }
.bazar .item:nth-child(even) { background: rgba(242,242,242,.3); }
.bazar .item .img { width: 97px; height: 97px; background: #e3e3e3; }
.bazar .item .btn { padding-left: 0; padding-right: 0; }
.bazar .item .btn .icon { border: none; position: static; width: 20px; height: 20px; }
.bazar .item .td { display: table-cell; padding: 10px; padding-right: 0; vertical-align: middle; text-align: center; border-bottom: 10px solid #fff; }
.bazar .item .td:last-child { padding-right: 20px; }
.bazar .item .td-price { text-align: right; font-weight: 600; }
.bazar .item .thousand { white-space: nowrap; }
.bazar .more { font-weight: 900; }
.bazar .item-head { display: table-row; }
.bazar .item-head .th { font-weight: 900; display: table-cell; padding: 10px; vertical-align: middle; text-align: center; }

.bazar.light .item .td { border-top: 2px solid #f2f2f2; }
.bazar.light .item:last-child .td { border-bottom: 2px solid #f2f2f2; }

.block.alt .bazar .item { background: #fff; }
.block.alt .bazar .item .td { border-bottom: 10px solid #f2f2f2; }

/* Lease */

.lease .item-list { margin-left: -50px; text-align: center; }
.lease .item { width: 33.33333%; padding-left: 50px; margin-bottom: 50px; text-align: left; }
.lease .item .img { margin-bottom: 20px; }
.lease .item .img img { display: block; margin: 0 auto; }
.lease .item .more { font-weight: 800; position: relative; }
.lease .item .more:after { content: ''; position: absolute; right: -18px; top: 2px; display: inline-block; width: 0.5em; height: 0.5em; border-left: 0.1em solid #eb1744; border-bottom: 0.1em solid #eb1744; display: block; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }

/* Gmap */

.gmap { width: 100%; height: 600px; background: #e3e3e3; }
.gmap img { max-width: inherit; }

.gmap-wrap { width: 100%; height: 740px; background: #e3e3e3; position: relative; }
.gmap-wrap .gmap { position: absolute; left: 0; top: 0; width: 100%; height: 100%; /*z-index: 10;*/ }
.gmap-wrap .gmap img { max-width: inherit; }
.gmap-wrap .gmap-content { position: absolute; right: 0; top: 50%; -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -o-transform: translate(0,-50%); transform: translate(0,-50%); }
.gmap-wrap .gmap-content .box { width: 100%; max-width: 400px; padding: 0; margin: 0; background: #fff; position: relative; z-index: 20; float: right; }
.gmap-wrap .gmap-content .box a:hover { color: #00aedb; }
.gmap-wrap .gmap-content .box-content { font-size: 15px; }
.gmap-wrap .gmap-content .box-content .img {  }
.gmap-wrap .gmap-content .box-content .text { padding: 25px 30px; }
.gmap-wrap .gmap-content .box-content .logo { margin-bottom: 20px; margin-left: -15px; }
.gmap-wrap .gmap-content .box-content h4 { font-size: 18px; font-weight: 800; }
.gmap-wrap .gmap-content .box-content ul { margin-bottom: 0; }
.gmap-wrap .gmap-content .box-content ul li { padding: 0; background: none; }
.gmap-wrap .gmap-content .box-content ul li:before { content: none; }
.gmap-wrap .gmap-content .box-content ul li a { text-decoration: none; }
.gmap-wrap .gmap-content .box-foot { padding: 20px 30px; border-top: 2px solid #e3e3e3; }
.gmap-wrap .gmap-content .box-foot a { font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.2em; text-decoration: none; }
.gmap-wrap .gmap-content .box-foot a:hover { color: #00aedb; }

.popup-contact { font-size: 15px; background: #fff; color: #000; width: 190px; height: 80px; padding: 10px; }
.popup-contact ul { margin: 0; }
.popup-contact ul li { padding: 0 0 0 15px; background: none; }
.popup-contact ul li:before { top: 5px; }

/* Form search suggestion */

.autosearch .wp_autosearch_form_wrapper { background: none; height: auto !important; border: none !important; padding-right: 40px; }
.autosearch .wp_autosearch_input { font-size: 15px; background-color: #fff; width: 100% !important; width: 32px; height: 32px !important; text-indent: 0 !important; padding-left: 15px !important; padding-right: 15px !important; border: none; }
.autosearch .wp_autosearch_input.wp_autosearch_indicator { background-image: url('../img/spinner.svg') !important; background-position: right center; }
.autosearch .wp_autosearch_submit:after { content: ''; position: absolute; left: 50%; top: 50%; margin-left: -10px; margin-top: -10px; width: 18px; height: 18px; background: url('../img/sprite.png') -250px -11px no-repeat; }
.autosearch .wp_autosearch_submit,
.autosearch .wp_autosearch_submit:hover { background: #eb1744 !important; position: absolute; right: 0; top: 0; width: 40px; height: 32px; padding: 0; }
.autosearch .wp_autosearch_submit:hover { background: #c40c33 !important; }

.autosearch.main { margin-bottom: 40px; }
.autosearch.main .wp_autosearch_form_wrapper { padding-right: 50px; }
.autosearch.main .wp_autosearch_input { background-color: #f4f4f4 !important; height: 50px !important; float: none !important; }
.autosearch.main .wp_autosearch_submit,
.autosearch.main .wp_autosearch_submit:hover { width: 50px; height: 50px; }

.teaser-slider .autosearch.main { max-width: 350px; background: rgba(0,0,0,0.2); padding: 10px; }
.teaser-slider .autosearch.main .wp_autosearch_input { background-color: #fff !important; }

/* Form search - dropdown */

body .wp_autosearch_suggestions { /*width: 350px !important;*/ }
body .wp_autosearch_suggestions .wp_autosearch_category { font-size: 16px; font-weight: 600; padding: 10px 10px; height: auto; background: #fff !important; border-bottom: 1px solid #eb1744; color: #000 !important; }
body .wp_autosearch_suggestions li { padding-left: 0; }
body .wp_autosearch_suggestions li a { font-family: 'Raleway',sans-serif; font-size: 14px; line-height: 1.3em; display: flex; align-items: center; height: auto; border-bottom: 1px solid rgba(0,0,0,0.05); padding-left: 10px; padding-right: 10px; }
body .wp_autosearch_suggestions li a img { float: none; }
body .wp_autosearch_suggestions li a .searchheading { height: 100%; display: block; display: flex; align-items: center; height: 50px; padding-top: 0; padding-left: 15px; }
body .wp_autosearch_suggestions li:before { content: none; }
body .wp_autosearch_suggestions li:hover { background: rgba(0,0,0,0.05) !important; }
body .wp_autosearch_suggestions li.wps_odd { background: #fff !important; }
body .wp_autosearch_suggestions li.wps_odd.ac_over { background: rgba(0,0,0,0.05) !important; color: #000; }
body .wp_autosearch_suggestions li.wps_odd.ac_over a span { color: #000 !important; }
body .wp_autosearch_suggestions li.wps_even { background: #fff !important; }
body .wp_autosearch_suggestions li.wps_even.ac_over { background: rgba(0,0,0,0.05) !important; color: #000; }
body .wp_autosearch_suggestions li.wps_even.ac_over a span { color: #000 !important; }

.search-results { margin: 0 auto; max-width: 650px; }
.search-results h2 { text-transform: none; }
.search-results .item { margin-bottom: 20px; }
.search-results .item-inner { position: relative; display: flex; align-items: flex-start; padding: 30px; border: 1px solid #d6d6d6; /*box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);*/ }
.search-results .item .img { flex: 0 0 100px; }
.search-results .item .text { line-height: 1.5em; padding: 0 0 0 30px; }
.search-results .item .text h3 { margin: 0 0 10px 0; }
.search-results .item .text h3 a { color: #00aedb; }

/* Pager */

.pager { margin: 30px 0; text-align: center; position: relative; }
.pager li { display: inline-block; vertical-align: top; padding: 0; background: none; }
.pager li a { display: block; width: 36px; height: 36px; line-height: 36px; background: #e3e3e3; text-align: center; }
.pager li a.active { background: #4045bf; color: #fff; text-decoration: none; }
.pager .prev { position: absolute; left: 0; top: 0; }
.pager .next { position: absolute; right: 0; top: 0; }
.pager .counter { display: none; }

/* Pagebar */

.pagebar { margin: 40px 0; text-align: center; position: relative; padding: 0 40px; }
.pagebar a,
.pagebar span.current { font-family: 'Roboto'; font-size: 14px; font-weight: 700; line-height: 32px; padding: 0; margin: 0 4px; width: 32px; height: 32px; display: inline-block; *display: inline; z-index: 1; vertical-align: top; border: 1px solid #fff; color: #eb1744; background: #f4f4f4; text-decoration: none; text-align: center; }

.pagebar .first { width: auto; padding: 0; margin: 0; position: absolute; left: 0; top: 5px; border: none; text-decoration: underline; display: none !important; }
.pagebar .last { width: auto; padding: 0; margin: 0; position: absolute; right: 0; top: 5px; border: none; text-decoration: underline; display: none !important; }
.pagebar .first:hover,
.pagebar .last:hover { text-decoration: none; background: none; color: #00b4e7; border: none; }

.pagebar span.current { color: #fff; background: #eb1744; border: 1px solid #eb1744; }

.pagebar .previouspostslink { position: absolute; left: 0; top: 0; margin: 0; }
.pagebar .nextpostslink { position: absolute; right: 0; top: 0; margin: 0; }

.pagebar .previouspostslink:hover,
.pagebar .nextpostslink:hover,
.pagebar a:hover { color: #fff; background: #eb1744; border: 1px solid #eb1744; }

/* Cookie Notice */

.cookie-notice { font-size: 12px; position: fixed; z-index: 10000; bottom: 0; width: 100%; padding: 10px 15px; background: rgba(0,0,0,0.90); color: #CCC; text-align: center; }
.cookie-button { display: inline-block; padding: 2px 10px; margin-left: 25px; background: #00aedb; color: #fff; text-align: center; }
.cookie-button:hover { background: #eb1744; color: #fff; }
.cookie-test { position: fixed; z-index: 10000; bottom: 0; width: 150px; padding: 25px 15px; background: rgba(50,50,50,0.95); color: #CCC; text-align: center;}

/*================================= Various Content =================================*/

.last { margin-bottom: 0 !important; }

/* Buttons */

.btn { font: 800 16px/20px 'Raleway',sans-serif;  padding: 18px 67px 14px 30px; height: 55px; background: #00aedb; color: #fff; display: inline-block; text-transform: uppercase; vertical-align: top; border: none; position: relative; cursor: pointer !important; }
.btn i.icon-arr-r { margin-left: 20px; position: absolute; right: 2px; top: 13px; border-left: 1px solid rgba(255,255,255,0.5); width: 34px; height: 26px; background-position: -114px -9px; }
.btn svg.icon-arr-r { position: absolute; right: 2px; top: 15px; width: 20px; height: 20px; color: rgba(0,0,0,0.5); }
.btn svg.icon-arr-r:before { content: ''; position: absolute; left: -20px; top: 0; background: rgba(255,255,255,0.5); width: 1px; height: 22px; }
.btn svg.icon-arr-b { position: absolute; right: 7px; top: 15px; width: 20px; height: 20px; color: rgba(0,0,0,0.5); transform: rotate(90deg); }
.btn:after { content: ''; position: absolute; right: -20px; top: 0; width: 21px; height: 55px; background: url('../img/btn.png') 0 -60px no-repeat; }
.btn:hover { background-color: #eb1744; text-decoration: none; }
.btn:hover:after { background-position: 0 0; }

.btn.alt { background: #eb1744; }
.btn.alt:after { background-position: 0 0; }
.btn.alt:hover { background: #00aedb; }
.btn.alt:hover:after { background-position: 0 -60px; }

.sendbutton { font: 900 16px/20px 'Raleway',sans-serif; padding: 14px 30px; height: 46px; background: #00aedb; color: #fff; display: inline-block; text-transform: uppercase; vertical-align: top; border: none; position: relative; cursor: pointer !important; }
.sendbutton:hover { background-color: #eb1744; text-decoration: none; }

.intro .btn,
.product-list .item .btn { margin-left: -21px; }

/* Vertical align */

.va-wrap { display: table; width: 100%; height: 100%; }
.va-m { position: relative; top: 50%; -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -o-transform: translate(0,-50%); transform: translate(0,-50%); }
.va-t { display: table-cell; vertical-align: top; height: 100%; }
.va-b { display: table-cell; vertical-align: bottom; height: 100%; }

/* Icons */

i.icon { width: 20px; height: 20px; display: inline-block; vertical-align: top; position: relative; background: url('../img/sprite.png') 0 0 no-repeat; }
i.icon-phone { background-position: -6px -7px; width: 27px; height: 27px; }
i.icon-mail { background-position: -46px -7px; width: 27px; height: 27px; }
i.icon-date { background-position: -171px -13px; width: 17px; height: 17px; margin-right: 10px; top: 3px; }
i.icon-arr-r { background-position: -130px -15px; width: 18px; height: 13px; }
i.icon-arr-r-2 { background-position: -130px -55px; }
i.icon-caret-r { background-position: -218px -18px; width: 4px; height: 7px; margin-left: 10px; top: 10px; }
i.icon-search { background-position: -250px -11px; width: 18px; height: 18px; }

i.icon-work { 
	width: 27px;
    height: 27px;
    background: url(http://www.uhsjakos.cz/wp-content/uploads/2023/10/icon-work.png) no-repeat;
    background-position: center;
}

.icon { width: 20px; height: 20px; display: inline-block; vertical-align: top; position: relative; fill: currentColor; }

/* Hidden content */

.sh-content { display: none; }

/*================================= Columns =================================*/

.col2-set, .col3-set { letter-spacing: -0.31em; *letter-spacing: normal; *word-spacing: -0.43em; }
.col { display: inline-block; *display: inline; zoom: 1; vertical-align: top; letter-spacing: normal; word-spacing: normal; }

.col2-set { margin: 0 0 30px -20px; }
.col2-set .col { width: 50%; padding: 0 0 0 20px; }

.col3-set { margin: 0 0 30px -20px; }
.col3-set .col { width: 33.33333%; padding: 0 0 0 20px; }

.col4-set { margin: 0 0 30px -20px; }
.col4-set .col { width: 25%; padding: 0 0 0 20px; }

.ib { font-family: 'Raleway',sans-serif; letter-spacing: -0.31em; *letter-spacing: normal; *word-spacing: -0.43em; }
.ib > * { font-family: 'Raleway',sans-serif; display: inline-block; *display: inline; zoom: 1; vertical-align: top; letter-spacing: normal; word-spacing: normal; }

/************************************************************************************
FOOTER
*************************************************************************************/

.footer { font-size: 16px; line-height: 1.5em; background: #212121; color: #b7b7b7; }
.footer h3 { font-size: 16px; text-transform: uppercase; color: #fff; margin-bottom: 50px; position: relative; }
.footer h3:after { content: ''; position: absolute; left: 0; bottom: -25px; width: 50px; height: 1px; background: #4d4d4d; }
.footer ul li { margin-bottom: 4px; }
.footer ul li:before { background: rgba(255,255,255,0.5); top: 8px; }
.footer ul.unstyled li:before { content: none; }
.footer a { display: inline-block; vertical-align: top; color: #b7b7b7; text-decoration: none; /*border-bottom: 1px solid rgba(255,255,255,0.25); height: 22px;*/text-decoration: underline; text-decoration-color: rgba(255,255,255,0.5); }
.footer a:hover { color: #fff; }
.footer .copy { margin: 0; }
.footer .map { padding-top: 70px; }

.foot-item { margin-bottom: 40px; }

.footer .f_1 { padding: 60px 0 10px 0; }
.footer .f_2 { padding: 20px 0; border-top: 1px solid #4d4d4d; }
.footer .f_2 .inner { display: flex; justify-content: space-between; align-items: center; }

.footer .mw { position: absolute; right: 15px; top: -5px; color: rgba(255,255,255,0.4); display: block; border: none; }
.footer .mw:hover { color: #00daee; }
.footer .mw .text { position: absolute; left: 0; top: 0; text-indent: -80000px; display: block; }
.footer .mw .icon-mw { width: 70px; height: 30px; }

.orwin {
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
  transition: all 0.3s;
  opacity: 0.5;
}
.orwin:hover {
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
  -webkit-filter: grayscale(0%);
  opacity: 1;
}
.orwin .text { position: absolute; left: 0; top: 0; text-indent: -80000px; display: block; }


/************************************************************************************
ENTRY
*************************************************************************************/

.entry { margin: 0; }
.entry h2 { margin: 40px 0 10px 0; }
.entry h3 { margin: 40px 0 10px 0; }

.dl-list { margin: 0; width: 50%; }
.dl-list li { padding: 0; background: none; }
.dl-list li:before { content: none; }

/************************************************************************************
TABLES
*************************************************************************************/

.entry table { font-size: 14px; line-height: 1.3em; width: 100%; margin: 30px 0; }
.entry table th { font-size: 13px; line-height: 1.3em; font-weight: 700; text-align: left; border-bottom: 2px solid #c9cacb; padding: 14px 5px; background: #fff; color: #000; text-transform: uppercase; border-bottom: 3px solid #eb1744; }
.entry table td { border-bottom: 1px solid #c9cacb; padding: 14px 5px; }

.param-table { font-size: 14px; line-height: 1.3em; width: 100%; max-width: 300px; }
.param-table th { font-size: 13px; line-height: 1.3em; font-weight: 700; text-align: left; padding: 14px 5px; border-bottom: 1px solid #c9cacb; background: #fff; color: #000; text-transform: uppercase; }
.param-table td { border-bottom: 1px solid #c9cacb; padding: 14px 5px; }

.stacktable.large-only { display: table; }
.stacktable.small-only { display: none; }

/************************************************************************************
FORMS
*************************************************************************************/

form.std label { font: 300 16px/24px 'Raleway',sans-serif; color: #000; margin: 0 0 10px 0; display: none; }
form.std input.text { font: 300 18px/24px 'Raleway',sans-serif; color: #000; border: none; background: #f4f4f4; padding: 8px 15px 6px 15px; width: 100%; height: 41px; }
form.std textarea { font: 300 18px/24px 'Raleway',sans-serif; color: #000; resize: vertical; border: none; background: #f4f4f4; padding: 8px 15px; margin: 0; width: 100%; min-width: 100%; max-width: 100%; height: 150px; min-height: 150px; max-height: 300px; }
form.std select { font: 300 16px/24px 'Raleway',sans-serif; color: #000; width: 100%; padding: 2px 10px; }
form.std option { font: 300 16px/20px 'Raleway',sans-serif; padding: 2px 20px; }

form.std input.text[required="required"] { background-image: url('../img/req.png'); background-position: right center; background-repeat: no-repeat; }

:-moz-placeholder { color: #000; opacity: 1; }
::-moz-placeholder { color: #000; opacity: 1; }
:-ms-input-placeholder { color: #000; }
::-webkit-input-placeholder { color: #000; }

/*================================= Form standard =================================*/

/* Standard */

form.std .cell-set { margin: 0 0 0 -20px; }
form.std .cell { margin: 0 0 20px 0; padding-left: 20px; position: relative; text-align: left; }
form.std .cell-input { margin: 0 0 20px 0; padding-left: 20px; position: relative; text-align: left; }

/* Inline */

form.std .set-2 .cell,form.std .set-2 .cell-input { width: 50%; }
form.std .set-3 .cell,form.std .set-3 .cell-input { width: 33.3333%; }
form.std .set-4 .cell,form.std .set-4 .cell-input { width: 25%; }
form.std .set-5 .cell,form.std .set-5 .cell-input { width: 20%; }

form.std .toggle { position: relative; padding: 0 0 0 25px; }
form.std .toggle label { display: inline-block; *display: inline; zoom: 1; vertical-align: top; margin: 0 0 0 0; }
form.std .toggle .note { font-size: 16px; max-width: 100%; }

/* Various */

form.std .radio,
form.std .checker { position: absolute; left: 0; top: 0; }

/* Form search */

form.form-search .cell { padding-right: 0; }
form.form-search .btn { background: #eb1744; position: absolute; right: 0; top: 0; width: 40px; height: 32px; padding: 0; }
form.form-search .btn .icon { position: relative; top: 0; left: 0; }
form.form-search .btn:hover { background: #c40c33; }
form.form-search .btn:after { background-position: 0 -22px; height: 32px; display: none !important; }
form.form-search .btn:hover:after { background-position: 0 -142px; }
form.form-search input.text { font-size: 15px; background: #fff; height: 32px; }
form.form-search input.text:focus { background: #fff; }

/* Form filter */

form.form-filter { background: #f2f2f2; padding: 30px; margin-bottom: 40px; }
form.form-filter label { display: block; font-weight: 800; }
form.form-filter input.text { background: none; padding-left: 0; padding-right: 0; }
form.form-filter input.max { text-align: right; }
form.form-filter .range { padding: 0 10px; }
form.form-filter .submit { position: relative; }
form.form-filter .submit .cell-set {  padding-top: 10px; margin-bottom: -20px; }
form.form-filter .submit .btn-wrap { position: absolute; right: 0; bottom: 0; }
form.form-filter .submit .btn { padding: 12px 30px; height: 45px; }
form.form-filter .submit .btn:after { content: none; }
form.form-filter .submit .reset { padding-top: 10px; margin: 0 20px 0 0; display: inline-block; vertical-align: top; }

/************************************************************************************
FLASH MESSAGES
*************************************************************************************/

.flash-message { font: normal 16px/24px 'Raleway',sans-serif; background: #fc796b; color: #fff; width: 100%; padding: 15px 50px 15px 20px; margin: 0 0 20px 0; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; position: relative; border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; }
.flash-message .close { font: normal 36px/24px 'Raleway',sans-serif; width: 20px; height: 20px; padding: 0; line-height: 18px; text-align: center; color: #c96055; border: none; display: block; position: absolute; right: 17px; top: 16px; background: none; }
.flash-message .close:hover { color: #fff !important; }

.flash-message.alert-danger { background: #d14233; color: #fff; }
.flash-message.alert-danger .close { color: #912519; }

.flash-message.alert-success { background: #19b698; color: #fff; }
.flash-message.alert-success .close { color: #13927a; }

.modal-content .flash-message { margin: 0 0 20px 0; }

.error, form.std label.error { font-size: 16px; font-weight: 400; color: #ff0030; display: block; margin-top: 5px; }

#flash-messages { position: fixed; top: 0; left: 0; width: 100%; z-index: 50; }
#flash-messages .flash-message { margin: 0 auto; width: 100%; max-width: 1180px; display: block; }

/************************************************************************************
TABS
*************************************************************************************/

.tabs { position: relative; }

.tabs .tab-nav ul { margin: 0 0 0 -1px; padding: 0; }
.tabs .tab-nav li { float: left; list-style-type: none; padding: 0; background: none; margin: 0 0 0 1px; }
.tabs .tab-nav li a { display: block; text-decoration: none; outline: 0; padding: 15px 30px; background: #000; color: #fff; }
.tabs .tab-nav li a:hover {  background: #a0a0a0; color: #000; }
.tabs .tab-nav li a.selected { background: #e3e3e3; color: #000; }

.tabs .tab-content .tab { float: left; width: 100%; display: none; }
.tabs .tab-content .tab.selected { position: static !important; display: block; }

.tabs-products .tab-nav { margin: 0; }
.tabs-products .tab-nav ul { margin: 0; border-left: 1px solid #cdcdcd; position: relative; z-index: 100; top: 1px; }
.tabs-products .tab-nav ul li { width: 33.33333%; margin: 0; padding: 0; }
.tabs-products .tab-nav ul li a { height: 140px; line-height: 140px; padding: 0; background: #f9f9f9; color: #000; text-align: center; border: 1px solid #cdcdcd; border-left: none; position: relative; text-align: center; }
.tabs-products .tab-nav ul li a img { display: inline-block; vertical-align: middle; }
.tabs-products .tab-nav ul li:not(.active) a img { display: inline-block; vertical-align: middle; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; /* IE 6-9 */ -webkit-opacity: 0.5; -moz-opacity: 0.5; -ms-opacity: 0.5; -o-opacity: 0.5; opacity: 0.5;¨}
.tabs-products .tab-nav ul li:not(.active) a:after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 9px; background: #f0f0f0; }
.tabs-products .tab-nav ul li a:hover { background: #f4f4f4; }
.tabs-products .tab-nav ul li.active a { border-bottom: none; border-top: 4px solid #eb1744; cursor: default; background: #fff; }
.tabs-products .tab-nav ul li.active a:hover { background: #fff; border-bottom: none; }

.tabs-lease .tab-nav { margin: 0 auto; max-width: 600px; }
.tabs-lease .tab-nav ul { margin: 0 0 0 -20px; border-left: 1px solid #cdcdcd; position: relative; z-index: 100; top: 1px; }
.tabs-lease .tab-nav ul li { width: 50%; margin: 0; padding: 0 0 0 20px; text-align: center; }
.tabs-lease .tab-nav ul li:before { content: none; }
.tabs-lease .tab-nav ul li a { font: 800 18px/1.3em 'Raleway',sans-serif; background: #eb1744; padding: 25px 10px; }
.tabs-lease .tab-nav ul li.active a { background: #fff; color: #212121; cursor: default; }
.tabs-lease .tab-nav ul li a:hover { background: #fff; color: #212121; }

/************************************************************************************
QTIP
*************************************************************************************/

.qtip-default { font: normal 15px/20px 'Raleway',sans-serif; text-transform: uppercase; padding: 8px 15px; background-color: #000; color: #000; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.qtip-content { font-size: 17px; color: #fff; }

/************************************************************************************
FANCYBOX
*************************************************************************************/

body .fancybox-wrap { padding-bottom: 20px; }
body .fancybox-inner { overflow-y: visible !important; height: auto !important; }

body .fancybox-close { font-size: 35px; width: 70px; height: 70px; text-align: center; line-height: 70px; background: none; right: 0; top: 0; text-decoration: none; }
body .fancybox-close:before { content: ''; position: absolute; right: 0; top: 0; width: 0; height: 0; border-style: solid; border-width: 0 70px 70px 0; border-color: transparent #00aedb transparent transparent; }
body .fancybox-close:after { font-size: 30px; content: '×'; position: absolute; right: 11px; top: -13px; color: #fff; }
body .fancybox-close:hover:before { border-color: transparent #eb1744 transparent transparent; }

body .fancybox-prev { position: absolute; display: block; left: 0; top: 50%; width: 30px; height: 60px; margin-top: -30px; background: #00aedb; text-decoration: none; }
body .fancybox-prev:hover { background: #eb1744; }
body .fancybox-prev span { content: ''; visibility: visible; background: none; position: absolute; left: 10px; top: 50%; margin-top: -5px; display: inline-block; width: 0.7em; height: 0.7em; border-left: 0.2em solid #fff; border-bottom: 0.2em solid #fff; transform: rotate(45deg); display: block; }

body .fancybox-next { position: absolute; display: block; right: 0; top: 50%; width: 30px; height: 60px; margin-top: -30px; background: #00aedb; text-decoration: none; }
body .fancybox-next:hover { background: #eb1744; }
body .fancybox-next span { content: ''; visibility: visible; background: none; position: absolute; right: 10px; top: 50%; margin-top: -5px; display: inline-block; width: 0.7em; height: 0.7em; border-right: 0.2em solid #fff; border-top: 0.2em solid #fff; transform: rotate(45deg); display: block; }

/************************************************************************************
MODAL
*************************************************************************************/

.modal-box { display: none; background: #eee; }
.modal-content { padding: 40px; }

/* Modal contact */

.modal-contact { max-width: 800px; background: #f2f2f2; }
.modal-contact .cform input.single { background: #fff; }
.modal-contact .cform textarea { background: #fff; }

/* Modal reference */

.modal-reference { max-width: 760px; background: #fff; }
.modal-reference .img { border-bottom: 1px solid #d6d6d6; padding-bottom: 20px; margin-bottom: 20px; }
.modal-reference .img img { display: block; margin: -20px auto; }

/* Modal campaign */

.modal-campaign { max-width: 750px; }
.modal-campaign .modal-content { padding: 30px; background: #fff; }

.campaign-trigger { position: fixed; right: 0; top: 50%; padding: 10px 60px 10px 10px; background: #eb1744; color: #fff; text-decoration: none; transform: translate(0,-50%) }
.campaign-trigger .head { font-size: 20px; font-weight: 600; display: block; text-align: right; }
.campaign-trigger .sub-head { font-size: 16px; font-weight: 400; color: #fff; }
.campaign-trigger .img { position: absolute; right: -20px; top: -10px; max-width: 100px; }
.campaign-trigger:hover { background: #01aed9; }

/************************************************************************************
FIXER
*************************************************************************************/

.fixer-start { position: relative; }
.fixer { position: relative; top: 0; max-width: px; }
.fixer.fixed { position: fixed; left: 0; top: 0; }

/************************************************************************************
UNIFORM
*************************************************************************************/

/* Select */

div.selector { font-size: 18px; background: #fff; color: #024b41; line-height: 45px; width: 100% !important; height: 42px; padding: 0; position: relative; overflow: hidden; cursor: pointer; text-align: left; }
div.selector span { text-overflow: ellipsis; display: block; overflow: hidden; white-space: nowrap; background: #fff url('../img/uniform/select.png') right 16px no-repeat; border: none; padding: 0; text-indent: 15px; height: 42px; line-height: 42px; cursor: pointer; display: block; }
div.selector select { height: 42px; line-height: 42px; text-align: left; opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; border: none; background: none; position: absolute; top: 0; left: 0; width: 100%; cursor: pointer; }
div.selector select option { padding: 2px 10px; }

div.selector.active span { background-position: right 16px; }
div.selector.focus span { background-position: right 16px; }
div.selector.hover span { background-position: right 16px; }
div.selector.hover.active span { background-position: right 16px; }
div.selector.focus.active span { background-position: right 16px; }

/* Checkbox */

div.checker { position: relative; }
div.checker, div.checker span, div.checker input { width: 20px; height: 20px; }
div.checker span { display: -moz-inline-box; display: inline-block; *display: inline; zoom: 1; text-align: center; background: url('../img/uniform/uniform.png') -52px -11px no-repeat; }
div.checker span.checked { background-position: -52px -51px; }
div.checker input { margin: 0; cursor: pointer; opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; border: none; background: none; display: -moz-inline-box; display: inline-block; *display: inline; zoom: 1; vertical-align: top; }

div.checker.active span { background-position: -52px -51px; }
div.checker.active span.checked { background-position: -52px -11px; }
div.checker.hover span, div.checker.focus span { background-position: -52px -11px; }
div.checker.hover span.checked, div.checker.focus span.checked { background-position: -52px -51px; }
div.checker.hover.active span, div.checker.focus.active span { background-position: -52px -11px; }
div.checker.hover.active span.checked, div.checker.focus.active span.checked { background-position: -52px -51px; }

/* Radio */

div.radio { position: relative; }
div.radio, div.radio span, div.radio input { width: 24px; height: 26px; cursor: pointer; }
div.radio span { display: -moz-inline-box; display: inline-block; *display: inline; zoom: 1; text-align: center; background: url('../img/uniform/uniform.png') -8px -8px no-repeat; }
div.radio span.checked { background-position: -8px -48px; }
div.radio input { margin: 0; opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; margin: 0; border: none; background: none; display: -moz-inline-box; display: inline-block; *display: inline; zoom: 1; text-align: center; }

div.radio.active span { background-position: -8px -48px; }
div.radio.active span.checked { background-position: -8px -8px; }
div.radio.hover span, div.radio.focus span { background-position: -8px -48px; }
div.radio.hover span.checked, div.radio.focus span.checked { background-position: -8px -48px; }
div.radio.hover.active span, div.radio.focus.active span { background-position: -8px -48px; }
div.radio.hover.active span.checked, div.radio.focus.active span.checked { background-position: -8px -48px; }

/* Uploader */

div.uploader { background-position: 0 -297px; height: 28px; width: 190px; cursor: pointer; position: relative; overflow: hidden; }
div.uploader span.action { background-position: right -409px; height: 28px; line-height: 28px; width: 85px; text-align: center; float: left; display: inline; overflow: hidden; cursor: pointer; }
div.uploader span.filename { text-overflow: ellipsis; display: block; overflow: hidden; white-space: nowrap; float: left; cursor: default; height: 24px; margin: 2px 0 2px 2px; line-height: 24px; width: 82px; padding: 0 10px; }
div.uploader input { opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; border: none; background: none; position: absolute; top: 0; right: 0; float: right; cursor: default; width: 100%; height: 100%; }
div.uploader.active span.action { background-position: right -465px; }
div.uploader.hover, div.uploader.focus { background-position: 0 -353px; }
div.uploader.hover span.action, div.uploader.focus span.action { background-position: right -437px; }
div.uploader.hover.active span.action, div.uploader.focus.active span.action { background-position: right -493px; }
div.uploader.disabled, div.uploader.disabled.active { background-position: 0 -325px; }
div.uploader.disabled span.action, div.uploader.disabled.active span.action { background-position: right -381px; }

/************************************************************************************
SUDO SLIDERS
*************************************************************************************/

.slider ul, .slider li.panel { margin: 0; padding: 0; list-style: none; position: relative; display: block; }
.slider, .slider li.panel { overflow: hidden; background: none; }
.slider li.panel:before { content: none; }

.slider-nav { position: static; text-align: center; }
.slider-nav ol { margin: 20px 0 0 0; }
.slider-nav li:before { content: ''; }
.slider-nav li { margin: 0; padding: 0 4px; background: none; display: inline-block; font-size: 0; }
.slider-nav li a { width: 8px; height: 8px; display: inline-block; background: #c2c2c2; text-indent: -80000px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; }
.slider-nav li a:hover { background: #eb1744; }
.slider-nav li.current a { background: #eb1744; }

.slider-nav .prev, .slider-nav .next { overflow: hidden; text-indent: -80000px; display: block; position: absolute; background: url('../img/sprite.png') no-repeat 0 0; cursor: pointer; }

.slider-nav .prev { width: 53px; height: 55px; margin-top: -27px; left: -50px; top: 50%; background-position: -16px -180px; background-color: #00aedb; }
.slider-nav .prev:after { content: ''; background: url('../img/sprite.png') -130px -135px no-repeat; display: block; width: 18px; height: 13px; position: absolute; left: 17px; top: 18px; }
.slider-nav .prev:hover { background-position: -16px -380px; background-color: #eb1744 }
.slider-nav .next { width: 53px; height: 55px; margin-top: -27px; right: -50px; top: 50%; background-position: -136px -180px; background-color: #00aedb; }
.slider-nav .next:after { content: ''; background: url('../img/sprite.png') -130px -95px no-repeat; display: block; width: 18px; height: 13px; position: absolute; left: 13px; top: 18px; }
.slider-nav .next:hover { background-position: -136px -380px; background-color: #eb1744 }

/* Teaser slider */

.teaser-slider { position: relative; }
.teaser-slider h1 { font-size: 46px; line-height: 1.3em; text-transform: uppercase; margin-bottom: 15px; }
.teaser-slider .teaser-content { padding-left: 500px; max-width: 100%; }

/* Product slider */

.product-slider { margin: 0 -14px; padding: 0 50px; position: relative; }
.product-slider li.panel { width: 25%; display: inline-block; }
.product-slider li.panel .item { padding: 0 14px; width: 100%; max-width: 276px; margin: 0 auto; }
.product-slider li.panel .item .img { height: 170px; display: block; margin: 0 auto 70px auto; position: relative; }
.product-slider li.panel .item .text { position: relative; z-index: 20; }
.product-slider .slider-nav .prev { left: 0; }
.product-slider .slider-nav .next { right: 0; }

/* Reference slider */

.reference-slider { margin: 0 -15px; position: relative; }
.reference-slider li.panel { width: 25%; display: inline-block; }
.reference-slider li.panel .item { width: 100%; padding-left: 15px; padding-right: 15px; text-decoration: none; color: #242424; }
.reference-slider li.panel .item .img { display: block; }
.reference-slider li.panel .item a { color: #242424; }
.reference-slider .slider-nav .prev { top: 40px; margin-top: 0; }
.reference-slider .slider-nav .next { top: 40px; margin-top: 0; }

/* Brand slider */

.brand-slider { margin: 0 -10px; position: relative; padding: 30px 0; }
.brand-slider.active { padding-left: 50px; padding-right: 50px; margin: 0; }
.brand-slider ul { margin-left: 0 !important; }
.brand-slider li.panel { width: 25%; display: inline-block; }
.brand-slider li.panel .item { padding: 0 10px; }
.brand-slider li.panel .img { border: 1px solid rgba(0,0,0,0.1);/* padding: 10px;*/ }
.brand-slider .slider-nav .prev { left: 0; top: 100px; }
.brand-slider .slider-nav .next { right: 0; top: 100px; }

/* Timeline slider */

.timeline-slider-wrap { /*padding: 300px 0 50px 0;*/padding: 0 30px; }
.timeline-slider { position: relative; padding: 0; }
.timeline-slider .slider { padding: 700px 0 20px 0; height: auto !important; overflow: visible !important;}
.timeline-slider .slider ul { margin-top: -420px !important; z-index: 20; }
.timeline-slider .slider ul:after { content: ''; position: absolute; left: 0; top: 50%; width: 100%; height: 2px; margin-top: 146px; background: #eb1745; }
.timeline-slider li.panel { overflow: visible !important; }
.timeline-slider li.panel:after { content: ''; position: absolute; left: 50%; top: 50%; z-index: 20; width: 20px; height: 20px; margin-left: -10px; margin-top: -14px; border: 2px solid #eb1745; background: #fff; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; }
.timeline-slider li.panel .item { font-size: 16px; line-height: 1.625em; padding: 0 10px; text-align: center; top: 0; padding-top: 300px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
.timeline-slider li.panel .item * { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
.timeline-slider li.panel .item-inner { width: 250px; position: absolute; left: 50%; bottom: -20px; -webkit-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -ms-transform: translate(-50%,0); -o-transform: translate(-50%,0); transform: translate(-50%,0); }
.timeline-slider li.panel .item .img { overflow: hidden; max-height: 0; max-width: 263px; background: #e3e3e3; margin: 0 auto; }
.timeline-slider li.panel .item .desc { padding: 30px 10px; background: rgba(255,255,255,0); /*margin: 0 -90px;*/ }
.timeline-slider li.panel .item .desc p { margin: 0; }
.timeline-slider li.panel .item .desc:before { content: ''; opacity: 0; position: absolute; left: 50%; bottom: -10px; z-index: -1; width: 20px; height: 20px; margin-left: -10px; transform: rotate(45deg); transform-origin: (50%,50%); box-shadow: 0 0 3px rgba(0,0,0,0.3); }
.timeline-slider li.panel .item .desc:after { content: ''; opacity: 0; position: absolute; left: 50%; bottom: -10px; width: 20px; height: 20px; margin-left: -10px; transform: rotate(45deg); transform-origin: (50%,50%); background: #fff; }

.timeline-slider li.panel .item .head { font-size: 21px; font-weight: 600; margin-bottom: 10px; position: relative; z-index: 20; }
.timeline-slider li.panel.alt .item { margin-top: 100%; padding-top: 0; }

.timeline-slider .slider-nav .prev { content: ''; visibility: visible; background: none; position: absolute; z-index: 40; left: -30px; top: 50%; margin-top: 61px; display: inline-block; width: 0.7em; height: 0.7em; border-left: 0.2em solid #eb1745; border-bottom: 0.2em solid #eb1745; transform: rotate(45deg); display: block; }
.timeline-slider .slider-nav .next { content: ''; visibility: visible; background: none; position: absolute; z-index: 40; right: -30px; top: 50%; margin-top: 61px; display: inline-block; width: 0.7em; height: 0.7em; border-left: 0.2em solid #eb1745; border-bottom: 0.2em solid #eb1745; transform: rotate(-135deg); display: block; }

.timeline-slider li.panel .item.active { z-index: 50; position: relative; }
.timeline-slider li.panel .item.active .head {  }
.timeline-slider li.panel .item.active .img { max-height: 217px; }
.timeline-slider li.panel .item.active .desc { background: rgba(255,255,255,1); box-shadow: 0 0 3px rgba(0,0,0,0.3); }
.timeline-slider li.panel .item.active .desc:before { opacity: 1; }
.timeline-slider li.panel .item.active .desc:after { opacity: 1; }
.timeline-slider li.panel .item.active .item-inner { bottom: 190px; padding-top: 20px; }

.timeline-slider li.panel.alt:after { bottom: 0; top: 100%; margin-top: -14px; }
.timeline-slider li.panel.alt .item-inner { bottom: 0; }
.timeline-slider li.panel.alt .item.active .item-inner { bottom: 30px; }

/************************************************************************************
RANGE SLIDER (NO UI SLIDER)
*************************************************************************************/

.noUi-target,
.noUi-target * { -webkit-touch-callout: none; -webkit-user-select: none; -ms-touch-action: none; -ms-user-select: none; -moz-user-select: none; -moz-box-sizing: border-box; box-sizing: border-box; }
.noUi-target { position: relative; direction: ltr; background: #fff; }
.noUi-base { width: 100%; height: 100%; position: relative; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
.noUi-origin { position: absolute; right: 0; top: 0; left: 0; bottom: 0; }
.noUi-handle { position: relative; z-index: 1; border-radius: 50%; }

.noUi-stacking .noUi-handle { z-index: 10; }
.noUi-stacking + .noUi-origin { *z-index: -1; }
.noUi-state-tap .noUi-origin { -webkit-transition: left 0.3s, top 0.3s; transition: left 0.3s, top 0.3s; }
.noUi-state-drag * { cursor: inherit !important; }

.noUi-horizontal { height: 4px; }
.noUi-horizontal .noUi-handle { width: 20px; height: 20px; left: -10px; top: -8px; }

.noUi-vertical { width: 7px; }
.noUi-vertical .noUi-handle { width: 28px; height: 20px; left: -6px; top: -10px; }

.noUi-target .noUi-background { background: rgba(0,0,0,0.2); }
.noUi-connect { background: #eb1744; -webkit-transition: background 450ms; transition: background 450ms; }

.noUi-dragable { cursor: w-resize; }
.noUi-vertical .noUi-dragable { cursor: n-resize; }
.noUi-handle { cursor: pointer; background: #eb1744; }
.noUi-active {  }

.noUi-handle:before,
.noUi-handle:after {
  content: "";
  display: block;
  position: absolute;
  height: 8px;
  width: 8px;
  background: #fff;
  left: 6px;
  top: 6px;
  border-radius: 50%;
}
.noUi-handle:after { left: 6px; content: none; }
.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after { width: 14px; height: 1px; left: 6px; top: 14px; }
.noUi-vertical .noUi-handle:after { top: 6px; }

[disabled].noUi-connect,
[disabled] .noUi-connect {
  background: #B8B8B8;
}
[disabled] .noUi-handle {
  cursor: not-allowed;
}

/* WP gallery */

.gallery { margin: 0; }
.gallery br { display: none; }
.gallery .item-list { margin-left: -20px; }
.gallery .item { padding-left: 20px; margin-bottom: 20px; }

.gallery.gallery-columns-4 .item { width: 25%; }
.gallery.gallery-columns-3 .item { width: 33.33333%; }
.gallery.gallery-columns-2 .item { width: 50%; }

/* WP forms */

.cform label { font-size: 18px; font-weight: 600; color: #000; margin: 0 0 10px 0; display: none; }
.cform textarea { font: 300 16px/24px 'Raleway',sans-serif; color: #000; resize: vertical; border: 2px solid #d6d6d6; background: #fff; padding: 8px 15px; margin: 0; width: 100%; min-width: 100%; max-width: 100%; height: 150px; min-height: 150px; max-height: 300px; display: block; }
.cform input.single, input.secinput { font: 300 16px/24px 'Raleway',sans-serif; color: #000; border: 2px solid #d6d6d6; background: #fff; padding: 8px 15px; width: 100%; height: 48px; }
.cform input.single:focus { color: #000; }

.cf-ol { margin-left: -20px; margin-bottom: 0; font-family: Arial,sans-serif; letter-spacing: -0.31em; *letter-spacing: normal; *word-spacing: -0.43em; }
.cf-ol > li { width: 100%; margin: 0 0 20px 0; padding: 0 0 0 20px; font-family: 'Raleway',sans-serif; display: inline-block; *display: inline; zoom: 1; vertical-align: top; letter-spacing: normal; word-spacing: normal; }
.cf-ol > li:before { content: ''; }

.cf-sb { float: none; margin: 0; }
.cf_hidden { display: none; }

.emailreqtxt,
.reqtxt { font-weight: 600; color: #f00808; position: absolute; right: 10px; top: 6px; }

/* Form contact */

.form-contact { display: block; width: 100%; max-width: 840px; margin: 0 auto; }
.form-contact legend { display: none; }
.form-contact .cf-ol { margin: 0 0 0 -20px; }
.form-contact .cf-ol li { width: 33.33333%; }
.form-contact .cf-ol li#li--4 { width: 100%; }
.form-contact .cf-ol li#li--5 { width: 100%; position: relative; }
.form-contact .cf-ol li#li--5 input { margin: 0; position: absolute; left: 20px; top: 8px; }
.form-contact .cf-ol li#li--5 label { display: block; padding-left: 25px; }
.form-contact .cf-sb { text-align: center; }

/* Form demand */

.form-demand { max-width: 840px; margin: 0 auto; }
.form-demand .cf-ol { margin: 0 0 0 -20px; }
.form-demand .cf-ol li { width: 33.33333%; }
.form-demand .cf-ol li#li-2-6 { width: 100%; }
.form-demand .cf-ol li#li-2-7 { width: 100%; position: relative; }
.form-demand .cf-ol li#li-2-7 input { margin: 0; position: absolute; left: 20px; top: 8px; }
.form-demand .cf-ol li#li-2-7 label { display: block; padding-left: 25px; }
.form-demand .cf-sb { text-align: center; }

.contact-list-inline li { font-size: 20px; font-weight: 900; letter-spacing: 0; display: inline-block; vertical-align: top; margin: 0 0 20px 20px; padding: 0; background: none; }
.contact-list-inline li a { color: #211d1e; }
.contact-list-inline li .icon { background-color: #eb1744 !important; margin-right: 15px; }

.block.alt .cform input.single,
.block.alt .cform textarea { background: #fff; }

/* Mesages & errors */

.cform .cf_info span { font-size: 14px; font-weight: 600; margin: 0 0 20px 0; padding: 15px 20px; background: #ffeef4; color: #ee4d6c; display: block; }
.cform .cf_error,
.cform .single.cf_error { border-color: #ff637d; }
.cform .cf_li_err .single { border-color: #ff637d; background: #fae7ea; }
.cform .cf_li_err textarea { border-color: #ff637d; }

.cform .cf_errortxt { color: #ff637d; }

.cf_info.failure { background: #fae7ea; border: 1px solid #f1c7d2; color: #e5547a; padding: 15px 20px; margin: 0 0 30px 0; }
.cf_info.success { background: #ebf5bc; border: 1px solid #c7d198; color: #98b028; padding: 15px 20px; margin: 0 0 30px 0; }

/************************************************************************************
NEXT GEN GALLERY
*************************************************************************************/

body .ngg-navigation { font-size: 15px !important; padding: 0; margin-top: 30px; position: relative; }
body .ngg-navigation .current { font-family: 'Raleway',sans-serif; font-weight: normal; display: inline-block; background: #f30c48; padding: 5px; width: 30px; margin: 0; color: #fff; }
body .ngg-navigation a.page-numbers { font-family: 'Raleway',sans-serif; font-weight: normal; display: inline-block; background: #2d2124; border: none; padding: 5px; width: 30px; color: #fff; margin: 0 5px; }
body .ngg-navigation a.next { background: none; border: none; display: inline; margin: 0; padding: 0; position: absolute; right: 0; top: 0; text-decoration: underline; line-height: 30px; }
body .ngg-navigation a.next:hover { background: none; color: #f30c48 !important; text-decoration: none; }
body .ngg-navigation a.prev { background: none; border: none; display: inline; margin: 0; padding: 0; position: absolute; left: 0; top: 0; text-decoration: underline; line-height: 30px; }
body .ngg-navigation a.prev:hover { background: none; color: #f30c48 !important; text-decoration: none; }
body .ngg-navigation a.page-numbers:hover { background: #f30c48; }

body .ngg-galleryoverview { clear: none; margin: 0 0 0 -20px; width: auto; letter-spacing: -0.31em; *letter-spacing: normal; *word-spacing: -0.43em; }
body .ngg-gallery-thumbnail-box { margin: 0 0 15px 0; float: none; width: 25%; padding-left: 20px; display: inline-block; vertical-align: top; letter-spacing: normal; word-spacing: normal; }

body .ngg-gallery-thumbnail { border: 1px solid #e2ddcf; padding: 4px; }
body .ngg-gallery-thumbnail img { max-width: 100% !important; height: auto; background-color: #fff; border: none; display: block; padding: 0; margin: 0 auto; display: block; }
body .ngg-gallery-thumbnail a { width: 100%; display: block; }
body .ngg-gallery-thumbnail:hover { border: 1px solid #F30C48; }

body .ngg-albumoverview { margin-left: -20px; letter-spacing: -0.31em; *letter-spacing: normal; *word-spacing: -0.43em; }
body .ngg-albumcontent { text-align: center; }
body .ngg-album { width: 25%; border: none; margin: 0 0 20px 0; padding: 0 0 0 20px; float: none; display: inline-block; vertical-align: top; letter-spacing: normal; word-spacing: normal; }
body .ngg-thumbnail { float: none; margin-bottom: 12px; }
body .ngg-thumbnail img { max-width: 100%; height: auto; background-color: #fff; border: none; display: block; padding: 0; margin: 0 auto; display: block; }

body .ngg-albumtitle { font-size: 15px; font-weight: 600; }

/************************************************************************************
AJAX
*************************************************************************************/

.loader-overlay { display: none; z-index: 9999; width: 100%; height: 100%; position: fixed; left: 0; top: 0; background-image: url('../img/fancybox/fancybox_overlay.png');  }
.loader-box { position: absolute; width: 44px; height: 44px; margin-top: -22px; margin-left: -22px; opacity: 0.8; left: 50%; top: 50%; background-image: url('../img/fancybox/fancybox_sprite.png'); background-position: 0 -108px; background-repeat: no-repeat; }
.loader {width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-image: url('../img/fancybox/fancybox_loading.gif'); background-position: center center; background-repeat: no-repeat; }

/************************************************************************************
MEDIA QUERIES
*************************************************************************************/

/*========================= Viewport width 1440px and lower =========================*/

@media screen and (max-width: 1440px) {
  .tiles .text .inner { padding: 100px 30px; }
}
/*========================= Viewport width 1199px and lower =========================*/

@media screen and (max-width: 1199px) {
  .main-nav ul li a { padding-left: 10px; padding-right: 10px; }
  .main-nav ul li:before { content: none; }

  .product-slider { padding-left: 60px; padding-right: 60px; }
  .product-slider .slider-nav .prev { left: 10px; }
  .product-slider .slider-nav .next { right: 10px; }

  .slider-nav .prev { left: 10px; }
  .slider-nav .next { right: 10px; }

  .spider .item { width: 50%; }

  .subcategories .item-inner { padding-left: 10px; padding-right: 10px; }

  .reference-slider { padding-left: 60px; padding-right: 60px; }

  .teaser-slider .teaser-content { padding-left: 400px; }

  .timeline-slider li.panel.alt:after { margin-top: 10px; }

  .structure .text { padding-right: 90px; }
}

/*========================= Viewport width 991px and lower =========================*/

@media screen and (max-width: 991px) {
  h2, .h2 { font-size: 26px; line-height: 1.3em; }

  .header { height: auto; }
  .main-nav { display: none; }

  .nav-btn { padding: 10px; display: inline-block; vertical-align: top; margin-top: 10px; position: absolute; right: 20px; top: 5px; }
  .nav-btn span { width: 30px; height: 5px; border-bottom: 13px double #eb1744; border-top: 4px solid #eb1744; content:""; display: block; text-decoration: none; box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; }

  .teaser-slider h1 { font-size: 30px; line-height: 1.3em; }
  .teaser-slider li.panel { background-size: 1600px !important; background-position: center 0 !important; }
  .teaser-slider .teaser-content { padding-left: 300px; }
  .teaser-content { height: auto; max-width: 420px; padding-top: 190px; padding-bottom: 60px; }
  .teaser-content-inner { padding-top: 0; }

  .stats .item { width: 50%; }
  .stats .item.i-1 { margin-bottom: 30px; }
  .stats .item.i-2 { margin-bottom: 30px; }

  /*.references .item .img { height: auto; line-height: inherit; }*/

  .product-list .item-list.set-4 .item { width: 33.33333%; }

  .news .item { width: 100%; }

  .block.bg-cta { text-align: center; }
  .block.bg-cta h2 { margin-bottom: 20px !important; }
  .block.bg-cta .btn { float: none !important; }

  .text-img.alt .text { padding-right: 280px; }
  .text-img.alt .img { max-width: 250px; }

  .text-img .text { padding-left: 280px; }
  .text-img .img { max-width: 250px; }

  .reference-slider li.panel { width: 33.33333%; }

  .contact-persons .item { width: 33.33333%; }

  .contact-info { margin-bottom: 40px; }

  .subcategories .item { width: 50%; }
  .subcategories .item-inner { border-right: 1px solid #e6e6e6; }
  .subcategories .item:nth-child(1) .item-inner { border-bottom: 1px solid #e6e6e6; }
  .subcategories .item:nth-child(3) .item-inner { border-right: 1px solid #e6e6e6; }
  .subcategories .item:nth-child(2n) .item-inner { border-right: none; }
  .subcategories .item .img { margin-left: auto; margin-right: auto; }

  .product-nav { margin-bottom: 30px; }
  .product-nav ul .sub-menu { display: none !important; }

  .product-detail .text { padding-left: 0; }

  .tiles .item .img { width: 100%; float: none; }
  .tiles .item .text { width: 100%; float: none; }
  .tiles .item .text .va-m { top: 0; -webkit-transform: translate(0,0); -moz-transform: translate(0,0); -ms-transform: translate(0,0); -o-transform: translate(0,0); transform: translate(0,0); }
  .tiles .item .text .inner { margin-left: auto; margin-right: auto; }

  .lease .item { width: 50%; }

  .teaser.teaser-lease { background-size: 1080px; min-height: 380px; }

  .timeline-slider li.panel.alt:after { margin-top: 5px; }

  .references.alt .item { width: 33.333333%; }

  .structure { text-align: center; }
  .structure .text { width: 100%; padding: 0; }
  .structure .img { position: static; padding: 50px 90px; margin: 0 auto 80px auto; }
  .structure .img .item-list { margin: 0 auto; }
  .structure .text .item-list { margin-left: -30px; }
  .structure .text .item { text-align: left; width: 50%; padding-left: 30px; }

  .subcompany .head { float: none; margin-bottom: 30px; }
  .subcompany .head h3.h2 { text-align: center; line-height: 1.3em; }
  .subcompany .item-list { padding-left: 0; text-align: center; margin-left: -30px; }
  .subcompany .item-list .item { padding-left: 30px; }

  .campaign-trigger { padding: 10px; }
  .campaign-trigger .head { font-size: 18px; }
  .campaign-trigger .sub-head { display: none; }
  .campaign-trigger .img { display: none; }
	
  .header-search .wp_autosearch_input { display: none; }
  .header-contact { right: auto; }	
	
}

/*========================= Viewport width 767px and lower =========================*/

@media screen and (max-width: 767px) {
  .header .logo { left: 15px; }
  .header-block-wrap { padding-left: 15px; padding-right: 50px; }
  .header-block:after { right: 15px; }
  .header-search { display: none; }
  .header-contact { right: 15px; }

  .nav-btn { right: 40px; }

  .references .item { width: 50%; }

  .block.bg-references { background-image: none; }

  .teaser-slider li.panel { background-position: -650px 0 !important; }
  .teaser-slider li.panel:after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.7); }
  .teaser-slider li.panel .container { position: relative; z-index: 20; }
  .teaser-slider .teaser-content { padding-left: 0; }
  .teaser-slider .autosearch.main { margin: 0 auto; }
  .teaser-content { text-align: center; max-width: 500px; margin-left: auto; margin-right: auto; }

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

  .news.single .img { max-width: 100%; float: none; margin-bottom: 30px; }
  .news.single .text { margin-left: 0; }

  .categories .item { width: 50%; }

  .text-img .text { padding-left: 0; text-align: center; }
  .text-img .text ul li { background: none; }
  .text-img .img { max-width: 100%; float: none; margin: 0 0 30px 0; }
  .text-img .img img { display: block; margin: 0 auto; }

  .text-img.alt .text { padding-right: 0; text-align: center; }
  .text-img.alt .text { padding-right: 0; text-align: center; }
  .text-img.alt .img { max-width: 100%; float: none; margin: 0 0 30px 0; }

  .section-nav-wrapper { display: none; }

  .el-tablet-pt-0 { padding-top: 0; }

  .about .item-list { margin-bottom: -30px; }
  .about .item { width: 100%; margin-bottom: 30px; }

  .partners .item { width: 50%; }

  .offers { margin-bottom: 0; }
  .offers .item-list { margin-bottom: -30px; }
  .offers .item { width: 100%; margin-bottom: 30px; }

  .reference-slider li.panel { width: 50%; }

  .reference-detail .post-img { position: static; width: 100%; }
  .reference-detail .post-text { padding-left: 0; }
  .reference-detail .quote { margin-bottom: 0; }

  .contact-persons { max-width: 500px; }
  .contact-persons .item { width: 50%; }

  .tabs-products .tab-nav ul li { width: 100%; }

  .product-list .item { width: 50%; }

  .product-detail h1 { font-size: 28px; line-height: 1.3em; }
  .product-detail .img-main img { top: 0; -webkit-transform: translate(0,0); -moz-transform: translate(0,0); -ms-transform: translate(0,0); -o-transform: translate(0,0); transform: translate(0,0); }
  .product-detail .img-main { height: auto; margin-left: 0; margin-right: 0; }
  .product-detail .img-gallery { margin-left: 0; margin-right: 0; }

  .stacktable.large-only { display: none; }
  .stacktable.small-only { display: table }

  .box-set .item .img { width: 100%; padding-top: 40px; padding-bottom: 0; }
  .box-set .item .img .inner { float: none; padding: 0 15px; margin: 0 auto 20px auto; }
  .box-set .item .va-m { top: 0; -webkit-transform: translate(0,0); -moz-transform: translate(0,0); -ms-transform: translate(0,0); -o-transform: translate(0,0); transform: translate(0,0); }
  .box-set .item .text { width: 100%; }
  .box-set .item .text .inner { padding: 20px 15px 50px 15px; margin: 0 auto; text-align: center; }

  .tiles .item .text .inner { padding-top: 40px; padding-bottom: 40px; }

  .timeline-slider { max-width: 530px; margin: 0 auto; }
  .timeline-slider .slider {  padding: 0; }
  .timeline-slider .slider ul { margin: 0 0 0 -30px !important; width: auto !important;  -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; }
  .timeline-slider li.panel { display: inline-block !important; width: 50% !important; float: none !important; margin: 0 auto 30px auto !important; padding-left: 30px !important; }
  .timeline-slider li.panel .item { padding: 0; }
  .timeline-slider li.panel .item .img { max-height: 100%; }
  .timeline-slider li.panel .item-inner { width: 100%; position: static !important; -webkit-transform: translate(0,0); -moz-transform: translate(0,0); -ms-transform: translate(0,0); -o-transform: translate(0,0); transform: translate(0,0); }
  .timeline-slider li.panel:after { display: none !important; }

  .timeline-slider .slider ul:after { display: none !important; }
  .timeline-slider .slider-nav { display: none !important; }

  .timeline-slider li.panel.alt .item { margin-top: 0; padding: 0; }

  .timeline-slider li.panel .item.active .desc { background: none !important; box-shadow: none !important; }
  .timeline-slider li.panel .item.active .item-inner { padding-top: 0; }
  .timeline-slider li.panel .item .desc:before { content: none !important; }
  .timeline-slider li.panel .item .desc:after { content: none !important; }
  .timeline-slider li.panel .item a { text-decoration: none;}
	
  .header-contact ul li a { font-size: 14px; }
  .header-contact ul li {margin-left: 0; margin-right: 12px; }
}

/*========================= Viewport width 640px and lower =========================*/

@media screen and (max-width: 640px) {
  .gallery.gallery-columns-3 .item { width: 50%; }

  .highlights { max-width: 280px; margin: 0 auto; }
  .highlights .item-list { margin-bottom: -20px; }
  .highlights .item { width: 100%; margin-bottom: 20px; }
  .highlights .item-inner { padding-left: 0; }
  .highlights .item .img { position: static; display: block; margin: 0 auto 0 auto; }
  .highlights .item .img .icon { display: block; margin: 0 auto; }
  .highlights .item .img .icon.big { top: 10px; }
  .highlights .item .text { padding-left: 0; text-align: center; }

  .items .item-list { margin-bottom: -30px; }
  .items .item { width: 100%; margin-bottom: 30px; }

  .tabs-lease .tab-nav { max-width: 310px; margin: 0 auto; }
  .tabs-lease .tab-nav ul li { width: 100%; }

  .lease .item { width: 100%; }

  .references.alt .item { width: 50%; }

  .structure .img { padding: 30px; }
  .structure .img .item-list { width: 220px; height: 220px; }
  .structure .img .item .head { font-size: 12px; }
  .structure .img .item { width: 70px; height: 70px; }
  .structure .img .item .img { width: 70px; height: 70px; line-height: 66px; padding: 0; }
  .structure .img .item .img .icon { width: 38px; height: 38px; line-height: 66px; }
  .structure .img .item .head { bottom: -35px; width: 100px; margin-left: -50px; }
  .structure .img .item:nth-child(1) { margin-left: -35px; top: -35px; }
  .structure .img .item:nth-child(2) { margin-right: -35px; margin-top: -35px; }
  .structure .img .item:nth-child(3) { margin-left: -35px; margin-bottom: -35px; }
  .structure .img .item:nth-child(4) { margin-left: -35px; margin-top: -35px; }
  .structure .img .item:nth-child(2) .head { bottom: -55px; }
  .structure .text .item { width: 100%; }
  .structure .img-logo { max-width: 130px; margin-top: 10px; }

  .references.alt .item { width: 100%; }
  .references .item .img { margin-bottom: 15px; }

  .timeline-slider li.panel { width: 100% !important; }
}

/*========================= Viewport width 540px and lower =========================*/
@media screen and (max-width: 555px) {
	li:has(i.icon-mail){
		display: none;
	}
	.header-contact ul li {
		margin-left: 20px;
    	margin-right: 0;
	}
	
	.header-contact {
		right: auto;
	}
	
}


@media screen and (max-width: 540px) {
  body { line-height: 1.5em; }

  .teaser.alt h1, .teaser.alt .h1 { font-size: 32px; line-height: 1.3em; }

  .teaser-slider li.panel { background-position: -800px 0 !important; }

  .block { padding: 40px 0; }

  .footer ul li { background: none; padding-left: 0; margin-bottom: 6px; }
  .footer ul li:before { content: none; }
  .footer .mw { display: block; margin: 20px auto; position: static; }
  .footer .map { padding-top: 30px; padding-bottom: 50px; }
  .footer .map img { display: block; margin: 0 auto; }

  .categories .item { max-width: 340px; margin-left: auto; margin-right: auto; width: 100%; }
  .categories .item-inner { padding-top: 0; padding-bottom: 0; }

  .offers .item-inner { padding-left: 20px; padding-right: 20px; }

  .brands ul li { width: 50%; }
  .spider .item { width: 100%; }
  .partners .item { width: 100%; margin-bottom: 20px; }
  .partners .item .img { margin-bottom: 0; }

  .reference-slider li.panel { width: 100%; }

  .reference-detail .quote { padding: 20px; }
  .reference-detail .quote .text { padding-left: 0; }
  .reference-detail .quote .img { float: none; display: block; margin: 0 auto 20px auto; }

  .contact-persons { max-width: 250px; }
  .contact-persons .item { width: 100%; }

  .form-contact .cf-ol li { width: 100%; }

  .modal-contact .modal-content { padding-left: 20px; padding-right: 20px; }

  .btn { padding: 18px 47px 14px 25px; margin-left: -21px; }

  .subcategories .item { width: 100%; }
  .subcategories .item-inner { border-right: none !important; border-top: 1px solid #e6e6e6; }
  .subcategories .item .img { margin-left: auto; margin-right: auto; }

  .product-list .item { width: 100%; }

  .form-demand .cf-ol li { width: 50%; }

  .brands { padding-top: 0; }

  .news { /*max-width: 195px;*/ margin-left: auto; margin-right: auto; }
  .news .item .img { position: static; display: none; }
  .news .item .text { border: 1px solid #d6d6d6; padding: 20px 15px; }
  .news .item-inner { padding-left: 0; }
}

/*========================= Viewport width 425px and lower =========================*/

@media screen and (max-width: 425px) {
  h2, .h2 { font-size: 22px; }

  .header-contact ul li:nth-child(2) { display: none; }

  .teaser-slider li.panel { background-size: 1900px !important; background-position: -1000px 0 !important; }

  .references .item { width: 100%; }

  .news.single { max-width: 100%; }

  .stats .item { width: 100%; text-align: center; }
  .stats .item .text { padding-left: 0; }
  .stats .item:after { content: none; }

  .product-slider { padding-left: 0; padding-right: 0; margin-left: auto; margin-right: auto; }
  .slider-nav .prev { display: none; }
  .slider-nav .next { display: none; }

  .form-demand .cf-ol li { width: 100%; }
}

/************************************************************************************
TRANSITIONS & ANIMATIONS
*************************************************************************************/

a {
  transition: color 0.1s;
  -moz-transition: color 0.1s;
  -webkit-transition: color 0.1s;
  -o-transition: color 0.1s;
  -ms-transition: color 0.1s;
}

/************************************************************************************
CLEARFIX
*************************************************************************************/

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */

.clearfix:before,
.clearfix:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  zoom: 1;
}

.teaser-nav .ib {
	display:flex !important;
}

/************************************************************************************
UHS HEADER – ADOBE XD 2026
Izolované styly: neovlivňují produktové menu v obsahu ani mobilní navigaci.
*************************************************************************************/

.header {
  position: relative;
}

.uhs-header-shell {
  position: absolute;
  z-index: 1200;
  top: 0;
  left: 0;
  width: 100%;
  font-family: 'Raleway', sans-serif;
}

/* Horní červená kontaktní lišta */
.uhs-topbar {
  height: 30px;
  color: #fff;
  background: #ed1748;
}

.uhs-topbar .container,
.uhs-navbar .container {
  position: relative;
  height: 100%;
}

.uhs-topbar-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 30px;
  gap: 24px;
}

.uhs-topbar-links {
  display: flex;
  align-items: center;
  gap: 25px;
  min-width: 0;
  margin: 0;
  padding: 0;
}

.uhs-topbar-links > li {
  display: flex;
  align-items: center;
  gap: 7px;
  margin: 0;
  padding: 0;
  white-space: nowrap;
}

.uhs-topbar-links > li::before {
  content: none;
}

.uhs-topbar-links a {
  color: #fff;
  font-size: 11px;
  line-height: 1;
  font-weight: 700;
  text-decoration: none;
}

.uhs-topbar-links a:hover {
  text-decoration: underline;
}

.uhs-contact-icon {
  display: block;
  flex: 0 0 14px;
  width: 14px;
  height: 14px;
  object-fit: contain;
}

/* Hledání v kontaktní liště */
.uhs-topbar .uhs-header-search {
  position: relative;
  top: auto;
  right: auto;
  z-index: 1;
  flex: 0 0 205px;
  width: 205px;
}

.uhs-topbar .autosearch .wp_autosearch_form_wrapper {
  position: relative;
  height: 24px !important;
  padding-right: 35px;
  background: #fff;
}

.uhs-topbar .autosearch .wp_autosearch_input {
  height: 24px !important;
  min-height: 24px;
  padding: 0 10px !important;
  color: #6a6a6a;
  font-size: 11px;
  line-height: 24px;
  background: #fff !important;
}

.uhs-topbar .autosearch .wp_autosearch_submit,
.uhs-topbar .autosearch .wp_autosearch_submit:hover {
  top: 0;
  right: 0;
  width: 35px;
  height: 24px;
  border-left: 1px solid rgba(255, 255, 255, .75);
  background-color: #ed1748 !important;
}

/* Bílá hlavní navigace */
.uhs-navbar {
  position: relative;
  height: 58px;
  background: #fff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .06);
}

.uhs-navbar-inner {
  display: flex;
  align-items: stretch;
  min-height: 58px;
}

.uhs-brand {
  display: flex;
  align-items: center;
  flex: 0 0 185px;
  width: 185px;
  min-height: 58px;
  margin-right: 10px;
  text-decoration: none;
}

.uhs-brand-image {
  display: block;
  width: 112px;
  max-height: 50px;
  object-fit: contain;
}

.uhs-navbar .main-nav {
  position: static;
  top: auto;
  right: auto;
  display: block;
  flex: 1 1 auto;
  margin: 0;
}

.uhs-navbar .main-nav > ul {
  display: flex;
  align-items: stretch;
  justify-content: flex-end;
  min-height: 58px;
  margin: 0;
  padding: 0;
}

.uhs-navbar .main-nav > ul > li {
  position: relative;
  display: flex;
  align-items: stretch;
  margin: 0;
  padding: 0;
}

.uhs-navbar .main-nav > ul > li::before {
  content: none;
}

.uhs-navbar .main-nav > ul > li > a {
  display: flex;
  align-items: center;
  min-height: 58px;
  padding: 0 13px;
  color: #242424;
  font-size: 12px;
  line-height: 1.2;
  font-weight: 600;
  text-transform: none;
  text-decoration: none;
  white-space: nowrap;
  border-right: 1px solid transparent;
  border-left: 1px solid transparent;
}

.uhs-navbar .main-nav > ul > li:hover > a,
.uhs-navbar .main-nav > ul > li:focus-within > a,
.uhs-navbar .main-nav > ul > li.current-menu-item > a,
.uhs-navbar .main-nav > ul > li.current-menu-ancestor > a {
  color: #242424;
  background: #fff;
  border-color: #e9e9e9;
  box-shadow: 0 4px 12px rgba(0, 0, 0, .05);
}

.uhs-navbar .main-nav > ul > li.menu-item-has-children > a::after {
  content: '';
  flex: 0 0 6px;
  width: 6px;
  height: 6px;
  margin-left: 8px;
  border-right: 1px solid #242424;
  border-bottom: 1px solid #242424;
  transform: translateY(-2px) rotate(45deg);
}

.uhs-navbar .main-nav > ul > li.mega-menu-products > a::after {
  border-color: #ed1748;
}

/* Záložní běžné submenu – také bez modrého horního borderu */
.uhs-navbar .uhs-primary-menu > li:not(.uhs-has-mega) > .sub-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1280;
  display: block;
  width: 260px;
  min-width: 260px;
  margin: 0;
  padding: 8px 0;
  background: #fff;
  border: 1px solid #ececec;
  border-top: 0;
  box-shadow: 0 14px 30px rgba(0, 0, 0, .13);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(7px);
  transition: opacity .18s ease, transform .18s ease, visibility .18s ease;
}

.uhs-navbar .uhs-primary-menu > li:not(.uhs-has-mega):hover > .sub-menu,
.uhs-navbar .uhs-primary-menu > li:not(.uhs-has-mega):focus-within > .sub-menu {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
}

.uhs-navbar .uhs-primary-menu > li:not(.uhs-has-mega) > .sub-menu > li {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
}

.uhs-navbar .uhs-primary-menu > li:not(.uhs-has-mega) > .sub-menu > li::before {
  content: none;
}

.uhs-navbar .uhs-primary-menu > li:not(.uhs-has-mega) > .sub-menu > li > a {
  display: block;
  padding: 10px 18px;
  color: #242424;
  font-size: 12px;
  line-height: 1.35;
  font-weight: 600;
  text-transform: none;
  text-decoration: none;
}

/* Společný velký dropdown pro všechny hlavní sekce */
.uhs-navbar .main-nav > ul > li.uhs-has-mega {
  position: static;
}

.uhs-mega-menu {
  position: absolute;
  top: 100%;
  left: 50%;
  z-index: 1300;
  width: min(1260px, calc(100vw - 30px));
  max-height: calc(100vh - 102px);
  padding: 22px 30px 26px;
  overflow-y: auto;
  color: #242424;
  background: #fff;
  border: 1px solid #ededed;
  border-top: 0;
  box-shadow: 0 16px 34px rgba(0, 0, 0, .13);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translate(-50%, 7px);
  transition: opacity .18s ease, transform .18s ease, visibility .18s ease;
}

.uhs-navbar .uhs-has-mega:hover > .uhs-mega-menu,
.uhs-navbar .uhs-has-mega:focus-within > .uhs-mega-menu {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translate(-50%, 0);
}

/*
 * Modrá horizontální linka je vykreslená jednou přes celé submenu.
 * Díky tomu není přerušená mezi levým a pravým sloupcem.
 */
.uhs-mega-menu__body {
  position: relative;
}

.uhs-mega-menu__body::before {
  content: '';
  position: absolute;
  z-index: 0;
  top: 29px;
  right: 0;
  left: 0;
  height: 1px;
  background: #a9e4f2;
}

.uhs-mega-section-title {
  position: relative;
  z-index: 1;
  display: block;
  margin-bottom: 17px;
  padding: 0 0 11px;
  color: #00aedb;
  font-size: 12px;
  line-height: 1.25;
  font-weight: 700;
  background: #fff;
  border: 0;
}

/* Standardní mega menu: odkazy vlevo, kontakt vpravo. */
.uhs-mega-menu__body:not(.uhs-mega-menu__body--products) {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(420px, 430px);
  column-gap: 44px;
  align-items: start;
}

.uhs-mega-menu__body--about,
.uhs-mega-menu__body--contacts {
  grid-template-columns: minmax(0, 1fr);
}

.uhs-mega-links {
  position: relative;
  min-width: 0;
  padding-right: 42px;
}

/* Vertikální linka začíná 12 px pod spodní hranou horní modré linky. */
.uhs-mega-links::after {
  content: '';
  position: absolute;
  top: 42px;
  right: 0;
  bottom: 20px;
  width: 1px;
  background: #a9e4f2;
}

.uhs-mega-menu__body--about .uhs-mega-links,
.uhs-mega-menu__body--contacts .uhs-mega-links {
  padding-right: 0;
}

.uhs-mega-menu__body--about .uhs-mega-links::after,
.uhs-mega-menu__body--contacts .uhs-mega-links::after {
  content: none;
}

.uhs-navbar .main-nav .uhs-mega-list {
  position: static;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 4px 32px;
  width: auto;
  min-width: 0;
  margin: 0;
  padding: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
  opacity: 1;
  visibility: visible;
  transform: none;
}

.uhs-navbar .main-nav .uhs-mega-list > li {
  display: block;
  min-width: 0;
  margin: 0;
  padding: 0;
}

.uhs-navbar .main-nav .uhs-mega-list > li::before {
  content: none;
}

.uhs-navbar .main-nav .uhs-mega-list > li > a {
  display: flex;
  align-items: center;
  min-height: 42px;
  padding: 6px 0;
  color: #242424;
  font-size: 12px;
  line-height: 1.3;
  font-weight: 600;
  text-transform: none;
  text-decoration: none;
}

.uhs-navbar .main-nav .uhs-mega-list > li > a:hover,
.uhs-navbar .main-nav .uhs-mega-list > li.current-menu-item > a {
  color: #00aedb;
}

/* Obrázky jsou pouze v Produktech a Servisu a příslušenství. */
.uhs-mega-menu--service .uhs-mega-list {
  gap: 8px 30px;
}

.uhs-mega-menu--service .uhs-mega-list > li > a {
  gap: 13px;
  min-height: 58px;
}

.uhs-mega-menu--about .uhs-mega-list {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px 36px;
}

.uhs-mega-menu--contacts .uhs-mega-list {
  grid-template-columns: 1fr;
}

/* Produkty: jedna velká sekce vlevo, dvě sekce pod sebou vpravo. */
.uhs-mega-menu__body--products {
  display: grid;
  grid-template-columns: minmax(0, 1.55fr) minmax(420px, .85fr);
  grid-template-rows: auto minmax(0, 1fr);
  gap: 26px 44px;
  align-items: start;
}

.uhs-navbar .main-nav .uhs-mega-groups {
  display: contents;
  margin: 0;
  padding: 0;
}

.uhs-navbar .main-nav .uhs-mega-group {
  display: block;
  min-width: 0;
  margin: 0;
  padding: 0;
}

.uhs-navbar .main-nav .uhs-mega-group::before {
  content: none;
}

.uhs-mega-menu--products .uhs-mega-group:nth-child(1) {
  position: relative;
  grid-column: 1;
  grid-row: 1 / span 2;
  padding-right: 42px;
}

.uhs-mega-menu--products .uhs-mega-group:nth-child(1)::after {
  content: '';
  position: absolute;
  top: 42px;
  right: 0;
  bottom: 20px;
  width: 1px;
  background: #a9e4f2;
}

.uhs-mega-menu--products .uhs-mega-group:nth-child(2) {
  grid-column: 2;
  grid-row: 1;
}

.uhs-mega-group__title {
  margin-bottom: 14px;
}

.uhs-navbar .main-nav .uhs-mega-group__items {
  position: static;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 4px 28px;
  width: auto;
  min-width: 0;
  margin: 0;
  padding: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
  opacity: 1;
  visibility: visible;
  transform: none;
}

.uhs-navbar .main-nav .uhs-mega-group__items > li {
  display: block;
  min-width: 0;
  margin: 0;
  padding: 0;
}

.uhs-navbar .main-nav .uhs-mega-group__items > li::before {
  content: none;
}

.uhs-navbar .main-nav .uhs-mega-group__items > li > a {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 52px;
  padding: 4px 0;
  color: #242424 !important;
  font-size: 12px !important;
  line-height: 1.28;
  font-weight: 600;
  text-transform: none;
  text-decoration: none;
}

.uhs-navbar .main-nav .uhs-mega-group__items > li > a:hover,
.uhs-navbar .main-nav .uhs-mega-group__items > li.current-menu-item > a {
  color: #00aedb !important;
}

/* Obrázky položek Produktů a Servisu a příslušenství. */
.uhs-mega-item-image {
  display: block;
  flex: 0 0 56px;
  width: 56px;
  height: 46px;
  max-width: 56px;
  object-fit: contain;
  object-position: center;
}

.uhs-mega-menu--service .uhs-mega-item-image {
  flex-basis: 52px;
  width: 52px;
  height: 44px;
  max-width: 52px;
}

/* Pravý sloupec menu Servis a příslušenství. */
.uhs-mega-aside {
  min-width: 0;
}

.uhs-service-feature-wrap {
  min-width: 0;
  margin-bottom: 24px;
}

.uhs-service-feature {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 52px;
  padding: 0 0 16px;
  color: #242424;
  font-size: 13px;
  line-height: 1.35;
  font-weight: 600;
  text-transform: none !important;
  text-decoration: none;
  border-bottom: 1px solid #ececec;
}

.uhs-service-feature:hover {
  color: #00aedb;
}

.uhs-service-feature__image {
  display: block;
  flex: 0 0 34px;
  width: 34px;
  height: 33px;
  max-width: 34px;
  object-fit: contain;
  object-position: center;
}

.uhs-service-feature__text {
  display: block;
  color: inherit;
  font-size: 13px;
  line-height: 1.35;
  font-weight: 600;
  text-transform: none !important;
}



/* Kontakt specialisty se nezobrazuje v menu O nás a Kontakty. */
.uhs-mega-contact {
  min-width: 0;
}

.uhs-mega-menu--products .uhs-mega-contact {
  grid-column: 2;
  grid-row: 2;
}

/* Kontakt je v Produktech a Servisu spodní sekce, proto má vlastní linku. */
.uhs-mega-menu--products .uhs-mega-contact__eyebrow,
.uhs-mega-aside .uhs-mega-contact__eyebrow {
  border-bottom: 1px solid #a9e4f2;
}

.uhs-mega-contact__eyebrow {
  margin-bottom: 15px;
}

.uhs-mega-contact__body {
  display: grid;
  grid-template-columns: 112px minmax(0, 1fr);
  align-items: center;
  gap: 20px;
}

.uhs-mega-contact__photo {
  display: block;
  width: 112px;
  height: 112px;
  object-fit: cover;
  object-position: center top;
  background: #f3f3f3;
  border-radius: 50%;
}

.uhs-mega-contact__info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
  gap: 4px;
  color: #242424;
  font-size: 12px;
  line-height: 1.42;
}

.uhs-mega-contact__title {
  margin-bottom: 6px;
  padding-bottom: 7px;
  color: #242424;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  border-bottom: 2px solid #ed1748;
}

.uhs-mega-contact__info strong {
  color: #00aedb;
  font-size: 15px;
  font-weight: 700;
}

.uhs-mega-contact__info > span {
  margin-bottom: 4px;
}

.uhs-mega-contact__info a {
  position: relative;
  padding-left: 21px;
  color: #242424;
  font-size: 11.5px;
  font-weight: 700;
  line-height: 1.35;
  text-decoration: none;
  white-space: nowrap;
  overflow-wrap: normal;
  word-break: normal;
}

.uhs-mega-contact__info a:hover {
  color: #ed1748;
}

.uhs-mega-contact__info a::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 16px;
  height: 16px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.uhs-mega-contact__phone::before {
  background-image: url('/wp-content/uploads/2026/07/phone.svg');
}

.uhs-mega-contact__mail::before {
  background-image: url('/wp-content/uploads/2026/07/mail.svg');
}

/* Původní mobilní navigace šablony zůstává aktivní. */
.uhs-navbar .nav-btn {
  display: none;
}

@media screen and (max-width: 1199px) {
  .uhs-brand {
    flex-basis: 125px;
    width: 125px;
    margin-right: 4px;
  }

  .uhs-navbar .main-nav > ul > li > a {
    padding-right: 8px;
    padding-left: 8px;
    font-size: 11px;
  }

  .uhs-mega-menu {
    width: calc(100vw - 30px);
    padding-right: 22px;
    padding-left: 22px;
  }

  .uhs-mega-menu__body:not(.uhs-mega-menu__body--products) {
    grid-template-columns: minmax(0, 1fr) minmax(380px, 390px);
    column-gap: 30px;
  }

  .uhs-mega-menu__body--products {
    grid-template-columns: minmax(0, 1.45fr) minmax(380px, .9fr);
    column-gap: 30px;
  }

  .uhs-mega-menu__body--about,
  .uhs-mega-menu__body--contacts {
    grid-template-columns: minmax(0, 1fr);
  }

  .uhs-mega-links,
  .uhs-mega-menu--products .uhs-mega-group:nth-child(1) {
    padding-right: 28px;
  }

  .uhs-mega-contact__body {
    grid-template-columns: 96px minmax(0, 1fr);
    gap: 15px;
  }

  .uhs-mega-contact__photo {
    width: 96px;
    height: 96px;
  }

  .uhs-mega-contact__info a {
    font-size: 11px;
  }
}

@media screen and (max-width: 991px) {
  .uhs-topbar-links {
    gap: 18px;
  }

  .uhs-topbar-links a {
    font-size: 10px;
  }

  .uhs-topbar .uhs-header-search {
    flex-basis: 180px;
    width: 180px;
  }

  .uhs-navbar .main-nav {
    display: none;
  }

  .uhs-navbar .nav-btn {
    display: inline-block;
    top: 4px;
    right: 6px;
    margin: 0;
  }

  .uhs-navbar-inner {
    justify-content: space-between;
  }
}

@media screen and (max-width: 767px) {
  .uhs-topbar .uhs-header-search {
    display: none;
  }

  .uhs-topbar-inner {
    justify-content: flex-start;
  }

  .uhs-topbar-links {
    width: 100%;
    justify-content: flex-start;
    overflow: hidden;
  }

  .uhs-topbar-links .uhs-topbar-job {
    display: none;
  }

  .uhs-navbar .container,
  .uhs-topbar .container {
    padding-right: 15px;
    padding-left: 15px;
  }
}

@media screen and (max-width: 540px) {
  .uhs-topbar-links .uhs-topbar-mail {
    display: none;
  }

  .uhs-topbar-links {
    justify-content: center;
  }

  .uhs-brand {
    flex-basis: 105px;
    width: 105px;
  }

  .uhs-brand-image {
    width: 92px;
  }
}


/* Contact departments alignment */
.contact-department {
  max-width: 800px;
  margin: 0 auto 55px;
}

.contact-department:last-child {
  margin-bottom: 0;
}

.contact-department .department-title {
  margin: 0 0 24px;
  padding: 0;
  font-size: 24px;
  line-height: 1.3;
  text-align: left;
}

.contact-department .contact-persons {
  max-width: none;
  margin: 0;
}

.contact-department .contact-persons .item-list {
  text-align: left;
}

@media screen and (max-width: 767px) {
  .contact-department {
    max-width: 500px;
    margin-bottom: 45px;
  }

  .contact-department .department-title {
    font-size: 22px;
  }
}

@media screen and (max-width: 540px) {
  .contact-department {
    max-width: 250px;
    margin-bottom: 40px;
  }
}