/*user styles*/
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;1,100;1,300;1,400&display=swap');
body, table, option, input, button, select{font-family:'Roboto', sans-serif}
html,body{height:100%}
body{color:#50504d;font-family:'Roboto', sans-serif;font-size:14px;margin:0;padding:0;min-width:500px !important;background:#EDEEF2}
*{box-sizing:border-box;-webkit-text-size-adjust:none !important;outline:none}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block}
h1,h2,h3,h4,h5,h6{display:block;padding:0;font-weight:300;float:left;width:100%}
h1{margin:20px 0 20px 0;font-size:34px}
h2{margin:40px 0 20px 0;font-size:25px}
h3{margin:20px 0 15px 0;font-size:21px}
h4{margin:10px 0 10px 0;font-size:24px}
h5{margin:20px 0 15px 0;font-size:17px}
h6{margin:20px 0 15px 0;font-size:16px}
p{margin:15px 0;display:block;line-height:32px;padding:0;font-size:14px}
input,textarea{outline:none;float:left;border:1px solid #84A0AE;font-size:13px;line-height:18px;background:#fff;color:#333;margin:3px 6px;resize:none;min-height:34px;border-radius:3px;padding:7px;-ms-overflow-y:auto;background-clip:padding-box;-webkit-background-clip:padding-box}
table{border-spacing:0}
hr{width:100%;float:left;border-top:none;margin:0}
.center{text-align:center !important}
.right{text-align:right !important}
.left{text-align:left !important}
.grey{color:grey}
.not{display:none !important}
img{font-size:0;line-height:0}
a{color:#2a5c79;text-decoration:none;transition:all 200ms}
a:hover{color:#E10067;text-decoration:underline}

/* NUTNO PREDELAT*/
/* NUTNO PREDELAT*/
/* NUTNO PREDELAT*/
/* NUTNO PREDELAT*/
@font-face{font-family:CNP;src:url('/Fonts/CNP.ttf')}
.ico{position:relative}
.ico:before,.ico:after{font-family:CNP;font-weight:normal;position:absolute;text-decoration:underline}
.ico:before,.ico:after,.ico:hover:before,.ico:hover:after{text-decoration:none}
/* NUTNO PREDELAT*/
/* NUTNO PREDELAT*/
/* NUTNO PREDELAT*/
/* NUTNO PREDELAT*/


.btn{background-color:#2b719b;border:none;text-decoration:none;border-radius:3px;box-shadow:inset 0 -2px 0 0 rgba(0, 0, 0, 0.3);color:#fff;cursor:pointer;font-size:15px;padding:12px 24px;position:relative;text-align:center;white-space:nowrap;transition:all 200ms;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.btn:hover{color:#fff;text-decoration:none;background:#225b7d}
.btn.sec{background-color:#65c178;box-shadow:inset 0 -2px 0 0 rgba(38, 38, 38, 0.3)}
.btn.sec:hover{background:#43b35a}

.ghost-text{left:-9999px;position:absolute !important;top:0;}
#maincont,#headercont{max-width:1200px}
#maincont{margin:0 auto}
#headercont{position:fixed;clear:left;background:#EDEEF2;z-index:99;width:100%;float:left;display:block}
header{float:left;width:100%}
#headernaviA{float:left;width:100%}
#headernaviA nav{float:left;padding:10px 10px 10px 20px;width:}
#headernaviA nav ul{float:left;margin:0;padding:0;list-style:none}
#headernaviA nav ul li{float:left;margin:0;padding:0}
#headernaviA nav ul li:not(:last-child){border-right:1px solid #c4c4c4}
#headernaviA nav ul li a{text-decoration:none;font-size:14px;margin:0 20px;line-height:14px;float:left}
#headernaviA nav ul li a:not(:hover){color:#666361}
#flags {float: right;padding: 11px;}
#flags button {float: left;margin: 0 5px;width: 18px;height: 12px;color: transparent;font-size: 0;cursor: pointer;border: none;background-repeat: no-repeat;background-position: center;background-size: 100%;background-color: transparent;padding: 0;outline: none;appearance: none;;}
#flags button.act {pointer-events: none;}
#flags button:not(.act) {opacity: 0.4;}
#flags button.cz {background: url("../Img/flag-cz.svg") no-repeat center;background-size: 100%;}
#flags button.en {background: url("../Img/flag-en.svg") no-repeat center;background-size: 100%;}

#headernaviB{float:left;width:100%;background:#ffffff;border-top-left-radius:15px;border-top-right-radius:15px;padding:20px 40px}
#logo{float:left;height:50px;width:237px}
#logo h1{margin:0;padding:0}
#logo a{background:url(../Img/logo.jpg) no-repeat left center;background-size:auto 100%;width:100%;height:50px;font-size:0;color:transparent;float:left;display:block;transition:height 0.2s ease-out}
#sptnav{float:left;width:100%;height:50px;background:linear-gradient(to right, #FF0067, #B200D3);box-shadow:0 4px 8px 2px rgba(0,0,0,0.15)}
#sptnav .l3{position:relative;width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:0;margin:0}
#sptnav .l3 > li{list-style:none;flex:1 1 auto}
#sptnav .l3 > li > a{height:50px;padding:0px;text-align:center;color:#ececec;transition:0s;font-size:14px;line-height:50px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;user-select:none}
#sptnav .l3 > li:not(:last-child){border-right:1px solid rgba(0, 0, 0, 0.3)}
#sptnav .l3 > li:hover .l6,
#sptnav .l3 > li:active .l6,
#sptnav .l3 > li:focus .l6{visibility:visible}
#sptnav .l3 > li:hover > a,
#sptnav .l3 > li:active > a,
#sptnav .l3 > li:focus > a{transition-delay:200ms;text-decoration:none;color:#09164B;border-top:2px solid #dfa5bc;background:#fff;line-height:48px}
#sptnav .l3 > li:not(:last-child):hover{transition-delay:200ms;border-right:1px solid rgba(255, 255, 255, 0)}
#sptnav .l6{transition:0s visibility;transition-delay:200ms;position:absolute;visibility:hidden;top:50px;left:0;padding:15px 0 0 20px;border-bottom:4px solid #dfa5bc;background:#fff;width:100%;display:flex;flex-wrap:wrap;box-shadow:0px 2px 4px #ffdeeb}
#sptnav .l6 li{width:20%;float:left;padding:0 15px 15px 0;list-style:none}
#sptnav .l6 img{width:80px;max-height:80px}
#sptnav .l6 > li:hover .actico:before{color:#61971c}
#sptnav .l6 a{float:left;width:100%;background:#f3f7f9;padding:10px;border-radius:10px;display:flex;align-items:center;justify-content:center;transition:0s !important;box-shadow:inset 0 -2px 0 0 #dadee0}
#sptnav .l6 a:hover{background:#eaf5fb}
#sptnav .l6 .name{line-height:24px;float:right;text-align:left;width:calc(100% - 80px);padding:0 0 0 12px;font-size:16px}

#headercont.respo #sptnav{display:none}

#centercont{width:100%;float:left;display:block;padding:204px 30px 50px 30px;background:#ffffff;min-height:800px}
#footercont{display:block;float:left;width:100%}
#footerinfo{padding:20px 20px 40px 20px;float:left;width:100%;text-align:center;color:#09164B;line-height:20px}
#footerinfo .footer-love{display:inline-block;width:16px;height:16px;margin:0 5px;line-height:17px}
#footerinfo .footer-love:before{color:#d32f2f;font-size:14px;font-size:16px;content:"\e9da";left:0;bottom:0}

footer nav{float:left;width:100%;background:#09164B;padding:10px 30px 30px 30px;color:#ececec;border-bottom-left-radius:15px;border-bottom-right-radius:15px}
footer .footer-category{width:25%;padding-right:30px;display: inline-grid;}
footer .footer-category h3{margin:20px 0 10px 0;border-bottom:1px solid #6f6f6f;padding:0 0 10px 0;float:left;width:100%;min-width:180px;font-weight:bold;font-size:18px}
footer .footer-category ul{margin:0;list-style:none;padding:0;width:calc(100% - 20px)}
footer .footer-category ul li{float:left;width:100%;padding:5px 0;color:#b7b7b7}
footer .footer-category ul li a{color:#b7b7b7}
footer .footer-category.lng ul li a{padding-left:30px;position:relative}
footer .footer-category.lng ul li a:before{background:url("../Img/flag-cz.svg") no-repeat center;position:absolute;left:0;background-size:auto;content:"";background-size:100%;width:22px;height:17px}
footer .footer-category.lng ul li a.en:before{background:url("../Img/flag-en.svg") no-repeat center;background-size:auto;background-size:100%}

#breadcrumbs{float:left;width:100%;padding:0 0 10px 0}
#breadcrumbs > *{float:left;line-height:20px}
#breadcrumbs > *:not(:last-child){padding:0 30px 10px 0}
#breadcrumbs > *:not(:last-child):after{content:"\e917";color:#6b6b6b;top:0;right:8px}
#breadcrumbs .home{padding-left:18px}
#breadcrumbs .home span{text-indent:-9999px;float:left;width:0}
#breadcrumbs .home:before{content:"\e900";left:0;font-size:16px;top:0}
#breadcrumbs .itemname{color:#919191}

#Fulltextsearch{float:left;width:410px;height:40px;margin:5px 0 0 80px;position:relative}
#FulltextInput{margin:0;width:100%;float:left;height:100%;border:1px solid #E6E6E6;border-radius:20px;padding:0 0 0 20px;background:#FAFAFA;color:#808080}
#SearchBtn{margin:0;padding:0;width:40px;height:40px;position:absolute;border:none;right:0;top:0;border-radius:20px;background:transparent linear-gradient(137deg, #E10067 0%, #B200D3 100%) 0% 0% no-repeat padding-box;color:#ffffff;font-family:CNP}

#ShowNavi{position:absolute;width:40px;height:40px;border-radius:4px;background:#fff;bottom:20px;left:20px;display:none;cursor:pointer}
#ShowNavi:before{content:"\e969";left:0;top:0;line-height:40px;font-size:40px;width:40px;text-align:center;color:#B200D3}

#sptnav.resposhow{position:fixed;display:block;top:173px;left:0;right:0;width:100%;height:calc(100% - 180px)}
#sptnav.resposhow .l3{display:block}
#sptnav.resposhow .l3 > li > a{transition-delay:0ms;border-top:none !important;border-bottom:1px solid #f387cd;line-height:60px;height:60px}
#sptnav.resposhow .l3 > li:hover > .l6{display:none !important;visibility:hidden !important}
#sptnav.resposhow .l3 > li{border-right:1px solid #f387cd;width:50%;float:left}



#marketing p{clear:both}
#marketing p:has(.btn){margin:0 0 40px 0}
#marketing .rowlogo{width:64%;margin:0 1% 1% 0;background-image:linear-gradient(to right, #FF0067, #B200D3);padding:35px 0;text-align:center;float:left;overflow:hidden;max-width:400px}
#marketing .rowlogo.white{background:#ffffff;border:1px dashed #000000}
#marketing .rowlogo.black{background:#000000}
#marketing .rowlogo.square{width:34%;max-width:260px;padding:23px 0}
#marketing .rowlogo img{max-height:36px;width:auto;transition:all 200ms;display:block;margin:0 auto}
#marketing .rowlogo.square img{max-height:60px;width:auto;transition:all 200ms}
#marketing .rowlogo:hover img{transform:scale(1.05)}
.smap .card{text-align:center !important}
#map{width: 100%;height: 380px;margin-bottom: 20px;position: relative;z-index: 0;}
#distributors{width:100%;float:left;margin:0 0 40px 0}
#distributors .list{width:100%;float:left}
#distributors .distributor{width:calc(20% - 10px);padding:0 15px 0 0;float:left;height:140px;margin:0 10px 10px 0;border:1px dashed #666;padding:15px;border-radius:10px;background:#ebf2f7;text-align:center}
#distributors .distributor > span{width:100%;float:left;line-height:22px;height:22px;overflow:hidden}
#distributors .distributor .name{font-size:16px}
#distributors .distributor .country{font-weight:bold}
#distributors .continents{float:left;width:100%;padding:0 0 30px 0}
#distributors .continents .filter{float:left;padding:5px 15px;margin:0 6px 6px 0;background:#e1e1e1;border-radius:8px;color:#333}
#distributors .continents .filter:not(.active):hover{background:#8a8a8a;color:#fff;text-decoration:none}
#distributors .continents .filter.active{cursor:default;pointer-events:none;background:#ff0067;color:#fff}



#scards{width:100%;float:left;margin-bottom:20px}
#scards .scard{float:left;width:24%;margin:0 .5% 1% .5%;border:1px solid #DADBE1;border-radius:2px;height:62px;transition:all 50ms;overflow:hidden;border-radius:8px}
#scards .scard:hover{border:1px solid #8D91A4;text-decoration:none;background:#F8F9FD;color:#09164B}
#scards .scard-content{display:table;padding:2px 5px;width:100%;height:100%;color:#5A5F73}
#scards .scard-img{display:table-cell;width:65px;padding-right:10px;height:60px}
#scards .scard-img img{float:left;max-width:100%;max-height:100%;text-indent:-9999px;overflow:hidden;border-radius:8px}
#scards h3{padding:0;margin:0;font-size:14px;display:table-cell;vertical-align:middle;width:calc(100% - 65px);line-height:16px;text-align:left;font-weight:normal;float:none}
#scards .strnodes{font-weight:normal;color:#959595;line-height:16px;padding:0 0 0 8px}
.scard.hidden{display:none;}
#loadMoreBtn {background-color: #b360ba;color: white;border: none;border-radius: 5px;padding: 12px 30px;font-size: 16px;font-weight: 600;cursor: pointer;box-shadow: 0 4px 8px rgba(0, 123, 255, 0.3);transition: background-color 0.3s ease, box-shadow 0.3s ease;display: inline-block;}
#loadMoreBtn:hover {background-color: #8e44ad;box-shadow: 0 6px 12px rgba(0, 86, 179, 0.4);}
#loadMoreBtn:active {background-color: #732d91;box-shadow: 0 2px 5px rgba(0, 64, 133, 0.5);}
#BannerRoot{padding:0;width:100%;float:left;margin:0 0 40px 0;position:relative}
#BannerRoot .banner-content{width:100%;float:left;height:280px;overflow:hidden}
#BannerRoot .bannerslide{width:100%;float:left;height:100%}
#BannerRoot .img {width: 410px;float: left;height: 100%;display: flex;justify-content: center;position: relative}
#BannerRoot .img:before {content: "";display: block;width: 80px;height: 80px;background-image: url('/Img/new.png');background-size: cover;background-position: center;background-repeat: no-repeat;position: absolute;top: 0;right: 0;transform: rotate(-15deg)}
#BannerRoot .img a{display:flex;align-items:center;height:100%}
#BannerRoot .img img{max-width:100%;transition:transform .2s;max-height:100%}
#BannerRoot .notes{float:right;width:calc(100% - 410px);height:100%;background:transparent linear-gradient(90deg, #FFFFFF 0%, #EDEEF2 100%) 0% 0% no-repeat padding-box;padding:50px 30px;border-radius:20px}
#BannerRoot .notes h3{float:left;width:100%;padding:0 0 10px 0;margin:0;line-height:38px;font-size:26px;font-weight:500}
#BannerRoot .notes h3 a{color:#09164B;line-height:38px;float:left}
#BannerRoot .notes .note{color:#666361;font-size:18px;line-height:30px;float:left;width:100%;margin:0 0 30px 0;font-weight:300;height:60px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;padding:0 20px 0 0}
#BannerRoot .notes .more{line-height:22px;font-size:15px;padding:10px 25px;border-radius: 20px;background:transparent linear-gradient(105deg, #E10067 0%, #B200D3 100%) 0% 0% no-repeat padding-box;color:#ffffff;float:left;transition:all 200ms}
#BannerRoot .notes .more:hover{color:#ffffff;text-decoration:none;background:transparent linear-gradient(105deg, #B200D3 0%, #42004F 100%) 0% 0% no-repeat padding-box}
#BannerRoot .slick-arrow{display:none !important}
#BannerRoot .slick-slider{display:block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
#BannerRoot .slick-list{height:100%;display:block;overflow:hidden;margin:0;padding:0;height:100%}
#BannerRoot .slick-track{height:100%;display:block;overflow:hidden;margin:0;padding:0;height:100%}
#BannerRoot .slick-loading .slick-slide{visibility:hidden}
#BannerRoot .slick-dots{position:absolute;bottom:20px;right:20px;margin:0;padding:0}
#BannerRoot .slick-dots li{display:inline-block;width:15px;height:15px;border-radius:15px;background:#C2C4CC;margin:0 7px;cursor:pointer}
#BannerRoot .slick-dots li.slick-active{background:#D400A2}
#BannerRoot .slick-dots li:hover{}
#BannerRoot .slick-dots li button{display:none}
@media (max-width: 768px) {
    #BannerRoot .bannerslide {
        display: flex;
        flex-direction: column;
        height: auto;
    }

    #BannerRoot .img {
        width: 100% !important;
        height: 280px !important;
        float: none !important;
        padding-bottom: 15px;
    }

    #BannerRoot .notes {
        width: 100% !important;
        height: 280px !important;
        float: none !important;
    }

    #BannerRoot .banner-content {
        height: 575px !important;
    }
}

.productlist .slick-arrow{display:none !important}
.productlist .slick-slider{display:block}
.productlist .slick-list{height:100%;display:block;overflow:hidden;margin:0;padding:10px 0;height:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent;height:350px}
.productlist .slick-track{height:100%;display:block;margin:0;padding:0;height:100%}
.productlist .slick-loading .slick-slide{visibility:hidden}
.productlist .slick-dots{margin:0;padding:0;width:100%;float:left;text-align:center}
.productlist .slick-dots li{display:inline-block;width:15px;height:15px;border-radius:15px;background:#C2C4CC;margin:0 7px;cursor:pointer}
.productlist .slick-dots li.slick-active{background:#D400A2}
.productlist .slick-dots li button{display:none}


#Benefits{float:left;width:100%;margin:0 0 30px 0}
#Benefits h2{text-align:center;font-size:38px;font-weight:500;color:#09164B;position:relative;padding:0 0 15px 0;margin:20px 0 40px 0}
#Benefits h2:before{bottom:0;left:calc(50% - 150px / 2);content:"";width:150px;height:5px;background:transparent linear-gradient(92deg, #E10067 0%, #B200D3 100%) 0% 0% no-repeat padding-box;position:absolute}
#Benefits .benefit-containers{width:100%;display:flex;flex-wrap:wrap}
#Benefits .benefit-content{width:calc(33.33% - 20px);background:transparent linear-gradient(179deg, #FFFFFF 0%, #EDEEF2 100%) 0% 0% no-repeat padding-box;margin:60px 10px 30px 10px;padding:40px 40px 20px 40px;border-radius:20px;text-align:center;position:relative}
#Benefits .benefit-content:before{content:"";top:-60px;left:calc(50% - 40px);border-radius:40px;position:absolute;width:80px;height:80px;background:transparent linear-gradient(137deg, #E10067 0%, #B200D3 100%) 0% 0% no-repeat padding-box;}
#Benefits .benefit-content:after{content:"";top:-60px;left:0;right:0;width:100%;text-align:center;position:absolute;line-height:80px;font-size:32px;content:"\e941";color:#ffffff}
#Benefits .benefit-content h3{margin:0 0 10px 0;padding:0;color:#09164B;text-transform:uppercase;font-weight:bold;font-size:20px}
#Benefits .benefit-content p{color:#666361;font-size:14px;margin:0;padding:0;display:inline-block;width:100%}

#cookie-banner {position: fixed;bottom: 0;width: 100%;background-color: #222;color: #fff;padding: 1em;text-align: center;z-index: 1000;display: none;}
.cookie-message button {margin-left: 10px;padding: 5px 10px;background-color: #f9b000;border: none;color: #000;cursor: pointer;}
.cookie-message input {margin-left: 10px;padding: 5px 10px;background-color: #f9b000;border: none;color: #000;cursor: pointer;}
#cookie-banner a {color: #f9b000;text-decoration: none;}
.cookie-message {display: inline-block;max-width: 80%;}


#rootcategories {float: left;width: 100%;margin: 0 0 40px 0}
#rootcategories h2 {text-align: center;font-size: 38px;font-weight: 500;color: #09164B;position: relative;padding: 0 0 15px 0;margin: 20px 0 40px 0}
#rootcategories h2:before {bottom: 0;left: calc(50% - 150px / 2);content: "";width: 150px;height: 5px;background: transparent linear-gradient(92deg, #E10067 0%, #B200D3 100%) 0% 0% no-repeat padding-box;position: absolute}
#rootcategories .categorylist {width: 100%;float: left;white-space: nowrap;overflow: hidden}
#rootcategories .categorylist .slick-list {height: auto;padding: 0 0 20px 0;white-space: nowrap}
#rootcategories .catpicbox {width: 25%;padding: 0 12px;display: inline-block;white-space: normal}
#rootcategories .catpicbox a {width: 100%;float: left;padding: 0;position: relative;border-radius: 10px;overflow: hidden}
#rootcategories .catpicbox img {width: 100%;height: auto;float: left;transition: transform .2s}
#rootcategories .catpicbox:hover img {transform: scale(1.05);max-height: 400px}
#rootcategories .catpicbox .desc {position: absolute;left: 0;bottom: 0;right: 0;font-weight: bold;color: #efefef;font-size: 20px;padding: 20px;margin: 0;font-size: 26px;background: linear-gradient(180deg, #00000000 0%, hsla(0, 0%, 0%, 0.76) 100%)}
#rootcategories .catpicbox .desc h3 {font-weight: bold;margin: 0 0 2px 0;font-size: 26px;line-height: 30px}
#rootcategories .catpicbox .desc p {margin: 0;padding: 0;font-size: 14px;font-weight: 300;float: left;width: 100%;line-height: 24px}
#rootcategories p {padding: 0 20px;font-size: 15px;line-height: 34px}
#topsellingproducts{float:left;width:100%;margin:0 0 30px 0}
#topsellingproducts h2{text-align:center;font-size:38px;font-weight:500;color:#09164B;position:relative;padding:0 0 15px 0;margin:20px 0 40px 0}
#topsellingproducts h2:before{bottom:0;left:calc(50% - 150px / 2);content:"";width:150px;height:5px;background:transparent linear-gradient(92deg, #E10067 0%, #B200D3 100%) 0% 0% no-repeat padding-box;position:absolute}

.productlist{float:left;width:100%}
.productlist .product{float:left;width:calc(25% - 10px);padding:15px;border:1px solid #ececec;position:relative;margin:0 5px 10px 5px;border-radius:10px;transition:all 200ms;overflow:hidden;background:linear-gradient(to bottom, white 260px, #F0F0F0 100%)}
.productlist .product .img{float:left;width:100%;display:flex;justify-content:center;margin:0 0 5px 0}
.productlist .product .img a{display:flex;align-items:center;height:150px}
.productlist .product .img img{max-width:100%;transition:transform .2s}
.productlist .product:hover .img img{transform:scale(1.05)}
.productlist .product .status{position:absolute;left:10px;top:15px}
.productlist .product .pn{float:left;text-align:center;width:100%;line-height:16px;font-size:11px;overflow:hidden;margin:0 0 8px 0;height:16px;color:#777}
.productlist .product .stiname{float:left;text-align:center;width:100%;line-height:20px;font-size:15px;overflow:hidden;margin:0 0 5px 0}
.productlist .product .stiname:hover h3{text-decoration:underline}
.productlist .product .stiname h3{margin:0;padding:0;height:44px;font-size:15px;line-height:22px;overflow:hidden;color:#B200D3;font-weight:500;color:#09164B}
.productlist .product .note{height:calc(3 * 20px);line-height:20px;color:#777;margin:0;float:left;overflow:hidden;font-size:13px;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.productlist .product:hover{box-shadow:0 0 10px 0 rgba(0,0,0,0.5);border:1px solid #ffffff}

.sticker{position:absolute;left:10px;top:15px;border-radius:4px;opacity:.8;color:#fff;font-size:13px;padding:2px 7px;line-height:16px}
.sts1{background:#42930B}
.sts5{background:#195FCC}

#categoryhdr{float:left;width:100%}
#categoryhdr h1{float:left;width:100%;margin:0 0 20px 0}
#categoryhdr .note{float:left;width:100%;margin:0 0 10px 0}
#categoryhdr .note p{margin:10px 0;text-align:justify}
#categoryhdr .note p:first-child{margin-top:0}
#categoryhdr .note p a{text-decoration:underline;font-weight:bold}
#productssum{float:right;text-align:right;color:#757575;padding:15px 10px;width:100%;font-size:15px}

#OrderPanel {float: left;width: 100%;border-bottom: 1px solid #E5BAE6;margin-bottom: 40px;background: #FAFAFB;position: relative;}
#OrderPanel > button {font-size: 15px;padding: 12px 40px;float: left;cursor: pointer;line-height: 22px;color: #B200D3;background: none;border: none;outline: none;font-family: inherit;text-align: left;}
#OrderPanel > button.active {text-decoration: none;color: #202944;position: relative;pointer-events: none;background: #eee;}
#OrderPanel > button.active::before {content: "";width: 100%;bottom: -2px;position: absolute;height: 4px;background: #c000bf;left: 0;right: 0;border-radius: 2px;}

#Pagination{float:left;width:100%}
#Pagination-next{float:left;width:100%;text-align:center;margin:50px 0 15px 0}
#Pagination-pages{float:left;width:100%;text-align:center;margin:15px 0 50px 0}
#Pagination-pages .next-page-container{margin:15px 0 30px 0}
#Pagination-pages .page{display:inline-block;height:38px;font-size:14px;font-weight:normal;line-height:38px;min-width:38px;border:1px solid #b1b1b1;text-align:center;border-radius:4px;margin:0 3px;color:#333}
#Pagination-pages .page:hover{border:1px solid #E10067;text-decoration:none}
#Pagination-pages .page.active{pointer-events:none;background:#104160;border-color:#104160;color:#fff}
#Pagination-pages .dots{border-color:transparent;pointer-events:none;margin:0}
#Pagination-pages .page.previous-page,
#Pagination-pages .page.next-page{background:#2b719b;color:#fff;border-color:#2b719b}
#Pagination-pages .page.previous-page:hover,
#Pagination-pages .page.next-page:hover{border-color:#E10067;background:#E10067}
#Pagination-next a{font-size:16px;padding:14px 35px}

#producthdr{margin:0 0 30px 0;font-size:30px}
#pd_left{}
#pd_right{float:right;width:50%;padding:0 0 20px 30px}
#pd_right .shortdescription{width:100%;float:left;padding:0 0 20px 0;line-height:28px;font-size:14px;color:#757572}
#pd_right .shortdescription a{text-decoration:underline;cursor:pointer}
#pd_right .keyinfo{padding:20px 40px 14px 40px;display:table;margin:0 auto 20px auto;width:100%;background:linear-gradient(to right, #F4F4F4, #F4F4F4);border-radius:8px}
#pd_right .keyinfo .row{float:left;clear:both;padding:0 0 10px 0}
#pd_right .keyinfo .row .name{float:left;min-width:100px}
#pd_right .keyinfo .row .value{float:left;font-weight:bold;min-width:150px}
#pd_right .pd_navibuttons{float:left;width:100%;margin:0 0 20px 0;text-align:center}
#pd_right .pd_navibuttons a{text-align:center;width:220px;display:inline-block;margin:0 10px 10px 0}
#pd_right .pd_navibuttons a:before{content:"\e944";position:static;margin-right:10px;font-size:20px}
#pd_right .pd_navibuttons a.ask:before{content:"\e992"}


#contacts{float:left;width:100%}
#contacts .cf{float:left;width:calc(50% - 15px);margin:20px 0;padding:40px 30px;background:#f9f9fb;border-radius:10px;border:2px dashed #d9d9d9}
#contacts .cf1{margin-right:15px}
#contacts .cf2{margin-left:15px}
#contacts .cf h2{margin:0 0 30px 0;padding:0;font-size:28px;text-align:center}
#contacts .cf table{width:100%;float:left;margin:0 0 30px 0}
#contacts .cf table td{padding:6px 0}
#contacts .cf table tr td:first-child{font-weight:bold;min-width:180px;padding-right:20px}
#contacts .cf .imgtab{width:100%;float:left;text-align:center;overflow:hidden}
#contacts .cf img{max-width:400px;height:auto;margin:0 auto;transition:transform .3s}
#contacts .cf img:hover{transform:scale(1.3)}

#contactform{width:100%;float:left}
#contactform .groupin{width:100%;float:left;position:relative;padding:31px 0 0 0}
#contactform .row{width:100%;float:left;padding:0 0 5px 0}
#contactform .row.name{font-size:14px;line-height:20px;padding:5px 16px;top:0;position:absolute;width:auto;border-radius:5px;background:#f0fbff;border-bottom-left-radius:0;border-bottom-right-radius:0}
#contactform .row.input input{width:100%;float:left;margin:0}
#contactform .row.message{color:red;padding:0}
#contactform .row.input textarea{width:100%;float:left;height:150px;resize:vertical;margin:0}
#contactform .row.buttons{text-align:center;padding:0 0 20px 0}
#contactform .row.buttons .btn{display:inline-block;padding:12px 50px}
#contactform .groupin.problem .row input,
#contactform .groupin.problem .row textarea{background:#f8ebeb !important;border:1px solid #d16a6a !important}
#contactform .row.input input:focus,
#contactform .row.input textarea:focus{border-color:#2b75a0;background:#f5fcff}
#contactform .groupin.problem .row.name{background:#f07474;color:#fff}


.message{float:left;width:100%;height:100%;padding:25px 50px 25px 66px;margin:0 0 20px 0;color:#fff;opacity:1}
.messageclose{top:15px;right:15px;position:absolute;cursor:pointer;font-size:24px;line-height:24px;padding:5px 8px}
.message a{text-decoration:underline}
.message a:hover{text-decoration:none}
.message:before{left:24px;line-height:0;font-size:30px;top:50%}
.message.ok a,
.message.ok{background:#DAF2DB;color:#2D8D31}
.message.ok:before{content:"\e91d"}
.message.info a,
.message.info{background:#EAF3FB;color:#375173}
.message.info:before{content:"\e9b6"}
.message.warn a,
.message.warn{background:#ffecd1;color:#a7710e}
.message.warn:before{content:"\e9b6"}
.message.alert a,
.message.alert{color:#D94D07;background:#fdf0ee}
.message.alert:before{content:"\e93b"}
.message .close{top:10px;right:10px}

#pd_tabs{width:calc(100% + 60px);border-bottom:1px solid #e4e4e4;float:left;margin:20px auto 30px -30px;background:#f5f5f5;border-top:1px solid #e4e4e4;padding:0 20px}
#pd_tabs > a{float:left;padding:0 22px 0 32px;cursor:pointer;margin-right:5px;min-height:48px;line-height:48px}
#pd_tabs > a:before{content:"\e915";left:0;position:absolute;font-size:20px;text-align:center;width:30px}
#pd_tabs a.totop{float:right;margin:0 -20px 0 0;background:#c8e2ec;padding:0 25px}
#pd_tabs a.totop:before{width:50px;content:"\e9b8"}
#pd_tabs a .count{display:inline-block;line-height:18px;background:#FF0067;color:#fff;margin:0 0 0 8px;width:18px;height:18px;text-align:center;border-radius:100%}


#pd_bottom{width:100%;float:left;color:#333}
#pd_bottom h2{float:left;width:100%;margin:0 0 20px 0;padding:0;font-size:28px}

#pd_spec{float:right;width:36%;padding:0 0 40px 40px}
#pd_spec h3{margin:0 0 6px 0;padding:0 0 8px 0;border-bottom:1px solid #ddd;color:#2a5c79;float:left;width:100%;font-weight:500;font-size:20px}
#pd_spec .group{float:left;width:100%;margin-bottom:20px}
#pd_spec .cpa-row{float:left;width:100%;border-bottom:1px dotted #ddd}
#pd_spec .cpaname{float:left;width:50%;line-height:25px;color:#888;padding:5px 0}
#pd_spec .values{float:left;width:50%;color:#444;padding:5px 0 3px 5px;font-weight:bold;line-height:22px}

#pd_desc{float:left;width:64%;padding:0 0 40px 0}
#pd_desc.np{width:100%}
#pd_desc .desc_content{width:100%;float:left;margin:0 0 20px 0}
#pd_desc .desc_content > *:first-child{margin-top:0}
#pd_desc ul{list-style:disc;padding:0 0 10px 40px;float:left;width:100%;margin:0 0 20px 0;display:block;line-height:32px}
#pd_desc ol{padding:0 0 10px 40px;float:left;width:100%;margin:0 0 20px 0;display:block;line-height:32px}
#pd_desc ul li,
#pd_desc ol li{font-size:14px;float:initial}
#pd_desc a:not(.btn){color:#D400A2;text-decoration:underline}
#pd_desc a:not(.btn):hover{text-decoration:none}
#pd_desc img{max-width:100%;max-height:400px;width:auto;height:auto;display:block;margin:0 auto 20px auto;text-align:center;border-radius:10px}
#pd_desc .section-row{width:100%;display:table;padding-bottom:20px}
#pd_desc .section-row .column{padding:8px;display:table-cell;vertical-align:middle}
#pd_desc .section-row .column:last-child{padding-right:0}
#pd_desc .section-row .column:first-child{padding-left:0}
#pd_desc .section-row .column .content{display:inline-block}
#pd_desc .section-row.col3 .column{width:33.33%}
#pd_desc .section-row.col4 .column{width:25%}
#pd_desc .section-row.top .column{vertical-align:top}
#pd_desc .section-row .column p.bold{text-decoration:underline;font-weight:normal;color:#19a7e5;font-size:18px}
#pd_desc .section-row .column img{padding:0;max-height:250px}

#pd_ask{width:100%;margin:20px 0;display:flex;background:#eef9ff url(/Img/question.png) 5px 30% no-repeat;padding:30px 30px 30px 100px;text-align:right;align-items:center;justify-content: flex-end;border-radius:8px}
#pd_ask .asktext{padding:0 20px 0 0}


#pd_down{float:left;width:100%}
#pd_down a{float:left;min-width:250px;background:linear-gradient(to right, #FFE5F0, #F0CCF6);margin:0 10px 10px 0;border-radius:10px;padding:15px 15px 15px 66px;color:#D400A2}
#pd_down a:before{content:"\e9cd";left:25px;position:absolute;font-size:20px;top:calc(50% - 10px);line-height:20px}

#pd_left{float:left;width:50%;padding:0 0 20px 0;text-align:center}
#pd_left .box-img{min-height:300px;display:table;line-height:300px;width:100%;display:table;line-height:300px;margin:0 0 20px 0;float:left}
#pd_left .main-img{height:450px;display:flex;align-items:center;justify-content:center;flex-direction:column;cursor:pointer;float:left;width:100%}
#pd_left .main-image{max-width:100%;max-height:100%;cursor:pointer}
#pd_left .box-gallery{margin:0 0 20px 0;height:80px;margin:0 0 20px 0;display:flex;flex-wrap:wrap;justify-content:center;width:100%;}
#pd_left .box-gallery a,
#pd_left .box-gallery div{width:76px;height:76px;margin:0 8px 8px 0;display:flex;align-items:center;justify-content:center;flex-direction:column;border:1px solid #E0E0E0;border-radius:4px;-webkit-background-clip:padding-box;background-clip:padding-box}
#pd_left .box-gallery div span{text-transform:inherit;font-size:12px;line-height:15px}
#pd_left .box-gallery a img{max-width:60px;max-height:60px}
#pd_left .box-gallery a:hover{text-decoration:none;border:1px solid #c0c0c0;box-shadow:0 1px 3px 0px rgba(0, 0, 0, 0.15), 0 2px 4px 2px rgba(0, 0, 0, 0.07)}
#pd_left .box-gallery .showallimages{cursor:pointer}



/*FANCYBOX*/
:root{--f-spinner-width: 36px;--f-spinner-height: 36px;--f-spinner-color-1: rgba(0, 0, 0, 0.1);--f-spinner-color-2: rgba(17, 24, 28, 0.8);--f-spinner-stroke: 2.75}.f-spinner{margin:auto;padding:0;width:var(--f-spinner-width);height:var(--f-spinner-height)}.f-spinner svg{width:100%;height:100%;vertical-align:top;animation:f-spinner-rotate 2s linear infinite}.f-spinner svg *{stroke-width:var(--f-spinner-stroke);fill:none}.f-spinner svg *:first-child{stroke:var(--f-spinner-color-1)}.f-spinner svg *:last-child{stroke:var(--f-spinner-color-2);animation:f-spinner-dash 2s ease-in-out infinite}@keyframes f-spinner-rotate{100%{transform:rotate(360deg)}}@keyframes f-spinner-dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}100%{stroke-dasharray:90,150;stroke-dashoffset:-124}}.f-throwOutUp{animation:var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutUp}.f-throwOutDown{animation:var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutDown}@keyframes f-throwOutUp{to{transform:translate3d(0, calc(var(--f-throw-out-distance, 150px) * -1), 0);opacity:0}}@keyframes f-throwOutDown{to{transform:translate3d(0, var(--f-throw-out-distance, 150px), 0);opacity:0}}.f-zoomInUp{animation:var(--f-transition-duration, 0.2s) ease .1s both f-zoomInUp}.f-zoomOutDown{animation:var(--f-transition-duration, 0.2s) ease both f-zoomOutDown}@keyframes f-zoomInUp{from{transform:scale(0.975) translate3d(0, 16px, 0);opacity:0}to{transform:scale(1) translate3d(0, 0, 0);opacity:1}}@keyframes f-zoomOutDown{to{transform:scale(0.975) translate3d(0, 16px, 0);opacity:0}}.f-fadeIn{animation:var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeIn;z-index:2}.f-fadeOut{animation:var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeOut;z-index:1}@keyframes f-fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes f-fadeOut{100%{opacity:0}}.f-fadeFastIn{animation:var(--f-transition-duration, 0.2s) ease-out both f-fadeFastIn;z-index:2}.f-fadeFastOut{animation:var(--f-transition-duration, 0.1s) ease-out both f-fadeFastOut;z-index:2}@keyframes f-fadeFastIn{0%{opacity:.75}100%{opacity:1}}@keyframes f-fadeFastOut{100%{opacity:0}}.f-fadeSlowIn{animation:var(--f-transition-duration, 0.5s) ease both f-fadeSlowIn;z-index:2}.f-fadeSlowOut{animation:var(--f-transition-duration, 0.5s) ease both f-fadeSlowOut;z-index:1}@keyframes f-fadeSlowIn{0%{opacity:0}100%{opacity:1}}@keyframes f-fadeSlowOut{100%{opacity:0}}.f-crossfadeIn{animation:var(--f-transition-duration, 0.2s) ease-out both f-crossfadeIn;z-index:2}.f-crossfadeOut{animation:calc(var(--f-transition-duration, 0.2s)*.5) linear .1s both f-crossfadeOut;z-index:1}@keyframes f-crossfadeIn{0%{opacity:0}100%{opacity:1}}@keyframes f-crossfadeOut{100%{opacity:0}}.f-slideIn.from-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInNext}.f-slideIn.from-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInPrev}.f-slideOut.to-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutNext}.f-slideOut.to-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutPrev}@keyframes f-slideInPrev{0%{transform:translateX(100%)}100%{transform:translate3d(0, 0, 0)}}@keyframes f-slideInNext{0%{transform:translateX(-100%)}100%{transform:translate3d(0, 0, 0)}}@keyframes f-slideOutNext{100%{transform:translateX(-100%)}}@keyframes f-slideOutPrev{100%{transform:translateX(100%)}}.f-classicIn.from-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInNext;z-index:2}.f-classicIn.from-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInPrev;z-index:2}.f-classicOut.to-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutNext;z-index:1}.f-classicOut.to-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutPrev;z-index:1}@keyframes f-classicInNext{0%{transform:translateX(-75px);opacity:0}100%{transform:translate3d(0, 0, 0);opacity:1}}@keyframes f-classicInPrev{0%{transform:translateX(75px);opacity:0}100%{transform:translate3d(0, 0, 0);opacity:1}}@keyframes f-classicOutNext{100%{transform:translateX(-75px);opacity:0}}@keyframes f-classicOutPrev{100%{transform:translateX(75px);opacity:0}}:root{--f-button-width: 40px;--f-button-height: 40px;--f-button-border: 0;--f-button-border-radius: 0;--f-button-color: #374151;--f-button-bg: #f8f8f8;--f-button-hover-bg: #e0e0e0;--f-button-active-bg: #d0d0d0;--f-button-shadow: none;--f-button-transition: all 0.15s ease;--f-button-transform: none;--f-button-svg-width: 20px;--f-button-svg-height: 20px;--f-button-svg-stroke-width: 1.5;--f-button-svg-fill: none;--f-button-svg-filter: none;--f-button-svg-disabled-opacity: 0.65}.f-button{display:flex;justify-content:center;align-items:center;box-sizing:content-box;position:relative;margin:0;padding:0;width:var(--f-button-width);height:var(--f-button-height);border:var(--f-button-border);border-radius:var(--f-button-border-radius);color:var(--f-button-color);background:transparent;box-shadow:var(--f-button-shadow);pointer-events:all;cursor:pointer;transition:var(--f-button-transition)}@media(hover: hover){.f-button:hover:not([disabled]){color:var(--f-button-hover-color);background-color:var(--f-button-hover-bg)}}.f-button:active:not([disabled]){background-color:var(--f-button-active-bg)}.f-button:focus:not(:focus-visible){outline:none}.f-button:focus-visible{outline:none;box-shadow:inset 0 0 0 var(--f-button-outline, 2px) var(--f-button-outline-color, var(--f-button-color))}.f-button svg{width:var(--f-button-svg-width);height:var(--f-button-svg-height);fill:var(--f-button-svg-fill);stroke:currentColor;stroke-width:var(--f-button-svg-stroke-width);stroke-linecap:round;stroke-linejoin:round;transition:opacity .15s ease;transform:var(--f-button-transform);filter:var(--f-button-svg-filter);pointer-events:none}.f-button[disabled]{cursor:default}.f-button[disabled] svg{opacity:var(--f-button-svg-disabled-opacity)}.f-carousel__nav .f-button.is-prev,.f-carousel__nav .f-button.is-next,.fancybox__nav .f-button.is-prev,.fancybox__nav .f-button.is-next{position:absolute;z-index:1}.is-horizontal .f-carousel__nav .f-button.is-prev,.is-horizontal .f-carousel__nav .f-button.is-next,.is-horizontal .f-carousel__nav .f-button.is-next,.is-horizontal .fancybox__nav .f-button.is-next{right:var(--f-button-next-pos)}.is-horizontal.is-rtl .f-carousel__nav .f-button.is-prev,.is-horizontal.is-rtl .fancybox__nav .f-button.is-prev{left:auto;right:var(--f-button-next-pos)}.is-horizontal.is-rtl .f-carousel__nav .f-button.is-next,.is-horizontal.is-rtl .fancybox__nav .f-button.is-next{right:auto;left:var(--f-button-prev-pos)}.is-vertical .f-carousel__nav .f-button.is-prev,.is-vertical .f-carousel__nav .f-button.is-next,.is-vertical .fancybox__nav .f-button.is-prev,.is-vertical .fancybox__nav .f-button.is-next{top:auto;left:50%;transform:translateX(-50%)}.is-vertical .f-carousel__nav .f-button.is-prev,.is-vertical .fancybox__nav .f-button.is-prev{top:var(--f-button-next-pos)}.is-vertical .f-carousel__nav .f-button.is-next,.is-vertical .fancybox__nav .f-button.is-next{bottom:var(--f-button-next-pos)}.is-vertical .f-carousel__nav .f-button.is-prev svg,.is-vertical .f-carousel__nav .f-button.is-next svg,.is-vertical .fancybox__nav .f-button.is-prev svg,.is-vertical .fancybox__nav .f-button.is-next svg{transform:rotate(90deg)}.f-carousel__nav .f-button:disabled,.fancybox__nav .f-button:disabled{pointer-events:none}html.with-fancybox{width:auto;overflow:visible;scroll-behavior:auto}html.with-fancybox body{touch-action:none}html.with-fancybox body.hide-scrollbar{width:auto;margin-right:calc(var(--fancybox-body-margin, 0px) + var(--fancybox-scrollbar-compensate, 0px));overflow:hidden !important;overscroll-behavior-y:none}.fancybox__container{--fancybox-color:#dbdbdb;--fancybox-hover-color: #fff;--fancybox-bg:#fff;--fancybox-slide-gap: 10px;--f-spinner-width: 50px;--f-spinner-height: 50px;--f-spinner-color-1: rgba(255, 255, 255, 0.1);--f-spinner-color-2: #bbb;--f-spinner-stroke: 3.65;position:fixed;top:0;left:0;bottom:0;right:0;direction:ltr;display:flex;flex-direction:column;box-sizing:border-box;margin:0;padding:0;color:#f8f8f8;-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:visible;z-index:var(--fancybox-zIndex, 1050);outline:none;transform-origin:top left;-webkit-text-size-adjust:100%;-moz-text-size-adjust:none;-ms-text-size-adjust:100%;text-size-adjust:100%;overscroll-behavior-y:contain}.fancybox__container *,.fancybox__container *::before,.fancybox__container *::after{box-sizing:inherit}.fancybox__container::backdrop{background-color:rgba(0,0,0,0)}.fancybox__backdrop{position:fixed;top:0;left:0;bottom:0;right:0;z-index:-1;background:var(--fancybox-bg);opacity:var(--fancybox-opacity, 1);will-change:opacity}.fancybox__carousel{padding:0 0 40px 0;position:relative;box-sizing:border-box;flex:1;min-height:0;z-index:10;overflow-y:visible;overflow-x:clip}.fancybox__viewport{width:100%;height:100%}.fancybox__viewport.is-draggable{cursor:move;cursor:grab}.fancybox__viewport.is-dragging{cursor:move;cursor:grabbing}.fancybox__track{display:flex;margin:0 auto;height:100%}.fancybox__slide{flex:0 0 auto;position:relative;display:flex;flex-direction:column;align-items:center;width:100%;height:100%;margin:0 var(--fancybox-slide-gap) 0 0;padding:4px;overflow:auto;overscroll-behavior:contain;transform:translate3d(0, 0, 0);backface-visibility:hidden}.fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn{padding-top:40px}.fancybox__slide.has-iframe,.fancybox__slide.has-video,.fancybox__slide.has-html5video{overflow:hidden}.fancybox__slide.has-image{overflow:hidden}.fancybox__slide.has-image.is-animating,.fancybox__slide.has-image.is-selected{overflow:visible}.fancybox__slide::before,.fancybox__slide::after{content:"";flex:0 0 0;margin:auto}.fancybox__content{align-self:center;display:flex;flex-direction:column;position:relative;margin:0;padding:2rem;max-width:100%;color:var(--fancybox-content-color, #374151);background:var(--fancybox-content-bg, #fff);cursor:default;border-radius:0;z-index:20}.is-loading .fancybox__content{opacity:0}.is-draggable .fancybox__content{cursor:move;cursor:grab}.can-zoom_in .fancybox__content{cursor:zoom-in}.can-zoom_out .fancybox__content{cursor:zoom-out}.is-dragging .fancybox__content{cursor:move;cursor:grabbing}.fancybox__content [data-selectable],.fancybox__content [contenteditable]{cursor:auto}.fancybox__slide.has-image>.fancybox__content{padding:0;background:rgba(0,0,0,0);min-height:1px;background-repeat:no-repeat;background-size:contain;background-position:center center;transition:none;transform:translate3d(0, 0, 0);backface-visibility:hidden}.fancybox__slide.has-image>.fancybox__content>picture>img{width:100%;height:auto;max-height:100%}.is-zooming-in .fancybox__viewport:not(.is-dragging) .fancybox__slide:not(.is-selected) .fancybox__content,.is-zooming-out .fancybox__viewport:not(.is-dragging) .fancybox__slide:not(.is-selected) .fancybox__content{visibility:hidden}.is-animating .fancybox__content,.is-dragging .fancybox__content{filter:blur(0px);will-change:transform,width,height}.fancybox-image{margin:auto;display:block;width:100%;height:100%;min-height:0;object-fit:contain;user-select:none}.fancybox__caption{align-self:center;max-width:100%;flex-shrink:0;margin:0;padding:14px 0 4px 0;overflow-wrap:anywhere;line-height:1.375;color:var(--fancybox-color, currentColor);opacity:var(--fancybox-opacity, 1);cursor:auto;visibility:visible}.is-loading .fancybox__caption,.is-closing .fancybox__caption{opacity:0;visibility:hidden}.is-compact .fancybox__caption{padding-bottom:0}.f-button.is-close-btn{--f-button-svg-stroke-width: 2;position:absolute;top:0;right:8px;z-index:40}.fancybox__content>.f-button.is-close-btn{--f-button-width: 34px;--f-button-height: 34px;--f-button-border-radius: 4px;--f-button-color: var(--fancybox-color, #fff);--f-button-hover-color: var(--fancybox-color, #fff);--f-button-bg: transparent;--f-button-hover-bg: transparent;--f-button-active-bg: transparent;--f-button-svg-width: 22px;--f-button-svg-height: 22px;position:absolute;top:-38px;right:0;opacity:.75}.is-loading .fancybox__content>.f-button.is-close-btn{visibility:hidden}.is-zooming-out .fancybox__content>.f-button.is-close-btn{visibility:hidden}.fancybox__content>.f-button.is-close-btn:hover{opacity:1}.fancybox__footer{padding:0;margin:0}.fancybox__footer .fancybox__caption{width:100%;padding:24px;opacity:var(--fancybox-opacity, 1);transition:all .25s ease}.is-compact .fancybox__footer{position:absolute;bottom:0;left:0;right:0;z-index:20;background:rgba(24,24,27,.5)}.is-compact .fancybox__footer .fancybox__caption{padding:12px}.is-compact .fancybox__content>.f-button.is-close-btn{--f-button-border-radius: 50%;--f-button-color: #fff;--f-button-hover-color: #fff;--f-button-outline-color: #000;--f-button-bg: rgba(0, 0, 0, 0.6);--f-button-active-bg: rgba(0, 0, 0, 0.6);--f-button-hover-bg: rgba(0, 0, 0, 0.6);--f-button-svg-width: 18px;--f-button-svg-height: 18px;--f-button-svg-filter: none;top:5px;right:5px}.fancybox__nav{--f-button-width: 50px;--f-button-height: 50px;--f-button-border: 0;--f-button-border-radius: 50%;--f-button-color: var(--fancybox-color);--f-button-hover-color: var(--fancybox-hover-color);--f-button-bg: transparent;--f-button-hover-bg: rgba(24, 24, 27, 0.3);--f-button-active-bg: rgba(24, 24, 27, 0.5);--f-button-shadow: none;--f-button-transition: all 0.15s ease;--f-button-transform: none;--f-button-svg-width: 26px;--f-button-svg-height: 26px;--f-button-svg-stroke-width: 2.5;--f-button-svg-fill: none;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.5));--f-button-svg-disabled-opacity: 0.65;--f-button-next-pos: 1rem;--f-button-prev-pos: 1rem;opacity:var(--fancybox-opacity, 1)}.fancybox__nav .f-button:before{position:absolute;content:"";top:-30px;right:-20px;left:-20px;bottom:-30px;z-index:1}.fancybox__slide>.f-spinner{position:absolute;top:50%;left:50%;margin:var(--f-spinner-top, calc(var(--f-spinner-width) * -0.5)) 0 0 var(--f-spinner-left, calc(var(--f-spinner-height) * -0.5));z-index:30;cursor:pointer}.fancybox-protected{position:absolute;top:0;left:0;right:0;bottom:0;z-index:40;user-select:none}.fancybox-ghost{position:absolute;top:0;left:0;width:100%;height:100%;min-height:0;object-fit:contain;z-index:40;user-select:none;pointer-events:none}.fancybox-focus-guard{outline:none;opacity:0;position:fixed;pointer-events:none}.fancybox__container:not([aria-hidden]){opacity:0}.fancybox__container.is-animated[aria-hidden=false]>*:not(.fancybox__backdrop,.fancybox__carousel),.fancybox__container.is-animated[aria-hidden=false] .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-animated[aria-hidden=false] .fancybox__slide>*:not(.fancybox__content){animation:var(--f-interface-enter-duration, 0.25s) ease .1s backwards f-fadeIn}.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop{animation:var(--f-backdrop-enter-duration, 0.35s) ease backwards f-fadeIn}.fancybox__container.is-animated[aria-hidden=true]>*:not(.fancybox__backdrop,.fancybox__carousel),.fancybox__container.is-animated[aria-hidden=true] .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-animated[aria-hidden=true] .fancybox__slide>*:not(.fancybox__content){animation:var(--f-interface-exit-duration, 0.15s) ease forwards f-fadeOut}.fancybox__container.is-animated[aria-hidden=true] .fancybox__backdrop{animation:var(--f-backdrop-exit-duration, 0.35s) ease forwards f-fadeOut}.has-iframe .fancybox__content,.has-map .fancybox__content,.has-pdf .fancybox__content,.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{max-width:100%;flex-shrink:1;min-height:1px;overflow:visible}.has-iframe .fancybox__content,.has-map .fancybox__content,.has-pdf .fancybox__content{width:calc(100% - 120px);height:90%}.fancybox__container.is-compact .has-iframe .fancybox__content,.fancybox__container.is-compact .has-map .fancybox__content,.fancybox__container.is-compact .has-pdf .fancybox__content{width:100%;height:100%}.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{width:960px;height:540px;max-width:100%;max-height:100%}.has-map .fancybox__content,.has-pdf .fancybox__content,.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{padding:0;background:rgba(24,24,27,.9);color:#fff}.has-map .fancybox__content{background:#e5e3df}.fancybox__html5video,.fancybox__iframe{border:0;display:block;height:100%;width:100%;background:rgba(0,0,0,0)}.fancybox-placeholder{border:0 !important;clip:rect(1px, 1px, 1px, 1px) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.f-carousel__thumbs{--f-thumb-width: 96px;--f-thumb-height: 72px;--f-thumb-outline: 0;--f-thumb-outline-color: #5eb0ef;--f-thumb-opacity: 1;--f-thumb-hover-opacity: 1;--f-thumb-selected-opacity: 1;--f-thumb-border-radius: 2px;--f-thumb-offset: 0px;--f-button-next-pos: 0;--f-button-prev-pos: 0}.f-carousel__thumbs.is-classic{--f-thumb-gap: 8px;--f-thumb-opacity: 0.5;--f-thumb-hover-opacity: 1;--f-thumb-selected-opacity: 1}.f-carousel__thumbs.is-modern{--f-thumb-gap: 4px;--f-thumb-extra-gap: 16px;--f-thumb-clip-width: 46px}.f-thumbs .f-spinner svg{display:none}.f-thumbs__viewport{width:100%;height:auto;overflow:hidden;transform:translate3d(0, 0, 0)}.f-thumbs__track{display:block;text-align:center;transform:none !important}.f-thumbs__slide{box-sizing:content-box;display:inline-block;align-items:center;justify-content:center;border:1px solid #bfbfbf;padding:0;margin:0 5px;width:72px;height:72px;overflow:hidden;border-radius:5px;cursor:pointer}.f-thumbs__slide.is-loading img{opacity:0}.is-classic .f-thumbs__viewport{height:100%}.is-modern.is-resting .f-thumbs__slide__button{transition:clip-path .33s ease}.is-using-tab .is-modern .f-thumbs__slide:focus-within{filter:drop-shadow(-1px 0px 0px var(--f-thumb-outline-color)) drop-shadow(2px 0px 0px var(--f-thumb-outline-color)) drop-shadow(0px -1px 0px var(--f-thumb-outline-color)) drop-shadow(0px 2px 0px var(--f-thumb-outline-color))}.f-thumbs__slide__button{height:100%;width:100%;margin:0;padding:0;border:0;border-radius:0;background:#fff}.f-thumbs__slide__button:hover{opacity:var(--f-thumb-hover-opacity)}.f-thumbs__slide__button:focus:not(:focus-visible){outline:none}.f-thumbs__slide__button:focus-visible{outline:none;opacity:var(--f-thumb-selected-opacity)}.is-classic .is-nav-selected .f-thumbs__slide__button{opacity:var(--f-thumb-selected-opacity)}.is-classic .is-nav-selected .f-thumbs__slide__button::after{content:"";position:absolute;top:0;left:0;right:0;height:auto;bottom:0;border:var(--f-thumb-outline, 0) solid var(--f-thumb-outline-color, transparent);border-radius:var(--f-thumb-border-radius);animation:f-fadeIn .2s ease-out;z-index:10}.f-thumbs__slide__img{max-width:calc(100% - 10px);max-height:calc(100% - 10px);margin:0;padding:0;box-sizing:border-box;pointer-events:none;object-fit:cover}.f-thumbs.is-horizontal .f-thumbs__track{padding:8px 0 12px 0}.is-compact .fancybox__thumbs{--f-thumb-width: 64px;--f-thumb-clip-width: 32px;--f-thumb-height: 48px;--f-thumb-extra-gap: 10px}.fancybox__thumbs.is-masked{max-height:0px !important}.is-closing .fancybox__thumbs{transition:none !important}.fancybox__toolbar{--f-progress-color: var(--fancybox-color, rgba(255, 255, 255, 0.94));--f-button-width: 46px;--f-button-height: 46px;--f-button-color: var(--fancybox-color);--f-button-hover-color: var(--fancybox-hover-color);--f-button-bg: rgba(24, 24, 27, 0.65);--f-button-hover-bg: rgba(70, 70, 73, 0.65);--f-button-active-bg: rgba(90, 90, 93, 0.65);--f-button-border-radius: 0;--f-button-svg-width: 24px;--f-button-svg-height: 24px;--f-button-svg-stroke-width: 1.5;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.15));--f-button-svg-fill: none;--f-button-svg-disabled-opacity: 0.65;display:flex;flex-direction:row;justify-content:space-between;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI Adjusted","Segoe UI","Liberation Sans",sans-serif;opacity:var(--fancybox-opacity, 1);pointer-events:none;z-index:20}.fancybox__toolbar :focus-visible{z-index:1}.fancybox__toolbar.is-absolute,.is-compact .fancybox__toolbar{position:absolute;top:0;left:0;right:0}.fancybox__toolbar__column{display:flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start}.fancybox__toolbar__column.is-left,.fancybox__toolbar__column.is-right{flex-grow:1;flex-basis:0}.fancybox__toolbar__column.is-right{padding:0 30px;border-bottom-left-radius:15px;background:linear-gradient(to right, #FF0067, #B200D3);position:absolute;top:0;right:0}.fancybox__infobar{padding:0;margin:0 auto;line-height:30px;text-align:center;font-size:17px;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased;cursor:default;user-select:none}.fancybox__infobar span{padding:0 5px}.fancybox__infobar:not(:first-child):not(:last-child){background:var(--f-button-bg)}[data-fancybox-toggle-slideshow]{position:relative}[data-fancybox-toggle-slideshow] .f-progress{height:100%;opacity:.3}[data-fancybox-toggle-slideshow] svg g:first-child{display:flex}[data-fancybox-toggle-slideshow] svg g:last-child{display:none}.has-slideshow [data-fancybox-toggle-slideshow] svg g:first-child{display:none}.has-slideshow [data-fancybox-toggle-slideshow] svg g:last-child{display:flex}[data-fancybox-toggle-fullscreen] svg g:first-child{display:flex}[data-fancybox-toggle-fullscreen] svg g:last-child{display:none}:fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child{display:none}:fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child{display:flex}.f-progress{position:absolute;top:0;left:0;right:0;height:3px;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;background:var(--f-progress-color, var(--f-carousel-theme-color, #0091ff));z-index:30;user-select:none;pointer-events:none}
.fancybox__toolbar__column.is-left{position:fixed;bottom:100px;left:calc(50% - 50px);width:100px;color:#444}
.is-horizontal .fancybox__nav .f-button{top:50%;transform:translateY(-50%);background:#fff;color:#fff;box-shadow: 0px 1px 4px rgba(0,0,0,0.15)}
.is-horizontal .f-carousel__nav .f-button.is-prev,
.is-horizontal .fancybox__nav .f-button.is-prev{left:var(--f-button-prev-pos)}
.f-thumbs__slide.is-nav-selected{box-shadow:0 0 8px 1px #b7acb0;border:1px solid #ff1bc6}
.f-button[title~="thumbnails"]{display:none}
.fancybox__toolbar__column .f-button svg{color:#fff}
.fancybox__nav .f-button svg{color:#505050;filter:inherit}
.fancybox__nav .f-button:hover{box-shadow:0px 1px 8px rgba(0,0,0,0.35)}


/*vyskakovaci okno*/
.popupwindow{background:rgba(0, 0, 0, 0.7);overflow-y:auto;padding:5px;text-align:center;z-index:10000;position:fixed;bottom:0;left:0;right:0;top:0;-webkit-transition:opacity 0.3s;transition:opacity 0.3s;-ms-transform:translateZ(0);-webkit-transform:translateZ(0);transform:translateZ(0)}
.popupwindow:before{content:"";display:inline-block;height:100%;vertical-align:middle}
.popupwindow .content{background-color:#ffffff;border-radius:5px;box-shadow:0 0 6px 2px rgba(50, 50, 50, 0.3);display:inline-block;max-width:100%;position:relative;text-align:left;vertical-align:middle;width:800px;margin-bottom:10px;overflow:hidden;padding:30px}
.popupwindow .content h2{margin:0 0 20px 0;padding:0;text-align:center;font-size:32px}
.popupwindow .close{position:absolute;top:0;right:0;bottom:0;font-size:40px;padding:0;cursor:pointer;height:50px;width:50px;text-align:center;line-height:50px}


#loading{position:fixed;top:calc(50% - 50px);left:calc(50% - 60px);padding:0;border-radius:50%;z-index:9999;height:100px;width:100px}
.loader{width: 80px;height: 80px;margin: 10px;border-radius: 50%;display: inline-block;border-top: 4px solid #b400d1;border-right: 4px solid transparent;box-sizing: border-box;animation: rotation 1s linear infinite}
.loader:after{content: '';box-sizing: border-box;position: absolute;left: 0;top: 0;width: 80px;height: 80px;border-radius: 50%;border-bottom: 4px solid #ff0069;border-left: 4px solid transparent}
@keyframes rotation{
  0% {transform: rotate(0deg);}
  100% {transform: rotate(360deg);}
}




/* ----------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------- */




/* ---1300px a mene*/
@media screen and (max-width:1300px) {
#distributors .distributor{width:calc(25% - 10px)}
#headernaviB,
footer nav{border-radius:0}
}



/* ---1100px a mene*/
@media screen and (max-width:1100px) {
#sptnav .l6 li{width:25%}
}



/* ---1000px a mene*/
@media screen and (max-width:1000px) {
footer .footer-category{width:50%}
#pd_desc{width:100%}
#pd_spec{width:100%;padding-left:0}
#pd_ask{background:#eef9ff;padding:30px 20px}
#contacts .cf{width:100%;margin:0 0 20px 0}
#distributors .distributor{width:calc(33.33% - 10px)}
#Benefits .benefit-content{width:100%;margin:60px 0 20px 0;padding:40px 20px 20px 20px}
#scards .scard{width:32.33%;height:52px}
#scards .scard-img{height:50px;width:55px}
#scards .scard .strnodes{display:none}
}

/* ---900 a mene*/
@media screen and (max-width:900px) {
#pd_left{width:100%}
#pd_right{width:100%;padding-left:0}
#Fulltextsearch{width:calc(100% - 237px - 80px)}
}

/* ---800 a mene*/
@media screen and (max-width:800px) {
#Fulltextsearch{margin:8px 0 0 0;width:calc(100% - 60px);float:right}
#distributors .distributor{width:calc(50% - 10px)}
header{box-shadow: 0 0px 10px 5px rgba(177, 61, 126, 0.3);border-bottom: 1px solid #9D1D65}
#scards .scard{width:49%}
#logo{margin-left:calc(50% - (237px / 2))}
#headernaviB{padding:20px}
#ShowNavi{display:block}
#sptnav{display:none}
.productlist .product{width:calc(33.33% - 10px)}
}


/* ---650 a mene*/
@media screen and (max-width:650px) {
footer .footer-category{width:100%}
#OrderPanel > a{padding:12px 0px;width:33.33%;text-align:center}
#distributors .distributor{width:100%;margin-right:0}
.productlist .product{width:calc(50% - 10px)}
}





/*


.dropdown-menu{display:inline-block;position:relative;text-align:left}
.dropdown-toggle{display:block;cursor:pointer}
.dropdown-content{display:block;position:absolute;left:40px;top:-9px;padding:8px 10px;border:1px solid #c5c5c5;border-radius:3px;background:#f2f8ff}
.dropdown-item{display:block;padding:0 8px 0 28px;position:relative;color:#999}
.dropdown-item:hover{color:#333;text-decoration:underline}
#AjaxLoading{position:fixed;top:calc(50% - 60px);left:calc(50% - 60px);background:hsla(0, 0%, 0%, 0.45);padding:55px;border-radius:6px;z-index:9999}
#AjaxLoading:before{content:"";border:6px solid rgba(255, 255, 255, 0.2);border-top:6px solid #fff;border-radius:50%;width:60px;height:60px;animation:spin 1.3s linear infinite;top:19px;left:19px}
@keyframes spin {0% {transform:rotate(0deg)}100% {transform:rotate(360deg)}}
.sticker{font-size:12px;line-height:12px;border-radius:2px;padding:5px;white-space:nowrap;color:#fff;float:left;margin-bottom:5px}
.sts1{background:#66b366}
.sts5{background:#4ca3d4}
.dropdown-content{display:none}
.dropdown-toggle.showcontent + .dropdown-content{display:block}
.SelectPrevent{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.PreventClick *{pointer-events:none !important}

*/