/*------------------------------
=GENERAL
------------------------------*/

html {
	background-color: black;
	margin: 0px;
	overflow-x: hidden;
}

a {
	-webkit-transition-property: all;
	-webkit-transition-duration: 0.03s, 0.3s;
	-webkit-transition-timing-function: linear, ease-in;
}

/*------------------------------
=HEADER
------------------------------*/

#main-nav {
	position: fixed;
	top: 0px;
	left: 0px;
	height: 29px;
	width: 100%;
	text-align: center;
	background-color: #58595b;
	padding-top: 16px;
	min-width: 640px;
	z-index: 9998;
}

#main-nav a {
	font-family: 'Josefin Sans', sans-serif;
	font-weight: 300;
	color: #ccc;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 18px;
	margin-right: 10px;
	margin-left: 10px;
}

#main-nav a:hover {
	color: white;
}

#logo {
	display: none;
	position: absolute;
	width: 500px;
	height: 150px;
	left: 50%;
	top: 330px;
	margin-left: -250px;
}

/*------------------------------
=BIO
------------------------------*/

#bio {
	display: none;
	position: absolute;
	width: 960px;
	left: 50%;
	margin-left: -480px;
	top:175px;
	font-family: 'Josefin Sans', sans-serif;
	font-weight: 300;
	font-size: 20px;
	line-height: 25px;
	color: #ccc;
}

#bio img {
	margin-right: 10px;
	margin-bottom: 1px;
}

/*------------------------------
=CONTACT
------------------------------*/

#email {
	display: none;
	font-family: 'Josefin Sans', sans-serif;
	font-size: 70px;
	text-align: center;
	position: absolute;
	width: 700px;
	height: 150px;
	left: 50%;
	top: 225px;
	margin-left: -350px;
}

#email a {
	color: #ccc;
	text-decoration: none;
}

#email a:hover {
	color: white;
	text-decoration: none;
}

/*------------------------------
=WORK
------------------------------*/

#work {
	position: absolute;
	width: 1030px;
	height: 580px;
	left:50%;
	top:130px;
	margin-left: -515px;
}

#work img {
	float: left;
	cursor: pointer;
}

#work2 {
	position: absolute;
	width: 100%;
	height: 580px;
	top:130px;
	display: flex;
    justify-content: center;
	right: 0;
    left: 57px;
}

#work2 img {
	float: left;
	cursor: pointer;
}

#row-1 {
	position: absolute;
	width: 960px;
	margin-left: 110px;
}

#row-2 {
	position: absolute;
	width: 960px;
	top: 116px;
	margin-left: 97px;
}

#row-3 {
	position: absolute;
	width: 1030px;
	top: 232px;
	margin-left: 5px;
}

#row-4 {
	position: absolute;
	width: 960px;
	top: 348px;
	margin-left: 55px;
}

#row-5 {
	position: absolute;
	width: 960px;
	top: 464px;
	margin-left: 155px;
}

#row-2-1 {
	position: absolute;
	width: 100%;
	display: flex;
    justify-content: center;
}

#row-2-2 {
	position: absolute;
	width: 100%;
	top: 116px;
	display: flex;
    justify-content: center;
}

#row-2-3 {
	position: absolute;
	width: 100%;
	top: 232px;
	display: flex;
    justify-content: center;
}

#row-2-4 {
	position: absolute;
	width: 100%;
	top: 348px;
	display: flex;
    justify-content: center;
}

#row-2-5 {
	position: absolute;
	width: 100%;
	top: 464px;
	display: flex;
    justify-content: center;
}

#dark-cover {
	display: none;
	position: fixed;
	cursor: pointer;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: black;
	opacity: 1.0;
	z-index: 9999;
}

#trailer, #video {
	position: absolute;
	top:130px;
	left: 50%;
	width: 925px;
	height: 520px;
	margin-left: -462px;
	background-color: black;
	z-index: 9999;
}

#thumb3d {
	position: absolute;
	top:232px;
	left:452px;
	z-index: 9999;
}

#thumb1a, #thumb1b, #thumb1c, #thumb1d, #thumb1e, #thumb2a, #thumb2b, #thumb2c, #thumb2d, #thumb2e, #thumb2f, #thumb3a, #thumb3b, #thumb3c, #thumb3e, #thumb3f, #thumb3g, #thumb4a, #thumb4b, #thumb4c, #thumb4d, #thumb4e, #thumb4f, #thumb5a, #thumb5b, #thumb5c, #thumb5d, #thumb5e, #thumb1f, #thumb1g, #thumb4g, #thumb5f {
	visibility: hidden;
}

#thumb1a.full-vis {
	visibility: visible;
}

#thumb1b.full-vis {
	visibility: visible;
}

#thumb1c.full-vis {
	visibility: visible;
}

#thumb1d.full-vis {
	visibility: visible;
}

#thumb1e.full-vis {
	visibility: visible;
}

#thumb1f.full-vis {
	visibility: visible;
}

#thumb1g.full-vis {
	visibility: visible;
}

#thumb2a.full-vis {
	visibility: visible;
}

#thumb2b.full-vis {
	visibility: visible;
}

#thumb2c.full-vis {
	visibility: visible;
}

#thumb2d.full-vis {
	visibility: visible;
}

#thumb2e.full-vis {
	visibility: visible;
}

#thumb4g.full-vis {
	visibility: visible;
}

#thumb5f.full-vis {
	visibility: visible;
}

#thumb2f.full-vis {
	visibility: visible;
}

#thumb3a.full-vis {
	visibility: visible;
}

#thumb3b.full-vis {
	visibility: visible;
}

#thumb3c.full-vis {
	visibility: visible;
}

#thumb3d.full-vis {
	visibility: visible;
}

#thumb3e.full-vis {
	visibility: visible;
}

#thumb3f.full-vis {
	visibility: visible;
}

#thumb3g.full-vis {
	visibility: visible;
}

#thumb4a.full-vis {
	visibility: visible;
}

#thumb4b.full-vis {
	visibility: visible;
}

#thumb4c.full-vis {
	visibility: visible;
}

#thumb4d.full-vis {
	visibility: visible;
}

#thumb4e.full-vis {
	visibility: visible;
}

#thumb4f.full-vis {
	visibility: visible;
}

#thumb5a.full-vis {
	visibility: visible;
}

#thumb5b.full-vis {
	visibility: visible;
}

#thumb5c.full-vis {
	visibility: visible;
}

#thumb5d.full-vis {
	visibility: visible;
}

#thumb5e.full-vis {
	visibility: visible;
}

#loading {
	position: absolute;
	width: 100px;
	height: 50px;
	left: 50%;
	top: 50%;
	margin-left: -40px;
	margin-top: -25px;
	color: white;
	text-align: center;
	font-family: 'Josefin Sans', sans-serif;
	font-weight: 300;
}

#close-video {
	font-family: 'Josefin Sans', sans-serif;
	color: white;
	font-weight: 700;
	font-size: 20px;
	text-align: center;
	position: absolute;
	left:0px;
	top: -22px;
	cursor: pointer;
}

#close-video a {
	color: white;
	text-decoration: none;
}

#next-arrow img {
    height:100px;
}

#prev-arrow img {
    height:100px;
}

#work3 {
    display: block;
    position: absolute;
    width: 550px;
    left: 50%;
    margin-left: -275px;
    top: 60px;
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 300;
    font-size: 23px;
    line-height: 25px;
    color: #ccc;
    text-align: center;
}

#work3 #prev-arrow {
	position: absolute;
    width: 1030px;
    top: 369px;
    margin-left: -662px;
}

#work3 .main-content {
	display: flex;
	position: absolute;
	width: 780px;
	left: -126px;
	gap: 25px;
	flex-direction: row;
	flex-wrap: nowrap;
}

#work3 .content-text {
	font-size: 18px;
	width: 600px;
	text-align: right;
	top: 138px;
	position: relative;
}

#work3 .content-text2 {
	font-size: 18px;
	width: 600px;
	text-align: left;
	position: relative;
	top: 140px;
}

#work3 .content-text .title,
#work3 .content-text2 .title {
	font-weight: 900;
}

#work3 .content-text .inline-text,
#work3 .content-text2 .inline-text {
	font-size:16px;
}

#work3 .main-content img.img-mrfnoc,
#work3 .main-content img.img-because
 {
	width: 100%;
}

@media (min-width: 992px) {
	#work2 {
		width: 100%;
	}
} 


/*------------------------------
=PROFILE
------------------------------*/

#profile {
	display: none;
	position: absolute;
	width: 960px;
	left: 50%;
	margin-left: -480px;
	top:175px;
	font-family: 'Josefin Sans', sans-serif;
	font-weight: 300;
	font-size: 20px;
	line-height: 30px;
	color: #ccc;
}

#profile img {
	margin-right: 10px;
	margin-bottom: 1px;
	margin-top: -5px;
}

.title {
	color: white;
	margin-left: 5px;
}

/*------------------------------
=DOCUMENTARY
------------------------------*/

#order-documentary {
	display: block;
	position: absolute;
	width: 550px;
	left: 50%;
	margin-left: -275px;
	top:60px;
	font-family: 'Josefin Sans', sans-serif;
	font-weight: 300;
	font-size: 23px;
	line-height: 25px;
	color: #ccc;
	text-align: center;
}

.inline-text {
	font-size: 20px;
}

.play-button {
	cursor: pointer;
}

.dvd-text {
    color: #ccc;
	text-decoration: none;
	font-style: normal;
}

.bluray-text {
    color: #00afef;
	text-decoration: none;
	font-style: normal;
}

.amazon-text {
    color: #ffff00;
	font-style: normal;
}

.bottom-text {
	color:#ccc;
	font-size: 17px;
	padding-bottom: 30px;
}

/*------------------------------
=DVD PREVIEW
------------------------------*/

#order {
	display: none;
	position: absolute;
	width: 550px;
	left: 50%;
	margin-left: -275px;
	top:100px;
	font-family: 'Josefin Sans', sans-serif;
	font-weight: 300;
	font-size: 23px;
	line-height: 25px;
	color: #ccc;
	text-align: center;
}

#dvd-title {
	font-size: 40px;
	letter-spacing: 4px;
	margin-top: 5px;
	margin-bottom: 10px;
}

.disc-image {
	padding-left: 20px;
	padding-right: 20px;
}

.blue-text {
	color:#00afef;
	font-size: 20px;
	padding-bottom: 30px;
}

/*------------------------------
=MEDIA ARCHIVE
------------------------------*/

#media-archive {
	display: none;
	position: absolute;
	width: 960px;
	left: 50%;
	margin-left: -480px;
	top:100px;
	font-family: 'Josefin Sans', sans-serif;
	font-weight: 300;
	font-size: 20px;
	line-height: 25px;
	color: #ccc;
}

#newshour {
	position: absolute;
	left: 143px;
	top: 50px;
	cursor: pointer;
}

#creating {
	position: absolute;
	left: 150px;
	top: 490px;
	cursor: pointer;
}

#nyt {
	position: absolute;
	left: 325px;
	top: 0px;
	cursor: pointer;
}

#esquire {
	position: absolute;
	left: 351px;
	top: 260px;
	cursor: pointer;
}

#newsweek {
	position: absolute;
	left: 590px;
	top: 40px;
	cursor: pointer;
}

#fortune {
	position: absolute;
	left: 70px;
	top: 180px;
	cursor: pointer;
}

#sixty-minutes {
	position: absolute;
	left: 630px;
	top: 470px;
	cursor: pointer;
}

#hof {
	position: absolute;
	left: 630px;
	top: 330px;
	cursor: pointer;
}

#video-sixtyminutes, #video-newshour {
	display: none;
	position: fixed;
	top:50%;
	left: 50%;
	width: 925px;
	height: 520px;
	margin-left: -462px;
	margin-top: -260px;
	background-color: black;
	z-index: 9999;
}