@font-face {
    font-family: 'MuseoSans_500';
    src: url('/fonts/MuseoSans_500.eot');
    src: url('/fonts/MuseoSans_500.eot') format('embedded-opentype'),
         url('/fonts/MuseoSans_500.woff2') format('woff2'),
         url('/fonts/MuseoSans_500.woff') format('woff'),
         url('/fonts/MuseoSans_500.ttf') format('truetype'),
         url('/fonts/MuseoSans_500.svg#MuseoSans_500') format('svg');
}

@font-face {
    font-family: 'MuseoSans300';
    src: url('/fonts/MuseoSans300.eot');
    src: url('/fonts/MuseoSans300.eot') format('embedded-opentype'),
         url('/fonts/MuseoSans300.woff2') format('woff2'),
         url('/fonts/MuseoSans300.woff') format('woff'),
         url('/fonts/MuseoSans300.ttf') format('truetype'),
         url('/fonts/MuseoSans300.svg#MuseoSans300') format('svg');
}
@font-face {
    font-family: 'MinionProRegular';
    src: url('/fonts/MinionProRegular.eot');
    src: url('/fonts/MinionProRegular.eot') format('embedded-opentype'),
         url('/fonts/MinionProRegular.woff2') format('woff2'),
         url('/fonts/MinionProRegular.woff') format('woff'),
         url('/fonts/MinionProRegular.ttf') format('truetype'),
         url('/fonts/MinionProRegular.svg#MinionProRegular') format('svg');
}


html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

html, body {
    height: 100%;
    width: 100%;
}


/*Stylesheet*/

/*
#mainwrapper {
	 -webkit-transition: all 600ms ease-in-out;
    -moz-transition: all 600ms ease-in-out;
    -o-transition: all 600ms ease-in-out;
    transition: all 600ms ease-in-out;
    position: fixed;
	position: absolute;
    width: 100%;
    top: 70px;
    height: 100%;
}
*/
#main {
	 height: 100%;
    width: 100%;
    -webkit-transition: all 600ms ease-in-out;
    -moz-transition: all 600ms ease-in-out;
    -o-transition: all 600ms ease-in-out;
    transition: all 600ms ease-in-out;
    position: fixed;
    top: 70px;
    left: 0;
}

section {
	    height: 100%;
	height: calc(100vh - 70px);
    position: absolute;
    position: relative;
    width: 100%;
    background: #e6dbcd;
/*    opacity: 1;*/
    transition: all 0.6s ease-in-out;
    z-index: 1;
}

section#enquiry {
	background:#1a1a1a;
}

/*
section{
	height: calc(100vh - 70px);
    position: relative;
    width: 100%;
}
*/
section.active {
/*	opacity:1;*/
	
	
}

.container {
	padding: 2.5% 5%;
	width: 90%;
	margin: 0 auto;
	clear: both;
	display: block;
	overflow: auto;
	position: relative;
}
.clear, * html .clearfix, *:first-child+html .clearfix {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0
}
.grid_1 {
                width: 6.5%;
}
.grid_2 {
                width: 15%;
}
.grid_3 {
                width: 25%;
}
.grid_4 {
                width: 33.33333333%;
}
.grid_5 {
                width: 40.5%;
}
.grid_6 {
                width: 50%;
}
.grid_7 {
                width: 57.5%;
}
.grid_8 {
                width: 64%;
}
.grid_9 {
                width: 74.5%;
}
.grid_10 {
                width: 83%;
}
.grid_11 {
                width: 91.5%;
}
.grid_12 {
                width: 100%;
}
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {
                margin: 0;
                float: left;
                display: block;
}

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0
}
*, *:before, *:after {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}
a {
	text-decoration: none;
	cursor: pointer;
	color: #fff;
}
img {
	border: none;
	max-width: 100%;
}
a, img {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
	outline: none;
}
textarea:focus, input:focus, select:focus {
	outline: none;
}
/* General */
body {
	font-family: 'MuseoSans_500', Gotham, sans-serif;
	font-size: 14px;
	background: #e6dbcd;
	color: black;
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.img {
	width: 100%;
	margin: 0;
	display: block;
}
/*
.content {
	margin: 0 auto;
	width: 100%;
	max-width: 806px;
	float: none;
}
*/
.content {
	margin: 0 auto;
	width: 100%;
	height:100%;
/*	max-width: 806px;*/
	float: none;
	transition: all 0.4s ease-in-out;
}
/* Headings */
h1, h2, h3, h4, h5 {
	margin: 0;
	font-weight: normal;
	text-align: center;
}
p {
	text-align: center;
	margin: 0;
}
h1 {
	font-size: 60px;
}
h2 {
}
h3 {
}
h4 {
	font-size: 40px;
	color: #2A3851;
}
/* Navigation */ 
header {
	margin: 0 auto;
	width: 100%;
	display: block;
	position: fixed;
	background: black;
	border-top:5px solid #877154;
	border-bottom:5px solid #877154;
	padding:10px 0;
	text-align: center;
	z-index: 20;
}

a.burger_menu {
	position: absolute;
	left:20px;
	top: calc(50% - 13px);
	display: inline-block;
	width:25px;
	height:25px;
}
a.burger_menu span {
	position:absolute;
	background:white;
	width:25px;
	height:2px;
	top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
	transition: all 0.6s ease-in-out;
}

a.burger_menu:hover span,a.burger_menu:hover span:after, a.burger_menu:hover span:before {
/*	transition: all 0.2s ease-in-out;*/
	background:#877154;
}
a.burger_menu span:after {
	position: absolute;
	display: block;
	content: '';
	width:25px;
	height:2px;
	background: white;
	top:8px;
	left:0;
	transition: all 0.6s ease-in-out;
}
a.burger_menu span:before {
	position: absolute;
	display: block;
	content: '';
	width:25px;
	height:2px;
	background: white;
	top:-8px;
	right:0;
	transition: all 0.6s ease-in-out;
}

a.burger_menu.active span{
	background: black;
}
a.burger_menu.active span:after{
	transform:rotate(45deg);
	top:0;
	height:2px;
}
a.burger_menu.active span:before{
	transform: rotate(-45deg);
	top:0;
	height:2px;
}
a.target.enquire_btn {
    position: absolute;
    top: calc(50% - 10px);
    right: 45px;
	letter-spacing: 2px;
    text-transform: uppercase;
	transition: all 0.2s ease-in-out;
}
a.target.enquire_btn:hover {
	color:#877154;
}
/*
.logo {
	margin: 0 auto;
	display: block;
}
*/

#logo {
	width:250px;
}
#logo1 {
		display:none;
	}
nav {
	margin: 0 auto;
	padding: 0;
}
#nav li {
	list-style: none;
	display: inline-block;
	padding: 0 25px 0 25px;
	font-size: 18px;
	line-height: 10px;
	position: relative;
}
#nav li a {
	color: #fff;
	text-transform: uppercase;
}
/* nav-toggle */
#nav-toggle {
	position: absolute;
	top: 20px;
	right: 15px;
	z-index: 10;
	cursor: pointer;
	width: 30px;
	height: 30px;
	display: none;
}
#nav-toggle span, #nav-toggle span:after, #nav-toggle span:before {
	cursor: pointer;
	height: 3px;
	width: 30px;
	background: #fff;
	position: absolute;
	display: block;
	content: '';
	top: 10px;
	-webkit-transition: all .6s ease-in-out;
	-moz-transition: all .6s ease-in-out;
	-o-transition: all .6s ease-in-out;
	transition: all .6s ease-in-out;
}
#nav-toggle span:before {
	top: -10px
}
#nav-toggle span:after {
	bottom: -10px
}
#nav-toggle.active span {
	background-color: transparent !important;
}
#nav-toggle.active span:after, #nav-toggle.active span:before {
	top: 0
}
#nav-toggle.active span:before {
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: a rotate(45deg)
}
#nav-toggle.active span:after {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: a rotate(-45deg)
}


/*footer*/ 
footer {
	float: right;
	margin-left: 5%;
	line-height: 74px;
}


.register {
	width: 100%;
	padding: 0;
	margin: 0;
	margin: 0 auto;
	position: relative;
	
/*	margin-top: 100px;*/
}


/*enquiry form stylesheet starts here*/
form#portal_enquiry {
    padding-top: 40px;
	
}
.formbox {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	max-width: 500px;
}
.formbox h3, .formbox h2 {
	color:white;
	text-transform: uppercase;
	font-size:14px;
	line-height: 18px;
}
.formbox h2 {
	font-size:22px;
	line-height: 26px;
}
.frame {
	margin: 0 auto;
	padding: 30px 0;
	width: 100%;
}

.wrapper {
    width: 48%;
	display:inline-block;
	min-height: 61px;
	float:left;
	text-align: center;
}

.placeholder-wrapper {
    position: relative;
}
span.placeholder {
    position: absolute;
    margin: 0 auto;
    top: 5px;
    left: 0;
    right: 0;
    display: inline-block;
    transition: all 0.2s ease-in-out;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;
    cursor: text;
	color: white;
    text-align: center;
}
span.minify {
	font-size: 10px;
	top:-15px;
	width:100%;
}

form#portal_enquiry {
    padding-top: 40px;
}
input, select {
    font-size: 12px;
    margin: 0 auto;
    padding: 5px 10px;
    color: white;
    border: 0 none;
    background: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    border-bottom: 1px solid white;
    text-align: center;
    letter-spacing: 2px;
    margin-bottom: 5px;
    overflow: visible;
    position: relative;
	width:100%;
	text-transform: uppercase;
	font-family: 'MuseoSans300';
}

/*
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
	-webkit-box-shadow: 0 0 0 1000px  #ffffff inset !important;
	background-color:transparent!important;
}
*/

div#enquiry1_HowDidYouHearHolder {
    text-align: center;
    width: 48%;
    float: right;
	padding-top: 2px;
}

select#enquiry1_enquiry_source {
    padding-bottom: 5px;
	height:25px;
}
input#token-input-suburb {
/*    border-bottom: 1px solid white;*/
	color:white;
}
input#chkInternational {
	 -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	display:none;
}
div#int_postcode {
    width: 48%;
	float: left;
	height:50px;
	text-align: center;
}
div#au_postcode {
    width: 48%;
	height: 50px;
	float: left;
	text-align: center;
}
input#int_zippostal {
	width:100%;
	height: 28px;
}
input#postcode {
        margin-bottom: 10px;
    }

    input.b_submit {
		font-weight: bold;
		letter-spacing: 4px;
		background: transparent;
		color: white;
		width: auto;
		padding: 10px 40px;
		font-size: 16px;
		cursor: pointer;
		border: 1px solid white;
		display: block;
		margin: 40px auto 20px;
    }

*.l-s-2 {
	letter-spacing:2px;
}

input.b_submit:hover {
/*
	border-color:#DAC48A;
	color:#DAC48A;
*/
}

select {
    padding: 0;
    text-align-last: center;
    text-align: center;
    -ms-text-align-last: center;
}

    select option {
        background: white;
		color:#393d4f;
        text-align: center;
        -moz-text-align-last: center;
        text-align-last: center;
        width: auto;
        display: block;
    }

    select#enquiry_enquiry_source {
		padding: 4px 0;
        text-align: center;
        border: none;
        margin-bottom: 20px;
		font-family: 'SaveurSans';
		border-bottom: 1px solid #525252;
		width:100%;
    }

.privacy {
    font-size: 11px;
    margin: 35px 10px 10px 10px;
    text-transform: none;
    letter-spacing: 1px;
    text-align: center;
    line-height: 15px;
	color: white;
/*	font-family: 'MuseoSans_500';*/
}

.chk_holder {
    margin: 0;
    display:inline-block;
    margin-bottom: 15px;
	float:left;
	width: 100%;
    text-align: center;
	text-transform: uppercase;
	color: white;
	
}

#chkInternational {
    border: 0 none;
    clip: rect(0px, 0px, 0px, 0px);
    height: auto;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    line-height: 25px;
    text-align: center;
    margin-bottom: 0;
    position: relative;
	width:48%;
   font-family: 'MuseoSans300';
}

    #chkInternational + label {
        background: url(/images/buttons/uncheck.png) no-repeat left center;
/*        color: #393d4f;*/
        padding-left: 26px;
        font-family: 'MuseoSans300';
		font-size:12px;
    }

    #chkInternational:checked + label {
        background: url('/images/buttons/1check.png') no-repeat left center;
		background-size: 13px 13px;
    }

p#th {
    text-align: center;
	max-width:480px;
	margin:auto;
	color: white;
    font-size: 14px;
    line-height: 20px;
}

input:-webkit-input-placeholder, textarea:-webkit-input-placeholder {
color: #fff;
opacity: 1;
}
 input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
color: #fff;
opacity: 1;
}
 input:-moz-placeholder, textarea:-moz-placeholder {
color: #fff;
opacity: 1;
}
 input::-moz-placeholder, textarea::-moz-placeholder {
color: #fff;
opacity: 1;
}
 input:-ms-input-placeholder, textarea:-ms-input-placeholder {
color: #fff;
opacity: 1;
}
 input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {
color: transparent;
}
 input:focus:-moz-placeholder, textarea:focus:-moz-placeholder {
color: transparent;
}
 input:focus::-moz-placeholder, textarea:focus::-moz-placeholder {
color: transparent;
}
 input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder {
color: transparent;
}

/* Token Style */
ul.token-input-list-project {
    width: 100%;
    margin: 0 auto;
    max-width: 100%;
    text-align: center;
    text-align-last: center;
    text-align: -moz-center;
    text-align: -webkit-center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0;
    border-bottom: 1px solid white;
    clear: both;
	margin-bottom:5px;
	height: 28px;
}

ul.token-input-focused-project li input{
/*
	color:red;
	background: red;
*/
	
}
li.token-input-input-token-project {
    margin: 0;
    padding: 0;
    list-style-type: none;
    width: 100%;
}

div#enquiry_HowDidYouHearHolder {
    text-align: center;
	width:48%;
	float:right;
}

ul.token-input-list-project li input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    width: 100% !important;
    margin-bottom: 0;
	color:#ffffff!important;
}

li.token-input-token-project p {
    display: inline;
    padding: 0;
    margin: 0 5px 0 0;
    line-height: 16px;
    font-size: 12px;
	
}

li.token-input-token-project {
    overflow: hidden;
    height: 22px;
    margin: 0;
    padding: 2px 5px;
    background-color: transparent;
    cursor: default;
    font-size: 12px;
    white-space: nowrap;
    list-style: none;
    display: inline-block;
    color:white;
}

div.token-input-dropdown-project {
    position: absolute;
    width: 100%;
    background-color: white;
    overflow-x: hidden;
    cursor: default;
    font-size: 11px;
    z-index: 13;
}

div.token-input-dropdown-project ul {
margin: 0;
padding: 0;
display: block !important;
}

div.token-input-dropdown-project ul li {
background-color: white;
font-size: 12px;
padding: 3px;
margin: 0;
list-style-type: none;
font-weight: 100 !important;
}

div.token-input-dropdown-project ul li.token-input-dropdown-item-project {
background-color: white;
}

div.token-input-dropdown-project ul li.token-input-dropdown-item2-project {
background-color: white;
}

div.token-input-dropdown-project ul li em {
font-weight: bold;
font-style: normal;
}

div.token-input-dropdown-project ul li.token-input-selected-dropdown-item-project {
background-color: #ccc;
color: #fff;
}
/* Parsley-error */
ul.parsley-errors-list.filled, ul.parsley-errors-list {
	font-size: 10px;
	list-style: outside none none;
	margin: 0 auto;
	padding: 0;
	position: relative;
	text-align: center;
	top: 0;
/*	display: inline-block;*/
/*	width:100%;*/
}

ul.parsley-errors-list.filled li, ul.parsley-errors-list li {
	padding: 0;
	text-align: center;
	color: red;
	display: inline-block;
}

.fullimage {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height:100%;
	width:100%;
	position: relative;
}

/*
#mainwrapper {
	 -webkit-transition: all 600ms ease-in-out;
    -moz-transition: all 600ms ease-in-out;
    -o-transition: all 600ms ease-in-out;
    transition: all 600ms ease-in-out;
    position: fixed;
	position: absolute;
    width: 100%;
    top: 70px;
    height: 100%;
}
*/


a.btn_play.venobox {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    right: 0;
    width: 82px;
    height: 82px;
	transition: all 0.2s ease-in-out;
	background-image: url('/images/buttons/playbutton.svg') ;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	display: none;
	transition: all 0.6s ease-in-out;
}
a.btn_play.venobox:hover {
	background-image: url('/images/buttons/playbutton-gold.svg') ;
}
.tb {
    display: table;
    height: calc(100vh - 70px);
}

.vbox-inline .tb {
	height:100%!important;
}
.vbox-inline .tbc { 
	height:100%!important;
}
.tbc {
	display:table-cell;
	vertical-align: middle;
	height: 100%;
}
.fullheight {
	 height: calc(100vh - 70px);
	
}


p.copy {
/*	padding:0 130px;*/
	padding: 0 20%;
	text-align: center;
	font-size: 20px;
	text-transform: uppercase;
	color:#85704F;
	font-family: 'MuseoSans300'
	
}
.link {
	display: block;
}

.halfheight{
	height:calc( (100vh - 70px) / 2 );
}
a.hover_design {
	display:block;
	position: relative;
	overflow: hidden;
}
a.hover_design span {
	position: absolute;
	left:0;
	top:0;
	bottom: 0;
	right:0;
	background:rgba(0,0,0, 0.5);
	opacity: 0;
	transition: all 0.4s ease-in-out;
	z-index: 1;
}

a.hover_design .featured_imgage {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    top:0;
	bottom: 0;
	left: 0;
	right: 0;
	position: absolute;
    display: block;
	transition: all 0.2s ease-in-out;
	margin:auto;
}
a.hover_design:hover .featured_imgage {
    top:-35px;
	bottom: -35px;
	left: -35px;
	right: -35px;
}
/*
a.hover_design:hover .featured_imgage {
    top:-30%;
	bottom: -30%;
}

section#heritage a.hover_design:hover .featured_imgage {
    top:-25%;
	bottom: -25%;
}
section#interiors a.hover_design:hover .featured_imgage, section#lifestyle a.hover_design:hover .featured_imgage {
    top:-10%;
	bottom: -10%;
}
*/
a.hover_design span:after {
	width:30px;
	height:30px;
	border-radius: 100%;
	content: '';
	position: absolute;
	top:0;
	bottom: 0;
	right:0;
	left:0;
	margin:auto;
	background: white;
	z-index: 1;
}
a.hover_design:hover span {
	opacity: 1;
}
a.hover_design:after, a.hover_design:before{
	position: absolute;
	content: '';
	left: 0;
	right:0;
	top:0;
	bottom:0;
	width:20px;
	height:2px;
	background: black;
	margin: auto;
	opacity: 0;
	transition: all 0.4s ease-in-out;
	z-index: 2;
}
a.hover_design:after {
	width: 2px;
	height: 20px;
}
a.hover_design:hover:after, a.hover_design:hover:before {
	opacity:1;
}
#map {
	width:100%;
}
/*

.creators_image {
	height: calc( 100vh - 70px - 100px);
}

.vbox-inline.figlio {
    width: 100%;
    height: 100%;
	width: auto;
    height: auto;
}
.vbox-inline.figlio .tb, .vbox-inline.figlio .fullheight {
	height:calc(100vh - 70px - 148px);
}
.vbox-container img.grid_6 {
	width:50%;
}

.vbox-inline.figlio p.creator_info {
	max-width:450px;
	margin:auto;
}
.half {
	width:50%!important;
	height:50%!important;

}
*/
.vbox-container {
    position: relative;
    background: #000;
    width: 98%;
/*    max-width: 1024px;*/
    margin: 0 auto;
}
.vbox-content {
    text-align: center;
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;
	max-height:auto!important;
	background: #e6dbcd;
}
.vbox-container img {
    max-width: 100%;
    height: auto;
/*	max-height:680px!important;*/
}
.vbox-inline {
	width:100%;
	max-width:1100px;
	height:100%;
	overflow: hidden;
}

.txtdiv {
    padding: 20px 40px;
    background: rgba(0,0,0, 0.9);
    left: 0;
    right: 0;
    margin: 0 auto;
    position: relative;
    -webkit-transition: all 600ms ease-in-out;
    -moz-transition: all 600ms ease-in-out;
    -o-transition: all 600ms ease-in-out;
    transition: all 600ms ease-in-out;
    bottom: 0;
}
/*
.bbbb {
    border: 1px solid white;
}
*/
.vbox-title {
	overflow: visible;
}
.desc_wrapper {
	color: #fff;
    cursor: pointer;
    display: inline-block;
    background: rgba(0,0,0, 0.9);
    margin: 0 auto;
    position: absolute;
    right: 0;
    left: 0;
    top: -28px;
    padding: 5px 0;
    width: 226px;
	text-align: center;
	border-bottom: 1px solid black;
	

}
span#desc {
/*	background:url('/images/buttons/minimise.png');*/
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: 2px;
	margin:auto;
	display: inline-block;
/*    border: 1px solid white;*/
    padding: 1px 2px;
	position: relative;
	font-family: 'MuseoSans300';
	min-width: 100px;
	
	
}
span#desc:after, span#desc:before {
	content:'';
	position: absolute;
	left:-5px;
	width:12px;
	height:2px;
	background: white;
	transform:rotate(45deg);
	top: 0;
    bottom: 0;
    margin: auto;
	transition:all 0.5s ease-in-out;
		
}
span#desc:after {
	transform: rotate(-45deg);
}
span#desc.expand:after {
	transform: rotate(90deg);
}
span#desc.expand:before {
	transform: rotate(180deg);
}

.slide_image {
	height:50%;
	margin-bottom:4%;
}
.vbox-inline .slide_image.grid_6.halfimage {
	width:48%;
}

#menu_wrapper {
	position: fixed;
    height: calc(100vh - 70px);
    width: auto;
    z-index: 3;
    top: 70px;
    padding-left: 80px;
    background:#620000;
	left:-340px;
	transition:all 0.6s ease-in-out;
	opacity:0;
}
#menu_wrapper.show {
	left:0;
	opacity:1;
}
#menu_wrapper .tbc{
	background:#1e1e1e;
	box-shadow: -5px 0px 35px #1e1e1e;
}
.menu_holder {
	display:block;
	
}
#menu {
    padding: 0 80px 0 40px;
    list-style: none;
}

#menu li {
	padding: 15px 0;
}
#menu li a {
	color: #85704f;
	text-transform: uppercase;
	letter-spacing: 2px;
	transition: all 0.2s ease-in-out;
}
#menu li a:hover {
	color:#ffffff;
}
#menu li a.active {
	color: #ffffff;
}
span.knp {
    display: block;
    position: absolute;
    margin: auto;
    height: 58px;
    padding: 20px;
    top: 0;
    bottom: 0;
    left: 0;
    background: #1e1e1e;
    color: #85704f;
    width: 80px;
	letter-spacing: 2px;
}
span.knp:after, span.knp:before {
    content: '';
    position: absolute;
    width: 80px;
    height: 5px;
    background: #85704F;
    left: 0;
    top: -10px;
}
span.knp:after {
    top: auto;
    bottom: -10px;
	
}
span.bar {
	position: absolute;
	left: 0;
	top:10%;
	display: block;
	width:80px;
}
span.bottom_bar {
	top:auto;
	bottom:10%;
}
span.bar:after, span.bar:before {
	content:'';
	position: absolute;
	width: 80px;
	height:3px;
	background:#85704F;
	top:-5px;
}
span.bar:before {
	top:auto;
	bottom:-5px;
}

span.name {
    position: absolute;
    left: 55px;
    color: white;
    top: -2px;
    bottom: 0;
    height: 16px;
    margin: auto;
	text-transform: uppercase;
	letter-spacing: 2px;
	cursor: pointer;
	transition: all 0.6s ease-in-out;
}
span.name:hover {
	color:#877154;
}

section#design .venobox.fullimage {
	background-size: contain;
	
}
.left {
	float:left;
}
.right {
	float:right;
}
p.creator_info {
    margin-bottom: 20px;
	font-size: 16px;
    line-height: 20px;
    font-family: 'MinionProRegular';
}
span.creator_name {
    display: block;
    text-align: center;
    padding-top: 10px;
    font-size: 12px;
	color: white;
	font-family: 'MinionProRegular';
	letter-spacing: 1px;
}

.logo-wrapper {
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    z-index: 3;
	text-align: center;
}
.disclaimer {
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    z-index: 3;
	text-align: center;
	bottom:20px;
	text-transform: uppercase;
	color:white;
	letter-spacing: 2px;
	font-size: 12px;
	width: 95px;
	
}
.logo-wrapper img.ispt {
    width: 95px;
    height: 42px;
}
.logo-wrapper img.host {
    width: 42px;
    height: 42px;
}
.icon_margin {
    margin-right: 30px;
}
.logo-wrapper .gal img {
    width: 58px;
    height: 42px;
}
.logo-wrapper .cbre img {
    width: 55px;
    height: 42px;
}
.mob {
	display: none;
}

.margin_tb_30 {
	margin:30px auto;
}
.margin_tb {
	margin-top:30px;
	margin-bottom:90px;
}
.player .video-wrapper {
	background:#e6dbcd!important;
}

a.num {
	font-size: 22px;
    line-height: 26px;
	    display: block;
    text-align: center;
	margin:10px auto;
}
.frame_wrapper {
	display: table;
	position: fixed;
	z-index: 100;
	width: 100%;		
	height:calc(100% - 71px);
	top:71px;
	background: #e6dbcd;
	opacity: 0;
	display: none;
	transition: all 0.6s ease-in-out;
}
.i_frame {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	
}
.inside_wrapper {
	display: table;
	width: 95%;
	background: #000000;
	height: calc(100vh - 200px);
	text-align: center;
	margin: auto;
}
.last_wrapper {
	display: table-cell;
	vertical-align: middle;
	
}



/* ------------------------------------------------------- */
/* -------------------- DISPLAY SUITE -------------------- */
/* ------------------------------------------------------- */


.displaysuite_popup{
	display: block;
    position: fixed;
    width: 1020px;
    height: 600px;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background: #000;
    z-index: 100;
    padding: 50px 20px;
    max-width: calc(100% - 40px);
	border: 4px solid #ffffff;
}
.displaysuite_popup_close {
	display: block;
	position: absolute;
	top: 10px;
	right: 20px;
	width: 30px;
	height: 30px;
}
.displaysuite_popup_close span{
	position: absolute;
	width: 1px;
	height: 100%;
	right: 0;
	left: 0;
	background: #ffffff;
    margin: 0 auto;
    transform: rotate(45deg);
}
.displaysuite_popup_close span:first-child{
	transform: rotate(-45deg);
}
.displaysuite_popup h2{
	font-family: 'MuseoSans_500';
	display: block;
	font-size: 28px;
	color: #ffffff;
	margin-bottom: 40px;
}
.displaysuite_popup h3{
	font-family: 'MuseoSans_500';
	display: block;
	font-size: 20px;
	color: #ffffff;
}
.displaysuite_video{
	position: absolute;
	width: calc(100% - 50px);
	height: calc(100% - 100px);
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	display: none;
}
.play_video_btn{
	border: 2px solid #ffffff;
	margin: 50px auto 0 auto;
	display: block;
	width: 70px;
	height: 70px;
	border-radius: 100%;
	position: relative;
	 
}
.play_video_btn span{
	display: block;
	position: absolute;
	top: 50%;
	left: 55%;
	transform: translate(-50%,-50%);
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 15px 0 15px 30px;
	border-color: transparent transparent transparent #ffffff;
}
.message_holder {
    display: table;
    width: 100%;
    vertical-align: middle;
    text-align: center;
	height: 100%;
}
.middle_content{
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	height: 100%;
	table-layout: fixed;
}
.whatchVideo{
	font-size: 16px;
	border-bottom: 2px solid #ffffff;
	color: #ffffff;
	margin: 20px auto 50px auto;
	display: block;
	width: 120px;
	position: relative;
	font-weight: 600;
}
.displaysuite_video .dv{
    margin: 0 auto;
    position: absolute;
    width: 100%;
    height: 100%;
	display: block;
}
.backtowebsite{
	font-size: 20px;
	border-bottom: 2px solid #ffffff;
	color: #ffffff;
	margin: 20px auto 50px auto;
	display: inline-block;
	position: relative;
	font-weight: 600;
}



@media screen and (max-width : 1460px) {
	p.copy {
		padding: 0 10%;
	}
}
@media screen and (max-width : 1280px) {
	p.copy {
		padding: 0 5%;
		font-size: 20px;
	}
}

@media screen and (max-width: 1024px) {
	.vbox-inline .tb {
		padding: 0 20px;
	}
	.vbox-container img {
		max-width: 95%;
	}
	.privacy {
		margin:15px 10px 25px;
	}
	.logo-wrapper {
		position: relative;
	}
	.disclaimer {
		position: relative;
		top:0;
		bottom: 0;
		display: block;
	}
	input.b_submit {
		margin:20px auto;
	}
}

@media screen and (max-width : 768px) {
	
	section#creators img.margin_tb_30 {
		width:119px!important;
	}
	
	.vbox-close {
		top:90px;
	}
	.disclaimer {
		padding: 40px 0;
	}
	
	.privacy {
		margin: auto auto 140px;
	}	
	input.b_submit {
		margin: 80px auto 40px;
	}
	input, select{
		margin-bottom: 10px;
	}
	.formbox h2 {
		margin-top: 90px;
		margin-bottom: 20px;
	}
	form#portal_enquiry {
		padding-top: 90px;
	}
	span.creator_name {
		font-size: 16px;
		color: black;
		line-height:20px;
		
	}
	section#creators h2 {
		font-size: 18px;
		text-transform: uppercase;
		
	}
	.title_wrapper {
		padding: 30px 105px 90px;
	}
	.num_wrapper + p {
		padding: 30px 105px 90px;
		font-size: 16px;
		font-family: 'MinionProRegular';
		line-height: 20px;
	}
	section#heritage .title_wrapper {
		padding:90px 105px 30px;
	}
	section#lifestyle .title_wrapper {
		padding:90px 105px;
	}
	
/*
	section#building .title_wrapper {
		padding-top: 30px;
	}
*/
	
	.title_wrapper h3 {
		color:#85704F;
		font-size:22px;
		margin-bottom: 30px;
		text-transform: uppercase;
		
	}
	
	.title_wrapper p, p.creator_info{
		font-size: 16px;
		font-family:'MinionProRegular';
		line-height:20px;
	}
	p.creator_info{
		padding: 0 105px;
	}
	
	
	.num_wrapper {
		text-align: left;
		padding: 20px;
		color:#85704F;
		font-size: 12px;
		letter-spacing: 2px;
	}
	section#heritage .num_wrapper {
		margin-bottom: 90px;
	}
	.num_wrapper span{
		color:#85704F;
		font-size: 12px;
		letter-spacing: 2px;
	}
	.num_wrapper span.swipe {
		text-transform: uppercase;
		float: right;
	}
	
	a.plus_design:after, a.plus_design:before {
		content:'';
		position: absolute;
		width:14px;
		height:2px;
		background:#85704F;
		margin:auto;
		top:auto;
		bottom:calc(-30px - 7px);
		left:0;
		right:0;
	}
	a.plus_design:after {
		width: 2px;
		height:14px;
		bottom: calc(-30px - 14px);
	}
	
	a.venobox.link {
		height:770px;
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;	
		
	}
	
	
	.back {
		height:50vh;
		width:90vw;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		display: inline-block;
	}
	p.copy {
		display: inline-block;
		margin: 90px auto;
	}
	section#creators .copy {
		padding: 0 155px;
	}
	.desk {
		display: none;
	}
	.mob {
		display: block;
	}
	#logo {
		width: 300px;
	}
	.grid_4 {
		width:100%;
	}
	
	.fullimage {
		height:calc(100vh - 78px);
	}
	.tb , .tbc {
		height:auto;
	}
	
	body.touch {
		overflow: auto;
	}
	.touch #main {
		height: auto;
		position: relative;
		transform: translateY(0)!important;
		text-align: center;
	}
	.touch section {
		height: auto;
		min-height: calc(100vh - 70px);
		position: relative;
		top: 0!important;
		bottom: 0!important;
		opacity: 1;
	}
	#menu_wrapper .tb {
		height: calc(100vh - 70px);
	}
	#menu_wrapper .tbc {
		height:100%;
	}
}

@media screen and (max-width : 760px) {
	.vbox-close {
		top:60px;
	}
	.last_wrapper iframe {
		width:100%!important;
	}
	
	.vbox-container {
		width:100%;
	}
	.vbox-container img {
		max-width: 100%;
		width:100%;
	}
	#menu_wrapper, #menu_wrapper .tb {
		height: calc(100vh - 56px);
	}
	#menu_wrapper {
		top:56px;
	}
	a.burger_menu span:before,a.burger_menu span, a.burger_menu span:after{
		width:20px;
	}
	ul.token-input-list-project {
		margin-bottom: 10px;
	}
	.icon_margin {
		margin-right:15px;
	}
	.wrapper, div#au_postcode, div#enquiry1_HowDidYouHearHolder, div#int_postcode {
		width: 100%;
	}
	a.plus_design:before{
		width:14px;
		bottom:-38px;
	}
	a.plus_design:after{
		height:14px;
		bottom: -44px;
	}
	
	.num_wrapper, .num_wrapper span {
		font-size: 14px;
	}
	
	.title_wrapper p, p.creator_info {
		font-size: 16px;
		line-height:20px;
	}
	section#heritage .title_wrapper {
		padding: 90px 30px 30px;
	}
	section#creators .copy, p.creator_info  {
		padding: 0 30px;
	}
	section#lifestyle .title_wrapper {
		padding: 90px 30px;
	}
	.num_wrapper + p {
		padding: 30px 30px 90px;
	}
	.title_wrapper {
		padding: 30px 30px 90px;
	}
	a.venobox.link {
		height:350px;
	}
	
	.touch section {
		min-height:auto;
	}
	.touch #main {
		top:56px;
	}
	
	.fullimage {
    height: calc(100vh - 56px);
}
	
	#logo {
		display:none;
	}
	#logo1 {
		display:block;
		width:68px;
		float:right;
		margin-right: 10px;
	}
	a.burger_menu {
		left:10px;
		width: 20px;
		height: 20px;
	}
	span.name {
		left: 35px;	
		font-size: 12px;
		 letter-spacing: 0;
		display:none;
	}
	a.target.enquire_btn {
		right:0;
		left:0;
		width:109px;
		font-size: 12px;
		bottom: 0;
		top:0;
		height: 14px;
		margin: auto;
	}
	
	
#nav-toggle {
	display: block;
	margin:auto;
}
ul#nav {
	display: none;
	margin-top:80px;
	clear:both;
}
ul#nav li {
	display: block;
	margin:2vh 0 !important;
	width: 100%;
	text-align: center;
	padding:0;
}
ul#nav li a{
	margin: 0;
	text-align: center;
	width: 100%;
	line-height: normal;
	color: #075fa8;
	padding: 10px 0;
	font-size: 16px;
}
}

@media screen and (max-width : 320px) {
	
	.icon_margin {
		margin-right:10px;
	}
	.fullheight {
		height:350px;
	}
	.title_wrapper h3 {
		font-size: 18px;
	}
	span.creator_name {
		font-size: 12px;
	}
	p.copy {
		font-size: 16px;
	}
	#logo {
		width: 125px;
	}
	#menu {
		padding: 0 76px 0 40px;
	}
	.touch #main, #menu_wrapper {
		top: 52px;
	}
	.fullimage, #menu_wrapper, #menu_wrapper .tb {
		height: calc(100vh - 52px);
	}
}

