/* 13. hosting-plan */
.hplan-bg::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	background-image: url(../img/bg/plan_bg.html);
	width: 100%;
	height: 635px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: -1;
}
.s-hplan-bg::before {
	background-image: url(../img/bg/plan_bg02.html);
}
.six-hplan-bg::before {
	background-image: url(../img/bg/plan_bg03.html);
}
.white-title h2,.white-title p {
	color: #fff;
}
.single-hplan {
	background: #fff;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.07);
	border: 1px solid #dbdbdb;
	border-radius: 5px;
	padding: 50px 70px;
}
.s-single-hplan {
	background: #190A85;
	background: -webkit-linear-gradient(to right, #6757D4, #190A85);
	background: linear-gradient(to right, #6757D4, #190A85);
	box-shadow: none;
	border: none;
	position: relative;
	z-index: 1;
}
.hplan-head span {
	font-size: 18px;
	font-weight: 900;
	color: #47495a;
	display: block;
	margin-bottom: 10px;
}
.hplan-head h3 {
	font-size: 48px;
	color: #3056bc;
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	padding-bottom: 25px;
	border-bottom: 1px solid #d1d6dd;
	margin-bottom: 25px;
}
.hplan-head h3 small {
	font-size: 14px;
	font-weight: 400;
	color: #6b7c93;
}
.hplan-body p {
	font-size: 16px;
	line-height: 1;
	margin-bottom: 10px;
}
.hplan-body span {
	font-size: 16px;
	font-weight: 900;
	color: #47495a;
	display: block;
	margin-bottom: 40px;
}
.hplan-btn .btn {
	background: #0eebb1;
	font-size: 16px;
	padding: 15px 35px;
	border-radius: 5px;
	box-shadow: none;
	transition: .3s linear;
}
.hplan-btn .btn:hover {
	background: #4181CE;;
	color: #fff;
}
.single-hplan.active .hplan-head h3 {color: #0eebb1;}
.s-single-hplan .hplan-head span {
	color: #fff;
}
.s-single-hplan .hplan-head h3 {
	color: #fff;
	border-bottom: 1px solid #fff;
}
.s-single-hplan .hplan-body p {
	color: #fff;
}
.s-single-hplan .hplan-body span {
	color: #fff;
	margin-bottom: 30px;
}
.s-single-hplan .hplan-head h3 small {
	color: #fff;
}
.hplan-list ul li {
	display: block;
	color: #fff;
	font-size: 16px;
	opacity: .6;
	margin-bottom: 10px;
}
.hplan-list ul li:last-child {margin-bottom: 0;}
.s-hplan-btn .btn {
	font-size: 16px;
	padding: 15px 35px;
	border-radius: 5px;
	box-shadow: none;
	transition: .3s linear;
}
.s-hplan-img {
	position: absolute;
	right: 263px;
	top: 50%;
	transform: translateY(-50%);
	z-index: -1;
	transition: .5s linear;
}
.s-single-hplan:hover .s-hplan-img {
	right: 200px;
	opacity: .3;
}
.third-hplan {
	box-shadow: none;
	border: 1px solid #dde5ea;
	padding: 45px 50px;
}
.third-hplan .hplan-head h3 {
	color: #47495a;
	padding-bottom: 0;
	border-bottom: none;
	margin-bottom: 35px;
}
.third-hplan .hplan-head span {
	color: #6747c7;
}
.third-hplan-btn .btn {
	font-size: 16px;
	padding: 15px 35px;
	border-radius: 5px;
	box-shadow: none;
	width: 100%;
}
.hplan-third-list ul li {
	color: #6b7c93;
	margin-bottom: 10px;
}
.hplan-third-list ul li:last-child {
	margin-bottom: 0;
}
.hplan-third-list ul li i {
	color: #000;
	margin-right: 10px;
}
.third-hplan.active {
	transform: scale(1.17);
	position: relative;
	z-index: 1;
}
.popular-tag {
	position: absolute;
	top: 47px;
	right: -15px;
	transform: rotate(90deg);
	background: #fc5155;
	font-size: 14px;
	color: #fff;
	font-weight: 600;
	font-family: 'Poppins', sans-serif;
	padding: 12px 20px;
	line-height: 1;
	padding-right: 50px;
}
.popular-tag::before {
	content: "";
	position: absolute;
	right: -13px;
	top: 4px;
	height: 30px;
	width: 30px;
	background: #fff;
	transform: rotate(135deg);
	z-index: 1;
}
.third-hplan.active .hplan-head h3 {
	color: #47495a;
}
.third-hplan.active .hplan-head span {
	color: #fc5155;
}
.third-hplan.active {
	border: 1px solid #fc5155;
}
.four-hplan .hplan-third-list ul li i {
	color: #5588d3;
}
.four-hplan.active-plan .hplan-head span {
	color: #6ace26;
}
.four-hplan.active-plan .hplan-third-list ul li i {
	color: #6ace26;
}
.four-hplan {
	border: none;
}
.four-hplan-overlay {
	margin-top: -220px;
}
.bplan-btn .btn {
	background: transparent;
	border: 1px solid #6ace26;
	box-shadow: none;
	font-size: 14px;
	padding: 12px 20px;
	transition: .3s;
}
.bplan-btn .btn:hover {
	box-shadow: none;
	background: #6ace26;
}
.bplan-btn .btn:first-child {
	margin-right: 10px;
}
.best-plan-content h5 {
	font-size: 24px;
	margin-bottom: 20px;
}
.best-plan-content p {
	font-size: 18px;
	margin-bottom: 35px;
}

.third-hplan-btn .btn {
    font-size: 16px;
    padding: 15px 35px;
    border-radius: 5px;
    box-shadow: none;
    width: 100%;
}
.btn.purple-btn {
    background: #6747c7;
    -webkit-box-shadow: inset 0px 0px 0px 0px #fc5155;
    box-shadow: inset 0px 0px 0px 0px #fc5155;
    -webkit-transition: all 0.6s linear;
    transition: all 0.6s linear;
    color: #fff;
}

.btn.purple-btn:hover {
    -webkit-box-shadow: inset 0px 100px 0px 0px #fc5155;
    box-shadow: inset 0px 100px 0px 0px #fc5155;
    color: #ffffff;
}

.btn.red {
    background: #fc5155;
    -webkit-box-shadow: inset 0px 0px 0px 0px #6747c7;
    box-shadow: inset 0px 0px 0px 0px #6747c7;
    -webkit-transition: all 0.6s linear;
    transition: all 0.6s linear;
    color: #fff;
}

ul {
    /* list-style: square; */
    margin-bottom: 30px;
    padding-left: 20px;
    list-style: none;
}

.masstm{
	margin-top:110px;
}
.masstmo{
	margin-top:100px;
}
.masstmx{
	margin-bottom:90px;
}