/* Color: #3D341F / #666158 / #8D8056 / #1D2E44 */
.lp-gold-wrap * {
	max-width: unset;
	vertical-align: middle;
}

.arrow {
	margin: 0 5em;
}

/* About */
#about {
	background: linear-gradient(#f9f4ea, #ffffff);
	overflow: hidden;
}

#about h1 { font-size: 3.5em; margin-bottom: 0px;}
#about h1 span { font-size: 100%;}
#about h2 { font-family: Gotham; font-size: 7em; margin-top: 0px;}
#about h2 span { font-family: Gotham; font-size: 100%;}
#about h3 { font-family: Bentham; font-size: 6em; margin-top: 0px; line-height: 1; color: #8D8056; margin-bottom: 1em;}
#about h3 br { line-height: 1;}
#about h3 span { font-family: Bentham; font-size: 100%; color: #8D8056;}
#about h4 { font-family: Gotham; font-size: 1.8em; color: #8D8056;}
#about h4 span { font-family: Gotham; font-size: 100%; color: #8D8056;}
#about hr { border-top: #8D8056 3px solid; margin: 5px;}
#about .mandala { max-width: 100%;}
#about2 .box { z-index: 10;}

@media (min-width: 768px) {
	#about br { line-height: 1.5em;}
}

#about .gd {
	display: none;
}

#about .gd01 {
	width: 30%;
	transition:all ease-out 0.3s;
	-webkit-transition:all ease-out 0.3s;
	transform:rotate(20deg);
	-webkit-transform:rotate(20deg);
	margin-left: -20%;
}

#about .gd02 {
	max-width: 20%;
	transition:all ease-out 0.3s;
	-webkit-transition:all ease-out 0.3s;
	transform:rotate(25deg);
	-webkit-transform:rotate(5deg);
	-webkit-filter: blur(1px);
	filter: blur(1px);
	margin-left: 20%;
}

#about .gd03 {
	max-width: 22%;
	transition:all ease-out 0.3s;
	-webkit-transition:all ease-out 0.3s;
	transform:rotate(-20deg);
	-webkit-transform:rotate(-20deg);
	margin-left: -60%;
}

#about .gd04 {
	max-width: 25%;
	transition:all ease-out 0.3s;
	-webkit-transition:all ease-out 0.3s;
	transform:rotate(-20deg);
	-webkit-transform:rotate(-20deg);
	margin-left: 30%;
}

#about .gd05 {
	max-width: 20%;
	transition:all ease-out 0.3s;
	-webkit-transition:all ease-out 0.3s;
	transform:rotate(-25deg);
	-webkit-transform:rotate(-25deg);
	-webkit-filter: blur(1px);
	filter: blur(1px);
	margin-left: -40%;
}

#about .gd06 {
	max-width: 25%;
	transition:all ease-out 0.3s;
	-webkit-transition:all ease-out 0.3s;
	transform:rotate(20deg);
	-webkit-transform:rotate(20deg);
	margin-left: 10%;
}

/* Product */
#products {
	background-image: url('/cms/images/products/other/gold/img/bgi_switze.jpg');
	background-size: cover;
}

#products section {
	background-color: rgba(255, 255, 255, 0.8);
}

#products h2 { font-family: Gotham; font-size: 1.8em;}
#products h3 { font-family: Bentham;}
#products hr { border-top: #8D8056 2px solid; margin: 5px;}
#products .explain { position: relative;}
#products .explain li {
	display: table;
	text-align: left;
	white-space: nowrap;
	width: 45%;
	position: absolute;
	text-shadow: 0px 1px 1px #fff;
	font-size: 1em;
	border-bottom: 1px solid #333;
}
/*
#products .explain li:after {
	content: '';
	display: table-cell;
	width: 90%;
	background: linear-gradient(transparent 50%, currentColor 50%, currentColor calc(50% + 1px), transparent calc(50% + 1px));
	background-clip: padding;
}
*/
#products .explain li:after { border-left: 1em solid transparent;}
#products .explain .explain01 { top:  7.5em;}
#products .explain .explain02 { top: 15.5em;}
#products .explain .explain03 { top: 18.0em;}
#products .explain .explain04 { top: 20.0em;}
#products .explain .explain05 { top: 25.0em;}
#products .explain .explain06 { top: 30.5em;}
@media (max-width: 767px) {
	#products .explain li { font-size: 1em;}
	#products .explain .explain01 { top:  9.5em;}
	#products .explain .explain02 { top: 20.0em;}
	#products .explain .explain03 { top: 22.5em;}
	#products .explain .explain04 { top: 25.0em;}
	#products .explain .explain05 { top: 31.5em;}
	#products .explain .explain06 { top: 38.0em;}
}
@media (min-width: 768px) and (max-width: 991px) {
	#products .explain li { font-size: 1.2em;}
	#products .explain .explain01 { top:  8.0em;}
	#products .explain .explain02 { top: 16.5em;}
	#products .explain .explain03 { top: 18.5em;}
	#products .explain .explain04 { top: 20.5em;}
	#products .explain .explain05 { top: 26.0em;}
	#products .explain .explain06 { top: 32.0em;}
}
@media (min-width: 992px) and (max-width: 1200px) {
	#products .explain li { font-size: 1em;}
	#products .explain .explain01 { top:  8.0em;}
	#products .explain .explain02 { top: 15.5em;}
	#products .explain .explain03 { top: 17.5em;}
	#products .explain .explain04 { top: 19.5em;}
	#products .explain .explain05 { top: 25.0em;}
	#products .explain .explain06 { top: 30.5em;}
}

@media (max-width: 767px) {
	body { font-size: 12px;}
}
@media (min-width: 768px) {
	body { font-size: 12px;}
}
@media (min-width: 992px) {
	body { font-size: 15px;}
}
@media (min-width: 1200px) {
	body { font-size: 15px;}
}


#products .detail {
	max-height: 550px;

}

#products2 {
	background-color: #41351b;
	padding: 1em 0em;
}

#products2 .detail {
	background-color: #fff;
	border: 10px solid #41351b;
	overflow: hidden;
}

#products2 .detail:hover, #products2 .detail.hover {
	background-color: #132c45;
	color: #fff;
}

#products2 .detail hr {
	margin-top: 3em;
	margin-bottom: 1em;
	width: 50%;
}

#products2 .detail h3 {
	color: #8D8056;
	font-size: 1em;
	text-align: left;
	font-family: Bentham;
}

#products2 .detail h4 {
	color: #8D8056;
	font-size: 2.5em;
	text-align: left;
	font-family: Gotham;
}

#products2 .detail a {
	text-align: left;
	display: block;
	font-family: Bentham;
}

#products2 .detail img {
	max-width: 50%;
	transition: top 1s cubic-bezier(0.68, -0.55, 0.27, 1.55);
	position: absolute;
	right: 2em;
}

@media (max-width: 767px) {
	#products2 .detail { height: 25em;}
	#products2 .box    { height: 24em;}
}
@media (min-width: 768px) {
	#products2 .detail { height: 20em;}
	#products2 .box    { height: 19em;}
}
@media (min-width: 1199px) {
	#products2 .detail { height: 25em;}
	#products2 .box    { height: 24em;}
}

#products2 .detail.gb_1kg  img { top: 50%; max-width: 60%;}
#products2 .detail.gb_500g img { top: 50%; max-width: 45%;}
#products2 .detail.gb_200g img { top: 65%; max-width: 40%;}
#products2 .detail.gb_100g img { top: 80%; max-width: 50%; right: 1em;}
#products2 .detail.gb_50g  img { top: 70%; max-width: 90%; right: 0em;}
#products2 .detail.gb_10g  img { top: 70%; max-width: 90%; right: 0em;}
#products2 .detail.gb_1kg:hover img, #products2 .detail.gb_1kg.hover  img { top: 4%;}
#products2 .detail.gb_500g:hover img, #products2 .detail.gb_500g.hover img { top: 15%;}
#products2 .detail.gb_200g:hover img, #products2 .detail.gb_200g.hover img { top: 30%;}
#products2 .detail.gb_100g:hover img, #products2 .detail.gb_100g.hover img { top: 35%;}
#products2 .detail.gb_50g:hover img, #products2 .detail.gb_50g.hover  img { top: 10%;}
#products2 .detail.gb_10g:hover img, #products2 .detail.gb_10g.hover  img { top: 10%;}

#products2 .detail a {
	color: #fff;
	text-decoration: none;
}

/* Shops */ 
#shops {
	border: 3em solid #f5f0e6;
}

#shops hr {
	width: 50%;
	margin: 10px 25%;
}

#shops h3 {
	font-size: 1.0em;
}

@media (min-width: 768px) and (max-width: 1199px) {
	#shops {
		background-image: url('/cms/images/products/other/gold/img/bgi_gold.png');
		background-position: center bottom;
		background-repeat: no-repeat;
		background-size: 20%;
	}
	#shops .container {
		width: 100%;
		max-width: 970px;
	}
}

@media (min-width: 1200px) {
	#shops {
		background-image: url('/cms/images/products/other/gold/img/bgi_gold.png');
		background-position: center bottom;
		background-repeat: no-repeat;
		background-size: 10%;
	}
}

@media (min-width: 768px) {
	#shops #box-results .col-xs-12.col-sm-4 {
		border-top: 1px dotted #333;
	}
	#shops #box-results .col-xs-12.col-sm-4:nth-child(-n+3) {
		border-top: 0px;
	}
	#shops #box-results .col-xs-12.col-sm-4:nth-child(3n - 1) {
		border-right: 1px dotted #333;
		border-left: 1px dotted #333;
	}
}

/* Contactus */
#contactus {
	background-image: url('/cms/images/products/other/gold/img/bgi_goldbar.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

#contactus section {
	/*background-color: rgba(109,94,66,0.9);*/
	padding-bottom: 200px;
}

#contactus form {
	background: #fff;
	padding: 2em;
}

#contactus .control-label, #contactus .form-control {
	border-radius: 0px;
	box-shadow: none;
	-webkit-box-shadow: none;
	transition: background-color 1s ease;
	text-align: center;
	font-family: Bentham;
	font-size: 1.2em;
}

#contactus .form-control {
	border: 1px solid #fff;
	border-bottom: 1px solid #8D8056;
	background-color: #fff;
}

#contactus .form-control:focus {
	background-color: #eee;
	text-align: left;
}

#contactus textarea.form-control {
	border: 1px solid #8D8056;
}

/* Footer */
footer {
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-color: #132c45;
	color: #fff;
	font-family: 'KozGoPr6NExtraLight';
	font-size: 0.9em;
}

footer h1 {
	font-size: 1.5em;
	margin-bottom: 0px;
}

footer h2 {
	font-size: 2.7em;
	margin-top: 0px;
}

footer address {
	margin-bottom: 10px;
}

footer a, footer a:hover {
	color: #fff;
	text-decoration: underline;
}