@import url(https://fonts.googleapis.com/css?family=Raleway:400,700);

body {
	padding-top: 60px;
	background-color: #f5f5f5;
}

.navbar,
h1,
h2,
h3,
h4,
.btn {
	font-family: 'Raleway', sans-serif;
}
.btn {
    text-transform: uppercase;
}

.navbar {
	border-bottom-color: #222;
}

.navbar-brand,
.navbar li a,
.navbar li button {
	text-transform: uppercase;
}

ul.dropdown-menu a {
    text-transform: none;
}

.navbar-brand {
	font-weight: bold;
}

.navbar-right .btn-fix {
	margin-right: 15px;
}

.btn-top-join {
    line-height: 1em !important;
    margin: 6px 0 !important;
    padding: 15px !important;
}

.carousel-caption .icon-4k {
	max-width: 200px;
}

#top-video-banner {
    display: block;
    width: 100%;
}

.bullet-points {
    margin-top: 50px;
    margin-bottom: 50px;
}
.bullet-points p {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
}

.footer-resource-links a {
    display: block;
    margin-bottom: 8px;
}

footer.site-footer {
	background-color: #222;
	padding: 30px;
	color: #ddd;
}

footer.site-footer a {
	color: #fff;
}

footer.site-footer .bottom-join {
	margin: 20px 4px;
}

footer.site-footer .bottom-join a.btn {
	font-family: 'Raleway', sans-serif;
	text-transform: uppercase;
}

footer.site-footer .footer-small {
	font-size: 10px;
}

.top-wrapper {
	background-color: #222;
}

.carousel-control.right,
.carousel-control.left {
	background-image: none;
}

.carousel-caption {
	padding: 10px;
	text-align: left;
	background-color: rgba(0, 0, 0, 0.75);
}

.videos article {
	margin-bottom: 36px;
}

.videos .details {
	background-color: #fff;
	padding: 8px;
}

.videos .date {
	color: #999;
	text-align: right;
}

.videos .title {
	font-family: 'Raleway', sans-serif;
	/*display: block;*/
	color: #000;
	margin: 0px;
}

.videos .title a {
    color: #000;
}

.videos .bigger {
	font-size: 20px;
}

.videos .embed-responsive-item {
	display: block;
	position: relative;
}

.videos .embed-responsive-item>div {
	position: absolute;
	top: 10px;
	left: 10px;
	font-size: 16px;
	text-transform: uppercase;
}

.video-icon-overlay {
	position: relative;
}

.video-icon-overlay div {
	position: absolute;
	left: 5px;
	bottom: 5px;
	background-color: rgba(0, 0, 0, 0.35);
	font-size: 20px;
	color: #fff;
	padding: 4px;
}

.video-icon-overlay div>img {
	height: 1em;
}

.video>div {
	padding: 10px;
}

.video-details {
    padding: 10px;
    margin-bottom: 50px;
}


.video-date {
	color: #999;
}

.video-tags a {
    display: inline-block;
    padding: 8px;
    background-color: #ff2f39;
    color: #FFFFFF;
    text-decoration: none;
    margin-bottom: 5px;
}

.video-tags a:hover {
    background-color: #fb000c;
}

.rating-stars a:hover {
    text-decoration: none;
}

.rating-stars a {
    color: #ff2f39;
}

.current-rating {
    text-align: center;
    font-size: 18px;
}

#comments-container {
    margin-top: 10px;
}

.performer-details > div {
    text-align: center;
    margin-bottom: 10px;
}
.performer-about {
    margin-top: 0px;
}

.performer-list-block h3 {
    margin-top: 0px;
}

.vjs-resolution-button {
    width: 100px !important;
}

.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    width: 100px !important;
}

.join-buttons a {
    display: block;
    padding: 15px;
    border: 1px solid #ccc;
    border-bottom: none;
    font-size: 20px;
}
.join-buttons a.best {
    background-color: #dff0d8;
    /*border-color: #d6e9c6;*/
    color: #468847;
}
.join-buttons a:last-of-type {
    border-bottom: 1px solid #ccc;
}
.join-description {
    font-size: 20px;
    margin: 20px 0px;
}
.why-join {
    margin-top: 10px;
    font-size: 18px;
}
.why-join>div {
    margin-bottom: 3px;
}
.join-girls {
    margin: 0 auto;
    padding-bottom: 0px;
}

.icon-line-height-limit {
	max-height: 1em;
}


.shadow {
  -webkit-box-shadow: 3px 3px 5px #ccc;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow:    3px 3px 5px #ccc;  /* Firefox 3.5 - 3.6 */
  box-shadow:         3px 3px 5px #ccc;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}

.row.no-gutters {
	margin-right: 0;
	margin-left: 0;
}

.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"] {
	padding-right: 0;
	padding-left: 0;
}
.zombaio-info {
    font-size: 10px;
    margin-top: 10px;
    text-align: center;
}
.zombaio-info a {
    text-decoration: underline;
}

/* Denied Container */
.denied-container {
    position: relative;
}
.denied-text {
    position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	width: 100%;
	background-color: rgba(0, 0, 0, 0.75);
	font-size: 16px;
	color: #fff;
	padding: 4px;
	text-align: center;
}
.denied-header {
    color: #ff2f39;
    font-size: 20px;
    animation: blinker 1s linear infinite;
}
.denied-container .btn {
    margin-bottom: 14px;
}
@media (min-width: 750px) {
    .denied-text {
        font-size: 30px;
    }
    .denied-header {
        font-size: 50px;
        
    }
}
@keyframes blinker {  
    50% { opacity: 0; }
}

/* Best Option Styles */
.best-option>div {
	/* border-radius:4px; */
	padding: 10px;
	display: block;
	color: white;
    font-family: arial;
    /* margin: 10px; */
}

@-webkit-keyframes orangePulse {
  from { background-color: #d45500; box-shadow: 0 0 9px #333; }
  50% { background-color: #ff5c00; box-shadow: 0 0 18px #ff5c00; }
  to { background-color: #d45500; box-shadow: 0 0 9px #333; }
}

@-moz-keyframes orangePulse {
  from { background-color: #d45500; box-shadow: 0 0 9px #333; }
  50% { background-color: #ff5c00; box-shadow: 0 0 18px #ff5c00; }
  to { background-color: #d45500; box-shadow: 0 0 9px #333; }
}

@-o-keyframes orangePulse {
  from { background-color: #d45500; box-shadow: 0 0 9px #333; }
  50% { background-color: #ff5c00; box-shadow: 0 0 18px #ff5c00; }
  to { background-color: #d45500; box-shadow: 0 0 9px #333; }
}

@keyframes orangePulse {
  from { background-color: #d45500; box-shadow: 0 0 9px #333; }
  50% { background-color: #ff5c00; box-shadow: 0 0 18px #ff5c00; }
  to { background-color: #d45500; box-shadow: 0 0 9px #333; }
}

a.best-option {
    padding: 4px;
}

.best-option>div:hover {
	text-decoration: none;
	color: white;
}

.best-option>div {
	-webkit-animation: orangePulse 1.5s infinite;
	-moz-animation: orangePulse 1.5s infinite;
	-o-animation: orangePulse 1.5s infinite;
	-animation: orangePulse 1.5s infinite;
	background-color: #ff5c00;
}