/* Color: #3D341F / #666158 / #8D8056 / #1D2E44 */

@font-face { 
	font-family: 'Bentham'; 
	src: url('/cms/images/products/other/gold/font/Bentham.otf'); 
}
@font-face { 
	font-family: 'Gotham'; 
	src: url('/cms/images/products/other/gold/font/GalanoBold.otf'); 
}
@font-face { 
	font-family: 'KozGoPr6NExtraLight'; 
	src: url('/cms/images/products/other/gold/font/KozGoPr6N-ExtraLight.otf'); 
}

html, body { height:100%; width:100%; font-size:15px; }
* { box-sizing: border-box }
a { color:inherit; transition:all ease-out 0.3s; -webkit-transition:all ease-out 0.3s }
h1 { font-family: 'Bentham'; }
h2 { font-family: 'Gotham'; }
h3 { font-family: 'KozGoPr6NExtraLight'; }
hr{ max-width: 100%; border-top: 1px solid #8D8056; }

@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; }
}

.row-eq-height { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

/*LOADER*/
#loader { width:100%; height:100%; position:fixed; background:#252525; z-index:9999; left:0; top:0; }
#loader .num { position:absolute; width:100px; height:30px; color:#8D8056; opacity:0.5; font-size:3.5em; overflow:hidden; letter-spacing:0.1em; text-align:center; top:50%; margin-top:-15px; left:0px; transition:all ease-out 0.6s; -webkit-transition:all ease-out 0.6s; transform:rotate(-90deg); -webkit-transform:rotate(-90deg); }
#loader i { width:2px; height:100%; position:absolute; top:0; left:64px; background:#676767; }
#loader i .per { width:100%; height:0; bottom:0; left:0; background:#ba9565; position:absolute; transition:all ease-out 0.3s; -webkit-transition:all ease-out 0.3s; }

.navbar-nav > li { margin-left: 5px; }
.navbar-nav > li > a { padding-top: 0px; padding-bottom: 0px; line-height: 30px; color: #fff; }
.navbar-nav > li > a.active, .navbar-nav > li > a:hover { background: #f9f4ea; color: #1D2E44; }
@media (min-width: 768px) {
	.navbar-nav > li > a { padding-top: 0px; padding-bottom: 0px; }
}

header { height:100%; position:fixed; top:0; left:0; z-index:99; transition:background ease-in 0.3, width ease 0.1s 0.3s; -webkit-transition:background ease-in 0.3s, width ease 0.1s 0.3s; width:20px }
header .bt-menu { position:absolute; width:54px; height:54px; background:#fff; border-radius:50px; cursor:pointer; z-index:3; top:40px; left:14px; transition:all ease-out 0.3s; -webkit-transition:all ease-out 0.3s }
header .bt-menu { box-shadow:0px 0px 15px #666; -moz-box-shadow:0px 0px 15px #666; -webkit-box-shadow:0px 0px 15px #666; }
header .bt-menu i { width:20px; height:1px; background:#8D8056; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); transition:all ease-out 0.3s; -webkit-transition:all ease-out 0.3s; }
header .bt-menu i:first-child { margin-top:-5px; }
header .bt-menu i:last-child { margin-top:5px; }
header .bt-menu.open { background:#FFF }
header .bt-menu.open i { transform:rotate(45deg); -webkit-transform:rotate(45deg); left:33% }
header .bt-menu.open i:first-child { transform:rotate(135deg); -webkit-transform:rotate(135deg); margin-top:0 }
header .bt-menu.open i:last-child { display:none }
header nav { width:200px; height:100%; position:fixed; background:#1D2E44; color:#FFF; left:-200px; font-family: 'Gotham'; }
header nav i { width:40px; height:100%; position:absolute; z-index:0; background:#757c84; }
header nav ul { position:relative; z-index:1; transform:translateY(-50%); -webkit-transform:translateY(-50%); top:50% }
header nav li:first-child { margin-top:0; }
header nav li { height:50px; position:relative; margin-top:60px }
header nav li a { font-size:1em; display:block; line-height:50px; padding-left:3px; opacity:0; }
header nav li span { position:absolute; width:20px; height:25px; color:#8D8056; opacity:0.1; font-size:1em; overflow:hidden; letter-spacing:0.1em; text-align:center; top:13px; left:13px; transition:all ease-out 0.3s; -webkit-transition:all ease-out 0.3s; transform:rotate(90deg); -webkit-transform:rotate(90deg); opacity:1; }
header nav li.view a { opacity:1; padding-left:60px; text-decoration: none; }
header nav li.active > a, header nav li a:focus, header nav li a:hover { color:#8D8056 }
header nav li.active span { color:#3D341F }

#lang { background: #1D2E44; height: 30px; color #fff; overflow: hidden; position: fixed; top: 0px; left: 0px; right: 0px; z-index: 1000; }
#lang .collapse { display: block; }
#lang .navbar-nav { margin: 0px; }
#lang .navbar-nav > li { float: left; }
#lang .navbar-nav > li > a { line-height: 30px; }
#lang .navbar-right { float: right!important; }
.txt_ja, .txt_en { display: none; }

section { display: table; position: relative; width: 100%; min-height: 100%; padding: 4em 0; }
section em { position:absolute; bottom:0 }
.box { display: table; position: relative; width: 100%; min-height: 100%; }
.text-middle { display: table-cell; text-align: center; vertical-align: middle; }
.text-left { text-align: left!important; }
.text-center { text-align: center!important; }
.text-right { text-align: right!important; }

#navScroll { height:calc(100% - 100px); position:fixed; color:#FFF; z-index:98; top:100px; font-family: 'KozGoPr6NExtraLight'; border-right: 1px solid #000; }
#navScroll i { width:40px; height:100%; position:absolute; z-index:0; }
#navScroll li { position:relative; padding-left:41px; margin-top:15px; height:20% }
#navScroll li:first-child { margin-top:0; }
#navScroll li a { padding:20px; left:39px; top:0; font-size:1.4em; display:block; height:100%; padding-left:3px; position:absolute; border-left:5px solid #666158 }
#navScroll li a strong { font-weight:normal; position:absolute; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); opacity:0; transition:all ease-out 0.3s; -webkit-transition:all ease-out 0.3s }
#navScroll li span { position:absolute; width:30px; height:25px; color:#8d8056; opacity:0; font-size:1.0em; overflow:hidden; letter-spacing:0.1em; text-align:center; top:45%; margin-top:-2px; left:13px; transition:all ease-out 0.3s; -webkit-transition:all ease-out 0.3s; transform:rotate(90deg); -webkit-transform:rotate(90deg); }
#navScroll li em { position:absolute; left:39px; top:0px; width:5px; background:#8D8056; opacity:0; z-index:3; max-height:100% !important; height:0; transition:height, opacity ease-out 0.3s; -webkit-transition:height, opacity  ease-out 0.3s; -moz-top:0 }
#navScroll li.active em { opacity:1 }
#navScroll li.active a { padding-left:23px; }
#navScroll li.active span { opacity:1 }
#overlay { background: rgba(29, 46, 68, 0.5); position: fixed; top: 0; left: 0; right: 0; bottom: 0; display: none; }

/*sections*/
.bt-ancla { display:inline-block; padding-left:45px; position:relative; line-height:80px; font-size:1.2em; color:rgba(255,255,255,0.2); text-transform:uppercase; letter-spacing:0.2em }
.bt-ancla img { position:absolute; left:0; top:0; transition:top ease-out 0.3s; -webkit-transition:top ease-out 0.3s; }

@media (min-width:1100px) { 
	nav li:hover > span { opacity:0.25 }
	nav li:hover > a { color:#000 }
	header .bt-menu:hover { background:#FFF }
	header .bt-menu.open:hover { background:#4f4f4f; }
	.bt-ancla:hover { color:#FFF }
	.bt-ancla:hover img { animation:arrowHome 1s 1 }
	#cotizar .copy label div.input ul li:hover { background:#4f4f4f; color:#FFF }
	footer .nk:hover div img:first-child { opacity: 0; transform: scale(0); }
	footer .nk:hover div img:last-child { opacity: 1; transform: scale(1); }
	footer .nk:hover { color: #ff5859; font-weight: 700; opacity: 1; }
	#video-controls:hover { opacity:1 }
	#cotizar button:hover { background:#FFF; color:#8D8056 }
	#cotizar button:hover img { animation:arrowForm 0.5s 1 }
	#hablemos .copy p a:hover,
	footer a.mail:hover,
	footer a.fb:hover { color:#8D8056 }
	footer a.fb:hover > img.g { opacity:1 }
}
@keyframes arrowHome { 
	0%   { top:0px; }
	25%  { top:-10px; }
	50%  { top:20px; }
	75%  { top:-10px; }
	100% { top:0px; }
}
@keyframes arrowForm { 
	0%   { left:150px; }
	45%  { left:200px; }
	46%  { left:200px; display:none }
	47%  { left:-15px; display:block }
	100% { left:150px; }
}

@media (max-width:960px) { 
	#loader .num { left:-20px }
	#loader i { left: 43px; }
	#navScroll { z-index:-1; opacity:0 }
}

.btn {
	font-family: Bentham;
}

.btn.btn-primary {
	border: #8D8056;
	border-radius: 0px;
	background: transparent;
	transition: background 1s ease, color 1s ease;
	border: 1px solid #8D8056;
	color: #8D8056;
	min-width: 200px;
}

.btn.btn-primary:hover {
	background: #8D8056;
	color: #fff;
}

/*datepicker*/
.ui-datepicker { 
	width:auto; 
	display: none; 
	background:#393939; 
	color:#FFF; 
	margin-top:15px; 
	box-shadow: 0 0 15px rgba(0,0,0,0.4); 
}
.ui-datepicker-calendar thead { padding:0 10px; background:#525252 }
.ui-datepicker-calendar tbody { padding:10px }
.ui-datepicker .ui-datepicker-header { 
	position: relative; 
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next { 
	position: absolute; 
	top: 2px; 
	width: 34px; 
	height: 34px; 
	overflow:hidden; 
	background-image:url(/cms/images/products/other/gold/img/arrow-down-golden.png); 
	background-repeat:no-repeat; 
	background-position:center; 
	transform:rotate(90deg); 
	-webkit-transform:rotate(90deg); 
	font-size:0; 
	cursor:pointer
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover { 
	background-color:#404040; 
}
.ui-datepicker .ui-datepicker-prev { 
	left: 2px; 
}
.ui-datepicker .ui-datepicker-next { 
	right: 2px; 
	transform:rotate(-90deg); 
	-webkit-transform:rotate(-90deg); 
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span { 
	display: block; 
	position: absolute; 
	left: 50%; 
	margin-left: -8px; 
	top: 50%; 
	margin-top: -8px; 
}
.ui-datepicker .ui-datepicker-title { 
	line-height: 3.5em; 
	text-align: center; 
	font-size:1.1em
}
.ui-datepicker .ui-datepicker-title select { 
	font-size: 1em; 
	margin: 1px 0; 
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year { 
	width: 45%; 
}
.ui-datepicker table { 
	width: 100%; 
	font-size: 1.2em; 
	border-collapse: collapse; 
	margin: 0 0 .4em; 
}
.ui-datepicker th { 
	height:43px; 
	text-align: center; 
	border: 0; 
	text-transform:uppercase; 
	vertical-align:middle
}
.ui-datepicker td { 
	border: 0; 
	height:43px; 
	width:43px; 
	border-radius:100%; 
	overflow:hidden; 
	vertical-align:middle
}
.ui-datepicker td span,
.ui-datepicker td a { 
	display: block; 
	text-align: center; 
	text-decoration: none; 
	color:inherit; 
	line-height:41px; 
	border-radius:100%; 
	box-sizing:border-box
}
.ui-datepicker td a:hover { border:1px solid #d0a36e }
/*.ui-datepicker-today { background:#525252 }*/
.ui-datepicker-current-day { background:#d0a36e; color:#52483b }
.ui-datepicker .ui-datepicker-buttonpane { 
	background-image: none; 
	margin: .7em 0 0 0; 
	padding: 0 .2em; 
	border-left: 0; 
	border-right: 0; 
	border-bottom: 0; 
}
.ui-datepicker .ui-datepicker-buttonpane button { 
	float: right; 
	margin: .5em .2em .4em; 
	cursor: pointer; 
	padding: .2em .6em .3em .6em; 
	width: auto; 
	overflow: visible; 
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { 
	float: left; 
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { 
	width: auto; 
}
.ui-datepicker-multi .ui-datepicker-group { 
	float: left; 
}
.ui-datepicker-multi .ui-datepicker-group table { 
	width: 95%; 
	margin: 0 auto .4em; 
}
.ui-datepicker-multi-2 .ui-datepicker-group { 
	width: 50%; 
}
.ui-datepicker-multi-3 .ui-datepicker-group { 
	width: 33.3%; 
}
.ui-datepicker-multi-4 .ui-datepicker-group { 
	width: 25%; 
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { 
	border-left-width: 0; 
}
.ui-datepicker-multi .ui-datepicker-buttonpane { 
	clear: left; 
}
.ui-datepicker-row-break { 
	clear: both; 
	width: 100%; 
	font-size: 0; 
}

/* RTL support */
.ui-datepicker-rtl { 
	direction: rtl; 
}
.ui-datepicker-rtl .ui-datepicker-prev { 
	right: 2px; 
	left: auto; 
}
.ui-datepicker-rtl .ui-datepicker-next { 
	left: 2px; 
	right: auto; 
}
.ui-datepicker-rtl .ui-datepicker-prev:hover { 
	right: 1px; 
	left: auto; 
}
.ui-datepicker-rtl .ui-datepicker-next:hover { 
	left: 1px; 
	right: auto; 
}
.ui-datepicker-rtl .ui-datepicker-buttonpane { 
	clear: right; 
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button { 
	float: left; 
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group { 
	float: right; 
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { 
	border-right-width: 0; 
	border-left-width: 1px; 
}