.ui-slider {
  font-size: 16px;
}

.ui-slider-pips.spgslider .ui-slider-label {
  top: 25px;
}

.spgLine li:before {
    content: '\f00c';
    font-family: 'FontAwesome';
    float: left;
    margin-left: -1.5em;
    color: orange;
}

.spgLine ul,
.spgLine li {
	list-style: none;
}

.ctabox {
	padding: 5px 15px;
    margin-bottom: 20px;
}

.ctabox input[type="email"] {
	padding-left: 5px;
    width: 80%;
	color: #000;
}

.ctabox input[type="submit"] {
	width: 60% !important;
}

#submitbutton {
    width: 70%;
    border: 0px;
    background-color: #ffa500;
    color: #FFF;
    height: 30px;
    margin: 30px;
}
.spgslider.ui-slider {
}

.ui-slider-pips.spgslider {
  height: 3px;
  background: #aaa;
  border: none;
  /* margin: 75px 50px 75px 50px; */
  margin: 50px;
}
.ui-slider-pips.spgslider .ui-slider-pip {
  color: black;
  font-weight: bold;
  top: -3px;
}

.ui-slider-pips.spgslider .ui-slider-line {
  background: white;
  width: 12px;
  height: 12px;
  margin-left: -6px;
  box-shadow: 0 0 0 2px orange;
  border-radius: 100%;
  transition: all 0.4s ease;
}
.ui-slider-pips.spgslider .ui-slider-label > span {
  position: absolute;
  bottom: 55px;
  left: 50%;
  width: 100px;
  margin-left: -50px;
}
.ui-slider-pips.spgslider .ui-slider-handle {
  border-radius: 100%;
  background: #03505c;
  border: 2px solid #03505c;
  height: 20px;
  width: 20px;
  margin-top: -4px;
}

.ui-slider-pips.spgslider .ui-slider-handle.ui-state-hover, .ui-slider-pips.spgslider .ui-slider-handle.ui-state-focus, .ui-slider-pips.spgslider .ui-slider-handle.ui-state-active {
  background: #03505c;
  outline: none;
}
.ui-slider-pips.spgslider [class*=ui-slider-pip-initial] {
  color: black;
}

.spgslider.ui-slider .ui-slider-pip .ui-slider-label, .spgslider.ui-slider .ui-slider-pip .ui-slider-label i, .spgslider.ui-slider .ui-slider-pip .ui-slider-label span {
    width: 150px;
    margin-left: -75px;
    text-align: center;
}
.spgslider.ui-slider .ui-slider-pip .ui-slider-label i {
    font-size: 1.2em;
    line-height: 21px;
}

.spgslider.ui-slider .ui-slider-pip .ui-slider-label i,
.spgslider.ui-slider .ui-slider-pip .ui-slider-label span {
    width: 200px;
    margin-left: -100px;
}

div#circle-1 {
	margin-left: auto;
	margin-right: auto;
}

@media screen and (min-width: 768px) {
	.col-sm-8 {
		padding-left: 40px !important;
		margin-top: 20px;
	}
}

@media screen and (max-width: 768px) {

    .spgslider.ui-slider .ui-slider-pip .ui-slider-label i,
    .spgslider.ui-slider .ui-slider-pip .ui-slider-label span {
        font-size: 0.7em;
    }

}


.spgLine {
	/* margin: 75px 0px 75px 0px; */
	margin: 40px 0px 75px 0px;
}

@media ( max-width: 768px ) {
	.spgLine .spgslider.ui-slider {
		width: 90% !important;
		display: block !important;
		margin-top: 70px !important;
		margin-left: 10px !important;
	}
	.spgLine .spgTitel {
		display: block !important;
		width: 100% !important;
	}

}

/*
.spgTitel {
	margin-right: 50px;
	width: 30%;
	display: inline-block;
	font-weight: bold;
}

.spgLine .spgslider.ui-slider {
    width: 60%;
    display: inline-block; 
    margin: 0px;
}
*/