/*калькулятор*/

.block-wrap {
    margin: 20px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 600px) {
  .block-wrap {
    flex-direction: column;
    gap: 10px;
  }
  .block-wrap .block-slider {
    width: 100%;
    padding-top: 10px;
  }
}

.block-slider {
    margin-right: 20px;
    -ms-flex-preferred-size: 30%;
    flex-basis: 30%;
}

.block-rezult {
    margin-left: 15px;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.block-rezult span {
    min-width: 80px;
    margin-right: 10px;
}

.block-rezult input {
    border: none;
    width: auto;
}

.calc-button {
    margin: 20px 0;
    text-align: center;
}

.el-table-wrapper {
    max-width: 1410px;
    margin: 0 auto;
    width: 100%;
    overflow-x: auto;
    font-family: "Inter-Regular", "Arial", sans-serif;
}

.el-table__header th {
    min-width: 110px;
    padding: 10px;
    color: #fff;
    background-color: #094085;
    border: 1px solid #094085;
}

.el-table__empty-block {
    padding: 10px;
    border: 1px solid #094085;
}

.el-table__header td {
    min-width: 110px;
    padding: 10px;
    border: 1px solid #094085;
}

.el-table_1_column_4,
.el-table_1_column_5 {
    /*min-width: 70px !important;*/
}

.el-table_1_column_8 {
    min-width: 10px !important;
    text-align: center;
}

.el-table_1_column_8 .del_button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.el-table_1_column_8 .del_button .el-button {
    cursor: pointer;
    width: 10px;
    height: 10px;
    border: none;
    background: url(/bitrix/templates/aspro_optimus/images/close_icons.png) -2px -26px no-repeat;
    /* background: transparent url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQAB…W0WVSc0tKqatqri9HHFaJtWIm42LOyNPXsxPe1z6hiS8dG9JAHz15M3ZtzO4YPa4DwxrhDP//Z) no-repeat center; */
}

.el-table__header th.gutter {
    padding: 0;
}

div.wqec-shadow.wqec-active {
    z-index: 2099999999;
}

div.areaForWqec div.wizard-quest-edition-concept,
div.areaForWqec div.wizard-quest-edition-concept2 {
    z-index: 9999999999;
}

/* Футер с ссылками */

.footer_links_block {
    text-align: left;
}

.footer_links_project,
.footer_links_partner,
.footer_links_sectors {
    width: 23%;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    margin: 0px;
    padding: 0px 20px 0px 0px;
}

.footer_links_sectors {
    width: 48%;
    padding: 0px;
}

div.foo_sectors_block {
    margin: 0px;
}

.foo_sectors_link div {
    width: 32%;
    display: inline-block;
    vertical-align: top;
}

.foo_sectors_link div a {
    display: inline-block;
    margin-bottom: 5px;
    margin-right: 25px;
}


.foo_sectors_link div a span {
    border-bottom: 1px hsla(212, 72%, 39%, 0.3) solid;
    color: hsla(212, 72%, 39%, 1);
    font-family: Ubuntu, Arial, Helvetica, sans-serif;
    line-height: 18px;
    font-size: 13px;
    font-weight: bold;
}

.foo_sectors_block h4,
.foo_sectors_block div.hdr5,
.footer_links_project h5,
.footer_links_project div.hdr5,
.footer_links_partner h5,
.footer_links_partner div.hdr5 {
    font-family: Ubuntu, Arial, Helvetica, sans-serif;
    color: black;
    font-weight: bold;
    font-size: 14px;
    margin: 0px 0px 5px 0px;
}


.blue_line_button,
.footer_links_button,
.footer_links_project a.call-wqec,
.footer_links_project a.open-wqec {
    display: inline-block;
    background: none !important;
    font-size: 13px;
    line-height: 16px;
    color: hsla(212, 72%, 39%, 1) !important;
    padding: 12px 20px !important;
    margin-top: 5px;
    border-radius: 4px;
    border: 1px solid hsla(212, 72%, 39%, 0.3) !important;
    font-family: Ubuntu, Arial, Helvetica, sans-serif;
    font-weight: bold;
}

.blue_line_button:hover,
.footer_links_button:hover,
.footer_links_project a.call-wqec:hover,
.footer_links_project a.open-wqec:hover {
    display: inline-block;
    background: none !important;
    font-size: 13px;
    line-height: 16px;
    color: hsla(212, 72%, 39%, 1) !important;
    padding: 12px 20px !important;
    margin-top: 5px;
    border-radius: 4px;
    border: 1px solid hsla(212, 72%, 39%, 0.5) !important;
    font-family: Ubuntu, Arial, Helvetica, sans-serif;
    font-weight: bold;
}


@media (max-width: 950px) {
    .footer_links_project {
        display: none;
    }

    .footer_links_partner {
        width: 33%;
    }

    .footer_links_sectors {
        width: 60%;
    }

}

@media (max-width: 650px) {
    .footer_links_block {
        display: none;
    }
}

/* Калькулятор дискового пространства */

.calc-block {
    margin-bottom: 20px;
    border: 1px solid #2b5086;
}

.calc-block__title {
    padding: 20px;
    position: relative;
    font-size: 16px;
    color: black;
    font-weight: bold;
    text-align: center;
    border-bottom: 1px solid #2b5086;
}

.calc-block__title span {
    width: 29px;
    height: 29px;
    display: block;
    position: absolute;
    right: 20px;
    top: 50%;
    cursor: pointer;
    background: url(/bitrix/templates/aspro_optimus/images/arrows2.png) 3px -20px no-repeat;
    -webkit-transform: translateY(-50%) rotate(-90deg);
    transform: translateY(-50%) rotate(-90deg);
}

.calc-block__body {
    padding: 20px;
}

.calc-block__body-feature {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.calc-block__feature {
    -ms-flex-preferred-size: 48%;
    flex-basis: 48%;
}

.calc-block__item p {
    color: black;
    font-weight: bold;
}

.calc-block__btn {
    display: inline-block;
    margin-top: 20px;
    margin-bottom: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#week-rezult,
#day-rezult,
#hour-rezult,
#month-rezult,
.block-rezult input.short_input {
    width: 70px;
}

input.input_short {
    margin-left: 10px;
    margin-bottom: 10px;
    width: 70px;
    display: inline-block;
}

input.input_sec {
    margin-left: 10px;
    margin-bottom: 10px;
    width: 150px;
    display: inline-block;
}

.calc-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media (max-width: 600px) {
  .calc-wrap {
    flex-direction: column;
  }
}

.calc-left {
    padding-right: 20px;
    -ms-flex-preferred-size: 30%;
    flex-basis: 30%;
    border-right: 1px solid #f7f7f7;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

@media (max-width: 543px) {
    .calc-left {
        padding-right: 0;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        border-right: none;
    }
}

/* .calc-left input,
.calc-left select {
  width: 200px;
  display: block;
} */

.calc-right {
    padding-left: 20px;
    -ms-flex-preferred-size: 70%;
    flex-basis: 70%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

@media (max-width: 543px) {
    .calc-right {
        padding-left: 0;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }
}

.calc-title-block {
    margin: 10px 0 5px;
    display: block;
}

.tabs>input {
    display: none;
    position: absolute;
}

.tabs label {
    padding: 10px;
    /* margin-bottom: 5px; */
    display: inline-block;
}

.tabs section {
    display: none;
    padding: 15px;
    background: #fff;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.tabs input:checked+label {
    border-bottom: 1px solid #2B5086;
    background: #fff;
}

#tab1:checked~#tab1__content,
#tab2:checked~#tab2__content {
    display: block;
}

#default {
    display: block;
}

.default__text {
    color: #b6b5b5;
    font-size: 30px;
    line-height: 35px;
    text-align: center;
    text-transform: uppercase;
}

.default__text span {
    font-weight: 700;
    text-transform: none;
    display: block;
}

.deep_div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
}

.deep_div .rezult-title {
    font-size: 20px;
    margin-bottom: 20px;
}

.deep_div .block-rezult,
.deep_div .deep_val {
    margin: 0;
}

.deep_div .rezult-mb {
    font-size: 30px;
    line-height: 35px;
    width: auto;
    max-width: 400px;
    text-align: center;
    color: #2B5086;
}

.deep_div .rezult-mb span {
    margin: 0;
    font-size: 40px;
    line-height: 45px;
}

.deep_div .rezult-gb {
    margin: 20px 0;
    font-size: 50px;
    line-height: 55px;
    width: auto;
    text-align: center;
    color: #2B5086;
}

#tab2__content .short_input {
    margin: 20px;
    width: auto;
    text-align: center;
    color: #2B5086;
    background-color: transparent;
    border: 1px solid #eaebec;
    outline: none;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="number"] {
    -moz-appearance: textfield;
}

input[type="number"]:hover,
input[type="number"]:focus {
    -moz-appearance: number-input;
}

.deep_div .rezult-gb span {
    margin: 0;
    font-size: 70px;
    line-height: 75px;
}

#result_calc_time .block-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

#result_calc_time .block-rezult {
    margin: 20px 0 0;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

#result_calc_time .block-rezult span {
    margin: 0;
    display: block;
    color: #2B5086;
    font-size: 40px;
    line-height: 50px;
}

.calc_time span:not(:last-child):after {
    margin: 0 20px;
    display: inline-block;
    content: '/';
    font-size: 30px;
}

.radio__unit,
.radio__unit-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.radio__unit input {
    display: none;
}

.radio__unit label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.radio__unit label span {
    width: 16px;
    height: 16px;
    margin-right: 10px;
    display: inline-block;
    position: relative;
    border: 1px solid #d2d2d2;
    border-radius: 50%;
}

.radio__unit label span::after {
    width: 8px;
    height: 8px;
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: #2B5086;
    border-radius: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    content: "";
}

.radio__unit input:checked+span::after {
    display: block;
}

.calc-wrap {
  max-width: 1410px;
  margin: 0 auto;
  padding: 0 20px;
  color: #888888;
  font-family: "Inter-Regular", "Arial", sans-serif;
}
.calc-wrap input[type=text], .calc-wrap textarea {
  box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background: #fff;
    border: 1px solid #eaebec;
    border-radius: 2px;
    box-shadow: none;
    color: #000;
    height: auto;
    font-size: 14px;
    padding: 8px 13px 7px;
    width: 100%;
    height: 40px;
}
.calc-wrap .select-hidden {
  display: none;
  visibility: hidden;
  padding-right: 10px;
}

.calc-wrap .select {
  cursor: pointer;
  display: inline-block;
  position: relative;
  font-size: 16px;
  color: black;
  width: 100%;
  height: 40px;
  background: #f7f7f7;
    border: 1px solid #eaebec;
    border-radius: 2px;
    box-shadow: none;
}

.calc-wrap .select-styled {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #fff;
  padding: 8px 15px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.calc-wrap .select-styled:after {
  content: "";
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.2934 11.9261L12.7034 14.5161C12.3134 14.9061 11.6834 14.9061 11.2934 14.5161L8.70337 11.9261C8.07337 11.2961 8.52337 10.2161 9.41337 10.2161H14.5934C15.4834 10.2161 15.9234 11.2961 15.2934 11.9261Z' fill='%23050081'%3E%3C/path%3E%3C/svg%3E");
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
}

.calc-wrap .select-styled:active, .calc-wrap .select-styled.active {
  background-color: #fff;
}

.calc-wrap .select-styled:active:after, .calc-wrap .select-styled.active:after {
  top: 10px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.2934 11.9261L12.7034 14.5161C12.3134 14.9061 11.6834 14.9061 11.2934 14.5161L8.70337 11.9261C8.07337 11.2961 8.52337 10.2161 9.41337 10.2161H14.5934C15.4834 10.2161 15.9234 11.2961 15.2934 11.9261Z' fill='%23050081'%3E%3C/path%3E%3C/svg%3E");
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.calc-wrap .select-options {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  z-index: 999;
  margin: 0;
  padding: 0;
  list-style: none;
  background-color: #F1F4FA;
  overflow-y: auto;
  max-height: 250px;
}

.calc-wrap .select-options::-webkit-scrollbar {
  width: 7px;
}

.calc-wrap .select-options::-webkit-scrollbar-track {
  border-radius: 10px;
  width: 1px;
  background: url("../img/scroll-line.svg") center no-repeat;
}

.calc-wrap .select-options::-webkit-scrollbar-thumb {
  background: #AAA6B9;
  border-radius: 10px;
  width: 1px;
}

.calc-wrap .select-options li {
  margin: 0;
  padding: 12px 15px;
/*  text-indent: 15px;*/
}

.calc-wrap .select-options li.selected {
  position: relative;
}

.calc-wrap .select-options li.selected::after {
  position: absolute;
  content: '';
 background-image: url("data:image/svg+xml,%3Csvg width='20' height='15' viewBox='0 0 20 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.766 0.00995299C18.5275 0.044274 18.3076 0.158179 18.142 0.333019C14.5382 3.94447 10.6571 8.1101 7.05606 11.7538L1.75243 7.38606C1.45597 7.14333 1.05233 7.07717 0.693687 7.21246C0.335305 7.34801 0.0761564 7.66436 0.0142199 8.04263C-0.047956 8.42091 0.0965426 8.80341 0.393243 9.04617L6.4544 14.0376C6.66082 14.2058 6.92221 14.2911 7.18805 14.2766C7.45391 14.2622 7.70461 14.1493 7.89165 13.9598C11.7167 10.1265 15.8763 5.62689 19.6575 1.83735C19.8747 1.62645 19.9923 1.33372 19.9816 1.03131C19.9707 0.729137 19.8324 0.445368 19.6006 0.250868C19.369 0.0561319 19.0656 -0.0315842 18.766 0.00995299Z' fill='%23050081'/%3E%3C/svg%3E%0A");
      background-repeat: no-repeat;
  right: 5px;
  top: 50%;
  transform: translateY(-50%) scale(0.9);
  width: 20px;
  height: 15px;
}

.calc-wrap .select-options li.selected:hover::after {

 background-image: url("data:image/svg+xml,%3Csvg width='20' height='15' viewBox='0 0 20 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.766 0.00995299C18.5275 0.044274 18.3076 0.158179 18.142 0.333019C14.5382 3.94447 10.6571 8.1101 7.05606 11.7538L1.75243 7.38606C1.45597 7.14333 1.05233 7.07717 0.693687 7.21246C0.335305 7.34801 0.0761564 7.66436 0.0142199 8.04263C-0.047956 8.42091 0.0965426 8.80341 0.393243 9.04617L6.4544 14.0376C6.66082 14.2058 6.92221 14.2911 7.18805 14.2766C7.45391 14.2622 7.70461 14.1493 7.89165 13.9598C11.7167 10.1265 15.8763 5.62689 19.6575 1.83735C19.8747 1.62645 19.9923 1.33372 19.9816 1.03131C19.9707 0.729137 19.8324 0.445368 19.6006 0.250868C19.369 0.0561319 19.0656 -0.0315842 18.766 0.00995299Z' fill='%23fff'/%3E%3C/svg%3E%0A");

}

.calc-wrap .select-options li:hover {
  color: #fff;
  background: #050081;
}

.calc-wrap .select-options li:first-child {
  display: none;
}

.calc-wrap .calc-button input {
  padding: 13px 43px 13px 43px;
    font-size: 1.125rem;
    line-height: 1.4375rem;
    font-family: "Inter-SemiBold", "Arial", sans-serif;
    color: #ffffff;
    font-weight: 200;
    text-transform: inherit;
    text-decoration: none;
    background: #050081;
    border: none;
    border-radius: 100px 0 0 0;
    cursor: pointer;
    display: block;
    margin-left: auto;
    max-width: 150px;
}

.del_button button {
  position: relative;
}
.del_button button::before {
  top: -5px;
  left: 0;
  position: absolute;
  display: block;
  content: '×';
  color: #094085;
  font-size: 20px;
  font-weight: 700;
}

#del_all {
  position: relative;
  cursor: pointer;
  width: 12px;
  height: 12px;
}

#del_all::before {
    top: -5px;
    left: 0px;
    position: absolute;
    display: block;
    content: "×";
    color: #fff;
    font-size: 20px;
    font-weight: 700;
}

.download_block {
      max-width: 1410px;
    margin: 0 auto;
    width: 100%;
    overflow-x: auto;
  padding: 20px 0;
}
.download_block button {
  padding: 13px 43px 13px 43px;
  font-size: 1.125rem;
    line-height: 1.4375rem;
    font-family: "Inter-SemiBold", "Arial", sans-serif;
    color: #ffffff;
    font-weight: 200;
    text-transform: inherit;
    text-decoration: none;
    background: #E20000;
    border: none;
    border-radius: 100px 0 0 0;
    cursor: pointer;
    display: block;
    margin-left: auto;
    max-width: 200px;
  white-space: nowrap;
}