/***** Moment *****/

.hero{
	padding:0px 0; 
}

.is-moment .hero{
	background-color:#61b2a7;
	box-shadow:inset 0 10px 10px #61b2a7;
}

.is-moment-timezone .hero{
	background-color:#4e7cad;
	box-shadow:inset 0 10px 10px #4e7cad;
}
.hero-circle{
	width: 75px;
	height: 75px; 
	position:relative; 
	border-radius:50%;
	box-shadow: 0 1px 1px rgba(34, 34, 34, 0.3),inset 0 1px 8px rgba(34, 34, 34, 0.3);
}
.is-moment .hero-circle{
	background-color:#61b2a7;
}
.is-moment-timezone .hero-circle{
	background-color:#4e7cad;
}
.hero-face{
	width:100%;
	height:100%;
}
.hero-face:after{
	position:absolute;
	top:50%;
	left:50%;
	width:12px;
	height:12px;
	margin:-6px 0 0 -6px;
	background:#000;
	border-radius:6px;
	content:"";
	display:block;
}
.hero-hour{
	width:0;
	height:0;
	position:absolute;
	top:50%;
	left:50%;
	margin:-4px 0 -4px -25%;
	padding:4px 0 4px 25%;
	background:#000;
	-webkit-transform-origin:100% 50%;
	-ms-transform-origin:100% 50%;
	transform-origin:100% 50%;
	border-radius:4px 0 0 4px;
	}
.hero-minute{
	width:0;
	height:0;
	position:absolute;
	top:50%;
	left:50%;
	margin:-40% -3px 0;
	padding:40% 3px 0;
	background:#000;
	-webkit-transform-origin:50% 100%;
	-ms-transform-origin:50% 100%;
	transform-origin:50% 100%;
	border-radius:3px 3px 0 0;
}
.hero-second{
	width:0;
	height:0;
	position:absolute;
	top:50%;
	left:50%;
	margin:-40% -1px 0 0;
	padding:40% 1px 0;
	background:#000;
	-webkit-transform-origin:50% 100%;
	-ms-transform-origin:50% 100%;
	transform-origin:50% 100%;
}
.hero-ampm{
	width:0;
	height:0;
	position:absolute;
	top:70%;
	left:35%;
	margin:-40% -1px 0 0;
	padding:40% 1px 0;
	color:#000; 
}
.hero-oneline,.hero-title{
	text-align:center;
	color:#000;
	text-shadow:1px 1px 2px rgba(34, 34, 34, 0.5);
}

.hero-oneline h1,
.hero-title h1{
	font-size:60px;margin:0;
}
.hero-oneline h1 span,.hero-title h1 span{
	font-size:0.5em;
}
.is-moment .hero-oneline h1 span,.is-moment .hero-title h1 span{
	color:#b0d8d3;
}
.is-moment-timezone .hero-oneline h1 span,.is-moment-timezone .hero-title h1 span{
	color:#a6bdd6;
}
.hero-oneline h2,.hero-title h2{
	font-size:24px;margin:0;
}
.hero-oneline{
	position:relative;
	padding:10px 20px;
	text-align:left;
}
.hero-oneline h1{
	font-size:32px;
}
.hero-centered{
	max-width:1024px;
	margin:0 auto;
}