body {
    font: 14px 'Rubik', sans-serif
}

.slide-text-3, .slide-text-4 {
    text-shadow: none;
    font-weight: 700;
    text-align: left
}

.h1, .slide-text-3, .slide-text-4, h1 {
    text-transform: uppercase
}

.info-label, .pata-li:hover a, .pata-shop-fb:hover, a {
    text-decoration: none
}

.dropdown-menu, .have_selected_only_one ul, .pata-ul, .timeline, .towns.ul-min, ul.breadcrumb, ul.not_style {
    list-style: none
}

.load_other_html {
    max-width: 100%;
    overflow-x: auto;
}

.load_other_html .row {
    margin: 0;
    padding: 0;
}


.slide-text-3 {
    color: #fff;
    letter-spacing: 0;
    font-size: 40px;
    line-height: 46px
}

.slide-text-4 {
    font-size: 17px;
    color: #1e242b;
    letter-spacing: .5px;
    line-height: 40px
}

.carousel-caption-2 {
    position: absolute;
    bottom: 5px;
    left: 30px
}

.navbar-brand img {
    max-height: 40px
}

.zluty-prouzek {
    background-color: #ed7b33
}

.shop-pata, .shop-pata-dole {
    background-color: #191d22;
    padding-bottom: 60px
}

.zluty-prouzek-ico {
    color: #fff;
    margin-top: 3px;
    opacity: .35;
    font-size: 40px
}

.zluty-prouzek-text-1 {
    color: #20242b;
    font-weight: 700;
    font-size: 24px;
    line-height: 7px;
    margin-top: 20px;
    margin-bottom: 10px
}

.zluty-prouzek-text-2 {
    color: #fff;
    font-size: 14px
}

.padding-topbot-30 {
    padding-top: 30px;
    padding-bottom: 30px
}

.padding-top-60 {
    padding-top: 60px
}

.padding-top-custom {
    padding-top: 40px
}

.pata-li a {
    line-height: 30px;
    color: #f5af38
}

.pata-li:hover a {
    color: #fff
}

.pata-logo {
    max-width: 320px;
    padding: 40px
}

.shop-pata-dole {
    padding-top: 10px;
    min-height: 105px
}

.pata-shop-fb, .pata-shop-scroll-up {
    bottom: 0;
    position: absolute;
    height: 70px;
    width: 70px
}

.webdevel-logo-shop-pata {
    margin-top: 150px
}

.pata-shop-scroll-up {
    padding: 26px 27px 23px 29px;
    background-color: #fff;
    color: #1e242b
}

.pata-shop-fb {
    font-size: 20px;
    left: 70px;
    padding: 22px 32px 35px 30px;
    background-color: #3a559f;
    color: #fff
}

#menu, .content {
    position: relative
}

.pata-shop-fb:hover {
    color: #fff !important;
    background-color: #324884
}

.text-pata-shop-2 {
    margin-top: 80px;
    text-align: left;
    color: #d6d6d6
}

.otevrene-menu {
    width: 840px;
    height: auto;
    border: 1px solid #e2e2e2;
    background: linear-gradient(45deg, #f2f2f2, #fff);
    box-shadow: 2px 5px 40px grey
}

.background-white, body {
    background-color: #fff
}

.otevrene-menu-img {
    width: 100%;
    height: 100%
}

.menu-1 {
    left: 99%;
    z-index: 9999
}

.menu-butts {
    padding: 20px 20px 90px
}

.menu-butt {
    height: 70px;
    width: 100%;
    border: 1px solid #e2e2e2;
    background: #fff;
    margin: 5px;
    overflow: hidden
}

.h1, .h2, .h3, .h4, .h5, h1, h2, h3, h4, h5 {
    margin-bottom: 20px
}

.menu-img {
    height: 55px;
    width: 55px;
    margin: 7px 7px 7px 15px;
    /*margin-left: 15px */
}

.menu-text {
    padding-top: 25px;
    padding-bottom: 40px;
    color: #1e252c
}

.menu-text:hover {
    padding-top: 25px;
    padding-bottom: 40px;
    color: #e38f00
}

#subcategories .produkt-karta-text-1, .menu-butt .produkt-karta-text-1 {
    margin: 0 15px 0 15px;
}

#menu {
    min-height: 270px;
    margin-bottom: 15px
}

.remove_in_collapse.absolute {
    top: 0
}

.close_abs_cat_menu {
    position: absolute;
    right: 0;
    padding: 5px
}

.h1, .h2, h1, h2 {
    color: #1e242b;
    font-weight: bolder;
    margin-top: 50px
}

.cerny-text-kosik-bold, .h3, .h4, .h5, .text-kosik-1, h3, h4, h5 {
    font-weight: 700
}

.content {
    top: 70px;
    padding-bottom: 60px;
    min-height: 300px;
}

.navbar-fixed-top {
    position: fixed !important;
    z-index: 9999999
}

.h1, h1 {
    font-size: 50px
}

.h2, h2 {
    font-weight: bolder;
    color: #1e242b;
    font-size: 36px;
    margin-top: 50px;
    margin-bottom: 20px
}

.h3, h3 {
    color: #40454b;
    font-size: 30px;
    margin-top: 50px
}

.h4, .h5, h4, h5 {
    font-size: 20px
}

.h4, h4 {
    color: #ed7b33;
    margin-top: 40px
}

.h5, h5 {
    color: #40454b;
    margin-top: 30px
}

.plaintext {
    letter-spacing: 1px;
    line-height: 20px;
    color: #586069;
    font-size: 14px;
    margin-top: 10px;
    margin-bottom: 10px
}

.margin-topbot-15, .testament-text {
    margin-top: 15px;
    margin-bottom: 15px
}

.testament-text {
    letter-spacing: 1px;
    line-height: 30px;
    color: #fff;
    font-size: 20px
}

.bold {
    font-weight: 700
}

a {
    color: #ed7b33
}

.padding-0 {
    padding: 0
}

.padding-20 {
    padding: 20px
}

.padding-lp-20 {
    padding-left: 20px;
    padding-right: 20px
}

.padding-40 {
    padding: 40px
}

.padding-bot-40 {
    padding-bottom: 40px
}

.padding-bot-30 {
    padding-bottom: 30px
}

.relative {
    position: relative
}

.absolute, .center {
    position: absolute
}

.absolute {
    z-index: 1
}

#menu .absolute {
    z-index: 999
}

.produkt-karta-rozcestnik .absolute {
    z-index: 1
}

.z-index-10 {
    z-index: 10
}

.margin-0 {
    margin-left: 0;
    margin-right: 0
}

.margin-15 {
    margin-left: 15px;
    margin-right: 15px
}

.margin--15 {
    margin-left: -15px;
    margin-right: -15px
}

.center, .scroll-down {
    margin-right: -50%;
    transform: translate(-50%)
}

.padding-top-0 {
    padding-top: 0 !important
}

.margin-top-0 {
    margin-top: 0 !important
}

.padding-top-230 {
    padding-top: 230px
}

.padding-top-100 {
    padding-top: 100px
}

.padding-topbot-100 {
    padding-top: 100px;
    padding-bottom: 100px
}

.padding-topbot-40 {
    padding-top: 40px;
    padding-bottom: 40px
}

.margin-top-230 {
    margin-top: 230px
}

.margin-top-180 {
    margin-top: 180px
}

.margin-top-70 {
    margin-top: 70px
}

.margin-top-10 {
    margin-top: 10px
}

.margin-bot-70 {
    margin-bottom: 70px !important
}

.margin-top-30 {
    margin-top: 30px
}

.padding-top-30 {
    margin-top: 30px
}

.margin-top-40 {
    margin-top: 40px
}

.margin-bot-30 {
    margin-bottom: 30px !important
}

.margin-bot-20 {
    margin-bottom: 20px !important
}

.background-lightgrey {
    background-color: #f4f4f4
}

.podstrana-1, .podstrana-1-detail, .podstrana-1-drobecky {
    background: url(/public/default/img/podstrana_bg_1.webp) center top fixed #efefef
}

.center {
    left: 50%
}

.opacity-05 {
    opacity: .5
}

.opacity-08 {
    opacity: .8
}

.opacity-1 {
    opacity: 1
}

.fontsize-14 {
    font-size: 14px !important
}

.border-30-white {
    border: 30px solid #fff
}

.full-width {
    width: 100%
}

.align-right {
    text-align: right !important
}

.align-center {
    text-align: center !important
}

.flex {
    display: flex
}

.disabled {
    opacity: .9;
    cursor: not-allowed
}

.podstrana-1 {
    padding-top: 30px;
    padding-bottom: 30px
}

.podstrana-1 > .container {
    max-width: 100%
}

.podstrana-1-drobecky {
    padding-top: 90px;
    padding-bottom: 100px
}

.podstrana-1-detail {
    padding-top: 25px;
    padding-bottom: 2px
}

.podstrana-2 {
    padding-top: 120px;
    margin-bottom: 100px
}

.bg-top {
    padding-top: 20px;
    margin-bottom: 0;
    background-size: cover;
    height: 230px;
    background-color: #f2f2f2;
    top: 0;
    position: relative
}

.podstrana-perex-uvod {
    margin-top: 30px;
    margin-bottom: 30px;
    color: grey;
    font-size: 16px
}

.sipka-dolu {
    margin-top: 10px;
    margin-bottom: 10px
}

.kosik-obsah-cerna {
    background-color: #1e242b;
    padding: 24px 20px;
    margin-top: 30px;
    height: 70px;
    color: #fff
}

.kosik-obsah-bila {
    background-color: #fff;
    padding: 24px 15px 0;
    min-height: 400px
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 99999;
    display: none;
    float: left;
    min-width: 148px;
    padding: 20px;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: none;
    border-radius: 0;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 5px 50px rgba(0, 0, 0, .115)
}

.karta-text, .karta-text-2 {
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    text-transform: uppercase;
    color: #fff
}

.badge, .karta-text, .karta-text-2 {
    text-align: center
}

.margin-nahorudolu-30 {
    margin-top: 30px;
    margin-bottom: 30px
}

.margin-nahorudolu-15 {
    margin-top: 15px;
    margin-bottom: 15px
}

.border {
    border: 1px solid #dedede
}

.karta-text {
    top: 25%;
    font-size: 40px;
    line-height: 50px
}

.karta-text-2 {
    top: 50%;
    font-size: 18px;
    line-height: 23px
}

.butt-1, .butt-2, .butt-3, .butt-4, .button-kurka-1, .button-kurka-2, .button-kurka-3, .button-kurka-4 {
    font-size: 16px
}

.butt-1, .butt-2 {
    border: none;
    border-radius: 0
}

.butt-1 {
    height: 70px;
    margin-top: 8px;
    padding: 22px 27px 22px 30px;
    background-color: #1e242b;
    color: #fff;
    display: inline-block
}

.butt-1:hover {
    background-color: #40454b;
    -webkit-box-shadow: 0 10px 40px rgba(91, 124, 163, .5);
    -moz-box-shadow: 0 10px 40px rgba(91, 124, 163, .5);
    box-shadow: 0 10px 40px rgba(91, 124, 163, .5);
    color: #fff
}

.butt-2:hover {
    color: #000
}

.butt-2 {
    height: 64px;
    margin-left: -4px;
    padding: 18px 28px 18px 30px;
    background-color: #fff;
    color: #1e242b
}

.butt-3, .butt-4 {
    border: none;
    border-radius: 0;
    padding: 24px 30px
}

.butt-3 {
    height: 64px;
    margin-right: -4px;
    background-color: #1e242b;
    color: #fff
}

.butt-3:hover {
    background-color: #40454b;
    -webkit-box-shadow: 0 10px 40px rgba(91, 124, 163, .5);
    -moz-box-shadow: 0 10px 40px rgba(91, 124, 163, .5);
    box-shadow: 0 10px 40px rgba(91, 124, 163, .5);
    color: #fff
}

.butt-4 {
    height: 70px;
    margin-right: 0;
    background-color: #ed7b33;
    color: #fff
}

.button-kurka-1, .button-kurka-2, .button-kurka-3, .button-kurka-4 {
    margin-top: 15px;
    margin-bottom: 15px;
    padding: 24px 30px;
    height: 70px
}

.butt-4:hover {
    background-color: #ffca4d;
    -webkit-box-shadow: 0 10px 40px rgba(255, 234, 0, .5);
    -moz-box-shadow: 0 10px 40px rgba(255, 234, 0, .5);
    box-shadow: 0 10px 40px rgba(255, 234, 0, .5)
}

.button-kurka-1 {
    background-color: #1e242b;
    color: #fff;
    border: none
}

.button-kurka-1:focus, .button-kurka-1:hover {
    background-color: #40454b;
    -webkit-box-shadow: 0 10px 40px rgba(91, 124, 163, .5);
    -moz-box-shadow: 0 10px 40px rgba(91, 124, 163, .5);
    box-shadow: 0 10px 40px rgba(91, 124, 163, .5)
}

.button-kurka-2:focus, .button-kurka-2:hover, .novinky-button-vice:hover {
    -webkit-box-shadow: 0 10px 40px rgba(255, 234, 0, .5);
    -moz-box-shadow: 0 10px 40px rgba(255, 234, 0, .5)
}

.button-kurka-2 {
    background-color: #ed7b33;
    color: #1e242b;
    border: none
}

.button-kurka-2:focus, .button-kurka-2:hover {
    background-color: #ffca4d;
    color: #000;
    box-shadow: 0 10px 40px rgba(255, 234, 0, .5)
}

.button-kurka-3 {
    background-color: #e8e8e8;
    color: #1e242b;
    border: none
}

.button-kurka-3:focus, .button-kurka-3:hover {
    background-color: #f2f2f3;
    color: #000
}

.button-kurka-4 {
    background-color: #f2f2f3;
    color: #1e242b;
    border: none
}

.button-kurka-4:focus, .button-kurka-4:hover {
    background-color: #fafafa;
    color: #000
}

.navbar {
    min-height: 70px;
    border: none;
    -webkit-box-shadow: 0 -70px 140px #000;
    -moz-box-shadow: 0 -70px 140px #000;
    box-shadow: 0 -70px 140px #000
}

.navbar-default {
    background-color: #fff
}

.navbar-default .navbar-nav > li > a {
    color: #292929;
    font-weight: 400;
    font-size: medium;
    letter-spacing: 0
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
    color: #ed7b33;
    background-color: rgba(255, 255, 255, .15)
}

.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
    color: #1f2225;
    background-color: #f3f3f3
}

.navbar-default .navbar-nav > li.dropdown > a:focus, .navbar-default .navbar-nav > li.dropdown > a:hover, .navbar-default .navbar-nav > li.hledat-hlava > a:focus, .navbar-default .navbar-nav > li.hledat-hlava > a:hover {
    background-color: transparent
}

.navbar-nav > li > a {
    padding-top: 25px;
    padding-bottom: 25px
}

@media (min-width: 768px) {
    .navbar-nav > li > a {
        padding-top: 25px;
        padding-bottom: 25px
    }

    .navbar-right {
        float: right !important;
        margin-right: 0
    }
}

.hledat-hlava {
    background-color: transparent;
    width: 70px;
    height: 70px
}

.hledat-hlava:hover {
    background-color: transparent
}

.lupa-hlava {
    margin-left: 13px
}

.muj-ucet-hlava {
    background-color: #1e242b;
    height: 70px
}

.muj-ucet-hlava:hover {
    background-color: #40454b
}

.muj-ucet-text-hlava {
    color: #fff !important;
    font-weight: 300 !important;
    padding-left: 35px !important;
    padding-right: 30px !important
}

.kontakty-text-hlava {
    margin-right: 18px
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
    background-color: #40454b;
    color: #fff
}

.navbar-collapse {
    padding-right: 15px;
    padding-left: 15px;
    overflow-x: visible;
    -webkit-overflow-scrolling: touch;
    border-top: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: #ddd
}

.navbar-default .navbar-toggle {
    border-color: #ddd
}

.navbar-toggle {
    margin: 0 0 !important;
    height: 70px;
    width: 70px;
    position: relative;
    float: right;
    padding: 18px 25px;
    background: 0 0;
    border: #fff;
    border-radius: 0
}

.parallax, .parallax-testament {
    background-size: cover !important
}

.hlavicka-kosik {
    position: absolute;
    top: 70px;
    right: 0;
    height: 70px;
    width: 70px;
    background-color: #fff;
    padding: 24px 25px 18px 27px;
    color: #1e242b;
    z-index: 9999;
    font-size: 16px
}


.badge, .kosik-2-text-1 {
    position: relative;
    display: inline-block
}

.onas-kostky-img, .parallax {
    width: 100%
}

.content .badge, .header-for-tdx .badge {
    top: -36px;
    right: -10px;
    min-width: 10px;
    padding: 7px 9px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #ed7b33;
    border-radius: 14px
}

.bily-text-kosik {
    color: #fff;
    font-size: 11px
}

.bily-text-kosik-big {
    color: #fff;
    font-size: 16px
}

.cerny-text-kosik {
    color: #1e242b;
    margin-top: 2px;
    padding-top: 5px;
    font-size: 12px
}

.cerny-text-kosik-bold {
    padding-top: 15px;
    color: #1e242b;
    line-height: 15px;
    font-size: 14px
}

.top-line {
    padding-top: 60px;
    height: 60px;
    margin-top: 10px;
    border-top: 1px solid #ddd
}

.bottom-line {
    padding-bottom: 60px;
    height: 60px;
    margin-bottom: 10px;
    border-bottom: 1px solid #ddd
}

.left-line {
    border-left: 1px solid #ddd
}

.input-lg {
    height: 46px;
    padding: 14px;
    line-height: 1.3333333;
    border-radius: 0
}

.text-kosik-1 {
    font-size: 16px
}

.buttony-kosik-dole {
    float: right;
    margin-right: -1px;
    height: 120px;

}

.buttony-kosik-dole-detail {

    width: 100%;
}

.buttony-kosik-dole-2 {
    margin: 30px -5px -5px
}

.kosik-2-text-1 {
    font-size: 18px;
    margin-right: 30px;
    margin-left: 10px;
    line-height: 2.9
}

.info-label {
    color: #adadad;
    font-size: 18px
}

.info-label:hover {
    color: #767676
}

.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
    position: absolute;
    margin-left: -20px
}

.odkaz-text, .thumbnail .caption h3 {
    margin-top: 10px
}

.carousel-micro img, .slide-center {
    margin-left: auto;
    margin-right: auto
}

.checkbox-inline, .radio-inline {
    position: relative;
    display: inline;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    vertical-align: middle;
    cursor: pointer
}

.carousel-micro .slide-text-1, .carousel-micro .slide-text-2 {
    text-shadow: none;
    text-align: left;
    font-weight: 700;
    text-transform: uppercase
}

.odkaz-text {
    letter-spacing: 0;
    line-height: 24px;
    color: #1e252c;
    font-size: 14px;
    margin-bottom: 10px;
    text-decoration: underline
}

.odkaz-text:hover {
    color: #ffc318
}

.parallax, .parallax h2, .parallax h3, .testament-text h2 {
    color: #fff
}

a:hover .kostka:hover {
    text-decoration: none;
    -moz-box-shadow: 0 20px 100px -5px #5d656e;
    -webkit-box-shadow: 0 20px 100px -5px #5d656e;
    box-shadow: 0 20px 100px -5px #5d656e;
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    transition-duration: .5s
}

.parallax-logo {
    position: absolute;
    bottom: -360px;
    right: 40px
}

.parallax-testament {
    padding-top: 30px;
    width: 100%
}

.thumbnail {
    height: 430px
}

.icons_img_center {
    font-size: 51px;
    text-align: left;
    color: #b1b1b1;
    padding: 10px
}

.thumbnail_height_300 .thumbnail {
    height: 372px;
    overflow: auto;
    border: none;
    font-size: 16px
}

.bg_gray {
    background: #f7f7f7
}

.carousel {
    border-bottom: 0;
    background-color: #fff;
    z-index: 1 !important
}

.carousel-fade .carousel-inner .item {
    opacity: 0;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
    /*min-height: 200px; */
    overflow-y: auto;
    overflow-x: hidden
}

.carousel-fade .carousel-inner .active {
    opacity: 1
}

.carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
    transform: translate3d(0, 0, 0)
}

.carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right {
    opacity: 1;
    transform: translate3d(0, 0, 0)
}

.carousel-fade .carousel-control {
    z-index: 2
}

.carousel-micro .carousel-caption {
    position: absolute;
    bottom: 5px;
    left: 30px
}

.carousel-control.left, .carousel-control.right {
    left: auto;
    background-image: none;
    right: 0
}

.carousel-micro .carousel-1 {
    top: 0
}

.carousel-micro .slide-text-1 {
    color: #fff;
    letter-spacing: 0;
    font-size: 40px;
    line-height: 46px
}

.carousel-micro .slide-text-2 {
    font-size: 17px;
    color: #1e242b;
    letter-spacing: .5px;
    line-height: 40px
}

.carousel-micro > .carousel-1 {
    margin-bottom: 30px !important
}

.carousel-control.left {
    bottom: 40px !important
}

.carousel-control, .carousel-control-2 {
    bottom: 0;
    text-shadow: none;
    height: 40px;
    opacity: 1
}

.carousel-control {
    position: absolute;
    top: auto;
    left: 0;
    font-size: 16px;
    color: #1e252c;
    text-align: unset;
    background-color: #fff;
    width: 40px;
    padding: 11px 10px 10px 17px
}

.slide-text-1, .slide-text-2 {
    text-align: left;
    text-shadow: none;
    text-transform: uppercase;
    letter-spacing: 0;
    font-weight: 700
}

.carousel-control:focus, .carousel-control:hover {
    color: #bbbdbf;
    opacity: 1
}

.slide-text-1 {
    margin-top: 60px;
    color: #fff;
    font-size: 50px;
    line-height: 90px
}

.slide-text-2 {
    font-size: 28px;
    color: #1e242b;
    line-height: 40px
}

.carousel-caption {
    bootom: 5px
}

.carousel-buttony {
    float: left;
    margin-top: 20px;
    margin-left: 0
}

.sekce-novinky {
    background-color: #f2f2f3
}

.scroll-down {
    position: absolute;
    top: 100px;
    left: 50%;
    margin-bottom: 35px;
    z-index: 100
}

.col-item {
    background: #fff;
    margin-top: 10px;
    margin-bottom: 40px
}

.col-item .photo img {
    margin: 0 auto;
    width: 100%
}

.col-item .info {
    margin-top: 20px;
    padding: 10px 10px 30px
}

@media only screen and (max-width: 992px) {
    .col-item .info {
        margin-top: 0;
        padding: 10px 10px 70px
    }

    .buttony-kosik-dole {
        float: none;
        text-align: right
    }

}

.clear-left {
    clear: left
}

.carousel-control-2.right {
    right: 0;
    left: auto;
    background-image: none
}

.carousel-control-2.left {
    right: 70px;
    left: auto;
    background-image: none;
    bottom: 0 !important
}

.product_image > img {
    left: 0;
    right: 0;
    position: relative;
    max-height: 100%;
    margin: auto;
    text-align: center;
}

.search-popup {
    left: 0;
    right: 0;
    position: absolute;
    box-shadow: 0 20px 102px #d4d4d4;
    display: none;
    margin: 0 auto;
    top: 70px;
    max-width: 800px;
    width: 100%;
    z-index: 10000;
    padding: 0 15px
}

.carousel-control-2 {
    position: absolute;
    top: auto;
    left: 0;
    font-size: 16px;
    color: #1e252c;
    text-align: unset;
    background-color: #fff;
    width: 70px;
    padding: 24px 26px 20px 29px
}

.carousel-inner, .novinky-button-vice {
    background-color: #f2f2f3
}

.carousel-control-2:focus, .carousel-control-2:hover {
    color: #bbbdbf;
    opacity: 1
}

.text-novinka-1 {
    margin-top: 20px;
    margin-bottom: 5px;
    font-size: 18px;
    font-weight: 600;
    color: #000
}

.text-novinka-2 {
    margin-top: 10px;
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: 100;
    color: #586069;
    height: 100px;
    overflow: hidden
}

.text-novinka-3 {
    margin-top: 20px;
    font-size: 14px;
    font-weight: 100;
    color: #bdbfc2
}

.info {
    padding-top: 30px;
    margin-left: 30px;
    margin-right: 30px;
    padding-bottom: 30px
}

.info a:focus, a:hover {
    color: #555;
    text-decoration: none
}

.navigacni-lista-novinky {
    margin-top: 100px
}

.max {
    max-width: 1156px
}

.novinky-button-vice {
    height: 70px;
    width: 70px;
    position: absolute;
    bottom: 40px;
    right: 15px;
    padding: 24px 24px 24px 30px;
    color: #000
}

.novinky-button-vice:hover {
    background-color: #ffca4d;
    color: #000;
    box-shadow: 0 10px 40px rgba(255, 234, 0, .5)
}

.button-archiv-hp-novinky {
    position: absolute;
    float: right;
    bottom: 24px;
    right: 0
}

.button-nakupovat-hp-firmy, .button-viceinfo-hp-firmy {
    height: 70px;
    bottom: -95px;
    float: right;
    position: absolute
}

.sekce-firmy {
    background-color: #fff;
    padding-top: 60px;
    padding-bottom: 60px
}

.sekce-firmy-firma-logo {
    border: 1px solid #dedede;
    margin-top: 15px;
    margin-bottom: 85px;
    padding: 30px
}

.button-viceinfo-hp-firmy {
    right: 70px
}

.button-nakupovat-hp-firmy {
    width: 70px;
    right: 0
}

.button-kurka-hp-firmy-kosik {
    color: #000;
    max-height: 33px;
    font-size: 16px;
    font-weight: 100;
    padding: 24px 28px 24px 25px;
    width: 132px !important;
    background-color: #e8e8e8
}

.button-kurka-hp-firmy-kosik:hover {
    background-color: #ffca4d;
    color: #000;
    -webkit-box-shadow: 0 10px 40px rgba(255, 234, 0, .5);
    -moz-box-shadow: 0 10px 40px rgba(255, 234, 0, .5);
    box-shadow: 0 10px 40px rgba(255, 234, 0, .5)
}

.sekce-banner {
    width: 100%;
    height: 400px;
    background: url(/public/default/img/banner_hp_1.jpg) bottom no-repeat
}

.hp-banner-text {
    text-align: right;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 1px;
    font-size: 25px;
    line-height: 35px;
    margin-top: 110px;
    margin-bottom: 15px
}

.banner-buttony {
    float: right;
    margin-top: 15px;
    margin-right: 0
}

.sekce-pata {
    width: 100%;
    height: 700px
}

.pata-scroll-up {
    position: absolute;
    width: 70px;
    height: 70px;
    padding: 23px 27px 23px 28px;
    background-color: #fff;
    color: #1e242b
}

.pata-scroll-up:hover {
    color: #a9a9a9
}

.text-pata {
    margin-top: 220px;
    margin-bottom: 20px;
    font-size: 70px;
    line-height: 80px
}

.text-pata-2 {
    margin-top: 120px;
    text-align: left;
    color: #727a84
}

.kurka-logo-pata {
    margin-top: 30px
}

.pocet-produktu, .webdevel-logo-pata {
    margin-top: 10px
}

.volby-uzivatele-1 {
    margin-top: 10px;
    margin-bottom: 10px
}

.ilustrace-uzivatel {
    width: 100%
}

.karta.hovered, a:hover .karta:hover {
    text-decoration: none;
    -moz-box-shadow: 0 20px 100px -5px #5d656e;
    -webkit-box-shadow: 0 20px 100px -5px #5d656e;
    box-shadow: 0 20px 100px -5px #5d656e;
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    transition-duration: .5s
}

.show-it-992 {
    display: none
}

.hide-it-992 {
    display: block
}

.logo-small {
    margin-top: 9px;
    margin-bottom: 9px
}

ul.breadcrumb {
    padding: 0;
    background-color: transparent
}

ul.breadcrumb li {
    display: inline;
    font-size: 14px;
    color: #b0b1b2
}

ul.breadcrumb li + li:before {
    padding: 8px;
    color: #f3a521;
    content: "\b7";
    font-size: 16px
}

ul.breadcrumb li a {
    color: #1e242b;
    text-decoration: none
}

ul.breadcrumb li a:hover {
    color: #494f56;
    text-decoration: underline
}

#custom-search-input, #custom-search-input_subscriber {
    padding: 0;
    border: 1px solid #e2e2e2;
    border-radius: 0;
    background-color: #fff;
    height: 40px
}

#custom-search-input input, #custom-search-input_subscriber input {
    border: 0;
    box-shadow: none;
    font-size: 14px;
    color: #191d22;
    height: 38px;
    padding: 1px 15px
}

#custom-search-input button, #custom-search-input_subscriber button {
    margin: 2px 0 0;
    background: 0 0;
    box-shadow: none;
    border: 0;
    color: #1f252c;
    padding: 0 15px 2px 10px;
    font-size: 14px;
    height: auto
}

#custom-search-input button:hover, #custom-search-input_subscriber button:hover {
    border: 0;
    box-shadow: none;
    color: #565656
}

#custom-search-input .glyphicon-search, #custom-search-input_subscriber .glyphicon-search {
    font-size: 23px
}

.form-control {
    display: block;
    width: 100%;
    height: 40px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background: #fff;
    border: 1px solid #e2e2e2;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: none;
    -o-transition: none;
    transition: none
}

.form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
}

.pocet-produktu {
    letter-spacing: 0;
    line-height: 1.42857143;
    color: #586069;
    font-size: 14px;
    margin-bottom: 10px
}

.navigation_menu, .vypis-filtr-nadpis-text {
    letter-spacing: 1px;
    text-transform: uppercase
}

.pagination {
    font-size: 14px;
    height: 40px;
    display: inline-block;
    padding-left: 0;
    margin: 0;
    border-radius: 0;
    float: right
}

.pagination > li:first-child > a, .pagination > li:first-child > span {
    margin-left: 0;
    height: 40px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover {
    color: #a5a6a8;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd;
    border-radius: 0
}

.pagination > li > a, .pagination > li > span {
    float: left;
    height: 40px;
    position: relative;
    padding: 9px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #1e242b;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd
}

.pagination > li:last-child > a, .pagination > li:last-child > span {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
    z-index: 2;
    color: #1e242b;
    background-color: #eee;
    border-color: #ddd
}

.page_summary {
    margin: 10px 10px 10px 15px
}

.pagination .active.current_page a {
    background-color: #ed7b33;
    border-color: #d88c13
}

.pagination .active a {
    background-color: #ed7b33 !important;
    border-color: #d88c13 !important
}

.pagination .active.current_page a:hover {
    background-color: #ed7b33;
    border-color: #fff;
    opacity: .5
}

.vypis-filtr-nadpis-pole {
    background-color: #1e242b;
    width: 100%;
    min-height: 40px;
    padding: 10px 15px
}

.con3, .input-search-butt, .list-group-item, .panel, .produkt-karta, .search-popup {
    background-color: #fff
}

.vypis-filtr-nadpis-text {
    font-weight: bold;
    font-size: 14px;
    color: #fff;
    line-height: 1;
    margin: 3px 0 0 3px
}

.list-group-item {
    position: relative;
    display: block;
    min-height: 40px;
    padding: 13px 15px;
    margin: 0 0 !important;
    border-radius: 0 !important;
    border: 1px solid #ddd;
    line-height: 1
}

.panel {
    margin-bottom: 0;
    border: none;
    border-radius: 0;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05)
}

.produkt-karta {
    margin-bottom: 20px;
    margin-top: 10px;
    border: 1px solid #d9d9d9;
    border-radius: 0
}

.produkt-karta-rozcestnik {
    margin-top: 10px;
    background-color: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 0
}

.produkt-karta-img {
    width: 100%;
    height: auto
}

.produkt-karta-text-1 {
    font-weight: 600;
    font-size: 15px;
    margin: 15px;
    height: 38px;
    overflow: hidden
}

.produkt-karta-text-2 {
    font-size: 14px;
    opacity: .7;
    margin: 15px;
    height: 35px;
    overflow: hidden
}

.produkt-karta-text-3 {
    font-weight: 900;
    height: 20px;
    color: #818181;
    font-size: 15px;
    margin: 25px 15px 5px
}

.produkt-karta-text-4 {
    font-size: 16px;
    margin: 5px 15px 20px
}

.bez-slevy {
    margin: 50px 15px 51px
}

.produkt-karta-butt {
    float: right;
    right: 14px;
    bottom: 0
}

.product_image {
    transition: all .3s ease-in-out;
    position: relative;
    /*margin: 7px; */
    overflow: hidden;
    /*width: 250px;*/
    height: 250px;
    text-align: center;
}

.product_image:hover {
    background-size: 100% auto !important
}

.vypis-karta-button-rozcesntik {
    width: 100%;
    max-height: 30px;
    height: 30px;
    color: #fff;
    padding: 6px 5px;
    font-size: 12px;
    border: none;
    text-transform: uppercase;
    text-align: center
}

.con3, .search-popup {
    min-height: 64px;
    height: 64px
}

.produkt-detail-cena, .produkt-detail-cena-2 {
    text-align: right
}

.input-search-butt, .input-search-text {
    border: 0;
    height: 40px;
    line-height: 40px;
    margin-top: 12px;
    width: 100%
}

.input-search-text {
    color: #000;
    text-indent: 20px;
    font-size: 16px
}

.input-search-butt {
    color: #1e242b;
    cursor: pointer;
    display: block;
    height: 40px;
    width: 40px !important;
    padding: 0;
    outline: 0;
    font-size: 12px
}

.produkt-detail-cena {
    display: inline;
    font-size: 18px;
    right: 100px
}

.produkt-detail-cena-2 {
    display: inline;
    font-size: 16px;
    position: absolute;
    bottom: 12px;
    right: 210px
}

.produkt-detail-cena-big {
    margin-left: 10px;
    text-align: right;
    width: 39%;
    float: right;
    position: absolute;
    top: 45px;
    right: 15px;
}

.nahledovy-obrazek {
    margin-top: 10px;
    margin-bottom: 10px;
    width: 100%;
    max-height: 560px;
    text-align: center;
    overflow: hidden
}

.ikona-sml {
    display: inline;
    margin-left: 15px;
    margin-right: 5px;
    width: 30px;
    height: 30px
}

.ikona-sml-text {
    display: inline;
    color: #9d9fa1;
    font-size: 14px
}

.button-kurka-1-detail, .button-kurka-3-detail {
    margin: 0;
    height: 70px;
    padding: 24px 30px;
    font-size: 16px;
    border: none
}

.skladem-text {
    display: inline;
    color: #aaa;
    text-decoration: none
}

.button-kurka-3-detail {
    width: 100%;
    background-color: #e8e8e8;
    color: #1e242b
}

.button-kurka-3-detail:focus, .button-kurka-3-detail:hover {
    background-color: #f2f2f3;
    color: #000
}

.button-kurka-1-detail {
    background-color: #1e242b;
    color: #fff;
    display: block;
    text-align: center
}

.button-kurka-1-detail:focus, .button-kurka-1-detail:hover {
    color: #fff !important;
    background-color: #40454b;
    -webkit-box-shadow: 0 10px 40px rgba(91, 124, 163, .5);
    -moz-box-shadow: 0 10px 40px rgba(91, 124, 163, .5);
    box-shadow: 0 10px 40px rgba(91, 124, 163, .5)
}

.produkt-maly-karta {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 20px;
    background-color: #fff
}

.produkt-maly-karta:hover {
    text-decoration: none;
    -moz-box-shadow: 0 10px 39px -5px #5d656e;
    -webkit-box-shadow: 0 10px 39px -5px #5d656e;
    box-shadow: 0 10px 39px -5px #5d656e;
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    transition-duration: .5s
}

@media only screen and (max-width: 1600px) {
    .slide-text-1 {
        margin-top: 10%;
        font-size: 60px;
        line-height: 68px
    }

    .slide-text-2 {
        font-size: 20px;
        line-height: 40px
    }

    .carousel-buttony {
        margin-top: 10px
    }
}

@media only screen and (max-width: 1200px) {
    .slide-text-1 {
        font-size: 50px;
        line-height: 55px
    }

    .slide-text-2 {
        font-size: 16px;
        line-height: 30px
    }

    .navbar-default .navbar-nav > li > a {
        font-size: small;
        letter-spacing: 0
    }

    #myCarousel {
        top: 70px
    }
}

@media only screen and (max-width: 992px) {
    .h1, .h2, .h3, h1, h2, h3 {
        margin-top: 50px
    }

    .h1, .h2, .h3, .h4, .h5, h1, h2, h3, h4, h5 {
        margin-bottom: 20px
    }

    .carousel-buttony {
        display: none
    }

    .show-it-992 {
        display: block
    }

    .hide-it-992 {
        display: none
    }

    .h1, h1 {
        font-size: 40px
    }

    .h2, h2 {
        font-size: 30px
    }

    .h3, h3 {
        font-size: 20px
    }

    .h4, .h5, h4, h5 {
        font-size: 16px
    }

    .h4, h4 {
        margin-top: 40px
    }

    .h5, h5 {
        margin-top: 30px
    }

    .plaintext {
        letter-spacing: 0;
        line-height: 20px;
        font-size: 14px;
        margin-top: 10px;
        margin-bottom: 10px
    }
}

@media only screen and (max-width: 767px) {
    .muj-ucet-text-hlava {
        padding-left: 17px !important
    }

    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #b9b9b9
    }

    .hledat-hlava {
        width: 100%;
        position: absolute !important;
        top: 70px
    }

    .muj-ucet-hlava {
        width: 100%;
        height: 40px
    }

    .lupa-hlava {
        margin-left: 1px
    }

    .slide-text-1 {
        font-size: 30px;
        line-height: 35px
    }

    .hlavicka-kosik {
        position: fixed;
        top: 0;
        right: 70px;
        height: 70px;
        width: 70px;
        background-color: #fff;
        padding: 24px 25px 18px 27px;
        color: #1e242b;
        z-index: 9999;
        font-size: 16px
    }

    .navbar-nav > li > a {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .navbar-nav {
        margin: 0 -15px;
        padding-top: 40px;
        max-height: 240px;
        overflow: auto;
        box-shadow: 2px 1px 13px #656565
    }

    .h1, .h2, .h3, h1, h2, h3 {
        margin-top: 50px;
        margin-bottom: 20px
    }

    .h1, h1 {
        font-size: 30px
    }

    .h2, h2 {
        font-size: 20px
    }

    .h3, h3 {
        font-size: 16px
    }

    .bg-top, .podstrana-1, .podstrana-1-detail, .podstrana-1-drobecky, .podstrana-2 {
        background-image: none
    }

    .carousel-caption {
        top: 0;
        right: 20px;
        left: 20px;
        padding-bottom: 30px
    }

    #slider_home_slider, #slider_home_slider .item {
        min-height: 210px !important
    }

    #idNovinky .fancybox {
        display: none
    }

    .margin-top-230 {
        margin-top: 40px
    }

    #heureka .pull-right {
        float: left !important;
        margin-left: 40px;
        margin-top: 20px
    }

    #align-left .align-right {
        text-align: left !important
    }

    .text-pata-shop-2 {
        margin-top: 100px
    }

    .webdevel-logo-shop-pata {
        margin-top: 130px
    }
}

.photo.news_photo_size, .photo.news_photo_size img {
    max-height: 240px;
    overflow: hidden
}

@media only screen and (max-width: 480px) {
    .sekce-pata {
        width: 100%;
        height: 700px;
        background: #1b1e21
    }

    .carousel-control {
        display: none
    }

    .navbar-brand {
        max-width: 70%
    }
}

@media only screen and (max-width: 1200px) {
    .zluty-prouzek-ico {
        display: none
    }

    .zluty-prouzek-text-1 {
        font-size: 20px
    }
}

.sub_level2 {
    margin-left: 10px !important;
    border: none;
    border-left: 1px solid #ddd
}

.sub_level3 {
    margin-left: 20px !important;
    border: none;
    border-left: 1px solid #ddd
}

.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
    z-index: 2;
    color: #fff;
    background-color: #ed7b33;
    border-color: #ed7b33
}

.photo.news_photo_size img {
    width: 100%;
    height: 100%
}

#add_subscriber {
    position: relative
}

#add_subscriber_response {
    display: none;
    position: absolute;
    top: -12px;
    left: 0;
    right: 0;
    z-index: 999;
    background: #fff;
    width: 100%;
    height: 20px;
    border-radius: 15px;
    text-align: center;
    margin: auto;
}

.company_logos_same_height {
    height: 225px
}

.company_logos_same_height img {
    height: 40px
}

.text-descri.truncate {
    display: none
}

.product_image img {

    width: 250px;
    height: auto;
    /*
    max-width: 100% !important;
    height: 250px;
    max-height: 250px;
    min-height: 250px
    */

}

@media only screen and (max-width: 767px) {
    .menu_show_on_mobile_media {
        display: block
    }
}

@media only screen and (min-width: 767px) {
    .menu_show_on_mobile_media {
        display: none
    }
}

@media only screen and (max-width: 991px) {
    .page_summary {
        position: absolute;
        margin-top: 40px;
        right: 0
    }

    #menu svg {
        position: absolute;
        right: 5px
    }

    .navbar-nav > li > a {
        padding-left: 7px;
        padding-right: 7px
    }

    .lupa-hlava {
        margin-left: 22px
    }
}

@media only screen and (max-width: 767px) {
    .navbar-nav > li > a {
        padding-top: 2px;
        padding-bottom: 2px
    }

    .parallax-testament {
        padding: 15px
    }

    .navigation_menu {
        display: none
    }

    .background-white {
        padding-top: 40px !important
    }
}

.scroll_parent .scroll_down, .scroll_parent .scroll_up {
    font-size: 25px;
    position: absolute;
    display: block;
    text-align: center;
    z-index: 100;
    color: #a5a5a5;
    width: 100%
}

.fancybox-container {
    /*top: 70px !important;*/
    z-index: 9999999 !important
}

.scroll_parent .scroll_up {
    border-radius: 20px 20px 0 0
}

.scroll_parent .scroll_down {
    border-radius: 0 0 20px 20px
}

.navigation_menu {
    position: fixed;
    bottom: 0;
    background: #ed7b33;
    width: 100%;
    left: 0;
    height: 40px;
    z-index: 999999;
    text-align: right;
    display: none
}

.navigation_menu .nav > li > a, .navigation_menu .nav > li > a:focus, .navigation_menu .nav > li > a:hover {
    color: #fff;
    padding-left: 10px;
    padding-right: 10px;
    background-color: #ed7b33
}

.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
    color: #fff;
    background-color: #ed7b33;
    border-radius: 0
}

.search_product_list .background-white {
    background-color: transparent
}

.timeline {
    margin: 0;
    position: relative;
    line-height: 1.4em;
    list-style: none;
    padding: 0;
    width: 100%
}

.timeline:before {
    top: 0;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 0;
    background-color: #fff;
    margin-left: -1.5px
}

.timeline > li {
    margin-bottom: 20px;
    position: relative
}

.timeline > li:after, .timeline > li:before {
    content: " ";
    display: table
}

.timeline > li:after {
    clear: both
}

.timeline > li > .timeline-panel {
    width: 94%;
    float: left;
    border: 0;
    border-radius: 2px;
    padding: 20px;
    position: relative;
    background: 0 0
}

.timeline > li > .timeline-panel:before {
    position: absolute;
    top: 26px;
    right: -15px;
    display: inline-block;
    border-top: 15px solid transparent;
    border-left: 15px solid #ccc;
    border-right: 0 solid #ccc;
    border-bottom: 15px solid transparent;
    content: " "
}

.timeline > li > .timeline-panel:after {
    position: absolute;
    top: 27px;
    right: -14px;
    display: inline-block;
    border: 14px solid #fff;
    border-right-width: 0;
    content: " "
}

.timeline > li > .timeline-badge {
    color: #fff;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 1em;
    text-align: center;
    position: absolute;
    top: 16px;
    left: 0;
    margin-left: -25px;
    background-color: #ed7b33;
    z-index: 100;
    border-radius: 50%
}

.timeline > li.timeline-inverted > .timeline-panel {
    float: right
}

.timeline > li.timeline-inverted > .timeline-panel:before {
    border-left-width: 0;
    border-right-width: 15px;
    left: -15px;
    right: auto
}

.timeline > li.timeline-inverted > .timeline-panel:after {
    border-left-width: 0;
    border-right-width: 14px;
    left: -14px;
    right: auto
}

.timeline-badge.primary {
    background-color: #2e6da4 !important
}

.timeline-badge.success {
    background-color: #3f903f !important
}

.timeline-badge.warning {
    background-color: #f0ad4e !important
}

.timeline-badge.danger {
    background-color: #d9534f !important
}

.timeline-badge.info {
    background-color: #5bc0de !important
}

.timeline-title {
    margin-top: 0;
    color: inherit
}

.timeline-body > p, .timeline-body > ul {
    margin-bottom: 0
}

.timeline-body > p + p {
    margin-top: 5px
}

@media (max-width: 767px) {
    ul.timeline:before {
        left: 40px
    }

    ul.timeline > li > .timeline-panel {
        width: calc(100% - 90px);
        width: -moz-calc(100% - 90px);
        width: -webkit-calc(100% - 90px);
        float: right
    }

    ul.timeline > li > .timeline-badge {
        left: 15px;
        margin-left: 0;
        top: 16px
    }

    ul.timeline > li > .timeline-panel:before {
        border-left-width: 0;
        border-right-width: 15px;
        left: -15px;
        right: auto
    }

    ul.timeline > li > .timeline-panel:after {
        border-left-width: 0;
        border-right-width: 14px;
        left: -14px;
        right: auto
    }
}

.btn.yellow {
    margin-right: -4px;
    font-size: 16px;
    padding: 10px;
    background-color: #ed7b33;
    color: #1e242b;
    border: none;
    border-radius: 0;
    margin-left: 10px
}

#sticky.fixed {
    position: fixed;
    top: 0
}

#sticky-clone {
    display: none
}

#sticky.absolute_sticky {
    position: absolute !important
}

.color_variant {
    min-width: 30px;
    min-height: 30px;
    float: left;
    color: #efefef;
    margin: 5px 10px 5px 0;
    max-width: 22px;
    max-height: 22px;
    border: 1px solid #e8e8e8
}

.color_variant.small {
    border: 1px solid #000;
    margin-top: 10px
}

.color_variant a {
    display: block;
    width: 100%;
    height: 100%;
    border: 1px solid #0c1021;
    color: #dcdcdc;
    padding: 7px;
    box-shadow: 1px 1px 1px #a2a2a2;
    min-height: 30px
}

.color_variant .color_has_checked {
    display: none
}

.show_variants_by_code .wrong_variant {
    width: 10px;
    text-align: center;
    top: 0;
    font-size: 25px
}

.color_variant a.active .color_has_checked {
    display: block;
    text-align: center;
    position: absolute;
    bottom: -15px
}

.table_heading {
    height: 20px;
    font-weight: 700;
    margin-bottom: 20px;
    border-bottom: 1px solid #ccc
}

.remove_from_order_line {
    color: #9d1e15
}

.info_round {
    float: left;
    margin-right: 10px;
    background: #969696;
    width: 20px;
    text-align: center;
    color: #fff;
    border-radius: 10px
}

.info_round_text {
    color: #aaa;
    font-weight: 100;
    font-size: 83%
}

.show_geotvar {
    position: absolute;
    top: -15px
}

.variant_picture {
    padding-bottom: 15px
}

.show_variants_summary {
    background: #fff;
    padding: 22px;
    margin-top: 15px;
    overflow-x: auto;
}

.show_variants_by_code {
    position: relative;
    color: #000;
    margin: -4px 5px 15px 0;
    border-color: #9c9c9c;
    padding: 4px 4px 4px 0;
    font-size: 14px
}

.show_variants_by_code .check {
    float: right;
    padding-left: 5px;
    width: 23px
}

.have_selected_only_one {
    border: 2px solid #ed7b33;
    min-height: 129px;
    text-align: center;
    margin-bottom: 15px
}

#continue_to_second_step, html input.main_button.button {
    background-color: #ed7b33;
    color: #fff
}

.have_selected_title {
    background: #ed7b33;
    color: #fff;
    padding: 10px;
    margin-top: 0
}

.have_selected_img {
    float: left;
    margin-left: 10px
}

.have_selected_img img {
    max-height: 50px
}

.response_order_item {
    margin-top: 2px;
    color: #ed7b33;
    font-size: 20px
}

.add_to_cart_response {
    margin-right: 15px
}

.color_variant .check {
    padding-left: 10px;
    margin-top: 0;
    color: #cecece
}

.color_variant .check svg {
    font-size: 20px
}

.wrong_variant .svg-inline--fa {
    padding: 0 5px 0 0;
    margin: 0 0 2px 12px
}

.show_variants_by_code.active {
    background: #ed7b33;
    padding: 4px 11px;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.show_variants_by_code.active:not(.has_variant) {
    background-color: #ff0009;
    color: #fff;
    opacity: .4
}

.color_variant.show_variants_by_code.has_variant {
    border: 1px solid #000
}

.variants_sample_item {
    border-bottom: 1px solid #d8d8d8;
    padding-bottom: 10px;
    padding-top: 10px
}

.abs_product_link .butt-1, .add_to_cart_item_ajax_submit_btn {
    border: none
}

.wrong_variant {
    position: absolute;
    z-index: 99;
    display: none;
    width: auto;
    padding: 2px;
    opacity: 1;
    top: 0;
    color: red;
    font-size: 20px
}

.redifi {
    background-color: red
}

.variant_filter_reponse {
    display: none
}

.variant_filter_reponse_count {
    font-size: 28px;
    font-weight: 700
}

.variant_filter_reponse_count.ok {
    color: #ed7b33;
    margin: 0 5px
}

.variant_filter_reponse_count.fail {
    color: red;
    margin: 0 5px
}

.show_variants_by_code.not_clickable {
    margin: 5px 5px 5px 0
}

.table {
    margin: 20px 0
}

.detail_form_control {
    height: 30px
}

.add_to_cart_item_ajax_submit_btn {
    font-size: 18px;
    padding: 2px 5px;
    background-color: #ed7b33;
    color: #fff;
    border-radius: 0;
    margin-left: 10px
}

.add_to_cart_item_ajax_submit_btn.submitted {
    background-color: #fff
}

#allow-conditions {
    padding: 10px;
    height: 50px
}

.abs_product_link {
    position: absolute;
    width: 90%;
    height: 94%;
    background: #fff;
    z-index: 9999;
    margin-top: 10px;
    border: 1px solid #ed7b33;
    opacity: .9;
    text-align: center;
    display: none
}

.abs_product_link h3 {
    font-size: 16px
}

.abs_product_link .butt-1 {
    height: 50px;
    margin-top: 10px;
    font-size: 16px;
    padding: 13px 30px 20px;
    background-color: #1e242b;
    color: #fff;
    border-radius: 0
}

.produkt-karta_parent:hover .abs_product_link {
    display: block
}

.fancybox-caption-wrap, .fancybox-infobar, .fancybox-toolbar {
    opacity: 1 !important;
    z-index: 99999991 !important;
    visibility: visible !important
}

.fancybox-caption {
    border: 0 !important;
}


.add_to_cart_item_ajax_submit_btn img {
    width: 20px;
    height: 20px
}

#interactiv-cart {
    text-align: center;
    padding: 15px
}

.int_cart_title {
    font-size: 20px;
    margin-top: 7%
}

#interactiv-cart .butt-1 {
    margin-top: 0
}

#under-cart-post {
    text-align: right
}

#filter_submit_button {
    position: fixed;
    bottom: 50px;
    z-index: 555
}

button, html input[type=button], input[type=reset], input[type=submit] {
    margin-top: 8px;
    font-size: 16px;
    height: 70px;
    padding: 24px 30px;
    background-color: #ed7b33;
    color: #1e242b;
    border: none;
    border-radius: 0
}

.alert {
    padding: 15px;
    border: 1px solid transparent;
    border-radius: 0;
    margin-bottom: 0;
    margin-top: 25px;
}

#slider_prednosti_tradetexu {
    margin: 60px 0 40px
}

.nav-pills {
    position: absolute;
    left: 50%;
    width: 100%;
    transform: translate(-50%, 0);
    background: #ffae2b;
    height: 40px;
    padding: 0;
    text-transform: uppercase
}

.nav-pills a, .nav-pills a:focus {
    color: #fff
}

.nav > li > a:focus, .nav > li > a:hover {
    text-decoration: none;
    background-color: transparent
}

.js_add_class_btn .butt-1 {
    height: 60px;
    margin-top: 10px;
    font-size: 16px;
    padding: 18px 30px 20px;
    background-color: #ed7b33;
    color: #fff;
    border: none;
    border-radius: 0
}

.js_add_class_btn .butt-1:hover {
    background-color: #f8ba25;
    -webkit-box-shadow: 0 10px 40px rgba(255, 184, 0, .5);
    -moz-box-shadow: 0 10px 40px rgba(255, 184, 0, .5);
    box-shadow: 0 10px 40px rgba(255, 184, 0, .5)
}

.page-header {
    padding-bottom: 9px;
    margin: 40px 0 20px;
    border-bottom: 0
}

.cookie-box {
    display: none;
    background: rgba(255, 255, 255, 0.92) !important;
    opacity: 1;
    min-height: 100px;
    padding: 30px;
    bottom: 0;
    color: #000;
    position: fixed;
    text-align: center;
    z-index: 90000;
    width: 100%;
    box-shadow: 0 0 15px #000;

}


.cookie-box .wrapper {
    margin: 0 auto
}

.cookie-box .blue {
    color: blue !important;
}

.cookie-box .wrapper .btn {
    display: inline-block;
    line-height: 0;
    background-color: #e77832;
    color: #fff;
    width: 125px;
    padding: 18px;
    margin: 15px 20px;
    text-shadow: 1px 1px 1px #000;
    border-radius: 5px
}

.cookie-box .wrapper .btn.white {
    background-color: #fff;
    border: 1px solid #000;
    text-shadow: none;
    color: #000
}

.cookie-box .wrapper a {
    color: #000;
    text-decoration: underline
}


/*
.cookie-box {
    display: none;
    height: 90px;
    background: #1e252c !important;
    opacity: .9;
    min-height: 40px;
    padding: 7px;
    max-height: 70px;
    bottom: 0;
    color: #fff;
    font-size: 13px;
    position: fixed;
    text-align: center;
    width: 100%;
    z-index: 9999999
}

.cookie-box .btn {
    height: 18px;
    line-height: 0;
    background-color: #ed7b33;
    color: #1e242b;
    padding: 12px 25px 25px !important;
    margin: 0 20px;
    border-radius: 0
}
*/


input[type=checkbox], input[type=radio] {
    margin: 5px 10px 0 0;
    line-height: normal
}

.filter_line_title {
    font-weight: 700;
    padding: 10px 15px;
    font-size: 14px;
    letter-spacing: .5px;
    color: #1e252c;
    text-transform: uppercase;
    background-color: #fff;

}

.table .ordered_product_image .data_attachment_id {
    margin: 0 10px 0 0 !important;
    transform: translate(0, 0) !important
}

.table > tbody > tr > td, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    text-align: left;
    padding: 5px 5px 5px 15px;
    line-height: 1.428571;
    vertical-align: middle;
    border-top: 1px solid #ddd
}

.table > tbody > tr > th {
    text-align: left;
    padding: 15px 5px;
    line-height: 1.428571;
    vertical-align: bottom;
    border-top: 1px solid #ddd
}

.table .btn.yellow {
    margin: 5px 5px 5px 0;
    font-size: 16px;
    padding: 5px 0;
    background-color: #fff;
    color: #ed7b33;
    border: none;
    border-radius: 0;
    text-align: center
}

.table .btn.yellow:hover {
    color: #1e252c
}

.productCountDown, .productCountUp {
    padding: 9px 0 0;
    height: 40px;
    font-size: 24px;
    font-weight: 700;
    line-height: 20px;
    text-align: center;
    text-decoration: none;
    width: 33%;
    display: block;
    border: 1px solid #e2e2e2;
    cursor: pointer;
    float: left
}

.productCount, .show_variants_summary table.variants_by_code_list td {
    padding: 0 5px
}

.productCount {
    height: 40px;
    width: 33%;
    text-align: center
}

#loginModal button.close {
    height: auto
}


.toogle_filter {
    margin-left: 15px;
    overflow-x: auto;
}

.table_variant_title {
    color: grey
}

.ordered_product_image {
    margin-right: 10px
}

.add_to_cart_item_ajax {
    float: left
}

@media only screen and (max-width: 550px) {
    .table td, table th {
        text-align: center !important;
        border: none !important;
        border-top: none
    }

    .add_to_cart_item_ajax {
        float: none
    }

    .add_to_cart_item_ajax input {
        position: relative;
        margin: 0 auto
    }

    .variants_sample_item p {
        display: block;
        text-align: center;
        float: none !important
    }
}

.page_summary, .per_page_button {
    float: left
}

@media only screen and (max-width: 991px) {
    .page_summary {
        position: relative;
        margin-top: 12px;
        margin-right: 20px;
        margin-left: 15px
    }
}

@media only screen and (max-width: 767px) {
    .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse, .navbar-nav {
        max-height: 500px
    }

    .navbar-default .navbar-nav > li > a {
        padding: 10px 10px 5px 15px
    }

    .kontakty-text-hlava {
        margin-right: 0
    }

    .hledat-hlava {
        height: 20px;
        float: right;
        width: auto;
        right: 20px;
        top: 55px
    }

    .lupa-hlava {
        margin-left: 0
    }

    .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu > li > a {
        padding: 5px 15px 5px 0
    }

    .navbar-nav {
        margin: 0 -15px;
        padding-top: 40px;
        overflow: auto;
        box-shadow: 2px 1px 13px #656565
    }

    .nav-pills {
        position: relative;
        height: 220px
    }

    .nahledovy-obrazek {
        margin-top: 20px
    }

    .carousel-micro .slide-text-1 {
        font-size: 30px;
        line-height: 36px
    }

    .carousel-micro .slide-text-2 {
        line-height: 24px
    }

    .per_page_button {
        float: left;
        margin-left: 15px
    }

    .page_summary {
        float: none
    }
}

.btn {
    border-radius: 0 !important
}

.btn-info {
    color: #fff;
    background-color: #777b7f;
    border: none;
    padding: 15px
}

.alert-danger {
    color: #a94442;
    background-color: #fff;
    border: none
}

.hero-unit .btn-info {
    margin-top: -14px;
    margin-left: 20px
}

@media only screen and (max-width: 991px) {
    .show_variants_by_code {
        margin: 10px 5px 15px 0
    }
}

.product_variant_margin_body, .product_variant_margin_head {
    margin: 5px 0
}

.shipp_pay_label {
    width: 100%
}

.shipp_pay_label .radio-inline input {
    margin-top: 13px
}

#delivery_address_diff_select {
    margin-left: 50px
}

.login_in_order {
    margin-top: 20px;
    margin-bottom: 100px
}

.checkmark_label {
    position: relative;
    padding-left: 17px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    min-width: 20px
}

.checkmark_label input {
    position: relative;
    opacity: 0;
    cursor: pointer
}

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 30px;
    width: 30px;
    background-color: #f3f3f3;
    border: 1px solid #cacaca
}

.checkmark_label:hover input ~ .checkmark {
    background-color: #ccc
}

.checkmark_label input:checked ~ .checkmark {
    background-color: #2196f3
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none
}

.checkmark_label input:checked ~ .checkmark:after {
    display: block
}

.checkmark_label .checkmark:after {
    left: 11px;
    top: 5px;
    width: 7px;
    height: 15px;
    border: solid #d4d4d4;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.filter_hidden_on_mobile {
    margin-bottom: 30px
}

.detail_contact_view {
    margin-top: 25px;
    background: #fff
}

#sticky {
    margin-bottom: 25px
}

.star_add_to_favorite, .star_remove_to_favorite {
    margin-top: 0;
    margin-right: 15px;
    position: absolute;
    right: 0;
    z-index: 20;
    font-size: 20px
}

.star_add_to_favorite span, .star_remove_to_favorite span {
    font-size: 12px
}

.star_add_to_favorite, .star_add_to_favorite:focus, .star_add_to_favorite:hover {
    color: #6b6b6b
}

.star_remove_to_favorite, .star_remove_to_favorite:focus, .star_remove_to_favorite:hover {
    color: #ed7b33
}

.new_color_variant {
    display: block;
    width: 170px;
    height: 160px;
    float: left;
    border: 1px solid #d2d2d2;
    text-align: center;
    position: relative;
    box-shadow: 3px 2px 2px #969696;
    margin: 40px 5px 5px
}

.new_color_variant .color_variant {
    position: absolute;
    top: -10px;
    width: 10px;
    max-width: 10px;
    height: 10px;
    min-height: 10px
}

.new_color_variant_a {
    display: block;
    height: 156px;
    overflow: hidden;
    color: #000;
    padding: 18px;
}

.new_color_variant img {
    margin-top: 20px;
    max-height: 48px
}

.new_color_variant.active {
    border: 4px solid #ed7b33
}

.new_color_variant.hovered {
    opacity: 1 !important
}

.tooltip-inner {
    white-space: pre;
    max-width: none
}

.podstrana-1.fancy {
    max-height: 100%;
    padding-bottom: 100px;
    overflow: auto;
    background: #fff !important
}

.vip_section .thumbnail {
    background: 0 0;
    border: none;
    border-right: 1px solid #000;
    border-radius: 0;
    height: auto
}

.icons_img_left {
    float: left;
    font-size: 25px;
    text-align: left;
    color: #b1b1b1;
    padding: 10px;
    margin-top: -10px
}

.new_color_variant .scroll_to_order_list {
    display: none
}

.new_color_variant.active .scroll_to_order_list {
    position: absolute;
    bottom: -30px;
    width: 100%;
    height: 30px;
    font-size: 21px;
    background: #ed7b33;
    color: #fff;
    text-align: center;
    display: block
}

.detail_product_infograf {
    float: right;
    margin-top: -40px
}

.variant_code {
    float: left;
    margin: 15px 10px 5px 0
}

.variants_by_code_list tr:hover td {
    background-color: #fff8ed
}

.add_to_card_all_items_in_table:focus {
    text-decoration: none;
    color: #fff
}

.a_black, .continue_to_order_cart {
    color: #000;
    text-decoration: underline
}

.vip-hlava h1, .vip-vyhody h1, .vip-vyhody h5 {
    color: #fff
}

.loader_image {
    border: 1px solid #000
}

.open_gallery_button {
    display: block;
    width: 100%;
    height: 100%
}

#card_login, #card_newuser {
    box-shadow: 5px 5px 5px #909090;
    margin-bottom: 20px;
    border: 1px solid #ed7b33;
    background: #fff !important
}

#card_login.active, #card_newuser.active {
    background-color: #ed7b33;
    font-weight: 700
}

.btn.active, .btn:active {
    background: #ed7b33
}

.card_newuser legend {
    text-align: left
}

#delivery-address .btn {
    border: 1px solid #c4c4c4
}

#delivery-address .btn:hover {
    background: #c4c4c4
}

#variant_list_fancy_content {
    padding: 50px
}

#variant_list_fancy_content .alert {
    display: none
}

.select_qty_product {
    display: block;
    width: auto;
    text-align: right;
    margin-right: -2px;
    text-decoration: underline
}

.vip-firmy h1, .vip-hlava h1, .vip-vyhody h1 {
    text-align: center
}

ul.not_style {
    padding-left: 0
}

@media (max-width: 480px) {
    .ordered_product_image, .ordered_product_text {
        width: 100%
    }

    #continue_to_second_step, #frmformUser-save, #frmnoteForm-changePaymant, .back-to-cart, .buttony-kosik-dole .butt-3, .buttony-kosik-dole .button, .cart-def-back {
        width: 100%;
        float: none;
        display: block;
        margin-top: 20px;
        font-size: 13px;
        text-align: left
    }

    #delivery_address_diff_select, #delivery_address_same_select {
        height: auto;
        display: block;
        white-space: initial;
        overflow: auto;
        width: 100%;
        margin-left: 0
    }

    .productCount {
        border-top: 1px solid
    }

    #allow-conditions {
        height: 70px
    }
}

.product_image .loader_image {
    border: none
}

.ajax_get_product {
    opacity: .3
}

.send_response_result ul {
    list-style: none;
    padding: 0
}

.vip-hlava {
    background-color: #1f252b;
    padding: 15px 0 52px
}

.vip-text-1 {
    margin: -40px 0 10px 60px
}

.vip-firmy {
    background-color: #fff;
    padding: 60px 40px 110px;
    margin: 60px 0 0
}

.vip-firmy .butt-4 {
    padding: 23px 30px 20px
}

.vip-firmy h2, .vip-vyhody h2 {
    text-align: center;
    text-transform: uppercase;
    margin-top: 145px
}

.vip-ok {
    position: relative;
    left: -60px;
    top: 54px
}

.podstrana-vip {
    padding-top: 0;
    background: url(/public/default/img/podstrana_bg_1.jpg) center top fixed #efefef
}

.vip-vyhody {
    background-color: #323940;
    padding: 60px 40px 30px;
    margin: 60px 0 0
}

.vip-vyhody .vip-text-1 {
    color: #ccc
}

.vip-vyhody-textdole {
    margin-top: 70px;
    color: #fff;
    font-weight: 700
}

.kostka-jak-nakupovat {
    height: 300px;
    padding: 20px;
    color: #000
}

#subcategories {
    margin-top: -5px;
    margin-bottom: 15px
}

#subcategories .menu-butt {
    margin: 5px 0 0
}

#subcategories a.active .produkt-karta-text-1, .menu-butts a.active .produkt-karta-text-1 {
    color: #ed7b33
}

.variant_table_heading th {
    text-align: left;
    padding: 13px 5px;
    line-height: 1.428571;
    vertical-align: middle;
    border-top: 1px solid #ddd
}

.black_btn, .towns.ul-min {
    padding-left: 0
}

.variant_table_heading .color_variant {
    margin: -6px 0 0;
    position: absolute
}

.variant_table_heading .variant_code {
    margin: 0 0 0 40px
}

.variants_by_code_list.table > tbody > tr > th {
    vertical-align: middle
}

.table.not_border {
    width: auto
}

.table.not_border > tbody > tr > td, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    border: 0;
    font-weight: 700
}

table caption, table th {
    font-weight: 400;
    font-style: normal
}

table.table.not_border {
    border: 0;
    margin: 0;
    padding: 0
}

.variant_list_fancy {
    margin-top: -40px
}

#fancybox-wrap {
    position: absolute;
    top: 100px !important
}

.fancybox-slide:before {
    height: 0 !important
}

table {
    width: 100%;
    max-width: 100%;
    border: 1px solid #d5d5d2;
    border-collapse: collapse
}

table caption {
    font-size: 2.954rem;
    line-height: 1;
    margin-bottom: .75em
}

table th {
    text-transform: uppercase;
    letter-spacing: .02em;
    line-height: 1.333
}

.bold, .table-header {
    font-weight: 700
}

table td, table th {
    text-align: left
}

table tbody tr:nth-of-type(even) {
    background-color: #fffefd
}

table tbody td, table tbody th {
    border-top: 1px solid #d5d5d2
}

table.wdn_responsive_table thead th abbr {
    border-bottom: 0
}

@media screen and (max-width: 47.99em) {
    table.wdn_responsive_table td, table.wdn_responsive_table th {
        display: block
    }

    table.wdn_responsive_table thead tr {
        display: none
    }

    table.wdn_responsive_table tbody tr:first-child th {
        border-top-width: 0
    }

    table.wdn_responsive_table tbody tr:nth-of-type(even) {
        background-color: transparent
    }

    table.wdn_responsive_table tbody td {
        text-align: left
    }

    table.wdn_responsive_table tbody td:before {
        display: block;
        font-weight: 700;
        content: attr(data-header)
    }

    table.wdn_responsive_table tbody td:empty {
        display: none
    }

    table.wdn_responsive_table tbody td:nth-of-type(even) {
        background-color: #f9f8f5
    }
}

.hlavicka-kosik, .hledat-hlava, .input-search-text, .loader_image, .old_price, .pad_var, .tax_info {
    display: block
}

@media (min-width: 48em) {
    table caption {
        font-size: 2.532rem
    }
}

@media screen and (min-width: 48em) {
    table.wdn_responsive_table tbody td, table.wdn_responsive_table thead th:not(:first-child) {
        text-align: center
    }

    table.wdn_responsive_table.flush-left td, table.wdn_responsive_table.flush-left thead th {
        text-align: left;
        font-size: 5px
    }
}

@media only screen and (max-width: 550px) {
    table th {
        font-size: 50%;
        max-width: 50px;
        overflow: hidden
    }

    .variant_table_heading .variant_code {
        margin: 0 0 0 34px
    }

    table td {
        font-size: 90%
    }
}

@media only screen and (max-width: 375px) {
    #razeni-pocet-strankovani .product_form_group_submit {
        border-top: 1px solid
    }
}

.delivery-choice, .paymant-choice {
    padding-top: 20px
}

.paym_shipp_icon {
    height: 50px;
    width: 50px;
    float: left;
    margin-top: -16px
}

#h, #p-bezDPH {
    margin-top: 10px
}

.left_border {
    border-left: 1px solid #e0e0e0
}

.table-header {
    font-size: 17px;
    color: #000;
    margin-bottom: 15px
}

.table-bordered.info-tables, .table-bordered.info-tables > tbody > tr > td, .table-bordered.info-tables > tbody > tr > th {
    border-color: #0f0f0f
}

.blue-color {
    color: #000
}

.info-tables.table td, .info-tables.table th {
    border: 1px solid #ececec !important;
    background: #fff;
    min-width: 30px
}

.info-tables tr:first-child th {
    font-size: 16px;
    font-weight: 700
}

.black_white {
    background: #000 !important;
    color: #fff;
    text-align: left !important
}

.info-tables th.woman, .info-tables tr.color {
    text-align: left !important;
    background-color: #ed7b33
}

.info-tables th.woman {
    color: #fff
}

@media screen and (max-width: 767px) {
    .table-responsive {
        border: 1px solid transparent !important
    }
}

@media screen and (max-width: 1025px) {
    .podstrana-1 {
        background: 0 0 !important
    }
}

#cart-paymant label {
    min-width: 1px
}

#cart-paymant .kosik-2-text-1 {
    font-size: 12px
}

#cart-paymant input[type=checkbox], #cart-paymant input[type=radio] {
    margin: 10px 10px 0 0
}

#filter_form_radio .filter-list-item-label, .pretty_label {
    margin-right: 10px
}

#ajax_parse_detail h1 {
    font-size: 30px;
    margin-top: 20px
}

.map_scroll_to_detail {
    overflow: hidden
}

.black_btn {
    color: #949494
}

.pad_var {
    padding: 0 0 15px
}

.old_price {
    text-decoration: line-through;
    color: #000000;
    width: 49%;
    font-weight: bold;
    text-align: center;
    position: absolute;
    top: 45px;
}

.zasilkovna_butt, .balikovna_butt {
    color: #000;
    text-decoration: underline;
}

.ppl_butt {
    color: #000;
    text-decoration: underline;
    white-space: normal;
}

.dpd_butt {
    color: #000;
    text-decoration: underline;
    white-space: normal;
}

.produkt-karta_parent .old_price {
    position: absolute;
    text-align: left;
    top: unset;
    bottom: 21px;
}

.produkt-karta .absolute.right {
    right: 0
}

.action_price {
    position: absolute;
    top: 0;
    left: 4px;
    color: #fff;
    z-index: 200;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg)
}

.produkt-detail-cena .small_price, .produkt-detail-cena-big .small_price {
    font-size: 12px
}

.shedow_a {
    color: #ccc
}

.tax_info {
    color: #bfbfbf;
    font-size: 13px;
    font-weight: 100
}

.per_item_price {
    color: #bfbfbf;
    font-size: 11px;
    font-weight: 100
}

.desktop_absolute {
    position: absolute;
    bottom: 25px
}

.desktop_absolute a {
    line-height: 1
}

.show_variants_by_code:not(.color_variant) {
    display: inline-flex;
    padding-left: 10px
}

.padding-bt-10 {
    padding-bottom: 10px
}

#h {
    margin-left: 18px
}

.last_price_summ, .unitPrice, .unitPriceWoVat {
    white-space: nowrap
}

.per_page_button {
    height: 40px
}

.per_page_button button {
    height: 40px;
    margin-top: 0
}

.pretty_label {
    font-weight: 400;
    display: inline-block;
    padding-top: 3px;
}

#filter_form_radio input[type=checkbox], #filter_form_radio input[type=radio], .toogle_filter input.pretty_label[type=checkbox], .toogle_filter input.pretty_label[type=radio] {
    -moz-appearance: none;
    -webkit-appearance: none;
    display: block;
    float: left;
    margin-right: -2em;
    opacity: 0;
    width: 1em;
    z-index: -1
}

#filter_form_radio input[type=checkbox] + label:before, #filter_form_radio input[type=radio] + label:before, .toogle_filter input[type=checkbox] + label:before, .toogle_filter input[type=radio] + label:before {
    background: #fff;
    content: 'âś“';
    display: inline-block;
    height: 22px;
    left: 0;
    letter-spacing: 0;
    position: relative;
    text-align: center;
    top: -3px;
    width: 22px;
    border: 1px solid #ccc;
    margin-right: 5px;
    font-size: 80%;
    color: #fff;

}

#filter_form_radio input[type=checkbox]:checked + label:before, #filter_form_radio input[type=radio]:checked + label:before, .toogle_filter input[type=checkbox]:checked + label:before, .toogle_filter input[type=radio]:checked + label:before {
    background: #ed7b33;
    color: #4d1219;
    border: 1px solid #ccc;
    position: relative;
    top: -3px;
    font-size: 80%;
}

#filter_form_radio label {
    min-width: 20px;
    font-weight: 400
}

#filter_order_form_radio input[type=checkbox], #filter_order_form_radio input[type=radio] {
    opacity: 0;
    width: 1px;
    display: none
}

#filter_order_form_radio input[type=checkbox]:checked + label, #filter_order_form_radio input[type=radio]:checked + label {
    font-weight: 700
}

#filter_order_form_radio label {
    min-width: 20px;
    font-weight: 400;
    text-decoration: underline;
    cursor: pointer
}

#filter_order_form_radio {
    margin-top: 8px;
    text-align: right
}

#filter_order_form_radio .filter-list-item-label {
    margin-right: 5px
}

.product_form_group_submit {
    margin-bottom: 10px;
    position: relative;
}

@media only screen and (max-width: 992px) {
    .navbar-brand {
        max-width: 200px
    }

    .desktop_absolute {
        position: relative;
        margin-top: 20px
    }
}

@media only screen and (max-width: 999px) {
    .buttony-kosik-dole a, .buttony-kosik-dole input[type=submit] {
        display: block;
        width: 100%
    }

    .buttony-kosik-dole input[type=submit] {
        margin-right: -4px
    }

    .bg-top {
        display: none
    }

    #filter_order_form_radio {
        text-align: left;
        margin-top: 14px
    }
}

@media only screen and (max-width: 1220px) {
    .produkt-detail-cena-big {

    }

    .close_abs_cat_menu, .otevrene-menu {
        display: none
    }
}

.filter_line_title a {
    color: #000;

}

.filter_line_title .line_count {
    margin-left: 10px;
    font-size: 80%;
    text-decoration: none;
    color: #fff;
    background: #ed7b33;
    padding: 0px;
    display: inline-block;
    width: 16px;
    height: 16px;
    text-align: center;
}

.filter_line_title a:hover {
    color: #ed7b33
}

#gdpr_section a {
    color: #0a001f;
    text-decoration: underline
}

#gdpr_section .btn-danger {
    color: #fff;
    text-decoration: none;
    background: #a7a7a7;
    border: none
}

label.newsletter {
    margin-top: 5px
}

.editable-buttons button {
    height: 25px
}

.editable-buttons button.editable-submit {
    background: #ffae2b
}

@media (max-width: 768px) {
    .navbar {
        min-height: 55px
    }

    .navbar-toggle {
        height: 55px
    }

    .hlavicka-kosik {
        height: 55px
    }
}

.parent_category_title {
    color: #ed7b33;
    margin-top: 40px;
    font-size: 20px
}

.alert, .pull-center {
    text-align: center
}

#map_canvas, img {
    max-width: 100%
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0
}

.house-modal .modal-sm {
    top: 130px;
    border: 1px solid #1d1d1d
}

#loginModal a {
    color: #000
}

.modal-dialog {
    z-index: 999999;
    margin: 0
}

@media (min-width: 768px) {
    .modal-sm {
        width: 300px
    }

    .modal-dialog {
        margin: 0 auto;
        position: relative;
        width: auto
    }

    .modal-content {
        position: relative;
        background-color: #fff;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        border: 1px solid #999;
        border-radius: 6px;
        outline: 0;
        -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
        box-shadow: 0 3px 9px rgba(0, 0, 0, .5)
    }
}

.modal-content {
    border-radius: 0;
    background-color: #fff;
    border: none
}

#loginModal .content, .user-view .content {
    margin: 0
}

.modal-header {
    min-height: 16px;
    padding: 15px 0;
    border-bottom: 1px solid #e5e5e5
}

.modal-body {
    position: relative;
    padding: 0 0 !important
}

.alert_close {
    position: absolute;
    top: 0;
    right: 0
}

.alert_close a {
    display: block;
    width: 30px;
    height: 30px;
    background: url(/public/default/img/ico-cross.png) 0 -30px no-repeat
}

#loginModal {
    width: 300px;
    margin: 0 auto;
    opacity: 1
}

#s_behavior th {
    background-color: #f5f5f5
}

.s_behavior a.enabled span {
    color: #00ff41
}

#header-fixed {
    position: fixed;
    top: 0;
    display: none;
    background-color: #fff
}

.post_edit_link {
    position: absolute;
    z-index: 99999
}

form div.required label.control-label:after {
    content: " * ";
    color: red
}

.error-summary {
    border: 4px solid red;
    background: #ffdda4;
    color: #000;
    padding: 20px;
    margin-bottom: 25px
}

.not-set {
    color: #fff;
    text-shadow: 1px 1px red;
    font-size: 50%
}

.short_code {
    padding: 15px
}

.short_code_list {
    position: absolute;
    background: #fff;
    border: 2px solid #000;
    margin-left: 20%;
    width: 70%;
    height: 300px;
    overflow-y: scroll;
    z-index: 999999;
    display: none;
    box-shadow: 9px 5px 21px #000;
    padding: 5px
}

.close_short_code_list {
    position: relative;
    float: right;
    font-size: 20px;
    display: block;
    width: 30px;
    height: 30px;
    text-align: center;
    border: 1px solid #f90000;
    background: #ff4747;
    color: #fff !important;
    text-decoration: none
}

#file_object_media, .cookie-box, .field-cmsslideritem-files_object {
    display: none
}

.short_code_list ul {
    padding: 0 0 0 20px
}

.editable-buttons .editable-cancel, .editable-buttons .editable-cancel:hover, .editable-buttons .editable-submit, .editable-buttons .editable-submit:hover {
    background: #fff
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    background-color: #fbebeb;
    border-color: #e91e63
}

.admin-pannel {
    margin-top: 0
}

.admin-pannel .dropdown-menu li {
    border-bottom: 1px solid #dcdcdc;
    padding-left: 0;
    list-style: none
}

.admin-pannel .dropdown a, .admin-pannel .dropdown-menu li a, .admin-pannel nav a {
    text-decoration: none
}

.admin_header {
    position: fixed;
    width: 100%;
    z-index: 99
}

.admin_content {
    margin-top: 70px;
    padding-bottom: 90px
}

#top_admin {
    background: #676767;
    color: #fff;
    height: 80px;
    padding: 10px
}

#top_admin a {
    color: #fff !important
}

.redactor-toolbar li a:hover {
    outline: 0;
    background-color: #e8e8e8;
    color: #fff
}

.order-view .label, .order-view label, .paid_false {
    color: #900
}

.alert_wrapper {
    position: fixed;
    top: 25%;
    width: 50%;
    left: 25%;
    z-index: 999999;
    border: 3px solid #fff;
    box-shadow: 10px 9px 32px #000
}

label {
    min-width: 150px
}

.has-error .help-block {
    float: right;
    margin-top: -42px;
    position: absolute;
    right: 15px;
    text-align: right;
    display: block;
    font-size: 12px
}

.order_status_cancel, .order_status_done, .order_status_new, .order_status_progress {
    border-radius: 5px;
    text-align: center;
    padding-left: 5px;
    padding-right: 5px
}

.thumbnail.media_libary {
    height: 300px
}

.thumbnail.media_libary .info {
    position: absolute;
    bottom: 23px;
    padding: 0;
    margin: 0
}

.thumbnail.media_libary img {
    max-height: 61%
}

.thumbnail.media_libary .media_use {
    display: block;
    height: 3px;
    background: #4caf50
}

.order_status_new {
    background-color: #bcccfd
}

.order_status_cancel {
    background-color: #b1b1b1
}

.order_status_done {
    background-color: #b9ffb4
}

.order_status_progress {
    background-color: #fff969
}

.paid_ok {
    color: #00bf31
}

.grid-view tr.selected {
    background: #88acff !important
}

.editable-empty, .editable-empty:focus, .editable-empty:hover {
    color: #fff
}

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: rgba(249, 249, 249, .29)
}

#select_eshop {
    margin: 10px
}

.jumbotron, .panel-body {
    background: #fff
}

.cookie-box a {
    color: #fff !important;
    text-decoration: underline
}

#cart-steps a, #cart-steps a strong {
    text-align: center;
    position: relative
}

@media only screen and (max-width: 1199px) {
    .has-error .help-block {
        margin-right: 80px
    }
}

@media only screen and (max-width: 991px) {
    .has-error .help-block {
        margin-right: unset;
        float: none;
        margin-top: unset
    }
}

@media only screen and (max-width: 515px) {
    label {
        min-width: 118px
    }
}

.redactor-editor {
    background: #ececec
}

#cartModal {
    width: 700px;
    margin: 100px auto;
    padding-right: 0 !important
}

#ajax-spinner {
    position: fixed;
    top: 50%;
    width: 100px;
    left: 50%;
    background: #fff;
    z-index: 99999;
    border: none;
    display: none;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.count_change_elem {
    min-width: 100px
}

#cart-steps {
    margin: 10px 0;
    float: left;
    width: 100%
}

#cart-steps a.disable {
    cursor: default;
    color: #a9a9a9
}

#cart-steps a {
    display: inline;
    text-decoration: none;
    float: left;
    width: 25%;
    height: 96px;
    color: #000
}

#cart-steps a.last {
    margin-right: 0
}

#cart-steps a:before {
    content: "";
    top: 20px;
    width: 100%;
    height: 1px;
    display: block;
    background: #e2e2e2;
    position: absolute
}

#cart-steps a strong {
    line-height: 34px;
    z-index: 10;
    margin: auto;
    border: 3px solid #e2e2e2;
    width: 40px;
    height: 40px;
    display: block;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
    background: #fff;
    color: #333 !important;
    font-size: 20px
}

#cart-steps a.active strong {
    border-color: #ed7b33;
    background: #ed7b33;
    color: #fff !important
}

#cart-steps a.done strong {
    border-color: #ed7b33;
    background: #fff;
    color: #353535 !important
}

#p-cartSum {
    font-size: 20px
}

#snippet--cartTable .table-bordered td {
    border: 0;
    border-bottom: 1px solid #dedede;
    padding: 15px;
    background: #fff;
    clear: both
}

#snippet--cartTable .table-bordered th {
    border: 0;
    padding: 15px;
    white-space: nowrap;
    text-transform: none
}

#map_canvas {
    display: block;
    width: 500px;
    height: 360px
}

.legend {
    background: #fff;
    height: 200px;
    padding: 10px;
    border: 3px solid #ed7b33;
    margin-top: 20px
}

.ui-effects-transfer {
    border: 3px dotted #ed7b33;
    z-index: 9999
}

#loginModal .modal-content {
    padding: 20px
}

.fancybox-thumbs {
    background: 0 0 !important
}

.vh {
    height: 100vh
}

.flexbox {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden
}

.italic {
    font-style: italic
}

.margin-bot-60 {
    margin-bottom: 60px
}

.space {
    margin: 30px 0 20px
}

.pod-uvod .obr {
    width: 100%;
    height: 380px
}

.pod-uvod .obr1 {
    background-size: cover;
    background-position: center center
}

.pod-uvod .box2 h3 {
    font-size: 20px;
    margin-top: 0;
    text-align: center
}

.pod-uvod .box2 {
    padding: 20px;
    background-color: #fff;
    min-height: 38vh;
    margin-bottom: 30px
}

.pod-uvod a {
    text-decoration: none
}

.cookies {
    background-color: #191d22;
    padding: 35px 0 30px;
    display: none
}

.cookies p {
    color: #fff
}

.cookies .button {
    background-color: #313c49
}

.head-info {
    border-left: 1px solid #93959882;
    padding: 0 0 0 33px;
    width: auto;
    display: inline-block;
    height: 45px;
    margin: 15px 0 0 20px
}

.head-info .box {
    width: 200px
}

.head-info svg {
    margin-right: 10px
}

.head-info a {
    font-weight: 600
}

.margin-top-60 {
    margin-top: 60px
}

.formular-pata .background-white {
    padding: 60px 0
}

.formular-pata .form-control {
    margin: 0 0 12px
}

.formular-pata .vysoke {
    height: 210px
}

.formular-pata textarea {
    margin: 0 0 15px
}

.formular-pata p {
    text-align: center
}

.formular-pata .butt-1 {
    width: 50%;
    margin: 0 0 0 25%
}

.pata-new {
    background-color: #191d22;
    padding: 60px 0
}

.pata-new h3 {
    font-size: 18px;
    font-weight: 700
}

.pata-new ul {
    list-style: none;
    padding: 0
}

.pata-new h3, .pata-new p {
    color: #fff
}

.pata-new .velke {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 1px
}

.pata-new svg {
    margin-right: 10px
}

.pata-new .nl p {
    margin-top: 15px
}

.pata-new a {
    color: #fff
}

.pata-new a:hover {
    color: #ed7b33
}

.pata-new a.velke {
    color: #ed7b33
}

.pata-new a.velke:hover {
    color: #fff
}

.pata-new .butt-1 {
    background-color: #ed7b33
}

.pata-new .butt-1:hover {
    background-color: #ffb436;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.pata-new .line {
    width: 100%;
    height: 1px;
    margin: 60px 0
}

.pata-new .copyright {
    text-align: center;
    margin: 60px 0 0;
    color: #848484
}

.hp .pod-uvod .col-item .info {
    min-height: 330px;
    position: relative
}

.hp .pod-uvod .box .col-item .butt-1 {
    width: 100%;
    text-align: center
}

.pod-uvod .col-item .info {
    min-height: 430px;
    margin-top: 0;
    padding: 10px 0 0
}

.pod-uvod .text-novinka-2 {
    height: auto
}

.uvod {
    width: 100%;
    height: 100vh
}

.uvod-1 {
    background-image: url(/public/default/img/new_2019/piktogram_1.jpg)
}

.uvod-2 {
    background-image: url(/public/default/img/new_2019/piktogram_2.jpg)
}

.uvod-3 {
    background-image: url(/public/default/img/new_2019/piktogram_3.jpg)
}

.uvod .bg-50 {
    position: absolute;
    right: 0;
    height: 100vh;
    width: 40vw;
    background-size: contain;
    background: no-repeat bottom right
}

.detail .bg-50 {
    height: 100vh;
    z-index: -1;
    position: fixed
}

.uvod .box {
    margin: 22vh 0
}

.detail .box {
    margin: 120px 0 70px
}

.detail .box2 {
    margin-bottom: 120px
}

.detail .box2 p {
    font-size: 16px
}

.uvod p {
    font-size: 20px;
    max-width: 600px;
    margin: 30px 0
}

.hp .butt-4 {
    margin-right: 0;
    float: right
}

.firmy .firma {
    background-color: #fff;
    border: 1px solid #c8c9ca;
    margin: 0 0 30px;
    display: block;
    position: relative;
    padding: 10px 30px 20px
}

.firmy .firma .obsah {
    width: calc(100% - 70px)
}

.firmy .firma .vice {
    width: 70px;
    background-color: #ed7b33;
    color: #1e242a;
    height: 70px;
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 25px 28px
}

.firmy a:focus .vice, .firmy a:hover .vice {
    background-color: #ffca4d;
    color: #000;
    -webkit-box-shadow: 0 10px 40px rgba(255, 234, 0, .5);
    -moz-box-shadow: 0 10px 40px rgba(255, 234, 0, .5);
    box-shadow: 0 10px 40px rgba(255, 234, 0, .5)
}

.firmy a:hover .firma {
    border: 1px solid #ed7b33
}

.firmy .vypis-firem a:hover {
    border: 1px solid #fcb43b
}

.firmy .logo {
    width: 290px;
    height: 40px;
    display: inline-block;
    margin: 18px 0
}

.firmy .logo1 {
    background-image: url(/public/default/img/new_2019/tra.png)
}

.firmy .logo2 {
    background-image: url(/public/default/img/new_2019/tra_servis.png)
}

.firmy .logo3 {
    background-image: url(/public/default/img/new_2019/re_vega.png)
}

.firmy .logo4 {
    background-image: url(/public/default/img/new_2019/re_cb.png)
}

.firmy .logo5 {
    background-image: url(/public/default/img/new_2019/re_lyra.png)
}

.firmy a {
    color: #586069
}

.grey-line {
    width: 100%;
    height: 1px;
    background-color: #c8c9ca
}

.slide-reference .reference {
    padding: 30px 0 0;
    display: inline-block;
    position: relative
}

.slide-reference .reference h3 {
    margin-top: 0
}

.reference-vypis .reference .fotka, .slide-reference .reference .fotka {
    width: 100%;
    height: 300px;
    background-size: contain;
    background-repeat: no-repeat
}

.reference-vypis .reference .fotka1, .slide-reference .reference .fotka1 {
    background-image: url(/public/default/img/new_2019/veolia_logo.jpg)
}

.reference-vypis .reference .fotka2, .slide-reference .reference .fotka2 {
    background-image: url(/public/default/img/new_2019/awt_rekul_logo.jpg)
}

.reference-vypis .reference .fotka3, .slide-reference .reference .fotka3 {
    background-image: url(/public/default/img/new_2019/okin_logo.png)
}

.slide-katalog .img {
    width: 100%;
    height: 200px;
    background-size: contain;
    background: no-repeat center center
}

.slide-katalog .img1 {
    background-image: url(/public/default/img/new_2019/produkt_maly.jpg)
}

.slide-katalog .box4 {
    border: none;
    display: inline-block;
    position: relative;
    padding: 0;
    width: 100%;
    background-color: #fff
}

.slide-katalog .text-novinka-1 {
    height: 55px
}


#slider-reference .carousel-inner {
    background-color: transparent
}

#slider-produkty .carousel-inner {
    background-color: #f4f4f4
}

#slider-produkty .carousel-control .glyphicon-chevron-left, #slider-reference .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
    width: 30px;
    height: 30px;
    margin-top: -6px;
    font-size: 11px
}

#slider-produkty .carousel-control.left, #slider-reference .carousel-control.left {
    border: none;
    right: 45px;
    background: #fff none;
    left: auto;
    bottom: 0 !important
}

#slider-produkty .carousel-control.right, #slider-reference .carousel-control.right {
    border: none;
    right: 16px;
    left: auto;
    background: #fff none
}

#slider-produkty .carousel-control .glyphicon-chevron-right, #slider-reference .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
    margin-right: -24px
}

#slider-produkty .carousel-control .glyphicon-chevron-left, #slider-reference .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
    margin-left: -5px
}

#slider-produkty .carousel-control, #slider-reference .carousel-control {
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    font-size: 16px;
    color: #1e252c;
    text-align: unset;
    text-shadow: none;
    background-color: #fff;
    opacity: 1;
    width: 30px;
    height: 30px;
    padding: 10px
}

#slider-reference .carousel-control.left {
    right: 29px;
    bottom: 5px !important
}

#slider-reference .carousel-control.right {
    right: 0;
    bottom: 5px
}

.spokojeni .logo {
    width: 100%;
    height: 200px;
    background-size: contain;
    background: no-repeat center center
}

.spokojeni .logo1 {
    background-image: url(/public/default/img/new_2019/veolia_logo.jpg)
}

.spokojeni .logo2 {
    background-image: url(/public/default/img/new_2019/awt_rekul_logo.jpg)
}

.spokojeni .logo3 {
    background-image: url(/public/default/img/new_2019/okin_logo.png)
}

.spokojeni .logo4 {
    background-image: url(/public/default/img/new_2019/veolia_logo.jpg)
}

.sluzby-uvod .sluzba-box {
    border: 1px solid #c8c9ca;
    background-color: #fff;
    padding: 0 30px 30px;
    min-height: 456px
}

.sluzby-uvod .sluzba-butt {
    width: 100%;
    text-align: center;
    margin: 0 0 30px
}

.sluzby-uvod .box {
    display: inline-block
}

.reference-vypis .reference {
    border: 1px solid #c8c9ca;
    display: inline-block;
    padding: 30px;
    margin: 0 0 30px
}

.reference-vypis h3 {
    margin-top: 10px
}

.cikcak .box {
    padding: 200px 60px;
    background-color: #fff
}

.cikcak .img {
    background-size: cover;
    background: no-repeat fixed center center;
    width: 100vw
}

.cikcak .col-md-6 {
    padding: 0
}

.detail {
    height: auto
}

.detail .h1 {
    font-size: 90px;
    margin-top: 20px
}

.detail-sluzby h4 {
    color: #1e252c !important;
    cursor: pointer
}

.detail-sluzby a:hover h4 {
    color: #fcb43b !important;
    cursor: pointer
}

.nas-tym .col-item .info {
    min-height: 195px
}

.nas-tym .info svg {
    margin-right: 10px
}

.detail-sluzby .panel-heading {
    padding: 10px 16px 0 16px !important;
    background-color: #fff;
    border-radius: 0;
    border: 1px solid #c8c9ca;
    position: relative;
    display: block
}

.detail-sluzby svg {
    margin-left: 10px;
    float: right
}

.timeline-historie .historie-perex {
    font-size: 20px;
    font-weight: 600;
    text-align: center
}

.background-kontakty {
    background: url(/public/default/img/new_2019/podstrana_bg_1.jpg) no-repeat fixed;
    background-size: cover
}

.kontakty-v2 .white-box a {
    color: #1e242a
}

.kontakty-v2 .white-box a:hover {
    color: #fcb43b
}

.kontakty-v2 .mapa {
    width: 100%;
    height: 410px;
    border: 1px solid #c8c9ca
}

.kontakty-v2 .white-box {
    width: 100%;
    height: 410px;
    background-color: #fff;
    padding: 30px
}

.kontakty-v2 ul {
    list-style: none;
    font-size: 16px;
    font-weight: 600;
    padding: 0
}

.kontakty-v2 li {
    padding: 5px 0
}

.kontakty-v2 .firma h3 {
    margin-top: 20px;
    margin-bottom: 30px;
    text-align: center
}

.kontakty-v2 .firma .center-block {
    margin-left: 35%
}

.kontakty-v2 .firma .nadpisy {
    font-size: large;
    margin-top: 30px
}

.kontakty-v2 .firma h4 {
    margin-top: 20px;
    margin-bottom: 10px
}

.kontakty-v2 .firma svg {
    margin-right: 10px
}

.kontakty-v2 .firma a:hover {
    color: #e28f00
}

.kontakty-v2 .box {
    display: block
}

.kontakty-v2 .mapa-odkaz {
    font-size: 16px;
    margin-left: 30px;
    color: #f6a721;
    display: inline-block;
    line-height: 1.6;
    float: right;
    padding: 10px 0 0
}

.detail-sluzby a {
    cursor: pointer
}

.detail-sluzby a:hover {
    border: 1px solid #fcb43b
}

.pod-uvod a:hover .col-item {
    -webkit-box-shadow: 0 10px 40px rgba(30, 36, 42, .13);
    -moz-box-shadow: 0 10px 40px rgba(30, 36, 42, .13);
    box-shadow: 0 10px 40px rgba(30, 36, 42, .13)
}

.pod-uvod .col-item {
    background: #fff;
    margin-top: 0;
    margin-bottom: 30px
}

.detail-sluzby h2, .hp .pod-uvod .box h2, .nas-tym h2, .pod-uvod h2, .reference-vypis h2, .slide-reference h2, .sluzby-uvod h2, .spokojeni h2, .timeline-historie h2 {
    text-align: center;
    margin-bottom: 60px
}

.detail-popis .box, .detail-sluzby .box, .nas-tym .box, .pod-uvod .box, .reference-vypis .box, .slide-katalog .box, .slide-reference .box, .sluzby-uvod .box, .spokojeni .box, .timeline-historie .box {
    padding: 60px 0
}

.sluzby-uvod-bg {
    background: url(/public/default/img/new_2019/bg_sluzby.jpg) no-repeat fixed right center;
    background-size: contain
}

.sluzby-uvod .sluzba-box .iko {
    opacity: 1;
    height: 60px;
    width: 60px;
    margin: 40px calc(50% - 30px) 0 calc(50% - 30px)
}

.pod-uvod .info .iko {
    opacity: 1;
    height: 60px;
    width: 60px;
    margin: 20px calc(50% - 30px) 0 calc(50% - 30px)
}

.sluzby-uvod .sluzba-box h3, .sluzby-uvod .sluzba-box p {
    text-align: center
}

.sluzby-uvod .sluzba-box h3 {
    margin-top: 40px
}

.pod-uvod .info .text-novinka-1, .pod-uvod .info .text-novinka-2 {
    text-align: center
}

.white_back {
    background: rgba(255, 255, 255, 1);
    padding-left: 3px;
    padding-right: 3px;
    border-radius: 5px;
}

@media only screen and (max-width: 1620px) {
    .slide-text-2 {
        margin: 0
    }

    .carousel-caption {
        bottom: 0;
        left: 40px;
        padding-bottom: 30px
    }

    .slide-text-1 {
        line-height: 74px
    }

    #myCarousel {
        top: 0
    }
}

@media only screen and (max-width: 1500px) {
    .cikcak .box {
        padding: 60px
    }

    .head-info {
        display: none
    }
}

@media only screen and (max-width: 1200px) {
    .pod-uvod .col-item .info {
        min-height: 370px
    }

    .uvod .bg-50 {
        width: 24vw
    }
}

@media only screen and (max-width: 1178px) {
    #myCarousel .carousel-inner {
        height: 400px
    }
}

@media only screen and (max-width: 992px) {
    .cookies .col-md-10, .cookies .col-md-2 {
        margin: 0 0 30px
    }

    .hp .pod-uvod .col-item .info, .pod-uvod .box2 {
        min-height: auto
    }

    .slide-katalog .box4 {
        margin: 0 0 30px
    }

    #slider-reference .carousel-control.left, #slider-reference .carousel-control.right {
        bottom: 0 !important
    }

    #slider-produkty .carousel-control.left {
        right: 44px;
        bottom: 30px !important
    }

    #slider-produkty .carousel-control.right {
        right: 15px;
        bottom: 30px
    }

    #slider-produkty .col-md-4 {
        padding: 0
    }

    .sluzby-uvod .sluzba-box {
        min-height: auto
    }

    .cikcak .box {
        padding: 0
    }

    .cikcak .img1, .cikcak .img2, .cikcak .img3, .cikcak .img4 {
        background-image: none
    }

    .vh {
        height: auto
    }

    .cikcak .col-md-6 {
        padding: 16px
    }

    .kontakty-v2 .mapa-odkaz {
        padding: 0
    }

    .pod-uvod .col-item .info {
        min-height: auto;
        padding: 10px 0 20px
    }

    .uvod .bg-50 {
        display: none
    }

    .sluzby-uvod {
        background-image: none
    }
}

@media only screen and (max-width: 920px) {
    #myCarousel .carousel-inner {
        height: 340px
    }

    .carousel-caption {
        top: 100px
    }

    .uvod {
        width: 100%;
        height: auto;
        background-image: none !important
    }

    .uvod .box {
        margin: 120px 0 60px
    }
}

@media only screen and (max-width: 768px) {
    .navbar-nav {
        padding: 0 0 0 8px;
        max-height: 240px;
        text-align: center;
        overflow: auto;
        box-shadow: none
    }

    #myCarousel .carousel-inner {
        height: 300px
    }

    .slide-text-1 {
        line-height: 50px;
        font-size: 38px
    }

    .col-item {
        margin: 0
    }

    .novinky-button-vice {
        right: 30px
    }

    .pod-uvod .col-item .info {
        min-height: auto
    }

    .nas-tym .col-item {
        margin: 0 0 30px
    }

    .kontakty-v2 .mapa-odkaz {
        display: none
    }
}

@media only screen and (max-width: 580px) {
    .slide-text-1 {
        line-height: 26px;
        font-size: 20px
    }

    #myCarousel .carousel-inner {
        height: 220px
    }
}

@media only screen and (max-width: 480px) {
    .navbar-brand > img {
        width: 200px
    }
}

@media only screen and (max-width: 400px) {
    .butt-1, .butt-2 {
        padding: 10px 15px;
        height: 40px;
        font-size: 14px
    }

    .button-kurka-2 {
        padding: 24px 20px
    }
}

.timeline .small {
    font-size: 16px;
    margin: 10px 0
}

.timeline h1, .timeline h2, .timeline h3, .timeline h4, .timeline h5, .timeline h6 {
    line-height: inherit
}

.timeline-item {
    padding-left: 40px;
    position: relative
}

.timeline-item:last-child {
    padding-bottom: 0
}

.timeline-info {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 3px;
    margin: 0 0 .5em;
    text-transform: uppercase;
    white-space: nowrap
}

.timeline-marker {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 15px
}

.timeline-marker:before {
    background: #fcb43b;
    border: 3px solid transparent;
    border-radius: 100%;
    content: "";
    display: block;
    height: 15px;
    position: absolute;
    top: 0;
    left: 0;
    width: 15px;
    transition: background .3s ease-in-out, border .3s ease-in-out
}

.timeline-marker:after {
    content: "";
    width: 1px;
    background: #ccd5db;
    display: block;
    position: absolute;
    top: 15px;
    bottom: 0;
    left: 7px
}

.timeline-item:last-child .timeline-marker:after {
    content: none
}

.timeline-item:not(.period):hover .timeline-marker:before {
    background: 0 0;
    border: 3px solid #fcb43b
}

.timeline-content {
    padding-bottom: 40px
}

.timeline-content p:last-child {
    margin-bottom: 0
}

.period {
    padding: 0
}

.period .timeline-info {
    display: none
}

.period .timeline-marker:before {
    background: 0 0;
    content: "";
    width: 15px;
    height: auto;
    border: none;
    border-radius: 0;
    top: 0;
    bottom: 30px;
    position: absolute;
    border-top: 3px solid #ccd5db;
    border-bottom: 3px solid #ccd5db
}

.period .timeline-marker:after {
    content: "";
    height: 32px;
    top: auto
}

.period .timeline-content {
    padding: 40px 0 70px
}

.period .timeline-title {
    margin: 0
}

@media (min-width: 768px) {
    .timeline-centered .timeline, .timeline-split .timeline {
        display: table
    }

    .timeline-centered .timeline-item, .timeline-split .timeline-item {
        display: table-row;
        padding: 0
    }

    .timeline-centered .period .timeline-info, .timeline-centered .timeline-content, .timeline-centered .timeline-info, .timeline-centered .timeline-marker, .timeline-split .period .timeline-info, .timeline-split .timeline-content, .timeline-split .timeline-info, .timeline-split .timeline-marker {
        display: table-cell;
        vertical-align: top
    }

    .timeline-centered .timeline-marker, .timeline-split .timeline-marker {
        position: relative
    }

    .timeline-centered .timeline-content, .timeline-split .timeline-content {
        padding-left: 30px
    }

    .timeline-centered .timeline-info, .timeline-split .timeline-info {
        padding-right: 30px
    }

    .timeline-centered .period .timeline-title, .timeline-split .period .timeline-title {
        position: relative;
        left: -45px
    }
}

@media (min-width: 992px) {
    .timeline-centered, .timeline-centered .timeline-content, .timeline-centered .timeline-info, .timeline-centered .timeline-item, .timeline-centered .timeline-marker {
        display: block;
        margin: 0;
        padding: 0
    }

    .timeline-centered .timeline-item {
        padding-bottom: 40px;
        overflow: hidden
    }

    .timeline-centered .timeline-marker {
        position: absolute;
        left: 50%;
        margin-left: -7.5px
    }

    .timeline-centered .timeline-content, .timeline-centered .timeline-info {
        width: 50%
    }

    .timeline-centered > .timeline-item:nth-child(odd) .timeline-info {
        float: left;
        text-align: right;
        padding-right: 30px
    }

    .timeline-centered > .timeline-item:nth-child(odd) .timeline-content {
        float: right;
        text-align: left;
        padding-left: 30px
    }

    .timeline-centered > .timeline-item:nth-child(even) .timeline-info {
        float: right;
        text-align: left;
        padding-left: 30px
    }

    .timeline-centered > .timeline-item:nth-child(even) .timeline-content {
        float: left;
        text-align: right;
        padding-right: 30px
    }

    .timeline-centered > .timeline-item.period .timeline-content {
        float: none;
        padding: 0;
        width: 100%;
        text-align: center
    }

    .timeline-centered .timeline-item.period {
        padding: 50px 0 90px
    }

    .timeline-centered .period .timeline-marker:after {
        height: 30px;
        bottom: 0;
        top: auto
    }

    .timeline-centered .period .timeline-title {
        left: auto
    }
}

.marker-outline .timeline-marker:before {
    background: 0 0;
    border-color: #ed1c25
}

.marker-outline .timeline-item:hover .timeline-marker:before {
    background: #ed1c25
}

.towns {
    background: #fff;
    padding: 20px
}

.branch_office_a {
    color: #000;
    font-weight: 700;
    padding-bottom: 10px
}

.new_detail .product_variant_margin_body, .new_detail .product_variant_margin_head {
    width: auto
}

.new_detail .nahledovy-obrazek {
    margin-top: 10px;
    margin-bottom: 10px;
    width: auto;
    max-height: 560px;
    text-align: left;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    cursor: default;
    min-height: 500px
}

.new_detail .nahledovy-obrazek img {
    max-width: 78%;
    height: auto;
}

.new_detail .inner_gallery img {
    max-height: 100%
}

.send_response_result .loader_image {
    text-align: center;
    position: absolute;
    width: 40px;
    height: 40px;
    left: 0;
    right: 0;
    margin: auto
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.new_detail .plaintext.description {
    color: #333
}

.new_detail .navigate_to_left {
    position: absolute;
    left: 0;
    top: 50%;
    color: #a0a0a0;
    padding: 10px;
    font-size: 20px;
    display: none;
    height: 48px;
    width: 48px
}

.new_detail .navigate_to_right {
    position: absolute;
    right: 0;
    top: 50%;
    color: #a0a0a0;
    padding: 10px;
    font-size: 20px;
    display: none;
    height: 48px;
    width: 48px
}

.new_detail .star_add_to_favorite, .new_detail .star_remove_to_favorite {
    position: relative;
    font-size: 14px;
    padding-right: 15px;

}

.new_detail .star_add_to_favorite span, .new_detail .star_remove_to_favorite span {
    position: relative;
    font-size: 14px
}

.new_detail .black_btn.btn svg {
    fill: #ed7b33;
    color: #ed7b33
}

.new_detail .desktop_absolute {
    position: relative;
    bottom: 15px;
    min-height: 70px
}

.new_detail hr {
    margin-top: 0;
    margin-bottom: 0
}

.new_detail .desktop_absolute a {
    margin-top: 10px;
    color: #3a3a3a
}

.new_detail .desktop_absolute a:active {
    background: #fff
}

.new_detail .select_qty_product {
    margin-bottom: 10px;
    background: #ed7b33;
    color: #fff;
    padding: 4px 30px 5px;
    text-decoration: none
}

.new_detail .select_qty_product:hover {
    background-color: #ffca4d;
    -webkit-box-shadow: 0 10px 40px rgba(255, 234, 0, .5);
    -moz-box-shadow: 0 10px 40px rgba(255, 234, 0, .5);
    box-shadow: 0 10px 40px rgba(255, 234, 0, .5)
}

.more-sale-butt-detail {
    position: absolute;
    left: -157px;
    top: 0;
    background: #ed7b33;
    color: #fff;
    padding: 4px 30px 5px
}

.more-sale-butt-detail:hover {
    color: #fff;
    background: #ff7831
}

.padding-bot-15 {
    padding-bottom: 15px
}

.stock_status_detail {
    margin-top: 50px;
    font-weight: 700;
    color: #868686
}

.stock_status_detail strong.green_stock {
    color: #00c643
}

.stock_status_detail strong.external_stock {
    color: #ed7b33
}

.stock_status_detail strong.red_stock {
    color: #ed7b33
}

.a_overflow {
    text-decoration: underline
}

.product_detail_li_description {
    padding-left: 17px
}

.new_detail .fancybox_image_gallery {
    position: absolute;
    width: 100px;
    float: right;
    right: 49px;
    top: -10px;
    background: 0 0;
    max-height: 545px;
    overflow: hidden
}

.new_detail .up-scroll-image {
    width: 100%;
    height: 30px;
    font-size: 25px;
    color: #848484;
    position: relative;
    text-align: center;
    cursor: pointer;
    margin-top: -3px;
    background: #fff;
    z-index: 5;
    visibility: hidden
}

.new_detail .product_detail_info td {
    border: 0;
    padding: 12px 10px 12px 15px
}

.new_detail .product_detail_info.table-bordered, .new_detail .product_detail_info.table-bordered > tbody > tr > td, .new_detail .product_detail_info.table-bordered > tbody > tr > th, .new_detail .product_detail_info.table-bordered > tfoot > tr > td, .new_detail .product_detail_info.table-bordered > tfoot > tr > th, .new_detail .product_detail_info.table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
    border: 0
}

.new_detail table.product_detail_info tbody tr:nth-of-type(even) {
    background-color: #f5f5f5;
    border-top: 1px solid #d0d0d0;
    border-bottom: 1px solid #d0d0d0
}

.inner_gallery {
    position: relative;
    top: 0
}

.new_detail .down-scroll-image {
    width: 20%;
    height: 25px;
    font-size: 25px;
    color: #848484;
    position: absolute;
    text-align: right;
    cursor: pointer;
    right: 44px;
    bottom: 0;
    visibility: hidden;
    background: #fff
}

.new_detail .fancybox_image_gallery a {
    display: block;
    width: 80px;
    height: 120px;
    border: 1px solid #d0d0d0;
    margin: 8px;
    position: relative;
    background: #fff
}

.new_detail .fancybox_image_gallery a img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto
}

.new_detail .fancybox_image_gallery a.active {
    border: 1px solid #000;
    box-shadow: 3px 3px 5px #b1b1b1
}

.new_detail .skladem-text {
    color: #636363
}

.show-only-on-mobile {
    display: none
}

.hide-only-on-mobile {
    display: block
}

.new_detail .custom_detail_tabs {
    margin-top: 50px
}

.new_detail .custom_detail_tabs .tab-content {
    background: #fff;
    padding: 15px;
    min-height: 386px
}

.new_detail .custom_detail_tabs .nav-tabs > li > a {
    border-radius: 0;
    background: #000;
    color: #fff;
    margin-right: 10px
}

.new_detail .custom_detail_tabs .nav-tabs > li > a:hover {
    border-color: #eee #eee #fff
}

.new_detail .custom_detail_tabs .nav-tabs {
    border: 0
}

.butt-answer {
    background: #ed7b33;
    color: #fff;
    margin-top: 10px
}

.new_detail .custom_detail_tabs .nav-tabs > li.active > a, .new_detail .custom_detail_tabs .nav-tabs > li.active > a:focus, .new_detail .custom_detail_tabs .nav-tabs > li.active > a:hover {
    border: 0;
    background: #fff;
    color: #000
}

.new_detail .custom_detail_tabs .podstrana-1.fancy {
    overflow: auto
}

.help_desk {
    margin-top: 90px;
    background: #fff
}

.help_desk.in_category {
    margin-top: 10px
}

.help_desk h4 {
    color: #000;
    text-align: center;
    padding-top: 32px;
    font-size: 25px
}

.help_desk svg {
    width: 14px;
    height: 14px
}

.help_desk.in_category h4 {
    color: #000;
    text-align: center;
    padding-top: 0;
    font-size: 20px;
    margin-top: 15px
}

.help_desk .circle_help_photo {
    text-align: center
}

.help_desk .circle_help_photo img {
    border-radius: 50%;
    width: 60%;
    border: 3px solid #ed7b33;
    max-width: 210px
}

.help_desk .info {
    text-align: center;
    padding-top: 15px
}

.qty_ord_product.form-control {
    padding: 6px 3px;
    width: 40px;
    height: 40px;
    float: left;
    margin: 0;
    text-align: center
}

.qty_ord_product.active {
    background: #ffe4b6
}

.qty_ord_product[disabled] {
    opacity: 0.3;
}

#filter_submit_button1 {
    background: #ed7b33;
    border: 0;
    display: none
}

.open_next_absolute_submenu.active {
    color: #fff;
    text-decoration: none;
    background-color: #f5f5f5;
    border-color: #dcdcdc
}

.open_next_absolute_submenu.active:hover {
    color: #555;
    text-decoration: none;
    background-color: #f5f5f5;
    border-color: #dcdcdc
}

.filter_hidden_on_mobile .panel {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #d9d9d9
}

.podstrana-1-detail .five_section.container {
    margin-top: 0
}

.podstrana-1-detail .five_section div {
    float: left;
}

#menu .panel {
    -webkit-box-shadow: none;
    box-shadow: none
}

#menu .list-group-item {
    border: none;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd
}

#right-vypis h1 {
    font-size: 30px;
    margin-top: 0
}

.produkt-karta-text-3 .green_stock {
    color: #00c643
}

.skladem-text .green_stock {
    color: #00c643
}

.skladem-text .red_stock {
    color: #ed7b33
}

.order-back-button {
    float: left !important;
    color: #6d6d6d;
    background: #efefef;
    text-decoration: underline;
    padding: 10px;
    height: 44px
}

.show-on-mobile {
    display: none
}

.btn-reorder {
    text-decoration: underline
}

.butt-more-sale {
    background: #ed7b33;
    color: #fff;
    padding: 10px;
    display: block;
    width: 100%;
    border: 1px solid #d9d9d9;
    margin-bottom: 30px;
    text-decoration: underline
}

.butt-more-sale:hover {
    text-decoration: none;
    color: #fff
}

.butt-more-sale img {
    margin-left: 0;
    margin-right: 10px;
    float: left;
    margin-top: -12px
}

.bg-dark-kosik {
    background: #000;
    padding-left: 40px;
    padding-top: 15px;
    padding-bottom: 5px
}

.pay_status {
    min-width: 10px;
    padding: 0 9px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #494949;
    border-radius: 14px
}

.pay_status .done_pay {
    background: green
}

.pay_status .cancel_pay {
    background: red
}

.sync_sort_background {
    position: fixed;
    width: 50%;
    min-height: 50px;
    border: 2px solid #f7b139;
    background: #fff;
    bottom: 25%;
    left: 25%;
    padding-top: 20px;
    box-shadow: 8px -1px 23px #000;
    font-weight: 700;
    color: #1d1d1d;
    text-align: center;
    z-index: 999
}

.sync_sort_background img {
    height: 40px;
    float: right
}

.border-1 {
    border: 1px solid #dcdcdc
}

#cart-paymant .disabled {
    opacity: .4
}

#subcategories .produkt-karta-text-1, .menu-butt .produkt-karta-text-1 {
    line-height: 1;
    padding-right: 5px
}

.first_td {
    text-align: left;
    padding-left: 46px
}

.qty_buttons {
    margin-top: 1px;
    min-width: 120px
}

.qty_button {
    display: block;
    width: 40px;
    height: 40px;
    line-height: 35px;
    font-size: 25px;
    text-align: center;
    text-decoration: none
}

.qty_button:hover {
    background: #ed7b33;
    color: #fff;
    text-decoration: none
}

.qty_button:active, .qty_button:focus {
    text-decoration: none
}

.qty_button.down {
    float: left
}

.qty_button.up {
    float: left
}

.qty_button.disabled {
    opacity: 0.3;
}

.disc_code {
    position: relative;
    top: -100px
}

.disc_code .butt-4 {
    padding: 10px 20px;
    margin-left: -8px
}

#discount_code_txt {
    height: 37px;
    width: 150px;
    padding-left: 5px
}

.discount_use {
    color: #00da00;
    font-weight: bold
}

.sumDiscount {
    color: #00da00;
    font-weight: bold;
    text-align: right
}

.dis_code_condition {
    position: absolute;
    border: 1px solid #ed7b33;
    z-index: 999;
    padding: 5px;
    background: #f5f5f5;
    box-shadow: 5px 5px 5px #dcdcdc
}

/* The Modal (background) */


/* Modal Content */


.biv-modal .btn-continue-shopping {
    background: #ed7b33;
    color: #fff;
    width: 95%;
    margin-bottom: 15px;
}

.biv-modal .btn-continue-shopping:hover {
    -webkit-box-shadow: 0 10px 40px rgba(255, 234, 0, .5);
    -moz-box-shadow: 0 10px 40px rgba(255, 234, 0, .5);
    box-shadow: 0 10px 40px rgba(255, 234, 0, .5);
}

.biv-modal .btn-continue-shopping svg {
    position: absolute;
    left: 15px;
    top: 0;

}

.biv-modal .btn-go-to-cart {
    background: #1cb3f4;
    color: #fff;
    width: 95%;
    margin-bottom: 15px;
}

.biv-modal .btn-go-to-cart:hover {
    -webkit-box-shadow: 0 10px 40px rgba(0, 171, 255, 0.5);
    -moz-box-shadow: 0 10px 40px rgba(0, 171, 255, 0.5);
    box-shadow: 0 10px 40px rgba(0, 171, 255, 0.5);
}

.biv-modal .btn-go-to-cart svg {
    position: absolute;
    right: 15px;
    top: 0;
}

.biv-modal .btn-go-to-cart:hover svg, .biv-modal .btn-continue-shopping:hover svg {
    fill: #ccc !important;
}

.biv-modal .row.list-in-detail {
    margin-top: 15px;
    margin-left: 40px;
    margin-right: 55px;
    max-height: 340px;
    overflow: hidden;
}

.left-side-butt, .right-side-butt {
    position: relative;
}

.left-side-butt {
    float: left;
}

.right-side-butt {
    float: right;
}

.left-side-butt svg {
    position: absolute;
    top: 120px;
    left: 0;
    cursor: pointer;
}

.right-side-butt svg {
    position: absolute;
    top: 120px;
    right: 0;
    cursor: pointer;
}

.biv-modal .produkt-karta-text-2, .biv-modal .produkt-karta-text-3, .biv-modal .produkt-karta-butt {
    display: none;
}

.biv-modal .produkt-karta-text-1 {
    font-weight: 600;
    font-size: 13px;
    margin: 10px;
    height: 30px;
    overflow: hidden;
}

.biv-modal .produkt-karta-text-3.action_price {
    display: block;
}

.biv-modal .product_image {
    width: 180px;
    height: 180px;
    left: 0;
    right: 0;
    margin: auto;
}

.biv-modal .product_image img {
    max-height: 180px !important;
    min-height: auto;
}

.biv-modal .list-in-detail .produkt-karta:hover {
    border: 1px solid #ed7b33;
}

/* Add Animation */
@-webkit-keyframes animatetop {
    from {
        top: -300px;
        opacity: 0
    }
    to {
        top: 0;
        opacity: 1
    }
}

@keyframes animatetop {
    from {
        top: -300px;
        opacity: 0
    }
    to {
        top: 0;
        opacity: 1
    }
}

/* The Close Button */
.biv-modal .close {
    color: white;
    float: right;
    font-size: 24px;
    font-weight: bold;
    position: absolute;
    right: 10px;
    opacity: 1;
}

.biv-modal .close:hover,
.biv-modal .close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.biv-modal .modal-header {
    padding: 10px 16px;
    color: white;
}

.biv-modal .modal-body {
    padding: 5px 16px;
}

.biv-modal .modal-footer {
    padding: 3px 16px;
    color: white;
    border: 0;
}

.biv-modal .modal-border {
    /* border: 2px solid; */
    padding: 15px 15px 0;
    /*box-shadow: 1px 1px 20px #a7a7a7;*/
}

.biv-modal .modal-title {
    font-size: 16px;
}

.biv-modal .ordered-photo img {
    height: 150px !important;
    width: auto;
}

.biv-modal .produkt-karta-text-4 {
    font-size: 13px;
    margin: 5px 15px 12px;
}

.red_price {
    color: #ff5353;
}

.balikovna_popup {
    position: fixed;
    width: 90%;
    height: 74vh;
    top: 135px;
    z-index: 9999;
    background: #fff;
    left: 5%;
    box-shadow: 1px 1px 7px #929292;
    display: none;
}

.balikovna_close {
    position: absolute;
    width: 30px;
    font-size: 21px;
    height: 30px;
    color: red;
    background: #fff;
    text-align: center;
    line-height: 30px;
    right: -4px;
    top: -16px;
    border-radius: 15px;
    /* box-shadow: 3px 2px 5px #808080; */
    border: 1px solid #000;
}

.accordion .line {
    position: relative;
}

.accordion .line .accordion-button {
    background-color: #eee;
    color: #003267;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    transition: 0.4s;
    font-weight: bold;
    margin-bottom: 3px;
}

.accordion .line .active, .accordion .line .accordion:hover {
    background-color: #ccc;
}

.accordion .line .panel {
    padding: 10px 18px;
    background-color: white;
    display: none;
    overflow: hidden;
}

.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    min-width: 60px;
    height: 34px;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.switch input:checked + .slider {
    background-color: #398509;
}

.switch input:focus + .slider {
    box-shadow: 0 0 1px #398509;
}

.switch input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

.switch input[disabled] + span {
    opacity: 0.3;
}

.switch .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.switch .slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

.switch .round {
    border-radius: 34px;
    width: 60px
}

.switch .round:before {
    border-radius: 50%;
}

.cookies-allow-all.butt-4 {
    height: 35px;
    padding: 7px 19px;
}

.price_from {
    color: #878787
}

pr_details {
    position: relative;
}

.pr_details .variant_colors {
    z-index: 9999 !important;
    position: relative;
    width: 100%;
    height: 35px;
    bottom: 1px;
    opacity: 0.8;
    margin-left: 10px;
}

.pr_details .variant_colors:hover {
    opacity: 1;
}

.pr_details .variant_color {
    display: block;
    width: 15%;
    height: 15px;
    float: left;
    border: 1px solid #fff;
}

.pr_details .variant_color.white {

    border: 1px solid #ccc;
    height: 13px;
    margin-top: 1px;
    margin-bottom: 1px;
}

.pr_details .variant_color.next_count {

    text-align: center;
    color: #000;
}

.pr_details .pr_labels {
    height: 27px;
    margin-left: 15px;
    font-size: 90%;
    white-space: nowrap;
}

.pr_details .pr_labels .pr_label {
    border: 1px solid #000;
    display: inline-block;
    padding: 3px 2px 1px 2px;
    line-height: 1;
    margin-right: 3px;
}

.pr_details .pr_labels .pr_label.sale {
    border: 1px solid #9f9f9f;
    background: #ff5353;
    color: #fff;
}

.pr_details .pr_labels .pr_label.news {
    border: 1px solid #9f9f9f;
    background: #ed7b33;
    color: #fff;
}

.old_price_percent {
    font-size: 86%;
    position: absolute;
    bottom: 25px;
    left: 30px;
    width: 100%;
}

.reload_wrap {
    width: 100%;
    text-align: center;
    opacity: 0.3;
}

#ec-v-from-slider-holder .ec-v-form-holder {
    max-height: 90%;
}


@media (max-width: 992px) {
    .show-on-mobile {
        display: block;
        opacity: .5
    }

    .biv-modal .btn-continue-shopping, .biv-modal .btn-go-to-cart {
        width: 100%;
    }
}

@media (max-width: 1200px) {
    .five_section {
        display: none
    }

    .five_section_hr {
        display: none
    }

    .more-sale-butt-detail {
        left: -214px
    }
}

@media (max-width: 1190px) {
    .new_detail .fancybox_image_gallery {
        right: -15px
    }

    .new_detail .down-scroll-image {
        padding-right: 10px;
        right: -12px
    }

    .product_image {
        overflow: hidden;
        /*height: 200px*/
    }
}

@media (max-width: 992px) {
    .disc_code {
        top: -50px
    }

    .new_detail .nahledovy-obrazek {
        min-height: 250px
    }

    .butt-more-sale {
        margin-top: 30px
    }

    .more-sale-butt-detail {
        left: -33px;
        background: #fff;
        /*color: #ed7b33;*/
        padding: 0
    }

    .hidden-on-mobile {
        display: none !important
    }

    .new_detail .detail_product_infograf {
        display: none
    }

    .new_detail .breadcrumb.hide-it-992 {
        display: block
    }

    .new_detail .breadcrumb.hide-it-992 a {
        font-size: 10px
    }

    .new_detail .breadcrumb.hide-it-992 li {
        font-size: 10px
    }

    .new_detail .fancybox_image_gallery {
        position: relative;
        width: 100%;
        right: 0
    }

    .new_detail .fancybox_image_gallery a {
        float: left;
        width: 90px;
        height: 132px
    }

    .new_detail .show_variants_by_code {
        margin: 0 5px 0 0
    }

    .new_detail .color_variant {
        margin-top: -5px;
        margin-bottom: 10px
    }

    .new_detail .tax_info {
        color: #737373;
        font-weight: 700
    }

    .new_detail .down-scroll-image, .new_detail .up-scroll-image {
        display: none
    }
}

@media (max-width: 767px) {
    .more-sale-butt-detail {
        left: 0;
        background: #fff;
        /*color: #ed7b33;*/
        padding: 0
    }


    .disc_code_form {
        margin-bottom: 25px
    }

    .disc_code {
        top: -10px
    }

    .content {
        top: 50px
    }

    .new_detail .name_product_last {
        display: none
    }

    .new_detail .nahledovy-obrazek {
        text-align: center
    }

    .product_image {
        overflow: hidden;
        height: auto
    }

    /*
    .product_image img {
        height: 220px !important;
        max-height: 220px !important;
        min-height: 220px !important
    }
    */
    .new_detail .fancybox_image_gallery.hide-only-on-mobile {
        text-align: center;
        right: 0 !important;
        left: 0;
        float: none !important;
        margin: auto;
        width: 50% !important;
        height: 33px !important
    }

    .new_detail .fancybox_image_gallery.hide-only-on-mobile a {
        display: none
    }

    .new_detail .fancybox_image_gallery.hide-only-on-mobile .inner_gallery {
        text-align: center
    }

    .new_detail .fancybox_image_gallery.hide-only-on-mobile .inner_gallery a {
        display: inline-block;
        width: 15px;
        height: 15px;
        float: unset;
        border-radius: 50%;
        background: #a2a2a2
    }

    .new_detail .fancybox_image_gallery.hide-only-on-mobile .inner_gallery a.active {
        border: 0;
        background: #ed7b33
    }

    .new_detail .fancybox_image_gallery.hide-only-on-mobile .inner_gallery a img {
        display: none
    }

    .show-only-on-mobile {
        display: block
    }

    .new_detail .navigate_to_left, .new_detail .navigate_to_right {
        display: block
    }

    .new_detail .down-scroll-image, .new_detail .up-scroll-image {
        display: none
    }

    .new_detail .custom_detail_tabs .nav-tabs > li > a {
        padding: 10px;
        border: 0;
        margin: 2px
    }
}

@media (max-width: 500px) {

    .balikovna_popup {
        position: fixed;
        width: 98%;
        height: 90vh;
        top: 75px;
        z-index: 9999;
        background: #fff;
        left: 1%;
        box-shadow: 1px 1px 7px #929292;
        display: none;
    }

    .disc_code {
        top: 10px
    }

    .more-sale-butt-detail {
        position: relative;
        left: 0;
        background: #fff;
        /*color: #ed7b33; */
        padding: 0;
        display: block;
        text-align: center;
        width: 100%
    }

    .produkt-karta_parent .old_price {
        bottom: 2px
    }

    #discount_code_txt {
        width: 70%;
        float: left
    }

    .disc_code_form {
        margin-bottom: 25px
    }

    .disc_code .butt-4 {
        padding: 10px 20px;
        margin-left: -1px;
        float: left;
        width: 29%;
        height: 37px;
        text-align: center
    }

    .butt-more-sale img {
        height: 42px
    }

    .new_detail .stock_status_detail {
        text-align: center
    }

    .new_detail .produkt-detail-cena {
        text-align: center
    }

    .new_detail .produkt-detail-cena-big {
        display: block
    }

    .new_detail .select_qty_product {
        text-align: center;
        width: 100%;
        margin-top: 30px
    }

    .new_detail .desktop_absolute a {
        text-align: center;
        width: 100%;
        padding-right: 0;
        padding-left: 15px
    }

    .new_detail .add_to_card_all_items_in_table {
        width: 100%;
        text-align: center;
        padding-left: 53px
    }

    .pata-new li, .pata-new li a {
        padding: 10px
    }

    .new_detail #more_details .table td, table th {
        text-align: left !important;
        border: none !important;
        border-top: none
    }

    .new_detail .custom_detail_tabs .nav-tabs > li {
        width: 100%
    }

    .new_detail .custom_detail_tabs .nav-tabs > li > a, .new_detail .custom_detail_tabs .nav-tabs > li > a:focus, .new_detail .custom_detail_tabs .nav-tabs > li > a:hover {
        background: #fff;
        color: #000
    }

    .new_detail .custom_detail_tabs .active .before {
        display: block;
        width: 6px;
        height: 41px;
        position: absolute;
        left: 2px;
        background: #000;
        z-index: 5;
        top: 2px
    }
}

@media (min-width: 1025px) and (max-width: 1200px) {
    .product_image {
        overflow: hidden;
        width: auto !important
    }

    /*
    .product_image img {
        height: 200px !important;
        max-width: 200px !important;
        max-height: 200px !important;
        left: -23px
    }
    */

}

@media only screen and (max-width: 993px) {
    .product_image img {
        width: 300px;
        height: auto;
    }
}

@media (min-width: 767px) and (max-width: 993px) {
    /*
    .product_image {
        overflow: hidden;
        height: 200px
    }

     */
    /*
    .product_image img {
        height: 200px !important;
        max-width: 200px !important;
        max-height: 200px !important;
        left: -23px
    }
    */


}

@media (min-width: 405px) and (max-width: 560px) {
    .produkt-karta_parent {
        width: 50%;
        float: left
    }

    .carousel-micro .item div {
        /*display: none */
        min-height: 185px !important;
    }
}

@media (min-width: 561px) and (max-width: 700px) {


    .carousel-micro .item div {
        /*display: none */
        min-height: 200px !important;
    }
}

@media (min-width: 568px) and (max-width: 989px) {


    .carousel-micro .item div {
        /*display: none */
        min-height: 220px !important;
    }
}

@media (min-width: 680px) and (max-width: 1000px) {
    .produkt-karta_parent {
        width: 50%;
        float: left
    }


}


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


    .produkt-karta_parent {
        width: 100%
    }

    #snippet--cartTable .unitPriceWoVat, #snippet--cartTable .unitPricePerItem, #snippet--cartTable .unitPrice.unitPriceWoVat {
        display: none
    }

    .price_td {
        white-space: nowrap
    }

    table.table-respond2, .table-respond2 thead, .table-respond2 tbody, .table-respond2 th, .table-respond2 td, .table-respond2 tr {
        display: block
    }

    .table-respond2 th {
        display: none !important
    }

    .table-respond2 tr:first-child {
        border-top: none;
        margin-bottom: 0
    }

    .table-respond2 tr {
        margin-bottom: 5px;
        border-top: 1px solid #dedede
    }

    .table-respond2 tr:nth-of-type(2) {
        border-top: 0
    }

    .table-respond2 td {
        border-top: none;
        position: relative !important;
        padding-right: 50% !important;
        white-space: normal;
        text-align: center !important
    }

    .table-respond2 td:before {
        padding-left: 10px;
        white-space: nowrap;
        text-align: right;
        color: #ccc;
        content: attr(data-th) " ";
        position: absolute;
        left: 5px
    }

    .table-respond2 .count_change_elem {
        max-width: 130px;
        position: relative;
        left: 0;
        right: 0;
        margin: auto
    }

    .table-respond2 .kosik-obsah-cerna {
        display: none
    }

    .last_price_summ .margin-nahorudolu-30 {
        margin-top: 0;
        margin-bottom: 0
    }

    #continue_to_second_step, .buttony-kosik-dole input[type=submit] {
        text-align: center
    }

    #continue_to_second_step, #frmformUser-save, #frmnoteForm-changePaymant, .buttony-kosik-dole .butt-3, .buttony-kosik-dole .button, .cart-def-back {
        text-align: center
    }

    .kosik-obsah-bila {
        min-height: 100px
    }

    #frm-noteForm label {
        display: block
    }

    .remove_order_product {
        display: block;
        width: 25px;
        height: 25px;
        margin-left: 10px;
        position: absolute;
        right: 8px;
        bottom: 32px
    }

    .remove_order_product svg {
        display: block;
        width: 15px !important;
        height: 15px !important
    }

    .count_change_elem {
        width: 92px
    }

    .productCount {
        text-align: center;
        border: 1px solid #eee;
        width: 30px;
        height: 30px;
        line-height: 10px
    }

    .productCountDown, .productCountUp {
        width: 30px;
        height: 30px;
        line-height: 10px
    }

    .unitPrice .total-price {
        font-size: 16px
    }

    .ordered_product_text {
        color: #7f7f7f
    }
}

.sub-stock-info {
    line-height: 0.9;
    display: inline-block;
}

@media only screen and (min-width: 426px) {
    .sub-stock-info.desktop {
        display: inline-block;
        margin-left: 3px;
    }

    .sub-stock-info.mobile {
        display: none
    }
}

@media only screen and (max-width: 425px) {
    .produkt-karta_parent {
        width: 100%
    }

    .carousel-micro .item div {
        /*display: none */
        min-height: 190px !important;
    }

    .butt-more-sale.in_category {
        display: none
    }

    .menu-img {
        width: 38px !important;
        height: 38px !important;
        min-width: 38px;
        min-height: 38px
    }

    .menu-butt {
        height: 40px;
        padding-right: 15px
    }

    #subcategories .produkt-karta-text-1, .menu-butt .produkt-karta-text-1 {
        text-align: center;
        margin: 1px;
        font-size: 12px;
        display: block;
        padding-top: 14px;
        width: 100%
    }

    .text-descri {
        display: none
    }

    .text-descri.truncate {
        display: block
    }

    .subcat_link {
        width: 50%;
        float: left;
        padding: 3px
    }

    .product_image {
        width: 100%;
        text-align: center
    }

    .first_td {
        padding-right: 0;
        max-width: 60px;
    }


    .sub-stock-info.desktop {
        display: none
    }

    .sub-stock-info.mobile {
        display: inline-block
    }


    .qty_buttons {
        min-width: 92px
    }

    .qty_button {
        display: block;
        width: 30px;
        height: 30px;
        line-height: 29px;
        font-size: 25px;
        text-align: center;
        text-decoration: none
    }

    .qty_ord_product.form-control {
        width: 30px;
        height: 30px
    }

    .variants_by_code_list .variant_table_heading th {
        text-align: center !important
    }

    .color_variant.small {
        display: none
    }

    .variant_table_heading .variant_code {
        margin: 0;
        max-width: 60px;
        overflow-x: auto;
        position: absolute;
    }

    .quantity_text {
        font-size: 10px;
        display: none !important
    }

    .response_order_item {
        position: absolute;
        right: 18px
    }

    #snippet--cartTable th, #snippet--cartTable td {
        display: block;
        width: 100%;
        padding: 2px 2px !important
    }
}

@media only screen and (max-width: 400px) {
    .button-kurka-2 {
        padding: 24px 5px
    }

    .carousel-micro .item div {
        /*display: none */
        min-height: 150px !important;
    }

    .butt-1, .butt-2 {
        padding: 20px 5px
    }

    .background-white {
        padding-top: 20px !important
    }

    .per_page_button {
        float: left;
        margin-right: 0
    }

    .product_image img {
        max-width: 100% !important;
        height: auto !important
    }
}

@media only screen and (max-width: 361px) {
}

table.t_for_desktop tbody tr:nth-of-type(even), table.t_for_mobile tbody tr:nth-of-type(even) {
    background: initial;
}

.help-block {
    margin-top: 0;
    margin-bottom: 0;
}


.geeks img {

    transition: 0.3s all ease-in-out;
}

.geeks:hover img {
    transform: scale(1.01);
}

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

    .t_for_mobile {
        display: table;
    }
}

@media (min-width: 768px) {
    .t_for_desktop {
        display: table;
    }

    .t_for_mobile {
        display: none;
    }
}


.text-end {
    text-align: right !important;
}