table.sc {border-collapse:collapse;border:1px solid #d7e2ed;margin-bottom:20px;width:100%;box-sizing:border-box;background-color:#fff;font-size: 16px}
table.sc th, table.sc td {padding:5px}
table.sc th:nth-child(2n) {width:60px}
table.sc th:nth-child(3n), table.sc th:nth-child(4n) {width:85px}
table.sc th:nth-child(5n) {width:40px}
table.sc thead th {background-color:#200080;color:#fff;padding:10px;border: 1px solid #fff}
table.sc tbody td {background-color:#fff;}
table.sc tbody td+td {border-left:1px solid #d7d2e4;}
table.sc tbody tr:nth-child(2n) td {background-color:rgba(244, 241, 247, 0.3);}
table.sc tbody tr:nth-child(2n) td:first-child {background:linear-gradient(to right, rgba(244, 241, 247, 0), rgba(244, 241, 247, 0.28) 50%, rgba(244, 241, 247, 0.3))}
table.sc tfoot td {font-size:1.1em;background-color:#e4e7ef;font-weight:bold;border:1px solid #d7d2e4;padding: 15px 5px}
table.sc .r {text-align:right}
table.sc .c {text-align:center}
table.sc a {text-decoration:none;color:#484848;font-weight:500;}
table.sc a span{font-weight: 400;font-size: 14px}
table.sc a:hover {color:#200080;}
table.sc .mob {display:none}
table.sc del.price {display:block;color:rgba(72,72,72,0.5);margin-top: 3px}
table.sc div.productItem {display:flex;align-items:center;min-height:60px;}
table.sc div.productItem img {max-width:120px;height:auto;max-height:120px;width:auto;}
table.sc div.productItem .img{padding-right: 20px}
table.sc div.productItem>a {flex:1 1 auto;margin-left:20px;}
table.sc div.productItem span.set {display:block;font-weight: 500;font-size: 16px}
table.sc div.productItem span.set+span.set {margin-top:8px;}
table.sc div.productItem span.set+span.set::before {display:inline-block;margin-right:10px;content:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAmElEQVQoka2S0Q2DMBBDH4j/ZgPYIHQC2g26QVfpaLABIzACbIAsJdIpVwSq6p9Eufjis1N1fPiCEYjAE5jLcu3v0wMDEICXqx6Qgju5QDpFYyTd0j4aUpukZkxaZYQGjRcfWYG75HWudAzNGyTvUbikJm8jZzS1RRE0KQebhZpkkgguyJ/c+xtJkjYzg0POqYRyk1Pu3wHsWOETjdv/xQwAAAAASUVORK5CYII=');}
table.sc .setItems {position:relative;z-index:0;overflow:hidden;}
table.sc .setItems h2 {position:absolute;z-index:-1;font-size:58px;color:#f3f1f7;right:0;top:0;}

ul.step {display:flex;list-style:none;margin-bottom:20px;border:1px solid #d7d2e4;}
ul.step li {flex:1 1 0;text-align:center;font-size:16px;display:flex;height:58px;}
ul.step li div {flex:1 0 0px;height:100%;background:linear-gradient(to right, #fff, rgba(215, 210, 228, 0.3));display:flex;color:#50445b;}
ul.step li span {margin:auto;}
ul.step li:not(:last-child)::after {content:'';display:block;border-style:solid;border-color:transparent rgba(215, 210, 228, 0.3);border-width:29px 0px 29px 29px;}
ul.step li.s div {background:#200080;color:#fff;}
ul.step li.s::after {border-color:transparent #200080;}
ul.step li.s.c::after {content:none;}
ul.step li.s.c {position:relative;z-index:0;}
ul.step li.s.c::before {position:absolute;width:43px;height:43px;border-width:2px 2px 0px 0;border-style:solid;border-color:#fff;right:0;top:0;content:'';transform:rotate(45deg);box-sizing:border-box;transform-origin: 8px 14px;}

div.boxArea {margin-bottom:10px}
div.grid:not(.block) {display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));grid-gap:15px;}
div.grid.block>div+div {margin-top:15px;}
div.grid.hc {display:none;}
div.grid>div {padding:15px;background-color:#fff;border:1px solid #d7d2e4;flex:1 1 0;border-radius:6px;}
div.grid>div section+section,
div.grid-user-data section+section {margin-top:30px;}
div.grid-user-data {background-color:#fff;border:1px solid #d7e2ed;padding:15px;display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;}

.payment-info img {vertical-align:middle;max-width:60px;width:auto;height:auto;margin-right:10px;}

.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:#f4f7fa;}

div.grid>div.invData.hcp{padding: 0px;opacity:0;border: none;transition:opacity .3s;}
div.grid>div.invData{opacity:1;transition:opacity .3s;}

div.invData header.multi-type {display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;margin-bottom:25px;}

.select-products {color:#484848;padding-top:10px;border-top:1px solid #d7e2ed;line-height:1.5em;margin:15px 0;}

.delivery-items {display:grid;grid-template-columns:repeat(auto-fill, minmax(305px, 1fr));grid-gap:10px;align-items:start;}
.delivery-items>* {padding:15px;border:1px solid #d7d2e4;display:flex;flex-direction:column;}
.delivery-items>*.on {border-color:#d7d2e4;box-shadow:0 0 0 1px #d7d2e4 inset;}
.delivery-items>*.error {border-color:#ff0000;box-shadow:0 0 0 1px #ff0000 inset;}
.delivery-items label.labStyled {display:block;cursor:pointer;}
.delivery-items label.labStyled input[type="radio"] + span img {max-width:100px;max-height:60px;margin-left:0;margin-right:10px;}

.delivery-items .wrap-inner {display:flex;align-items:center;flex:1 0 55px;}
.delivery-items .wrap-inner>.name {flex:1 0 0;}
.delivery-items .wrap-inner>.cost {flex:0;margin-left:5px;white-space:nowrap;color:#8a8a8a;cursor:default;}

.delivery-items .icon {display:flex;align-items:center;}
.delivery-items .icon>.name {flex:1 0 0;}

.payments-wrap:not(.on) {display:none;}

div.grid>div>div.item{
margin-bottom: 15px;
}

div.text {line-height:1.6em}
a.btnDel {display:inline-block;text-decoration:none}
table.sc a.btnDel {padding:0;display:inline-block;}
table.sc a.btnDel .cls-1 {fill: #200080;}
table.sc a.btnDel:hover .cls-1 {fill:#a31010;}

form.sc input[type="text"],
form.sc input[type="password"] {border:1px solid #d2d3e4;color:#5c5c5c;font: 16px 'Montserrat', sans-serif;;padding:10px;box-sizing:border-box;width:100%;outline:none;border-radius:6px;}
form.sc input[type="text"]:focus,
form.sc input[type="password"]:focus {border-color:#200080;}
form.sc select {font:300 16px 'Source Sans Pro', sans-serif;border:1px solid #e5e5e5;padding:10px;box-sizing:border-box;width:100%;background-color:#fff;}
form.sc textarea {height:150px;width:100%;padding:10px;border:1px solid #d2d3e4;font:300 16px 'Montserrat', sans-serif;box-sizing:border-box;resize:vertical;border-radius:6px;outline:none;}
form.sc textarea:focus {border-color:#200080;}
form.sc input[type="text"].err,form.sc input[type="email"].err,form.sc input[type="password"].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 input[type="email"],
form.sc div.err select {border-color:red;}
label.err {color:red;text-decoration:underline}
form.sc input[type="text"].sh {width:30px}

h2.shop-title {font-size:20px;font-weight:500;color:#484848;margin-bottom:20px;}

header.shop-title {display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;}
header.shop-title>h2.shop-title {margin-bottom:0;}

ol.deliveries-list:not(.not-multi) {padding-left:25px;}
ol.deliveries-list.not-multi {list-style:none;}
ol.deliveries-list li {margin-bottom:10px;}

ol.deliveries-list div.wrap {display:grid;grid-template-columns:60px 1fr;grid-gap:10px 2px;align-items:center;}
ol.deliveries-list img {max-width:100%;width:auto;height:auto;}
ol.deliveries-list h3 {font-size:1em;font-weight:normal;flex:1 1 auto;grid-column-start:2;margin:0;}
ol.deliveries-list div.inn-wrap {grid-column-start:2;}
ol.deliveries-list li+li {padding-top:10px;border-top:1px solid #dbdbdb;}

div.discountArea {border:1px solid #d7d2e4;border-radius:6px;background:url('../images/shop-discount.jpg') no-repeat right 5px center, linear-gradient(to right, #341e77, #fff 75%);padding:15px;margin-bottom:25px;}
div.discountArea>div.flex {display:flex;align-items:center;}
div.discountArea div.info {color:#fff;flex:0 0 30%;font-weight:bold;}
div.discountArea b {display:block;font-size:1.3em;}
div.discountArea button {display:inline-block;border:2px solid #fff;font:bold 16px 'Montserrat', sans-serif;text-transform:uppercase;color:#fff;background-color:#80b918;text-decoration:none;padding:10px 20px;cursor:pointer;transition:background-color .2s, color .2s;border-radius:6px;}
div.discountArea button:hover {background-color:#fff;color:#80b918;}
div.discountArea button.delete {background-color:#d90429;}
div.discountArea button.delete:hover {background-color:#fff;color:#d90429;}
div.discountArea input[type="text"] {width:220px;padding:0 10px;height:40px;}
div.discountArea input[type="text"]:disabled {background-color:transparent;font-size:22px;color:#fff;font-weight:bold;}
div.discountArea div.info {margin-bottom:5px;}

div.signArea {display:flex;margin-bottom:10px}
div.signArea h2 {font-size:1.3em;margin-bottom:20px;}
div.signArea>div {flex:1 1 0px;background-color:#e8e8e8;padding:10px;display:flex;flex-direction:column;}
div.signArea>div+div {margin-left:2px;}
div.signArea div.wrap {flex:1 1 0px;}
div.signArea footer {margin-top:20px;text-align:center;}

form.sc div.extendData {display:none;flex:1 0 0;}
form.sc div.extendData.shw {display:block;}
form.sc div.deliveryExtendData.inpost button {cursor:pointer;background-color:#d7d2e4;border:1px solid #d7d2e4;color:#50445b;font:bold 14px 'Montserrat', sans-serif;padding:10px 18px;outline-style:none;border-radius:6px}
form.sc div.deliveryExtendData.inpost button::before {content:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAXCAYAAAAGAx/kAAAABHNCSVQICAgIfAhkiAAAAgpJREFUOE91VItVwzAQsyegTEA6AWUC0gloJyCdgDJB0wmgE9BOAExAOgHtBGQDYIIgXe6M4yR+7178OcuSfI53Ay1zZY7pe8RMg1knjUPtyird5uMJAHDjE4JA1s7auY7mCPQIQIJLC0AAWWD8gpggjogyPVlz1li7Rfwg5gYmQMrkw7kGY7/G4j6lnjAv9NAAZkCkSOqrGAQHcINK8qfabQ4GqGtUUGHP3EcT75igPDLM8HlF0LO48cAl8mrNq1SmAFEGb+jG9GLOGO4w/6ZI9ObOGCgQD+aBBwIR/QogJjPHGH65wNAoIdcYxIc2WD8SSDoAIgBllfhsVIKxESyskRXLI3iZuQ0M940B1QCaanKBL01knTwbm7FDlMiZQEI3kpZh/IWoEZTAK7YL+NQSmUWGB2mkTxOn0aLJI4jJo7Es1sAUJHKM6aeYPSil9aMBoL9o5TW/6LPag1zksP+AWBKIp3xTivnUbmwb1qWWrDSStRoHTGq3ndiV75HAWupUdrwp7UdK+DcoDChDYs/gMSBVQeMvIVeMj1+/6d1hgfUy2qLXsEVuycQYiF5ViN7jTXwpMGadnQES3uLAj60BmNxUeAYG9O+L3GCopQ6jfrL8uGi+1FECkqe32GE0AMapFYKy8caEyQIgtKDTBoGUQY6NYNMpyB4TQxsFUjCauUdQZmFPKGXD8R8YeewnkFfuxQAAAABJRU5ErkJggg==');display:inline-block;vertical-align:middle;margin-right:10px;}
form.sc div.deliveryExtendData.inpost>div {margin:10px 0;line-height:1.4em;}

label>span:first-child,span.ln {display:block;margin-bottom:3px;}
div.indyvidualData label>span:first-child,span.ln,
div.invoiceData label>span:first-child,span.ln {display:block;width:auto;margin-bottom:3px;color: #777;}
div.indyvidualData input[type="text"],
div.indyvidualData input[type="password"],
div.indyvidualData input[type="email"],
div.indyvidualData input[type="number"],
div.indyvidualData select,
div.invoiceData input[type="text"],
div.invoiceData input[type="password"],
div.invoiceData input[type="email"],
div.invoiceData input[type="number"],
div.invoiceData select {border:1px solid #d2d3e4;color:#484848;font:15px 'Montserrat', sans-serif;padding:10px;box-sizing:border-box;width:100%;outline:none;border-radius:6px;}

div.indyvidualData input[type="text"]:focus,
div.indyvidualData input[type="password"]:focus,
div.indyvidualData input[type="email"]:focus,
div.indyvidualData input[type="number"]:focus,
div.indyvidualData select:focus,
div.invoiceData input[type="text"]:focus,
div.invoiceData input[type="password"]:focus,
div.invoiceData input[type="email"]:focus,
div.invoiceData input[type="number"]:focus,
div.invoiceData select:focus {border-color:#200080;}

span.select.styled {display:inline-block;position:relative;z-index:0;width:100%;}
span.select.styled::after {content:'';background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAICAYAAADN5B7xAAAABHNCSVQICAgIfAhkiAAAAHZJREFUGFdjVGBoWMDAwKAPxI4PGBo+AGkMAFQjABTcD8QXGIGcC1ANIBpDE5JiA6D8QZAGkO4D2DShKb4IVOPACLIfmyaou0DOAJkMVgxyMlgDDk0gYRTFIAG4BiyaQEJwk2EGo2hA0wQKsQD0kMPQADMJFw0Aua0sWHpn46oAAAAASUVORK5CYII=') no-repeat;width:12px;height:8px;display:block;position:absolute;right:10px;top:0;bottom:0;margin:auto 0;pointer-events:none;}
/*span.select.styled:focus-within::after {}*/
span.select.styled>select {-moz-appearance:none;-webkit-appearance:none;appearance:none;width:100%;padding-right:30px;}

div.userData {background:url('../images/bckgr-u-data.png') no-repeat right 10% bottom;}

div.userData div.type {margin-bottom:15px;background-color:#fff;border:1px solid #d7d2e4;padding:15px;border-radius:6px;}
div.userData div.type-item {display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));grid-gap:15px;}
div.userData div.type-item>* {padding:15px;border:1px solid #d7d2e4;display:flex;border-radius:6px;}
div.userData div.type-item>*.on {border-color:#d7d2e4;box-shadow:0 0 0 1px #d7d2e4 inset;}

span.user-data-type.item-private-data,
span.user-data-type.item-company {white-space:nowrap;}
span.user-data-type.item-private-data::before {display:inline-block;vertical-align:middle;margin-right:15px;content:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAApCAYAAACoYAD2AAAABHNCSVQICAgIfAhkiAAAA4FJREFUWEfFmI1500AMhs8TQCfATECZAHcC2gkwE0AnSDIBZQLSCWgnIJ2AdALSCSgLYL7P1hn56h/dJU7vee7J30l6rdOdpGRuz5G75SlUfMDkK+dLzEfMrXPZxrnqdueWeJ8+slRRwBWQXWDydWqssWAF2N3Uwr7fkyBzt/oED11FGqR3PwL0JlLORUPCg4QDZGfc4xO9pbf1HJ85XwVrCcq15hEFCcASmr/91179Qdydw+hmyCJkPsPrS6x7IWvo0bOYODVDwhgPxC9MvnI8YJ7CGI2OjuZwVXiQFnQDubMpOf97DCS8UR8UP97GeAOg3PrvSv7CGp8xkPRiLkZ4UgkdNQAKb7p3InQNHaVFgQlS7sKfSuHrlOskiOlH6Dg5JGQBZT9E4QOUe49abLRrJK5/K6ETS0xbPYkT6r6I8jsoJnTSAGilBHnKGQKjwwqpg/6QkKbDZ4XU222OpdA98CLDhAewHvCiyb5pUagc+s3XhwZtLvY2bMyxbYKkIRhgzn0vRqMuYw8KHfoa+wpPEnpyxECW0KZSYl0srCctyAIAhjnffI2ZIcWbG7z6y5hfmUBRNSFTMX+3w+xFSsRC5jDGYtYXC9RBb/bWipIEeHUVCtCc871MFKR4MywWvC6WafB0hoKjwsO0lbqOCJZ0heUC10LRkA3ok+3TOsfeJ90KZsgmpWWsyHkifblmhdPrGC5XO7e4tgqbIKVdYOCPwXErw9pSH7KQieFxuXdalIKANaAOfG/stolBdzNWEcnhoXyJ+abHe7yaePAGi+dBT4pyVj6h97hNaPviOz/RyXBhCxyEQN1S9IL2Qg4AcjtLKNLNljWsOuugn55dY+omjXp7QZ9ADgAmVeJjTyChxK3WXu0F7UCKICvwXBkwZZUkl9aG6tSqQRnjF1pfCMnczAD3Y1ZAb6QHtLNzLSQWht1cVH5N9aQC3eC9v7I6ZZyG1GXUPVyO9He8IaFGUF5THQfVkFjALdZlmKn3mOMRCBteRR5Se3GvHmYO8EyuHN1TP5sXhx6QkEl9xxwe0zrBleMzt35LSH2qjnqihx5UMpL/M2JFyOhm/QheXMKG/3PsDpALJPW2HUgqSg8NDcfppo2QnVaVwHiKbO8iIh38L5OKbnUvCVngS7//6bpnkaz/Sc6HLvNZTMYprQHZtG11WmQapJt59J97MNzQBzWF9T+Q0zXZsszblAAAAABJRU5ErkJggg==')}
span.user-data-type.item-company::before {display:inline-block;vertical-align:middle;margin-right:15px;content:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAmCAYAAABQ3RJZAAAABHNCSVQICAgIfAhkiAAAArVJREFUWEftmL1rFEEYxp+5KCgkIiqmSExOLRQREURSRPDyD6hgJxbWCgpWgsSbM0GwUhG0sTAIAVNpY2Nh/KjSqCCCiORighCrdAZR1+ddd2T2mM3NZjd3l1wGttrZd3/zvM+886GQUytCFwF1HAhKDCmPtKEqdDWnX/wPo7IELKJy0oI87IhVIbTO8g/Xt6mgqSbBlA1aj6fx0FbKT0Up37oE5Xu+m+SzwKcc9Vt5aEISKvSlgaRPE9tMBCmgk8a7jCF+ftFI6Lf8mcubhvypASXkO9dwmgEd1IBIyp9ESoqidds/S+Fc1FEy4PVd3cBWh9hE5A8NtMCW+EPxZ8u1JOiXBBZvtmTzgu6G3rkZuOsaAVPzfAb6gf2OGbtVZ26kEWOMAj60P/CC7oPeUwC+JEDfJ/R5865mIqaBS+xL6Bjn2oUWCXZjZJ9bisLCNK7OJyi97MWFGZOqwzUDWJbSaXKcV51uT2iOehNQGHAp/gvq2xyGP/vYYxdG9nYg6HXH6Zyaw+UfVpxs9shQPWKe5uDvEOqiC1qhY/80hj+1N3QPbmzfgJ9muxkTiovLm6/QEz726EflNHeQYUWobYvA6Dz099yUXq8engq0Z8nrge7dCDxL2HtMcO8x6uPpIspXeDI6kyD2CfvknlnptVjy7lHpC35K69vsd6khddpz7oTd1vceq3CXJ1YKbwZqj35eh4AduNnViUXnrP8N9XEW1177eLoP1wcLCA667RY89j1Ie0E3o3osNY9aFrof+hHBDwg8q9MRexBe0Nugt3QBZ12j/wN8mIV+5WeP8jEFdchd8jBu24ML0RQXoqORp9MfbJtR8qj0OElD/3MwsYF6Kd0M6MyebjlormDmWlbYShGg3OE5b0U9BiB32ObmtRpmN8dGqwwp69Ixx9ArF0ruQFYl9F8EK9I2W8us6QAAAABJRU5ErkJggg==')}

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 #d2d3e4 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:#9c9d9f;padding:0 5px;pointer-events:none;white-space:nowrap;}
div.userData div.fieldItem[data-placeholder].on::before {font-size:11px;transform:translateY(0);transition:font-size .2s, transform .2s, color .2s;color:#200080;}
div.userData div.fieldItem[data-placeholder]:focus-within::before {color:#200080;}
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 135px;}

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;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>span.req:after {content:'*';font-weight:bold;color:red}
form.sc label b {font-weight:bold;color:red}
form.sc p {margin-bottom:15px}
div.hc {display:none}

form.sc span.spinner {display:block;white-space:nowrap}
form.sc span.spinner input[type="text"] {height:32px;width:32px;vertical-align:middle;font:17px 'Montserrat', sans-serif;color:#50445b;border-width:1px 0;border-style:solid;border-color:#d2d3e4;border-radius:0;outline:none;padding:0;text-align:center;}
form.sc span.spinner [type="button"] {font:bold 20px 'Montserrat', sans-serif;color:#200080;height:32px;vertical-align:middle;border:1px solid #d2d3e4;border-radius:6px 0 0 6px;width:26px;background-color:#fff;outline:none;cursor:pointer;}
form.sc span.spinner [type="button"].add {border-radius:0 6px 6px 0;}
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 div.submit input[type="submit"],
form.sc div.submit button[type="submit"] {font-size:22px;padding:15px 10px}
form.sc div.submit input.shop_bttn.back[type="submit"],
form.sc div.submit  button.shop_bttn.back[type="submit"] {float:none;}
/*span.error {margin-left:150px;color:red;display:block;margin-bottom:5px}*/

form.sc div.boxArea span.error {display:block;margin:2px 0 10px;font-size:11px;color:red;}


form.online.przelewy24 div.submit {margin-top:20px;}
form.online.przelewy24 button[type="submit"] {border-radius:4px;display:inline-block;border:1px solid #0a2342;font:bold 14px 'Roboto', sans-serif;text-transform:uppercase;color:#fff;background-color:#0a2342;text-decoration:none;padding:10px 20px;cursor:pointer;transition:background-color .2s, border-color .2s;}
form.online.przelewy24 button[type="submit"]:hover {background-color:#bd1e1e;border-color:#bd1e1e;}

div.grid>.error {border-color:red;box-shadow:0 0 0 4px inset rgba(255, 0, 0, 0.8);}

@media screen and (max-width:1200px){
    div.userData div.inline > div.street {flex:1 0 100%;margin-bottom:20px;}
    div.userData div.inline > div.house_no {margin-left:0;flex:0 1 50%;padding-right:10px;box-sizing:border-box;}
    div.userData div.inline > div.apart_no {margin-left:0;flex:0 1 50%;}
}

@media screen and (max-width:1024px){
    form.sc .inline {flex-wrap:wrap;}
    form.sc .inline>* {flex:1 1 0px;}
    form.sc .inline>*.long {flex-basis:100%;}
    form.sc .inline>*.long+* {margin-left:0;}
    form.sc .inline>*.long~* {margin-top:10px;}
}

@media screen and (max-width:992px){
    form.sc p.submit input[type="submit"], form.sc p.submit button[type="submit"] {font-size:16px}
    .items-user-data {font-size:14px;grid-template-columns:150px 1fr;}

    header.shop-title {flex-direction:column;align-items:flex-start;justify-content:normal;}
    header.shop-title>*+* {margin-top:10px;}
}

@media screen and (max-width:768px){
    div.message {font-size:1em;}
    div.signArea {display:block;}
    div.signArea > div + div {margin-left:0;margin-top:5px;}

    table.sc .nmob {display:none}
    table.sc td.mob, table.sc th.mob {display:table-cell}
    table.sc tr.mob {display:table-row}

    ul.step {display:block;border:none;}
    ul.step li {margin-bottom:3px;height:auto;background:none;text-align:left;}
    ul.step li:not(:last-child)::after {content:none;}
    ul.step li:after {content:none}
    ul.step li:before {content:'';display:inline-block;width:17px;height:17px;margin-right:5px;background-color:#dbdbdb;border-radius:50%;vertical-align:sub;position:static;}

    ul.step li div {background:none;color:#484848;display:block;}
    ul.step li.s div {background:none;color:#200080;display:block;}
    ul.step li.s::before {background-color:#200080;}
    ul.step li.s.c::before {content:'';display:inline-block;width:17px;height:17px;margin-right:5px;background-color:#200080;border-radius:50%;vertical-align:sub;position:static;}

    table.sc .setItems h2 {display:none;}

    div.grid-user-data {display:block;}
    div.grid-user-data>*+* {margin-top:25px;}

    div.discountArea>div.flex {display:block;}
}

@media screen and (max-width:700px){


    div.grid[data-user-data-type] {display:block;}
    div.grid.hc[data-user-data-type] {display:none;}
    div.grid[data-user-data-type]>*+* {margin-top:20px;}
}

@media screen and (max-width:576px){

    div.discountArea {background:#6f5bac;}
    div.discountArea div.inp {display:flex;flex-direction:column;}
    div.discountArea input[type="text"] {width:100%;margin-bottom:5px;}

    form.sc div.submit {display:flex;flex-direction:column;}
    form.sc div.submit>div.next {order:0;margin-left:0;}
    form.sc div.submit>*+* {margin-top:10px;}
    form.sc div.submit input[type="submit"],
    form.sc div.submit button[type="submit"] {width:100%;box-sizing:border-box;}

    div.userData div.inline {display:block;}
    div.userData div.inline>div.house_no {padding-right:0;}
    div.userData div.inline>div.street {margin-bottom:0;}
    div.userData div.inline>*+* {margin-left:0;margin-top:20px;}

    form.sc .inline {flex-wrap:wrap;}
    form.sc .inline>* {flex:1 0 0px;}
    form.sc .inline>*.long {flex:1 1 100%;}
    form.sc .inline>*.long+* {margin-left:0;}
    form.sc .inline>*.long~* {margin-top:10px;}
}
