@import url('reset.css');
@import url('bootstrap18.css');
@import url('plugins.css');
@import url('animate.css');
@import url('font-awesome.min.css');

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

html {
    -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	background-color: #fff;
}
body {
	font-family: 'Work Sans', sans-serif;
	/* font-family: 'Open Sans', sans-serif; */
	/* font-family: 'Open Sans Condensed', sans-serif; */
	color:#231f20;
	font-size:14px;
	line-height:28px;
	letter-spacing:0;
	font-style:normal;
	font-weight:400;
	overflow:hidden;
	margin:0;
}
#preloader {
    position: fixed;
    top:0; left:0;
    right:0; bottom:0;
    background: #fff;
    z-index: 100;
}
/*#loader {
	display:none;
    width: 100px;
    height: 100px;
    position: absolute;
    left:50%; top:50%;
    background: url(../imgs/loader.gif) no-repeat center 0;
    margin:-50px 0 0 -50px;
}*/
/*
#loader {
	display:none;
	content: '';
	width: 60px;
	height: 60px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -30px 0 0 -30px;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAV1BMVEXMzM7////MzM7MzM7MzM7MzM7MzM7MzM7MzM7MzM7MzM7MzM7MzM7MzM7MzM7MzM7MzM7MzM7MzM7MzM7MzM7MzM7MzM7MzM7MzM7MzM7MzM7MzM7MzM69URHAAAAAHHRSTlMAABw0NTc4Ojs9Pj9CVFZYWVpfYGVmadzg4fH2AKUIkgAAAOVJREFUeNrt1m0LwiAUBWC3cpVpb6626fn/vzMIthvXUsegF/B8FB+4bMI9IpYe6PlZ9ZSCv4PrdR5WdYjrzskcrH03abKA27KLxloTWKCrGV45AF6LIKGFV3xsmaM3D6tp7KRmV5yqCHOdsvL1f248APset8xW/HPcRCQ3soRJX0U0JykYnpWCC/4k7seYXGwmIjDG5mI7kUWYxj7MHnsoj6Tgv8H6EpetJLx00TELRFbdGYDbcUw2vdy9foUbsrmad4YIJc3xmmxaq7DEhdZYe2RHeypxS+sj6VVucS1N//fwkMB3UcYietnqxT0AAAAASUVORK5CYII=);
	-webkit-animation: spinner 2s linear infinite;
	-moz-animation: spinner 2s linear infinite;
	-ms-animation: spinner 2s linear infinite;
	-o-animation: spinner 2s linear infinite;
	animation: spinner 2s linear infinite;
}
@-webkit-keyframes spinner{
	0%{-webkit-transform:rotate(0deg)}
	100%{-webkit-transform:rotate(360deg)}
}
@-moz-keyframes spinner{
	0%{-moz-transform:rotate(0deg)}
	100%{-moz-transform:rotate(360deg)}
}
@-o-keyframes spinner{
	0%{-o-transform:rotate(0deg)}
	100%{-o-transform:rotate(360deg)}
}
@keyframes spinner{
	0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}
	100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}
}
*/

strong, .strong {
	font-weight:600;
}
.medium, table strong, .resume-mobile strong {
	font-weight:500;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top:0;
	margin-bottom:20px;
}
a, a:link, a:hover, a:active, a:visited, a:focus {
	cursor:pointer;
	color: #231f20;
	text-decoration:none;
	opacity:1;
	outline:0 none !important;
	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
header a:hover, p a:hover, footer a:hover, .toggler a:hover  {
	opacity:0.65;
}
section {
	clear:both;
}
u {
	text-decoration: none;
}
u, .underline {
	border-bottom:1px solid #231f20;
	padding-bottom:4px;
}
.press-item u {
	border-bottom-color:#fff;
}
.image-caption {
	max-width:100%;
}
.image-caption-text {
	font-size:smaller;
}
.pace {
  -webkit-pointer-events: none;
  pointer-events: none;

  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.pace-inactive {
  display: none;
}

.pace .pace-progress {
  background: #ddd;
  position: fixed;
  z-index: 3000;
  top: 0;
  right: 100%;
  width: 100%;
  height: 5px;
}

:focus {outline:none;}
::-moz-focus-inner {border:0;}

/* GRID ---------------------------------------------------------------- */

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {

}
.container {
	max-width:1535px;
	padding-left:2px;
	padding-right:3px;
	margin-left:auto;
	margin-right:auto;
	box-sizing: border-box;
}
.clear {
	clear:both;
}	
#content {
	margin-top:120px;
}
#content.ishome {
	margin-top:0!important;
}
#content.work {
	margin-top:105px!important;
}
.lazyload,
.lazyloading {
    opacity: 0;
}
.lazyloaded {
    opacity: 1;
	transition: opacity 500ms;
}

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

header {
	position:fixed;
	z-index:101;
	top:0;
	left:0;
	width:100%;
	min-height:100px;
	margin:0;
	padding-top:40px;
	background-color:rgba(255,255,255,1);
}
header.ishome {
	opacity:0;
	background-color:rgba(255,255,255,0);
}

.header-logo {
	z-index:100;
}
header .header-title-hover {
	position:absolute;
	top:0;
	left:3px;
	opacity:0;
}
.header-menu-icon {
	z-index:101;
	text-align:right;
}
header .header-menu-title-hover {
	position:absolute;
	top:0;
	right:2px;
	opacity:0;
}
header .header-menu-close {
	position:absolute;
	top:0;
	right:2px;
}

/* NAVIGATION ----------------------------------------------------------- */

header .menus {
	position: fixed;
    left: 0;
    top: -102px;
	width:100%;
	height:102px;
    right: 0;
    z-index: 99;
	font-size:16px;
	letter-spacing:1px;

	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
}
header .header-title,
header .header-menu-title,
header .header-title-hover,
header .header-menu-title-hover {
	-webkit-transition: opacity 400ms ease;
	-moz-transition: opacity 400ms ease;
	-ms-transition: opacity 400ms ease;
	-o-transition: opacity 400ms ease;
	transition: opacity 400ms ease;
}
header .header-menu-title-mobile,
header .header-menu-title-hover-mobile,
header .header-menu-close {
	display:none;
}
header:hover .menus {
	top: 0;
	background-color:rgba(255,255,255, 1);
}
header:hover .header-title-hover,
header:hover .header-menu-title-hover {
	opacity:1;
}
.header-menu-mobile {
	cursor:pointer;
}
#menu {
	margin:0 auto;
	width:275px;
}
#menu ul {
	padding:42px 0 0 0;
	width: 100%;
	display: -webkit-box;
  	display: -moz-box;
  	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
    -webkit-flex-direction: row;
	flex-direction: row;
    -webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
#menu ul li {
	width: 50%;
	text-transform:uppercase;
	list-style: none;
    display: inline-block;
	text-align:left;
}
#menu ul li:last-child {
	text-align:right;
}
#menu ul li a {
	padding-bottom: 3px;
}
#menu ul li a:hover, #menu ul li.current a{
	padding-bottom: 3px;
    border-bottom: 1px solid #231f20;
}
#submenu-works ul li:hover {
    border-bottom: 1px solid #231f20;
}
#submenu, #submenu-film {
	font-size:10px;
	line-height:10px;
	letter-spacing:1px;
	height:36px;
}
#menu-mobile {
  position: fixed;
  z-index: 100;
  background-color: rgba(255,255,255, 1);
  width: 100%;
  height: 100%;
	top:0;
	left:0;
  text-align: center;
  display: none;
  color: white;
}
#menu-mobile ul {
  display: table-cell;
  vertical-align: middle;
  padding-left: 0 !important;
}


/* HOMEPAGE ----------------------------------------------------------- */

#norte, #este, #sur, #oeste {
	background: #fff;
	position: fixed;
	z-index: 2000;
}
#este, #oeste {
	top: 0;
	bottom: 0;
	width: 5px;
}
#este {
	right: 0;
}
#oeste {
	left: 0;
}
#norte, #sur {
	left: 0;
	right: 0;
	height: 5px;
}
#norte {
	top: 0;
}
#sur {
	bottom: 0;
}
.scroll-down {
	position:fixed;
	left:0;
	right:0;
	bottom:100px;
	width:100%;
	text-align:center;
	opacity:0.75;
	z-index:100;
	-vendor-animation-duration: 3s;
	-webkit-animation-delay: 0;
    -webkit-animation-iteration-count: 1;
}
@keyframes pulse {
  0% {transform: scale(1);}
  50% {transform: scale(1.1);}
  100% {transform: scale(1);}
}
.scroll-down img {
	cursor:pointer;
}
.button {
    display: inline-block;
    border: 1px solid #231f20;
	font-family: 'Open Sans Condensed', sans-serif;
    font-size: 15px;
	line-height:26px;
	font-weight: 300;
    text-transform: uppercase;
    text-align: center;
    padding: 4px 14px;
    letter-spacing: 1px;
    width: auto;
	margin-right:45px;
}
.button:hover, .resume-button.current {
    border: 1px solid #000!important;
	background-color:#000!important;
	color:#fff!important;
	opacity:1!important;
}
.work-prev .button:hover,
.work-next .button:hover {
	background-color:#fff;
	color:#000;
	opacity:1;
}

/* HOMEPAGE WORKS ----------------------------------------------------- */

.works-title {
	position:absolute;
	left:0;
	right:0;
	top:5px;
	margin:0 auto;
	z-index:1;
	text-align:center;
	width:115px;
}
.works-title .canvas {
	display:block;	
	width:115px;
	height:40px;
	margin:0 auto;
	background-color:#fff;
	padding-top:5px;
	font-family: "Open Sans", sans-serif;
	font-weight:600;
	font-size:16px;
	line-height:25px;
	letter-spacing:1px;
}
#works-homepage {
	display:inline-block;
	position:relative;
	width:100%;
	padding:5px; 
	margin:5px 0 0 0;
}
.thumb-work-home {
	position:relative; 
	width:50%;
	height:380px;
	float:left;
	margin:0;
	padding-right: 5px;
	margin-bottom: 5px;
}
.thumb-work-home.last {
	padding-right: 0;
}
.thumb-work-home .files-container {
	width:100%;
	height:380px;
	overflow:hidden;
}
.thumb-work-home .files-container a img {
	width:100%;
	height:100%;
	object-fit: cover;
}
.thumb-work-home h2 {
	position:absolute;
	top:0;
	left:0;
	right:5px;
}
.thumb-work-home.last h2 {
	right:0;
}
.thumb-work-home h2 a {
	display: -webkit-box;
  	display: -moz-box;
  	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
    -webkit-align-items: center;
    -webkit-justify-content: center;
    align-items: center;
    justify-content: center;
	width:100%;
	height:380px;
	font-family: "Open Sans", sans-serif;
	font-weight:600;
	font-size:18px;
	line-height:25px;
	letter-spacing:1px;
	text-transform:uppercase;
	text-align:center;
    background-color: rgba(0,0,0,0);
	color: rgba(255,255,255,0); 
    margin: auto;
	-webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}
.thumb-work-home h2 a span.underlined {
	padding-bottom:5px;
	border-bottom:1px solid rgba(255,255,255,0);
	-webkit-transition: border-bottom-color 0.5s ease-in-out;
    -moz-transition: border-bottom-color 0.5s ease-in-out;
    transition: border-bottom-color 0.5s ease-in-out;
}
.thumb-work-home h2:hover > a {
	background-color: rgba(0,0,0,0.50);
	color: rgba(255,255,255,1);
}
.thumb-work-home h2:hover > a span.underlined {
	border-bottom:1px solid rgba(255,255,255,1);
}
.mc-image {
	webkit-transform: translate3d(0, 0, 0);
}

/* WORKS -------------------------------------------------------------- */

.works-isotope-container {
	margin-left:5px;
}
#works-isotope {
	position:relative;
	width:100%;
	padding:0; 
	margin:0;
}
.thumb-work-isotope-sizer {
	width:33.3%;
}
.thumb-work-isotope { 
	width:33.3%;
	height:250px;
	float:left;
	margin:0;
	padding-right: 5px;
	margin-bottom: 5px;
}
.thumb-work-isotope.last {
	padding-right: 5px;
}
.thumb-work-isotope .files-container {
	width:100%;
	height:250px;
	overflow:hidden;
}
.thumb-work-isotope .files-container a img {
	width:100%;
	height:100%;
	object-fit: cover;
}
.thumb-work-isotope h2 {
	position:absolute;
	top:0;
	left:0;
	right:5px;
}
.thumb-work-isotope.last h2 {
	right:5px;
}
.thumb-work-isotope h2 a {
	display: -webkit-box;
  	display: -moz-box;
  	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
    -webkit-justify-content: center;
    align-items: center;
    justify-content: center;
	width:100%;
	height:250px;
	font-family: "Open Sans", sans-serif;
	font-weight:600;
	font-size:18px;
	line-height:25px;
	letter-spacing:1px;
	text-transform:uppercase;
	text-align:center;
    background-color: rgba(0,0,0,0);
	color: rgba(255,255,255,0); 
    margin: auto;
	-webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}
.thumb-work-isotope h2 a span.underlined {
	padding-bottom:5px;
	border-bottom:1px solid rgba(255,255,255,0);
	-webkit-transition: border-bottom-color 0.5s ease-in-out;
    -moz-transition: border-bottom-color 0.5s ease-in-out;
    transition: border-bottom-color 0.5s ease-in-out;
}
.thumb-work-isotope h2:hover > a {
	background-color: rgba(0,0,0,0.50);
	color: rgba(255,255,255,1);
}
.thumb-work-isotope h2:hover > a span.underlined {
	border-bottom:1px solid rgba(255,255,255,1);
}
#submenu-works {
	float:none;
	height:45px;
}
#submenu-works ul {
	display: -webkit-box;
  	display: -moz-box;
  	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-around;
	justify-content: space-around;
}
#submenu-works ul li {
	cursor:pointer;
	line-height:21px;
}
#submenu-works ul li.current {
	padding-bottom:0;
	border-bottom:1px solid #231f20;
}
#submenu-works-mobile {
	display:none;
    overflow: hidden;
    height: 0;
	text-transform: uppercase;
    -webkit-transition: height 0.25s;
    -moz-transition: height 0.25s;
    -ms-transition: height 0.25s;
    -o-transition: height 0.25s;
    transition: height 0.25s;
}
#submenu-button {
	display:none;
	margin-bottom:20px;
	margin-left: 5.55555556%;
	width: 88.88888889%;
	text-transform: uppercase;
}
.submenu-current {
	padding-bottom:2px;
	border-bottom:1px solid #231f20;
}
#submenu-works-list {
	text-align:center;
	margin-bottom:40px;
}
#submenu-works-list li {
	cursor:pointer;
	padding-top:10px;
	padding-bottom:10px;
}
.float-right {
	float:right;
}
	
/* WORK -------------------------------------------------------------- */

#expandable-container {
	top:100%;
	display:none;
	position: absolute;
	width: 100%;
	height: auto;
	z-index:90;
	overflow:visible;
}
.expandable-container-top {
	display:none;
	height:200px;
}
.close-expandable-mobile {
	display:none;
}
#inner {
	color:#fff;
	background-color: #000;
	padding-bottom:40px;
}
#inner img {
	max-width:100%;
	max-height:80px;
}
.video-player-container {
	position:relative;
	padding:0 5px;
}
/*
.video-player-container:hover > .video-js .vjs-tech {
	-webkit-transition: all 0.25s;
    -moz-transition: all 0.25s;
    -ms-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s;
}
.video-player-container:hover > .video-js .vjs-tech {
	filter: url("data:image/svg+xml;utf9,<svg%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'><filter%20id='blur'><feGaussianBlur%20stdDeviation='10'%20/></filter></svg>#blur");
  -webkit-filter:blur(10px);
  -ms-filter: blur(10px);
  -o-filter: blur(10px);
  filter:blur(10px);
}
*/
.video-js {
	width:100%;
	margin-left:auto;
	margin-right:auto;
}
.vjs-fullscreen #video-player_html5_api {
	height:100%!important;
}
.video-js .vjs-big-play-button {
	top:65%;
	left:50%;
    width: 65px;
	height: 65px;
	margin-left:-32px;
    border: 0;
    background-color: rgba(255,255,255,0);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.vjs-poster:hover {
	cursor:default!important;
}
.video-js .vjs-progress-control:hover .vjs-play-progress:after {
    display:none;
}
.video-js:hover .vjs-big-play-button,.video-js .vjs-big-play-button:focus{
	outline:0;
	background-color: rgba(255,255,255,0);
	opacity:0.65;
	-webkit-transition:all 0s;
	-moz-transition:all 0s;
	-o-transition:all 0s;
	transition:all 0s;
}
.video-js .vjs-big-play-button:before {
    content: url("../imgs/play.svg");
}
.video-js .vjs-control-bar {
    display: none;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 25px;
    background-color: rgba(255,255,255,0);
}
.vjs-has-started .vjs-control-bar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    visibility: visible;
	padding:0 40px;
	bottom:40px;
    opacity: 1;
    -webkit-transition: visibility .1s,opacity .1s;
    -moz-transition: visibility .1s,opacity .1s;
    -o-transition: visibility .1s,opacity .1s;
    transition: visibility .1s,opacity .1s;
}
.video-js .vjs-play-control:before {
    content: url("../imgs/playing.svg");
}
.video-js.vjs-playing .vjs-play-control:before {
    content: url("../imgs/pausing.svg");
}
.video-js .vjs-fullscreen-control:before,
.vjs-icon-fullscreen-exit:before,
.vjs-icon-fullscreen-exit:before,
.video-js.vjs-fullscreen .vjs-fullscreen-control:before{
    content: url("../imgs/fullscreen.svg");
}
.video-js .vjs-control {
	margin:0 2em;
}
.vjs-icon-circle:before, .video-js .vjs-mouse-display:before, .video-js .vjs-play-progress:before, .video-js .vjs-volume-level:before {
	content: ""!important;
}
.video-js .vjs-mouse-display,
vjs-current-time-display,
.video-js .vjs-control-text {
	display:none!important;
}
.video-js .vjs-mute-control, .video-js .vjs-volume-menu-button {
	display:none;
}
.video-js .vjs-time-control {
	font-family:"Work Sans",serif;
	font-weight:500;
    font-size: 16px;
    line-height: 26px;
}
.vjs-poster {
	background-size:cover;
}
.big-thumb {
	overflow:hidden;
	background-color:#fff;
	width: 100%;
    max-width: 100%;
    height: 510px;
	
}
.big-thumb .files-container {
	
}
.work-title {
	width:50%;
	position:absolute;
	top:41%;
	left:25%;
	z-index:20;
	text-align:center;
	text-transform:uppercase;
	font-size:54px;
	line-height:40px;
	font-weight:300;
	letter-spacing:1.5px;
	color:#fff;
}
.work-title:hover {
	cursor:default;
}
.work-prev, .work-next {
	opacity:0;
	width:25%;
	height:70%;
	position:absolute;
	top:0;
	z-index:21;
	-webkit-transition:opacity 250ms;
	-moz-transition:opacity 250ms;
	-o-transition:opacity 250ms;
	transition:opacity 250ms;
}
.work-prev {
	left:0;
	text-align:left;
}
.work-next {
	right:0;
	text-align:right;
}
.work-prev-mobile, .work-next-mobile {
	display:none;
}
.work-prev .button, .work-next .button {
	position:relative;
	color:#fff;
	border-color:#fff;
	margin:0;
	top:58%;
}
.work-prev .button {
	margin-left:60px;
}
.work-next .button {
	margin-right:60px;
}
.work-prev:hover, .work-next:hover {
	opacity:1;
}
iframe, embed, object {
	max-width: 100%;
}
video {
	max-width: 100%;
	height: auto;
}
.work-subtitle-header,
.work-title-expand,
.work-subtitle-expand {
	margin-top:40px;
	font-size:18px;
	line-height:24px;
	letter-spacing:1px;
	font-weight:300;
	text-transform:uppercase;
}
.work-subtitle-header {
	font-size:15px;
	line-height:21px;
}
.work-title-expand {
	font-weight:500;
}
.work-title-expand,
.work-subtitle-expand {
	font-size:16px;
	margin-bottom:20px;
}
.work-subtitle-expand {
	margin-top:0;
}
p.title {
	font-size:16px;
	letter-spacing:1px;
}
.toggler, .toggler-close {
	display:block;
	margin-top:40px;
	font-size:16px;
	letter-spacing:1px;
	font-weight:500;
	text-align:right;
}
.toggler a, .toggler-close a {
	padding-bottom:4px;
	border-bottom: 1px solid #231f20;
}
.toggler-close a {
	color:#fff;
	border-bottom: 1px solid #fff;
}
.press-item {
	margin-bottom:40px;
}
.press-title {
	border-bottom: 1px solid #fff;
	padding-bottom:5px;
}
p.festivals {
	margin-bottom:0;
}
#expandable-container a {
	color:#fff;
	border-bottom: 1px solid #fff;
	padding-bottom:5px;
}

/* WORDS ---------------------------------------------------------------- */

.slider-words-container {
	padding:0;
}
.slider-words img {
	max-width:100%;
	max-height:500px;
	position:absolute;
	right:0;
}
#about {
	padding-top:35px;
}
.bio-content {
	margin-bottom: 30px;
}
#about .contact {
	/* margin-top:30px; */
}
#about a {
	padding-bottom: 3px;
    border-bottom: 1px solid #231f20;
}
#about .contact {
	padding:0;
}
#about .resume-buttons {
	margin-top:60px;
}
#about .resume-buttons a {
	margin-right:10px;
	margin-bottom:10px;
}
#about .resume-buttons a.download {
	margin-right:0;
}
#resume {
	padding-top:45px;
}
.resume-content {
	padding-top:45px;
}
.resume-mobile {
	display:none;
}
table {
	margin-bottom:30px;
	width:100%;
}
table td {
	padding-right:10px;
}
.col1 {
	width:22.22222222%;
}
.col2 {
	width: 27.77777778%;
}
.col3 {
	width: 38.88888889%;
}


/* FOOTER --------------------------------------------------------------- */

footer {
	margin-top:200px;
	margin-bottom:60px;
	font-size:14px;
	font-weight:500;
	line-height:25px;
	letter-spacing:1px;
}
footer.fixed {
	position:fixed;
	width:100%;
	left:0;
	right:0;
	bottom:0;
}
footer.ishome {

}
footer .share {
	text-align: right;
}
footer .share-text,
footer .share-button {
	cursor:pointer;
	float:right;
}
footer .share-button,
footer .credits-button {
	border-bottom:1px solid #231f20;
}
footer .credits-button {
	margin-left:60px;
}
footer .share-text {
	margin-right:8px;
}
footer .credits {
	text-align: right;
}
footer .credits-text,
footer .credits-button {
	cursor:pointer;
	float:right;
}
footer .credits-container {
	display:block;
	margin-top:10px;
}
footer .credits-text {
	font-size:12px;
	color:#999!important;
	text-align:right;
	float:none;
}
footer .credits-text a {
	color:#999!important;
	border-bottom:1px solid #999;
}
#social ul {
    overflow: auto;
}
#social ul li {
    list-style-type: none;
    float: left;
}
#social ul li a i {
    background: #fff;
    color: #231f20;
    width: 30px;
    height: 30px;
    border-radius: 15px;
    font-size: 18px;
	line-height:30px;
    text-align: right;
    margin-right: 10px;
	padding-left:4%;
    transition: all 0.2s ease-in-out;
	text-align:center;
	vertical-align:middle;
}
#social ul li a i:hover {
    opacity: .7;
}

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

@media screen and (min-width:1535px){


}

@media screen and (max-width:1299px){	/* MD */

	.container {
		
	}

	.work-title {
    	width: 100%;
    	top: 38%;
		height:46px;
    	left: 0;
    	font-size: 46px;
    	line-height: 46px;
	}

}

@media screen and (max-width:991px){	/* SM */
	
	.container {
		
	}
	header .menus {
		display:none;
	}
	header:hover .header-title-hover,
	header:hover .header-menu-title-hover {
		opacity:0;
	}
	header .header-title img, header .header-title-hover img {
		width:150px;
	}
	header .header-menu-title img, header .header-menu-title-hover img {
		width:20px;
	}
	#menu-mobile {
		font-size:24px;
		letter-spacing:1px;
		text-transform:uppercase;
	}
	#menu-mobile ul li {
		padding:50px 0;
	}
	.thumb-work-home h2 a,
	.thumb-work-isotope h2 a {
	    font-size: 12px;
    	line-height: 20px;
	}
	.thumb-work-home h2 a span.underlined,
	.thumb-work-isotope h2 a span.underlined {
    	padding-bottom: 0;
	}
	.works-title .canvas {
    	width: 70px;
    	height: 23px;
    	padding-top: 0;
    	font-size: 11px;
    	line-height: 20px;
    	letter-spacing: 1px;
	}
	#submenu-works {
		font-size:12px;
	}
	#about {
    	padding-top: 0;
	}
	.bio-content {
		padding-top: 0;
	}
	.bio-content {
		margin-bottom: 0;
	}
	#about .contact {
		margin-top:30px;
	}
	#resume {
		padding-top:0;
	}
	#resume table {
		display:none;
	}
	.resume-mobile {
		line-height:20px;
		display:block;
	}
	.slider-words-container {
    	padding-top: 30px;
	}
	.work-title {
    	width: 100%;
    	top: 28%;
		height:40px;
    	left: 0;
    	font-size: 38px;
    	line-height: 40px;
	}
	.video-js .vjs-big-play-button {
    	top: 70%;
    	left: 50%;
	}
	.work-prev, .work-next {
		display:none;
	}
	/*
	.work-nav-mobile {
		position:fixed;
		bottom:0;
		width:100%;
		background-color:#fff;
	}	
	*/
	.work-prev-mobile, .work-next-mobile {
		display:block;
		font-size:28px;
		padding:30px 0 30px;
	}
	.work-next-mobile {
		text-align:right;
	}
	.work-subtitle-header, .work-title-expand, .work-subtitle-expand {
    	margin-top: 40px;
    	font-size: 14px;
    	line-height: 18px;
	}
	.toggler, .toggler-close {
    	margin-top: 25px;
    	font-size: 14px;
	}
	.close-expandable-mobile {
		display:block;
		text-align:right;
		padding-top:40px;
	}
	.toggler-close {
		display:none;
	}
	.thumb-work-isotope-sizer {
		width:49.9%;
	}
	.thumb-work-isotope { 
		width:49.9%;
	}
	.expandable-container-top {
		height:180px;
	}
	.slider-words img {
		max-width:100%;
		max-height:none;
		position:relative;
	}
	footer .credits-button {
		margin-left:10px;
	}
}

@media screen and (max-width:767px){	/* XS */

	.container {
		
	}
	header {
    	padding-top: 20px;
		min-height: 70px;
	}
	#content {
    	margin-top: 80px;
	}
	/*
	#works-homepage {
    	padding-top: 100px;
	}
	.works-title {
		top:100px;
	}
	*/
	.thumb-work-home {
    	width: 100%;
    	padding-right: 0;
    	margin-bottom: 5px;
	}
	.thumb-work-home h2 {
		right:0;
	}
	.work-title {
		display:none;
	}
	.video-js .vjs-big-play-button {
    	top: 50%;
		margin-top:-32px;
	}
	.work-nav-mobile .toggler {
		text-align:center;
	}
	.thumb-work-isotope-sizer {
		width:100%;
	}
	.thumb-work-isotope { 
		width:100%;
	}
	.button {
    	margin-right: 5px;
		margin-bottom: 5px;
	}
	#about .contact2 {
    	margin-top: 10px;
	}
	.expandable-container-top {
		height:100px;
	}
	.toggler, .toggler-close {
    	margin-top: 25px;
    	font-size: 12px;
	}
	#submenu-works {
		display:none;
	}
	#submenu-works-mobile {
		display:block;
	}
	#submenu-button {
		display:block;
	}
	footer {
		font-size:12px;
		line-height:20px;
	}
	
}

@media screen and (max-width:736px){	/* IPHONE 6 PLUS */

	.container {
		
	}
	.scroll-down {
		bottom:35px;
	}

}

@media screen and (max-width:667px){	/* IPHONE 6 */

	.container {
		
	}

}

@media screen and (max-width:600px){	/* SMALL TABLET */

	.container {
		
	}

}

@media screen and (max-width:568px){	/* IPHONE 5, 5S */

	.container {
		
	}
	
}

@media screen and (max-width:480px){	/* IPHONE 5, 5S */

	.container {
		
	}
	
}

@media screen and (max-width:320px){	/* OLD IPHONES */

	.container {
		
	}

}