* {
	margin: 0;
}

.bk {
	border: 2px solid #f00;
}

.bg {
	background-color: #000000;
	color: white;
	padding: 5px 0;
}

img {
	max-width: 100%;
}

.ling {
	padding: 0 !important;
}

.bj {
	background-color: white !important;
	border: none !important;
}

nav {
	overflow: hidden;
}

.navbar-brand {
	margin-top: -30px;
	margin-left: 20px !important;
}

.zz>li {
	width: 9%;
}

.zz {
	width: 85%;
	margin-left: 80px !important;
}

.kk {
	margin-bottom: 0 !important;
}

.pa {
	margin-top: 0px;
}

.aq {
	margin-top: 10px;
}

.az {
	margin-top: 8px;
}

.wp,
.as {
	width: 80%;
	margin: 30px auto;
}

.ae p {
	width: 50%;
	margin: 10px auto;
}

.ae .row {
	margin: 0 auto;
}

.wt img {
	transition: all 2s ease;
}

.wt img:hover {
	transform: scale(1.2) rotate(360deg);
}

.wp h4,
.as h4,
.zf h4 {
	margin: 15px auto;
}

.wc {
	width: 60%;
	margin: 20px auto !important;
}

.wc a {
	text-decoration: none;
	color: black;
	font-size: 1.2em;
}

.wc img {
	transition: all 2s ease;
}

.wc img:hover {
	transform: scale(1.1);
}

.wc p {
	text-align: center;
}

.ax {
	margin-top: -3px;
}

.zf,
.wp,
.qq,
.xc,
.at {
	margin: 30px auto;
	width: 60%;
}

.xc {
	padding-top: 20px !important;
	clear: both;
	box-sizing: content-box;
}

.ar img {
	margin: 10px 3px;
	transition: all 2s ease;
}

.ar img:hover {
	transform: scaleX(0.8) rotate(360deg);
}

.af {
	position: fixed;
	top: 0;
	z-index: 100;
	width: 100%;
}

.ol {
	background-color: white !important;
}

.xc p {
	text-decoration: none;
	width: 100%;
	text-align: center;
	margin: 0 auto;
}

.zv {
	margin-top: 80px;
}

.aw {
	width: 98%;
	margin: 20px auto;
}

.aw li {
	text-align: center;
	margin-top: 5px;
}

.aw ul {
	list-style: none;
}

.aw a {
	color: #000000;
}

.aw a:hover {
	color: #31B0D5;
	text-decoration: none;
}

@media only screen and (max-width:480px) {
	.zz {
		width: 100%;
		margin: 0 !important;
	}

	.zz li {
		width: 100% !important;
	}

	.aq img {
		width: 130% !important;
		margin-top: 4px;
	}

	.az img {
		width: 130% !important;
		margin-top: 4px;
	}

	.az,
	.aq {
		display: none;
	}

	.wp,
	.as,
	.qq,
	.xc,
	.at {
		width: 100%;
	}

	.wp h2,
	.as h2,
	.zf h2,
	.qq h2,
	.xc h2,
	.zl h2,
	.at h2 {
		font-size: 1.2em;
	}

	.wp h4,
	.as h4,
	.zf h4,
	.qq h4,
	.xc h4,
	.xc a,
	.aw li {
		font-size: 0.8em;
	}

	.ae p {
		font-size: 0.5em;
		width: 100%;
		text-align: center;
	}

	.wc {
		width: 100%;
	}

	.rt {
		margin-top: -1.5px;
	}

	.zr {
		margin-top: 1px;
	}

	.zq {
		margin-top: 1px;
	}

	.zf {
		margin: 15px auto;
		width: 90%;
	}

	ar img {
		transition: all 2s ease;
		margin: 0 !important;
	}

	.zv {
		margin-top: 80px;
	}

	.xc {
		padding-top: 5px;
	}

	.aw {
		width: 100%;
		margin-left: 30px;
	}

	.at {
		overflow: hidden;
	}

	.aw ul {
		width: 100% !important;
		padding: 0;
		margin-left: 18px;
	}
}

@media only screen and (min-width:481px) and (max-width:768px) {
	.zz {
		width: 89%;
		margin-top: -8px !important;
		margin-left: 120px !important;
	}

	.zz a {
		font-size: 0.35em;
		padding: 0 !important;
	}

	.zz li {
		width: 9%;
	}

	.navbar-brand img {
		width: 100%;
	}

	.navbar-brand {
		width: 95% !important;
		margin-left: 0 !important;
	}

	.kk {
		overflow: hidden;
	}

	.az,
	.aq {
		display: none;
	}

	.wt {
		margin-top: 5px;
	}

	.ae p {
		width: 40%;
		margin: 10px auto;
	}

	.wc {
		width: 90%;
	}

	.zf {
		margin: 15px auto;
		width: 90%;
	}

	.wp p {
		width: 50%;
		text-align: center;
		margin: 10px 35px;
	}

	.wp,
	.qq,
	.xc,
	footer {
		width: 90%;
	}

	.zv {
		margin-top: 80px;
	}

	.aw {
		width: 100%;
	}

	.aw ul {
		width: 100%;
		padding: 0;
		margin-left: 15px;
	}
}

@media only screen and (min-width:769px) and (max-width:1024px) {
	.zz {
		width: 89%;
		margin-top: -8px !important;
		margin-left: 150px !important;
	}

	.zz a {
		font-size: 0.8em;
		padding: 0 !important;
	}

	.zz li {
		width: 9%;
	}

	.navbar-brand img {
		width: 100%;
	}

	.navbar-brand {
		width: 95% !important;
		margin-left: 0 !important;
	}

	.aq img {
		width: 60% !important;
		margin-top: 4px;
	}

	.az img {
		width: 60% !important;
		margin-top: 4px;
	}

	.ae p {
		width: 100% !important;
		margin: 10px auto;
		text-align: center;
	}

	.wc,
	.qq,
	.ae,
	.wp,
	.xc {
		width: 90%;
	}

	.zf {
		margin: 15px auto;
		width: 90%;
	}

	.zv {
		margin-top: 80px;
	}
}