@charset "UTF-8";
html {
  color: #000;
  background: #fff; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

fieldset, img {
  border: 0; }

address, caption, cite, code, dfn, em, strong, th, var, optgroup {
  font-style: inherit;
  font-weight: inherit; }

del, ins {
  text-decoration: none; }

li {
  list-style: none; }

caption, th {
  text-align: left; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal; }

q:before, q:after {
  content: ''; }

abbr, acronym {
  border: 0;
  font-variant: normal; }

sup {
  vertical-align: baseline; }

sub {
  vertical-align: baseline; }

legend {
  color: #000; }

input, button, textarea, select, optgroup, option {
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit; }

input, button, textarea, select {
  *font-size: 100%; }

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

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

/* 2. ROOT
----------------------------------------------------------------------------------------*/
html {
  overflow-y: scroll;
  background: #fff; }

/* /ht Ethan Marcotte - https://front.ie/l8rJaA */
img, embed, object, video {
  max-width: 100%; }

.ie6 img.full, .ie6 object.full, .ie6 embed, .ie6 video {
  width: 100%; }

/* 3. CORE TYPOGRAPHY
----------------------------------------------------------------------------------------*/
body {
  font-family: Arial, Helvetica, Meiryo, "Hiragino Kaku Gothic Pro", sans-serif;
  font-size: 1em;
  line-height: 1.618em;
  color: #000; }

h1, h2, h3, h4, h5, h6 {
  margin-bottom: 0.809em;
  line-height: 1em; }

p, ul, ol, dl, blockquote {
  font-size: 1em;
  line-height: 1.618em;
  margin-bottom: 1.618em;
  /*max-width: 30em; /* Optimal width for long-form text */
  *width: 100%; }

ul {
  list-style-type: disc;
  margin-left: 1.618em; }

ol {
  list-style-type: decimal;
  margin-left: 1.618em; }

nav ul, nav ol {
  list-style: none;
  margin: 0;
  padding: 0; }

b, strong {
  font-weight: bold; }

i, em {
  font-style: italic; }

small {
  font-size: 80%; }

a {
  text-decoration: underline; }
  a:hover {
    text-decoration: none; }

/* GLOBAL LAYOUT & GLOBAL CUSTOM TYPOGRAPHY
----------------------------------------------------------------------------------------*/
.fallback-container {
  background: #fff;
  color: red;
  font-weight: bold;
  padding: 20px;
  border: 1px solid red;
  width: 100%;
  min-width: 250px;
  max-width: 300px;
  margin: 0 auto; }
  .fallback-container img {
    width: 127px !important;
    display: block; }

@keyframes flashNoticeFadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
.flashDeprecatedNotice {
  flex-flow: row-reverse;
  flex-wrap: wrap;
  font-size: 13px;
  color: #fff;
  width: 100%;
  background-color: #ff7e00;
  padding: 10px 15px;
  display: none;
  -webkit-animation: flashNoticeFadeIn 400ms;
  /* Safari, Chrome and Opera > 12.1 */
  -moz-animation: flashNoticeFadeIn 400ms;
  /* Firefox < 16 */
  -ms-animation: flashNoticeFadeIn 400ms;
  /* Internet Explorer */
  -o-animation: flashNoticeFadeIn 400ms;
  /* Opera < 12.1 */
  animation: flashNoticeFadeIn 400ms; }
  .flashDeprecatedNotice #close-btn {
    text-align: right;
    background-color: rgba(255, 255, 255, 0.3);
    margin: 0;
    padding: 0 5px;
    line-height: 21px;
    border-radius: 5px;
    cursor: pointer; }
    .flashDeprecatedNotice #close-btn::before {
      width: auto;
      text-align: right;
      margin: 0;
      font-family: 'FontAwesome';
      content: '\f00d';
      font-size: 19px;
      color: inherit; }
  .flashDeprecatedNotice p {
    margin: 5px 0 0;
    line-height: 1.3; }
  .flashDeprecatedNotice #flash-link {
    text-decoration: underline;
    color: #fff; }

@media screen and (min-width: 2030px) {
  .flashDeprecatedNotice #close-btn {
    margin: 0 3px; } }
/* CUSTOM LAYOUT & TYPOGRAPHY
----------------------------------------------------------------------------------------*/
#container {
  margin: auto;
  max-width: 1400px; }

header h1#logo {
  position: absolute;
  top: 40px;
  left: 0px; }

#social {
  float: right;
  display: -ms-flexbox;
  display: flex; }
  #social .fb-like {
    margin-right: 3px; }

footer .page-views {
  text-align: center;
  font-size: 20px;
  margin-bottom: 20px; }
  footer .page-views strong {
    color: #b75c01; }

.pspinc_add {
  width: 100px;
  height: 30px;
  background: #ccc;
  color: #333;
  padding: 30px 10px;
  margin: 10px 30px;
  float: left; }

.clock_caption {
  width: 110px;
  text-align: center;
  border-radius: 3px;
  border: 1px solid;
  border-color: #f5f5f5 #f5f5f5 #aeaeae #f5f5f5;
  font-size: 0.75em;
  margin: 0 20px; }

#bloguru_aggregator .BloguruGroupRSS {
  width: 100% !important;
  padding: 0 !important;
  display: flex;
  flex-wrap: wrap;
  margin-top: 25px; }

#bloguru_aggregator .bullet {
  display: none; }

#bloguru_aggregator div#Bloguru-Standard .entry1,
#bloguru_aggregator div#Bloguru-Standard .entry2 {
  width: 50%;
  margin: 0 0 25px 0;
  padding: 0;
  background: transparent; }

#bloguru_aggregator div#Bloguru-Standard .entry1 {
  padding-right: 10px; }

#bloguru_aggregator div#Bloguru-Standard .entry2 {
  padding-left: 20px; }

#bloguru_aggregator div#Bloguru-Standard .author {
  display: none; }

#bloguru_aggregator div#Bloguru-Standard a:link {
  color: #333; }

#bloguru_aggregator div#Bloguru-Standard .date {
  float: left; }

#bloguru_aggregator div#Bloguru-Standard .post_desc {
  padding: 0px; }

#bloguru_aggregator div#Bloguru-Standard .seefullartical {
  display: none; }

#bloguru_aggregator a {
  font-size: 1.1rem;
  text-decoration: underline !important;
  color: #383838 !important; }
  #bloguru_aggregator a:hover {
    text-decoration: none !important; }
#bloguru_aggregator .post_desc, #bloguru_aggregator .date {
  color: #606060 !important;
  font-size: 0.9rem !important; }
#bloguru_aggregator .date {
  margin: 0 0 15px 0; }

@media screen and (max-width: 768px) {
  #bloguru_aggregator div#Bloguru-Standard .entry2,
  #bloguru_aggregator div#Bloguru-Standard .entry1 {
    width: 100%;
    padding: 0; } }
#host-link {
  margin-top: 25px; }
  #host-link a {
    text-align: center;
    font-size: .8rem;
    margin-bottom: 10px;
    width: 100%;
    display: inline-block; }

.html5, .flash {
  background-position: right 0; }

/* BROWSER AND NON-SEMANTIC STYLING
----------------------------------------------------------------------------------------*/
.cf:before, .cf:after {
  content: "";
  display: block; }

.cf:after {
  clear: both; }

.ie6 .cf {
  zoom: 1; }

br.mobile {
  display: none; }
  @media screen and (max-width: 640px) {
    br.mobile {
      display: block; } }

/* REGISTRATION THANK YOU PAGE
----------------------------------------------------------------------------------------*/
#thank-you {
  background: none repeat scroll 0% 0% #fff;
  border-radius: 5px;
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
  margin: 40px 0;
  padding: 40px 20px; }
  #thank-you h3 {
    font-size: 36px;
    color: #333; }
  #thank-you p {
    margin-bottom: 10px; }

/* 9. BTN
----------------------------------------------------------------------------------------*/
* {
  box-sizing: border-box; }

#container {
  width: 100%;
  min-width: 100px;
  max-width: 1300px;
  margin: 0 auto; }

.faq-desktop {
  display: block; }

.timezone-mobile {
  display: none; }

#host-link {
  margin-top: 0; }

#main_content {
  width: 100%; }

#main_wrapper {
  float: left;
  width: 100%; }

#host-link, .content {
  width: 100%;
  max-width: 100%; }

#GoogleAd {
  width: auto;
  height: auto; }

#GoogleAd {
  display: block !important;
  float: left;
  width: 100%; }
  @media screen and (max-width: 767px) {
    #GoogleAd {
      float: none;
      clear: both;
      margin-top: 25px; } }

.banner .image_wrapper a {
  position: relative;
  display: inline-block;
  overflow: hidden;
  margin: 0;
  display: inline-block; }
  .banner .image_wrapper a img {
    min-width: 100%; }
    .banner .image_wrapper a img.desktop {
      max-height: 110px; }
    .banner .image_wrapper a img.mobile {
      display: none;
      /*max-height: 150px;*/ }
    @media screen and (max-width: 767px) {
      .banner .image_wrapper a img.desktop {
        max-height: 110px;
        display: none; }
      .banner .image_wrapper a img.mobile {
        display: initial; } }

.header_image {
  width: 100%;
  position: relative;
  display: inline-block;
  overflow: hidden;
  margin: 0; }
  .header_image a {
    width: 100%;
    display: inline-block; }
    .header_image a img {
      width: 100%; }

.galleryShell div {
  text-align: center;
  display: inline-block;
  width: 49.5%; }

.twitter-follow-button {
  position: static !important;
  visibility: visible !important;
  width: 123px;
  height: 20px; }

#twitter-widget-0 {
  position: relative; }

#Bloguru-Standard .BloguruGroupRSS {
  width: 100% !important;
  max-width: 100% !important; }

div#Bloguru-Standard .bullet {
  margin-right: 5px; }

.browsehappy {
  background-color: #5a5a5a;
  color: #fff;
  text-align: center;
  margin: 0;
  padding: 20px 0; }
  .browsehappy a {
    color: #ccc; }

.txtWhite {
  background: å #000; }

#timezones select {
  max-width: 72%;
  width: 100%; }

.galleryTitle, #clockEmbed, .galleryContainer, .galleryColorSwatches {
  width: 100%;
  float: none; }

.galleryTitle {
  padding-right: 40px; }

#timezones,
#countries,
#cities,
#countDown,
#countUp,
#sizes,
#date-format,
#time-format,
#timeInterval {
  margin: 5px auto;
  max-width: 644px;
  width: 100%; }

label[for="selectByTimezone"] {
  padding-right: 10px; }

#timezones label,
#countries label,
#countDown label,
#countUp label,
#cities label,
#sizes label,
#date-format label,
#time-format label,
#timeInterval label {
  display: inline-block;
  padding-right: 0;
  font-weight: bold;
  margin-right: 5px; }

.galleryColors {
  padding: 10px 0;
  margin-top: 15px; }

.galleryColorOption {
  float: none;
  width: 32.5%;
  padding: 0px 0px 5px;
  margin-bottom: 10px;
  display: inline-block; }
  @media screen and (max-width: 767px) {
    .galleryColorOption {
      width: 49%; } }
  .galleryColorOption p {
    min-width: 95px;
    padding: 5px 10px;
    margin: 0 auto;
    border-radius: 0;
    display: inline-block;
    text-align: center;
    font-weight: bold;
    font-size: .9rem;
    color: #fff;
    text-transform: capitalize; }
  .galleryColorOption input {
    display: inline-block; }
  .galleryColorOption .colorRadio {
    position: absolute;
    z-index: 1;
    opacity: 0;
    cursor: pointer;
    margin-top: 0;
    margin-left: 5px;
    width: 95px;
    height: 33.3px; }

.galleryOptionTitle {
  display: block;
  float: none;
  text-align: left;
  font-weight: bold; }

.galleryOptionInput {
  width: auto;
  float: none;
  display: inline-block;
  margin-bottom: 20px; }
  .galleryOptionInput span, .galleryOptionInput select {
    display: inline-block; }
  .galleryOptionInput select {
    width: 91px; }

#embedMarkup, #jsMarkup {
  margin-top: 20px; }

p.select {
  margin-left: 5px; }

p.select-boar,
p.select-rat,
p.select-ox,
p.select-tiger,
p.select-rabbit,
p.select-dragon,
p.select-snake,
p.select-horse,
p.select-sheep,
p.select-monkey,
p.select-rooster,
p.select-dog,
p.select-beagle,
p.select-8,
p.select-black {
  background: #000;
  border: 0; }

p.select-white {
  color: #000;
  background: #fff;
  border: 1px solid #ccc; }

p.select-gray, p.select-silver {
  background: #9E9E9E;
  color: #000; }

p.select-15, p.select-11, p.select-7, p.select-3, p.select-red {
  background: red;
  color: #000; }

p.select-13, p.select-9, p.select-5, p.select-orange, p.select-1 {
  background: orange;
  color: #000; }

p.select-yellow {
  color: #000;
  background: yellow; }

p.select-gold {
  background: #c2985a;
  color: #000; }

p.select-14, p.select-6, p.select-green {
  background: green; }

p.select-10, p.select-blue, p.select-2, p.select-navy {
  background: blue; }

p.select-12, p.select-4, p.select-purple, p.select-purple2, p.select-purple1 {
  background: purple; }

p.select-rust {
  background: #BD8B70;
  color: #000; }

p.select-ltpurple {
  background: #b18cdf;
  color: #000; }

p.select-pink, p.select-pink1, p.select-pink2 {
  background: #ff8dba;
  color: #000; }

p.select-ltgreen {
  color: #000;
  background: #4bff4c; }

p.select-ltblue {
  color: #000;
  background: #c0d7ff; }

p.select-brown, p.select-brown1, p.select-brown2 {
  background: #794E25; }

.intrinsic-container {
  position: relative;
  height: 0;
  overflow: hidden; }

/* 16x9 Aspect Ratio */
.intrinsic-container-16x9 {
  padding-bottom: 62.5%; }

.intrinsic-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

/* IE 9, 10 & 11 */
@media screen and (min-width: 0\0) {
  /* ie */
  .intrinsic-container-16x9 {
    padding-bottom: 52.5%; } }
_::-moz-svg-foreign-content, :root .intrinsic-container-16x9 {
  padding-bottom: 62.5%; }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
  .intrinsic-container-16x9 {
    padding-bottom: 62.5%; } }
span.update {
  display: inline-block;
  color: #fff;
  background: #305b82;
  padding: 1px 8px;
  font-size: .9em;
  font-weight: bold;
  cursor: pointer;
  border: 0; }
  span.update:hover {
    background: #3e75a7; }

.questionTitle.expand::after {
  content: '\f105';
  font-family: 'FontAwesome';
  font-size: 23px;
  float: right; }

.questionTitle.collapse.active::after {
  content: '\f107';
  font-family: 'FontAwesome';
  font-size: 23px;
  float: right; }

.questionTitle, .faqResult {
  width: 100%;
  float: none;
  display: block; }

.adCenterImage {
  float: none;
  display: block;
  width: 100% !important; }

.adDisclaimer {
  width: 100%;
  float: none;
  margin-top: 25px;
  font-size: .9rem; }

.elementLeft, .elementLeft, .dailyDesc, .dailyNumbers {
  float: none; }

.right p.galleryButton {
  margin-bottom: 0; }

.bottomButtons {
  float: none;
  margin: 10px auto;
  width: 100%;
  height: auto; }

.bottomButtons .elementLeft {
  max-width: 358px;
  width: 100%;
  float: left; }
.bottomButtons .dailyDesc {
  float: left;
  padding-left: 25px;
  width: calc(100% - 358px); }
@media screen and (max-width: 1200px) {
  .bottomButtons .elementLeft, .bottomButtons .dailyDesc {
    float: none;
    padding-left: 0;
    width: 100%; } }

.dailyContainer {
  text-align: center;
  padding: 20px 0;
  background: #fff; }

#addTitle {
  display: inline-block; }

input#clockTitle {
  display: inline-block;
  width: 20px; }

textarea#jsMarkup {
  margin-top: 20px; }

.contactForm label {
  width: 240px; }

.g-recaptcha {
  display: block;
  position: relative;
  clear: left;
  padding-top: 15px; }

.contactForm .errorText {
  color: red;
  font-size: .8rem; }

.galleryClock iframe {
  max-width: 100%; }

.home-info {
  width: 300px;
  background: rgba(255, 255, 255, 0.8);
  padding: 50px 25px;
  min-height: 520px;
  text-align: center; }
  .home-info p {
    font-size: 1.5em;
    font-weight: bold; }

@media screen and (max-width: 980px) {
  .clock_caption {
    width: 80%;
    font-size: 1em;
    margin: 0 auto; }

  .galleryOptionTitle {
    text-align: left;
    display: block; }

  .galleryOptionInput {
    width: auto;
    float: none;
    display: inline-block; }
    .galleryOptionInput span {
      display: block; }

  #countries label,
  #countDown label,
  #countUp label,
  #cities label,
  #sizes label,
  #date-format label,
  #time-format label,
  #timeInterval label,
  #timezones label,
  #timezones,
  #sizes label,
  #target label,
  #message label,
  .clock-input-options label,
  #clockTitle label {
    width: 100%;
    text-align: left; }

  .date-format-msg {
    margin-left: 0; }

  .dailyDesc, .elementLeft {
    width: 100%;
    margin: 0 auto; }

  .dailyDesc {
    padding: 0px 20px; }

  .bottomButtons .elementLeft, .dailyContainer {
    max-width: 100%;
    width: 100%;
    text-align: center; }

  input.line {
    width: 100%; }

  .faq-desktop {
    display: none; }

  .galleryShell div {
    text-align: center;
    display: block;
    width: 100%;
    margin: 0 auto; }

  a.htmltag.htmltag_dark {
    border: 2px solid #fff;
    margin-bottom: 25px; }

  .fallback-container img {
    width: 75px !important; } }
@media screen and (max-width: 965px) {
  form#tos a {
    margin-bottom: 20px; }

  .help-mobile {
    display: block; }

  .help-desktop {
    display: none; } }
@media screen and (max-width: 768px) {
  .timezone-desktop {
    display: none; }

  .timezone-mobile {
    display: block; } }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
  .timezone-desktop {
    display: none; }

  .timezone-mobile {
    display: block; } }
@media screen and (max-width: 500px) {
  .gallery-legend ul li {
    display: block;
    text-align: left; } }
@media screen and (max-width: 415px) {
  .faqQuestion img {
    width: 100%; }

  .help-table {
    font-size: 85%;
    max-width: 100%; } }
.help-table td {
  padding: 5px;
  text-align: left;
  background-color: #f9f9f9; }

#embed-fallback embed {
  height: 175px !important;
  width: 175px !important;
  margin: 0 auto; }

_:-ms-input-placeholder, :root .galleryShell div {
  min-width: 175px; }

a {
  color: #254aa2; }
  a:hover {
    color: #1a3370; }

.sidebar {
  width: 300px;
  padding: 0 20px 20px 0;
  float: left;
  font-family: 'Raleway',sans-serif;
  transition: margin 0.5s ease; }
  .sidebar .google_ad_container_sidebar {
    margin: 1vw; }
    @media screen and (max-width: 767px) {
      .sidebar .google_ad_container_sidebar {
        display: none; } }
  .sidebar h1 {
    width: 100%;
    text-align: center;
    float: none;
    margin: 40px 0; }
    .sidebar h1 img {
      max-width: 250px;
      width: 100%; }
  @media screen and (min-width: 1350px) {
    .sidebar {
      margin-left: -25px; } }
  @media screen and (max-width: 960px) {
    .sidebar {
      width: 205px;
      padding: 0 15px 20px 0; }
      .sidebar h1 {
        padding: 0 20px;
        margin: 25px 0 20px 0; } }
  @media screen and (max-width: 767px) {
    .sidebar {
      width: 100%;
      float: none;
      padding: 0;
      margin-bottom: 0;
      clear: both; } }
  .sidebar a {
    color: #393939;
    font-size: 1.4rem;
    margin: 5px 0; }
    @media screen and (max-width: 960px) {
      .sidebar a {
        font-size: 1rem; } }
  .sidebar nav a {
    display: inline-block;
    text-decoration: none; }
    .sidebar nav a#gallery.active::before {
      color: transparent; }
    .sidebar nav a::before {
      font-size: 1.1rem;
      content: "------";
      font-weight: bold;
      color: transparent;
      letter-spacing: -2px;
      display: inline-block;
      padding-right: 25px;
      vertical-align: middle;
      padding-bottom: 5px; }
      @media screen and (max-width: 960px) {
        .sidebar nav a::before {
          font-size: 1rem;
          padding-right: 5px; } }
      @media screen and (max-width: 767px) {
        .sidebar nav a::before {
          display: none; } }
    .sidebar nav a:hover {
      color: #797979; }
    .sidebar nav a:hover::before, .sidebar nav a#gallery.active:hover::before {
      color: #9a9a9a; }
    .sidebar nav a.active::before {
      color: #ff7e00; }
    @media screen and (max-width: 767px) {
      .sidebar nav a {
        font-size: 1.2rem;
        padding: 8px 20px;
        margin: 0;
        display: block;
        width: 100%;
        border-bottom: 1px solid #ccc; }
        .sidebar nav a.active {
          color: #ff7e00; } }
  .sidebar #gallery_subnav {
    margin: 0;
    text-indent: 5px; }
    @media screen and (max-width: 960px) {
      .sidebar #gallery_subnav {
        margin: 0; } }
    .sidebar #gallery_subnav a {
      font-size: 1.1rem;
      margin: 0;
      display: inline-block; }
      @media screen and (max-width: 960px) {
        .sidebar #gallery_subnav a {
          font-size: 0.9rem;
          margin: 0; } }
      .sidebar #gallery_subnav a#gallery.active::before {
        color: #ff7e00; }
      @media screen and (max-width: 767px) {
        .sidebar #gallery_subnav a {
          font-size: 1.2rem; } }
  .sidebar .secondary {
    margin: 10px 0; }
    @media screen and (max-width: 767px) {
      .sidebar .secondary {
        margin: 0; } }
    .sidebar .secondary a {
      color: #9a9a9a;
      font-size: 1.1rem;
      margin: 0; }
      @media screen and (max-width: 960px) {
        .sidebar .secondary a {
          font-size: .9rem;
          margin: 0; } }
      @media screen and (max-width: 767px) {
        .sidebar .secondary a {
          font-size: 1.2rem;
          color: #393939; } }
    .sidebar .secondary:hover {
      color: #b4b4b4; }
      @media screen and (max-width: 767px) {
        .sidebar .secondary:hover {
          color: #535353; } }
  .sidebar .social_links {
    margin-bottom: 20px;
    padding-top: 15px;
    text-align: left;
    padding-left: 15px; }
    .sidebar .social_links a {
      transition: all .2s;
      display: inline-block;
      max-width: 40px;
      max-height: 40px; }
      .sidebar .social_links a img {
        width: 100%; }
    .sidebar .social_links a:hover {
      text-decoration: none;
      transform: translateY(-3px);
      text-decoration: none; }
  @media screen and (max-width: 767px) {
    .sidebar .social_links {
      display: none; } }

/* End sidebar */
#home-hero {
  display: block;
  margin: 50px 0 0 0;
  text-align: center; }
  @media screen and (max-width: 767px) {
    #home-hero {
      margin: 0; } }
  #home-hero h1 {
    font-size: 24px;
    font-weight: bold;
    color: #000; }
    #home-hero h1::after {
      content: "";
      display: block;
      background: #ff7e00;
      height: 5px;
      width: 40px;
      margin: 15px auto 0; }

#bloguru_aggregator {
  margin: 50px 0 0 0; }
  #bloguru_aggregator h2 {
    font-size: 24px;
    font-weight: bold;
    color: #000; }
    #bloguru_aggregator h2::after {
      content: "";
      display: block;
      background: #c5c5c5;
      height: 5px;
      width: 40px;
      margin: 15px 0 0; }

#home-more-clocks {
  width: 100%;
  text-align: center;
  margin: 20px 0 0 0; }
  #home-more-clocks .btn {
    font-size: 25px; }

#main {
  width: calc(100% - 300px);
  float: right;
  padding: 25px;
  background: #eee; }
  @media only screen and (min-width: 1226px) {
    #main {
      min-height: 1427px !important; } }
  #main #social {
    margin-bottom: 15px; }
  @media screen and (max-width: 960px) {
    #main {
      width: calc(100% - 210px); } }
  @media screen and (max-width: 767px) {
    #main {
      width: 100%;
      float: none; }
      #main #social {
        display: none; } }

iframe {
  max-width: 100% !important; }

button {
  border: 0; }

.btn, .htmltag, button {
  cursor: pointer;
  padding: 15px 20px;
  font-family: "Raleway",sans-serif;
  color: #000;
  font-weight: bold;
  text-align: center;
  display: inline-block;
  background: #ff7e00;
  border-right: 2px solid #e67100;
  border-bottom: 2px solid #e67100;
  text-decoration: none; }
  .btn:hover, .htmltag:hover, button:hover {
    background: #ff8b1a;
    text-decoration: none;
    color: #fff; }
  .btn.view, .htmltag.view, button.view {
    width: auto;
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 20px;
    color: #fff;
    background: #076948;
    border-right: 2px solid #055138;
    border-bottom: 2px solid #055138; }
    .btn.view:hover, .htmltag.view:hover, button.view:hover {
      background: #17cb8e; }
  .btn#world-home, .htmltag#world-home, button#world-home {
    margin-top: 15px;
    width: 100%;
    font-size: 1.5rem;
    font-weight: normal;
    background-color: #076948;
    border-right: 3px solid #055138;
    border-bottom: 3px solid #055138; }
    .btn#world-home:hover, .htmltag#world-home:hover, button#world-home:hover {
      background-color: #098158; }
    .btn#world-home span, .htmltag#world-home span, button#world-home span {
      display: inline-block;
      background-image: url("/img/world-btn.png");
      background-position: left center;
      padding: 10px 0 10px 50px;
      background-repeat: no-repeat; }
  .btn#accept, .htmltag#accept, button#accept {
    padding: 10px 15px;
    color: #fff;
    background-color: #0B6547;
    border-right: 3px solid #04251a;
    border-bottom: 3px solid #04251a; }
    .btn#accept:hover, .htmltag#accept:hover, button#accept:hover {
      background-color: #098158; }
  .btn#decline, .htmltag#decline, button#decline {
    padding: 10px 15px;
    color: #fff;
    background-color: #B11310;
    border-right: 3px solid #760c0a;
    border-bottom: 3px solid #760c0a; }
    .btn#decline:hover, .htmltag#decline:hover, button#decline:hover {
      background-color: #ea1e1b; }

button {
  padding: 10px 15px; }

.worldTitle {
  font-weight: bold;
  font-family: 'Raleway',sans-serif;
  font-size: 1.3rem; }

.htmltag {
  width: auto;
  margin-bottom: 35px;
  background: #14b47e;
  border-right: 2px solid #119d6e;
  border-bottom: 2px solid #119d6e; }
  .htmltag:hover {
    background: #17cb8e; }

.content h3 {
  font-family: 'Raleway',sans-serif;
  width: calc(50px + 100%);
  font-weight: bold;
  color: #000;
  font-size: 2rem;
  margin: 25px -25px;
  padding: 0 25px 32px 25px;
  border-bottom: 1px solid #ccc; }
  .content h3::after {
    content: "";
    display: block;
    background: #c5c5c5;
    height: 5px;
    width: 40px;
    margin-top: 15px; }

.gallery-menu > ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start; }
  .gallery-menu > ul li {
    font-weight: normal;
    float: none;
    margin: 5px 2px 5px 10px; }
    .gallery-menu > ul li a {
      display: inline-block;
      background: #fff;
      color: #254aa2;
      text-decoration: none;
      padding: 5px 15px;
      border-radius: 5px; }
      .gallery-menu > ul li a:hover {
        background: #ff9d3d;
        color: #fff;
        transition: all 200ms; }
      .gallery-menu > ul li a:active, .gallery-menu > ul li a:focus {
        background: #e67100;
        color: #fff; }
      .gallery-menu > ul li a.galOn {
        background: #ff7e00;
        color: #000;
        text-decoration: none; }
    .gallery-menu > ul li:last-child {
      margin-right: 0; }

.galleryShell {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  .galleryShell:after {
    content: "";
    width: 49.5%; }
  .galleryShell .clock {
    width: 49.5%;
    min-height: 345px;
    background: #fff;
    padding: 20px;
    margin-bottom: 25px;
    border: 3px solid #e4e4e4;
    position: relative; }
    @media screen and (max-width: 1000px) {
      .galleryShell .clock {
        width: 100%; } }
    .galleryShell .clock p:first-child {
      text-align: left;
      font-weight: bold;
      color: #000; }
    .galleryShell .clock #citydisplay, .galleryShell .clock .clockType {
      position: absolute;
      right: 31px;
      top: 0;
      width: 30px;
      height: 30px;
      display: block; }
    .galleryShell .clock .clockType {
      right: 0; }
    .galleryShell .clock .galleryClockTitle {
      padding-right: 60px; }

.toTop {
  color: #000;
  text-decoration: none; }
  .toTop:hover, .toTop:active, .toTop:focus {
    color: #000;
    text-decoration: none; }

.viewclock {
  background: #fff;
  padding: 20px;
  color: #000;
  border: 3px solid #e4e4e4; }
  .viewclock #clockEmbed {
    text-align: center; }
  .viewclock input, .viewclock select {
    padding: 3px 10px;
    margin: 5px 0;
    border: 1px solid #ccc; }
  .viewclock span input[type="checkbox"] {
    margin: 5px 5px; }

.tos-text {
  width: 100%;
  padding: 25px 30px;
  color: #606060;
  margin: 30px 0; }

.gallery-legend {
  text-align: center;
  padding: 20px 0; }

.galleryColorTitle {
  font-weight: bold;
  margin-bottom: 5px; }

span.red, span.textRed {
  color: #A30000; }

label[for="embedMarkup"] {
  margin-top: 20px;
  display: inline-block; }

#embedMarkup, #jsMarkup {
  margin-top: 5px;
  width: 100%;
  border: 1px solid #ccc;
  padding: 10px;
  min-height: 130px;
  resize: none;
  background: #fff;
  cursor: auto; }

.timezoneFootnote {
  color: #686868;
  font-size: .8rem;
  margin-top: 25px; }

.embed-options {
  max-width: 600px;
  margin: 0 auto; }

.selectby {
  margin-top: 5px; }

.galleryDescTitle {
  margin-top: 20px;
  color: #686868; }

#target input,
#from input {
  max-width: 69px; }
#target .date-format-msg,
#from .date-format-msg {
  color: #686868;
  padding: 10px 0; }

.map {
  position: relative;
  padding-bottom: 52%;
  height: 0;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  margin-bottom: 15px; }
  .map iframe {
    height: 500px !important; }
  .map div:first-child {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important; }

@media screen and (max-width: 480px) {
  .map, #world-home {
    display: none; } }
.services-container {
  display: flex;
  flex-wrap: wrap; }

.aboutLogo {
  width: 25%;
  padding: 20px;
  align-self: center;
  text-align: center; }

@media screen and (max-width: 1000px) {
  .aboutLogo {
    width: 50%; } }
@media screen and (max-width: 550px) {
  .aboutLogo {
    width: 75%;
    margin: 10px auto; }

  .aboutLogo:first-child {
    margin-top: 0; }

  .aboutLogo:last-child {
    margin-bottom: 0; } }
.contactForm .column-left, .contactForm .column-right {
  width: 50%;
  float: left; }
.contactForm .column-left {
  padding-right: 15px; }
.contactForm .column-right {
  padding-left: 15px; }
.contactForm label {
  width: 100%;
  display: block;
  float: none;
  font-weight: bold;
  margin-top: 15px; }
.contactForm input, .contactForm textarea, .contactForm select {
  padding: 3px 8px;
  width: 100%;
  display: block;
  border: 1px solid #ccc; }
.contactForm button {
  margin-top: 10px; }
.contactForm .sub {
  width: 100%;
  clear: both; }
.contactForm .contact-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  max-width: 924px;
  margin: 2rem auto 4rem; }
  .contactForm .contact-box .contact-left .item {
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 419px;
    margin-bottom: 24px; }
    .contactForm .contact-box .contact-left .item img {
      margin-right: 1rem; }
    .contactForm .contact-box .contact-left .item a {
      color: #000;
      text-decoration: underline; }
    .contactForm .contact-box .contact-left .item p {
      margin-bottom: 0;
      color: #000; }
@media screen and (max-width: 768px) {
  .contactForm {
    margin: 0 auto;
    padding-top: 20px; }
    .contactForm .column-left, .contactForm .column-right {
      padding: 0;
      float: none;
      width: 100%; } }
.contactForm .testimonialForm form.informakers-form {
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  .contactForm .testimonialForm form.informakers-form .requiredAsterisk {
    color: #A30000 !important; }
  .contactForm .testimonialForm form.informakers-form .input.text {
    display: inline-block;
    width: 48%;
    margin-bottom: 1em; }
    .contactForm .testimonialForm form.informakers-form .input.text.textarea {
      width: 100%; }
    @media screen and (max-width: 768px) {
      .contactForm .testimonialForm form.informakers-form .input.text {
        width: 100%; } }
  .contactForm .testimonialForm form.informakers-form input[type=text], .contactForm .testimonialForm form.informakers-form textarea {
    width: 100%; }
  .contactForm .testimonialForm form.informakers-form input[type=button] {
    cursor: pointer;
    padding: 10px 15px;
    margin-top: 10px;
    color: #000;
    font-weight: bold;
    text-align: center;
    display: inline-block;
    background: #ff7e00;
    border-right: 2px solid #e67100;
    border-bottom: 2px solid #e67100;
    text-decoration: none; }
    .contactForm .testimonialForm form.informakers-form input[type=button]:hover {
      background: #ff8b1a;
      text-decoration: none;
      color: #fff; }
  .contactForm .testimonialForm form.informakers-form .g-recaptcha {
    width: 100%; }

.rankings_content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  text-align: center; }
  .rankings_content .rankingsContainer {
    width: 31%;
    background: #fff;
    margin-bottom: 25px;
    padding: 20px;
    border: 3px solid #e4e4e4;
    position: relative;
    display: -ms-flexbox;
    display: flex; }
    @media screen and (max-width: 960px) {
      .rankings_content .rankingsContainer {
        width: 48%; } }
    @media screen and (max-width: 600px) {
      .rankings_content .rankingsContainer {
        width: 100%; } }
    .rankings_content .rankingsContainer .rankingsItemContent {
      margin-top: 25px;
      text-align: center;
      display: -ms-flexbox;
      display: flex;
      flex-direction: column;
      flex-grow: 1; }
      .rankings_content .rankingsContainer .rankingsItemContent .rankedClockObject {
        display: block;
        vertical-align: middle;
        text-align: center;
        margin: auto; }
    .rankings_content .rankingsContainer .rankingNumber {
      position: absolute;
      top: 0;
      left: 0;
      color: #000;
      font-weight: bold;
      background: #ff7e00;
      padding: 5px 10px; }
    .rankings_content .rankingsContainer .rankingsViewsCount {
      display: inline-block;
      color: #000;
      font-weight: bold; }
    .rankings_content .rankingsContainer .viewHtmlButton {
      margin-top: 20px;
      display: block; }

.news div#Bloguru-Standard .bullet {
  display: none; }
.news div#Bloguru-Standard .BloguruGroupRSS {
  padding: 0 !important; }
.news div#Bloguru-Standard .entry1,
.news div#Bloguru-Standard .entry2 {
  background: none !important;
  padding: 0 !important;
  color: #606060 !important;
  font-weight: normal; }
  @media screen and (max-width: 767px) {
    .news div#Bloguru-Standard .entry1,
    .news div#Bloguru-Standard .entry2 {
      margin-bottom: 15px !important; } }
  .news div#Bloguru-Standard .entry1 .author, .news div#Bloguru-Standard .entry1 .date,
  .news div#Bloguru-Standard .entry2 .author,
  .news div#Bloguru-Standard .entry2 .date {
    font-size: 0.9rem !important;
    margin-bottom: 10px; }
.news div#Bloguru-Standard a {
  font-size: 1rem;
  font-weight: normal !important; }
  .news div#Bloguru-Standard a:hover {
    color: #254aa2 !important; }
@media screen and (max-width: 767px) {
  .news div#Bloguru-Standard .date {
    float: none !important;
    width: 100% !important;
    display: block !important;
    margin-bottom: 0 !important; } }

/*responsive nav*/
/*! responsive-nav.js 1.0.39 by @viljamis */
.nav-collapse ul {
  margin: 0;
  padding: 0;
  display: block;
  list-style: none; }

.js .nav-collapse {
  clip: rect(0 0 0 0);
  max-height: 0;
  position: absolute;
  display: block;
  zoom: 1; }

.nav-collapse.opened {
  max-height: 9999px; }

.nav-toggle {
  float: none;
  clear: both;
  margin: 0 !important;
  background: #ff7e00 url("/img/menu-icon-active.png") no-repeat 97% center;
  background-size: 30px;
  padding: 10px;
  display: block;
  text-indent: -9999em;
  width: 100%;
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none; }

a.nav-toggle.active {
  background: #ff7e00 url("/img/menu-icon.png") no-repeat 97% center;
  background-size: 30px;
  float: none; }

.nav-collapse li {
  width: 100%; }

@media screen and (min-width: 767px) {
  .nav-collapse li {
    width: auto;
    display: block; }

  .js .nav-collapse {
    position: relative; }

  .js .nav-collapse.closed {
    max-height: none; }

  .nav-toggle {
    display: none; } }
/* END NAV */
.adTitle, .helpTitle, .blogTitle, .faqTitle {
  font-size: 1.4rem;
  margin-top: 40px; }

.adTitle, .adSubTitle, .helpTitle, .helpSubheader, .blogTitle, .faqTitle {
  font-weight: bold;
  font-family: "Raleway", Arial, Helvetica, Meiryo, "Hiragino Kaku Gothic Pro", sans-serif; }

.adSubTitle, .helpSubheader {
  margin: 10px 0; }

.helpTitle, .blogTitle {
  margin-top: 10px;
  margin-bottom: 10px; }

.helpContainer {
  margin-top: 25px; }
  .helpContainer ol li {
    list-style-type: decimal; }

.helpContainer .helpExplanation li {
  list-style: decimal inside none;
  padding-left: 3em;
  text-indent: -1.75em; }

.helpContainer .helpExplanation .labelName {
  font-weight: bold; }

.helpContainer .helpExplanation #zoneMap {
  text-align: center; }

#desktopClockLink .note {
  font-weight: bold; }

#desktopClockLink .bgExample {
  font-weight: bold;
  margin: 5px 0 5px 10px; }

#clockTagsImg {
  margin: 10px 0 10px 10px; }

.timezoneTable {
  border-collapse: separate;
  border-spacing: 1px;
  margin: 10px 0;
  width: 100%; }

.timezoneTable td {
  padding: 4px 10px; }

.timezoneTable td.tableHeader {
  background-color: #dae8f6;
  font-weight: bold;
  text-align: center; }

.timezoneTable td.abbreviation {
  background-color: #f6f6f6;
  color: #B75C01;
  font-weight: bold;
  text-align: center;
  width: 8em; }

.timezoneTable td.region {
  background-color: #e1e1e1; }

.timezoneTable td.zone {
  background-color: #eeeeee;
  text-align: center;
  white-space: nowrap;
  width: 8em; }

.timezoneTable td.gmt {
  background-color: #f9ddc0; }

.timezoneTableTitle {
  font-size: 14px;
  font-weight: bold;
  margin: 10px 0 0 0;
  text-align: center; }

.elementLeft {
  width: 100%; }

.warningText {
  color: #ff0000; }

.blogLogos {
  float: left;
  width: 100%;
  text-align: center;
  padding: 0 0 10px 0; }

.blogLogos .logo {
  padding: 10px 15px 10px 15px; }

.blogLogos img,
.blogNonLogos img {
  margin: 10px 20px; }

.blogItem {
  float: left;
  width: 100%;
  margin: 5px 0;
  padding: 0 0 10px 0; }

.blogItem .embedInstructions {
  margin: 5px 0 15px 0; }

.nonSupportItem {
  margin: 15px 0;
  padding: 0 0 10px; }

#userSubmitSites {
  margin: 0 0 10px 0;
  padding: 0 0 5px 0; }

#userSubmitSites #submitSitesTitle {
  font-weight: bold; }

.blogNonLogos {
  float: left;
  width: 100%;
  text-align: center;
  margin: 10px 0 20px 0;
  padding: 0 0 5px 0; }

.blogDescription {
  float: left;
  width: 100%;
  padding: 5px 0 20px 0; }

.blogItem ul {
  margin: 5px 0; }
  .blogItem ul li {
    margin: 0; }

.faqQuestions {
  float: left; }

.faqAnswers {
  float: left;
  width: 100%;
  max-width: 100%;
  margin-top: 50px; }

.faqTitle {
  float: left;
  width: 100%;
  margin-bottom: 10px; }

.faqQuestion {
  float: left;
  width: 100%;
  margin: 0 0 1px 0; }
  .faqQuestion img {
    vertical-align: middle; }

.questionTitle {
  float: left;
  width: 100%;
  background-color: #f6f6f6;
  text-decoration: none;
  padding: 5px; }

.questionTitle:hover {
  text-decoration: none;
  background-color: white; }

.faqResult {
  float: left;
  width: 100%;
  padding: 5px;
  background: #dddddd; }

.bold {
  font-weight: bold; }

ul.tabs {
  width: 100%;
  margin: 50px 0 30px 0; }
  ul.tabs li {
    display: inline-block;
    width: 49%;
    text-align: center; }
  ul.tabs a {
    display: block;
    padding: 15px;
    font-weight: bold;
    background-color: #fbfbfb;
    color: #2253b5;
    text-decoration: none; }
    ul.tabs a:hover {
      text-decoration: none;
      background-color: white; }
    ul.tabs a:active {
      text-decoration: none; }
    ul.tabs a.active {
      background-color: #2253b5;
      color: #fff; }

.banner.events-page {
  display: block;
  width: 100%;
  margin-bottom: 20px;
  padding: 50px 20px;
  font-size: 23px;
  font-family: 'Raleway', sans-serif;
  font-weight: bold;
  background: url("../img/events-page-header.png") no-repeat center center/cover;
  text-align: left;
  color: #000;
  text-transform: capitalize; }

.clock.event-clock {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  min-height: 100%; }
  .clock.event-clock .galleryClockTitle {
    padding-right: 0;
    padding-left: 10px;
    text-align: center; }
  .clock.event-clock p[align="center"] {
    text-align: center; }
  .clock.event-clock .icon {
    vertical-align: bottom;
    width: 45px;
    height: auto; }
    .clock.event-clock .icon.halloween {
      margin-bottom: 3px; }
  .clock.event-clock .btn.view {
    position: relative;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }

.galleryColors.hide-event-colors {
  display: none !important; }

.event-section-title {
  margin: 30px 0;
  font-size: 22px;
  font-weight: bold; }

.embed-options.events-page-embed-options {
  margin-top: 20px; }

@media screen and (max-width: 800px) {
  .viewclock .events-page-embed-container iframe {
    height: 320px !important; } }
@media screen and (max-width: 630px) {
  .viewclock .events-page-embed-container iframe {
    height: 330px !important; } }
@media screen and (max-width: 500px) {
  .viewclock .events-page-embed-container iframe #event-title {
    margin-right: 10px !important; }

  .viewclock .events-page-embed-container iframe {
    height: 335px !important; } }
@media screen and (max-width: 450px) {
  .viewclock .events-page-embed-container iframe {
    height: 408px !important; } }
#testimonial_page_container p {
  margin-bottom: 0; }
#testimonial_page_container .featured_testimonials {
  text-align: center;
  margin-bottom: 4em; }
  #testimonial_page_container .featured_testimonials .text {
    font-size: 1.2em;
    padding: 1em 2em 2em;
    position: relative; }
    #testimonial_page_container .featured_testimonials .text p {
      position: relative; }
      #testimonial_page_container .featured_testimonials .text p:before {
        content: '\201C';
        color: #d7d7d7;
        font-size: 7em;
        position: absolute;
        left: -45px;
        top: 25px; }
      #testimonial_page_container .featured_testimonials .text p:after {
        content: '\201D';
        color: #d7d7d7;
        font-size: 7em;
        position: absolute;
        right: -45px;
        bottom: -65px; }
#testimonial_page_container .sub_heading {
  margin: 1em 0; }
  #testimonial_page_container .sub_heading p.bold {
    font-size: 1.1em;
    font-family: "Raleway",sans-serif;
    font-weight: bold;
    color: #000; }
#testimonial_page_container .contactForm .required_message {
  text-align: right;
  margin-top: 1em; }
#testimonial_page_container .contactForm .error-message {
  color: red; }
#testimonial_page_container .contactForm .thankYouMessage {
  text-align: center;
  color: green;
  margin: 2em auto; }

.google_ad_container_bottom {
  margin-top: 1.8vw; }
  @media screen and (max-width: 767px) {
    .google_ad_container_bottom {
      margin-top: 6.5vw; } }

.show_scrollbar::-webkit-scrollbar {
  background-color: white;
  border-radius: 10px;
  width: 20px; }

.show_scrollbar::-webkit-scrollbar-thumb {
  background-color: grey;
  border-radius: 10px;
  border: 5px solid white; }

.show_scrollbar::-webkit-scrollbar-thumb:vertical {
  height: 20px !important;
  width: 20px; }

footer {
  background: #EDEDED;
  width: 100%;
  padding: 20px 0 0; }
  footer a {
    color: #000 !important;
    font-weight: 300;
    text-decoration: none; }
    footer a:hover {
      text-decoration: underline; }
  @media only screen and (max-width: 768px) {
    footer {
      padding: 0; } }
  footer .site-pages {
    justify-content: space-evenly; }
    @media only screen and (max-width: 768px) {
      footer .site-pages {
        justify-content: left; } }
    footer .site-pages h3 {
      display: none; }
      @media only screen and (max-width: 768px) {
        footer .site-pages h3 {
          display: block; } }
    footer .site-pages li {
      width: 100%;
      text-align: center;
      border-right: 1px solid #D7D7D7; }
      footer .site-pages li:last-child {
        margin-bottom: 8px;
        border-right: none; }
      @media only screen and (max-width: 768px) {
        footer .site-pages li {
          text-align: left;
          border: none; } }
  footer .tier01, footer .tier02, footer .tier03 {
    position: relative;
    width: 100%;
    max-width: 1200px;
    margin: auto;
    padding: 80px 16px;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    padding: 20px 16px; }
    @media only screen and (max-width: 768px) {
      footer .tier01, footer .tier02, footer .tier03 {
        flex-wrap: wrap; } }
  footer .tier01, footer .tier02 {
    border-bottom: 1px solid #D7D7D7; }
  footer h3,
  footer h3 a {
    text-transform: uppercase;
    font-size: 14px;
    margin-bottom: 20px;
    font-weight: bold; }
    @media only screen and (max-width: 768px) {
      footer h3,
      footer h3 a {
        margin-top: 40px; }
        footer h3.sectionStart,
        footer h3 a.sectionStart {
          margin-top: 0; } }
  footer li, footer a, footer p {
    font-size: 14px; }
  footer ul {
    list-style: none;
    margin-left: 0; }
  footer li {
    margin-bottom: 8px; }
    footer li:last-child {
      margin-bottom: 0; }
  footer a:hover {
    text-decoration: underline; }
  footer .tier01 .newsletter {
    width: 60%;
    padding-right: 15px; }
    footer .tier01 .newsletter .sub input, footer .tier01 .newsletter .sub button {
      padding: 6px 12px;
      font-family: "Roboto",sans-serif;
      font-size: 16px;
      border-radius: 4px;
      font-weight: 300; }
    footer .tier01 .newsletter .sub input {
      width: calc(100% - 120px);
      border: none;
      background: #fff;
      color: #505557;
      margin-bottom: 20px; }
    footer .tier01 .newsletter .sub button {
      transition: all .4s;
      background: #595959;
      border: 1px solid #595959;
      color: #fff;
      margin-left: 10px; }
      footer .tier01 .newsletter .sub button:hover {
        background: transparent;
        color: #595959;
        border: 1px solid #595959;
        cursor: pointer;
        transition: all .4s; }
    @media only screen and (max-width: 768px) {
      footer .tier01 .newsletter {
        width: 100%;
        padding: 0; } }
    footer .tier01 .newsletter .googleLink img {
      display: inline-block;
      margin-right: 30px; }
    footer .tier01 .newsletter .madeAndHosted {
      display: inline-block;
      margin-top: 10px; }
      footer .tier01 .newsletter .madeAndHosted p {
        margin-bottom: 0; }
  footer .tier01 .contact {
    width: 40%;
    padding-left: 15px; }
    footer .tier01 .contact #social-footer {
      margin-top: 20px; }
    footer .tier01 .contact .sn-icons {
      width: 40px;
      height: 40px;
      display: inline-block;
      cursor: pointer;
      margin: 0 5px 5px 0;
      background-size: 100%;
      transition: all .2s; }
      footer .tier01 .contact .sn-icons a {
        width: 40px;
        height: 40px;
        display: block; }
      footer .tier01 .contact .sn-icons:hover {
        transform: translateY(-3px);
        transition: all .2s; }
      @media only screen and (max-width: 480px) {
        footer .tier01 .contact .sn-icons {
          width: 11vw;
          height: 11vw; }
          footer .tier01 .contact .sn-icons a {
            width: 11vw;
            height: 11vw; } }
    footer .tier01 .contact #youtube {
      background-image: url("https://www.pspinc.com/img/icon_youtube.png"); }
    footer .tier01 .contact #facebook {
      background-image: url("https://www.pspinc.com/img/icon_facebook.png"); }
    footer .tier01 .contact #twitter {
      background-image: url("https://www.pspinc.com/img/icon_twitter.png"); }
    footer .tier01 .contact #bloguru {
      background-image: url("https://www.pspinc.com/img/icon_bloguru.png"); }
    footer .tier01 .contact #linkedin {
      background-image: url("https://www.pspinc.com/img/icon_linkedin.png"); }
    footer .tier01 .contact #insta {
      background-image: url("https://www.pspinc.com/img/icon_instagram.png"); }
    @media only screen and (max-width: 768px) {
      footer .tier01 .contact {
        width: 100%;
        padding: 0; } }
  footer .tier02 div {
    width: 20%;
    padding: 0 5px; }
    footer .tier02 div:first-child {
      padding-left: 0; }
    footer .tier02 div:last-child {
      padding-right: 0; }
    @media only screen and (max-width: 768px) {
      footer .tier02 div {
        width: 100%;
        padding: 0; } }
  footer .tier03 {
    text-align: center; }
    footer .tier03 .lang_sec {
      width: 100%; }
      footer .tier03 .lang_sec a.en, footer .tier03 .lang_sec a.jp, footer .tier03 .lang_sec a.cn {
        display: inline-block;
        padding: 4px 10px 4px 30px;
        margin-bottom: 10px; }
      footer .tier03 .lang_sec a.jp {
        background: url("/img/icon-jp.png") no-repeat 0 transparent; }
      footer .tier03 .lang_sec a.en {
        background: url("/img/icon-us.png") no-repeat 0 transparent; }
      footer .tier03 .lang_sec a.cn {
        background: url("/img/icon-chi.png") no-repeat 0 transparent; }
      footer .tier03 .lang_sec p a {
        text-decoration: underline; }
        footer .tier03 .lang_sec p a:hover {
          text-decoration: none; }
  footer #RequestChangeForm {
    margin-bottom: 0;
    display: block; }

#cookie-policy-message {
  font-family: "Helvetica Neue", "Helvetica", "Arial", "Meiryo", "メイリオ", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
  position: fixed;
  bottom: 20px;
  left: 20px;
  background: #f6f6f6;
  color: #000;
  padding: 20px;
  width: 350px;
  max-width: calc(100% - 40px);
  text-align: left;
  border-radius: 3px;
  border: 1px solid #555;
  box-sizing: border-box;
  z-index: 9999; }

#cookie-policy-message .cookie-policy-link {
  font-family: "Helvetica Neue", "Helvetica", "Arial", "Meiryo", "メイリオ", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
  color: #000;
  text-decoration: underline;
  transition: all 0.3s; }

#cookie-policy-message .cookie-policy-link:hover {
  color: #777; }

#cookie-policy-message #cookie-policy-agree {
  font-family: "Helvetica Neue", "Helvetica", "Arial", "Meiryo", "メイリオ", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
  width: 100%;
  margin-top: 10px;
  padding: 8px;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  border: 0;
  background: #000;
  color: #fff;
  cursor: pointer;
  border-radius: 5px;
  transition: all 0.3s; }

#cookie-policy-message #cookie-policy-agree:hover {
  background: #333; }

.cookie-content h4 {
  font-family: "Raleway", Arial, Helvetica, Meiryo, "Hiragino Kaku Gothic Pro", sans-serif;
  font-weight: bold;
  font-size: 1.4rem; }
.cookie-content h5 {
  font-family: "Raleway", Arial, Helvetica, Meiryo, "Hiragino Kaku Gothic Pro", sans-serif;
  font-weight: bold;
  font-size: 1.3rem;
  color: #4D4D4D; }

.hidden {
  visibility: hidden;
  width: 0;
  height: 0; }

/*# sourceMappingURL=global.css.map */