body{
	margin:0;
	padding:0;
	background-color:#212429;
	color: #C5C5C5;
	font-family: 'Open Sans', 'Helvetica', sans-serif;
}

img{
	width:100%;
}

.clear{
	clear:both;
}

h1{
	color:#46C2FD;
	font-weight:800;
	font-size:2em;
	margin:0;

}

h2{
	color:#EFEFEF;
	font-size:1em;
	font-weight:400;
	margin:0;
	margin-top:8px;
}

p{
	font-size: .9em;
	margin:0;
}

.container{
	max-width:800px;
}



/* TRAILER STYLE STARTS HERE */
.trailer .col-xs-12{
	max-width:1200px;
	height:550px;
}



/* TITLE STYLE STARTS HERE */
.title{
	margin-top:50px;
	margin-bottom:25px;
}





/* DETAIL STYLE STARTS HERE */



.details.col-xs-6{
	
}

.summary-desktop{
	padding:0;
}

.ratings{
	border:3px solid #46C2FD;
	color:#EFEFEF;
	font-size:0;
	padding:8px 10px;
	margin-top:20px;
}

.ratings h2{
	text-transform: uppercase;
	font-size:12px;
	font-weight:700;
	margin:0;
	margin-bottom:4px;
}

.ratings h3{
	margin:0;
	font-size:22px;
	font-weight:200;
	float:left;
	margin-left:4px;
}

.rating-img{
	background-size:contain;
	width:35px;
	height:35px;
	background-repeat: no-repeat;
	float:left;
	background-position: center;
}


.thumbs-rating-img{
	background-size:contain;
	width:25px;
	height:25px;
	background-repeat: no-repeat;
	float:left;
	background-position: center;
	margin-top:3px;
}

.thumbs h3{
	font-size:11px;
	margin-right:10px;
	margin-top:7px;
}

.summary-mobile{
	display:none;
	margin-top:15px;
}






/* STARS STYLE STARTS HERE */
.stars{
	margin-bottom:40px;
	margin-top:40px;
}

.stars .col-xs-4{
	margin-bottom:20px;
}

.star-photo{
	width:100%;
	height:50px;
	background-size: cover;
	background-position: center;
}

.stars p{
	margin:5px 0 0 0;
	font-size:12px;
	color:#C5C5C5;
	font-weight:400;
}




/* VIDEO STYLE STARTS HERE */

.video .col-xs-6{
	margin-bottom:30px;
}



@media (max-width: 767px) {
	.tomatometer, .audience, .thumbs{
		margin-bottom:20px;
	}


	.summary-mobile{
		display:inline;
	}

	.summary-mobile .col-xs-12{
		padding:0;
	}

	.summary-desktop{
		display:none;
	}

	.poster{
		margin-bottom:15px;
		width:50%;
		float:none;
		display:inline-block;
		vertical-align: top;
	}


	.ratings{
		margin-top:0;
		position:relative;
	}

	.trailer .col-xs-12{
		height:300px;
	}

	#thumb-up{
		margin-left: calc(50% - 54px);
	}

	.rating-img{
		margin-left: calc(50% - 43px);
	}
}