/* ##################################################################################################
        PRESTASHOP CSS
################################################################################################## */
/*@import url("grid_prestashop.css");*/

/* ****************************************************************************
      reset
**************************************************************************** */


/* Font pro re-design */
:root {
    --headings-font-family: 'Montserrat';
    --content-font-family: 'Noto Sans';
    --price-font-family: 'Asap';
}

body.esh3295-var-1 {
    --headings-font-family: 'Archivo Black';
    --content-font-family: 'Archivo';
    --price-font-family: 'Archivo Black';
}

body.esh3295-var-2 {
    --headings-font-family: 'Nunito';
    --content-font-family: 'Nunito';
    --price-font-family: 'Nunito';
}

* {
    padding: 0;
    border: none;
    margin: 0;
}

body {
    background: #fff;
    -webkit-text-size-adjust: 100%;
    /* iOS např. mění velikost fontů - tohle to zakazuje*/
    position: relative;
    min-width: 375px;
}

ul {
    list-style: none;
}

a,
a:hover {
    text-decoration: none;
}

strong {
    font-weight: bold;
}

address {
    font-style: normal;
}

img {
    border: none;
}

input,
textarea {
    outline: 0;
}

.clear {
    clear: both;
}

html {
    color: #000;
    background: #FFF;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td {
    margin: 0;
    padding: 0
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

fieldset,
img {
    border: 0
}

address,
caption,
cite,
code,
dfn,
em,
th,
var,
optgroup {
    font-style: inherit;
    font-weight: inherit
}

del,
ins {
    text-decoration: none
}

caption,
th {
    text-align: left
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%
}

q:before,
q:after {
    content: ''
}

abbr,
acronym {
    border: 0;
    font-variant: normal
}

sup {
    vertical-align: baseline
}

sub {
    vertical-align: baseline
}

legend {
    color: #000
}

input,
button,
textarea,
select,
optgroup,
option {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit
}

a {
    cursor: pointer
}

.clearfix:before,
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    overflow: hidden
}

.clearfix:after {
    clear: both
}

.clearfix {
    zoom: 1
}

span.red {
    color: #d90000;
    padding: 0 !important;
}

.underline {
    text-decoration: underline !important;
}

.underline:hover {
    text-decoration: none !important;
}

.disabled {
    opacity: 0.6 !important;
    filter: alpha(opacity=60) !important;
    cursor: default !important;
}

div.wrap_header {
    position: relative;
}


/* ************************************************************************************************
      struture
************************************************************************************************ */

#page {
}

#columns {
}

#left_column {
}

#center_column {
}

#right_column {
}

#footer {
}


/* ************************************************************************************************
      generic style
************************************************************************************************ */

#body {
    color: #000;
    background: #fff;
    font: 14px/14px 'Noto Sans', sans-serif;
    font: 14px/14px var(--content-font-family), sans-serif;
    text-align: center;
    height: 100%;
    min-height: 100%;
    min-width: 375px;
}

#index {
    min-width: 970px;
}

#page {
    text-align: left;
    margin: 0 auto;
    padding-left: 5px;
    padding-right: 5px;
}

#left_column {
    overflow: visible;
    width: 183px;
    display: inline-block;
    position: relative;
    float: left;

    margin-right: 30px;
    margin-top: 5px;
    margin-bottom: 15px;
}

#center_column {
    width: 1047px;
    display: inline-block;
    position: relative;
    float: left;
}

/* <ESH-3450> */

body.esh3450-var-1:not(.mobile) {
    background-color: #F5F5F5;
}

body.esh3450-var-1:not(.mobile) #body {
    background-color: #F5F5F5;
}

body.esh3450-var-1:not(.mobile) #page {
    background-color: white;
    padding-left: 15px;
    padding-right: 15px;
    box-shadow: 0 0 7px #00000026;
}

/* </ESH-3450> */

.category-promo-banner img {
    width: 100%;
}

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

    #index {
        width: 970px;
    }

}

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

    #left_column {
        width: 180px;
        margin-right: 20px;
    }

    #center_column {
        width: 760px;
    }

}

/* temporarily disable mobile theme (max-width: 450) */
@media screen and (max-width: 1px) {

    #body {
        padding-top: 0;
    }

    #page {
        padding-left: 0;
        padding-right: 0;
    }

    #left_column {
        display: none;

        width: 355px;
        position: absolute;
        z-index: 10;
        background-color: white;
        padding-left: 10px;
        padding-right: 10px;
        margin-top: 0;

        box-shadow: 0 5px 4px -4px rgba(0, 0, 0, 0.16);

        min-height: 100%;
        min-height: calc(100% + 1989px);
    }

    #center_column {
        width: 375px;
        overflow-x: hidden;
        overflow-y: hidden;
    }

    .container_9 {
        width: 375px;
    }
}

#fancybox-overlay {
    min-width: 970px;
}

@media screen and (max-width: 450px) {
    #fancybox-overlay {
        min-width: auto;
    }
}

/* positionnement ****************************************************************************** */

.hidden {
    display: none
}

.f_right {
    float: right
}


/* title *************************************************************************************** */

h1 {
    font-family: 'Montserrat', sans-serif;
    font-family: var(--headings-font-family), sans-serif;
    font-size: 28px;
    font-weight: bold;
    line-height: 34px;
    margin: 0 0 24px 0;
    padding: 0;
    overflow: hidden;
}

h2 {
    padding-bottom: 20px;
    font-size: 18px;
    line-height: 18px;
}

h3 {
    padding-bottom: 20px;
    font-size: 16px
}

h3.carrier_title {
    padding-bottom: 5px;
}

h4 {
    padding-bottom: 20px;
    font-size: 14px
}


/* text **************************************************************************************** */

p {
    padding-bottom: 20px;
}

.warning {
    margin: 0 0 10px 0;
    padding: 10px;
    border: 1px solid #e6db55;
    font-size: 13px;
    background: #ffffe0
}

.error {
    margin: 0 0 10px 0;
    padding: 10px;
    border: 1px solid #990000;
    font-size: 13px;
    background: #ffcccc;
}

.error2 {
    font-size: 14px;
    color: black;

    margin: 20px;
    padding: 20px;
    line-height: 20px;

    border: 1px solid #d20000;
    border-radius: 5px;

    box-shadow: 0px 1px 4px rgba(210, 0, 0, 0.16);
}

.error2 p {
    padding: 0;
}

.error2 .error-list li {
    margin-bottom: 10px;
}

.error2 .error-head {
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 15px;
}

.error2 .error-btn {
    display: inline-block;
    position: relative;
    color: #2C2C2C;
    font-weight: bold;
    margin-top: 10px;
    padding: 7px 16px 7px 30px;
    border: 1px solid #D3D3D3;
    border-radius: 5px;
}

.error2 .error-btn::after {
    content: ' ';
    position: absolute;
    width: 9px;
    height: 13px;
    top: 10px;
    left: 12px;
    background: url('/img/svg/arrow_1_dark_grey.svg') no-repeat 0 0;
    background-size: 9px 13px;
    transform: scaleX(-1);
}

.error2 ol {
    list-style: none;
}

.error ol {
    margin-left: 20px;
}

.error p.lnk {
    margin-top: 20px;
    padding: 0;
    font-size: 11px;
}

.required {
    color: #990000;
}

.success-messages {
    margin: 20px;
    text-align: center;
}

.success-messages ul.messages-list li {
    display: flex;
    justify-content: center;
    align-items: center;
}

.success-messages ul.messages-list li span {
    font-size: 16px;
    line-height: 25px;
    text-align: center;
    color: #3DAB0F;
    font-weight: 600;
}

/* link **************************************************************************************** */

a,
a:active,
a:visited {
    color: rgb(0, 0, 0);
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}


/*buttons ************************************************************************************** */

input.button_mini,
input.button_small,
input.button,
input.button_large,
input.button_mini_disabled,
input.button_small_disabled,
input.button_disabled,
input.button_large_disabled,
input.exclusive_mini,
input.exclusive_small,
input.exclusive,
input.exclusive_large,
input.exclusive_mini_disabled,
input.exclusive_small_disabled,
input.exclusive_disabled,
input.exclusive_large_disabled,
a.button_mini,
a.button_small,
a.button,
a.button_large,
a.exclusive_mini,
a.exclusive_small,
a.exclusive,
a.exclusive_large,
span.button_mini,
span.button_small,
span.button,
span.button_large,
span.exclusive_mini,
span.exclusive_small,
span.exclusive,
span.exclusive_large,
span.exclusive_large_disabled {
    display: inline-block;
    padding: 0 20px 0 20px;
    border: 1px solid #b20000;
    border-radius: 3px;
    color: #fff;
    background: #d90000;
    cursor: pointer;
    font-size: 20px;
    height: 40px;
    line-height: 39px;
    text-transform: uppercase;
    font-family: Arial, sans-serif;
}

*:first-child + html input.button_mini,
*:first-child + html input.button_small,
*:first-child + html input.button,
*:first-child + html input.button_large,
*:first-child + html input.button_mini_disabled,
*:first-child + html input.button_small_disabled,
*:first-child + html input.button_disabled,
*:first-child + html input.button_large_disabled,
*:first-child + html input.exclusive_mini,
*:first-child + html input.exclusive_small,
*:first-child + html input.exclusive,
*:first-child + html input.exclusive_large,
*:first-child + html input.exclusive_mini_disabled,
*:first-child + html input.exclusive_small_disabled,
*:first-child + html input.exclusive_disabled,
*:first-child + html input.exclusive_large_disabled {
    border: none
}


/* input button */

input.button_mini,
input.button_small,
input.button,
input.button_large,
input.button_mini_disabled,
input.button_small_disabled,
input.button_disabled,
input.button_large_disabled,
input.exclusive_mini,
input.exclusive_small,
input.exclusive,
input.exclusive_large,
input.exclusive_mini_disabled,
input.exclusive_small_disabled,
input.exclusive_disabled,
input.exclusive_large_disabled {
    font-weight: bold;
}


/* hover button */

input.button_mini:hover,
input.button_small:hover,
input.button:hover,
input.button_large:hover,
input.exclusive_mini:hover,
input.exclusive_small:hover,
input.exclusive:hover,
input.exclusive_large:hover,
a.button_mini:hover,
a.button_small:hover,
a.button:hover,
a.button_large:hover,
a.exclusive_mini:hover,
a.exclusive_small:hover,
a.exclusive:hover,
a.exclusive_large:hover {
    text-decoration: none;
    background-position: left -42px
}


/* active button */

input.button_mini:active,
input.button_small:active,
input.button:active,
input.button_large:active,
input.exclusive_mini:active,
input.exclusive_small:active,
input.exclusive:active,
input.exclusive_large:active,
a.button_mini:active,
a.button_small:active,
a.button:active,
a.button_large:active,
a.exclusive_mini:active,
a.exclusive_small:active,
a.exclusive:active,
a.exclusive_large:active {
    background-position: left -104px;
}


/* form **************************************************************************************** */

form.std fieldset {
    margin: 20px 0;
}


/* table *************************************************************************************** */

table.std,
table.table_block {
    margin: 10px 0;
    width: 100%;
}

table.std {
    width: 764px;
}

table.std th,
table.table_block th {
    padding: 5px 0;
    text-transform: uppercase;
    color: #000;
    border-bottom: 2px solid #000;
    font: bold 14px/14px 'Open Sans', Arial, sans-serif !important;
}

table.table_block tr.alternate_item {
    background-color: #f3f3f3
}


/* BLOCK .block ******************************************************************************** */

.block {
    margin-bottom: 20px
}

.block h4 a {
    color: #fff;
    text-decoration: underline;
}

#center_column .block h4 {
    background: #000;
    font: 120%/39px 'Open Sans', serif;
    text-transform: uppercase;
    display: block;
    height: 39px;
    padding: 0 0 0 12px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    margin: 10px 0;
}

#center_column > img:first-child {
    margin-top: 30px;
}

#center_column #vanoce2 {
    position: absolute;
    right: 0;
    bottom: -354px;
}

#left_column .block h4 {
    color: #fff;
    background: #000;
    font-family: Arial, sans-serif;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    height: 39px;
    line-height: 39px;
    padding: 0;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    margin: 10px 0;
    text-align: center;
}

#left_column .block h4.red {
    background-position: 0 -39px;
    margin-top: 0;
    display: none;
}

#left_column .block h4.brown {
    background-position: 0 -78px;
}

#left_column .block h4.grey {
    color: #35230f;
    background-position: 0 -89px;
}

.box.padd {
    padding: 0 10px 15px;
    margin: 10px 0 0 0;
}

#left_column .block .block_content {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

#left_column .block ul.tree > li {
    overflow: hidden;
    padding: 0;
    padding-top: 5px;
    padding-bottom: 5px;

    border-bottom: 1px solid #BBC0C4;
}

#left_column .block ul li a {
    font-size: 17px;
    font-weight: bold;
    display: block;
    height: 24px;
    line-height: 24px;
    padding: 0;
    white-space: nowrap;
}

#left_column .block ul li.special a {
    font-weight: bold;
    color: red;
}

#left_column .block ul li.last {
    border-bottom: 0;
}

#left_column .block p.book {
    display: block;
    width: 166px;
    height: 103px;
    padding-top: 19px;
    border-bottom: 1px dotted #bfbdb7;
    margin: 0 12px 0 10px;
}

#left_column .block p.book img {
    float: left;
    display: inline-block;
    height: 84px;
    margin-right: 11px;
    margin-left: 8px;
}

#left_column .block p.book .text {
    float: left;
    display: inline-block;
    width: 91px;
}

#left_column .block p.book .text a {
    color: #35230f;
    font-size: 90%;
}

#left_column .block p.book .text a:hover {
    color: #9f361e;
}

#left_column .block p.book .text strong {
    color: #9f361e;
    font-family: 'Open Sans', serif;
    display: inline-block;
    margin-top: 9px;
}

#left_column .block p.book.first {
    padding-top: 20px;
}

#left_column .block p.book.last {
    height: 84px;
    border-bottom: 0;
    padding-bottom: 21px;
}

#left_column .block p.shopping-cart {
    font-size: 80%;
    text-align: center;
    padding: 10px 0;
}

#left_column .ie7-fix {
    margin-left: 10px;
}

#left_column .ie7-fix p.book.first {
    margin-left: 0;
}

/* barre comparaison / tri ********************************************************************* */

#center_column .sortPagiBar {
    margin-bottom: 30px;
    position: relative;
    text-align: center;
}

#center_column .sortPagiBar strong {
    color: #000;
}

#center_column .sortPagiBar p {
    padding: 0;
}

#center_column .sortPagiBar form {
    display: inline-block;
}

.sortPagiBar #productsSortForm {
    float: right;
}

.sortPagiBar select#selectPrductSort {
    margin: 0 0 0 10px;
    color: #000;
    border: 1px solid #ccc
}

.sortPagiBar #bt_compare {
    padding: 3px 7px;
    border: none;
    color: #fff;
    text-shadow: 0 1px 0 #000;
    background: url('/themes/mk2/img/bg_bt_compare.gif') repeat-x 0 0 #111;
}

.sortPagiBar #nbrItemPage {
    margin-left: 40px;
}

.sortPagiBar .PrductSort {
    float: left;
}

.sortPagiBar .nbrProduct {
    display: inline-block;
    padding: 0 10px;
}

.sortPagiBar #nb_item {
    border: 1px solid #ccc
}


/* pagination ********************************************************************************** */

#pagination {
    padding: 0px 8px;
    margin-bottom: 30px;
}

ul.pagination {
    list-style-type: none;
    display: inline-flex;
    text-align: center;
    align-items: center;
    vertical-align: middle;
}

ul.pagination.cisla {
    float: right;
    margin-top: -2px;
}

ul.pagination li {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    height: 40px;
    font-family: 'Noto Sans', sans-serif;
    font-family: var(--content-font-family), sans-serif;
    font-size: 15px;
    line-height: 40px;
    color: black;
    border-radius: 5px;
    border: 1px solid #d3d3d3;
    background-color: white;
    box-sizing: border-box;
    margin-left: -1px;
    max-width: 50px;
}

ul.pagination li > a {
    display: block;
    padding: 0 15px;
}

ul.pagination li.disabled > a {
    cursor: default;
}

ul.pagination li.current {
    color: #D20000;
    min-width: 45px;
    height: 45px;
    font-size: 18px;
    font-weight: 700;
    padding: 0 15px;
}

ul.pagination li.number {
    border-radius: 0;
}

ul.pagination li.truncate {
    border: none;
    min-width: auto;
    margin: 0 8px;
    padding: 0;
}

ul.pagination li.prev,
ul.pagination li.next {
    border-radius: 0;
}

ul.pagination li.leftEdge,
ul.pagination li.leftEdge.prev {
    border-radius: 5px 0 0 5px;
}

ul.pagination li.rightEdge,
ul.pagination li.rightEdge.next {
    border-radius: 0 5px 5px 0;
}

ul.pagination li a:hover {
    text-decoration: none;
}

#pagination_up,
#pagination_previous,
#pagination_next {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    max-width: none;
    background-color: #F8F8F8;
}

#pagination_up:hover,
#pagination_previous:hover,
#pagination_next:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: white;
}

#pagination_previous.disabled:hover,
#pagination_next.disabled:hover {
    background-color: #F8F8F8;
}

#pagination_previous {
    margin-right: 20px;
}

#pagination_next {
    margin-left: 20px;
}

#pagination_up span,
#pagination_previous span,
#pagination_next span {
    display: inline-flex;
    height: 100%;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    vertical-align: top;
}

#pagination_previous .icon,
#pagination_next .icon,
#pagination_up .icon {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

#pagination_previous .icon,
#pagination_next .icon {
    width: 6px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1LjkxOCIgaGVpZ2h0PSI5LjUxNSIgdmlld0JveD0iMCAwIDUuOTE4IDkuNTE1Ij4gIDxwYXRoIGlkPSLFoWlwa2EiIGQ9Ik04LjYsMTUuMjE1bC0zLjgxLTMuODFhLjkuOSwwLDAsMSwwLTEuMjdsLjMxOC0uMzE4YS45LjksMCwwLDEsMS4yNywwbDIuOTA3LDIuOTA3LDIuOTA4LTIuOTA3YS45LjksMCwwLDEsMS4yNywwbC4zMTguMzE4YS45LjksMCwwLDEsMCwxLjI3bC0zLjgxMSwzLjgxYS44OTEuODkxLDAsMCwxLS42ODUuMjU3QS44OTMuODkzLDAsMCwxLDguNiwxNS4yMTVaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtOS41NTYgMTQuMDQpIHJvdGF0ZSgtOTApIiBmaWxsPSIjOEE4QThBIi8+PC9zdmc+);
}

#pagination_next .icon {
    margin-left: 12px;
}

#pagination_previous .icon {
    margin-right: 12px;
    transform: rotate(180deg);
}

#pagination_up .icon {
    width: 11px;
    transform: rotate(180deg);
    margin-right: 12px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMS41MDYiIGhlaWdodD0iMTcuOTk0IiB2aWV3Qm94PSIwIDAgMTEuNTA2IDE3Ljk5NCI+ICA8ZyBpZD0ixaFpcGthX2RvbMWvIiBkYXRhLW5hbWU9IsWhaXBrYSBkb2zFryIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNjkzLjcwOCAxNDg4LjA3NCkgcm90YXRlKDE4MCkiPiAgICA8cGF0aCBpZD0iaWZfYXJyb3ctZG93bi0wMV8xODY0MTEiIGQ9Ik00LjkyNCw2Ljg0NS4zMTcsMi4yMzdBMS4wODksMS4wODksMCwwLDEsLjMxNy43TC43LjMxN2ExLjA4OSwxLjA4OSwwLDAsMSwxLjUzNSwwTDUuNzUzLDMuODMzLDkuMjcuMzE3YTEuMDg5LDEuMDg5LDAsMCwxLDEuNTM1LDBMMTEuMTg5LjdhMS4wODksMS4wODksMCwwLDEsMCwxLjUzNkw2LjU4MSw2Ljg0NWExLjA3OCwxLjA3OCwwLDAsMS0uODI4LjMxMUExLjA4LDEuMDgsMCwwLDEsNC45MjQsNi44NDVaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg2OTMuNzA4IDE0NzcuMjM4KSByb3RhdGUoMTgwKSIgZmlsbD0iIzhBOEE4QSIvPiAgICA8bGluZSBpZD0iTGluZV8xNyIgZGF0YS1uYW1lPSJMaW5lIDE3IiB5Mj0iMTEuODk2IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg2ODcuOTMxIDE0NzQuNzc4KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjOEE4QThBIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS13aWR0aD0iMi44Ii8+ICA8L2c+PC9zdmc+);
}

#page_number_form {
    display: inline-flex;
    box-sizing: border-box;
    border: 1px solid rgba(211, 211, 211, 1);
    border-radius: 5px;
    font-family: 'Noto Sans', sans-serif;
    font-family: var(--content-font-family), sans-serif;
    margin-left: 20px;
    font-size: 15px;
    line-height: 15px;
    vertical-align: middle;
}

#page_number_form:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
}

#page_number_form > input {
    display: inline-flex;
}

#page_number_input::-webkit-inner-spin-button,
#page_number_input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

#page_number_input {
    width: 70px;
    -webkit-appearance: none;
    -moz-appearance: textfield;
    border-radius: 3px 0 0 3px;
    box-sizing: border-box;
    padding: 10px;
    text-align: right;
    border-right: 1px solid rgba(211, 211, 211, 1);
}

#page_number_button {
    -webkit-appearance: none;
    background-color: #F8F8F8;
    border-radius: 0 3px 3px 0;
    box-sizing: border-box;
    border-left: none;
    padding: 10px 20px;
    cursor: pointer;
}

#page_number_button:hover {
    background-color: white;
}

#dalsiProdukty-cont, .dalsiProdukty-cont {
    text-align: center;
    margin-top: 18px;
}

#dalsiProdukty, #dalsiProdukty-bestsellery, #dalsiProdukty-novinky {
    margin-top: 0;
    font-size: 0;
}

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

    #page_number_form {
        display: none;
    }

    /*#page_number_button {
        width: 69px;
        padding-left: 10px;
        padding-right: 10px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    #pagination_next {
        margin-left: 10px;
    }

    #pagination_previous {
        margin-right: 10px;
    }*/

}

/* temporarily disable mobile theme (max-width: 450) */
@media screen and (max-width: 1px) {

    #pagination {
        display: flex;
        justify-content: center;
    }

    #pagination_up {
        display: none;
    }

    #page_number_form {
        display: none;
    }

    #pagination_next {
        margin-left: 10px;
    }

    #pagination_previous {
        margin-right: 10px;
    }

    #pagination_next .text,
    #pagination_previous .text {
        display: none;
    }

    #pagination_next .icon,
    #pagination_previous .icon {
        margin-left: 0px;
        margin-right: 0px;
    }

    ul.pagination li {
        min-width: 30px;
        height: 30px;
        font-size: 13px;
        line-height: 30px;
        max-width: 40px;
    }

    ul.pagination li.current {
        min-width: 35px;
        height: 35px;
        font-size: 14px;
        font-weight: 700;
        padding: 0px 10px;
    }

    ul.pagination li > a {
        padding: 0px 10px;
    }

    ul.pagination li.truncate {
        margin: 0px 4px;
    }


}

/* CART steps *********************************************************************** */

ul#order_step {
    background-color: white;
}

ul.step {
    list-style-type: none;
    margin-bottom: 30px;
    height: 52px;
    width: 750px
}

ul.step li {
    float: left;
    height: 52px;
    width: 151px;
    text-align: center;
    text-transform: uppercase;
    background: url('/themes/mk2/img/step_standard.gif') no-repeat center bottom transparent
}

ul.step li a,
ul.step li.step_current span {
    display: inline-block;
    padding: 8px 10px 12px;
    color: #000;
    /*background:url(../img/step_current_span.gif) no-repeat center bottom transparent;*/
}

ul.step li.step_current {
    font-weight: bold;
    background: url('/themes/mk2/img/step_current.gif') no-repeat center bottom transparent
}

ul.step li.step_todo span {
    display: inline-block;
    padding: 8px 10px 6px;
    color: #999;
    text-shadow: 0 1px 0 #fff;
    background: #eee
}

ul.step li.step_done {
    font-weight: bold;
    background: url('/themes/mk2/img/step_done.gif') no-repeat center bottom transparent
}

ul.step li#step_end {
    background: url('/themes/mk2/img/step_end.gif') no-repeat center bottom transparent
}


/* module productcomments ********************************************************************** */

.cancel,
.star {
    overflow: hidden;
    float: left;
    margin: 0 1px 0 0;
    width: 16px;
    height: 16px;
    text-indent: -999em;
    cursor: pointer;
}

.cancel,
.cancel a {
    background: url(../../../modules/productcomments/img/delete.gif) no-repeat 0 -16px;
    display: none;
}

.star,
.star a {
    background: url(../../../modules/productcomments/img/star.gif) no-repeat 0 0
}

.cancel a,
.star a {
    display: block;
    width: 100%;
    height: 100%;
    background-position: 0 0
}

div.star_on a {
    background-position: 0 -16px
}

div.star_hover a,
div.star a:hover {
    background-position: 0 -32px
}

.pack_content {
    margin: 10px 0 10px 0
}

.pack_price {
    float: right;
    margin-right: 3px;
    font-size: 12px
}

.confirmation {
    margin: 0 0 10px;
    padding: 10px;
    border: 1px solid #e6db55;
    font-size: 13px;
    background: none repeat scroll 0 0 #ffffe0;
}

#page .rte {
    background: transparent none repeat scroll 0 0
}

#page .rte p,
#page .rte ul li {
    font-size: 90%;
}

.listcomment {
    list-style-type: none;
    margin: 0 0 20px 0 !important;
}

.listcomment li {
    padding: 10px 0;
    border-bottom: 1px dotted #ccc;
    color: #666
}

.listcomment .titlecomment {
    display: block;
    font-weight: bold;
    font-size: 12px;
    color: #333
}

.listcomment .txtcomment {
    display: block;
    padding: 5px 0;
    color: #333
}

.listcomment .authorcomment {
}


/* ************************************************************************************************
      HEADER
************************************************************************************************ */

#hamburger-menu {
    display: none;
    position: absolute;
    width: 60px;
    height: 45px;
    transform: scale(0.5) rotate(0deg) translate(-30px, -26px);
    transition: .5s ease-in-out;
    cursor: pointer;
}

#hamburger-menu span {
    display: block;
    position: absolute;
    height: 9px;
    width: 100%;
    background: black;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    transform: rotate(0deg);
    transition: .25s ease-in-out;
}

#hamburger-menu span:nth-child(1) {
    top: 0;
    transform-origin: left center;
}

#hamburger-menu span:nth-child(2) {
    top: 18px;
    transform-origin: left center;
}

#hamburger-menu span:nth-child(3) {
    top: 36px;
    transform-origin: left center;
}

#hamburger-menu.active span:nth-child(1) {
    transform: rotate(45deg);
    top: -3px;
    left: 8px;
}

#hamburger-menu.active span:nth-child(2) {
    width: 0;
    opacity: 0;
}

#hamburger-menu.active span:nth-child(3) {
    transform: rotate(-45deg);
    top: 39px;
    left: 8px;
}

.header_logo > .logo {
    width: 275px;
    height: 55px;
    text-decoration: none;
}

.header_logo > .logo2 {
    max-width: 250px;
    height: 55px;
}

#header {
    position: relative;
    padding-top: 0;
}

.header-shadow {
    width: 100%;
    height: 138px;
    position: absolute;
    top: 0;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.16);
    min-width: 970px;

    /* Dočasně schovávám kvůli neoptimálnímu přístupu na DB horizontálního menu */
    display: none;
}

.header-shadow {
    height: 234px;
}


#order-confirmation .header-shadow {
    height: 255px;
}

#sticky-header {
    background-color: #ffffff;
    padding: 17px 0 16px 0;
    z-index: 101;
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
}

#sticky-header.sticky-active {
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.16);
    position: fixed;
    animation-name: slideHeaderToFixed;
    animation-duration: 0.25s;
    top: 0px;
    z-index: 103;
}

#product #sticky-header[data-variant="3"].sticky-active #searchbox {
    width: 331px;
}

#product #sticky-header[data-variant="5"].sticky-active #searchbox {
    width: 361px;
}

#product #sticky-header[data-variant="3"].sticky-active .header_logo {
    width: 275px;
}

#product #sticky-header[data-variant="5"].sticky-active .header_logo {
    width: 245px;
}

#product #sticky-header[data-variant="3"].sticky-active .header_logo > .logo {
    width: 275px;
    top: -2px;
}

#product #sticky-header[data-variant="5"].sticky-active .header_logo > .logo {
    width: 245px;
    top: 0;
}

#product #sticky-header[data-variant="3"].sticky-active #search_block_top,
#product #sticky-header[data-variant="5"].sticky-active #search_block_top {
    margin-left: 25px;
}

#product #sticky-header[data-variant="3"].sticky-active #sticky-header-product,
#product #sticky-header[data-variant="5"].sticky-active #sticky-header-product {
    width: 604px;
}

#sticky-header[data-variant="4"].sticky-active .header_logo .logo,
body:not(#product) #sticky-header[data-variant="5"].sticky-active .header_logo .logo {
    position: initial;
    width: auto;
    height: 30px;
    padding: 13px 0;
}

#sticky-header[data-variant="4"].sticky-active #search_block_top,
body:not(#product) #sticky-header[data-variant="5"].sticky-active #search_block_top {
    margin-left: 0;
}

#sticky-header[data-variant="4"].sticky-active #search_block_top form#searchbox,
body:not(#product) #sticky-header[data-variant="5"].sticky-active #search_block_top form#searchbox {
    width: 655px;
}

#sticky-header #sticky-header-product {
    float: right;
    width: 294px;
    position: relative;
    height: 55px;
    display: flex;
    justify-content: space-evenly;
}

#sticky-header #sticky-header-product h1.product-name {
    font-size: 18px;
    width: 100%;
    line-height: 1.2;
    margin: 0;
}

#sticky-header #sticky-header-product h1.product-name .short {
    display: none;
}

#sticky-header #sticky-header-product #header-product-left {
    max-width: 415px;
    width: auto;
    height: 65px;
    position: relative;
    top: -5px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#sticky-header[data-variant="5"] #sticky-header-product #header-product-left {
    flex-direction: row;
    justify-content: flex-start;
}

#sticky-header[data-variant="5"] #sticky-header-product #header-product-left > img {
    margin-right: 10px;
}

#sticky-header[data-variant="5"] #sticky-header-product #header-product-left > div {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#sticky-header #sticky-header-product .price-tag {
    float: left;
}

#sticky-header #sticky-header-product a.product-add-to-cart {
    float: right;
    font-size: 16px;
    margin: 8.5px 0;
    margin-left: 10px;
    min-width: 79px;
}

#sticky-header #sticky-header-product .price-tag #header_our_price_display {
    display: inline-block;
    line-height: 1;
}

#sticky-header #sticky-header-product .price-tag #header_our_price_display > span:first-child {
    font-weight: 700;
    font-size: 20px;
    color: #2a2a2a;
}

#sticky-header #sticky-header-product .price-tag > div > span:last-child {
    font-weight: 700;
    font-size: 18px;
    color: #2a2a2a;
}

#sticky-header:not(.sticky-active) .sticky-visible {
    display: none;
}

#sticky-header.sticky-active .sticky-hidden {
    display: none;
}

@keyframes slideHeaderToFixed {
    from {
        top: -89px;
    }
    to {
        top: 0;
    }
}

#sticky-content {
    position: relative;
}

#sticky-padding {
    padding-top: 89px;
}

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

    .header-shadow {
        width: 970px;
    }

}

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

    .header_logo > .logo {
        width: 295px;
    }

    .header_logo > .logo2{
        width: 0px;
    }
}

/* temporarily disable mobile theme (max-width: 450) */
@media screen and (max-width: 1px) {

    #hamburger-menu {
        display: inline-block;
        margin-top: 7px;
    }

    #hamburger-menu.active img {
        transform: rotate(90deg);
    }

    .header_logo > .logo {
        width: 170px;
        height: 25px;
    }

    #header {
        box-shadow: 0 5px 4px -4px rgba(0, 0, 0, 0.16);
        height: 88px;
        padding: 10px;
    }

    .header-shadow {
        display: none;
    }

}


/* ************************************************************************************************
      BREADCRUMB
************************************************************************************************ */

.breadcrumb {
    color: #2C2C2C;
    height: fit-content;
    overflow: hidden;
    margin: 21px 0 18px 0;

    font-size: 14px;
    line-height: normal;
}

.breadcrumb a {
    color: #2C2C2C;
    border: 1px solid #D3D3D3;
    border-radius: 4px;
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    padding-left: 9px;
    padding-right: 4px;
    vertical-align: baseline;
    display: inline-block;
    height: 22px;
    line-height: 22px;
    position: relative;
    margin-right: 18px;
}

.breadcrumb a::after {
    content: ' ';
    display: block;
    position: absolute;
    width: 13px;
    height: 24px;
    top: -1px;
    right: -9px;
    background: url('/img/svg/breadcrumb_arrow.svg') no-repeat 0 0;
    background-size: 12px 24px;
}

.breadcrumb .navigation_page {
    line-height: 24px;
    vertical-align: baseline;
}

.breadcrumb a:hover {
    text-decoration: none;
}

.breadcrumb strong {

}

.breadcrumb .navigation-pipe {
    display: none;
    margin: 0 3px;
    font-size: 22px;
    font-weight: 900;
    color: #0097ff;
    height: 14px;
    position: relative;
    top: 3px;
}

.breadcrumb a#bc_home .bc_home_product{
    display: none;
}

body:not(#category) .breadcrumb a#bc_home .bc_home_product{
    display: inline;
}

/* Drobečková nagivace */

.ellipsis {
    display: none;
    font-size: 18px;
    font-weight: bold;
    margin-right: 10px;
    cursor: pointer;
}

span.breadcrumb_container, span.breadcrumb_container.breadcrumb{
    display: flex;
    flex-flow: row wrap;
    height: fit-content;
    align-items: center;
    line-height: 34px;
}

.breadcrumb_container .breadcrumb a {
    color: black;
    border: unset;
    padding-left: 0;
    text-decoration: underline;
}

.breadcrumb_container .breadcrumb a:hover {
    text-decoration: none;
}

.breadcrumb_container .breadcrumb a#bc_home {
    width: 15px;
    margin-right: 30px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(/themes/mk2/img/icon/home_icon.svg);
}

span.breadcrumb_container .breadcrumb a::after {
    content: ' ';
    right: -12px;
    height: 12px;
    top: 0;
    display: inline-block;
    position: relative;
    transform: rotate(270deg);
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMSIgaGVpZ2h0PSI2IiB2aWV3Qm94PSIwIDAgMTMuMDYgOC4xMjMiPiAgPHBhdGggaWQ9InNpcGthX2RvbHUiIGRhdGEtbmFtZT0ic2lwa2EgZG9sdSIgZD0iTTEwLjExNCwxNy4zMjQsNC44ODUsMTIuMDk1YTEuMjM2LDEuMjM2LDAsMCwxLDAtMS43NDNsLjQzNi0uNDM3YTEuMjM2LDEuMjM2LDAsMCwxLDEuNzQyLDBsMy45OTEsMy45OTEsMy45OTEtMy45OTFhMS4yMzYsMS4yMzYsMCwwLDEsMS43NDIsMGwuNDM2LjQzN2ExLjIzNiwxLjIzNiwwLDAsMSwwLDEuNzQzbC01LjIzLDUuMjI5YTEuMjIzLDEuMjIzLDAsMCwxLS45NC4zNTNBMS4yMjYsMS4yMjYsMCwwLDEsMTAuMTE0LDE3LjMyNFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00LjUyNiAtOS41NTYpIiBmaWxsPSIjODQ4NDg0Ii8+PC9zdmc+) no-repeat center;
}

.breadcrumb_container .breadcrumb a#bc_home::after {
    right: -30px;
}

.breadcrumb_container .breadcrumb .product-text {
    color: #000000;
}

/* END Drobečková nagivace */

/* ************************************************************************************************
      FOOTER
************************************************************************************************ */

.footer-stores {
    width: 976px; /* max 4 stores per row */
    margin: 0 auto 15px;

    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding-top: 60px;
    justify-content: center;
    align-items: center;
    align-content: space-between;
}

.footer-stores .footer-store {
    display: inline-flex;
    width: 220px;
    flex-direction: column;
    border: 1px dashed rgba(138, 138, 138, 1);
    border-radius: 5px;
    box-sizing: border-box;
    margin: 12px;
}

.footer-stores .footer-store h2 {
    text-align: center;
    font-size: 19px;
    font-weight: 700;
    line-height: 25px;
    margin-top: 20px;
    padding: 0 10px;
    font-family: 'Noto Sans', sans-serif;
    font-family: var(--content-font-family), sans-serif;
}

.footer-stores .footer-store img {
    display: block;
    width: 100%;
    height: 166px;
    margin-top: 20px;
}

.footer-stores .footer-store .store-info {
    font-size: 14px;
    margin-top: 20px;
    text-align: center;
    line-height: 18px;
}

.footer-stores .footer-store .store-info .store-info-bigger {
    font-weight: 700;
    font-size: 16px;
}

.footer-stores .footer-store .store-info .store-info-bigger .red {
    color: rgba(210, 0, 0, 1);
}

.footer-stores .footer-store .store-hours {
    font-size: 14px;
    line-height: 25px;
    margin: 14px 0;
    text-align: center;
    text-decoration: underline;
}

#footer {
    width: 100%;
    display: flex;
    flex-direction: column;
    font-family: 'Noto Sans', sans-serif;
    font-family: var(--content-font-family), sans-serif;
    align-items: center;
}

#footer .footer-row {
    display: flex;
    flex-direction: row;
    width: 1185px;
    justify-content: space-between;
    margin-top: 30px;
}

#footer .footer-row.footer-row-center {
    justify-content: space-around;
    align-items: center;
    display: flex;
    flex-direction: row;
}


#footer .footer-row.footer-row-center .zoom-logo {
    transition-duration: 0.5s;
    width: 40px;
    height: 40px;
}

#footer .footer-row.footer-row-center .zoom-logo:hover {
    transform: scale(1.1);
}

#footer .footer-column h2 {
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    padding-bottom: 0px;
}

#footer .footer-column ul {
    margin-top: 14px;
}

#footer .footer-column ul li {
    font-size: 15px;
    line-height: 30px;
}

#footer #heureka-cont,
#footer #map-cont {
    text-align: center;
}

#footer #heureka-cont img {
    width: 188px;
    height: 253px;
    display: inline-block;
}

#footer #map-cont img {
    width: 259px;
    height: 145px;
    display: inline-block;
    margin-top: 14px;
}

#footer .footer-facebook {
    margin-right: 30px;
}

#footer .footer-payment-cont {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 23px 0px;
    border-top: 1px solid rgba(238, 238, 238, 1);
    border-bottom: 1px solid rgba(238, 238, 238, 1);
}

#footer .footer-facebook iframe {
    display: block;
}

#footer .footer-payment-cont > div {
    margin-right: 20px;
}

#footer .footer-payment-cont > div:last-child {
    margin-right: 0px;
}

#footer #footer-payment-info h3 {
    font-family: 'Noto Sans', sans-serif;
    font-family: var(--content-font-family), sans-serif;
    font-size: 16px;
    padding-bottom: 10px;
    font-weight: 700;
}

#footer #footer-payment-info span {
    font-size: 13px;
    color: rgba(112, 112, 112, 1);
    line-height: 18px;
}

#footer-bottom {
    font-family: 'Noto Sans', sans-serif;
    font-family: var(--content-font-family), sans-serif;
    display: flex;
    flex-direction: column;
    width: 100%;
}

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

    #footer-bottom {
        width: 970px;
    }

}

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

    #footer-bottom {
        width: 100%;
    }
}


#footer-bottom-light {
    background: rgb(239, 239, 239);
    background: linear-gradient(180deg, rgba(239, 239, 239, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 100%);
    text-align: center;
    padding: 40px 0px;
    border-top: 1px solid rgba(211, 211, 211, 1);
    border-bottom: 1px solid rgba(211, 211, 211, 1);
}

#footer-bottom-light h1 {
    font-family: 'Noto Sans', sans-serif;
    font-family: var(--content-font-family), sans-serif;
    font-weight: 700;
    font-size: 22px;
    line-height: 25px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    float: none;
    display: inline-block;
    width: auto;
    margin-top: 0px;
    text-align: center;
}

#footer-bottom-light span {
    display: block;
    font-weight: 400;
    font-size: 14px;
    line-height: 25px;
    margin-top: 10px;
}

#footer-bottom-light a {
    display: block;
    font-weight: 400;
    font-size: 22px;
    line-height: 25px;
    text-decoration: underline;
    color: rgba(210, 0, 0, 1);
    margin-top: 20px;
}

#footer-bottom-dark {
    text-align: center;
    font-size: 14px;
    color: rgba(149, 149, 149, 1);
    padding: 15px 0px;
    line-height: 25px;
    background: rgb(77, 77, 77);
    background: linear-gradient(180deg, rgba(77, 77, 77, 1) 0%, rgba(0, 0, 0, 1) 100%);
}

#footer-bottom-dark a {
    color: rgba(200, 200, 200, 1);
    text-decoration: underline;
}

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

    .footer-stores {
        width: 960px;

    }

    .footer-stores .footer-store {
        margin: 10px;
    }

    #footer {
        flex-wrap: wrap;
    }

    #footer .footer-row {
        width: 100%;
        justify-content: space-around;
        flex-wrap: wrap;
    }

}

/* temporarily disable mobile theme (max-width: 450) */
@media screen and (max-width: 1px) {

    .footer-stores {
        /* todo: zobrazit prodejny v mobilni verzi */
        display: none;
    }

    #footer .footer-row {
        width: 375px;
        flex-direction: column;
        align-items: center;
    }

    #footer .footer-column {
        text-align: center;
        margin-top: 30px;
    }

    #footer .footer-store {
        margin-top: 20px;
    }

    #footer .footer-facebook {
        margin-right: 0;
    }

    #footer .footer-instagram {
        margin: 25px;
        width: 60;
        height: 60;
    }

    #footer .footer-payment-cont {
        flex-direction: column;
    }

    #footer #footer-payment-info {
        text-align: center;
    }

    #footer .footer-payment-cont > div {
        margin-right: 0;
    }

    #footer .footer-payment-cont img {
        margin-top: 10px;
    }
}

/* ************************************************************************************************
      HOMEPAGE
************************************************************************************************ */


/* BLOCK HOME FEATURED ************************************************************************* */

#featured-products_block_center .section-header {
    font-family: 'Montserrat', sans-serif;
    font-family: var(--headings-font-family), sans-serif;
    font-size: 28px;
    font-weight: bold;
    line-height: 34px;
    margin: 0 0 24px 0;
    padding: 0;
    overflow: hidden;
    white-space: nowrap;
}

#featured-products_block_center ul,
#new-products #center_column ul,
#best-sales #center_column ul {
    display: inline-block;
    margin-bottom: 30px;
    position: relative;
}

#new-products #center_column ul#product_list, #best-sales #center_column ul#product_list {
    display: flex;
}

#featured-products_block_center ul li,
#new-products ul.best-products li,
#best-sales ul.best-products li,
#category ul.cat-best-products li {
    float: left;
}

#index .slider-container {
    display: block;
    position: relative;
    margin-bottom: 5px;
    width: 1047px;
    height: 220px;
    overflow: hidden;
}

#index .slider-container button:focus {
    outline: 0;
}

#index .slider-container .slick-dots {
    position: absolute;
    margin: 0;
    bottom: 8px;
    width: 100%;
    text-align: center;
    line-height: 2px;
}

#index .slider-container .slick-dots li {
    display: inline-block;
    float: none;
    margin: 0 7px;
    vertical-align: middle;
}

#index .slider-container .slick-dots li button {
    display: inline-block;
    width: 28px;
    height: 9px;
    border-radius: 6px;
    font-size: 0;
    background-color: #9F9F9F;
    cursor: pointer;
}

#index .slider-container .slick-dots li.slick-active button {
    background-color: white;
    box-shadow: rgba(0, 0, 0, 0.44) 0 0 6px 0;
}

#index .slider-container .slick-prev,
#index .slider-container .slick-next {
    position: absolute;
    width: 60px;
    height: 100%;
    top: 0;
    z-index: 1;
    font-size: 0;
    background-color: transparent;
    cursor: pointer;
    line-height: 27px;
}

#index .slider-container .slick-prev:hover {
    background: linear-gradient(270deg, transparent 0%, rgba(0, 0, 0, 0.15) 100%);
}

#index .slider-container .slick-next:hover {
    background: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, 0.15) 100%);
}

#index .slider-container .slick-prev::before,
#index .slider-container .slick-next::before {
    display: block;
    position: absolute;
    content: ' ';
    width: 17px;
    height: 27px;
    background: url('/img/svg/arrow_slider.svg') no-repeat 0 0;
    opacity: 50%;
}

#index .slider-container .slick-prev:hover::before,
#index .slider-container .slick-next:hover::before {
    width: 35px;
    height: 45px;
    background: url('/img/svg/arrow_slider_hover.svg') no-repeat 0 0;
    transform: scaleX(-1);
    top: calc(50% - 22.5px);
    left: -10px;
}

#index .slider-container .slick-prev {
    left: 0;
}

#index .slider-container .slick-prev::before {
    margin-left: 20px;
}

#index .slider-container .slick-next {
    right: 0;
}

#index .slider-container .slick-next::before {
    margin-left: 23px;
    transform: scaleX(-1);
}

#index .slider-container .slick-next:hover::before {
    transform: none;
    left: -8px;
}


@media screen and (max-width: 1280px) {
    #index .slider-container {
        width: 760px;
        height: 160px;
    }

    .slick-slide img {
        display: block;
        width: 760px;
        /*height: 220px;
        object-position: -220px;
        object-fit: cover;*/
        height: 160px;
        object-fit: contain;
    }

    #index .slider-container.slider-welcome-banner .slick-slide img {
        height: 142px;
    }

    #index .slider-container .slick-prev:hover::before,
    #index .slider-container .slick-next:hover::before {
        /*top: 58px;*/
    }
}

#featured-products_block_center .action-banner {
    margin-bottom: 15px;
}

#index #featured-products_block_center .action-banner {
    margin: 0 0 5px 0;
}

#featured-products_block_center .stats-banner {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    width: 100%;
    height: 50px;
    margin-bottom: 30px;
}

#featured-products_block_center .stats-banner .stats-block {
    height: 50px;
    white-space: nowrap;
}

#featured-products_block_center .stats-banner .value {
    display: inline-block;
    vertical-align: top;
    color: #D20000;
    line-height: 50px;
    font-size: 43px;
    font-family: 'Asap', sans-serif;
    font-family: var(--price-font-family), sans-serif;
    font-weight: bold;
    margin-right: 5px;
}

#featured-products_block_center .stats-banner .text {
    display: inline-block;
    margin: 6px 0;
    vertical-align: top;
    font-size: 14px;
    line-height: 19px;
}

#featured-products_block_center .stats-banner .icon {
    max-height: 15px;
}


#featured-products_block_center .banner-why-us {
    position: relative;
    border: 1px solid #D3D3D3;

    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    width: 100%;
    height: 110px;
    box-sizing: border-box;
    padding: 27px 30px 0;

    margin-top: 44px;
    margin-bottom: 46px;
}

#featured-products_block_center .banner-why-us .header {
    position: absolute;
    width: 100%;
    top: -20px;
    font-size: 15px;
    height: 34px;
    line-height: 34px;
    text-align: center;
}

#featured-products_block_center .banner-why-us .header-text {
    display: inline-block;
    background-color: white;
    padding: 0 10px;
}

#featured-products_block_center .banner-why-us .header-text strong {
    font-size: 19px;
    font-weight: bold;
    color: #2BBA31;
}

#featured-products_block_center .banner-why-us .reason {
    height: 60px;
}

#featured-products_block_center .banner-why-us .reason .icon {
    display: inline-block;
    vertical-align: top;
    margin-right: 15px;
    margin-top: 4px;
}

#featured-products_block_center .banner-why-us .reason .title {
    display: block;
    font-weight: bold;
    font-size: 15px;
    margin-bottom: 1px;
}

#featured-products_block_center .banner-why-us .reason .text {
    display: inline-block;
    vertical-align: top;
    white-space: nowrap;
    font-size: 14px;
    line-height: normal;
}

.cover-list-block {
    display: flex;
    justify-content: space-around;
}

.cover-list-block .cover-list-wrapper {
    display: inline-block;
    position: relative;
}

#index .cover-list-wrapper .cover-list.books {

    position: absolute;

}

.cover-list-wrapper {
    width: 300px;
    height: 300px;
}

.cover-list-wrapper .header {
    text-align: center;
    margin-bottom: 25px;
}

.cover-list-wrapper .footer {
    text-align: center;
    bottom: 22px;
    position: absolute;
    left: 0;
    right: 0;
}

.cover-list-wrapper .footer .mk-btn {
    padding: 9px 15px;
    color: #2C2C2C;
}

.cover-list-wrapper .footer .mk-btn:hover,
.cover-list-wrapper > a:hover .footer .mk-btn {
    text-decoration: underline;
}

.cover-list-wrapper .header .title {
    font-family: 'Montserrat', sans-serif;
    font-family: var(--headings-font-family), sans-serif;
    font-weight: 900;
    font-size: 28px;
    line-height: normal;
    color: #D20000;
}

.cover-list-wrapper .header .lore {
    font-size: 18px;
    font-weight: bold;
    line-height: normal;
    color: #2C2C2C;
    height: 24px;
}

.cover-list-wrapper > a {
    position: relative;
    height: 100%;
    display: block;
}


.cover-list-wrapper .cover-list {
    position: absolute;
    display: block !important;
    width: 95%;
    height: 47%;
    margin: 0 auto 20px !important;
    bottom: calc(34px + 22px);
    left: 0;
    right: 0;
}

#product-list .cover-list-wrapper .cover-list,
#category .cover-list-wrapper .cover-list {
    position: relative;
    bottom: 0;
}

.cover-list-wrapper .cover-list li {
    display: flex;
    align-content: flex-end;
    justify-content: space-around;

    position: absolute;
    bottom: 0;
    text-align: center;
}

.cover-list-wrapper .cover-list li img {
    /*max-width: 100%;*/
    max-height: 100%;
    vertical-align: bottom;
}

.cover-list-wrapper .cover-list.books li:nth-child(1) {
    z-index: 5;
    width: 37%;
    height: 100%;
    left: 50%;
    margin-left: -18%;
    margin-right: 0;
}

.cover-list-wrapper .cover-list.books li:nth-child(2) {
    z-index: 4;
    width: 34%;
    height: 92%;
    right: 50%;
    justify-content: flex-start;
    margin: 0;
}

.cover-list-wrapper .cover-list.books li:nth-child(3) {
    z-index: 3;
    width: 34%;
    height: 92%;
    left: 50%;
    justify-content: flex-end;
    margin: 0;
}

.cover-list-wrapper .cover-list.books li:nth-child(4) {
    z-index: 2;
    width: 31%;
    height: 84%;
    left: 0;
    justify-content: flex-start;
    margin: 0;
}

.cover-list-wrapper .cover-list.books li:nth-child(5) {
    z-index: 1;
    width: 31%;
    height: 84%;
    right: 0;
    justify-content: flex-end;
    margin: 0;
}

.cover-list-wrapper .cover-list.books li img {
    box-shadow: 0 0 2px 0 black;
}

.cover-list-wrapper .cover-list.products.n-1 li {
    width: 100%;
    height: 100%;
}

.cover-list-wrapper .cover-list.products.n-3 {
    display: flex !important;
    justify-content: space-evenly;
    align-items: flex-end;
}

.cover-list-wrapper .cover-list.products.n-3 li {
    position: relative;
    width: 32%;
    height: 100%;
}

.cover-list-wrapper .cover-list.products.n-3 li:nth-child(1) {
    order: 2;
}

.cover-list-wrapper .cover-list.products.n-3 li:nth-child(2) {
    order: 1;
    height: 86%;
}

.cover-list-wrapper .cover-list.products.n-3 li:nth-child(3) {
    order: 3;
    height: 86%;
}

.cover-list-wrapper .cover-list.products.n-3 li img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center bottom;
}

.cover-list-wrapper .cover-list.products.n-2 li,
.cover-list-wrapper .cover-list.products.n-4 li,
.cover-list-wrapper .cover-list.products.n-5 li {
    display: none;
}

#featured-products_block_center .cover-list-block,
.cover-list-block {
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    justify-content: space-around;
}

.cover-list-block {
    margin-top: 30px;
}

.cover-list-wrapper {
    margin: 21px 0 22px 0;
}

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

    #featured-products_block_center .stats-banner .stats-block:last-child {
        display: none;
    }

    #featured-products_block_center .cover-list-block,
    .product-page-part .cover-list-block {
        justify-content: space-around;
    }

}

ul.cat-best-products,
ul.best-new-products {
    height: 93px;
}

ul.cat-best-products li,
ul.best-new-products li {
    border-bottom: 4px solid #000;
    width: 59px;
    height: 85px;
    overflow: hidden;
}

#featured-products_block_center ul.best-products li,
#new-products ul.best-products li,
#best-sales ul.best-products li,
#category ul.best-products li {
    position: relative;
    width: 80px;
    height: 106px;
    text-align: center;
    margin: 10px 10px 11px 11px;
}

#featured-products_block_center ul.best-products li.first_item,
#new-products ul.best-products li.first_item,
#best-sales ul.best-products li.first_item,
#category ul.best-products li.first_item {
    width: 175px;
    height: 233px;
    margin-left: 0;
    text-align: left;
}


#featured-products_block_center .product_image,
#new-products .product_image,
#best-sales .product_image {
    display: inline-block;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}

#featured-products_block_center ul.best-products li.thumbs .product_image img,
#new-products ul.best-products li.thumbs .product_image img,
#best-sales ul.best-products li.thumbs .product_image img,
#center_column ul.cat-best-products li.thumbs .product_image img,
#center_column ul.best-new-products li.thumbs .product_image img,
#category ul.cat-best-products li.thumbs .product_image img {
    max-width: 80px;
    max-height: 106px;
    box-shadow: 0 6px 8px rgba(0, 0, 0, 0.16);
    vertical-align: bottom;
}

#featured-products_block_center ul.best-products li.thumbs .product_image img.hide-img-shadow,
#new-products ul.best-products li.thumbs .product_image img.hide-img-shadow,
#best-sales ul.best-products li.thumbs .product_image img.hide-img-shadow,
#center_column ul.cat-best-products li.thumbs .product_image img.hide-img-shadow,
#center_column ul.best-new-products li.thumbs .product_image img.hide-img-shadow,
#category ul.cat-best-products li.thumbs .product_image img.hide-img-shadow {
    box-shadow: none;
}

#featured-products_block_center ul.best-products li.first_item .product_image img,
#new-products ul.best-products li.first_item .product_image img,
#best-sales ul.best-products li.first_item .product_image img,
#center_column ul.cat-best-products li.first_item .product_image img,
#center_column ul.best-new-products li.first_item .product_image img,
#category ul.cat-best-products li.first_item .product_image img {
    max-width: 175px;
    max-height: 233px;
}

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

    #featured-products_block_center ul.best-products li,
    #new-products ul.best-products li,
    #best-sales ul.best-products li,
    #category ul.best-products li {
        margin: 10px 16px 11px 17px;
    }

    #featured-products_block_center ul.best-products li.first_item,
    #new-products ul.best-products li.first_item,
    #best-sales ul.best-products li.first_item,
    #category ul.best-products li.first_item {
        margin-bottom: 138px;
    }

    #featured-products_block_center ul.best-products > li:last-child,
    #new-products ul.best-products > li:last-child,
    #best-sales ul.best-products > li:last-child,
    #category ul.best-products > li:last-child {
        display: none;
    }

}

/* ************************************************************************************************
      PRODUCT PAGE
************************************************************************************************ */

#more_info_block {
    padding-top: 25px;
    margin-bottom: 40px;
}


/* BLOCK idTabs ******************************************************************************** */

#more_info_tabs {
    background: url('/themes/mk2/img/css/breadcrumb-underline.png') 0 bottom no-repeat;
    padding: 0 0 14px 16px;
}

ul.idTabs li {
    float: left;
}

.idTabs a {
    font: 700 18px/18px 'Open Sans', Arial, sans-serif;
    color: #000;
    cursor: default;
    display: block;
    height: 18px;
    text-transform: uppercase;
    text-decoration: none;
}

.idTabs .selected {
    color: #d20000;
}

.idTabs #more_info_tab_more_info {
    color: black;
    font-weight: 900;
}

#more_info_sheets {
    position: relative;
    clear: both;
}

#more_info_sheets ul,
#more_info_sheets ol,
#more_info_sheets dl {
    margin-left: 20px
}

.block_hidden_only_for_screen {
    display: none;
}


/* ************************************************************************************************
      PAGE AUTHENTIFICATION
************************************************************************************************ */

#authentication #right_column {
    display: none
}


/* ************************************************************************************************
      PAYMENT - PAGE ORDER
************************************************************************************************ */


/* nav bottom ********************************************************************************** */
.cart_navigation {
    margin: 20px 0
}

.cart_navigation .exclusive,
.cart_navigation .exclusive_large {
    float: right
}

.cart_navigation .button,
.cart_navigation .button_large {
    border-color: #ccc;
    color: #000;
    background: #cccccc url('/themes/mk2/img/bg_bt_2.gif');
}

/* step 2 - authentification ******************************************************************* */

#authentication #login_form {
    clear: left;
    float: left;
    width: 49%;
}

#authentication #login_form {
    clear: right;
}

#authentication #login_form fieldset {
    height: 240px;
}

#authentication #login_form .form_content {
    padding: 15px 10px
}

#authentication #login_form h3 {
    font-size: 32px;
}

#login_form label {
    width: 180px;
    color: #666
}

#login_form #email,
#login_form #passwd,
#login_form #login_email {
    padding: 0 5px;
    height: 20px;
    width: 220px;
    /* 230 */
    border: 1px solid #ccc;
    color: #666;
    background: url('/themes/mk2/img/bg_discount_name.png') repeat-x 0 0 #fff
}

#create-account_form #SubmitCreate {
    margin-top: 20px;
}

#create-account_form #SubmitCreate,
#login_form #SubmitLogin {
    float: right;
    font-weight: bold;
    background: #d90000;
}

#create-account_form #SubmitCreate:hover,
#login_form #SubmitLogin:hover {
    background: #b20000;
}

.lost_password {
    float: left;
    width: 150px;
}

.lost_password a {
    color: #666;
    text-decoration: underline;
}

.lost_password a:hover {
    text-decoration: none;
}

/* ************************************************************************************************
      paiment - CONFIRMATION
************************************************************************************************ */

#order-confirmation #right_column {
    display: none
}

/* ************************************************************************************************
      PAGE DISCOUNT
************************************************************************************************ */

#discount #right_column {
    display: none
}

#discount #center_column {
    width: 750px;
    float: right;
    margin-right: 0;
}

#discount .table_block tr.last_item td {
    border-bottom: 1px solid #999
}

#discount .table_block td.discount_expiration_date {
    border-right: 1px solid #999
}

#discount .table_block td.discount_value {
    white-space: nowrap
}

/* ************************************************************************************************
      PAGE NEW-PRODUCTS
************************************************************************************************ */

#new-products .sortPagiBar {
    margin-bottom: 20px
}


/* ************************************************************************************************
      PAGE BEST SALES
************************************************************************************************ */

#category section {
    margin: 16px 0 16px 0;
    text-transform: uppercase;
    font: bold 20px/20px 'Open Sans', Arial, sans-serif;
    width: auto;
    background: url('/themes/mk2/img/css/breadcrumb-underline.png') 0 bottom no-repeat #fff;
    padding: 50px 0px 14px 16px;
}

#new-products h3,
#best-sales h3 {
    padding-top: 0;

    font-family: 'Montserrat', sans-serif;
    font-family: var(--headings-font-family), sans-serif;
    font-size: 19px;
    font-weight: bold;

    white-space: nowrap;
    overflow-x: hidden;

    line-height: normal;
}

#featured-products_block_center .horizontal-line,
#new-products .horizontal-line,
#best-sales .horizontal-line {
    background-color: #D3D3D3;
    margin-left: 34px;
    display: inline-block;
    height: 1px;
    width: 100%;
}

/* ************************************************************************************************
      PAGE MANUFACTURER
************************************************************************************************ */

#manufacturer .nbrmanufacturer {
    margin: 15px 0 10px;
    padding: 8px 7px;
    font-size: 12px;
    color: #000;
    background: none repeat scroll 0 0 #f0f0f0
}

#manufacturer #product_list {
    margin-top: 15px
}

ul#manufacturers_list,
ul#suppliers_list {
    list-style: square inside;
}

ul#manufacturers_list li,
ul#suppliers_list li {
    width: 170px;
    white-space: nowrap;
    float: left;
    margin: 0 10px 0 0;
    overflow: hidden;
    height: 25px;
    line-height: 25px;
    font-size: 13px;
}

ul#manufacturers_list li a.lnk_img {
    display: block;
    float: left;
}

ul#manufacturers_list li img {
    display: block;
    float: left;
    margin-right: 14px;
    border: 1px solid #ccc;
    vertical-align: bottom
}

ul#manufacturers_list li h3 {
    padding: 0 0 10px;
    font-size: 13px;
    color: #000
}

ul#manufacturers_list li .description {
    overflow: hidden;
    padding: 0;
    font-size: 12px;
    color: #666
}

ul#manufacturers_list li .right_side {
    float: right;
}


/* ************************************************************************************************
      PAGE SUPPLIER
************************************************************************************************ */

#supplier .nbrmanufacturer {
    margin: 15px 0 10px;
    padding: 8px 7px;
    font-size: 12px;
    color: #000;
    background: none repeat scroll 0 0 #f0f0f0
}

ul#suppliers_list li a.lnk_img {
    display: block;
    float: left;
}

ul#suppliers_list li img {
    display: block;
    float: left;
    margin-right: 14px;
    border: 1px solid #ccc;
    vertical-align: bottom
}

ul#suppliers_list li h3 {
    padding: 0 0 10px;
    font-size: 13px;
    color: #000
}

ul#suppliers_list li .description {
    overflow: hidden;
    padding: 0;
    font-size: 12px;
    color: #666
}

ul#suppliers_list li .right_side {
    float: right;
}


/* ************************************************************************************************
      PAGE SEARCH
************************************************************************************************ */

#search h3.nbresult {
    margin: 0 0 10px 0;
    padding: 10px;
    border: 1px solid #e6db55;
    font-size: 13px;
    background: #ffffe0;
    display: none;
}

#search ul.product_list {
    margin-top: 15px
}

ul.search_suppliers, ul.search_tags, ul.search_manufacturers {
    font-size: 14px;
    list-style: square;
    margin: 0 0 20px 20px;
}

ul.search_suppliers li, ul.search_tags li, ul.search_manufacturers li {
    line-height: 21px;
}


/* ************************************************************************************************
      PAGE 404
************************************************************************************************ */

#pagenotfound .pagenotfound {
    padding: 30px 30px 0 0;
    text-align: center;
    height: 330px;
    font-size: 14px;
    margin-bottom: 100px;
}

#pagenotfound h3 {
    font-weight: normal;
    font-size: 14px
}

#pagenotfound fieldset {
    border: none
}

#pagenotfound fieldset label {
    color: #333

}

#pagenotfound .homebutton {
    width: 150px;
    height: 17px;
    background: #c60909;
    padding: 10px;
    text-align: center;
    border-radius: 5px;
    color: white;
    font-weight: bold;
    margin: 0 auto;
}

#pagenotfound .pagenotfound p {
    font-size: 16px;
    margin-bottom: -10px;

}

#pagenotfound .pagenotfound-prohlednute #category section {
    margin-top: 80px;
    text-align: left;
    font-weight: bold;
}

#pagenotfound h1 {
    margin-bottom: 10px;
}

#pagenotfound #search_query {
    background: url('/themes/mk2/img/css/search-input.png') no-repeat scroll 0px 0px transparent;
    line-height: 14px;
    width: 280px;
    height: 45px;
    padding: 0px 20px;
    /*background: url(../../../img/bg_search_input.png) repeat-x scroll 0 0 #fff;*/
}

#pagenotfound .button_small {
    padding: 4px 7px;
    border: medium none;
    color: #fff;
    text-transform: uppercase;
    background: url('/themes/mk2/img/css/search-button.png') no-repeat scroll 0px 0px #D90000;
    text-indent: -9999px;
    width: 45px;
    height: 45px;
    border-radius: 0;
    position: relative;
    top: 4px;
    left: -4px;
}

#pagenotfound .button_small:hover {
    background: url('/themes/mk2/img/css/search-button.png') no-repeat scroll 0px -45px #D90000;
}

#pagenotfound .pagenotfound a {
    font-weight: bold;
    color: #333
}

#pagenotfound .pagenotfound .icon {
    position: relative;
    top: 3px
}


/* ************************************************************************************************
      addons payment cheque
************************************************************************************************ */

#module-cheque-payment #right_column {
    display: none
}

#module-cheque-payment #center_column {
    width: 750px;
    float: right;
    margin-right: 0;
}


/* ************************************************************************************************
      addons payment bankwire
************************************************************************************************ */

#module-bankwire-payment #right_column {
    display: none
}

#module-bankwire-payment #center_column {
    width: 750px;
    float: right;
    margin-right: 0;
}

/* ************************************************************************************************
      xxxxx
************************************************************************************************ */


/* Redesign srpen - 2012 ++ 2014(brezen) */

.cart_total span {
    float: right;
}

tr.cart_item td.cart_total > span {
    font-size: 14px;
    font-weight: bold;
}

table#cart_summary td#total_shipping,
table#cart_summary td#free_shipping {
    float: right;
    width: 100px;
    text-align: right;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    table#cart_summary td#total_shipping {
        border-bottom: 0;
    }
}

#product p.darek a.red {
    color: #d20000;
}

p.text span.nelze-pridat {
    display: inline-block;
    font-size: 13px;
}

p#balne {
    font-size: 12px;
    clear: both;
    padding: 0;
}

.afterOrderProduct {
    margin-left: 20px;
}

.afterOrderProduct .top_line {
}

.afterOrderProduct .top_line .heading {
    float: left;
    width: 330px;
}

.afterOrderProduct .top_line .heading h3 {
    margin: 7px 0 10px 6px;
    font-size: 26px;
}

.afterOrderProduct .top_line .heading span {
    font-size: 12px;
    padding-left: 9px;
}

.afterOrderProduct .top_line .add_to_order {
    float: right;
    width: 390px;
    margin: 0;
}

.afterOrderProduct .info {
    margin: 15px 0;
}

.afterOrderProduct .info img {
    float: left;
    margin: 0 0 0 5px;
}

.afterOrderProduct input.addToOrderButton {
    color: #fff;
    background: url('/themes/mk2/img/css/button_pridat_k_objednavce.png') repeat-x left top;
    width: 290px;
    text-align: center;
    height: 46px;
    cursor: pointer;
    text-indent: -9999px;
    margin-left: 7px;
}

.afterOrderProduct input.text {
    color: #000;
    line-height: 22px;
    width: 30px;
    height: 38px;
    padding: 0 5px;
    border: 1px solid #CCC;
    margin-top: 0;
    margin-right: 2px;
    font-weight: bold;
    font-size: 26px;
    text-align: center;
}

.afterOrderProduct img {
    float: left;
    margin: 0 20px 0 0;
}

.afterOrderProduct .right_col {
    float: left;
    width: 440px;
}

.afterOrderProduct h3 {
    font-size: 19px;
    font-weight: normal;
    margin-bottom: 0;
    padding-bottom: 0;
}

.afterOrderProduct .price_new,
.afterOrderProduct .price_old {
    font-size: 14px;
    line-height: 22px;
    font-weight: bold;
    margin: 0 0 6px 0;
}

.afterOrderProduct .price {
    font-size: 18px;
    color: #E22324;
}

.afterOrderProduct .price_new .price {
    font-size: 22px;
}

.afterOrderProduct .price_old .price {
    text-decoration: line-through;
}

.afterOrderProduct .add_to_order {
    margin: 20px 0 0 0;
}

.afterOrderProduct .desc {
    font-size: 13px;
    line-height: 16px;
    margin-bottom: 12px;
}


/*
=== ShopRoku - Heureka ===
*/

#index .banner_image {
    margin-bottom: 6px;
}

#index .banner_image a,
#product .banner_image a {
    display: block;
}

#product .banner_image {
    float: right;
}

.assignToCategoriesForm input {
    margin: 0 0 0 10px;
    border: 1px solid darkgray;
    padding: 0 8px;
}


/**
 * Homefeatured
**/

#featured-products_block_center {
    margin-top: 0;
}

#opc_account .addresses label {
    font-size: 13px;
    height: 21px;
    line-height: 21px;
    float: left;
}

.cart_popup {
    font-family: Arial, sans-serif;
    font-size: 14px;
    color: #000000;
    padding: 5px 25px 25px 25px;
    width: 569px;
    height: 323px;
}

.cart_popup .popup_content {
    line-height: 64px;
    height: 64px;
    text-align: center;
}

.cart_popup a {
    text-decoration: underline;
}

.cart_popup a:hover {
    text-decoration: none;
}

.cart_popup .popup_content a {
    font-size: 15px;
    font-style: italic;
    color: #d20000;
}

.cart_popup .popup_success {
    border: 1px solid #B0F1AB;
    background: #DBF3D9 url('/themes/mk2/img/popupcart-ok.png') no-repeat 84px 17px;
    border-radius: 3px;
    height: 56px;
    line-height: 56px;
    text-align: center;
    font-size: 19px;
    font-weight: bold;
    padding-left: 45px;
}

.cart_popup table {
    margin: 29px 0 0 0;
    width: 100%;
}

.cart_popup table td {
    vertical-align: middle;
}

.cart_popup td .qty_wrap {
    background: transparent url('/themes/mk2/img/popupcart-volba-mnozstvi.png') no-repeat left top;
    height: 30px;
    width: 30px;
    text-align: center;
    line-height: 30px;
    margin: 0 12px 0 15px;
    display: inline-block;
}

.cart_popup table td.name {
    width: 290px;
}

.cart_popup table td.name .book_name {
    font-weight: bold;
    line-height: 17px;
    padding: 0 0 8px 0;
    display: block;
}

.cart_popup table td.name .author {
    font-style: italic;
}

.cart_popup table td.price {
    text-align: right;
    padding-right: 15px;
}

.cart_popup .buttons {
    margin: 40px 0 0 0;
}

.cart_popup .buttons a {
    display: block;
    text-indent: -9999px;
}

.cart_popup .buttons a.close_popup {
    background: transparent url('/themes/mk2/img/popupcart-pokracovat-v-nakupu.png') no-repeat left top;
    width: 189px;
    height: 39px;
    float: left;
}

.cart_popup .buttons a.close_popup:hover {
    background-position: 0 -39px;
}

.cart_popup .buttons a.show_cart {
    background: transparent url('/themes/mk2/img/popupcart-prejit-do-kosiku.png') no-repeat left top;
    width: 228px;
    height: 46px;
    float: right;
}

.cart_popup .buttons a.show_cart:hover {
    background-position: 0 -46px;
}

.category-preview-box {
    margin-bottom: 40px;
    position: relative;
}

.category-preview-box .preview-header {
    height: 56px;
    color: white;
    position: relative;
    background-color: black;
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: center;
    padding: 25px 40px;
    border-radius: 4px;
}

.category-preview-box .preview-header a {
    color: white;
}

.category-preview-box .preview-header .title {
    font-family: 'Montserrat', sans-serif;
    font-family: var(--headings-font-family), sans-serif;
    font-size: 30px;
    font-weight: bold;
    line-height: 30px;
    margin-bottom: 13px;
    padding: 0;
}

.category-preview-box .preview-header ul.sub-list {
    margin: 0 !important;
}

.category-preview-box .preview-header ul.sub-list li {
    position: relative;
    margin-right: 28px;
}

.category-preview-box .preview-header ul.sub-list li::after {
    content: ' ';
    width: 1px;
    height: 11px;
    background-color: #FFE600;
    position: absolute;
    top: 2px;
    right: -15px;
}

.category-preview-box .preview-header ul.sub-list li:last-child::after {
    content: none;
}

.category-preview-box .preview-header ul.sub-list a {
    font-size: 16px;
    font-weight: bold;
    color: #FFE600;
}

.category-preview-box .preview-content {
    position: relative;
    height: 37px;
    padding-top: 18px;
    padding-left: 40px;
    border: 1px solid #467CA161;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    font-size: 15px;
}

.category-preview-box .preview-content > * {
    vertical-align: middle;
}

.category-preview-box .preview-content .preview-books {
    position: absolute;
    top: -77px;
    right: 0;
}

.category-preview-box .preview-content .preview-book {
    display: inline-block;
    margin-right: 20px;
}

.category-preview-box .preview-content .preview-book .book-image {
    max-width: 80px;
    max-height: 106px;
    box-shadow: 0 6px 8px rgba(0, 0, 0, 0.16);
}

.category-preview-box .preview-content .title {
    font-weight: bold;
}

.category-preview-box .preview-content ul.top-authors {
    margin: 0 !important;
    line-height: normal;
}

.category-preview-box .preview-content ul.top-authors li {
    position: relative;
    margin-left: 45px;
}

.category-preview-box .preview-content ul.top-authors li::before {
    content: ' ';
    position: absolute;
    top: 5px;
    left: -24px;
    width: 17px;
    height: 12px;
    background-repeat: no-repeat;
}

.category-preview-box .preview-content ul.top-authors li:nth-child(1)::before {
    background-image: url('/themes/mk2/img/icon/top-gold.png');
}

.category-preview-box .preview-content ul.top-authors li:nth-child(2)::before {
    background-image: url('/themes/mk2/img/icon/top-silver.png');
}

.category-preview-box .preview-content ul.top-authors li:nth-child(3)::before {
    background-image: url('/themes/mk2/img/icon/top-copper.png');
}

/*Dokončení objednávky*/

.obrazek {
    float: left;
}

.ukazatel {
    margin-right: 5px;
}

.opc_seznam,
.opc_nadpis {
    font-family: Arial, sans-serif;
}

.opc_seznam {
    font-weight: bold;
    float: right;
    line-height: 25px;
}

.row1 {
    width: 700px;
    padding-top: 45px;
    clear: both;
}

.opc_nadpis {
    font-size: 16px;
}

.opc_vybirat {
    display: inline-block;
    padding: 0 20px 0 20px;
    background: url('/themes/mk2/img/cart-back-to-shopp.png') repeat-x 0 0;
    cursor: pointer;
    height: 38px;
    width: 130px;
    clear: both;
    text-transform: uppercase;
}

.opc_vybirat:hover {
    background-position: left -39px;
}

.row0 {
    padding-top: 0;
}

.row3 {
    padding-bottom: 35px;
}

.login_undo {
    padding: 2px 5px;
    border: 1px solid black;
    border-radius: 5px;
}

.login_undo:hover {
    color: white;
}


/* User profile header */

.profile-page-title {
    font-family: 'Montserrat', sans-serif;
    font-family: var(--headings-font-family), sans-serif;
    font-size: 35px;
    font-weight: normal;
    text-align: center;
    margin-bottom: 55px;
}

.profile-menu-wrapper {
    text-align: center;
    margin-bottom: 50px;
}

.profile-header {
    width: 100%;
    font-size: 0;
    margin-bottom: 70px;
    line-height: normal;
}

.profile-header > .left-side {
    display: inline-block;
    width: 50%;
    height: 144px;
    font-size: 14px;
    text-align: right;
    border-right: 1px solid #D3D3D3;
    padding-right: 39px;
    box-sizing: border-box;
    vertical-align: top;
}

.profile-header > .right-side {
    position: relative;
    display: inline-block;
    width: 50%;
    height: 144px;
    font-size: 14px;
    margin-left: -1px;
    padding-left: 40px;
    box-sizing: border-box;
    vertical-align: top;
}

.profile-header .avatar-wrapper {
    display: inline-block;
    width: 140px;
    height: 140px;
    border-radius: 50%;
    overflow: hidden;
}

.profile-header .avatar-wrapper > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.profile-header .name-line {
    margin-bottom: 5px;
}

.profile-header .username {
    font-size: 27px;
    font-weight: bold;
    vertical-align: middle;
}

.profile-header .logout {
    color: #727272;
    font-size: 14px;
    text-decoration: underline;
    margin-left: 40px;
    vertical-align: middle;
}

.profile-header .profile-stats {
    position: absolute;
    bottom: 0;
    margin-top: 10px;
}

.profile-header .profile-stats li {
    margin-bottom: 8px;
}

.profile-header .profile-stats li:last-child {
    margin-bottom: 0;
}

.profile-header .profile-stats a {
    font-size: 16px;
    font-weight: bold;
    text-decoration: underline;
    color: #00236A;
    line-height: normal;
}

.profile-header .profile-stats .count {
    display: inline-block;
    font-size: 16px;
    color: #848484;
    margin-left: 8px;
}

/* *** */

.ulozit2 {
    display: inline-block;
    padding: 0 20px 0 20px;
    background: #D20000;
    color: white;
    cursor: pointer;
    height: 42px;
    width: 105px;
    clear: both;
    text-transform: uppercase;
    border-radius: 5px;
    font-weight: bold;
}

.ulozit2:hover {
    background: #FF3838;
}

.ulozit2 .disabled {
    background: #F8A4A4;
}

.button_odeslat {
    display: inline-block;
    padding: 0;
    background: url('/themes/mk2/img/button_odeslat.png') repeat-x 0 0;
    cursor: pointer;
    height: 42px;
    width: 117px;
    clear: both;
    text-transform: uppercase;
    text-indent: -9999px;
}

.button_odeslat:hover {
    background-position: left -43px;
}

#guest-tracking .text input {
    font-size: 15px;
    line-height: 15px;
    color: black;
    background-color: white;
    border: 1px solid #D3D3D3;
    border-radius: 5px;
    padding: 6px 12px;
}


/* Zařazování knih do série */

.category_banner {
    max-width: 1047px;
}

@media screen and (max-width: 1280px) {
    .category_banner {
        max-width: 760px;
    }
}

#index .category_banner {
    margin-bottom: 10px;
    margin-top: 10px;
}

#category .category_banner {
    margin-bottom: 30px;
}

#product .category_banner {
    margin-bottom: 25px;
}

.banner_spacer {
    margin-bottom: 30px;
}

#show-newsletter.general table tr:nth-last-child(2) {
    display: none;
}

#show-newsletter {
    margin: 30px 0;
}

#product #editacni_panel,
#category #editacni_panel {
    position: fixed;
    right: 0;
    top: 50px;
    width: 300px;
    bottom: 50px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    box-shadow: black 4px 6px 20px;
    padding: 10px;
    color: #D20000;
    font-weight: bold;
    display: none;
    background: rgba(255, 255, 255, 0.5);
    overflow-x: hidden;
    cursor: pointer;
}

#product #editacni_panel img,
#category #editacni_panel img {
    padding-right: 5px;
    margin-top: 5px;
}

#product #editacni_panel h2,
#category #editacni_panel h2 {
    color: black;
    width: 100%;
    text-align: center;
    cursor: pointer;
}

#product #editacni_panel td:hover,
#category #editacni_panel td:hover {
    text-decoration: underline;
}

#product #serie_vyber,
#category #serie_vyber {
    display: none;
    position: fixed;
    top: 250px;
    right: 320px;
    text-align: center;
    background: rgba(255, 255, 255, 0.8);
    z-index: 100;
    width: 150px;
    box-shadow: black 4px 6px 20px;
    padding-top: 5px;
    border-radius: 5px;
}

#product .e_button,
#category .e_button {
    padding: 10px;
    border: black solid 1px;
    border-radius: 5px;
    cursor: pointer;
    width: 100px;
    font-weight: bold;
    margin: auto;
}

#product .e_button:hover,
#category .e_button:hover {
    box-shadow: black 4px 6px 20px;
}

#product .podtrzeno,
#category .podtrzeno {
    border-bottom: black solid 2px;
}

#product #tbbl,
#category #tbbl {
    width: 290px;
    max-width: 290px;
    margin: auto;
}

#product #tbbl .podtrzeno,
#category #tbbl .podtrzeno {
    font-size: 20px;
    padding-bottom: 5px;
    padding-top: 15px;
}

#product .odebrat,
#category .odebrat {
    background: #D20000;
    color: white;
}

#product .pridat,
#category .pridat {
    background: #669900;
}

#product #serie_vyber .informace,
#category #serie_vyber .informace {
    font-size: 11px;
    font-weight: normal;
    border: none;
    width: 120px;
}

#product #serie_vyber .informace:hover,
#category #serie_vyber .informace:hover {
    box-shadow: 0 0 0 0 white;
}

#product #serie_vyber h3,
#category #serie_vyber h3 {
    font-size: 12px;
    color: #D20000;
}

#product #nadpis255,
#category #nadpis255 {
    position: relative;
}

#product #editacni_panel #close,
#category #editacni_panel #close,
#nadpis255 div {
    position: absolute;
    top: 2px;
    right: 2px;
}

#product #editacni_panel #close,
#category #editacni_panel #close,
#product #nadpis255 div img,
#category #nadpis255 div img {
    width: 20px;
    cursor: pointer;
}

#product ul#product_list li a.sedivej div,
#category ul#product_list li a.sedivej div {
    color: white;
    position: absolute;
    z-index: 100;
    background: #D20000;
    font-weight: bold;
    text-align: center;
    top: 55px;
    left: 25px;
    padding: 25px;
    border-radius: 25px;
}

#product #editacni_panel .zvolena1 span,
#category #editacni_panel .zvolena1 span {
    color: gray;
    font-size: 10px;
}

#product #editacni_panel .zvolena1:hover,
#category #editacni_panel .zvolena1:hover {
    text-decoration: none;
}

#product ul#product_list li a.sedivej div span,
#category ul#product_list li a.sedivej div span {
    font-size: 10px;
}

#product .zapnout_serie,
#category .zapnout_serie {
    position: absolute;
    top: 20px;
    right: 10px;
    z-index: 100;
    background: #D20000;
    font-size: 10px;
    border-radius: 5px;
    padding: 5px;
}

#product .zapnout_serie:hover,
#category .zapnout_serie:hover {
    box-shadow: black 4px 6px 20px;
}

#product .zapnout_serie a,
#category .zapnout_serie a {
    color: white;
    font-weight: bold;
}

#product .zapnout_serie a:hover,
#category .zapnout_serie a:hover {
    text-decoration: none;
}

#product #popis_trizeni,
#category #popis_trizeni {
    color: #0EB100;
    font-style: italic;
    margin: auto;
    text-align: center;
}

#product #vyhledavani,
#category #vyhledavani {
    border: 1px solid gray;
    color: gray;
    width: 100%;
}

#product .nenalezeno,
#category .nenalezeno {
    text-align: center;
    font-size: 25px;
    padding-top: 50px;
}

#product .nenalezeno i,
#category .nenalezeno i {
    color: gray;
    font-size: 12px;
    padding-top: 10px;
}

#product #editacni_panel td.nenalezeno:hover,
#category #editacni_panel td.nenalezeno:hover {
    text-decoration: none;
}

div.clear.table_block .one_comment .content #doplnit_comment {
    background: url('/themes/mk2/img/zeleny-tlacitko.png');
    width: 259px;
    height: 48px;
    cursor: pointer;
}

div.clear.table_block .one_comment .content #doplnit_comment:hover {
    background-position: left -48px
}

div.clear.table_block .one_comment .content #doplnit_comment2 {
    background: url('/themes/mk2/img/aktualizovat-hodnoceni.png');
    width: 263px;
    height: 43px;
    cursor: pointer;
}

div.clear.table_block .one_comment .content #doplnit_comment2:hover {
    background-position: left -43px;
}

#prvni_pridani {
    height: 57px;
    line-height: 57px;
    text-align: center;
    width: 100%;
    position: relative;
    color: #0EB100;
    font-weight: bold;
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 15px;
    cursor: pointer;
    background: transparent url('/themes/mk2/img/pole-pro-plus-hover.png') 0 -55px;
    margin-top: 30px;
    margin-bottom: 30px;
}

#prvni_pridani img {
    top: 8px;
    position: relative;
    padding-left: 10px;
}

#prvni_pridani:hover {
    background-position: 0 0;
}

#rozdelovac {
    clear: both;
}

#order-confirmation .row1 {
    padding-top: 0;
    margin-bottom: 20px;
}

.balici_papir_banner {
    display: block;
    margin: 0 0 40px 22px;
}

#citaty img {
    max-width: 760px;
}

#citaty {
    padding-bottom: 50px;
    text-align: center;
}

#citaty .mezera {
    padding-bottom: 20px;
    padding-top: 20px;
}

#citaty h1 {
    padding-top: 20px;
    margin-bottom: 20px;
}

#citaty a.citat {
    position: relative;
    display: table;
}

#citaty .fb-share-button {
    position: absolute;
    bottom: 10px;
    right: 10px;
}

/** úvodnik pro temata **/

#tag_text {
    margin-top: 15px;
    margin-bottom: 10px;
    margin-left: 15px;
}

#tag_text p {
    font: 17px/27px Arial, sans-serif;
}

#tag_text_link {
    float: right;
    font-size: 14px;
}

.text_button {
    text-decoration: underline;
    background: none;
    cursor: pointer;
}

.text_button:hover {
    text-decoration: none;
}

.text_button.highlight {
    font-weight: bold;
    color: #FF0000;
}

.text_button.left {
    float: left;
}

.text_button.right {
    float: right;
}

.ab_test_2 {
    display: none;
}

h1.stary {
    display: none;
}

h1.novy {
    display: none;
}

h1.tag {
    margin-bottom: 30px;
}

#response .success,
#profile-response .success {
    text-align: center;
    background: #BFF7BF;
    padding: 5px 10px;
    font-weight: bold;
    margin-bottom: 10px;
}

#response .error,
#profile-response .error {
    text-align: center;
    background: #D20000;
    padding: 5px 10px;
    font-weight: bold;
    color: white;
    margin-bottom: 10px;
}

#response .error2 li {
    margin-left: 20px;
}

.valid {
    background-image: url('/themes/mk2/img/green-tick.png') !important;
    background-size: 18px 18px !important;
    background-repeat: no-repeat !important;
    background-position-x: 240px !important;
    background-position-y: 2px !important;
}

#add_address .valid {
    background-position-x: 350px !important;
}

.addresses .valid,
.addresses .invalid {
    background-position-x: 253px !important;
}

.valid:-webkit-autofill,
.valid:-webkit-autofill:hover,
.valid:-webkit-autofill:focus,
.valid:-webkit-autofill:active {
    background-image: url('/themes/mk2/img/green-tick.png') !important;
    background-size: 18px 18px !important;
    background-repeat: no-repeat !important;
    background-position-x: 240px !important;
    background-position-y: 2px !important;
}

#add_address .valid:-webkit-autofill,
#add_address .valid:-webkit-autofill:hover,
#add_address .valid:-webkit-autofill:focus,
#add_address .valid:-webkit-autofill:active {
    background-position-x: 350px !important;
}

.invalid {
    background-image: url('/themes/mk2/img/red-cross.png') !important;
    background-size: 18px 18px !important;
    background-repeat: no-repeat !important;
    background-position-x: 240px !important;
    background-position-y: 2px !important;
}

#add_address .invalid {
    background-position-x: 350px !important;
}

.invalid:-webkit-autofill,
.invalid:-webkit-autofill:hover,
.invalid:-webkit-autofill:focus,
.invalid:-webkit-autofill:active {
    background-image: url('/themes/mk2/img/red-cross.png') !important;
    background-size: 18px 18px !important;
    background-repeat: no-repeat !important;
    background-position-x: 240px !important;
    background-position-y: 2px !important;
}

#add_address .invalid:-webkit-autofill,
#add_address .invalid:-webkit-autofill:hover,
#add_address .invalid:-webkit-autofill:focus,
#add_address .invalid:-webkit-autofill:active {
    background-position-x: 350px !important;
}

#address .submit2 .zpet {
    display: inline-block;
    text-transform: uppercase;
    padding: 10px 20px;
    margin-right: 10px;
    background: #D20000;
    color: white;
    text-decoration: none;
    border-radius: 5px;
    font-weight: bold;
}

#address .submit2 .zpet:hover {
    background: #FF3838;
}

.loading {
    background-image: url('/themes/mk2/img/ajax-loader3.gif') !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: contain !important;
    text-indent: -5000px !important;
}

.loadingSVG {
    background-image: url('/themes/mk2/img/ajax-loader.svg') !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: contain !important;
    text-indent: -5000px !important;
}

.circle-image-big {
    width: 70px;
    height: 70px;
    border-radius: 50%;
}

.circle-image-small {
    width: 40px;
    height: 40px;
    border-radius: 20px;
}

.toast-error {
    background-color: #D20000;
}


/* Reviews */

#reviews-cont {
    margin-bottom: 25px;
    text-align: center;
}

.notice {
    text-align: center;
    margin: 10px;
    font-size: 1.5em;
    font-weight: bold;
    color: #000000;
}

.review-cont,
.review-comment-cont {
    font-size: 0px;
    width: 100%;
    position: relative;
    text-align: left;
    padding-bottom: 26px;
    margin-bottom: 26px;
}

.review-comment-cont {
    padding-bottom: 0;
    margin-bottom: 0;
}

.review-comment-cont .comment-username-cont {
    margin-top: 0;
    overflow: hidden;
    margin-bottom: 5px;
}

.review-cont {
    border-bottom: 1px solid rgba(211, 211, 211, 1);
}

.review-comment-cont {
    border-top: 1px solid rgba(211, 211, 211, 1);
}

.review-cont > div,
.review-comment-cont > div {
    display: inline-block;
}

.comment-avatar-cont img {
    display: block;
}

.review-username {
    font-size: 16px;
    font-weight: 700;
    color: black;
    line-height: 25px;
    display: inline-block;
    vertical-align: middle;
}

.comment-username {
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    line-height: 25px;
    float: left;
}

.comment-username-cont > div:nth-of-type(2) {
    font-weight: 400;
    font-style: italic;
}

.comment-username-cont {
    margin-top: 26px
}

.table-timestamp {
    display: none;
    position: absolute;
    top: 0px;
    margin: 2px 0px;
    right: 0px;
    font-size: 11px;
    color: #000000;
}

.review-header .review-delete,
.comment-header .comment-delete {
    display: none;
}

.review-delete-button,
.comment-delete-button,
.check-delete-button {
    font-size: 14px;
    font-style: italic;
    text-decoration: underline;
    color: #d20000;
    font-weight: normal;
    cursor: pointer;
    text-align: center;
}

.check-delete-button {
    width: auto;
    margin-right: 15px;
}

.check-delete-button.abort {
    margin-right: 0px;
}

.review-delete-button:hover,
.comment-delete-button:hover,
.check-delete-button:hover {
    color: #FF3838;
}

.review-right-cont {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 909px;
}

.review-rating {
    display: inline-block;
    margin-left: 10px;
    vertical-align: middle;
    position: relative;
}

.comment-right-cont {
    margin-top: 17px;
    display: inline-block;
    width: 809px;
}

.review-footer {
    margin-top: 12px;
}

.comment-footer {
    margin-top: 5px;
}

.review-footer > div,
.comment-footer > div {
    display: inline-block;
}

.react-avatar-preview,
.review-form-avatar > img {
    margin-left: 5px;
}

.load-more {
    width: 220px;
    height: 45px;
    margin-top: 20px;
}

.composite-button {
    background: none;
    cursor: pointer;
    font-size: 0;
}

.composite-button > .composite-button-text,
.composite-button > .composite-button-icon {
    display: inline-flex;
    height: 100%;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    vertical-align: top;
}

.composite-button-text {
    background-color: rgba(213, 253, 187, 1);
    color: rgba(30, 86, 19, 1);
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
    border-top: 1px solid rgba(182, 226, 163, 1);
    border-bottom: 1px solid rgba(182, 226, 163, 1);
    border-right: 1px solid rgba(182, 226, 163, 1);
    font-size: 16px;
}

.composite-button:hover .composite-button-text {
    background-color: rgba(233, 255, 219, 1);
}

.composite-button-icon {
    background-repeat: no-repeat;
    background-position: center;
    background-color: rgba(61, 171, 15, 1);
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
    border-top: 1px solid rgba(182, 226, 163, 1);
    border-bottom: 1px solid rgba(182, 226, 163, 1);
    border-left: 1px solid rgba(182, 226, 163, 1);
}

.composite-button:hover .composite-button-icon {
    background-color: rgba(79, 187, 34, 1);
}


.load-more .load-more-icon {
    width: 45px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMS41MDYiIGhlaWdodD0iMTcuOTk0IiB2aWV3Qm94PSIwIDAgMTEuNTA2IDE3Ljk5NCI+ICA8ZyBpZD0ixaFpcGthX2RvbMWvIiBkYXRhLW5hbWU9IsWhaXBrYSBkb2zFryIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNjkzLjcwOCAxNDg4LjA3NCkgcm90YXRlKDE4MCkiPiAgICA8cGF0aCBpZD0iaWZfYXJyb3ctZG93bi0wMV8xODY0MTEiIGQ9Ik00LjkyNCw2Ljg0NS4zMTcsMi4yMzdBMS4wODksMS4wODksMCwwLDEsLjMxNy43TC43LjMxN2ExLjA4OSwxLjA4OSwwLDAsMSwxLjUzNSwwTDUuNzUzLDMuODMzLDkuMjcuMzE3YTEuMDg5LDEuMDg5LDAsMCwxLDEuNTM1LDBMMTEuMTg5LjdhMS4wODksMS4wODksMCwwLDEsMCwxLjUzNkw2LjU4MSw2Ljg0NWExLjA3OCwxLjA3OCwwLDAsMS0uODI4LjMxMUExLjA4LDEuMDgsMCwwLDEsNC45MjQsNi44NDVaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg2OTMuNzA4IDE0NzcuMjM4KSByb3RhdGUoMTgwKSIgZmlsbD0iI0Q1RkRCQiIvPiAgICA8bGluZSBpZD0iTGluZV8xNyIgZGF0YS1uYW1lPSJMaW5lIDE3IiB5Mj0iMTEuODk2IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg2ODcuOTMxIDE0NzQuNzc4KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRDVGREJCIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS13aWR0aD0iMi44Ii8+ICA8L2c+PC9zdmc+);
}

.load-more:hover .load-more-icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMS41MDYiIGhlaWdodD0iMTcuOTk0IiB2aWV3Qm94PSIwIDAgMTEuNTA2IDE3Ljk5NCI+ICA8ZyBpZD0ixaFpcGthX2RvbMWvIiBkYXRhLW5hbWU9IsWhaXBrYSBkb2zFryIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNjkzLjcwOCAxNDg4LjA3NCkgcm90YXRlKDE4MCkiPiAgICA8cGF0aCBpZD0iaWZfYXJyb3ctZG93bi0wMV8xODY0MTEiIGQ9Ik00LjkyNCw2Ljg0NS4zMTcsMi4yMzdBMS4wODksMS4wODksMCwwLDEsLjMxNy43TC43LjMxN2ExLjA4OSwxLjA4OSwwLDAsMSwxLjUzNSwwTDUuNzUzLDMuODMzLDkuMjcuMzE3YTEuMDg5LDEuMDg5LDAsMCwxLDEuNTM1LDBMMTEuMTg5LjdhMS4wODksMS4wODksMCwwLDEsMCwxLjUzNkw2LjU4MSw2Ljg0NWExLjA3OCwxLjA3OCwwLDAsMS0uODI4LjMxMUExLjA4LDEuMDgsMCwwLDEsNC45MjQsNi44NDVaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg2OTMuNzA4IDE0NzcuMjM4KSByb3RhdGUoMTgwKSIgZmlsbD0iI2ZmZiIvPiAgICA8bGluZSBpZD0iTGluZV8xNyIgZGF0YS1uYW1lPSJMaW5lIDE3IiB5Mj0iMTEuODk2IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg2ODcuOTMxIDE0NzQuNzc4KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS13aWR0aD0iMi44Ii8+ICA8L2c+PC9zdmc+);
}

.load-more .load-more-text {
    width: 175px;
}

#reviews-header {
    display: flex;
    align-items: center;
}

#reviews-header > div,
#reviews-ratings > div {
    display: inline-block;
    vertical-align: middle;
}

.reviews-header-text {
    font-size: 19px;
    font-weight: 700;
    margin-right: 15px;
}

#reviews-header > div.reviews-header-divider:nth-of-type(1) {
    display: none;
}

.reviews-header-divider {
    height: 1px;
    background: #BBC0C4;
    margin-left: 13px;
    margin-right: 13px;
    flex-grow: 1;
}

.reviews-ratings-total {
    color: #FCAD13;
    box-sizing: border-box;
    min-width: 30px;
    height: 29px;
    border-radius: 15px;
    border: 2px solid #FCAD13;
    margin-left: 6px;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    line-height: 24px;
    padding: 0px 4px;
}

.reviews-ratings-total.redTotalReview {
    color: #d10c00;
    box-sizing: border-box;
    min-width: 30px;
    height: 29px;
    border-radius: 15px;
    border: 2px solid #d10c00;
    margin-left: 6px;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    line-height: 24px;
    padding: 0px 4px;
}

#reviews-select-cont {
    font-size: 15px;
    font-weight: normal;
    color: #000000;
    text-align: right;
}

#order-select {
    color: #000000;
    background: url('/themes/mk2/img/arrow_down_black.svg');
    background-repeat: no-repeat;
    background-size: 9px 6px;
    background-position: center right;
    cursor: pointer;
    -moz-appearance: none;
    -webkit-appearance: none;
    font-weight: bold;
    padding-left: 5px;
    padding-right: 10px;
}

.review-avatar-cont,
.comment-avatar-cont {
    position: relative;
    display: inline-block;
    width: 70px;
    margin-right: 30px;
    vertical-align: top;
}

.comment-avatar-cont {
    margin-top: 17px;
}

.review-body,
.comment-body {
    font-size: 16px;
    line-height: 25px;
    word-wrap: break-word;
    clear: both;
}

.hidden-text {
    display: none;
}

.left {
    width: 51%;
    vertical-align: middle;
    text-align: left;
}

.comment-footer > .left {
    width: 41%;
}

.comment-footer > .right {
    width: 59%;
}

.right {
    width: 49%;
    vertical-align: middle;
    text-align: right;
}

.left > div,
.right > div {
    display: inline-block;
    vertical-align: middle;
}

.left > div {
    font-size: 14px;
}

.review-react-button,
.comment-react-button {
    font-size: 14px;
    font-style: italic;
    text-decoration: underline;
    color: #787878;
    font-weight: normal;
    cursor: pointer;
    margin-right: 30px;
    text-align: center;
}

.review-show-comments-button {
    font-size: 14px;
    font-weight: 600;
    font-style: italic;
    color: black;
    cursor: pointer;
    text-align: center;
    margin-right: 30px;
    line-height: 22px;
}

.review-show-comments-button > .img.comments {
    display: inline-block;
    float: left;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25.824' height='22.25' viewBox='0 0 25.824 22.25'%3E%3Cg id='Group_3843' data-name='Group 3843' transform='translate(-810.6 -1296.15)'%3E%3Cpath id='iconfinder_comment-o_1608644' d='M12.512,257.787a14.481,14.481,0,0,0-5.327.971,10.026,10.026,0,0,0-3.938,2.618,5.277,5.277,0,0,0-1.459,3.561,5.1,5.1,0,0,0,1,2.981A8.511,8.511,0,0,0,5.6,270.369l1.215.7-.377,1.341a10.014,10.014,0,0,1-.978,2.4,13.772,13.772,0,0,0,3.84-2.388l.6-.531.8.084a15.793,15.793,0,0,0,1.815.112,14.482,14.482,0,0,0,5.327-.971,10.026,10.026,0,0,0,3.938-2.618,5.074,5.074,0,0,0,0-7.122,10.026,10.026,0,0,0-3.938-2.618A14.481,14.481,0,0,0,12.512,257.787Zm12.512,7.15a6.965,6.965,0,0,1-1.676,4.49A11.317,11.317,0,0,1,18.8,272.68a16.232,16.232,0,0,1-6.284,1.194,19.1,19.1,0,0,1-2.025-.112,15.263,15.263,0,0,1-6.424,3.379,10.515,10.515,0,0,1-1.592.307H2.4a.558.558,0,0,1-.377-.147.711.711,0,0,1-.223-.384V276.9a.184.184,0,0,1-.007-.168.374.374,0,0,0,.028-.14q-.007-.028.063-.133l.084-.126.1-.119.112-.126q.1-.112.433-.482l.482-.531q.147-.161.433-.552a5.673,5.673,0,0,0,.454-.712q.168-.321.377-.824a8.876,8.876,0,0,0,.363-1.061,10.253,10.253,0,0,1-3.456-3.072A6.775,6.775,0,0,1,0,264.937a6.965,6.965,0,0,1,1.676-4.49,11.317,11.317,0,0,1,4.552-3.254A16.233,16.233,0,0,1,12.512,256a16.233,16.233,0,0,1,6.284,1.194,11.317,11.317,0,0,1,4.552,3.254A6.965,6.965,0,0,1,25.024,264.937Z' transform='translate(811 1040.551)' stroke='%23000' stroke-width='0.8'/%3E%3Ccircle id='Ellipse_65' data-name='Ellipse 65' cx='1.152' cy='1.152' r='1.152' transform='translate(826.292 1304.811)' stroke='%23000' stroke-width='0.8'/%3E%3Ccircle id='Ellipse_66' data-name='Ellipse 66' cx='1.152' cy='1.152' r='1.152' transform='translate(822.039 1304.811)' stroke='%23000' stroke-width='0.8'/%3E%3Ccircle id='Ellipse_67' data-name='Ellipse 67' cx='1.152' cy='1.152' r='1.152' transform='translate(817.785 1304.811)' stroke='%23000' stroke-width='0.8'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
    height: 22px;
    width: 26px;
    margin-right: 5px;
}

.review-cont .review-verified {
    display: inline-block;
    font-size: 16px;
    vertical-align: middle;
    margin-left: 10px;
    line-height: normal;
    color: #3DAB0F;
    font-weight: bold;
}

.rate-msg {
    color: #3DAB0F;
    font-size: 14px;
    font-weight: bold;

    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

.not-chosen {
    opacity: 0.2;
}

.not-chosen:hover {
    opacity: 1;
}

.like-counter {
    text-align: center;
    font-weight: 700;
    border-radius: 4px;
    width: 26px;
    height: 22px;
    box-sizing: border-box;
}

.supplier-like-button {
    width: 36px;
    height: 36px;
    border-radius: 18px;
    margin-right: 5px;
    margin-left: 19px;
    cursor: pointer;
    position: relative;
}

.supplier-like-button {
    background: #48bf17;
    background: -moz-linear-gradient(top, #48bf17 0%, #1d9c00 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #48bf17), color-stop(100%, #1d9c00));
    background: -webkit-linear-gradient(top, #48bf17 0%, #1d9c00 100%);
    background: -o-linear-gradient(top, #48bf17 0%, #1d9c00 100%);
    background: -ms-linear-gradient(top, #48bf17 0%, #1d9c00 100%);
    background: linear-gradient(to bottom, #48bf17 0%, #1d9c00 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#48bf17', endColorstr='#1d9c00', GradientType=0);
    -webkit-box-shadow: 0px 3px 3px -3px rgba(29, 156, 0, 1);
    -moz-box-shadow: 0px 3px 3px -3px rgba(29, 156, 0, 1);
    box-shadow: 0px 3px 3px -3px rgba(29, 156, 0, 1);
}

.supplier-like-button:hover {
    background: #48bf17;
    background: -moz-linear-gradient(top, #1d9c00 0%, #48bf17 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #1d9c00), color-stop(100%, #48bf17));
    background: -webkit-linear-gradient(top, #1d9c00 0%, #48bf17 100%);
    background: -o-linear-gradient(top, #1d9c00 0%, #48bf17 100%);
    background: -ms-linear-gradient(top, #1d9c00 0%, #48bf17 100%);
    background: linear-gradient(to bottom, #1d9c00 0%, #48bf17 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1d9c00', endColorstr='#48bf17', GradientType=0);
    -webkit-box-shadow: 0px 3px 3px -3px rgba(72, 191, 23, 1);
    -moz-box-shadow: 0px 3px 3px -3px rgba(72, 191, 23, 1);
    box-shadow: 0px 3px 3px -3px rgba(72, 191, 23, 1);
}

.dislike-button {
    background: #c30505;
    background: -moz-linear-gradient(top, #c30505 0%, #fd0000 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #c30505), color-stop(100%, #fd0000));
    background: -webkit-linear-gradient(top, #c30505 0%, #fd0000 100%);
    background: -o-linear-gradient(top, #c30505 0%, #fd0000 100%);
    background: -ms-linear-gradient(top, #c30505 0%, #fd0000 100%);
    background: linear-gradient(to bottom, #c30505 0%, #fd0000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c30505', endColorstr='#fd0000', GradientType=0);
    -webkit-box-shadow: 0px 3px 3px -3px rgba(253, 0, 0, 1);
    -moz-box-shadow: 0px 3px 3px -3px rgba(253, 0, 0, 1);
    box-shadow: 0px 3px 3px -3px rgba(253, 0, 0, 1);
}

.dislike-button:hover {
    background: #fd0000;
    background: -moz-linear-gradient(top, #fd0000 0%, #c30505 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #fd0000), color-stop(100%, #c30505));
    background: -webkit-linear-gradient(top, #fd0000 0%, #c30505 100%);
    background: -o-linear-gradient(top, #fd0000 0%, #c30505 100%);
    background: -ms-linear-gradient(top, #fd0000 0%, #c30505 100%);
    background: linear-gradient(to bottom, #fd0000 0%, #c30505 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fd0000', endColorstr='#c30505', GradientType=0);
    -webkit-box-shadow: 0px 3px 3px -3px rgba(195, 5, 5, 1);
    -moz-box-shadow: 0px 3px 3px -3px rgba(195, 5, 5, 1);
    box-shadow: 0px 3px 3px -3px rgba(195, 5, 5, 1);
}

.supplier-like-button > span {
    width: 21px;
    height: 21px;
    background-image: url('/themes/mk2/img/css/like.png');
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
    position: absolute;
    left: 7.5px;
}

.like-palec {
    /*background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="23.438" height="22.037" viewBox="0 0 23.438 22.037"%3E%3Cg id="Like_zeleny" data-name="Like zeleny" transform="translate(0.5 0.5)"%3E%3Cpath id="Fill-4_2_" d="M-40.372-507.795c0-1.5-1.169-2.291-2.8-2.291H-47.9a14.445,14.445,0,0,0,.514-3.506c0-4.067-1.122-4.909-2.1-4.909a2.835,2.835,0,0,0-1.776.467.676.676,0,0,0-.327.467l-.7,3.787A12.317,12.317,0,0,1-56.5-508.87v10a4.233,4.233,0,0,1,1.776.608,5.483,5.483,0,0,0,2.431.748h6.685a2.372,2.372,0,0,0,2.431-2.1,1.753,1.753,0,0,0-.047-.514,2.078,2.078,0,0,0,1.449-1.917,2.438,2.438,0,0,0-.234-1.075,2.3,2.3,0,0,0,1.075-1.73,1.951,1.951,0,0,0-.467-1.169,2.377,2.377,0,0,0,1.028-1.776Zm-1.449,0c0,.888-.935.982-1.075,1.4-.14.468.561.654.561,1.5,0,.888-1.075.888-1.215,1.309-.187.514.327.7.327,1.543v.14c-.14.7-1.215.748-1.4,1.029-.187.327.047.514.047,1.262,0,.421-.467.7-1.028.7h-6.685a4.233,4.233,0,0,1-1.776-.608,7.9,7.9,0,0,0-1.73-.7v-7.433c1.73-1.309,3.974-3.319,4.862-5.75,0-.047,0-.094.047-.094l.654-3.506a1.946,1.946,0,0,1,.795-.094c.14,0,.7.841.7,3.506a12.928,12.928,0,0,1-.561,3.506h-.187a.719.719,0,0,0-.7.7.719.719,0,0,0,.7.7h6.311c.7,0,1.356.327,1.356.888Z" transform="translate(62.811 518.5)" fill="%233dab0f" stroke="%233dab0f" stroke-width="1"/%3E%3Cpath id="Fill-6_2_" d="M-64.39-497.463H-68.6a1.377,1.377,0,0,1-1.4-1.4v-9.817a1.377,1.377,0,0,1,1.4-1.4h4.207a1.377,1.377,0,0,1,1.4,1.4v9.817a1.377,1.377,0,0,1-1.4,1.4Zm-4.207-11.22v9.817h4.207v-9.817ZM-70-518.5" transform="translate(70 518.5)" fill="%233dab0f" stroke="%233dab0f" stroke-width="1"/%3E%3C/g%3E%3C/svg%3E%0A');*/
    background-image: url('/img/svg/like.svg');
    background-size: contain;
    background-repeat: no-repeat;
    width: 19px;
    height: 22px;
    display: inline-block;
    vertical-align: middle;
}

.dislike-palec {
    -ms-transform: rotate(180deg);
    /* IE 9 */
    -webkit-transform: rotate(180deg);
    /* Chrome, Safari, Opera */
    transform: rotate(180deg);
    top: 9px;
}

.like-count {
    color: #787878;
    border: 1px solid #D3D3D3;
    background-color: #FFFFFF;
}

.dislike-count {
    color: #fd0000;
    border: 1px solid #ffb4b4;
}

.like-cont,
.dislike-cont {
    position: relative;
    z-index: 20;
    font-size: 0px;
}

.like-cont > div,
.dislike-cont > div {
    display: inline-block;
    vertical-align: middle;
    font-size: 13px;
    line-height: 20px;
}

.like-button {
    margin: 0px 10px;
    cursor: pointer;
}

.like-button:hover .rate-msg {
    text-decoration: underline;
}

.review-right-cont .review-comments-count {
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    margin-left: 10px;
    padding: 2px 4px;
    background: #cbcbcb;
    color: white;
    border-radius: 3px;
    vertical-align: middle;
}

.like-count.liked {
    color: #3DAB0F;
    border: 1px solid #A8E7A3;
    background-color: #CCFFBA;
}

.dislike-count.disliked {
    background: rgba(195, 5, 5, 0.2);
}

.msgAlert-outer {
    position: absolute;
    top: 0px;
    left: 0px;
    background: rgba(255, 255, 255, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Noto Sans', sans-serif;
    font-family: var(--content-font-family), sans-serif;
    z-index: 30;
}

.msgAlert-inner {
    padding: 20px;
    text-align: center;
    background: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    z-index: 31;
}

.msgAlert-inner .msgAlert-inner-icon,
.msgAlert-inner .msgAlert-inner-text {
    display: inline-flex;
    vertical-align: top;
    flex-direction: column;
    justify-content: center;
}

.msgAlert-inner .msgAlert-inner-icon {
    align-items: center;
}

.msgAlert-inner .msgAlert-inner-text {
    align-items: baseline;
}

.msgAlert-inner-success {
    color: #1d9c00;
    -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.16);
    border: 1px solid rgba(213, 253, 187, 1);
    border-radius: 5px;
}

.msgAlert-inner-error {
    color: #fd0000;
    -webkit-box-shadow: 0px 0px 3px 0px rgba(255, 180, 180, 1);
    -moz-box-shadow: 0px 0px 3px 0px rgba(255, 180, 180, 1);
    box-shadow: 0px 0px 3px 0px rgba(255, 180, 180, 1);
    border: 1px solid rgba(255, 180, 180, 1);
    border-radius: 5px;
}

.msgAlert-inner-default {
    color: rgba(120, 120, 120, 1);
    -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.16);
    border: 1px solid rgba(211, 211, 211, 1);
    border-radius: 5px;
}

.msgAlert-inner-success .msgAlert-title,
.msgAlert-inner-default .msgAlert-title,
.msgAlert-inner-error .msgAlert-title {
    font-size: 20px;
    line-height: 28px;
    font-weight: 700;
}

.msgAlert-inner-success .msgAlert-content,
.msgAlert-inner-default .msgAlert-content,
.msgAlert-inner-error .msgAlert-content {
    font-size: 14px;
}

.msgAlert-inner-success.msgAlert-like .msgAlert-inner-icon {
    width: 30px;
    height: 26px;
    margin-right: 22px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMC4wMDYiIGhlaWdodD0iMjYiIHZpZXdCb3g9IjAgMCAzMC4wMDYgMjYiPiAgPGcgaWQ9IlBlbmNpbCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTAuOTk0IC0zKSI+ICAgIDxwYXRoIGlkPSJQYXRoXzIzMCIgZGF0YS1uYW1lPSJQYXRoIDIzMCIgZD0iTTIsMjlhMSwxLDAsMCwxLTEtMS4xMWwuNzctN2ExLDEsMCwwLDEsLjI5LS41OUwxOC40MiwzLjk0YTMuMiwzLjIsMCwwLDEsNC41MywwbDMuMTEsMy4xMWEzLjIsMy4yLDAsMCwxLDAsNC41M0w5LjcxLDI3LjkzYTEsMSwwLDAsMS0uNTkuMjlsLTcsLjc3Wm03LTEuNzhaTTMuNzMsMjEuNDVsLS42LDUuNDIsNS40Mi0uNiwxNi4xLTE2LjFhMS4yLDEuMiwwLDAsMCwwLTEuN0wyMS41Myw1LjM1YTEuMiwxLjIsMCwwLDAtMS43LDBaIiBmaWxsPSIjMUU1NjEzIi8+ICAgIDxwYXRoIGlkPSJQYXRoXzIzMSIgZGF0YS1uYW1lPSJQYXRoIDIzMSIgZD0iTTIzLDE0LjIxYTEsMSwwLDAsMS0uNzEtLjI5TDE2LjA4LDcuNjlBMSwxLDAsMSwxLDE3LjUsNi4yN2w2LjIzLDYuMjNBMSwxLDAsMCwxLDIzLDE0LjIxWiIgZmlsbD0iIzFFNTYxMyIvPiAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlXzIzNCIgZGF0YS1uYW1lPSJSZWN0YW5nbGUgMjM0IiB3aWR0aD0iMTEuMDEiIGhlaWdodD0iMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoOC4zIDIwLjI4OSkgcm90YXRlKC00NSkiIGZpbGw9IiMxRTU2MTMiLz4gICAgPHBhdGggaWQ9IlBhdGhfMjMyIiBkYXRhLW5hbWU9IlBhdGggMjMyIiBkPSJNMzAsMjlIMTRhMSwxLDAsMCwxLDAtMkgzMGExLDEsMCwwLDEsMCwyWiIgZmlsbD0iIzFFNTYxMyIvPiAgPC9nPjwvc3ZnPg==);
}

.msgAlert-inner-success.msgAlert-like .msgAlert-title {
    color: rgba(61, 171, 15, 1)
}

.msgAlert-inner-success.msgAlert-like .msgAlert-content {
    color: rgba(30, 86, 19, 1);
}


.msgAlert-inner-default.msgAlert-unlike .msgAlert-inner-icon {
    width: 26px;
    height: 25px;
    margin-right: 16px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS41MDYiIGhlaWdodD0iMjQuNjAyIiB2aWV3Qm94PSIwIDAgMjUuNTA2IDI0LjYwMiI+ICA8ZyBpZD0iSG9kbm9jZW7DqV9vZGVicsOhbm8iIGRhdGEtbmFtZT0iSG9kbm9jZW7DqSBvZGVicsOhbm8iIHRyYW5zZm9ybT0idHJhbnNsYXRlKC01NDkuNzIxIC0yMTE2LjUyKSI+ICAgIDxnIGlkPSJpZl9saWtlXzE4MTQwNzYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDUxNC4yMjEgMjExMC41MikiPiAgICAgIDxnIGlkPSJJY29uLUxpa2UiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDM2IDYuNSkiPiAgICAgICAgPHBhdGggaWQ9IkZpbGwtNF8yXyIgZD0iTS00MC4zNzItNTA3Ljc5NWMwLTEuNS0xLjE2OS0yLjI5MS0yLjgtMi4yOTFILTQ3LjlhMTQuNDQ1LDE0LjQ0NSwwLDAsMCwuNTE0LTMuNTA2YzAtNC4wNjctMS4xMjItNC45MDktMi4xLTQuOTA5YTIuODM1LDIuODM1LDAsMCwwLTEuNzc2LjQ2Ny42NzYuNjc2LDAsMCwwLS4zMjcuNDY3bC0uNywzLjc4N0ExMi4zMTcsMTIuMzE3LDAsMCwxLTU2LjUtNTA4Ljg3djEwYTQuMjMzLDQuMjMzLDAsMCwxLDEuNzc2LjYwOCw1LjQ4Myw1LjQ4MywwLDAsMCwyLjQzMS43NDhoNi42ODVhMi4zNzIsMi4zNzIsMCwwLDAsMi40MzEtMi4xLDEuNzUzLDEuNzUzLDAsMCwwLS4wNDctLjUxNCwyLjA3OCwyLjA3OCwwLDAsMCwxLjQ0OS0xLjkxNywyLjQzOCwyLjQzOCwwLDAsMC0uMjM0LTEuMDc1LDIuMywyLjMsMCwwLDAsMS4wNzUtMS43MywxLjk1MSwxLjk1MSwwLDAsMC0uNDY3LTEuMTY5LDIuMzc3LDIuMzc3LDAsMCwwLDEuMDI4LTEuNzc2Wm0tMS40NDksMGMwLC44ODgtLjkzNS45ODItMS4wNzUsMS40LS4xNC40NjguNTYxLjY1NC41NjEsMS41LDAsLjg4OC0xLjA3NS44ODgtMS4yMTUsMS4zMDktLjE4Ny41MTQuMzI3LjcuMzI3LDEuNTQzdi4xNGMtLjE0LjctMS4yMTUuNzQ4LTEuNCwxLjAyOS0uMTg3LjMyNy4wNDcuNTE0LjA0NywxLjI2MiwwLC40MjEtLjQ2Ny43LTEuMDI4LjdoLTYuNjg1YTQuMjMzLDQuMjMzLDAsMCwxLTEuNzc2LS42MDgsNy45LDcuOSwwLDAsMC0xLjczLS43di03LjQzM2MxLjczLTEuMzA5LDMuOTc0LTMuMzE5LDQuODYyLTUuNzUsMC0uMDQ3LDAtLjA5NC4wNDctLjA5NGwuNjU0LTMuNTA2YTEuOTQ2LDEuOTQ2LDAsMCwxLC43OTUtLjA5NGMuMTQsMCwuNy44NDEuNywzLjUwNmExMi45MjgsMTIuOTI4LDAsMCwxLS41NjEsMy41MDZoLS4xODdhLjcxOS43MTksMCwwLDAtLjcuNy43MTkuNzE5LDAsMCwwLC43LjdoNi4zMTFjLjcsMCwxLjM1Ni4zMjcsMS4zNTYuODg4WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNjIuODExIDUxOC41KSIgZmlsbD0iI2QzZDNkMyIgc3Ryb2tlPSIjZDNkM2QzIiBzdHJva2Utd2lkdGg9IjEiLz4gICAgICAgIDxwYXRoIGlkPSJGaWxsLTZfMl8iIGQ9Ik0tNjQuMzktNDk3LjQ2M0gtNjguNmExLjM3NywxLjM3NywwLDAsMS0xLjQtMS40di05LjgxN2ExLjM3NywxLjM3NywwLDAsMSwxLjQtMS40aDQuMjA3YTEuMzc3LDEuMzc3LDAsMCwxLDEuNCwxLjR2OS44MTdhMS4zNzcsMS4zNzcsMCwwLDEtMS40LDEuNFptLTQuMjA3LTExLjIydjkuODE3aDQuMjA3di05LjgxN1pNLTcwLTUxOC41IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg3MCA1MTguNSkiIGZpbGw9IiNkM2QzZDMiIHN0cm9rZT0iI2QzZDNkMyIgc3Ryb2tlLXdpZHRoPSIxIi8+ICAgICAgPC9nPiAgICA8L2c+ICAgIDxnIGlkPSJHcm91cF8zMTk2IiBkYXRhLW5hbWU9Ikdyb3VwIDMxOTYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDU2OS40NTUgMjEyMy44MzYpIHJvdGF0ZSg0NSkiPiAgICAgIDxwYXRoIGlkPSJQYXRoXzE2NCIgZGF0YS1uYW1lPSJQYXRoIDE2NCIgZD0iTTkuMTUsMCw1LjkyNSwzLjIyNCwyLjM5Myw2Ljc1NywwLDkuMTIxbDIuMjUyLDIuMjUyLjE0MS4xMTIsOS4xNS05LjEyMVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgOC4xNjIpIHJvdGF0ZSgtNDUpIiBmaWxsPSIjZDIwMDAwIi8+ICAgICAgPHBhdGggaWQ9IlBhdGhfMTY1IiBkYXRhLW5hbWU9IlBhdGggMTY1IiBkPSJNOS4xNSwwLDUuOTI1LDMuMjI0LDIuMzkzLDYuNzU3LDAsOS4xMjFsMi4yNTIsMi4yNTIuMTQxLjExMiw5LjE1LTkuMTIxWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoOC4xNjIgMTYuMjg0KSByb3RhdGUoLTEzNSkiIGZpbGw9IiNkMjAwMDAiLz4gICAgPC9nPiAgPC9nPjwvc3ZnPg==);
}

.review-comments-cont {
    display: none;
    margin-top: 17px;
}

.review-comments-cont > div {
    margin-bottom: 17px;
}

.review-comments-cont > div:only-of-type,
.review-comments-cont > div:last-of-type {
    margin-bottom: 0;
}

.react-textarea {
    display: inline-block;
    width: 799px;
    min-height: 75px;
    padding: 10px 15px;
    border: 1px solid #D3D3D3;
    resize: vertical;
    box-sizing: border-box;
    vertical-align: middle;
    border-radius: 5px;
    font-size: 14px;
    height: 80px;
}

.react-login {
    display: inline-block;
    vertical-align: middle;
    text-decoration: none;
    float: left;
}

.react-form-name-cont.mobile,
#review-form-name-cont.mobile,
#react-form-name-cont.mobile,
#review-form-rating .rating-text.mobile,
.review-right-cont .review-rating.mobile,
.review-footer .center.mobile,
.react-form-footer-right.mobile {
    display: none;
}

.react-form-footer-name-cont {
    font-size: 14px;
    width: 250px;
}

.react-form-footer-right {
    float: right;
    text-align: right;
    margin-top: 24.5px;
}

.react-form-msg {
    margin-bottom: 7px;
}

.react-username,
#review-username-input,
#review-username-input-mobile {
    border: 1px solid #D3D3D3;
    box-sizing: border-box;
    border-radius: 5px;
    font-size: 14px;
    padding: 10px;
    margin-bottom: 14px;
    width: 100%;
}

.react-username {
    margin-bottom: 0px;
}

#review-username-input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #cbcbcb;
}

#review-username-input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #cbcbcb;
    opacity: 1;
}

#review-username-input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #cbcbcb;
    opacity: 1;
}

#review-username-input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #cbcbcb;
}

.react-username::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #cbcbcb;
}

.react-username:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #cbcbcb;
    opacity: 1;
}

.react-username::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #cbcbcb;
    opacity: 1;
}

.react-username:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #cbcbcb;
}

.react-footer-buttons {
    margin: 10px 0px 20px 0px;
}

.react-footer-buttons > div {
    display: inline-block;
    vertical-align: middle;
}

.review-react-cont {
    padding-top: 26px;
    margin-top: 26px;
    border-top: 1px solid rgba(211, 211, 211, 1);
}

#react-username {
    display: block;
}

.read-more {
    font-style: italic;
    color: #787878;
    text-decoration: underline;
}

.timestamp {
    position: absolute;
    right: 5px;
    top: 5px;
    font-size: 13px;
    color: #000000;
}

.review-cont .timestamp {
    display: none;
}

.arrow {
    display: inline-block;
    width: 15px;
    height: 12px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='13.5' viewBox='0 0 16 13.5'%3E%3Cpath id='iconfinder_arrow-forward_216442' d='M13,5.5a1,1,0,0,0-1,1V9.058A9,9,0,0,0,4,18v1c2.245-3.423,5.25-3.92,8-3.989V17.5a1,1,0,0,0,1.707.707L20,12,13.707,5.791A1,1,0,0,0,13,5.5Z' transform='translate(-4 -5.498)' fill='%23787878'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    margin: 0px 10px;
    line-height: 25px;
    float: left;
    height: 25px;
}

.arrow.flipped {
    background-image: url('/themes/mk2/img/css/arrow2_f.png');
}

.toast {
    font-family: 'Open Sans', Arial, sans-serif;
}

input[type="submit"] {
    -webkit-appearance: none;
}

.review-rating .rateit.svg {
    top: 2px;
}

/* ratings */
.rateit.smallstars,
.rateit.svg {
    cursor: default;
}

.rateit.bigstars {
    cursor: pointer;
}

.rateit.svg .rateit-range {
    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMC4zNDIiIGhlaWdodD0iOS44MzUiIHZpZXdCb3g9IjAgMCAxMC4zNDIgOS44MzUiPgogIDxwYXRoIGlkPSJIdmV6ZGFfc2VkYSIgZGF0YS1uYW1lPSJIdmV6ZGEgc2VkYSIgZD0iTTUuMTcxLDAsNi43NiwzLjI0NWwzLjU4My41MDdMNy43NzQsNi4yODZsLjYwOCwzLjU0OUw1LjE3MSw4LjE0NSwxLjk2LDkuODM1LDIuNiw2LjI4NiwwLDMuNzUybDMuNTgzLS41MDdaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDApIiBmaWxsPSIjZTVlNWU1Ii8+Cjwvc3ZnPgo=') /*star-normal.svg*/;
    background-size: 19px 18px;
    *background: url('/themes/mk2/img/hvezda_recenze_seda.svg'); /* For IE 6 and 7 */
}

.rateit.svg .rateit-hover {
    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTcuNDc0IiBoZWlnaHQ9IjE2LjYzMSIgdmlld0JveD0iMCAwIDE3LjQ3NCAxNi42MzEiPgogIDxkZWZzPgogICAgPGxpbmVhckdyYWRpZW50IGlkPSJsaW5lYXItZ3JhZGllbnQiIHgxPSIwLjUiIHgyPSIwLjUiIHkyPSIxIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCI+CiAgICAgIDxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iI2ZmZTYwMCIvPgogICAgICA8c3RvcCBvZmZzZXQ9IjAuNDE4IiBzdG9wLWNvbG9yPSIjZmZlNjAwIi8+CiAgICAgIDxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI2ZjYWQxMyIvPgogICAgPC9saW5lYXJHcmFkaWVudD4KICA8L2RlZnM+CiAgPHBhdGggaWQ9Ikh2ZXpkYSIgZD0iTTcuNjYzLDBsMi4zNTQsNC44MDgsNS4zMDkuNzUxTDExLjUxOSw5LjMxNWwuOSw1LjI1OS00Ljc1OC0yLjVMMi45LDE0LjU3NGwuOTUyLTUuMjU5TDAsNS41NTlsNS4zMDktLjc1MVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEuMDc4IDEuMTM3KSIgc3Ryb2tlPSIjZmNhZDEzIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9InVybCgjbGluZWFyLWdyYWRpZW50KSIvPgo8L3N2Zz4K') /*star-hover.svg*/;
    filter: invert(90%) hue-rotate(120deg) brightness(95%); /*zmena barvy*/
    background-size: 19px 18px;
    *background: url('/themes/mk2/img/hvezda_recenze_zluta.svg'); /* For IE 6 and 7 */
}

.rateit.svg .rateit-selected {
    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTcuNDc0IiBoZWlnaHQ9IjE2LjYzMSIgdmlld0JveD0iMCAwIDE3LjQ3NCAxNi42MzEiPgogIDxkZWZzPgogICAgPGxpbmVhckdyYWRpZW50IGlkPSJsaW5lYXItZ3JhZGllbnQiIHgxPSIwLjUiIHgyPSIwLjUiIHkyPSIxIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCI+CiAgICAgIDxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iI2ZmZTYwMCIvPgogICAgICA8c3RvcCBvZmZzZXQ9IjAuNDE4IiBzdG9wLWNvbG9yPSIjZmZlNjAwIi8+CiAgICAgIDxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI2ZjYWQxMyIvPgogICAgPC9saW5lYXJHcmFkaWVudD4KICA8L2RlZnM+CiAgPHBhdGggaWQ9Ikh2ZXpkYSIgZD0iTTcuNjYzLDBsMi4zNTQsNC44MDgsNS4zMDkuNzUxTDExLjUxOSw5LjMxNWwuOSw1LjI1OS00Ljc1OC0yLjVMMi45LDE0LjU3NGwuOTUyLTUuMjU5TDAsNS41NTlsNS4zMDktLjc1MVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEuMDc4IDEuMTM3KSIgc3Ryb2tlPSIjZmNhZDEzIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9InVybCgjbGluZWFyLWdyYWRpZW50KSIvPgo8L3N2Zz4K') /*star-selected.svg*/;
    filter: invert(90%) hue-rotate(120deg) brightness(95%); /*zmena barvy*/
    background-size: 19px 18px;
    *background: url('/themes/mk2/img/hvezda_recenze_zluta.svg'); /* For IE 6 and 7 */
}

.rateit.svg .rateit-preset {
    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTcuNDc0IiBoZWlnaHQ9IjE2LjYzMSIgdmlld0JveD0iMCAwIDE3LjQ3NCAxNi42MzEiPgogIDxkZWZzPgogICAgPGxpbmVhckdyYWRpZW50IGlkPSJsaW5lYXItZ3JhZGllbnQiIHgxPSIwLjUiIHgyPSIwLjUiIHkyPSIxIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCI+CiAgICAgIDxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iI2ZmZTYwMCIvPgogICAgICA8c3RvcCBvZmZzZXQ9IjAuNDE4IiBzdG9wLWNvbG9yPSIjZmZlNjAwIi8+CiAgICAgIDxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI2ZjYWQxMyIvPgogICAgPC9saW5lYXJHcmFkaWVudD4KICA8L2RlZnM+CiAgPHBhdGggaWQ9Ikh2ZXpkYSIgZD0iTTcuNjYzLDBsMi4zNTQsNC44MDgsNS4zMDkuNzUxTDExLjUxOSw5LjMxNWwuOSw1LjI1OS00Ljc1OC0yLjVMMi45LDE0LjU3NGwuOTUyLTUuMjU5TDAsNS41NTlsNS4zMDktLjc1MVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEuMDc4IDEuMTM3KSIgc3Ryb2tlPSIjZmNhZDEzIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9InVybCgjbGluZWFyLWdyYWRpZW50KSIvPgo8L3N2Zz4K') /*star-preset.svg*/;
    background-size: 19px 18px;
    *background: url('/themes/mk2/img/hvezda_recenze_zluta.svg'); /* For IE 6 and 7 */
}

.rateit.svg.redstar .rateit-preset {
    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTcuNDc0IiBoZWlnaHQ9IjE2LjYzMSIgdmlld0JveD0iMCAwIDE3LjQ3NCAxNi42MzEiPgogIDxkZWZzPgogICAgPGxpbmVhckdyYWRpZW50IGlkPSJsaW5lYXItZ3JhZGllbnQiIHgxPSIwLjUiIHgyPSIwLjUiIHkyPSIxIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCI+CiAgICAgIDxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iI2ZmZTYwMCIvPgogICAgICA8c3RvcCBvZmZzZXQ9IjAuNDE4IiBzdG9wLWNvbG9yPSIjZmZlNjAwIi8+CiAgICAgIDxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI2ZjYWQxMyIvPgogICAgPC9saW5lYXJHcmFkaWVudD4KICA8L2RlZnM+CiAgPHBhdGggaWQ9Ikh2ZXpkYSIgZD0iTTcuNjYzLDBsMi4zNTQsNC44MDgsNS4zMDkuNzUxTDExLjUxOSw5LjMxNWwuOSw1LjI1OS00Ljc1OC0yLjVMMi45LDE0LjU3NGwuOTUyLTUuMjU5TDAsNS41NTlsNS4zMDktLjc1MVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEuMDc4IDEuMTM3KSIgc3Ryb2tlPSIjZmNhZDEzIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9InVybCgjbGluZWFyLWdyYWRpZW50KSIvPgo8L3N2Zz4K') /*star-preset.svg*/;
    background-size: 19px 18px;
    *background: url('/themes/mk2/img/hvezda_recenze_zluta.svg'); /* For IE 6 and 7 */
    filter: invert(90%) hue-rotate(120deg) brightness(95%); /*zmena barvy*/
}

.rateit.svg.bigstars .rateit-range,
.rateit.svg.bigstars .rateit-hover,
.rateit.svg.bigstars .rateit-selected,
.rateit.svg.bigstars .rateit-preset {
    background-size: 23px 22px;
}

.rateit.svg.smallstars .rateit-range,
.rateit.svg.smallstars .rateit-hover,
.rateit.svg.smallstars .rateit-selected,
.rateit.svg.smallstars .rateit-preset {
    background-size: 16px 15px;
}

.review-form-avatar {
    display: inline-block;
    width: 80px;
    height: 106px;
    vertical-align: top;
    margin-right: 42px;
    position: relative;
}

.review-form-avatar.logged-in {
    margin-top: 17px;
}

.review-form-avatar > img {
    display: block;
}

.review-form-avatar .username,
.react-avatar-cont .username {
    font-size: 15px;
    text-align: center;
    color: black;
    word-wrap: break-word;
    margin-top: 10px;
}

.avatar-chooser {
    width: 80px;
    height: 106px;
    position: absolute;
    top: 0px;
    cursor: pointer;
    border: 1px solid #D3D3D3;
    box-sizing: border-box;
    border-radius: 5px;
}

.avatar-chooser:hover {
    opacity: 1;
}

.avatar-chooser.selecting {
    opacity: 1;
}

.review-form-avatar .chooser-text,
.react-avatar-cont .chooser-text,
.avatar-container .chooser-text {
    font-size: 12px;
    font-style: italic;
    color: #8A8A8A;
    position: absolute;
    bottom: 7px;
    height: 17px;
    left: 10px;
    cursor: pointer;
    background: url('/themes/mk2/img/arrow_down.svg');
    background-size: 9px 6px;
    background-repeat: no-repeat;
    background-position-x: 51px;
    background-position-y: 5px;
    width: 60px;
}

.avatar-selection-cont {
    position: absolute;
    display: table;
    background: #ffffff;
    z-index: 5000;
    border: 1px solid #D3D3D3;
    border-radius: 10px;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.16);
    padding: 25px;
}

.avatar-selection-row {
    display: table-row;
}

.avatar-selection-avatar {
    display: table-cell;
    cursor: pointer;
}

.avatar-selection-img {
    width: 70px;
    margin: 2.5px 4.15px;
    padding: 0;
    border: 1px solid transparent;
    box-sizing: border-box;
    border-radius: 50%;
}

.avatar-selection-cont > div:first-of-type img {
    margin-top: 0;
}

.avatar-selection-cont > div:last-of-type img {
    margin-bottom: 0;
}

.avatar-selection-row > div:first-of-type > img {
    margin-left: 0;
}

.avatar-selection-row > div:last-of-type > img {
    margin-right: 0;
}


.avatar-selection-img:hover {
    border-color: #D3D3D3;
}

.review-react-right {
    display: inline-block;
    width: 799px;
}

.react-avatar-cont {
    position: relative;
    display: inline-block;
    width: 80px;
    height: 106px;
    margin-right: 30px;
    vertical-align: top;
}

.react-avatar-cont > img {
    display: block;
}

.load-more-ratings {
    position: relative;
    left: 50%;
    margin-left: -122px;
    margin-top: 10px;
    width: 244px;
    height: 43px;
    background: url('/themes/mk2/img/css/rating-load.png') no-repeat;
    text-indent: -9999px;
    cursor: pointer;
}

.load-more-ratings:hover {
    background-position: 0 -43px;
}

.load-more-wishes {
    position: relative;
    left: 50%;
    margin-left: -100px;
    margin-top: 10px;
    width: 200px;
    height: 43px;
    background: url('/themes/mk2/img/css/wish-load.png') no-repeat;
    text-indent: -9999px;
    cursor: pointer;
}

.load-more-wishes:hover {
    background-position: 0 -43px;
}


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

    .review-right-cont {
        width: 660px;
    }

    .comment-right-cont {
        width: 560px;
    }

    .review-react-right {
        width: 550px;
    }

    .react-textarea {
        width: 550px;
    }

}


body[id="address"] .error2,
body[id="identity"] .error2 {
    width: auto;
}

body[id="address"] .error2 ol,
body[id="identity"] .error2 ol {
    margin-left: 20px;
}

.disabled-link {
    pointer-events: none;
}

.disabled-url {
    color: #999;
}

.toast-message > a {
    font-weight: bold;
}

.spoiler > .review-body-text,
.spoiler > .comment-body-text {
    display: none;
}

.spoiler-cont {
    padding: 30px;
    background: #f6f6f6;
    border-radius: 6px;
    text-align: center;
    font-size: 20px;
}

.show-spoiler-button {
    margin-top: 10px;
    padding: 10px;
    border-radius: 6px;
    font-weight: bold;
    background: #dddddd;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
    cursor: pointer;
}

.show-spoiler-button:hover {
    opacity: 0.7;
}

.show-spoiler-button:focus {
    outline: 0;
}

#sn-notification-num-cont {
    position: absolute;
    display: flex;
    background: #D20000;
    color: white;
    font-size: 13px;
    font-weight: bold;
    width: 24px;
    height: 24px;
    border-radius: 12px;
    align-items: center;
    justify-content: center;
    -webkit-box-shadow: 0px 0px 8px 0px rgba(255, 255, 255, 1);
    -moz-box-shadow: 0px 0px 8px 0px rgba(255, 255, 255, 1);
    box-shadow: 0px 0px 8px 0px rgba(255, 255, 255, 1);
    cursor: pointer;
}

#sn-notification-num-cont:hover {
    opacity: 0.8;
}

#sn-notification-num-value {
}

.deleted-outer {
    height: 150px;
    position: relative;
    display: block !important;
    -webkit-box-shadow: inset 0px 0px 5px 0px rgba(253, 0, 0, 1);
    -moz-box-shadow: inset 0px 0px 5px 0px rgba(253, 0, 0, 1);
    box-shadow: inset 0px 0px 5px 0px rgba(253, 0, 0, 1);
}

.deleted-inner {
    text-align: center;
    position: absolute;
    background: white;
    padding: 20px;
    top: 46.5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(253, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(253, 0, 0, 0.75);
    box-shadow: 0px 0px 5px 0px rgba(253, 0, 0, 0.75);
    font-weight: bold;
    font-size: 20px;
    color: #fd0000;
}

.deleted-review {
    left: 323.5px;
}

.deleted-comment {
    left: 283.5px;
}

.subscription input[type="text"] {
    padding: 0 5px;
    height: 22px;
    border: 1px solid #CCC;
    font-size: 12px;
    color: #666;
    background: none;
    margin: 5px 0;
}

#hook-footer-bottom .products-viewed {
    max-width: 1047px;
    min-height: 120px;
    margin: 30px auto;
}

#hook-footer-bottom .products-viewed .loading {
    width: 30px;
    height: 30px;
}

div.slider-cont {
    display: flex;
    align-items: center;
    position: relative;
    justify-content: center;
}

div.slider-products-wrap ul.slider-products li {
    margin-left: 10px;
}

div.slider-products-wrap ul.slider-products li a img {
    max-height: 80px;
    max-width: 55px;
    /*box-shadow: 0 6px 8px rgba(0, 0, 0, 0.16);*/
}


div.slider-products-wrap {
    display: inline-flex;
    flex-direction: row;
    width: 983px;
    height: 98px;
    overflow: hidden;
    position: relative;
    margin-bottom: -16px; /* hack to keep shadow */
}

div.slider-products-wrap .slider-products {
    position: absolute;
    height: 82px;
    font-size: 0;
}

.show_more_products {
    display: inline-flex;
    height: 32px;
    width: 32px;
    background: transparent url('/themes/mk2/img/css/button_slider_next.png') no-repeat left top;
    text-indent: -9999px;
}

.show_less_products {
    display: inline-flex;
    height: 32px;
    width: 32px;
    background: transparent url('/themes/mk2/img/css/button_slider_next.png') no-repeat left top;
    text-indent: -9999px;
    transform: rotate(180deg);
}

.small-height-container .spl-arrow {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMSIgaGVpZ2h0PSI2IiB2aWV3Qm94PSIwIDAgMTMuMDYgOC4xMjMiPiAgPHBhdGggaWQ9InNpcGthX2RvbHUiIGRhdGEtbmFtZT0ic2lwa2EgZG9sdSIgZD0iTTEwLjExNCwxNy4zMjQsNC44ODUsMTIuMDk1YTEuMjM2LDEuMjM2LDAsMCwxLDAtMS43NDNsLjQzNi0uNDM3YTEuMjM2LDEuMjM2LDAsMCwxLDEuNzQyLDBsMy45OTEsMy45OTEsMy45OTEtMy45OTFhMS4yMzYsMS4yMzYsMCwwLDEsMS43NDIsMGwuNDM2LjQzN2ExLjIzNiwxLjIzNiwwLDAsMSwwLDEuNzQzbC01LjIzLDUuMjI5YTEuMjIzLDEuMjIzLDAsMCwxLS45NC4zNTNBMS4yMjYsMS4yMjYsMCwwLDEsMTAuMTE0LDE3LjMyNFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00LjUyNiAtOS41NTYpIiBmaWxsPSIjODQ4NDg0Ii8+PC9zdmc+);

    display: inline-block;
    width: 25px;
    height: 25px;
    background-color: rgba(236, 236, 236, 1);
    border: 1px solid rgba(211, 211, 211, 1);
    border-radius: 5px;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}

.small-height-container .spl-arrow.spl-arrow-left {
    transform: rotate(90deg);
}

.small-height-container .spl-arrow.spl-arrow-right {
    transform: rotate(270deg);
}

.slider-products li {
    display: inline-flex;
    width: 61px;
    height: 82px;
    position: relative;
    margin-right: 15px;
}

.slider-products li a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 99;
}

.slider-products li img {
    position: absolute;
    z-index: 10;
    bottom: 0;
    margin: 0 auto;
    max-height: 82px;
    max-width: 61px;
}

.push-notification-dialog-toast {

    background-color: rgba(210, 0, 0, 1) !important;
    font-family: 'Open Sans', Arial, sans-serif;
    cursor: default !important;
}

#push-notification-dialog button {
    padding: 5px 20px;
    border-radius: 5px;
    cursor: pointer !important;
    background: rgba(0, 0, 0, 0.4);
    color: white;
    margin: 5px;
}

#push-notification-dialog button:first-of-type {
    margin-left: 10px;
}

#push-notification-dialog button:hover {
    background: rgba(0, 0, 0, 0.2);
}

#notificationsDimmer {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    min-height: 100%;
    background: rgba(0, 0, 0, 0.8);
    z-index: 1000;
}

.review-cont .extra-data {
    display: block;
    text-align: center;
    color: #aaaaaa;
    font-size: 12px;
    position: absolute;
    left: 98px;
    bottom: 0px;
}

span.caret {
    display: inline-block;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMSIgaGVpZ2h0PSI2IiB2aWV3Qm94PSIwIDAgMTMuMDYgOC4xMjMiPiAgPHBhdGggaWQ9InNpcGthX2RvbHUiIGRhdGEtbmFtZT0ic2lwa2EgZG9sdSIgZD0iTTEwLjExNCwxNy4zMjQsNC44ODUsMTIuMDk1YTEuMjM2LDEuMjM2LDAsMCwxLDAtMS43NDNsLjQzNi0uNDM3YTEuMjM2LDEuMjM2LDAsMCwxLDEuNzQyLDBsMy45OTEsMy45OTEsMy45OTEtMy45OTFhMS4yMzYsMS4yMzYsMCwwLDEsMS43NDIsMGwuNDM2LjQzN2ExLjIzNiwxLjIzNiwwLDAsMSwwLDEuNzQzbC01LjIzLDUuMjI5YTEuMjIzLDEuMjIzLDAsMCwxLS45NC4zNTNBMS4yMjYsMS4yMjYsMCwwLDEsMTAuMTE0LDE3LjMyNFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00LjUyNiAtOS41NTYpIiBmaWxsPSIjODQ4NDg0Ii8+PC9zdmc+);
    width: 11px;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    margin-left: 5px;
}

span.caret.up {
    transform: rotate(180deg);
}


.small_detail_popup, .slider_detail_popup {
    background: #fff;
    border: 1px solid #B7C2CD;
    border-radius: 4px;
    box-shadow: 0 0 8px #000000;
    padding: 15px 10px 20px 20px;
    position: absolute;
    top: 0;
    z-index: 200;
    width: 345px;
    min-height: 165px;
}

.small_detail_popup .image, .slider_detail_popup .image {
    float: left;
    margin: 5px 20px 0 0;
}

.small_detail_popup .image img, .slider_detail_popup .image img {
    max-width: 120px;
    max-height: 160px;
    position: relative;
}

.small_detail_popup .price, .slider_detail_popup .price {
    font: bold 19px/24px 'Open Sans', Arial, sans-serif;
}

.small_detail_popup .info, .slider_detail_popup .info {
    float: left;
    width: 205px;
    text-align: left;
}

.small_detail_popup .info .name, .slider_detail_popup .info .name {
    font: bold 19px/24px 'Open Sans', Arial, sans-serif;
    max-height: 50px;
    overflow: hidden;
}

.small_detail_popup .info .author, .slider_detail_popup .info .author {
    margin: 4px 0 8px 0;
}

.small_detail_popup .info .author a, .slider_detail_popup .info .author a {
    font: normal 12px/18px 'Open Sans', Arial, sans-serif;
    text-decoration: none;
}

.small_detail_popup .info .author a:hover, .slider_detail_popup .info .author a:hover {
    text-decoration: underline;
}

.small_detail_popup .info .availability, .slider_detail_popup .info .availability {
    font: bold 14px/20px 'Open Sans', Arial, sans-serif;
    color: #0EB100;
}

.small_detail_popup .info .add_to_cart_button, .slider_detail_popup .info .add_to_cart_button {
    margin: 8px 0 0 0;
}

.small_detail_popup .info .add_to_cart_button a, .slider_detail_popup .info .add_to_cart_button a {
    display: block;
    font: bold 14px/30px 'Open Sans', Arial, sans-serif;
    padding: 0 10px;
    background-color: #D80000;
    border-radius: 4px;
    color: #fff;
    float: left;
}

html.stop-scroll,
body.stop-scroll {
    overflow: hidden;
    height: auto;
}

.wine-alert-block {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
}

.wine-alert-wrapper {
    background: #fff;
    box-shadow: 0 0 10px 2px #0000003d;
    position: relative;
    z-index: 105;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 10px;
    max-width: 750px;
}

.wine-alert-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgb(119, 119, 119);
    opacity: 0.7;
    cursor: auto;
    display: block;
    z-index: 104;
}

.wine-alert-block > div {
    display: none;
}

.wine-alert {
    padding: 35px;
    text-align: center;
    font-size: 15px;
    font-family: "Open Sans", Arial, sans-serif;
}

.wine-alert p {
    font-size: 20px;
}

.wine-alert p:first-of-type {
    padding-bottom: 4px;
}

.wine-alert button {
    cursor: pointer;
    background: #d90000;
    color: #fff;
    padding: 10px 14px;
    margin: 10px;
    border-radius: 4px;
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 16px;
}

.wine-alert button:hover,
.wine-alert button:focus {
    background: #b20000;
}

.mixit-banner {
    margin: 1px 0;
    max-width: 1047px;
}

.mixit-manufacturer-banner {
    margin-bottom: 24px;
    margin-top: -7px;
    display: inline-block;
}

.mixit-manufacturer-banner img {
    max-width: 1047px;
}

.mixit-supplier-banner {
    margin-bottom: 24px;
    margin-top: -41px;
    display: inline-block;
}

.mixit-supplier-banner img {
    max-width: 1047px;
}

@media screen and (max-width: 1280px) {
    div.slider-products-wrap {
        width: 696px;
    }

    .mixit-banner,
    .mixit-manufacturer-banner img,
    .mixit-supplier-banner img {
        max-width: 760px;
    }

}

.avail_icon {
    vertical-align: middle;
    margin-right: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
}


/*ribbons*/
.popup_ribbons{
    position: relative;
    top: -25px;
}

.popup_ribbon{
    position: absolute;
    color: white;
    font-weight: bold;
    padding: 3px 4px;
    font-size: 14px;
    left: -4px;

}

.popup_ribbon_ebook{
    background-color: #7e00a2;
}

.popup_ribbon_audiobook{
    background-color: #009789;
}

.popup_badge {
    font-family: 'Noto Sans', sans-serif;
    font-family: var(--content-font-family), sans-serif;
    font-weight: bold;
    font-size: 12px;

    padding: 2px 12px;

    color: white;
    background-color: darkgray;
    border: 1px solid gray;
    border-radius: 23px;

    display: inline-block;
    line-height: normal;

    margin-top: 2px;
    margin-right: 8px;
}

.popup_badge.e-book {
    background-color: #7e00a2;
    border-color: #530066;
}

.popup_badge.audiobook {
    background-color: #009789;
    border-color: #00776c;
}

/*-----------------------------------------------------------------*/
/*--------------------------ESH-770 END----------------------------*/
/*-----------------------------------------------------------------*/

/*menu na calou stránku*/
.header_element_wrapper.header_menu {
    background: #c8b08e;
}

/* <ESH-3384> */

.header_element_wrapper.header_menu.esh3384-var-1 {
    background: #191717;
}

.header_element_wrapper.header_menu.esh3384-var-2 {
    background: #51200D;
}

.header_element_wrapper.header_menu.esh3384-var-3 {
    background: linear-gradient(90deg, #FF4040 0%, #a23737 100%);
}

/* </ESH-3384> */

.red_header #search_query_top::placeholder{
    font-style: italic;
}

.red_header #hamburger-menu span{
    background-color: white;
}
/*červená hlavička*/
/*barva pozadí*/
.red_header #sticky-header{
    background: rgb(210,12,15);
}

/* ESH-3493 svg header START */ 
#header.esh3493-var-1 #sticky-header {
    background-image: url('/img/svg/summer_header.svg?t=1');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

#header.esh3493-var-1 #search_block_top form#searchbox {
    background-color: white;
}

#header.esh3493-var-1 #shopping_cart {
    background: white;
}

#header.esh3493-var-1  #header_user{
    color: white;
}

#header.esh3493-var-1 .mk-btn.mk-primary {
    box-shadow: unset;
}
/* ESH-3493 END */

/* <ESH-3384> */

.red_header #sticky-header.esh3384-var-3 {
    background: linear-gradient(75deg, #E60000 0%, #624141 100%);
}

.red_header #sticky-header.esh3384-var-3:not(.sticky-active) {
    box-shadow: inset 0 -5px 12px rgba(0, 0, 0, 0.2);
}

/* </ESH-3384> */

/*text z esh-1256*/
.red_header #header_user{
    color: white;
}

.red_header .work-hours,
.red_header .first-line,
.red_header .second-line{
    color: white !important;
}

/*anulování změn search boxu z testů esh-539, esh-554*/
.red_header #search_block_top form#searchbox{
    background: white !important;
    border: 0;
}

.red_header #shopping_cart{
    box-shadow: none;
}
.red_header #search_query_top{
    background: white !important;
}
.red_header #searchbox .button{
    background: white !important;
}
.red_header #search_query_top::placeholder{
    color: rgb(210,12,15) !important;
    opacity: 1 !important;
}
.red_header #search_block_top img.search-icon{
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20.268' height='20.021' viewBox='0 0 20.268 20.021'%3E%3Cpath id='if_Find01_928435' d='M31.423,28.668l-6.2-6.2a7.384,7.384,0,1,0-2.038,2.138l6.15,6.15a1.476,1.476,0,1,0,2.088-2.088Zm-12.454-5.13a4.99,4.99,0,1,1,4.989-4.989A4.99,4.99,0,0,1,18.969,23.537Z' transform='translate(-11.588 -11.166)' fill='%23D20C0F'/%3E%3C/svg%3E%0A") !important;
}
/*cart button*/
.red_header #shopping_cart{
    background: white;
    color: rgb(210,12,15);
}
.red_header #shopping_cart .cart-quantity{
    background: rgb(210,12,15);
}

#page{
    padding-bottom: 30px;
}

/*popup s výsledkem vyhledávání*/
.ac_results{
    background-color: transparent !important;
}

.ac_results ul{
    background-color: white;
}

/*zarovnani šipky cart-content na užší tlačítko*/
#sticky-content #cart_block::before,
#sticky-content #cart_block::after{
    right: 45px;
}

/*Sticky header layout rework*/
#sticky-header {
    background-color: #ffffff;
    padding: 17px 0;
    z-index: 103;
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
}

#sticky-header.sticky-active {
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.16);
    position: fixed;
    animation-name: slideHeaderToFixed;
    animation-duration: 0.25s;
    top: 0px;
}

@keyframes slideHeaderToFixed {
    from {
        top: -89px;
    }
    to {
        top: 0;
    }
}

#sticky-header:not(.sticky-active) .sticky-visible {
    display: none;
}

#sticky-header.sticky-active .sticky-hidden {
    display: none;
}

#header .header_element{
    text-align: left;
    width: 1260px;
    margin-left: auto;
    margin-right: auto;
}

.header_element_wrapper{
    width: 100%;
}

@media screen and (max-width: 1280px) {
    .header_element_wrapper{
        min-width: 960px;
    }

    #header .header_element{
        width: 960px;
    }

    #sticky-header{
        min-width: 970px;
    }

    .header_element_wrapper.header_menu{
        min-width: 970px;
    }


    .mobile #sticky-header{
        min-width: 100%;
    }

    .mobile .header_element_wrapper.header_menu{
        min-width: 100%;
    }
}



#sticky-header .header_wrapper{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.hamburger_menu_wrapper{
    display: none;
}
/*
#sticky-header .header_wrapper *{
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    top: unset !important;
    left: unset !important;
    position: unset !important;
}*/

/*Sticky header layout rework END*/

/* ESH-2824 newsletter popup start */
.body_main #fancybox-outer {
    border-radius: 10px;
    border: 1px solid #D3D3D3;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    box-sizing: border-box;
}

.body_main #fancybox-content {
    border-radius: 10px;
}

.body_main #fancybox-content > div {
    display: inline;
}

#newsletter_popup_container {
    display: none;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    width: 650px;
    height: 275px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    opacity: 1;
}

#newsletter_popup_container .content {
    width: 599px;
    text-align: center;
    font: normal normal normal 20px/27px Noto Sans;
    font: normal normal normal 20px/27px var(--content-font-family);
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
}

#newsletter_popup_container .content > .header {
    width: 611px;
    height: 27px;
    text-align: center;
    font: normal normal bold 22px/27px Montserrat;
    font: normal normal bold 22px/27px var(--headings-font-family);
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
    margin: 16px 0 16px 0;
}

#newsletter_input_container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    height: 61px;
}

#newsletter_input_container #newsletter_email {
    width: 288px;
    text-align: left;
    font: italic normal normal 18px/24px Noto Sans;
    font: italic normal normal 18px/24px var(--content-font-family);
    letter-spacing: 0px;
    color: #757575;
    opacity: 1;
    border-radius: 7px;
    border: 3px solid #505050;
    opacity: 1;
    padding: 0 15px;
}

#newsletter_footer {
    width: 249px;
    height: 22px;
    text-align: center;
    text-decoration: underline;
    cursor: pointer;
    font: normal normal normal 16px/22px Noto Sans;
    font: normal normal normal 16px/22px var(--content-font-family);
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
}

#save_email {
    display: none;
    border-radius: 7px;
    background: rgb(0,172,8);
    background: linear-gradient(180deg, rgba(0,172,8,1) 0%, rgba(0,172,8,1) 50%, rgba(0,136,6,1) 100%);
    border: none;
    font: bold normal normal 18px/24px Noto Sans;
    font: bold normal normal 18px/24px var(--content-font-family);
    color: #ffffff;
    cursor: pointer;
    text-transform: none;
    padding: 10px;
    margin-left: 16px;
}

#save_email:disabled {
    background: linear-gradient(180deg, rgb(0 172 8 / 48%) 0%, rgb(0 172 8 / 53%) 50%, rgb(0 136 6 / 49%) 100%);
}


#newsletter-success-message {
    display: none;
}
/* ESH-2824 end */

.page-side-banners {
    width: 219px;
    column-width: 219px;
    position: absolute;
    top: 20px;
    height: 100%;
    overflow: hidden;
    padding: 0 8px;
}

.page-side-banners .dynamic-banner {
    margin-bottom: 380px;
}

.page-side-banners.side-left {
    left: -257px;
}

.page-side-banners.side-right {
    right: -257px;
}

#body.side-bg {
    overflow: hidden;
}

/* <ESH-3352> */

.m-banner.m-banner-page_side_left,
.m-banner.m-banner-page_side_right {
    position: absolute;
    top: 0;
}

.m-banner.m-banner-page_side_left {
    left: -875px;
}

.m-banner.m-banner-page_side_right {
    right: -875px;
}

/* <ESH-3450> */
body.esh3450-var-1 .m-banner.m-banner-page_side_left img,
body.esh3450-var-1 .m-banner.m-banner-page_side_right img {
    mix-blend-mode: multiply;
    filter: brightness(104%);
}
/* </ESH-3450> */

#order-confirmation .m-banner.m-banner-page_side_left,
#order-confirmation .m-banner.m-banner-page_side_right {
    display: none;
}

@media screen and (max-width: 1780px) {
    .m-banner.m-banner-page_side_left,
    .m-banner.m-banner-page_side_right {
        display: none;
    }
}

.m-banner.m-banner-page_side_left img,
.m-banner.m-banner-page_side_right img {
    width: 860px;
}

/* </ESH-3352> */

.side-bg-img {
    position: absolute;
    top: 0;
}

#order-confirmation .side-bg-img {
    display: none;
}

@media screen and (max-width: 1780px) {
    .side-bg-img {
        display: none;
    }
}

.side-bg-christmas.bg-left {
    left: -875px;
    width: 860px;
}

.side-bg-christmas.bg-right {
    right: -875px;
    width: 860px;
}

/* <ESH-2680 var 3 sticky> */

.page-side-banners.page-side-banners-sticky {
    position: sticky;
    margin-top: 20px;
    top: 111px; /* sticky header height + 20px */
}

.page-side-banners.page-side-banners-sticky.side-left {
    margin-left: -257px;
    float: left;
}

.page-side-banners.page-side-banners-sticky.side-right {
    margin-right: -257px;
    float: right;
}

.page-side-banners.page-side-banners-sticky .dynamic-banner {
    margin-bottom: 0;
}

/* </ESH-2680 var 3 sticky> */

#order-confirmation .page-side-banners {
    display: none;
}

@media screen and (max-width: 1780px) {
    .page-side-banners {
        display: none;
    }
}

@media screen and (min-width: 1781px) {
    #columns {
        position: relative;
    }
}

.dynamic-banner {
    position: relative;
    width: 100%;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.16);
}

.dynamic-banner .banner-content {
    display: flex;
}

.dynamic-banner.banner-vertical .banner-content {
    flex-direction: column;
}

.dynamic-banner a.no-link {
    pointer-events: none;
}

.dynamic-banner .banner-content > .text-wrapper {
    width: auto;
    min-width: 30%;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    background-color: #d20c0f;
    color: white;

    font-family: 'Montserrat', sans-serif;
    font-family: var(--headings-font-family), sans-serif;
    line-height: normal;
    padding: 10px 15px;
    box-sizing: border-box;

    text-align: center;
    flex-grow: 1;
}

.dynamic-banner.banner-vertical .banner-content > .text-wrapper {
    width: 100%;
    height: auto;
    padding-top: 21px;
    position: relative;
}

.dynamic-banner.banner-vertical .banner-content > .text-wrapper::after {
    content: ' ';
    position: absolute;
    background-color: #d20c0f;
    width: 230px;
    height: 18px;
    bottom: -8px;
    transform: rotateZ(-4deg);
}

.dynamic-banner .banner-content > .text-wrapper > * {
    margin: 5px 0;
}

.dynamic-banner .banner-content > .text-wrapper > .banner-title {
    font-weight: bold;
    font-size: 28px;
    line-height: 31px;
}

.dynamic-banner .banner-content > .text-wrapper > .banner-subtitle {
    font-size: 16px;
    font-family: 'Noto Sans', sans-serif;
    font-family: var(--content-font-family), sans-serif;
    margin-top: 1px;
}

.dynamic-banner .banner-button > span {
    padding: 8px 19px;
    box-sizing: border-box;
    border-radius: 5px;
    color: white;
    background-color: #3DAB0F;
    box-shadow: inset 0 -5px 10px rgba(0, 0, 0, 0.16);
    line-height: normal;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}

.dynamic-banner.banner-vertical .banner-button {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 20px;
    display: flex;
    justify-content: center;
}

.dynamic-banner:hover .banner-button > span {
    background-color: #31850d;
}

.dynamic-banner .banner-background {
    display: block;
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.dynamic-banner .banner-tags .banner-tag {
    display: block;
    position: absolute;
    line-height: normal;
    color: white;
    background-color: #d20c0f;
    border: 1px solid #9d080b;
    border-radius: 4px;
    padding: 6px 12px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.16);
}

.dynamic-banner .banner-tags .banner-tag > .tag-title {
    font-size: 18px;
}

.dynamic-banner .banner-tags .banner-tag:hover > .tag-title {
    text-decoration: underline;
}

.dynamic-banner .banner-tags .banner-tag > .tag-value {
    font-size: 21px;
}

.dynamic-banner .banner-tags .banner-tag > .tag-value > .tag-price {
    font-weight: bold;
}

/* <ESH-3387> */

.dynamic-banner.banner-vertical.esh3387-var-1 .banner-content > .text-wrapper,
.dynamic-banner.banner-vertical.esh3387-var-1 .banner-content > .text-wrapper::after {
    background-color: #c8b08e;
    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.16);
}

.dynamic-banner.banner-vertical.esh3387-var-1 .banner-button > span {
    background-color: #D20C0F;
}

.dynamic-banner.banner-vertical.esh3387-var-1:hover .banner-button > span {
    background-color: #ea090d;
}

.dynamic-banner.banner-vertical.esh3387-var-2 .banner-content > .text-wrapper,
.dynamic-banner.banner-vertical.esh3387-var-2 .banner-content > .text-wrapper::after {
    color: #346a28;
    background-color: #d5fdbb;
}

/* </ESH-3387> */

#ajaxPagination{
    margin-top: 30px;
}

.m-banner {
    margin-bottom: 30px;
}

.m-banner img {
    width: 100%;
}

.slider-container .m-banner {
    margin-bottom: 0;
}

#mail-template {
    border-top: 1px solid #d3d3d3;
    border-bottom: 1px solid #d3d3d3;
    padding: 25px 0;
    clear: both;
    overflow: hidden;
}

#mail-template-back-button {
    display: inline-block;
    margin-top: 25px;
    color: #D20C0F !important;
    text-decoration: underline;
}

#mail-template-back-button:hover {
    text-decoration: none;
}

.mail-txt-content {
    display: none;
}

/* === ESH-3087 === */
.welcome-text-container {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 20px 0 20px 0;
}

.welcome-text-mobile {
    margin-bottom: 0;
    font: 800 16px/19px Montserrat
}

.welcome-text-desktop {
    margin-bottom: 0;
    font: 800 20px/24px Montserrat;
}

.price-sup {
    font-size: 100%;
}