*{
    font-family: "Jost", sans-serif !important;
font-weight: 400;
}

body{
    overflow-x: hidden;
}

/*Header*/
header#header {
position: sticky;
top: 0px;
z-index: 10000;
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

@media (min-width: 768px) {
#header .header-top .header-top-wrapper .site-name {
    width: 105px !important;
    margin-right: 15px !important;
    text-align: left !important;
}

#header .header-top .header-top-wrapper .site-name img {
    height: 50px;
}

.navigation-wrapper.header-bottom-wrapper {
    width: calc(100% - 240px) !important;
    flex-grow: 0 !important;
}

#header .header-top .header-top-wrapper .navigation-buttons {
    width: 120px;
}

.navigation-in>ul>li {
    border-bottom: 5px solid transparent;
}

.navigation-in>ul>li.exp>a, .navigation-in>ul>li>a:hover{
    background-color: transparent !important;
    color: #d9121f !important;
}

.navigation-tools {
    display: none;
}

.submenu-visible .navigation-in>ul>li.ext.exp>ul::before {
    content: "";
    position: absolute;
    top: 0;
    width: 5000px;
    height: 100%;
    left: -2500px;
    background-color: #ffffff;
    z-index: -1;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .08);
    }

.submenu-visible .navigation-in>ul>li.ext.exp>ul{
        border-bottom: none !important;
}

.submenu-visible .navigation-in>ul>li.ext.exp>ul {
    justify-content: flex-start;
}

.navigation-in>ul>li.ext>ul>li>a.menu-image{
    width: auto;
}

    .submenu-visible .navigation-in>ul>li.ext.exp>ul {
    width: 100vw;
    max-width: 739px;
    position: absolute;
    left: -50px;
    transform: translateX(-55px);
    border-bottom: 0px;
    box-shadow: unset !important;
}
}

@media (min-width: 992px) {
.submenu-visible .navigation-in>ul>li.ext.exp>ul {
    padding-left: 20px;
    padding-right: 35px;
    max-width: 964px;
    left: -70px;
    transform: translateX(-70px);
}
.menu-level-2 > li {
    width: 100% !important;
}
.navigation-in>ul>li {
    border-bottom: 10px solid transparent;
}
}

@media (min-width: 1200px) {
.submenu-visible .navigation-in>ul>li.ext.exp>ul {
    max-width: 1170px;
    left: -65px;
    transform: translateX(-65px);
}
}

@media (min-width: 1440px) {
.submenu-visible .navigation-in>ul>li.ext.exp>ul {
    max-width: 1712px;
    left: -100px;
    transform: translateX(-95px);
}

.navigation-in>ul>li.ext>a>span{
    display: inline-flex !important;
}
#header .header-top .header-top-wrapper .site-name {
    width: 165px !important;
}

#header .header-top .header-top-wrapper .site-name img {
    height: 80px;
}

.navigation-wrapper.header-bottom-wrapper {
    width: calc(100% - 360px) !important;
}

#header .header-top .header-top-wrapper .navigation-buttons {
    width: 180px;
}
.navigation-in>ul>li {
    border-bottom: 14px solid transparent;
}
}


.navigation-in {
font-size: 17px !important;
}

.navigation-in>ul>li>a:hover{
    background-color: transparent !important;
color: #d9121f;
}

.material-symbols-outlined{
    font-family: 'Material Symbols Outlined' !important;
    font-size: 28px !important;
}

.icon-search:after,
.icon-search:before{
content: "\e8b6" !important;
}

.icon-login:after,
.icon-login:before{
content: "\e7fd" !important;
}

.icon-cart:after,
.icon-cart:before{
content: "\e8cc" !important;
}

/*Cookies*/
.siteCookies__form{
    background-color: #191919;
border-radius: 0px;
box-shadow: none;
}

.siteCookies__button{
    background-color: #d9121f;
    color: white;
}

.siteCookies__button:hover{
    background-color: #ed222f;
color: white;
}

.siteCookies__link{
background-color: white;
color: #d9121f;
}

.siteCookies__link:hover{
    background-color: #191919;
color: white;
}

@media (min-width: 768px){
    .siteCookies--bottom{
        margin-bottom: 20px;
}

.siteCookies--bottom.siteCookies--scrolled{
    background-color: unset;
    box-shadow: none;
    width: fit-content;
}
}

/*Search*/
.popup-widget.search-widget .search-widget-close{
right: 13px;
top: 13px;
}

@media (min-width: 992px){
    .popup-widget.search-widget{
            padding: 32px 64px 48px;
}

.siteCookies--bottom{
    margin-left: 20px !important;
    left: 0% !important;
}

.admin-logged .user-action-in .popup-widget{
            top: 94%;
}
}

/*Top bar*/
.top-navigation-bar{
    z-index: 10000;
position: relative;
}

.top-navigation-bar a {
font-weight: normal;
}

.top-navigation-bar .top-navigation-tools a {
display: flex;
}

.top-navigation-bar {
background-color: #d9121f;
border-color: #d9121f;
}

.top-navigation-bar a:hover {
color: #f4c2c6 !important;
}

.top-navigation-bar a.phone:before {
content: '\e92c';
font-family: shoptet;
margin-right: 10px;
}

.top-navigation-bar a.email:before {
content: '\e924';
font-family: shoptet;
margin-right: 10px;
}

li.et-social-icon.et-social-facebook span:before {
font-family: shoptet;
content: '\e900';
}

li.et-social-icon.et-social-instagram span:before {
font-family: shoptet;
content: '\e909';
}


.top-navigation-bar ul {
list-style-type: none !important;
}

.top-navigation-bar,
.top-navigation-bar .container {
height: 31px;
}

.top-navigation-bar a {
color: white;
}

.top-navigation-bar>.container,
.top-navigation-bar>.container>.top-navigation-menu,
.top-navigation-bar ul.top-navigation-bar-menu,
.top-navigation-bar .top-navigation-tools,
.top-navigation-bar ul.et-social-icons {
display: flex;
flex-wrap: nowrap;
align-items: center;
gap: 30px;
}

ul.top-navigation-bar-menu {
padding-left: 0px;
}

.top-navigation-bar .container:before,
.top-navigation-bar .container:after {
content: none;
}

.top-navigation-bar>.container {
justify-content: space-between;
}

@media (min-width: 992px) and (max-width: 1199px) {

.top-navigation-bar a.phone>span,
.top-navigation-bar a.email>span {
    display: none;
}

.top-navigation-bar ul {
    padding-left: 0px !important;
}
}

@media (min-width:768px) and (max-width: 991px) {
.top-navigation-bar a.phone>span,
.top-navigation-bar a.email>span {
    display: none;
}

.top-navigation-bar ul {
    padding-left: 0px !important;
}
}

@media (max-width: 767px) {
.top-navigation-bar {
    display: none;
}
}

/*Výhody*/
.benefitBanner__picture {
margin: 0px !important;
flex-basis: 20% !important;
}

.benefitBanner__content {
padding: 0px !important;
flex-basis: 80% !important;
display: flex !important;
align-items: center !important;
}

.benefitBanner__item {
flex-wrap: wrap !important;
align-content: flex-start !important;
gap: 20px;
}

strong.benefitBanner__title {
max-width: 280px !important;
text-align: left;
}

/*Bannery HP*/
.next-to-carousel-banners{
padding-top: 35px;
justify-content: space-around !important;
}

/*Výpis kategorií HP*/
.row.vypisKategorii {
display: flex;
flex-wrap: wrap;
padding: 32px 0px;
}

.row.vypisKategorii > div {
text-align: center;
padding-bottom: 50px;
}

.row.vypisKategorii > div a:hover img {
transition: 0.3s;
scale: 1.08;
}

.row.vypisKategorii > div a img{
transition: 0.3s;
margin-bottom: 25px;
}

/*Služby*/
.sluzby .col-sm-4 {
position: relative;
margin-bottom: 30px;
}

.sluzby .col-sm-4 img {
display: block;
width: 100%;
height: auto;
}

.sluzby .col-sm-4 span {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
color: white;
width: 80%;
max-width: 80%;
font-size: 30px;
line-height: 1.1;
font-weight: 300;
}

/*Footer*/
#footer .container.footer-rows a,
#footer .container.footer-rows label.whole-width{
color: white !important;
}

#footer h4 span{
    font-weight: bold;
font-size: 24px;
}

#footer .container.footer-rows a:hover{
    color: #d9121f !important;
}

@media (max-width: 767px){
.overall-wrapper {
    padding-top: 0px !important;
}

.benefitBanner{
    display: flex;
            flex-wrap: wrap;
}

.next-to-carousel-banners{
        gap: 35px;
}

.in-index .bannery-stred > div:nth-child(1){
        margin-bottom: 20px
}

.in-index .row.bannery-stred {
    margin-top: 40px !important;
    margin-bottom: 0px !important;
    }

.in-index .row.sluzby {
        margin-top: 40px !important;
        text-align: center;
    }

li.menu-item-820.ext {
    margin-bottom: 30px;
}

li.menu-item-custom.inserted-item a {
    height: 48px;
    font-weight: 600;
    color: black !important;
    }

.navigation-in ul.menu-level-1 li:not(.menu-item-custom.inserted-item) {
    background-color: #d9121f;
}

.navigation-in ul.menu-level-1 li:not(.menu-item-custom.inserted-item) a{
    color: white !important;
}

li.menu-item-custom.inserted-item {
        background-color: white;
    }

.navigation-in ul.menu-level-2 li a{
            padding-right: 32px;
}

.menu-level-2 li.na-miru-menu img {
        margin-top: 20px;
    }

.carousel-control:before{
        top: 50%;
}
}

@media (max-width:991px) and (min-width:768px){
.top-navigation-bar ul.top-navigation-bar-menu{
            gap: 15px;
}

#header .header-top .header-top-wrapper .site-name{
        width: 60px !important;
}

#header .header-top .header-top-wrapper .navigation-buttons {
        width: 125px !important;
    }

.navigation-wrapper.header-bottom-wrapper{
        width: calc(100% - 205px) !important;
}

.next-to-carousel-banners{
        gap: 25px;
}

.in-index .bannery-stred > div:nth-child(1){
        margin-bottom: 20px
}

.in-index .row.bannery-stred {
    margin-top: 40px !important;
    margin-bottom: 0px !important;
    }

.in-index .row.sluzby {
        margin-top: 40px !important;
        text-align: center;
    }

.row.vypisKategorii .col-sm-4 {
        width: 50%;
    }

.in-index .sluzby .col-sm-4,
.in-sluzby .sluzby .col-sm-4,
.row.partneriRow .col-sm-4,
.in-o-nas .col-sm-4{
        width: 100%;
}

.in-o-nas .row.ikonky .col-sm-2{
        width: 33.33% !important;
}

.siteCookies--bottom{
    left: 50% !important;
    margin-left: -335px !important;
}
}

@media (min-width:768px) and (max-width:1484px){

.menu-helper {
    position: relative !important;
}

nav#navigation {
    width: 100% !important;
}

.navigation-wrapper.header-bottom-wrapper {
    display: flex !important;
    flex-direction: row !important;
}
}

[class*=" icon-"]:after, [class^=icon-]:after{
    font-family: unset !important;
}

.in-kontakty h1 {
text-align: left !important;
}

/*Filter scroll*/
.filter-sections fieldset::-webkit-scrollbar {
-webkit-appearance: none;
width: 7px;
}

.filter-sections ::-webkit-scrollbar-thumb {
border-radius: 0px;
background-color: rgb(0 0 0);
box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}

.filter-sections fieldset{
max-height: 400px !important;
overflow: hidden;
overflow-y: scroll;
}

/*HP slider produkty*/
button.product-slider-navigation.navigation-prev,
button.product-slider-navigation.navigation-next{
cursor: pointer;
}

/*Footer*/
#footer h4 span {
text-transform: uppercase;
}

#footer{
margin-top: 50px;
}

/*GDPR a OP*/
.in-podminky-ochrany-osobnich-udaju h1,
.in-obchodni-podminky h1{
    text-align: left;
}

/*Recenze*/
@media(min-width:768px){
    .vote-form .col-xs-12 .form-group>.form-control{
                width: calc(50% - 15px);
    }

    .homepage-group-title.h4,
    .in-index .sluzby h2{
        font-size: 48px;
        font-weight: bold;
        text-align: center;
    }
}

.in-index .sluzby h2{
    padding-bottom: 30px;
}

/*Blog*/
.news-item-detail .text{
    margin-top:32px;
}

div#newsWrapper .news-item .description p {
display: none;
}

/*Repas*/
.in-cil-repas .row.topRow *{
text-align: center;
}

.in-cil-repas .row.topRow{
    margin-bottom: 80px;
}

.in-cil-repas .row.topRow > div{
padding: 0px 40px;
}

.in-cil-repas .row.bottomRow > div{
padding: 0px 40px;
}

.in-kontakty .topRow,
.in-kontakty .pobocka{
    margin-bottom: 50px;
}

.in-kontakty .topRow h2,
.in-kontakty .pobocka h3{
    margin-top: 0px !important;
}

/*Partneri*/
.row.partner img {
width: 100%;
}

.row.partner {
margin-bottom: 80px;
}

/*Služby*/
.topSluzby {
    text-align: center;
margin-bottom: 50px;
}

.topSluzby h2{
    margin-top: 10px;
}

.in-sluzby .row.sluzby{
display: flex;
flex-wrap: wrap;
justify-content: center;
}

/*Nákupní proces*/
@media (min-width: 1200px) {
.cart-inner .contact-box {
    padding: 0 0 0 20px;
}
}

.in-kosik .contact-box .tel,
.in-krok-1 .contact-box .tel,
.in-krok-2 .contact-box .tel {
color: #d9121f;
}

.in-krok-1 .cart-item-amount .unit-value,
.in-krok-2 .cart-item-amount .unit-value {
color: black !important;
}

.in-krok-1 .radio-wrapper.inactive-child {
display: none;
}

/*Tlačítko do košíku*/
button.btn.btn-cart.add-to-cart-button > span {
display: flex;
align-items: center;
}

button.btn.btn-cart.add-to-cart-button {
    padding: 10px;
}

/*Menu level-2*/
@media (min-width: 768px){
    .submenu-visible .navigation-in>ul>li.ext.exp>ul>li.na-miru-menu {
    width: 100% !important;
    flex-basis: 100% !important;
    justify-content: center;
}

.navigation-in>ul>li.ext>ul>li.na-miru-menu>a img {
    max-height: 400px !important;
    max-width: 100% !important;
    height: auto !important;
    width: 100% !important;
    object-fit: contain;
}

.navigation-in>ul>li.ext>ul>li.na-miru-menu>a {
    width: 50%;
}
}

/*O nás*/
.in-o-nas .row.obsah {
text-align: center;
}

.in-o-nas .row.ikonky {
display: flex;
justify-content: center;
margin-top: 30px;
text-align: center;
margin-bottom: 40px;
}

.in-o-nas .row.ikonky > div{
display: flex;
align-items: center;
justify-content: space-between;
}

.in-o-nas .row.ikonky > div img{
    max-height: 50px;
}

.in-o-nas .row.ikonky > div p{
    margin-bottom: 0px !important;
}

.row.bottom {
    margin-top: 50px;
    text-align: center;
}

.row.bottom h2 {
margin-bottom: 50px;
}

.welcome h1 {
text-align: center;
}

.row.vypisKategorii > div span {
font-size: 30px;
color: black;
font-weight: 600;
}

.next-to-carousel-banners img:hover,
.bannery-stred img:hover{
scale: 1.01;
transition: 0.3s;
}

.next-to-carousel-banners img,
.bannery-stred img{
transition: 0.3s;
}

.homepage-group-title {
padding-top: 0px !important;
}

.in-index .row.sluzby {
margin-top: 80px;
padding: 32px 0px;
}

.in-index .row.bannery-stred {
margin-top: 80px;
margin-bottom: 80px;
}

.row.partneriRow {
text-align: center;
margin-top: 50px;
}

.row.partneriRow img {
width: 50%;
}

.benefitBanner .benefitBanner__title{
    margin-bottom: 0px !important;
text-transform: uppercase;
}

.in-expresni-servis-notebooku-na-pockani h1,
.in-sprava-pocitacove-site h1,
.in-interni-audit-hardware-software-a-pocitacove-site h1,
.in-zabezpeceni-stanic-a-serveru-proti-napadenim-a-virum h1,
.in-sprava-pocitacu-a-programoveho-vybaveni h1{
    text-align: center;
margin-bottom: 40px;
}

.row.formular {
margin-top: 50px;
}

.row.formular > div > p {
font-weight: 600;
font-size: 21px;
}

.socSite {
display: flex;
justify-content: center;
gap: 20px;
}

.socSite img {
height: 40px;
width: auto !important;
}

.row.partneriRow{
margin-bottom: 30px;
}

/*Menu na míru*/
@media (min-width:1200px){
    .submenu-visible .navigation-in>ul>li.menu-item-727.ext.exp>ul{
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: repeat(4, 1fr);
    }
    .submenu-visible .navigation-in>ul>li.menu-item-727.ext.exp>ul .na-miru-menu {
        grid-column: 4;
        grid-row: 1 / span 4;
        display:block !important;
    }

    .submenu-visible .navigation-in>ul>li.menu-item-727.ext.exp>ul{
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: repeat(4, 1fr);
    }
    .submenu-visible .navigation-in>ul>li.menu-item-727.ext.exp>ul .na-miru-menu {
        grid-column: 4;
        grid-row: 1 / span 4;
        display:block !important;
        height:100% !important;
        width:100% !important;
    }

    .submenu-visible .navigation-in>ul>li.menu-item-727.ext.exp>ul .na-miru-menu a{
        width: 100% !important;
        height: 100%;
        display: flex;
        align-items: center;
    }
    .submenu-visible .navigation-in>ul>li.menu-item-727.ext.exp>ul .na-miru-menu img{
        height: auto !important;
        width: 100% !important;
    }
}

@media (max-width: 1800px){
    .next-to-carousel-banners > .banner-wrapper:nth-of-type(1) img,
    .next-to-carousel-banners > .banner-wrapper:nth-of-type(2) img{
        padding-right: 10px;
        padding-left: 10px;
    }

    .next-to-carousel-banners {
            padding-top: 25px;
    }
}

@media (max-width: 1439px) and (min-width: 992px){
    .container-full-width {
            max-width: 100% !important;
        }

    .benefitBanner .benefitBanner__title{
            font-size: 16px !important;
    }

    .benefitBanner .benefitBanner__content{
            max-width: 170px;
    }
}

@media(min-width: 768px){
    .dkLab-filters-wrapper__wrap > h4:after{
        display: none;
    }

    .dkLab-filters-wrapper__wrap .slider-content, .dkLab-filters-wrapper__wrap .slider-header, .dkLab-filters-wrapper__wrap > .slider-wrapper, .dkLab-filters-wrapper__wrap > .param-filter-top, .dkLab-filters-wrapper__wrap > form {
        display: unset;
    }

    body.template-14 .dkLab-filters-wrapper h4 {
        margin: 24px 0px;
    }

    #navigation li .menu-level-2 li {
        align-items: center;
    }
}

span.vote-time, span.vote-delimeter {
    display: none;
}