/* default */
.htmove-divider-wrapper hr,.htmove-divider-wrapper > div{
  margin: 50px auto;
  display: inline-block;
  width: 100%;
}
.htmove-divider-solid {
  border-top: 1px solid #979797;
}

.htmove-divider-dotted {
  border-top: 1px dotted #d8d8d8;
}

.htmove-divider-dotted-spaced {
  height: 1px;
  border-top: 0;
  background-image: -webkit-gradient(linear, left top, right top, color-stop(40%, transparent), color-stop(60%, #979797));
  background-image: -webkit-linear-gradient(left, transparent 40%, #979797 60%);
  background-image: -o-linear-gradient(left, transparent 40%, #979797 60%);
  background-image: linear-gradient(to right, transparent 40%, #979797 60%);
  background-size: 5px 100%;
}

.htmove-divider-gradient {
  height: 1px;
  border-top: 0;
  background: #ffb87d;
  background: -webkit-gradient(linear, left top, right top, from(#ffb87d), to(#ff3d99));
  background: -webkit-linear-gradient(left, #ffb87d 0%, #ff3d99 100%);
  background: -o-linear-gradient(left, #ffb87d 0%, #ff3d99 100%);
  background: linear-gradient(to right, #ffb87d 0%, #ff3d99 100%);
}

.htmove-divider-dashed {
  height: 1px;
  border-top: 0;
  background-image: -webkit-gradient(linear, left top, right top, color-stop(60%, transparent), color-stop(40%, #979797));
  background-image: -webkit-linear-gradient(left, transparent 60%, #979797 40%);
  background-image: -o-linear-gradient(left, transparent 60%, #979797 40%);
  background-image: linear-gradient(to right, transparent 60%, #979797 40%);
  background-size: 15px 100%;
}

/* with text */
.htmove-divider-text {
  font-size: 19px;
  line-height: 1.3;
  display: inline-block;
  padding: 0 20px;
  color: #1d39d7;
  background-color: #FFFFFF;
}

.htmove-divider-solid-with-text {
  position: relative;
  text-align: center;
  border-top: 0;
}

.htmove-divider-solid-with-text:before {
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  content: "";
  border-top: 1px solid #979797;
}

.htmove-divider-dotted-with-text {
  position: relative;
  text-align: center;
  border-top: 0;
}

.htmove-divider-dotted-with-text:before {
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  content: "";
  border-top: 1px dotted #d8d8d8;
}

.htmove-divider-dotted-spaced-with-text {
  position: relative;
  text-align: center;
  border-top: 0;
}

.htmove-divider-dotted-spaced-with-text:before {
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  content: "";
  background-image: -webkit-gradient(linear, left top, right top, color-stop(40%, transparent), color-stop(60%, #979797));
  background-image: -webkit-linear-gradient(left, transparent 40%, #979797 60%);
  background-image: -o-linear-gradient(left, transparent 40%, #979797 60%);
  background-image: linear-gradient(to right, transparent 40%, #979797 60%);
  background-size: 5px 100%;
}

.htmove-divider-gradient-with-text {
  position: relative;
  text-align: center;
  border-top: 0;
}

.htmove-divider-gradient-with-text:before {
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  content: "";
  background: #ffb87d;
  background: -webkit-gradient(linear, left top, right top, from(#ffb87d), to(#ff3d99));
  background: -webkit-linear-gradient(left, #ffb87d 0%, #ff3d99 100%);
  background: -o-linear-gradient(left, #ffb87d 0%, #ff3d99 100%);
  background: linear-gradient(to right, #ffb87d 0%, #ff3d99 100%);
}

.htmove-divider-dashed-with-text {
  position: relative;
  text-align: center;
  border-top: 0;
}

.htmove-divider-dashed-with-text:before {
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  content: "";
  background-image: -webkit-gradient(linear, left top, right top, color-stop(60%, transparent), color-stop(40%, #979797));
  background-image: -webkit-linear-gradient(left, transparent 60%, #979797 40%);
  background-image: -o-linear-gradient(left, transparent 60%, #979797 40%);
  background-image: linear-gradient(to right, transparent 60%, #979797 40%);
  background-size: 15px 100%;
}

.htmove-divider-solid-two-with-text {
  position: relative;
  text-align: center;
}

.htmove-divider-solid-two-with-text:before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  content: "";
  border-top: 1px solid #979797;
}

.htmove-divider-solid-two-with-text .htmove-divider-text-wrapper {
  line-height: 1;
}

.htmove-divider-solid-two-with-text .htmove-divider-text-wrapper:before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 8px;
  height: 8px !important;
  content: "";
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  border: 1px solid #979797;
  background-color: #FFFFFF;
  border-width: 1px !important;
}

.htmove-divider-solid-two-with-text .htmove-divider-text-wrapper:after {
  position: absolute;
  top: 50%;
  right: 0;
  width: 8px;
  height: 8px !important;
  content: "";
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  border: 1px solid #979797;
  background-color: #FFFFFF;
  border-width: 1px !important;
}

.htmove-divider-solid-two-with-text .htmove-divider-text {
  position: relative;
}

.htmove-divider-solid-two-with-text .htmove-divider-text:before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 8px;
  height: 8px;
  content: "";
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  border: 1px solid #979797;
}

.htmove-divider-solid-two-with-text .htmove-divider-text:after {
  position: absolute;
  top: 50%;
  right: 0;
  width: 8px;
  height: 8px;
  content: "";
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  border: 1px solid #979797;
}

/* with icon */
.htmove-divider-icon {
  font-size: 30px;
  line-height: 1;
  padding: 0 20px;
  color: #1d39d7;
  background-color: #FFFFFF;
}

.htmove-divider-solid-with-icon {
  position: relative;
  text-align: center;
  border-top: 0;
}

.htmove-divider-solid-with-icon:before {
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  content: "";
  border-top: 1px solid #979797;
}

.htmove-divider-dotted-with-icon {
  position: relative;
  height: 2em;
  text-align: center;
  border-top: 0;
}

.htmove-divider-dotted-with-icon:before {
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  content: "";
  border-top: 1px dotted #d8d8d8;
}

.htmove-divider-dotted-spaced-with-icon {
  position: relative;
  height: 2em;
  text-align: center;
  border-top: 0;
}

.htmove-divider-dotted-spaced-with-icon:before {
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  content: "";
  background-image: -webkit-gradient(linear, left top, right top, color-stop(40%, transparent), color-stop(60%, #979797));
  background-image: -webkit-linear-gradient(left, transparent 40%, #979797 60%);
  background-image: -o-linear-gradient(left, transparent 40%, #979797 60%);
  background-image: linear-gradient(to right, transparent 40%, #979797 60%);
  background-size: 5px 100%;
}

.htmove-divider-gradient-with-icon {
  position: relative;
  height: 2em;
  text-align: center;
  border-top: 0;
}

.htmove-divider-gradient-with-icon:before {
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  content: "";
  background: #ffb87d;
  background: -webkit-gradient(linear, left top, right top, from(#ffb87d), to(#ff3d99));
  background: -webkit-linear-gradient(left, #ffb87d 0%, #ff3d99 100%);
  background: -o-linear-gradient(left, #ffb87d 0%, #ff3d99 100%);
  background: linear-gradient(to right, #ffb87d 0%, #ff3d99 100%);
}

.htmove-divider-dashed-with-icon {
  position: relative;
  height: 2em;
  text-align: center;
  border-top: 0;
}

.htmove-divider-dashed-with-icon:before {
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  content: "";
  background-image: -webkit-gradient(linear, left top, right top, color-stop(60%, transparent), color-stop(40%, #979797));
  background-image: -webkit-linear-gradient(left, transparent 60%, #979797 40%);
  background-image: -o-linear-gradient(left, transparent 60%, #979797 40%);
  background-image: linear-gradient(to right, transparent 60%, #979797 40%);
  background-size: 15px 100%;
}

.htmove-divider-solid-two-with-icon {
  position: relative;
  text-align: center;
}

.htmove-divider-solid-two-with-icon:before {
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  content: "";
  border-top: 1px solid #979797;
}

.htmove-divider-solid-two-with-icon .htmove-divider-icon-wrapper {
  line-height: 1;
}

.htmove-divider-solid-two-with-icon .htmove-divider-icon-wrapper:before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 8px;
  height: 8px;
  content: "";
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  border: 1px solid #979797;
  background-color: #FFFFFF;
}

.htmove-divider-solid-two-with-icon .htmove-divider-icon-wrapper:after {
  position: absolute;
  top: 50%;
  right: 0;
  width: 8px;
  height: 8px;
  content: "";
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  border: 1px solid #979797;
  background-color: #FFFFFF;
}

.htmove-divider-solid-two-with-icon .htmove-divider-icon {
  position: relative;
  display: inline-block;
  padding: 0 20px;
  background-color: #FFFFFF;
}

.htmove-divider-solid-two-with-icon .htmove-divider-icon:before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 8px;
  height: 8px;
  content: "";
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  border: 1px solid #979797;
}

.htmove-divider-solid-two-with-icon .htmove-divider-icon:after {
  position: absolute;
  top: 50%;
  right: 0;
  width: 8px;
  height: 8px;
  content: "";
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  border: 1px solid #979797;
}