.hs-user-info {
    position: absolute;
    top: 90px;
}

    .hs-user-info #ctlUserInfo {
        top: 0;
        height: 98px;
        -webkit-box-shadow: 0px 0px 18px 2px rgba(45,16,1,0.95);
        -moz-box-shadow: 0px 0px 18px 2px rgba(45,16,1,0.95);
        box-shadow: 0px 0px 18px 2px rgba(45,16,1,0.95);
        z-index: 2;
    }

    .hs-user-info .hs-user-info-bckg {
        background-color: white;
        opacity: 0.78;
        height: 98px;
        width: 173px;
        position: absolute;
        margin-left: 15px;
        z-index: 1;
    }

.hs-basket-info {
    position: absolute;
    top: 0;
    right: 15px;
    height: 188px;
    width: 173px;
}

    .hs-basket-info .hs-basket-info-bckg {
        background-color: white;
        opacity: 0.75;
        height: 100%;
        width: 100%;
        position: absolute;
        z-index: 1;
        -webkit-box-shadow: 0px 0px 20px 5px rgba(45,16,1,0.9);
        -moz-box-shadow: 0px 0px 20px 5px rgba(45,16,1,0.9);
        box-shadow: 0px 0px 20px 5px rgba(45,16,1,0.9);
    }

    .hs-basket-info #ctlBasketInfo {
        right: 0;
        z-index: 2;
        width: 100%;
    }

    .hs-basket-info #featureFlags {
        right: 0;
        z-index: 2;
        width: 100%;
    }

.hs-ellipsis {
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.hs-notfound {
    float: left;
    clear: left;
    width: 100%;
    padding: 20px 0 0 0;
    text-align: center;
}

DIV.featurePager DIV.pagerBlock SPAN {
    font-size: 13px;
}

    DIV.featurePager DIV.pagerBlock SPAN.nav {
        font-size: 13px;
    }

.theAddresses select {
    width: 152px;
}

#ctlBasketInfo > div.controlFrame > div.basketCaption {
    background: url('../Images/basket-separator.png') no-repeat bottom center;
    position: absolute;
    top: 0;
    z-index: 2;
    width: 100%;
    height: 29px;
}

    #ctlBasketInfo > div.controlFrame > div.basketCaption ~ div:not(.hs-basket-caption-bckg) {
        margin-top: 37px;
    }


#ctlBasketInfo > div.controlFrame > .hs-basket-caption-bckg {
    position: absolute;
    top: 0;
    z-index: 1;
    opacity: 0.75;
    background-color: white;
    width: 100%;
    height: 29px;
}

#divContentEnvelope #divTitle img.imgLogoLink {
    margin: 3px 0 0 15px;
}

#divContentEnvelope #divMenu {
    position: absolute;
    z-index: 3;
}

#divContentEnvelope #divXsMenu {
    width: 100%;
    margin: 30px auto 0 auto;
    float: left;
    clear: both;
}

    #divContentEnvelope #divXsMenu ul li {
        font-size: 14px;
        height: 40px;
        border-top: solid 1px #693E14;
    }

        #divContentEnvelope #divXsMenu ul li a {
            text-decoration: none;
            font-weight: bold;
            display: inline-block;
            width: 100%;
            text-align: center;
            line-height: 40px;
            -webkit-box-shadow: inset 0px -15px 30px 0px rgba(105,62,20,0.85);
            -moz-box-shadow: inset 0px -15px 30px 0px rgba(105,62,20,0.85);
            box-shadow: inset 0px -15px 30px 0px rgba(105,62,20,0.85);
        }

            #divContentEnvelope #divXsMenu ul li a:hover {
                -webkit-box-shadow: inset 0px 5px 20px 0px rgba(105,62,20,0.7);
                -moz-box-shadow: inset 0px 5px 20px 0px rgba(105,62,20,0.7);
                box-shadow: inset 0px 5px 20px 0px rgba(105,62,20,0.7);
            }

    #divContentEnvelope #divXsMenu #divXsSocNet {
        margin-top: 30px;
        margin-bottom: 20px;
    }

        #divContentEnvelope #divXsMenu #divXsSocNet div {
            width: 80px;
            margin: 0 auto;
        }

#divContentEnvelope #divPage {
    margin-top: 29px;
}

DIV.divHomeNews ul.pthcms_articlelist li div.more {
    margin-top: 6px;
}

DIV.theProductControls {
    top: 1px;
}

#divXsFilters #featureSearch {
    margin-left: 0;
}

    #divXsFilters #featureSearch div.input {
        width: 90%;
    }

        #divXsFilters #featureSearch div.input input[type='text'],
        #divXsDepMenu #featureSearch div.input input[type='text'] {
            padding-left: 5px;
            padding-right: 5px;
            height: 24px;
            width: 100%;
        }

#divXsFilters #promoBlock div.promoProduct {
    display: none;
}

#divXsFilters div.divDepMenuHeading {
    display: none;
}

.hs-filter-info {
    margin-top: 10px;
}

    .hs-filter-info > div.divFilterInfo {
        background-color: #DAE1AE;
        border-top: solid 1px #a6b745;
        border-bottom: solid 2px #CCA073;
    }


    .hs-filter-info DIV.status {
        padding: 8px 8px;
        color: #838e48;
        background-color: transparent;
        font-weight: bold;
    }

    .hs-filter-info DIV.ctl {
        padding: 15px 8px 8px 8px;
        font-size: 12px;
        text-align: left;
    }

        .hs-filter-info DIV.ctl A {
            text-decoration: none;
            background-position: right center;
            background-image: url(../Images/filtr_bullet_todelete.gif);
            background-repeat: no-repeat;
            display: block;
        }

            .hs-filter-info DIV.ctl A:hover {
                color: #c23d38;
            }

    .hs-filter-info div.filterBlock {
        overflow: hidden;
        margin: 3px 8px 0px 8px;
        font-size: 11px;
    }

        .hs-filter-info div.filterBlock div.filterHeading {
            font-size: 14px;
            text-transform: uppercase;
            color: #c23d38;
        }

        .hs-filter-info div.filterBlock ul.filterItems {
            font-size: 12px;
            font-weight: bold;
        }

        .hs-filter-info div.filterBlock ul li {
            padding-left: 0px;
            overflow: hidden;
        }

            .hs-filter-info div.filterBlock ul li SPAN.offLabel {
                width: 100px;
                overflow: hidden;
                display: block;
                text-overflow: ellipsis;
            }

        .hs-filter-info div.filterBlock SPAN.offBtn {
            display: block;
            float: right;
            padding: 0;
            font-size: 10px;
        }

            .hs-filter-info div.filterBlock SPAN.offBtn a {
                text-decoration: none;
            }

/* TODO: doplnit rozklikavani menu  */
.ulDepMenu li:not(.selected) ul {
    display: none;
}

.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
}

    .embed-responsive .embed-responsive-item,
    .embed-responsive iframe,
    .embed-responsive embed,
    .embed-responsive object,
    .embed-responsive video {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        height: 100%;
        width: 100%;
        border: 0;
    }

.embed-responsive-16by9 {
    padding-bottom: 56.25%;
}

.embed-responsive-4by3 {
    padding-bottom: 75%;
}

.img-responsive {
    /*display: block;*/
    max-width: 100%;
    height: auto;
}

.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
    display: none !important;
}

@media (max-width: 767px) {
    .hidden-xs {
        display: none !important;
    }

    .visible-xs {
        display: block !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm {
        display: none !important;
    }

    .visible-sm {
        display: block !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md {
        display: none !important;
    }

    .visible-md {
        display: block !important;
    }
}

@media (min-width: 1200px) {
    .hidden-lg {
        display: none !important;
    }

    .visible-lg {
        display: block !important;
    }
}

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

    body {
        background: none;
    }

    .divLeftMenu,
    .divPageRight {
        display: none;
    }

    #divContentEnvelope {
        max-width: 991px;
        width: 100%;
    }

        #divContentEnvelope #divPage {
            margin-top: 0;
        }

        #divContentEnvelope #divTitle {
            max-width: 991px;
            width: 100%;
        }

        #divContentEnvelope #divMenu {
            max-width: 991px;
            width: 100%;
        }

    div.colLayOffset1 {
        right: auto;
    }

    div.colLayCol1 {
        width: 98%;
        left: auto;
        margin: 0 auto;
        float: none;
        padding-top: 20px;
    }

        div.colLayCol1 .hs-breadcrumb div {
            width: auto;
            margin-top: 20px;
        }

    div.divHomeNews {
        max-width: 590px;
        width: 98%;
    }

        div.divHomeNews ul.pthcms_articlelist > li {
            max-width: 590px;
            width: 98%;
        }

    div.divHomeHead {
        max-width: 590px;
        width: 98%;
    }

    #theCatalog {
        width: 590px;
        margin-left: auto;
        margin-right: auto;
    }

        #theCatalog .ListTypeSwitcher {
            top: -40px;
        }

    div.featureNavigationPath,
    div.theDepartmentHeading,
    div.theProductHeading {
        width: 590px;
        margin-left: auto;
        margin-right: auto;
    }

    DIV.theProductGridMode1 > table {
        width: 100%;
    }

        div.theProductGridMode1 > table tr td.ctlGridItem {
            width: 100%;
        }

    div.theProductGridMode1 div.mode1 table.prodNameRow,
    div.theProductGridMode1 div.mode1 table.prodImgRow {
        width: 100%;
    }

        div.theProductGridMode1 div.mode1 table.prodNameRow td.prodName,
        div.theProductGridMode1 div.mode1 table.prodImgRow td.prodImage {
            width: 60%;
        }

        div.theProductGridMode1 div.mode1 table.prodNameRow td.prodLogo,
        div.theProductGridMode1 div.mode1 table.prodImgRow td.prodInfo {
            width: 40%;
        }

    #featureCheckout TABLE.tblItem {
        width: 100%;
    }

        #featureCheckout TABLE.tblItem TD.dets > div {
            overflow: hidden;
        }

    #divXsFilters {
        width: 590px;
        margin: 50px auto 0 auto;
    }

    #divXsDepMenu #featureSearch {
        width: 590px;
    }

    .hs-filter-info > div.divFilterInfo {
        margin-bottom: 20px;
    }
}

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

    #theCatalog {
        width: 100%;
    }

    div.colLayCol1 {
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 30px;
        margin-left: 0;
        margin-right: 0;
        width: 96%;
    }

        div.colLayCol1 .hs-breadcrumb div {
            margin-top: -10px;
            margin-bottom: 10px;
        }

    div.divHomeNews iframe {
        height: 20px !important;
    }

    .hs-user-info {
        margin-left: -5px;
    }

    .hs-basket-info {
        right: 10px;
    }

    div.featureNavigationPath,
    div.theDepartmentHeading {
        width: 100%;
    }

    div.theSubDepartmentGrid > table,
    div.theSubDepartmentGrid > table > tbody {
        display: block;
        width: 100%;
    }

        div.theSubDepartmentGrid > table > tbody > tr {
            display: inline-block;
            width: 100%;
        }

        div.theSubDepartmentGrid > table .ctlGridItem {
            display: block;
            float: left;
            clear: left;
            width: 100%;
            margin-bottom: 10px;
        }

    div.theSubDepartmentGrid .ctlSpacer {
        display: none;
    }

    div.theSubDepartmentGrid TABLE.ctlTile {
        width: 100%;
    }

    div.theSubDepartmentDescription {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

        div.theSubDepartmentDescription > div {
            position: relative;
            display: block;
            height: 0;
            padding: 0;
            overflow: hidden;
            padding-bottom: 56.25%;
        }

            div.theSubDepartmentDescription > div iframe {
                position: absolute;
                top: 0;
                left: 0;
                bottom: 0;
                height: 100% !important;
                width: 100% !important;
                border: 0;
            }

    div.theProductGridMode1 > table tr td.ctlGridItem {
        width: 100%;
    }

    div.theProductGridMode1 div.mode1 table.prodNameRow,
    div.theProductGridMode1 div.mode1 table.prodImgRow {
        width: 100%;
    }

        div.theProductGridMode1 div.mode1 table.prodNameRow td.prodName,
        div.theProductGridMode1 div.mode1 table.prodImgRow td.prodImage {
            width: 50%;
        }

        div.theProductGridMode1 div.mode1 table.prodNameRow td.prodLogo,
        div.theProductGridMode1 div.mode1 table.prodImgRow td.prodInfo {
            width: 50%;
        }

    div.theProductGridMode2 div.mode2 {
        width: 100%;
        border: none;
    }

        DIV.theProductGridMode2 DIV.mode2 TABLE.prodName A span {
            white-space: nowrap;
            overflow: hidden;
            -ms-text-overflow: ellipsis;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
            display: inline-block;
            width: 98%;
        }

    div.theProductGridMode2 > table,
    div.theProductGridMode2 > table > tbody {
        display: block;
        width: 100%;
    }

        div.theProductGridMode2 > table > tbody > tr {
            display: inline-block;
            width: 100%;
        }

        div.theProductGridMode2 > table .ctlGridItem {
            display: block;
            float: left;
            clear: left;
            width: 100%;
            margin-bottom: 10px;
            border: 1px solid #CCA073;
        }

            div.theProductGridMode2 > table .ctlGridItem .prodName,
            div.theProductGridMode2 > table .ctlGridItem .prodName tbody,
            div.theProductGridMode2 > table .ctlGridItem .prodName tbody tr,
            div.theProductGridMode2 > table .ctlGridItem .prodName tbody tr td {
                display: inline-block;
                width: 100%;
            }

                div.theProductGridMode2 > table .ctlGridItem .prodName tbody tr td {
                    line-height: 35px;
                }

    div.theProductGridMode2 .ctlSpacer {
        display: none;
    }

    div.theProductHeading {
        width: 100%;
    }

    .prodImage img,
    .imageBlock img,
    .staticPage img,
    .DetailArticleHS img {
        display: block;
        max-width: 100%;
        height: auto;
        vertical-align: middle;
        margin: 0 auto;
    }

    DIV.productDetail DIV.productDataPanel DIV.imageBlock {
        width: 100%;
    }

    DIV.productDetail DIV.productDataPanel table.productParameters {
        width: 100%;
    }

    DIV.productDetail TABLE.productParameters DIV.propLine {
        width: 100%;
    }

        DIV.productDetail TABLE.productParameters DIV.propLine DIV.propLabel {
            width: 37%;
        }

        DIV.productDetail TABLE.productParameters DIV.propLine DIV.propValue {
            width: 50%;
        }

            DIV.productDetail TABLE.productParameters DIV.propLine DIV.propValue > span {
                float: left;
                margin-right: 10px;
            }

            DIV.productDetail TABLE.productParameters DIV.propLine DIV.propValue .eye {
                right: auto;
                float: left;
            }

    .PthModalPopup {
        max-width: 100%;
        width: auto !important;
    }

    #featureCheckout TABLE.tblItem TD.image {
        display: none;
    }

    #divXsFilters {
        margin-top: 0;
        padding-left: 10px;
        padding-right: 10px;
        width: 95%;
    }

    #divXsDepMenu {
        position: relative;
        min-height: 56px;
    }

        #divXsDepMenu #featureSearch {
            position: absolute;
            top: 10px;
            padding-left: 10px;
            width: 80%;
        }

            #divXsDepMenu #featureSearch div.input {
                padding: 0;
                width: 55%;
            }

                #divXsDepMenu #featureSearch div.input input[type='text'] {
                    height: 24px;
                    width: 100%;
                }

            #divXsDepMenu #featureSearch div.button {
                float: left;
                margin-left: 20px;
            }
}

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

    .hs-basket-info {
        width: 100px;
    }

        .hs-basket-info #featureFlags {
            top: 110px;
        }

    div.theProductGridMode1 div.mode1 table.prodNameRow td.prodName,
    div.theProductGridMode1 div.mode1 table.prodImgRow td.prodImage {
        width: 35%;
    }

    div.theProductGridMode1 div.mode1 table.prodNameRow td.prodLogo,
    div.theProductGridMode1 div.mode1 table.prodImgRow td.prodInfo {
        width: 65%;
    }

    div.theProductHeading div.featurePager,
    div.featurePager {
        float: left;
        clear: left;
        margin-top: 6px;
    }

    DIV.productDetail TABLE.productParameters DIV.propLine DIV.propLabel,
    DIV.productDetail TABLE.productParameters DIV.propLine DIV.propValue {
        width: 100%;
        float: left;
        clear: left;
        text-align: left;
    }

    div.featureNavigationPath {
        display: none;
    }

    #theCatalog .ListTypeSwitcher {
        top: -15px;
    }

    #theCatalog .theProductStock {
        left: 155px;
    }

    #theCatalog .theProductControls {
        left: 115px;
    }

    DIV.divHomeNews ul.pthcms_articlelist table th,
    DIV.divHomeNews ul.pthcms_articlelist table td {
        display: inline-block;
        float: left;
        clear: left;
    }

    DIV.divHomeNews ul.pthcms_articlelist > li table tr > th {
        width: 100%;
        text-align: center;
    }

    #featureCheckout TABLE.tblItem TD {
        display: inline-block;
        float: left;
        clear: left;
    }

        #featureCheckout TABLE.tblItem TD.ctls {
            float: right;
        }

    #featureCheckout div.basketEditor div.totalPrice div.label {
        width: auto;
    }

    #divXsDepMenu #featureSearch div.input {
        max-width: 70%;
    }
}

.slicknav_menu {
    background-color: #775029;
    min-height: 56px;
}

    .slicknav_menu .slicknav_btn {
        border-radius: 0;
        padding: 6px;
        background-color: transparent;
        border: solid 1px white;
    }

        .slicknav_menu .slicknav_btn .slicknav_menutxt {
            display: none;
        }

        .slicknav_menu .slicknav_btn .slicknav_icon {
            width: auto;
            height: auto;
        }

            .slicknav_menu .slicknav_btn .slicknav_icon .slicknav_icon-bar {
                width: 30px;
                height: 5px;
                border-radius: 0;
            }

                .slicknav_menu .slicknav_btn .slicknav_icon.slicknav_icon-bar + .slicknav_icon-bar {
                    margin-top: 6px;
                }

.slicknav_nav li:last-child > a {
    border-bottom: none;
}

.slicknav_nav li > a {
    border-radius: 0;
    margin-top: 0;
    margin-bottom: 0;
    padding: 10px 12px;
    border-bottom: solid 1px #D6AA7D;
}

.slicknav_nav li a:hover,
.slicknav_nav .slicknav_row:hover {
    background-color: #D6AA7D;
    border-radius: 0;
    text-decoration: none;
}

.slicknav_nav .slicknav_row {
    padding: 10px 12px;
    margin-top: 0;
    margin-bottom: 0;
}

#colorbox {
    border-radius: 0;
}

    #colorbox #cboxWrapper #cboxTopLeft {
        background: none;
    }

    #colorbox #cboxWrapper #cboxTopRight {
        background: none;
    }

    #colorbox #cboxWrapper #cboxBottomLeft {
        background: none;
    }

    #colorbox #cboxWrapper #cboxBottomRight {
        background: none;
    }

    #colorbox #cboxWrapper #cboxMiddleLeft {
        background: none;
    }

    #colorbox #cboxWrapper #cboxMiddleRight {
        background: none;
    }

    #colorbox #cboxWrapper #cboxTopCenter {
        background: none;
    }

    #colorbox #cboxWrapper #cboxBottomCenter {
        background: none;
    }

#cboxContent {
    border: 1px solid silver;
    overflow: visible;
    padding: 20px;
}

    #cboxContent #cboxPrevious,
    #cboxContent #cboxNext {
        bottom: 45%;
    }

    #cboxContent #cboxPrevious {
        left: 10px;
        background: url('../Images/product-left-arrow.png') no-repeat center left;
    }

    #cboxContent #cboxNext {
        left: auto;
        right: 10px;
        background: url('../Images/product-right-arrow.png') no-repeat center right;
    }

    #cboxContent #cboxClose {
        top: 10px;
        right: 10px !important;
        bottom: auto;
        background: url('../Images/ico-close2.png') no-repeat center center;
    }

    #cboxContent #cboxLoadedContent {
        background-color: white;
        overflow: hidden !important;
    }

        #cboxContent #cboxLoadedContent img {
            display: block !important;
            max-width: 100% !important;
            height: auto !important;
        }

#cboxCurrent {
    display: none !important;
}

div.productDetail div.productDataPanel div.imageGallery {
    overflow: hidden;
    width: auto;
}

    div.productDetail div.productDataPanel div.imageGallery a {
        display: block;
    }

        div.productDetail div.productDataPanel div.imageGallery a.hs-selected {
            border-color: rgba(45,16,1,0.95);
        }

.hs-comment {
    float: left;
    clear: left;
    margin-left: 135px;
    margin-bottom: 6px;
}

.hs-hidden {
    display: none !important;
}

@media screen and (max-width: 479px) {
    #colorbox {
        top: 0 !important;
    }

    #cboxContent {
        padding: 10px;
    }

        #cboxContent #cboxPrevious {
            width: 15px;
            height: 15px;
        }

        #cboxContent #cboxNext {
            width: 15px;
            height: 15px;
        }

        #cboxContent #cboxClose {
            width: 15px;
            height: 15px;
        }

    .hs-radio {
        float: left;
        clear: left;
        margin: 6px 0 6px 60px;
    }

    div.regForm fieldset > label {
        width: 90px;
    }

    .PthValidatorCallout {
        display: none;
    }

    #theCatalog .ListTypeSwitcher a:nth-of-type(2) {
        display: none;
    }
}

@media (max-width: 767px) {
    .clearBasketWrapper {
        float: initial !important;
        margin-top: 10px !important;
        text-align: center;
        margin: 10px 0;
    }
}

@media (max-width: 767px) {
    #featureCheckout TABLE.tblItem TD.ctls > img {
        margin-top: -23px;
    }
}