/* Common */
h1 { font-weight: normal; color: #fff; margin-bottom: 0px; }
.container-fluid { padding: 0px 4% 20px 4%; }
#preloader {
  display: none; padding: 2px 5px 3px 5px; margin-left: -20px; margin-top: -10px;
  position: fixed; z-index: 1000; left: 50%; top: 50%; background: #fff;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}
.badge-info { background-color: #1d9ddd; }
.badge-important { background-color: #e44848; }
blockquote { border-left-color: #fff; }
blockquote p { font-size: 12px; line-height: 16px; }
.right { text-align: right; }

/* Background */
#background { position: fixed; width: 100%; height: 100%; left: 0px; top: 0px; overflow: hidden; z-index: -1; }
#background-image { position: relative; }
#background img { width: 100% !important; height: 100% !important;}

/* Head */
.head { margin: 0px 0px 30px 0px; }
#logo { width: 200px; height: 105px; margin-left: -20px; }
.logo-ru { background: no-repeat 0px -36px url("../img/logo_ru.png"); }
.logo-en { background: no-repeat 0px -36px url("../img/logo_en.png"); }
.intro-1 { color: #fff; font-size: 12px; padding: 10px 0px 0px 20px; border-left: 1px solid #fff; }
.intro-2 { color: #fff; font-size: 12px; padding: 10px 0px 0px 20px; border-left: 1px solid #fff; }

/* Service links */
.service-links { clear: both; margin-bottom: 10px; }
.service-links a {
  color: #fff; font-size: 12px; text-decoration: underline; display: block;
  float: right; margin-left: 3px;  margin-top: -2px; padding: 0px 2px 0px 2px;
}
.service-links a:hover { background: url("../img/bg-transparent.png"); text-decoration: none; }
.service-links .icon-white { float: right; margin-left: 20px; }

.moto { color: #fff; font-size: 12px; margin-bottom: 20px; }

/* Tabs */
.badge-empty { background-color: transparent !important; }
#versesTab { margin: 0px; border: 0px; }
#versesTab .badge {
  font-size: 18px; font-weight: normal;
  line-height: 20px;
  -webkit-border-radius: 14px;
  border-radius: 14px;
}
#versesTab li { margin-bottom: 0px; }
#versesTab li a { padding: 5px; outline: 0px; }

#versesTab .active a,
#versesTab .active a:hover,
#versesTab li:hover a { background: url("../img/bg-transparent.png"); border-color: transparent; }

#versesTab li.active .badge-empty,
#versesTab li:hover .badge-empty { color: #333; text-shadow: -1px -1px 0 rgba(255, 255, 255, 0.25); }

/* Content */
.termometer { background: url("../img/termometer-bg.png") repeat-x 3px 0px; padding: 15px 0px 6px 0px; }
.content {
  padding: 10px 20px 30px 20px; margin: 0px 0px 20px 0px; background: url("../img/bg-transparent.png");
  -webkit-border-radius: 20px;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius: 20px;
  -moz-border-radius-topleft: 0;
  border-radius: 20px;
  border-top-left-radius: 0;
}
.progress { background-color: transparent; background-image: url("../img/bg-transparent-2.png"); }
.verses { margin: 0px 0px 0px 0px; }
.verses h2 { margin: 0px 0px 15px 20px; font-size: 18px; color: #000; line-height: 18px; }
.verse { margin: 0px 0px 20px 20px; }
.buttons { margin: 0px 0px 0px 0px; }
.label-lukewarm { text-transform: uppercase; }
.muted { color: #333; }
.question-text { margin-bottom: 20px; }
.btn-group button:last-of-type {
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
}

/* Likes */
.likes h2 {
  color: #fff; font-weight: normal; font-size: 20px; display: block;
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.25); margin-left: 20px;
}
.likes-block { margin: 20px 0px 0px 20px;}
.likes-block a { color: #fff; font-size: 11px; }
.counter { margin-right: 20px; float: left;  opacity: 0.7; }
.counter:hover { opacity: 1; }

/* Chart */
.chart h2 {
  color: #fff; font-weight: normal; font-size: 20px; display: block;
  position: absolute; text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.25);
  right: 6%;
}
#overall-chart { height: 200px; }
svg text[text-anchor="end"] { display: none; }

/* Footer */
#questions-sources { display: none; }
.service-data { color: #fff; font-size: 11px; }
.service-data a {
  color: #fff; font-size: 11px; text-decoration: underline;
}
.service-data a:hover { background: url("../img/bg-transparent.png"); text-decoration: none; }
#stat-iframe {
  width:1px; background:none; background:#fff; height:1px; padding:0px;
  margin:0px; border:0px; overflow:hidden; position: absolute; visibility: hidden;
}

.current-url { font-weight: normal; font-size: 18px; }
.modal { width: 650px; }