FM / css

/home/techb158/pneusparfait.com/css

Name	Size	Mode	Actions
js/	-	0755	rm
font-awesome.css	21658	0644	edit dl rm
font-awesome.min.css	17780	0644	edit dl rm
styles.css	27093	0644	edit dl rm
styles.dev.css	32705	0644	edit dl rm

Edit: /home/techb158/pneusparfait.com/css/styles.dev.css (32705B)

.animated {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}
@keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}
.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}
.container {
  width: 1000px;
  margin: 0px auto;
}
.row {
  margin: 0px -40px 0px;
}
.row:after {
  content: ' ';
  display: block;
  clear: both;
  height: 0px;
  width: 0px;
}
.col {
  float: left;
  padding: 0px 40px;
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
}
.col-one-third {
  width: 33.3333333%;
}
.col-two-thirds {
  width: 66.666666%;
}
.col-half {
  width: 50%;
  float: left;
  padding: 0px 40px;
}
.col-heading {
  width: 33.3333333%;
}
.col-content {
  width: 40%;
}
.col-contacts {
  width: 26.666666%;
}
h1,
h2,
h3 {
  font-weight: 100;
  font-size: 50px;
  margin: 20px 0px 20px;
  line-height: 1.4;
}
h2 {
  font-size: 30px;
}
h2:before {
  content: ' ';
  display: block;
  width: 60px;
  border-bottom: 5px solid #FFF;
  position: absolute;
  margin: -25px 0px 0px 0px;
}
h3 {
  font-size: 25px;
}
p {
  margin: 20px 0px;
}
.lead {
  font-size: 25px;
  margin: 0px 0px 0px;
  color: #76808f;
}
a:link {
  color: #8fbef4;
}
a:visited {
  color: #8b99a9;
}
a:hover {
  color: #5e8dc2;
}
a:active {
  color: #5e8dc2;
}
hr {
  border: none;
  border-top: 1px solid rgba(255, 255, 255, 0.3);
}
body {
  min-height: 100%;
  margin: 0px;
  padding: 0px;
  font-family: 'Open Sans', 'Helvetia Neue', sans-serif;
  font-weight: 100;
  font-size: 15px;
  line-height: 1.8;
  color: #ffffff;
  background-color: #191e23;
  min-width: 320px;
}
#bg-canvas {
  margin: 0px;
  padding: 0px;
  border: 0px;
  position: fixed;
  z-index: 1;
}
/* Splash */
.splash {
  position: absolute;
  z-index: 10;
  width: 100%;
  height: 100%;
  min-width: 320px;
}
.splash .centered-unit {
  position: absolute;
  top: 50%;
  margin-top: -220px;
  width: 100%;
  text-align: center;
}
/* Countdown */
.countdown {
  margin: 70px auto;
  text-align: center;
  z-index: 10;
  height: 90px;
}
.countdown:after {
  content: ' ';
  display: block;
  clear: both;
  width: 100%;
  height: 0px;
}
.countdown .time {
  width: 90px;
  height: 80px;
  font-size: 30px;
  line-height: 60px;
  display: inline-block;
  border-left: 1px solid rgba(255, 255, 255, 0.1);
}
.countdown .time .value {
  height: 0px;
}
.countdown .time:last-child {
  border-right: 1px solid rgba(255, 255, 255, 0.1);
}
.countdown .unit {
  font-size: 8px;
  text-transform: uppercase;
  line-height: 10px;
  color: #76808f;
  position: relative;
  top: 53px;
  font-weight: 500;
}
@media (max-width: 480px) {
  .countdown.large {
    height: 180px;
    margin: 20px auto;
    width: 200px;
  }
  .countdown.large .time {
    float: left;
    width: 98px;
  }
  .countdown.large .time.hours,
  .countdown.large .time.seconds {
    border-left: 1px solid rgba(255, 255, 255, 0.1);
    border-right: none;
  }
  .countdown.large .time.minutes,
  .countdown.large .time.days {
    border-left: none;
    border-right: none;
  }
  .countdown.large .time.minutes,
  .countdown.large .time.seconds {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
  }
}
@media (min-width: 761px) {
  .countdown.large {
    text-align: center;
    z-index: 10;
  }
  .countdown.large .time {
    line-height: 100px;
    font-size: 60px;
    height: 120px;
    width: 158px;
  }
  .countdown.large .unit {
    font-size: 10px;
    top: 85px;
  }
}
@media (min-width: 1101px) {
  .countdown.large {
    text-align: center;
    z-index: 10;
  }
  .countdown.large .time {
    line-height: 100px;
    font-size: 60px;
    height: 120px;
    width: 198px;
  }
  .countdown.large .unit {
    font-size: 10px;
    top: 85px;
  }
}
.countdown.circled .time {
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 200px;
  margin: 3px;
  height: 90px;
  line-height: 80px;
  border: none;
}
.countdown.circled .unit {
  top: 55px;
}
@media (max-width: 480px) {
  .countdown.circled {
    width: 195px;
  }
  .countdown.circled .time {
    float: left;
    width: 90px;
  }
}
@media (min-width: 760px) {
  .countdown.circled.large {
    height: 150px;
  }
  .countdown.circled.large .time {
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 200px;
    font-size: 50px;
    line-height: 135px;
    margin: 5px;
    width: 150px;
    height: 150px;
  }
  .countdown.circled.large .unit {
    top: 95px;
  }
}
/* Overlap */
.overlap {
  position: absolute;
  min-height: 100%;
  top: 100%;
  width: 100%;
  margin-top: 0px;
  background-color: #23282d;
  z-index: 10;
  padding: 0px 0px 100px;
  min-width: 320px;
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
}
.overlap .more {
  display: block;
  height: 20px;
  padding: 10px 20px 15px;
  position: absolute;
  width: 250px;
  text-align: center;
  top: -45px;
  left: 50%;
  margin-left: -125px;
  color: #76808f;
  text-decoration: none;
  border-radius: 10px 10px 0px 0px;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 500;
}
.overlap .more .fa {
  padding: 5px;
  background-color: #76808f;
  color: #191e23;
  border-radius: 20px;
  margin: 0px 10px;
}
/* Contact */
.contact {
  margin: 20px 0px;
}
.contact .icon {
  float: left;
  width: 28px;
  height: 28px;
  line-height: 28px;
  background-color: #a5abb5;
  border: 1px solid #a5abb5;
  text-align: center;
  padding: 0px;
  border-radius: 40px;
}
.contact .icon .fa {
  color: #23282d;
}
.contact .value {
  display: block;
  margin: 0px 0px 0px 40px;
  padding: 0px 0px 0px;
}
.social {
  margin: 40px 0px 0px;
}
.social .social-icon {
  display: inline-block;
  padding: 8px;
  width: 28px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  border: 1px solid #a5abb5;
  border-radius: 30px;
  color: #23282d;
  margin: 0px 10px 0px 0px;
}
.social .social-icon:link,
.social .social-icon:visited {
  color: #76808f;
}
.social .social-icon:hover,
.social .social-icon:active {
  background-color: #5e8dc2;
  color: #23282d;
  border: none;
  padding: 9px;
}
.few-words {
  margin: 80px auto 80px;
}
.notify-by-email {
  margin: 0px auto 0px;
  background-color: #373c46;
}
.notify-by-email .container {
  padding: 30px 0px 30px;
}
.notify-by-email form {
  margin: 10px 0px 0px;
}
.notify-by-email form:after {
  content: ' ';
  display: block;
  clear: both;
  height: 0px;
  width: 0px;
}
.notify-by-email form input {
  border: none;
  padding: 15px 20px;
  background-color: rgba(255, 255, 255, 0.8);
  font-size: 20px;
  font-weight: 100;
  font-family: 'Open Sans';
  height: 58px;
  width: 70%;
  float: left;
  margin: 0px 0px 0px 0px;
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
}
.notify-by-email form .fa {
  position: absolute;
  font-size: 30px;
  margin: 13px 0px 0px -40px;
  color: #a5abb5;
}
.notify-by-email form button {
  border: none;
  padding: 15px 25px;
  background-color: #76808f;
  font-size: 20px;
  font-weight: 100;
  font-family: 'Open Sans';
  margin: 0px;
  height: 58px;
  color: #ffffff;
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
  margin: 0px 0px 0px 0px;
  cursor: pointer;
}
.notify-by-email form button:hover {
  background-color: #5e8dc2;
}
.notify-by-email form .note,
.notify-by-email form .message {
  font-size: 12px;
  color: #76808f;
  font-weight: 500;
  margin: 5px 0px 0px;
  clear: left;
}
.notify-by-email form.success .fa,
.notify-by-email form.success input,
.notify-by-email form.success .message {
  color: #73a12a;
}
.notify-by-email form.error .fa,
.notify-by-email form.error input,
.notify-by-email form.error .message {
  color: #a64e4e;
}
.notify-by-email h3 {
  margin: 20px 0px;
  position: relative;
  font-size: 22px;
  padding: 0px 40px 5px 0px;
  color: #a5abb5;
}
.notify-by-email h3:before {
  content: " ";
  display: block;
  position: absolute;
  width: 0px;
  height: 0px;
  right: -20px;
  top: 0px;
  border-width: 30px 0px 30px 20px;
  border-style: solid;
  border-color: transparent transparent transparent #76808f;
}
.notify-by-email h3:after {
  content: " ";
  display: block;
  position: absolute;
  width: 0px;
  height: 0px;
  right: -19px;
  top: 0px;
  border-width: 30px 0px 30px 20px;
  border-style: solid;
  border-color: transparent transparent transparent #373c46;
}
@media (max-width: 480px) {
  .notify-by-email form input {
    border: none;
    padding: 10px 10px;
    font-size: 15px;
    height: 48px;
    width: 65%;
    border-radius: 0px;
  }
  .notify-by-email form .fa {
    position: absolute;
    font-size: 22px;
    margin: 13px 0px 0px -30px;
    color: #a5abb5;
  }
  .notify-by-email form button {
    border: none;
    padding: 10px 15px;
    background-color: #76808f;
    font-size: 15px;
    font-weight: 100;
    font-family: 'Open Sans';
    margin: 0px;
    height: 48px;
    color: #ffffff;
    -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;
    /* Firefox, other Gecko */
    box-sizing: border-box;
    /* Opera/IE 8+ */
    margin: 0px 0px 0px 0px;
    cursor: pointer;
  }
  .notify-by-email form button:hover {
    background-color: #5e8dc2;
  }
}
.note {
  font-size: 12px;
  color: #76808f;
  font-weight: 500;
  margin: 5px 0px 0px;
}
.footer {
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  color: #a5abb5;
  font-size: 12px;
}
.footer .container {
  padding: 50px 0px 30px;
  height: 20px;
}
@media (max-width: 1100px) {
  .social {
    margin: 30px 0px;
  }
}
@media (max-width: 760px) {
  .notify-by-email h3:after,
  .notify-by-email h3:before {
    display: none;
  }
}
@media (max-width: 1100px) {
  .container {
    width: auto;
    margin-left: 40px;
    margin-right: 40px;
  }
  .col-content {
    width: 60%;
    float: left;
  }
  .col-contacts {
    width: 40%;
  }
  .col-heading {
    width: 100%;
    float: none;
  }
  .col-heading:after {
    display: none;
    content: ' ';
    clear: left;
  }
}
@media (max-width: 760px) {
  .row .col-one-third,
  .row .col-content,
  .row .col-contacts,
  .row .col-heading {
    width: 100%;
    float: none;
    clear: left;
  }
  .row .col-two-thirds {
    width: 100%;
    float: none;
  }
  h1 {
    font-size: 40px;
  }
  .lead {
    font-size: 20px;
  }
}
@media (max-width: 480px) {
  .row .col-one-third,
  .row .col-content,
  .row .col-contacts,
  .row .col-heading {
    width: 100%;
    float: none;
    clear: left;
  }
  .row .col-two-thirds {
    width: 100%;
    float: none;
  }
  h1 {
    font-size: 30px;
  }
  .lead {
    font-size: 16px;
  }
}
.color-scheme-silver {
  color: #2a2d30;
}
body.color-scheme-silver {
  background-color: #e1e6eb;
}
.color-scheme-silver hr {
  border-color: rgba(255, 255, 255, 0.3);
}
.color-scheme-silver .countdown .time {
  border-color: rgba(255, 255, 255, 0.1);
}
.color-scheme-silver .countdown .time:last-child {
  border-color: rgba(255, 255, 255, 0.1);
}
.color-scheme-silver .countdown .unit {
  color: #76808f;
}
.color-scheme-silver .countdown.circled .time {
  background-color: rgba(255, 255, 255, 0.5);
}
.color-scheme-silver .countdown.circled.large .time {
  background-color: rgba(255, 255, 255, 0.5);
}
.color-scheme-silver .overlap {
  background-color: #d7dce4;
}
.color-scheme-silver .overlap .more {
  color: #76808f;
}
.color-scheme-silver .overlap .more .fa {
  background-color: #76808f;
  color: #e1e6eb;
}
.color-scheme-silver .contact .icon {
  background-color: #a3aab3;
  border-color: #a3aab3;
}
.color-scheme-silver .contact .icon .fa {
  color: #d7dce4;
}
.color-scheme-silver .social .social-icon {
  border-color: #a3aab3;
  color: #d7dce4;
}
.color-scheme-silver .social .social-icon:link,
.color-scheme-silver .social .social-icon:visited {
  color: #76808f;
}
.color-scheme-silver .social .social-icon:hover,
.color-scheme-silver .social .social-icon:active {
  background-color: #374a88;
  color: #d7dce4;
}
.color-scheme-silver .notify-by-email {
  background-color: #a3aab8;
}
.color-scheme-silver .notify-by-email form input {
  background-color: rgba(255, 255, 255, 0.8);
}
.color-scheme-silver .notify-by-email form .fa {
  color: #a3aab3;
}
.color-scheme-silver .notify-by-email form button {
  background-color: #76808f;
  color: #ffffff;
}
.color-scheme-silver .notify-by-email form button:hover {
  background-color: #374a88;
}
.color-scheme-silver .notify-by-email form .note,
.color-scheme-silver .notify-by-email form .message {
  color: #76808f;
}
.color-scheme-silver .notify-by-email form.success .fa,
.color-scheme-silver .notify-by-email form.success input,
.color-scheme-silver .notify-by-email form.success .message {
  color: #6c8232;
}
.color-scheme-silver .notify-by-email form.error .fa,
.color-scheme-silver .notify-by-email form.error input,
.color-scheme-silver .notify-by-email form.error .message {
  color: #a64e4e;
}
.color-scheme-silver .notify-by-email h3 {
  color: #e1e6eb;
}
.color-scheme-silver .notify-by-email h3:before {
  border-color: transparent transparent transparent #d7dce4;
}
.color-scheme-silver .notify-by-email h3:after {
  border-color: transparent transparent transparent #a3aab8;
}
.color-scheme-silver .note {
  color: #76808f;
}
.color-scheme-silver .footer {
  color: #76808f;
}
.color-scheme-silver a:link {
  color: #497eb9;
}
.color-scheme-silver a:visited {
  color: #6a7e95;
}
.color-scheme-silver a:hover {
  color: #374a88;
}
.color-scheme-silver a:active {
  color: #374a88;
}
.color-scheme-silver .lead {
  color: #76808f;
}
.color-scheme-grass {
  color: #ffffff;
}
body.color-scheme-grass {
  background-color: #329e74;
}
.color-scheme-grass hr {
  border-color: rgba(255, 255, 255, 0.3);
}
.color-scheme-grass .countdown .time {
  border-color: rgba(255, 255, 255, 0.1);
}
.color-scheme-grass .countdown .time:last-child {
  border-color: rgba(255, 255, 255, 0.1);
}
.color-scheme-grass .countdown .unit {
  color: #97d19f;
}
.color-scheme-grass .countdown.circled .time {
  background-color: rgba(255, 255, 255, 0.5);
}
.color-scheme-grass .countdown.circled.large .time {
  background-color: rgba(255, 255, 255, 0.5);
}
.color-scheme-grass .overlap {
  background-color: #208b6c;
}
.color-scheme-grass .overlap .more {
  color: #97d19f;
}
.color-scheme-grass .overlap .more .fa {
  background-color: #97d19f;
  color: #329e74;
}
.color-scheme-grass .contact .icon {
  background-color: #70ad90;
  border-color: #70ad90;
}
.color-scheme-grass .contact .icon .fa {
  color: #208b6c;
}
.color-scheme-grass .social .social-icon {
  border-color: #70ad90;
  color: #208b6c;
}
.color-scheme-grass .social .social-icon:link,
.color-scheme-grass .social .social-icon:visited {
  color: #97d19f;
}
.color-scheme-grass .social .social-icon:hover,
.color-scheme-grass .social .social-icon:active {
  background-color: #87c4a7;
  color: #208b6c;
}
.color-scheme-grass .notify-by-email {
  background-color: #2c7a63;
}
.color-scheme-grass .notify-by-email form input {
  background-color: rgba(255, 255, 255, 0.8);
}
.color-scheme-grass .notify-by-email form .fa {
  color: #70ad90;
}
.color-scheme-grass .notify-by-email form button {
  background-color: #70ad90;
  color: #ffffff;
}
.color-scheme-grass .notify-by-email form button:hover {
  background-color: #589c7c;
}
.color-scheme-grass .notify-by-email form .note,
.color-scheme-grass .notify-by-email form .message {
  color: #97d19f;
}
.color-scheme-grass .notify-by-email form.success .fa,
.color-scheme-grass .notify-by-email form.success input {
  color: #79bc2a;
}
.color-scheme-grass .notify-by-email form.success .message {
  color: #97d19f;
}
.color-scheme-grass .notify-by-email form.error input,
.color-scheme-grass .notify-by-email form.error .fa {
  color: #ba5555;
}
.color-scheme-grass .notify-by-email form.error .message {
  color: #70ad90;
}
.color-scheme-grass .notify-by-email h3 {
  color: #97d19f;
}
.color-scheme-grass .notify-by-email h3:before {
  border-color: transparent transparent transparent #70ad90;
}
.color-scheme-grass .notify-by-email h3:after {
  border-color: transparent transparent transparent #2c7a63;
}
.color-scheme-grass .note {
  color: #97d19f;
}
.color-scheme-grass .footer {
  color: #97d19f;
}
.color-scheme-grass a:link {
  color: #cedba0;
}
.color-scheme-grass a:visited {
  color: #6a7e95;
}
.color-scheme-grass a:hover {
  color: #87c4a7;
}
.color-scheme-grass a:active {
  color: #87c4a7;
}
.color-scheme-grass .lead {
  color: #97d19f;
}
.color-scheme-sky {
  color: #626d7e;
}
body.color-scheme-sky {
  background-color: #45cce4;
}
.color-scheme-sky hr {
  border-color: rgba(255, 255, 255, 0.3);
}
.color-scheme-sky .splash {
  color: #FFF;
}
.color-scheme-sky .countdown .time {
  border-color: rgba(255, 255, 255, 0.1);
}
.color-scheme-sky .countdown .time:last-child {
  border-color: rgba(255, 255, 255, 0.1);
}
.color-scheme-sky .countdown .unit {
  color: #7abacc;
}
.color-scheme-sky .countdown.circled .time {
  color: #626d7e;
  background-color: rgba(255, 255, 255, 0.5);
}
.color-scheme-sky .countdown.circled.large .time {
  background-color: rgba(255, 255, 255, 0.5);
}
.color-scheme-sky .overlap {
  background-color: #78e1f4;
}
.color-scheme-sky .overlap .more {
  color: #808a99;
}
.color-scheme-sky .overlap .more .fa {
  background-color: #808a99;
  color: #45cce4;
}
.color-scheme-sky .contact .icon {
  background-color: #7abacc;
  border-color: #7abacc;
}
.color-scheme-sky .contact .icon .fa {
  color: #78e1f4;
}
.color-scheme-sky .social .social-icon {
  border-color: #7abacc;
  color: #78e1f4;
}
.color-scheme-sky .social .social-icon:link,
.color-scheme-sky .social .social-icon:visited {
  color: #808a99;
}
.color-scheme-sky .social .social-icon:hover,
.color-scheme-sky .social .social-icon:active {
  background-color: #ffffff;
  color: #78e1f4;
}
.color-scheme-sky .notify-by-email {
  background-color: #dcf0f9;
}
.color-scheme-sky .notify-by-email form input {
  background-color: rgba(255, 255, 255, 0.8);
}
.color-scheme-sky .notify-by-email form .fa {
  color: #7abacc;
}
.color-scheme-sky .notify-by-email form button {
  background-color: #78e1f4;
  color: #ffffff;
}
.color-scheme-sky .notify-by-email form button:hover {
  background-color: #45cce4;
}
.color-scheme-sky .notify-by-email form .note,
.color-scheme-sky .notify-by-email form .message {
  color: #7abacc;
}
.color-scheme-sky .notify-by-email form.success .fa,
.color-scheme-sky .notify-by-email form.success input,
.color-scheme-sky .notify-by-email form.success .message {
  color: #6c8232;
}
.color-scheme-sky .notify-by-email form.error .fa,
.color-scheme-sky .notify-by-email form.error input,
.color-scheme-sky .notify-by-email form.error .message {
  color: #a64e4e;
}
.color-scheme-sky .notify-by-email h3 {
  color: #45cce4;
}
.color-scheme-sky .notify-by-email h3:before {
  border-color: transparent transparent transparent #78e1f4;
}
.color-scheme-sky .notify-by-email h3:after {
  border-color: transparent transparent transparent #dcf0f9;
}
.color-scheme-sky .note {
  color: #808a99;
}
.color-scheme-sky .footer {
  color: #808a99;
}
.color-scheme-sky a:link {
  color: #497eb9;
}
.color-scheme-sky a:visited {
  color: #6a7e95;
}
.color-scheme-sky a:hover {
  color: #ffffff;
}
.color-scheme-sky a:active {
  color: #ffffff;
}
.color-scheme-sky .lead {
  color: #808a99;
}
.color-scheme-berry {
  color: #ffffff;
}
body.color-scheme-berry {
  background-color: #b5305c;
}
.color-scheme-berry hr {
  border-color: rgba(255, 255, 255, 0.3);
}
.color-scheme-berry .countdown .time {
  border-color: rgba(255, 255, 255, 0.1);
}
.color-scheme-berry .countdown .time:last-child {
  border-color: rgba(255, 255, 255, 0.1);
}
.color-scheme-berry .countdown .unit {
  color: #c18ca0;
}
.color-scheme-berry .countdown.circled .time {
  background-color: rgba(255, 255, 255, 0.5);
}
.color-scheme-berry .countdown.circled.large .time {
  background-color: rgba(255, 255, 255, 0.5);
}
.color-scheme-berry .overlap {
  background-color: #a72b54;
}
.color-scheme-berry .overlap .more {
  color: #c18ca0;
}
.color-scheme-berry .overlap .more .fa {
  background-color: #c18ca0;
  color: #b5305c;
}
.color-scheme-berry .contact .icon {
  background-color: #ca7998;
  border-color: #ca7998;
}
.color-scheme-berry .contact .icon .fa {
  color: #a72b54;
}
.color-scheme-berry .social .social-icon {
  border-color: #ca7998;
  color: #a72b54;
}
.color-scheme-berry .social .social-icon:link,
.color-scheme-berry .social .social-icon:visited {
  color: #c18ca0;
}
.color-scheme-berry .social .social-icon:hover,
.color-scheme-berry .social .social-icon:active {
  background-color: #ffffff;
  color: #a72b54;
}
.color-scheme-berry .notify-by-email {
  background-color: #ccb6c9;
}
.color-scheme-berry .notify-by-email form input {
  background-color: rgba(255, 255, 255, 0.8);
}
.color-scheme-berry .notify-by-email form .fa {
  color: #ca7998;
}
.color-scheme-berry .notify-by-email form button {
  background-color: #a72b54;
  color: #ffffff;
}
.color-scheme-berry .notify-by-email form button:hover {
  background-color: #b5305c;
}
.color-scheme-berry .notify-by-email form .note,
.color-scheme-berry .notify-by-email form .message {
  color: #c18ca0;
}
.color-scheme-berry .notify-by-email form.success .fa,
.color-scheme-berry .notify-by-email form.success input,
.color-scheme-berry .notify-by-email form.success .message {
  color: #6c8232;
}
.color-scheme-berry .notify-by-email form.error .fa,
.color-scheme-berry .notify-by-email form.error input,
.color-scheme-berry .notify-by-email form.error .message {
  color: #a64e4e;
}
.color-scheme-berry .notify-by-email h3 {
  color: #b5305c;
}
.color-scheme-berry .notify-by-email h3:before {
  border-color: transparent transparent transparent #a72b54;
}
.color-scheme-berry .notify-by-email h3:after {
  border-color: transparent transparent transparent #ccb6c9;
}
.color-scheme-berry .note {
  color: #c18ca0;
}
.color-scheme-berry .footer {
  color: #c18ca0;
}
.color-scheme-berry a:link {
  color: #497eb9;
}
.color-scheme-berry a:visited {
  color: #6a7e95;
}
.color-scheme-berry a:hover {
  color: #ffffff;
}
.color-scheme-berry a:active {
  color: #ffffff;
}
.color-scheme-berry .lead {
  color: #c18ca0;
}
.color-scheme-wisteria {
  color: #ffffff;
}
body.color-scheme-wisteria {
  background-color: #8867a4;
}
.color-scheme-wisteria hr {
  border-color: rgba(255, 255, 255, 0.3);
}
.color-scheme-wisteria .countdown .time {
  border-color: rgba(255, 255, 255, 0.1);
}
.color-scheme-wisteria .countdown .time:last-child {
  border-color: rgba(255, 255, 255, 0.1);
}
.color-scheme-wisteria .countdown .unit {
  color: #c4b2d4;
}
.color-scheme-wisteria .countdown.circled .time {
  background-color: rgba(255, 255, 255, 0.5);
}
.color-scheme-wisteria .countdown.circled.large .time {
  background-color: rgba(255, 255, 255, 0.5);
}
.color-scheme-wisteria .overlap {
  background-color: #694f80;
}
.color-scheme-wisteria .overlap .more {
  color: #c4b2d4;
}
.color-scheme-wisteria .overlap .more .fa {
  background-color: #c4b2d4;
  color: #8867a4;
}
.color-scheme-wisteria .contact .icon {
  background-color: #9c81b3;
  border-color: #9c81b3;
}
.color-scheme-wisteria .contact .icon .fa {
  color: #694f80;
}
.color-scheme-wisteria .social .social-icon {
  border-color: #9c81b3;
  color: #694f80;
}
.color-scheme-wisteria .social .social-icon:link,
.color-scheme-wisteria .social .social-icon:visited {
  color: #c4b2d4;
}
.color-scheme-wisteria .social .social-icon:hover,
.color-scheme-wisteria .social .social-icon:active {
  background-color: #ffffff;
  color: #694f80;
}
.color-scheme-wisteria .notify-by-email {
  background-color: #504263;
}
.color-scheme-wisteria .notify-by-email form input {
  background-color: rgba(255, 255, 255, 0.8);
}
.color-scheme-wisteria .notify-by-email form .fa {
  color: #9c81b3;
}
.color-scheme-wisteria .notify-by-email form button {
  background-color: #694f80;
  color: #ffffff;
}
.color-scheme-wisteria .notify-by-email form button:hover {
  background-color: #8867a4;
}
.color-scheme-wisteria .notify-by-email form .note,
.color-scheme-wisteria .notify-by-email form .message {
  color: #9c81b3;
}
.color-scheme-wisteria .notify-by-email form.success .fa,
.color-scheme-wisteria .notify-by-email form.success input,
.color-scheme-wisteria .notify-by-email form.success .message {
  color: #6c8232;
}
.color-scheme-wisteria .notify-by-email form.error .fa,
.color-scheme-wisteria .notify-by-email form.error input,
.color-scheme-wisteria .notify-by-email form.error .message {
  color: #a64e4e;
}
.color-scheme-wisteria .notify-by-email h3 {
  color: #c4b2d4;
}
.color-scheme-wisteria .notify-by-email h3:before {
  border-color: transparent transparent transparent #9c81b3;
}
.color-scheme-wisteria .notify-by-email h3:after {
  border-color: transparent transparent transparent #504263;
}
.color-scheme-wisteria .note {
  color: #c4b2d4;
}
.color-scheme-wisteria .footer {
  color: #c4b2d4;
}
.color-scheme-wisteria a:link {
  color: #d8c7ec;
}
.color-scheme-wisteria a:visited {
  color: #6a7e95;
}
.color-scheme-wisteria a:hover {
  color: #ffffff;
}
.color-scheme-wisteria a:active {
  color: #ffffff;
}
.color-scheme-wisteria .lead {
  color: #c4b2d4;
}
.color-scheme-retro {
  color: #ffffff;
}
body.color-scheme-retro {
  background-color: #403a45;
}
.color-scheme-retro hr {
  border-color: rgba(255, 255, 255, 0.3);
}
.color-scheme-retro .splash h1 {
  color: rgba(0, 0, 0, 0.7);
}
.color-scheme-retro .countdown .time {
  border-color: rgba(255, 255, 255, 0.1);
}
.color-scheme-retro .countdown .time:last-child {
  border-color: rgba(255, 255, 255, 0.1);
}
.color-scheme-retro .countdown .unit {
  color: rgba(255, 255, 255, 0.3);
}
.color-scheme-retro .countdown.circled .time {
  background-color: rgba(0, 0, 0, 0.5);
}
.color-scheme-retro .countdown.circled.large .time {
  background-color: rgba(0, 0, 0, 0.5);
}
.color-scheme-retro .overlap {
  background-color: rgba(54, 50, 58, 0.7);
}
.color-scheme-retro .overlap .more {
  color: rgba(255, 255, 255, 0.3);
}
.color-scheme-retro .overlap .more .fa {
  background-color: rgba(255, 255, 255, 0.3);
  color: rgba(0, 0, 0, 0.6);
}
.color-scheme-retro .contact .icon {
  background-color: #a5abb5;
  border-color: #a5abb5;
}
.color-scheme-retro .contact .icon .fa {
  color: #23282d;
}
.color-scheme-retro .social .social-icon {
  border-color: #a5abb5;
  color: #23282d;
}
.color-scheme-retro .social .social-icon:link,
.color-scheme-retro .social .social-icon:visited {
  color: #76808f;
}
.color-scheme-retro .social .social-icon:hover,
.color-scheme-retro .social .social-icon:active {
  background-color: #5e8dc2;
  color: #23282d;
}
.color-scheme-retro .notify-by-email {
  background-color: #2b262f;
}
.color-scheme-retro .notify-by-email form input {
  background-color: rgba(255, 255, 255, 0.8);
}
.color-scheme-retro .notify-by-email form .fa {
  color: #a5abb5;
}
.color-scheme-retro .notify-by-email form button {
  background-color: #76808f;
  color: #ffffff;
}
.color-scheme-retro .notify-by-email form button:hover {
  background-color: #5c5564;
}
.color-scheme-retro .notify-by-email form .note,
.color-scheme-retro .notify-by-email form .message {
  color: #76808f;
}
.color-scheme-retro .notify-by-email form.success .fa,
.color-scheme-retro .notify-by-email form.success input,
.color-scheme-retro .notify-by-email form.success .message {
  color: #73a12a;
}
.color-scheme-retro .notify-by-email form.error .fa,
.color-scheme-retro .notify-by-email form.error input,
.color-scheme-retro .notify-by-email form.error .message {
  color: #a64e4e;
}
.color-scheme-retro .notify-by-email h3 {
  color: #a5abb5;
}
.color-scheme-retro .notify-by-email h3:before {
  border-color: transparent transparent transparent #a5abb5;
}
.color-scheme-retro .notify-by-email h3:after {
  border-color: transparent transparent transparent #2b262f;
}
.color-scheme-retro .note {
  color: #76808f;
}
.color-scheme-retro .footer {
  color: #76808f;
}
.color-scheme-retro a:link {
  color: #8fbef4;
}
.color-scheme-retro a:visited {
  color: #8b99a9;
}
.color-scheme-retro a:hover {
  color: #5e8dc2;
}
.color-scheme-retro a:active {
  color: #5e8dc2;
}
.color-scheme-retro .lead {
  color: rgba(0, 0, 0, 0.5);
}
.color-scheme-neue {
  color: #ffffff;
}
body.color-scheme-neue {
  background-color: #373e4b;
}
.color-scheme-neue hr {
  border-color: rgba(255, 255, 255, 0.3);
}
.color-scheme-neue .splash h1 {
  color: #FFF;
  text-shadow: 0px 0px 10px #000;
}
.color-scheme-neue .countdown .time {
  border-color: rgba(255, 255, 255, 0.1);
}
.color-scheme-neue .countdown .time:last-child {
  border-color: rgba(255, 255, 255, 0.1);
}
.color-scheme-neue .countdown .unit {
  color: rgba(255, 255, 255, 0.3);
}
.color-scheme-neue .countdown.circled .time {
  background-color: rgba(0, 0, 0, 0.5);
}
.color-scheme-neue .countdown.circled.large .time {
  background-color: rgba(0, 0, 0, 0.5);
}
.color-scheme-neue .overlap {
  background-color: rgba(15, 20, 30, 0.7);
}
.color-scheme-neue .overlap .more {
  color: rgba(255, 255, 255, 0.5);
}
.color-scheme-neue .overlap .more .fa {
  background-color: rgba(255, 255, 255, 0.5);
  color: rgba(0, 0, 0, 0.6);
}
.color-scheme-neue .contact .icon {
  background-color: #a5abb5;
  border-color: #a5abb5;
}
.color-scheme-neue .contact .icon .fa {
  color: #23282d;
}
.color-scheme-neue .social .social-icon {
  border-color: #a5abb5;
  color: #23282d;
}
.color-scheme-neue .social .social-icon:link,
.color-scheme-neue .social .social-icon:visited {
  color: #76808f;
}
.color-scheme-neue .social .social-icon:hover,
.color-scheme-neue .social .social-icon:active {
  background-color: #5e8dc2;
  color: #23282d;
}
.color-scheme-neue .notify-by-email {
  background-color: #373c46;
}
.color-scheme-neue .notify-by-email form input {
  background-color: rgba(255, 255, 255, 0.8);
}
.color-scheme-neue .notify-by-email form .fa {
  color: #a5abb5;
}
.color-scheme-neue .notify-by-email form button {
  background-color: #76808f;
  color: #ffffff;
}
.color-scheme-neue .notify-by-email form button:hover {
  background-color: #5e8dc2;
}
.color-scheme-neue .notify-by-email form .note,
.color-scheme-neue .notify-by-email form .message {
  color: #76808f;
}
.color-scheme-neue .notify-by-email form.success .fa,
.color-scheme-neue .notify-by-email form.success input,
.color-scheme-neue .notify-by-email form.success .message {
  color: #73a12a;
}
.color-scheme-neue .notify-by-email form.error .fa,
.color-scheme-neue .notify-by-email form.error input,
.color-scheme-neue .notify-by-email form.error .message {
  color: #a64e4e;
}
.color-scheme-neue .notify-by-email h3 {
  color: #a5abb5;
}
.color-scheme-neue .notify-by-email h3:before {
  border-color: transparent transparent transparent #a5abb5;
}
.color-scheme-neue .notify-by-email h3:after {
  border-color: transparent transparent transparent #373c46;
}
.color-scheme-neue .note {
  color: #76808f;
}
.color-scheme-neue .footer {
  color: #76808f;
}
.color-scheme-neue a:link {
  color: #8fbef4;
}
.color-scheme-neue a:visited {
  color: #8b99a9;
}
.color-scheme-neue a:hover {
  color: #5e8dc2;
}
.color-scheme-neue a:active {
  color: #5e8dc2;
}
.color-scheme-neue .lead {
  color: #FFF;
  text-shadow: 0px 0px 10px #000;
}

cmd: