main {
  display: block;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}


abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

img {
  border-style: none;
}


progress {
  vertical-align: baseline;
}
/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}
/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}
/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}
/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}
/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}
/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}
/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}
body,
div,
dl,
dt,
dd,
ul,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
fieldset,
img,
abbr {
  border: 0;
}
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
  font-style: normal;
  font-weight: normal;
}
ul li {
  list-style: none;
}
caption,
th {
  text-align: left;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
main {
  display: block;
}
img {
  max-width: 100%;
  height: auto;
}
.container {
  max-width: 1316px;
  padding: 0 40px;
  margin: 0 auto;
}
.visually-hidden {
  width: 1px;
  height: 1px;
  padding: 0;
  position: absolute;
  margin: -1px;
  border: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
}
.subtitle {
  font-size: 24px;
  font-weight: bold;
  line-height: 28px;
  margin-bottom: 24px;
}
.SumoSelect p {
  margin: 0;
}
.SumoSelect {
  width: 320px;
  font-size: 18px;
  line-height: 18px;
}
.SelectBox {
  padding: 14px 33px 14px 18px;
}
.sumoStopScroll {
  overflow: hidden;
}
/* Filtering style */
.SumoSelect .hidden {
  display: none;
}
.SumoSelect .search-txt {
  display: none;
  outline: none;
}
.SumoSelect .no-match {
  display: none;
  padding: 6px;
}
.SumoSelect.open .search-txt {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  margin: 0;
  padding: 5px 8px;
  border: none;
  box-sizing: border-box;
  border-radius: 5px;
}
.SumoSelect.open > .search > span,
.SumoSelect.open > .search > label {
  visibility: hidden;
}
/*this is applied on that hidden select. DO NOT USE display:none; or visiblity:hidden; and Do not override any of these properties. */
.SelectClass,
.SumoUnder {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  border: none;
  box-sizing: border-box;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
}
.SelectClass {
  z-index: 1;
}
.SumoSelect > .optWrapper > .options li.opt label,
.SumoSelect > .CaptionCont,
.SumoSelect .select-all > label {
  -ms-user-select: none;
      user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
}
.SumoSelect {
  display: inline-block;
  position: relative;
  outline: none;
}
.SumoSelect:focus > .CaptionCont,
.SumoSelect:hover > .CaptionCont,
.SumoSelect.open > .CaptionCont {
  border-color: #364FC7;
}
.SumoSelect > .CaptionCont {
  position: relative;
  border: 1px solid #AAAAAA;
  min-height: 14px;
  background-color: #F7F7F8;
  border-radius: 2px;
  margin: 0;
}
.SumoSelect > .CaptionCont > span {
  display: block;
  padding-right: 30px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  cursor: default;
}
/*placeholder style*/
.SumoSelect > .CaptionCont > span.placeholder {
  color: #ccc;
  font-style: italic;
}
.SumoSelect > .CaptionCont > label {
  position: absolute;
  top: 0;
  right: 18px;
  bottom: 0;
  width: 15px;
}
.SumoSelect > .CaptionCont > label > i {
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='9' viewBox='0 0 15 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L7.5 7.5L14 1' stroke='%23E70843' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-position: center center;
  width: 15px;
  height: 9px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background-repeat: no-repeat;
}
.SumoSelect.open > .CaptionCont > label > i {
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='9' viewBox='0 0 15 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 7.5L7.5 1L1 7.5' stroke='%23E70843' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.SumoSelect > .optWrapper {
  display: none;
  z-index: 1000;
  top: 30px;
  width: 100%;
  position: absolute;
  left: 0;
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #AAAAAA;
  border-radius: 2px;
  overflow: hidden;
}
.SumoSelect.open > .optWrapper {
  top: 52px;
  display: block;
}
.SumoSelect.open > .optWrapper.up {
  top: auto;
  bottom: 100%;
  margin-bottom: 5px;
}
.SumoSelect > .optWrapper ul {
  list-style: none;
  display: block;
  padding: 0;
  margin: 0;
  overflow: auto;
}
.SumoSelect > .optWrapper > .options {
  border-radius: 2px;
  position: relative;
  /*Set the height of pop up here (only for desktop mode)*/
  max-height: 184px;
  /*height*/
}
.SumoSelect > .optWrapper.okCancelInMulti > .options {
  border-radius: 2px 2px 0 0;
}
.SumoSelect > .optWrapper.selall > .options {
  border-radius: 0 0 2px 2px;
}
.SumoSelect > .optWrapper.selall.okCancelInMulti > .options {
  border-radius: 0;
}
.SumoSelect > .optWrapper > .options li.group.disabled > label {
  opacity: 0.5;
}
.SumoSelect > .optWrapper > .options li ul li.opt {
  padding-left: 22px;
}
.SumoSelect > .optWrapper.multiple > .options li ul li.opt {
  padding-left: 50px;
}
.SumoSelect > .optWrapper.isFloating > .options {
  max-height: 100%;
  box-shadow: 0 0 100px #595959;
}
.SumoSelect > .optWrapper > .options li.opt {
  padding: 14px 18px;
  position: relative;
}
.SumoSelect > .optWrapper > .options > li.opt:first-child {
  border-radius: 2px 2px 0 0;
}
.SumoSelect > .optWrapper.selall > .options > li.opt:first-child {
  border-radius: 0;
}
.SumoSelect > .optWrapper > .options > li.opt:last-child {
  border-radius: 0 0 2px 2px;
  border-bottom: none;
}
.SumoSelect > .optWrapper.okCancelInMulti > .options > li.opt:last-child {
  border-radius: 0;
}
.SumoSelect > .optWrapper > .options li.opt.sel,
.SumoSelect .select-all.sel,
.SumoSelect > .optWrapper > .options li.opt:hover {
  background-color: #F7F7F8;
}
.SumoSelect .selected {
  background-color: #F7F7F8;
  font-weight: 500;
}
.SumoSelect > .optWrapper > .options li label {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  cursor: pointer;
}
.SumoSelect > .optWrapper > .options li span {
  display: none;
}
.SumoSelect > .optWrapper > .options li.group > label {
  cursor: default;
  padding: 8px 6px;
  font-weight: bold;
}
/*disabled state*/
.SumoSelect > .optWrapper > .options li.opt.disabled {
  background-color: inherit;
  pointer-events: none;
}
.SumoSelect > .optWrapper > .options li.opt.disabled * {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  /* IE 5-7 */
  filter: alpha(opacity=50);
  /* Netscape */
  -moz-opacity: 0.5;
  /* Safari 1.x */
  -khtml-opacity: 0.5;
  /* Good browsers */
  opacity: 0.5;
}
/*disabled state*/
.SumoSelect.disabled {
  opacity: 0.7;
  cursor: not-allowed;
}
.SumoSelect.disabled > .CaptionCont {
  border-color: #ccc;
  box-shadow: none;
}
.radiogroup {
  padding: 0;
  border: none;
}
.radiogroup__item {
  margin-bottom: 20px;
}
.radiogroup__item:last-child {
  margin-bottom: 0;
}
.radio {
  display: flex;
  align-items: center;
  height: 20px;
  padding-left: 32px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}
.radio__text {
  font-size: 18px;
  line-height: 18px;
}
.radio__input {
  position: absolute;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.radio__circle {
  box-sizing: border-box;
  position: absolute;
  margin-left: -32px;
  width: 20px;
  height: 20px;
  overflow: hidden;
  border-radius: 50%;
  background-color: white;
  border: 1px solid #AAAAAA;
  transition: all 200ms;
}
/* Checked */
.radio__input:checked + .radio__circle {
  border: 5px solid #E70843;
}
.radio__input:checked + .radio__circle + .radio__text {
  font-weight: 500;
}
/* Hover */
.radio__input:hover + .radio__circle {
  border: 1px solid #E70843;
}
.radio__input:checked:hover + .radio__circle,
.radio__input:focus + .radio__circle {
  border: 5px solid #E70843;
  box-shadow: 0px 0px 4px 2px rgba(231, 8, 67, 0.25);
}
/* Disabled */
.radio__input:disabled + .radio__circle {
  border: 1px solid #AAAAAA;
}
.radio__input:checked:disabled + .radio__circle {
  border: 5px solid #AAAAAA;
  box-shadow: none;
}
.options {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-top: -24px;
}
.options__item {
  margin-top: 24px;
}
/* Option */
.option {
  display: block;
  margin-bottom: 20px;
}
/* Check */
.check {
  display: flex;
  align-items: center;
  height: 20px;
  padding-left: 32px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}
.check__text {
  font-size: 18px;
  line-height: 18px;
}
.check__input {
  position: absolute;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.check__box {
  box-sizing: border-box;
  position: absolute;
  margin-left: -32px;
  width: 20px;
  height: 20px;
  overflow: hidden;
  border-radius: 2px;
  background-color: white;
  background-repeat: no-repeat;
  background-position: center;
  border: 1px solid #AAAAAA;
  transition: border-color 200ms ease, box-shadow 200ms ease;
}
/* Checked */
.check__input:checked + .check__box {
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='10' viewBox='0 0 12 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 5L4.5 8.5L11 1' stroke='%23E70843' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  border: 1.5px solid #E70843;
}
.check__input:checked + .check__box + .check__text {
  font-weight: 500;
}
/* Focused */
.check__input:hover + .check__box,
.check__input:focus + .check__box {
  border: 1px solid #E70843;
}
.check__input:checked:hover + .check__box,
.check__input:checked:focus + .check__box {
  border: 1.5px solid #E70843;
  box-shadow: 0px 0px 4px 2px rgba(231, 8, 67, 0.1);
}
/* Disabled */
.check__input:disabled + .check__box {
  border: 1px solid #AAAAAA;
}
.check__input:checked:disabled + .check__box {
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='10' viewBox='0 0 12 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 5L4.5 8.5L11 1' stroke='%23AAAAAA' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  border: 1.5px solid #AAAAAA;
  box-shadow: none;
}
.button {
  padding: 20px 48px;
  background-color: #E70843;
  border: none;
  outline: none;
  transition: background-color 200ms ease, box-shadow 200ms ease;
  color: #FFFFFF;
  font-family: inherit;
  font-size: 16px;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
.button:hover,
.button:focus {
  background: #CF073C;
  box-shadow: 0px 0px 12px 4px rgba(231, 8, 67, 0.2);
}
.button:active {
  background-color: #B80F3B;
  box-shadow: none;
}
.button:disabled {
  background-color: #AAAAAA;
  box-shadow: none;
  color: #F7F7F8;
}
.calculator {
  margin:20px 0;
}
.calculator__title {
  margin-bottom: 40px;
  font-size: 48px;
  font-weight: 500;
  line-height: 57px;
}
.calculator__wrapper {
  display: flex;
  justify-content: space-between;
}
.form {
  max-width: 700px;
}
.form__direction {
  margin-bottom: 60px;
}
.form__goods {
  position: relative;
  padding: 48px 0;
  margin-bottom: 60px;
}
.form__extra {
  margin-bottom: 40px;
}
.direction__wrapper {
  display: flex;
  justify-content: space-between;
}
.direction__item {
  width: 320px;
}
.direction__label {
  display: flex;
  flex-direction: column;
  margin-bottom: 32px;
}
.direction__text {
  font-size: 18px;
  font-weight: 500;
  line-height: 18px;
  margin-bottom: 16px;
}
.goods::before {
  content: '';
  width: 300%;
  height: 100%;
  background-color: #F7F7F8;
  position: absolute;
  left: -197.7%;
  top: 0;
  z-index: -1;
}
.goods__group {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  margin: 0 -22px;
}
.goods__label {
  display: flex;
  flex-direction: column;
  max-width: 160px;
  margin: 0 22px 32px;
}
.goods__name {
  margin-bottom: 16px;
  font-size: 18px;
  font-weight: 500;
  line-height: 18px;
}
.goods__input {
  padding: 8px 18px;
  background-color: #FFFFFF;
  border: 1px solid #AAAAAA;
  border-radius: 2px;
  box-sizing: border-box;
  color: inherit;
  font-family: inherit;
  font-size: 18px;
  font-weight: 400;
  line-height: 18px;
  transition: border-color 200ms, box-shadow 200ms;
}
.goods__input:hover {
  border: 1px solid #364FC7;
  box-shadow: 1px 1px 8px rgba(54, 79, 199, 0.12);
}
.goods__input:focus {
  border: 1px solid #364FC7;
  outline: none;
}
.goods__input:disabled {
  background-color: #F7F7F8;
  border: 1px solid #AAAAAA;
  box-shadow: none;
  color: #AAAAAA;
}
.goods__input.error {
  background-color: #FFFFFF;
  border: 1px solid #EB5757;
  box-shadow: none;
}
.error__text {
  margin-top: 10px;
  font-size: 16px;
  font-weight: 400;
  color: #FF5E5E;
}
.info_box {
  /*width: 540px;*/
  width: 480px;
  height: 548px;
  position: -webkit-sticky;
  position: sticky;
  top: 40px;
}
.info__header {
  padding: 32px 44px 48px;
  background-color: #F7F7F8;
  font-size: 18px;
  font-weight: bold;
}
.info__directions {
  margin-bottom: 24px;
}
.info__direction {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
}
.info__direction span {
  margin-left: 15.5px;
}
.info__params {
  display: flex;
  justify-content: space-between;
  max-width: 400px;
  margin-bottom: 40px;
}
.info__param {
  display: flex;
  align-items: center;
}
.info__weight,
.info__volume {
  margin-left: 12px;
  font-weight: 400;
}
.info__item {
  display: flex;
  justify-content: space-between;
  margin-bottom: 24px;
}
.info__item:last-child {
  margin-bottom: 0;
}
.info__dashed {
  flex-grow: 1;
  margin: 0 13px 4px;
  border-bottom: 1px dashed #AAAAAA;
}
.info__price {
  display: flex;
}
.info__rubel::before {
  content: '';
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.9688 13C2.8488 13 2.7468 12.958 2.6628 12.874C2.5788 12.79 2.5368 12.688 2.5368 12.568V10.588H1.1688C1.0488 10.588 0.946797 10.546 0.862797 10.462C0.778797 10.378 0.736797 10.276 0.736797 10.156V9.598C0.736797 9.478 0.778797 9.376 0.862797 9.292C0.946797 9.208 1.0488 9.166 1.1688 9.166H2.5368V8.194H1.1688C1.0488 8.194 0.946797 8.152 0.862797 8.068C0.778797 7.984 0.736797 7.882 0.736797 7.762V6.79C0.736797 6.658 0.778797 6.556 0.862797 6.484C0.946797 6.4 1.0488 6.358 1.1688 6.358H2.5368V0.85C2.5368 0.717999 2.5728 0.609999 2.6448 0.526C2.7288 0.441999 2.8368 0.399999 2.9688 0.399999H7.7748C9.2268 0.399999 10.3668 0.741999 11.1948 1.426C12.0228 2.098 12.4368 3.088 12.4368 4.396C12.4368 5.656 12.0228 6.604 11.1948 7.24C10.3668 7.876 9.2268 8.194 7.7748 8.194H5.1108V9.166H8.0448C8.1648 9.166 8.2668 9.208 8.3508 9.292C8.4348 9.376 8.4768 9.478 8.4768 9.598V10.156C8.4768 10.276 8.4348 10.378 8.3508 10.462C8.2788 10.546 8.1768 10.588 8.0448 10.588H5.1108V12.568C5.1108 12.688 5.0688 12.79 4.9848 12.874C4.9008 12.958 4.7928 13 4.6608 13H2.9688ZM7.6848 6.358C8.3808 6.358 8.9148 6.196 9.2868 5.872C9.6708 5.536 9.8628 5.044 9.8628 4.396C9.8628 3.772 9.6828 3.286 9.3228 2.938C8.9628 2.578 8.4168 2.398 7.6848 2.398H5.0748V6.358H7.6848Z' fill='%232C2A31'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center 40%;
  width: 13px;
  height: 18px;
}
.info__footer {
  padding: 40px 44px;
  background-color: #364FC7;
  color: #FFFFFF;
  font-size: 24px;
  font-weight: 700;
}
.result__item {
  display: flex;
  justify-content: space-between;
  margin-bottom: 24px;
}
.result__item:last-child {
  margin-bottom: 0;
}
.result__dashed {
  flex-grow: 1;
  margin: 0 13px 4px;
  border-bottom: 1px dashed #FFFFFF;
}
.result__total {
  display: flex;
}
.result__rubel::before {
  content: '';
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.06313 17C2.88713 17 2.73513 16.944 2.60713 16.832C2.49513 16.72 2.43913 16.576 2.43913 16.4V14.192H0.663125C0.503125 14.192 0.359125 14.136 0.231125 14.024C0.119125 13.896 0.063125 13.752 0.063125 13.592V12.68C0.063125 12.504 0.119125 12.36 0.231125 12.248C0.343125 12.136 0.487125 12.08 0.663125 12.08H2.43913V10.856H0.663125C0.503125 10.856 0.359125 10.8 0.231125 10.688C0.119125 10.56 0.063125 10.416 0.063125 10.256V8.432C0.063125 8.256 0.119125 8.112 0.231125 8C0.359125 7.888 0.503125 7.832 0.663125 7.832H2.43913V0.8C2.43913 0.623999 2.49513 0.479999 2.60713 0.368C2.73513 0.255999 2.88713 0.199999 3.06313 0.199999H9.78313C11.8311 0.199999 13.4391 0.671999 14.6071 1.616C15.7751 2.544 16.3591 3.92 16.3591 5.744C16.3591 7.44 15.7751 8.72 14.6071 9.584C13.4551 10.432 11.8471 10.856 9.78313 10.856H6.92713V12.08H10.1431C10.3191 12.08 10.4631 12.136 10.5751 12.248C10.6871 12.36 10.7431 12.504 10.7431 12.68V13.592C10.7431 13.752 10.6871 13.896 10.5751 14.024C10.4631 14.136 10.3191 14.192 10.1431 14.192H6.92713V16.4C6.92713 16.576 6.86313 16.72 6.73513 16.832C6.62313 16.944 6.47913 17 6.30313 17H3.06313ZM9.66313 7.832C10.3671 7.832 10.9111 7.656 11.2951 7.304C11.6951 6.936 11.8951 6.4 11.8951 5.696C11.8951 5.04 11.7111 4.52 11.3431 4.136C10.9751 3.736 10.4151 3.536 9.66313 3.536H6.83113V7.832H9.66313Z' fill='white'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center 40%;
  width: 18px;
  height: 28px;
}