div.message {padding:20px 15px;margin-bottom:10px;font-size: 1.3em;}
div.message.error {background-color:#b51f1f;color:#fff;}
div.message.success {background-color:#20b51f;color:#fff;}

.flex-calc-width>* {width:calc((100% / var(--flex-items)) - (((var(--flex-items) - 1) / var(--flex-items)) * var(--gap)));box-sizing:border-box;flex:0 0 auto;}

div.categoryList {margin-bottom:50px}
div.categoryList ul {list-style:none;max-width:1200px;margin:0 auto;box-sizing:border-box;background-color:#fff;box-shadow:0 0 10px 10px rgba(0, 0, 0, 0.06)}
div.categoryList li {display:inline-block;width:25%;text-align:center;vertical-align:top;box-sizing:border-box;padding:0 2.5%}
div.categoryList li+li {background:url('data:image/gif;base64,R0lGODlhAQBfAIAAAOPl6AAAACH5BAAAAAAALAAAAAABAF8AAAIIhI+py+0PIyoAOw==') no-repeat 0 50%;}
div.categoryList li img {display:block;margin:0 auto 10px;max-width:90%;height:auto}
div.categoryList li a {display:block;text-decoration:none;color:#5b5d5d;padding:30px 0;position:relative;transition:all 0.1s}
div.categoryList li a:before {content:'';position:absolute;height:20px;top:-20px;background-color:#b8bbbf;left:0;right:0;opacity:0}
div.categoryList li a:after {content:'';position:absolute;height:20px;bottom:-20px;background-color:#b8bbbf;left:0;right:0;opacity:0}
div.categoryList li a:hover,div.categoryList li a.s {background-color:#b8bbbf;color:#fff}
div.categoryList li a:hover:before, div.categoryList li a:hover:after,div.categoryList li a.s:before, div.categoryList li a.s:after {opacity:1}

div.wrapBody:not(.main) div.categoryList {margin:-39px 0 50px;background-color:#fff;position:relative}
body.hfx div.wrapBody:not(.main) div.categoryList {position:fixed;z-index:2;left:0;width:100%;top:0;margin-top:0;box-shadow:0 0 10px 10px rgba(0, 0, 0, 0.06)}

div.wrapBody:not(.main) div.categoryList:after {content:'';display:table;clear:both}
div.wrapBody:not(.main) div.categoryList div.roll {width:1200px;margin:0 auto;overflow:hidden}
div.wrapBody:not(.main) div.categoryList div.prev {position:absolute;height:33px;width:1270px;margin:auto;top:0;right:0;left:0;bottom:0;text-align:right}
div.wrapBody:not(.main) div.categoryList a.prev {display:inline-block;width:34px;height:33px;text-decoration:none;position:relative}
div.wrapBody:not(.main) div.categoryList a.prev:before {content:'';position:absolute;top:0;right:0;bottom:0;left:0;background:url('../images/nav.png') no-repeat;background-size:200% auto;opacity:1;transition:opacity 0.3s}
div.wrapBody:not(.main) div.categoryList a.prev:after {content:'';position:absolute;top:0;right:0;bottom:0;left:0;background:url('../images/nav.png') no-repeat 0 100%;background-size:200% auto;opacity:0;transition:opacity 0.3s}
div.wrapBody:not(.main) div.categoryList a.prev:hover:before {opacity:0}
div.wrapBody:not(.main) div.categoryList a.prev:hover:after  {opacity:1}
div.wrapBody:not(.main) div.categoryList a.prev.p {float:left}
div.wrapBody:not(.main) div.categoryList a.prev.n:before {background-position:100% 0}
div.wrapBody:not(.main) div.categoryList a.prev.n:after  {background-position:100% 100%}
div.wrapBody:not(.main) div.categoryList ul {max-width:none;box-shadow:none;float:left;white-space:nowrap}
div.wrapBody:not(.main) div.categoryList li {width:200px;padding:0 15px}
div.wrapBody:not(.main) div.categoryList li a {padding:10px 0}
div.wrapBody:not(.main) div.categoryList li a:before, div.wrapBody:not(.main) div.categoryList li a:after {content:none}
div.wrapBody:not(.main) div.categoryList li img {max-width:50%}


div.categoryList2 ul {list-style:none;background-color:#fff;}
div.categoryList2 li+li {border-top:1px solid #e3e5e8;}
div.categoryList2 li ul {border-top:1px solid #e3e5e8;}
div.categoryList2 li a {display:block;padding:15px;text-decoration:none;outline-style:none;color:#5b5d5d;transition:color .3s, background-color .3s;}
div.categoryList2 li a:hover,
div.categoryList2 li a.s {color:#fff;background-color:#b8bbbf;}
div.categoryList2 li li a {padding-left:35px;}

.menu-left-hider {max-width:1480px;margin:0 auto;padding:10px ;box-sizing:border-box;}
.menu-left-hider>button {font:normal 15px 'Trebuchet MS',Helvetica, sans-serif;background-color:#c22822;color:#fff;border:1px solid #c22822;outline:none;padding:5px;border-radius:4px;cursor:pointer;}


form.currencies div.title {color:#fff;padding:0 5px 0 15px;font:bold 14px/30px Arial;margin-bottom:5px;height:30px;white-space:nowrap;overflow:hidden;background:#0054a4 url('../images/shop_grd_blue.png') repeat-x}
form.currencies div.box {background-color:#f0f0f0;padding:10px}
form.currencies p {margin-bottom:3px}
form.currencies p.s {text-align:right}
form.currencies select {font:normal 12px Verdana,Arial,times New Roman, Helvetica, sans-serif;border:1px solid #ccc;padding:2px;width:100%}

div.prodListItem {overflow:hidden;padding:10px;margin-bottom:7px;background-color:#f4f4f4;border:1px solid #e4e1e1}
div.prodListImg {width:200px;float:left;}
div.prodListImg~* {margin-left:212px}
div.prodListItem h2 {font-size:1em;margin-bottom:10px}
div.prodListItem h2 a {color:#000}
div.prodListDesc {line-height:1.4em;margin-bottom:5px;padding-bottom:10px;border-bottom:1px solid #bfbfbf}
div.prodListItem p.price b {color:#c62315;font-size:13px}
div.prodListItem p.price span {text-decoration:line-through;color:#000;font-weight:normal;font-size:12px}
p.prodListMf {padding:4px 0}
div.prodListItem form.formProduct,div.prodListItem p.more {float:right;margin-left:0}
div.prodListItem p.more a {color:#d31b0f;font-weight:bold}
div.prodListItem p.more a:after {content:' »'}

form.formProduct.present {display:table;width:100%;border:1px solid #eaeaea;background-color:#fff;box-sizing:border-box;height:75px;margin-bottom:45px}
form.formProduct.present>p,
form.formProduct.present>.price {display:table-cell;color:#5e6061;vertical-align:middle;padding:0 20px}
form.formProduct.present>.price {background-color:#1d2242;color:#fff;text-align:center;font-weight:bold;font-size:25px}
form.formProduct.present>.price del {display:block;font-weight:normal;font-size:0.8em}
form.formProduct.present>p.submit {width:150px;padding:0;border:none}
form.formProduct.present input[type="submit"][name="addCart"] {cursor:pointer;color:#fff;background:#c22822 url("../images/shop_cart.png") no-repeat scroll 50% 10px;border:none;height:75px;padding-top:45px;font-size:12px;width:100%}
div.productImage {flex:0 1 auto;min-width:40%;}
div.productImage>a {display:block;border:1px solid #b8b9ba;margin-bottom:0.98%}
div.productImage img {max-width:100%;height:auto;vertical-align:top}
div.sideInfo {margin-bottom:20px}
div.sideInfo.lft {order:1;flex:1 0 auto;margin-left:20px;min-width:100px;}

#addShoppingCartForm {display:none;width:450px;background-color:#fefefe;border:1px solid #0a74c2;position:absolute;top:20%;left:20%;z-index:9999}
#addShoppingCartForm div.title {text-align:center;padding:4px 0;background-color:#0a74c2;color:#fff;font-weight:bold}
#addShoppingCartForm div.content {overflow:hidden;padding:10px 10px 0}
#addShoppingCartForm div.content>p {text-align:center;padding-top:10px}
#addShoppingCartForm div.content select {border:1px solid #c9c9c9;font:12px Tahoma,Verdana,Arial,times New Roman,Helvetica,sans-serif;width:200px}
#addShoppingCartForm div.content form {background:url('../images/shop_loader_min.gif') no-repeat -900px 50%}
#addShoppingCartForm div.content p {margin-bottom:3px}
#addShoppingCartForm div.content img {float:left;margin-right:5px}
#addShoppingCartForm p.submit {padding:10px;text-align:right;display:none}
#addShoppingCartForm input[type="button"] {cursor:pointer;font:bold 12px Arial,Verdana,times New Roman, Helvetica, sans-serif;border:1px solid #0a74c2;color:#0a74c2;border-radius:4px;background-color:#e8e8e8;padding:2px 10px}
#addShoppingCartForm input[type="button"].sc {background-color:#bc2012;color:#fff;border-color:#bc2012}
#bkg {display:none;position:absolute;z-index:9998;background-color:#000;top:0;left:0}

div.accountArea h2 {margin:15px 0 5px}
div.accountArea h3 {font-size:18px;margin:15px 0 5px}
div.accountArea form.sc {background-color: #f3f3f3;border: 1px solid #e5e2e2;padding:10px}
div.accountArea form.sc p.sb {clear:both;text-align:right;padding-top:10px}
div.accountArea p.Info {padding:3px 0;border-bottom:1px dotted #d7d7d7}
div.accountArea p.Info>span, div.title>span {display:inline-block;width:350px}
div.accountArea p.Info>span>span {display:inline-block;width:150px}
div.accountArea p.Info i {color:#8f8f8f}
div.accountArea table.sc {font-size:12px}


form.filter {margin-bottom:30px;}
form.filter div.item {margin-bottom:5px;}
form.filter div.inline {display:flex;}
form.filter div.inline>* {flex:1 1 0px;}
form.filter div.submit {margin-top:10px;text-align:right;}

p.error {font-weight:bold;padding:5px;margin-bottom:10px;background-color:#800000;color:#fff}
p.success {font-weight:bold;padding:5px;margin-bottom:10px;background-color:#008000;color:#fff}

table.sc {border-collapse:collapse;margin-bottom:20px;width:100%}
table.sc th, table.sc td {padding:5px 10px}
table.sc thead th {background-color:#c22822;color:#fff;padding:10px;border: 1px solid #d4d4d4}
table.sc tbody td {border:1px solid #d4d4d4;background-color:#efefef}
table.sc tfoot td {font-size:1.1em;background-color:#d4d4d4;font-weight:bold;border:1px solid #bbbaba}
table.sc .r {text-align:right}
table.sc .c {text-align:center}
table.sc a {color:#000;font-weight:bold;display:inline-block;padding-top:5px}
table.sc img {vertical-align:middle;margin-right:10px;float: left;}
table.sc .mob {display:none}

ul.step {width:100%;display:table;list-style:none;background:url('data:image/gif;base64,R0lGODlhAQABAIAAABoXGwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==') repeat-x 0 30px;margin-bottom:20px}
ul.step li {display:table-cell;text-align:center;height:36px;white-space:nowrap;background:url('../images/shop_step.png') no-repeat 50% 24px}
ul.step li.s {background-position:50% -18px;color:#c22822}
ul.step li.s.c {background-position:50% -60px;color:#c22822}

div.boxArea {background-color:#f4f4f4;border:1px solid #e5e2e2;padding:10px;overflow:hidden;margin-bottom:10px}
div.grid {display:flex;}
div.boxArea>div.grid {margin:0 -10px}
div.grid>div {flex:1 1 0px;padding:0 10px}
div.text {line-height:1.6em}
a.btnDel {display:inline-block;width:21px;height:21px;overflow:hidden;background:url('../images/shop_delItem.png') no-repeat 50% 50%}
table.sc a.btnDel {padding:0;display:inline-block}

.items-user-data {display:grid;grid-template-columns:200px 1fr;}
.items-user-data>* {display:flex;align-items:center;}
.items-user-data>*.title {border-right:1px solid #d7e2ed;padding:4px 10px;}
.items-user-data>*.value {padding:4px 10px 4px 15px;word-break:break-word;}
.items-user-data>*.title:nth-child(4n+1),
.items-user-data>*.title:nth-child(4n+1)+* {background-color:#ececec;}

form.sc div.submit {margin-bottom:10px;display:flex;justify-content:space-between;}
form.sc div.submit>div.next {order:1;margin-left:auto;}
form.sc input[type="text"]
,form.sc input[type="password"]
,form.sc input[type="email"] {outline:none;padding:9px;border:1px solid #c9c9c9;width:100%;box-sizing:border-box;font:normal 12px Tahoma,Verdana,Arial,times New Roman, Helvetica, sans-serif}
form.sc select {width:100%;box-sizing:border-box;font:normal 12px Verdana,Arial,times New Roman, Helvetica, sans-serif;border:1px solid #c9c9c9;padding:9px}
form.sc input[type="text"].err,
form.sc input[type="password"].err,
form.sc input[type="email"].err,
form.sc select.err {border-color:red}
form.sc div.err input[type="text"],form.sc div.err input[type="password"],form.sc div.err select {border-color:red}
label.err {color:red;text-decoration:underline}
form.sc input[type="text"].sh {width:30px}
form.sc textarea {height:150px;width:100%;padding:9px;box-sizing:border-box;border:1px solid #c9c9c9;font:normal 12px Tahoma,Verdana,Arial,times New Roman, Helvetica, sans-serif}

label>span:first-child,span.ln {display:block;margin-bottom:3px}
label>span.req:first-child::after {content:'*';color:red;}
form.sc input[name="update"] {border:1px dotted #000;width:21px;height:21px;background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAgUlEQVR42mJgGIxAAYjnA/F7IP4Pxe+hYgqENBsgaQTR+6EYJraekM0whQ1Y5AuAWACfAfPxaCYKvIdiQqABmyX3kQLsPoEwgqkzQJZwQJJwwGPAeSR159El+6GYWl7F6f//0ADHCgSgTmvAo/k9vgSlQCAhvUcPPKonZfoDgAADAJm+NqppY9SfAAAAAElFTkSuQmCC') no-repeat 50% 50%;text-indent:-9999px;cursor:pointer}

form.sc input[type="submit"].access {cursor:pointer;font:bold 14px Verdana,Arial,times New Roman, Helvetica, sans-serif;border:1px dotted #000;color:#000;border-radius:4px;border:1px solid #282828;padding:4px 30px 4px 0;background:#dcdcdc url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAMCAYAAAB4MH11AAAAb0lEQVR42mJgQAAFIJ4PxO+B+D8Uv4eKKTBQCAzQDEbH76FqyAIKBAxHtoQsn8wnwnAYnk+OBTDXJ0D5AkB8ngRLCToGxNmPZqkDFSwAW8JEYeJYAMW4+BQF0Xy0eMTJp3kk0zyZ0jyj0bSoAAgwALhvfcMbQCCgAAAAAElFTkSuQmCC') no-repeat 99% 50%}

form.sc label.checkbox {display:block;margin-bottom:10px;}
form.sc label.checkbox>input {vertical-align:baseline;margin-right:5px;}
form.sc .errorField {color:red;font-size:11px;}

form.sc label b {font-weight:bold;color:red}
form.sc p {margin-bottom:5px}
form.sc .inline {display:flex;margin-bottom:5px;}
form.sc .inline>* {flex:1 0;}
div.userData div.inline > div.house_no, div.userData div.inline > div.zipcode, div.userData div.inline > div.apart_no {flex:0 1 120px;}
form.sc .inline>*+* {margin-left:5px;}
p.error {font-weight:bold;padding:5px;margin-bottom:10px;background-color:#800000;color:#fff}
p.success {font-weight:bold;padding:5px;margin-bottom:10px;background-color:#008000;color:#fff}
div.hc {display:none}

div.summary {overflow:hidden;margin-bottom:20px}
div.summaryBox {float:left;width:33%}
div.summaryBox p {line-height:1.6em}

form.sc span.spinner input[type="text"] {padding:2px 4px;height:20px;width:30px;vertical-align:middle}
form.sc span.spinner span {visibility:hidden;display:inline-block;width:17px;height:24px;vertical-align:middle;border-color:#c9c9c9;border-width:1px 1px 1px 0;border-style:solid}
form.sc span.spinner:hover span {visibility:visible}
form.sc span.spinner a {display:block;width:17px;height:12px;background:url('../images/shop_spinner.gif') no-repeat 0 -1px;overflow:hidden;padding:0}
form.sc span.spinner a+a {background-position:0 -12px}
form.sc span.spinner a:hover {background-position:-17px -1px}
form.sc span.spinner a+a:hover {background-position:-17px -12px}

form.sc p.submit {text-align:right;margin-bottom:10px;clear:both}
input[type="radio"],input[type="checkbox"] {vertical-align:middle}

span.shop_bttn>input,
[type="submit"].shop_bttn {cursor:pointer;color:#fff;font-size:18px;padding:10px 20px;background-color:#c22822;border:none;border-radius:4px;text-transform:uppercase;transition:background-color 0.1s}
span.shop_bttn>input:hover,
[type="submit"].shop_bttn:hover {background-color:#760603}
span.shop_bttn.cb,
[type="submit"].shop_bttn.back {float:left}
span.shop_bttn.cb>input,
[type="submit"].shop_bttn.back {background-color:#c2c2c2}
span.shop_bttn.cb>input:hover,[type="submit"].shop_bttn.back:hover {background-color:#9d9d9d}

div.specialProduct {padding:10px;background-color:#f0f0f0}
div.specialProduct div.title {margin:-10px -10px 10px;border-bottom:1px solid #fff;color:#fff;padding:0 5px 0 15px;font:bold 14px/30px Arial;margin-bottom:5px;height:30px;white-space:nowrap;overflow:hidden;background:#0054a4 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAeCAIAAABi9+OQAAAARElEQVR42jyMwQ3AMAgDqRfoxtmwG2E7Aao8LEtnOLzrg+1OVCLwyJDysupiNqHkZc2Z51b/fiLOXzuGl9PU9Di3AAMAcmBFNYT0hPEAAAAASUVORK5CYII=') repeat-x}
div.specialProduct.closingsale {position:relative}
div.specialProduct.closingsale img.closingsale {position:absolute;top:0;left:7px}
div.specialProduct.closingsale div.title {padding-left:50px;height:36px;line-height:36px;background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAiCAIAAAARTyRGAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADVJREFUeNpium+hzfT34wcmBgYGpv///zP9B9EwjMyHsv+hif/DwQap+YfHHGQ+q4AgQIABALijNlUg8ZBqAAAAAElFTkSuQmCC') repeat-x}
div.specialProduct div.img {background-color:#fff;border:1px solid #c9c9c9;margin-bottom:10px}
div.specialProduct div.name {text-align:center;margin-bottom:10px}
div.specialProduct div.name a {color:#000;font-weight:bold}
div.specialProduct p.price {margin-bottom:5px}
div.specialProduct p.price b {color:#d31b0f}
div.specialProduct p.price b>span {color:#000;text-decoration:line-through;font-weight:normal;margin-right:3px}
div.specialProduct form.formProduct {border-top:1px solid #bfbfbf;padding-top:5px}
div.specialProduct p.more {border-top:1px solid #bfbfbf;padding-top:5px}
div.specialProduct p.more a {color:#d31b0f;font-weight:bold}
div.specialProduct p.more a:after {content:' »'}

form.askAbout {}
form.askAbout div.err {color:red;font-weight:bold}
form.askAbout p {overflow:hidden;padding:10px 0 10px 15px;margin:0}
form.askAbout p.req {position:relative}
form.askAbout p.req:before {content:'*';position:absolute;left:0;top:10px;font-weight:bold;color:#d30404;font-size:1.2em}
form.askAbout input, form.askAbout textarea, form.askAbout select {font:normal 1em Tahoma, Verdana, Arial, Helvetica, sans-serif;box-sizing:border-box}
form.askAbout input[type="text"] {width:100%;border:1px solid #c8c8c8;padding:10px}
form.askAbout input.token {width:200px}
form.askAbout textarea {width:100%;height:130px;border:1px solid #c8c8c8;padding:10px;resize:vertical}
form.askAbout a.clink {text-decoration:none;display:inline-block;color:#3a3a3a;font-size:12px;background:url('../images/ico_ref.png') no-repeat;height:24px;line-height:24px;padding-left:37px}
form.askAbout p.submit {text-align:right;border-top:1px dotted #b0b0b0;padding-top:20px}
form.askAbout p.submit a {display:inline-block;color:#fff;background-color:#c2c2c2;padding:4px 10px;border-radius:2em;text-decoration:none;transition:background-color 0.3s;float:left}
form.askAbout p.submit a:hover {background-color:#a3a3a3}
form.askAbout p.submit a:before {content:'«';margin-right:5px}
form.askAbout input[type="submit"] {cursor:pointer;color:#fff;font-size:18px;padding:10px 20px;background-color:#c22822;border:none;border-radius:4px;text-transform:uppercase;transition:background-color 0.1s}
form.askAbout input[type='submit']:hover {background-color:#760603}
span.sendCopy {margin-left:20px}
#tkn {vertical-align:top}

form.sc span.error {margin-left:0;font:normal 11px Arial;margin-bottom:1px;color: red;display: block;}

form.featuresBox {background-color:#f0f0f0;padding:5px;margin-bottom:10px}
form.featuresBox div.title {font-weight:bold;font-size:1.1em;margin-bottom:10px}
div.featuresTitle {color:#fff;padding:0 5px 0 15px;font:bold 14px/30px Arial;margin-bottom:5px;height:30px;white-space:nowrap;overflow:hidden;background:#0054a4 url('../images/shop_grd_blue.png') repeat-x}
form.featuresBox p.item {margin-bottom:5px;padding:2px 2px 2px 5px;border:1px solid #f0f0f0}
form.featuresBox p.item.selected {border:1px solid #e4e1e1;background-color:#f4f4f4}
form.featuresBox p.submit {text-align:right;padding-top:10px;border-top:1px dotted #cdcdcd}
form.featuresBox p+div.featuresTitle {margin-top:15px}
form.featuresBox p.hc {margin-bottom:10px}
form.featuresBox p.hc.s {padding-left:5px}
form.featuresBox p.hc a:after {content:' »'}
form.featuresBox p.hc.s a {font-size:0.9em}
div.unsetCapture {overflow:hidden;margin-bottom:10px}
div.unsetCapture a {white-space:nowrap;display:inline-block;padding:2px 25px 2px 10px;min-width:60px;background:#f4f4f4 url('data:image/gif;base64,R0lGODlhCgAKAJECALYAANV6ev///wAAACH5BAEAAAIALAAAAAAKAAoAAAIYTIRpAactmJPPwBTBxWwjSX0XFYoL9gUFADs=') no-repeat 95% 50%;border:1px solid #e4e1e1;border-radius:4px;text-decoration:none;color:#000}
div.unsetCapture a+a {margin-left:10px}

div.signArea {display:table;width:100%;margin-bottom:10px}
div.signArea div.l {display:table-cell;width:50%;background:#e8e8e8;padding:10px;border-right:2px solid #f4f4f4}
div.signArea div.r {display:table-cell;width:50%;background:#e8e8e8;padding:10px}
div.signArea+div.signArea {margin-top:-10px;margin-bottom:20px}
div.signArea+div.signArea div {text-align:center}

@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('/lib/fonts/glyphicons-halflings-regular.eot');
  src: url('/lib/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('/lib/fonts/glyphicons-halflings-regular.woff') format('woff'), url('/lib/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('/lib/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

div.dialog {display:none;position:absolute;top:10px;left:0;z-index:999999;min-width:320px;background-color:#fff;border:1px solid rgba(0, 0, 0, 0.2);box-shadow:0 2px 10px rgba(0, 0, 0, 0.2);font:12px Arial;color:#444;max-width:650px}
div.dialog>h1 {background-color:#e3e4e8;border-bottom:1px solid #d5d5d5;font-size:1.4em;padding:0 40px 0 10px;line-height:35px;height:35px;white-space:nowrap}
div.dialog>h1.dragdialog {cursor:move;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;-o-user-select:none;}
div.dialog>a {float:right;display:block;margin-top:7px;margin-right:5px;text-decoration:none;outline-style:none}
div.dialog>a:before {content:'\e014';font:normal 14px "Glyphicons Halflings";display:inline-block;color:#4a4a4a}
div.dialog>a:hover:before {color:#000}
div.dialog>div {padding:15px;border-radius:0 0 5px 5px}
div.dialog>div a {color:#b74444;outline-style:none;text-decoration:none}
div.dialog>div a:hover {text-decoration:underline}
div.dialog textarea {border:1px solid #d0d4d7;padding:4px;width:100%;box-sizing:border-box;height:140px;overflow:auto;resize:none;font:normal 18px Tahoma, Verdana, Arial, Helvetica, sans-serif}
div.dialog input[type="text"], div.dialog input[type="password"], div.dialog input[type="number"] {border:1px solid #d0d4d7;padding:10px 5px;width:100%;box-sizing:border-box;font:normal 14px Tahoma, Verdana, Arial, Helvetica, sans-serif}
div.dialog select {border:1px solid #d0d4d7;padding:8px 2px;font:normal 14px Verdana, Arial, Helvetica, sans-serif;width:100%;box-sizing:border-box}
div.dialog p {margin-bottom:10px;line-height:normal}
div.dialog p.submit {text-align:right;margin:20px -15px -15px;padding:10px;border-top:1px solid #d5d5d5;background:#fbfbfb;border-radius:0 0 5px 5px}
div.dialog p.submit button {background-color:#777;border:1px solid #777;border-radius:5px;color:#f9f9f9;cursor:pointer;font:normal 14px Tahoma;padding:6px 27px;vertical-align:middle}
div.dialog p.submit button+button {margin-left:5px}
div.dialog p.submit button.OK {padding-left:9px}
div.dialog p.submit button.OK:before {content:'\e031';font:normal 11px "Glyphicons Halflings";display:inline-block;color:#fff;vertical-align:middle;margin-right:5px;animation:spin 0.6s infinite linear;visibility:hidden}
div.dialog p.submit button:hover {background:#545454;border-color:#545454}
div.dialog p.submit button[disabled] {background-color:#c5c5c5;cursor:default}
div.dialog p.submit button.ico[disabled]:before {visibility:visible}
div.dialog p.submit button.cancel {color:#777;background-color:#ebebeb}
div.dialog p.submit button.cancel:hover {color:#999;border-color:#999}
div.dialog p.info {color:#2959a3;font-weight:bold;margin-bottom:20px;line-height:1.6em}
div.dialog form.banner p, div.dialog form.system p {text-align:left}
div.dialog form.banner select, div.dialog form.system select {width:370px}
div.dialog form.banner input[type="text"], div.dialog form.system input[type="text"] {width:90px}
div.dialog div.data input[type="radio"], div.dialog div.data input[type="checkbox"] {vertical-align:middle}
div.bckg {display:none;position:fixed;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,0.4);z-index:999998}
div.bckg.load:before {content:'\e031';font:normal 30px "Glyphicons Halflings";display:block;color:rgba(255, 255, 255, 0.6);vertical-align:middle;margin-right:5px;animation:spin 0.6s infinite linear;position:absolute;left:50%;top:50%}
div.dialog.fx,div.bckg.fx {transition:opacity 0.09s;opacity:0}
div.bckg.load {opacity:1 !important}
@keyframes spin {from { transform: scale(1) rotate(0deg);}to { transform: scale(1) rotate(360deg);}}


.shopLoader {position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgba(0, 0, 0, 0.01);z-index:20;}
.shopLoader.hc {display:none;}
.shopLoader.blank {background-color:transparent;}
.shopLoader>div {width:70px;height:70px;border-radius:50%;margin:auto;position:absolute;top:0;left:0;right:0;bottom:0;display:flex;background-color:rgba(255, 255, 255, 0.95);box-shadow:0 0 5px #d7d7d7;}
.shopLoader.blank>div {display:none;}
.shopLoader svg {animation:rotate 1.5s linear infinite;width:50px;height:50px;margin:auto;}
.shopLoader svg  .path {stroke:#760603;stroke-linecap: round;-webkit-animation: dash 1.2s ease-in-out infinite;animation: dash 1.2s ease-in-out infinite;}
@keyframes rotate { 100% {transform: rotate(360deg);} }
@keyframes dash { 0% {stroke-dasharray: 1, 150;stroke-dashoffset: 0;} 50% {stroke-dasharray: 90, 150;stroke-dashoffset: -35;} 100% {stroke-dasharray: 90, 150;stroke-dashoffset: -124;} }

h2.shop-title {margin:15px 0 10px;}

div.userData div.item {margin-bottom:15px;}
div.userData div.type-data-select {margin:10px 0;}
div.userData div.type-data-select>*+* {margin-top:10px;}
div.userData div.errorField {color:red;font-size:13px;}
div.userData div.inline {margin-bottom:20px;display:flex;flex-wrap:wrap;}
div.userData div.fieldItem {margin-bottom:20px;}
div.userData div.fieldItem[data-placeholder] {position:relative;}
div.userData div.fieldItem[data-placeholder].on>input:not(:focus),
div.userData div.fieldItem[data-placeholder].on>select:not(:focus),
div.userData div.fieldItem[data-placeholder].on>.select.styled>select:not(:focus){box-shadow:0 0 0 1px #aeaeae inset;}
div.userData div.fieldItem[data-placeholder]>input::placeholder {opacity:1;color:#d5d5d5;}
div.userData div.fieldItem[data-placeholder].on>input::placeholder {opacity:0;}
div.userData div.fieldItem[data-placeholder]::before {content:attr(data-placeholder);position:absolute;z-index:1;font-size:15px;transform:translateY(17px);background-color:#fff;left:6px;top:-6px;color:#d5d5d5;padding:0 5px;pointer-events:none;}
div.userData div.fieldItem[data-placeholder].on::before {font-size:11px;transform:translateY(0);transition:font-size .2s, transform .2s, color .2s;color:#7b7b7b;}
div.userData div.fieldItem[data-placeholder]:focus-within::before {color:#7b7b7b;}
div.userData div.inline div.fieldItem {margin-bottom:0;}
div.userData div.inline>* {flex:1 0 0px;}
div.userData div.inline>*+* {margin-left:5px;}
div.userData div.inline>div.house_no,
div.userData div.inline>div.zipcode,
div.userData div.inline>div.apart_no {flex:0 0 120px;}

.delivery-item>.wrap-inner {display:flex;align-items:center;margin-bottom:10px;}
.delivery-item>.wrap-inner input:disabled+* {color:silver;}
.delivery-item>.wrap-inner .cost {margin-left:10px;color:silver;}

@media screen and (max-width:1275px){
div.wrapBody:not(.main) div.categoryList div.roll {width:1000px}
div.wrapBody:not(.main) div.categoryList div.prev {width:1070px}
}

@media screen and (max-width:1075px){
div.wrapBody:not(.main) div.categoryList div.roll {width:800px}
div.wrapBody:not(.main) div.categoryList div.prev {width:870px}
}

@media screen and (max-width:875px){
    div.wrapBody:not(.main) div.categoryList div.roll {width:600px}
    div.wrapBody:not(.main) div.categoryList div.prev {width:670px}
}
@media screen and (max-width:768px){
    div.grid {display:block;width:auto}
    div.grid>div {display:block}
    div.grid>div+div {margin-top:10px}
    table.sc .nmob {display:none}
    table.sc td.mob, table.sc th.mob {display:table-cell}
    table.sc tr.mob {display:table-row}

    div.indyvidualData {float:none;width:auto}
    div.invoiceData {float:none;width:auto;margin-left:0}
    div.productMainArea {display:block;}
    div.sideInfo.lft {margin:0 auto 10px;}
    div.productImage {width:auto;max-width:452px;margin:0 auto}
    form.formProduct.present {display:block;height:auto}
    form.formProduct.present > p {display:block;padding:20px;text-align:center}
    form.formProduct.present > p.submit {width:auto}

    div.wrapBody:not(.main) div.categoryList {margin-top:-19px}
    body.hfx div.wrapBody:not(.main) div.categoryList {margin-top:0}

    .menu-left-hider {display:none;}
}
@media screen and (max-width:675px){
    div.wrapBody:not(.main) div.categoryList div.roll {width:400px}
    div.wrapBody:not(.main) div.categoryList div.prev {width:470px}
}
@media screen and (max-width:580px){
    div.wrapBody.main div.categoryList li {width:50%}
}
@media screen and (max-width:475px){
div.wrapBody:not(.main) div.categoryList div.roll {width:200px}
div.wrapBody:not(.main) div.categoryList div.prev {width:270px}
}