@charset "UTF-8";

.carousel-fade .carousel-inner .item {
    -webkit-transition-property: opacity;
    transition-property: opacity;
}

.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    opacity: 0;
}

.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}

.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.carousel-fade .carousel-control {
    z-index: 2;
}

html,
body,
.carousel,
.carousel-inner,
.carousel-inner .item {
    height: 100%;
    min-height: 420px;
}

.plan-container {
    margin-top: -60px;
    z-index: 100;
}

.plan-compare {
}

.plan-compare .section-title .sub-text,
.service-features .section-title .sub-text {
    font-size: 24px;
}

.plan-compare .section-title .sub-text .icon,
.service-features .section-title .sub-text .icon {
    font-size: 45px;
    margin-left: 10px;
}

.plan-compare > li {
    -webkit-transition: 400ms all linear;
    -o-transition: 400ms all linear;
    transition: 400ms all linear;
    float: left;
    display: block;
    height: 100%;
    margin: 0;
}

.plan-compare li.active,
.service-features li.active {
    color: #00a2df;
}

.plan-compare ul li {
    margin-top: 60px;
}

.service-features ul li {
    margin-bottom: 60px;
    min-height: 120px;
}

.plan-compare .icon,
.service-features .icon {
    font-size: 50px;
    display: block;
    text-align: center;
}

.plan-compare p,
.service-features p {
    display: block;
    text-align: center;
    font-size: 17px;
    margin: 10px 0 0 0;
}

.plan-compare >.plan_highlight {

	box-shadow: 0px 0px 5px #c6c6c6;
	padding-top: 40px;
	padding-bottom: 20px;
	margin-top: -40px;
	border-radius: 5px;
}

.plan-compare >.plan_highlight:hover {

	box-shadow: 0px 0px 5px #797979;
}

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

    .responsive-bd {
        border-left: 0;
        border-right: 0;
    }

    .plan-container {
        margin-top: 25px;
    }

    .col-half {
        height: auto !important;
    }

    .service-features ul li:first-child {
        margin-top: 100px;
    }
}