/*  barvy
    modra           rgb(0,174,239)      #0093dd
    cervena         rgb(236,28,36)      #EC1C24
    ruzova          rgb(235,0,139)      #EB008B
    oranzovozluta   rgb(251,178,22)     #FBB216
    zelena          rgb(0,165,81)       #00A551
    seda            rgb(241,241,239)    #F1F1EF
    tmava           rgb(89,89,91)       #59595B
*/



@font-face {
    font-family: 'Agenda';
    src: url('Agenda-Light.eot');
    src: url('Agenda-Light.eot#iefix') format('embedded-opentype'),
         url('Agenda-Light.woff') format('woff'),
         url('Agenda-Light.ttf') format('truetype'),
         url('Agenda-Light.svg') format('svg');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Agenda';
    src: url('Agenda-Bold.eot');
    src: url('Agenda-Bold.eot#iefix') format('embedded-opentype'),
         url('Agenda-Bold.woff') format('woff'),
         url('Agenda-Bold.ttf') format('truetype'),
         url('Agenda-Bold.svg') format('svg');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Agenda';
    src: url('Agenda-Black.eot');
    src: url('Agenda-Black.eot#iefix') format('embedded-opentype'),
         url('Agenda-Black.woff') format('woff'),
         url('Agenda-Black.ttf') format('truetype'),
         url('Agenda-Black.svg') format('svg');
    font-weight: 900;
    font-style: normal;
}

body.borderAll div, 
body.borderAll a,
body.borderAll button,
body.borderAll h1,
body.borderAll h2,
body.borderAll h3,
body.borderAll img,
body.borderAll span {border: 1px dotted red !important;}

body { font-family: 'Open Sans',sans-serif; font-size: 12.5px; width: 100%; height: 100%; height: 100vh;margin: 0; padding: 0px 0px 1px;color:#59595B;font-weight:400; }
textarea, input, select, form {font-family:'Open Sans';display:block;float:left;box-sizing:border-box;} 

body.loading-before {position:relative;overflow:hidden;}
body.loading-before:before {content:'';display:block;position:fixed;top:0;bottom:0;left:0;right:0;background:rgba(255,255,255,0.5) url(../im/loadgray.svg) no-repeat center center;z-index:9999999999;}

body.kosik td, body.kosik td *, body.kosik td p, body.kosik td b, body.kosik td strong, body.kosik td small {font-size:12px !important;line-height:1.25 !important;color:#59595B;font-family:'Open Sans' !important;}


.separator {width:100%;float:left;display:block;padding:12px 0px;height:1px;}

a {color:#0093DD;}

.label { display: block; position: relative; padding-left: 0px; margin-bottom: 1px; cursor: pointer; font-size: 22px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;  }
.label input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }
.label input.dopUp {visibility:hidden;}
.checkmark { position: relative; height: 32px; float: left; width: 100%; box-sizing: border-box; padding-top: 6px; font-size: 14px; border: 0px; padding-left: 44px; width: calc(100% - 32px); }
.label:hover input ~ .checkmark {  }
.label input:checked ~ .checkmark {  }
.checkmark:before { content: ""; position: absolute; display: none; }
.label input:checked ~ .checkmark:before { display: block; }
.label .checkmark:before { left: 12px; top: 5px; width: 6px; height: 12px; border: solid #585f65; border-width: 0 4px 4px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.ico-box { padding: 22px 0px 0px; }
.ico-box > img { width: 32px; height: 33px; float: left; }
.ico-box > span { float: left; display: block; padding: 9px 12px; box-sizing: border-box; line-height: 1; margin: 0px; font-size: 16px; font-weight: 900; }

b, strong {font-weight:600;}


form {width:100%;}
div {box-sizing:border-box;line-height:1.3;}
img {margin:0;padding:0;border:0px;} a img {border:0px;}
a, a:hover {text-decoration:none;}
h1, h2, h3, h4, h5, h6 { font-weight: 600;font-family: 'Agenda',sans-serif;  }


h1 { color: #59595B; font-size: 28px; letter-spacing: -0.06em; margin: 12px 0px; }
h2 { color: #59595B; font-size: 24px; letter-spacing: -0.025em; margin: 12px 0px; font-weight:600;}
.h3 { color: #59595B; font-size: 20px; letter-spacing: -0.06em; line-height: 1;margin: 0px;  }
p {line-height:141%;color:#59595B;text-align:justify;margin:0;}

::-webkit-scrollbar {width: 8px;background-color:#59595B;z-index:9999999998;}
::-webkit-scrollbar-thumb {background:#ffffff;z-index:99999999999;border-left:1px solid #59595B;border-right:1px solid #59595B;width:6px;}
::-webkit-scrollbar-track {background-color:#59595B;z-index:9999999999;} 
                                                                                               
.uspech, .chyba {display:block;float:left;box-sizing:border-box;width: 100%;font-size: 13px;padding: 29px 8px 24px 64px;border:1px solid #f1f1ef;border-bottom:1px solid #eeeeee;border-right:1px solid #eeeeee;}
.uspech { background: #ffffff url('../im/uspech.svg') no-repeat 10px 14px / 48px 48px; color: #2b2b2d;}
.chyba { background: #ffffff url('../im/chyba.svg') no-repeat 10px 14px / 48px 48px; color: #2b2b2d;}

.hide {display:none;}
.hide1 {display:block;width:0;height:0;padding:0;margin:0;border:0;overflow:hidden;float:left;box-sizing:border-box;}
.fill {clear:both;}

.x1,.x2,.x3,.x4,.x5,.x6,.x7,.x8,.x9,.x10,.x11,.x12,.c1,.c2,.c3,.c4,.c5,.c6,.c7,.c8,.c9,.c10,.c11,.c12 {display:block;float:left;box-sizing:border-box;}

.p0 {padding:0;}

.c12 {width: 100%;}
.c11 {width: 91.66666666666666%;}
.c10 {width: 83.33333333333333%;}
.c9 {width: 75%;}
.c8 {width: 66.66666666666666%;}
.c7 {width: 58.33333333333334%;}
.c6 {width: 50%;}
.c5 {width: 41.66666666666667%;}
.c4 {width: 33.333333333333%;}
.c3 {width: 25%;}
.c2 {width: 16.6666666667%;}
.c1 {width: 8.3333333333%;}

.mw,
.relative-slide > div {width:100%;max-width:1280px;padding:0px 4%;margin:0px auto;float:none;}

.fl {float:left;}
.fr {float:right;}
.wa {width:auto;}  
.tr, .tr * {text-align:right;}
.tl {text-align:left;}
.tc {text-align:center;}
.tj {text-align:justify;}
.rel {position:relative;}



                  


/* /////////////////// OBECNE MO /////////////////////// */


                                                                                                                                                                                                    
.Nadpis, .Nadpis2, .Nadpis3, .VyzkumMenu h2 { color: #585f65;  font-size: 25px; letter-spacing: 0.03em; margin: 24px 0px 12px; box-sizing: border-box; font-weight: 600; }

.Popis1, .VyzkumWrapLeft .Popis { font-size: 12.5px; line-height: 1.4; letter-spacing: 0em; color:#59595B; text-align: justify; box-sizing: border-box; padding: 0px 0px 24px 0px;}
.produkt .Popis1 {margin-top:18px;}
.Seznam { padding-top: 12px; padding-bottom: 64px; }

 .vyzkum .Breadcrumbs, .vyzkumItem .Breadcrumbs { position: fixed; top: 128px; left: 0px; z-index: 999;border-bottom:1px solid #f1f1ef; }
 


.Breadcrumbs { width: 100%; padding: 8px 0px; background: #f1f1ef; box-shadow: inset 0px 9px 28px -32px #072a48; }
.Breadcrumbs .bc-base {}
.Breadcrumbs .bc-base a {color:#0093dd;}
.Breadcrumbs .bc-base span {color:#969696;}
.Breadcrumbs .bc-base a, .Breadcrumbs .bc-base span {padding:10px;font-weight:600;letter-spacing:0.025em;text-transform:uppercase;display:block;float:left;}

.Breadcrumbs .bc-base a:nth-child(1) {padding-left:0;}

.Breadcrumbs .bc-base svg { width: 14px; height: 14px; display: block; margin: 10px 0px; float: left; }
.Breadcrumbs .bc-base svg path, .Breadcrumbs .bc-base svg polygon {fill:#59595B;}

 .vyzkum .Breadcrumbs, .vyzkumItem .Breadcrumbs { position: static; z-index: 999; border-bottom: 0px; box-shadow: 0px 0px 0px 0px #000000; padding: 0px; margin:0px 0px 10px;}
 .vyzkum .Breadcrumbs .bc-base , .vyzkumItem .Breadcrumbs .bc-base {padding:0px;margin:0px 0px 0px;} 
 .VyzkumMenu {padding-left:30px;padding-top:85px;}

/* ////////////////////// LOADING ////////////////////////  */

strong.bigger {font-size:20px;}

.o0, .loading-img {opacity:0;}
.o1 {opacity:1;}
.loading-img {-webkit-transition: all 600ms linear;-moz-transition: all 600ms linear;-o-transition: all 600ms linear;transition: all 600ms linear;}

input.loading {position:relative;background:transparent url('../im/load.gif') no-repeat right center / 16px 16px;} 

.kosikBox {background-position:center center;}
.kosikBox.loading {position:relative;background:transparent url('../im/load.gif') no-repeat center center / 32px 32px;-webkit-transition: all 500ms linear;-moz-transition: all 500ms linear;-o-transition: all 500ms linear;transition: all 500ms linear;} 
.kosikBox.loading * {opacity:0;}

@-webkit-keyframes rotating  { from { -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } }
@keyframes rotating { from { -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } to { -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } }  

.lds-roller { display: inline-block; position: absolute; top:0px; right:0px;bottom:0px;left:0px;margin:auto; width: 64px; height: 64px; }
.lds-roller div { animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; transform-origin: 32px 32px; }
.lds-roller div:after { content: " "; display: block; position: absolute; width: 6px; height: 6px; border-radius: 50%; background: #59595B; margin: -3px 0 0 -3px; }
.lds-roller div:nth-child(1) { animation-delay: -0.036s; }
.lds-roller div:nth-child(1):after { top: 50px; left: 50px; }
.lds-roller div:nth-child(2) { animation-delay: -0.072s; }
.lds-roller div:nth-child(2):after { top: 54px; left: 45px; }
.lds-roller div:nth-child(3) { animation-delay: -0.108s; }
.lds-roller div:nth-child(3):after { top: 57px; left: 39px; }
.lds-roller div:nth-child(4) { animation-delay: -0.144s; }
.lds-roller div:nth-child(4):after { top: 58px; left: 32px; }
.lds-roller div:nth-child(5) { animation-delay: -0.18s; }
.lds-roller div:nth-child(5):after { top: 57px; left: 25px; }
.lds-roller div:nth-child(6) { animation-delay: -0.216s; }
.lds-roller div:nth-child(6):after { top: 54px; left: 19px; }
.lds-roller div:nth-child(7) { animation-delay: -0.252s; }
.lds-roller div:nth-child(7):after { top: 50px; left: 14px; }
.lds-roller div:nth-child(8) { animation-delay: -0.288s; }
.lds-roller div:nth-child(8):after { top: 45px; left: 10px; }
@keyframes lds-roller { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }



/* ////////////////////// MENU ////////////////////////// */



.mainmenu-wrap { position: fixed; top: 0; left: 0; width: 100%;width:100vw; min-height: 48px; z-index: 999999;  }
.mainmenu-wrap.stin { box-shadow: 0px 8px 17px -11px #000000; }
.mainmenu-wrap .mainmenu {text-align:center;width:100%;}
.mainmenu-wrap .mainmenu a { float: left; display: block; padding: 0px; height: 66px; box-sizing: border-box; text-transform: uppercase; letter-spacing: 0.025em; }
.mainmenu-wrap .mainmenu a { }
.mainmenu-wrap .mainmenu a span { color: #ffffff; padding-top: 26px; font-size: 12px; line-height: 13px; float: left; display: block; width: 100%; letter-spacing: 0.1em; }
.mainmenu-wrap .mainmenu a:hover span {color:#ffffff;}
.mainmenu-wrap .mainmenu a:hover {}
.mainmenu-wrap .mainmenu a:hover svg path {fill:#f1f1fe;}
.mainmenu-wrap .mainmenu a img, .mainmenu-wrap .mainmenu a svg {}
.mainmenu-wrap .mainmenu a svg path, .mainmenu-wrap .mainmenu a svg polygon {}
.mainmenu-wrap .mainmenu a.active span { color:#ffffff; }
.mainmenu-wrap .mainmenu a.logo { max-width: 66px; padding: 0px; margin-right: 12px; background: transparent; border-radius: 0px; height: 66px; }
.mainmenu-wrap .mainmenu a.logo svg { width: 66px; height: 66px; padding: 0px; }
.mainmenu-wrap .mainmenu a.logo path, .mainmenu-wrap .mainmenu a.logo polygon {fill:#ffffff;}
.mainmenu-wrap .mainmenu a.logo:hover path, .mainmenu-wrap .mainmenu a.logo:hover polygon {fill:#ffffff;}

.logo-radius { width: 370px; height: 370px; box-sizing: border-box; border-radius: 100%; background: #ffffff; margin: 0px auto 0px; display: block; padding: 35px; position: relative; left: 10%; }
.logo-radius svg {width:75%;margin:auto;}
.logo-radius path {fill:#59595B;}


.mainmenu-wrap .mainmenu .seda  {width:100%;float:left;display:block;background:#f1f1ef;color:#59595B;} 
.mainmenu-wrap .mainmenu .bila { width: 100%; float: left; display: block; color: #59595B; background: #ffffff; background: #ffffffeb; }
.mainmenu-wrap .mainmenu .modra {width:100%;float:left;display:block;background:#0093DD;color:#ffffff;}

.mainmenu-wrap .mainmenu .seda  a {height:auto;padding:5px 0px;margin:0px 0px 0px 10px;float:right;}
.mainmenu-wrap .mainmenu .seda a span { padding: 0px 3px; margin: 0px; line-height: 11px; color: #59595B; font-size: 11px; text-transform: uppercase; box-sizing: border-box; }
.mainmenu-wrap .mainmenu .bila  a {color:#59595B;}
.mainmenu-wrap .mainmenu .modra a {height:auto;padding:0px;margin-right:18px;}

.mainmenu-wrap .mainmenu .modra a.fr { height: auto; padding: 0px; margin-right: 0px; float: right; margin-left: 18px; }
.mainmenu-wrap .mainmenu .modra a:nth-child(1) {margin-left:-8px;}

.mainmenu-wrap .mainmenu .modra a:hover span {color:#f1f1fe;}

.mainmenu-wrap .mainmenu .modra a span { font-family: 'Agenda',sans-serif;height: auto; font-size: 16px; text-transform: uppercase; padding: 9px 0px 9px 0px; line-height: 23px; margin: 0px; color: #ffffff; float: left; display: block; box-sizing: border-box; font-weight: 600; }
.mainmenu-wrap .mainmenu .modra a svg { width: 24px; height: 24px; margin: 8px; float: left; }
.mainmenu-wrap .mainmenu .modra a svg path, .mainmenu-wrap .mainmenu .modra a svg polygon, .mainmenu-wrap .mainmenu .modra a svg circle {fill:#ffffff;}
.mainmenu-wrap .mainmenu .modra a:hover svg path, .mainmenu-wrap .mainmenu .modra a:hover svg polygon, .mainmenu-wrap .mainmenu .modra a:hover svg circle {fill:#FBB216;}
.mainmenu-wrap .mainmenu .modra a:hover span {color:#FBB216;} 

.mainmenu-wrap .mainmenu .modra a.open-respomenu {margin:0 0 0 0; display:none;}
img.empty {max-height:32px;}

.search-box-wrap {display:none;}
.search-box-wrap .search-box { display: block; float: right; max-width: 200px; padding: 14px 0px 14px 14px; }
.search-box-wrap .search-box input[type='text'] { border: 1px solid #f1f1ef; border-radius: 3px; padding: 9px; }


/* //////////////////// KOSIK /////////////////////// */



.kontakt h1 {text-align:center;}




.kosik .halfh {min-height:50vh;min-height:calc(50vh - 128px);}
                                        
.KosikGUI, .WrapperKontakt { padding-top: 128px; padding-bottom: 48px; }
.KosikGUI .buttons .submit { font-weight: 400; background-color: #585f65; color: #ffffff; padding: 8px; letter-spacing: 0px; font-size: 13px; }
.KosikGUI .buttons .fr { float:right; }

.KosikGUI input[type='text'], .KosikGUI textarea, .KosikGUI select { height: 38px; font-size: 12px; padding: 0px 4px; border: 1px solid #dddddd; margin-right: 1px; width: calc(100% - 1px); border-radius: 0px; }
.KosikGUI select {background: transparent;padding: 0px 4px; }
.KosikGUI select.dop-prepare-61 {background: transparent url(../im/staty/61.svg) no-repeat 4px center / 30px 20px;padding: 0px 4px 0px 40px; }
.KosikGUI select.dop-prepare-203 {background: transparent url(../im/staty/203.svg) no-repeat 4px center / 30px 20px;padding: 0px 4px 0px 40px; }


.KosikGUI select.select_za_mesto , .KosikGUI select.select_za {display:none;}
.KosikGUI .dopravce.active select.select_za_mesto, .KosikGUI .dopravce.active  select.select_za {display:block;}

.KosikGUI input[type='text']:focus, .KosikGUI textarea:focus, .KosikGUI select:focus { box-shadow: inset 0px 0px 6px -2px #0093DD; border: 1px solid #0093DD; color: #585f65; position: relative; z-index: 20; }
.KosikGUI input[type='text']:hover, .KosikGUI textarea:hover, .KosikGUI select:hover { box-shadow: inset 0px 0px 6px -2px #ffffff; border: 1px solid #aaaaaa; color: #585f65; position: relative; z-index: 21; }
.KosikGUI input[type='text'].error, .KosikGUI textarea.error, .KosikGUI select.error { color:red;border:1px solid red;position: relative; z-index: 22; }

.kosik_seznam {width:60%;float:left;}
.kosik_shrnuti { width: 40%; margin-left: 0%; float: left; padding: 0px 0px 0px 160px; }
.kosik_shrnuti span.fr {font-weight:600;font-size: 14px;text-align:right;}
.kosik_shrnuti.r { margin-right: 0%; margin-left: 0%; width: 50%; padding: 0px 0px 0px 48px; }

.uspech-voucher { background: #ffffff url(../im/voucher.svg) no-repeat 6px 11px / 80px 80px; padding: 0px 15px 0px 90px; color: #0093dd; margin: 0px 0px; border: 0px; }
.uspech-voucher .v {margin-top:6px;}

input[type='text'].voucher { cursor: pointer; color: #fbb216; border: 4px solid #fbb216; padding: 6px; font-weight: 600; text-align: center; width: 74%; margin: 12px 13%; font-size: 12.5px; height: 46px; }
.voucher:focus, .voucher:hover {border: 4px solid #585f65;}

.cnt {position:relative;height:auto;width:64px;float:left;}
.cnt > input[type='text'] {height:32px;width:100%;margin:0;}
.cnt > span.cnt-plus { position: absolute;display:block; z-index: 99; top: 0px; bottom:0px;min-height: 100%; width: 33.33%; cursor: pointer; right: 0px; background: transparent url('../im/plus.svg') no-repeat center center / 51%; }
.cnt > span.cnt-minus { position: absolute;display:block; z-index: 99; top: 0px; bottom:0px;min-height: 100%; width: 33.33%; cursor: pointer; left: 0px; background: transparent url('../im/minus.svg') no-repeat center center / 51%; }

.k-item { margin: 0px 0px -1px; border: 1px solid #eeeeee; padding: 12px; position:relative;}
.k-item:hover, .k-item:focus {background-color:#f3f4f5;}
.k-item:nth-child(odd) {}
.k-item:nth-last-child(1) {} 
.k-item .n { width: 50%; margin-top: 18px; }
.k-item .n a { color: #585f65; text-decoration: underline; font-size: 12px; padding-left: 12px; box-sizing: border-box; display: block; }
.k-item .pri {width:50px;}
.k-item .cnt { width: 88px; text-align: center; margin: 8px 14px 0px; }
.k-item .cnt input[type='text'] { font-size: 16px; font-weight: 600; text-align: center; height: 47px; }
.k-item .prt { width: 64px; float: right; text-align: right; font-size: 13px; font-weight: 600; padding-right: 6px; }
.k-item .del svg {width:18px;height:18px;background:red;border-radius:18px;margin:0;float:left;} 
.k-item .del svg polygon {fill:#ffffff;}
.k-item .del { position: absolute; top: 44px; right: -25px; margin-top: -9px; }

.k-item .pic {width:64px;height:64px;float:left;display:block;margin:0px;position:relative;overflow:hidden;}
.k-item .pic img {position:absolute;z-index:10;left:0;right:0;top:0;bottom:0;margin:auto;height:64px;}

.k-item .n,.k-item .pri,.k-item .prt {margin-top: 23px; }

.k-item-shrnuti {padding:12px;display:none;}
.r .k-item-shrnuti  {display:block;box-shadow:0px 2px 7px -4px #000000}



.kosik_shrnuti {font-size: 13px;}
.k-item-shrnuti .prt { padding: 0px 3px;font-weight: 600;font-size: 15px; font-family: 'Agenda',sans-serif; }
.k-item-shrnuti .n { width: 60%; margin-top: 22px; }
.kosik_shrnuti .cc,
.kosik_shrnuti .ccd,
.kosik_shrnuti .cd,
.kosik_shrnuti .ccdopravce,
.kosik_shrnuti .ccplatba {font-size: 13px;padding:2px 15px 0px;}

.kosik_shrnuti .cc {margin-top:20px;}

.buttons { margin-top: 0px; padding: 15px 0px; border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; }

.kosik_menu { margin-top: 24px; margin-bottom: 16px; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; }
.kosik_menu > a, .kosik_menu > div { display: block; font-size: 13px; letter-spacing: 0.02em; line-height: 1; margin: 0; padding: 8px 12px 8px 12px;background: transparent url(../im/ar-right.svg) no-repeat right center; }
.kosik_menu > a:nth-last-child(1), .kosik_menu > div:nth-last-child(1) {background: transparent;}
.kosik_menu > a:nth-child(1), .kosik_menu > div:nth-child(1) {padding-left:0px;}
.kosik_menu > a.active {box-shadow: inset 0px 0px 2px -2px #000000;}


.kosik_menu > a svg, .kosik_menu > div svg {}
.kosik_menu > a svg path, .kosik_menu > div svg path,
.kosik_menu > a svg polygon, .kosik_menu > div svg polygon,
.kosik_menu > a svg circle, .kosik_menu > div svg circle {}
.kosik_menu > a span, .kosik_menu > div span { color: #59595b; font-weight: 400; font-size: 16px; font-family: 'Agenda';}
.kosik_menu > a:nth-child(1) {border:0px;}
.kosik_menu > div span {color:#aaaaaa;}
.kosik_menu > a.active span {color:#0093dd;font-weight:600;}

.dopravce { border-bottom: 1px solid #eeeeee; padding: 0px; }
.dopravce .icon32 {width:32px;height:32px;}
.dopravce .platba-box {display:none;}
.dopravce.active .platba-box {display:block;width:100%;}
.dopravce.active { background: #f1f1ef; padding: 0px; margin: 0px 0px 0px; color:  #585f65; border-radius: 4px; }
.dopravce.active * {color: #585f65;}
.dopravce.active select {background:#ffffff; }
.dopravce.active select option {color: #585f65;background:#ffffff;}
.dopravce.active .platba-box label {padding:4px 0px;}
.dopravce.active { outline: 0; margin: 0px 0px; padding: 12px; }

/*

.KosikGUI table {width:100%;outline: 1px solid #dddddd;margin:0;padding:0px;float:left;font-size:12px;}
.KosikGUI table td {padding:0px;}
.KosikGUI table td table td {padding:1px 3px;}      */

.KosikGUI h1 { text-transform: uppercase; color: #585f65; font-weight: 600; letter-spacing: 0.06em; text-align:left;    margin: 12px 0px;font-size:20px;}
.KosikGUI .kosik_seznam h1 {text-align:left;}
.KosikGUI h2 { text-transform: uppercase; color: #585f65; font-weight: 600; letter-spacing: 0.06em; margin: 12px 0px 33px; font-size: 21px; }
 .KosikGUI h2 {}
.KosikGUI h2.p0 {margin:4px 0px 0px 0px;}
.dop_prepare_form { padding: 24px 0px; margin: 0px 0px 0px; border: 1px solid #eeeeee; border-width: 1px 0px 1px 0px; }


.KosikGUI .dop_prepare_form h2.p0 { font-size: 16px; margin: 0; padding-top: 10px; color: #0093dd; }


.prtDop {font-size: 15px; font-weight: 600; padding: 7px; font-family: 'Agenda',sans-serif; }
.cart_p {margin:0px 0px 6px;}
.cart_h { margin: 20px 0px 1px; padding: 0; color: #585f65; font-size: 19px; }
                 
.as-div {position:relative;}
.as-div .chyba { cursor:pointer;position: absolute; bottom: 0px; font-size: 11px;color: red; background: #ffffff; padding: 0px 0px 0px 0px; }
.as-div.error input[type='text'] {outline:1px solid red;color:red;}

.as-div.error.removeErrorTemporary input[type='text'] {outline: 1px solid #aaaaaa;color:#000000;}
.as-div.error.removeErrorTemporary .chyba {display:none;} 

button[type='submit'].loading { background-image: url(../im/load.gif); background-repeat: no-repeat; background-position: right center; background-size: 32px 32px; background-color: #ffffff; color: red; padding: 12px 48px 12px 12px; }

.parent-former { padding: 0px 0px 0px; width: 50%; }
.parent-former.poznamka {width:100%;}
    .h3_wrap {}
    .h3_wrap.hide-inputs input {display:none;}
    .h3_wrap.hide-inputs label {display:none;}
    .h3_wrap.hide-inputs small {display:none;}

    .h3_button { text-decoration: underline; cursor: pointer; color: #fbb216;  background: #ffffff url('../im/close.svg') no-repeat 0px 2px / 16px 16px; padding-left:20px;box-sizing:border-box;}
    .h3_wrap.hide-inputs .h3_button {background: #ffffff; padding-left:0;}

.cart_form { margin-top: 24px; padding-top: 0px; border-top: 0; }
textarea {min-height:88px;}

.submitCart { width: 100%; padding-top: 0px; padding-left: 32px; border: 0px; }



form {}
input[type='submit'], button[type='submit'], .submit, .minisubmit { cursor: pointer; background: #0093DD; color: white; font-size: 13px; border: 0px; padding: 11px 24px 11px; letter-spacing: 0.025em; text-transform: none; font-weight: 400; line-height: 14px; margin: 6px 0px; float: left; box-shadow: inset 0px -20px 63px -59px #000000; }
.minisubmit {padding:6px;font-size:12px;}
.submit.blue, .submitBlue { background: #0093DD; color: white; font-size: 18px; border: 0px; padding: 19px 21px 18px; letter-spacing: 0.03em; text-transform: none; font-weight: 900; line-height: 10px; margin: 18px 0px; float: right; box-shadow: inset 0px -20px 18px -16px #0f6db7; }

input[type='submit']:hover, button[type='submit']:hover, .submit:hover, .minisubmit:hover {background:#FBB216;color:#ffffff;}
input[type='submit']:hover *, button[type='submit']:hover *, .submit:hover *, .minisubmit:hover * {color:#ffffff;}
input[type='submit']:hover span, button[type='submit']:hover span, .submit:hover span, .minisubmit:hover span {color:#ffffff;}


.submit.red.blue {background: green;}
.submit.blue:hover {background: #0093dd;} 
.submit.red.blue:hover {background: green;} 

.submit_hidden {text-align:right;cursor:pointer; background: #aaaaaa; color:#2b2b2d;color: white; font-size: 13px; border: 0px; padding: 8px 16px 8px; letter-spacing: 0.025em; text-transform: none; line-height: 14px; margin: 12px 0px; float: left; box-shadow: inset 0px -20px 63px -59px #000000; }
.submit_oznameni small {color:red;font-size: 13px;display:block;float:left;margin-top:12px;}
.submit_hidden {cursor:pointer; background: #aaaaaa; color:#2b2b2d;color: white; font-size: 13px; border: 0px; padding: 8px 16px 8px; letter-spacing: 0.025em; text-transform: none; line-height: 14px; margin: 12px 0px; float: right; box-shadow: inset 0px -20px 63px -59px #000000; }
.submit_oznameni small {color:red;font-size: 13px;display:block;float:left;margin-top:12px;text-align:right;}



.kosikBox { float: right; display: block; width: auto; }

.ico_cart { float: left; width: 210px; position: relative; height: 66px; box-shadow: inset -20px 0px 53px -61px black; }
.ico_cart > a {position:absolute;z-index:100;top:0px;left:0px;right:0px;bottom:0px;}
.ico_cart > svg {float:left;width:32px;height:32px;margin:16px 0px;border-right:1px solid #ffffff;}
.ico_cart * {color:#0093dd;}
.ico_cart > .pol { float: left; width: auto; max-width: 48px; padding: 12px 4px; margin-top: 0px; font-size: 24px; line-height: 38px; text-align: center; font-weight: 900;display:none; }
.ico_cart > .ud {width:160px;float:left;padding-top:8px;}
.ico_cart > .ud > div {width:100%;float:left;}
.ico_cart > .ud > div svg {width:16px;height:16px;margin:0px 4px 0px 0px;float:left;}
.ico_cart > svg path, .ico_cart > svg polygon, .ico_cart > .ud > div svg path, .ico_cart > .ud > div svg polygon {fill:#0093dd;} 
.ico_cart > .ud > div span {float:left;width:auto;max-width:calc(100% - 20px);display:block;font-size:9px;line-height:16px;}



/* ////////////////////// Slick /////////////////////////  */

.slider1 { width: 100%; padding: 0px; margin: 0px; float: none; overflow: hidden; }
.slider1 .slick-slide img,.slider1 .slick-slide {width:100%;}
.slider1 .slick-slide {min-height:4px;outline:none;  }
.slider1 .slick-slide > div { background-color: #F1F1EF; background-position: center center; background-position: left top; background-size: 100%; background-repeat: no-repeat; width: 100%; transition: all 0s linear; }
.slider1 .slick-slide > div > img {width:100%}


.slider1 .paralax p { font-size: 13px; float: left; margin: 0px; padding: 0px; }


.slick-dots li button:before {display:none;}

.slider-wrapper {opacity:1;overflow:none;height:auto;width:100%;padding:0px;margin:0px;border:0px;-webkit-transition: all 400ms linear;-moz-transition: all 400ms linear;-o-transition: all 400ms linear;transition: all 400ms linear;}
.slider-wrapper.slider-wrapper-closed {height:0px;opacity:0;}
.slick-dots { position: absolute; bottom: -5px; display: block; width: 100%; padding: 0; list-style: none; text-align: center; }
.slick-dots li { position: relative; display: inline-block; background: white; width: 10px; height: 10px; margin: 0 5px; padding: 0; cursor: pointer; border-radius: 32px; border: 1px solid #58595b; }
.slick-dots li.slick-active {background:#58595b;}
 .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 10px; height: 10px; padding: 0px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; }


  

/* ////////////////////// SEKCE BLOG /////////////////////////  */
 
.VyzkumWrapLeft .Nadpis {margin: 25px 0px 25px;}
.VyzkumWrapLeft table {width:100% !important;margin:24px 0px;}
.VyzkumWrapLeft tbody {width:100% !important;}
.VyzkumWrapLeft td {background:transparent !important;font-size:11.5px;text-align:left;padding:4px;letter-spacing:-0.02em;}
.VyzkumWrapLeft tr {background:#f1f1ef;}
.VyzkumWrapLeft tr:nth-child(odd) {background:#ffffff;}

 
.blog-1-item { width: 100%; position: relative; margin-top: 0px; z-index: 10; overflow: hidden; margin: 0px 0px 15px; background: #ffffff;border-radius:4px; }
.blog-1-item:before {content:'';display:block;width:100%;padding-top:100%;border:1px solid #e9e9e9;box-sizing:border-box;}

.blog-1-item-popis { position: absolute; left: 15px; right: 15px; top: 48px; font-size: 12px; color: #777; z-index: 100; padding: 0; line-height: 1.25; text-align: justify; bottom: 15px; }
.blog-1-item .blog-1-item-popis strong { color: #585f65; font-family: 'Agenda',sans-serif;font-size: 15px; text-transform: uppercase; font-weight: 600; line-height: 1; box-sizing: border-box; width: 100%; display: block; margin-bottom: 3px; text-align: left; letter-spacing: 0.025em; }
.blog-1-item .pic { position: absolute; left: 15px; right: 15px; bottom: 57px; top: 101px; z-index: 20; overflow: hidden; }
.blog-1-item .pic img { width: 100%; margin: auto; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.blog-1-item h2 { position: absolute; left: 15px; right: 15px; top: 15px; z-index: 22; color: #59595B; font-size: 14px; font-weight: 600; line-height: 1; margin: 0; padding: 0; font-family: 'Open Sans'; letter-spacing: 0.05em; width: auto; }
.blog-1-item .date { text-align: right; position: absolute; width: 150px; left: 15px; bottom: 19px; z-index: 22; margin: 0; padding: 0; }
.blog-1-item .date span {color: #cccccc;font-size:12.5px;line-height:1;float:left;line-height:16px;}
.blog-1-item .date svg {width:16px;height:16px;float:left;margin-right:4px;}
.blog-1-item .date svg path {fill: #cccccc;}
.blog-1-item .detail { position: absolute; background: #585f65; color: #ffffff; right: 0px; bottom: 0px; z-index: 22; padding: 5px 41px; letter-spacing: 0.3em; }
.blog-1-item .detail:hover {background: #777; }

.blog-1-pic {position:relative;width:100%;float:left;overflow:hidden;}
.blog-1-pic:before {content:'';display:block;width:100%;padding-top:21%;border:1px solid #f1f1ef;}
.blog-1-pic  img { width: 100%; margin: auto; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }




.blog-item {width: 100%; position: relative;margin-top: 0px; z-index:10;overflow:hidden;margin:0px 0px 15px;background:#ffffff;}
.blog-item:before {content:'';display:block;width:100%;padding-top:21%;border:1px solid #e9e9e9;box-sizing:border-box;}

.blog-item-popis { position: absolute; left: 35%; right: 15px; top: 47px; font-size: 12.5px; color: #777; z-index: 100; padding: 0; line-height: 1.5; text-align: justify; left: calc(35% + 15px); bottom: 15px; }
.blog-item .blog-item-popis strong { color: #585f65; font-family: 'Agenda',sans-serif;font-size: 15px; text-transform: uppercase; font-weight: 600; line-height: 1; box-sizing: border-box; width: 100%; display: block; margin-bottom: 3px; text-align: left; letter-spacing: 0.025em; }
.blog-item .pic { position: absolute; left: 15px; right: 65%; bottom: 15px; top: 15px; z-index: 20; overflow: hidden; }
.blog-item .pic img { width: 100%; margin: auto; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.blog-item h2 { position: absolute; left: 35%; right: 15px; top: 15px; z-index: 22; color: #59595B; font-size: 14px; font-weight: 600; line-height: 1; margin: 0; padding: 0; font-family: 'Open Sans'; letter-spacing: 0.05em; text-transform: uppercase; left: calc(35% + 15px); width: auto; }
.blog-item .date { text-align: right; position: absolute; width: 150px; left: 35%; bottom: 12px; z-index: 22; margin: 0; padding: 0; left: calc(35% + 15px); }
.blog-item .date span {color: #cccccc;font-size:12.5px;line-height:1;float:left;line-height:16px;}
.blog-item .date svg {width:16px;height:16px;float:left;margin-right:4px;}
.blog-item .date svg path {fill: #cccccc;}
.blog-item .detail { position: absolute; background: #585f65; color: #ffffff; right: 0px; bottom: 0px; z-index: 22; padding: 5px 41px; letter-spacing: 0.3em; }
.blog-item .detail:hover {background: #777; }

.blog-pic {position:relative;width:100%;float:left;overflow:hidden;text-align:center;outline:1px solid #f1f1ef;}

.blog-pic img { width: 58%; margin: auto; position: static;  min-width: 320px; }
/* ////////////////////// SEKCE PRODUKT /////////////////////////  */

.prod-item-1,
.prod-item-1.x3 
{outline:1px solid #f1f1ef;width: 33.33%; position: relative; display: inline-block; margin-top: 0px; z-index:10;overflow:hidden; width:calc(33.33% - 10px);margin:0px 15px 15px 0px;background:#ffffff;}
.prod-item-1:nth-child(3n) {margin-right:0px;}
.prod-item-1:before {content:'';display:block;width:100%;padding-top:140%;}
.prod-item-1-popis {position: absolute;left:14px;right:14px;bottom:14px;top: 75%; font-size: 12.5px; color: #59595B; z-index: 100; padding: 0; line-height: 1.2; text-align: justify; }
.prod-item-1 .prod-item-1-popis strong { color: #585f65; font-family: 'Agenda',sans-serif;font-size: 15px; text-transform: uppercase; font-weight: 600; line-height: 1; box-sizing: border-box; width: 100%; display: block; margin-bottom: 3px; text-align: left; letter-spacing: 0.025em; }
.prod-item-1 .price-item-wrap {width:auto;position:absolute;bottom:4px;left:15px;z-index:120;right:15px;}
.prod-item-1 .price-item-wrap .price-item { width: 100%; float: right; }
.prod-item-1 .price-item-wrap .price-item .c3, 
.prod-item-1 .price-item-wrap .price-item .c6 {width:25%;}
.prod-item-1 .price-item-wrap .price-item .c {font-size:21px;color: #59595B;float:left;}
.prod-item-1 .price-item-wrap .price-item .s {color:#ec1c24;float:left;}
.prod-item-1 .price-item-wrap .price-item .openClassic { float: left; display: block; width: 100%; font-size: 12px; font-weight: 400; padding: 6px 0px 7px; text-align: center; float: left; margin: 4px 0px 0px; line-height: 1; border-radius: 0px; } 
.prod-item-1 .price-item-wrap .price-item .openClassic span {padding:0px;}
.prod-item-1 .pic { position: absolute;left:14px;right:14px;bottom:25%;top: 14px; z-index: 20; }
.prod-item-1 .pic img { width: 100%; margin: auto; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }


.prod-item-1 > .openClassic.detail {opacity:0;position: absolute;bottom:0;left:0;top:0;right:0;z-index: 110;}


/* ////////////////////// SEKCE PRODUKT /////////////////////////  */

.prod-item-popis { position: absolute; left: 0px; top: 51%; width: 50%; font-size: 12px; color: #59595B; z-index: 100; padding: 0px 0px 42px 16px; line-height: 1.2; text-align: justify; }


.prod-item  {outline:1px solid #f1f1ef;}

.prod-item { width: 33.33%; position: relative; display: inline-block; margin-top: 0px; z-index:10;overflow:hidden;}

.prod-item:before {content:'';display:block;width:100%;padding-top:100%;}
.prod-item.x2:before {content:'';display:block;width:100%;padding-top:50%;}

body.produkt .prod-item.x2:before { content: ''; display: block; width: 100%; padding-top: 100%; }
body.produkt .prod-item .price-item-wrap { padding: 0px 0px; margin: 0px 0px; border: 0px; border-left: 0; border-right: 0; }

.prod-item.x4:before { content: ''; display: block; width: 100%; padding-top: 126%; }
.prod-item .prod-item-popis strong { color: #585f65; font-size: 13px; text-transform: uppercase; font-weight: 600; line-height: 1; box-sizing: border-box; width: 100%; display: block; margin-bottom: 4px; text-align: center; letter-spacing: -0.01em; }
.prod-item .price-item-wrap {width:auto;position:absolute;bottom:0px;left:15px;z-index:120;right:15px;}
.prod-item .price-item-wrap .price-item { width: 100%; float: right; }

.prod-item .price-item-wrap .price-item .c3, .prod-item .price-item-wrap .price-item .c6 {width:25%;}


.prod-item .price-item-wrap .price-item .c {font-size:21px;color: #59595B;float:left;}
.prod-item .price-item-wrap .price-item .c3:nth-last-child(1) {}
.prod-item .price-item-wrap .price-item .s {color:#ec1c24;float:left;}

.prod-item .price-item-wrap .price-item .openClassic { width: 100%; font-size: 12px; font-weight: 400; padding: 2.5px 25px 3.5px; width: auto; height: auto; float: left; margin: 9px 0px 0px; line-height: 0.9; border-radius: 0px; }
.prod-item .price-item-wrap .price-item .openClassic svg path {fill:#ffffff;}
.prod-item .price-item-wrap .price-item .openClassic svg {width:32px;height:32px;}
.prod-item .price-item-wrap .price-item .openClassic span {padding:0px;float:left;}
.prod-item .stitky { position: absolute; top: 48px; left: 0px; width: 40%; z-index: 29; border-radius: 3px 0px 0px 3px; display: block; }

.prod-item:hover .stitky {display:block;}
.prod-item .stitky .stitek { width: auto; float: left; padding: 4px; font-size: 12px; }
.prod-item .stitky .stitek svg path, 
.prod-item .stitky .stitek svg polygon, 
.prod-item .stitky .stitek svg circle {fill:#eeeeee;}
.prod-item .stitky .stitek span, .prod-item .stitky .stitek strong {color:#eeeeee;}
.prod-item:hover .stitky .stitek svg path, 
.prod-item:hover .stitky .stitek svg polygon, 
.prod-item:hover .stitky .stitek svg circle {fill:#59595B;}
.prod-item:hover .stitky .stitek span, .prod-item:hover .stitky .stitek strong {color:#59595B;}


.StitkyBox { padding: 3px 0px 13px; margin-bottom: 12px; margin-top: 0px; border-top: 4px solid #f1f1ef; }
.stitek { padding: 9px 4px 9px 0px; color: #59595B; position: relative; }
.stitek > svg {width:48px;height:48px;float:left;margin:0px;position:absolute;top:0px;left:0px;}
.stitek > svg path, .stitek > svg polygon {fill:#59595B;}
.stitek > strong {font-size:18px;line-height:1;font-weight:900;letter-spacing:-0.015em;float:right;display:block;width:100%;box-sizing:border-box;padding:0px 0px 0px 48px;}
.stitek > span {font-size:13px;line-height:1;float:left;display:block;box-sizing:border-box;padding:0px 0px 0px 48px;width:100%;}


.prod-item .procento { position: absolute; top: 48px; left: 14px; width: 40%; z-index: 28; border-radius: 3px 0px 0px 3px; display: block; width: 96px; height: 96px; border-radius: 96px; background: #0093dd; padding-top: 22px; }
.prod-item .procento:before {content:'';display:block;position:absolute;top:0;left:0;height:100%;width:100%;border-radius:100%;box-shadow:inset 20px 21px 25px -21px #ffffff;}
.prod-item .procento:after { content: ''; display: block; position: absolute; top: 6%; left: 6%; height: 92%; width: 92%; border-radius: 100%; box-shadow: inset -3px -3px 6px -4px #ffffff; }

.prod-item:hover .procento {display:block;}
.prod-item .procento .stitek { width: auto; float: left; padding: 4px; font-size: 12px;text-align:center;margin-top: -6px; }
.prod-item .procento .stitek svg path, 
.prod-item .procento .stitek svg polygon, 
.prod-item .procento .stitek svg circle {}
.prod-item .procento .stitek span, .prod-item .procento .stitek strong {color:#ffffff;}
.prod-item:hover .procento .stitek svg path, 
.prod-item:hover .procento .stitek svg polygon, 
.prod-item:hover .procento .stitek svg circle {}
.prod-item:hover .procento .stitek span, .prod-item:hover .procento .stitek strong {color:#ffffff;}

.Podobne .prod-item .pic {background:transparent;}
  .Podobne .price-item-wrap .price-item { padding: 0px; }

.procento .stitek { padding: 9px 4px 9px 0px; color: #59595B; position: relative; }
.prod-item .procento .stitek.id_f_2 {margin-top:2px;}

.procento .stitek > svg {width:48px;height:48px;float:left;margin:0px;position:absolute;top:0px;left:0px;}
.procento .stitek > svg path, .stitek > svg polygon {fill:#59595B;}
.procento .stitek > span { font-size: 26px; line-height: 1; font-weight: 600; letter-spacing: -0.015em; float: right; display: block; width: 100%; box-sizing: border-box; padding: 0px 0px 0px 0px; }
.procento .stitek > strong { font-weight: 600; font-size: 12px; text-transform: uppercase; line-height: 1; float: left; display: block; box-sizing: border-box; padding: 0px 0px 0px 0px; width: 100%; }



.prod-item .pic { position: absolute; top: 15px; left: 50%; right: 15px; height: 100%; z-index: 20;outline: 0px; }
.prod-item .pic img { width: 100%; margin: 0px auto 0px; position: absolute; top: 0%; left: 0px; right: 0px; bottom: 0px; }
.prod-item .pic.pic-0 {bottom:42px;height:auto;}
.prod-item .pic.pic-0 img { width: auto; left: -54%; width: 208%; left: -50%; bottom: 0px; }

.prod-item .pic.pic-1 {position:absolute;left:15px;right:50%;height:50%;z-index:25;}

.prod-item .pic.pic-1 img {margin: 0px auto auto }


.podobne-items .prod-item > strong  {font-size:11px;color:#59595B;}
.podobne-items .stitky {display:none;}

.produkty .prod-item .stitky { position: absolute; top: 48px; left: 0px; width: 40%; z-index: 29; }
.produkty .prod-item .stitky .stitek { width: auto; float: left; padding: 4px; font-size: 12px; }
.produkty .stitek > svg { width: 32px; height: 32px; float: left; margin: 0px; position: absolute; top: -1px; left: 0px; }
.produkty .stitek > strong { float: right; display: block; width: 100%; box-sizing: border-box; padding: 0px 0px 0px;   }
.produkty .stitek > span { float: left; display: block; box-sizing: border-box; padding: 0px 0px 0px; width: 100%;   }




.WrapperSeznamProduktu { background: #ffffff;padding-top:127px; }
.WrapperDetailProduktu {padding-top:127px;}

.prod-item > .openClassic.detail { opacity: 0; position: absolute; bottom: 0px; left: 0px; top: 0px; right: 0px; z-index: 110; }

.prod-item .vkosiku span { color: #EC1C24; width: auto; display: block; float: left; padding-left: 0px; padding-top: 7px; max-width: calc(100% - 24px); }

.Dokosiku {  }

.price-item-wrap { width: 100%; float: left; display: block; margin-top: 0px; }
.price-item-wrap .price-item { width: 100%; float: left; display: block; border: 0px; padding: 0px; border-radius: 4px; }
.price-item-wrap .price-item u {text-decoration:line-through;}
.price-item-wrap .price-item > .c3 {float:left;display:block;}
.price-item-wrap .price-item > .c { font-size: 22px; font-weight: 600; line-height: 1; padding: 7px 0px; }
.price-item-wrap .price-item > .s {font-size:12px;}

.price-item-wrap .price-item > a {float:right;display:block;box-sizing:border-box;margin:0px;width:25%;padding:0;}
.price-item-wrap .price-item > a.addc svg {width:32px;height:32px;float:right;margin:0px;display:block;border-radius:4px; }
.price-item-wrap .price-item > a.addc span { width: auto; max-width: calc(100% - 32px); padding-top: 9px; float: left; margin: 0px; display: block; font-size: 13px; font-weight: 400; letter-spacing: 0em; margin-left: 12px; }


.price-item-wrap .price-item > a.addc { width: auto; display: block;border-radius:0px; }
.price-item-wrap .price-item > a.addc span { padding: 6px 14px; box-sizing: border-box; float: left; display: block; width: 100%; margin: 0px; max-width: 100%; }
.WrapperDetailProduktuOthers .price-item-wrap .price-item > .c { font-size: 22px; padding: 5px 0px;float:left; }

body.produkt .price-item-wrap { padding: 0px; margin: 0px; border: 0px; border-left: 0; border-right: 0; }



.price-item-wrap .price-item > a.addc svg * {fill:#ffffff;}
.price-item-wrap .price-item > a.addc:hover svg * {fill:#ffffff;}
.price-item-wrap .price-item > a.addc:hover span {color:#ffffff;}

.price-item-wrap .price-item > .vkosiku { display:none;width: auto; color: #ec1c24; line-height: 10px; font-size: 10px; text-align: right; padding-right: 0px; padding-top: 0px; float: right; }
.produkt .price-item-wrap .price-item > .vkosiku { padding-right: 8px; padding-top: 5px;}

.vkosiku svg { width: 24px; height: 24px; float: left; margin: 0; }
.vkosiku svg path, .vkosiku svg polygon, .vkosiku svg circle {fill:#EC1C24;}
.vkosiku span {color:#EC1C24;width:auto;display:block;float:left;padding-left:0px;padding-top:7px;}

.prod-item .vkosiku {font-size:12px;}

 .prod-item:hover .vkosiku {}

/* ///////////////////////// PRODUKT //////////////////////  */

.Galerie { box-shadow: 50px 50px 64px -105px #000000; }


.relative {position:relative;}

.relative-logo img {float:right;height:82px;}

.relative-slide { width: 100%; position: relative; background: #f1f1ef url(../im/slide.png) no-repeat left bottom / cover; float: left; box-shadow: inset 0px -66px 85px -142px #000000; }
.relative-slide > div  {position:relative;}
.relative-slide > div  > img {width:25%;float:left;}
.relative-slide > div > strong { width: 50%; position: absolute; top: 50%; left: 25%; font-size: 30px; color: #585f65; line-height: 1; margin-top: -19px; }
.relative-slide > div > span { width: 50%; position: absolute; left: 25%; font-size: 13px; color: #F1F1EF; top: 50%; margin-top: 34px; line-height: 1.25; }

.produkt h2 { font-size: 20px; text-transform: uppercase; margin: 9px 0px 0px; }
.produkt .Galerie img:nth-child(1) { width: 60%; margin-left: 20%; }

.c6.WrapperDetailProduktuOthers {padding-left:32px;width:60%;}
.WrapperDetailProduktuPopis { padding-right: 0%; width: 40%; padding-top: 32px; }
.WrapperInformace { background: #f1f1ef; padding: 48px 0px; margin: 48px 0px 0px; }
.InfoX, .InfoY, .InfoZ, .InfoA {padding:0;margin:0;display:block;float:left;}

.InfoX h2, .InfoY h2, .InfoZ h2, .InfoA h2 {margin-top:16px;padding:0px 0px 6px;font-size:16px;line-height:1.1;float:left;display:block;width:100%;}

.InfoX {padding-top:0;}
.InfoX h2 {padding-top:0;margin-top:16px;line-height:1;}

/* ///////////////////////////////// eshop //////////////////////////////  */
.u-classic .Slide {padding-top:11px;}
.produkt.u-classic .Slide {padding-top:0px;}

.produkt.u-classic .Slide .pic-1  {width:50%;position:relative;overflow:hidden;float:left;}
.u-classic .Slide .pic-0  {width:100%;position:relative;overflow:hidden;float:left;margin-right:0px;}
.produkt.u-classic .Slide .pic-1:before  {padding-top:100%;content:'';display:block;}
.u-classic .Slide .pic-0:before  {padding-top:100%;content:'';display:block;}
.produkt.u-classic .Slide .pic-1 > img { width: 80%; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0; margin: 0px auto auto 0px; }
.u-classic .Slide .pic-0 > img {width:100%;position:absolute;top:0px;right:0px;bottom:0px;left:0%;margin:0px auto 0px 0px;}

.Slide a.open-gal.c6 {width:100%;}
.Slide a.open-gal.c12 {width:100%;}
.Slide a.open-gal > img {width:100%;position:static;float:left;display:block;margin:12px 0px;}

.u-classic .ico_cart * {color:#b1b1b1;}
 .u-classic .ico_cart > svg path, .u-classic .ico_cart > svg polygon, .u-classic .ico_cart > .ud > div svg path, .u-classic .ico_cart > .ud > div svg polygon { fill: #b1b1b1; }
 
.sekce-item {position:relative;float:left;width:33.33%; }
.sekce-item:before {content:'';display:block;float:left;padding-top:25%;  }
.sekce-item > strong { position: absolute; left: 29%; top: 50%; margin-top: -10px; font-size: 20px; line-height: 1; overflow: hidden; z-index: 100; font-weight: 900; text-transform: uppercase; letter-spacing: 0.075em; }
.sekce-item > a { position:absolute;left:0;bottom:0;top:0;right:0; overflow:hidden;z-index:120;opacity:0; }
.sekce-item > div.pic { position: absolute; left: 0; bottom: 0; top: 0; right: 75%; overflow: hidden; z-index: 49; background: #eeeeee; border-radius: 128px; }
.sekce-item > div.pic > img {position:absolute;left:0;bottom:0;top:0;right:0;max-width:100%;max-height:100%; margin:auto;z-index:50;  }

.EshopMenu {margin:0px 0px 24px;}


.WrapperEshop {background:#ffffff;padding-bottom:32px;padding-top:127px;}



/* ///////////////////////////////// kontakt //////////////////////////////  */

.faqMenu { float: left; margin: 258px auto 64px; }
.faq .faqMenu {margin:0px;}
.faq-item {width:100%;float:left;padding:0px;box-sizing:border-box;border-bottom:1px solid #f1f1ef;}

.faq-item a {line-height:15px;float:left;display:block;box-sizing:border-box;padding:15px 0px;width:100%;color:#585f65;}
.faq-item a strong {float:left;font-size:12px;font-weight:400;}
.faq-item a svg {float:left;height:15px;margin-right:9px;}
.faq-item a svg polygon {fill:#585f65;}
.faq-item a u {float:right;font-size:12px;}
.faq-item a.active, .faq-item a.active * {font-weight:800;}
.faq-item a.active { box-shadow:16px 0px 28px -19px #000000}
.faq-item a:hover { color: #0093dd;  }
.faq-item a:hover svg polygon {fill:#0093dd;}


.WrapperFaq, .DokumentMenu {width:100%;max-width:1280px;margin:128px auto;float:none;padding:0px 4%;}

.WrapperFaqItem {padding:0px 4%;margin:128px auto;}

.WrapperVyzkum {margin-top:128px;}
.VyzkumWrap {padding-top:128px;}

.WrapperPoradna {margin-top:128px;}

.poradna-pic svg { float: left; display: block; height: 140px; width: 256px; }

.poradna-pic svg .fil0 {fill:#585F65;}
.poradna-pic svg .fil1 {fill:#0093DD ; }

.vyzkumItem .Popis a {color:#0093DD;}

.poradna-text {position:relative;}
.poradna-text:before {}
.poradna-text > div { display:block;float:left;width:100%;padding-left:24px; }
.poradna-text strong { display: block; float: left; box-sizing: border-box; width: 100%; font-size: 20px;line-height: 1.85; }
.poradna-text strong small {font-size:13px;}
.poradna-text span {display:block;float:left;box-sizing:border-box;width:100%;margin-bottom:15px;}

.PoradnaMain {padding:32px 0px 48px;}

.sendPoradna input, .sendPoradna textarea { border: 1px solid #a8a8a8; width: 100%; width: calc(100% - 4px); }
.sendPoradna label {font-size:12px;margin-top:3px;letter-spacing:0.06em;}
.sendPoradna .submit {padding: 8px 15px;}


body.faq .mw, body.kontaktDokument .mw , div.Dokumenty, .Paticka .paticka  {width:100%;max-width:1280px;margin:0px auto;float:none;padding:0px 4%;}

.faqWrapLeft { margin-top: 176px; margin-bottom: 98px; }
.faqOtazka .Popis { padding-right: 34px; text-align: justify; margin-top: 9px; }

.Paticka, .PatickaEshop { background: #2b2b2d; color: #ffffff; padding-bottom: 0px; }
.Paticka *, .paticka *,
.Paticka *, .paticka *, .PatickaEshop *, .PatickaEshop .paticka * { color: #77818a; font-size: 12px; }
.paticka h2 {font-size:15px;color:#ffffff;}
 .submenu a {color:#77818a;font-weight:normal;font-size:12px;text-decoration:underline;display:block;width:100%;float:left;box-sizing:border-box;}
 .submenu {padding-top:12px;margin-top:12px;border-top:1px solid #323538;}

.WrapperDokumenty {padding-top:144px;padding-bottom:64px;}
.WrapperDokumenty p {padding-left:0;padding;right:0;}



.PatickaEshop .gdpr-souhlas, .Paticka  .gdpr-souhlas {position:fixed;bottom:0;left:0;width:100%;overflow:hidden;font-size:10px;line-height:1;color:#000000;background:#ffffff;border-top:1px solid #eeeeee;padding:12px;z-index:9999999999999;}
.PatickaEshop .gdpr-souhlas a, .Paticka .gdpr-souhlas a {text-decoration:underline;}
.PatickaEshop .gdpr-souhlas a.gdpr-button, .Paticka .gdpr-souhlas a.gdpr-button {background:#0093DD;color:#ffffff;border-radius:32px;margin-left:12px;margin-right:12px;padding: 0px 6px;text-decoration:underline;}

.PatickaEshop .gdpr-souhlas .mw, .Paticka .gdpr-souhlas .mw { font-size: 10.5px; letter-spacing: -0.04em; }


/* ///////////////////////////////// kontakt //////////////////////////////  */
.kontaktItem {min-height: 133px; padding-top: 8px; box-shadow: 0px 0px 0px 0px #000000; }

.kontaktItem h2, .kontaktItem h3 {text-align:left;}

.kontaktItem:nth-child(1),
.kontaktItem:nth-child(2) { min-height: auto; padding: 8px 0px; width:50%;  }
.kontaktItem:nth-child(2),.kontaktItem:nth-child(3) { box-shadow: 0px 0px 0px 0px #000000; }
.kontaktItem:nth-child(3) { min-height: auto; width:100%; padding: 0px 0px;  }

.kontaktItem:nth-child(2) .submenu, .kontaktItem:nth-child(3) .submenu { border-top:0px; }

.kontaktItem img { width: 92px; height: 92px; display: block; margin: 0px 8px 0px 16px; float: left; }

.kontaktItem.small .submenu {padding:0;margin:0px;}



.paticka .kontaktItem.small .foot-left h3 {margin-top:0px;padding-top:0px;}


body.kontakt .kontaktItem img { width: 92px; height: 92px; display: block; margin: 33px 0px 0px; float: left; background: #f1f1ef; padding: 12px; }
body.kontakt .kontaktItem.small img {height:12px;padding:0px 12px;}
body.kontakt .kontaktItem.small  h2 {margin-top:0px;padding-top:0px;font-weight:normal;font-size:14px;}
body.kontakt .Dokumenty > a {width:100%;float:left;color:#3a3a3a;text-decoration:underline;display:block;}

.foot-left {float:left;width:80%;width:calc(100% - 142px);margin:0px;padding-left:26px;}     
.paticka .foot-left h2 {color:#ffffff;padding-top:24px;font-size:16px;font-weight:normal;}
.paticka .foot-left h2 b {font-size:13.5px;font-weight:normal;}
.paticka .foot-left h3 {color:#ffffff;padding-top:8px;font-size:13.5px;font-weight:normal;}
.paticka .foot-left h3 b {color:silver;font-size:13.5px;font-weight:normal;}

.WrapperDokumenty {width:100%;}


/* ///////////////////////////////// MAIN WRAPPERS //////////////////////////////  */

body > * {-webkit-transition: all 900ms linear;-moz-transition: all 900ms linear;-o-transition: all 900ms linear;transition: all 900ms linear;}

.goout  { transform:scale(1);opacity:0;-webkit-transition: all 450ms linear;-moz-transition: all 450ms linear;-o-transition: all 450ms linear;transition: all 450ms linear;}
.incoming-trans {opacity:1;transform: scale(1);-webkit-transition: all 900ms linear;-moz-transition: all 900ms linear;-o-transition: all 900ms linear;transition: all 900ms linear;}
.incoming {transform: scale(1);opacity:0;}
.incoming.mainmenu-wrap {transform: scale(1);opacity:0.77;}
.goout.mainmenu-wrap {transform: scale(1);opacity:0.77;}


body > .progress-wrap {z-index:99999999;position:fixed;overflow:hidden;width:100%;top:0px;left:0px;bottom:0px; -webkit-transition: all 700ms linear;-moz-transition: all 700ms linear;-o-transition: all 700ms linear;transition: all 700ms linear;}
body > .progress-wrap > .progress {z-index:20;position:absolute;height:21px;overflow:hidden;width:0%;top:0px;left:0px; -webkit-transition: all 700ms linear;-moz-transition: all 700ms linear;-o-transition: all 700ms linear;transition: all 700ms linear;}
body > .progress-wrap > .progress-loading {letter-spacing: 0.025em;z-index:35;position:absolute;height:21px;padding:6px 1px 0px;font-size:9px;line-height:9px;font-weight:600;text-transform:uppercase;overflow:hidden;background:transparent; width:100%;top:0px;left:0px;font-weight:900;text-align:left;padding-left:12px; -webkit-transition: all 700ms linear;-moz-transition: all 700ms linear;-o-transition: all 700ms linear;transition: all 700ms linear;}

body > .progress-wrap > .progress { background: transparent url('../im/loading.png') repeat-x 0 0; -webkit-animation: slide 5s linear infinite; animation: slide 5s linear infinite; }
 @-webkit-keyframes slide { from { background-position: 0 0; } to { background-position: 100% 0; } }
 @keyframes slide { from { background-position: 0 0; } to { background-position: 300% 0; } }

body > .progress-wrap { background: transparent; }
body > .progress-wrap > .progress {background-color:#585f65;z-index:999999991;}
body > .progress-wrap > .progress-loading {background-color:transparent; color:#ffffff;z-index:999999992;}          


/* //////////////////////////////////// BODYCLASS CLESSES //////////////////////////////////////////    */

/* main */

    body.u-classic, 
    body.u-classic .Breadcrumbs { background: #ffffff;}



.u-classic {}
.u-yellow {}
.u-green {}
.u-blue {}
.u-pink {}
.u-red {}


    /* loading */

    body.u-black .ico_cart { background: transparent;}
    body.u-black .ico_cart > svg {border-right:1px solid #585f65;}
    body.u-black .ico_cart * {color:#585f65;}
    body.u-black .ico_cart > svg path, body.u-black .ico_cart > svg polygon, body.u-black .ico_cart > .ud > div svg path, body.u-black .ico_cart > .ud > div svg polygon {fill:#585f65;} 

.textDokumentu *,
.textDokumentu strong,
.textDokumentu b,
.textDokumentu u,
.textDokumentu i,
.textDokumentu {color:#59595B !important;}    

body.kontaktDokument {
color:#59595B;
}



/* main end */

  /* def start */
  
  

  
   .prod-item {background:#ffffff;}
   
    .prod-item.x3 { margin-right: 21px; margin-bottom: 21px; width: 33.33%; width: calc(33.33% - 14px); }
    .prod-item.x3:nth-child(3n) {margin-right:0px;}
   
   .prod-item:hover {background:#ffffff;-webkit-box-shadow: 3px 68px 68px -22px #58595b43; -moz-box-shadow: 3px 68px 68px -22px #58595b43; box-shadow: 3px 68px 68px -22px #58595b43;}
        .prod-item:hover > strong {color:#585f65; }
      .prod-item:hover > strong {color:#585f65;}
      .prod-item:hover .pic { outline: 0px; background: #ffffff;z-index: 22;  }
      .prod-item:hover .price-item > .c {color:#585f65;}
      .prod-item:hover * {color:#585f65;} 
      .prod-item:hover .openClassic span {color:#ffffff;} 
      .prod-item:hover {z-index:30;}
      .prod-item .stitky .stitek svg path, 
      .prod-item .stitky .stitek svg polygon, 
      .prod-item .stitky .stitek svg circle {fill:#585f65;}
      .prod-item .stitky .stitek span, 
      .prod-item .stitky .stitek strong {color:#585f65;}
      .prod-item:hover .stitky .stitek svg path, 
      .prod-item:hover .stitky .stitek svg polygon, 
      .prod-item:hover .stitky .stitek svg circle {fill:#ffffff;}
      .prod-item:hover .stitky .stitek span, 
      .prod-item:hover .stitky .stitek strong {color:#ffffff;}
      
      body .mainmenu-wrap .mainmenu a.logo path.fil1, 
      body .mainmenu-wrap .mainmenu a.logo polygon.fil1 { fill: #0093DD; }
      body .mainmenu-wrap .mainmenu a.logo path.fil0, 
      body .mainmenu-wrap .mainmenu a.logo polygon.fil0 { fill: #585F65; }  
  
  /* def end */




.u-classic .mainmenu-wrap { background-color: #ffffff; color: #585f65; }
.u-classic  .Breadcrumbs .bc-base a { color:#585f65; }
.u-classic .price-item-wrap .price-item > .c,.prod-item.u-classic > strong {color:#585f65; font-family: 'Agenda',sans-serif;}
.u-classic .price-item-wrap .price-item > .expedice { color: #585f65; font-family: 'Agenda',sans-serif; float: right; padding: 9px 0px 0px; font-size: 15px; text-align: right; }
.u-classic .price-item-wrap .price-item > .c { float: left; width: auto; margin-right: 12px; }

.WrapperDetailProduktuOthers .price-item-wrap .price-item > a.addc { width: auto; display: block; border-radius: 0px; float: left; margin-top: 3px; }
.WrapperDetailProduktuOthers .price-item-wrap .price-item > a.addc span { padding: 6px 14px 7px; box-sizing: border-box; float: left; display: block; width: auto; margin: 0px 0px 0px; max-width: 100%; }


.prod-item .procento {background: #0093dd;}
.prod-item.u-classic .procento {background: #0093dd;}
.prod-item.u-yellow .procento {background: #FBB216;}
.prod-item.u-green .procento {background: #00A551;}
.prod-item.u-blue .procento {background: #0093dd;}
.prod-item.u-pink .procento {background: #EB008B;}
.prod-item.u-red .procento {background: red;}

.prod-item.u-classic:hover > strong {}

.prod-item.u-classic:hover .price-item > .c {color:#585f65;}
.prod-item.u-classic:hover * {color:#585f65;} 
.prod-item.u-classic:hover .openClassic span {color:#ffffff;} 
.prod-item:hover {z-index:30;}

.prod-item.u-classic .stitky .stitek svg path, 
.prod-item.u-classic .stitky .stitek svg polygon, 
.prod-item.u-classic .stitky .stitek svg circle {fill:#585f65;}
.prod-item.u-classic .stitky .stitek span, 
.prod-item.u-classic .stitky .stitek strong {color:#585f65;}
.prod-item.u-classic:hover .stitky .stitek svg path, 
.prod-item.u-classic:hover .stitky .stitek svg polygon, 
.prod-item.u-classic:hover .stitky .stitek svg circle {fill:#ffffff;}
.prod-item.u-classic:hover .stitky .stitek span, 
.prod-item.u-classic:hover .stitky .stitek strong {color:#ffffff;}

.u-classic {}

.u-classic .mainmenu-wrap .mainmenu a.logo path.fil0, 
.u-classic .mainmenu-wrap .mainmenu a.logo polygon.fil0 { fill: #0093DD; }
.u-classic .mainmenu-wrap .mainmenu a.logo path.fil1, 
.u-classic .mainmenu-wrap .mainmenu a.logo polygon.fil1 { fill: #585F65; }




.prod-item * {-webkit-transition: all 200ms linear;-moz-transition: all 200ms linear;-o-transition: all 200ms linear;transition: all 200ms linear;}

.copyr {text-transform:uppercase;padding: 24px 0px 48px;font-size:9px;letter-spacing:0.08em;}

                      
.x1  {width: 100%;}
.x2  {width: 50%;}
.x3  {width: 33.33%;}
.x4  {width: 25%;}
.x5  {width: 20%;}
.x6  {width: 16.66%;}
.x7  {width: 14.2857%;}
.x8  {width: 12.5%;}                                                        
.x9  {width: 11.11%;}
.x10 {width: 10%;}
.x11 {width: 9.0909%;}
.x12 {width: 8.33%;}

body.vyzkumItem .Breadcrumbs .bc-base a:nth-child(1) { padding-left: 12px; }






/* ////////////////////// GALWRIE */

.gal { z-index: 1000000; position: fixed; top: 0px; left: 0; width: 100%; height: 100%; overflow: hidden; background: #000000; background: #63636388; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
 .gal.closed {height:0;margin:0;padding:0;opacity:0;}
    .gal-header { position: absolute; top: 0px; left: 0px; width: 100%; height: 68px; z-index: 10100; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
 .gal-header .prev {float:left;margin-left:2.5%;position:relative;}
 .gal-header .next {float:right;margin-right:2.5%;position:relative;}
 .gal-header .prev img, .gal-header .next img { width: 46px; height: 68px; }
 
    .gal-header .title { padding: 23px; float: left; font-weight: 800; font-size: 14px; }
 
 .gal-header .prev span {position:absolute;left:0px;top:100%;color:#000000;font-size:10px;text-align:center;}
 .gal-header .next span {position:absolute;right:0px;top:100%;color:#000000;font-size:10px;text-align:center;}
 
.gal-media { position: absolute; top: 72px; left: 0px; width: 100%; bottom: 60px; }

    .gal-media .mejs__container { margin:auto; position:absolute; top:0px;bottom:0px;left:0px;right:0px; }
    .gal-media video { width:80vw; }

  .close-gal img {width:32px;height:32px;}
  .close-gal { float: right; padding: 17px; position: absolute; top: 0px; left: 0; right: 0; margin: 0px auto; width: 64px; }

    .gal-media img { position: absolute; top: 0px; left: 0px; max-width: 95%; max-height: 100%; bottom: 0px; right: 0px; margin: auto; box-shadow: 0px 0px 141px -63px #000000; z-index: 99999999999; }
 .gal-preload {overflow:hidden;width:0;height:0;opacity:0;padding:0;margin:0;border:0;outline:0;}

 .trans300 {-webkit-transition: all 300ms linear;-moz-transition: all 300ms linear;-o-transition: all 300ms linear;transition: all 300ms linear;}

  .gal-media video {position:absolute;top:0px;left:0px;max-width:95%;max-height:95%;bottom:0px;right:0px;margin:auto;}









.ptb12 {padding-top:12px;padding-bottom:12px;}








/* ///////////////////////////////////////// HIDE NORESPO /////////////////////////////////////////// */
/* ///////////////////////////////////////// HIDE RESPO //////////////////////////////////////////////  */


body.a .dop_insert { padding: 20px; margin-bottom: 20px; color: #ffffff; }
body.a .dop_update {border:1px solid #dddddd;padding:20px;background:#eeeeee;margin-bottom:20px;}
body.a .dop_update img {width:32px;}
body.a .row-dop {background:#ffffff;border:1px solid #eeeeee;padding:12px;margin-bottom:20px}
body.a .platby { padding: 12px; box-shadow: inset 0px 0px 13px -10px #000000; }
body.a .platby > div { box-shadow: inset 0px 0px 7px -5px #000000;}
body.a .chyba, body.a .uspech {padding:5px 5px 5px 50px;border-radius:5px;}
body.a .platby > div > strong, body.a .platby > div > div {padding:6px;}
 body.a .platby > div > div a.submit {margin:0;}
 body.a .dop_t_update {padding:12px;}
 
 body.a .grayblack {background:#595959;}
 .submit-x {background:gray;color:white;}
  .submit-r {background:red;color:white;}
 body.a a.submit,body.a button.submit { font-size: 12px; padding: 8.5px; margin: 15px 0px 0px; }
 body.a .dop_update input[type='text'] {font-size:15px;font-weight:900;}
 
 body.a .uspech { background: #ffffff url(../im/uspech.svg) no-repeat 10px 3px / 20px 20px; color: green; }
 body.a .chyba { background: #ffffff url(../im/chyba.svg) no-repeat 10px 3px / 20px 20px; color: red; }
/* //////////////////////////////////////// RESPO ////////////////////////////////////////////// */

@media (min-width: 1921px) { 


}


@media (min-width: 1661px) { 


}


@media (max-width: 1366px) { 


}

@media (max-width: 1280px) { 

    .mw, .relative-slide > div { width: 100%; max-width: 1280px; padding: 0px 6%; margin: 0px auto; float: none; }  
    .mw.VyzkumWrap { margin-top: 138px; }
    body.vyzkumItem .Breadcrumbs .bc-base a:nth-child(1) { padding-left: 12px; }
    
}

.paticka {display:block;max-width:1280px;margin:0px auto;float:none;padding:0px 4%;}
.paticka > .c12 {box-shadow:inset 0px 20px 156px -103px #000000;}

/* prod item1 resppo */

@media (max-width: 1200px) { .prod-item-1:before {  padding-top: 140%; } .prod-item-1-popis { top: auto;bottom:48px;  } .prod-item-1 .pic img {margin-top:0;} .prod-item-1 .price-item-wrap .price-item .c { font-size: 18px; line-height: 21px; letter-spacing: -0.025em; } }
@media (max-width: 1100px) { .prod-item-1:before {  padding-top: 145%; }  .prod-item-1 .price-item-wrap .price-item .c3, .prod-item-1 .price-item-wrap .price-item .c6 { width: 33.33%; }  }
@media (max-width: 1000px) { .prod-item-1:before {  padding-top: 150%; } }
@media (max-width: 930px) { .prod-item-1:before {  padding-top: 165%; } .prod-item-1-popis { top: auto; bottom: 47px; }}
@media (max-width: 880px) { .prod-item-1:before {  padding-top: 170%; } .prod-item-1-popis {font-size:13px;} }
@media (max-width: 850px) { .prod-item-1:before {  padding-top: 175%; } .prod-item-1 .price-item-wrap .price-item .c { font-size: 16px;}  }
@media (max-width: 800px) { .prod-item-1:before {  padding-top: 180%; } }
@media (max-width: 768px) { .prod-item-1:before {  padding-top: 135%; } .prod-item-1.x3 {width:50%;width:calc(50% - 7.5px);} .prod-item-1.x3:nth-child(3n) {margin-right:15px;} .prod-item-1.x3:nth-child(2n) {margin-right:0px;} }
@media (max-width: 726px) { .prod-item-1:before {  padding-top: 140%; } } 
@media (max-width: 700px) { .prod-item-1:before {  padding-top: 150%; } } 
@media (max-width: 640px) { .prod-item-1:before {  padding-top: 160%; } } 
@media (max-width: 620px) { .prod-item-1:before {  padding-top: 165%; } }
@media (max-width: 600px) { .prod-item-1:before {  padding-top: 170%; } }
@media (max-width: 580px) { .prod-item-1:before {  padding-top: 170%; } }
@media (max-width: 570px) { .prod-item-1:before {  padding-top: 125%; } .prod-item-1.x3, .prod-item.x3 {width:100%;margin-right:0px;} .prod-item-1.x3:nth-child(3n) {margin-right:0px;} .prod-item-1.x3:nth-child(2n) {margin-right:0px;}  }
@media (max-width: 530px) { .prod-item-1:before {  padding-top: 130%; } }
@media (max-width: 515px) { .prod-item-1:before {  padding-top: 135%; } }
@media (max-width: 500px) { .prod-item-1:before {  padding-top: 140%; } }
@media (max-width: 480px) { .prod-item-1:before {  padding-top: 145%; } .prod-item-1 .price-item-wrap .price-item .c3, .prod-item-1 .price-item-wrap .price-item .c6 { width: 33.33%; }}

@media (max-width: 420px) { .prod-item-1:before {  padding-top: 150%; } }
@media (max-width: 400px) { .prod-item-1:before {  padding-top: 160%; } }
@media (max-width: 390px) { .prod-item-1:before {  padding-top: 165%; } }
@media (max-width: 340px) { .prod-item-1:before {  padding-top: 170%; } }
@media (max-width: 330px) { .prod-item-1:before {  padding-top: 160%; } }

/* prod item1 resppo end */




@media (max-width: 1080px) { 

    .poradna-pic svg { float: left; display: block; height: 112px; width: 204px; }
    .prod-item.x3 { margin-right: 22.5px; margin-bottom: 22.5px; width: 50%; width: calc(50% - 22.5px); }
    .prtDop { width:33.33% }
    .dopravce .label {width:66.66%;}
    .parent-former { width: 100%; }
    
    .blog-1-item:before { display: block;position:absolute;top:0;bottom:0;right:0;left:0px;height:100%;padding:0;width:100%;z-index:10 }
    
    .blog-1-item h2, .blog-1-item-popis,.blog-1-item .pic, .blog-1-item .pic img {position: static;}
    .blog-1-item h2, .blog-1-item-popis,.blog-1-item .pic {padding:15px 15px 0px;}
    .blog-1-item .pic {width:100%;}
    .blog-1-item { padding-bottom: 52px; }
    
    .blog-1-item .detail {  right: 15px; bottom: 15px; z-index: 22; padding: 5px 18px;}
    
    

}

@media (max-width: 960px) { 


.kontaktItem {width:50%;}

.VyzkumWrapLeft {width:60%}
.VyzkumMenu {width:40%;}



}


@media (max-width: 900px) { 

.kosik_shrnuti { width: 100%; padding: 0px; }
.kosik_seznam { width: 100%; }
 
 
.blog-item:before { content: ''; display: block; width: 100%; padding-top: 37%; border: 1px solid #e9e9e9; box-sizing: border-box; }


.poradna-pic, .poradna-text {width:50%;}
.PoradnaMain .c5 {width:100%;}


}

@media (max-width: 800px) { 
   
    .prod-item.x3 { margin-right: 22.5px; margin-bottom: 22.5px; width: 50%; width: calc(50% - 22.5px); } 
    .prod-item:before { content: ''; display: block; width: 100%; padding-top: 150%; }
    .prod-item-popis {  top: 37%; }
    
    .dop_prepare {width:100%;}
    .kosik_shrnuti.r { width: 100%; padding: 0px; }
    .blog-1-item .date span { font-size: 10.5px;}
}

@media (max-width: 700px) { 

.mainmenu-wrap .mainmenu .modra a.open-respomenu {padding:0; display:block;float:right;height:36px;width:36px;position:relative;margin: 0 6% 0 0;}
.mainmenu-wrap .mainmenu .modra a.open-respomenu > span {margin:0; display:block;float:left;height:36px;width:36px;padding:0;}
.mainmenu-wrap .mainmenu .modra a.open-respomenu > span span {padding:0;margin:0;display:block;position:absolute;left:0%;width:100%;height:3px;background:#ffffff;-webkit-transition: all 350ms linear;-moz-transition: all 350ms linear;-o-transition: all 350ms linear;transition: all 350ms linear;}
.mainmenu-wrap .mainmenu .modra a.open-respomenu > span .fil1 {top:10px;} 
.mainmenu-wrap .mainmenu .modra a.open-respomenu > span .fil2 {top:16px;} 
.mainmenu-wrap .mainmenu .modra a.open-respomenu > span .fil3 {top:22px;} 

.mainmenu-wrap .mainmenu .modra a.open-respomenu.close > span span {top:50%;margin-top:-1.5px;} 
.mainmenu-wrap .mainmenu .modra a.open-respomenu.close > span .fil1 { -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}
.mainmenu-wrap .mainmenu .modra a.open-respomenu.close > span .fil2 {-moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);}
.mainmenu-wrap .mainmenu .modra a.open-respomenu.close > span .fil3 {height:0px;width:0px;left:50%;} 

.mainmenu-wrap .mainmenu .modra .respomenu {-webkit-transition: all 350ms linear;-moz-transition: all 350ms linear;-o-transition: all 350ms linear;transition: all 350ms linear;}
.mainmenu-wrap .mainmenu .modra .respomenu.closed {overflow:hidden;height:0;padding:0;margin:0;line-height:0;outline:0;border:0;opacity:0;-webkit-transition: all 350ms linear;-moz-transition: all 350ms linear;-o-transition: all 350ms linear;transition: all 350ms linear;}
.mainmenu-wrap .mainmenu .modra { text-align: center; box-shadow: 0px 20px 19px -18px #8e8e8e; }

.mainmenu-wrap .mainmenu .modra a { height: auto; padding: 0px; margin: 0px; width: 100%; }
.mainmenu-wrap .mainmenu .modra a svg {margin:0;padding:0;float:none;}
.mainmenu-wrap .mainmenu .modra a:nth-child(1) { margin-left: 0px; }


.as-div {width:50%;}
.poznamka {width:100%;}
 
.kontaktItem { min-height: auto; padding: 8px 0px 12px; width:100%; }
 
 .blog-item:before { padding-top: 55%; }
 .VyzkumWrapLeft {width:100%;padding:0;}
.VyzkumMenu {width:100%;padding:0;}

 .VyzkumWrapLeft td, .VyzkumWrapLeft th { font-size: 10px; padding: 4px; letter-spacing: -0.04em; line-height: 1; }

ol {
    overflow: hidden;
}

.mainmenu-wrap {width:100%;}

 
}                                                        


@media (max-width: 600px) {

 
.kontaktItem, .kontaktItem:nth-child(n) {width:100%;}


.blog-item .date span {
    color: #cccccc;
    font-size: 9.5px;
    line-height: 1;
    float: left;
    line-height: 1.3;
    padding-top: 4px;
}
  
  .ico_cart > .ud { display:none; }
  .ico_cart { float: left; width: auto; position: relative; }
   .k-item .del {  top: 18px; right: -9px; }
   
  .kosik_menu > a, .kosik_menu > div {font-size: 12px; padding: 5px 4px; border-right:1px solid #dddddd; }
  .kosik_menu > a:nth-child(1) { border-right:1px solid #dddddd; }
  .kosik_menu > a span, .kosik_menu > div span { font-size: 11px; }
  .WrapperDetailProduktuOthers .price-item-wrap .price-item > .c {width:50%;}
  
  
    .mw, .relative-slide > div { width: 100%; max-width: 1280px; padding: 0px 10%; margin: 0px; float: left; display: block; box-sizing: border-box; }
    .blog-item:before { padding-top: 63%; }
    .blog-item:before { display:none; }
    
    .blog-item h2, .blog-item .blog-item-popis { position: static;  } 
    .blog-item h2, .blog-item .blog-item-popis { position: static; padding: 15px 15px 44px 39%; box-sizing: border-box; }
    .blog-item h2 {padding-bottom:15px;}
     .blog-item .detail { right: 15px; bottom: 9px; padding: 5px 20px; letter-spacing: 0em; } 

        .poradna-pic, .poradna-text { width: 100%; padding: 0px; margin: 0px; }
        .poradna-pic svg { float: none; display: inline-block; height: 112px; width: 204px; }
        .poradna-pic {text-align:center;}

        .poradna-text strong { display: inline-block; float: none; box-sizing: border-box; width: 100%; font-size: 16px; line-height: 1.35; text-align: center; padding: 24px 0px 24px; }


}


@media (max-width: 480px) { 

.as-div {width:100%;}

.WrapperDetailProduktuPopis, .c6.WrapperDetailProduktuOthers {width:100%;padding:20px 0px;margin:0;max-width:100%;}
.Nadpis, .Nadpis2, .Nadpis3, .VyzkumMenu h2 { color: #585f65; font-size: 25px; letter-spacing: 0.03em; margin: 12px 0px 12px; box-sizing: border-box; font-weight: 600; line-height: 1; }

.ico_cart {box-shadow: inset 0 0 0 0 black;}
.KosikGUI .buttons .submit { font-weight: 400; background-color: #585f65; color: #ffffff; padding: 6px; letter-spacing: 0px; font-size: 11px; }


}


@media (max-width: 390px) { 



table {transform:scale(0.6);transform-origin: left top;cursor:pointer;}
table:hover, table:focus {transform:scale(1);cursor:auto;}        


.blog-item .pic {display:none;}
.blog-item h2 {padding: 15px 15px 15px 15px;} 
.blog-item .blog-item-popis {padding: 15px 15px 44px 15px; }
.blog-item .date { left: 13px; text-align:left;}

}