* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

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

body, html {
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
}

body { /* -moz-font-smoothing: antialiased; - No longer available in FF */
  -webkit-font-smoothing: antialiased;
  font-smooth: always; /* iOS safari *//* enable grayscaled antialiasing on FF */
  -moz-osx-font-smoothing: grayscale;
  font-size: 12px;
  line-height: 16px;
  font-weight: normal;
  font-family: Arial, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  text-transform: none;
}

html, body, .container {
  width: 100%;
  height: 68px;
}

.content {
  position: relative;
  display: block;
  overflow: hidden;
  height: 100%;
  width: 100%;
}

.ie6 .content, .ie7 .content, .ie8 .content, .ie9 .content {
  display: none; /* global width */
}

#rolex-clock a {
  display: block;
}

.ie6 #rolex-clock a, .ie7 #rolex-clock a, .ie8 #rolex-clock a, .ie9 #rolex-clock a {
  position: absolute;
  top: 0;
  left: 0;
}

.clearfix:before, .clearfix:after, .container:before, .container:after {
  content: " ";
  display: table;
}

.clearfix:after, .container:after {
  clear: both;
}

.sr-only {
  border: 0 none;
  clip: rect(0px, 0px, 0px, 0px);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; /* Helper class: no border */
}

.no-border {
  border: medium none;
}

.flash .border-all {
  border: 0 none;
}

.border-all {
  border: 0px solid transparent;
}

.bg-black {
  background-color: black;
}

.content a {
  cursor: pointer;
  display: inline-block;
  position: relative;
  text-decoration: none;
  z-index: 100;
}

.clock {
  display: inline-block; /* Logo */
}

.no-logo .logo {
  display: none;
}

.logo {
  width: 74px;
  height: 41px;
  margin-top: -20.5px;
  margin-left: -37px;
  background: url("images/logo/logo100.png") no-repeat scroll 0 0 transparent;
  display: block;
  position: relative;
  top: 50%;
  margin-left: auto;
  margin-right: auto;
}

.retina .logo {
  background: url("images/logo/logo100_retina.png") no-repeat scroll 0 0 transparent;
  background-size: 100% 100%;
}

.logo.logo-50 {
  width: 37px;
  height: 21px;
  margin-top: -10.5px;
  margin-left: -18.5px;
  background: url("images/logo/logo50.png") no-repeat scroll 0 0 transparent;
}

.retina .logo.logo-50 {
  width: 37px;
  height: 20.5px;
  margin-top: -10.25px;
  margin-left: -18.5px;
  background: url("images/logo/logo50_retina.png") no-repeat scroll 0 0 transparent;
  background-size: 100% 100%;
}

.logo.logo-60 {
  width: 37px;
  height: 21px;
  margin-top: -10.5px;
  margin-left: -18.5px;
  background: url("images/logo/logo60.png") no-repeat scroll 0 0 transparent;
}

.retina .logo.logo-60 {
  width: 44.5px;
  height: 24.5px;
  margin-top: -12.25px;
  margin-left: -22.25px;
  background: url("images/logo/logo60_retina.png") no-repeat scroll 0 0 transparent;
  background-size: 100% 100%;
}

.logo.logo-65 {
  width: 48px;
  height: 27px;
  margin-top: -13.5px;
  margin-left: -24px;
  background: url("images/logo/logo65.png") no-repeat scroll 0 0 transparent;
}

.retina .logo.logo-65 {
  width: 48px;
  height: 27px;
  margin-top: -13.5px;
  margin-left: 24px;
  background: url("images/logo/logo65_retina.png") no-repeat scroll 0 0 transparent;
  background-size: 100% 100%;
}

.logo.logo-70 {
  width: 52px;
  height: 29px;
  margin-top: -14.5px;
  margin-left: -26px;
  background: url("images/logo/logo70.png") no-repeat scroll 0 0 transparent;
}

.retina .logo.logo-70 {
  width: 52px;
  height: 28.5px;
  margin-top: -14.25px;
  margin-left: -26px;
  background: url("images/logo/logo70_retina.png") no-repeat scroll 0 0 transparent;
  background-size: 100% 100%;
}

.logo.logo-75 {
  width: 56px;
  height: 31px;
  margin-top: -15.5px;
  margin-left: -28px;
  background: url("images/logo/logo75-white.png") no-repeat scroll 0 0 transparent;
}

.retina .logo.logo-75 {
  width: 56px;
  height: 31px;
  margin-top: -15.5px;
  margin-left: -28px;
  background: url("images/logo/logo75_retina-white.png") no-repeat scroll 0 0 transparent;
  background-size: 100% 100%;
}

.logo.logo-80 {
  width: 59px;
  height: 33px;
  margin-top: -16.5px;
  margin-left: -29.5px;
  background: url("images/logo/logo80.png") no-repeat scroll 0 0 transparent;
}

.retina .logo.logo-80 {
  width: 59px;
  height: 33px;
  margin-top: -16.5px;
  margin-left: -29.5px;
  background: url("images/logo/logo80_retina.png") no-repeat scroll 0 0 transparent;
  background-size: 100% 100%;
}

.logo.logo-90 {
  width: 67px;
  height: 37px;
  margin-top: -18.5px;
  margin-left: -33.5px;
  background: url("images/logo/logo90.png") no-repeat scroll 0 0 transparent;
}

.retina .logo.logo-90 {
  width: 66.5px;
  height: 37px;
  margin-top: -18.5px;
  margin-left: -33.25px;
  background: url("images/logo/logo90_retina.png") no-repeat scroll 0 0 transparent;
  background-size: 100% 100%;
}

.logo.logo-100 {
  width: 74px;
  height: 41px;
  margin-top: -20.5px;
  margin-left: -37px;
  background: url("images/logo/logo100.png") no-repeat scroll 0 0 transparent;
}

.retina .logo.logo-100 {
  width: 74px;
  height: 37px;
  margin-top: -20.5px;
  margin-left: -37px;
  background: url("images/logo/logo100_retina.png") no-repeat scroll 0 0 transparent;
  background-size: 100% 100%;
}

.logo.logo-110 {
  width: 82px;
  height: 45px;
  margin-top: -22.5px;
  margin-left: -41px;
  background: url("images/logo/logo110.png") no-repeat scroll 0 0 transparent;
}

.retina .logo.logo-110 {
  width: 82px;
  height: 45px;
  margin-top: -22.5px;
  margin-left: -41px;
  background: url("images/logo/logo110_retina.png") no-repeat scroll 0 0 transparent;
  background-size: 100% 100%;
}

.logo.logo-120 {
  width: 89px;
  height: 49px;
  margin-top: -22.5px;
  margin-left: -44.5px;
  background: url("images/logo/logo120.png") no-repeat scroll 0 0 transparent;
}

.retina .logo.logo-120 {
  width: 89px;
  height: 49px;
  margin-top: -22.5px;
  margin-left: -44.5px;
  background: url("images/logo/logo120_retina.png") no-repeat scroll 0 0 transparent;
  background-size: 100% 100%;
}

.logo.logo-130 {
  width: 74px;
  height: 41px;
  margin-top: -20.5px;
  margin-left: -37px;
  background: url("images/logo/logo130.png") no-repeat scroll 0 0 transparent;
}

.retina .logo.logo-130 {
  width: 96px;
  height: 54px;
  margin-top: -20.5px;
  margin-left: -37px;
  background: url("images/logo/logo130_retina.png") no-repeat scroll 0 0 transparent;
  background-size: 100% 100%;
}

.logo.logo-140 {
  width: 96px;
  height: 54px;
  margin-top: -20.5px;
  margin-left: -37px;
  background: url("images/logo/logo140.png") no-repeat scroll 0 0 transparent;
}

.retina .logo.logo-140 {
  width: 74px;
  height: 37px;
  margin-top: -20.5px;
  margin-left: -37px;
  background: url("images/logo/logo140_retina.png") no-repeat scroll 0 0 transparent;
  background-size: 100% 100%;
}

.logo.logo-150 {
  width: 74px;
  height: 41px;
  margin-top: -20.5px;
  margin-left: -37px;
  background: url("images/logo/logo150.png") no-repeat scroll 0 0 transparent;
}

.retina .logo.logo-150 {
  width: 74px;
  height: 37px;
  margin-top: -20.5px;
  margin-left: -37px;
  background: url("images/logo/logo150_retina.png") no-repeat scroll 0 0 transparent;
  background-size: 100% 100%;
}

.logo.logo-300 {
  width: 200px;
  height: 111px;
  margin-top: -20.5px;
  margin-left: -37px;
  background: url("images/logo/logo300.png") no-repeat scroll 0 0 transparent;
}

#logo {
  position: absolute;
  left: 38px;
  top: 30px; /* City blocks */
}

@media (max-width: 99px) {
  #logo {
    display: none;
  }
}

.block {
  margin: 0;
  line-height: 14px;
}

.no-block .block-control {
  display: none;
}

.block a {
  color: #A37E2C;
}

.block.active a {
  color: #006039;
}

.white .block a {
  color: white;
}

.white .block.active a {
  font-weight: bold;
}

.block .btn .btn-inner {
  position: relative;
  display: block;
  line-height: 15px; /* Clocks */
}

.clock {
  background: url("images/clock/100.png") no-repeat scroll 0 0 transparent;
  width: 90px;
  height: 90px;
  margin-top: -45px;
  margin-left: -45px;
  display: block;
  position: relative;
  top: 50%;
  right: 50%;
  z-index: 50;
  overflow: hidden;
}

.clock.clock-color-black {
  background: url("images/clock/100_silver.png") no-repeat scroll 0 0 transparent;
}

.retina .clock {
  background: url("images/clock/100_retina.png") no-repeat scroll 0 0 transparent;
  background-size: 100% 100%;
}

.retina .clock.clock-color-black {
  background: url("images/clock/100_retina_silver.png") no-repeat scroll 0 0 transparent;
  background-size: 100% 100%;
}

.clock.clock-60 {
  background: url("images/clock/60.png") no-repeat scroll 0 0 transparent;
  width: 56px;
  height: 56px;
  margin-top: -28px;
  margin-left: -28px;
}

.clock.clock-60.clock-color-black {
  background: url("images/clock/60_silver.png") no-repeat scroll 0 0 transparent;
}

.retina .clock.clock-60 {
  background: url("images/clock/60_retina.png") no-repeat scroll 0 0 transparent;
  background-size: 100% 100%;
}

.retina .clock.clock-60.clock-color-black {
  background: url("images/clock/60_retina_silver.png") no-repeat scroll 0 0 transparent;
  background-size: 100% 100%;
}

.clock.clock-65 {
  background: url("images/clock/65.png") no-repeat scroll 0 0 transparent;
  width: 60px;
  height: 60px;
  margin-top: -30px;
  margin-left: -30px;
}

.clock.clock-65.clock-color-black {
  background: url("images/clock/65_silver.png") no-repeat scroll 0 0 transparent;
}

.retina .clock.clock-65 {
  background: url("images/clock/65_retina.png") no-repeat scroll 0 0 transparent;
  background-size: 100% 100%;
}

.retina .clock.clock-65.clock-color-black {
  background: url("images/clock/65_retina_silver.png") no-repeat scroll 0 0 transparent;
  background-size: 100% 100%;
}

.clock.clock-70 {
  background: url("images/clock/70_retina.png") no-repeat scroll center center transparent;
  background-size: 58px 58px;
  width: 64px;
  height: 64px;
  margin-top: -32px;
  margin-left: -32px;
}

@media (min-width: 100px) {
  .clock.clock-70 {
    background-size: 100% 100%;
  }
}

.clock.clock-70.clock-color-black {
  background: url("images/clock/70_silver.png") no-repeat scroll 0 0 transparent;
}

.retina .clock.clock-70 {
  background: url("images/clock/70_retina.png") no-repeat scroll 0 0 transparent;
  background-size: 100% 100%;
}

.retina .clock.clock-70.clock-color-black {
  background: url("images/clock/70_retina_silver.png") no-repeat scroll 0 0 transparent;
  background-size: 100% 100%;
}

.clock.clock-75 {
  background: url("images/clock/75.png") no-repeat scroll 0 0 transparent;
  width: 68px;
  height: 68px;
  margin-top: -34px;
  margin-left: -34px;
}

.clock.clock-75.clock-color-black {
  background: url("images/clock/75_silver.png") no-repeat scroll 0 0 transparent;
}

.retina .clock.clock-75 {
  background: url("images/clock/75_retina.png") no-repeat scroll 0 0 transparent;
  background-size: 100% 100%;
}

.retina .clock.clock-75.clock-color-black {
  background: url("images/clock/75_retina_silver.png") no-repeat scroll 0 0 transparent;
  background-size: 100% 100%;
}

.clock.clock-80 {
  background: url("images/clock/80.png") no-repeat scroll 0 0 transparent;
  width: 73px;
  height: 73px;
  margin-top: -36.5px;
  margin-left: -36.5px;
}

.clock.clock-80.clock-color-black {
  background: url("images/clock/80_silver.png") no-repeat scroll 0 0 transparent;
}

.retina .clock.clock-80 {
  background: url("images/clock/80_retina.png") no-repeat scroll 0 0 transparent;
  background-size: 100% 100%;
}

.retina .clock.clock-80.clock-color-black {
  background: url("images/clock/80_retina_silver.png") no-repeat scroll 0 0 transparent;
  background-size: 100% 100%;
}

.clock.clock-90 {
  background: url("images/clock/90.png") no-repeat scroll 0 0 transparent;
  width: 82px;
  height: 82px;
  margin-top: -41px;
  margin-left: -41px;
}

.clock.clock-90.clock-color-black {
  background: url("images/clock/90_silver.png") no-repeat scroll 0 0 transparent;
}

.retina .clock.clock-90 {
  background: url("images/clock/90_retina.png") no-repeat scroll 0 0 transparent;
  background-size: 100% 100%;
}

.retina .clock.clock-90.clock-color-black {
  background: url("images/clock/90_retina_silver.png") no-repeat scroll 0 0 transparent;
  background-size: 100% 100%;
}

.clock.clock-100 {
  background: url("images/clock/100.png") no-repeat scroll 0 0 transparent;
  width: 90px;
  height: 90px;
  margin-top: -45px;
  margin-left: -45px;
}

.clock.clock-100.clock-color-black {
  background: url("images/clock/100_silver.png") no-repeat scroll 0 0 transparent;
}

.retina .clock.clock-100 {
  background: url("images/clock/100_retina.png") no-repeat scroll 0 0 transparent;
  background-size: 100% 100%;
}

.retina .clock.clock-100.clock-color-black {
  background: url("images/clock/100_retina_silver.png") no-repeat scroll 0 0 transparent;
  background-size: 100% 100%;
}

.clock.clock-110 {
  background: url("images/clock/110.png") no-repeat scroll 0 0 transparent;
  width: 98px;
  height: 98px;
  margin-top: -49px;
  margin-left: -49px;
}

.clock.clock-110.clock-color-black {
  background: url("images/clock/110_silver.png") no-repeat scroll 0 0 transparent;
}

.retina .clock.clock-110 {
  background: url("images/clock/110_retina.png") no-repeat scroll 0 0 transparent;
  background-size: 100% 100%;
}

.retina .clock.clock-110.clock-color-black {
  background: url("images/clock/110_retina_silver.png") no-repeat scroll 0 0 transparent;
  background-size: 100% 100%;
}

.clock.clock-120 {
  background: url("images/clock/120.png") no-repeat scroll 0 0 transparent;
  width: 107px;
  height: 107px;
  margin-top: -53.5px;
  margin-left: -53.5px;
}

.clock.clock-120.clock-color-black {
  background: url("images/clock/120_silver.png") no-repeat scroll 0 0 transparent;
}

.retina .clock.clock-120 {
  background: url("images/clock/120_retina.png") no-repeat scroll 0 0 transparent;
  background-size: 100% 100%;
}

.retina .clock.clock-120.clock-color-black {
  background: url("images/clock/120_retina_silver.png") no-repeat scroll 0 0 transparent;
  background-size: 100% 100%; /* static needles */
}

.clock-needle {
  position: absolute;
  display: block;
  width: 52px;
  height: 54px;
  top: 50%;
  left: 50%;
  background: url("images/needles/static/needles_100.png") no-repeat scroll 0 0 transparent;
  margin-top: -17px;
  margin-left: -23px;
  background-size: 100%;
  background-position: 50%;
}

.clock-needle.clock-needle-black {
  background-image: url("images/needles/static/needles_100_black.png");
}

.retina .clock-needle {
  background: url("images/needles/static/needles_100_retina.png") no-repeat scroll 0 0 transparent;
  background-size: 100%;
}

.retina .clock-needle.clock-needle-black {
  background: url("images/needles/static/needles_100_retina_black.png") no-repeat scroll 0 0 transparent;
  background-size: 100%;
}

.clock-60 .clock-needle {
  width: 33px;
  height: 34px;
  margin-top: -9px;
  margin-left: -15px;
  background: url("images/needles/static/needles_60.png") no-repeat scroll 0 0 transparent;
}

.clock-60 .clock-needle.clock-needle-black {
  background: url("images/needles/static/needles_60_black.png") no-repeat scroll 0 0 transparent;
}

.retina .clock-60 .clock-needle {
  background: url("images/needles/static/needles_60_retina.png") no-repeat scroll 0 0 transparent;
  background-size: 100%;
}

.retina .clock-60 .clock-needle.clock-needle-black {
  background: url("images/needles/static/needles_60_retina_black.png") no-repeat scroll 0 0 transparent;
  background-size: 100%;
}

.clock-65 .clock-needle {
  width: 35px;
  height: 37px;
  margin-top: -11px;
  margin-left: -16px;
  background: url("images/needles/static/needles_65.png") no-repeat scroll 0 0 transparent;
}

.clock-65 .clock-needle.clock-needle-black {
  background: url("images/needles/static/needles_65_black.png") no-repeat scroll 0 0 transparent;
}

.retina .clock-65 .clock-needle {
  background: url("images/needles/static/needles_65_retina.png") no-repeat scroll 0 0 transparent;
  background-size: 100%;
}

.retina .clock-65 .clock-needle.clock-needle-black {
  background: url("images/needles/static/needles_65_retina_black.png") no-repeat scroll 0 0 transparent;
  background-size: 100%;
}

.clock-70 .clock-needle {
  width: 38px;
  height: 40px;
  margin-top: -12px;
  margin-left: -17px;
  background: url("images/needles/static/needles_70.png") no-repeat scroll 0 0 transparent;
}

.clock-70 .clock-needle.clock-needle-black {
  background: url("images/needles/static/needles_70_black.png") no-repeat scroll 0 0 transparent;
}

.retina .clock-70 .clock-needle {
  background: url("images/needles/static/needles_70_retina.png") no-repeat scroll 0 0 transparent;
  background-size: 100%;
}

.retina .clock-70 .clock-needle.clock-needle-black {
  background: url("images/needles/static/needles_70_retina_black.png") no-repeat scroll 0 0 transparent;
  background-size: 100%;
}

.clock-75 .clock-needle {
  width: 40px;
  height: 42px;
  margin-top: -13px;
  margin-left: -18px;
  background: url("images/needles/static/needles_75.png") no-repeat scroll 0 0 transparent;
}

.clock-75 .clock-needle.clock-needle-black {
  background: url("images/needles/static/needles_75_black.png") no-repeat scroll 0 0 transparent;
}

.retina .clock-75 .clock-needle {
  background: url("images/needles/static/needles_75_retina.png") no-repeat scroll 0 0 transparent;
  background-size: 100%;
}

.retina .clock-75 .clock-needle.clock-needle-black {
  background: url("images/needles/static/needles_75_retina_black.png") no-repeat scroll 0 0 transparent;
  background-size: 100%;
}

.clock-80 .clock-needle {
  width: 43px;
  height: 44px;
  margin-top: -13px;
  margin-left: -19px;
  background: url("images/needles/static/needles_80.png") no-repeat scroll 0 0 transparent;
}

.clock-80 .clock-needle.clock-needle-black {
  background: url("images/needles/static/needles_80_black.png") no-repeat scroll 0 0 transparent;
}

.retina .clock-80 .clock-needle {
  background: url("images/needles/static/needles_80_retina.png") no-repeat scroll 0 0 transparent;
  background-size: 100%;
}

.retina .clock-80 .clock-needle.clock-needle-black {
  background: url("images/needles/static/needles_80_retina_black.png") no-repeat scroll 0 0 transparent;
  background-size: 100%;
}

.clock-90 .clock-needle {
  width: 47px;
  height: 50px;
  margin-top: -16px;
  margin-left: -21px;
  background: url("images/needles/static/needles_90.png") no-repeat scroll 0 0 transparent;
}

.clock-90 .clock-needle.clock-needle-black {
  background: url("images/needles/static/needles_90_black.png") no-repeat scroll 0 0 transparent;
}

.retina .clock-90 .clock-needle {
  background: url("images/needles/static/needles_90_retina.png") no-repeat scroll 0 0 transparent;
  background-size: 100%;
}

.retina .clock-90 .clock-needle.clock-needle-black {
  background: url("images/needles/static/needles_90_retina_black.png") no-repeat scroll 0 0 transparent;
  background-size: 100%;
}

.clock-100 .clock-needle {
  width: 52px;
  height: 54px;
  margin-top: -17px;
  margin-left: -23px;
  background: url("images/needles/static/needles_100.png") no-repeat scroll 0 0 transparent;
}

.clock-100 .clock-needle.clock-needle-black {
  background: url("images/needles/static/needles_100_black.png") no-repeat scroll 0 0 transparent;
}

.retina .clock-100 .clock-needle {
  background: url("images/needles/static/needles_100_retina.png") no-repeat scroll 0 0 transparent;
  background-size: 100%;
}

.retina .clock-100 .clock-needle.clock-needle-black {
  background: url("images/needles/static/needles_100_retina_black.png") no-repeat scroll 0 0 transparent;
  background-size: 100%;
}

.clock-110 .clock-needle {
  width: 56px;
  height: 59px;
  margin-top: -17px;
  margin-left: -23px;
  background: url("images/needles/static/needles_110.png") no-repeat scroll 0 0 transparent;
}

.clock-110 .clock-needle.clock-needle-black {
  background: url("images/needles/static/needles_110_black.png") no-repeat scroll 0 0 transparent;
}

.retina .clock-110 .clock-needle {
  background: url("images/needles/static/needles_110_retina.png") no-repeat scroll 0 0 transparent;
  background-size: 100%;
}

.retina .clock-110 .clock-needle.clock-needle-black {
  background: url("images/needles/static/needles_110_retina_black.png") no-repeat scroll 0 0 transparent;
  background-size: 100%;
}

.clock-120 .clock-needle {
  width: 107px;
  height: 107px;
  margin-top: -3.34375em;
  margin-left: -3.34375em;
  background: url("images/needles/static/needles_120.png") no-repeat scroll 0 0 transparent;
}

.clock-120 .clock-needle.clock-needle-black {
  background: url("images/needles/static/needles_120_black.png") no-repeat scroll 0 0 transparent;
}

.retina .clock-120 .clock-needle {
  background: url("images/needles/static/needles_120_retina.png") no-repeat scroll 0 0 transparent;
  background-size: 100%;
}

.retina .clock-120 .clock-needle.clock-needle-black {
  background: url("images/needles/static/needles_120_retina_black.png") no-repeat scroll 0 0 transparent;
  background-size: 100%;
}

#clock {
  position: relative;
  left: 110px;
  top: 32px; /* focus gen */
}

@media (max-width: 99px) {
  #clock {
    left: 35px;
  }
}

.focus-background, .focus-font-size, .focus-line-height {
  background-color: rgba(52, 152, 219, 0.5);
}

.focus-margin {
  background-color: rgba(52, 152, 219, 0.5);
  position: relative;
}

.block .city, .block .time {
  display: inline-block;
  font-size: 11px;
  line-height: 12px;
  white-space: nowrap;
}

.block-horizontal .block .city, .block-horizontal .block .time {
  display: block;
}

.glyph {
  background: none;
  font-size: 16px;
  left: -8px;
  line-height: 1em;
  position: absolute;
  top: 0px;
  display: none;
  width: 6px;
  height: 13px;
  overflow: hidden;
}

.glyph:after {
  content: "•";
}

.active .glyph {
  display: block; /* move all blocks */
}

.block-control {
  display: none;
  width: 100%;
}

.block-control.block-control-flushleft .city, .block-control.block-control-flushleft .time {
  float: left;
  position: relative;
}

#block-control {
  position: absolute;
  left: 157px;
  top: -3px;
}

.block {
  position: absolute;
}

.block .city {
  position: absolute;
  left: 0px;
  top: 0px;
}

.block .time {
  position: absolute;
  top: 13px;
  left: 0px;
}

#city {
  position: absolute;
  left: 0px;
  top: 0px;
}

#local {
  position: absolute;
  left: 0px;
  top: 27px;
}

.arrow span {
  display: none;
}

.clearfix {
  display: block;
  clear: both;
}

.fallback {
  display: none;
}

.fallback a {
  margin: 0px;
  padding: 0px;
  border: 0;
  position: relative;
  display: block;
  text-decoration: none;
  /*
  .content {
      background: url('./images/393x158.png');
      background-size: 393px 158px;
  }
  .retina .content {
      background: url('./images/786x316.png');
  }*//*body {
      background: grey;
  }*/
}

#regular_timepiece_canvas {
  transform: translate3d(-25%, -25%, 0) scale3d(0.35, 0.35, 1);
}

@media (min-width: 100px) {
  html {
    background-color: #00603a;
  }
}