/*
Theme Name: book
Theme URI: http://wordpress.org/themes/book
Author: the WordPress team
Author URI: http://wordpress.org/
Description: The 2012 theme for WordPress is a fully responsive theme that looks great on any device. Features include a front page template with its own widgets, an optional display font, styling for post formats on both index and single views, and an optional no-sidebar page template. Make it yours with a custom menu, header image, and background.
Version: 55
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, gray, white, one-column, two-columns, right-sidebar, fluid-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: book

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
@import url("./css/fonts.css");
/* import css */
/* VARIABLES */
/* TYPOGRAPHY */
html {
margin: 0;
padding: 0;
}

body {
font-family: "Roboto Condensed";
font-size: 16px;
font-weight: normal;
color: #666;
margin: 0;
padding: 0;
}
.ls-videohack {
   transform: translate(-50%) !important;
   margin-left: 50% !important;
}

/* Global */
p {
line-height: 25px;
}

a {
color: #e33417;
text-decoration: none !important;
font-weight: normal;
}
a.underline {
text-decoration: underline !important;
}
a.black {
color: #333333;
}

.blog ul {
padding:0px !important;
margin-left:20px !important;
}
.see-less {
display:none;
}

.text-right {
text-align: right;
}

.text-left {
text-align: left;
}

.text-center {
text-align: center;
}

.pull-left {
float: left !important;
}

.pull-right {
float: right !important;
}

.padding-bottom {
padding-bottom: 20px;
}

h1 {
font-size: 48px;
}

h2 {
font-size: 36px;
}

h3 {
font-size: 30px;
padding-bottom: 10px;
}

h4 {
font-size: 28px;
}
h4.line-height-48 {
line-height: 48px;
}

h1, h2, h3, h4 {
color: #e33417;
font-family: "Bebas-Neue";
text-transform: uppercase;
}
h1.blue, h2.blue, h3.blue, h4.blue {
color: #00abc5;
}

h5, h6 {
color: #e33417;
}


.carousel-inner .flip .card .card-reason {
max-height: 290px !important;
}

/* LAYOUT */
* {
box-sizing: border-box;
}

hr {
border-top: 1px solid #cccccc !important;
}
hr.no-morgin {
margin-bottom: 0px !important;
margin-top: 20px !important;
}
hr.header-top {
height: 5px;
background: #e33417;
margin: 0;
border: none;
}

.btn:focus {
outline-offset: 0px !important;
box-shadow: none !important;
}

.dropdown-menu a {
margin-right: 0px !important;
}

.btn-default.active, .btn-default:active, .btn-default:focus, .btn-default:hover, .open .dropdown-toggle.btn-default {
background: transparent !important;
box-shadow: none !important;
}

.btn-group.open .dropdown-toggle {
box-shadow: none !important;
}

.btn-default {
border-color: transparent !important;
overflow: hidden;
}

.btn-sm {
font-size: 16px !important;
}

.dropdown-menu > li > a {
text-align: left;
}

.dropdown-menu {
min-width: 90px !important;
}

.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
background: transparent !important;
color: #e33417 !important;
}

.caret {
margin-left: 5px !important;
}

.hero-slider {
background: url(./img/slider_bg.jpg) repeat;
}

.carousel-control.left {
background-image: none !important;
z-index: 99999 !important;
color: #e33417;
width: 39px !important;
}

.carousel-control.right {
background-image: none !important;
z-index: 99999 !important;
color: #e33417;
}

.logo {
height: 64px;
background: url("./img/logo.png") no-repeat center left;
margin-top: 12px;
font-size: 45px;
font-weight: bold;
padding-left: 100px;
color: #3E3E3D;
}
.logo.mobile {
background: url("./img/logo-mobile.png") no-repeat center left;
margin: auto;
width: 290px;
}

.header a {
color: #666666;
}

.social-media {
text-align: right;
padding-top: 35px;
}
.social-media a {
margin-right: 8px;
}

.home-book {
margin-right: 27px !important;
}

.blog .containt img {
max-width: 100% !important;
height: auto !important;
}

.footer {
background: #F2F2F2;
border-top: 1px solid #C8C8C8;
margin-top: 40px;
color: #333333;
padding-top: 10px;
}
.footer h4 {
color: #333333;
}
.footer ul {
margin: 0px;
padding: 0px;
}
.footer li {
display: inline-block;
padding-right: 12px;
padding-left: 12px;
border-right: 1px solid #ffffff;
}
.footer li a {
color: #ffffff;
font-family: "Roboto Condensed";
font-size: 13px;
text-transform: uppercase;
font-weight: lighter;
}
.footer li.first-child {
padding-left: 0px;
}
.footer li.last-child {
border: none;
}
.footer .copyright {
text-align: right;
font-size: 14px;
font-family: "Roboto Condensed";
font-weight: lighter;
}

.vote-for-belief {
border-bottom: 1px solid #cccccc;
}
.vote-for-belief .hero-right {
padding-top: 50px;
}

.footer-bottom {
background: #3E3E3D;
color: #ffffff;
font-size: 14px;
position: relative;
padding-top: 12px;
padding-bottom:12px;
}

.back-to-top {
background: #3E3E3D;
width: 50px;
height: 41px;
padding: 10px 15px 10px 15px;
float: right;
}

.img-block img {
border-bottom: 2px solid #e33417;
position: relative;
}
.img-block img.home {
margin-bottom: 15px;
}

.video-block iframe {
margin-bottom: 40px;
}

.gradient {
background: url(./img/home-gradient.png) repeat top left;
border-bottom: 1px solid #cccccc;
padding-bottom: 30px;
}
.gradient h1 {
text-shadow: 1px 1px 2px #969696;
}

.title-roboto {
font-family: "Roboto Condensed";
font-weight: normal;
color: #333333;
}
.title-roboto.tl-14 {
font-size: 14px;
}
.title-roboto.tl-16 {
font-size: 16px;
}
.title-roboto.tl-18 {
font-size: 18px;
}
.title-roboto.tl-19 {
font-size: 19px;
}
.title-roboto.tl-20 {
font-size: 20px;
}
.title-roboto.tl-24 {
font-size: 24px;
}
.title-roboto.color-primary {
color: #e33417;
}
.title-roboto.color-666666 {
color: #666666;
}
.title-roboto.color-3E3E3D {
color: #3E3E3D;
}
.title-roboto.bold {
font-weight: bold;
}

.title-bebas {
font-family: "Bebas-Neue";
font-weight: normal;
color: #3E3E3D;
}
.title-bebas.tl-20 {
font-size: 20px;
}
.title-bebas.tl-22 {
font-size: 22px;
}
.title-bebas.tl-24 {
font-size: 24px;
}
.title-bebas.tl-26 {
font-size: 26px;
}
.title-bebas.tl-28 {
font-size: 28px;
}
.title-bebas.color-333333 {
color: #333333;
}
.title-bebas.color-666666 {
color: #666666;
}

.padding.top.t-10 {
padding-top: 10px;
}
.padding.top.t-15 {
  padding-top: 15px;
}
.padding.top.t-20 {
padding-top: 20px;
}
.padding.top.t-30 {
padding-top: 30px;
}
.padding.top.t-40 {
padding-top: 40px;
}
.padding.bottom.b-20 {
padding-bottom: 20px;
}
.padding.bottom.b-30 {
padding-bottom: 30px;
}
.padding.bottom.b-40 {
padding-bottom: 40px;
}

.hero {
border-bottom: 1px solid #DDDDDD;
padding-top: 20px;
padding-bottom: 20px;
}
.hero.rethink-prize {
padding-bottom: 0px;
padding-top: 0px;
}
.hero.about-book {
border-bottom: none;
}
.hero.about-book-mobile {
background: #D7D5E3;
border-bottom: none;
padding-bottom: 20px;
}

.section {
padding-top: 10px;
}

.menu {
background: #3E3E3D;
height: 50px;
}

.navbar-inverse {
background-color: transparent !important;
border: none !important;
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
border: none !important;
border-bottom: 1px solid #e33417;
}

.navbar-inverse .navbar-nav > li > a {
color: #ffffff;
background: #3E3E3D;
padding-left: 30px;
text-transform: uppercase;
}

.navbar-collapse .navbar-nav.navbar-left:first-child {
margin-left: -30px !important;
}

.navbar-inverse .navbar-nav > li a :first-child {
margin-left: 0px;
padding-left: 0px;
}

.nav > li > a {
padding: 14px 25px !important;
}

.nav > li > a:hover, .nav > li > a:focus, .nav > li > a.active {
text-decoration: none;
background-color: #555555 !important;
-webkit-box-shadow: 0px 2px 0px #e33417;
-moz-box-shadow: 0px 2px 0px #e33417;
box-shadow: 0px 2px 0px #e33417;
}

.sort {
padding-bottom: 40px;
}
.sort .nav-tabs {
border-bottom: none !important;
color: #333333;
}
.sort .nav > li > a {
padding: 5px 10px !important;
color: #333333 !important;
font-family: "Roboto Condensed";
font-weight: normal;
}
.sort .nav-tabs > li.active > a, .sort .nav-tabs > li.active > a:hover, .sort .nav-tabs > li.active > a:focus {
text-decoration: none;
border: 1px solid #01ABC5;
background: #43A8C2 !important;
border-radius: 0px !important;
color: #ffffff !important;
}
.sort .nav > li > a:hover, .sort .nav > li > a:focus, .sort .nav > li > a.active {
text-decoration: none;
background-color: transparent !important;
border: 1px solid #01ABC5;
border-radius: 0px !important;
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important;
}

.sort-search {
color: #333333;
font-family: "Roboto Condensed";
}
.sort-search select {
width: 65%;
font-weight: lighter;
padding-left: 10px;
height: 32px;
}
.sort-search select option {
font-weight: lighter;
}
.sort-search select, .sort-search input, .sort-search button {
margin-bottom: 30px;
}
.sort-search .search .btn-default {
color: #ffffff;
background: transparent !important;
border-top: 1px solid #cccccc !important;
border: 1px solid #cccccc !important;
height: 32px;
}
.sort-search .search input {
border-top: 1px solid #cccccc !important;
border-bottom: 1px solid #cccccc !important;
border-left: 1px solid #cccccc !important;
padding-left: 15px;
height: 32px;
}

.input-group-btn {
width: 0% !important;
}

.edit-profile a {
line-height: 35px;
}

.rethink-prize.sponsor {
border-bottom: 1px solid #cccccc;
}
.rethink-prize .rethink-detail {
position: absolute;
left: 95px;
}
.rethink-prize .official-link {
line-height: 63px;
}
.rethink-prize .rethink-hero-right {
padding-top: 50px;
}
.rethink-prize .sponsor-box {
border: 1px solid #cccccc;
border-radius: 8px;
padding: 30px;
text-align: center;
box-shadow: 2px 2px 0px 0px #cccccc;
margin-left: -48px;
margin-top: 42px;
}
.rethink-prize .prize {
font-size: 70px;
color: #e33417;
font-family: "Bebas-Neue";
font-weight: normal;
}
.rethink-prize .get-published {
font-size: 44px;
color: #e33417;
font-family: "Bebas-Neue";
font-weight: normal;
text-align: center;
float: left;
width: 210px;
padding-right: 20px;
}
.rethink-prize .prize-align {
text-align: right;
float: left;
width: 210px;
padding-right: 20px;
}
.rethink-prize .prize-img {
float: left;
width: 100px;
}
.rethink-prize .table-detail {
float: left;
width: 621px;
margin-right: 20px;
}

.heading {
font-size: 50px;
color: #3E3E3D;
line-height: 60px;
font-family: "Bebas-Neue";
}

.blockquote {
color: #e33417;
font-size: 14px !important;
font-weight: normal;
margin-bottom: 40px;
 margin-top: 5px;
display: block;
/* Fallback for non-webkit */
display: -webkit-box;
  -webkit-line-clamp: 12;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.truncate{
display: block;
display: -webkit-box;
-webkit-line-clamp:3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
font-size: 13px !important;
line-height:17px !important;
}
.blockquote a {
  text-decoration: underline !important;
}

.blockquote-back {
  color: #e33417;
  font-size: 14px !important;
  font-weight: normal;
  margin-bottom: 40px;
  margin-top: 15px;
display: block;
  /* Fallback for non-webkit */
display: -webkit-box;
  overflow: auto;
  display: none;
  height: 139px;
}
.blockquote-back .text {
  margin-top: 10px;
  line-height: 19px !important;
}
.blockquote-back .close {
  position: absolute;
  right: 7px;
  top: 0px;
  border: none !important;
  opacity: 1 !important;
  margin-bottom: 10px;
}

.logo-border ul {
float: left;
width: 100%;
padding: 0;
margin: 0;
list-style-type: none;
}
.logo-border a {
float: left;
border: 1px solid #EF5D21;
margin-right: 20px;
margin-bottom: 20px;
background: #ffffff;
}
.logo-border li {
display: inline;
}

.press {
margin-bottom: 30px;
}
.press img {
border: 1px solid #CCCCCC;
margin-bottom: 15px;
}

.date {
color: #000000;
font-size: 15px;
font-weight: normal;
}

.login .social-login {
margin-left: 50px;
}

.login-title {
padding-top: 30px;
}
.login-title p {
line-height: 71px;
margin-left: 255px;
}
.view-all-belief a {
line-height: 5;
}
.login-title .login {
padding-left: 0px !important;
}

.signup-title {
padding-top: 30px;
}
.signup-title p {
line-height: 71px;
margin-left: 212px;
}

.video.hero {
position: relative;
background: url(./img/video-hero-background.png) no-repeat top center !important;
padding-bottom: 20px;
border-bottom: none;
}
.video .text {
color: #333333;
}
.video p {
padding-bottom: 10px;
}
.video ol {
margin-left: -20px;
color: #333333;
}

.card-carousel {
margin-bottom: 20px;
}

.card {
width: 100%;
position: relative;
font-family: Roboto Condensed, Arial, sans-serif;
color: #666;
border: 1px solid #e33417;
background: #ffffff;
/* Old browsers */
background: -moz-linear-gradient(top, white 0%, #fcf6f4 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #fcf6f4));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, white 0%, #fcf6f4 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, white 0%, #fcf6f4 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, white 0%, #fcf6f4 100%);
/* IE10+ */
background: linear-gradient(to bottom, white 0%, #fcf6f4 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#fcf6f4',GradientType=0 );
/* IE6-9 */
}
.card img {
width: auto !important;
}
.card a {
color: #666666;
}
.card.no-border {
border: none !important;
background: none !important;
}
.card .btn-switch {
display: inline-block;
background: #43A8C2;
border: 1px solid #00abc5;
padding: 2px;
position: absolute;
top: 5px;
right: 5px;
font-size: 14px;
color: #ffffff;
text-transform: uppercase;
text-decoration: none;
font-weight: bold;
line-height: 17px;
}
.card .btn-switch.editwhy {
right: 25px;
}
.card .btn-switch.reason {
right: 15px;
}
.card .btn-switch.reason img {
padding-right: 3px;
}
.card .btn-close {
display: inline-block;
padding: 2px;
position: absolute;
top: 5px;
right: 5px;
font-size: 12px;
color: #ffffff;
text-transform: uppercase;
text-decoration: none;
}
.card .card-content {
padding: 25px 10px 10px 10px;
text-align: center;
font-size: 20px;
min-height: 120px;
}
.card .card-content .detail-belief {
font-size: 40px;
font-weight: normal;
}
.card .card-reason {
overflow: auto;
padding: 25px 10px 10px 10px;
min-height: 120px;
cursor:pointer;
}
.card .card-reason p {
height: 120px;
overflow: auto;
}
.card-reason::-webkit-scrollbar {
  width: 8px;
}

.card-reason::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.card-reason::-webkit-scrollbar-thumb {
  background-color: #E33417;
  outline: 1px solid slategrey;
}
.card .card-author {
padding: 10px;
}
.card .card-author.detail {
border: none;
background: #ffffff !important;
}
.card .card-author .photo {
width: 33px;
height: 33px;
background: #ccc;
float: left;
}
.card .card-author .photo img {
  clip: rect(0px, 33px, 33px, 0px);
  position: absolute;
}
.card .card-author .name {
float: left;
}
.card .card-author .counter {
text-align: right;
}
.card .card-author p {
font-size: 15px;
line-height: 33px;
margin: 0;
padding-left: 40px;
}
.card .card-author p.profile {
padding-left: 10px;
}
.card .card-footer {
height: 34px;
border-top: 1px solid #e33417;
}
.card .card-footer.with-border {
border: 1px solid #e33417;
}
.card .card-footer.card-detail {
height: 38px;
}
.card .card-footer .left {
float: left;
min-width: 120px;
font-size: 16px;
line-height: 27px;
text-align: left;
background: #e33417;
color: #ffffff;
height: 34px;
padding-top: 3px;
}
.card .card-footer .left.voted {
background: transparent;
border-right: 1px solid #e33417;
color: #e33417;
min-width: 50px !important;
}
.card .card-footer .left.detail {
min-width: 120px;
height: 36px;
}
.card .card-footer .left .vote {
display: inline-block;
padding: 0 12px 0 10px;
margin-right: 6px;
border-right: 1px solid #ffffff;
text-transform: uppercase;
color: #ffffff;
}
.card .card-footer .left .vote.voted {
color: #666666;
}
.card .card-footer .left .vote.voted img {
border-right: 1px solid #AAAAAA;
margin-right: 15px;
}
.card .card-footer .left .vote.with-background-color {
background: #e33417;
color: #ffffff;
}
.card .card-footer .left .vote.card-detail {
height: 27px;
}
.card .card-footer .left .vote img {
padding-right: 10px;
}
.card .card-footer .right {
width: 55%;
float: right;
text-align: right;
}
.card .card-footer ul {
list-style-type: none;
padding: 0px;
margin: 0px;
}
.card .card-footer ul li {
display: inline;
margin-right: 0px;
}
.card .card-footer ul li a {
display: inline-block;
width: 22px;
height: 34px;
padding-top: 5px;
padding-right: 5px;
}
.card .card-footer ul li a.last-child {
text-align: center;
border-left: 1px solid #D44F31;
width: 27px;
padding-right: 0px;
}
.card .card-footer .card-detail ul {
list-style-type: none;
}
.card .card-footer .card-detail ul li {
display: inline;
}
.card .card-footer .card-detail ul li a {
display: inline-block;
width: 34px;
height: 37px;
padding-top: 6px;
text-align: center;
}
.card .card-footer .card-detail ul li a.last-child {
text-align: center;
border-left: 1px solid #e33417;
}
.card .card-footer-details {
height: 34px;
border-top: 1px solid #e33417;
}
.card .card-footer-details.with-border {
border: 1px solid #e33417;
}
.card .card-footer-details.card-detail {
height: 38px;
}
.card .card-footer-details .left {
float: left;
min-width: 120px;
font-size: 16px;
line-height: 27px;
text-align: left;
background: #e33417;
color: #ffffff;
height: 34px;
padding-top: 3px;
}
.card .card-footer-details .left.voted {
background: transparent;
border-right: 1px solid #e33417;
color: #e33417;
min-width: 50px !important;
}
.card .card-footer-details .left.detail {
min-width: 120px;
height: 36px;
}
.card .card-footer-details .left .vote {
display: inline-block;
padding: 0 12px 0 10px;
margin-right: 6px;
border-right: 1px solid #ffffff;
text-transform: uppercase;
color: #ffffff;
}
.card .card-footer-details .left .vote.voted {
color: #666666;
}
.card .card-footer-details .left .vote.voted img {
border-right: 1px solid #AAAAAA;
margin-right: 5px;
}
.card .card-footer-details .left .vote.with-background-color {
background: #e33417;
color: #ffffff;
}
.card .card-footer-details .left .vote.card-detail {
height: 27px;
}
.card .card-footer-details .left .vote img {
padding-right: 10px;
}
.card .card-footer-details .right {
width: 55%;
float: right;
text-align: right;
}
.card .card-footer-details ul {
list-style-type: none;
padding: 0px;
margin: 0px;
}
.card .card-footer-details ul li {
display: inline;
margin-right: 0px;
}
.card .card-footer-details ul li a {
display: inline-block;
width: 22px;
height: 34px;
padding-top: 5px;
padding-right: 5px;
}
.card .card-footer-details ul li a.last-child {
text-align: center;
border-left: 1px solid #D44F31;
width: 27px;
padding-right: 0px;
}
.card .card-footer-details .card-detail ul {
list-style-type: none;
}
.card .card-footer-details .card-detail ul li {
display: inline;
}
.card .card-footer-details .card-detail ul li a {
display: inline-block;
width: 34px;
height: 37px;
padding-top: 6px;
text-align: center;
}
.card .card-footer-details .card-detail ul li a.last-child {
text-align: center;
border-left: 1px solid #e33417;
}
.card .card-footer:before {
content: "Something";
width: 94%;
position: absolute;
left: 2.5%;
bottom: -7px;
background: #e3e3e3;
color: #e3e3e3;
z-index: -2;
}

.delete-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.85);
text-align: center;
color: #fff;
padding-top: 40px;
display: none;
}
.delete-overlay p {
margin-bottom: 20px;
}
.delete-overlay .button {
margin: 0 10px;
}

.button {
padding: 6px 20px;
text-align: center;
font-size: 20px;
width: 100%;
color: #ffffff;
margin-bottom: 10px;
}
.button.primary {
background: #e33417;
box-shadow: inset 0 -1px 0 rgba(111, 11, 9, 0.6);
border:none !important;
}
.button.primary.facebook {
background: #3B5998;
box-shadow: inset 0 -1px 0 rgba(28, 43, 72, 0.6);
margin-bottom: 32px;
}
.button.primary.facebook img {
margin-right: 10px;
}
.button.primary.twitter {
background: #00ACED;
box-shadow: inset 0 -1px 0 rgba(0, 91, 193, 0.6);
margin-bottom: 32px;
}
.button.primary.twitter img {
margin-right: 10px;
}
.button.primary.google {
background: #DD1812;
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.6);
margin-bottom: 32px;
}
.button.primary.google img {
margin-right: 10px;
}
.button.primary.comment img {
padding-left: 15px;
}
.button.secondary {
background: #ddd;
text-align: center;
font-size: 20px;
color: #666;
margin-bottom: 10px;
font-weight: bold;
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.3);
}

.book-auther img {
margin-right: 14px;
}
.book-auther .img-block img {
border-bottom: 2px solid #e33417;
margin-bottom: 0px;
}

.comments .comment {
border-top: 1px solid #cccccc;
padding-top: 10px;
padding-bottom: 5px;
}
.comments p {
line-height: 21px;
color: #666666;
}
.comments h2 {
text-indent: 15px;
}
.comments .name {
color:#ED5D1F;
margin-right: 10px;
}
.comments .info {
text-indent: -20px;
}
.comments .days {
color: #00abc5;
font-size: 14px;
}
.comments .share a {
font-size: 14px;
color: #AAAAAA;
}
.comments .share .gray {
color: #AAAAAA;
}
.comments .reply {
padding-bottom: 5px;
}
.comments .reply.first {
margin-left: 70px;
border-top: 1px solid #CCCCCC;
padding-top: 10px;
}
.comments .reply.other {
margin-left: 70px;
border-top: 1px solid #CCCCCC;
padding-top: 10px;
}
.comments .reply .reply-name {
color: #AAAAAA;
margin-right: 10px;
background: url(./img/icon-comment-reply-name.png) no-repeat left;
display: inline-block;
padding-left: 20px;
}
.comments .reply .reply-multi {
background: red;
position: relative;
}
.comments .icon-up-down {
padding-left: 3px;
padding-right: 3px;
}
.comments .text-reply {
font-size: 14px;
color: #AAAAAA;
}
.comments .text-share {
margin-left: 5px;
}

.comment-heading h3 {
text-indent: 15px;
}
.comment-heading .icon {
margin-top: 6px;
}

.form-control {
border-radius: 0px !important;
}

.express-your-belief textarea {
padding-left: 10px;
margin-bottom: 20px;
border: 1px solid #e33417;
background: url(./img/background-express-belief-textarea.png) repeat-x top left !important;
}
.express-your-belief .left-textarea {
margin-right: -20px;
}
.express-your-belief .right-textarea {
margin-left: -20px;
}
.express-your-belief .close {
position: absolute;
top: 0;
opacity: 1;
right: 32px;
}
.express-your-belief .icon-question {
line-height: 65px;
text-align: right;
}
.express-your-belief .icon-question img {
padding-right: 5px;
}
.express-your-belief ul {
padding-left: 0px;
}
.express-your-belief li {
display: inline;
list-style-type: none;
padding-top: 3px;
padding-bottom: 3px;
}
.express-your-belief li a {
color: #666666;
margin-right: 15px;
margin-left: 15px;
padding-left: 8px;
padding-right: 8px;
border: 1px solid #ffffff;
font-weight: normal;
line-height: 40px;
}
.express-your-belief li > a:hover, .express-your-belief li > a:focus, .express-your-belief li > a.active {
border: 1px solid #01ABC5;
color: #666666;
}

.dotted-line {
background: url(./img/dotted-line.png) repeat-y top center;
}
.dotted-line.login {
padding-top: 80px;
padding-bottom: 80px;
}
.dotted-line.signup {
padding-top: 178px;
padding-bottom: 178px;
}
.dotted-line p {
background: #ffffff;
text-align: center;
font-size: 30px;
display: block;
padding: 8px;
}

.subblock .why {
height: 300px;
border: 1px solid #e33417;
background: url(./img/background-express-belief-textarea.png) repeat-y top left;
padding: 20px;
}

.photo-title {
font-size: 35px;
color: #e33417;
font-weight: normal;
font-family: "Bebas-Neue";
line-height: 40px;
}

.people-saying-detail {
margin-left: -15px;
font-size: 15px;
font-weight: normal;
color: #666666;
}

.form-group {
margin-bottom: 15px;
}

.contact input {
padding-left: 38px;
padding-right: 50px;
height: 40px !important;
}
.contact input.no-icon {
padding-left: 10px;
}
.contact input.no-padding {
  padding: 6px 12px;
}
.contact .email-textbox {
background: url(./img/icon-email.png) no-repeat 12px 15px;
}
.contact .password-textbox {
background: url(./img/icon-password.png) no-repeat 12px 4px;
}
.contact .first-name-textbox {
background: url(./img/icon-first-name.png) no-repeat 12px 8px;
}
.contact .captcha {
background: #CCCCCC;
text-align: center;
width: 94%;
margin: auto;
padding-top: 30px;
padding-bottom: 30px;
}
.contact label {
font-weight: normal !important;
text-transform: uppercase;
}

.bubble {
background-color: #ffffff;
height: 410px;
margin: 20px;
width: 409px;
z-index: 99999;
margin-left: 185px;
border: 1px solid #CCCCCC;
position: absolute;
display: none;
font-size: 20px;
padding: 20px;
}
.bubble .row {
margin-bottom: 12px;
}
.bubble .row.button {
margin-top: 20px;
}

.bubble::after {
background-color: #ffffff;
/*box-shadow*/
-webkit-box-shadow: -2px 2px 2px 0 #cccccc;
-moz-box-shadow: -2px 2px 2px 0 #cccccc;
box-shadow: -2px 2px 2px 0 #cccccc;
content: "\00a0";
display: block;
height: 20px;
left: -28px;
position: relative;
top: -268px;
/*transform*/
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
width: 20px;
}

.masonry {
background: #ffffff;
width: 100%;
}

.masonry .item,
.masonry .grid-sizer {
width: 30%;
margin: 1.65%;
margin-bottom: 20px;
}

.masonry .item,
.masonry .grid-sizer {
height: auto;
float: left;
background: transparent;
}

.carousel-inner {
z-index: 0;
}
.carousel-inner .item ul {
margin-bottom: 0px !important;
}
.carousel-inner .flip {
-webkit-perspective: 800;
width: 100%;
min-height: 290px;
position: relative;
z-index:9999;
}


.flip {
/*perspective*/
-webkit-perspective: 800;
-moz-perspective: 800;
-ms-perspective: 800;
-o-perspective: 800;
width: 100%;
position: relative;
margin-bottom: 1px;
z-index:9999;
}

.flip .flipcard.flipped {
/*transform*/
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
transform: rotateY(180deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
z-index: -100;
}

.flip .flipcard {
height: 100%;
/*transform-style*/
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
transform-style: preserve-3d;
/*transition*/
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}

.flip .flipcard .face {
width: 100%;
height: 100%;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-o-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 2;
}

.flip .flipcard .front {
position: absolute;
z-index: 1;
color: white;
height: auto;
}

.flip .flipcard .back {
/*transform*/
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
transform: rotateY(180deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
background: white;
color: black;
}
.clear {
clear:none !important;
}

.upload-photo {
font-size: 14px !important;
padding: 6px 20px !important;
background: #e33417;
border:None !important;
box-shadow: inset 0 -1px 0 rgba(111, 11, 9, 0.6);
color:#ffffff;
}

.winners-hero-right {
  padding-top: 42px;
}
.winners .subblock .why {
  background:#ffffff;
}
.winners .card .card-content{
   padding: 6px 8px 8px 8px;
}
.winners {
  margin-top: 30px;
}
.winners table {
  margin-left: 15px;
}
.winners .card {
  background:#ffffff;
}
.winners table td {
  border: 1px solid #CCCCCC;
  width: 50%;
  background: #ffffff;
  vertical-align:top;
}
.winners .belief {
  margin-right: -31px;
}
.winners .belief .card {
  padding: 20px;
  width: 100%;
  border: none;
}
.winners .belief .card .card-content {
  margin-left: 29px;
  text-align: left;
}
.winners .reason {
  margin-left: 0px;
}
.winners .subblock .why {
  border: none;
  height:auto;
}
.winners img.close_btn {
  position: absolute;
  top: 0;
  opacity: 1;
  right: -16px;
}
.winners .winner-footer {
  margin-left: 0px;
}

.winners .card .card-content .detail-belief {
  font-size:28px;
}
.winners .card.footer-links {
  width: 100%;
  border: 1px solid #CCCCCC;
  border-top: none;
  border-bottom: 2px solid #AAAAAA;
}
.winners .card.footer-links .card-footer-details {
  border: none;
  height: 35px;
  background: #F4F4F4;
}
.winners .card.footer-links .card-footer-details .left {
  float: right;
  text-align: center;
  background: transparent;
  border-right:1px solid #e33417;
}
.winners .card.footer-links .card-footer-details .left .vote {
  border-right: none;
  background: transparent;
  color:#666666;
}
.winners .card.footer-links .card-footer-details .right {
  width: 9%;
}
.winners .card.footer-links .card-footer-details a {
  height: 36px;
}
.winners .card.footer-links .card-footer-details a.first {
  border-right: 1px solid #CCCCCC;
  border-left: 1px solid #CCCCCC;
}
.winners .card.footer-links .card-footer-details .card-author {
  float: left;
  background: transparent !important;
  padding: 0px;
}

.winners .card .card-footer-details .card-detail ul li a {
   width:38px;
}
.winners .card .card-footer-details ul li a {
   padding-right:0px;
}
.winners .card.footer-links .card-footer-details .card-author .photo {
  height: 35px;
  width: 36px;
  border-right: 1px solid #AAAAAA;
}
.winners .card.footer-links .card-footer-details .card-author .photo img {
  clip: rect(0px, 35px, 35px, 0px);
  position: absolute;
}
.winners .card .card-author p {
   padding-left:50px;
}
.winners .subblock .why .title {
  color: #333333;
  font-size: 20px;
}
.winners .count {
  font-size:16px;
}
.count-panel {
  text-align: center;
  background: url(http://synsynoia.com/atheist-mind-wp/wp-content/themes/book/img/winner-bg.jpg) repeat top left;
  padding-top: 4px;
  padding-bottom: 10px;
}
.count-panel-with-background {
  text-align: center;
  background: url(http://synsynoia.com/atheist-mind-wp/wp-content/themes/book/img/bg-3.jpg) no-repeat top center;
  padding-top: 12px;
  padding-bottom: 10px;
}
.count-panel .number {
  font-size: 66px;
  color: #ffffff;
  font-weight: bold;
}
.count-panel .text {
  color: #ffffff;
  font-size: 20px;
}

.winner-list {
  background: #F4F4F4;
  padding-top: 25px;
  padding-bottom:25px;
  color: #3E3E3D;
  font-size: 16px;
  border-top:1px solid #AAAAAA;
  border-bottom:1px solid #AAAAAA;
  margin-top:40px;
}
.winner-list .heading {
  font-size:20px;
  line-height:0px;
  margin-bottom:15px;
}
.winner-list img {
   border:1px solid #D7D7D7;
   width:100%;
   margin-bottom:30px;
}
.winner-names {
  padding-top: 25px;
  padding-bottom: 25px;
}
.embed-anylysis {
  height: 375px;
  width: 460px;
  background: #EEEEEE;
}

.footer.no-top-margin {
  margin-top: 0px;
}

@media (max-width: 768px) {

.video-container {
    height:6000px !important;
}

.winners {
    margin-top: 30px;
    padding-bottom: 30px;
  }
  .winners table {
    margin-left: 20px;
    margin-right: 20px;
    display: block;
  }
  .winners table td {
    width: 100%;
    display: block;
  }
  .winners .count {
    margin-left: 7px;
  }
  .winners .belief {
    margin-right: -31px;
  }
  .winners .belief .card {
    padding: 10px;
    width: 100%;
    border: none;
  }
  .winners .belief .card .card-content {
    margin-left: 29px;
    text-align: left;
  }
  .winners .reason {
    margin-left: 0px;
  }
  .winners .subblock .why {
    border: none;
  }
  .winners img.close_btn {
    position: absolute;
    top: 0;
    opacity: 1;
    right: 4px;
  }
  .winners .winner-footer {
    margin-left: 5px;
    margin-right: 5px;
  }
  .winners .card.footer-links {
    width: 100%;
    border-top: none;
  }
  .winners .card.footer-links .card-footer-details {
    border: none;
    height: 35px;
  }
  .winners .card.footer-links .card-footer-details .left {
    float: right;
    text-align: center;
  }
  .winners .card.footer-links .card-footer-details .left .vote {
    border-right: none;
  }
  .winners .card.footer-links .card-footer-details .right {
    width: 22%;
  }
  .winners .card.footer-links .card-footer-details a {
    height: 36px;
  }
  .winners .card.footer-links .card-footer-details .card-author {
    float: left;
    background: transparent !important;
    padding: 0px;
  }
  .winners .card.footer-links .card-footer-details .card-author .photo {
    height: 35px;
    width: 36px;
  }
  .winners .card.footer-links .card-footer-details .card-author .photo img {
    clip: rect(0px, 35px, 35px, 0px);
    position: absolute;
  }

.about-book li .description {
height: 70px !important;
padding-bottom:30px !important;
}

.dotted-line {
background:none !important;
}

.nav > li > a {
padding: 14px 18px !important;
}
.col-xs-12 {
width: 100%;
}

.logo {
font-size: 30px;
font-weight: bold;
}

.subblock .why {
margin-top: 30px;
}

.carousel-control.left {
background-image: none !important;
z-index: 99999 !important;
color: red;
}

.carousel-control.right {
background-image: none !important;
z-index: 99999 !important;
color: red;
}

.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
position: absolute;
top: 10% !important;
}

.text-right {
text-align: left;
}

.card .card-footer .card-detail ul li a {
width: 25px;
}

.hero-img {
padding-bottom: 20px;
}

.rethink-prize .prize-align {
text-align: left !important;
float: left;
width: 210px;
padding-left: 10px;
}
.rethink-prize .get-publish-align {
text-align: left;
}
.rethink-prize .table-detail {
margin-left: 14px;
width: auto;
}
.rethink-prize .prize-img {
margin-left: 14px;
}

.sort-search {
margin-top: 0px;
}

.icon-question {
text-align: left !important;
}

.footer {
background: #F2F2F2;
border-top: 1px solid #C8C8C8;
margin-top: 40px;
color: #333333;
padding-top: 10px;
}
.footer h4 {
color: #333333;
}
.footer ul {
margin: 0px;
padding: 0px;
}
.footer li {
display: block;
padding-left: 0px;
padding-top: 8px;
padding-bottom: 8px;
text-align: center;
border-right: none;
border-bottom: 1px solid #999999;
}
.footer li a {
color: #ffffff;
font-size: 13px;
text-transform: uppercase;
color: #ffffff;
font-weight: lighter;
}
.footer li.first-child {
padding-left: 0px;
}
.footer li.last-child {
border-bottom: 1px solid #999999;
}
.footer .copyright {
text-align: center;
}

.card .card-footer .left.detail {
width: 37%;
}

.card .card-footer .card-detail ul li a {
width: 30px;
}

.social-media {
text-align: center;
padding-top: 28px;
padding-bottom: 20px;
}

.text-right {
text-align: left;
}

.express-your-belief textarea {
padding-left: 10px;
margin-bottom: 20px;
border: 1px solid #e33417;
background: url(./img/background-express-belief-textarea.png) repeat-x top left !important;
}
.express-your-belief .left-textarea {
margin-right: 0px;
}
.express-your-belief .right-textarea {
margin-left: 0px;
}
.express-your-belief .close {
position: absolute;
top: 0;
opacity: 1;
right: 0;
}
.express-your-belief .belief {
margin: 12px;
}
.express-your-belief .tag {
clear: both;
}
.express-your-belief li {
display: block;
list-style-type: none;
}
.express-your-belief li a {
padding-top: 5px;
padding-bottom: 5px;
margin-left: 0px;
margin-right: 0px;
}

.dotted-line.login {
padding-top: 0px;
padding-bottom: 0px;
}
.dotted-line.signup {
padding-top: 0px;
padding-bottom: 0px;
}
.dotted-line p {
background: #ffffff;
text-align: center;
font-size: 30px;
display: block;
padding: 8px;
}
.dotted-line p {
background: #ffffff;
text-align: center;
}

.bubble {
height: auto;
width: 95%;
z-index: 99999;
margin-left: 9px !important;
position: absolute;
display: none;
top: 187px;
}
.bubble .row {
margin-bottom: 12px;
}
.bubble .row.button {
margin-top: 20px;
}

.bubble::after {
content: none;
display: block;
height: 0px;
left: 0px;
position: relative;
top: 0px;
/*transform*/
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
width: 20px;
}

.masonry .item,
.masonry .grid-sizer {
width: 95%;
margin: 1.8%;
margin-bottom: 50px;
}

.people-saying-detail {
margin-left: 0px;
}

.rethink-prize .sponsor-box {
margin-left: 0px;
margin-bottom: 20px;
}

.clear {
clear: both !important;
}

.login .social-login {
margin-left: 0px;
}

.video .text {
background: #E3DCDD;
opacity: 0.8;
}

.home-vote-counts-img {
width: 40%;
float: left;
margin-right: 15px;
}

.nav > li > a:hover, .nav > li > a:focus, .nav > li > a.active {
border-bottom: 2px solid #e33417 !important;
box-shadow: none !important;
}

#menu-header-menu li.current-menu-item a {
box-shadow: 0 2px 0 #e33417 !important;
}

.sort .nav-tabs > li {
margin-bottom: 11px !important;
display: block !important;
float: none !important;
}
.sort .nav > li > a:hover, .sort .nav > li > a:focus, .sort .nav > li > a.active {
border-bottom: 1px solid #00abc5 !important;
}

.view-all {
padding-bottom: 20px;
}

.login-title p {
line-height: 71px;
margin-left: 0px !important;
}
.login-title .login {
padding-left: 15px !important;
}
.signup-title p {
margin-left:0px !important;
}
.signup-title .signup {
padding-left: 15px !important;
}
}
@media (min-width: 769px) and (max-width: 991px) {

.video-container {
    height:5300px !important;
}
.winners .card.footer-links .card-footer-details .right {
    width: 15%;
  }

.clear {
clear:none !important;
}
.nav>li>a {
padding: 14px 18px !important;
}

.sort-search {
margin-top: 0px;
}
.login-title p {
line-height: 71px;
margin-left: 160px !important;
}
.signup-title p {
margin-left: 123px !important;
}
.footer {
background: #F2F2F2;
border-top: 1px solid #C8C8C8;
margin-top: 40px;
color: #333333;
padding-top: 10px;
}
.footer h4 {
color: #333333;
}
.footer ul {
margin: 0px;
padding: 0px;
}
.footer li {
display: inline-block;
padding-right: 5px;
padding-left: 5px;
border-right: 1px solid #ffffff;
font-size: 13px;
text-transform: uppercase;
color: #ffffff;
font-weight: lighter;
}
.footer li.first-child {
padding-left: 0px;
}
.footer li.last-child {
border: none;
}
.footer .copyright {
text-align: right;
}

.bubble {
height: 410px;
margin: 20px;
width: 409px;
z-index: 99999;
margin-left: 161px !important;
position: absolute;
display: none;
}
.bubble .row {
margin-bottom: 12px;
}
.bubble .row.button {
margin-top: 20px;
}

.bubble::after {
content: "\00a0";
display: block;
height: 20px;
left: -28px;
position: relative;
top: -271px;
/*transform*/
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
width: 20px;
}

.masonry .item,
.masonry .grid-sizer {
width: 46%;
margin-right: 1.5%;
margin-left: 1.5%;
}

.text-right {
text-align: left;
}

.rethink-prize .sponsor-box {
margin-left: 0px;
}

.get-published {
font-size: 44px;
color: #e33417;
font-family: "Bebas-Neue";
font-weight: normal;
text-align: center;
float: left;
width: 210px;
padding-right: 20px;
}

.prize-align {
text-align: left !important;
float: left;
width: 210px;
padding-right: 20px;
}

.prize-img {
float: left;
width: 100px;
}

.table-detail {
float: left;
width: 621px;
margin-right: 20px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {

.video-container {
    height:5500px !important;
}

.bubble {
height: 410px;
margin: 20px;
width: 409px;
z-index: 99999;
margin-left: 183px !important;
position: absolute;
display: none;
font-size: 20px;
padding: 20px;
}
.bubble .row {
margin-bottom: 12px;
}
.bubble .row.button {
margin-top: 20px;
}

.bubble::after {
content: "\00a0";
display: block;
height: 20px;
left: -28px;
position: relative;
top: -270px;
/*transform*/
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
width: 20px;
}

.rethink-prize .sponsor-box {
margin-left: 0px;
}
}
@media (min-width: 769px) {
.carousel-control {
position: absolute;
top: -114px !important;
width: 0% !important;
}

.glyphicon-chevron-left:before {
content: url(./img/slider-prev.png);
left: -33px !important;
position: absolute;
}

.glyphicon-chevron-right:before {
content: url(./img/slider-next.png);
}

.carousel-control.left {
width: 0px !important;
}
}
@media (max-width: 420px) {

.winners {
    margin-top: 30px;
    padding-bottom: 30px;
  }
  .winners table {
    margin-left: 20px;
    margin-right: 20px;
    display: block;
  }
  .winners table td {
    width: 100%;
    display: block;
  }
  .winners .count {
    margin-left: 7px;
  }
  .winners .belief {
    margin-right: -31px;
  }
  .winners .belief .card {
    padding: 20px;
    width: 100%;
    border: none;
  }
  .winners .belief .card .card-content {
    margin-left: 29px;
    text-align: left;
  }
  .winners .reason {
    margin-left: 0px;
  }
  .winners .subblock .why {
    border: none;
  }
  .winners img.close_btn {
    position: absolute;
    top: 0;
    opacity: 1;
    right: 4px;
  }
  .winners .winner-footer {
    margin-left: 5px;
    margin-right: 5px;
  }
  .winners .card.footer-links {
    width: 100%;
    border-top: none;
  }
  .winners .card.footer-links .card-footer-details {
    border: none;
    height: 35px;
  }
  .winners .card.footer-links .card-footer-details .left {
    float: left;
    text-align: center;
    width: 100%;
    background:#e33417;
    border-right:none;
    color:#ffffff;

  }
.winners .card .card-content .detail-belief {
   font-size:20px;
}
  .winners .card.footer-links .card-footer-details .left .vote {
    border-right: none;
    color:#ffffff;
  }
  .winners .card.footer-links .card-footer-details .right {
    width: 33%;
  }
  .winners .card.footer-links .card-footer-details a {
    height: 36px;
  }
  .winners .card.footer-links .card-footer-details .card-author {
    float: left;
    background: transparent !important;
    padding: 0px;
  }
  .winners .card.footer-links .card-footer-details .card-author .photo {
    height: 35px;
    width: 36px;
  }
  .winners .card.footer-links .card-footer-details .card-author .photo img {
    clip: rect(0px, 35px, 35px, 0px);
    position: absolute;
  }

.col-xss-12 {
width: 100% !important;
}

.home-vote-counts-img {
width: 100%;
}
}
.card-comments {
text-align: center;
width: 100%;
height: 25px;
float: right;
background: #E33417;
position: relative;
display: none;
font-size: 15px;
}
.card-comments a {
color: #ffffff;
}

div {
position: relative;
}

.page-wrap {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}

.content {
width: 960px;
margin: auto;
color: #000000;
z-index: 999;
height: 100%;
/*text-align: center;*/
display: table;
}

.box {
display: table-cell;
vertical-align: middle;
top: 50px;
}
.box .title {
font-size: 70px;
text-transform: uppercase;
line-height: 60px;
font-family: "Bebas-Neue";
}
.box .title .sub {
font-size: 52px;
}
.box .small {
font-size: 45px;
margin-top: 60px;
font-family: "Bebas-Neue";
}
.box p {
font-size: 20px;
}

#componentWrapper {
position: relative;
top: 0px;
left: 0px;
width: 100%;
height: 450px;
background: #111;
overflow: hidden;
opacity: 0;
filter: alpha(opacity=0);
-ms-filter: "alpha(opacity=0)";
-khtml-opacity: 0;
-moz-opacity: 0;
}

#componentWrapper .mediaWrapper {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
}

#componentWrapper .mediaWrapper_v {
position: absolute;
top: 0px;
left: 0px;
height: 100%;
}

#componentWrapper .mediaHolder, #componentWrapper .previewHolder, #componentWrapper .youtubeHolder, #componentWrapper #flashPreview {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
display: none;
outline: none;
}

#componentWrapper .componentPlaylist {
display: none;
}

@media (min-width: 769px) and (max-width: 991px) {
.content {
width: 758px;
}
}
@media (max-width: 767px) {
.content {
width: 100%;
margin: auto;
}

.box {
display: table-cell;
vertical-align: middle;
top: 120px;
}
.box .title {
font-size: 40px;
text-transform: uppercase;
line-height: 40px;
}
.box .title .sub {
font-size: 30px;
}
.box .small {
font-size: 45px;
margin-top: 40px;
}
.box p {
font-size: 20px;
}
}
.about-book ul {
-webkit-padding-start: 0px !important;
margin-bottom: 0px !important;
}
.about-book li {
display: block;
float: left;
width: 24.3%;
padding-left: 10px;
padding-right: 10px;
position: relative;
font-size: 12px;
}
.hero img.gif {
  position: absolute;
  left: 15px;
}
.about-book li img {
margin-bottom: 15px;
}
.about-book li .description {
height: auto;
padding-bottom:10px;
}

@media (max-width: 990px) {
.about-book li {
width: 49.2% !important;
padding-left: 20px !important;
padding-right: 20px !important;
}
}
@media (max-width: 700px) {
.about-book li {
width: 48% !important;
}
}
@media (max-width: 550px) {
.about-book li {
width: 47% !important;
}
}
@media (max-width: 420px) {
.about-book li {
width: 100% !important;
padding-left: 0px;
padding-right: 0px;
}
}.card-reason::-webkit-scrollbar {
  width: 8px;
}

.card-reason::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.card-reason::-webkit-scrollbar-thumb {
  background-color: #E33417;
  outline: 1px solid slategrey;
}

.blockquote-back::-webkit-scrollbar {
  width: 8px;
}

.blockquote-back::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.blockquote-back::-webkit-scrollbar-thumb {
  background-color: #E33417;
  outline: 1px solid slategrey;
}

.blog {
  border-bottom: 1px solid #cccccc;
  padding: 25px 0px;
}
.blog.last {
  border: none;
}
.blog a:hover {
  text-decoration: underline !important;
}
.blog .title {
  font-size: 25px;
  color: #e33417;
  width: 100%;
  line-height: 35px;
  text-transform: uppercase;
  font-weight: bold;
}
.blog .detail {
  color: #666666;
  font-size: 14px;
}
.blog .detail .name {
  color: #00abc5;
}
.blog .detail .date {
  font-style: italic;
  padding-right: 5px;
  padding-left: 5px;
}
.blog .detail .comments {
  color: #00abc5;
  text-transform: uppercase;
}
.blog .containt {
  display: block;
  /* Fallback for non-webkit */
  /* display: -webkit-box; */
}

.blog-detail {
  padding: 25px 0px;
}
.blog-detail .title {
  font-size: 25px;
  color: #e33417;
  width: 100%;
  line-height: 35px;
  text-transform: uppercase;
  font-weight: bold;
}
.blog-detail .name {
  font-size: 20px;
}
.blog-detail .date {
  padding-left: 10px;
}
.blog-detail .img-in-text {
  padding-bottom: 10px;
  margin-right: 20px;
}
#loginFrom label.text-danger,#signForm label.text-danger,#contactusForm label.text-danger,#frm-forgotpassword label.text-danger{
    text-transform: none;
}
/* Additions on 22-Oct-2014 */

.card-moderate {
  text-align: center;
  padding-top: 4px;
}
.card-moderate a {
  padding: 0 20px;
  color: #e33417;
}
.card-moderate a:hover {
  text-decoration: underline !important;
}
.modal-dialog-size{
   width: 700px;
}
.reject-email-font{
 font-size: 11px;
}
.reject-email-thanks{
 font-size: 15px;
}
.book-atheist-font{
    font-weight: bold;
}
.book-atheist-margin{
    margin-top: 15px;
}
.term-head{
    font-size: 16px;
    font-weight: bold;
}
@media (max-width: 480px) {
    .book-atheist-font{
         font-weight: bold;
     }
    .book-atheist-margin{
        margin-top: 465px;
    }
}
@media (max-width: 1024px) {
    .book-atheist-font{
         font-weight: bold;
     }
    .book-atheist-margin{
        margin-top: 495px;
    }
}
.ls-v5 .ls-playvideo {
background:url('http://www.atheistmindhumanistheart.com/wp-content/uploads/2014/11/Play-button.png') !important;
}
.ls-v5 .ls-playvideo {
width: 85px !important;
height: 85px !important;
margin-top: -63px !important;
}
}

.comment-body img { height: auto !important; }

.title-why {
    margin-top: -20px;
    margin-left: -20px;
    margin-right: -20px;
    padding: 5px 20px;
    color: #666;
    background: none repeat scroll 0% 0% #EEE;
    border-bottom: 1px solid #DDD;
}
#infscr-loading{
position:absolute;
bottom:0px;
}
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 35px;
    height:4000px;
    overflow: hidden;
}
.video-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}
.authorDesc img {
	float:left;
	width:160px;
	height:160px;
}
p.authorDesc span{
	vertical-align:top;
}