.calculator {
  background: #fff;
  border-radius: 8px;
  border: 1px solid #f2f2f2;
  padding: 50px 30px;
  box-shadow: 0 40px 195px -70px rgba(0, 0, 0, 0.17);
}

.calculator__type {
  margin-bottom: 10px;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: center;
  -ms-align-items: center;
  align-items: center;
  font-size: 16px;
}

.calculator__type span {
  cursor: pointer;
  padding: 12px 30px;
  background: #ddd
  line-height: 1.4em;
  background: #FAFBFE;
  border: 1px solid #f2f2f2;
}

.calculator__type span:first-child {
  padding-left: 35px;
  border-radius: 100px 0 0 100px;
}
.calculator__type span:last-child {
  padding-right: 35px;
  border-radius: 0 100px 100px 0;
}

.calculator__type span.is-active {
  background: #EE8B0B;
  border-color: #EE8B0B;
  color: #fff;
}

.calculator__type-info {
  text-align: center;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0.4px;
  cursor: pointer;
  color: #57c855;
}

.calculator__price {
  margin-top: 25px;
}

.calculator__price-value {
  font-size: 60px;
  color: #EE8B0B;
  letter-spacing: 2px;
  line-height: 70px;
  font-weight: bold;
}
.calculator__price-value-smaller {
  font-size: 28px;
  color: #EE8B0B;
  letter-spacing: 0;
  line-height: 33px;
  font-weight: bold;
  margin-bottom: 4px;
}

.calculator__price-info {
  font-size: 12px;
  color: #8a8a8a;
}

.calculator__total {
  margin-top: 15px
}

.calculator__total-value {
  font-size: 16px;
  font-weight: bold;
}

.calculator__total-info {
  font-size: 12px;
  color: #8a8a8a;
}

.calculator__range {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
}

.calculator__range-border {
  color: #87acc3;
  font-size: 14px;
  font-weight: 700;
}

.calculator__input {
  margin-top: -15px;

}

.calculator__input input {
  box-shadow: none;
  font-size: 23px;
  width: 80%;
  text-align: center;
  margin: 0 auto;
  height: 50px;
  font-weight: bold;
}

.calculator__input-info {
  font-size: 12px;
  color: #8a8a8a;
}

/* Slider overrides */
.rangeslider .rangeslider__handle-tooltip {
  width: 100px;
}

.rangeslider .rangeslider__handle-tooltip span {
  font-size: 14px;
  text-transform: none;
  letter-spacing: 1px;
}

.rangeslider,
.rangeslider .rangeslider__fill {
  display: block;
  border-radius: 10px;
  box-shadow: none;
}

.rangeslider {
  background: #DCE3E8;
  position: relative;
}

.rangeslider-horizontal {
  height: 6px;
  width: 100%;
}

.rangeslider--disabled {
  opacity: 0.4;
}

.rangeslider__fill {
  background: #bdcad4;
  position: absolute;
}

.rangeslider-horizontal .rangeslider__fill {
  top: 0;
  height: 100%;
  background: #57c855;
}


.rangeslider .rangeslider__handle {
  cursor: pointer;
  background: linear-gradient(45deg, #FFB034, #EE8B0B);
  cursor: -webkit-grab;
  cursor: grab;
  display: inline-block;
  width: 100px;
  height: 36px;
  position: absolute;
  color: #fff;
  border-radius: 100px;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 2px;
  text-align: center;
  line-height: 36px;
  box-shadow: none;
  border: none;
}

.rangeslider .rangeslider__handle:after {
  content: "drag me";
  position: static;
  background: none;
  box-shadow: none;
}

.rangeslider--horizontal .rangeslider__handle {
  top: -14px;
  touch-action: pan-y;
  -ms-touch-action: pan-y;
}


/*  */

.plan {

}

.plan__trial {
  margin: 50px 0 20px;
}

.plan__trial .main-button {
  min-width: 220px !important;
}

.plan__desc {
  margin-bottom: 7px;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: center;
}

.plan__desc p {
  margin: 0 10px !important;
  color: #8a8a8a;
}

.plan__desc p:after {
  content: '•';
  margin-left: 20px;
}

.plan__desc p:last-child:after {
  content: '';
  margin-left: 0;
}