html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 16px;
    vertical-align: baseline;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

html,
body {
    width: 100%;
    overflow-x: hidden;
    font-family: 'Roboto Slab', sans-serif;
    font-weight: 400;
}

a {
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
    text-decoration: none;
}

.clearfix:after {
    content: "";
    display: table;
    clear: both;
}

p.clear {
    clear: both;
    font-size: 0px;
    height: 0px;
    line-height: 0px;
    text-indent: -500px;
}



/*********************************
   definice parametrů by Liborek 
*********************************/

:root {
    --main-width: 1200px;

}



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



.layout-content {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    height: auto;
}

.layout-content:after {
    content: "";
    display: table;
    clear: both;
}

.row:after {
    content: "";
    display: table;
    clear: both;
}

@media screen and (max-width:1020px) {
    .content>article {
        padding: 0 10px;
    }
}

/*------------
  HEADER BAR
------------*/

.header-bar {
    position: relative;
    z-index: 28;
    height: 68px;
    background: #fff;
}

.header-bar:not(.not-frontpage):before {
    content: "";
    position: absolute;
    z-index: -1;
    display: block;
    background: #fff;
    width: 100px;
    height: 100px;
    border-bottom-left-radius: 50%;
    border-bottom-right-radius: 50%;
    -webkit-box-shadow: 0px 0px 60px -10px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: 0px 0px 60px -10px rgba(0, 0, 0, 0.7);
    box-shadow: 0px 0px 60px -10px rgba(0, 0, 0, 0.7);
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
}

.header-bar.not-frontpage {
    overflow: hidden;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.header-bar>div>section {
    display: block;
    float: left;
    height: auto;
}

.header-bar>div>section.left {
    width: 40%;
    padding: 16px 0;
}

.header-bar.not-frontpage>div>section.left {
    padding: 11px 0;
}

.header-bar>div>section.left>.holesov-header-heading-img {
    display: inline-block;
}

.header-bar>div>section.left>.holesov-header-heading-img>img {
    vertical-align: middle;
    width: auto;
    height: 50px;
}

.header-bar>div>section.left>.holesov-header-heading-1 {
    display: inline-block;
    font-size: 1.625em;
    font-weight: 500;
    vertical-align: baseline;
    padding: 0 3px 0 10px;
    text-transform: uppercase;
}

.header-bar.not-frontpage>div>section.left>.holesov-header-heading-1 {
    vertical-align: middle;
}

.header-bar>div>section.left>.holesov-header-heading-2 {
    display: inline-block;
    font-size: 0.875em;
    font-weight: 400;
    vertical-align: text-top;
    padding: 0 5px;
}

.header-bar.not-frontpage>div>section.left>.holesov-header-heading-2 {
    vertical-align: middle;
}

@media screen and (max-width:640px) {
    .header-bar>div>section.left {
        width: 33%;
    }
}

@media screen and (max-width:810px) {
    .header-bar>div>section.left>.holesov-header-heading-2 {
        display: none;
    }
}

.header-bar>div>section.left a {
    display: block;
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
    text-decoration: none;
}

.header-bar>div>section.middle {
    width: 20%;
    height: 68px;
    background: #fff;
}

.header-bar>div>section.middle-category {
    width: 20%;
    height: 68px;
    background: #fff url("/design/ribbon/header-category.png") no-repeat 50% 0px;
}

@media screen and (max-width:870px) {
    .header-bar>div>section.middle {
        display: none;
    }

    .header-bar:not(.not-frontpage):before {
        content: none;
        display: none;
    }
}

.header-bar>div>section.middle>.holesov-logo-wrapper {
    display: block;
    position: relative;
    margin: 0 auto 0 auto;
    text-align: center;
    background: #fff;
    width: 100px;
    height: 100px;
    border-bottom-left-radius: 50%;
    border-bottom-right-radius: 50%;
    padding: 11px 0 0 0;
}

.header-bar>div>section.middle>.holesov-logo-wrapper>img {
    display: inline-block;
    width: 74px;
    height: 74px;
}

.header-bar>div>section.right {
    width: 40%;
    height: 68px;
}

.header-bar>div>section.right:after {
    clear: both;
    content: "";
    display: table;
}

.header-bar>div>section.right i.fa {
    font-size: 18px;
    color: #7e7e7e;
}

@media screen and (max-width:870px) {
    .header-bar>div>section.left {
        width: 40%;
    }

    .header-bar>div>section.right {
        width: 60%;
    }
}

@media screen and (max-width:900px) {
    .header-bar.not-frontpage>div>section.middle-category {
        display: none;
    }

    .header-bar.not-frontpage>div>section.left {
        width: 50%;
    }

    .header-bar.not-frontpage>div>section.right {
        width: 50%;
    }
}

@media screen and (max-width:790px) {
    .header-bar>div>section.left {
        width: 40%;
    }

    .header-bar>div>section.right {
        width: 60%;
    }
}

@media screen and (max-width:630px) {
    .header-bar>div>section.left {
        width: 44%;
    }

    .header-bar>div>section.right {
        width: 56%;
    }

    .header-bar.not-frontpage>div>section.left {
        width: 30%;
    }

    .header-bar.not-frontpage>div>section.right {
        width: 70%;
    }
}

@media screen and (max-width:440px) {
    .header-bar>div>section.left {
        width: 64%;
    }

    .header-bar>div>section.right {
        width: 36%;
    }

    .header-bar.not-frontpage>div>section.left {
        width: 40%;
    }

    .header-bar.not-frontpage>div>section.right {
        width: 60%;
    }
}

.header-bar>div>section.right>div {
    display: block;
    float: right;
    height: 100%;
    /* vertical-align: middle; */
}

.header-bar>div>section.right>.translate {
    font-size: 0.875em;
    font-weight: 500;
    color: #000;
    padding: 0 30px;
    border-left: solid 1px #e7e7e7;
    border-right: solid 1px #e7e7e7;
    padding-top: 24px;
}

.header-bar>div>section.right>.translate a {
    display: inline;
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
}

.header-bar>div>section.right>.social {
    padding: 0 25px;
    border-right: solid 1px #e7e7e7;
    padding-top: 22px;
}

.header-bar>div>section.right>.social:after {
    content: "";
    clear: both;
    display: table;
}

.header-bar>div>section.right>.social>a.header-icon {
    padding: 0 5px;
}

.header-bar>div>section.right>.social>a.header-icon i.fa {
    font-size: 18px;
}

.header-bar>div>section.right>.social>a.header-icon i.fa.fa-facebook-official {
    color: #3b5998;
}

.header-bar>div>section.right>.social>a.header-icon i.fa.fa-youtube-play {
    color: #007aca;
    ;
}

.header-bar>div>section.right>.social>a.header-icon i.fa.fa-instagram {
    background: radial-gradient(ellipse at 70% 70%, #ee583f 8%, #d92d77 42%, #bd3381 58%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #ffffff;
}


.header-bar>div>section.right>.search {
    padding: 24px 0 0 30px;
}

.header-bar>div>section.right img {
    max-width: 16px;
    display: inline-block;
}

@media screen and (max-width:1060px) {
    .header-bar>div>section.left>.holesov-header-heading-1 {
        padding: 0 3px 0 20px;
    }

    .header-bar>div>section.right>.search {
        padding: 24px 20px 0 30px;
    }
}

@media screen and (max-width:590px) {
    .header-bar>div>section.right>.translate {
        display: none;
    }
}

@media screen and (max-width:540px) {
    .header-bar>div>section.right>.social {
        display: none;
    }
}

@media screen and (max-width:1030px) {
    .header-bar>div>section.left>.holesov-header-heading-img {
        margin-left: 10px;
    }
}

@media screen and (max-width:640px) {
    .header-bar>div>section.left>.holesov-header-heading-img {
        display: none;
    }

    .header-bar.not-frontpage>div>section.left {
        padding: 16px 0;
    }

    .header-bar>div>section.left>.holesov-header-heading-1 {
        padding: 0 3px 0 10px;
    }
}

@media screen and (max-width:630px) {
    .header-bar.not-frontpage>div>section.left {
        width: 60%;
    }

    .header-bar.not-frontpage>div>section.right {
        width: 40%;
    }
}

/*---------------
  HEADER SLIDER
---------------*/

.header-slider {
    position: relative;
    width: 100%;
    height: 570px;
    background: #000;
    z-index: 1;
}

@media screen and (max-width:800px) {
    .header-slider {
        height: 370px;
    }
}

/*.header-slider:after {
    content:"";
    display:block;
    position:absolute;
    bottom:-30px;
    width:100%;
    height:30px;
    -webkit-box-shadow: 0px 0px 60px -10px rgba(0,0,0,0.7);
    -moz-box-shadow: 0px 0px 60px -10px rgba(0,0,0,0.7);
    box-shadow: 0px 0px 60px -10px rgba(0,0,0,0.7);
    pointer-events:none;
    z-index:0;
}*/

.header-slider>.main-carousel--wrapper {
    display: block;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    background: #fff;
}

.header-slider>.layout-content {
    /*padding-top:318px;*/
    width: 100%;
    max-width: 1200px;
    height: auto;
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
}

.header-slider>.layout-content:after {
    display: table;
    clear: both;
    content: "";
}

.header-slider>.layout-content>.col-half {
    float: left;
    width: 50%;
}

.header-slider>.layout-content>.col-half:nth-child(1) {
    padding: 0 5px 0 0;
}

.header-slider>.layout-content>.col-half:nth-child(2) {
    padding: 0 0 0 5px;
}

@media screen and (max-width:1040px) {
    .header-slider>.layout-content>.col-half:nth-child(1) {
        padding: 0 5px 0 10px;
    }

    .header-slider>.layout-content>.col-half:nth-child(2) {
        padding: 0 10px 0 5px;
    }
}

.header-slider>.layout-content>div>section {
    display: block;
    position: relative;
    width: 100%;
    height: 68px;
    background: rgba(0, 174, 239, 0.9);
    text-decoration: none;
    color: #fff;
    z-index: 2;
}

.header-slider>.layout-content>div>section:after {
    content: "";
    clear: both;
    display: table;
}

.header-slider>.layout-content>div>section:nth-child(1) {
    margin-bottom: 10px;
}

.header-slider>.layout-content>div>section>.arrow-right {
    display: block;
    position: absolute;
    bottom: 0px;
    right: 0px;
    font-size: 1.3125em;
    padding: 8px 17px;
    color: rgba(255, 255, 255, 0.8);
}

.header-slider>.layout-content>div>section>.arrow-right:hover {
    color: rgba(255, 255, 255, 1);
}

.header-slider>.layout-content>div>section>h2 {
    display: block;
    float: left;
    width: 185px;
    text-align: center;
    position: relative;
    font-family: 'bebas_neue_regularregular', sans-serif;
    font-size: 1.87em;
    height: 68px;
    line-height: 68px;
}

.header-slider>.layout-content>div>section>h2:after {
    content: "";
    display: block;
    background: rgba(207, 207, 207, 0.5);
    width: 1px;
    height: 60px;
    position: absolute;
    top: 4px;
    right: 0px;
}

.header-slider>.layout-content>div>section>h2>a {
    display: block;
    width: 100%;
    height: 100%;
}

.header-slider>.layout-content>div>section>p {
    display: block;
    width: 100%;
    max-width: 223px;
    float: left;
    font-size: 0.8125em;
    margin: 16px 0 0 23px;
    overflow: hidden;
}

.header-slider>.layout-content>div>section>p>a {
    display: inline;
}

.header-slider>.layout-content>div>section>p>a:hover {
    text-decoration: underline;
}

@media screen and (max-width:930px) {
    .header-slider>.layout-content>div>section>.arrow-right {
        display: none;
    }

    .header-slider>.layout-content>div>section>h2 {
        display: block;
        width: 40%;
        /*width:80px;*/
        /*padding:0 40px;*/
    }

    .header-slider>.layout-content>div>section>p {
        display: block;
        width: 60%;
        margin: 0;
        padding: 16px 10px 0 17px;
        max-height: 56px;
        font-size: 12px;
    }
}

@media screen and (max-width:930px) {
    .header-slider>.layout-content>div>section>p {
        padding: 19px 10px 0 17px;
        font-size: 11px;
        max-height: 48px;
    }
}

@media screen and (max-width:630px) {
    .header-slider>.layout-content>div>section>h2 {
        font-size: 26px;
    }
}

@media screen and (max-width:550px) {
    .header-slider>.layout-content {
        display: none;
    }
}

@media screen and (max-width:390px) {
    .header-slider>.layout-content>div>section>p {
        padding: 19px 10px 0 17px;
        font-size: 11px;
        max-height: 48px;
    }
}

@media screen and (max-width:300px) {
    .header-slider>.layout-content>div>section>p {
        display: none;
    }

    .header-slider>.layout-content>div>section>h2 {
        width: 100%;
    }

    .header-slider>.layout-content>div>section>h2:after {
        content: none;
        display: none;
    }
}

/*---------------------
  SLIDER-VIDEO
---------------------*/

.header-video-wrapper {
    display: block;
    width: 100%;
    height: auto;
    position: relative;
}

.header-video-wrapper:after {
    display: table;
    clear: both;
    content: "";
}

.header-video {
    position: relative;
    width: 100%;
    height: 570px;
    background: #fff;
    z-index: 1;
    overflow: hidden;
}

@media screen and (max-width:800px) {
    .header-video {
        height: 370px;
    }
}

.header-video>video {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -1000;
    overflow: hidden;
    background: url("/webfiles/slideshow/banner/holesovcz_podvecer_flypix_1700x700_opt.png") no-repeat center center;
    background-size: cover;
}

/*---------------------
  FRONTPAGE-DASHBOARD
---------------------*/

.frontpage-dashboard {
    position: relative;
    z-index: 5;
    background: #fff url("/design/ribbon/down-with-shadow.png") no-repeat 50% 0px;
    border-top: 1px solid #fff;
    padding: 60px 0 20px 0;
}

.frontpage-dashboard>.layout-content:after {
    clear: both;
    content: "";
    display: table;
}

.frontpage-dashboard>.layout-content>.dashboard-articles {
    float: left;
    width: 65%;
    border-right: solid 1px rgba(207, 207, 207, 0.5);
    padding: 0 27px 0 0;
}

@media screen and (max-width:1030px) {
    .frontpage-dashboard>.layout-content>.dashboard-articles {
        padding: 0 27px 0 10px;
    }
}

.frontpage-dashboard>.layout-content .dashboard-documents {
    border-top: solid 1px #ddd;
    padding: 4vmin 0 0 3vmin
}

@media screen and (max-width:480px) {
    .frontpage-dashboard {
        padding: 60px 0;
    }

    .frontpage-dashboard>.layout-content>.dashboard-articles {
        width: 100%;
        float: none;
        border-right: 0;
        margin: 0 0 40px 0;
        padding: 0 10px 0 10px;
    }

    .frontpage-dashboard>.layout-content .dashboard-documents {
        float: none;
        width: 100%;
        padding: 0 10px 0 10px;
    }
}

.content .dashboard-articles p .arrow-right,
.content .dashboard-documents p .arrow-right {
    font-size: 0.75em;
    font-weight: 300;
    color: #000;
}

.content .dashboard-articles p .arrow-right {
    margin-left: 220px;
}

@media screen and (max-width:480px) {
    .content .dashboard-articles p .arrow-right {
        margin-left: 0;
    }
}

@media screen and (max-width:290px) {
    .frontpage-dashboard {
        background: #fff;
    }
}

/*-----------
  NADPIS H2
-----------*/

.content h2 {
    display: block;
    font-family: "Roboto";
    font-size: 1.25em;
    font-weight: 600;
    padding: 0 0 0 17px;
    position: relative;
    margin: 0 0 20px 0;
}

.content h2.inline-headings {
    display: inline-block;
    margin: 0 25px 20px 0;
}

.content h2:before {
    content: "";
    display: block;
    position: absolute;
    width: 8px;
    height: 8px;
    top: 2px;
    left: 0px;
    background: #007aca;
}

.content h2:after {
    content: "";
    display: block;
    position: absolute;
    width: 8px;
    height: 8px;
    top: 12px;
    left: 0px;
    background: #f8ef22;
}

.content h2.inline-headings.hct-not-active {
    color: #b5b5b5;
}

.content h2.inline-headings.hct-not-active>a {
    color: inherit;
    font-weight: 400;
}

.content h2.inline-headings.hct-not-active:before,
.content h2.inline-headings.hct-not-active:after {
    background: #b5b5b5;
}

/*----------
  HCT-TABS
----------*/

.hct-tabs {
    display: none;
}

.hct-tabs.active {
    display: block;
}

/*--------
  ČLÁNKY
--------*/

.articles.v2>.article {
    display: block;
    width: 100%;
    /*height:100px;*/
    -webkit-transition: ease-in-out 0.2s;
    -moz-transition: ease-in-out 0.2s;
    -o-transition: ease-in-out 0.2s;
    transition: ease-in-out 0.2s;
    margin-bottom: 30px;
    overflow: hidden;
}

.articles.v2>.article:after {
    content: "";
    display: table;
    clear: both;
}

.articles.v2.two-cols:after {
    content: "";
    display: table;
    clear: both;
}

.articles.v2.two-cols>.article {
    width: 50%;
    float: left;
    overflow: hidden;
}

@media screen and (max-width:800px) {
    .articles.v2.two-cols>.article {
        width: 100%;
        float: none;
    }
}

@media screen and (max-width:480px) {
    .articles.v2>.article:not(:last-child) {
        margin-bottom: 20px;
    }

    .articles.v2>.article:last-child {
        margin-bottom: 10px;
    }

    .articles.v2>.article.frontpage-interactive-map-link {
        margin-bottom: 40px;
    }
}

.articles.v2>.article:hover {
    background: #f2fcff;
}

.articles.v2>.article .article--section {
    text-decoration: none;
    color: #000;
    display: block;
    /*height:100px;*/
    float: left;
}

.articles.v2>.article .article--section:nth-of-type(2) {
    height: 100px;
    width: 100px;
    overflow: hidden;
}

@media screen and (max-width:650px) {
    .articles.v2>.article .article--section:nth-of-type(2) {
        height: 50px;
        padding: 10px 0 0 0;
    }

    .articles.v2>.article .article--section:nth-of-type(2)>img {
        width: 50px;
        height: 50px;
    }
}

.articles.v2>.article .article--section:nth-of-type(1) {
    min-width: 70px;
    margin-right: 10px;
    margin-left: 10px;
    text-align: center;
}

.articles.v2>.article.simple .article--section:nth-of-type(1) {
    display: none;
}

.articles.v2>.article .article--section:nth-of-type(1)>p:nth-of-type(1) {
    font-size: 1.5em;
    line-height: 1.625em;
    margin-top: 10px;
    font-weight: 500;
}

.articles.v2>.article .article--section:nth-of-type(1)>p:nth-of-type(2),
.articles.v2>.article .article--section:nth-of-type(1)>p:nth-of-type(3) {
    font-size: 0.75em;
    font-weight: 400;
    line-height: 1em;
    color: #000;
}

.articles.v2>.article .article--section:nth-of-type(3) {
    margin-left: 30px;
    margin-right: 20px;
    width: calc(100% - 240px);
    color: #000;
    /*overflow: hidden;*/
}

.articles.v2>.article .article--section>img {
    max-height: 100px;
    max-width: 100px;
}

.articles.v2>.article.frontpage-interactive-map-link .article--section:nth-of-type(3) {
    width: calc(100% - 152px);
}

.articles.v2>.article.warning .article--section:nth-of-type(1)>p {
    color: #EB0000;
}

.articles.v2>.article.warning .article--section:nth-of-type(3) {
    position: relative;
}

.articles.v2>.article.warning .article--section:nth-of-type(3) .close-warning {
    position: absolute;
    top: 10px;
    right: 0;
    width: 20px;
    height: 20px;
}

.articles.v2>.article.frontpage-interactive-map-link .article--section:nth-of-type(3) p {
    line-height: 1.332em;
    margin-bottom: 0;
}

.articles.v2>.article.frontpage-interactive-map-link .article--section:nth-of-type(3)>p>span {
    font-size: inherit;
    color: #009eda;
    text-decoration: underline;
}

@media screen and (max-width:650px) {
    .articles.v2>.article .article--section:nth-of-type(1)>p:nth-of-type(1) {
        margin-top: 0;
    }

    .articles.v2>.article .article--section:nth-of-type(3) {
        width: calc(100% - 140px);
        float: left;
        margin: 0;
        padding: 0 10px;
    }
}

.articles.v2.two-cols>.article .article--section:nth-of-type(3) {
    max-height: 100px;
    overflow: hidden;
}

.articles.v2>.article .article--section:nth-of-type(3) h3,
.articles.v2>.article .article--section:nth-of-type(3) h4 {
    font-size: 1.25em;
    line-height: 1.5625em;
    padding: 0 0 3px 0;
    font-weight: 500;
    color: #000;
    margin-top: 3px;
}

.goofy-table .articles.v2>.article .article--section:nth-of-type(3) h3,
.goofy-table .articles.v2>.article .article--section:nth-of-type(3) h4 {
    font-size: 1em;
    line-height: 1em;
}

.articles.v2>.article .article--section:nth-of-type(3) p {
    font-size: 0.9375em;
    line-height: 1.25em;
    margin-bottom: 10px;
    font-weight: 300;
    color: #000;
}

.articles.v2>.article .article--section:nth-of-type(3) p>span.article-link-more {
    display: block;
    margin-top: 10px;
    font-size: 1em;
    color: #287BC4;
}

.articles.v2>.article .article--section:nth-of-type(3) p>span.article-link-more>em {
    font-size: inherit;
}

.articles.v2>.article:hover>.article--section:nth-of-type(3) p>span.article-link-more>em {
    text-decoration: underline;
    /*color:#134f78;*/
}

/* .articles.v2>.article:hover>.article--section:nth-of-type(3) p>span.article-link-more {
    color:#134f78;
} */

@media screen and (max-width:400px) {
    .articles.v2>.article .article--section:nth-of-type(2) {
        display: none;
    }

    .articles.v2>.article.frontpage-interactive-map-link>.article--section:nth-of-type(2) {
        display: block;
    }

    .articles.v2>.article .article--section:nth-of-type(3) {
        width: calc(100% - 60px)
    }

    .articles.v2>.article .article--section:nth-of-type(1) {
        min-width: 52px;
        margin-right: 0;
        margin-left: 0;
        text-align: center;
    }
}

/*@media screen and (max-width:400px) {
    .articles.v2 > .article > .article--section:nth-of-type(1) {
        margin-left:0;
        margin-right:0;
    }
    .articles.v2 > .article > .article--section:nth-of-type(1) > p:nth-of-type(1) {
        margin-top:0;
    }
    .articles.v2 > .article > .article--section:nth-of-type(2) {
        display:none;
    }
    .articles.v2 > .article > .article--section:nth-of-type(3) {
        margin-left: 0;
        margin-right: 0;
        padding-top: 3px;
    width: calc(100% - 80px);
    }
}*/

/*--------------
  ÚŘEDNÍ DESKA
--------------*/

.uredni-deska>article {
    padding: 10px 0;
    color: #000;
}

.uredni-deska>article>a {
    display: block;
}

.uredni-deska>article>a>time {
    /*! display: block; */
    color: #007aca;
    font-size: 0.875em;
    margin: 0 0 8px 0;
}

.uredni-deska>article>a>description {
    font-size: 0.9375em;
    font-weight: 300;
    line-height: 1.5625em;
}

@media screen and (max-width:700px) {
    .uredni-deska>article>a>description {
        font-size: 0.75em;
    }
}

@media screen and (max-width:480px) {
    .uredni-deska>article>a>description {
        font-size: 0.9375em;
    }
}

/*--------------------------
  FRONTPAGE PRACTICAL APPS
--------------------------*/

.frontpage-practical-apps {
    text-align: center;
}

.frontpage-practical-apps>div>h2 {
    font-size: 2.5em;
    font-weight: 300;
}

.frontpage-practical-apps>div>description {
    display: block;
    font-size: 1em;
    font-weight: 300;
    padding: 5px 0 20px 0;
}

@media screen and (max-width:1030px) {
    .frontpage-practical-apps {
        padding: 0 10px;
    }
}

/*--------------------
  FRONTPAGE RIBBON 1
--------------------*/

.frontpage-ribbon-1 {
    display: block;
    width: 100%;
    height: 170px;
    background: #fff url("/design/icon/ribbon-down.png") no-repeat center 20px;
}

/*-------------------------
  FRONTPAGE TIPY NA VÝLET
-------------------------*/

.frontpage-tipy-na-vylet {
    text-align: center;
}

.frontpage-tipy-na-vylet>div>h2 {
    font-size: 2.5em;
    font-weight: 300;
}

.frontpage-tipy-na-vylet>div>description {
    display: block;
    font-size: 1em;
    font-weight: 300;
    padding: 5px 0 20px 0;
}

/*--------
    ANKETA
--------*/

.anketa {
    margin-bottom: 20px;
}

.anketa>p:first-child,
.anketa>p:last-child {
    font-size: 0.9375em;
    font-weight: 300;
}

.anketa>p:first-child {
    margin-bottom: 30px;
}

/*--------------
  PROGRESS BAR
--------------*/

.progress-bar {
    display: block;
    height: auto;
    font-size: 0.75em;
    font-weight: 300;
    margin: 0 0 20px 0;
}

.progress-bar>p {
    font-size: inherit;
    margin-bottom: 6px;
    font-size: 1.0833333333333333333333333333333em;
    font-weight: 400;
}

.progress-bar>.progress-bar-perc-wrapper {
    width: 100%;
    height: 24px;
    background: #dadada;
    position: relative;
    margin-bottom: 17px;
}

.progress-bar>.progress-bar-perc-wrapper>.progress-bar-perc {
    height: 100%;
    background: #007aca;
}

.progress-bar>.progress-bar-perc-wrapper>span {
    display: block;
    position: absolute;
    right: 7px;
    top: 0;
    line-height: 24px;
}

.anketa.not-yet-voted>div>div>.progress-bar>.progress-bar-perc-wrapper>.progress-bar-perc,
.anketa.not-yet-voted>div>div>.progress-bar>.progress-bar-perc-wrapper>span {
    display: none;
}

.anketa-option-wrapper-wrapper:after {
    clear: both;
    content: "";
    display: table;
}

.anketa-option-wrapper {
    display: block;
    width: calc(25% - 20px);
    float: left;
    margin: 0 20px 0 0;
}

.frontpage-horizontal-poll {
    margin: 50px 0 0 0;
}

.frontpage-horizontal-poll>.content {
    padding: 0 10px;
}

@media screen and (max-width:500px) {
    .anketa-option-wrapper {
        width: calc(50% - 20px);
        height: 140px;
    }
}

@media screen and (max-width:360px) {
    .anketa-option-wrapper {
        width: calc(100% - 20px);
        height: 120px;
    }
}

/*--------------------
  FRONTPAGE CALENDAR
--------------------*/

.frontpage-calendar {
    display: block;
    width: 100%;
    /*height:570px;*/
    min-height: 630px;
    padding: 42px 0 0 0;
    background: #000 url("/design/kalendar-akci-bg.jpg") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.frontpage-calendar>div>h2 {
    font-size: 2.875em;
    font-weight: 300;
    color: #fff;
    text-align: center;
    font-family: 'Roboto Slab', sans-serif;
    padding: 0;
    margin: 0;
}

.frontpage-calendar>div>h2:before,
.frontpage-calendar>div>h2:after {
    display: none;
    content: none;
}

.frontpage-calendar>div>span {
    display: block;
    font-size: 1em;
    font-weight: 300;
    padding: 5px 0 20px 0;
    color: #fff;
    text-align: center;
    font-family: 'Roboto Slab', sans-serif;
}

/*---------------------
  FRONTPAGE INSURANCE
---------------------*/

.frontpage-insurance {
    text-align: center;
    padding: 56px 0 139px 0;
    background: #fff url("/design/ribbon/up-with-shadow.png") no-repeat center 100%;
    border-bottom: solid 1px #fff;
}

.frontpage-insurance>div>h2 {
    font-size: 2.875em;
    font-weight: 300;
    color: #000;
    text-align: center;
    font-family: 'Roboto Slab', sans-serif;
    padding: 0;
    margin: 0;
}

.frontpage-insurance>div>h2:before,
.frontpage-insurance>div>h2:after {
    display: none;
    content: none;
}

/*-----------------
  FRONTPAGE LINKS
-----------------*/

.frontpage-links {
    min-height: 302px;
    padding: 40px 0 54px 0;
    background: #f7f7f7;
}

.frontpage-links>div>h2 {
    font-size: 2.875em;
    font-weight: 300;
    color: #000;
    text-align: center;
    font-family: 'Roboto Slab', sans-serif;
    padding: 0;
    margin: 0;
}

.frontpage-links>div>h2:before,
.frontpage-links>div>h2:after {
    display: none;
    content: none;
}

.frontpage-links>div>description {
    display: block;
    font-size: 1em;
    font-weight: 300;
    padding: 5px 0 20px 0;
    color: #000;
    text-align: center;
    font-family: 'Roboto Slab', sans-serif;
}

@media screen and (max-width:1030px) {
    .frontpage-links {
        padding: 0 10px;
    }
}

/*----------------------------
  FRONTPAGE POST LINK RIBBON
----------------------------*/

.frontpage-post-links-ribbon {
    border-top: solid 1px #fff;
    height: 95px;
    background: #fff url("/design/ribbon/down-with-shadow.png") no-repeat center 0px;
}

/*------------------
  FRONTPAGE FOOTER
------------------*/

.footer-special-wrapper>div>h2 {
    font-size: 2.5em;
    font-weight: 300;
    color: #000;
    text-align: center;
    font-family: 'Roboto Slab', sans-serif;
    padding: 0;
    margin: 0;
}

.footer-special-wrapper>div>h2.heading--take-vas-muze-zajimat {
    border-bottom: 1px solid #e7e7e7;
    position: relative;
    margin: 60px 0 80px 0;
    padding: 21px 0;
}

.footer-special-wrapper>div>h2:before,
.footer-special-wrapper>div>h2:after {
    display: none;
    content: none;
}

.footer-special-wrapper>div>h2.heading--take-vas-muze-zajimat:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 80px;
    background: url("/design/ribbon/down-with-shadow.png") no-repeat 50% 1px;
    top: 100%;
}

.footer-special-wrapper>div>p.description {
    display: block;
    max-width: 830px;
    font-size: 0.9375em;
    line-height: 1.5em;
    margin: 0 auto;
    font-weight: 300;
    padding: 32px 0 30px 0;
    color: #000;
    text-align: center;
    font-family: 'Roboto Slab', sans-serif;
}

.footer-special-wrapper>div>p:nth-of-type(2) {
    display: block;
    text-align: center;
    color: #000;
    font-family: 'Roboto Slab', sans-serif;
    font-size: 0.75em;
}

.footer-content-wrapper>div>.footer-row:after {
    display: table;
    clear: both;
    content: "";
}

.footer-content-wrapper>div>.footer-row>div {
    display: block;
    float: left;
}

.footer-content-wrapper>div>.footer-row>.col-categories {
    width: 100%;
}

.footer-content-wrapper>div>.footer-row>.col-categories:after {
    display: table;
    clear: both;
    content: "";
}

.footer-content-wrapper>div>.footer-row>.col-facebook {
    width: 25%;
}

.footer-content-wrapper>div>.footer-row>.col-contact {
    width: 25%;
}

.footer-content-wrapper>div>.footer-row>.col-categories>.col-half {
    display: block;
    float: left;
    width: 25%;
    margin: 0 0 30px 0;
}

.footer-content-wrapper h3 {
    font-size: 1.5rem;
    font-weight: 300;
    color: rgba(255, 255, 255, 0.8);
}

.footer-content-wrapper>div>.footer-row p {
    color: rgba(255, 255, 255, 0.6);
    font-size: 0.75em;
    line-height: 1.5em;
    padding: 4px 0;
}

.footer-content-wrapper>div>.footer-row a {
    color: rgba(255, 255, 255, 0.6);
    font-size: 0.75rem;
    line-height: 1.5em;
    padding: 10px 0;
}

.footer-content-wrapper>div>.footer-row a:hover {
    color: rgba(255, 255, 255, 0.8);
}

.footer-content-wrapper>div>.footer-row>.col-categories>.col-half ul {
    list-style: none;
}

.footer-content-wrapper>div>.footer-row>.col-categories>.col-half ul>li {
    color: rgba(255, 255, 255, 0.6);
    font-size: 0.75em;
    line-height: 1.5em;
    padding: 4px 0;
}

@media screen and (max-width:1030px) {
    .footer-content-wrapper {
        padding: 0 10px;
    }
}

@media screen and (max-width: 800px) {
    .footer-content-wrapper>div>.footer-row>.col-categories {
        display: flex;
        flex-direction: row;
        flex-flow: wrap;
    }

    .footer-content-wrapper>div>.footer-row>.col-categories>.col-half {
        display: flex;
        flex-direction: column;
        flex: 0 1 50%;
        float: none;
        height: auto;
    }
}


/*-------------
  FOOTER COPY
-------------*/

.footer-copy {
    background: #040b04;
    color: #7b7b7b;
    padding: 20px 0;
    border-top: solid 1px rgba(255, 255, 255, 0.15);
}

@media screen and (max-width:1030px) {
    .footer-copy {
        padding: 20px 10px;
    }
}

.footer-copy>div>.col-half {
    display: block;
    float: left;
    width: 50%;
}

.footer-copy>div>div p {
    font-size: 0.75em;
    color: #7b7b7b;
    /*text-align:center;*/
}

.footer-copy>div>div:nth-of-type(2)>p {
    text-align: right;
}

.footer-copy a {
    text-decoration: underline;
}

@media screen and (max-width:920px) {
    .footer-copy {
        padding: 20px 10px;
    }

    .footer-copy>div>.col-half {
        width: 100%;
        float: none;
    }

    .footer-copy>div>div:nth-of-type(1)>p {
        text-align: center;
    }

    .footer-copy>div>div:nth-of-type(2)>p {
        padding-top: 20px;
        text-align: center;
    }
}

/*------------------
  GOOGLE TRANSLATE
------------------*/

#google_translate_element {
    line-height: 16px;
    z-index: 5;
    border: 0;
}

#google_translate_element {
    display: none;
}

.goog-te-gadget-simple .goog-te-menu-value span {
    display: none;
}

.goog-te-gadget-simple .goog-te-menu-value {
    display: none;
}

.translate {
    height: 67px;
}

.goog-te-gadget-simple {
    border-left: 0 !important;
    border-right: 0 !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
}

/*----------------
  FOOTER CONTACT
----------------*/

.footer-contact {
    list-style: none;
    padding: 0 0 0 40px;
    line-height: 24px;
    color: #fff;
    min-height: 30px;
    margin-bottom: 20px;
}

.footer-contact.location-icon {
    margin-top: 20px;
    background: url('/design/icon/kontakt/loc.svg') no-repeat 3px 6px;
    background-size: 18px auto;
}

.footer-contact.telephone-icon {
    background: url('/design/icon/kontakt/tel.svg') no-repeat 1px 6px;
    background-size: 21px auto;
}

.footer-contact.envelope-icon {
    background: url('/design/icon/kontakt/mail.svg') no-repeat 0 6px;
    background-size: 24px auto;
}

.mks-icon {
    display: block;
    margin: 5px 0 0 0;
    height: auto;
    max-width: 75px;
    width: 100%;
}

.centrum-icon {
    display: block;
    margin: 10px 0 0 0;
    height: auto;
    max-width: 50px;
    width: 100%;
}



.footer-contact>li {
    font-size: 0.75em;
    color: rgba(255, 255, 255, 0.6);
}

/*-----------------
  FLAT LINKS LIST
-----------------*/

.flat-links {
    display: block;
    list-style: none;
    width: 100%;
    overflow: hidden;
}

.flat-links:after {
    display: table;
    clear: both;
    content: "";
}

.flat-links>li {
    display: block;
    position: relative;
    float: left;
    width: calc(100% / 9);
    height: 117px;
    color: #fff;
    font-size: 0.740625em;
    line-height: 1.25em;
    font-weight: 300;
    background: #007aca;
    text-align: center;
}

/* .flat-links.9-cols > li {
    width: calc(100% / 9);
} */

.flat-links>li:after {
    content: "";
    display: block;
    position: absolute;
    top: 5px;
    right: 0px;
    width: 1px;
    height: 107px;
    background: rgba(255, 255, 255, 0.5);
}

.flat-links>li:last-child:after {
    display: none;
}

.flat-links>li>a {
    display: block;
    height: 100%;
    padding: 83px 3px 0 3px;
    text-transform: uppercase;
}

.flat-links>li>a>span {
    display: block;
    height: auto;
    position: relative;
    font-size: inherit;
    line-height: inherit;
}

.flat-links>li>a>span>span {
    display: inline-block;
    position: absolute;
    width: 100%;
    height: auto;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: inherit;
    line-height: inherit;
}

.flat-links>li.mks-holesov {
    background: #007aca url("/design/icon/nase-odkazy/mks-holesov.svg") no-repeat center 24px;
    background-size: 51px auto;
}

.flat-links>li.informacni-centrum {
    background: #007aca url("/design/icon/nase-odkazy/informacni-centrum.svg") no-repeat center 20px;
    background-size: 31px auto;
}

.flat-links>li.zamek {
    background: #007aca url("/design/icon/nase-odkazy/zamek.svg") no-repeat center 24px;
    background-size: 41px auto;
}

.flat-links>li.knihovna {
    background: #007aca url("/design/icon/nase-odkazy/knihovna.svg") no-repeat center 22px;
    background-size: 34px auto;
}

.flat-links>li.strategie-holesov {
    background: #007aca url("/design/icon/nase-odkazy/strategie-holesov.svg") no-repeat center 18px;
    background-size: 37px auto;
}

.flat-links>li.mikroregion-holesovsko {
    background: #007aca url("/design/icon/nase-odkazy/mikroregion-holesovsko.svg") no-repeat center 24px;
    background-size: 34px auto;
}

.flat-links>li.hlaseni-zavad {
    background: #007aca url("/design/icon/prakticke/hlaseni-zavad.svg") no-repeat center 17px;
    background-size: 35px auto;
}

.flat-links>li.hlaseni-mestskeho-rozhlasu {
    background: #007aca url("/design/icon/prakticke/hlaseni-mestskeho-rozhlasu.svg") no-repeat center 17px;
    background-size: 37px auto;
}

.flat-links>li.internetove-kamery {
    background: #007aca url("/design/icon/prakticke/internetove-kamery.svg") no-repeat center 19px;
    background-size: 48px auto;
}

.flat-links>li.virtualni-prohlidky {
    background: #007aca url("/design/icon/prakticke/virtualni-prohlidky.svg") no-repeat center 10px;
    background-size: 39px auto;
}

.flat-links>li.panoramata-zamku {
    background: #007aca url("/design/icon/prakticke/panoramata-zamku.svg") no-repeat center 21px;
    background-size: 35px auto;
}

.flat-links>li.navstevnost-stranek {
    background: #007aca url("/design/icon/prakticke/navstevnost-stranek.svg") no-repeat center 19px;
    background-size: 42px auto;
}

.flat-links>li.facebook {
    background: #007aca url("/design/icon/nase-odkazy/facebook.svg") no-repeat center 19px;
    background-size: 18px auto;
}

.flat-links>li.youtube {
    background: #007aca url("/design/icon/nase-odkazy/youtube.svg") no-repeat center 19px;
    background-size: 44px auto;
}

.flat-links>li.koupaliste {
    background: #007aca url("/design/icon/nase-odkazy/koupaliste.svg") no-repeat center 19px;
    background-size: 43px auto;
}

.flat-links>li.mestska-policie {
    background: #007aca url("/design/icon/nase-odkazy/mestska-policie.svg") no-repeat center 19px;
    background-size: 34px auto;
}

.flat-links>li.holesov-tv {
    background: #007aca url("/design/icon/nase-odkazy/youtube.svg") no-repeat center 25px;
    background-size: 45px auto;
}

.flat-links>li.on-line-kamery {
    background: #007aca url("/design/icon/prakticke/online-kamery.svg") no-repeat center 21px;
    background-size: 47px auto;
}

.flat-links>li.rezervace-registru-vozidel {
    background: #007aca url("/design/icon/prakticke/rezervace-registru-vozidel.svg") no-repeat center 21px;
    background-size: 57px auto;
}

.flat-links>li.zivotni-situace {
    background: #007aca url("/design/icon/prakticke/zivotni-situace.svg") no-repeat center 21px;
    background-size: 28px auto;
}

.flat-links>li.doklady-k-vyzvednuti {
    background: #007aca url("/design/icon/prakticke/doklady-k-vyzvednuti.svg") no-repeat center 21px;
    background-size: 43px auto;
}

.flat-links>li.nabidka-prace {
    background: #007aca url("/design/icon/prakticke/nabidka-prace.svg") no-repeat center 21px;
    background-size: 47px auto;
}

.flat-links>li.ztraty-a-nalezy {
    background: #007aca url("/design/icon/prakticke/ztraty-a-nalezy.svg") no-repeat center 21px;
    background-size: 33px auto;
}

.flat-links>li.czech-point {
    background: #007aca url("/design/icon/prakticke/czech-point.svg") no-repeat center 21px;
    background-size: 67px auto;
}

.flat-links>li.pocasi-v-holesove {
    background: #007aca url("/design/icon/prakticke/pocasi-v-holesove.svg") no-repeat center 21px;
    background-size: 37px auto;
}

.flat-links>li.telefonni-seznam-meu {
    background: #007aca url("/design/icon/prakticke/telefonni-seznam-meu.svg") no-repeat center 21px;
    background-size: 32px auto;
}

@media screen and (max-width:880px) {
    .flat-links {
        margin: 0 auto;
        max-width: 360px;
    }

    .flat-links>li {
        width: calc(100% / 3);
        max-width: 120px;
    }

    .flat-links>li:before {
        content: "";
        display: block;
        position: absolute;
        bottom: 0px;
        left: 7%;
        width: 86%;
        height: 1px;
        background: rgba(255, 255, 255, 0.5);
    }

    .flat-links>li:nth-child(3):after,
    .flat-links>li:nth-child(6):after,
    .flat-links>li:nth-child(7):before,
    .flat-links>li:nth-child(8):before,
    .flat-links>li:nth-child(9):before {
        content: none;
        display: none;
    }
}

@media screen and (max-width:320px) {
    .flat-links>li>a {
        font-size: 0.85em;
    }
}

/*---------------
  KALENDÁŘ AKCÍ
---------------*/

.kalendar-akci-wrapper {
    background: #fff;
}

.kalendar-akci--left {
    position: relative;
    display: block;
    float: left;
    padding: 15px;
    width: 350px;
}

.kalendar-akci--left:after {
    content: "";
    display: block;
    position: absolute;
    width: 1px;
    height: 300px;
    top: 30px;
    right: -1px;
    background: #e7e7e7;
}

@media screen and (max-width:750px) {
    .kalendar-akci--left:after {
        content: none;
        display: none;
    }

    .frontpage-calendar {
        padding: 42px 0 62px 0;
    }
}

.kalendar-akci--right {
    display: block;
    width: calc(100% - 350px);
    float: left;
    padding: 15px;
}

.kalendar-akci--left>div {
    display: block;
    width: 100%;
    height: auto;
    padding: 20px;
}

.kalendar table {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
}

.kalendar table>tbody>tr>td {
    font-size: 12px;
    color: #6c7174;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    min-height: 24px;
    padding: 6px 0 15px 0;
    border: rgba(222, 222, 222, 0.5) solid 1px;
    cursor: pointer;
    width: calc(100% / 7);
    position: relative;
}

.kalendar table>tbody>tr>td.prev {
    cursor: default;
    color: rgba(108, 113, 116, 0.3);
}

.kalendar table>tbody>tr:first-of-type>td {
    font-size: 12px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 400;
    text-align: center;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    cursor: default;
    background: #007aca;
    padding: 9px 0 6px 0;
}

.kalendar table>tbody>tr:last-of-type>td {
    border-bottom: 0;
}

.kalendar table>tbody>tr>td:first-child {
    border-left: 0;
}

.kalendar table>tbody>tr>td:last-child {
    border-right: 0;
}

.kalendar table>tbody>tr:not(:first-of-type)>td:not(.prev):hover {
    background: #e7e9ea;
}

.kalendar table>tbody>tr>td.active-day {
    background: #007aca !important;
    color: #fff;
}

.kalendar table>tbody>tr>td.active-day:hover {
    background: #019ad3 !important;
    color: #fff;
}

.kalendar table>tbody>tr>td>.kalendar--balls {
    display: block;
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    bottom: 17px;
    height: 6px;
    text-align: center;
    padding: 0;
    margin: 0;
}

.kalendar table>tbody>tr>td>.kalendar--balls>.ball,
div.kalendar-akci--left>div>ul>li>span {
    display: inline-block;
    border-radius: 50%;
    width: 6px;
    height: 6px;
    margin: 0;
    padding: 0;
}

div.kalendar-akci--left>div>ul>li>span {
    margin-bottom: 1px;
}

.kalendar table>tbody>tr>td>.kalendar--balls>.ball.red,
div.kalendar-akci--left>div>ul>li>span.red {
    background: #f24903;
}

.kalendar table>tbody>tr>td>.kalendar--balls>.ball.blue,
div.kalendar-akci--left>div>ul>li>span.blue {
    background: #000;
}

.kalendar table>tbody>tr>td>.kalendar--balls>.ball.orange,
div.kalendar-akci--left>div>ul>li>span.orange {
    background: #f9a81a;
}

.kalendar table>tbody>tr>td>.kalendar--balls>.ball.green {
    background: #6fae1f;
}

.kalendar--legend {
    list-style: none;
    display: block;
    margin-top: 10px;
}

.kalendar--legend>li {
    display: inline-block;
    color: #666666;
    font-size: 0.8em;
    font-weight: 300;
    margin-right: 5px;
}

.kalendar--outside-link {
    padding: 15px 0 0 0;
    color: #007aca;
    font-size: 0.69em;
    text-decoration: underline;
    text-align: left;
    display: block;
}

.kalendar--controller {
    display: block;
    position: relative;
    width: 100%;
    height: 40px;
    background: #f8f8f8;
}

.kalendar--controller>.controller-arrow-left {
    display: block;
    position: absolute;
    width: 25px;
    height: 25px;
    /*background: url('/design/calendar/calendar-arrow-left.png') no-repeat center center;*/
    top: 50%;
    left: calc(50% + -80px);
    transform: translateY(-50%);
    text-align: center;
}

.kalendar--controller>.controller-arrow-right {
    display: block;
    position: absolute;
    width: 25px;
    height: 25px;
    /*background: url('/design/calendar/calendar-arrow-right.png') no-repeat center center;*/
    top: 50%;
    right: calc(50% + -80px);
    transform: translateY(-50%);
    text-align: center;
}

.kalendar--controller>.controller--heading {
    display: inline-block;
    position: absolute;
    width: auto;
    height: auto;
    font-size: 0.95em;
    font-weight: 400;
    color: #666666;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.kalendar-akci--left>.pocasi>a {
    display: block;
    width: 100%;
    text-decoration: none;
}

.kalendar-akci--left>.pocasi>a:after {
    display: table;
    clear: both;
    content: "";
}

.kalendar-akci--left>.pocasi>a>div {
    display: block;
    float: left;
}

.kalendar-akci--left>.pocasi>a>div>img {
    margin-top: 19px;
}

.kalendar-akci--left>.pocasi>a>div>span {
    display: block;
    width: 100%;
    text-align: left;
}

.kalendar-akci--left>.pocasi>a>div>span:nth-of-type(1) {
    font-size: 3.75em;
    font-weight: 300;
    color: #666666;
}

.kalendar-akci--left>.pocasi>a>div>span:nth-of-type(2) {
    font-size: 0.8125em;
    font-weight: 400;
    padding-left: 9px;
    color: #666666;
}

.kalendar-akci--right>.kalendar-akci--tabs {
    list-style: none;
    display: block;
}

.kalendar-akci--right>.kalendar-akci--tabs:after {
    display: table;
    clear: both;
    content: "";
}

.kalendar-akci--right>.kalendar-akci--tabs>li {
    display: block;
    position: relative;
    float: left;
    width: calc(100% / 3);
    padding: 0;
    margin: 0;
    background: #f8f8f8;
    color: #000;
}

.kalendar-akci--right>.kalendar-akci--tabs>li.has-arrow {
    background: #007aca;
    color: #fff;
}

.kalendar-akci--right>.kalendar-akci--tabs>li.has-arrow:after,
.kalendar-akci--right>.kalendar-akci--tabs>li.has-arrow:before {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.kalendar-akci--right>.kalendar-akci--tabs>li.has-arrow:after {
    border-color: rgba(0, 0, 0, 0);
    border-top-color: #007aca;
    border-width: 11px;
    margin-left: -11px;
}

.kalendar-akci--right>.kalendar-akci--tabs>li.has-arrow:before {
    border-top-color: rgba(0, 0, 0, 0);
    border-width: 12px;
    margin-left: -12px;
}

.kalendar-akci--right>.kalendar-akci--tabs>li>a {
    display: block;
    padding: 11px 0;
    text-decoration: none;
    font-weight: 400;
    text-align: center;
    font-size: 0.875em;
    color: inherit;
}

@media screen and (max-width:777px) {
    .kalendar-akci--right>.kalendar-akci--tabs>li>a {
        font-size: 0.9em;
    }
}

.kalendar-akci--right>.kalendar-akci--tabs>li>a:hover {
    background: #007aca;
    color: #fff;
}

.kalendar-akci--right>.kalendar-akci--events {
    height: 358px;
    padding: 35px 15px 0 0;
    margin: 15px 0 0 0;
    overflow-y: auto;
    overflow-x: hidden;
}

.kalendar-akci--right>.kalendar-akci--events>article {
    display: block;
    width: 100%;
    height: auto;
    margin-bottom: 30px;
}

.kalendar-akci--right>.kalendar-akci--events>article>a {
    display: block;
    width: 100%;
    height: auto;
    text-decoration: none;
}

.kalendar-akci--right>.kalendar-akci--events>article>a:after {
    content: "";
    display: table;
    clear: both;
}

.kalendar-akci--right>.kalendar-akci--events>article>a>time {
    float: left;
    font-size: 1.5em;
    font-weight: 600;
    color: #000;
    text-align: center;
    padding: 0 16px;
    width: 84px;
    overflow: hidden;
}

.kalendar-akci--right>.kalendar-akci--events>article>a>time>span {
    display: block;
    font-size: 0.5em;
    font-weight: 400;
    color: #5d5d5d;
}

.kalendar-akci--right>.kalendar-akci--events>article>a>section {
    float: left;
    width: calc(100% - 89px);
}

.kalendar-akci--right>.kalendar-akci--events>article>a>section>h3 {
    color: #000;
    font-size: 1.375em;
    margin-bottom: 0;
    padding-bottom: 0;
}

.kalendar-akci--right>.kalendar-akci--events>article>a>section>p {
    color: #5d5d5d;
    font-size: 0.9375em;
}

.kalendar-akci--right>.kalendar-akci--events>article>a>span {
    color: #007aca;
    font-size: 0.8125em;
    text-decoration: underline;
}

@media screen and (max-width:750px) {
    .kalendar-akci-content-wrapper-green-bar {
        display: block;
        position: static;
        margin-top: 53px;
    }

    .shadow-bg-with-arrow.kalendar-akci-bg {
        background: #fff url('/webfiles/pozadi/kalendar-akci-pozadi.png') no-repeat center center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        min-height: 100%;
        position: relative;
        padding-bottom: 0;
    }

    .kalendar-akci-content-wrapper>.content {
        height: auto;
    }

    .kalendar-akci--left {
        float: none;
        margin: 0 auto;
    }

    .kalendar-akci--right {
        float: none;
        display: block;
        width: 100%;
    }
}

@media screen and (max-width:410px) {
    .kalendar-akci--left {
        width: 100%;
    }

    .kalendar--controller>.controller--heading {
        font-size: 1em;
    }
}

table td {
    vertical-align: top;
}

h2.cat-h2 {
    margin: 30px 0 20px 0;
}

/*----------------------------
  TIPY NA VÝLET DOPORUČUJEME
----------------------------*/

/*.goofy-map > .goofy-map--highlights > ul {
    list-style:none;
}

.goofy-map > .goofy-map--highlights > ul:after {
    display:table;
    clear:both;
    content:"";
}

.goofy-map > .goofy-map--highlights > ul > li {
    display:block;
    width:calc((100% - 11px) / 6);
    height:200px;
    margin:0 1px;
    padding:0;
    float:left;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    cursor:pointer;
}

.goofy-map > .goofy-map--highlights > ul > li:first-child {
    margin:0 1px 0 0;
}

.goofy-map > .goofy-map--highlights > ul > li:last-child {
    margin:0 0 0 1px;
}

@media screen and (max-width:800px) {
    .goofy-map > .goofy-map--highlights > ul > li {
        width:calc((100% - 4px) / 3);
    }
    .goofy-map > .goofy-map--highlights > ul > li:nth-child(3),
    .goofy-map > .goofy-map--highlights > ul > li:nth-child(6) {
        margin:0 0 0 1px;
    }
    .goofy-map > .goofy-map--highlights > ul > li:nth-child(4) {
        margin:0 1px 0 0;
    }
    .goofy-map > .goofy-map--highlights > ul > li:nth-child(1),
    .goofy-map > .goofy-map--highlights > ul > li:nth-child(2),
    .goofy-map > .goofy-map--highlights > ul > li:nth-child(3) {
        margin-bottom:2px;
    }
}

@media screen and (max-width:400px) {
    .goofy-map > .goofy-map--highlights > ul > li {
        width:100%;
        margin:0 0 2px 0 !important;
    }
    .goofy-map > .goofy-map--highlights > ul > li:last-child {
        margin:0 !important;
    }
}*/

/*-------------------
  INTERAKTIVNÍ MAPA
-------------------*/

.interactive-map-page-wrapper {
    background: #e7e9ea;
}

.interaktivni-mapa {
    display: none;
    height: 58px;
}

/* .interaktivni-mapa.owl-carousel .item:first-child {
    border-left:solid 1px #fff;
} */

.interaktivni-mapa.owl-carousel .item {
    display: block;
    width: 100%;
    /*line-height: 1.125em;*/
    font-size: 0.875em;
    padding: 0;
    margin-bottom: 0;
    background-color: #e7e9ea;
    color: #000000;
    cursor: pointer;
    /*border-right:solid 1px #fff;*/
    text-align: center;
    position: relative;
    height: 58px;
    font-weight: 300;
}

.interaktivni-mapa.owl-carousel .item.selected {
    background-color: #007aca;
    color: #fff;
}

.interaktivni-mapa.owl-carousel .item.selected:after,
.interaktivni-mapa.owl-carousel .item.selected:before {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    z-index: 10;
    /*pointer-events: none;*/
}

.interaktivni-mapa.owl-carousel .item.selected:after {
    border-color: rgba(0, 0, 0, 0);
    border-top-color: #007aca;
    border-width: 25px;
    margin-left: -25px;
}

.interaktivni-mapa.owl-carousel .item.selected:before {
    border-top-color: #007aca;
    border-width: 26px;
    margin-left: -26px;
}

.interaktivni-mapa.owl-carousel .item>span {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    font-size: 1.0625em;
    font-weight: 400;
    text-align: center;
}

.interaktivni-mapa.owl-carousel .item>span>img {
    display: inline-block;
    width: auto;
    margin-right: 10px;
}

.interaktivni-mapa.owl-carousel .item>span>span {
    display: inline-block;
    position: relative;
    text-align: left;
    top: 50%;
    transform: translateY(-50%);
}

.interaktivni-mapa.owl-carousel .item:not(.selected):hover {
    background-color: #d2d2d2;
}

/*.interaktivni-mapa.owl-carousel .item.selected {
    color:#fff !important;
    background-color:#22769a;
}*/

.interaktivni-mapa.owl-carousel .item {
    color: #000;
}

.interaktivni-mapa.owl-carousel .item.selected:before,
.interaktivni-mapa.owl-carousel .item.selected:after {
    border-top-color: #007aca;
    color: #fff;
}

/*-------------------------
  TIPY NA VÝLET - POINTER
-------------------------*/

.tipy-na-vylet--pointer {
    text-align: center;
}

.tipy-na-vylet--pointer>h2 {
    font-size: 1em;
    color: #000;
    margin-bottom: 10px;
    text-align: center;
    font-weight: bold;
}

/*-----------------
  HLAVNÍ NAVIGACE
-----------------*/

.header-big-menu {
    background: #007aca;
}

.main-nav {
    width: 100%;
    height: auto;
    display: block;
    background: #007aca;
    position: relative;
}

.main-nav.slider-menu {
    background: none;
    z-index: 6;
}

.main-nav:after {
    content: "";
    clear: both;
    display: table;
}

.main-nav>li {
    display: block;
    float: left;
}

.main-nav>li:hover>a {
    background: #006BB3;
}

.main-nav.slider-menu>li:hover>a {
    background: rgba(0, 0, 0, 0.5);
}

.main-nav>li.selected {
    background: #006BB3;
}

.main-nav.slider-menu>li.selected {
    background: rgba(0, 0, 0, 0.5);
}

.main-nav>li>a {
    display: block;
    font-family: 'bebas_neue_regularregular', sans-serif;
    font-size: 1.5em;
    font-weight: 500;
    color: #fff;
    /* padding: 25px 12px; */
    padding: 25px 29px;
    position: relative;
}

.main-nav.slider-menu>li>a {
    /* padding: 39px 12px 25px 12px; */
    padding: 39px 29px 25px 29px;
}

@media screen and (max-width:1200px) {
    .main-nav>li>a {
        padding: 25px 12px;
    }

    .main-nav.slider-menu>li>a {
        padding: 39px 12px 25px 12px;
    }
}


.main-nav>li:not(.selected)>a:after {
    position: absolute;
    content: "";
    display: block;
    background: rgba(207, 207, 207, 0.5);
    width: 1px;
    right: 0;
    bottom: 5px;
    top: 5px;
}

.main-nav>li.after-selected>a:before {
    position: absolute;
    content: "";
    display: block;
    background: rgba(207, 207, 207, 0.5);
    width: 1px;
    left: 0;
    bottom: 5px;
    top: 5px;
}

.main-nav>li:last-child>a:after {
    content: none;
    display: none;
}

.main-nav>li.attach-icon.icon--prakticke>a {
    padding: 25px 28px 25px 51px;
}

.main-nav.slider-menu>li.attach-icon.icon--prakticke>a {
    padding: 39px 28px 25px 51px;
}

.main-nav>li.attach-icon.icon--e-mapa>a {
    padding: 25px 28px 25px 51px;
}

.main-nav.slider-menu>li.attach-icon.icon--e-mapa>a {
    padding: 39px 28px 25px 51px;
}

.main-nav>li.has-dropdown>.main-dropdown-nav>.nav--col-third {
    display: block;
    float: left;
    width: 33.333333332%;
}

.main-nav>li.has-dropdown>.main-dropdown-nav {
    display: none;
}

.main-nav>li.has-dropdown:hover>.main-dropdown-nav {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    background: #006BB3;
    height: auto;
    z-index: 999;
    padding-top: 30px;
    padding-bottom: 30px;
}

.main-nav>li.has-dropdown:hover>.main-dropdown-nav:before {
    content: "";
    display: block;
    width: 400%;
    position: absolute;
    left: -200%;
    z-index: -1;
    top: 0;
    bottom: 0;
    background: #006BB3;
}

.main-nav>li.has-dropdown:hover>.main-dropdown-nav {
    background: none;
}

.main-nav.slider-menu>li.has-dropdown:hover>.main-dropdown-nav:before {
    height: 600px;
    background: rgba(0, 0, 0, 0.5);
}

.main-nav>li.has-dropdown:hover>.main-dropdown-nav:after {
    clear: both;
    display: table;
    content: "";
}

.main-nav>li.has-dropdown:hover>.main-dropdown-nav>.nav--col-third>li {
    display: block;
}

.main-nav>li.has-dropdown:hover>.main-dropdown-nav>.nav--col-third>li>a {
    font-family: 'Roboto Slab', sans-serif;
    font-size: 1.1em;
    font-weight: 700;
    color: #fff;
}

.main-nav>li.has-dropdown:hover>.main-dropdown-nav>.nav--col-third>li>.main-dropdown-children-nav,
.main-nav>li.has-dropdown:hover>.main-dropdown-nav>.nav--col-third>li {
    margin-bottom: 15px;
}

.main-nav>li.has-dropdown:hover>.main-dropdown-nav>.nav--col-third>li>.main-dropdown-children-nav>li {
    list-style-type: disc;
    color: #fff;
    margin: 4px 0 4px 20px;
    padding: 0 20px 0 0;
}

.main-nav>li.has-dropdown:hover>.main-dropdown-nav>.nav--col-third>li>.main-dropdown-children-nav>li>a {
    color: #fff;
    font-size: 0.9375em;
}

.main-nav>li.has-dropdown:hover>.main-dropdown-nav>.nav--col-third>li>.main-dropdown-children-nav>li>a:hover {
    text-decoration: underline;
}

@media screen and (max-width:1010px) {
    .main-nav>li>a {
        font-size: 1.15em;
    }

    .main-nav>li.has-dropdown:hover>.main-dropdown-nav {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media screen and (max-width:900px) {
    .main-nav>li>a {
        font-size: 0.9em;
    }
}

@media screen and (max-width:800px) {
    .main-nav {
        display: none;
    }

    .main-nav>li {
        width: 100%;
        float: none;
        text-align: center;
    }

    .main-nav>li:not(.selected)>a:after {
        display: none;
    }

    .main-nav>li.has-dropdown:hover>.main-dropdown-nav {
        display: none;
    }
}

/*-------------------------------
  SUB-NAV - POD HLAVNÍ NAVIGACÍ
-------------------------------*/

.sub-nav {
    position: relative;
    padding: 20px 0;
    background: #006BB3;
    z-index: 1;
}

.sub-nav:before {
    content: "";
    display: block;
    width: 400%;
    position: absolute;
    left: -200%;
    z-index: -1;
    top: 0;
    bottom: 0;
    background: #006BB3;
}

.sub-nav:after {
    display: table;
    clear: both;
    content: "";
}

.sub-nav>li {
    float: left;
    color: rgba(255, 255, 255, 0.8);
    list-style-type: square;
    margin: 0 20px 0 15px;
}

.sub-nav>li>a {
    font-size: 0.9375em;
    font-weight: 300;
    color: rgba(255, 255, 255, 0.8);
}

.sub-nav>li:hover>a {
    text-decoration: underline;
}

@media screen and (max-width:1000px) {
    .sub-nav {
        padding: 20px 20px;
    }
}

/*------------------------------------------
  MOBILE-NAV - mobilní tlačítko a navigace
------------------------------------------*/

.toggle-mobile-nav {
    display: none;
}

@media screen and (max-width:800px) {
    .toggle-mobile-nav {
        display: block;
        width: 100%;
        height: auto;
        padding: 20px 0;
        background: #007aca;
        border: 0;
        font-family: 'Roboto Slab', sans-serif;
        font-size: 0.9375em;
        font-weight: 400;
        cursor: pointer;
        color: #fff;
    }

    .toggle-mobile-nav:hover {
        background: rgba(1, 141, 192, 0.5);
    }

    .toggle-mobile-nav.active {
        background: #006BB3;
    }
}

/*-----------------------
  TAKÉ VÁS MŮŽE ZAJÍMAT
-----------------------*/

.mks_parts {
    margin: 110px auto 0 auto;
    height: auto;
    text-align: center;
    width: 100%;
}

.mks_parts a {
    color: #000;
    display: inline-block;
    font-size: 1.1rem;
    font-weight: 300;
    line-height: 1.2em;
    margin: 0 10px 10px 10px;
    text-decoration: none;
}

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

.mks_parts img {
    margin: 0 10px 10px 10px;
    max-width: 80px;
    vertical-align: middle;
    width: 100%;
}

.content>h1 {
    font-size: 2.5em;
    font-weight: 300;
    text-align: center;
    margin: 5px 0 30px 0;
}

.content.document-detail-content>h1 {
    text-align: left;
}

/*-------------
  BREADCRUMBS
-------------*/

.breadcrumbs-wrapper {
    /*background:#d6e8ed;*/
    padding: 15px 20px 0 20px;
}

.breadcrumbs-wrapper>div {
    border-bottom: 1px solid #e7e7e7;
}

.breadcrumbs {
    width: 100%;
    display: block;
    padding: 0 0 7px 0;
}

.breadcrumbs:after {
    content: "";
    display: table;
    clear: both;
}

.breadcrumbs>li {
    list-style: none;
    display: inline-block;
    line-height: 32px;
    height: 32px;
    padding: 0 5px;
    font-size: 0.75em;
    color: #757575;
    letter-spacing: 0.02em;
}

.breadcrumbs>li>a {
    color: inherit;
    text-decoration: none;
    font-size: inherit;
}

.breadcrumbs>li>a:hover {
    text-decoration: underline;
}

.breadcrumbs>li>a>i {
    margin: 0 0 3px 0;
    vertical-align: middle;
    display: inline-block;
    color: #c0c0c0;
    transition: color ease-in-out 300ms;
}

.breadcrumbs>li>a:hover>i {
    color: #000;
}

.breadcrumbs>li>img {
    display: inline-block;
    margin: 0;
    vertical-align: middle;
    max-width: 16px;
}

.breadcrumbs>li>a>img {
    height: 16px;
    vertical-align: middle;
}

/*--------------------------
  AFTER BREADCRUMBS RIBBON
--------------------------*/

.breadcrumbs-after-ribbon {
    width: 100%;
    height: 55px;
    background: url('/design/ribbon/small-down-with-shadow.png') no-repeat 50% 0px;
}

/*--------------------------------------
  PLACE HOLDER - TAKÉ VÁS MŮŽE ZAJÍMAT
--------------------------------------*/

.place-holder--take-vas-muze-zajimat {
    width: 100%;
    height: 600px;
}

/*------------------------------------
  CONTENT - STYLOVÁNÍ WYSIWYG OBSAHU
------------------------------------*/

.content>article p,
.content>div>p {
    display: block;
    width: 100%;
    font-size: 0.9375em;
    font-weight: 300;
    color: #000;
    line-height: 1.5625em;
    min-height: 25px;
}

.content>article ul {
    list-style: none;
    font-weight: 300;
    font-size: 0.9375em;
    font-weight: 300;
    color: #000;
}

.content>article ul li {
    line-height: 1.5625em;
    margin-bottom: 2px;
    list-style: none;
    font-size: inherit;
    position: relative;
    padding: 0 0 0 15px;
}

strong {
    font-weight: bold;
}

.content>article em,
em {
    font-style: italic;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
}

.content>article a {
    text-decoration: underline;
}

.content>article h3 {
    color: #007aca;
    font-size: 1.25em;
    font-weight: 300;
    padding-bottom: 6px;
    margin-bottom: 6px;
    margin-top: 9px;
}

.content>article ul li:before {
    content: "\002022";
    font-weight: 900;
    color: #8b8b8b;
    padding-right: 10px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
}

@media screen and (max-width:1020px) {
    .article-detail>.content>article p {
        padding-left: 10px;
        padding-right: 10px;
    }

    .article-detail>.content>article h2 {
        margin-left: 10px;
        margin-right: 10px;
    }

    .article-detail>.content>article ul {
        padding-left: 10px;
        padding-right: 10px;
    }
}

/*--------------
  EVENT RATING
--------------*/

#rating>img {
    cursor: pointer;
    margin: 0 1px;
}

.event-rating-table {
    color: #4c4c4c;
    margin: 25px 0;
    width: 100%;
}

.event-rating-table th,
.event-rating-table td {
    padding: 5px 0;
}

.event-rating-table th {
    font-weight: 300;
    text-align: left;
}

.event-rating-table>tfoot button {
    border: 0;
    cursor: pointer;
}

/*.event-rating-table > tfoot button {
    border: 0;
  margin: 0;
  padding: 0;
  float: none !important;
  cursor: pointer;
    display: block;
  background:#999999;
  width: 180px;
    min-width: 140px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 15px;
  text-decoration: none;
  color:#FFF;
    font-weight:300;
}

.event-rating-table > tfoot button:hover {
  background:#287bc4;
}

.event-rating-table > tfoot button:after {
  content: " ";
  display: block;
  position: relative;
  float: left;
  width: 40px;
  height: 40px;
  background:#333333 url("/design/image_button_show_all.png") no-repeat 15px center;
}

.event-rating-table > tfoot button:hover:after {
  background:#333333 url("/design/image_button_show_all_hover.png") no-repeat 15px center;
}*/

.event-rating-table>tbody td {
    vertical-align: middle;
    font-weight: 300;
}

.event-rating-table>tbody td:nth-child(odd) {
    min-width: 180px !important;
    width: 220px;
}

.event-rating-table>tbody td>textarea {
    resize: none;
    height: 105px;
    width: 100%;
}

@media screen and (max-width: 800px) {
    .event-rating-table {
        border: 0;
    }

    /*table:not(.events-table):not(.frontpage-calendar-unique) td, table:not(.events-table):not(.frontpage-calendar-unique) th { display: block; text-align: left; }*/
    .event-rating-table th:first-child,
    tfoot th:first-child,
    tbody td:first-child {
        text-align: left;
    }

    .event-rating-table>tbody td:nth-child(odd) {
        width: auto;
    }

    .event-rating-table>tbody td>textarea {
        height: 180px;
    }
}

.event-rating-detail {
    overflow: hidden;
    display: inline-block;
    font-size: 0;
    position: relative;
}

.event-rating-detail-input {
    float: right;
    width: 20px;
    height: 20px;
    padding: 0;
    margin: 0 0 0 -20px;
    opacity: 0;
}

.event-rating-detail:hover .event-rating-detail-star:hover,
.event-rating-detail:hover .event-rating-detail-star:hover~.event-rating-detail-star,
.event-rating-detail-input:checked~.event-rating-detail-star {
    background-position: 0 0;
}

.event-rating-detail-star,
.event-rating-detail:hover .event-rating-detail-star {
    position: relative;
    float: right;
    display: block;
    width: 20px;
    height: 20px;
    background: url('/design/rating/event_star.png') 0 -20px;
}

#event-rating-comment-wrap p {
    background-color: #f7f7f7;
    margin: 15px 5px;
    padding: 15px;
}

/*-----------------
  FOOTER .. STUFF
-----------------*/

.footer-special-wrapper {
    background: #fff;
}

.footer-bg-wrapper {
    height: 480px;
    background: #040b04 url("/design/footer-background-proper.jpg") no-repeat 50% 0;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.footer-bg-black-bar {
    width: 100%;
    height: 30px;
    background: #000;
    margin-top: 3vmin;
}

.footer-content-wrapper {
    background: #040b04;
    -webkit-box-shadow: 0px 0px 50px 6px #040b04;
    -moz-box-shadow: 0px 0px 50px 6px #040b04;
    box-shadow: 0px 0px 50px 6px #040b04;
}

/*------
  MISC
------*/

.no-pointer-cursor {
    cursor: default;
}

/*---------------------
  HAMBURGER MENU ICON
---------------------*/

.mobile-nav-listener {
    display: none;
    width: 50px;
    height: 35px;
    opacity: 0.5;
    padding: 7px 0 0 10px;
}

.mobile-nav-listener img {
    height: 20px;
    width: 20px;
}

.header-bar>div>section.left a.mobile-nav-listener {
    display: none;
}

@media screen and (max-width:800px) {
    .header-bar>div>section.left a.mobile-nav-listener {
        display: block;
        float: left;
    }
}

/*-------------
  VYHLEDÁVÁNÍ
-------------*/

#search-nav,
#main-mobile-nav {
    display: block;
    position: fixed;
    width: 350px;
    height: 100%;
    top: 0;
    bottom: 0;
    transition: all ease-in-out 300ms;
    background: #006BB3;
    z-index: 999999999;
    padding: 60px 15px 15px 15px;
    color: #fff;
    -webkit-box-shadow: -10px 0 1.5rem 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: -10px 0 1.5rem 0 rgba(0, 0, 0, 0.25);
    box-shadow: -10px 0 1.5rem 0 rgba(0, 0, 0, 0.25);
}

#search-nav {
    right: -370px;
}

#main-mobile-nav {
    left: -370px;
}

@media screen and (max-width:350px) {

    #search-nav,
    #main-mobile-nav {
        width: 100%;
    }
}

#search-nav>.pane-heading,
#main-mobile-nav>.pane-heading {
    position: absolute;
    width: calc(100% - 60px);
    height: 50px;
    line-height: 50px;
    color: #FFF;
    top: 0;
    left: 0;
    padding-left: 15px;
    font-weight: 300;
    font-size: 1.2em;
}

#search-nav #search-box {
    display: block;
    border: 0;
    width: 100%;
    height: 40px;
    line-height: 40px;
    margin: 0 0 5px 0;
    padding: 0 15px;
}

/*---------
  ZAVŘENÍ
---------*/

.close-nav-listener {
    position: absolute;
    top: 15px;
    right: 0;
    width: 50px;
    height: 50px;
    /*background: url('../design/icon/close.svg') no-repeat center center;*/
    background-size: 20px 20px;
}

.close-nav-listener img {
    max-width: 20px;
    max-height: 20px;
}

#main-nav {
    overflow-y: auto;
    height: 100%;
}

/*--------------------
  SEARCH NAV RESULTS
--------------------*/

.search-nav-results {
    list-style: none;
    max-height: 100%;
    overflow-y: auto;
}

.search-nav-results>li>a {
    display: block;
    padding: 20px 5px;
    text-align: left;
    color: #fff;
    font-size: 1em;
    font-weight: 300;
    text-decoration: none;
    margin-top: 5px;
}

.search-nav-results>li>a>span {
    display: inline-block;
    font-size: 0.7em;
    padding: 0 15px 0 0;
    border-right: 1px solid #fff;
    margin-right: 15px;
}

.search-nav-results>li:hover>a {
    background: rgba(255, 255, 255, 0.1);
}

/*----------------------
  MOBILNÍ MENU - STYLY
----------------------*/

#main-nav ul {
    list-style: none;
}

#main-nav * {
    font-size: 1em;
    font-weight: 300;
    color: inherit;
    text-decoration: inherit;
}

#main-nav>li {
    display: block;
    float: none;
}

#main-nav ul {
    padding-left: 25px;
}

#main-nav li a {
    display: block;
    padding: 5px 0;
}

#main-nav a:hover {
    text-decoration: underline;
}

#main-nav>li>a {
    padding-left: 5px;
    border-left: 1px solid rgba(0, 0, 0, 0);
}

#main-nav>li>a:hover {
    text-decoration: none;
    border-left: 1px solid #fff;
}

.uredni-deska--listen-for-text-change,
.article--listen-for-text-change,
.phonebook--listen-for-text-change,
.life-sit--listen-for-text-change,
.guilds--listen-for-text-change {
    border: 0;
    padding: 3px 10px;
    margin: 0;
    background: #fff;
    border-bottom: solid 2px #007aca;
    min-width: 160px;
    font-family: 'Roboto Slab', sans-serif;
    font-weight: 300;
    color: #000;
    font-size: 1.1em;
}

.filter-text-hidden,
.filter-category-hidden,
.filter-date-from-hidden,
.filter-date-till-hidden {
    display: none !important;
    /* musí být !important z důvodu pozdní implementace této feature do html struktury kterou již nelze změnit */
}

/*-----------
  GOOFY-MAP
-----------*/

.goofy-map {
    display: block;
    width: 100%;
    height: auto;
    background: #006BB3;
}

.goofy-map:after {
    display: table;
    clear: both;
    content: "";
}

.goofy-map>.goofy-map--right-section>.goofy-map--google-map {
    display: block;
    width: 100%;
    height: 550px;
}

.goofy-map>.goofy-map--highlights {
    display: block;
    width: 100%;
    height: auto;
}

.goofy-map>.goofy-map--right-section {
    display: block;
    width: calc(100% - 256px);
    margin: 0;
    height: auto;
    float: left;
    border-left: 2px solid #fff;
    background: #fff;
}

.goofy-table {
    margin: 50px 0 0 0;
}

.goofy-map>.goofy-map--menu {
    display: block;
    float: left;
    width: 256px;
    overflow: hidden;
    overflow-y: auto;
    height: 100%;
}

.goofy-map>.goofy-map--menu>ul>li>ul {
    display: none;
    padding: 0px 0 20px 0;
}

.goofy-map>.goofy-map--menu>ul>li>ul.active {
    display: block;
}

.goofy-map>.goofy-map--menu>ul>li>a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 10px 10px 10px 30px;
    font-family: "Roboto";
    font-weight: 500;
    color: #fff;
    font-size: 1em;
}

.goofy-map>.goofy-map--menu>ul>li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.goofy-map>.goofy-map--menu>ul>li.has-children>a {
    background: url('/design/goofymap/goofy_map_has_children_closed.png') no-repeat calc(100% - 13px) 50%;
}

.goofy-map>.goofy-map--menu>ul>li.has-children.opened>a {
    background: url('/design/goofymap/goofy_map_has_children_open.png') no-repeat calc(100% - 13px) 50%;
}

/* .goofy-map>.goofy-map--menu>ul>li.folder {} */

/* .goofy-map>.goofy-map--menu>ul>li.item {} */

.goofy-map>.goofy-map--menu>ul>li.item.active {
    background: #007aca;
}

.goofy-map>.goofy-map--menu>ul>li>ul>li>a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 2px 10px 2px 55px;
    font-size: 0.9em;
    font-weight: 300;
    color: #fff;
}

.goofy-map>.goofy-map--menu>ul>li>ul>li.item {
    background: url('/design/goofymap/goofy_map_inside_menu_bg_block.png') no-repeat 30px 9px;
}

.goofy-map>.goofy-map--menu>ul>li>ul>li.item.active {
    background: #007aca url('/design/goofymap/goofy_map_inside_menu_bg_block.png') no-repeat 30px 9px;
}

/*TIPY NA VÝLET DOPORUČUJEME*/

/*.goofy-map > .goofy-map--highlights {
    width:100%;
    max-width:1920px;
    margin:0 auto;
    margin-bottom:1px;
}*/

.goofy-map>.goofy-map--right-section>.goofy-map--highlights>ul {
    list-style: none;
}

.goofy-map>.goofy-map--right-section>.goofy-map--highlights>ul:after {
    display: table;
    clear: both;
    content: "";
}

.goofy-map>.goofy-map--right-section>.goofy-map--highlights>ul>li {
    display: block;
    width: calc((100% - 11px) / 6);
    height: 200px;
    margin: 0 1px;
    padding: 0;
    float: left;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
}

.goofy-map>.goofy-map--right-section>.goofy-map--highlights>ul>li>a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}

.goofy-map>.goofy-map--right-section>.goofy-map--highlights>ul>li>a>span {
    display: block;
    padding: 5px 10px;
    width: 100%;
    position: absolute;
    bottom: 0;
    text-align: center;
    color: #fff;
    font-weight: 300;
    font-size: 1em;
    background: rgba(0, 0, 0, 0.4);
}

.goofy-map>.goofy-map--right-section>.goofy-map--highlights>ul>li:first-child {
    margin: 0 1px 0 0;
}

.goofy-map>.goofy-map--right-section>.goofy-map--highlights>ul>li:last-child {
    margin: 0 0 0 1px;
}

@media screen and (max-width:800px) {
    .goofy-map>.goofy-map--right-section>.goofy-map--highlights>ul>li {
        width: calc((100% - 4px) / 3);
    }

    .goofy-map>.goofy-map--right-section>.goofy-map--highlights>ul>li:nth-child(3),
    .goofy-map>.goofy-map--right-section>.goofy-map--highlights>ul>li:nth-child(6) {
        margin: 0 0 0 1px;
    }

    .goofy-map>.goofy-map--right-section>.goofy-map--highlights>ul>li:nth-child(4) {
        margin: 0 1px 0 0;
    }

    .goofy-map>.goofy-map--right-section>.goofy-map--highlights>ul>li:nth-child(1),
    .goofy-map>.goofy-map--right-section>.goofy-map--highlights>ul>li:nth-child(2),
    .goofy-map>.goofy-map--right-section>.goofy-map--highlights>ul>li:nth-child(3) {
        margin-bottom: 2px;
    }
}

@media screen and (max-width:400px) {
    .goofy-map>.goofy-map--right-section>.goofy-map--highlights>ul>li {
        width: 100%;
        margin: 0 0 2px 0 !important;
    }

    .goofy-map>.goofy-map--right-section>.goofy-map--highlights>ul>li:last-child {
        margin: 0 !important;
    }
}

.goofy-table .articles.v2>.article .article--section:nth-of-type(3) p {
    max-height: 2.875em;
}

@media screen and (max-width:800px) {
    .goofy-map>.goofy-map--right-section {
        border-left: 0;
        width: 100%;
        float: none;
        border-top: 2px solid #fff;
    }

    .goofy-map>.goofy-map--menu {
        float: none;
        width: 100%;
    }
}

/********************************
        informace o místě
       (added by Liborek)
********************************/

.content .place_information {
    margin: 0 auto 50px auto;
    float: left;
    height: auto;
    text-align: left;
    width: 100%;
}

/* texty */

.content .place_information p {
    color: #4c4c4c;
    font-size: 0.95em;
    font-weight: 300;
    line-height: 1.6em;
}

.content .place_information p strong {
    font-weight: 700;
}

.content .place_information a:link,
.content .place_information a:visited {
    color: #287BC4;
    font-size: 0.95rem;
    font-weight: 300;
    line-height: 1.6em;
    text-decoration: underline;
}

.content .place_information a:hover {
    text-decoration: underline;
}

/* obrázek v levo */

.content .place_information_image {
    height: auto;
    float: left;
    width: 50%;
}

.content .place_information_image img {
    height: auto;
    width: 100%;
}

/* tabulka vpravo*/

.content .place_information_table {
    height: auto;
    float: right;
    padding: 0 0 0 10px;
    width: 50%;
}

.content article .place_information_table {
    height: auto;
    float: none;
    padding: 0;
    width: 50%;
}

.content .place_information_table.odbor {
    padding: 0;
}

.content .place_information_table.full_width {
    float: none;
    width: 100%;
}

.content .place_information_table.odbor table {
    font-family: 'Roboto Slab', sans-serif;
    font-weight: 400;
}

.content .place_information_table table {
    border-collapse: collapse;
    border: none;
    height: auto;
    width: 100%;
}

.content .place_information_table table tr {
    border-bottom: solid 2px #fff;
}

.content .place_information_table.odbor table tr {
    border-bottom: solid 3px #fff;
}

.content .place_information_table table th {
    display: table-cell;
    background: #ebf6fa;
    padding: 5px 10px 5px 10px;
    text-align: center;
    vertical-align: middle;
    font-weight: 300;
}

.content .place_information_table.full_width.mks table th {
    width: 120px;
}

.content .place_information_table.odbor table th {
    width: 96px;
    background: #ebf6fa;
}

.content .place_information_table.odbor a {
    color: #007aca;
}

.content .place_information_table.odbor--summary table th {
    text-align: left;
    text-transform: uppercase;
    border-right: 3px solid #fff;
    font-size: 0.9375em;
    width: 33.33333332%;
}

.content .place_information_table.odbor--summary table img {
    margin: 0 26px 0 4px;
}

.content .place_information_table table td {
    background: #fff;
    padding: 5px 10px 5px 20px;
    text-align: left;
    vertical-align: middle;
}

.content .place_information_table table img {
    height: auto;
    max-width: 50px;
    min-width: 40px;
    width: 100%;
    vertical-align: middle;
}

.content .place_information_table table td p {
    font-weight: 300;
}

.content .place_information_table.odbor table td {
    background: none;
}

.content .place_information_table table.odbor--summary--table td {
    vertical-align: top;
}

.content .place_information_table.odbor {
    margin-bottom: 75px;
}

.content .place_information_table.full_width.mks.document-detail table th {
    width: 160px;
    text-align: left;
}

@media screen and (max-width: 830px) {
    .content .place_information_table.odbor--summary table img {
        display: none;
    }
}

@media screen and (max-width: 800px) {
    .content .place_information_image {
        width: 100%;
    }

    .content .place_information_table {
        padding: 0;
        width: 100%;
    }
}

@media screen and (max-width:600px) {
    .content .place_information_table.odbor--summary table th {
        font-size: 0.625em;
        /*word-break: break-all;*/
    }

    .content .place_information_table.odbor--summary table img {
        margin: 0 10px 0 0px;
        max-width: 42px;
        min-width: auto;
    }

    .content .place_information_table table td {
        padding: 5px 10px 5px 10px;
    }
}

@media screen and (max-width:500px) {
    .content .place_information_table.odbor--summary table td {
        padding: 0px 0px 0px 3px;
        font-size: 0.8em;
    }
}

.evstupenky-forward>form>button {
    background: none;
    color: #287BC4;
    font-weight: 300;
    font-size: 1em;
}

.content>article a.article-link-more {
    text-decoration: none;
}

.content>article a.article-link-more:hover {
    text-decoration: underline;
}

/*.content > article a.article-link-more:hover > span > em {
    text-decoration:underline;
}*/

sup {
    vertical-align: super;
    font-size: 0.7em;
}

/*----------------
  SLIDER-WARNING
----------------*/

.slider-warning {
    display: block;
    width: 100%;
    height: auto;
    text-align: center;
    padding: 16px 0;
    font-weight: 300;
    font-size: 1.125em;
    text-transform: uppercase;
    background: #007aca;
    color: #fff;
}

.slider-warning>p {
    position: relative;
    display: block;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    font-size: inherit;
    font-weight: inherit;
}

.slider-warning>p>a {
    display: block;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    text-decoration: none;
}

.slider-warning>p>a>img {
    width: 20px;
    height: 20px;
}

@media screen and (max-width:980px) {
    .slider-warning {
        top: 0;
    }

    .slider-warning>p {
        padding: 0 40px;
    }
}

/*
    FRONTPAGE TIPS
*/

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

.frontpage-tips>div>h2 {
    font-size: 2.5em;
    font-weight: 300;
}

.frontpage-tips>div>description {
    display: block;
    font-size: 1em;
    font-weight: 300;
    padding: 11px 0 29px 0;
}

p.frontpage-tips--go-further-link-wrapper {
    text-align: right;
    padding-right: 25px;
    margin: 0 0 40px 0;
}

.frontpage-tips--go-further-link {
    display: inline-block;
    position: relative;
    background: #ebf6fa;
    padding: 9px 14px;
    height: 40px;
    font-size: 0.875em;
}

.frontpage-tips--go-further-link:hover {
    text-decoration: underline;
}

.frontpage-tips--go-further-link>.arrow-right {
    display: block;
    position: absolute;
    right: -20px;
    top: 0;
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 20px solid #ebf6fa;
}

@media screen and (max-width:1030px) {
    .frontpage-tips {
        padding: 0 10px;
    }
}

/*--------------
  PREMIUM-TIPS
--------------*/

.premium-tips {
    display: block;
    width: 100%;
    padding: 0 6px;
}

.premium-tips:after {
    clear: both;
    content: "";
    display: table;
}

.premium-tips>li {
    display: block;
    float: left;
    position: relative;
    width: calc(25% - 8px);
    height: 230px;
    margin: 0 4px;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    font-family: 'Roboto Slab', sans-serif;
}

.premium-tips>li>a {
    display: inline-block;
    position: absolute;
    left: 0;
}

.premium-tips>li>a.link {
    bottom: 3px;
    background: rgba(0, 0, 0, 0.5);
    font-size: 14px;
    font-weight: 600;
    padding: 9px 13px;
    color: #fff;
}

.premium-tips>li>a.place {
    bottom: 0;
    top: 0;
    right: 0;
    overflow: hidden;
}

.premium-tips>li>a.place>description {
    position: absolute;
    bottom: 43px;
    right: 27px;
    left: 0;
    font-size: 20px;
    padding: 16px 13px;
    background: rgba(0, 174, 239, 0.8);
    color: #fff;
    font-weight: 300;
}

.premium-tips>li>a.place>description>span {
    position: absolute;
    right: 17px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 21px;
    font-weight: 300;
    color: rgba(255, 255, 255, 0.8);
}

.premium-tips>li>a.place>description:hover>span {
    color: #fff;
}

@media screen and (max-width:1170px) {
    .premium-tips>li>a.link {
        font-size: 12px;
    }
}

@media screen and (max-width:1000px) {
    .premium-tips>li {
        width: calc(50% - 8px);
        margin: 4px 4px;
    }
}

@media screen and (max-width:550px) {
    .premium-tips>li {
        width: calc(100% - 8px);
        margin: 4px 4px;
    }
}

/*----------------------------------------
  FRONTPAGE HORIZONTAL POLL - anketa v.2
----------------------------------------*/

.frontpage-horizontal-poll>div>h2 {
    font-size: 2.875em;
    font-weight: 300;
    color: #000;
    text-align: center;
    font-family: 'Roboto Slab', sans-serif;
    padding: 0;
    margin: 0;
}

.frontpage-horizontal-poll>div>h2:after,
.frontpage-horizontal-poll>div>h2:before {
    display: none;
}

.frontpage-horizontal-poll>div>div>description {
    display: block;
    font-size: 1em;
    font-weight: 300;
    padding: 11px 0 29px 0;
    text-align: center;
}

.content .place_information_table.full_width.mks.basic-table {
    width: 100%;
}

.content .place_information_table.full_width.mks.basic-table table th {
    min-width: 120px;
    background: #fff;
}

/*PAGINATION*/

.pagination {
    display: block;
    text-align: center;
}

.content .pagination>a,
.content .pagination>span {
    display: inline-block;
    text-align: center;
    padding: 4px 6px;
    background: #F6FDFF;
    border: solid 1px #D6E8ED;
    margin: 0 1px 2px 1px;
    color: #000 !important;
    font-size: 0.9em;
    letter-spacing: -0.05em;
    text-decoration: none;
}

.pagination>span.disabled {
    cursor: not-allowed;
}

.pagination>a.activeItem {
    background: #D6E8ED;
}

.pagination>a:hover {
    background: #eff5f7;
    text-decoration: none !important;
}

.databaze-firem>tr>.insideLink {
    padding: 0 !important;
}

.databaze-firem>tr>.insideLink.circle {
    color: #006BB3;
}

.databaze-firem>tr>td:nth-of-type(1)>a {
    color: #000;
}

.databaze-firem>tr>td>a {
    text-decoration: none;
}

.databaze-firem>tr>.insideLink>a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 10px 20px;
}

.formDatabazeFirem {
    margin: 0 0 40px 0;
}

.formDatabazeFirem:after {
    display: table;
    clear: both;
    content: "";
}

.formDatabazeFirem>fieldset {
    display: block;
    float: left;
    width: calc(100% / 3);
}

@media screen and (max-width:980px) {
    .formDatabazeFirem>fieldset {
        width: 50%;
    }
}

@media screen and (max-width:650px) {
    .formDatabazeFirem>fieldset {
        width: 100%;
    }
}

@media screen and (max-width: 600px) {
    .formDatabazeFirem>fieldset>label>div>select {
        width: calc(100% - 8px);
    }
}

.formDatabazeFirem>fieldset>label {
    cursor: pointer;
}

.formDatabazeFirem>fieldset>label>div>select {
    cursor: pointer;
    font-weight: 300;
}

/*OBRÁZEK V TABULCE*/

.single-image-row img {
    display: block;
    width: 100%;
    height: auto;
}

/*
  /kontakt
*/

.content-wrapper>div:after,
.row:after {
    clear: both;
    display: table;
    content: "";
}

.content-wrapper .col-full {
    width: 100%;
}

.content-wrapper .col-half {
    width: calc(50% - 22px);
    float: left;
}

.front-page .col-half {
    padding: 0 22px 0 0;
}

.front-page .col-half:nth-of-type(2) {
    padding: 0 0 0 22px;
}

@media screen and (max-width:800px) {
    .content-wrapper .col-half {
        width: 100%;
        float: none;
    }
}

/*GENERAL FORM*/

form fieldset {
    margin-bottom: 10px;
}

form label {
    display: block;
    width: 100%;
    font-weight: 300;
}

@media screen and (max-width:480px) {
    form:not(.event-filter-form) label {
        font-size: 0.8em;
    }
}

form:not(.event-filter-form) input {
    display: block;
    width: 300px;
    border: 0;
    margin: 0;
    padding: 0;
    float: left;
    background: #fff;
    border: 1px solid #969696;
    height: 30px;
    line-height: 30px;
    font-family: 'Roboto', sans-serif;
    color: #000;
    margin-top: 5px;
    padding: 0 5px;
}

form input[type="file"] {
    border: 0;
    border-left: solid 1px #969696;
}

form select {
    display: block;
    width: 300px;
    border: 0;
    margin: 0;
    padding: 0;
    float: left;
    background: #fff;
    border: 1px solid #969696;
    height: 30px;
    line-height: 30px;
    font-family: 'Roboto', sans-serif;
    color: #000;
    margin-top: 5px;
    padding: 0 5px;
}

select.uredni-deska--filter-month {
    display: inline-block;
    width: 150px;
    border: 0;
    margin: 0;
    padding: 0;
    background: #fff;
    border: 1px solid #969696;
    height: 30px;
    line-height: 30px;
    font-family: 'Roboto', sans-serif;
    color: #000;
    margin-top: 5px;
    padding: 0 5px;
}

form label>div>span {
    height: 14px;
    line-height: 14px;
    font-size: 14px;
    margin-left: 1px;
    margin-top: 5px;
    float: left;
}

form textarea {
    display: block;
    width: 300px;
    float: left;
    background: #fff;
    resize: vertical;
    min-height: 80px;
    line-height: 30px;
    font-family: 'Roboto', sans-serif;
    color: #000;
    margin-top: 5px;
    padding: 0 5px;
    border: 1px solid #969696;
}

form button {
    display: block;
    border: 0;
    margin: 0;
    padding: 0;
    float: none !important;
    cursor: pointer;
}

@media screen and (max-width:600px) {

    form:not(.event-filter-form) input,
    form:not(.event-filter-form) textarea {
        width: calc(100% - 8px);
    }
}

/*
    CONTENT-GALLERY - div obsahující fotogalerii
*/

.content>article>.content-gallery {
    display: block;
    width: 100%;
    margin: 50px 0;
}

.content>article>.content-gallery>div>.fotogalerie {
    list-style: none;
}

.content>article>.content-gallery>div>.fotogalerie:after {
    content: "";
    display: table;
    clear: both;
}

.content>article>.content-gallery>div>.fotogalerie>li {
    display: block;
    float: left;
    margin: 0 1% 1% 0;
    padding: 0;
    overflow: hidden;
    width: 19%;
    height: 150px;
}

.content>article>.content-gallery>div>.fotogalerie>li:before {
    content: none;
    display: none;
}

.content>article>.content-gallery>div>.fotogalerie>li img {
    width: 100%;
    height: 150px;
    height: auto;
    object-fit: cover;
}


@media screen and (max-width: 640px) {
    .content>article>.content-gallery>div>.fotogalerie>li {
        margin: 0 2% 2% 0;
        width: 48%;
    }
    
}



.button-form-submit {
    display: block;
    width: 100%;
    max-width: 300px;
    height: auto;
    text-align: center;
    background: #007aca;
    padding: 15px 0;
    font-weight: 300;
    font-size: 1em;
    color: #fff;
    transition: background ease-in-out 300ms;
    border: 0;
}

.button-form-submit:hover {
    background: #006BB3;
}

.content article p {
    font-weight: 300;
    min-height: 21px;
}

/*-----------
  PHONEBOOK
-----------*/

.content .place_information_table.full_width.mks.phonebook table th {
    width: 350px;
    text-align: left;
}

@media screen and (max-width:800px) {
    .content .place_information_table.full_width.mks.phonebook table tr {
        display: block;
    }

    .content .place_information_table.full_width.mks.phonebook table tr:after {
        clear: both;
        content: "";
        display: table;
    }

    .content .place_information_table.full_width.mks.phonebook table tr th {
        display: block;
        width: 100%;
    }

    .content .place_information_table.full_width.mks.phonebook table tr td {
        display: block;
        float: left;
        width: 25%;
        padding: 5px 10px 5px 10px;
    }
}

@media screen and (max-width:500px) {
    .content .place_information_table.full_width.mks.phonebook table tr td {
        width: 50%;
    }
}

@media screen and (max-width:300px) {
    .content .place_information_table.full_width.mks.phonebook table tr td {
        width: 100%;
    }
}

article table tr td,
article table tr th {
    font-weight: 300;
}

/*TABLE.event-page-detail*/

table.event-page-detail {
    font-weight: 300;
    text-decoration: none;
}

table.event-page-detail tr>td {
    padding: 10px 20px;
    background: #fff;
}

table.event-page-detail tr>td:nth-of-type(1) {
    background: #ebf6fa;
    padding: 10px 20px;
    color: #000;
}

/*SPECIAL TABLE - 1*/

table.special-1 {
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
}

table.special-1 a {
    display: block;
}

table.special-1 tbody>tr>td {
    width: 25%;
}

table.special-1.cols-5 tbody>tr>td {
    width: 20%;
}

@media screen and (max-width: 900px) {
    table.special-1 tbody>tr>td {
        display: block;
        float: left;
        width: 50%;
    }

    table.special-1.cols-5 tbody>tr>td {
        display: block;
        float: left;
        width: 50%;
    }

    table.special-1 tbody>tr:after {
        content: "";
        display: table;
        clear: both;
    }
}

@media screen and (max-width: 640px) {
    table.special-1 tbody>tr>td {
        display: block;
        float: none;
        width: 100%;
    }

    table.special-1.cols-5 tbody>tr>td {
        display: block;
        float: left;
        width: 100%;
    }

    table.special-1 tbody>tr:after {
        content: "";
        display: table;
        clear: both;
    }
}

table.special-1 tbody>tr img {
    max-width: 100%;
}

table.special-1.cols-3-same-img tbody>tr img {
    width: 100%;
    max-width: 225px;
}

@media screen and (max-width:900px) {
    table.special-1.cols-3-same-img tbody>tr img {
        max-width: 100%;
        width: auto;
    }
}

table.special-1 tbody>tr>td>a {
    display: block;
    padding: 30px 10px;
    text-decoration: none;
}

table.special-1 tbody>tr>td>a>p {
    color: #757575;
    font-size: 0.875em;
    line-height: 1.375em;
    font-weight: 300;
    text-align: center;
}

table.special-1 tbody>tr>td>a>p:nth-of-type(1) {
    margin-bottom: 20px;
}

table.special-1 tbody>tr>td>a>p:nth-of-type(2) {
    text-transform: uppercase;
    font-family: 'Roboto Slab', sans-serif;
    color: #00000e;
    font-size: 1.3em;
    padding: 5px 0 10px 0;
    text-align: center;
    font-weight: 300;
    min-height: 78px;
}

table.special-1 tbody>tr>td>a>p:nth-of-type(3) {
    padding: 0 15px;
    font-weight: 300;
}

table.special-1 tbody>tr>td>a:hover:not(.no-highlight),
table.special-1.two-col-table>tbody>tr:hover:not(.no-highlight)>td {
    background: #006BB3;
}

table.special-1 tbody>tr>td>a:hover:not(.no-highlight)>p:nth-of-type(1),
table.special-1 tbody>tr>td>a:hover:not(.no-highlight)>p,
table.special-1.two-col-table>tbody>tr:hover>td>a:not(.no-highlight)>p {
    color: #fff;
}

table.special-1 a:hover {
    text-decoration: none !important;
}

table.special-1.two-col-table {
    border-spacing: 0;
    border-collapse: collapse;
}

table.special-1 tbody>tr>td>a.no-highlight {
    cursor: default;
    pointer-events: none;
}

/*------------------------------
  PLACE-DETAIL - velký obrázek
------------------------------*/

.place-detail>.content>article>p:first-of-type>img {
    display: block;
    width: 100%;
    height: auto;
}

/*--------------
    PRETTY-TABLE
--------------*/

.pretty-table {
    display: block;
    width: 100%;
    height: auto;
    float: none;
}

.pretty-table>table {
    border-collapse: collapse;
    border: none;
    height: auto;
    width: 100%;
}

.pretty-table>table>tbody>tr,
.pretty-table>table>thead>tr {
    border-bottom: solid 2px #fff;
}

.pretty-table>table>tbody>tr>th,
.pretty-table>table>thead>tr>th {
    display: table-cell;
    background: #ebf6fa;
    padding: 5px 10px 5px 10px;
    text-align: left;
    vertical-align: middle;
    font-weight: 300;
}

.pretty-table>table>tbody>tr>td,
.pretty-table>table>thead>tr>td {
    background: #fff;
    padding: 5px 10px 5px 20px;
    text-align: left;
    vertical-align: middle;
}

.pretty-table>table>thead>tr>td,
.pretty-table>table>thead>tr>th {
    color: #fff;
    background: #007aca;
    padding: 15px 10px 15px 20px;
}

.pretty-table>table>tbody>tr>th *,
.pretty-table>table>tbody>tr>td *,
.pretty-table>table>thead>tr>th *,
.pretty-table>table>thead>tr>td * {
    font-size: inherit;
    font-weight: inherit;
}

/*-------------------------------------
    PRETTY-TABLE - databáze firem
-------------------------------------*/

@media screen and (max-width:550px) {
    .pretty-table.databaze-firem-prehled>table>tbody>tr>th {
        display: block;
        width: 100%;
        padding: 5px 10px 5px 20px;
    }

    .pretty-table.databaze-firem-prehled>table>tbody>tr>td {
        display: block;
        float: left;
    }

    .pretty-table.databaze-firem-prehled>table>tbody>tr>td:nth-of-type(1) {
        width: 15%;
    }

    .pretty-table.databaze-firem-prehled>table>tbody>tr>td:nth-of-type(2) {
        width: 15%;
    }

    .pretty-table.databaze-firem-prehled>table>tbody>tr>td:nth-of-type(3) {
        width: 60%;
    }

    .pretty-table.databaze-firem-prehled>table>tbody>tr>td:nth-of-type(4) {
        width: 10%;
        padding-bottom: 20px;
    }
}

@media screen and (max-width:460px) {
    .pretty-table.databaze-firem-prehled>table>tbody>tr>td:nth-of-type(1) {
        width: 50%;
    }

    .pretty-table.databaze-firem-prehled>table>tbody>tr>td:nth-of-type(2) {
        width: 50%;
    }

    .pretty-table.databaze-firem-prehled>table>tbody>tr>td:nth-of-type(3) {
        width: 85%;
        padding-bottom: 20px;
    }

    .pretty-table.databaze-firem-prehled>table>tbody>tr>td:nth-of-type(4) {
        width: 15%;
        padding: 5px 0 5px 0;
    }

    .pretty-table>table>tbody>tr>td,
    .pretty-table>table>thead>tr>td {
        padding: 5px 0;
    }

    .lower-part table {
        display: block;
        max-width: -moz-fit-content;
        max-width: fit-content;
        margin: 0 auto;
        overflow-x: auto;
        white-space: nowrap;
    }
}



/*-------------------------------------
    PRETTY-TABLE - úřední deska přehled
-------------------------------------*/

.pretty-table.uredni-deska-prehled>table>tbody>tr>th>a,
.pretty-table.uredni-deska-prehled>table>tbody>tr>th>p>a {
    text-decoration: none;
    display: block;
    width: 100%;
    height: 100%;
}

.pretty-table.uredni-deska-prehled>table>tbody>tr>td>a,
.pretty-table.uredni-deska-prehled>table>tbody>tr>td>p>a {
    text-decoration: none;
}

.pretty-table.uredni-deska-prehled>table>tbody>tr>td>a:hover,
.pretty-table.uredni-deska-prehled>table>tbody>tr>td>p>a:hover {
    text-decoration: underline;
}

@media screen and (max-width:600px) {

    .pretty-table.uredni-deska-prehled>table>tbody>tr>th,
    .pretty-table.uredni-deska-prehled>table>thead>tr>th {
        display: block;
        width: 100%;
    }

    .pretty-table.uredni-deska-prehled>table>tbody>tr>td,
    .pretty-table.uredni-deska-prehled>table>thead>tr>td {
        display: block;
        float: left;
        width: 33.33333333334%;
    }

    .pretty-table.uredni-deska-prehled>table>tbody>tr>td {
        padding: 5px 10px 5px 10px;
    }

    .pretty-table.uredni-deska-prehled>table>tbody>tr>td:nth-of-type(3) {
        padding-bottom: 30px;
    }
}

/*-----------------------------------------
    PRETTY-TABLE - úřední hodiny (/kontakt)
-----------------------------------------*/

.pretty-table.car-registry-calendar>table>thead>tr>th {
    text-transform: capitalize;
}

.pretty-table.car-registry-calendar>table>thead>tr>th,
.pretty-table.car-registry-calendar>table>thead>tr>td,
.pretty-table.car-registry-calendar>table>tbody>tr>th,
.pretty-table.car-registry-calendar>table>tbody>tr>td {
    text-align: center;
}

.pretty-table.car-registry-calendar>table>tbody>tr>td.open>a {
    display: block;
    width: 100%;
    height: 100%;
    color: #007aca;
    font-weight: 400;
    text-decoration: none;
}

.pretty-table.car-registry-calendar>table>tbody>tr>td.open:hover>a {
    text-decoration: underline;
}

.pretty-table.car-registry-calendar>table>tbody>tr>td {
    padding-top: 12px;
    padding-bottom: 12px;
}

.pretty-table.car-registry-calendar>table>tbody>tr>td.selected>a {
    font-weight: bold;
}

/*-----------------------------------------
    PRETTY-TABLE - úřední hodiny (/kontakt)
-----------------------------------------*/

.pretty-table.uredni-hodiny>table {
    width: auto;
}

.pretty-table.uredni-hodiny>table>tbody>tr>th,
.pretty-table.uredni-hodiny>table>tbody>tr>td {
    width: 110px;
}

@media screen and (max-width:380px) {
    .pretty-table.uredni-hodiny>table {
        width: 100%;
    }

    .pretty-table.uredni-hodiny>table>tbody>tr>th {
        display: block;
        width: 100%;
        float: none;
        padding: 5px 10px 5px 10px;
    }

    .pretty-table.uredni-hodiny>table>tbody>tr>td {
        display: block;
        width: 50%;
        float: left;
        padding: 5px 10px 5px 10px;
    }
}

/*---------------------------------------------------------
    PRETTY-TABLE - základní informace (/zakladni-informace)
---------------------------------------------------------*/

.pretty-table.zakladni-info>table>tbody>tr>th {
    width: 245px;
}

@media screen and (max-width:500px) {
    .pretty-table.zakladni-info>table>tbody>tr>th {
        width: auto;
    }
}

@media screen and (max-width:380px) {

    .pretty-table.zakladni-info>table>tbody>tr>th,
    .pretty-table.zakladni-info>table>tbody>tr>td {
        display: block;
        width: 100%;
        float: none;
        padding: 5px 10px 5px 10px;
    }
}

/*-------------------------------------------
    PRETTY-TABLE - zájmové a sportovní spolky
-------------------------------------------*/

.pretty-table.zajmove-spolky>table {
    width: 400px;
}

@media screen and (max-width:450px) {
    .pretty-table.zajmove-spolky>table {
        width: 100%;
    }
}

/*-------------------------------------------------------------------
    PRETTY-TABLE - starostové a místostarostové (/zakladni-informace)
-------------------------------------------------------------------*/

.pretty-table.starostove-mistostarostove>table>tbody>tr>th {
    width: 200px;
}

.pretty-table.starostove-mistostarostove>table>tbody>tr>td:nth-of-type(1) {
    width: 200px;
}

.pretty-table.starostove-mistostarostove>table>tbody>tr>td:nth-of-type(3)>p>img {
    width: 100%;
    max-width: 140px;
    min-width: 140px;
    height: auto;
}

@media screen and (max-width:1000px) {
    .pretty-table.starostove-mistostarostove>table>tbody>tr>td:nth-of-type(3)>p img {
        max-width: 90px;
        min-width: 90px;
    }
}

@media screen and (max-width:800px) {
    .pretty-table.starostove-mistostarostove>table>tbody>tr>td:nth-of-type(3)>p img {
        max-width: 60px;
        min-width: 60px;
    }
}

@media screen and (max-width:700px) {
    .pretty-table.starostove-mistostarostove>table>tbody>tr>td {
        display: block;
        width: 50%;
        float: left;
    }

    .pretty-table.starostove-mistostarostove>table>tbody>tr>td:nth-of-type(1) {
        width: 200px;
        padding: 5px 10px 5px 10px;
    }

    .pretty-table.starostove-mistostarostove>table>tbody>tr>td:nth-of-type(2) {
        width: calc(100% - 200px);
    }

    .pretty-table.starostove-mistostarostove>table>tbody>tr>td:nth-of-type(3) {
        display: none;
    }

    .pretty-table.starostove-mistostarostove>table>tbody>tr>th {
        display: block;
        width: 100%;
        float: none;
    }
}

@media screen and (max-width:500px) {
    .pretty-table.starostove-mistostarostove>table>tbody>tr>td {
        display: block;
        width: 100%;
        float: none;
        padding: 5px 10px 5px 10px;
    }

    .pretty-table.starostove-mistostarostove>table>tbody>tr>td:nth-of-type(1) {
        width: 100%;
        float: none;
    }

    .pretty-table.starostove-mistostarostove>table>tbody>tr>td:nth-of-type(2) {
        width: 100%;
        float: none;
        padding: 5px 10px 25px 10px;
    }

    .pretty-table.starostove-mistostarostove>table>tbody>tr>td:nth-of-type(3) {
        display: none;
    }
}

/*-------------------------------
    PRETTY-TABLE - skolske-odkazy
-------------------------------*/

.pretty-table.skolske-odkazy>table>tbody>tr>th {
    width: 230px;
}

/*---------------------------------
    PRETTY-TABLE - telefonni-seznam
---------------------------------*/

.pretty-table.osobnosti-a-rodaci>table>tbody>tr>th {
    width: 300px;
}

@media screen and (max-width:550px) {
    .pretty-table.osobnosti-a-rodaci>table>tbody>tr>td {
        display: none;
    }
}

/*---------------------------------
    PRETTY-TABLE - rada města
---------------------------------*/

.pretty-table.rada-mesta {
    overflow-x: auto;
}

.pretty-table.rada-mesta table>thead>tr>th:first-child {
    min-width: 230px
}

.pretty-table.rada-mesta table>thead>tr>th:nth-child(2),
.pretty-table.rada-mesta table>thead>tr>th:nth-child(3) {
    min-width: 150px
}

.pretty-table.rada-mesta table>thead>tr>th:nth-child(4),
.pretty-table.rada-mesta table>thead>tr>th:nth-child(5),
.pretty-table.rada-mesta table>thead>tr>th:nth-child(6),
.pretty-table.rada-mesta table>thead>tr>th:nth-child(7) {
    min-width: 200px
}

.pretty-table.rada-mesta table>thead {
    position: sticky;
    left: 0;
    top: 0;
}


.pretty-table.rada-mesta table>tbody>tr>th {
    position: sticky;
    left: 0;
}

/*---------------------------------
    PRETTY-TABLE - životní situace
---------------------------------*/

.pretty-table.zivotni-situace>table>tbody>tr>th>a,
.pretty-table.zivotni-situace>table>tbody>tr>td:not(.multiple-links)>a {
    text-decoration: none;
    display: block;
    width: 100%;
    height: 100%;
}

.pretty-table.zivotni-situace>table>tbody>tr>td:not(.multiple-links)>a:hover {
    text-decoration: underline;
}

@media screen and (max-width:800px) {
    .pretty-table.zivotni-situace>table>thead>tr>td {
        display: block;
    }

    .pretty-table.zivotni-situace>table>thead>tr>td:nth-of-type(1) {
        width: 100%;
    }

    .pretty-table.zivotni-situace>table>thead>tr>td:nth-of-type(2) {
        float: left;
        width: 10%;
    }

    .pretty-table.zivotni-situace>table>thead>tr>td:nth-of-type(3) {
        float: left;
        width: 70%;
    }

    .pretty-table.zivotni-situace>table>thead>tr>td:nth-of-type(4) {
        float: left;
        width: 20%;
    }

    .pretty-table.zivotni-situace>table>tbody>tr>th {
        display: block;
        width: 100%;
        padding: 15px 10px 15px 20px;
    }

    .pretty-table.zivotni-situace>table>tbody>tr>td {
        display: block;
        float: left;
    }

    .pretty-table.zivotni-situace>table>tbody>tr>td:nth-of-type(1) {
        width: 10%;
    }

    .pretty-table.zivotni-situace>table>tbody>tr>td:nth-of-type(2) {
        width: 70%;
    }

    .pretty-table.zivotni-situace>table>tbody>tr>td:nth-of-type(3) {
        width: 20%;
    }
}

@media screen and (max-width:800px) {

    .pretty-table.zivotni-situace>table>tbody>tr>td,
    .pretty-table.zivotni-situace>table>tbody>tr>th,
    .pretty-table.zivotni-situace>table>thead>tr>td,
    .pretty-table.zivotni-situace>table>thead>tr>th {
        font-size: 0.8em;
    }
}

@media screen and (max-width:400px) {

    .pretty-table.zivotni-situace>table>tbody>tr>td,
    .pretty-table.zivotni-situace>table>tbody>tr>th,
    .pretty-table.zivotni-situace>table>thead>tr>td,
    .pretty-table.zivotni-situace>table>thead>tr>th {
        font-size: 1em;
    }

    .pretty-table.zivotni-situace>table>thead>tr>td:nth-of-type(2) {
        width: 30%;
    }

    .pretty-table.zivotni-situace>table>thead>tr>td:nth-of-type(3) {
        width: 70%;
    }

    .pretty-table.zivotni-situace>table>thead>tr>td:nth-of-type(4) {
        width: 100%;
    }

    .pretty-table.zivotni-situace>table>tbody>tr>td:nth-of-type(1) {
        width: 10%;
    }

    .pretty-table.zivotni-situace>table>tbody>tr>td:nth-of-type(2) {
        width: 90%;
    }

    .pretty-table.zivotni-situace>table>tbody>tr>td:nth-of-type(3) {
        width: 100%;
        padding-bottom: 30px;
    }
}

/*--------------------------------------
    PRETTY-TABLE - databáze firem detail
--------------------------------------*/

.pretty-table.databaze-firem-detail>table>tbody>tr>th {
    width: 200px;
}

/*---------------------------------
    PRETTY-TABLE - ztraty-a-nalezy
---------------------------------*/

@media screen and (max-width:450px) {

    .pretty-table.ztraty-a-nalezy>table>tbody>tr>td,
    .pretty-table.ztraty-a-nalezy>table>tbody>tr>th {
        font-size: 0.75em;
        padding: 11px 6px 11px 6px;
    }
}

/*---------------------------------
    PRETTY-TABLE - hodnoceni-akci
---------------------------------*/

.pretty-table.hodnoceni-akci>table>tbody>tr>th {
    width: 450px;
}

.pretty-table.hodnoceni-akci>table>tbody>tr>th a,
.pretty-table.hodnoceni-akci>table>tbody>tr>td a {
    text-decoration: none;
}

.pretty-table.hodnoceni-akci>table>tbody>tr>td:nth-of-type(3) {
    width: 133px;
}

@media screen and (max-width:810px) {
    .pretty-table.hodnoceni-akci>table>thead>tr>th {
        display: block;
        width: 100%;
        padding: 15px 10px 15px 20px;
        min-height: 56px;
    }

    .pretty-table.hodnoceni-akci>table>thead>tr>td {
        display: block;
        float: left;
        min-height: 56px;
    }

    .pretty-table.hodnoceni-akci>table>thead>tr>td:nth-of-type(1) {
        width: 20%;
    }

    .pretty-table.hodnoceni-akci>table>thead>tr>td:nth-of-type(2) {
        width: 40%;
    }

    .pretty-table.hodnoceni-akci>table>thead>tr>td:nth-of-type(3) {
        width: 30%;
    }

    .pretty-table.hodnoceni-akci>table>thead>tr>td:nth-of-type(4) {
        width: 10%;
    }

    .pretty-table.hodnoceni-akci>table>tbody>tr>th {
        display: block;
        width: 100%;
        padding: 5px 10px 5px 20px;
    }

    .pretty-table.hodnoceni-akci>table>tbody>tr>td {
        display: block;
        float: left;
    }

    .pretty-table.hodnoceni-akci>table>tbody>tr>td:nth-of-type(1) {
        width: 20%;
    }

    .pretty-table.hodnoceni-akci>table>tbody>tr>td:nth-of-type(2) {
        width: 40%;
    }

    .pretty-table.hodnoceni-akci>table>tbody>tr>td:nth-of-type(3) {
        width: 30%;
    }

    .pretty-table.hodnoceni-akci>table>tbody>tr>td:nth-of-type(4) {
        width: 10%;
    }
}

@media screen and (max-width:510px) {
    .pretty-table.hodnoceni-akci>table>thead>tr>td:nth-of-type(1) {
        width: 100%;
    }

    .pretty-table.hodnoceni-akci>table>thead>tr>td:nth-of-type(2) {
        width: 100%;
    }

    .pretty-table.hodnoceni-akci>table>thead>tr>td:nth-of-type(3) {
        width: 100%;
    }

    .pretty-table.hodnoceni-akci>table>thead>tr>td:nth-of-type(4) {
        width: 100%;
        text-align: left !important;
    }

    .pretty-table.hodnoceni-akci>table>tbody>tr>td:nth-of-type(1) {
        width: 100%;
    }

    .pretty-table.hodnoceni-akci>table>tbody>tr>td:nth-of-type(2) {
        width: 100%;
    }

    .pretty-table.hodnoceni-akci>table>tbody>tr>td:nth-of-type(3) {
        width: 100%;
    }

    .pretty-table.hodnoceni-akci>table>tbody>tr>td:nth-of-type(4) {
        width: 100%;
        padding-bottom: 30px;
        text-align: left !important;
    }
}

/*---------------------------------
    PRETTY-TABLE - vyhlášky města
---------------------------------*/

.pretty-table.vyhlasky-mesta-holesova>table>tbody>tr>td:nth-of-type(1) {
    width: 310px;
}

.pretty-table.vyhlasky-mesta-holesova>table>tbody>tr>td:nth-of-type(2) {
    width: 150px;
}

@media screen and (max-width:800px) {
    .pretty-table.vyhlasky-mesta-holesova>table>tbody>tr>th {
        display: block;
        width: 100%;
        padding: 5px 10px 5px 20px;
    }

    .pretty-table.vyhlasky-mesta-holesova>table>tbody>tr>td:nth-of-type(1) {
        display: block;
        float: left;
        width: 50%;
    }

    .pretty-table.vyhlasky-mesta-holesova>table>tbody>tr>td:nth-of-type(2) {
        display: block;
        float: left;
        width: 50%;
    }
}

@media screen and (max-width:400px) {
    .pretty-table.vyhlasky-mesta-holesova>table>tbody>tr>th {
        display: block;
        width: 100%;
        padding: 5px 10px 5px 20px;
    }

    .pretty-table.vyhlasky-mesta-holesova>table>tbody>tr>td:nth-of-type(1) {
        display: block;
        float: none;
        width: 100%;
    }

    .pretty-table.vyhlasky-mesta-holesova>table>tbody>tr>td:nth-of-type(2) {
        display: block;
        float: none;
        width: 100%;
    }
}

/*---------------------------------
    PRETTY-TABLE - telefonni-seznam
---------------------------------*/

.pretty-table.telefonni-seznam>table>tbody>tr>th {
    width: 400px;
}

.pretty-table.telefonni-seznam>table>tbody>tr>td:nth-of-type(1) {
    width: 200px;
}

.pretty-table.telefonni-seznam>table>tbody>tr>td:nth-of-type(2) {
    width: 150px;
}

.pretty-table.telefonni-seznam>table>tbody>tr>td:nth-of-type(3) {
    width: 150px;
}

.pretty-table.telefonni-seznam>table>tbody>tr>td:nth-of-type(4) {
    width: 100px;
}

.pretty-table.telefonni-seznam>table>tbody>tr>td>p>a {
    text-decoration: none;
}

.pretty-table.telefonni-seznam>table>tbody>tr.highlight>th>p,
.pretty-table.telefonni-seznam>table>tbody>tr.highlight>td>p {
    color: #006BB3;
}

@media screen and (max-width:1000px) {
    .pretty-table.telefonni-seznam>table>tbody>tr>th {
        display: block;
        float: none;
        width: 100%;
    }

    .pretty-table.telefonni-seznam>table>tbody>tr>td:nth-of-type(1) {
        display: block;
        float: left;
        width: 30%;
        padding: 5px 10px 20px 10px;
    }

    .pretty-table.telefonni-seznam>table>tbody>tr>td:nth-of-type(2) {
        display: block;
        float: left;
        width: 25%;
        padding: 5px 10px 20px 10px;
    }

    .pretty-table.telefonni-seznam>table>tbody>tr>td:nth-of-type(3) {
        display: block;
        float: left;
        width: 25%;
        padding: 5px 10px 20px 10px;
    }

    .pretty-table.telefonni-seznam>table>tbody>tr>td:nth-of-type(4) {
        display: block;
        float: left;
        width: 20%;
        padding: 5px 10px 20px 10px;
    }
}

@media screen and (max-width:600px) {
    .pretty-table.telefonni-seznam>table>tbody>tr>td:nth-of-type(1) {
        display: block;
        float: left;
        width: 50%;
        padding: 5px 10px 5px 10px;
    }

    .pretty-table.telefonni-seznam>table>tbody>tr>td:nth-of-type(2) {
        display: block;
        float: left;
        width: 50%;
        padding: 5px 10px 5px 10px;
    }

    .pretty-table.telefonni-seznam>table>tbody>tr>td:nth-of-type(3) {
        display: block;
        float: left;
        width: 50%;
        padding: 5px 10px 20px 10px;
    }

    .pretty-table.telefonni-seznam>table>tbody>tr>td:nth-of-type(4) {
        display: block;
        float: left;
        width: 50%;
        padding: 5px 10px 20px 10px;
    }
}

@media screen and (max-width:400px) {
    .pretty-table.telefonni-seznam>table>tbody>tr>td:nth-of-type(1) {
        display: block;
        float: none;
        width: 100%;
        padding: 5px 10px 5px 10px;
    }

    .pretty-table.telefonni-seznam>table>tbody>tr>td:nth-of-type(2) {
        display: block;
        float: none;
        width: 100%;
        padding: 5px 10px 5px 10px;
    }

    .pretty-table.telefonni-seznam>table>tbody>tr>td:nth-of-type(3) {
        display: block;
        float: none;
        width: 100%;
        padding: 5px 10px 20px 10px;
    }

    .pretty-table.telefonni-seznam>table>tbody>tr>td:nth-of-type(4) {
        display: block;
        float: none;
        width: 100%;
        padding: 5px 10px 20px 10px;
    }
}

/*---------------------
    END :: PRETTY-TABLE
---------------------*/

/*-----------------------------
    KALENDÁŘ AKCÍ - další styly
-----------------------------*/

/*KALENDÁŘ AKCÍ*/

.kalendar-akci.dny {
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: center;
}

.kalendar-akci.dny>.den {
    display: inline-block;
    width: 30px;
    min-height: 56px;
    /*height:40px;*/
    margin: 0 2px 5px 0;
    padding: 6px 0 6px 0;
    /*line-height: 40px;*/
    text-align: center;
    cursor: pointer;
    font-size: 18px;
    color: #000;
    text-decoration: none;
    border: 1px solid #E9EEF1;
    position: relative;
}

.kalendar-akci.dny>.den>.den--text-wrapper {
    display: block;
    width: 100%;
    text-align: center;
    padding: 0;
}

.kalendar-akci.dny>.den>.den--dots-wrapper {
    display: block;
    width: 100%;
    height: auto;
    text-align: center;
    padding: 0;
}

.kalendar-akci.dny>.den>.den--dots-wrapper>div,
div.dot--blue,
div.dot--green,
div.dot--red,
div.dot--orange {
    display: inline-block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    margin: 0;
}

.kalendar-akci.dny>.den>.den--dots-wrapper>div.dot--blue,
div.dot--blue {
    background: #0B3C5D;
}

.kalendar-akci.dny>.den>.den--dots-wrapper>div.dot--green,
div.dot--green {
    background: #46B062;
}

.kalendar-akci.dny>.den>.den--dots-wrapper>div.dot--red,
.dot--red {
    background: #f24903;
}

.kalendar-akci.dny>.den>.den--dots-wrapper>div.dot--orange,
.dot--orange {
    background: #f9a81a;
}

.kalendar-akci.dny>.den>.den--dots-wrapper>div.dot--transparent {
    background: rgba(255, 255, 255, 0);
}

.kalendar-akci.dny>.den:hover {
    text-decoration: none;
}

/*.kalendar-akci.dny > .den.tooltip {
    background:#287BC4;
    color:#fff;
}
.kalendar-akci.dny > .den.tooltip:hover {
    background:#0A5CA3;
    color:#fff;
}*/

.kalendar-akci.dny>.den:hover {
    background: #E9EEF1;
    color: #000;
}

.kalendar-akci.prepinac {
    display: block;
    width: 100%;
    height: 30px;
    margin-top: 40px;
    position: relative;
}

.kalendar-akci.prepinac>.clearfix {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    display: inline-block;
}

.kalendar-akci.prepinac>div>.doleva,
.kalendar-akci.prepinac>div>span>a {
    cursor: pointer;
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
}

.kalendar-akci.prepinac>div>.doleva,
.kalendar-akci.prepinac>div>span>a:hover {
    text-decoration: none;
}

.kalendar-akci.prepinac>div>.doleva,
.kalendar-akci.prepinac>div>.doleva-big {
    width: 10px;
    height: 18px;
    display: block;
    background: url("../design/prepinac_doleva.png") no-repeat center center;
    float: left;
    cursor: pointer;
    margin-top: 3px;
}

.kalendar-akci.prepinac>div>.mesic,
.kalendar-akci.prepinac>div>.mesic-big {
    display: block;
    float: left;
    font-size: 18px;
    color: #000;
    font-weight: 500;
    padding: 0;
    width: 120px;
    text-align: center;
}

.kalendar-akci.prepinac>div>.doprava,
.kalendar-akci.prepinac>div>.doprava-big {
    width: 10px;
    height: 18px;
    display: block;
    background: url("../design/prepinac_doprava.png") no-repeat center center;
    float: left;
    cursor: pointer;
    margin-top: 3px;
}

.kalendar-akci.prepinac>div>a {
    text-align: right;
}

.kalendar-akci.prepinac>div>a.padding-right-2 {
    margin-right: 2px !important;
}

.kalendar-akci.dny.yellow>.den.tooltip {
    background: #287BC4;
    color: #FFF;
}

.kalendar-akci.dny.yellow>.den.tooltip:hover {
    background: #0A5CA3;
    color: #FFF;
}

.kalenda-akci--legenda {
    position: absolute;
    right: 0;
    display: inline-block;
    color: #666666;
    font-size: 0.8em;
    font-weight: 300;
}

.kalenda-akci--legenda>.dot--blue,
.kalenda-akci--legenda>.dot--green {
    margin: 3px 1px;
}

@media screen and (max-width:440px) {
    .kalenda-akci--legenda {
        left: 50%;
        right: auto;
        transform: translateX(-50%);
        margin-top: 40px;
        min-width: 200px;
        text-align: center;
    }

    .kalendar-akci.prepinac {
        height: 70px;
    }
}

/*--------------
  EVENTS TABLE
--------------*/

.events-table {
    width: 100%;
    height: auto;
    border-collapse: collapse;
    color: #000;
}

.events-table tr:after {
    content: "";
    display: block;
    width: 100%;
    height: 20px;
}

.event-table tr {
    color: inherit;
}

.events-table tr>td>a {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
}

.content .events-table tr>td>a:hover {
    text-decoration: none;
}

.events-table tr:hover>td {
    background: #f2fcff;
}

.events-table tr>td.date>a {
    padding: 0 10px;
    text-align: center;
    color: inherit;
}

.events-table tr>td.date>a>p {
    color: inherit;
    text-decoration: none;
}

.events-table tr>td.date>a>p:nth-of-type(1) {
    font-size: 1.5em;
    line-height: 1.625em;
    margin-top: 10px;
}

@media screen and (max-width:390px) {
    .events-table tr>td.date>a>p:nth-of-type(1) {
        margin-top: 0;
    }
}

.events-table tr>td.date>a>p:nth-of-type(2),
.events-table tr>td.date>a>p:nth-of-type(3) {
    font-size: 0.75em;
    line-height: 1em;
}

.events-table tr>td.image {
    width: 100px;
}

.events-table tr>td.text>a {
    padding: 0 20px;
}

.events-table tr>td.text>a h4 {
    font-size: 1.125em;
    /*margin-top: 10px;*/
    line-height: 1em;
    padding: 4px 0 3px 0;
    text-transform: uppercase;
    font-weight: 300;
    color: #000;
}

.events-table tr>td.text>a p {
    font-size: 0.8125em;
    color: #666666;
    line-height: 1.25em;
    margin-bottom: 10px;
    font-weight: 300;
}

.events-table tr>td.text>a p>span.article-link-more {
    display: block;
    margin-top: 10px;
    font-size: 1em;
    color: #287BC4;
}

.events-table tr>td.text>a p>span.article-link-more>em {
    font-size: inherit;
}

.events-table tr:hover>td.text>a p>span.article-link-more>em {
    text-decoration: underline;
    /*color:#134f78;*/
}

@media screen and (max-width:370px) {
    .events-table tr>td.image {
        display: none;
    }
}

.events-table tr>td.cart>a button {
    background: none;
    border: 0;
    margin: 0;
    padding: 0;
}

.events-table tr>td.cart>a img {
    max-height: 21px;
    margin-top: 7px;
    vertical-align: top;
}

.events-table tr>td.cart>a {
    padding-right: 5px;
}

.events-table tr>td.type a {
    text-align: right;
    padding: 0 5px 0 0;
}

.events-table tr>td.type {
    width: auto;
    /*min-width:70px;*/
}

.events-table tr>td.type span {
    display: inline-block;
    border: solid 1px rgba(0, 0, 0, 0.2);
    color: #666666;
    padding: 2px 4px;
    margin-top: 7px;
    font-size: 0.7em;
}

/*--------------
  PŘEHLED OBCÍ
--------------*/

.pretty-table>.prehled-obci-table {
    width: 100%;
    margin: 0 0 25px 0;
}

.pretty-table>.prehled-obci-table>tbody>tr>td {
    vertical-align: top;
    padding: 0;
}

.pretty-table>.prehled-obci-table.cols-10>tbody>tr>td {
    width: 10%;
}

.pretty-table>.prehled-obci-table.cols-9>tbody>tr>td {
    width: 11.111111111111111111111111111112%;
}

.pretty-table>.prehled-obci-table>tbody>tr>td>a {
    text-decoration: none;
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    text-align: center;
}

.pretty-table>.prehled-obci-table>tbody>tr>td>a>img {
    display: block;
    margin: 0 auto;
}

.pretty-table>.prehled-obci-table>tbody>tr>td>a>span {
    display: block;
    color: #000;
    font-size: 1.0625em;
    text-decoration: none;
    font-weight: 300;
}

.pretty-table>.prehled-obci-content .content {
    text-align: center;
    padding: 75px 0;
}

@media screen and (max-width:1200px) {

    .pretty-table>.prehled-obci-table>tbody>tr,
    .pretty-table>.prehled-obci-table>tbody,
    .pretty-table>.prehled-obci-table {
        display: block;
    }

    .pretty-table>.prehled-obci-table>tbody>tr:after {
        content: "";
        clear: both;
        display: table;
    }

    .pretty-table>.prehled-obci-table.cols-10>tbody>tr>td {
        display: block;
        float: left;
        width: calc(100% / 10);
    }

    .pretty-table>.prehled-obci-table.cols-9>tbody>tr>td {
        display: block;
        float: left;
        width: calc(100% / 9);
    }

    .pretty-table>.prehled-obci-table>tbody>tr>td>a>img {
        max-width: 100%;
        height: auto;
    }

    .pretty-table>.prehled-obci-table>tbody>tr>td>a>span {
        font-size: 0.8em;
    }
}

@media screen and (max-width:800px) {
    .pretty-table>.prehled-obci-table.cols-10>tbody>tr>td {
        width: calc(100% / 5);
        min-height: 150px;
    }

    .pretty-table>.prehled-obci-table.cols-9>tbody>tr>td {
        width: calc(100% / 5);
        min-height: 150px;
    }
}

@media screen and (max-width:500px) {
    .pretty-table>.prehled-obci-table.cols-10>tbody>tr>td {
        min-height: 130px;
    }

    .pretty-table>.prehled-obci-table.cols-9>tbody>tr>td {
        min-height: 130px;
    }

    .pretty-table>.prehled-obci-table>tbody>tr>td>a>span {
        font-size: 0.65em;
    }
}

@media screen and (max-width:400px) {
    .pretty-table>.prehled-obci-table.cols-10>tbody>tr>td {
        min-height: 120px;
    }

    .pretty-table>.prehled-obci-table.cols-9>tbody>tr>td {
        min-height: 120px;
    }
}

.content>article>p:first-child>img:first-child,
img.proper-size {
    display: block;
    /*width: 100%;*/
    height: auto;
}

.content>article ol {
    padding: 0 0 0 15px;
    font-weight: 300;
}

.content>article ol li {
    font-size: 0.9375em;
    line-height: 1.5625em;
}

.content>article ol * {
    font-size: inherit;
}

.place-detail>.content>article>.place_information>.place_information_table {
    height: auto;
    float: right;
    padding: 0 0 0 10px;
    width: 50%;
}

@media screen and (max-width: 800px) {
    .place-detail>.content>article>.place_information>.place_information_table {
        width: 100%;
        padding: 10px 0 0 0;
    }
}

/*----------------
  WEATHER DETAIL
----------------*/

.weather-detail>.content>article .weather-fifty {
    color: #555;
    float: left;
    width: 50%;
}

.weather-detail>.content>article .weather-fifty p {
    font-size: 98px;
    color: #555;
}

.weather-detail>.content>article .weather-fifty img {
    vertical-align: middle;
}

.weather-detail>.content>article .weather-twentyfive {
    color: #555;
    float: left;
    width: 25%;
}

.weather-detail>.content>article .weather-twentyfive p {
    font-size: 14px;
}

.weather-detail>.content>article .weather-quarter {
    float: left;
    width: 25%;
    /*height: 60px;*/
    /*width: 167px;*/
}

.weather-detail>.content>article .weather-quarter .weather_title {
    float: left;
    padding-right: 15px;
    /*height: 100%;*/
    /*width: 95px;*/
}

.weather-detail>.content>article .weather-quarter .weather_title img {
    vertical-align: text-bottom;
}

.weather-detail>.content>article .weather-quarter .weather_content {
    float: left;
    padding-right: 15px;
    /*height: 100%;*/
    /*width: 105px;*/
}

.weather-detail>.content>article .weather-quarter p {
    font-size: 11px;
    color: #555;
    margin: 0;
    padding: 3px 0;
}

.weather-detail>.content>article .weather-quarter p strong {
    color: #555;
}

.weather-detail>.content>article .weather-quarter p.text-center {
    text-align: center;
}

.weather-detail>.content>article .weatherPage {
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
}

.weather-detail>.content>article .weatherPage:after {
    display: table;
    clear: both;
    content: "";
}

@media screen and (max-width:840px) {
    .weather-detail>.content>article .weather-quarter {
        width: 50%;
        padding-bottom: 15px;
    }
}

@media screen and (max-width:450px) {
    .weather-detail>.content>article .weather-quarter {
        width: 100%;
        padding-bottom: 15px;
    }
}

@media screen and (max-width:650px) {
    .weather-detail>.content>article .weather-fifty {
        width: 100%;
        padding-bottom: 15px;
    }

    .weather-detail>.content>article .weather-twentyfive {
        width: 50%;
        padding-bottom: 15px;
    }
}

@media screen and (max-width:400px) {
    .weather-detail>.content>article .weather-twentyfive {
        width: 100%;
        padding-bottom: 15px;
    }

    .weather-detail>.content>article .weather-twentyfive:last-of-type {
        padding-bottom: 25px;
    }

    .weather-detail>.content>article .weather-fifty p {
        font-size: 75px;
    }
}

/*-------------------
    panorama-app-link
-------------------*/

.panorama-app-link,
.panorama-app-link a,
.panorama-app-link img {
    display: block;
}

.panorama-app-link img {
    margin: 0 auto;
}

@media screen and (max-width:680px) {
    .panorama-app-link img {
        width: 100%;
        height: auto;
    }
}

/*----------------
  HODNOCENÍ AKCE - detail hodnocení akce
----------------*/

#event-rating-result {
    background: #66BB6A;
    color: #fff;
    display: inline-block;
    padding: 10px 20px;
    margin: 0 0 30px 0;
    cursor: pointer;
}

/*--------------------------------------
  IKONKA TELEFONNÍHOS EZNAMU VHLAVIČCE
--------------------------------------*/

.search-contact {
    margin: 0 10px 0 0;
}

/*-----------
  MKS-PARTS
-----------*/

.content>article>.mks-parts {
    margin: 20px auto 0 auto;
    height: auto;
    text-align: center;
    width: 100%;
}

.content>article>.mks-parts a {
    color: #000;
    display: inline-block;
    font-size: 1.1rem;
    font-weight: 300;
    line-height: 1.2em;
    margin: 0 10px 10px 10px;
    text-decoration: none;
}

.content>article>.mks-parts a:hover {
    text-decoration: underline;
}

.content>article>.mks-parts img {
    margin: 0 10px 10px 10px;
    max-width: 80px;
    vertical-align: middle;
    width: 100%;
}

/*
  FRONTPAGE-MENU
*/

.header-big-menu.frontpage-menu {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
}

.goofy-table .articles.v2>.article .article--section:nth-of-type(3) p {
    font-size: 0.86em;
}

.articles.v2>.article.article-pagination-hidden {
    display: none;
}

.content>article a.frontpage-logo-link {
    text-decoration: none;
    color: #757575;
    font-size: 1em;
    font-weight: 300;
}

.content>article a.frontpage-logo-link:hover {
    text-decoration: underline;
}

.frontpage--remodal--poll {
    padding: 20px 30px;
}

.frontpage--remodal--poll p {
    text-align: left;
    margin-bottom: 15px;
}

.frontpage--remodal--poll h2 {
    margin-bottom: 15px;
    text-align: left;
}

/************************************
               historie
      Added by Liborek  6.9.2017
*************************************/

.content .historie .history_left {
    float: left;
    height: auto;
    margin: 85px 0 0 0;
    width: 40%;
}

.content .historie .history_center {
    float: left;
    height: auto;
    margin: 75px 0 0 0;
    padding: 0 2vmin 0 2vmin;
    width: 20%;
}

.content .historie .history_right {
    float: left;
    height: auto;
    margin: 10px 0 0 0;
    width: 40%;
}

.content .historie:after {
    content: "";
    clear: both;
    display: table;
}

/* historie - left */

.content .historie .history_left .history_left_text {
    display: table-cell;
    padding: 0 2vmin 0 0;
    text-align: right;
    vertical-align: middle;
    width: auto;
}

.content .historie .history_left .history_left_text p {
    font-weight: 300;
    line-height: 1.65;
}

.content .historie .history_left .history_left_image {
    display: table-cell;
    height: 150px;
    margin: 10px 0 10px 0;
    text-align: center;
    vertical-align: middle;
    width: 30%;
}

.content .historie .history_left .history_left_image img {
    height: auto;
    max-width: 100%;
    width: 100%;
    max-height: 140px;
    object-fit: scale-down;
}

/* historie - data */

.content .historie .history_dates {
    height: 75px;
    margin: 0;
    padding: 0;
    text-align: center;
    vertical-align: middle;
    width: 100%;
}

.content .historie .history_dates p {
    display: inline-block;
    font-size: 1.2em;
    line-height: 1;
    margin: 0 auto;
    padding: 0;
    position: relative;
    width: auto;
}

.content .historie .history_center i.fa-long-arrow-left {
    color: #ccc;
    float: left;
    font-size: 0.95em;
}

.content .historie .history_center i.fa-long-arrow-right {
    color: #ccc;
    float: right;
    font-size: 0.95em;
}

.content .historie .history_center i.fa-circle-o {
    color: #007aca;
    font-size: 0.5em;
    line-height: 1;
    margin: -10px 0 0 0;
    padding: 0;
}

.content .historie .history_center i.white {
    color: #fff;
}

/* historie - right */

.content .historie .history_right .history_right_text {
    display: table-cell;
    padding: 0 0 0 2vmin;
    text-align: left;
    vertical-align: middle;
    width: auto;
}

.content .historie .history_right .history_right_text p {
    font-weight: 300;
    line-height: 1.65;
}

.content .historie .history_right .history_right_image {
    display: table-cell;
    height: 150px;
    margin: 10px 0 10px 0;
    text-align: center;
    vertical-align: middle;
    width: 30%;
}

.content .historie .history_right .history_right_image img {
    height: auto;
    max-width: 100%;
    width: 100%;
    max-height: 140px;
    object-fit: scale-down;
}

.content .historie hr {
    height: 0px;
    width: 0;
    border: 0;
    margin: 0;
    padding: 0;
}

@media screen and (max-width: 700px) {
    .content .historie .history_left {
        width: 35%;
    }

    .content .historie .history_center {
        width: 30%;
    }

    .content .historie .history_right {
        width: 35%;
    }

    .content .historie .history_left .history_left_text {
        display: none;
    }

    .content .historie .history_right .history_right_text {
        display: none;
    }
}

/*E-PLAKÁT V DETAILU AKCE*/

.e-plakat-wrapper>a {
    display: block;
    width: 100%;
}

.e-plakat-wrapper>a>img {
    display: block;
    height: auto;
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
}

.header-slider-wrapper {
    display: block;
    width: 100%;
    height: auto;
    position: relative;
}

.header-slider-wrapper:after {
    display: table;
    clear: both;
    content: "";
}

.header-slider-wrapper>.slider-menu {
    position: absolute;
    top: 0px;
    z-index: 1;
    left: 50%;
    transform: translateX(-50%);
}

.slider-menu {
    display: block;
    width: 100%;
    height: auto;
    position: relative;
    top: -1px;
}

.slider-menu:before {
    display: block;
    content: "";
    width: 300%;
    left: -100%;
    height: auto;
    position: relative;
    -webkit-box-shadow: 0px 0px 190px 61px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 0px 0px 190px 61px rgba(0, 0, 0, 0.6);
    box-shadow: 0px 0px 190px 61px rgba(0, 0, 0, 0.6);
}

.main-nav>li>a>span.menu-icon {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 22px;
    height: 30px;
}

.main-nav>li>a>span.menu-icon.icon--prakticke {
    background: url('/design/icon/icon_menu_prakticke.svg') no-repeat 0px 0px;
    background-size: 22px auto;
    top: calc(50% + -16px);
    left: 20px;
}

.main-nav>li>a>span.menu-icon.icon--e-mapa {
    background: url('/design/icon/icon_menu_mapa.svg') no-repeat 0px 0px;
    background-size: 19px auto;
    top: calc(50% + -15px);
    left: 20px;
}

.main-nav.slider-menu>li>a>span.menu-icon.icon--prakticke {
    top: calc(50% + -11px);
    left: 20px;
}

.main-nav.slider-menu>li>a>span.menu-icon.icon--e-mapa {
    top: calc(50% + -9px);
    left: 20px;
}

@media screen and (max-width:800px) {
    .main-nav.slider-menu {
        display: none;
    }
}

.header-slider {
    animation: carouseldisplay 1500ms ease-in-out;
}

@keyframes carouseldisplay {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* tools */

.tools {
    padding: 0;
    margin-bottom: 3.125rem;
    /*max-width: 1020px;*/
}

.tools .tools-column {
    padding: 0 0.625rem;
    float: left;
}

.tools .tools-column-1 {
    width: 40%;
}

.tools .tools-column-2 {
    width: 30%;
}

.tools .tools-column-3 {
    width: 30%;
}

.tools .tool {
    height: 220px;
    margin-bottom: 1.25rem;
    position: relative;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: #000;
}

.tools .tool.tool-fullheight {
    height: 460px;
}

.tools .tool a {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: #000000;
}

.tools .tool a img {
    width: 100%;
    height: 100%;
    opacity: 0.7;
    object-fit: cover;
}

.tools .tool h3 {
    color: #FFFFFF;
    pointer-events: none;
    margin: 0;
    padding: 2rem 1.25rem 0 1.25rem;
    flex-grow: 1;
    position: relative;
    font-size: 1.5rem;
}

.tools .tool p {
    color: #FFFFFF;
    position: relative;
    pointer-events: none;
    margin: 0;
    padding: 0 1.25rem 2rem 1.25rem;
}

@media only screen and (min-width: 40.0625em) {
    .tools .tool:last-of-type {
        margin-bottom: 0;
    }
}

@media only screen and (max-width: 40em) {
    .tools .tools-column {
        width: 100%;
    }

    .tools .tool.tool-fullheight {
        height: 220px;
    }
}

.frontpage-insurance-tools {
    padding: 35px 0;
}

.onclickspecialevent {
    margin-top: 30px;
    cursor: pointer;
}

.nova-filtrace {
    /*! background: #ebf6fa; */
    padding: 20px 30px;
    margin: 0 0 40px 0;
    border: 3px solid #ebf6fa;
    border-top: 0;
}

.nova-filtrace h2 {
    margin: 10px 0;
}

.nova-filtrace ul.filter-columns {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
    margin: 20px 0;
}

@media only screen and (max-width: 40em) {
    .nova-filtrace ul.filter-columns {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }
}

.nova-filtrace ul.filter-columns li {
    padding: 0;
    list-style-type: none;
}

.nova-filtrace ul.filter-columns li:before {
    display: none;
}

.nova-filtrace-search {
    background: #ebf6fa;
    padding: 20px 30px;
    margin: 20px 0;
}

.nova-filtrace-search ul.filter-columns-search {
    margin: 20px -10px;
}

.nova-filtrace-search ul.filter-columns-search:after {
    content: "";
    display: table;
    clear: both;
}

.nova-filtrace-search ul.filter-columns-search li {
    padding: 0 10px;
    float: left;
}

.nova-filtrace-search ul.filter-columns-search li:before {
    display: none;
}

.nova-filtrace-search ul.filter-columns-search li.search {
    width: 60%;
}

.nova-filtrace-search ul.filter-columns-search li.search.fullwidth {
    width: 100%;
}

.nova-filtrace-search ul.filter-columns-search li.od,
.nova-filtrace-search ul.filter-columns-search li.do {
    width: 20%;
}

.nova-filtrace-search ul.filter-columns-search li.od input,
.nova-filtrace-search ul.filter-columns-search li.do input {
    min-width: initial;
}

@media only screen and (max-width: 40em) {
    .nova-filtrace-search ul.filter-columns-search li.search {
        width: 100%;
        min-width: initial;
    }

    .nova-filtrace-search ul.filter-columns-search li.od,
    .nova-filtrace-search ul.filter-columns-search li.do {
        width: 50%;
        min-width: initial;
    }
}

.nova-filtrace-search ul.filter-columns-search li label {
    display: block;
    width: 100%;
    margin: 0 0 10px 0;
}

.nova-filtrace-search ul.filter-columns-search li input {
    display: block;
    width: 100%;
    background: #ebf6fa;
}

.radkuv-accordion {
    background: #ebf6fa;
    position: relative;
}

.radkuv-accordion .radkuv-accordion-switch {
    padding: 20px 30px;
    display: block;
    /*! color: #fff; */
    text-transform: uppercase;
    /*! font-size: 18px; */
    text-decoration: none !important;
    margin: 0 0 40px 0;
    text-align: center;
}

.radkuv-accordion .radkuv-accordion-switch.radkuv-accordion-active {
    margin: 0;
}

.radkuv-accordion-switch:after {
    content: '\f103';
    font-family: FontAwesome;
    /*! position: absolute; */
    /*! right: 0; */
    /*! top: 0; */
    padding: 20px 10px;
    /*! color: rgba(255,255,255,0.69); */
    /*! font-size: 22px; */
    transition: 300ms all;
}

.radkuv-accordion-switch.radkuv-accordion-active:after {
    content: '\f102';
}

.radkuv-accordion-target {
    height: 0;
    overflow: hidden;
}

.radkuv-accordion-target.radkuv-accordion-active {
    height: auto;
}

.stav-ke-dni {
    text-align: center;
    margin: -20px 0 30px 0;
    color: #006BB3 !important;
}

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

p.onclickspecialevent {
    display: block;
    width: 100%;
    max-width: 300px;
    height: auto;
    text-align: center;
    background: #007aca;
    padding: 15px 0;
    font-weight: 300;
    font-size: 1em;
    color: #fff !important;
    transition: background ease-in-out 300ms;
    text-decoration: underline;
}

p.onclickspecialevent:hover {
    background: #006BB3;
}

ul.radkovi-tabs {
    margin: 0 0 40px 0;
}

ul.radkovi-tabs:after {
    content: "";
    display: table;
    clear: both;
}

ul.radkovi-tabs li {
    list-style-type: none;
    float: left;
    width: 33.33%;
    border-bottom: 3px solid #ebf6fa;
    text-transform: uppercase;
    text-align: center;
    position: relative;
    transition: all 300ms;
    font-size: 12px;
}

ul.radkovi-tabs li a {
    padding: 15px 0;
    display: block;
}

@media only screen and (min-width: 64.063em) {
    ul.radkovi-tabs li {
        font-size: 16px;
    }
}

ul.radkovi-tabs li.hct-active {
    border-color: #007aca;
}

ul.radkovi-tabs li:hover {
    border-color: #007aca;
}

ul.radkovi-tabs li:after {
    content: '';
    position: absolute;
    left: calc(50% - 10px);
    bottom: -13px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-color: #fff transparent transparent transparent;
    transition: all 300ms;
}

ul.radkovi-tabs li.hct-active:after {
    border-color: #007aca transparent transparent transparent;
}

a.button-more {
    margin: 10px 0;
    padding: 15px 30px;
    background: #ebf6fa;
    font-size: 14px;
    display: inline-block;
    font-weight: 300;
    line-height: 20px;
}

a.button-more.small {
    padding: 10px 20px;
    font-size: 12px;
}

.articles.v2.articles-events>.article a.article-link {
    width: calc(100% - 70px);
    display: block;
}

.articles-events .cart {
    float: left;
    width: 70px;
    text-align: center;
    border: 1px solid #ebf6fa;
}

.articles-events .cart a {
    padding: 10px 20px;
    display: block;
}

.articles-events .type {
    float: left;
    width: 70px;
    text-align: center
}

.articles-events .type span {
    width: 100%;
    display: block;
    padding: 3px 5px;
    border: 1px solid #ebf6fa;
    margin: 2px 0 0 0;
    text-decoration: none;
    font-size: 12px;
}

.content>article p.font-404 {
    font-size: 12rem;
    text-align: center;
    opacity: 0.1;
    font-weight: bold;
    margin: -50px 0 -150px 0;
    pointer-events: none;
    text-shadow: 0px 0px 40px rgb(0, 0, 0, 0.2);
    color: #00abec;
}

.content>article a.search-button {
    line-height: 20px;
    padding: 15px 30px;
    background: #00abec;
    color: #fff;
    display: inline-block;
    text-decoration: none;
    margin: 20px 0;
}

.mapa-holesovsko {
    margin: 20px 0 40px 0;
}

.mapa-holesovsko .card {
    margin: 0 0 20px 0;
}

.mapa-holesovsko .card a {
    transition: all 300ms;
    display: block;
    clear: both;
}

.mapa-holesovsko .card a:hover {
    background: #ebf6fa;
}

.mapa-holesovsko .card a:after {
    content: "";
    clear: both;
    display: table;
}

.mapa-holesovsko .card a img {
    float: left;
    margin: 0 20px 0 0;
    width: 100px;
    height: 100px;
    object-fit: cover;
}

.mapa-holesovsko .card a h3 {
    margin: 0 0 5px 0;
    padding: 5px 0 0 0;
    text-transform: uppercase;
}

.mapa-holesovsko .card a p {
    font-size: 14px;
}

.footable-podnikani {
    width: 100%;
}

table.footable.footable-podnikani {
    border-collapse: separate;
    border-spacing: 0 20px;
}

.footable-podnikani tbody tr {
    transition: all 300ms;
}

.footable-podnikani tbody tr:hover {
    background: #ebf6fa;
}

.footable-podnikani a.img-link,
.footable-podnikani a.content-link {
    transition: all 300ms;
    display: block;
}

.footable-podnikani a.content-link:hover {
    background: #ebf6fa;
}

.footable-podnikani td.img,
.footable-podnikani a.img-link,
.footable-podnikani a.img-link img {
    width: 200px;
    height: 100%;
}

.footable-podnikani td.img {
    position: relative;
}

.footable-podnikani a.img-link {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

@media only screen and (max-width: 40em) {

    .footable-podnikani td.img,
    .footable-podnikani a.img-link,
    .footable-podnikani a.img-link img {
        width: 100px;
    }
}

.footable-podnikani a.content-link {
    padding: 10px 30px;
    text-decoration: none;
    height: 100%;
    min-height: 150px;
    margin: 0;
}

.footable-podnikani a.content-link h2 {
    padding: 0;
    font-family: inherit;
    margin: 0 0 10px 0;
}

.footable-podnikani a.content-link h2:before,
.footable-podnikani a.content-link h2:after {
    display: none;
}

.footable-podnikani a.content-link ul li {
    padding: 0;
    font-size: 12px;
    display: inline-block;
    padding: 5px 10px;
    margin: 0 0 10px 0;
    border: 1px solid #e7e7e7;
}

.footable-podnikani a.content-link ul li:before {
    display: none;
}

.content>article ul.pagination li {
    float: left;
    padding: 0;
}

.content>article ul.pagination li:before {
    display: none;
}

.content>article ul.podnikani-buttons {
    margin: 0 -10px 40px -10px;
}

.content>article ul.podnikani-buttons:after {
    content: "";
    display: table;
    clear: both;
}

.content>article ul.podnikani-buttons li {
    padding: 0;
    float: left;
    width: 100%;
    padding: 0 10px;
}

@media only screen and (min-width: 64.063em) {
    .content>article ul.podnikani-buttons li {
        width: 33.333%;
    }
}

.content>article ul.podnikani-buttons li:before {
    display: none;
}

.content>article ul.podnikani-buttons li a {
    display: block;
    padding: 10px 15px 10px 55px;
    color: #fff;
    background: #007aca;
    text-decoration: none;
    font-size: 18px;
    line-height: 30px;
    transition: all 300ms;
    position: relative;
}

.content>article ul.podnikani-buttons li a i.fa {
    font-size: 24px;
    line-height: 30px;
    padding: 10px 0;
    width: 45px;
    text-align: center;
    position: absolute;
    left: 10px;
    top: 0;
}

.content>article ul.podnikani-buttons li:hover a {
    background: #006BB3;
}

.content>article ul.a-z li:before {
    display: none;
}

.content>article ul.a-z li {
    padding: 0;
}

.content>article ul.a-z li a {
    padding: 10px 5px;
    display: block;
}

.content>article ul.a-z {
    text-align: center;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: 20px -0.0625rem 20px -0.0625rem;
}

.content>article ul.a-z li {
    list-style-type: none;
    background: #ebf6fa;
    border: 0.0625rem solid #FFFFFF;
    transition: all 300ms ease-out;
}

.content>article ul.a-z li a {
    display: block;
    padding: 1.25rem 0.3125rem;
    min-width: 2.46875rem;
    text-align: center;
    text-decoration: none;
    width: 100%;
    height: 63px;
}

.content>article ul.a-z li:hover {
    background: #3498db;
}

.content>article ul.a-z li:hover a {
    color: #FFFFFF;
}

.content>article ul.a-z li.active {
    background: #00abec;
}

.content>article ul.a-z li.active a {
    color: #FFFFFF;
}

.content>article ul.a-z li.active:hover {
    background: #00abec;
}

.content>article ul.a-z li a span {
    margin-top: 4px;
    display: inline-block;
}

@media only screen and (min-width: 64.0625em) {
    .content>article ul.a-z {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: nowrap;
    }

    .content>article ul.a-z li {
        width: 100%;
    }

    .content>article ul.a-z li a {
        width: auto;
        min-width: auto;
    }
}

@media only screen and (max-width: 64em) {
    .contractor-table .column table {
        margin: 0 0 -2px 0;
    }

    .contractor-table .column:last-child table {
        margin: 0 0 40px 0;
    }
}

@media only screen and (min-width: 64.063em) {
    .contractor-table .column table {
        margin: 0 0 40px 0;
    }
}

.contractor-table table tr td {
    word-break: break-all;
}

.contractor-table table tr td:nth-of-type(1) {
    min-width: 135px;
}

@media only screen and (min-width: 64.0625em) {
    .contractor-table {
        margin: 0 -10px;
    }

    .contractor-table:after {
        display: table;
        clear: both;
        content: '';
    }

    .contractor-table .column {
        width: 50%;
        float: left;
        padding: 0 10px;
    }
}

.contractor-content:after {
    display: table;
    clear: both;
    content: '';
}

.contractor-content .contractor-img,
.contractor-content .contractor-text {
    float: left;
    width: 100%;
}

.contractor-content .contractor-img {
    text-align: center;
}

.contractor-content .contractor-img img {
    max-width: 400px;
    width: 100%;
}

.contractor-content .contractor-text {
    padding: 40px 0 0 0;
}

@media only screen and (min-width: 40.063em) and (max-width: 64em) {
    .contractor-content .contractor-img {
        width: 200px;
    }

    .contractor-content .contractor-text {
        width: calc(100% - 200px);
        padding: 0 0 0 40px;
    }
}

@media only screen and (min-width: 64.0625em) {
    .contractor-content .contractor-img {
        width: 400px;
        max-width: 100%;
    }

    .contractor-content .contractor-text {
        width: 600px;
        max-width: 100%;
        padding: 0 0 0 40px;
    }
}

/*===============
== TIME-PICKER ==
===============*/

.ui-timepicker-wrapper {
    overflow-y: auto;
    height: 150px;
    width: 6.5em;
    background: #fff;
    border: 1px solid #ddd;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    outline: none;
    z-index: 10001;
    margin: 0;
}

.ui-timepicker-wrapper.ui-timepicker-with-duration {
    width: 13em;
}

.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-30,
.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-60 {
    width: 11em;
}

.ui-timepicker-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.ui-timepicker-duration {
    margin-left: 5px;
    color: #888;
}

.ui-timepicker-list:hover .ui-timepicker-duration {
    color: #888;
}

.ui-timepicker-list li {
    padding: 3px 0 3px 5px;
    cursor: pointer;
    white-space: nowrap;
    color: #000;
    list-style: none;
    margin: 0;
}

.ui-timepicker-list:hover .ui-timepicker-selected {
    background: #fff;
    color: #000;
}

li.ui-timepicker-selected,
.ui-timepicker-list li:hover,
.ui-timepicker-list .ui-timepicker-selected:hover {
    background: #1980EC;
    color: #fff;
}

li.ui-timepicker-selected .ui-timepicker-duration,
.ui-timepicker-list li:hover .ui-timepicker-duration {
    color: #ccc;
}

.ui-timepicker-list li.ui-timepicker-disabled,
.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
    color: #888;
    cursor: default;
}

.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
    background: #f2f2f2;
}

/*============
== PICKMEUP ==
============*/

/**
 * @package     PickMeUp - jQuery datepicker plugin
 * @author      Nazar Mokrynskyi <nazar@mokrynskyi.com>
 * @author      Stefan Petre <www.eyecon.ro>
 * @copyright   Copyright (c) 2013-2015, Nazar Mokrynskyi
 * @copyright   Copyright (c) 2008-2009, Stefan Petre
 * @license     MIT License, see license.txt
 */

.pickmeup {
    background: #fff;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    display: none;
    position: absolute;
}

.pickmeup * {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.pickmeup .pmu-instance {
    border: 1px solid #bfbfbf;
    display: inline-block;
    padding: 5px;
    text-align: center;
    width: 215px;
}

.pickmeup .pmu-instance .pmu-button {
    border: 1px solid transparent;
    color: #000;
    cursor: pointer;
    outline: none;
    text-decoration: none;
}

.pickmeup .pmu-instance .pmu-today {
    border: 1px solid #d6d6d6;
}

.pickmeup .pmu-instance .pmu-button:hover {
    background-color: #e5ecf8;
}

.pickmeup .pmu-instance .pmu-not-in-month {
    color: #bfbfbf;
}

.pickmeup .pmu-instance .pmu-disabled,
.pickmeup .pmu-instance .pmu-disabled:hover {
    color: #333;
    cursor: default;
}

.pickmeup .pmu-instance .pmu-selected {
    background-color: #bccdec;
}

.pickmeup .pmu-instance .pmu-not-in-month.pmu-selected {
    background: #bccdec;
}

.pickmeup .pmu-instance nav {
    color: #eee;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    line-height: 26px;
}

.pickmeup .pmu-instance nav *:first-child :hover {
    color: #88c5eb;
}

.pickmeup .pmu-instance nav .pmu-prev,
.pickmeup .pmu-instance nav .pmu-next {
    display: none;
    height: 26px;
    width: 14%;
}

.pickmeup .pmu-instance nav .pmu-month {
    width: 14em;
}

.pickmeup .pmu-instance .pmu-years *,
.pickmeup .pmu-instance .pmu-months * {
    display: inline-block;
    line-height: 3.6em;
    width: 3.5em;
}

.pickmeup .pmu-instance .pmu-day-of-week {
    background-color: #f7f7f7;
    border: 1px solid #4285F4;
    border-bottom: 1px solid #bfbfbf;
    color: #000;
    cursor: default;
}

.pickmeup .pmu-instance .pmu-days {
    border: 1px solid #4285F4;
    border-top: 0;
}

.pickmeup .pmu-instance .pmu-day-of-week *,
.pickmeup .pmu-instance .pmu-days * {
    display: inline-block;
    line-height: 1.5em;
    width: 14%;
}

.pickmeup .pmu-instance .pmu-day-of-week * {
    line-height: 1.8em;
}

.pickmeup .pmu-instance:first-child .pmu-prev,
.pickmeup .pmu-instance:last-child .pmu-next {
    display: block;
}

.pickmeup .pmu-instance:first-child .pmu-month,
.pickmeup .pmu-instance:last-child .pmu-month {
    width: 13em;
}

.pickmeup .pmu-instance:first-child:last-child .pmu-month {
    width: 177px;
}

.pickmeup:not(.pmu-view-days) .pmu-days,
.pickmeup:not(.pmu-view-days) .pmu-day-of-week,
.pickmeup:not(.pmu-view-months) .pmu-months,
.pickmeup:not(.pmu-view-years) .pmu-years {
    display: none;
}

.form-msg.success {
    color: #22C528;
}

.form-msg.success>strong {
    background: #d4ffd6;
    padding: 7px;
}

.form-msg.failure {
    color: #fb2424;
}

.form-msg.failure>strong {
    background: #ffe4e4;
    padding: 7px;
}

.row {
    margin: 0 auto;
    width: 100%;
}

.row:before,
.row:after {
    content: " ";
    display: table;
}

.row:after {
    clear: both;
}

.row.collapse>.column,
.row.collapse>.columns {
    padding-left: 0;
    padding-right: 0;
}

.row.collapse .row {
    margin-left: 0;
    margin-right: 0;
}

.row .row {
    margin: 0 -1.25rem;
    max-width: none;
    width: auto;
}

.row .row:before,
.row .row:after {
    content: " ";
    display: table;
}

.row .row:after {
    clear: both;
}

.row .row.collapse {
    margin: 0;
    max-width: none;
    width: auto;
}

.row .row.collapse:before,
.row .row.collapse:after {
    content: " ";
    display: table;
}

.row .row.collapse:after {
    clear: both;
}

.column,
.columns {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    width: 100%;
    float: left;
}

.column+.column:last-child,
.columns+.column:last-child,
.column+.columns:last-child,
.columns+.columns:last-child {
    float: left;
}

.column+.column.end,
.columns+.column.end,
.column+.columns.end,
.columns+.columns.end {
    float: left;
}

@media only screen {

    .column,
    .columns {
        position: relative;
        padding-left: 1.25rem;
        padding-right: 1.25rem;
        float: left;
    }

    .small-1 {
        width: 8.33333%;
    }

    .small-2 {
        width: 16.66667%;
    }

    .small-3 {
        width: 25%;
    }

    .small-4 {
        width: 33.33333%;
    }

    .small-5 {
        width: 41.66667%;
    }

    .small-6 {
        width: 50%;
    }

    .small-7 {
        width: 58.33333%;
    }

    .small-8 {
        width: 66.66667%;
    }

    .small-9 {
        width: 75%;
    }

    .small-10 {
        width: 83.33333%;
    }

    .small-11 {
        width: 91.66667%;
    }

    .small-12 {
        width: 100%;
    }
}

@media only screen and (min-width: 40.0625em) {

    .column,
    .columns {
        position: relative;
        padding-left: 1.25rem;
        padding-right: 1.25rem;
        float: left;
    }

    .medium-1 {
        width: 8.33333%;
    }

    .medium-2 {
        width: 16.66667%;
    }

    .medium-3 {
        width: 25%;
    }

    .medium-4 {
        width: 33.33333%;
    }

    .medium-5 {
        width: 41.66667%;
    }

    .medium-6 {
        width: 50%;
    }

    .medium-7 {
        width: 58.33333%;
    }

    .medium-8 {
        width: 66.66667%;
    }

    .medium-9 {
        width: 75%;
    }

    .medium-10 {
        width: 83.33333%;
    }

    .medium-11 {
        width: 91.66667%;
    }

    .medium-12 {
        width: 100%;
    }
}

@media only screen and (min-width: 64.0625em) {

    .column,
    .columns {
        position: relative;
        padding-left: 1.25rem;
        padding-right: 1.25rem;
        float: left;
    }

    .large-1 {
        width: 8.33333%;
    }

    .large-2 {
        width: 16.66667%;
    }

    .large-3 {
        width: 25%;
    }

    .large-4 {
        width: 33.33333%;
    }

    .large-5 {
        width: 41.66667%;
    }

    .large-6 {
        width: 50%;
    }

    .large-7 {
        width: 58.33333%;
    }

    .large-8 {
        width: 66.66667%;
    }

    .large-9 {
        width: 75%;
    }

    .large-10 {
        width: 83.33333%;
    }

    .large-11 {
        width: 91.66667%;
    }

    .large-12 {
        width: 100%;
    }

    .row.large-collapse>.column,
    .row.large-collapse>.columns {
        padding-left: 0;
        padding-right: 0;
    }

    .row.large-collapse .row {
        margin-left: 0;
        margin-right: 0;
    }

    .row.large-uncollapse>.column,
    .row.large-uncollapse>.columns {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
        float: left;
    }
}

ul.local-personalities-select {
    margin: 1.25rem 0 2.5rem 0;
    text-align: center;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: 0 -0.0625rem;
}

ul.local-personalities-select li {
    list-style-type: none;
    background: #eeefef;
    border: 0.0625rem solid #FFFFFF;
    transition: all 300ms ease-out;
}

ul.local-personalities-select li a {
    display: block;
    padding: 1.25rem 0.3125rem;
    min-width: 2.46875rem;
    text-align: center;
    width: 100%;
    height: 100%;
}

ul.local-personalities-select li a span:not(.fa) {
    font-size: 1.125rem;
    line-height: 1.375rem;
}

ul.local-personalities-select li:hover {
    background: #3498db;
}

ul.local-personalities-select li:hover a {
    color: #FFFFFF;
}

ul.local-personalities-select li.active {
    background: #3498db;
}

ul.local-personalities-select li.active a {
    color: #FFFFFF;
}

ul.local-personalities-select li.active:hover {
    background: #258bcf;
}

@media only screen and (min-width: 64.0625em) {
    ul.local-personalities-select {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: nowrap;
    }

    ul.local-personalities-select li {
        width: 100%;
    }

    ul.local-personalities-select li a {
        width: auto;
        min-width: auto;
    }
}

.personality-img[data-lightbox] {
    width: 100%;
    /* height: 11.25rem; */
    margin: 0 0 1.25rem 0;
}

@media only screen and (max-width: 40em) {
    .personality-img[data-lightbox] {
        height: 15rem;
    }
}

@media only screen and (min-width: 40.0625em) and (max-width: 64em) {
    .personality-img[data-lightbox] {
        height: 16.5625rem;
    }
}

.local-personality {
    margin: 2.5rem 0 0 0;
}

.local-personality a {
    display: block;
}

.local-personality a.img {
    height: 24vh;
    background: #eeefef;
    position: relative;
}

.local-personality a.img:before {
    content: '\e82a';
    font-family: Linearicons-Free;
    font-size: 2.25rem;
    color: #303539;
    width: 100%;
    height: 100%;
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 5;
}

.local-personality a.img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 10;
    position: relative;
    transition: all 300ms ease-out;
}

.local-personality a.img:hover {
    background: #d5d8d8;
}

.local-personality a.img:hover img {
    opacity: 0.1;
}

.local-personality a.img:hover:before {
    content: '\e86f';
    z-index: 11;
}

.local-personality a {
    text-decoration: none !important;
}

.local-personality a h3 {
    text-transform: none;
    padding: 0.625rem 0;
    margin: 0;
    text-align: center;
    transition: all 300ms ease-out;
    color: #000;
    font-weight: 600;
}

.local-personality a h3:hover {
    color: #3498db;
}

.personality-info {
    border-top: 0;
    margin: 0 0 2.5rem 0;
}

.personality-info:before,
.personality-info:after {
    content: " ";
    display: table;
}

.personality-info:after {
    clear: both;
}

.personality-info li {
    list-style-type: none;
    min-height: 2.375rem;
    margin: 0;
    position: relative;
    padding: 0;
    margin-bottom: 0.125rem;
    display: block;
    border-bottom: none;
}

.personality-info li:before,
.personality-info li:after {
    content: " ";
    display: table;
}

.personality-info li:after {
    clear: both;
}

.personality-info li .title {
    padding: 0.625rem;
    width: 100%;
    border-bottom: 0.0625rem solid #ffffff;
    display: block;
    background: #ebf6fa;
}

.personality-info li .content {
    padding: 0.625rem;
    display: block;
}

@media only screen and (min-width: 64.0625em) {
    .personality-info li .title {
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 10rem;
        border-right: 0.0625rem solid #ffffff;
        border-bottom: none;
    }

    .personality-info li .content {
        padding: 0.625rem 0.625rem 0.625rem 10.625rem;
        float: left;
        width: 100%;
    }
}

.personality-img {
    width: 100%;
    margin: 0 0 1.25rem 0;
    display: block;
}

.personality-img img {
    width: 100%;
    margin: 0 0 1.25rem 0;
    object-fit: cover;
}

.personality-img:before {
    content: '\e82a';
    font-family: Linearicons-Free;
    font-size: 2.25rem;
    color: #303539;
    width: 100%;
    height: 100%;
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 5;
}

.personality-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 10;
    position: relative;
    transition: all 300ms ease-out;
    margin: 0;
    display: block;
}

.personality-img:hover {
    background: #d5d8d8;
}

.personality-img:hover img {
    opacity: 0.1;
}

.personality-img:hover:before {
    content: '\e86f';
    z-index: 11;
}

@media only screen and (max-width: 40em) {
    .personality-img {
        height: 15rem;
    }
}

@media only screen and (min-width: 40.0625em) and (max-width: 64em) {
    .personality-img {
        height: 16.5625rem;
    }
}

p.honorable {
    text-align: center;
    margin: -20px 0 40px 0;
    text-transform: uppercase;
    font-size: 12px;
}

.hide {
    display: none;
}

.superstar button {
    margin: auto;
}

/*
PERIODIKUM HOLEÅ OVKO v /periodikum-holesovsko
*/
.periodikum-owl-carousel .owl-item img.holesovsko-carousel-image {
    width: 150px;
    height: auto;
}

.periodikum-owl-carousel .owl-item p a.holesovsko-carousel-title {
    text-transform: capitalize;
}


.content>article .holesovsko-list {
    display: block;
    list-style: none;
}

.content>article .holesovsko-list:after {
    clear: both;
    content: "";
    display: table;
}

.content>article .holesovsko-list>li {
    padding: 0;
    display: block;
    height: auto;
    float: left;
}

.content>article .holesovsko-list>li:before {
    content: "";
    display: none;
}

.content>article .holesovsko-list>.holesovsko-list-heading {
    width: 100%;
    padding: 5px 10px;
    position: relative;
}

.content>article .holesovsko-list>.holesovsko-list-heading:before {
    content: "";
    display: block;
    position: absolute;
    width: 8px;
    height: 8px;
    top: 2px;
    left: 0px;
    background: #007aca;
}

.content>article .holesovsko-list>.holesovsko-list-heading:after {
    content: "";
    display: block;
    position: absolute;
    width: 8px;
    height: 8px;
    top: 12px;
    left: 0px;
    background: #f8ef22;
}

.content>article .holesovsko-list>.holesovsko-list-item {
    width: calc(20% - 2px);
    background: #ebf6fa;
    margin-right: 2px;
}

.content>article .holesovsko-list>.holesovsko-list-item:hover {
    background: #d6e0e4;
}

@media screen and (max-width:640px) {
    .content>article .holesovsko-list>.holesovsko-list-item {
        width: calc(25% - 2px);
    }
}

@media screen and (max-width:520px) {
    .content>article .holesovsko-list>.holesovsko-list-item {
        width: calc(50% - 2px);
    }
}

.content>article .holesovsko-list>.holesovsko-list-item>a {
    display: block;
    width: 100%;
    height: auto;
    padding: 5px 10px;
    text-decoration: none;
    text-transform: capitalize;
}

.registry-message {
    border-left: 5px solid #ff9900;
    background-color: #fdd3b0;
    color: #000;
    font-size: 1.2rem !important;
    line-height: auto !important;
    margin: 15px 0;
    padding: 15px;
}

.article-datetime {
    font-size: 0.75em !important;
    color: #757575 !important;
    letter-spacing: 0.02em !important;
}



/************************************
          lišta COOKIES 2022
*************************************/

/* tabulka pro Cookies */

.content .table-wrapper {
    background: #fff;
    overflow-x: auto;
    min-width: 280px;
}

.content table.table-cookies {
    border: solid 1px #ddd;
    border-collapse: collapse;
    border-spacing: 0;
    display: table;
    text-align: left;
    width: 100%;
}

.content table.table-cookies tr {
    border-top: solid 1px #ddd;
}

.content table.table-cookies tr:first-child {
    border-top: none;
}

.content table.table-cookies th {
    background: #f9f9f9;
    border-bottom: 1px solid #ddd;
    font-size: 0.9375em;
    padding: 1vmin 10px;
}

.content table.table-cookies td {
    /* background: #fff; */
    /* border: 1px solid #ddd; */
    color: #111;
    font-size: 0.9375em;
    line-height: 1.5625em;
    padding: 1vmin 10px;
    transition: all 0.2s !important;
}

.content table.table-cookies th:nth-child(1) {
    width: 15%;
}

.content table.table-cookies th:nth-child(2) {
    width: 15%;
}

.content table.table-cookies th:nth-child(3) {
    width: 15%;
}

.content table.table-cookies th:nth-child(4) {
    width: 65%;
}


/* .content table.table-cookies tr:nth-child(2n+1) td { 
  background-color: #f8f8f8; 
} */

.content table.table-cookies tr:hover td {
    background-color: #f9f9f9;
    cursor: default;
}

@media screen and (max-width: 900px) {

    .content table.table-cookies th:nth-child(1),
    .content table.table-cookies th:nth-child(2),
    .content table.table-cookies th:nth-child(3),
    .content table.table-cookies th:nth-child(4) {
        width: auto;
    }
}


/* okno pro cookies */

.freeprivacypolicy-com---nb .cc-nb-main-container {
    padding: 1.5rem !important;
}

.freeprivacypolicy-com---palette-light.freeprivacypolicy-com---nb {
    box-shadow: 0 0 30px rgb(68 45 45 / 20%);
    max-width: 500px;
}


/* nadpis + text */

.freeprivacypolicy-com---nb .cc-nb-title,
.freeprivacypolicy-com---pc-dialog .cc-pc-head-title-headline,
.freeprivacypolicy-com---pc-dialog .cc-cp-body-content-entry-title {
    font-family: 'Roboto Slab', sans-serif;
    font-size: 1.3rem !important;
    font-weight: 700 !important;
    line-height: 1em;
    margin: 0 0 5px 0;
}

.freeprivacypolicy-com---nb .cc-nb-text,
.freeprivacypolicy-com---pc-dialog .cc-cp-body-content-entry-text {
    color: #000;
    font-size: 0.95rem !important;
    line-height: 1.3em;
}


/* buttony */

.freeprivacypolicy-com---palette-light .cc-nb-okagree,
.freeprivacypolicy-com---palette-light .cc-nb-reject,
.freeprivacypolicy-com---palette-light .cc-cp-foot-save {
    background-color: #007aca !important;
}

.freeprivacypolicy-com---palette-light .cc-nb-okagree:hover,
.freeprivacypolicy-com---palette-light .cc-nb-reject:hover,
.freeprivacypolicy-com---palette-light .cc-cp-foot-save:hover {
    background-color: rgba(0, 0, 0, 0.8) !important;
}


@media screen and (max-width: 640px) {
    .freeprivacypolicy-com---nb-simple {
        max-width: 100% !important;
    }

    .freeprivacypolicy-com---palette-light .cc-nb-okagree,
    .freeprivacypolicy-com---palette-light .cc-nb-reject {
        display: inline-block !important;
        width: 49% !important;
    }
}

.form-event-no-grid,
.form-event-grid {
    border: 1px solid #a7a7a7;
    margin-bottom: 15px;
    padding: 15px;
}

.form-event-grid {
    column-gap: 5px;
    display: grid;
}

.form-event-grid-50 {
    grid-template-columns: 50% 50%;
}

.form-event-grid-33 {
    grid-template-columns: 33% 33% 33%;
}

.form-event-grid-25 {
    grid-template-columns: 25% 25% 25% 25%;
}

.form-event label {
    font-weight: 300;
}

.form-event textarea {
    line-height: normal;
    min-height: 250px;
}

.form-event input,
.form-event select,
.form-event textarea {
    width: 100% !important;
}

.form-event input:required,
.form-event select:required,
.form-event textarea:required,
.form-event .pseudo-required {
    border-bottom: 2px solid #ff9900;
}


/* redesign */

.header-bar>div>section.right>.social>a.header-icon i.fab.fa-facebook {
    color: #3b5998;
}

.header-bar>div>section.right>.social>a.header-icon i.fab.fa-youtube {
    color: #ff0000;
    ;
}

.header-bar>div>section.right>.social>a.header-icon i.fab.fa-instagram {
    background: radial-gradient(ellipse at 70% 70%, #ee583f 8%, #d92d77 42%, #bd3381 58%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #ffffff;
}

.bookmarks-wrap {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    height: auto;
    position: fixed;
    top: 200px;
    right: 0px;
    width: auto;
    z-index: 1;
}

.bookmarks {
    background: #f3f3f3;
    display: flex;
    align-items: center;
    height: 50px;
    margin: 0 -170px 5px 0;
    width: 220px;
    transition: all 0.2s ease 0s;
}

.bookmarks:hover {
    margin: 0 0 5px 0;
}

a.bookmarks {
    text-decoration: none;
}

.bookmarks p {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    color: #00000e;
    font-size: 0.9em;
    font-weight: 500;
    height: auto;
    overflow: hidden;
    padding: 0 10px;
}

.bookmarks i {
    background: #00aced;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2em;
    height: 100%;
    flex: 0 0 50px;
    opacity: 0.9;
}


@media screen and (max-width: 1000px) {
    .bookmarks-wrap {
        display: none;
    }
}

/************************************
     1.8.2023
************************************/
.tabs-left {
    float: left;
    height: auto;
    width: 60%;
}
.tabs-left p {
    font-size: 0.9375em;
    font-weight: 300;
    line-height: 1.5625em;
}

.tabs-left>div {
    display: none;
    padding: 4vmin 0 5vmin 0;
}

.tabs-left>.active {
    display: block;
}

.tabs-left ul li i {
    display: none;
    color: #00aced;
    margin: 0 10px 0 0;
}

.tabs-left .transformer-tabs img {
    display: inline-block;
    height: auto;
    margin: 0 10px -15px 0;
    width: 100%;
    max-width: 40px;
}

.tabs-left .transformer-tabs ul {
    list-style: none;
    margin: 0 auto;
    width: 100%;
}

.tabs-left .transformer-tabs li {
    display: inline-block;
    padding: 0;
    vertical-align: bottom;
}

.tabs-left .transformer-tabs li::before {
    content: "";
    padding: 0;
}

.tabs-left .transformer-tabs a:link,
.tabs-left .transformer-tabs a:visited {
    background: #ebf6fa;
    border-top: solid 5px #fff;
    display: inline-block;
    color: #111;
    font-family: "Roboto";
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.2em;
    padding: 20px 3vmin;
    text-decoration: none;
    transition: all 0.2s ease 0s;
}
.tabs-left .transformer-tabs a:hover {
    text-decoration: underline;
}

.tabs-left .transformer-tabs a.active {
    background: #fff;
    border-top: solid 5px #00aced;
    position: relative;
}

.tabs-right {
    float: left;
    padding: 0 0 0 3vmin;
    height: auto;
    width: 100%;
}
.tabs-right p {
    font-size: 0.9375em;
    font-weight: 300;
    line-height: 1.5625em;
}

.tabs-right>div {
    display: none;
    padding: 4vmin 0 2vmin 0;
}

.tabs-right>.active {
    display: block;
}

.tabs-right ul li i {
    display: none;
    color: #00aced;
    margin: 0 10px 0 0;
}

.tabs-right .transformer-tabs img {
    display: inline-block;
    height: auto;
    margin: 0 10px -15px 0;
    width: 100%;
    max-width: 40px;
}

.tabs-right .transformer-tabs ul {
    list-style: none;
    margin: 0 auto;
    width: 100%;
}

.tabs-right .transformer-tabs li {
    display: inline-block;
    padding: 0;
    vertical-align: bottom;
}

.tabs-right .transformer-tabs li::before {
    content: "";
    padding: 0;
}

.tabs-right .transformer-tabs a:link,
.tabs-right .transformer-tabs a:visited {
    background: #ebf6fa;
    border-top: solid 5px #fff;
    display: inline-block;
    color: #111;
    font-family: "Roboto";
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.2em;
    padding: 20px 3vmin;
    text-decoration: none;
    transition: all 0.2s ease 0s;
}
.tabs-right .transformer-tabs a:hover {
    text-decoration: underline;
}

.tabs-right .transformer-tabs a.active {
    background: #fff;
    border-top: solid 5px #00aced;
    position: relative;
}


.tabs-right-wrap {
    border-left: solid 1px #ddd;
    float: right;
    height: auto;
    width: 35%;
}



@media (max-width: 1400px) {
    .tabs-left .transformer-tabs a:link,
    .tabs-left .transformer-tabs a:visited {
        font-size: 0.9rem;
        padding: 20px 2vmin;
    }

    .tabs-right .transformer-tabs a:link,
    .tabs-right .transformer-tabs a:visited {
        font-size: 0.9rem;
        padding: 20px 2vmin;
    }
}

@media (max-width: 800px) {
    /*.tabs-left span {
        display: none;
    }*/

    .tabs-right span {
        display: none;
    }

    .tabs-right ul li i {
        display: block;
        color: #007aca;
        font-size: 1.6em;
        margin: 0 20px;
    }

    .tabs-left .transformer-tabs li {
        display: block;
    }
    .tabs-left .transformer-tabs a:link, .tabs-left .transformer-tabs a:visited {
        display: block;
    }
}

@media (max-width: 700px) {
    .tabs-left {
        width: 100%;
        margin: 0;
        padding: 0 3vmin;
    }
    .tabs-right-wrap {
        border-left: none;
        width: 100%;
    }
    .tabs-right {
        margin: 50px 0;
        padding: 0 3vmin;
        width: 100%;
    }
}

.content .news {
    float: left;
    height: auto;
    width: 100%;
}

.content .new {
    background: #fff;
    float: left;
    margin: 0 0 3vmin 0;
    height: 140px;
    width: 100%;
    transition: all 0.2s ease 0s;
}


.content .new .new_image {
    display: block;
    float: left;
    height: 140px;
    width: 30%;
    position: relative;
}

.content .new .new_image .new-fit-cover {
    display: block;
    height: 140px;
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.new-more-text {
    color: #fff;
    font-size: 3em;
    font-weight: 200;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    z-index: 2;
}

.new-color-overlay {
    background: #000;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0.03;
    transition: .3s ease;
}
.new_image:hover .new-color-overlay {
    background: #00aced;
    opacity: 0.8;
    z-index: 1;
}

.content .new .new_content {
    display: flex;
    flex-direction: column;
    align-items: left;
    justify-content: center;
    float: left;
    height: 100%;
    padding: 0 0 0 40px;
    width: 70%;
}

.content .new .new_content .new_title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: auto;
    max-height: 3rem;
    overflow: hidden;
    position: relative;
    float: left;
    line-height: 1.2rem;
    width: 100%;
}

.content .new .new_content .new_title a:link,
.content .new .new_content .new_title a:visited {
    color: #000;
    font-size: 1.2rem;
    font-weight: 600;
    text-decoration: none;
}

.content .new .new_content .new_title a:hover {
    color: #007aca;
    text-decoration: underline;
}

.content .new .new_text {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: auto;
    max-height: 4.125rem;
    overflow: hidden;
    margin: 10px 0;
    position: relative;
    float: left;
    width: 100%;
}

.content .new .new_text p {
    font-size: 0.9375em;
    font-weight: 300;
    line-height: 1.5625em;
}

.content .new .new_content .new_bottom {
    display: flex;
    flex: 1;
    flex-direction: row;
}

.content .new .new_content .new_date {
    display: flex;
    flex: 1;
    margin: 5px 0 0 0;
    height: auto;
    max-width: 110px;
}

.content .new .new_content .new_date p {
    color: #007aca;
    font-size: 0.85em;
    font-weight: 400;
    line-height: 1.2em;
}

.content .new .new_content .new_date .fa-calendar-alt {
    color: #007aca;
    margin: 0 7px 0 0;
}

.content .new .new_content .new_tag {
    display: flex;
    flex: 1;
}
.content .new .new_content .new_tag a:link,
.content .new .new_content .new_tag a:visited {
    border: solid 1px #007aca;
    color: #007aca;
    display: inline-block;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 0.8em;
    font-weight: 400;
    margin: 0 5px 0 0;
    padding: 1px 10px;
    text-decoration: none;
}
.content .new .new_content .new_tag a:hover {
    text-decoration: underline;
}
.content .new .new_content .new_tag p {
    display: inline-block;
}

.content .new .new_more {
    display: block;
    float: left;
    height: auto;
    width: 100%;
}

.content .new .new_more a:link,
.content .new .new_more a:visited {
    color: #007aca;
    font-size: 0.8rem;
    text-decoration: underline;
}

.content .new .new_more a:hover {
    color: #000;
}

@media screen and (max-width: 800px) {
    .content .news {
        width: 100%;
    }

    .content .new {
        margin: 0 0 2% 0;
        height: 160px;
        width: 100%;
    }

    .content .new .new_content {
        padding: 10px 20px 0 20px;
    }

    .content .new .new_image {
        height: 160px;
    }

    .content .new .new_image .new-fit-cover {
        height: 160px;
    }
}

@media screen and (max-width: 600px) {
    .content .new .new_content .new_tag {
        display: none;
    }
}
.content .button_left {
  color: #ddd;
  cursor: pointer;
  color: #333;
  float: left;
  align-items: center;
  display: flex;
  justify-content: center;
  flex-direction: row;
  font-size: 0.9rem;
  height: 4.5vmin;
  min-height: 40px;
  max-height: 50px;
  width: auto; 
  transition: all 0.2s ease 0s;
}
.content .button_left:link,
.content .button_left:visited { 
  color: #666; 
  font-size: 0.9rem;  
  font-weight: 300;
  text-decoration: none; 
 }
.content .button_left:hover { 
  color: #000;
  outline: none!important;
}

.content .button_left .fas { 
  margin: 0 0 0 15px;
  font-size: 0.9em;
}

.iframe-wrapper {
    width: 100%;
    height: 0;
    padding-bottom: 55%;
    position: relative;
}

.iframe-wrapper>iframe {
    width: 100% !important;
    height: 100vh !important;
    position: absolute;
}