.input_errors{
    color: red;
}
/* News & Events CSS START */
main-class {
	box-sizing: ;
}

.row::after {
	content: "";
	clear: both;
	display: block;
}

.pt-col-1 {
	width: 8.33%;
	float: left;
	padding: 5px;
}

.pt-col-2 {
	width: 16.66%;
	float: left;
	padding: 5px;
}

.pt-col-3 {
	width: 25%;
	float: left;
	padding: 5px;
}

.pt-col-4 {
	width: 33.33%;
	float: left;
	padding: 5px;
}

.pt-col-5 {
	width: 41.66%;
	float: left;
	padding: 5px;
}

.pt-col-6 {
	width: 50%;
	float: left;
	padding: 5px;
}

.pt-col-7 {
	width: 58.33%;
	float: left;
	padding: 5px;
}

.pt-col-8 {
	width: 66.66%;
	float: left;
	padding: 5px;
}

.pt-col-9 {
	width: 75%;
	float: left;
	padding: 5px;
}

.pt-col-10 {
	width: 83.33%;
	float: left;
	padding: 5px;
}

.pt-col-11 {
	width: 91.66%;
	float: left;
	padding: 5px;
}

.pt-col-12 {
	width: 100%;
	float: left;
}
.box-bg {
	background-color: #fff;
	border: 3px solid #fff;
	border-radius: 5px;
	height: 330px !important;
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
	transition: 0.3s;
}

.box-bg:hover {
	box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.2);
}

.box-bg-1 {
	background-color: #fff;
	/*border: 1px solid #ccc;   commented by shubh 14*/
	border-radius: 5px;
}

.pos-rel-content-box {
	position: relative;
    height: auto;
    width: auto;
}

.container-image {
	position: relative;
}

.container-image img {
	border-top-left-radius: 4px !important;
	border-top-right-radius: 4px !important;
	height: 145px !important;
}

.box-pd {
	padding: 34px 20px 20px;
	color: #7a7a7a !important;
}

.box-pd {
	padding: 0px 5px 5px;
}

.box-pd a {
    text-decoration: none;
}

@media (min-width: 601px) and (max-width: 768px) {
	/* For mobile phones: */
	[class*="col-"] {
		width: 100%;
	}
	.box-pd h2 {
		font-size: 40px;
	}
	.box-pd p {
		font-size: 30px;
	}
	.box-pd p.publish-text {
		font-size: 20px !important;
	}
}

@media (min-width: 601px) and (max-width: 768px) {
	/* For mobile phones: */
	[class*="col-"] {
		width: 100%;
	}
	.box-pd h2 {
		font-size: 40px;
	}
	.box-pd p {
		font-size: 30px;
	}
	.box-pd p.publish-text {
		font-size: 20px !important;
	}
}

.post-title {
	width: 100%;
	max-height: 50px !important;
	overflow: hidden !important;
	font-size: 12px;
	line-height: 17px;
	font-weight: 600 !important;
	margin-top: 5px !important;
}

.post-content {
	width: 100%;
	max-height: 100px !important;
	overflow: hidden !important;
	font-size: 8pt !important;
	line-height: 12px;
}

.pos-abs-publish-box {
}

.publish-text {
	font-size: 12px;
	font-style: italic;
	margin-bottom: 8px !important;
}

.publish-text b {
	color: #000;
	font-style: normal;
	font-family: sans-serif;
}

/* News & Events CSS END */

#top{display: grid; grid-template-columns: 1fr 1fr 1fr; height: 5px;}
#top1{background-color: brown;}
#top2{background-color: red;}
#top3{background-color: green;}
#bottom-bar {
    bottom: 0;
    left: 0;
    right: 0;
    height: 2.4rem;
    padding-top: .45rem;
    background-color: ;
    z-index: 9999;
    padding-right: 15px;
    padding-left: 15px;
    transition: all .3s ease;
}

#bottom-bar.show {
    transform: translateY(0)
}

#bottom-bar a {
    text-decoration: none;
    margin-right: 1rem;
    color: #fff
}

#bottom-bar img {
    position: relative;
    height: 2rem;
    top: -.1rem
}

.icon {
    font-size: 5rem;
    line-height: 2;
    margin-top: ;
    display: inline-block;
    margin-right: 1rem;
}

#sociallinks #ul {
    overflow: auto;
    margin-top: 3px;
}

#sociallinks  #ul #li {
    list-style-type: none;
    float: left;
    padding-left: 15%;
}

#sociallinks  #ul #li a i {
    color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    font-size: 17px;
    margin-right: 5px;
    padding-top: 5px;
    
    transition: all 0.2s ease-in-out;
}

#sociallinks .fa-facebook {
    background: #3b5998;
    padding-left: 10%;
}

#sociallinks .fa-linkedin {
    background: #007bb6;
}

#sociallinks .fa-twitter {
    background: #00aced;
}

#sociallinks .fa-youtube {
    background: #dd4b39;
}

#ul #li a i:hover {
    opacity: .7;
}

.offline-ui,
.offline-ui *,
.offline-ui:before,
.offline-ui:after,
.offline-ui *:before,
.offline-ui *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.offline-ui {
	display: none;
	position: fixed;
	background: #fff;
	z-index: 2000;
	margin: auto;
	top: 0;
	left: 0;
	right: 0
}

.offline-ui .offline-ui-content:before {
	display: inline
}

.offline-ui .offline-ui-retry {
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	display: none
}

.offline-ui .offline-ui-retry:before {
	display: inline
}

.offline-ui.offline-ui-up.offline-ui-up-5s {
	display: block
}

.offline-ui.offline-ui-down {
	display: block
}

.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-retry {
	display: block
}

.offline-ui.offline-ui-down.offline-ui-reconnect-failed-2s.offline-ui-waiting .offline-ui-retry {
	display: none
}

@-webkit-keyframes offline-dropin {
	0% {
		transform: translateY(0);
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		opacity: 0
	}
	1% {
		transform: translateY(-800px);
		-webkit-transform: translateY(-800px);
		-moz-transform: translateY(-800px);
		-ms-transform: translateY(-800px);
		-o-transform: translateY(-800px);
		opacity: 0
	}
	2% {
		transform: translateY(-800px);
		-webkit-transform: translateY(-800px);
		-moz-transform: translateY(-800px);
		-ms-transform: translateY(-800px);
		-o-transform: translateY(-800px);
		opacity: 1
	}
	100% {
		transform: translateY(0);
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		opacity: 1
	}
}

@-moz-keyframes offline-dropin {
	0% {
		transform: translateY(0);
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		opacity: 0
	}
	1% {
		transform: translateY(-800px);
		-webkit-transform: translateY(-800px);
		-moz-transform: translateY(-800px);
		-ms-transform: translateY(-800px);
		-o-transform: translateY(-800px);
		opacity: 0
	}
	2% {
		transform: translateY(-800px);
		-webkit-transform: translateY(-800px);
		-moz-transform: translateY(-800px);
		-ms-transform: translateY(-800px);
		-o-transform: translateY(-800px);
		opacity: 1
	}
	100% {
		transform: translateY(0);
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		opacity: 1
	}
}

@-ms-keyframes offline-dropin {
	0% {
		transform: translateY(0);
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		opacity: 0
	}
	1% {
		transform: translateY(-800px);
		-webkit-transform: translateY(-800px);
		-moz-transform: translateY(-800px);
		-ms-transform: translateY(-800px);
		-o-transform: translateY(-800px);
		opacity: 0
	}
	2% {
		transform: translateY(-800px);
		-webkit-transform: translateY(-800px);
		-moz-transform: translateY(-800px);
		-ms-transform: translateY(-800px);
		-o-transform: translateY(-800px);
		opacity: 1
	}
	100% {
		transform: translateY(0);
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		opacity: 1
	}
}

@-o-keyframes offline-dropin {
	0% {
		transform: translateY(0);
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		opacity: 0;
	}
	1% {
		transform: translateY(-800px);
		-webkit-transform: translateY(-800px);
		-moz-transform: translateY(-800px);
		-ms-transform: translateY(-800px);
		-o-transform: translateY(-800px);
		opacity: 0;
	}
	2% {
		transform: translateY(-800px);
		-webkit-transform: translateY(-800px);
		-moz-transform: translateY(-800px);
		-ms-transform: translateY(-800px);
		-o-transform: translateY(-800px);
		opacity: 1;
	}
	100% {
		transform: translateY(0);
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		opacity: 1;
	}
}

@keyframes offline-dropin {
	0% {
		transform: translateY(0);
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		opacity: 0
	}
	1% {
		transform: translateY(-800px);
		-webkit-transform: translateY(-800px);
		-moz-transform: translateY(-800px);
		-ms-transform: translateY(-800px);
		-o-transform: translateY(-800px);
		opacity: 0
	}
	2% {
		transform: translateY(-800px);
		-webkit-transform: translateY(-800px);
		-moz-transform: translateY(-800px);
		-ms-transform: translateY(-800px);
		-o-transform: translateY(-800px);
		opacity: 1
	}
	100% {
		transform: translateY(0);
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		opacity: 1
	}
}

@-webkit-keyframes offline-dropout {
	0% {
		transform: translateY(0);
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0)
	}
	100% {
		transform: translateY(-800px);
		-webkit-transform: translateY(-800px);
		-moz-transform: translateY(-800px);
		-ms-transform: translateY(-800px);
		-o-transform: translateY(-800px)
	}
}

@-moz-keyframes offline-dropout {
	0% {
		transform: translateY(0);
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0)
	}
	100% {
		transform: translateY(-800px);
		-webkit-transform: translateY(-800px);
		-moz-transform: translateY(-800px);
		-ms-transform: translateY(-800px);
		-o-transform: translateY(-800px)
	}
}

@-ms-keyframes offline-dropout {
	0% {
		transform: translateY(0);
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0)
	}
	100% {
		transform: translateY(-800px);
		-webkit-transform: translateY(-800px);
		-moz-transform: translateY(-800px);
		-ms-transform: translateY(-800px);
		-o-transform: translateY(-800px)
	}
}

@-o-keyframes offline-dropout {
	0% {
		transform: translateY(0);
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
	}
	100% {
		transform: translateY(-800px);
		-webkit-transform: translateY(-800px);
		-moz-transform: translateY(-800px);
		-ms-transform: translateY(-800px);
		-o-transform: translateY(-800px);
	}
}

@keyframes offline-dropout {
	0% {
		transform: translateY(0);
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0)
	}
	100% {
		transform: translateY(-800px);
		-webkit-transform: translateY(-800px);
		-moz-transform: translateY(-800px);
		-ms-transform: translateY(-800px);
		-o-transform: translateY(-800px)
	}
}

@-webkit-keyframes offline-rotation {
	0% {
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg)
	}
	100% {
		transform: rotate(359deg);
		-webkit-transform: rotate(359deg);
		-moz-transform: rotate(359deg);
		-ms-transform: rotate(359deg);
		-o-transform: rotate(359deg)
	}
}

@-moz-keyframes offline-rotation {
	0% {
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg)
	}
	100% {
		transform: rotate(359deg);
		-webkit-transform: rotate(359deg);
		-moz-transform: rotate(359deg);
		-ms-transform: rotate(359deg);
		-o-transform: rotate(359deg)
	}
}

@-ms-keyframes offline-rotation {
	0% {
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg)
	}
	100% {
		transform: rotate(359deg);
		-webkit-transform: rotate(359deg);
		-moz-transform: rotate(359deg);
		-ms-transform: rotate(359deg);
		-o-transform: rotate(359deg)
	}
}

@-o-keyframes offline-rotation {
	0% {
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
	}
	100% {
		transform: rotate(359deg);
		-webkit-transform: rotate(359deg);
		-moz-transform: rotate(359deg);
		-ms-transform: rotate(359deg);
		-o-transform: rotate(359deg);
	}
}

@keyframes offline-rotation {
	0% {
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg)
	}
	100% {
		transform: rotate(359deg);
		-webkit-transform: rotate(359deg);
		-moz-transform: rotate(359deg);
		-ms-transform: rotate(359deg);
		-o-transform: rotate(359deg)
	}
}

.offline-ui {
	-webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, .15), 0 0 1em rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, .15), 0 0 1em rgba(0, 0, 0, .3);
	box-shadow: 0 0 0 1px rgba(0, 0, 0, .15), 0 0 1em rgba(0, 0, 0, .3);
	font-family: "Lucida Grande", sans-serif;
	font-size: 14px;
	padding: 1em;
	width: 38em;
	max-width: 100%;
	background: #f6f6f6;
	color: #444;
	overflow: hidden
}

.offline-ui .offline-ui-content {
	padding-left: 2em
}

.offline-ui .offline-ui-content:before {
	line-height: 1.25em
}

.offline-ui .offline-ui-content:after {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	content: " ";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 1em;
	margin: auto;
	height: 1em;
	width: 1em
}

.offline-ui .offline-ui-retry {
	-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .08), inset 0 1px 2px rgba(255, 255, 255, .75);
	-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, .08), inset 0 1px 2px rgba(255, 255, 255, .75);
	box-shadow: 0 1px 0 rgba(0, 0, 0, .08), inset 0 1px 2px rgba(255, 255, 255, .75);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ededed), color-stop(38%, #ededed), color-stop(100%, #dedede));
	background-image: -webkit-linear-gradient(#ededed, #ededed 38%, #dedede);
	background-image: -moz-linear-gradient(#ededed, #ededed 38%, #dedede);
	background-image: -o-linear-gradient(#ededed, #ededed 38%, #dedede);
	background-image: linear-gradient(#ededed, #ededed 38%, #dedede);
	position: absolute;
	right: 4em;
	top: 1em;
	bottom: 1em;
	border: 1px solid rgba(0, 0, 0, .25);
	text-shadow: 0 1px 0 #f0f0f0;
	padding: 0 1em;
	line-height: 1.6em;
	height: 1.7em;
	margin: auto;
	font-size: 12px;
	text-decoration: none;
	color: inherit
}

.offline-ui.offline-ui-up {
	-webkit-animation: offline-dropout forwards .5s 2s;
	-moz-animation: offline-dropout forwards .5s 2s;
	-ms-animation: offline-dropout forwards .5s 2s;
	-o-animation: offline-dropout forwards .5s 2s;
	animation: offline-dropout forwards .5s 2s;
	-webkit-backface-visibility: hidden
}

.offline-ui.offline-ui-up .offline-ui-content:after {
	background: #80d580
}

.offline-ui.offline-ui-down {
	-webkit-animation: offline-dropin .5s;
	-moz-animation: offline-dropin .5s;
	-ms-animation: offline-dropin .5s;
	-o-animation: offline-dropin .5s;
	animation: offline-dropin .5s;
	-webkit-backface-visibility: hidden
}

.offline-ui.offline-ui-down .offline-ui-content:after {
	background: #ec8787
}

.offline-ui.offline-ui-down.offline-ui-connecting,
.offline-ui.offline-ui-down.offline-ui-waiting {
	padding-right: 3em
}

.offline-ui.offline-ui-down.offline-ui-connecting .offline-ui-content:after,
.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content:after {
	background: #ec8787
}

.offline-ui.offline-ui-down.offline-ui-connecting:after,
.offline-ui.offline-ui-down.offline-ui-waiting:after {
	-webkit-animation: offline-rotation .7s linear infinite;
	-moz-animation: offline-rotation .7s linear infinite;
	-ms-animation: offline-rotation .7s linear infinite;
	-o-animation: offline-rotation .7s linear infinite;
	animation: offline-rotation .7s linear infinite;
	-webkit-backface-visibility: hidden;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	content: " ";
	display: block;
	position: absolute;
	right: 1em;
	top: 0;
	bottom: 0;
	margin: auto;
	height: 1em;
	width: 1em;
	border: 2px solid rgba(0, 0, 0, 0);
	border-top-color: rgba(0, 0, 0, .5);
	border-left-color: rgba(0, 0, 0, .5);
	opacity: .7
}

.offline-ui.offline-ui-down.offline-ui-waiting {
	padding-right: 11em
}

.offline-ui.offline-ui-down.offline-ui-waiting.offline-ui-reconnect-failed-2s {
	padding-right: 0
}

.offline-ui .offline-ui-retry:before {
	content: "Reconnect"
}

.offline-ui.offline-ui-up .offline-ui-content:before {
	content: "Your computer is connected to the internet."
}

@media(max-width:1024px) {
	.offline-ui.offline-ui-up .offline-ui-content:before {
		content: "Your device is connected to the internet."
	}
}

@media(max-width:568px) {
	.offline-ui.offline-ui-up .offline-ui-content:before {
		content: "Your device is connected."
	}
}

.offline-ui.offline-ui-down .offline-ui-content:before {
	content: "Your computer lost its internet connection."
}

@media(max-width:1024px) {
	.offline-ui.offline-ui-down .offline-ui-content:before {
		content: "Your device lost its internet connection."
	}
}

@media(max-width:568px) {
	.offline-ui.offline-ui-down .offline-ui-content:before {
		content: "Your device isn't connected."
	}
}

.offline-ui.offline-ui-down.offline-ui-connecting .offline-ui-content:before,
.offline-ui.offline-ui-down.offline-ui-connecting-2s .offline-ui-content:before {
	content: "Attempting to reconnect..."
}

.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="second"]:before {
	content: "Connection lost. Reconnecting in " attr(data-retry-in-value) " seconds..."
}

@media(max-width:568px) {
	.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="second"]:before {
		content: "Reconnecting in " attr(data-retry-in-value) "s..."
	}
}

.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="second"][data-retry-in-value="1"]:before {
	content: "Connection lost. Reconnecting in " attr(data-retry-in-value) " second..."
}

@media(max-width:568px) {
	.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="second"][data-retry-in-value="1"]:before {
		content: "Reconnecting in " attr(data-retry-in-value) "s..."
	}
}

.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="minute"]:before {
	content: "Connection lost. Reconnecting in " attr(data-retry-in-value) " minutes..."
}

@media(max-width:568px) {
	.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="minute"]:before {
		content: "Reconnecting in " attr(data-retry-in-value) "m..."
	}
}

.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="minute"][data-retry-in-value="1"]:before {
	content: "Connection lost. Reconnecting in " attr(data-retry-in-value) " minute..."
}

@media(max-width:568px) {
	.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="minute"][data-retry-in-value="1"]:before {
		content: "Reconnecting in " attr(data-retry-in-value) "m..."
	}
}

.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="hour"]:before {
	content: "Connection lost. Reconnecting in " attr(data-retry-in-value) " hours..."
}

@media(max-width:568px) {
	.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="hour"]:before {
		content: "Reconnecting in " attr(data-retry-in-value) "h..."
	}
}

.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="hour"][data-retry-in-value="1"]:before {
	content: "Connection lost. Reconnecting in " attr(data-retry-in-value) " hour..."
}

@media(max-width:568px) {
	.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="hour"][data-retry-in-value="1"]:before {
		content: "Reconnecting in " attr(data-retry-in-value) "h..."
	}
}

.offline-ui.offline-ui-down.offline-ui-reconnect-failed-2s.offline-ui-waiting .offline-ui-retry {
	display: none
}

.offline-ui.offline-ui-down.offline-ui-reconnect-failed-2s .offline-ui-content:before {
	content: "Connection attempt failed."
}

#lightboxOverlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1050;
	background-color: #000;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
	opacity: .85;
	display: none
}

#lightbox {
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 1060;
	text-align: center;
	line-height: 0;
	font-weight: normal
}

#lightbox img {
	width: auto;
	height: auto;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px
}

#lightbox a img {
	border: none
}

#lightbox h4 {
	margin-top: 0;
	line-height: 1em
}

#lightbox button.close {
	font-size: 2em;
	outline: none;
	position: absolute;
	top: -20px;
	right: -20px;
	opacity: .6;
	color: #fff
}

#lightbox button.close:hover {
	color: #eaa;
	opacity: 1
}

.lb-outerContainer {
	position: relative;
	background-color: #fff;
	*zoom: 1;
	width: 250px;
	max-width: 95%;
	min-height: 250px;
	margin: 0 auto;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px
}

.lb-outerContainer:after {
	content: "";
	display: table;
	clear: both
}

.lb-container {
	min-height: 250px;
	padding: 10px;
	position: relative
}

.lb-loader {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0
}

.lb-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10
}

.lb-container>.nav {
	left: 0
}

.lb-nav a {
	outline: none
}

.lb-prev,
.lb-next {
	width: 20%;
	height: 100%;
	cursor: pointer;
	display: block
}

.lb-prev {
	left: 0;
	float: left
}

.lb-next {
	right: 0;
	float: right
}

.lb-dataContainer {
	color: #222;
	margin: 0 auto;
	position: relative;
	*zoom: 1;
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius: 4px;
	border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
	border-bottom-right-radius: 4px
}

.lb-dataContainer:after {
	content: "";
	display: table;
	clear: both
}

.lb-data {
	padding: 0 10px;
	text-align: left;
	line-height: 1.1em
}

.lb-data .lb-number {
	font-size: 11px
}

.lb-data .close {
	font-size: 11px;
	font-weight: bold;
	position: absolute;
	right: 10px;
	outline: none;
	opacity: .8
}

.lb-data .close:hover {
	opacity: 1
}

.ekko-lightbox-nav-overlay a {
	padding: 0!important;
	font-size: 25px
}

.ekko-lightbox-nav-overlay a:hover,
.ekko-lightbox-nav-overlay a:focus {
	text-decoration: none
}

.ekko-lightbox-nav-overlay a.glyphicon-chevron-right {
	float: right
}

html {
	position: relative;
	min-height: 100%;
	font-family: arial, sans-serif
}

body {
	color: #141823;
	background-color: #fff;
	word-wrap: break-word;
	font-family: "open sans", arial, sans-serif;
	font-size: 13px
}

@media(min-width:1200px) {
	.container {
		width: 1100px
	}
}

.uni {
	position: absolute
}

.uni h1 {
	margin: 35px 0 0 120px;
	font-size: 27px;
	color: #004ea8;
	font-weight: 700
}

.uni h4 {
	font-size: 14px;
	float: right;
	margin-top: -56px;
	letter-spacing: 2px;
	word-spacing: 2px;
	text-transform: lowercase
}

#brand {
	width: 400px;
	height: 100px;
	padding: 2px 0;
	margin: 0;
	text-transform: uppercase;
	padding-right: 0
}

#brand img {
	width: 400px;
	height: 100px;
	float: left
}

#brand h1 {
	position: absolute;
	color: #004ea8;
	font-family: "segoe UI";
	font-weight: 700;
	font-size: 15px;
	line-height: 17px;
	margin: 5px 0 0 110px
}

#brand h4 {
	position: absolute;
	font-size: .68em;
	text-align: center;
	font-family: 'Signika', sans-serif;
	text-transform: lowercase;
	color: #000;
	margin: 77px 5px 5px 110px
}

.jusc {
	position: absolute;
	right: -12px;
	top: 18px;
	font-weight: 900;
	color: #004ea8;
	font-family: 'Signika', sans-serif;
	font-size: 40px;
	letter-spacing: 5px
}

blockquote {
	color: #004ea8;
	border-left: 5px solid #004ea8;
	border-radius: 5px 0 0 5px;
	font-size: 14px;
	font-family: cursive;
	font-weight: 700
}

.blockquote-reverse {
	color: #004ea8;
	border-right: 5px solid #004ea8;
	border-radius: 0 5px 5px 0
}

.mark,
mark {
	background-color: #ff0
}

.header-col1 {
	height: 100px;
}

.header-col2 {
	height: 100px;
	padding: 0
}

.top-search {
	width: 200px;
	padding-top: 10px
}

.top-search .form-control {
	height: 25px;
	font-size: 11px
}

.top-search .btn {
	padding: 3px 6px;
	font-size: 12px
}

.top-sp-links {
	color: #cbcbcb;
	position: absolute;
	bottom: 0;
	right: 0
}

.top-sp-links a {
	color: #004ea2;
	font-size: 12px
}

@media(max-width:785px) {
	#menu-secondary-navigation {
		margin-right: -15px
	}
}

.top-header {
	padding-right: 25px
}

@media(max-width:350px) {
	.header-col1 {
		padding: 0 0 0 5px
	}
	#brand {
		width: auto
	}
	#brand h1,
	#brand h4 {
		margin-left: 100px
	}
	#slider img {
		height: 120px!important
	}
}

#frame {}

#banner {
	background-color: #f9f9f9;
	padding-top: 15px;
	padding-bottom: 5px;
}

#home-content {
	background-color: rgba(0, 78, 168, .03)
}

@media(min-width:768px) {
	#home-content .col-md-4 {
		float: right
	}
}

@media(max-width:991px) {
	#home-content {
		background-size: 200%
	}
}

#single {
	margin: 0
}

#single .img-thumbnail {
	margin-bottom: 15px
}

table td {
	width: auto!important
}

#footer_section {
	background: #2f333c url('../image/public_image/bg-footer.png');
	color: #fff;
	z-index: 2;
	position: relative
}

#footer_section .widget-title {
	color: #fff;
	text-transform: uppercase;
	text-shadow: 1px 1px 5px #000
}

#footer_section .widget-title label {
	font-weight: 400
}

#footer_section .textwidget {
	color: #ccc
}

#footer_section p {
	text-align: center
}

.seal {
	background: rgba(58, 63, 73, .6);
	alignment-adjust: central;
	word-wrap: break-word;
	padding: 5px 0
}

#footer_section .seal p strong {
	color: #fff;
	font-weight: 400
}

.seal p {
	color: #999;
	text-align: center;
	margin-bottom: 5px
}

.seal>p {
	padding-bottom: 5px
}

.seal hr {
	border: 1px solid transparent;
	border-top-color: #666;
	margin: 5px auto;
	width: 60px
}

#footer_section .seal .branding {
	display: block;
	background-size: 96px 96px;
	height: 110px;
	width: 104px;
	margin: 0 auto;
	padding-top: 5px;
	text-indent: -99999px
}

#footer_section input[type=submit] {
	display: inline-block;
	display: -moz-inline-box;
	display: -ms-inline-grid
}

footer {
	background: #000 url('../image/public_image/banner-carousel-dots-opaque.png');
	z-index: 20;
	color: #fff;
	padding: 20px 0
}

footer p {
	font-size: 12px;
	letter-spacing: .3px;
	margin: 0
}

footer a,
#footer_section a {
	color: #01b8e2
}

footer a:hover,
#footer_section a:hover {
	color: #ddd;
	text-decoration: none
}

img {
	max-width: 100%;
	height: auto
}

img.pull-left {
	padding-right: 10px
}

img.pull-right {
	padding-left: 10px
}

.img-zoom {
	width: 310px;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out
}

.transition {
	-webkit-transform: scale(2);
	-moz-transform: scale(2);
	-o-transform: scale(2);
	transform: scale(2)
}

p {
	text-align: justify;
	margin: 0 0 15px
}

.p {
	text-align: justify;
	word-spacing: -2px
}

a {
	color: #3b5998;
	text-decoration: none;
	-webkit-transition: all .25s linear;
	-moz-transition: all .25s linear;
	-ms-transition: all .25s linear;
	-o-transition: all .25s linear;
	transition: all .25s linear
}

.success {
	color: #5cb85c
}

.mar0 {
	margin: 0
}

.marL0 {
	margin-left: 0
}

.marR0 {
	margin-right: 0
}

.marT0 {
	margin-top: 0
}

.marT1 {
	margin-top: 10px
}

.marT2 {
	margin-top: 20px
}

.marT3 {
	margin-top: 30px
}

.marB0 {
	margin-bottom: 0
}

.marB1 {
	margin-bottom: 10px
}

.marB2 {
	margin-bottom: 20px
}

.marB3 {
	margin-bottom: 30px
}

.pad0 {
	padding: 0
}

.padL0 {
	padding-left: 0
}

.padR0 {
	padding-right: 0
}

.padT0 {
	padding-top: 0
}

.padB0 {
	padding-bottom: 0
}

#quick-link .btn:not(.btn-block) {
	width: 100%;
	margin-bottom: 10px
}

.row_header {
	margin-bottom: 15px;
	color: #004ea8
}

.row_header h1,
.row_header .h1,
.row_header h2,
.row_header .h2,
.row_header h3,
.row_header .h3 {
	margin-top: 10px;
	margin-bottom: 10px;
	border-bottom: 2px solid #cecece
}

.row_header h2 span {
	display: inline-block;
	display: -moz-inline-box;
	display: -ms-inline-grid;
	padding: 0 10px 5px;
	-webkit-font-smoothing: antialiased;
	font-size: 18px;
	font-weight: 700;
	border-bottom: 2px solid #004ea8;
	margin-bottom: -2px
}

.row_header a {
	font-size: 13px;
	float: right;
	line-height: 50px
}

.row_header a:hover,
.archive a:hover {
	text-decoration: none
}

.archive {
    font-size: 13px;
    float:right
}

.fass-color {
	color: #c5281c!important
}

.fass-bg {
	background: #c5281c!important
}

.bba-color {
	color: #008c44!important
}

.bba-bg {
	background: #008c44!important
}

.eee-color {
	color: #f7941e!important
}

.eee-bg {
	background: #f7941e!important
}

.cs-color {
	color: #0072bc!important
}

.cs-bg {
	background: #0072bc!important
}

.btn-theme {
	color: #fff;
	background-color: #004ea8;
	border-color: #004ea8
}

.btn-theme:hover,
.btn-theme:focus,
.btn-theme:active,
.btn-theme.active,
.open>.dropdown-toggle.btn-theme {
	color: #fff!important;
	background-color: #004ea8;
	border-color: #004ea8
}

.btn-login {
	display: block;
	width: 100%;
	font-size: 15px;
	line-height: 1.33;
	border: 3px solid transparent;
	border-radius: 2px;
	padding: 10px 16px;
	margin-top: 10px;
	white-space: normal;
}

.btn-login:hover {
	color: #fff;
	box-shadow: 0 0 5px #333;
	-webkit-box-shadow: 0 0 5px #333;
	-moz-box-shadow: 0 0 5px #333;
	-ms-box-shadow: 0 0 5px #333
}

.btn-admin {
	background-color: #c5281c;
	color: #fff;
	border-color: #c5281c;
}

.btn-teacher {
	background-color: #008c44;
	color: #fff;
	border-color: #008c44;
}

.btn-student {
	background-color: #f7941e;
	color: #fff;
	border-color: #f7941e;
}

.btn-staff {
	background-color: #0072bc;
	color: #fff;
	border-color: #0072bc;
}

.btn-librarian {
	background-color: #d502bc;
	color: #fff;
	border-color: #d502bc;
}

#page-header {
	text-shadow: 0 1px 0 rgba(0, 0, 0, .1);
	padding: 30px 0;
	text-transform: uppercase
}

.header-title {
	color: #004ea8;
	font-size: 22px;
	font-weight: 700;
	margin: 0;
	text-align: center
}

.mobile-social-share {
	margin: 0
}

.mobile-social-share h3 {
	color: #777;
	float: left;
	font-size: 15px;
	line-height: 20px;
	margin: 10px 0
}

.share-group {
	float: right
}

.btn-group {
	display: inline-block;
	display: -moz-inline-box;
	display: -ms-inline-grid;
	font-size: 0;
	position: relative;
	vertical-align: middle;
	white-space: nowrap
}

.mobile-social-share ul {
	float: right;
	list-style: none outside none;
	margin: 0;
	min-width: 61px;
	padding: 0
}

.share {
	min-width: 17px
}

.mobile-social-share li {
	display: block;
	font-size: 18px;
	list-style: none outside none;
	margin-bottom: 3px;
	margin-left: 4px;
	margin-top: 3px
}

.btn-share {
	background-color: #bebebe;
	border-color: #ccc;
	color: #333
}

.btn-twitter {
	background-color: #39c!important;
	width: 51px;
	color: #fff!important
}

.btn-facebook {
	background-color: #3d5b96!important;
	width: 51px;
	color: #fff!important
}

.btn-facebook {
	background-color: #3d5b96!important;
	width: 51px;
	color: #fff!important
}

.btn-google {
	background-color: #dd3f34!important;
	width: 51px;
	color: #fff!important
}

.btn-linkedin {
	background-color: #1884bb!important;
	width: 51px;
	color: #fff!important
}

.btn-pinterest {
	background-color: #cc1e2d!important;
	width: 51px;
	color: #fff!important
}

.btn-mail {
	background-color: #ffc90e!important;
	width: 51px;
	color: #fff!important
}

.caret {
	border-left: 4px solid rgba(0, 0, 0, 0);
	border-right: 4px solid rgba(0, 0, 0, 0);
	border-top: 4px solid;
	display: inline-block;
	display: -moz-inline-box;
	display: -ms-inline-grid;
	height: 0;
	margin-left: 2px;
	vertical-align: middle;
	width: 0
}

#socialShare {
	max-width: 62px
}

#socialShare>a {
	padding: 6px 10px 6px 10px
}

#socialShare .dropdown-menu>li>a {
	font-size: 16px;
	font-weight: 700;
	font-family: cursive
}

@media(max-width:320px) {
	#socialHolder {
		padding-left: 5px;
		padding-right: 5px
	}
	.mobile-social-share h3 {
		margin-left: 0;
		margin-right: 0
	}
	#socialShare {
		margin-left: 5px;
		margin-right: 5px
	}
	.mobile-social-share h3 {
		font-size: 15px
	}
}

@media(max-width:238px) {
	.mobile-social-share h3 {
		font-size: 12px
	}
}

::-webkit-scrollbar {
	width: 8px
}

::-webkit-scrollbar-button {
	display: none;
	background-color: #fff
}

::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px #fff;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
	-mz-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	border-radius: 10px
}

::-webkit-scrollbar-track-piece {
	-webkit-box-shadow: inset 0 0 6px #fff;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
}

::-webkit-scrollbar-thumb {
	-mz-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	border-radius: 10px;
	background-color: #708090
}

::-webkit-scrollbar-thumb:hover {
	background-color: #004493
}

::-webkit-scrollbar-corner {
	display: none;
	background-color: #fff
}

::-webkit-resizer {
	display: none;
	background-color: #ddd
}

#slider-frame {
	max-height: 381px!important
}

#slider {
	margin-bottom: 25px;
	border: 4px solid #fff;
	box-shadow: 0 0 8px rgba(0, 0, 0, .2)
}

#slider img {
	height: 360px;
	width: 100%
}

.carousel-inner>.item>img,
.carousel-inner>.item>a>img {
	width: 100%
}

.carousel {
	max-height: 431px;
	overflow: hidden
}

.carousel .item {
	-webkit-transition: opacity 1s;
	-moz-transition: opacity 1s;
	-ms-transition: opacity 1s;
	-o-transition: opacity 1s;
	transition: opacity 1s
}

.carousel .active.left,
.carousel .active.right {
	left: 0;
	opacity: 0;
	z-index: 2
}

.carousel-caption h1,
.carousel-caption h2,
.carousel-caption h3,
.carousel-caption h4,
.carousel-caption h5,
.carousel-caption h6 {
	margin: 5px 0;
	font-size: 13px;
    text-align: right;
	font-weight: 700
}

.carousel-indicators li {
	border: none;
	background: #fff;
	-webkit-box-shadow: inset 0 -3px 5px 0 rgba(0, 0, 0, .4);
	box-shadow: inset 0 -3px 5px 0 rgba(0, 0, 0, .4)
}

.carousel-indicators .active {
	background: #588dff
}

.carousel-indicators {
	left: 45%;
	top: 85%;
	margin: 0;
	padding: 0;
	width: auto;
	height: 20px;
}

.carousel-control {
	width: 5%
}

.carousel-control:hover {
	-webkit-transition: background-color .25s ease-out;
	-moz-transition: background-color .25s ease-out;
	-ms-transition: background-color .25s ease-out;
	-o-transition: background-color .25s ease-out;
	transition: background-color .25s ease-out;
	background-color: rgba(0, 0, 0, .35)
}

.carousel-control.left,
.carousel-control.right {
	background-image: none
}

.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
	left: 50%
}

.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-right {
	right: 50%
}

.carousel-caption {
	background-color: rgba(0, 0, 0, .5);
	z-index: 50;
	-webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, .4);
	-moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, .4);
	-o-box-shadow: 0 0 8px 0 rgba(0, 0, 0, .4);
	-ms-box-shadow: 0 0 8px 0 rgba(0, 0, 0, .4);
	box-shadow: 0 0 8px 0 rgba(0, 0, 0, .4);
	color: #f4f4f4;
	font-size: 12px;
	line-height: 15px;
	left: auto;
	right: 0;
	bottom: 0;
	padding: 5px;
	width: 100%
}

@media(max-width:1199px)and (min-width:991px) {
	#slider img {
		height: 314px
	}
}

@media(max-width:991px) {
	#live {
		margin: 0 15px
	}
}

@media(max-width:768px)and (min-width:501px) {
	#slider img {
		height: 260px
	}
}

@media(min-width:768px) {
	.carousel-control .glyphicon-chevron-left,
	.carousel-control .glyphicon-chevron-right,
	.carousel-control .icon-prev,
	.carousel-control .icon-next {
		font-size: 20px
	}
}

@media(max-width:500px) {
	#slider img {
		height: 180px
	}
	.carousel-caption {
		position: relative;
		padding: 2px;
		font-size: .85em;
		line-height: 1em;
		width: 100%;
		height: 36px;
		overflow: hidden
	}
	#slider h1,
	#slider h2,
	#slider h3,
	#sliderh4,
	#slider h5,
	#slider h6 {
		margin: 0;
		font-size: 1em
	}
	.carousel-control .icon-prev,
	.carousel-control .icon-next,
	.carousel-control .glyphicon-chevron-left,
	.carousel-control .glyphicon-chevron-right {
		position: absolute;
		top: 35%
	}
}

.carousel.uni-fade .item {
	-webkit-transition: opacity 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out;
	-ms-transition: opacity 1s ease-in-out;
	-o-transition: opacity 1s ease-in-out;
	transition: opacity 1s ease-in-out
}

.carousel.uni-fade .active.left,
.carousel.uni-fade .active.right {
	left: 0;
	z-index: 2;
	opacity: 0;
	filter: alpha(opacity=0)
}

.carousel.uni-fade .next,
.carousel.uni-fade .prev {
	left: 0;
	z-index: 1
}

.carousel.uni-fade .carousel-control {
	z-index: 30
}

.texture-over{
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    background-image: url('../image/public_image/dot.png');
    background-color: transparent;
    background-position: 0 0;
    background-repeat: repeat;
    z-index: 10;
}
#top-news {
	background-color: #fff;
	border: 4px solid #fff;
	box-shadow: 0 0 8px rgba(0, 0, 0, .2);
	margin-bottom: 30px
}

#top-news h6 {
	color: #363636;
	font-size: 12px;
	font-weight: 700;
	white-space: nowrap;
	margin: 10px 0 7px 5px
}

#top-news p {
	height: 30px;
	text-overflow: ellipsis;
	margin-bottom: 0;
	font-size: 12px;
	line-height: 15px;
	padding-left: 5px;
	color: #777
}

#top-news li>a>img {
	width: 64px;
	height: 64px;
	border-radius: 5px;
	border-color: #f5f5f5;
	margin: 2px 0
}

#top-news .media:first-child {
	margin-top: 0
}

#top-news .pull-left {
	margin: 0 5px
}

#top-news .media,
.media-body {
	padding-right: 4px
}

@media(min-width:786px) {
	.media,
	.media .media {
		margin-top: 5px
	}
}

#search {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .7);
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	-webkit-transform: translate(0, -100%) scale(0, 0);
	-moz-transform: translate(0, -100%) scale(0, 0);
	-o-transform: translate(0, -100%) scale(0, 0);
	-ms-transform: translate(0, -100%) scale(0, 0);
	transform: translate(0, -100%) scale(0, 0);
	opacity: 0;
	z-index: 5
}

#search.open {
	-webkit-transform: translate(0, 0) scale(1, 1);
	-moz-transform: translate(0, 0) scale(1, 1);
	-o-transform: translate(0, 0) scale(1, 1);
	-ms-transform: translate(0, 0) scale(1, 1);
	transform: translate(0, 0) scale(1, 1);
	opacity: 1
}

#search input[type="search"] {
	position: absolute;
	top: 50%;
	width: 100%;
	color: #fff;
	background: rgba(0, 0, 0, 0);
	font-size: 60px;
	font-weight: 300;
	text-align: center;
	border: 0;
	margin: 0 auto;
	margin-top: -51px;
	padding-left: 30px;
	padding-right: 30px;
	outline: none
}

#search .btn {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: 61px;
	margin-left: -45px
}

#search .close {
	position: fixed;
	top: 15px;
	right: 15px;
	color: #fff;
	background-color: #ca4242;
	border-color: #bd3535;
	opacity: 1;
	padding: 7px 17px 15px 17px;
	font-size: 27px
}

#news-event {
	padding: 0;
	margin-bottom: 15px
}

.news-event {
	overflow: hidden;
	background: #fff;
	border: 1px solid;
	border-color: #e5e6e9 #dfe0e4 #d0d1d5;
	border-radius: 3px;
	margin-bottom: 15px;
	-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .15);
	-moz-box-shadow: 0 0 8px rgba(0, 0, 0, .15);
	-ms-box-shadow: 0 0 8px rgba(0, 0, 0, .15);
	-o-box-shadow: 0 0 8px rgba(0, 0, 0, .15);
	box-shadow: 0 0 8px rgba(0, 0, 0, .15)
}

.news-event a:hover,
.news-event a:focus {
	text-decoration: none;
	color: #004ea8
}

.news-event .news-event-title {
	position: relative;
	color: #353535;
	background-color: #fff;
	padding: 5px 5px 2px 5px;
	font-size: 11px;
	font-weight: 700;
	height: 35px;
	overflow: hidden;
	text-align: center;
	z-index: 3
}

.news-event .news-event-title b {
	display: inline-block;
	display: -moz-inline-box;
	display: -ms-inline-grid;
	margin-bottom: 5px;
	color: #fff;
	padding: 10px 15px;
	margin-top: 5px
}

.news-event .news-event-image {
	border: solid 4px #fff;
	overflow: hidden
}

.news-event .news-event-image .img {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat
}

.news-event .news-event-image .img:hover {
	border-color: transparent;
	-webkit-animation: animatedBackground 1s ease-out 1;
	-moz-animation: animatedBackground 1s ease-out 1;
	animation: animatedBackground 1s ease-out 1;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}

@-webkit-keyframes animatedBackground {
	0% {
		-webkit-transform: scale(1, 1);
		-moz-transform: scale(1, 1);
		-ms-transform: scale(1, 1);
		-o-transform: scale(1, 1);
		transform: scale(1, 1)
	}
	100% {
		-webkit-transform: scale(1.1, 1.1);
		-moz-transform: scale(1.1, 1.1);
		-ms-transform: scale(1.1, 1.1);
		-o-transform: scale(1.1, 1.1);
		transform: scale(1.1, 1.1)
	}
}

@-moz-keyframes animatedBackground {
	0% {
		-webkit-transform: scale(1, 1);
		-moz-transform: scale(1, 1);
		-ms-transform: scale(1, 1);
		-o-transform: scale(1, 1);
		transform: scale(1, 1)
	}
	100% {
		-webkit-transform: scale(1.1, 1.1);
		-moz-transform: scale(1.1, 1.1);
		-ms-transform: scale(1.1, 1.1);
		-o-transform: scale(1.1, 1.1);
		transform: scale(1.1, 1.1)
	}
}

@keyframes animatedBackground {
	0% {
		-webkit-transform: scale(1, 1);
		-moz-transform: scale(1, 1);
		-ms-transform: scale(1, 1);
		-o-transform: scale(1, 1);
		transform: scale(1, 1)
	}
	100% {
		-webkit-transform: scale(1.1, 1.1);
		-moz-transform: scale(1.1, 1.1);
		-ms-transform: scale(1.1, 1.1);
		-o-transform: scale(1.1, 1.1);
		transform: scale(1.1, 1.1)
	}
}

.news-event .news-event-img-content img {
	width: 100%;
	height: auto;
	display: block
}

.news-event img {}

.news-event .content {
	position: relative;
	padding: 5px 10px;
	height: 46px;
	-webkit-box-shadow: 0 4px 8px -2px rgba(0, 0, 0, .1);
	-moz-box-shadow: 0 4px 8px -2px rgba(0, 0, 0, .1);
	-ms-box-shadow: 0 4px 8px -2px rgba(0, 0, 0, .1);
	-o-box-shadow: 0 4px 8px -2px rgba(0, 0, 0, .1);
	box-shadow: 0 4px 8px -2px rgba(0, 0, 0, .1);
	z-index: 2;
	overflow: hidden
}

.news-event .content p {
	font-size: 12px;
	line-height: 14px;
	color: #898989;
	margin: 0
}

.date_badge {
	background-color: #000;
	color: #fff;
	display: block;
	font-size: 16px;
	height: 95px;
	padding: 5px 0;
	text-align: center;
	width: 102px;
	opacity: .75
}

.date_badge span {
	color: #fff;
	display: block;
	font-weight: 400;
	font-size: 12px;
	letter-spacing: 2px;
	text-transform: uppercase
}

.date_badge.pull-right {
	margin: 0 0 10px 15px
}

.date_badge.pull-left {
	margin: 0 10px 15px 0
}

.date_badge .day {
	font-size: 24px;
	font-weight: 700;
	line-height: 24px
}

.date_badge .month {
	font-size: 11px;
	line-height: 22px
}

.date_badge .year {
	font-size: 20px;
	letter-spacing: 6px;
	line-height: 15px
}

.news-footer {
	padding: 5px 10px;
	border-top: 1px solid #f0f0f0;
	background-color: #fff;
	text-align: center;
	z-index: 1
}

.news-footer time {
	color: #777;
	text-shadow: 0 1px 0 #fff;
	font-size: 12px;
	font-style: italic;
	font-family: serif
}

@media(min-width:786px) {
	.news-event .news-event-image .img {
		height: 120px
	}
}

@media(max-width:787px) {
	.news-event .news-event-image .img {
		height: 130px
	}
}

@media(max-width:600px) {
	.news-event .news-event-image .img {
		height: 150px
	}
}

.event-list {
	list-style: none;
	font-family: 'Lato', sans-serif;
	margin: 0;
	padding: 0
}

.event-list>li>.social {
	background: #fff
}

.event-list>li {
	background-color: #fff;
	box-shadow: 0 0 5px #333;
	box-shadow: 0 0 5px rgba(51, 51, 51, .7);
	padding: 0;
	margin: 0 0 15px
}

.event-list>li>time {
	display: inline-block;
	display: -moz-inline-box;
	display: -ms-inline-grid;
	width: 100%;
	color: #fff;
	background-color: #2c5dc5;
	padding: 5px;
	text-align: center;
	text-transform: uppercase
}

.event-list>li>time>span {
	display: block
}

.event-list>li>time>.day {
	display: block;
	font-size: 20pt;
	font-weight: 100;
	line-height: 1.3
}

.event-list>li time>.month {
	display: block;
	font-size: 12pt;
	font-weight: 600;
	line-height: 1.5
}

.event-list>li time>.year {
	font-size: 14pt;
	font-weight: 700;
	line-height: 1
}

.event-list>li>img,
.event-list>li>a>img {
	width: 100%;
	height: auto
}

.event-list>li>.info {
	padding-top: 5px;
	text-align: center
}

.event-list>li>.info>.title {
	color: #004ea8;
	font-size: 11pt;
	font-weight: 700;
	margin: 0
}

.event-list>li>.info>.desc {
	font-size: 10pt;
	font-weight: 300;
	margin: 0;
	padding: 5px
}

.event-list>li>.social>ul {
	display: table;
	list-style: none;
	margin: 10px 0 0;
	padding: 0;
	width: 100%;
	text-align: center;
	background: #f5f5f5
}

.event-list>li>.social>ul {
	margin: 0
}

.event-list>li>.social>ul>li {
	display: table-cell;
	cursor: pointer;
	color: #1e1e1e;
	font-size: 10pt;
	font-weight: 300;
	padding: 3px 0;
	font-size: 14px;
	font-weight: 700
}

.event-list>li>.social>ul>li>a {
	padding: 2px 0
}

.event-list>li>.social>ul>li>a:hover {
	text-decoration: none
}

.event-list>li>.social>ul>li:hover {
	color: #2d71c7;
	background-color: #fff
}

.facebook a,
.twitter a,
.google-plus a {
	display: block;
	width: 100%;
	color: #4b6ea8!important
}

.twitter a {
	color: #4fd5f8!important
}

.google-plus a {
	color: #dd4b39!important
}

.facebook:hover a {
	color: #fff!important;
	background-color: #4b6ea8!important
}

.twitter:hover a {
	color: #fff!important;
	background-color: #4fd5f8!important
}

.google-plus:hover a {
	color: #fff!important;
	background-color: #dd4b39!important
}

.info-link,
a.info-link:hover {
	text-decoration: none
}

.info-link div:hover {
	background: #2a6496;
	color: #fff
}

@media(min-width:678px) {
	.info-link div {
		display: block;
		position: absolute;
		background: transparent;
		color: transparent;
		font-size: 20px;
		font-weight: 700;
		width: 100%;
		height: 100%;
		margin-top: -76px;
		padding: 6% 45%
	}
	.info-link div:hover {
		background: rgba(255, 255, 255, .8);
		color: #004ea8;
		text-shadow: 2px 1px 5px #fff
	}
	.event-list>li {
		position: relative;
		display: block;
		width: 100%;
		height: 120px;
		padding: 0
	}
	.event-list>li>time,
	.event-list>li>img,
	.event-list>li>a>img {
		display: inline-block;
		display: -moz-inline-box;
		display: -ms-inline-grid;
		width: 180px;
		height: 120px;
		padding: 0;
		margin: 0;
		float: left
	}
	.event-list>li>time {
		width: 120px
	}
	.event-list>li>img,
	.event-list>li>a>img {
		width: 180px
	}
	.event-list>li>time {
		padding-top: 15px
	}
	.event-list>li>.info {
		overflow: hidden
	}
	.event-list>li>.info {
		position: relative;
		height: 120px;
		text-align: left;
		padding-right: 30px
	}
	.event-list>li>.info>.title,
	.event-list>li>.info>.desc {
		padding: 0 10px
	}
	.event-list>li>.info>.desc {
		height: 35px;
		text-overflow: ellipsis
	}
	.event-list>li>.info>.desc {
		height: 35px;
		text-overflow: ellipsis
	}
	.event-list>li>.info>.title {
		padding: 5px 10px;
		white-space: nowrap
	}
	.event-list>li>.social {
		position: absolute;
		top: 0;
		right: 0;
		display: block;
		width: 30px
	}
	.event-list>li>.social>ul {
		border-left: 1px solid #e6e6e6
	}
	.event-list>li>.social>ul>li {
		display: block;
		padding: 0
	}
	.event-list>li>.social>ul>li>a {
		display: block;
		width: 30px;
		padding: 10px 0 10px
	}
}

.bs-callout {
	padding-left: 0;
	border-bottom: 1px solid #f5f5f5;
	padding-bottom: 2px
}

.bs-callout a {
	font-size: 11px;
	font-weight: 700
}

#notice {
	background-color: #fff;
	margin-bottom: 
}

#notice .bs-callout .date {
	position: absolute;
	background-repeat: no-repeat;
	background-position-x: center;
	font-size: 12px;
	line-height: 0;
	font-weight: 600;
	height: 40px;
	width: 32px;
	padding: 0 0 0 0;
	word-spacing: -1px;
	text-align: center;
	border: 1px solid transparent
}

#notice .bs-callout .date span {
	font-size: 16px;
	line-height: 27px;
	font-weight: 700
}

#notice a {
	color: #4d4d4d;
	padding-left: 50px;
	padding-top: 4px;
	display: block
}

#notice a:hover {
	color: #004ea8;
	text-decoration: none
}

#notice .bs-callout {
	min-height: 40px
}

#notice div:nth-child(1n) .date,
.bs-callout-danger {
	color: #d9534f
}

#notice div:nth-child(2n) .date,
.bs-callout-success {
	color: #008e00
}

.pad-bt-20 {
	padding-bottom: 20px
}

#convocation {
	padding-bottom: 0;
	margin-top: -20px
}

#convocation .panel-body {
	padding: 1px
}

.widget {
	display: block;
	font-size: 12px;
	text-align: center
}

.widget {
	display: block;
	font-size: 12px;
	text-align: center
}

.widget-title {
	color: #004ea8;
	font-size: 20px;
	text-shadow: 1px 1px 2px #cecece
}

.widget ul,
.widget ol {
	list-style: none;
	padding: 0
}

.widget ul li {
	border-bottom: 1px solid rgba(85, 85, 85, .29);
	padding: 5px
}

.widget ul li:last-child {
	border-bottom: none
}

.widget ul li>a {
	color: #004ea8
}

.widget ul li>a:hover {
	text-decoration: none;
	color: #999
}

.textwidget {
	color: #999
}

.widget_rss_links p {
	text-align: center
}

#sidebar .widget_rss_links p {
	margin: 15px 0 0
}

.tagcloud {
	max-height: 180px;
	line-height: 21px;
	overflow: hidden;
	margin-bottom: 15px
}

.wp_cumulus_widget embed {
	width: 100%;
	max-height: 220px
}

.error-template {
	padding: 40px 15px;
	text-align: center;
}

.error-details {
	color: #ff006e
}

.error-actions {
	margin-top: 15px;
	margin-bottom: 15px
}

.error-actions .btn {
	margin-right: 10px
}

.back-to-top {
	display: none;
	cursor: pointer;
	position: fixed;
	bottom: 30px;
	right: 30px;
	z-index: 20;
	padding: 7px 10px;
	background: #fff;
	color: #313447;
	opacity: .5;
	box-shadow: 0 0 5px #333;
	box-shadow: 0 0 5px rgba(51, 51, 51, .7)
}

.canvasjs-chart-credit {
	display: none!important
}

.panel-default {
	border-color: rgba(0, 78, 168, .2)
}

.panel-none {
	border: none;
	box-shadow: none
}

.panel-primary {
	border-color: #004ea8
}

.panel-primary>.panel-heading {
	background-color: #004ea8;
	border-color: #004ea8
}

.text-danger {
	color: #d9534f
}

.panel-primary .panel-heading a {
	color: #fff
}

.panel-heading a:hover {
	text-decoration: none
}

#menu-primary-navigation {}

.navbar {
	min-height: 35px;
	border: none
}

.navbar-theme {
	background-color: #fff;
	border-color: #e7e7e7;
	margin-bottom: 0;
	border-radius: 0;
	border-top: none
}

.navbar-theme.main-menu {
	background: #004ea8
}

.navbar-theme .dropdown:hover .dropdown-menu {
	display: block
}

.navbar-theme .navbar-toggle {
    margin-top: 40px;
	margin-right: 5px;
	padding: 5px 7px
}

@media(min-width:768px) {
	.navbar-theme .navbar-toggle {
		display: none
	}
}

.navbar-theme .navbar-brand {
	color: #000
}

.navbar-theme .navbar-brand:hover,
.navbar-theme .navbar-brand:focus {
	color: #5e5e5e;
	background-color: transparent
}

.navbar-theme .navbar-text {
	color: #000
}

.navbar-theme .navbar-nav>li>a {
	color: #fff;
	text-align: center;
	font-size: 14px;
	padding: 7px 10px;
	text-shadow: 1px 1px 5px #000
}

.navbar-theme .navbar-nav>li>a:hover,
.navbar-theme .navbar-nav>li>a:focus {
	color: #fff;
	background-color: #367fa9
}

.navbar-theme .navbar-nav>.active>a,
.navbar-theme .navbar-nav>.active>a:hover,
.navbar-theme .navbar-nav>.active>a:focus {
	font-weight: 700
}

.navbar-theme .navbar-nav>.disabled>a,
.navbar-theme .navbar-nav>.disabled>a:hover,
.navbar-theme .navbar-nav>.disabled>a:focus {
	color: #004ea8;
	background-color: transparent
}

.navbar-theme .navbar-nav>li>a i,
.navbar-theme .navbar-nav>li>a span {}

.navbar-theme .navbar-toggle {
	border-color: transparent
}

.navbar-theme .navbar-toggle:hover,
.navbar-theme .navbar-toggle:focus {
	background-color: #004ea8
}

.navbar-theme .navbar-toggle .icon-bar {
	background-color: #004ea8
}

.navbar-theme .navbar-toggle:hover .icon-bar,
.navbar-theme .navbar-toggle:focus .icon-bar {
	background-color: #fff
}

.navbar-theme .navbar-collapse,
.navbar-theme .navbar-form {
	border-color: #004ea8;
	padding: 0 15px
}

.navbar-theme .navbar-nav>.open>a,
.navbar-theme .navbar-nav>.open>a:hover,
.navbar-theme .navbar-nav>.open>a:focus {
	color: #fff;
	background-color: #367fa9
}

@media(min-width:786px) {
	.navbar-theme .navbar-collapse,
	.navbar-theme .navbar-form {
		margin-left: -15px;
		margin-right: -15px
	}
	.main-menu .container {
		padding-right: 0
	}
}

@media(min-width:786px)and (max-width:991px) {
	.navbar-theme .navbar-collapse,
	.navbar-theme .navbar-form {
		padding: 0 30px
	}
	.header-col2 {
		padding-right: 15px
	}
	.aiub {
		right: 2px
	}
	.top-sp-links {
		right: 15px
	}
}

@media(max-width:991px) {
	#menu-primary-navigation {
		margin-left: -15px
	}
}

@media(max-width:767px) {
	.navbar-theme .navbar-nav .open .dropdown-menu>li>a {
		color: #fff
	}
	.navbar-theme .navbar-nav .open .dropdown-menu>li>a:hover,
	.navbar-theme .navbar-nav .open .dropdown-menu>li>a:focus {
		color: #004ea8;
		background-color: #fff
	}
	.navbar-theme .navbar-nav .open .dropdown-menu>.active>a,
	.navbar-theme .navbar-nav .open .dropdown-menu>.active>a:hover,
	.navbar-theme .navbar-nav .open .dropdown-menu>.active>a:focus {
		color: #555;
		background-color: transparent
	}
	.navbar-theme .navbar-nav .open .dropdown-menu>.disabled>a,
	.navbar-theme .navbar-nav .open .dropdown-menu>.disabled>a:hover,
	.navbar-theme .navbar-nav .open .dropdown-menu>.disabled>a:focus {
		color: #ccc;
		background-color: transparent
	}
	.navbar-theme .nav>li {
		position: relative;
		display: block;
		border-bottom: 1px solid #dbd2ff
	}
	.navbar-theme .dropdown-menu {
		text-align: center
	}
}

.navbar-theme .navbar-link {
	color: #777
}

.navbar-theme .navbar-link:hover {
	color: #333
}

.navbar-theme .btn-link {
	color: #777
}

.navbar-theme .btn-link:hover,
.navbar-theme .btn-link:focus {
	color: #333
}

.navbar-theme .btn-link[disabled]:hover,
fieldset[disabled] .navbar-theme .btn-link:hover,
.navbar-theme .btn-link[disabled]:focus,
fieldset[disabled] .navbar-theme .btn-link:focus {
	color: #ccc
}

.navbar-theme .dropdown-menu {
	background: #3c8dbc!important;
	font-size: 12px
}

.navbar-theme .dropdown-menu>li>a {
	color: #fff;
	border-bottom: 1px solid rgba(255, 255, 255, .29);
	padding: 3px 10px
}

.navbar-theme .dropdown-menu>li:last-child>a {
	border-bottom: none
}

.navbar-theme .dropdown-menu>li>a:hover,
.navbar-theme .dropdown-menu>li>a:focus {
	background: #fff;
	color: #004ea8;
	padding: 3px 15px 3px 5px
}

.dropcap {
	font-size: 3.1em
}

.dropcap,
.dropcap-square,
.dropcap-circle {
	display: block;
	float: left;
	font-weight: 400;
	line-height: 36px;
	margin-right: 6px;
	text-shadow: none
}

.dropcap-square {
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
	font-size: 2.3em
}

.dropcap-circle {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	font-size: 1.78em
}

.panel-box {
	display: table;
	table-layout: fixed;
	width: 100%;
	height: 100%;
	text-align: center;
	border: none;
	margin-top: 20px
}

.panel-box p {
	text-align: center
}

.panel-box .panel-item {
	display: table-cell;
	padding: 20px 5px;
	width: 1%;
	vertical-align: top;
	border-radius: 0
}

.panel-box .panel-left {
	-moz-border-radius-topleft: 4px;
	-webkit-border-top-left-radius: 4px;
	border-top-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius: 4px;
	border-bottom-left-radius: 4px
}

.panel-box .panel-right {
	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
	border-top-right-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
	border-bottom-right-radius: 4px
}

.size-h1 {
	font-size: 33px
}

.bg-facebook {
	background-color: #335397;
	color: #fff
}

.bg-twitter {
	background-color: #00c7f7;
	color: #fff
}

.bg-google-plus {
	background-color: #df4a32;
	color: #fff
}

input,
textarea,
select {
	display: block;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(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;
	margin-bottom: 15px
}

textarea {
	height: auto!important
}

button,
html input[type=button],
input[type=reset] {
	width: auto!important;
	color: #333;
	background-color: #fff;
	border-color: #ccc;
	display: inline-block;
	display: -moz-inline-box;
	display: -ms-inline-grid;
	padding: 6px 12px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px
}

input[type=submit] {
	color: #fff;
	background-color: #5cb85c;
	border-color: #4cae4c;
	width: auto!important
}

#feedback {
	color: #fff;
	margin-top: 43px;
	top: 70%;
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	transform-origin: 0 0 0;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	border: 2px solid #fff;
	position: fixed;
	z-index: 9997;
	text-decoration: none;
	opacity: .96;
	left: -6px;
	background-color: #01b8e2;
	padding: 10px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px
}

.page-navigation {
	text-align: center;
	padding: 5px;
	margin-top: 10px
}

.page-navigation span,
.page-navigation a {
	font-size: 14px;
	background: #fff;
	color: #004ea8;
	padding: 3px 10px;
	display: inline-block;
	display: -moz-inline-box;
	display: -ms-inline-grid;
	margin: 3px;
	border: 1px solid rgba(0, 78, 168, .3)
}

.page-navigation a:hover {
	background: #004ea8;
	color: #fff;
	text-decoration: none
}

.page-navigation span.current {
	background-color: #004ea8;
	color: #fff
}

.tile-progress {
	background-color: #303641;
	color: #fff
}

.tile-progress {
	background: #004ea8;
	color: #fff;
	margin-bottom: 20px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px
}

.tile-progress .tile-header {
	padding: 15px 20px;
	padding-bottom: 40px
}

.tile-progress .tile-progressbar {
	height: 2px;
	background: rgba(0, 0, 0, .18);
	margin: 0
}

.tile-progress .tile-progressbar span {
	background: #fff
}

.tile-progress .tile-progressbar span {
	display: block;
	background: #fff;
	width: 0;
	height: 100%;
	-webkit-transition: all 1.5s cubic-bezier(.23, 1, .32, 1);
	-moz-transition: all 1.5s cubic-bezier(.23, 1, .32, 1);
	-o-transition: all 1.5s cubic-bezier(.23, 1, .32, 1);
	transition: all 1.5s cubic-bezier(.23, 1, .32, 1)
}

.tile-progress .tile-footer {
	padding: 20px;
	text-align: right;
	background: rgba(0, 0, 0, .1);
	-webkit-border-radius: 0 0 3px 3px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 0 0 3px 3px;
	-moz-background-clip: padding;
	border-radius: 0 0 3px 3px;
	background-clip: padding-box;
	-webkit-border-radius: 0 0 3px 3px;
	-moz-border-radius: 0 0 3px 3px;
	border-radius: 0 0 3px 3px
}

.tile-progress.tile-red {
	background-color: #f56954;
	color: #fff
}

.tile-progress.tile-blue {
	background-color: #0073b7;
	color: #fff
}

.tile-progress.tile-aqua {
	background-color: #00c0ef;
	color: #fff
}

.tile-progress.tile-green {
	background-color: #00a65a;
	color: #fff
}

.tile-progress.tile-cyan {
	background-color: #00b29e;
	color: #fff
}

.tile-progress.tile-purple {
	background-color: #ba79cb;
	color: #fff
}

.tile-progress.tile-pink {
	background-color: #ec3b83;
	color: #fff
}

.effect1 {
	-webkit-box-shadow: 0 10px 6px -6px #777;
	-moz-box-shadow: 0 10px 6px -6px #777;
	box-shadow: 0 10px 6px -6px #777
}

.effect2 {
	position: relative
}

.effect2:before,
.effect2:after {
	z-index: -1;
	position: absolute;
	content: "";
	bottom: 15px;
	left: 10px;
	width: 50%;
	top: 80%;
	max-width: 300px;
	background: #777;
	-webkit-box-shadow: 0 15px 10px #777;
	-moz-box-shadow: 0 15px 10px #777;
	box-shadow: 0 15px 10px #777;
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	transform: rotate(-3deg)
}

.effect2:after {
	-webkit-transform: rotate(3deg);
	-moz-transform: rotate(3deg);
	-o-transform: rotate(3deg);
	-ms-transform: rotate(3deg);
	transform: rotate(3deg);
	right: 10px;
	left: auto
}

.effect3 {
	position: relative
}

.effect3:before {
	z-index: -1;
	position: absolute;
	content: "";
	bottom: 15px;
	left: 10px;
	width: 50%;
	top: 80%;
	max-width: 300px;
	background: #777;
	-webkit-box-shadow: 0 15px 10px #777;
	-moz-box-shadow: 0 15px 10px #777;
	box-shadow: 0 15px 10px #777;
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	transform: rotate(-3deg)
}

.effect4 {
	position: relative
}

.effect4:after {
	z-index: -1;
	position: absolute;
	content: "";
	bottom: 15px;
	right: 10px;
	left: auto;
	width: 50%;
	top: 80%;
	max-width: 300px;
	background: #777;
	-webkit-box-shadow: 0 15px 10px #777;
	-moz-box-shadow: 0 15px 10px #777;
	box-shadow: 0 15px 10px #777;
	-webkit-transform: rotate(3deg);
	-moz-transform: rotate(3deg);
	-o-transform: rotate(3deg);
	-ms-transform: rotate(3deg);
	transform: rotate(3deg)
}

.effect5 {
	position: relative
}

.effect5:before,
.effect5:after {
	z-index: -1;
	position: absolute;
	content: "";
	bottom: 25px;
	left: 10px;
	width: 50%;
	top: 80%;
	max-width: 300px;
	background: #777;
	-webkit-box-shadow: 0 35px 20px #777;
	-moz-box-shadow: 0 35px 20px #777;
	box-shadow: 0 35px 20px #777;
	-webkit-transform: rotate(-8deg);
	-moz-transform: rotate(-8deg);
	-o-transform: rotate(-8deg);
	-ms-transform: rotate(-8deg);
	transform: rotate(-8deg)
}

.effect5:after {
	-webkit-transform: rotate(8deg);
	-moz-transform: rotate(8deg);
	-o-transform: rotate(8deg);
	-ms-transform: rotate(8deg);
	transform: rotate(8deg);
	right: 10px;
	left: auto
}

.effect6 {
	position: relative;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .3), 0 0 40px rgba(0, 0, 0, .1) inset;
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, .3), 0 0 40px rgba(0, 0, 0, .1) inset;
	box-shadow: 0 1px 4px rgba(0, 0, 0, .3), 0 0 40px rgba(0, 0, 0, .1) inset
}

.effect6:before,
.effect6:after {
	content: "";
	position: absolute;
	z-index: -1;
	-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .8);
	-moz-box-shadow: 0 0 20px rgba(0, 0, 0, .8);
	box-shadow: 0 0 20px rgba(0, 0, 0, .8);
	top: 50%;
	bottom: 0;
	left: 10px;
	right: 10px;
	-moz-border-radius: 100px/10px;
	border-radius: 100px/10px
}

.effect6-1 {
	position: relative;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .3), 0 0 15px rgba(0, 0, 0, .1) inset;
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, .3), 0 0 15px rgba(0, 0, 0, .1) inset;
	box-shadow: 0 1px 4px rgba(0, 0, 0, .3), 0 0 15px rgba(0, 0, 0, .1) inset
}

.effect6-1:before,
.effect6-1:after {
	content: "";
	position: absolute;
	z-index: -1;
	-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .8);
	-moz-box-shadow: 0 0 20px rgba(0, 0, 0, .8);
	box-shadow: 0 0 20px rgba(0, 0, 0, .8);
	top: 50%;
	bottom: 0;
	left: 10px;
	right: 10px;
	-moz-border-radius: 100px/10px;
	border-radius: 100px/10px
}

.effect7 {
	position: relative;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .3), 0 0 40px rgba(0, 0, 0, .1) inset;
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, .3), 0 0 40px rgba(0, 0, 0, .1) inset;
	box-shadow: 0 1px 4px rgba(0, 0, 0, .3), 0 0 40px rgba(0, 0, 0, .1) inset
}

.effect7:before,
.effect7:after {
	content: "";
	position: absolute;
	z-index: -1;
	-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .8);
	-moz-box-shadow: 0 0 20px rgba(0, 0, 0, .8);
	box-shadow: 0 0 20px rgba(0, 0, 0, .8);
	top: 0;
	bottom: 0;
	left: 10px;
	right: 10px;
	-moz-border-radius: 100px/10px;
	border-radius: 100px/10px
}

.effect7:after {
	right: 10px;
	left: auto;
	-webkit-transform: skew(8deg) rotate(3deg);
	-moz-transform: skew(8deg) rotate(3deg);
	-ms-transform: skew(8deg) rotate(3deg);
	-o-transform: skew(8deg) rotate(3deg);
	transform: skew(8deg) rotate(3deg)
}

.effect7-1 {
	position: relative;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .3), 0 0 15px rgba(0, 0, 0, .1) inset;
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, .3), 0 0 15px rgba(0, 0, 0, .1) inset;
	box-shadow: 0 1px 4px rgba(0, 0, 0, .3), 0 0 15px rgba(0, 0, 0, .1) inset
}

.effect7-1:before,
.effect7-1:after {
	content: "";
	position: absolute;
	z-index: -1;
	-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .5);
	-moz-box-shadow: 0 0 15px rgba(0, 0, 0, .5);
	box-shadow: 0 0 15px rgba(0, 0, 0, .5);
	top: 0;
	bottom: 0;
	left: 10px;
	right: 10px;
	-moz-border-radius: 100px/10px;
	border-radius: 100px/10px
}

.effect7-1:after {
	right: 10px;
	left: auto;
	-webkit-transform: skew(8deg) rotate(3deg);
	-moz-transform: skew(8deg) rotate(3deg);
	-ms-transform: skew(8deg) rotate(3deg);
	-o-transform: skew(8deg) rotate(3deg);
	transform: skew(8deg) rotate(3deg)
}

.effect8 {
	position: relative;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .3), 0 0 40px rgba(0, 0, 0, .1) inset;
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, .3), 0 0 40px rgba(0, 0, 0, .1) inset;
	box-shadow: 0 1px 4px rgba(0, 0, 0, .3), 0 0 40px rgba(0, 0, 0, .1) inset
}

.effect8:before,
.effect8:after {
	content: "";
	position: absolute;
	z-index: -1;
	-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .8);
	-moz-box-shadow: 0 0 20px rgba(0, 0, 0, .8);
	box-shadow: 0 0 20px rgba(0, 0, 0, .8);
	top: 10px;
	bottom: 10px;
	left: 0;
	right: 0;
	-moz-border-radius: 100px/10px;
	border-radius: 100px/10px
}

.effect8:after {
	right: 10px;
	left: auto;
	-webkit-transform: skew(8deg) rotate(3deg);
	-moz-transform: skew(8deg) rotate(3deg);
	-ms-transform: skew(8deg) rotate(3deg);
	-o-transform: skew(8deg) rotate(3deg);
	transform: skew(8deg) rotate(3deg)
}

#live {
	border: 2px solid #fff;
	box-shadow: 0 0 8px rgba(0, 0, 0, .2)
}

.dynamicTile .col-sm-2.col-xs-4,
.dynamicTile .col-sm-4 {
	padding: 2px;
	background-color: #fff
}

.dynamicTile .col-sm-4.col-xs-8,
.dynamicTile .col-sm-8 {
	padding: 2px;
	background-color: #fff
}

#live img {
	width: 100%;
	height: 100%
}

#tile1 {
	background: #00acee;
	color: #004ea8
}

#tile2 {
	background: #f3f3f3
}

#tile3 {
	background: #47c1e4
}

#tile4 {
	background: #217db9
}

#tile5 {
	background: #af1a3f
}

#tile6 {
	background: #3e9dd7
}

#tile7 {
	background: #f5f5f5
}

#tile8 {
	background: #d14625
}

#tile9 {
	background: #008e00
}

#tile10 {
	background: #005de9
}

#tile11 {
	background: #0aa
}

.tilecaption {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	margin: 0!important;
	text-align: center;
	color: #fff;
	font-family: Segoe UI;
	font-weight: lighter;
	padding: 5px
}

@media(max-width:400px) {
	.tilecaption {
		font-size: 13px
	}
}

@media(min-width:992px)and (max-width:1202px) {
	.tilecaption {
		font-size: 15px
	}
}

a.item,
a.item .tilecaption,
.tilecaption a {
	color: #f5f5f5;
	text-decoration: none
}

a.item:hover,
a.item:focus,
a.item .tilecaption:hover,
a.item .tilecaption:focus,
.tilecaption:hover,
.tilecaption:focus {
	color: #f5f5f5;
	text-decoration: none!important
}

.flip-clock {
	text-align: center;
	-webkit-perspective: 400px;
	perspective: 400px;
	margin: 5px auto
}

.flip-clock *,
.flip-clock *:before,
.flip-clock *:after {
	box-sizing: border-box
}

.flip-clock__piece {
	display: inline-block;
	margin: 0 5px
}

.flip-clock__slot {
	font-size: 18px;
	color: #003066
}

.clock .card {
	display: block;
	position: relative;
	padding-bottom: .72em;
	font-size: 39px;
	line-height: .95
}

.card__top,
.card__bottom,
.card__back::before,
.card__back::after {
	display: block;
	height: .72em;
	color: #ccc;
	background: #004ea8;
	padding: .25em .25em;
	border-radius: .15em .15em 0 0;
	backface-visiblity: hidden;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	width: 1.8em;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}

.card__bottom {
	color: #fff;
	position: absolute;
	top: 50%;
	left: 0;
	border-top: solid 1px #002f64;
	background: #005fcc;
	border-radius: 0 0 .15em .15em;
	pointer-events: none;
	overflow: hidden
}

.card__bottom::after {
	display: block;
	margin-top: -.75em
}

.card__back::before,
.card__bottom::after {
	content: attr(data-value)
}

.card__back {
	position: absolute;
	top: 0;
	height: 100%;
	left: 0%;
	pointer-events: none
}

.card__back::before {
	position: relative;
	z-index: -1;
	overflow: hidden
}

.flip .card__back::before {
	-webkit-animation: flipTop .3s cubic-bezier(.37, .01, .94, .35);
	animation: flipTop .3s cubic-bezier(.37, .01, .94, .35);
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom
}

.flip .card__back .card__bottom {
	-webkit-transform-origin: center top;
	transform-origin: center top;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation: flipBottom .6s cubic-bezier(.15, .45, .28, 1);
	animation: flipBottom .6s cubic-bezier(.15, .45, .28, 1)
}

@-webkit-keyframes flipTop {
	0% {
		-webkit-transform: rotateX(0deg);
		transform: rotateX(0deg);
		z-index: 2
	}
	0%,
	99% {
		opacity: .99
	}
	100% {
		-webkit-transform: rotateX(-90deg);
		transform: rotateX(-90deg);
		opacity: 0
	}
}

@keyframes flipTop {
	0% {
		-webkit-transform: rotateX(0deg);
		transform: rotateX(0deg);
		z-index: 2
	}
	0%,
	99% {
		opacity: .99
	}
	100% {
		-webkit-transform: rotateX(-90deg);
		transform: rotateX(-90deg);
		opacity: 0
	}
}

@-webkit-keyframes flipBottom {
	0%,
	50% {
		z-index: -1;
		-webkit-transform: rotateX(90deg);
		transform: rotateX(90deg);
		opacity: 0
	}
	50% {
		opacity: .99
	}
	100% {
		opacity: .99;
		-webkit-transform: rotateX(0deg);
		transform: rotateX(0deg);
		z-index: 5
	}
}

@keyframes flipBottom {
	0%,
	50% {
		z-index: -1;
		-webkit-transform: rotateX(90deg);
		transform: rotateX(90deg);
		opacity: 0
	}
	51% {
		opacity: .99
	}
	100% {
		opacity: .99;
		-webkit-transform: rotateX(0deg);
		transform: rotateX(0deg);
		z-index: 5
	}
}