.inter-form {
  width: 100%;
  border-collapse: separate !important;
  border-spacing: 0px;
  border-top-width: 2px;
  border-top-color: rgb(90,50,120);
  border-top-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #BBB;
  border-bottom-style: solid;
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
  margin: 0px 0px 8px 0px;
  -webkit-border-radius: 0.1em;
  border-radius: 0.1em;
}

/* ----------------------------------------------------------------------
  Material Design Range Slider - by Ravikumar Chauhan
------------------------------------------------------------------------- */
.rkmd-slider {
  display: block;
  position: relative;
  font-size: 16px;
  margin-top: 8px;
}
.rkmd-slider input[type="range"] {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
}
.rkmd-slider input[type="range"] + .slider {
  display: block;
  position: relative;
  width: 100%;
  height: 4px;
  background-color: #bebebe;
}
.rkmd-slider input[type="range"] + .slider .slider-fill {
  display: block;
  position: absolute;
  width: 0%;
  height: 100%;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  z-index: 1;
}
.rkmd-slider input[type="range"] + .slider .slider-handle {
  cursor: pointer;
  position: absolute;
  top: -5.5px;
  left: 0%;
  width: 15px;
  height: 15px;
  margin-left: -8px;
  border-radius: 50%;
  transition: all .2s ease;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  z-index: 2;
}
.rkmd-slider.slider-light input[type="range"] + .slider {
  background-color: #5c5c5c;
}

/* ----------------------------------------------------------------------
  Discrete Range Slider - by Ravikumar Chauhan
------------------------------------------------------------------------- */
.rkmd-slider.slider-discrete .slider .slider-handle {
  position: relative;
  z-index: 1;
}
.rkmd-slider.slider-discrete .slider .slider-handle .slider-label {
  position: absolute;
  top: -17.5px;
  left: -2px;
  width: 30px;
  height: 30px;
  -webkit-transform-origin: 50% 100%;
          transform-origin: 50% 100%;
  border-radius: 50%;
  -webkit-transform: scale(0.5) rotate(-45deg);
          transform: scale(0.5) rotate(-45deg);
  transition: all .2s ease;
}
.rkmd-slider.slider-discrete .slider .slider-handle .slider-label span {
  position: absolute;
  top: 7px;
  left: 0px;
  width: 100%;
  color: #fff;
  font-size: 12px;
  text-align: center;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  opacity: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.rkmd-slider.slider-discrete .slider .slider-handle.is-active {
  top: 0px;
  margin-left: -2px;
  width: 4px;
  height: 4px;
}
.rkmd-slider.slider-discrete .slider .slider-handle.is-active .slider-label {
  top: -15px;
  left: -2px;
  border-radius: 15px 15px 15px 0;
  -webkit-transform: rotate(-45deg) translate(23px, -25px);
          transform: rotate(-45deg) translate(23px, -25px);
}
.rkmd-slider.slider-discrete .slider .slider-handle.is-active .slider-label span {
  opacity: 1;
}

.rkmd-slider.slider-discrete.slider-teal .slider-label {
  background-color: #009688;
}

/* ----------------------------------------------------------------------
  Range Slider Color - by Ravikumar Chauhan
------------------------------------------------------------------------- */
.rkmd-slider.slider-teal .slider-fill,
.rkmd-slider.slider-teal .slider-handle {
  background-color: #009688;
}

/* ----------------------------------------------------------------------
  Chips Services
------------------------------------------------------------------------- */
.md-chip {
  display: inline-block;
  background: #eee;
  padding: 0 1rem 0 0.8rem;
  border-radius: 2.5rem;
  font-size: 0.9rem;
  margin-right: 0.3rem;
}
.md-chip.md-chip-hover:hover {
  background: #e1e1e1;
}

.md-chip-clickable {
  cursor: pointer;
}

.md-chip,
.md-chip-icon {
  height: 2.5rem;
  line-height: 2.5rem;
}

.md-chip-icon {
  display: block;
  float: left;
  background: #3C4664;
  width: 2.5rem;
  border-radius: 50%;
  text-align: center;
  color: white;
  margin: 0 0.6rem 0 -1rem;
}
.md-chip-icon i.zmdi {
  font-size: 1.1rem;
  margin-top: 0.7rem;
}

.md-chip-remove:hover {
  background: #d5d5d5;
}

/* ----------------------------------------------------------------------
  Buttons prev and next
------------------------------------------------------------------------- */
.indicator {
  height: 1.5rem;
  line-height: 1.5rem;
  display: block;
  float: left;
  background: teal;
  width: 1.5rem;
  border-radius: 50%;
  text-align: center;
  color: white;
  margin: 0 0.6rem;
}
.flat-btn {
  position: relative;
  display: block;
  cursor: pointer;
  outline: none;
  border: 0.02rem solid black;
  border-radius: 0.5rem;
  vertical-align: middle;
  text-decoration: none;
  font-size: inherit;
  font-family: inherit;
  float: left;
}
button.fancy {
  -webkit-transition: all 0.5s cubic-bezier(0.65, -0.25, 0.25, 1.95);
  transition: all 0.5s cubic-bezier(0.65, -0.25, 0.25, 1.95);
  font-weight: 400;
  color: #202121;
  padding: 0.25rem 0.75rem;
  background: #fff;
  text-transform: uppercase;
}
button.fancy:hover, button.fancy:focus, button.fancy:active {
  letter-spacing: 0.085rem;
}

/* ----------------------------------------------------------------------
  Flex
------------------------------------------------------------------------- */
.flex-container {
  display: flex;
  justify-content: space-around;
}
.flex-child {
  oorder: 0;
  flex: 0 1 auto;
}

/* ----------------------------------------------------------------------
  Grid System
------------------------------------------------------------------------- */
  .container {
    margin: 0 auto;
    max-width: 1280px;
    width: 90%;
  }
  
  @media only screen and (min-width: 601px) {
    .container {
      width: 85%;
    }
  }
  
  @media only screen and (min-width: 993px) {
    .container {
      width: 80%;
    }
  }
  
  .col .row {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
  
  .row {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    margin-top: 20px;
  }
  
  .row:after {
    content: "";
    display: table;
    clear: both;
  }
  
  .row .col {
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 0.75rem;
    min-height: 1px;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  
  .row .col.s1 {
    margin-bottom: 8px;
    width: 8.33333%;
  }
  
  .row .col.s2 {
    margin-bottom: 8px;
    width: 16.66667%;
  }
  
  .row .col.s3 {
    margin-bottom: 8px;
    width: 25%;
  }
  
  .row .col.s4 {
    margin-bottom: 8px;
    width: 33.33333%;
  }
  
  .row .col.s5 {
    margin-bottom: 8px;
    width: 41.66667%;
  }
  
  .row .col.s6 {
    margin-bottom: 8px;
    width: 50%;
  }
  
  .row .col.s7 {
    margin-bottom: 8px;
    width: 58.33333%;
  }
  
  .row .col.s8 {
    margin-bottom: 8px;
    width: 66.66667%;
  }
  
  .row .col.s9 {
    margin-bottom: 8px;
    width: 75%;
  }
  
  .row .col.s10 {
    margin-bottom: 8px;
    width: 83.33333%;
  }
  
  .row .col.s11 {
    margin-bottom: 8px;
    width: 91.66667%;
  }
  
  .row .col.s12 {
    margin-bottom: 8px;
    width: 100%;
  }
  
  @media only screen and (min-width: 601px) {
    .row .col.m1 {
      width: 8.33333%;
    }
  
    .row .col.m2 {
      width: 16.66667%;
    }
  
    .row .col.m3 {
      width: 25%;
    }
  
    .row .col.m4 {
      width: 33.33333%;
    }
  
    .row .col.m5 {
      width: 41.66667%;
    }
  
    .row .col.m6 {
      width: 50%;
    }
  
    .row .col.m7 {
      width: 58.33333%;
    }
  
    .row .col.m8 {
      width: 66.66667%;
    }
  
    .row .col.m9 {
      width: 75%;
    }
  
    .row .col.m10 {
      width: 83.33333%;
    }
  
    .row .col.m11 {
      width: 91.66667%;
    }
  
    .row .col.m12 {
      width: 100%;
    }
  }
  
  @media only screen and (min-width: 993px) {
    .row .col.l1 {
      width: 8.33333%;
    }
  
    .row .col.l2 {
      width: 16.66667%;
    }
  
    .row .col.l3 {
      width: 25%;
    }
  
    .row .col.l4 {
      width: 33.33333%;
    }
  
    .row .col.l5 {
      width: 41.66667%;
    }
  
    .row .col.l6 {
      width: 50%;
    }
  
    .row .col.l7 {
      width: 58.33333%;
    }
  
    .row .col.l8 {
      width: 66.66667%;
    }
  
    .row .col.l9 {
      width: 75%;
    }
  
    .row .col.l10 {
      width: 83.33333%;
    }
  
    .row .col.l11 {
      width: 91.66667%;
    }
  
    .row .col.l12 {
      width: 100%;
    }
  }