#div1 {
  background-color: rgb(242,242,242);
  /*width: 350px;*/
  /*height: 640px;*/
  border-radius: 6px;
  margin: 10px 0px 10px 0px;
  padding: 21px;
  color: rgb(136,122,122);
}

#div1:hover {
  margin: 0px;
}

#butonprice2 {
  width: 234px;
  height: 59px;
  background-image: linear-gradient(to right, #146d93, rgb(59,183,176));
  border-radius: 6px;
}

#butonprice2:hover {
  background-image: linear-gradient(to left, #146d93, rgb(59,183,176));
}

#butonprice1 {
  background-image: linear-gradient(to right, #d610aa, rgb(238,81,222));
  width: 234px;
  height: 59px;
  border-radius: 6px;
}

#butonprice3 {
  background-image: linear-gradient(to right, #d69310, rgb(238,203,81));
  width: 234px;
  height: 59px;
  border-radius: 6px;
}

#butonprice1:hover {
  background-image: linear-gradient(to left, #d610aa, rgb(238,81,222));
}

#butonprice3:hover {
  background-image: linear-gradient(to left, #d69310, rgb(238,203,81));
}

.img-fluid:hover {
  /*filter: sepia(100%) hue-rotate(120deg) brightness(50%);*/
}

*:before, *:after {
  /*box-sizing: inherit;*/
}

span {
  font-style: inherit;
  font-weight: inherit;
}

.btn {
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  user-select: none;
  border: 1px solid transparent;
  padding: 0.625rem 1.25rem;
  font-size: 0.875rem;
  line-height: 1.3;
  border-radius: 0.125rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.btn:hover, .btn:focus {
  text-decoration: none;
}

.btn:focus, .btn.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.btn:not(:disabled):not(.disabled) {
  cursor: pointer;
}

.btn:not(:disabled):not(.disabled):active, .btn:not(:disabled):not(.disabled).active {
  background-image: none;
}

.btn-primary:hover {
  color: #fff;
  background-color: #0069d9;
  border-color: #0062cc;
}

.btn-primary:focus, .btn-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #0062cc;
  border-color: #0062cc;
}

.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active {
  border-color: #00b5fb !important;
  background-color: #00b5fb !important;
}

button {
  border-radius: 0;
}

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}

input, button, select, optgroup, textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button, input {
  overflow: visible;
}

button, select {
  text-transform: none;
}

button, html [type="button"], [type="reset"], [type="submit"] {
  -webkit-appearance: button;
}

.btn {
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  user-select: none;
  border: 0px solid transparent;
  padding: 0.625rem 1.25rem;
  font-size: 0.875rem;
  line-height: 1.3;
  border-radius: 0.125rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.btn-primary {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.btn {
  box-shadow: none !important;
}

.btn-primary {
  border-color: #48CCFF;
  background-color: #48CCFF;
}

.btn {
  border-radius: 0;
}

.btn {
  font-family: 'Roboto';
  font-weight: 400;
}