.package-page-st{
	.breadcrumb{
		padding:0px;
		.st-breadcrumb{
			background-color: #FFFFFF;
		}
	}
	[class*=" box-icon-"]:not(.box-icon-white):not(.box-icon-border-dashed):not(.box-icon-border){
		padding: 30px;
	    color: #FFF;
	    font-size: 30px;
	    border-radius: 50%;
	    background: #4bbd4b;
	    margin-top: 30px;
	}
}
.payment-form{
	.title{
		margin-bottom: 30px;
	}
	.payment-item {
	    margin-bottom: 35px;
	    min-height: 60px;
	    display: -webkit-box;
	    display: -ms-flexbox;
	    display: flex;
	    -webkit-box-align: center;
	    -ms-flex-align: center;
	    align-items: center;
	    .dropdown {
		    width: 100%;
		}
		.st-icheck-item {
		    position: relative;
		    padding-left: 0px;
		    cursor: pointer;
		    font-size: 22px;
		    -webkit-user-select: none;
		    -moz-user-select: none;
		    -ms-user-select: none;
		    user-select: none;
		    line-height: 21px;
		    label {
			    display: -webkit-box;
			    display: -ms-flexbox;
			    display: flex;
			    -webkit-box-align: center;
			    -ms-flex-align: center;
			    align-items: center;
			    font-size: 14px;
			    color: #5E6D77;
			    font-weight: normal;
			    margin-bottom: 0px;
			    cursor: pointer;
			    .check-payment {
				    position: relative;
				    overflow: hidden;
				    height: 16px;
				    width: 16px;
				    float: left;
				    margin-right: 15px;
				    input[type="radio"] {
					    position: absolute;
					    opacity: 0;
					    cursor: pointer;
					    margin: 0;
					    top: 0;
					    left: 0;
					}
					.checkmark {
					    position: absolute;
					    top: 0;
					    left: 0;
					    height: 16px;
					    width: 16px;
					    background-color: #fff;
					    border-radius: 50%;
					    border: 1px solid #A0A9B2;
					}
				}
				.payment-title {
				    min-width: 140px;
				    display: inline-block;
				    color: var(--link-color, #1A2B48);
				    font-weight: 500;
				}
				img {
				    max-height: 60px;
				}
			}
		}
	}
	.dropdown-menu {
	    width: 100%;
	    margin-top: 30px;
	    border: 2px solid #D7DCE3;
	    border-radius: 3px;
	    -webkit-box-shadow: none;
	    box-shadow: none;
	    position: relative;
	    padding: 25px 15px;
	    &:before {
		    content: '';
		    width: 0;
		    height: 0;
		    border-style: solid;
		    position: absolute;
		    border-width: 10px;
		    border-color: transparent #fff #fff transparent;
		    top: -8px;
		    left: 30px;
		    right: 0;
		    -webkit-transform: rotate(225deg);
		    transform: rotate(225deg);
		    -webkit-box-shadow: 2px 2px 0px #dfdfdf;
		    box-shadow: 2px 2px 0px #dfdfdf;
		}
	}
	.pm-info{
		img {
		    max-width: 180px;
		    margin-bottom: 10px;
		    height: auto
		}
		 p {
		    margin: 0;
		}
	}
}
.mt20 {
    margin-top: 20px !important;
}
.st-notice-success{
	display: flex;
	align-items: center;
	.icon-success{
		margin-right: 30px;
	}
	.title-admin{
		.st-admin-success{
		    font-size: 24px;
		    color: var(--link-color, #1A2B48);
		    letter-spacing: 0;
		    font-weight: 500;
		    span{
		    	font-weight: 400;
		    }
		}
		.st-text{
			font-size: 16px;
			color: #5E6D77;
			letter-spacing: 0;
		}
	}
}
.st-title-yourinfor h2{
	font-weight: 500;
	font-size: 24px;
	color: var(--link-color, #1A2B48);
	letter-spacing: 0;
	text-align: left;
}
.st-table-infor{
	border: 1px solid #D7DCE3;
    border-radius: 3px;
    padding: 30px;
    .tb_cart_customer{
    	td{
    		border-bottom: 1px solid #D7DCE3;
    		padding-top:20px;
    		padding-bottom:20px;
    		strong{
				font-size: 14px;
				color: var(--link-color, #1A2B48);
				letter-spacing: 0;
    		}
    	}
    	tr:nth-child(1){
    		td{
    			padding-top: 0px;
    		}
    	}
    }
}
.sidebar-you-item{
	border: 1px solid #D7DCE3;
	border-radius: 3px;
	padding: 30px;
	.infor-your-item{
		p{
			font-size: 14px;
			color: var(--link-color, #1A2B48);
			letter-spacing: 0;
			margin: 0px;
			margin-bottom: 17px;
		}
	}
}
.sidebar-order{
	position: relative;
	ul{
		padding:15px 30px;
		margin: 0px;
		list-style: none;
		li:nth-child(2){
			margin-bottom: 15px;
			margin-top: 15px;
		}
		li:nth-child(3){
			margin-bottom: 15px;
		}
		p{
			font-size: 16px;
			color: var(--link-color, #1A2B48);
			letter-spacing: 0;
			margin:0px;
		}
	}
	&::before{
		position: absolute;
		width: 3px;
		height: 100%;
		background: var(--link-color, #5191FA);
		content: "";
	}
}

.package-cart {
    border: 1px solid #ccc;
    box-shadow: 1px 1px 2px #ddd;
    .cart-head {
	    padding: 20px 15px;
	    background: #f7f7f7;
	    h4 {
		    color: #3498DB;
		    .fa{
		    	color: #fff;
			    background: #ccc;
			    padding: 5px;
			    font-size: 20px;
		    }
		}
	}
	.cart-content {
	    padding: 20px 15px;
	    border-top: 1px solid #ccc;
	    .item{
	    	border-bottom: 1px dashed #ddd;
    		margin-bottom: 3px;
	    }
	}
	.cart-footer {
	    padding: 20px 15px;
	    border-top: 1px solid #ccc;
	}
}
.st-payment-tabs-wrap{
	ul{
		list-style: none;
		padding:0px;
		margin:0px;
	}
}
#mpk-form{
	#st_submit_member_package{margin-top: 30px;}
	.fa.input-icon{
		position: absolute;
	    width: 32px;
	    height: 32px;
	    line-height: 32px;
	    display: block;
	    left: 1px;
	    text-align: center;
	    color: #b3b3b3;
	    -webkit-transition: .3s;
	    -moz-transition: .3s;
	    -o-transition: .3s;
	    -ms-transition: .3s;
	    transition: .3s;
	    z-index: 99991;
	}
	.form-control {
	    width: 100%;
	    height: 34px;
	    padding: 6px 12px;
	    padding-left: 32px;
	    background-color: #fff;
	    border: 1px solid #ccc;
	    border-radius: 4px;
	    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
	    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s
	}
	.form-group {
	    position: relative;
	}
	label{
		-webkit-transition: .3s;
	    -moz-transition: .3s;
	    -o-transition: .3s;
	    -ms-transition: .3s;
	    transition: .3s;
	}
	.st-payment-tabs{
		.payment-gateway {
		    width: 25%;
		    padding: 15px;
		    box-sizing: border-box;
		    display: block;
		    float: left;
		    &.active{
		    	.payment-gateway-wrap{
		    		background: #ffc;
		    	}
		    }
		    .payment-gateway-wrap{
		    	border: 1px solid #ccc;
			    position: relative;
			    text-align: center;
			    padding: 10px;
			    transition: all .3s;
			    &:after{
			    	content: "";
				    border-color: inherit;
				    position: absolute;
				    bottom: -12px;
				    left: 50%;
				    margin-left: -12px;
				    display: none;
				    border-left: 11px solid transparent;
				    border-right: 11px solid transparent;
				    border-top: 11px solid #ccc;
			    }
			    .logo{
			    	text-align: center;
				    margin-top: 5px;
				    margin-bottom: 15px;
				    height: 100px;
				    display: table;
				    width: 100%;
				    .h-center{
				    	display: table-cell;
    					vertical-align: middle;
				    }
			    }
			    .gateway-name{
			    	font-weight: 700;
				    margin-bottom: 20px;
				    font-size: 16px;
				    text-transform: uppercase;
			    }
				.i-radio {
				    float: none;
				    margin: 0;
				    left: auto;
				    border-radius: 50%;
				    &.checked{
				    	border-color: #ed8323;
						background: #ed8323;
						border: 1px solid #ed8323;
				    }
				}
		    }
		}
	}
}
.item-member-ship{
	position: relative;
	display: block;
	&:hover{
		.item-st{
			-webkit-box-shadow: 0 12px 30px 0 rgba(0, 0, 0, 0.1);
		    -moz-box-shadow: 0 12px 30px 0 rgba(0, 0, 0, 0.1);
		    box-shadow: 0 12px 30px 0 rgba(0, 0, 0, 0.1);
		    .button-get{
				background-color: var(--link-color, #5191FA);
				.add_cart_package_new{
					color: #FFFFFF;
					background-color: var(--link-color, #5191FA);
					background: transparent;
				}
			}
		}

	}
	.item-st{
		padding-top:3.75rem;
		border: 1px solid #DAE1E7;
		border-radius: 5px;
		border-radius: 5px;
		padding-right: 1.88rem;
		padding-left: 1.88rem;
		-webkit-transition: all 0.2s ease-in-out;
	    -o-transition: all 0.2s ease-in-out;
	    -moz-transition: all 0.2s ease-in-out;
	    transition: all 0.2s ease-in-out;
		.icon-table{
			text-align: center;
		}
		.title{
			text-align: center;
			font-weight: 600;
			font-size: 18px;
			color: #7C90A9;
			letter-spacing: 0;
			margin-top: 1.63rem;
			margin-bottom: 1.63rem;
		}
		.price{
			text-align: center;
			line-height: 1;
			span{
				text-align: center;
				font-weight: 500;
				font-size: 48px;
				color: var(--link-color, #5191FA);
				letter-spacing: 0;
				&.sign{
					font-weight: 700;
				    vertical-align: super;
				    line-height: 1;
				    margin-right: -10px;
				    font-size: 18px;
				    color: var(--link-color, #5191FA);
				    letter-spacing: 0;
				}
			}
		}
		.time-packpage{
			p{
			    font-size: 12px;
			    color: #7C90A9;
			    letter-spacing: 0;
			    text-align: center;
			}
		}
		.pricingContent{
			margin-top: 1.88rem;
			ul{
				list-style: none;
				margin: 0px;
				padding: 0px;
				li{
					&:first-child{
						border-top: 1px solid #DAE1E7;
					}
					border-bottom: 1px solid #DAE1E7;
					padding-top: 1.25rem;
					padding-bottom: 1.25rem;
					img{
						margin-right: 0.94rem;
					}
				}
			}
		}
		.button-get{
			border: 2px solid var(--link-color, #5191FA);
		    border-radius: 3px;
		    margin-top: 1.88rem;
		    margin-bottom: 1.88rem;
		    -webkit-transition: all 0.2s ease-in-out;
		    -o-transition: all 0.2s ease-in-out;
		    -moz-transition: all 0.2s ease-in-out;
		    transition: all 0.2s ease-in-out;
		    .add_cart_package_new{
		    	font-weight: 500;
				font-size: 14px;
				color: var(--link-color, #1A2B48);
				letter-spacing: 0;
				display: block;
				-webkit-transition: all 0.2s ease-in-out;
			    -o-transition: all 0.2s ease-in-out;
			    -moz-transition: all 0.2s ease-in-out;
			    transition: all 0.2s ease-in-out;
				background-color: transparent;
				background: transparent;
				width: 100%;
		    }
		}
	}
}
@media all and (max-width: 768px){
	.item-member-ship{
		margin-bottom: 15px;
	}
	.st-notice-success{
		display: flex;
		align-items: center;
		.icon-success{
			margin-right: 15px;
			img{
				width: 50px;
				height: 50px;
			}
		}
		.title-admin{
			.st-admin-success{
			    font-size: 16px;
			    color: var(--link-color, #1A2B48);
			    letter-spacing: 0;
			    font-weight: 500;
			    span{
			    	font-weight: 400;
			    }
			}
			.st-text{
				font-size: 14px;
				color: #5E6D77;
				letter-spacing: 0;
			}
		}
	}
}
.st-become-faqs{
	h3{
		img{
			margin-right:15px;
		}
	}
}
