/* profi moto mode */
@import url('https://fonts.googleapis.com/css?family=Dosis|Poppins:300,400,700|Oxygen:300,400,700&subset=latin-ext');
* { margin: 0; padding: 0; }
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary, main { display: block; }
html { margin: 0; padding: 0; font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; min-width: 390px; }
body { float: left; color:#000; font-family: 'Dosis', sans-serif; font-weight: 100; width:100%; min-height:100vh; text-align:left; margin:0; padding:0; overflow: scroll; overflow-x:hidden; }
.inner, .nav-panel ul .nav-btn:after { content: ""; position: absolute; top: 50%; left: 50%; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
mark { background: #ff0; color: #000; }
p, pre { margin:0; padding:0 0 15px 0; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ''; content: none; }
small { font-size: 75%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
dl, menu, ol, ul { }
dd { margin: 0 0 0 40px; }
menu, ol, ul { list-style-type:none; }
nav ul, nav ol { list-style: none; list-style-image: none; }
img { max-width: 100%; width: auto\9; height: auto; vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic; }
form { margin: 0; }
.dih, .hid { display: none; }
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
legend { border: 0; padding: 0; white-space: normal; *margin-left: -7px;}
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle;}
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible;}
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *height: 13px;*width: 13px;}
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {-webkit-appearance: none;}
button::-moz-focus-inner, input::-moz-focus-inner {border: 0;padding: 0;}
textarea { overflow: auto; vertical-align: top; }
table { border-collapse: collapse; border-spacing: 0; }
td { text-align: left; vertical-align: top; padding: 2px 20px; }
.result { position: absolute; width: 100px; height: 40px; padding: 6px; top: 20px; left: 50%; background-color:#666; color: #fff; z-index: 60; }
.blur { -webkit-filter: blur(3px); -moz-filter: blur(3px); filter: blur(3px); }
.aleft { text-align: left; }
.aright { text-align: right; }
.acenter { text-align: center; }
.fleft { float: left; }
.fright { float: right; }
.uper {text-transform: uppercase; }
.lower {text-transform: lowercase; }
.w10 { width: 10%; }
.w20 { width: 20%; }
.w30 { width: 30%; }
.w40 { width: 40%; }
.w50 { width: 50%; }
.w60 { width: 60%; }
.w70 { width: 70%; }
.w80 { width: 80%; }
.w90 { width: 90%; }
.w100 { width: 100%; }
.mt10 { margin: 10px 0 0 0; }
.mt20 { margin: 20px 0 0 0; }
.mt30 { margin: 30px 0 0 0; }
.mt40 { margin: 40px 0 0 0; }
.mt50 { margin: 50px 0 0 0; }
.mt60 { margin: 60px 0 0 0; }
.mt70 { margin: 70px 0 0 0; }
.mt80 { margin: 80px 0 0 0; }
.mt90 { margin: 90px 0 0 0; }
.mt100 { margin: 100px 0 0 0; }
.pl10 { padding: 0 0 0 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.pl20 { padding: 0 0 0 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.pl30 { padding: 0 0 0 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.pl40 { padding: 0 0 0 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.pl50 { padding: 0 0 0 50px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.pl60 { padding: 0 0 0 60px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.pl70 { padding: 0 0 0 70px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.pl80 { padding: 0 0 0 80px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.pl90 { padding: 0 0 0 90px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.pl100 { padding: 0 0 0 100px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.bg1 { background: linear-gradient(110deg, #fff 90%, #F4F4F4 90%); }
.bg2 { background: linear-gradient(110deg, #F4F4F4 80%, #E1E1E1 80%); }
.bg3 { background: linear-gradient(110deg, #E1E1E1 20%, #C1C1C1 20%); }
.col_bla { color:#000; }
.col_red { color: #C00; }
.col_whi { color: #fff }
.bgcol_ltgray {background:#EFEFEF;}
.bgcol_white {background:#FFF;}
/*----------------------------------------------------*/
/*body { background-color: #F5F5F5; min-width: 330px; width: auto !important; position: relative; width:expression(document.body.clientWidth < 330? "330px": "auto" );}*/
header { float: left; position: relative; width:100%; text-align:left; margin: 0; padding:20px 0; background-color: rgba(100, 100, 100, 0.6); z-index: 3; -moz-box-sizing: border-box; box-sizing: border-box;}
header .topl { float: left; width: 48%; height: auto; margin: 0 0 20px 20px; -moz-box-sizing: border-box; box-sizing: border-box;}
header .topr { float: right; width: 48%; height: auto; margin: 0 20px 20px 0; -moz-box-sizing: border-box; box-sizing: border-box;}
header .topr ul { float: right; margin: 10px 0 0 0; padding: 0; }
header .topr ul li { float: left; }
header .topr ul li.first { float: left; margin: 0 50px 0 0; }
header .topr ul li.first a { background-color: #000; color: #fff; }
header .topr ul li.first a:hover { background-color: #db2827; color: #fff; }
header .topr ul li a { padding: 5px 10px; margin: 0 1px; background-color: #db2827; color: #fff; text-decoration: none; }
header .topr ul li a:hover { background-color: #000; color: #fff; }
header button { float: right; color: #000; padding: 2px 10px 0 5px; line-height: 22px; font-weight: normal; text-transform: uppercase; background-color: #fff; margin: 0 4px; display: block; border: none; cursor: pointer; ; }
header button:hover { background-color: #F60; color: #FFF; font-weight: normal; }
header button i { float: left; padding: 0 10px 0 0; }
header button i.firm:before { content: "\e605"; font-size: 20px; text-align: center; text-transform: none; font-weight: normal; font-style: normal; font-variant: normal; }
header button i.user:before { content: "\e604"; font-size: 20px; text-align: center; text-transform: none; font-weight: normal; font-style: normal; font-variant: normal; }
header button i.kat:before { content: "\e600"; font-size: 20px; text-align: center; text-transform: none; font-weight: normal; font-style: normal; font-variant: normal; }
header .menu { float: left; width: 100%; height: 30px; background-color: rgba(100, 100, 100, 0.6); }
footer { float: left; position: relative; width: 100%; height: 100%; min-height: 150px; padding: 20px 0; background-color: #666; color: #fff; -webkit-box-shadow: inset 0px 10px 10px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 0px 10px 10px 0px rgba(0, 0, 0, 0.2); box-shadow: inset 0px 10px 10px 0px rgba(0, 0, 0, 0.2); z-index: 2; -moz-box-sizing: border-box; box-sizing: border-box;}
footer .block { max-width: 1200px; margin:0 auto; padding: 0; font-weight: 100; }
footer .block .box { width: 15%; height: 100%; margin: 0; text-align: right; font-size: 90%; font-weight: 100; }
footer .block .box a { color: #fff; text-decoration: none; padding: 4px; width: 100%; font-weight: 100; }
footer .block .box a:hover { color: #fff; text-decoration: none; background-color: #db2827 }
.bg { width: 100%; height: 100%; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; background: url("../i/bg_03.jpg"); background-repeat: no-repeat; background-position:center; background-attachment:fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; overflow:hidden; }
.fnav { float: left; width: 100%; list-style-type: none; margin: 0; padding: 0; text-align: left; }
.fnav li { float: left; width: 100%; list-style-type: none; margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: left; }
.fnav li a { float: left; width: 100%; display: block; padding: 8px 15px; font-weight: 100; text-decoration: none; color: #000; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: left; }
.fnav li a:hover, .fnav li a.active { background: #FC0; color: #000; }
.fnav li a i { float: left; color:#94CB44; width: 50px; vertical-align: middle; margin: 0; padding: 0; }
.fnav li ul { display: none; list-style-type: none; margin: 0; padding: 0; }
.fnav li.open ul { display: block; }
.fnav li ul li { padding: 0 20px; list-style-type: none; display: block; }
.fnav li ul li a { display: block; }
.fnav li el li a:hover { background: #FC0; color: #000; }
.hle { float: left; margin: 5px 0 0 120px; padding: 0;}
.hlet { float: left; width: 140px; padding: 6px 10px; color: #000; background-color: #fff; border: none; }
.hleb { float: left; padding: 6px; background-color: #DB2827; color: #fff; border: none; }
/*---------------------------------------------------------------------------------*/
nav { background-color:#545557; color:#fff; float:left; width:100%; font-weight: 100; text-align:center; margin:0; padding:0; -moz-box-sizing: border-box; box-sizing: border-box;}
#mport { visibility: hidden; display:none; }
nav ul { list-style-type:none; text-transform:uppercase; margin:0; padding:0; text-align:center }
nav>ul>li { display:inline-block }
nav>ul>li>a { font-weight:100; color:#FFF; display:inline-block; text-decoration:none; padding:10px 20px; }
nav>ul>li>a:hover { color:#fff; background-color: #db2827; text-decoration:none }
nav>ul>li.active>a { color:#fff; background-color:#db2827; text-decoration:none }
nav>ul>li.topen a, nav>ul>li.topen>a:hover { color:#000; background:#db2827 }
nav .sub { background:#db2827; display:none; position:absolute; width:100%; height: auto; left: 0; right: 0; padding:4px 0; text-align:center; z-index: auto; }
nav .open { background:#db2827; display:block; position:absolute; width:100%; height: auto; left: 0; right: 0;padding:4px 0; text-align:center; z-index: auto; }
.topen .sub { display:block; z-index: 2;height: 40px; }
nav li .sub { list-style:none; max-width: 1100px; min-width: 200px; margin:0 auto; padding:0 5px; z-index: auto; }
nav li .sub li { float: left; position:relative; max-width: 200px; }
nav li .sub li a { background:#db2827; color:#fff; display:block; text-align:left; margin: 5px 0; text-decoration:none; padding:4px 16px }
nav li .sub li a:hover { background:#545557; color:#FFF }
nav li .sub li.active a { background:#545557; color:#FFF }
/*---------------------------------------------------------------------------------*/
main { float: left; position: relative; min-width: 305px; width: 100%; min-height: 800px; margin:30px 0 0 0; padding: 0; z-index: 2; background-color: rgba(255, 255, 255, 0); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
main:after, main:before { content:''; display:table; line-height:0 }
main:after { clear:both }
main h1 { width: 100%; font-size: 200%; font-weight: 700; color: #000; padding: 10px; margin: 0 0 10px 0; background: linear-gradient(90deg, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0)); -moz-box-sizing: border-box; box-sizing: border-box;}
main .page {  max-width: 1200px; width: 100%; height: auto; position: relative; margin:0 auto; padding: 0; -moz-box-sizing: border-box; box-sizing: border-box;}
main .block { float: left; width: 100%; height: auto; padding: 0 0 60px 0;-moz-box-sizing: border-box; box-sizing: border-box; }
main .block .docu { float: left; clear: left; margin: 10px 0; }
main .block .docu a { text-align: center; margin: 0; padding: 10px 20px; background-color: #C00; color: #000; text-decoration:none; }
main .block .docu a:hover { background-color: #C00; color: #fff; }
main .block .web {  float: left; width: 100%; height: auto; padding: 0 20px 20px 20px ; color: #000; background-color: rgba(255, 255, 255, 0.8); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
main .block .web2 {  float: left; width: 100%; height: auto; padding: 0 20px 20px 20px; color: #000; -moz-box-sizing: border-box; box-sizing: border-box;}
main .block .web h2 { margin: 0; padding: 30px 0 0 0; color: #C00; }
main .block .web h3 { float: left; clear: left; width: 100%; }
main .block .h1_nadp { width: 100%; font-size: 200%; font-weight: 700; color: #000; padding: 10px; margin: 0 0 10px 0; background: linear-gradient(90deg, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0)); -moz-box-sizing: border-box; box-sizing: border-box;}
main .block .odhlasit { position: absolute; margin: -65px 0 0 80%; padding: 0; }
main .items .item { height:365px; padding:0; margin: 2px; width:290px; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
main .items .item .product { height:75px; padding:290px 0 0 10px; top:0px; width:280px; text-decoration:none; }
main .items .item .product:hover { height:130px; padding-top:295px; z-index: 9; }
.filter-box { float: left; width: 100%; padding: 0 20px 20px 0; background-color: rgba(255, 255, 255, 0); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.filter-box .tit { float: right; padding: 10px 20px 10px 0; margin: 0 10px 0 0; background-color: rgba(0, 0, 0, 0.6); font-weight: 700; color: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.filter-box .finfo { float: left; min-height: 100%; height: auto; padding: 0 10px 0 20px; -moz-box-sizing: border-box; box-sizing: border-box;}
.filter-box .fselect { float: left; min-height: 100%; height: auto;-moz-box-sizing: border-box; box-sizing: border-box;}
.filter-box .fcolor { float: left; width: 40px; height: 20px; display: block; margin: 0 2px 0 0; cursor: pointer; border: 2px solid #fff; }
.filter-box .fsize { float: left; height: 20px; padding: 0 10px; display: block; margin: 0 2px 0 0; cursor: pointer; background-color: #fff; color: #000; text-align: center; font-weight: 400; border: 2px solid #fff;}
.filter-box .fsize2 { float: left; height: 20px; padding: 0; display: block; margin: 0 2px 0 0; cursor: pointer; background-color: #333; color: #fff; text-align: center; font-weight: 400; border: 2px solid #333;}
.filter-box .fcolor:hover, .filter-box .fsize:hover, .filter-box .fsize2:hover { border: 2px solid #C00; }
.filter-box .fsize.active { background-color: #C00; border: 2px solid #C00; color: #fff; }
.filter-box .fcolor.active { border: 2px solid #C00; }
.filter-box .fcolor a, .filter-box .fsize a { text-decoration: none; color: #000; display: block; }
.filter-box .fsize2 a { text-decoration: none; color: #fff; display: block; padding: 0 10px; }
.items .item { float:left; position:relative; -moz-box-sizing: border-box; box-sizing: border-box;}
.items .item .new { height:20px; left:0px; padding:2px 0 0 7px; top:40px; width:60px; background:#98CB4A; color:#000; display:block; font-size:13px; position:absolute; text-transform:uppercase; z-index:1; font-weight:100; }
.items .item .product { background-color:#FFF; margin: 0; padding: 0; color:#000; display:block; overflow:hidden; position:absolute; -webkit-transition:height .1s ease-in-out;-moz-transition:height .1s ease-in-out;-o-transition:height .1s ease-in-out;-ms-transition:height .1s ease-in-out;transition:height .1s ease-in-out;}
.items .item .product:hover { z-index:2; -webkit-transition:height .2s ease-in-out;-moz-transition:height .2s ease-in-out;-o-transition:height .2s ease-in-out;-ms-transition:height .2s ease-in-out;transition:height .2s ease-in-out;background-color:#db2827; }
.items .item .product.active { background-color: rgba(255, 255, 255, 0.7);/*opacity: 0.7;  filter: alpha(opacity=70);*/ }
.items .item .product:hover.active { background-color: #db2827;/*opacity: 1;  filter: alpha(opacity=100);*/ }
.items .item:hover .new { z-index:11 }
.items .item .product:hover .pprice span { color:#fff; }
.items .item .product h2 { border:0; font-size:100%; font-weight: 400; margin:0; width: 270px; height: 30px; padding:0; line-height: 1; text-transform:uppercase; text-align: center; }
.price { width: 270px; padding: 4px 0; text-align: center; }
.price em { font-size: 100%; padding: 0 10px 0 0; color: rgba(0, 0, 0, 0.6); font-weight: normal; font-style: normal; text-decoration: line-through; }
.price span { font-size: 130%; color:#C00; font-weight: normal; }
.price span.old { font-size: 85%; color:#999; text-decoration: line-through; padding: 0 20px 0 0; font-weight: 100; }
.pprice { width: 270px; padding: 4px 0; text-align: center; }
.pprice em { font-size: 100%; padding: 0 10px 0 0; color: rgba(0, 0, 0, 0.6); font-weight: normal; font-style: normal; text-decoration: line-through; }
.pprice span { font-size: 130%; color:#C00; font-weight: normal; }
.pprice span.old { font-size: 85%; color:#999; text-decoration: line-through; padding: 0 20px 0 0; font-weight: 100; }
.red { background-color: #C00; color: #FFF; }
.gray { background-color: #EBEBEB; color: #000; }
.icon { left: 10px; position: absolute; text-align: center; bottom: 210px; margin-bottom: -200px; width: 270px; z-index: 9; }
.icon a { background-color:#EBEBEB; color: #000; display: inline-block; height: 40px; line-height: 40px; margin: 0 3px; opacity: 0; width: 60px; /*-webkit-border-radius: 5px; border-radius: 5px; */ cursor: pointer; }
.icon a.icart, .icon a.icart2 { background-color:#EBEBEB; color: #000; display: inline-block; height: 40px; line-height: 40px; margin: 0 3px; opacity: 0; width: 90px; }
.icon a:hover, .icon a:focus { background-color: #000; color: #fff; }
.icon .iheart { -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; -webkit-transform: translate3d(-100px, 0, 0); -moz-transform: translate3d(-100px, 0, 0); -o-transform: translate3d(-100px, 0, 0); -ms-transform: translate3d(-100px, 0, 0); transform: translate3d(-100px, 0, 0); }
.icon .ilink { -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; -webkit-transform: translate3d(100px, 0, 0); -moz-transform: translate3d(100px, 0, 0); -o-transform: translate3d(100px, 0, 0); -ms-transform: translate3d(100px, 0, 0); transform: translate3d(100px, 0, 0); }
.icon .icart, .icon .icart2 { -webkit-transform: translate3d(0, 100px, 0); -moz-transform: translate3d(0, 100px, 0); -o-transform: translate3d(0, 100px, 0); -ms-transform: translate3d(0, 100px, 0); transform: translate3d(0, 100px, 0); -webkit-transition: -webkit-transform 0.4s; transition: transform 0.4s; }
.product:hover .icon a { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.icon .iheart2 { background-color: #C00; color: #fff; }
.icon .iheart:active { background-color: #C00; color: #fff; }
.small-cart { width: 280px; height: 50px; position: absolute; top: 26px; left: 50%; margin: 0 0 0 -140px; padding: 0; z-index: 5; }
.shopping-cart, .heart-cart { float: left; margin: 2px 2px 0 0; padding: 0; height: 100%; }
.shopping-cart a, .heart-cart a { display: block; }
.shopping-cart i { position: absolute; top: 0; left: 0; background-color: #c00; color: #fff; padding: 11px 7px; margin:0; border-radius: 50%; z-index: 2; }
.heart-cart i { position: absolute; top: 0; right: 0; background-color: #fff; color: #C00; padding: 11px 8px 10px 8px; margin:0; border-radius: 50%; z-index: 2; }
.heart-cart:hover i { background-color: #C00; color: #fff; }
.shopping-cart span { float: left; width: 100px; background-color: #333; color: #fff; margin: 5px 0 0 15px; padding: 5px 10px 5px 25px; font-size: 12px; text-align: right; z-index: 1; }
.heart-cart span { position: absolute; top: 2px; right: 0; width: 60px; background-color: #333; color: #fff; margin: 5px 15px 0 0; padding: 5px 30px 5px 10px; font-size: 12px; z-index: 1; }
.infotext { width: 160px; background-color: #fff; color: #C00; z-index: 130; position:absolute; border-radius: 8px; padding: 10px 20px; }
/*.add-prom:after { top: 100%; left: 112px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #000; }*/
#powerTip { cursor: default; font-weight:100; background-color: rgba(0, 0, 0, 0.8); border-radius: 4px; color: #fff; display: none; padding: 2px 6px; font-size: 10px; position: absolute; white-space: nowrap; z-index: 9; -webkit-box-shadow: 0px 2px 3px 3px rgba(0, 0, 0, 0.2); box-shadow: 0px 2px 3px 3px rgba(0, 0, 0, 0.2); }
#powerTip.n:before, #powerTip.e:before, #powerTip.s:before, #powerTip.w:before, #powerTip.ne:before, #powerTip.nw:before, #powerTip.se:before, #powerTip.sw:before { content: ""; position: absolute; }
#powerTip.n:before, #powerTip.s:before { border-right: 5px solid transparent; border-left: 5px solid transparent; left: 50%; margin-left: -5px; }
#powerTip.e:before, #powerTip.w:before { border-bottom: 5px solid transparent; border-top: 5px solid transparent; margin-top: -5px; top: 50%; }
#powerTip.n:before { border-top: 10px solid rgba(0, 0, 0, 0.8); bottom: -10px; }
#powerTip.e:before { border-right: 10px solid rgba(0, 0, 0, 0.8); left: -10px; }
#powerTip.s:before { border-bottom: 10px solid rgba(0, 0, 0, 0.8); top: -10px; }
#powerTip.w:before { border-left: 10px solid rgba(0, 0, 0, 0.8); right: -10px; }
#powerTip.ne:before, #powerTip.se:before { border-right: 10px solid transparent; border-left: 0; left: 10px; }
#powerTip.nw:before, #powerTip.sw:before { border-left: 10px solid transparent; order-right: 0; right: 10px; }
#powerTip.ne:before, #powerTip.nw:before { border-top: 10px solid rgba(0, 0, 0, 0.8); bottom: -10px; }
#powerTip.se:before, #powerTip.sw:before { border-bottom: 10px solid rgba(0, 0, 0, 0.8); top: -10px; }
.photo1 { height:270px; position:absolute; top:10px; left: 10px; width:270px; background-color: #fff; overflow: hidden; border: none; }
.photo1 .ilink { float: left; width: 270px; height: 270px; }
.photo1 img { max-height: 270px; height: auto; width: auto; max-width: 270px; margin: auto; top: 0; bottom: 0; left: 0; right: 0; display: block; position: absolute; overflow: hidden; border: none; background-color: #fff; }
.photo2 { height:270px; position:absolute; top:10px; left: 10px; width:270px; background-color: #fff; overflow: hidden; border: none; }
.photo2 .ilink { float: left; width: 270px; height: 270px; }
.photo2 img { max-height: 270px; height: auto; width: auto; max-width: 270px; margin: auto; top: 0; bottom: 0; left: 0; right: 0; display: block; position: absolute; overflow: hidden; border: none; background-color: #fff; }
.photo2 img:nth-child(1) {
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);
background-color: #fff;
}
.photo2 img:nth-child(2) {
opacity: 0;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
position: absolute;
top: 0;
left: 0;
-webkit-transform: scale(0.8) translateY(0px);
-moz-transform: scale(0.8) translateY(0px);
-ms-transform: scale(0.8) translateY(0px);
-o-transform: scale(0.8) translateY(0px);
transform: scale(0.8) translateY(0px);
background-color: #fff;
}
.product:hover > .photo2 figure { opacity: 1; height:270px; border: none; }
.product:hover > .photo2 img:nth-child(1) {
opacity: 0;
-webkit-transform: scale(0.8) translate(0px);
-moz-transform: scale(0.8) translate(0px);
-ms-transform: scale(0.8) translate(0px);
-o-transform: scale(0.8) translate(0px);
transform: scale(0.8) translate(0px);
background-color: #fff;
border: none;
}
.product:hover > .photo2 img:nth-child(2) {
opacity: 1;
-webkit-transform: scale(1) translateY(0px);
-moz-transform: scale(1) translateY(0px);
-ms-transform: scale(1) translateY(0px);
-o-transform: scale(1) translateY(0px);
transform: scale(1) translateY(0px);
background-color: #fff;
border: none;
}
/*********************************************************************/
.modal { position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; max-height: 100%; z-index: 100; background-color: #FFF; color: #000; visibility: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; }
.modal2 { position: fixed; top: 100px; left: 50%; margin: 0 0 0 -275px; z-index: 100; background-color: #fff; color: #000; visibility: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; }
.mshow { visibility: visible; }
.modal .content, .modal2 .content { width: 100%; height: 100%; padding: 0; margin: 0; }
.content .head, .content .head2 { height: 40px; background-color: #333; color: #fff; margin:0; padding: 10px; font-size: 14px; font-weight: 400; }
.content .head i { float: left; line-height: 40px; }
.content .head h2, .content .head2 h2 { float: left; font-size: 30px; color: #c00; line-height: 40px; padding: 0 15px; margin: 0; font-weight:100; }
.content .head span { float: left; line-height: 40px; }
.content .box { float: left; padding: 10px; }
.content .bottom { float: left; width: 100%; margin:0; padding: 0; }
.content .bottom a { width: 100%; background-color: #fff; color: #C00; text-align: center; padding: 16px 0; font-size: 18px; font-weight: 700; display: block; text-decoration: none; }
.content .bottom a:hover { background-color: #C00; color: #fff; }
.modal .content .dleft { float: left; width: 75%; height: 100%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
.modal .content .dright { float: left; width: 25%; height: 100%; font-weight: 100; background-color: #F4F4F4; text-align: center; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
.dleft { -webkit-transition: -webkit-transform 1.5s; transition: transform 1.5s; -webkit-perspective: 3000; perspective: 3000; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; display: block; }
.dleft .zoom { -webkit-transform: rotateX(180deg) scale(0.3); transform: rotateX(180deg) scale(0.3); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: -webkit-transform 1s ease-in-out; transition: transform 1s ease-in-out; will-change: transform; float: left; width: 100%; height: 100%; position: relative; margin: 0; padding: 0; justify-content: center; display: inline-block; display: flex; justify-content: center; align-items: center; overflow: hidden; }
.dleft .zoom img { max-width: 100%; max-height: 100%; width: auto; height: auto; }
.dleft.active-page1 { -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); }
.dleft.active-page1 .zoom.page1 { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
.dleft.active-page2 { -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); }
.dleft.active-page2 .zoom.page2 { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
.dleft.active-page3 { -webkit-transform: translateY(-200%); -ms-transform: translateY(-200%); transform: translateY(-200%); }
.dleft.active-page3 .zoom.page3 { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
.dleft.active-page4 { -webkit-transform: translateY(-300%); -ms-transform: translateY(-300%); transform: translateY(-300%); }
.dleft.active-page4 .zoom.page4 { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
.dleft.active-page5 { -webkit-transform: translateY(-300%); -ms-transform: translateY(-400%); transform: translateY(-400%); }
.dleft.active-page5 .zoom.page5 { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
.dleft.active-page6 { -webkit-transform: translateY(-300%); -ms-transform: translateY(-500%); transform: translateY(-500%); }
.dleft.active-page6 .zoom.page6 { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
.dleft.active-page7 { -webkit-transform: translateY(-300%); -ms-transform: translateY(-600%); transform: translateY(-600%); }
.dleft.active-page7 .zoom.page7 { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
.dleft.active-page8 { -webkit-transform: translateY(-300%); -ms-transform: translateY(-700%); transform: translateY(-700%); }
.dleft.active-page8 .zoom.page8 { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
.nav-panel { position: absolute; top: 50%; padding: 0; left: calc(100% - 570px); z-index: 99; }
.nav-panel.invisible { opacity: 0; }
.nav-panel { position: absolute; top: 30%; padding: 0; right: 27%; }
.nav-panel ul { list-style-type: none; margin: 0; padding: 20px 0; text-align: left; }
.nav-panel ul .nav-btn { position: relative; overflow: hidden; width: 60px; height: 60px; margin: 0 0 8px 0; background-color: #fff; border: 4px solid #fff; cursor: pointer; }
.nav-panel ul .nav-btn img { max-width: 60px; max-height: 60px; position: absolute; top: 0; left: 0; right: 0; bottom:0; margin: auto; vertical-align: middle; }
.nav-panel ul .nav-btn.active { border-color: #c00; }
.nav-panel ul .nav-btn:hover { border-color: #c00; }
.nav-panel ul .nav-btn:hover:after { -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; background-color: #c00; }
.nav-panel .scroll-btn { position: absolute; left: 20px; width: 20px; height: 20px; border:4px solid #000; border-left: none; border-bottom: none; cursor: pointer; }
.nav-panel .scroll-btn.up { top: -12px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.nav-panel .scroll-btn.down { bottom: -10px; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); }
.nav-panel .scroll-btn:hover { border-color: #c00; }
.cp { cursor: -webkit-zoom-in; cursor: zoom-in; }
/*****************************************************************/
.modal .content .dright { display: flex; flex-direction: column; height: 100%; background-color: #f4f4f4;}
.modal .content .dright .first { float: left; width: 100%; height: auto; background: linear-gradient(176deg, #E1E1E1 86%, #F4F4F4 86%); padding: 0 0 80px 0; display:table-row; }
.modal .content .dright .second { float: left; width: 100%; height: auto; flex-grow: 1; overflow-y:auto; }
.modal .content .dright h1 { float: left; width: 80%; padding: 0; margin: 70px 10% 10px 10%; color: #000; background: none; text-align: center; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
.modal .content .dright .ean { float: left; width: 100%; padding: 0; margin: 0; color: #999; font-weight: 100; font-size: 80%; text-align: center; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
.modal .content .dright .price { float: left; width: 100%; padding: 0; margin: 40px 0 0 0; color: #C00; font-weight: 700; font-size: 200%; text-align: center; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
.modal .content .dright .price span { color: #000; font-size: 50%; font-weight: 100; }
.modal .content .dright .sleva { float: left; width: 100%; padding: 0; margin: 0; color: #000; font-weight: 700; font-size: 100%; text-align: center; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
.modal .content .dright .sleva span { text-decoration: line-through; font-weight: 100;}
.modal .content .dright .ceninfo { float: left; width: 100%; padding: 0; margin: 0; color: #000; font-weight: 100; font-size: 100%; text-align: center; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
.modal .content .dright .zero { padding: 40px 0; }
.modal .content .dright .prom { float: left; width: 100%; padding: 0 20px; margin: 2px 0; color: #C00; font-weight: 100; font-size: 100%; text-align: center; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
.modal .content .dright .bu { width: 200px; padding: 0; margin:0px auto; }
.modal .content .dright .dod { width: 200px; padding: 5px 0; margin:0px auto; color: #000; }
.modal .content .dright .dod span { color: #090; font-weight: bold; }
.modal .content .dright .dod span.dot { color: #C00; font-weight: bold; }
.modal .content .dright .pop { float: left; width: 100%; padding: 20px; margin: 20px 0; color: #000; font-weight: 100; font-size: 100%; text-align: center; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
.modal .content .dright .prom button.iheart { float: left; width: 48px; margin: 0 2px 0 0; background-color: #C00; color: #fff; padding: 12px 10px; border: none; }
.modal .content .dright .prom button.icart3 { float: left; width: 150px; background-color: #000; color: #fff; padding: 12px 10px; border: none; }
.modal .content .dright .prom button.icart3:disabled { float: left; width: 150px; background-color: #EBEBEB; color: #fff; padding: 12px 10px; border: none; }
.modal .content .dright .prom button.iheart:hover { background-color: #fff; color:#C00; cursor: pointer; }
.modal .content .dright .prom button.icart3:hover { background-color: #C00; color:#fff; cursor: pointer; }
.modal .content .dright .soc { float: left; width: 100%; padding: 0 20px; margin: 2px 0; color: #C00; font-weight: 100; font-size: 100%; text-align: center; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
.modal .content .dright .soc a { color: #666; margin: 0 1px; }
.modal .content .dright .soc a:hover { color: #C00; }
.modal .content .dright .dokum { float: left; width: 100%; margin: 8px 0; text-align: center;}
.modal .content .dright a { margin: 0 10px; padding: 2px 6px; background-color: #545557; color: #fff; text-decoration:none;}
.modal .content .dright a:hover { background-color: #C00; color: #fff; }
.modal .content .dcenter { width: 60%; margin: 0 10%; }
.modal .content .dcenter h1 { float: left; width: 90%; padding: 0; margin: 50px 10% 10px 10%; color: #000; text-align: center; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
.custom-dropdown { font-size: 100%; min-width: 100px; width: 200px; font-size: inherit; padding: 8px 6px; margin: 0; background-color: #fff; color: #000; border: 1px solid rgba(0, 0, 0, 0.1); }
.custom-dropdown option:disabled { color: #CCC; }
/*****************************************************************/
.prom .select-hidden { display: none; visibility: hidden; padding-right: 10px; }
.prom .select { cursor: pointer; display: inline-block; position: relative; font-size: 18px; color: #fff; width: 200px; height: 40px; }
.prom .select-styled { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #545557; padding: 8px 15px; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; }
.prom .select-styled:after { content: ""; width: 0; height: 0; border: 7px solid transparent; border-color: #fff transparent transparent transparent; position: absolute; top: 16px; right: 10px; }
.prom .select-styled:hover { background-color: #db2827; }
.prom .select-styled:active, .select-styled.active { background-color: #545557; }
.prom .select-styled:active:after, .select-styled.active:after { top: 9px; border-color: transparent transparent #fff transparent; }
.prom .select-options { display: none; position: absolute; top: 100%; right: 0; left: 0; z-index: 999; margin: 0; padding: 0; list-style: none; background-color: #db2827; }
.prom .select-options li { margin: 0; padding: 12px 10px 12px 0; text-indent: 18px; border-top: 1px solid #962d22; -moz-transition: all 0.15s ease-in; -o-transition: all 0.15s ease-in; -webkit-transition: all 0.15s ease-in; transition: all 0.15s ease-in; }
.prom .select-options li:hover { color: #FFF; background: #545557; }
.prom .select-options li[rel="hide"] { display: none; }
/***********************************************************************/
.modal2 .content { float: right; width: 550px; max-height: 800px; height: 100%; background-color: #fff; text-align: left; }
.modal2 .content .box { float: left; width: 100%; max-height: 700px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; overflow-y: auto; }
.modal2 .content .kosrow { float: left; width: 100%; min-width: 100%; max-width: 540px; height: 80px; color: #000; margin: 4px 0; /*border: 1px solid rgba(0,0,0,0.2);*/ -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
.modal2 .content .kosrow:hover { background-color:#F4F4F4; }
.modal2 .content .kosrow .rowleft { float: left; width: 270px; height: 80px; padding: 0 10px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
.modal2 .content .kosrow .rowright { float: left; width: 110px; height: 80px; }
.modal2 .content .kosrow .img { float: left; width: 80px; height: 80px; background-color: #fff; text-align: center; position: relative; }
.modal2 .content .kosrow img { max-height: 80px; max-width: 80px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; vertical-align: middle; }
.modal2 .content .kosrow h3 { float: left; width: 100%; margin: 0; padding: 0; }
.modal2 .content .kosrow h3 a { font-size: 100%; color: #c00; text-decoration:none; }
.modal2 .content .kosrow h3 a:hover { text-decoration: underline; }
.modal2 .content .kosrow p { float: left; width: 100%; font-size: 90%; color: #000; margin: 0; padding: 0; }
.modal2 .content .kosrow .cena { float: right; width: 100%; height: 50px; font-size: 90%; color: #000; margin: 0; padding: 0; }
.modal2 .content .kosrow .cena em { font-size: 110%; color: #000; font-weight: 700; text-decoration: none; font-style: normal; text-align: right; }
.modal2 .content .kosrow .cena p { padding: 0 0 0 10px; }
.modal2 .content .kosrow .rowdel, .modal2 .content .kosrow .rowdel2, .modal2 .content .kosrow .rowview { float: right; color: #CCC; display: block; margin: 0; padding: 0; }
.modal2 .content .kosrow .rowdel a, .modal2 .content .kosrow .rowdel2 a, .modal2 .content .kosrow .rowview a { display: block; color: #000; background-color: #EFEFEF; padding: 30px 10px; margin: 0; }
.modal2 .content .kosrow .rowdel a:hover, .modal2 .content .kosrow .rowdel2 a:hover, .modal2 .content .kosrow .rowview a:hover { color: #fff; background-color: #C00; }
.modal2 .rowright .pocet { float: right; width: 90px; height: 20px; margin: 0 20px 0 0; }
.modal2 .rowright input.num { float: left; width: 24px; height: 24px; padding: 0; font-size: 18px; text-align: center; color: #000; border: 1px solid #EBEBEB; }
.modal2 .rowright span.spinner2 { position: relative; height: 26px; border-radius: 0; }
.modal2 .rowright span.spinner2 > .sub2, .modal2 .rowright span.spinner2 > .add2 { float: left; display: block; width: 24px; height: 26px; text-align: center; font-size: 20px; line-height: 20px; color: #000; border-right: 0; border-radius: 2px 0 0 2px; cursor: pointer; transition: 0.1s linear; -o-transition: 0.1s linear; -ms-transition: 0.1s linear; -moz-transition: 0.1s linear; -webkit-transition: 0.1s linear; background-color: #EBEBEB; }
.modal2 .rowright span.spinner2 > .add2 { top: 0; border-left: 0; border-radius: 0 2px 2px 0; background-color: #EBEBEB; }
.modal2 .rowright span.spinner2 > .sub2:hover, .modal2 .rowright span.spinner2 > .add2:hover { background: #c00; color: #fff; }
.modal2 .rowright input.num::-webkit-inner-spin-button, .modal2 .rowright input.num::-webkit-outer-spin-button {-webkit-appearance: none;overflow: hidden;}
/***********************************************************************/
.overlay { position: fixed; width: 100%; height: 100%; visibility: hidden; top: 0; left: 0; z-index: 90; opacity: 0; background: rgba(0, 0, 0, 0.3); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
.mshow.effect ~ .overlay {opacity: 1;visibility: visible;}
.effect .content { -webkit-transform: translateY(-5%); -moz-transform: translateY(-5%); -ms-transform: translateY(-5%); transform: translateY(-5%); opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
.mshow.effect .content { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; }
/*.mshow.effect ~ main  {-webkit-filter: blur(3px);-moz-filter: blur(3px);filter: blur(3px);}*/
.modal .mclose { position: absolute; top: 0px; right: 16px; z-index: 115; padding: 10px 0 5px 5px; margin: 0; cursor: pointer; color: #000; background: none; height: 38px; width: 38px; }
.modal .mclose:hover { color:#C00; }
.modal2 .mclose { position: absolute; top: 0px; right: 16px; z-index: 115; padding: 10px 0 5px 5px; margin: 0; cursor: pointer; color: #000; background: #fff; height: 20px; width: 20px; }
.modal2 .mclose:hover { color:#C00; }
/*************************************************/
.ob-box { float: left; width: 100%; min-height: 400px; padding: 10px 0; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
.ob-row { float: left; width: 100%; min-width: 100%; height: 80px; color: #000; margin: 4px 0; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
.ob-row .rowleft { float: left; width: calc(100% - 240px); height: 100%; padding: 0; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
.ob-row .img { float: left; width: 100px; min-height: 80px; background-color: #fff; text-align: center; position: relative; }
.ob-row img { max-height: 75px; max-width: 80px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; vertical-align: middle; }
.ob-row h2 { float: left; width: 60%; height: 100%; margin: 0; padding: 0 0 0 20px; background: linear-gradient(110deg, #fff 90%, #F4F4F4 90%); -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
.ob-row h2 a { float: left; width: 100%; height: auto; font-size: 20px; line-height: 20px; color: #c00; margin: 0; padding: 20px 0 0 0; text-decoration:none; }
.ob-row h2 a:hover { text-decoration: underline; }
.ob-row h2 span { float: left; width: 100%; font-size: 16px; color: #000; margin: 0; padding: 0; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
.ob-row h3 { float: left; width: 100%; margin: 0; padding: 20px 0 0 0; color: #000; }
.ob-row .cena { float: left; width: 20%; height: 100%; font-size: 90%; color: #000; margin: 0; padding: 18px 0 0 20px; background: linear-gradient(110deg, #F4F4F4 80%, #E1E1E1 80%); -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
.ob-row .cena em { font-size: 130%; color: #000; font-weight: 700; text-decoration: none; font-style: normal; text-align: right; }
.ob-row .cena p { padding: 0 0 0 10px; }
.ob-box .pocet { float: left; width: 20%; height: 100%; margin: 0; padding: 24px 0 0 50px; background: #E1E1E1; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
.ob-row .rowdel { float: right; color: #CCC; width: 140px; display: block; margin: 0; padding: 0; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
.ob-row .rowdel a { display: block; color: #000; background: linear-gradient(110deg, #E1E1E1 20%, #C1C1C1 20%); padding: 30px 0 30px 70px; margin: 0; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
.ob-row .rowdel a:hover { color: #fff; background: linear-gradient(110deg, #E1E1E1 20%, #db2827 20%); }
.ob-box input.num { float: left; width: 30px; height: 30px; padding: 0; font-size: 18px; text-align: center; color: #000; border: 1px solid #EBEBEB; }
.ob-box .spinner { position: relative; width: 95px; height: 32px; border-radius: 0; }
.ob-box .spinner > .sub3, .ob-box .spinner > .add3 { float: left; display: block; width: 30px; height: 32px; text-align: center; font-size: 24px; line-height: 26px; color: #000; border-right: 0; border-radius: 2px 0 0 2px; cursor: pointer; transition: 0.1s linear; -o-transition: 0.1s linear; -ms-transition: 0.1s linear; -moz-transition: 0.1s linear; -webkit-transition: 0.1s linear; background-color: #EBEBEB; }
.ob-box .spinner > .add3 { top: 0; border-left: 0; border-radius: 0 2px 2px 0; background-color: #EBEBEB; }
.ob-box .spinner > .sub3:hover, .ob-box .spinner > .add3:hover { background: #c00; color: #fff; }
.ob-box input.num::-webkit-inner-spin-button, .ob-box input.num::-webkit-outer-spin-button {-webkit-appearance: none;overflow: hidden;}
.ob-row1 { float: left; width: 100%; min-width: 100%; color: #000; margin: 4px 0; padding: 10px; background-color: #E1E1E1; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
.ob-row2 { float: left; width: 100%; min-width: 100%; color: #000; margin: 4px 0; padding: 10px; background-color: #fff; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
.ob-row2 h2 { float: left; width: 30%; height: 100%; margin: 0; padding: 8px; color: #C00; text-align: right; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
.ob-row2 .celkem { float: right; width: 70%; height: 100%; margin: 0; padding: 0; text-align: left; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
.ob-row2 .celkem h2 { float: right; width: auto; margin: 0; padding: 8px 50px 8px 20px; color: #000; background: linear-gradient(110deg, #fff 90%, #F4F4F4 90%); -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
.ob-row2 .bon { float: right; width: 100%; max-width: 250px; height: 100%; font-size: 100%; color: #000; margin: 0; padding: 14px 80px 14px 40px; background: linear-gradient(110deg, #F4F4F4 80%, #E1E1E1 80%); -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
.ob-row2 .bon span { color: #C00; font-weight: 700; }
.ob-row2 .postovne { float: right; width: 100%; max-width: 250px; height: 100%; margin: 0; padding: 14px 50px 14px 50px; background: #E1E1E1; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
.ob-row2 .postovne span { color: #C00; font-weight: 700; }
.ob-box .btn { background-color: #000; color: #fff; padding: 2px 10px; border: none; }
.ob-box .btn:hover { background-color: #C00; color:#fff; cursor: pointer; }
.ob-area { float: left; width: 100%; height: 50px; padding: 10px; border: 1px solid #999; background-color: #fff; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
.ob-send a { float: left; width: 100%; padding: 20px 10px; border: none; background-color: #C00; text-decoration: none; color: #fff; font-weight: 700; text-align: center; font-size: 130%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
.ob-send a:hover { background-color: #9B0000; }
.ob-send2 { float: left; width: 100%; padding: 20px 10px; border: none; background-color: #999; text-decoration: none; color: #fff; font-weight: 700; text-align: center; font-size: 130%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
/*************************************************/
form.log { width: 320px; margin: 50px auto; height: 150px; }
form.hes { width: 400px; margin: 70px auto; }
form.out { width: 100px; margin: 10px 0; }
form.log p { float: left; margin: 1px 0; padding: 0; }
form.hes p { float: left; margin: 1px 0; padding: 0; }
form.log label { float: left; width: 80px; margin: 0 10px 0 0; padding: 5px; text-align: right; }
form.log input { float: left; width: 190px; margin: 0; padding: 5px; text-align: left; border: none; background-color: #CCC; }
form.hes label { float: left; width: 120px; margin: 0 10px 0 0; padding: 5px; text-align: right; }
form.hes input { float: left; width: 250px; margin: 0; padding: 5px; text-align: left; border: none; background-color: #CCC; }
form.log input.send { float: left; width: 200px; margin: 0; padding: 5px; text-align: center; border: none; background-color: #db2827; color: #fff }
form.log input.send:hover { background-color: #000; color: #fff }
form.hes input.send { float: left; width: 260px; margin: 0; padding: 5px; text-align: center; border: none; background-color: #db2827; color: #fff }
form.hes input.send:hover { background-color: #000; color: #fff }
form.out input.send2 { float: left; width: auto; margin: 0; padding: 5px 10px; text-align: center; border: none; background-color: #db2827; color: #fff }
form.out input.send2:hover { background-color: #000; color: #fff }
form.reg label { float: left; width: 30%; margin: 0; padding: 5px; text-align: right; }
form.reg input { float: left; width: 50%; margin: 0 0 5px 0; padding: 5px; text-align: left; border: none; background-color: #CCC; }
form.reg input.send { float: left; width: 100%; margin: 0; padding: 10px 5px; text-align: center; border: none; background-color: #db2827; color: #fff }
form.reg h3 span { font-size: 80%; font-weight: 100; }
form.reg span.err { float: left; width: 100%; font-size: 80%; font-weight: 100; color:#F00; padding: 0 0 10px 0; text-align: center; }
form.reg input.send:hover { background-color: #000; color: #fff }
form.reg p { float: left; width: 100%; margin: 5px 0; padding: 0; }
form.reg p label { float: left; width: 100%; margin: 0; padding: 5px; text-align: left; }
form.reg p a { color: #db2827; margin: 0 0 0 40px; }
form .container { display: block; position: relative; cursor: pointer; padding: 8px 0 8px 35px; margin-bottom: 18px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
form .container input { position: absolute; opacity: 0; cursor: pointer; left: 0; }
form .container font { margin: 0 0 0 40px; }
form .checkmark { position: absolute; cursor: pointer; top: 5px; left: 0; height: 25px; width: 25px; background-color: #ccc; }
form .container input:checked ~ .checkmark {background-color: #db2827;}
form .checkmark:after { content: ""; position: absolute; display: none; }
form .container input:checked ~ .checkmark:after {display: block;}
form .container .checkmark:after { left: 9px; top: 5px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
form .container em { height: 25px; padding: 0 20px; font-style: normal; }
form .container i { height: 25px; padding: 0 20px; font-style: normal; }
.dopr { margin: 2px 0; }
.dopr:hover { background-color: #F3F3F3 }
/*************************************************/
.acc { float: left; display: block; width: 100%; font-size: 100%; font-weight: 100; color: #000; padding: 10px; margin: 4px 0; text-align: left; text-decoration: none; color: #fff; background-color: #333333; cursor: pointer; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
.acc:hover { background-color: #db2827; color: #fff; }
.acc span {float: right; text-align: right;}
.acc_element { float: left; width: 100%; margin: 0 0 20px 0; padding: 10px 10px 20px 10px; color: #000; background-color: #fff; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
.acc_element2 { float: left; width: 100%; margin: 0 0 20px 0; padding: 10px 10px 20px 10px; color: #000; display: block; background-color: #fff; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
/*************************************************/
.pocet { width: 200px; height: 50px; margin: 0px auto; }
input.num { float: left; width: 98px; height: 35px; padding: 0; font-size: 20px; text-align: center; color: #000; border: 1px solid #EBEBEB; }
span.spinner { position: relative; height: 38px; border-radius: 0; }
span.spinner > .sub, span.spinner > .add { float: left; display: block; width: 50px; height: 37px; text-align: center; font-size: 30px; line-height: 30px; color: #000; border-right: 0; border-radius: 2px 0 0 2px; cursor: pointer; transition: 0.1s linear; -o-transition: 0.1s linear; -ms-transition: 0.1s linear; -moz-transition: 0.1s linear; -webkit-transition: 0.1s linear; background-color: #EBEBEB; }
span.spinner > .add { top: 0; border-left: 0; border-radius: 0 2px 2px 0; background-color: #EBEBEB; }
span.spinner > .sub:hover, span.spinner > .add:hover { background: #c00; color: #fff; }
input.num::-webkit-inner-spin-button, input.num::-webkit-outer-spin-button {-webkit-appearance: none;overflow: hidden;}
/***********************************************/
.middle {transition: .5s ease; opacity: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); text-align: center; color: rgba(255, 255, 255, 0.5); z-index: 60; }
.zoom:hover .middle { opacity: 1; }
/**************************************************************/
.banner { float: left; margin: 10px 0 0 0; width: 100%; height: 500px; }
.sl-slider-wrapper { width: 100%; height: 100%; min-height: 450px; margin: 0 auto; position: relative; overflow: hidden; }
.sl-slider { position: absolute; top: 0; left: 0; }
.sl-slide, .sl-slides-wrapper, .sl-slide-inner { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
.sl-slide { z-index: 1; }
.sl-content-slice { overflow: hidden; position: absolute; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; background: #fff; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; opacity : 1; }
.sl-slide-horizontal .sl-content-slice { width: 100%; height: 50%; left: -200px; -webkit-transform: translateY(0%) scale(1); -moz-transform: translateY(0%) scale(1); -o-transform: translateY(0%) scale(1); -ms-transform: translateY(0%) scale(1); transform: translateY(0%) scale(1); }
.sl-slide-horizontal .sl-content-slice:first-child { top: -200px; padding: 150px 200px 0px 200px; }
.sl-slide-horizontal .sl-content-slice:nth-child(2) {top: 50%;padding: 0px 200px 200px 200px;}
.sl-slide-vertical .sl-content-slice { width: 50%; height: 100%; top: -200px; -webkit-transform: translateX(0%) scale(1); -moz-transform: translateX(0%) scale(1); -o-transform: translateX(0%) scale(1); -ms-transform: translateX(0%) scale(1); transform: translateX(0%) scale(1); }
.sl-slide-vertical .sl-content-slice:first-child { left: -200px; padding: 150px 0px 200px 200px; }
.sl-slide-vertical .sl-content-slice:nth-child(2) {left: 50%;padding: 150px 200px 200px 0px;}
.sl-content-wrapper { position: absolute; }
.sl-content { width: 100%; height: 100%; background: #fff; }
.sl-slide-horizontal .sl-slide-inner { background: #ddd; }
.sl-slide-vertical .sl-slide-inner { background: #ccc; }
.banner .sl-slider h2 { padding: 0px 30px 0px 30px; width: 80%; max-width: 1050px; color: #fff; margin: 250px auto 0px auto; position: relative; z-index: 100; font-family: 'TwCenMT-Bold'; }
.banner .sl-slider blockquote { padding: 10px 30px 10px 30px; width: 80%; max-width: 1050px; color: #fff; margin: 0 auto; position: relative; z-index: 100; font-family: 'TwCenMT-Bold'; }
.banner .sl-slider h2 { font-size: 50px; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); background-color: rgba(0, 0, 0, 0.6); }
.banner .sl-slider blockquote { font-size: 20px; margin-top: 0px; font-weight: 300; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); background-color: rgba(0, 0, 0, 0.6); }
.banner .bg-img { padding: 0; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; background-position: center center; }
.nav-dots { text-align: center; position: absolute; bottom: 2%; height: 30px; width: 100%; left: 0; z-index: 1000; background-color: none; }
.nav-dots span { display: inline-block; position: relative; width: 16px; height: 16px; border-radius: 50%; margin: 3px; background: #ddd; background: rgba(150, 150, 150, 0.4); cursor: pointer; box-shadow: 
 0 1px 1px rgba(255, 255, 255, 0.4), inset 0 1px 1px rgba(0, 0, 0, 0.1); }
.banner .nav-dots span { background: rgba(150, 150, 150, 0.1); margin: 6px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; box-shadow: 
 0 1px 1px rgba(255, 255, 255, 0.4), inset 0 1px 1px rgba(0, 0, 0, 0.1), 0 0 0 2px rgba(255, 255, 255, 0.5); }
.banner .nav-dots span.nav-dot-current, .banner .nav-dots span:hover { box-shadow: 
 0 1px 1px rgba(255, 255, 255, 0.4), inset 0 1px 1px rgba(0, 0, 0, 0.1), 0 0 0 5px rgba(255, 255, 255, 0.5); }
.nav-dots span.nav-dot-current:after { content: ""; position: absolute; width: 10px; height: 10px; top: 3px; left: 3px; border-radius: 50%; background: rgba(255, 255, 255, 0.8); }
.sl-trans-elems .deco { -webkit-animation: roll 1s ease-out both, fadeIn 1s ease-out both; -moz-animation: roll 1s ease-out both, fadeIn 1s ease-out both; -o-animation: roll 1s ease-out both, fadeIn 1s ease-out both; -ms-animation: roll 1s ease-out both, fadeIn 1s ease-out both; animation: roll 1s ease-out both, fadeIn 1s ease-out both; }
.sl-trans-elems h2 { -webkit-animation: moveUp 1s ease-in-out both; -moz-animation: moveUp 1s ease-in-out both; -o-animation: moveUp 1s ease-in-out both; -ms-animation: moveUp 1s ease-in-out both; animation: moveUp 1s ease-in-out both; }
.sl-trans-elems blockquote { -webkit-animation: fadeIn 0.5s linear 0.5s both; -moz-animation: fadeIn 0.5s linear 0.5s both; -o-animation: fadeIn 0.5s linear 0.5s both; -ms-animation: fadeIn 0.5s linear 0.5s both; animation: fadeIn 0.5s linear 0.5s both; }
.sl-trans-back-elems .deco { -webkit-animation: scaleDown 1s ease-in-out both; -moz-animation: scaleDown 1s ease-in-out both; -o-animation: scaleDown 1s ease-in-out both; -ms-animation: scaleDown 1s ease-in-out both; animation: scaleDown 1s ease-in-out both; }
.sl-trans-back-elems h2 { -webkit-animation: fadeOut 1s ease-in-out both; -moz-animation: fadeOut 1s ease-in-out both; -o-animation: fadeOut 1s ease-in-out both; -ms-animation: fadeOut 1s ease-in-out both; animation: fadeOut 1s ease-in-out both; }
.sl-trans-back-elems blockquote { -webkit-animation: fadeOut 1s linear both; -moz-animation: fadeOut 1s linear both; -o-animation: fadeOut 1s linear both; -ms-animation: fadeOut 1s linear both; animation: fadeOut 1s linear both; }
@-webkit-keyframes roll { 0% {
-webkit-transform: translateX(500px) rotate(360deg);
}
100% {
-webkit-transform: translateX(0px) rotate(0deg);
}
}
@-moz-keyframes roll { 0% {
-moz-transform: translateX(500px) rotate(360deg);
opacity: 0;
}
100% {
-moz-transform: translateX(0px) rotate(0deg);
opacity: 1;
}
}
@-o-keyframes roll { 0% {
-o-transform: translateX(500px) rotate(360deg);
opacity: 0;
}
100% {
-o-transform: translateX(0px) rotate(0deg);
opacity: 1;
}
}
@-ms-keyframes roll { 0% {
-ms-transform: translateX(500px) rotate(360deg);
opacity: 0;
}
 100% {
-ms-transform: translateX(0px) rotate(0deg);
opacity: 1;
}
}
@keyframes roll { 0% {
transform: translateX(500px) rotate(360deg);
opacity: 0;
}
 100% {
transform: translateX(0px) rotate(0deg);
opacity: 1;
}
}
@-webkit-keyframes moveUp { 0% {
-webkit-transform: translateY(40px);
}
 100% {
-webkit-transform: translateY(0px);
}
}
@-moz-keyframes moveUp { 0% {
-moz-transform: translateY(40px);
}
 100% {
-moz-transform: translateY(0px);
}
}
@-o-keyframes moveUp { 0% {
-o-transform: translateY(40px);
}
 100% {
-o-transform: translateY(0px);
}
}
@-ms-keyframes moveUp { 0% {
-ms-transform: translateY(40px);
}
 100% {
-ms-transform: translateY(0px);
}
}
@keyframes moveUp { 0% {
transform: translateY(40px);
}
 100% {
transform: translateY(0px);
}
}
@-webkit-keyframes fadeIn { 0% {
opacity: 0;
}
 100% {
opacity: 1;
}
}
@-moz-keyframes fadeIn { 0% {
opacity: 0;
}
 100% {
opacity: 1;
}
}
@-o-keyframes fadeIn { 0% {
opacity: 0;
}
 100% {
opacity: 1;
}
}
@-ms-keyframes fadeIn { 0% {
opacity: 0;
}
 100% {
opacity: 1;
}
}
@keyframes fadeIn { 0% {
opacity: 0;
}
 100% {
opacity: 1;
}
}
@-webkit-keyframes scaleDown { 0% {
-webkit-transform: scale(1);
}
 100% {
-webkit-transform: scale(0.5);
}
}
@-moz-keyframes scaleDown { 0% {
-moz-transform: scale(1);
}
 100% {
-moz-transform: scale(0.5);
}
}
@-o-keyframes scaleDown { 0% {
-o-transform: scale(1);
}
 100% {
-o-transform: scale(0.5);
}
}
@-ms-keyframes scaleDown { 0% {
-ms-transform: scale(1);
}
 100% {
-ms-transform: scale(0.5);
}
}
@keyframes scaleDown { 0% {
transform: scale(1);
}
 100% {
transform: scale(0.5);
}
}
@-webkit-keyframes fadeOut { 0% {
opacity: 1;
}
 100% {
opacity: 0;
}
}
@-moz-keyframes fadeOut { 0% {
opacity: 1;
}
 100% {
opacity: 0;
}
}
@-o-keyframes fadeOut { 0% {
opacity: 1;
}
 100% {
opacity: 0;
}
}
@-ms-keyframes fadeOut { 0% {
opacity: 1;
}
 100% {
opacity: 0;
}
}
@keyframes fadeOut { 0% {
opacity: 1;
}
 100% {
opacity: 0;
}
}
 @media only screen and (min-width: 1260px) {
.page {width:1240px;margin:50px auto 0 auto;}
}
 @media only screen and (min-width: 950px) and (max-width: 1260px) {
header .topr { float: right; width: 200px; height: auto; margin: 0 20px 20px 0; -moz-box-sizing: border-box; box-sizing: border-box;}
header .topr .hle { float: right; margin: 20px 0 0 0; padding: 0; -moz-box-sizing: border-box; box-sizing: border-box;}
header .topr ul { float: right; clear: right; width: 195px; margin: 10px 0 0 0; padding: 0; -moz-box-sizing: border-box; box-sizing: border-box; }
header .topr ul li { float: left; width: 100%; -moz-box-sizing: border-box; box-sizing: border-box;}
header .topr ul li.first { float: left; width: 100%; margin: 0; }
header .topr ul li.first a { float: left; width: 100%; background-color: #000; color: #fff; }
header .topr ul li.first a:hover { background-color: #db2827; color: #fff; }
header .topr ul li a { float: left; width: 100%; padding: 5px 10px; margin: 0 1px; background-color: #db2827; color: #fff; text-decoration: none; -moz-box-sizing: border-box; box-sizing: border-box;}
header .topr ul li a:hover { float: left; width: 100%; background-color: #000; color: #fff; }
.page {width:950px;margin:50px auto 0 auto;}
}
@media only screen and (min-width: 900px) and (max-width: 950px) {
.items {width: 900px;margin:0px auto;}
}
@media only screen and (min-width: 600px) and (max-width: 900px) {
.items {width: 600px;margin:0px auto;}
}
@media only screen and (max-width: 600px) {
.items {width: 290px;margin:0px auto;}
}
@media only screen and (max-width: 950px) {
header { float: left; position: relative; width:100%; height:auto; text-align:left; margin: 0 0 40px 0; padding:0; background-color: rgba(100, 100, 100, 0.6); z-index: 3; -moz-box-sizing: border-box; box-sizing: border-box;}
header .topl { float: left; width: 100%; height: 180px; margin: 0; text-align: center;}
header .topl img {margin: 20px auto; position: relative; padding: 0;}
header .topr { float: none; position: relative; width: 290px; height: auto; margin: 0px auto; padding: 0;text-align: center;}
header .topr .hle {float: none; width: 290px; text-align: center; margin: 0; padding: 0;}
header .topr ul {float: left; width: 100%; text-align: center; margin: 20px 0 10px 0; padding: 0;}
header .topr ul li { float: left; width: 100%; margin: 0;}
header .topr ul li.first { float: left; margin: 0 0 10px 0; }
header .topr ul li a { float: left; width: 100%; padding: 5px 0; text-align: center; margin: 2px 0; background-color: #db2827; color: #fff; text-decoration: none; }
.hlet { float: left; width: 234px; padding: 6px 10px; color: #000; background-color: #fff; border: none; }

.page {width:100%;margin:50px auto 20px auto;padding: 0;-moz-box-sizing: border-box; box-sizing: border-box;}
.block { float: left; width: 100%; height: auto; margin: 0; padding: 0;-moz-box-sizing: border-box; box-sizing: border-box; }
.web {  float: left; width: 100%; height: auto; margin: 0; padding: 0; color: #000; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.web2 {  float: left; width: 100%; height: auto; margin: 0; padding: 0; color: #000; -moz-box-sizing: border-box; box-sizing: border-box;}

.items {width: 290px;margin:0px auto;}
.modal .content {float: left;width: 100%;padding: 0;display: block;overflow-y: scroll;}
.modal .content .dleft {float: left;width: 100%;height: 600px;position: relative;}
.modal .content .dright {float: left;clear: left;width: 100%;max-width: 100%;position: relative;}
.modal .content .dright .second { float: left; width: 100%; height: auto; }
.nav-panel { position: absolute; top: 20%; padding: 0; left: 80%; z-index: 99; }
.filter-box { float: left; width: 100%; padding: 0 0 20px 0; -moz-box-sizing: border-box; box-sizing: border-box;}
.filter-box .tit { float: left; width: 100%;-moz-box-sizing: border-box; box-sizing: border-box;}
.filter-box .tit { float: left; width: 100%;-moz-box-sizing: border-box; box-sizing: border-box;}
.filter-box .fselect{margin: 0 0 0 20px;-moz-box-sizing: border-box; box-sizing: border-box;}
.modal2 { width: 400px; top: 140px; left: 50%; margin: 0 0 0 -200px; }
.modal2 .content { width: 400px;}
.modal2 .content .kosrow { height: auto; color: #000; margin: 4px 0; }
.modal2 .content .kosrow .rowleft { float: left;width: 255px; height: 80px; padding: 0 10px; }
.modal2 .content .kosrow .rowright { float: left; width: 300px; height: 40px; margin: 20px 0 0 0;}
.modal2 .content .kosrow .cena { float: left; width: 100px; height: 40px;  padding: 10px 20px;}
.modal2 .rowright .pocet { float: right; width: 90px; height: 40px; margin: 0; }

footer .block .box { float: left; width: 100%; height: auto; margin: 0 0 20px 0; text-align: center; font-size: 90%; font-weight: 100; -moz-box-sizing: border-box; box-sizing: border-box;}
.fnav { text-align: center; }
.fnav li a { text-align: center; padding: 25px 0;}
.fnav li ul li a { padding: 25px 0; list-style-type: none; display: block; background-color: #555;}

nav {width: 100%;min-width: 100%;max-width: 100%;color: #000;margin: 30px 0 0 0;position: relative;padding: 0; -moz-box-sizing: border-box; box-sizing: border-box;z-index: 1;}
nav ul {visibility: hidden;display: none;width: 100%;margin: 50px 0 0 0;background:#545557;position: relative;text-align: center;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;z-index: 1;}
nav .m-open {display: block;visibility:visible;height: auto;position: absolute;}
#mport {float: left;visibility:visible;display: block;height: 50px;width: 100%;margin: 0;padding: 0;background-color:#db2827; color:#fff;-webkit-transform: translateZ(0);-webkit-backface-visibility: hidden;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;transition-property: transform;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;transition-duration: 0.3s;}
#mport .mtext {position: absolute;line-height: 50px;text-transform: uppercase;color: #fff;font-weight: 600;display: inline-block;left: 12px;}
#mport .micon {display: inline-block;position: absolute;top: 25px;bottom: auto;right: 25px;-webkit-transform: translateX(-50%) translateY(-50%);-moz-transform: translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);-o-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);width: 18px;height: 2px;background-color: rgb(255, 255, 255);left: auto;right: 1.25em;-webkit-transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);-o-transform: translateX(0);transform: translateX(0);}
#mport .micon::before, #mport .micon:after {content: '';width: 100%;height: 100%;position: absolute;background-color: inherit;left: 0;}
#mport .micon::before {bottom: 5px;}
#mport .micon::after {top: 5px;}
#mport.is-clicked .micon {background-color: rgba(255, 255, 255, 0);}
#mport.is-clicked .micon::before, #mport.is-clicked .micon::after {background-color: rgb(255, 255, 255);}
#mport.is-clicked .micon::before {bottom: 0;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
#mport.is-clicked .micon::after {top: 0;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
nav>ul>li {float: left;width: 100%;position: relative;margin: 1px 0;padding:0;list-style-type: none;text-align: center;cursor: pointer; z-index: 1;}
nav>ul>li>a {float: left;width: 100%;margin: 0;background-color:#db2827; color:#fff;font-weight: normal;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;z-index: 1;}
nav>ul>li>a:hover {color: #fff;text-decoration: none;background-color:#545557;}
nav .sub { float: left; clear: left; background:#545557; display:none; position:relative; width: 100%;min-width: 100%;max-width: 100%; padding:4px 0; text-align:center; top: none; left: none;z-index: 1;}
.topen .sub { z-index: 1; float: left; clear: left; position: relative; height: auto; background:#545557;}
nav li .sub { float: left;clear: left;list-style:none; width: 100%;min-width: 100%;max-width: 100%; height: auto; background:#545557;margin:0; padding:0; z-index: 1;}
nav li .sub li { float: left; position:relative; width: 100%;min-width: 100%;max-width: 100%;text-align:center;z-index: 1;}
nav li .sub li a { background:#545557; color:#fff; display:block; text-align:center; text-decoration:none; padding:8px 0;z-index: 1; }
nav li .sub li a:hover { background:#CCC; color:#000}
nav li .sub li.active a { background:#545557; color:#FFF }
.small-cart { width: 290px; height: 50px; position: absolute; top: 110px; left: 0; padding: 0; z-index: 20; margin: 0 50% 0 100px;  }
.ob-box { float: left; width: 100%; min-height: 100%; padding: 0; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
.ob-row { float: left; position: relative; width: 100%; min-width: 100%; height: auto;-moz-box-sizing: border-box; box-sizing: border-box;}
.ob-row .img { float: left; position: absolute; top:0 ; left: 0; z-index: 5;}
.ob-row .rowleft { float: left; width: 100%;-moz-box-sizing: border-box; box-sizing: border-box;}
.ob-row h2 { float: left; width: 100%; padding: 0 0 0 110px; background: #fff;height: 80px;-moz-box-sizing: border-box; box-sizing: border-box;}
.ob-row .cena { float: left; width: 100%; padding: 6px 0; background: #F4F4F4; text-align: center; -moz-box-sizing: border-box; box-sizing: border-box;}
.ob-box .pocet { float: left; width: 100%;padding: 20px 0; margin: 0;text-align: center;-moz-box-sizing: border-box; box-sizing: border-box;}
.ob-box .spinner { margin: 0 auto; padding: 0;-moz-box-sizing: border-box; box-sizing: border-box;}
.ob-row .rowdel { float: right; width: 100%;background: #C1C1C1;-moz-box-sizing: border-box; box-sizing: border-box;}
.ob-row .rowdel a { padding: 10px; text-align: center; margin: 0px auto; background: #C1C1C1;-moz-box-sizing: border-box; box-sizing: border-box;}
form .container { float: left; width: 100%;height: auto; display: block; position: relative; cursor: pointer; padding: 8px 0 8px 35px;  -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
form .container em, form .container i { float: left; clear: left;}
.ob-row2 h2 { float: left; width: 100%; height: auto; text-align: left;}
.ob-row2 .celkem { float: left; width: 100%; height: auto; }
.ob-row2 .celkem h2 { float: right; width: 100%; margin: 0; padding: 10px; color: #000; background: #fff; text-align: right; }
.ob-row2 .bon { float: left; width: 100%; max-width: 100%; height: auto; padding: 10px; background: #F4F4F4;  }
.ob-row2 .postovne { float: left; width: 100%; max-width: 100%; height: auto; padding: 10px; }
.acc_element .w50 {width: 100%;-moz-box-sizing: border-box; box-sizing: border-box;}
.acc_element .fright, .acc_element .fleft {float: left; width: 100%;-moz-box-sizing: border-box; box-sizing: border-box;}
form.log input.send { float: left; width: 100%;-moz-box-sizing: border-box; box-sizing: border-box;}
.acc_element form label {float: left; text-align: left; width: 100%; padding: 6px 10px;-moz-box-sizing: border-box; box-sizing: border-box;}
.acc_element form input {float: left; width: 100%; padding: 6px 10px;-moz-box-sizing: border-box; box-sizing: border-box;}
.acc_element form h3 {float: left; text-align: left; width: 100%; padding: 10px;-moz-box-sizing: border-box; box-sizing: border-box;}
form.reg label { float: left; width: 100%;-moz-box-sizing: border-box; box-sizing: border-box;}
form.reg input { float: left; width: 100%;-moz-box-sizing: border-box; box-sizing: border-box;}
.banner .sl-slider h2 { font-size: 20px;}
.banner .sl-slider blockquote { font-size: 14px;}
}