<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">html, body {
    font-family: "arial", sans-serif !important;
    position: relative;
    
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


h1, h2, h3 {
	font-family: "futura-pt",sans-serif !important;
	text-transform: uppercase;
}

.intro {
	width: 100%;
	
}

.intro .mainbg {
	width: 100%;
	height: 100vh;
	position: fixed;
	background: url(./img/mainpage-bg@2x.jpg) no-repeat top center;
  background-size:100%;
  background-color: #F6F0E9;
}

.intro .content {
	font-family: "futura-pt",sans-serif;
	position: relative;
	text-align: center;
	background: linear-gradient(180deg,rgba(246, 240, 233,0),rgba(246, 240, 233,.9) 75%,#F6F0E9 90%);
}

.toplang {
	color: #504F54 !important;
  font-weight: 500;
  position: absolute;
  right: 100px;
  top: 100px;
    
}

.toplang:hover {
	color: #fff !important;
	text-decoration: none;
}

.white-logo img {
	width: 182px;
	margin: 50px 0 50px 0;
}

.intro .content h2 {
	font-size: 30px;
	font-weight: 300;
	color: #504F53;
	margin-bottom: 20px;
	letter-spacing: 4px;
}

.intro .content p {
	font-size: 16px;
	font-weight: 400;
	color: #504F53;
	margin-bottom: 22px;
	letter-spacing: 1px;
	padding-left: 22%;
  padding-right: 22%;

}

.intro .content .smaller {
	padding-left: 28%;
  padding-right: 28%;
}

.intro .container {
	margin-top: 40px;
	width: 1024px;
	max-width: 100%;
	text-align: center;
}

.intro .icon1 {
	width: 51px;
}

.intro .icon2 {
	width: 38px;
}

.intro .icon3 {
	width: 42px;
}

.intro .iconz {
	height: 80px;
	width: 100%;
	position: relative;
}

.intro .container img {
	position: absolute;
	bottom: 0px;
	left: 50%;
	transform: translateX(-50%);
}

.intro .container h2, .intro .container h3 {
	font-size: 20px;
	letter-spacing: 2px;
	font-weight: 400;
	margin-top: 15px;
	margin-bottom: 15px;
}

.intro .container h3 {
	display: none;
}
.intro .container a {
	    font-size: 14px;
    color: #504F53;
    transition: color .2s;
}

.intro .container a:hover {
	text-decoration: none;
	color: #cba36f;
}

.intro .container p {
	font-weight: 300;
	font-size: 14px;
	color: #000;
	line-height: 1em;
}

.intro .container .menu a {
	font-size: 14px;
	color:#504F53;
	transition: color .2s;
}

.intro .container .menu a:hover {
	text-decoration: none;
	color: #cba36f;
}

.intro .container .menu {
	margin-top: 50px;
}

.intro .hrz:after {
    content: '';
    position: absolute;
    width: 30%;
    height: 1px;
    right: -15%;
    top: 50%;
    background-color: #504F53;
}

.intro .btnclick {
	  margin-top: 50px;
	  padding-bottom: 50px;
}
.btn.btn-comp {
    color: #fff;
    border: 1px solid #cba36f;
    padding: 12px 20px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    transition: color .2s;
    text-transform: uppercase;
    color: #504F53;
		margin: 10px;
    letter-spacing: 2px;
    font-size:16px;
}

.btn.btn-comp:hover {
	color: #cba36f;
}

.mainmenu {
	width: 100%;
	height: auto;
	position: relative;
	background-color: #E5CDAF;
	min-height: 43px;

}
.mainmenu .container-fluid {
	max-width: 1280px;
}

.mainmenu .nav {
	padding-top: 15px;
	padding-bottom: 15px;
	text-align: center;
}

.mainmenu .nav a {
	font-family: "futura-pt",sans-serif !important;
	text-transform: uppercase;
	color: #504F54;
	font-size: 14px;
	padding: 0;
	transition: color .1s;
}

.mainmenu .nav a:hover {
	text-decoration: none;
	color: #fff;
}

.mainmenu .nav a.active {
	color: #fff;
}

.mainmenu .logo {
	padding: 0px !important;
}

.mainmenu .logo img {
		position: absolute;
		display: block;
    width: 100% !important;
    height: auto !important;
    top: 0px;
    z-index: 100000;
}

.mainmenu .lang {
		z-index: 10000;
}

.mainmenu .lang a {
		color: #504F54;
		font-weight: 500;
}

.mainmenu .lang a:hover {
	color: #fff;
}

.mainmenu .desktoplang {
	position: absolute;
	right: -20px;
	top:50%;
	transform: translateY(-50%);
	margin-top: -1px;
}



#canvas, #animation_container, #dom_overlay_container {
	width: 100% !important;
	height: auto !important;
	top: -16px;
	z-index: 100;
}

.maincontent, .goldsmith {
	position: relative;
	background: #fff;
	width: 100%;
	padding-top: 180px;
	padding-bottom: 50px;
}

.goldsmith {
	padding: 0px;
	background: #F6F0E9;
}

.goldsmith img {
	width: 100%;
	height: auto;
	margin: 0;
}

.goldsmith h2 {
	color: #CAA372;
	font-family: "futura-pt",sans-serif !important;
	text-transform: uppercase;
	font-size: 24px;
	font-weight: 300;
	letter-spacing: 3px;
	margin-top: 75px;
	margin-bottom: 45px;

}

.goldsmith p {
	text-align: justify !important;
}

.goldsmith .small {
	font-size: 12px;
	font-weight: 300;
}

.goldsmith .member {
	text-align: center !important;
}

.goldsmith .member img {
	width: 87px;
}

.goldsmith .maps {
	margin-top: 75px;
	padding-bottom: 75px;
}


.insta img {
	width: 30px;
	margin-right: 20px;
}

.face img {
	width: 29px;
}

#map_container{
  position: relative;
}

#map{
    height: 0;
    overflow: hidden;
    padding-bottom: 60%;
    padding-top: 0;
    position: relative;
}


.maincontent .container-fluid, .goldsmith .container-fluid {
	position: relative;
	max-width: 1280px;
	text-align: center;
	overflow-x: hidden;
}

.intro, .maincontent, .goldsmith, .footer {
	overflow-x: hidden;
}

.maincontent p, .goldsmith p, .footer p {
	font-family: "futura-pt",sans-serif !important;
	color: #000;
	font-size: 16px;
	text-align: left;
	line-height: 1.1em;
	letter-spacing: 1px;
	font-weight: 300;
	
}

.maincontent img {
	width: 100%;
	height: auto;
	margin-top: 35px;
	margin-bottom: 35px;
}

.maincontent h2 {
	font-family: "futura-pt",sans-serif !important;
	text-transform: uppercase;
	font-size: 22px;
	color: #C39B57;
	font-weight: 300;
	letter-spacing: 4px;
	margin-top: 35px;
	margin-bottom: 35px;

}

.maincontent .centralrow {
	position: relative;
	width: 1px;
	background-color: #a48d7b;
	height: 290px;
	align-items: center;
	left: 50%;
}

.maincontent .centralrow img {
	position: absolute;
	width: 40px;
	height: auto;
	margin: 0px;
	background: #fff;
	left: -19px;
	top: 50%;
	margin-top:-20px;
	
}

.footer {
	position: relative;
	background: #E5CDAF;
	width: 100%;
}

.footer .container-fluid {
	position: relative;
	max-width: 1280px;
	text-align: center;
}

.footer p {
	text-align: center !important;
	line-height: 1.4em !important;
	margin: 0px;
	padding: 10px;
}

.footer a, .footer a:hover {
	color: #000;
}
.sticky {
    position: -webkit-sticky;
    position: sticky;
    top: -1px;
    z-index: 1030;
}

.sticky:before,
.sticky:after {
    content: '';
    display: table;
}

.burger-menu {
    width: 40px;
    height: 40px;
    cursor: pointer;
    border: 0px !important;
    border-radius: 0px !important;
    top: 0;
    right: 10px !important;
}
.burger {
		position: absolute;
    background: rgba(255,255,255,1);
    width: 100%;
    height: 2px;
    top: 20px;
    right: 0px;
    opacity: 1;
}
.burger::before {
		position: absolute;
    background: rgba(255,255,255,1);
    width: 40px;
    height: 2px;
    top: 10px;
    content: "";
    display: block;
}
.burger::after {
    position: absolute;
    background: rgba(255,255,255,1);
    width: 40px;
    height: 2px;
    bottom: 10px;
    content: "";
    display: block;
}
.burger::after, .burger::before, .burger {
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
}
.burger-menu.menu-on .burger::after{
   transform: rotate(-45deg);
   -webkit-transform: rotate(-45deg);
  bottom: 0px;
}
.burger-menu.menu-on .burger::before{
   transform: rotate(45deg);
   -webkit-transform: rotate(45deg);
  top: 0px;
}
.burger-menu.menu-on .burger{
 background: rgba(255,255,255,.0);
}

.burgerz {
	display: none !important;
}

.burgerz .nav-item .active {
	color: #fff !important;
}

.burgerz .social {
	margin-top: 20px;
}

*:focus {
    outline: 0 !important;
}

.navbar-nav .nav-link {
	 font-family: "futura-pt",sans-serif !important;
    text-transform: uppercase;
    color: #504F54;
    font-size: 16px;
    padding: 10px;
}

.navbar-collapse {
	text-align: center;
}

.burgerz .navbar {
	padding: 0px;
	background-color: #E5CDAF;
}

.burgerz .navbar-nav {
	    width: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100vh;
}

.shops {
	margin-top: 45px;
}

.shops a {
	color: #000;
	text-decoration: underline;
}

.shops p {
	text-align: center !important;
}

.shopsphotos .col-xs-4 {
	padding-bottom: 15px;
}
.gem-a {
	margin-top: 45px;
}

.gem-a p{
	text-align: center !important;
}


@media only screen and (max-width: 1279px) {


.maincontent {
	padding-top: 140px;
}
.mainmenu .nav a {
	font-size: 12px;
}

.intro .content p {
	padding-left: 11%;
  padding-right: 11%;
}
.intro .content .smaller {
	padding-left: 14%;
  padding-right: 14%;
}

.mainmenu .container-fluid {
	max-width: 1000px;
}

}


@media only screen and (max-width: 1050px) { 

.maincontent {
	padding-top: 100px;
}

.mainmenu .container-fluid {
	max-width: 810px;
}

.mainmenu .desktoplang {
	right: -40px;
}
	
}


@media only screen and (max-width: 992px) {

.mainmenu .container-fluid {
	max-width: 710px;
}


.goldsmith .z-first {
	margin-bottom: 45px;
	 -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
}

.intro .hrz:after {
    width: 16%;
    right: -8%;
}

.intro .mainbg {
	background-size: 300%;
}

.maincontent .centralrow {
	height: 235px;
}

}

@media only screen and (max-width: 767px) {


.maincontent .centralrow {
	height: 200px;
}

.mainmenu .desktoplang {
	display: none;
}

.mainmenu .nav {
	padding: 0px;
}

.mainmenu .lang {
	line-height: 40px;
	text-align: left;
}

.burgerz {
	display: block !important;
}
.intro .content p, .intro .content .smaller {
	padding: 0;
}

.intro .hrz:after {
	display: none;
}

.btn.btn-comp {
	letter-spacing: 1px;
	font-size:12px;
	padding: 10px 20px;
}

.intro .btnclick {
	  margin-top: 25px;
	  padding-bottom: 25px;
}

.goldsmith .z-first {
	margin-bottom: 45px;
	 -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
}

.goldsmith .maps p {
	text-align: center !important;
}

.goldsmith .maps {
    margin-top: 25px;
    padding-bottom: 25px;
}

.goldsmith h2 {
	margin-top: 45px;
}

.maincontent {
	padding-top: 80px;
}

.sticky {
	position: fixed !important;
}

.white-logo {
	display: none;
}

.intro .content {
	margin-top: 140px;
}

}

@media only screen and (max-width: 810px) {

.mainmenu .desktoplang {
    right: -10px;
}

}

@media only screen and (max-width: 576px) {


.intro .container h3 {
	display: block;
}

.intro .container .menu {
	display: none;
}
.z-first {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
}

.maincontent p {
	text-align: justify;
}
.col-xs-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}
.col-xs-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.btn.btn-comp {
	letter-spacing: 0px;
	font-size: 12px !important;
}


}

@media
	only screen and (-webkit-min-device-pixel-ratio: 1.25),
	only screen and ( min-device-pixel-ratio: 1.25),
	only screen and ( min-resolution: 200dpi),
	only screen and ( min-resolution: 1.25dppx)
	{
		-webkit-font-smoothing: subpixel-antialiased;
	}

</pre></body></html>