@font-face {
	font-family: 'SourceSansProRegular';
	src: url('/fonts/sourcesanspro-regular-webfont.eot');
	src: url('/fonts/sourcesanspro-regular-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/sourcesanspro-regular-webfont.woff') format('woff'), url('/fonts/sourcesanspro-regular-webfont.ttf') format('truetype'), url('/fonts/sourcesanspro-regular-webfont.svg#sourcesanspro-regular-webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'SourceSansProSemiBold';
	src: url('/fonts/sourcesanspro-semibold-webfont.eot');
	src: url('/fonts/sourcesanspro-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/sourcesanspro-semibold-webfont.woff') format('woff'), url('/fonts/sourcesanspro-semibold-webfont.ttf') format('truetype'), url('/fonts/sourcesanspro-semibold-webfont.svg#sourcesanspro-semibold-webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'SourceSansProItalic';
	src: url('/fonts/sourcesanspro-italic-webfont.eot');
	src: url('/fonts/sourcesanspro-italic-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/sourcesanspro-italic-webfont.woff') format('woff'), url('/fonts/sourcesanspro-italic-webfont.ttf') format('truetype'), url('/fonts/sourcesanspro-italic-webfont.svg#sourcesanspro-italic-webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'SourceSansProBold';
	src: url('/fonts/sourcesanspro-bold-webfont.eot');
	src: url('/fonts/sourcesanspro-bold-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/sourcesanspro-bold-webfont.woff') format('woff'), url('/fonts/sourcesanspro-bold-webfont.ttf') format('truetype'), url('/fonts/sourcesanspro-bold-webfont.svg#sourcesanspro-bold-webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

:root {
    --doveGray: #646262;
    --lightBlue: #009ffd;
    --mainWhite : #ffffff;
    --mainDark : #232528;
	--mainYellow: #f89d31;
	--alto : #d7d7d7;
	--darkYellow: #f99d31;
	--lightYellow: #efc18b;
	--emperor: #525252;
	--red: #F00D0D;
	--mercury: #e1e1e1;
	--periwinkle: #dce6f2;
	--darkPeriwinkle: #C5D6E9;
	--bold: 'SourceSansProBold'
}

.semi-bold {
	font-family: 'SourceSansProSemiBold';
}

.bold {
	font-family: var(--bold);

}


.container {
	width: 100%;
    margin: 0 auto;
    clear: both;
    display: block;
    overflow: auto;
    position: relative;
}

 .w1100, .w1000, .w800, .w900, .w630 {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: calc(100% - 80px);
}

.w630 {
    width: 630px;
}
.w800 {
    width: 800px;
}
.w900 {
    width: 900px;
}
.w1000 {
    width: 1000px;
}

.w1100 {
	width: 1100px;
}

.centre-align {
    text-align: center;
}
.ptb60 {
    padding-top: 60px;
    padding-bottom: 60px;
}


.clear, * html .clearfix, *:first-child+html .clearfix {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0
}
*{
	text-size-adjust: none;
	-webkit-text-size-adjust: none
}
.grid_1 {
                width: 8.33%;
}
.grid_2 {
                width: 16.67%;
}
.grid_3 {
                width: 25%;
}
.grid_4 {
                width: 33.33%;
}
.grid_5 {
                width: 41.67%;
}
.grid_6 {
                width: 50%;
}
.grid_7 {
                width: 58.33%;
}
.grid_8 {
                width: 66.67%;
}
.grid_9 {
                width: 75%;
}
.grid_10 {
                width: 83.33%;
}
.grid_11 {
                width: 91.67%;
}
.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 {
                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: var(--mainBlack);
}
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;
}
p {
    text-align: left;
    margin: 0;
    /* margin: 15px 0; */
    line-height: 1.4;
    letter-spacing: 0.2px;
}

textarea:focus, input:focus, select:focus {
	outline: none;
}
/* General */
body {
	font-family: 'SourceSansProRegular', Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-size: 17px;
    background: var(--mainWhite);
    color: var(--mainBlack);
    margin: 0;
    padding: 0;
}
#page-home {
	font-size: 18px;
}
.img {
	width: 100%;
	margin: 0;
	display: block;
}
.content {
	margin: 0 auto;
	width: 100%;
	max-width: 806px;
	float: none;
}
/* Headings */
h1, h2, h3, h4, h5 {
    margin: 0;
    font-family: 'SourceSansProBold';
    font-weight: normal;
}
h1 {
    font-size: 30px;
}

h2 {
    font-size: 30px;
}

/* Navigation */ 
header {
	margin: 0 auto;
	width: 100%;
	display: block;
	position: relative;
	background: rgba(255,255,255,0.8);
	padding: 45px;
	position: fixed;
	top:0;
	z-index: 9;
	left: 0;
	transition: all 0.3s ease;
}
.logo {
	margin: 0 auto;
	display: block;
	position: absolute;
	left: 45px;
	top: 15px;
    width: 170px;
}
nav {
	display: block;
    width: 375px;
    margin: 0 140px 0 0;
    padding: 0;
    float: right;
    position: relative;
}
nav:after {
    content: '';
    position: absolute;
    right: -5px;
    top: 0;
    bottom: 0;
    width: 1px;
    height: 55px;
    background: var(--doveGray);
    margin: auto;
}

#nav li {
	list-style: none;
	display: inline-block;
	padding: 0 13px;
	position: relative;
}


#nav li a {
	color: var(--doveGray);
	font-family: 'SourceSansProSemiBold';
	text-transform: uppercase;
	font-size: 14px;
	line-height: 10px;
	letter-spacing: 1px;
}

#nav li a:hover,
#page-home #nav li a.home,
#page-contact #nav li a.contact,
#page-resources #nav li a.resources,
#page-services #nav li a.services
{

	color: var(--mainBlack);
}


/* nav-toggle */
#nav-toggle {
	display: none;
}

#tel {
	width: 120px;
	position: absolute;
	right: 45px;;
	font-size: 14px;
	letter-spacing: 1px;
	margin-top: 3px;
	font-family: 'SourceSansProBold';

}

#tel svg {
	width: 12px;
	display: inline-block;
}
#tel svg path{
	fill:var(--mainYellow);
}



/* enquiry */
.register {
	max-width: 650px;
	padding: 65px 0;
	width: 100%;
	margin: 0 auto;
}

.relate {
	position: relative;
}
.full-width {
	width: 100%;
}

.form-flex {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: baseline;
}

.form-flex > div {
	width: calc(50% - 25px);
	margin-bottom: 20px;
}

input, select, textarea {
	font-size: 14px;
	margin: 0 auto;
	padding: 5px 10px;
	width: 100%;
	max-width: 100%;
	color: var(--mainBlack);
	border: 0 none;
	background: transparent;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0;
	border: 1px solid var(--alto);
	text-align: left;
	background: var(--mainWhite);
	font-family: 'SourceSansProRegular';
}

#descriptionOfExhibit {
	height: 90px;
}

textarea#specialInstructions {
	height: 35px;
}

input[type="checkbox"], input[type="radio"] {
	position: absolute;
	width: 100%;
	height: 20px;
	border:none;
	background: none;
}
input[type="checkbox"]:before, input[type="radio"]:before {
    width: 18px;
    height: 18px;
	position: absolute;
	content: '';
	border: 1px solid var(--alto);
	background: var(--mainWhite);


}

input[type="checkbox"] + label, input[type="radio"] + label {
	padding: 0;
	padding-left: 40px;
	margin-bottom: 20px;
	
}


#exhibit-disposal-wrapper .form-flex > div{
	margin-bottom: 0;
}

input[type="checkbox"] + label > textarea {
	font-size: 14px;
	margin: 0 auto;
	padding: 5px 10px;
	width: 290px;
	color: var(--mainBlack);
	border: 1px solid var(--alto);
	text-align: left;
	background: var(--mainWhite);
	font-family: 'SourceSansProRegular';
	max-width: 100%;
	height: 34px;
}


input[type="checkbox"]:checked:after, input[type="radio"]:checked:after {
	position: absolute;
    content: '\2714';
    font-size: 12px;
    top: 7px;
    bottom: 0;
    margin: auto;
    left: 11px;
    width: 18px;
    height: 18px;
    text-align: center;
}


label {
	font-size: 14px;
	margin: 0 auto;
	padding: 5px 10px;
	width: 100%;
	color: var(--mainBlack);
	font-family: 'SourceSansProRegular';
	border: 0 none;
	display: block;
}


select {
	padding: 5px 10px;
	text-align-last: left; text-align: left;
	-moz-text-align-last: left; 
}
select option {
	padding: 5px 10px;
	background: var(--mainWhite);
	text-align-last: left; text-align: left;
	-moz-text-align-last: left; 
}
.privacy {
	font-size: 10px;
}
.chk_holder {
	margin: 10px auto 0 auto;
	color: var(--mainBlack);
}
#chkInternational {
	border: 0 none;
	clip: rect(0px, 0px, 0px, 0px);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	color: var(--mainWhite);
	cursor: pointer;
	display: inline-block;
	font-size: 13px;
	line-height: 25px;
	width: 20px;
	text-align: left;
}
#chkInternational + label {
	background: url("/images/buttons/uncheck.png") no-repeat left center;
	color: var(--mainWhite);
	padding: 2px 0 2px 26px;
}
#chkInternational:checked + label {
	background: url(/images/buttons/check.png) no-repeat left center;
}
input:-webkit-input-placeholder, textarea:-webkit-input-placeholder {
color: var(--mainWhite);
opacity: 1;
}
 input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
color: var(--mainWhite);
opacity: 1;
}
 input:-moz-placeholder, textarea:-moz-placeholder {
color: var(--mainWhite);
opacity: 1;
}
 input::-moz-placeholder, textarea::-moz-placeholder {
color: var(--mainWhite);
opacity: 1;
}
 input:-ms-input-placeholder, textarea:-ms-input-placeholder {
color: $form-field-text;
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;
}


/*footer*/ 
footer {
	display: block;
	padding: 20px 45px;
	border: 1px solid var(--mainWhite);
}

#footer-wrapper {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	color: var(--mainBlack);
	font-size: 15px;
}

#footer-wrapper div p {
	color: var(--mainBlack);
	font-size: 13px;

}

#footer-wrapper div a{
	color: var(--mainBlack);
	font-size: 13px;
	font-family: 'SourceSansProBold';
}

#footer-wrapper div a#call {
	font-size: 20px;
}

#footer-wrapper div a#call span {
	color: var(--darkYellow);
}




/* Token Style */
ul.token-input-list-project {
	border: none;
	width: 100%;
	margin: 0 auto;
	max-width: 100%;
	text-align: left;
	text-align-last: left;
	text-align: -moz-left;
	text-align: -webkit-left;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding: 0;
	border-bottom: 1px solid var(--emperor);
	clear: both;
}
li.token-input-input-token-project {
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 100%
}
ul.token-input-list-project li input {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: none;
	width: 100% !important;
	margin-bottom: 0;
}
li.token-input-token-project p {
	display: inline;
	padding: 0;
	margin: 0 5px 0 0;
	line-height: 20px;
	font-size: 11px
}
li.token-input-token-project {
	overflow: hidden;
	height: 25px;
	margin: 0;
	padding: 2px 5px;
	background-color: #ccc;
	color: var(--mainBlack);
	cursor: default;
	border: 1px solid var(--emperor);
	font-size: 12px;
	white-space: nowrap;
	list-style: none;
	display: inline-block;
}
div.token-input-dropdown-project {
	position: absolute;
	width: 100%;
	background-color: var(--mainWhite);
	overflow-x: hidden;
	cursor: default;
	font-size: 11px;
	z-index: 13;
	color: var(--mainBlack)000;
}
div.token-input-dropdown-project ul {
	margin: 0;
	padding: 0;
	display: block !important;
	max-height: 205px;
}
div.token-input-dropdown-project ul li {
	background-color: var(--mainWhite);
	font-size: 14px;
	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: var(--mainWhite);
}
div.token-input-dropdown-project ul li.token-input-dropdown-item2-project {
	background-color: var(--mainWhite);
}
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: var(--mainWhite);
}
/* 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: left;
	top: 0;
}
ul.parsley-errors-list.filled li, ul.parsley-errors-list li {
	padding:0;
	text-align: left;
	color: var(--red);
}
*{
	text-size-adjust: none;
	-webkit-text-size-adjust: none
}



#home-banner {
    width: 100%;
    height: 100vh;
    background: url(/images/home/banner.jpg) center no-repeat;
    background-size: cover;
    position: relative;
	overflow: hidden;

}

.fullyvideo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
	transform: translate(-50%, -50%);
}

span.video_bg{
	content:'';
	display: block;
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; 
	background: rgba(0,0,0,0.3);
}
.loader-cover {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.7);
    z-index: 1000;
    display: none;
}

/*  Preloader  */
.loader,
.loader:before,
.loader:after {
    border-radius: 50%;
}

.loader {
    color: #ffffff;
    font-size: 11px;
    text-indent: -99999em;
    margin: 55px auto;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10em;
    height: 10em;
    -webkit-transform: translateZ(0) translate(-50%,-50%);
    -ms-transform: translateZ(0) translate(-50%,-50%);
    transform: translateZ(0) translate(-50%,-50%);
}

    .loader:before,
    .loader:after {
        position: absolute;
        content: '';
    }

    .loader:before {
        width: 5.2em;
        height: 10.2em;
        background-image: -webkit-linear-gradient(left, rgb(255,195,103) 0%, rgb(255,195,103) 10%, rgb(187,136,37) 100%);
        background-image: -o-linear-gradient(left, rgb(255,195,103) 0%, rgb(255,195,103) 10%, rgb(187,136,37) 100%);
        background-image: linear-gradient(to right, rgb(255,195,103) 0%, rgb(255,195,103) 10%, rgb(187,136,37) 100%);
        border-radius: 10.2em 0 0 10.2em;
        top: -0.1em;
        left: -0.1em;
        -webkit-transform-origin: 5.2em 5.1em;
        transform-origin: 5.2em 5.1em;
        -webkit-animation: load2 2s infinite ease 1.5s;
        animation: load2 2s infinite ease 1.5s;
    }

    .loader:after {
        width: 5.2em;
        height: 10.2em;
        background-image: -webkit-linear-gradient(left, rgb(255,195,103) 0%, rgb(255,195,103) 10%, rgb(187,136,37) 100%);
        background-image: -o-linear-gradient(left, rgb(255,195,103) 0%, rgb(255,195,103) 10%, rgb(187,136,37) 100%);
        background-image: linear-gradient(to right, rgb(255,195,103) 0%, rgb(255,195,103) 10%, rgb(187,136,37) 100%);
        border-radius: 0 10.2em 10.2em 0;
        top: -0.1em;
        left: 5.1em;
        -webkit-transform-origin: 0px 5.1em;
        transform-origin: 0px 5.1em;
        -webkit-animation: load2 2s infinite ease;
        animation: load2 2s infinite ease;
    }

@media (min-aspect-ratio: 16/9) {
	.fullyvideo {
		width: 100%;
		height: auto;
	}
}

@media (max-aspect-ratio: 16/9) {
	.fullyvideo {
		width: auto;
		height: 100%;
	}}

#caption {
    position: absolute;
    bottom: 20%;
    width: 535px;
    max-width: calc(100% - 30px);
    left: 45px;
	    z-index: 1;
}

	
#scroll-btn {
    width: 20px;
    margin-top: 20px;
    display: block;
}
#scroll-btn svg {
	display: block;
}

#scroll-btn svg:first-of-type path {
	fill: var(--mainWhite);
	-webkit-animation: scroller 1s infinite; /* Safari 4+ */
	-moz-animation:    scroller 1s infinite; /* Fx 5+ */
	-o-animation:      scroller 1s infinite; /* Opera 12+ */
	animation:         scroller 1s infinite; /* IE 10+, Fx 29+ */
}

#scroll-btn svg:last-of-type path {
	fill: var(--mainWhite);
	-webkit-animation: scroller-bottom 1s infinite; /* Safari 4+ */
	-moz-animation:    scroller-bottom 1s infinite; /* Fx 5+ */
	-o-animation:      scroller-bottom 1s infinite; /* Opera 12+ */
	animation:         scroller-bottom 1s infinite; /* IE 10+, Fx 29+ */
}

@-webkit-keyframes scroller {
	0%   { fill:var(--mainWhite);}
	50% { fill:var(--mainYellow); }
  }
  @-moz-keyframes scroller {
	0%   { fill:var(--mainWhite);}
	50% { fill:var(--mainYellow); }
  }
  @-o-keyframes scroller {
	0%   { fill:var(--mainWhite);}
	50% { fill:var(--mainYellow); }
  }
  @keyframes scroller {
	0%   { fill:var(--mainWhite);}
	50% { fill:var(--mainYellow); }
}

@-webkit-keyframes scroller-bottom {
	0% { fill:var(--mainWhite); }
	30% { fill:var(--mainWhite); }
	60%   { fill:var(--mainYellow);}
	100% { fill:var(--mainWhite); }
  }
  @-moz-keyframes scroller-bottom {
	0% { fill:var(--mainWhite); }
	30% { fill:var(--mainWhite); }
	60%   { fill:var(--mainYellow);}
	100% { fill:var(--mainWhite); }
  }
  @-o-keyframes scroller-bottom {
	0% { fill:var(--mainWhite); }
	30% { fill:var(--mainWhite); }
	60%   { fill:var(--mainYellow);}
	100% { fill:var(--mainWhite); }
  }
  @keyframes scroller-bottom {
	0% { fill:var(--mainWhite); }
	30% { fill:var(--mainWhite); }
	60%   { fill:var(--mainYellow);}
	100% { fill:var(--mainWhite); }
}




.uppercase {
    text-transform: uppercase;
}
.ls1 {
    letter-spacing: 1px;
}
.white {
    color: var(--mainWhite);
}



.auto-margin {
    margin-left: auto;
    margin-right: auto;
}
.yellow-bar {
    display: block;
    width: 100px;
    height: 5px;
    background: var(--mainYellow);
}


.btn {
    width: 200px;
    display: block;
    text-align: center;
    padding: 10px 0;
    background: var(--darkYellow);
    border-radius: 25px;
    text-transform: uppercase;
    color: var(--mainWhite);
    font-family: 'SourceSansProBold';
    letter-spacing: 1px;
    font-size: 14px;
    transition: all 0.3s ease;
    border: 2px solid transparent;
}

.btn:hover {
	background: transparent;
	color:var(--darkYellow);
	border: 2px solid var(--darkYellow);
}

.inBlock {
	display: inline-block;
}


.grid_6 {
    width: calc(50% - 46px);
    margin-right: 92px;
}

.nrm {
    margin-right: 0!important;
}

.periwinkle-bg {
	background: var(--periwinkle);
}

#page-home .periwinkle-bg {
	background:var(--darkPeriwinkle);
}
.whitesmoke-bg {
	background: #e5e6e5;
}

#banner-section {
    width: 100%;
    height: 550px;
    background: url(/images/banner/services.jpg) center no-repeat;
    background-size: cover!important;
    position: relative;
}


#banner-section p {
	font-size: 18px;
	color: var(--darkYellow);
	margin-bottom: 10px;
	font-family: 'SourceSansProBold';
}

#banner-section h1 {
	font-size: 25px;
}

#banner-section #caption {
	width: 565px;
	bottom: 35%;
}

.space {
	width: 30px;
	display: inline-block;
}

#page-resources #banner-section {
    background: url(/images/banner/resources.jpg) center no-repeat;
}

#subpage-switcher {
	display: block;
	font-family: 'SourceSansProBold';
	font-size: 14px;
	color: var(--mainBlack);

}

#subpage-switcher a {
	font-family: 'SourceSansProBold';
	font-size: 14px;
	color: var(--mainBlack);
	padding: 0 5px;
}

#subpage-switcher a.active, #subpage-switcher a:hover {
	color: var(--darkYellow);
}

.resource-wrapper {
	padding-bottom:45px;
	margin-bottom:35px;
	border-bottom: 1px solid #9e9e9e;
	position: relative;
	padding-right: 210px;
}

.resource-wrapper .btn {
	position: absolute;
	right: 0;
	bottom: 45px;
}

.resource-wrapper p {
	margin-right:25px;
}

.load-btn {
	font-family: 'SourceSansProBold';
    font-size: 14px;
	color: var(--darkYellow);
	display: block;
	padding: 0 5px;
	text-align: center;
	position: relative;
}

.load-btn:after {
	content: '';
	position: absolute;
	width: 0; 
	height: 0; 
	border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid var(--darkYellow);
	bottom: -12px;
	margin: auto;
	left: 0;
	right: 0;
}

#page-contact #banner-section {
    background: url(/images/banner/contact.jpg) center no-repeat;
}

.fs16 {
	font-size: 16px;
}

#page-exhibit_form {
	padding-top:112px;
}

section#form  {
	background: #e5e6e5;
}

.exhibit-wrapper {
	padding: 25px 0;
	position: relative;
	overflow: visible;
	margin-bottom: 25px;
	z-index: 1;
}

.exhibit-wrapper:after {
	content: '';
	position: absolute;
	top:0;
	bottom: 0;
	left: -35px;
	right: -35px;
	background: none;
	border: 1px solid var(--alto);
	margin: auto;
	z-index: -1;
}

#add-btn, .add_btn {
	font-size: 14px;
	font-family: 'SourceSansProBold';
	color:var(--darkYellow);
	text-transform: uppercase;
	border-bottom: 1px solid var(--lightYellow);
    line-height: 1;
    display: inline-block;
}

#exhibit-disposal-wrapper input[type="checkbox"] {
	transform: translateY(-5px);
}

.underline {
	text-decoration: underline;
}

#analysisAgreement:checked:after, #analysisAgreement:before {
	transform: translate(-10px, -5px);
}
    /* padding: 0; */

.red {
	color: var(--red);
}


#feedback1_enquiry input[type="radio"] + label {
	padding-top: 5px;
}

#scoreReason, #additionalInformation {
    height: 90px;
}

@media screen and (max-width : 1100px) {
	body {
		font-size: 16px;
	}

	h1, h2 {
		font-size: 25px;
	}

	.fs16 {
		font-size: 15px;
	}

	.grid_6 {
		width: calc(50% - 21px);
		margin-right: 42px;
	}
}

@media screen and (max-width : 900px) {

	footer {
		padding: 20px;
	}

	.w1100 {
		max-width: calc(100% );
		padding-left: 20px;
		padding-right: 20px;
	}
	#nav-toggle {
		position: absolute;
		top: 40px;
		right: 20px;
		z-index: 10;
		cursor: pointer;
		width: 30px;
		height: 30px;
		display: block;
	}
	#nav-toggle span, #nav-toggle span:after, #nav-toggle span:before {
		cursor: pointer;
		height: 3px;
		width: 30px;
		background: var(--mainDark);
		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;
		background:var(--mainWhite);
	}
	#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)
	}


	header.active_nav nav{
		transform: none;
	}

	header.active_nav #tel {
		visibility: visible;
		opacity: 1;
		transition-delay: 0.6s;
		
	}

	main#main, footer {
		transition: all 0.6s ease;
	}

	header.active_nav + main#main, header.active_nav + main#main + footer {
		transform: translateX(50%) rotateY(90deg);
	}
	
	nav {
		display: flex;
		width: 100%;
		margin: 0;
		padding: 0;
		float: none;
		position: fixed;
		height: 100vh;
		top: 0;
		left: 0;
		justify-content: center;
		align-items: center;
		background:#252525;
		transition: all 0.6s ease;
		overflow: auto;
		transform: translateX(-50%) rotateY(-90deg);
	}

	nav:after {
		display: none;
	}

	#nav li {
		display: block;
		margin:2vh 0;
		width: 100%;
		text-align: center;
		padding:0;
	}

	ul#nav li a{
		margin: 0;
		text-align: center;
		width: 100%;
		line-height: normal;
		color: #fff;
		padding: 10px 0;
		font-size: 30px;
	}

	#nav li a:hover, #page-home #nav li a.home,
	#page-contact #nav li a.contact, #page-resources #nav li a.resources, 
	#page-services #nav li a.services {
		color: #f99d31;
	}


	#tel {
		top: 90vh;
		left: 0;
		right: 0;
		margin: auto;
		font-size: 25px;
		width: 180px;
		opacity: 0;
		visibility: none;
		transition: all 0.3s ease;
		transition-delay: 0s;
		color: var(--mainWhite);
	}

	.logo {
		position: static;
		margin: 0;
	}
	header {
		padding: 15px 20px;
	}

	#caption {
		left: 20px;
	}

}

@media screen and (max-width : 760px) {
	.form-flex {
		flex-flow: column;
	}
	.form-flex > div {
		width: 100%;
	}
	.register {
		width: calc(100% - 30px);
	}
	#page-exhibit_form {
		padding-top: 81px;
	}
	.resource-wrapper {
		padding-right: 0;
	}

	.exhibit-wrapper {
		padding: 15px;
	}

	.exhibit-wrapper:after {
		left: 0;
		right: 0;
	}

	.resource-wrapper .btn {
		position: static;
		margin-top: 20px;
	}

	.btn {
		font-size: 12px;
		width: 46%;
		padding: 7px 0;
	}

	.space {
		width: 6%;
	}
	
	nav {
		padding:60px 0 
	}

	ul#nav li a {
		font-size: 20px;
	}
	ul#nav li a {
		padding: 0;
	}
	#nav li.has-subnav li {
		line-height: 1;
	}
	#nav li.has-subnav li a {
		font-size: 12px;
	}

	#footer-wrapper {
		flex-wrap: wrap;
	}
	#footer-wrapper > div {
		width: 100%;
	}

	#footer-wrapper > div:first-of-type {
		margin-bottom: 10px;
	}


	.yellow-bar {
		height: 3px;
	}

	h1, h2 {
		font-size: 22px;
	}
	body {
		font-size: 15px;
	}

	.w1100, .w800, .w600, .w900, .w1000 {
		max-width: 100%;
		padding-left: 15px;
		padding-right: 15px;
	}

	.grid_6 {
		width: 100%;
		margin-right: 0!important;
		margin-bottom: 20px;
		
	}
	
	.ptb80, .ptb60 {
		padding-top: 40px;
		padding-bottom: 40px;
	}

	#caption {
		left: 0;
		right: 0;
		margin: auto;
	}

	span.dot {
		margin: 0 5px;
	}

	header {
		padding: 15px;
	}
	.logo {
		width: 100px;
	}

	#nav-toggle {
		top: 28px;
		right: 15px;
	}
	
}