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;}

input[type="radio"],input[type="checkbox"] {vertical-align:middle;}

input.shop_bttn[type="submit"],
button.shop_bttn[type="submit"] {display:inline-block;border:none;font:bold 14px 'Roboto', sans-serif;text-transform:uppercase;color:#fff;background-color:#007bca;text-decoration:none;padding:10px 20px;border-radius:4px;letter-spacing:2px;text-align:center;cursor:pointer;transition:background-color .2s;}
input.shop_bttn[type="submit"]:hover,
button.shop_bttn[type="submit"]:hover {background-color:#51b7c7;}
input.shop_bttn.back[type="submit"],
button.shop_bttn.back[type="submit"] {float:left;background-color:#b9bab8}
input.shop_bttn.back[type="submit"]:hover,
button.shop_bttn.back[type="submit"]:hover {background-color:#d7d8d6;}
button.shop_bttn.back[type="submit"]:before {content:'\e079';font:bold 12px "Glyphicons Halflings";display:inline-block;margin-right:5px;vertical-align:middle;color:#fff}

@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-radius:10px;overflow:hidden;box-shadow:0 2px 10px rgba(0, 0, 0, 0.2);font:12px Arial;color:#000;max-width:650px}
div.dialog>h1 {font-size:24px;padding:30px 10px;text-align:center;}
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:15px;margin-right:20px;text-decoration:none;outline-style:none}
div.dialog>a:before {content:'\e014';font:normal 14px "Glyphicons Halflings";display:inline-block;}
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:#007bca;border:1px solid #007bca;border-radius:5px;color:#fff;cursor:pointer;font:normal 14px Tahoma;padding:11px 27px;vertical-align:middle;transition:border-color .3s, background-color .3s}
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-color:#51b7c7;border-color:#51b7c7;}
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.dialog div.leadCurr {max-width:440px;}
div.dialog div.prodInfo {font-weight:bold;font-size:20px;margin-bottom:10px;color:#003177;}
div.dialog span.costGross {font-weight:normal;font-size:18px;color:#000;display:block;margin:15px 0 5px;border-top:1px solid #d5d5d5;padding-top:10px;}
div.dialog img[src^="/f/shp/p/"] {max-width:100%;max-height:250px;width:100%;height:auto;margin:0 auto;}
div.dialog div.img {border:1px solid #eee;margin:0 auto 10px;max-width:400px;text-align:center;}
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);}}

section.discountSet {margin:100px 0 30px;}
section.discountSet h2 {font:bold 40px 'Roboto', sans-serif;margin-bottom:70px;}
section.discountSet div.items {display:flex;margin-bottom:40px;}
section.discountSet div.items+div.items {padding-top:40px;border-top:1px solid #e6e6e6;}
section.discountSet div.items a {text-decoration:none;color:#000;display:flex;flex-direction:column;height:100%;}
section.discountSet div.items h3 {font-size:20px;margin-bottom:10px;}
section.discountSet div.items.count-4 h3 {font-size:16px;}
section.discountSet div.items article {flex:1 1 0px;max-width:400px;}
section.discountSet div.items article+article {padding-left:40px;position:relative;z-index:0;}
section.discountSet div.items article+article::before {content:'\2b';font: 23px/1 "Glyphicons Halflings";position:absolute;left:8px;top:50%;}
section.discountSet div.items>*:nth-last-child(2) {padding-right:40px;position:relative;z-index:0;}
section.discountSet div.items>*:nth-last-child(2)::after {content:'=';font-size:38px;line-height:1;font-weight:bold;position:absolute;right:8px;top:50%;}
section.discountSet div.image {position:relative;z-index:0;padding-bottom:62.88%;box-sizing:border-box;box-shadow:0 0 10px rgba(0, 0, 0, 0.1);margin-top:auto;}
section.discountSet div.image.empty {background:url('../images/blank.png') no-repeat 50% 50%/90% auto;}
section.discountSet img {max-width:90%;max-height:90%;width:auto;height:auto;position:absolute;left:0;top:0;bottom:0;right:0;margin:auto;}
section.discountSet footer {color:#674197;font-size:30px;text-align:center;font-weight:bold;font-style:italic;height:65px;}
section.discountSet footer del {display:block;font-size:18px;text-decoration:line-through;color:#b9aec8;}
section.discountSet div.summary {align-self:center;}
section.discountSet div.summary h3 {font-size:20px;margin-bottom:10px;}
section.discountSet section.addCart div {display:flex;align-items:center;padding-bottom:20px;border-bottom:1px solid #e6e6e6;margin-bottom:20px;}
section.discountSet section.addCart span {white-space:nowrap;font-size:30px;color:#674197;font-weight:bold;font-style:italic;margin-right:35px;}
section.discountSet section.addCart [type="submit"][name="addCart"] {font-size:20px;padding:15px 10px;}
section.discountSet section.addCart [type="submit"][name="addCart"]::before {content:'';background:url('../images/add-cart.png') no-repeat 50% 50%/100% auto;width:30px;height:20px;margin-right:10px;}/*width:48px;height:32px;*/
section.discountSet section.diff {position:relative;z-index:0;}
section.discountSet section.diff div {white-space:nowrap;font-size:30px;font-weight:bold;font-style:italic;color:#42a62a;}
section.discountSet section.diff div[data-percent]::after {content:attr(data-percent) '%';position:absolute;right:0;top:0;width:72px;line-height:72px;height:72px;border-radius:50%;text-align:center;font-size:30px;font-weight:bold;background: url('../images/percent.png') no-repeat 50% 50%/100% 100%;color:#fff;}

div.shop_content {display:flex;}
div.shop_content>.shop {flex:1 1 auto;margin-left:25px;order:1;}
div.shop_content>.shop-aside {flex:0 0 312px;}
div.shop_content h1.main-title {margin-top:0;}

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