/*RESET CSS BEGIN*/
/*html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}*/

/* HTML5 display-role reset for older browsers */

/*article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}*/

/*------------------------------------CORE STYLES------------------------------------*/
:root{
/*------------------------------------SITE WIDE COLOR THEME------------------------------------*/
/*--global-text-gold-color: #cca56e;*/
--global-text-gold-color: #f7d194;
--global-text-light100-color: #ffffff;
--global-text-dark13-color: #202020;
--global-text-dark20-color: #333333;
--global-text-light75-color: #dfdfdf;
--global-text-light87-color: #bfbfbf;
--global-background-light100-color: #ffffff;
--global-background-light96-color: #F5F5F5;
--global-background-dark13-color: #202020;
--global-background-black-color: #000000;
--global-text-shadow-color:#000000;
--global-text-shadowlight-color:#f7f0e4;
}

/*------------------------------------SITE WIDE COMMON STYLES STARTS------------------------------------*/
html,
body {
	padding: 0;
	margin: 0;
	background-color:#A1A1A1;
	vertical-align: middle;
	text-align: center;
	color:#FFF;
}

	/*Back To Top button css starts*/
	.back-to-top {
		z-index:1;
		position: fixed;
		bottom: 0px;
		right: 15px;
		width:35px;
		height:35px;
		font-size: 12px;
		padding: 1em;
		display: none;
		background-image: url(../image/common/uparrow_light.png);
		background-size: auto;
		background-repeat: no-repeat;
		background-position: center center;
		border-radius:50%;
		mix-blend-mode:exclusion;
	}
	
	@media screen and (max-width:600px) {
			.back-to-top {
					width:20px;
					height:20px;
					background-size: 60%;
			}
	}
	/*Back To Top button css ends*/

#container {
	width: 100%;
	background-color:#202020;
	vertical-align: middle;
	text-align: center;
	color:#FFF;
}

#content {
	background-color:#202020;
	vertical-align: middle;
	text-align: center;
	color:#FFF;
}

sectionlight {
	display: inline-block;
	width:100%;
	height:auto;
	background-color:var(--global-background-light96-color);
	vertical-align:middle;
	padding-bottom: 50px;
}

sectiondark {
	display: inline-block;
	width:100%;
	height:auto;
	background-color:var(--global-background-dark13-color);
	vertical-align:middle;
	padding-bottom: 50px;
}

downarrow {
	position:absolute;
	display: inline-block;
	margin-top:50px;
	margin-right:0px;
	margin-bottom:0px;
	margin-left:0px;
	width:34px;
	height:21px;
	background-image: url(../image/common/arrow_light.png);
	background-size:contain;
	background-repeat: no-repeat;
	background-position: center center;
	bottom:18px;
	left:50%;
	transform:translateX(-50%);
	mix-blend-mode:exclusion;
}

a:link {
	color:inherit;
	text-decoration: none;
}
a:visited {
	color:inherit;
	text-decoration: none; 
}

a:hover, a:focus, a:active {
	color:inherit;
	text-decoration: none;
	outline:none;
}

/*------------------------------------SITE WIDE COMMON STYLES ENDS------------------------------------*/

/*------------------------------------Start of header section style------------------------------------*/

header{
	/*ADD BELOW LINE FOR SEMI MOBILE SITE*/
	/*background-color: rgba(0, 0, 0, 0.8);*/
	position:absolute;
	z-index:10;
	width:100%;
	top:0;
	height:50px;
}

header-wapper {
    position: fixed;
    top: 0;
	left:0;
	right:0;
    width: 100%;
	z-index:10;
	/*REMOVE BELOW LINE FOR SEMI MOBILE SITE*/
	mix-blend-mode:exclusion;
}
nav{
	top:0;
	left:0;
	vertical-align:top;
	/*gap:4rem;*/
}
nav brand {
	position:relative;
	float:left;
	margin-top:8.5px;
	margin-right:0px;
	margin-bottom:8.5px;
	margin-left:20px;
	text-align:center;
	vertical-align: top;
	color:var(--global-text-light100-color);
}
nav brand a {
	display: inline-block;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 26px;
	/*font-weight:900;*/
	font-weight:700;
	text-transform:uppercase;
	letter-spacing:0px;
	text-decoration: none;
	color:var(--global-text-light100-color);
	opacity:1;
}

nav ul {
	position:relative;
	float:right;
	margin-top:16px;
	margin-right:24px;
	margin-bottom:12px;
	margin-left:0px;
	list-style:none;
	display:flex;
}

nav ul li a{
	display:inline-block;
	font-family: 'Source Sans Pro', sans-serif;
	font-size:16px;
	font-weight:400;
	text-transform:uppercase;
	letter-spacing:0px;
	color:var(--global-text-light100-color);
	opacity:.5;
	text-decoration: none;
	margin-left: 30px;
	-webkit-transition:.5s all ease-in-out;
	transition:.5s all ease-in-out;
}

nav ul li a:hover,  a:focus {
	opacity:1;
}

/* Start of Mobile Menu */

#mobile-menu{
	position:absolute;
	top:50%;
	right:20px;
	transform:translateY(-50%);
	z-index:1;
	width:2rem;
	height:2rem;
	cursor:pointer;
}
#mobile-menu span{
	position:absolute;
	width:80%;
	height:1px;
	left:10%;
	top:50%;
	background-color:var(--global-background-light100-color);
	transition:all 0.3s ease-in-out;
}
#mobile-menu span:first-of-type{
	top:25%;
}
#mobile-menu span:last-of-type{
	top:75%;
}
#mobile-menu.open span{
	opacity:0;
}
#mobile-menu.open span:first-of-type,
#mobile-menu.open span:last-of-type{
	transform:rotate(45deg);
	opacity:1;
	top:50%;
}
#mobile-menu.open span:last-of-type{
	transform:rotate(-45deg);
}

/* End of Mobile Menu */

/* Start of Mobile Menu Content */

#mobile-menu-content{
	width:100%;
	height:100%;
	background-image:url(../image/mobile_menu/mobile_menu_background.png);
	background-position:40% 50%;
	background-size:cover;
	position:fixed;
	top:-100vh;
	left:0;
	z-index:5;
	display:flex;
	align-items:flex-start;
	/*transition:top 0.7s ease-in-out;*/
	transition:top cubic-bezier(0.1,0.8,0.4,1) 0.7s;
}
#mobile-menu-content.open{
	top:0;
}
#mobile-menu-content > div{
	width:100%;
	height:calc(100vh - 6rem);
	display:flex;
	flex-wrap:wrap;
	align-items:top;
	padding-top:100px;
}

@media (max-height:500px){
	#mobile-menu-content > div{
		/*padding-top:80px;*/ /*with css reset helper*/
		padding-top:50px;
	}
}
#mobile-menu-content > div > ul{
	width:100%;
	/*padding-left:40px;*/ /*with css reset helper*/
}

#mobile-menu-content ul li{
	display:flex;
	justify-content:center;
	flex-direction:column;
	text-align:left;
}
#mobile-menu-content ul li:last-of-type{
	/*border-bottom:1px solid var(--purple-light-1);*/
}
#mobile-menu-content ul li a{
	padding:10px;
	text-decoration:none;
	color:var(--global-text-dark13-color);
	display:block;
	font-family: 'Source Sans Pro', sans-serif;
	font-size:40px;
	font-weight:200;
	text-transform:uppercase;
	letter-spacing:0px;
}

@media (max-height:500px){
	#mobile-menu-content ul li a{
		font-size:20px;
		font-weight:300;
	}
}

/** - Tablet Landscape und Large UI Scales */
/*CHANGE BELOW LINE'S MAX-WIDTH TO 1024PX FOR SEMI MOBILE SITE*/
@media (max-width:9999px){
	header nav ul{
		display:none;
	}
}

/* End of Mobile Menu Content */

/*------------------------------------End of  header section style------------------------------------*/

/*------------------------------------Start of about section style------------------------------------*/

aboutbanner {
	position:relative;
	display:inline-block;
	top:0;
	left:0;
	height:100vh;
	width:100%;
	background-color:#202020;
	background-image:url(../image/about/about_banner_image.png);
	background-size:cover;
	background-position:40% 0%;
}

@media screen and (max-width:920px) {
		aboutbanner {
			background-position:40% 100%;
		}
}

aboutbannertextlight {
	display: block;
	position:relative;
	left:0;
	top:50%;
	transform:translateY(-50%);
	/*padding-left:20px;*/
	padding-left:1.25rem;
	height:auto;
	color:#ffffff;
	float:left;
	
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 12vw;
	font-weight:200;
	line-height:10vw;
	text-decoration: none;
	vertical-align: middle;
	text-align:left;
	text-transform:uppercase;
}

aboutsection1 {
	position:relative;
	display: inline-block;
	width:100%;
	/*min-height:960px;*/
	min-height:60rem;
	background-color:#060606;
	background-image: url(../image/about/1.png);
	background-size:cover;
	background-position:50% 100%;
	box-shadow:0px 0px 0px 0.78125vw #e5e5e5 inset;
}

@media screen and (max-width:1000px) {
		aboutsection1 {
			background-image: url(../image/about/1-2.png);
			background-size: 100%;
			background-repeat:no-repeat;
			background-position: top;
		}
}

artisttextholder1{
		position: relative;
		display:block;
		/*max-width:480px;
		min-height:960px;
		padding-top:50px;
		left:80px;*/
		max-width:30rem;
		min-height:60rem;
		padding-top:3.125rem;
		left:5rem;
	}
	
	@media screen and (max-width:1000px) {
		artisttextholder1 {
			display:inline-block;
			/*max-width:80%;*/
			max-width:94%;
			min-height:auto;
			left:0rem;
			padding-top:90%;
			/*padding-bottom:100px;*/
			padding-bottom:6.25rem;
		}
}
	
artisttexttitle1 {
	position: relative;
	display: block;
	/*margin-top:50px;
	margin-bottom:50px;*/
	margin-top:3.125rem;
	margin-bottom:3.125rem;
	height:auto;
	/*text-indent: -4px;*/
	text-indent: -0.25rem;
	color:var(--global-text-gold-color);
	
	font-family: 'Source Sans Pro', sans-serif;
	/*font-size: 56px;*/
	font-size: 3.5rem;
	font-weight:200;
	text-align:left;
	text-decoration: none;
	vertical-align: middle;
	/*text-shadow: 1px 1px 20px var(--global-text-shadow-color);*/
	/*text-shadow: 1px 1px 1.25rem var(--global-text-shadow-color);*/
	}
	
	@media screen and (max-width:1000px) {
		artisttexttitle1 {
			display: inline-block;
			font-weight:300;
			/*font-size: 36px;
			margin-bottom:25px;*/
			font-size: 2.25rem;
			margin-bottom:1.563rem;
		}
}

artisttext1 {
	position: relative;
	display: block;
	/*line-height:32px;*/
	line-height:2rem;
	height:auto;
	color:var(--global-text-gold-color);
	
	font-family: 'Source Sans Pro', sans-serif;
	/*font-size: 18px;*/
	font-size: 1.125rem;
	font-weight:200;
	text-align:justify;
	text-justify:inter-character;
	text-decoration: none;
	vertical-align: middle;
	/*text-shadow: 1px 1px 20px var(--global-text-shadow-color);*/
	/*text-shadow: 1px 1px 1.25rem var(--global-text-shadow-color);*/
}

@media screen and (max-width:1000px) {
		artisttext1 {
			/*font-size: 16px;
			line-height:28px;
			font-size: 1rem;
			line-height:1.75rem;*/
			/*font-size: 18px;
			line-height:30px;*/
			font-weight:300;
			font-size: 1.125rem;
			line-height:1.875rem;
		}
}

artisttext1link {
	position: relative;
	display: inline-block;
	color:var(--global-text-gold-color);
	
	font-family: 'Source Sans Pro', sans-serif;
	/*font-size: 18px;*/
	font-size: 1.125rem;
	font-weight:200;
	vertical-align: top;
	text-decoration: underline dotted var(--global-text-gold-color) 1.5px;
	text-underline-offset: 5px;
	/*line-height:32px;
	text-shadow: 1px 1px 20px var(--global-text-shadow-color);*/
	line-height:2rem;
	/*text-shadow: 1px 1px 1.25rem var(--global-text-shadow-color);*/
	
}

@media screen and (max-width:1000px) {
		artisttext1link {
			/*font-size: 16px;
			line-height:28px;
			font-size: 1rem;
			line-height:1.75rem;*/
			/*font-size: 18px;
			line-height:30px;*/
			font-weight:300;
			font-size: 1.125rem;
			line-height:1.875rem;
		}
}


/*====================================================================================================*/

aboutsection2 {	
	position:relative;
	display: inline-block;
	width:100%;
	/*min-height:970px;*/
	min-height:60.625rem;
	background-color:#f7f0e4;
	background-image: url(../image/about/2.png);
	background-size:cover;
	background-position:100% 100%;
	box-shadow:0px 0px 0px 0.78125vw #e5e5e5 inset;
	/*margin-top:-10px;*/
	margin-top:-0.625rem;
}

@media screen and (max-width:1000px) {
		aboutsection2 {
			background-image: url(../image/about/2-2.png);
			background-size: 100%;
			background-repeat:no-repeat;
			background-position: top;
			height:auto;
		}
}

artisttextholder2{
		position: absolute;
		display:block;
		/*max-width:480px;
		min-height:970px;
		padding-top:50px;
		right:80px;*/
		max-width:30rem;
		min-height:60.625rem;
		padding-top:3.125rem;
		right:5rem;
	}
	
	@media screen and (max-width:1000px) {
		artisttextholder2 {
			position:relative;
			display:inline-block;
			/*max-width:80%;*/
			max-width:94%;
			min-height:auto;
			right:0px;
			padding-top:90%;
			/*padding-bottom:100px;*/
			padding-bottom:6.25rem;
		}
}
	
	
artisttexttitle2 {	
	position: relative;
	display: block;
	/*margin-top:50px;
	margin-bottom:50px;*/
	margin-top:3.125rem;
	margin-bottom:3.125rem;
	height:auto;
	/*text-indent: -4px;*/
	text-indent: -0.25rem;
	color:#2e291e;
	
	font-family: 'Source Sans Pro', sans-serif;
	/*font-size: 56px;*/
	font-size: 3.5rem;
	font-weight:200;
	text-align:left;
	text-decoration: none;
	vertical-align: middle;
	/*text-shadow: 1px 1px 20px var(--global-text-shadow-color);*/
	/*text-shadow: 1px 1px 1.25rem var(--global-text-shadow-color);*/
	}
	
		@media screen and (max-width:1000px) {
		artisttexttitle2 {
			display: inline-block;
			font-weight:300;
			/*font-size: 36px;
			margin-bottom:25px;*/
			font-size: 2.25rem;
			margin-bottom:1.563rem;
		}
}

artisttext2 {
	position: relative;
	display: block;
	/*line-height:32px;*/
	line-height:2rem;
	height:auto;
	color:#2e291e;
	
	font-family: 'Source Sans Pro', sans-serif;
	/*font-size: 18px;*/
	font-size: 1.125rem;
	font-weight:200;
	text-align:justify;
	text-justify:inter-character;
	text-decoration: none;
	vertical-align: middle;
	/*text-shadow: 1px 1px 20px var(--global-text-shadow-color);*/
	/*text-shadow: 1px 1px 1.25rem var(--global-text-shadow-color);*/
}

@media screen and (max-width:1000px) {
		artisttext2 {
			/*font-size: 16px;
			line-height:28px;
			font-size: 1rem;
			line-height:1.75rem;*/
			/*font-size: 18px;
			line-height:30px;*/
			font-weight:300;
			font-size: 1.125rem;
			line-height:1.875rem;
		}
}

/*====================================================================================================*/

aboutsection3 {
	position:relative;
	display: inline-block;
	width:100%;
	/*min-height:800px;*/
	min-height:50rem;
	background-color:#302f3d;
	background-image: url(../image/about/3.png);
	background-size:cover;
	background-position:100% 0%;
	box-shadow:0px 0px 0px 0.78125vw #e5e5e5 inset;
	margin-top:-10px;
}

@media screen and (max-width:1000px) {
		aboutsection3 {
			background-image: url(../image/about/3-2.png);
			background-size: 100%;
			background-repeat:no-repeat;
			background-position: top;
		}
}

artisttextholder3{
		position: relative;
		display:block;
		/*max-width:480px;
		min-height:800px;
		padding-top:210px;
		left:80px;*/
		max-width:30rem;
		min-height:50rem;
		padding-top:13.125rem;
		left:5rem;
	}
	
		@media screen and (max-width:1000px) {
		artisttextholder3 {
			display:inline-block;
			/*max-width:80%;*/
			max-width:94%;
			min-height:auto;
			left:0px;
			padding-top:90%;
			/*padding-bottom:100px;*/
			padding-bottom:6.25rem;
		}
}
	
artisttexttitle3 {
	position: relative;
	display: block;
	/*margin-top:50px;
	margin-bottom:50px;*/
	margin-top:3.125rem;
	margin-bottom:3.125rem;
	height:auto;
	/*text-indent: -4px;*/
	text-indent: -0.25rem;
	color:var(--global-text-gold-color);
	
	font-family: 'Source Sans Pro', sans-serif;
	/*font-size: 56px;*/
	font-size: 3.5rem;
	font-weight:200;
	text-align:left;
	text-decoration: none;
	vertical-align: middle;
	/*text-shadow: 1px 1px 20px var(--global-text-shadow-color);*/
	/*text-shadow: 1px 1px 1.25rem var(--global-text-shadow-color);*/
	}
		@media screen and (max-width:1000px) {
		artisttexttitle3 {
			display: inline-block;
			font-weight:300;
			/*font-size: 36px;
			margin-bottom:25px;*/
			font-size: 2.25rem;
			margin-bottom:1.563rem;
		}
}

artisttext3 {
	position: relative;
	display: block;
	/*line-height:32px;*/
	line-height:2rem;
	height:auto;
	color:var(--global-text-gold-color);
	
	font-family: 'Source Sans Pro', sans-serif;
	/*font-size: 18px;*/
	font-size: 1.125rem;
	font-weight:200;
	text-align:justify;
	text-justify:inter-character;
	text-decoration: none;
	vertical-align: middle;
	/*text-shadow: 1px 1px 20px var(--global-text-shadow-color);*/
	/*text-shadow: 1px 1px 1.25rem var(--global-text-shadow-color);*/
}

@media screen and (max-width:1000px) {
		artisttext3 {
			/*font-size: 16px;
			line-height:28px;
			font-size: 1rem;
			line-height:1.75rem;*/
			/*font-size: 18px;
			line-height:30px;*/
			font-weight:300;
			font-size: 1.125rem;
			line-height:1.875rem;
		}
}

artisttext3link {
	position: relative;
	display: inline-block;
	color:var(--global-text-gold-color);
	
	font-family: 'Source Sans Pro', sans-serif;
	/*font-size: 18px;*/
	font-size: 1.125rem;
	font-weight:200;
	vertical-align: top;
	text-decoration: underline dotted var(--global-text-gold-color) 1.5px;
	text-underline-offset: 5px;
	/*line-height:32px;
	text-shadow: 1px 1px 20px var(--global-text-shadow-color);*/
	line-height:2rem;
	/*text-shadow: 1px 1px 1.25rem var(--global-text-shadow-color);*/
}


@media screen and (max-width:1000px) {
		artisttext3link {
			/*font-size: 16px;
			line-height:28px;
			font-size: 1rem;
			line-height:1.75rem;*/
			/*font-size: 18px;
			line-height:30px;*/
			font-weight:300;
			font-size: 1.125rem;
			line-height:1.875rem;
		}
}

/*------------------------------------End of about section style------------------------------------*/

/*------------------------------------Start of music section style------------------------------------*/

musicbanner {
	display:inline-block;
	position:relative;
	top:0;
	left:0;
	height:100vh;
	width:100%;
	background-color:var(--global-background-dark13-color);
	background-image:url(../image/music/music_banner_image.png);
	background-size:cover;
	background-position:100% 40%;
}

@media screen and (max-width:920px) {
		musicbanner {
			background-position:90% 40%;
		}
}

musicbannertextdark {
	display: block;
	position:relative;
	left:0;
	top:50%;
	transform:translateY(-50%);
	margin-top:0px;
	margin-bottom:0px;
	padding-left:20px;
	height:auto;
	color:#202020;
	float:left;
	
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 12vw;
	font-weight:200;
	line-height:10vw;
	text-decoration: none;
	vertical-align: middle;
	text-align:left;
	text-transform:uppercase;
}

awalkinthenature {
	display: inline-block;
	width:100%;
	height:auto;
	/*background-color:#F5F5F5;*/
	background-image:url(../image/music/awalkinthenature_background.png);
	background-size:cover;
	background-position:100% 100%;
	vertical-align:middle;
	padding-bottom: 50px;
}

albumart1 {
	display: block;
	margin-top:100px;
	margin-right:10px;
	margin-bottom:50px;
	margin-left:10px;
	background-position:center center;
	background-size:contain;
	background-image: url(../image/music/album.png);
	background-repeat: no-repeat;
	line-height:500px;
	font-size:0px;
}

@media screen and (max-width:480px) {
		albumart1 {
			margin-top:0px;
			margin-bottom:0px;
		}
}

albumtitlelight {
	display: inline-block;	
	margin-top:0px;
	margin-right:0px;
	margin-bottom:0px;
	margin-left:0px;
	line-height:.9em;
	color:var(--global-text-light75-color);
	
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 40.5px;
	font-weight:400;
	letter-spacing:0px;
	text-decoration: none;
	vertical-align: middle;
	text-align:center;
}

soundcloud {
	display: inline-block;	
	margin-top:50px;
	margin-right:50px;
	margin-bottom:50px;
	margin-left:50px;
	width:410px;
	vertical-align: top;
}

@media screen and (max-width:480px) {
		soundcloud {
			margin-right:10px;
			margin-left:10px;
			width:300px;
		}
}

musictextlight {
	position:relative;
	display: inline-block;	
	margin-top:50px;
	margin-right:10px;
	margin-bottom:50px;
	margin-left:10px;
	/*line-height:30px;*/
	/*line-height:32px;*/
	line-height:2rem;
	max-width:600px;
	height:auto;
	color:var(--global-text-light75-color);
		
	font-family: 'Source Sans Pro', sans-serif;
	/*font-size: 20px;*/
	font-size: 18px;
	font-weight:200;
	letter-spacing:0px;
	text-decoration: none;
	vertical-align: middle;
	text-align:justify;
	text-justify:inter-character;
	top:-8px;
}

@media screen and (max-width:920px) {
		musictextlight {
			font-weight:300;
			margin-right:20px;
			margin-left:20px;
			/*font-size: 18px;
			line-height:26px;*/
			/*font-size: 18px;
			line-height:30px;*/
			font-size: 1.125rem;
			line-height:1.875rem;
		}
}

cafechristmas {
	display: inline-block;
	width:100%;
	height:auto;
	/*background-color:#202020;*/
	background-image:url(../image/music/cafechristmas_background.png);
	background-size:cover;
	background-position:100% 100%;
	vertical-align:middle;
	padding-bottom: 50px;
}

@media screen and (max-width:920px) {
		cafechristmas {
			background-position:0% 100%;
		}
}

albumart2 {
	display: block;
	margin-top:100px;
	margin-right:10px;
	margin-bottom:50px;
	margin-left:10px;
	background-position:center center;
	background-size:contain;
	background-image: url(../image/music/cafe-christmas.png);
	background-repeat: no-repeat;
	line-height:500px;
	font-size:0px;
}

@media screen and (max-width:480px) {
		albumart2 {
			margin-top:0px;
			margin-bottom:0px;
		}
}

albumtitledark {
	display: inline-block;	
	margin-top:0px;
	margin-right:0px;
	margin-bottom:0px;
	margin-left:0px;
	line-height:.9em;
	color:var(--global-text-dark20-color);
	
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 40.5px;
	font-weight:400;
	letter-spacing:0px;
	text-decoration: none;
	vertical-align: middle;
	text-align:center;
}

musictextdark {
	position:relative;
	display: inline-block;	
	margin-top:50px;
	margin-right:10px;
	margin-bottom:50px;
	margin-left:10px;
	/*line-height:30px;*/
	/*line-height:32px;*/
	line-height:2rem;
	max-width:600px;
	height:auto;
	color:var(--global-text-dark20-color);
		
	font-family: 'Source Sans Pro', sans-serif;
	/*font-size: 20px;*/
	font-size: 18px;
	font-weight:200;
	letter-spacing:0px;
	text-decoration: none;
	text-align:justify;
	text-justify:inter-character;
	text-align:left;
	top:-8px;
}

@media screen and (max-width:920px) {
		musictextdark {
			font-weight:300;
			margin-right:20px;
			margin-left:20px;
			/*font-size: 18px;
			line-height:26px;*/
			/*font-size: 18px;
			line-height:30px;*/
			font-size: 1.125rem;
			line-height:1.875rem;
		}
}



/*------------------------------------End of music section style------------------------------------*/

/*------------------------------------Start of imagery main page style------------------------------------*/
imagerybanner {
	display:inline-block;
	position:relative;
	top:0;
	left:0;
	height:200px;
	width:100%;
	background-color:#202020;
	padding-top:100px;
	padding-bottom:50px;
}

@media screen and (max-width:758px) {
		imagerybanner {
			height:250px;
			padding-top:50px;
			padding-bottom:0px;
		}
}

imagerybannertextlight {
	display: block;
	position:relative;
	left:0;
	top:50%;
	transform:translateY(-50%);
	margin-top:0px;
	margin-bottom:0px;
	/*padding-left:20px;*/
	height:auto;
	color:var(--global-text-gold-color);
	/*float:left;*/
	
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 9.38em;
	font-weight:200;
	line-height:10vw;
	text-decoration: none;
	vertical-align: middle;
	/*text-align:left;*/
	text-align:center;
	text-transform:uppercase;
}

@media screen and (max-width:758px) {
		imagerybannertextlight {
			font-size: 7em;
		}
}

@media screen and (max-width:504px) {
		imagerybannertextlight {
			font-size: 5em;
		}
}

project-section {
	display:inline-block;
	top:0;
	left:0;
	min-height:650px;
	max-width:1200px;
	/*padding-top:8%;*/
	vertical-align:middle;
	margin-bottom:80px; /*remove this margin if less than 9 project*/
}

@media screen and (max-width:1012px) {
		project-section {
			margin-bottom:80px;
		}
}

project-wrapper {
	display:inline-block;
	width:250px;
	height:280px;
	vertical-align: top;
	border-radius:10px;
	-webkit-transition:0.5s all ease-in-out;
	transition:0.5s all ease-in-out;
}

project-wrapper:hover, project-wrapper:focus {
	background-color:#808080;
}

project-image1 {
	position:relative;
	display:inline-block;
	top:50%;
	transform:translateY(-60%);
	width:200px;
	height:200px;
	vertical-align: middle;
	text-align:center;
	background-position:center center;
	background-size:cover;
	background-image: url(../image/imagery/photo_manipulation/photo_manipulation_cover_image.png);
	background-repeat: no-repeat;
	border-radius:10px;
	transition:0.3s all ease-in-out;*/
}

project-image2 {
	position:relative;
	display:inline-block;
	top:50%;
	transform:translateY(-60%);
	width:200px;
	height:200px;
	vertical-align: middle;
	text-align:center;
	background-position:center center;
	background-size:cover;
	background-image: url(../image/imagery/flora/flora_cover_image.png);
	background-repeat: no-repeat;
	border-radius:10px;
	transition:0.3s all ease-in-out;*/
}

project-image3 {
	position:relative;
	display:inline-block;
	top:50%;
	transform:translateY(-60%);
	width:200px;
	height:200px;
	vertical-align: middle;
	text-align:center;
	background-position:center center;
	background-size:cover;
	background-image: url(../image/imagery/macro/macro_cover_image.png);
	background-repeat: no-repeat;
	border-radius:10px;
	transition:0.3s all ease-in-out;*/
}

project-image4 {
	position:relative;
	display:inline-block;
	top:50%;
	transform:translateY(-60%);
	width:200px;
	height:200px;
	vertical-align: middle;
	text-align:center;
	background-position:center center;
	background-size:cover;
	background-image: url(../image/imagery/people/people_cover_image.png);
	background-repeat: no-repeat;
	border-radius:10px;
	transition:0.3s all ease-in-out;*/
}

project-image5 {
	position:relative;
	display:inline-block;
	top:50%;
	transform:translateY(-60%);
	width:200px;
	height:200px;
	vertical-align: middle;
	text-align:center;
	background-position:center center;
	background-size:cover;
	background-image: url(../image/imagery/wildlife/wildlife_cover_image.png);
	background-repeat: no-repeat;
	border-radius:10px;
	transition:0.3s all ease-in-out;*/
}

project-image6 {
	position:relative;
	display:inline-block;
	top:50%;
	transform:translateY(-60%);
	width:200px;
	height:200px;
	vertical-align: middle;
	text-align:center;
	background-position:center center;
	background-size:cover;
	background-image: url(../image/imagery/nature/nature_cover_image.png);
	background-repeat: no-repeat;
	border-radius:10px;
	transition:0.3s all ease-in-out;*/
}

project-image7 {
	position:relative;
	display:inline-block;
	top:50%;
	transform:translateY(-60%);
	width:200px;
	height:200px;
	vertical-align: middle;
	text-align:center;
	background-position:center center;
	background-size:cover;
	background-image: url(../image/imagery/architecture/architecture_cover_image.png);
	background-repeat: no-repeat;
	border-radius:10px;
	transition:0.3s all ease-in-out;*/
}

project-image8 {
	position:relative;
	display:inline-block;
	top:50%;
	transform:translateY(-60%);
	width:200px;
	height:200px;
	vertical-align: middle;
	text-align:center;
	background-position:center center;
	background-size:cover;
	background-image: url(../image/imagery/street/street_cover_image.png);
	background-repeat: no-repeat;
	border-radius:10px;
	transition:0.3s all ease-in-out;*/
}

project-image9 {
	position:relative;
	display:inline-block;
	top:50%;
	transform:translateY(-60%);
	width:200px;
	height:200px;
	vertical-align: middle;
	text-align:center;
	background-position:center center;
	background-size:cover;
	background-image: url(../image/imagery/rriley/rriley_cover_image.png);
	background-repeat: no-repeat;
	border-radius:10px;
	transition:0.3s all ease-in-out;*/
}

project-image10 {
	position:relative;
	display:inline-block;
	top:50%;
	transform:translateY(-60%);
	width:200px;
	height:200px;
	vertical-align: middle;
	text-align:center;
	background-position:center center;
	background-size:cover;
	background-image: url(../image/imagery/jadon/jadon_cover_image.png);
	background-repeat: no-repeat;
	border-radius:10px;
	transition:0.3s all ease-in-out;*/
}

project-image11 {
	position:relative;
	display:inline-block;
	top:50%;
	transform:translateY(-60%);
	width:200px;
	height:200px;
	vertical-align: middle;
	text-align:center;
	background-position:center center;
	background-size:cover;
	background-image: url(../image/imagery/sheng_li/shengli_cover_image.png);
	background-repeat: no-repeat;
	border-radius:10px;
	transition:0.3s all ease-in-out;*/
}

project-image12 {
	position:relative;
	display:inline-block;
	top:50%;
	transform:translateY(-60%);
	width:200px;
	height:200px;
	vertical-align: middle;
	text-align:center;
	background-position:center center;
	background-size:cover;
	background-image: url(../image/imagery/luigi/luigi_cover_image.png);
	background-repeat: no-repeat;
	border-radius:10px;
	transition:0.3s all ease-in-out;*/
}

project-title {
	position:relative;
	display: inline-block;
	top:40px;;
	width:200px;
	line-height:24px;
	color:#ffffff;
	/*color:var(--global-text-gold-color)*/;
	
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 16px;
	font-weight:300;
	letter-spacing:0px;
	text-decoration: none;
	text-align:center;
	text-transform:uppercase;
	border-radius:8px;
}

/*------------------------------------End of imagery main page style------------------------------------*/

/*------------------------------------Start of Downloads main page style------------------------------------*/

calendarbanner {
	position:relative;
	display: inline-block;
	width:100%;
	height:100vh;
	background-color:#202020;
	background-image: url(../image/calendars/maia_lee_calendar_2025/maia_lee_calendar_2025_banner.png);
	background-size:cover;
	background-repeat:no-repeat;
	background-position:50% 20%;
	/*margin-bottom:100px;*/
}

	@media screen and (max-width:820px) {
		calendarbanner {
			background-position:51.5% 0%;
			height:100vh;
		}
}

calendarbannertextlight {
	display: inline-block;
	position: relative;
	top:50%;
	transform:translateY(-12%);
	width:100%;
	height:100vh;
	/*color:var(--global-text-gold-color);*/
	color:#ffffff;
	
	font-family: 'Source Sans Pro', sans-serif;
	font-weight:200;
	font-size: 4.5rem;
	line-height:4rem;
	text-decoration: none;
	vertical-align: middle;
	text-align: center;
	text-transform:uppercase;

}

@media screen and (max-width:820px) {
		calendarbannertextlight {
			font-size: 3.1rem;
			line-height:2.8rem;
		}
}

@media screen and (max-width:600px) {
		calendarbannertextlight {
			font-size: 2rem;
			line-height:2rem;
		}
}

downloadsanchor {
	display:block;
	position:relative;
	width:100%;
	height:400px;
}

downloads-section {
	display:inline-block;
	position:relative;
	top:0;
	left:0;
	min-height:650px;
	max-width:1200px;
	/*padding-top:8%;*/
	vertical-align:middle;
	margin-bottom:80px; /*remove this margin if less than 9 project*/
}

@media screen and (max-width:1012px) {
		downloads-section {
			margin-bottom:80px;
		}
}

downloads-wrapper {
	display:inline-block;
	width:250px;
	height:430px;
	vertical-align: top;
	border-radius:10px;
	-webkit-transition:0.5s all ease-in-out;
	transition:0.5s all ease-in-out;
}

downloads-wrapper:hover, project-wrapper:focus {
	background-color:#808080;
}

downloads-image1 {
	position:relative;
	display:inline-block;
	top:50%;
	transform:translateY(-54%);
	width:200px;
	height:356px;
	vertical-align: middle;
	text-align:center;
	background-position:center center;
	background-size:cover;
	background-image: url(../image/calendars/maia_lee_calendar_2025/jan25_cover_image.png);
	background-repeat: no-repeat;
	border-radius:10px;
	transition:0.3s all ease-in-out;*/
}

downloads-image2 {
	position:relative;
	display:inline-block;
	top:50%;
	transform:translateY(-54%);
	width:200px;
	height:356px;
	vertical-align: middle;
	text-align:center;
	background-position:center center;
	background-size:cover;
	background-image: url(../image/calendars/maia_lee_calendar_2025/feb25_cover_image.png);
	background-repeat: no-repeat;
	border-radius:10px;
	transition:0.3s all ease-in-out;*/
}

downloads-image3 {
	position:relative;
	display:inline-block;
	top:50%;
	transform:translateY(-54%);
	width:200px;
	height:356px;
	vertical-align: middle;
	text-align:center;
	background-position:center center;
	background-size:cover;
	background-image: url(../image/calendars/maia_lee_calendar_2025/mar25_cover_image.png);
	background-repeat: no-repeat;
	border-radius:10px;
	transition:0.3s all ease-in-out;*/
}

downloads-image4 {
	position:relative;
	display:inline-block;
	top:50%;
	transform:translateY(-54%);
	width:200px;
	height:356px;
	vertical-align: middle;
	text-align:center;
	background-position:center center;
	background-size:cover;
	background-image: url(../image/calendars/maia_lee_calendar_2025/apr25_cover_image.png);
	background-repeat: no-repeat;
	border-radius:10px;
	transition:0.3s all ease-in-out;*/
}

downloads-image5 {
	position:relative;
	display:inline-block;
	top:50%;
	transform:translateY(-54%);
	width:200px;
	height:356px;
	vertical-align: middle;
	text-align:center;
	background-position:center center;
	background-size:cover;
	background-image: url(../image/calendars/maia_lee_calendar_2025/may25_cover_image.png);
	background-repeat: no-repeat;
	border-radius:10px;
	transition:0.3s all ease-in-out;*/
}

downloads-image6 {
	position:relative;
	display:inline-block;
	top:50%;
	transform:translateY(-54%);
	width:200px;
	height:356px;
	vertical-align: middle;
	text-align:center;
	background-position:center center;
	background-size:cover;
	background-image: url(../image/calendars/maia_lee_calendar_2025/jun25_cover_image.png);
	background-repeat: no-repeat;
	border-radius:10px;
	transition:0.3s all ease-in-out;*/
}

downloads-image7 {
	position:relative;
	display:inline-block;
	top:50%;
	transform:translateY(-54%);
	width:200px;
	height:356px;
	vertical-align: middle;
	text-align:center;
	background-position:center center;
	background-size:cover;
	background-image: url(../image/calendars/maia_lee_calendar_2025/jul25_cover_image.png);
	background-repeat: no-repeat;
	border-radius:10px;
	transition:0.3s all ease-in-out;*/
}

downloads-image8 {
	position:relative;
	display:inline-block;
	top:50%;
	transform:translateY(-54%);
	width:200px;
	height:356px;
	vertical-align: middle;
	text-align:center;
	background-position:center center;
	background-size:cover;
	background-image: url(../image/calendars/maia_lee_calendar_2025/aug25_cover_image.png);
	background-repeat: no-repeat;
	border-radius:10px;
	transition:0.3s all ease-in-out;*/
}

downloads-image9 {
	position:relative;
	display:inline-block;
	top:50%;
	transform:translateY(-54%);
	width:200px;
	height:356px;
	vertical-align: middle;
	text-align:center;
	background-position:center center;
	background-size:cover;
	background-image: url(../image/calendars/maia_lee_calendar_2025/sep25_cover_image.png);
	background-repeat: no-repeat;
	border-radius:10px;
	transition:0.3s all ease-in-out;*/
}

downloads-image10 {
	position:relative;
	display:inline-block;
	top:50%;
	transform:translateY(-54%);
	width:200px;
	height:356px;
	vertical-align: middle;
	text-align:center;
	background-position:center center;
	background-size:cover;
	background-image: url(../image/calendars/maia_lee_calendar_2025/oct25_cover_image.png);
	background-repeat: no-repeat;
	border-radius:10px;
	transition:0.3s all ease-in-out;*/
}

downloads-image11 {
	position:relative;
	display:inline-block;
	top:50%;
	transform:translateY(-54%);
	width:200px;
	height:356px;
	vertical-align: middle;
	text-align:center;
	background-position:center center;
	background-size:cover;
	background-image: url(../image/calendars/maia_lee_calendar_2025/nov25_cover_image.png);
	background-repeat: no-repeat;
	border-radius:10px;
	transition:0.3s all ease-in-out;*/
}

downloads-image12 {
	position:relative;
	display:inline-block;
	top:50%;
	transform:translateY(-54%);
	width:200px;
	height:356px;
	vertical-align: middle;
	text-align:center;
	background-position:center center;
	background-size:cover;
	background-image: url(../image/calendars/maia_lee_calendar_2025/dec25_cover_image.png);
	background-repeat: no-repeat;
	border-radius:10px;
	transition:0.3s all ease-in-out;*/
}

downloads-title {
	position:relative;
	display: inline-block;
	top:40px;;
	width:200px;
	line-height:24px;
	color:#ffffff;
	/*color:var(--global-text-gold-color)*/;
	
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 16px;
	font-weight:300;
	letter-spacing:0px;
	text-decoration: none;
	text-align:center;
	text-transform:uppercase;
	border-radius:8px;
}

/*------------------------------------End of Downloads main page style------------------------------------*/

/*------------------------------------Start of Flora Downloads main page style------------------------------------*/

floracalendarbanner {
	position:relative;
	display: inline-block;
	width:100%;
	height:100vh;
	background-color:#202020;
	background-image: url(../image/calendars/flora_calendar_2024/flora_calendar_2024_banner.png);
	background-size:cover;
	background-repeat:no-repeat;
	background-position:50% 50%;
	/*margin-bottom:100px;*/
}

	@media screen and (max-width:820px) {
		floracalendarbanner {
			background-position:51.5% 0%;
			height:100vh;
		}
}

floracalendarbannertextlight {
	display: inline-block;
	position: relative;
	top:50%;
	transform:translateY(-12%);
	width:100%;
	height:100vh;
	/*color:var(--global-text-gold-color);*/
	color:#ffffff;
	
	font-family: 'Source Sans Pro', sans-serif;
	font-weight:200;
	font-size: 4.5rem;
	line-height:4rem;
	text-decoration: none;
	vertical-align: middle;
	text-align: center;
	text-transform:uppercase;

}

@media screen and (max-width:820px) {
		floracalendarbannertextlight {
			font-size: 3.1rem;
			line-height:2.8rem;
		}
}

@media screen and (max-width:600px) {
		floracalendarbannertextlight {
			font-size: 2rem;
			line-height:2rem;
		}
}

floradownloadsanchor {
	display:block;
	position:relative;
	width:100%;
	height:400px;
}

floradownloads-section {
	display:inline-block;
	position:relative;
	top:0;
	left:0;
	min-height:650px;
	max-width:1200px;
	/*padding-top:8%;*/
	vertical-align:middle;
	margin-bottom:80px; /*remove this margin if less than 9 project*/
}

@media screen and (max-width:1012px) {
		floradownloads-section {
			margin-bottom:80px;
		}
}

floradownloads-wrapper {
	display:inline-block;
	width:250px;
	height:430px;
	vertical-align: top;
	border-radius:10px;
	-webkit-transition:0.5s all ease-in-out;
	transition:0.5s all ease-in-out;
}

floradownloads-wrapper:hover, project-wrapper:focus {
	background-color:#808080;
}

floradownloads-image1 {
	position:relative;
	display:inline-block;
	top:50%;
	transform:translateY(-54%);
	width:200px;
	height:356px;
	vertical-align: middle;
	text-align:center;
	background-position:center center;
	background-size:cover;
	background-image: url(../image/calendars/flora_calendar_2024/jan24_cover_image.png);
	background-repeat: no-repeat;
	border-radius:10px;
	transition:0.3s all ease-in-out;*/
}

floradownloads-image2 {
	position:relative;
	display:inline-block;
	top:50%;
	transform:translateY(-54%);
	width:200px;
	height:356px;
	vertical-align: middle;
	text-align:center;
	background-position:center center;
	background-size:cover;
	background-image: url(../image/calendars/flora_calendar_2024/feb24_cover_image.png);
	background-repeat: no-repeat;
	border-radius:10px;
	transition:0.3s all ease-in-out;*/
}

floradownloads-image3 {
	position:relative;
	display:inline-block;
	top:50%;
	transform:translateY(-54%);
	width:200px;
	height:356px;
	vertical-align: middle;
	text-align:center;
	background-position:center center;
	background-size:cover;
	background-image: url(../image/calendars/flora_calendar_2024/mar24_cover_image.png);
	background-repeat: no-repeat;
	border-radius:10px;
	transition:0.3s all ease-in-out;*/
}

floradownloads-image4 {
	position:relative;
	display:inline-block;
	top:50%;
	transform:translateY(-54%);
	width:200px;
	height:356px;
	vertical-align: middle;
	text-align:center;
	background-position:center center;
	background-size:cover;
	background-image: url(../image/calendars/flora_calendar_2024/apr24_cover_image.png);
	background-repeat: no-repeat;
	border-radius:10px;
	transition:0.3s all ease-in-out;*/
}

floradownloads-image5 {
	position:relative;
	display:inline-block;
	top:50%;
	transform:translateY(-54%);
	width:200px;
	height:356px;
	vertical-align: middle;
	text-align:center;
	background-position:center center;
	background-size:cover;
	background-image: url(../image/calendars/flora_calendar_2024/may24_cover_image.png);
	background-repeat: no-repeat;
	border-radius:10px;
	transition:0.3s all ease-in-out;*/
}

floradownloads-image6 {
	position:relative;
	display:inline-block;
	top:50%;
	transform:translateY(-54%);
	width:200px;
	height:356px;
	vertical-align: middle;
	text-align:center;
	background-position:center center;
	background-size:cover;
	background-image: url(../image/calendars/flora_calendar_2024/jun24_cover_image.png);
	background-repeat: no-repeat;
	border-radius:10px;
	transition:0.3s all ease-in-out;*/
}

floradownloads-image7 {
	position:relative;
	display:inline-block;
	top:50%;
	transform:translateY(-54%);
	width:200px;
	height:356px;
	vertical-align: middle;
	text-align:center;
	background-position:center center;
	background-size:cover;
	background-image: url(../image/calendars/flora_calendar_2024/jul24_cover_image.png);
	background-repeat: no-repeat;
	border-radius:10px;
	transition:0.3s all ease-in-out;*/
}

floradownloads-image8 {
	position:relative;
	display:inline-block;
	top:50%;
	transform:translateY(-54%);
	width:200px;
	height:356px;
	vertical-align: middle;
	text-align:center;
	background-position:center center;
	background-size:cover;
	background-image: url(../image/calendars/flora_calendar_2024/aug24_cover_image.png);
	background-repeat: no-repeat;
	border-radius:10px;
	transition:0.3s all ease-in-out;*/
}

floradownloads-image9 {
	position:relative;
	display:inline-block;
	top:50%;
	transform:translateY(-54%);
	width:200px;
	height:356px;
	vertical-align: middle;
	text-align:center;
	background-position:center center;
	background-size:cover;
	background-image: url(../image/calendars/flora_calendar_2024/sep24_cover_image.png);
	background-repeat: no-repeat;
	border-radius:10px;
	transition:0.3s all ease-in-out;*/
}

floradownloads-image10 {
	position:relative;
	display:inline-block;
	top:50%;
	transform:translateY(-54%);
	width:200px;
	height:356px;
	vertical-align: middle;
	text-align:center;
	background-position:center center;
	background-size:cover;
	background-image: url(../image/calendars/flora_calendar_2024/oct24_cover_image.png);
	background-repeat: no-repeat;
	border-radius:10px;
	transition:0.3s all ease-in-out;*/
}

floradownloads-image11 {
	position:relative;
	display:inline-block;
	top:50%;
	transform:translateY(-54%);
	width:200px;
	height:356px;
	vertical-align: middle;
	text-align:center;
	background-position:center center;
	background-size:cover;
	background-image: url(../image/calendars/flora_calendar_2024/nov24_cover_image.png);
	background-repeat: no-repeat;
	border-radius:10px;
	transition:0.3s all ease-in-out;*/
}

floradownloads-image12 {
	position:relative;
	display:inline-block;
	top:50%;
	transform:translateY(-54%);
	width:200px;
	height:356px;
	vertical-align: middle;
	text-align:center;
	background-position:center center;
	background-size:cover;
	background-image: url(../image/calendars/flora_calendar_2024/dec24_cover_image.png);
	background-repeat: no-repeat;
	border-radius:10px;
	transition:0.3s all ease-in-out;*/
}

floradownloads-title {
	position:relative;
	display: inline-block;
	top:40px;;
	width:200px;
	line-height:24px;
	color:#ffffff;
	/*color:var(--global-text-gold-color)*/;
	
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 16px;
	font-weight:300;
	letter-spacing:0px;
	text-decoration: none;
	text-align:center;
	text-transform:uppercase;
	border-radius:8px;
}

/*------------------------------------End of Flora Downloads main page style------------------------------------*/

/*------------------------------------Start of imagery sub page common style-----------------------------------*/

photoholder {
	width:100%;
	position:relative;
	display: block;
}

imagerygenrebannertextlight {
	display: block;
	position:relative;
	left:0;
	top:50%;
	transform:translateY(-50%);
	margin-top:0px;
	margin-bottom:0px;
	padding-left:20px;
	height:auto;
	color:#ffffff;
	float:left;
	
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 12vw;
	font-weight:200;
	line-height:10vw;
	text-decoration: none;
	vertical-align: middle;
	text-align:left;
	text-transform:uppercase;
}

backto {
	display:inline-block;
	position:relative;
	top:0;
	left:0;
	padding-top:100px;
	padding-bottom:100px;
	height:50px;
	width:100%;
	background-color:#202020;
}

backbutton {
	position:relative;
	display:inline-block;
	height:40px;
	width:160px;
	color:var(--global-text-gold-color);
	border-radius:5px;
	border: 1px solid var(--global-text-gold-color);
	vertical-align:middle;
}

backbutton a {
	display:block;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 12px;
	line-height:40px;
	font-weight:400;
	text-decoration: none;
	color:var(--global-text-gold-color);
	vertical-align: middle;
	text-align:center;
	text-transform:uppercase;
	letter-spacing:2px;
	
	-webkit-transition:.5s all ease-in-out;
	transition:.5s all ease-in-out;
}

backbutton a:hover {
	background-color:var(--global-text-gold-color);
	color:#2e291e;
}

/*------------------------------------End of imagery sub page common style------------------------------------*/

/*------------------------------------Start of photo_manipulation section style---------------------*/

photomanipulationbanner {
	display:inline-block;
	position:relative;
	top:0;
	left:0;
	height:100vh;
	width:100%;
	/*background-color:#202020;*/
	background-color:#ffffff;
	background-image:url(../image/imagery/photo_manipulation/photo_manipulation_banner_image.png);
	background-size:cover;
	background-position:100% 0%;
}

photomanipulationbannertextdark {
	display: block;
	position:relative;
	left:0;
	top:50%;
	transform:translateY(-50%);
	margin-top:0px;
	margin-bottom:0px;
	padding-left:20px;
	height:auto;
	color:#fff;
	float:left;
	
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 12vw;
	font-weight:200;
	line-height:10vw;
	text-decoration: none;
	vertical-align: middle;
	text-align:left;
	text-transform:uppercase;
	mix-blend-mode:exclusion;
}

photomanipulation1 {
	display:block;
	position:relative;
	padding-bottom:100%;/*length/width*100*/
	/*margin-top:-10px;*/
	background-position:center center;
	background-size:cover;
	background-image: url(../image/imagery/photo_manipulation/1.png);
	background-repeat: no-repeat;
}

photomanipulation2 {
	display:block;
	position:relative;
	padding-bottom:66.6%;/*length/width*100*/
	margin-top:-10px;
	background-position:center center;
	background-size:cover;
	background-image: url(../image/imagery/photo_manipulation/2.png);
	background-repeat: no-repeat;
}

photomanipulation3 {
	display:block;
	position:relative;
	padding-bottom:100%;/*length/width*100*/
	margin-top:-10px;
	background-position:center center;
	background-size:cover;
	background-image: url(../image/imagery/photo_manipulation/3.png);
	background-repeat: no-repeat;
}

photomanipulation4 {
	display:block;
	position:relative;
	padding-bottom:66.6%;/*length/width*100*/
	margin-top:-10px;
	background-position:center center;
	background-size:cover;
	background-image: url(../image/imagery/photo_manipulation/4.png);
	background-repeat: no-repeat;
}

photomanipulation5 {
	display:block;
	position:relative;
	padding-bottom:100%;/*length/width*100*/
	margin-top:-10px;
	background-position:center center;
	background-size:cover;
	background-image: url(../image/imagery/photo_manipulation/5.png);
	background-repeat: no-repeat;
}

photomanipulation6 {
	display:block;
	position:relative;
	padding-bottom:66.6%;/*length/width*100*/
	margin-top:-10px;
	background-position:center center;
	background-size:cover;
	background-image: url(../image/imagery/photo_manipulation/6.png);
	background-repeat: no-repeat;
}

photomanipulation7 {
	display:block;
	position:relative;
	padding-bottom:100%;/*length/width*100*/
	margin-top:-10px;
	background-position:center center;
	background-size:cover;
	background-image: url(../image/imagery/photo_manipulation/7.png);
	background-repeat: no-repeat;
}

creditstitle {
	position:relative;
	display:inline-block;
	padding-top:120px;
	padding-left:20px;
	padding-right:20px;
	height:auto;
	max-width:300px;
	
	font-family: 'Source Sans Pro', sans-serif;
	/*font-size: 12px;*/
	font-size: 0.75rem;
	font-weight:400;
	text-decoration: none;
	color:var(--global-text-gold-color);
	vertical-align: middle;
	/*text-align:center;*/
	text-align:center;
	line-height:20px;
	letter-spacing:2px;
	text-transform:uppercase;
}

@media screen and (max-width:626px) {
		creditstitle {
			/*padding-top:180px;*/
			padding-left:10px;
			padding-right:10px;
			/*font-size: 10px;
			line-height:12px;*/
			font-size: 0.625rem;
			line-height:0.75rem;
		}
}

credits {
	position:relative;
	display:inline-block;
	padding-top:0px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:0px;
	margin-bottom:-10px;
	height:auto;
	max-width:400px;
	
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 12px;
	font-weight:200;
	text-decoration: none;
	color:var(--global-text-gold-color);
	vertical-align: middle;
	/*text-align:center;*/
	text-align:justify;  
    text-justify:inter-character;
	line-height:20px;
	letter-spacing:2px;
	text-transform:uppercase;
}

/*------------------------------------End of photo_manipulation section style----------------------------------*/

/*------------------------------------Start of Rriley section style----------------------------------*/

imageryrrileybanner {
	display:inline-block;
	position:relative;
	top:0;
	left:0;
	height:100vh;
	width:100%;
	background-color:#202020;
	background-image:url(../image/imagery/rriley/rriley_banner_image.png);
	background-size:cover;
	background-position:100% 100%;
}

@media screen and (max-width:920px) {
		imageryrrileybanner {
			background-position:45% 100%;
		}
}

rriley1 {
	display:block;
	position:relative;
	padding-bottom:66.6%;/*length/width*100*/
	/*margin-top:-10px;*/
	background-position:center center;
	background-size:cover;
	background-image: url(../image/imagery/rriley/1.png);
	background-repeat: no-repeat;
}

rriley2 {
	display:block;
	position:relative;
	padding-bottom:100%;/*length/width*100*/
	margin-top:-10px;
	background-position:center center;
	background-size:cover;
	background-image: url(../image/imagery/rriley/2.png);
	background-repeat: no-repeat;
}

rriley3 {
	display:block;
	position:relative;
	padding-bottom:66.6%;/*length/width*100*/
	margin-top:-10px;
	background-position:center center;
	background-size:cover;
	background-image: url(../image/imagery/rriley/3.png);
	background-repeat: no-repeat;
}

rriley4 {
	display:block;
	position:relative;
	padding-bottom:100%;/*length/width*100*/
	margin-top:-10px;
	background-position:center center;
	background-size:cover;
	background-image: url(../image/imagery/rriley/4.png);
	background-repeat: no-repeat;
}

rriley5 {
	display:block;
	position:relative;
	padding-bottom:66.6%;/*length/width*100*/
	margin-top:-10px;
	background-position:center center;
	background-size:cover;
	background-image: url(../image/imagery/rriley/5.png);
	background-repeat: no-repeat;
}

rriley6 {
	display:block;
	position:relative;
	padding-bottom:100%;/*length/width*100*/
	margin-top:-10px;
	background-position:center center;
	background-size:cover;
	background-image: url(../image/imagery/rriley/6.png);
	background-repeat: no-repeat;
}

rriley7 {
	display:block;
	position:relative;
	padding-bottom:66.6%;/*length/width*100*/
	margin-top:-10px;
	background-position:center center;
	background-size:cover;
	background-image: url(../image/imagery/rriley/7.png);
	background-repeat: no-repeat;
}

rriley8 {
	display:block;
	position:relative;
	padding-bottom:100%;/*length/width*100*/
	margin-top:-10px;
	background-position:center center;
	background-size:cover;
	background-image: url(../image/imagery/rriley/8.png);
	background-repeat: no-repeat;
}

rriley9 {
	display:block;
	position:relative;
	padding-bottom:66.6%;/*length/width*100*/
	margin-top:-10px;
	background-position:center center;
	background-size:cover;
	background-image: url(../image/imagery/rriley/9.png);
	background-repeat: no-repeat;
}

rriley10 {
	display:block;
	position:relative;
	padding-bottom:100%;/*length/width*100*/
	margin-top:-10px;
	background-position:center center;
	background-size:cover;
	background-image: url(../image/imagery/rriley/10.png);
	background-repeat: no-repeat;
}

rriley11 {
	display:block;
	position:relative;
	padding-bottom:66.6%;/*length/width*100*/
	margin-top:-10px;
	background-position:center center;
	background-size:cover;
	background-image: url(../image/imagery/rriley/11.png);
	background-repeat: no-repeat;
}

rriley12 {
	display:block;
	position:relative;
	padding-bottom:66.6%;/*length/width*100*/
	margin-top:-10px;
	background-position:center center;
	background-size:cover;
	background-image: url(../image/imagery/rriley/12.png);
	background-repeat: no-repeat;
}

/*------------------------------------End of Rriley section style------------------------------------*/

/*------------------------------------Start of Jadon section style----------------------------------*/

imageryjadonbanner {
	display:inline-block;
	position:relative;
	top:0;
	left:0;
	height:100vh;
	width:100%;
	background-color:#202020;
	background-image:url(../image/imagery/jadon/jadon_banner_image.png);
	background-size:cover;
	background-position:100% 15%;
}

@media screen and (max-width:920px) {
		imageryjadonbanner {
			background-position:50% 100%;
		}
}

jadon1 {
	display:block;
	position:relative;
	padding-bottom:124.61%;/*length/width*100*/
	/*margin-top:-10px;*/
	background-position:center center;
	background-size:cover;
	background-image: url(../image/imagery/jadon/1.png);
	background-repeat: no-repeat;
}

jadon2 {
	display:block;
	position:relative;
	padding-bottom:62.65%;/*length/width*100*/
	margin-top:-10px;
	background-position:center center;
	background-size:cover;
	background-image: url(../image/imagery/jadon/2.png);
	background-repeat: no-repeat;
}

jadon3 {
	display:block;
	position:relative;
	padding-bottom:41.71%;/*length/width*100*/
	margin-top:-10px;
	background-position:center center;
	background-size:cover;
	background-image: url(../image/imagery/jadon/3.png);
	background-repeat: no-repeat;
}

jadon4 {
	display:block;
	position:relative;
	padding-bottom:124.61%;/*length/width*100*/
	margin-top:-10px;
	background-position:center center;
	background-size:cover;
	background-image: url(../image/imagery/jadon/4.png);
	background-repeat: no-repeat;
}

jadon5 {
	display:block;
	position:relative;
	padding-bottom:62.65%;/*length/width*100*/
	margin-top:-10px;
	background-position:center center;
	background-size:cover;
	background-image: url(../image/imagery/jadon/5.png);
	background-repeat: no-repeat;
}

jadon6 {
	display:block;
	position:relative;
	padding-bottom:41.71%;/*length/width*100*/
	margin-top:-10px;
	background-position:center center;
	background-size:cover;
	background-image: url(../image/imagery/jadon/6.png);
	background-repeat: no-repeat;
}

jadon7 {
	display:block;
	position:relative;
	padding-bottom:124.61%;/*length/width*100*/
	margin-top:-10px;
	background-position:center center;
	background-size:cover;
	background-image: url(../image/imagery/jadon/7.png);
	background-repeat: no-repeat;
}

jadon8 {
	display:block;
	position:relative;
	padding-bottom:62.65%;/*length/width*100*/
	margin-top:-10px;
	background-position:center center;
	background-size:cover;
	background-image: url(../image/imagery/jadon/8.png);
	background-repeat: no-repeat;
}

jadon9 {
	display:block;
	position:relative;
	padding-bottom:41.71%;/*length/width*100*/
	margin-top:-10px;
	background-position:center center;
	background-size:cover;
	background-image: url(../image/imagery/jadon/9.png);
	background-repeat: no-repeat;
}

jadon10 {
	display:block;
	position:relative;
	padding-bottom:124.61%;/*length/width*100*/
	margin-top:-10px;
	background-position:center center;
	background-size:cover;
	background-image: url(../image/imagery/jadon/10.png);
	background-repeat: no-repeat;
}

jadon11 {
	display:block;
	position:relative;
	padding-bottom:62.65%;/*length/width*100*/
	margin-top:-10px;
	background-position:center center;
	background-size:cover;
	background-image: url(../image/imagery/jadon/11.png);
	background-repeat: no-repeat;
}

jadon12 {
	display:block;
	position:relative;
	padding-bottom:41.71%;/*length/width*100*/
	margin-top:-10px;
	background-position:center center;
	background-size:cover;
	background-image: url(../image/imagery/jadon/12.png);
	background-repeat: no-repeat;
}

jadon13 {
	display:block;
	position:relative;
	padding-bottom:124.61%;/*length/width*100*/
	margin-top:-10px;
	background-position:center center;
	background-size:cover;
	background-image: url(../image/imagery/jadon/13.png);
	background-repeat: no-repeat;
}

/*------------------------------------End of Jadon section style------------------------------------*/

/*------------------------------------Start of Sheng Li section style----------------------------------*/

imageryshenglibanner {
	display:inline-block;
	position:relative;
	top:0;
	left:0;
	height:100vh;
	width:100%;
	background-color:#202020;
	background-image:url(../image/imagery/sheng_li/shengli_banner_image.png);
	background-size:cover;
	background-position:100% 15%;
}

@media screen and (max-width:920px) {
		imageryshenglibanner {
			background-position:35% 100%;
		}
}

shengli1 {
	display:block;
	position:relative;
	padding-bottom:124.61%;/*length/width*100*/
	/*margin-top:-10px;*/
	background-position:center center;
	background-size:cover;
	background-image: url(../image/imagery/sheng_li/1.png);
	background-repeat: no-repeat;
}

shengli2 {
	display:block;
	position:relative;
	padding-bottom:62.65%;/*length/width*100*/
	margin-top:-10px;
	background-position:center center;
	background-size:cover;
	background-image: url(../image/imagery/sheng_li/2.png);
	background-repeat: no-repeat;
}

shengli3 {
	display:block;
	position:relative;
	padding-bottom:41.71%;/*length/width*100*/
	margin-top:-10px;
	background-position:center center;
	background-size:cover;
	background-image: url(../image/imagery/sheng_li/3.png);
	background-repeat: no-repeat;
}

shengli4 {
	display:block;
	position:relative;
	padding-bottom:124.61%;/*length/width*100*/
	margin-top:-10px;
	background-position:center center;
	background-size:cover;
	background-image: url(../image/imagery/sheng_li/4.png);
	background-repeat: no-repeat;
}

shengli5 {
	display:block;
	position:relative;
	padding-bottom:62.65%;/*length/width*100*/
	margin-top:-10px;
	background-position:center center;
	background-size:cover;
	background-image: url(../image/imagery/sheng_li/5.png);
	background-repeat: no-repeat;
}

shengli6 {
	display:block;
	position:relative;
	padding-bottom:41.71%;/*length/width*100*/
	margin-top:-10px;
	background-position:center center;
	background-size:cover;
	background-image: url(../image/imagery/sheng_li/6.png);
	background-repeat: no-repeat;
}

shengli7 {
	display:block;
	position:relative;
	padding-bottom:124.61%;/*length/width*100*/
	margin-top:-10px;
	background-position:center center;
	background-size:cover;
	background-image: url(../image/imagery/sheng_li/7.png);
	background-repeat: no-repeat;
}

shengli8 {
	display:block;
	position:relative;
	padding-bottom:62.65%;/*length/width*100*/
	margin-top:-10px;
	background-position:center center;
	background-size:cover;
	background-image: url(../image/imagery/sheng_li/8.png);
	background-repeat: no-repeat;
}

shengli9 {
	display:block;
	position:relative;
	padding-bottom:41.71%;/*length/width*100*/
	margin-top:-10px;
	background-position:center center;
	background-size:cover;
	background-image: url(../image/imagery/sheng_li/9.png);
	background-repeat: no-repeat;
}

shengli10 {
	display:block;
	position:relative;
	padding-bottom:124.61%;/*length/width*100*/
	margin-top:-10px;
	background-position:center center;
	background-size:cover;
	background-image: url(../image/imagery/sheng_li/10.png);
	background-repeat: no-repeat;
}

shengli11 {
	display:block;
	position:relative;
	padding-bottom:62.65%;/*length/width*100*/
	margin-top:-10px;
	background-position:center center;
	background-size:cover;
	background-image: url(../image/imagery/sheng_li/11.png);
	background-repeat: no-repeat;
}

shengli12 {
	display:block;
	position:relative;
	padding-bottom:41.71%;/*length/width*100*/
	margin-top:-10px;
	background-position:center center;
	background-size:cover;
	background-image: url(../image/imagery/sheng_li/12.png);
	background-repeat: no-repeat;
}

shengli13 {
	display:block;
	position:relative;
	padding-bottom:124.61%;/*length/width*100*/
	margin-top:-10px;
	background-position:center center;
	background-size:cover;
	background-image: url(../image/imagery/sheng_li/13.png);
	background-repeat: no-repeat;
}

/*------------------------------------End of Sheng Li section style------------------------------------*/

/*------------------------------------Start of Luigi section style----------------------------------*/

imageryluigibanner {
	display:inline-block;
	position:relative;
	top:0;
	left:0;
	height:100vh;
	width:100%;
	background-color:#202020;
	background-image:url(../image/imagery/luigi/luigi_banner_image.png);
	background-size:cover;
	background-position:100% 22%;
}

@media screen and (max-width:920px) {
		imageryluigibanner {
			background-position:50% 100%;
		}
}

imageryluigibannernbannertextlight {
	display: block;
	position:relative;
	left:0;
	top:50%;
	transform:translateY(-50%);
	margin-top:0px;
	margin-bottom:0px;
	padding-left:20px;
	height:auto;
	color:#fff;
	float:left;
	
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 12vw;
	font-weight:200;
	line-height:10vw;
	text-decoration: none;
	vertical-align: middle;
	text-align:left;
	text-transform:uppercase;
}

@media screen and (max-width:920px) {
		imageryluigibannernbannertextlight {
				mix-blend-mode:exclusion;
		}
}

luigi1 {
	display:block;
	position:relative;
	padding-bottom:124.61%;/*length/width*100*/
	/*margin-top:-10px;*/
	background-position:center center;
	background-size:cover;
	background-image: url(../image/imagery/luigi/1.png);
	background-repeat: no-repeat;
}

luigi2 {
	display:block;
	position:relative;
	padding-bottom:62.65%;/*length/width*100*/
	margin-top:-10px;
	background-position:center center;
	background-size:cover;
	background-image: url(../image/imagery/luigi/2.png);
	background-repeat: no-repeat;
}

luigi3 {
	display:block;
	position:relative;
	padding-bottom:41.71%;/*length/width*100*/
	margin-top:-10px;
	background-position:center center;
	background-size:cover;
	background-image: url(../image/imagery/luigi/3.png);
	background-repeat: no-repeat;
}

luigi4 {
	display:block;
	position:relative;
	padding-bottom:124.61%;/*length/width*100*/
	margin-top:-10px;
	background-position:center center;
	background-size:cover;
	background-image: url(../image/imagery/luigi/4.png);
	background-repeat: no-repeat;
}

luigi5 {
	display:block;
	position:relative;
	padding-bottom:62.65%;/*length/width*100*/
	margin-top:-10px;
	background-position:center center;
	background-size:cover;
	background-image: url(../image/imagery/luigi/5.png);
	background-repeat: no-repeat;
}

luigi6 {
	display:block;
	position:relative;
	padding-bottom:41.71%;/*length/width*100*/
	margin-top:-10px;
	background-position:center center;
	background-size:cover;
	background-image: url(../image/imagery/luigi/6.png);
	background-repeat: no-repeat;
}

luigi7 {
	display:block;
	position:relative;
	padding-bottom:124.61%;/*length/width*100*/
	margin-top:-10px;
	background-position:center center;
	background-size:cover;
	background-image: url(../image/imagery/luigi/7.png);
	background-repeat: no-repeat;
}

/*------------------------------------End of Luigi section style------------------------------------*/

/*------------------------------------Start of Flora section style------------------------------------*/

imageryflorabanner {
	display:inline-block;
	position:relative;
	top:0;
	left:0;
	height:100vh;
	width:100%;
	background-color:#202020;
	background-image:url(../image/imagery/flora/flora_banner_image.png);
	background-size:cover;
	background-position:100% 80%;
}

@media screen and (max-width:920px) {
		imageryflorabanner {
			background-position:60% 80%;
		}
}

flora1 {
	display:block;
	position:relative;
	padding-bottom:66.6%;/*length/width*100*/
	/*margin-top:-10px;*/
	background-position:center center;
	background-size:cover;
	background-image: url(../image/imagery/flora/1.png);
	background-repeat: no-repeat;
}

flora2 {
	display:block;
	position:relative;
	padding-bottom:100%;/*length/width*100*/
	margin-top:-10px;
	background-position:center center;
	background-size:cover;
	background-image: url(../image/imagery/flora/2.png);
	background-repeat: no-repeat;
}

flora3 {
	display:block;
	position:relative;
	padding-bottom:66.6%;/*length/width*100*/
	margin-top:-10px;
	background-position:center center;
	background-size:cover;
	background-image: url(../image/imagery/flora/3.png);
	background-repeat: no-repeat;
}

flora4 {
	display:block;
	position:relative;
	padding-bottom:100%;/*length/width*100*/
	margin-top:-10px;
	background-position:center center;
	background-size:cover;
	background-image: url(../image/imagery/flora/4.png);
	background-repeat: no-repeat;
}

flora5 {
	display:block;
	position:relative;
	padding-bottom:66.6%;/*length/width*100*/
	margin-top:-10px;
	background-position:center center;
	background-size:cover;
	background-image: url(../image/imagery/flora/5.png);
	background-repeat: no-repeat;
}

/*------------------------------------End of Flora section style------------------------------------*/

/*------------------------------------Start of Macro section style------------------------------------*/

imagerymacrobanner {
	display:inline-block;
	position:relative;
	top:0;
	left:0;
	height:100vh;
	width:100%;
	background-color:#202020;
	background-image:url(../image/imagery/macro/macro_banner_image.png);
	background-size:cover;
	background-position:100% 55%;
}

@media screen and (max-width:920px) {
		imagerymacrobanner {
			background-position:60% 80%;
		}
}

macro1 {
	display:block;
	position:relative;
	padding-bottom:100%;/*length/width*100*/
	/*margin-top:-10px;*/
	background-position:center center;
	background-size:cover;
	background-image: url(../image/imagery/macro/7.png);
	background-repeat: no-repeat;
}

macro2 {
	display:block;
	position:relative;
	padding-bottom:66.6%;/*length/width*100*/
	margin-top:-10px;
	background-position:center center;
	background-size:cover;
	background-image: url(../image/imagery/macro/8.png);
	background-repeat: no-repeat;
}

macro3 {
	display:block;
	position:relative;
	padding-bottom:66.6%;/*length/width*100*/
	margin-top:-10px;
	background-position:center center;
	background-size:cover;
	background-image: url(../image/imagery/macro/2.png);
	background-repeat: no-repeat;
}

macro4 {
	display:block;
	position:relative;
	padding-bottom:100%;/*length/width*100*/
	margin-top:-10px;
	background-position:center center;
	background-size:cover;
	background-image: url(../image/imagery/macro/3.png);
	background-repeat: no-repeat;
}

macro5 {
	display:block;
	position:relative;
	padding-bottom:66.6%;/*length/width*100*/
	margin-top:-10px;
	background-position:center center;
	background-size:cover;
	background-image: url(../image/imagery/macro/4.png);
	background-repeat: no-repeat;
}

macro6 {
	display:block;
	position:relative;
	padding-bottom:100%;/*length/width*100*/
	margin-top:-10px;
	background-position:center center;
	background-size:cover;
	background-image: url(../image/imagery/macro/5.png);
	background-repeat: no-repeat;
}

macro7 {
	display:block;
	position:relative;
	padding-bottom:66.6%;/*length/width*100*/
	margin-top:-10px;
	background-position:center center;
	background-size:cover;
	background-image: url(../image/imagery/macro/6.png);
	background-repeat: no-repeat;
}

/*------------------------------------End of Macro section style------------------------------------*/

/*------------------------------------Start of People section style------------------------------------*/

imagerypeoplebanner {
	display:inline-block;
	position:relative;
	top:0;
	left:0;
	height:100vh;
	width:100%;
	background-color:#202020;
	background-image:url(../image/imagery/people/people_banner_image.png);
	background-size:cover;
	background-position:100% 30%;
}

@media screen and (max-width:920px) {
		imagerypeoplebanner {
			background-position:60% 80%;
		}
}

people1 {
	display:block;
	position:relative;
	padding-bottom:100%;/*length/width*100*/
	/*margin-top:-10px;*/
	background-position:center center;
	background-size:cover;
	background-image: url(../image/imagery/people/1.png);
	background-repeat: no-repeat;
}

people2 {
	display:block;
	position:relative;
	padding-bottom:66.6%;/*length/width*100*/
	margin-top:-10px;
	background-position:center center;
	background-size:cover;
	background-image: url(../image/imagery/people/2.png);
	background-repeat: no-repeat;
}

people3 {
	display:block;
	position:relative;
	padding-bottom:62.5%; /*length/width*100*/
	/*margin-top:-10px;*/
	background-position:center center;
	background-size:cover;
	background-image: url(../image/imagery/people/3.png);
	background-repeat: no-repeat;
}

people4 {
	display:block;
	position:relative;
	padding-bottom:66.6%;/*length/width*100*/
	margin-top:-10px;
	background-position:center center;
	background-size:cover;
	background-image: url(../image/imagery/people/4.png);
	background-repeat: no-repeat;
}

people6 {
	display:block;
	position:relative;
	padding-bottom:66.6%;/*length/width*100*/
	margin-top:-10px;
	background-position:center center;
	background-size:cover;
	background-image: url(../image/imagery/people/6.png);
	background-repeat: no-repeat;
}

/*------------------------------------End of People section style------------------------------------*/

/*------------------------------------Start of Street section style------------------------------------*/

imagerystreetbanner {
	display:inline-block;
	position:relative;
	top:0;
	left:0;
	height:100vh;
	width:100%;
	background-color:#202020;
	background-image:url(../image/imagery/street/street_banner_image.png);
	background-size:cover;
	background-position:100% 80%;
}

@media screen and (max-width:920px) {
		imagerystreetbanner {
			background-position:50% 80%;
		}
}

street1 {
	display:block;
	position:relative;
	padding-bottom:100%;/*length/width*100*/
	/*margin-top:-10px;*/
	background-position:center center;
	background-size:cover;
	background-image: url(../image/imagery/street/1.png);
	background-repeat: no-repeat;
}

street2 {
	display:block;
	position:relative;
	padding-bottom:66.6%;/*length/width*100*/
	margin-top:-10px;
	background-position:center center;
	background-size:cover;
	background-image: url(../image/imagery/street/2.png);
	background-repeat: no-repeat;
}

street3 {
	display:block;
	position:relative;
	padding-bottom:100%;/*length/width*100*/
	margin-top:-10px;
	background-position:center center;
	background-size:cover;
	background-image: url(../image/imagery/street/3.png);
	background-repeat: no-repeat;
}

street4 {
	display:block;
	position:relative;
	padding-bottom:66.6%;/*length/width*100*/
	margin-top:-10px;
	background-position:center center;
	background-size:cover;
	background-image: url(../image/imagery/street/4.png);
	background-repeat: no-repeat;
}

street5 {
	display:block;
	position:relative;
	padding-bottom:100%;/*length/width*100*/
	margin-top:-10px;
	background-position:center center;
	background-size:cover;
	background-image: url(../image/imagery/street/5.png);
	background-repeat: no-repeat;
}

street6 {
	display:block;
	position:relative;
	padding-bottom:66.6%;/*length/width*100*/
	margin-top:-10px;
	background-position:center center;
	background-size:cover;
	background-image: url(../image/imagery/street/6.png);
	background-repeat: no-repeat;
}

/*------------------------------------End of Street section style------------------------------------*/

/*------------------------------------Start of Wildlife section style------------------------------------*/
imagerywildlifebanner {
	display:inline-block;
	position:relative;
	top:0;
	left:0;
	height:100vh;
	width:100%;
	background-color:#202020;
	background-image:url(../image/imagery/wildlife/wildlife_banner_image.png);
	background-size:cover;
	background-position:100% 40%;
}

@media screen and (max-width:920px) {
		imagerywildlifebanner {
			background-position:50% 80%;
		}
}

wildlife1 {
	display:block;
	position:relative;
	padding-bottom:100%;/*length/width*100*/
	/*margin-top:-10px;*/
	background-position:center center;
	background-size:cover;
	background-image: url(../image/imagery/wildlife/1.png);
	background-repeat: no-repeat;
}

/*------------------------------------End of Wildlife section style------------------------------------*/

/*------------------------------------Start of Architecture section style------------------------------------*/
imageryarchitecturebanner {
	display:inline-block;
	position:relative;
	top:0;
	left:0;
	height:100vh;
	width:100%;
	background-color:#202020;
	background-image:url(../image/imagery/architecture/architecture_banner_image.png);
	background-size:cover;
	background-position:100% 40%;
}

@media screen and (max-width:920px) {
		imageryarchitecturebanner {
			background-position:50% 80%;
		}
}

architecture1 {
	display:block;
	position:relative;
	padding-bottom:66.6%;/*length/width*100*/
	/*margin-top:-10px;*/
	background-position:center center;
	background-size:cover;
	background-image: url(../image/imagery/architecture/1.png);
	background-repeat: no-repeat;
}

architecture2 {
	display:block;
	position:relative;
	padding-bottom:100%;/*length/width*100*/
	margin-top:-10px;
	background-position:center center;
	background-size:cover;
	background-image: url(../image/imagery/architecture/2.png);
	background-repeat: no-repeat;
}

architecture3 {
	display:block;
	position:relative;
	padding-bottom:66.6%;/*length/width*100*/
	margin-top:-10px;
	background-position:center center;
	background-size:cover;
	background-image: url(../image/imagery/architecture/3.png);
	background-repeat: no-repeat;
}

architecture4 {
	display:block;
	position:relative;
	padding-bottom:100%;/*length/width*100*/
	margin-top:-10px;
	background-position:center center;
	background-size:cover;
	background-image: url(../image/imagery/architecture/4.png);
	background-repeat: no-repeat;
}

architecture5 {
	display:block;
	position:relative;
	padding-bottom:66.6%;/*length/width*100*/
	margin-top:-10px;
	background-position:center center;
	background-size:cover;
	background-image: url(../image/imagery/architecture/5.png);
	background-repeat: no-repeat;
}

/*------------------------------------End of Architecture section style------------------------------------*/

/*------------------------------------Start of Nature section style------------------------------------*/
imagerynaturebanner {
	display:inline-block;
	position:relative;
	top:0;
	left:0;
	height:100vh;
	width:100%;
	background-color:#202020;
	background-image:url(../image/imagery/nature/nature_banner_image.png);
	background-size:cover;
	background-position:100% 90%;
}

@media screen and (max-width:920px) {
		imagerynaturebanner {
			background-position:50% 100%;
		}
}

nature1 {
	display:block;
	position:relative;
	padding-bottom:66.6%;/*length/width*100*/
	/*margin-top:-10px;*/
	background-position:center center;
	background-size:cover;
	background-image: url(../image/imagery/nature/1.png);
	background-repeat: no-repeat;
}

nature2 {
	display:block;
	position:relative;
	padding-bottom:100%;/*length/width*100*/
	margin-top:-10px;
	background-position:center center;
	background-size:cover;
	background-image: url(../image/imagery/nature/2.png);
	background-repeat: no-repeat;
}

nature3 {
	display:block;
	position:relative;
	padding-bottom:66.6%;/*length/width*100*/
	margin-top:-10px;
	background-position:center center;
	background-size:cover;
	background-image: url(../image/imagery/nature/3.png);
	background-repeat: no-repeat;
}

nature4 {
	display:block;
	position:relative;
	padding-bottom:100%;/*length/width*100*/
	margin-top:-10px;
	background-position:center center;
	background-size:cover;
	background-image: url(../image/imagery/nature/4.png);
	background-repeat: no-repeat;
}

nature5 {
	display:block;
	position:relative;
	padding-bottom:66.6%;/*length/width*100*/
	margin-top:-10px;
	background-position:center center;
	background-size:cover;
	background-image: url(../image/imagery/nature/5.png);
	background-repeat: no-repeat;
}

nature6 {
	display:block;
	position:relative;
	padding-bottom:100%;/*length/width*100*/
	margin-top:-10px;
	background-position:center center;
	background-size:cover;
	background-image: url(../image/imagery/nature/6.png);
	background-repeat: no-repeat;
}

/*------------------------------------End of Nature section style------------------------------------*/

/*------------------------------------Start of art section style------------------------------------*/

artbanner {
	display:inline-block;
	position:relative;
	top:0;
	left:0;
	height:100vh;
	width:100%;
	background-color:#202020;
	background-image:url(../image/art/art_banner_image.png);
	background-size:cover;
	background-position:100% 40%;
}

@media screen and (max-width:920px) {
		artbanner {
			background-position:50% 80%;
		}
}

artbannertextdark {
	display: block;
	position:relative;
	left:0;
	top:50%;
	transform:translateY(-50%);
	margin-top:0px;
	margin-bottom:0px;
	/*padding-left:20px;*/
	padding-left:7vw;
	height:auto;
	color:#202020;
	float:left;
	
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 12vw;
	font-weight:200;
	line-height:10vw;
	text-decoration: none;
	vertical-align: middle;
	text-align:left;
	text-transform:uppercase;
}

artsectionlight {
	display: inline-block;
	width:100%;
	height:auto;
	background-color:#F5F5F5;
	vertical-align:middle;
	padding-bottom: 50px;
	box-shadow:0px 0px 0px 0.78125vw #e5e5e5 inset;
}

arttitledark {
	display: inline-block;	
	margin-top:50px;
	margin-right:0px;
	margin-bottom:0px;
	margin-left:0px;
	line-height:40px;
	color:#000000;
	
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 40px;
	font-weight:900;
	letter-spacing:10px;
	text-decoration: none;
	vertical-align: middle;
	text-align:center;
	text-transform:uppercase;
	/*border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottomp-color: #000000;
	padding-bottom:10px;*/
	text-indent:9px;
}

arttitlesmalltextdark {
	display: inline-block;
	color:#000000;
	line-height:18px;
	margin-top:-6px;
	margin-right:0px;
	margin-bottom:0px;
	margin-left:0px;
		
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 14px;
	font-weight:400;
	/*text-transform:uppercase;
	letter-spacing:4px;*/
	text-decoration: none;
	vertical-align: middle;
	text-align:center;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #000000;
	padding-top:10px;
}

art1 {
	display:block;
	position:relative;
	padding-bottom:66.6%;/*length/width*100*/
	margin-top:-10px;
	background-position:center center;
	background-size:cover;
	background-image: url(../image/art/1.png);
	background-repeat: no-repeat;
}

art2 {
	display:block;
	position:relative;
	padding-bottom:66.6%;/*length/width*100*/
	margin-top:-10px;
	background-position:center center;
	background-size:cover;
	background-image: url(../image/art/2.png);
	background-repeat: no-repeat;
}

art3 {
	display:block;
	position:relative;
	padding-bottom:66.6%;/*length/width*100*/
	margin-top:-10px;
	background-position:center center;
	background-size:cover;
	background-image: url(../image/art/3.png);
	background-repeat: no-repeat;
}

art4 {
	display:block;
	position:relative;
	padding-bottom:66.6%;/*length/width*100*/
	margin-top:-10px;
	background-position:center center;
	background-size:cover;
	background-image: url(../image/art/4.png);
	background-repeat: no-repeat;
}

/*------------------------------------End of art section style------------------------------------*/

/*------------------------------------Start of contact section style------------------------------------*/

contactbanner {
	position:relative;
	display: block;
	width:100%;
	height:100vh;
	background-color:#F5F5F5;
	vertical-align:middle;
}

contactwrapper {
	position: absolute;
	display: block;
	top:50%;
	left:12%;
	right:12%;
	height:70vh;
	transform:translateY(-50%);
}

@media screen and (max-width:680px) {
		contactwrapper {
			height:300px;
		}
}

@media screen and (max-width:479px) {
		contactwrapper {
			height:280px;
		}
}

contactbannertextdark {
	position: absolute;
	display: block;
	color:#202020;
	left:0;
	top:50%;
	transform:translateY(-50%);
	
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 12vw;
	font-weight:200;
	line-height:10vw;
	text-decoration: none;
	vertical-align: middle;
	text-align:left;
	text-transform:uppercase;
}

@media screen and (max-width:680px) {
		contactbannertextdark {
			position: absolute;
			font-size: 4.5rem;
			line-height:4rem;
			text-align: center;
			left:50%;
			top:0%;
			-ms-transform:translate(-50%,0%);
			-webkit-transform:translate(-50%,0%);
			-moz-transform:translate(-50%,0%);
			-o-transform:translate(-50%,0%);
			transform:translate(-50%,0%);
		}
}

@media screen and (max-width:479px) {
		contactbannertextdark {
			font-size: 3.1rem;
			line-height:2.8rem;
			text-align: center;
		}
}

contactdetailholder{
	position: absolute;
	display:block;
	width:180px;
	top:50%;
	right:8%;
	transform:translateY(-50%);
}

@media screen and (max-width:1025px) {
		contactdetailholder {
			right:0%;
		}
}

@media screen and (max-width:680px) {
		contactdetailholder {
			top:100%;
			left:50%;
			-ms-transform:translate(-50%,-100%);
			-webkit-transform:translate(-50%,-100%);
			-moz-transform:translate(-50%,-100%);
			-o-transform:translate(-50%,-100%);
			transform:translate(-50%,-100%);
		}
}

contactdetail {
	position: relative;
	display: block;
	width:180px;
	padding-bottom:12px;
}

@media screen and (max-width:680px) {
		contactdetail {
			display:inline-block;
			width:180px;
			padding-bottom:0px;
		}
}

contacttitle {
	position: relative;
	display: block;
	color:#202020;
	
	font-family: 'Source Sans Pro', sans-serif;
	/*font-size: 14px;*/
	font-size: 0.875rem;
	font-weight:600;
	letter-spacing:2px;
	text-decoration: none;
	text-transform:uppercase;
	/*vertical-align: middle;
	text-align:center;*/
	text-align:left;
}

@media screen and (max-width:680px) {
		contacttitle {
			display:inline-block;
			text-align: center;
		}
}

emailtextdark {
	position:relative;
	display: inline-block;	
	text-align:left;
	float:left;
	color:#747474;
	
	font-family: 'Source Sans Pro', sans-serif;
	/*font-size: 14px;*/
	font-size: 0.875rem;
	font-weight:400;
	letter-spacing:1px;
	vertical-align: middle;
}

@media screen and (max-width:680px) {
		emailtextdark {
			float: none;
			text-align: center;
		}
}

emailtextdark:after {
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 1px;
  bottom: 0;
  left: 0;
  background-color: #747474;
  transform-origin: bottom right;
  transition: transform 0.25s ease-out;
}

emailtextdark:hover:after {
  transform: scaleX(1);
  transform-origin: bottom left;
}


contactbanner2 {
	position:relative;
	display: block;
	width:100%;
	height:100vh;
	background-color:var(--global-background-dark13-color);
	vertical-align:middle;
}

contactwrapper2 {
	position: absolute;
	display: block;
	top:50%;
	left:12%;
	right:12%;
	height:70vh;
	transform:translateY(-50%);
}

@media screen and (max-width:680px) {
		contactwrapper2 {
			height:300px;
		}
}

@media screen and (max-width:479px) {
		contactwrapper2 {
			height:280px;
		}
}

contactbannertextdark2 {
	position: absolute;
	display: block;
	color:var(--global-text-gold-color);
	left:0;
	top:50%;
	transform:translateY(-50%);
	
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 12vw;
	font-weight:200;
	line-height:10vw;
	text-decoration: none;
	vertical-align: middle;
	text-align:left;
	text-transform:uppercase;
}

@media screen and (max-width:680px) {
		contactbannertextdark2 {
			/*font-size: 3.9rem;
			line-height:0.85rem;*/
			font-size: 4.5rem;
			line-height:4rem;
			text-align: center;
			left:50%;
			top:0%;
			-ms-transform:translate(-50%,0%);
			-webkit-transform:translate(-50%,0%);
			-moz-transform:translate(-50%,0%);
			-o-transform:translate(-50%,0%);
			transform:translate(-50%,0%);
		}
}

@media screen and (max-width:479px) {
		contactbannertextdark2 {
			font-size: 3.1rem;
			line-height:2.8rem;
			text-align: center;
		}
}

contactsocialholder{
	position: absolute;
	display:block;
	width:120px;
	top:50%;
	right:8%;
	transform:translateY(-50%);
}

@media screen and (max-width:1025px) {
		contactsocialholder {
			/*width:150px;*/
			right:0%;
		}
}

@media screen and (max-width:680px) {
		contactsocialholder {
			top:100%;
			left:50%;
			-ms-transform:translate(-50%,-100%);
			-webkit-transform:translate(-50%,-100%);
			-moz-transform:translate(-50%,-100%);
			-o-transform:translate(-50%,-100%);
			transform:translate(-50%,-100%);
		}
}


contactsocialdetail {
	position: relative;
	display: block;
	width:120px;
}

@media screen and (max-width:680px) {
		contactsocialdetail {
			display:inline-block;
			width:120px;
		}
}

contactsocialtitle {
	position: relative;
	display: block;
	color:var(--global-text-gold-color);
	
	font-family: 'Source Sans Pro', sans-serif;
	/*font-size: 14px;*/
	font-size: 0.875rem;
	/*line-height:20px;*/
	line-height:1.25rem;
	/*font-weight:600;*/
	font-weight:300;
	letter-spacing:2px;
	text-decoration: none;
	text-transform:uppercase;
	text-align:left;
}

@media screen and (max-width:680px) {
		contactsocialtitle {
			display:inline-block;
			text-align: center;
		}
}


contactsitecreditholder{
	position:relative;
	display: inline-block;
	margin-top:25px;
	padding:0px 25px 0px 25px; /*top right bottm left*/
}

/*------------------------------------end of contact section style------------------------------------*/

/*------------------------------------Start of footer section style------------------------------------*/

#footer {
	position:relative;
	display:block;
	vertical-align:middle;
	padding:0px 10px 10px 10px; /*top right bottm left*/
	/*padding:25px 110px 25px 110px;*/
	/*background-color:var(--global-background-dark13-color);*/
	background-color:var(--global-background-black-color);
	/*margin-top:70px;*/
}

footerline{
	position: relative;
	display:block;
	height:1px;
	height:0px;
	top:-1px;
	left:0;
	right:0;
	background-color:var(--global-text-gold-color);
	margin:0px 0px 0px 0px; /*top right bottm left*/
	opacity:0.5;
}

footercontactholder{
	position: absolute;
	display:block;
	width:200px;
	top:100px;
	/*left:25px;*/
	left:50px;
}

@media screen and (max-width:600px) {
		footercontactholder {
			left:50%;
			transform:translateX(-50%);
		}
}

footercontacttitle{
	position: relative;
	display: block;
	margin-bottom:12px;
	
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 12px;
	font-weight:400;
	letter-spacing:2px;
	text-transform:uppercase;
	vertical-align: middle;
	text-align:left;
	color:var(global-menu-text-light100-color);
}

@media screen and (max-width:600px) {
		footercontacttitle {
			text-align: center;
		}
}

footeremail {
	position: relative;
	display: block;
	
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 12px;
	font-weight:400;
	letter-spacing:1px;
	text-transform: lowercase;
	vertical-align: middle;
	text-align:left;
	color:var(--global-text-gold-color);
}

@media screen and (max-width:600px) {
		footeremail {
			text-align: center;
		}
}

	/*------------------------------------Start of social section style------------------------------------*/
	
	socialholder{
		position: absolute;
		display:block;
		width:200px;
		top:100px;
		/*right:25px;*/
		right:50px;
	}
	
	@media screen and (max-width:600px) {
			socialholder {
				top:280px;
				left:50%;
				transform:translateX(-50%);
			}
	}
	
	social {
		position: relative;
		display: block;
		width:200px;
		
		font-family: 'Source Sans Pro', sans-serif;
		font-size: 12px;
		font-weight:400;
		text-transform:uppercase;
		letter-spacing:2px;
		text-decoration: none;
		vertical-align: middle;
		text-align:right;
		color:var(--global-text-gold-color);
	}
	
	@media screen and (max-width:600px) {
			social {
				text-align: center;
			}
	}
	
	/*------------------------------------End of social section style------------------------------------*/

sitecreditholder{
	position:relative;
	display: inline-block;
	/*margin-top:250px;*/
	margin-top:300px;
}

@media screen and (max-width:600px) {
		sitecreditholder {
			margin-top:400px;
		}
}

designedby {
	display: inline-block;	
	color:var(--global-text-light75-color);
	
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 12px;
	font-weight:200;
	letter-spacing:1px;
	text-decoration: none;
	text-align:center;
}

designer {
	display: inline-block;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 12px;
	font-weight:400;
	letter-spacing:1px;
	text-decoration: none;
	text-align:center;
	color:var(--global-text-gold-color);
}

copyright {
	display: inline-block;	
	color:var(--global-text-light75-color);
	
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 12px;
	font-weight:200;
	letter-spacing:1px;
	text-decoration: none;
	text-align:center;
}

@media screen and (max-width:600px) {
		copyright {
			display: block;
		}
}

/*------------------------------------End of footer section style------------------------------------*/

/*------------------------------------Start of BPM section style------------------------------------*/

* {
  -webkit-touch-callout: none;
  -webkit-user-select: none; 
  -moz-user-select: none;  
  -ms-user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

bpmsection {
  font-family: 'Lato', sans-serif;
  /*color: #444;*/
  color: #fff;
  padding: 0;
  margin: 0;
}

#w {
  /*width: 100vw;*/
  width: 100%;
  height: 100vh;
  cursor: pointer;
  /*background-color: #fefefe;*/
  background-color: #202020;
  z-index: 1;
}
#c {
  position: absolute;
  text-align: center;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-40%);
  
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 12vw;
  font-weight:200;/*
  line-height:10vw;*/
  vertical-align: middle;
  text-align: center;
  text-transform:uppercase;
  color:var(--global-text-gold-color);
  /*font-size: 100px;*/
  /*padding-bottom: 40px;*/
  z-index:0;
}

instruction{
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 12px;
  font-weight:400;
  line-height:12px;
  letter-spacing:1px;
  vertical-align: middle;
  text-align: center;
  text-transform:uppercase;
  color:var(--global-text-gold-color);
}

aside {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 12px;
  font-weight:400;
  line-height:12px;
  letter-spacing:1px;
  vertical-align: middle;
  text-align: center;
  text-transform:uppercase;
  color:var(--global-text-gold-color);
  }
  
#l {
  position: fixed;
  bottom: 10px;
  text-align: center;
  width: 150px;
  left: 50%;
  margin-left: -75px;
  font-size: 18px;
  z-index:-1;
}

@keyframes pulse {
  0% {
    /*background-color: inherit;  */ 
	background-color:rgba(247, 209, 148, 0.1);   
  }
  50% {
    /*background-color: #d96256;*/
	background-color: #202020;
  } 
  100% {
    /*background-color: inherit; */
	background-color:#202020;     
  }
}

/*------------------------------------End of BPM section style------------------------------------*/


</style>