@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');


body {
  font-family: 'Roboto Mono', monospace;
}

button {
  font-family: sans-serif;
}

.selectionMotor {
  display: none;
}

.displayBlock {
  display: flex;
}

.displayBlockStepButton {
  display: block;
}

h1 {
  color: #000;
  letter-spacing: 5px;
}

.Motor h3 {
  font-size: 1.1em;
  color: #5c5e62;
  font-weight: 400;
  margin-bottom: 30px;
}

.Motor p {
  font-size: 0.9em;
}

.Motor h4 {
  font-size: 18px;
  color: #000;
  margin-bottom: 30px;
  margin-bottom: 0;
}

/*

.btnColor>button{
  border-radius: 100%;
  padding: 2px;
  background-color: #fff;
  border: 1px solid #eee;
}

.btnColor>button:active{
  box-shadow: inset 0 0 5px rgba(0, 0, 0, .5);
}
*/



.btndiski1 {
  background-image: url('../img/models/diski/option-wheels-18-aero.png'); background-size: contain; background-position: center; background-repeat: no-repeat;
  max-width: 100px;
}

.btndiski2 {
  background-image: url('../img/models/diski/option-wheels-19-sport.png'); background-size: contain; background-position: center; background-repeat: no-repeat;
  max-width: 100px;
}

.btnRezina1 {
  background-image: url('../img/models/rezina/Sottozero-Selector.png'); background-size: contain; background-position: center; background-repeat: no-repeat;
  max-width: 60px;
}

.btnRezina2 {
  background-image: url('../img/models/rezina/Sottozero-Selector.png'); background-size: contain; background-position: center; background-repeat: no-repeat;
  max-width: 60px;
}

.btnColor1 {
  background-image: url('../img/models/color/Paint_White.png'); background-size: contain; background-position: center; background-repeat: no-repeat;
}

.btnColor2 {
  background-image: url('../img/models/color/Paint_Black.png'); background-size: contain; background-position: center; background-repeat: no-repeat;
}
.btnColor3 {
  background-image: url('../img/models/color/Paint_MidnightSilver.png'); background-size: contain; background-position: center; background-repeat: no-repeat;
}
.btnColor4 {
  background-image: url('../img/models/color/Paint_Blue.png'); background-size: contain; background-position: center; background-repeat: no-repeat;
}
.btnColor5 {
  background-image: url('../img/models/color/Paint_Red.png'); background-size: contain; background-position: center; background-repeat: no-repeat;
}

.textColorPrice {
  font-size: 0.9em !important;
  line-height: 1.5em;
}

.textDiskiPrice {
  font-size: 0.9em !important;
  line-height: 1.5em;
}

.textRezinaPrice {
  font-size: 0.9em !important;
  line-height: 1.5em;
}

.textSalonPrice {
  font-size: 0.9em !important;
  line-height: 1.5em;
}

ul li {
  list-style: none;
}

.textParametru {
  font-size: 0.6em;
  color: #5c5e62;
}

.hiddenInput {
  width: 1px;
  height: 1px;
  background-color: transparent;
  border: none;
  color: transparent;
}



.navbar {
  font-weight: 300;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); }
  .navbar form .md-form input {
    margin: 0 5px 1px 8px; }
  .navbar .breadcrumb {
    padding: 0.3rem 0 0 1rem;
    margin: 0;
    font-size: 15px;
    font-weight: 300;
    background-color: inherit; }
    .navbar .breadcrumb .breadcrumb-item {
      color: #fff; }
      .navbar .breadcrumb .breadcrumb-item.active {
        color: rgba(255, 255, 255, 0.65); }
      .navbar .breadcrumb .breadcrumb-item:before {
        color: rgba(255, 255, 255, 0.65); }
  .navbar .navbar-toggler {
    border-width: 0;
    outline: 0; }
  .navbar .nav-flex-icons {
    flex-direction: row; }
  @media (max-width: 992px) {
    .navbar .container {
      width: 100%; }
      .navbar .container .navbar-toggler-right {
        right: 0; } }
  .navbar .nav-item .nav-link {
    display: block; }
    .navbar .nav-item .nav-link.disabled:active {
      pointer-events: none; }
    .navbar .nav-item .nav-link .fas, .navbar .nav-item .nav-link .fab, .navbar .nav-item .nav-link .far {
      padding-right: 3px;
      padding-left: 3px; }
    @media (max-width: 992px) {
      .navbar .nav-item .nav-link {
        padding-right: 6px;
        padding-left: 6px; } }
  .navbar .dropdown-menu {
    position: absolute !important;
    margin-top: 0; }
    .navbar .dropdown-menu a {
      padding: 10px;
      font-size: 0.9375rem;
      font-weight: 300;
      color: #000; }
    @media (max-width: 600px) {
      .navbar .dropdown-menu form {
        width: 17rem; } }
    @media (min-width: 600px) {
      .navbar .dropdown-menu form {
        width: 22rem; } }
  .navbar.navbar-light .navbar-nav .nav-item .nav-link.disbled {
    color: rgba(0, 0, 0, 0.3); }
    .navbar.navbar-light .navbar-nav .nav-item .nav-link.disbled:hover {
      color: rgba(0, 0, 0, 0.3); }
  .navbar.navbar-light .navbar-toggler-icon {
    cursor: pointer;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.9)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); }
  .navbar.navbar-light .breadcrumb .nav-item .nav-link,
  .navbar.navbar-light .navbar-nav .nav-item .nav-link {
    color: #000;
    transition: 0.35s; }
    .navbar.navbar-light .breadcrumb .nav-item .nav-link:hover,
    .navbar.navbar-light .navbar-nav .nav-item .nav-link:hover {
      color: rgba(0, 0, 0, 0.7); }
  .navbar.navbar-light .breadcrumb .nav-item.active > .nav-link,
  .navbar.navbar-light .navbar-nav .nav-item.active > .nav-link {
    background-color: rgba(0, 0, 0, 0.1); }
    .navbar.navbar-light .breadcrumb .nav-item.active > .nav-link:hover,
    .navbar.navbar-light .navbar-nav .nav-item.active > .nav-link:hover {
      color: #000; }
  .navbar.navbar-light .navbar-toggler {
    color: #000; }
  .navbar.navbar-light form .md-form input {
    border-bottom: 1px solid #000; }
    .navbar.navbar-light form .md-form input:focus:not([readonly]) {
      border-color: #4285f4; }
  .navbar.navbar-light form .md-form .form-control {
    color: #000; }
    .navbar.navbar-light form .md-form .form-control::-webkit-input-placeholder {
      font-weight: 300;
      color: #000; }
    .navbar.navbar-light form .md-form .form-control::-moz-placeholder {
      font-weight: 300;
      color: #000; }
    .navbar.navbar-light form .md-form .form-control:-ms-input-placeholder {
      font-weight: 300;
      color: #000; }
    .navbar.navbar-light form .md-form .form-control::-ms-input-placeholder {
      font-weight: 300;
      color: #000; }
    .navbar.navbar-light form .md-form .form-control::placeholder {
      font-weight: 300;
      color: #000; }
  .navbar.navbar-dark .navbar-nav .nav-item .nav-link.disbled {
    color: rgba(255, 255, 255, 0.25); }
    .navbar.navbar-dark .navbar-nav .nav-item .nav-link.disbled:hover {
      color: rgba(255, 255, 255, 0.25); }
  .navbar.navbar-dark .navbar-toggler-icon {
    cursor: pointer;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.9)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); }
  .navbar.navbar-dark .breadcrumb .nav-item .nav-link,
  .navbar.navbar-dark .navbar-nav .nav-item .nav-link {
    color: #fff;
    transition: 0.35s; }
    .navbar.navbar-dark .breadcrumb .nav-item .nav-link:hover,
    .navbar.navbar-dark .navbar-nav .nav-item .nav-link:hover {
      color: rgba(255, 255, 255, 0.75); }
  .navbar.navbar-dark .breadcrumb .nav-item.active > .nav-link,
  .navbar.navbar-dark .navbar-nav .nav-item.active > .nav-link {
    background-color: rgba(255, 255, 255, 0.1); }
    .navbar.navbar-dark .breadcrumb .nav-item.active > .nav-link:hover,
    .navbar.navbar-dark .navbar-nav .nav-item.active > .nav-link:hover {
      color: #fff; }
  .navbar.navbar-dark .navbar-toggler {
    color: #fff; }
  .navbar.navbar-dark form .md-form input {
    border-bottom: 1px solid #fff; }
    .navbar.navbar-dark form .md-form input:focus:not([readonly]) {
      border-color: #4285f4; }
  .navbar.navbar-dark form .md-form .form-control {
    color: #fff; }
    .navbar.navbar-dark form .md-form .form-control::-webkit-input-placeholder {
      font-weight: 300;
      color: #fff; }
    .navbar.navbar-dark form .md-form .form-control::-moz-placeholder {
      font-weight: 300;
      color: #fff; }
    .navbar.navbar-dark form .md-form .form-control:-ms-input-placeholder {
      font-weight: 300;
      color: #fff; }
    .navbar.navbar-dark form .md-form .form-control::-ms-input-placeholder {
      font-weight: 300;
      color: #fff; }
    .navbar.navbar-dark form .md-form .form-control::placeholder {
      font-weight: 300;
      color: #fff; }
  @media (min-width: 600px) {
    .navbar.scrolling-navbar {
      padding-top: 12px;
      padding-bottom: 12px;
      transition: background 0.5s ease-in-out, padding 0.5s ease-in-out; }
      .navbar.scrolling-navbar .navbar-nav > li {
        transition-duration: 1s; }
      .navbar.scrolling-navbar.top-nav-collapse {
        padding-top: 5px;
        padding-bottom: 5px; } }