@charset "utf-8";

@font-face {
    font-family: FontAwesome;
    font-display: swap;
    src: local('Font Awesome'), url(/media/fonts/FontAwesome.woff2) format("woff2"), url(/media/fonts/FontAwesome.woff) format("woff")
}

:root {
    --offcanvas-color: #FFF;
    --offcanvas-bg: #ce9fe0;
    --cassiopeia-color-primary: #843aa2;
    --cassiopeia-color-link: #8E41C6;
    --cassiopeia-color-hover: #a758df;
    --mkd-important-border-color:#8244ad;
    --mkd-btn-text-shaddow:#8244ad;
    --mkd-magenta: #843aa2;
    --mkd-background: #e9e8ef;
    --text-color1:#000;
    --mkd-text-color2: #206;
    --breadcrumb-bg: #F4F4F5;
    --cart-bg:#f5f5f5;   
    --cc-bg: #fff;
    --cc-toggle-knob-icon-color: #ecf2fa;
    --cc-cookie-category-block-bg: #f0f4f7;
    --cc-cookie-category-block-bg-hover: #e9eff4;
    --cassiopeia-font-family-body: -apple-system, BlinkMacSystemFont, Roboto, Arial, Tahoma, "Segoe UI", Ubuntu, Cantarell, Oxygen-Sans, "Helvetica Neue", "Noto Sans", sans-serif;
    --cassiopeia-font-family-headings: -apple-system, BlinkMacSystemFont, Roboto, Arial, Tahoma, "Segoe UI", Ubuntu, Cantarell, Oxygen-Sans, "Helvetica Neue", "Noto Sans", sans-serif;
    --cassiopeia-font-weight-headings: 600;
    --cassiopeia-font-weight-normal: 400;
    font-display: swap;
    scroll-behavior: smooth;
    --mkd-background2:var(--mkd-background2);
    --text-shaddow:#fff;
    --mkd-text-color3:#3F3F3F;
    --mkd-input-focus-bg: #f5fbfe;
    --text-effekt-color2: rgb(34 0 102 / .658);
    --text-effekt-color3: rgb(34 0 102 / .329);
    --text-effekt-color4: rgb(163 144 199 / .418);
    --inputbox-option-bg: #fff;
    --mkd-select-bg-img: url(/media/templates/site/cassiopeia/images/select-bg.svg) no-repeat right center/116rem;
    --mkd-select-bg-color: #d1cfd6;
    --body-color-rgb: 34, 38, 42;
    --mkd-card-bg: var(--mkd-background);
    --mkd-price: #950000;
    --mkd-bg-even:#eee;
    --mkd-modal-bg: var(--mkd-background);
    --mkd-accordion-active-color: #0f244d;
    --mkd-accordion-active-bg: #e7eaee;
    --mkd-header-bg: url(/templates/h2_official/images/header/7.webp) round top center;
    --mkd-header-bg-color: #f9f3fd;
    --mkd-header-color: #843aa2;
    --mkd-breadcrumb-bg:rgb(244, 244, 245);
    --mkd-breadcrumb-color: rgb(86, 44, 114);
    --mkd-prod-attr-bg: var(--mkd-background);
    --mkd-image-bg: var(--mkd-background);
    
}

@media screen and (prefers-reduced-motion:reduce) {
    :root {
        scroll-behavior: auto
    }
}
@media (prefers-color-scheme: dark) {
    :root {
        --offcanvas-color: #000;
        --offcanvas-bg: #673a73;
        --cassiopeia-color-primary: #e1c8f1;
        --cassiopeia-color-link: #c69af1;
        --cassiopeia-color-hover: #d3a6f8;
        --mkd-important-border-color:#fc99ff;
        --mkd-btn-text-shaddow:#efe6f6;
        --mkd-magenta: #e1c8f1;
        --mkd-background: #1b1b1b;
        --breadcrumb-bg: #2c2c2e;
        --cart-bg:#41046a;
        --cc-bg: #1e1e1f;
        --cc-toggle-knob-icon-color: #1e1e2e;
        --cc-cookie-category-block-bg: #2b2b30;
        --cc-cookie-category-block-bg-hover: #35353a;
        --body-color:#e4dfee;   
        --card-cap-color: #dedce2;
        --mkd-background2:#331f4f;
        --text-color1:#fff;
        --mkd-text-color2: rgb(225, 224, 227);
        --text-shaddow:#000;
        --mkd-text-color3:#dedce2;
        --text-effekt-color2: rgba(194, 171, 235, 0.872);
        --text-effekt-color3: rgba(207, 190, 240, 0.648);
        --text-effekt-color4: rgba(163, 144, 199, 0.796);
        --mkd-input-focus-bg: #71009d;
        --inputbox-option-bg: #000;
        --mkd-select-bg-img: url(/media/templates/site/cassiopeia/images/select-bg-dark.svg) no-repeat right center/116rem;
        --mkd-select-bg-color: #9b88c4;
        --mkd-card-cap-bg:#32006f;
        --mkd-card-bg:#21003c;
        --body-color-rgb: 228, 233, 238;
        --mkd-price:#ffc9c9;
        --mkd-bg-even:#2e2e2e;
        --mkd-modal-bg: #07002f;
        --mkd-accordion-active-color: #e7eaee;
        --mkd-accordion-active-bg: #0f244d;
        --mkd-header-bg: url(/templates/h2_official/images/header/7-dark.webp) round top center;
        --mkd-header-bg-color: #3e2357;
        --mkd-header-color: var(--text-color1);
        --mkd-breadcrumb-bg:#380063;
        --mkd-breadcrumb-color: var(--body-color);
        --mkd-prod-attr-bg: #e9e8ef;
        --mkd-image-bg: #e9e8ef;
    }


    body,
    html {
        color: var(--body-color);
        background: var(--mkd-background);
    }
    
    a {
        color: var(--cassiopeia-color-link);
        text-shadow: none !important;
    }
    .iconbild{
        filter: invert(.6) brightness(1.6);
    }
    .accordion-button:not(.collapsed):after {
        filter: invert(1)
    }
    .accordion-button::after {
        filter: invert(1)
      }

    
}

body,
html {
    position: relative;
    min-height: 100vh;
    font-weight: 400;
    padding-left: 0;
    padding-right: 0;
    margin: 0;
    line-height: 140%;
    color: var(--body-color);
    background: var(--mkd-background);
    font-family: var(--cassiopeia-font-family-body);
    font-display: swap;
    font-size: 1rem;
    overflow-x: hidden !important;
    border-bottom: 3vh ridge var(--cassiopeia-color-primary);
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

@media (prefers-contrast:more) {

    body,
    html {
        color: #000;
        background: #fff;
        text-shadow: none !important
    }

    a {
        color: #ac0303
    }
}

.fa,
.fas,
[class*=" icon-"],
[class^=icon-] {
    font-family: FontAwesome;
    font-weight: 900
}

.fa,
.fab,
.fad,
.fal,
.far,
.fas,
.icon-joomla,
[class*=" icon-"],
[class^=icon-] {
    text-rendering: auto;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    line-height: 1
}

.icon-menu::before {
    content: "\f0c9"
}

.icon-arrow-up::before {
    content: "\e90f"
}

.back-to-top-link:hover {
    background-color: #843aa2
}

#back-top:hover {
    color: #fff
}

#ap-overlay {
    z-index: 65533;
    background: url(https://www.mein-kartendruck.de/components/com_jshopping/images/ap-loading.gif) no-repeat center center #fff;
    opacity: .5;
    filter: alpha(opacity=50)
}

.jshop_pagination {
    display: none
}

.selectPhrase {
    float: left !important;
    font-size: .75em;
    width: 160px
}

.modal.fade.show {
    opacity: 1
}

.modal.show .modal-dialog {
    box-shadow: gray 5pt 5pt 20pt
}
.modal-content {
    color: var(--modal-color);
    pointer-events: auto;
    background-color: var(--mkd-modal-bg);
    border: var(--modal-border-width) solid var(--modal-border-color);
    border-radius: var(--modal-border-radius);
    background-clip: padding-box;
    outline: 0;
    flex-direction: column;
    width: 100%;
    display: flex;
    position: relative;
  }

.accordion-collapse.collapse.show {
    height: auto
}


.accordion {
    --accordion-btn-padding-y: auto
}

.accordion h4 {
    margin: 0 0 0 0;
    padding: 5px;
    background-color: var(--cc-bg)
}

.accordion-header {
    background: var(--mkd-background2)
}

.accordion-header:hover {
    background: #843aa2
}


.accordion-header:hover .accordion-button {
    color: #fff
}

.accordion-button {
    font-weight: 400;
    background-color: #fff0
}

.accordion-button:not(.collapsed) {
    background-color: #fff0;
    box-shadow: none;
    color: #000
}
.accordion-button:not(.collapsed) {
    color: var(--mkd-accordion-active-color);
    background-color: var(--mkd-accordion-active-bg);
    box-shadow: inset 0 calc(-1 * var(--accordion-border-width)) 0 var(--accordion-border-color);
  }

.accordion-button:hover,
.accordion-button:focus {
    background: 0 0;
    color: var(--text-color1);
    transform: none;
    box-shadow: none
}

.accordion-body {
    padding: 0;
    overflow-y: scroll;
    overflow-x: hidden
}

.accordion-body.spruch {
    max-height: 320px
}

.accordion-body.danksagung {
    max-height: 600px
}

.accordion-body p {
    margin: 0
}

.phrase {
    padding: 10px;
    font-size: .9em
}

.phrase:nth-child(even) {
    background-color: var(--mkd-bg-even)
}

.phrase .select {
    padding: 0 30px 0 0;
    text-align: right
}

select.inputbox option {
    background-color: var(--inputbox-option-bg)
}

.home-intro {
    font-family: Baskerville, Georgia, Lucida Bright, 'Times New Roman', 'Roboto serif', Times, serif;
    font-size: x-large;
    font-style: italic;
    font-display: swap;
    color: #843aa2;
    padding: 10px 30px 30px;
    line-height: 1.1em;
    text-align: center
}

@media (min-width:620px) {
    .animated-text {
        background-image: linear-gradient(-225deg, var(--mkd-text-color2) 0, var(--text-effekt-color2) 25%, var(--mkd-text-color2) 50%, var(--text-effekt-color3) 66%, var(--text-effekt-color4) 82%, var(--mkd-text-color2) 100%);
        background-size: auto auto;
        background-clip: border-box;
        background-size: 200% auto;
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: #fff0;
        animation: textclip 2s linear 2;
        display: inline-block
    }

    @keyframes textclip {
        to {
            background-position: 200% center
        }
    }
}

.offcanvas .d-lg-none:nth-child(1) {
    max-width: 33%;
    border: .5px solid #FFF;
    box-shadow: 0 0 15px 0 #eee;
    transition: transform .5s;
    margin-bottom: 10px
}

.Themenbild {
    display: flex;
    justify-content: center
}

.Themenbild.Kategorie {
    aspect-ratio: 1
}

.Thementext {
    text-align: justify;
    text-align-last: auto;
    hyphens: auto;
    line-height: 1.75em;
    max-width: 90%;
    margin-left: auto !important;
    margin-right: auto !important
}
@-moz-document url-prefix(){
    .Thementext:first-of-type:first-letter {
        font-size: 300%;
        line-height: 1;
        float: left;
        padding-right: .1em;
        margin-top: .15em
  }
}
.Thementext::first-letter {
    -webkit-initial-letter: 2;
    initial-letter: 2;
    text-shadow: 2px 2px 2px #fff;
    margin-right: 2.5px
}

.iconbild {
    display: flex;
    justify-content: center;
    max-width: 70%;
    margin-left: auto;
    margin-right: auto
}

.auflistung {
    margin-top: 0;
    margin-bottom: 0
}

@media (min-width:575.98px) {
    .auflistung {
        margin-left: 25px;
        -mox-margin-left: 0
    }

    .auflistung::first-letter {
        margin-left: -25px;
        width: 25px
    }
}

@media (max-width:619.98px) {
    .Themenbild {
        max-width: 40%;
        float: right;
        margin-left: 15px;
        margin-top: -10px;
        margin-bottom: 20px;
        min-width: 125px;
        min-height: 125px
    }

}

@media ((min-width:620px) and (max-width:991.98px)) {
    .Themenbild {
        max-width: 30%;
        float: right;
        margin-left: 15px;
        margin-top: -10px;
        margin-bottom: 20px;
        min-width: 152px;
        min-height: 152px
    }

    .home-intro {
        font-size: xx-large
    }

    .Thementext {
        line-height: 2em
    }
}

@media (min-width:992px) {
    .home-intro {
        font-size: 1.4em;
        padding-left: 15%;
        padding-right: 15%;
        line-height: 1.3em
    }

    .Themenbild {
        min-width: 206px;
        min-height: 206px;
        margin: 5px auto
    }

    .Themenbild.Kategorie {
        min-width: 200px;
        min-height: 200px
    }
    .Thementext{
        max-width: 80%;
    }
}

@media(min-width:1280px) {
    .home-intro {
        font-size: 1.8em
    }
    .Thementext{
        max-width: 75%;
    }
}

@media(min-width:1920px) {
    .home-intro {
        font-size: 2em
    }
}

@media (max-width:767.98px) {
    .Themenbild.Kategorie {
        margin-top: 0;
        max-width: 25%;
        float: right
    }
}

@media (min-width:768px) {
    .Themenbild.Kategorie {
        max-width: 70%;
        margin-top: 0;
        float: none
    }
}

@media (max-width:575.98px) {
    .iconbild {
        max-width: 40%;
        float: left;
        margin-right: 1em
    }
}

a[data-lightbox] {
    display: inline-block;
    max-width: 100%
}

article,
details,
footer,
header,
nav,
section {
    display: block
}

img {
    max-width: 100%;
    width: auto;
    height: auto;
    vertical-align: middle;
    border: 0;
    box-sizing: border-box;
    margin-bottom: 0
}

img.jshop_img {
    width: 264px;
    min-width: 210px;
    height: auto;
    max-width: 100%;
    background: var(--mkd-image-bg);
}

@media screen and (min-width:992px) and (max-width:1160px) {
    img.jshop_img {
        min-width: 170px
    }
}

img.jshop_img_thumb {
    max-width: 264px;
    background: var(--mkd-image-bg);
}

.jshop_img:hover,
.jshop_img_thumb:hover {
    transition-duration: .5s;
    transform: scale(1.05) translate(0, -2px);
    box-shadow: 5px 5px 9px grey, -1px -1px 5px #fff;
    cursor: pointer;
}

.jshop_img_description #list_product_image_thumb {
    display: inline
}

.jshop_img,
.productfull .image_middle {
    box-shadow: 3px 3px 5px grey, -2px -2px 10px #fff;
    transition-duration: .5s;
    background: var(--mkd-image-bg);
}
/*
.breadcrumbs {
    background-color: var(--) #843aa21f;
    margin-bottom: 5px
}*/

button,
input {
    line-height: normal
}

select,
button,
html input[type=button],
input[type="button"],
input[type="reset"],
input[type="submit"] {
    cursor: pointer
}

input[type=search] {
    box-sizing: content-box
}

a {
    color: var(--cassiopeia-color-link);
    cursor: pointer;
    transition: all .2s ease-in-out;
    background: 0 0;
    text-decoration: none
}

a:hover,
a:active {
    color: var(--cassiopeia-color-hover);
    animation: pulse .3s ease
}

a:not(.metismenu-item>a) {
    text-shadow: var(--text-shaddow) .05em .05em
}

.button,
.btn,
.btn-neu,
.btn-secondary,
.tbutton.small {
    background: #3F5E8A;
    background-image: linear-gradient(to bottom, rgb(0 0 0 / .08) 0, rgb(128 128 128 / .08) 50%, rgb(255 255 255 / .08) 100%);
    color: #fff;
    border: 1px solid rgb(0 0 0 / .1);
    border-radius: 2px;
    padding: 5px 14px;
    margin: 7px 0 5px 5px;
    text-shadow: 0 -1px 0 var(--mkd-btn-text-shaddow);
    line-height: 18px;
    width: auto;
    display: block;
    float: right;
    position: relative;
    overflow: hidden;
    text-align: center;
    font-size: .95rem;
    word-spacing: .2em;
    box-shadow: 0 3px 4px rgb(0 0 0 / .4), 0 1px 3px rgb(255 255 255 / .2) inset, 0 -1px 3px rgb(0 0 0 / .2) inset;
    transition: all .2s ease;
    cursor: pointer
}

@media (max-width:600px) {

    .button,
    .btn,
    .btn-neu {
        white-space: normal
    }
}

.spruchWahl .tbutton {
    width: 180px;
    float: left
}

.btn:hover,
button:hover,
.btn-neu:hover,
.tbutton.small:hover,
tbutton:hover,
#sendMessage:hover,
#sendOrder:hover {
    background: #28446a;
    color: #ff0;
    transition-duration: .5s;
    transform: scale(1.05) translate(0, -2px);
    box-shadow: 5px 5px 9px grey, -1px -1px 5px #fff
}

.btn-neu {
    display: inline;
    border-bottom: 1px solid rgb(255 255 255 / .2);
    box-shadow: 0 9px 10px rgb(0 0 0 / .4), 0 2px 9px rgb(255 255 255 / .2) inset, 0 -2px 9px rgb(0 0 0 / .2) inset;
    font-size: 1.22rem;
    font-weight: 700;
    margin: 0 20px;
    margin-top: 10px;
    margin-bottom: 40px;
    padding: 12px 20px;
    text-decoration: none;
    text-shadow: 1px 1px 2px var(--mkd-btn-text-shaddow);
    border-radius: 25px 5px
}

.btn-neu:hover {
    transform: scale(1.2);
    transition-duration: .5s
}

.Anzahl {
    float: left
}

.schalter {
    display: inline-block
}

.clearfix:before,
.clearfix:after {
    display: table;
    content: "";
    line-height: 0
}

.clearfix:after {
    clear: both !important
}

.row:before,
.row:after {
    display: table;
    content: "";
    line-height: 0
}

.row:after {
    clear: both
}

[class*=span] {
    float: left;
    min-height: 1px;
    margin-left: 20px
}

.span12 {
    width: 940px
}

.span11 {
    width: 860px
}

.span10 {
    width: 780px
}

.span9 {
    width: 700px
}

.span8 {
    width: 620px
}

.span7 {
    width: 540px
}

.span6 {
    width: 460px
}

.span5 {
    width: 380px
}

.span4 {
    width: 300px
}

.span3 {
    width: 220px
}

.span2 {
    width: 140px
}

.span1 {
    width: 60px
}

.row-fluid [class*=span] {
    display: block;
    width: 100%;
    box-sizing: border-box;
    min-height: auto;
    float: left;
    margin-left: 2%
}

.row-fluid [class*=span]:first-child {
    margin-left: 0
}

.row-fluid .controls-row [class*=span]+[class*=span] {
    margin-left: 2%
}

.row-fluid .span12 {
    width: 100%
}

.row-fluid .span11 {
    width: 91%
}

.row-fluid .span10 {
    width: 82%
}

.row-fluid .span9 {
    width: 74%
}

.row-fluid .span8 {
    width: 65%
}

.row-fluid .span7 {
    width: 57%
}

.row-fluid .span6 {
    width: 47.5%
}

.row-fluid .span5 {
    width: 40%
}

.row-fluid .span4 {
    width: 31%
}

.row-fluid .span3 {
    width: 23%
}

.row-fluid .span2 {
    width: 14%
}

.row-fluid .span1 {
    width: 6%
}

[class*=span].hide,
.row-fluid [class*=span].hide {
    display: none
}

[class*=span].pull-right,
.row-fluid [class*=span].pull-right {
    float: right
}

.container {
    width: 940px;
    margin-right: auto;
    margin-left: auto
}

.container:before,
.container:after {
    display: table;
    content: "";
    line-height: 0
}

.container:after {
    clear: both
}

.container-fluid {
    padding-right: 8px;
    padding-left: 8px
}

.container-fluid:before,
.container-fluid:after {
    display: table;
    content: "";
    line-height: 0
}

.container-fluid:after {
    clear: both
}

em {
    font-style: italic
}

.page-header {
    padding-bottom: 8px;
    margin: 18px 0 27px;
    border-bottom: 1px solid #ddd
}

li {
    line-height: 18px
}

ul.inline {
    margin-left: 0;
    list-style: none
}

ul.inline>li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px
}

abbr[title],
abbr[data-original-title] {
    cursor: help;
    border-bottom: 1px dotted #3f2f5f
}

address {
    display: block;
    margin-bottom: 18px;
    font-style: normal;
    line-height: 18px
}

form {
    margin: 0 0 18px
}

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 18px;
    font-size: 18px;
    line-height: 36px;
    color: #3c00b3;
    border: 0;
    border-bottom: 1px solid #E9E8EF
}

legend small {
    font-size: 13.5px;
    color: #3f2f5f
}

label {
    display: block;
    margin-bottom: 5px
}

select,
textarea,
input[type=text],
input[type=password],
input[type=datetime],
input[type=datetime-local],
input[type=date],
input[type=month],
input[type=time],
input[type=week],
input[type=number],
input[type=email],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
    display: inline-block;
    padding: 4px 6px;
    margin-bottom: 9px;
    font-size: 12px;
    vertical-align: middle;
    border-radius: 0;
    height: 22px;
    line-height: 22px;
    color: var(--mkd-background2));
    background-color: var(--mkd-background2);
    border: 1px solid #ddd;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / .075);
    transition: border linear .2s, box-shadow linear .2s
}

input[type=email],
input[type=number],
input[type=password],
input[type="tel"],
input[type="url"],
input[type=text],
input[type=password],
input[type="username"],
#review_review {
    display: block;
    box-sizing: border-box;
    padding: 0 10px;
    border-radius: 2px;
    height: 30px;
    margin-bottom: 5px;
    transition: all .3s
}

textarea {
    resize: vertical;
    overflow: auto;
    vertical-align: top;
    height: auto
}

input[type=radio],
input[type=checkbox] {
    margin: 4px 0 0;
    margin-top: 1px;
    line-height: normal;
    height: 30px
}

select {
    word-wrap: normal;
    width: 220px;
    height: 27px;
    border: 1px solid #ddd;
    border-color: #ddd;
    background: var(--mkd-background2);
    margin-bottom: 9px
}

select[multiple],
select[size] {
    height: auto
}

input[type=file]:focus,
input[type=radio]:focus,
input[type=checkbox]:focus {
    outline: thin dotted #333;
    outline-offset: -2px
}

.radio,
.checkbox {
    min-height: 18px;
    padding-left: 20px
}

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

.controls>.radio:first-child,
.controls>.checkbox:first-child {
    padding-top: 5px
}

.radio.inline,
.checkbox.inline {
    display: inline-block;
    padding-top: 5px;
    margin-bottom: 0;
    vertical-align: middle
}

.radio.inline+.radio.inline,
.checkbox.inline+.checkbox.inline {
    margin-left: 10px
}

input[class*=span],
select[class*=span],
textarea[class*=span],
.row-fluid input[class*=span],
.row-fluid select[class*=span],
.row-fluid textarea[class*=span],
.row-fluid {
    float: none;
    margin-left: 0
}

.input-append input[class*=span],
.input-append,
.input-prepend input[class*=span],
.input-prepend,
.row-fluid input[class*=span],
.row-fluid select[class*=span],
.row-fluid textarea[class*=span],
.row-fluid,
.row-fluid .input-prepend [class*=span],
.row-fluid .input-append [class*=span] {
    display: inline-block
}

input,
textarea {
    margin-left: 0;
    width: 206px
}

.controls-row [class*=span]+[class*=span] {
    margin-left: 20px
}

input.span12,
textarea.span12 {
    width: 926px
}

input.span11,
textarea.span11 {
    width: 846px
}

input.span10,
textarea.span10 {
    width: 766px
}

input.span9,
textarea.span9 {
    width: 686px
}

input.span8,
textarea.span8 {
    width: 606px
}

input.span7,
textarea.span7 {
    width: 526px
}

input.span6,
textarea.span6 {
    width: 446px
}

input.span5,
textarea.span5 {
    width: 366px
}

input.span4,
textarea.span4 {
    width: 286px
}

input.span3,
textarea.span3 {
    width: 206px
}

input.span2,
textarea.span2 {
    width: 126px
}

input.span1,
textarea.span1 {
    width: 46px
}

.controls-row:before,
.controls-row:after {
    display: table;
    content: "";
    line-height: 0
}

.controls-row:after {
    clear: both
}

.controls-row [class*=span],
.row-fluid .controls-row [class*=span] {
    float: left
}

.controls-row .checkbox[class*=span],
.controls-row .radio[class*=span] {
    padding-top: 5px
}

input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
    cursor: not-allowed;
    background-color: var(--mkd-background2)
}

input[type=radio][disabled],
input[type=checkbox][disabled],
input[type=radio][readonly],
input[type=checkbox][readonly] {
    background-color: #fff0
}

input:focus:invalid,
textarea:focus:invalid,
select:focus:invalid {
    color: #b94a48;
    border-color: #ee5f5b
}

input:focus:invalid:focus,
textarea:focus:invalid:focus,
select:focus:invalid:focus {
    border-color: #e9322d;
    box-shadow: 0 0 6px #f8b9b7
}

.form-actions {
    padding: 17px 20px 18px;
    margin-top: 18px;
    margin-bottom: 18px;
    background-color: var(--mkd-background2);
    border-top: 1px solid #E9E8EF
}

.form-actions:before,
.form-actions:after {
    display: table;
    content: "";
    line-height: 0
}

.form-actions:after {
    clear: both
}

input.search-query {
    padding-right: 14px;
    padding-left: 14px;
    margin-bottom: 0;
    border-radius: 15px
}

.form-search .input-append .search-query,
.form-search .input-prepend .search-query {
    border-radius: 0
}

.form-search .input-append .search-query {
    border-radius: 14px 0 0 14px
}

.form-search .input-append .btn {
    border-radius: 0 14px 14px 0
}

.form-search .input-prepend .search-query {
    border-radius: 0 14px 14px 0
}

.form-search .input-prepend .btn {
    border-radius: 14px 0 0 14px
}

.form-search input,
.form-inline input,
.form-horizontal input,
.form-search textarea,
.form-inline textarea,
.form-horizontal textarea,
.form-search select,
.form-inline select,
.form-horizontal select,
.form-search .help-inline,
.form-inline .help-inline,
.form-horizontal .help-inline,
.form-search .uneditable-input,
.form-inline .uneditable-input,
.form-horizontal .uneditable-input,
.form-search .input-prepend,
.form-inline .input-prepend,
.form-horizontal .input-prepend,
.form-search .input-append,
.form-inline .input-append,
.form-horizontal .input-append {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle
}

.form-search .hide,
.form-inline .hide,
.form-horizontal .hide {
    display: none
}

.form-search label,
.form-inline label,
.form-search .btn-group,
.form-inline .btn-group {
    display: inline-block
}

.form-search .input-append,
.form-inline .input-append,
.form-search .input-prepend,
.form-inline .input-prepend {
    margin-bottom: 0
}

.form-search .radio,
.form-search .checkbox,
.form-inline .radio,
.form-inline .checkbox {
    padding-left: 0;
    margin-bottom: 0;
    vertical-align: middle
}

.form-search .radio input[type=radio],
.form-search .checkbox input[type=checkbox],
.form-inline .radio input[type=radio],
.form-inline .checkbox input[type=checkbox] {
    float: left;
    margin-right: 3px;
    margin-left: 0
}

.control-group {
    margin-bottom: 9px;
    min-height: 76.6px
}

legend+.control-group {
    margin-top: 18px
}

.form-horizontal .control-group {
    margin-bottom: 18px
}

.form-horizontal .control-group:before,
.form-horizontal .control-group:after {
    display: table;
    content: "";
    line-height: 0
}

.form-horizontal .control-group:after {
    clear: both
}

.form-horizontal .control-label {
    float: left;
    width: 160px;
    padding-top: 5px;
    text-align: right;
    min-height: 2.5em
}

.form-horizontal .controls {
    margin-left: 180px
}

.form-horizontal .help-block {
    margin-bottom: 0
}

.form-horizontal input+.help-block,
.form-horizontal select+.help-block,
.form-horizontal textarea+.help-block,
.form-horizontal .uneditable-input+.help-block,
.form-horizontal .input-prepend+.help-block,
.form-horizontal .input-append+.help-block {
    margin-top: 9px
}

.form-horizontal .form-actions {
    padding-left: 180px
}

table,
.table {
    width: 100%;
    margin: 0;
    padding: 0;
    border-collapse: collapse;
    border-radius: 5px;
    overflow: hidden;
    text-align: center;
    font-size: 13px;
    background: 0 0 !important
}

.table th,
.table td {
    padding: 8px;
    line-height: 18px;
    text-align: left;
    vertical-align: top;
    border-top: 1px solid #ddd
}

.table th {
    font-weight: 600;
    padding: 16px 12px;
    text-align: center;
    text-shadow: none;
    font-size: 14px;
    color: inherit;
    background-color: #191919
}

.table td {
    padding: 14px 7px;
    text-align: center
}

.table tr {
    border-bottom: 1px solid #fff;
    background-color: var(--mkd-background2);
    transition: all .2s
}

.table thead th {
    vertical-align: bottom
}

.table caption+thead tr:first-child th,
.table caption+thead tr:first-child td,
.table colgroup+thead tr:first-child th,
.table colgroup+thead tr:first-child td,
.table thead:first-child tr:first-child th,
.table thead:first-child tr:first-child td {
    border-top: 0
}

.table tbody+tbody {
    border-top: 2px solid #ddd
}

.table-condensed th,
.table-condensed td {
    padding: 4px 5px
}

.table-hover tbody tr:hover>td,
.table-hover tbody tr:hover>th {
    background-color: #eee
}

table td[class*=span],
table th[class*=span],
.row-fluid table td[class*=span],
.row-fluid table th[class*=span] {
    display: table-cell;
    float: none;
    margin-left: 0
}

.fade {
    opacity: 0;
    transition: opacity .15s linear
}

.fade.in {
    opacity: 1
}

.collapse {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: height .35s ease
}

.collapse.in {
    height: auto
}

.close {
    float: right;
    font-size: 20px;
    font-weight: 600;
    line-height: 18px;
    color: var(--body-color);
    text-shadow: 0 1px 0 #fff;
    opacity: .2
}

.close:hover,
.close:focus {
    color: var(--body-color);
    text-decoration: none;
    cursor: pointer;
    opacity: .4
}

button.close {
    padding: 3px;
    cursor: pointer;
    background: 0 0;
    border: 0
}

.tooltip.in {
    opacity: .8
}

.tooltip.top {
    margin-top: -3px;
    padding: 5px 0
}

.tooltip.right {
    margin-left: 3px;
    padding: 0 5px
}

.tooltip.bottom {
    margin-top: 3px;
    padding: 5px 0
}

.tooltip.left {
    margin-left: -3px;
    padding: 0 5px
}

.tooltip-inner {
    max-width: 200px;
    padding: 8px;
    color: rgb(255 255 255 / .7);
    text-align: center;
    text-decoration: none;
    background-color: #29014e;
    border-radius: 4px
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: #fff0;
    border-style: solid
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #29014e
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #29014e
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #29014e
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #29014e
}

.pull-right {
    float: right
}

.pull-left {
    float: left
}

.pull-left picture {
    padding-right: 1em
}

.hide {
    display: none
}

.show {
    display: block;
    height: auto
}

.invisible {
    visibility: hidden
}

.affix {
    position: fixed
}

.hidden {
    display: none;
    visibility: hidden
}

.visible-phone {
    display: none !important
}

.visible-tablet {
    display: none !important
}

.hidden-desktop {
    display: none !important
}

.visible-desktop {
    display: inherit !important
}

@media (min-width:768px) and (max-width:979px) {
    .hidden-desktop {
        display: inherit !important
    }

    .visible-desktop {
        display: none !important
    }

    .visible-tablet {
        display: inherit !important
    }

    .hidden-tablet {
        display: none !important
    }
}

@media (max-width:767.98px) {
    .hidden-desktop {
        display: inherit !important
    }

    .visible-desktop {
        display: none !important
    }

    .visible-phone {
        display: inherit !important
    }

    .hidden-phone {
        display: none !important
    }
}

.visible-print {
    display: none !important
}

@media print {
    .visible-print {
        display: inherit !important
    }

    .hidden-print {
        display: none !important
    }
}

@media (max-width:767.98px) {
    body {
        padding-left: 20px;
        padding-right: 20px
    }

    .container-fluid {
        padding: 0
    }

    .container {
        width: auto
    }

    .row-fluid {
        width: 100%
    }

    .thumbnails {
        margin-left: 0
    }

    .thumbnails>li {
        float: none;
        margin-left: 0
    }

    [class*=span],
    .row-fluid [class*=span] {
        float: none;
        display: block;
        width: 100%;
        margin-left: 0;
        box-sizing: border-box
    }

    .span12,
    .row-fluid .span12 {
        width: 100%;
        box-sizing: border-box
    }

    input[class*=span],
    select[class*=span],
    textarea[class*=span] {
        display: block;
        width: 100%;
        box-sizing: border-box;
        min-height: auto
    }

    .input-append input,
    .input-append input[class*=span] {
        display: inline-block;
        width: auto
    }

    .controls-row [class*=span]+[class*=span] {
        margin-left: 0
    }
}

@media (min-width:768px) and (max-width:979px) {

    .row:before,
    .row:after {
        display: table;
        content: "";
        line-height: 0
    }

    .row:after {
        clear: both
    }

    [class*=span] {
        float: left;
        min-height: 1px;
        margin-left: 20px
    }

    .container {
        width: 724px
    }

    .span12 {
        width: 724px
    }

    .span11 {
        width: 662px
    }

    .span10 {
        width: 600px
    }

    .span9 {
        width: 538px
    }

    .span8 {
        width: 476px
    }

    .span7 {
        width: 414px
    }

    .span6 {
        width: 352px
    }

    .span5 {
        width: 290px
    }

    .span4 {
        width: 228px
    }

    .span3 {
        width: 166px
    }

    .span2 {
        width: 104px
    }

    .span1 {
        width: 42px
    }

    .row-fluid [class*=span] {
        display: block;
        width: 100%;
        box-sizing: border-box;
        min-height: auto;
        float: left;
        margin-left: 2.76243094%
    }

    .row-fluid [class*=span]:first-child {
        margin-left: 0
    }

    input,
    textarea,
    .uneditable-input {
        margin-left: 0
    }

    .controls-row [class*=span]+[class*=span] {
        margin-left: 20px
    }

    input.span12,
    textarea.span1212 {
        width: 710px
    }

    input.span11,
    textarea.span1111 {
        width: 648px
    }

    input.span10,
    textarea.span1010 {
        width: 586px
    }

    input.span9,
    textarea.span99 {
        width: 524px
    }

    input.span8,
    textarea.span88 {
        width: 462px
    }

    input.span7,
    textarea.span77 {
        width: 400px
    }

    input.span6,
    textarea.span66 {
        width: 338px
    }

    input.span5,
    textarea.span55 {
        width: 276px
    }

    input.span4,
    textarea.span44 {
        width: 214px
    }

    input.span3,
    textarea.span33 {
        width: 152px
    }

    input.span2,
    textarea.span22 {
        width: 90px
    }

    input.span1,
    textarea.span11 {
        width: 28px
    }
}

@media (min-width:768px) and (max-width:1200px) {
    .row {
        margin-left: -20px
    }
    .phrase .row{
        margin-left: 2px
    }
}

@media (min-width:1200px) {
    .row {
        margin-left: 0
    }

    .row:before,
    .row:after {
        display: table;
        content: "";
        line-height: 0
    }

    .row:after {
        clear: both
    }

    [class*=span] {
        float: left;
        min-height: 1px;
        margin-left: 30px
    }

    .container {
        width: 1170px
    }

    .span12 {
        width: 1170px
    }

    .span11 {
        width: 1070px
    }

    .span10 {
        width: 970px
    }

    .span9 {
        width: 870px
    }

    .span8 {
        width: 770px
    }

    .span7 {
        width: 670px
    }

    .span6 {
        width: 570px
    }

    .span5 {
        width: 470px
    }

    .span4 {
        width: 370px
    }

    .span3 {
        width: 270px
    }

    .span2 {
        width: 170px
    }

    .span1 {
        width: 70px
    }

    .row-fluid {
        width: 100%
    }

    .row-fluid:after {
        clear: both
    }

    .row-fluid [class*=span] {
        display: block;
        width: 100%;
        box-sizing: border-box;
        min-height: auto;
        float: left;
        margin-left: 2.56410256%
    }

    .row-fluid [class*=span]:first-child {
        margin-left: 0
    }

    .row-fluid .controls-row [class*=span]+[class*=span] {
        margin-left: 2.56410256%
    }

    .row-fluid .span12 {
        width: 100%
    }

    .row-fluid .span11 {
        width: 91.45299145%
    }

    .row-fluid .span10 {
        width: 82.90598291%
    }

    .row-fluid .span9 {
        width: 74.35897436%
    }

    .row-fluid .span8 {
        width: 65.81196581%
    }

    .row-fluid .span7 {
        width: 57.26495726%
    }

    .row-fluid .span6 {
        width: 47.5%
    }

    .row-fluid .span5 {
        width: 40%
    }

    .row-fluid .span4 {
        width: 31.62393162%
    }

    .row-fluid .span3 {
        width: 23.07692308%
    }

    .row-fluid .span2 {
        width: 14.52991453%
    }

    .row-fluid .span1 {
        width: 5.98290598%
    }

    input,
    textarea,
    .uneditable-input {
        margin-left: 0
    }

    .controls-row [class*=span]+[class*=span] {
        margin-left: 30px
    }

    input.span12,
    textarea.span1212 {
        width: 1156px
    }

    input.span11,
    textarea.span1111 {
        width: 1056px
    }

    input.span10,
    textarea.span1010 {
        width: 956px
    }

    input.span9,
    textarea.span99 {
        width: 856px
    }

    input.span8,
    textarea.span88 {
        width: 756px
    }

    input.span7,
    textarea.span77 {
        width: 656px
    }

    input.span6,
    textarea.span66 {
        width: 556px
    }

    input.span5,
    textarea.span55 {
        width: 456px
    }

    input.span4,
    textarea.span44 {
        width: 356px
    }

    input.span3,
    textarea.span33 {
        width: 256px
    }

    input.span2,
    textarea.span22 {
        width: 156px
    }

    input.span1,
    textarea.span11 {
        width: 56px
    }

    .thumbnails {
        margin-left: -30px
    }

    .thumbnails>li {
        margin-left: 30px
    }

    .row-fluid .thumbnails {
        margin-left: 0
    }
}

@media (max-width:979px) {

    html,
    body {
        padding-top: 0
    }
}

.small {
    font-size: 11px
}

.nowrap {
    white-space: nowrap
}

.center,
.table td.center,
.table th.center {
    text-align: center
}

a.disabled,
a.disabled:hover {
    background-color: #fff0;
    cursor: default;
    text-decoration: none;
    color: #3f2f5f
}

.page-header {
    margin: 2px 0 10px;
    padding-bottom: 5px
}

.input-prepend .chzn-container-single .chzn-single,
.input-append .chzn-container-single .chzn-single {
    border-color: #ddd;
    height: 26px;
    box-shadow: none
}

.input-append>.add-on {
    vertical-align: top
}

.input-append .chzn-container-single .chzn-single {
    border-radius: 3px 0 0 3px
}

.input-append .chzn-container-single .chzn-single-with-drop {
    border-radius: 3px 0 0
}

.element-invisible {
    position: absolute;
    padding: 0;
    margin: 0;
    border: 0;
    height: 1px;
    width: 1px;
    overflow: hidden
}

.form-vertical .control-label {
    float: none;
    width: auto;
    padding-right: 0;
    padding-top: 0;
    text-align: left
}

.form-vertical .controls {
    margin-left: 0
}

.width-auto {
    width: auto
}

.invalid {
    color: #da314b;
    font-weight: 700
}

input.invalid {
    border: 1px solid #da314b
}

.tooltip-inner {
    max-width: none;
    text-align: left;
    text-shadow: none
}

select:focus,
textarea:focus,
input[type=text]:focus,
input[type=password]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=time]:focus,
input[type=week]:focus,
input[type=number]:focus,
input[type=email]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
    border-color: #99baca;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / .075), 0 0 8px rgb(82 168 236 / .6);
    outline: 0;
    background:var(--mkd-input-focus-bg)
}

input[type=email]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type=text]:focus,
input[type=password]:focus,
input[type="username"]:focus,
#review_review:focus {
    border: 1px solid #C7C7C7;
    box-shadow: 0 0 5px rgb(0 0 0 / .1)
}

.row-fluid input[class*=span] {
    min-height: 22px
}

.input-append .add-on:first-child,
.input-append .btn:first-child,
.input-prepend .add-on:first-child,
.input-prepend .btn:first-child,
.input-prepend.input-append .add-on:first-child,
.input-prepend.input-append .btn:first-child {
    border-radius: 4px 0 0 4px
}

.input-append>.btn {
    position: relative
}

.input-append>.btn:hover,
.input-append>.btn:focus,
.input-append>.btn:active,
.input-append>.btn.active {
    z-index: 2
}

input.search-query {
    border-radius: 4px
}

.form-search .input-append .btn,
.form-search .input-prepend .search-query {
    border-radius: 0 4px 4px 0
}

.form-search .input-append .search-query,
.form-search .input-prepend .btn {
    border-radius: 4px 0 0 4px
}

.control-group input {
    height: 22px;
    min-height: 22px !important;
    line-height: 22px
}

.form-actions {
    border: none
}

ul.inline,
ul.unstyled,
.list-striped,
.list-condensed,
.pagination ul {
    padding-left: 0
}

.btn-group input,
.btn-group select {
    font-size: 12px
}

li,
dt,
dd {
    line-height: 160%
}

[hidden],
template {
    display: none
}

svg:not(:root) {
    overflow: hidden
}

button,
input,
select,
textarea {
    vertical-align: middle;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    color: inherit;
    font: inherit;
    margin: 0;
    box-sizing: border-box
}

input {
    line-height: normal
}

ul ul {
    margin-bottom: 0
}

p,
ul,
blockquote,
address,
fieldset {
    margin: 0 0 20px
}

*+p,
*+ul,
*+ol,
*+dl,
*+blockquote,
*+address,
*+fieldset,
*+figure {
    margin-top: 20px
}

ul>li>ul {
    margin: 0
}

blockquote.pull-right {
    float: right;
    padding-right: 15px;
    padding-left: 0;
    border-right: 5px solid #ddd;
    border-left: 0
}

blockquote.pull-right p,
blockquote.pull-right small {
    text-align: right
}

blockquote.pull-right small:before {
    content: ''
}

blockquote.pull-right small:after {
    content: '\00A0 \2014'
}

q:before,
blockquote:before {
    content: open-quote
}

q:after,
blockquote:after {
    content: close-quote
}

q,
blockquote {
    font-style: italic
}

blockquote {
    padding-left: 15px;
    border-left: 5px solid #ddd;
    font-size: 14px;
    margin: 0 0 18px;
    line-height: 19px
}

blockquote small {
    display: block;
    line-height: 18px;
    color: #3f2f5f;
    font-style: normal
}

blockquote small:before {
    content: '\2014 \00A0'
}

blockquote p {
    margin-bottom: 0;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.25
}

blockquote p:last-of-type {
    margin-bottom: 5px
}

button,
input:not([type=radio]):not([type=checkbox]),
select {
    vertical-align: middle
}

.uk-panel-box {
    padding: 20px;
    background: var(--mkd-background2);
    border-radius: 3px;
    box-shadow: 0 0 10px 0 rgb(0 0 0 / .06) inset
}

* .icon-location:before {
    content: "\f3c5"
}

.fa-fw,
.icon-fw {
    text-align: center;
    width: 1.25em
}

.uk-form-icon>[class*='uk-icon-'] {
    position: absolute;
    top: 50%;
    width: 30px;
    margin-top: -6px;
    font-size: 12px;
    color: #3f2f5f;
    text-align: center;
    pointer-events: none
}

.uk-form-icon:not(.uk-form-icon-flip)>input {
    padding-left: 30px !important
}

.uk-form-icon-flip>[class*=uk-icon-] {
    right: 0
}

.uk-form-icon-flip>input {
    padding-right: 30px !important
}

[class*=uk-icon-] {
    font-family: FontAwesome;
    display: inline-block;
    font-weight: 400;
    font-size: 160%;
    vertical-align: -13%;
    font-style: normal;
    line-height: 1;
    margin-right: 4px;
    width: 38px
}

.uk-icon-small:before {
    font-size: 150%;
    vertical-align: -13%
}

.uk-icon-medium:before {
    font-size: 200%;
    vertical-align: -16%
}

.uk-icon-large:before {
    font-size: 250%;
    vertical-align: -22%
}

.uk-icon-button {
    box-sizing: border-box;
    display: inline-block;
    width: 35px;
    height: 35px;
    border-radius: 100%;
    background: #eee;
    line-height: 35px;
    color: var(--body-color);
    font-size: 18px;
    text-align: center
}

.uk-icon-button:hover,
.uk-icon-button:focus {
    background-color: var(--mkd-background2);
    color: #896ac6;
    text-decoration: none;
    outline: 0
}

.uk-icon-button:active {
    background-color: #ddd;
    color: var(--body-color)
}

.uk-icon-thumbs-o-up:before {
    content: "\f087"
}

.uk-icon-angle-up:before {
    content: "\f106"
}

.uk-icon-angle-down:before {
    content: "\f107"
}

.uk-icon-navbar-toggle:before {
    content: "\f0c9"
}

.uk-icon-shopping-cart:before {
    content: "\f07a"
}

.uk-icon-home:before {
    content: "\f015"
}

.uk-icon-info:before {
    content: "\f129"
}

.uk-icon-key:before {
    content: "\f084"
}

.uk-icon-truck:before {
    content: "\f0d1"
}
/*.ajsb::before,
.jshop_ajaxsearch .button::before,*/
#jshop_search:before,
.uk-icon-search:before,
.icon-zoom-in::before {
    content: "\f002";
    font-family: FontAwesome;
    
}/*
.ajsb{
    content: "\f002"
}*/
.uk-icon-lightbulb-o:before {
    content: "\f059"
}

.uk-icon-plus-square:before {
    content: "\f0d4"
}

.uk-icon-plus-circle:before {
    content: "\f055"
}

.uk-icon-minus-circle:before {
    content: "\f056"
}

.uk-icon-x-square:before {
    content: "\f00D"
}

.uk-icon-plus-square-o:before {
    content: "\f196"
}

.uk-icon-gavel:before {
    content: "\f0e3"
}

.uk-icon-comment:before {
    content: "\f075"
}

.uk-icon-account-box:before {
    content: "\e922"
}

.uk-icon-grave-stone1:before {
    content: "\e91f"
}

.uk-icon-hand-heart:before {
    content: "\e923"
}

.uk-icon-comment-quote:before {
    content: "\e926"
}

.uk-icon-email-variant:before {
    content: "\e925"
}

.uk-icon-truck-fast:before {
    content: "\e919"
}

.uk-icon-shield-key:before {
    content: "\e918"
}

.uk-icon-information:before {
    content: "\e913"
}

.uk-icon-edit:before {
    content: "\f044"
}

.uk-icon-book:before {
    content: "\F02D"
}

@media (max-width:960px) {
    .uk-hidden-small {
        display: none !important
    }

    .uk-visible-small {
        display: block !important
    }
}

@media (min-width:960px) {
    .uk-visible-small {
        display: none !important
    }

    .uk-visible-medium {
        display: none !important
    }

    .uk-hidden-large {
        display: none !important
    }
}

@media (min-width:800px) and (max-width:959px) {
    .uk-visible-large {
        display: none !important
    }

    .uk-hidden-medium {
        display: none !important
    }
}

@media (max-width:799px) {
    .uk-visible-medium {
        display: none !important
    }

    .uk-visible-large {
        display: none !important
    }
}

.uk-hidden {
    display: none !important;
    visibility: hidden !important
}

.uk-invisible {
    visibility: hidden !important
}

.uk-visible-hover:hover .uk-hidden,
.uk-visible-hover:hover .uk-invisible {
    display: block !important;
    visibility: visible !important
}

.uk-visible-hover-inline:hover .uk-hidden,
.uk-visible-hover-inline:hover .uk-invisible {
    display: inline-block !important;
    visibility: visible !important
}

@media print {
    * {
        text-shadow: none !important;
        color: #000 !important;
        background: 0 0 !important;
        box-shadow: none !important
    }

    a[href]:after {
        content: " (" attr(href) ")"
    }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: ""
    }

    a,
    a:visited {
        text-decoration: underline
    }

    thead {
        display: table-header-group
    }

    tr,
    img {
        page-break-inside: avoid
    }

    img {
        max-width: 100% !important
    }

    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid
    }

    @page {
        margin: .5cm
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3
    }

    h2,
    h3 {
        page-break-after: avoid
    }
}

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

.tm-toolbar .uk-float-left .uk-panel {
    float: left;
    margin: 0 25px 0 0
}

.tm-toolbar .uk-float-right .uk-panel {
    float: right;
    margin: 0 0 0 25px
}

.tm-headerbar .tm-logo {
    float: left;
    margin-right: 10px
}

.tm-headerbar .uk-panel {
    float: right;
    margin-right: 0;
    max-width: 300px
}

.tm-main>:nth-child(n+2) {
    margin-top: 25px
}

.tm-content>:last-child {
    margin-bottom: 0
}

.tm-footer {
    position: relative
}

.tm-footer .uk-panel+.uk-panel {
    margin-top: 25px
}

.tp-caption a {
    color: #fff !important
}

i:hover {
    animation: pulse .7s ease
}

.border-right {
    position: initial;
    height: 31px;
    margin-top: -32px;
    margin-right: -15px;
    margin-left: 69px;
    padding-right: 20px;
    border-left: 1px solid #CCC
}

.bg_p {
    padding: 20px 35px 35px 20px;
    color: #fff;
    margin-top: 30px
}

.small_padding {
    color: #fff
}

@media screen and (max-width:640px) {
    .grid-child.container-nav {
        padding-left: .25em;
        padding-right: .25em;
        margin-left: -20px;
        width: 112%
    }
}

#mod-custom142 {
    padding-right: 5px
}

.logo_canvas {
    text-align: center;
    display: block;
    margin: 20px auto -20px !important
}

.bg_p h2 {
    font-size: 24px;
    line-height: 30px
}

.bg_p h4 {
    font-size: 18px;
    line-height: 20px
}

.icon_b {
    float: left;
    margin-right: 16px;
    font-size: 76px;
    color: #DDD;
    transition: all .5s ease
}

.contact_headerbar {
    margin-top: 30px;
    margin-right: 40px !important
}

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

.space_right1 {
    margin-right: 5px
}

.round a,
.round a i {
    border-radius: 100% !important
}

.round {
    margin-top: 20px
}

.space_top {
    margin-top: 20px
}

.info_box {
    padding: 20px;
    color: #fff;
    background: #101010
}

#bottom_block a {
    color: #fff
}

#bottom_block a:hover {
    text-decoration: none;
    color: #666
}

.space-top1 {
    margin-top: 35px
}

.h3_bold {
    margin-top: 20px;
    margin-bottom: 8px;
    font-weight: 600;
    font-size: 19px;
    line-height: 20px
}

.icon_b {
    margin-top: 30px
}

.bottom_c:hover .icon_b,
.uk-width-1-1:hover .icon_b {
    color: dimgray;
    animation: bounceIn .8s
}

.right {
    float: right;
    margin-top: 25px;
    padding-right: 20px
}

.tm-footer {
    display: inline-block;
    width: 100%;
    margin-bottom: -5px;
    color: dimgray;
    background: #101010
}

.left {
    display: block;
    float: left;
    margin-top: 0 !important;
    padding-top: 25px;
    padding-bottom: 15px;
    padding-left: 20px
}

.no_padding {
    padding: 0 !important
}

.bg_background {
    background-attachment: fixed;
    background-position: center top;
    background-repeat: repeat;
    background-size: initial
}

ul {
    padding-left: 30px;
    margin: 0;
    padding: 0;
    list-style-type: none;
    list-style: none
}

.img_toggle {
    float: left;
    margin-top: 19px;
    margin-left: 15px;
    padding-right: 17px
}

.spacing {
    margin-top: 55px;
    margin-bottom: 40px !important
}

#search-searchword {
    background: #FCFCFC;
    width: 200px !important;
    margin-top: 20px
}

.fixed {
    position: fixed
}

#toolbar {
    padding-top: 8px;
    color: #fff;
    background: #191919
}

.price-table {
    z-index: 97;
    margin-top: 30px;
    transition: all .3s ease
}

.space_up {
    margin-top: 40px
}

.no_opacity {
    opacity: 1
}

.tm-main {
    margin-bottom: 35px
}

.center {
    text-align: center
}

.space-top-down {
    padding-top: 35px;
    padding-bottom: 35px
}

.space-top {
    padding-top: 35px
}

.accordion {
    margin-bottom: 18px
}
.accordion-item {
    color: var(--body-color);
    background-color: var(--mkd-background);
    border: var(--accordion-border-width) solid var(--accordion-border-color);
  }

.accordion-group {
    margin-bottom: 2px;
    border: 1px solid #e9e8ef;
    border-radius: 4px;
    border-color: #ddd
}

.accordion-body.in:hover {
    overflow: visible
}

.accordion-heading {
    border-bottom: 0
}

.accordion-heading .accordion-toggle {
    display: block;
    padding: 8px 15px
}

.accordion-toggle {
    cursor: pointer
}

.accordion-inner {
    padding: 9px 15px;
    border-top: 1px solid #E9E8EF
}

.accordion-head,
.toggle-head {
    margin: 8px 0 0;
    border-bottom: 1px solid #E9E8EF;
    font-size: 14px;
    color: #BFBFBF;
    transition: all .3s;
    cursor: pointer
}

.accordion-head i,
.toggle-head i {
    padding-right: 8px
}

.sub-accordion:first-child .accordion-head,
.sub-toggle:first-child .toggle-head {
    margin: 0
}

.accordion-head:hover,
.toggle-head:hover {
    border-bottom: 1px solid #ccc
}

.active .accordion-head,
.active .toggle-head {
    border-bottom: 1px solid #191919;
    color: #191919
}

.active .accordion-content,
.active .toggle-content {
    border: 0;
    animation: bounceIn .8s
}

.active .icon-minus-sign {
    animation: fadeInUp 1s
}

.active .icon-plus-sign {
    animation: fadeInDown 1s
}

.accordion-content,
.toggle-content {
    padding: 16px;
    overflow: hidden
}

.accordion-head-sign,
.toggle-head-sign {
    float: left;
    margin: 0 10px 0 -20px;
    cursor: pointer
}

.accordion-head-sign i,
.toggle-head-sign i {
    margin: 0;
    padding: 0
}

accordion-head-sign p {
    margin-bottom: 10px !important
}

.accordion-head-sign p {
    margin-top: 13px;
    margin-bottom: 17px
}

.blockquote {
    margin: 40px 20px;
    padding: 20px;
    border-left: 5px solid #E9E8EF;
    overflow: hidden;
    text-shadow: 1px 1px 3px #fff0;
    font-family: serif;
    font-style: italic;
    line-height: 24px;
    color: #555
}

.blockquote.left {
    float: left;
    width: 33%
}

div.blockquote.right {
    float: right;
    width: 33%
}

.blockquote-post {
    position: relative;
    margin-bottom: 40px;
    padding: 32px 32px 40px;
    border-radius: 4px;
    color: #fff;
    background: #333
}

.blockquote-post span {
    position: absolute;
    right: 20px;
    bottom: 10px;
    font-size: 11px;
    color: #ddd
}

.accordion-content,
.toggle-content {
    padding-bottom: 0
}

.spacing_top {
    margin-top: 12px
}

.mod-articles-category-title {
    display: block;
    position: relative;
    margin-top: -19px;
    margin-bottom: 20px;
    padding-left: 12px;
    border-bottom: 1px solid #E9E8EF;
    line-height: 32px;
    transition: border .2s ease
}

.pull-left {
    float: left
}

.icon-4x {
    font-size: 4em;
    width: 140px
}

@media (max-width:799px) {
    .icon-4x {
        font-size: 2em;
        width: 60px
    }
}

[class^="uk-icon-"].pull-left,
[class*=" uk-icon-"].pull-left {
    margin-top: 18px;
    margin-right: .3em
}

#layout {
    z-index: 2;
    position: relative;
    padding: 0;
    background: #fff;
    box-shadow: 0 0 10px rgb(0 0 0 / .2)
}

.parallax {
    position: relative;
    background-position: 50% 0
}

.price-table:hover {
    animation: pulse .7s ease-in-out
}

.action {
    border-left: 2px solid;
    border-radius: 2px
}

.inner {
    padding: 34px;
    border: 1px solid #eee;
    border-left: none;
    border-radius: 2px
}

.action .tbutton {
    margin-top: 8px
}

.table th a {
    color: #fff
}

#contactForm #message,
#jform_contact_message {
    display: block;
    box-sizing: border-box;
    width: 95%;
    margin-left: 56px;
    padding: 16px 10px;
    border: 1px solid #E9E8EF;
    border-radius: 2px;
    background: var(--mkd-background2);
    transition: all .3s
}

.tm-sidebar-a,
.tm-sidebar-b {
    margin-top: 40px
}

.landing #top-a,
.landing #howitworks,
.landing #screenshots,
.landing #pricing,
.landig #bottom-e {
    padding-top: 50px
}

@media (max-width:640px) {

    .tp-leftarrow.square-old,
    .tp-rightarrow.square-old {
        display: none
    }

    .fll,
    .flr {
        float: none
    }
}

@media (max-width:350px) {
    .contact_headerbar {
        margin-right: 0 !important
    }

    .sprocket-tabs-nav li .sprocket-tabs-inner {
        padding: 12px 11%
    }

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

    .tm-headerbar .uk-panel {
        font-size: 11px
    }

    .sprocket-tabs-nav li .sprocket-tabs-inner {
        padding: 11px 20%
    }
}

@media (max-width:799px) {
    .animated {
        animation: none !important;
        opacity: 1 !important
    }

    .sprocket-tabs-nav li .sprocket-tabs-inner {
        padding: 12px 19%
    }
}

@media (max-width:500px) {
    td.buttons:first-child {
        margin-bottom: 30px
    }
}

@media (max-width:960px) {
    .phone_space {
        display: block;
        margin-top: 40px;
        margin-right: auto;
        margin-left: auto;
        text-align: center
    }

    .img_responsive {
        display: block;
        margin-right: auto;
        margin-left: auto;
        text-align: center
    }

    #header-block.fixed {
        display: none !important
    }

    .cols-1>li,
    .cols-2>li,
    .cols-3>li,
    .cols-4>li,
    .cols-5>li,
    .cols-6>li,
    .cols-7>li,
    .cols-8>li,
    .cols-9>li,
    .cols-10>li,
    .cols-11>li,
    .cols-12>li {
        width: 47%
    }

    .text_icon {
        margin-top: -25px;
        margin-bottom: 80px
    }

    .services .tbutton {
        margin-top: -80px
    }

    .action-button {
        display: block;
        width: 100%;
        margin-top: 22px;
        text-align: center
    }

    .arrow-down {
        display: none
    }
}

@media (max-width:800px) {
    .all-center {
        display: block;
        float: none !important;
        margin-right: auto;
        margin-left: auto;
        text-align: center
    }

    .text_icon {
        margin-top: -24px;
        margin-bottom: 35px
    }

    .services .tbutton {
        margin-top: -50px !important;
        margin-bottom: 46px
    }

    .services:last-child .tbutton {
        margin-bottom: 0 !important
    }

    a[data-lightbox],
    a[data-lightbox] img,
    .spotlight img {
        width: 100%
    }

    .h4_icon,
    .p_icon {
        text-align: left
    }

    .cols-1>li,
    .cols-2>li,
    .cols-3>li,
    .cols-4>li,
    .cols-5>li,
    .cols-6>li,
    .cols-7>li,
    .cols-8>li,
    .cols-9>li,
    .cols-10>li,
    .cols-11>li,
    .cols-12>li,
    .sprocket-mosaic-columns-1 li,
    .sprocket-mosaic-columns-2 li,
    .sprocket-mosaic-columns-3 li,
    .sprocket-mosaic-columns-4 li,
    .sprocket-mosaic-columns-5 li,
    .sprocket-mosaic-columns-6 li {
        width: 100% !important
    }

    .inner a.tbutton {
        text-align: center;
        margin-right: auto !important;
        margin-left: auto !important;
        display: block;
        width: 120px
    }

    .latest_products .name {
        text-align: center
    }

    #order,
    #limit {
        width: 70px
    }

    .jshop_list_product .jshop .old_price {
        padding-left: 0;
        margin-top: 13px;
        margin-bottom: 6px
    }
}

@media (max-width:700px) {
    .tm-headerbar .tm-logo {
        float: none;
        margin-right: 0;
        text-align: center
    }

    .tm-headerbar .uk-panel {
        width: 100%;
        margin-top: -44px;
        margin-right: 0;
        max-width: 100%;
        text-align: center;
        margin-bottom: -9px
    }
}

@media (max-width:688px) {
    .bg_p {
        padding: 0 !important
    }

    .icon_b {
        display: block;
        float: none !important;
        margin-right: auto;
        margin-left: auto;
        text-align: center
    }
}

@media (max-width:640px) {
    .jshop_list_product .block_product {
        height: auto
    }
}

@media (max-width:480px) {
    .services .tbutton {
        margin-top: -60px !important;
        margin-bottom: 65px
    }

    #totop {
        display: none !important
    }
}

.fixed #toolbar {
    display: none !important
}

.arrow-down {
    z-index: 9999;
    position: absolute;
    top: 0;
    width: 0;
    height: 0;
    border-top: 22px solid #191919;
    border-right: 22px solid #fff0;
    border-left: 22px solid #fff0;
    color: #FFF;
    transition: none !important;
    cursor: pointer;
    right: 100px;
    margin-top: -5px
}

.arrow-down i {
    position: absolute;
    right: -4px;
    bottom: 6px
}

.space_up1 {
    margin-top: -10px
}

#bottom_block small {
    font-size: 90% !important
}

.max-width {
    max-width: 100% !important
}

.bg_header7 {
    background: var(--mkd-header-bg) 
}

.text-left {
    text-align: left
}

.tm-bottom-b .footer_hr {
    background: #fff0 !important;
    border-top: 1px dashed rgb(187 187 187 / .61) !important
}

.space-top3 {
    margin-top: -40px;
    margin-bottom: 30px !important
}

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

.h2_title1 {
    margin-top: 60px;
    font-size: 30px;
    line-height: 30px;
    font-weight: 700
}

.h5_title1 {
    margin-top: -9px;
    margin-bottom: 45px;
    text-align: center;
    font-size: 20px;
    line-height: 20px;
    color: #CECACA
}

.tbutton {
    background: #3f5e8a
}

.tbutton:hover {
    background: #28446a
}

.animated {
    animation-duration: 1s;
    animation-fill-mode: both
}

@keyframes flash {

    0%,
    50%,
    100% {
        opacity: 1
    }

    25%,
    75% {
        opacity: 0
    }
}

@keyframes shake {

    0%,
    100% {
        transform: translateX(0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        transform: translateX(-10px)
    }

    20%,
    40%,
    60%,
    80% {
        transform: translateX(10px)
    }
}

@keyframes bounce {

    0%,
    20%,
    50%,
    80%,
    100% {
        transform: translateY(0)
    }

    40% {
        transform: translateY(-30px)
    }

    60% {
        transform: translateY(-15px)
    }
}

@keyframes tada {
    0% {
        transform: scale(1)
    }

    10%,
    20% {
        transform: scale(.9) rotate(-3deg)
    }

    30%,
    50%,
    70%,
    90% {
        transform: scale(1.1) rotate(3deg)
    }

    40%,
    60%,
    80% {
        transform: scale(1.1) rotate(-3deg)
    }

    100% {
        transform: scale(1) rotate(0)
    }
}

@keyframes swing {
    20% {
        transform: rotate(15deg)
    }

    40% {
        transform: rotate(-10deg)
    }

    60% {
        transform: rotate(5deg)
    }

    80% {
        transform: rotate(-5deg)
    }

    100% {
        transform: rotate(0deg)
    }
}

@keyframes wobble {
    0% {
        transform: translateX(0%)
    }

    15% {
        transform: translateX(-25%) rotate(-5deg)
    }

    30% {
        transform: translateX(20%) rotate(3deg)
    }

    45% {
        transform: translateX(-15%) rotate(-3deg)
    }

    60% {
        transform: translateX(10%) rotate(2deg)
    }

    75% {
        transform: translateX(-5%) rotate(-1deg)
    }

    100% {
        transform: translateX(0%)
    }
}

@keyframes pulse {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.1)
    }

    100% {
        transform: scale(1)
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.animated.fadeIn {
    animation-name: fadeIn
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(20px)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translateY(-20px)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translateX(-20px)
    }

    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translateX(20px)
    }

    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

.animated.fadeInRight {
    animation-name: fadeInRight
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        transform: translateY(-20px)
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        transform: translateY(20px)
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1;
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        transform: translateX(-20px)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1;
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        transform: translateX(20px)
    }
}

@keyframes bounceIn {
    0% {
        opacity: 0;
        transform: scale(.3)
    }

    50% {
        opacity: 1;
        transform: scale(1.05)
    }

    70% {
        transform: scale(.9)
    }

    100% {
        transform: scale(1)
    }
}

@keyframes bounceInUp {
    0% {
        opacity: 0;
        transform: translateY(2000px)
    }

    60% {
        opacity: 1;
        transform: translateY(-30px)
    }

    80% {
        transform: translateY(10px)
    }

    100% {
        transform: translateY(0)
    }
}

@keyframes bounceInDown {
    0% {
        opacity: 0;
        transform: translateY(-2000px)
    }

    60% {
        opacity: 1;
        transform: translateY(30px)
    }

    80% {
        transform: translateY(-10px)
    }

    100% {
        transform: translateY(0)
    }
}

@keyframes bounceInLeft {
    0% {
        opacity: 0;
        transform: translateX(-2000px)
    }

    60% {
        opacity: 1;
        transform: translateX(30px)
    }

    80% {
        transform: translateX(-10px)
    }

    100% {
        transform: translateX(0)
    }
}

.animated.bounceInLeft {
    animation-name: bounceInLeft
}

@keyframes bounceInRight {
    0% {
        opacity: 0;
        transform: translateX(2000px)
    }

    60% {
        opacity: 1;
        transform: translateX(-30px)
    }

    80% {
        transform: translateX(10px)
    }

    100% {
        transform: translateX(0)
    }
}

@keyframes bounceOut {
    0% {
        transform: scale(1)
    }

    25% {
        transform: scale(.95)
    }

    50% {
        opacity: 1;
        transform: scale(1.1)
    }

    100% {
        opacity: 0;
        transform: scale(.3)
    }
}

@keyframes bounceOutUp {
    0% {
        transform: translateY(0)
    }

    20% {
        opacity: 1;
        transform: translateY(20px)
    }

    100% {
        opacity: 0;
        transform: translateY(-2000px)
    }
}

@keyframes bounceOutDown {
    0% {
        transform: translateY(0)
    }

    20% {
        opacity: 1;
        transform: translateY(-20px)
    }

    100% {
        opacity: 0;
        transform: translateY(2000px)
    }
}

@keyframes bounceOutLeft {
    0% {
        transform: translateX(0)
    }

    20% {
        opacity: 1;
        transform: translateX(20px)
    }

    100% {
        opacity: 0;
        transform: translateX(-2000px)
    }
}

@keyframes bounceOutRight {
    0% {
        transform: translateX(0)
    }

    20% {
        opacity: 1;
        transform: translateX(-20px)
    }

    100% {
        opacity: 0;
        transform: translateX(2000px)
    }
}

@keyframes hinge {
    0% {
        transform: rotate(0);
        transform-origin: top left;
        animation-timing-function: ease-in-out
    }

    20%,
    60% {
        transform: rotate(80deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out
    }

    40% {
        transform: rotate(60deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out
    }

    80% {
        transform: rotate(60deg) translateY(0);
        opacity: 1;
        transform-origin: top left;
        animation-timing-function: ease-in-out
    }

    100% {
        transform: translateY(700px);
        opacity: 0
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        transform: translateX(-100%) rotate(-120deg)
    }

    100% {
        opacity: 1;
        transform: translateX(0) rotate(0deg)
    }
}

@keyframes rollOut {
    0% {
        opacity: 1;
        transform: translateX(0) rotate(0deg)
    }

    100% {
        opacity: 0;
        transform: translateX(100%) rotate(120deg)
    }
}

@keyframes lr {
    0% {
        opacity: 0;
        transform: translateX(-5px)
    }

    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes bounceDown {
    0% {
        opacity: 0;
        transform: scale(.1)
    }

    100% {
        transform: scale(1)
    }
}

.no_opacity {
    opacity: 1 !important
}

#layout {
    background: #e9e8ef
}

.arrow-down {
    display: none
}

#toTop:hover,
#toTop:focus {
    background: #28446a
}

#toTop {
    background: #3C3C3C
}

uk-panel animated no_opacity {
    margin-bottom: 0
}

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

.tm-sidebar-a {
    margin-top: 10px
}

#redim-cookiehint {
    top: auto !important;
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    position: fixed;
    font-size: 12px;
    box-shadow: 0 -5px 5px -5px #333;
    background-color: #fff;
    z-index: 9999999;
    bottom: 0;
    text-align: center
}

#bottom_block {
    padding: 0;
    border-bottom: 2px solid var(--body-color);
    height: 5px
}

.blockquote {
    border: 1px solid #C7C7C7;
    background: #FFF none repeat scroll 0 0;
    box-shadow: 0 0 5px rgb(0 0 0 / .1);
    display: inherit
}

h1,
h2,
h3,
h4,
h5 {
    margin: 20px 0 10px;
    font-weight: 600 !important;
    color: var(--body-color);
    text-transform: none;
    text-rendering: optimizeLegibility
}

*+h1,
*+h2,
*+h3,
*+h4,
*+h5 {
    margin-top: 0
}

h1 {
    font-size: 1.45rem;
    line-height: 180%
}

h2,
h3 {
    font-size: 1.35rem;
    line-height: 145%
}

h4 {
    font-size: 1.2rem;
    line-height: 145%;
    color: var(--mkd-background2))
}

h5 {
    font-size: 1.2rem;
    line-height: 170%;
    margin: 10px 0 5px
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small {
    font-weight: 400;
    line-height: 1;
    color: var(--mkd-background2))
}

h1 small {
    font-size: 21px
}

h2 small {
    font-size: 15px
}

h3 small {
    font-size: 12px
}

h4 small {
    font-size: 12px
}

.prod_buttons {
    margin-right: 0;
    margin-left: 45%
}

.productfull #block_price {
    font-size: 32px;
    color:var(--mkd-price) !important
}

.space {
    width: 18px;
    display: inline-flex
}

@media(min-width:360px) {
    .space {
        width: 28px
    }
}

@media(min-width:382px) {
    .space {
        width: 38px
    }
}

@media(min-width:402px) {
    .space {
        width: 78px
    }
}

@media(min-width:481px) {
    .space {
        width: 108px
    }
}

@media(min-width:562px) {
    .space {
        width: 148px
    }
}

@media(min-width:640px) {
    .space {
        width: 188px
    }
}

@media(min-width:688px) {
    .space {
        width: 0
    }
}

@media (max-width:480px) {
    .page-header h1 small {
        display: block;
        line-height: 18px
    }

    h1,
    h2,
    h3 {
        font-size: 16px;
        line-height: 20px
    }

    .productfull #block_price {
        font-size: 22px
    }

    body,
    html {
        font-size: .9rem
    }

    p {
        margin: 0 0 10px
    }

    .cartdescr {
        font-size: 12px
    }

    .prod_buttons {
        margin-left: auto
    }

    .image_block {
        margin: 2px auto
    }

    input[type=checkbox],
    input[type=radio] {
        border: 1px solid #ccc
    }

    .form-horizontal .control-label {
        float: none;
        width: auto;
        padding-top: 0;
        text-align: left
    }

    .form-horizontal .controls {
        margin-left: 0
    }

    .form-horizontal .control-list {
        padding-top: 0
    }

    .form-horizontal .form-actions {
        padding-left: 10px;
        padding-right: 10px
    }

    .media .pull-left,
    .media .pull-right {
        float: none;
        display: block;
        margin-bottom: 10px
    }
}

.accordion-head {
    color: #6e5d91;
    cursor: pointer;
    font-size: 16px;
    margin: 10px 0 5px;
    font-weight: 600
}

.active .accordion-head {
    padding: 0 10px !important
}

#search_box,
#search_box_canvas {
    position: absolute;
    width: 30px;
    height: 25px;
    top: 5px;
    padding: 0;
    margin: 0
}

#search_box span,
#search_box_canvas span {
    padding-left: 9px;
    line-height: 25px
}

#search_wrapper {
    height: 40px
}

.tm-headerbar {
    margin-top: 5px;
    margin-bottom: 0;
    max-height: 92px
}

.inputbox.visCSSinput,
.visform input:not(.btn),
.visform select,
.visform textarea {
    background: #fff;
    border: 1px solid #a4a4a4
}

.item-info {
    font-size: 12px;
    color: var(--mkd-background2))
}

.item-title {
    font-size: 12px;
    color: var(--mkd-background2))
}

.item-price {
    font-size: 12px;
    font-weight: 400;
    color: #000
}

.block_sorting_count_to_page {
    background: #ddd;
    height: 30px
}

.box_products_count_to_page {
    width: 300px
}

.form-horizontal .box_products_count_to_page .control-label {
    width: 75%
}

.jshop_list_product {
    margin-top: 1.5em;
    border-top: thin solid var(--mkd-magenta);
    border-top-color: var(--mkd-magenta)
}

.jshop_list_product .block_product {
    height: 220px
}

.jshop_code_prod {
    line-height: 22px;
    margin-bottom: 10px;
    color: dimgray;
    font-size: 12px;
    font-weight: 300
}

a.product_link {
    line-height: normal;
    font-weight: 700
}

.jshop_short_descr,
.category_short_description {
    margin-top: 0;
    padding-bottom: 1em;
    font-size: 1.15rem;
    line-height: 1.5em
}

.fastsocialshare-share-whatsapp {
    padding-top: .5em;
    padding-bottom: .5em
}

.category_name {
    padding-left: 10px;
    padding-bottom: 10px
}

.product_image {
    float: left;
    margin-right: 20px
}

.image_block picture {
    height: 164px;
    width: 264px
}

.stars_active {
    height: 16px;
    background-image: url(/media/templates/site/cassiopeia/images/star.png);
    background-repeat: repeat-x;
    background-position: 0 -16px;
    max-width: 80px
}

.stars_no_active {
    height: 16px;
    background-image: url(/media/templates/site/cassiopeia/images/star.png);
    background-repeat: repeat-x;
    background-position: 0 0;
    max-width: 80px
}

.review_mark {
    float: right
}

.review_item {
    background-color: var(--mkd-background2);
    border-radius: 5px;
    box-shadow: 3px 3px 5px grey;
    margin-bottom: 5px;
    padding: 10px;
    border-style: none
}

.sidebar-right {
    background-color: var(--breadcrumb-bg);
    border: 1px solid #ccc;
    border-radius: 4px;
    color: var(--mkd-text-color3);
    box-shadow: 4px 4px 1px 0 rgb(128 128 128 / .15)
}

.container-sidebar-right .sidebar-right:first-child {
    margin-top: 0
}

.sidebar-right .review_item {
    min-height: 130px
}

.jshop.productfull {
    padding-top: 0
}

.old_price {
    font-size: 12px !important;
    padding-right: 3px
}

span.old_price {
    padding-left: 2px;
    text-decoration: line-through
}

.Sonderangebot {
    font-size: 15px;
    color: #d00202 !important;
    padding-right: 1px;
    padding-bottom: 5px
}

span.prod_attr_img img {
    width: auto;
    height: auto;
    max-height: 200px;
    max-width: 250px;
    margin-left: 10px;
    margin-bottom: 2px;
    margin-top: 2px;
    background-color: var(--mkd-prod-attr-bg);
}

.list_attribute,
.list_free_attribute {
    line-height: 1.3
}

.inputbox.custom-select {
    height: auto;
    color: var(--mkd-text-color2);
    background: var(--mkd-select-bg-img);
    background-color: var(--mkd-select-bg-color);
}

.jshop_cart_attribute .name,
.freeattribut_name,
.attributes_name {
    font-weight: 700
}

.freeattribut_description,
.attributes_description {
    font-weight: 400;
    font-size: .75rem
}

.jshop .prod_free_attribs input {
    width: 400px;
    max-width: 85%;
    height: 30px
}

chzn-container chzn-container-single chzn-container-single-nosearch,
.chzn-container {
    margin-top: 2px;
    margin-bottom: 2px
}

div.jshop_prod_attributes select {
    width: 300px;
    max-width: 95%;
    height: 30px
}

.jshop .jshop_prod_attributes {
    margin-top: 15px
}

.jshop .prod_free_attribs textarea {
    height: 100px;
    max-width: 75%;
    width: 408px;
    background: var(--mkd-background2)
}

.jshop .prod_free_attribs textarea:focus {
    border: 1px solid #C7C7C7;
    background: var(--mkd-input-focus-bg);
    box-shadow: 0 0 5px rgb(0 0 0 / .1)
}

.jshop_prod_description {
    border-top: 1px dashed #3f5e8a;
    padding-top: 1em
}

#Textvorlage {
    font-size: 1.25rem;
    line-height: 1.5;
    text-align: center
}

.prod_qty {
    font-size: larger;
    font-weight: 700;
    margin-bottom: 3px
}

.jshop .price_prod_qty_list {
    min-height: 13.65em;
    line-height: 120%
}

.jshop .price_prod_qty_list .qty_price {
    padding-left: 5px;
    font-weight: 700
}

.jshop .price_prod_qty_list .qty_price span.per_piece {
    font-weight: 400
}

.productfull .price_prod_qty_list {
    margin-bottom: 10px
}

a.uk-icon-shopping-cart::before {
    content: "\f07a";
    margin-right: 2px
}

.floating-box {
    float: left;
    min-width: 230px;
    width: 22%;
    margin: 5px
}

.control-group {
    float: left;
    min-width: 230px;
    width: 22%;
    margin: 5px
}



#contact-form.control-group {
    width: auto
}
/*
.floating-box>input,
input#f_name.inputbox {
    width: 85%
}

.control-group>input,
input#f_name.inputbox {
    width: 85%
}*/

#jshop_menu_order {
    margin-bottom: 10px;
    border: 1px solid #ccc;
    background-color: var(--mkd-background2)
}

td.jshop_order_step {
    padding: 2px;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
    vertical-align: middle
}

.jshop_order_step a {
    vertical-align: top;
    text-decoration: underline;
    font-size: 12px
}

.table_order_list {
    background-color: var(--mkd-background2);
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 5px
}

.table_order_list .buttons {
    text-align: center;
    padding-top: 10px
}

.fielderror {
    background-color: red
}

.fielderror,
.inputbox.fielderror {
    background-color: #ff0;
    color: #000;
    outline: double;
    border-width: thick
}

.row-fluid {
    width: 100%
}

.row-fluid:before,
.row-fluid:after {
    display: table;
    content: "";
    line-height: 0
}

.row-fluid:after {
    clear: both
}

.row-fluid [class*=sblock] {
    display: block;
    width: 100%;
    min-height: 28px;
    box-sizing: border-box;
    float: left;
    padding-left: 10px
}

.row-fluid [class*=sblock]:first-child {
    padding-left: 0
}

.row-fluid .sblock2 {
    width: 100%;
    padding-left: 0;
    min-width: fit-content
}
@media screen and (min-width:562px) {
    .row-fluid .sblock2 {
        width: 50%
    }
}

.row-fluid .sblock3 {
    width: 100%;
    /*min-width: 240px;*/
    min-height: 232px
}

.row-fluid .sblock4,
.row-fluid .sblock5,
.row-fluid .sblock6,
.row-fluid .sblock7,
.row-fluid .sblock8,
.row-fluid .sblock9,
.row-fluid .sblock10,
.row-fluid .sblock11,
.row-fluid .sblock12 {
    width: 100%
}
@media (min-width:640px) {
    .row-fluid .sblock3,
    .row-fluid .sblock4 {
        width: 50%;
    }
}

@media (min-width:784px) {
    .row-fluid .sblock3 {
        width: 33.33%;
    }
    .row-fluid .sblock4 {
        width: 25%
    }
    
    .row-fluid .sblock5 {
        width: 20%
    }
    
    .row-fluid .sblock6 {
        width: 16.666%
    }
    
    .row-fluid .sblock7 {
        width: 14.285%
    }
    
    .row-fluid .sblock8 {
        width: 12.5%
    }
    
    .row-fluid .sblock9 {
        width: 11.111%
    }
    
    .row-fluid .sblock10 {
        width: 10%
    }
    
    .row-fluid .sblock11 {
        width: 9.09%
    }
    
    .row-fluid .sblock12 {
        width: 8.333%
    }
}
.sidebar-right .sblock3 {
    width: 100%;
}
.main-bottom .link_mehr{
    visibility: collapse;
}
table.jshop {
    border-collapse: collapse
}

.jshop_list_product .image_block {
    margin: 2px;
    display: inline-block;
    padding-bottom: 0
}

.jshop_list_product .jshop .old_price {
    text-align: center;
    color: dimgray
}

.productfull .image_middle {
    float: left;
    margin-right: 1.75em;
    margin-bottom: 1em;
    width: 90%;
    max-width: fit-content;
    transition-duration: .3s
}

@media screen and (min-width:360px) and (max-width:479.98px) {
    .productfull .image_middle {
        min-height: 54.5vw
    }
}

@media screen and (min-width:480px) and (max-width:639.98px) {
    .productfull .image_middle {
        min-height: 48.5vw
    }
}

@media screen and (min-width:640px) and (max-width:767.98px) {
    .productfull .image_middle {
        min-height: 50vw
    }
}

@media screen and (min-width:768px) and (max-width:991.98px) {
    .productfull .image_middle {
        min-height: 28.5vw
    }
}

@media screen and (min-width:992px) {
    .productfull .image_middle {
        min-height: 16.5vw
    }
}

.jshop_list_product .jshop .old_price span {
    text-decoration: line-through
}

.jshop_list_product .product .jshop_price {
    font-size: 18px;
    text-align: center;
    margin-bottom: 5px
}

.jshop_price {
    color: var(--mkd-price)
}

.product_label {
    height: 0
}

.jshop_list_product .product .name {
    font-size: 1em;
    text-align: center;
    margin-bottom: 5px;
    line-height: 120%
}

.tab_getSprueche {
    width: 98%
}

.tab_getSprueche p {
    margin-bottom: 5px
}

.td_getSprueche {
    border-top-style: dashed;
    border-width: 1px;
    padding: 2px
}

.contact-form .controls {
    margin-left: 0
}

#limit.inputbox {
    margin-left: 0;
    margin-bottom: 0;
    padding-left: 6px
}

.controls input {
    width: 65vw
    
}

.controls textarea {
    width: 70% !important;
    min-width: 200px;
    height: 200px
}

.controls input#delivery_adress_1,
#delivery_adress_2 {
    width: 20px;
    min-width: 20px
}
@media (min-width:480px) {
    .controls input {
        width: 70%;
        min-width: 200px
    }
}
.box_products_count_to_page {
    width: 320px
}

input#quantity.inputbox {
    font-size: 24px;
    font-weight: 700;
    height: 38px;
    max-width: 70px
}

.prod_qty,
.prod_qty_input input {
    min-width: 30px;
    width: 70px;
    margin-bottom: 0;
    display: inline-block
}

.contact-form .control-group {
    margin: 0
}

#jform_contact_email_copy-lbl {
    width: 200px;
    text-align: left
}

#jform_contact_email_copy {
    text-align: left;
    max-width: 50px
}

.form-actions {
    background-color: #fff0;
    padding: 0 !important
}



.jshop_list_category .category .image {
    width: 120px
}

.jshop_list_category {
    margin-top: 20px
}

.jshop_list_product .jshop .old_price {
    margin-bottom: 0 !important;
    padding-left: 0 !important;
    margin-top: 0 !important
}

.all_review {
    background-color: unset
}

.tm-main .review_item {
    background-color: var(--mkd-background2);
    border-radius: 5px;
    box-shadow: 3px 3px 5px grey;
    margin-bottom: 5px;
    padding: 10px;
    border-style: none
}

.rewMiddleText {
    float: left;
    line-height: 25px
}

@media (min-width:768px) {
    .form-horizontal .block_sorting_count_to_page .controls {
        margin-left: 65px
    }

    .form-horizontal .block_sorting_count_to_page .controls .inputbox {
        width: 100px
    }

    .form-horizontal .box_products_count_to_page .controls {
        margin-left: 55px
    }

    .form-horizontal .box_products_count_to_page .controls .inputbox {
        width: 60px
    }

    .form-horizontal .block_sorting_count_to_page .control-group {
        float: left
    }

    .form-horizontal .block_sorting_count_to_page:after {
        clear: both;
        content: "";
        display: table
    }

    .form-horizontal .box_price_to .controls {
        margin-left: 30px
    }

    .form-horizontal .box_price_from .control-label {
        width: 30px
    }

    .form-horizontal .box_price_from .controls {
        margin-left: 40px
    }

    .form-horizontal .box_category .control-label {
        width: 63px
    }

    .form-horizontal .box_category .controls {
        margin-left: 65px
    }
}

.prod_image_thumb {
    min-height: 110px;
    min-width: 178px
}

@media (min-width:979px) {
    .productfull .image_middle:hover {
        transform: scale(1.4);
        transform-origin: left;
        box-shadow: 6px 6px 10px grey, -1px -1px 5px #fff
    }

    .productfull .image_middle {
        min-height: 311.5 px
    }

    .form-horizontal .box_price_from .control-label {
        width: 63px
    }

    .form-horizontal .box_price_from .controls {
        margin-left: 65px
    }
}

@media (min-width:768px) and (max-width:979px) {
    .form-horizontal .form_sort_count .controls .input {
        width: 70px
    }
}



@media (max-width:767.98px) {
    .row-fluid [class*="sblock"] {
        padding-left: 0
    }


    #jshop_menu_order tr {
        display: block;
        width: 100%
    }

    #jshop_menu_order tr td {
        display: inline-table;
        width: 100%;
        line-height: 26px
    }

    .jshop_list_product .block_product {
        /*border: 1px solid #ccc;*/
        padding: 10px;
        /*border-radius: 4px*/
    }
}

div.rating-cancel,
div.star-rating {
    width: 20px !important
}

@media (max-width:480px) {
    .form-horizontal .form_sort_count .controls .inputbox {
        width: 115px
    }

    .form-horizontal .form_sort_count .controls {
        margin-right: 0
    }

    .form-horizontal .form_sort_count .controls .input {
        width: 70px
    }

    .block_rating_hits table {
        float: left
    }

    .block_rating_hits {
        margin-top: 15px
    }

    .productfull .prod_qty {
        display: block
    }

    .productfull .prod_qty_input {
        padding-left: 0;
        margin-top: 10px;
        display: block
    }

    .productfull .buttons {
        padding-left: 0;
        display: inline-block
    }

    .productfull .buttons input {
        display: inline-block;
        margin-top: 10px
    }

    .form-horizontal .other_delivery_adress .control-label {
        float: none
    }

    .jshop_payment_method td,
    .jshop_payment_method tr {
        display: block
    }

    .jshop .downlod_order_invoice {
        float: none;
        padding-bottom: 10px
    }

    .form-horizontal .form_sort_count .control-label {
        float: left;
        padding-top: 5px
    }
}

@media (max-width:960px) {
    #search_wrapper {
        display: inline
    }
}

@media (max-width:325px) {
    #search_wrapper {
        display: none
    }
}

.block_item {
    margin-bottom: 10px;
    font-size: .85rem;
    text-align: center
}

.clear {
    clear: both
}

@keyframes flipdown {
    0% {
        opacity: 0;
        transform-origin: top center;
        transform: rotateX(-90deg)
    }

    5% {
        opacity: 1
    }

    80% {
        transform: rotateX(8deg)
    }

    83% {
        transform: rotateX(6deg)
    }

    92% {
        transform: rotateX(-3deg)
    }

    100% {
        transform-origin: top center;
        transform: rotateX(0)
    }
}

@keyframes n2SimpleWhiteCounter {
    to {
        transform: rotate(360deg)
    }
}

select:focus,
input[type=file]:focus,
input[type=radio]:focus,
input[type=checkbox]:focus {
    outline-offset: -2px
}

input[type=file],
input[type="image"],
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type=radio],
input[type=checkbox] {
    width: auto
}

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

input,
textarea,
.uneditable-input {
    width: 30%;
    min-width: 100px;
    max-width: 350px
}

button,
input,
textarea {
    box-sizing: content-box !important;
    outline: none !important
}

.jshop label {
    margin: 0;
    display: inline-block;
    margin-right: 5px;
    font-size: .9rem
}

.radio.btn-group>label:first-of-type {
    margin-left: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px
}

fieldset.radio.btn-group {
    padding-left: 0
}

.btn-group .chzn-results {
    white-space: normal
}

.table tr:hover {
    background: var(--mkd-background2);
    transition: all .2s
}

.tt-table {
    margin: 0 auto;
    text-align: center
}

.rotate-perspective {
    transform: perspective(600px) rotateX(0) rotateY(-10deg);
    outline: #fff0 solid 1px;
    z-index: 2;
    margin-left: 5%;
    margin-right: 10%;
    box-shadow: 0 20px 20px 0 rgb(0 0 0 / .1)
}

[class*=" rotate-"],
[class^="rotate-"] {
    position: relative;
    z-index: -1
}

.sonderpreis {
    transform: rotate(25deg) translate3d(0, 0, 0)
}

pan.sonderpreis::after {
    transform: rotate(60deg) translate3d(0, 0, 0)
}

span.sonderpreis::after,
span.sonderpreis::before {
    content: '';
    transform: rotate(30deg) translate3d(0, 0, 0);
    z-index: -2;
    top: 0;
    width: 100%;
    height: 100%
}

#mxcpr {
    display: none;
    visibility: hidden;
    height: 0;
    width: 0
}

fieldset.quick_checkout {
    border: 1px solid #DDD;
    border-radius: 5px;
    padding: 0 10px 10px
}

.jshop_img {
    height: auto !important
}

div#qc_error {
    background-color: #ffecf2;
    border: 1px solid #c302a2;
    border-radius: 4px 4px 4px 4px;
    color: #b93896;
    font-size: 1.2rem;
    font-weight: 600;
    height: auto;
    margin-bottom: 15px;
    padding: 8px;
    width: auto
}

.cartdescr {
    box-shadow: 4px 4px 1px 0 rgb(128 128 128 / .15) !important;
    border: 1px solid #ccc;
    border-radius: 4px !important;
    color: var(--mkd-text-color3);
    padding: 20px;
    background: var(--cart-bg);
    font-size: 15px
}

p.jshop_cart_attribute,
.value {
    padding-left: 10px;
    font-weight: 400;
    font-style: normal;
    font-size: 12px;
    margin-left: 0;
    margin-top: 0;
    margin-bottom: 0
}

.jshop .cart .product_name {
    text-align: left
}

.cart th.product_name {
    padding-left: 5px
}

.mobile-cart {
    display: none
}

.qcheckout_cart,
.cart,
.jshop_subtotal {
    border-collapse: collapse;
    border: 1px solid #ccc;
    background: #fff !important;
    color: #000;
    font-size: 12px
}

.jshop_subtotal {
    width: 255px;
    float: right
}

.cart th {
    text-align: center;
    background-color: var(--cart-bg);
    padding: 1px;
    color: var(--text-color1);
    border: 1px solid #ccc
}

.cart td {
    text-align: center;
    border: 1px solid #ccc;
    padding: 7px 5px;
    vertical-align: top
}

.cart .odd td,
.cart .even td {
    background-color: #fff;
    color: #000
}

.cart .jshop_code_prod {
    font-size: 10px
}

.cartdescr {
    margin-bottom: 15px
}

.name {
    font-size: .85rem;
    font-weight: 400
}

.name-requiered {
    font-size: .85rem;
    font-weight: 700;
    color: var(--mkd-important-border-color)
}

.jshop .cart .product_name {
    font-size: 13px;
    text-align: left
}

@media (max-width:767.98px) {
    .mobile-cart {
        display: inline-block;
        font-weight: 700;
        width: 40%
    }

    .jshop.cart,
    .jshop.cart tbody {
        display: block;
        border: 0
    }

    .jshop.cart tr {
        display: block;
        width: 100%;
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;
        border-top: 1px solid #ccc;
        background-size: 100% 100%;
        color: #000;
        margin-bottom: 20px
    }

    .jshop.cart tr:first-child {
        border: 1px solid #ccc;
        margin-bottom: 10px;
        display: none
    }

    .jshop.cart tr th {
        display: inline-table;
        width: 100%;
        line-height: 26px;
        border: none;
        border-bottom: 1px solid #565656
    }

    .jshop.cart tr td {
        display: flex;
        border: none;
        border-bottom: 1px solid #ccc;
        padding: 5px 10px;
        text-align: left
    }

    .cart .product_name a {
        display: block
    }

    .jshop_img_description_center .mobile-cart {
        display: none
    }

    .cart_block_discount .name {
        float: none
    }
}

.jshop .address_block .floating-box {
    float: left;
    min-width: 230px;
    width: 22%;
    margin: 2px 5px
}

#f_name,
#l_name,
#email2,
#email {
    border: 1px solid var(--mkd-important-border-color)
    /*background: #f3f3f3*/
}

#l_name.inputbox.fielderror,
#f_name.inputbox.fielderror,
#email.inputbox.fielderror,
#email2.inputbox.fielderror {
    background-color: #ff0;
    outline: double;
    border-width: thick
}

.pfinish_comment_block {
    float: left
}

#order_add_info {
    background: var(--mkd-background2);
    width: 400px;
    max-width: 85%;
    height: 70px
}

#order_add_info:focus {
    border: 1px solid #C5C5C5;
    background: none repeat scroll 0 0 var(--mkd-input-focus-bg);
    box-shadow: 0 0 5px rgb(0 0 0 / .1)
}

.pfinish_legal_block {
    min-width: 300px
}

.pfinish_legal_block .name {
    font-size: medium;
    padding-right: 5px
}

.jshop_list_product .product .image {
    text-align: center;
    margin-bottom: 5px
}

#payment_form {
    clear: both
}

.jshop .order_payment_params {
    padding-top: 3px;
    font-size: 11px
}

.jshop .order_shipping_params {
    font-size: 11px;
    padding-top: 3px
}

.jshop_subtotal .value {
    text-align: right;
    padding-right: 5px;
    white-space: nowrap;
    width: 12%
}

.jshop_subtotal .name {
    padding: 0 10px 0 5px;
    text-align: left;
    width: 88%
}

.jshop_subtotal .plusshippinginfo,
.jshop_subtotal .plusshippinginfo a {
    font-size: 11px
}

.total>td {
    font-weight: 700
}

.label_products.list_product.jshop.row {
    margin-left: auto;
    margin-right: auto
}

.offcanvas.show {
    background-color: #ce9fe0;
    background-image: linear-gradient(135deg, #4e0a69, #b15ad3)
}

@media (min-width:992px) {
    .offcanvas-start {
        width: 30%
    }

    .container-header .mod-menu {
        display: -webkit-box
    }
}

@media (max-width:991.98px) {
    .offcanvas {
        background-color: #843aa2
    }

    .offcanvas .mod-menu .metismenu-item>ul {
        position: relative;
        width: auto;
        margin-top: 1rem
    }

    .offcanvas .metismenu.mod-menu .mm-collapse {
        background-color: #fff0
    }

    .offcanvas .mod-menu .metismenu-item>a {
        color: #fff;
        text-shadow: unset
    }
}

.offcanvas-header>:only-child {
    margin-left: auto;
    margin-right: 2vw
}

table.ajaxsearch td,
table.ajaxsearch tr {
    border: 0
}
.aj_no_result:first-of-type:first-letter{
    font-size: 250%;
    line-height: 1;
    float: left;
    padding-right: .1em;
    margin-top: .15em
}
.itemsearch .itemlink {
    padding: 5px;
    display: block
}

.itemsearch img {
    border: 0
}

.itemsearch a:hover {
    background: none;
    color: #520997;
    text-shadow: none !important
}

.itemsearch:hover {
    background-color: #520997;
    color: #fff;
    text-shadow: none !important
}

.itemsearch:hover span {
    color: #fff;
    text-shadow: none !important
}

.img-block {
    display: block
}

.detailsearch {
    display: block;
    margin: 0 10px 0 10px
}

.container-header .aj_no_result {
    padding: 3px
}

.logo_q {
    border: .5px solid #FFF;
    border-top-width: 0;
    border-bottom-width: 0;
    box-shadow: 0 0 8px 0 #eee;
    transition: transform .5s
}

@media screen and (max-width:991.98px) {
    .navbar-toggler {
        margin-left: 10px;
        margin-right: auto;
        flex-grow: 0
    }

    #mod-custom142,
    #mod-custom143,
    .Logo_Nav {
        position: relative;
        flex: 0;
        margin-right: 5px
    }
}

.container-nav {
    justify-content: flex-start;
    flex-grow: 1
}

.container-header .container-search {
    margin-top: .5em;
    flex: 0;
    margin-left: auto
}

#jshop_search,
#jshop_search_canvas {
    height: 25px;
    margin-top: 5px;
    width: 165px;
    padding-left: 35px
}

.container-search {
    width: 170px
}

.jshop_ajaxsearch,
#jshop_search,
#jshop_search_canvas {
    width: calc(100% - 10rem);
    padding-left: 10px;
    margin-right: 5px
}

#jshop_search {
    max-width: 100%;
    padding-right: 0
}

@media (min-width:360px) {

    .jshop_ajaxsearch input,
    .jshop_ajaxsearch select {
        max-width: 100%
    }

    .jshop_ajaxsearch,
    #jshop_search,
    #jshop_search_canvas {
        width: auto
    }

    .container-search {
        width: 200px
    }
}

#c-ttl::before {
    content: '';
    display: inline-block;
    position: absolute;
    right: 30px;
    top: 7px;
    width: 24px;
    height: 22px;
    background-image: url(/images/Illustration/little_cookie_24.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left center
}

.cc_div *,
.cc_div:after,
.cc_div:before,
.cc_div:hover {
    box-sizing: border-box;
    float: none;
    line-height: 1;
    transition: none;
    animation: none;
    margin: 0;
    padding: 0;
    text-transform: none;
    letter-spacing: unset;
    background: 0 0;
    border: none;
    border-radius: unset;
    box-shadow: none;
    text-align: center;
    visibility: unset;
    height: auto;
    vertical-align: baseline
}

.cc_div {
    font-size: 14.5px;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility
}

@media only screen and (min-width:992px) {
    .cc_div * {
        line-height: 1.2;
        font-size: 1.08em
    }

    #c-ttl::before {
        background-image: url(/images/Illustration/little_cookie.png);
        top: 15px;
        width: 35px;
        height: 32px
    }

    .cc_div {
        font-size: 15px
    }
}

#c-ttl,
#s-bl td:before,
#s-ttl,
.cc_div .b-tl,
.cc_div .c-bn {
    font-weight: 600
}

.b-tl.exp,
div.c-bl:nth-child(2)>div:nth-child(1)>button:nth-child(1) {
    color: var(--cassiopeia-color-link)
}

div.c-bl:nth-child(2)>div:nth-child(1)>button:nth-child(1) .b-tl exp:hover {
    color: var(--cassiopeia-color-hover)
}

#cm,
#s-bl .act .b-acc,
#s-inr,
.cc_div .b-tl,
.cc_div .c-bl {
    border-radius: .35em
}

.cc_div a,
.cc_div button,
.cc_div input {
    appearance: none
}

.cc_div a {
    border-bottom: 1px solid
}

.cc_div a:hover {
    text-decoration: none;
    border-color: #fff0
}

.force--consent.show--consent .c--anim #cm-ov,
.show--settings .c--anim #cs-ov {
    visibility: visible !important;
    opacity: 1 !important
}

#cm {
    padding: .8em 1.3em 1.2em 1.5em;
    position: fixed;
    z-index: 1;
    background: var(--cc-bg);
    max-width: 26.6em;
    width: 94%;
    height: auto;
    bottom: 1em;
    right: 1em;
    box-shadow: 0 .5em 1.875em #000;
    opacity: 0;
    visibility: hidden;
    transform: scale(1);
    line-height: initial
}
@media screen and (min-width:480px) {
    #cm {
        padding: 1.1em 1.8em 1.4em 1.8em;
        width: 100%;
    }
}
#cc_div #cm {
    display: block !important
}

#c-ttl {
    margin-bottom: .2em;
    font-size: 1.05em
}

.cc_div #c-bns {
    display: flex;
    justify-content: space-between;
    margin-top: 1.4em
}

.cc_div .c-bn {
    color: var(--body-color);
    background: var(--mkd-background);
    padding: .5em 1em;
    display: inline-block;
    cursor: pointer;
    font-size: .82em;
    user-select: none;
    text-align: center;
    border-radius: 4px;
    flex: 1;
    white-space: nowrap
}

#c-bns button+button,
#s-c-bn,
#s-cnt button+button {
    float: right;
    margin-left: 1em
}

#s-cnt #s-rall-bn {
    float: none
}

#cm .c_link:active,
#cm .c_link:hover,
#s-c-bn:active,
#s-c-bn:hover,
#s-cnt button+button:active,
#s-cnt button+button:hover,
#c-bns.swap button:first-child:active,
#c-bns.swap button:first-child:hover {
    background: #d8e0e6
}

#c-t-bn,
#c-s-bn,
#c-p-bn {
    outline: none;
    transition: transform 0.2s ease-in-out
}

#c-t-bn:active,
#c-s-bn:active,
#c-p-bn:active {
    background: #ff93e7;
    animation: pulse 0.3s ease-in-out
}

#s-cnt {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 101;
    display: table;
    height: 100%;
    visibility: hidden
}

#s-bl .title {
    margin-top: 1.4em
}

#s-bl .title:first-child {
    margin-top: 0
}

#s-bl .b-bn {
    margin-top: 0
}

#s-bl .b-acc .p {
    margin-top: 0;
    padding: 1em
}

#s-cnt .b-bn .b-tl {
    display: block;
    font-size: .95em;
    width: 100%;
    position: relative;
    padding: 1.3em 6.4em 1.3em 2.7em;
    background: 0 0;
    transition: background-color .25s ease
}

#s-cnt .b-bn .b-tl.exp {
    cursor: pointer
}

#s-cnt .act .b-bn .b-tl {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

#s-cnt .b-bn .b-tl:active,
#s-cnt .b-bn .b-tl:hover {
    background: var(--cc-cookie-category-block-bg-hover);
    color: var(--cassiopeia-color-hover)
}

#s-bl .b-bn {
    position: relative
}

#s-bl .c-bl {
    padding: 1em;
    margin-bottom: .5em;
    border: 1px solid #f1f3f5;
    transition: background-color .25s ease
}

#s-bl .c-bl:hover {
    background: var(--cc-cookie-category-block-bg)
}

#s-bl .c-bl:last-child {
    margin-bottom: .5em
}

#s-bl .c-bl:first-child {
    transition: none;
    padding: 0;
    margin-top: 0;
    border: none;
    margin-bottom: 2em
}

#s-bl .c-bl:not(.b-ex):first-child:hover {
    background: 0 0;
    background: unset
}

#s-bl .c-bl.b-ex {
    padding: 0;
    border: none;
    background: var(--cc-cookie-category-block-bg);
    transition: none
}

#s-bl .c-bl.b-ex+.c-bl {
    margin-top: 2em
}

#s-bl .c-bl.b-ex+.c-bl.b-ex {
    margin-top: 0
}

#s-bl .c-bl.b-ex:first-child {
    margin-bottom: 1em
}

#s-bl .c-bl.b-ex:first-child {
    margin-bottom: .5em
}

#s-bl .b-acc {
    max-height: 0;
    overflow: hidden;
    padding-top: 0;
    margin-bottom: 0;
    display: none
}

#s-bl .act .b-acc {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    max-height: 100%;
    display: block;
    overflow: hidden
}

#s-cnt .p {
    font-size: .9em;
    line-height: 1.5em;
    margin-top: .85em;
    color: #2d4156;
    color: var(--body-color)
}

.cc_div .b-tg .c-tgl:disabled {
    cursor: not-allowed
}

#c-vln {
    display: table-cell;
    vertical-align: middle;
    position: relative
}

#cs {
    padding: 0 1.7em;
    width: 100%;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%
}

#s-inr {
    max-width: 45em;
    margin: 0 auto;
    transform: scale(.96);
    opacity: 0;
    padding-top: 4.75em;
    padding-bottom: 4.75em;
    position: relative;
    height: 100%;
    overflow: hidden;
    visibility: hidden;
    box-shadow: rgb(3 6 9 / .26) 0 13px 27px -5px
}

#s-bns,
#s-hdr,
#s-inr {
    background: var(--cc-bg)
}

#s-bl {
    overflow-y: auto;
    overflow-x: hidden;
    height: 100%;
    padding: 1.3em 2.1em;
    display: block;
    width: 100%;
    outline: 0
}

#s-bns {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 1em 2.1em;
    border-top: 1px solid #f1f3f5;
    height: 4.75em
}

.cc_div .cc-link {
    color: var(--mkd-magenta);
    border-bottom: 1px solid #253b48;
    border-color: var(--mkd-magenta);
    display: inline;
    padding-bottom: 0;
    text-decoration: none;
    cursor: pointer;
    font-weight: 600
}

.cc_div .cc-link:active,
.cc_div .cc-link:hover {
    border-color: #fff0
}

#c-bns button:first-child,
#s-bns button:first-child {
    color: var(--cc-bg);
    background: var(--mkd-magenta)
}

#c-bns.swap button:first-child {
    color: var(--body-color);
    background: var(--mkd-background)
}

#c-bns.swap button:last-child {
    color: var(--cc-bg);
    background: var(--mkd-magenta)
}

.cc_div .b-tg .c-tgl:checked~.c-tg {
    background: var(--mkd-magenta)
}

#c-bns button:first-child:active,
#c-bns button:first-child:hover,
#c-bns.swap button:last-child:active,
#c-bns.swap button:last-child:hover,
#s-bns button:first-child:active,
#s-bns button:first-child:hover {
    background: var(--link-hover-color)
}

#s-hdr {
    position: absolute;
    top: 0;
    width: 100%;
    display: table;
    padding: 0 2.1em;
    height: 4.75em;
    vertical-align: middle;
    z-index: 2;
    border-bottom: 1px solid #f1f3f5
}

#s-ttl {
    display: table-cell;
    vertical-align: middle;
    font-size: 1em
}

#s-c-bn {
    padding: 0;
    width: 1.7em;
    height: 1.7em;
    font-size: 1.45em;
    margin: 0;
    font-weight: initial;
    position: relative
}

#s-c-bnc {
    display: table-cell;
    vertical-align: middle
}

.cc_div span.t-lb {
    position: absolute;
    top: 0;
    z-index: -1;
    opacity: 0;
    pointer-events: none;
    overflow: hidden
}

#c_policy__text {
    height: 31.25em;
    overflow-y: auto;
    margin-top: 1.25em
}

#c-s-in {
    position: relative;
    transform: translateY(-50%);
    top: 50%;
    height: 100%;
    height: calc(100% - 2.5em);
    max-height: 37.5em
}

@media screen and (min-width:688px) {
    #s-bl::-webkit-scrollbar {
        width: .9em;
        height: 100%;
        background: 0 0;
        border-radius: 0 .25em .25em 0
    }

    #s-bl::-webkit-scrollbar-thumb {
        border: .25em solid var(--cc-bg);
        background: #cfd5db;
        border-radius: 100em
    }

    #s-bl::-webkit-scrollbar-thumb:hover {
        background: #9199a0
    }

    #s-bl::-webkit-scrollbar-button {
        width: 10px;
        height: 5px
    }
}

.cc_div .b-tg {
    position: absolute;
    top: 0;
    bottom: 0;
    display: inline-block;
    margin: auto;
    right: 1.2em;
    cursor: pointer;
    user-select: none;
    vertical-align: middle
}

.cc_div .b-tg .c-tgl {
    position: absolute;
    cursor: pointer;
    display: block;
    top: 0;
    left: 0;
    margin: 0;
    border: 0
}

.cc_div .b-tg .c-tg {
    position: absolute;
    background: #919ea6;
    ;
    transition: background-color .25s ease, box-shadow .25s ease;
    pointer-events: none
}

.cc_div .b-tg .c-tg.c-ro {
    cursor: not-allowed
}

.cc_div .b-tg .c-tgl~.c-tg.c-ro {
    background: #d5dee2
}

.cc_div .b-tg .c-tgl~.c-tg.c-ro:after {
    box-shadow: none
}

.cc_div .b-tg .c-tg:after {
    content: "";
    position: relative;
    display: block;
    left: .125em;
    top: .125em;
    width: 1.25em;
    height: 1.25em;
    border: none;
    box-sizing: content-box;
    background: #fff;
    box-shadow: 0 1px 2px rgb(24 32 35 / .36);
    transition: transform .25s ease;
    border-radius: 100%
}

.cc_div .b-tg .c-tgl:checked~.c-tg:after {
    transform: translateX(1.9em)
}

#s-bl table,
#s-bl td,
#s-bl th {
    border: none
}

#s-bl tbody tr {
    transition: background-color .25s ease
}

#s-bl tbody tr:hover {
    background: var(--cc-cookie-category-block-bg-hover)
}

#s-bl table {
    text-align: left;
    border-collapse: collapse;
    width: 100%;
    padding: 0;
    margin: 0;
    overflow: hidden
}

#s-bl td,
#s-bl th {
    padding: .8em .625em;
    text-align: left;
    vertical-align: top;
    font-size: .93em;
    padding-left: 1.2em
}

#s-bl th {
    padding: 1.2em 1.2em
}

#s-bl thead tr:first-child {
    border-bottom: 1px solid #e9edf2
}

display:none;
transition:none
}

*/ .c--anim #cs-ov,
.force--consent .c--anim #cm-ov,
.force--consent.show--consent #cm-ov,
.show--settings #cs-ov {
    display: block
}

#cs-ov {
    z-index: 2
}

.cc_div .act .b-bn .exp::before,
.cc_div .b-bn .exp::before {
    border: solid #2d4156;
    border-color: var(--body-color);
    border-width: 0 2px 2px 0;
    padding: .2em;
    display: inline-block;
    content: '';
    margin-right: 15px;
    position: absolute;
    transform: translateY(-50%) rotate(45deg);
    left: 1.2em;
    top: 50%;
    transition: .3s transform
}

.cc_div .act .b-bn .b-tl::before {
    transform: translateY(-20%) rotate(225deg)
}

.cc_div .on-i::before {
    border: solid #fff;
    border-color: var(--cc-toggle-knob-icon-color);
    border-width: 0 2px 2px 0;
    padding: .1em;
    display: inline-block;
    padding-bottom: .45em;
    content: '';
    margin: 0 auto;
    transform: rotate(45deg);
    top: .37em;
    left: .75em;
    position: absolute
}

#s-c-bn::after,
#s-c-bn::before {
    content: '';
    position: absolute;
    left: .82em;
    top: .58em;
    height: .6em;
    width: 1.5px;
    background: var(--body-color);
    transform: rotate(45deg);
    border-radius: 1em;
    margin: 0 auto
}

#s-c-bn::after {
    transform: rotate(-45deg)
}

.cc_div .off-i,
.cc_div .on-i {
    height: 100%;
    width: 50%;
    position: absolute;
    right: 0;
    display: block;
    text-align: center;
    transition: opacity .15s ease
}

.cc_div .on-i {
    left: 0;
    opacity: 0
}

.cc_div .off-i::after,
.cc_div .off-i::before {
    right: .8em;
    top: .42em;
    content: ' ';
    height: .7em;
    width: .09375em;
    display: block;
    background: var(--cc-toggle-knob-icon-color);
    margin: 0 auto;
    position: absolute;
    transform-origin: center
}

.cc_div .off-i::before {
    transform: rotate(45deg)
}

.cc_div .off-i::after {
    transform: rotate(-45deg)
}

.cc_div .b-tg .c-tgl:checked~.c-tg .on-i {
    opacity: 1
}

.cc_div .b-tg .c-tgl:checked~.c-tg .off-i {
    opacity: 0
}

#cm.right {
    left: auto;
    right: 1.25em
}

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

    #cm,
    #cm.right {
        width: auto;
        height: auto;
        min-height: 48vw;
        max-width: 100%;
        margin: 0;
        padding: 1.2em !important;
        right: .7em;
        left: .7em;
        bottom: .7em;
        display: block
    }

    #cm.top {
        top: 1em;
        bottom: auto
    }

    #cm.bottom {
        bottom: 1em;
        top: auto
    }

    #cs {
        border-radius: 0;
        padding: 0
    }

    #c-s-in {
        max-height: 100%;
        height: 100%;
        top: 0;
        transform: none
    }

    .cc_div .b-tg {
        transform: scale(1.1);
        right: 1.1em
    }

    #s-inr {
        margin: 0;
        padding-bottom: 7.9em;
        border-radius: 0
    }

    #s-bns {
        height: 7.9em
    }

    #s-bl,
    .cc_div .bar #s-bl {
        padding: 1.3em
    }

    #s-hdr,
    .cc_div .bar #s-hdr {
        padding: 0 1.3em
    }

    #s-bl table {
        width: 100%
    }

    #s-inr.bns-t {
        padding-bottom: 10.5em
    }

    .bns-t #s-bns {
        height: 10.5em
    }

    .cc_div .bns-t .c-bn {
        font-size: .83em;
        padding: .9em 1.6em
    }

    #s-cnt .b-bn .b-tl {
        padding-top: 1.2em;
        padding-bottom: 1.2em
    }

    #s-bl table,
    #s-bl tbody,
    #s-bl td,
    #s-bl th,
    #s-bl thead,
    #s-bl tr,
    #s-cnt {
        display: block
    }

    #s-bl thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px
    }

    #s-bl tr {
        border-top: 1px solid #e3e7ed
    }

    #s-bl td {
        border: none;
        position: relative;
        padding-left: 35%
    }

    #s-bl td:before {
        position: absolute;
        left: 1em;
        padding-right: .625em;
        white-space: nowrap;
        content: attr(data-column);
        color: var(--body-color);
        overflow: hidden;
        text-overflow: ellipsis
    }

    #cm .c-bn,
    .cc_div .c-bn {
        width: auto;
        margin-right: 0
    }

    #s-cnt #s-rall-bn {
        margin-left: 0
    }

    .cc_div #c-bns {
        flex-direction: column
    }

    #c-bns button+button,
    #s-cnt button+button {
        margin-top: .625em;
        margin-left: 0;
        float: unset
    }
}



.cc_div.ie #c-vln {
    height: 100%;
    padding-top: 5.62em
}

.cc_div.ie .bar #c-vln {
    padding-top: 0
}

.cc_div.ie #cs {
    max-height: 37.5em;
    position: relative;
    top: 0;
    margin-top: -5.625em
}

.cc_div.ie .bar #cs {
    margin-top: 0;
    max-height: 100%
}

.cc_div.ie #cm {
    border: 1px solid #dee6e9
}

.cc_div.ie #c-s-in {
    top: 0
}

.cc_div.ie .b-tg {
    padding-left: 1em;
    margin-bottom: .7em
}

.cc_div.ie .b-tg .c-tgl:checked~.c-tg:after {
    left: 1.95em
}

.cc_div.ie #s-bl table {
    overflow: auto
}

.cc_div.ie .b-tg .c-tg {
    display: none
}

.cc_div.ie .b-tg .c-tgl {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: .2em;
    height: auto
}

.cc_div.ie #s-cnt .b-bn .b-tl {
    padding: 1.3em 6.4em 1.3em 1.4em
}

.cc_div.ie .b-tg .t-lb {
    filter: alpha(opacity=0)
}

.cc_div.ie #cm-ov,
.cc_div.ie #cs-ov {
    filter: alpha(opacity=80)
}

div[data-service] *,
div[data-service]:after,
div[data-service]:before {
    box-sizing: border-box;
    float: none;
    line-height: 1.2;
    font-size: 1em;
    margin: 0;
    padding: 0;
    text-transform: none;
    letter-spacing: unset;
    background: 0 0;
    border: none;
    box-shadow: none;
    text-decoration: none;
    text-align: left
}

div[data-service] .c-ld {
    bottom: 2em;
    right: 2.5em;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: opacity .3s ease, visibility .3s ease, transform .3s ease
}

div[data-service] .c-ld,
div[data-service] .c-ld:after {
    position: absolute;
    z-index: 1;
    border-radius: 100%;
    width: 20px;
    height: 20px
}

div[data-service] .c-ld::after {
    content: '';
    border: 4px solid #fff;
    border-top: 4px solid #fff0
}

div[data-service].c-h-n .c-ld {
    opacity: 1;
    visibility: visible;
    transform: translateY(0)
}

@keyframes spin {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

div[data-service] {
    display: inline-block;
    max-width: 100%;
    min-height: 150px;
    min-width: 300px;
    position: relative;
    background-color: var(--cc-ifm-bg)
}

div[data-service] button,
div[data-service] h1,
div[data-service] h2,
div[data-service] h3,
div[data-service] input,
div[data-service] label {
    transition: none;
    animation: none
}

div[data-service]::before {
    padding-top: 56.25%;
    display: block;
    content: ""
}

div[data-autoscale] {
    height: auto;
    width: 100%
}

div[data-service] .c-nt {
    color: var(--cc-ifm-color);
    max-width: 100%;
    height: 100%;
    width: 100%;
    transition: opacity .3s ease, visibility .3s ease;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 2
}

div[data-service] .c-bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: .5;
    z-index: 1;
    transition: opacity .3s ease, visibility .3s ease, transform .3s ease
}

div[data-service] .c-bg::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    transition: opacity .3s ease, visibility .3s ease;
    background: var(--cc-ifm-bg-gradient-start);
    background: linear-gradient(14deg, var(--cc-ifm-bg-gradient-start) 0, var(--cc-ifm-bg-gradient-end) 100%)
}

div[data-service] .c-bg-i {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    transition: opacity .5s ease, transform .5s ease
}

div[data-service] .c-bg-i.loaded {
    opacity: 1
}

div[data-service] .c-tl {
    display: block;
    margin-bottom: 10px;
    font-size: 1.2em;
    font-weight: 700;
    text-align: center
}

div[data-service].c-h-n .c-bg {
    opacity: 1;
    transform: scale(1)
}

div[data-service].c-h-n .c-nt {
    opacity: 0;
    visibility: hidden
}

div[data-service] .c-n-c {
    display: table;
    height: 100%;
    width: 100%;
    position: relative;
    z-index: 1;
    margin: 0;
    font-size: .9em;
    transition: background-color .3s ease, opacity .3s ease
}

div[data-service] .c-n-t {
    display: block;
    font-size: .95em;
    position: relative;
    z-index: 1;
    line-height: 1.4em;
    color: var(--cc-ifm-color);
    max-width: 420px;
    margin: 0 auto;
    margin-bottom: 20px
}

div[data-service] .c-n-a,
div[data-service] .c-n-t {
    text-align: center
}

div[data-service] .c-t-cn {
    display: table-cell;
    vertical-align: middle;
    padding: 0 12px;
    transition: opacity .3s ease, transform .3s ease, visibility .3s ease
}

div[data-service] .c-n-c .c-l-b,
div[data-service] .c-n-c .c-la-b {
    display: inline-block;
    position: relative;
    padding: 1em;
    vertical-align: middle;
    background: var(--cc-ifm-btn-primary-bg);
    border: none;
    border-radius: .25em;
    font-size: .85em;
    padding-left: 2.8em;
    color: var(--cc-ifm-btn-primary-color);
    margin: 0 auto;
    font-weight: 700;
    cursor: pointer;
    transition: opacity .3s ease, transform .3s cubic-bezier(.25, 1, .5, 1), visibility .3s ease, box-shadow .3s ease, background-color .3s ease;
    box-shadow: var(--cc-ifm-btn-primary-shadow) 0 4px 12px
}

div[data-service] .c-n-c .c-l-b::before {
    content: '';
    display: block;
    position: absolute;
    top: 12px;
    left: 1.1em;
    z-index: 2;
    height: 0;
    border-left: 12px solid #fff;
    border-top: 7.5px solid #fff0;
    border-bottom: 7.5px solid #fff0
}

div[data-service] .c-n-c .c-la-b {
    margin-left: 1em;
    padding: 1em;
    background: var(--cc-ifm-btn-secondary-bg);
    color: var(--cc-ifm-btn-secondary-color);
    box-shadow: var(--cc-ifm-btn-secondary-shadow) 0 4px 12px
}

div[data-service] .c-n-c .c-la-b:hover {
    background: var(--cc-ifm-btn-secondary-bg-hover)
}

div[data-service] .c-n-c .c-l-b:hover {
    background: var(--cc-ifm-btn-primary-bg-hover)
}

div[data-service] .c-n-c .c-la-b:active {
    transition: none;
    background: var(--cc-ifm-btn-secondary-bg-active);
    box-shadow: 0 0 0 4px var(--cc-ifm-btn-secondary-shadow-active)
}

div[data-service] .c-n-c .c-l-b:active {
    transition: none;
    background: var(--cc-ifm-btn-primary-bg-active);
    box-shadow: 0 0 0 4px var(--cc-ifm-btn-primary-shadow-active)
}

div[data-service].c-h-n .c-t-cn {
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px)
}

div[data-service] iframe {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    border: none;
    max-width: 100%;
    width: 100%;
    background: var(--cc-ifm-iframe-bg-color);
    display: block;
    visibility: hidden;
    opacity: 0;
    z-index: 1;
    transition: opacity .5s ease
}

div[data-service].c-h-b iframe {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
    transition-delay: .1s
}

div[data-service] .c-n-t a {
    color: var(--cc-ifm-link-color);
    text-decoration: none;
    border-bottom: 1px solid var(--cc-ifm-link-color)
}

div[data-service] .c-n-t a:hover {
    border-color: #fff0
}

.show--settings body {
    overflow: hidden
}

.n3tcc-consent-info {
    display: none
}

.n3tcc-has-consent .n3tcc-consent-info {
    display: block
}

.cc_div .b-tg,
.cc_div .b-tg .c-tg,
.cc_div .b-tg .c-tgl,
.cc_div span.t-lb {
    width: 3.4em;
    height: 1.5em;
    border-radius: 4em;
    outline: 0
}

.cc_div #s-bl .c-bl.b-ex,
.cc_div #s-bl .c-bl.b-ex .p,
.cc_div .cc_div .bar #s-bl .c-bl.b-ex td:before {
    color: var(--body-color)
}

.cc_div #s-bl .c-bl:not(.b-ex) {
    transition: none;
    padding: 0;
    margin-top: 0;
    border: none;
    margin-bottom: 2em
}

.cc_div #s-bl .c-bl:not(.b-ex):hover {
    background: unset
}

@media screen and (max-width:688px) {
    .cc_div #s-bl .c-bl.b-ex td:before {
        color: var(--body-color)
    }
}

.cc_div .c-bn-scan {
    color: var(--cc-bg);
    background: var(--mkd-magenta)
}

@media only screen and (max-width:479.98px) {
    body.wrapper-fluid .site-grid {
        column-gap: normal
    }

    .cartdescr {
        padding-left: 10px;
        padding-right: 10px
    }
}

@media only screen and (min-width:992px) and (max-width:1540.98px) {
    .metismenu.mod-menu .metismenu-item {
        font-size: .85rem;
        padding: .25em
    }

    .metismenu-item.item-101.level-1.default,
    .metismenu-item.item-101.level-1.default.current.active {
        width: 38px
    }

    body.wrapper-fluid header>.grid-child,
    .grid-child.container-nav {
        padding-left: .25em;
        padding-right: .25em
    }

    .container-search {
        width: 200px
    }

    #jshop_search.inputbox {
        width: 170px;
        padding-left: 5px
    }

    .container .ajaxsearch {
        position: absolute;
        right: 5px
    }
}

@media only screen and (min-width:1200px) and (max-width:1540.98px) {

    .metismenu-item.item-101.level-1.default,
    .metismenu-item.item-101.level-1.default.current.active {
        width: auto
    }

    .metismenu.mod-menu .metismenu-item {
        font-size: 1.2vw
    }
}

.box-caption {
    height: 28px;
    font-size: 28px
}

@media (min-width:992px) {
    .box-flex {
        display: flex;
        flex-flow: row nowrap;
        align-items: flex-start;
        justify-content: center;
        position: relative;
        padding: .5rem;
        text-align: center;
        font-size: 1.2rem;
        word-break: break-word;
        color: #d9d9d9
    }

    .box-flex-center {
        align-items: center
    }

    .box-flex-bottom {
        align-items: flex-end
    }

    .box-flex-top-right {
        justify-content: flex-end
    }

    .box-flex-center-left {
        align-items: center;
        justify-content: flex-start
    }

    .box-flex-bottom-right {
        align-items: flex-end;
        justify-content: flex-end
    }

    .box-caption {
        position: absolute;
        max-width: 220px;
        word-break: break-word;
        text-shadow: 2px 2px 2px #fff
    }
}

.offcanvas-body {
    flex-grow: 1;
    overflow-y: auto;
    padding: var(--offcanvas-padding-y) var(--offcanvas-padding-x);
    height: 100%
}

.com-content-article ul {
    overflow: visible;
    list-style: circle;
    list-style-type: circle;
    list-style-position: initial
}

.container-nav,
.mm-collapse {
    background: #843aa2;
    color: #FFF
}

.container-topbar {
    background-color: var(--mkd-header-bg-color);
    background-repeat: round;
    background-size: auto;
    background-image: var(--mkd-header-bg);
     /*url(../images/headers/7.jpg);*/
    color: var(--mkd-header-color);
}

.main-top .card-body,
.topslider {
    background-color: #e9e8ef;
    min-height: 196px;
    max-height: 200px;
    margin-top: 0
}

.owl-carousel,
.owl-loaded.owl-drag,
.owl-stage-outer,
.owl-stage {
    max-height: 164px
}

.owl-item .name {
    font-size: 1em
}

.main-top.card.vorlage {
    background-size: 102vw 250px;
    width: 101vw;
    margin-left: -6vw;
    height: 250px;
    margin-right: -9.5vw;
    background-image: url(/images/vorlage.webp);
    background-repeat: no-repeat;
    background-position: center
}

.card {
    --card-spacer-y: 1rem;
    --card-spacer-x: 1rem;
    --card-title-spacer-y: .5rem;
    --card-title-color: ;
    --card-subtitle-color: ;
    --card-border-width: var(--border-width);
    --card-border-color: #dfe3e7;
    --card-border-radius: var(--border-radius);
    --card-box-shadow: ;
    --card-inner-border-radius: calc(var(--border-radius)  - (var(--border-width)));
    --card-cap-padding-y: .5rem;
    --card-cap-padding-x: 1rem;
    /*--card-cap-bg: rgba(var(--body-color-rgb), .03);
    --card-cap-bg: var(--card-cap-bg);
    --card-cap-color: ;*/
    --card-height: ;
    --card-color: ;
    --card-img-overlay-padding: 1rem;
    --card-group-margin: .5em;
    height: var(--card-height);
    color: var(--body-color);
    word-wrap: break-word;
    background-color: #000;
    background-color: var(--mkd-card-bg);

    border: var(--card-border-width) solid var(--card-border-color);
    border-radius: var(--card-border-radius);
    background-clip: border-box;
    flex-direction: column;
    min-width: 0;
    display: flex;
    position: relative;
  }
  .card-header {
    padding: var(--card-cap-padding-y) var(--card-cap-padding-x);
    color: var(--card-cap-color);
    background-color: var(--mkd-card-cap-bg);
    border-bottom: var(--card-border-width) solid var(--card-border-color);
    margin-bottom: 0;
  }
.random_products.jshop .name {
    font-size: 12px
}

.random_products.jshop .jshop_price {
    line-height: 10px;
    font-size: 10px
}

.random_products img.jshop_img,
.random_products.jshop img.jshop_img {
    box-shadow: none
}

@media screen and (min-width:360px) and (max-width:479.98px) {
    .main-top.card.vorlage {
        margin-left: -4.5vw
    }
}

@media screen and (min-width:480px) and (max-width:767.98px) {
    .main-top.card.vorlage {
        margin-left: -9.5vw
    }
}

@media screen and (min-width:768px) and (max-width:991.98px) {
    .main-top.card.vorlage {
        margin-left: -4.5vw
    }
}

@media screen and (min-width:992px) {
    .main-top.card.vorlage {
        visibility: hidden;
        height: 0
    }
}

.main-top.card.vorlage .card-body {
    background: none
}

.main-top.card.vorlage .random_products.jshop {
    margin-top: -15px
}

li.metismenu-item.level-1 {
    text-transform: uppercase;
    display: block;
    box-sizing: border-box;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, Tahoma, Ubuntu, Cantarell, "Helvetica Neue", sans-serif, "Noto Sans";
    font-weight: 700;
    color: #FFF;
    text-shadow: none !important
}

.mod-menu .mm-collapse,
li.metismenu-item>.level-2>a,
.mod-menu .mm-collapse>li>a,
.mod-menu .parent>ul {
    background-color: #843aa2;
    color: #FFF;
    text-shadow: none !important
}

li.metismenu-item>a:hover,
li.metismenu-item>a:active {
    animation: pulse .7s ease;
    color: #fff8dc
}

li.metismenu-item>a:hover::before,
li.metismenu-item>a:hover::active {
    animation: pulse .7s ease
}

button.mm-toggler.mm-toggler-link,
.metismenu.mod-menu .mm-toggler,
button.mm-collapsed.mm-toggler.mm-toggler-link,
button.mm-collapsed.mm-toggler.mm-toggler-link {
    padding: 1px;
    border: .5px solid #FFF;
    border-radius: 30%;
    line-height: 4em;
    box-shadow: 0 0 8px 0 #eee;
    padding-right: 9px;
    margin-left: 10px;
    height: 1.8em;
    transition: transform .5s;
    color: #FFF;
    text-shadow: unset
}

li.metismenu-item.level-2 {
    text-transform: none
}

.btn .jshop_ajaxsearch .btn-primary, .asjb {
    width: 18px;
    margin-right: -10px;
    float: right;
    font-family: FontAwesome;
    text-align: center;
    content: "\f002"
}

.bewertung .col-sm-4,
.bewertung .col-md-3,
.bewertung .col-lg-2 {
    box-sizing: initial;
    margin-top: 5px
}
.jshop_ajaxsearch form,
aj_search{
    display: flex;
    align-items: center;
}
.jshop_ajaxsearch .inputbox {
    flex-grow: 1;
}
.jshop_ajaxsearch .button {
    margin-left: 5px;
    max-width: 20px;
    min-width: unset;
    width: fit-content;
    visibility: collapse;
    margin-left: 5px;
    /* max-width: 20px; */
    min-width: unset;
    width: fit-content;
    padding: 0;
    font-size: 10px;
    margin: 0;
    visibility: collapse;
}
.col-lg-6.aj_img {
    padding-right: 0;
    padding-left: 0
}

.col-lg-6.aj_det {
    padding-left: 0
}

.itemsearch .itemlink {
    padding: 5px;
    display: block;
    overflow-wrap: break-word
}

.ajax-search-more-results {
    font-weight: 700;
    font-size:150%
}

.container-header .container-nav nav {
    margin-top: 0;
    flex: 0
}

.container-component .mod-breadcrumbs__wrapper,
.mod-breadcrumbs__wrapper {
    margin-top: 0;
    margin-left: -1.7em;
    margin-right: -1.7em
}

.mod-breadcrumbs__divider {
    margin-left: 1.7em
}

.mod-breadcrumbs {
    background-color:var(--mkd-breadcrumb-bg);
    color:var(--mkd-breadcrumb-color);
    margin-bottom:5px;
    padding:0;
    list-style:none;
    font-size:.001px
  }

@media screen and (min-width:480px) {

    .container-component .mod-breadcrumbs__wrapper,
    .mod-breadcrumbs__wrapper {
        margin-left: -2em;
        margin-right: -2em
    }

    .mod-breadcrumbs__divider {
        margin-left: 2em
    }
}



.mod-breadcrumbs>li {
    font-size: 1rem;
    vertical-align: top;
    margin-right: 3px
}

.mod-breadcrumbs>li,
.mod-breadcrumbs>li>a,
.mod-breadcrumbs>li>span {
    display: inline-block
}

.mod-breadcrumbs>li:nth-child(n+2):before {
    content: ">";
    display: inline-block;
    margin: 0 8px
}

.block_product {
    text-align: center
}

#review_review {
    width: 90%;
    height: 100px
}

#search-result {
    background-color: var(--cc-bg);
    color: var(--mkd-text-color3);
    position: absolute;
    top: 150px;
    z-index: 55;
    max-width: 350px;
    right: 5px;
    box-shadow: -10px 10px 10px silver;
    border-radius: 10px
}

a.accordion-head {
    border-bottom: 1px dotted #6e5d91;
    color: #6e5d91;
    line-height: 2em
}

video {
    max-width: 100%;
    height: auto
}

@media (max-width:959.98px) {
    .mkdfill.col-xl-1 {
        width: 0;
        padding: 0
    }
}

.mkdfill.col-auto {
    padding: 0;
    width: 50%
}

@media (min-width:1400px) {
    .mkdfill.col-auto {
        width: auto
    }
}

@media (max-width:991.98px) {
    .aj_img {
        width: 100%
    }
}

.cc-trigger {
    padding-left: 2rem;
    background: var(--breadcrumb-bg)
}

.cc-trigger>svg:nth-child(1) {
    overflow: hidden;
    max-width: 30px;
    padding-left: 10px;
    margin: 10px
}

.cc-trigger>svg:nth-child(1)>g:nth-child(1)>path:nth-child(1) {
    fill: var(--cassiopeia-color-link)
}

.n3tcc-has-consent .n3tcc-consent-info {
    max-height: 0;
    visibility: hidden
}

.c--anim #cm,
.c--anim #s-cnt,
.c--anim #s-inr,
#cs-ov,
#cm-ov {
    transition: visibility 0.25s linear, opacity 0.25s ease, transform 0.25s ease !important
}

.c--anim .c-bn {
    transition: background-color 0.25s ease !important
}

#cm.slide,
.cc_div .slide #s-inr {
    transform: translateY(1.6em)
}

.show--consent .c--anim #cm,
.show--consent .c--anim #cm.bar,
.show--settings .c--anim #s-inr,
.show--settings .c--anim .bar.slide #s-inr {
    opacity: 1;
    transform: scale(1);
    visibility: visible !important
}

.show--settings .c--anim #s-cnt {
    visibility: visible !important
}

.flex-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
}
.suchbeg {
    text-align: center;
    margin: 20px;
}

.suchbeg p {
    font-size: 1.2em;
    margin-bottom: 10px;
}

.suchbeg .btn {
    display: inline-block;
    text-decoration: none;
    color: #fff;
    border-radius: 5px;
    transition: background-color 0.3s;
    text-align: center;
    padding: 10px 20px;
    flex: 1 1 auto;
    text-shadow: none;
    border-radius: 50px;
    height: fit-content;
}

.suchbeg .btn.small {
    font-size: 0.8em;
    padding: 5px 10px;
    background-color: #9c6aa4
}

.suchbeg .btn.medium {
    font-size: 1em;
    padding: 10px 20px;
    background-color: #3106ff
}

.suchbeg .btn.large {
    font-size: 1.2em;
    padding: 15px 30px;
    background-color: #911616;  
}

.suchbeg .btn:hover {
    background-color: #0056b3;
}
.suche .control-group{
    min-width: fit-content;
}
.suche select#category_id{
    min-width: 300px;
}

.suche .suchtyp{
    min-width: 20px;
    width: 20px;
    margin: 8px;
}
.suche .input{
    min-width: 300px;
}