.menu-item a {
padding: 2px;

    color: #717f86;
    text-decoration: none;
    cursor: pointer;
    width: 210px;
    height: 30px;
    display: inline-block;
}
.menu-item a:hover {
    color: #57BEA2;

}
.menu-item {
    list-style: none;
}
.menu-item .active {
    color: #fff;
    background-color: #eea941;
}

.feature-slider-btn, .feature-slider-btn:visited, .feature-slider-btn:active {
    font-weight: 300;
    background-color: #52bfa2;
    border: 2px solid #fff;
    border-radius: 5rem;
    color: #fff;
    font-size: .5em;
    padding: .3rem 2.125rem;
    text-decoration: none;
    transition: all 0.3s ease;
}
.promo-space {

}
.promo-now-message h1 {
    letter-spacing: 0.05rem;
    color: #fff;
    font-size: 2rem;
    font-weight: 700;
}
.promo-now-message {
    padding-top: 0px;
    padding-bottom: 0px;
    background-color: #6F7570;
    text-align: center;
}
.promo-now-message p {
    color: #fff;
}
.solution-description {
	    text-align: center;
    font-size: 1em;
    padding-bottom: 15px;
    width: 60%;
    margin-left: auto;
    margin-right: auto;
	
}
.slider-features-list {
    list-style-type: none;
    font-size: 1rem;
    padding-top: 10px;
    margin-left: -10px;
    margin-bottom: 20px;
    line-height: 1.6;
    text-align: center;
}
.slider-features-list li {
    padding-top: 10px;
}
.index-image-wrapper {
    position: relative;
    width: 100%;
       margin-bottom: 35px;
    margin-top: 35px;
}
.index-image-wrapper-box {
    position: absolute;
    left: 0;
    top: 78%;
    padding: 10px;
    font-size: 2rem;
    width: 32%;
    color: #fff;
    margin: -10px;
    font-weight: 400;
    opacity: .9;
}
.index-image-wrapper h1 {
    color: #fff;
    text-align: center;
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 2rem;
    margin: 5px;
   padding-top: 15px;
    padding-bottom: 15px;
    letter-spacing: .01rem;
}
.index-image-wrapper p {
    letter-spacing: -.03rem;
    font-size: 1rem;
    color: #fff;
    font-weight: 300;
    padding-bottom: 15px;
    padding-top: 10px;
    letter-spacing: .01rem;
}
.index-slider-container {
    background: #f9f9f9;
}

.ribbon {
    position: relative;
    padding: 0 .5em;
    font-size: 2.000em;
    margin: 0 0 0 -0.625em;
    line-height: 1.875em;
    color: #e6e2c8;
    border-radius: 0 .156em .156em 0;
    background: #7b9fc7;
    box-shadow: -1px 2px 3px rgba(0,0,0,0.5);
}
.ribbon:before {
    width: .469em;
    height: 100%;
    
    top: 0;
   
    background: inherit;
    border-radius: .313em 0 0 .313em;
}
.ribbon:before, .ribbon:after {
    position: absolute;
    content: '';
    display: block;
    box-sizing: content-box;
}
@media screen and (max-width: 1200px) {
	.slider-features-list li {
    padding-top: 4px;
}
.index-image-wrapper {
    position: relative;
    width: 100%;
    margin-bottom: 35px;
    margin-top: 35px;
}
.index-image-wrapper-box {
    position: absolute;
    left: 0;
    top: 78%;
    padding: 10px;
    font-size: 2rem;
    width: 52%;
    color: #fff;
    margin: -10px;
    font-weight: 400;
    opacity: .9;
}
.index-image-wrapper h1 {
    color: #fff;
    text-align: center;
    font-size: 1rem;
    font-weight: 400;
    line-height: 2rem;
    margin: 5px;
    padding-top: 15px;
    padding-bottom: 15px;
    letter-spacing: .01rem;
}
.feature-slider-btn, .feature-slider-btn:visited, .feature-slider-btn:active {
    font-weight: 300;
    background-color: #52bfa2;
    border: 2px solid #fff;
    border-radius: 5rem;
     margin-left: 10px;
    font-size: .7em;
    padding: .3rem 1.125rem;
 
    text-decoration: none;
    transition: all 0.3s ease;
}

}
@media only screen and (max-width: 620px) {
	.index-image-wrapper-box {
    position: absolute;
    left: 0;
    top: 78%;
    padding: 10px;
    font-size: 2rem;
    width: 100%;
    color: #fff;
    margin: -10px;
    font-weight: 400;
    opacity: .9;
}
.index-image-wrapper h1 {
    font-size: .8rem;
    padding-top: 3px;
    color: #fff;
    margin: 0px;
    font-weight: 500;
}
}
@media only screen and (max-width: 1501px) {
.solution-description {
	    text-align: center;
    font-size: 1em;
    padding-bottom: 15px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
	
}
}
.slide-in-down.mui-enter, .slide-in-left.mui-enter, .slide-in-up.mui-enter,
	.slide-in-right.mui-enter, .slide-out-down.mui-leave, .slide-out-right.mui-leave,
	.slide-out-up.mui-leave, .slide-out-left.mui-leave, .fade-in.mui-enter,
	.fade-out.mui-leave, .hinge-in-from-top.mui-enter, .hinge-in-from-right.mui-enter,
	.hinge-in-from-bottom.mui-enter, .hinge-in-from-left.mui-enter,
	.hinge-in-from-middle-x.mui-enter, .hinge-in-from-middle-y.mui-enter,
	.hinge-out-from-top.mui-leave, .hinge-out-from-right.mui-leave,
	.hinge-out-from-bottom.mui-leave, .hinge-out-from-left.mui-leave,
	.hinge-out-from-middle-x.mui-leave, .hinge-out-from-middle-y.mui-leave,
	.scale-in-up.mui-enter, .scale-in-down.mui-enter, .scale-out-up.mui-leave,
	.scale-out-down.mui-leave, .spin-in.mui-enter, .spin-out.mui-leave,
	.spin-in-ccw.mui-enter, .spin-out-ccw.mui-leave {
	transition-duration: 500ms;
	transition-timing-function: linear;
}

.slide-in-down.mui-enter {
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
	transition-property: -webkit-transform, opacity;
	transition-property: transform, opacity;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.slide-in-down.mui-enter.mui-enter-active {
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

.slide-in-left.mui-enter {
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	transition-property: -webkit-transform, opacity;
	transition-property: transform, opacity;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.slide-in-left.mui-enter.mui-enter-active {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

.slide-in-up.mui-enter {
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
	transition-property: -webkit-transform, opacity;
	transition-property: transform, opacity;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.slide-in-up.mui-enter.mui-enter-active {
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

.slide-in-right.mui-enter {
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
	transition-property: -webkit-transform, opacity;
	transition-property: transform, opacity;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.slide-in-right.mui-enter.mui-enter-active {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

.slide-out-down.mui-leave {
	-webkit-transform: translateY(0);
	transform: translateY(0);
	transition-property: -webkit-transform, opacity;
	transition-property: transform, opacity;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.slide-out-down.mui-leave.mui-leave-active {
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
}

.slide-out-right.mui-leave {
	-webkit-transform: translateX(0);
	transform: translateX(0);
	transition-property: -webkit-transform, opacity;
	transition-property: transform, opacity;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.slide-out-right.mui-leave.mui-leave-active {
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
}

.slide-out-up.mui-leave {
	-webkit-transform: translateY(0);
	transform: translateY(0);
	transition-property: -webkit-transform, opacity;
	transition-property: transform, opacity;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.slide-out-up.mui-leave.mui-leave-active {
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
}

.slide-out-left.mui-leave {
	-webkit-transform: translateX(0);
	transform: translateX(0);
	transition-property: -webkit-transform, opacity;
	transition-property: transform, opacity;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.slide-out-left.mui-leave.mui-leave-active {
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
}

.fade-in.mui-enter {
	opacity: 0;
	transition-property: opacity;
}

.fade-in.mui-enter.mui-enter-active {
	opacity: 1;
}

.fade-out.mui-leave {
	opacity: 1;
	transition-property: opacity;
}

.fade-out.mui-leave.mui-leave-active {
	opacity: 0;
}

.hinge-in-from-top.mui-enter {
	-webkit-transform: perspective(2000px) rotateX(-90deg);
	transform: perspective(2000px) rotateX(-90deg);
	-webkit-transform-origin: top;
	transform-origin: top;
	transition-property: -webkit-transform, opacity;
	transition-property: transform, opacity;
	opacity: 0;
}

.hinge-in-from-top.mui-enter.mui-enter-active {
	-webkit-transform: perspective(2000px) rotate(0deg);
	transform: perspective(2000px) rotate(0deg);
	opacity: 1;
}

.hinge-in-from-right.mui-enter {
	-webkit-transform: perspective(2000px) rotateY(-90deg);
	transform: perspective(2000px) rotateY(-90deg);
	-webkit-transform-origin: right;
	transform-origin: right;
	transition-property: -webkit-transform, opacity;
	transition-property: transform, opacity;
	opacity: 0;
}

.hinge-in-from-right.mui-enter.mui-enter-active {
	-webkit-transform: perspective(2000px) rotate(0deg);
	transform: perspective(2000px) rotate(0deg);
	opacity: 1;
}

.hinge-in-from-bottom.mui-enter {
	-webkit-transform: perspective(2000px) rotateX(90deg);
	transform: perspective(2000px) rotateX(90deg);
	-webkit-transform-origin: bottom;
	transform-origin: bottom;
	transition-property: -webkit-transform, opacity;
	transition-property: transform, opacity;
	opacity: 0;
}

.hinge-in-from-bottom.mui-enter.mui-enter-active {
	-webkit-transform: perspective(2000px) rotate(0deg);
	transform: perspective(2000px) rotate(0deg);
	opacity: 1;
}

.hinge-in-from-left.mui-enter {
	-webkit-transform: perspective(2000px) rotateY(90deg);
	transform: perspective(2000px) rotateY(90deg);
	-webkit-transform-origin: left;
	transform-origin: left;
	transition-property: -webkit-transform, opacity;
	transition-property: transform, opacity;
	opacity: 0;
}

.hinge-in-from-left.mui-enter.mui-enter-active {
	-webkit-transform: perspective(2000px) rotate(0deg);
	transform: perspective(2000px) rotate(0deg);
	opacity: 1;
}

.hinge-in-from-middle-x.mui-enter {
	-webkit-transform: perspective(2000px) rotateX(-90deg);
	transform: perspective(2000px) rotateX(-90deg);
	-webkit-transform-origin: center;
	transform-origin: center;
	transition-property: -webkit-transform, opacity;
	transition-property: transform, opacity;
	opacity: 0;
}

.hinge-in-from-middle-x.mui-enter.mui-enter-active {
	-webkit-transform: perspective(2000px) rotate(0deg);
	transform: perspective(2000px) rotate(0deg);
	opacity: 1;
}

.hinge-in-from-middle-y.mui-enter {
	-webkit-transform: perspective(2000px) rotateY(-90deg);
	transform: perspective(2000px) rotateY(-90deg);
	-webkit-transform-origin: center;
	transform-origin: center;
	transition-property: -webkit-transform, opacity;
	transition-property: transform, opacity;
	opacity: 0;
}

.hinge-in-from-middle-y.mui-enter.mui-enter-active {
	-webkit-transform: perspective(2000px) rotate(0deg);
	transform: perspective(2000px) rotate(0deg);
	opacity: 1;
}

.hinge-out-from-top.mui-leave {
	-webkit-transform: perspective(2000px) rotate(0deg);
	transform: perspective(2000px) rotate(0deg);
	-webkit-transform-origin: top;
	transform-origin: top;
	transition-property: -webkit-transform, opacity;
	transition-property: transform, opacity;
	opacity: 1;
}

.hinge-out-from-top.mui-leave.mui-leave-active {
	-webkit-transform: perspective(2000px) rotateX(-90deg);
	transform: perspective(2000px) rotateX(-90deg);
	opacity: 0;
}

.hinge-out-from-right.mui-leave {
	-webkit-transform: perspective(2000px) rotate(0deg);
	transform: perspective(2000px) rotate(0deg);
	-webkit-transform-origin: right;
	transform-origin: right;
	transition-property: -webkit-transform, opacity;
	transition-property: transform, opacity;
	opacity: 1;
}

.hinge-out-from-right.mui-leave.mui-leave-active {
	-webkit-transform: perspective(2000px) rotateY(-90deg);
	transform: perspective(2000px) rotateY(-90deg);
	opacity: 0;
}

.hinge-out-from-bottom.mui-leave {
	-webkit-transform: perspective(2000px) rotate(0deg);
	transform: perspective(2000px) rotate(0deg);
	-webkit-transform-origin: bottom;
	transform-origin: bottom;
	transition-property: -webkit-transform, opacity;
	transition-property: transform, opacity;
	opacity: 1;
}

.hinge-out-from-bottom.mui-leave.mui-leave-active {
	-webkit-transform: perspective(2000px) rotateX(90deg);
	transform: perspective(2000px) rotateX(90deg);
	opacity: 0;
}

.hinge-out-from-left.mui-leave {
	-webkit-transform: perspective(2000px) rotate(0deg);
	transform: perspective(2000px) rotate(0deg);
	-webkit-transform-origin: left;
	transform-origin: left;
	transition-property: -webkit-transform, opacity;
	transition-property: transform, opacity;
	opacity: 1;
}

.hinge-out-from-left.mui-leave.mui-leave-active {
	-webkit-transform: perspective(2000px) rotateY(90deg);
	transform: perspective(2000px) rotateY(90deg);
	opacity: 0;
}

.hinge-out-from-middle-x.mui-leave {
	-webkit-transform: perspective(2000px) rotate(0deg);
	transform: perspective(2000px) rotate(0deg);
	-webkit-transform-origin: center;
	transform-origin: center;
	transition-property: -webkit-transform, opacity;
	transition-property: transform, opacity;
	opacity: 1;
}

.hinge-out-from-middle-x.mui-leave.mui-leave-active {
	-webkit-transform: perspective(2000px) rotateX(-90deg);
	transform: perspective(2000px) rotateX(-90deg);
	opacity: 0;
}

.hinge-out-from-middle-y.mui-leave {
	-webkit-transform: perspective(2000px) rotate(0deg);
	transform: perspective(2000px) rotate(0deg);
	-webkit-transform-origin: center;
	transform-origin: center;
	transition-property: -webkit-transform, opacity;
	transition-property: transform, opacity;
	opacity: 1;
}

.hinge-out-from-middle-y.mui-leave.mui-leave-active {
	-webkit-transform: perspective(2000px) rotateY(-90deg);
	transform: perspective(2000px) rotateY(-90deg);
	opacity: 0;
}

.scale-in-up.mui-enter {
	-webkit-transform: scale(0.5);
	transform: scale(0.5);
	transition-property: -webkit-transform, opacity;
	transition-property: transform, opacity;
	opacity: 0;
}

.scale-in-up.mui-enter.mui-enter-active {
	-webkit-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

.scale-in-down.mui-enter {
	-webkit-transform: scale(1.5);
	transform: scale(1.5);
	transition-property: -webkit-transform, opacity;
	transition-property: transform, opacity;
	opacity: 0;
}

.scale-in-down.mui-enter.mui-enter-active {
	-webkit-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

.scale-out-up.mui-leave {
	-webkit-transform: scale(1);
	transform: scale(1);
	transition-property: -webkit-transform, opacity;
	transition-property: transform, opacity;
	opacity: 1;
}

.scale-out-up.mui-leave.mui-leave-active {
	-webkit-transform: scale(1.5);
	transform: scale(1.5);
	opacity: 0;
}

.scale-out-down.mui-leave {
	-webkit-transform: scale(1);
	transform: scale(1);
	transition-property: -webkit-transform, opacity;
	transition-property: transform, opacity;
	opacity: 1;
}

.scale-out-down.mui-leave.mui-leave-active {
	-webkit-transform: scale(0.5);
	transform: scale(0.5);
	opacity: 0;
}

.spin-in.mui-enter {
	-webkit-transform: rotate(-0.75turn);
	transform: rotate(-0.75turn);
	transition-property: -webkit-transform, opacity;
	transition-property: transform, opacity;
	opacity: 0;
}

.spin-in.mui-enter.mui-enter-active {
	-webkit-transform: rotate(0);
	transform: rotate(0);
	opacity: 1;
}

.spin-out.mui-leave {
	-webkit-transform: rotate(0);
	transform: rotate(0);
	transition-property: -webkit-transform, opacity;
	transition-property: transform, opacity;
	opacity: 1;
}

.spin-out.mui-leave.mui-leave-active {
	-webkit-transform: rotate(0.75turn);
	transform: rotate(0.75turn);
	opacity: 0;
}

.spin-in-ccw.mui-enter {
	-webkit-transform: rotate(0.75turn);
	transform: rotate(0.75turn);
	transition-property: -webkit-transform, opacity;
	transition-property: transform, opacity;
	opacity: 0;
}

.spin-in-ccw.mui-enter.mui-enter-active {
	-webkit-transform: rotate(0);
	transform: rotate(0);
	opacity: 1;
}

.spin-out-ccw.mui-leave {
	-webkit-transform: rotate(0);
	transform: rotate(0);
	transition-property: -webkit-transform, opacity;
	transition-property: transform, opacity;
	opacity: 1;
}

.spin-out-ccw.mui-leave.mui-leave-active {
	-webkit-transform: rotate(-0.75turn);
	transform: rotate(-0.75turn);
	opacity: 0;
}

.slow {
	transition-duration: 750ms !important;
}

.fast {
	transition-duration: 250ms !important;
}

.linear {
	transition-timing-function: linear !important;
}

.ease {
	transition-timing-function: ease !important;
}

.ease-in {
	transition-timing-function: ease-in !important;
}

.ease-out {
	transition-timing-function: ease-out !important;
}

.ease-in-out {
	transition-timing-function: ease-in-out !important;
}

.bounce-in {
	transition-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245)
		!important;
}

.bounce-out {
	transition-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845)
		!important;
}

.bounce-in-out {
	transition-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245)
		!important;
}

.short-delay {
	transition-delay: 300ms !important;
}

.long-delay {
	transition-delay: 700ms !important;
}

.shake {
	-webkit-animation-name: shake-7;
	animation-name: shake-7;
}

@
-webkit-keyframes shake-7 { 0%,10%,20%,30%,40%,50%,60%,70%,80%,90%{
	-webkit-transform: translateX(7%);
	transform: translateX(7%);
}

5%,15%,25%,35%,45%,55%,65%,75%,85%,95%{
-webkit-transform
:translateX
(-7%);transform
:translateX
(-7%);
}
}
@
keyframes shake-7 { 0%,10%,20%,30%,40%,50%,60%,70%,80%,90%{
	-webkit-transform: translateX(7%);
	transform: translateX(7%);
}

5%,15%,25%,35%,45%,55%,65%,75%,85%,95%{
-webkit-transform
:translateX
(-7%);transform
:translateX
(-7%);
}
}
.spin-cw {
	-webkit-animation-name: spin-cw-1turn;
	animation-name: spin-cw-1turn;
}

@
-webkit-keyframes spin-cw-1turn { 0%{
	-webkit-transform: rotate(-1turn);
	transform: rotate(-1turn);
}

100%{
-webkit-transform
:rotate(0)
;transform
:rotate(0)
;
}
}
@
keyframes spin-cw-1turn { 0%{
	-webkit-transform: rotate(-1turn);
	transform: rotate(-1turn);
}

100%{
-webkit-transform
:rotate(0)
;transform
:rotate(0)
;
}
}
.spin-ccw {
	-webkit-animation-name: spin-cw-1turn;
	animation-name: spin-cw-1turn;
}

@
keyframes spin-cw-1turn { 0%{
	-webkit-transform: rotate(0);
	transform: rotate(0);
}

100%{
-webkit-transform
:rotate(1turn)
;transform
:rotate(1turn)
;
}
}
.wiggle {
	-webkit-animation-name: wiggle-7deg;
	animation-name: wiggle-7deg;
}

@
-webkit-keyframes wiggle-7deg { 40%,50%,60%{
	-webkit-transform: rotate(7deg);
	transform: rotate(7deg);
}

35%,45%,55%,65%{
-webkit-transform
:rotate(-7deg)
;transform
:rotate(-7deg)
;
}
0%,30%,70%,100%{
-webkit-transform
:rotate(0)
;transform
:rotate(0)
;
}
}
@
keyframes wiggle-7deg { 40%,50%,60%{
	-webkit-transform: rotate(7deg);
	transform: rotate(7deg);
}

35%,45%,55%,65%{
-webkit-transform
:rotate(-7deg)
;transform
:rotate(-7deg)
;
}
0%,30%,70%,100%{
-webkit-transform
:rotate(0)
;transform
:rotate(0)
;
}
}
.infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

.slow {
	-webkit-animation-duration: 750ms !important;
	animation-duration: 750ms !important;
}

.fast {
	-webkit-animation-duration: 250ms !important;
	animation-duration: 250ms !important;
}

.linear {
	-webkit-animation-timing-function: linear !important;
	animation-timing-function: linear !important;
}

.ease {
	-webkit-animation-timing-function: ease !important;
	animation-timing-function: ease !important;
}

.ease-in {
	-webkit-animation-timing-function: ease-in !important;
	animation-timing-function: ease-in !important;
}

.ease-out {
	-webkit-animation-timing-function: ease-out !important;
	animation-timing-function: ease-out !important;
}

.ease-in-out {
	-webkit-animation-timing-function: ease-in-out !important;
	animation-timing-function: ease-in-out !important;
}

.bounce-in {
	-webkit-animation-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245)
		!important;
	animation-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245)
		!important;
}

.bounce-out {
	-webkit-animation-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845)
		!important;
	animation-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845)
		!important;
}

.bounce-in-out {
	-webkit-animation-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245)
		!important;
	animation-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245)
		!important;
}

.short-delay {
	-webkit-animation-delay: 300ms !important;
	animation-delay: 300ms !important;
}

.long-delay {
	-webkit-animation-delay: 700ms !important;
	animation-delay: 700ms !important;
}