* {
	padding: 0;
	margin: 0;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	/*-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;*/
}
a {
	color: inherit;
	text-decoration: inherit;
	outline: 0;
}

a img {
	border: 0;
}

.a-jump {
	display: block;
    position: relative;
    top: -150px;
    visibility: hidden;
}

.align {
	max-width: 1360px;
	margin: 0 auto;
	padding: 0px 3.6vw;
	position: relative;
	-webkit-transition: max-width 500ms;
	-moz-transition: max-width 500ms;
	-ms-transition: max-width 500ms;
	transition: max-width 500ms;
}

body.full-screen .align {
	max-width: 100%;
}

.column {
	display: inline-block;
	vertical-align: top;
}

html, body {
	background: #FBFAF7;
	color: black;
	font-family: 'Media77Web', 'Arial';
	line-height: 1;
	letter-spacing: 0.05em;
	/*scrollbar-width: none;*/
}
html {
    overflow: scroll;
    overflow-x: hidden;
}
::-webkit-scrollbar {
    /*width: 0;*/  /* Remove scrollbar space */
    /*background: transparent;*/  /* Optional: just make scrollbar invisible */
}
/* Optional: show position indicator in red */
::-webkit-scrollbar-thumb {
    /*background: #FF0000;*/
}
hr {
	border: 0;
	width: 5px;
	border-bottom: 1px solid black;
	margin: 15px auto;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: 500;
}

strong {
	font-weight: 500;
}

body.home #header hr {
	border-color: white;
}

#header {
	background: #FBFAF7;
	text-align: center;
	position: fixed;
	top: 0; 
	left: 0; 
	right: 0;
	z-index: 2;
	-webkit-transition: background 0ms, opacity 500ms;
	-moz-transition: background 0ms, opacity 500ms;
	-ms-transition: background 0ms, opacity 500ms;
	transition: background 0ms, opacity 500ms;
}

body.full-screen #header {
	background: transparent;
}

#header.hide {
	opacity: 0;
}

body.home #header {
	background: transparent;
	color: white;
}

#header .align {
	padding-top: 25px;
	padding-bottom: 30px;
	-webkit-transition: padding 500ms, max-width 500ms;
	-moz-transition: padding 500ms, max-width 500ms;
	-ms-transition: padding 500ms, max-width 500ms;
	transition: padding 500ms, max-width 500ms;
}

body.full-screen #header .align {
	padding-top: 20px;
}

#header .view-options {
	position: absolute;
	font-size: 0;
	top: 0;
	padding: 52px 0px 0px 0px;
	-webkit-transition: padding 500ms;
	-moz-transition: padding 500ms;
	-ms-transition: padding 500ms;
	transition: padding 500ms;
}


#header .view-options.left {
	left: 4.8vw;
}

#header .view-options.right {
	right: 4.6vw; /*display:none !important;*/
}
#header .view-options.right .search{
	display:none !important;
}

/*
body.full-screen #header .view-options {
	padding: 20px 10px 0px 10px;
} */
body.search #header .view-options img {
    margin: 0px 12px;
}
#header .view-options img {
	margin: 0px;
	cursor: pointer;
	width: 19px;
}

#header .view-options .menu {
    transform:rotate(90deg);
}
#header .view-options .menu.showmenu {
display:none;
}
#header .full-screen-hide {
	-webkit-transition: opacity 500ms;
	-moz-transition: opacity 500ms;
	-ms-transition: opacity 500ms;
	transition: opacity 500ms;
}
body.directors .contactli{
    display:none !important;
}
body.directors #footer ul li.pdsocial:after{
    content:'';
}
body.full-screen #header .full-screen-hide {
	opacity: 0;
	pointer-events: none;
}
.film-tv #footer{
    display:none !important;
}
#header ul {
	display: inline-block;
}

#header h1,
#header h2 {
	font-weight: 500;
	font-size: 14px;
	line-height: 1.5;
}

#header h2 {
	text-transform: uppercase;
	cursor: pointer;
}

#header li {
	list-style: none;
	font-weight: 400;
	padding: 4px 0px;
}

#header li a {
	position: relative;
}

#header li a:after {
	content: '';
	height: 1px;
	width: 0%;
	border-top: 1px solid black;
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transition: width 500ms;
	-moz-transition: width 500ms;
	-ms-transition: width 500ms;
	transition: width 500ms;
}

body.home #header li a:after {
	border-color: white;
}

#header ul:hover li.selected > a:after {
	width: 0;
}
#header a:hover:after {
    width: 100% !important;
}
#header li.selected > a:after {
	width: 100%;
}

.facilitation #header .photographerMenu li:first-child{
    display:none;
}

#header li.separator {
	font-size: 0;
	padding: 0;
}
.facilitation_contact {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    max-width: 650px;
    margin: 0 auto;
}
#header ul li:first-of-type h1 {
	text-transform: none;
}

#header li ul {
	display: none;
}

#header li ul.pre-open {
	display: block;
}

#header li:nth-last-child(2) ul li.separator:last-of-type {
	display: none;
}

.location_ul{
    padding-top:5px;
}


#footer {
	text-align: center;
	background: #FBFAF7;
	position: fixed;
	bottom: 0; left: 0; right: 0;
	z-index: 2;
	-webkit-transition: -webkit-transform 500ms, opacity 500ms;
	-moz-transition: -moz-transform 500ms, opacity 500ms;
	-ms-transition: -ms-transform 500ms, opacity 500ms;
	transition: transform 500ms, opacity 500ms;
}
#footer hr{
    border-bottom:1px solid white;
}
.film-tv #footer hr,
.director #footer hr{
    border-bottom:1px solid black;
}

.contact_photographer{
    display:none;
}
.contact #footer hr.contact_photographer,
.photographer #footer hr.contact_photographer{
    display:block;
    border-bottom:1px solid black;
}
body.full-screen #footer {
	-webkit-transform: translateY(-webkit-calc(100% - 50px));
	-moz-transform: translateY(-moz-calc(100% - 50px));
	-ms-transform: translateY(-ms-calc(100% - 50px));
	transform: translateY(calc(100% - 50px));
	z-index:4;
}

#footer.show {
	-webkit-transform: translateY(0) !important;
	-moz-transform: translateY(0) !important;
	-ms-transform: translateY(0) !important;
	transform: translateY(0) !important;
}

#footer.hide {
	opacity: 0;
}

body.home #footer {
	background: transparent;
	color: white;
}

#footer .align {
	padding-top: 30px;
	padding-bottom: 30px;
	-webkit-transition: opacity 500ms, -webkit-transform 500ms;
	-moz-transition: opacity 500ms, -moz-transform 500ms;
	-ms-transition: opacity 500ms, -ms-transform 500ms;
	transition: opacity 500ms, transform 500ms;
}

#footer h1,
#footer .h1{
	font-size: 22px;
	font-family: 'Helvetica Neue';
	font-weight: 400;
	margin: 0px 0px 5px 0px;
	padding-bottom:15px;
	/*-webkit-transition: -webkit-transform 500ms;
	-moz-transition: -moz-transform 500ms;
	-ms-transition: -ms-transform 500ms;
	transition: transform 500ms;*/
	/*-webkit-transform: translateY(-15px);
	-moz-transform: translateY(-15px);
	-ms-transform: translateY(-15px);
	transform: translateY(-15px);*/
}

/*body.full-screen #footer h1 {
	
}
*/
#footer ul {
	list-style: none;
	font-size: 0;
	line-height: 1.5;
}

#footer ul li {
	display: inline-block;
	font-size: 16px;
	cursor: pointer;
}

#footer ul li a {
	position: relative;
}

#footer ul li a:after {
	content: '';
	height: 1px;
	width: 0%;
	border-top: 1px solid black;
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transition: width 500ms;
	-moz-transition: width 500ms;
	-ms-transition: width 500ms;
	transition: width 500ms;
}

body.home #footer ul li a:after {
	border-color: white;
}

#footer ul a:hover:after,
#footer ul li.selected > a:after {
	width: 100%;
}

#footer ul li:after {
	content: '/';
}

#footer ul li:last-of-type:after {
	content: '';
}

#footer ul.social {
	font-weight: 500;
	margin-top: 10px;
}

body.film-tv #footer ul.social,
body.digital #footer ul.social {
	margin-top: 0px;
}

#footer ul.social li {
    font-size: 20px;
    font-weight: 400;
}

#footer .plus {
	position: absolute;
	top: 15px; right: 20px;
	-webkit-transition: -webkit-transform 500ms, opacity 500ms;
	-moz-transition: -moz-transform 500ms, opacity 500ms;
	-ms-transition: -ms-transform 500ms, opacity 500ms;
	transition: transform 500ms, opacity 500ms;
	display: none;
	opacity: 0;
	cursor: pointer;
}

body.full-screen #footer .plus {
	display: block;
}

#footer.show .plus {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	opacity: 1;
}

#footer .share {
	position: absolute;
	top: 15px; left: 20px;
	display: none;
}

body.full-screen #footer .share {
	display: block;
}

html.reel #footer .share {
	display: none;
}

html.reel #header .view-options.right {
	right: 1.5vw;
}
html.reel #header .view-options.right .reel-close {
	margin-left: 2vw;
}

#footer .share strong {
	font-size: 12px;
	cursor: pointer;
}

#footer .share .share-buttons {
	float: right;
	position: relative;
	top: 1px;
	padding-left: 3px;
	display: none;
}

#footer .share .share-buttons img {
	margin: 0px 3px;
	cursor: pointer;
}

#footer .share .share-buttons .tw {
	position: relative;
	top: -1px;
}










.menu-view {
	position: fixed;
	top: 0;
	height: 100vh;
	background-color: #cfe6e7;
	z-index: 6;
	-webkit-transition: -webkit-transform 500ms;
	-moz-transition: -moz-transform 500ms;
	-ms-transition: -ms-transform 500ms;
	transition: transform 500ms;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}

#main-menu-view {
	left: 0; width: 320px;
	background-color: #cfe6e7;
	z-index: 6;
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	transform: translateX(-100%);
}

#search-view {
	right: 0; width: 320px;
	background-color: #eff4df;
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	-ms-transform: translateX(100%);
	transform: translateX(100%);
}

#search-view input:focus {
	outline: none;
}

#search-view input[type='text'] {
	display: block;
	border: 0;
	background: transparent;
	font-family: 'Media77Web', 'Arial';
	line-height: 1;
	letter-spacing: 0.05em;
	font-size: 14px;
	width: 100%;
	margin: 10px 0px;
}

#subscribe-view {
	left: 0; width: 320px;
	background-color: #F1EC8D;
	z-index: 3;
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	transform: translateX(-100%);
}
.align#subscribe-view {
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	transform: none;
}

#subscribe-view input[type='email'],
#subscribe-view input[type='text'] {
	display: block;
	border: 0;
	background: #F6F2BA;
	font-family: 'Media77Web', 'Arial';
	line-height: 1;
	letter-spacing: 0.05em;
	font-size: 14px;
	width: 100%;
	margin: 10px 0px 20px 0px;
	padding: 5px;
}

#subscribe-view input[type='checkbox'] {
	margin: 10px 10px 10px 0px;
	background: #F6F2BA;
	appearance: none;
	-webkit-appearance: none;
	appearance: none;
	width: 15px;
	height: 15px;
	vertical-align: middle;
	cursor: pointer;
}

#subscribe-view input[type='checkbox']:checked {
	background-image: url(/resources/artwork/tick-b.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

#subscribe-view button[type='submit'],
#subscribe-view input[type='submit'] {
	display: block;
	border: 0;
	background: none;
	padding: 0;
	font-family: 'Media77Web', 'Arial';
	line-height: 1;
	letter-spacing: 0.05em;
	font-size: 14px;
	width: 100%;
	margin: 10px 0;
	text-align: left;
	font-weight: 500;
	cursor: pointer;
	color:black;
}

#subscribe-view label {
	font-size: 14px;
}

#subscribe-view form {
	margin-top: 10px;
	text-align:left;
}

#subscribe-view input:focus {
	outline: none;
}
.blog-caption div,
.blog-description div {
    font-size: 15px;
    font-weight: 400;
    margin: 20px 0px;
    line-height: 20px;
}
.menu-view.show {
	-webkit-transform: translateX(0) !important;
	-moz-transform: translateX(0) !important;
	-ms-transform: translateX(0) !important;
	transform: translateX(0) !important;
}

.menu-view .align {
	padding: 70px 20px;
}

.social_ul{
	z-index: -1;
	opacity: 0;
	height: 0px;
	overflow: hidden;
	transition: 0.3s all linear;

}
.films_social_ul{
	height: 10px;
}

.active_ul{
	height: 141px;
	opacity: 1;
	z-index: 1;
}
.active_ul.photography_social_ul{
	height: 110px;
}
.active_ul.subscribe_social_ul{
	height: 315px;
}
.social_ul p{
	padding-bottom: 5px;
}
.social_ul p:last-of-type{
	padding-bottom: 0;
}

.menu-view .align {
	padding: 70px 20px;
}
.menu-view h3{
	cursor: pointer;
}
.menu-view h1,
.menu-view h2,
.menu-view h3 {
	font-size: 12px;
	font-weight: 500;
}

.menu-view h2 {
	text-transform: uppercase;
}

.menu-view li {
	list-style: none;
	padding: 5px 0;
	font-size: 16px;
	cursor: pointer;
}

.menu-view li a {
	position: relative;
}

.menu-view li a:after {
	content: '';
	height: 1px;
	width: 0%;
	border-top: 1px solid black;
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transition: width 500ms;
	-moz-transition: width 500ms;
	-ms-transition: width 500ms;
	transition: width 500ms;
}

.menu-view li.selected > a:after,
.menu-view li.selected h2 a:after {
	width: 100%;
}

.menu-view ul:hover > li a:after {
	width: 0;
}

.menu-view a:hover:after {
	width: 100% !important;
}
.menu-view a.active:after {
        width: 100% !important;
     } 
.menu-view a.deactive:after {
        width: 0 !important;
     } 
.menu-view li.separator {
	font-size: 0;
}

.menu-view li ul {
	display: none;
}
.menu-view li.selected ul{
    display:block;
}
.menu-view li ul.pre-open {
	display: block;
}

.menu-view .close {
	cursor: pointer;
	margin-bottom: 40px;
}

.menu-view hr {
	margin-left: 0;
}

.sticky-view {
	position: fixed;
	z-index: 4;
	width: 300px; height: 220px;
	background: #e7cacd;
	padding: 15px;
	-webkit-transition: -webkit-transform 500ms, opacity 500ms;
	-moz-transition: -moz-transform 500ms, opacity 500ms;
	-ms-transition: -ms-transform 500ms, opacity 500ms;
	transition: transform 500ms, opacity 500ms;
	opacity: 0;
}

.sticky-view.bl {
	bottom: 25%; left: 15%;
	-webkit-transform: translateX(50px) translateY(-50px);
	-moz-transform: translateX(50px) translateY(-50px);
	-ms-transform: translateX(50px) translateY(-50px);
	transform: translateX(50px) translateY(-50px);
}

.sticky-view.br {
	bottom: 25%; right: 15%;
	-webkit-transform: translateX(-50px) translateY(-50px);
	-moz-transform: translateX(-50px) translateY(-50px);
	-ms-transform: translateX(-50px) translateY(-50px);
	transform: translateX(-50px) translateY(-50px);
}

.sticky-view.tr {
	top: 25%; right: 15%;
	-webkit-transform: translateX(-50px) translateY(50px);
	-moz-transform: translateX(-50px) translateY(50px);
	-ms-transform: translateX(-50px) translateY(50px);
	transform: translateX(-50px) translateY(50px);
}

.sticky-view.tl {
	top: 25%; left: 15%;
	-webkit-transform: translateX(50px) translateY(50px);
	-moz-transform: translateX(50px) translateY(50px);
	-ms-transform: translateX(50px) translateY(50px);
	transform: translateX(50px) translateY(50px);
}

.sticky-view.show {
	-webkit-transform: translate(0);
	-moz-transform: translate(0);
	-ms-transform: translate(0);
	transform: translate(0);
	opacity: 1;
}

.sticky-view p {
	font-size: 16px;
	line-height: 1.2;
	letter-spacing: 0.05em;
	margin-bottom: 10px;
}

.sticky-view .twitter {
	position: absolute;
	bottom: 15px; left: 15px;
}

.sticky-view .close {
	position: absolute;
	bottom: 15px; right: 15px;
	cursor: pointer;
	width: 15px;
}

#home-view {
	height: 100vh;
	position: relative;
	color: white;
	text-align: center;
	background: black;
}
.swiper-container-2{
	width: 100%; height: 100%;
	z-index: 1;
	opacity: 1;
	background-color:black;
    
}
#home-view .swiper-container {
	width: 100%; height: 100%;
	z-index: 1;
	opacity: 0.8;
}

#home-view .swiper-slide {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
}

#home-view .swiper-slide span {
	font-size: 12px;
	position: absolute;
	right: 0; bottom: 110px; left: 0;
	display: block;
}

#dir-bgs {
	display: none;
}

#pho-bgs {
	display: none;
}

#grid-view {
	padding: 130px 0 190px 0;
	z-index: 1;
	display: block;
}

#grid-view.no-top {
	padding-top: 0;
}

#grid-view .align {
	text-align: center;
}

#grid-view h2 {
	font-size: 11px;
	text-transform: upperscase;
}

#grid-view .cell-view {
	font-size: 0;
	text-align: center;
	margin: 0 auto;
	padding-top: 20px;
}

#grid-view .cell-view:last-of-type + hr {
	margin-bottom: 25vh;
}

#grid-view .cell-view .cell {
	width: 159px;
	display: inline-block;
	position: relative;
	-webkit-transition: opacity 500ms;
	-moz-transition: opacity 500ms;
	-ms-transition: opacity 500ms;
	transition: opacity 500ms;
	cursor: pointer;
}

#grid-view .cell-view .cell .bounds {
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
}

#grid-view .cell-view .cell:after {
	content: '';
	display: block;
	padding-top: 100%;
}

#grid-view.half-size .cell-view .cell:after {
	content: '';
	display: block;
	padding-top: 81.5%;
}

#grid-view.half-size .cell-view.video-cells .cell:after {
	content: '';
	display: block;
	padding-top: 56.25%;
}

#grid-view.half-size .cell-view .cell {
	width: 429px;
	margin-bottom: 15px; 
}

#grid-view.news-margins .cell-view .cell {
	margin-top: 20px;
	margin-bottom: 20px;
}

#grid-view .cell-view .cell.hide {
	opacity: 0;
}

#grid-view .cell-view .cell .image {
	position: absolute;
	top: 0; right: 25px; bottom: 50px; left: 25px;
	background-size: contain;
	background-position: bottom center;
	background-repeat: no-repeat;
}
body.search #grid-view.half-size .cell-view .cell .image{
    	top: 0; right: 40px; bottom: 60px; left: 40px;
    	background-size: contain;
    height: auto;
    width: auto;
}
#grid-view.half-size .cell-view .cell .image {
	top: 0; right: 40px; bottom: 60px; left: 40px;
}

#grid-view .cell-view .cell .image p {
	font-size: 16px;
	line-height: 1.3;
	text-align: left;
}

#grid-view .cell-view .cell .image p a {
	text-decoration: underline;
}

#grid-view .cell-view .cell .text {
	position: absolute;
	right: 0; bottom: 0; left: 0;
	height: 0;
	padding: 0;
	font-size: 11px;
	text-align: left;
	line-height: 1.1;
	opacity: 0;
	/*transition: opacity 500ms;*/
	position: relative;
}
body.search #grid-view.half-size .cell-view .cell .text{
	position: absolute;
	right: 40px; bottom: 0; left: 40px;
	height: 60px;
	opacity: 1;
	padding: 20px 0px 0px 0px;
    line-height: 1.1;
    font-size: 11px;
}
#grid-view.half-size .cell-view .cell .text {
	position: absolute;
	right: 40px; bottom: 0; left: 40px;
	height: 60px;
	opacity: 1;
	padding: 20px 0px 0px 0px;
}
.directorgallerygrid#grid-view.half-size .cell-view .cell .text {
    height: 90px;
} 
/*
.director #header .view-options.right {
    right: 3.1vw;
}
.director #header .view-options.left {
    left: 3.1vw;
} */
#grid-view.half-size .cell-view .cell .text .plus {
	position: absolute;
	right: 0px; top: 10px;
	width: 15px;
	cursor: pointer;
}

#grid-view.half-size .cell-view .cell .text .social {
	margin-right: 8px;
	width: 17px;
	position: relative;
	top: 5px;
}

.directorgallerygrid#grid-view.half-size .cell-view .cell .text {
    font-size: 18px;
    line-height: 28px;
}
#grid-view.directorgallerygrid.half-size .cell-view.director_reel .cell .bounds:hover .hoverinnr {
    line-height: 1.3;
}
#grid-view.directorgallerygrid.half-size .cell-view.director_reel .cell .bounds:hover .hoverinnr br {
    display: none;
}
#grid-view.directorgallerygrid.half-size .cell-view.director_reel .cell .bounds:hover .hoverinnr strong {
    display: block;
}
#grid-view .cell-view .cell .hover {
	position: absolute;
	top: 0; right: 40px; bottom: 0; left: 40px;
	height: calc(100% - 90px);
	font-size: 16px;
	color: white;
	text-align: center;
	line-height: 19px;
	background-color: rgba(112, 98, 89, 0.8);
	display: none;
}

.director #grid-view .cell-view .cell .hover {
    color: #000;
}

#grid-view .cell-view .cell .hover .close {
	position: absolute;
	bottom: 7px; right: 7px;
	width: 15px;
	cursor: pointer;
}

#grid-view .cell-view .cell .image .play {
	display: none;
}

#grid-view.half-size .cell-view .cell .image .play {
	position: absolute;
	bottom: 20px;
	right: 20px;
	width: 10px;
	display: block;
}





#swipe-view {
	width: 100%;
	height: 100vh;
	position: relative;
	z-index: 1;
	display: none;
}

#swipe-view .swiper-container {
    width: 100%;
    height: 100%;background: #CCC;
}

#swipe-view .swiper-slide {
	position: relative;
	width: 100%;
    height: 100%;
	-webkit-transition: opacity 500ms;
	-moz-transition: opacity 500ms;
	-ms-transition: opacity 500ms;
	transition: opacity 500ms;
	/* opacity: 0; */
	background-color: #FBFAF7;
	display:flex;
	align-items:center;
	justify-content:center;
}

#swipe-view .swiper-slide:focus {
	outline: none;
}

/*
#swipe-view .swiper-slide .target.image {
    position: absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%) !important;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	height:auto;
	width:100%;
	max-width:90%;
	transform-origin: unset !important;
} 

#swipe-view .swiper-slide .target img {
	max-width:100%;
	max-height:90vh;
} */

#swipe-view .swiper-slide .target .bounds {
	width: 100%;
	height: 100%;
	text-align: center;
}

#swipe-view .swiper-slide .target .play {
	display: inline-block;
	position: relative;
	top: 50%;
	color: white;
	cursor: pointer;
	width: 20px;
}

/*
#swipe-view .swiper-slide .text {
	position: absolute;
	bottom: 20px; right: 0; left: 0;
} */

#swipe-view .swiper-slide h3 {
	font-size: 10px;
	text-align: center;
}

#swipe-view .swiper-slide .plus {
	position: absolute;
	right: 20px;
	bottom: 50px;
	width: 15px;
	cursor: pointer;
}

#swipe-view .arrow.left, #swipe-view .arrow.right  {
	padding: 20px 50px 20px 50px;
	position: absolute;
	top: 50%;
	cursor: pointer;
	z-index: 2;
	-webkit-transition: margin-top 500ms;
	-moz-transition: margin-top 500ms;
	-ms-transition: margin-top 500ms;
	transition: margin-top 500ms;
	z-index:9;
}
#swipe-view .arrow.right  {right:0;}

#swipe-view .arrow.right {
	text-align: right;
}

#swipe-view .arrow.right img {

	z-index:9;
}

.slick-list, .slick-track {
	height: 100%;
}

#swipe-view .share {
	position: absolute;
	bottom: 50px; left: 20px;
	z-index: 2;
}

#swipe-view .share strong {
	font-size: 12px;
	cursor: pointer;
}

#swipe-view .share .share-buttons {
	float: right;
	position: relative;
	top: 1px;
	padding-left: 3px;
	display: none;
}

#swipe-view .share .share-buttons img {
	margin: 0px 3px;
	cursor: pointer;
}

#swipe-view .share .share-buttons .tw {
	position: relative;
	top: -1px;
}




#scroll-view {
	padding: 20px 0 80px 0;
	z-index: 1;
	display: none;
}

#scroll-view .align {
	padding: 0 40px;
	text-align: center;
	max-width: 750px;
}

#scroll-view .item .target {
	width: 100%;
}

#scroll-view .item .text {
	padding: 40px;
	margin: 0 auto;
	max-width: 1024px;
}

#scroll-view .item h1 {
	font-weight: 400;
	font-size: 18px;
}

#scroll-view .item h2 {
	font-size: 16px;
	cursor: pointer;
}

#scroll-view .item p {
	font-weight: 400;
	font-size: 18px;
	margin: 40px 0px;
	line-height: 1.4;
}

#dev-view {
	padding: 126px 0 80px 0;
	z-index: 1;
	display: none;
}

#dev-view .align {
	padding: 30px 50px 0;
	text-align: center;
}

#dev-view .cell-view {
	font-size: 0;
	text-align: center;
	margin: 0 auto;
}

#dev-view .cell-view .cell {
	width: 49%;
	display: inline-block;
	vertical-align: top;
	position: relative;
	padding: 50px;
}

#dev-view .cell-view .cell .target {
	width: 100%;
}

#dev-view .cell-view .cell p {
	font-size: 16px;
	line-height: 1.4;
	text-align: left;
	margin: 20px 0px;
}

#dev-view .cell-view .cell .image {
	position: relative;
}

#dev-view .cell-view .cell .play {
	position: absolute;
	bottom: 20px;
	right: 20px;
	width: 10px;
	display: block;
}

#dev-view .cell-view .cell .text {
	position: relative;
}

#dev-view .cell-view .cell .plus {
	position: absolute;
	top: 0px;
	right: 0px;
	display: block;
	cursor: pointer;
}

#dev-view.latest .align {
	max-width: 930px;
}

#dev-view.latest .cell-view .cell:first-of-type {
	width: 98%;
	text-align: center;
}

#dev-view.latest .cell-view .cell {
	padding: 25px;
}

#dev-view.latest .cell-view .cell hr {
	margin-left: 0;
}

#dev-view.latest .cell-view .cell:first-of-type p {
	text-align: center;
}

#dev-view.latest .cell-view .cell:first-of-type hr {
	margin-left: auto;
}

#dev-view.latest .cell:first-of-type .play {
	position: absolute;
	bottom: 50%;
	right: 50%;
	width: 40px;
	display: block;
	margin-bottom: -20px;
	margin-right: -20px;
}

#dev-view .caption-hidden {
	display: none;
}

#dev-view .caption-hidden {
	display: none;
}

#theatre-view {
	position: fixed;
	top: 0; left: 0; right: 0;
	width: 100%;
	height: 100vh;
	background: black;
	z-index: 5;
	display: none;
	padding: 0;
}

#theatre-view .close {
	position: absolute;
	top: 20px; left: 20px;
	z-index: 7;
	-webkit-transition: opacity 500ms;
	-moz-transition: opacity 500ms;
	-ms-transition: opacity 500ms;
	transition: opacity 500ms;
	cursor: pointer;
}

#theatre-view .close.hide {
	opacity: 0.2;
}

#theatre-view .video {
	margin: 0 auto;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	max-height: 100%;
	z-index: 6;
}

#theatre-view .video:after {
	content: '';
	display: block;
	padding-top: 56.25%;
}

#theatre-view .video iframe {
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	width: 100%; height: 100%;
}

#theatre-view .share {
	position: absolute;
	top: 20px; right: 20px;
	z-index: 7;
	-webkit-transition: opacity 500ms;
	-moz-transition: opacity 500ms;
	-ms-transition: opacity 500ms;
	transition: opacity 500ms;
}

#theatre-view .share.hide {
	opacity: 0.2;
}

#theatre-view .share strong {
	font-size: 12px;
	cursor: pointer;
	color: white;
}

#theatre-view .share .share-buttons {
	float: left;
	position: relative;
	top: 1px;
	padding-right: 3px;
	display: none;
}

#theatre-view .share .share-buttons img {
	margin: 0px 3px;
	cursor: pointer;
}

#theatre-view .share .share-buttons .tw {
	position: relative;
	top: -1px;
}
#bio-view.biographymodal h1 {
    font-size: 27px;
    font-family: 'Unica77LL';
    font-weight: 400;
}

#bio-view.biographymodal h2 {
    font-size: 20px;
}

#bio-view.biographymodal p {
    font-size: 20px;
    line-height: 1.3;
}

#bio-view.biographymodal hr {
    margin-top: 20px;
}

#bio-view.biographymodal p {}






#bio-view {
	position: fixed;
	top: 0; right: 0;
	width: 48%; height: 100vh;
	max-width: 700px;
	background-color: #622066;
	z-index: 4;
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	-ms-transform: translateX(100%);
	transform: translateX(100%);
	-webkit-transition: -webkit-transform 500ms;
	-moz-transition: -moz-transform 500ms;
	-ms-transition: -ms-transform 500ms;
	transition: transform 500ms;
}

#bio-view.show {
	-webkit-transform: translate(0);
	-moz-transform: translate(0);
	-ms-transform: translate(0);
	transform: translate(0);
}

#bio-view .bounds {
	height: 100%;
	position: relative;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}

#bio-view .align {
	position: relative;
	text-align: center;
	padding: 65px 70px;
}

#bio-view h1,
#bio-view h2.h1{
	font-family: 'Helvetica Neue';
	font-size: 27px;
	line-height:30px;
	font-weight: 400;
}

#bio-view h2 {
	font-size: 20px;
	line-height:29px;
	font-weight: 400;
	margin-top: 10px;
}

#bio-view p {
	font-size: 20px;
	font-weight: 400;
	margin: 40px 0px;
	line-height: 29px;
}

#bio-view h3 {
	font-size: 18px;
	font-weight: 400;
	margin: 40px 0px;
}

#bio-view a {
	border-bottom: 1px solid black;
	-webkit-transition: border-color 500ms;
	-moz-transition: border-color 500ms;
	-ms-transition: border-color 500ms;
	transition: border-color 500ms;
}

#bio-view a:hover {
	border-color: transparent;
}

#bio-view p:last-of-type {
	margin-top: 40px;
}
.biographymodal.show {
    background-color: rgb(219 239 239) !important;
}
#bio-view .close {
	cursor: pointer;
	margin-bottom: 90px;
}

#inspector-view {
	position: fixed;
	top: 0; right: 0;
	width: 50%; height: 100vh;
	max-width: 640px;
	background-color: #B19800;
	z-index: 5;
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	-ms-transform: translateX(100%);
	transform: translateX(100%);
	-webkit-transition: -webkit-transform 500ms;
	-moz-transition: -moz-transform 500ms;
	-ms-transition: -ms-transform 500ms;
	transition: transform 500ms;
}

#inspector-view.show {
	-webkit-transform: translate(0);
	-moz-transform: translate(0);
	-ms-transform: translate(0);
	transform: translate(0);
}

#inspector-view .bounds {
	height: 100%;
	position: relative;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}

#inspector-view .align {
	position: relative;
	text-align: center;
	padding: 70px 100px;
}

#inspector-view h1 {
	font-size: 20px;
	font-weight: 500;
}

#inspector-view h2:not(.h1) {
	font-size: 24px;
	font-weight: 400;
	margin-top: 10px;
	text-decoration: line-through;
}

#inspector-view p {
	font-size: 24px;
	font-weight: 400;
	margin: 20px 0px;
	line-height: 1.4;
}

#inspector-view .close {
	cursor: pointer;
	margin-bottom: 110px;
}

#inspector-view.smaller-text .align {
	padding: 70px 100px;
}

#inspector-view.smaller-text h1,
#inspector-view.smaller-text h2.h1{
	font-size: 18px;
	font-weight: 500;
	text-transform: uppercase;
	position: relative;
	margin: 20px 0px 40px 0px;
}

#inspector-view.smaller-text h1:before,
#inspector-view.smaller-text h2.h1:before{
	content: '-';
	position: absolute;
	top: -20px;
	left: 50%;
}

#inspector-view.smaller-text h1:after,
#inspector-view.smaller-text h2.h1:after{
	content: '-';
	position: absolute;
	bottom: -20px;
	left: 50%;
}

#inspector-view.smaller-text h2:not(.h1) {
	font-size: 24px;
	font-weight: 400;
	margin-top: 10px;
	text-decoration: line-through;
}

#inspector-view.smaller-text p {
	font-size: 16px;
	font-weight: 400;
	margin: 20px 0px;
	line-height: 1.4;
}

#inspector-view.smaller-text .close {
	cursor: pointer;
	margin-bottom: 110px;
}

#contact-view {
	width: 100%;
	padding: 140px 0 70px 0;
	position: relative;
	z-index: 1;
	text-align: center;
}

#contact-view .intro {
	padding-bottom: 50px;
	max-width: 900px;
	margin: 0 auto;
}

#contact-view .intro p {
	font-size: 16px !important;
	line-height: 1.25;
	margin: 0px 0px 30px;
}

#contact-view h1,
#contact-view h2{
	font-size: 21px;
	font-weight: 500;
	margin-top: 20px;
	margin-bottom: 10px;
}
#contact-view .intro p strong {
    font-size: 16px;
}
#contact-view .columns {
	font-size: 0;
}

#contact-view .columns p {
	font-size: 14px;
	line-height: 1.25;
	width: 25%;
	padding: 20px 20px;
	display: inline-block;
	vertical-align: top;
}

#contact-view .social img {
	margin: 10px;
	width: 20px;
}
#contact-view .awards{display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
#contact-view .awards p {
	font-size: 14px;
	line-height: 1.25;
	margin: 20px 0px;
	text-align: center; width:100%;
}

#intro-view p {
	text-align: center;
	font-size: 18px;
	line-height: 1.2;
	margin: 20px auto;
	max-width: 900px;
}

#subscribe {
	padding: 130px 0 190px 0;
	z-index: 1;
	background: #F1EC8D;
	text-align: center;
}

#subscribe .align {
	max-width: 480px;
}

#subscribe input[type='text'] {
	display: block;
	border: 0;
	background: #F6F2BA;
	font-family: 'Media77Web', 'Arial';
	line-height: 1;
	letter-spacing: 0.05em;
	font-size: 14px;
	width: 100%;
	margin: 10px 0px 20px 0px;
	padding: 5px;
	text-align: center;
}

#subscribe input[type='checkbox'] {
	margin: 10px 10px 10px 10px;
	background: #F6F2BA;
	appearance: none;
	-webkit-appearance: none;
	appearance: none;
	width: 15px;
	height: 15px;
	vertical-align: middle;
	cursor: pointer;
}

#subscribe input[type='checkbox']:checked {
	background-image: url(/resources/artwork/tick-b.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

#subscribe input[type='submit'] {
	display: block;
	border: 0;
	background: none;
	padding: 0;
	font-family: 'Media77Web', 'Arial';
	line-height: 1;
	letter-spacing: 0.05em;
	font-size: 14px;
	width: 100%;
	margin: 20px 0;
	text-align: left;
	font-weight: 500;
	cursor: pointer;
	text-align: center;
}

#subscribe label {
	font-size: 14px;
}

#subscribe form {
	margin-top: 20px;
}

#subscribe input:focus {
	outline: none;
}

/* SCREENING ROOM */
#footer .reel-show-info {
	position: absolute;
	top: 15px; left: 20px;
	-webkit-transition: -webkit-transform 500ms, opacity 500ms;
	-moz-transition: -moz-transform 500ms, opacity 500ms;
	-ms-transition: -ms-transform 500ms, opacity 500ms;
	transition: transform 500ms, opacity 500ms;
	opacity: 0;
}

#footer.show .reel-show-info {
	opacity: 1;
	cursor: pointer;
}

#footer .show-reel-thumbs .frame {
	width: 150px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: bottom center;
	cursor: pointer;
	margin: 0 5px;
	opacity: 0;
	transition: opacity 500ms;
	font-size: 11px;
}

#footer .show-reel-thumbs .frame {
	opacity: 0.5;
}

#footer .show-reel-thumbs .frame.playing {
	opacity: 1;
}

#footer .show-reel-thumbs .frame:focus {
	outline: none;
}

#footer .show-reel-thumbs .frame .image {
	margin-bottom: 5px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: bottom center;
}

#footer .show-reel-thumbs .frame .image:after {
	content: "";
	display: block;
	padding-top: 56.25%;
}

#reel-view {
	z-index: 1;
	height:calc( 100vh - 180px);
	overflow: hidden;
	margin: 120px 0 60px 0;
}

html.reel #header .full-screen-hide {
	opacity: 1;
}
.full-screen-hide ul li{
    list-style:none;
}
#reel-view .bounds {
	margin: 0 auto;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	max-height: 100%;
	max-width: 1920px;
}

#reel-view .bounds:after {
	content: '';
	display: block;
	padding-top: 56.25%;
}

#reel-view .positioning {
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
}

#reel-view .bounds video {
	height: 100%;
	z-index: 2;
	display: block;
	margin: 0 auto;
	position: relative;
}

.show-reel-arrow-left {
	position: absolute;
	top: 50%;
	left: 10px;
	margin-top: -10px;
	cursor: pointer;
}

.show-reel-arrow-right {
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -10px;
	cursor: pointer;
}

#reference-view {
	z-index: 1;
	padding: 143px 0 60px 0;
}

#reference-view .asset {
	position: relative;
	margin: 0px auto 40px auto;
}

#reference-view .asset:after {
	content: '';
	display: block;
	padding-top: 56.25%;
}

#reference-view .asset video {
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	width: 100%; height: 100%;
	background: black;
}

#reference-view .asset audio {
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	width: 100%;
}

#reference-view .asset label {
	display: none;
}

#reference-view .asset iframe {
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	width: 100%; height: 100%;
	background: black;
}

#reference-view .asset .image-asset {
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	width: 100%; height: 100%;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

#reference-view .info {
	text-align: center;
	max-width: 900px;
	margin: 0 auto;
}

#reference-view .info p {
	margin: 20px 0px;
	font-size: 18px;
	line-height: 1.2;
}

body.reference #footer {
	display: none;
}

#pitch-references p {
	text-align: center;
	font-size: 14px;
	line-height: 1.5;
	margin: 20px auto;
	max-width: 900px;
}

#pitch-contact p {
	text-align: center;
	font-size: 14px;
	line-height: 1.5;
	margin: 20px auto;
	max-width: 900px;
}

#pitch-playtime p {
	font-size: 12px;
	line-height: 1.25;
	display: none;
}

.pitch-playtime-cross {
	width: 20px;
	display: block;
	margin: 20px auto;
}

.pitch-playtime-logo {
	display: block;
	margin: 20px auto;
}

/* 404 css */
.container404{
    min-height: 100vh;
    min-width: 100vw;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 100px 0;
}

.inner404{
	max-width: 720px;
    text-align: center;
}

.inner404 h1{
	margin-bottom: 20px;
}

.inner404 h2{
	margin-bottom: 20px;
}

.inner404 p{
	font-size: 18px;
    line-height: 24px;
}

.inner404 img{
	margin-top: 30px;
	max-width: 100%;
}
.inner404 a{
	font-weight:600;
	text-decoration:underline;
}
.sticky-view .twitter{
	display:none !important;
}

.pt-home-footer .logo{
	max-width: 144px;
}
#playtime-home {
    position: absolute;
    top: 127px;
    right: 40px;
    bottom: 184px;
    left: 40px;
    background-image: url(/resources/artwork/playtime.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 1;
    pointer-events: none;
}
#contact-view .intro .acknowledge p,
.acknowledge p{
    font-size: 13px !important;
    line-height: 1.25 !important;

}


/* new css */
#grid-view.half-size .cell-view.director_reel .cell{
	/*width: calc(48.8vw - 2.4vw);*/
	width: 50%;
	padding: 0 1.2vw 2.4vw;
}
.swiper-slide.director iframe{width: 100%;height: 80vh;}

.middle-lockup {
    display: inline-block;
    vertical-align: top;
    text-align: center;
}
.middle-lockup a {
    display: block;
    line-height: 0;
}
.middle-lockup.black img {
    /* logo is already black SVG */
}
.middle-lockup.white svg{fill:#FFF;}
.middle-lockup.black svg{fill:#000;}
.active_director #header svg{fill:#FFF;}
/* end new csss */
.targetpopd {max-width: 1600px; width: 81%;  }
.targetpopd .target{aspect-ratio: 2 / 1;}
.targetpopd img{ max-width: 100%;
    height: auto;
    padding-bottom: 20px;
    max-height: 100%;
    margin: 0 auto;}
    



   .home_mmenu h2 {font-weight: 500;font-size: 16px;line-height: 1.5;text-transform: uppercase;
	cursor: pointer;}
   .home_mmenu{text-align: center;color:#FFF;position: absolute;z-index: 9;width: 190px;
    transform: translateX(-50%);
    left: 50%;}

.home_mmenu li.separator {font-size: 0;padding: 0;}
.home_mmenu li {list-style: none; font-weight: 400;padding: 4px 0px;}
.home_mmenu hr {border-color: white;}
.home_mmenu ul {display: inline-block;}
.home_mmenu li ul{display: none;}
.home_mmenu li a {
	position: relative;
}

.home_mmenu li a:after {
	content: '';
	height: 1px;
	width: 0%;
	border-top: 1px solid black;
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transition: width 500ms;
	-moz-transition: width 500ms;
	-ms-transition: width 500ms;
	transition: width 500ms;
}

.home_mmenu li a:after {
	border-color: white;
}

.home_mmenu ul:hover li.selected > a:after {
	width: 0;
}
.home_mmenu a:hover:after {
    width: 100% !important;
}
.home_mmenu li.selected > a:after {
	width: 100%;
}

.home_mmenu li.separator {
	font-size: 0;
	padding: 0;
}
.home_mmenu ul li:first-of-type h1 {
	text-transform: none;
}
.home_mmenu p:after {
    content: "";
    display: block;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgEAQAAACJ4248AAAAIGNIUk0AAHomAACAhAAA+gAAAIDoAAB1MAAA6mAAADqYAAAXcJy6UTwAAAACYktHRAAAqo0jMgAAAAlwSFlzAAAAYAAAAGAA8GtCzwAAAAd0SU1FB+cFHgcABcqWzEwAAACRSURBVFjD7ZQ5DoQwDAD5BBH8/ynQORUu+I1nC4o9hBDGgWY9VZp4JpGSrkuSJEl2gHnGRLBSwrOsFKgVpskRUCsAqEYiNrkqACbi2Nj3sCzbxnWFcfTLf2cMQ3DA+YiwPBLRTH4lorncE3Gb/EzE7fKjiMfk74iPt43q17rBx+W/iadOvnsTJtLqy06SJPlfXnvGQe768t2aAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIzLTA1LTMwVDA3OjAwOjA1KzAwOjAwd780cwAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMy0wNS0zMFQwNzowMDowNSswMDowMAbijM8AAAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjMtMDUtMzBUMDc6MDA6MDUrMDA6MDBR960QAAAAAElFTkSuQmCC');
    width: 20px;
    height: 20px;
    background-size: contain;
    margin: 0 auto;
    background-repeat: no-repeat;
    margin-top: 4px;
    cursor: pointer;
}


@media only screen and (min-width: 1023px) {
.reel #reel-view{
z-index:3;
position:relative;
}
}

@media screen and (max-width: 767px){
#reel-view {
    margin:50px 0 0 0px;
height:100vh;
}
}



/* ///////////// Naresh /////////////////// */
#header{
    z-index:3 !important;
}
.home_mmenu{
    margin-top:55px;
    z-index:2 !important;
    height: 100%;
}
.home_mmenu p {
    position: absolute;
    bottom: 130px;
    left: 0;
    right: 0;
}
.directors{
    
    background:rgb(241,238,227);
}
.contactNew{
    text-align:left !important;
    padding-left:10px !important;
}
.contactNew .intro{
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-start;
    align-items:flex-start;
    max-width:inherit !important;
    margin:20px 12px 10px !important;
}
.contactNew .intro .box{
    width:20%;
    padding: 0 12px;
}
.contactNew .intro .box h2{
    margin:3px 0 0 !important;
}
.contactNew .intro .box p{
    margin:0 !important;
}
#home-view{
    background-color:rgb(241,238,227);
    z-index:1;
}
.photoplay ul{
    margin:0px;
    padding:0px;
}
.photoplay ul li, .playtime ul li {
    list-style:none;
    line-height:36px;
}
.photoplay ul li a{
    position:relative;
    color:black;
    cursor:pointer;
    color:#000;
}
.photoplay ul li a:hover{
    color:#fff;
}
.photoplay ul li a:before{
    content:'';
    position:absolute;
    top:50%;
    left:0;
    background-color:black;
    width:0;
    height:1px;
    transition:.5s;
}
.photoplay ul li a:hover:before{
    width:100%;
    color:#000;
    background-color:white !important;
}
.playtime ul{
    margin:0px;
    padding:0px;
}
.playtime ul li{
    list-style:none;
    padding-bottom:8px;
}
.playtime ul li a{
    position:relative;
    color:black;
    cursor:pointer;
    color:#000;
}
.playtime ul li a:hover, #directors-view ul.active li a{
    color:#fff;
}
.playtime ul li a:before{
    content:'';
    position:absolute;
    top:50%;
    left:0;
    background-color:black;
    width:0;
    height:1px;
    transition:.5s;
}
.playtime ul li a:hover:before{
    width:100%;
    background-color:white !important;
}
#directors-view{
    margin:0px !important;
    height:100vh;
}
.fixed-header{
    top:32px;
    left:50%;
    transform:translateX(-50%);
}
.header_change_color #header{
    background:#b8bbb4 !important;
    animation:bg .5s ease-in-out;
}
@keyframes bg{
    0%{
        opacity:0;
    }
    100%{
        opacity:1;
    }
}
.fixed-header{
    top:20px;
    text-align:center;
}/*
.fixed-header .full-screen-hide{
    margin-top:60px;
}*/
.fixed-header .full-screen-hide ul li{
    list-style:none;
}
.fixed-header .full-screen-hide hr{
    margin:10px auto;
}
.fixed-header .full-screen-hide h2{
    font-size: 16px;
    padding-top: 5px;
}
.full-screen-hide{
    text-align:center;
}

.header_change_color #footer{
    background:#b8bbb4 !important;
}

/*Header css*/
#header hr {
    margin: 10px auto 8px;
}
.align {
    max-width: 100%;
    margin: 0 auto;
}
#header h2 {
    line-height: 100%;
}
#header .AU ul li {
    padding: 0;
}

/*
#header .view-options.right {
    top: -8px;
} */
#header .AU ul li h2 {
    font-family: 'StyreneA';
    letter-spacing: 3px;
}
/*Director about css*/
#contact-view .align {
    padding: 0 1.6vw;
}
#contact-view.about-director .intro p {
    font-size: 30px !important;
    line-height: 1.2;
    margin-bottom: 40px;
}
/*
.directorgallerygrid .align {
    padding: 0px 2vw;
} */
#contact-view.about-director {
    padding-top: 320px;
}
#contact-view.about-director .intro {
    max-width: 1100px;
}
#contact-view.about-director .intro p small {
    font-size: 16px !important;
    line-height: 1.3;
    padding-top: 30px !important;
    display: block;
}
#contact-view.contactNew {
    padding-top: 200px;
}
/*director social css*/
#contact-view.social-director {
    padding-top: 200px;
}
#contact-view.social-director .intro p {
    font-size: 30px !important;
    font-weight: 500;
    margin-bottom: 16px;
}
#contact-view.social-director .intro .socialsubscribe p {
    font-size: inherit !important;
    font-weight: inherit;
    margin-bottom: 0;
	text-align: center;
}
#contact-view.social-director {
    padding-top: 450px;
}
.social-director .subscribe_social_ul.social_ul.active_ul {
    height: auto;
    padding: 0px 0px 26px;
}
.socialsubscribe label {
    display: block;
    margin-bottom: 10px;
}
.socialsubscribe input {
    margin-bottom: 12px;
}
.social-director .subscribe_social_ul.social_ul.active_ul button[type='submit'],
.social-director .subscribe_social_ul.social_ul.active_ul .btn {
    background: #000;
    color: #fff;
    border: none;
    padding: 5px 10px;
    font-family: 'Media77Web', 'Arial';
}
/*director css*/
.directors .playtime ul li a, .directors .photoplay ul li a {
    font-size: 30px;
    font-weight: 500;
}
.directors #directors-view div {
    width: 50% !important;
}
#directors-view {
    margin: 0px auto !important;
    height: 100vh;
    max-width: 100%;
    padding: 0 30px;
}
.playtime ul li {
    padding-bottom: 0px;
}

/*directory listing css*/
#header ul li h2 {
    font-size: 16px;
}
.directorgallerygrid .cell .bounds a {
    width: 100%;
    display: block;
    height: calc(100% - 80px);
    position: relative;
}
#grid-view.half-size .cell-view .cell .image {
    height: 100%;
    width: 100%;
    left: 0;
    right: 0;
    background-size: cover;
}
#grid-view .cell-view {
    display: flex;
    flex-wrap: wrap;
}
#grid-view.half-size .cell-view .cell .text {
    left: 0;
    font-size: 21px;
    line-height: 1.3;
    padding-top: 0px;
}
/*
#grid-view.directorgallerygrid.half-size .cell-view.director_reel .cell {
    width: 50%;
    margin-bottom: 0px;
    padding: 30px;
} */
#grid-view.directorgallerygrid.half-size .cell-view.director_reel .cell .bounds {
    position: relative;
}
.director div#footer h1 {
    padding-top:10px;
    font-size: 27px;
    font-family:'Unica77LL';
    margin-bottom: 0px;
}
/*.cone .hover {*/
/*    background: rgb(175 0 0) !important;*/
/*}
#
#
#
#
#
#
#
#
*/
.swiper-slide:nth-child(odd) .cimage{ transition: transform 5.0s ease !important; -ms-transform: scale(1); /* IE 9 */ -webkit-transform: scale(1); /* Safari 3-8 */ transform: scale(1);}
.swiper-slide:nth-child(even) .cimage{ transition: transform 5.0s ease !important; -ms-transform: scale(1.5); /* IE 9 */ -webkit-transform: scale(1.5); /* Safari 3-8 */ transform: scale(1.5);}
.swiper-slide.slick-active:nth-child(odd) .cimage{ -ms-transform: scale(1.5); /* IE 9 */ -webkit-transform: scale(1.5); /* Safari 3-8 */ transform: scale(1.5); }
.swiper-slide.slick-active:nth-child(even) .cimage{ -ms-transform: scale(1); /* IE 9 */ -webkit-transform: scale(1); /* Safari 3-8 */ transform: scale(1); }

.swiper-slide .cimage{background-size: cover; background-position: center; width:100%;height:100vh;background-repeat: no-repeat;}



.swiper-container .cs4badb0 { background-color: #4badb0 !important; }
.swiper-container .csbcd4eb { background-color: #bcd4eb !important; }
.swiper-container .cs6ad3eb { background-color: #6ad3eb !important; }
.swiper-container .csf1eb8e { background-color: #f1eb8e !important; }
.swiper-container .csecc7ca { background-color: #ecc7ca !important; }
.swiper-container .csdde9ba { background-color: #dde9ba !important; }
.swiper-container .csacd4ad { background-color: #acd4ad !important; }
.swiper-container .cse0eddc { background-color: #e0eddc !important; }
.swiper-container .cs566845 { background-color: #566845 !important; }
.swiper-container .csffd100 { background-color: #ffd100 !important; }
.swiper-container .cs7ca7ad { background-color: #7ca7ad !important; }
.swiper-container .cse07c00 { background-color: #e07c00 !important; }
.swiper-container .csb09700 { background-color: #b09700 !important; }
.swiper-container .csa27300 { background-color: #a27300 !important; }
.swiper-container .csf6a7d7 { background-color: #f6a7d7 !important; }
.swiper-container .cs2914d8 { background-color: #2914d8 !important; }
.swiper-container .csfbac00 { background-color: #fbac00 !important; }
.swiper-container .cs104328 { background-color: #104328 !important; }
.swiper-container .csfd04fa { background-color: #fd04fa !important;}
.swiper-container .cs5b12ac { background-color: #5b12ac !important; }
.swiper-container .csf0b6aa { background-color: #f0b6aa !important; }




.cs4badb0 .hover { background: #4badb0 !important; }
.csbcd4eb .hover { background: #bcd4eb !important; }
.cs6ad3eb .hover { background: #6ad3eb !important; }
.csf1eb8e .hover { background: #f1eb8e !important; }
.csecc7ca .hover { background: #ecc7ca !important; }
.csdde9ba .hover { background: #dde9ba !important; }
.csacd4ad .hover { background: #acd4ad !important; }
.cse0eddc .hover { background: #e0eddc !important; }
.cs566845 .hover { background: #566845 !important; }

.csffd100 .hover { background: #ffd100 !important; }
.cs7ca7ad .hover { background: #7ca7ad !important; }
.cse07c00 .hover { background: #e07c00 !important; }
.csb09700 .hover { background: #b09700 !important; }
.csa27300 .hover { background: #a27300 !important; }
.csf6a7d7 .hover { background: #f6a7d7 !important; }


.cs2914d8 .hover { background: #2914d8 !important; color:#FFF; }
.csfbac00 .hover { background: #fbac00 !important;color:#FFF; }
.cs104328 .hover { background: #104328 !important;color:#FFF; }
.csfd04fa .hover { background: #fd04fa !important;color:#FFF; }
.cs5b12ac .hover { background: #5b12ac !important;color:#FFF; }
.csf0b6aa .hover { background: #f0b6aa !important;color:#FFF; }

.cs2914d8 hr, .csfbac00 hr, .cs104328 hr, .csfd04fa hr, .cs5b12ac hr, .csf0b6aa hr {border-bottom: 1px solid #FFF;}

.ctwo .hover {
    background: rgb(0 145 175) !important;
}
.cthree .hover {
    background: rgb(151 175 0) !important;
}
.cfour .hover {
    background: rgb(0 145 175) !important;
}
.cfive .hover {
    background: rgb(0 175 140) !important;
}
.csix .hover {
    background: rgb(0 92 175) !important;
}
.cseven .hover {
    background: rgb(0 92 175) !important;
}
.ceight .hover {
    background: rgb(175 113 0) !important;
}
.cnine .hover {
    background: rgb(175 54 0) !important;
}
.cten .hover {
    background: rgb(167 0 175) !important;
}
#grid-view.directorgallerygrid.half-size .cell-view.video-cells .cell:after {
    padding: 0 !important;
}
.director div#footer ul.dul li {
    font-size: 19px;
    line-height: 1.6;
}
.directorgallerypopup .swiper-slide.director iframe {
    height: 100%;
    padding-bottom: 0px;
    object-position: left;
    object-fit: cover;
}
/*
.directorgallerypopup .swiper-slide.director .popd .text {
    position: relative !important;
    padding-top: 20px;
} */
.directorgallerypopup .swiper-slide.director .popd .text {
    font-size: 18px;
    line-height: 1.3;
    padding-top:20px;
}
/*
.directorgallerypopup .swiper-slide.director .popd {
    justify-content: space-between;
    left: 0;
    margin: 0 auto;
    position: relative;
    bottom: 0;
    padding-top: 20px;
} */
.directorgallerypopup .swiper-slide.director .popd .vtime ul {
    list-style: none;
    display: flex;
}
.directorgallerypopup .swiper-slide.director .popd .vtime ul li:after {
    content: "/";
    right: -14px;
    position: absolute;
}
.directorgallerypopup .swiper-slide.director .popd .vtime ul li:last-child:after {
    content: "";
}
.directorgallerypopup .swiper-slide.director .popd .vtime ul li {
    font-size: 15px;
    margin: 0px 10px;
    position: relative;cursor:pointer;
}
#grid-view.directorgallerygrid.half-size .cell-view.director_reel .cell .bounds .text {
    width: 100%;
    background: #d8d1ca;
    padding-top: 10px;
}

#grid-view.directorgallerygrid.half-size .cell-view.director_reel .cell .bounds a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}
.directorgallerypopup .swiper-slide.director .popd .vtime ul li:hover:before {
    width: 100%;
}
.directorgallerypopup .swiper-slide.director .popd .vtime ul li:before {
    content: '';
    height: 1px;
    width: 0%;
    border-top: 1px solid black;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transition: width 500ms;
    -moz-transition: width 500ms;
    -ms-transition: width 500ms;
    transition: width 500ms;
}
/*
.directorgallerypopup#swipe-view .swiper-slide .target.image img {
    width: 100%;
    max-height: 100%;
    height: 100%;
    object-fit: cover;
    margin-top: 14px;
} */
/*.targetpopd {
    width: 100%;
    height: 100%;
    max-width: 2800px;
    padding-top: 42px;
}*/
#swipe-view .swiper-slide .targetpopd .target {
    left: 0;
    right: 0;
}
/*
#swipe-view .swiper-slide .targetpopd .target.image {
    transform: none !important;
    max-width: 100%;
    height: 100%;
    position: relative;
    top: 0;
    right: 0;
    left: 0;
    height: 82vh;
} */
@media only screen and (min-width: 800px) {
    #grid-view.directorgallerygrid.half-size .cell-view.director_reel .cell .bounds:hover .hover {
        display: flex;
        left: 0;
        right: 0;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        background: #a27300;
    }
}
#grid-view.directorgallerygrid.half-size .cell-view.director_reel .cell .bounds .hover {
    font-size: 22px;
    line-height: 0.9;
}
#grid-view.directorgallerygrid.half-size .cell-view.director_reel .cell .bounds .hover strong {
    font-size: 22px;
    display: block;
}

/*home*/
#latest{
    padding-top:30px;padding-bottom:60px;
}
#latest .cell-view.video-cells .cell {
    display: flex;
    align-items: flex-end;
    /*width: calc(33.33333vw - 2.4vw);*/
    width: 33.33333%;
    padding: 0 1.2vw 2.4vw;
    position: relative;
}
#latest .cell-view.video-cells {
    justify-content: center;
}
#latest .cell-view.video-cells .cell .bounds {
    flex-wrap: wrap;
    width: 100%;
    position: relative;
    height: 100%;
    display: flex;
    align-items: flex-end;
}
#latest .cell-view.video-cells .cell p {
    font-size: 16px;line-height: 1.3;padding-top:8px;
}
#latest .cell-view.video-cells .cell .image {
    margin-bottom: 20px;
    width:100%;
    height:calc(33.33333vw - 4.8vw);
    display: flex;
    align-items: flex-end;
    justify-content: center;
}
#latest .active .bounds .hover_content {
    justify-content: center;
    align-items: center;
    width: 100% !important;
    height: calc(33.33333vw - 4.8vw) !important;
    background: #bbd4ea;
}
.targetpopd .image .viframe{
    display:none;
}
.targetpopd .viframe,
#latest .cell-view.video-cells .viframe {
    position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%;
}

.targetpopd .viframe.ratio43,
#latest .cell-view.video-cells .viframe.ratio43 {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 75%;
}
.targetpopd .viframe.ratio11,
#latest .cell-view.video-cells .viframe.ratio11 {  
  padding-top: 100%;
}
.targetpopd .viframe.ratio916,
#latest .cell-view.video-cells .viframe.ratio916 {
   width: 56.25%;    
  padding-top: 100%;
}


.latest_sec ul li h2 {
    font-size: 16px;
}
.targetpopd .viframe iframe,
#latest .cell-view.video-cells .viframe iframe {
   position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
    border: none;
}
#latest .active .bounds .hover_content > span {
    font-size: 20px;
    line-height: 1.2;
    font-weight: 500;
}
#latest .active .bounds .hover_content span p {
    font-size: 20px;
    line-height: 1.2;
    font-weight: 400;
}
#latest .active .bounds .hover_content hr {
    margin: 22px auto;
}
#latest .active .bounds .hover_content span p a {
    position: relative !important;
}
#latest .cell-view.video-cells .cell img {
    max-height: 100%;
}
#latest .cell-view.video-cells .cell .bounds a {
    width: 100%;
}
.director #footer {position: fixed;}

#latest .cell-view.video-cells .cell .bounds .boundsinnr {
    width: 100%;
}
#grid-view.directorgallerygrid.half-size .cell-view.director_reel .cell .image img, #grid-view.directorgallerygrid.half-size .cell-view.director_reel .cell .image iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#grid-view.directorgallerygrid.half-size .cell-view.director_reel .cell .image img{}
#latest .cell-view.video-cells .cell .bounds .boundsinnr a {
    position: relative;
    top: 0;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 1;
}




/*#latest .cell-view.video-cells .cell .bounds .boundsinnr a:hover:after{text-decoration:underline;}*/


#latest .cell-view.video-cells .cell .bounds .boundsinnr .text a {
    position: relative;
}
#grid-view.directorgallerygrid.half-size .cell-view.director_reel .cell .bounds .text {
    width: 101%;
    background: #d8d1ca;
    padding-top: 15px;
    position: relative;
    bottom: -1px;
}
#grid-view.directorgallerygrid.half-size .cell-view.director_reel .cell .bounds a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}
.directors #directors-view .playtime.AU {
    background-size: 220px !important;
}
#grid-view.directorgallerygrid.half-size .cell-view.director_reel .cell .bounds:hover .text {
    visibility: hidden;
}
#grid-view.directorgallerygrid.half-size .cell-view.director_reel .cell .image {
    padding-top: 56.25%;
    position: relative;
}

/*
#grid-view.directorgallerygrid.half-size .cell-view.director_reel .cell .bounds .hover {
    height: calc(100%) !important;
}

 #swipe-view .swiper-slide {
    background-color: rgba(216, 209, 202, 0.9) !important;
} */
#latest .active .bounds .hover_content span p a:hover {
    text-decoration: underline;
}
/*
.directorgallerypopup .close_popup {
    top: 10px;
} */
#contact-view .filmtvc p {
    font-size: 21px;
    line-height: 1.35;
    width: 18%;
}
#contact-view.contactNew .intro .box {
    width: 18%;
}
#contact-view .filmtvc p:nth-last-child(2)
{
    width: 28%;
}
.filmtvc .col-md-6 {
    width: 50%;
}
#contact-view .intro.filmtvc {
    padding-bottom: 80px;
    max-width: 100%;
    margin: 0 auto;
}
.filmtvc {
    padding-bottom: 70px;
}
#contact-view.social-director .intro p:hover {
    color: #000;
    text-decoration: underline;
    cursor: pointer;
}
#contact-view.social-director .intro .socialsubscribe p:hover {
    color: inherit;
    text-decoration: none;
    cursor: default;
}
#swipe-view .arrow img {
    width: 12px;
}
/*
#swipe-view .arrow.left {
    padding-left: 134px;
}
#swipe-view .arrow.right {
    padding-right: 134px;
} */
.latestnewpop .close_popup {
    right: 4vw;
}
#swipe-view.latestnewpop .arrow.right {
    padding-right: 4.8vw;
}
#swipe-view.latestnewpop .arrow.left {
    padding-left: 4.8vw;
}
/*
#swipe-view .swiper-slide .targetpopd .target.video {
    position: relative;
    top: 0;
    bottom: 0;
    transform: none;
    height: 82vh;
} */
#swipe-view .swiper-slide .targetpopd .target.video frame {
    padding-bottom: 0;
}
@media screen and (max-width:2560px){
 
 /*   
.directorgallerygrid .align {
    padding: 0px 1.6vw;
} 
#swipe-view .arrow.left {
    padding-left: 74px;
}
#swipe-view .arrow.right {
    padding-right: 74px;
}

.directorgallerypopup .close_popup {
    right: 2vw;
} */
.latestnewpop .close_popup {
    right: 3.6vw;
}
/*
.targetpopd {
    max-width: 1500px;
    padding-top: 32px;
}
.directorgallerypopup .close_popup {
    top: 40px;
} */
}
@media screen and (max-width:1920px){
    #contact-view.social-director {
        padding-top: 320px;
    }
    #contact-view.about-director {
        padding-top: 260px;
    }   
    #header ul li h2 {
        font-size: 16px;
    }
    
    /*
    .directorgallerygrid .align {
        padding: 0px 1.4vw;
    }
    .targetpopd {
        padding-top: 22px;
    } 
    .directorgallerypopup .close_popup {
        top: 30px;
    } */
    #swipe-view .arrow.left {
        padding-left: 54px;
    }
    #swipe-view .arrow.right {
        padding-right: 54px;
    }
    /* .directorgallerypopup .close_popup {
        right: 1.6vw;
    } */
    #swipe-view.latestnewpop .arrow.right {
        padding-right: 5.2vw;
    }
    #swipe-view.latestnewpop .arrow.left {
        padding-left: 5.2vw;
    }
}
@media screen and (max-width:1600px){
    #contact-view.social-director {
        padding-top: 220px;
    }
    #contact-view.social-director .intro p {
        font-size: 26px !important;
        margin-bottom: 16px;
    }
	#contact-view.social-director .intro .socialsubscribe p {
        font-size: inherit !important;
        margin-bottom: 0;
	}
    #contact-view.about-director .intro p {
        font-size: 26px !important;
    }
    #contact-view.about-director {
        padding-top: 240px;
    }
   /* #grid-view.directorgallerygrid.half-size .cell-view.director_reel .cell {
        padding: 20px;
    } */
    #header ul li h2 {
        font-size: 16px;
    }
    #latest .active .bounds .hover_content span p {
        font-size: 16px;
    }
    #latest .active .bounds .hover_content > span {
        font-size: 16px;
    }
    #latest .cell-view.video-cells .cell {
        padding: 22px !imporatnt;
    }
    #grid-view.directorgallerygrid.half-size .cell-view.director_reel .cell .bounds .hover strong {
        font-size: 20px;
        display: block;
    }
    #grid-view.directorgallerygrid.half-size .cell-view.director_reel .cell .bounds .hover {
        font-size: 20px;
    }
    .directorgallerygrid#grid-view.half-size .cell-view .cell .text {
        font-size: 18px;
        line-height: 26px;
    }
   /* #swipe-view .swiper-slide .targetpopd .target.image {
        height: 78vh;
    } */
    #swipe-view .arrow.left {
        padding-left: 48px;
    }
    #swipe-view .arrow.right {
        padding-right: 48px;
    }
    /*
    .directorgallerygrid .align {
        padding: 0px 1.7vw;
    }
    .directorgallerypopup .close_popup {
        right: 1.2vw;
    } */
    #swipe-view.latestnewpop .arrow.right {
        padding-right: 5.4vw;
    }
    #swipe-view.latestnewpop .arrow.left {
        padding-left: 5.4vw;
    }
    #contact-view .align {
        padding: 0 1vw;
    }
   /* .targetpopd {
        max-width: 1000px;
    } */
}
@media screen and (max-width:1440px){
    .directors .playtime ul li a, .directors .photoplay ul li a {
        font-size: 28px;
    }
    .directors .playtime ul li, .directors .photoplay ul li {
        line-height: 34px;
    }
    /*.targetpopd {
        max-width: 800px;
    } */
    #footer ul.social li {
        font-size: 18px;
    }
    #contact-view.contactNew {
        padding-top: 150px;
    }
    #contact-view .intro p {
        font-size: 15px !important;
    }
    #contact-view .intro p strong, #contact-view h1, #contact-view h2 {
        font-size: 15px;
    }
    #contact-view .filmtvc p {
        font-size: 20px;
        line-height: 1.25;
    }
    #contact-view.social-director {
        padding-top: 160px;
    }
    #contact-view.about-director {
        padding-top: 220px;
    }
    #contact-view.about-director .intro p {
        font-size: 24px !important;
    }
    .directorgallerygrid#grid-view.half-size .cell-view .cell .text {
        font-size: 17px;
        line-height: 24px;
    }
    #swipe-view .arrow.left {
        padding-left: 42px;
    }
    #swipe-view .arrow.right {
        padding-right: 42px;
    }
    #header ul li h2 {
        font-size: 15px;
    }
    /* 
    .directorgallerygrid .align {
        padding: 0px 1.6vw;
    }
    .directorgallerypopup .close_popup {
        right: 1vw;
    } 
    .latestnewpop .close_popup {
        right: 3.2vw;
    } */
    
}

@media screen and (max-width:1360px){
    .directors .playtime ul li a, .directors .photoplay ul li a {
        font-size: 26px;
    }
    #footer ul.social li {
        font-size: 16px;
    }
    #contact-view .intro p {
        font-size: 14px !important;
    }
    #contact-view .intro p strong, #contact-view h1, #contact-view h2 {
        font-size: 14px;
    }
    .directorgallerypopup .swiper-slide.director .popd .text {
        font-size: 18px;
        line-height: 1.3;
    }
    .directorgallerypopup .swiper-slide.director iframe {
        height: 100%;
    }
    .directors .playtime ul li, .directors .photoplay ul li {
        line-height: 32px;
    }
    .directorgallerygrid#grid-view.half-size .cell-view .cell .text {
        font-size: 16px;
        line-height: 1.3;
    }
    #contact-view .filmtvc p {
        font-size: 16px;
    }
}
@media screen and (max-width:1100px){
    .contactNew .intro .box{
        width:100%;
        text-align:center;
    }
    #latest .cell-view.video-cells .cell{
        width:50% !important;
    }
    .directors .playtime ul li a, .directors .photoplay ul li a {
        font-size: 25px;
    }
    #footer ul.social li {
        font-size: 15px;
    }
    #latest .cell-view.video-cells .cell p {
        font-size: 16px;
    }
    #latest .cell-view.video-cells .cell {
        padding: 20px !important;
        height: 50vw;
    }
    #latest .active .bounds .hover_content {
        height: calc(100% - 70px) !important;
    }
    #latest .cell-view.video-cells {
        margin-left: 0;
    }
    .directors .playtime ul li, .directors .photoplay ul li {
        line-height: 1.3;
    }
   /* .directorgallerypopup .close_popup {
        top: 2px;
        right: -16px;
    } 
    .directorgallerypopup .close_popup img {
        width: 14px;
    }
   .targetpopd {
        width: 80vw;
    }*/
    .directorgallerypopup .swiper-slide.director .popd .text, .directorgallerypopup .swiper-slide.director .popd .vtime ul li {
        font-size: 15px;
    }
    .directorgallerypopup .swiper-slide.director iframe {
        height: 100%;
    }
    #contact-view .filmtvc p {
        width: 100% !important;
        text-align: center;
        margin-bottom: 30px;
    }
}
@media only screen and (max-width: 700px) {
    .boundsinnr  .viframe:before,
    .targetpopd .viframe:before, 
    #latest .cell-view.video-cells .viframe:before{
        position:absolute;
        left:0;
        top:0;
        width:100%;
        height:100%;
        content:'';
        z-index:2;
    }
    .targetpopd {
        width: 100%;
    }
    .targetpopd .popd{
        padding:0 3.6vw;
    }
}
@media screen and (max-width:767px){
    #latest .cell-view.video-cells .cell{
        width:100% !important;
    }
    .directors .playtime ul li a, .directors .photoplay ul li a {
        font-size: 18px;
    }
    #header .align .view-options {
        padding: 15px 0px 0px !important;
    }
    #footer ul.social li {
        font-size: 16px;
    }
    #contact-view.social-director .intro p.open_subscribe {
        margin-bottom: 0;
    }
    #contact-view.social-director {
        padding-top: 260px;
    }
    #contact-view.contactNew {
        padding-bottom: 60px;
    }
    #contact-view.about-director {
        padding-top: 140px;
        padding-bottom: 40px;
    }
    #contact-view.about-director .intro p {
        font-size: 24px !important;
    }
    .directorgallerygrid#grid-view .cell .bounds .text {
        height: auto !important;
        font-size: 18px;
    }
    .directorgallerygrid .cell .bounds a {
        height: calc(100% - 60px);
    }
    #latest .cell-view.video-cells .cell {
        padding: 0px 0px 40px!important;
        /*height: 100vw;*/
        height: auto;
    }
	#latest .cell-view.video-cells .cell .image {
		/*height:calc(33.33333vw - 4.8vw);*/
        height: auto;
	}
    div#latest {
        padding-top: 30px;
    }
    #latest .cell-view.video-cells .cell img {
        height: auto;
        object-fit: contain;
        max-height: inherit;
    }
     #home-view #directors-view {
        display: block;
        height: auto;
    }
    .director_gallery#home-view{height: 70vh;}
    #footer ul.social {
        margin-top: 10px;
        padding-bottom: 10px;
    }
    .directors #home-view .swiper-slide {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
    }
    .directors #directors-view div {
        width: 100% !important;
    }
    .directors #directors-view .playtime.AU {
        background-size: 100% !important;
    }
   /* #grid-view.directorgallerygrid.half-size .cell-view.director_reel .cell {
        padding: 20px 0;
    }
    
   .directorgallerypopup .close_popup img {
        width: 14px;
    } 
    #grid-view.directorgallerygrid.half-size .cell-view.director_reel .cell .bounds .hover {
        height: calc(100% - 60px) !important;
    } */
    .directorgallerypopup .swiper-slide.director iframe {
        height: 100%;
    }
    #swipe-view .swiper-slide .popd .text {
        position: unset;
        margin-bottom: 20px;
    }

    #swipe-view .swiper-slide .targetpopd .target.image {
        transform: none !important;
        max-width: 100%;
    }
    .directorgallerypopup .swiper-slide.director .popd {
        display: block;
    }
    #swipe-view .swiper-slide .targetpopd .target {
        left: 0;
        right: 0;
        height: 100%;
    }
    .directorgallerypopup .swiper-slide.director .popd .vtime ul li:first-child {
        margin-left: 0;
    }
    .filmtvc .col-md-6 {
        padding: 10px;
    }
    .filmtvc .col-md-6 svg {
        width: 100%;
    }
    #contact-view .intro.filmtvc {
        padding-bottom: 20px;
    }
    #contact-view.contactNew .intro .box {
        width: 100% !important;
    }
    .home #header .view-options.left {
        left: 3.6vw;
    }
    .home #header .view-options.right {
        right: 3.6vw;
    }
    #swipe-view .arrow.left {
        padding-left: 15px;
    }
    #swipe-view .arrow.right {
        padding-right: 15px;
    }
    #contact-view .align {
        padding: 0 2vw;
    }

}


@media only screen and (max-width: 767px) {
    #footer {
        bottom:40px;
    }
    .director #footer {
        bottom:24px;
    }
    .director #footer .plus {
        top: 20px;
    }
    .targetpopd .target {
        aspect-ratio: auto;
        padding: 0 3.6vw;
    }

}

/* Video player sizing */
#reel-view .bounds video {
  width: 100%;
  height: 100%;
  display: block;
  margin: 0 auto;
  position: relative;
  object-fit: contain;
}