fieldset {
  border: 10px solid #ded9e5;
  margin-bottom: 28px;
  padding: 45px 78px 40px 98px;
  position: relative; }
  fieldset h3 {
    font-size: 14px;
    color: #000;font-family: "Arial", "Helvetica CY", "Nimbus Sans L", sans-serif;
    margin-bottom: 18px;
    font-weight: normal; }
  fieldset p {
    color: #a3a3a3; }

.field-row {
  margin-bottom: 10px;
  color: #d4d0dc;
  position: relative; }
  .field-row [class^=icon]:before, .field-row [class^=icon]::before {
    border: 1px solid;
    position: absolute;
    left: 0;
   top: 16px;
    width: 36px;
    height: 36px; }
  .field-row [class^=icon] + .field-wrap {
    margin-left: 37px; }
  .field-row .field-wrap {
    border: 1px solid;
    background: #fff;
    display: block;
    padding: 8px 12px; }
.field-wrap-1 {
    background: #fff;
    border: 1px solid;
    display: inline-block;
    float: left;
    padding: 8px 0 8px 55px;
    width: 23%;
}
.field-wrap-2 {
  background: #fff;
    border: 1px solid;
    display: inline-block;
    float: left;
    margin-left: -5px;
    padding: 8px 13px;
    width: 60%;
}
.left-block {
    float: left;
    text-align: left;
    width: 50%;
}
.right-block {
    float: right;
    text-align: right;
    width: 50%;
}
.left-block a {
    color: #3366CC;
    font-size: 14px;
}
.right-block span {
    color: #999999;
    font-size: 15px;
}
    .field-row .field-wrap.validate-field {
      padding-right: 54px; }
    .field-row .field-wrap:last-child {
      border-left: none; }
  .field-row input[type=text] {
    color: #999;
    border: none;
    background: none;
    padding: 0;
    width: 100%;
    height: 20px;
    outline: none;
    display: block; }
  .field-row.field-group .field-wrap {
    float: left; }
    .field-row.field-group .field-wrap:last-child {
      float: none; }
  .field-row.field-group .field-size-88 {
    width: 62px; }
  .field-row.field-group .field-offset-125 {
    margin-left: 125px; }

[class^=validate] {
  position: absolute;
  top: 10px;
  right: 17px;
  background: url(/personal/profile/mg/icons.png) no-repeat; }
  [class^=validate][class$=ok] {
    background-position: 0px -60px;
    width: 20px;
    height: 16px; }
  [class^=validate][class$=error] {
    background-position: -25px -60px;
    width: 18px;
    height: 18px; }


input {
  font-size: 15px;
  color: #999; }

label {
  font-size: 12px;
  color: #000; }
  label .tip {
    color: #949297; }

input[type=radio] {
  visibility: hidden;
  position: absolute;
  left: 0;
  top: 0; }
  input[type=radio] + label {
    position: relative;
    padding-left: 24px; }
    input[type=radio] + label:before, input[type=radio] + label::before {
      content: " ";
      position: absolute;
      left: 0;
      top: 1px;
      background: url(/personal/profile/mg/inputs.png) no-repeat 0 0;
      width: 14px;
      height: 15px; }
    input[type=radio] + label:after, input[type=radio] + label::after {
      content: '•';
      left: 0;
      top: 0;
      position: absolute;
      font-size: 23px;
      line-height: 15px;
      width: 14px;
      height: 15px;
      overflow: hidden;
      text-align: center;
      color: #6c45a9;
      display: none; }
  input[type=radio][class~='color-red'] + label:after,
  input[type=radio][class~='color-red'] + label::after {
    color: red; }
  input[type=radio][class~='color-blue'] + label:after,
  input[type=radio][class~='color-blue'] + label::after {
    color: #008aff; }
  input[type=radio][class~='color-black'] + label:after,
  input[type=radio][class~='color-black'] + label::after {
    color: black; }
  input[type=radio][class~='color-brown'] + label:after,
  input[type=radio][class~='color-brown'] + label::after {
    color: #a26700; }
  input[type=radio]:checked + label:after, input[type=radio]:checked + label::after {
    display: inline-block; }
.order-form {
  width: 673px;
  margin-bottom: 200px; }
.submit-button {
  margin: 48px 0;
  text-align: right; }
  .submit-button input[type=submit] {
    font-size: 15px;
    color: #e9e6ee;
    background: #6c45a9;
    width: 244px;
    height: 36px;
    line-height: 36px;
    border: none; }

.delivery-select-address {
  margin-left: 20px;
  font-size: 14px; }
  .delivery-select-address .flag {
    margin-right: 6px; }
    .delivery-select-address .flag img {
      -webkit-box-shadow: 0 1px 1px #ab9fbd;
      -moz-box-shadow: 0 1px 1px #ab9fbd;
      box-shadow: 0 1px 1px #ab9fbd;
      vertical-align: baseline; }
  .delivery-select-address a {
    color: #0077bc;
    text-decoration: none;
    border-bottom: 1px dotted; }
    .delivery-select-address a:hover {
      border-bottom-style: solid; }

.delivery-time-info {
  color: #000; }

form .section {
  margin-bottom: 40px; }

.time-slider {
  position: relative; }

.time-scale {
  position: relative;
  margin: 0 -4%;
  width: 108%;
  position: absolute;
  left: 0;
  top: -32px;
  line-height: 10px; }
  .time-scale span {
    margin-top: -32px;
    width: 8.33%;
    height: 10px;
    display: inline-block;
    font-size: 11px;
    color: #000;
    text-align: center;
    position: relative; }
    .time-scale span:after, .time-scale span::after {
      content: " ";
      border-left: 1px solid #dcd7e5;
      margin-left: -1px;
      width: 0px;
      height: 11px;
      display: inline-block;
      position: absolute;
      left: 50%;
      top: 12px; }

/**
 * default development theme for jQRangeSlider
 * Using fam fam icon set from Mark James, http://www.famfamfam.com/lab/icons/silk/ (Creative Commons Attribution 2.5 License)
 */
.ui-rangeSlider {
  height: 5px;
  padding-top: 1px;
  margin-top: 42px; }

.ui-rangeSlider .ui-rangeSlider-innerBar {
  height: 4px;
  background: #d3cedc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border-top: 1px solid #b3aebc;
  -webkit-box-shadow: 0 -1px 0 #d3cedc;
  -moz-box-shadow: 0 -1px 0 #d3cedc;
  box-shadow: 0 -1px 0 #d3cedc; }

.ui-rangeSlider .ui-rangeSlider-handle {
  width: 1px;
  height: 29px;
  margin-top: -11px; }

.ui-rangeSlider .ui-rangeSlider-handle .ui-rangeSlider-handle-inner {
  margin-left: -10px;
  width: 17px;
  height: 25px;
  border: 1px solid #fff;
  -webkit-box-shadow: 0 -1px 0 #aba5b3, 1px 0 0 #aba5b3, 0px 1px 0 #aba5b3, -1px 0 0 #aba5b3;
  -moz-box-shadow: 0 -1px 0 #aba5b3, 1px 0 0 #aba5b3, 0px 1px 0 #aba5b3, -1px 0 0 #aba5b3;
  box-shadow: 0 -1px 0 #aba5b3, 1px 0 0 #aba5b3, 0px 1px 0 #aba5b3, -1px 0 0 #aba5b3;
  background: #e4e0ea;
  /* Old browsers */
  background: -moz-linear-gradient(top, #e4e0ea 0%, #d4cdde 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e4e0ea), color-stop(100%, #d4cdde));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #e4e0ea 0%, #d4cdde 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #e4e0ea 0%, #d4cdde 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #e4e0ea 0%, #d4cdde 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #e4e0ea 0%, #d4cdde 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4e0ea', endColorstr='#d4cdde',GradientType=0 );
  cursor: col-resize; }
@font-face {
  font-family: 'DINPro';
  src: url("/personal/profile/fonts/DINPro-Regular.eot");
  src: local("☺"), url("/personal/profile/fonts/DINPro-Regular.woff") format("woff"), url("/personal/profile/fonts/DINPro-Regular.ttf") format("truetype"), url("/personal/profile/fonts/DINPro-Regular.svg") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'DINPro';
  src: url("/personal/profile/fonts/DINPro-Bold.eot");
  src: local("☺"), url("/personal/profile/fonts/DINPro-Bold.woff") format("woff"), url("/personal/profile/fonts/DINPro-Bold.ttf") format("truetype"), url("/personal/profile/fonts/DINPro-Bold.svg") format("svg");
  font-weight: bold;
  font-style: normal; }
.ui-rangeSlider .ui-rangeSlider-bar {
  margin: -11px 0 0;
  height: 29px;
  cursor: move;
  cursor: grab;
  cursor: -moz-grab; }

.ui-rangeSlider .ui-rangeSlider-bar.ui-draggable-dragging {
  cursor: -moz-grabbing;
  cursor: grabbing; }

.ui-rangeSlider-arrow-inner {
  display: none; }

.ui-rangeSlider-container {
  height: 5px; }

.ui-rangeSlider-label-inner {
  display: none; }

/*
 * Edit slider
 */
input.ui-editRangeSlider-inputValue {
  width: 3em;
  vertical-align: middle;
  text-align: center; }

  .img-add {
    content: " ";
    display: inline-block;
    vertical-align: top;
    font-size: 0;
    line-height: 0;
    display: inline-block;
    background: url(/personal/profile/mg/icons.png) no-repeat; 
    background-position: -50px -60px;
    width: 24px;
    height: 18px;
     margin-left: 10px;
  }
  .img-otmena {
    content: " ";
    display: inline-block;
    vertical-align: top;
    font-size: 0;
    line-height: 0;
    display: inline-block;
    background: url(/personal/profile/mg/icons.png) no-repeat; 
    background-position: -100px -60px;
    width: 24px;
    height: 18px;
     margin-left: 10px;
  }
  .img-upload {
    content: " ";
    display: inline-block;
    vertical-align: top;
    font-size: 0;
    line-height: 0;
    display: inline-block;
    background: url(/personal/profile/mg/icons.png) no-repeat; 
    background-position: -76px -58px;
    width: 24px;
    height: 20px;
     margin-left: 10px;
  }

  
  
  
  
  
  
  .clear-list {
  margin: 0;
  padding: 0;
  list-style: none; }

[class^=icon] {
  vertical-align: middle; }
  [class^=icon]:before, [class^=icon]::before {
    content: " ";
    display: inline-block;
    vertical-align: top;
    font-size: 0;
    line-height: 0;
    display: inline-block;
    background: url(/personal/profile/mg/icons.png) no-repeat; }
  [class^=icon][class$=mail]:before, [class^=icon][class$=mail]::before {
    background-position: 0 0;
    width: 20px;
    height: 16px; }
  [class^=icon][class$=delivery]:before, [class^=icon][class$=delivery]::before {
    background-position: -25px 0;
    width: 22px;
    height: 16px; }
  [class^=icon][class$=form]:before, [class^=icon][class$=form]::before {
    width: 36px;
    height: 36px; }
  [class^=icon][class$=user-form]:before, [class^=icon][class$=user-form]::before {
    background-position: -1px -21px; }
  [class^=icon][class$=mail-form]:before, [class^=icon][class$=mail-form]::before {
    background-position: -81px -21px; }
  [class^=icon][class$=pass-form]:before, [class^=icon][class$=pass-form]::before {
    background-position: -163px -21px; }
  [class^=icon][class$=phone-form]:before, [class^=icon][class$=phone-form]::before {
    background-position: -41px -21px; }
  [class^=icon][class$=location-form]:before, [class^=icon][class$=location-form]::before {
    background-position: -122px -21px; }
  [class^=icon][class$=cart]:before, [class^=icon][class$=cart]::before {
    background-position: -161px 0px;
    width: 19px;
    height: 18px; }
  [class^=icon][class$=mail-white]:before, [class^=icon][class$=mail-white]::before {
    background-position: -135px 0px;
    width: 20px;
    height: 16px; }