/*---------------------------------------
Default CSS for Price table
---------------------------------------*/

@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800|Roboto:400,500,700,900');

* {
	margin:0;
	padding:0;
}

.split-space {
	margin-bottom: 60px;
}

.agent_header {
	background: #03a9f4;
	height: 620px;
}

.bg1 {
	background: url(../img/agent/banner_img.png)no-repeat center;
	height: 620px;
}

.img-title2 {
	width: 600px;
	margin: 155px 0 0 35px;
}

.header-title {
	display: flex;
	justify-content: flex-end;
}

.title-content {
	color: #FFFFFF;
	width: 509px;
	margin: 208px 10px 0 0;
}

.h-title {
	font-size: 40px;
	font-family: PingFangSC-Light;
	font-weight:300;
}
.h-content {
 	margin-top: 35px;
	font-size: 16px;
	font-family:PingFangSC-Regular;
	font-weight:400;
}

.agent-card ul,.agent-card li,.agent-card a,.agent-card p {
	margin:0;
	padding:0;
	display:block;
	list-style:none;
	text-decoration:none;
	line-height:40px
}

.agent-card {
	margin-top:60px;
	margin-bottom:60px;
	margin-left:auto;
	margin-right:auto;
	padding:0;
	display:block;
	font-size:16px;
	position:relative;
	z-index:999;
	min-width:200px;
	max-width:1280px;
	text-align:center
}

.agent-card ul,.agent-card ul li:last-child a,.agent-card ul li:nth-child(1),.agent-card ul li:nth-child(2),.agent-card ul:before {
	transition:all .4s linear 0s;
	-moz-transition:all .4s linear 0s;
	-ms-transition:all .4s linear 0s;
	-webkit-transition:all .4s linear 0s;
	-o-transition:all .4s linear 0s
}

.agent-card .basic {
	background:#fff;
	border-bottom-color:#4c4c96
}

.agent-card .basic:before {
	background:#424396
}

.agent-card .basic li {
	color:rgba(0,0,0,0.60)
}

.agent-card .basic li:nth-child(even) {
	background:#f8f8fa
}

.agent-card .basic li:nth-child(1) {
	color:#514e9f
}

.agent-card .basic li:nth-child(3) {
	background:#514e9f;
	color:#fff
}

.agent-card .basic li:last-child a {
	color:#5f5fa7;
	border-color:#5f5fa7
}

.agent-card .basic:hover li:last-child a {
	background:#5f5fa7;
	color:#fff
}

.agent-card .full {
	background:#fff;
	border-bottom-color:#e54b81
}

.agent-card .full:before {
	background:#e54b81
}

.agent-card .full li {
	color:rgba(0,0,0,0.60)
}

.agent-card .full li:nth-child(even) {
	background:#f8f8fa
}

.agent-card .full li:nth-child(1) {
	color:#e54b81
}

.agent-card .full li:nth-child(3) {
	background:#e54b81;
	color:#fff
}

.agent-card .full li:last-child a {
	color:#e54b81;
	border-color:#e54b81
}

.agent-card .full:hover li:last-child a {
	background:#e54b81;
	color:#fff
}

.agent-card .advance {
	background:#fff;
	border-bottom-color:#a558a6
}

.agent-card .advance:before {
	background:#a558a6
}

.agent-card .advance li {
	color:rgba(0,0,0,0.60)
}

.agent-card .advance li:nth-child(even) {
	background:#f8f8fa
}

.agent-card .advance li:nth-child(1) {
	color:#a558a6
}

.agent-card .advance li:nth-child(3) {
	background:#a558a6;
	color:#fff
}

.agent-card .advance li:last-child a {
	color:#a558a6;
	border-color:#a558a6
}

.agent-card .advance:hover li:last-child a {
	background:#a558a6;
	color:#fff
}

.agent-card .gold {
	background:#fff;
	border-bottom-color:#fb6a01
}

.agent-card .gold:before {
	background:#fb6a01
}

.agent-card .gold li {
	color:rgba(0,0,0,0.60)
}

.agent-card .gold li:nth-child(even) {
	background:#f8f8fa
}

.agent-card .gold li:nth-child(1) {
	color:#fb6a01
}

.agent-card .gold li:nth-child(3) {
	background:#fb6a01;
	color:#fff
}

.agent-card .gold li:last-child a {
	color:#fb6a01;
	border-color:#fb6a01
}

.agent-card .gold:hover li:last-child a {
	background:#fb6a01;
	color:#fff
}

.agent-card.stack ul {
	margin-left:-2px!important;
	margin-right:-2px!important
}

.agent-card ul {
	width:20%;
	border-bottom:4px solid;
	display:inline-block;
	margin-left:1%;
	margin-right:1%;
	min-width:170px;
	position:relative;
	-webkit-box-shadow:0 0 9px 4px rgba(0,0,0,.1);
	box-shadow:0 0 9px 4px rgba(0,0,0,.1)
}

.agent-card ul:before {
	content:"";
	display:block;
	margin:0 auto;
	padding:0;
	height:2px;
	width:50%;
	position:relative;
	top:-2px;
	z-index:-1
}

.agent-card ul li {
	font-size:12px;
}

.agent-card ul li span {
	font-size:16px;
	line-height:0;
	position:relative;
	top:-3px
}

.agent-card ul li:nth-child(1) {
	text-transform:capitalize;
	font-size:30px;
	font-style:italic;
	margin-top:12px;
	position:relative;
	top:0
}

.agent-card ul li:nth-child(2) {
	font-size:12px;
	margin-top:-15px;
	background:none!important;
	position:relative;
	top:0
}

.agent-card ul li:nth-child(3) {
	font-size:28px;
	padding-top:5px;
	padding-bottom:2px
}

.agent-card ul li:last-child {
	background:none!important
}

.agent-card ul li:last-child a {
	font-size:11px;
	border:1px solid;
	border-radius:100px;
	height:30px;
	margin:8px auto 18px;
	line-height:31px;
	width:120px;
	position:relative;
	top:0
}

.contact {
	font-size:12px;
	color: rgba(0,0,0,0.60);
	height:30px;
	margin:8px 16px;
	line-height:31px;
	position:relative;
	text-align:left;
}

@media screen and (min-width:992px) {
	.split-space {
		height: 60px;
	}
	.agent-card .active	{
		z-index:99999;
		padding-top:20px;
		margin-top:-20px;
		padding-bottom:20px
	}
	
	.agent-card .active:before {
		top:-22px
	}
	
	.agent-card .active li:nth-child(1),.agent-card .active li:nth-child(2)	{
		top:-12px
	}
	
	.agent-card .active li:last-child a {
		top:12px
	}

	.agent-card .basic.active li:last-child a {
		background:#5f5fa7;
		color:#fff
	}
	
	.agent-card .full.active li:last-child a {
		background:#e54b81;
		color:#fff
	}
	
	.agent-card .advance.active li:last-child a {
		background:#a558a6;
		color:#fff
	}

	.agent-card .gold.active li:last-child a {
		background:#fb6a01;
		color:#fff
	}

	.agent-card {
		height:400px
	}
	
	.agent-card ul:hover {
		padding-top:20px;
		margin-top:-20px;
		padding-bottom:20px
	}
	
	.agent-card ul:hover:before {
		top:-22px
	}
	
	.agent-card ul:hover li:nth-child(1),.agent-card ul:hover li:nth-child(2) {
		top:-12px
	}
	
	.agent-card ul:hover li:last-child a {
		top:12px
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.agent-card ul {
		width:40%;
		border-bottom:4px solid;
		display:inline-block;
		margin-top:20px;
		margin-bottom:20px
	}
}

@media only screen and (max-width: 767px) {
	.agent-card ul {
		width:60%;
		border-bottom:4px solid;
		display:inline-block;
		margin-top:20px;
		margin-bottom:20px
	}
}