/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */progress,sub,sup{y-center:baseline}button,hr,input{overflow:visible}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}button,input,select,textarea{font:inherit;margin:0}optgroup{font-weight:700}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;y-center:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}
/* Additional resets */ button{color:inherit}hr{margin: 0;padding: 0;border: none;border-top-width: 1px;border-top-style:solid;}button{background:none;background-color:transparent;border:none;padding:0;margin:0;}

@font-face {
	font-family: 'MonaFaceLift_Italic';
	src: url('https://s3-ap-southeast-2.amazonaws.com/mona-fonts/monafacelift-italic-webfont.woff2') format('woff2'),
		 url('https://s3-ap-southeast-2.amazonaws.com/mona-fonts/monafacelift-italic-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'MonaFaceLift_BoldItalic';
	src: url('https://s3-ap-southeast-2.amazonaws.com/mona-fonts/monafacelift-bolditalic-webfont.woff2') format('woff2'),
		 url('https://s3-ap-southeast-2.amazonaws.com/mona-fonts/monafacelift-bolditalic-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'MonaFaceLift_Bold';
	src: url('https://s3-ap-southeast-2.amazonaws.com/mona-fonts/monafacelift-bold-webfont.woff2') format('woff2'),
		 url('https://s3-ap-southeast-2.amazonaws.com/mona-fonts/monafacelift-bold-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'MonaFaceLift';
	src: url('https://s3-ap-southeast-2.amazonaws.com/mona-fonts/monafacelift-regular-webfont.woff2') format('woff2'),
		 url('https://s3-ap-southeast-2.amazonaws.com/mona-fonts/monafacelift-regular-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

h1, h2, h3, h4, h5, h6, h9, .h1, .h2, .h3, .h4, .h5, .h6, .h9,
strong, b, .bold, .strong, .thumbnail-heading, .interview-speaker, .warning p a {
	font-family:"MonaFaceLift_Bold", "MonaFaceLift", Arial, Helvetica, sans-serif;
	font-weight:normal;
}

em, i, p.quote, .em, .i, .italic {
	font-family:"MonaFaceLift_Italic", "MonaFaceLift", Arial, Helvetica, sans-serif;
	font-style:normal;
}


h1 sup{
	font-size: 75%;
	top:0;
}

sup{
	top: 0;
}

html, body {
    font-size:18px;
    font-family:"MonaFaceLift", Arial, Helvetica, sans-serif;

}

.regular, .attribution {
	font-family:"MonaFaceLift", Arial, Helvetica, sans-serif !important;
}

html {
    height: 100%;
	text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-tap-highlight-color: transparent;
}
body {
    margin: 0;
    padding: 0;
    height: 100%;
	overflow-x: hidden;
    background-color:#000;
}

html, body {
    font-size:18px;
}

#content {
    min-height: 100%;
	overflow:hidden;
    background-color:#fff;
}

.navbar-height+#content {
    min-height: calc(100% - 52px);
}

#banner {
	height:70%;
	position:relative;
}

.navbar-height+#banner {
    height: calc(70% - 52px);
}

#banner+#content {
    min-height:30%;
}

@media (min-width: 666px) {
    #banner.hidden-tablet+#content {
	    min-height:100%;
    }
}

#map-banner {
    height: calc(60% - 52px);
}

#map-banner+#content {
    min-height:40%;
}

.dropdown-button {
    padding:0px 12px;
}

/* Visibilities */
/*
Four breakpoints:
Default:
Visible: hidden-phone, hidden-tablet, hidden-desktop
Hidden: visible-phone, visible-tablet, visible-desktop

Phone (444px or desktopr, overriding default)
Visible: visible-phone, hidden-tablet, hidden-desktop
Hidden: hidden-phone, visible-tablet, visible-desktop

Tablet (666px or desktopr, overriding default and phone)
Visible: visible-phone, visible-tablet, hidden-desktop
Hidden: hidden-phone, hidden-tablet, visible-desktop

Desktop (1111px or desktopr, overriding default, phone, and tablet)
Visible: visible-phone, visible-tablet, visible-desktop
Hidden: hidden-phone, hidden-tablet, hidden-desktop
*/

.visible-phone,
.visible-tablet,
.visible-desktop {
	display:none !important;
}

@media (min-width: 444px) {
	.visible-phone {
		display:inherit !important;
	}

	.hidden-phone {
		display:none !important;
	}

	.hidden-phone, .hidden-phone * {
		background-image:none !important;
	}
}

@media (min-width: 666px) {
	.visible-tablet {
		display:inherit !important;
	}

	.hidden-tablet {
		display:none !important;
	}

	.hidden-tablet, .hidden-tablet * {
		background-image:none !important;
	}
}

@media (min-width: 1111px) {
	.visible-desktop {
		display:inherit !important;
	}

	.hidden-desktop {
		display:none !important;
	}

	.hidden-desktop, .hidden-desktop * {
		background-image:none !important;
	}
}


@media (max-width: 443px) {
	.visible-phone, .visible-phone * {
		background-image:none !important;
	}
}

@media (max-width: 665px) {
	.visible-tablet, .visible-tablet * {
		background-image:none !important;
	}
}

@media (max-width: 1110px) {
	.visible-desktop, .visible-desktop * {
		background-image:none !important;
	}
}

/*
Portrait and landscape
Default:
Visible: hidden-portrait, visible-landscape
Hidden: hidden-landscape, visible-portrait

In portrait mode:
Visible: hidden-landscape, visible-portrait
Hidden: hidden-portrait, visible-landscape

*/

.hidden-landscape,
.visible-portrait {
	display:none !important;
}

@media (max-aspect-ratio: 8/10) {
	.hidden-landscape,
    .visible-portrait {
		display:inherit !important;
	}

	.hidden-portrait,
    .visible-landscape {
		display:none !important;
	}
}




/* Headings */

h1, h2, h3, h4, h5, h6, h7, h8, h9, h10, .h1, .h2, .h3, .h4, .h5, .h6, .h7, .h8, .h9, .h10 {
	display:block;
	font-weight: normal;
}

h1, h2, h3, h4, h5, h7, h9, h10, .h1, .h2, .h3, .h4, .h5, .h7, .h9, .h10, .thumbnail-heading, .thumbnail-subheading {
	text-transform:uppercase;
}

h1, h2, h3, h4, .h1, .h2, .h3, .h4 {
	letter-spacing:0.01em;
}

h9, .h9 {
	letter-spacing:0.04em;
}

h1, .h1, .text-size-0 .thumbnail-heading {
    font-size: 2em;
    line-height: 0.806em;
}

h2, .h2, .text-size-1 .thumbnail-heading {
    font-size: 1.667em;
    line-height: 0.909em;
}

@media (min-width: 666px) {
    h1, .h1 {
        font-size: 3.444em;
        line-height: 0.806em;
    }

    h2, .h2 {
        font-size: 2.44em;
        line-height: 0.909em;
    }
}

h3, .h3, .tier-2 .thumbnail-heading {
    font-size: 1.444em;
    line-height: 0.846em;
}

h4, .h4, .thumbnail-heading {
    font-size: 1.222em;
    line-height: 0.909em;
}

h5, .h5 {
    font-size: 1.111em;
    line-height: 1em;
}

h6, .h6 {
    font-size: 1em;
    line-height: 0.889em;
}

h7, .h7, .text-size-0 .thumbnail-subheading {
    font-size: 1.111em;
    line-height: 0.9em;
}

h8, .h8 {
    font-size: 1.333em;
    line-height: 0.917em;
}

h9, .h9 {
    font-size: 0.733em;
    line-height: 0.833em;
}

.label.h9 {
    line-height: 0.933em;
}

@media (min-width: 366px) {
    h9, .h9 {
        font-size: 0.833em;
        line-height: 0.933em;
    }
}

h10, .h10, .thumbnail-subheading {
    font-size: 0.778em;
    line-height: 1.071em;
}

.h-svg {
    height:1em;
}

.h-svg svg {
    height:90%;
    width:100%;
}

@media (min-width: 666px) {
    .text-size-0 .thumbnail-heading {
        /* As h2 */
        font-size: 2.44em;
        line-height: 0.909em;
    }

    .text-size-1 .thumbnail-heading {
        /* As h2 */
        font-size: 2.44em;
        line-height: 0.909em;
    }

    .text-size-2 .thumbnail-heading {
        /* As h3 */
        font-size: 1.444em;
        line-height: 0.846em;
    }

    .text-size-0 .thumbnail-subheading, .text-size-1 .thumbnail-subheading {
        /* As h7 */
        font-size: 1.111em;
        line-height: 0.9em;
    }
}

@media (min-width: 1311px) {
    .text-size-0 .thumbnail-heading {
        /* As h1 */
        font-size: 3.444em;
        line-height: 0.806em;
    }

    .text-size-1 .thumbnail-heading, .text-size-2 .thumbnail-heading {
        /* As h2 */
        font-size: 2.44em;
        line-height: 0.909em;
    }

    .text-size-0 .thumbnail-subheading, .text-size-1 .thumbnail-subheading {
        /* As h4 */
        font-size: 1.222em;
        line-height: 0.909em;
    }

    .text-size-2 .thumbnail-subheading {
        /* As h7 */
        font-size: 1.111em;
        line-height: 0.9em;
    }
}

#footer h2 {
    font-size: 1.333em;

}

#footer p, .footer-menu li {
    font-size: 0.78em;
}

#menu .dropdown-content ul.main-menu li a, #search-input {
    font-size: 2.5em;
    line-height: 0.9em;
}

@media (min-width: 666px) {
	#menu .dropdown-content ul.main-menu li a, #search-input {
		font-size: 4.5em;
	}
}

@media (min-width: 666px) {
    ul.content-filters, #amarna-interface label {
        font-size: 0.778em;
        line-height: 1.083em;
    }
}

@media (max-width: 665px) {
	.timetable-row {
		font-size: 0.778em;
        line-height: 1.083em;
	}
}

.sidebar p {
    line-height:1em;
}

/* Paragraphs and copy */

p, .profile-content li {
    font-size: 1em;
    line-height: 1.556em;
	max-width:600px;
	padding-right:10px;
}

.feature-text p, p.feature-text, .feature-quote {
    font-size: 1.167em;
    line-height: 1.429em;
}

@media (min-width: 666px) {
    .feature-text p, p.feature-text, .feature-quote {
        font-size: 1.444em;
        line-height: 1.462em;
        letter-spacing: 0.02em;
    }
}

.long-form-text p, p.long-form-text {
    font-size: 1.167em;
    line-height: 1.429em;
}

p.quote {
	text-align: center;
}

p.quote:first-child {
  text-align:left;
}

.smaller-text p, p.smaller-text, .caption {
    font-size: 0.778em;
    line-height: 1.143em;
	letter-spacing: 0.01em;
}

.credit-text p, p.credit-text {
    font-size: 0.722em;
    line-height: 1.154em;
	letter-spacing: 0.02em;
	text-align: right;
}

/* Spacing */

p+p, p+a, a+p {
	margin-top:12px;
}

p.feature-text+p {
	margin-top:40px;
}

p.feature-text+p.feature-text, ul+p, ol+p  {
	margin-top:20px;
}

p.quote {
	max-width: 500px;
	padding-left: 20px;
	padding-right: 20px;
}

p.quote:first-child {
	max-width: 600px;
	padding-left:0;
	padding-right:0
}

@media (min-width: 444px) {
    p.quote {
        padding-left: 40px;
        padding-right: 40px;
    }

	p.quote:first-child {
	  padding-left:0;
	  padding-right:0
	}
}

p + p.quote {
	margin-top:52px;
}

p.quote+p.quote {
	margin-top:30px;
}

p.feature-text+p.quote, p.quote+p{
	margin-top:52px;
}

p+a.button, h3+a.button, h4+a.button {
	margin-top:14px;
}

p.feature-text+a.button, .feature-text p+a.button {
	margin-top:20px;
}

p.interview {
    position:relative;
	padding-left:40px;
}

p.interview .interview-speaker {
    position:absolute;
	left:0;
}

p.phone-link, p.email-link {
    margin-top:0;
}

p .svg-link svg {
    width:100%;
    height:70px;
    stroke:none;
}

.caption {
    padding:0.5em 0 1em;
}

.collection-artwork, .collection-artwork .caption {
    margin-right:10px;
}

.inline-images {
    padding-top:50px;
}

iframe.inline-images{
	max-width: 100%;
}

iframe{
	max-width: 100%;
}

p+.inline-map {
    padding-top:50px;
}

.inline-images+.inline-images {
    padding-top:0px;
}

.inline-images img {
    width:100%;
}

@media (min-width: 666px) {
    .inline-images, .inline-map, .inline-video {
        margin: 0 -15px;
    }
}

@media (min-width: 1444px) {
    .inline-images, .inline-map, .inline-video {
        margin: 0 -50px;
    }
}

ul.dots li, .grid-section ul li, .profile-content ul li, .profile-content ol li {
  margin-left:17px;
  padding-top:10px;
  list-style-type: circle;
}

.profile-content ol li {
  list-style-type: lower-alpha;
}

.bg-button, .border-button {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.border-button {
	display:inline-block;
	border-width: 1px;
	border-style: solid;
	position:relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.sidebar .border-button {
    width:100%;
    max-width:250px;
}

.border-button.y-centered {
	height:3em;
	width:100%;
	max-width:450px;
}

.border-button {
	background:transparent;
}

.border-button.h9 {
	padding:10px 22px 8px;
}

.border-button.h10 {
    padding:6px;
}

.border-button.h9.y-centered .y-center {
	left:22px;
	right:42px;
	width:auto;
}

.border-button.h5 {
	padding:15px 15px;
	/*border-width: 2px;*/
}

.border-button.h4 {
	padding:15px 45px;
	border-width: 2px;
}

.border-button.h4.fill-width {
    padding-left:2px;
    padding-right:2px;
}

.border-button.h4.y-centered .y-center {
	left:45px;
	right:65px;
	width:auto;
}

.border-button.h3 {
	padding:10px 0;
	border-width: 2px;
}

.border-button.h3.y-centered .y-center {
	left:20px;
	right:50px;
	width:auto;
}

.border-button .date-icon, .button-fill .date-icon {
    width:20px;
    margin-bottom:-2px;
    display:inline-block;
}

.border-button .date-icon svg, .button-fill .date-icon svg {
    margin-bottom:-2px;
}

.arrow-button:after {
	content:"\00a0>";
}

.arrow-button.y-centered:after {
	position:absolute;
	right: 20px;
	top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}


@media (min-width: 1111px) {
	.border-button.h3.y-centered .y-center {
		left:30px;
		right:70px;
	}

	.arrow-button.y-centered:after {
		right:30px;
	}
}

.bg-button {
    padding:7px 10px;
    width: auto;
    display: inline-block;
}

.h9.bg-button {
    padding:10px 25px;
}

.border-select {
    position:relative;
    display:inline-block;
}

.border-select select {
    position: relative !important;
    opacity: 1 !important;
    padding: 1px 30px 1px 10px !important;
    max-height: none !important;
    border-width:1px;
    border-style:solid;
    margin: 0;
    min-width: 75px !important;
    height: 35px !important;
    border-radius: 0 !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    position:relative;
    z-index:2;
    background: none !important;
}

.border-select option {
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    border: none !important;
    padding:5px;
}

.fill-select select {
    width:100%;
}

.label-select select {
    text-indent:-9999px;
}

.label-select label {
    position: absolute;
    z-index: 1;
    top: 1px;
    left: 5px;
    right: 25px;
    bottom: 1px;
    padding: 5px 0;
    text-align: center;
    overflow:hidden;
}

.border-select .down-chevron {
    position:absolute;
    right: 10px;
    top: calc( 50% - 3.5px);
    z-index:1;
}


/* Helpers */

.fill, .button-fill {
    display:block;
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.align-center {
    text-align:center;
}

.align-left {
    text-align:left;
}

.align-right {
    text-align:right;
}

.float-left {
    float:left;
}

.float-right {
    float:right;
}

.y-top {
    top:0;
}

.y-center {
    display:block;
    position: absolute;
    left:0;
    width:100%;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    text-overflow: ellipsis;
}

.y-bottom {
    bottom:0;
}

.x-left {
    left:0;
}

.x-right {
    right:0;
}

.relative {
	position:relative !important;
}

.absolute {
	position:absolute !important;
}

.fixed {
	position:fixed !important;
}

.block {
	display:block;
}

.inline-block {
	display:inline-block;
}

.fill-x, .fill-width, .fill, .fill-buttons a {
	width:100%;
}

.fill-y, .fill-height, .fill {
	height:100%;
}

.fill-left {
	left: -3333px;
	right: 0px;
}

.fill-right {
	right: -3333px;
	left: 0px;
}

.fill-left.fill-right {
	right: -3333px;
	left: -3333px;
}

.fullscreen, .full-screen {
    width:100%;
    height:100%;
    position:absolute;
}

.invisible {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    position:absolute;
    height:0;
    width:0;
}

.offset {
    display:block;
    height:0px;
    width:0px;
    text-indent:-9999px;
    overflow:hidden;
    padding:0 !important;
    position:absolute;
}

.greyscaled, .grey-scaled {
	-webkit-filter: grayscale(100%) contrast(120%);
	filter:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' ><filter id='gray'><feColorMatrix in='SourceGraphic' type='saturate' values='0' /></filter></svg>#gray");
	filter:grayscale(100%) contrast(120%);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=15)";
    filter: alpha(opacity=0.3);
    -moz-opacity: 0.3;
    -khtml-opacity: 0.3;
 	opacity: 0.3;
}

.greyscaled.dark, .grey-scaled.dark {
	-webkit-filter: grayscale(100%) contrast(150%);
	filter:grayscale(100%) contrast(150%);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
    filter: alpha(opacity=0.1);
    -moz-opacity: 0.1;
    -khtml-opacity: 0.1;
 	opacity: 0.1;
}

.rainbow-body .greyscaled, .rainbow-body .grey-scaled {
    -webkit-filter: none;
	filter:none;
	filter:none;
	-ms-filter: none;
    filter: none;
}

.rainbow-body .masonry .col:nth-child(1) .thumbnail-tint {
  background-color:#929BBD !important;
}

.rainbow-body .masonry .col:nth-child(2) .thumbnail-tint {
  background-color:#C3AFCE !important;
}

.rainbow-body .masonry .col:nth-child(3) .thumbnail-tint {
  background-color:#A8CAE0 !important;
}

.rainbow-body .masonry .col:nth-child(4) .thumbnail-tint {
  background-color:#7FB29A !important;
}

.rainbow-body .masonry .col:nth-child(5) .thumbnail-tint {
  background-color:#FCD08D !important;
}

.rainbow-body .masonry .col:nth-child(6) .thumbnail-tint {
  background-color:#F68F91  !important;
}

.rainbow-body a:hover .thumbnail-tint {
  filter: alpha(opacity=0.6);
  -moz-opacity: 0.6;
  -khtml-opacity: 0.6;
  opacity: 0.6;
}

.img-contain {
    background-size:contain !important;
}

.img-transparent {
    background-color:transparent !important;
}

.uppercase {
    text-transform:uppercase;
}

.sentencecase, .sentence-case {
    text-transform:none;
}

/* Colours */

.black, .shade-0,
.white-links .border-button:active, .white-links .border-button.selected,
.black-bg button:active .button-fill, .black-bg  button.selected .button-fill,
.black-bg .border-button:active, .black-bg .border-button:hover, .black-bg .border-button:focus, .black-bg .border-button.selected,
.black-bg .grey-2-bg .border-button:disabled, .black-bg .grey-2-bg .border-button:active:disabled, .black-bg .grey-2-bg .border-button:hover:disabled, .black-bg .grey-2-bg .border-button:focus:disabled,
.black-bg .label-select.active label,
.black-bg .label-select option,
a, .black-bg .white-bg a,
.bg-button:active {
    color: #000000;
    stroke: #000000;
}

.grey-1, shade-1,
.black-bg .border-button:disabled, .black-bg .border-button:active:disabled, .black-bg .border-button:hover:disabled, .black-bg .border-button:focus:disabled
{
    color: #212121;
    stroke: #212121;
}

.grey-2, shade-2 {
    color: #333333;
    stroke: #333333;
}

.grey-3, shade-3, p a, .content-filters input+label, .black-bg .label-select label, .black-bg a.grey-3 {
    color: #666; /* \m/ */
    stroke: #666;
}

.grey-4, shade-4, .black-bg p a, a.grey-3:hover,
.black-bg .bg-button {
    color: #999999;
    stroke: #999999;
}

.grey-5, shade-5, button.unselected, a.grey-4:hover,
.border-button:disabled, .border-button:hover:disabled, .border-button:focus:disabled,
button.radio:disabled, button:disabled .button-fill, button:hover:disabled .button-fill, button:focus:disabled .button-fill,
.close-lightbox:hover:before, .close-lightbox:hover:after {
    color: #CCCCCC;
    stroke: #CCCCCC;
}

.grey-6, shade-6,
.white-links a:active, .white-links label:active, .content-filters input+label:active,
.black-bg a:active, .black-bg label:active,
.close-lightbox:active:before, .close-lightbox:active:after {
    color: #eaeaea;
    stroke: #eaeaea;
}

.black-bg,
.white, .shade-7,
.border-button:active, .border-button.selected,
button:hover .button-fill, button:focus .button-fill, button.selected .button-fill,
label:hover .button-fill, input:focus+label .button-fill, input:checked+label .button-fill,
.content-filters input:checked+label,
.white-links a, .white-links label, .black-bg a, .black-bg label,
.black-bg .button-fill, .black-bg button.radio:disabled, .black-bg button:disabled .button-fill, .black-bg button:hover:disabled .button-fill,
.bg-button, .black-bg .bg-button:active, .black-bg .bg-button:hover, .black-bg .bg-button:focus,
.close-lightbox:before, .close-lightbox:after,
.rainbow-body a, .rainbow-body .grey-5,
.beige-bg .thumbnail-padding {
    color: #FFFFFF;
    stroke: #FFFFFF;
}

.red {
    color:#ff0000;
}

.pink {
    color:#ff0099;
}

/* Background colours */
.black-bg, #content.black-bg, .shade-0-bg, .black-body,
.border-button:active, .border-button:hover:active, .border-button:focus:active,
.border-button.selected, .border-button:hover.selected, .border-button:focus.selected,
.white-links a .animate-underline:after, .white-links label .animate-underline:after,
#banner.banner-img,
.beige-bg .thumbnail-content {
    background-color: #000000;
}

.grey-1-bg, #content.grey-1-bg, shade-1-bg,
.white-links .border-button:hover, .white-links .border-button:focus,
.black-bg .button-fill, button.radio .indicator, .black-bg button.unselected .button-fill,
.black-bg .bg-button:active, .black-bg .bg-button:hover:active, .black-bg .bg-button:focus:active {
    background-color: #212121;
}

.grey-2-bg, #content.grey-2-bg, shade-2-bg,
.black-bg .bg-button {
    background-color: #333333;
}

.grey-3-bg, #content.grey-3-bg, shade-3-bg,
button.selected .button-fill, button:focus.selected .button-fill, button:hover.selected .button-fill
button:active .button-fill, button:focus:active .button-fill, button:hover:active .button-fill,
input.radio:checked+label .button-fill, input.radio:hover:checked+label .button-fill,
input:active+.button .button-fill, input:checked+.button .button-fill, input:hover:checked+.button .button-fill, input:focus:checked+.button .button-fill,
.black-bg button:focus .button-fill,
.black-bg button:hover .button-fill,
.black-bg input:focus+.button .button-fill,
.black-bg button.unselected:hover .button-fill, .black-bg button.unselected:focus .button-fill,
.black-bg .button:hover .button-fill,
.grey-2-bg .border-button:hover, .grey-2-bg .border-button:focus,
.black-bg .bg-button:hover, .black-bg .bg-button:focus
{
    background-color: #666; /* \m/ */
}

.grey-4-bg, #content.grey-4-bg, shade-4-bg,
/*button:focus .button-fill,*/
button:hover .button-fill,
input:focus+.button .button-fill,
button.unselected:hover .button-fill, button.unselected:focus .button-fill,
input.radio:hover+label .button-fill,
.button:hover .button-fill,
.black-bg button.selected .button-fill, .black-bg button:focus.selected .button-fill, .black-bg button:hover.selected .button-fill,
.black-bg button:active .button-fill, .black-bg button:focus:active .button-fill, button:hover:active .button-fill,
.black-bg input:active+.button .button-fill, .black-bg input:checked+.button .button-fill, input:hover:checked+.button .button-fill, .black-bg input:focus:checked+.button .button-fill,
.bg-button {
    background-color: #999999;
}

.grey-5-bg, #content.grey-5-bg, shade-5-bg,
.grey-6-bg .border-button:hover, .grey-6-bg .border-button:focus,
.bg-button:hover, .bg-button:focus {
    background-color: #CCCCCC;
}

.grey-6-bg, #content.grey-6-bg, shade-6-bg, .grey-6-body,
.border-button:hover, .border-button:focus,
.button-fill, button.radio .indicator, button.unselected .button-fill, input.radio+label .indicator,
.white-links a:active .animate-underline:before, .white-links label:active .animate-underline:before,
.black-bg .border-button:active, .black-bg .border-button:hover:active, .black-bg .border-button:focus:active,
.bg-button:active, .bg-button:hover:active, .bg-button:focus:active {
    background-color: #eaeaea;
}

.white-bg, #content.white-bg, .shade-7-bg,
.indicator .button-fill,
button:disabled .button-fill, button:hover:disabled .button-fill, button.radio:disabled .indicator, button:focus:disabled .button-fill, button.radio:disabled .indicator,
.white-links a .animate-underline:before, .white-links label .animate-underline:before,
.white-links .border-button:active, .white-links .border-button:hover:active, .white-links .border-button:focus:active, .white-links .border-button.selected,
.black-bg .border-button:hover, .black-bg .border-button:focus, .black-bg .border-button.selected,
.black-bg .label-select.active, .black-bg .label-select option {
    background-color: #FFFFFF;
}

#content.beige-bg, .beige-bg, .beige-body {
    background-color: #ede9de;
}

.border-button:disabled, .border-button:active:disabled, .border-button:hover:disabled, .border-button  :focus:disabled {
	background: none !important;
}

.rainbow-body {
    background-color: #F68F91;
    background: linear-gradient(45deg, #F68F91, #FCD08D, /*#FEFB98,*/ #7FB29A, #A8CAE0, #C3AFCE, #929BBD);
    background-size: 100% 1400%;
    -webkit-animation: RainbowMagic 360s ease infinite;
    -moz-animation: RainbowMagic 360s ease infinite;
    -o-animation: RainbowMagic 360s ease infinite;
    animation: RainbowMagic 360s ease infinite;
    background-attachment:fixed;
}

.rainbow-body #content {
    background:none !important;
}

@-webkit-keyframes RainbowMagic {

    /*0%{background-position:0% 100%}50%{background-position:100% 0%}
    100%{background-position:0% 100%} */
    0%{background-position:0% 0%}
    50%{background-position:0% 100%}
    100%{background-position:0% 0%}
}
@-moz-keyframes RainbowMagic {
    0%{background-position:0% 0%}
    50%{background-position:0% 100%}
    100%{background-position:0% 0%}
}
@-o-keyframes RainbowMagic {
    0%{background-position:0% 0%}
    50%{background-position:0% 100%}
    100%{background-position:0% 0%}
}
@keyframes RainbowMagic {
    0%{background-position:0% 100%}
    50%{background-position:0% 0%}
    100%{background-position:0% 100%}
}

.background-section {
    padding:10px;
}

/* Border colours */

.black-border, .shade-0-border,
.black-border hr, .shade-0-border hr,
.border-button:active, .border-button.selected,
.black-bg .grey-2-bg .border-button:disabled, .black-bg .grey-2-bg .border-button:active:disabled, .black-bg .grey-2-bg .border-button:hover:disabled, .black-bg .grey-2-bg .border-button:focus:disabled {
    border-color: #000000;
}

.grey-1-border, shade-1-border,
.grey-1-border hr , shade-1-border hr,
.black-bg .border-button:disabled, .black-bg .border-button:active:disabled, .black-bg .border-button:hover:disabled, .black-bg .border-button:focus:disabled {
    border-color: #212121;
}

.grey-2-border, shade-2-border,
.grey-2-border hr, shade-2-border hr {
    border-color: #333333;
}

.grey-3-border, shade-3-border,
.grey-3-border hr, shade-3-border hr {
    border-color: #666; /* \m/ */
}

.grey-4-border, shade-4-border,
.grey-4-border hr, shade-4-border hr {
    border-color: #999999;
}

.grey-5-border, shade-5-border,
.grey-5-border hr, shade-5-border hr,
.button-fill {
    border-color: #CCCCCC;
}

.grey-6-border, shade-6-border,
.grey-6-border hr, shade-6-border hr,
.white-links a:hover *, .white-links label:active *, .white-links label:active *:before, .white-links label:active *:after {
    border-color: #eaeaea;
}

.white-border, .shade-7-border,
.white-border hr, .shade-7-border hr,
.white-links a, .white-links label,
.white-links .border-button:active, .white-links .border-button.selected,
.black-bg .border-button:active, .black-bg .border-button:hover, .black-bg .border-button:focus, .black-bg .border-button.selected {
    border-color: #FFFFFF;
}

.border {
    border-width: 1px;
    border-style: solid;
}

.border-section {
    padding-left:10px;
    padding-right:10px;
}

.border, .border-top, .border-right, .border-bottom, .border-left {
	border-style: solid;
}

.border-top {
    border-top-width: 1px;
}

.border-bottom {
    border-bottom-width: 1px;
}

.border-left {
    border-left-width: 1px;
}

.border-right {
    border-right-width: 1px;
}

.border-none, .no-border {
    border: none !important;
}

/* Fill colours */

.black-fill svg, .shade-0-fill svg {
    fill: #000000;
}

.grey-1-fill svg, shade-1-fill svg {
    fill: #212121;
}

.grey-2-fill svg, shade-2-fill svg {
    fill: #333333;
}

.grey-3-fill svg, shade-3-fill svg, p a svg {
    fill: #666; /* \m/ */
}

.grey-4-fill svg, shade-4-fill svg, p a:hover svg {
    fill: #999999;
}

.grey-5-fill svg, shade-5-fill svg {
    fill: #CCCCCC;
}

.grey-6-fill svg, shade-6-fill svg, .white-links a:active svg {
    fill: #eaeaea;
}

.white-fill svg, .shade-7-fill svg, .white-links a svg {
    fill: #FFFFFF;
}



/* Grid */

.longer-space, .longer-bottom {
	padding-bottom:52px;
}

.long-space, .long-bottom {
	padding-bottom:46px;
}

.medium-space, .medium-bottom {
	padding-bottom:28px;
}

.short-space, .short-bottom {
	padding-bottom:18px;
}

.tiny-space, .tiny-bottom {
	padding-bottom:5px;
}

@media (min-width: 361px) {
	.longer-space, .longer-bottom {
		padding-bottom:70px;
	}

	.long-space, .long-bottom {
		padding-bottom:50px;
	}

	.medium-space, .medium-bottom {
		padding-bottom:30px;
	}

	.short-space, .short-bottom {
		padding-bottom:20px;
	}
}

.row
{
    padding-left:11px;
    padding-right:1px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.row .row {
	padding-left:0 !important;
	padding-right:0 !important;
	margin-left:0 !important;
	margin-right:-10px !important;
}

.radio-big-row, .row .row.radio-big-row {
	padding-right:10px !important;
}

.col {
    padding-right: 10px;
    min-height:1px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	width:100%;
	float:left;
}

.radio-big-row .col {
	padding-right:0px !important;
}

.gutter {
    padding-left: 10px;
}

.row.no-padding, .col.no-padding {
	padding:0px !important;
}

/*
.row .col:last-of-type {
	float:right;
}
*/

.row .col:first-of-type {
	float:left;
}

@media (min-width: 666px) {
	.row
	{
		padding-left:15px;
		padding-right:0px;
		margin-right:-5px;
	}

	.row .row {
		margin-right:-20px !important;
	}

	.col {
		padding-right: 20px;
	}

	.radio-big-row, .row .row.radio-big-row {
		padding-right:20px !important;
	}
	
	#content .max-width, #footer .max-width {
		padding:0 10px;
	}

	#content .max-width.absolute, #content .max-width.fixed {
		width: calc(100% - 20px);
		left: 50%;
		margin-left: calc(-50% + 5px);
	}
}

@media (min-width: 999px) {
	#content .max-width, #footer .max-width {
		padding:0 80px;
	}

	#content .max-width.absolute, #content .max-width.fixed {
		width: calc(100% - 180px);
		margin-left: calc(-50% - 5px);
	}
}

@media (min-width: 1111px) {
	#content .max-width, #footer .max-width {
		padding:0 10px;
	}

	#content .max-width.absolute, #content .max-width.fixed {
		width: calc(100% - 20px);
		margin-left: calc(-50% + 5px);
	}
}

@media (min-width: 1321px) {
	#content .max-width, #footer .max-width {
		padding:0 80px;
	}

	#content .max-width.absolute, #content .max-width.fixed {
		width: calc(100% - 180px);
		margin-left: calc(-50% - 5px);
	}
}

@media (min-width: 1620px) {
	#content .max-width.medium-width, #artwork .max-width.medium-width {
		max-width:1320px;
		margin:0 auto;
	}

	#content .max-width.absolute, #content .max-width.fixed {
		width: calc(100% - 180px);
		margin-left: calc(-50% - 5px);
		margin-right: 0;
	}

	#content .max-width.absolute.medium-width, #content .max-width.fixed.medium-width {
		max-width:1320px;
		margin-left: -760px;
	}
}

@media (min-width: 1920px) {
	.max-width {
		max-width:1920px;
		margin:0 auto;
		position:relative;
	}

	#content .max-width, #footer .max-width {
		max-width:1760px;
	}

	#content .max-width.medium-width {
		max-width:1320px;
	}

	#content .max-width.absolute, #content .max-width.fixed {
		width: 1740px;
		margin-left: -965px;
	}
}

/* Columns */
/*
Four breakpoints:
Default - 6 columns
Phone (444px or desktopr, overriding default) - 8 columns
Tablet (666px or desktopr, overriding default and phone) - 12 columns
Desktop (1111px or desktopr, overriding default, phone, and tablet) - 12 columns
*/

.col-1-2, .col-3-6 {
	width:50%;
}

.col-1-3, .col-2-6 {
	width:33.3333333%;
}

.col-2-3, .col-4-6 {
	width:66.6666667%;
}

.col-1-6 {
	width: 16.6666665%;
}

.col-5-6 {
	width: 83.3333334%;
}

.col-1-1
{
	float:none;
	clear:both;
}

@media (min-width: 444px) {
	.col-p-1-2, .col-p-2-4, .col-p-4-8,
	.col-p-1-4, .col-p-2-8,
	.col-p-3-4, .col-p-6-8,
	.col-p-1-8,
	.col-p-7-8 {
		float:left;
		clear:none;
	}

	.col-p-1-2, .col-p-2-4, .col-p-4-8 {
		width:50%;
	}

	.col-p-1-4, .col-p-2-8 {
		width: 24.9%;
	}

	.col-p-3-4, .col-p-6-8 {
		width: 75%;
	}

	.col-p-1-8 {
		width: 12.5%;
	}

	.col-p-7-8 {
		width: 87.5%;
	}

	.col-p-1-1, .col-p-2-2, .col-p-3-3, .col-p-4-4, .col-p-6-6, .col-p-8-8, .col-p-12-12 {
		width:100%;
		float:none;
		clear:both;
	}

	.gutter, .gutter-p {
		padding-left: 11px;
	}
}

@media (min-width: 666px) {
	.col-t-1-2, .col-t-3-6, .col-t-2-4, .col-t-6-12,
	.col-t-1-3, .col-t-2-6, .col-t-4-12,
	.col-t-2-3, .col-t-4-6, .col-t-8-12,
	.col-t-1-4, .col-t-3-12,
	.col-t-3-4, .col-t-9-12,
	.col-t-1-6, .col-t-2-12,
	.col-t-5-6, .col-t-10-12,
	.col-t-1-12,
	.col-t-11-12,
	.col-t-1-1, .col-t-4-4, .col-t-8-8, .col-t-12-12 {
		float:left;
		clear:none;
	}

	.col-t-1-2, .col-t-3-6, .col-t-2-4, .col-t-6-12 {
		width:50%;
	}

	.col-t-1-3, .col-t-2-6, .col-t-4-12 {
		width:33.3333333%;
	}

	.col-t-2-3, .col-t-4-6, .col-t-8-12 {
		width:66.6666667%;
	}

	.col-t-1-4, .col-t-3-12 {
		width: 24.9%;
	}

	.col-t-3-4, .col-t-9-12 {
		width: 75%;
	}

	.col-t-1-6, .col-t-2-12 {
		width: 16.6666665%;
	}

	.col-t-5-6, .col-t-10-12 {
		width: 83.3333334%;
	}

	.col-t-1-12 {
		width: 8.33333333%;
	}

	.col-t-11-12 {
		width: 91.66666666666667%;
	}

	.col-t-1-1, .col-t-2-2, .col-t-3-3, .col-t-4-4, .col-t-6-6, .col-t-8-8, .col-t-12-12 {
		width:100%;
		float:none;
		clear:both;
	}

	.gutter, .gutter-p, .gutter-t {
		padding-left: 15px;
	}
}

@media (min-width: 1111px) {
	.col-d-1-2, .col-d-3-6, .col-d-2-4, .col-d-6-12,
	.col-d-1-3, .col-d-2-6, .col-d-4-12,
	.col-d-2-3, .col-d-4-6, .col-d-8-12,
	.col-d-1-4, .col-d-3-12,
	.col-d-3-4, .col-d-9-12,
	.col-d-1-6, .col-d-2-12,
	.col-d-5-6, .col-d-10-12,
	.col-d-1-12,
	.col-d-11-12,
	.col-d-1-1, .col-d-4-4, .col-d-8-8, .col-d-12-12 {
		float:left;
		clear:none;
	}

	.col-d-1-2, .col-d-3-6, .col-d-2-4, .col-d-6-12 {
		width:50%;
	}

	.col-d-1-3, .col-d-2-6, .col-d-4-12 {
		width:33.3333333%;
	}

	.col-d-2-3, .col-d-4-6, .col-d-8-12 {
		width:66.6666667%;
	}

	.col-d-1-4, .col-d-3-12 {
		width: 24.9%;
	}

	.col-d-3-4, .col-d-9-12 {
		width: 75%;
	}

	.col-d-1-6, .col-d-2-12 {
		width: 16.6666665%;
	}

	.col-d-5-6, .col-d-10-12 {
		width: 83.3333334%;
	}

	.col-d-1-12 {
		width: 8.33333333%;
	}

	.col-d-11-12 {
		width: 91.66666666666667%;
	}

	.col-d-1-1, .col-d-2-2, .col-d-3-3, .col-d-4-4, .col-d-6-6, .col-d-8-8, .col-d-12-12 {
		width:100%;
		float:none;
		clear:both;
	}

	.gutter, .gutter-p, .gutter-t, .gutter-d {
		padding-left: 15px;
	}
}

.clear, .row:after {
    content: "";
    display: table;
    clear: both;
	float:none;
}


/* Buttons */


.label {
    /*
    font-size: 0.8em;
    line-height: 0.875em;
    text-transform: uppercase;
    */
    display:block;
    position:relative;
    text-align: center;
    overflow: hidden;
}

button.toggle  {
    width: 100%;
    min-height: 3em;
    position: relative;
    display: block;
}

button.radio.radio-big {
    position: relative;
    width: 100%;
    border-right-width: 0;
}

@media (min-width: 1111px) {
	button.radio.radio-small {
		margin: 10px 70px;
	}
}

button.radio .label {
    height: 2em;
    display: block;
    position: relative;
}

button.radio .indicator, input.radio+label .indicator {
    display:block;
    width:38px;
    height:38px;
	position:relative;
}

button.radio.radio-small .indicator, button.radio .indicator, input.radio+label .indicator {
    position:absolute;
}

input.radio+label .indicator {
    top:0;
    left:10px;
}

button.radio.radio-big .indicator {
    width:50px;
    height:50px;
    position:relative;
    margin:0 auto;
}

button.radio .indicator span, input.radio+label .indicator span {
    display:block;
    width:26px;
    height:26px;
    position:absolute;
    left:50%;
    top:50%;
    margin-left:-13px;
    margin-top:-13px;
}

button.radio.radio-big .indicator span {
    margin-left:-18px;
    margin-top:-18px;
    width:36px;
    height:36px;
}

button.radio.radio-tab {
	border-width:1px;
	border-right-width: 0px;
	border-style:solid;
	padding:10px;
	position:relative;
	z-index: 2;
	border-bottom:none;
}

@media (min-width: 666px) {
	.radio-big-col button.radio.radio-tab {
		padding: 10px 2px;
	}
}

@media (min-width: 999px) {
	.radio-big-col button.radio.radio-tab {
		padding: 10px;
	}
}

.radio-big-col:last-child button.radio.radio-tab {
	border-right-width:1px;
}

button.radio.radio-tab:after {
	content:"";
    display:none;
    position:absolute;
    width:100%;
    height:4px;
    left: 0;
    bottom: -1px;
    background:#fff;
}

button.radio.radio-tab.selected:after {
    bottom: -2px;
  	display:block;
}

button.radio.radio-small label, input.radio+label {
	display: block;
	padding: 10px 0px;
	margin-left: 60px;
}

button.radio.selected .indicator.tick:after,
input.radio:checked+label .indicator.tick:after {
  content:"";
  display:block;
  height:8px;
  width:18px;
  border-width:1px;
  border-style:solid;
  border-color:#fff;
  border-top:none;
  border-right:none;
  -ms-transform: rotate(-45deg); /* IE 9 */
  -webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */
  transform: rotate(-45deg);
  position:absolute;
  top:12px;
  left:10px;
}

button.radio:disabled .indicator.cross:before,
input.radio:disabled .indicator.cross:before,
button.radio:disabled .indicator.cross:after,
input.radio:disabled .indicator.cross:after {
  content:"";
  display:block;
  height: 32px;
  width: 32px;
  border-top:1px solid #ccc;
  position:absolute;
}

button.radio:disabled .indicator.cross:before,
input.radio:disabled .indicator.cross:before {
  -ms-transform: rotate(45deg); /* IE 9 */
  -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
  transform: rotate(45deg);
  top: 14px;
  left: -8px;
  z-index: 2;
}

button.radio:disabled .indicator.cross:after,
input.radio:disabled .indicator.cross:after {
  -ms-transform: rotate(135deg); /* IE 9 */
  -webkit-transform: rotate(135deg); /* Chrome, Safari, Opera */
  transform: rotate(135deg);
  bottom: 14px;
  left: -8px;
}

.radio-big-col {
	width:25%;
}

.section {
    padding:11px 0;
}

.button.expand {
    position:relative;
    display:block;
	min-height: 36px;
	padding:15px 0;
}

button.collapse {
    position:relative;
    display:block;
	height: 36px;
	width: 100%;
}

.button.expand .btn, button.collapse .btn {
    height:36px;
    width:36px;
	position:absolute;
}

button.collapse .btn {
    left: auto;
    right: 20px;
	top:0;
}

.button.expand h2, .button.expand h3 {
    text-align:left;
    display:block;
    position:relative;
	margin-left:46px;
    padding-top: 0.3em;

}

@media (min-width: 666px) {
	.button.expand .btn, button.collapse .btn {
		margin-left:20px
	}

	.button.expand h2, .button.expand h3 {
		margin-left:76px;
	}
}

.expand-content {
	display: none;
    overflow: hidden;
	height:auto;
}

input:checked+label+.expand-content {
    display: block;
}

@media (min-width: 666px) {
	.expand-content.primary-content {
		display:block !important;
		height: auto !important;
	}

	.expand-content.secondary-content {
		padding: 0px 56px 0px 76px;
	}
}

@media (min-width: 1111px) {
	.expand-content.primary-content {
		padding:0 20px;
	}

	.expand-content .border-top {
		margin-left:-20px;
		margin-right:-20px;
	}
}

.incrementor {
    width:200px;
    max-width:100%;
    margin: 0 auto;
}

.incrementor .label {
    padding-bottom: 5px;
	min-height:2em;
}

.incrementor .controller {
    position:relative;
    padding:5px;
    min-height: 38px;

}

.incrementor input {
    border: none !important;
    background: none !important;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.incrementor button {
    position:absolute;
    top: 0;
    height: 100%;
    width:50px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.incrementor button:hover {
    cursor: pointer;
}

.incrementor button.minus {
    left:0;
}

.incrementor button.plus {
    right: 0;
}

.incrementor button>span {
    width:36px;
    height:36px;
    display:block;
    position:absolute;
    top:5px;
    right: bottom;
    text-align: center;
    font-weight: bold;
}

.incrementor button.minus>span {
    left: 5px;
    right: auto;
}

.incrementor button.plus>span {
    right:5px;
    left: auto;
}

select {
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
}


a[href]:hover, button:hover, input+label, select:hover, input[type="submit"]:hover {
    cursor: pointer;
}

button:disabled, input:disabled+label {
    cursor: default;
}

/* Links */

a {
    text-decoration: none;
}

a[href]:hover, a.footer-link:hover {
	text-decoration:underline;
}

@media (min-width: 666px) {
    .content-filters label:hover, .content-filters label:hover span {
	    text-decoration:underline;
    }
}

a[href]:hover, label[for]:hover, a#selected-dates:hover {
    cursor: pointer;
}

a[class*='button']:hover,  #secondary-navbar a:hover,  #secondary-navbar a:focus {
    text-decoration:none;
}

a, button, select {
    outline:none;
}

.tabbing a:focus, .tabbing button:focus, .tabbing select:focus, .tabbing input:focus+label, .tabbing input:focus+.dropdown label, .tabbing #main-nav-btn:focus+.main-nav .dropdown-button {
    outline: 1px dotted #ff0099;
}

.underline {
    text-decoration:underline;
}

/* Navigation - Main menu bar, menu and search dropdowns */

#navbar {
    position:fixed;
    top:0;
    width:100%;
    z-index:99999;
}

#navbar.ipad-absolute {
    position:absolute;
}

#navbar.ipad-absolute .toggle-dropdown:checked+.dropdown .dropdown-content {
    top:0px;
    padding-top:50px;
    z-index:-1;
}

/*
#navbar.ipad-absolute #secondary-navbar {
    display:none !important;
}
*/

.navbar-height {
	height: 1em;
    min-height: 18px;
    padding-top: 14px;
    padding-bottom: 57px;
}

.navbar-height.navbar-height-no-pink {
	padding-bottom: 19px;
}

@media (min-width: 666px) {
    .has-secondary-navbar .navbar-height {
        height: 3em;
        padding-bottom: 100px;
    }
	.has-secondary-navbar .navbar-height.navbar-height-no-pink {
        padding-bottom: 54px;
    }
}

@media (min-width: 1111px) {
    .has-secondary-navbar .navbar-height {
        height: 2em;
        padding-bottom: 90px;
    }
	
	.has-secondary-navbar .navbar-height.navbar-height-no-pink {
        padding-bottom: 44px;
    }
}

#toggle-nav {
    position:fixed;
    top:0;
    z-index:0;
}

.dropdown .dropdown-content {
    display:block;
    position:fixed;
    left:0;
    width:100%;
    height:0%;
    z-index:888;
    overflow-y: hidden;
    /*overflow-x:auto;*/
    -webkit-transition: height 0.2s ease-out; /* Safari */
    transition: height 0.2s ease-out;
}

.dropdown .dropdown-content .toggle-close {
    display:none;
}

.toggle-dropdown:checked+.dropdown .dropdown-content {
    display:block;
    height:100%;
    -webkit-transition: height 0.2s ease-out; /* Safari */
    transition: height 0.2s ease-out;
}

.toggle-dropdown:checked+.dropdown .dropdown-content .toggle-close {
    display:block;
}

.dropdown .dropdown-content.delay {
    -webkit-transition-delay: 0.2s; /* Safari */
    transition-delay: 0.2s;
}

.dropdown-content.fully-open {
    overflow-y: auto;
}

.dropdown .dropdown-content.current {
    z-index:999;
}

.dropdown-content .dropdown-inner {
    display: none;
    padding: 0px 12px;
}

@media (min-width: 666px) {
	.dropdown-content .dropdown-inner {
		padding: 0px 55px;
	}
}

@media (min-width: 999px) {
	.dropdown-content .dropdown-inner {
		padding: 0px 75px;
		max-width: 1770px;
		margin: 0 auto;
	}
}

.toggle-dropdown:checked+.dropdown .dropdown-content .dropdown-inner, .dropdown-content.open .dropdown-inner {
    display:block;
	position:relative;
	min-height:100%;
}

#menu .dropdown-content ul.main-menu li a {
    padding: 0;
    margin: 5px 0;
	display:inline-block;
}

#menu .dropdown-content ul.quick-menu li {
    width:45%;
    float:left;
    padding:5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#menu .dropdown-content ul.quick-menu li:first-child {
    /*width:30%;*/
}

#menu .dropdown-content ul.quick-menu li:last-child {
    width:45%;
}

#menu .dropdown-content ul.quick-menu li a {
    padding: 0.5em 0;
    text-align: center;
    border-style: solid;
    border-width: 1px;
    border-color: #333;
}

.navbar-header {
    position:absolute;
    left:50%;
    width:64px;
    margin-left:-32px;
    height:100%;
}


#crosses, #crosses svg, #crosses .flip-y, #crosses .flip-y .front, #crosses .flip-y .back {
    height:36px;
    width: 64px;
}

#crosses:hover .flip-y, #crosses:focus .flip-y, #crosses.crossed .flip-y, #crosses:focus .flip-y {
    -ms-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
}

@media (min-width: 666px) {
    .navbar-header {
        width:66px;
        margin-left:-33px;
    }

	#crosses, #crosses svg, #crosses .flip-y, #crosses .flip-y .front, #crosses .flip-y .back {
    	width:66px;
	}
}

.navbar-nav {
    float:left;
}

.navbar-right {
    float:right;
}

.navbar-nav > li {
    display:block;
    float:left;
}

.navbar-nav h1, #footer h1 {
	font-size: inherit;
	font-family: inherit;
	line-height: inherit;
	text-transform: inherit;
}

#footer h1 {
    display: inline;
}

.navbar-nav a.menu-link, .navbar-nav label.dropdown-button {
    display:block;
	min-width:24px;
	min-height:18px;
    padding-top: 14px;
    padding-bottom:17px;
    padding-left:20px;
    padding-right:20px;
    background:transparent;
}

.navbar-nav label.dropdown-button {
	padding-left: 12px;
    padding-right: 12px;
}

.navbar-nav a.visit-link  {
    padding-left:5px;
	padding-right:5px;
	min-width: 49px;
	text-align: center;
}

@media (min-width: 666px) {
	.navbar-nav label.dropdown-button {
	    padding-left: 20px;
        padding-right: 15px;
    }
}

@media (min-width: 1321px) {
	.navbar-nav label.dropdown-button {
	    padding-left: 40px;
        padding-right: 16px;
    }
}

.navbar-nav .current-section a.menu-link {
    padding-left:16px;
    padding-right:16px;
}

.navbar-right a.menu-link, .navbar-right label.dropdown-button {
    padding-left:10px;
    padding-right:10px;
    margin-right:0;
}

.menu-icon+span {
    padding-left:40px;
}


#primary-navbar, #secondary-navbar {
    position:relative;
}

#primary-navbar > .max-width:after {
    content: "";
    display: table;
    clear: both;
    float: none;
}

#primary-navbar.dynamic, #secondary-navbar.dynamic {
    background:none !important;
}

#primary-navbar-bg, #secondary-navbar-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity:0;
    -moz-transition: opacity 0.2s ease-in-out;
    -webkit-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
    z-index:-1;
}

#primary-navbar-bg.hover, #secondary-navbar-bg.hover {
    opacity:1;
}

#primary-navbar .navbar-nav a, #secondary-navbar a {
    -moz-transition: color 0.2s ease-in-out;
    -webkit-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out;
}

#primary-navbar .navbar-header svg {
    -moz-transition: stroke 0.2s ease-in-out, fill 0.2s ease-in-out;
    -webkit-transition: stroke 0.2s ease-in-out, fill 0.2s ease-in-out;
    transition: stroke 0.2s ease-in-out, fill 0.2s ease-in-out;
}

#primary-navbar .navbar-nav .divider,
#primary-navbar .navbar-nav .front:before, #primary-navbar .navbar-nav .front:after,
#primary-navbar .navbar-nav .back:before, #primary-navbar .navbar-nav .back:after {
    -moz-transition: border-color 0.2s ease-in-out;
    -webkit-transition: border-color 0.2s ease-in-out;
    transition: border-color 0.2s ease-in-out;
}

#primary-navbar .navbar-nav .menu-icon:before, #primary-navbar .navbar-nav .menu-icon:after,
#primary-navbar .navbar-nav .menu-icon-line:before, #primary-navbar .navbar-nav .menu-icon-line:after {
    -moz-transition: border-color 0.2s ease-in-out, transform  0.15s ease-in-out;
    -webkit-transition: border-color 0.2s ease-in-out, -webkit-transform  0.15s ease-in-out;
    transition: border-color 0.2s ease-in-out, transform  0.15s ease-in-out;
}

#secondary-navbar-holder {
    position:relative;
}

#secondary-navbar {
    margin-bottom:0.2em;
}

#secondary-navbar-content {
    text-align:center;
    padding: 0.5em 0;
}

#secondary-navbar li {
    display:inline-block;
    padding: 0.5em 12px;
}

#secondary-navbar li a {
    opacity:0.31;
}

#secondary-navbar li a.active {
    opacity:1;
}

/* Menu icon - hamburger */

.menu-icon {
    width:24px;
    height:18px;
    position:absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.menu-icon .menu-icon-line:before, .menu-icon .menu-icon-line:after {
	content:"";
	display:block;
    width:100%;
    position:absolute;
    border-top-width: 2px;
    border-top-style: solid;
    left:0;
    -webkit-transition: opacity 0.1s ease-in-out; /* Safari */
    transition: opacity 0.1s ease-in-out;
    opacity:1;
}

.menu-icon .menu-icon-line:before {
	top:0;
}

.menu-icon .menu-icon-line:after {
	bottom:0;
	margin-top:-2px;
}

.menu-icon:before, .menu-icon:after {
    content:"";
    position:absolute;
    border-top-width: 2px;
    border-top-style: solid;
    width:12px;
    bottom:8px;
    -webkit-transition: -webkit-transform 0.15s ease-in-out; /* Safari */
    transition: transform 0.15s ease-in-out;
    outline: 1px solid transparent;
}

.menu-icon:before {
    left:0px;
    width:13px;
}

.menu-icon:after {
    right:0px;
}

.toggle-dropdown:checked+.dropdown .menu-icon:after,
.toggle-dropdown:checked+.dropdown .menu-icon:before {
    border-width:3px;
}

.toggle-dropdown:checked+.dropdown .menu-icon:after {
    transform: skewY(45deg);
    -ms-transform: skewY(45deg);
    -moz-transform: skewY(45deg);
    -webkit-transform: skewY(45deg);
}

.toggle-dropdown:checked+.dropdown .menu-icon:before {
    -ms-transform: skewY(-45deg);
    -moz-transform: skewY(-45deg);
    -webkit-transform: skewY(-45deg);
    transform: skewY(-45deg);
}

.toggle-dropdown:checked+.dropdown .menu-icon .menu-icon-line:before,
.toggle-dropdown:checked+.dropdown .menu-icon .menu-icon-line:after {
    opacity: 0;
}

@media (min-width: 1111px) {
	.dropdown-button:hover .menu-icon:before,
	.dropdown-button:hover .menu-icon:after {
		border-width:3px;
	}

	.dropdown-button:hover .menu-icon:before {
		transform: skewY(45deg);
		-ms-transform: skewY(45deg);
		-moz-transform: skewY(45deg);
		-webkit-transform: skewY(45deg);
	}

	.dropdown-button:hover .menu-icon:after {
		-ms-transform: skewY(-45deg);
		-moz-transform: skewY(-45deg);
		-webkit-transform: skewY(-45deg);
		transform: skewY(-45deg);
	}

	.dropdown-button:hover .menu-icon .menu-icon-line:before,
	.dropdown-button:hover .menu-icon .menu-icon-line:after {
		opacity: 0;
	}
}

.toggle-dropdown+.dropdown .parentName {
	display:block;
}

.toggle-dropdown+.dropdown .menuName {
	display:none;
}

.toggle-dropdown:checked+.dropdown .parentName, #navbar:hover .toggle-dropdown+.dropdown .parentName {
	display:none;
}

.toggle-dropdown:checked+.dropdown .menuName, #navbar:hover .toggle-dropdown+.dropdown .menuName {
	display:block;
}

#no-search {
    width:80px;
}

#search {
}

#search .dropdown-button {
    width:28px;
    position: relative;
    line-height: 0;
}

#search .dropdown-button:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    background-color: #666;
    visibility: hidden;
    -ms-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}

#search .dropdown-button:hover:before, #search .toggle-dropdown:checked+.dropdown .dropdown-button:before {
    visibility: visible;
    -ms-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    left: 0;
}

#search-input {
    border-top:none !important;
    border-left:none !important;
    border-right:none !important;
    background:none !important;
    outline:none;
    border-bottom-width:2px;
    border-bottom-style:solid;
    border-bottom-color:#fff;
    width:800px;
    border-radius: 0 !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    max-width:100%;
    padding:0;
    padding-left:30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position:relative;
    z-index:5;
}

@media (min-width: 666px) {
    #search-input {
        padding-left:50px;
        border-bottom-width: 3px;
    }
}

#search-results li {
    margin-bottom:0.5em;
}

/* Search icon - magnifying glass */
.search-icon {
    width:auto;
}

.search-icon .icon-holder {
    position:relative;
}

#search .dropdown-button .search-icon .icon-holder {
    margin-left:10px;
}

.search-icon .icon-holder .glass, .search-icon .icon-holder .close {
    margin: 0;
    display: block;
    top:0;
    left:0;
}

.search-icon .icon-holder, .search-icon .icon-holder .glass, .search-icon .icon-holder .close {
    width:26px;
    height:26px;
}

.search-icon .icon-holder .glass:before {
    content:"";
    position:absolute;
    border-width: 2px;
    border-style: solid;
    height:14px;
    width:14px;
    top:0;
    left:3px;
    outline: 1px solid transparent;
    border-radius: 50%;
}

.search-icon.loading .icon-holder .glass:before {
    -webkit-animation:loading-rotate 0.7s linear infinite;
    -moz-animation:loading-rotate 0.7s linear infinite;
    animation:loading-rotate 0.7s linear infinite;

    border-right-color: #999;
    border-left-color: #999;
}

.search-icon .icon-holder .glass:after {
    content: "";
	position: absolute;
	border-top-width: 2px;
	border-top-style: solid;
	width: 10px;
	bottom: 6px;
	outline: 1px solid transparent;
	right: 1px;
	-ms-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

@media (min-width: 666px) {
    .search-form-container .search-icon .icon-holder,
    .search-form-container .search-icon .icon-holder .glass,
    .search-form-container .search-icon .icon-holder .close {
        width:39px;
        height:39px;
    }

   .search-form-container  .search-icon .icon-holder .glass:before {
        border-width: 3px;
        height:21px;
        width:21px;
    }

    .search-form-container .search-icon .icon-holder .glass:after {
        border-top-width: 3px;
	    width: 15px;
        bottom:10px;
    }
}

.search-icon .icon-holder .close:before, .search-icon .icon-holder .close:after {
    content:"";
    position:absolute;
    border-top-width: 3px;
    border-top-style: solid;
    width:13px;
    bottom:12px;
    outline: 1px solid transparent;
}

.search-icon .icon-holder .close:before {
    left:0px;
    width:13px;
    -ms-transform: skewY(-45deg);
    -moz-transform: skewY(-45deg);
    -webkit-transform: skewY(-45deg);
    transform: skewY(-45deg);
}

.search-icon .icon-holder .close:after {
    right:0px;
    -ms-transform: skewY(45deg);
    -moz-transform: skewY(45deg);
    -webkit-transform: skewY(45deg);
    transform: skewY(45deg);
}

.toggle-dropdown:checked+.dropdown .search-icon .icon-holder.flip-y {
    -ms-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
}

@media (min-width: 999px) {
	#search .dropdown-button
	{
		padding-left:20px !important;
		padding-right:20px !important;
		width:40px;
	}
	#search .dropdown-button .search-icon .icon-holder
	{
		margin-left:23px;
	}
}

.navbar-nav .divider {
    height: 1em;
	margin-top: 8px;
	padding: 9px 0 9px;
}

#primary-navbar.minimise .navbar-right, #primary-navbar.minimise .navbar-header,  #primary-navbar.minimise .menu-icon+span, #primary-navbar.minimise .current-section, #primary-navbar.minimise #menu+li {
   opacity:0;
}

.toggle-close {
    width: 50px;
    height: 50px;
    position: absolute;
    bottom: 60px;
    right: 10px;
	display:none;
}

@media (min-width: 666px) {
	.toggle-close {
		bottom: 120px;
		right: 70px;
	}
}

.toggle-dropdown:checked+.dropdown .toggle-close {
	display:block;
}

/* Session status*/
#session-status-holder {
    position:fixed;
    bottom:-50px;
    right:10px;
    display:none;
}

@media (min-width: 1111px) {
    #session-status-holder {
        right:30px;
    }
}

#session-status-height {
    display:none;
}

#session-status {
    float:right;
    padding:15px 15px 16px;
}

#session-status-holder, #session-logout, #session-cart, #session-status-height {
    display:none;
}

#session-cart {
    position: relative;
    padding-right: 1em;
}

#session-cart:after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    width: 0.6em;
    height: 0.6em;
    background: #ff0099;
    top: 50%;
    margin-top: -0.3em;
    -webkit-border-radius: 0.3em;
    -moz-border-radius: 0.3em;
    border-radius: 0.3em;

   -webkit-animation: flickerAnimation 3s infinite;
   -moz-animation: flickerAnimation 3s infinite;
   -o-animation: flickerAnimation 3s infinite;
    animation: flickerAnimation 3s infinite;
}

@keyframes flickerAnimation {
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-o-keyframes flickerAnimation{
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-moz-keyframes flickerAnimation{
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-webkit-keyframes flickerAnimation{
  0%   { opacity:1; }
  80%  { opacity:1; }
  90%  { opacity:0.5; }
  100% { opacity:1; }
}

/* Lightbox */

.lightbox {
    position:fixed;
    top:100%;
    height:calc(100% - 25px);
    width:100%;
    z-index:888888;
    -webkit-transition: -webkit-top 0.3s ease-in-out; /* Safari */
    transition: top 0.3s ease-in-out;
}

.lightbox-bg {
    content:"";
    display:block;
    position:fixed;
    height:100%;
    width:100%;
    top:0;
    left:0;
    background:#111;
    z-index:777777;
    background-image: url('/img/noise.png');
    background-size:100px;
    background-repeat:repeat;
    opacity:0;
    display:none;
}


@media (max-width: 665px) {
    .lightbox, .lightbox-bg {
        display:none !important;
    }
}

#toggle-lightbox:checked+.lightbox {
    top:25px;
}

#toggle-lightbox:checked+.lightbox+.lightbox-bg {
    display:block;
    opacity:0.6;
}

#lightbox-image-holder {
    position:absolute;
    top:70px;
    bottom:100px;
    width:100%;
}

@media (min-width: 1111px) {
    #lightbox-image-holder {
        top: 30px;
    }
}

#lightbox-image {
    height:100%;
    background-size:contain;
    background-repeat:no-repeat;
}

#lightbox-content {
    position:absolute;
    bottom:0;
    width:100%;
    min-height:85px;
}

.close-lightbox {
  display:none;
  position:relative;
  width:18px;
  height:18px;
}

#toggle-lightbox:checked+.lightbox .close-lightbox {
  display:block;
}

.close-lightbox:before, .close-lightbox:after {
  content:"";
  display:block;
  position:absolute;
  width:16px;
  border-width:1px;
  border-style:solid;
  top:10px;
  left:0px;
}

.close-lightbox:before {
  -ms-transform: skewY(45deg);
  -moz-transform: skewY(45deg);
  -webkit-transform: skewY(45deg);
  transform: skewY(45deg);
}

.close-lightbox:after {
  -ms-transform: skewY(-45deg);
  -moz-transform: skewY(-45deg);
  -webkit-transform: skewY(-45deg);
  transform: skewY(-45deg);
}

/* End lightbox */

.flip-y {
	display:block;
    transform-style: preserve-3d;
    -webkit-transition: -webkit-transform 0.3s ease-in-out; /* Safari */
    transition: transform 0.3s ease-in-out;
}

.flip-y .front, .flip-y .back {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
}

.flip-y .front {
    -ms-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.flip-y .back {
    -ms-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
}

input:checked+label .flip-y {
	-ms-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
}

.up-chevron, .down-chevron {
    width:24px;
    height:16px;
    display:block;
    margin:0 auto;
	position: relative;
}

.up-chevron.small, .down-chevron.small {
	width:12px;
	height:7px;
}

.up-chevron:before, .up-chevron:after, .down-chevron:before, .down-chevron:after {
    content:"";
    position:absolute;
    border-top-width: 3px;
    border-top-style: solid;
    width:12px;
    top:7px;
}

.up-chevron.small:before, .up-chevron.small:after, .down-chevron.small:before, .down-chevron.small:after {
	width:6px;
	top:2px;
}

.up-chevron:before, .down-chevron:after {
    width:13px;
    transform: skewY(-45deg);
    -ms-transform: skewY(-45deg);
    -moz-transform: skewY(-45deg);
    -webkit-transform: skewY(-45deg);
}

.up-chevron.small:before, .down-chevron.small:after {
	width:6px;
}

.up-chevron:after, .down-chevron:before {
    transform: skewY(45deg);
    -ms-transform: skewY(45deg);
    -moz-transform: skewY(45deg);
    -webkit-transform: skewY(45deg);
}

.up-chevron:after, .down-chevron:after {
    right:0px;
}

.up-chevron:before, .down-chevron:before {
    left:0px;
}

.left-chevron, .right-chevron {
    width:16px;
    height:24px;
    display:block;
    margin:0 auto;
	position: relative;
}

.left-chevron.small, .right-chevron.small {
	width:7px;
	height:12px;
}

.left-chevron:before, .left-chevron:after, .right-chevron:before, .right-chevron:after {
    content:"";
    position:absolute;
    border-right-width: 3px;
    border-right-style: solid;
    height:12px;
	right: 6px;
}

.left-chevron.small:before, .left-chevron.small:after, .right-chevron.small:before, .right-chevron.small:after {
	height:6px;
}

.left-chevron:before, .right-chevron:after {
    top: 0;
    transform: skewX(-45deg);
    -ms-transform: skewX(-45deg);
    -moz-transform: skewX(-45deg);
    -webkit-transform: skewX(-45deg);
}

.left-chevron.small:before, .right-chevron.small:after {
	top: 6px;
}

.left-chevron:after, .right-chevron:after {
	top: 12px;
}

.left-chevron:after, .right-chevron:before {
    transform: skewX(45deg);
    -ms-transform: skewX(45deg);
    -moz-transform: skewX(45deg);
    -webkit-transform: skewX(45deg);
}

.right-chevron:before {
	top:0;
}

.reverse-icon {
	position:relative;
	display:inline-block;
	height:1em;
	width:20px;
}

.reverse-icon:before, .reverse-icon:after {
	position:absolute;
	left:10px;
}

.reverse-icon:before {
	content:"<";
	top:2px;
	left:0px;
}

.reverse-icon:after {
	content:">";
	top:6px;
	left:8px;
}

.reverse-icon.reversed:after {
	top:2px;
}

.reverse-icon.reversed:before {
	top:6px;
}

#footer {
    position:relative;
    z-index:222;
}

#footer .footer-icon {
    width:50px;
    position:absolute;
    top:0;
    right:10px;
}

@media (min-width: 666px) {
    #footer .footer-icon {
        width: 100px;
    }
}

#footer .footer-icon svg {
    stroke: none !important;
}

.footer-menu.footer-menu-right {
    margin-top:10px;
}

@media (min-width: 666px) {
    .footer-menu.footer-menu-right {
        float:right;
        margin-top:0px;
    }
}

.footer-menu li {
  display:inline-block;
  padding-right:7px;
}

.footer-menu li:after {
  content:"|";
  padding-left:7px;
}

.footer-menu li:last-child {
  padding-right:0px;
}

.footer-menu li:last-child:after {
  content:"";
  padding-left:0px;
}

.animate-underline {
    display:inline-block;
    position:relative;
}

.animate-underline:before,
.animate-underline:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    bottom: 0;
    left: 0;
    z-index:77;
    -ms-transform: scaleX(0);
    -webkit-transform: scaleX(0);
    transform: scaleX(0);

    -ms-transition: transform 0.2s ease-in-out 0s;
    -webkit-transition: transform 0.2s ease-in-out 0s;
    transition: transform 0.2s ease-in-out 0s;
}

.dropdown-content .main-menu .animate-underline:before,
.dropdown-content .main-menu .animate-underline:after {
    -ms-transform-origin: 0% 50%;
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
}

#menu .dropdown-content .main-menu li a .animate-underline:before,
#menu .dropdown-content .main-menu li a .animate-underline:after {
	height: 2px;
	bottom: -2px;
}

@media (min-width: 666px) {
	#menu .dropdown-content .main-menu li a .animate-underline:before,
	#menu .dropdown-content .main-menu li a .animate-underline:after {
		height: 3px;
		bottom: -3px;
	}
}

.over-underline {
    position:relative;
    z-index:88;
}

a:hover .over-underline {
    text-shadow: -1px 0px 0 #000, 1px 0px 0 #000, -2px 0px 0 #000, 2px 0px 0 #000;
}

#menu .dropdown-content li a:hover  .over-underline {
	text-shadow: -3px 0px 0 #000, 3px 0px 0 #000;
}

a:hover .animate-underline:before, .tabbing a:focus .animate-underline:before,
label:hover .animate-underline:before,
input:checked+div>label .animate-underline:before,
.tabbing input:focus+div>label .animate-underline:before,
li.current .animate-underline:before {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  left: 0;
}

.current a:hover .animate-underline:after,
.tabbing a:focus .animate-underline:after {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  left: 0;
}

.col {
    position:relative;
}

/* Filters */
input.content-filter {
}

ul.content-filters li {
	list-style:none;
	display:inline-block;
}

ul.content-filters {
    text-align:center;
}

ul.content-filters li label, #amarna-interface label {
	display:inline-block;
	padding:10px;
    border-width:1px;
    border-style:solid;
}

ul.content-filters li .divider {
    display:none;
}

@media (min-width: 666px) {
    ul.content-filters {
        text-align:left;
        margin-bottom:0;
    }

    ul.content-filters.primary-filters {
        float: left;
        margin-left:-15px;
        padding-left:60px;
    }

    ul.content-filters li.clear {
        position: absolute;
        left: -15px;
        width:55px;
    }

    ul.content-filters.secondary-filters {
        float: right;
        margin-right:-15px;
    }

    ul.content-filters li label, #amarna-interface label {
	    padding:5px 10px;
        border:none;
        margin-bottom:5px;
    }

    ul.content-filters li.clear label {
        padding-left: 0px;
        padding-right: 0px;
        min-width: 38px;
        text-align: center;
        margin: 0 5px;
    }

    ul.content-filters li .divider {
        margin-top: 2px;
        height: 1em;
        padding: 3px 0;
        margin: 2px 5px 0;
        display:inline;
    }

    ul.content-filters li.clear .divider {
        margin-left: 0;
        margin-right: 0;
    }
}

#date-toggle+label {
	position: relative; padding-right: 33px;
}

#date-toggle+label .date-icon {
	display: inline-block;
	position: absolute;
	right: 8px;
	width: 20px;
	height:16px;
    top: 50%;
    margin-top: -8px;
}

#date-interface.active #date-toggle-bg {
    display:block !important;
}

#date-toggle:checked+label .date-icon {
    -ms-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
}

#date-interface, #date-interface label {
    width:100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

@media (min-width: 666px) {
    #date-interface, #date-interface label {
        width:auto;
    }
}

#amarna-interface {
    padding-top:5px;
}

.date-icon.flip-y .front {
	top:0;
	left:0;
    width: 20px;
    height: 16px;
}

.date-icon.flip-y .back {
	bottom:5px;
	left:5px;
}

#date-picker-holder {
	display:none;
	position:absolute;
	z-index:88;
	right:0;
	top:0;
	box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
    max-width:700px;
}

#date-bar {
	/*overflow:hidden;*/
}

#date-bar-content {
	min-height:1em;
	padding:10px 10px;
	text-align:right;
	width:700px;
    max-width:100%;
}

@media (min-width: 666px) {
    #date-bar-content {
	    padding:15px 0;
    }
}

#clear-dates:before {
    content:"|";
	color:#666;
	padding:0 10px;
}

#cancel-dates, #apply-dates {
	margin:10px;
}

/* Profile pages */

#banner .banner-img {
    height:100%;
    width:100%;
	background-size:cover;
    background-repeat:no-repeat;
}

#banner {
	min-height:200px;
}

@media (max-width: 665px) {
    #banner.phone-collapse {
        padding-bottom:0;
        height:auto;
    }

    #banner.phone-collapse .banner-img {
        height:auto;
    }
}

.profile-img {
	max-height:600px;
	overflow:hidden;
	background-position:center;
	background-size:cover;
    background-repeat:no-repeat;
	position:relative;
}

.profile-img-height {
	padding-bottom:60%;
}

.profile-img.small-profile-img {
	max-height:360px;
}

.sidebar.padded-sidebar {
}

h1.jam span {
    padding-left:10px;
}

@media (min-width: 666px) {
	.sidebar.padded-sidebar {
		padding-right:30px;
	}

	.sidebar.padded-sidebar-right {
        margin-left:-15px;
	}

	.sidebar.padded-sidebar-right .border-top {
        margin-right:-25px;
	}

    .sidebar.padded-sidebar-right img {
        width:80%;
        margin-left:10%;
    }

    h1.jam span {
        padding-left:20px;
    }
}

@media (min-width: 1111px) {
	.sidebar.padded-sidebar {
		padding-right:50px;
	}

	.sidebar.padded-sidebar-right {
		padding-left:50px;
        margin-left:0;
	}

	.sidebar.padded-sidebar-right .border-top {
        margin-right:0;
	}
}

@media (min-width: 1444px) {
	.sidebar.padded-sidebar {
		padding-right:80px;
	}

	.sidebar.padded-sidebar-right {
		padding-left:80px;
	}
}
/*
@media (min-width: 666px) {
	.profile-content p.feature-text {
		text-align:center;
	}
}
*/

/* Map */

#map {
    position: relative;
    overflow: hidden;
    height:250px;
}

@media (min-width: 666px) {
	#map {
    	height:500px;
	}
}

#banner #map {
    height:100%;
}

.info-window {
    max-width: 200px;
}

#map-key {
  padding:5px;
}

#map-key li {
  display:inline-block;
  margin-right:15px;
  padding:3px 0 5px;
  padding-left:32px;
  position:relative;
}

#map-key li img, #map-key li svg  {
  height:32px;
  width:32px;
  margin-right:5px;
  position:absolute;
  left:0;
  top:0;
}


/* Booking pathway */

#cart-error {
    color:#ff0000;
}

#add-to-cart.incomplete {
    opacity:0.2;
    -webkit-transition: opacity 0.2s ease-in;
    transition: opacity 0.2s ease-in;
}

.section-header {
    -webkit-transition: color 0.2s ease-in;
    transition: color 0.2s ease-in;
}

.section-header:before {
    content:"> ";
    padding-right:5px;
    color:#000000;
    -webkit-transition: color 0.2s ease-in;
    transition: color 0.2s ease-in;
    display:none;
}

.section-header.incomplete:before {
    color:#ff0099;
    display:inline-block;
}

.section-header.incomplete.error, .section-header.incomplete.error:before {
    color:#ff0000;
}

/* Buy banner */

.buy-banner {}

.buy-banner-image {
    max-width:100%;
}

@media (min-width: 666px) {
    .buy-banner-link {
        position: absolute;
        right: 100px;
        bottom: 160px;
    }
}

/* Masonry */

.masonry {
	margin-right:-10px;
	padding-left:0;
}

.masonry .col {
    padding-right:0;
}

.thumbnail a {
    display:block;
}

.cover-thumbnail>.thumbnail:after {
  content:"";
  position:absolute;
  background:#000;
  top:0;
  right:0;
  left:0;
  bottom:0;
}

.thumbnail .thumbnail-padding {
    text-align:center;
    /*
    animation-name: fadein;
    animation-duration: 1s;
    */
}

.thumbnail.banner .thumbnail-padding {
    padding:0.5em 20px;
}

.thumbnail.banner .thumbnail-content, .thumbnail.banner .thumbnail-keyline {
    top:0;
}

.thumbnail .thumbnail-border, .thumbnail .thumbnail-img {
    position: absolute;
    height: 100%;
    width: 100%;
}

.thumbnail .thumbnail-img {
    background-size: cover;
    background-position: center;
    background-repeat:no-repeat;
}

.thumbnail .thumbnail-img.thumbnail-texture {
    background-image: url('/img/noise.png');
    background-size:100px;
    background-repeat:repeat;
    opacity: 0.3;
    -webkit-transition: opacity 0.1s ease-in;
    transition: opacity 0.1s ease-in;
    -webkit-transition-delay: 0.2s; /* Safari */
    transition-delay: 0.2s;
    /*
    animation-name: fadetexture;
    animation-duration: 1s;
    */
}

.rainbow-body .thumbnail .thumbnail-img.thumbnail-texture {
	display:none;
}

.thumbnail .thumbnail-img.thumbnail-img-hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    filter: blur(0);
    -webkit-filter: blur(0);
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    -webkit-transition: opacity 0.3s ease-in;
    transition: opacity 0.3s ease-in;
    /*
    animation-name: fadeout;
    animation-duration: 1s;
    */
}

@keyframes fadeout {
     0%, 30% {
        filter: alpha(opacity=1);
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
    }

    100% {
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        -khtml-opacity: 0;
        opacity: 0;
    }
}

@keyframes fadein {
    0%, 75% {
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        -khtml-opacity: 0;
        opacity: 0;
    }

    100% {
        filter: alpha(opacity=1);
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
    }
}

@keyframes fadetexture {
    0%, 75% {
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        -khtml-opacity: 0;
        opacity: 0;
    }

    100% {
        filter: alpha(opacity=0.3);
        -moz-opacity: 0.3;
        -khtml-opacity: 0.3;
        opacity: 0.3;
    }
}

.thumbnail:hover .thumbnail-img.thumbnail-img-hover, a:hover .thumbnail .thumbnail-img.thumbnail-img-hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=1);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    -webkit-transition: opacity 0.5s ease-out;
    transition: opacity 0.5s ease-out;
}

.thumbnail:hover .thumbnail-texture, a:hover .thumbnail .thumbnail-texture {
    opacity:0;
    -webkit-transition: opacity 0.2s ease-out;
    transition: opacity 0.2s ease-out;
}

.thumbnail .thumbnail-border {
    display: none;
    border-width: 3px;
    border-style: solid;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.thumbnail:hover .thumbnail-border, a:hover .thumbnail .thumbnail-border {
    display: none;
}

@media (max-width: 665px) {
    .masonry .col {
        position:relative !important;
        top:0 !important;
        left:0 !important;
        width:100%;
    }

    .thumbnail .y-center {
        position:relative !important;
        transform:none;
        top:0;
    }

    .thumbnail.col {
        float:none;
        clear:both;
    }

    .thumbnail .thumbnail-keyline {
        position: absolute;
        width: 100%;
        top: -10px;
    }

    .thumbnail-content {
      margin:10px 20px 10px 10px;
      width:auto;
      position:relative;
    }

    a.thumbnail-content:hover {
      text-decoration:none;
    }

    .thumbnail.tier-0 .thumbnail-padding,
    .thumbnail.h-3 .thumbnail-padding,
    .thumbnail.text-size-0 .thumbnail-padding {
        padding:2.5em 20px;
    }

    .thumbnail.tier-1 .thumbnail-padding,
    .thumbnail.h-2 .thumbnail-padding,
    .thumbnail.text-size-1 .thumbnail-padding {
        padding:2em 20px;
    }

    .thumbnail.tier-2 .thumbnail-padding,
    .thumbnail.h-1 .thumbnail-padding,
    .thumbnail.text-size-2 .thumbnail-padding {
        padding:1.5em 20px;
    }

    .thumbnail.tier-3 .thumbnail-padding,
    .thumbnail.tier-1 .thumbnail-padding,
    .thumbnail.text-size-3 .thumbnail-padding {
        padding:1em 20px;
    }

    /*
    .thumbnail.tier-2 .thumbnail-img, .thumbnail.tier-3 .thumbnail-img, .thumbnail.h-1 .thumbnail-img {
        display:none !important;
        background:none !important;
    }
       */
}

@media (min-width: 666px) {

    .thumbnail .thumbnail-content {
        position: absolute;
        top: 10px;
        bottom: 0;
        left: 0;
        right: 10px;
    }

    .thumbnail .thumbnail-padding {
        transform: translateZ(0);
        -webkit-transform: translateZ(0);
        position: relative;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        position: absolute;
        top: 10px;
        bottom: 10px;
        left: 12px;
        right: 12px;
    }

    .thumbnail .thumbnail-padding h9 {
        margin-top: 14px;
    }

    .thumbnail .thumbnail-padding h3, .thumbnail .thumbnail-padding h10 {
        margin-top: 18px;
    }

    .thumbnail .thumbnail-padding h7 {
        margin-top: 28px;
    }

    .thumbnail .thumbnail-keyline {
        width: 100%;
        position: absolute;
        top: -10px;
        height: 10px;
    }

    .thumbnail .thumbnail-border, .thumbnail .thumbnail-img {
        position: absolute;
        height: 100%;
        width: 100%;
    }

    .thumbnail .thumbnail-border {
        display: none;
        border-width: 3px;
        border-style: solid;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .thumbnail:hover .thumbnail-border {
        display: block;
    }

    .thumbnail {
        width: 100%;
        padding-bottom: 75%;
        margin-bottom: 20px;
        position: relative;
    }

	.col-t-1-6 .h-1 {
		padding-bottom:150%;
		padding-top:0px;
	}

	.col-t-1-6 .h-2 {
		padding-bottom:225%;
		padding-top:20px;
	}

	.col-t-1-6 .h-3 {
		padding-bottom:300%;
		padding-top:40px;
	}

	.col-t-1-6 .h-4 {
		padding-bottom:445%;
		padding-top:60px;
	}

	.col-t-1-4 .h-1 {
		padding-bottom:100.3%;
		padding-top:0px;
	}

	.col-t-1-4 .h-2 {
		padding-bottom:150.3%;
		padding-top:20px;
	}

	.col-t-1-4 .h-3 {
		padding-bottom:200.3%;
		padding-top:40px;
	}

	.col-t-1-4 .h-4 {
		padding-bottom:300.3%;
		padding-top:60px;
	}

	.col-t-1-3 .h-1, .tier-3.square {
		padding-bottom:75%;
		padding-top:0px;
	}

	.col-t-1-3 .h-2, .tier-3.portrait, .tier-2.portrait {
		padding-bottom:150%;
		padding-top:20px;
	}

	.col-t-1-3 .h-3    {
		padding-bottom:225%;
		padding-top:40px;
	}

	.col-t-1-3 .h-4 {
		padding-bottom:300%;
		padding-top:60px;
	}

	.col-t-1-2 .h-1, .tier-3.landscape {
		padding-bottom:50%;
		padding-top:0px;
	}

	.col-t-1-2 .h-2, .tier-2.square {
		padding-bottom:100%;
		padding-top:20px;
	}

	.col-t-1-2 .h-3, .tier-1.portrait {
		padding-bottom:150%;
		padding-top:40px;
	}

	.col-t-1-2 .h-4 {
		padding-bottom:200%;
		padding-top:60px;
	}

	.col-t-2-3 .h-1, .tier-2.landscape {
		padding-bottom:37.5%;
		padding-top:00px;
	}

	.col-t-2-3 .h-2, .tier-1.square {
		padding-bottom:75%;
		padding-top:20px;
	}

	.col-t-2-3 .h-3 {
		padding-bottom:112.5%;
		padding-top:40px;
	}

	.col-t-2-3 .h-4, .tier-0.portrait {
		padding-bottom:150%;
		padding-top:60px;
	}

	.col-t-1-1 .banner {
		padding-bottom:6.5%;
		padding-top:0px;
	}

	.col-t-1-1 .h-1, .tier-1.landscape {
		padding-bottom:25%;
		padding-top:0px;
	}

	.col-t-1-1 .h-2 {
		padding-bottom:37.5%;
		padding-top:20px;
	}

	.col-t-1-1 .h-3, .tier-0.landscape {
		padding-bottom:50%;
		padding-top:40px;
	}

	.col-t-1-1 .h-4, .tier-0.square {
		padding-bottom:75%;
		padding-top:60px;
	}

	.col-d-1-3 > .thumbnail .thumbnail-padding,
	.col-d-1-4 > .thumbnail .thumbnail-padding {
		left:20px;
		right:20px;
	}

	.col-d-1-2 > .thumbnail .thumbnail-padding,
	.col-d-2-3 > .thumbnail .thumbnail-padding,
	.col-d-1-1 > .thumbnail .thumbnail-padding {
		left:30px;
		right:30px;
	}

    .thumbnail.banner {
        padding-bottom:0;
    }

    .thumbnail.banner .thumbnail-content, .banner .thumbnail-padding, .banner .y-center {
      position:relative;
    }

    .thumbnail.banner .thumbnail-content {
      margin-right:10px;
    }
}

@media (min-width: 1111px) {
	.col-d-1-6 .h-1, .tier-3.square {
		padding-bottom:75%;
		padding-top:0px;
	}

	.col-d-1-6 .h-2, .tier-3.portrait {
		padding-bottom:150%;
		padding-top:20px;
	}

	.col-d-1-6 .h-3 {
		padding-bottom:225%;
		padding-top:40px;
	}

	.col-d-1-6 .h-4 {
		padding-bottom:300%;
		padding-top:60px;
	}

	.col-d-1-4 .h-1 {
		padding-bottom:50.3%;
		padding-top:0px;
	}

    .col-d-1-4 .h-1-5 {
		padding-bottom:75.3%;
		padding-top:10px;
	}

	.col-d-1-4 .h-2 {
		padding-bottom:100.3%;
		padding-top:20px;
	}

	.col-d-1-4 .h-3 {
		padding-bottom:150.3%;
		padding-top:40px;
	}

	.col-d-1-4 .h-4 {
		padding-bottom:200.3%;
		padding-top:60px;
	}

	.col-d-1-3 .h-1, .tier-3.landscape {
		padding-bottom:37.5%;
		padding-top:0px;
	}

    .col-d-1-3 .h-1-5 {
		padding-bottom:56.25%;
		padding-top:10px;
	}

	.col-d-1-3 .h-2, .tier-2.square {
		padding-bottom:75%;
		padding-top:20px;
	}

	.col-d-1-3 .h-3, .tier-2.portrait {
		padding-bottom:112.5%;
		padding-top:40px;
	}

	.col-d-1-3 .h-4, .tier-1.portrait {
		padding-bottom:150%;
		padding-top:60px;
	}

	.col-d-1-2 .h-1 {
		padding-bottom:25%;
		padding-top:0px;
	}

    .col-d-1-2 .h-1-5 {
		padding-bottom:37.5%;
		padding-top:10px;
	}

	.col-d-1-2 .h-2, .tier-2.landscape {
		padding-bottom:50%;
		padding-top:20px;
	}

	.col-d-1-2 .h-3, .tier-1.square {
		padding-bottom:75%;
		padding-top:40px;
	}

	.col-d-1-2 .h-4, .tier-0.portrait {
		padding-bottom:100%;
		padding-top:60px;
	}

	.col-d-2-3 .h-1 {
		padding-bottom:18.75%;
		padding-top:0px;
	}

	.col-d-2-3 .h-1-5 {
		padding-bottom:28.125%;
		padding-top:10px;
	}

	.col-d-2-3 .h-2, .tier-1.landscape {
		padding-bottom:37.5%;
		padding-top:20px;
	}

	.col-d-2-3 .h-3, .tier-0.square {
		padding-bottom:56.25%;
		padding-top:40px;
	}

	.col-d-2-3 .h-4 {
		padding-bottom:75%;
		padding-top:60px;
	}

	.col-d-1-1 .banner {
		padding-bottom:6.5%;
		padding-top:0px;
	}

	.col-d-1-1 .h-1 {
		padding-bottom:12.5%;
		padding-top:0px;
	}

	.col-d-1-1 .h-1-5 {
		padding-bottom:18.75%;
		padding-top:10px;
	}

	.col-d-1-1 .h-2, .tier-0.landscape {
		padding-bottom:25%;
		padding-top:20px;
	}

	.col-d-1-1 .h-3 {
		padding-bottom:37.5%;
		padding-top:40px;
	}

	.col-d-1-1 .h-4 {
		padding-bottom:50%;
		padding-top:60px;
	}

	.col-d-1-3 > .thumbnail .thumbnail-padding,
	.col-d-1-4 > .thumbnail .thumbnail-padding {
		left:30px;
		right:30px;
	}

	.col-d-1-2 > .thumbnail .thumbnail-padding,
	.col-d-2-3 > .thumbnail .thumbnail-padding,
	.col-d-1-1 > .thumbnail .thumbnail-padding {
		left:50px;
		right:50px;
	}
}


.video {
    min-width: 100%;
    min-height: 100%;
    position:fixed;
    bottom:0;
}

.video-player {
    width:100%;
    height:auto;
    padding-bottom:56.25%;
    position:relative;
}

.video-player .video {
    position:absolute;
	max-width: 100%;
	max-height: 100%;
}

.video-player .video-js .vjs-control-bar {
    background-color: #333;
    background-color: rgba(51, 51, 51, 0.7);
}

.video-player .video-js .vjs-load-progress {
    background: #999;
    background: rgba(153, 153, 153, 0.5);
}

.video-player .video-js .vjs-slider {
    background-color: #666;
    background-color: rgba(102, 102, 102, 0.5);
}

.video-player .video-js .vjs-big-play-button {
    border: 1px solid #fff;
    background:none;
    -webkit-border-radius: 0em;
    -moz-border-radius: 0em;
    border-radius: 0em;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}

.video-player .video-js:hover .vjs-big-play-button,
.video-player .video-js .vjs-big-play-button:focus {
    background-color: #333;
    background-color: rgba(51, 51, 51, 0.7);
}

.video-player .vjs-poster{
	display: none;
}

ul.visit-sections-secondary li {
	margin-bottom: 0.7em;
}

.ng-cloak {
    display:none;
}

.loading-loop {
    position:relative;
    height:25px !important;
}

.loading-loop:after, .border-button.loading:after {
    content: "";
    display: block;
    position: absolute;
    height: 20px;
    width: 20px;
    top: 0px;
    left: 50%;
    margin-left:-15px;
    -webkit-animation:loading-rotate 0.7s linear infinite;
    -moz-animation:loading-rotate 0.7s linear infinite;
    animation:loading-rotate 0.7s linear infinite;

    border: 2px solid #ffffff;
    border-right-color: #000;
    border-left-color: #000;
    border-radius: 50%;
 }

.border-button.loading:after {
    top: 12px;
}

 @-moz-keyframes loading-rotate {100%{-moz-transform: rotate(360deg);}}
 @-webkit-keyframes loading-rotate{100%{-webkit-transform: rotate(360deg);}}
 @keyframes loading-rotate {100%{-webkit-transform: rotate(360deg); transform:rotate(360deg);}}

 /* Forms */

.input-form textarea{
    border:0;
    resize: none;
    outline: 0;
    width: 100%;
    box-sizing:border-box;
    font-size: 1em;
    line-height: 1.556em;
}

.input-form input.text-input, .input-form select {
    width: 100%;
    height: 48px;
    box-sizing: border-box;
    border: 1px solid #CCC;
    padding-left: 5px;
    background:none !important;
}

.input-form .text-input {
    padding-top: 22px;
}

input[class*="validation"], textarea[class*="validation"]{
    border: 1px solid #FF0000 !important;
}

.input-form .error {
    color: #FF0000;
    max-width: none;
    position:absolute;
    right:15px;
    padding-top:1px;
}

.input-form .radio-error {
    left:10px;
    right:auto;
    margin-top: 18px;
}

.input-form label.text-label {
    position: absolute;
    top: 6px;
    left: 5px;
    font-size: 0.8em;
}

.input-form label.select-label {
    font-size: 0.8em;
}

.input-form label.text-label.required:before, .input-form label.select-label.required:before {
    content:"* ";
    color:#ff0099;
}

.input-form .required-label:after {
    content:" *";
    color:#ff0099;
}

.warning, .warning-space {
    padding:5px;
}

.warning p {
    width:100%;
    max-width:none;
    text-align:center;
}

.warning p a  {
    text-transform:uppercase;
    color:#ff0099;
}

th, td{
    margin-bottom: 30px;
    border-bottom: 1px solid #FFF;
    vertical-align: top;	
	padding: 15px 5px 30px 5px;
}

td:first-child{
	min-width: 150px;
}

@media(min-width: 1111px){
	#t-c{
		position: fixed;
		left: 10px;
		
	}
}