/*-----------------------------------------------------------------------------

KENBURNER RESPONSIVE BASIC STYLES OF HTML DOCUMENT

Screen Stylesheet

version:   	1.0
date:      	07/27/11
author:		themepunch
email:     	support@themepunch.com
website:   	http://www.themepunch.com
-----------------------------------------------------------------------------*/
@font-face { font-family: Ozone; src: url('../fonts/Ozone.ttf'); }
.boxedcontainer		{	max-width: 1170px; margin:auto; padding:0px 30px;}

/*********************************************
	-	SETTINGS FOR BANNER CONTAINERS	-
**********************************************/
.tipster-bio{
    background:white;
    padding-top: 20px;
    padding-bottom: 20px;
}

.description{
    padding-top:20px;
}

.nav-tabs>li>a{
    /*color:#0db4ff;*/
    color: #fff;
}

.tp-banner-container{
	width:100%;
	position:relative;
	padding:0;

}

.tp-banner{
	width:100%;
	position:relative;
}

.tp-banner-fullscreen-container {
		width:100%;
		position:relative;
		padding:0;
}

/*body { padding-top: 50px; }*/

#myCarouselNoticias .carousel-caption {
    left:0;
	right:0;
	bottom:0;
	text-align:left;
	padding:10px;
	background:rgba(0,0,0,0.6);
	text-shadow:none;
}

#myCarouselNoticias .list-group {
	position:absolute;
	top:0;
	right:0;
}
#myCarouselNoticias .list-group-item {
	border-radius:0px;
	cursor:pointer;
}
#myCarouselNoticias .list-group .active {
	background-color:#eee;
}

@media (min-width: 992px) {
	#myCarouselNoticias {padding-right:33.3333%;}
	#myCarouselNoticias .carousel-controls {display:none;}
}
@media (max-width: 991px) {
	.carousel-caption p,
	#myCarouselNoticias .list-group {display:none;}
}


#myCarouselPromociones .carousel-caption {
    left:0;
	right:0;
	bottom:0;
	text-align:left;
	padding:10px;
	background:rgba(0,0,0,0.6);
	text-shadow:none;
}

#myCarouselPromociones .list-group {
	position:absolute;
	top:0;
	right:0;
}
#myCarouselPromociones .list-group-item {
	border-radius:0px;
	cursor:pointer;
}
#myCarouselPromociones .list-group .active {
	background-color:#eee;
}

@media (min-width: 992px) {
	#myCarouselPromociones {padding-right:33.3333%;}
	#myCarouselPromociones .carousel-controls {display:none;}
}
@media (max-width: 991px) {
	.carousel-caption p,
	#myCarouselPromociones .list-group {display:none;}
}

.dark-text {
    color:#363c48!important;
}
.white-text{
    color:white!important;
}

#yield {
    color:#6DC234;
}
#score {
    font-family: Ozone;
    font-size: 84px;
    color:#6DC234;
}

.box-description {
    padding-top: 12px;
    padding-bottom: 20px;
    border: 1px solid #f1f1f1;
    border-radius: 3px;
    text-align: center;
}
#intro {
    background: url(../../images/intro.png) 50% 0 fixed;
    height: auto;
    margin: 0 auto;
    width: 100%;
    position: relative;
    box-shadow: 0 0 50px rgba(0,0,0,0.8);
    padding: 100px 0;
}
#home {
    background: url(../../images/home.jpg) 50% 0 fixed;
    height: auto;
    margin: 0 auto;
    width: 100%;
    position: relative;
    box-shadow: 0 0 50px rgba(0,0,0,0.8);
    padding: 150px 0;
}
#about {
    background: url(../../images/about.png) 50% 0 fixed;
    height: auto;
    margin: 0 auto;
    width: 100%;
    position: relative;
    box-shadow: 0 0 50px rgba(0,0,0,0.8);
    padding: 100px 0;
    color: #fff;
}
.profile-header-container{
    margin: 0 auto;
    text-align: center;
}

.profile-header-img > img.img-circle {
    width: 120px;
    height: 120px;
    border: 2px solid #0db4ff;
}

.profile-header {
    margin-top: 43px;
}

/**
 * Ranking component
 */
.rank-label-container {
    margin-top: -19px;
    /* z-index: 1000; */
    text-align: center;
}

.label.label-default.rank-label {
    background-color: #0db4ff;
    padding: 5px 10px 5px 10px;
    border-radius: 27px;
}