/* popup youtube animate */
.mfp-fade.mfp-bg {
    opacity: 0;
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}

.mfp-fade.mfp-bg.mfp-ready {
    opacity: 0.8;
}

.mfp-fade.mfp-bg.mfp-removing {
    opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
    opacity: 0;
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1;
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0;
}

/**
 * Fade-move animation for second dialog
 */
.my-mfp-slide-bottom .zoom-anim-dialog {
    opacity: 0;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    -webkit-transform: translateY(-20px) perspective(600px) rotateX(10deg);
    -moz-transform: translateY(-20px) perspective(600px) rotateX(10deg);
    -ms-transform: translateY(-20px) perspective(600px) rotateX(10deg);
    -o-transform: translateY(-20px) perspective(600px) rotateX(10deg);
    transform: translateY(-20px) perspective(600px) rotateX(10deg);
}

.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
    opacity: 1;
    -webkit-transform: translateY(0) perspective(600px) rotateX(0);
    -moz-transform: translateY(0) perspective(600px) rotateX(0);
    -ms-transform: translateY(0) perspective(600px) rotateX(0);
    -o-transform: translateY(0) perspective(600px) rotateX(0);
    transform: translateY(0) perspective(600px) rotateX(0);
}

.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
    opacity: 0;
    -webkit-transform: translateY(-10px) perspective(600px) rotateX(10deg);
    -moz-transform: translateY(-10px) perspective(600px) rotateX(10deg);
    -ms-transform: translateY(-10px) perspective(600px) rotateX(10deg);
    -o-transform: translateY(-10px) perspective(600px) rotateX(10deg);
    transform: translateY(-10px) perspective(600px) rotateX(10deg);
}

.my-mfp-slide-bottom.mfp-bg {
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-out;
    -moz-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
}

.my-mfp-slide-bottom.mfp-ready.mfp-bg {
    opacity: 0.8;
}

.my-mfp-slide-bottom.mfp-removing.mfp-bg {
    opacity: 0;
}

.popup-text {
    background: #fff;
    padding: 20px 30px 50px 30px;
    text-align: left;
    max-width: 1000px;
    margin: 40px auto;
    position: relative;
}

.popup-text--small {
    max-width: 600px;
}

/* next css */
.text-center {
    text-align: center;
}

.mt-15 {
    margin-top: 15px;
}

.mt-50 {
    margin-top: 50px;
}

.mb-60 {
    margin-bottom: 60px;
}

.our-people img {
    max-width: 222px;
}

.cards .cards__item--sec p {
    font-size: 1.5rem;
}

.product-teaser__text p {
    font-size: 0.9rem;
}

.bc a {
    color: #fff;
}

.youtube-video {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
}

.youtube-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

ul.blue-dots li {
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: 0.063rem;
}

ul.blue-dots li::before {
    transform: scale(0.8);
    position: relative;
    top: -1px;
}

.signpost .signpost__square .signpost__item p {
    text-transform: initial;
}

.search-product form {
    position: absolute;
    top: 72px;
}

.mb-20 {
    margin-bottom: 20px;
}

@media screen and (min-width: 768px) {
    .signpost--contact .signpost__square {
        /*padding-bottom: 150%;*/
    }
}

.signpost--hp .signpost__square {
    padding-bottom: 125%;
}

.signpost__item__content .big {
    display: none;
}

@media screen and (max-width: 768px) {
    .signpost--contact .signpost__square {
        /*padding-bottom: 130%;*/
    }
}

.search-product-results__head, .search-product-results__item {
    grid-template-columns: minmax(0px, 200px) minmax(0px, 200px) 1fr minmax(0px, 160px);
}

@media screen and (max-width: 768px) {
    .search-product-results__head, .search-product-results__item {
        grid-template-columns: minmax(150px, 200px) minmax(150px, 200px) minmax(350px, 2000px) minmax(100px, 160px);
    }
}

.menu ul li {
    margin: 0 10px 0px 10px;
}

.menu .submenu {
    top: 40px;
}

.bc-news a, .bc-news span {
    color: #004B93;
}

.footer__menu ul {
    padding-left: 5px;
}

.footer .footer__menu {
    max-width: -webkit-fill-available;
    grid-template-columns: 1fr 1fr 1fr;
}

.special-mobile-hexagon a {
    display: block;
    color: #fff;
}

.special-mobile-hexagon {
    z-index: 0;
}

.contacts p {
    margin-bottom: 25px;
    font-size: 1rem;
}

@media screen and (max-width: 1024px) {
    .hero-text .hero-text__text h1 {
        font-size: 1.5rem;
        margin-bottom: 20px !important;
        line-height: 33px;
    }
}

.searching-result a {
    color: #004B93;
}

.searching-result__item {
    margin-bottom: 5px;
}

.pagination {
    display: inline-block;
}

.pagination a {
    color: #004B93;
    padding: 8px 16px;
    text-decoration: none;
    transition: background-color .3s;
    border: 1px solid #ddd;
    margin: 0 -2px;
}

.pagination a.active {
    background-color: #004B93;
    color: white;
    border: 1px solid #004B93;
}

.pagination a:hover:not(.active) {
    background-color: #ddd;
}

.success {
    color: #4b8501;
    display: block;
}

.news-detail .news__label, .news-detail .news__date {
    color: #000;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 0.75rem;
}

.news-detail {
    position: relative;
    top: -80px;
}

@media screen and (max-width: 480px) {
    .switch-table .switch-table__table {
        grid-template-columns: repeat(1, 1fr);
    }
}

.signpost .signpost__square--tall .signpost__item__content a {
    font-size: 1rem;
}

@media screen and (max-width: 480px) {
    .menu .submenu .submenu__ul > li > a, .menu .submenu__category-item {
        font-size: 1.15rem;
        line-height: 1rem;
    }
}

.sub-cat-color {
    color: #000 !important;
}

.signpost__item--href {
    cursor: pointer;
}

.switcher-langs {
    position: relative;
}

.switcher-langs > ul {
    list-style: none;
    margin: 0;
    padding: 0 0 16px 9px;
    text-transform: uppercase;
}

.switcher-langs > ul > li {

}

.switcher-langs > ul > li ul {
    display: none;
    list-style: none;
    margin: 0;
    position: absolute;
    top: 30px;
    left: 5px;
    background-color: #fff;
    padding: 0 5px;
}

.switcher-langs > ul > li > a {

}

.switcher-langs > ul > li > a {

}

.switcher-langs img {
    max-width: 25px;
}

a {

}

.errornadpis {
    text-align: center;
    color: #840B49;
    margin-top: 30px;
    text-decoration: bold;
}

.error {
    color: black;
    margin-top: 30px;
    font-size: 30px;
}

.firstlevel {
    pointers-events: none;
}

.header .header__submenu .header__submenu-section-h:hover {

    text-decoration: underline;
    color: #840B49;
}


.vanilla-calendar .vanilla-calendar-date--calendar {
    background-color: #840B49;
    color: #ffffff;
    border: 1px solid #fff;
}

.vanilla-calendar .vanilla-calendar-date--today {
    background-color: #fff;
    color: #000;
}

.errortext {
    text-align: center;
    margin-top: 30px;
    text-decoration: bold;
    margin-bottom: 30px;
}

.errortext li {
    list-style-type: none;
}


.notclickable {
    cursor: auto;
}


.notclickable a {
    pointer-events: none;
    text-decoration: none;
    cursor: auto;
    color: #840B49;
}

.notclickable_breadcrumb {
    pointer-events: none;
    text-decoration: none;
    color: #840B49;
    color: #840B49;
    font-size: 0.875rem;
    font-weight: 400;
    letter-spacing: 0.094rem;
    position: relative;
}

.notclickable_breadcrumb:before {
    content: "";
    width: 12px;
    height: 12px;
    border-right: 2px solid #840B49;
    border-bottom: 2px solid #840B49;
    position: absolute;
    right: -24px;
    top: 50%;
    transform: translateY(-50%) rotate(-45deg);
}


.lastitem {
    pointer-events: none;
    text-decoration: none;
    color: #840B49;
    color: #840B49;
    font-size: 0.875rem;
    font-weight: 400;
    letter-spacing: 0.094rem;
    position: relative;
}

.lastitem:after {
    content: "";
}


.article__links span {
    margin-right: 39px;
}


.article h2 {
    color: #840B49;
    font-size: 2.125rem;
    font-weight: 400;
    letter-spacing: 0.094rem;
    line-height: 3rem;
    margin: 25px 0 10px 0;
    text-align: left;
}

.article h1 {
    font-size: 2.225rem;
    font-weight: 400;
    letter-spacing: 0.055rem;
    line-height: 3rem;
    margin: 0 0 15px 0;
    color: #000000;
    text-align: left;
}

.article a {
    text-decoration: underline;
    color: #840B49;
}


.article a:hover {
    color: #000;
    text-decoration: none;
}

.article {
    margin-bottom: 30px;
}

.afacebook {
    background-color: #eaeaea;
    padding: 10px 0 30px 0;
    margin: 0px 0 0 0;
}

.page_link2, .subpage__link {
    text-decoration: none !important;
}

.article li {
    letter-spacing: normal;
    font-size: 1rem;
}

.article__links a {
    line-height: 1.5rem;
}

table td {
    font-size: inherit;
    font-weight: initial;
    letter-spacing: normal;
}

h4 {
    font-size: 1.25rem;
    color: #840B49;
}

.footer-bottom a {
    color: #fff;
}

.header .header__submenu .header__submenu-section-h {
    font-size: 1rem;
}

.header__submenu-section li a {
    margin: 0 0 1px !important;
    font-weight: 400 !important;
}

.header__submenu-section li a:hover {
    color: #840B49 !important;
}

.news-teaser {
    min-height: 70px;
}

.addNews {
    display: inline-block;
}

.news-teaser--first {
    border-top: none;
}

.vanilla-calendar .vanilla-calendar-date--calendar:hover {
    background-color: #7a8d96;
}

.lastitem {
    text-decoration: none !important;
}

.filtration {
    display: grid;
    grid-template-columns: 250px 250px 2fr;
    gap: 15px;
}

.filtrationslovnik {
    display: grid;
    grid-template-columns: 400px 300px 2fr;
    gap: 15px;
}

@media screen and (max-width: 640px) {
    .filtration {
        display: grid;
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .filtrationslovnik {
        display: grid;
        grid-template-columns: 1fr;
        gap: 15px;
    }
}

.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    width: calc(100% - 26px);
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.form-select {
    display: block;
    width: 100%;
    padding: .375rem 2.25rem .375rem .75rem;
    -moz-padding-start: calc(0.75rem - 3px);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;

    background: transparent;
    background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='35' viewBox='0 0 24 24' width='35' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    background-repeat: no-repeat;
    background-position-x: 100%;
    background-position-y: 0px;

    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
}

.form-check {
    display: block;
    min-height: 1.5rem;
    margin-bottom: .125rem;
}

.form-check label {
    position: relative;
    top: 4px;
    padding-left: 7px;
}

.filtration--checks {
    display: flex;
    flex-grow: 1;
    padding-top: 15px;
    padding-bottom: 15px;
    flex-wrap: wrap;
}

.filtration--checks > div {
    display: inline-block;
    padding-right: 15px;
    white-space: nowrap;
}

.form-check-input {
    width: 1em;
    height: 1em;
    margin-top: .25em;
    vertical-align: top;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid rgba(0, 0, 0, .25);
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.form-check-input:checked {
    background-color: #2874a6;
    border-color: #2874a6
}

.form-check-input:checked[type=checkbox] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e")
}

.form-check-input:checked[type=radio] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")
}

.container-filtration {
    background-color: #c4d0d7;
    padding: 20px 0;
}

.form-check-input:checked {
    background-color: #0d6efd;
    border-color: #0d6efd;
}

select {
    box-sizing: border-box;
    appearance: menulist;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: initial;
    border-right-color: initial;
    border-bottom-color: initial;
    border-left-color: initial;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    color: text;
    background-color: -webkit-control-background;
    align-items: center;
    white-space: pre;
    -webkit-rtl-ordering: logical;
    cursor: default;
}

.filtration-search {
}

.form-control-lg {
    min-height: calc(1.2em + 1rem + 2px);
    padding: .5rem 1rem;
    font-size: 1.25rem;
    border-radius: .3rem;
}

.blog-teaser--dvav {
    grid-template-columns: 300px 1fr;
    border-bottom: 1px solid #000;
    margin: 0;
    padding: 30px 0;
}

.blog-teaser--dvav-full {
    grid-template-columns: 1fr;
    border-bottom: 1px solid #000;
    margin: 0;
    padding: 30px 0;
}

@media (max-width: 480px) {
    .blog-teaser--dvav {
        grid-template-columns: 1fr;
    }
}

.vav-soubor {
    display: grid;
    grid-template-columns: 35px 1fr;
    align-items: center;
    gap: 15px;
    margin-bottom: 15px;
}

.vav-youtube {
    margin-bottom: 20px;
}

.black-color {
    color: #000;
}

.vino-color {
    color: #840B49;
}

.seda-color {
    color: #7a8d96;
}

.container-filtration-filter {
    margin-top: 20px;
}

button {
    cursor: pointer;
}

.error-msg {
    color: #B22222;
    font-weight: 600;
}

.soubor-download {
    cursor: pointer;
}

.container ul li {
    padding-left: 10px;
}

.container ul li ul li, .container ul li ul li ul li {
    list-style-type: disc;
}

.employee-detail {
    display: grid;
    /*rid-template-columns: 300px 1fr;*/
    grid-template-columns: 1fr;
    gap: 30px;
}

.employee-detail__foto-text {
    display: grid;
    grid-template-columns: 246px 2fr;
    gap: 30px;
}

@media (max-width: 480px) {
    .employee-detail__foto-text {
        grid-template-columns: 1fr;
    }
}

.employee-detail__foto-text table tr {
    text-transform: none !important;
    text-align: left !important;
}

.instagram-list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    gap: 20px;
}

.instagram-list img {
    object-fit: cover;
    width: 100%;
}

@media (max-width: 1024px) {
    .instagram-list {
        grid-template-columns: 1fr 1fr 1fr;
    }
}

@media (max-width: 480px) {
    .instagram-list {
        grid-template-columns: 1fr 1fr;
    }
}

.youtube-icon {
    width: 25px;
    border: 1px solid rgba(255, 255, 255, .3);
    border-radius: 100%;
    padding: 7px;
}

.button:hover {
    color: #fff !important;
}

.button {
    text-decoration: none !important;
}

.container--form {
    max-width: 600px;
}

.form-group {
    margin-top: 12px;
}

.form-group label {
    padding-bottom: 5px;
    display: inline-block;
}

.calendar {
    padding: 0;
}

.video {
    padding: 0px;
}

table td {
    border-right: none;
    border-left: none;
}

table td {
    border-top: none;
}

table th:nth-child(1) td {
    border-top: 0.063rem solid #000000;
}

table {
    border-right: none;
    border-left: none;
}

.blog-teaser ul {
    padding: 0 0 0 15px;
    margin-top: 0px;
}

.blog-teaser ul li {
    font-size: 1rem;
    letter-spacing: initial;
}

.banner .button:hover {
    color: #000 !important;
}

.footer-left__logo {
    padding-left: 0px !important;
}

.employee-detail__foto-text table th, .phoneList table th {
    background-color: #c4d0d7;
}

.header ul > li > a.active:after {
    width: calc(100% + 30px);
}

.header ul li a.active {
    color: #840B49;
}

.header .header__submenu ul a.active {
    text-decoration: underline;
}

.article__links a {
    white-space: nowrap;
    line-height: 2rem;
}

.header .header__submenu .header__submenu-section-h a.active {
    color: #840B49;
}

.hero-slider {
    background-size: cover !important;
}

.highlights__link {
    background-size: cover !important;
}

.highlights__link--none:after {
    display: none !important;
}

.highlights__link--none .arrow:after {
    display: none !important;
}

h3 {
    margin: 10px 0 0 0;
}

.employees {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.employees__item {
    display: grid;
    grid-template-columns: 246px 1fr;
    gap: 20px;
    padding-bottom: 30px;
    border-bottom: 1px solid #000;
    margin-bottom: 30px;
}

@media screen and (max-width: 600px) {
    .employees__item {
        display: block;
    }

    .employees__item .grid-center {
        margin-top: 30px;
        margin-left: 0px !important;
    }

    .hero-slider--subpage {
        max-height: 250px;
    }

    .container-widex .slick-slider-box .slick-list {
        max-height: 450px;
    }

    .hero-slider__content {
        bottom: 48.6%;
    }

    .hero-slider__content h1, .hero-slider__content h2 {
        font-size: 2.2rem;
    }

    .header .container-wide {
        width: 96%;
    }
}

.employees__item .grid-center {
    display: grid;
    align-content: center;
    margin-left: 30px;
}

.employees__item__pos {
    font-size: 1.125rem;
    font-weight: 400;
    margin-bottom: 0px;
    display: block;
    font-weight: bold;
}

@media (max-width: 1100px) {
    .employees {
        display: grid;
        grid-template-columns: 1fr;
    }
}

.headerzmena {
    background-size: contain !important;
    background-repeat: no-repeat;
    width: 100%;
    height: 0px;
    padding-top: 23.64%;
}