article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{
display:block;
}

audio,canvas,video{
display:inline-block;
*display:inline;
*zoom:1;
}

audio:not([controls]){
display:none;
}
[hidden]{
display:none;
}
html{
font-size:100%;
overflow-y:scroll;
-webkit-text-size-adjust:100%;
text-size-adjust:100%;
}
body{
margin:0;
}
body,button,input,select,textarea{
font-family:sans-serif;
}
a:focus{
outline:thin dotted;
}
a:hover,a:active{
outline:0;
}
abbr[title]{
border-bottom:1px dotted;
}
b,strong{
font-weight:bold;
}
blockquote{
margin:1em 40px;
}
dfn{
font-style:italic;
}
mark{
background:#ff0;
}
pre,code,kbd,samp{
font-family:monospace,serif;
_font-family:'courier new',monospace;
font-size:1em;
}
pre{
white-space:pre;
white-space:pre-wrap;
word-wrap:break-word;
}
q{
quotes:none;
}
q:before,q:after{
content:'';
content:none;
}
small{
font-size:75%;
}
sub,sup{
font-size:75%;
line-height:0;
position:relative;
vertical-align:baseline;
}
sup{
top:-0.5em;
}
sub{
bottom:-0.25em;
}
ul,ol{
margin:1em 0;
padding:0 0 0 40px;
}
dd{
margin:0 0 0 40px;
}
nav ul,nav ol{
list-style:none;
list-style-image:none;
}
img{
border:0;
-ms-interpolation-mode:bicubic;
}
svg:not(:root){
overflow:hidden;
}
figure{
margin:0;
}
form{
margin:0;
}
fieldset{
border:1px solid #c0c0c0;
margin:0 2px;
padding:0.35em 0.625em 0.75em;
}
legend{
border:0;
*margin-left:-7px;
}
button,input,select,textarea{
font-size:100%;
margin:0;
vertical-align:baseline;
*vertical-align:middle;
}
button,input{
line-height:normal;
}
button,input[type="button"],input[type="reset"],input[type="submit"]{
cursor:pointer;
-webkit-appearance:button;
*overflow:visible;
}
input[type="checkbox"],input[type="radio"]{
box-sizing:border-box;
padding:0;
}
input[type="search"]{
-webkit-appearance:textfield;
box-sizing:content-box;
}
input[type="search"]::-webkit-search-decoration{
-webkit-appearance:none;
}
button::-moz-focus-inner,input::-moz-focus-inner{
border:0;
padding:0;
}
textarea{
overflow:auto;
vertical-align:top;
}
table{
border-collapse:collapse;
border-spacing:0;
}
body{
font-family:"Helvetica Neue",Arial,sans-serif;
font-size:16px;
line-height:1.6;
}
*{
box-sizing:border-box;
}
a{
color:#35c;
}
h1,h2,h3,h4,h5,h6{
font-family:'Montserrat',sans-serif;
font-weight:400;
}
h2{
font-size:30px;
}
h3{
font-size:24px;
}
h4{
font-size:20px;
}
pre,code,kbd,samp{
font-family:Consolas,monaco,monospace;
}
pre{
border:1px solid rgba(34, 34, 34, 0.2);
border-radius:4px;
color:#222;
font-size:14px;
padding:5px 8px;
margin:0 0 20px;
white-space:pre;
word-wrap:normal;
overflow-x:auto;
line-height:24px;
background:rgba(34, 34, 34, 0.03);
font-weight:100;
}
pre a{
color:#666;
}
pre .title,pre .params{
font-style:italic;
}
pre .literal,pre .type{
color:#A0B1E4;
}
pre .value,pre .string{
color:#cc3344;
}
pre .number{
color:#4baa8f;
}
pre .regexp{
color:#092;
}
pre .comment{
color:rgba(34, 34, 34, 0.5);
}
code{
padding:1px 4px;
background:rgba(34, 34, 34, 0.03);
border-radius:3px;
border:1px solid rgba(34, 34, 34, 0.1);
font-size:14px;
}
pre code{
padding:0;
border:0;
background:none;
}
.centered{
max-width:940px;
margin:0 auto;
}
.hero{
padding:30px 0;
border-bottom:1px solid rgba(34, 34, 34, 0.2);
background:url(../images/bg.png) 0 50%;
}
.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:180px;
height:180px;
margin:0 auto;
position:relative;
border:8px solid #fff;
border-radius:50%;
box-shadow:0 1px 8px rgba(34, 34, 34, 0.3),inset 0 1px 8px rgba(34, 34, 34, 0.3);
background:url(../images/bg.png) 0 50%;
}
.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:#fff;
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:#fff;
-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:#fff;
-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:#fff;
-webkit-transform-origin:50% 100%;
-ms-transform-origin:50% 100%;
transform-origin:50% 100%;
}
.hero-oneline,.hero-title{
text-align:center;
color:#fff;
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;
}
.hero-world{
position:absolute;
top:4px;
left:4px;
right:4px;
bottom:4px;
border-radius:50%;
background:url(../images/world.png);
background-size:cover;
background-position:25% 0;
-webkit-animation-iteration-count:1;
animation-iteration-count:1;
-webkit-animation-duration:3s;
animation-duration:3s;
-webkit-animation-delay:1s;
animation-delay:1s;
-webkit-animation-name:map;
animation-name:map;
}
@-webkit-keyframes map{
0%{
background-position:625% 0;
}
100%{
background-position:25% 0;
}
}
@keyframes map{
0%{
background-position:625% 0;
}
100%{
background-position:25% 0;
}
}
footer{
font-family:'Montserrat',sans-serif;
background:url(../images/bg.png);
border-top:1px solid rgba(34, 34, 34, 0.2);
padding:20px;
color:#fff;
font-size:16px;
}
footer p{
margin:0 auto;
max-width:1024px;
padding:0 20px;
}
.is-moment footer{
background-color:#61b2a7;
}
.is-moment-timezone footer{
background-color:#4e7cad;
}
.nav{
height:60px;
background:#222;
padding:0 20px;
font-family:'Montserrat',sans-serif;
font-weight:400;
}
.nav-projects{
float:left;
}
.nav-project{
display:block;
line-height:30px;
padding:15px 20px 15px 60px;
float:left;
position:relative;
text-decoration:none;
color:#fff;
width:155px;
font-size:14px;
text-transform:uppercase;
text-shadow:0 1px 1px rgba(34, 34, 34, 0.3);
}
.nav-project svg{
position:absolute;
top:10px;
left:10px;
width:40px;
height:40px;
}
.nav-project-moment{
color:#61b2a7;
}
.nav-project-moment ellipse{
stroke:#61b2a7;
}
.nav-project-moment path{
fill:rgba(97, 178, 167, 0.6);
}
.nav-project-moment.active{
background:#61b2a7;
color:#fff;
}
.nav-project-moment.active ellipse{
stroke:#fff;
}
.nav-project-moment.active path{
fill:rgba(255, 255, 255, 0.6);
}
.nav-project-moment-timezone{
line-height:15px;
padding-top:15px;
padding-bottom:15px;
color:#4e7cad;
}
.nav-project-moment-timezone ellipse{
stroke:#4e7cad;
}
.nav-project-moment-timezone path{
fill:rgba(78, 124, 173, 0.6);
}
.nav-project-moment-timezone.active{
background:#4e7cad;
color:#fff;
}
.nav-project-moment-timezone.active ellipse{
stroke:#fff;
}
.nav-project-moment-timezone.active path{
fill:rgba(255, 255, 255, 0.6);
}
.nav-pages{
float:right;
padding:15px 0;
}
.nav-pages a{
display:inline-block;
line-height:30px;
padding:0 10px;
float:left;
text-decoration:none;
color:#fff;
border-radius:2px;
font-size:14px;
margin:0 2px;
}
.is-moment .nav-pages a{
color:#61b2a7;
}
.is-moment .nav-pages a:hover{
background:rgba(97, 178, 167, 0.2);
}
.is-moment .nav-pages a:active,.is-moment .nav-pages a:focus,.is-moment .nav-pages a.active{
color:#222;
background:#61b2a7;
}
.is-moment-timezone .nav-pages a{
color:#4e7cad;
}
.is-moment-timezone .nav-pages a:hover{
background:rgba(78, 124, 173, 0.2);
}
.is-moment-timezone .nav-pages a:active,.is-moment-timezone .nav-pages a:focus,.is-moment-timezone .nav-pages a.active{
color:#222;
background:#4e7cad;
}
.builds{
padding:40px 20px;
overflow:hidden;
max-width:800px;
margin:0 auto;
}
.builds h3{
margin:0 0 10px;
text-align:center;
}
.builds-download{
width:50%;
float:left;
padding-right:10px;
}
.builds-packages{
margin-left:50%;
padding-left:10px;
}
.builds-button{
font-family:'Montserrat',sans-serif;
display:block;
border:1px solid rgba(34, 34, 34, 0.5);
text-decoration:none;
color:#222;
text-align:center;
background:url(../images/bg.png) 0 50%;
}
.builds-button .filesize{
font-size:14px;
color:rgba(34, 34, 34, 0.7);
}
.builds-button-source{
border-radius:4px 4px 0 0;
text-shadow:1px 1px 2px rgba(34, 34, 34, 0.5);
padding:10px 15px;
font-size:20px;
font-weight:700;
vertical-align:baseline;
line-height:30px;
color:#fff;
}
.is-moment .builds-button-source{
background-color:#61b2a7;
}
.is-moment .builds-button-source:hover{
background-color:#70b9af;
}
.is-moment .builds-button-source:active{
background-color:#5aa399;
}
.is-moment-timezone .builds-button-source{
background-color:#4e7cad;
}
.is-moment-timezone .builds-button-source:hover{
background-color:#5f89b5;
}
.is-moment-timezone .builds-button-source:active{
background-color:#49739f;
}
.builds-button-gzipped{
border-radius:0 0 4px 4px;
border-color:rgba(34, 34, 34, 0.3);
padding:5px 15px;
font-size:14px;
margin-bottom:10px;
border-top:0;
}
.is-moment .builds-button-gzipped{
background:rgba(97, 178, 167, 0.2);
}
.is-moment .builds-button-gzipped:hover{
background:rgba(97, 178, 167, 0.1);
}
.is-moment .builds-button-gzipped:active{
background:rgba(97, 178, 167, 0.4);
}
.is-moment-timezone .builds-button-gzipped{
background:rgba(78, 124, 173, 0.2);
}
.is-moment-timezone .builds-button-gzipped:hover{
background:rgba(78, 124, 173, 0.1);
}
.is-moment-timezone .builds-button-gzipped:active{
background:rgba(78, 124, 173, 0.4);
}
.builds-button-gzipped .filesize:after{
content:" gz";
}
.docs-nav{
font-family:'Montserrat',sans-serif;
position:fixed;
top:150px;
bottom:0;
left:50%;
margin-left:256px;
max-width:256px;
width:25%;
padding:20px;
overflow-y:auto;
font-size:14px;
line-height:18px;
}
.is-moment .docs-nav .active a{
border-left-color:rgba(97, 178, 167, 0.3);
}
.is-moment-timezone .docs-nav .active a{
border-left-color:rgba(78, 124, 173, 0.3);
}
.docs-nav a{
display:block;
text-decoration:none;
border-left:2px solid transparent;
}
.is-moment .docs-nav a:hover,.is-moment .docs-nav a.active{
background:rgba(97, 178, 167, 0.1);
border-left-color:#61b2a7;
}
.is-moment-timezone .docs-nav a:hover,.is-moment-timezone .docs-nav a.active{
background:rgba(78, 124, 173, 0.1);
border-left-color:#4e7cad;
}
.docs-nav-item{
padding:3px 25px;
}
.is-moment .docs-nav-item{
color:#61b2a7;
}
.is-moment-timezone .docs-nav-item{
color:#4e7cad;
}
.docs-nav-section .docs-nav-item{
display:none;
}
.docs-nav-section.active .docs-nav-item{
display:block;
}
.docs-nav-section-title{
color:#222;
font-size:18px;
line-height:24px;
padding:5px 10px;
}
.docs{
margin:0 auto;
max-width:1024px;
}
.docs-content{
margin-right:25%;
padding-right:20px;
color:#222;
}
.docs-method-prose p{
font-size:16px;
margin:0 0 10px;
}
.docs-method-prose pre{
padding:5px 10px;
}
.docs-method-prose table{
width:100%;
margin-bottom:20px;
}
.docs-method-prose td,.docs-method-prose th{
padding:3px 10px;
background:#fff;
text-align:left;
}
.docs-method-prose td{
border:1px solid #dddddd;
}
.docs-method-prose th{
border:1px solid #bcbcbc;
}
.docs-method-prose td:nth-of-type(1){
white-space:pre;
text-align:right;
width:0;
}
.docs-method-prose td:last-of-type{
width:100%;
}
.docs-method-prose tr:nth-child(odd) td,.docs-method-prose tr:nth-child(odd) th{
background:0;
}
.docs-method-prose ol{
counter-reset:li -1;
list-style:none;
padding-left:15px;
}
.docs-method-prose ol>li:before{
content:counter(li) " ";
counter-increment:li;
font-weight:bold;
}
.docs-section{
padding-top:40px;
}
.docs-section-title{
color:rgba(34, 34, 34, 0.8);
padding:10px 20px;
margin:0 0 20px;
font-size:45px;
line-height:60px;
border-radius:4px;
background:url(../images/bg.png) 0 50%;
border:1px solid rgba(34, 34, 34, 0.3);
}
.is-moment .docs-section-title{
background-color:#61b2a7;
}
.is-moment-timezone .docs-section-title{
background-color:#4e7cad;
}
.docs-section-title a{
color:#fff;
text-decoration:none;
}
.docs-method{
margin:0 0 60px;
position:relative;
}
.docs-method-title{
color:rgba(34, 34, 34, 0.8);
padding:0;
margin:0 0 20px;
font-size:30px;
line-height:40px;
}
.docs-method-title a{
color:#222;
text-decoration:none;
position:relative;
}
.docs-method-title a:before{
position:absolute;
top:0;
right:100%;
padding-right:10px;
display:block;
color:rgba(34, 34, 34, 0.1);
content:"#";
padding-right:5px;
}
.docs-method-title a:hover{
text-decoration:underline;
}
.docs-method-title a:hover:before{
color:rgba(34, 34, 34, 0.3);
}
.docs-method-title span{
color:rgba(34, 34, 34, 0.2);
font-size:0.75em;
}
.docs-method-edit{
position:absolute;
top:0;
right:-20px;
line-height:40px;
color:rgba(34, 34, 34, 0.3);
text-decoration:none;
padding:0 20px;
display:block;
}
.docs-method-edit:hover{
color:#222;
text-decoration:underline;
}
.docs-method-signature pre{
background:rgba(34, 34, 34, 0.2);
position:relative;
}
.docs-method-signature pre:after{
position:absolute;
top:5px;
right:10px;
content:"Method Signature";
color:rgba(34, 34, 34, 0.3);
font-size:12px;
}
.is-moment .docs-method-signature pre{
border-color:rgba(97, 178, 167, 0.7);
background:rgba(97, 178, 167, 0.15);
}
.is-moment-timezone .docs-method-signature pre{
border-color:rgba(78, 124, 173, 0.7);
background:rgba(78, 124, 173, 0.15);
}
.tests{
margin:0 auto;
padding:40px 0;
max-width:1024px;
}
.tests-module{
margin:0 0 10px 25%;
border:1px solid rgba(34, 34, 34, 0.3);
background:#fff;
border-radius:4px;
position:relative;
}
.tests-module-title{
position:absolute;
top:0;
right:100%;
width:50%;
padding-right:20px;
margin:0;
line-height:32px;
text-align:right;
}
.tests-test{
font-size:14px;
font-family:monospace;
}
.tests-test+.tests-test{
border-top:1px solid rgba(34, 34, 34, 0.1);
}
.tests-test.has-failed{
border:0;
outline:1px solid #d33;
}
.tests-test-title{
padding:5px 14px;
text-align:right;
color:rgba(34, 34, 34, 0.5);
}
.tests-test-title strong{
float:left;
color:#222;
}
.has-failed .tests-test-title strong{
color:#d33;
}
.tests-asserts{
display:none;
}
.is-open .tests-asserts{
display:block;
}
.tests-assert{
padding:4px 14px 4px 29px;
}
.tests-assert.has-failed{
background:rgba(221, 51, 51, 0.1);
border:1px solid #d33;
border-width:1px 0;
color:#d33;
}
.tests-assert pre{
margin:10px 0;
background:rgba(255, 255, 255, 0.5);
border-color:#d33;
}
#nodeunit-banner{
font-family:'Montserrat',sans-serif;
margin-top:-5px;
border-radius:4px;
line-height:30px;
font-size:24px;
text-align:right;
float:right;
}
#nodeunit-banner.has-failed:before{
position:absolute;
bottom:-10px;
height:6px;
background:#d33;
content:"";
left:0;
right:0;
display:block;
}
#nodeunit-banner.has-failed span{
color:#d33;
text-shadow:none;
}
.tests-reporting{
margin-left:25%;
}
.tests-reporting .button{
font-family:'Montserrat',sans-serif;
display:block;
border:1px solid rgba(34, 34, 34, 0.5);
text-decoration:none;
text-align:center;
background:url(../images/bg.png) 0 50%;
border-radius:4px;
text-shadow:1px 1px 2px rgba(34, 34, 34, 0.5);
padding:10px 15px;
font-size:20px;
line-height:30px;
color:#fff;
}
.is-moment .tests-reporting .button{
background-color:#61b2a7;
}
.is-moment .tests-reporting .button:hover{
background-color:#70b9af;
}
.is-moment .tests-reporting .button:active{
background-color:#5aa399;
}
.is-moment-timezone .tests-reporting .button{
background-color:#4e7cad;
}
.is-moment-timezone .tests-reporting .button:hover{
background-color:#5f89b5;
}
.is-moment-timezone .tests-reporting .button:active{
background-color:#49739f;
}
.tests-reporting .success{
font-family:'Montserrat',sans-serif;
text-align:center;
font-size:24px;
}
.page-moment-index{
max-width:800px;
margin:0 auto;
padding:0 20px;
}
.page-moment-index h3{
margin:10px 0;
text-align:center;
}
.global-warning{
background-color:#ED3E3E;
padding:15px;
border-radius:5px;
margin-bottom:30px;
color:white;
font-size:larger;
border:1px solid white;
}
.locales{
margin-bottom:20px;
}
.locales h2{
padding:0 0 20px;
margin:0;
}
.locales .button{
display:inline-block;
padding:5px 10px;
margin:4px 2px;
background:#fff;
border-radius:3px;
border:1px solid #999;
cursor:pointer;
}
.locales .button:hover{
box-shadow:1px 0 5px rgba(0, 0, 0, 0.2);
}
.locales .button.active{
background:#333;
color:#ccc;
border-color:#000;
}
.map{
margin:0 auto;
max-width:620px;
padding:10px 0 0 0;
float:left;
}
.map-wrap{
background:#4e7cad url(../images/bg.png);
padding:1px;
border-radius:3px;
position:relative;
}
.map-label{
line-height:20px;
font-size:24px;
margin:0;
color:#4e7cad;
font-family:monospace;
}
.map-label span{
display:block;
}
.map-label .map-label-name{
float:left;
width:50%;
padding-right:10px;
text-align:right;
}
.map-label .map-label-time{
margin-left:50%;
padding-left:10px;
text-align:left;
}
.map-inset{
padding-bottom:50%;
background:url(../images/world.png) 50% 50%;
background-size:cover;
position:relative;
border-radius:2px;
}
.map-inset span{
width:6px;
height:6px;
margin:-3px 0 0 -3px;
background:#fff;
position:absolute;
border-radius:3px;
border:1px solid #4e7cad;
}
.map-inset span.active{
background-color:#4e7cad;
}
.map-inset .map-axis-x{
position:absolute;
top:0;
bottom:0;
border-left:1px solid rgba(78, 124, 173, 0.5);
width:0;
-webkit-transition:left 50ms ease-out;
transition:left 50ms ease-out;
}
.map-inset .map-axis-y{
position:absolute;
left:0;
right:0;
border-top:1px solid rgba(78, 124, 173, 0.5);
height:0;
-webkit-transition:top 50ms ease-out;
transition:top 50ms ease-out;
}