/* Super Milestone CSS */
.super-milestone{text-align:center; display: flex; flex-direction: column; align-items: center; justify-content: center;}

.super-milestone:not(.animated-in){opacity:1}

.span_12.right .super-milestone, .super-milestone[data-ms-align="right"]{text-align:right}

.super-milestone[data-ms-align="left"]{text-align:left}
.span_12.right .super-milestone[data-symbol-alignment="superscript"]{padding-right:40px}

.super-milestone .number h1, .super-milestone .number h2, .super-milestone .number h3, .super-milestone .number h4, .super-milestone .number h5{font-size:inherit!important; line-height:inherit!important; color:inherit!important; display:inline-block;}
.super-milestone .number{font-size:62px; line-height:62px; font-family:'Open Sans'; font-weight:600; margin-bottom:5px; position:relative; display:inline-block}

.super-milestone.motion_blur .number span:not(.in-sight){transform:translateY(-100%); -wenkit-transform:translateY(-100%); opacity:0}
.super-milestone.motion_blur .number span{display:inline-block}

.super-milestone .subject{letter-spacing:0.5px;  font-weight:300;  font-size:22px;  line-height:25px}

.super-milestone .number .symbol-wrap-before, .super-milestone .number .symbol-wrap-after{display:inline-block}

.super-milestone[data-symbol-alignment="superscript"] .number .symbol-wrap-before, .super-milestone[data-symbol-alignment="superscript"] .number .symbol-wrap-after{transform:translateX(103%); -webkit-transform:translateX(103%);  top:0; right:0; position:absolute; display:inline; font-size:30px; line-height:34px}

.super-milestone[data-symbol-alignment="superscript"][data-symbol-pos="before"] .number .symbol-wrap-before, .super-milestone[data-symbol-alignment="superscript"][data-symbol-pos="before"] .number .symbol-wrap-after{transform:translateX(-103%); -webkit-transform:translateX(-103%);  right:auto; left:0}

.milestone-wrap{text-align:center}

.super-milestone .number.accent-color{ color: #ff9100; }

@media only screen and (max-width: 690px){
	.super-milestone .number, .super-milestone .number .symbol-wrap-before, .super-milestone .number .symbol-wrap-after{
		font-size: 70px!important;
		line-height: 70px!important;
	}
}
@media only screen and (min-width : 691px) and (max-width : 999px) {
	.super-milestone .number, .super-milestone .number .symbol-wrap-before, .super-milestone .number .symbol-wrap-after{
		font-size: 80px!important;
		line-height: 80px!important;
	}
}