#IndexContentWrapper {
		display: none;
	}

	.IndexTile1 {
		width: calc(100% / 3);
		height: calc(100vw / 3 * 260 / 230);
	}

	.IndexTile2 {
		width: calc(100% / 3 * 2);
		height: calc(100vw / 3 * 260 / 230);
	}

	#IndexContentMobileWrapper {
		display: block;
	}

	#TileMobileLine1 {
		font-size: 20px;
		line-height: 20px;
		text-align: left;
	}

	#TileMobileLine2 {
		font-size: 22px;
		line-height: 22px;
		letter-spacing: 0px;
		text-align: left;
	}

	#TileMobileLine3 {
		font-size: 12px;
		line-height: 12px;
		text-align: left;
	}

	#TileMobileLine4 {
		font-size: 14px;
		line-height: 14px;
		text-align: left;
	}


/*********************************************************** xtra small screen */
@media screen and (min-width: 360px) {
	#IndexContentWrapper {
		display: none;
	}

	.IndexTile1 {
		width: calc(100% / 3);
		height: calc(100vw / 3 * 260 / 230);
	}

	.IndexTile2 {
		width: calc(100% / 3 * 2);
		height: calc(100vw / 3 * 260 / 230);
	}

	#IndexContentMobileWrapper {
		display: block;
	}

	#TileMobileLine1 {
		font-size: 21px;
		line-height: 23px;
		text-align: left;
	}

	#TileMobileLine2 {
		font-size: 26px;
		line-height: 26px;
		letter-spacing: 0px;
		text-align: left;
	}

	#TileMobileLine3 {
		font-size: 13px;
		line-height: 13px;
		text-align: left;
	}

	#TileMobileLine4 {
		font-size: 15px;
		line-height: 15px;
		text-align: left;
	}
}

/*********************************************************** medium screen */
@media screen and (min-width: 800px) {
	#IndexContentWrapper {
		display: block;
	}

	.IndexTile1 {
		width: calc(100% / 3);
		height: calc(100vw / 3 * 260 / 230);
	}

	.IndexTile2 {
		width: calc(100% / 3 * 2);
		height: calc(100vw / 3 * 260 / 230);
	}

	#IndexContentMobileWrapper {
		display: none;
	}

	#TileMobileLine1 {
		font-size: 24px;
		line-height: 26px;
		text-align: left;
	}

	#TileMobileLine2 {
		font-size: 30px;
		line-height: 30px;
		letter-spacing: 0px;
		text-align: left;
	}

	#TileMobileLine3 {
		font-size: 15px;
		line-height: 16px;
		text-align: left;
	}

	#TileMobileLine4 {
		font-size: 18px;
		line-height: 18px;
		text-align: left;
	}
}

/*********************************************************** large screen */
@media screen and (min-width: 1120px) {
	#IndexContentWrapper {
		display: block;
	}

	.IndexTile1 {
		width: 25%;
		height: calc(1120px / 4 * 260 / 230 * 1.2);
	}

	.IndexTile2 {
		width: 50%;
		height: calc(1120px / 4 * 260 / 230 * 1.2);
	}

	#IndexContentMobileWrapper {
		display: none;
	}

	#TileMobileLine1 {
		font-size: 24px;
		line-height: 26px;
		text-align: left;
	}

	#TileMobileLine2 {
		font-size: 30px;
		line-height: 30px;
		letter-spacing: 0px;
		text-align: left;
	}

	#TileMobileLine3 {
		font-size: 15px;
		line-height: 16px;
		text-align: left;
	}

	#TileMobileLine4 {
		font-size: 18px;
		line-height: 18px;
		text-align: left;
	}
}


/*********************************************************** Content Desktop */
#IndexContentWrapper {
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
}

#IndexContent {
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	background: rgb(23, 23, 23);
	margin: auto;

	display: flex;
	flex-wrap: wrap;
}

.IndexTile1 {
	position: relative;
	top: 0px;
	left: 0px;
	display: inline-block;
	overflow: hidden;
}

.IndexTile2 {
	position: relative;
	top: 0px;
	left: 0px;
	display: inline-block;
	overflow: hidden;
}

.TileImage {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;

	transform: scale(1.005);

	-webkit-transition: transform 0.8s;
	transition: transform 0.8s;
}
.TileImage:hover {
	transform: scale(1.05);
}

.TileImageLogo {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	
	pointer-events: none;
}

#Tile0 {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-image: url("assets/images/index/tile-0.jpg");
}

#Tile1 {
	background: rgb(49, 43, 39);
	background-repeat: repeat;
	background-image: url("assets/images/common/pattern-1.png");
	cursor: pointer;
}

/*#TileInner1 {
	position: relative;
	top: 0px;
	left: 0px;
	width: calc(100% - 30px);
	margin: auto;
	padding: 40px 0px 0px 0px;
}*/

#TileInner1 {
	position: absolute;
	bottom: 70px;
	left: 15px;
	width: calc(100% - 30px);
}

#TileLearnMore {
	position: absolute;
	bottom: 20px;
	left: 15px;
	font-size: 12px;
}

#Tile2 {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-image: url("assets/images/index/tile-2.jpg");
}

#Tile3 {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-image: url("assets/images/index/tile-3.jpg");
}

#Tile4 {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-image: url("assets/images/index/tile-4.jpg");
}

#Tile5 {
	/*box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 5px solid rgb(193, 176, 137);*/

	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-image: url("assets/images/index/tile-5.jpg");
}

#Tile5Logo {
	/*box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 5px solid rgb(193, 176, 137);*/
	
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-image: url("assets/images/index/tile-5-logo.png");
}

#TileInner5 {
	position: absolute;
	bottom: 0px;
	right: 0px;
	width: 50%;
	height: 28px;
	background: rgb(193, 176, 137);

	font-size: 14px;
	font-weight: bold;
	line-height: 30px;
	letter-spacing: 0px;
	color: rgb(47, 40, 38);
	text-align: center;
}

#Tile6 {
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
	background-image: url("assets/images/index/tile-6.jpg");
}

#Tile7 {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-image: url("assets/images/index/tile-7.jpg");
}

#Tile8 {
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
	background-image: url("assets/images/index/tile-8.jpg");
}

#IndexTopContentTitleLine3 {
	font-size: 11px;
	font-weight: 400;
	line-height: 11px;
	letter-spacing: 0px;
	text-align: left;
}


/*********************************************************** Content Mobile */
#IndexContentMobileWrapper {
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
}

#IndexContentMobile {
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	background: rgb(23, 23, 23);
	margin: auto;

	display: flex;
	flex-wrap: wrap;
}

.IndexTileMobile1 {
	position: relative;
	top: 0px;
	left: 0px;
	width: 50%;
	height: calc(100vw * 330 / 460 * 1.5);
	min-height: 300px;
	max-height: 360px;
	display: inline-block;
}

.IndexTileMobile2 {
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	height: calc(100vw * 330 / 460 * 1.5);
	min-height: 300px;
	max-height: 360px;
	display: inline-block;
}

#TileMobile0 {
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;

	background: rgb(49, 43, 39);
	background-repeat: repeat;
	background-image: url("assets/images/common/pattern-1.png");
	cursor: pointer;

	display: inline-block;
}

#TileMobileInner0 {
	position: relative;
	top: 0px;
	left: 0px;
	width: calc(100% - 100px);
	margin: auto;
	padding: 100px 0px 50px 0px;
}

#TileMobile1 {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-image: url("assets/images/index/tile-mobile-1.jpg");
	cursor: pointer;
}

#TileMobile2 {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-image: url("assets/images/index/tile-mobile-2.jpg");
	cursor: pointer;
}

#TileMobile3 {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-image: url("assets/images/index/tile-mobile-3.jpg");
	cursor: pointer;
}

#TileMobile4 {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-image: url("assets/images/index/tile-mobile-4.jpg");
	cursor: pointer;
}

#TileMobile5 {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-image: url("assets/images/index/tile-mobile-5.jpg");
	cursor: pointer;
}

.TileMobileBlockTitle {
	position: relative;
	font-size: 20px;
	line-height: 22px;
	font-weight: bold;
	text-align: center;
	margin: 5px 0px;

	/*border-width: 1px 0px;
	border-style: solid;
	border-color: rgb(212, 200, 170);*/
}

.TileMobileBlockLine {
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 1px;
	background: rgb(212, 200, 170);
}

.TileMobileFront {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: rgba(25, 19, 18, 0.45);
}