:root {
    --placeholder-color: #a9a9a9;
    --statistic-bgcolor: #27b8e9;
    --statistic-txtcolor: #ffffff;
    --statistic-bordercolor: #bbdefb;
}

@font-face {
  font-family: "swdefault";
  src: url('../../../system/images/fonts/default.eot?8945229');
  src: url('../../../system/images/fonts/default.eot?8945229#iefix') format('embedded-opentype'),
       url('../../../system/images/fonts/default.woff2?8945229') format('woff2'),
       url('../../../system/images/fonts/default.woff?8945229') format('woff'),
       url('../../../system/images/fonts/default.ttf?8945229') format('truetype'),
       url('../../../system/images/fonts/default.svg?8945229#default') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
    font-family: "custom";
    src:url('../../../system/images/fonts/custom.eot?71638712');
    src:url('../../../system/images/fonts/custom.eot?71638712#iefix') format('embedded-opentype'),
        url('../../../system/images/fonts/custom.woff?-4a5duq') format('woff'),
        url('../../../system/images/fonts/custom.ttf?71638712') format('truetype'),
        url('../../../system/images/fonts/custom.svg?71638712#default') format('svg');
    font-weight: normal;
    font-style: normal;
}

@media print {
    #swcms,
    #main-buttons,
    header,
    footer,
    .BodyTop,
    .BodyBottom,
    .LeftData,
    .RightData,
    .ContentTop,
    .ContentBottom,
    .product_buy,
    .Tabs,
    .Widget,
    .IMS_fixChatBox,
    .no-print, .no-print *
    {
        height: 0 !important;
        width: 0 !important;
        display: none !important;
    }
    #Main {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    * {
        color: black !important;
        height: auto !important;
        top: 0 !important;
    }
    img {
        max-width: 100% !important;
    }

}

[class^="icon-"], [class*=" icon-"],
div.error,
.b-controls .b-arrow div{
    font-family: "swdefault" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    min-width: 1em;
    text-align: center;
    display: inline-block;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


.icon-comment:before { content: '\e800'; } /* '' */
.icon-spin1:before { content: '\e801'; } /* '' */
.icon-star:before { content: '\e802'; } /* '' */
.icon-star-empty:before { content: '\e803'; } /* '' */
.icon-star-half:before { content: '\e804'; } /* '' */
.icon-star-half-alt:before { content: '\e805'; } /* '' */
.icon-picture:before { content: '\e806'; } /* '' */
.icon-camera:before { content: '\e807'; } /* '' */
.icon-ok:before { content: '\e808'; } /* '' */
.icon-home:before { content: '\e809'; } /* '' */
.icon-flag:before { content: '\e80a'; } /* '' */
.icon-thumbs-up-alt:before { content: '\e80b'; } /* '' */
.icon-thumbs-down-alt:before { content: '\e80c'; } /* '' */
.icon-quote-left:before { content: '\e80d'; } /* '' */
.icon-quote-right:before { content: '\e80e'; } /* '' */
.icon-gplus:before { content: '\e80f'; } /* '' */
.icon-rss:before { content: '\e810'; } /* '' */
.icon-location-1:before { content: '\e811'; } /* '' */
.icon-vk:before { content: '\e812'; } /* '' */
.icon-header:before { content: '\e813'; } /* '' */
.icon-resize-full-alt:before { content: '\e814'; } /* '' */
.icon-zoom-in:before { content: '\e815'; } /* '' */
.icon-zoom-out:before { content: '\e816'; } /* '' */
.icon-down-open:before { content: '\e817'; } /* '' */
.icon-up-open:before { content: '\e818'; } /* '' */
.icon-left-open:before { content: '\e819'; } /* '' */
.icon-right-open:before { content: '\e81a'; } /* '' */
.icon-arrows-cw:before { content: '\e81b'; } /* '' */
.icon-circle-empty:before { content: '\e81c'; } /* '' */
.icon-dot-circled:before { content: '\e81d'; } /* '' */
.icon-circle:before { content: '\e81e'; } /* '' */
.icon-android:before { content: '\e81f'; } /* '' */
.icon-apple:before { content: '\e820'; } /* '' */
.icon-users:before { content: '\e821'; } /* '' */
.icon-print:before { content: '\e822'; } /* '' */
.icon-linux:before { content: '\e823'; } /* '' */
.icon-linkedin:before { content: '\e824'; } /* '' */
.icon-pinterest-circled:before { content: '\e825'; } /* '' */
.icon-skype:before { content: '\e826'; } /* '' */
.icon-twitter:before { content: '\e827'; } /* '' */
.icon-vimeo-squared:before { content: '\e828'; } /* '' */
.icon-phone:before { content: '\e829'; } /* '' */
.icon-youtube:before { content: '\e82a'; } /* '' */
.icon-picture-1:before { content: '\e82b'; } /* '' */
.icon-help-circled-1:before { content: '\e82c'; } /* '' */
.icon-info-circled:before { content: '\e82d'; } /* '' */
.icon-info-1:before { content: '\e82e'; } /* '' */
.icon-home-1:before { content: '\e82f'; } /* '' */
.icon-print-1:before { content: '\e830'; } /* '' */
.icon-chat:before { content: '\e831'; } /* '' */
.icon-location:before { content: '\e832'; } /* '' */
.icon-map:before { content: '\e833'; } /* '' */
.icon-compass:before { content: '\e834'; } /* '' */
.icon-trash:before { content: '\e835'; } /* '' */
.icon-basket-1:before { content: '\e836'; } /* '' */
.icon-cart:before { content: '\e837'; } /* '' */
.icon-globe-1:before { content: '\e838'; } /* '' */
.icon-globe-2:before { content: '\e839'; } /* '' */
.icon-user:before { content: '\e83a'; } /* '' */
.icon-mail:before { content: '\e83b'; } /* '' */
.icon-tablet:before { content: '\e83c'; } /* '' */
.icon-pencil-alt:before { content: '\e83d'; } /* '' */
.icon-at:before { content: '\e83e'; } /* '' */
.icon-commerical-building:before { content: '\e83f'; } /* '' */
.icon-facebook-squared:before { content: '\e840'; } /* '' */
.icon-facebook:before { content: '\e841'; } /* '' */
.icon-ok-circle:before { content: '\e842'; } /* '' */
.icon-ok-2:before { content: '\e843'; } /* '' */
.icon-plus:before { content: '\e844'; } /* '' */
.icon-plus-squared:before { content: '\e845'; } /* '' */
.icon-minus:before { content: '\e846'; } /* '' */
.icon-minus-squared:before { content: '\e847'; } /* '' */
.icon-share:before { content: '\e848'; } /* '' */
.icon-export:before { content: '\e849'; } /* '' */
.icon-export-alt:before { content: '\e84a'; } /* '' */
.icon-share-squared:before { content: '\e84b'; } /* '' */
.icon-block:before { content: '\e84c'; } /* '' */
.icon-filter:before { content: '\e84d'; } /* '' */
.icon-angle-double-right:before { content: '\e84e'; } /* '' */
.icon-angle-double-left:before { content: '\e84f'; } /* '' */
.icon-angle-right:before { content: '\e850'; } /* '' */
.icon-angle-left:before { content: '\e851'; } /* '' */
.icon-ebay:before { content: '\e852'; } /* '' */
.icon-appstore:before { content: '\e853'; } /* '' */
.icon-android-1:before { content: '\e854'; } /* '' */
.icon-windows:before { content: '\e855'; } /* '' */
.icon-paypal:before { content: '\e856'; } /* '' */
.icon-w3c:before { content: '\e857'; } /* '' */
.icon-facebook-rect:before { content: '\e858'; } /* '' */
.icon-googleplus-rect:before { content: '\e859'; } /* '' */
.icon-twitter-bird:before { content: '\e85a'; } /* '' */
.icon-skype-1:before { content: '\e85b'; } /* '' */
.icon-youtube-1:before { content: '\e85c'; } /* '' */
.icon-plus-circle:before { content: '\e85d'; } /* '' */
.icon-minus-circle:before { content: '\e85e'; } /* '' */
.icon-emo-happy:before { content: '\e85f'; } /* '' */
.icon-emo-unhappy:before { content: '\e860'; } /* '' */
.icon-emo-wink2:before { content: '\e861'; } /* '' */
.icon-heart:before { content: '\e862'; } /* '' */
.icon-heart-empty:before { content: '\e863'; } /* '' */
.icon-link-ext:before { content: '\e864'; } /* '' */
.icon-link-ext-alt:before { content: '\e865'; } /* '' */
.icon-cancel-circled:before { content: '\e866'; } /* '' */
.icon-trash-1:before { content: '\e867'; } /* '' */
.icon-doc:before { content: '\e868'; } /* '' */
.icon-docs:before { content: '\e869'; } /* '' */
.icon-doc-text:before { content: '\e86a'; } /* '' */
.icon-doc-inv:before { content: '\e86b'; } /* '' */
.icon-doc-text-inv:before { content: '\e86c'; } /* '' */
.icon-file-pdf:before { content: '\e86d'; } /* '' */
.icon-file-word:before { content: '\e86e'; } /* '' */
.icon-file-excel:before { content: '\e86f'; } /* '' */
.icon-file-powerpoint:before { content: '\e870'; } /* '' */
.icon-file-image:before { content: '\e871'; } /* '' */
.icon-file-archive:before { content: '\e872'; } /* '' */
.icon-file-audio:before { content: '\e873'; } /* '' */
.icon-file-video:before { content: '\e874'; } /* '' */
.icon-file-code:before { content: '\e875'; } /* '' */
.icon-folder:before { content: '\e876'; } /* '' */
.icon-folder-open:before { content: '\e877'; } /* '' */
.icon-attach:before { content: '\e878'; } /* '' */
.icon-basket:before { content: '\e879'; } /* '' */
.icon-cancel:before { content: '\e87a'; } /* '' */
.icon-cancel-circle:before { content: '\e87b'; } /* '' */
.icon-plus-1:before { content: '\e87c'; } /* '' */
.icon-plus-circle-1:before { content: '\e87d'; } /* '' */
.icon-minus-1:before { content: '\e87e'; } /* '' */
.icon-minus-circle-1:before { content: '\e87f'; } /* '' */
.icon-search:before { content: '\e880'; } /* '' */
.icon-angle-up:before { content: '\e881'; } /* '' */
.icon-angle-down:before { content: '\e882'; } /* '' */
.icon-angle-double-down:before { content: '\e883'; } /* '' */
.icon-angle-double-up:before { content: '\e884'; } /* '' */
.icon-angle-circled-left:before { content: '\e885'; } /* '' */
.icon-angle-circled-right:before { content: '\e886'; } /* '' */
.icon-angle-circled-up:before { content: '\e887'; } /* '' */
.icon-angle-circled-down:before { content: '\e888'; } /* '' */
.icon-google:before { content: '\e889'; } /* '' */
.icon-visa:before { content: '\e88a'; } /* '' */
.icon-mastercard:before { content: '\e88b'; } /* '' */
.icon-attention:before { content: '\e88c'; } /* '' */
.icon-attention-alt:before { content: '\e88d'; } /* '' */
.icon-attention-circled:before { content: '\e88e'; } /* '' */
.icon-key-1:before { content: '\e88f'; } /* '' */
.icon-search-1:before { content: '\e890'; } /* '' */
.icon-menu:before { content: '\e891'; } /* '' */
.icon-th-large:before { content: '\e892'; } /* '' */
.icon-th:before { content: '\e893'; } /* '' */
.icon-linkedin-rect:before { content: '\e894'; } /* '' */
.icon-th-list:before { content: '\e895'; } /* '' */
.icon-guest:before { content: '\e896'; } /* '' */
.icon-vimeo-rect:before { content: '\e897'; } /* '' */
.icon-tumblr-rect:before { content: '\e898'; } /* '' */
.icon-odnoklassniki-rect:before { content: '\e899'; } /* '' */
.icon-vkontakte-rect:before { content: '\e89a'; } /* '' */
.icon-flag-empty:before { content: '\e89b'; } /* '' */
.icon-check-empty:before { content: '\e89c'; } /* '' */
.icon-circle-thin:before { content: '\e89d'; } /* '' */
.icon-credit-card:before { content: '\e89e'; } /* '' */
.icon-money:before { content: '\e89f'; } /* '' */
.icon-truck:before { content: '\e8a0'; } /* '' */
.icon-sort-name-up:before { content: '\e8a1'; } /* '' */
.icon-sort-name-down:before { content: '\e8a2'; } /* '' */
.icon-sort-number-up:before { content: '\e8a3'; } /* '' */
.icon-sort-number-down:before { content: '\e8a4'; } /* '' */
.icon-sort-alt-up:before { content: '\e8a5'; } /* '' */
.icon-sort-alt-down:before { content: '\e8a6'; } /* '' */
.icon-wheelchair:before { content: '\e8a7'; } /* '' */
.icon-cc-visa:before { content: '\e8a8'; } /* '' */
.icon-cc-mastercard:before { content: '\e8a9'; } /* '' */
.icon-cc-paypal:before { content: '\e8aa'; } /* '' */
.icon-sort-alphabet:before { content: '\e8ab'; } /* '' */
.icon-sort-numeric:before { content: '\e8ac'; } /* '' */
.icon-mobile:before { content: '\e8ad'; } /* '' */
.icon-monitor:before { content: '\e8ae'; } /* '' */
.icon-quote:before { content: '\e8af'; } /* '' */
.icon-align-left:before { content: '\e8b0'; } /* '' */
.icon-align-center:before { content: '\e8b1'; } /* '' */
.icon-align-right:before { content: '\e8b2'; } /* '' */
.icon-align-justify:before { content: '\e8b3'; } /* '' */
.icon-list-bullet:before { content: '\e8b4'; } /* '' */
.icon-list-numbered:before { content: '\e8b5'; } /* '' */
.icon-indent-right:before { content: '\e8b6'; } /* '' */
.icon-indent-left:before { content: '\e8b7'; } /* '' */
.icon-qrcode:before { content: '\e8b8'; } /* '' */
.icon-barcode:before { content: '\e8b9'; } /* '' */
.icon-quote-left-1:before { content: '\e8ba'; } /* '' */
.icon-quote-right-1:before { content: '\e8bb'; } /* '' */
.icon-bold:before { content: '\e8bc'; } /* '' */
.icon-italic:before { content: '\e8bd'; } /* '' */
.icon-underline:before { content: '\e8be'; } /* '' */
.icon-strike:before { content: '\e8bf'; } /* '' */
.icon-superscript:before { content: '\e8c0'; } /* '' */
.icon-subscript:before { content: '\e8c1'; } /* '' */
.icon-list:before { content: '\e8c2'; } /* '' */
.icon-font:before { content: '\e8c3'; } /* '' */
.icon-medium:before { content: '\e8c4'; } /* '' */
.icon-paragraph:before { content: '\e8c5'; } /* '' */
.icon-toggle-off:before { content: '\e8c6'; } /* '' */
.icon-toggle-on:before { content: '\e8c7'; } /* '' */
.icon-arrow-combo:before { content: '\e8c8'; } /* '' */
.icon-down-dir:before { content: '\e8c9'; } /* '' */
.icon-up-dir:before { content: '\e8ca'; } /* '' */
.icon-check:before { content: '\e8cb'; } /* '' */
.icon-thumbs-up:before { content: '\e8cc'; } /* '' */
.icon-thumbs-down:before { content: '\e8cd'; } /* '' */
.icon-resize-small:before { content: '\e8ce'; } /* '' */
.icon-resize-full:before { content: '\e8cf'; } /* '' */
.icon-cog:before { content: '\e8d0'; } /* '' */
.icon-cog-alt:before { content: '\e8d1'; } /* '' */
.icon-wrench:before { content: '\e8d2'; } /* '' */
.icon-sliders:before { content: '\e8d3'; } /* '' */
.icon-bell-alt:before { content: '\e8d4'; } /* '' */
.icon-comment-empty:before { content: '\e8d5'; } /* '' */
.icon-chat-1:before { content: '\e8d6'; } /* '' */
.icon-upload-cloud:before { content: '\e8d7'; } /* '' */
.icon-download-cloud:before { content: '\e8d8'; } /* '' */
.icon-reply:before { content: '\e8d9'; } /* '' */
.icon-forward:before { content: '\e8da'; } /* '' */
.icon-eye:before { content: '\e8db'; } /* '' */
.icon-eye-off:before { content: '\e8dc'; } /* '' */
.icon-pin:before { content: '\e8dd'; } /* '' */
.icon-lock:before { content: '\e8de'; } /* '' */
.icon-lock-open:before { content: '\e8df'; } /* '' */
.icon-attach-1:before { content: '\e8e0'; } /* '' */
.icon-info-circled-1:before { content: '\e8e1'; } /* '' */
.icon-help-circled:before { content: '\e8e2'; } /* '' */
.icon-info:before { content: '\e8e3'; } /* '' */
.icon-ok-1:before { content: '\e8e4'; } /* '' */
.icon-search-2:before { content: '\e8e5'; } /* '' */
.icon-music:before { content: '\e8e6'; } /* '' */
.icon-wifi:before { content: '\e8e7'; } /* '' */
.icon-paper-plane:before { content: '\e8e8'; } /* '' */
.icon-sun:before { content: '\e8e9'; } /* '' */
.icon-moon:before { content: '\e8ea'; } /* '' */
.icon-umbrella:before { content: '\e8eb'; } /* '' */
.icon-right-hand:before { content: '\e8ec'; } /* '' */
.icon-clock:before { content: '\e8ed'; } /* '' */
.icon-chart-line:before { content: '\e8ee'; } /* '' */
.icon-chart-pie:before { content: '\e8ef'; } /* '' */
.icon-chart-area:before { content: '\e8f0'; } /* '' */
.icon-chart-bar:before { content: '\e8f1'; } /* '' */
.icon-rocket:before { content: '\e8f2'; } /* '' */
.icon-megaphone:before { content: '\e8f3'; } /* '' */
.icon-pinterest:before { content: '\e8f4'; } /* '' */
.icon-vimeo:before { content: '\e8f5'; } /* '' */
.icon-search-3:before { content: '\e8f6'; } /* '' */
.icon-dot-3:before { content: '\e8f7'; } /* '' */
.icon-user-1:before { content: '\e8f8'; } /* '' */
.icon-users-1:before { content: '\e8f9'; } /* '' */
.icon-plus-circled:before { content: '\e8fa'; } /* '' */
.icon-ok-circled:before { content: '\e8fb'; } /* '' */
.icon-minus-circled:before { content: '\e8fc'; } /* '' */
.icon-download:before { content: '\e8fd'; } /* '' */
.icon-upload:before { content: '\e8fe'; } /* '' */
.icon-link:before { content: '\e8ff'; } /* '' */
.icon-tag:before { content: '\e900'; } /* '' */
.icon-tags:before { content: '\e901'; } /* '' */
.icon-bookmark:before { content: '\e902'; } /* '' */
.icon-pencil:before { content: '\e903'; } /* '' */
.icon-edit:before { content: '\e904'; } /* '' */
.icon-bell:before { content: '\e905'; } /* '' */
.icon-login:before { content: '\e906'; } /* '' */
.icon-logout:before { content: '\e907'; } /* '' */
.icon-mail-1:before { content: '\e908'; } /* '' */
.icon-github:before { content: '\e909'; } /* '' */
.icon-chrome:before { content: '\e90a'; } /* '' */
.icon-email:before { content: '\e90b'; } /* '' */
.icon-attention-1:before { content: '\e90c'; } /* '' */
.icon-down:before { content: '\e90d'; } /* '' */
.icon-left:before { content: '\e90e'; } /* '' */
.icon-right:before { content: '\e90f'; } /* '' */
.icon-up:before { content: '\e910'; } /* '' */
.icon-chart-pie-1:before { content: '\e911'; } /* '' */
.icon-bookmark-empty:before { content: '\f097'; } /* '' */
.icon-phone-squared:before { content: '\f098'; } /* '' */
.icon-twitter-1:before { content: '\f099'; } /* '' */
.icon-facebook-1:before { content: '\f09a'; } /* '' */
.icon-mail-alt:before { content: '\f0e0'; } /* '' */
.icon-linkedin-1:before { content: '\f0e1'; } /* '' */
.icon-chat-empty:before { content: '\f0e6'; } /* '' */
.icon-folder-empty:before { content: '\f114'; } /* '' */
.icon-folder-open-empty:before { content: '\f115'; } /* '' */
.icon-unlink:before { content: '\f127'; } /* '' */
.icon-help:before { content: '\f128'; } /* '' */
.icon-lock-open-alt:before { content: '\f13e'; } /* '' */
.icon-minus-squared-alt:before { content: '\f147'; } /* '' */
.icon-instagram:before { content: '\f16d'; } /* '' */
.icon-windows-1:before { content: '\f17a'; } /* '' */
.icon-plus-squared-alt:before { content: '\f196'; } /* '' */
.icon-git-squared:before { content: '\f1d2'; } /* '' */
.icon-git:before { content: '\f1d3'; } /* '' */
.icon-bell-off:before { content: '\f1f6'; } /* '' */
.icon-bell-off-empty:before { content: '\f1f7'; } /* '' */
.icon-user-secret:before { content: '\f21b'; } /* '' */
.icon-user-plus:before { content: '\f234'; } /* '' */
.icon-user-times:before { content: '\f235'; } /* '' */
.icon-instagram-1:before { content: '\f32d'; } /* '' */

[class^="customicon-"], [class*=" customicon-"]{
    font-family: "custom";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    text-align: center;
    display: inline-block;
    width:auto;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.customicon-smart:before {
    content: '\e700';
}
.customicon-web:before {
    content: '\e701';
}

.customicon-smartweb:before {
    content: '\e700';
}
.customicon-smartweb:after {
    content: '\e701';
    opacity: 0.5;
    -moz-opacity:0.5;
    -khtml-opacity: 0.5;
    filter:alpha(opacity: 50);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}

.customicon-smartweb_logo:before {
    content: '\e702';
}
.customicon-key:before {
    content: '\e703';
}

.iconrotate{
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

* {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;

}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    var(--placeholder-color);
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    var(--placeholder-color);
    opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    var(--placeholder-color);
    opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color:    var(--placeholder-color);
}
::-ms-input-placeholder { /* Microsoft Edge */
    color:    var(--placeholder-color);
}

::placeholder { /* Most modern browsers support this now. */
    color:    var(--placeholder-color);
}

html {
    -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
}
html,body {
    font-family:Arial,Helvetica,sans-serif;
    margin:0px;
    padding:0px;

}
body meta{display: inline;}
body.b2b .productAttributeMask.disable{
    display: none;
}
span,h1,h2,h3{
    text-rendering: optimizeLegibility;
}
iframe{max-width: 100%;}
#PageHolder{
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    min-width: 320px;
    margin:0 auto;
}
#PageHolder.page-order_detail .LeftSide{
    min-width: 250px;
}
#CustomData {
    width: 100%;
    padding: 0 10px
}
.BodyData{
    display: table;
}
nav{
    display: none;
    z-index: 19999999;
}
img {
    border:0;
}
.content-box {
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
}
.shadow,
.over-shadow:hover{
    /*-webkit-box-shadow: 5px 5px 10px 0px rgba(180, 180, 180, 1);
    -moz-box-shadow: 5px 5px 10px 0px rgba(180, 180, 180, 1);
    box-shadow: 5px 5px 10px 0px rgba(180, 180, 180, 1);*/
    -webkit-box-shadow: 0.5em 0.5em 1em 0px rgba(180, 180, 180, 1);
    -moz-box-shadow: 0.5em 0.5em 1em 0px rgba(180, 180, 180, 1);
    box-shadow: 0.5em 0.5em 1em 0px rgba(180, 180, 180, 1);
}
.shadow_class{
    display: inline-flex;
    padding-right: 1em;
    padding-bottom: 1em;
}

.padding_bottom_null{
    padding-bottom: 0;
}
.border-double{
    float:left;
}
p { margin:0px; padding: 0.5em 0; }
/* h1,h2,h3,h4,h5 { margin-top:0px; } */
h1,h2,h3,h4,h5{margin:0px;padding:0px;}

/* ul { margin-top:10px; margin-bottom:10px;} */
table {margin-bottom: 10px;border:0px;border-spacing: 0px}


table td{
    padding: 0;
}
table.cellpadding2 td,
table.cellpadding2 th{
    padding: 2px;
}
table.cellpadding3 td,
table.cellpadding3 th{
    padding: 3px;
}
table.cellpadding5 td,
table.cellpadding5 th{
    padding: 5px;
}

table.width100{
    width: 100%;
}

.MainTitle br.one-br {
    clear: none;
}

ul {list-style-position:outside;}
a{
text-decoration: none;
border: 0px;
cursor: pointer;
}

/*a,a > span{
    transition: background 0.1s ease-in-out;
    -webkit-transition: background 0.1s ease-in-out;
    -moz-transition: background 0.1s ease-in-out;
    -ms-transition: background 0.1s ease-in-out;
    -o-transition: background 0.s ease-in-out;
}*/

cite{
    margin-left:-10px;
    padding-top:10px;
    display: block;
}
strong, b{font-weight: 700;}
i{font-style: italic;}

hr{margin: 0;padding: 0;}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    opacity: 1;
}

small{
    clear: both;
    text-align: center;
    font-size: 100%;
    padding:0;
    margin: 0;
    display: none;
    width: 100%;
    display: inline-block;
    color: #000000;
}
small.description-bottom,
small.description-overbottom{
    display: block;
}
small.description-overbottom{
    position: absolute !important;
    bottom: 0;
    padding: 0.2em;
}
.decoration-circle-empty small.description-overbottom{
    background: none !important;
}


.none{
    display: none !important;
}

.block{
    display: block !important;
}
.table{
    display: table !important;
}
.table-row{
    display: table-row !important;
}
.table-cell{
    display: table-cell !important;
}
.table-caption{
    display: table-caption !important;
}
.table-fixed {
    display: table !important;
    table-layout: fixed !important;
}
.flex{
    display: flex !important;
}
.inline-block{
    display: inline-block !important;
}
.inline {
    display: inline !important;
}
.inherit{
    display: inherit !important;
}
.color-inherit{
    color: inherit;
}
.overflow{
    overflow: visible !important;
}
.nooverflow{
    overflow: hidden;
}
.nooverflow-full{
    overflow: hidden;
    height:100vh;
}
nooverflow-y{
    /* Vo Windowse to skace */
    /*overflow-y: hidden;*/
}
.novisible{
    visibility:hidden;
    opacity: 0;
    -moz-opacity:0;
    -khtml-opacity: 0;
    filter:alpha(opacity: 0);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.image-background{
    background-position: center center;
    background-repeat: no-repeat;
}
.background-contain, .background-contain .image-background{
    background-size: contain;
}
.relative{
    position: relative;
}
.absolute{
    position: absolute;
}
.fixed{
    position: fixed;
    -webkit-transform: translateZ(0); /* zaplata pre Chrome */
    transform: translateZ(0);
    z-index: 200;
}
.absolute-center{
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%,-50%); /* IE 9 */
    -webkit-transform: translate(-50%,-50%); /* Chrome, Safari, Opera */
    -moz-transform: translate(-50%,-50%); /* Firefox */
    transform: translate(-50%,-50%);
}
.absolute-vertical-center{
    top: 50%;
    -ms-transform: translateY(-50%); /* IE 9 */
    -webkit-transform: translateY(-50%); /* Chrome, Safari, Opera */
    -moz-transform: translateY(-50%); /* Firefox */
    transform: translateY(-50%);
}
.opacity50{
    opacity: 0.5;
    -moz-opacity:0.5;
    -khtml-opacity: 0.5;
    filter:alpha(opacity: 50);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
.sticky,
.sticky.fixed {
    top: 0;
    position: -webkit-sticky !important; /* Safari */
    position: sticky !important;
}
header.sticky,
header.sticky.fixed {
    top:0;
    margin-top: 0;
    z-index: 199;
}

.absolute.leftposition{
    left: 0;
    width: 100%;
}

.topleft{
    top:0;
    left: 0;
    z-index: 1;
}
.centercenter{
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%,-50%); /* IE 9 */
    -webkit-transform: translate(-50%,-50%); /* Chrome, Safari, Opera */
    -moz-transform: translate(-50%,-50%); /* Firefox */
    transform: translate(-50%,-50%);
    z-index: 1;
}
.centerright{
    top: 50%;
    right: 0;
    -ms-transform: translate(0,-50%); /* IE 9 */
    -webkit-transform: translate(0,-50%); /* Chrome, Safari, Opera */
    -moz-transform: translate(0,-50%); /* Firefox */
    transform: translate(0,-50%);
    z-index: 1;
}
.topright{
    top:0;
    right: 0;
    z-index: 1;
}
.absolute.bottomleft{
    bottom:0;
    left: 0;
    z-index: 1;
}
.absolute.bottomright{
    bottom:0;
    right: 0;
    z-index: 1;
}
.absolute.bottomcenter{
    bottom:0;
    left: 50%;
    -ms-transform: translate(-50,0);
    -webkit-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    transform: translate(-50%,0);
    z-index: 1;
}
.clear{
    clear:both;
}
.float-none{
    float:none !important;
}
.left{
    float:left;
    min-height: 1px;
}
.right{
    float:right;
    min-height: 1px;
}
.width-auto{
    width: auto !important;
}
.align-left{
    text-align: left;
}
.align-right{
    text-align: right;
}
.center{
    margin: 0 auto;
    clear: both;
}
.align-center{
    text-align: center;
}
.align-justify{
    text-align: justify;
}
.align-none{
    text-align: left;
}
.vertical-top{
    vertical-align: top;
}
.vertical-bottom{
    vertical-align: bottom;
}
.vertical-middle{
    vertical-align: middle !important;
}

.nowrap{
    white-space: nowrap;
}
.height-100{
    min-height: 100vh;
    height: 100vh;
}
.height-auto{
    height: auto !important;
}

.text-underline{
    text-decoration: underline;
}
.text-height{
    line-height: 100%;
}
.text-line-through{
    text-decoration: line-through;
}
.cursor-pointer{
    cursor: pointer;
}
.border.border-none,
.border-none .border,
.overborder-none .border{
    border: none;
}
.border.border-thin,
.border-thin .border,
.overborder-thin:hover .border{
    border-style: solid;
    border-width: 1px;
    border-color: transparent;
    overflow: hidden;
}
.border.border-medium,
.border-medium .border,
.overborder-medium:hover .border{
    border-style: solid;
    border-width: 3px;
    border-color: transparent;
    overflow: hidden;
}
.border.border-thick,
.border-thick .border,
.overborder-thick:hover .border{
    border-style: solid;
    border-width: 5px;
    border-color: transparent;
    overflow: hidden;
}
.border.border-double,
.border-double .border,
.overborder.border-double:hover .border{
    border-style: double;
    border-width: 10px;
    border-color: transparent;
    overflow: hidden;
}

.hideDevice-2,
.hideDevice-4,
.hideDevice-5{
    display: none !important;
}

input::-moz-focus-inner,
button::-moz-focus-inner {
    border: 0;
}
.sendButton {
    -webkit-appearance: none;
    border-radius: 0;
}
.formValue .formSelect select option {
    background-color: #ffffff !important;
    color: #000000 !important;;
}
.formRadioButtonItem{
    width: 50%;
    position: relative;
}
.formRadioButtonItem > .MainButton {
    width: 100% !important;
}
.formRadioButtonItem label.Button {
    text-align: center;
    padding: 10px 10px;
}
.formRadioButtonItem input[type="radio"] {
    position: absolute;
    opacity: 0;
}
.formRadioButton > div {
    margin-left: 6px;
    margin-right: 6px;
}
.formRadioButton {
    margin-left: -6px;
    margin-right: -6px;
}

.formField input[name*="[email]"],
.formField input[name*="[phone]"],
.formField input[name*="[message]"],
.formField input[name*="[fullname]"] {
    display: none;
}
img.usermap{max-width:100%;}

a.agree-link{padding-left: 5px;color: inherit;}
a.agree-link span:before{font-size: 80%;}

.ThemeNavigationSeparatorBorder.separatorborder-none{
    border: none;
}
.ThemeNavigationSeparatorBorder.separatorborder-thin{
    border: none;
    width: 1px;
    background-color: transparent;
}
.ThemeNavigationSeparatorBorder.separatorborder-medium{
    border: none;
    width: 3px;
    background-color: transparent;
}
.ThemeNavigationSeparatorBorder.separatorborder-thick{
    border: none;
    width: 5px;
    background-color: transparent;
}

html[data-layout='zoom'] article li,
html[data-layout='zoom'] article li:before,
html[data-layout='zoom'] article p span,
html[data-layout='zoom'] article cite span,
html[data-layout='zoom'] article cite:before,
html[data-layout='zoom'] h2.SubTitle{
    line-height: 100% !important;
}

.FixedBottom{

}
.FixedBottom .left,
.FixedBottom .right,
.FixedTop .left,
.FixedTop .right{
    float: none !important;
}
.FixedBottom .left > div,
.FixedBottom .right > div,
.FixedTop .left > div,
.FixedTop .right > div{
    z-index: 130;
    position: fixed;
    -webkit-transform: translateZ(0); /* zaplata pre Chrome */
    transform: translateZ(0);
    float: none !important;
}
.FixedBottom .left > div{
    bottom: 0;
    left: 0;
}
.FixedBottom .right > div{
    bottom: 0;
    right: 0;
}

.FixedTop .left > div{
    top: 0;
    left: 0;
}
.FixedTop .right > div{
    top: 0;
    right: 0;
}
.ThemeNavigation .ThemeNavigationItem{
    padding-top: 6px;
    padding-bottom: 6px;
    z-index: 10;
}
.ThemeNavigation .ThemeNavigationItem.separatorborder-none{
    border:none;
}

.ThemeNavigation .ThemeNavigationItem.separatorborder-thin{
    border-bottom:1px solid transparent;
}
.ThemeNavigation .ThemeNavigationItem.separatorborder-medium{
    border-bottom:3px solid transparent;
}
.ThemeNavigation .ThemeNavigationItem.separatorborder-thick{
    border-bottom:5px solid transparent;
}
.ThemeNavigation.type-5 .ThemeNavigationItem.separatorborder-thin,
.ThemeNavigation.type-5 .ThemeNavigationItem.separatorborder-medium
.ThemeNavigation.type-5 .ThemeNavigationItem.separatorborder-thick{
    border-bottom:0;
    padding-top: 0;
    padding-bottom: 0;
}
.ThemeNavigation .ThemeNavigationSub{
    padding-top: 3px;
    /*display: table;*/
}
.ThemeNavigation .ThemeNavigationSub .ThemeNavigationSubItem{
    margin-right: 12px;
}
.ThemeNavigation .ThemeNavigationSub .ThemeNavigationSubItem:last-child{
    margin-right: 0;
}

.ThemeNavigation .ThemeNavigationSub a{
    color: inherit;

}
.ThemeNavigation .ThemeNavigationSub a:hover{
    text-decoration: underline;
}
.ThemeNavigation .ThemeNavigationGroup{
    display: inline-block;
    width: 100%;

}
.ThemeNavigation .ThemeNavigationItem .ThemeNavigationItemZoom{
    position: absolute;
    top: 5px;
    font-size: 18px;
    z-index: 4;
    color: #000000;
    /*background: rgba(128,128,128,0.9);*/
    padding: 2px;
    display: none;
    cursor: pointer;
    z-index: 102;
}
.ThemeNavigation .ThemeNavigationItem .ThemeNavigationItemZoom.position-left{
    left: 5px;
}
.ThemeNavigation .ThemeNavigationItem .ThemeNavigationItemZoom.position-right{
    right: 5px;
}
.ThemeNavigation.effect-transform .ThemeNavigationItem .ThemeNavigationItemZoom{
    color: #ffffff;
}
.ThemeNavigation .ThemeNavigationItem:hover .ThemeNavigationItemZoom{
    display: block;
}
.ThemeNavigation .ThemeNavigationItem:hover .ThemeNavigationItemZoom span{
    font-size: 110%;
}
.ThemeNavigation .ThemeNavigationItem .ThemeNavigationItemZoom span:hover{
    font-size: 115%;
}

.ThemeNavigation .ThemeNavigationItem .errorScript{
    display: none;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 5;
}
.ThemeNavigation .ThemeNavigationItem:hover .errorScript{
    display: block;
}
h2.SubTitle a:hover{
    text-decoration: underline;
}
.texttransform-lowercase{
    text-transform: lowercase;
}
.texttransform-uppercase{
    text-transform: uppercase;
}
.texttransform-capitalize{
    text-transform: capitalize;
}

.text-shadow{
    text-shadow: 1px 1px rgba(150, 150, 150, 0.5);
}

.green-icon-ok{
    color: #70cd23 !important;
    font-size: 22px;
}

.red-icon-delete{
    color: #ff0000 !important;
    font-size: 22px;
}

.icon-color-gray{
    color: #999999;
}
.icon-color-green{
    color: #70cd23;
}
.icon-color-red {
    color: #ff0000;
}
.icon-color-orange{
    color: #ffa000;
}

.color-red{
    color: #ff0000;
}

div.error:before{
    content: '\e88e';
    color: #ff0000 !important;
    font-size: 28px;
}
.Image.viewport{
    display: table;
}
.Image.viewport > span{
    position: absolute;
    left: 0;
    width: 100% !important;

}
.Image.viewport img{
    width: 100% !important;
    max-width: none !important;
    max-height: none !important;
}
.imageOver{
    display: table;
}
.Hyperlink .imageOver{
    display: block;
}
.Image.effect-transform,
.Hyperlink.effect-transform{
    position: relative;
}
.Image.effect-transform .effect small,
.Hyperlink.effect-transform .effect small{
    display: none;
    position: absolute;
    left: 0;
    top: 50%;
    -ms-transform: translate(0,-50%); /* IE 9 */
    -webkit-transform: translate(0,-50%); /* Chrome, Safari, Opera */
    -moz-transform: translate(0,-50%); /* Firefox */
    -o-transform: translate(0,-50%); /* Opera */
    transform: translate(0,-50%);
    width: 100%;
    text-align: center;
    color: #ffffff;
    opacity: 0;
    -moz-opacity:0;
    -khtml-opacity: 0;
    filter:alpha(opacity: 0);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    padding: 0.5em;
}
.Image.effect-transform span small,
.Hyperlink.effect-transform span small{
    cursor: default;
}
.Image.effect-transform .effect:hover small,
.Hyperlink.effect-transform .effect:hover small{
    display: block;
}

/*div.Image.shape{
    padding-right: 0.5em;
}
div.Image.shape{
    padding-left: 0.5em;
}*/
article{
    /*width:100%;
    display: inline-block;*/
    display: table;
    width: 100%;
    counter-reset:li;
}
article ul,
article ol{
    counter-reset:li;
}
article.wrap{
    display: block;
    width: auto;
}

article .Article{
    overflow: hidden;
}
article .Article.decoration-background-bg1,
article .Article.decoration-background-bg2,
article .Article.decoration-background-bg3,
article .Article.decoration-background-bg4{
    padding: 1em;
}
article .Article{
    display: table;
    width: 100%;
}
article .Article .table{
    width: 100%;
}
article .article_image small.description-bottom{
    padding-top: 0.25em;
}
article .article_image.center > a,
article .article_image.center > span {
    margin-left: auto;
    margin-right: auto;
}

article .decoration-circle-empty{
    overflow: hidden;
}
article h3{
margin-left: 0px;
}

article p{
    margin:0;
    padding: 0;
    z-index:100;
}
#PageHolder.page-privacy_policy article p{padding-bottom: 6px;}

article cite, article cite[class*=" icon-"]{
    display: list-item;
    width: 100%;
    list-style: none;
}
article cite[class^="icon-"]:before, article cite[class*=" icon-"]:before{
    display: table-cell;
    vertical-align: top;
    padding-right: 12px;
}
article cite.top[class^="icon-"]:before, article cite.top[class*=" icon-"]:before{
    vertical-align: top;
    padding-top: 0.25em;
    padding-bottom: 0;
}
article cite.middle[class^="icon-"]:before, article cite.middle[class*=" icon-"]:before{
    vertical-align: middle;
    padding-top: 0;
    padding-bottom: 0;
}
article cite.bottom[class^="icon-"]:before, article cite.bottom[class*=" icon-"]:before{
    vertical-align: bottom;
    padding-top: 0;
    padding-bottom: 0.25em;
}
article cite[class^="icon-"] span, article cite[class*=" icon-"] span{
    display: table-cell;
    padding-left: 12px;
    vertical-align: top;
}
article cite[class^="icon-"] span.nopadding, article cite[class*=" icon-"] span.nopadding{
    padding-left: 0;
}

article ul{
    list-style-position: outside;
    list-style-type: none;
}

article ul,
article ol{
    width: 100%;
    display: block;
    clear: none;
}

article li{
    /*display: table;*/
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
}
article ol.type-decimal {
    display: table;
}
article ol.type-decimal li {
    display: table-row;
}

article li,
article p{
    margin: 0;
    padding: 0;
    text-align: left;
}
article p span,
article li span{
    width: 100%;
}
article p.left,
article li.left{
    float:left;
    min-height: 0;
}
article p.left span,
article li.left span{
    width: auto;
}
article .articleIcon{
    width: 1em;
}
article .articleIcon span{
    display: block;
    padding: 0;
    margin: 0;
    line-height: 100%;
    width: auto;
}
article .ArticleMore{
    display: flex;
}
article .ArticleMore a.ArticleMoreButton{
    display: block;
    margin-top: 6px;
}
.type-disc li:before{
    font-family: "Arial", "Helvetica", sans-serif;
    content: '●';
    display: table-cell;
    padding-right: 5px;
    vertical-align: top;
}
.type-disc li > span{
    display: table-cell;
    vertical-align: top;
}

.type-circle li:before{
    font-family: "Arial", "Helvetica", sans-serif;
    content: '○';
    display: table-cell;
    padding-right: 5px;
    vertical-align: top;

}
.type-circle li > span{
    display: table-cell;
    vertical-align: top;

}

.type-asterisk li:before{
    font-family: "Arial", "Helvetica", sans-serif;
    content: '✥';
    display: table-cell;
    padding-right: 5px;
    vertical-align: top;

}
.type-asterisk li > span{
    display: table-cell;
    vertical-align: top;
}

.type-star li:before{
    font-family: "Arial", "Helvetica", sans-serif;
    content: '✰';
    display: table-cell;
    padding-right: 5px;
    vertical-align: top;

}
.type-star li > span{
    display: table-cell;
    vertical-align: top;
}

.type-check li:before{
    font-family: "Arial", "Helvetica", sans-serif;
    content: '✓';
    display: table-cell;
    padding-right: 5px;
    vertical-align: top;

}
.type-check li > span{
    display: table-cell;
    vertical-align: top;
}


.type-x li:before{
    font-family: "Arial", "Helvetica", sans-serif;
    content: '\2717';
    display: table-cell;
    padding-right: 5px;
    vertical-align: top;

}
.type-x li > span{
    display: table-cell;
    vertical-align: top;

}


.type-decimal > li:before{
    content: counter(li) '.';
    counter-increment:li;
    display: table-cell;
    padding-right: 5px;
    vertical-align: top;
}
.type-alpha-upper > li:before{
    content: counter(li, upper-roman) '.';
    counter-increment:li;
    display: table-cell;
    padding-right: 5px;
    vertical-align: top;
}
.type-alpha-lower > li:before{
    content: counter(li, lower-alpha) ')';
    counter-increment:li;
    display: table-cell;
    padding-right: 5px;
    vertical-align: top;
}
.type-decimal > li > span, .type-alpha-upper > li > span, .type-alpha-lower > li > span {
    display: table-cell;
    width: 100%;
    vertical-align: top;
}

li.type-none:before{
    content: '';
    padding-right: 0;

}

article .article_image{
    list-style:none;
    clear:none;
    margin:0;
    padding:0;
    width:auto;
    display:inline;
    position: relative;
    margin-bottom: 0;
}
article .article_image.noshape {
    clear: both;
    display: inline-block;
    float:none;
}
article .article_image > span{
    position: relative;
    display: inline-block;
}
article .article_image.left{
    min-height: 0;
}
article .article_image.right{
    min-height: 0;
}
article .article_image.center{
    margin: 0 auto;
    display: table;
}
.shape{
    width: auto;
    text-align: left;
    display: block;
}
.shape.left{
    padding-right: 0.5em;
}
.shape.right{
    padding-left: 0.5em;
}
.noshape{
    clear: both;
    display: inline-block;
    width: 100%;
    margin-right: 0;
    margin-left: 0;
    float:none;
    text-align: center;
}

.shape.shape-border-box{
    shape-outside: border-box;
    -webkit-shape-outside: border-box;
    -moz-shape-outside: border-box;

    shape-margin: 0.5em;
    -webkit-shape-margin: 0.5em;
    -moz-shape-margin: 0.5em;
}
article .Article cite{
    padding-top: 0;
}

article .Article.notab_br ul > li,
article .Article.notab_br ol > li,
article .Article.notab_br > p,
article .Article.notab_br > .table p,
article .Article.notab_br > .table .articleIcon > span,
article .Article.notab_br > h3.article_title,
article .Article.notab_br > .table h3.article_title,
article .Article.notab_br > cite,
article .Article.notab_br > .table cite,
article .Article.tab_br ul > li,
article .Article.tab_br ol > li,
article .Article.tab_br > p,
article .Article.tab_br > .table p,
article .Article.tab_br > h3.article_title,
article .Article.tab_br > .table h3.article_title,
article .Article.tab_br > cite,
article .Article.tab_br > .table cite{
    margin-bottom: 6px;
}
article .Article.notab_br > *:last-child > li:last-child,
article .Article.notab_br > *:last-child,
article .Article.notab_br > .table:last-child *:last-child,
article .Article.tab_br > *:last-child > li:last-child,
article .Article.tab_br > *:last-child{
    margin-bottom: 0;
}
article .Article.tab_nobr ul > li,
article .Article.tab_nobr ol > li,
article .Article.tab_nobr p,
article .Article.tab_br ul > li,
article .Article.tab_br ol > li,
article .Article.tab_br p{
    padding-left: 1em;
}
article .Article.tab_br cite,
article .Article.tab_nobr cite{
    margin-left: 1em;
}
* > article:last-child{margin-bottom: 0;}

article .article-separator-horizontal_space1{
    padding-top: 12px;
}
article .article-separator-horizontal_space2{
    padding-top: 18px;
}
article .article-separator-horizontal_space3{
    padding-top: 24px;
}

article .table-fixed .article_indent{
    display: inline-block;
    width: 100%;
}
.Banner > .banner{
    opacity: 1;
    display: inline-block;
    visibility: hidden;
    width: 100%;
    height: 100%;
}

.Banner .banner_bg .image-background{
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;

}
div.ignorepadding .Banner .banner_bg .image-background{
    background-size: cover !important;
    -moz-background-size: cover !important;
    -webkit-background-size: cover !important;
}
.viewport > .Banner{
    position: absolute !important;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.viewport > .Banner *{
    /*height: 100%;*/
}
.viewport > .Banner > .banner{
    margin:0 auto;
}
.viewport > .Banner > .banner .banner_content{
    display: none;
}
.PerexAuthorDate {
    font-style: italic;
    padding-bottom: 10px;
}


address{display:block;clear:both;font-style: normal;}
address.Contact .ContactData{
    display: inline-block;
    width: auto;
}
address .ContactLogo{
    display: table;
    clear: both;
    width: 100%;
}
address.Contact img{
    vertical-align: bottom;
}
address .ContactAddress > * {
    padding-bottom: 0.15em;
}
address .ContactAddress > span,
address .ContactAddress > table{
    clear: both;
    display: block;
}
address .ContactAddress > span.ContactZip{
    float: left;
}
address .ContactAddress > span.ContactCity{
    clear: none;
}
address.Contact, address.Contact a{
    word-break: break-word;
}
address.Contact .ContactCompany,
address.Contact .ContactName{
    line-height: 100%;
    display: block;
    font-weight: bold;
    padding-bottom: 0.25em;
    font-size: 120%;
}
address.Contact.position-left{display:table;table-layout:fixed;}
address.Contact.position-left > div{display: table-cell; vertical-align: top; width: auto;}
address.Contact.position-left .ContactLogo{padding-right: 12px;}
address.Contact.position-top .ContactLogo{padding-bottom: 12px;}

.guestbook_table { width:100%; }
.guestbook_date { font-style: italic; width:60px; border-top:1px solid silver; }
.guestbook_author { font-weight: bold;  width:80px; border-top:1px solid silver; }
.guestbook_text { border-top:1px solid silver; }
.guestbook_textarea { width:100%; border:1px solid silver; }
.guestbook_input { width:100%; border:1px solid silver; }



#div_growl, #div_g_growl {
    z-index:9999;
    display: none;
    position: fixed;
    transform: translateZ(0);
    -webkit-transform: translateZ(0); /* zaplata pre Chrome */
    transform: translateZ(0);
    background-repeat:no-repeat;
    color:white;
    padding: 20px;
    background-color:rgba(0,0,0,0.7);
    -webkit-border-radius: 1em;
    -moz-border-radius: 1em;
    border-radius: 1em;
    left: 50%;
    top: 50%;
    -ms-transform: translate(-50%,-50%); /* IE 9 */
    -webkit-transform: translate(-50%,-50%); /* Chrome, Safari, Opera */
    -moz-transform: translate(-50%,-50%); /* Firefox */
    -o-transform: translate(-50%,-50%); /* Opera */

    transform: translate(-50%,-50%);

}
#div_growl_ok {display:none;margin-top:-8px;}
#div_growl_ok img {cursor:pointer;}
#td_text {color:white;}


/*.shadow-one{position:absolute;padding-top:12px;padding-left:12px;}
.shadow-two{background:url(../../images/shadow.png) right bottom no-repeat;}
.shadow-three{position:relative;left:-14px;top:-14px;background:url(../../images/shadow.png) left top no-repeat;}
.shadow-four{position:relative;left:7px;top:7px}
.corner-a{position:absolute;right:0;top:0;width:14px;height:14px;background:url(../../images/shadow.png) right top no-repeat; margin-top:-2px; margin-left:-3px; }
.corner-b{position:absolute;left:0;bottom:0;width:14px;height:14px;background:url(../../images/shadow.png) left bottom no-repeat; margin-top:-3px; margin-left:-2px;}
*/

.ProductDescriptionTable td {
    padding-top:3px;
    padding-bottom:3px;
}

.ProductDescriptionTableS {
    padding-top: 10px;
}

.ProductDescriptionTableS td {
    padding-top:2px;
    padding-bottom:2px;
    font-size:10px;
}

#Langs{
text-align:center;
}
#Langs img{
    margin-right:10px;
}

#Navigation {
    /*height:26px;
    width:80px;*/

    float: right;
    display: inline-block;
    width: auto;
    margin-bottom: 5px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;

}
#Navigation *{
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
#Navigation a{
    font-size: 22px;
    margin: 0;
    padding-top: 2px;
    padding-bottom: 0px;
    background-color: #aaaaaa;
    display: inline-block;
}
#Navigation a:hover{
    background-color: #bbbbbb;
}
#Navigation a span{
    color: #ffffff;
}
#Navigation .left a{
    text-align:left;
    margin-right: 8px;
}
#Navigation .right a{
    text-align:right;
}
#Navigation .left a.navigation-default{
    -webkit-border-radius: 30px 0 0 30px;
    -moz-border-radius: 30px 0 0 30px;
    border-radius: 30px 0 0 30px;
    padding-right: 6px;
    padding-left: 6px;
}
#Navigation .right a.navigation-default{
    -webkit-border-radius: 0 30px 30px 0;
    -moz-border-radius: 0 30px 30px 0;
    border-radius: 0 30px 30px 0;
    padding-left: 6px;
    padding-right: 6px;
}

#NavigationEshop .formValue{width:115px;margin:0;padding:0;margin-bottom: 5px;}
#NavigationEshop .formValue select{width:95px;}

#Sort .formValue{width:115px;margin:0;padding:0;margin-bottom: 5px;}
#Sort .formValue select{width:95px;}

#ShoppingCartSmall.fixed{
    position: fixed;
    -webkit-transform: translateZ(0); /* zaplata pre Chrome */
    transform: translateZ(0);
    z-index: 200;
}
#ShoppingCartSmall.fixed.top{
    top: 0;
}
#ShoppingCartSmall.fixed.bottom{
    bottom:0;
}
#ShoppingCartSmall.fixed.left{
    left: 0;
}
#ShoppingCartSmall.fixed.right{
    right: 0;
}
#ShoppingCartList {
    display: inline-block;
    clear: both;
}


.ProductThumbPrice {
    padding-top:10px;
}

.img_image{
    margin: 0px;
    padding: 1px;
}
#Search,
#Search *{
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
#Search > div{
 background-color:white;
}
.SearchRInput_Div, .SearchInput_Div{width: 100%;display:table;}
.SearchInput_Div {margin: 0;padding:0;border:0;}
.SearchInput_Div > div{display: table-cell;vertical-align:middle;}
.SearchInput_Div .icon-search, .SearchInput_Div .icon-search-1{padding-left:5px;}
.SearchInput_Div .input-search{width:100%;padding-left:10px;}

.SearchRInput_Div form{display:table-cell;vertical-align:middle;}
.SearchRInput, .SearchInput{width: 100%;}
#SearchBox{
    display: none;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.8);
    z-index: 500;
    padding: 20px;
}
#SearchBox #Search{
    width: 100%;
    max-width: 500px;
    margin: 100px auto 0;
}
#SearchBox .SearchClose:before{
    content: 'X';
    display: inline;
}
#SearchBox .SearchClose{
    display: block;
    color: white;

    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    line-height: 24px;
    width: 24px;
    text-align: center;
    position: absolute;
    top: 10px;
    right: 10px;
}

#SearchBox.absolute{
    z-index: 200;
}
#SearchBox #Search .search_result_pos{
    max-width: none;
}

td.accessoriesTd > div[id^="GalleryImageS"]{
    clear: both;
}

/*td.accessoriesTd .ShoppingCartAccessoriesPrice{
    text-align: left;
    margin-top: -2px;
}*/
.newsletter{width:100%;display:inline-block;clear:both;}
.newsletter label{color: #000000;padding-left: 0.3em;}
.dealership{width:100%;display:inline-block;clear:both;}
.dealership label{color: #000000;padding-left: 0.3em;}
.dealership label a{color: #000000;text-decoration: underline;}


.SearchInput_Div .icon-search-1{
    color: gray;
}
.SearchInput_Div{
    padding:0px;
    border:1px solid silver;
    background-color: transparent;
    background-position: 1px center;
    background-repeat: no-repeat;

}

.SearchInput{
    border:0px;

    color:grey;
    background-color: transparent;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.SearchRInput_Div {
    height:20px;
    border:0px;
    width:182px;
    background-color: transparent;
    background-image: url(../../images/searchR.gif);
    background-position: 0px 0px;
    background-repeat: no-repeat;
}
.SearchRInput{
    background-color: transparent;
    padding-top: 3px;
    *padding-top: 1px;
    background-image: none;
    color:grey;
    border:0px;
    width:140px;
    margin-left: 25px;
}
.SearchRInput_Div, .SearchInput_Div{
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

#SearchNav{
}
#SearchNav .icon-search,
#SearchNav .icon-search-1,
#SearchNav .SearchInput{
    font-size:16px;
}
#SearchNav .search_result_pos{
    width: 100%;
}
#SearchNav .search_result_pos .SearchNoResult,
#SearchNav .search_result_pos a{
    font-size: 1.5em;
}
#SearchNav .SearchRInput_Div,
#SearchNav .SearchInput_Div{
    padding-top:5px;
    padding-bottom:5px;
}

#search_result{
    z-index:7777;
}

.SearchAdvanced {
    display: table;
}

section > span.content_separator > span > span,
.Data > span.content_separator > span > span{
    display: none;
}
section > span.content_separator.hrv > span.hrv > span.SeparatorHRV,
.Data > span.content_separator.hrv > span.hrv > span.SeparatorHRV{
    display: block;
}
.SeparatorHorizontal,
.SeparatorHorizontalBG{
    clear:both;
    margin-top: 0;
    padding-bottom: 0;
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
}
.SeparatorHorizontal{
    height: 1px;
}
.SeparatorHorizontalBG{
    height: 12px;
}
.SeparatorHorizontal .SeparatorHR{
    display: block;
}
.SeparatorHR{
    border:0px;
    border-bottom:1px solid gray;
    position: relative;
    padding: 0;
    margin: 0;
    width: 100%;
}
.SeparatorHRV{
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%,-50%); /* IE 9 */
    -webkit-transform: translate(-50%,-50%); /* Chrome, Safari, Opera */
    -moz-transform: translate(-50%,-50%); /* Firefox */
    transform: translate(-50%,-50%);
    width: 2px;
    border: 0;
    border-left-color: #cdcdcd;
    border-left-style: solid;
    border-left-width: 1px;
}
.SeparatorBG{
    border: 0;
    background-position: left center;
    background-repeat: repeat-x;
    background-size: contain;
    width: 100%;
    display: block;
    height: 100%;
}
.SeparatorBG.type-dots{
    background-image: url('/core/system/images/hr_dots.png');
}
.SeparatorBG.type-circles{
    background-image: url('/core/system/images/hr_circles.png');
}
.SeparatorBG.type-line{
    background-image: url('/core/system/images/hr_line.png');
}
.SeparatorBG.type-lines{
    background-image: url('/core/system/images/hr_lines.png');
}
.SeparatorBG.type-shadow{
    background-image: url('/core/system/images/hr_shadow.png');
}
.ct img {
    margin: 5px 10px 10px 0px;
}
ul,ol {
    margin:0;
    clear: both;
    padding:0;
}

#Menu, #SubMenu, #SubMenu1, #SecondaryMenu, #SecondarySubMenu, #SecondarySubMenu1{
    display: table;
    width: 100%;
    padding: 0;
    border: 0;
    /*table-layout: fixed;*/
}
/*#Menu > ul, #SubMenu > ul, #SubMenu1 > ul, #SecondaryMenu > ul, #SecondarySubMenu > ul, #SecondarySubMenu1 > ul{
   display: table-cell;
   vertical-align: middle;
}*/
#Menu ul, #SubMenu ul, #SubMenu1 ul, #SecondaryMenu ul, #SecondarySubMenu ul, #SecondarySubMenu1 ul{
    list-style: none;
    width: 100%;
    /*height: 100%;*/
    padding: 0;
    margin: 0;
}
li.MenuLevel1, li.MenuLevel2, li.MenuLevel3, li.MenuLevel4, li.MenuLevel5,
li.SecondaryMenuLevel1, li.SecondaryMenuLevel2, li.SecondaryMenuLevel3{
    height: 100%;
    float: left;
    margin: 0;
    padding: 0;
    overflow: hidden;

}
li.MenuLevel1.right, li.MenuLevel2.right, li.MenuLevel3.right, li.MenuLevel4.right, li.MenuLevel5.right,
li.SecondaryMenuLevel1.right, li.SecondaryMenuLevel2.right, li.SecondaryMenuLevel3.right{
    float: right;
}
.LeftSide li.MenuLevel1, .LeftSide li.MenuLevel2, .LeftSide li.MenuLevel3, .LeftSide li.MenuLevel4, .LeftSide li.MenuLevel5,
.LeftSide li.SecondaryMenuLevel1, .LeftSide li.SecondaryMenuLevel2, .LeftSide li.SecondaryMenuLevel3,
.RigthSide li.MenuLevel1, .RigthSide li.MenuLevel2, .RigthSide li.MenuLevel3, .RigthSide li.MenuLevel4, .RigthSide li.MenuLevel5,
.RigthSide li.SecondaryMenuLevel1, .RigthSide li.SecondaryMenuLevel2, .RigthSide li.SecondaryMenuLevel3{
    width: 100%;
}


li.MenuOffsetLast1, li.MenuOffsetLast2, li.MenuOffsetLast3, li.MenuOffsetLast4, li.MenuOffsetLast5,
li.SecondaryMenuOffsetLast1, li.SecondaryMenuOffsetLast2, li.SecondaryMenuOffsetLast3{
    width: 1em;
    height: 1em;
    float: left;
    margin: 0;
    padding: 0;

}
li.MenuSeparator1, li.MenuSeparator2, li.MenuSeparator3, li.MenuSeparator4, li.MenuSeparator5,
li.SecondaryMenuSeparator1, li.SecondaryMenuSeparator2, li.SecondaryMenuSeparator3{
    width: 1em;
    height: 1em;
    float: left;
    margin: 0;
    padding: 0;
}

li.MenuLevel1 > div, li.MenuLevel2 > div, li.MenuLevel3 > div, li.MenuLevel4 > div, li.MenuLevel5 > div,
li.SecondaryMenuLevel1 > div, li.SecondaryMenuLevel2 > div, li.SecondaryMenuLevel3 > div,
li.MenuOffsetLast1 > div, li.MenuOffsetLast2 > div, li.MenuOffsetLast3 > div, li.MenuOffsetLast4 > div, li.MenuOffsetLast5 > div,
li.SecondaryMenuOffsetLast1 > div, li.SecondaryMenuOffsetLast2 > div, li.SecondaryMenuOffsetLast3 > div,
li.MenuSeparator1 > div, li.MenuSeparator2 > div, li.MenuSeparator3 > div, li.MenuSeparator4 > div, li.MenuSeparator5 > div,
li.SecondaryMenuSeparator1 > div, li.SecondaryMenuSeparator2 > div, li.SecondaryMenuSeparator3 > div{
    display: block;
    margin: 0;
    padding: 0;
    height: 100%;
    text-align: center;
    /*overflow: hidden;*/

}
li.MenuLevel1 > div a, li.MenuLevel2 > div a, li.MenuLevel3 > div a, li.MenuLevel4 > div a, li.MenuLevel5 > div a,
li.SecondaryMenuLevel1 > div a, li.SecondaryMenuLevel2 > div a, li.SecondaryMenuLevel3 > div a,
li.MenuOffsetLast1 > div p, li.MenuOffsetLast2 > div p, li.MenuOffsetLast3 > div p, li.MenuOffsetLast4 > div p, li.MenuOffsetLast5 > div p,
li.SecondaryMenuOffsetLast1 > div p, li.SecondaryMenuOffsetLast2 > div p, li.SecondaryMenuOffsetLast3 > div p,
li.MenuSeparator1 > div p, li.MenuSeparator2 > div p, li.MenuSeparator3 > div p, li.MenuSeparator4 > div p, li.MenuSeparator5 > div p,
li.SecondaryMenuSeparator1 > div p, li.SecondaryMenuSeparator2 > div p, li.SecondaryMenuSeparator3 > div p{
    display: table;
    width: 100%;
    height: 100%;
    /*overflow: hidden;*/
}
li.MenuLevel1 > div a > span, li.MenuLevel2 > div a > span, li.MenuLevel3 > div a > span, li.MenuLevel4 > div a > span, li.MenuLevel5 > div a > span,
li.SecondaryMenuLevel1 > div a > span, li.SecondaryMenuLevel2 > div a > span, li.SecondaryMenuLevel3 > div a > span{
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    text-align: center;
    /*overflow: hidden;*/
}

li.MenuLevel1 > div a span img, li.MenuLevel2 > div a span img, li.MenuLevel3 > div a span img, li.MenuLevel4 > div a span img, li.MenuLevel5 > div a span img,
li.SecondaryMenuLevel1 > div a img, li.SecondaryMenuLevel2 > div a img, li.SecondaryMenuLevel3 > div a img{
    max-width: 100%;
    max-height: 100%;
    width: 100%;

}
/** Tucne pismo Menu po prechode mysou **/
/*
li.MenuLevel1 > div a span:after, li.MenuLevel2 > div a span:after, li.MenuLevel3 > div a span:after, li.MenuLevel4 > div a span:after, li.MenuLevel5 > div a span:after,
li.SecondaryMenuLevel1 > div a span:after, li.SecondaryMenuLevel2 > div a span:after, li.SecondaryMenuLevel3 > div a:after{
    display: block;
	content: attr(data-title);
	font-weight: bold;
	color: transparent;
	overflow: hidden;
	visibility: hidden;
	height: 0px;
	width: 100%;
}
li.MenuLevel1 > div a:hover > span{
    font-weight: 600;
}
*/

li.MenuLevel1 > div a span span img{
    max-width: 50%;
}
#ShoppingCartListMenu.MenuLevel1 > div a span span img{
    max-width: none !important;
}
.MenuIcon.left{
    padding-right: 0.25em;
}
.MenuIcon.right{
    padding-left: 0.25em;
}

span.MenuLevelTitle{
    text-indent: -2000em;
}
li.MenuLevel1 > div a span.MenuLevelImage, li.MenuLevel2 > div a span.MenuLevelImage, li.MenuLevel3 > div a span.MenuLevelImage, li.MenuLevel4 > div a span.MenuLevelImage, li.MenuLevel5 > div a span.MenuLevelImage,
li.SecondaryMenuLevel1 > div a span.MenuLevelImage, li.SecondaryMenuLevel2 > div a span.MenuLevelImage, li.SecondaryMenuLevel3 > div a span.MenuLevelImage{
    height: 1em;
}

li.MenuLevel1 > div a span.MenuLevelImage .MenuImageOver, li.MenuLevel2 > div a span.MenuLevelImage .MenuImageOver, li.MenuLevel3 > div a span.MenuLevelImage .MenuImageOver, li.MenuLevel4 > div a span.MenuLevelImage .MenuImageOver, li.MenuLevel5 > div a span.MenuLevelImage .MenuImageOver,
li.SecondaryMenuLevel1 > div a span.MenuLevelImage .MenuImageOver, li.SecondaryMenuLevel2 > div a span.MenuLevelImage .MenuImageOver, li.SecondaryMenuLevel3 > div a span.MenuLevelImage .MenuImageOver,
li.MenuLevel1 > div a:hover span.MenuLevelImage .MenuImage, li.MenuLevel2 > div a:hover span.MenuLevelImage .MenuImage, li.MenuLevel3 > div a:hover span.MenuLevelImage .MenuImage, li.MenuLevel4 > div a:hover span.MenuLevelImage .MenuImage, li.MenuLevel5 > div a:hover span.MenuLevelImage .MenuImage,
li.SecondaryMenuLevel1 > div a:hover span.MenuLevelImage .MenuImage, li.SecondaryMenuLevel2 > div a:hover span.MenuLevelImage .MenuImage, li.SecondaryMenuLevel3 > a:hover span.MenuLevelImage .MenuImage{
    display: none;
}

li.MenuLevel1 > div a:hover span.MenuLevelImage .MenuImageOver, li.MenuLevel2 div > a:hover span.MenuLevelImage .MenuImageOver, li.MenuLevel3 > div a:hover span.MenuLevelImage .MenuImageOver, li.MenuLevel4 > div a:hover span.MenuLevelImage .MenuImageOver, li.MenuLevel5 > div a:hover span.MenuLevelImage .MenuImageOver, li.SecondaryMenuLevel1 > div a:hover span.MenuLevelImage .MenuImageOver, li.SecondaryMenuLevel2 > div a:hover span.MenuLevelImage .MenuImageOver, li.SecondaryMenuLevel3 > div a:hover span.MenuLevelImage .MenuImageOver{
    display: block;
}

li > div .effect-underline.animate .effect{
    width: 0;
}
ul.menu-items > li.active > div .effect-underline.animate .effect{
    width: 100%;
}

ul.menu-items > li > div .effect-underline.animate:hover .effect{
    -webkit-transition: width 0.2s ease-in-out;
    -moz-transition: width 0.2s ease-in-out;
    -o-transition: width 0.2s ease-in-out;
    transition: width 0.2s ease-in-out;

}

#Menu ul.MenuOver, #SubMenu ul.MenuOver, #SubMenu1 ul.MenuOver, #SecondaryMenu ul.MenuOver, #SecondarySubMenu ul.MenuOver, #SecondarySubMenu1 ul.MenuOver,
#Menu ul.Megamenu, #SubMenu ul.Megamenu, #SubMenu1 ul.Megamenu, #SecondaryMenu ul.Megamenu, #SecondarySubMenu ul.Megamenu, #SecondarySubMenu1 ul.Megamenu{
    position: absolute;
    display:block;
}
#Menu ul.Megamenu .ThemeNavigation .ThemeNavigationSeparator .ThemeNavigationSeparatorBorder,
#SecondaryMenu ul.Megamenu .ThemeNavigation .ThemeNavigationSeparator .ThemeNavigationSeparatorBorder{
    background-color: transparent;
}
ul.Megamenu{
    z-index: 2;
}
#Menu ul.Megamenu .ThemeNavigation .ThemeNavigationItem,
#SecondaryMenu ul.Megamenu .ThemeNavigation .ThemeNavigationItem{
    border: 0;
}
header, footer{
    display: table;
    width: 100%;
}
header{
    position:relative;
    z-index:120;
}
header #Menu ul.Megamenu,
header #SecondaryMenu ul.Megamenu,
header #Menu ul.MenuOver,
header #SecondaryMenu ul.MenuOver{
    overflow-y: auto;
    max-height: none;
}


ul.MenuOver a{
    display: block;
    width: 100%;
}

#Menu > ul ul.MenuOver,
#SecondaryMenu > ul ul.MenuOver {
	position:absolute;
	z-index: 102;
	background-color: #ffffff;
	color: #ffffff;
	width: auto;
	min-width: 14em;
	max-width: 27em;
	height: auto;
}
#Menu > ul ul.MenuOver li,
#SecondaryMenu > ul ul.MenuOver li{
    height: auto;
    text-align: left;
}

#Menu > ul ul.Megamenu,
#SecondaryMenu > ul ul.Megamenu{
	position:absolute;
	z-index: 103;
	background-color: #ffffff;
    width: 100%;
    height: auto;
    transform: translateZ(0);
}

#Menu > ul > li:hover > ul.Megamenu.novisible,
#SecondaryMenu > ul > li:hover > ul.Megamenu.novisible{
    visibility: visible;
    opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    filter:alpha(opacity: 100);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.Megamenu .ThemeNavigationSub,
.Megamenu .article_indent{
    -webkit-transform: translateZ(0); /* zaplata pre Chrome */
    transform: translateZ(0);
}

#Menu > ul ul.Megamenu .megamenu_item,
#SecondaryMenu > ul ul.Megamenu .megamenu_item{
    margin: 0 auto;
}
#Menu > ul ul.Megamenu.megamenu-relative,
#Menu > ul ul.Megamenu.megamenu-viewport,
#SecondaryMenu > ul ul.Megamenu.megamenu-relative,
#SecondaryMenu > ul ul.Megamenu.megamenu-viewport{
    left: 0;
}
#Menu > ul .megamenu-arrow-div,
#SecondaryMenu > ul .megamenu-arrow-div{
	content: '';
	position: absolute;
	z-index: 104;

	width: 100%;
	height:20px;
	clear:both;
	padding:0;
	margin:0;
	display: none;
}
#Menu > ul .megamenu-arrow-div .megamenu-arrows,
#SecondaryMenu > ul .megamenu-arrow-div .megamenu-arrows{
	content: '';
	position: absolute;
	height: 0px;
	width: 0px;
	border-width: 0 20px 20px 0px;
	border-style: solid;
	border-color: transparent transparent #ffffff;
	z-index: 105;
	font-size: 0;
	line-height: 0;
}
#Menu > ul .megamenu-arrow-div .megamenu-arrows-border,
#SecondaryMenu > ul .megamenu-arrow-div .megamenu-arrows-border{
	content: '';
	position: absolute;
	height: 0px;
	width: 0px;
	border-width: 0 21px 21px 0px;
	border-style: solid;
	border-color: transparent transparent #000000;
	z-index: 105;
	font-size: 0;
	line-height: 0;
}
#Menu > ul .megamenu-arrow-div.megamenu-arrow-align-center .megamenu-arrows,
#SecondaryMenu > ul .megamenu-arrow-div.megamenu-arrow-align-center .megamenu-arrows{
	border-width: 0px 10px 20px 10px;
}
#Menu > ul .megamenu-arrow-div.megamenu-arrow-align-right .megamenu-arrows,
#SecondaryMenu > ul .megamenu-arrow-div.megamenu-arrow-align-right .megamenu-arrows{
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}

#NavMenu{
    width: 100%;
}
#NavMenu li{
    display: block;
    width: 100%;
    min-width: 100%;
    max-width: none;
    float: none;
    clear: both;

}
#NavMenu li div{
    display: table;
    width: 100%;
    table-layout: fixed;
}
#NavMenu li div a{
    overflow: hidden;
    display: table-cell;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px;
    vertical-align: middle;
    height: 45px;
}

#main-buttons{
    position: fixed;
    z-index:19999999;
    top:0;
    right: 0;
    width:51px;
    display: block;
}

#main-buttons > div{
    display: none;
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    font-size: 34px;
    -webkit-font-smoothing: antialiased;
    cursor: pointer;
    width: 51px;
    line-height: 51px;
    height: 51px;
    text-align: center;
}

#NavMenu li div a.menu-icon{
    width: 45px;
    font-size: 24px;

}

/*#NavMenu li:hover > div a,*/
#NavMenu li.active > div a{
    font-weight: 600;
}
#NavMenu li div{
    padding-left: 10px;
}
#NavMenu li.NavMenuLevel4 div{
    padding-left: 20px;
}
#NavMenu li.NavMenuLevel5 div{
    padding-left: 30px;
}
nav #NavMenu li:first-child div{
    border-top:0;
}
.SubTitle{
font-weight: normal;
margin-bottom: 0.5em;
}
#ProductsLast .SubTitle{
    margin-bottom: 0;
}
.ShadowDiv{
    display: block;
}

/* Gallery */
.gallery_gallery,
.gallery_thumbs{
    display: table;
    width: 100%;
    table-layout: fixed;
}
.GalleryImage small{
    color: #000000;
}
.GalleryImage .decoration-circle-empty{
    overflow: hidden;
}

.gallery_thumbs .GalleryRow{
    display: table-row;
    width: 100%;

}
.gallery_gallery .GalleryImage{
    display: table-cell;
    /*padding-top: 1em;*/
    vertical-align: top;

}
.gallery_gallery .GalleryRow:first-child .GalleryImage{
    padding-top: 0;
}

.gallery_gallery .GallerySeparator{
    display: table-cell;
    width: 12px;
}
.gallery_thumbs .GallerySeparator{
    display: table-cell;
    width: 0;
}
.gallery_gallery .GalleryImage.empty,
.gallery_gallery .GallerySeparator.empty{
    height: 0 !important;
    padding: 0 !important;
    visibility: hidden;
}
.gallery_gallery .GallerySeparator:last-child,
.gallery_thumbs .GallerySeparator:last-child{
    display: none !important;
    height: 0 !important;
}

.gallery_gallery .GalleryImage a{
    font-size: 100%;
    text-align: center;
    display: inline-block;
}

.gallery_slideshow{
    max-width: 100%;
    position: relative;
    overflow: hidden;
}
.gallery_slideshow .GalleryImage{
    position: relative;
    float: left;
    display: none;
}
.gallery_slideshow .GalleryImage:first-child{
    display: block;
}

.gallery_slideshow small{
    font-size: 12px;
}



.gallery_slideshow .cycle-pages.with-shadow{
    padding-right: 2.5em;
}

.gallery_slideshow:hover .cycle-prev,
.gallery_slideshow:hover .cycle-next{
    opacity: 0.7;
    -moz-opacity:0.7;
    -khtml-opacity: 0.7;
    filter:alpha(opacity: 70);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}
.gallery_slideshow .cycle-prev {
    position: absolute;
    z-index: 101;
    opacity: 0;
    -moz-opacity:0;
    -khtml-opacity: 0;
    filter:alpha(opacity: 0);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    top:50%;
    left: 0;
    -ms-transform: translate(0,-50%); /* IE 9 */
    -webkit-transform: translate(0,-50%); /* Chrome, Safari, Opera */
    -moz-transform: translate(0,-50%); /* Firefox */
    transform: translate(0,-50%);
    width: 50px;
    height: 50px;
}
.gallery_slideshow .cycle-next {
    position: absolute;
    z-index: 101;
    opacity: 0;
    -moz-opacity:0;
    -khtml-opacity: 0;
    filter:alpha(opacity: 0);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    top:50%;
    right: 0;
    -ms-transform: translate(0,-50%); /* IE 9 */
    -webkit-transform: translate(0,-50%); /* Chrome, Safari, Opera */
    -moz-transform: translate(0,-50%); /* Firefox */
    transform: translate(0,-50%);
    width: 50px;
    height: 50px;

}

.gallery_masonry .GalleryImage{
    margin-bottom: 12px;
}
.ThemeNavigation .cycle-pages{
    padding-left: 0;
    padding-right: 0;
}
.cycle-prev, .cycle-next {
    cursor: pointer;
    font-size: 3em;
}



.gallery_book .myBook.booklet{transform: unset !important;}

.ThemeNavigation .cycle-prev,
.ThemeNavigation .cycle-next{
    opacity: 0;
    -moz-opacity:0;
    -khtml-opacity: 0;
    filter:alpha(opacity: 0);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    position: absolute;
    top:50%;
    z-index: 101;

}
.ThemeNavigation .cycle-prev span,
.ThemeNavigation .cycle-next span{
    margin-top: -50%;
    display: block;
}
.ThemeNavigation .cycle-prev{
    left: 0;
}
.ThemeNavigation .cycle-next{
    right: 0;
}
.ThemeNavigation:hover .cycle-prev,
.ThemeNavigation:hover .cycle-next{
    opacity: 0.7;
    -moz-opacity:0.7;
    -khtml-opacity: 0.7;
    filter:alpha(opacity: 70);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}
.ThemeNavigation .cycle-prev.disabled,
.ThemeNavigation .cycle-next.disabled{
    display: none;
}
.gallery_photoframe{
    display: table;
    width: 100%;
    table-layout: fixed;
}
.gallery_photoframe .GalleryImageGroup{
    display: table-cell;
    vertical-align: top;
}

.gallery_photoframe .GallerySeparator{
    display: table-cell;
    width: 12px;
}
.gallery_photoframe .GalleryImageGroup .GalleryImageGroupT{
    display: table;
    width: 100%;

}
.gallery_photoframe .GalleryImageGroup .GalleryImageGroupT .GalleryImage{
    display: table-cell;

    vertical-align: top;
}
.gallery_photoframe .GalleryImageGroup .GalleryImageGroupT .GalleryImageTop{
    display: table-caption;
    caption-side:top;
}
.gallery_photoframe .GalleryImageGroup .GalleryImageGroupT .GalleryImageTop a{
    display: table-cell;
}
.gallery_photoframe .GalleryImageGroup .GalleryImageGroupT .GalleryImageBottom{
    display: table-caption;
    caption-side:bottom;
}
.gallery_photoframe .GalleryImageGroup .GalleryImageGroupT .GalleryImageBottom a{
    display: table-cell;
}
.gallery_photoframe .GalleryImageGroup .GalleryImageGroupT .GalleryImageSeparator{
    display: table-cell;
    width: 12px;
}
.gallery_photoframe .GalleryImageGroup .GalleryImageGroupT .GalleryImageSeparatorTop,
.gallery_photoframe .GalleryImageGroup .GalleryImageGroupT .GalleryImageSeparatorBottom{
    display: table-row;
    height: 12px;
    white-space: nowrap;
    width: 100%;
}
.productAvailability.right span.product-tooltip {
    cursor: pointer;
}
.productAvailability.right span.product-tooltip.block > span {
    margin-left: 0;
}
.productAvailability.right span.product-tooltip.block > span ~ span {
    margin-left: .5em;
}
.productAvailability.right span[data-toggle="tooltip"] {
    margin-left: 6px;
}
/** Theme Navigation **/
.ThemeNavigation{
    display: table;
    width: 100%;
    table-layout: fixed;
    position: relative;
}
.ThemeNavigation.type-5.cycle-slideshow{
    display: block;
    width: 100% !important;
}
.ThemeNavigation.type-5 .cycle-sentinel{
    display: none !important;
}
.ThemeNavigation.type-5 .cycle-carousel-wrap{
    position: relative !important;
}
.ThemeNavigation .ThemeNavigationSeparator{
    display: table-cell;
    width: 12px;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
    position: relative;

}
.ThemeNavigation .ThemeNavigationSeparator.empty,
.ThemeNavigation .ThemeNavigationItem.empty{
    visibility: hidden;
    padding: 0;
}
.ThemeNavigation .ThemeNavigationSeparator span.separator{
    position: absolute;
    bottom: 6px;
    overflow: hidden;
    display: block;
    height: 100%;
    width: 100%;

}
.ThemeNavigation .ThemeNavigationSeparator span.separator > span{
    position: absolute;
    left: 50%;
    -ms-transform: translate(-50%,0); /* IE 9 */
    -webkit-transform: translate(-50%,0); /* Chrome, Safari, Opera */
    -moz-transform: translate(-50%,0); /* Firefox */
    transform: translate(-50%,0);
    height: 100%;
    top: 6px;
    width: 4px;
}

.ThemeNavigation .ThemeNavigationSeparator.hr-thick span.separator > span{
    width: 4px;
}
.ThemeNavigation .ThemeNavigationSeparator.hr-medium span.separator > span{
    width: 2px;
}
.ThemeNavigation .ThemeNavigationSeparator.hr-thin span.separator > span{
    width: 0;
}

.Megamenu .ThemeNavigation .ThemeNavigationSeparator span.separator > span{
    left: 0;
}

.ThemeNavigation .ThemeNavigationSeparator .ThemeNavigationSeparatorBorder{
    display: block;
    position: absolute;
    top: 6px;
    height: 100%;
}
.ThemeNavigation .ThemeNavigationSeparator:last-child{
    display: none !important;
    height: 0 !important;
}
.ThemeNavigation .ThemeNavigationSeparatorRow{
    display: table-row;
}
.ThemeNavigation.type-1 .ThemeNavigationItem,
.ThemeNavigation.type-2 .ThemeNavigationItem,
.ThemeNavigation.type-3 .ThemeNavigationItem,
.ThemeNavigation.type-4 .ThemeNavigationItem,
.ThemeNavigation.type-5 .ThemeNavigationItem{
    display: table-cell;
    vertical-align: top;
    text-align: center;
    position:relative !important;
}
.ThemeNavigation.type-6 {
    overflow: hidden;
}
.ThemeNavigation.type-6 .ThemeNavigationItem{
    margin-bottom: 12px;
}
.ThemeNavigation.type-6 > .ThemeNavigationItem {
	display: block;
	float: left;
	opacity: 0;
    -moz-opacity:0;
    -khtml-opacity: 0;
    filter:alpha(opacity: 0);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.ThemeNavigation.type-6 > .ThemeNavigationItem.shown{
	opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    filter:alpha(opacity: 100);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}


.ThemeNavigation.type-6 .ThemeNavigationItem .themenavigation_description{
    position: absolute;
    width: 100%;
}
.ThemeNavigation.type-6 .ThemeNavigationItem .themenavigation_description.position-bottom{
    bottom: 0;
}
.ThemeNavigation.type-6 .ThemeNavigationItem .themenavigation_description.position-top{
    top: 0;
}
.ThemeNavigation.type-6 .ThemeNavigationItem .themenavigation_description.description-shadow{
    padding-right: 12px;
}
.ThemeNavigation.type-6 .ThemeNavigationItem .themenavigation_description.position-bottom.description-shadow{
    bottom: 12px;
}
.ThemeNavigation.type-6 .ThemeNavigationItem .themenavigation_description.position-top.description-shadow{
    top: 12px;
}
.ThemeNavigation.type-6 .themenavigation_image,
.ThemeNavigation.type-6 .themenavigation_image a,
.ThemeNavigation.type-6 .themenavigation_image a span.image-background{
    width: 100%;
}
.ThemeNavigation .ThemeNavigationItem .ThemeNavigationInit,
.ThemeNavigation .ThemeNavigationItem .ThemeNavigationInit .ThemeNavigationInitBlock{
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;

}
.ThemeNavigation.type-1 .ThemeNavigationItem .ThemeNavigationInit,
.ThemeNavigation.type-1 .ThemeNavigationItem .ThemeNavigationInit .ThemeNavigationInitBlock,
.ThemeNavigation.type-4 .ThemeNavigationItem .ThemeNavigationInit,
.ThemeNavigation.type-4 .ThemeNavigationItem .ThemeNavigationInit .ThemeNavigationInitBlock{
    height: 100%;
}

.ThemeNavigation .ThemeNavigationItem .themenavigation_title.absolute{
    padding: 6px;
    width: 100%;
}
.ThemeNavigation .ThemeNavigationItem .themenavigation_title,
.ThemeNavigation .ThemeNavigationItem .themenavigation_title a{
    line-height: normal;
    max-height: 96px;
    /*overflow: hidden;*/
    white-space: pre-wrap;
    color: #000000;
}
.ThemeNavigation .ThemeNavigationItem .themenavigation_title span{
    font-size: 80%;
}
.ThemeNavigation .ThemeNavigationItem .themenavigation_title span.theme_navigation-extension.parentheses,
.ThemeNavigation .ThemeNavigationItem .themenavigation_title span.theme_navigation-extension.pipe{
    font-size: 100%;
}
.ThemeNavigation .ThemeNavigationItem .themenavigation_title.position-bottom{
    /*margin-top: 0.25em;*/
}
.ThemeNavigation .ThemeNavigationItem .themenavigation_title.position-top{
    /*margin-bottom: 0.25em;*/
}
.ThemeNavigation .ThemeNavigationItem .themenavigation_image{
    vertical-align: bottom;
}

.ThemeNavigation .ThemeNavigationItem .themenavigation_description_value{
    line-height: normal;
    font-size: 10px;
    white-space: pre-wrap;
}

.ThemeNavigation .ThemeNavigationItem .themenavigation_description_value{
    /*padding:0 3px;*/
}
#ProductsLast .ThemeNavigation .ThemeNavigationItem .themenavigation_description_value{
    padding: 0;
}

.ThemeNavigation .ThemeNavigationItem .themenavigation_title{
    padding: 6px 0;
}
.ThemeNavigation.type-6 .ThemeNavigationItem .themenavigation_title{
    padding: 6px 3px;
}
.ThemeNavigation .ThemeNavigationItem .themenavigation_description_value.ellipsis{

    font-size: 12px;
    overflow: hidden;
    /*-o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -moz-binding: url('assets/xml/ellipsis.xml#ellipsis');
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    line-height: 12px;
    max-height: 48px;*/

}
.ThemeNavigation.type-2 .ThemeNavigationItem .themenavigation_description_value,
.ThemeNavigation.type-5 .ThemeNavigationItem .themenavigation_description_value{
    clear: both;
}
.ThemeNavigation.type-2 .ThemeNavigationItem .themenavigation_image,
.ThemeNavigation.type-5 .ThemeNavigationItem .themenavigation_image{
    clear: both;
}
.ThemeNavigation .ThemeNavigationItem .themenavigation_image span.image-background{
    height: 100%;
}
.ThemeNavigation.type-2 .ThemeNavigationItem .themenavigation_description{
    width: 100%;
    /*display: inline-block;*/
}
.ThemeNavigation.type-2 .themenavigation_image .shadow_class,
.ThemeNavigation.type-3 .themenavigation_image .shadow_class,
.ThemeNavigation.type-5 .themenavigation_image .shadow_class{
    padding-left: 1em;
}

#MyProductList .ThemeNavigation .themenavigation_title span{
    clear: both;
    display: block;
    font-size: 80%;
}

.ThemeNavigation .ThemeNavigationItem.effect-item .ThemeNavigationInit/*,
.ThemeNavigation .ThemeNavigationItem.effect-item .ThemeNavigationShoppingCart*/{
    position: relative;
    z-index: 1;
}
.ThemeNavigation .ThemeNavigationItem.effect-item .MainButton {
    position: relative;
    z-index: 4;
}
.ThemeNavigation.type-6 .ThemeNavigationItem .ThemeNavigationShoppingCart.absolute{
    position: absolute;
    padding: 10px;
    z-index: 102 !important;
}
.ThemeNavigation.type-6 .ThemeNavigationItem .ThemeNavigationShoppingCart.absolute.position-left{
    left: 0;
}
.ThemeNavigation.type-6 .ThemeNavigationItem .ThemeNavigationShoppingCart.absolute.position-top{
   top:32px;
}
.ThemeNavigation.type-6 .ThemeNavigationItem .ThemeNavigationShoppingCart.absolute.position-bottom{
    bottom: 20px;
}
.ThemeNavigation .ThemeNavigationItem.effect-item .ThemeNavigationItemOver{
    position: absolute;
    height: 100%;
    left: -6px;
    right: -6px;
    bottom: 0;
    z-index: 2;
     transition: box-shadow 0.2s ease-in-out;
    -webkit-transition: box-shadow 0.2s ease-in-out;
    -moz-transition: box-shadow 0.2s ease-in-out;
    -ms-transition: box-shadow 0.2s ease-in-out;
    -o-transition: box-shadow 0.2s ease-in-out;
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
}
.ThemeNavigation.type-5 .ThemeNavigationItem{
    padding-left: 6px;
    padding-right: 6px;
}
.ThemeNavigation.type-5 .ThemeNavigationItem.effect-item .ThemeNavigationItemOver{
    top:0;
    left: 0;
    right: 0;
    padding-bottom: 0;
    display: none;
}
.ThemeNavigation .ThemeNavigationItem.effect-item.separatorborder-thin .ThemeNavigationItemOver,
.ThemeNavigation .ThemeNavigationItem.effect-item.separatorborder-medium .ThemeNavigationItemOver,
.ThemeNavigation .ThemeNavigationItem.effect-item.separatorborder-thick .ThemeNavigationItemOver{
    top: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding-bottom: 0;
}

.ThemeNavigation .ThemeNavigationItem.effect-item:hover .ThemeNavigationItemOver{
     -webkit-box-shadow: 0px 0 80px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 0 80px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0 80px rgba(0, 0, 0, 0.15);
}

.ThemeNavigation .ThemeNavigationItem.effect-item:hover .ThemeNavigationInit,
.ThemeNavigation .ThemeNavigationItem.effect-item:hover .ThemeNavigationShoppingCart{
    z-index: 3;
}

.ThemeNavigation .ThemeNavigationShoppingCart{
    display: block;
    text-align: left;
    width: 100%;
    clear: both;
    padding-top: 6px;
}

.ThemeNavigation.type-4 .themenavigation_image,
.ThemeNavigation.type-4 .themenavigation_image a{
    width: 100%;
}

.ThemeNavigation.type-4 .ThemeNavigationItem .product_price_small small{
    text-align: right;
}
.ThemeNavigation.type-4 .shape.left{
    padding-right: 12px;
}
.ThemeNavigation.type-6 .ThemeNavigationShoppingCart{
    width: auto;
}
.ThemeNavigation .ThemeNavigationShoppingCart .productAvailability{
    display: block;
    width: 100%;
    clear: both;
    text-align: right;
    padding-left: 0.5em;
}
.ThemeNavigation .ThemeNavigationShoppingCart .productAvailability.align-center{
    text-align: center;
    padding: 0;
}
.ThemeNavigation .ThemeNavigationShoppingCart .ThemeNavigationShoppingCartData{
    display: table;
    text-align: left;
    width: 100%;
    position: relative;
    z-index: 4;
}
.ThemeNavigation .ThemeNavigationShoppingCart .ThemeNavigationShoppingCartData.align-center{
    text-align: center;
}
.ThemeNavigation .ThemeNavigationShoppingCart .product_price{
    display: table-cell;
    text-align: left;

}
.ThemeNavigation .ThemeNavigationShoppingCart .product_price.align-center,
.ThemeNavigation .ThemeNavigationShoppingCart .product_buy.align-center{
    text-align: center;
}
.ThemeNavigation .ThemeNavigationShoppingCart .product_buy.align-center a, .productDetail .product_buy.align-center a{
    float: none !important;
    margin: 0;

}
.ThemeNavigation .ThemeNavigationShoppingCart .product_price > strong{
    font-size: 120%
}
.ThemeNavigation .product_price_small{
    padding: 0;
    margin: 0;
    margin-top: -0.3em;
}
.ThemeNavigation .product_price_small.block{
    margin: 0;
}

.ThemeNavigation .product_price_small small{
    text-align: left;
    font-size: 80%;
}
.ThemeNavigation .product_price_small small .productSmallPricePrimary{
    padding-left: 0.3em;
}

.ThemeNavigation .ThemeNavigationShoppingCart .product_buy,
.productDetail .product_buy{
    display: table-cell;
    text-align: right;
    line-height: 0;
}
.productDetail .product_buy.formValue{
    min-width: 0;
}
.ThemeNavigation .ThemeNavigationShoppingCart .product_buy input,
.productDetail .product_buy input{
    display: inline-block;
    float: right;
}
.productDetail .product_buy input.left{
    float: left;
}

.ThemeNavigation .ThemeNavigationShoppingCart .product_buy input{
    font-size: 100%;
}
.ThemeNavigation .ThemeNavigationShoppingCart .product_buy input{
    width: 5em;
    margin-top: 0.2em;
}
.TableCell .productDetailBuy .product_buy,
.productDetail .product_buy input{
    width: 5.2em;
}


.productDetail.type-4 .productDetailBuy .product_buy{
    text-align: left;
    width: auto;
}


.productDetail.type-4 .productDetailBuy .product_buy.button{
    width: 100%;
    padding-left: 12px;
}

.ThemeNavigation .ThemeNavigationShoppingCart .product_buy a,
.productDetail .product_buy a{
    display: inline-block;
    cursor: pointer;
    float: right;
    margin-left: 0.5em;
}
.productDetail .product_buy a.left{
    float: left;
}



.ThemeNavigation .ThemeNavigationShoppingCart .product_buy a span,
.productDetail .product_buy a span{
    font-size: 200%;
}

.ThemeNavigation .ThemeNavigationShoppingCart .product_buy span.icon-basket.mirror,
.productDetail .product_buy span.icon-basket.mirror{
    color: #000000;
}

.ThemeNavigation.type-7 .themenavigation_image,
.ThemeNavigation.type-7 .themenavigation_image > a,
.ThemeNavigation.type-7 .themenavigation_image > a span{
    width: 100%;
    background-size: auto;
    background-position: center center;
}
.ThemeNavigation.type-7.effect-transform .effect-item .effect img {
    width: 100% !important;
}
.ThemeNavigation.type-7 .themenavigation_content {
    position: absolute;
    left: 50%;
    top: 50%;
    -ms-transform: translate(-50%,-50%); /* IE 9 */
    -webkit-transform: translate(-50%,-50%); /* Chrome, Safari, Opera */
    -moz-transform: translate(-50%,-50%); /* Firefox */
    -o-transform: translate(-50%,-50%); /* Opera */

    transform: translate(-50%,-50%);
    z-index: 1;
}
.ThemeNavigation.product_navigation.type-7 .themenavigation_content {
    width: 100%;
    padding: 20px;
}
.ThemeNavigation.type-7 .themenavigation_content .themenavigation_title {
    min-height: auto !important;
    max-height: none !important;
}

.ThemeNavigation.type-7 .ThemeNavigationItem .themenavigation_image .image-background:after {
    content: ' ';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.ThemeNavigation.type-7.effect-transform .ThemeNavigationItem .background-contain .image-background:after {
    background-color: transparent;
}
.ThemeNavigation.type-7 .ThemeNavigationItem.effect-item .ThemeNavigationItemOver {
    z-index: 1;
}
.ThemeNavigation.type-7 .ThemeNavigationItem .themenavigation_content,
.ThemeNavigation.type-7 .ThemeNavigationItem .themenavigation_content * {
    cursor: pointer !important;
}
.ThemeNavigation.type-7 .ThemeNavigationItem .themenavigation_content .MainButton a:not([class*=" hvr-"]) {
    display: inline-block;
    animation: none;
    transition: none;
    transform: none;
}
.ThemeNavigation.type-7 .themenavigation_title,
.ThemeNavigation.type-7 .themenavigation_description_value {
    padding: 0;
}
.ThemeNavigation.type-7 .themenavigation_title.position-over_bottom {
    padding-top: 6px;
}
.ThemeNavigation.type-7 .themenavigation_title:not(.position-over_bottom) {
    padding-bottom: 6px;
}

.TableLayout {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
.Table .TableRow.productDetail .TableCell:first-child{
    min-width: 250px;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
    /* fix pre svg pozadie obrazka v obrazkovom mevu pre IE 9,10 a 11 */
    .ThemeNavigation .ThemeNavigationItem .themenavigation_image .image-background{background-size:100%;}
}

/*********************/




/*.ShoppingCartAccessoriesDescription {
    font-size: 11px;
    overflow: hidden;
    padding-bottom: 2px;
    padding-top:10px;
}
.ShoppingCartAccessoriesPrice {
    font-size: 10px;
    overflow: hidden;
    text-align: right;
}
*/

.Path > div{
    display: table;
}
.center .Path > div{
    margin: 0 auto;
}
.Path .PathText,
.Path .PathHome,
.Path .PathSeparator{
    display: table-cell;
    vertical-align: middle;
}
.Path.decoration-check-empty{
   -moz-border-radius: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; border-radius: 0;
   overflow: auto;
}
.Path.decoration-check-empty .PathText{
    -moz-border-radius: 0.5em; -webkit-border-radius: 0.5em; -khtml-border-radius: 0.5em; border-radius: 0.5em;
}
#Search{
    position: relative;
}
.search_result_pos{
    position:absolute;
    margin-top:0px;
    border:1px solid silver;
    background:white;
    z-index:8888;
    display: none;
}
#Search .search_result_pos{
    width: 100%;
    max-width: 300px;
    text-align: left;
}

.search_result_pos .search-item{
    color:#666666;
}
.search_result_pos .search-item:hover {
    color:black;
}
.search-item{
    padding:5px;
    border-bottom:1px solid #eeeeee;
    display: table;
    cursor: pointer;
    width: 100%;
}
.search-item.active{
    background: #eeeeee;
}

.SearchResult .search-item > span{
    display: table-cell;

}
.SearchResult .search-item > span.search-image{
    width: 40px;
    height: 40px;
    vertical-align: middle;
}
.SearchResult .search-item > span.search-data{
    vertical-align: middle;
}
.SearchResult .search-item span.search-basket{
    display: inline-block;
    width: 100%;
    text-align: right;
    font-size: 16px;
    position: relative;
    z-index: 10;
}
.SearchResult .search-item span.search-basket a.icon-basket{
    width: auto;
    background: none;
    font-size: inherit;
    cursor:pointer;
}
.SearchResult .search-item span.search-basket a.icon-basket:hover{
    background: none;
}
.SearchResult .search-item span.search-data{
    padding-left: 5px;
}
.SearchResult .search-item span.search-data .search-title{

   display: inline-block;
   width: 100%;
}
.search-item span.search-data .search-title.minheight{
    min-height: 22px;
}
.search-item:last-child{
    border-bottom: 0;
}
.search-item:hover {
    background-color: #eeeeee;
}
.SearchResult .search-more{
    font-size: 18px;
    text-align: center;
    color: #666666;
}
#SearchNav .search-item .search-data{
    height: 34px;
    font-size: 18px;
}
#SearchNav .SearchResult .search-more{
    font-size: 28px;
    color: #666666;
}
.error-search {
    display: none;
    padding:2px 3px;
    color:silver;
}
.SearchResult{
    display: none;
}
.SearchResult a{
    width: 100%;
    display: block;
}

.ContentHolder{
    margin: 0;
    padding: 0;
}

.SmartContentMirror .BodyData:first-child,
.SmartContentMirror .BodyData:first-child .ContentHolder{
    margin-top: 0;
    padding-top: 0;
    border-top: none !important;
}
.SmartContentMirror .BodyData:last-child,
.SmartContentMirror .BodyData:last-child .ContentHolder{
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none !important;
}

.ContentHolder > div{
    margin: 0;
    padding: 0;
    clear: both;
    width: 100%;
}
.ContentHolder.full-width{
    width: 100%;
    max-width: none;
}
#Logo{
    -webkit-transform: translateZ(0); /* zaplata pre Chrome */
    transform: translateZ(0);
}
#Logo,#LogoHead{
z-index: 9999;
}
#LogoHead{
    display: none;
}
#CPanel{
    display: block;
}
#Copyright{
    display: table;
    width: auto;
}
#Copyright a,
#Copyright a span{
    text-decoration: none;
}
#Copyright > div{
    display: table;
    width: auto;
    text-align: center;
    margin: 0 auto;
}
#Copyright > div > div{
    display: inline-block;
    vertical-align: middle;
}
#Copyright.left > div > div{
    padding-right:5px;
}
#Copyright.right > div > div{
    padding-left:5px;
}
#Copyright.center > div > div{
    padding-right: 5px;
}
#Copyright.center > div > div:last-child{
    padding-right:0;
}
.CopyrightLogo{
    position:relative;
    top:2px;
    margin-right: 2px;
}

#Copyright .customicon-key{
    font-size: 11px;
}
#Copyright .customicon-smartweb{
    font-size: 16px;
}
#Copyright > div .copyright-policy{white-space: nowrap;}
/*.Hyperlink{
    z-index:800;
    position: relative;
}*/

.Hyperlink a{
}
.Table{
    width: 100%;
}
.Table .TableHead,
.Table .TableCell{
    padding: 6px 10px;
}
.Table .productDetailBuy .TableCell{
    padding: 0;
    border: 0 !important;
}

.Table .TableHead{
    font-weight: 600;
}
.Table.style10.first_col.first_row .TableCell, .Table.style3.first_col.first_row .TableRow .TableCell, .Table.style4.first_col.first_row .TableCell, .Table.style4.first_col .TableRow .TableCell:last-child, .Table.style7.first_col .TableRow .TableCell:last-child, .Table.style9.first_col.first_row, .Table.style11.first_col.first_row .TableRow .TableCell{border-right:0;}
.Table.style10.first_col .TableCell, .Table.style3.first_col .TableRow .TableCell, .Table.style4.first_col .TableCell, .Table.style4.first_row .TableRow:last-child .TableCell, .Table.style7.first_row .TableRow:last-child .TableCell, .Table.style9.first_col, .Table.style11.first_col .TableRow .TableCell{border-bottom: 0;}
.Table.style9.first_col{border-top: 0;}
/*table caption{
    display: table-header-group;
}*/

div.Table{
    display: table;
    table-layout: auto;
}
div.Table .TableCaption{
     display: table-caption;
}
div.Table .TableHeaderGroup{
    display: table-header-group;
}
div.Table .TableRow{
    display: table-row;
}
div.Table .TableRow .TableHead,
div.Table .TableRow .TableCell{
    display: table-cell;
    vertical-align: middle;
}
div.Table .TableBodyGroup{
    display: table-row-group;
}
.Table .TableCaption{
    padding-bottom: 0.5em;
    display: table-caption;
}
.Table th.header,
.Table th.tablesorter-header{
    outline-width: 0;
    cursor:pointer;
}
.Table th.tablesorter-header:before{
    font-family: "swdefault";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 140%;
    width: 1em;
    text-align: center;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 80%;
    float: right;
}
.Table th.tablesorter-header.sorter-false:before{content: '';}
.Table th.tablesorter-header.sorter-false{cursor: default;}
.Table input.tablesorter-filter.disabled{display: none;}

.Table th.tablesorter-header:before{
     content: '\e8c8';
}

.Table th.tablesorter-header.headerSortDown:before,
.Table th.tablesorter-header.tablesorter-headerSortDown:before,
.Table th.tablesorter-header.tablesorter-headerDesc:before{
    content: '\e8c9';
}

.Table th.tablesorter-header.headerSortUp:before,
.Table th.tablesorter-header.tablesorter-headerSortUp:before,
.Table th.tablesorter-header.tablesorter-headerAsc:before{
    content: '\e8ca';
}

.Table.first_row tr.tablesorter-filter-row td{padding: 0 10px 6px 10px;}
.Table.first_row tr.tablesorter-filter-row td input.tablesorter-filter{-moz-border-radius: 0;-webkit-border-radius: 0;-khtml-border-radius: 0;border-radius: 0;border:1px solid #dddddd;width: 100%;background-color: #ffffff;}

.Table.style3 .TableHead{
    font-weight: bold;
}

#ImageNews{
    margin:auto;
    position:relative;
    z-index: 0;
}
.ImageNews1{
    width:100%;
    margin-right: 10px;
    background-color: #ffffff;
    float:left;
}
.ImageNews1 #ImageNewsItemCorner1{
    background-image: url(../../images/bg_corner_news_transparent.gif);
    background-position: bottom right;
    background-repeat: no-repeat;
    width:28px;
}
.ImageNews2{
    width:47%;
    *width:45%;
    margin-left: 20px;
    background-color: #ffffff;
    float:left;
}

.ImageNews2 #ImageNewsItemCorner2{
    width:28px;
    background-image: url(../../images/bg_corner_news_transparent.gif);
    background-position: bottom right;
    background-repeat: no-repeat;
}
.ImageNews3{
    width:31%;
    *width:28%;
    margin-left: 20px;
    background-color: #ffffff;
    float:left;
}

.ImageNews3 #ImageNewsItemCorner3{
    width: 28px;
    background-image: url(../../images/bg_corner_news_transparent.gif);
    background-position: bottom right;
    background-repeat: no-repeat;
}

u, .underline {
    text-decoration: underline;
}

/* Paging */
.Paging{
    clear: both;
    width: 100%;
    display: inline-block;
    margin-top: 12px;
    text-align: right;
}
.Paging > div{
    display:inline-block;
}
.Paging .PagingItem{
    color:#333333;
    margin:2px;
    padding: 10px 9px;
    display: block;
    text-align: center;

    float:left;
    font-size: 16px;

    border-width: 2px;
    border-style: solid;

}
.Paging .PagingItem{
    border-color: #999999;
}
.Paging .PagingItem:not(.Inactive):hover,
.Paging .PagingItem.Selected{
    border-color: #ff0000;
}

.Paging .PagingItem.Inactive,
.Paging .PagingItem.Inactive:hover{
    opacity: 0.4;
    cursor: default;
}


#nextPageButton{
    border:1px solid #aaaaaa;
    color: #333333;
    background-color: #eeeeee;
    -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;
    font-size: 12px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
    -webkit-box-shadow: 2px 2px 4px 0px rgba(50, 50, 50, 0.36);
    -moz-box-shadow:    2px 2px 4px 0px rgba(50, 50, 50, 0.36);
    box-shadow:         2px 2px 4px 0px rgba(50, 50, 50, 0.36);
}


.DownloadFile{
clear:both;
white-space:pre;
}
.Tabs{
    margin-bottom: 1em;
    clear: both;
}
.Tabs .tab_titles {
    display: table;
}
.Tabs .tabs_data,
.Tabs .tab_titles{

    width: 100%;
}
.Tabs .tabs_data > div > div {
    display: none;
}
.Tabs .tabs_data > div > div:first-child {
    display: block;
}

.Tabs.effect-swipe .tabs_data {
    visibility: hidden;
    overflow: hidden;
}
.Tabs.effect-swipe .tabs_data > div {
    position: relative;
    overflow: hidden;
}
.Tabs.effect-swipe .tabs_data > div > div {
    position: relative;
    float: left;
}
.Tabs .tab_titles > div{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.Tabs .tab_titles .tab,
.Tabs .tab_titles .tab_selected {
    border-right:1px solid #aaaaaa;
    float:left;
    padding: 0.5em 1em;
    cursor: pointer;
}
.Tabs .tab_titles.type-1 {
    display: table;
}
.Tabs .tab_titles.type-1 a{
    display: -moz-grid;
    display: grid;
    grid-template-columns: auto auto;
}
.Tabs .tab_titles.type-1 a > span {
    align-self: center;
}
.Tabs .tab_titles.type-1 a span.tab-icon{
    font-size: inherit;
    padding-right: 6px;
}
@media all and (min-width: 480px) {
    .Tabs .tab_titles.type-2 > div {
        text-align: center;
        display: -webkit-flex;
        display: flex;
    }

    .Tabs .tab_titles.type-2 {
        display: -webkit-flex;
        display: flex;
    }

    .Tabs .tab_titles.type-2 > div > a {
        display: grid;
        grid-auto-rows: max-content;
        grid-template-rows: auto;
    }

    .Tabs .tab_titles.type-2 a > span {
        clear: both;
        display: block;
    }

    .Tabs .tab_titles.type-2 a > span img {
        float: none !important;
        text-align: center !important;
    }

    .Tabs .tab_titles.type-2 a span.tab-icon {
        font-size: 2em;
        margin: auto;
    }

    .Tabs .tab_titles.type-2 a span.tab-icon.custom {
        font-size: unset !important;
    }
}

.Tabs .tab_titles .tab:hover{
    background-color:#e6e6e6;
}
.Tabs .tab_titles .tab_selected{
    background-color:#cccccc;
    font-weight:bold;
}
.Tabs .tabs_data{
    border-top:1px solid #aaaaaa;
    border-bottom:1px solid #aaaaaa;
    display: block;
    width: 100%;
    position: relative;
}
.Tabs .tab_data {
    padding:1em 0;
    display: block;
    width:100%;
}

.SocialPluginLike,
.SocialPluginLikeDisable{
    background-color: transparent;
    background-repeat: no-repeat;
    width: auto;
    height: auto;
    display: inline-table;
    border: 0;
    position: relative;
}
.SocialPluginLike{
    cursor: pointer;
}
.SocialPluginLikeDisable .SocialLikeButton,
.SocialPluginLike .SocialLikeButton{
text-align: center;
font-size: 22px;
}
.SocialPluginLikeDisable .SocialLikeButton{
    opacity: 0.6;
    -moz-opacity:0.6;
    -khtml-opacity: 0.6;
    filter:alpha(opacity: 60);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}


/* TIPSY */
.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 1.42857143;
    line-break: auto;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    white-space: normal;
    font-size: 12px;
    filter: alpha(opacity=0);
    opacity: 0;
}
.tooltip.in {
    filter: alpha(opacity=90);
    opacity: 0.9;
}
.tooltip.top {
    padding: 5px 0;
    margin-top: -3px;
}
.tooltip.right {
    padding: 0 5px;
    margin-left: 3px;
}
.tooltip.bottom {
    padding: 5px 0;
    margin-top: 3px;
}
.tooltip.left {
    padding: 0 5px;
    margin-left: -3px;
}
.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000;
}
.tooltip.top-left .tooltip-arrow {
    right: 5px;
    bottom: 0;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000;
}
.tooltip.top-right .tooltip-arrow {
    bottom: 0;
    left: 5px;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000;
}
.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #000;
}
.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #000;
}
.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000;
}
.tooltip.bottom-left .tooltip-arrow {
    top: 0;
    right: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000;
}
.tooltip.bottom-right .tooltip-arrow {
    top: 0;
    left: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000;
}
.tooltip-inner {
    max-width: 300px;
    padding: 3px 8px;
    color: #fff;
    text-align: left;
    background-color: #000;
    border-radius: 4px;
}
.tooltip-inner > span {
    width: 100%;
    display: block;
}
.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}
/*.tooltip{
    background: #ffffff;
    border: 1px solid #ddd;
    z-index: 999;

}*/


.formTooltip{
    display: none;
    position: absolute;
    width: inherit;
    background: #ffffff;
    color: #000000;
    border: 1px solid #ddd;
    z-index: 2;
    list-style: none;
    max-height: calc(7em + 28px + 12px);
    padding: 6px 0;
    overflow: auto;
    margin: 0;
}
.formTooltip > li {
    cursor: pointer;
    line-height: 1em;
    padding: 2px 10px;
    margin: 0;
}
.formTooltip > li.active,
.formTooltip > li:hover {
    background-color: #dddddd;
}



figure {margin:0;display: none;}

/*.cart_input,.form_input {border:1px solid silver; text-align: left;}*/
.cart_input{width:40px;}

textarea {
    resize: none;
}
input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}


#password_strength{display: block;width: 100%;clear: both;height:2px;padding:0;margin:0;margin-top:-2px;}
#password_strength.strength0{background-color:#cccccc;width: 0;}
#password_strength.strength1{background-color:#ff0000;max-width: 40px;}
#password_strength.strength2{background-color:#ffCC00;max-width: 80px;}
#password_strength.strength3{background-color:#00dd00;max-width: 120px;}
#password_strength.strength4{background-color:#009900;max-width: 160px;}
#password_strength.strength5{background-color:#006600;max-width: 200px;}

.required{color:red;}
input[type=button]{cursor:pointer;}
input[type="number"]{box-shadow: none;}
.formFile{position:relative;display:block;height:49px;}
.buttonFile{cursor: pointer;
opacity: 0;
-moz-opacity:0;
-khtml-opacity: 0;
filter:alpha(opacity: 0);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
width:1px;height:1px;}
div.fakefile {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    width: 100%;
}
a.buttonIcon{padding:0;margin:0;width: 49px;height: 49px;display:block;cursor: pointer;}

div.fakefile input{
    border:0;
    background: transparent;
    width:100%;
    cursor: hand;
}
.formFile .buttonIcon{background:url(../../images/icon_clip.png) right center no-repeat;}

.formTrLast td{padding:0;margin:0;height:0;}
/*.formDiv input, .formDiv select{padding:0;margin:0;}*/

/*** Tooltipster ***/
a.tooltipster{cursor: pointer;}
/* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */
.tooltipster-default {
    border-radius: 5px;
    border: 2px solid #000;
    background: #4c4c4c;
    color: #fff;
}
/* Use this next selector to style things like font-size and line-height: */
.tooltipster-default .tooltipster-content {
    font-family: Arial, sans-serif;
    font-size: 14px;
    line-height: 16px;
    padding: 8px 10px;
    overflow: hidden;
}

/* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */
.tooltipster-default .tooltipster-arrow .tooltipster-arrow-border {
    /* border-color: ... !important; */
}

/* If you're using the icon option, use this next selector to style them */
.tooltipster-icon {
    cursor: help;
    margin-left: 4px;
}

/* This is the base styling required to make all Tooltipsters work */
.tooltipster-base {
    padding: 0;
    font-size: 0;
    line-height: 0;
    position: absolute;
    z-index: 9999999;
    pointer-events: none;
    width: auto;
    overflow: visible;
}
.tooltipster-base .tooltipster-content {
    overflow: hidden;
}


/* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */
.tooltipster-arrow {
    display: block;
    text-align: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
.tooltipster-arrow span, .tooltipster-arrow-border {
    display: block;
    width: 0;
    height: 0;
    position: absolute;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {
    border-left: 8px solid transparent !important;
    border-right: 8px solid transparent !important;
    border-top: 8px solid;
    bottom: -8px;
}
.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {
    border-left: 9px solid transparent !important;
    border-right: 9px solid transparent !important;
    border-top: 9px solid;
    bottom: -8px;
}

.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {
    border-left: 8px solid transparent !important;
    border-right: 8px solid transparent !important;
    border-bottom: 8px solid;
    top: -8px;
}
.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
    border-left: 9px solid transparent !important;
    border-right: 9px solid transparent !important;
    border-bottom: 9px solid;
    top: -8px;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {
    left: 0;
    right: 0;
    margin: 0 auto;
}
.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span {
    left: 6px;
}
.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
    left: 5px;
}
.tooltipster-arrow-top-right span,  .tooltipster-arrow-bottom-right span {
    right: 6px;
}
.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
    right: 5px;
}
.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {
    border-top: 8px solid transparent !important;
    border-bottom: 8px solid transparent !important;
    border-left: 8px solid;
    top: 50%;
    margin-top: -7px;
    right: -8px;
}
.tooltipster-arrow-left .tooltipster-arrow-border {
    border-top: 9px solid transparent !important;
    border-bottom: 9px solid transparent !important;
    border-left: 9px solid;
    margin-top: -8px;
}
.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {
    border-top: 8px solid transparent !important;
    border-bottom: 8px solid transparent !important;
    border-right: 8px solid;
    top: 50%;
    margin-top: -7px;
    left: -8px;
}
.tooltipster-arrow-right .tooltipster-arrow-border {
    border-top: 9px solid transparent !important;
    border-bottom: 9px solid transparent !important;
    border-right: 9px solid;
    margin-top: -8px;
}


/* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */

.tooltipster-fade {
    opacity: 0;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    -ms-transition-property: opacity;
    transition-property: opacity;
}
.tooltipster-fade-show {
    opacity: 1;
}

.tooltipster-grow {
    -webkit-transform: scale(0,0);
    -moz-transform: scale(0,0);
    -o-transform: scale(0,0);
    -ms-transform: scale(0,0);
    transform: scale(0,0);
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-backface-visibility: hidden;
}
.tooltipster-grow-show {
    -webkit-transform: scale(1,1);
    -moz-transform: scale(1,1);
    -o-transform: scale(1,1);
    -ms-transform: scale(1,1);
    transform: scale(1,1);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}

.tooltipster-swing {
    opacity: 0;
    -webkit-transform: rotateZ(4deg);
    -moz-transform: rotateZ(4deg);
    -o-transform: rotateZ(4deg);
    -ms-transform: rotateZ(4deg);
    transform: rotateZ(4deg);
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
}
.tooltipster-swing-show {
    opacity: 1;
    -webkit-transform: rotateZ(0deg);
    -moz-transform: rotateZ(0deg);
    -o-transform: rotateZ(0deg);
    -ms-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
    -webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1);
    -webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
    -moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
    -ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
    -o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
    transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
}

.tooltipster-fall {
    top: 0;
    -webkit-transition-property: top;
    -moz-transition-property: top;
    -o-transition-property: top;
    -ms-transition-property: top;
    transition-property: top;
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}
.tooltipster-fall-show {
}
.tooltipster-fall.tooltipster-dying {
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    -ms-transition-property: all;
    transition-property: all;
    top: 0px !important;
    opacity: 0;
}

.tooltipster-slide {
    left: -40px;
    -webkit-transition-property: left;
    -moz-transition-property: left;
    -o-transition-property: left;
    -ms-transition-property: left;
    transition-property: left;
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}
.tooltipster-slide.tooltipster-slide-show {
}
.tooltipster-slide.tooltipster-dying {
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    -ms-transition-property: all;
    transition-property: all;
    left: 0px !important;
    opacity: 0;
}


/* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */
.tooltipster-content-changing {
    opacity: 0.5;
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}

.navButtons{position: fixed;width:100%;bottom: 30px;text-align: center;z-index: 999;}
.navButtons div{background: #afafaf; padding:15px;opacity:1;width:300px;display: inline-block;text-align: center;
     -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#afafaf), to(#6f6f6f));
    background: -webkit-linear-gradient(top, #afafaf, #6f6f6f);
    background: -moz-linear-gradient(top, #afafaf, #6f6f6f);
    background: -ms-linear-gradient(top, #afafaf, #6f6f6f);
    background: -o-linear-gradient(top, #afafaf, #6f6f6f);

}
.navButtons span{cursor: pointer;}
.navButtons span.previous{background: url(../../../system/images/back.png);width:43px;height:42px;display: block;float:left;}
.navButtons span.next{margin-left: 27px;background: url(../../../system/images/next.png);width:43px;height:42px;display: block;float:left;}
.navButtons span.counter{background-color:#fffcad;width:95px;height:42px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
    display: block;
    float: left;
    cursor:default;
    margin-left: 24px;
    font-size: 24px;
    line-height: 42px;
    text-align: center;
    overflow: hidden;
}
.navButtons span.close{background: url(../../../system/images/close.png);width:43px;height:42px;display: block;float:right;}

.dynamicMenu{display: inline-block;}

.highlight {
    background-color: #fff34d;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7);
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7);
    padding:1px 4px;
    margin:0 -4px;
}
.FloatingContent.absolute.right{
    right: 0;
}
.FloatingContent.absolute.left{
    left: 0;
}
.FloatingContent.fixed,
.FloatingContent.fixed section,
.FloatingContent.fixed .Data {
    width: auto;
}

.FloatingContent.placement-head-before.absolute{
    z-index: -1;
}
/*** ESHOP ****/
#Work{
    display:none;
    position:absolute;
    z-index:999999;
}

#productsList{min-height: 126px;}
#productsList .productTitle{font-size:14px;font-weight: normal;height: 34px;overflow: hidden;}
#productsList .productTitle:hover{text-decoration: underline;}
#productsList .productSubTitle{font-size:12px;font-weight: normal;height: 42px;overflow: hidden;width: 100%;text-align: justify;}
#productsList .productTitle span {font-size:10px;clear: both;display: table;width: 100%;}
#productsList .productShopping{margin-top:10px;}
#productsList .availability{margin-top: 10px;}
#productsList .productSmall{/*padding-bottom:10px;margin-bottom:10px;*/border-bottom:1px solid #cccccc;position: relative;}
#productsList .productItem{display: inline-block;padding-bottom: 10px;}
#productsList .productSmall .discount{position: absolute;margin-top:-115px;font-size:16px;font-weight: bold;padding:3px;background-color: rgba(255,255,255,0.9);right:5px;color:#000000;}
#productsList .price .right{text-align: right;}
#productsList .price .left{text-align: left;}
#productsList .price{clear:both;display: table;width: 100%;border: 0;padding: 0;}
#productsList .price .left,
#productsList .price .right{float: none;display: table-cell;}
#productsList .price .right > *{white-space: nowrap;}
#productsList .buy .icon-basket {font-size: 20px;}
.product_price_name{white-space: normal;}
/* Efekty a animacie pre maly detial produktu */

/* Tien */
#productsList.shadow .productSmall:hover{
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    margin-left: -10px;
    padding-left: 10px;
    background: white;
    -moz-box-shadow: 0 0 80px rgba(0,0,0,0.15);
    -webkit-box-shadow:  0 0 80px rgba(0,0,0,0.15);
    box-shadow:  0 0 80px rgba(0,0,0,0.15);
    z-index: 110;
    border-bottom: 0;
    margin-bottom: 1px;
}

#productsList.animated  .productSmall .productShopping{
    background-color: #ffffff;
    background-color: rgba(255,255,255,1);
}
#productsList.animated .productItem{
overflow: hidden;
position: relative;
}

#productsList.animated .productSmall .productShopping{
    z-index: 111;
}
#productsList.animated .productSmall .productShopping{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#productsList.animated.opacity  .productSmall .productShopping{
    background-color: #ffffff;
    background-color: rgba(255,255,255,0.9);
}

/* Animacia vysun zo spodu*/
#productsList.animated.effect-moveInUp .productSmall .productShopping{
    bottom: -200px;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all  0.4s ease-in-out;
    -webkit-transition: all  0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
#productsList.animated.effect-moveInUp .productSmall:hover .productShopping{
    bottom:0;
}


/* Animacia Fade */
#productsList.animated.effect-fadeIn .productSmall .productShopping{
    opacity: 0;
    -moz-transition: opacity 0.4s ease-in-out;
    -o-transition: opacity 0.4s ease-in-out;
    -webkit-transition: opacity 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out;
}
#productsList.animated.effect-fadeIn .productSmall:hover .productShopping{
    opacity: 1;
}


/* KONIEC Efekty a animacie pre maly detial produktu */
#SmartFilter {
    display: table;
    width: 100%;
}

#SmartFilterMobile{
    margin: 0 auto;
    text-align: left;
    display: none;
    margin-top: 6px;
    margin-bottom: 6px;
}
#SmartFilterMobile > h4{
    font-size: 16px;
    background-color: #333333;
    color: #ffffff;
    padding: 5px;
    cursor: pointer;
    font-weight: normal;
    line-height: 100%;
}
#SmartFilterMobile .SmartFilterMobileData{
    display: block !important;
    padding-left: 5px;
    padding-right: 5px;
}
#SmartFilterMobile .SmartFilterForm > .smartAttributesGroup,
#SmartFilterMobile .SmartFilterForm > .clear,
#SmartFilterMobile .SmartFilterForm > .attribute{
    display: none;
}
#SmartFilterMobile .SmartFilterForm > div{
    display: table;
    width: 100%;
}
#SmartFilterMobile .SmartFilterForm .smartAttributes .size{
    width: 100% !important;
    max-width: none !important;
}
#SmartFilterMobile .SmartFilterForm .smartAttributes .size.image.left{
    width: auto !important;
}
#SmartFilterMobile small.mobile-filter-count{
    width: auto;
    position: absolute;
    font-size: 10px;
    margin-left: 4px;
    background: red;
    text-align: center;
    color: white;
    padding: 0 3px 0 3px;
    line-height: normal;
}

.SmartFilterForm{clear: both;display: table;width: 100%;}
.SmartFilterForm .attribute, .SmartFilterForm .smartAttributesGroup{display: block;float: left;/*padding-right: 10px;*/-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.SmartFilterForm .attribute.last{margin-right: 0;}

.SmartFilterForm .attribute{border-bottom: 1px solid #CCCCCC;padding-bottom: 5px;}

.SmartFilterForm .smartAttributes h4,
.SmartFilterForm .smartAttributesGroup h4 {
    font-family: "Arial", "Helvetica", sans-serif;
    font-weight: normal;
    color: #666666;
    cursor: pointer;
    margin-bottom: 5px;
    margin-top: 10px;
    overflow: hidden;
    text-transform: uppercase;
    float:left;
    width: 100%;
    line-height: 100%;
}
.SmartFilterForm .smartAttributesGroup h4{
    display: block;
}
.SmartFilterForm .smartAttributes h4{
    display: flex;
}

.SmartFilterForm .smartAttributesGroup .smartAttributes{
    padding: 0 1px;
}

.SmartFilterForm .smartAttributesGroup .attribute{
    width: 100%;
    padding-right: 0;
}
.SmartFilterForm .smartAttributes h5{
    font-family: "Arial", "Helvetica", sans-serif;
    font-weight: normal;
    color: #666666;
    display: block;
    margin-bottom: 5px;

    overflow: hidden;
    text-transform:capitalize;
    width: 100%;
    font-size: 12px;
    background: #e0e0e0;
    padding: 5px;
    line-height: 100%;
    cursor: pointer;
}
/*.SmartFilterForm .smartAttributes h5:before{
    content: ' ';
    font-family: 'swdefault' !important;
    width: 1em;
    display: inline-block;
}*/
.SmartFilterForm .smartAttributes.group .attrs{
    margin-left: 5px;
}
.SmartFilterForm .smartAttributes .inputsmartfilter {
border: 1px solid #AAAAAA;
height: 11px;
padding: 1px;
width: 11px;
}
.SmartFilterForm .smartAttributes .attrs{
    width:100%;
    max-height:220px;
    display:inline-block;
    overflow:hidden;

}
.SmartFilterForm .smartAttributes .attrs.absolute{
    left: -20000em;
    top: -20000em;
}
.SmartFilterForm .smartAttributes .attrs:hover{
    overflow-y: auto;
}

.SmartFilterForm .smartAttributes .attrs::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
    padding: 0;
}
.SmartFilterForm .smartAttributes .attrs::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}

.SmartFilterForm .smartAttributes .size{
    color: #666666;
    font-size: 11px;
    padding: 0px;
    float:left;
    /*white-space:nowrap;*/
    overflow: hidden;
    width: 100%;
    display: inline-block;
}

.SmartFilterForm .smartAttributes .size > table tr:after{
    content: ' ';
    display: table-cell;
    width: 10px;
}
.SmartFilterForm .smartAttributes .size.image.left{
    width: auto;

    padding:0;
    margin-right: 5px;
    margin-bottom: 5px;
}

.SmartFilterForm .smartAttributes .size label {
    cursor: pointer;
    text-transform: lowercase;
}
.SmartFilterForm .smartAttributes .size.image label{
    position: relative;
}
.SmartFilterForm .smartAttributes .size.image label img{
    position: absolute;
    left: 50%;
    top: 50%;
    -ms-transform: translate(-50%,-50%); /* IE 9 */
    -webkit-transform: translate(-50%,-50%); /* Chrome, Safari, Opera */
    -moz-transform: translate(-50%,-50%); /* Firefox */
    -o-transform: translate(-50%,-50%); /* Opera */
    transform: translate(-50%,-50%);
}
.SmartFilterForm .smartAttributes table{margin:0;}
.SmartFilterForm .smartAttributes .size td{vertical-align: middle;}

.SmartFilterForm a.showAll{color: #999999;clear: both;font-size: 10px;right:0;cursor: pointer;margin-left: 5px;display: block;}
.SmartFilterForm a.showAll:hover{color: #000000;text-decoration: underline;}

#SmartFilterMobile .SmartFilterActive,
#SmartFilterContent .SmartFilterActive{
    font-size: 14px;
    padding: 1em 0.5em 0.5em 0.5em;
    background: #e0e0e0;
    width: 100%;
}
#SmartFilterContent .SmartFilterActive{
    display: inline-block;
}

#SmartFilterMobile .SmartFilterActive .SmartFilterActiveName,
#SmartFilterContent .SmartFilterActive .SmartFilterActiveName{
    padding-bottom: 0.5em;
    display: block;
    clear: both;
}
.SmartFilterActive .SmartFilterActiveName{
    font-weight: bold;
    padding-right: 1em;
}
.SmartFilterActive .icon{
    color: #ff0000;
    padding-right: 3px;
}
#SmartFilterMobile .SmartFilterActive .SmartFilterRemove,
#SmartFilterContent .SmartFilterActive .SmartFilterRemove{
    display: inline-block;
    color: black;
    white-space: nowrap;
    padding-right: 1em;
    padding-bottom: 0.5em;
}
#SmartFilterContent .SmartFilterActive .SmartFilterActiveGroup{
    display: block;
    margin-bottom: 0.5em;
    width: auto;
    float: left;
}
#SmartFilterMobile .SmartFilterActive .SmartFilterActiveGroup{
    display: block;
    margin-bottom: 0.5em;
    clear: both;
    border-bottom: 1px solid #aaa;
}
#SmartFilterMobile .SmartFilterActive .SmartFilterActiveGroup:last-child{
    border: none;
}

#SmartFilterMobile .FilterSubmit.mobile{
    display: block !important;
    position: fixed;
    bottom: 0;
    border-bottom: none;
    border-left: none;
    border-right: none;
    width: 100%;
    margin: 0;
    font-weight: 400;
    padding: 10px 6px;
    z-index: 999;
    left: 0;
    border-radius: 0;
    background-color: #C0C0C0;
}
/*
.SmartFilterForm .smartAttributes #amount{border:0;color:#f6931f;float:left; font-weight:bold;width:80px;margin-left:10px;margin-top:9px;background: none;}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br{border-bottom-right-radius:0;}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl{border-bottom-left-radius: 0;}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr{border-top-right-radius:0;}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl{border-top-left-radius:0;}

.SmartFilterForm .slider{width:100%;padding-left:10px;padding-right:10px;display:block;position:relative;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
.SmartFilterForm .sliderAttrs{width:100%;height:15px;}
.SmartFilterForm .ui-slider .ui-slider-handle{
background-image:url(../../../system/images/slider2.png);
background-position: center center;
background-repeat: no-repeat;
border: none;
background-color: transparent;
width: 25px;
height: 25px;
}
.SmartFilterForm .ui-slider-horizontal .ui-slider-handle{
margin-left: -12px;
}
.SmartFilterForm .ui-slider .ui-slider-handle{
margin-top: -10px;

}
.SmartFilterForm .ui-widget-content{border:0;}
.SmartFilterForm #slider{margin-top:2px;width:100%;z-index:999;position:absolute;background: #aaaaaa;height:1px;}
*/
.SmartFilterForm .size0{padding-top: 8px;}

.SmartFilterForm .smartAttributes .labelsmartfilterimage{
    width: 20px !important;
    height: 20px !important;
    border: 1px solid #d3d3d3;
}
.SmartFilterForm .smartAttributes .labelsmartfilterimage.active{
    border: 1px solid #000000;
}
.SmartFilterForm .smartAttributes .labelsmartfilterimage.active img{
    padding: 0;
}
.SmartFilterForm .smartAttributes .labelsmartfilterimage.active:before{
    font-family: "swdefault";
    content: "\E8CB";
    font-size: 6px;
    position: absolute;
    bottom: -1px;
    right: -1px;
    color: #fff;
    z-index: 2;
    width: 8px;
    height: 8px;
    background: rgba(0,0,0,1);
    padding-left: 3px;
    padding-top: 2px;


}
a.disableAllFilters{
    cursor: pointer;
    font-family: Arial, Helvetica, sans-serif;
    color: #333333;
    text-decoration: none;
    font-size: 12px;
    display: block;
    margin-top: 5px;
}
a.disableAllFilters span{
    padding: 0;
    color: #dd0000;
}
.countFilters{display: none;margin-top: 5px;}
.filter-title,
.filter-count{
    color: #333333;
    text-decoration: none;
}

.orderby{margin-top: 5px;display: block;width:120px;}


.content_group{
    display: table;
    width:100%;
    float: left;
    position: relative;
    z-index:101;
    /*overflow: hidden;*/
}

.content_group.right{
    float: right;
}
.content_group.center{
    float: none;
}
.content_group.viewport{
    position: static;
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
}
.content_group .GroupData{
    display: table;
    width: 100%;
    height: 100%;
    table-layout: fixed;
}
.content_group .GroupData.fixed{
    top:0;
    left:0;
    z-index:-1;
}
/* .content_group.viewport > .GroupData{width: inherit;} */

.content_group .GroupData .GroupDataItem{
    display: table-cell;
    vertical-align: top;
}
.content_group .GroupData .GroupDataItem.vertical-middle section > .content_section,
.content_group .GroupData .GroupDataItem.vertical-middle .Data > .content_section,
.content_group .GroupData .GroupDataItem.vertical-middle{
    vertical-align: middle;
}
.content_group .GroupData .GroupDataItem.vertical-bottom section > .content_section,
.content_group .GroupData .GroupDataItem.vertical-bottom .Data > .content_section,
.content_group .GroupData .GroupDataItem.vertical-bottom{
    vertical-align: bottom;
}
.content_group .GroupData,
.content_group .GroupData > div{
    padding: 0;
}

.content_group .GroupData .GroupDataItem{
    position: relative;
}

.content_group.verticalautosize,
.content_group.verticalautosize .GroupData.relative{
float:none;
height: 100% !important;
display: table;
}

.content_group.viewport.contentfull .Image *,
.content_group.viewport.contentfull .Hyperlink *,
.content_group.viewport.contentfull .GalleryImage *,
.content_group.viewport.contentfull .themenavigation_image,
.content_group.viewport.contentfull .themenavigation_image a,
.content_group.viewport.contentfull .image-background{
    width:100%;
}

.ViewportData > section > .content_section.position-0{
    display: -webkit-flex; /* Safari */
    -webkit-flex-wrap: wrap; /* Safari 6.1+ */
    display: flex;
    flex-wrap: wrap;
    max-width: none !important;
}
.ViewportData > section > .content_section{
    width: auto !important;
}

/* Decorations */
.decoration-roundcorners{
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
}
.decoration-bg3{
    box-shadow: inset 0px 0px 10px #C0C0C0;
}
.decoration-bg4{
    box-shadow: 0px 0px 10px #999999;
}

a.attributeChange{cursor: pointer;}
.productDetail .GroupData > .GroupDataItem > div{padding: 0 !important;}
#productDetail .discount{width:auto;display:block;font-size:16px;font-weight: bold;padding:3px;background-color: rgba(255,255,255,0.9);color:#000000;text-align: center;margin:0 auto;float:right;}
#productDetail .discount span{width: auto;}
#productDetail.layout_default .content_group ul li{padding-top: 0;padding-bottom: 0;}
#productDetail .attributeChange{display: inline-block;position: relative;text-align: center;}
#productDetail .attributeChange span.title{position:absolute;bottom:6px;left:0;text-align:center;width:100%;padding-right: 6px;box-sizing:border-box;-moz-box-sizing:border-box;}
#productDetail .attributeChange span.title small{width:100%;display: block;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";filter: alpha(opacity=60); -moz-opacity: 0.6; -moz-opacity: 0.6;opacity: 0.6;background-color: #d6d6d6;font-size:10px;}
#productDetail .attributeChange span.icon-zoom-in{position:absolute;z-index:1;left:0;font-size:16px;display:none;}
#productDetail .attributeChange:hover span.icon-zoom-in{display: block;}

#productDetail .attributeChange img{border:1px solid #d6d6d6;display: inline-block;}
#productDetail .attributeChange.noBorder img{border:0;}
#productDetail .div_table table tr td small{font-size:10px;}
span.checked{
display: block;
margin-left: 10px;
margin-top: -20px;
position: absolute;
background: transparent url(../../images/check_red.png) 0 0 no-repeat;
width:73px;
height:73px;
}
.disableAttribute {
    position:absolute;padding-bottom:19px;left:0;width:100%;padding-right: 6px;box-sizing:border-box;-moz-box-sizing:border-box;height: 100%;
}
.disableAttribute small{
background: transparent url(../../images/x_disable.png) center center no-repeat;
cursor: pointer;
display: inline-block;
width: 100%;
height:100%;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";filter: alpha(opacity=50); -moz-opacity: 0.5; -moz-opacity: 0.5;opacity: 0.5;background-color: #666666;
}

#productDetail .formValue,
.productDetail .formValue{width:100%;margin:0;padding:0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing: border-box;}
#productDetail .formSelect, #productDetail .formSelect .selectAttr{width:100%;}
/*#productDetail .formSelect select{padding-right: 25px;}*/
#productDetail .formInput{width: 50px;}
#productDetail .formButton{display: inline-block;}
#productDetail .sendButton{cursor:pointer; *cursor:hand;margin-left:20px;}
#productDetail .buy a{cursor:pointer; *cursor:hand;/*margin-left:20px;*/}
#productDetail .buy .formValue{padding-right: 0;}

.formValue .formSelect select{
    padding-right: 1.2em;
    padding-right: 0\0/; /* only for IE 8 and IE 9 */
    width: 100%;
    cursor: pointer;
}
.formValue .formSelect select.size-more{
    padding-right: 0;
    background:none;
}
.formFields fieldset,
.formValue .formInput,
.formValue .formSelect,
.formValue .formTextarea,
.formValue .formRadio.border{
    padding: 6px 10px;
}

.formValue .formSelectMulti .formSelect {
    display: table;
    width: 100%;
}

.formValue .formSelectMulti .formSelectItems {
    display: grid;
    grid-template-rows: auto;
    left: 0;
    z-index: 1;
    background: white;
    width: 100%;
    padding: 6px;
    margin-top: -1px;
    max-height: calc(9px + 9.6em);
    overflow: auto;
}

.formValue .formSelectMulti .formCheckboxItem{
    line-height: 1.2em;
    height: 1.2em;
    padding: 0;
    margin: 0;
}
.formValue .formSelectMulti .formCheckboxItem * {
    display: block;
    line-height: 1em;
    padding: 0;
    margin: 0;
}
.formValue .formSelectMulti .formSelectInput {
    display: table;
    width: 100%;
    min-height: 1em;
    padding-top: 1px;
    padding-bottom: 1px;

    cursor: pointer;
    ppearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    text-indent: 0.01px;
    text-overflow: "";
    background: url(../../images/selectarrow.svg) right center no-repeat;
    background-size: 18px 18px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding-right: 1em;
}
.formValue .formSelectMulti.size-more .formSelectInput {
    background: none;
}
.formValue .formSelectMulti .formSelectInput .formSelectInputLabel{
    display: inline-block;
    color: var(--placeholder-color);
}

.formValue  .formSelectMulti .formSelectInput .formSelectInputValue {
    display: inline-block;
    float: left;
    margin-right: 10px;
}

.formValue  .formSelectMulti .formSelectInput .formSelectInputValue span.red-icon-delete {
    font-size: 80%;
    padding-left: 2px;
}
del{
    text-decoration: none;
    font-style: normal;
    text-decoration: none;
    width: auto;
    overflow: hidden;
    position: relative;
}
del:after{
    content: '';
    background-color: red;
    height: 1px;
    width: 100%;
    display: block;
    -webkit-transform: rotate(-12deg);
    -moz-transform: rotate(-12deg);
    -o-transform: rotate(-12deg);
    -ms-transform: rotate(-12deg);
    transform: rotate(-12deg);
    position: absolute;
    left: 0;
    bottom:50%;
}



div.error{
    margin-top:12px;
    padding-left: 5px;
}
.image-loader{
    width:100%;
    height:100%;
    min-height:200px;
    display: block;
    position: relative;
}
#loader{
    width: 100%;
}
.formButton .sendButton{cursor: pointer;}
.formButton button.sendButtonImage {
    cursor: pointer;
    border: 0;
    background: none;
    padding: 0;
    margin: 0;
}

#faAdresa,
#dodaciaFirma,
#dodaciaPlatca,
#fakturacnaPlatca,
#fakturacnaFirma{
    display: none;
}
#dodaciaPlatca,
#fakturacnaPlatca{
    margin-bottom: 35px;
    clear: both;
}

#faAdresa{
    margin-top: 10px;
}

.CheckInaFakturacna{
    height: 35px;
    line-height: 20px;
    display: block;
}

.button-login, .button-logout{cursor: pointer;display: inline-block;}

.signs{
    text-align: left;
}
.signs .image{
    position: absolute;
    z-index: 101;
    background-color: transparent;
    padding: 0;
    top:3px;
    left: 0;
    display: block;
    width: 100%;
}

.signs .image img{
    max-width: 50px;
    max-height: 50px;
    margin-left: 3px;
}

.ThemeNavigation.effect-zoomin .ThemeNavigationItem.effect-item:hover .themenavigation_image .effect .signs img{
   transform: none;
    -moz-transform: none;
    -webkit-transform: none;
    -o-transform: none;
    -ms-transform: none;
}
.Image .signs .image,
.GalleryImage .signs .image{
    /*top: -10px;*/
}
.GalleryImage .signs .image{
    text-align: right;
}
.signs .rotate45{
    position: absolute;
    z-index: 101;
    background-color: rgba(200,0,0,.9);
    padding: 0.1em 0;
    text-align: center;
    color: #ffffff;
    border: 0;
    font-size: 14px;
}

.signs .rotate45.label-0{
    top: 20px;
    right: -69px;
    width: 200px;
}
.signs .rotate45.label-1{
    top: 10px;
    right: -82px;
    width: 300px;
    padding-left: 66px;
}
.signs .rotate45.label-2{
    top: 10px;
    right: -155px;
    width: 500px;
    padding-left: 104px;
}

/*.product_navigation .signs .rotate45.label-0{
    top:4px;
    padding-left: 48px;
}
.product_navigation .signs .rotate45.label-1{
    width:270px;
    padding-left: 70px;
}
.product_navigation .signs .rotate45.label-2{
    width:470px;
    padding-left: 108px;
}*/

/*#stickyDiv > .left{clear: both;}*/

div[class^='Banner_']{overflow: hidden;}


.right #Login.absolute{transform: translateX(-100%);}

#Login a{cursor: pointer;}
#Login.center{
    display: table;
    position: static;
}
/*#login_form a{font-size: 11px;text-decoration: underline;color: #000000;margin-right: 10px;cursor: pointer;}
#login_form .formButton{float:right;margin-left: 10px;}*/
a.userName span{font-size: 11px;text-decoration: underline;color: #000000;}
#Form_user_forgot,
#Form_user_login{
    width: 100%;
    max-width: 500px;
}
#Form_user_login .formFields > .formField,
#Form_user_forgot .formFields > .formField{
    margin-bottom:0;
}
#Form_member_photo{
    width: 100%;
    max-width: 620px;
    display: none;
}
#user_register{
    padding-right: 1em;
}

#Login .user_fullname span.icon-user{margin-right:6px;font-size: inherit;}



input.buttonBlue,
input.buttonGreen{
    border: 0;
    padding: 10px 20px !important;
    min-width: 200px;
    font-size: 18px !important;
    border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    -webkit-border-radius: 10px !important;
    font-weight: normal;
}

input.buttonBlue{
    color: #ffffff !important;
    border:2px outset #16a9e9 !important;
    background-color: #2c83ff;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE4YjBmNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM4JSIgc3RvcC1jb2xvcj0iIzJjODNmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top,  #18b0f4 0%, #2c83ff 38%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#18b0f4), color-stop(38%,#2c83ff));
    background: -webkit-linear-gradient(top,  #18b0f4 0%,#2c83ff 38%);
    background: -o-linear-gradient(top,  #18b0f4 0%,#2c83ff 38%);
    background: -ms-linear-gradient(top,  #18b0f4 0%,#2c83ff 38%);
    background: linear-gradient(to bottom,  #18b0f4 0%,#2c83ff 38%);
    filter: none;

}
input.buttonBlue:hover{
    background-color: #5dc8f4 !important;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzVkYzhmNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM4JSIgc3RvcC1jb2xvcj0iIzUwYTFmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top,  #5dc8f4 0%, #50a1ff 38%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5dc8f4), color-stop(38%,#50a1ff));
    background: -webkit-linear-gradient(top,  #5dc8f4 0%,#50a1ff 38%);
    background: -o-linear-gradient(top,  #5dc8f4 0%,#50a1ff 38%);
    background: -ms-linear-gradient(top,  #5dc8f4 0%,#50a1ff 38%);
    background: linear-gradient(to bottom,  #5dc8f4 0%,#50a1ff 38%);
    filter: none;
}
input.buttonGreen{
    color: #ffffff !important;
    border:3px outset #93e741 !important;
    background-color: #70cd23;
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzkzZTc0MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM2JSIgc3RvcC1jb2xvcj0iIzcwY2QyMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top,  #93e741 0%, #70cd23 36%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#93e741), color-stop(36%,#70cd23)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #93e741 0%,#70cd23 36%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #93e741 0%,#70cd23 36%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #93e741 0%,#70cd23 36%); /* IE10+ */
    background: linear-gradient(to bottom,  #93e741 0%,#70cd23 36%); /* W3C */
    filter: none; /* IE9 */
}
input.buttonGreen:hover{
    background-color: #b5ee44; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2I1ZWU0NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM2JSIgc3RvcC1jb2xvcj0iIzlhZGEyOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top, #b5ee44 0%, #9ada28 36%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b5ee44), color-stop(36%,#9ada28)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #b5ee44 0%,#9ada28 36%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #b5ee44 0%,#9ada28 36%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #b5ee44 0%,#9ada28 36%); /* IE10+ */
    background: linear-gradient(to bottom, #b5ee44 0%,#9ada28 36%); /* W3C */
    filter: none; /* IE9 */

}

table.orderTable tr:nth-child(odd){background-color:#eeeeee;}
table.orderTable tr:nth-child(1){background-color: #999999;color:#ffffff;}

small.memberGroupDescripton{clear:both;font-size:12px;}

/* NEWS */
#News .SubTitleNews{padding-bottom: 0.3em;}
#NewsPerex {display:inline-block;width:100%;margin-top: 1em;margin-bottom: 1em;}
.NewsLeft{display: table;width: 100%;table-layout: fixed;position: relative;}
.NewsLeft .NewsItemRow{display: table-row;position: relative;width: 100%;padding:0;margin:0;}
.NewsLeft .NewsItemRow .NewsItemPreviews{box-sizing: border-box; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;padding-bottom: 10px;display: table-cell;vertical-align: top;}
.NewsLeft .NewsItemRow:last-child .NewsItemPreviews.NewsItem2{padding-bottom: 0;}

.NewsLeft p.PerexText{padding: 0;margin:0;}
.NewsLeft .PerexText{text-align: justify;display: block;}
.NewsLeft .PerexText .author,
.NewsLeft .PerexText .date{
    width: 100%;
    text-align: right;
    display: block;
}
.NewsLeft .PerexText .date_author{
    display: block;
    padding-top: 5px;
}
.NewsLeft.NewsPreviewsThumb{
    display: block;
}
/* NEWS Item Lighlight */
.NewsLeft .NewsItemLighlight{display: inline-block;}
.NewsLeft .NewsItemLighlight > div{width:100%;display: inline-block;box-sizing: border-box; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;}

/* NEWS Item 1 */
.NewsLeft .NewsItem1{cursor: pointer;box-sizing: border-box; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;}


/* NEWS Item 2 */
.NewsLeft.NewsSpacingTimeLine{padding-top: 1em;padding-bottom: 1em;}
.NewsLeft .NewsItem2{width:50%;}

.NewsLeft .NewsItem2 > div{box-sizing: border-box; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;cursor: pointer;}
.NewsLeft .NewsItem2.odd{padding-right: 10px;}
.NewsLeft .NewsItem2.even{padding-left: 10px;}
.NewsLeft .NewsItem2.even > div{
    margin-top: 30px;
}
.NewsLeft .NewsItemRow.TimeLine:after{
    content: '';
    position: absolute;
    top:0;
    bottom: 0;
    z-index: 1;
    left: 50%;
    border-right-width: 1px;
    border-right-style: solid;
}

.NewsLeft .NewsItemRow.TimeLine .NewsItemPreviewsDate{width:100%;box-sizing: border-box; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;display: table-cell; vertical-align: top;}
.NewsLeft .NewsItemRow.TimeLine .NewsItemPreviewsDate > div{height: 28px;}
.NewsLeft .NewsItemRow.TimeLine .NewsItemPreviewsDate > div.step{box-sizing: border-box; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;padding-top:5px;}
.NewsLeft .NewsItemRow.TimeLine .NewsItemPreviewsDate > div > small,
.NewsLeft .NewsItemRow.TimeLine .NewsItemPreviewsDate > div > .step{
    box-sizing: border-box; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;
    cursor: pointer;
    position: relative;
    z-index: 2;
    clear: both;
}

.NewsLeft .NewsItemRow.TimeLine .NewsItemPreviewsDate > div > small{padding-left: 5px;padding-right: 5px;display: inline-block;width: 100%;text-align: center;line-height: 28px;height:28px;overflow: hidden;box-sizing: border-box; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;}

.NewsLeft .NewsItemRow.TimeLine .NewsItemPreviewsDate > div > small > span{line-height: normal;padding:0;margin:0;display:inline-block;}

.NewsLeft .NewsItemRow.TimeLine .NewsItemPreviewsDate > div > .step{
        box-sizing: border-box; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;
    width: 16px;
    height: 16px;
    margin:0 auto;
    display: block;
    padding:0;
}
.NewsLeft .NewsItemRow.TimeLine .NewsItemPreviewsDate > div.even{margin-top: 5px;}
.NewsLeft .NewsItemRow.TimeLine  .NewsItemPreviewsDate{
    box-sizing: border-box; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;
    padding-left: 10px;
    padding-right: 10px;
    width: 100px;
}
.NewsLeft .NewsItemRow.TimeLine .NewsItemPreviewsDate > div > .step{
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
}
.NewsLeft .NewsItemRow.TimeLine .NewsItemPreviewsDate > div > small{
     border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
.NewsLeft .NewsItemRow.TimeLine .NewsItemPreviewsDate > div > small,
.NewsLeft .NewsItemRow.TimeLine .NewsItemPreviewsDate > div > .step
{
    border-width: 1px;
    border-style: solid;
}


#News > .NewsLeft > .NewsItemRow > .NewsItem2 > div{min-height: 120px;display: inline-block;width: 100%;}
#News .NewsLeft.NewsSpacing{margin-top: 0;}


.RightData .RightSide #News .NewsLeft.NewsSpacing .NewsItemRow .SubTitleNews{
    text-align: center;
}

/* Vnutorny okraj AUTO */
.NewsLeft .NewsItemLighlight > div{
    padding: 20px;
}

.NewsLeft .NewsItemRow .NewsItem1,
.NewsLeft .NewsItemRow .NewsItem2 > div{
    padding: 20px;
}
.NewsLeft .NewsItemRow.TimeLine .NewsItemPreviewsDate{padding-top: 20px;}

.NewsLeft .NewsItemRow .NewsItem2.even .author{
    text-align: left;
}

/* NEWS Item 3 */
#News .NewsItem3 .NewsItem{display: flex;table-layout: fixed; padding: 0;margin: 0;border-spacing: 0;}
#News .NewsItem3 .NewsItem > div{display: grid;vertical-align: top;padding: 0 0 80px 0;margin: 0;}
#News .NewsItem3 .NewsItem > .NewsPreviewsThumb{width:20%;padding-right: 30px;}
#News .NewsItem3 .NewsItem > .NewsTitle{width:20%;border-right: 1px solid #aaaaaa;padding-right: 30px;}
#News .NewsItem3 .NewsItem > .NewsTitle .NewsTitleItem{width: 100%;overflow: hidden;}
#News .NewsItem3 .NewsItem > .NewsTitle small{text-align: left;}
#News .NewsItem3 .NewsItem > .PerexText{width:60%;}
#News .NewsItem3 .NewsItem > .PerexText div.block{padding-left: 30px;}
.NewsLeft .NewsItem3{cursor: pointer;box-sizing: border-box; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.NewsLeft .NewsItemRow .NewsItemPreviews.NewsItem3{padding:0;}
#News .NewsItem3 .NewsImage{display: none;}
#News .NewsItem3 .step{
    position: absolute;
    border: 1px solid #aaaaaa;
    background: #ffffff;
    width: 15px;
    height: 15px;
    margin-left: -8px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}
#News .NewsLeft.NewsSpacing3{margin-bottom: 60px;}
#News .NewsLeft.NewsSpacing3 .NewsPreviewsText .date{display: inline;}
/* Medzera medzi uputavkami AUTO */
#News.NewsSpacing{width:100%;overflow:hidden;}
#News .NewsLeft.NewsSpacing{margin-left: -16px;width: calc(100% + 32px);}
#News .NewsLeft.NewsSpacing{border-spacing: 16px; border-collapse: separate;min-width:100%;margin-top: -16px;margin-bottom: -16px;}
#News .NewsLeft.NewsSpacing:nth-child(2){margin-top: -32px;}

/* Farba pozadia casovej osi */
.NewsLeft .NewsItemRow.TimeLine .NewsItemPreviewsDate > div > small,
.NewsLeft .NewsItemRow.TimeLine .NewsItemPreviewsDate > div > .step{
    background-color: #ffffff;
}

/* Farba ciary casovej osi */
.NewsLeft .NewsItemRow.TimeLine:after{
    border-right-color: #aaaaaa;
}

.NewsLeft .NewsItemRow.TimeLine .NewsItemPreviewsDate > div > small, .NewsLeft .NewsItemRow.TimeLine .NewsItemPreviewsDate > div > .step{
    border-color: #aaaaaa;
}

/* Posunutia */
.NewsLeft .NewsItemRow .NewsItemPreviews.NewsItemLighlight{display:block; margin-bottom: 1em;}

#News > .NewsLeft > .NewsItemRow > .NewsItem2 > div.NewsItemDate{
    max-width: 100px;
    margin: 0 auto;
    padding: 0;
    min-height: 0;
    display: none;
}
#News > .NewsLeft > .NewsItemRow > .NewsItem2 > div.NewsItemDate small{
    background: #ffffff;
    border:1px solid #aaaaaa;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    padding-left: 5px;
    padding-right: 5px;
    display: inline-block;
    width: 100%;
    text-align: center;
    line-height: 28px;
    height: 28px;
    overflow: hidden;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;

}
#News > .NewsLeft > .NewsItemRow > .NewsItem2 > div.NewsItemDate small span{
    line-height: normal;
    padding: 0;
    margin: 0;
    display: inline-block;
}
/* NAKUPNY KOSIK NEW ESHOP */
.formPageSteps.type-1{
    text-align: justify;
    counter-reset:li;
    overflow: hidden;
    display: table;
    table-layout: fixed;
    width: 100%;
    margin-top: 1em;
    margin-bottom: 1em;
    position: relative;
}

.formPageSteps.type-1 ul{
    display: table-row;
    width: 100%;
    padding:0;
    margin: 0;
    list-style: none;
}

.formPageSteps.type-1 ul li{
    display: table-cell;
    text-align: center;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    position: relative;
    color: #999999;

}
.formPageSteps.type-1 ul li span{
    padding-top: 3px;
    display: block;
    cursor: default;
}
.formPageSteps.type-1 ul li span.none{
    display: none;
}
.formPageSteps.type-1 ul li:last-child{
    margin-right: 0;
}
.formPageSteps.type-1 ul li:before{
    content: counter(li);
    counter-increment:li;
    border:2px solid #BCBCBC;
    margin:0 auto;
    display: inline-block;
    width:50px;
    height: 40px;
    padding-top: 10px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    background-color: #ffffff;
    background-image: url('');
    background: #ffffff;
    z-index: 1;
    clear: both;
    font-size: 24px;
    cursor: default;
    z-index: 2;
    position: relative;
    font-weight: normal;
    -webkit-box-shadow: 2px 2px 4px 0px rgba(200, 200, 200, 0.5);
    -moz-box-shadow:    2px 2px 4px 0px rgba(200, 200, 200, 0.5);
    box-shadow:         2px 2px 4px 0px rgba(200, 200, 200, 0.5);
}


.formPageSteps.type-1 ul li.active{
    color: #333333;
}

.formPageSteps.type-1 ul li.active span{
    font-weight: bold;
}

.formPageSteps.type-1 ul li.active:before{
    background-color: #e6e6e6; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U2ZTZlNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNmU2ZTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #e6e6e6 0%, #ffffff 50%, #e6e6e6 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6e6e6), color-stop(50%,#ffffff), color-stop(100%,#e6e6e6)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #e6e6e6 0%,#ffffff 50%,#e6e6e6 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #e6e6e6 0%,#ffffff 50%,#e6e6e6 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #e6e6e6 0%,#ffffff 50%,#e6e6e6 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #e6e6e6 0%,#ffffff 50%,#e6e6e6 100%); /* W3C */
    filter: none; /* IE9 */

}
.formPageSteps.type-1 ul li:after{
    border-top: 2px solid #BCBCBC;
    display: block;
    height: 1px;
    content: " ";
    width: 100%;
    position: absolute;
    left: 0;
    top: 26px;
    z-index: 1;
}

.formPageSteps.type-1 ul li:first-child:after{
    left: 50%;
}
.formPageSteps.type-1 ul li:last-child:after{
    width: 50%;
}

#memberDetailStatus a{
    display: block;
    width: 100%;
    color: #000000;
}
#memberDetailStatus h3{
    font-size: 150%;
}
#memberDetailStatus ul.MemberMenu{
    list-style-position: outside;
    list-style-type: none;
    width: 100%;
    display: block;
    clear: none;
    margin-top: 0.2em;
}
#memberDetailStatus ul.MemberMenu li{
    width: 100%;
    display: block;
    margin: 0;
    padding: 0;
    text-align: left;
    padding: 0.2em 0;
}
.memberProductItemView{
    color: #d0d0d0;
    font-size: 12px;
}
.memberProductItemView.active{
    color: #009900;
}

#Form_member_photo .formRadioItem label{
    font-size: 1px !important;

}

#PageHolder.page-member_account .ContentData #memberDetailStatus{
    display: none;
}
.ContentData #memberDetailStatus{
    padding: 12px;
    background: #eeeeee;
    width: 100%;
    display: table;
}
.ContentData #memberDetailStatus ul.MemberMenu li{
    width: auto;
    float: left;
    padding-right: 1em;
}
#memberDetailStatus ul.MemberMenu li span.icon{
    margin-right: 0.5em;
}
#Form_member_detail,
#Form_member_settings{
    max-width: 900px;
}
#Form_member_password{
    max-width: 500px;
}
#memberDetail{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px !important;
}
#memberProfile strong *, #memberDetail strong *{
    font-weight: 600 !important;
}
#memberProfile .memberProfileAccountData a.menu-item,
#memberProfile .memberProfileOrders a.menu-item{
    text-decoration: none !important;
    font-style: normal !important;
    color: inherit;
}
#memberProfile .memberProfileAccountData a.menu-item.underline{
    text-decoration: underline !important;
}
#memberProfile .memberProfileAccountData p{
    padding-top: 0.5em;
}
#memberProfile .memberProfileOrders .article_title{
    padding-bottom: 0.5em !important;
}
#memberProfile .content_group .GroupData{
    background: rgba(255,255,255,0.8) !important;
}


#memberProfile .memberProfile.icon-user,
#memberProfile .memberProfile.icon-basket,
#memberProfile .memberProfile.icon-doc-text{
    font-size: 50px;
    color: #aaa;
}
#memberProfile .memberProfile.avatar img{
    max-width:50px;max-height:50px;
}
#memberProfile .memberProfileAccountData,
#memberProfile .memberProfileOrders{
    padding-left: 20px;
}
#memberProfile .memberProfile .memberProfileSummary .user_order_total_sum{
    font-weight: bold;
}
#memberProfile .memberProfileAccountData .menu-item,
#memberProfile .memberProfileAccountData .user-fullname{
    white-space: nowrap;
}
#memberProfile .Table a{
    color: inherit;
}
.memberItemsActions{
    white-space: nowrap;
}
.memberItemsActions > a{
    display: inline-block;
    margin-left: 6px;
}
.memberItemsActions > a:first-child{
    margin-left: 0;
}

.memberItemsActions > a span{
    font-size: 22px;
}
.MemberItemIcon{
    font-size: 14px;
}

#orderDetailStatus{
    margin-bottom: 2em;
}
.order_detail_icon span{
    font-size:120%;

}
.order_detail_icon.invoice-download{
    margin-right: 10px;
}
#orderStatus span[class^="icon-"], #orderStatus [class*=" icon-"]{
    padding-right: 0.3em;
}

.printPageButton{
    display: block;
    margin-top: 20px;
    font-size: 18px;
}

.changeStatusInvoiceFile{
    display: block;
    margin-top: 20px;
    font-size: 18px;
}

/* Banner */

.Banner div.banner{
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.Banner div.banner > div.banner_bg,
.Banner div.banner > div.banner_bg span,
.Banner div.banner > div.banner_bg a{
    height: 100%;
}
.Banner div.banner > div.banner_bg span{
    width: 100%;
}
.Banner div.banner > div.banner_content{
    /*position:absolute;*/
    /*width:100%;*/
    width: auto;
    height:auto;
    display:block;
    z-index:1;
    padding:0;
    margin:0;
    left:0;
    top:0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    overflow: hidden;
    text-align: center;
}
.Banner div.banner > div.banner_content .banner_content_value{
    display:inline-block;
    position: relative;
    height: 100%;
    width: 100%;
}


.Banner div.banner > div.banner_content .banner_position{
    position: absolute;
    margin: 0;
    padding: 0;
    display: block;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: auto !important;
    height: auto;
}
.Banner div.banner span.text,
.Banner div.banner span.image{
    margin: 0;
    padding: 0;
    display: inline-block;
    position: relative;
    white-space: nowrap;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;

}

.Banner div.banner div.top_left{
    top: 0;
    left: 0;
}
.Banner div.banner div.top_center{
    top:0;
    left: 50%;
    -ms-transform: translate(-50%,0); /* IE 9 */
    -webkit-transform: translate(-50%,0); /* Chrome, Safari, Opera */
    -moz-transform: translate(-50%,0); /* Firefox */
    transform: translate(-50%,0);

}

.Banner div.banner div.top_right{
    top:0;
    right: 0;
}

.Banner div.banner div.center_left{
    left:0;
    top: 50%;
    -ms-transform: translate(0,-50%); /* IE 9 */
    -webkit-transform: translate(0,-50%); /* Chrome, Safari, Opera */
    -moz-transform: translate(0,-50%); /* Firefox */
    transform: translate(0,-50%);

}

.Banner div.banner div.center_center{
    left: 50%;
    top: 50%;
    -ms-transform: translate(-50%,-50%); /* IE 9 */
    -webkit-transform: translate(-50%,-50%); /* Chrome, Safari, Opera */
    -moz-transform: translate(-50%,-50%); /* Firefox */
    -o-transform: translate(-50%,-50%); /* Opera */

    transform: translate(-50%,-50%);
}
.Banner div.banner div.center_center span.image,
.Banner div.banner div.center_center span.text{
    /*left: -50%;*/
}


.Banner div.banner div.center_right{
    right: 0;
    top:50%;
    -ms-transform: translate(0,-50%); /* IE 9 */
    -webkit-transform: translate(0,-50%); /* Chrome, Safari, Opera */
    -moz-transform: translate(0,-50%); /* Firefox */
    transform: translate(0,-50%);
}

.Banner div.banner div.bottom_left{
    bottom: 0;
    left: 0;
}
.Banner div.banner div.bottom_center{
    bottom: 0;
    left: 50%;
    -ms-transform: translate(-50%,0); /* IE 9 */
    -webkit-transform: translate(-50%,0); /* Chrome, Safari, Opera */
    -moz-transform: translate(-50%,0); /* Firefox */
    transform: translate(-50%,0);
}

.Banner div.banner div.bottom_right{
    bottom: 0;
    right: 0;
}

.Banner div.banner span.text a,
.Banner div.banner span.image a{
    color: inherit;
}
.viewport{
  transform:scale(100%);
  transform-origin: center center;

  -webkit-transform:scale(100%);
  -webkit-transform-origin: center center;
}
.BannerData.viewport {
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
}
.cycle-pager {
    overflow: hidden;
    position: absolute;
    bottom: 0px;
    width: 100%;
    height:40px !important;
    z-index: 101;
    font-size: 40px;
    color: white;
    text-align: right;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding-right:10px;
    padding-left: 10px;

}
.cycle-pager span{cursor: pointer;}
.cycle-pager .cycle-pager-active{color:#aaaaaa;}

div[id^="ThemeGallery_"].cycle-slideshow img{
    display: none;
}
div[id^="ThemeGallery_"].cycle-slideshow img:first-child{
    display: block;
}

div[id^="Banner_"].cycle-slideshow img{
    display: none;
}
div[id^="Banner_"].cycle-slideshow img:first-child{
    display: block;
}


.socialButton{height: 20px;display: inline-block;padding-right:0.5em;vertical-align: top;}

.facebookShare,
.googleShare,
.TwitterShare,
.pinterestShare{color:#b3b3b3;cursor: pointer;}

.facebookShare,
.googleShare,
.TwitterShare,
.pinterestShare{
font-size: 20px;
}

.facebookShare:hover{color: #3b5998;}
.googleShare:hover{color: #d34836;}
.TwitterShare:hover{color: #4099ff;}
.pinterestShare:hover{color: #BD081C;}

/* Fixed Head */
#PageHolder.headerbar-fixed .Head{
    z-index: 1000;
    top:0;
    margin-top: 0;
    background-color: transparent;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;


}
#PageHolder.headerbar-fixed .Head #Logo *,
#PageHolder.headerbar-fixed .Head #LogoHead *,
#PageHolder.headerbar-fixed .Head #Menu,
#PageHolder.headerbar-fixed .Head #Login,
#PageHolder.headerbar-fixed .Head .FloatingContentPadding
{
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;

}

#PageHolder.headerbar-fixed .Head.headerbar-fixed-small{
    background-color: #ffffff;
}
#PageHolder.headerbar-fixed .Head.headerbar-fixed-small{
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    position: fixed;
    height: 50px;
    z-index: 1000;
    top:0;
}
#PageHolder.headerbar-fixed .Head.headerbar-fixed-small #Login,
#PageHolder.headerbar-fixed .Head.headerbar-fixed-small .FloatingContentPadding{
    opacity: 0;
    -moz-opacity:0;
    -khtml-opacity: 0;
    filter:alpha(opacity: 0);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    margin:0;
    padding: 0;
}

#PageHolder.headerbar-fixed .Head.headerbar-fixed-small #Menu{
    display: block;
    padding-top: 0;
    padding-bottom: 0;
    margin-top:0;
    margin-bottom: 0;
    line-height:50px;
}
#PageHolder.headerbar-fixed .Head.headerbar-fixed-small #Logo,
#PageHolder.headerbar-fixed .Head.headerbar-fixed-small #LogoHead{
    margin-top: 0;
}
#PageHolder.headerbar-fixed .Head.headerbar-fixed-small img{
    display: none;
}
#PageHolder.headerbar-fixed .Head.headerbar-fixed-small #Logo img,
#PageHolder.headerbar-fixed .Head.headerbar-fixed-small #LogoHead img{
    height: 50px;
    line-height: 50px;
    display: block;
    width: auto;
    margin-top: 0;
    display:inline-block;
}

#PageHolder.headerbar-fixed .Head.headerbar-fixed-small .megamenu_group img{
    display: block;
}

#PageHolder.headerbar-fixed .Head.headerbar-fixed-small #Menu li > a > span{
    display: block;
    line-height: 50px;
}


a.menu-icon{
    font-weight: normal;
    text-decoration: none !important;
    text-align: center;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
a.menu-icon > span{
    font-family: "swdefault" !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: auto !important;
    float: none !important;
    text-align: center !important;
}

.fileDownload .fileTitle{
    text-align: left;
    padding-left: 5px;
    display: inline-block;
    float: left;
}


.Mosaic{
    display: inherit;
}
.Mosaic img{
    float: none;
}
.Mosaic .MosaicPiece p.description{
    padding: 0;
    margin: 0;
    width: 100%;
}
.Mosaic .MosaicPiece p.description span{
    text-align: center;
}

/* Velky detail produktu */
.productDetail .content_group article{
    margin: 0;
}
.productDetail .productPrice{
    display: table;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    white-space: nowrap;
    clear: both;
    width: 100%;
}
.productTable .productDetail .productPrice{
    display: table-cell;
}
.TableRow.productDetail .productPrice{
    padding-top: 0;
    padding-bottom: 0;
}
.productDetail .productPrice .price_primary{
    font-weight: 600;
    color: #000000;
}

.productDetail .productPrice .product_price{
    font-size: 12px;
    color: #000000;
}

.productDetail .product_price_small small{
    text-align: right;
    font-size: 80%;
}

.productDetail.type-4 .product_price_small small,
.productDetail.type-5 .product_price_small small {
    text-align: left;
    padding-bottom:6px;
}

.productDetail .measure_unit {
    font-weight: inherit;
}
.price_unit {
    display: none;
    font-size: 80%;
    margin: 10px 0;
}
@media(max-width:480px) {
    .productTable .price_unit {
        display: block;
    }
}

.ThemeNavigationItem .productDetail .product_price_small small{
    text-align: left;
}
.ThemeNavigationItem .productDetail .product_price_small.align-center small{
    text-align: center;
}
.productDetail .content_group{
    margin-top: 0;
}
.productDetail .productSection{
    table-layout: fixed !important;
}
.productDetail .productSection .content_section{
    vertical-align: middle;
    width: auto !important;
}

.productDetail .productPrice .productSection .content_section{
    width: auto !important;
}
.productDetail .productDetailBuy{
    display: table;
    width: 100%;
    position: relative;
}

.productDetail article li span, .productDetail article p span, .productDetail article cite span{
    line-height: 1.2em;
}
.productDetail .MainTitle{
    line-height: 1.2em;
}
.productDetail .productAccessories,
.productDetail .productAttributes{
    float: right;
    text-align: right;
    width: auto;
}
.productDetail.type-2{
    background: #ffffff;
    padding: 12px;
    /*margin-right: 12px;*/
}

.productDetail.type-2 .productAccessories,
.productDetail.type-2 .productAttributes,
.productDetail.type-3 .productAccessories,
.productDetail.type-3 .productAttributes,
.productDetail.type-4 .productAccessories,
.productDetail.type-4 .productAttributes,
.productDetail.type-5 .productAccessories,
.productDetail.type-5 .productAttributes{
    float: none;
    text-align: left;
    display: table;
}

.productDetail.type-4 h2.SubTitle,
.productDetail.type-5 h2.SubTitle{
    padding: 0;
    margin: 0;
}

.productDetail.type-5 .productDetailBuy,
.productDetail.type-4 .productDetailBuy{
    max-width: 300px;
}
.productDetail.type-5 .productDetailBuy.without-count,
.productDetail.type-4 .productDetailBuy.without-count {
    max-width: none;
}

.productDetail.type-5 .productDetailBuy.without-count .product_buy.button,
.productDetail.type-4 .productDetailBuy.without-count .product_buy.button {
    padding-left: 0;
    text-align: center;
}

.productDetail.type-4 .productDetailBuy.without-count .product_buy a,
.productDetail.type-5 .productDetailBuy.without-count .product_buy a{
    float: none;
    margin-left: 0;
}
.productDetail.type-4 .productDetailBuy .formLoader,
.productDetail.type-5 .productDetailBuy .formLoader{
    position: relative;
    float: left;
}
.productDetail.type-4 .error-messageF{
    max-width: 300px;
    text-align: right;
}
.productDetail.type-4 .error-message.align-left{
    text-align: left;
}

.productDetail.type-4 .Quatro,
.productDetail.type-5 .Quatro{
    display: table;
    max-width: 300px;
}
.productDetail.type-4 .productDetailBottom,
.productDetail.type-5 .productDetailBottom{
    margin-top: 12px;
}

.productDetail.type-4 .productDetailBottom .clear,
.productDetail.type-5 .productDetailBottom .clear{
    margin-top: 12px;
}

.TableRow.productDetail .productAttributes,
.TableRow.productDetail .productAccessories{
    float: none;
    text-align: left;
}

.productDetail .productAccessories .productSection .content_section{
    vertical-align: top;
}
.productDetail .productAccessories .formValue,
.productDetail .productAttributes .formValue{
    display: table;
    min-width: 0;
    width: auto;
    padding-bottom: 1px;
}
.productDetail .productAccessories .formValue.left,
.productDetail .productAttributes .formValue.left{
    padding-right: 1px;
    float: none;
    display: inline-table;
}
.productDetail .productAccessories .formValue *,
.productDetail .productAttributes .formValue * {
   font-size: 12px;
    margin-left: 0;
}

.TableRow.productDetail .productAccessories .formValue *,
.TableRow.productDetail .productAttributes .formValue * {
    line-height: 100%;
}

.productDetail .productAccessories .formValue > span,
.productDetail .productAttributes .formValue > span{
    display: table-cell;
    vertical-align: middle;
    text-align: center;

}
.productDetail .productAccessories .formValue > span input[type='checkbox']{
    display: block;
}
.productDetail .productAccessories .formValue > span.InputCheckbox{
    width: 1.2em;
}
.productDetail .productAccessories .formValue > span small,
.productDetail .productAttributes .formValue > span small{
    width: auto;
    padding-left: 0.5em;
    font-size: 80%;

}
.productDetail .productAccessories .formValue > span small span{
   font-size: 100%;
}
.productDetail label.labelAccessories,
.productDetail label.labelAttributes{
    cursor: pointer;

    display: block;
    text-align: left;
    /*white-space: nowrap;*/
}

.productDetail label.labelAccessories.labelImage,
.productDetail label.labelAttributes.labelImage,
.productDetail label.labelAttributes.labelBorder{
    position: relative;
    border: 1px solid #aaaaaa;
    display: block;
    overflow: hidden;
    background-color: #ffffff;
}
.productDetail label.labelAccessories.labelImage{
    width: 50px;
    height: 50px;
}

.productDetail.type-4 .ProductDetailAttributes article.product-attribute,
.productDetail.type-5 .ProductDetailAttributes article.product-attribute{
    margin-top: 10px !important;
}
.productDetail.type-4 .ProductDetailAttributes article.product-attribute:first-child,
.productDetail.type-5 .ProductDetailAttributes article.product-attribute:first-child{
    margin-top: 0 !important;
}

.product-tooltip {
    display: none;
}

article.product-attribute li span,
article.product-attribute p span,
article.product-attribute cite span,
productDetail .Image-shopping_cart_attribute small,
.productDetail label.labelAccessories.labelImage > span.bottomleft,
.productDetail label.labelAttributes.labelImage > span.bottomleft{
    font-family: Arial, Helvetica, sans-serif;
}
article.product-attribute li,
article.product-attribute p,
article.product-attribute cite,
article.product-attribute li a,
article.product-attribute p a,
article.product-attribute cite a,
.productDetail label.labelAccessories.labelImage > span.bottomleft, .productDetail label.labelAttributes.labelImage > span.bottomleft{
    color: #000000;
}

.QuatroCalc{
    margin-top: 12px;
    float: right;
}
.QuatroCalc.left{
    float: left;
}

#ShoppingCartData > div > div > div#shoppingCartQuatroCalc{
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 12px;
}
.ThemeNavigationData .formLoader{background: rgba(255,255,255,.7);}
.ThemeNavigation .ThemeNavigationItem .productAttributes.flex.right{
    min-width: 250px;
}
.ThemeNavigationShoppingCart .productAttributes label.labelAccessories.labelImage,
.ThemeNavigationShoppingCart .productAttributes label.labelAttributes.labelImage{
    height: 20px;
    width: 40px;
}
.ThemeNavigationShoppingCart .productAttributes label.labelAttributes.labelBorder{
    min-width: 40px;
}
.productDetail label.labelAttributes span.decoration-background-image {
    height: 100% !important;
    width: 100%;
    background-position: center center;
    background-repeat: no-repeat;
}
.formValue strong{
    font-weight: bold;
}
/*.ThemeNavigationItem .ThemeNavigationShoppingCart .themenavigation_description_value{
    padding: 0;
}
.ThemeNavigationItem:hover .ThemeNavigationShoppingCart .themenavigation_description_value{
    padding: 0.5em;
}
.ThemeNavigationItem:hover .ThemeNavigationShoppingCart{
    position: absolute !important;
    bottom: 6px;
    background-color: rgba(255,255,255,0.9);

}*/
/*.ThemeNavigationItem:hover h3{
    visibility: none;
}

.Megamenu .ThemeNavigationItem:hover h3{
    visibility: visible;
}*/
/*.ThemeNavigationItem.show-attributes:hover .ThemeNavigationShoppingCart{
    left: 0;
    position: absolute !important;
    bottom: 6px;
    padding-top: 6px;
}*/
.ThemeNavigationItem .ThemeNavigationShoppingCart .productAttributesData{
    display: none;
    padding:6px 0;
    width: 100%;
    background-color: rgba(255,255,255,0.9);
    margin-bottom: 6px;
    position: absolute;
    z-index: 5;
    left: 0;
    bottom: 50px;
}

.ThemeNavigationItem.show-attributes .ThemeNavigationShoppingCart .productAttributesData .productAttributeValue{
    display: table;
    width: 100%;
    clear: both;
    padding-top: 12px;
}
.ThemeNavigationItem.show-attributes:hover .ThemeNavigationShoppingCart .productAttributesData{
    display: table;
}
.ThemeNavigationItem.show-attributes .ThemeNavigationShoppingCart .productAttributesData .themenavigation_title{
    min-height: 0 !important;
}
.ThemeNavigationItem.show-attributes .ThemeNavigationShoppingCart .productAttributesData .themenavigation_description_value{
    padding: 0;
}

.ThemeNavigationItem.show-attributes:hover .themenavigation_description,
.ThemeNavigationItem.show-attributes:hover .themenavigation_title{
    visibility: hidden;
}
.ThemeNavigationItem.show-attributes:hover .ThemeNavigationShoppingCart .productAttributesData .themenavigation_title{
    visibility: visible;
}


.ThemeNavigationShoppingCart label.labelAttributes span.decoration-background-image img{
    display: none;
}
.ThemeNavigationShoppingCart .productAttributes{
    text-align: left;
    float: none;
    clear: both;
    margin-bottom: 3px;
}
.productDetail label.labelAttributes.labelBorder{
    padding: 5px;
}
.productDetail .productAttributeMask label.labelBorder.active,
.productDetail .productAttributeMask label.labelBorder:hover{
    padding: 3px;
}
.productDetail label.labelAttributes.labelBorder{
    margin: 0 1px 1px 0;
    min-width: 50px;
    width: auto;
    text-align: center;
    height: auto;
    overflow: auto;
}
.productDetail .productAttributeMask.disable label.labelAttributes.labelBorder{
    color: #aaaaaa;
}
.productDetail .productAttributeMask label {
    padding: 3px;
}
.productDetail .productAttributeMask label.active,
.productDetail .productAttributeMask label:hover{
    border: 3px solid #ff0000;
}

.productDetail .productAttributeMask label.labelImage.active,
.productDetail .productAttributeMask label.labelImage:hover{
    padding: 0;
}

.productDetail .productAttributeMask label.active > span.image-background,
.productDetail .productAttributeMask label:hover > span.image-background {
    border:1px solid white;
}
.productDetail .productAttributeMask.disable label.labelAttributes,
.productDetail .productAttributeMask.disable label.labelAttributes:hover{
    cursor: not-allowed;
    border: 1px solid #aaaaaa;

}

.productDetail .productAttributeMask .productAttributeMaskZoom{
    display: none;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 3;
    font-size: 14px;
    padding: 0 1px;
}

.productDetail label.labelAccessories.labelImage > span.icon-check,
.productDetail label.labelAttributes.labelImage > span.icon-check{
    color: #ff0000;
    font-size: 48px;
    top: -5px;
    left: 10px;
    z-index: 2;
    margin: 0 auto;

}
.productDetail label.labelAccessories.labelImage{
    padding: 3px;
}
.productDetail label.labelAccessories.labelImage.active{
    border: 3px solid black;
    padding:1px;
}
.productDetail label.labelAccessories.labelImage > span.labelCheck,
.productDetail label.labelAttributes.labelImage > span.labelCheck{
    top: 0px;
    left: 10px;
    z-index: 2;
    padding-left:0;
    width:100%;
    text-align: center;
    bottom:0;
    left: 0;
    z-index: 2;
}
.productDetail label.labelAttributes.labelImage > span.labelCheck > span{
    color:rgba(255,0,0,0.6);
    font-size:30px;
    margin-top:5px;
}
.productTable .Table section,
.productTable .Table .Data{
    width: auto;
}
.productDetail label.labelAccessories.labelImage > span.bottomleft,
.productDetail label.labelAttributes.labelImage > span.bottomleft{
    padding-left:0;
    width:100%;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 11px;
    text-align: center;
    background-color: rgba(255,255,255,0.8);
    word-wrap: break-word;
    padding-bottom: 2px;
}
.productDetail label.labelAccessories.labelImage.active > span.bottomleft,
.productDetail label.labelAttributes.labelImage.active > span.bottomleft{
    padding-bottom: 0;
}

.productDetail .Image-shopping_cart_attribute.attribute-mask > span{
    max-width:30px;
    border: 1px solid #aaaaaa;
    padding:2px;
    height:30px;
}

.product_inactive{
    border: 1px solid black;
    margin-top: 0.5em;
    float: right;
    clear: both;
    display: inline-block;
    color: white;
    text-align: center;
    padding: 6px;
    background-color: rgba(0,0,0,0.5);
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    white-space: nowrap;
    padding-left: 36px;
}
.productTable .product_inactive{
    padding-left: 6px;
}
.product_inactive.absolute span{
    padding-right: 6px;
    color: red;
    font-size: 24px;
    position: absolute;
    left:6px;
}
.product_inactive.absolute{
    font-size: 18px;

}
.TableCell .product_inactive{
    float: none;
}
.product_error{
    color: #ff0000;
}
/* Velky detail produktu v tabulke */
.productTable small{
    width: auto;
    text-align: left;
    font-size: 80%;
}
.productTable .productAttributes .formValue *{
    font-size: 92%;
}
.productTable .productAttributes .formValue select{
    background-size: 1.1em;
}
.productTable .productAttributes .table{
    border-spacing: 0.2em;
    border-collapse: separate;
    width: 100%;
}
.productTable .productAttributes .table .table-cell{
    vertical-align: middle;
}
.productTable .productAttributes .formValue{
    width: 7em;
    /*float: right;*/
}
.productTable .TableCell .productDetailBuy .productPrice{
    padding-right: 0.5em;
}
/* Produkt v kosiku */
#productBuyDetail{
    height: auto;
    width: 100%;
    max-width:750px;

}
#productBuyDetail .freeShipping{
    padding-top: 20px;
}
#productBuyDetail .productRelated{
    padding-top: 20px;
}
#productBuyDetail .productBasket{
    display: table;
}
#productBuyDetail .productBasket,
#productBuyDetail .table{
    width: 100%;
    table-layout: fixed;
}
#productBuyDetail .table.buyData{
    table-layout: auto;
}

#productBuyDetail .attributesData .table-cell{
    padding-bottom: 6px;
}

#productBuyDetail .productBasket .productBasketIcon,
#productBuyDetail .productBasket .productBasketValue{
    display: table-cell;
    vertical-align: top;
}
#productBuyDetail .productBasket .productBasketIcon{
    max-width: 380px;
}
#productBuyDetail .productBasket .productBasketValue{
    padding-left:20px;
}
#productBuyDetail .productBasket .productBasketIcon h2.MainTitle{
    font-size: 26px;
}
#productBuyDetail .productBasket .productBasketIconSVG,
#productBuyDetail .productBasket .productBasketIconTitle{
    display: table-cell;
    vertical-align: top;
}
#productBuyDetail .productBasket .productBasketIconSVG{
    width: 110px;
}
#productBuyDetail h3.article_title{
    color: #000000;
}
#productBuyDetail .table.buyData{
    width:100%;
    padding-top: 20px;
}
#productBuyDetail .SeparatorHR{
    padding: 0;
    height: 1px;
    margin: 0;
    border-color: #e0e0e0;
}
#productBuyDetail .productDetail{
    width: 100%;
}
#productBuyDetail .productDetail .productPrice{
    padding:0;
    margin:0;
}
#productBuyDetail .formButton{
    text-align: right;
}
#productBuyDetail .formButton .sendButton{
    padding:1em;
    min-width: 160px;
}
#productBuyDetail .formButton .sendButton.continueButton{
    margin-bottom: 0.2em;
}
#productBuyDetail .formButton .sendButton.showButton{
    background-color: #eeeeee;
    margin-left: 0.5em;
    color: #000000;
}

.ProductDetailAttributes{
    display: inline-block;
    width: 100%;
}

.productDetail.type-default .ProductDetailAttributes,
.productDetail.type-1 .ProductDetailAttributes {
    margin-top: 10px;
}

#ShoppingCartList{
    display: table;
}
.Menu-shoppingcart{
    white-space: nowrap;
}
#ShoppingCartListMenu > div{
    padding-right: 0 !important;
    padding-left: 0 !important;
}
#ShoppingCartListMenu > div > a.menu-item span{
    text-transform: none !important;
}
#ShoppingCartListMenu .ShoppingCartListMenuData.absolute{
    top:0;
    right:0;
    color: white;
    background:#ff0000;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    font-size: 60%;
    line-height: 1.2em;
    width: 1.2em;
    text-align: center;
}
#ShoppingCartList .ShoppingCartListPrimary{
    white-space: nowrap;
}
#ShoppingCartList .ShoppingCartListProduct{
    clear: both;
}
#ShoppingCartList .ShoppingCartListProduct > span{
    font-size:12px;
    clear: both;
    display: inline-block;
    width: 100%;
    border-bottom:1px solid #dddddd;
    padding-bottom:0.2em;
    margin-bottom:0.2em;
}
#ShoppingCartList .ShoppingCartListProduct > span:last-child{
    border-bottom: 0;
}
#ShoppingCartList h3{
    margin-bottom: 0.5em;
    font-size: 18px;
}
#ShoppingCartListSubmit{
    position: relative;
    display: table;
    z-index: 1;
}
#ShoppingCartListSubmit span{
    font-size: 24px;
}
#ShoppingCartListSmall{
    display: table;
}
#ShoppingCartListSmall #ShoppingCartListDiv,
#ShoppingCartListSmall #ShoppingCartListSubmit{
    display: table-cell;
    vertical-align: middle;
}
#ShoppingCartListSmall #ShoppingCartListDiv{
    padding-right: 10px;
}
#ShoppingCart{
    max-width: 900px;
    margin: 0 auto;

}


#ShoppingCartData{

    display: table;
    width: 100%;
    font-size: 12px;
    margin-bottom: 20px;
}
#ShoppingCartData *{
    font-family:Arial,Helvetica,sans-serif;
}
#ShoppingCartData > div{
    width: 100%;
}
#ShoppingCartData #delivery{
    font-size: 120%;
}
#ShoppingCartData > div#products{
   display: table-row-group;
}
#ShoppingCartData > div#delivery{
    display: table-footer-group;
}
#ShoppingCartData > div > div{
    display: table-row;
}
#ShoppingCartData > div > div > div:first-child{
    width: 70%;
    padding-left: 12px;
}
#ShoppingCartData > div > div > div:last-child{
    padding-right: 12px;
}
#ShoppingCartData > div > div > div{
    display: table-cell;
    vertical-align: middle;
    padding-bottom: 12px;
    padding-top: 12px;
    border-bottom: 1px dotted #aaaaaa;

}
#ShoppingCartData small{
    clear: none;
    text-align: left;
    font-size: 80%;
    float: left;
    padding-right: 10px;
    display: inline;
    width: auto;
    /*white-space: nowrap;*/

}
#ShoppingCartData > div > div > div.formValue{
    font-size: 100%;
    width: 110px;
}
#ShoppingCartData > div > div > div.formValue *{
    font-size: 100%;
}
#ShoppingCartData > div > div > div .productName,
#ShoppingCartData > div > div > div.formValue input,
#ShoppingCartData > div > div > div.productPrice{
    font-size: 120%;
}
#ShoppingCartData > div > div > div.productPrice{
    white-space: nowrap;
}
#ShoppingCartData > div > div > div.productRemove{
    padding-left: 1em;
}
#ShoppingCartData > div#delivery > div > div{
    font-size: 100%;
}
#ShoppingCartData > div#delivery > div.sum{
    background-color: #f7f7f7;
}
#ShoppingCartData > div#delivery > div.sum > div{
    border-bottom: 0;
    padding-bottom:0;

}
#ShoppingCartData > div#delivery > div.sum:last-child > div{
    font-size: 150%;
    font-weight: 600;
    padding-bottom: 12px;
}
#ShoppingCartData > div#delivery > div > div #totalSum{
    font-size: 150%;
    font-weight: 600;
}
#ShoppingCartData #products .formValue{
    position: relative;
}
#ShoppingCartData .formValue .error-message,
#ShoppingCartData .formValue .status-message{
    text-align: center;
    width: 100%;
    white-space: nowrap;
    font-size: 90%;
}

#ShoppingCartData .formValue *:not(.product_availability_name){color: inherit;}

#ShoppingCartMotivation{
    margin-bottom: 20px;
    display: none;
    font-size: 150%;
    text-align: center;

}

#ShoppingCart .payment .formRadioItem,
#ShoppingCart .delivery .formRadioItem {
    background: #f7f7f7;
    padding: 10px;
}

#ShoppingCart .payment .payment-name,
#ShoppingCart .delivery .delivery-name {
    width: 100%;
}

#ShoppingCart .payment-check,
#ShoppingCart .payment-name,
#ShoppingCart .delivery-check,
#ShoppingCart .delivery-name {
    vertical-align: middle;
}

#ShoppingCart .payment-price,
#ShoppingCart .delivery-price {
    float: right;
    font-size: 90%;
    padding-left: 10px;
}
#ShoppingCart .payment-icon img,
#ShoppingCart .delivery-icon img {
    max-width: 1em;
    max-height: 1em;
}
#ShoppingCart .payment-icon,
#ShoppingCart .delivery-icon {
    float: left;
    margin-right: 8px;
}
/*#ShoppingCart .payment-price:before,
#ShoppingCart .delivery-price:before {
    content: '(';
    display: inline-block;
}
#ShoppingCart .payment-price:after,
#ShoppingCart .delivery-price:after {
    content: ")";
    display: inline-block;
}*/
#ShoppingCart .payment .payment-name label,
#ShoppingCart .delivery .delivery-name label {
    display: block;
    width: 100%;
}

#orderDetail{
    display: table;
    width: 100%;
    table-layout: fixed;
    font-size: 14px;
    margin-bottom: 3em;
    font-size: 14px;
}
.orderInvoiceHead h1{
    font-size: 24px;
}
#orderDetail h2{
    font-size: 16px;
}

#orderStatus .formButton .sendButton{
    background-color: #70cd23;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…IgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top, #93e741 0%, #70cd23 36%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#93e741), color-stop(36%,#70cd23));
    background: -webkit-linear-gradient(top, #93e741 0%,#70cd23 36%);
    background: -o-linear-gradient(top, #93e741 0%,#70cd23 36%);
    background: -ms-linear-gradient(top, #93e741 0%,#70cd23 36%);
    background: linear-gradient(to bottom, #93e741 0%,#70cd23 36%);
    filter: none;
    color: #ffffff;
    font-size: 16px;
}

.orderInvoiceHead{
    display: table;
    width: 100%;
}
.orderInvoiceHead .orderInvoiceTitle,
.orderInvoiceHead .orderInvoiceDate{
    display: table-cell;
    vertical-align: middle;
}
.orderInvoiceHead .orderInvoiceDate{
    white-space: nowrap;
}
.orderInvoiceHead .orderInvoiceDate .invoice-icons{
    margin-left: 6px;
}
.orderInvoiceHead .orderInvoiceTitle{
    text-align: left;
}
.orderInvoiceHead .orderInvoiceDate{
    text-align: right;
}
.orderInvoiceHead .orderInvoiceIcons{
    text-align: right;
    width: auto;
    padding-left: 6px;
}
#orderDetail .orderInvoiceAddress{
    display: table;
    width: 100%;
    table-layout: fixed;
    margin-top: 1em;
}
#orderDetail .orderInvoiceAddress .orderInvoiceSeller,
#orderDetail .orderInvoiceAddress .orderInvoiceBuyer{
    display: table-cell;
    border: 1px solid #aaaaaa;
    padding: 1em;
}
#orderDetail .orderInvoiceAddress .orderInvoiceSeller ul,
#orderDetail .orderInvoiceAddress .orderInvoiceBuyer ul{
    list-style: none;
}

#orderDetail .orderSeparator{
    display: table-cell;
    width: 1em;
}

#orderDetail .orderInvoiceProducts{
    margin-top: 1em;
    display: block;
    width: 100%;
}
#orderDetail .orderInvoiceProducts ul{
    display: table;
    width: 100%;
}
#orderDetail .orderInvoiceProducts ul li{
    display: table-cell;
    border-bottom: 1px dotted #aaaaaa;
    padding: 0.5em;
    vertical-align: middle;

}
#orderDetail .orderInvoiceProducts ul li.row1{
    width:75%;
    text-align: left;
}

#orderDetail .orderInvoiceProducts ul li.row2,
#orderDetail .orderInvoiceProducts ul li.row3{
    white-space: nowrap;
}
#orderDetail .orderInvoiceProducts ul li.row1 dl{
    display: table;
    width: auto;
    float: left;
    margin: 0 0.5em 0 0;
    font-size: 11px;
}
#orderDetail .orderInvoiceProducts ul li.row1 span{
    color: #666666;
}
#orderDetail .orderInvoiceProducts ul li.row2{
    text-align: center;
}
#orderDetail .orderInvoiceProducts ul li.row1b{
    min-width: 100px;
}
#orderDetail .orderInvoiceProducts ul li.row3{
    min-width: 100px;
    text-align: right;
}
#orderDetail .orderInvoiceProducts ul li small{
    font-size: 11px;
    text-align: right;
}
#orderDetail .orderInvoiceProducts dl dd,
#orderDetail .orderInvoiceProducts dl dt{
    display: table-cell;
}
#orderDetail .orderInvoiceProducts dl dt{
    padding-right: 0.3em;
    font-weight: bold;
}

#orderDetail .orderInvoiceNotes{
    margin-top: 1em;
}
/* Formulare */

:focus::-webkit-input-placeholder { color:transparent; }
:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #aaa;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: #aaa;
   opacity: 1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: #aaa;
   opacity: 1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #aaa;
}
.select-required{
    color: #aaa;
}
/*.webForm.type-3 .formName,
.webForm.type-3 .formName .required{
    color: #aaa;
}*/
.webForm.type-3 .type-calculator .formName{
    color: inherit;
}
.webForm .formField.type-calculator .formValue .formPrice{
    white-space: nowrap;
}
.formFields{
    display: block;
    width: 100%;
}
.formFields .formSection{
    display: table;
    width: 100%;
    table-layout: fixed;
}
.formFields .formSectionFields{
    display: table-cell;
    vertical-align: top;
}

.formFields .formSection.type-2{
    margin-top: 12px;
}
.formFields .formSection.type-3{
    margin-top: 24px;
}

.formFields .formSection.type-line{
    border-top: 1px solid #d0d0d0;
    padding-top: 1em;
}
.formFields .formField{
    display: table;
    table-layout: fixed;
    width: 100%;
    float: left;
    position: relative;
}
.webForm.type-3 .formFields .formField.type-file .formName{
    position: absolute;
    z-index: 1;
    left: 12px;
    top: 10px;
}
.formFields .formBlock,
.formFields .formField.formBlock{
    display: inline-block;
    width: auto;
    float: none;
    clear: both;
}
.formFields .formField.type-title{
    display: block;
}
.webForm.type-1 .formName{
    min-width: 33.33333333%;
    width: 33.33333333%;
}
.webForm.type-1 .formValue{
    min-width: 66.66666667%;
    width: 66.66666667%;
}

.webForm.type-1 .formFields .formName,
.webForm.type-1 .formFields .formValue
{
    display: table-cell;
    vertical-align: top;
}


.webForm.type-2 .formFields .formName,
.webForm.type-2 .formFields .formValue,
.webForm.type-3 .formFields .formValue
{
    display: block;
    width: 100%;
}
.webForm.type-2 .formFields .formName,
.webForm.type-3 .formFields .formName{
    padding-bottom: 3px;
}
.formFields .formField.formBlock .formValue{

    width: 100% !important;
}
.formFields .formField.formBlock{
    padding-bottom: 0;
}
.formFields .formField.formBlock .formSubTitle{

}
.formFields .formValue .table{
    width: 100%;
}
.formFields .formValue .formTextarea textarea{
    width: 100%;
    height: 80px;
}
.formFields .formValue label{
    cursor: pointer;
}
.formFields .formValue .formRadioItem{
    float: left;
    display: inline-table;
    margin-right: 10px;
    margin-bottom: 10px;
}
.formFields .formValue .formRadioItem img{
    float: none;
}
.formFields .formValue .formRadioItem small{
    text-align: left;
    font-size: 80%;
}
.formFields .formValue .formRadioItem.padding{
    padding-right: 0.5em;
}
.formFields .formValue.new_line .formRadioItem{
    float: none;
    clear: both;
    display: table;
    margin-bottom: 0.5em;
}
.formFields .formValue.new_line .formRadioItem:last-child{
    margin-bottom: 0;
}
.formFields .formValue.new_line .formRadioItem.padding{
    padding-right: 0;
}
.formFields .formValue .formRadioItem label.radio_image,
.formFields .formValue .formCheckboxItem label.checkbox_image{
    position: relative;
    display: block;
    border: 3px solid transparent;
    padding: 1px;
}
.formFields .formValue .formRadioItem label.radio_image.active,
.formFields .formValue .formCheckboxItem label.checkbox_image.active{
    border: 3px solid black;
}
/*.formFields .formValue .formRadioItem label.radio_image.active:after,
    .formFields .formValue .formCheckboxItem label.checkbox_image.active:after{
    content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAzMDAgMzAwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzMDAgMzAwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQogICAgPHBhdGggc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6I2ZmMDAwMDtzdHJva2Utd2lkdGg6MzA7c3Ryb2tlLW1pdGVybGltaXQ6MTA7c3Ryb2tlLWRhc2hhcnJheTogNDAwO3N0cm9rZS1kYXNob2Zmc2V0OjA7IiBkPSJNMzAuMTk2LDEyMC4xMzkgMTI4LjQ3NSwyMDcuNzQzIDI2Ny4yNSwyMy41NDMgIi8+DQo8L3N2Zz4=);
    position: absolute;
    z-index: 2;
    width: 80%;
    height: 80%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    padding: 0;
    margin: 0 auto;
}*/
.formFields .formValue .formRadioItem input[type=radio],
.formFields .formValue .formCheckboxItem input[type=checkbox]{
    margin-top: 6%;
    margin-right: 10px;
    padding: 0;
    width: 1em;
    height: 1em;
}
.formFields .formValue .formRadioItem input[type=radio] {
    margin-top: -0.1em;
    vertical-align: middle;
}

.formFields .formValue .formRadioItem label.radio_image span,
.formFields .formValue .formCheckboxItem label.checkbox_image span{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0.2em 0.3em 0.2em 0.3em;
    background-color: rgba(255,255,255,0.9);
    color: #000000;
    text-align: center;

}
.formFields .formValue .formRadioItem label.radio_image svg,
.formFields .formValue .formCheckboxItem label.checkbox_image svg{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 0;
    margin: 0 auto;
}
.formFields .formPageButton{
    cursor: pointer;
}

#ShoppingCart .formField.table .formName.block {
    padding-bottom: 10px !important;
}
#ShoppingCart .formField.table .formName.block,
#ShoppingCart .formField.table .formValue.block {
    width: 100% !important;
}
#ShoppingCart
.error-message{
    font-size: 12px;
    color: #ff0000;
    position: absolute;
    z-index: 1;
}
.status-message{
    font-size: 12px;
    position: absolute;
    z-index: 1;
}
.ThemeNavigationShoppingCart .error-message{
    right: 0;
    /*bottom: -5px;*/
    display: block;
}
.productDetail .error-message{
    position: relative;
}
.formFields .error-message{
    font-size: 11px;
    color: #ff0000;
    position: absolute;
    z-index: 1;
    bottom: -10px;
}
.formFields .error-message *{
    font-size: 11px !important;
    color: #ff0000 !important;
}
.formFields div.error.topleft{
    margin-top:0.5em;
    margin-left:-28px;
    padding:0;
}
.formFields div.error.topright{
    margin-top: 0;
    top: 50%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    margin-right: 14px;
    padding: 0;
    line-height: normal;
}
.formFields div.error.topright.select{
    margin-right: 40px;
}

div.attribute_error {
    margin-top: 8px;
    display: none;
}

div.error.attribute_error.topright{
    float: none;
    margin-top: 2px;
    top: 50%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    margin-right: 14px;
    padding: 0;
}
div.error.attribute_error.topright.select{
    margin-right: 40px;
}


.formFields div.error.topright.select.size-more{
    margin-right: 14px;
}
.formFields .required_error.error-system{
    color: #ff0000 !important;
}
.formFields .formCheckboxItem div.error{
    margin-top: 0;
}
.formFields .formRadio div.error{
    margin-top: 0;
}
.formFields .formRadio.border div.error{
    margin-top: 0.6em;
}
.formFields .formHidden div.error{
    margin-top: 0;
}
.formFields .formField.formBlock .formCheckboxItem div.error{
    margin-right: -30px;
}
.formFields .formFile{
    display: inline-block;
    width: 100%;
    height: 73px;
}
.formFields .formFile div.error{
    /*margin-top:0.5em;*/
}

#Form_member_group .formFields .formField.type-checkbox{
    width: 100%;
}

.errorScript{
    margin-top: 1em;
    padding: 1em;
    border:1px solid red;
    background-color: red;
    -moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px; border-radius: 15px;
    clear: both;
}
.errorScript span{
    color:white;
    text-decoration:none;
    font-size:14px;
}
/*** FILE UPLOADER ***/
.qq-uploader { position:relative; width: 100%;}
.qq-upload-button {
    display: block; /* or inline-block */
    width: 100%;
    height: 70px;
    background:#fff url(../../images/fileuploader_add.png) no-repeat center 0;
    cursor:pointer;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
    border-style: dotted;
    border-color: #eee;
    border-width: 5px;
}
.qq-upload-button input{
    width:100%;
    height:100%;
    cursor: pointer;
}
.qq-upload-button-hover {
    background-position: center -60px;
    cursor:pointer;
    }
.qq-upload-button-focus {outline:1px dotted black;}
.qq-upload-drop-area {
    position:absolute; top:0; left:0; width:100%; height:60px;  z-index:2;
    background: #fff url(../../images/fileuploader_add.png) no-repeat center 0;
     -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
    border-style: dotted;
    border-color: #eee;
    border-width: 5px;
}
.qq-upload-drop-area span {
    display:block; position:absolute; top: 50%; width:100%; margin-top:-8px; font-size:16px;
}
.qq-upload-drop-area-active {background:#fff url(../../images/fileuploader_add.png) no-repeat center -60px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
    border-style: dotted;
    border-color: blue;
    border-width: 5px;
}
.qq-upload-list {margin:6px 20px; padding:0; list-style:disc;}
.qq-upload-list li { margin:0; padding:0; line-height:15px; font-size:12px;word-wrap:break-word;position: relative;}
.qq-upload-list li.qq-upload-success.left{margin:1px;line-height: normal;text-align: center;border: 1px solid #d0d0d0;width: 52px;height: 52px;}
.qq-upload-list li span{font-size: 12px;}
.qq-upload-file, .qq-upload-spinner, .qq-upload-size, .qq-upload-cancel, .qq-upload-failed-text {
    margin-right: 7px;
}

.qq-upload-spinner {display:inline-block; background: url("../../images/fileuploader_loading.gif"); width:15px; height:15px; vertical-align:text-bottom;}
.qq-upload-size,.qq-upload-cancel {font-size:11px;}
.qq-upload-failed-text {display:none;}
.qq-upload-fail .qq-upload-failed-text {display:inline;color:silver;}
.qq-upload-fail span{color:silver;}
.qq-upload-image{
    max-width:50px;
    max-height:50px;
    position: absolute;
    top:50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
}
.qq-upload-success span.remove{
    display: none;
    font-size: 14px;
    color: #ff0000;
    z-index: 2;
    cursor: pointer;
}
.qq-upload-success > span.remove{
    position: absolute;
    top: 0;
    left: 0;
    background: white;
    padding: 1px;
}
.qq-upload-success > span.file a{
    color: inherit;
    font-size: inherit;
}
.qq-upload-success > span.file > span.remove {
    position: absolute;
    top: 50%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    right: -18px;
}

.qq-upload-success:hover span.remove{display: block;}
/* Titlebox */
.titlebox{
    position: absolute;
    top: 0;
    left: 0;
    width:100%;
    height:100%;
    background: rgba(0, 0, 0, .6);
    z-index: 9999;
    text-align: center;
    color: #fff;

}
.titlebox .titlebox-wrap{
    display: table;
    width: 100%;
    height: 100%;
    border-spacing: 10px;
}
.titlebox .titlebox-wrap .titlebox-wrap-inline{
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: top;
    text-align: center;
    padding-top: 150px;

}
.titlebox .titlebox-wrap .titlebox-wrap-inline .titlebox-content{
    margin: 0 auto;
    padding: 1em;
    background: #ffffff;
    max-width: 500px;
    height: auto;

    -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
       -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);

    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    overflow: hidden;
}
.titlebox .titlebox-wrap .titlebox-wrap-inline .titlebox-content .table{
    margin: 0 auto;
}
.titlebox .titlebox-wrap .titlebox-wrap-inline .titlebox-content a.button{
    display: inline-block;
    clear: both;
    width: 100px;
    padding: 5px 10px;
    -webkit-box-shadow: inset 0px 3px 8px rgba(40, 40, 40, 0.10);
    -moz-box-shadow: inset 0px 3px 8px rgba(40, 40, 40, 0.10);
    box-shadow: inset 0px 3px 8px rgba(40, 40, 40, 0.10);
    border: 1px solid #cdcdcd;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    color: #000000;
    font-size: 14px;
    font-weight: 400;
    font-family: Arial, Helvetica, sans-serif;
    cursor: pointer;
    text-decoration: none;
}
#CookieInfoDetail{
    display: none;
    max-width: 800px;
}
#CookieInfo{
    /*line-height: 1.5em;*/
    clear: both;
    display: table;
    text-align: center;
}
#CookieInfo a,
#CookieInfoDetail a,
#CookieInfoDetailShow a{
    text-decoration: underline !important;
}
#CookieInfoDetailShow a{
    color: #0000EE !important;
}
.CookieInfoOK{
    border:1px solid;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    padding: 5px 15px;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    cursor: pointer;
    margin-left: 1em;
}
.ThemeGallery{
    display: table;
}
.ThemeGallery.effect-motion{
    width: 100%;
}
.ThemeGallery.effect-motion img{
    float: none !important
}
.parallax{
    width:100%;
    position:absolute;
    top:0;
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

/* Button */
.Button{
    width: auto;
    display: block;
    overflow: hidden;
    position: relative;
    margin:0;
    padding: 0.25em 0.5px;
    width: 100%;
}
.Button:hover{
    -webkit-transform: translateZ(0); /* zaplata pre Chrome */
    transform: translateZ(0);
}
.MainButton.center{
    margin: 0 auto;

}
.Button span{
    display: block;
    width: 100%;
}
.Button span i{
    font-family: "swdefault";
    /*width: 1.3em;*/
    display: inline-block;
    margin-right: 6px;
    /*vertical-align: middle;*/
}
.Button span i.left {
    margin-left: 0;
    margin-right: 6px;
}
.Button span i.right {
    margin-left: 6px;
    margin-right: 0;
}
.Button span i.onlyicon{
    margin-right: 0;
}
.Button p span {
    display: inline;
}
.Button.height-custom span{
    position: relative;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
.Button.type-circle{
    border-radius: 50%;
     -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}
.Button.type-circle:before {
    content: "";
    display: block;
    padding-top: 100%;
}
.Button.type-circle span{
    height: auto;
    position: absolute;
    overflow: hidden;
    top: 50%;
    left: 0;
    display: inline-block;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
.Button.type-cutter{
    -webkit-border-top-right-radius:0px;
    -moz-border-radius-topright:0px;
    border-top-right-radius:0px;
    -webkit-border-bottom-left-radius:0px;
	-moz-border-radius-bottomleft:0px;
	border-bottom-left-radius:0px;
}
.Button.border{
    border-style: solid;
}



.sw-swipe-gallery{
    position: relative;
    width: 100%;
    display: table;
}

.popWindow{
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 16px;
    text-align: center;
    width: 100%;
}
.popWindow a{
    font-size: 14px;
    text-decoration: underline;
    clear: both;
}

.ShoppingCartMessage{
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 16px;
    text-align: center;
    width: 100%;
    background-color: rgb(255, 251, 209);
    margin-top: 1em;
    margin-bottom: 1em;
    font-weight: bold;
}
.ShoppingCartMessage a{
    font-size: 14px;
    text-decoration: underline;
    clear: both;
    font-weight: normal;
}
#ShoppingCartMessageDelivery{
    display: table;
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 1.5em;
    text-align: center;
    width: 100%;
    background-color: #f7f7f7;
    margin-bottom: 1em;
}

.MainTitle.decoration-underline span,
.MainTitle.decoration-cite span,
.SubTitle.decoration-underline span,
.SubTitle.decoration-cite span,
.Article h3.decoration-underline span{
    position: relative;
    display: inline-block; /* ak chcem podciarkut iba text dam inline-block , ak chcem podciarknut cely riadok dam block */
}

.MainTitle.decoration-underline span:after,
.SubTitle.decoration-underline span:after,
.Article h3.decoration-underline span:after{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: inherit;
    bottom: 0;
    z-index: 0;
}
.MainTitle.decoration-underline span.decoration-align-center:after,
.SubTitle.decoration-underline span.decoration-align-center:after,
.Article h3.decoration-underline span.decoration-align-center:after{
    left: 50%;
    -ms-transform: translate(-50%,0); /* IE 9 */
    -webkit-transform: translate(-50%,0); /* Chrome, Safari, Opera */
    -moz-transform: translate(-50%,0); /* Firefox */
    transform: translate(-50%,0);
}
.MainTitle.decoration-underline span.decoration-align-right:after,
.SubTitle.decoration-underline span.decoration-align-right:after,
.Article h3.decoration-underline span.decoration-align-right:after{
    left: auto;
    right: 0;
}
.MainTitle.decoration-cite span:before,
.SubTitle.decoration-cite span:before{
    content: ' ';
    display: block;
    left: 0;
    top: 0;
    height: 100%;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: inherit;
    z-index: 0;
    position: absolute;
}

.SmartContentGroup{
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
}
.SmartContentGroup .SmartContent > .content_group{
    float: none;
    height: 100%;
    display: inline-block;
}
.SmartContentGroup .SmartContent > .content_group > .GroupData{
    height: 100%;
}
.SmartContent{
    display: table-cell;
    height: 100%;
    vertical-align: top;
}
.SmartContent.empty
.SmartContentSeparator.empty{
    visibility: hidden;
}
.SmartContentSeparator{
    display: table-cell;
    position: relative;
    vertical-align: top;
    height: 100%;
    width: 12px;
}
.SmartContentSeparator > span{
    display: none;
    vertical-align: middle;
}
.SmartContentSeparator > span > hr{
    display: block;
}
.SmartContentSeparator .SeparatorHRV{
    border-left-width: 1px;
    display: block;
}
.SmartContentSeparator .SeparatorHR{
    display: block;
    border-bottom-width: 1px;
}

.SmartContentGroup.type-hyperlink > .SmartContent{text-align: center;}
.SmartContentGroup.type-hyperlink > .SmartContent .Hyperlink{display: inline-block !important; width: auto;}

.SmartContentGroup.type-picture > .SmartContent{text-align: center;}
.SmartContentGroup.type-picture > .SmartContent .Image{display: inline-block !important; width: auto;}

.productDetail section section span.content_separator,
.productDetail .Data .Data span.content_separator{
    width: 12px !important;
}

.Image-shopping_cart_attribute span{
    margin-left: 3px;
}
input[type="checkbox"],input[type="radio"]{
  cursor:pointer;
}

.CustomTemplate{
   table-layout: fixed;
}

.CustomTemplateItems .Gallery{table-layout: auto;width:100% !important;}
.CustomTemplateItems .Gallery .GallerySeparator.empty{display: none;}

.ButtonName.table {
    width: auto;
}
.ButtonName.table > i {
    padding-right: 6px;
}
.ButtonName.table > i.buttonicon-align-right {
    padding-right: 0;
    padding-left: 6px;
}
.ButtonName.table > i.onlyicon {
    padding-left: 0;
    padding-right: 0;
}
.ButtonName.table > * {
    display: table-cell !important;
    vertical-align: middle;
}
.ButtonName.table > p {
    word-break: break-word;
}
.ButtonName:before{
    font-family: "swdefault";
    padding-right: 6px;
}
.gallery_masonry{
    overflow: hidden;
}
.gallery_masonry > div {
	display: block;
	float: left;
	opacity: 0;
    -moz-opacity:0;
    -khtml-opacity: 0;
    filter:alpha(opacity: 0);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.gallery_masonry > div > a{


}
.gallery_masonry > div.shown{
	opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    filter:alpha(opacity: 100);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.gallery_masonry > div small{
    position: absolute;
    left: 0;
    width: 100%;
    padding: 5px 2px;
}
.gallery_masonry > div small.description-bottom{
    bottom: 0;
}

.googleMap{
    position: relative;
}
.googleSearchItem{
    display: table;
    position: relative;
    width:100%;
    z-index: 10;
    top: 0;
    color: #666666;
}
.googleSearchItem .search-item{
    font-size: 16px;
    padding: 10px;
}
.googleSearchItem.position-center{
    left: 50%;
    -ms-transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    transform: translate(-50%,0);
}
.googleSearchItem.position-left{
    left: 0;
}
.googleSearchItem.position-right{
    right: 0;
}
.googleSearch{
    outline: 0;box-sizing:border-box; -mox-box-sizing:border-box; -webkit-box-sizing:border-box;display:block;
    width: 100%;
    padding:0;
}
.GoogleSearchResult{
    min-width: 200px;
}
.googleMap .map_error {
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: rgba(0,0,0,.7);
    padding: 10px;

}
.googleMap .map_error span:before{
    content:' ';
    position: relative;
    background-image: url('/core/system/images/icon_arrow_easyup.svg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 60px auto;
    width: 80px;
    height: 100px;
    margin: 0 auto;
    display: block;


}
.googleMap .map_error span{
    text-align:center;
    width: 100%;
    position: absolute;
    top:30%;
    -ms-transform: translate(0,-30%); /* IE 9 */
    -webkit-transform: translate(0,-30%); /* Chrome, Safari, Opera */
    -moz-transform: translate(0,-30%); /* Firefox */
    transform: translate(0,-30%);
    font-size:32px;
    padding: 10px;
    color: #ffffff;
}
.googleMap .map_error .color{
    color: yellow;
}

#privacy{display:none;position: fixed;bottom: 0;left: 0;z-index: 1000;padding: 20px 20px 0 20px;background: rgba(220,220,220,0.8);color:#000000;width: 100%;max-width: 300px;text-align: left;}
#privacy .privacy-button{cursor: pointer;margin-bottom: 20px;font-size: 14px;clear: both;display: block;}
#privacy .privacy-button span{padding-right: 0.5em;}
#privacy .privacy-text{padding-bottom: 10px;display: inline-block;font-size:14px;}
#privacy .privacy-text a{color:#000000;text-decoration: underline;}

.privacy-button{
    border: 0;
    padding: 5px 10px;
    font-size: 12px;
    font-weight: normal;

    color: #ffffff;
    background-color: #E61464;

}

#privacy.full{max-width:none;padding:10px 10px 0 10px;}
#privacy.full .privacy-button{display: inline; margin-left: 1em;margin-bottom: 10px;}
#privacy.full .privacy-text{padding-bottom: 10px;}
/* UI Slider */
.ui-widget.ui-widget-content {
    border: 1px solid #c5c5c5;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 3px;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 3px;
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 3px;
}

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 3px;
}

.ui-widget-content {
    border: 1px solid #dddddd;
    background: #ffffff;
    color: #333333;
}

.ui-widget {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1em;
}

.ui-slider-horizontal {
    height: .8em;
}
.ui-slider {
    position: relative;
    text-align: left;
    /*margin-left: 4px;*/
    margin-top: 5px;
    margin-bottom: 32px;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border: 1px solid #c5c5c5;
    background: #f6f6f6;
    font-weight: normal;
    color: #454545;
}
.ui-slider-horizontal .ui-slider-handle {
    top: -.3em;
    margin-left: -.5em;
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.6em;
    top:100%;
    height: 1.6em;
    margin-top: -1.1em;
    text-align: center;
    line-height: 1.6em;
    cursor: default;
    -ms-touch-action: none;
    touch-action: none;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 3px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 3px;
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 3px;
}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 3px;
}
.slider,
.slider-range,
.slider-price{
    margin-left: 20px;
    margin-right: 26px;
}
.slider .custom-handle {
    top:100%;
    width: 1.6em;
    height: 1.6em;

    margin-top: -1.1em;
    text-align: center;
    line-height: 1.6em;
}
.slider.ui-widget-content .custom-handle.ui-state-default{
    background: #dddddd;
    border: none;
}
.ui-slider-tip{
    opacity: 1;
    top: 25px;
    visibility: hidden;
    position: absolute;
    display: block;
    width: auto;
    padding: 2px 5px;
    left: 50%;
    -ms-transform: translate(-50%,0); /* IE 9 */
    -webkit-transform: translate(-50%,0); /* Chrome, Safari, Opera */
    -moz-transform: translate(-50%,0); /* Firefox */
    transform: translate(-50%,0);
    height: auto;
    background: #fff;
    border-radius: 3px;
    border: 1px solid #888;
    text-align: center;
    font-size: 12px;
    line-height: 100%;
    color: #333;
    white-space: nowrap;
    min-width: 20px;
}
.ui-slider-tip:before{
    content: " ";
    width: 0;
    height: 0;
    border: 5px solid rgba(255,255,255,0);
    border-bottom-color: #888;
    position: absolute;
    top: -11px;
    left: 50%;
    -ms-transform: translate(-50%,0); /* IE 9 */
    -webkit-transform: translate(-50%,0); /* Chrome, Safari, Opera */
    -moz-transform: translate(-50%,0); /* Firefox */
    transform: translate(-50%,0);
}
.ui-slider-tip:after{
    content: " ";
    width: 0;
    height: 0;
    border: 5px solid rgba(255,255,255,0);
    border-bottom-color: #fff;
    position: absolute;
    top: -10px;
    left: 50%;
    -ms-transform: translate(-50%,0); /* IE 9 */
    -webkit-transform: translate(-50%,0); /* Chrome, Safari, Opera */
    -moz-transform: translate(-50%,0); /* Firefox */
    transform: translate(-50%,0);
}
.slider-range .ui-widget-header,
.slider-price .ui-widget-header{
    background: #dddddd;
    height: 100%;
    z-index: 1;
    position: absolute;

}

/* Datepicker */
.ui-datepicker {
	width: 16em;
	padding: .2em .2em 0;
	display: none;
	z-index: 20000000 !important;
	font-size: 14px;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 4px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next{
    font-family: "swdefault";
    font-size: 1.8em;
}
.ui-datepicker .ui-datepicker-prev:before{
    content: '\e885';
}
.ui-datepicker .ui-datepicker-next:before{
    content: '\e886';
}

.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}
.ui-datepicker .ui-state-highlight, .ui-datepicker.ui-widget-content .ui-state-highlight, .ui-datepicker .ui-widget-header .ui-state-highlight {
    border: 1px solid #dad55e;
    background: #fffa90;
    color: #777620;
}
/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}
/* Icons */
.ui-datepicker .ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	left: .5em;
	top: .3em;
}

/**
 * Owl Carousel v2.2.1
 * Copyright 2013-2017 David Deutsch
 * Licensed under  ()
 */
/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1; }
  .owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    -moz-backface-visibility: hidden;
    /* fix firefox animation glitch */ }
  .owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
  .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px); }
  .owl-carousel .owl-wrapper,
  .owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0); }
  .owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none; }
  .owl-carousel .owl-item img {
    display: block;
    width: 100%; }
  .owl-carousel .owl-nav.disabled,
  .owl-carousel .owl-dots.disabled {
    display: none; }
  .owl-carousel .owl-nav .owl-prev,
  .owl-carousel .owl-nav .owl-next,
  .owl-carousel .owl-dot {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel.owl-loaded {
    display: block; }
  .owl-carousel.owl-loading {
    opacity: 0;
    display: block; }
  .owl-carousel.owl-hidden {
    opacity: 0; }
  .owl-carousel.owl-refresh .owl-item {
    visibility: hidden; }
  .owl-carousel.owl-drag .owl-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel.owl-grab {
    cursor: move;
    cursor: grab; }
  .owl-carousel.owl-rtl {
    direction: rtl; }
  .owl-carousel.owl-rtl .owl-item {
    float: right; }

/* No Js */
.no-js .owl-carousel {
  display: block; }

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both; }

.owl-carousel .owl-animated-in {
  z-index: 0; }

.owl-carousel .owl-animated-out {
  z-index: 1; }

.owl-carousel .fadeOut {
  animation-name: fadeOut; }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out; }

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 400ms ease; }

.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d; }

/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000; }

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 100ms ease; }

.owl-carousel .owl-video-play-icon:hover {
  -ms-transform: scale(1.3, 1.3);
      transform: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none; }

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease; }

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%; }


/*
 * 	Default theme - CSS File
 */
.owl-theme .owl-nav {
    margin-top: 10px;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}
.owl-theme .owl-nav [class*='owl-'] {
    color: #FFF;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #D6D6D6;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px;
}
.owl-theme .owl-nav [class*='owl-']:hover
{
    background: #869791;
    color: #FFF;
    text-decoration: none;
}
.owl-theme .owl-nav .disabled {
    opacity: 0.5;
    cursor: default;
}

.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 10px;
}

.owl-theme .owl-dots {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}
.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline;
}
.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #D6D6D6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity 200ms ease;
    border-radius: 30px;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #869791;
}


/** My theme -  Owl Carousel **/
.owl-theme .owl-nav{
    margin:0;
}
.owl-theme .owl-nav .owl-prev,
.owl-theme .owl-nav .owl-next{
    display: none;
    position: absolute;
    top: 50%;
    -ms-transform: translate(0,-50%); /* IE 9 */
    -webkit-transform: translate(0,-50%); /* Chrome, Safari, Opera */
    -moz-transform: translate(0,-50%); /* Firefox */
    transform: translate(0,-50%);
    font-size: 3em;
    opacity: 0.7;
    -moz-opacity:0.7;
    -khtml-opacity: 0.7;
    filter:alpha(opacity: 70);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    background: none;
    padding: 0;
    margin: 0;
    color: #000;
    border-radius: 0;
    cursor: pointer;
}
.owl-theme .owl-nav .owl-prev:hover,
.owl-theme .owl-nav .owl-next:hover{
    background: none;
    color: #000;
}

.owl-theme:hover .owl-nav .owl-prev,
.owl-theme:hover .owl-nav .owl-next{
    display: block;
}

.owl-theme .owl-nav .owl-prev{
    left: 0;
}
.owl-theme .owl-nav .owl-next{
    right: 0;
}
.owl-theme .owl-nav .owl-prev.disabled,
.owl-theme .owl-nav .owl-next.disabled{
    display: none;
}

.ignorepadding {
    background-size: cover !important;
    -moz-background-size: cover !important;
    -webkit-background-size: cover !important;
}

.swipeBannerBackgrounds{top:0;width: 100%;height: 100%;position: absolute;z-index: -1;}
.swipeBannerBackgrounds .background-image{position:absolute;height:100%;width:100%;top:0;visibility:hidden;}
.swipeBannerBackgrounds .background-image span{height:100%;}


/** swipe banner pagination */

.swipebanner_pager {
    font-size: 14px;
    list-style-type: none;
}
.swipebanner_pager li {
    display: inline-block;
    cursor: pointer;
}
.swipebanner_pager.pager-circle li{
    margin: 0 0.2em;
    height: 1em;
    width: 1em;
    border-radius: 50%;
}

.swipebanner_pager.pager-line li{
    margin: 0 0.3em;
    height: 0.15em;
    width: 1.8em;
}

.swipebanner_pager.bottomleft{
    padding-left: 10px;
}
.swipebanner_pager.bottomright{
    padding-right: 10px;
}

/** swipe banner navigation*/
.swipebanner_navigation_menu{
    position: absolute;
    top: 0;
    width: 100%;
    max-width: 300px;
    height: 100%;
    overflow: hidden;
}

.swipebanner_navigation_menu.position-right{
    right: 0;
}

.swipebanner_navigation_menu.position-left{
    left: 0;
}

.swipebanner_navigation_menu ul{
    position: relative;
    z-index: 120;
    list-style: none;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.4);
    display: block;
    font-size: 28px;
    color: white;
    text-align: left;
    overflow-x: hidden;
    overflow-y: auto;
}

.swipebanner_navigation_menu li p{
    font-size: 14px;
}
.swipebanner_navigation_menu.position-right ul{
    transform: translateX(100%);
}

.swipebanner_navigation_menu.position-right:hover ul{
    transform: translateX(0);
}

.swipebanner_navigation_menu.position-left ul{
    transform: translateX(-100%);
}

.swipebanner_navigation_menu.position-left:hover ul{
    transform: translateX(0);
}

.swipebanner_navigation_menu.animate ul{
    -webkit-transition: transform .5s ease;
    -moz-transition: transform .5s ease;
    -o-transition: transform .5s ease;
    -ms-transition: transform .5s ease;
    transition: transform .5s ease;
}

.swipebanner_navigation_menu li{
    clear: both;
    cursor: pointer;
    padding: 20px 20px;
}
.swipebanner_navigation_menu li.active{
    background: rgba(0,0,0,0.2);
}

/** swipe banner pagination arrows*/
.swipebanner_pager_arrows{
    display: none;
}
.swipebanner_pager_arrows .pagger_arrow{
    display: table;
}
.swipebanner_pager_arrows .pagger_arrow > span{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 24px;
}

.SwipeBannerData .swipebanner_pager_arrows .pagger_arrow.roundcorner{
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.swipebanner_pager_arrows .pagger_arrow_left,
.swipebanner_pager_arrows .pagger_arrow_right {
    position: absolute;
    z-index: 1;
    top: 50%;
    -ms-transform: translate(0,-50%); /* IE 9 */
    -webkit-transform: translate(0,-50%); /* Chrome, Safari, Opera */
    -moz-transform: translate(0,-50%); /* Firefox */
    transform: translate(0,-50%);
    color: #ffffff;
    cursor: pointer;
}
.swipebanner_pager_arrows .pagger_arrow_right {
    right: 1px;
}
.swipebanner_pager_arrows .pagger_arrow_left {
    left: 1px;
}


.swipebanner_pager_arrows .pagger_arrow span.icon-angle-left{
    -ms-transform: translate(-7%,-2%); /* IE 9 */
    -webkit-transform: translate(-7%,-2%); /* Chrome, Safari, Opera */
    -moz-transform: translate(-7%,-2%); /* Firefox */
    transform: translate(-7%,-2%);
}
.swipebanner_pager_arrows .pagger_arrow span.icon-angle-right{
    -ms-transform: translate(7%,-2%); /* IE 9 */
    -webkit-transform: translate(7%,-2%); /* Chrome, Safari, Opera */
    -moz-transform: translate(7%,-2%); /* Firefox */
    transform: translate(7%,-2%);
}

.swipebanner_pager_arrows .pagger_arrow span.icon-left-open{
    -ms-transform: translate(-7%,6%); /* IE 9 */
    -webkit-transform: translate(-7%,6%); /* Chrome, Safari, Opera */
    -moz-transform: translate(-7%,6%); /* Firefox */
    transform: translate(-7%,6%);
}
.swipebanner_pager_arrows .pagger_arrow span.icon-right-open{
    -ms-transform: translate(7%,6%); /* IE 9 */
    -webkit-transform: translate(7%,6%); /* Chrome, Safari, Opera */
    -moz-transform: translate(7%,6%); /* Firefox */
    transform: translate(7%,6%);
}

.swipebanner_pager_arrows .pagger_arrow span.icon-angle-double-left{
    -ms-transform: translate(-5%,-2%); /* IE 9 */
    -webkit-transform: translate(-5%,-2%); /* Chrome, Safari, Opera */
    -moz-transform: translate(-5%,-2%); /* Firefox */
    transform: translate(-5%,-2%);
}
.swipebanner_pager_arrows .pagger_arrow span.icon-angle-double-right{
    -ms-transform: translate(5%,-2%); /* IE 9 */
    -webkit-transform: translate(5%,-2%); /* Chrome, Safari, Opera */
    -moz-transform: translate(5%,-2%); /* Firefox */
    transform: translate(5%,-2%);
}

.swipebanner_pager_arrows .pagger_arrow.roundcorner span.icon-angle-left{
    -ms-transform: translate(-4%,-2%); /* IE 9 */
    -webkit-transform: translate(-4%,-2%); /* Chrome, Safari, Opera */
    -moz-transform: translate(-4%,-2%); /* Firefox */
    transform: translate(-4%,-2%);
}
.swipebanner_pager_arrows .pagger_arrow.roundcorner span.icon-angle-right{
    -ms-transform: translate(4%,-2%); /* IE 9 */
    -webkit-transform: translate(4%,-2%); /* Chrome, Safari, Opera */
    -moz-transform: translate(4%,-2%); /* Firefox */
    transform: translate(4%,-2%);
}


/* swipebanner scroll after */
.swipebanner_scroll_after{
    position: absolute;
    bottom: 20px;
    z-index: 2;
    left: 50%;
    -ms-transform: translate(-50%,0); /* IE 9 */
    -webkit-transform: translate(-50%,0); /* Chrome, Safari, Opera */
    -moz-transform: translate(-50%,0); /* Firefox */
    transform: translate(-50%,0);
}

.swipebanner_scroll_after span{
    font-size: 24px;
    color: white;
    cursor: pointer;
}
/* swipebanner progressbar */
.swipebanner_progress {
    position: absolute;
    bottom: 0;
    display: block;
    white-space: nowrap;
    height: 2px;
    width: 0;
    box-shadow: inset 0px -1px 2px rgba(0,0,0,0.1);
    background-color: transparent;
    z-index: 2;
}

.swipebanner_progress.animated {
        -webkit-transform: translateZ(0); /* zaplata pre Chrome */
    transform: translateZ(0);
   -webkit-transition-property: width;
   -moz-transition-property: width;
   -o-transition-property: width;
   transition-property: width;
   -webkit-transition-timing-function: ease-in-out;
   -moz-transition-timing-function: ease-in-out;
   -o-transition-timing-function: ease-in-out;
   transition-timing-function: ease-in-out;
    width: 100%;
}

/* scroll to top */

#return-to-top {
    position: fixed;
    width: 1.6em;
    height: 1.6em;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: none;
    transition: all 0.3s ease;
    text-align: center;
    line-height: 1.7em;
    z-index: 9999;
}
#return-to-top:hover {
    background: black;
    opacity: 0.6;
    cursor: pointer;
}

/* ------------- swipe banner -------------- */

.SwipeBannerData{
    width: 100%;
    position: relative;
    font-size: 0;
}

.SwipeBannerData .banner_content_items{
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    border: 0 solid transparent;
    width: 100%;
    height: 100%;
    max-width: inherit;
    z-index: 2;

}
.SwipeBannerData .banner_content_items_link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}
.SwipeBannerData .banner_content_items.full-width{
    left: 0;
    transform: none;
    max-width: none !important;
}

.SwipeBannerData .banner_content{
    position: static;
    display: block;
    font-size: 12px;
}

.swipeBanner div.swiper .banner_content_value{
    position: absolute;
    margin: 0;
    padding: 0;
    display: block;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    z-index: 2;
    min-width: fit-content;
    min-width: -moz-fit-content;
    min-width: -webkit-fit-content;

    max-width: max-content;
    max-width: -moz-max-content;
    max-width: -webkit-max-content;

    width: 100%;
    height: auto;

}
.swipeBanner div.swiper .banner_content_value .GroupDataItemValue{
    display: table;
    width: 100%;
}

.swipeBanner div.swiper .text,
.swipeBanner div.swiper .image{
    margin: 0;
    padding: 0;
    position: relative;
/*     white-space: nowrap; */
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.swipeBanner div.swiper .image{
    display: table;
}
.swipeBanner div.swiper .text{
    display: block;
}
.swipeBanner div.swiper .banner_content_value.banner_position.center_left .text,
.swipeBanner div.swiper .banner_content_value.banner_position.center_center .text,
.swipeBanner div.swiper .banner_content_value.banner_position.center_right .text{
    vertical-align: middle;
}

.swipeBanner div.swiper .banner_content_value.banner_position.bottom_left .text,
.swipeBanner div.swiper .banner_content_value.banner_position.bottom_center .text,
.swipeBanner div.swiper .banner_content_value.banner_position.bottom_right .text{
    vertical-align: bottom;
}
.swipeBanner div.swiper .text a {
    cursor: pointer !important;
}

/* umiestnenia */
.swipeBanner div.swiper .top_left{
    top: 0;
    left: 0;
}
.swipeBanner div.swiper .top_center{
    top:0;
    left: 50%;
    -ms-transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    transform: translate(-50%,0);
}
.swipeBanner div.swiper div.top_right{
    top:0;
    right: 0;
}
.swipeBanner div.swiper .center_left{
    left:0;
    top: 50%;
    -ms-transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    transform: translate(0,-50%);
}
.swipeBanner div.swiper .center_center{
    left: 50%;
    top: 50%;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.swipeBanner div.swiper .center_right{
    right: 0;
    top:50%;
    -ms-transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    transform: translate(0,-50%);
}
.swipeBanner div.swiper .bottom_left{
    bottom: 0;
    left: 0;
}
.swipeBanner div.swiper .bottom_center{
    bottom: 0;
    left: 50%;
    -ms-transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    transform: translate(-50%,0);
}
.swipeBanner div.swiper .bottom_right{
    bottom: 0;
    right: 0;
}
.swipeBanner .swiper{
    width: 100%;
    overflow: hidden;
    display: none;
}
.swipeBanner .swiper:first-child{
    display: block;
}
.swipeBanner .banner_bg{
    width: 100%;
    position: relative;
    z-index: 1;
    height: 100%;
    display: table;
}
.swipeBanner .banner_bg > div {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
}
.swipeBanner .banner_bg .image-background{
    width: 100%;
    height: 100%;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;

    z-index: 1;
}

.swipeBanner {
    height: inherit;
}
.swipeBanner .banner_button{
    display: block;
}

div.ignorepadding .swipeBanner .banner_bg .image-background{
    background-size: cover !important;
    -moz-background-size: cover !important;
    -webkit-background-size: cover !important;
}
.viewport > .swipeBanner{
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.viewport > .swipeBanner > .swiper{
    margin:0;         /*  margin:0 auto;   -->  to tu bolo povodne*/
}
.viewport > .swipeBanner > .swiper .banner_content{
    display: none;
}
.full_viewport .swipeBanner .banner_bg span {
    margin: 0;
}

.full_viewport .swipeBanner .banner_bg span img {
    width: 100vw !important;
    max-width: none !important;
}
.swipebanner_pager li {
    background-color: #bfbfbf;
}
.swipebanner_pager li.active {
    background-color: #737373;
}

/* PRISPOSOBENIE - adjust */
.swipeBanner .swipe-wrap {
    height: 100%;
    display: flex;
    flex-wrap: wrap;
}
.swipeBanner .swipe-wrap.width-clear{
    width: 20000em;
    height: auto;
}
.adjust .swipeBanner .swipe-wrap .swiper .banner_bg .image-background img {
    height: auto !important;
    /*max-width: none !important;*/
    display: block;
}
.adjust .swipeBanner .swipe-wrap .swiper .banner_bg .image-background {
    /*background-size: auto 100% !important;*/
    height: auto !important;
}
.adjust .swipeBanner {
    height: inherit !important;
}
.adjust {
    height: auto !important;
}

.adjust-auto .swipeBanner .swipe-wrap .swiper .banner_bg .image-background img {
    height: auto !important;
    display: block;
}

.adjust-auto .swipeBanner {
    height: inherit !important;
}
.adjust-auto {
    height: auto !important;
}


.swipeBanner .swipe-wrap .swiper span.text *{
    color: inherit !important;
}
.swipeBanner .banner_contentgroup{
    display: table;
    height: 100%;
}
.swipeBanner .banner_contentgroup .content_group{
    display: table;
    min-height: 100%;
    height: 100%;
}
/* ------------- thumbs gallery -------------- */
/*
.swipe {
    overflow: hidden;
    position: relative;
}

.swipe-wrap {
    overflow: hidden;
    position: relative;
}

.swipe-wrap > div {
    float: left;
    position: relative;
    overflow: hidden;
}
*/

/*
.gallery_content_image img {
    max-width: none !important;
    max-height: none !important;
}
*/

/** Packeta - Zasielkovna **/
.fancybox-delivery-place-packeta .fancybox-content{
    background: none !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
}

#fancybox-frame-delivery-place-packeta{
    background: none !important;
}
#packeta-widget {
    display: none;
    border: hidden;
    height: 600px;
    width: 100%;
    max-width: 500px;
}

div.usemap{
    position:relative;
    background-size: contain;
}
.usemap{
    display: block;
    width: 100%;
    height: auto;

    padding: 0;
    border:0;
}



/** Geispoint **/
#geispoint-widget {
    width  : 800px;
    max-width  : 100%;
    max-height : 100%;
    margin: 0;
    padding: 0;
    overflow: visible;
}

#geispoint-widget .fancybox-close-small{
    top:-30px;
    right: -30px;
}

#geispoint-widget .Table{
    height: 490px;
    overflow: hidden;
    padding: 0 !important;
    margin: 0 !important;
}
#geispoint-widget .Table .table-cell.address{
    width: 33.33333333%;
    padding: 10px;
}

#geispoint_gp{
    height: 437px;
    overflow: auto;
    border: 1px solid #dddddd;
}
#geispoint_gp .geispoint_gp_data {
    padding: 5px;
    cursor: pointer;
    border-bottom: 1px solid #dddddd;
    display: grid;
    width: 100%;
    grid-column: 3;
    grid-row: 2;
    grid-template-columns: 60px;
}
#geispoint_gp .geispoint_gp_data .geispoint_gp_data_name{
    font-weight: bold;
}
#geispoint_gp .geispoint_gp_data.active{
    background: #dddddd;
}

#geispoint_gp .geispoint_gp_data_image{
    position: relative;
    overflow: hidden;
    grid-column-start: 1;
    grid-row-end: 4;
    grid-row-start: 1;
}
#geispoint_gp .geispoint_gp_data_image img{
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%,-50%); /* IE 9 */
    -webkit-transform: translate(-50%,-50%); /* Chrome, Safari, Opera */
    -moz-transform: translate(-50%,-50%); /* Firefox */
    transform: translate(-50%,-50%);
    max-width: 50px;
    max-height: 50px;
}

#geispoint_gp .geispoint_gp_data_name {
    grid-row-start: 1;
    grid-column-start: 2;
}

#geispoint_gp .geispoint_gp_data_street{
    grid-column-start: 2;
    grid-row-start: 2;
}

#geispoint_gp .geispoint_gp_data_city {
    grid-row-start: 3;
    grid-column-start: 2;
}
#geispoint-widget .map{
    overflow: hidden;
}
#geispoint-widget-map{
    display: table;
    height: 100%;
    width: 100%;
}

#Form_geispoint .formField.type-button{
    margin-bottom: 0;
}
#Form_geispoint .formButton{
    padding: 0;
}
#Form_geispoint .sendButton{
    min-width: 100px;
    width: 100%;

}

#Tags{
    display: table;
    width: 100%;
}
#Tags .TagItems{
    display: table;
    width: auto;
}

#Tags ul{

    list-style:none;
    clear:none;
    margin:0;
    padding:0;
    width:auto;
    display:inline;
    position: relative;
    margin-bottom: 0;
}
#Tags li{float: left;}
#Tags li a{display: block;}
#Tags ul > li:last-child{margin-right: 0;}

#Tags ul.effect-underline a span{display:block; position: relative;}
#Tags ul.effect-underline a span:after{content:' '; border-bottom-width: 1px; border-bottom-style: solid; position: absolute; bottom: -2px; left:-2px; width: 0;}
#Tags ul.effect-underline a:hover span:after {
    width: calc(100% + 4px);
    -webkit-transition: width 0.2s ease-in-out;
    -moz-transition: width 0.2s ease-in-out;
    -o-transition: width 0.2s ease-in-out;
    transition: width 0.2s ease-in-out;
}


#mystatistic {
    display: none;
    position: fixed;
    z-index: 99999999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
#mystatistic.show {
    display: block;
}
#mystatistic::-webkit-scrollbar {
    display: none;
}

#mystatistic-buttons {
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9;
    width: 51px;

}
#mystatistic-buttons > a {
    display: inline-block;
    background-color: var(--statistic-bgcolor);
    color: var(--statistic-txtcolor);
    font-size: 34px;
    text-align: center;
    width: 51px;
    height: 51px;
    line-height: 51px;
    z-index: 2;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    cursor: pointer;
}
#mystatistic .mystatistic-menu{
    display: none;
}

#mystatistic.show nav {
    -webkit-transform: translate3d(275px, 0px, 0px);
    -moz-transform: translate3d(275px, 0px, 0px);
    transform: translate3d(275px, 0px, 0px);
}
#mystatistic.show nav,
#mystatistic.show nav li.NavMenuLevel1{
    background: var(--statistic-bgcolor) !important;
}
#mystatistic.show nav #NavMenu li div {
    border-bottom:1px solid var(--statistic-bordercolor) !important;
}
#mystatistic.show nav li.NavMenuLevel1 a {
    color: var(--statistic-txtcolor) !important;
}

#mystatistic.show h2 {
    display: none;
}

#mystatistic.show .mystatistic-logout {
    display: block;
    clear: both;
    margin: 20px auto;
    position: relative;
    padding: 5px 16px;
    color: #333;
    font-size: 14px;
    font-weight: bold;
    -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
    -webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
    transition: opacity 0.2s, -webkit-transform 0.2s;
    -o-transition: transform 0.2s, opacity 0.2s;
    transition: transform 0.2s, opacity 0.2s;
    transition: transform 0.2s, opacity 0.2s, -webkit-transform 0.2s;
    -webkit-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    background: #fff;
    border-radius: 2rem;
    -webkit-box-shadow: 0 2px 3px rgba(0,0,0,.2);
    box-shadow: 0 2px 3px rgba(0,0,0,.2);
    border:0;
    cursor: pointer;
}

#main-buttons .mystatistic-fixed{
    display: block;
    background: white;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    font-size: 34px;
    -webkit-font-smoothing: antialiased;
    cursor: pointer;
    width: 51px;
    line-height: 51px;
    height: 51px;
    text-align: center;
}

#main-buttons .mystatistic-fixed img {
    width: 34px;
    height: 34px;
}

#mystatistic.show #stats-dark-background {
    width: 100%;
    height: 100%;
    -webkit-animation: fadeIn;
    animation: fadeIn;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0;
    overflow: hidden;
}
#mystatistic.show.close #stats-dark-background {
    width: 100%;
    height: 100%;
    -webkit-animation: fadeOut;
    animation: fadeOut;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 1;
    overflow: hidden;
}

#mystatistic.show #stats-dark-background:before {
    content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0,0,0,.5);
    position: fixed;
}
#mystatistic.show #statistic {
    position: relative;
    width: 100%;
    height: 100%;
    padding-right: 15px;
    overflow: auto;
    box-sizing: content-box;
}
#mystatistic.show #statistic .stats-section {
    padding: 4rem 0;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    display: -webkit-box;
    position: relative;
    z-index: 0;

}
#mystatistic.show #statistic .stats-img img {
    max-width: 100%;
    border-radius: 10px;
    -webkit-box-shadow: 0 10px 100px rgba(0,0,0,.5);
    box-shadow: 0 10px 100px rgba(0,0,0,.5);
}
#mystatistic.show #statistic .stats-img {
    position: relative;
    max-width: 440px;
    -webkit-animation: fadeInUp;
    animation: fadeInUp;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0;
    margin: 0 auto;
}
#mystatistic.show.close #statistic .stats-img {
    position: relative;
    max-width: 440px;
    -webkit-animation: fadeOutDown;
    animation: fadeOutDown;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 1;
    margin: 0 auto;
}
#mystatistic.show #statistic .stats-img:before {
    content: "";
    width: 80%;
    height: 20px;
    border-radius: 10px;
    position: absolute;
    z-index: -1;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    top: -10px;
}
#stats-section1 .stats-img:before {
    background: #bbdefb;
}

#stats-section2 .stats-img:before {
    background: #f06292;
}

#stats-section3 .stats-img:before {
    background: #ffd54f;
}

#stats-section4 .stats-img:before {
    background: #9fa8da;
}

#stats-section5 .stats-img:before {
    background: #cddc39;
}

#stats-section6 .stats-img:before {
    background: #a19076;
}

#stats-section7 .stats-img::before {
    background: #e57373;
}

#stats-section8 .stats-img:before {
    background: #64b5f6;
}

#stats-section9 .stats-img:before,
#stats-section10 .stats-img:before,
#stats-section11 .stats-img:before {
    background: #81c784;
}

#mystatistic.show #stats-vertical-nav {
    position: fixed;
    right: 17px;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
}
#mystatistic.show #stats-vertical-nav ul {
    list-style: none;
}
#mystatistic.show #stats-vertical-nav li {
    opacity: 0;
    text-align: right;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
}

#mystatistic.show #stats-vertical-nav li.fadeInRight {
    -webkit-animation: fadeInRight;
    animation: fadeInRight;
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-delay: .1s;
    animation-delay: .1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    position: relative;
}

#mystatistic.show #stats-vertical-nav li.fadeInRight:nth-child(2) {
    -webkit-animation-delay: .15s;
    animation-delay: .15s;
}

#mystatistic.show #stats-vertical-nav li.fadeInRight:nth-child(3) {
    -webkit-animation-delay: .2s;
    animation-delay: .2s;
}

#mystatistic.show #stats-vertical-nav li.fadeInRight:nth-child(4) {
    -webkit-animation-delay: .25s;
    animation-delay: .25s;
}

#mystatistic.show #stats-vertical-nav li.fadeInRight:nth-child(5) {
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
}

#mystatistic.show #stats-vertical-nav li.fadeInRight:nth-child(6) {
    -webkit-animation-delay: .35s;
    animation-delay: .35s;
}

#mystatistic.show #stats-vertical-nav li.fadeInRight:nth-child(7) {
    -webkit-animation-delay: .4s;
    animation-delay: .4s;
}

#mystatistic.show #stats-vertical-nav li.fadeInRight:nth-child(8) {
    -webkit-animation-delay: .45s;
    animation-delay: .45s;
}

#mystatistic.show #stats-vertical-nav li.fadeInRight:nth-child(9) {
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
}

#mystatistic.show #stats-vertical-nav li.fadeInRight:nth-child(10) {
    -webkit-animation-delay: .55s;
    animation-delay: .55s;
}

#mystatistic.show #stats-vertical-nav li.fadeInRight:nth-child(11) {
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
}

#mystatistic.show #stats-vertical-nav li.fadeInRight:nth-child(12) {
    -webkit-animation-delay: .65s;
    animation-delay: .65s;
}

#mystatistic.show #stats-vertical-nav a {
    display: inline-block;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

#mystatistic.show #stats-vertical-nav a::after {
    content: "";
    display: table;
    clear: both;
}

#mystatistic.show #stats-vertical-nav a span {
    float: right;
    display: inline-block;
    -webkit-transform: scale(0.6);
    -ms-transform: scale(0.6);
    transform: scale(0.6);
}

#mystatistic.show #stats-vertical-nav a:hover span {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

#mystatistic.show #stats-vertical-nav a:hover .stats-label,
#mystatistic.show #stats-vertical-nav a.is-selected .stats-label {
    opacity: 1;
}

#mystatistic.show #stats-vertical-nav a.is-selected .stats-label {
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
}

#mystatistic.show #stats-vertical-nav a.is-selected .stats-dot {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    border: 2px solid #fff;
    background: #fff;
}

#mystatistic.show #stats-vertical-nav .stats-dot {
    position: relative;
    top: .5rem;
    height: 12px;
    width: 12px;
    border-radius: 50%;
    border: 2px solid #fff;
    -webkit-transition: -webkit-transform 0.2s, background-color 0.5s;
    -webkit-transition: background-color 0.5s, -webkit-transform 0.2s;
    transition: background-color 0.5s, -webkit-transform 0.2s;
    -o-transition: transform 0.2s, background-color 0.5s;
    transition: transform 0.2s, background-color 0.5s;
    transition: transform 0.2s, background-color 0.5s, -webkit-transform 0.2s;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

#mystatistic.show #stats-vertical-nav .stats-label {
    position: relative;
    margin-right: 12px;
    padding: 5px 16px;
    color: #333;
    font-size: 14px;
    font-weight: bold;
    -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
    -webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
    transition: opacity 0.2s, -webkit-transform 0.2s;
    -o-transition: transform 0.2s, opacity 0.2s;
    transition: transform 0.2s, opacity 0.2s;
    transition: transform 0.2s, opacity 0.2s, -webkit-transform 0.2s;
    opacity: 0;
    -webkit-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    background: #fff;
    border-radius: 2rem;
    -webkit-box-shadow: 0 2px 3px rgba(0,0,0,.2);
    box-shadow: 0 2px 3px rgba(0,0,0,.2);
}

#mystatistic.show .mystatistic-foot {
    text-align: center;
    color: #ffffff;
    font-size: 12px;
}

#mystatistic.show #stats-vertical-nav {
    display: block;
}
input[type="password"][id^="formHash_"] {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    z-index: -999;
}

.grecaptcha-badge{opacity:0}

/* Product gift */
.MainTitle .product-gifts,
.SubTitle .product-gifts {
    margin-left: .25em;
}
.product-gift-image img {
    width: 100%;
    max-width: .75em;
    max-height: .75em;
    margin-right: .25em;
}
.product-gift-icon {
    margin-right: .25em;
}
.ProductGift {
    display: block;
    width: 100%;
}
.ProductGift .product-gifts {
    display: flex;
    align-items: center;
}
.ProductGift.align-right .product-gifts{
    justify-content: flex-end;
}
.product-gift-image img {
    max-width: 1em;
    max-height: none;
}
.ProductGift .product-gift-name,
.ProductGift .product-gift-image {
    line-height: 1;
}

.FilterNavigation {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.FilterNavigation > * {
    flex-shrink: 0;
    max-width: 100%;
}
.FilterNavigation .col {
    flex: 0 0 auto;
}

.FilterNavigationItem {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    height: 100%;
    align-items: center;
}
.FilterNavigationItem .title {
    width: 100%;
}
.FilterNavigationItem img {
    margin-right: .5rem;
    height: 100%;
}

/* ThemeNavigationType = 8 > */
.ThemeNavigation.type-8 .ThemeNavigationItem .ThemeNavigationInit, .ThemeNavigation.type-8 .themenavigation_content {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.ThemeNavigation.type-8 .themenavigation_content .themenavigation_title, .ThemeNavigation.type-8 .themenavigation_content .themenavigation_subtitle  {
    position: absolute;
    width: 100%;
    padding: 1rem;
}

.ThemeNavigation.type-8 .themenavigation_content .themenavigation_title.top, .ThemeNavigation.type-8 .themenavigation_content .themenavigation_subtitle.top {
    top: 0;
}

.ThemeNavigation.type-8 .themenavigation_content .themenavigation_title.middle, .ThemeNavigation.type-8 .themenavigation_content .themenavigation_subtitle.middle {
    top: 50%;
    transform: translateY(-50%);
}

.ThemeNavigation.type-8 .themenavigation_content .themenavigation_title.bottom, .ThemeNavigation.type-8 .themenavigation_content .themenavigation_subtitle.bottom {
    bottom: 0;
}

.ThemeNavigation.type-8 .ThemeNavigationItem .ThemeNavigationInit, .ThemeNavigation.type-8 .ThemeNavigationItem .ThemeNavigationInit .ThemeNavigationInitBlock, .ThemeNavigation.type-8 .ThemeNavigationItem .themenavigation_image {
    height: 100%;
    width: 100%;
    cursor: pointer;
}

.ThemeNavigation.type-8 {
    display: grid;
    /*width: calc(100% + 2 * var(--item-separator-width));*/
    /*margin: calc(var(--item-separator-width) * -1);*/
}

div[id*=ThemeNavigation] .ThemeNavigation.type-8 .ThemeNavigationItem {
    /*height: auto;*/
    /*border-width: var(--item-separator-width) !important;
    border-style: solid;
    border-color: var(--image-separator-color) !important;*/
}

@media (min-width: 481px) {
    div[id*=ThemeNavigation] .ThemeNavigation.type-8 .ThemeNavigationItem {
        position: relative;
        width: 100%;
        /*aspect-ratio: var(--aspect-ratio);*/
        padding-top: var(--inverted-aspect-ratio);
        grid-column: span var(--grid-column);
        grid-row: span var(--grid-row);
    }
    .ThemeNavigation.type-8 {
        grid-template-columns: var(--grid-template-columns);
        grid-gap: var(--item-separator-width);
    }
}
@media (max-width: 480px) {
    div[id*=ThemeNavigation] .ThemeNavigation.type-8 .ThemeNavigationItem {
        position: relative;
        width: 100%;
        /*aspect-ratio: var(--mobile-aspect-ratio);*/
        padding-top: var(--mobile-inverted-aspect-ratio);
        grid-column: span var(--mobile-grid-column);
        grid-row: span var(--mobile-grid-row);
    }
    .ThemeNavigation.type-8 {
        grid-template-columns: var(--mobile-grid-template-columns);
    }
}

div[id*=ThemeNavigation] .ThemeNavigation.type-8 div[id*=main_themenavigationbutton_] .Button {
    background-color: rgba(var(--button_background_color), var(--button_background_opacity)) !important;
}

div[id*=ThemeNavigation] .ThemeNavigation.type-8 .ThemeNavigationItem:hover div[id*=main_themenavigationbutton_] {
    opacity: 1;
}

div[id*=ThemeNavigation] .ThemeNavigation.type-8 div[id*=main_themenavigationbutton_] .Button i[class*="icon"]::before {
    background: none;
}

/* na .ThemeNavigationItem:hover skryje .themenavigation_content a zobrazi .themenavigation_hover_overlay */
div[id*=ThemeNavigation] .ThemeNavigation.type-8 .ThemeNavigationItem:hover .themenavigation_content {
    opacity: var(--hide_if_button);
}
div[id*=ThemeNavigation] .ThemeNavigation.type-8 .ThemeNavigationItem .themenavigation_hover {
    opacity: 0;
    width: 100%;
    height: 100%;
    background-color: var(--item_hover_background_color);
    transition: all 0.5s;
}
div[id*=ThemeNavigation] .ThemeNavigation.type-8 .ThemeNavigationItem:hover .themenavigation_hover {
    opacity: 1;
}
div[id*=ThemeNavigation] .ThemeNavigation.type-8 .ThemeNavigationItem .themenavigation_hover .texts {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}
div[id*=ThemeNavigation] .ThemeNavigation.type-8 .ThemeNavigationItem .themenavigation_hover .texts .button_text {
    color: var(--button_text_color);
    font-size: var(--button_text_font_size);
}

div[id*=ThemeNavigation] .ThemeNavigation.type-8 .themenavigation_description:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 100%;
    background-image: var(--item_linear_gradient);
}


/* < ThemeNavigationType = 8 */

/* searchButton */
.HeadData .HeadBottom .SearchButton span.ButtonName {
    background: none;
}
nav .SearchButton a.Button, .HeadData .HeadBottom .SearchButton a.Button {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0.5em;
    margin-right: 0.5em;
}
nav .SearchButton.MainButton {
    min-width: 45px;
}
nav .SearchButton.MainButton a {
    width: 45px;
    height: 45px;
    font-size: 15px;
}
nav .SearchButton.MainButton a:before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    content: '\e890';
    font-family: swdefault !important;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    text-align: center;
}
nav .SearchButton.MainButton span.ButtonName {
    text-indent: -999px;
}

.d-none {
    display: none !important;
}

@media (min-width: 768px) {
    .d-md-block {
        display: block !important;
    }
}