/**
fonts
*/
@import url("http://fast.fonts.net/t/1.css?apiType=css&projectid=d619f4dc-9804-4285-854c-662dd3b44bdd");
@font-face{
font-family:"Aktiv Grotesk Bold";
src:url("Fonts/e5b10466-0a77-4de7-8499-db235184e968.eot?#iefix");
src:url("Fonts/e5b10466-0a77-4de7-8499-db235184e968.eot?#iefix") format("eot"),url("Fonts/17d11d65-4e0e-4681-88ab-4c5faa2fc3bf.woff2") format("woff2"),url("Fonts/b58d0e0d-fcd2-4365-bd63-c85a8ae3ed4d.woff") format("woff"),url("Fonts/d5d49499-3679-4b89-9ef5-f5a4b4dd7f8a.ttf") format("truetype"),url("Fonts/943552cc-7727-42fd-b8e1-a79a1829746d.svg#943552cc-7727-42fd-b8e1-a79a1829746d") format("svg");
}
@font-face{
font-family:"Aktiv Grotesk Regular";
src:url("Fonts/fd1d536a-3682-4d5d-949d-c3ed49bf82a2.eot?#iefix");
src:url("Fonts/fd1d536a-3682-4d5d-949d-c3ed49bf82a2.eot?#iefix") format("eot"),url("Fonts/d1af32f0-173d-417a-9c5e-abc33c4fd20c.woff2") format("woff2"),url("Fonts/5c9b4351-3407-4fab-96a1-d097522bb217.woff") format("woff"),url("Fonts/fdb92457-e497-46fe-bd46-656324061516.ttf") format("truetype"),url("Fonts/8388fb41-25ee-4605-968f-6a7feb654f81.svg#8388fb41-25ee-4605-968f-6a7feb654f81") format("svg");
}
/**
end of fonts
*/
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video, input {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
    box-sizing: border-box;
    font-weight: 300;
    border-radius: 0px;
    -webkit-margin-before: 0px;
    -webkit-margin-after: 0px;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, div, section, ul, li {
	display: block;
}
body {
	line-height: 1.25;
    font-size: 100%;
    -webkit-font-smoothing: antialiased;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

html,body{
    width: 100%;
}
#wrap{
    width: 100%;
    overflow: hidden;
}
.hidden, body.mobile .mobile-hidden, body.tablet .tablet-hidden, body.computer .computer-hidden {
    display: none;
    visibility: hidden;
}
.clear{
    clear: both;
}

/*
general styling
*/
button, a, #menu .menu-title {
    cursor: pointer;
}

/**
ASSIGN FONTS and FONT COLOURS
*/
body, strong, #site-index .the-job-info .related > span, .job-info-tab li h4,
.job-links a.current-job-link:hover, .job-links a.current-job-link:active {
    font-family:"Aktiv Grotesk Bold", Helvetica, Arial, sans-serif;
}
.sub-text, #page-content li .to-show, .click-to-show .sub-text, #page-content .contact-column,
#site-index .the-job-info, .job-info-tab li h5, #menu .search-input {
    font-family: "Aktiv Grotesk Regular", Helvetica, Arial, sans-serif;
}
body, a, a:link, a:visited, #menu .search-input,
body.index.mobile #wrap header#header.semi-trans .one-title,
body.index.tablet #wrap header#header.semi-trans .one-title,
body.index.mobile #wrap header#header.semi-trans #menu .search-input,
body.index.tablet #wrap header#header.semi-trans #menu .search-input {
    color: #999999;
    text-decoration: none;
}
.hp-gallery-text h2, a.hp-job-link, a.hp-job-link:link, a.hp-job-link:visited, .hp-play-video,
body.index.computer #header:not(:hover) #menu .one-title,
body.index.computer #header:not(:hover) #menu .search-input,
body.index.mobile #header:not(.semi-trans) #menu .one-title,
body.index.tablet #header:not(.semi-trans) #menu .one-title,
body.index.mobile #header:not(.semi-trans) #menu .search-input,
body.index.tablet #header:not(.semi-trans) #menu .search-input {
	color:#ffffff;
}
a:hover, a:active, a.selected, a.selected:link, a.selected:visited, a.selected:hover, a.selected:active,
.job-links a.current-job-link, a.hp-job-link:hover, a.hp-job-link:active, .hp-play-video:hover,
.hp-play-video:focus {
    color: #ff7f50;
}
.menu-title span, .submenu li a, .all_information .job-links, .job-info-tab h4, .job-info-tab h5,
.click-to-show, .to-show, .show-projects-for-client, .client-project-item a, .show-credits-in-category, 
.show-credits-title, #credits-title a, .contact-column, #menu .search-input {
    font-size: 16px;
}

/**
HEADER and MENU
*/
header#header {
    position: fixed;
    width: 100%;
    height: 48px;
    top: 0;
    left: 0;
    z-index: 100;
}
header#header, #menu .submenu,
body.index.mobile header#header.semi-trans,
body.index.tablet header#header.semi-trans {
    background-color: rgba(255,255,255,0.9);
}
body.index.computer header#header:not(:hover), 
body.index.mobile header#header:not(.semi-trans),
body.index.tablet header#header:not(.semi-trans) {
    background-color: rgba(255,255,255,0);
}
body.index header#header {
    -webkit-transition: background-color 0.5s linear;
	-moz-transition: background-color 0.5s linear;
	-ms-transition: background-color 0.5s linear;
	-o-transition: background-color 0.5s linear;
	transition: background-color 0.5s linear;
}

.page-header {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 0;
}
.page-header .homepage-link {
    display: block;
    padding: 16px;
}
.page-header .homepage-link, #menu, #menu .one-title, .one-title .inline-form, 
.menu-title, .menu-title span {
    height: 48px;
}
#menu {
    width: 100%;
}
body.tablet #menu, body.computer #menu, body.tablet .submenu, body.computer .submenu {
    padding-left: 33.33%;
}
#menu .one-title, .submenu > ul, .submenu .mobile-search {
    float: left;
    position: relative;
    width: 100%;
}
#search_span {
    display: none;
}
body.tablet #menu .one-title, body.computer #menu .one-title {
    width: 50%;
}
#menu .submenu {
    position: fixed;
    padding-top: 16px;
    padding-bottom: 16px;
    left: 0px;
    width: 100%;
    overflow-y: scroll;
}
body.mobile #menu .submenu {
    height: 100%;
}
body.mobile #menu .submenu a, .mobile-search .search-input {
    line-height: 2;
}
.submenu .mobile-search {
    padding-bottom: 30px;
}
.header-logo, .mobile-logo, .mobile-logo img {
    position: relative;
    height: 16px;
}
.mobile-logo {
    box-sizing: content-box;
    padding: 16px;
}
.mobile-logo, .menu-title span {
    display: inline-block;
}
.mobile-logo img {
    display: block;
    z-index: 50;
}
.menu-title span {
    vertical-align: top;
    line-height: 48px;
}
.submenu ul li a, body.tablet .menu-title, body.computer .menu-title, #menu .inline-form {
    padding: 0 16px;
}
.submenu ul li a {
    line-height: 20px;
    text-decoration: none;
}
body.mobile .submenu ul li a {
    line-height: 24px;
}
.one-title.has-submenu .submenu {
    display: none;
}
body.computer:not(.index) #menu:hover .one-title.has-submenu .submenu {
    display: block;
}

body.tablet #menu .one-title.search, body.computer #menu .one-title.search {
    width: 200px;
    padding-top: 8px;
    padding-bottom: 8px;
}
body.tablet #menu .search-input, body.computer #menu .search-input {
    height: 32px;
}
#menu .search-input {
    width: 100%;
    background-color: transparent;
    /*border-style: solid;
    border-color: #999999;
    border-width: 0 0 1px 0;*/
    outline: 0;
}
/*
body.index #header:not(:hover) #menu .search-input {
    border-color: #ffffff;
}*/
body.index.computer #header:not(:hover) #menu .search-input::-webkit-input-placeholder,
body.index.mobile header#header:not(.semi-trans) #menu .search-input::-webkit-input-placeholder,
body.index.tablet header#header:not(.semi-trans) #menu .search-input::-webkit-input-placeholder {
    color: #ffffff;
}
body.index.computer #header:not(:hover) #menu .search-input:-moz-placeholder,
body.index.mobile header#header:not(.semi-trans) #menu .search-input:-moz-placeholder,
body.index.tablet header#header:not(.semi-trans) #menu .search-input:-moz-placeholder {
    color: #ffffff;
}
body.index.computer #header:not(:hover) #menu .search-input::-moz-placeholder,
body.index.mobile header#header:not(.semi-trans) #menu .search-input::-moz-placeholder,
body.index.tablet header#header:not(.semi-trans) #menu .search-input::-moz-placeholder {
    color: #ffffff;
}
body.index.computer #header:not(:hover) #menu .search-input:-ms-input-placeholder,
body.index.mobile header#header:not(.semi-trans) #menu .search-input:-ms-input-placeholder,
body.index.tablet header#header:not(.semi-trans) #menu .search-input:-ms-input-placeholder {
    color: #ffffff;
}
body.index.computer #header:not(:hover) #menu .search-input::placeholder,
body.index.mobile header#header:not(.semi-trans) #menu .search-input::placeholder,
body.index.tablet header#header:not(.semi-trans) #menu .search-input::placeholder {
    color: #ffffff;
}

/**
CHANGE DISPLAY BUTTON
*/
#change-display {
    display: block;
    position: absolute;
    width: 112px;
    height: 48px;
    top: 0;
    right: 0;
    font-size: 0px;
    padding: 16px;
}
.btn-change-display {
    display: inline-block;
    position: relative;
    vertical-align: top;
    border-width: 0px;
    padding: 0px;
    height: 16px;
    outline: 0;
    background-color: transparent;
}
#btn-large-title-display {
    margin: 0 8px 0 0;
}
#btn-block-display {
    margin: 0 8px 0;
}
#btn-list-display {
    margin: 0 0 0 8px;
}
.chdisp-rectangle {
    display: block;
    width: 16px;
}
.chdisp-full, .chdisp-half, .chdisp-quater {
    background-color: #c3c1c1;
}
#wrap.large-title-display .chdisp-full, 
#wrap.block-display .chdisp-half,
#wrap.list-display .chdisp-quater {
    background-color: #666668;
}
.chdisp-full {
    height: 16px;
}
.chdisp-half {
    height: 7px;
}
.chdisp-half:nth-child(1) {
    margin: 0 0 2px;
}
.chdisp-half:nth-child(2) {
    margin: 2px 0 0;
}
.chdisp-quater {
    height: 3px;
}
.chdisp-quater:nth-child(1) {
    margin: 0 0 1px;
}
.chdisp-quater:nth-child(2) {
    margin: 1px 0 2px;
}
.chdisp-quater:nth-child(3) {
    margin: 2px 0 1px;
}
.chdisp-quater:nth-child(4) {
    margin: 1px 0 0;
}

/* HOMEPAGE */
#hp-loading{
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 90;
    top: 0;
    left: 0;
    opacity: 1;
    background-color: #ffffff;
    background-image: url(img/loading-logo-v1.gif);
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: local;
    -webkit-background-size: auto;
    -moz-background-size: auto;
    -o-background-size: auto;
    background-size: auto;
}
#hp-loading-pattern-container{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 144px;
    height: 16px;
    font-size: 0;
    overflow: hidden;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.hp-ldsquare {
    display: inline-block;
    position: relative;
    height: 16px;
    width: 16px;
    opacity: 0;
    -webkit-transition: opacity 500ms ease-in-out;
    -moz-transition: opacity 500ms ease-in-out;
    -o-transition: opacity 500ms ease-in-out;
    -ms-transition: opacity 500ms ease-in-out;
    transition: opacity 500ms ease-in-out;
}
.hp-ldsquare.hp-ldshown {
    opacity: 1;
}
.hp-ldsquare-100 {
    background-color: rgba(104,103,102,1.0);
}
.hp-ldsquare-80 {
    background-color: rgba(104,103,102,0.8);
}
.hp-ldsquare-60 {
    background-color: rgba(104,103,102,0.6);
}
.hp-ldsquare-40 {
    background-color: rgba(104,103,102,0.4);
}
.hp-ldsquare-20 {
    background-color: rgba(104,103,102,0.2);
}

/* homepage slideshow galleries */
#hp-slideshow-container, #homepage-slideshow, .hp-gallery {
    position: relative;
    width: 100%;
    overflow: hidden;
}
#hp-slideshow-container, #homepage-slideshow, .hp-gallery.hp-current-gallery {
    display: block;
}
#homepage-slideshow, .hp-gallery {
    height: 100vh;
}
.hp-gallery {
    display: none;
    float: left;
    opacity: 0;
}
.hp-gallery.hp-first-gallery {
    display: block;
    opacity: 1;
}
.hp-gallery-text {
    display: block;
    position: absolute;
    left: 0;
    top: 55%;
    -webkit-transform: translateY(-55%);
    -moz-transform: translateY(-55%);
    -ms-transform: translateY(-55%);
    -o-transform: translateY(-55%);
    transform: translateY(-55%);
    width: 100%;
    padding: 16px;
    z-index: 1;
}
/*
.video-playing > .hp-gallery-text {
    display: none;
}*/
.hp-gallery-text h2 {
    display:block;
    text-transform: lowercase;
    width: 80%;
    line-height: 1;
    margin-left: -2px;
}
.hp-job-link-play, .hp-job-link-play h3 {
    display: block;
}
.hp-job-link-play {
    margin-top: 10px;
}
.hp-job-link-play h3 {
    text-transform: lowercase;
    font-size: 18px;
    letter-spacing: 0px;
}
a.hp-job-link, a.hp-job-link:link, a.hp-job-link:visited, .hp-play-video {
    display: block;
    float: left;
    cursor: pointer;
}
.hp-job-link {
    margin-right: 16px;
}
.hp-play-video {
    visibility: hidden;
    height: 20px;
    line-height: 20px;
}
/*.hp-gallery-text.play-video-enabled .hp-play-video {
    visibility: visible;
}*/
.hp-play-video > span {
    display: inline-block;
    vertical-align: middle;
    height: 16px;
    line-height: 16px;
    padding-left: 16px;
    border-left: 2px solid #ffffff;
}

/* homepage slides */
.gallery-slides, .hp-slide {
    position: absolute;
    height: 100%;
    width: 100%;
}
.gallery-slides {
    display: block;
}
.hp-slide {
    display: none;
    opacity: 0;
}
.hp-first-gallery .hp-slide:first-child, .hp-slide.hp-first-slide {
    display: block;
    opacity: 1;
}
.hp-video-slide {
    -webkit-transition: background-color 1s linear;
	-moz-transition: background-color 1s linear;
	-ms-transition: background-color 1s linear;
	-o-transition: background-color 1s linear;
	transition: background-color 1s linear;
    background-color: transparent;
}
.hp-single-image, .hp-single-video {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.video-playing .hp-video-slide {
    background-color: #ffffff;
}
.hp-single-video {
    -webkit-transition: opacity 1s ease-in;
	-moz-transition: opacity 1s ease-in;
	-ms-transition: opacity 1s ease-in;
	-o-transition: opacity 1s ease-in;
	transition: opacity 1s ease-in;
    opacity: 0;
}
.video-playing .hp-single-video {
    opacity: 1;
}
.hp-single-image.hp-video-cover {
    display: none;
    opacity: 0;
}

/* homepage thumbs */
.hp-thumbs {
    display: block;
    position: fixed;
    top: 50%;
    right: 16px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 10;
    -webkit-transition: opacity 0.5s ease-in;
	-moz-transition: opacity 0.5s ease-in;
	-ms-transition: opacity 0.5s ease-in;
	-o-transition: opacity 0.5s ease-in;
	transition: opacity 0.5s ease-in;
    opacity: 1;
}
.hp-thumbs.hidden {
    opacity: 0;
}
.hp-one-thumb, .hp-thumb-link, .hp-empty-thumb {
    display: block;
    position: relative;
    width: 40px;
}
.hp-thumb-link, .hp-empty-thumb {
    height: 40px;
    overflow: hidden;
}
img.hp-thumb-img {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
img.hp-thumb-img-landscape {
    height: 40px;
    width: auto;
}
img.hp-thumb-img-portrait {
    height: auto;
    width: 40px;
}
.hp-thumb-tint {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 40px;
    width: 40px;
    opacity: 0;
    background-color: rgba(0,0,0,0.5);
    -webkit-transition: opacity 0.5s linear;
	-moz-transition: opacity 0.5s linear;
	-ms-transition: opacity 0.5s linear;
	-o-transition: opacity 0.5s linear;
	transition: opacity 0.5s linear;
}
.hp-current-thumb .hp-thumb-tint, .hp-thumb-link:hover .hp-thumb-tint, hp-thumb-link:active .hp-thumb-tint {
    opacity: 1;
}

/**
PAGE CONTENT - people, clients, credits, press, awards, etc
*/
#page-content, #page-content ul, #page-content li, #page-content li .click-to-show,
#page-content li .to-show, #page-content .uniform-cc-col, #page-content .contact-column,
#page-content .search-img-container {
    display: block;
    position: relative;
    width: 100%;
}
#page-content li .click-to-show, #page-content li .to-show,
#page-content .uniform-cc-col, #page-content .contact-column {
    float: left;
}
#page-content li .click-to-show, #page-content .uniform-cc-col, #page-content .contact-column {
    padding: 10px 16px;
}
#page-content li .to-show {
    padding: 10px 16px 30px;
    min-height: 80px;
}
#page-content {
    padding-top: 50vh;
}
#page-content #client-project-list.uniform-cc-col {
    padding-top: 20px;
}
#page-content .show-projects-for-client, #page-content .show-credits-in-category,
#page-content .show-credits-title, #page-content #credits-title > li > a {
    display: block;
    padding: 10px 0px;
}
#page-content .client-project-item {
    padding-bottom: 20px;
}

/* search page */
#page-content .one-search-result {
    padding: 40px 0px 20px;
}
#page-content .search-img-container {
    padding: 0px 16px;
}
#page-content .search-img {
    display: block;
    max-width: 100%;
}
#page-content > ul > li.one-search-result:nth-child(2n) {
	background-color: #f5f5f5;
}

/**
SITE-INDEX
*/
#site-index {
    margin-top: 48px;
}
#site-index, section.one-project, .project-title, .project_image, .project_image_container, 
.all_information .the-job-info, .all_information .job-links, .all_information .info-tab-inner,
.job-info-tab .one-col {
    display: block;
    position: relative;
    width: 100%;
}
#wrap.large-title-display .project_image {
    -webkit-transition: background-color 0.5s linear;
	-moz-transition: background-color 0.5s linear;
	-ms-transition: background-color 0.5s linear;
	-o-transition: background-color 0.5s linear;
	transition: background-color 0.5s linear;
}
#wrap.large-title-display .close-info.btn-shown ~ .project_image {
    background-color: rgba(255,255,255, 0.5);
}
section.one-project, .project_image {
    overflow: hidden;
}
.all_information {
    display: none;
    position: relative;
    margin-left: -16px;
    margin-right: -16px;
    overflow: hidden;
}
#site-index > section.one-project:nth-child(even) {
    background-color: #f5f5f5;
}
.project-title h2 {
    display: inline-block;
    width: auto;
    max-width: 95%;
}
body.mobile .project-title h2, body.mobile .hp-gallery-text h2 {
    font-size: 36px;
    line-height: 26px;
    letter-spacing: -2px;
    max-width: 80%;
}
body.tablet .project-title h2, body.computer .project-title h2,
body.tablet .hp-gallery-text h2, body.computer .hp-gallery-text h2  {
    font-size: 48px;
    line-height: 34px;
    letter-spacing: -3px;
}
#wrap.large-title-display .project-title {
    display: none;
}
.background-title, .project-title h2 {
    text-transform: lowercase;
}
.background-title {
    display: none;
    position: absolute;
    width: 100%;
    padding: 0px 16px;
    top: 15vh;
    left: 0px;
    font-size: 28vmin;
    line-height: 14.6vmin;
    /*letter-spacing: -1.73vmin;*/
    letter-spacing: -2vmin;
    word-spacing: 100%;
    margin-left: -1.73vmin;
}
#wrap.large-title-display .background-title {
    display: block;
}
.one-project .project-title, .one-project .project_image {
    padding-left: 16px;
    padding-right: 16px;
}
body.mobile .one-project .project-title {
    padding-top: 8px;
    line-height: 40px;
}
body.tablet .one-project .project-title,
body.computer .one-project .project-title {
    padding-top: 10px;
    line-height: 50px;
}
button.close-info {
    display: block;
    position: absolute;
    border-width: 0px;
    width: 60px;
    height: 48px;
    right: 0;
    font-size: 0px;
    outline: 0;
    padding: 16px;
    background-color: transparent;
    background-image: url(img/close-info.svg);
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: 22px 16px;
    visibility: hidden;
    z-index: 30;
    top: 23vh;
}
button.close-info:hover, button.close-info:focus {
    background-image: url(img/close-info-hover.svg);
}
#wrap.list-display button.close-info, #wrap.large-title-display button.close-info {
    top: 0;
}
#wrap.list-display .project_image, #wrap.list-display .one-project > .devider {
    display: none;
}
#wrap.list-display .all_information {
    height: 0;
    -webkit-transition: height 1s linear;
	-moz-transition: height 1s linear;
	-ms-transition: height 1s linear;
	-o-transition: height 1s linear;
	transition: height 1s linear;
}
#wrap.list-display .lv-expanded .all_information {
    height: auto;
}
#wrap.list-display .one-project.lv-expanded > .project_image {
    display: block;
}
#wrap:not(.list-display) .one-project {
    padding-top: 23vh;
    min-height: 66vh;
}

/* slideshow */
.project_image .container_wrap, .project_image .project-img {
	display: block;
	border: none;
	position: relative;
    height: 9.6vmin;
}

.project_image ul li.one-slide .single-image-container {
    display: block;
    position: relative;
    width: 100%;
}
.project_image ul li.one-slide .single-image-container.video-container{
    position: relative;
    display: inline-block;
    width: auto;
}

.project_image .project-img {
	height: 9.6vmin;
	opacity: 0.9;
	display: block;
	border: none;
	position: relative;
	z-index: 1;
}

.project_image video{
    height: 9.6vmin;
    width: 16.7vmin;
    position: absolute;
    top:0px;
    left: 0px;
    z-index: 0;
    visibility: hidden;
    background: #000;
}

.one-job-list, .one-slide {
	z-index: 0;
	opacity: 0;
}

.one-job-list.selected, .one-slide.selected {
	z-index: 10;
	opacity: 1;
}

.project_image .enlarged .project-img, .container_wrap > .one-job-list:nth-child(1),
.container_wrap > ul.one-job-list:first-child, .container_wrap > ul.one-job-list > .one-slide:first-child,
.one-slide.selected {
	opacity: 1;
}

.one-slide.selected .project-img {
	opacity: 0.9;
	-webkit-transition: opacity 1s ease;
	-moz-transition: opacity 1s ease;
	-ms-transition: opacity 1s ease;
	-o-transition: opacity 1s ease;
	transition: opacity 1s ease;
}

#site-index .loadinfo {
    display: none;
}

.project_image ul.one-job-list {
	display: block;
	position: absolute;
	width: 100%;
	height: 17.4vmin;
}

.project_image ul li.one-slide {
	position: absolute;
	height: 17.4vmin;
	width: 100%;
}

.control_prev, .control_next {
    display: none;
	position: absolute;
	height: 10vmin;
	width: 50%;
	top: 0px;
	z-index: 20;
}

.control_prev {
	left: 0px;
	cursor: url(img/prev.png) 30 30, pointer;
}

.control_next {
	right: 0px;
	cursor: url(img/next.png) 30 30, pointer;
}

.play-btn {
    display: none;
	position: absolute;
	top: 10%;
	left: 10%;
	width: 50px;
	height: 50px;
	background-image: url('images/play.png');
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
	z-index: 22;
	cursor: pointer;
	opacity: 0;
}

.play-btn.show {
    display: block;
	opacity: 1;
}
.go-to-website {
    cursor: url('img/external-link.png'), pointer;
}

/* slideshow job-info */
.all_information .job-info-tab {
    display: none;
    position: relative;
    width: 100%;
    overflow: hidden;
}

.all_information > .the-job-info > .job-info-tab:first-of-type {
    display: block;
}

.all_information .job-links, .all_information .job-info-tab, .job-info-tab .one-col {
    float: left;
}

.all_information .job-links, .job-info-tab .one-col {
    padding: 16px;
}

.job-info-tab .one-col ul > li:nth-child(n+2), .job-links .related:nth-child(n+2) > span {
    padding-top: 20px;
}

.job-links .related:nth-child(n+2) > span {
    display: block;
}

.job-links a.current-job-link, .job-links a.previous-job-link {
    -webkit-transition: color 4s linear;
	-moz-transition: color 4s linear;
	-ms-transition: color 4s linear;
	-o-transition: color 4s linear;
	transition: color 4s linear;
}

/* MEDIA QUERIES */
@media all and (orientation:portrait) {
    .hp-gallery-text h2 {
        width: 70%;
    }
}

/* floated elements width */
@media all and (min-width:560px) {
    body.mobile .submenu > ul, .submenu .mobile-search {
        width: 50%;
    }
}
@media all and (max-width:767px) {
    #page-content #client-project-list.uniform-cc-col, 
    #page-content #credits-job.uniform-cc-col, 
    #page-content #credits-title.uniform-cc-col {
        padding-top: 30px;
    }
}
@media all and (min-width:768px) {
    body.mobile .submenu > ul, .submenu .mobile-search, #page-content li .click-to-show, 
    #page-content .uniform-cc-col, #page-content .contact-column, .all_information .job-links {
        width: 33.33%;
    }
    #page-content li .to-show, .all_information .job-info-tab {
        width: 66.66%;
    }
    .job-info-tab .one-col {
        width: 50%;
    }
}
@media all and (min-width:1024px) {
    body.tablet #menu .one-title, body.computer #menu .one-title, 
    .submenu > ul, .submenu .mobile-search {
        width: 50%;
    }
}
@media all and (max-width:1279px) {
    body.tablet #pages_menu, body.computer #pages_menu {
        margin-top: 12px;
    }
}
@media all and (min-width:1280px) {
    body.tablet #menu, body.computer #menu, body.tablet .submenu, body.computer .submenu {
        padding-left: 25%;
    }
    body.tablet #menu .one-title, body.computer #menu .one-title, 
    .submenu > ul {
        width: 33.33%;
    }
    body.tablet #menu .one-title.search, body.computer #menu .one-title.search {
        width: 240px;
    }
    #page-content li .click-to-show, #page-content .uniform-cc-col, #page-content .contact-column,
    .all_information .job-links {
        width: 25%;
    }
    #page-content li .to-show, .all_information .job-info-tab {
        width: 50%;
    }
}
@media all and (min-width:1920px) {
    body.tablet #menu, body.computer #menu, body.tablet .submenu, body.computer .submenu {
        padding-left: 16.66%;
    }
    body.tablet #menu .one-title, body.computer #menu .one-title, 
    .submenu > ul {
        width: 20%;
    }
    body.tablet #menu .one-title.search, body.computer #menu .one-title.search {
        width: 280px;
    }
    #page-content li .click-to-show, #page-content .uniform-cc-col, #page-content .contact-column,
    .all_information .job-links {
        width: 16.66%;
    }
    #page-content li .to-show, .all_information .job-info-tab {
        width: 33.33%;
    }
}