@import url("https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap");
.calc-block__popup {
  width: 135px;
  padding: 12px 12px 5px;
  border-radius: 8px 0 0 8px;
  background: #4682B4;
  text-transform: uppercase;
  color: #fff;
  position: fixed;
  right: 0;
  top: 20%;
  z-index: 3;
  line-height: 1.1;
  cursor: pointer;
  text-align: center;
  box-shadow: inset 0 0 0 2px #fff;
}
.remodal.calc-modal {
  max-width: 500px;
  border: 10px solid #612355;
  border-radius: 12px;
  padding: 30px 20px;
  position: relative;
  background: #F4F4F4;
}
.remodal.calc-modal .remodal-close-btn {
  position: absolute;
  right: -10px;
  bottom: calc(100% + 20px);
  padding: 0;
  background: none;
  font-size: 0;
  width: 68px;
  height: 48px;
  border: 6px solid #fff;
  border-radius: 10px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.29525 7.99796L15.732 14.4332C16.0893 14.7913 16.0893 15.3708 15.732 15.7281C15.5526 15.9068 15.3187 15.9961 15.0841 15.9961C14.8495 15.9961 14.6149 15.9068 14.4363 15.7281L7.99951 9.29292L1.56355 15.7281C1.38488 15.9068 1.15028 15.9961 0.915678 15.9961C0.681855 15.9961 0.447255 15.9068 0.268586 15.7281C-0.0895287 15.37 -0.0895287 14.7905 0.268586 14.4332L6.70455 7.99796L0.268586 1.56355C-0.0895287 1.20621 -0.0895287 0.626701 0.268586 0.268586C0.625924 -0.0887519 1.20543 -0.0887519 1.56355 0.268586L7.99951 6.70378L14.4363 0.268586C14.7944 -0.0895287 15.3739 -0.0895287 15.732 0.268586C16.0893 0.625924 16.0893 1.20543 15.732 1.56355L9.29525 7.99796Z' fill='white'/%3E%3C/svg%3E") 50% no-repeat #612355;
}
.remodal.calc-modal .calc-wr {
  text-align: left;
}
.remodal.calc-modal .calc-wr .calc-title {
  font-family: "Source Sans 3", sans-serif;
  font-weight: bold;
  font-size: 24px;
  color: #454545;
  text-transform: uppercase;
  max-width: 300px;
  line-height: 1;
  margin-bottom: 10px;
}
.remodal.calc-modal .calc-wr .city-wr {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
.remodal.calc-modal .calc-wr .city-wr .city-title {
  width: 100%;
  font-family: "Source Sans 3", sans-serif;
  font-weight: 600;
  font-size: 16px;
  color: #612355;
  text-transform: uppercase;
  margin-bottom: 5px;
}
.remodal.calc-modal .calc-wr .city-wr .city-from {
  flex: 1 0 auto;
  padding-right: 35px;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media (max-width: 499px) {
  .remodal.calc-modal .calc-wr .city-wr .city-from {
    padding: 0 0 35px;
  }
}
.remodal.calc-modal .calc-wr .city-wr .city-from:before {
  content: "";
  display: inline-block;
  width: 14px;
  height: 16px;
  position: absolute;
  right: 10px;
  bottom: 12.5px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='17' viewBox='0 0 14 17' fill='none'%3E%3Cpath d='M3.88295 6.59875C5.70499 5.99411 7.33545 6.30226 7.33545 6.30226L7.34103 6.77715C7.34914 7.54449 7.55896 7.61443 7.55896 7.61443C8.05515 8.00215 8.50521 7.58757 8.50521 7.58757L11.7621 5.18977C11.8452 5.12794 12.3363 4.82334 12.3378 4.02458C12.3383 3.22481 11.6638 2.84367 11.6638 2.84367L8.51535 0.700305C7.98622 0.340458 7.68973 0.564982 7.68973 0.564982C7.30048 0.819409 7.33596 1.1529 7.33596 1.1529V2.08546C4.3913 2.6901 2.33105 4.47869 2.33105 4.47869C-0.500588 6.88663 0.27891 10.2327 0.27891 10.2327C0.27891 10.2327 0.286006 10.3827 0.57287 10.3827C0.898759 10.3827 0.902307 10.182 0.902307 10.182C1.03712 9.04267 2.06091 7.20339 3.88295 6.59875ZM13.721 6.75789C13.721 6.75789 13.7134 6.60889 13.428 6.60889C13.1006 6.60889 13.0986 6.80959 13.0986 6.80959C12.9627 7.94843 11.94 9.78719 10.1174 10.3929C8.29437 10.997 6.66492 10.6888 6.66492 10.6888L6.65935 10.2139C6.65174 9.44458 6.44243 9.37666 6.44243 9.37666C5.94624 8.98844 5.49517 9.40353 5.49517 9.40353L2.23881 11.8018C2.15518 11.8632 1.66609 12.1678 1.66407 12.9675C1.66204 13.7658 2.33663 14.1479 2.33663 14.1479L5.48452 16.2913C6.01314 16.6517 6.31065 16.4276 6.31065 16.4276C6.69939 16.1722 6.66442 15.8412 6.66442 15.8412V14.9072C9.60958 14.3035 11.6693 12.5129 11.6693 12.5129C14.501 10.1045 13.721 6.75789 13.721 6.75789Z' fill='%23454545'/%3E%3C/svg%3E") 50% no-repeat;
}
@media (max-width: 499px) {
  .remodal.calc-modal .calc-wr .city-wr .city-from:before {
    bottom: 5px;
    right: calc(50% - 8px);
  }
}
.remodal.calc-modal .calc-wr .city-wr .city-from .input-title {
  font-family: "Source Sans 3", sans-serif;
  font-weight: 600;
  font-size: 13px;
  color: #454545;
}
.remodal.calc-modal .calc-wr .city-wr .city-from .city-from-input {
  outline: none;
  border: 1px solid #E5E5E5;
  border-radius: 4px;
  padding: 10px 2px 10px 10px;
  width: 100%;
  max-width: 100%;
  background: #fff;
  font-family: "Source Sans 3", sans-serif;
  font-weight: 600;
  font-size: 16px;
  color: #454545;
}
.remodal.calc-modal .calc-wr .city-wr .city-receiving {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: calc(50% - 35px);
}
@media (max-width: 499px) {
  .remodal.calc-modal .calc-wr .city-wr .city-receiving {
    width: 100%;
  }
}
.remodal.calc-modal .calc-wr .city-wr .city-receiving .input-title {
  font-family: "Source Sans 3", sans-serif;
  font-weight: 600;
  font-size: 13px;
  color: #454545;
}
.remodal.calc-modal .calc-wr .city-wr .city-receiving .top-panel-item {
  width: 100%;
}
.remodal.calc-modal .calc-wr .city-wr .city-receiving .item-options {
  border: 1px solid #E5E5E5;
  background: #fff;
  border-radius: 4px;
  position: relative;
}
.remodal.calc-modal .calc-wr .city-wr .city-receiving .item-options:before {
  content: "";
  display: inline-block;
  position: absolute;
  right: 5px;
  top: calc(50% - 4px);
  width: 12px;
  transition: all ease 0.3s;
  height: 8px;
  pointer-events: none;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='15px' height='9px'%3E%3Cpath fill-rule='evenodd' fill='%23454545' d='M15.000,0.806 C15.000,1.013 14.920,1.221 14.760,1.378 L8.321,7.795 C8.005,8.107 7.495,8.107 7.178,7.795 L0.239,1.378 C-0.078,1.065 -0.080,0.554 0.235,0.238 C0.551,-0.078 1.064,-0.080 1.382,0.234 L7.750,6.086 L13.618,0.234 C13.935,-0.080 14.449,-0.078 14.764,0.238 C14.921,0.395 15.000,0.601 15.000,0.806 Z'/%3E%3C/svg%3E") 50% / contain no-repeat;
}
.remodal.calc-modal .calc-wr .city-wr .city-receiving .item-options.act:before {
  transform: rotate(180deg);
}
.remodal.calc-modal .calc-wr .city-wr .city-receiving .item-options .options-title {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 11px 20px 9px 10px;
  min-height: 40px;
  cursor: pointer;
}
.remodal.calc-modal .calc-wr .city-wr .city-receiving .item-options .options-title .option-name {
  font-family: "Source Sans 3", sans-serif;
  font-weight: 600;
  font-size: 16px;
  color: #454545;
  line-height: 1.2;
}
.remodal.calc-modal .calc-wr .city-wr .city-receiving .item-options .options-list {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  border-radius: 4px;
  border: 1px solid #ddd;
  background: #fff;
  z-index: 2;
  display: none;
  max-height: 300px;
  overflow: auto;
}
.remodal.calc-modal .calc-wr .city-wr .city-receiving .item-options .options-list .options-item {
  padding: 8px 8px 8px 10px;
  cursor: pointer;
  font-family: "Source Sans 3", sans-serif;
  font-weight: 600;
  font-size: 13px;
  color: #454545;
  line-height: 1.2;
}
.remodal.calc-modal .calc-wr .city-wr .city-receiving .item-options .options-list .options-item:hover, .remodal.calc-modal .calc-wr .city-wr .city-receiving .item-options .options-list .options-item.active {
  background: #e9f7ec;
}
.remodal.calc-modal .calc-wr .weight-wr {
  margin-bottom: 20px;
}
.remodal.calc-modal .calc-wr .weight-wr .weight-title {
  width: 100%;
  font-family: "Source Sans 3", sans-serif;
  font-weight: 600;
  font-size: 16px;
  color: #612355;
  text-transform: uppercase;
  margin-bottom: 5px;
}
.remodal.calc-modal .calc-wr .weight-wr .weight-input-wr {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.remodal.calc-modal .calc-wr .weight-wr .weight-input-wr .weight-inp-title {
  font-family: "Source Sans 3", sans-serif;
  font-weight: 600;
  font-size: 13px;
  color: #454545;
}
.remodal.calc-modal .calc-wr .weight-wr .weight-input-wr .w-input {
  background: #fff;
  font-family: "Source Sans 3", sans-serif;
  font-weight: 600;
  font-size: 16px;
  color: #454545;
  outline: none;
  border: 1px solid #E5E5E5;
  border-radius: 4px;
  padding: 10px;
  max-width: 220px;
  width: 100%;
  margin-bottom: 10px;
}
.remodal.calc-modal .calc-wr .weight-wr .weight-input-wr .w-input::placeholder {
  font-family: "Source Sans 3", sans-serif;
  font-weight: 600;
  font-size: 16px;
  color: #454545;
}
.remodal.calc-modal .calc-wr .weight-wr .w-desc {
  font-family: "Source Sans 3", sans-serif;
  font-weight: 400;
  font-size: 14px;
}
.remodal.calc-modal .calc-wr .weight-wr .w-desc p {
  margin: 0;
}
.remodal.calc-modal .calc-wr .calculate {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background: #612355;
  border-radius: 4px;
  font-family: "Source Sans 3", sans-serif;
  font-weight: bold;
  font-size: 14px;
  color: #fff;
  text-transform: uppercase;
  max-width: 130px;
  width: 100%;
  min-height: 50px;
}
.remodal.calc-modal .calc-wr .calc-result {
  display: none;
  margin: 20px 0;
}
.remodal.calc-modal .calc-wr .calc-result .sum-wr {
  font-family: "Source Sans 3", sans-serif;
  font-weight: 600;
  font-size: 16px;
  color: #454545;
  line-height: 1.2;
  text-transform: uppercase;
  display: flex;
  align-items: center;
}
.remodal.calc-modal .calc-wr .calc-result .sum-wr > div {
  display: flex;
  align-items: center;
  margin-left: 8px;
  text-transform: none;
  font-weight: bold;
  font-size: 20px;
}
.remodal.calc-modal .calc-wr .calc-result .count-wr {
  display: flex;
  align-items: center;
  font-family: "Source Sans 3", sans-serif;
  font-weight: 600;
  font-size: 16px;
  color: #454545;
  line-height: 1.2;
  text-transform: uppercase;
}
.remodal.calc-modal .calc-wr .calc-result .count-wr > div {
  display: flex;
  align-items: center;
  margin-left: 12px;
  text-transform: none;
  font-weight: bold;
  font-size: 20px;
}
.remodal.calc-modal .calc-wr .calc-form-wr {
  display: none;
}
.remodal.calc-modal .calc-wr .calc-form-wr form {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.remodal.calc-modal .calc-wr .calc-form-wr form .tpl-field {
  width: calc(50% - 7px);
  margin: 0 3.5px 7px;
  position: relative;
}
.remodal.calc-modal .calc-wr .calc-form-wr form .tpl-field:first-of-type:before {
  content: "";
  display: inline-block;
  width: 3px;
  height: 1px;
  background: #000;
  position: absolute;
  left: calc(100% + 2px);
  bottom: 22px;
}
.remodal.calc-modal .calc-wr .calc-form-wr form .tpl-field.hide {
  display: none;
}
.remodal.calc-modal .calc-wr .calc-form-wr form .tpl-field.tpl-field-button {
  width: 100%;
  margin-top: 15px;
}
.remodal.calc-modal .calc-wr .calc-form-wr form .tpl-field.tpl-field-button button {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Source Sans 3", sans-serif;
  font-weight: bold;
  font-size: 14px;
  color: #fff;
  text-transform: uppercase;
  max-width: 135px;
  border-radius: 4px;
  width: 100%;
  min-height: 50px;
  background: #457602;
  border: none;
  box-shadow: none;
  outline: none;
}
.remodal.calc-modal .calc-wr .calc-form-wr form .tpl-field .field-title {
  font-family: "Source Sans 3", sans-serif;
  font-weight: 600;
  font-size: 13px;
  color: #454545;
}
.remodal.calc-modal .calc-wr .calc-form-wr form .tpl-field .field-value input {
  outline: none;
  border: 1px solid #E5E5E5;
  border-radius: 4px;
  padding: 12px 2px 12px 10px;
  width: 100%;
  max-width: 100%;
  background: #fff;
}
.remodal.calc-modal .calc-wr .calc-form-wr form .tpl-field .field-value input::placeholder {
  font-family: "Source Sans 3", sans-serif;
  font-weight: 600;
  font-size: 16px;
  color: #454545;
}
.remodal-wrapper {
  padding-top: 70px;
}