@font-face {
	font-family: 'AkzidenzGroteskBE-bold';
	src: url("../fonts/AkzidenzGroteskBE/AkzidenzGroteskBE-Bold.otf");
}

@font-face {
	font-family: 'AkzidenzGroteskBE-md';
	src: url("../fonts/AkzidenzGroteskBE/AkzidenzGroteskBE-Md.otf");
}

@font-face {
	font-family: 'MyriandPro-regular';
	src: url("../fonts/MyriadPro/MyriadPro-Regular.otf");
}

@font-face {
	font-family: 'Times-regular';
	src: url("../fonts/Times/timesr.ttf");
}

* {
	z-index: -1;
}

a:not([href]):not([tabindex]):hover:active:link, a, a:hover {
	color: inherit;
	text-decoration: none;
}

::-webkit-scrollbar {
    width: 0px;  /* Remove scrollbar space */
    background: transparent;  /* Optional: just make scrollbar invisible */
}
/* Optional: show position indicator in red */
::-webkit-scrollbar-thumb {
    background: #EEEEEE;
}

html, body, .full-screen {
	min-width: 100%;
	min-height: 100%;
	height: 100%;
}

.upper-30d {
	margin-top: -30px;
}

.mobile {
	display: none;
}

nav {
	width: 100%;
	z-index: 1;
	position: absolute;
}

nav ul {
	padding: 25px 10%;
	display: inline;
}

nav ul.pull-left {
	padding-right: 0;
}

nav ul li {
	font-family: 'AkzidenzGroteskBE-bold';
	display: inline;
	color: #ffffff;
	padding: 0 8px;
	font-size: 1.3em;
	letter-spacing: 0.1em;
}

nav ul li a.active {
	color: #aaa;
}

header.index {
	background-image: url("../img/bg/0.jpg");
	min-width: 100%;
	min-height: 100%;
	position: relative;
	top: 0;
}

header.index h1 {
	font-family: 'AkzidenzGroteskBE-bold';
	color: #ffffff;
	position: absolute;
	top: 70%;
	left: 10%;
	font-size: 3em;
	letter-spacing: 0.2em;
}

.itable {
	position: relative;
	left: 50%;
	transform: translate(-50%);
	max-width: 1000px;
	padding: 50px 10% 0 10%;
}

.itable img {
	width: 100%;
}

.itable .stone-cont {
	display: none;
	
}

.itable .stone-cont .stone {
	width: 33.3%;
	float: left;
	padding: 5px;
}

.itable .stone-cont .stone .img {
	height: 180px;
}

.itable .stone-cont .stone .img h3 {
	top: 160px;
	left: 5px;
	font-size: 0.8rem;
}

.origin {
	overflow: hidden;
}

.origin div {
	padding-bottom: 2000px;
	margin-bottom: -2000px;
	float: left;
	width: 100px;
}

.origin .text {
	width: 60%;
	padding-left: 10%;
	padding-right: 5%;
}

.origin .text h2 {
	font-family: 'AkzidenzGroteskBE-bold';
	letter-spacing: 0.1em;
}

.origin .text p {
	font-family: 'Times-regular';
}

.origin .image {
	width: 40%;
	background-image: url("../img/bg/1.jpg");
	background-repeat: no-repeat;
	background-size: 100%;
}


.origin a {
	color: #777777 !important;
}


.archive {
	padding: 0 10%;
}

.archive h1 {
	font-family: 'AkzidenzGroteskBE-bold';
	letter-spacing: 0.15em;
}

.archive .menu ul {
	list-style-type: none;
	padding-left: 0;
	width: 50%;
	float: left;
}

.archive .menu ul.left li a {
	font-size: 2.2em;
}

.archive .menu ul.right li a {
	font-size: 1.5em;
}

.archive .menu ul li a, header.stone h1, header.stone h3 {
	color: #333333;
	background: url(../img/bg/menu.jpg) no-repeat;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-family: 'AkzidenzGroteskBE-bold';
	letter-spacing: 0.2em;
	opacity: 0.4;
}

.archive .menu ul li a:hover {
	opacity: 0.7;
}

.archive .menu ul li a.active {
	opacity: 1;
}

.archive .menu ul li ul {
	width: 100%;
	padding-left: 50px;
}

.archive .menu ul.right li ul li a {
	font-size: 1em;
}

.archive .menu .stones {
	display: none;
}

.archive .menu .stones li {
	box-sizing: border-box;
}

.archive .menu .right {
	display: none;
}

.dark nav {
	position: relative;
}

.dark nav li {
	color: #000;
}

header.stone .line{
	padding-left: 10%;
}

header.stone .line * {
	float: left;
	opacity: 1;
}

header.stone .line h3 {
	padding: 10px 0 0 100px;
}

header.stone .archive-cont {
	z-index: 1;
	position: absolute;
	width: 100%;
	padding-left: -10%;
	background: #ffffff;
	margin-top: 56px;
	display: none;
}

header.stone:hover .archive-cont, header.stone .archive-cont:hover {
	display: block;
}

header.stone .archive-cont .pt-5, header.stone .archive-cont h1 {
	display: none;
}

.stone-cont .img {
	width: 100%;
	height: 600px;
	background-size: 100%;
}

.stone-cont .img h3 {
	position: relative;
	top: 550px;
	left:20px;
	color:rgba(255,255,255,0.7);
	z-index: 1;
	bottom:10px;
}

.stone-cont .cont {
	padding: 15px 0 0 10%;
}

.stone-cont .imgs {
	width: 100%;
	overflow: scroll;
	white-space: nowrap;
}

.stone-cont .imgs div {
	width: 25%;
	display: inline-block;
	padding: 1px;
}

.stone-cont .imgs div .img {
	width: 100%;
	height: 200px;
}

.stone-cont .imgs div .img h3 {
	top:172px;
	left: 10px;
	font-size: 1em;
}

header.passion .top {
	width: 100%;
	height: 100px;
	background-image: url("../img/bg/menu.jpg");
	background-size: cover;
}

header.passion h1 {
	padding: 40px 50px 0 10%;
}

header.passion .cont {
	padding: 10px 0;
	overflow: hidden;
}

header.passion .cont article h1, header.passion .cont article h3, header.passion .cont article p {
	padding: 0 50px 0 10%;
	font-family: 'AkzidenzGroteskBE-md';
}

header.passion .cont article h3 {
	font-size: 25px;
}

header.archive-list {
	padding: 0 50px 0 9%;
}

header.archive-list h1, header.archive-list h3, header.archive-list h5 {
	padding: 0 1%;
}

header.archive-list .stone {
	width: 33.3%;
	float: left;
	padding: 0 1%;
}

header.archive-list .stone .img-bg {
	width: 100;
	height: 150px;
	background-size: 100%;
}

header.maps h1, header.maps .maps, header.maps .stones {
	padding: 0 10%;
}

header.maps .maps {
	padding-top: 20px;
}

header.maps .stone-cont {
	display: none;
	
}

header.maps .stone-cont .stone {
	width: 33.3%;
	float: left;
	padding: 5px;
}

header.maps .stone-cont .stone .img {
	height: 180px;
}

header.maps .stone-cont .stone .img h3 {
	top: 160px;
	left: 5px;
	font-size: 0.8rem;
}

header.news .top {
	width: 100%;
	height: 100px;
	background-image: url("../img/bg/2.jpg");
	background-size: cover;
}

header.news .cont {
	padding: 0 10%;
}

header.news article h4 {
	margin-bottom: 0;
}

div.footer {
	padding: 30px 10%;
	background-image: url(../img/bg/footer.jpg);
	background-size: 100%;
}

div.footer p {
	margin-bottom: 0;
	color: #dddddd;
}

@media screen and (max-width: 1261px) {
	nav ul li {
		padding: 0 4px;
		font-size: 17px;
	}
}

@media screen and (max-width: 1067px) {
	nav ul li {
		font-size: 15px;
	}
}

@media screen and (max-width: 965px) {
	.desktop {
		display: none;
	}

	.upper-30d {
		margin-top: 0;
	}

	.mobile {
		display: block;
	}

	nav ul {
		display: block;
		padding: 10px 5%;
	}

	nav ul li {
		display: block;
		font-size: 0.8em;
		padding: 5px 0;
	}

	nav ul.float-right li {
		text-align: right;
	}

	nav ul li.pipe {
		display: none;
	}

	header.index h1 {
		top: 40%;
		left: 5%;
		transform: translate(0, -50%);
		font-size: 1.2em;
	}

	.origin div {
		padding: 0;
		margin: 0;
	}

	.origin .text {
		width: 100%;
		padding-left: 5%;
	}

	.origin .image {
		width: 100%;
		margin-top: 30px;
		height: 200px;
	}

	.archive {
		padding: 0 5%;
	}

	.archive .menu ul {
		width: 100%;
	}

	.archive .menu ul.left li a {
		font-size: 1.8em;
	}

	.archive .menu ul.right li a {
		font-size: 1em;
	}

	.archive .menu ul li ul {
		width: 100%;
		padding-left: 20px;
	}

	.archive .menu ul.right li ul li a {
		font-size: 0.8em;
	}

	header.stone .line {
		padding: 5%;
	}

	header.stone .line h1 {
		font-size: 1.3em;
	}

	header.stone .line h3 {
		font-size: 0.7em;
		padding: 10px 0 0 10px;
	}

	header.stone .archive-cont {
		margin-top: 0;
	}

	.stone-cont .cont {
		padding-left: 5%;
	}

	header.passion h1 {
		padding: 40px 5% 0 5%;
	}

	header.passion .cont article h1, header.passion .cont article h3, header.passion .cont article p {
		padding: 0 5%;
	}

	header.maps h1, header.maps .maps, header.maps .stones {
		padding: 0 5%;
	}

	header.news .cont {
		padding: 0 5%;
	}

	header.news .cont.pt-5 {
		padding-top: 0.1rem!important;
	}

	div.footer {
		padding: 30px 5%;
	}
}