/* General styles
------------------------------ */

/*@import url('https://fonts.googleapis.com/css?family=Open+Sans');*/

/*@import url('https://fonts.googleapis.com/css?family=Roboto:300,900&subset=latin-ext');*/

@import url('https://fonts.googleapis.com/css?family=Open+Sans&subset=latin-ext');

* {
    /* reset vsech prvku */
    margin: 0;
    padding: 0;
}


html {
    font-size: 62.5%;
}


/*
html { font-size: 62.5%; }
body { font-size: 14px; font-size: 1.4rem; }  =14px
h1   { font-size: 24px; font-size: 2.4rem; }  =24px
*/

h1{
    font-size: 3.6rem;
    margin-bottom: 16px;
}


ol, ul{
    padding-left: 15px;
}


body {
    /* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */

    /*font-family: 'Roboto', sans-serif;*/
    /*font-family: arial;*/

    font-family: 'Open Sans', sans-serif;

    background-repeat: repeat-x;
    background-color: #fafafa;
    color: #000000;
    /*    background-color: #EFEFEF;*/
    /*    font-size: 62.5%;			 This sets the default font size to be equivalent to 10px */
    margin: 0;
}

/* vice obrazku v jednom souboru - snizeni poctu http dotazu */
.sprite1{
    background-image: url('images/sprite2.png?v=19');
    background-repeat: no-repeat;
}

.eprel {
    background-image: url('images/pneu_label_2021.png?v=19');
    background-repeat: no-repeat;
}

.font-weight-bold{
    font-weight: bold;
}

.no-wrap{
    white-space: nowrap;
}

.padding-left-right-15 {
    padding: 0 15px;
}

/*
*
* Header
* Header - top-links
*
*/
#noscript{
    background-color: #f2dede;
    margin-top: -20px;
    padding: 16px 5px 5px;
    font-size: 2rem;
}

#noscript p{
    font-size: 1.4rem;
    font-weight: bold;
    text-align: center;
}

.btn-default, .btn-default:hover, .btn-default:active, .btn-default:active:focus, .btn-default:visited, .btn-default:focus {
    color: #dcdcdc;
    background-color: transparent;
    outline: none;
}

.container{
    max-width: 1400px;
    width: auto !important;
}
/*
@media (min-width: 1400px) {
        .container {
            width: 1440px;
        }

    .container {
        width: 1400px;
    }
}*/

.title2{
    font-size: 2.2rem;
    margin: 5px 0 0 0;
    padding: 0 0 5px 0;
    color: #444;  
}



.header-special-info{
    text-align: center;
    padding: 7px;
    background-color: #FFECB3;
    margin-bottom: 4px;
}

.blinking {
    animation: 2s blink ease infinite;
}

@keyframes blink {
    from, to {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
}



.header-special-info span{
    font-weight: bold;    
}

.header-special-info a{
    color: #444;
    text-decoration: underline;
    font-size: 1.3rem;
    margin-left: 4px;
}

.header-special-info a:hover{
    color: #000;
    text-decoration: none;
}




header{
    /*border-bottom: 1px solid #eee;*/
    border-bottom: 1px solid #e4e4e4;
    background-color: #fdfdfd;
}




.header-top-info{
    background-color: #F5F5F5;
    padding: 7px;
    color: #555;
    text-align: center;
    margin-bottom: 1px;
}

.header-top-info a{
    text-decoration: underline;
    color: #555;
}

.header-top-info a:hover{
    text-decoration: none;
    color: #333;
}



header .top-links{
    display: block;
    padding: 2px 0 0;
    position: relative;
}


@media (max-width: 767px) {
    header .top-links{
        padding: 0;
    }
}


header .top-links nav.navbar.navbar-default{
    background: none;
    box-shadow: none;
    border: none;
    min-height: 0;
    margin: 0;
}

/*header .top-links nav.navbar.navbar-default .navbar-header{
    float: left;
}*/


header .top-links nav.navbar.navbar-default .navbar-toggle{
    border: none;
    border-radius: 1px;
    float: left;
    width: auto;
}

header .top-links nav.navbar.navbar-default .navbar-toggle:focus{
    background: none;
}

header .top-links nav.navbar.navbar-default .navbar-toggle:hover{
    background-color: #eee;
}

header .top-links #bs-navbar-collapse-1{
    padding: 0 10px 5px 0;
}

header .top-links #bs-navbar-collapse-1 ul.navbar-nav li a{
    display: block;
    color: #333;
}

header .top-links .navbar-default ul.navbar-nav li{
    color: #333;
}

header .top-links .navbar-default ul.navbar-nav li a:hover{
    text-decoration: underline;
}

#navbar-li-seperate > button{
    width: 100%;
    color: white;
    background-image: none;
    line-height: inherit;
    border: none;
    padding: 12px 4px;
    text-shadow: none;
    font-size: 1.6rem;
    font-weight: bold;
}

#navbar-li-seperate ul li > a:hover{
    background-color: #0b6ab1;
    background-image: none;
}

#navbar-li-seperate{
    border-bottom: none;
    /*background-color: rgb(247,164,10);*/
    /*background-color: #0bb971;*/
    background-color: #f7a40a;
    line-height: 2.6rem;
}

#navbar-li-seperate:hover{
    /*background-color: #00ab63;*/
    background-color: #f7940a;
}


#navbar-li-seperate li:last-child{
    border-bottom: none;
}

#navbar-li-seperate li:first-child{
    text-align: center;
    background-color: #000;
    color: #fff;
    padding: 5px 0;
}

#navbar-li-seperate ul{
    transition: all 0.3s;
    position: absolute;
    /*visibility: hidden;*/
    background-color: #337ab7;
    width: 100%;
    padding: 0;
    left: 102%;
    top: -56%;
    /*opacity: 0;*/
    list-style-type: none;
}


/*#navbar-li-seperate:hover > ul{
    visibility: visible;
    opacity: 1;
}*/


header .top-links ul{
    padding: 0;
    margin: 0;
    /*min-width: 100px;*/
    border-radius: 2px;
}

header .top-links ul.dropdown-menu{
    min-width: 100px;
}

header .top-links ul li{
    display: inline-block;
}

header .top-links ul li a{
    padding: 7px 7px 7px 7px;
    color: #333;
    display: block;
    font-size: 15px;
    font-size: 1.4rem;
}

header .top-links ul li a:hover{
    color: #000;
}

header .top-links .top-links-right .header-dropdown{
    display: inline-block;
    margin: 0 10px 0 0;
}

header .top-links .top-links-right .header-dropdown button{
    padding: 0;
    border: none;
    background: none;
    box-shadow: none;
    color: #333;
    font-size: 15px;
    font-size: 1.4rem;
    vertical-align: top;
}

header .top-links .top-links-right .header-dropdown ul.dropdown-menu li{
    display: block;
}


header .top-links .top-links-right .header-dropdown ul.dropdown-menu li .header-dropdown-item{
    border: none;
    display: block;
    background: transparent;
    padding: 7px 15px;
    margin: 0;
    width: 100%;
}

/*header .top-links .top-links-right .header-dropdown ul.dropdown-menu li a{
    display: block;
    background: transparent;
    padding: 5px;
}*/

header .top-links .top-links-right .header-dropdown ul.dropdown-menu li .header-dropdown-item:hover{
    background-color: #eee;
}


header .top-links .top-links-right .header-dropdown ul.dropdown-menu li .header-dropdown-item.currency-active{
    pointer-events: none;
    font-weight: bold;
    background-color: #eee;
}



header .top-links .top-links-right ul.login{
    display: inline-block;
    margin: 0;
    padding: 0;
}

header .top-links .top-links-right ul.login li i{
    padding: 0 6px 0 0;
}

header .top-links .top-links-right ul.login li a{
    display: inline-block;
}


header .top-links .top-links-right ul.login > li::after{
    border-right: 1px solid #888;
    content: " ";
    display: inline-block;
    width: 1px;
    height: 16px;
    position: relative;
    left: 1px;
    top: 4px;
}

header .top-links .top-links-right ul.login li:last-child::after{
    border: none;
}


/*
*
* Header - main-header
*
*/


header .main-header{
    padding: 0.2em 0 1.1em;
}

@media (max-width: 767px) {
    header .main-header{
        padding: 0;
    }
}

header .main-header .logo-wrap{
    padding-right: 0;
}

header .main-header a.logo{
    /*width: 250px;*/
    width: 350px;
    max-width: 100%;
    height: 75px;
    /*background-image: url('images/mojepneu_logo2.png');*/
    /*background-image: url('images/mojepneu_logo.svg');*/
    background-image: url('images/MOJEPNEU-LOGO-WEB.svg');

    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: 100%;
    float: left;
}

header .contacts .contact-item{
    padding: 0 14px 0 0;
    font-size: 1.7rem;
    white-space: nowrap;
    font-weight: bold;
}

header .contacts .contact-item i{
    padding: 0 2px 0 0;
}

@media (max-width: 270px) {
    header .contacts .contact-item {
        font-size: 1.4rem;
    }
}

@media (max-width: 991px) {
    header .contacts {
        padding: 2px 0 8px;
    }
}



header .main-header .search-form{
    padding: 5px 0 0 0;
    display: inline-block;
    width: 100%;
}


header .main-header .search-form input{
    height: 40px;
}

header .main-header .search-form #input_sw{
    padding: 6px;
    float: left;
    margin: 0;
    border: 1px solid #ddd;
    border-radius: 2px 0 0 2px;
    display: inline-block;
    width: 75%;
}


header .main-header .search-form input[type='submit']{
    float: left;
    margin: 0;
    border: none;
    background-color: #555;
    border-radius: 0 2px 2px 0;
    color: #eee;
    width: 25%;
    min-width: 47px;
}

header .main-header .search-form input[type='submit']:hover{
    background-color: #000;
}




header .main-header .cart-wrap a.cart{
    display: inline-block;
    text-align: right;
    color: #333;
    padding: 0.9em 0.1em 0 0;
    text-decoration: none;
}

header .main-header .cart-wrap a.cart:hover{
    text-decoration: none;
}



header .main-header .cart-wrap .cart .cart-count-wrap{
    position: relative;
    width: 50px;
    height: 50px;
    display: inline-block;
    line-height: 50px;
    text-align: center;
    background-color: #bbb;
    border-radius: 50%;
}


header .main-header .cart-wrap .cart .cart-count-wrap i{
    font-size: 2.8rem;
    vertical-align: middle;
    color: #fff;
}

header .main-header .cart-wrap .cart .cart-count-wrap .cart-count{
    position: absolute;
    top: -2px;
    right: -2px;
    background-color: #333;
    float: left;
    line-height: 20px;
    padding: 0;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    font-size: 14px;
    font-size: 1.4rem;
    color: #fff;

}

header .main-header .cart-wrap .cart .cart-sum{
    margin: 0 0 0 7px;
    padding: 0;
    font-size: 16px;
    font-size: 1.6rem;
}




/*
*
* Section
* Section - menu
*
*/


section{
    background-color: #f4f4f4;
}


section.menu-filter{
    position: relative;
}

section.menu-filter .navbar-header{
    /*border-bottom: 1px solid #0b6ab1;*/
    border-bottom: 0;
    margin: 0;
}



section.menu-filter .navbar-header.main-menu{
    display: table;
    height: 56px;
    width: 100%;
}


section.menu-filter .navbar-header.main-menu .main-menu-btns-wrap{
    display: table-row;
}


section.menu-filter .navbar-header.main-menu .main-menu-reservation-btn{
    padding: 0;
    margin: 0;
    display: table-cell;
    width: 50%;
    height: 100%;
    vertical-align: middle;
    background-color: #0261a8;
}


section.menu-filter .navbar-header.main-menu .main-menu-reservation-btn .main-menu-reservation-btn-inner:before{
    content: "\f073";
    font-family: 'FontAwesome';
    position: absolute;
    left: 15px;
    font-size: 20px;
    top: -2px;
}

section.menu-filter .navbar-header.main-menu .main-menu-reservation-btn .main-menu-reservation-btn-inner{
    color: #fff;
    padding-left: 44px;
    float: left;
    position: relative;
    line-height: 3rem;
}


section.menu-filter .navbar-header.main-menu .main-menu-reservation-btn span{
    display: block;
    line-height: 1.4rem;
}


section.menu-filter .navbar-header.main-menu .main-menu-menu-btn{
    padding: 0;
    margin: 0;
    display: table-cell;
    width: 50%;
    vertical-align: middle;
    line-height: 3rem;
}

section.menu-filter .navbar-header.main-menu .main-menu-menu-btn button{
    margin: 0;
    padding: 0 15px 0 0;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 0;
}


section .section-bg{
    position: absolute;
    background-color: #40454D;
    width: 100%;
    height: 100%;
}

section .navbar-wrap{
    padding: 0;
}


.filters-top-dimension-btn{
    display: none;
}


section .navbar .filters-top-dimension-btn.navbar-toggle:hover, 
section .navbar .filters-top-dimension-btn.navbar-toggle:focus{
    background-color: #ddd;
}



@media (max-width: 991px) {

    header .top-links #bs-navbar-collapse-1 ul.navbar-nav li{
        padding: 2px 10px;
    }

    header .top-links .top-links-right {
        position: absolute;
        right: 0;
        top: 9px;
    }

    .navbar-header {
        float: none;
        border-bottom: 1px solid #eee;
        margin-bottom: 6px;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        position: relative;
        padding: 9px 20px;
        margin-top: 8px;
        margin-bottom: 8px;
        background-color: transparent;
        background-image: none;
        border-radius: 4px;
        width: 100%;
        text-align: right;
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }

    /*    .navbar-collapse.collapse {
            display: none!important;
        }*/

    .navbar-collapse.collapse, .collapsing {
        display: none!important;
    }

    header .top-links .navbar-collapse.collapse{
        position: absolute;
        top: 47px;
        width: 100%;
        z-index: 1000;
        background-color: #f2f2f2;
    }

    .filters-top-dimension-btn{
        display: block;
        margin-top: 0;
        float: none;
        width: auto;
    }

    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
        margin-bottom: 0;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }


    .filters .navbar-collapse.collapse{
        position: relative;
    }

}


@media (min-width: 992px) {
    section .navbar-wrap.col-md-5{
        width: 280px;
    }

    section .content-wrap.col-md-7{
        width: calc(100% - 280px);
    }
}





section .navbar-main.navbar{
    border: none;
    border-radius: 0;
    box-shadow: none;
    background-image: none;
    background-color: #1372b9;
    min-height: 0;
    margin-bottom: 0;
}


section .navbar .navbar-toggle {
    border: none;
}

section .navbar .navbar-toggle:focus, section .navbar .navbar-toggle:hover {
    background: none;
}

section .navbar .navbar-toggle .menu-text{
    display: inline-block;
    padding: 0 5px 0 0;
    color: #eee;
    font-size: 1.6rem;
}

section .navbar .navbar-toggle .menu-icon-bar-wrap{
    display: inline-block;
}

section .navbar .navbar-toggle .menu-icon-bar-wrap .icon-bar{
    background-color: #eee;
}



.navbar-main #bs-navbar-collapse-2{
    position: absolute;
    width: 100%;
    z-index: 1000;
    border: none;
    padding: 0;
}



section .navbar .navbar-collapse ul.nav{
    float:none;
    /*padding: 0 15px;*/
    padding: 0;
    background-color: #1372b9;
}


section .navbar .navbar-collapse ul.nav li{
    float:none;
    border-bottom: 1px solid #0b6ab1;
}

section .navbar .navbar-collapse{
    border: none;
}

ul.nav li:last-child,
ul.nav li ul li:last-child{
    border-bottom: none;
}

section .navbar .navbar-collapse ul.nav li a{
    padding: 14px 10px 14px 15px;
    color: #eee;
    display: block;
    font-size: 1.5rem;
}

section .navbar .navbar-collapse ul.nav li a .menu-title{
    display: inline-block;
    vertical-align: middle;
}


section .navbar .navbar-collapse ul.nav li a:hover{
    background-color: #0b6ab1;
}


section .navbar .navbar-collapse ul.nav li a.active{
    background-color: #0261a8;
}


section .navbar .navbar-collapse ul.nav li a i{
    position: absolute;
    left: 16px;
    font-size: 2rem;
    vertical-align: middle;
    top: 14px;
}


.ico-menu{
    vertical-align: middle;
    width: 26px;
    height: 26px;
    background-repeat: no-repeat;
    display: inline-block;
    margin: 0px 16px 0 0;
    background-position: center center;
}

.ico-menu.ico-pneu{
    background-image: url('images/menu-icons/pneu.svg');
}

.ico-menu.ico-aludisk{
    background-image: url('images/menu-icons/aludisk.svg');
}

.ico-menu.ico-plechdisk{
    background-image: url('images/menu-icons/plechdisk.svg');
}

.ico-menu.ico-nakladdisk{
    background-image: url('images/menu-icons/nakladdisk.svg');
}

.ico-menu.ico-kompletace{
    background-image: url('images/menu-icons/kompletace.svg');
}

.ico-menu.ico-autobaterie{
    background-image: url('images/menu-icons/autobaterie.svg');
}

.ico-menu.ico-prislusenstvi{
    background-image: url('images/menu-icons/prislusenstvi.svg');
}

.ico-menu.ico-duse-limce{
    background-image: url('images/menu-icons/duse-limce.svg');
}

.ico-menu.ico-retezy{
    background-image: url('images/menu-icons/retezy.svg');
}

.ico-menu.ico-mbazar{
    background-image: url('images/menu-icons/bazar.svg');
}

.ico-menu.ico-nosice{
    background-image: url('images/menu-icons/nosice-kol.svg');
}

.ico-menu.ico-sterace{
    background-image: url('images/menu-icons/sterace.svg');
}

.ico-menu.ico-typove-listy {
    background-image: url('images/menu-icons/typove-listy.svg');/*doplnit spravny obrazek*/
}


section .navbar .navbar-collapse ul.nav.navbar-nav{
    margin: 0;
}




section .navbar .navbar-collapse ul.badge-box{
    list-style-type: none;
    margin: 20px 0 10px;
    padding-left: 0;
}


section .navbar .navbar-collapse ul.badge-box li{
    border-bottom: 1px solid #e0e0e0;
    padding: 7px 0 7px 0;
}

section .navbar .navbar-collapse ul.badge-box li:last-child{
    border: none;
}



section .navbar .navbar-collapse ul.badge-box li span{
    position: relative;
    display: table-cell;
    color: #444;
}

section .navbar .navbar-collapse ul.badge-box li span .badge-box-text{
    font-size: 1.6rem;
    display: table-cell;
    vertical-align: middle;
    height: 70px;
    position: relative;
    padding: 0 5px 0 85px;
}


section .navbar .navbar-collapse ul.badge-box li i{
    position: absolute;
    top: 12px;
    left: 20px;
}










/*
*
* Content wrap
*
*/

.btn{
    border-radius: 2px;
}


.content-wrap-inner{
    background-color: #fff;
    padding: 13px 16px;
}



.filters-menu.navbar{
    background: none;
    box-shadow: none;
    border: none;
    margin: 0;
}


@media (max-width: 991px) {

    section .section-bg {
        background: #f4f4f4;
    }

    .filters-menu.navbar{
        background: #40454D;
        /*margin: 7px 15px 0 15px;*/
        border-radius: 0px;
    }

    #navbar-li-seperate ul{
        left: 0%;
        top: 100%;
    }

    #navbar-li-seperate ul > li:first-child{
        margin-top: 1px;
    }

    .top-links .navbar-nav li{
        display: block;
    }

}



section.menu-filter .filters-menu .navbar-header {
    border: none;
}

.filters-menu .navbar-collapse {
    border: none;
    overflow-y: visible;
}

.filters-menu .menu-icon-bar-wrap{
    color: #fff;
}

.filters-menu .navbar-nav{
    float: none;
}





section .content-wrap .filters{
    padding: 1rem 0 0;
}



.filters-title h1{
    margin: 0.5rem 1.4rem 1.2rem;
    font-size: 1.8rem;
    color: #eee;
}




section .content-wrap .filters .accessories-filter{
    margin-top: 0.5rem;
    margin-bottom: 2rem;
}


section .content-wrap .filters .accessories-filter a{
    font-size: 1.6rem;
    color: #fff;
    text-decoration: underline;
    text-align: center;
    display: block;
    margin: 14px 5px;
}

section .content-wrap .filters .accessories-filter a:hover{
    text-decoration: none;
}

section .content-wrap .filters .recommended-btn{
    background-color: #ddd;
    border-radius: 0 0 1px 1px;
    color: #333;
    position: absolute;
    top: 0px;
    left: 15px;
}

section .content-wrap .filters .recommended-btn:hover{
    background-color: #ccc;
}


section .content-wrap .filters #nejhledanejsi.recommended-filters{
    display: none;
}

section .content-wrap .filters .recommended-filters{
    padding: 10px 0 0;
    border-bottom: 1px solid #373C44;
    overflow: visible;
    box-shadow: none;
}

section .content-wrap .filters .recommended-filters span{
    padding: 0 0 5px 0;
    display: inline-block;
}

section .content-wrap .filters .recommended-filters span.winter{
    color: #80deea;
}

section .content-wrap .filters .recommended-filters span.summer{
    color: #fdd835;
}

section .content-wrap .filters .recommended-filters ul{
    margin: 0 0 15px 10px;
}

section .content-wrap .filters .recommended-filters ul li{
    padding: 0;
    color: #eee;
    margin: 0 0px 5px 7px;
    list-style: disc;
    display: inline-block;
}


section .content-wrap .filters .recommended-filters ul li a{
    color: #ccc;
}


section .content-wrap .filters .pneu-filter-form{
    padding: 4px 0 0 0;
}

.pneu-filter-form fieldset{
    position: relative;
}


.pneu-filter-form-advanced-filter-block{
    display: none;
    border-top: 1px solid #333;
    padding: 1rem 0 3rem;
}



.pneu-filter-form-advanced-filter-block-block{
    display: block;
}




.pneu-filter-form-advanced-filter{
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #222;
    color: #fff;
    padding: 6px 30px 6px 18px;
    border-radius: 0;
}

.pneu-filter-form-advanced-filter:hover{
    color: #ddd;
}


.pneu-filter-form-advanced-filter::after {
    content: "\f107";
    font-family: 'FontAwesome';
    position: absolute;
    right: 12px;
    z-index: 5;
}



/*.pneu-filter-form-advanced-filter-wrap{
    border-top: 1px solid #333;
    padding: 1rem 0 3rem;
}*/



section .content-wrap .filters .search-menu-submit{
    background-color: #0bb971;
    color: #fff;
    border-radius: 2px;
    font-size: 16px;
    padding: 12px 40px;
}



section .content-wrap .filters .search-menu-submit-wrap{

    position: absolute;
    margin: 3rem 0 0 0;
    text-transform: uppercase;
    right: 15px;
    top: 0;
    display: table;
}


section .content-wrap .filters .search-menu-submit-wrap .filter-clear-wrap{
    display: table-cell;
    text-align: center;
    color: #ccc;
    vertical-align: middle;
    text-decoration: underline;
    text-transform: none;
    padding-right: 2rem;
}

section .content-wrap .filters .search-menu-submit-wrap .filter-clear-wrap span{
    cursor: pointer;
}



section .content-wrap .filters .search-menu-submit-wrap .filter-clear-wrap span::before{
    content: "\f00d";
    font-family: 'FontAwesome';
    font-size: 13px;
    padding-right: 4px;
    display: inline-block;
}



@media (max-width: 991px) {

    section .content-wrap .filters .search-menu-submit-wrap{
        margin: 3rem 0 3rem 0;
        position: relative;
        right: auto;
        top: auto;
        float: left;
        width: 100%;
    }

    section .content-wrap .filters .pneu-filter-form .search-menu-submit-wrap{
        margin-bottom: 6rem;
    }

    section .content-wrap .filters .search-menu-submit-wrap .filter-clear-wrap{
        width: 100%;
        text-align: left;
    }

    section .content-wrap .filters .search-menu-submit-wrap .filter-clear-wrap span{
        float: left;
    }

}




section .content-wrap .filters .search-menu-submit-wrap span:hover{
    text-decoration: none;
    color: #eee;
}


section .content-wrap .filters .search-menu-submit:hover{
    background-color: #00ab63;
}



/*section .content-wrap .filters .select-filter-wrap{
    padding: 0 10px;
}*/

section .content-wrap .filters .select-filter-wrap .filter-label{
    color: #fefefe;
    padding: 10px 5px 2px 0;
    font-size: 1.5rem;
}


section .content-wrap .filters .select-filter-wrap .filter-label label{
    font-weight: normal;
    margin-bottom: 0;
}

.select-filter-wrap__fd{
    position: absolute;
    top: 8rem;
    z-index: 999;
}

@media (max-width: 991px) {
    .select-filter-wrap__fd{
        position: relative;
        top: auto;
    }
}


/*section .content-wrap .filters .select-filter-wrap .menu-select{
    position: relative;
    display: inline-block;
    background-color: #fff;
    width: 100%;
}

section .content-wrap .filters .select-filter-wrap .menu-select::after{
    content: "\f107";
    font-family: 'FontAwesome';
    position: absolute;
    top: 6px;
    right: 14px;
    z-index: 5;
    font-size: 18px;
}

section .content-wrap .filters .select-filter-wrap .menu-select select{
    padding: 10px 40px 10px 10px;
    -webkit-appearance: none;
    -ms-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    border-radius: 0;
    position: relative;
    cursor: pointer;
    z-index: 10;
    background-color: transparent;
    width: 100%;
}

section .content-wrap .filters .select-filter-wrap .menu-select select::-ms-expand{
    display: none;
}


section .content-wrap .filters .select-filter-wrap .menu-select:focus,
section .content-wrap .filters .select-filter-wrap .menu-select:hover{
    background-color: #efefef;
}*/









.menu-select{
    position: relative;
    display: inline-block;
    background-color: #fff;
    width: 100%;
}

.menu-select::after{
    content: "\f107";
    font-family: 'FontAwesome';
    position: absolute;
    top: 8px;
    right: 14px;
    z-index: 5;
    font-size: 18px;
}

.menu-select select{
    padding: 10px 40px 10px 10px;
    -webkit-appearance: none;
    -ms-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #eee;
    border-radius: 0;
    position: relative;
    cursor: pointer;
    z-index: 10;
    background-color: transparent;
    width: 100%;
}

.menu-select select::-ms-expand{
    display: none;
}


.menu-select:focus,
.menu-select:hover{
    background-color: #efefef;
}


.input-nice {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    border: 1px solid #ddd;
    margin: 2px 5px 0 0;
    padding: 10px 40px 10px 10px;
    width: 100%;
}




section .content-wrap .filter-img{
    height: 100px;
}


section .content-wrap .filter-img.filter-pneu{
    /*background-image: url('images/pneu-filter4.png');*/
    background-image: url('images/filter-pneu.png');
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 48% auto;
    height: 163px;
    width: 100%;
    display: block;
}


@media (max-width: 1199px) {
    section .content-wrap .filter-img.filter-pneu{
        background: none;
        height: 115px;
        width: 100%;
        display: block;
    }
}





/*
*
* Content
*
*/


section.content .content-wrap{
    padding: 0 0 4rem 0;
}


@media (min-width: 992px) {
    section.content .content-wrap{
        margin-left: 280px;
        min-height: 1000px;
    }
}


section.content .content-wrap ul#breadcrumb{
    margin: 2rem 0 1rem 0;
    padding-left: 4px;
}



section.content .content-wrap ul#breadcrumb li{
    display: inline-block;
    vertical-align: top;
}

section.content .content-wrap ul#breadcrumb li .breadcrumb-separate{
    color: #555;
}

section.content .content-wrap ul#breadcrumb li a{
    color: #555;
    text-decoration: underline;
    padding: 5px 10px;
}


section.content .content-wrap ul#breadcrumb li a:hover{
    text-decoration: none;
}

section.content .content-wrap ul#breadcrumb li:first-child a{
    padding: 5px 10px 5px 0;
}


section.content .content-wrap ul#breadcrumb li:last-child a{
    text-decoration: none;
    pointer-events: none;

}




.product-list-page h1{
    margin-top: 5px;
}

@media (max-width: 767px){
    .product-list-page h1{
        font-size: 2.6rem;
        line-height: 3.2rem;
    }
}




/*
*
* Detail
*
*/



section.content .content-wrap .product-detail{
    margin: 1rem 0 0 0;
}


section.content .content-wrap .product-detail .product-detail-main{
    background-color: #fff;
    padding: 2rem 0 1rem 0;
}



section.content .content-wrap .product-detail .product-detail-icons{
    margin: 0 0 10px 0;
}

section.content .content-wrap .product-detail .product-detail-icons span{
    padding: 2px 5px 2px;
    font-size: 1rem;
    margin: 1px 2px;
    text-transform: uppercase;
    border-radius: 2px;
}



section.content .content-wrap .product-detail h1{
    font-size: 2.6rem;
    margin: 0;
    padding: 0;
}

section.content .content-wrap .product-detail h2{
    font-size: 2.2rem;
    margin: 5px 0 0 0;
    padding: 0 0 5px 0;
    color: #444;
}

.product-detail__title2{
    display: block;
}


section.content .content-wrap .product-detail .product-detail-image{
    display: table;
    text-align: center;
    height: auto;
    margin: 0 auto 5px;
    overflow: hidden;
    position: relative;
    background-color: #fff;
    width: 100%;
    padding: 30px 20px;
}


section.content .content-wrap .product-detail .product-detail-image .product-detail-discount{
    position: absolute;
    top: 0;
    right: 0;
    padding: 8px 10px;
    border-radius: 2px;
    font-size: 2rem;
    background-color: #eb4d5c;
    color: #fff;
}



section.content .content-wrap .product-detail .product-detail-image-inner{
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}

section.content .content-wrap .product-detail .product-detail-image-inner img{
    text-align: center;
    margin: 0 auto;
    max-height: 450px;

}



















section.content .content-wrap .product-detail a.product-detail-review{
    line-height: 2rem;
    color: #444;
    margin: 0 0 4px 0;
    display: inline-block;


}

section.content .content-wrap .product-detail .product-detail-review .product-detail-review-text{
    margin: 0 0 0 5px;
    text-decoration: underline;
}

section.content .content-wrap .product-detail a.product-detail-review:hover .product-detail-review-text{
    text-decoration: none;
    color: #333;
}


section.content .content-wrap .product-detail .product-detail-review span{
    display: inline-block;
    vertical-align: middle;
}




section.content .content-wrap .product-detail .product-detail-param-item{
    display: table-row;
    margin: 0 0 5px 0;

}








section.content .content-wrap .product-detail .product-detail-param-item span{
    display: table-cell;
    margin: 0 5px 0 0;
    color: #333;
    padding: 2px 8px 0 0;

}

section.content .content-wrap .product-detail .product-detail-param-item span a{
    color: #000;
    text-decoration: underline;
}

section.content .content-wrap .product-detail .product-detail-param-item span a:hover{
    color: #000;
    text-decoration: none;
}



section.content .content-wrap .product-detail .product-detail-note{
    margin: 3rem 0 3rem;
}


section.content .content-wrap .product-detail .product-detail-note #tabs{
    border: none;
    background: none;

}


section.content .content-wrap .product-detail .product-detail-note #tabs .tab-item{
    padding: 0;
}



section.content .content-wrap .product-detail .product-detail-note #tabs ul{
    border: none;
    background: none;
    display: block;
    text-align: center;
    border-bottom: 1px solid #e0e0e0;
    margin: 0 0 4rem 0;

}


section.content .content-wrap .product-detail .product-detail-note #tabs ul li{
    background: none;
    border: none;
    display: inline-block;
    float: none;
    margin: 0;
    padding: 0;
}

section.content .content-wrap .product-detail .product-detail-note #tabs ul li a{
    color: #222;
    text-decoration: underline;
    float: none;
    padding: 0;
    margin: 0;
    padding: 15px 25px 10px;
    display: block;
}

section.content .content-wrap .product-detail .product-detail-note #tabs ul li a:hover{
    text-decoration: none;
    background-color: #fcfcfc;
}

section.content .content-wrap .product-detail .product-detail-note #tabs ul li.ui-state-active a{
    text-decoration: none;
    background-color: #fff;
    color: #000;
    border-radius: 2px 2px 0 0;
}


section.content .content-wrap .product-detail .product-detail-note #tabs ul li a .badge{
    padding: 4px 7px;
    margin: 0 0 0 6px;
}




section.content .content-wrap .product-detail .product-detail-note #tabs #diskuze.tab-item #discussion-new-btn, #discussion-load-more, #discussion-hide{
    background-color: #555;
    color: #eee;
    margin: 0 0 2.5rem 0;
    padding: 10px 20px;
}

section.content .content-wrap .product-detail .product-detail-note #tabs #diskuze.tab-item #discussion-new-btn:hover, #discussion-load-more:hover, #discussion-hide:hover{
    background-color: #000;
}


section.content .content-wrap .product-detail .product-detail-note #tabs #diskuze.tab-item .discussion-form-wrap{
    margin: 0 0 4rem 0;
    display: none;
}

section.content .content-wrap .product-detail .product-detail-note #tabs #diskuze.tab-item .discussion-form-wrap h3{
    text-align: center;
    margin: 0 0 10px 0;
}


section.content .content-wrap .product-detail .product-detail-note #tabs #diskuze.tab-item .discussion-form dt{
    margin: 0 0 10px 0;
}

section.content .content-wrap .product-detail .product-detail-note #tabs #diskuze.tab-item .discussion-form dt.nadpis{
    margin: 0;
}

section.content .content-wrap .product-detail .product-detail-note #tabs #diskuze.tab-item .discussion-form dt label.error{
    color: #eb4d5c;
}

section.content .content-wrap .product-detail .product-detail-note #tabs #diskuze.tab-item .discussion-form input[type="text"],
section.content .content-wrap .product-detail .product-detail-note #tabs #diskuze.tab-item .discussion-form textarea{
    padding: 6px;
    margin: 0;
    border: 1px solid #ddd;
    border-radius: 2px 0 0 2px;
    display: inline-block;
    width: 100%;
}








section.content .content-wrap .product-detail .product-detail-note #tabs #diskuze.tab-item .product-detail-discussion .discussion-item .discussion-question{
    background-color: #fff;
    padding: 10px 12px 12px;
    margin: 5px 0;
}


section.content .content-wrap .product-detail .product-detail-note #tabs #diskuze.tab-item .product-detail-discussion .discussion-item .discussion-response{
    margin: 10px 12px 30px 35px;
    border-left: 2px solid #ccc;
    padding: 0 0 0 10px;

}


section.content .content-wrap .product-detail .product-detail-note #tabs #diskuze.tab-item .product-detail-discussion .discussion-item .discussion-name-date{
    display: block;
}

section.content .content-wrap .product-detail .product-detail-note #tabs #diskuze.tab-item .product-detail-discussion .discussion-item .discussion-name-date span{
    padding: 0 7px 0 0;
}

section.content .content-wrap .product-detail .product-detail-note #tabs #diskuze.tab-item .product-detail-discussion .discussion-item .discussion-name-date .discussion-name{
    color: #444;
    border-right: 1px solid #ccc;
    font-weight: bold;
}

section.content .content-wrap .product-detail .product-detail-note #tabs #diskuze.tab-item .product-detail-discussion .discussion-item .discussion-name-date .discussion-date{
    padding: 0 0 0 7px;
    color: #707070;
}


section.content .content-wrap .product-detail .product-detail-note #tabs #diskuze.tab-item .product-detail-discussion .discussion-item .discussion-title{
    display: block;
    color: #707070;
}


section.content .content-wrap .product-detail .product-detail-note #tabs #diskuze.tab-item .product-detail-discussion .discussion-item .discussion-text{
    margin: 7px 0 0 0;
    display: block;
}














section.content .content-wrap .product-detail .product-detail-params{
    margin: 10px 0 14px;
    display: table;
}

section.content .content-wrap .product-detail .product-detail-params.product-detail-params-all{
    margin: 0 0 15px;
    width: 100%;
}


section.content .content-wrap .product-detail .product-detail-note h2{
    color: #000;
    text-align: center;
    font-size: 2.2rem;
    margin: 0;
    padding: 0;
}


section.content .content-wrap .product-detail .product-detail-params.product-detail-params-all .product-detail-param-item:nth-of-type(odd){
    background-color: #fefefe;
}


section.content .content-wrap .product-detail .product-detail-params.product-detail-params-all .product-detail-param-item span{
    border-bottom: 1px solid #e6e6e6;
    padding: 10px;
}


section.content .content-wrap .product-detail .product-detail-params.product-detail-params-all h3{
    margin: 0 0 10px 0;
    font-size: 2rem;
}



.eu-tyre-label{
    background-color: #FFFFFF;
    background-position: 0 0;
    float: left;
    height: 300px;
    margin: 0 15px 5px 0;
    position: relative;
    width: 205px;
    z-index: 999;
}

@media (max-width: 992px) {
    .eu-tyre-label{
        float: none;
        margin: 0 auto 20px;
        text-align: center;
    }
}


/*tvar pro hlasitost pneu v divu .eu_tyre_label*/
.eu-tyre-label .shape-volume {
    position: absolute;
    top: 229px;
    left: 130px;
    width: 58px;
    height: 28px;
    background-color: #231f20;
}

.eu-tyre-label .shape-volume:before {
    content:"";
    position: absolute;
    right: 100%;
    top: 0px;
    width: 0;
    height: 0;
    border-top: 14px solid transparent;
    border-right: 13px solid #231f20;
    border-bottom: 14px solid transparent;
}

/*tvar pro vlhkost(brzdne vlastnosti na mokre vozovce) pneu v divu .eu_tyre_label*/
.eu-tyre-label .shape-fuel-a {
    position: absolute;
    top: 80px;
    left: 82px;
    width: 29px;
    height: 28px;
    background-color: #231f20;
}

.eu-tyre-label .shape-fuel-b {
    position: absolute;
    top: 95px;
    left: 82px;
    width: 29px;
    height: 28px;
    background-color: #231f20;
}

.eu-tyre-label .shape-fuel-c {
    position: absolute;
    top: 110px;
    left: 82px;
    width: 29px;
    height: 28px;
    background-color: #231f20;
}

.eu-tyre-label .shape-fuel-d {
    position: absolute;
    top: 125px;
    left: 82px;
    width: 29px;
    height: 28px;
    background-color: #231f20;
}

.eu-tyre-label .shape-fuel-e {
    position: absolute;
    top: 140px;
    left: 82px;
    width: 29px;
    height: 28px;
    background-color: #231f20;
}

.eu-tyre-label .shape-fuel-f {
    position: absolute;
    top: 155px;
    left: 82px;
    width: 29px;
    height: 28px;
    background-color: #231f20;
}

.eu-tyre-label .shape-fuel-g {
    position: absolute;
    top: 170px;
    left: 82px;
    width: 29px;
    height: 28px;
    background-color: #231f20;
}

.eu-tyre-label .shape-fuel-a:before, .shape-fuel-b:before, .shape-fuel-c:before, .shape-fuel-d:before, .shape-fuel-e:before, .shape-fuel-f:before, .shape-fuel-g:before {
    content:"";
    position: absolute;
    right: 100%;
    top: 0px;
    width: 0;
    height: 0;
    border-top: 14px solid transparent;
    border-right: 13px solid #231f20;
    border-bottom: 14px solid transparent;
}

/*tvar pro spotrebu pneu v divu .eu_tyre_label*/
.eu-tyre-label .shape-wet-a {
    position: absolute;
    top: 80px;
    left: 161px;
    width: 29px;
    height: 28px;
    background-color: #231f20;
}

.eu-tyre-label .shape-wet-b {
    position: absolute;
    top: 95px;
    left: 161px;
    width: 29px;
    height: 28px;
    background-color: #231f20;
}

.eu-tyre-label .shape-wet-c {
    position: absolute;
    top: 110px;
    left: 161px;
    width: 29px;
    height: 28px;
    background-color: #231f20;
}

.eu-tyre-label .shape-wet-d {
    position: absolute;
    top: 125px;
    left: 161px;
    width: 29px;
    height: 28px;
    background-color: #231f20;
}

.eu-tyre-label .shape-wet-e {
    position: absolute;
    top: 140px;
    left: 161px;
    width: 29px;
    height: 28px;
    background-color: #231f20;
}

.eu-tyre-label .shape-wet-f {
    position: absolute;
    top: 155px;
    left: 161px;
    width: 29px;
    height: 28px;
    background-color: #231f20;
}

.eu-tyre-label .shape-wet-g {
    position: absolute;
    top: 170px;
    left: 161px;
    width: 29px;
    height: 28px;
    background-color: #231f20;
}


.eu-tyre-label .shape-wet-a:before, .shape-wet-b:before, .shape-wet-c:before, .shape-wet-d:before, .shape-wet-e:before, .shape-wet-f:before, .shape-wet-g:before {
    content:"";
    position: absolute;
    right: 100%;
    top: 0px;
    width: 0;
    height: 0;
    border-top: 14px solid transparent;
    border-right: 13px solid #231f20;
    border-bottom: 14px solid transparent;
}

.eu-tyre-label span{
    font-size: 1.4em;
    color: white;
    position: absolute;
    top: 0;
    left: 5px;
    font-weight: bold;
}

.eu-tyre-label span.extra-volume{
    left: -3px;
}

.eu-tyre-label-eprel {
    background-color: #FFFFFF;
    background-position: 0 0;
    float: left;
    height: 315px;
    margin: 0 15px 5px 0;
    position: relative;
    width: 205px;
    z-index: 999;
}

@media (max-width: 992px) {
    .eu-tyre-label-eprel{
        float: none;
        margin: 0 auto 20px;
        text-align: center;
    }
}

.eu-tyre-label-eprel .shape-fuel-a {
    position: absolute;
    top: 122px;
    left: 82px;
    width: 17px;
    height: 28px;
    background-color: #231f20;
}

.eu-tyre-label-eprel .shape-fuel-b {
    position: absolute;
    top: 145px;
    left: 82px;
    width: 17px;
    height: 28px;
    background-color: #231f20;
}

.eu-tyre-label-eprel .shape-fuel-c {
    position: absolute;
    top: 168px;
    left: 82px;
    width: 17px;
    height: 28px;
    background-color: #231f20;
}

.eu-tyre-label-eprel .shape-fuel-d {
    position: absolute;
    top: 191px;
    left: 82px;
    width: 17px;
    height: 28px;
    background-color: #231f20;
}

.eu-tyre-label-eprel .shape-fuel-e {
    position: absolute;
    top: 214px;
    left: 82px;
    width: 17px;
    height: 28px;
    background-color: #231f20;
}

.eu-tyre-label-eprel .shape-fuel-a:before, .shape-fuel-b:before, .shape-fuel-c:before, .shape-fuel-d:before, .shape-fuel-e:before, .shape-fuel-f:before, .shape-fuel-g:before {
    content:"";
    position: absolute;
    right: 100%;
    top: 0;
    width: 0;
    height: 0;
    border-top: 14px solid transparent;
    border-right: 10px solid #231f20;
    border-bottom: 14px solid transparent;
}

.eu-tyre-label-eprel .shape-wet-a {
    position: absolute;
    top: 122px;
    left: 183px;
    width: 17px;
    height: 28px;
    background-color: #231f20;
}

.eu-tyre-label-eprel .shape-wet-b {
    position: absolute;
    top: 145px;
    left: 183px;
    width: 17px;
    height: 28px;
    background-color: #231f20;
}

.eu-tyre-label-eprel .shape-wet-c {
    position: absolute;
    top: 168px;
    left: 183px;
    width: 17px;
    height: 28px;
    background-color: #231f20;
}

.eu-tyre-label-eprel .shape-wet-d {
    position: absolute;
    top: 191px;
    left: 183px;
    width: 17px;
    height: 28px;
    background-color: #231f20;
}

.eu-tyre-label-eprel .shape-wet-e {
    position: absolute;
    top: 214px;
    left: 183px;
    width: 17px;
    height: 28px;
    background-color: #231f20;
}

.eu-tyre-label-eprel .shape-wet-a:before, .shape-wet-b:before, .shape-wet-c:before, .shape-wet-d:before, .shape-wet-e:before {
    content:"";
    position: absolute;
    right: 100%;
    top: 0;
    width: 0;
    height: 0;
    border-top: 14px solid transparent;
    border-right: 10px solid #231f20;
    border-bottom: 14px solid transparent;
}

.eu-tyre-label-eprel span{
    font-size: 1.3em;
    color: white;
    position: absolute;
    top: 1px;
    font-weight: bold;
    right: 4px;
}

.eu-tyre-label-eprel span.extra-volume {
    left: 23px !important;
}

.eu-tyre-label-eprel span.volume {
    font-size: 0.8em;
    color: #333;
    position: absolute;
    top: 264px;
    left: 26px;
    width: 15px;
    height: 15px;
}

.eu-tyre-label-eprel .volume-class {
    position: absolute;
    top: 288px;
    left: 36px;
    width: 25px;
    height: 20px;
    line-height: 20px;
}

.eu-tyre-label-eprel span.volume-class-value {
    font-size: 0.6em;
    font-weight: normal;
    line-height: 21px;
    color: #333;
    position: relative;
    float: left;
    right: 0;
    top: 0;
}

.eu-tyre-label-eprel span.highlight {
    font-size: 0.8em;
    font-weight: bold;
    line-height: 20px;
}

.eu-tyre-label-eprel .icon-snow {
    background-image: url('images/pneu_label_2021_snow_icon.svg');
    background-repeat: no-repeat;
    position: absolute;
    height: 45px;
    width: 45px;
    top: 264px;
    left: 85px;
}

.eu-tyre-label-eprel .icon-ice {
    background-image: url('images/pneu_label_2021_ice_icon.svg');
    background-repeat: no-repeat;
    position: absolute;
    height: 45px;
    width: 45px;
    top: 265px;
    left: 140px;
}

.eu-tyre-label-eprel .manufacturer {
    position: absolute;
    height: 12px;
    width: 120px;
    top: 46px;
    left: 5px;
    text-align: left;
    font-size: 0.6em;
    font-weight: bold;
    font-family: 'FontAwesome', serif;
}

.eu-tyre-label-eprel .dimension {
    position: absolute;
    height: 12px;
    width: 160px;
    top: 63px;
    left: 5px;
    text-align: left;
    font-size: 0.8em;
}

.eu-tyre-label-eprel .kod {
    position: absolute;
    height: 12px;
    width: 70px;
    top: 46px;
    right: 5px;
    text-align: right;
    font-size: 0.6em;
}

section.content .content-wrap .product-detail .product-detail-price{
    margin: 0 0 4px 0;
}

section.content .content-wrap .product-detail .product-detail-price span{
    display: block;
}

section.content .content-wrap .product-detail .product-detail-price .product-detail-price-original{
    text-decoration: line-through;
    color: #888;
    font-size: 1.6rem;
    line-height: 1.6rem;
    margin: 0 0 0 3px;
}

section.content .content-wrap .product-detail .product-detail-price .product-detail-price-wrap span{
    display: inline-block;

}

section.content .content-wrap .product-detail .product-detail-price .product-detail-price-wrap .product-detail-price{
    font-size: 3.2rem;
    font-weight: bold;
}

section.content .content-wrap .product-detail .product-detail-price .product-detail-price-wrap .product-detail-price-currency{
    margin: 0 0 0 10px;
}


section.content .content-wrap .product-detail .product-detail-stock{
    margin: 0 0 10px 0;
    font-weight: bold;
    display: inline-block;
    font-size: 1.5rem;
}


section.content .content-wrap .product-detail .delivery-day-info{
    margin: 0;
}

section.content .content-wrap .product-detail .delivery-day-info span{
    display: block;
    color: #333;
}

section.content .content-wrap .product-detail .delivery-day-info .delivery-day-info-text{
    font-weight: bold;
}

section.content .content-wrap .product-detail .delivery-day-info .delivery-day-info-text i{
    padding: 0 5px 0 0;
}



section.content .content-wrap .product-detail .btn-cart-wrap{
    margin: 20px 0 15px 0;
}


section.content .content-wrap .product-detail .product-detail-main .pieces{
    height: 54px;
    width: 54px;
}

section.content .content-wrap .product-detail .product-detail-main .btn.add-to-cart{
    padding: 0 34px;
    font-size: 1.8rem;
    height: 54px;
}





section.content .content-wrap .product-detail .product-detail-others h2{
    margin: 3rem 0 2rem;
    color: #000;
    text-align: center;
    font-size: 3rem;
}





.product-detail-ico-cetelem-wrap{
    position: relative;
    float: left;
    width: 100%;
    margin: 14px 0 0 0;
}


.product-detail-ico-cetelem{
    background-image: url('images/hb-cetelem-logo.png');
    background-position: 0 0;
    background-repeat: no-repeat;
    width: 120px;
    height: 105px;
    margin-bottom: 0;
    margin-left: 0;
    float: left;
}





.product-detail-ico-cetelem-text{
    padding: 20px 0;
    display: inline-block;
}

.product-detail-ico-cetelem-text-main{
    font-size: 1.8rem;
}

.product-detail-ico-cetelem-text span{
    display: block;
}

.product-detail-ico-cetelem-text span a{
    text-decoration: underline;
}


.product-detail-ico-cetelem-text span a:hover{
    text-decoration: none;
}



@media (max-width: 400px) {


    .product-detail-ico-cetelem-text {
        display: block;
        padding: 0;
    }

}



.hb-cetelem-calc{
    max-width: 200px;  
    margin: 20px 0 0 0;
}







section.content .content-wrap .message-detail .message-image{
    padding: 5px 15px 15px 0;
}







section.content .content-wrap .message-detail .message-image{
    padding: 5px 15px 15px 0;
}

.message-detail img{
    max-width: 100%;
    height: auto;
}






section.content .content-wrap .manufacturers-page{
    margin: 2rem 0;
}

section.content .content-wrap .manufacturers-page .media{
    background-color: #fff;
    padding: 16px 14px 20px;
    margin: 2px 0 0 0;
}

section.content .content-wrap .manufacturers-page h2{
    margin: 3rem 0 1rem;
}



section.content .content-wrap .manufacturers-page h3.media-heading{
    line-height: 2rem;
}



section.content .content-wrap .manufacturers-page h3.media-heading a{
    text-decoration: underline;
    font-size: 1.8rem;
    color: #000;
}

section.content .content-wrap .manufacturers-page h3.media-heading a:hover{
    text-decoration: none;
}

section.content .content-wrap .manufacturers-page .media-body p{
    color: #333;
}







section.content .content-wrap .contact-page .contact-page-main-info{
    margin: 1.6rem 0 0 0;
}

.contact-page-item{
    background-color: #fff;
    padding: 14px 16px 10px;
    margin: 0 0 10px 0;
}

.contact-page-item-row{
    margin-bottom: 20px;
}




section.content .content-wrap .contact-page .contact-page-main-info .contact-page-main-info-hotline{
    margin: 0 0 30px;
}



.contact-page-item h2{
    font-size: 2rem;
    margin: 2px 0 8px 0px;
}

.contact-page-item a{
    color: #333;
    text-decoration: underline;
}

.contact-page-item a:hover{
    text-decoration: none;
}


section.content .content-wrap .contact-page .contact-page-main-info span{
    font-size: 2rem;
    padding: 2px 0;
    display: block;
    font-weight: bold;
}

section.content .content-wrap .contact-page .contact-page-main-info span i{
    padding: 0 5px 0 0;
}





.contact-page-persons{
    margin: 6rem 0 4rem 0;
}

.contact-page-persons-item{
    margin: 0 0 20px 0;
}


.contact-page-persons h2{
    font-size: 1.6rem;
    margin: 16px 0 10px;
    font-weight: bold;
}


.contact-page-persons-img-wrap{
    width: 90px;
    height: 90px;
    position: relative;
    overflow: hidden;
    border-radius: 50%;
    margin: 0 auto;
}


.contact-page-persons-img-wrap img{
    position: absolute;
    max-width: none;
    left: 50%;
    margin-left: -75px;
    width: 150px;
    top: -10px;
}





.contact-page-branches .contact-page-item{
    padding: 16px;
}


.contact-page-branches h2{
    font-size: 3rem;
}

.contact-page-branches h2 a{
    text-decoration: underline;
    color: #000;
}

.contact-page-branches h2 a:hover{
    text-decoration: none;
}


.contact-page-branches h2 a.btn.add-to-cart{
    height: auto;
    padding: 4px 8px;
    margin: 0 0 0 7px;
    text-decoration: none;
}


.contact-page-branches-item-title{
    display: block;
    font-weight: bold;
    padding: 2px 0 2px 0;
}


.contact-page-branches-map-canvas{
    height: 200px;
    width: 100%;
    margin: 0 0 16px 0;
}


.contact-page-branches-gallery{
    margin: 15px;
}


.contact-page-branches-gallery-item{
    padding: 0;
}


.contact-page-branches-gallery a{
    float: left;
    margin: 0 3px 3px 0;
}





.contact-branch-overview{
    background-color: #fff;
}

.contact-branch-overview-item{
    padding: 2.8rem 1rem;
    background-color: #fff;
}


.contact-branch-overview-item a{
    display: block;
    color: #333;
    text-decoration: underline;
}

.contact-branch-overview-item a:hover{
    text-decoration: none;
}

a.contact-branch-overview-item-title{
    text-decoration: none;
    font-size: 1.8rem;
    font-weight: bold;
    padding: 0 0 4px 0;
    color: #333;
}


a.contact-branch-overview-item-address{
    text-decoration: none;
    color: #555;
}


.contact-branch-overview-item i{
    font-size: 3rem;
    color: #888;
}

.servis-page h1 a.btn.add-to-cart{
    height: auto;
    padding: 4px 8px;
    margin: 0 0 0 7px;
    text-decoration: none;
}


.servis-page-map-canvas{
    height: 300px;
    width: 100%;
    margin: 0 0 16px 0;
}

ul.servis-page-services{
    display: inline-block;
    margin: 0 15px 15px 15px;
}


ul.servis-page-services li{
    width: 30%;
    float: left;
    padding: 2px 28px 2px 0;
    margin: 0;
}

@media (max-width: 767px) {
    #navbar-li-seperate .dropdown-menu > li > a:hover,
    #navbar-li-seperate .dropdown-menu > li > a{
        color: white;
    }
}


@media (max-width: 991px) {
    ul.servis-page-services li{
        width: 50%;
    }

    /*    #navbar-li-seperate .open .dropdown-menu > li > a:hover,
        #navbar-li-seperate .open .dropdown-menu > li > a{
            color: white;
        }*/
}

@media (max-width: 576px) {

    ul.servis-page-services li{
        width: 100%;
    }

}












section.content .content-wrap .order-thanx h2.order-thanx-text{
    color: #0bb971;
    margin: 15px 5px 25px 5px;
    font-size: 2.4rem;
}




section.content .content-wrap .order-thanx .cart-items-item-wrap h2{
    color: #000;
    padding: 0 10px 20px 10px;
    font-size: 2.2rem;
    font-weight: bold;
    border-bottom: 1px solid #eee;
    margin: 5px 0 20px 0;
}





section.content .content-wrap .order-thanx .order-thanx-alerts .order-thanx-alerts-item{
    margin: 0 0 26px 0;
    background-color: #fff;
    padding: 10px;
}

section.content .content-wrap .order-thanx .order-thanx-alerts .order-thanx-alerts-item h3{
    margin: 5px 0;
}




section.content .content-wrap .order-thanx .order-thanx-alerts .order-thanx-alerts-item a{
    height: auto;
    padding: 6px 14px;
}


section.content .content-wrap .order-thanx .order-thanx-alerts .order-thanx-alerts-item.success{
    border: 1px solid #0bb971;
}

section.content .content-wrap .order-thanx .order-thanx-alerts .order-thanx-alerts-item.success p{
    color: #0bb971;
    margin: 0 0 7px;
}


section.content .content-wrap .order-thanx .order-thanx-alerts .order-thanx-alerts-item.error{
    border: 1px solid #b71c1c;
}

section.content .content-wrap .order-thanx .order-thanx-alerts .order-thanx-alerts-item.error h3{
    color: #b71c1c;
}











section.content .content-wrap .order-thanx .order-thanx-branches .order-thanx-branches-item p{
    padding: 5px;
    margin: 0;
}

section.content .content-wrap .order-thanx .order-thanx-branches .order-thanx-branches-item a{
    height: auto;
    padding: 6px 12px;

}








section.content .main-img{
    padding: 15px 0;
}

section.content .main-img .carousel-indicators{
    bottom: -10px;
}

/*section.content .main-img .carousel-control{
    width: 5%;
    background: none;
    
    
}*/

section.content .carousel-control.left{
    background-image: -webkit-linear-gradient(left,rgba(0,0,0,.05) 0,rgba(0,0,0,.0001) 100%);
    background-image: -o-linear-gradient(left,rgba(0,0,0,.05) 0,rgba(0,0,0,.0001) 100%);
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.05)),to(rgba(0,0,0,.0001)));
    background-image: linear-gradient(to right,rgba(0,0,0,0.05) 0,rgba(0,0,0,.0001) 100%);
}


section.content .carousel-control.right{
    background-image: -webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.05) 100%);
    background-image: -o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.05) 100%);
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.05)));
    background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.05) 100%);
}

section.content .carousel-control .glyphicon-chevron-left{
    left: 0;
}

section.content .carousel-control .glyphicon-chevron-right{
    right: 0;
}




section.content .recommended-products{
    margin: 0 0 1.5rem 0;
}

section.content .recommended-products h2{
    text-align: center;
    font-size: 3rem;
    margin-bottom: 20px;
}



.product-wrap{
    padding: 7px;
    margin: 0 0 12px 0;
}


@media (min-width: 1200px) {

    .product-wrap.col-lg-3:nth-child(4n+5){
        clear: left;
    }

}


@media (max-width: 1199px) {

    .product-wrap.col-sm-6:nth-child(2n+3){
        clear: left;
    }

}




.product{
    background-color: #fff;
    -webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.1);
    box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.1);
    overflow: hidden;
}

.product:hover{
    box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.3);
}


.product a.product-item-link{
    padding: 15px 0 0;
    display: block;
    color: #000;
    text-decoration: none;
    position: relative;
}

.product a.product-item-link:hover .product-item-brand,
.product a.product-item-link:hover .product-item-name{
    text-decoration: underline;
}

.product .product-item-link span{
    display: block;
    text-align: center;
}




.product .product-item-link span.product-item-brand{
    font-size: 1.6rem;
}

.product .product-item-link span.product-item-name{
    font-size: 1.5rem;
    height: 38px;
    line-height: 18px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

.product .product-item-link span.product-item-params{
    color: #333;
    font-size: 1.5rem;
    padding: 1px 5px;
    height: 54px;
    line-height: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
}


.product .product-item-link span.product-item-img{
    margin: 0 0 7px 0;
    height: 135px;
    overflow: hidden;
    padding: 10px 0 7px;
    border-bottom: 1px solid #f5f5f5;
    position: relative;
}

.product .product-item-link span.product-item-img.larger{
    height: 212px;
}


.product .product-item-link span.product-item-img img{
    max-height: 190px;
    margin: 0 auto;
}



.product-item-img-completion-disc{

}

.product-item-img-completion-pneu{
    position: absolute;
    bottom: 4px;
    width: 60px;
    left: 70%;
    border-radius: 3px;
    -webkit-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.9);
    -moz-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.9);
    box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.9);
}



.product .product-item-link span.product-item-eu-labels{
    margin: 0;
    position: absolute;
    top: 20px;
    left: 0;

}





.product .product-item-link span.product-item-eu-labels span.eu-label{
    display: block;
    padding: 0 2px;
    width: 44px;
    height: 30px;
    left: 0;
    background-color: #f8f8f8;
    color: #333;
    font-weight: bold;
    line-height: 30px;
    top: 0;
    margin: 2px 0;
    font-size: 1.3rem;
}

.product .product-item-link span.product-item-eu-labels span.eu-label::after{
    content: "";
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 10px solid #f8f8f8;
    position: absolute;
    right: -10px;
}




.product .product-item-link span.product-item-eu-labels span.eu-label .eu-ico{
    width: 20px;
    height: 22px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 3px 0 0;
}


.eu-spotreba{
    /*background-position: -165px -156px;*/
    background-position: -209px -157px;

}

.eu-prilnavost{
    /*background-position: -186px -155px;*/
    background-position: -230px -156px;
}

.eu-hlucnost{
    /*background-position: -206px -155px;*/
    background-position: -249px -156px;
}



.product .product-item-link span.product-item-review{
    position: absolute;
    top: 0;
    left: 50%;
    text-align: center;
    margin-left: -33px;

}


.product .product-item-link .product-item-icons{
    position: absolute;
    right: 0;
    top: 18px;
}

.product .product-item-link .product-item-icons span{
    padding: 2px 5px 2px;
    font-size: 1rem;
    margin: 1px 0;
    text-transform: uppercase;
    clear: both;
    float: right;
    border-radius: 1px 0 0 1px;
}

.ico-akce{
    background-color: #d05555;
    color: #fff;
}

.ico-bazar{
    background-color: #455a64;
    color: #fff;
}

.ico-novinka{
    background-color: #2badce;
    color: #fff;
}

.ico-doporucujeme{
    background-color: #673ab7;
    color: #fff;
}

a.ico-test-wrap:hover{
    color: #fff;
}

.ico-test{
    background-color: #97b6cd;
    color: #fff;
}

.ico-vyprodej{
    background-color: #c00;
    color: #fff;
}





.product .product-item-link span.product-item-price-original{
    text-decoration: line-through;
    color: #888;
    line-height: 1.6rem;
    font-size: 1.4rem;
    height: 16px;
}

.product .product-item-link span.product-item-price{
    font-size: 2.4rem;
    font-weight: bold;
    margin: -4px 0 0 0;
}



.product .product-item-link span.product-item-stock{
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 2rem;
    padding: 2px 0 0 0;
    height: 20px;
}

.product .product-item-link span.product-item-stock-info{
    color: #333;
    font-size: 1.3rem;
    margin: -2px 0 0 0;
    padding: 2px 0 7px 0;
    height: 25px;
}

.in-stock{
    color: #65bc4a;
}

.out-of-stock{
    color: #dc143c;
}


.product span.product-item-cart-wrap{
    text-align: center;
    display: block;
    padding: 5px 5px 12px;
}

.pieces{
    display: inline-block;
    height: 40px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #ddd;
    width: 40px;
    /*margin: 0 5px 0 0;*/
}

.product-quantity{
    margin: 0 auto 1rem;
    text-align: center;
    display: inline-block;
    position: relative;

}

.product-quantity__ico, .product-quantity__ico:active, .product-quantity__ico:focus{
    font-size: 2rem;
    color: #bbb;
    width: 3rem;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
}

.product-quantity__ico:hover {
    color: #333;
}


.btn.add-to-cart{
    background-color: #0bb971;
    color: #fff;
    padding: 0 18px;
    font-size: 1.4rem;
    border-radius: 2px;
    font-weight: bold;
    height: 40px;
    text-transform: uppercase;
}

.btn.reservation.add-to-cart{
    padding: 9px 18px;
    margin-bottom: 18px;
}

.btn.add-to-cart:hover{
    background-color: #00ab63;
}


.btn.add-to-cart i{
    padding: 0 7px 0 0;
}

.btn1{
    padding: 0.2rem 1rem;
    font-size: 1.4rem;
    border-radius: 0.2rem;
    font-weight: bold;
    text-transform: uppercase;
    overflow: auto;
    cursor: pointer;
}

.btn1--color1{
    background-color: #0bb971;
    color: #fff;
}

.btn1--color1:hover{
    background-color: #00ab63 !important;
    color: #fff !important;
}


.cart-komplet__item-btn label {
    position: relative;
    margin: 0;
}

.cart-komplet__item-btn label span {
    text-align: center;
    padding: 3px 0px;
    display: block;
    cursor: pointer;
}

.cart-komplet__item-btn label input {
    position: absolute;
    left: -40px;
    top: 0;
}

.cart-komplet__item-btn input:checked + span {
    background-color:#911;
    color:#fff;
}






.product .product-item-link span.product-item-discount{
    position: absolute;
    top: 3px;
    right: 0;
    padding: 1px 3px 2px 5px;
    border-radius: 2px 0 0 2px;
    font-size: 1.3rem;
    background-color: #eb4d5c;
    color: #fff;
}


.product .product-item-link span.product-item-tyre-type{
    position: absolute;
    top: 2px;
    left: 7px;
    padding: 0;
    color: #fff;
    font-size: 16px;
}

.product .product-item-link span.product-item-tyre-type span i.fa-sun-o{
    color: #fdd835;
}

.product .product-item-link span.product-item-tyre-type span i.fa-snowflake-o{
    color: #80deea;
}


.product-no-products{
    margin: 35px 10px;
    text-align: center;
    font-size: 1.8rem;
}


section.content .news{
    margin: 0 0 1.5em 0;
}



section.content .news h2{
    text-align: center;
    font-size: 3rem;
    margin-bottom: 30px;
}


section.content .news .item{
    overflow: hidden;
    margin: 5px 0 30px 0;
}

section.content .news .news-item { /* novinky archiv */
    height: 330px;
    padding: 10px;
    position: relative;
}

section.content .news .news-item-more { /* novinky archiv */
    position: absolute;
    bottom: 0px;
    right: 0;
    padding: 10px !important;
    background: #1371b9;
    color: white !important;
    text-decoration: none !important;
}

section.content .news .item .img-wrap{
    float: left;
    width: 150px;
    height: 120px;
    background-color: #eee;
    padding: 10px;
    margin: 0 15px 6px 0px;
    overflow: hidden;
    position: relative;
}

@media (max-width: 400px) {
    section.content .news .item .img-wrap{
        float: none;
        width: auto;
    }
}




section.content .news .item .img-wrap img{
    display: block;
    max-width: 100%;
    height: auto;
    max-height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    text-align: center;
}

section.content .news .item .text-wrap{
    line-height: 1.6em;
}

section.content .news .item .text-wrap .news-text p{
    margin: 0;
}


section.content .news .item .text-wrap h4{
    font-size: 1.5rem;
    margin: 0 0 5px 0;
    line-height: 2rem;
    font-weight: bold;
}

section.content .news .item .text-wrap h4 a{
    text-decoration: underline;
    color: #333;
}

section.content .news .item .text-wrap h4 a:hover{
    text-decoration: none;
}



section.content .news .item a.news-more{
    text-align: right;
    display: block;
    padding: 5px 10px 0 0;
    color: #333;
    text-decoration: underline;
}

section.content .news .item a.news-more:hover{
    text-decoration: none;
}




section.content .reviews{
    padding: 0 0 4rem;
}


section.content .reviews .reviews-summary-rating{
    margin: 0 0 2rem 0;
}

section.content .reviews .reviews-summary-rating h3{
    margin: 0;
    font-size: 2.2rem;
}



section.content .reviews h2{
    text-align: center;
    font-size: 3rem;
    margin-bottom: 20px;
}


section.content .reviews .review-main-item{
    margin: 0 0 30px;
}


section.content .reviews .review-main-item #showHeurekaBadgeHere-1{
    text-align: center;
    margin: 0px auto;
    padding: 0 0 10px;
}


section.content .reviews .review-main-item h3{
    margin: 0;
    color: #333;
    text-align: center;
}

section.content .reviews .review-main-item a{
    display: block;
    text-align: center;
    font-size: 1.3rem;
}


section.content .reviews .review-item{
    background-color: #fff;
    padding: 6px 12px;
    margin: 0 0 14px;

}


@media (min-width: 1200px) {

    section.content .reviews .review-item-wrap:nth-child(3n+2){
        clear: left;
    }

}


@media (min-width: 992px) and (max-width: 1200px) {
    section.content .reviews .col-md-6:nth-child(2n+2){
        clear: left;
    }

}



section.content .reviews .review-item .review-message{
    font-style: italic;
    color: #333;
    font-size: 1.4rem;
    margin: 3px 0 0 0;
}


section.content .reviews .review-item .review-message i{
    padding: 0 4px 0 0;
}


section.content .reviews .review-item .review-message.review-message-plus{
    font-style: normal;
    color: #0bb971;
    margin: 10px 0 0 0;
}

section.content .reviews .review-item .review-message.review-message-minus{
    font-style: normal;
    color: #ea0f33;
    margin: 10px 0 0 0;
}

.review-title{
    font-size: medium;
    font-weight: bold;
}






section.content .reviews .review-item .review-info{
    color: #949494;
    padding: 8px 0 0 0;
}

section.content .reviews .review-item .review-info p{
    margin: 0;
}

.review-rating-stars{
    height: 15px;
    width: 67px;
    margin: 2px 0;
    display: inline-block;
}

.review-rating-stars.star-rating5{
    background-position: -207px -135px;
}

.review-rating-stars.star-rating45{
    background-position: -207px -120px;
}


.review-rating-stars.star-rating4{
    background-position: -207px -105px;

}


.review-rating-stars.star-rating35{
    background-position: -207px -90px;

}


.review-rating-stars.star-rating3{
    background-position: -207px -75px;

}

.review-rating-stars.star-rating25{
    background-position: -207px -60px;

}

.review-rating-stars.star-rating2{
    background-position: -207px -45px;

}

.review-rating-stars.star-rating15{
    background-position: -207px -30px;

}

.review-rating-stars.star-rating1{
    background-position: -207px -15px;

}


.review-rating-stars.star-rating05{
    background-position: -207px 0;
}


section.manufacturers{
    padding: 1em 0 4em;
    background-color: #eaeaea;
}

section.manufacturers .manufacturer-tyre h2,
section.manufacturers .manufacturer-disc h2{
    text-align: center;
    font-size: 3rem;
    margin-bottom: 30px;
}


section.manufacturers .manufacturer-tyre ul.manufacturer-tyre-items li,
section.manufacturers .manufacturer-disc ul.manufacturer-disc-items li{
    display: inline-block;
    width: 165px;
    border-bottom: 1px solid #dadada;
    padding: 10px 0 5px 0;
}

section.manufacturers .manufacturer-tyre ul.manufacturer-tyre-items li a,
section.manufacturers .manufacturer-disc ul.manufacturer-disc-items li a{
    color: #444;
    display: block;
}

section.manufacturers .manufacturer-tyre ul.manufacturer-tyre-items li a:hover,
section.manufacturers .manufacturer-disc ul.manufacturer-disc-items li a:hover{
    color: #000;
}















section.content .order{
    margin: 10px 0 0 0;
    border-bottom: 1px solid #e0e0e0;
    padding: 0 0 15px;
    display: block;
    text-align: right;
}

@media (max-width: 991px) {
    section.content .order{
        text-align: left;
    }
}


section.content .order span.title{
    display: inline-block;
    margin: 0 10px 0 0;
}

section.content .order ul.order-items{
    display: inline-block;
    margin: 0;
    padding: 0;

}

section.content .order ul.order-items li{
    display: inline-block;
    margin: 0;
}

section.content .order ul.order-items li a{
    color: #333;
    text-decoration: underline;
    padding: 6px 8px;
    border-radius: 2px;
    display: block;
}

section.content .order ul.order-items li a:hover{
    text-decoration: none;
}

section.content .order ul.order-items li a.active{
    background-color: #e0e0e0;
    text-decoration: none;
}

section.content .order .order-eu-labels ul.order-items-eu-labels{
    padding: 7px 0 7px 5px;
    display: inline-block;
    background-color: #e0e0e0;
    border-radius: 2px 0 2px 2px;
}

section.content .order .order-eu-labels ul.order-items-eu-labels li{
    display: inline-block;
    margin: 0;

}

section.content .order .order-eu-labels ul.order-items-eu-labels li a{
    color: #333;
    text-decoration: underline;
    padding: 6px 8px 0 2px;
    border-radius: 2px;
}

section.content .order .order-eu-labels ul.order-items-eu-labels li a:hover{
    text-decoration: none;

}

section.content .order .order-eu-labels ul.order-items-eu-labels li a.active{
    /*background-color: #e6e9eb;*/
    text-decoration: none;
    font-weight: bold;
}






section.content .pagination{
    display: block;
    padding-left: 0;
    margin: 15px 0px;
    border-radius: 4px;

}

section.content .pagination .pagination-total-items{
    line-height: 40px;
}

section.content .pagination a{
    padding: 6px 14px;
    background-color: #fff;
    margin: 3px 2px;
    color: #333;
    text-decoration: none;
    border-radius: 2px;
    border: 1px solid #e0e0e0;
    display: inline-block;

}

section.content .pagination a:hover{
    background-color: #e0e0e0;
}

section.content .pagination a.selected{
    background-color: #e0e0e0;
    pointer-events: none;
}



section.content .pneu-kategorie-seo-description{
    line-height: 2.6rem;
    font-size: 1.5rem;
    margin: 3rem 0 2rem;


}


.info-body-items dt{
    padding: 4px 6px;
}

.info-body-items dd{
    display: none;
    padding: 0 6px 6px;
}





/*
*
* Cart
*
*/

section.content .cart{
}

section.content .cart h3{
    text-align: center;
}

section.content .cart .cart-breadcrumb{
    margin: 1rem 0 1rem 0;
}

section.content .cart .cart-breadcrumb .cart-breadcrumb-item{

}

section.content .cart .cart-breadcrumb .cart-breadcrumb-item a{
    display: block;
    padding: 15px 15px 14px 15px;
    text-align: center;
    color: #333;
    font-size: 1.5rem;
}

section.content .cart .cart-breadcrumb .cart-breadcrumb-item a.active{
    color: #000;
    text-decoration: underline;
    font-weight: bold;
}

section.content .cart .cart-breadcrumb .cart-breadcrumb-item::after{
    content: "\f105";
    font-family: 'FontAwesome';
    position: absolute;
    top: 0px;
    right: 0;
    z-index: 5;
    font-size: 36px;
    color: #888;
}

section.content .cart .cart-breadcrumb .cart-breadcrumb-item:last-child::after{
    content: "";
}



section.content .cart .cart-breadcrumb .cart-breadcrumb-item .order-step-available{
    color: #000;
}

section.content .cart .cart-breadcrumb .cart-breadcrumb-item .order-step-unavailable{
    color: #8d8d8d;
    pointer-events: none;
}



section.content .cart .cart-items{
    /*background-color: #fff;*/
    /*padding-top: 1.5rem;*/
}

/*
@media (max-width: 991px) {
    section.content .cart .cart-items {
        padding: 0;
    }
}*/





section.content .cart .cart-items.cart-items-overview{
    padding-top: 0;
}

section.content .cart .cart-items .cart-items-item-wrap{
    background-color: #fff;
    padding: 1.2rem 0 0;

}



section.content .cart .cart-items .order-validation-error.alert-danger{
    border-radius: 2px;
    font-weight: bold;
    background-color: #f2dede;
    background-image: none;
    border: none;
}


section.content .cart .cart-items .order-validation-error.alert-danger p i{
    padding: 0 10px 0 0;
}



section.content .cart .cart-items.cart-items-delivery-payment .cart-items-item-wrap{
    background: none;
    padding: 0;

}


section.content .cart form .cart-items .cart-items-item-wrap fieldset{
    margin: 0 0 3rem 0;
    background-color: #fff;

}

section.content .cart form .cart-items .cart-items-item-wrap fieldset.payment-group{
    padding: 0;
    border-bottom: 1px solid #eee;
    margin: 0 0 2rem 0;
}

section.content .cart form .cart-items .cart-items-item-wrap fieldset.button-group{
    background: none;
}

section.content .cart form .cart-items .cart-items-item-wrap fieldset.button-group .cart-item-buttons{
    margin: 0 0 4px;
}


section.content .cart form .cart-items .cart-items-item-wrap fieldset h2{
    padding: 16px 10px 18px 18px;
    font-size: 2rem;
    border-bottom: 1px solid #eee;
    font-weight: bold;
    margin: 0;
}



section.content .cart form .cart-items .cart-items-item-wrap fieldset#cetelem h2{
    border: none;
}


section.content .cart form .cart-items .cart-items-item-wrap fieldset#cetelem .cetelem-wrap{
    padding: 0 20px;
}

section.content .cart form .cart-items .cart-items-item-wrap fieldset#cetelem .cetelem-wrap dl{
    margin: 0;
}

section.content .cart form .cart-items .cart-items-item-wrap fieldset#cetelem .cetelem-wrap dd{
    padding: 0 0 8px 0;
}




section.content .cart form .cart-items .cart-items-item-wrap fieldset .radio-wrap{
    border-bottom: 1px solid #eee;
    position: relative;
}

section.content .cart form .cart-items .cart-items-item-wrap fieldset .radio-wrap.checked-wrap{
    background-color: #e9e9e9;
}




section.content .cart form .cart-items .cart-items-item-wrap fieldset .radio-wrap:hover{
    background-color: #f5f5f5;
}

section.content .cart form .cart-items .cart-items-item-wrap fieldset .radio-wrap input[type="radio"]{
    position: absolute;
    top: 17px;
    left: 24px;
    cursor: pointer;

}




section.content .cart form .cart-items .cart-items-item-wrap fieldset .radio-wrap label{
    display: block;
    padding: 18px 20px 18px 45px;
    font-weight: normal;
    cursor: pointer;
    margin: 0;


}


section.content .cart form .cart-items .cart-items-item-wrap fieldset .radio-wrap label .title-wrap span{
    display: block;
}


section.content .cart form .cart-items .cart-items-item-wrap fieldset .radio-wrap label .title-wrap .ds-item .ds-name{
    float: left;
    font-weight: bold;
}

section.content .cart form .cart-items .cart-items-item-wrap fieldset .radio-wrap label .title-wrap .ds-item .ds-price{
    text-align: right;
    font-weight: bold;
}

section.content .cart form .cart-items .cart-items-item-wrap fieldset .radio-wrap label .title-wrap .ds-note{
    color: #666;
    padding: 1px 0 0 0;

}


section.content .cart form .cart-items .cart-items-item-wrap fieldset .radio-wrap.disabled-wrap{
    color: #bbb;

}

section.content .cart form .cart-items .cart-items-item-wrap fieldset .radio-wrap.disabled-wrap:hover{
    background: none;
}

section.content .cart form .cart-items .cart-items-item-wrap fieldset .radio-wrap.disabled-wrap:hover label{
    cursor: default;
}

section.content .cart form .cart-items.cart-items-item-wrap fieldset .radio-wrap.disabled-wrap input[type="radio"]{
    cursor: default;
}



#objednavka #ajax-loading {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 235, 235, 235, .8 )
        url('images/ajax-loader.gif')
        50% 50%
        no-repeat;
}











section.content .cart .cart-items.cart-items-overview h2{
    padding: 3px 12px 16px;
    font-size: 1.8rem;
    margin: 0;
    font-weight: bold;
}


section.content .cart .cart-items .cart-item-category{
    display: block;
    background-color: #f9f9f9;
    padding: 7px 15px;
}








section.content .cart .cart-items .cart-items-item-title{
    margin: 0 0 15px 0;
    font-weight: bold;
}


section.content .cart .cart-items .cart-item-image{
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    position: relative;
}



section.content .cart .cart-items .cart-item-image__img-wrap{
    position: relative;
    display: inline-block;
    float: left;
    margin-right: 1rem;
    height: 50px;
    width: 50px;
}


section.content .cart .cart-items .cart-item-image__img-wrap img{
    position: absolute;
    object-fit: contain;
    height: 100%;
    width: 100%;
}



section.content .cart .cart-items .cart-item{
    padding: 10px;
    border-bottom: 1px solid #eee;
}

section.content .cart .cart-items.cart-items-overview .cart-item{
    padding: 14px;
}


section.content .cart .cart-items .cart-item-inner{
    line-height: 66px;
}

@media (max-width: 991px) {
    section.content .cart .cart-items .cart-item-inner{
        line-height: normal;
        padding: 5px 0;
    }
}


section.content .cart .cart-items.cart-items-overview .cart-item-inner{
    line-height: normal;
}



section.content .cart .cart-items .cart-item-inner .cart-item-inner-inner{
    vertical-align: middle;
    display: inline-block;
    width: 100%;
}





section.content .cart .cart-items .contact-cart-items{
    margin: 10px 0 10px 0;
}


section.content .cart .cart-items .contact-cart-item{
    padding: 5px 20px 10px 25px;
}






section.content .cart .cart-items .contact-cart-item textarea{
    width: 100%;
    padding: 5px;
}


section.content .cart .cart-items .contact-cart-second-block{
    margin: 10px 0 0 0;
}


section.content .cart .cart-items .contact-cart-is-company-block{
    display: none;
}


section.content .cart .cart-items .contact-cart-item label{
    font-weight: normal;
    padding: 0 2px;
}


section.content .cart .cart-items .contact-cart-delivery-address-block{
    display: none;
}





section.content .cart .cart-items .alert-info{
    background-image: none;
    border: none;
    border-radius: 2px;
    margin: 15px 0 0 0;
}



section.content .cart .cart-items .alert-info .required-item{
    font-weight: bold;
}






.cart-item-nadmerne{
    color: #8c8c8c;
}

section.content .cart .cart-items .cart-item .cart-item-product-name a{
    display: block;
    color: #333;
    text-decoration: underline;
    line-height: normal;
}

section.content .cart .cart-items .cart-item .cart-item-product-name a:hover{
    text-decoration: none;
}

section.content .cart .cart-items .cart-item .cart-item-product-name span{
    display: block;
    line-height: normal;
}




section.content .cart .cart-items.cart-items-overview .cart-item .cart-item-product-count{
    float: left;
    padding: 0 5px 0 0;


}


section.content .cart .cart-items.cart-items-overview .cart-item.cart-item-overview-delivery{
    border-top: 3px solid #eee;
}

section.content .cart .cart-items.cart-items-overview .cart-item.cart-item-overview-payment{
    border-bottom: 4px solid #eee;
}

section.content .cart .cart-items.cart-items-overview .cart-item.cart-item-overview-sum{
    font-weight: bold;
    background-color: #f7f7f7;
}





section.content .cart .cart-items .cart-item input[type="text"]{
    display: inline-block;
    height: 40px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #ddd;
    width: 40px;
    line-height: normal;

}


section.content .cart .cart-items .cart-item .cart-item-product-price{
    font-weight: bold;
    white-space: nowrap;
}









section.content .cart .cart-items .cart-item button.btn.update{
    margin: 0 7px 0 0;
}

section.content .cart .cart-items .cart-item button.btn.remove{
    color: #333;
    position: absolute;
    top: 50%;
    margin: -18px 0 0 0;
    height: 36px;
    width: 36px;
    right: 15px;

}

section.content .cart .cart-items .cart-item button.btn:hover{
    background-color: #ddd;
}



section.content .cart .cart-items .cart-item-buttons{
    margin: 25px 0 4px;
    width: 100%;
    display: inline-block;

}

section.content .cart .cart-items .cart-item-buttons .cart-item-form-back{
    float: left;
}

section.content .cart .cart-items .cart-item-buttons .cart-item-form-forward{
    float: right;
}

.btn.btn-back{
    background-color: #f1f1f1;
    color: #333;
}

.btn.btn-back:hover{
    background-color: #e7e7e7;
}

.btn3--color1{
    background-color: #0b6ab1;
    color: #fff;
}

.btn3--color1:hover,
.btn3--color1:disabled{
    background-color: #0b6ab1 !important;
    color: #fff;
}



section.content .cart .cart-items .cart-item-buttons button{
    margin: 0 15px 10px 15px;
}

section.content .cart .cart-items .cart-item-buttons .btn-back{
    padding-left: 10px;
}


section.content .cart .cart-items .cart-item-buttons .add-to-cart{
    height: 46px;
    position: relative;
    white-space: normal;
    padding-right: 36px;
    float: right;
}

section.content .cart .cart-items .cart-item-buttons .add-to-cart i{
    font-size: 2.6rem;
    position: absolute;
    top: 50%;
    margin-top: -1.3rem;
    right: 6px;


}


section.content .cart .cart-items .cart-item-buttons .add-to-cart i{
    font-size: 2.6rem;
    position: absolute;
    top: 50%;
    margin-top: -1.3rem;
    right: 6px;


}


.cart-komplet-title{
    margin: 1rem 1rem 2rem;
}

.cart-komplet__title{
    margin-bottom: 0.5rem;
    display: block;
}

.cart-komplet__item{
    margin-bottom: 1rem;
}

.cart-komplet__item-title{
    font-weight: bold;
}

.cart-komplet__item-checkbox{
    position: absolute;
    left: 0;
    cursor: pointer;
}

.cart-komplet__item-btn{
    margin: 1rem 0;
}

.cart-item__komplet{
    margin: 1rem 0 0;
    background-color: #f4f4f4;
    padding: 0.4rem 0.8rem;
}

.cart-item__komplet-item{
    margin-bottom: 0.4rem;
}

.cart-item__komplet-title{
    display: block;
    margin-bottom: 0.6rem;
}

.cart-komplets{
    background-color: #f4f4f4;
    padding: 0.6rem 1rem;
    margin-bottom: 1.6rem;
}

@media (max-width: 991px) {
    .cart-komplets{
        margin-top: 1.4rem;
    }
}

.cart-komplets--bg-color2{
    background-color: #fff;
}

.cart-komplets .btn--color1{
    background-color: #fff;
}

.cart-komplets__item{
    position: relative;
    margin-bottom: 0.6rem;
}



.modal-title{
    font-size: 1.4rem;
}


.cart-dialog__title{
    font-size: 1.8rem;
    margin: 0 0 0.4rem 0;
    font-weight: bold;
}

.cart-dialog__price-wrap{
    margin-bottom: 2rem;
}

.cart-dialog__price-wrap div{
    display: inline-block;
    padding: 0 5px 0 0;
    font-size: 1.7rem;
}


.cart-dialog__buttons{
    margin: 2rem 0 0 0;
    display: inline-block;
    width: 100%;
}

.cart-dialog__button-continue{
    background-color: #ddd;
    margin: 5px 0 5px 0;
}

.cart-dialog__button-continue:hover{
    background-color: #d1d1d1;
}

.cart-dialog__button-order{
    height: auto !important;
    padding: 10px 15px !important;
    float: right;
}

.ui-dialog{
    height: auto;
    width: 560px !important;
    top: 20% !important;
    left: 50% !important;
    z-index: 1001;
    border: 1px solid #555;
    box-shadow: 0px 2px 7px 0px;
    position: fixed;
    margin: 0px 0px 0px -280px;
    padding: 7px 0 3px 0;
}

@media (max-width: 991px) {
    .ui-dialog{
        width: 100% !important;
        left: auto !important;
        top: 10% !important;
        margin: 0;
    }
}




.test-page-wrap{
    background-color: #fff;
    padding: 18px 15px;
}

.test-page-wrap h2{
    font-size: 2.4rem;
}

.test-page-wrap h2.test-page-wrap-detail{
    margin: 0 0 14px 0;
}

.test-page-wrap h3{
    font-size: 2rem;
    font-weight: bold;
}


.test-page-wrap .btn{
    color: #333;
    margin: 4px;
}

.table-responsive a.btn{
    padding: 0;
}

.test-page-wrap .btn.active{
    box-shadow: none;
    background-color: #f2f2f2;
    border: 1px solid #bbb;
}

.test-page-btn-summer i{
    color: #fdd835;
}

.test-page-btn-winter i{
    color: #80deea;
}

.test-page-buttons{
    margin: 20px 0;
}

.test-page-tests h2{
    margin-bottom: 34px;
}

.test-page-tests div.table-responsive{
    margin: 0;
    padding: 0 0 15px 0;
    width: 100%;
}

.test-page-tests ul{
    display: inline-block;
    padding: 0;
    width: 100%;
}

.test-page-tests ul li h4{
    display: inline-block;
    font-size: 18px;
    color: #000;
    padding: 5px 40px 4px 15px;
}

.test-page-table-header-title{
    color: #000;
    text-decoration: underline;
}


.test-page-table-header-title:hover,
.test-page-table-header-title:focus,
.test-page-table-header-title:active
{
    color: #000;
    text-decoration: none;
}


.test-page-tests-link{
    float: left;
    text-decoration: underline;
    margin-left: 15px;
    margin-top: 5px;
    font-weight: bold;
    color: #333;
}

.test-page-tests-link:hover,
.test-page-tests-link:focus,
.test-page-tests-link:active{
    color: #333;
}



.test-page-tests ul li{
    width: 100%;
    display: inline-block;
    float: left;
    padding: 4px 0 8px;
}

.test-page-tests-item{
    margin-bottom: 20px;
}

.test-page-tests-item .table{
    margin-bottom: 0;
}


.test-page-table-header i{
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -7px;
}

.test-page-table-header i.summer-icon{
    color: #fdd835;
}

.test-page-table-header i.winter-icon{
    color: #80deea;
}

@media (max-width: 991px) {
    .test-page-tests ul li{
        width: 100%;
    }
}

@media (max-width: 767px){
    .test-page-tests div.test-page-table-header{
        text-align: center;
        width: 100%;
        float: left;
    }

    .test-page-tests .col-md-12{
        position: static;
    }

    .test-page-tests a.btn{
        width: 100%;
    }

}

.test-page-tests .test-page-table-header{
    color: #ffffff;
    position: relative;
}

.test-page-table-header, 
.test-page-table-header h3{
    background-color: #f5f5f5;
    color: #000;
}


.test-page-tests ul li a:hover{
    text-decoration: none;
}


.test-page-wrap .table > tbody > tr > td{
    border-top: 1px solid #eee;
}

.test-page-wrap td, .test-page-wrap th{
    text-align: center;
}

.test-page-wrap th{
    text-align: center;
    background-color: #fcfcfc;
}


.test-page-wrap td.test-page-name, .test-page-wrap th.test-page-name{
    text-align: left;
}

.test-page-wrap td a{
    color: #333;
    text-decoration: underline;
}

.test-page-wrap td a:hover{
    text-decoration: none;
}


.test-page-wrap-items h2{
    margin-bottom: 16px;
}


.test-page-rating-item{
    display: inline-block;
    text-align: center;
    padding: 8px 14px;
}


/** Info page */
.info_categories{
    /*background-color: #fff;*/
    margin: 0 0 0 10px;
    padding: 0;
    float: left;

}

.info_categories > li{
    display: inline;
    margin-right: 5px;
    line-height: 40px;
}

.info_categories > li a{
    padding: 4px 6px;
    background-color: #f5f5f5;
    color: #000;
    border-radius: 5px;
    white-space: nowrap;
}


.info_categories > li a:hover{
    background-color: #eaeaea;
}






.pattern-page-main{
    background-color: #fff;
    padding: 22px 16px;
}


.pattern-page h2{
    text-align: center;
}


.pattern-page img{
    padding-bottom: 16px;
}

.pattern-page-row{
    margin-bottom: 20px;
}

.pattern-page-category-title{
    font-weight: bold;
    float: left;
    display: table-row;
    vertical-align: middle;
    line-height: 40px;
}

.product .product-item-link span.product-item-img.pattern-page-item-img {

    margin: 0;
}



.alert.alert-danger{
    border-radius: 2px;
    font-weight: bold;
    background-color: #f2dede;
    background-image: none;
    border: none;

}




.form-item{
    padding: 5px 20px 10px 25px;
}


.form-item-required{
    position: relative;
}

.form-item-required::before{
    content: "\f069";
    font-family: 'FontAwesome';
    position: absolute;
    top: -2px;
    left: -10px;
    z-index: 5;
    font-size: 1rem;
    color: #a94442;
}

.form-item__checkbox{
    display: block;
}

.form-item__checkbox input{
    width: auto;
    float: left;
}

.form-item__checkbox label{
    margin-left: 20px;
    display: block;
    font-weight: normal;
}


.form-item__checkbox label.form-item-required{
    margin-left: 26px;
}

.form-item-gdpr-text a{
    color: #1372b9;
    text-decoration: underline;
}

.form-item-gdpr-text a:hover{
    text-decoration: none;
}


.input-text-error-message{
    color: #a94442;
    font-weight: bold;
}


.input-text-error{
    border: 1px solid #a94442;
}






ul.ui-autocomplete li.ui-autocomplete-category{
    padding: 6px;
    background-color: #eee;
}



ul.ui-autocomplete li .ui-menu-item-wrapper{
    padding: 6px 10px;
    border: none;
}

ul.ui-autocomplete li .ui-menu-item-wrapper.ui-state-active{
    background-color: #f5f5f5;
    margin: 0;
    color: #000;
}






.partner-item{
    margin: 20px 0 30px;
}


.partner-item h2{
    margin-top: 2px;
}


.partner-item h2 a{
    font-size: 1.8rem;
    text-decoration: underline;
    color: #333;
}

.partner-item h2 a:hover{
    text-decoration: none;
    color: #000;
}

.partner-item p a{
    color: #333;
    text-decoration: underline;
}

.partner-item p a:hover{
    text-decoration: none;
}




.hotline-dialog{
    display: none;
}




.order-history-item{
    margin-bottom: 2rem;
}


.cetelem-wrap dd{
    margin-bottom: 10px;
}







/*
*
* Footer
*
*/

footer{
    background-color: #5b6068;
    color: #eee;
    padding: 7rem 0 3rem 0;
}

footer .fb-like-box{
    overflow: hidden;
    padding: 0 0 2rem 0;
}

footer .links{
    margin: 0 0 25px 0;
}

footer .links h3{
    margin-top: 5px;
    color: #fff;
}

footer .links ul{
    list-style-type: none;
    padding-left: 2px;
}

footer .links ul li a{
    text-decoration: none;
    font-size: 1.4rem;
    color: #eee;
    display: inline-block;
}

footer .links ul li a:hover{
    color: #fff;
    text-decoration: underline;
}

footer .links-social-icons{
    margin-top: 14px;
}

footer .links-social-icons a{
    margin-right: 14px;
}





footer .brands{
    padding: 4rem 0 4rem 0;
}

footer .brands ul li{
    display: inline-block;
    width: 25%;
    padding: 1rem 0 1rem;
    margin: 0;
    float: left;
}



@media (max-width: 992px) {
    footer .brands ul li{
        width: 50%;
    }
}


footer .brands ul li a{
    text-decoration: none;
    color: #eee;
    display: block;
}

footer .brands ul li a:hover{
    color: #fff;
    text-decoration: underline;
}


footer .brands ul li span{
    text-align: center;
    display: block;
}

footer .brands ul li span.title{
    font-weight: bold;
}

footer .brands ul li span.web{
    text-decoration: underline;
}

.babisuv-diktat{
    margin: 2rem 1rem 3rem;
    font-size: 1.2rem;
    text-align: center;
}