/*
*	*	*	*	*	*	*	*	*	*	*	*	*
	common
*	*	*	*	*	*	*	*	*	*	*	*	*
*/
html {
    height: 100%;
    overflow: auto;
}

body {
    height: 100%;
    color: #000;
    font-family: 'Serial', helvetica, sans-serif;
    margin: 0px;
    padding: 0px;
    background-color: #ffffff;
    font-size: 13px;
    line-height: 18px;
    position: relative;
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
}

body.suggest-expanded {
    overflow: hidden;
}

.main-container {
    width: 100%;
    flex-grow: 1;
}

a, abbr, acronym, address, applet, big, blockquote, body, caption, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, font, form, h1, h2, h3, h4, h5, h6, html, iframe, img, ins, kbd, label, legend, li, object, ol, p, pre, q, s, samp, small, span, strike, sub, sup, table, tbody, td, tfoot, th, thead, tr, tt, ul, var {
    -webkit-overflow-scrolling: touch;
}

a:focus {
    outline: none;
}

label {
    font-weight: 600;
}

input[type='text'],
input[type='search'],
input[type='number'],
textarea {
    font-size: 16px;
}

input[type="checkbox"], input[type="radio"] {
    /* Add if not using autoprefixer */
    -webkit-appearance: none;
    /* Remove most all native input styles */
    appearance: none;
    /* For iOS < 15 */
    /* Not removed via appearance */
    margin: 0;
    font: inherit;
    color: currentColor;
    width: 1.15em;
    height: 1.15em;
    border: 1px solid #E2E2E2;
    border-radius: 5px;
    transform: translateY(-0.075em);
    display: grid;
    place-content: center;
    text-align: right;
}

input[type="checkbox"]::before, input[type="radio"]::before {
    font-family: 'sicon';
    content: "\e916";
    width: 19px;
    height: 19px;
    opacity: 0;
    margin-right: 4px;
}

input[type="checkbox"]:checked::before, input[type="radio"]:checked::before {
    opacity: 1;
}

input[type="checkbox"]:focus, input[type="radio"]:focus {
    outline: none;
    /*outline-offset: max(2px, 0.15em);*/
}

input[type="checkbox"]:disabled, input[type="radio"]:disabled {
    --form-control-color: #959495;

    color: #959495;
    cursor: not-allowed;
}

.body-wrapper {
    padding: 0 15px;
}

.stars {
    display: inline-block;
    text-align: left;
    font-family: 'sicon';
    position: relative;
    color: #FFDD21;
}

.stars:before {
    content: "\e920\e920\e920\e920\e920";
}

.stars .stars-val {
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    overflow-x: clip;
}

.stars .stars-val:before {
    content: "\e909\e909\e909\e909\e909";
}

h1 {
    padding: 0;
    font-weight: 600;
    font-size: 20px;
    line-height: 26px;
}

::placeholder { /* Most modern browsers support this now. */
    color: #BFBFBF !important;
}

.text-light {
    font-weight: 300;
}

.text-medium {
    font-weight: 500;
}

.text-semibold {
    font-weight: 600;
}

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

.page-loader-wrapper {
    display: block;
    position: fixed;
    width: 100%;
    height: 0;
    top: 0;
    left: 0;
    z-index: 9999999;
    background: #00000099;
    opacity: 0;
    transition: opacity 0.3s linear;
    transition-delay: 1s;
}

.page-loader-wrapper.loading {
    height: 100%;
    opacity: 1;
}

.owl-carousel .owl-dots {
    height: 8px;
    line-height: 8px;
    margin: 14px auto;
    text-align: center;
}

.owl-carousel button.owl-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #ededed;
    margin-right: 3px;
    vertical-align: top;
}

.owl-carousel button.owl-dot.active {
    background: #2567AC;
}

.page-loader-wrapper.loading .page-loader,
.page-loader-wrapper.loading .page-loader::after {
    border-radius: 50%;
    width: 10em;
    height: 10em;
    font-size: 10px;
}

.page-loader-wrapper.loading .page-loader {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.page-loader-wrapper.loading .page-loader::after {
    opacity: 0;
    content: "";
    display: block;
}

.page-loader-wrapper.loading .page-loader::after {
    opacity: 1;
    margin: 0;
    position: relative;
    transform: translate(-50%, -50%);
    text-indent: -9999em;
    border-top: 0.7em solid #ffffff;
    border-right: 0.7em solid #ffffff;
    border-bottom: 0.7em solid #ffffff;
    border-left: 0.7em solid #0068b3;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: page-spinner 1.1s infinite linear;
    animation: page-spinner 1.1s infinite linear;
}

@-webkit-keyframes page-spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes page-spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

a, a:hover, a:active, a:visited, a:focus {
    color: #2667AD;
    text-decoration: none !important;
    position: relative;
}

a.label {
    color: #fff;
}

.alert {
    text-align: center;
}

.alert-error {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

.badge {
    background-color: #21A8EA;
    margin: 0px 5px;
}

.active .badge {
    border: 0 !important;
}

.clearfix {
    clear: both;
}

.invisible {
    display: none !important;
}

.delimiter {
    border-top: 1px solid #ededed;
    margin: 10px 0px;
}

.delimiter-strong {
    border-top: 2px solid #000;
    margin: 10px 0px;
}

.free, .in-stock, .success {
    color: #008600 !important;
}

.glyphicon {
    margin: 0px;
}

.orange {
    color: #F64C19 !important;
}

.on-the-way, .willbe {
    color: #009CDD !important;
}

.for-order {
    color: #999999 !important;
}

.discontinued {
    color: #CC0000 !important;
}

.container-fluid {
    padding: 0px !important;
    position: relative;
}

.container-fluid > h2 {
    padding-left: 10px;
}

body.layout-minimized .user-button {
    width: 60%;
    text-align: right;
}

.menu-button {
    text-align: right;
    position: initial;
    min-width: 50%;
}

body.layout-minimized #kosik,
body.layout-minimized #menu {
    display: none !important;
}

.btn-orange {
    background-color: #F64C19;
    border-color: #F64C19;
    color: #fff;
}

.btn-orange:hover {
    background-color: #F64C19;
    border-color: #F64C19;
    color: #fff;
}

.btn-default {
    border-radius: 4px;
    background: #FCFCFC;
    border: 1px solid #EBEBEB;
    font-weight: 500;
}

.btn-google img {
    width: 18px;
    height: 18px;
}

.opening-hours .longer {
    font-weight: bold;
    color: #ff0000;
}

.price {
    font-weight: bold;
    color: #F64C19;
}

.note, .err {
    color: #ff0000;
}

.has-error input {
    background-color: #f2dede;
}

div.dropdown.open .dropdown-menu {
    display: table;
    width: 100%;
    text-align: center;
    left: 0;
    right: 0;
}

.dropdown-menu > div, .dropdown-menu > ul {
    display: table-cell;
}


.top-button.dropdown {
    position: initial;
}

.dropdown-menu {
    background: #ffffff;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    margin-top: 0px;
    position: fixed;
    top: 108px;
    bottom: 0;
    left: 0;
    right: 0;
    overflow-y: auto;
    padding: 0;
    width: 100%;
}

.menu-backdrop {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(33, 32, 32, .77);
    z-index: 999998;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.menu-ico {
    display: block;
    width: 100%;
    height: 48px;
    background-repeat: no-repeat;
    background-position: center center;
}

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

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

.left {
    text-align: left !important;
}

.status.nova {
    background-color: #FFFFBB;
}

.status.zpracovani {
    background-color: #66CCFF;
}

.status.zpracovana {
    background-color: #CCFFCC;
}

.status.vyrizeno-castecne {
    background-color: #99FF66;
}

.status.vyrizeno {
    background-color: #66CC33;
}

.status.storno {
    background-color: #DDDDDD;
}

.list-group-item.active,
.list-group-item.active:focus,
.list-group-item.active:hover {
    background-color: #21A8EA;
    border: 1px solid #098DCC;
}

.footer {
    color: #ffffff;
    text-align: center;
    padding: 50px 20px 90px 20px;
    line-height: 16px;
    background: #4263AB;
    background: linear-gradient(270deg, rgba(66, 99, 171, 1) 0%, rgba(24, 52, 118, 1) 100%);
}

body.layout-minimized .footer {
    background: none;
    padding: 0 0 45px 0;
}

.footer-contact {
    width: 100%;
    max-width: 300px;
    margin: 0 auto 50px auto;
}

body.layout-minimized .footer-contact {
    margin: 0px auto;
}

body.layout-minimized .footer-contact-wrapper {
    padding: 25px 15px;
    background: #4263AB;
    background: linear-gradient(270deg, rgba(66, 99, 171, 1) 0%, rgba(24, 52, 118, 1) 100%);
    margin-bottom: 25px;
}

.footer .contact-portrait {
    display: inline-block;
    width: 63px;
    height: 63px;
    background: url('/img/ft-petra.png') center center no-repeat;
    margin-right: 20px;
    position: relative;
    vertical-align: top;
    background-size: cover;
    border-radius: 50%;
}

body.layout-minimized .footer .contact-portrait {
    width: 40px;
    height: 40px;
}

.footer .contact-portrait .glyphicon {
    position: absolute;
    top: 47px;
    left: 47px;
    font-size: 18px;
}

body.layout-minimized .footer .contact-portrait .glyphicon {
    font-size: 13px;
    top: 27px;
    left: 33px;
}

.footer .contact-info {
    display: inline-block;
    text-align: left;
    vertical-align: top;
}

.footer .contact-info h5 {
    margin-bottom: 5px;
    margin-top: 0;
    font-weight: 600;
}

body.layout-minimized .footer .contact-info h5 {
    display: none;
}

.footer .contact-info .glyphicon {
    opacity: 56%;
    margin-right: 10px;
    font-size: 14px;
    line-height: 20px;
}

body.layout-minimized .footer .footer-payments {
    width: 100%;
    max-width: 285px;
    padding: 0 10px;
    margin: 0px auto;
}

body.layout-minimized .footer .footer-payments div {
    background: url('/img/ft-payments.png') center center no-repeat;
    background-size: contain;
    width: 100%;
    padding-top: 6.5%;
}

.footer .footer-logo {
    width: 115px;
    height: 18px;
    margin: 30px auto 0 auto;
    background: url('/img/logo-mono-small.png') center center no-repeat;
    background-size: contain;
    opacity: 0.5;
}

body.layout-minimized .footer .footer-logo {
    background: url('/img/logo-mono-small.png') center center no-repeat;
    background-size: contain;
    filter: brightness(0) saturate(100%) invert(63%) sepia(0%) saturate(651%) hue-rotate(136deg) brightness(96%) contrast(88%);
}

.footer .copyright {
    margin: 12px auto 15px auto;
    line-height: 18px;
    font-size: 12px;
    opacity: 56%;
}

body.layout-minimized .footer .copyright {
    color: #989898;
    opacity: 1;
}

.footer a {
    color: #ffffff;
}

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

#json-load {
    margin: 15px auto;
    display: block;
}

p.video {
    text-align: center;
    padding: 20px 0 20px 0;
}

video {
    background-color: #000;
}

video::-internal-media-controls-download-button {
    display: none;
}

video::-webkit-media-controls {
    overflow: hidden !important;
}

video::-webkit-media-controls-enclosure {
    width: calc(100% + 32px);
    margin-left: auto;
}

.gwt-SuggestBoxPopup {
    line-height: 1.5em;
}

/*
*	*	*	*	*	*	*	*	*	*	*	*	*
	formular callback
*	*	*	*	*	*	*	*	*	*	*	*	*
*/

#callback-overlay {
    background-color: #fff;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1000000;
    overflow: auto;
    padding: 60px 10px 10px 10px;
}

#callback-overlay #callback-close {
    color: #fff;
    font-size: 30px;
    position: absolute;
    right: 5px;
    top: 8px;
    z-index: 2;
}

#callback-button-wrapper {
    text-align: center;
    margin-bottom: 5px;
}

#callback-title {
    background: rgb(33, 86, 142);
    background: linear-gradient(99deg, rgba(33, 86, 142, 1) 0%, rgba(20, 117, 219, 1) 100%);
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 45px;
}

#callback-title span {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    width: 100%;
    box-sizing: border-box;
    padding: 0px 45px 0px 10px;
    z-index: 1;
}

/*
*	*	*	*	*	*	*	*	*	*	*	*	*
	menu
*	*	*	*	*	*	*	*	*	*	*	*	*
*/
.top-wrapper {
    background: #234295;
    background: linear-gradient(91deg, rgba(35, 66, 149, 1) 0%, rgba(42, 68, 132, 1) 100%);
    display: block;
    padding: 0 10px 12px 10px;
    position: relative;
    z-index: 999999;
}

.top-control {
    display: flex;
    padding-left: 15px;
    padding-right: 15px;
    gap: 10px;
}

.top-button {
    width: auto;
    display: inline-block;
    color: #ffffff;
    text-align: center;
    margin-top: 17px;
    margin-bottom: 5px;
    vertical-align: top;
}

#kosik {
    position: relative;
    margin-right: 10px;
}

.top-button .kosik-count {
    position: absolute;
    top: 11px;
    left: 18px;
    color: #ffffff;
    font-size: 9px;
    border-radius: 20px;
    width: 16px;
    height: 16px;
    font-weight: 600;
    text-align: center;
    background: #EB552C;
    line-height: 16px;
    margin-right: 5px;
}

.top-button > a, .top-button.open > a {
    display: inline-block;
    font-size: 20px;
    text-align: center;
    padding: 0px 5px;
}

.top-button.open {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.top-button a {
    color: #21A8EA;
}

.top-button .top-menu-open {
    display: block;
}

.top-button .top-menu-close {
    display: none;
}

.top-button.open .top-menu-open {
    display: none;
}

.top-button.open .top-menu-close {
    display: block;
}

.top-button .input-group {
    width: 100%;
}

.top-button .input-group > input:first-of-type {
    -webkit-border-top-left-radius: 5px !important;
    -webkit-border-bottom-left-radius: 5px !important;
    -moz-border-radius-topleft: 5px !important;
    -moz-border-radius-bottomleft: 5px !important;
    border-top-left-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
    border: 1px solid #fff;
    font-size: 16px;
}

.top-button .input-group-btn {
    width: 10px !important;
}

.top-button .button {
    background-color: #21A8EA;
    color: #fff;
    font-size: 16px;
}

.top-button#menu {
    color: #fff;
    background-color: #53689C;
    border-radius: 12px;
    margin-top: 10px;
    height: 37px;
    width: 42px;
    text-align: center;
    line-height: 37px;
}

.top-button#menu a.dropdown-toggle {
    color: #fff;
    vertical-align: middle;
    position: relative;
    top: -2px;
}

.top-button#menu .glyphicon.top-menu-open, .top-button#menu .glyphicon.top-menu-close {
    color: #fff;
    font-size: 15px;
}

.logo-block {
    text-align: center;
    flex-grow: 1;
}

#vyhledavani {
    padding-top: 5px;
}

body.layout-minimized #vyhledavani {
    display: none !important;
}

#vyhledavani .vyhledavani-input {
    width: 100%;
    display: flex;
    flex-direction: row;
}

#vyhledavani .btn {
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -webkit-border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 0px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    background-color: #ffffff;
    height: 39px;
}

#vyhledavani .btn .glyphicon {
    color: #000000;
    font-size: 18px;
}

#hledany_vyraz {
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-top-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-topleft: 0;
    -moz-border-radius-bottomleft: 0;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    padding: 3px 6px;
    font-size: 16px;
    font-weight: 500;
    border: 0;
    height: 39px;
    box-shadow: none;
    flex-grow: 1;
}

#vyhledavani .vyhledavani-cancel {
    display: none;
}

#vyhledavani .vyhledavani-clear {
    display: none;
}

#vyhledavani #naseptavac-recent {
    display: none;
}

#vyhledavani.expanded {
    background: #fff;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0 10px;
    display: flex;
    flex-direction: column;
    line-height: 18px;
}

#vyhledavani.expanded .vyhledavani-form {
    display: flex;
    flex-direction: row;
    padding: 10px;
}

#vyhledavani.expanded .vyhledavani-input {
    flex-grow: 1;
}

#vyhledavani.expanded .vyhledavani-cancel {
    display: block;
    line-height: 39px;
    color: #2667AD;
    padding: 0 10px 0 15px;
    font-size: 14px;
}

#vyhledavani.expanded .btn {
    border-top: 1px solid #E2E2E2;
    border-bottom: 1px solid #E2E2E2;
    border-left: 1px solid #E2E2E2;
}

#vyhledavani.expanded #hledany_vyraz {
    border-top: 1px solid #E2E2E2;
    border-bottom: 1px solid #E2E2E2;
    border-right: none;
    color: #000;
    border-radius: 0 !important;
}

#vyhledavani.expanded .vyhledavani-clear {
    display: block;
    line-height: 42px;
    height: 39px;
    font-size: 24px;
    color: #c5c5c5;
    padding: 0 12px;
    border-top: 1px solid #E2E2E2;
    border-bottom: 1px solid #E2E2E2;
    border-right: 1px solid #E2E2E2;
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
}

#vyhledavani.expanded #naseptavac-recent {
    display: block;
}

#vyhledavani .naseptavac-title {
    margin: 15px 0 10px 5px;
    font-size: 13px;
    color: #BFBFBF;
    line-height: 18px;
    font-weight: 500;
}

#vyhledavani .naseptavac-recent-vyraz {
    font-size: 15px;
    color: #000;
    line-height: 18px;
    font-weight: 500;
    padding: 10px 18px 10px 15px;
    border: 1px solid #EBEBEB;
    border-radius: 10px;
    margin-right: 5px;
    margin-bottom: 5px;
    position: relative;
    display: inline-block;
}

#vyhledavani .naseptavac-recent-vyraz .sicon {
    color: #BFBFBF;
    margin-right: 6px;
    font-size: 12px;
}

#vyhledavani .naseptavac-produkt {
    border: 1px solid #E8E8E8;
    border-radius: 4px;
    padding: 8px 8px 8px 14px;
    margin-bottom: 7px;
}

#vyhledavani .naseptavac-produkt a {
    display: flex;
    height: 38px;
    align-items: center;
}

#vyhledavani .naseptavac-produkt a span {
    line-height: 19px;
    overflow: hidden;
    padding-left: 20px;
    color: #000;
    font-weight: 600;
    height: 38px;
}

#vyhledavani .naseptavac-zarizeni {
    border: 1px solid #E8E8E8;
    border-radius: 10px;
    padding: 8px 8px 8px 14px;
    margin-bottom: 7px;
    padding: 10px 10px 10px 15px;
}

#vyhledavani .naseptavac-zarizeni a {
    color: #000;
    display: flex;
    align-items: center;
    font-weight: 500;
}

#vyhledavani .naseptavac-zarizeni .nazev-zarizeni {
    flex-grow: 1;
}

#vyhledavani .naseptavac-zarizeni .count {
    background-color: #F0F0F0;
    border-radius: 10px;
    padding: 0 10px;
}

#vyhledavani .naseptavac-zarizeni .sicon {
    color: #BFBFBF;
    font-size: 18px;
    margin-right: 9px;
}

#vyhledavani .naseptavac-kategorie {
    border: 1px solid #EFEFEF;
    background: #F7F7F7;
    border-radius: 10px;
    font-weight: 500;
    width: 100%;
    max-width: 300px;
    padding: 10px 10px 10px 15px;
    margin-bottom: 6px
}

#vyhledavani .naseptavac-kategorie a {
    color: #000;
    display: flex;
    align-items: center;
}

#vyhledavani .naseptavac-kategorie .sicon {
    color: #BFBFBF;
    font-size: 16px;
    margin-right: 7px;
}

#vyhledavani .naseptavac-submit {
    text-align: center;
    color: #2667AD;
    line-height: 20px;
    font-size: 14px;
}

#suggest-box {
    display: none;
    width: 100%;
    overflow-y: auto;
    flex-grow: 1;
    padding-bottom: 20px;
}

#vyhledavani.expanded #suggest-box {
    display: block;
}

#vyhledavani .vyhledavani-submit {
    display: none;
}

#vyhledavani.expanded .vyhledavani-submit {
    display: block;
    border-top: 1px solid #EDEDED;
    padding: 15px 10px;
    width: calc(100% + 20px);
    margin-left: -10px;
}

#vyhledavani .vyhledavani-submit-button {
    background-color: #FF6C00;
    padding: 10px;
    font-weight: 500;
    color: #fff;
    font-size: 14px;
    border-radius: 4px;
    text-align: center;
    line-height: 20px;
    cursor: pointer;
}

#vyhledavani .vyhledavani-submit-button .sicon {
    margin-right: 9px;
}

.vyhledavani-skupina ul {
    list-style: none;
    padding-left: 0;
}

.vyhledavani-skupina li {
    border: 1px solid #EBEBEB;
    font-weight: 500;
    padding: 10px 10px 10px 15px;
    border-radius: 10px;
}

.vyhledavani-skupina li .sicon {
    margin-right: 9px;
    color: #BFBFBF;
    font-size: 18px;
}

.vyhledavani-skupina li a {
    color: #000;
    display: flex;
    align-items: center;
}

.vyhledavani-skupina.vyhledavani-kategorie li {
    background: #F7F7F7;
}

#logo {
    width: 100%;
    height: 100%;
    max-height: 30px;
    margin-top: 14px;
    text-align: left;
}

#logo a {
    display: inline-block;
    height: 100%;
    width: 100%;
    max-width: 150px;
    background: url('/img/logo-orange.png') no-repeat left center;
    margin: 0;
    background-size: contain;
}

.top-wrapper .glyphicon {
    color: #ffffff;
    font-size: 19px;
}

.top-wrapper .zakaznik-menu-icon {
    font-size: 21px;
}

ul.main-menu {
    width: 100%;
    margin: 0px;
    padding: 0px;
    text-align: left;
    display: block;
}

ul.main-menu li {
    list-style-type: none;
    display: block;
}

ul.main-menu li.parent {
    position: relative;
}

ul.main-menu li.parent .menu-item > span {
    position: absolute;
    width: 50px;
    height: 100%;
    top: 0;
    right: 0;
    text-align: center;
    line-height: 50px;
}

ul.main-menu li:not(:last-child) {
    border-bottom: 1px solid #E0E0E0;
}

ul.main-menu .submenu-static {
    padding-left: 0;
    display: none;
    background: #F5F8FF;
    padding-bottom: 5px;
}

ul.main-menu .submenu-static .menu-item {
    padding-left: 69px;
}

ul.main-menu .menu-item {
    font-size: 14px;
    display: block;
    width: 100%;
    color: #186fcc;
    font-weight: 700;
    height: 100%;
    padding-left: 59px;
    padding-right: 50px;
    background-repeat: no-repeat;
    background-size: 35px 35px;
    background-position: 10px center;
    line-height: 49px;
    height: 49px;
}

ul.main-menu .menu-item.static-item {
    background: #F5F8FF;
    color: #343434;
    position: relative;
}

ul.main-menu .menu-item.static-item .sicon {
    font-size: 20px;
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
}

ul.main-menu .menu-item#menu-login {
    height: auto;
    display: flex;
    justify-content: center;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 30px;
}

ul.main-menu .menu-item#menu-login > div {
    flex-grow: 1;
    position: relative;
}

ul.main-menu .menu-item#menu-login > div.loading:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.4);
}

ul.main-menu .menu-item#menu-login .login-error {
    color: #ff0000;
    padding: 10px 5px;
}

ul.main-menu .menu-item > div {
    line-height: 15px;
    display: inline-block;
    vertical-align: middle;
}

ul.main-menu li.menu-categories {
    background-color: #21A8EA;
}

ul.main-menu li.menu-categories ul {
    padding: 0px 30px;
}

ul.main-menu .menu-categories-more {
    display: inline-block;
    color: #BFBFBF;
    vertical-align: middle;
    font-size: 13px;
}

ul.main-menu .menu-categories-less {
    display: none;
    color: #000000;
    vertical-align: middle;
    font-size: 13px;
    transform: rotate(90deg);
}

ul.main-menu li.parent.open .menu-categories-more {
    display: none;
}

ul.main-menu li.parent.open .menu-categories-less {
    display: inline-block;
}

ul.main-menu .menu-subcategories {
    display: none;
}


.flash-msg {
    padding: 5px 10px;
}

#breadcrumbs {
    clear: both;
    margin: 0;
    font-size: 14px;
}

#breadcrumbs a {
    display: block;
    padding: 10px 0 10px 14px
}

#breadcrumbs .breadcrumb-arrow {
    font-size: 15px;
}

#footer-menu {
    text-align: left;
    width: 100%;
    max-width: 350px;
    margin: 0 auto 50px auto;
}

body.layout-minimized #footer-menu {
    display: none;
}

#footer-menu h5 {
    color: #96C2EF;
    font-size: 14px;
    font-weight: 600;
    margin: 0 0 12px 0;
}

#footer-menu .footer-menu-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

#footer-menu ul {
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style: none;
    vertical-align: top;
}

#footer-menu ul li {
    margin-bottom: 10px;
}

/*
*	*	*	*	*	*	*	*	*	*	*	*	*
	hlavni vypis kategorii
*	*	*	*	*	*	*	*	*	*	*	*	*
*/

.pagination-wrapper {
    padding-left: 5px;
    padding-right: 5px;
}

.pagination {
    margin: 5px 0px 0px 0px;
}

.pagination > li > a {
    min-width: 40px;
    border-radius: 4px !important;
    margin: 0 3px !important;
    border-color: #EBEBEB;
    color: #000000;
}

.pagination .first a {
    margin-right: 34px !important;
}

.pagination .first a::after {
    font-family: 'sicon';
    content: "\e91d";
    position: absolute;
    right: -26px;
    color: #BFBFBF;
}

.pagination .last a {
    margin-left: 34px !important;
}

.pagination .last a::before {
    font-family: 'sicon';
    content: "\e900";
    position: absolute;
    left: -26px;
    color: #BFBFBF;
}

.pagination > .active > a, .list-group > .active > a,
.pagination > .active > a:focus, .list-group > .active > a:focus,
.pagination > .active > a:hover, .list-group > .active > a:hover,
.pagination > .active > span, .list-group > .active > span,
.pagination > .active > span:focus, .list-group > .active > span:focus,
.pagination > .active > span:hover, .list-group > .active > span:hover {
    background: #1E4AA1;
    border: 1px solid #1E4AA1;
}

.accessories-model {
    padding-left: 5px;
    padding-right: 5px;
}

.accessories-model .model-wrapper {
    margin: 5px auto;
    padding: 5px;
    background: #d7e5fc;
    text-align: center;
    font-size: 18px;
    color: #000;
    text-shadow: 0px 0px 5px rgba(255, 255, 255, 1);
}

.accessories-model .model-wrapper img {
    float: left;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3);
    margin-right: 5px;
}

.accessories-model .model-wrapper button {
    margin: 5px 5px;
    font-weight: bold;
}

.accessories-model .model-wrapper .btn-yes {
    background-color: #21A8EA;
    border: 1px solid #098DCC;
    color: #fff;
}

.accessories-model .model-wrapper .btn-no {
    color: #333;
    background-color: #ededed;
    border: 1px solid #ccc;
}

.submenu {
    padding: 0px;
}

.submenu .submenu-button {
    border: 1px solid #35ABE1;
    text-align: center;
    display: block;
    width: 100%;
    height: 100%;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px;
    padding: 10px 0px;
    color: #fff;
    background-color: #00b7ea;
}

.main-ban {
    margin-top: 15px;
}

.akce-tydne {
    background-color: #fff;
    border: 1px solid #e0e0e0;
    position: relative;
    margin: 10px 5px;
    clear: both;
    overflow: hidden;
    text-align: center;
}

.akce-inner {
    overflow-x: auto;
    -ms-overflow-x: auto;
    overflow-y: hidden;
    -ms-overflow-y: hidden;
    padding: 10px 0px;
    white-space: nowrap;
    width: 100%;
}

.akce-tydne .shadow {
    position: absolute;
    width: 10px;
    height: 400px;
    top: 0;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear;
}

.akce-tydne .shadow.invis {
    width: 0px;
}

.akce-tydne .shadow-left {
    background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#26000000', endColorstr='#00000000', GradientType=1); /* IE6-9 */
    left: 0;
}

.akce-tydne .shadow-right {
    background: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.15) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.15) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.15) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#26000000', GradientType=1); /* IE6-9 */
    right: 0;
}

.akce-tydne .prod {
    width: 40%;
    padding: 10px;
    box-sizing: border-box;
    display: inline-block;
}

.akce-tydne .prod a {
    display: block;
    color: #000;
}

.akce-tydne .prod .discount {
    position: absolute;
    top: -5px;
    left: -5px;
    display: block;
    width: 36px;
    height: 36px;
    color: #000;
    background-color: #ffdb31;
    font-weight: bold;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    font-size: 12px;
    line-height: 36px;
}

.akce-tydne .pr-image {
    position: relative;
    width: 100%;
    max-width: 250px;
    margin: 0px auto;
}

.akce-tydne .pr-image img {
    width: 100%;
    max-width: 250px;
    height: auto;
}

.akce-tydne .pr-name {
    white-space: normal;
    font-weight: bold;
    height: 42px;
    margin: 5px 0px;
    overflow: hidden;
}

.akce-tydne .pr-price {
    font-weight: bold;
}

.akce-tydne .pr-price .price {
    font-size: 110%;
}

.akce-tydne .pr-price .old-price {
    color: #888;
    font-size: 90%;
    text-decoration: line-through;
}

#category {
    margin-top: 10px;
    clear: both;
    padding: 5px;
    display: flex;
    flex-wrap: wrap;
}

#category > [class*='col-'], .submenu > [class*='col-'] {
    padding: 0px 10px;
}

#category .category-row {
    padding: 2px;
}

#category a {
    color: #009CDD;
    background-color: #fff;
    border-bottom: 1px solid #dedede;
    padding: 5px 10px;
    display: block;
    height: 100%;
}

#category .glyphicon {
    color: #009CDD;
    background-color: #fff;
    border-bottom: 1px solid #dedede;
    padding: 5px 10px;
    display: block;
    height: 100%;
}

.cat-button {
    position: relative;
    display: block;
    width: 100%;
    font-size: 15px;
    padding: 0px 50px 0px 110px;
    font-weight: bold;
}

.cat-button .cat-cell {

}

.cat-text {
    vertical-align: middle;
    text-align: center;
    display: block;
}

.ajax-load-more-wrapper {
    text-align: center;
    margin: 15px 0px;
    height: 46px;
}

.ajax-load-more-wrapper.loading {
    background: #EEEEFF url(/img/ajax-search-load-more.gif) center center no-repeat;
    border: 1px solid #CCDDFF;
}

#load-more {
    font-weight: bold;
    color: #fff;
    text-decoration: none;
}

.ajax-loading-error {
    margin: 5px 0px;
    color: #FF3333;
    text-align: center;
}

#proc-nakoupit {
    margin-top: 10px;
    padding: 0px 5px;
}

#proc-nakoupit .proc-nakoupit-inner {
    background-color: #FFFFFF;
    background-image: linear-gradient(bottom, #EEEEEE 0px, #FFFFFF 40px);
    background-image: -moz-linear-gradient(bottom, #EEEEEE 0px, #FFFFFF 40px);
    background-image: -o-linear-gradient(bottom, #EEEEEE 0px, #FFFFFF 40px);
    background-image: -webkit-linear-gradient(bottom, #EEEEEE 0px, #FFFFFF 40px);
    line-height: 180%;
    border: 1px solid #e0e0e0;
    padding: 20px;
}

#proc-nakoupit ul {
    display: block;
    margin: 10px 0 10px 0;
    padding: 0;
    list-style: none;
}

#proc-nakoupit li {
    margin: 0;
    padding: 0 0 0 25px;
    background: url('/img/vyhoda.png') left 3px no-repeat;
}

/*
*	*	*	*	*	*	*	*	*	*	*	*	*
	vsechny kategorie
*	*	*	*	*	*	*	*	*	*	*	*	*
*/

#category-submenu-show-more {
    clear: both;
}

.category-submenu-wrapper.collapsed .category-submenu-inner {
    max-height: 275px;
    overflow: hidden;
    position: relative;
}

.category-submenu-wrapper .category-submenu-inner {
    max-height: initial;
}

.category-submenu-wrapper.collapsed .category-submenu-inner:after {
    display: block;
    content: "";
    width: 100%;
    height: 20px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 75%);
    position: absolute;
    bottom: 0;
}

.category-submenu-wrapper #category-submenu-show-more .show-more,
.category-submenu-wrapper #category-submenu-show-more .show-less {
    display: block;
    text-align: center;
    width: 100%;
    color: #2667AD;
    font-size: 14px;
    padding: 15px;
}

.category-submenu-wrapper:not(.collapsed) #category-submenu-show-more .show-more,
.category-submenu-wrapper.collapsed #category-submenu-show-more .show-less {
    display: none;
}

.category-submenu {
    padding-left: 2px;
    padding-right: 2px;
}

.category-submenu a {
    position: relative;
    display: block;

}

.category-submenu a span {
    position: absolute;
    top: 50%;
    left: 50px;
    transform: translateY(-50%);
    margin-right: 5px;
    max-height: 54px;
    overflow: hidden;
}

.category-detail {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.info-wrapper .category-all .category-item {
    padding: 5px;
}

.info-wrapper .category-all .category-item a {
    display: block;
    border-color: #a5c9ff;
    border-style: solid;
    border-width: 1px 2px 2px 1px;
    padding: 10px 5px;
    font-size: 17px;
    font-weight: bold;
    background-color: #f9faff;
}

#cat-banner {
    text-align: center;
    padding: 0;
}

#cat-banner a {
    display: inline-block;
}

#cat-banner img {
    width: 100%;
    max-width: 737px;
}

#kategorie-text #kategorie-text-inner {
    margin-bottom: 10px;
}

#kategorie-text.collapsed {
    height: 5em;
    overflow: hidden;
}

#kategorie-text-show-more {
    text-align: center;
    border-top: 1px solid #CCCCCC;
    padding-bottom: 10px;
    position: relative;
}

#kategorie-text-show-more.collapsed::before {
    position: absolute;
    content: "";
    display: block;
    height: 20px;
    width: 100%;
    top: -21px;
    left: 0;
    background: rgb(255, 255, 255);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 75%);
}

#kategorie-text-show-more .show-more:hover, #kategorie-text-show-more .show-less:hover {
    text-decoration: none;
}

#kategorie-text-show-more .show-more, #kategorie-text-show-more .show-less {
    margin: 0px auto;
    padding: 10px 20px;
    cursor: pointer;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    text-align: center;
    text-decoration: underline;
    background: #EEE;
}

#kategorie-text-show-more .show-more {
    display: none;
}

#kategorie-text-show-more .show-less {
    display: inline-block;
}

#kategorie-text-show-more.collapsed .show-more {
    display: inline-block;
}

#kategorie-text-show-more.collapsed .show-less {
    display: none;
}

/*
*	*	*	*	*	*	*	*	*	*	*	*	*
	detail kategorie
*	*	*	*	*	*	*	*	*	*	*	*	*
*/
#product-sticky {
    position: fixed;
    bottom: 0;
    left: 0;
    font-weight: bold;
    width: 100%;
    background-color: #F2F6FE;
    border-top: 1px solid #d5d8de;
    z-index: 999997;
    opacity: 0;
    height: 0;
}

#product-sticky.expanded {
    height: auto;
    border-top: 1px solid #d5d8de;
    z-index: 999997;
    opacity: 100;

}

.product-sticky-inner {
    padding: 10px 30px 20px 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.product-sticky-availability {
    text-align: left;
    font-weight: 500;
    line-height: 20px;
    font-size: 14px;
}

.product-sticky-availability:first-letter {
    text-transform: uppercase;
}

.product-sticky-availability .sticky-price {
    color: #000000;
    font-weight: 700;
    font-size: 16px;
}

.product-sticky-availability .sticky-price-old {
    font-size: 0.8em;
    color: #666;
    font-weight: normal;
    text-decoration: line-through;
    display: inline-block;
}

.product-sticky-buy {
    max-width: 156px;
    width: 50%;
}

#add-to-cart-button-sticky, .product-buy-button .add-to-cart-button {
    width: 100%;
    min-width: 90px;
}

.add-to-cart-button .glyphicon {
    font-size: 14px;
    margin-right: 15px;
}

.button-gray,
a.button-gray:hover,
a.button-gray:active,
a.button-gray:visited {
    display: block;
    text-align: center;
    font-size: 13px;
    padding: 14px;
    max-width: 400px;
    border-radius: 4px;
    background-color: #393939;
    color: #fff !important;
    width: 100%;
    font-weight: 300;
    border: 0;
}

.button-gray:focus {
    background-color: #1475db;
}

.button-gray.hide {
    display: none;
}

.parametry-wrapper input, .parametry-wrapper select {
    font-size: 18px;
}

.parametry-wrapper {
    padding: 10px;
    color: #555;
    font-size: 18px;
}

.parametry-wrapper h2 {
    color: #2da4dc;
    font-size: 20px;
    margin: 0px;
    padding: 20px 0px 10px;
}

.parametry-wrapper h2:not(:first-child) {
    border-top: 1px solid #ddd;
    clear: both;
}

.param-group {
    padding: 0px 20px;
}

.filter-wrap.hide {
    display: none;
}

.filter-wrap {
    display: block;
    background-color: #fff;
    width: 100%;
    min-height: 100%;
    border: 1px solid #999;
    padding: 10px;
}

.radio-inline {
    margin-right: 10px;
    margin-bottom: 5px;
}

.radio-inline + .radio-inline {
    margin-left: 0px;
}

#vyber-razeni {
    padding-left: 0px;
    padding-right: 0px;
    margin-top: 10px;
}

#vyber-razeni .btn-group-sm > .btn, #vyber-razeni .btn-sm {
    border-radius: 4px;
}

#vyber-razeni .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

#vyber-razeni .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0;
}

#vyber-razeni .btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.product-dlazdice {
    padding-left: 5px;
    padding-right: 5px;
    margin-top: 5px;
}

.product-dlazdice.neaktivni {
    opacity: 0.6;
}

.product-preview {
    border-top: 1px solid #EDEDED;
    /*border-bottom: 1px solid #EDEDED;*/
    position: relative;
    height: 100%;
    padding: 0px 14px !important;
}

.product-preview .glyphicon.box-icon {
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -7px;
}

a.product-link {
    color: #006494;
    display: block;
    background-color: #fff;
    padding: 18px 2px;
    min-height: 120px;
    position: relative;
    height: 100%;
}

.product-image-wrapper {
    float: left;
    display: block;
    margin-right: 18px;
    width: 33%;
    max-width: 300px;
    min-width: 130px;
    position: relative;
}

.product-image-wrapper img {
    width: 100%;
    height: auto;
    max-width: 300px;
    border-radius: 10px;
    border: 1px solid #F7F7F7;
}

.product-image-wrapper .discount {
    font-size: 12px;
    position: absolute;
    /*top: 3px;
    left: 3px;*/
    display: block;
    width: 36px;
    height: 36px;
    padding: 11px 0 0 0;
    color: #000;
    background-color: #ffdb31;
    text-align: center;
    font-weight: bold;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    line-height: 18px;
}

.product-image-wrapper .discount {
    font-size: 12px;
    position: absolute;
    bottom: 0;
    right: 0;
    display: block;
    width: 38px;
    height: 27px;
    padding: 11px 0 0 0;
    color: #000;
    background-color: #ffdb31;
    text-align: center;
    font-weight: 600;
    /* -webkit-border-radius: 20px; */
    -moz-border-radius: 20px;
    border-radius: 10px 0;
    line-height: 7px;
}

.product-info {
    display: block;
    margin-top: 0px;
}

.product-info .product-headline {
    color: #000000;
    font-size: 14px;
    line-height: 18px;
    font-weight: bold;
    display: block;
    width: auto;
    margin-bottom: 10px;
}

.product-info .product-sale {
    color: #f64c19;
    font-size: 16px;
    margin-bottom: 10px;
    display: block;
    font-weight: 500;
}

.product-bottom {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
}

.product-bottom .product-avail-price {
    display: contents;
}

.product-bottom .product-avail {
    font-size: 13px;
    margin-bottom: 10px;
    width: auto !important;
    font-weight: 500;
    line-height: 1.2em;
}

.product-bottom .product-avail.stock {
    color: #008600 !important;
}

.product-bottom .product-avail.order {
    color: rgba(153, 153, 153, 1) !important;
}

.product-bottom .product-avail.preorder {
    color: rgba(0, 156, 221, 1) !important;
}

.product-bottom .product-avail.discont {
    color: rgba(204, 0, 0, 1) !important;
}

.product-bottom .product-price {
    color: #000;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}

.product-bottom .product-price .product-price-old {
    font-size: 0.7em;
    color: #666;
    font-weight: normal;
    text-decoration: line-through;
}

.product-bottom .product-price .product-price-old-placeholder {
    font-size: 0.7em;
    color: #fff;
}

.product-bottom .add-to-cart-button {
    min-width: 140px;
    font-size: 14px;
}

.product-summary {
    display: flex;
    flex-wrap: nowrap;
}


.product-link .stars-wrapper {
    margin: 5px 0;
    color: #000;
    font-size: 14px;
    font-weight: 500;
}

.product-link .stars-wrapper .stars-count {
    color: #9A9A9A;
    font-size: 12px;
    margin-left: 5px;
}

.product-link .stats-wrapper {
    padding: 5px;
    text-align: center;
    color: #0589c8;
    background-color: #e4f2f9;
    border-radius: 3px;
    border: 1px solid #8fc9e6;
    font-weight: bold;
    margin-top: 10px;
}

.product-link .product-desc {
    color: #000;
    line-height: 1.3em;
    margin-top: 14px;
}


.product-info .product-detail-link {
    margin-top: 10px;
    font-weight: bold;
}

/*
*	*	*	*	*	*	*	*	*	*	*	*	*
	produkty vyrobce
*	*	*	*	*	*	*	*	*	*	*	*	*
*/

.info-inner h1 {
    font-size: 24px;
    margin-top: 0;
}

.info-inner h2 {
    font-size: 20px;
    margin-top: 0;
}

.info-inner h3 {
    font-size: 18px;
    margin-top: 0;
}

.info-inner .manufac-desc {
    line-height: 120%;
}

.info-inner .manufac-desc img {
    float: left;
}

.info-inner .manufac-categories {
    clear: both;
}

.info-inner .manufac-categories a {
    display: inline-block;
    margin: 1px 5px;
}

.info-inner.manufac-list ul {
    padding: 0;
    margin: 0;
}

.info-inner.manufac-list li {
    margin-top: 1px;
    margin-bottom: 1px;
    float: left;
    display: block;
    width: 25%;
    text-align: center;
    font-size: 17px;
    font-weight: 500;
    margin-bottom: 20px;
}

.info-inner.manufac-list li a {
    display: block;
}

.info-inner.manufac-list li .vyrobce-logo {
    width: 100%;
    height: 90px;
    margin-bottom: 10px;
    line-height: 90px;
}


.info-inner img, .info-inner iframe {
    max-width: 100%;
    height: auto;
}

/*
*	*	*	*	*	*	*	*	*	*	*	*	*
	detail produktu
*	*	*	*	*	*	*	*	*	*	*	*	*
*/

.product-detail-wrapper {
    padding: 0;
    margin: 0px auto;
}

.product-detail-wrapper h1.product-detail-header {
    font-size: 20px;
    padding: 5px 0;
    margin: 0;
}

.product-detail-wrapper h4 {
    font-size: 18px;
    line-height: 26px;
    font-weight: 600;
    margin: 20px 0 12px 0;
}

.product-detail-wrapper h4.delimited {
    padding-top: 25px;
    padding-left: 15px;
    padding-right: 15px;
    border-top: 1px solid #EBEBEB;
    width: calc(100% + 30px);
    position: relative;
    left: -15px;
}

.product-detail-wrapper a {
    text-decoration: underline;
}

.product-detail-inner {
    padding: 0 15px
}

.product-detail-wrapper .product-top-stripe {
    display: flex;
    justify-content: space-between;
    line-height: 25px;
    margin-bottom: 10px;
}

.product-detail-wrapper .product-top-stripe a {
    white-space: nowrap;
}

.product-detail-wrapper .product-top-stripe > div {
    display: inline-block;
}

.product-detail-wrapper .product-top-stripe > div > div {
    display: inline-block;
    vertical-align: middle;
}

.product-detail-wrapper .top-stripe-stars {
    color: #FFDD21;
    position: relative;
    white-space: nowrap;
    display: inline-block;
    font-family: "sicon";
}

.product-detail-wrapper .top-stripe-stars:after {
    content: "\e920\e920\e920\e920\e920";
}

.product-detail-wrapper .top-stripe-stars > div {
    position: absolute;
    top: 0;
    left: 0;
    white-space: nowrap;
    overflow: hidden;
}

.product-detail-wrapper .top-stripe-stars > div:before {
    content: "\e909\e909\e909\e909\e909";
}

.product-detail-wrapper .top-stripe-rating {
    font-weight: 500;
    margin: 0 6px;
    display: inline-block;
}

.product-detail-wrapper .top-stripe-pn {
    color: #BFBFBF;
}

.product-detail-wrapper .top-stripe-button-share {
    font-size: 20px;
    padding-left: 15px;
    color: #2667AD;
    position: relative;
}

.product-detail-wrapper #product-content {
    width: calc(100% + 30px);
    margin-left: -15px;
    padding-top: 20px;
}

.product-detail-wrapper #popis .delimiter {
    width: calc(100% + 30px);
    margin-left: -15px;
}

.list-group-horizontal .list-group-item {
    display: inline-block;
    margin-bottom: 0;
    margin-left: -5px;
    margin-right: 0;
}

.list-group-horizontal .list-group-item:first-child {
    border-top-right-radius: 0;
    border-bottom-left-radius: 4px;
}

.list-group-horizontal .list-group-item:last-child {
    border-top-right-radius: 4px;
    border-bottom-left-radius: 0;
}

.product-detail-wrapper .product-detail-photo {
    max-width: 390px;
}

.product-detail-wrapper .product-detail-photo-inner {
    margin-bottom: 30px;
    text-align: center;
    position: relative;
    padding-top: 90%;
}

.product-detail-wrapper .product-detail-photo-inner .stuha {
    position: absolute;
    left: 10px;
    top: 10px;
    background: #FF8E00;
    color: #fff;
    padding: 5px 10px;
    font-size: 14px;
    line-height: 18px;
    z-index: 10;
    border-radius: 10px;
}

.product-detail-wrapper .product-detail-photo .photo-gift-link {
    display: block;
    width: 60px;
    height: 60px;
    position: absolute;
    bottom: 0px;
    right: 0px;
    background: url('/img/darky-maly.png');
    z-index: 9;
}

.product-detail-wrapper .product-detail-photo .photo-gift-link.hu {
    background: url('/img/darky-maly-hu.png');
}

#darek {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 9;
}

#darek.darek-pad {
    right: 65px;
}

#product-photo-gallery {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    z-index: 999999;
    padding: 30px 0 0 0;
    display: none;
}

#product-photo-gallery .photo-gallery-close {
    text-align: center;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 50px;
    height: 50px;
    z-index: 2;
}

#product-photo-gallery .photo-gallery-close .sicon {
    text-align: center;
    position: absolute;
    right: 13px;
    top: 10px;
    font-size: 14px;
    line-height: 26px;
    width: 26px;
    height: 26px;
    border-radius: 20px;
    cursor: pointer;
    color: #060F20;
    background: #D2DBEC;
    z-index: 2;
}

#product-photo-gallery .photo-gallery-wrapper {
    height: 100%;
    display: flex;
    flex-direction: column;
}

#product-photo-gallery .swiper {
    width: 100%;
}

#product-photo-gallery .gallery-photo {
    flex-grow: 1;
    padding: 0 15px 15px 15px
}

#product-photo-gallery .gallery-thumbs {
    background: #FCFCFC;
    padding: 15px;
    height: 80px;
    flex-shrink: 0;
}

#product-photo-gallery .gallery-thumbs .swiper-slide {
    width: 60px;
    height: 60px;

}

#product-photo-gallery .gallery-thumbs .swiper-slide img {
    border-radius: 5px;
    border: 2px solid transparent;
    box-sizing: content-box;
}

#product-photo-gallery .gallery-thumbs .swiper-slide.swiper-slide-thumb-active img {
    border-color: #2567AC;
}

#product-photo-gallery .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #2567AC;
}

#product-photo-gallery .swiper-pagination-bullet {
    background: #ededed;
}

.product-detail-wrapper .product-photo-wrapper {
    position: absolute;
    width: 100%;
    max-width: 390px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.product-detail-wrapper .product-photo-wrapper:not(.owl-loaded) {
    display: block;
    text-align: left;
}

.product-detail-wrapper .product-photo-wrapper:not(.owl-loaded) > img:not(:first-child) {
    display: none;
    max-width: 88.5%;
}

.product-detail-wrapper .product-photo-wrapper .owl-stage {
    margin-left: -20px;
}

.product-detail-wrapper .product-photo-main {
    width: 100%;
    height: auto;
    border: 1px solid #F7F7F7;
    border-radius: 4px;
}

.product-detail-wrapper .product-photo-main.item-video {
    padding-top: 100%;
    position: relative;
}

.product-detail-wrapper .product-photo-main.item-video .owl-video-wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.product-detail-wrapper .avail-main {
    font-size: 16px;
    line-height: 20px;
    font-weight: bold;
    text-align: left;
    margin-bottom: 5px;
}

.product-detail-wrapper .avail-main:first-letter {
    text-transform: uppercase;
}

.product-detail-wrapper .avail-info {
    font-size: 14px;
    font-weight: bold;
}

#zbozi-pripravujeme {
    max-width: 390px;
    padding: 15px;
    margin-bottom: 30px;
    background: #FCFCFC;
}

#zbozi-pripravujeme .term-altern {
    margin: 0px auto;
}

.product-detail-wrapper .product-alt {
    width: 100%;
    max-width: 390px;
    margin: 15px auto;
}

.product-detail-wrapper .product-alt img {
    max-width: 100%;
    border: 1px solid #F7F7F7;
    border-radius: 4px;
}

.product-detail-wrapper .product-alt-rating {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    margin: 11px 0 3px 0;
}

.product-detail-wrapper .product-alt-title {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    color: #000000;
}

.product-detail-wrapper .product-alt-bottom {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    margin-top: 10px;
    font-size: 12px;
    line-height: 18px;
    font-weight: 500;
}

.product-detail-wrapper .product-alt-bottom .add-to-cart-button {
    width: 49px;
    height: 33px;
    text-align: center;
}

.product-detail-wrapper .product-alt-bottom .add-to-cart-button .glyphicon {
    margin: 0;
}

.product-detail-wrapper .product-detail-main-info {
    width: calc(100% + 30px);
    margin-left: -15px;
}

.product-detail-wrapper .product-detail-pricing {
    text-align: left;
    max-width: 390px;
    position: relative;
    background: #FCFCFC;
    border: 1px solid #EBEBEB;
    border-bottom: 0;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 20px 20px 5px 20px;
}

.product-detail-wrapper .product-buy {
    width: calc(100% + 30px);
    position: relative;
    margin-left: -15px;
    border: 1px solid #EDEDED;
    padding: 15px 20px 10px 30px;
    max-width: 420px;
}

.product-detail-wrapper .product-buy .product-price {
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
}

.product-detail-wrapper .product-buy .product-price .price-old {
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
    text-decoration: line-through;
}

.product-detail-wrapper .product-buy-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap;
    max-width: 390px;
}

.product-detail-wrapper .product-buy .product-buy-button {
    width: 50%;
    max-width: 156px;
}

#product-highlights {
    margin: 20px 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    font-family: "Serial", sans-serif;
    width: 100%;
    position: relative;
    max-width: 390px;
}

#product-highlights .highlight {
    display: flex;
    align-items: center;
    gap: 10px;
}

#product-highlights .highlight-icon {
    color: #dfdfdf;
    font-size: 40px;
}

#product-highlights .highlight-text {
    font-size: 14px;
    font-weight: bold;
}

#product-highlights .highlight-text-additional {
    font-size: 12px;
    font-weight: 500;
    color: #dfdfdf;
}

#product-highlights .highlight-text-additional .sicon {
    font-size: 20px;
    margin-right: 10px;
}


.product-detail-wrapper .price-value-no-vat {
    color: #999;
    margin-bottom: 5px;
}


.product-detail-wrapper .product-detail-pricing .add-to-cart {
    text-align: center !important;
    padding: 5px 0px;
    clear: both;
}

.add-to-cart-button {
    width: 156px;
    height: 39px;
    border: 0;
    border-radius: 50px;
    background: #FE3D1C;
    color: #fff;
    font-weight: 500;
    text-align: center;
    font-size: 15px;
}

.add-to-cart-button .glyphicon {
    font-size: 14px;
    margin-right: 10px;
    opacity: 68%;
}

.product-detail-wrapper .darek {
    background-position: center top;
    text-align: center;
}

.product-detail-wrapper .darek .darek-info {
    font-weight: bold;
    color: #ff0000;
}

.product-detail-wrapper .darek table {
    margin: 0px auto;
    border-spacing: 5px 0px;
    border-collapse: separate;
    font-weight: bold;
    text-align: left;
}

.product-detail-wrapper .stock-main {
    color: #008600;
    font-weight: bold;
    padding: 15px 0px 10px 0px;
    text-align: center !important;
}

.product-detail-wrapper .stock-main-status {
    text-transform: uppercase;
    font-size: 20px;
}

.product-detail-wrapper .stock {
    font-weight: 500;
    font-size: 14px;
    width: 100%;
    line-height: 18px;
}

.product-detail-wrapper .stock td {
    padding-bottom: 5px;
    vertical-align: top;
    width: 30%;
}

.product-detail-wrapper .stock td:first-child {
    width: 50%;
}

.product-detail-wrapper .stock td:last-child {
    width: 20%;
}

#kompatibilni-selector {
    position: relative;
    max-width: 390px;
}

#kompatibilni-selector-overlay {
    display: none;
    width: 100vw;
    position: fixed;
    max-width: 100vw;
    left: 50%;
    margin-left: -50vw;
    height: 100vh;
    top: 50vh;
    margin-top: -50vh;
    z-index: 99;
    background: rgba(0, 0, 0, 0.3);
}

#kompatibilni-selector-body {
    border: 1px solid #EDEDED;
    padding: 10px;
    border-radius: 4px;
    margin: 25px 0;
    background: #fff;
}

#kompatibilni-selector-body.expanded {
    position: fixed;
    top: 2%;
    bottom: 2%;
    left: 2%;
    right: 2%;
    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.29);
    z-index: 100;
    overflow-y: auto;
    z-index: 9999999;
}

#kompatibilni-selector .kompatibilni-title {
    font-size: 14px;
    font-weight: 500;
    color: #a0a0a0;
    line-height: 20px;
    margin-bottom: 15px;
}

#kompatibilni-selector .kompatibilni-item {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #000000;
    cursor: pointer;
}

#kompatibilni-selector-body .kompatibilni-arrow {
    order: 4;
}

#kompatibilni-selector-body.expanded .kompatibilni-item.selected:after {
    display: block;
    color: #3B9800;
    content: "\e938";
    font-family: 'sicon' !important;
    font-size: 19px;
}

#kompatibilni-selector-body .kompatibilni-arrow span {
    color: #000000;
    font-size: 14px;
    display: none;
}

#kompatibilni-selector-body:not(.expanded) .kompatibilni-arrow-closed,
#kompatibilni-selector-body.expanded .kompatibilni-arrow-open {
    display: block;
}

#kompatibilni-selector-body.expanded .kompatibilni-item {
    padding-bottom: 10px;
}

#kompatibilni-selector-body:not(.expanded) .kompatibilni-zarizeni .kompatibilni-item:not(.selected),
#kompatibilni-selector-body:not(.expanded) .alternativy-zarizeni,
#kompatibilni-selector-body:not(.expanded) .kompatibilni-title {
    display: none;
}

#kompatibilni-selector .kompatibilni-item-img {
    width: 70px;
    height: 40px;
    text-align: center;
    flex-shrink: 0;
}

#kompatibilni-selector .kompatibilni-item-nazev {
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    max-height: 40px;
    overflow: hidden;
    flex-grow: 1;
}

#kompatibilni-selector .kompatibilni-item-subtitle {
    color: #a0a0a0;
    font-size: 12px;
    font-weight: 500;
}

#vyhody {
    font-size: 14px;
    width: 100%;
    max-width: 390px;
    margin: 30px 0 0 0;
}

#vyhody td {
    padding-top: 5px;
}

#vyhody .sicon {
    color: #58BF17;
    font-size: 16px;
    margin-right: 5px;
}

#vyhody #zaruka-detail {
    position: relative;
}

#vyhody #zaruka-detail span {
    border-bottom: 1px dotted #000;
    cursor: help;
}

.product-detail-wrapper #distributor-link {
    color: #000;
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
    display: flex;
    align-items: center;
    text-align: left;
    width: 100%;
    max-width: 390px;
    margin: 25px 0;
}

.product-detail-wrapper #distributor-link .sicon {
    font-size: 22px;
    color: #1475DA;
    margin-right: 8px;
}

#varianty2 {
    width: calc(100% + 30px);
    margin-left: -15px;
    overflow-x: auto;
    margin-bottom: 20px;
}

#varianty2 .varianty-wrapper {
    display: inline-block;
}

#varianty2 .varianty-inner {
    display: flex;
    padding-left: 15px;
    gap: 10px;
}

#varianty2 .varianta2 a {
    display: flex;
    flex-direction: column;
    height: 100%;
}

#varianty2 .varianta2 .alt-img {
    padding: 5px;
    border: 1px solid #EDEDED;
    border-radius: 4px;
    position: relative;
    margin-bottom: 8px;
}

#varianty2 .varianta2.aktivni .alt-img {
    border-color: #000;
    color: #2C4998;

}

#varianty2 .varianta2 .alt-img .sicon {
    position: absolute;
    bottom: 5px;
    right: 10px;
    background: #fff;
    border-radius: 50px;
}

#varianty2 .varianta2 .alt-status {
    color: #415ba2;
    font-weight: 500;
    margin-bottom: 3px;
    line-height: 1;
    flex-grow: 1;
}

#varianty2 .varianta2 .alt-cena {
    font-weight: bold;
    color: #000;
    font-size: 14px;
}

#varianty2 .varianta2.aktivni .alt-cena{
    color: #FE3D1C;
}

.product-detail-wrapper .product-detail-pricing .delivery-date {
    font-weight: bold;

}

#product-detail-submenu-delimiter {
    border-top: 1px solid #EDEDED;
    padding-top: 10px;
    width: calc(100% + 30px);
    margin-left: -15px;
}

#product-detail-submenu-stopper {
    height: 0;
    overflow: hidden;
    clear: both;
}

#product-detail-submenu-placeholder {
    height: 45px;
}

.product-detail-wrapper .product-detail-submenu {
    padding: 5px 0!important;
    text-align: left;
    position: relative;
    width: calc(100% + 30px);
    margin-left: -15px;
    margin-top: -1px;
    overflow-x: auto;
    transition: box-shadow 0.5s;
}

.product-detail-submenu a, #produkt-kategorie a {
    font-size: 13px;
    line-height: 17px;
    color: #000;
    display: inline-block;
    background: #FCFCFC;
    border: 1px solid #EBEBEB;
    border-radius: 4px;
    margin: 4px 6px 3px 0;
    padding: 8px 10px;
    font-weight: 500;
    transition: background-color 0.2s, color 0.2s;
    outline: 0;
}

.product-detail-submenu a.active {
    color: #FFFFFF;
    background: #272727;
}

.product-detail-wrapper .product-detail-submenu.fixed {
    background-color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999997;
    padding: 5px 0;
    -webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.4);
    box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.4);
    width: 100%;
    margin: 0;
}

.product-detail-submenu .product-detail-submenu-inner {
    position: relative;
    white-space: nowrap;
    padding: 0 15px;
    display: inline-block;
}

.product-detail-submenu.left::before {
    display: block;
    content: "";
    width: 10px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    background: rgb(255, 255, 255);
    background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
}

.product-detail-submenu.right::after {
    display: block;
    content: "";
    width: 10px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
    background: rgb(255, 255, 255);
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
}

.product-detail-wrapper .product-detail-content {
    line-height: 1.3;
}

.product-detail-wrapper .rating {
    text-align: center;
    border: 1px solid #EBEBEB;
    border-radius: 4px;
    padding: 20px 20px 0 20px;
    margin: 40px auto 20px auto;
    max-width: 1000px;
    background: #FCFCFC;
}

.product-detail-wrapper .rating .rating-box {
    margin-top: 10px;
}

.product-detail-wrapper .rating .rated {
    padding: 15px 0 20px 0;
    margin-bottom: 20px;
    border-bottom: 1px solid #EBEBEB;
    line-height: 25px;
}

.product-detail-wrapper .rating .rated a {
    color: #2667AD;
    text-decoration: underline;
    vertical-align: middle;
    display: inline-block;
    margin-left: 10px;
}

.product-detail-wrapper .rating .recommend-value {
    font-size: 20px;
    color: #34AAE2;
}

.product-detail-wrapper .rating .rated-value {
    font-size: 21px;
    color: #000;
    font-weight: bold;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    font-size: 25px;
}

.product-detail-wrapper .rating .stars {
    font-size: 18px;
    vertical-align: middle;
}

.product-detail-wrapper .rating .purchased {
    padding-top: 20px;
}

.product-detail-wrapper .rating .purchased-value {
    font-size: 40px;
    color: #34AAE2;
}

.product-detail-wrapper .rating .piechart {
    width: 63px;
    height: 63px;
    margin: 0px auto;
}

.product-detail-wrapper .rating .rating-subbox {
    margin-bottom: 20px;
    margin-top: 5px;
}

.product-detail-wrapper .rating .rating-value {
    color: #186FCC;
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 5px;
}

.product-detail-wrapper .rating .rating-text {
    font-size: 13px;
    display: block;
}

.product-detail-wrapper .rating .rating-text::first-letter {
    text-transform: capitalize;
}

.product-detail-wrapper .pn {
    line-height: 1.5em;
    padding: 0px 15px;
    margin-top: 20px;
}

.product-detail-wrapper .bundle-detail {
    display: flex;
    flex-flow: row wrap;
}

.product-detail-wrapper .bundle-detail .bundle-row {
    padding: 5px;
    color: #000;
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    flex-basis: 50%;
}

.product-detail-wrapper .bundle-detail .bundle-row a {
    border: 1px solid #EBEBEB;
    border-radius: 4px;
    display: flex;
    flex-direction: row;
    color: #000;
    padding: 5px;
    height: 100%;
}

.product-detail-wrapper .bundle-detail .bundle-img {
    margin-right: 5px;
    width: 65px;
    flex-shrink: 0;
}

.product-detail-wrapper .bundle-detail .bundle-img .count {
    position: absolute;
    display: block;
    bottom: 5px;
    left: 5px;
    font-weight: 600;
    font-size: 10px;
    line-height: 20px;
    color: #ffffff;
    background: #186FCC;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    text-align: center;
}

.product-detail-wrapper .bundle-detail .bundle-desc {
    flex-grow: 1;
}

.product-detail-wrapper .bundle-detail .bundle-stock {
    display: flex;
    justify-content: space-between;
    font-weight: normal;
    flex-direction: row-reverse;
}

.product-detail-wrapper .bundle-detail .bundle-stock .in-stock {
    font-weight: 500;
}

.product-detail-wrapper .description {
    line-height: 20px;
}

.product-detail-wrapper .description h2 {
    font-size: 20px;
    line-height: 26px;
    font-weight: 600;
    margin-bottom: 15px;
    margin-top: 20px;
}

.product-detail-wrapper .files a {
    font-size: 13px;
    line-height: 18px;
    color: #000;
    font-weight: 500;
    display: inline-block;
}

.product-detail-wrapper .files a .glyphicon {
    color: #186FCC;
    font-size: 20px;
}

.product-detail-wrapper .produkt-kompatibilni {
    line-height: 20px;
    position: relative;
    width: calc(100% + 30px);
    padding: 0 15px 15px 15px;
    left: -15px;
    margin-top: 15px;
}

.product-detail-wrapper .description img, .product-detail-wrapper .description iframe {
    max-width: 100%;
}

#description-show-more {
    padding-top: 10px;
    color: #2667AD;
    font-weight: 500;
    text-align: center;
    position: relative;
    font-size: 14px;
    line-height: 40px;
}

#description-show-more .glyphicon {
    color: #BFBFBF;
    font-size: 13px;
}

#description-show-more .show-more {
    display: none;
}

#description-show-more .show-more .glyphicon {
    transform: rotate(90deg);
    margin-left: 7px;
}

#description-show-more .show-less {
    display: block;
}

#description-show-more .show-less .glyphicon {
    transform: rotate(-90deg);
    margin-left: 7px;
}

.product-detail-wrapper .description .desc-short {
    display: none;
}

.product-detail-wrapper .description .desc-full {
    display: block;
}

.product-detail-wrapper .description.collapsed .desc-short {
    display: block;
}

.product-detail-wrapper .description.collapsed .desc-short.shortened {
    height: 60px;
    overflow: hidden;
    position: relative;
}

.product-detail-wrapper .description.collapsed .desc-short-overlay {
    width: 100%;
    height: 50%;
    background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
    position: absolute;
    bottom: 0;
}


.product-detail-wrapper .description.collapsed .desc-full {
    display: none;
}

#description-show-more.collapsed .show-more {
    display: block;
}

#description-show-more.collapsed .show-less {
    display: none;
}

.product-detail-wrapper .description .cameronsino-nahrady {
    padding-left: 5px;
}


.product-detail-wrapper .description .cameronsino-nahrady li {
    list-style: none;
    position: relative;
}

.product-detail-wrapper .description .cameronsino-nahrady li:before {
    content: "\e93a";
    font-family: 'sicon';
    color: #D5D5D5;
    font-size: 29px;
    vertical-align: middle;
    margin-right: 12px;

}

.product-detail-wrapper .produkt-kompatibilni ul {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
    margin: 30px 0 40px 0;
}

.product-detail-wrapper .produkt-kompatibilni ul li {
    list-style: none !important;
}

.product-detail-wrapper .produkt-kompatibilni ul li a {
    color: #000;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    display: block;
}

.product-detail-wrapper .produkt-kompatibilni ul li a img {
    max-width: 100%;
}

.product-detail-wrapper .blue-block {
    background: #1475DA;
    border-radius: 4px;
    padding: 20px 15px 35px 15px;
    color: #fff;
    font-size: 16px;
    font-style: italic;
    line-height: 24px;
    font-weight: 200;
}

.product-detail-wrapper .blue-block h2 {
    margin: 0 0 20px 0;
    font-style: normal;
    display: flex;
    align-items: center;
    font-size: 20px;
    line-height: 26px;
    font-weight: 600;
}

.product-detail-wrapper .blue-block .block-icon {
    opacity: 0.58;
    font-size: 38px;
    margin-right: 12px;
    transform: rotate(-90deg);
}

.product-detail-wrapper .blue-block .block-checkmark {
    color: #60E20E;
    font-size: 24px;
    margin-left: 10px;
}

.product-detail-wrapper .files a {
    display: block;
    padding: 5px;
}

.product-detail-wrapper #balicky-se-slevou .bundle-wrapper {
    margin-bottom: 10px;
    border: 1px solid #dddddd;
    padding: 5px;
}

.product-detail-wrapper #balicky-se-slevou .bundle-header {
    font-size: 16px;
}

.product-detail-wrapper #balicky-se-slevou .bundle-images .bundle-component {
    display: inline-block;
    width: 25%;
    max-width: 75px;
    position: relative;
}

.product-detail-wrapper #balicky-se-slevou .bundle-images .bundle-component.first {
    width: 20%;
    max-width: 60px;
}

.product-detail-wrapper #balicky-se-slevou .bundle-images .bundle-component .plus {
    display: table-cell;
    width: 20%;
    text-align: center;
}

.product-detail-wrapper #balicky-se-slevou .bundle-images .bundle-component a {
    display: table-cell;
    width: 80%;
    position: relative
}

.product-detail-wrapper #balicky-se-slevou .bundle-images .bundle-component a .count {
    position: absolute;
    font-weight: bold;
    color: #FF0000;
    bottom: 0;
    font-size: 16px;
}

.product-detail-wrapper #balicky-se-slevou .bundle-images .bundle-component img {
    width: 100%;
    height: auto;

}

.product-detail-wrapper #balicky-se-slevou .bundle-images .bundle-add-to-cart {
    float: right;
    width: 25%;
    max-width: 54px;
    position: relative;
}

.product-detail-wrapper #balicky-se-slevou .bundle-images .bundle-add-to-cart .bundle-cart-button {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 83.333%;
    transform: translateY(-50%);
}

.product-detail-wrapper #balicky-se-slevou .bundle-images .bundle-add-to-cart .dummy {
    margin-top: 100%;
}

.product-detail-wrapper #balicky-se-slevou .bundle-desc {
    clear: both;
}

.product-detail-wrapper #obsah-baleni {
    line-height: 1.5em;
}

#manufacturer {
    line-height: 20px;
}

#manufacturer h4 {
    position: relative;
    padding-right: 70px;
}

#manufacturer h4 img {
    position: absolute;
    top: 15px;
    right: 5px;
    width: 65px;
}

#manufacturer a {
    display: inline-block;
    padding: 8px 10px;
    background: #FCFCFC;
    border: 1px solid #EBEBEB;
    border-radius: 4px;
    color: #000000;
    font-size: 12px;
    font-weight: 500;
    margin-left: 10px;
    margin-top: 10px;
    line-height: 18px;
}

#manufacturer .vyrobce-kontakt {
    font-size: 12px;
    margin-top: 5px;
}

.diskuze-a-dotazy .comment-header {
    font-weight: 600;
}

.diskuze-a-dotazy .comment-title {
    font-weight: bold;
    margin-bottom: 3px;
}

.diskuze-a-dotazy .reagovat {
    text-align: right;
    padding: 5px 0px 10px 0px;
}

.diskuze-a-dotazy .reagovat a {
    background: #ffffff;
    border: 1px solid #EBEBEB;
    font-size: 12px;
    font-weight: 500;
    padding: 8px 10px;
    border-radius: 4px;
    color: #000000;
}


.diskuze-a-dotazy .comment-item .comment-inner {
    border: 1px solid #F5F5F5;
    padding: 15px;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 15px;
    border-radius: 4px;
    background: #FCFCFC;
    position: relative;
}

.diskuze-a-dotazy .comment-item .comment-item .comment-inner {
    width: calc(100% - 15px);
    margin-left: 15px;
}

.diskuze-a-dotazy .comment-item .comment-item .comment-inner::before {
    display: block;
    content: "";
    background: #FCFCFC;
    border-left: 1px solid #F5F5F5;
    border-top: 1px solid #F5F5F5;
    width: 15px;
    height: 15px;
    transform: rotate(45deg);
    position: absolute;
    left: 20px;
    top: -8px;
}

.diskuze-a-dotazy .comment-item.comment-sunnysoft > .comment-inner,
.diskuze-a-dotazy .comment-item.comment-sunnysoft > .comment-inner::before {
    background: #F2F6FE;
}

.diskuze-a-dotazy .comment-info {
    background-position: 0px 0px;
    background-repeat: no-repeat;
    font-size: 13px;
    line-height: 18px;
    background-size: contain;
    margin-top: 12px;
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
}

.diskuze-a-dotazy .comment-info .comment-author img {
    width: 80px;
}

.diskuze-a-dotazy .comment-info .comment-date {
    color: #BFBFBF;
}

.diskuze-a-dotazy .comment-header .comment-info {
    background-image: url('/img/comment.png');
}

.diskuze-a-dotazy .comment-sunnysoft-header .comment-info {
    background-image: url('/img/comment-sunnysoft.png');
}

.diskuze-a-dotazy #Diskuse_Captcha {
    width: 50px !important;
    display: inline-block !important;
}

.diskuze-a-dotazy form .errors {
    list-style: none;
    padding-left: 0;
    color: #cc3616;
    font-weight: bold;
}

.diskuze-a-dotazy form .form-group {
    position: relative;
}

.diskuze-a-dotazy form .form-group textarea,
.diskuze-a-dotazy form .form-group input[type=text] {
    border: 1px solid #AFAFAF;
    border-radius: 5px;
    padding: 10px 10px 10px 10px;
    font-size: 16px;
    line-height: 23px;
    height: auto;
}

.diskuze-a-dotazy form .form-group label + textarea,
.diskuze-a-dotazy form .form-group label + input[type=text] {
    padding-top: 30px;
}

.diskuze-a-dotazy form .form-group label {
    position: absolute;
    top: 10px;
    left: 11px;
    font-size: 12px;
    font-weight: 500;
    color: #BFBFBF;
}

.diskuze-a-dotazy form .form-group textarea[value=""] ~ label,
.diskuze-a-dotazy form .form-group input[value=""] ~ label {
    color: #000000;
}

.product-detail-wrapper .param-box {
    padding: 0px;
}

.product-detail-wrapper .param-box .param-header {
    font-size: 14px;
    line-height: 20px;
    color: #186FCC;
    font-weight: bold;
    padding: 10px 0 !important;
}

.product-detail-wrapper .param-box .params {
    width: calc(100% - 13px);
    max-width: 550px;
    font-size: 13px;
    line-height: 18px;
}

.product-detail-wrapper .param-box .params td,
.product-detail-wrapper .param-box .params th {
    padding: 3px 0px;
    vertical-align: top;
}

.product-detail-wrapper .param-box .params tr:nth-child(even) th,
.product-detail-wrapper .param-box .params tr:nth-child(even) td:not(.param-header) {
    background-color: #FCFCFC;
}

.product-detail-wrapper .param-box .params th {
    width: 50%;
    font-weight: bold;
    padding-right: 3px;
    padding-left: 13px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.product-detail-wrapper .param-box .params td:last-child {
    padding-right: 13px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.product-detail-wrapper .photo-thumbs {
    text-align: center;
}

.product-detail-wrapper .photo-thumbs img {
    margin: 0px 10px 10px 0px;
    max-width: 100%;
    height: auto;
}

.accessories-summary {
    font-size: 16px;
}

.accessories-summary table {
    border-spacing: 5px 5px;
    border-collapse: separate;
}

.accessories-summary table td:nth-child(2) {
    padding-bottom: 1px;
}

.accessories-summary table td.badge {
    display: table-cell;
    vertical-align: middle;
}

.accessories-summary td.badge a {
    background-color: #21A8EA;
    color: #fff;
    text-decoration: none;
}

.product-detail-wrapper .accessories-category {
    clear: both;
    margin-top: 20px;
    text-align: center;
}

.accessories-category .category-link {
    margin: 5px auto;
}

.product-detail-wrapper .accessories-category .accessories-item {
    width: 50%;
    float: left;
    padding: 5px;

}

.product-detail-wrapper .accessories-category .accessories-item a {
    text-decoration: none;
    border: 1px solid #ddd;
    display: block;
    padding: 3px;
    min-height: 50px;
    -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2);
}

.product-detail-wrapper .accessories-category .accessories-item img {
    float: left;
}

.product-detail-wrapper .accessories-category .accessories-item .acessories-item-header {
    font-weight: bold;
}

.product-detail-wrapper .accessories-category h2 {
    font-size: 20px;
    color: #F64C19;
    padding-top: 8px;
}

.product-detail-wrapper .review-wrapper {
    margin: 0px auto;
}

.product-detail-wrapper .review {
    border: 1px solid #F5F5F5;
    padding: 15px;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 15px;
    border-radius: 4px;
    background: #FCFCFC;
    position: relative;
}

.product-detail-wrapper .review.reaction {
    width: calc(100% - 30px);
    margin-left: 30px;
}

.product-detail-wrapper .review.reaction::before {
    display: block;
    content: "";
    background: #FCFCFC;
    border-left: 1px solid #F5F5F5;
    border-top: 1px solid #F5F5F5;
    width: 15px;
    height: 15px;
    transform: rotate(45deg);
    position: absolute;
    left: 20px;
    top: -8px;
}

.product-detail-wrapper .review .review-header {
    font-weight: 600;
    margin-bottom: 20px;
}

.product-detail-wrapper .review .review-header .stars {
    font-size: 15px;
}

.product-detail-wrapper .review .review-header .review-date {
    display: inline-block;
    font-size: 12px;
    color: #BFBFBF;
    font-weight: normal;
    float: right;
}

.product-detail-wrapper .review .review-text {
    line-height: 20px;
}

.product-detail-wrapper .review .review-pros, .product-detail-wrapper .review .review-cons {
    width: 50%;
    float: left;
    margin: 0px;
    padding-left: 0px;
}

.product-detail-wrapper .review .review-pros li {
    list-style-type: none;
    color: #000000;
    padding: 4px 0px 4px 23px;
    position: relative;
}

.product-detail-wrapper .review .review-pros li::before {
    content: "\e922";
    display: block;
    position: absolute;
    font-family: 'sicon';
    color: #58BF17;
    font-size: 16px;
    line-height: 16px;
    left: 0;
    top: 6px;
}

.product-detail-wrapper .review .review-cons li {
    list-style-type: none;
    color: #000000;
    padding: 4px 0px 4px 23px;
    position: relative;
}

.product-detail-wrapper .review .review-cons li::before {
    content: "\e923";
    display: block;
    position: absolute;
    font-family: 'sicon';
    color: #F43863;
    font-size: 16px;
    line-height: 16px;
    left: 0;
    top: 6px;
}

.product-detail-wrapper .review .review-author {
    margin-top: 20px;
    font-weight: 600;
    clear: both;
}

.product-detail-wrapper .review .review-author img {
    vertical-align: text-bottom;
    width: 80px;
}

.product-detail-wrapper .review .review-author > div {
    font-weight: normal;
    font-size: 12px;
    line-height: 18px;
}

.product-detail-wrapper .review .overeny-zakaznik .sicon {
    color: #2667AD;
    font-size: 13px;
}

.product-detail-wrapper .review .review-translated-disclaimer {
    color: #afafaf;
    font-size: 12px;
}

#produkt-kompatibilni .form-group {
    position: relative;
}

#produkt-kompatibilni .form-group .loading {
    display: none;
    background: rgba(255, 255, 255, 0.5) url('/img/gif/loading_models.gif') center center no-repeat;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

#produkt-kompatibilni .form-group .loading.active {
    display: block;
}

/*
*	*	*	*	*	*	*	*	*	*	*	*	*
	nakupni kosik
*	*	*	*	*	*	*	*	*	*	*	*	*
*/

@keyframes shimmer {
    0% {
        left: -100px;
    }

    100% {
        left: calc(100% + 100px);
    }
}

.cart-wrapper {
    padding: 5px 0px;
    margin: 0px auto;
    line-height: 1.3;
}

.cart-wrapper .cart-part-wrapper {
    position: relative;
}

.cart-wrapper .cart-part-wrapper .col-xs-12 {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 1px;
}

.cart-wrapper.reloading .shimmer {
    overflow: hidden;
    position: relative;
    -webkit-filter: blur(10px); /* Chrome, Opera, etc. */
    filter: url('blur.svg#blur'); /* Older FF and others - http://jordanhollinger.com/media/blur.svg */
    filter: blur(10px); /* Firefox 35+, eventually all */
}

.cart-wrapper.reloading .shimmer:after {
    display: block;
    content: "";
    width: 50px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9999;
    animation: shimmer 2s infinite;
    background: rgba(0, 0, 0, 0.3);
    -webkit-filter: blur(30px); /* Chrome, Opera, etc. */
    filter: url('blur.svg#blur'); /* Older FF and others - http://jordanhollinger.com/media/blur.svg */
    filter: blur(30px); /* Firefox 35+, eventually all */
}


.cart-wrapper h3 {
    font-size: 20px;
    line-height: 26px;
    margin: 0;
}

.cart-wrapper h4 {
    font-size: 12px;
    line-height: 18px;
    margin: 15px 0 10px 0;
    color: #BFBFBF;
}

.cart-wrapper .cart-product-block {
    border: 1px solid #BABABA;
    border-radius: 4px;
    display: flex;
    padding: 2px;
    margin-bottom: 12px;
}

.cart-wrapper .cart-product-block.gift {
    margin: 0 8px 12px 8px;
    border: 1px solid #EFE94C;
    background: #FFFDC3;
    font-size: 12px;
    position: relative;
}

.cart-wrapper .cart-product-block.gift.virtual {
    font-size: 13px;
    font-weight: 500;
}

.cart-wrapper .cart-product-block.gift:after {
    display: block;
    content: "";
    background: #FFFDC3;
    border-top: 1px solid #EFE94C;
    border-left: 1px solid #EFE94C;
    transform: rotate(45deg);
    position: absolute;
    width: 10px;
    height: 10px;
    top: -6px;
    left: 20px;
    z-index: 2;
}

.cart-wrapper .cart-product-block.gift .cart-product {
    padding: 8px 18px 3px 12px;
}

.cart-wrapper .cart-product-block.gift.virtual .cart-product {
    padding: 13px;
    display: flex;
    justify-content: space-between;
}

.cart-wrapper .cart-product-block.gift .cart-product-headline {
    margin-bottom: 0;
}

.cart-wrapper .cart-product-block.gift .cart-product-headline a {
    font-size: 12px;
    line-height: 18px;


}

.cart-wrapper .cart-product-photo {
    width: 25%;
    max-width: 100px;
    z-index: 3;
    flex-shrink: 0;
    display: flex;
    align-items: center;
}

.cart-wrapper .cart-product-photo a {
    display: block;
}

.cart-wrapper .cart-product-photo a img {
    width: 100%;
    border-radius: 4px;
    height: auto;
}

.cart-wrapper .cart-product {
    flex-grow: 1;
    padding: 8px 18px 10px 12px;
}

.cart-wrapper .cart-product-headline {
    display: flex;
    margin-bottom: 10px;
}

.cart-wrapper .cart-product-headline a {
    flex-grow: 1;
    color: #000000;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
}

.cart-wrapper a.remove-from-cart {
    flex-grow: 0;
    position: relative;
    left: 8px;
}

.cart-wrapper .remove-from-cart span {
    font-size: 24px;
    font-weight: bold;
}

.cart-wrapper .cart-product-amount {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 8px;
}

.cart-wrapper .cart-product-available {
    line-height: 34px;
    font-weight: 500;
}

.cart-wrapper .summary-quantity {
    display: flex;
    line-height: 32px;
    border: 1px solid #EBEBEB;
    border-radius: 4px;
}

.cart-wrapper .summary-quantity span {
    display: block;
    width: 25px;
    font-weight: 500;
    font-size: 18px;
    text-align: center;
}

.cart-wrapper .cart-product-quantity {
    width: 40px;
    border: 0;
    box-shadow: none;
    text-align: center;
    font-weight: 500;
    margin: 0;
    padding: 0;
    -moz-appearance: textfield;
}

.cart-wrapper .cart-product-quantity::-webkit-outer-spin-button,
.cart-wrapper .cart-product-quantity::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.cart-wrapper .cart-product .summary-price {
    display: flex;
    justify-content: space-between;
    font-weight: 500;
}

.cart-wrapper .product-price-per-unit {
    color: #BFBFBF;
}

.cart-wrapper .product-price-per-total {
    padding-right: 5px;
}

.cart-wrapper .cart-update-wrapper {
    text-align: right;
    padding-right: 20px;
}

.cart-wrapper .cart-update {
    border: 0;
    background: none;
    box-shadow: none;
    padding: 0;
    font-size: 14px;
    text-align: right;
    color: #2667AD;
}

.cart-wrapper .cart-price-total {
    font-size: 16px;
    font-weight: 500;
    line-height: 23px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 30px;
    padding: 0 20px;
}

.cart-wrapper .cart-price-total .summary-price {
    text-align: right;
}

.cart-wrapper .cart-price-total .summary-price-vat {
    font-weight: bold;
}

.cart-wrapper .cart-price-total .summary-price-novat {
    font-size: 14px;
    line-height: 20px;
    color: #BFBFBF;
}

.kupon-wrapper-control {
    text-align: center;
    font-size: 14px;
    padding-top: 20px;
}

#celykupon-element label {
    font-size: 13px;
    font-weight: 500;
}

#pokladna-celykupon-kupon {
    border: 1px solid #AFAFAF;
    border-radius: 5px;
    font-size: 13px;
    line-height: 23px;
    padding: 3px 11px;
    height: auto;
    color: #555;
}

#pokladna-celykupon-overit {
    color: #333;
    border-radius: 4px;
    background: #FCFCFC;
    border: 1px solid #EBEBEB;
    font-weight: 500;
    font-size: 13px;
    padding: 3px 11px
}

.cart-wrapper .cart-row-group {
    margin-top: 13px;
}

.cart-wrapper .cart-row-group label, #contact-box .cart-row-group {
    display: flex;
    align-items: center;
}

#shipping-box, #payment-box {
    border: 1px solid #AFAFAF;
    border-radius: 5px;
    padding: 20px;
    margin: 29px 0 17px
}

#shipping-box .cart-change-selection, #payment-box .cart-change-selection {
    display: none;
}

#shipping-box.selected .cart-change-selection,
#payment-box.selected .cart-change-selection {
    display: block;
    text-align: center;
    margin-top: 10px;
    color: #2667AD;
}

#shipping-box.selected .dop:not(.selected),
#shipping-box .dop.disabled,
#payment-box.selected .plat:not(.selected),
#payment-box .plat.disabled,
#payment-box .plat.not-avail {
    display: none;
}

.cart-wrapper .dop-group-header {
    color: #BFBFBF;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    margin-top: 1px;
}

.cart-wrapper .dop-group-delimiter {
    width: 100%;
    height: 0;
    border-bottom: 1px solid #DFDFDF;
    margin: 20px 0;
}

#shipping-box.selected .dop-group-delimiter,
#shipping-box.selected .dop-group-header {
    display: none;
}

.cart-part-wrapper .list-group-item {
    border: 0;
    padding: 8px 0;
}

#contact-box .list-group-item, #cart-finish .list-group-item {
    padding: 0;
}

#shipping-box .shipping-info {
    display: none;
}

#shipping-box.danger {
    border: 1px solid #ff0000;
}

.cart-wrapper .box-option-description {
    display: none;

}

.cart-wrapper .dop.selected .box-option-description,
.cart-wrapper .plat.selected .box-option-description {
    display: block;
    flex-basis: 100%;
}

.cart-wrapper .dop .price-no-vat,
.cart-wrapper .plat .price-no-vat {
    display: none;
}

.cart-wrapper .dop label,
.cart-wrapper .plat label {
    display: flex;
    margin-bottom: 0;
}

.cart-wrapper .dop label > span,
.cart-wrapper .plat label > span {
    display: block;
}

.cart-wrapper .radio-wrapper input {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    margin-right: 13px;
}

.cart-wrapper .doprava-logo,
.cart-wrapper .platba-logo {
    display: inline-block;
    height: 20px;
    vertical-align: middle;
    width: 75px;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: contain;
}

.cart-wrapper .doprava-logo [class^="sicon-"],
.cart-wrapper .platba-logo [class^="sicon-"] {
    color: #000000;
    font-size: 17px;
    opacity: 28%;
}

.cart-wrapper .delivery-date {
    color: #008600;
    font-weight: 500;
    white-space: nowrap;
}

.cart-wrapper .additional {
    flex-grow: 1;
    line-height: 20px;
}

.cart-wrapper .packeta-selector-wrapper {
    display: flex;
    font-size: 12px;
    font-weight: 500;
    color: #000000;
    padding: 7px 15px;
    border: 1px solid #EBEBEB;
    border-radius: 4px;
    margin-top: 5px;
}

.cart-wrapper .packeta-selector-wrapper > input {
    flex-grow: 1;
    border: none;
    box-shadow: none;
    font-size: 12px;
    line-height: 18px;
    padding: 0;
    margin: 0;
}

.cart-wrapper .packeta-selector-wrapper > span:after {
    content: "\e91f";
    color: #BFBFBF;
    font-family: 'sicon';
    font-size: 14px;
    display: block;
}

#packeta-widget-overlay {
    z-index: 9999999 !important;
}

.cart-wrapper .price {
    font-weight: 500;
    text-transform: capitalize;
    color: #000000;
    align-self: center;
    margin-left: auto;
}


#balikovny-overlay, #dpd-overlay {
    display: none;
    position: absolute;
    background-color: rgba(0, 0, 0, .5);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9999;
}

#balikovny-window, #dpd-window {
    padding: 15px;
    font-size: 13px;
    line-height: 13px;
    position: fixed;
    background-color: #fff;
    z-index: 99999;
    width: calc(98% - 30px);
    height: calc(98% - 30px);
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: left;
    border-radius: 5px;
}

#balikovny-iframe, #dpd-iframe {
    width: 100%;
    height: 100%;
    border: none;
}

#balikovny-window #balikovna-header {
    height: 40px;
    background: url('/img/footer/loga/balikovna-large.png') center center no-repeat;
    background-size: contain;
    margin-bottom: 5px;
    position: relative;
}

#balikovny-window #balikovna-header .zpet-na-vyber {
    display: none;
}

#balikovny-window .balikovny-window-close, #dpd-window .dpd-window-close {
    display: block;
    width: 30px;
    height: 30px;
    top: -15px;
    right: -15px;
    cursor: pointer;
    background: url('/img/fancybox/fancy_close.png') center center no-repeat;
    position: absolute;
}

#balikovny-window .loading {
    display: block;
    width: 100%;
    height: 100%;
    background: url('/img/gif/loading_models.gif') center center no-repeat;
}

.pobocka-loader {
    width: 100%;
    height: 15px;
    padding: 10px 0px;
    background: url('/img/gif/loading_models.gif') center center no-repeat;
}

#balikovny-window .pobocka-select-button {
    background-color: #F64C19;
    border: 0;
    color: #fff;
    cursor: pointer;
    padding: 10px 16px;
    font-size: 18px;
    border-radius: 6px;
    font-weight: 400;
}

#balikovny-window #balikovny-mapa {
    z-index: 1;
    height: calc(100% - 45px);
}

#balikovny-window #balikovny-naseptavac-wrapper {
    position: relative;
    width: 390px;
    z-index: 1000;
    float: left;
    height: calc(100% - 45px);
    margin-right: 15px;
}

#balikovny-window #balikovny-naseptavac {
    position: absolute;
    left: 0;
    top: 32px;
    width: 100%;
    background-color: #fff;
    max-height: 105px;
    overflow-y: auto;
    box-sizing: border-box;
    border: 1px solid #aaa;
}

#balikovny-window #balikovny-naseptavac .balikovny-naseptavac-pobocka {
    padding: 10px;
    box-sizing: border-box;
    height: 33px;
}

#balikovny-window #balikovny-naseptavac .balikovny-naseptavac-pobocka.valid {
    cursor: pointer;
}

#balikovny-window #balikovny-naseptavac .balikovny-naseptavac-pobocka:not(:last-child) {
    border-bottom: 1px solid #eee;
}

#balikovny-window #balikovny-list {
    position: absolute;
    top: 40px;
    bottom: 0;
    overflow: auto;
    width: 100%;
}

#balikovny-window #balikovny-list.loading {
    opacity: 0.5;
}

#balikovny-window .balikovna-pobocka {
    width: 100%;
    padding: 10px 5px;
    cursor: pointer;
    border-bottom: 1px solid #eee;
}

#balikovny-window .balikovna-pobocka:hover, #balikovny-window .balikovna-pobocka.active {
    background-color: #eee;
}

#balikovny-window .balikovna-pobocka .balikovna-pobocka-nazev {
    font-weight: bold;
    font-size: 15px;
}

#balikovny-window .balikovna-pobocka .balikovna-pobocka-nazev {
    font-size: 12px;
}

#balikovny-window #balikovna-select {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
}

#firemni_udaje_wrapper.hlaska-hidden #dph-warning {
    display: none;
}

#dph-warning {
    flex: 1 1 100%;
    box-shadow: 0px 3px 6px #00000029;
    border: 1px solid #BDCDE2;
    border-radius: 4px;
    padding: 12px 35px 12px 12px;
    font-size: 14px;
    position: relative;
    background: #fff;
    line-height: 20px;
    margin-bottom: 30px;
}

#dph-warning::after {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    position: absolute;
    top: -2px;
    left: 50%;
    background: #fff;
    border-left: 1px solid #BDCDE2;
    border-top: 1px solid #BDCDE2;
    transform: rotate(45deg) translateX(-50%);
}

#dph-warning .dph-warning-close {
    position: absolute;
    top: 5px;
    right: 10px;
    font-size: 18px;
}

@media (max-width: 795px) {

    #balikovny-window #balikovna-header {
        background-position-x: right;
    }

    #balikovny-window #balikovna-header .zpet-na-vyber.focused {
        font-size: 16px;
        display: inline-block;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        padding-left: 20px;
        background: url('/img/img_left_gray.png') left center no-repeat;
    }

    #balikovny-window #balikovny-naseptavac-wrapper {
        width: 100%;
        float: none;
        margin: 0;
        display: none;
    }

    #balikovny-window #balikovny-naseptavac-wrapper.focused {
        display: block;
    }

    #balikovny-window #balikovny-mapa {
        display: none;
    }

    #balikovny-window #balikovny-mapa.focused {
        display: block;
    }

}

.form-label-group {
    position: relative;
    margin-top: 8px;
    padding-left: 0;
    padding-right: 0;
}

.form-label-group label {
    position: absolute;
    top: 9px;
    left: 12px;
    font-size: 12px;
    font-weight: 500;
    color: #BFBFBF;
}

.sunny-select-wrapper {
    position: relative;
    height: 61px;
    z-index: 999;
}

.form-label-group.sunny-radio-select {
    border: 1px solid #AFAFAF;
    border-radius: 5px;
    font-size: 16px;
    padding: 25px 13px 11px 13px;
    height: auto;
    background: #fff;
}

.sunny-radio-select.expanded {
    -webkit-box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.5);
}

.sunny-radio-select::before {
    font-family: 'sicon';
    content: "\e900";
    position: absolute;
    top: 25px;
    right: 13px;
    color: #BFBFBF;
    font-size: 14px;
    font-weight: normal;
}

.sunny-radio-select.expanded::before {
    transform: rotate(90deg);
    color: #000000;
}

.sunny-radio-select-value {
    padding-right: 20px;
}

.sunny-radio-select-option {
    position: relative;
}

.sunny-radio-select-option label {
    display: none;
}

.sunny-radio-select.expanded .sunny-radio-select-option {
    margin-top: 5px;
}

.sunny-radio-select.expanded .sunny-radio-select-option label {
    display: block;
    color: #000000;
    font-size: 16px;
    line-height: 23px;
    position: relative;
    left: initial;
    top: initial;
    margin: 0;
    padding: 5px;
    border-top: 1px solid #efefef;
}


.sunny-radio-select-option input[type="radio"] {
    display: none;
}

.form-label-group label.required:after {
    content: "*";
    display: inline-block;
}

.form-label-group label + div > input,
.form-label-group label + div > select,
.form-label-group label + div > textarea {
    border: 1px solid #AFAFAF;
    border-radius: 5px;
    font-size: 16px;
    line-height: 23px;
    padding: 25px 13px 11px 13px;
    height: auto;
}

.cart-wrapper .checkbox-wrapper {
    display: inline-block;
    margin-right: 13px;
}

.cart-wrapper .has-error .form-control {
    border-color: #F00F0F;
    background-color: inherit;
}

#cart-submit-button, .btn-submit {
    display: block;
    width: 100%;
    color: #ffffff;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    text-align: center;
    border: 0;
    box-shadow: none;
    padding: 17px;
    background: #FE3D1C;
    margin: 17px auto 21px auto;
    border-radius: 50px;
}

.btn-gray, .btn-gray:active, .btn-gray:visited {
    display: block;
    width: 100%;
    color: #000000;
    font-size: 14px;
    line-height: 20px;
    text-align: left;
    box-shadow: none;
    background: #FCFCFC;
    margin: 17px auto 21px auto;
    border-radius: 4px;
    border: 1px solid #EBEBEB;
    font-weight: bold;
    padding: 15px;
    white-space: normal;
    box-shadow: none;
}

.btn-gradient, .btn-gradient:active, .btn-gradient:visited {
    display: block;
    width: 100%;
    color: #ffffff;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    text-align: center;
    border: 0;
    box-shadow: none;
    padding: 17px;
    background: rgb(33, 86, 142);
    background: linear-gradient(95deg, rgba(33, 86, 142, 1) 0%, rgba(20, 117, 219, 1) 100%);
    margin: 17px auto 21px auto;
    border-radius: 4px;
    white-space: normal;
}

.cart-wrapper .cart-op {
    color: #A7A7A7;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
}

.cart-wrapper #souhrn {
    text-align: center;
    font-size: 16px;
    color: #a4a4a4;
    margin-top: 40px;
}

.cart-wrapper #souhrn .price {
    color: #a4a4a4;
}

.cart-wrapper #souhrn .smaller {
    font-size: 12px;
}

.cart-wrapper #souhrn #data {
    display: none;
}

/*
*	*	*	*	*	*	*	*	*	*	*	*	*
	info stranka
*	*	*	*	*	*	*	*	*	*	*	*	*
*/

.info-wrapper {
    padding: 5px 0;
}

.info-wrapper .info-inner {
    background-color: #fff;
    padding: 5px;
    line-height: 1.3em;
}

/*
*	*	*	*	*	*	*	*	*	*	*	*	*
	login
*	*	*	*	*	*	*	*	*	*	*	*	*
*/

form.main-login .form-group {
    vertical-align: top;
    text-align: left;
    word-wrap: normal;
}

form.main-login .form-group.login-submit {
    padding-top: 19px;
    max-width: 100%;
}

.user-login-buttons {
    max-width: 100%;
}

form.main-login #username, form.main-login #password {
    width: 250px;
}

.user-login-buttons a {
    color: #000;
    width: 100%;
    margin-bottom: 10px;
    background: #F2F8FF;
    border: none;
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    line-height: 14px;
    height: 48px;
}

.user-login-buttons .login-img {
    padding: 5px;
    background: #fff;
    border-radius: 50%;
}

/*
*	*	*	*	*	*	*	*	*	*	*	*	*
	formulare
*	*	*	*	*	*	*	*	*	*	*	*	*
*/

form ul.input-error {
    padding-left: 20px;
    color: #ff0000;
    position: relative;
}

form ul.input-error:not(:empty):before {
    font-family: 'sicon';
    content: "\e90a";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    color: #F00000;
    font-size: 13px;
}

form ul.input-error li {
    margin-top: 5px;
    list-style-type: none;
    font-weight: 500;
    font-size: 12px;
}

form#device-select img#zarizeni-loader {
    margin-top: 9px;
}

#device-select-show {
    text-align: center;
}

input[type=checkbox], input[type=radio] {
    margin-top: 0px !important;
}

/* fix kvuli smradlavejm iphonum... */
input[type="color"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
select:focus,
textarea {
    font-size: 16px;
}

/*
*	*	*	*	*	*	*	*	*	*	*	*	*
	parametry
*	*	*	*	*	*	*	*	*	*	*	*	*
*/

.params-wrapper {
    position: fixed;
    z-index: 999999;
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
}

.params-inner {
    background-color: #fff;
    width: 85%;
    height: 100%;
    overflow: auto;
    padding-top: 70px;
    transition: left 0.2s ease-out;
    left: -100%;
    position: absolute;
}

.params-inner.expanded {
    left: 0;
}

.params-inner h3 {
    background: #234295;
    background: linear-gradient(91deg, rgba(35, 66, 149, 1) 0%, rgba(42, 68, 132, 1) 100%);
    color: #fff;
    display: block;
    width: 85%;
    padding: 0 10px;
    margin: 0;
    height: 70px;
    position: fixed;
    left: -100%;
    top: 0;
    z-index: 6;
    border-bottom: 1px solid #ccc;
    line-height: 70px;
    transition: left 0.2s ease-out;
}

.params-inner.expanded h3 {
    left: 0;
}

.params-inner .close-params {
    float: right;
    line-height: 70px;
    font-size: 1.3em;
    color: #fff;
}

.params-wrapper h2 {
    margin-top: 0px;
}

.params-wrapper > div > div {
    padding-left: 0;
    padding-right: 0;
    clear: both;
}

.params-wrapper .params-button-submit {
    position: fixed;
    bottom: 0;
    width: 85%;
    background-color: #fff;
    z-index: 3;
}

.params-wrapper .params-button-submit .button-gray {
    width: 90%;
}

div.params-hider {
    text-align: center;
    padding: 0;
}

div.params-hider button, div.params-hider input {
    margin: 10px auto;
}

.selected-params {
    margin-bottom: 5px;
    border: 1px solid #F64C19;
    padding: 5px;
    -moz-box-shadow: inset 0 0 30px 1px #f4cfc6;
    -webkit-box-shadow: inset 0 0 30px 1px #f4cfc6;
    box-shadow: inset 0 0 50px 1px #f4cfc6;
    display: inline-block;
    text-align: left;
    background-color: #fff;
}

.selected-params .param-list {
    margin: 0;
    font-size: 0.9em;
}

.selected-params .param-list .param-list-name {
    font-weight: bold;
}

.selected-params .param-list a {
    display: inline-block;
    color: #333;
    background: #f4e1d7;
    padding: 4px 6px;
    margin: 1px 3px 1px 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-decoration: none;
}

.selected-params .param-list a .glyphicon {
    font-size: 0.8em;
    padding-left: 3px;
}

.filters {
    margin-bottom: 15px;
}

.filters.form-horizontal .form-group {
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}

.filters.form-horizontal .form-group:not(:last-child) {
    border-bottom: 1px solid #ededed;
}

.filters .filter-group-header {
    font-weight: bold;
    color: #000;
    padding: 10px 20px 10px 5px;
    position: relative;
    cursor: pointer;
}

.filters .filter-group-header .header-val-preview {
    color: #f00000;
    font-weight: normal;
    font-size: 12px;
    padding-left: 10px;
}

.filters .filter-group-body {
    padding: 5px;
}

.filters .filter-group-header .glyphicon {
    position: absolute;
    right: 5px;
    top: 50%;
    margin-top: -7px;
}

.filters .checkbox-inline {
    margin: 0px;
}

.filters .checkbox-inline:not(:last-child) {
    margin-right: 10px;
}

.filters .checkbox-inline label, .filters .radio-inline label {
    font-weight: normal;
}

.filters .filter-price #priceMinMax {
    background: #EEEEEE;
    width: calc(100% - 20px);
    height: 8px;
    position: relative;
    margin: 20px 10px;
    border-radius: 5px;
}

.filters .filter-price #priceMinMax .drag {
    background: #21568E;
    cursor: pointer;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    display: block;
    z-index: 5;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.filters .filter-price #priceMinMax .drag:after {
    display: block;
    content: "";
    width: 40px;
    height: 40px;
    background: #21568E;
    border-radius: 20px;
    opacity: 0;
    position: absolute;
    left: -10px;
    top: -10px;
    box-sizing: content-box;
    -webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
}

.filters .filter-price #priceMinMax .drag.active:after {
    opacity: 0.4;
}

.filters .filter-price #priceMinMax #priceRange {
    height: 100%;
    position: absolute;
    top: 0;
    background-color: #1475DB;
    border-radius: 5px;
}


.filters .filter-price #priceMinMax #priceMin {
    left: 0;
}


.filters .filter-price #priceMinMax #priceMax {
    right: 0%;
}

.filters #priceMinMaxValue #priceMinValue {
    font-size: 0.9em;
    color: #333;
    float: left;
}

.filters #priceMinMaxValue #priceMaxValue {
    font-size: 0.9em;
    color: #333;
    float: right;
}

/*
*	*	*	*	*	*	*	*	*	*	*	*	*
	ucet
*	*	*	*	*	*	*	*	*	*	*	*	*
*/

.info-wrapper .account-control {
    clear: both;
    padding-top: 15px;
}

.info-wrapper .account-control a.btn {
    color: #fff;
}

.info-wrapper .orders-list {
    width: 100%;
    max-width: 700px;
    margin: 0px auto;
}

.info-wrapper .orders-list .cena-wrapper {
    text-align: left;
    display: inline-block;
}

.info-wrapper .orders-list th {
    text-align: center;
    padding: 0px 3px;
}

.info-wrapper .orders-list td {
    padding: 5px 3px 5px 3px
}

.info-wrapper .status {
    display: inline-block;
    padding: 2px 4px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.info-wrapper .orders-list tr:nth-child(even) {
    background-color: #e7f6ff
}

#zasilky-vypis {
    width: 100%;
    max-width: 500px;
}

#vypis-objednavek {
    margin-top: 15px;
}

#vypis-objednavek .objednavka-item {
    margin-bottom: 10px;
    border: 1px solid #EBEBEB;
    border-radius: 10px;
    padding: 15px;
    font-size: 14px;
}

#vypis-objednavek a.objednavka-item,
#vypis-objednavek a.objednavka-item:hover,
#vypis-objednavek a.objednavka-item:active,
#vypis-objednavek a.objednavka-item:visited {
    color: #000;
    text-decoration: none;
    display: flex;
    flex-direction: column;
}

#vypis-objednavek .objednavka-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 600;
    font-size: 15px;
}

#vypis-objednavek .objednavka-header .sicon {
    font-weight: 600;
    font-size: 16px;
}

#vypis-objednavek .objednavka-header-datum {
    color: #bfbfbf;
    font-size: 13px;
    font-weight: 500;
    text-align: center;
}

#vypis-objednavek .objednavka-body {
    margin-top: 20px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 10px;
    align-items: center;
}

#vypis-objednavek .objednavka-doklady {
    font-size: 13px;
    font-weight: 500;
    width: 230px;
}

#vypis-objednavek .objednavka-polozky-obr {
    flex-grow: 1;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 18px;
}

#vypis-objednavek .objednavka-polozky-obr .objednavka-polozky-dalsi {
    font-size: 22px;
    color: #bfbfbf;
    font-weight: 500;
}

#vypis-objednavek .objednavka-stav {
    white-space: nowrap;
    display: inline-flex;
    gap: 8px;
    align-items: center;
    padding: 5px 10px;
    color: #FFFFFF;
    margin-left: 12px;
    font-size: 12px;
    border-radius: 4px;
    vertical-align: text-bottom;
    border-width: 1px;
    border-style: solid;
    font-weight: 500;
}
#vypis-objednavek .objednavka-stav .sicon {
    display: inline-block;
}

#vypis-objednavek .objednavka-stav span:first-letter {
    text-transform: uppercase;
}

#vypis-objednavek .objednavka-body-cena {
    text-align: right;
    font-size: 15px;
    font-weight: 600;
}

.info-wrapper .info-inner.order-detail {
    padding: 15px;
}

.info-wrapper .order-detail h1 {
    margin-top: 0;
}

.info-wrapper .order-detail .order-date {
    font-size: 14px;
    color: #bfbfbf;
    font-weight: 500;
    margin-bottom: 20px;
}

.info-wrapper .order-detail .order-date .status {
    display: inline-block;
    padding: 5px 10px;
    color: #FFFFFF;
    margin-left: 12px;
    font-size: 12px;
    border-radius: 4px;
    vertical-align: text-bottom;
    border-width: 1px;
    border-style: solid;
    font-weight: 500;
    vertical-align: middle;
}

.info-wrapper .order-detail .order-date .status .sicon {
    font-size: 12px;
    margin-right: 8px;
    display: inline-block;
    vertical-align: middle;
}

.info-wrapper .order-detail .order-date .status span {
    display: inline-block;
}

.info-wrapper .order-detail .order-date .status span:first-letter {
    text-transform: uppercase;
}

.info-wrapper .order-detail-products {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.info-wrapper .order-detail-products .order-detail-item {
    border: 1px solid #EBEBEB;
    border-radius: 4px;
    padding: 15px 15px 20px 10px;
}

.info-wrapper .order-detail-products .order-detail-item a {
    display: block;
    color: initial;
}

.info-wrapper .order-detail-products .order-product-info-row {
    display: flex;
    gap: 15px;
    justify-content: space-between;
}

.info-wrapper .order-detail-products .order-product-info-row:not(:last-child) {
    margin-bottom: 7px;
}

.info-wrapper .order-detail-products .order-detail-image {
    margin-bottom: 12px;
}

.info-wrapper .order-detail-products .order-product-name {
    max-height: 40px;
    overflow: hidden;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.info-wrapper .order-detail-products .order-product-bundle {
    padding-left: 10px;
    position: relative;
    top: -5px;
}

.info-wrapper .order-detail-products .order-product-bundle > div {
    max-height: 36px;
    line-height: 18px;
    font-weight: 500;
    margin-top: 5px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.info-wrapper .order-detail-products .order-product-amount {
    white-space: nowrap;
    font-size: 14px;
    font-weight: 500;
    color: #BFBFBF;
    line-height: 20px;
}

.info-wrapper .order-detail-products .order-product-state span {
    display: inline-block;
    padding: 5px 10px;
    border-radius: 4px;
    border-width: 1px;
    border-style: solid;
    border-color: #888888;
    color: #888888;
    background-color: rgba(136, 136, 136, 0.15);
    font-weight: 600;
    font-size: 12px;
}

.info-wrapper .order-detail-products .order-product-state span:first-letter {
    text-transform: uppercase;
}

.info-wrapper .order-detail-products .order-product-state span.ready {
    color: #4BC44B !important;
    border-color: #4BC44B;
    background-color: rgba(75, 196, 75, 0.15);
}

.info-wrapper .order-detail-products .order-product-state span.in-progress {
    color: #FF8E00 !important;
    border-color: #FF8E00;
    background-color: rgba(255, 142, 0, 0.15);
}

.info-wrapper .order-detail-products .order-product-state span.done:after {
    font-family: 'sicon' !important;
    display: inline-block;
    content: "\e916";
    vertical-align: middle;
    margin-right: 8px;
    float: left;
    line-height: 18px;
}

.info-wrapper .order-detail-products .order-product-price {
    font-size: 14px;
    font-weight: 600;
    white-space: nowrap;
}

.info-wrapper .order-detail-products .order-delivery-payment {
    font-size: 14px;
    font-weight: 600;
}

.info-wrapper .order-detail-products .order-delivery-payment .order-product-info-row:not(:last-child) {
    margin-bottom: 30px;
}

.info-wrapper .order-detail-products .order-delivery-payment a {
    font-weight: normal;
}

.info-wrapper .order-detail-products .order-total {
    padding: 17px 15px 10px 10px;
    display: flex;
    gap: 15px;
    justify-content: space-between;
    font-size: 15px;
    font-weight: 500;
}

.info-wrapper .order-detail-products .order-total-amount {
    text-align: right;
}

.info-wrapper .order-detail-products .order-total-price-vat {
    font-size: 14px;
    font-weight: bold;
    white-space: nowrap;
    margin-bottom: 3px;
}

.info-wrapper .order-detail-products .order-total-price {
    font-size: 12px;
    font-weight: 500;
    color: #BFBFBF;
}

.info-wrapper .order-detail-products .order-parcels {
    font-size: 14px;
    font-weight: 500;
}

.info-wrapper .order-detail-products .order-parcels > div {
    margin-bottom: 3px;
    display: flex;
    justify-content: space-between;
    gap: 15px;
}

.info-wrapper .order-detail-products .order-parcels a {
    font-weight: normal;
    color: #2667AD;
}

.info-wrapper .order-detail-products .order-parcels .parcel-time {
    font-size: 12px;
    text-align: right;
    color: #BFBFBF;
    white-space: nowrap;
}

.info-wrapper .order-detail-products .order-detail-cancel {
    text-align: center;
    padding: 10px 0 25px 0;
    font-size: 14px;
}

.info-wrapper .order-detail-products .order-address {
    border: 1px solid #EFEFEF;
    background: #F7F7F7;
    padding-left: 20px;
    line-height: 20px;
}

.info-wrapper .order-detail-products .order-address-header {
    font-weight: 600;
    margin-bottom: 6px;
}

.info-wrapper .order-detail-products .order-address p:not(:last-child) {
    margin-bottom: 20px;
}

.info-wrapper .order-border {
    max-width: 1200px;
    margin: 0px auto;
}

.info-wrapper .account-contact {
    max-width: 1200px;
    margin: 0px auto;
    padding: 0px
}

.info-wrapper .account-contact .contact-details td:first-child {
    padding-right: 5px;
}

/*
*	*	*	*	*	*	*	*	*	*	*	*	*
	kontakty
*	*	*	*	*	*	*	*	*	*	*	*	*
*/

.info-inner .stores-wrapper {
    padding: 0 10px 15px 10px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
}

.info-wrapper .contact-row {
    font-weight: bold;
    position: relative;
    padding-left: 39px;
    margin: 5px 0;
    line-height: 20px;
}

.info-wrapper .contact-row a {
    color: #1475DA;
}

.info-wrapper .contact-row .sicon {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    color: #BFBFBF;
    font-size: 18px;
}

.info-wrapper .oteviraci_doba th {
    padding-right: 10px;
}

.info-wrapper .oteviraci_doba tr.today td {
    color: #008600;
}

.info-wrapper a.info-link,
.info-wrapper a.info-link:visited {
    color: #000000;
    border-bottom: 1px solid #1475DA;
}

.info-wrapper .show-store-directions a {
    font-weight: bold;
    position: relative;
    display: inline-block;
}

.info-wrapper .show-store-directions a:after {
    display: block;
    content: "\e900";
    font-family: 'sicon' !important;
    color: #BFBFBF;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -22px;
    font-weight: normal;
}

.info-wrapper .info-blue {
    background: #F5F8FF;
    padding: 15px;
    width: calc(100% + 10px);
    margin-left: -5px;
}

.info-wrapper .info-gray {
    background: #FCFCFC;
    padding: 15px;
    width: calc(100% + 10px);
    margin-left: -5px;
    border-top: 1px solid #EBEBEB;
    border-bottom: 1px solid #EBEBEB;
}

.info-wrapper .form-label-group input[type='text'],
.info-wrapper .form-label-group input[type='email'],
.info-wrapper .form-label-group input[type='password'],
.info-wrapper .form-label-group textarea,
.info-wrapper .form-label-group select,
.info-wrapper .form-label-group.sunny-radio-select {
    border-radius: 4px;
    border: 1px solid #EBEBEB;
    width: 100%;
}

.info-wrapper .callback .btn-submit {
    margin: 8px 0;
}

.info-wrapper .contact-hint {
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    text-align: center;
    color: #BFBFBF;
}

.info-wrapper .delimiter {
    width: calc(100% + 10px);
    margin-left: -5px;
}

.info-wrapper .contact-link-btn {
    padding-right: 30px;
}

.info-wrapper .contact-link-btn:before {
    font-family: 'sicon' !important;
    content: "\e900";
    color: #BFBFBF;
    position: absolute;
    top: 50%;
    right: 14px;
    transform: translateY(-50%);
    font-weight: normal;
}

.info-wrapper .store-photo {
    max-width: 100%;
    border-radius: 10px;
}

.info-wrapper h3 {
    font-size: 16px;
    font-weight: bold;
    line-height: 20px;
    margin-top: 20px;
    color: #1475DA;
}

.info-wrapper .store-directions {
    display: none;
}

.info-wrapper .ul {
    list-style-type: '-';
}

.info-wrapper .store-payments-icons {
    height: 14px;
    vertical-align: middle;
}

button, a {
    cursor: pointer;
}

.form-control, .checkbox-inline label, .checkbox label, .radio-inline label, .radio label, input {
    cursor: pointer;
}

/* recenze zbozi */
.detailRecenze {
    padding: 15px;
    border: 1px solid #34aae2;
    line-height: 20px;
    border-radius: 4px;
    box-shadow: inset 0 0 50px 1px #cce6f1;
    margin: 30px 0;
}

.detailRecenze .hlavicka {
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 10px;
}

.detailRecenze .obsah {
}

.detailRecenze p.rNazor {
    text-align: justify;
}

.detailRecenze ul.rKlady,
.detailRecenze ul.rZapory {
    padding: 0 0 0 5px;
}

.detailRecenze ul.rKlady li,
.detailRecenze ul.rZapory li {
    list-style: none !important;
    padding: 4px 0 4px 23px;
    position: relative;
}

.detailRecenze ul.rKlady li:before {
    color: #58BF17;
    content: "\e922";
    display: block;
    position: absolute;
    font-family: 'sicon';
    font-size: 16px;
    line-height: 16px;
    left: 0;
    top: 6px;
}

.detailRecenze ul.rZapory li:before {
    color: #ED1414;
    content: "\e923";
    display: block;
    position: absolute;
    font-family: 'sicon';
    font-size: 16px;
    line-height: 16px;
    left: 0;
    top: 6px;
}

.lateloader-ztz-nn {
    margin-top: 30px;
}

.produktyCarousel {
    width: calc(100% + 30px);
    margin-left: -15px;
    background: #FCFCFC;
    border-top: 1px solid #EBEBEB;
    padding-bottom: 20px;
}

.produktyCarousel h4 {
    padding-left: 15px;
}

.produktyCarousel .owl-stage {
    margin-left: -20px;
    display: flex;
}

.produktyCarousel .owl-stage .owl-item {
    flex-grow: 1;
}

.produktyCarousel .carousel-cell {
    height: 100%;
}

.produktyCarousel .produkt {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.produktyCarousel .produkt .carousel-image {
    display: block;
    border-radius: 4px;
    overflow: hidden;
    border: 1px solid #F7F7F7;
    position: relative;
    margin-bottom: 15px;
}

.produktyCarousel .carousel-image .discount {
    font-size: 12px;
    position: absolute;
    bottom: 0;
    right: 0;
    display: block;
    width: 38px;
    height: 27px;
    padding: 11px 0 0 0;
    color: #000;
    background-color: #ffdb31;
    text-align: center;
    font-weight: 600;
    -moz-border-radius: 20px;
    border-radius: 10px 0;
    line-height: 7px;
}

.produktyCarousel .produkt img {
    height: auto;
}

.produktyCarousel .produkt .carousel-rating {
    margin-bottom: 7px;
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
}

.produktyCarousel .produkt .carousel-title {
    flex-grow: 1;
}

.produktyCarousel .produkt .carousel-title a {
    color: #000000;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    margin-top: 5px;
}

.produktyCarousel .produkt .carousel-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap;
    font-size: 14px;
}

.produktyCarousel .produkt .carousel-dostupnost {
    font-weight: 500;
}

.produktyCarousel .produkt .carousel-cena {
    text-align: center;
}

.produktyCarousel .produkt .carousel-cena .puvodni {
    font-size: 12px;
    color: #666;
    font-weight: normal;
    text-decoration: line-through;
}

.produktyCarousel .produkt .carousel-bottom .add-to-cart-button {
    width: 49px;
    height: 39px;
}

.produktyCarousel .produkt .carousel-bottom .add-to-cart-button .glyphicon {
    margin: 0;
}


@media (max-width: 350px) {
    h1 {
        margin: 10px 0px 5px 0px;
    }

    h2 {
        font-size: 20px;
        margin: 10px 0px 5px 0px;
    }

    h3 {
        font-size: 17px;
        margin: 10px 0px 5px 0px;
    }

    .top-button .badge {
        display: none;
    }

    .top-wrapper .glyphicon {
        font-size: 15px;
    }

    .top-button#menu > a {
        line-height: 15px;
    }

    .product-preview .product-summary .product-img {
        float: none;
        width: 100%;
        height: auto;
        margin: 0px auto;
    }

    .product-preview .product-image-wrapper {
        width: 100%;
        float: none;
        margin-bottom: 10px;
    }

    .product-preview .product-desc {
        text-align: left;
        margin-bottom: 0;
    }

    .product-summary {
        display: block;
    }

    .product-summary .product-price {
        position: relative;
        bottom: auto;
        left: auto;
        text-align: center;
    }

    .product-preview .product-info {
        text-align: center;
    }

    .product-preview .product-summary .product-headline {
        font-size: 16px;
        font-weight: bold;
    }

    #product-sticky {
        padding: 10px;
    }

    .product-detail-wrapper .product-detail-pricing .delivery-date {
        float: none;
        width: 100%;
    }

    .product-detail-wrapper .product-detail-pricing .delivery {
        float: none;
        width: 100%;
    }

    .info-wrapper .store-inner .contact-row {
        display: block;
    }

    .info-wrapper .store-inner .contact-row .contact-column {
        display: block;
    }

    .info-wrapper .store-inner {
        font-size: 14px;
    }

    .accessories-summary {
        font-size: 12px;
    }

    .info-inner .manufac-desc img {
        float: none;
        display: block;
        margin: 0px auto;
    }
}

@media (max-width: 450px) {
    body {
        font-size: 14px;
    }

    h1 {
        margin: 10px 0px 5px 0px;
    }

    h2 {
        font-size: 18px;
        margin: 10px 0px 5px 0px;
    }

    h3 {
        font-size: 17px;
        margin: 10px 0px 5px 0px;
    }

    ul {
        padding-left: 15px;
    }

    hr {
        margin: 5px 0px;
    }

    .form-control {
        font-size: 13px;
    }

    .akce-tydne .pr-name {
        height: 39px;
    }

    .alert {
        padding: 5px;
    }

    .accessories-model .model-wrapper {
        font-size: 15px;
    }

    .cat-button {
        font-size: 13px;
        padding: 0px 15px 0px 75px;
        font-weight: bold;
    }

    #category .glyphicon {
        right: 5px;
    }

    .menu-ico {
        left: 0px;
    }

    .info-wrapper .category-all .category-item a {
        font-size: 15px;
    }

    .product-detail-wrapper {
        padding: 0px;
    }

    .product-detail-wrapper .rating-box.purchased {
        width: 100%;
    }

    .accessories-summary, .product-detail-wrapper .accessories-list {
        padding: 0px;
    }

    #breadcrumbs {
        font-size: 14px;

    }

    .info-wrapper .info-inner {
        padding: 5px;
    }

    .info-wrapper .account-contact .contact-block {
        padding: 0px 5px;
    }

    .info-wrapper .stores-wrapper .store {
        padding: 0px;
    }

    .product-bottom .product-avail-price {
        display: block;
    }

    .product-bottom .product-price {
        text-align: left;
    }

    .product-bottom .product-price .product-price-old-placeholder {
        display: none;
    }
}

@media (max-width: 550px) {
    .top-button .glyphicon {
        margin: 0;
    }

    ul.main-menu li.menu-categories ul {
        padding: 0px 15px;
    }

    .list-group-horizontal .list-group-item {
        padding: 10px 5px;
        font-size: 12px;
    }

    .product-detail-wrapper .review .review-pros, .product-detail-wrapper .review .review-cons {
        width: 100%;
        float: none;
    }

    .product-detail-wrapper .product-detail-content {
        padding: 0px;
    }

    .product-detail-wrapper .bundle-detail .bundle-row {
        flex-basis: 100%;
    }

    .product-dlazdice {
        padding-left: 0;
        padding-right: 0;
    }

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

    .info-inner.manufac-list li {
        width: 50%;
    }
}

@media (max-width: 767px) {
    .top-control > [class*='col-'], .info-inner.order-detail [class*='col-'], #vyhledavani {
        padding-right: 5px;
        padding-left: 5px;
    }

    .top-control {
        padding-left: 5px;
        padding-right: 5px;
    }

    .product-detail-wrapper .product-detail-photo {
        margin: 0px auto;
    }

    .product-detail-wrapper #distributor-link {
        margin: 25px auto;
        max-width: 390px;
    }

    .product-detail-pricing {
        margin: 0px auto;
    }

    #kompatibilni-selector {
        margin: 25px auto;
    }

    #product-highlights {
        margin: 20px auto;
        max-width: 390px;
    }

    .product-detail-wrapper #vyhody {
        margin: 0px auto;
    }

    .product-detail-wrapper .product-buy {
        max-width: unset;
    }

    .product-detail-wrapper .product-buy-inner {
        margin: 0px auto;
    }

    #zbozi-pripravujeme {
        position: relative;
        width: calc(100% + 30px);
        left: -15px;
        max-width: initial;
    }

    .product-detail-wrapper .product-alt {
        border: 0;
    }


    .product-detail-wrapper .stock {
        margin: 0px auto;
    }


    .product-detail-wrapper .rating-box.recommend {
        display: none;
    }

    .device-select label {
        display: block;
        text-align: left;
        width: inherit;
    }

    form.main-login .form-group.login-submit {
        padding-top: 0px;
    }

    form.main-login #username, form.main-login #password {
        width: 100%;
    }

    .info-wrapper .stores-wrapper .row-fluid:first-child .store:not(:first-child) {
        border-top: 1px solid #ddd;
    }
}

@media (min-width: 768px) {

    form.main-login .form-group.login-submit {
        display: block;
        max-width: 500px;
        margin: 0px auto;
    }

    .user-login-buttons {
        max-width: 500px;
        margin: 0px auto;
    }

    .product-detail-wrapper .accessories-category.delimiter:first-child {
        border-top: 0px;
        margin-top: 0px;
    }

    .info-wrapper .stores-wrapper .row-fluid .store:not(:first-child) {
        border-left: 1px solid #ddd;
    }
}

@media (max-width: 900px) {

    .product-preview {
        width: calc(100% + 30px);
        left: -15px;
    }

    .product-dlazdice {
        padding-left: 0;
        padding-right: 0;
    }

    .product-detail-wrapper .accessories-category .accessories-item {
        float: none;
        width: 100%
    }
}

.notificationBox {
    z-index: 999999;
}

.notificationBox .innerBox {
    text-align: center;
    margin: 0 auto;
    padding: 10px 0;
    display: flex;
    align-items: center;
}

.notificationBox .innerBox a {
    text-decoration: none;
    font-weight: 500;
    font-size: 14px;
    color: #006494;
}

.notificationBox .innerBox a.innerBoxText {
    text-decoration: none;
    font-weight: 500;
    font-size: 14px;
    color: #006494;
    padding: 0 10px 0 20px;
    flex-grow: 1;
}

.notificationBox .innerBox a.notificationBoxClose {
    font-weight: bold;
    font-size: 17px;
    padding: 0 10px;
}

.notificationBox .innerBox a:hover {
    text-decoration: underline;
}

#supportBox-iframe {
    z-index: 999999 !important;
}

.supportBoxWebChat-window .subtitle {
    margin-bottom: 1.2em !important;
}

/* CSS used here will be applied after bootstrap.css */
.nav {
    margin-bottom: 0;
}

.top-wrapper > div.dropdown.open {
    position: static;
}

.top-wrapper > div.dropdown.open .dropdown-menu {
    display: table;
    width: 100%;
    text-align: center;
    left: 0;
    right: 0;
}

.dropdown-menu > input {
    display: table-cell;
}

.grecaptcha-badge {
    visibility: hidden;
}

.sbutton {
    border-radius: 4px;
    box-sizing: border-box;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    line-height: 35px;
    padding: 0px 20px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    -webkit-box-sizing: border-box;
}

.sbutton.orange {
    background-color: #e03200;
    background-image: linear-gradient(180deg, #fa4f17, #e03200);
    color: #fff;
    text-decoration: none;
}

.sbutton.pay {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 25px;
}

.sbutton.pay:hover {
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
    -webkit-box-sizing: border-box;
}

/* #cookie-bar {
    position: fixed;
    width: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgb(33, 86, 142);
    background: linear-gradient(97deg, rgba(33, 86, 142, 1) 5%, rgba(20, 117, 219, 1) 100%);
    z-index: 999999;
    color: #ffffff;
    font-size: 14px;
    line-height: 20px;
    max-height: 100%;
    overflow: auto;
}

#cookie-bar h2 {
    font-size: 20px;
    margin-bottom: 15px;
}

#cookie-bar a {
    color: #ffffff;
    text-decoration: underline;
}

#cookie-bar p {
    margin-bottom: 5px;
}

#cookie-bar .cookie-bar-inner {
    margin: 30px 15px 10px 15px;
}

#cookie-bar .cookie-bar-content {
    flex-grow: 1;
    text-align: left;
}

#cookie-bar .cookie-bar-controls {
    text-align: center;
}

#cookie-bar .cookie-bar-customize {
    display: none;
}

#cookie-bar.extended .cookie-bar-summary {
    display: none;
}

#cookie-bar.extended .cookie-bar-customize {
    display: block;
}

#cookie-bar .cookie-bar-controls > span {
    display: block;
    cursor: pointer;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 500;
    padding: 10px;
    text-decoration: none;
    width: 100%;
    margin-top: 15px;
    text-align: center;
    line-height: 20px;
}

#cookie-bar #cookies-allow {
    background: #FE3D1C;
}

#cookie-bar #cookies-customize {
    background: #fcfcfc;
    color: #555555;
}

#cookie-bar.extended #cookies-customize {
    display: none;
}

#cookie-bar #cookies-submit-customized {
    display: none;
    background: #fcfcfc;
    color: #555555;
}

#cookie-bar.extended #cookies-submit-customized {
    display: block;
}

#cookie-bar #cookies-decline {
    font-weight: normal;
    text-decoration: underline;
}

#cookie-bar .cookie-type-block {
    margin-bottom: 10px;
    padding-left: 20px;
}

#cookie-bar .cookie-title {
    display: flex;
    align-items: center;
}

#cookie-bar .cookie-title-name {
    font-size: 17px;
    font-weight: bold;
    flex-grow: 1;
    cursor: pointer;
    position: relative;
}

#cookie-bar .cookie-title-name::before {
    display: block;
    content: "";
    width: 5px;
    height: 5px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    position: absolute;
    left: -20px;
    top: 7px;
    transform: rotate(45deg);
}

#cookie-bar .cookie-type-block.expanded .cookie-title-name::before {
    transform: rotate(135deg);
    top: 5px;
}

#cookie-bar .cookie-type-block .cookie-description {
    display: none;
}

#cookie-bar .cookie-type-block.expanded .cookie-description {
    display: block;
} */

#cookie-bar {
    position: fixed;
    width: 100%;
    max-width: 700px;
    left: 50%;
    transform: translatex(-50%);
    bottom: -500px;
    --transition: 10s all ease-in-out;
    background: #FFFFFF;
    z-index: 20000000000;
    color: #000;
    font-size: 14px;
    line-height: 20px;
    max-height: 100%;
    overflow: auto;
    padding: 0 20px;
    border: 1px solid #E2E2E2;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    box-shadow: 0px -5px 50px #00000029;
}

#cookie-bar,
#cookie-bar * {
    box-sizing: border-box;
}

#cookie-bar h2 {
    font-size: 20px;
    margin-top: 0;
    margin-bottom: 15px;
    color: #000;
}

#cookie-bar a {
    color: #000;
    text-decoration: underline;
}

#cookie-bar p {
    margin-bottom: 5px;
    color: #4f4f4f;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.1;
}

#cookie-bar p.serif {
    font-size: 18px;
    font-weight: bold;
    color: #000;
}

#cookie-bar .cookie-bar-inner {
    margin: 30px auto 10px auto;
    display: flex;
    max-width: 1170px;
    flex-direction: column;
}

#cookie-bar .cookie-bar-content {
    flex-grow: 1;
    text-align: left;
}

#cookie-bar .cookie-bar-summary {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px
}

#cookie-bar .cookie-bar-controls {
    text-align: center;
}

#cookie-bar .cookie-bar-customize {
    display: none;
}

#cookie-bar.extended .cookie-bar-summary {
    display: none;
}

#cookie-bar.extended .cookie-bar-customize {
    display: block;
}

#cookie-bar .cookie-bar-controls > span {
    display: block;
    cursor: pointer;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    color: #000;
    font-size: 15px;
    text-decoration: none;
    margin: 10px auto;
    text-align: center;
    line-height: 20px;
    font-weight: 500;
    padding: 10px;
    width: 100%;
    margin-top: 15px;
}

#cookie-bar #cookies-allow {
    background: #3598dc;
    color: #fff;
    border-radius: 50px;
}

#cookie-bar #cookies-customize {
    background: #fff;
    color: #000;
}

#cookie-bar #cookies-customize > span {
    border-bottom: 2px solid #e7e7e7;
    padding-bottom: 3px;
}

#cookie-bar.extended #cookies-customize {
    display: none;
}

#cookie-bar #cookies-submit-customized {
    display: none;
    background: #fcfcfc;
    color: #555555;
}

#cookie-bar.extended #cookies-submit-customized {
    display: block;
}

#cookie-bar .cookie-type-block {
    margin-bottom: 10px;
    padding-left: 20px;
}

#cookie-bar .cookie-title {
    display: flex;
    align-items: center;
}

#cookie-bar .cookie-title-name {
    font-size: 15px;
    font-weight: 500;
    flex-grow: 1;
    cursor: pointer;
    position: relative;
}

#cookie-bar .cookie-title-name::before {
    display: block;
    content: "";
    width: 5px;
    height: 5px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    position: absolute;
    left: -20px;
    top: 7px;
    transform: rotate(45deg);
}

#cookie-bar .cookie-type-block.expanded .cookie-title-name::before {
    transform: rotate(135deg);
    top: 5px;
}

#cookie-bar .cookie-type-block .cookie-description {
    display: none;
}

#cookie-bar .cookie-type-block.expanded .cookie-description {
    display: block;
}

.cookie-switch {
    --button-width: 3.5em;
    --button-height: 2em;
    --toggle-diameter: 1.5em;
    --button-toggle-offset: calc((var(--button-height) - var(--toggle-diameter)) / 2);
    --toggle-shadow-offset: 10px;
    --toggle-wider: 3em;
    --color-grey: #cccccc;
    --color-green: #4296f4;
}

.cookie-slider {
    display: inline-block;
    width: var(--button-width);
    height: var(--button-height);
    background-color: var(--color-grey);
    border-radius: calc(var(--button-height) / 2);
    position: relative;
    transition: 0.3s all ease-in-out;
    cursor: pointer;
}

.cookie-slider::after {
    content: "";
    display: inline-block;
    width: var(--toggle-diameter);
    height: var(--toggle-diameter);
    background-color: #fff;
    border-radius: calc(var(--toggle-diameter) / 2);
    position: absolute;
    top: var(--button-toggle-offset);
    transform: translateX(var(--button-toggle-offset));
    box-shadow: var(--toggle-shadow-offset) 0 calc(var(--toggle-shadow-offset) * 4) rgba(0, 0, 0, 0.1);
    transition: 0.3s all ease-in-out;
}

.cookie-switch input[type="checkbox"]:checked + .cookie-slider {
    background-color: var(--color-green);
}

.cookie-switch input[type="checkbox"]:disabled + .cookie-slider {
    opacity: 0.5;
}

.cookie-switch input[type="checkbox"]:checked + .cookie-slider::after {
    transform: translateX(calc(var(--button-width) - var(--toggle-diameter) - var(--button-toggle-offset)));
    box-shadow: calc(var(--toggle-shadow-offset) * -1) 0 calc(var(--toggle-shadow-offset) * 4) rgba(0, 0, 0, 0.1);
}

.cookie-switch input[type="checkbox"] {
    display: none;
}

.cookie-switch input[type="checkbox"]:active + .cookie-slider::after {
    width: var(--toggle-wider);
}

.cookie-switch input[type="checkbox"]:checked:active + .cookie-slider::after {
    transform: translateX(calc(var(--button-width) - var(--toggle-wider) - var(--button-toggle-offset)));
}