@charset "UTF-8";
.calculator-tooltip {
  border-radius: 4px;
  text-align: center;
  font: bold 14px;
  text-decoration: none;
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.18); }

.calculator-content {
  padding-top: 15px;
  position: relative; }

.calculator-content #calculator-loader {
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: #fff;
  z-index: 1;
  display: flex;
  justify-content: center; }

.calculator-content #calculator-loader .spinner {
  width: 100%;
  height: 100%;
  position: relative;
  transform: translateZ(0) scale(1);
  backface-visibility: hidden;
  transform-origin: 0 0; }

.calculator-content #calculator-loader .spinner-container {
  width: 211px;
  height: 211px;
  display: inline-block;
  overflow: hidden;
  background: 0 0; }

.calculator-content #calculator-loader .spinner div {
  position: absolute;
  width: 42.199999999999996px;
  height: 42.199999999999996px;
  border-radius: 50%;
  transform: translate(84.4px, 84.4px) scale(1);
  background: #268ae1;
  animation: frame1 2.5641s infinite cubic-bezier(0, 0.5, 0.5, 1); }

.calculator-content #calculator-loader .spinner div:nth-child(1) {
  background: #268ae1;
  transform: translate(156.14px, 84.4px) scale(1);
  animation: frame2 0.64103s infinite cubic-bezier(0, 0.5, 0.5, 1), frame3 2.5641s infinite step-start; }

.calculator-content #calculator-loader .spinner div:nth-child(2) {
  animation-delay: -.641025641025641s;
  background: #268ae1; }

.calculator-content #calculator-loader .spinner div:nth-child(3) {
  animation-delay: -1.282051282051282s;
  background: #268ae1; }

.calculator-content #calculator-loader .spinner div:nth-child(4) {
  animation-delay: -1.923076923076923s;
  background: #268ae1; }

.calculator-content #calculator-loader .spinner div:nth-child(5) {
  animation-delay: -2.564102564102564s;
  background: #268ae1; }

.calculator-content .form-check-label {
  font-size: 12px; }

.calculator-content .calculator-subtitle {
  padding-bottom: 5px;
  padding-top: 10px;
  font-weight: 700; }

.calculator-content .viewport {
  position: relative; }

.calculator-content .viewport .controls-bnt {
  display: flex;
  width: 100%;
  box-sizing: border-box;
  justify-content: space-between; }

.calculator-content .viewport .controls-bnt .viewport-annotations {
  display: flex;
  align-items: center;
  padding-left: 0; }

.calculator-content .viewport .controls-bnt .viewport-annotations .switch {
  margin-bottom: 0;
  display: inline-block;
  height: 34px;
  position: relative;
  width: 60px; }

.calculator-content .viewport .controls-bnt .viewport-annotations .switch input {
  display: none; }

.calculator-content .viewport .controls-bnt .viewport-annotations .switch input:checked + .toggle {
  background-color: #268ae1; }

.calculator-content .viewport .controls-bnt .viewport-annotations .switch input:checked + .toggle::before {
  transform: translateX(26px); }

.calculator-content .viewport .controls-bnt .viewport-annotations .switch .toggle {
  background-color: #ccc;
  bottom: 0;
  cursor: pointer;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: .4s;
  border-radius: 34px; }

.calculator-content .viewport .controls-bnt .viewport-annotations .switch .toggle::before {
  background-color: #fff;
  bottom: 4px;
  content: "";
  height: 26px;
  left: 4px;
  position: absolute;
  transition: .4s;
  width: 26px;
  border-radius: 50%; }

.calculator-content .viewport .controls-bnt .viewport-annotations .switch .toggle .d2 {
  color: #8b9095;
  font-weight: 500; }

.calculator-content .viewport .controls-bnt .viewport-annotations .switch .toggle .d2::before {
  content: 'Версия 3D';
  position: absolute;
  top: 6px;
  left: 65px;
  white-space: nowrap; }

.calculator-content .viewport .controls-bnt .viewport-control-btn-block .viewport-control-btn {
  border: 1px solid #cecece;
  background-color: transparent;
  border-radius: 50%;
  margin-left: 5px;
  width: 40px;
  height: 40px;
  padding: 0;
  overflow: hidden; }

.calculator-content .viewport .controls-bnt .viewport-control-btn-block .viewport-control-btn img {
  width: 100%;
  height: auto; }

.calculator-content .row-select {
  margin-bottom: 10px;
  display: flex;
  align-items: center; }

.calculator-content .row-select .beetwen-select {
  line-height: 5px;
  width: 30px;
  text-align: center; }

.calculator-content .row-select-part {
  display: flex;
  align-items: center; }

.calculator-content .row-select-part select {
  color: #5d5f63; }

.calculator-content .row-select-part .row-select__checkbox label {
  font-size: 14px; }

.calculator-content .row-select-part.wide {
  flex: 1; }

.calculator-content .row-select-part.left {
  width: 30%; }

.calculator-content .row-select-part.right {
  width: 70%; }

@media screen and (max-width: 992px) {
  .calculator-content .row-select-part.right {
    flex-wrap: wrap; } }

.calculator-content .row-select-part .catalog-button {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  border-radius: 4px;
  border: none;
  margin-left: 10px;
  width: auto;
  height: 40px;
  padding: 10px;
  background-color: #268ae1;
  color: #fff; }

.calculator-content .row-select-part .catalog-button.disabled {
  pointer-events: none;
  background-color: #bebebe; }

@media screen and (max-width: 992px) {
  .calculator-content .row-select-part .catalog-button {
    margin-top: 10px;
    margin-left: 0;
    width: 100%; } }

@media (min-width: 768px) and (max-width: 1024px) {
  .calculator-content .row-select-part .catalog-button {
    margin-left: 5px; } }

.calculator-content .row-select-part .catalog-button__text {
  font: 400 14px OpenSans;
  margin-right: 10px;
  display: none; }

@media screen and (max-width: 992px) {
  .calculator-content .row-select-part .catalog-button__text {
    display: block; } }

.calculator-content .row-select-part .catalog-button__icon {
  height: 90%;
  filter: invert(1); }

.calculator-content .row-select .row-select__drop {
  width: 33%; }

.calculator-content .row-select .row-select__drop.form-select::after {
  right: 2px;
  top: 0;
  height: 40px;
  width: 38px; }

.calculator-content .row-select .row-select__drop label {
  margin-bottom: 4px; }

.calculator-content .calculator-params {
  margin-bottom: 20px;
  height: fit-content; }

.calculator-content .calculator-car {
  margin-bottom: 20px;
  height: fit-content; }

.calculator-content .calculator-car .row-select .row-select__drop {
  padding-left: 10px; }

.calculator-content .calculator-car .row-select__drop:first-child {
  padding-left: 0; }

.calculator-content .calculator-car .row-select__drop.form-select::after {
  right: 2px;
  top: 25px;
  height: 40px;
  width: 38px; }

.calculator-content .calculator-car .factory, .calculator-content .calculator-car .replace {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap; }

.calculator-content .calculator-car .factory-item, .calculator-content .calculator-car .replace-item {
  width: 40%; }

.calculator-content .calculator-car .factory-item span, .calculator-content .calculator-car .replace-item span {
  cursor: pointer;
  text-decoration: underline;
  display: block; }

.calculator-content .calculator-car .factory-item.r, .calculator-content .calculator-car .replace-item.r {
  width: 20%; }

.calculator-content .calculator-car .factory-item .active, .calculator-content .calculator-car .replace-item .active {
  cursor: default;
  text-decoration: none; }

.calculator-content .calculator-table-content {
  margin-top: 20px; }

#calculator-tabs .nav-link {
  background-color: #e9ecef; }

#calculator-tabs .nav-link.active {
  background-color: #fff; }

@media screen and (min-width: 768px) {
  .calculator-container.partners.news {
    padding: 15px 15px 95px; } }

@media (min-width: 768px) and (max-width: 1024px) {
  .calculator-content .row-select .beetwen-select {
    display: none; }
  .calculator-content .row-select .form-check-label {
    margin-left: 10px; }
  .calculator-content .row-select .form-control {
    padding-right: 25px; }
  .calculator-content .row-select .row-select__drop {
    padding-left: 5px; } }

@media screen and (max-width: 768px) {
  .calculator-content .calculator-subtitle:last-child {
    padding-top: 125px; } }

@media screen and (max-width: 550px) {
  .calculator-content .calculator-car .row-select {
    flex-wrap: wrap; }
  .calculator-content .calculator-car .row-select__drop {
    width: 50%; }
  .calculator-content .calculator-car .row-select__drop:nth-child(odd) {
    padding-left: 0; } }

@media screen and (max-width: 420px) {
  .calculator-content .calculator-table-content {
    overflow-x: scroll; }
  .calculator-content .calculator-car .row-select {
    flex-direction: row; }
  .calculator-content .row-select {
    display: flex;
    flex-direction: column; }
  .calculator-content .row-select .beetwen-select {
    line-height: 40px;
    width: 22px; }
  .calculator-content .row-select-part {
    align-items: flex-start; }
  .calculator-content .row-select-part.left {
    padding-bottom: 5px;
    width: 100%; }
  .calculator-content .row-select-part.right {
    width: 100%; }
  .calculator-content .row-select__drop:first-child {
    padding-left: 0; }
  .calculator-content .viewport .controls-bnt .viewport-annotations .switch {
    width: 60px; }
  .calculator-content .viewport .controls-bnt .viewport-annotations .switch input:checked + .toggle::before {
    transform: translateX(26px); }
  .calculator-content .viewport .controls-bnt .viewport-annotations .switch .toggle .d2::before {
    content: '3D'; }
  #calculator-tabs {
    border-bottom: none; }
  #calculator-tabs .nav-item {
    width: 100%; }
  #calculator-tabs .nav-item .nav-link {
    background-color: #fff;
    color: #3b3e41; }
  #calculator-tabs .nav-item .nav-link.active {
    background-color: #268ae1;
    color: #fff;
    border: none; }
  #calculator-tabs .nav-item:first-child .nav-link {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem; }
  #calculator-tabs .nav-item:last-child .nav-link {
    border-radius: 0 0 .25rem .25rem; }
  #calculator-tabs .nav-item .nav-link {
    border-radius: 0; }
  #calculator-tabs .nav-item .nav-link:not(.active) {
    border: 1px solid #ced4da; } }

@keyframes frame1 {
  0% {
    transform: translate(12.66px, 84.4px) scale(0); }
  25% {
    transform: translate(12.66px, 84.4px) scale(0); }
  50% {
    transform: translate(12.66px, 84.4px) scale(1); }
  75% {
    transform: translate(84.4px, 84.4px) scale(1); }
  100% {
    transform: translate(156.14px, 84.4px) scale(1); } }

@keyframes frame2 {
  0% {
    transform: translate(156.14px, 84.4px) scale(1); }
  100% {
    transform: translate(156.14px, 84.4px) scale(0); } }

@keyframes frame3 {
  0% {
    background: #268ae1; }
  25% {
    background: #268ae1; }
  50% {
    background: #268ae1; }
  75% {
    background: #268ae1; }
  100% {
    background: #268ae1; } }