/* FONTS */





































/* STYLE */

.racks-calc {
  font-family: 'Exo 2.0';

  position: relative;

  width: 100%;
  max-width: 1024px;
  margin: 0 auto;

  cursor: default;
  user-select: none;
}

.racks-calc__header-top {
  width: 100%;
  height: auto;
  padding-top: 29%;

  background-image: none;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
}

.racks-calc__header-bottom {
  line-height: 60px;

  position: relative;

  width: 100%;
  height: 60px;
}

.racks-calc__logo {
  position: relative;
  float: right;
  right: 10px;
  top: 10px;
  display: inline-block;

  width: 131px;
  height: 32px;

  vertical-align: middle;

  background-image: none;
  background-repeat: no-repeat;
}

.racks-calc__main-wrapper {
  box-sizing: border-box;
  width: 100%;
  padding: 15px;

  background: linear-gradient(to top, #fff, #ebebeb);
  background: -o-linear-gradient(to top, #fff, #ebebeb);
}

.racks-calc__main {
  position: relative;

  box-sizing: border-box;

  border: 1px solid #dadada;
  background-color: #fff;
      box-shadow: 0 0 13px 0 rgba(0, 0, 0, .15);
  -ms-box-shadow: 0 0 13px 0 rgba(0, 0, 0, .15);
   -o-box-shadow: 0 0 13px 0 rgba(0, 0, 0, .15);
}

.racks-calc__scheme {
  position: relative;

  width: 100%;
}

.racks-calc__tabs {
  position: relative;
  z-index: 10;

  zoom: 1;

  height: 41px;
}

.racks-calc__tabs:after {
  display: block;
  clear: both;

  content: '';
}

.racks-calc__tab {
  font-size: 10px;
  line-height: 41px;

  position: relative;

  float: left;

  box-sizing: border-box;
  box-sizing: border-box;
  width: 20%;
  height: 100%;

  cursor: pointer;
  text-align: center;

  color: #333;
  border: 1px solid #e4e4e4;
  border-bottom: none;
}

.racks-calc__tab + .racks-calc__tab {
  border-left: none;
}

.racks-calc__tab.active {
  background-color: #f4f3f3;
}

.racks-calc__tab.active:after {
  position: absolute;
  top: 100%;
  left: -5%;

  display: block;

  width: 110%;
  height: 22px;

  content: '';

  background-image: none;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.racks-calc__add-or-remove {
  position: relative;

  float: left;

  width: 20%;
  height: 100%;
}

.racks-calc__add-tab {
  font-size: 10px;
  line-height: 41px;

  float: left;

  box-sizing: border-box;
  height: 100%;
  padding-left: 20px;

  cursor: pointer;
  text-align: center;

  color: #333;
}

.racks-calc__add-tab-button {
  display: inline-block;

  width: 17px;
  height: 17px;
  margin-left: 15px;

  vertical-align: middle;

  color: #666;
  background-image: none;
  background-repeat: no-repeat;
}

.racks-calc__remove-tab {
  font-size: 10px;
  line-height: 41px;

  float: left;

  box-sizing: border-box;
  height: 100%;
  margin-left: 10px;
  padding: 0 5px;

  cursor: pointer;
  text-align: center;

  color: #333;
}

.racks-calc__remove-tab-button {
  display: inline-block;

  width: 7px;
  height: 3px;

  cursor: pointer;
  vertical-align: middle;

  background-color: #666;
}

.racks-calc__options {
  position: relative;
}

.racks-calc__rack-options {
  position: relative;

  zoom: 1;

  box-sizing: border-box;
  padding: 41px 0 27px 24px;

  border: 1px solid #d7d6d6;
  background-color: #f4f3f3;
      box-shadow: 0 0 13px 0 rgba(0, 0, 0, .15);
  -ms-box-shadow: 0 0 13px 0 rgba(0, 0, 0, .15);
   -o-box-shadow: 0 0 13px 0 rgba(0, 0, 0, .15);
}

.racks-calc__rack-scheme {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 170px;
  left: 100px;
}

.racks-calc__rack-scheme_add-section {
  position: absolute;

  width: 63px;
  height: 58px;
  margin-bottom: 50px;
  margin-left: 40px;

  cursor: pointer;

  background-image: none;
  background-repeat: no-repeat;
  background-position: left bottom;
}

.racks-calc__rack-scheme_add-section-hover-text {
  display: none;
}

.racks-calc__rack-scheme_add-section:hover {
  width: 63px;
  height: 58px;

  background-image: none;
}

.racks-calc__rack-scheme_add-section:hover
.racks-calc__rack-scheme_add-section-hover-text {
  font-size: 13px;
  font-weight: 100;
  font-style: italic;
  line-height: 13px;

  position: absolute;
  top: -10px;
  left: 100%;

  display: block;

  white-space: nowrap;
}

.racks-calc__rack-scheme_remove-section {
  position: absolute;

  width: 63px;
  height: 58px;
  margin-bottom: -50px;
  margin-left: 40px;

  cursor: pointer;

  background-image: none;
  background-repeat: no-repeat;
  background-position: left bottom;
}

.racks-calc__rack-scheme_remove-section-hover-text {
  display: none;
}

.racks-calc__rack-scheme_remove-section:hover {
  width: 63px;
  height: 58px;

  background-image: none;
}

.racks-calc__rack-scheme_remove-section:hover
.racks-calc__rack-scheme_remove-section-hover-text {
  font-size: 13px;
  font-weight: 100;
  font-style: italic;
  line-height: 13px;

  position: absolute;
  top: -32px;
  left: 100%;

  display: block;

  white-space: nowrap;
}

.racks-calc__section-menu {
  font-size: 12px;

  position: absolute;
  z-index: 100;

  box-sizing: border-box;
  padding: 0;

  list-style-type: none;

  color: #333;
  border: 1px solid #dcdcdc;
}

.racks-calc__section-menu li {
  position: relative;

  box-sizing: border-box;
  padding: 10px 10px;

  cursor: pointer;

  background: #fff;
}

.racks-calc__section-menu li:hover {
  background: #e1e1e1;
}

.racks-calc__section-menu li + li {
  border-top: 1px solid #dcdcdc;
}

.racks-calc__section-menu ul {
  position: absolute;
  top: -1px;
  left: 100%;

  display: none;

  box-sizing: border-box;
  margin: 0;
  padding: 0;

  list-style-type: none;

  border: 1px solid #e1e1e1;
}

.racks-calc__section-menu li:hover ul {
  display: block;
}

.racks-calc__rack-scheme_depth-line {
  position: absolute;
  left: 0;

  height: 1px;
  margin-bottom: 30px;
  margin-left: -20px;

  transform: translateX(-50%) rotate(-30deg) translateX(50%);

  background-color: #bd1b1d;
}

.racks-calc__rack-scheme_depth-rect {
  font-size: 10px;
  line-height: 17px;

  position: relative;
  top: -7px;
  left: 50%;

  width: 37px;
  height: 17px;
  margin-left: -18px;

  text-align: center;

  color: #fff;
  background-color: #bd1b1d;
}

.racks-calc__rack-scheme_width-line {
  position: absolute;
  bottom: -140px;
  left: 0;

  height: 1px;

  background-color: #bd1b1d;
}

.racks-calc__rack-scheme_width-rect {
  font-size: 10px;
  line-height: 17px;

  position: relative;
  top: -7px;
  left: 50%;

  width: 37px;
  height: 17px;
  margin-left: -18px;

  text-align: center;

  color: #fff;
  background-color: #bd1b1d;
}

.racks-calc__rack-scheme_max-height-line {
  position: absolute;
  bottom: 0;
  left: -20px;

  height: 1px;

  transform: translateX(-50%) rotate(-90deg) translateX(50%);

  background-color: #bd1b1d;
}

.racks-calc__rack-scheme_max-height-rect {
  font-size: 10px;
  line-height: 17px;

  position: relative;
  top: -7px;
  left: 50%;

  width: 37px;
  height: 17px;
  margin-left: -18px;

  text-align: center;

  color: #fff;
  background-color: #bd1b1d;
}

.racks-calc__rack-scheme_section {
  position: absolute;
  bottom: 0;
}

.racks-calc__rack-scheme_section_add-shelf {
  position: absolute;
  top: -60px;
  left: 50%;

  width: 44px;
  height: 44px;
  margin-left: -22px;

  cursor: pointer;

  background-image: none;
  background-repeat: no-repeat;
  background-position: left bottom;
}

.racks-calc__rack-scheme_section_add-shelf-hover-text {
  display: none;
}

.racks-calc__rack-scheme_section_add-shelf:hover {
  top: -71px;

  width: 56px;
  height: 55px;

  background-image: none;
}

.racks-calc__rack-scheme_section_add-shelf:hover
.racks-calc__rack-scheme_section_add-shelf-hover-text {
  font-size: 13px;
  font-weight: 100;
  font-style: italic;
  line-height: 13px;

  position: absolute;
  top: -32px;
  left: 100%;

  display: block;

  width: 200px;
}

.racks-calc__rack-scheme_section_remove-shelf {
  position: absolute;
  bottom: -90px;
  left: 50%;

  width: 44px;
  height: 44px;
  margin-left: -22px;

  cursor: pointer;

  background-image: none;
  background-repeat: no-repeat;
  background-position: left bottom;
}

.racks-calc__rack-scheme_section_remove-shelf-hover-text {
  display: none;
}

.racks-calc__rack-scheme_section_remove-shelf:hover {
  width: 56px;
  height: 55px;

  background-image: none;
}

.racks-calc__rack-scheme_section_remove-shelf:hover
.racks-calc__rack-scheme_section_remove-shelf-hover-text {
  font-size: 13px;
  font-weight: 100;
  font-style: italic;
  line-height: 13px;

  position: absolute;
  top: -20px;
  left: -50%;

  display: block;

  width: 200px;
}

.racks-calc__rack-scheme_section_width-line {
  position: absolute;
  bottom: 0px;
  left: 20px;

  height: 1px;

  background-color: #999;
}

.racks-calc__rack-scheme_section_width-rect {
  font-size: 10px;
  line-height: 17px;

  position: relative;
  top: -7px;
  left: 50%;

  width: 37px;
  height: 17px;
  margin-left: -18px;

  text-align: center;

  color: #fff;
  background-color: #999;
}

.racks-calc__rack-scheme_section_change-width-with-cursor {
  position: absolute;
  z-index: 100000;

  width: 8px;

  cursor: none 20 9,
          col-resize;
}

.racks-calc__rack-scheme_section:hover
.racks-calc__rack-scheme_section_change-width-with-cursor {
  border-right: 2px dashed red;
  background-color: rgba(255, 0, 0, .2);
}

.racks-calc__rack-scheme_section_change-width-with-cursor.resize {
  border-right: 2px dashed green !important;
  background-color: rgba(0, 255, 0, .2) !important;
}

.racks-calc__rack-scheme_section_change-height-with-cursor {
  position: absolute;
  z-index: 100000;

  height: 8px;

  cursor: none 9 20,
          row-resize;
}

.racks-calc__rack-scheme_section:hover
.racks-calc__rack-scheme_section_change-height-with-cursor {
  border-top: 2px dashed red;
  background-color: rgba(255, 0, 0, .2);
}

.racks-calc__rack-scheme_section_change-height-with-cursor.resize {
  border-top: 2px dashed green !important;
  background-color: rgba(0, 255, 0, .2) !important;
}

.racks-calc__rack-options:after {
  display: block;
  clear: both;

  content: '';
}

.racks-calc__rack-shared-options {
  float: left;

  width: 120px;
}

.racks-calc__rack-options_shared-option {
  position: relative;

  width: 90px;

  border: 1px solid #dadada;
}

.racks-calc__rack-options_shared-option +
.racks-calc__rack-options_shared-option {
  border-top: none;
}

.racks-calc__rack-options_shared-option-title {
  font-size: 10px;
  line-height: 14px;

  position: relative;

  box-sizing: border-box;
  width: 100%;
  padding: 12px 0;

  text-align: center;

  color: #333;
  background-color: #fff;
}

.racks-calc__rack-options_shared-option-title span {
  display: inline-block;

  text-align: left;
}

.racks-calc__rack-options_shared-option .selectize-control {
  font-size: 10px;
  line-height: 38px;

  position: relative;

  box-sizing: border-box;
  width: 90px;
  height: 38px;
  padding-right: 22px;

  text-align: center;

  color: #333;
  border-top: 1px solid #dadada;
}

.racks-calc__rack-options_shared-option .selectize-control .item:after {
  position: absolute;
  top: 10px;
  right: 10px;

  display: block;

  width: 18px;
  height: 18px;

  content: '';

  background-image: none;
  background-repeat: no-repeat;
}

.racks-calc__rack-options_shared-option .selectize-control .item:hover:after {
  top: 5px;
  right: 5px;

  width: 28px;
  height: 28px;

  background-image: none;
}

.racks-calc__rack-options_shared-option input {
  display: none;
}

.racks-calc__rack-options_shared-option .selectize-dropdown {
  position: absolute;
  z-index: 10;
  top: 100% !important;

  box-sizing: border-box;

  border-bottom: 1px solid #dadada;
}

.racks-calc__rack-options_shared-option .option {
  position: relative;
  left: -1px;

  box-sizing: border-box;
  width: 92px;
  height: 38px;

  border: 1px solid #dadada;
  border-bottom: none;
  background-color: #fff;
}

.racks-calc__rack-options_shared-option .option:hover {
  background-color: #e1e1e1;
}

.racks-calc__rack-options_shared-option-checkbox {
  position: relative;
}

.racks-calc__rack-options_shared-option-checkbox span {
  cursor: pointer;
}

.racks-calc__rack-options_shared-option-checkbox div {
  position: relative;
  top: 0;
  left: 0;

  display: block;
  float: left;

  box-sizing: border-box;
  width: 16px;
  height: 16px;
  margin-top: 14px;
  margin-right: 6px;

  border: 1px solid #dadada;
  background: #fff;
}

.racks-calc__rack-options_shared-option-checkbox.checked div {
  border: none;
  background: #666;
}

.racks-calc__rack-options_shared-option-checkbox.checked div:after {
  position: absolute;
  top: 0;
  top: 3px;
  left: 0;
  left: 3px;

  display: block;

  width: 10px;
  height: 4px;

  content: '';
  transform: rotate(-45deg);

  border: 2px solid #fff;
  border-top: none;
  border-right: none;
  background: transparent;
}

.racks-calc__rack-options_shared-option-checkbox
.racks-calc__rack-options_shared-option-title {
  position: relative;

  display: block;

  box-sizing: border-box;

  text-align: left;

  background: none;
}

.racks-calc__rack-option-titles {
  float: left;

  padding: 38px 10px 0 14px;

  border-right: 1px solid #dadada;
}

.racks-calc__rack-option-title {
  font-size: 10px;
  line-height: 38px;

  width: 100%;

  color: #333;
}

.racks-calc__add-rack-section {
  position: relative;

  float: left;

  width: 120px;
  height: 38px;

  cursor: pointer;

  background: linear-gradient(to right, #fff, #f4f3f3);
}

.racks-calc__add-rack-section:after {
  position: absolute;
  top: 2px;
  left: 10px;

  display: block;

  width: 33px;
  height: 33px;

  content: '';

  background: linear-gradient(to right, #fff, #f4f3f3);
  background-image: none;
  background-repeat: no-repeat;
}

.racks-calc__rack-options_section-options {
  position: relative;

  float: left;

  box-sizing: border-box;
  width: 120px;
}

.racks-calc__rack-options_section-options + .racks-calc__rack-options_section-options {
  border-left: none;
}

.racks-calc__rack-options_section-options-title {
  font-size: 10px;
  line-height: 38px;

  box-sizing: border-box;
  width: 100%;

  text-align: center;

  color: #333;
  border: 1px solid #dadada;
  border-left: none;
  background-color: #fff;
}

.racks-calc__rack-options_section-options .just-value {
  font-size: 10px;
  line-height: 38px;

  position: relative;

  box-sizing: border-box;
  width: 120px;
  height: 38px;

  text-align: center;

  color: #333;
  border: 1px solid #dadada;
  border-top: none;
  border-left: none;
}

.racks-calc__rack-options_section-options .selectize-control {
  font-size: 10px;
  line-height: 38px;

  position: relative;

  box-sizing: border-box;
  width: 120px;
  height: 38px;
  padding-right: 22px;

  text-align: center;

  color: #333;
  border: 1px solid #dadada;
  border-top: none;
  border-left: none;
}

.racks-calc__rack-options_section-options .selectize-control .item:after {
  position: absolute;
  top: 10px;
  right: 10px;

  display: block;

  width: 18px;
  height: 18px;

  content: '';

  background-image: none;
  background-repeat: no-repeat;
}

.racks-calc__rack-options_section-options .selectize-control .item:hover:after {
  top: 5px;
  right: 5px;

  width: 28px;
  height: 28px;

  background-image: none;
}

.racks-calc__rack-options_section-options input {
  display: none;
}

.racks-calc__rack-options_section-options .selectize-dropdown {
  position: absolute;
  z-index: 10;
  top: 100% !important;

  box-sizing: border-box;

  border-bottom: 1px solid #dadada;
}

.racks-calc__rack-options_section-options .option {
  position: relative;
  left: -1px;

  box-sizing: border-box;
  width: 120px;
  height: 38px;

  border: 1px solid #dadada;
  border-bottom: none;
  background-color: #fff;
}

.racks-calc__rack-options_section-options .option:hover {
  background-color: #e1e1e1;
}

.racks-calc__rack-options_section-options_checkbox {
  font-size: 10px;

  position: relative;

  color: #333;
  border: none;
}

.racks-calc__rack-options_section-options_checkbox span {
  cursor: pointer;
}

.racks-calc__rack-options_section-options_checkbox div {
  position: relative;
  top: 0;
  left: 0;

  display: block;
  float: left;

  box-sizing: border-box;
  width: 16px;
  height: 16px;
  margin-top: 14px;
  margin-right: 6px;

  border: 1px solid #dadada;
  background: #fff;
}

.racks-calc__rack-options_section-options_checkbox.checked div {
  border: none;
  background: #666;
}

.racks-calc__rack-options_section-options_checkbox.checked div:after {
  position: absolute;
  top: 0;
  top: 3px;
  left: 0;
  left: 3px;

  display: block;

  width: 10px;
  height: 4px;

  content: '';
  transform: rotate(-45deg);

  border: 2px solid #fff;
  border-top: none;
  border-right: none;
  background: transparent;
}

.racks-calc__rack-options_section-options_checkbox
.racks-calc__rack-options_section-options_checkbox-title {
  position: relative;

  display: block;

  box-sizing: border-box;
  padding: 14px 0;

  text-align: left;

  background: none;
}

.racks-calc__bottom-row {
  display: table;

  width: 100%;
  height: 76px;
}

.racks-calc__bottom-left-col {
  display: table-cell;

  vertical-align: middle;
}

.racks-calc__bottom-right-col {
  display: table-cell;

  text-align: right;
  vertical-align: middle;
}

.racks-calc__price-value {
  margin-right: 26px;

  color: #bd1b1d;
}
.racks-calc__price-value.all_product {
  color: gray;
}

.racks-calc__price-button {
  font-size: 12px;
  font-weight: 300;
  line-height: 36px;

  display: inline;

  box-sizing: border-box;
  height: 36px;
  margin-right: 14px;
  padding: 10px 0 10px 11px;

  cursor: pointer;

  color: #333;
  border: 3px solid #bd1b1d;
}

.racks-calc__price-button:after {
  display: inline-block;

  width: 36px;
  height: 36px;
  margin-bottom: -12px;
  margin-left: 11px;

  content: '';

  background-color: #bd1b1d;
  background-image: none;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 22px 18px;
}
.conf_b {
  float: left;
  padding-left: 20px;
  background: #FFF;
}
.conf_b_right{
  float: right; padding-right: 27px;
  background: #FFF;
}
.conf_b img:hover{

}
.conf_b_right img:hover{

}
.conf_b img{
}
.conf_b_right img{

}
.conf_a_l{
  color: white;
  position: absolute;
  width: 150px;
  margin-left: 90px;
  margin-top: 20px;
  font-size: 14px;
  z-index: 100;
  transition: opacity 124ms linear, transform 124ms linear;
}
.conf_a_l:hover{
  color: white;
  opacity: 0.8;
}

.conf_a_r{
  color: white;
  position: absolute;
  width: 150px;
  margin-left: 95px;
  margin-top: 20px;
  font-size: 16px;
  z-index: 100;
  transition: opacity 124ms linear, transform 124ms linear;
}
.conf_a_r:hover{
  color: white;
  opacity: 0.8;
}
.conf_a_r2{
  color: white;
  position: absolute;
  width: 150px;
  margin-left: 90px;
  margin-top: 20px;
  font-size: 14px;
  z-index: 100;
  transition: opacity 124ms linear, transform 124ms linear;
}
.conf_a_r2:hover{
  color: white;
  opacity: 0.8;
}
.racks-calc__rack-scheme_addpolka_text{
  font-size: 13px;
  font-style: italic;
  line-height: 13px;
  position: absolute;
  top: 200px;
  display: block;
  width: 30px;
  margin-left: -90px;
}
.racks-calc__rack-scheme_rmpolka_text {
  font-size: 13px;
  font-style: italic;
  line-height: 13px;
  position: absolute;
  top: 490px;
  display: block;
  width: 30px;
  margin-left: -90px;
}
.config_in{
  position: absolute;
  z-index: 100;
  top: 280px;
  left: 58%;
}
.racks-calc__reset_bottom{
  position: relative;
  left: 700px;
  top: 140px;
  display: inline-block;
  width: 210px;
  height: 32px;
  vertical-align: middle;
  z-index: 100;
}