html,
.mask {
  background-repeat: no-repeat;
}

body {
  /**
   * FlipClock tune
   */
}
body.branda-maintenance #counter, body.branda-maintenance #social {
  display: none;
}
body.branda-maintenance .mask,
body.branda-maintenance .overall {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
body.branda-maintenance .overall {
  display: flex;
  align-items: center;
}
body.branda-maintenance .overall .page {
  margin: 0 auto;
  padding: 1em 2em;
}
body.has-social #social {
  display: block;
  margin: 1em 0;
}
body.has-social #social ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
body.has-social #social a {
  color: black;
  text-decoration: none;
  opacity: .5;
}
body.has-social #social a:hover {
  opacity: 1;
}
body.has-social #social span {
  width: 3em;
  padding-bottom: 1em;
}
body.has-social #social span:before {
  font-size: 2em;
}
body.use-color .social-logo-amazon:before {
  color: #d70;
}
body.use-color .social-logo-blogger:before {
  color: #f57d00;
}
body.use-color .social-logo-codepen:before {
  color: #000;
}
body.use-color .social-logo-dribbble:before {
  color: #ea4c89;
}
body.use-color .social-logo-dropbox:before {
  color: #007ee5;
}
body.use-color .social-logo-eventbrite:before {
  color: #f6682f;
}
body.use-color .social-logo-facebook:before {
  color: #3b5999;
}
body.use-color .social-logo-flickr:before {
  color: #ff0084;
}
body.use-color .social-logo-foursquare:before {
  color: #f94877;
}
body.use-color .social-logo-ghost:before {
  color: #ecbb2e;
}
body.use-color .social-logo-github:before {
  color: #eb4924;
}
body.use-color .social-logo-google:before {
  color: #dd4b39;
}
body.use-color .social-logo-instagram:before {
  color: #e4405f;
}
body.use-color .social-logo-linkedin:before {
  color: #0077B5;
}
body.use-color .social-logo-pinterest:before {
  color: #bd081c;
}
body.use-color .social-logo-pocket:before {
  color: #ee4056;
}
body.use-color .social-logo-polldaddy:before {
  color: #bc0b0b;
}
body.use-color .social-logo-reddit:before {
  color: #ff5700;
}
body.use-color .social-logo-skype:before {
  color: #00AFF0;
}
body.use-color .social-logo-spotify:before {
  color: #1ed760;
}
body.use-color .social-logo-squarespace:before {
  color: #000;
}
body.use-color .social-logo-stumbleupon:before {
  color: #eb4924;
}
body.use-color .social-logo-telegram:before {
  color: #eb4924;
}
body.use-color .social-logo-tumblr:before {
  color: #34465d;
}
body.use-color .social-logo-twitter:before {
  color: #55acee;
}
body.use-color .social-logo-vimeo:before {
  color: #1ab7ea;
}
body.use-color .social-logo-whatsapp:before {
  color: #25D366;
}
body.use-color .social-logo-wordpress:before {
  color: #21759b;
}
body.use-color .social-logo-xanga:before {
  color: #437fbb;
}
body.use-color .social-logo-youtube:before {
  color: #cd201f;
}
body.has-counter #counter {
  display: block;
  margin: 1em 0;
  font-size: 2em;
  font-family: monospace;
  text-align: center;
}
body.has-counter .countdown {
  font-size: 14px;
  font-family: 'sans-serif';
  padding: 4em 0;
}
body.has-counter .countdown .clock {
  display: flex;
}
body.has-counter .countdown .clock .clock-item {
  width: 21%;
  margin: 0 2%;
}
body.has-counter .countdown .clock .clock-item .inner {
  height: 0px;
  padding-bottom: 100%;
  position: relative;
  width: 100%;
}
body.has-counter .countdown .clock-canvas {
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  height: 0px;
  padding-bottom: 100%;
}
body.has-counter .countdown .text {
  font-size: 30px;
  font-weight: bold;
  margin-top: -50px;
  position: absolute;
  top: 50%;
  text-align: center;
  text-shadow: 1px 1px 1px black;
  width: 100%;
}
body.has-counter .countdown .text .val {
  font-size: 40px;
}
body.has-counter .countdown .text .type-time {
  font-size: 20px;
}
@media (min-width: 768px) and (max-width: 991px) {
  body.has-counter .countdown .clock-item {
    margin-bottom: 30px;
  }
}
@media (max-width: 767px) {
  body.has-counter .countdown .clock-item {
    margin: 0px 30px 30px 30px;
  }
}
body.branda-maintenance-timer-flipclock .clock.flip-clock-wrapper {
  margin: 40px 0 20px 0;
  min-width: 620px;
}
