html,body{
	width:100%;
	height:100%;
}

body{
	padding-top: 60px;
	padding-bottom: 70px;
}

.titlesNtouts{
	margin: 30px;
	height:100%;
}
.legal-small {
		height: auto;
		width:100%;
		background: url('../images/legal-small.jpg') 0px 0px;
		opacity: 1;
		z-index: 2000;
		padding: 10px;
		font-size: 10px;
		color: #a0a0a0;
		display: block;	
		text-decoration: none;
		font-family: 'IM Fell English SC',"GothamMediumRegular",serif;
		font-variant: small-caps;
		text-align: center;
		background-size: cover;
		top: 80%;
}

.legal-small p{
    width:81%;
    margin:0 auto;
}
.rating-copy a{
	color: #FFF;
	text-decoration: underline;
	font-weight: bold;
}

.mfp-close {
	position: fixed;
	right: 1% !important;
	margin-top: 95px;
	margin-right: 20px;
	opacity: 1 !important;
	color: #281e19 !important;
	font-size: 46px !important;
	max-width: 55px;
	background: url('../images/close_btn.png') no-repeat;
	width: 55px !important;
	height: 55px !important;
	font-size: 0px !important;
}
.mfp-close:hover {
	color: #fff !important;
	background: url('../images/close_btn_active.png') no-repeat;
}
#social {
	width: 285px;
	height: 191px;
	float: right;
	text-align: center;
	padding-top: 36px;
	background:url('../images/TheBookThief_socialbox_bg.png') no-repeat;
	margin: 60px 60px 0px 0px;
}
#social .separator {
	width: 100%;
	clear: both;
	background: url('../images/social-separator.png') 50% 0 no-repeat;
	margin-top: 10px;
	height: 20px;
}
.showtitle{
	margin:0 auto;
	max-width:250px;
}
.showtitle2{
	margin:10px auto;
}

a, a:hover {
	color:#FFF !important;
	text-decoration: none !important
}

.titlesNtouts .row .col-lg-3{
	margin: 0;
	width: 300px;
}

.logoReg{
	display: block;
}

.logoSmall{
	display: none;
}
.socialBtn{
	margin-top: 3px;
}
.socialIcon{
	margin-right: 10px;
	margin-top: -2px;
}
.socialIcon:last{
	margin-right: 0;
}
#fbIcon{
	margin-right: 10px;
}
@media screen and(min-width: 1024px){
	.logoSmall{
		display: none;
	}
}




@media screen and (max-width: 992px){
	.titlesNtouts {
		margin: 0;
	}
	.titlesNtouts .row .col-lg-3 {
		margin: 0;
		width: 100%;
	}

}

@media screen and (max-device-width : 1024px){
  	.logoReg{
		display: block;
	}
  	.logoSmall{
		display: none;
	}
	body{
		padding-top: 20px;
	}
	.titlesNtouts{
		/*margin-top: 20px;*/
	}
	.touts .tout p {
		top: 75px;
	}
	.mfp-close{
		/*margin-top:60px;*/
	}
	#bgvideo video{
		height: 100%;
	}
} 

@media screen and (max-device-width : 1024px) and (orientation : portrait){
	.mainWrapper{
		background: url('../images/mobile-home-bg.jpg') no-repeat top center fixed; 
  		-webkit-background-size: cover;
  		-moz-background-size: cover;
  		-o-background-size: cover;
  		background-size: cover;
  		position: relative;
  		z-index: 0;
  		overflow: hidden;
  	}
  	.logoReg {
		display: none;
	}
  	.logoSmall {
		display: block !important;
	}
	#bgvideo {
		display: none;
	}
}

@media screen and (max-height: 700px) {
	.header_container {
		position:absolute;
	}

	.footer {
		position:relative;
		margin-top: -80px
	}

	.main.mainWrapper {
		position:absolute;
		min-height:700px;
	}

	#bgvideo {
		height: 100% !important;
	}

	.titlesNtouts {
		margin-bottom: 0px
	}

	.mfp-bg.video-overlay {
		height:700px !important;
	}

	.mfp-wrap {
		height:100% !important;
		position:absolute !important;
		overflow: auto !important;
		overflow-y: auto !important;
	}

	.mfp-bg {
		height:100% !important;
		position:absolute !important;
	}
}


@media screen and (max-width: 1024px){
	.mfp-bg {
		background:url('../images/overlay-bg-flat.jpg') no-repeat !important;
		opacity: 1 !important;
	}
}



.header li.watch.mobile {
	display:none;
}
.touts .tout.watchvideo.mobile {
	display:none;
}

@media screen and (max-device-width : 768px) {
	.mainWrapper{
		height: 780px !important; 
	}

	/*.mobile-portrait .legal-small.visible-sm {
		top: 73% !important;
	}*/
	/*.header li#watch {
		display:none !important;
	}*/
	.header li.watch.mobile {
		display:block !important;
	}
	.touts .tout.trailer {
		display:none !important;
	}
	.touts .tout.watchvideo.mobile {
		/*display:block !important;*/
		background: url('../images/tout_trailer_inactive.png') no-repeat;
		width: 275px !important;
		height: 205px !important;
		margin-left:-10px !important;
		background-size: 100% 100%;
		-webkit-background-size: 275px 205px;
	}
	.touts .tout.watchvideo:hover {
		background:url('../images/tout_trailer_active.png') no-repeat;
		width: 275px !important;
		height: 205px !important;
		margin-left:-10px !important;
		background-size: 100% 100%;
		-webkit-background-size: 275px 205px;
	}
	.touts .tout.watchvideo p {
		top:154px;
		font-size:22px;
	}

}


@media screen and (max-height : 750px) {
	.footer{
		position: absolute !important;
		top:762px;
	}
	.watchPage .mfp-wrap, .homePage .mfp-wrap{
		top:60px;
	}

}