@media (min-width: 768px) {
     .header-top {
         padding-top: 20px;
         padding-bottom: 10px;
    }
     .popup-widget.login-widget {
         top: 121px;
    }
     .popup-widget.cart-widget {
         top: 121px;
    }
     .admin-logged .popup-widget.login-widget {
         top: 146px;
    }
     .admin-logged .popup-widget.cart-widget {
         top: 146px;
    }
}
 @media (min-width: 992px) {
     .header-top {
         padding-top: 20px;
         padding-bottom: 10px;
    }
     .popup-widget.login-widget {
         top: 121px;
    }
     .popup-widget.cart-widget {
         top: 121px;
    }
     .admin-logged .popup-widget.login-widget {
         top: 146px;
    }
     .admin-logged .popup-widget.cart-widget {
         top: 146px;
    }
}
 #footer .footer-links-icons h4 {
     text-align: center;
     margin-bottom: 15px;
}
 .footer-icons .footer-icon {
     max-width: 150px;
     min-height: 55px;
     max-height: 55px;
}
 @media (min-width: 768px) {
     .footer-icons .footer-icon {
         min-height: 65px;
         max-height: 65px;
    }
     .top-navigation-bar .container > div.top-navigation-contacts {
         top: 0;
         right: auto;
         left: 0;
         height: 50px;
    }
}
 #footer .heureka-img {
     margin-bottom: 25px;
}
 .top-navigation-contacts a.project-email {
     display: none;
}
 .top-navigation-contacts .support-block {
     text-align: center;
     padding: 0 5px;
     display: flex;
     flex-wrap: wrap;
     flex-direction: column;
     align-items: center;
}
 .top-navigation-contacts .support-block strong {
     display: block;
     color: var(--color-primary);
     font-family: "Roboto";
     font-weight: 500;
     font-size: 12px;
     line-height: 1;
}
 .top-navigation-contacts .support-block .support-time {
     color: #7c7e8f;
     font-size: 12px;
}
 @media (min-width: 992px) {
     .top-navigation-contacts .support-block strong {
         font-size: 14px;
    }
     .top-navigation-contacts .support-block .support-time {
         font-size: 12px;
    }
}
 .is-visible-header-contact .navigation-buttons .top-navigation-contacts {
     display: none;
}
 .is-header-scrolling .navigation-buttons .top-navigation-contacts {
     display: flex;
}
 .navigation-buttons .top-navigation-contacts {
     position: absolute;
     right: 0;
     height: 30px;
     align-items: center;
     background-color: #f5f6f8;
     flex-basis: 100%;
     padding: 0 30px;
     z-index: 99;
     text-align: left;
     display: none;
     top: calc(100% + 10px);
     border-radius: 15px 15px;
     right: 0;
}
 @media (max-width: 992px) {
     .navigation-buttons .top-navigation-contacts {
         display: none !important;
    }
     .top-navigation-bar .container > div.top-navigation-contacts {
         height: 50px;
    }
}
 @media (min-width: 992px) {
     .navigation-buttons .top-navigation-contacts {
         right: 15px;
         height: 45px;
         padding: 0 10px;
    }
}
 .top-navigation-bar .container > div.top-navigation-contacts {
    /* top: 50px;
     */
}
 .top-navigation-contacts a:not(.project-email) {
     color: #7c7e8f;
     display: inline-flex;
     align-items: center;
     padding: 1rem 10px;
}
 .top-navigation-contacts a:not(.project-email) span {
     display: inline;
     font-size: 12px;
     color: #7c7e8f;
     margin-left: 8px;
}
 @media (min-width: 992px) {
     .top-navigation-contacts a:not(.project-email) span {
         font-size: 14px;
    }
}
 @media (max-width: 768px) {
     .top-navigation-contacts .support-block strong {
         margin-bottom: 5px;
         margin-top: 10px;
    }
     .menuobrazek {
         display: none;
    }
}
 @media (min-width: 992px) and (max-width: 1200px) {
     .navigation-in {
         font-size: 14px;
    }
     .navigation-in > ul > li > a {
         padding-left: 10px;
    }
     .navigation-in > ul > li:not(.ext) > a {
         padding-right: 10px;
    }
}
 #footer .contact-box p {
     line-height: 2;
     color: #7c7e8f;
}
/* Kontakt */
 .in-kontakt main#content .card .info h2 {
     color: #0f0f0f;
}
 .in-kontakt main#content .card .info p {
     color: #7c7e8f;
}
 .in-kontakt main#content .card .info a {
     position: relative;
     top: 6px;
}
 .in-kontakt main#content .card .side.back p {
    /* font-family: "Inter", sans-serif !important;
     */
     font-size: 18px;
     color: #7c7e8f;
}
 @media only screen and (max-width: 768px) {
     .in-kontakt main#content .cardContainer {
         position: relative;
        /* width: 300px;
         */
        /* height: 550px;
         */
        /* min-width: 300px;
         */
        /* min-height: 550px;
         */
         margin: 15px auto;
        /* perspective: 1000px;
         */
         width: 50%;
    }
     .in-kontakt main#content .map-detail {
         position: absolute;
         top: 20px;
         left: 20px;
         background: white;
         width: 240px;
         padding: 20px;
    }
     .in-kontakt main#content .card__list {
        /* background-color: #dadce2;
         background-image: linear-gradient(140deg, white, #dadce2);
         */
         margin: 0 -15px;
        /* width: 100%;
         */
        /* display: grid;
         grid-template-columns: 1fr;
         justify-content: center;
         */
         display: flex;
         flex-wrap: wrap;
         justify-content: center;
    }
}
 .in-kontakt main#content .cardContainer {
     padding: 0 15px;
}
 @media only screen and (min-width: 768px) and (max-width: 1441px) {
     .in-kontakt main#content .cardContainer {
         position: relative;
        /* width: 300px;
         height: 550px;
         min-width: 300px;
         min-height: 550px;
         */
         margin: 15px auto;
        /* perspective: 1000px;
         */
         width: 33.33%;
    }
     .in-kontakt main#content .card__list {
        /* background-color: #dadce2;
         background-image: linear-gradient(140deg, white, #dadce2);
         */
         margin: 0;
         width: 100%;
        /* display: grid;
         grid-template-columns: 1fr 1fr;
         justify-content: center;
         */
         display: flex;
         flex-wrap: wrap;
         justify-content: center;
    }
}
 .in-contacts .content-inner > article {
     width: 100%;
}
 @media only screen and (min-width: 1441px) {
     .in-kontakt main#content .cardContainer {
         position: relative;
        /* width: 300px;
         height: 550px;
         min-width: 300px;
         min-height: 550px;
         */
         margin: 15px auto;
        /* perspective: 1000px;
         */
         width: 33.33%;
    }
     .in-kontakt main#content .card__list {
        /* background-color: #dadce2;
         background-image: linear-gradient(140deg, white, #dadce2);
         */
         margin: 0;
         width: 100%;
        /* display: grid;
         grid-template-columns: 1fr 1fr 1fr 1fr;
         justify-content: center;
         */
         display: flex;
         flex-wrap: wrap;
         justify-content: center;
    }
}
 .in-kontakt main#content .card__list {
     border-radius: 15px;
}
 @media (min-width: 1440px) {
     .in-kontakt .container {
        /*width: 1440px;
        */
    }
}
 .in-kontakt main#content .active {
     transform: translateZ(-100px) rotateY(180deg) !important;
}
 .in-kontakt main#content .active:after {
     display: none;
}
 .in-kontakt main#content .card {
     display: inline-block;
     width: 100%;
     height: 100%;
     -moz-backface-visibility: hidden;
     transform-style: preserve-3d;
     transform: translateZ(-100px);
     transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}
 .in-kontakt main#content .card:after {
     content: "";
     position: absolute;
     z-index: -1;
     width: 100%;
     height: 100%;
     border-radius: 5px;
     box-shadow: 0 14px 50px -4px rgba(0, 0, 0, 0.15);
     opacity: 0;
     transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1.4);
}
 .in-kontakt main#content .card:hover {
    /*transform: translateZ(0px);
    */
}
 .in-kontakt main#content .card:hover:after {
    /* opacity: 1;
     */
}
 .in-kontakt main#content .card .side {
    /* -webkit-backface-visibility: hidden;
     backface-visibility: hidden;
     position: absolute;
    /* width: 100%;
     */
     height: 100%;
     border-radius: 15px;
     background-color: white;
     -webkit-border-radius: 15px;
     -moz-border-radius: 15px;
     -ms-border-radius: 15px;
     -o-border-radius: 15px;
     padding-top: 25px;
}
 .in-kontakt main#content .card .front {
     z-index: 2;
}
 .in-kontakt main#content .card .back {
     transform: rotateY(180deg);
}
 .in-kontakt main#content .card .info h2 {
     margin-top: 0;
}
 .in-kontakt main#content .card .info {
     padding: 16px 25px 30px;
}
 .map img {
     border-radius: 25px;
}
 .in-kontakt main#content .card .info p:first-child {
     min-height: 100px;
}
 .in-kontakt main#content .card .info p:last-child {
     margin-bottom: 0;
}
 .in-kontakt main#content .card .info a:last-child {
     color: #0f0f0f;
}
 .in-kontakt main#content .front .img {
     background-color: #dadce2;
     background-position: center;
     background-size: cover;
     width: 200px;
     height: 200px;
     border-radius: 100%;
     border: 5px solid var(--color-primary);
     margin: 0 auto 25px;
}
 .in-kontakt main#content .front .img1 {
     background-image: url(/user/documents/upload/temp/kontakty/jakub.jpg);
}
 .in-kontakt main#content .front .img2 {
     background-image: url(/user/documents/upload/temp/kontakty/sarka.jpg);
}
 .in-kontakt main#content .front .img3 {
     background-image: url(/user/documents/upload/temp/kontakty/daniel.jpg);
}
 .in-kontakt main#content .front .img4 {
     background-image: url(/user/documents/upload/temp/kontakty/lenka_r.jpg);
}
 .in-kontakt main#content .front .img5 {
     background-image: url(/user/documents/upload/temp/kontakty/miloslav_k.jpg);
}
 .in-kontakt main#content .front .img6 {
     background-image: url(/user/documents/upload/temp/kontakty/jakub_s.jpg);
}
 .in-kontakt main#content .back {
     position: relative;
}
 .in-kontakt main#content .back h2 {
     margin-top: 6rem;
     margin-bottom: 0rem;
     text-transform: capitalize;
     line-height: 3rem;
     text-align: center;
}
 .in-kontakt main#content .back .reviews {
     display: flex;
     align-items: center;
     margin-bottom: 12px;
     cursor: pointer;
}
 .in-kontakt main#content .back .reviews p {
     color: #c4c4c4;
     font-weight: 300;
     margin: 1px 0 0 6px;
     transition: 0.3s ease-in-out;
}
 .in-kontakt main#content .back .reviews:hover p {
     color: #555;
}
 .in-kontakt main#content .back li {
     line-height: 22px;
     margin: 2px 0 6px 0;
}
 .in-kontakt main#content .back .btn {
     position: absolute;
    /* font-family: "Inter", sans-serif !important;
     */
     bottom: 16px;
     width: calc(100% - 32px);
     height: 56px;
     display: flex;
     align-items: center;
     justify-content: center;
     background-color: var(--color-primary);
     border: 1px solid var(--color-primary);
     background-image: linear-gradient(-90deg, #a2c617, #a2c617);
     border-radius: 2px;
     cursor: pointer;
}
 .in-kontakt main#content .back .btn:hover h4 {
    /* transform: translateX(0px);
     -webkit-transform: translateX(0px);
     -moz-transform: translateX(0px);
     -ms-transform: translateX(0px);
     -o-transform: translateX(0px);
     */
}
 .in-kontakt main#content .back .btn:hover svg {
    /* transform: translateX(0px);
     opacity: 1;
     */
}
 .in-kontakt main#content .back .btn h4 {
     color: white;
     font-size: 22px;
     font-weight: inherit;
     text-transform: uppercase;
     transform: translateX(12px);
     transition: transform 0.3s ease-out;
     padding: 0px;
     margin: 0px;
}
 .in-kontakt main#content .back .btn svg {
     margin: 1px 0 0 4px;
     transform: translateX(-8px);
     opacity: 0;
     transition: all 0.3s ease-out;
}
 @media (min-width: 1200px) {
     .in-contacts .content-inner > article {
         width: 100%;
         padding: 0 60px;
    }
}
/**/
 .type-post .page-t li, .in-blog .page-t li {
     list-style-type: none;
     padding: 2rem 0px !important;
}
 nav.dropdownmenu a {
     font-size: 13px;
     padding-left: 10px;
     display: block;
}
 @media (min-width: 1200px) {
     .in-kontakt .content-inner {
         max-width: 100%;
    }
}
 .list-contact-detail .job {
     min-height: 50px;
}
 @media only screen and (max-width: 768px) {
     .list-contact-detail a {
         color: var(--color-primary);
         text-decoration: underline;
    }
     .list-contact-detail h2 {
         position: relative;
         min-height: 70px;
    }
     .list-contact-detail h2::before {
         content: "";
         width: 50px;
         height: 4px;
         background: var(--color-primary);
         position: absolute;
         top: 60px;
         border-radius: 25px;
    }
     .in-kontakt .list-contact {
         display: grid;
         grid-template-columns: 1fr 1fr;
         grid-row-gap: 2rem;
         grid-column-gap: 2rem;
    }
     .map {
         position: relative;
         margin-top: 4rem;
         border-radius: 15px;
    }
     .map-detail {
         position: absolute;
         top: 20px;
         left: 20px;
         background: white;
         width: 300px;
         padding: 20px;
         border-radius: 15px;
    }
}
 @media only screen and (min-width: 768px) {
     .list-contact-detail a {
         color: var(--color-primary);
         text-decoration: underline;
    }
     .list-contact-detail h2 {
         position: relative;
         min-height: 80px;
    }
     .list-contact-detail h2::before {
         content: "";
         width: 50px;
         height: 4px;
         background: var(--color-primary);
         position: absolute;
         top: 60px;
         border-radius: 25px;
    }
     .in-kontakt .list-contact {
         display: grid;
         grid-template-columns: 1fr 1fr 1fr;
         grid-row-gap: 2rem;
         grid-column-gap: 2rem;
    }
     .map {
         position: relative;
         margin-top: 4rem;
         border-radius: 15px;
    }
     .map-detail {
         position: absolute;
         top: 20px;
         left: 20px;
         background: white;
         width: 300px;
         padding: 20px;
         border-radius: 15px;
    }
}
 .map iframe {
     border-radius: 15px;
}
 .type-page .content-inner article .map .map-detail h2 {
     font-weight: revert;
     font-size: 16px;
     text-transform: uppercase;
     margin-top: 20px;
}
 .type-page .content-inner article .map .map-detail p {
     color: #7c7e8f;
     margin-bottom: 12px;
     font-size: 14px;
}
 @media (max-width: 480px) {
     .in-kontakt main#content .card .info p:first-child {
         min-height: auto;
    }
     .in-kontakt main#content .cardContainer {
         width: 100%;
    }
     .type-page .content-inner article .map .map-detail h2 {
         font-size: 14px;
    }
     .type-page .content-inner article .map .map-detail p {
         font-size: 12px;
    }
     .in-kontakt main#content .map-detail {
         left: 10px;
         padding: 15px;
         width: 180px;
    }
}
 @media (min-width: 768px) {
     .welcome p {
         font-size: 16px;
    }
}
 .subcategories.with-image li a .image img, .navigation-in > ul > li.ext > ul > li > a img {
     border-radius: 12px;
}
 .benefitBanner {
     justify-content: center;
}
 .in-index.mobile #content-wrapper.products-group {
     margin-top: 0;
}
 body.categories-new-design .box .categories > ul > li > a, .categories > ul > li > a {
     font-weight: 700;
}
 @media (min-width: 768px) {
     #header {
        /* padding-bottom: 10px;
         */
    }
}
/* Navigation */
/* @media (min-width: 768px) {
     .navigation-in > ul > li.ext > a:hover:after {
         color: var(--color-primary);
    }
     .has-third-level .submenu-arrow {
         display: none;
    }
     .navigation-in > ul > li.ext > ul > li > div > ul {
         display: none;
    }
     .navigation-in {
         background-color: #fff;
    }
     .navigation-in > ul > li.ext > a:after {
         color: #000000;
         right: 45px;
    }
     .navigation-in > ul > li {
         border-color: transparent;
    }
     .navigation-in > ul > li:first-child.ext > ul > li > div > a {
         color: #ffffff;
         font-size: 15px;
         font-weight: 600;
         letter-spacing: -0.28px;
    }
     .navigation-in > ul > li:first-child.ext > ul > li > a img {
         max-width: 36px;
         height: auto;
    }
     .navigation-in > ul > li.ext.exp:first-child > a {
         border-radius: 8px 8px 0 0;
    }
     .navigation-in > ul > li.ext > ul:before {
         display: none;
    }
     .submenu-visible:not(.menu-helper-visible) #cboxOverlay {
         display: none !important;
    }
     .navigation-in > ul > li:first-child > ul.menu-level-2 {
         padding: 0 28px 10px 28px;
         background-color: #a2c617;
         border-radius: 0 0 8px 8px;
    }
     .navigation-in > ul > li.ext > a:hover:after {
         color: #000000;
    }
     .navigation-in > ul > li:first-child > ul.menu-level-2 > li {
         display: flex;
         justify-content: space-between;
         border-top: 1px solid #b7d935;
         width: 100%;
         flex-basis: 100%;
    }
     .navigation-in > ul > li:first-child > ul.menu-level-2 > li > a {
         padding: 0;
         width: auto;
         min-height: 40px;
         padding-top: 7px;
         padding-bottom: 7px;
    }
     .navigation-in > ul > li:first-child {
         position: relative;
    }
     .navigation-in > ul > li:first-child > a {
         text-transform: uppercase;
         letter-spacing: -0.34px;
         color: #000;
         background-color: #a2c617;
         padding: 22px 70px 22px 35px !important;
         border-radius: 8px 8px;
    }
     #navigation {
         height: 60px;
    }
     .navigation-in > ul > li:first-child > a:hover {
         color: #000000;
    }
     .navigation-in > ul > li.ext > ul > li.menu-item-category {
         display: none;
    }
     .navigation-in > ul > li > a {
         padding: 22px 15px 22px 30px;
    }
     .navigation-in > ul > li > a > b {
         font-weight: 600;
    }
     .navigation-in > ul > li > a {
         text-transform: uppercase;
         background-color: #fff;
         color: #000000;
         letter-spacing: -0.34px;
    }
     .navigation-in > ul > li.ext:first-child > ul > li > div {
         width: 100%;
         padding-left: 8px;
    }
     .navigation-in > ul > li:first-child > ul.menu-level-2 > li {
         min-height: auto;
    }
     .navigation-in > ul > li:first-child > ul.menu-level-2 > li.has-third-level {
         position: relative;
    }
     .navigation-in > ul > li:first-child.ext > ul > li > div > a {
         padding: 12px 0 !important;
         display: inline-block;
    }
     .navigation-in > ul > li.ext > ul > li > div {
         padding-right: 0;
    }
     .navigation-in > ul > li.ext > ul > li > div > ul > li > a {
         padding: 0 !important;
    }
}
 .menuobrazek {
     max-height: 55px;
     margin-right: 8px;
}
 .menu-helper {
     height: 60px;
}
 .benefitBanner {
     justify-content: center;
}
 .in-index.mobile #content-wrapper.products-group {
     margin-top: 0;
}
 @media (min-width: 768px) {
     #header {
         padding-bottom: 10px;
    }
     .navigation-in > ul > li.ext > ul > li > div > ul > li {
         font-size: 0;
         margin: 10px 0;
    }
     .navigation-in > ul > li.ext > ul > li > div > ul > li > a {
         display: flex;
         align-items: center;
         font-weight: 600;
         font-size: 14px;
         line-height: 1.4;
         color: #000;
    }
     .navigation-in > ul > li.ext > ul > li:hover > div > ul {
         display: grid;
    }
     .navigation-in > ul > li.ext > ul > li > div > ul {
         top: 0;
         position: absolute;
         left: 100%;
         grid-gap: 0;
         width: 500px;
         border-radius: 8px;
         grid-template-columns: repeat(3, 1fr);
         overflow: initial;
         background: #fff;
         margin-top: 0;
         padding: 18px 18px 18px 10px;
         max-height: unset;
         box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
    }
     .menu-level-3::before {
         content: "";
         z-index: 100;
         position: absolute;
         top: 13px;
         left: -10px;
         width: 0;
         height: 0;
         border-top: 10px solid transparent;
         border-bottom: 10px solid transparent;
         border-right: 10px solid #fff;
    }
}
 @media (min-width: 992px) {
     .navigation-in > ul > li.ext > ul > li > div > ul {
         grid-gap: 30px;
         width: 900px;
         padding: 18px 18px 18px 50px;
    }
     .navigation-in > ul > li.ext > ul > li > div > ul > li > a {
         font-size: 15px;
    }
}
 @media (min-width: 1200px) {
     .navigation-in > ul > li.ext > ul > li > div > ul {
         width: 1000px;
    }
}
 .subcategories.with-image li a .image img {
     border-radius: 8px;
     position: relative;
     z-index: 1;
}
 @media (min-width: 768px) and (min-height: 900px) {
     .navigation-in > ul > li:first-child > ul.menu-level-2 > li > a {
         padding-top: 12px;
         padding-bottom: 12px;
         min-height: 50px;
    }
}
 @media (min-width: 768px) and (max-width: 992px) {
     #header .site-name a img {
         max-width: 200px;
    }
     .navigation-in ul li a:hover {
         padding-left: 30px !important;
    }
     .navigation-in ul.menu-level-2 > li > a:hover {
         padding-left: 0 !important;
    }
}
 .toggle-header {
     text-align: center;
}
 .toggle-header h2 {
     font-size: 14px;
     font-weight: 600;
     color: white;
     text-transform: uppercase;
     background: var(--color-primary);
     border-radius: 25px;
     width: max-content;
     padding: 15px 20px;
     margin: 0 auto;
     box-shadow: 0 3px 6px rgba(0, 0, 0, 0.12);
     min-height: 50px;
     display: inline-flex;
     align-items: center;
     justify-content: center;
}
 .toggle-header h2 span {
     color: white !important;
}
 .js .toggle-content {
     overflow: hidden;
     display: none;
     transition: height 0.2s;
     background: 0 0;
     margin-top: 4rem;
     margin-bottom: 1rem;
}
 .js .toggle-header {
     cursor: pointer;
     -ms-touch-action: manipulation;
     touch-action: manipulation;
}
