.cs, .cs *, .cs :before, .cs :after {
  box-sizing: border-box;
  outline: none;
}

.cs {
  padding: 50px 0 80px;
  /* success form */
}
.cs-hid {
  display: none;
}
.cs form i {
  color: #c4c4c4;
  font-size: 20px;
  position: relative;
  top: 2px;
  margin: 0 5px 0 0;
}
.cs form i.fa-check-square {
  color: #e31e24;
}
.cs-form-title {
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 600;
  margin: 0 0 25px;
}
.cs-d-flex {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.cs-calc-top {
  margin-top: 60px;
  margin-bottom: 43px;
}
.cs-calc-top h1 {
  font-style: normal;
  font-weight: bold;
  font-size: 30px;
  line-height: 130%;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #1C1B17;
  margin-top: 0;
  margin-bottom: 0;
}
.cs-calc-top .cs-skidka {
  align-items: center;
}
.cs-calc-top .cs-skidka p {
  margin-bottom: 0;
  font-style: normal;
  font-weight: 300;
  font-size: 20px;
  line-height: 140%;
  color: #8E8E8E;
  margin-left: 17px;
}
.cs-calc-top .cs-skidka p span {
  font-weight: normal;
  color: #E31E24;
}
.cs-tabs-top {
  width: 100%;
  border-bottom: 5px solid #F4F4F4;
  margin-bottom: 66px;
}
.cs-tabs-top .cs-tab {
  width: 100%;
  cursor: pointer;
}
.cs-tabs-top .cs-tab .cs-name {
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 130%;
  color: #000000;
  padding: 15px 0;
  margin-bottom: 0;
  position: relative;
  height: 70px;
}
.cs-tabs-top .cs-tab .cs-name:before {
  content: "";
  width: 100%;
  height: 5px;
  background: #E31E24;
  position: absolute;
  left: 0;
  bottom: -5px;
  display: block;
  transform: scale(0);
}
.cs-tabs-top .cs-tab.cs-active .cs-name, .cs-tabs-top .cs-tab:hover .cs-name {
  color: #E31E24;
  transition: 0.5s;
}
.cs-tabs-top .cs-tab.cs-active .cs-name:before, .cs-tabs-top .cs-tab:hover .cs-name:before {
  transform: scale(1);
  transition: 0.5s;
}
.cs-wrapper {
  margin: 0;
  padding: 0;
}
.cs-wrapper .cs-left-block {
  max-width: 382px;
  width: 100%;
}
.cs-wrapper .cs-right-block {
  max-width: 605px;
  width: 100%;
}
.cs-wrapper .cs-left-block .cs-image {
  margin-bottom: 40px;
}
.cs-wrapper .cs-left-block .cs-description {
  display: none;
}
.cs-wrapper .cs-left-block .cs-description.cs-active {
  display: block;
  margin-bottom: 40px;
}
.cs-wrapper .cs-left-block .cs-description p {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 150%;
  color: #5E5E5E;
  margin-bottom: 12px;
}
.cs-wrapper .cs-left-block .cs-description p strong {
  font-weight: bold;
}
.cs-wrapper .cs-left-block .cs-description p.cs-name {
  font-weight: bold;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #5E5E5E;
  margin-bottom: 15px;
}
.cs-wrapper .cs-left-block .cs-description .cs-desc {
  display: none;
}
.cs-wrapper .cs-left-block .cs-description .cs-desc.cs-active {
  display: block;
}
.cs-wrapper .cs-left-block .cs-discount {
  border: 2px solid #b00707;
  border-radius: 15px;
  padding: 30px 20px;
  text-align: center;
  align-items: center;
  justify-content: center;
}
.cs-wrapper .cs-left-block .cs-discount p {
  max-width: 235px;
  display: block;
  margin-bottom: 0;
  font-weight: 300;
  font-size: 20px;
  line-height: 140%;
  color: #8E8E8E;
  margin-left: 0;
}
.cs-wrapper .cs-left-block .cs-discount p span {
  font-weight: normal;
  color: #E31E24;
  display: block;
}
.cs-wrapper .cs-left-block .cs-discount p.cs-discount-desc {
    font-size: 13px;
    padding-top: 10px;
}

.cs-items-outer.cs-big {
  margin: 0;
}
.cs input[type=number]::-webkit-inner-spin-button,
.cs input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}
.cs input[type=number] {
  -moz-appearance: textfield;
}
.cs-quantity-block {
  margin: auto;
  font-size: 20px;
}
.cs-quantity-arrow-minus, .cs-quantity-arrow-plus {
  cursor: pointer;
  font-size: 20px;
  padding: 5px 12px;
  width: 40px;
  border-radius: 4px;
  outline: none;
}
.cs-quantity-num {
  font-size: 20px;
  padding: 5px 10px;
  border-radius: 4px;
  outline: none;
}
.cs-form-item label {
  display: block;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 140%;
  color: #1C1B17;
  margin-bottom: 9px;
}
.cs-form-item input[type=color] {
  width: 140px;
}
.cs-row.cs-d-flex.cs-row-three {
  justify-content: flex-start;
}
.cs-row.cs-d-flex.cs-row-three .cs-form-item {
  width: 140px;
  margin-right: 23px;
}
.cs-row.cs-d-flex.cs-row-three .cs-form-item input {
  max-width: 140px;
}
.cs-quantity-block {
  border: 1px solid #c4c4c4;
  height: 45px;
}
.cs-quantity-block .cs-quantity-num {
  height: 45px;
  border: 0;
  display: block;
  padding: 0 10px;
  color: #1f1f1f;
  transition: all 0.3s ease;
  font-size: 15px;
  width: 39px;
  background: none;
}
.cs-quantity-block > span {
  display: block;
  height: 45px;
  line-height: 37px;
  width: 38px;
  text-align: center;
}
.cs-row-two .cs-form-item {
  width: 48%;
}
.cs-checkboxes {
  justify-content: flex-start;
}
.cs-checkboxes label {
  display: flex;
  width: 32%;
  margin-bottom: 26px;
}
.cs-checkboxes label.cs-disabled {
  opacity: 0.7;
}
.cs-checkboxes label p span {
  color: #E31E24;
  display: block;
}
.cs-checkboxes label p span u {
  text-decoration: none;
}
.cs-result {
  background: #F4F4F4;
  padding: 29px 34px;
  margin-bottom: 48px;
}
.cs-result .cs-sum {
  width: 124px;
}
.cs-result .cs-discount {
  position: relative;
}
.cs-result .cs-discount:before {
  content: "";
  width: 2px;
  height: 84%;
  display: block;
  position: absolute;
  top: 12%;
  left: -10px;
  background: #E31E24;
}
.cs-result .cs-label {
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #5E5E5E;
  margin-bottom: 4px;
}
.cs-result .cs-price {
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 130%;
  color: #000000;
}
.cs-result .cs-discount .cs-price {
  color: #E31E24;
}
.cs-result .cs-price > span {
  font-size: inherit;
  font-weight: inherit;
}
.cs .jq-selectbox__dropdown {
  position: absolute;
  background: #fff;
  top: 54px !important;
  width: 100% !important;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
  left: 0;
}
.cs .jq-selectbox__select-text {
  height: 45px;
  line-height: 42px;
}
.cs .jq-selectbox__trigger {
  position: absolute;
  width: 12px;
  height: 6px;
  top: 20px;
  right: 0;
  background: url(../images/arrow-select.svg) top center no-repeat;
}
.cs-wrapper .jq-selectbox li, .cs-wrapper .jq-select-multiple li {
  white-space: normal;
}
.cs-form-block.cs-addition {
  margin-top: 30px;
}
.cs-wrapper .cs-tab {
  display: none;
}
.cs-wrapper .cs-tab.cs-active {
  display: flex;
}
.cs-row.cs-d-flex.cs-row-four .cs-form-item {
  width: 140px;
}
.cs-form-item.cs-hide {
  display: none;
}
.cs input.cs-store {
  max-width: 100%;
  border: 0;
  padding: 0 10px;
}
.cs-wrapper.cs-success .cs-tab {
  display: none;
}
.cs-wrapper.cs-success .cs-top.cs-d-flex {
  align-items: center;
  margin-bottom: 88px;
}
.cs-wrapper.cs-success .cs-top.cs-d-flex p.cs-left {
  max-width: 40%;
  margin-bottom: 0;
  display: flex;
  align-items: center;
}
.cs-wrapper.cs-success .cs-top.cs-d-flex p.cs-left span {
  display: block;
  font-style: normal;
  font-weight: bold;
  font-size: 26px;
  line-height: 140%;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #1C1B17;
  margin-left: 46px;
  max-width: 362px;
}
.cs-wrapper.cs-success .cs-top.cs-d-flex p.cs-right {
  margin-bottom: 0;
  padding-left: 24px;
  font-style: normal;
  font-weight: 300;
  font-size: 20px;
  line-height: 150%;
  color: #1C1B17;
  position: relative;
  max-width: 49%;
  text-align: left;
}
.cs-wrapper.cs-success .cs-top.cs-d-flex p.cs-right:before {
  content: "";
  width: 5px;
  height: 100%;
  background: #E31E24;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.cs-wrapper.cs-success .cs-bottom.cs-d-flex {
  position: relative;
}
.cs-wrapper.cs-success .cs-bottom.cs-d-flex .cs-presentation {
  background: #F4F4F4;
  max-width: 566px;
  max-height: 395px;
  width: 100%;
  height: 100%;
  padding: 84px 45px;
}
.cs-wrapper.cs-success .cs-bottom.cs-d-flex .cs-presentation > p {
  display: block;
  font-style: normal;
  font-weight: 300;
  font-size: 24px;
  line-height: 150%;
  color: #1C1B17;
  margin-bottom: 50px;
}
.cs-presentation-bl.cs-d-flex {
  justify-content: flex-start;
  align-items: center;
}
.cs-presentation-bl .cs-cell.cs-file {
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 150%;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #A3A3A3;
  margin-left: 34px;
}
.cs-presentation-bl img.cs-presentation-book {
  position: absolute;
  right: -33px;
  bottom: -49px;
}
.cs-form-table {
  display: table;
  width: 100%;
  width: auto;
}
.cs-form-table > * {
  display: table-cell;
  position: relative;
  vertical-align: middle;
  padding: 0 20px 0 0;
}
.cs-form-table > label {
  display: flex;
  align-items: center;
}
.cs-form-block-paperclip {
  margin: 0 0 30px;
  padding: 20px 0 0;
}
.cs-red {
  color: #e31e24 !important;
}
.cs-gray {
  color: #b3b3b3 !important;
}
.cs-discount-value {
  display: inline !important;
}
.cs-result .cs-price, .cs-term .cs-term-val {
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 130%;
  color: #000;
}
.cs .cs-tabs-top {
  justify-content: flex-start !important;
  flex-wrap: nowrap !important;
}
.cs .cs-tabs-top .cs-tab + .cs-tab {
  margin-left: 20px;
}
@media (max-width: 1199px) {
  .cs-presentation-bl img.cs-presentation-book {
    display: none;
  }
  .cs-wrapper .cs-right-block {
    max-width: 65%;
  }
  .cs-wrapper .cs-left-block {
    max-width: 32%;
  }
}
@media (max-width: 991px) {
  .cs {
    padding: 38px 0 80px;
  }
  .cs-wrapper.cs-success .cs-top.cs-d-flex p.cs-left {
    max-width: 100%;
    margin-bottom: 38px;
  }
  .cs-wrapper.cs-success .cs-top.cs-d-flex p.cs-right {
    max-width: 100%;
  }
  .cs-page-id-461 .cs-wrap > .cs-container {
    padding: 0;
  }
  .cs-calc-top {
    padding: 0 15px;
  }
  .cs-tabs-top .cs-tab {
    width: 130px;
    display: inline;
  }
  .cs-tabs-top .cs-tab {
    width: 130px;
    display: inline-block;
    white-space: initial;
    margin-left: 12px;
    vertical-align: top;
  }
  .cs-tabs-top {
    display: block;
    position: relative;
    border-bottom: 0;
    width: calc(100% + 50px);
  }
  .cs-overflow {
    display: block;
    margin-bottom: -30px;
    padding-bottom: 40px;
    width: 100%;
    border-bottom: 5px solid #F4F4F4;
    overflow-y: hidden;
    overflow-x: scroll;
  }
  .cs-nowrap {
    width: 100%;
    white-space: nowrap;
    position: relative;
    margin-bottom: 40px;
    overflow: hidden;
  }
  .cs-wrapper .cs-tab.cs-active {
    display: block;
  }
  .cs-wrapper .cs-left-block {
    max-width: 100%;
    padding: 0 15px;
  }
  .cs-wrapper .cs-right-block {
    max-width: 100%;
    padding: 0 15px;
    margin-top: 40px;
  }
  .cs-tabs-top .cs-tab .cs-name {
    padding: 0;
  }
  .cs-tabs-top .cs-tab .cs-name:before {
    bottom: -10px;
  }
  .cs .cs-tabs-top {
    display: flex !important;
  }
  .cs-tabs-top .cs-tab {
    flex: 0 0 100px;
    width: 100px;
  }
  .cs-tabs-top .cs-tab .cs-name {
    text-align: center;
  }
  .cs-tabs-top {
    margin-bottom: 0;
  }
}
@media (max-width: 450px) {
  .cs {
    padding: 21px 0 80px;
  }
  .cs-wrapper.cs-success .cs-top.cs-d-flex p.cs-left span {
    font-size: 16px;
    margin-left: 15px;
  }
  .cs-wrapper.cs-success .cs-top.cs-d-flex p.cs-right {
    font-size: 16px;
  }
  .cs-wrapper.cs-success .cs-top.cs-d-flex {
    margin-bottom: 38px;
  }
  .cs-wrapper.cs-success .cs-bottom.cs-d-flex .cs-presentation {
    padding: 10px;
  }
  .cs-wrapper.cs-success .cs-bottom.cs-d-flex .cs-presentation > p {
    font-size: 16px;
  }
  .cs-presentation-bl.cs-d-flex a.cs-form-button {
    padding: 0 10px;
    text-align: center;
  }
  .cs-presentation-bl.cs-d-flex a.cs-form-button span {
    font-size: 12px;
  }
  .cs-presentation-bl.cs-d-flex {
    justify-content: center;
  }
  .cs-calc-top h1 {
    font-size: 22px;
    line-height: 130%;
    margin-bottom: 20px;
  }
  .cs-calc-top {
    margin-top: 50px;
    margin-bottom: 30px;
  }
  .cs-calc-top .cs-skidka p {
    font-size: 18px;
    width: 183px;
  }
  .cs-tabs-top .cs-tab .cs-name {
    font-size: 14px;
    height: 33px;
  }
  .cs-tabs-top .cs-tab {
    width: 100px;
  }
  .cs-wrapper .cs-left-block .cs-discount p {
    font-size: 16px;
    margin-left: 16px;
  }
  .cs-wrapper .cs-left-block .cs-discount {
    padding: 26px 20px;
  }
  .cs-page-id-461 .form-field {
    height: 45px;
  }
  .cs-row-two .cs-form-item {
    width: 100%;
  }
  .cs-checkboxes label {
    display: flex;
    width: 100%;
    margin-bottom: 25px;
  }
  .cs-form-title {
    margin: 0 0 24px;
  }
  .cs-form-block.cs-addition {
    margin-top: 20px;
  }
  .cs-result {
    padding: 35px 20px;
    margin-bottom: 44px;
  }
  .cs-profit {
    width: 100%;
    margin-top: 21px;
  }
  .cs-row.cs-d-flex.cs-row-three {
    margin-bottom: 20px;
  }
  .cs .jq-selectbox__select-text {
    max-width: 320px;
  }
}

/* Match the existing site palette, scoped to the imported calculator. */
.cs{color:#c4d6de;padding:28px 0 40px}
.cs .cs-nowrap,.cs .cs-overflow{width:100%;max-width:100%}
.cs .cs-tabs-top{width:100%;border-color:#3d4449;gap:16px;flex-wrap:nowrap;margin-bottom:36px;overflow-x:auto}
.cs .cs-tabs-top .cs-tab{min-width:155px;flex:1}
.cs .cs-tabs-top .cs-tab .cs-name{color:#c4d6de;height:auto;min-height:76px;font-size:16px;line-height:1.4}
.cs .cs-tabs-top .cs-tab.cs-active .cs-name,.cs .cs-tabs-top .cs-tab:hover .cs-name{color:#dcff00}
.cs .cs-tabs-top .cs-tab .cs-name:before{background:#dcff00}
.cs .cs-wrapper>.cs-tab{gap:36px;align-items:flex-start}
.cs .cs-wrapper .cs-left-block{max-width:none;width:36%;min-width:0}
.cs .cs-wrapper .cs-right-block{max-width:none;width:calc(64% - 36px);min-width:0}
.cs .cs-wrapper .cs-left-block .cs-description p,.cs .cs-wrapper .cs-left-block .cs-description p.cs-name,.cs .cs-wrapper .cs-left-block .cs-description span,.cs .cs-wrapper .cs-left-block .cs-description b,.cs .cs-wrapper .cs-left-block .cs-description strong{color:#c4d6de;font-size:16px;line-height:1.65}
.cs .cs-wrapper .cs-left-block .cs-description p.cs-name{color:#fff;font-size:17px}
.cs .cs-wrapper .cs-left-block .cs-discount{border-color:#3d4449;background:#101316;border-radius:0;padding:24px 20px}
.cs .cs-wrapper .cs-left-block .cs-discount p{color:#c4d6de;font-size:18px;line-height:1.5}
.cs .cs-wrapper .cs-left-block .cs-discount p span{color:#dcff00}
.cs .cs-wrapper .cs-left-block .cs-discount p.cs-discount-desc{color:#a4b5be;font-size:14px;line-height:1.5}
.cs .cs-form-item label,.cs .cs-form-title,.cs .cs-label,.cs .cs-term,.cs .cs-term .cs-term-val{color:#c4d6de}
.cs .cs-form-title{font-size:18px;color:#fff;line-height:1.4}
.cs .cs-form-item{min-width:0;margin-bottom:20px}
.cs .cs-row-two{gap:20px}
.cs .cs-row-two .cs-form-item{width:calc(50% - 10px)}
.cs .cs-row.cs-d-flex.cs-row-three{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.cs .cs-row.cs-d-flex.cs-row-three .cs-form-item{width:auto;margin-right:0}
.cs .cs-row.cs-d-flex.cs-row-three .cs-form-item input{max-width:none}
.cs .cs-form-item input.form-field:not([type=checkbox]):not([type=radio]):not([type=hidden]),.cs .cs-row-one>input.form-field{display:block;width:100%;max-width:100%;min-height:48px;padding:11px 14px;border:1px solid #59656d;background:#101316;color:#c4d6de;font:inherit;font-size:16px;line-height:1.4;border-radius:0}
.cs .cs-form-item input.form-field::placeholder{color:#a4b5be;opacity:1}
.cs .cs-form-item input.form-field:focus{border-color:#dcff00;outline:2px solid #dcff0040;outline-offset:1px}
.cs .cs-form-item input[type=color].form-field{height:48px;padding:5px;cursor:pointer}
.cs .jq-selectbox{width:100%;max-width:100%;min-width:0}
.cs .jq-selectbox__select{min-height:48px;height:auto;padding:11px 32px 11px 14px;border:1px solid #59656d;background:#101316;color:#c4d6de;box-shadow:none;text-shadow:none}
.cs .jq-selectbox__select-text{max-width:100%;height:auto;min-height:24px;line-height:1.5;white-space:normal;color:#c4d6de;font-size:16px}
.cs .jq-selectbox__trigger{right:12px;top:19px;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid #c4d6de;background:none}
.cs .jq-selectbox__dropdown{background:#101316;color:#c4d6de;border:1px solid #59656d;box-shadow:0 8px 24px #0008;max-width:100%;z-index:20}
.cs .jq-selectbox__dropdown ul{padding:0;margin:0;list-style:none}
.cs .jq-selectbox__dropdown li{display:block;list-style:none;margin:0;padding:11px 14px;color:#c4d6de;line-height:1.4;font-size:16px;white-space:normal}
.cs .jq-selectbox__dropdown li.selected,.cs .jq-selectbox__dropdown li:hover{background:#dcff00;color:#101316}
.cs .cs-checkboxes{gap:16px}
.cs .cs-checkboxes label{width:calc(50% - 8px);margin:0 0 12px;cursor:pointer;color:#c4d6de;font-size:16px;line-height:1.5}
.cs .cs-checkboxes label p{margin:0;font-size:16px;line-height:1.5}
.cs .cs-checkboxes label p span,.cs form i.fa-check-square,.cs .cs-red{color:#dcff00}
.cs form i{color:#a4b5be}
.cs .cs-result{background:#101316;border:1px solid #3d4449;padding:20px;gap:16px;color:#c4d6de}
.cs .cs-result>div{width:auto;min-width:0;flex:1;border:0;padding:0}
.cs .cs-result .cs-label{color:#c4d6de;font-size:15px;line-height:1.4}
.cs .cs-result .cs-price{color:#fff;font-size:22px;line-height:1.4;overflow-wrap:anywhere}
.cs .cs-result .cs-discount .cs-price{color:#dcff00}
.cs .cs-submit{display:inline-block;background:#dcff00;color:#101316;border:1px solid #dcff00;padding:16px 22px;font:inherit;font-size:17px;font-weight:700;line-height:1.4;cursor:pointer;border-radius:0;text-transform:uppercase}
.cs .cs-submit:hover{background:#edff70;color:#101316}
.cs .cs-form-table.cs-button-block{display:block;width:100%;margin-top:24px}
.cs .cs-form-table.cs-button-block>div{display:block;padding:0}
.as-calculation-summary{white-space:pre-line;max-height:240px;overflow:auto;padding:16px;margin:0 0 24px;border-left:4px solid #dcff00;background:#101316;color:#c4d6de;font-size:15px;line-height:1.6}
.as-content__body .cs-red{color:#dcff00}
@media(max-width:800px){.cs .cs-wrapper>.cs-tab{display:block}.cs .cs-wrapper .cs-left-block,.cs .cs-wrapper .cs-right-block{width:100%;max-width:none}.cs .cs-wrapper .cs-left-block{margin-bottom:28px}.cs .cs-wrapper .cs-left-block .cs-image img{max-height:340px;object-fit:contain}.cs .cs-wrapper .cs-left-block .cs-discount{margin-bottom:28px}.cs .cs-result{gap:12px;padding:16px}.cs .cs-result .cs-price{font-size:20px}}
@media(max-width:450px){.cs .cs-row-two .cs-form-item{width:100%}.cs .cs-row.cs-d-flex.cs-row-three{gap:14px}.cs .cs-checkboxes label{width:100%;margin-bottom:8px}.cs .cs-result{display:block}.cs .cs-result>div+div{margin-top:14px}.cs .cs-submit{width:100%;font-size:16px}.cs .jq-selectbox__dropdown{max-width:100%}}

.cs .cs-tabs-top{overflow-y:hidden;padding-bottom:6px}