/* @group Layout */

html { 
	width: 100%; 
	text-align: center;
	font-size: 10px;
	background: #000;
	}

body {
	background: #fff;
}
body:not(.user-is-tabbing) input[type="checkbox"]:focus + label,
body:not(.user-is-tabbing) input[type="radio"]:focus + label,
body:not(.user-is-tabbing) input,
body:not(.user-is-tabbing) textarea,
body:not(.user-is-tabbing) select,
body:not(.user-is-tabbing) div.open-menu:focus,
body:not(.user-is-tabbing) form input:focus,
body:not(.user-is-tabbing) iframe,
body:not(.user-is-tabbing) button:focus,
body:not(.user-is-tabbing) button,
body:not(.user-is-tabbing) .slick-slide,
body:not(.user-is-tabbing) a:focus {
	outline: none;
	text-decoration: none;
}
/* 954px wide 12-column grid with 65px columns and 18px gutters */
.skipNavigation a {
	background: #fff;
	font-size: 1.4rem;
	font-weight: 600;
	color: #000 !important;
	position: absolute;
	padding: 8px;
	left: 5px;
	top: 5px;
	opacity: 0;
	border: 2px solid #fff;
}

.skipNavigation a:focus {
	z-index: 99;
	opacity: 1;
}
.skipNavigation a:hover {
	color: #fff !important;
	background: transparent;
}
#masthead {
	padding-top: 25px;
	padding-bottom: 21px;
	background-color: #000;
	}

#masthead table {
	margin: 0 auto !important;
}

#masthead table,
#masthead table th,
#masthead table td {
	border: none !important;   /* override any existing styles */
	border-collapse: collapse !important;; /* prevent double borders */
}

#masthead table {
	border-spacing: 0 !important;         /* remove spacing between cells */
}
#logo {
	width: 93em;
	margin: 0 auto;
	text-align: left;	
	padding-left: 3em;
	}

a#lisanik, a#lisanik .hover {
	display: block;
	/*width: 123px;*/
	width: 268px;
	height: 70px;
	background: transparent url(/images/css/logo-new@2x.png) 0 0 no-repeat;
	background-size: 268px 140px;
	}

.highlight a#lisanik:hover, a#lisanik .hover {
	/* background-position: 0 -35px; */
	} 

#wrap { 
	width: 100em;
	margin: 0 auto;
	text-align: left;
	}

#content {
	padding: 0 3em;
	/* background: transparent url(/images/css/bg-content.gif) repeat-y 17.2em 0; */
	}

#content .site.nav {
	float: left;
	width: 14.4em;
	margin-top: 32px;
	}

#content .site.nav li {
	margin-bottom: 1.7em;
	font-size: 13px;

	}

#main-nav.site.nav li input#keywords {
	width: 150px;
}

#content .site.nav li li {
	margin-bottom: 0;
	font-size: 13px;
	}

#content .site.nav li a {
	display: block;
	margin-bottom: 1.5em;
	}

#content .site.nav ul {
	margin-left: 1.4em;
	}

#content #main {
	position: relative;
	float: right;
	width: 71.7em;
	margin-right: 1.8em;
	}

/* @group Homepage */

#homepage #content #main {
	width: 75.6em;
	margin-right: 0;
	}

.slideshow img {
width: 100%; 
height: auto;
}

#slideshow {
    position:relative;
    height:520px;
	}

#slideshow p {
	margin: 0 !important;
	padding: 0 !important;
	}



#slideshow img {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
	}

#slideshow img.active {
    z-index:10;
    opacity:1.0;
	}

#slideshow img.last-active {z-index:9;}	

/* @end */

#content #main .account {
	position: absolute;
	right: 0;
	top: .8em;
	}

#content #main .account li {
	display: inline;
	line-height: 1.8em;
	margin-right: .5em;
	border-right: 1px solid #ddd;
	padding-right: .6em;
	}

#content #main .account li.last {
	margin-right: 0;
	border: none;
	padding-right: 0;
	}

/* @group Collections */

#collections #content .article {
	position: relative;
	float: left;
	margin-top: 3.2em;
	margin-right: 10px;
	margin-bottom: 4.5em;
	}

#collections #content .article.end {
	margin-right: 0;
	}

#collections #content .article a img {
	border: 1px solid #e8e4e4;
	-webkit-transition: all 300ms ease-in;
	-o-transition: all 300ms ease-in;	
	}

#collections #content .article a:hover img {
	border-color: #52aedb;
	}

#collections #content .article .header {
	position: absolute;
	top: 210px;
	}

#collections #content .article p {
	position: absolute;
	top: 218px;
	}

/* @end */

/* @group Jewelry Detail */

#jewelry-detail #gallery {
	position: relative;
	margin-top: 2.7em;
	}

#jewelry-detail #gallery .frame {
	width: 498px;
	height: 601px;	
	border: 1px solid #e8e4e4;
	overflow: hidden;
	} 

#jewelry-detail #gallery .features {
	position: absolute;
	top: 0;
	left: 518px;
	width: 20em;
	background-color: #f5f5f5;
	padding: 1em 0;
	}

#jewelry-detail #gallery .features li {
	line-height: 2.5em;
	margin-left: 12px;
	padding-left: 21px;
	}

#jewelry-detail #gallery .features .purchase {
	background: transparent url(/images/css/icn-purchase.png) no-repeat left .5em; }

#jewelry-detail #gallery .features .email {
	background: transparent url(/images/css/icn-email.gif) no-repeat left .8em;
	}

#jewelry-detail #gallery .nav {
	position: absolute;
	top: 8.6em;
	left: 518px;
	}

#jewelry-detail #gallery .nav img {
	vertical-align: top;
	border: 1px solid #e8e4e4;
	margin-bottom: 1.8em;
	opacity: .9;
	-webkit-transition: all 300ms ease-in;
	-o-transition: all 300ms ease-in;
	}

#jewelry-detail #gallery .nav a:hover img {
	border-color: #52aedb;
	opacity: 1;
	}

/* @end */

/* @group Stores */

#stores #content #main .section { min-height: 300px; }

#stores ol#results {
	border-top: 1px solid #eaeaea;
	}

#stores #results li {
	margin: 0;
	border-bottom: 1px solid #eaeaea;
	padding: 2.7em 0;
	}

#stores #results .store {
	padding-left: 3.6em;
	}

#stores #results .store .header {
	margin-top: 0;
	}


/* @group Search */

#search #content th, td {
	padding: .9em 0 1.8em 0;
	border-bottom: 1px solid #eaeaea;
	vertical-align:bottom;
}

#search #main img {
	margin-right: 1em;
	padding: 2px;
	border: 1px solid #ccc;
}


/* @end */

#profile #main .section {
	/*background: transparent url(/images/css/ph-profile.jpg) no-repeat 1px 39px;*/
	position: relative;
	min-height: 580px;
	}

#profile #main .section p {
	margin-left: 180px;
	margin-right: 14.83em;
	}
#profile #main .section img.bg-image {
	max-width: 170px;
	position: absolute;
	top: 58px;
	left: 0;
}
#news #content .article {
	padding: .9em 0 1.8em 0;
	border-bottom: 1px solid #eaeaea;	
	}

#news-article #main img {
	margin-right: 1em;
	padding: 2px;
	border: 1px solid #ccc;
	} 

div.pagination p { font-size: 15px; }

div.pagination p a { margin: 0 10px; }

#breadcrumbs {
	margin: 45px 0 27px 0;
	}

#breadcrumbs li {
	display: inline;
	line-height: 1.6em;
	margin-right: 1em;
	padding-right: 1.6em;
	background: transparent url(/images/css/bg-breadcrumb.gif) no-repeat right center;
	}

#breadcrumbs li:last-child {
	background: none;
	}

#foot_wrap {
	background-color: #000;
	}

.site.footer {
	width: 90em;	
	margin: 0 auto;
	text-align: left;
	padding: 25px 3em;
	}

#rights {
	float: left;
	}

.site.footer .nav {
	float: right;
	}

.site.footer .nav li {
	display: inline;
	}

.site.footer .nav li a {
	display: block;
	float: left;
	margin-right: .8em;
	border-right: 1px solid #383838;
	padding-right: 1em;
	}

#facebook a {
	padding-right: 2.9em;
	}

#instagram a {
	padding-right: 2.9em;
	}


#twitter a {
	margin: 0;
	border: none;
	padding-right: 21px;	
	}

/* @group Utility */

.text_hide {
	display: block;
	text-indent: -9999px;
	}

.text_remove, #skip.nav {
	display: block;
	position: absolute;
	top: -9999px;
	}

.group:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}

/* @end */

/* @end */

/* @group Typography */

body {
	font-size: 10px; 
    font-family: Helvetica, Arial, "Lucida Grande", Verdana, Lucida, sans-serif;
	color: #000;
	}

a:link, a:visited {
	color: #52aedb;
	text-decoration: none;
	}

a:hover, a:active {
	color: #52aedb;
	}

#content #main a:link, #content #main a:visited {
	color: #444;
	text-decoration: underline;
	}

#content #main a:hover, #content #main a:active {
	color: #111;
	text-decoration: none;
	}
#content #main .article .header a:link {
	text-decoration: none;
}
.site.nav a:link, .site.nav a:visited {
	color: #9c9c9b;
	text-transform: uppercase;
	}

.site.nav a:focus, .site.nav a:hover, .site.nav a:active, .site.nav a.current, .site.nav .here > a {
	color: #000;
	font-weight: 700;
	}
.site.nav a:focus {
	text-decoration: underline;
}
#content .section h1.header,
#content .section h2.header {
	font-size: 1.8em; /* 18px */ line-height: 1em; /* 18px */ margin-top: 1.57em; padding-bottom: 1em; 	
	border-bottom: 1px solid #eaeaea;
	text-transform: uppercase;
	}

#content h3 {
	font-size: 1.4em; /* 14px */ line-height: 1.2857em; /* 18px */ margin-top: 1.2857em; margin-bottom: 0em; 	
	}

#content h4, #content p, #content .account {
	font-size: 1.2em; /* 12px */ line-height: 1.5em; /* 18px */ margin-top: 1.5em; margin-bottom: 0em; 
	}

#content .account {
	color: #888;
	}

#collections #content .description, #collections #content .price {
	color: #555;
	font-size: 14px;
	}

#collections #content .article .header {
	line-height: 1.2em;
	}

#news #content .article .header {
	font-size: 1.8em;
	font-weight: 500;
	}

#news #content .article .date {
	color: #9c9c9b;
	font-size: 1em;
	margin-top: .5em;
	}

#jewelry-detail .price {
	margin-top: .1em;
	font-weight: 700;
	}

/* @group Stores Temporary Styles */

#stores #main {
	padding-bottom: 2.8em;
	}

#stores h3 {
	margin-top: 2.7em;
	font-size: 1.8em;
	}

#stores h4 {
	margin-top: 2.7em;
	font-size: 1.5em;	
	color: #888;
	}

#stores h4.draft {
	font-size: 1.2em;	
	font-style: italic;
	color: #000;
	}

#stores .special-order {
	margin-top: .5em;
	}

#stores h5 {
	margin-top: 2.7em;
	font-size: 1.2em;	
	margin-bottom: .5em;
	}

#stores .vcard p {
	margin-top: 0;
	}

/* @end */

#breadcrumbs a:link, #breadcrumbs a:visited, #breadcrumbs li.current {
	color: #9c9c9b;
	text-transform: uppercase;
	}

#breadcrumbs a:hover, #breadcrumbs a:active, #breadcrumbs li.current {
	color: #000;
	text-decoration: none !important;
	}

.site.footer {
	color: #c9c9c9;
	text-transform: uppercase;
	line-height: 1.6em;
	}

.site.footer a {
	color: #c9c9c9;
	}

.site.footer a:focus, .site.footer a:hover, .site.footer a:active {
	color: #fff;
	}

#facebook a {
	background: transparent url(/images/css/icn-facebook.gif) no-repeat 8.3em top;	
	}

#facebook a:hover, #facebook a:focus {
	background-position: 8.3em -16px;
	}

#instagram a {
	background: transparent url(/images/css/icn-instagram.gif) no-repeat 6.3em top;	
	}

#instagram a:hover, #instagram a:focus {
	background-position: 6.3em -16px;
	}

#twitter a {
	background: transparent url(/images/css/icn-twitter.gif) no-repeat right top;
	}

#twitter a:hover, #twitter a:focus {
	background-position: right -16px;
	}

/* @end */

/* @group Forms */
.freeform-row,
form fieldset {
	margin: 2.1em 0 0;
	}

label {
	display: block;
	color: #000;
	font-size: 1.2em;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 1.8em;
	margin: 0 0 3px 0;	
	}

label.error {
	text-transform: none;
	color: #ca0000;
	}

input, textarea, select {
	font-size: 1.2em;
    font-family: Helvetica, Arial, "Lucida Grande", Verdana, Lucida, sans-serif;
	color: #666;
	background: #fbfbfb;
	border-top: 1px solid #a8a8a8;
	border-left: 1px solid #a8a8a8;
	border-right: 1px solid #d8d8d8;
	border-bottom: 1px solid #d8d8d8;
	padding: 6px 8px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-transition: all 388ms ease-out;
	-o-transition: all 388ms ease-out;
	width: 41.7em;
	}

input:focus, textarea:focus {
	background: #fcfcf1;
	border-right-color: #f5f5eb;	
	border-bottom-color: #f5f5eb;
	}

select {
	border-top: 1px solid #eaeaea;
	border-left: 1px solid #eaeaea;
	border-right: 1px solid #c7c7c7;
	border-bottom: 1px solid #c7c7c7;
	background: #f4f2f3;
	}
button[type="submit"],
input[type="submit"],
input.submit {
	width: auto !important;
	color: #fff;
	font-size: 1.2em;
	text-transform: uppercase;
	border-color: #3d3d3d;
	background: #4d4d4d;
	padding: .5em 1em;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-webkit-transition:background-color 200ms ease-in-out;
	-o-transition:background-color 200ms ease-in-out;	
	}
input[type="checkbox"] {
	width: auto;
	margin-right: 10px;
}
input[type="submit"]:hover,
input.submit:hover {
	background: #333;
	cursor: pointer;
	}

#login form {
	position: relative;
	}

#login form #forgot, #login form #register {
	position: absolute;
	font-size: 1.1em;
	top: 12.8em;
	line-height: 1.63em;
	}

#login form #forgot {
	left: 10em;
	border-right: 1px solid #eaeaea;
	padding-right: 1.1em;
	}

#login form #register {
	left: 22.7em;
	}


/* @group Store Locator */

#store-locator {
	margin-bottom: 5em;
	}

#store-locator fieldset {
	float: left;
	margin-bottom: 0;
	}

#store-locator select {
	width: 15em;
	margin-right: 2.1em;
	}

#store-locator .submit {
	margin-top: 2em;
	}


/* @end */


.showNav, .hideNav { display: none; visibility: hidden; }

ul#main-nav li.first ul {  display: none; visibility: hidden; }

body#collections ul#main-nav li.first ul { display: block; visibility: visible; }

/* slides */

.slidesWrapper{position:relative}.slide,.slides{position:relative;width:100%}.slide{display:none;vertical-align:middle;overflow:hidden}.slide:first-child{display:block}.slide>a,.slide>a>img,.slide>img{height:auto;max-height:none;max-width:none;min-width:100%;position:relative;width:100%;display:block}.slides a{text-decoration:none;color:inherit}.slideTextWrapper{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-js-display:flex;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.slideText{-webkit-box-flex:1;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;display:inline-block}.slidesDots{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-js-display:flex;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;position:relative;width:100%;z-index:1000}.slidesDots span{background-color:#fff;-webkit-box-shadow:inset 0 0 2px 0 rgba(0,0,0,.3);box-shadow:inset 0 0 2px 0 rgba(0,0,0,.3);border-radius:50%;cursor:pointer;display:block;height:1rem;margin:1rem .5rem;text-indent:-9999px;width:1rem}.slidesDots span.cycle-pager-active{background-color:rgba(0,0,0,.2)}.slidesNav{display:none;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;position:absolute;top:50%;-webkit-transform:translatey(-50%);-ms-transform:translatey(-50%);transform:translatey(-50%);z-index:1000}.slidesNav,.slidesNav>div{-webkit-box-orient:horizontal;-webkit-box-direction:normal}.slidesNav>div{cursor:pointer;-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:50px;height:50px;-js-display:flex;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.slidesNav>div>div{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.slidesNav img{display:block}
@media only screen and (min-width:800px){.slidesNav{-js-display:flex;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;left:0;right:0;z-index:1000}}

.locations{margin:20px;}
.locations h4{
	border-bottom: 1px solid #777777;
}

#gmap{
	width: 100%;
	height:400px;
}

.location{padding:20px;}
.location .storeAddress,
.location .storeContact{
	padding:10px 10px 0 10px;
	line-height: 1.7;
}


#stores .location h5{
	margin: 0 0 5px 0;
}

.storeCards {
	display: flex;
	flex-wrap: wrap;
	margin: 10px -10px -10px -10px;
}
.storeCards > * {
	flex-grow: 1;
	flex-basis: calc((600px - 100%) * 999);
	margin: 10px;
	min-width: 200px;
	background-color: #fdfdfd;
	border: 1px solid #cdcdcd;
	border-radius: 3px;
}
#findNearestStore{
	margin: 20px 0 20px 0;
	padding: 0;
	position: relative;
	-ms-flex-align: stretch;
	align-items: stretch;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	overflow: hidden;
}
#findNearestStore input[type='text'],
#findNearestStore button{
	margin: 5px;
}
#findNearestStore input[type='text']{
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	max-width: 200px;
}
#findNearestStore button{
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
}
.fillerCard{
	margin-bottom: 0;
	padding: 0;
	visibility: hidden;
}
.fillerCard.fillerCard *{
	display: none;
}
.mapTrigger{
	text-decoration: none;
}
.mapTrigger:hover{
	border: 1px solid #c4c4c4;
	background-color: #f8f8f8;
	cursor: pointer;
}
.locationInfoWindow{
	line-height: 1.5;
	color: #000000;
	padding:5px;
}
.locationInfoWindow strong{
	font-size: 18px;
	color: #000000;
}
.collection-img {
	margin-top: 30px;
}
.collection-img img {
	width: 100%;

}
#collections .section.group ul {
	-js-display: flex;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-ms-flex-pack: -ms-flex-start;
	justify-content: flex-start;
}
#collections .section.group ul li {
	max-width: 164px;

}
#collections #content .article .header {
	position: relative;
	top: unset;
}
#collections #content .article a {
	text-decoration: none;
}
#collections #content .article {
	position: relative;
	float: none;
	margin-top: 3.2em;
	margin-right: 10px;
	margin-bottom: 0;
}
.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
	font-size: 0;
}
.item-count {
	display: block;
	margin-top: 20px;
	font-size: 13px;
}
#stores .stores-cols h4:first-of-type {
	margin-top: 0;
}


@media only screen and (min-width: 760px) {
	.stores-cols {
		column-count: 2;
		break-inside: avoid-column;
	}
	.stores-cols .store.vcard{
		display: block;
	}

	#mobileSearch {
		display: none;
	}
}