/* MAIN CSS */

html, body{
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	font-family: 'Arapey', serif;
	background: #eeebe0;
	-webkit-font-smoothing: antialiased;
}

.floatbreaker{
	clear: both;
}

img {
	max-width: 100%;
	height: auto;
    border: none;
}


/* CHARACTER STYLES */


h1 {
	font-size: 65px;
	color: #000;
	margin: 0;
	text-transform: uppercase;
}

h2 {
    font-size: 36px;
    text-transform: uppercase;
	margin: 0;
    color: #242424;
	text-align: center;
}

h3 {
	font-size: 25px;
	margin: 0;
	text-transform: uppercase;
	color: #242424;	
	text-align: center;
}

h2.red, h3 .alt, .red {
	color: #ff522b!important;
}

h4 {
	font-size: 30px;
	text-align: center;
	text-transform: uppercase;
	color: #000;
	margin-bottom: 0;
}
h4.alt {
	text-transform: none;
	font-style: italic;
	color: #ff552d;
	margin: 0;
}

p {
	font-size: 20px;
	color: #000;
	margin: 0 0 15px 0;
}

a:link, a:visited {
	font-size: 20px;
	color: #000;
	-webkit-transition: 0.45s;
    transition: 0.45s;
}
a:hover {
	text-decoration: none;
	color: #ff552d;
}

.uppercase {
	text-transform: uppercase;
}
.normal {
	text-transform: none;
}


a.primary_btn:link, a.primary_btn:visited {
	width: 100%;
	position: relative;
	font-size: 25px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	padding: 10px 0;
	color: #ff552d;
	display: block;
	border: 2px solid #ff552d;
	
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}
a.primary_btn:hover {
	color: #fffff3;
	background: #ff552d;
}



/* LAYOUT FORMATTING */

.content_spacer {
	padding: 60px 0;	
}

.content_spacer2 {
	padding: 30px 0;	
}

.content_spacer3 {
	padding: 20px 0;	
}

.content_spacer4 {
	padding: 10px 0;	
}



/* SPLASH PAGE */

.header {
	background: url(../images/bg.jpg) center top repeat;
	background-size: cover;
}

ul.actors {
	list-style: none;
	margin: 0 auto;
	padding: 0;
	position: relative;
}

ul.actors li {
	float: left;
	font-size: 26px;
    text-transform: uppercase;
    color: #242424;
	padding-left: 55px;
}
 ul.actors li .red {
	color: #ff522b;
}
ul.actors li:first-child {
	padding-left: 0;
}
ul.actors li#first_li {
	padding-left: 85px;
}


ul.social_ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.social_ul li {
	text-align: center;
	margin-bottom: 15px;
	padding-left: 20px;
	font-size: 24px;
}
ul.social_ul li:first-child {
	padding-left: 0;
}

a.social_link:link, a.social_link:visited {
	font-size: 21px;
	text-decoration: none;
	color: #ff552d;
}
a.social_link:hover {
	color: #242424;
}
a.social_link .fa {
	font-size: 35px;
}

.film_arcade_logo {
	line-height: 40px;
}



/* SYNOPSIS */

.synopsis_bg {
	background: url(../images/synopsis_bg.jpg) center top no-repeat;
	background-size: cover;
	height: 920px;
}

.synopsis_container {
	display: table;
}
.synopsis_content {
	display: table-cell;
	vertical-align: middle;
	height: 920px;
}

.synopsis_textbox {
	padding: 30px;
	background: rgba(238,235,224,.85);
}


.h1_underline {
	height: 8px;
	background: #ff552d;
	width: 40%;
	margin: 15px 0 30px 0;
}


.play_btn_circle {
    border-radius: 50%;
    border: 5px solid #FFF;
    height: 125px;
    width: 125px;
    margin: 55% auto 0 auto;
    position: relative;
}

.play_icon {
    -webkit-transition: 0.15s;
    transition: 0.15s;
}

.play_btn_circle a:link, .play_btn_circle a:visited {
    text-decoration: none;
    text-align: center;
    top: 21px;
    left: 6px;
    font-size: 60px;
    color: #FFF;
    display: block;
    position: relative;
    -webkit-transition: 0.15s;
    transition: 0.15s;
}
.play_btn_circle a:hover .play_icon {
	transition: transform .15s cubic-bezier(.25,.25,.25,.25), opacity 1s ease;
    -webkit-transform: scale(1.15);
    -ms-transform: scale(1.15) rotate(-0.02deg);
    -moz-transform: scale(1.15) rotate(-0.02deg);
    transform: scale(1.15);
}



/* GALLERY */

.gallery_container {
	height: 920px;
	padding: 0;
	position: relative;
	overflow: hidden;
}

#gallery_img_1 {
	background: url(../images/gallery_1.jpg) center center no-repeat;
    background-size: cover;
    display: block;
}
#gallery_img_2 {
	background: url(../images/gallery_2.jpg) center top no-repeat;
    background-size: cover;
}
#gallery_img_3 {
	background: url(../images/gallery_3.jpg) center top no-repeat;
    background-size: cover;
}
#gallery_img_4 {
	background: url(../images/gallery_4.jpg) center center no-repeat;
    background-size: cover;
}
#gallery_img_5 {
	background: url(../images/gallery_5.jpg) center center no-repeat;
    background-size: cover;
}
#gallery_img_6 {
	background: url(../images/gallery_6.jpg) center top no-repeat;
    background-size: cover;
}
#gallery_img_7 {
	background: url(../images/gallery_7.jpg) center top no-repeat;
    background-size: cover;
}
#gallery_img_8 {
	background: url(../images/gallery_8.jpg) center center no-repeat;
    background-size: cover;
}
#gallery_img_9 {
	background: url(../images/gallery_9.jpg) center center no-repeat;
    background-size: cover;
}
#gallery_img_10 {
	background: url(../images/gallery_10.jpg) center top no-repeat;
    background-size: cover;
}
#gallery_img_11 {
	background: url(../images/gallery_11.jpg) center center no-repeat;
    background-size: cover;
}
#gallery_img_12 {
	background: url(../images/gallery_12.jpg) center center no-repeat;
    background-size: cover;
}
#gallery_img_13 {
	background: url(../images/gallery_13.jpg) center center no-repeat;
    background-size: cover;
}
#gallery_img_14 {
	background: url(../images/gallery_14.jpg) center top no-repeat;
    background-size: cover;
}
#gallery_img_15 {
	background: url(../images/gallery_15.jpg) center center no-repeat;
    background-size: cover;
}
#gallery_img_16 {
	background: url(../images/gallery_16.jpg) center top no-repeat;
    background-size: cover;
}
#gallery_img_17 {
	background: url(../images/gallery_17.jpg) center top no-repeat;
    background-size: cover;
}

#gallery_img_2, #gallery_img_3, #gallery_img_4, #gallery_img_5, #gallery_img_6, #gallery_img_7, #gallery_img_8, #gallery_img_9, #gallery_img_10, #gallery_img_11, #gallery_img_12, #gallery_img_13, #gallery_img_14, #gallery_img_15, #gallery_img_16, #gallery_img_17 {
	display: none;
}

.gallery_img {
    height: 920px;
    width: 100%;
    position: absolute;
    top: 0;
}


.gallery_container .header_container {
	width: 100%;
	height: 920px;
	display: table;
	z-index: 100;
}
.gallery_container .header_content {
	width: 100%;
	height: 920px;
	display: table-cell;
	vertical-align: middle;
}


.right_arrow, .left_arrow {
	padding: 0;
	-webkit-transition: 0.15s;
    transition: 0.15s;	
	color: #FFF;
}


a.gallery_arrow:link, a.gallery_link:visited {
	font-size: 50px;
	line-height: 64px;
	color: #FFF;
	text-decoration: none;
	text-align: center;
	display: block;
	padding: 0;
	-webkit-transition: 0.15s;
    transition: 0.15s;	
}

a.gallery_arrow:hover .right_arrow {
	padding-left: 10px;
	color: #FFF;
}
a.gallery_arrow:hover .left_arrow {
	padding-right: 10px;
	color: #FFF;
}

.pagination_container {
	display: flex;
  	justify-content: space-between;
	position: relative;
	top: 45%;
}

a.pagination_dot:link, a.pagination_dot:visited {
	width: 15px;
	height: 15px;
	border-radius: 50%;
	display: block;
	border: 2px solid #FFF;
	float: left;
}
a.pagination_dot:hover {
	background: #FFF;
}
a.pagination_dot.active {
	background: #FFF;
}

.arrow_circle {
	border-radius: 50%;
	background: rgba(0,0,0,.5);
	height: 64px;
    width: 64px;
    margin: 45% auto 0 auto;
    position: relative;
}



/* VIDEO GALLERY */

a.video_thumb:link, a.video_thumb:visited {
	text-decoration: none;
	background: #000;
	display: block;
	overflow: hidden;
}

a.video_thumb .video_thumb_icon {
	position: absolute;
    margin: 18% 40%;
    font-size: 60px;
    color: #FFF;
	z-index: 1;
}

.video_thumbnail {
	opacity: .7;
	-webkit-transition: 0.45s;
    transition: 0.45s;	
}
a.video_thumb:hover .video_thumbnail {
	transition: transform .45s cubic-bezier(.25,.25,.25,.25), opacity 1s ease;
    -webkit-transform: scale(1.15);
    -ms-transform: scale(1.15) rotate(-0.02deg);
    -moz-transform: scale(1.15) rotate(-0.02deg);
    transform: scale(1.15);
}
a.video_link:link, a.video_link:visited {
	text-align: center;
	display: block;
	margin-top: 10px;
}




/* FOOTER */

.footer {
	background: #000;
	height: 110px;
}

.justify_container {
	display: flex;
    justify-content: space-between;
}

a.footer_social:link, a.footer_social:visited {
	color: #FFF;
	font-size: 36px;
	line-height: 110px;
	margin: 0;
	text-decoration: none;
}
a.footer_social:hover {
	color: #ff552d;
}

.fa_logo {
	line-height: 110px;
}



/* PAGE LOAD ANIMATION */

.loader {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: #eeebe0;
}


/* VIDEO LIGHTBOX */


.pp_details {
	display: none;
}

.pp_content {
	height: auto !important;
	/*height: 100vh !important;
    width: 100vw !important;*/
}

#pp_full_res {
    line-height: 0 !important;
}

div.pp_default .pp_top .pp_middle, div.pp_default .pp_top .pp_left, div.pp_default .pp_top .pp_right, div.pp_default .pp_content_container .pp_left, div.pp_default .pp_content_container .pp_right, div.pp_default .pp_bottom .pp_left, div.pp_default .pp_bottom .pp_middle, div.pp_default .pp_bottom .pp_right, div.pp_default .pp_content {
	background: transparent !important;
}




/**** MEDIA QUERIES ****/


/* MIN-LARGE */

@media (min-width: 1200px) { 



}



/* MAX-LARGE */

@media (max-width: 1200px) { 

	ul.actors li:first-child {
    	padding: 0 0;
	}
	
	ul.actors li {
		padding: 0 11px;
		font-size: 24px;
	}
	
	ul.actors li#first_li {
		padding-left: 70px;
	}
	
	a.footer_social:link, a.footer_social:visited {
		font-size: 30px;
	}
	
	.play_btn_circle {
		margin: 90% auto 0 auto;
	}
	
	a.primary_btn:link, a.primary_btn:visited {
		font-size: 22px;
	}
	
	a.video_thumb .video_thumb_icon {
		margin: 16% 40%;
	}
}



/* MAX-MEDIUM */

@media (max-width: 992px) { 

	ul.actors li:first-child {
		padding: 0;
	}
	
	ul.actors li {
		padding-left: 38px;
		padding-right: 0;
		font-size: 27px;
	}
	
	ul.actors #first_li {
		padding-left: 16px;
	}
	
	a.primary_btn:link, a.primary_btn:visited {
		font-size: 25px;
	}
	
	.synopsis_bg {
    	background: url(../images/synopsis_bg.jpg) right top no-repeat;
		background-size: cover;
		height: 820px;
	}
	
	.synopsis_container {
		display: block;
		margin-top: 90px;
	}
	
	.synopsis_content {
		display: block;
		vertical-align: middle;
		height: auto;
	}
	
	.play_btn_circle {
		margin: 50px auto 0 auto;
	}
	
	.gallery_container, .gallery_container .header_container, .gallery_img, .gallery_container .header_content {
		height: 500px;
	}
	
	.footer {
		height: auto;
	}
	
	a.footer_social:link, a.footer_social:visited {
		text-align: center;
		display: block;
	}
	
	.fa_logo {
		line-height: 0;
		margin-bottom: 50px; 
		display: block;
	}
	
	a.video_thumb .video_thumb_icon {
		margin: 17% 40%;
	}
	
}



/* MAX-SMALL */

@media (max-width: 768px) { 
	
	ul.social_ul {
		margin: 0 auto;
		position: relative;
	}
	
	ul.social_ul li {
		text-align: center;
		float: none;
	}
	a.social_link:link, a.social_link:visited {
    	font-size: 21px;
	}
	
	a.video_thumb .video_thumb_icon {
		margin: 21% 44%;
	}
	
	a.gallery_arrow:hover .right_arrow {
		padding-left: 0;
		color: #FFF;
	}
	a.gallery_arrow:hover .left_arrow {
		padding-right: 0;
		color: #FFF;
	}
}



/* MIN-MEDIUM */

@media (min-width: @screen-md-min) { 

}



/* IPAD PORTRAIT */

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 
	
	a.video_thumb .video_thumb_icon {
		margin: 17% 40%;
	}
		
}



/* IPAD LANDSCAPE */

@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {
	  
	.gallery_container, .gallery_container .header_container, .gallery_img, .gallery_container .header_content {
		height: 750px;
	}
	  
	a.pagination_dot:link, a.pagination_dot:visited {
	  display: none;
	}
	 	  
}


/* IPHONE PORTRAIT */

@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : portrait) { 

	.noMobile {
		display: none;
	}
	
	ul.actors li{
		float: none;
		text-align: center;
		padding: 0;
		font-size: 25px;
	}
	
	ul.actors li#first_li {
		padding-left: 0;
	}
	
	.synopsis_bg {
		height: auto;
	}
	
	.synopsis_container {
		display: block;
		margin: 90px 0;
	}
	
	.play_btn_circle {
		margin: 50px auto;
	}
	
	a.video_thumb .video_thumb_icon {
		margin: 17% 40%;
	}
	
	.gallery_container, .gallery_container .header_container, .gallery_img, .gallery_container .header_content {
		height: 210px;
	}
	
	.arrow_circle {
		background: none;
	}

	
}


/* IPHONE LANDSCAPE */

@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : landscape) {
	
	ul.social_ul li {
		padding-left: 60px;
	}

	.gallery_container, .gallery_container .header_container, .gallery_img, .gallery_container .header_content {
		height: 370px;
	}
	
	.synopsis_bg {
		background: url(../images/synopsis_bg.jpg) right top no-repeat;
		background-size: cover;
		height: auto;
	}

	.play_btn_circle {
		margin: 50px auto;
	}
	
	ul.actors li {
		font-size: 23px;
	}
	
	.cast_img {
		width: 50%;
		display: block;
		margin: 0 auto;
	}

}





/* INTERNET EXPLORER */

@media screen\0 {
	
	
}