.footer {
	background-color: #003740;
	color: #ffffff;

	position: relative;
	z-index: 6;
}
.footer .left-back {
	position: absolute;
	width: 50%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 10;
}
.footer .right-back {
	position: absolute;
	width: 50%;
	height: 100%;
	top: 0;
	right: 0;
	z-index: 10;
	background-color: #e0a067;
}
.footer .boxed {
	position: relative;
	z-index: 20;
}
.footer .logo-box {
	width: 100%;
	max-width: 200px;
}
.footer h3 {
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
}

.footer table td {
	padding: 10px 5px;
}
.footer table a {
	text-decoration: none;
	color: #ffffff;
}
.footer table a:hover {
	text-decoration: underline;
}
.footer table td i {
	font-size: 14px;
}
.footer table.xl-icon td i {
	font-size: 20px;
}

.copy {
	padding: 20px 0;
	background-color: rgba(0,0,0,0.2);
	color: #ffffff;
	font-size: 14px;
}


.sosmed {
	margin: 20px 0;
}
.sosmed a {
	display: inline-block;
	vertical-align: middle;
	margin: 0 1px;
}
.sosmed i {
	display: inline-block;
	vertical-align: middle;

	text-align: center;
	width: 32px;
	height: 32px;
	line-height: 32px;

	border-radius: 2px;
	border: dashed 1px #e0a067;

	font-size: 110%;
	color: #e0a067;
}
.sosmed span {
	display: none;
}

.footer .sublink {
	background-color: transparent;
	border: solid 1px #00515d;
}
.footer .sublink:hover {
	background-color: #00515d;
}

table.menu-footer a {
	text-transform: uppercase;
}

@media (max-width: 768px) {
	.footer {
		text-align: center;
	}

	.footer table {
		width: 100%;
	}
	.footer table td:first-child {
		display: none;
	}
	.sosmed {
		text-align: center;
	}
	.copy {
		text-align: center;
	}
} /* 768px */