@charset "utf-8";

body {
	margin: 0;
	padding: 0;
	
}

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

.fgdfg {
	margin-top: 40px;
	margin-bottom: 40px;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	display: block;
	font-size: 16px;
	position: relative;
	z-index: 2;
	min-width: 200px;
	max-width: 1280px;
	font-family: "Exo2 0 Regular";
	text-align: center
}

.fgdfg ul,
.fgdfg ul li:last-child a,
.fgdfg ul li:nth-child(1),
.fgdfg ul li:nth-child(2),
.fgdfg 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
}

.fgdfg .vbjyoui {
	background: #fff;
	border-bottom-color: #4c4c96
}

.fgdfg .vbjyoui:before {
	background: #424396
}

.fgdfg .vbjyoui li {
	color: rgba(0, 0, 0, 0.60)
}

.fgdfg .vbjyoui li:nth-child(even) {
	background: #f8f8fa
}

.fgdfg .vbjyoui li:nth-child(1) {
	color: #514e9f
}

.fgdfg .vbjyoui li:nth-child(3) {
	background: #514e9f;
	color: #fff
}

.fgdfg .vbjyoui li:last-child a {
	color: #5f5fa7;
	border-color: #5f5fa7
}

.fgdfg .vbjyoui:hover li:last-child a {
	background: #5f5fa7;
	color: #fff
}

.fgdfg .vbopwww {
	background: #fff;
	border-bottom-color: #e54b81
}

.fgdfg .vbopwww:before {
	background: #e54b81
}

.fgdfg .vbopwww li {
	color: rgba(0, 0, 0, 0.60)
}

.fgdfg .vbopwww li:nth-child(even) {
	background: #f8f8fa
}

.fgdfg .vbopwww li:nth-child(1) {
	color: #e54b81
}

.fgdfg .vbopwww li:nth-child(3) {
	background: #e54b81;
	color: #fff
}

.fgdfg .vbopwww li:last-child a {
	color: #e54b81;
	border-color: #e54b81
}

.fgdfg .vbopwww:hover li:last-child a {
	background: #e54b81;
	color: #fff
}

.fgdfg .tuuo {
	background: #fff;
	border-bottom-color: #a558a6
}

.fgdfg .tuuo:before {
	background: #a558a6
}

.fgdfg .tuuo li {
	color: rgba(0, 0, 0, 0.60)
}

.fgdfg .tuuo li:nth-child(even) {
	background: #f8f8fa
}

.fgdfg .tuuo li:nth-child(1) {
	color: #a558a6
}

.fgdfg .tuuo li:nth-child(3) {
	background: #a558a6;
	color: #fff
}

.fgdfg .tuuo li:last-child a {
	color: #a558a6;
	border-color: #a558a6
}

.fgdfg .tuuo:hover li:last-child a {
	background: #a558a6;
	color: #fff
}

.fgdfg .zxvoyur {
	background: #fff;
	border-bottom-color: #a1c86b
}

.fgdfg .zxvoyur:before {
	background: #a1c86b
}

.fgdfg .zxvoyur li {
	color: rgba(0, 0, 0, 0.60)
}

.fgdfg .zxvoyur li:nth-child(even) {
	background: #f8f8fa
}

.fgdfg .zxvoyur li:nth-child(1) {
	color: #a1c86b
}

.fgdfg .zxvoyur li:nth-child(3) {
	background: #a1c86b;
	color: #fff
}

.fgdfg .zxvoyur li:last-child a {
	color: #a1c86b;
	border-color: #a1c86b
}

.fgdfg .zxvoyur:hover li:last-child a {
	background: #a1c86b;
	color: #fff
}

.fgdfg .ncvkrlqp {
	background: #fff;
	border-bottom-color: #fb6a01
}

.fgdfg .ncvkrlqp:before {
	background: #fb6a01
}

.fgdfg .ncvkrlqp li {
	color: rgba(0, 0, 0, 0.60)
}

.fgdfg .ncvkrlqp li:nth-child(even) {
	background: #f8f8fa
}

.fgdfg .ncvkrlqp li:nth-child(1) {
	color: #fb6a01
}

.fgdfg .ncvkrlqp li:nth-child(3) {
	background: #fb6a01;
	color: #fff
}

.fgdfg .ncvkrlqp li:last-child a {
	color: #fb6a01;
	border-color: #fb6a01
}

.fgdfg .ncvkrlqp:hover li:last-child a {
	background: #fb6a01;
	color: #fff
}

.fgdfg .sdiuuuwi {
	background: #fff;
	border-bottom-color: #f9b31f
}

.fgdfg .sdiuuuwi:before {
	background: #f9b31f
}

.fgdfg .sdiuuuwi li {
	color: rgba(0, 0, 0, 0.60)
}

.fgdfg .sdiuuuwi li:nth-child(even) {
	background: #f8f8fa
}

.fgdfg .sdiuuuwi li:nth-child(1) {
	color: #f9b31f
}

.fgdfg .sdiuuuwi li:nth-child(3) {
	background: #f9b31f;
	color: #fff
}

.fgdfg .sdiuuuwi li:last-child a {
	color: #f9b31f;
	border-color: #f9b31f
}

.fgdfg .sdiuuuwi:hover li:last-child a {
	background: #f9b31f;
	color: #fff
}

.fgdfg.cxvcvb ul {
	margin-left: -3px !important;
	margin-right: -3px !important
}

.fgdfg 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)
}

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

.fgdfg ul li {
	font-size: 14px;

}

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

.fgdfg ul li:nth-child(1) {
	text-transform: capitalize;
	font-size: 30px;
	font-family: "Exo2 0 ExtraBoldItalic";
	margin-top: 12px;
	position: relative;
	top: 0
}

.fgdfg ul li:nth-child(2) {
	font-size: 14px;
	margin-top: -7px;
	background: none !important;
	position: relative;
	top: 0
}

.fgdfg ul li:nth-child(3) {
	font-family: "Exo2 0 ExtraBold";
	font-size: 28px;
	padding-top: 5px;
	padding-bottom: 2px
}

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

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

@media screen and (min-width:768px) {
	.fgdfg .jkhj {
		z-index: 99999;
		padding-top: 20px;
		margin-top: -20px;
		padding-bottom: 20px
	}

	.fgdfg .jkhj:before {
		top: -22px
	}

	.fgdfg .jkhj li:nth-child(1),
	.fgdfg .jkhj li:nth-child(2) {
		top: -12px
	}

	.fgdfg .jkhj li:last-child a {
		top: 12px
	}

	.fgdfg .vbjyoui.jkhj li:last-child a {
		background: #5f5fa7;
		color: #fff
	}

	.fgdfg .vbopwww.jkhj li:last-child a {
		background: #e54b81;
		color: #fff
	}

	.fgdfg .tuuo.jkhj li:last-child a {
		background: #a558a6;
		color: #fff
	}

	.fgdfg .zxvoyur.jkhj li:last-child a {
		background: #a1c86b;
		color: #fff
	}

	.fgdfg .ncvkrlqp.jkhj li:last-child a {
		background: #fb6a01;
		color: #fff
	}

	.fgdfg .sdiuuuwi.jkhj li:last-child a {
		background: #f9b31f;
		color: #fff
	}

	.fgdfg {
		height: 400px
	}

	.fgdfg ul:hover {
		padding-top: 20px;
		margin-top: -20px;
		padding-bottom: 20px
	}

	.fgdfg ul:hover:before {
		top: -22px
	}

	.fgdfg ul:hover li:nth-child(1),
	.fgdfg ul:hover li:nth-child(2) {
		top: -12px
	}

	.fgdfg ul:hover li:last-child a {
		top: 12px
	}
}

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

@media screen and (max-width:480px) {
	.fgdfg ul {
		width: 90%;
		border-bottom: 4px solid;
		display: inline-block;
		margin-top: 20px;
		margin-bottom: 20px
	}
}