html, body { height: 100%; }

.color-red { color: #c90c0f !important; }
.color-black { color: #000 !important; }

.uc { text-transform: uppercase; }
.fw-600 { font-weight: 600; }
.fw-700 { font-weight: 700; }

#top-bar { background-color: #fff; border-bottom: 1px solid #eee; }

#site-header { background-color: #fff; }
#site-header a:hover { text-decoration: none; }
#site-header .nav-logo img { height: 90px; }

#bg-slider { width: 100%; height: 100%; position: relative; z-index: 0; overflow: hidden; }
#bg-slider .item {
	position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0;
	background-repeat: no-repeat; background-position: center center;
	animation: slideShow 24s linear infinite 0s;
	background-size: cover;
}
#bg-slider .item-1 { opacity: 1; }
#bg-slider .item-2 { animation-delay: 6s; }
#bg-slider .item-3 { animation-delay: 12s; }
#bg-slider .item-4 { animation-delay: 18s; }

@keyframes
slideShow {
	0% { opacity: 0; transform:scale(1); -ms-transform:scale(1); }
	5% { opacity: 1 }
	25% { opacity: 1; }
	30% { opacity: 0; transform:scale(1.1); -ms-transform:scale(1.1); }
	100% { opacity: 0; transform:scale(1); -ms-transformm:scale(1); }
}